fix(material-experimental/radio): rename mdc-radio APIs to match existing radio APIs (#17178)

Author: Nathan Tate

src/dev-app/mdc-radio/mdc-radio-demo.html

@@ -1,6 +1,6 @@
 <h1>Basic Example</h1>
 <section class="demo-section">
-  <mat-radio name="group1">Option 1</mat-radio>
-  <mat-radio name="group1">Option 2</mat-radio>
-  <mat-radio name="group1" disabled>Option 3 (Disabled)</mat-radio>
+  <mat-radio-button name="group1">Option 1</mat-radio-button>
+  <mat-radio-button name="group1">Option 2</mat-radio-button>
+  <mat-radio-button name="group1" disabled>Option 3 (Disabled)</mat-radio-button>
 </section>

src/material-experimental/mdc-radio/module.ts

@@ -9,12 +9,12 @@
 import {CommonModule} from '@angular/common';
 import {NgModule} from '@angular/core';
 import {MatCommonModule} from '@angular/material/core';
-import {MatRadio} from './radio';
+import {MatRadioButton} from './radio';
 
 @NgModule({
   imports: [MatCommonModule, CommonModule],
-  exports: [MatRadio, MatCommonModule],
-  declarations: [MatRadio],
+  exports: [MatRadioButton, MatCommonModule],
+  declarations: [MatRadioButton],
 })
 export class MatRadioModule {
 }

src/material-experimental/mdc-radio/radio.ts

@@ -23,18 +23,18 @@ let nextUniqueId = 0;
 
 @Component({
   moduleId: module.id,
-  selector: 'mat-radio',
+  selector: 'mat-radio-button',
   templateUrl: 'radio.html',
   styleUrls: ['radio.css'],
   host: {
     'class': 'mat-mdc-radio',
     '[attr.id]': 'id',
   },
-  exportAs: 'matRadio',
+  exportAs: 'matRadioButton',
   encapsulation: ViewEncapsulation.None,
   changeDetection: ChangeDetectionStrategy.OnPush,
 })
-export class MatRadio implements AfterViewInit, OnDestroy {
+export class MatRadioButton implements AfterViewInit, OnDestroy {
 
   private _uniqueId: string = `mat-radio-${++nextUniqueId}`;