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

package/esm5/table.es5.js

@@ -1,4 +1,3 @@
-import * as tslib_1 from "tslib";
 /**
  * @license
  * Copyright Google Inc. All Rights Reserved.
@@ -6,14 +5,17 @@ import * as tslib_1 from "tslib";
  * 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 { __extends } from 'tslib';
+import * as tslib_1 from 'tslib';
 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.
  */
 var CDK_ROW_TEMPLATE = "<ng-container cdkCellOutlet></ng-container>";
@@ -39,7 +41,7 @@ var BaseRowDef = (function () {
         // 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.
         var /** @type {?} */ columns = changes['columns'].currentValue || [];
-        if (!this._columnsDiffer && columns) {
+        if (!this._columnsDiffer) {
             this._columnsDiffer = this._differs.find(columns).create();
             this._columnsDiffer.diff(columns);
         }
@@ -59,7 +61,7 @@ var BaseRowDef = (function () {
  * Captures the header row's template and other header properties such as the columns to display.
  */
 var CdkHeaderRowDef = (function (_super) {
-    tslib_1.__extends(CdkHeaderRowDef, _super);
+    __extends(CdkHeaderRowDef, _super);
     /**
      * @param {?} template
      * @param {?} _differs
@@ -67,27 +69,28 @@ var CdkHeaderRowDef = (function (_super) {
     function CdkHeaderRowDef(template, _differs) {
         return _super.call(this, template, _differs) || this;
     }
+    CdkHeaderRowDef.decorators = [
+        { type: Directive, args: [{
+                    selector: '[cdkHeaderRowDef]',
+                    inputs: ['columns: cdkHeaderRowDef'],
+                },] },
+    ];
+    /**
+     * @nocollapse
+     */
+    CdkHeaderRowDef.ctorParameters = function () { return [
+        { type: TemplateRef, },
+        { type: IterableDiffers, },
+    ]; };
     return CdkHeaderRowDef;
 }(BaseRowDef));
-CdkHeaderRowDef.decorators = [
-    { type: Directive, args: [{
-                selector: '[cdkHeaderRowDef]',
-                inputs: ['columns: cdkHeaderRowDef'],
-            },] },
-];
-/**
- * @nocollapse
- */
-CdkHeaderRowDef.ctorParameters = function () { return [
-    { type: TemplateRef, },
-    { type: IterableDiffers, },
-]; };
 /**
  * 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.
  */
 var CdkRowDef = (function (_super) {
-    tslib_1.__extends(CdkRowDef, _super);
+    __extends(CdkRowDef, _super);
     /**
      * @param {?} template
      * @param {?} _differs
@@ -95,21 +98,21 @@ var CdkRowDef = (function (_super) {
     function CdkRowDef(template, _differs) {
         return _super.call(this, template, _differs) || this;
     }
+    CdkRowDef.decorators = [
+        { type: Directive, args: [{
+                    selector: '[cdkRowDef]',
+                    inputs: ['columns: cdkRowDefColumns', 'when: cdkRowDefWhen'],
+                },] },
+    ];
+    /**
+     * @nocollapse
+     */
+    CdkRowDef.ctorParameters = function () { return [
+        { type: TemplateRef, },
+        { type: IterableDiffers, },
+    ]; };
     return CdkRowDef;
 }(BaseRowDef));
-CdkRowDef.decorators = [
-    { type: Directive, args: [{
-                selector: '[cdkRowDef]',
-                inputs: ['columns: cdkRowDefColumns'],
-            },] },
-];
-/**
- * @nocollapse
- */
-CdkRowDef.ctorParameters = function () { return [
-    { type: TemplateRef, },
-    { type: IterableDiffers, },
-]; };
 /**
  * Outlet for rendering cells inside of a row or header row.
  * \@docs-private
@@ -122,65 +125,66 @@ var CdkCellOutlet = (function () {
         this._viewContainer = _viewContainer;
         CdkCellOutlet.mostRecentCellOutlet = this;
     }
+    CdkCellOutlet.decorators = [
+        { type: Directive, args: [{ selector: '[cdkCellOutlet]' },] },
+    ];
+    /**
+     * @nocollapse
+     */
+    CdkCellOutlet.ctorParameters = function () { return [
+        { type: ViewContainerRef, },
+    ]; };
     return CdkCellOutlet;
 }());
-CdkCellOutlet.decorators = [
-    { type: Directive, args: [{ selector: '[cdkCellOutlet]' },] },
-];
-/**
- * @nocollapse
- */
-CdkCellOutlet.ctorParameters = function () { return [
-    { type: ViewContainerRef, },
-]; };
 /**
  * Header template container that contains the cell outlet. Adds the right class and role.
  */
 var CdkHeaderRow = (function () {
     function CdkHeaderRow() {
     }
+    CdkHeaderRow.decorators = [
+        { type: Component, args: [{selector: 'cdk-header-row',
+                    template: CDK_ROW_TEMPLATE,
+                    host: {
+                        'class': 'cdk-header-row',
+                        'role': 'row',
+                    },
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    encapsulation: ViewEncapsulation.None,
+                    preserveWhitespaces: false,
+                },] },
+    ];
+    /**
+     * @nocollapse
+     */
+    CdkHeaderRow.ctorParameters = function () { return []; };
     return CdkHeaderRow;
 }());
-CdkHeaderRow.decorators = [
-    { type: Component, args: [{ selector: 'cdk-header-row',
-                template: CDK_ROW_TEMPLATE,
-                host: {
-                    'class': 'cdk-header-row',
-                    'role': 'row',
-                },
-                changeDetection: ChangeDetectionStrategy.OnPush,
-                encapsulation: ViewEncapsulation.None,
-                preserveWhitespaces: false,
-            },] },
-];
-/**
- * @nocollapse
- */
-CdkHeaderRow.ctorParameters = function () { return []; };
 /**
  * Data row template container that contains the cell outlet. Adds the right class and role.
  */
 var CdkRow = (function () {
     function CdkRow() {
     }
+    CdkRow.decorators = [
+        { type: Component, args: [{selector: 'cdk-row',
+                    template: CDK_ROW_TEMPLATE,
+                    host: {
+                        'class': 'cdk-row',
+                        'role': 'row',
+                    },
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    encapsulation: ViewEncapsulation.None,
+                    preserveWhitespaces: false,
+                },] },
+    ];
+    /**
+     * @nocollapse
+     */
+    CdkRow.ctorParameters = function () { return []; };
     return CdkRow;
 }());
-CdkRow.decorators = [
-    { type: Component, args: [{ selector: 'cdk-row',
-                template: CDK_ROW_TEMPLATE,
-                host: {
-                    'class': 'cdk-row',
-                    'role': 'row',
-                },
-                changeDetection: ChangeDetectionStrategy.OnPush,
-                encapsulation: ViewEncapsulation.None,
-                preserveWhitespaces: false,
-            },] },
-];
-/**
- * @nocollapse
- */
-CdkRow.ctorParameters = function () { return []; };
+
 /**
  * Cell definition for a CDK table.
  * Captures the template of a column's data row cell as well as cell-specific properties.
@@ -192,17 +196,17 @@ var CdkCellDef = (function () {
     function CdkCellDef(template) {
         this.template = template;
     }
+    CdkCellDef.decorators = [
+        { type: Directive, args: [{ selector: '[cdkCellDef]' },] },
+    ];
+    /**
+     * @nocollapse
+     */
+    CdkCellDef.ctorParameters = function () { return [
+        { type: TemplateRef, },
+    ]; };
     return CdkCellDef;
 }());
-CdkCellDef.decorators = [
-    { type: Directive, args: [{ selector: '[cdkCellDef]' },] },
-];
-/**
- * @nocollapse
- */
-CdkCellDef.ctorParameters = function () { return [
-    { type: TemplateRef, },
-]; };
 /**
  * Header cell definition for a CDK table.
  * Captures the template of a column's header cell and as well as cell-specific properties.
@@ -214,17 +218,17 @@ var CdkHeaderCellDef = (function () {
     function CdkHeaderCellDef(template) {
         this.template = template;
     }
+    CdkHeaderCellDef.decorators = [
+        { type: Directive, args: [{ selector: '[cdkHeaderCellDef]' },] },
+    ];
+    /**
+     * @nocollapse
+     */
+    CdkHeaderCellDef.ctorParameters = function () { return [
+        { type: TemplateRef, },
+    ]; };
     return CdkHeaderCellDef;
 }());
