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

package/bundles/cdk-table.umd.js

@@ -6,10 +6,10 @@
  * found in the LICENSE file at https://angular.io/license
  */
 (function (global, factory) {
-	typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/common'), require('@angular/core'), require('rxjs/operator/takeUntil'), require('rxjs/BehaviorSubject'), require('rxjs/Subject'), require('@angular/cdk/collections')) :
-	typeof define === 'function' && define.amd ? define(['exports', '@angular/common', '@angular/core', 'rxjs/operator/takeUntil', 'rxjs/BehaviorSubject', 'rxjs/Subject', '@angular/cdk/collections'], factory) :
-	(factory((global.ng = global.ng || {}, global.ng.cdk = global.ng.cdk || {}, global.ng.cdk.table = global.ng.cdk.table || {}),global.ng.common,global.ng.core,global.Rx.Observable.prototype,global.Rx,global.Rx,global.ng.cdk.collections));
-}(this, (function (exports,_angular_common,_angular_core,rxjs_operator_takeUntil,rxjs_BehaviorSubject,rxjs_Subject,_angular_cdk_collections) { 'use strict';
+	typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core'), require('rxjs/operator/takeUntil'), require('rxjs/BehaviorSubject'), require('rxjs/Subject'), require('@angular/common'), require('@angular/cdk/collections')) :
+	typeof define === 'function' && define.amd ? define(['exports', '@angular/core', 'rxjs/operator/takeUntil', 'rxjs/BehaviorSubject', 'rxjs/Subject', '@angular/common', '@angular/cdk/collections'], factory) :
+	(factory((global.ng = global.ng || {}, global.ng.cdk = global.ng.cdk || {}, global.ng.cdk.table = global.ng.cdk.table || {}),global.ng.core,global.Rx.Observable.prototype,global.Rx,global.Rx,global.ng.common,global.ng.cdk.collections));
+}(this, (function (exports,_angular_core,rxjs_operator_takeUntil,rxjs_BehaviorSubject,rxjs_Subject,_angular_common,_angular_cdk_collections) { 'use strict';
 
 /*! *****************************************************************************
 Copyright (c) Microsoft Corporation. All rights reserved.
@@ -38,7 +38,7 @@ function __extends(d, b) {
 }
 
 /**
- * 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>";
@@ -64,7 +64,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);
         }
@@ -92,24 +92,25 @@ var CdkHeaderRowDef = (function (_super) {
     function CdkHeaderRowDef(template, _differs) {
         return _super.call(this, template, _differs) || this;
     }
+    CdkHeaderRowDef.decorators = [
+        { type: _angular_core.Directive, args: [{
+                    selector: '[cdkHeaderRowDef]',
+                    inputs: ['columns: cdkHeaderRowDef'],
+                },] },
+    ];
+    /**
+     * @nocollapse
+     */
+    CdkHeaderRowDef.ctorParameters = function () { return [
+        { type: _angular_core.TemplateRef, },
+        { type: _angular_core.IterableDiffers, },
+    ]; };
     return CdkHeaderRowDef;
 }(BaseRowDef));
-CdkHeaderRowDef.decorators = [
-    { type: _angular_core.Directive, args: [{
-                selector: '[cdkHeaderRowDef]',
-                inputs: ['columns: cdkHeaderRowDef'],
-            },] },
-];
-/**
- * @nocollapse
- */
-CdkHeaderRowDef.ctorParameters = function () { return [
-    { type: _angular_core.TemplateRef, },
-    { type: _angular_core.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) {
     __extends(CdkRowDef, _super);
@@ -120,21 +121,21 @@ var CdkRowDef = (function (_super) {
     function CdkRowDef(template, _differs) {
         return _super.call(this, template, _differs) || this;
     }
+    CdkRowDef.decorators = [
+        { type: _angular_core.Directive, args: [{
+                    selector: '[cdkRowDef]',
+                    inputs: ['columns: cdkRowDefColumns', 'when: cdkRowDefWhen'],
+                },] },
+    ];
+    /**
+     * @nocollapse
+     */
+    CdkRowDef.ctorParameters = function () { return [
+        { type: _angular_core.TemplateRef, },
+        { type: _angular_core.IterableDiffers, },
+    ]; };
     return CdkRowDef;
 }(BaseRowDef));
-CdkRowDef.decorators = [
-    { type: _angular_core.Directive, args: [{
-                selector: '[cdkRowDef]',
-                inputs: ['columns: cdkRowDefColumns'],
-            },] },
-];
-/**
- * @nocollapse
- */
-CdkRowDef.ctorParameters = function () { return [
-    { type: _angular_core.TemplateRef, },
-    { type: _angular_core.IterableDiffers, },
-]; };
 /**
  * Outlet for rendering cells inside of a row or header row.
  * \@docs-private
@@ -147,65 +148,66 @@ var CdkCellOutlet = (function () {
         this._viewContainer = _viewContainer;
         CdkCellOutlet.mostRecentCellOutlet = this;
     }
+    CdkCellOutlet.decorators = [
+        { type: _angular_core.Directive, args: [{ selector: '[cdkCellOutlet]' },] },
+    ];
+    /**
+     * @nocollapse
+     */
+    CdkCellOutlet.ctorParameters = function () { return [
+        { type: _angular_core.ViewContainerRef, },
+    ]; };
     return CdkCellOutlet;
 }());
-CdkCellOutlet.decorators = [
-    { type: _angular_core.Directive, args: [{ selector: '[cdkCellOutlet]' },] },
-];
-/**
- * @nocollapse
- */
-CdkCellOutlet.ctorParameters = function () { return [
-    { type: _angular_core.ViewContainerRef, },
-]; };
 /**
  * Header template container that contains the cell outlet. Adds the right class and role.
  */
 var CdkHeaderRow = (function () {
     function CdkHeaderRow() {
     }
+    CdkHeaderRow.decorators = [
+        { type: _angular_core.Component, args: [{selector: 'cdk-header-row',
+                    template: CDK_ROW_TEMPLATE,
+                    host: {
+                        'class': 'cdk-header-row',
+                        'role': 'row',
+                    },
+                    changeDetection: _angular_core.ChangeDetectionStrategy.OnPush,
+                    encapsulation: _angular_core.ViewEncapsulation.None,
+                    preserveWhitespaces: false,
+                },] },
+    ];
+    /**
+     * @nocollapse
+     */
+    CdkHeaderRow.ctorParameters = function () { return []; };
     return CdkHeaderRow;
 }());
-CdkHeaderRow.decorators = [
-    { type: _angular_core.Component, args: [{ selector: 'cdk-header-row',
-                template: CDK_ROW_TEMPLATE,
-                host: {
-                    'class': 'cdk-header-row',
-                    'role': 'row',
-                },
-                changeDetection: _angular_core.ChangeDetectionStrategy.OnPush,
-                encapsulation: _angular_core.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: _angular_core.Component, args: [{selector: 'cdk-row',
+                    template: CDK_ROW_TEMPLATE,
+                    host: {
+                        'class': 'cdk-row',
+                        'role': 'row',
+                    },
+                    changeDetection: _angular_core.ChangeDetectionStrategy.OnPush,
+                    encapsulation: _angular_core.ViewEncapsulation.None,
+                    preserveWhitespaces: false,
+                },] },
+    ];
+    /**
+     * @nocollapse
+     */
+    CdkRow.ctorParameters = function () { return []; };
     return CdkRow;
 }());
-CdkRow.decorators = [
-    { type: _angular_core.Component, args: [{ selector: 'cdk-row',
-                template: CDK_ROW_TEMPLATE,
-                host: {
-                    'class': 'cdk-row',
-                    'role': 'row',
-                },
-                changeDetection: _angular_core.ChangeDetectionStrategy.OnPush,
-                encapsulation: _angular_core.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.
@@ -217,17 +219,17 @@ var CdkCellDef = (function () {
     function CdkCellDef(template) {
         this.template = template;
     }
+    CdkCellDef.decorators = [
+        { type: _angular_core.Directive, args: [{ selector: '[cdkCellDef]' },] },
+    ];
+    /**
+     * @nocollapse
+     */
+    CdkCellDef.ctorParameters = function () { return [
+        { type: _angular_core.TemplateRef, },
+    ]; };
     return CdkCellDef;
 }());
-CdkCellDef.decorators = [
-    { type: _angular_core.Directive, args: [{ selector: '[cdkCellDef]' },] },
-];
-/**
- * @nocollapse
- */
-CdkCellDef.ctorParameters = function () { return [
-    { type: _angular_core.TemplateRef, },
-]; };
 /**
  * Header cell definition for a CDK table.
  * Captures the template of a column's header cell and as well as cell-specific properties.
@@ -239,17 +241,17 @@ var CdkHeaderCellDef = (function () {
     function CdkHeaderCellDef(template) {
         this.template = template;
     }
+    CdkHeaderCellDef.decorators = [
+        { type: _angular_core.Directive, args: [{ selector: '[cdkHeaderCellDef]' },] },
+    ];
+    /**
+     * @nocollapse
+     */
+    CdkHeaderCellDef.ctorParameters = function () { return [
+        { type: _angular_core.TemplateRef, },
+    ]; };
     return CdkHeaderCellDef;
 }());
-CdkHeaderCellDef.decorators = [
-    { type: _angular_core.Directive, args: [{ selector: '[cdkHeaderCellDef]' },] },
-];
-/**
- * @nocollapse
- */
-CdkHeaderCellDef.ctorParameters = function () { return [
-    { type: _angular_core.TemplateRef, },
-]; };
 /**
  * Column definition for the CDK table.
  * Defines a set of cells available for a table column.
@@ -274,20 +276,20 @@ var CdkColumnDef = (function () {
         enumerable: true,
         configurable: true
     });
+    CdkColumnDef.decorators = [
+        { type: _angular_core.Directive, args: [{ selector: '[cdkColumnDef]' },] },
+    ];
+    /**
+     * @nocollapse
+     */
+    CdkColumnDef.ctorParameters = function () { return []; };
+    CdkColumnDef.propDecorators = {
+        'name': [{ type: _angular_core.Input, args: ['cdkColumnDef',] },],
+        'cell': [{ type: _angular_core.ContentChild, args: [CdkCellDef,] },],
+        'headerCell': [{ type: _angular_core.ContentChild, args: [CdkHeaderCellDef,] },],
+    };
     return CdkColumnDef;
 }());
-CdkColumnDef.decorators = [
-    { type: _angular_core.Directive, args: [{ selector: '[cdkColumnDef]' },] },
-];
-/**
- * @nocollapse
- */
-CdkColumnDef.ctorParameters = function () { return []; };
-CdkColumnDef.propDecorators = {
-    'name': [{ type: _angular_core.Input, args: ['cdkColumnDef',] },],
-    'cell': [{ type: _angular_core.ContentChild, args: [CdkCellDef,] },],
-    'headerCell': [{ type: _angular_core.ContentChild, args: [CdkHeaderCellDef,] },],
-};
 /**
  * Header cell template container that adds the right classes and role.
  */
@@ -300,25 +302,25 @@ var CdkHeaderCell = (function () {
     function CdkHeaderCell(columnDef, elementRef, renderer) {
         renderer.addClass(elementRef.nativeElement, "cdk-column-" + columnDef.cssClassFriendlyName);
     }
+    CdkHeaderCell.decorators = [
+        { type: _angular_core.Directive, args: [{
+                    selector: 'cdk-header-cell',
+                    host: {
+                        'class': 'cdk-header-cell',
+                        'role': 'columnheader',
+                    },
+                },] },
+    ];
+    /**
+     * @nocollapse
+     */
+    CdkHeaderCell.ctorParameters = function () { return [
+        { type: CdkColumnDef, },
+        { type: _angular_core.ElementRef, },
+        { type: _angular_core.Renderer2, },
+    ]; };
     return CdkHeaderCell;
 }());
-CdkHeaderCell.decorators = [
-    { type: _angular_core.Directive, args: [{
-                selector: 'cdk-header-cell',
-                host: {
-                    'class': 'cdk-header-cell',
-                    'role': 'columnheader',
-                },
-            },] },
-];
-/**
- * @nocollapse
- */
-CdkHeaderCell.ctorParameters = function () { return [
-    { type: CdkColumnDef, },
-    { type: _angular_core.ElementRef, },
-    { type: _angular_core.Renderer2, },
-]; };
 /**
  * Cell template container that adds the right classes and role.
  */
@@ -331,25 +333,26 @@ var CdkCell = (function () {
     function CdkCell(columnDef, elementRef, renderer) {
         renderer.addClass(elementRef.nativeElement, "cdk-column-" + columnDef.cssClassFriendlyName);
     }
+    CdkCell.decorators = [
+        { type: _angular_core.Directive, args: [{
+                    selector: 'cdk-cell',
+                    host: {
+                        'class': 'cdk-cell',
+                        'role': 'gridcell',
+                    },
+                },] },
+    ];
+    /**
+     * @nocollapse
+     */
+    CdkCell.ctorParameters = function () { return [
+        { type: CdkColumnDef, },
+        { type: _angular_core.ElementRef, },
+        { type: _angular_core.Renderer2, },
+    ]; };
     return CdkCell;
 }());
-CdkCell.decorators = [
-    { type: _angular_core.Directive, args: [{
-                selector: 'cdk-cell',
-                host: {
-                    'class': 'cdk-cell',
-                    'role': 'gridcell',
-                },
-            },] },
-];
-/**
- * @nocollapse
- */
-CdkCell.ctorParameters = function () { return [
-    { type: CdkColumnDef, },
-    { type: _angular_core.ElementRef, },
-    { type: _angular_core.Renderer2, },
-]; };
+
 /**
  * Returns an error to be thrown when attempting to find an unexisting column.
  * \@docs-private
@@ -368,6 +371,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
@@ -379,17 +399,17 @@ var RowPlaceholder = (function () {
     function RowPlaceholder(viewContainer) {
         this.viewContainer = viewContainer;
     }
+    RowPlaceholder.decorators = [
+        { type: _angular_core.Directive, args: [{ selector: '[rowPlaceholder]' },] },
+    ];
+    /**
+     * @nocollapse
+     */
+    RowPlaceholder.ctorParameters = function () { return [
+        { type: _angular_core.ViewContainerRef, },
+    ]; };
     return RowPlaceholder;
 }());
-RowPlaceholder.decorators = [
-    { type: _angular_core.Directive, args: [{ selector: '[rowPlaceholder]' },] },
-];
-/**
- * @nocollapse
- */
-RowPlaceholder.ctorParameters = function () { return [
-    { type: _angular_core.ViewContainerRef, },
-]; };
 /**
  * Provides a handle for the table to grab the view container's ng-container to insert the header.
  * \@docs-private
@@ -401,19 +421,19 @@ var HeaderRowPlaceholder = (function () {
     function HeaderRowPlaceholder(viewContainer) {
         this.viewContainer = viewContainer;
     }
+    HeaderRowPlaceholder.decorators = [
+        { type: _angular_core.Directive, args: [{ selector: '[headerRowPlaceholder]' },] },
+    ];
+    /**
+     * @nocollapse
+     */
+    HeaderRowPlaceholder.ctorParameters = function () { return [
+        { type: _angular_core.ViewContainerRef, },
+    ]; };
     return HeaderRowPlaceholder;
 }());
-HeaderRowPlaceholder.decorators = [
-    { type: _angular_core.Directive, args: [{ selector: '[headerRowPlaceholder]' },] },
-];
 /**
- * @nocollapse
- */
-HeaderRowPlaceholder.ctorParameters = function () { return [
-    { type: _angular_core.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>";
@@ -443,7 +463,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.
@@ -507,8 +527,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();
     };
     /**
@@ -516,6 +536,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();
         }
@@ -536,14 +561,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);
         });
     };
     /**
@@ -554,8 +579,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();
@@ -563,7 +588,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();
         }
@@ -608,7 +633,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;
         }
@@ -616,7 +641,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, {});
         });
@@ -647,6 +672,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.
@@ -655,10 +699,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
@@ -701,7 +742,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);
             }
@@ -720,45 +761,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: _angular_core.Component, args: [{selector: 'cdk-table',
+                    exportAs: 'cdkTable',
+                    template: CDK_TABLE_TEMPLATE,
+                    host: {
+                        'class': 'cdk-table',
+                    },
+                    encapsulation: _angular_core.ViewEncapsulation.None,
+                    preserveWhitespaces: false,
+                    changeDetection: _angular_core.ChangeDetectionStrategy.OnPush,
+                },] },
+    ];
+    /**
+     * @nocollapse
+     */
+    CdkTable.ctorParameters = function () { return [
+        { type: _angular_core.IterableDiffers, },
+        { type: _angular_core.ChangeDetectorRef, },
+        { type: _angular_core.ElementRef, },
+        { type: _angular_core.Renderer2, },
+        { type: undefined, decorators: [{ type: _angular_core.Attribute, args: ['role',] },] },
+    ]; };
+    CdkTable.propDecorators = {
+        'trackBy': [{ type: _angular_core.Input },],
+        'dataSource': [{ type: _angular_core.Input },],
+        '_rowPlaceholder': [{ type: _angular_core.ViewChild, args: [RowPlaceholder,] },],
+        '_headerRowPlaceholder': [{ type: _angular_core.ViewChild, args: [HeaderRowPlaceholder,] },],
+        '_columnDefs': [{ type: _angular_core.ContentChildren, args: [CdkColumnDef,] },],
+        '_headerDef': [{ type: _angular_core.ContentChild, args: [CdkHeaderRowDef,] },],
+        '_rowDefs': [{ type: _angular_core.ContentChildren, args: [CdkRowDef,] },],
+    };
     return CdkTable;
 }());
-CdkTable.decorators = [
-    { type: _angular_core.Component, args: [{ selector: 'cdk-table',
-                template: CDK_TABLE_TEMPLATE,
-                host: {
-                    'class': 'cdk-table',
-                },
-                encapsulation: _angular_core.ViewEncapsulation.None,
-                preserveWhitespaces: false,
-                changeDetection: _angular_core.ChangeDetectionStrategy.OnPush,
-            },] },
-];
-/**
- * @nocollapse
- */
-CdkTable.ctorParameters = function () { return [
-    { type: _angular_core.IterableDiffers, },
-    { type: _angular_core.ChangeDetectorRef, },
-    { type: _angular_core.ElementRef, },
-    { type: _angular_core.Renderer2, },
-    { type: undefined, decorators: [{ type: _angular_core.Attribute, args: ['role',] },] },
-]; };
-CdkTable.propDecorators = {
-    'trackBy': [{ type: _angular_core.Input },],
-    'dataSource': [{ type: _angular_core.Input },],
-    '_rowPlaceholder': [{ type: _angular_core.ViewChild, args: [RowPlaceholder,] },],
-    '_headerRowPlaceholder': [{ type: _angular_core.ViewChild, args: [HeaderRowPlaceholder,] },],
-    '_columnDefinitions': [{ type: _angular_core.ContentChildren, args: [CdkColumnDef,] },],
-    '_headerDefinition': [{ type: _angular_core.ContentChild, args: [CdkHeaderRowDef,] },],
-    '_rowDefinitions': [{ type: _angular_core.ContentChildren, args: [CdkRowDef,] },],
-};
+
 var EXPORTED_DECLARATIONS = [
     CdkTable,
     CdkRowDef,
@@ -777,22 +820,21 @@ var EXPORTED_DECLARATIONS = [
 var CdkTableModule = (function () {
     function CdkTableModule() {
     }
+    CdkTableModule.decorators = [
+        { type: _angular_core.NgModule, args: [{
+                    imports: [_angular_common.CommonModule],
+                    exports: [EXPORTED_DECLARATIONS],
+                    declarations: [EXPORTED_DECLARATIONS]
+                },] },
+    ];
+    /**
+     * @nocollapse
+     */
+    CdkTableModule.ctorParameters = function () { return []; };
     return CdkTableModule;
 }());
-CdkTableModule.decorators = [
-    { type: _angular_core.NgModule, args: [{
-                imports: [_angular_common.CommonModule],
-                exports: [EXPORTED_DECLARATIONS],
-                declarations: [EXPORTED_DECLARATIONS]
-            },] },
-];
-/**
- * @nocollapse
- */
-CdkTableModule.ctorParameters = function () { return []; };
 
 exports.DataSource = _angular_cdk_collections.DataSource;
-exports.CdkTableModule = CdkTableModule;
 exports.RowPlaceholder = RowPlaceholder;
 exports.HeaderRowPlaceholder = HeaderRowPlaceholder;
 exports.CDK_TABLE_TEMPLATE = CDK_TABLE_TEMPLATE;
@@ -809,6 +851,7 @@ exports.CdkRowDef = CdkRowDef;
 exports.CdkCellOutlet = CdkCellOutlet;
 exports.CdkHeaderRow = CdkHeaderRow;
 exports.CdkRow = CdkRow;
+exports.CdkTableModule = CdkTableModule;
 
 Object.defineProperty(exports, '__esModule', { value: true });