2. Rename TypeScript symbols in src/material/legacy-<component>

Perform the following steps to complete the rename and fix all references:
1. Refactor all public symbols in `src/material/legacy-<component>` that start with `Mat<Component>` to `MatLegacy<Component>`. Recommend using Webstorm's refactoring tools for this, since it automatically updates TS references
2. Run `yarn approve-api legacy-<component>; yarn approve-api legacy-<component>/testing`
3. Find any remaining instances of `mat<component>` in the public API: `grep -iF mat<component> tools/public_api_guard/material/legacy-<component>.md tools/public_api_guard/material/legacy-<component>-testing.md`. All instances should be directive or component selectors (i.e. line should start with `static ɵcmp` or `static ɵdir`). If you missed any symbols, repeat steps 1-3
4. Manually inspect `tools/public_api_guard/material/legacy-<component>.md` and `tools/public_api_guard/material/legacy-<component>-testing.md` for any other symbols that need renaming and rename them (e.g. `CardHarnessFilters` should become `LegacyCardHarnessFilters`).
5. Run `yarn format`

Author: mmalerba

src/components-examples/material/card/card-harness/card-harness-example.spec.ts

@@ -1,9 +1,9 @@
 import {ComponentFixture, TestBed} from '@angular/core/testing';
 import {TestbedHarnessEnvironment} from '@angular/cdk/testing/testbed';
 import {MatButtonHarness} from '@angular/material/button/testing';
-import {MatCardHarness} from '@angular/material/legacy-card/testing';
+import {MatLegacyCardHarness} from '@angular/material/legacy-card/testing';
 import {HarnessLoader, parallel} from '@angular/cdk/testing';