-CdkHeaderCellDef.decorators = [
-    { type: Directive, args: [{ selector: '[cdkHeaderCellDef]' },] },
-];
-/**
- * @nocollapse
- */
-CdkHeaderCellDef.ctorParameters = function () { return [
-    { type: TemplateRef, },
-]; };
 /**
  * Column definition for the CDK table.
  * Defines a set of cells available for a table column.
@@ -249,20 +253,20 @@ var CdkColumnDef = (function () {
         enumerable: true,
         configurable: true
     });
+    CdkColumnDef.decorators = [
+        { type: Directive, args: [{ selector: '[cdkColumnDef]' },] },
+    ];
+    /**
+     * @nocollapse
+     */
+    CdkColumnDef.ctorParameters = function () { return []; };
+    CdkColumnDef.propDecorators = {
+        'name': [{ type: Input, args: ['cdkColumnDef',] },],
+        'cell': [{ type: ContentChild, args: [CdkCellDef,] },],
+        'headerCell': [{ type: ContentChild, args: [CdkHeaderCellDef,] },],
+    };
     return CdkColumnDef;
 }());
-CdkColumnDef.decorators = [
-    { type: Directive, args: [{ selector: '[cdkColumnDef]' },] },
-];
-/**
- * @nocollapse
- */
-CdkColumnDef.ctorParameters = function () { return []; };
-CdkColumnDef.propDecorators = {
-    'name': [{ type: Input, args: ['cdkColumnDef',] },],
-    'cell': [{ type: ContentChild, args: [CdkCellDef,] },],
-    'headerCell': [{ type: ContentChild, args: [CdkHeaderCellDef,] },],
-};
 /**
  * Header cell template container that adds the right classes and role.
  */
