fix: remove all md prefixes (#7241)

Author: andrewseguin

CODING_STANDARDS.md

@@ -49,16 +49,16 @@ In HTML code, use `<!-- ... -->` comments, which will be stripped when packaging
 
 For example, rather than doing this:
 ```html
-<md-button>Basic button</md-button>
-<md-button class="mat-fab">FAB</md-button>
-<md-button class="mat-icon-button">pony</md-button>
+<mat-button>Basic button</mat-button>
+<mat-button class="mat-fab">FAB</mat-button>
+<mat-button class="mat-icon-button">pony</mat-button>
 ```
 
 do this:
 ```html
-<md-button>Basic button</md-button>
-<md-fab>FAB</md-fab>
-<md-icon-button>pony</md-icon-button>
+<mat-button>Basic button</mat-button>
+<mat-fab>FAB</mat-fab>
+<mat-icon-button>pony</mat-icon-button>
 ```
 
 #### Prefer small, focused modules
@@ -191,7 +191,7 @@ and the return value:
    * @param config Dialog configuration options.
    * @returns Reference to the newly-opened dialog.
    */
-  open<T>(component: ComponentType<T>, config?: MdDialogConfig): MdDialogRef<T> { ... }
+  open<T>(component: ComponentType<T>, config?: MatDialogConfig): MatDialogRef<T> { ... }
 ```
 
 Boolean properties and return values should use "Whether..." as opposed to "True if...":
@@ -229,7 +229,7 @@ class UniqueSelectionDispatcher { }
 Avoid suffixing a class with "Service", as it communicates nothing about what the class does. Try to
 think of the class name as a person's job title.
 
-Classes that correspond to a directive with an `md-` prefix should also be prefixed with `Md`.
+Classes that correspond to a directive with an `mat-` prefix should also be prefixed with `Mat`.
 CDK classes should only have a `Cdk` prefix when the class is a directive with a `cdk` selector
 prefix.
 

e2e/components/button-toggle-e2e.spec.ts

@@ -6,7 +6,7 @@ describe('button-toggle', () => {
   beforeEach(() => browser.get('/button-toggle'));
 
   it('should show a button-toggle', async () => {
-    expect(element(by.tagName('md-button-toggle'))).toBeDefined();
+    expect(element(by.tagName('mat-button-toggle'))).toBeDefined();
     screenshot();
   });
 

e2e/components/card-e2e.spec.ts

@@ -1,12 +1,12 @@
 import {browser, by, element} from 'protractor';
 import {screenshot} from '../screenshot';
 
-describe('md-card', () => {
+describe('mat-card', () => {
 
   beforeEach(() => browser.get('/cards'));
 
   it('should show a card', async () => {
-    const card = element(by.tagName('md-card'));
+    const card = element(by.tagName('mat-card'));
     expect(card).toBeDefined();
 
     screenshot('fancy card example');

e2e/components/dialog-e2e.spec.ts

@@ -14,7 +14,7 @@ describe('dialog', () => {
 
   it('should open a dialog', () => {
     element(by.id('default')).click();
-    expectToExist('md-dialog-container');
+    expectToExist('mat-dialog-container');
     screenshot('simple dialog opened');
   });
 
@@ -29,40 +29,40 @@ describe('dialog', () => {
 
     await waitForDialog();
     clickOnBackrop();
-    expectToExist('md-dialog-container', false);
+    expectToExist('mat-dialog-container', false);
   });
 
   it('should close by pressing escape', async () => {
     element(by.id('default')).click();
 
     await waitForDialog();
     pressKeys(Key.ESCAPE);
-    expectToExist('md-dialog-container', false);
+    expectToExist('mat-dialog-container', false);
   });
 
   it('should close by pressing escape when the first tabbable element has lost focus',
     async () => {
       element(by.id('default')).click();
 
       await waitForDialog();
-      clickElementAtPoint('md-dialog-container', { x: 0, y: 0 });
+      clickElementAtPoint('mat-dialog-container', { x: 0, y: 0 });
       pressKeys(Key.ESCAPE);
-      expectToExist('md-dialog-container', false);
+      expectToExist('mat-dialog-container', false);
     });
 
   it('should close by clicking on the "close" button', async () => {
     element(by.id('default')).click();
 
     await waitForDialog();
     element(by.id('close')).click();
-    expectToExist('md-dialog-container', false);
+    expectToExist('mat-dialog-container', false);
   });
 
   it('should focus the first focusable element', async () => {
     element(by.id('default')).click();
 
     await waitForDialog();
-    expectFocusOn('md-dialog-container input');
+    expectFocusOn('mat-dialog-container input');
   });
 
   it('should restore focus to the element that opened the dialog', async () => {
@@ -88,19 +88,19 @@ describe('dialog', () => {
 
     await waitForDialog();
     clickOnBackrop();
-    expectToExist('md-dialog-container');
+    expectToExist('mat-dialog-container');
   });
 
   it('should be able to prevent closing by pressing escape', async () => {
     element(by.id('disabled')).click();
 
     await waitForDialog();
     pressKeys(Key.ESCAPE);
-    expectToExist('md-dialog-container');
+    expectToExist('mat-dialog-container');
   });
 
   function waitForDialog() {
-    return waitForElement('md-dialog-container');
+    return waitForElement('mat-dialog-container');
   }
 
   function clickOnBackrop() {

e2e/components/grid-list-e2e.spec.ts

@@ -6,11 +6,11 @@ describe('grid-list', () => {
   beforeEach(() => browser.get('/grid-list'));
 
   it('should render a grid list container', () => {
-    expectToExist('md-grid-list');
+    expectToExist('mat-grid-list');
     screenshot();
   });
 
   it('should render list items inside the grid list container', () => {
-    expectToExist('md-grid-list md-grid-tile');
+    expectToExist('mat-grid-list mat-grid-tile');
   });
 });

e2e/components/list-e2e.spec.ts

@@ -6,11 +6,11 @@ describe('list', () => {
   beforeEach(() => browser.get('/list'));
 
   it('should render a list container', () => {
-    expectToExist('md-list');
+    expectToExist('mat-list');
     screenshot();
   });
 
   it('should render list items inside the list container', () => {
-    expectToExist('md-list md-list-item');
+    expectToExist('mat-list mat-list-item');
   });
 });

e2e/components/menu-e2e.spec.ts

@@ -207,7 +207,7 @@ export class MenuPage {
   trigger = () => element(by.id('trigger'));
   triggerTwo = () => element(by.id('trigger-two'));
   backdrop = () => element(by.css('.cdk-overlay-backdrop'));
-  items = (index: number) => element.all(by.css('[md-menu-item]')).get(index);
+  items = (index: number) => element.all(by.css('[mat-menu-item]')).get(index);
   textArea = () => element(by.id('text'));
   beforeTrigger = () => element(by.id('before-t'));
   aboveTrigger = () => element(by.id('above-t'));

e2e/components/progress-bar-e2e.spec.ts

@@ -5,18 +5,18 @@ describe('progress-bar', () => {
   beforeEach(() => browser.get('/progress-bar'));
 
   it('should render a determinate progress bar', () => {
-    expectToExist('md-progress-bar[mode="determinate"]');
+    expectToExist('mat-progress-bar[mode="determinate"]');
   });
 
   it('should render a buffer progress bar', () => {
-    expectToExist('md-progress-bar[mode="buffer"]');
+    expectToExist('mat-progress-bar[mode="buffer"]');
   });
 
   it('should render a query progress bar', () => {
-    expectToExist('md-progress-bar[mode="query"]');
+    expectToExist('mat-progress-bar[mode="query"]');
   });
 
   it('should render a indeterminate progress bar', () => {
-    expectToExist('md-progress-bar[mode="indeterminate"]');
+    expectToExist('mat-progress-bar[mode="indeterminate"]');
   });
 });

e2e/components/progress-spinner-e2e.spec.ts

@@ -4,14 +4,14 @@ describe('progress-spinner', () => {
   beforeEach(() => browser.get('/progress-spinner'));
 
   it('should render a determinate progress spinner', () => {
-    expect(element(by.css('md-progress-spinner')).isPresent()).toBe(true);
+    expect(element(by.css('mat-progress-spinner')).isPresent()).toBe(true);
   });
 
   it('should render an indeterminate progress spinner', () => {
-    expect(element(by.css('md-progress-spinner[mode="indeterminate"]')).isPresent()).toBe(true);
+    expect(element(by.css('mat-progress-spinner[mode="indeterminate"]')).isPresent()).toBe(true);
   });
 
   it('should render a spinner', () => {
-    expect(element(by.css('md-spinner')).isPresent()).toBe(true);
+    expect(element(by.css('mat-spinner')).isPresent()).toBe(true);
   });
 });

e2e/components/sidenav-e2e.spec.ts

@@ -6,7 +6,7 @@ describe('sidenav', () => {
 
     beforeEach(() => {
       browser.get('/sidenav');
-      sidenav = element(by.tagName('md-sidenav'));
+      sidenav = element(by.tagName('mat-sidenav'));
     });
 
     it('should be closed', () => {