Migrate material_expansionpanel package off of deprecated GlyphComponent.

PiperOrigin-RevId: 179433209

Author: tijoforyou

lib/material_expansionpanel/_mixins.scss

@@ -106,7 +106,7 @@ $_panel: 'div.panel.themeable';
 }
 
 @mixin expansionpanel-expand-button-text-color($color) {
-  ::ng-deep #{$_panel} glyph.expand-button {
+  ::ng-deep #{$_panel} material-icon.expand-button {
     color: $color;
   }
 }

lib/material_expansionpanel/material_expansionpanel.dart

@@ -10,7 +10,7 @@ import 'package:intl/intl.dart';
 import 'package:angular_components/button_decorator/button_decorator.dart';
 import 'package:angular_components/content/deferred_content_aware.dart';
 import 'package:angular_components/focus/focus.dart';
-import 'package:angular_components/glyph/glyph.dart';
+import 'package:angular_components/material_icon/material_icon.dart';
 import 'package:angular_components/material_yes_no_buttons/material_yes_no_buttons.dart';
 import 'package:angular_components/model/action/async_action.dart';
 import 'package:angular_components/utils/browser/dom_service/dom_service.dart';
@@ -103,7 +103,7 @@ import 'package:angular_components/utils/disposer/disposer.dart';
     selector: 'material-expansionpanel',
     directives: const [
       ButtonDirective,
-      GlyphComponent,
+      MaterialIconComponent,
       MaterialSaveCancelButtonsDirective,
       MaterialYesNoButtonsComponent,
       NgIf,
@@ -233,8 +233,7 @@ class MaterialExpansionPanel
   @Input()
   String secondaryText;
 
-  /// An optional glyph icon name to replace the expand arrows with a custom
-  /// icon.
+  /// An optional icon name to replace the expand arrows with a custom icon.
   ///
   /// If a custom icon is used, then the icon disappears when the panel is
   /// expanded. By default, the expand icon is "expand_less."
@@ -367,7 +366,7 @@ class MaterialExpansionPanel
 
   /// Button that expands or collapses the panel.
   ///
-  /// It's either the header or the glyph icon in the content if
+  /// It's either the header or the icon in the content if
   /// [hideExpandedHeader] is set to `true`.
   ButtonDirective _expandCollapseButton;
   @ViewChild('expandCollapseButton', read: ButtonDirective)

lib/material_expansionpanel/material_expansionpanel.html

@@ -30,13 +30,13 @@
       <ng-content select="[value]"></ng-content>
     </div>
 
-    <glyph buttonDecorator
-           *ngIf="shouldShowExpandIcon"
-           class="expand-button"
-           [icon]="expandIcon"
-           [class.expand-more]="shouldFlipExpandIcon"
-           (trigger)="handleExpandIconClick()">
-    </glyph>
+    <material-icon buttonDecorator
+                   *ngIf="shouldShowExpandIcon"
+                   class="expand-button"
+                   [icon]="expandIcon"
+                   [class.expand-more]="shouldFlipExpandIcon"
+                   (trigger)="handleExpandIconClick()">
+    </material-icon>
   </header>
 
   <!-- Expanded section -->
@@ -46,14 +46,14 @@
         <div class="content">
           <ng-content></ng-content>
         </div>
-        <glyph *ngIf="shouldShowHiddenHeaderExpandIcon"
-               #expandCollapseButton
-               [icon]="expandIcon"
-               class="expand-button"
-               buttonDecorator
-               (trigger)="collapse()"
-               [attr.aria-label]="closePanelMsg">
-        </glyph>
+        <material-icon *ngIf="shouldShowHiddenHeaderExpandIcon"
+                       #expandCollapseButton
+                       [icon]="expandIcon"
+                       class="expand-button"
+                       buttonDecorator
+                       (trigger)="collapse()"
+                       [attr.aria-label]="closePanelMsg">
+        </material-icon>
       </div>
       <div *ngIf="!showSaveCancel" class="toolbelt">
         <ng-content select="[toolbelt]"></ng-content>