@@ -275,25 +279,25 @@ var CdkHeaderCell = (function () {
     function CdkHeaderCell(columnDef, elementRef, renderer) {
         renderer.addClass(elementRef.nativeElement, "cdk-column-" + columnDef.cssClassFriendlyName);
     }
+    CdkHeaderCell.decorators = [
+        { type: Directive, args: [{
+                    selector: 'cdk-header-cell',
+                    host: {
+                        'class': 'cdk-header-cell',
+                        'role': 'columnheader',
+                    },
+                },] },
+    ];
+    /**
+     * @nocollapse
+     */
+    CdkHeaderCell.ctorParameters = function () { return [
+        { type: CdkColumnDef, },
+        { type: ElementRef, },
+        { type: Renderer2, },
+    ]; };
     return CdkHeaderCell;
 }());
-CdkHeaderCell.decorators = [
-    { type: Directive, args: [{
-                selector: 'cdk-header-cell',
-                host: {
-                    'class': 'cdk-header-cell',
-                    'role': 'columnheader',
-                },
-            },] },
-];
-/**
- * @nocollapse
- */
-CdkHeaderCell.ctorParameters = function () { return [
-    { type: CdkColumnDef, },
-    { type: ElementRef, },
-    { type: Renderer2, },
-]; };
 /**
  * Cell template container that adds the right classes and role.
  */
