Migrate material_input package off of deprecated GlyphComponent.

PiperOrigin-RevId: 179450549

Author: tijoforyou

lib/material_input/material_auto_suggest_input.dart

@@ -12,9 +12,9 @@ import 'package:angular_components/content/deferred_content.dart';
 import 'package:angular_components/dynamic_component/dynamic_component.dart';
 import 'package:angular_components/focus/focus.dart';
 import 'package:angular_components/focus/keyboard_only_focus_indicator.dart';
-import 'package:angular_components/glyph/glyph.dart';
 import 'package:angular_components/laminate/enums/alignment.dart';
 import 'package:angular_components/laminate/popup/popup.dart';
+import 'package:angular_components/material_icon/material_icon.dart';
 import 'package:angular_components/material_input/input_wrapper.dart';
 import 'package:angular_components/material_list/material_list.dart';
 import 'package:angular_components/material_popup/material_popup.dart';
@@ -134,8 +134,8 @@ typedef String _InputChangeCallback(String inputText);
     ButtonDirective,
     CachingDeferredContentDirective,
     DynamicComponent,
-    GlyphComponent,
     KeyboardOnlyFocusIndicatorDirective,
+    MaterialIconComponent,
     materialInputDirectives,
     MaterialListComponent,
     MaterialSelectDropdownItemComponent,

lib/material_input/material_auto_suggest_input.html

@@ -38,7 +38,7 @@
     (keypress)="onKeyPress($event)"
     (keyup)="onKeyUp($event)">
   <span trailing>
-    <glyph
+    <material-icon
         *ngIf="showClearIcon"
         icon="clear"
         buttonDecorator
@@ -48,7 +48,7 @@
         [materialTooltip]="clearIconTooltip"
         [showTooltipIf]="hasClearIconTooltip"
         (trigger)="onClearIcon()">
-    </glyph>
+    </material-icon>
     <ng-content select="[trailing]"></ng-content>
   </span>
 </material-input>

lib/material_input/material_input.dart

@@ -6,7 +6,7 @@ import 'package:angular/angular.dart';
 import 'package:angular_forms/angular_forms.dart';
 import 'package:quiver/strings.dart' show isNotEmpty;
 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/utils/angular/properties/properties.dart';
 import 'package:angular_components/utils/angular/reference/reference.dart';
 
@@ -133,7 +133,7 @@ const String materialInputErrorKey = 'material-input-error';
   directives: const [
     DefaultValueAccessor,
     FocusableDirective,
-    GlyphComponent,
+    MaterialIconComponent,
     NgFor,
     NgIf,
     NgModel,

lib/material_input/material_input.html

@@ -8,10 +8,10 @@
     <span *ngIf="hasLeadingGlyph"
           class="leading-text"
           [class.floated-label]="floatingLabel">
-      <glyph class="glyph leading"
-             icon="{{leadingGlyph}}"
-             [attr.disabled]="disabled">
-      </glyph>
+      <material-icon class="glyph leading"
+                     icon="{{leadingGlyph}}"
+                     [attr.disabled]="disabled">
+      </material-icon>
     </span>
     <span *ngIf="hasLeadingText"
           class="leading-text"
@@ -60,10 +60,10 @@
     <span *ngIf="hasTrailingGlyph"
           class="trailing-text"
           [class.floated-label]="floatingLabel">
-      <glyph class="glyph trailing"
-             icon="{{trailingGlyph}}"
-             [attr.disabled]="disabled">
-      </glyph>
+      <material-icon class="glyph trailing"
+                     icon="{{trailingGlyph}}"
+                     [attr.disabled]="disabled">
+      </material-icon>
     </span>
     <ng-content select="[trailing]"></ng-content>
   </div>