From 9cb544f8b8c9d8c730762e092e09498a96fcf0da Mon Sep 17 00:00:00 2001
From: Yin Zhang <yinzz@google.com>
Date: Mon, 18 Sep 2023 12:41:17 -0700
Subject: [PATCH] Migration to use the new MDC-based Angular Components.
 Components migrated: progress-spinner

PiperOrigin-RevId: 566384114
---
 frontend/app/common/angular/BUILD                             | 2 +-
 frontend/app/components/capture_profile/BUILD                 | 2 +-
 .../capture_profile_dialog/capture_profile_dialog.ng.html     | 2 +-
 .../app/components/capture_profile/capture_profile_module.ts  | 4 ++--
 frontend/styles.scss                                          | 1 +
 5 files changed, 6 insertions(+), 5 deletions(-)

diff --git a/frontend/app/common/angular/BUILD b/frontend/app/common/angular/BUILD
index 72a23b69..d695dec4 100644
--- a/frontend/app/common/angular/BUILD
+++ b/frontend/app/common/angular/BUILD
@@ -115,7 +115,7 @@ ts_library(
 )
 
 ts_library(
-    name = "angular_material_legacy_progress_spinner",
+    name = "angular_material_progress_spinner",
     srcs = [],
     deps = [
         "@npm//@angular/material",
diff --git a/frontend/app/components/capture_profile/BUILD b/frontend/app/components/capture_profile/BUILD
index 8ae1be62..889a1306 100644
--- a/frontend/app/components/capture_profile/BUILD
+++ b/frontend/app/components/capture_profile/BUILD
@@ -21,8 +21,8 @@ xprof_ng_module(
         "@npm//rxjs",
         "@org_xprof//frontend/app/common/angular:angular_material_button",
         "@org_xprof//frontend/app/common/angular:angular_material_dialog",
-        "@org_xprof//frontend/app/common/angular:angular_material_legacy_progress_spinner",
         "@org_xprof//frontend/app/common/angular:angular_material_legacy_snack_bar",
+        "@org_xprof//frontend/app/common/angular:angular_material_progress_spinner",
         "@org_xprof//frontend/app/common/interfaces",
         "@org_xprof//frontend/app/components/capture_profile/capture_profile_dialog",
         "@org_xprof//frontend/app/services/data_service",
diff --git a/frontend/app/components/capture_profile/capture_profile_dialog/capture_profile_dialog.ng.html b/frontend/app/components/capture_profile/capture_profile_dialog/capture_profile_dialog.ng.html
index 13b49293..e26c7fb4 100644
--- a/frontend/app/components/capture_profile/capture_profile_dialog/capture_profile_dialog.ng.html
+++ b/frontend/app/components/capture_profile/capture_profile_dialog/capture_profile_dialog.ng.html
@@ -29,10 +29,10 @@
 
   <div>
     <mat-form-field>
+      <mat-label>Profiling duration(ms)</mat-label>
       <input
         matInput
         type="number"
-        placeholder="Profiling Duration (milliseconds)"
         [(ngModel)]="duration"
       />
     </mat-form-field>
diff --git a/frontend/app/components/capture_profile/capture_profile_module.ts b/frontend/app/components/capture_profile/capture_profile_module.ts
index 2176dcd7..8c0882ba 100644
--- a/frontend/app/components/capture_profile/capture_profile_module.ts
+++ b/frontend/app/components/capture_profile/capture_profile_module.ts
@@ -2,7 +2,7 @@ import {CommonModule} from '@angular/common';
 import {NgModule} from '@angular/core';
 import {MatButtonModule} from '@angular/material/button';
 import {MatDialogModule} from '@angular/material/dialog';
-import {MatLegacyProgressSpinnerModule} from '@angular/material/legacy-progress-spinner';
+import {MatProgressSpinnerModule} from '@angular/material/progress-spinner';
 import {MatLegacySnackBarModule} from '@angular/material/legacy-snack-bar';
 
 import {CaptureProfile} from './capture_profile';
@@ -16,7 +16,7 @@ import {CaptureProfileDialogModule} from './capture_profile_dialog/capture_profi
     CommonModule,
     MatButtonModule,
     MatDialogModule,
-    MatLegacyProgressSpinnerModule,
+    MatProgressSpinnerModule,
     CaptureProfileDialogModule,
     MatLegacySnackBarModule,
   ],
diff --git a/frontend/styles.scss b/frontend/styles.scss
index cfae63ff..a4c62a48 100644
--- a/frontend/styles.scss
+++ b/frontend/styles.scss
@@ -37,6 +37,7 @@ $theme: mat.define-light-theme(
 @include mat.select-theme($theme);
 @include mat.menu-theme($theme);
 @include mat.dialog-theme($theme);
+@include mat.progress-spinner-theme($theme);
 @include mat.progress-bar-theme($theme);
 
 html, body {