@@ -306,25 +310,26 @@ var CdkCell = (function () {
     function CdkCell(columnDef, elementRef, renderer) {
         renderer.addClass(elementRef.nativeElement, "cdk-column-" + columnDef.cssClassFriendlyName);
     }
+    CdkCell.decorators = [
+        { type: Directive, args: [{
+                    selector: 'cdk-cell',
+                    host: {
+                        'class': 'cdk-cell',
+                        'role': 'gridcell',
+                    },
+                },] },
+    ];
+    /**
+     * @nocollapse
+     */
+    CdkCell.ctorParameters = function () { return [
+        { type: CdkColumnDef, },
+        { type: ElementRef, },
+        { type: Renderer2, },
+    ]; };
     return CdkCell;
 }());
-CdkCell.decorators = [
-    { type: Directive, args: [{
-                selector: 'cdk-cell',
-                host: {
-                    'class': 'cdk-cell',
-                    'role': 'gridcell',
-                },
-            },] },
-];
-/**
- * @nocollapse
- */
-CdkCell.ctorParameters = function () { return [
-    { type: CdkColumnDef, },
-    { type: ElementRef, },
-    { type: Renderer2, },
-]; };
+
 /**
  * Returns an error to be thrown when attempting to find an unexisting column.
  * \@docs-private
@@ -343,6 +348,23 @@ 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.
  * \@docs-private
@@ -354,17 +376,17 @@ var RowPlaceholder = (function () {
     function RowPlaceholder(viewContainer) {
         this.viewContainer = viewContainer;
     }
+    RowPlaceholder.decorators = [
+        { type: Directive, args: [{ selector: '[rowPlaceholder]' },] },
+    ];
+    /**
+     * @nocollapse
+     */
+    RowPlaceholder.ctorParameters = function () { return [
+        { type: ViewContainerRef, },
+    ]; };
     return RowPlaceholder;
 }());
-RowPlaceholder.decorators = [
-    { type: Directive, args: [{ selector: '[rowPlaceholder]' },] },
-];
-/**
- * @nocollapse
- */
-RowPlaceholder.ctorParameters = function () { return [
-    { type: ViewContainerRef, },
-]; };
 /**
  * Provides a handle for the table to grab the view container's ng-container to insert the header.
  * \@docs-private
@@ -376,19 +398,19 @@ var HeaderRowPlaceholder = (function () {
     function HeaderRowPlaceholder(viewContainer) {
         this.viewContainer = viewContainer;
     }
+    HeaderRowPlaceholder.decorators = [
+        { type: Directive, args: [{ selector: '[headerRowPlaceholder]' },] },
+    ];
+    /**
+     * @nocollapse
+     */
+    HeaderRowPlaceholder.ctorParameters = function () { return [
+        { type: ViewContainerRef, },
+    ]; };
     return HeaderRowPlaceholder;
 }());
