2. Rename TypeScript symbols in src/material/legacy-dialog

Perform the following steps to complete the rename and fix all references:
1. Refactor all public symbols in `src/material/legacy-dialog` that start with `Matdialog` to `MatLegacydialog`. Recommend using Webstorm's refactoring tools for this, since it automatically updates TS references
2. Run `yarn approve-api legacy-dialog; yarn approve-api legacy-dialog/testing`
3. Find any remaining instances of `matdialog` in the public API: `grep -iF matdialog tools/public_api_guard/material/legacy-dialog.md tools/public_api_guard/material/legacy-dialog-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-dialog.md` and `tools/public_api_guard/material/legacy-dialog-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/dialog/dialog-animations/dialog-animations-example.ts

@@ -1,5 +1,5 @@
 import {Component} from '@angular/core';
-import {MatDialog, MatDialogRef} from '@angular/material/legacy-dialog';
+import {MatLegacyDialog, MatLegacyDialogRef} from '@angular/material/legacy-dialog';
 
 /**
  * @title Dialog Animations
@@ -10,7 +10,7 @@ import {MatDialog, MatDialogRef} from '@angular/material/legacy-dialog';
   templateUrl: 'dialog-animations-example.html',
 })
 export class DialogAnimationsExample {
-  constructor(public dialog: MatDialog) {}
+  constructor(public dialog: MatLegacyDialog) {}
 
   openDialog(enterAnimationDuration: string, exitAnimationDuration: string): void {
     this.dialog.open(DialogAnimationsExampleDialog, {
@@ -26,5 +26,5 @@ export class DialogAnimationsExample {
   templateUrl: 'dialog-animations-example-dialog.html',
 })
 export class DialogAnimationsExampleDialog {
-  constructor(public dialogRef: MatDialogRef<DialogAnimationsExampleDialog>) {}
+  constructor(public dialogRef: MatLegacyDialogRef<DialogAnimationsExampleDialog>) {}
 }

src/components-examples/material/dialog/dialog-content/dialog-content-example.ts

@@ -1,5 +1,5 @@
 import {Component} from '@angular/core';
-import {MatDialog} from '@angular/material/legacy-dialog';
+import {MatLegacyDialog} from '@angular/material/legacy-dialog';
 
 /**
  * @title Dialog with header, scrollable content and actions
@@ -9,7 +9,7 @@ import {MatDialog} from '@angular/material/legacy-dialog';
   templateUrl: 'dialog-content-example.html',
 })
 export class DialogContentExample {
-  constructor(public dialog: MatDialog) {}
+  constructor(public dialog: MatLegacyDialog) {}
 
   openDialog() {
     const dialogRef = this.dialog.open(DialogContentExampleDialog);

src/components-examples/material/dialog/dialog-data/dialog-data-example.ts

@@ -1,5 +1,5 @@
 import {Component, Inject} from '@angular/core';
-import {MatDialog, MAT_DIALOG_DATA} from '@angular/material/legacy-dialog';
+import {MatLegacyDialog, MAT_LEGACY_DIALOG_DATA} from '@angular/material/legacy-dialog';
 
 export interface DialogData {
   animal: 'panda' | 'unicorn' | 'lion';
@@ -13,7 +13,7 @@ export interface DialogData {
   templateUrl: 'dialog-data-example.html',
 })
 export class DialogDataExample {
-  constructor(public dialog: MatDialog) {}
+  constructor(public dialog: MatLegacyDialog) {}
 
   openDialog() {
     this.dialog.open(DialogDataExampleDialog, {
@@ -29,5 +29,5 @@ export class DialogDataExample {
   templateUrl: 'dialog-data-example-dialog.html',
 })
 export class DialogDataExampleDialog {
-  constructor(@Inject(MAT_DIALOG_DATA) public data: DialogData) {}
+  constructor(@Inject(MAT_LEGACY_DIALOG_DATA) public data: DialogData) {}
 }

src/components-examples/material/dialog/dialog-elements/dialog-elements-example.ts

@@ -1,5 +1,5 @@
 import {Component} from '@angular/core';
-import {MatDialog} from '@angular/material/legacy-dialog';
+import {MatLegacyDialog} from '@angular/material/legacy-dialog';
 
 /**
  * @title Dialog elements
@@ -9,7 +9,7 @@ import {MatDialog} from '@angular/material/legacy-dialog';
   templateUrl: 'dialog-elements-example.html',
 })
 export class DialogElementsExample {
-  constructor(public dialog: MatDialog) {}
+  constructor(public dialog: MatLegacyDialog) {}
 
   openDialog() {
     this.dialog.open(DialogElementsExampleDialog);

src/components-examples/material/dialog/dialog-from-menu/dialog-from-menu-example.ts

@@ -1,5 +1,5 @@
 import {Component, ViewChild} from '@angular/core';
-import {MatDialog} from '@angular/material/legacy-dialog';
+import {MatLegacyDialog} from '@angular/material/legacy-dialog';
 import {MatMenuTrigger} from '@angular/material/menu';
 /**
  * @title Dialog launched from a menu
@@ -11,7 +11,7 @@ import {MatMenuTrigger} from '@angular/material/menu';
 export class DialogFromMenuExample {
   @ViewChild('menuTrigger') menuTrigger: MatMenuTrigger;
 
-  constructor(public dialog: MatDialog) {}
+  constructor(public dialog: MatLegacyDialog) {}
 
   openDialog() {
     // #docregion focus-restoration

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

@@ -1,8 +1,8 @@
 import {ComponentFixture, TestBed, waitForAsync} from '@angular/core/testing';
 import {TestbedHarnessEnvironment} from '@angular/cdk/testing/testbed';
-import {MatDialogHarness} from '@angular/material/legacy-dialog/testing';
+import {MatLegacyDialogHarness} from '@angular/material/legacy-dialog/testing';
 import {HarnessLoader} from '@angular/cdk/testing';
-import {MatDialogModule} from '@angular/material/legacy-dialog';
+import {MatLegacyDialogModule} from '@angular/material/legacy-dialog';
 import {DialogHarnessExample} from './dialog-harness-example';
 import {NoopAnimationsModule} from '@angular/platform-browser/animations';
 
@@ -12,7 +12,7 @@ describe('DialogHarnessExample', () => {
 
   beforeEach(waitForAsync(async () => {
     await TestBed.configureTestingModule({
-      imports: [MatDialogModule, NoopAnimationsModule],
+      imports: [MatLegacyDialogModule, NoopAnimationsModule],
       declarations: [DialogHarnessExample],
     }).compileComponents();
     fixture = TestBed.createComponent(DialogHarnessExample);
@@ -22,42 +22,42 @@ describe('DialogHarnessExample', () => {
 
   it('should load harness for dialog', async () => {
     fixture.componentInstance.open();
-    const dialogs = await loader.getAllHarnesses(MatDialogHarness);
+    const dialogs = await loader.getAllHarnesses(MatLegacyDialogHarness);
     expect(dialogs.length).toBe(1);
   });
 
   it('should load harness for dialog with specific id', async () => {
     fixture.componentInstance.open({id: 'my-dialog'});
     fixture.componentInstance.open({id: 'other'});
-    let dialogs = await loader.getAllHarnesses(MatDialogHarness);
+    let dialogs = await loader.getAllHarnesses(MatLegacyDialogHarness);
     expect(dialogs.length).toBe(2);
 
-    dialogs = await loader.getAllHarnesses(MatDialogHarness.with({selector: '#my-dialog'}));
+    dialogs = await loader.getAllHarnesses(MatLegacyDialogHarness.with({selector: '#my-dialog'}));
     expect(dialogs.length).toBe(1);
   });
 
   it('should be able to get role of dialog', async () => {
     fixture.componentInstance.open({role: 'alertdialog'});
     fixture.componentInstance.open({role: 'dialog'});
-    const dialogs = await loader.getAllHarnesses(MatDialogHarness);
+    const dialogs = await loader.getAllHarnesses(MatLegacyDialogHarness);
     expect(await dialogs[0].getRole()).toBe('alertdialog');
     expect(await dialogs[1].getRole()).toBe('dialog');
   });
 
   it('should be able to close dialog', async () => {
     fixture.componentInstance.open({disableClose: true});
     fixture.componentInstance.open();
-    let dialogs = await loader.getAllHarnesses(MatDialogHarness);
+    let dialogs = await loader.getAllHarnesses(MatLegacyDialogHarness);
 
     expect(dialogs.length).toBe(2);
     await dialogs[0].close();
 
-    dialogs = await loader.getAllHarnesses(MatDialogHarness);
+    dialogs = await loader.getAllHarnesses(MatLegacyDialogHarness);
     expect(dialogs.length).toBe(1);
 
     // should be a noop since "disableClose" is set to "true".
     await dialogs[0].close();
-    dialogs = await loader.getAllHarnesses(MatDialogHarness);
+    dialogs = await loader.getAllHarnesses(MatLegacyDialogHarness);
     expect(dialogs.length).toBe(1);
   });
 });

src/components-examples/material/dialog/dialog-harness/dialog-harness-example.ts

@@ -1,5 +1,5 @@
 import {Component, TemplateRef, ViewChild} from '@angular/core';
-import {MatDialog, MatDialogConfig} from '@angular/material/legacy-dialog';
+import {MatLegacyDialog, MatLegacyDialogConfig} from '@angular/material/legacy-dialog';
 
 /**
  * @title Testing with MatDialogHarness
@@ -11,9 +11,9 @@ import {MatDialog, MatDialogConfig} from '@angular/material/legacy-dialog';
 export class DialogHarnessExample {
   @ViewChild(TemplateRef) dialogTemplate: TemplateRef<any>;
 
-  constructor(readonly dialog: MatDialog) {}
+  constructor(readonly dialog: MatLegacyDialog) {}
 
-  open(config?: MatDialogConfig) {
+  open(config?: MatLegacyDialogConfig) {
     return this.dialog.open(this.dialogTemplate, config);
   }
 }

src/components-examples/material/dialog/dialog-overview/dialog-overview-example.ts

@@ -1,5 +1,9 @@
 import {Component, Inject} from '@angular/core';
-import {MatDialog, MatDialogRef, MAT_DIALOG_DATA} from '@angular/material/legacy-dialog';
+import {
+  MatLegacyDialog,
+  MatLegacyDialogRef,
+  MAT_LEGACY_DIALOG_DATA,
+} from '@angular/material/legacy-dialog';
 
 export interface DialogData {
   animal: string;
@@ -17,7 +21,7 @@ export class DialogOverviewExample {
   animal: string;
   name: string;
 
-  constructor(public dialog: MatDialog) {}
+  constructor(public dialog: MatLegacyDialog) {}
 
   openDialog(): void {
     const dialogRef = this.dialog.open(DialogOverviewExampleDialog, {
@@ -38,8 +42,8 @@ export class DialogOverviewExample {
 })
 export class DialogOverviewExampleDialog {
   constructor(
-    public dialogRef: MatDialogRef<DialogOverviewExampleDialog>,
-    @Inject(MAT_DIALOG_DATA) public data: DialogData,
+    public dialogRef: MatLegacyDialogRef<DialogOverviewExampleDialog>,
+    @Inject(MAT_LEGACY_DIALOG_DATA) public data: DialogData,
   ) {}
 
   onNoClick(): void {

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

@@ -2,7 +2,7 @@ import {CommonModule} from '@angular/common';
 import {NgModule} from '@angular/core';
 import {FormsModule} from '@angular/forms';
 import {MatButtonModule} from '@angular/material/button';
-import {MatDialogModule} from '@angular/material/legacy-dialog';
+import {MatLegacyDialogModule} from '@angular/material/legacy-dialog';
 import {MatLegacyInputModule} from '@angular/material/legacy-input';
 import {MatMenuModule} from '@angular/material/menu';
 import {
@@ -64,7 +64,7 @@ const EXAMPLES = [
   imports: [
     CommonModule,
     MatButtonModule,
-    MatDialogModule,
+    MatLegacyDialogModule,
     MatLegacyInputModule,
     MatMenuModule,
     FormsModule,

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

@@ -14,17 +14,17 @@ import {MatButtonModule} from '@angular/material/button';
 import {MatLegacyCardModule} from '@angular/material/legacy-card';
 import {MatCheckboxModule} from '@angular/material/checkbox';
 import {
-  MAT_DIALOG_DATA,
-  MatDialog,
-  MatDialogConfig,
-  MatDialogRef,
-  MatDialogModule,
+  MAT_LEGACY_DIALOG_DATA,
+  MatLegacyDialog,
+  MatLegacyDialogConfig,
+  MatLegacyDialogRef,
+  MatLegacyDialogModule,
 } from '@angular/material/legacy-dialog';
 import {MatLegacyFormFieldModule} from '@angular/material/legacy-form-field';
 import {MatLegacyInputModule} from '@angular/material/legacy-input';
 import {MatSelectModule} from '@angular/material/select';
 
-const defaultDialogConfig = new MatDialogConfig();
+const defaultDialogConfig = new MatLegacyDialogConfig();
 
 @Component({
   selector: 'dialog-demo',
@@ -36,14 +36,14 @@ const defaultDialogConfig = new MatDialogConfig();
     MatButtonModule,
     MatLegacyCardModule,
     MatCheckboxModule,
-    MatDialogModule,
+    MatLegacyDialogModule,
     MatLegacyFormFieldModule,
     MatLegacyInputModule,
     MatSelectModule,
   ],
 })
 export class DialogDemo {
-  dialogRef: MatDialogRef<JazzDialog> | null;
+  dialogRef: MatLegacyDialogRef<JazzDialog> | null;
   lastAfterClosedResult: string;
   lastBeforeCloseResult: string;
   actionsAlignment: 'start' | 'center' | 'end';
@@ -74,7 +74,7 @@ export class DialogDemo {
 
   @ViewChild(TemplateRef) template: TemplateRef<any>;
 
-  constructor(public dialog: MatDialog, @Inject(DOCUMENT) doc: any) {
+  constructor(public dialog: MatLegacyDialog, @Inject(DOCUMENT) doc: any) {
     // Possible useful example for the open and closeAll events.
     // Adding a class to the body if a dialog opens and
     // removing it after all open dialogs are closed
@@ -137,8 +137,8 @@ export class JazzDialog {
   private _dimensionToggle = false;
 
   constructor(
-    public dialogRef: MatDialogRef<JazzDialog>,
-    @Inject(MAT_DIALOG_DATA) public data: any,
+    public dialogRef: MatLegacyDialogRef<JazzDialog>,
+    @Inject(MAT_LEGACY_DIALOG_DATA) public data: any,
   ) {}
 
   togglePosition(): void {
@@ -205,12 +205,12 @@ export class JazzDialog {
     </mat-dialog-actions>
   `,
   standalone: true,
