Changes made along with BUILD changes in google3

Author: jwshinjwshin

src/cdk/stepper/stepper.ts

@@ -117,11 +117,7 @@ export class CdkStep {
 }
 
 @Directive({
-  selector: 'cdk-stepper',
-  host: {
-    '(focus)': '_focusStep()',
-    '(keydown)': '_onKeydown($event)'
-  },
+  selector: '[cdkStepper]',
 })
 export class CdkStepper {
   /** The list of step components that the stepper is holding. */

src/demo-app/stepper/stepper-demo.scss

@@ -1,13 +1,12 @@
 import {Component} from '@angular/core';
-import {FormBuilder, FormGroup, Validators} from '@angular/forms';
+import {AbstractControl, FormBuilder, FormGroup, Validators} from '@angular/forms';
 
 const EMAIL_REGEX = /^[a-zA-Z0-9.!#$%&’*+/=?^_`{|}~-]+@[a-zA-Z0-9-]+(?:\.[a-zA-Z0-9-]+)*$/;
 
 @Component({
   moduleId: module.id,
   selector: 'stepper-demo',
-  templateUrl: 'stepper-demo.html',
-  styleUrls: ['stepper-demo.scss']
+  templateUrl: 'stepper-demo.html'
 })
 export class StepperDemo {
   formGroup: FormGroup;
@@ -25,7 +24,7 @@ export class StepperDemo {
   ];
 
   /** Returns a FormArray with the name 'formArray'. */
-  get formArray() { return this.formGroup.get('formArray'); }
+  get formArray(): AbstractControl | null { return this.formGroup.get('formArray'); }
 
   constructor(private _formBuilder: FormBuilder) { }
 

src/demo-app/stepper/stepper-demo.ts

@@ -21,7 +21,7 @@
          [attr.aria-labelledby]="_getStepLabelId(i)"
          [attr.aria-expanded]="selectedIndex == i">
       <div class="mat-vertical-content">
-        <ng-container[ngTemplateOutlet]="step.content"></ng-container>
+        <ng-container [ngTemplateOutlet]="step.content"></ng-container>
       </div>
     </div>
   </div>

src/lib/stepper/stepper-vertical.html

@@ -10,7 +10,7 @@ import {CdkStep, CdkStepper} from '@angular/cdk/stepper';
 import {
   Component,
   ContentChild,
-  ContentChildren,
+  ContentChildren, Directive,
   // This import is only used to define a generic type. The current TypeScript version incorrectly
   // considers such imports as unused (https://github.com/Microsoft/TypeScript/issues/14953)
   // tslint:disable-next-line:no-unused-variable
@@ -67,6 +67,9 @@ export class MdStep extends CdkStep implements ErrorOptions {
   }
 }
 
+@Directive({
+  selector: '[mdStepper]'
+})
 export class MdStepper extends CdkStepper implements ErrorOptions {
   /** The list of step headers of the steps in the stepper. */
   @ViewChildren(MdStepHeader, {read: ElementRef}) _stepHeader: QueryList<ElementRef>;