-HeaderRowPlaceholder.decorators = [
-    { type: Directive, args: [{ selector: '[headerRowPlaceholder]' },] },
-];
-/**
- * @nocollapse
- */
-HeaderRowPlaceholder.ctorParameters = function () { return [
-    { 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.
  */
 var CDK_TABLE_TEMPLATE = "\n  <ng-container headerRowPlaceholder></ng-container>\n  <ng-container rowPlaceholder></ng-container>";
@@ -418,7 +440,7 @@ var CdkTable = (function () {
         /**
          * 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.
@@ -482,8 +504,8 @@ var CdkTable = (function () {
      */
     CdkTable.prototype.ngAfterContentInit = function () {
         var _this = this;
-        this._cacheColumnDefinitionsByName();
-        this._columnDefinitions.changes.subscribe(function () { return _this._cacheColumnDefinitionsByName(); });
+        this._cacheColumnDefsByName();
+        this._columnDefs.changes.subscribe(function () { return _this._cacheColumnDefsByName(); });
         this._renderHeaderRow();
     };
     /**
@@ -491,6 +513,11 @@ var CdkTable = (function () {
      */
     CdkTable.prototype.ngAfterContentChecked = function () {
         this._renderUpdatedColumns();
+        var /** @type {?} */ defaultRowDefs = this._rowDefs.filter(function (def) { return !def.when; });
+        if (defaultRowDefs.length > 1) {
+            throw getTableMultipleDefaultRowDefsError();
+        }
+        this._defaultRowDef = defaultRowDefs[0];
         if (this.dataSource && !this._renderChangeSubscription) {
             this._observeRenderChanges();
         }
@@ -511,14 +538,14 @@ var CdkTable = (function () {
      * Update the map containing the content's column definitions.
      * @return {?}
      */
-    CdkTable.prototype._cacheColumnDefinitionsByName = function () {
+    CdkTable.prototype._cacheColumnDefsByName = function () {
         var _this = this;
-        this._columnDefinitionsByName.clear();
-        this._columnDefinitions.forEach(function (columnDef) {
-            if (_this._columnDefinitionsByName.has(columnDef.name)) {
+        this._columnDefsByName.clear();
+        this._columnDefs.forEach(function (columnDef) {
+            if (_this._columnDefsByName.has(columnDef.name)) {
                 throw getTableDuplicateColumnNameError(columnDef.name);
             }
-            _this._columnDefinitionsByName.set(columnDef.name, columnDef);
+            _this._columnDefsByName.set(columnDef.name, columnDef);
         });
     };
     /**
@@ -529,8 +556,8 @@ var CdkTable = (function () {
     CdkTable.prototype._renderUpdatedColumns = function () {
         var _this = this;
         // Re-render the rows when the row definition columns change.
-        this._rowDefinitions.forEach(function (rowDefinition) {
-            if (!!rowDefinition.getColumnsDiff()) {
+        this._rowDefs.forEach(function (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();
@@ -538,7 +565,7 @@ var CdkTable = (function () {
             }
         });
         // 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();
         }
@@ -583,7 +610,7 @@ var CdkTable = (function () {
      * @return {?}
      */
     CdkTable.prototype._renderHeaderRow = function () {
-        var /** @type {?} */ cells = this._getHeaderCellTemplatesForRow(this._headerDefinition);
+        var /** @type {?} */ cells = this._getHeaderCellTemplatesForRow(this._headerDef);
         if (!cells.length) {
             return;
         }
@@ -591,7 +618,7 @@ var CdkTable = (function () {
         //   one CdkCellOutlet was instantiated as a result
         //   of `createEmbeddedView`.
         this._headerRowPlaceholder.viewContainer
-            .createEmbeddedView(this._headerDefinition.template, { cells: cells });
+            .createEmbeddedView(this._headerDef.template, { cells: cells });
         cells.forEach(function (cell) {
             CdkCellOutlet.mostRecentCellOutlet._viewContainer.createEmbeddedView(cell.template, {});
         });
@@ -622,6 +649,25 @@ var CdkTable = (function () {
         });
         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 {?}
+     */
+    CdkTable.prototype._getRowDef = function (data, i) {
+        if (this._rowDefs.length == 1) {
+            return this._rowDefs.first;
+        }
+        var /** @type {?} */ rowDef = this._rowDefs.find(function (def) { return 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.
@@ -630,10 +676,7 @@ var CdkTable = (function () {
      * @return {?}
      */
     CdkTable.prototype._insertRow = function (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.
-        var /** @type {?} */ row = this._rowDefinitions.first;
+        var /** @type {?} */ row = this._getRowDef(rowData, index);
         // Row context that will be provided to both the created embedded row view and its cells.
         var /** @type {?} */ context = { $implicit: rowData };
         // TODO(andrewseguin): add some code to enforce that exactly one
@@ -676,7 +719,7 @@ var CdkTable = (function () {
             return [];
         }
         return headerDef.columns.map(function (columnId) {
-            var /** @type {?} */ column = _this._columnDefinitionsByName.get(columnId);
+            var /** @type {?} */ column = _this._columnDefsByName.get(columnId);
             if (!column) {
                 throw getTableUnknownColumnError(columnId);
             }
@@ -695,45 +738,47 @@ var CdkTable = (function () {
             return [];
         }
         return rowDef.columns.map(function (columnId) {
-            var /** @type {?} */ column = _this._columnDefinitionsByName.get(columnId);
+            var /** @type {?} */ column = _this._columnDefsByName.get(columnId);
             if (!column) {
                 throw getTableUnknownColumnError(columnId);
             }
             return column.cell;
         });
     };
+    CdkTable.decorators = [
+        { type: Component, args: [{selector: 'cdk-table',
+                    exportAs: 'cdkTable',
+                    template: CDK_TABLE_TEMPLATE,
+                    host: {
+                        'class': 'cdk-table',
+                    },
+                    encapsulation: ViewEncapsulation.None,
+                    preserveWhitespaces: false,
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                },] },
+    ];
+    /**
+     * @nocollapse
+     */
+    CdkTable.ctorParameters = function () { return [
+        { type: IterableDiffers, },
+        { type: ChangeDetectorRef, },
+        { type: ElementRef, },
+        { type: Renderer2, },
+        { type: undefined, decorators: [{ type: Attribute, args: ['role',] },] },
+    ]; };
+    CdkTable.propDecorators = {
+        'trackBy': [{ type: Input },],
+        'dataSource': [{ type: Input },],
+        '_rowPlaceholder': [{ type: ViewChild, args: [RowPlaceholder,] },],
+        '_headerRowPlaceholder': [{ type: ViewChild, args: [HeaderRowPlaceholder,] },],
+        '_columnDefs': [{ type: ContentChildren, args: [CdkColumnDef,] },],
+        '_headerDef': [{ type: ContentChild, args: [CdkHeaderRowDef,] },],
+        '_rowDefs': [{ type: ContentChildren, args: [CdkRowDef,] },],
+    };
     return CdkTable;
 }());
-CdkTable.decorators = [
-    { type: Component, args: [{ selector: 'cdk-table',
-                template: CDK_TABLE_TEMPLATE,
-                host: {
-                    'class': 'cdk-table',
-                },
-                encapsulation: ViewEncapsulation.None,
-                preserveWhitespaces: false,
-                changeDetection: ChangeDetectionStrategy.OnPush,
-            },] },
-];
-/**
- * @nocollapse
- */
-CdkTable.ctorParameters = function () { return [
-    { type: IterableDiffers, },
-    { type: ChangeDetectorRef, },
-    { type: ElementRef, },
-    { type: Renderer2, },
-    { type: undefined, decorators: [{ type: Attribute, args: ['role',] },] },
-]; };
-CdkTable.propDecorators = {
-    'trackBy': [{ type: Input },],
-    '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,] },],
-};
+
 var EXPORTED_DECLARATIONS = [
     CdkTable,
     CdkRowDef,
@@ -752,21 +797,23 @@ var EXPORTED_DECLARATIONS = [
 var CdkTableModule = (function () {
     function CdkTableModule() {
     }
+    CdkTableModule.decorators = [
+        { type: NgModule, args: [{
+                    imports: [CommonModule],
+                    exports: [EXPORTED_DECLARATIONS],
+                    declarations: [EXPORTED_DECLARATIONS]
+                },] },
+    ];
+    /**
+     * @nocollapse
+     */
+    CdkTableModule.ctorParameters = function () { return []; };
     return CdkTableModule;
 }());
-CdkTableModule.decorators = [
-    { type: NgModule, args: [{
-                imports: [CommonModule],
-                exports: [EXPORTED_DECLARATIONS],
-                declarations: [EXPORTED_DECLARATIONS]
-            },] },
-];
-/**
- * @nocollapse
- */
-CdkTableModule.ctorParameters = function () { return []; };
+
 /**
  * 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.es5.js.map