Add enabling/disabling linear state of demo

Author: jwshinjwshin

src/cdk/stepper/stepper.ts

@@ -83,8 +83,7 @@ export class CdkStep {
   selector: 'cdk-stepper',
   host: {
     '(focus)': '_focusStep()',
-    '(keydown)': '_onKeydown($event)',
-    '[linear]': 'linear',
+    '(keydown)': '_onKeydown($event)'
   },
 })
 export class CdkStepper {
@@ -97,9 +96,7 @@ export class CdkStepper {
   /** Whether the validity of previous steps should be checked or not. */
   @Input()
   get linear() { return this._linear; }
-  set linear(value: any) {
-    this._linear = coerceBooleanProperty(value);
-  }
+  set linear(value: any) { this._linear = coerceBooleanProperty(value); }
   private _linear = false;
 
   /** The index of the selected step. */

src/demo-app/stepper/stepper-demo.html

@@ -1,6 +1,7 @@
 <h2>Linear Vertical Stepper Demo</h2>
+<md-checkbox [(ngModel)]="isNonLinear">Disable linear mode</md-checkbox>
 <form [formGroup]="formGroup">
-  <md-vertical-stepper formArrayName="formArray" linear>
+  <md-vertical-stepper formArrayName="formArray" [linear]="!isNonLinear">
     <md-step formGroupName="0" [stepControl]="formArray.get([0])">
       <ng-template mdStepLabel>Fill out your name</ng-template>
       <md-input-container>

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

@@ -5,10 +5,11 @@ import {Validators, FormBuilder, FormGroup} from '@angular/forms';
   moduleId: module.id,
   selector: 'stepper-demo',
   templateUrl: 'stepper-demo.html',
-  styleUrls: ['stepper-demo.scss'],
+  styleUrls: ['stepper-demo.scss']
 })
 export class StepperDemo {
   formGroup: FormGroup;
+  isNonLinear = false;
 
   steps = [
     {label: 'Confirm your name', content: 'Last name, First name.'},

src/lib/stepper/stepper.ts

@@ -55,11 +55,9 @@ export class MdStep extends CdkStep implements ErrorOptions {
   errorStateMatcher = (control: FormControl, form: FormGroupDirective | NgForm) => {
     let originalErrorState = this._originalErrorStateMatcher(control, form);
 
-    /**
-     * Custom error state checks for the validity of form that is not submitted or touched
-     * since user can trigger a form change by calling for another step without directly
-     * interacting with the current form.
-     */
+    // Custom error state checks for the validity of form that is not submitted or touched
+    // since user can trigger a form change by calling for another step without directly
+    // interacting with the current form.
     let customErrorState =  control.invalid && this.interacted;
 
     return originalErrorState || customErrorState;