-import {MatCardModule} from '@angular/material/legacy-card';
+import {MatLegacyCardModule} from '@angular/material/legacy-card';
 import {CardHarnessExample} from './card-harness-example';
 
 describe('CardHarnessExample', () => {
@@ -12,7 +12,7 @@ describe('CardHarnessExample', () => {
 
   beforeEach(async () => {
     await TestBed.configureTestingModule({
-      imports: [MatCardModule],
+      imports: [MatLegacyCardModule],
       declarations: [CardHarnessExample],
     }).compileComponents();
     fixture = TestBed.createComponent(CardHarnessExample);
@@ -21,21 +21,21 @@ describe('CardHarnessExample', () => {
   });
 
   it('should find card with text', async () => {
-    const cards = await loader.getAllHarnesses(MatCardHarness.with({text: /spitz breed/}));
+    const cards = await loader.getAllHarnesses(MatLegacyCardHarness.with({text: /spitz breed/}));
     expect(cards.length).toBe(1);
     expect(await cards[0].getTitleText()).toBe('Shiba Inu');
   });
 
   it('should get subtitle text', async () => {
-    const cards = await loader.getAllHarnesses(MatCardHarness);
+    const cards = await loader.getAllHarnesses(MatLegacyCardHarness);
     expect(await parallel(() => cards.map(card => card.getSubtitleText()))).toEqual([
       '',
       'Dog Breed',
     ]);
   });
 
   it('should act as a harness loader for user content', async () => {
-    const card = await loader.getHarness(MatCardHarness.with({title: 'Shiba Inu'}));
+    const card = await loader.getHarness(MatLegacyCardHarness.with({title: 'Shiba Inu'}));
     const footerSubcomponents = (await card.getAllHarnesses(MatButtonHarness)) ?? [];
     expect(footerSubcomponents.length).toBe(2);
   });

src/components-examples/material/card/index.ts

@@ -1,6 +1,6 @@
 import {NgModule} from '@angular/core';
 import {MatButtonModule} from '@angular/material/button';
-import {MatCardModule} from '@angular/material/legacy-card';
+import {MatLegacyCardModule} from '@angular/material/legacy-card';
 import {MatDividerModule} from '@angular/material/divider';
 import {MatProgressBarModule} from '@angular/material/progress-bar';
 import {CardFancyExample} from './card-fancy/card-fancy-example';
@@ -32,7 +32,7 @@ const EXAMPLES = [
 ];
 
 @NgModule({
-  imports: [MatButtonModule, MatCardModule, MatDividerModule, MatProgressBarModule],
+  imports: [MatButtonModule, MatLegacyCardModule, MatDividerModule, MatProgressBarModule],
   declarations: EXAMPLES,
   exports: EXAMPLES,
 })

src/components-examples/material/checkbox/index.ts

@@ -1,7 +1,7 @@
 import {CommonModule} from '@angular/common';
 import {NgModule} from '@angular/core';
 import {FormsModule, ReactiveFormsModule} from '@angular/forms';
-import {MatCardModule} from '@angular/material/legacy-card';
+import {MatLegacyCardModule} from '@angular/material/legacy-card';
 import {MatCheckboxModule} from '@angular/material/checkbox';
 import {MatRadioModule} from '@angular/material/radio';
 import {CheckboxConfigurableExample} from './checkbox-configurable/checkbox-configurable-example';
@@ -26,7 +26,7 @@ const EXAMPLES = [
 @NgModule({
   imports: [
     CommonModule,
-    MatCardModule,
+    MatLegacyCardModule,
     MatCheckboxModule,
     MatRadioModule,
     FormsModule,

src/components-examples/material/datepicker/index.ts

@@ -2,7 +2,7 @@ import {CommonModule} from '@angular/common';
 import {NgModule} from '@angular/core';
 import {FormsModule, ReactiveFormsModule} from '@angular/forms';
 import {MatButtonModule} from '@angular/material/button';
-import {MatCardModule} from '@angular/material/legacy-card';
+import {MatLegacyCardModule} from '@angular/material/legacy-card';
 import {MatNativeDateModule, MAT_DATE_LOCALE} from '@angular/material/core';
 import {MatDatepickerModule} from '@angular/material/datepicker';
 import {MatIconModule} from '@angular/material/icon';
@@ -96,7 +96,7 @@ const EXAMPLES = [
   imports: [
     CommonModule,
     MatButtonModule,
-    MatCardModule,
+    MatLegacyCardModule,
     MatDatepickerModule,
     MatInputModule,
     MatIconModule,

src/components-examples/material/progress-bar/index.ts

@@ -1,7 +1,7 @@
 import {CommonModule} from '@angular/common';
 import {NgModule} from '@angular/core';
 import {FormsModule} from '@angular/forms';
-import {MatCardModule} from '@angular/material/legacy-card';
+import {MatLegacyCardModule} from '@angular/material/legacy-card';
 import {MatProgressBarModule} from '@angular/material/progress-bar';
 import {MatRadioModule} from '@angular/material/radio';
 import {MatSliderModule} from '@angular/material/slider';
@@ -33,7 +33,7 @@ const EXAMPLES = [
 @NgModule({
   imports: [
     CommonModule,
-    MatCardModule,
+    MatLegacyCardModule,
     MatProgressBarModule,
     MatRadioModule,
     MatSliderModule,

src/components-examples/material/progress-spinner/index.ts

@@ -1,7 +1,7 @@
 import {CommonModule} from '@angular/common';
 import {NgModule} from '@angular/core';
 import {FormsModule} from '@angular/forms';
-import {MatCardModule} from '@angular/material/legacy-card';
+import {MatLegacyCardModule} from '@angular/material/legacy-card';
 import {MatProgressSpinnerModule} from '@angular/material/progress-spinner';
 import {MatRadioModule} from '@angular/material/radio';
 import {MatSliderModule} from '@angular/material/slider';
@@ -24,7 +24,7 @@ const EXAMPLES = [
 @NgModule({
   imports: [
     CommonModule,
-    MatCardModule,
+    MatLegacyCardModule,
     MatProgressSpinnerModule,
     MatRadioModule,
     MatSliderModule,

src/components-examples/material/slide-toggle/index.ts

@@ -1,7 +1,7 @@
 import {NgModule} from '@angular/core';
 import {FormsModule, ReactiveFormsModule} from '@angular/forms';
 import {MatButtonModule} from '@angular/material/button';
-import {MatCardModule} from '@angular/material/legacy-card';
+import {MatLegacyCardModule} from '@angular/material/legacy-card';
 import {MatCheckboxModule} from '@angular/material/checkbox';
 import {MatRadioModule} from '@angular/material/radio';
 import {MatSlideToggleModule} from '@angular/material/slide-toggle';
@@ -28,7 +28,7 @@ const EXAMPLES = [
   imports: [
     FormsModule,
     MatButtonModule,
-    MatCardModule,
+    MatLegacyCardModule,
     MatCheckboxModule,
     MatRadioModule,
     MatSlideToggleModule,

src/components-examples/material/slider/index.ts

@@ -1,7 +1,7 @@
 import {CommonModule} from '@angular/common';
 import {NgModule} from '@angular/core';
 import {FormsModule} from '@angular/forms';
-import {MatCardModule} from '@angular/material/legacy-card';
+import {MatLegacyCardModule} from '@angular/material/legacy-card';
 import {MatCheckboxModule} from '@angular/material/checkbox';
 import {MatInputModule} from '@angular/material/input';
 import {MatSliderModule} from '@angular/material/slider';
@@ -28,7 +28,7 @@ const EXAMPLES = [
   imports: [
     CommonModule,
     FormsModule,
-    MatCardModule,
+    MatLegacyCardModule,
     MatCheckboxModule,
     MatInputModule,
     MatSliderModule,

src/dev-app/autocomplete/autocomplete-demo.ts

@@ -11,7 +11,7 @@ import {CommonModule} from '@angular/common';
 import {FormControl, FormsModule, NgModel, ReactiveFormsModule} from '@angular/forms';
 import {MatAutocompleteModule} from '@angular/material/autocomplete';
 import {MatButtonModule} from '@angular/material/button';
-import {MatCardModule} from '@angular/material/legacy-card';
+import {MatLegacyCardModule} from '@angular/material/legacy-card';
 import {MatFormFieldModule} from '@angular/material/form-field';
 import {MatInputModule} from '@angular/material/input';
 import {Observable} from 'rxjs';
@@ -37,7 +37,7 @@ export interface StateGroup {
     FormsModule,
     MatAutocompleteModule,
     MatButtonModule,
-    MatCardModule,
+    MatLegacyCardModule,
     MatFormFieldModule,
     MatInputModule,
     ReactiveFormsModule,

src/dev-app/baseline/baseline-demo.ts

@@ -8,7 +8,7 @@
 
 import {Component} from '@angular/core';
 import {CommonModule} from '@angular/common';
-import {MatCardModule} from '@angular/material/legacy-card';
+import {MatLegacyCardModule} from '@angular/material/legacy-card';
 import {MatCheckboxModule} from '@angular/material/checkbox';
 import {MatFormFieldModule} from '@angular/material/form-field';
 import {MatInputModule} from '@angular/material/input';
@@ -23,7 +23,7 @@ import {MatToolbarModule} from '@angular/material/toolbar';
   standalone: true,
   imports: [
     CommonModule,
-    MatCardModule,
+    MatLegacyCardModule,
     MatCheckboxModule,
     MatFormFieldModule,
     MatInputModule,

src/dev-app/bottom-sheet/bottom-sheet-demo.ts

@@ -16,7 +16,7 @@ import {
   MatBottomSheetRef,
 } from '@angular/material/bottom-sheet';
 import {MatButtonModule} from '@angular/material/button';
-import {MatCardModule} from '@angular/material/legacy-card';
+import {MatLegacyCardModule} from '@angular/material/legacy-card';
 import {MatCheckboxModule} from '@angular/material/checkbox';
 import {MatFormFieldModule} from '@angular/material/form-field';
 import {MatIconModule} from '@angular/material/icon';
@@ -36,7 +36,7 @@ const defaultConfig = new MatBottomSheetConfig();
     FormsModule,
     MatBottomSheetModule,
     MatButtonModule,
-    MatCardModule,
+    MatLegacyCardModule,
     MatCheckboxModule,
     MatFormFieldModule,
     MatIconModule,

src/dev-app/card/card-demo.ts

@@ -8,7 +8,7 @@
 
 import {Component} from '@angular/core';
 import {MatButtonModule} from '@angular/material/button';
-import {MatCardModule} from '@angular/material/legacy-card';
+import {MatLegacyCardModule} from '@angular/material/legacy-card';
 import {MatDividerModule} from '@angular/material/divider';
 import {MatProgressBarModule} from '@angular/material/progress-bar';
 
@@ -17,7 +17,7 @@ import {MatProgressBarModule} from '@angular/material/progress-bar';
   templateUrl: 'card-demo.html',
   styleUrls: ['card-demo.css'],
   standalone: true,
-  imports: [MatButtonModule, MatCardModule, MatDividerModule, MatProgressBarModule],
+  imports: [MatButtonModule, MatLegacyCardModule, MatDividerModule, MatProgressBarModule],
 })
 export class CardDemo {
   longText =

src/dev-app/chips/chips-demo.ts

@@ -11,7 +11,7 @@ import {COMMA, ENTER} from '@angular/cdk/keycodes';
 import {CommonModule} from '@angular/common';
 import {FormsModule} from '@angular/forms';
 import {MatButtonModule} from '@angular/material/button';
-import {MatCardModule} from '@angular/material/legacy-card';
+import {MatLegacyCardModule} from '@angular/material/legacy-card';
 import {MatCheckboxModule} from '@angular/material/checkbox';
 import {MatChipInputEvent, MatChipsModule} from '@angular/material/chips';
 import {ThemePalette} from '@angular/material/core';
@@ -37,7 +37,7 @@ export interface DemoColor {
     CommonModule,
     FormsModule,
     MatButtonModule,
-    MatCardModule,
+    MatLegacyCardModule,
     MatCheckboxModule,
     MatChipsModule,
     MatFormFieldModule,

src/dev-app/dialog/dialog-demo.ts

@@ -11,7 +11,7 @@ import {DOCUMENT} from '@angular/common';
 import {DragDropModule} from '@angular/cdk/drag-drop';
 import {FormsModule} from '@angular/forms';
 import {MatButtonModule} from '@angular/material/button';
-import {MatCardModule} from '@angular/material/legacy-card';
+import {MatLegacyCardModule} from '@angular/material/legacy-card';
 import {MatCheckboxModule} from '@angular/material/checkbox';
 import {
   MAT_DIALOG_DATA,
@@ -34,7 +34,7 @@ const defaultDialogConfig = new MatDialogConfig();
   imports: [
     FormsModule,
     MatButtonModule,
-    MatCardModule,
+    MatLegacyCardModule,
     MatCheckboxModule,
     MatDialogModule,
     MatFormFieldModule,

src/dev-app/focus-trap/focus-trap-demo.ts

@@ -20,7 +20,7 @@ import {MatDialog, MatDialogModule} from '@angular/material/dialog';
 import {_supportsShadowDom} from '@angular/cdk/platform';
 import {CommonModule} from '@angular/common';
 import {MatButtonModule} from '@angular/material/button';
-import {MatCardModule} from '@angular/material/legacy-card';
+import {MatLegacyCardModule} from '@angular/material/legacy-card';
 import {MatToolbarModule} from '@angular/material/toolbar';
 
 @Component({
@@ -41,7 +41,7 @@ export class FocusTrapShadowDomDemo {}
     A11yModule,
     CommonModule,
     MatButtonModule,
-    MatCardModule,
+    MatLegacyCardModule,
     MatDialogModule,
     MatToolbarModule,
     FocusTrapShadowDomDemo,

src/dev-app/grid-list/grid-list-demo.ts

@@ -10,7 +10,7 @@ import {Component} from '@angular/core';
 import {CommonModule} from '@angular/common';
 import {FormsModule} from '@angular/forms';
 import {MatButtonModule} from '@angular/material/button';
-import {MatCardModule} from '@angular/material/legacy-card';
+import {MatLegacyCardModule} from '@angular/material/legacy-card';
 import {MatGridListModule} from '@angular/material/grid-list';
 import {MatIconModule} from '@angular/material/icon';
 
@@ -23,7 +23,7 @@ import {MatIconModule} from '@angular/material/icon';
     CommonModule,
     FormsModule,
     MatButtonModule,
-    MatCardModule,
+    MatLegacyCardModule,
     MatGridListModule,
     MatIconModule,
   ],

src/dev-app/input/input-demo.ts

@@ -11,7 +11,7 @@ import {CommonModule} from '@angular/common';
 import {FormControl, FormsModule, ReactiveFormsModule, Validators} from '@angular/forms';
 import {MatButtonModule} from '@angular/material/button';
 import {MatButtonToggleModule} from '@angular/material/button-toggle';
-import {MatCardModule} from '@angular/material/legacy-card';
+import {MatLegacyCardModule} from '@angular/material/legacy-card';
 import {MatCheckboxModule} from '@angular/material/checkbox';
 import {ErrorStateMatcher} from '@angular/material/core';
 import {FloatLabelType, MatFormFieldModule} from '@angular/material/form-field';
@@ -36,7 +36,7 @@ const EMAIL_REGEX = /^[a-zA-Z0-9.!#$%&’*+/=?^_`{|}~-]+@[a-zA-Z0-9-]+(?:\.[a-zA
     FormsModule,
     MatButtonModule,
     MatButtonToggleModule,
-    MatCardModule,
+    MatLegacyCardModule,
     MatCheckboxModule,
     MatFormFieldModule,
     MatIconModule,

src/dev-app/paginator/paginator-demo.ts

@@ -10,7 +10,7 @@ import {Component} from '@angular/core';
 import {MatPaginatorModule, PageEvent} from '@angular/material/paginator';
 import {CommonModule} from '@angular/common';
 import {FormsModule} from '@angular/forms';
-import {MatCardModule} from '@angular/material/legacy-card';
+import {MatLegacyCardModule} from '@angular/material/legacy-card';
 import {MatFormFieldModule} from '@angular/material/form-field';
 import {MatInputModule} from '@angular/material/input';
 import {MatSlideToggleModule} from '@angular/material/slide-toggle';
@@ -23,7 +23,7 @@ import {MatSlideToggleModule} from '@angular/material/slide-toggle';
   imports: [
     CommonModule,
     FormsModule,
-    MatCardModule,
+    MatLegacyCardModule,
     MatFormFieldModule,
     MatInputModule,
     MatPaginatorModule,

src/dev-app/select/select-demo.ts

@@ -10,7 +10,7 @@ import {Component, TemplateRef} from '@angular/core';
 import {CommonModule} from '@angular/common';
 import {FormControl, FormsModule, ReactiveFormsModule, Validators} from '@angular/forms';
 import {MatButtonModule} from '@angular/material/button';
-import {MatCardModule} from '@angular/material/legacy-card';
+import {MatLegacyCardModule} from '@angular/material/legacy-card';
 import {ErrorStateMatcher, ThemePalette} from '@angular/material/core';
 import {MatDialog, MatDialogModule} from '@angular/material/dialog';
 import {FloatLabelType, MatFormFieldModule} from '@angular/material/form-field';
@@ -37,7 +37,7 @@ export class MyErrorStateMatcher implements ErrorStateMatcher {
     CommonModule,
     FormsModule,
     MatButtonModule,
-    MatCardModule,
+    MatLegacyCardModule,
     MatDialogModule,
     MatFormFieldModule,
     MatIconModule,