@angular/cdk 2.0.0-beta.11 → 2.0.0-beta.12

package/esm2015/stepper.js

@@ -5,7 +5,7 @@
  * Use of this source code is governed by an MIT-style license that can be
  * found in the LICENSE file at https://angular.io/license
  */
-import { Component, ContentChild, ContentChildren, Directive, EventEmitter, Inject, Input, NgModule, Optional, Output, TemplateRef, ViewChild, ViewEncapsulation, forwardRef } from '@angular/core';
+import { ChangeDetectionStrategy, ChangeDetectorRef, Component, ContentChild, ContentChildren, Directive, EventEmitter, Inject, Input, NgModule, Optional, Output, TemplateRef, ViewChild, ViewEncapsulation, forwardRef } from '@angular/core';
 import { ENTER, LEFT_ARROW, RIGHT_ARROW, SPACE } from '@angular/cdk/keycodes';
 import { coerceBooleanProperty } from '@angular/cdk/coercion';
 import { BidiModule, Directionality } from '@angular/cdk/bidi';
@@ -47,7 +47,7 @@ class CdkStep {
     constructor(_stepper) {
         this._stepper = _stepper;
         /**
-         * Whether user has seen the expanded step content or not .
+         * Whether user has seen the expanded step content or not.
          */
         this.interacted = false;
         this._editable = true;
@@ -104,12 +104,22 @@ class CdkStep {
     select() {
         this._stepper.selected = this;
     }
+    /**
+     * @return {?}
+     */
+    ngOnChanges() {
+        // Since basically all inputs of the MdStep get proxied through the view down to the
+        // underlying MdStepHeader, we have to make sure that change detection runs correctly.
+        this._stepper._stateChanged();
+    }
 }
 CdkStep.decorators = [
     { type: Component, args: [{selector: 'cdk-step',
+                exportAs: 'cdkStep',
                 template: "<ng-template><ng-content></ng-content></ng-template>",
                 encapsulation: ViewEncapsulation.None,
                 preserveWhitespaces: false,
+                changeDetection: ChangeDetectionStrategy.OnPush,
             },] },
 ];
 /**
@@ -130,9 +140,11 @@ CdkStep.propDecorators = {
 class CdkStepper {
     /**
      * @param {?} _dir
+     * @param {?} _changeDetectorRef
      */
-    constructor(_dir) {
+    constructor(_dir, _changeDetectorRef) {
         this._dir = _dir;
+        this._changeDetectorRef = _changeDetectorRef;
         this._linear = false;
         this._selectedIndex = 0;
         /**
@@ -179,7 +191,7 @@ class CdkStepper {
      * The step that is selected.
      * @return {?}
      */
-    get selected() { return this._steps[this.selectedIndex]; }
+    get selected() { return this._steps.toArray()[this.selectedIndex]; }
     /**
      * @param {?} step
      * @return {?}
@@ -217,6 +229,13 @@ class CdkStepper {
     _getStepContentId(i) {
         return `mat-step-content-${this._groupId}-${i}`;
     }
+    /**
+     * Marks the component to be change detected.
+     * @return {?}
+     */
+    _stateChanged() {
+        this._changeDetectorRef.markForCheck();
+    }
     /**
      * Returns position state of the step with the given index.
      * @param {?} index
@@ -259,6 +278,7 @@ class CdkStepper {
             previouslySelectedStep: stepsArray[this._selectedIndex],
         });
         this._selectedIndex = newIndex;
+        this._stateChanged();
     }
     /**
      * @param {?} event
@@ -333,6 +353,7 @@ class CdkStepper {
 CdkStepper.decorators = [
     { type: Directive, args: [{
                 selector: '[cdkStepper]',
+                exportAs: 'cdkStepper',
             },] },
 ];
 /**
@@ -340,6 +361,7 @@ CdkStepper.decorators = [
  */
 CdkStepper.ctorParameters = () => [
     { type: Directionality, decorators: [{ type: Optional },] },
+    { type: ChangeDetectorRef, },
 ];
 CdkStepper.propDecorators = {
     '_steps': [{ type: ContentChildren, args: [CdkStep,] },],
@@ -414,5 +436,5 @@ CdkStepperModule.ctorParameters = () => [];
  * Generated bundle index. Do not edit.
  */
 
-export { CdkStepperModule, StepperSelectionEvent, CdkStep, CdkStepper, CdkStepLabel, CdkStepperNext, CdkStepperPrevious };
+export { StepperSelectionEvent, CdkStep, CdkStepper, CdkStepLabel, CdkStepperNext, CdkStepperPrevious, CdkStepperModule };
 //# sourceMappingURL=stepper.js.map

package/esm2015/stepper.js.map

@@ -1 +1 @@
-{"version":3,"file":"stepper.js","sources":["../../../src/cdk/stepper/index.ts","../../../src/cdk/stepper/public_api.ts","../../../src/cdk/stepper/stepper-button.ts","../../../src/cdk/stepper/stepper.ts","../../../src/cdk/stepper/step-label.ts"],"sourcesContent":["/**\n * Generated bundle index. Do not edit.\n */\n\nexport {CdkStepperModule,StepContentPositionState,StepperSelectionEvent,CdkStep,CdkStepper,CdkStepLabel,CdkStepperNext,CdkStepperPrevious} from './public_api';\n","/**\n * @license\n * Copyright Google Inc. All Rights Reserved.\n *\n * Use of this source code is governed by an MIT-style license that can be\n * found in the LICENSE file at https://angular.io/license\n */\n\n\nimport {NgModule} from '@angular/core';\nimport {CdkStepper, CdkStep} from './stepper';\nimport {CommonModule} from '@angular/common';\nimport {CdkStepLabel} from './step-label';\nimport {CdkStepperNext, CdkStepperPrevious} from './stepper-button';\nimport {BidiModule} from '@angular/cdk/bidi';\nexport class CdkStepperModule {static decorators: DecoratorInvocation[] = [\n{ type: NgModule, args: [{\n  imports: [BidiModule, CommonModule],\n  exports: [CdkStep, CdkStepper, CdkStepLabel, CdkStepperNext, CdkStepperPrevious],\n  declarations: [CdkStep, CdkStepper, CdkStepLabel, CdkStepperNext, CdkStepperPrevious]\n}, ] },\n];\n/**\n * @nocollapse\n */\nstatic ctorParameters: () => ({type: any, decorators?: DecoratorInvocation[]}|null)[] = () => [\n];\n}\n\nfunction CdkStepperModule_tsickle_Closure_declarations() {\n/** @type {?} */\nCdkStepperModule.decorators;\n/**\n * @nocollapse\n * @type {?}\n */\nCdkStepperModule.ctorParameters;\n}\n\n\nexport {StepContentPositionState,StepperSelectionEvent,CdkStep,CdkStepper} from './stepper';\nexport {CdkStepLabel} from './step-label';\nexport {CdkStepperNext,CdkStepperPrevious} from './stepper-button';\n\ninterface DecoratorInvocation {\n  type: Function;\n  args?: any[];\n}\n","/**\n * @license\n * Copyright Google Inc. All Rights Reserved.\n *\n * Use of this source code is governed by an MIT-style license that can be\n * found in the LICENSE file at https://angular.io/license\n */\n\n\nimport {Directive} from '@angular/core';\nimport {CdkStepper} from './stepper';\n/**\n * Button that moves to the next step in a stepper workflow.\n */\nexport class CdkStepperNext {\n/**\n * @param {?} _stepper\n */\nconstructor(public _stepper: CdkStepper) { }\nstatic decorators: DecoratorInvocation[] = [\n{ type: Directive, args: [{\n  selector: 'button[cdkStepperNext]',\n  host: {'(click)': '_stepper.next()'}\n}, ] },\n];\n/**\n * @nocollapse\n */\nstatic ctorParameters: () => ({type: any, decorators?: DecoratorInvocation[]}|null)[] = () => [\n{type: CdkStepper, },\n];\n}\n\nfunction CdkStepperNext_tsickle_Closure_declarations() {\n/** @type {?} */\nCdkStepperNext.decorators;\n/**\n * @nocollapse\n * @type {?}\n */\nCdkStepperNext.ctorParameters;\n/** @type {?} */\nCdkStepperNext.prototype._stepper;\n}\n\n/**\n * Button that moves to the previous step in a stepper workflow.\n */\nexport class CdkStepperPrevious {\n/**\n * @param {?} _stepper\n */\nconstructor(public _stepper: CdkStepper) { }\nstatic decorators: DecoratorInvocation[] = [\n{ type: Directive, args: [{\n  selector: 'button[cdkStepperPrevious]',\n  host: {'(click)': '_stepper.previous()'}\n}, ] },\n];\n/**\n * @nocollapse\n */\nstatic ctorParameters: () => ({type: any, decorators?: DecoratorInvocation[]}|null)[] = () => [\n{type: CdkStepper, },\n];\n}\n\nfunction CdkStepperPrevious_tsickle_Closure_declarations() {\n/** @type {?} */\nCdkStepperPrevious.decorators;\n/**\n * @nocollapse\n * @type {?}\n */\nCdkStepperPrevious.ctorParameters;\n/** @type {?} */\nCdkStepperPrevious.prototype._stepper;\n}\n\n\ninterface DecoratorInvocation {\n  type: Function;\n  args?: any[];\n}\n","/**\n * @license\n * Copyright Google Inc. All Rights Reserved.\n *\n * Use of this source code is governed by an MIT-style license that can be\n * found in the LICENSE file at https://angular.io/license\n */\n\n\nimport {\n  ContentChildren,\n  EventEmitter,\n  Input,\n  Output,\n  QueryList,\n  Directive,\n  // This import is only used to define a generic type. The current TypeScript version incorrectly\n  // considers such imports as unused (https://github.com/Microsoft/TypeScript/issues/14953)\n  // tslint:disable-next-line:no-unused-variable\n  ElementRef,\n  Component,\n  ContentChild,\n  ViewChild,\n  TemplateRef,\n  ViewEncapsulation,\n  Optional,\n  Inject,\n  forwardRef\n} from '@angular/core';\nimport {LEFT_ARROW, RIGHT_ARROW, ENTER, SPACE} from '@angular/cdk/keycodes';\nimport {CdkStepLabel} from './step-label';\nimport {coerceBooleanProperty} from '@angular/cdk/coercion';\nimport {AbstractControl} from '@angular/forms';\nimport {Direction, Directionality} from '@angular/cdk/bidi';\n/**\n * Used to generate unique ID for each stepper component.\n */\nlet nextId = 0;\n\n/**\n * Position state of the content of each step in stepper that is used for transitioning\n * the content into correct position upon step selection change.\n */\nexport type StepContentPositionState = 'previous' | 'current' | 'next';\n/**\n * Change event emitted on selection changes.\n */\nexport class StepperSelectionEvent {\n/**\n * Index of the step now selected.\n */\nselectedIndex: number;\n/**\n * Index of the step previously selected.\n */\npreviouslySelectedIndex: number;\n/**\n * The step instance now selected.\n */\nselectedStep: CdkStep;\n/**\n * The step instance previously selected.\n */\npreviouslySelectedStep: CdkStep;\n}\n\nfunction StepperSelectionEvent_tsickle_Closure_declarations() {\n/**\n * Index of the step now selected.\n * @type {?}\n */\nStepperSelectionEvent.prototype.selectedIndex;\n/**\n * Index of the step previously selected.\n * @type {?}\n */\nStepperSelectionEvent.prototype.previouslySelectedIndex;\n/**\n * The step instance now selected.\n * @type {?}\n */\nStepperSelectionEvent.prototype.selectedStep;\n/**\n * The step instance previously selected.\n * @type {?}\n */\nStepperSelectionEvent.prototype.previouslySelectedStep;\n}\n\nexport class CdkStep {\n/**\n * Template for step label if it exists.\n */\nstepLabel: CdkStepLabel;\n/**\n * Template for step content.\n */\ncontent: TemplateRef<any>;\n/**\n * The top level abstract control of the step.\n */\nstepControl: AbstractControl;\n/**\n * Whether user has seen the expanded step content or not .\n */\ninteracted = false;\n/**\n * Label of the step.\n */\nlabel: string;\n/**\n * @return {?}\n */\nget editable() { return this._editable; }\n/**\n * @param {?} value\n * @return {?}\n */\nset editable(value: any) {\n    this._editable = coerceBooleanProperty(value);\n  }\nprivate _editable = true;\n/**\n * Whether the completion of step is optional or not.\n * @return {?}\n */\nget optional() { return this._optional; }\n/**\n * @param {?} value\n * @return {?}\n */\nset optional(value: any) {\n    this._optional = coerceBooleanProperty(value);\n  }\nprivate _optional = false;\n/**\n * Return whether step is completed or not.\n * @return {?}\n */\nget completed() {\n    return this._customCompleted == null ? this._defaultCompleted : this._customCompleted;\n  }\n/**\n * @param {?} value\n * @return {?}\n */\nset completed(value: any) {\n    this._customCompleted = coerceBooleanProperty(value);\n  }\nprivate _customCompleted: boolean | null = null;\n/**\n * @return {?}\n */\nprivate get _defaultCompleted() {\n    return this.stepControl ? this.stepControl.valid && this.interacted : this.interacted;\n  }\n/**\n * @param {?} _stepper\n */\nconstructor(\nprivate _stepper: CdkStepper) { }\n/**\n * Selects this step component.\n * @return {?}\n */\nselect(): void {\n    this._stepper.selected = this;\n  }\nstatic decorators: DecoratorInvocation[] = [\n{ type: Component, args: [{\n  moduleId: module.id,\n  selector: 'cdk-step',\n  templateUrl: 'step.html',\n  encapsulation: ViewEncapsulation.None,\n  preserveWhitespaces: false,\n}, ] },\n];\n/**\n * @nocollapse\n */\nstatic ctorParameters: () => ({type: any, decorators?: DecoratorInvocation[]}|null)[] = () => [\n{type: CdkStepper, decorators: [{ type: Inject, args: [forwardRef(() => CdkStepper), ] }, ]},\n];\nstatic propDecorators: {[key: string]: DecoratorInvocation[]} = {\n'stepLabel': [{ type: ContentChild, args: [CdkStepLabel, ] },],\n'content': [{ type: ViewChild, args: [TemplateRef, ] },],\n'stepControl': [{ type: Input },],\n'label': [{ type: Input },],\n'editable': [{ type: Input },],\n'optional': [{ type: Input },],\n'completed': [{ type: Input },],\n};\n}\n\nfunction CdkStep_tsickle_Closure_declarations() {\n/** @type {?} */\nCdkStep.decorators;\n/**\n * @nocollapse\n * @type {?}\n */\nCdkStep.ctorParameters;\n/** @type {?} */\nCdkStep.propDecorators;\n/**\n * Template for step label if it exists.\n * @type {?}\n */\nCdkStep.prototype.stepLabel;\n/**\n * Template for step content.\n * @type {?}\n */\nCdkStep.prototype.content;\n/**\n * The top level abstract control of the step.\n * @type {?}\n */\nCdkStep.prototype.stepControl;\n/**\n * Whether user has seen the expanded step content or not .\n * @type {?}\n */\nCdkStep.prototype.interacted;\n/**\n * Label of the step.\n * @type {?}\n */\nCdkStep.prototype.label;\n/** @type {?} */\nCdkStep.prototype._editable;\n/** @type {?} */\nCdkStep.prototype._optional;\n/** @type {?} */\nCdkStep.prototype._customCompleted;\n/** @type {?} */\nCdkStep.prototype._stepper;\n}\n\nexport class CdkStepper {\n/**\n * The list of step components that the stepper is holding.\n */\n_steps: QueryList<CdkStep>;\n/**\n * The list of step headers of the steps in the stepper.\n */\n_stepHeader: QueryList<ElementRef>;\n/**\n * Whether the validity of previous steps should be checked or not.\n * @return {?}\n */\nget linear() { return this._linear; }\n/**\n * @param {?} value\n * @return {?}\n */\nset linear(value: any) { this._linear = coerceBooleanProperty(value); }\nprivate _linear = false;\n/**\n * The index of the selected step.\n * @return {?}\n */\nget selectedIndex() { return this._selectedIndex; }\n/**\n * @param {?} index\n * @return {?}\n */\nset selectedIndex(index: number) {\n    if (this._anyControlsInvalid(index)\n        || index < this._selectedIndex && !this._steps.toArray()[index].editable) {\n      // remove focus from clicked step header if the step is not able to be selected\n      this._stepHeader.toArray()[index].nativeElement.blur();\n    } else if (this._selectedIndex != index) {\n      this._emitStepperSelectionEvent(index);\n      this._focusIndex = this._selectedIndex;\n    }\n  }\nprivate _selectedIndex: number = 0;\n/**\n * The step that is selected.\n * @return {?}\n */\nget selected() { return this._steps[this.selectedIndex]; }\n/**\n * @param {?} step\n * @return {?}\n */\nset selected(step: CdkStep) {\n    this.selectedIndex = this._steps.toArray().indexOf(step);\n  }\n/**\n * Event emitted when the selected step has changed.\n */\nselectionChange = new EventEmitter<StepperSelectionEvent>();\n/**\n * The index of the step that the focus can be set.\n */\n_focusIndex: number = 0;\n/**\n * Used to track unique ID for each stepper component.\n */\n_groupId: number;\n/**\n * @param {?} _dir\n */\nconstructor(\nprivate _dir: Directionality) {\n    this._groupId = nextId++;\n  }\n/**\n * Selects and focuses the next step in list.\n * @return {?}\n */\nnext(): void {\n    this.selectedIndex = Math.min(this._selectedIndex + 1, this._steps.length - 1);\n  }\n/**\n * Selects and focuses the previous step in list.\n * @return {?}\n */\nprevious(): void {\n    this.selectedIndex = Math.max(this._selectedIndex - 1, 0);\n  }\n/**\n * Returns a unique id for each step label element.\n * @param {?} i\n * @return {?}\n */\n_getStepLabelId(i: number): string {\n    return `mat-step-label-${this._groupId}-${i}`;\n  }\n/**\n * Returns unique id for each step content element.\n * @param {?} i\n * @return {?}\n */\n_getStepContentId(i: number): string {\n    return `mat-step-content-${this._groupId}-${i}`;\n  }\n/**\n * Returns position state of the step with the given index.\n * @param {?} index\n * @return {?}\n */\n_getAnimationDirection(index: number): StepContentPositionState {\n    const /** @type {?} */ position = index - this._selectedIndex;\n    if (position < 0) {\n      return this._layoutDirection() === 'rtl' ? 'next' : 'previous';\n    } else if (position > 0) {\n      return this._layoutDirection() === 'rtl' ? 'previous' : 'next';\n    }\n    return 'current';\n  }\n/**\n * Returns the type of icon to be displayed.\n * @param {?} index\n * @return {?}\n */\n_getIndicatorType(index: number): 'number' | 'edit' | 'done' {\n    const /** @type {?} */ step = this._steps.toArray()[index];\n    if (!step.completed || this._selectedIndex == index) {\n      return 'number';\n    } else {\n      return step.editable ? 'edit' : 'done';\n    }\n  }\n/**\n * @param {?} newIndex\n * @return {?}\n */\nprivate _emitStepperSelectionEvent(newIndex: number): void {\n    const /** @type {?} */ stepsArray = this._steps.toArray();\n    this.selectionChange.emit({\n      selectedIndex: newIndex,\n      previouslySelectedIndex: this._selectedIndex,\n      selectedStep: stepsArray[newIndex],\n      previouslySelectedStep: stepsArray[this._selectedIndex],\n    });\n    this._selectedIndex = newIndex;\n  }\n/**\n * @param {?} event\n * @return {?}\n */\n_onKeydown(event: KeyboardEvent) {\n    switch (event.keyCode) {\n      case RIGHT_ARROW:\n        if (this._layoutDirection() === 'rtl') {\n          this._focusPreviousStep();\n        } else {\n          this._focusNextStep();\n        }\n        break;\n      case LEFT_ARROW:\n        if (this._layoutDirection() === 'rtl') {\n          this._focusNextStep();\n        } else {\n          this._focusPreviousStep();\n        }\n        break;\n      case SPACE:\n      case ENTER:\n        this.selectedIndex = this._focusIndex;\n        break;\n      default:\n        // Return to avoid calling preventDefault on keys that are not explicitly handled.\n        return;\n    }\n    event.preventDefault();\n  }\n/**\n * @return {?}\n */\nprivate _focusNextStep() {\n    this._focusStep((this._focusIndex + 1) % this._steps.length);\n  }\n/**\n * @return {?}\n */\nprivate _focusPreviousStep() {\n    this._focusStep((this._focusIndex + this._steps.length - 1) % this._steps.length);\n  }\n/**\n * @param {?} index\n * @return {?}\n */\nprivate _focusStep(index: number) {\n    this._focusIndex = index;\n    this._stepHeader.toArray()[this._focusIndex].nativeElement.focus();\n  }\n/**\n * @param {?} index\n * @return {?}\n */\nprivate _anyControlsInvalid(index: number): boolean {\n    this._steps.toArray()[this._selectedIndex].interacted = true;\n    if (this._linear && index >= 0) {\n      return this._steps.toArray().slice(0, index).some(step => step.stepControl.invalid);\n    }\n    return false;\n  }\n/**\n * @return {?}\n */\nprivate _layoutDirection(): Direction {\n    return this._dir && this._dir.value === 'rtl' ? 'rtl' : 'ltr';\n  }\nstatic decorators: DecoratorInvocation[] = [\n{ type: Directive, args: [{\n  selector: '[cdkStepper]',\n}, ] },\n];\n/**\n * @nocollapse\n */\nstatic ctorParameters: () => ({type: any, decorators?: DecoratorInvocation[]}|null)[] = () => [\n{type: Directionality, decorators: [{ type: Optional }, ]},\n];\nstatic propDecorators: {[key: string]: DecoratorInvocation[]} = {\n'_steps': [{ type: ContentChildren, args: [CdkStep, ] },],\n'linear': [{ type: Input },],\n'selectedIndex': [{ type: Input },],\n'selected': [{ type: Input },],\n'selectionChange': [{ type: Output },],\n};\n}\n\nfunction CdkStepper_tsickle_Closure_declarations() {\n/** @type {?} */\nCdkStepper.decorators;\n/**\n * @nocollapse\n * @type {?}\n */\nCdkStepper.ctorParameters;\n/** @type {?} */\nCdkStepper.propDecorators;\n/**\n * The list of step components that the stepper is holding.\n * @type {?}\n */\nCdkStepper.prototype._steps;\n/**\n * The list of step headers of the steps in the stepper.\n * @type {?}\n */\nCdkStepper.prototype._stepHeader;\n/** @type {?} */\nCdkStepper.prototype._linear;\n/** @type {?} */\nCdkStepper.prototype._selectedIndex;\n/**\n * Event emitted when the selected step has changed.\n * @type {?}\n */\nCdkStepper.prototype.selectionChange;\n/**\n * The index of the step that the focus can be set.\n * @type {?}\n */\nCdkStepper.prototype._focusIndex;\n/**\n * Used to track unique ID for each stepper component.\n * @type {?}\n */\nCdkStepper.prototype._groupId;\n/** @type {?} */\nCdkStepper.prototype._dir;\n}\n\n\ninterface DecoratorInvocation {\n  type: Function;\n  args?: any[];\n}\n","/**\n * @license\n * Copyright Google Inc. All Rights Reserved.\n *\n * Use of this source code is governed by an MIT-style license that can be\n * found in the LICENSE file at https://angular.io/license\n */\n\n\nimport {Directive, TemplateRef} from '@angular/core';\nexport class CdkStepLabel {\n/**\n * @param {?} template\n */\nconstructor(public template: TemplateRef<any>) { }\nstatic decorators: DecoratorInvocation[] = [\n{ type: Directive, args: [{\n  selector: '[cdkStepLabel]',\n}, ] },\n];\n/**\n * @nocollapse\n */\nstatic ctorParameters: () => ({type: any, decorators?: DecoratorInvocation[]}|null)[] = () => [\n{type: TemplateRef, },\n];\n}\n\nfunction CdkStepLabel_tsickle_Closure_declarations() {\n/** @type {?} */\nCdkStepLabel.decorators;\n/**\n * @nocollapse\n * @type {?}\n */\nCdkStepLabel.ctorParameters;\n/** @type {?} */\nCdkStepLabel.prototype.template;\n}\n\n\ninterface DecoratorInvocation {\n  type: Function;\n  args?: any[];\n}\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"stepper.js","sources":["../../packages/cdk/stepper/step-label.js","../../packages/cdk/stepper/stepper.js","../../packages/cdk/stepper/stepper-button.js","../../packages/cdk/stepper/stepper-module.js","../../packages/cdk/stepper/index.js"],"sourcesContent":["/**\n * @license\n * Copyright Google Inc. All Rights Reserved.\n *\n * Use of this source code is governed by an MIT-style license that can be\n * found in the LICENSE file at https://angular.io/license\n */\nimport { Directive, TemplateRef } from '@angular/core';\nexport class CdkStepLabel {\n    /**\n     * @param {?} template\n     */\n    constructor(template) {\n        this.template = template;\n    }\n}\nCdkStepLabel.decorators = [\n    { type: Directive, args: [{\n                selector: '[cdkStepLabel]',\n            },] },\n];\n/**\n * @nocollapse\n */\nCdkStepLabel.ctorParameters = () => [\n    { type: TemplateRef, },\n];\nfunction CdkStepLabel_tsickle_Closure_declarations() {\n    /** @type {?} */\n    CdkStepLabel.decorators;\n    /**\n     * @nocollapse\n     * @type {?}\n     */\n    CdkStepLabel.ctorParameters;\n    /** @type {?} */\n    CdkStepLabel.prototype.template;\n}\n//# sourceMappingURL=step-label.js.map","/**\n * @license\n * Copyright Google Inc. All Rights Reserved.\n *\n * Use of this source code is governed by an MIT-style license that can be\n * found in the LICENSE file at https://angular.io/license\n */\nimport { ContentChildren, EventEmitter, Input, Output, Directive, Component, ContentChild, ViewChild, TemplateRef, ViewEncapsulation, Optional, Inject, forwardRef, ChangeDetectionStrategy, ChangeDetectorRef, } from '@angular/core';\nimport { LEFT_ARROW, RIGHT_ARROW, ENTER, SPACE } from '@angular/cdk/keycodes';\nimport { CdkStepLabel } from './step-label';\nimport { coerceBooleanProperty } from '@angular/cdk/coercion';\nimport { Directionality } from '@angular/cdk/bidi';\n/**\n * Used to generate unique ID for each stepper component.\n */\nlet nextId = 0;\n/**\n * Change event emitted on selection changes.\n */\nexport class StepperSelectionEvent {\n}\nfunction StepperSelectionEvent_tsickle_Closure_declarations() {\n    /**\n     * Index of the step now selected.\n     * @type {?}\n     */\n    StepperSelectionEvent.prototype.selectedIndex;\n    /**\n     * Index of the step previously selected.\n     * @type {?}\n     */\n    StepperSelectionEvent.prototype.previouslySelectedIndex;\n    /**\n     * The step instance now selected.\n     * @type {?}\n     */\n    StepperSelectionEvent.prototype.selectedStep;\n    /**\n     * The step instance previously selected.\n     * @type {?}\n     */\n    StepperSelectionEvent.prototype.previouslySelectedStep;\n}\nexport class CdkStep {\n    /**\n     * @param {?} _stepper\n     */\n    constructor(_stepper) {\n        this._stepper = _stepper;\n        /**\n         * Whether user has seen the expanded step content or not.\n         */\n        this.interacted = false;\n        this._editable = true;\n        this._optional = false;\n        this._customCompleted = null;\n    }\n    /**\n     * @return {?}\n     */\n    get editable() { return this._editable; }\n    /**\n     * @param {?} value\n     * @return {?}\n     */\n    set editable(value) {\n        this._editable = coerceBooleanProperty(value);\n    }\n    /**\n     * Whether the completion of step is optional or not.\n     * @return {?}\n     */\n    get optional() { return this._optional; }\n    /**\n     * @param {?} value\n     * @return {?}\n     */\n    set optional(value) {\n        this._optional = coerceBooleanProperty(value);\n    }\n    /**\n     * Return whether step is completed or not.\n     * @return {?}\n     */\n    get completed() {\n        return this._customCompleted == null ? this._defaultCompleted : this._customCompleted;\n    }\n    /**\n     * @param {?} value\n     * @return {?}\n     */\n    set completed(value) {\n        this._customCompleted = coerceBooleanProperty(value);\n    }\n    /**\n     * @return {?}\n     */\n    get _defaultCompleted() {\n        return this.stepControl ? this.stepControl.valid && this.interacted : this.interacted;\n    }\n    /**\n     * Selects this step component.\n     * @return {?}\n     */\n    select() {\n        this._stepper.selected = this;\n    }\n    /**\n     * @return {?}\n     */\n    ngOnChanges() {\n        // Since basically all inputs of the MdStep get proxied through the view down to the\n        // underlying MdStepHeader, we have to make sure that change detection runs correctly.\n        this._stepper._stateChanged();\n    }\n}\nCdkStep.decorators = [\n    { type: Component, args: [{selector: 'cdk-step',\n                exportAs: 'cdkStep',\n                template: \"<ng-template><ng-content></ng-content></ng-template>\",\n                encapsulation: ViewEncapsulation.None,\n                preserveWhitespaces: false,\n                changeDetection: ChangeDetectionStrategy.OnPush,\n            },] },\n];\n/**\n * @nocollapse\n */\nCdkStep.ctorParameters = () => [\n    { type: CdkStepper, decorators: [{ type: Inject, args: [forwardRef(() => CdkStepper),] },] },\n];\nCdkStep.propDecorators = {\n    'stepLabel': [{ type: ContentChild, args: [CdkStepLabel,] },],\n    'content': [{ type: ViewChild, args: [TemplateRef,] },],\n    'stepControl': [{ type: Input },],\n    'label': [{ type: Input },],\n    'editable': [{ type: Input },],\n    'optional': [{ type: Input },],\n    'completed': [{ type: Input },],\n};\nfunction CdkStep_tsickle_Closure_declarations() {\n    /** @type {?} */\n    CdkStep.decorators;\n    /**\n     * @nocollapse\n     * @type {?}\n     */\n    CdkStep.ctorParameters;\n    /** @type {?} */\n    CdkStep.propDecorators;\n    /**\n     * Template for step label if it exists.\n     * @type {?}\n     */\n    CdkStep.prototype.stepLabel;\n    /**\n     * Template for step content.\n     * @type {?}\n     */\n    CdkStep.prototype.content;\n    /**\n     * The top level abstract control of the step.\n     * @type {?}\n     */\n    CdkStep.prototype.stepControl;\n    /**\n     * Whether user has seen the expanded step content or not.\n     * @type {?}\n     */\n    CdkStep.prototype.interacted;\n    /**\n     * Label of the step.\n     * @type {?}\n     */\n    CdkStep.prototype.label;\n    /** @type {?} */\n    CdkStep.prototype._editable;\n    /** @type {?} */\n    CdkStep.prototype._optional;\n    /** @type {?} */\n    CdkStep.prototype._customCompleted;\n    /** @type {?} */\n    CdkStep.prototype._stepper;\n}\nexport class CdkStepper {\n    /**\n     * @param {?} _dir\n     * @param {?} _changeDetectorRef\n     */\n    constructor(_dir, _changeDetectorRef) {\n        this._dir = _dir;\n        this._changeDetectorRef = _changeDetectorRef;\n        this._linear = false;\n        this._selectedIndex = 0;\n        /**\n         * Event emitted when the selected step has changed.\n         */\n        this.selectionChange = new EventEmitter();\n        /**\n         * The index of the step that the focus can be set.\n         */\n        this._focusIndex = 0;\n        this._groupId = nextId++;\n    }\n    /**\n     * Whether the validity of previous steps should be checked or not.\n     * @return {?}\n     */\n    get linear() { return this._linear; }\n    /**\n     * @param {?} value\n     * @return {?}\n     */\n    set linear(value) { this._linear = coerceBooleanProperty(value); }\n    /**\n     * The index of the selected step.\n     * @return {?}\n     */\n    get selectedIndex() { return this._selectedIndex; }\n    /**\n     * @param {?} index\n     * @return {?}\n     */\n    set selectedIndex(index) {\n        if (this._anyControlsInvalid(index)\n            || index < this._selectedIndex && !this._steps.toArray()[index].editable) {\n            // remove focus from clicked step header if the step is not able to be selected\n            this._stepHeader.toArray()[index].nativeElement.blur();\n        }\n        else if (this._selectedIndex != index) {\n            this._emitStepperSelectionEvent(index);\n            this._focusIndex = this._selectedIndex;\n        }\n    }\n    /**\n     * The step that is selected.\n     * @return {?}\n     */\n    get selected() { return this._steps.toArray()[this.selectedIndex]; }\n    /**\n     * @param {?} step\n     * @return {?}\n     */\n    set selected(step) {\n        this.selectedIndex = this._steps.toArray().indexOf(step);\n    }\n    /**\n     * Selects and focuses the next step in list.\n     * @return {?}\n     */\n    next() {\n        this.selectedIndex = Math.min(this._selectedIndex + 1, this._steps.length - 1);\n    }\n    /**\n     * Selects and focuses the previous step in list.\n     * @return {?}\n     */\n    previous() {\n        this.selectedIndex = Math.max(this._selectedIndex - 1, 0);\n    }\n    /**\n     * Returns a unique id for each step label element.\n     * @param {?} i\n     * @return {?}\n     */\n    _getStepLabelId(i) {\n        return `mat-step-label-${this._groupId}-${i}`;\n    }\n    /**\n     * Returns unique id for each step content element.\n     * @param {?} i\n     * @return {?}\n     */\n    _getStepContentId(i) {\n        return `mat-step-content-${this._groupId}-${i}`;\n    }\n    /**\n     * Marks the component to be change detected.\n     * @return {?}\n     */\n    _stateChanged() {\n        this._changeDetectorRef.markForCheck();\n    }\n    /**\n     * Returns position state of the step with the given index.\n     * @param {?} index\n     * @return {?}\n     */\n    _getAnimationDirection(index) {\n        const /** @type {?} */ position = index - this._selectedIndex;\n        if (position < 0) {\n            return this._layoutDirection() === 'rtl' ? 'next' : 'previous';\n        }\n        else if (position > 0) {\n            return this._layoutDirection() === 'rtl' ? 'previous' : 'next';\n        }\n        return 'current';\n    }\n    /**\n     * Returns the type of icon to be displayed.\n     * @param {?} index\n     * @return {?}\n     */\n    _getIndicatorType(index) {\n        const /** @type {?} */ step = this._steps.toArray()[index];\n        if (!step.completed || this._selectedIndex == index) {\n            return 'number';\n        }\n        else {\n            return step.editable ? 'edit' : 'done';\n        }\n    }\n    /**\n     * @param {?} newIndex\n     * @return {?}\n     */\n    _emitStepperSelectionEvent(newIndex) {\n        const /** @type {?} */ stepsArray = this._steps.toArray();\n        this.selectionChange.emit({\n            selectedIndex: newIndex,\n            previouslySelectedIndex: this._selectedIndex,\n            selectedStep: stepsArray[newIndex],\n            previouslySelectedStep: stepsArray[this._selectedIndex],\n        });\n        this._selectedIndex = newIndex;\n        this._stateChanged();\n    }\n    /**\n     * @param {?} event\n     * @return {?}\n     */\n    _onKeydown(event) {\n        switch (event.keyCode) {\n            case RIGHT_ARROW:\n                if (this._layoutDirection() === 'rtl') {\n                    this._focusPreviousStep();\n                }\n                else {\n                    this._focusNextStep();\n                }\n                break;\n            case LEFT_ARROW:\n                if (this._layoutDirection() === 'rtl') {\n                    this._focusNextStep();\n                }\n                else {\n                    this._focusPreviousStep();\n                }\n                break;\n            case SPACE:\n            case ENTER:\n                this.selectedIndex = this._focusIndex;\n                break;\n            default:\n                // Return to avoid calling preventDefault on keys that are not explicitly handled.\n                return;\n        }\n        event.preventDefault();\n    }\n    /**\n     * @return {?}\n     */\n    _focusNextStep() {\n        this._focusStep((this._focusIndex + 1) % this._steps.length);\n    }\n    /**\n     * @return {?}\n     */\n    _focusPreviousStep() {\n        this._focusStep((this._focusIndex + this._steps.length - 1) % this._steps.length);\n    }\n    /**\n     * @param {?} index\n     * @return {?}\n     */\n    _focusStep(index) {\n        this._focusIndex = index;\n        this._stepHeader.toArray()[this._focusIndex].nativeElement.focus();\n    }\n    /**\n     * @param {?} index\n     * @return {?}\n     */\n    _anyControlsInvalid(index) {\n        this._steps.toArray()[this._selectedIndex].interacted = true;\n        if (this._linear && index >= 0) {\n            return this._steps.toArray().slice(0, index).some(step => step.stepControl.invalid);\n        }\n        return false;\n    }\n    /**\n     * @return {?}\n     */\n    _layoutDirection() {\n        return this._dir && this._dir.value === 'rtl' ? 'rtl' : 'ltr';\n    }\n}\nCdkStepper.decorators = [\n    { type: Directive, args: [{\n                selector: '[cdkStepper]',\n                exportAs: 'cdkStepper',\n            },] },\n];\n/**\n * @nocollapse\n */\nCdkStepper.ctorParameters = () => [\n    { type: Directionality, decorators: [{ type: Optional },] },\n    { type: ChangeDetectorRef, },\n];\nCdkStepper.propDecorators = {\n    '_steps': [{ type: ContentChildren, args: [CdkStep,] },],\n    'linear': [{ type: Input },],\n    'selectedIndex': [{ type: Input },],\n    'selected': [{ type: Input },],\n    'selectionChange': [{ type: Output },],\n};\nfunction CdkStepper_tsickle_Closure_declarations() {\n    /** @type {?} */\n    CdkStepper.decorators;\n    /**\n     * @nocollapse\n     * @type {?}\n     */\n    CdkStepper.ctorParameters;\n    /** @type {?} */\n    CdkStepper.propDecorators;\n    /**\n     * The list of step components that the stepper is holding.\n     * @type {?}\n     */\n    CdkStepper.prototype._steps;\n    /**\n     * The list of step headers of the steps in the stepper.\n     * @type {?}\n     */\n    CdkStepper.prototype._stepHeader;\n    /** @type {?} */\n    CdkStepper.prototype._linear;\n    /** @type {?} */\n    CdkStepper.prototype._selectedIndex;\n    /**\n     * Event emitted when the selected step has changed.\n     * @type {?}\n     */\n    CdkStepper.prototype.selectionChange;\n    /**\n     * The index of the step that the focus can be set.\n     * @type {?}\n     */\n    CdkStepper.prototype._focusIndex;\n    /**\n     * Used to track unique ID for each stepper component.\n     * @type {?}\n     */\n    CdkStepper.prototype._groupId;\n    /** @type {?} */\n    CdkStepper.prototype._dir;\n    /** @type {?} */\n    CdkStepper.prototype._changeDetectorRef;\n}\n//# sourceMappingURL=stepper.js.map","/**\n * @license\n * Copyright Google Inc. All Rights Reserved.\n *\n * Use of this source code is governed by an MIT-style license that can be\n * found in the LICENSE file at https://angular.io/license\n */\nimport { Directive } from '@angular/core';\nimport { CdkStepper } from './stepper';\n/**\n * Button that moves to the next step in a stepper workflow.\n */\nexport class CdkStepperNext {\n    /**\n     * @param {?} _stepper\n     */\n    constructor(_stepper) {\n        this._stepper = _stepper;\n    }\n}\nCdkStepperNext.decorators = [\n    { type: Directive, args: [{\n                selector: 'button[cdkStepperNext]',\n                host: { '(click)': '_stepper.next()' }\n            },] },\n];\n/**\n * @nocollapse\n */\nCdkStepperNext.ctorParameters = () => [\n    { type: CdkStepper, },\n];\nfunction CdkStepperNext_tsickle_Closure_declarations() {\n    /** @type {?} */\n    CdkStepperNext.decorators;\n    /**\n     * @nocollapse\n     * @type {?}\n     */\n    CdkStepperNext.ctorParameters;\n    /** @type {?} */\n    CdkStepperNext.prototype._stepper;\n}\n/**\n * Button that moves to the previous step in a stepper workflow.\n */\nexport class CdkStepperPrevious {\n    /**\n     * @param {?} _stepper\n     */\n    constructor(_stepper) {\n        this._stepper = _stepper;\n    }\n}\nCdkStepperPrevious.decorators = [\n    { type: Directive, args: [{\n                selector: 'button[cdkStepperPrevious]',\n                host: { '(click)': '_stepper.previous()' }\n            },] },\n];\n/**\n * @nocollapse\n */\nCdkStepperPrevious.ctorParameters = () => [\n    { type: CdkStepper, },\n];\nfunction CdkStepperPrevious_tsickle_Closure_declarations() {\n    /** @type {?} */\n    CdkStepperPrevious.decorators;\n    /**\n     * @nocollapse\n     * @type {?}\n     */\n    CdkStepperPrevious.ctorParameters;\n    /** @type {?} */\n    CdkStepperPrevious.prototype._stepper;\n}\n//# sourceMappingURL=stepper-button.js.map","/**\n * @license\n * Copyright Google Inc. All Rights Reserved.\n *\n * Use of this source code is governed by an MIT-style license that can be\n * found in the LICENSE file at https://angular.io/license\n */\nimport { NgModule } from '@angular/core';\nimport { CdkStepper, CdkStep } from './stepper';\nimport { CommonModule } from '@angular/common';\nimport { CdkStepLabel } from './step-label';\nimport { CdkStepperNext, CdkStepperPrevious } from './stepper-button';\nimport { BidiModule } from '@angular/cdk/bidi';\nexport class CdkStepperModule {\n}\nCdkStepperModule.decorators = [\n    { type: NgModule, args: [{\n                imports: [BidiModule, CommonModule],\n                exports: [CdkStep, CdkStepper, CdkStepLabel, CdkStepperNext, CdkStepperPrevious],\n                declarations: [CdkStep, CdkStepper, CdkStepLabel, CdkStepperNext, CdkStepperPrevious]\n            },] },\n];\n/**\n * @nocollapse\n */\nCdkStepperModule.ctorParameters = () => [];\nfunction CdkStepperModule_tsickle_Closure_declarations() {\n    /** @type {?} */\n    CdkStepperModule.decorators;\n    /**\n     * @nocollapse\n     * @type {?}\n     */\n    CdkStepperModule.ctorParameters;\n}\n//# sourceMappingURL=stepper-module.js.map","/**\n * Generated bundle index. Do not edit.\n */\nexport { StepperSelectionEvent, CdkStep, CdkStepper, CdkStepLabel, CdkStepperNext, CdkStepperPrevious, CdkStepperModule } from './public-api';\n//# sourceMappingURL=index.js.map"],"names":[],"mappings":"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"}

package/esm2015/table.js

@@ -5,15 +5,15 @@
  * Use of this source code is governed by an MIT-style license that can be
  * found in the LICENSE file at https://angular.io/license
  */
-import { CommonModule } from '@angular/common';
 import { Attribute, ChangeDetectionStrategy, ChangeDetectorRef, Component, ContentChild, ContentChildren, Directive, ElementRef, Input, IterableDiffers, NgModule, Renderer2, TemplateRef, ViewChild, ViewContainerRef, ViewEncapsulation, isDevMode } from '@angular/core';
 import { takeUntil } from 'rxjs/operator/takeUntil';
 import { BehaviorSubject } from 'rxjs/BehaviorSubject';
 import { Subject } from 'rxjs/Subject';
+import { CommonModule } from '@angular/common';
 import { DataSource } from '@angular/cdk/collections';
 
 /**
- * The row template that can be used by the md-table. Should not be used outside of the
+ * The row template that can be used by the mat-table. Should not be used outside of the
  * material library.
  */
 const CDK_ROW_TEMPLATE = `<ng-container cdkCellOutlet></ng-container>`;
@@ -39,7 +39,7 @@ class BaseRowDef {
         // Create a new columns differ if one does not yet exist. Initialize it based on initial value
         // of the columns property or an empty array if none is provided.
         const /** @type {?} */ columns = changes['columns'].currentValue || [];
-        if (!this._columnsDiffer && columns) {
+        if (!this._columnsDiffer) {
             this._columnsDiffer = this._differs.find(columns).create();
             this._columnsDiffer.diff(columns);
         }
@@ -81,7 +81,8 @@ CdkHeaderRowDef.ctorParameters = () => [
 ];
 /**
  * Data row definition for the CDK table.
- * Captures the header row's template and other row properties such as the columns to display.
+ * Captures the header row's template and other row properties such as the columns to display and
+ * a when predicate that describes when this row should be used.
  */
 class CdkRowDef extends BaseRowDef {
     /**
@@ -95,7 +96,7 @@ class CdkRowDef extends BaseRowDef {
 CdkRowDef.decorators = [
     { type: Directive, args: [{
                 selector: '[cdkRowDef]',
-                inputs: ['columns: cdkRowDefColumns'],
+                inputs: ['columns: cdkRowDefColumns', 'when: cdkRowDefWhen'],
             },] },
 ];
 /**
@@ -322,6 +323,22 @@ function getTableUnknownColumnError(id) {
 function getTableDuplicateColumnNameError(name) {
     return Error(`cdk-table: Duplicate column definition name provided: "${name}".`);
 }
+/**
+ * Returns an error to be thrown when there are multiple rows that are missing a when function.
+ * \@docs-private
+ * @return {?}
+ */
+function getTableMultipleDefaultRowDefsError() {
+    return Error(`cdk-table: There can only be one default row without a when predicate function.`);
+}
+/**
+ * Returns an error to be thrown when there are no matching row defs for a particular set of data.
+ * \@docs-private
+ * @return {?}
+ */
+function getTableMissingMatchingRowDefError() {
+    return Error(`cdk-table: Could not find a matching row definition for the provided row data.`);
+}
 
 /**
  * Provides a handle for the table to grab the view container's ng-container to insert data rows.
@@ -366,7 +383,7 @@ HeaderRowPlaceholder.ctorParameters = () => [
     { type: ViewContainerRef, },
 ];
 /**
- * The table template that can be used by the md-table. Should not be used outside of the
+ * The table template that can be used by the mat-table. Should not be used outside of the
  * material library.
  */
 const CDK_TABLE_TEMPLATE = `
@@ -398,7 +415,7 @@ class CdkTable {
         /**
          * Map of all the user's defined columns (header and data cell template) identified by name.
          */
-        this._columnDefinitionsByName = new Map();
+        this._columnDefsByName = new Map();
         /**
          * Stream containing the latest information on what rows are being displayed on screen.
          * Can be used by the data source to as a heuristic of what data should be provided.
@@ -453,8 +470,8 @@ class CdkTable {
      * @return {?}
      */
     ngAfterContentInit() {
-        this._cacheColumnDefinitionsByName();
-        this._columnDefinitions.changes.subscribe(() => this._cacheColumnDefinitionsByName());
+        this._cacheColumnDefsByName();
+        this._columnDefs.changes.subscribe(() => this._cacheColumnDefsByName());
         this._renderHeaderRow();
     }
     /**
@@ -462,6 +479,11 @@ class CdkTable {
      */
     ngAfterContentChecked() {
         this._renderUpdatedColumns();
+        const /** @type {?} */ defaultRowDefs = this._rowDefs.filter(def => !def.when);
+        if (defaultRowDefs.length > 1) {
+            throw getTableMultipleDefaultRowDefsError();
+        }
+        this._defaultRowDef = defaultRowDefs[0];
         if (this.dataSource && !this._renderChangeSubscription) {
             this._observeRenderChanges();
         }
@@ -482,13 +504,13 @@ class CdkTable {
      * Update the map containing the content's column definitions.
      * @return {?}
      */
-    _cacheColumnDefinitionsByName() {
-        this._columnDefinitionsByName.clear();
-        this._columnDefinitions.forEach(columnDef => {
-            if (this._columnDefinitionsByName.has(columnDef.name)) {
+    _cacheColumnDefsByName() {
+        this._columnDefsByName.clear();
+        this._columnDefs.forEach(columnDef => {
+            if (this._columnDefsByName.has(columnDef.name)) {
                 throw getTableDuplicateColumnNameError(columnDef.name);
             }
-            this._columnDefinitionsByName.set(columnDef.name, columnDef);
+            this._columnDefsByName.set(columnDef.name, columnDef);
         });
     }
     /**
@@ -498,8 +520,8 @@ class CdkTable {
      */
     _renderUpdatedColumns() {
         // Re-render the rows when the row definition columns change.
-        this._rowDefinitions.forEach(rowDefinition => {
-            if (!!rowDefinition.getColumnsDiff()) {
+        this._rowDefs.forEach(def => {
+            if (!!def.getColumnsDiff()) {
                 // Reset the data to an empty array so that renderRowChanges will re-render all new rows.
                 this._dataDiffer.diff([]);
                 this._rowPlaceholder.viewContainer.clear();
@@ -507,7 +529,7 @@ class CdkTable {
             }
         });
         // Re-render the header row if there is a difference in its columns.
-        if (this._headerDefinition.getColumnsDiff()) {
+        if (this._headerDef.getColumnsDiff()) {
             this._headerRowPlaceholder.viewContainer.clear();
             this._renderHeaderRow();
         }
@@ -551,7 +573,7 @@ class CdkTable {
      * @return {?}
      */
     _renderHeaderRow() {
-        const /** @type {?} */ cells = this._getHeaderCellTemplatesForRow(this._headerDefinition);
+        const /** @type {?} */ cells = this._getHeaderCellTemplatesForRow(this._headerDef);
         if (!cells.length) {
             return;
         }
@@ -559,7 +581,7 @@ class CdkTable {
         //   one CdkCellOutlet was instantiated as a result
         //   of `createEmbeddedView`.
         this._headerRowPlaceholder.viewContainer
-            .createEmbeddedView(this._headerDefinition.template, { cells });
+            .createEmbeddedView(this._headerDef.template, { cells });
         cells.forEach(cell => {
             CdkCellOutlet.mostRecentCellOutlet._viewContainer.createEmbeddedView(cell.template, {});
         });
@@ -589,6 +611,25 @@ class CdkTable {
         });
         this._updateRowContext();
     }
+    /**
+     * Finds the matching row definition that should be used for this row data. If there is only
+     * one row definition, it is returned. Otherwise, find the row definition that has a when
+     * predicate that returns true with the data. If none return true, return the default row
+     * definition.
+     * @param {?} data
+     * @param {?} i
+     * @return {?}
+     */
+    _getRowDef(data, i) {
+        if (this._rowDefs.length == 1) {
+            return this._rowDefs.first;
+        }
+        let /** @type {?} */ rowDef = this._rowDefs.find(def => def.when && def.when(data, i)) || this._defaultRowDef;
+        if (!rowDef) {
+            throw getTableMissingMatchingRowDefError();
+        }
+        return rowDef;
+    }
     /**
      * Create the embedded view for the data row template and place it in the correct index location
      * within the data row view container.
@@ -597,10 +638,7 @@ class CdkTable {
      * @return {?}
      */
     _insertRow(rowData, index) {
-        // TODO(andrewseguin): Add when predicates to the row definitions
-        //   to find the right template to used based on
-        //   the data rather than choosing the first row definition.
-        const /** @type {?} */ row = this._rowDefinitions.first;
+        const /** @type {?} */ row = this._getRowDef(rowData, index);
         // Row context that will be provided to both the created embedded row view and its cells.
         const /** @type {?} */ context = { $implicit: rowData };
         // TODO(andrewseguin): add some code to enforce that exactly one
@@ -642,7 +680,7 @@ class CdkTable {
             return [];
         }
         return headerDef.columns.map(columnId => {
-            const /** @type {?} */ column = this._columnDefinitionsByName.get(columnId);
+            const /** @type {?} */ column = this._columnDefsByName.get(columnId);
             if (!column) {
                 throw getTableUnknownColumnError(columnId);
             }
@@ -660,7 +698,7 @@ class CdkTable {
             return [];
         }
         return rowDef.columns.map(columnId => {
-            const /** @type {?} */ column = this._columnDefinitionsByName.get(columnId);
+            const /** @type {?} */ column = this._columnDefsByName.get(columnId);
             if (!column) {
                 throw getTableUnknownColumnError(columnId);
             }
@@ -670,6 +708,7 @@ class CdkTable {
 }
 CdkTable.decorators = [
     { type: Component, args: [{selector: 'cdk-table',
+                exportAs: 'cdkTable',
                 template: CDK_TABLE_TEMPLATE,
                 host: {
                     'class': 'cdk-table',
@@ -694,9 +733,9 @@ CdkTable.propDecorators = {
     'dataSource': [{ type: Input },],
     '_rowPlaceholder': [{ type: ViewChild, args: [RowPlaceholder,] },],
     '_headerRowPlaceholder': [{ type: ViewChild, args: [HeaderRowPlaceholder,] },],
-    '_columnDefinitions': [{ type: ContentChildren, args: [CdkColumnDef,] },],
-    '_headerDefinition': [{ type: ContentChild, args: [CdkHeaderRowDef,] },],
-    '_rowDefinitions': [{ type: ContentChildren, args: [CdkRowDef,] },],
+    '_columnDefs': [{ type: ContentChildren, args: [CdkColumnDef,] },],
+    '_headerDef': [{ type: ContentChild, args: [CdkHeaderRowDef,] },],
+    '_rowDefs': [{ type: ContentChildren, args: [CdkRowDef,] },],
 };
 
 const EXPORTED_DECLARATIONS = [
@@ -732,5 +771,5 @@ CdkTableModule.ctorParameters = () => [];
  * Generated bundle index. Do not edit.
  */
 
-export { DataSource, CdkTableModule, RowPlaceholder, HeaderRowPlaceholder, CDK_TABLE_TEMPLATE, CdkTable, CdkCellDef, CdkHeaderCellDef, CdkColumnDef, CdkHeaderCell, CdkCell, CDK_ROW_TEMPLATE, BaseRowDef, CdkHeaderRowDef, CdkRowDef, CdkCellOutlet, CdkHeaderRow, CdkRow };
+export { DataSource, RowPlaceholder, HeaderRowPlaceholder, CDK_TABLE_TEMPLATE, CdkTable, CdkCellDef, CdkHeaderCellDef, CdkColumnDef, CdkHeaderCell, CdkCell, CDK_ROW_TEMPLATE, BaseRowDef, CdkHeaderRowDef, CdkRowDef, CdkCellOutlet, CdkHeaderRow, CdkRow, CdkTableModule };
 //# sourceMappingURL=table.js.map