-  imports: [MatDialogModule, MatButtonModule],
+  imports: [MatLegacyDialogModule, MatButtonModule],
 })
 export class ContentElementDialog {
   actionsAlignment: 'start' | 'center' | 'end';
 
-  constructor(public dialog: MatDialog) {}
+  constructor(public dialog: MatLegacyDialog) {}
 
   showInStackedDialog() {
     this.dialog.open(IFrameDialog);
@@ -227,7 +227,7 @@ export class ContentElementDialog {
   `,
   ],
   standalone: true,
-  imports: [MatDialogModule, MatButtonModule],
+  imports: [MatLegacyDialogModule, MatButtonModule],
   template: `
     <h2 mat-dialog-title>Neptune</h2>
 

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

@@ -16,7 +16,7 @@ import {
   QueryList,
 } from '@angular/core';
 import {A11yModule, CdkTrapFocus} from '@angular/cdk/a11y';
-import {MatDialog, MatDialogModule} from '@angular/material/legacy-dialog';
+import {MatLegacyDialog, MatLegacyDialogModule} from '@angular/material/legacy-dialog';
 import {_supportsShadowDom} from '@angular/cdk/platform';
 import {CommonModule} from '@angular/common';
 import {MatButtonModule} from '@angular/material/button';
@@ -42,7 +42,7 @@ export class FocusTrapShadowDomDemo {}
     CommonModule,
     MatButtonModule,
     MatLegacyCardModule,
-    MatDialogModule,
+    MatLegacyDialogModule,
     MatToolbarModule,
     FocusTrapShadowDomDemo,
   ],
@@ -56,7 +56,7 @@ export class FocusTrapDemo implements AfterViewInit {
 
   _supportsShadowDom = _supportsShadowDom();
 
-  constructor(public dialog: MatDialog) {}
+  constructor(public dialog: MatLegacyDialog) {}
 
   ngAfterViewInit() {
     // We want all the traps to be disabled by default, but doing so while using the value in
@@ -91,11 +91,11 @@ let dialogCount = 0;
   styleUrls: ['focus-trap-dialog-demo.css'],
   templateUrl: 'focus-trap-dialog-demo.html',
   standalone: true,
-  imports: [MatDialogModule],
+  imports: [MatLegacyDialogModule],
 })
 export class FocusTrapDialogDemo {
   id = dialogCount++;
-  constructor(public dialog: MatDialog) {}
+  constructor(public dialog: MatLegacyDialog) {}
 
   openAnotherDialog() {
     this.dialog.open(FocusTrapDialogDemo);

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

@@ -11,7 +11,7 @@ import {Component, Inject, TemplateRef, ViewChild, ViewEncapsulation} from '@ang
 import {
   MAT_DIALOG_DATA,
   MatDialog,
-  MatDialogConfig,
+  MatLegacyDialogConfig,
   MatDialogRef,
   MatDialogModule,
 } from '@angular/material-experimental/mdc-dialog';
@@ -24,7 +24,7 @@ import {MatInputModule} from '@angular/material/input';
 import {MatSelectModule} from '@angular/material-experimental/mdc-select';
 import {DragDropModule} from '@angular/cdk/drag-drop';
 
-const defaultDialogConfig = new MatDialogConfig();
+const defaultDialogConfig = new MatLegacyDialogConfig();
 
 @Component({
   selector: 'mdc-dialog-demo',
@@ -112,7 +112,7 @@ export class DialogDemo {
     this.dialog.open(this.template, this._getDialogConfig());
   }
 
-  private _getDialogConfig(): MatDialogConfig {
+  private _getDialogConfig(): MatLegacyDialogConfig {
     const config = {...this.config};
     if (this.enableLegacyPadding) {
       config.panelClass = `demo-dialog-legacy-padding`;