@angular/cdk 8.0.0-beta.2 → 8.0.0

package/bundles/cdk-table.umd.js

@@ -42,7 +42,7 @@ function __extends(d, b) {
 
 /**
  * @fileoverview added by tsickle
- * @suppress {checkTypes,extraRequire,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
+ * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
  */
 /**
  * Mixin to provide a directive with a function that checks if the sticky input has been
@@ -122,7 +122,7 @@ function mixinHasStickyInput(base) {
 
 /**
  * @fileoverview added by tsickle
- * @suppress {checkTypes,extraRequire,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
+ * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
  */
 /**
  * Cell definition for a CDK table.
@@ -179,7 +179,7 @@ var CdkFooterCellDef = /** @class */ (function () {
 /**
  * \@docs-private
  */
-var   
+var 
 // Boilerplate for applying mixins to CdkColumnDef.
 /**
  * \@docs-private
@@ -208,7 +208,9 @@ var CdkColumnDef = /** @class */ (function (_super) {
          * Unique name for this column.
          * @return {?}
          */
-        function () { return this._name; },
+        function () {
+            return this._name;
+        },
         set: /**
          * @param {?} name
          * @return {?}
@@ -237,7 +239,9 @@ var CdkColumnDef = /** @class */ (function (_super) {
          * has been changed.
          * @return {?}
          */
-        function () { return this._stickyEnd; },
+        function () {
+            return this._stickyEnd;
+        },
         set: /**
          * @param {?} v
          * @return {?}
@@ -255,10 +259,7 @@ var CdkColumnDef = /** @class */ (function (_super) {
         { type: core.Directive, args: [{
                     selector: '[cdkColumnDef]',
                     inputs: ['sticky'],
-                    providers: [{
-                            provide: 'MAT_SORT_HEADER_COLUMN_DEF',
-                            useExisting: CdkColumnDef
-                        }],
+                    providers: [{ provide: 'MAT_SORT_HEADER_COLUMN_DEF', useExisting: CdkColumnDef }],
                 },] },
     ];
     CdkColumnDef.propDecorators = {
@@ -359,7 +360,7 @@ var CdkCell = /** @class */ (function (_super) {
 
 /**
  * @fileoverview added by tsickle
- * @suppress {checkTypes,extraRequire,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
+ * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
  */
 /**
  * The row template that can be used by the mat-table. Should not be used outside of the
@@ -445,7 +446,7 @@ BaseRowDef = /** @class */ (function () {
 /**
  * \@docs-private
  */
-var   
+var 
 // Boilerplate for applying mixins to CdkHeaderRowDef.
 /**
  * \@docs-private
@@ -503,7 +504,7 @@ var CdkHeaderRowDef = /** @class */ (function (_super) {
 /**
  * \@docs-private
  */
-var   
+var 
 // Boilerplate for applying mixins to CdkFooterRowDef.
 /**
  * \@docs-private
@@ -688,7 +689,7 @@ var CdkRow = /** @class */ (function () {
 
 /**
  * @fileoverview added by tsickle
- * @suppress {checkTypes,extraRequire,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
+ * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
  */
 
 /**
@@ -707,18 +708,18 @@ var   /**
  */
 StickyStyler = /** @class */ (function () {
     /**
-     * @param isNativeHtmlTable Whether the sticky logic should be based on a table
+     * @param _isNativeHtmlTable Whether the sticky logic should be based on a table
      *     that uses the native `<table>` element.
-     * @param stickCellCss The CSS class that will be applied to every row/cell that has
+     * @param _stickCellCss The CSS class that will be applied to every row/cell that has
      *     sticky positioning applied.
      * @param direction The directionality context of the table (ltr/rtl); affects column positioning
      *     by reversing left/right positions.
      * @param _isBrowser Whether the table is currently being rendered on the server or the client.
      */
-    function StickyStyler(isNativeHtmlTable, stickCellCss, direction, _isBrowser) {
+    function StickyStyler(_isNativeHtmlTable, _stickCellCss, direction, _isBrowser) {
         if (_isBrowser === void 0) { _isBrowser = true; }
-        this.isNativeHtmlTable = isNativeHtmlTable;
-        this.stickCellCss = stickCellCss;
+        this._isNativeHtmlTable = _isNativeHtmlTable;
+        this._stickCellCss = _stickCellCss;
         this.direction = direction;
         this._isBrowser = _isBrowser;
     }
@@ -789,7 +790,15 @@ StickyStyler = /** @class */ (function () {
      */
     function (rows, stickyStartStates, stickyEndStates) {
         /** @type {?} */
-        var hasStickyColumns = stickyStartStates.some(function (state) { return state; }) || stickyEndStates.some(function (state) { return state; });
+        var hasStickyColumns = stickyStartStates.some((/**
+         * @param {?} state
+         * @return {?}
+         */
+        function (state) { return state; })) || stickyEndStates.some((/**
+         * @param {?} state
+         * @return {?}
+         */
+        function (state) { return state; }));
         if (!rows.length || !hasStickyColumns || !this._isBrowser) {
             return;
         }
@@ -871,7 +880,7 @@ StickyStyler = /** @class */ (function () {
             }
             /** @type {?} */
             var row = rows[rowIndex];
-            if (this.isNativeHtmlTable) {
+            if (this._isNativeHtmlTable) {
                 for (var j = 0; j < row.children.length; j++) {
                     /** @type {?} */
                     var cell = (/** @type {?} */ (row.children[j]));
@@ -915,12 +924,16 @@ StickyStyler = /** @class */ (function () {
      * @return {?}
      */
     function (tableElement, stickyStates) {
-        if (!this.isNativeHtmlTable) {
+        if (!this._isNativeHtmlTable) {
             return;
         }
         /** @type {?} */
         var tfoot = (/** @type {?} */ (tableElement.querySelector('tfoot')));
-        if (stickyStates.some(function (state) { return !state; })) {
+        if (stickyStates.some((/**
+         * @param {?} state
+         * @return {?}
+         */
+        function (state) { return !state; }))) {
             this._removeStickyStyle(tfoot, ['bottom']);
         }
         else {
@@ -957,10 +970,14 @@ StickyStyler = /** @class */ (function () {
         // If the element no longer has any more sticky directions, remove sticky positioning and
         // the sticky CSS class.
         /** @type {?} */
-        var hasDirection = STICKY_DIRECTIONS.some(function (dir) { return !!element.style[dir]; });
+        var hasDirection = STICKY_DIRECTIONS.some((/**
+         * @param {?} dir
+         * @return {?}
+         */
+        function (dir) { return !!element.style[dir]; }));
         if (!hasDirection) {
             element.style.position = '';
-            element.classList.remove(this.stickCellCss);
+            element.classList.remove(this._stickCellCss);
         }
     };
     /**
@@ -987,7 +1004,7 @@ StickyStyler = /** @class */ (function () {
      * @return {?}
      */
     function (element, dir, dirValue) {
-        element.classList.add(this.stickCellCss);
+        element.classList.add(this._stickCellCss);
         element.style[dir] = dirValue + "px";
         element.style.cssText += 'position: -webkit-sticky; position: sticky; ';
         element.style.zIndex = this._getCalculatedZIndex(element);
@@ -1143,7 +1160,7 @@ StickyStyler = /** @class */ (function () {
 
 /**
  * @fileoverview added by tsickle
- * @suppress {checkTypes,extraRequire,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
+ * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
  */
 
 /**
@@ -1199,10 +1216,26 @@ function getTableMissingRowDefsError() {
 function getTableUnknownDataSourceError() {
     return Error("Provided data source did not match an array, Observable, or DataSource");
 }
+/**
+ * Returns an error to be thrown when the text column cannot find a parent table to inject.
+ * \@docs-private
+ * @return {?}
+ */
+function getTableTextColumnMissingParentTableError() {
+    return Error("Text column could not find a parent table for registration.");
+}
+/**
+ * Returns an error to be thrown when a table text column doesn't have a name.
+ * \@docs-private
+ * @return {?}
+ */
+function getTableTextColumnMissingNameError() {
+    return Error("Table text column must have a name.");
+}
 
 /**
  * @fileoverview added by tsickle
- * @suppress {checkTypes,extraRequire,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
+ * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
  */
 /**
  * Provides a handle for the table to grab the view container's ng-container to insert data rows.
@@ -1494,7 +1527,9 @@ var CdkTable = /** @class */ (function () {
          */
         function (v) {
             this._multiTemplateDataRows = coercion.coerceBooleanProperty(v);
-            if (this._rowOutlet.viewContainer.length) {
+            // In Ivy if this value is set via a static attribute (e.g. <table multiTemplateDataRows>),
+            // this setter will be invoked before the row outlet has been defined hence the null check.
+            if (this._rowOutlet && this._rowOutlet.viewContainer.length) {
                 this._forceRenderDataRows();
             }
         },
@@ -1516,9 +1551,14 @@ var CdkTable = /** @class */ (function () {
         // Set up the trackBy function so that it uses the `RenderRow` as its identity by default. If
         // the user has provided a custom trackBy, return the result of that function as evaluated
         // with the values of the `RenderRow`'s data and index.
-        this._dataDiffer = this._differs.find([]).create(function (_i, dataRow) {
+        this._dataDiffer = this._differs.find([]).create((/**
+         * @param {?} _i
+         * @param {?} dataRow
+         * @return {?}
+         */
+        function (_i, dataRow) {
             return _this.trackBy ? _this.trackBy(dataRow.dataIndex, dataRow.data) : dataRow;
-        });
+        }));
     };
     /**
      * @return {?}
@@ -1612,7 +1652,13 @@ var CdkTable = /** @class */ (function () {
         }
         /** @type {?} */
         var viewContainer = this._rowOutlet.viewContainer;
-        changes.forEachOperation(function (record, prevIndex, currentIndex) {
+        changes.forEachOperation((/**
+         * @param {?} record
+         * @param {?} prevIndex
+         * @param {?} currentIndex
+         * @return {?}
+         */
+        function (record, prevIndex, currentIndex) {
             if (record.previousIndex == null) {
                 _this._insertRow(record.item, (/** @type {?} */ (currentIndex)));
             }
@@ -1624,16 +1670,20 @@ var CdkTable = /** @class */ (function () {
                 var view = (/** @type {?} */ (viewContainer.get((/** @type {?} */ (prevIndex)))));
                 viewContainer.move((/** @type {?} */ (view)), currentIndex);
             }
-        });
+        }));
         // Update the meta context of a row's context data (index, count, first, last, ...)
         this._updateRowIndexContext();
         // Update rows that did not get added/removed/moved but may have had their identity changed,
         // e.g. if trackBy matched data on some property but the actual data reference changed.
-        changes.forEachIdentityChange(function (record) {
+        changes.forEachIdentityChange((/**
+         * @param {?} record
+         * @return {?}
+         */
+        function (record) {
             /** @type {?} */
             var rowView = (/** @type {?} */ (viewContainer.get((/** @type {?} */ (record.currentIndex)))));
             rowView.context.$implicit = record.item.data;
-        });
+        }));
         this.updateStickyColumnStyles();
     };
     /**
@@ -1853,11 +1903,19 @@ var CdkTable = /** @class */ (function () {
             thead.style.display = headerRows.length ? '' : 'none';
         }
         /** @type {?} */
-        var stickyStates = this._headerRowDefs.map(function (def) { return def.sticky; });
+        var stickyStates = this._headerRowDefs.map((/**
+         * @param {?} def
+         * @return {?}
+         */
+        function (def) { return def.sticky; }));
         this._stickyStyler.clearStickyPositioning(headerRows, ['top']);
         this._stickyStyler.stickRows(headerRows, stickyStates, 'top');
         // Reset the dirty state of the sticky input change since it has been used.
-        this._headerRowDefs.forEach(function (def) { return def.resetStickyChanged(); });
+        this._headerRowDefs.forEach((/**
+         * @param {?} def
+         * @return {?}
+         */
+        function (def) { return def.resetStickyChanged(); }));
     };
     /**
      * Updates the footer sticky styles. First resets all applied styles with respect to the cells
@@ -1896,12 +1954,20 @@ var CdkTable = /** @class */ (function () {
             tfoot.style.display = footerRows.length ? '' : 'none';
         }
         /** @type {?} */
-        var stickyStates = this._footerRowDefs.map(function (def) { return def.sticky; });
+        var stickyStates = this._footerRowDefs.map((/**
+         * @param {?} def
+         * @return {?}
+         */
+        function (def) { return def.sticky; }));
         this._stickyStyler.clearStickyPositioning(footerRows, ['bottom']);
         this._stickyStyler.stickRows(footerRows, stickyStates, 'bottom');
         this._stickyStyler.updateStickyFooterContainer(this._elementRef.nativeElement, stickyStates);
         // Reset the dirty state of the sticky input change since it has been used.
-        this._footerRowDefs.forEach(function (def) { return def.resetStickyChanged(); });
+        this._footerRowDefs.forEach((/**
+         * @param {?} def
+         * @return {?}
+         */
+        function (def) { return def.resetStickyChanged(); }));
     };
     /**
      * Updates the column sticky styles. First resets all applied styles with respect to the cells
@@ -1938,11 +2004,20 @@ var CdkTable = /** @class */ (function () {
         // sticky columns span across all table sections (header, data, footer)
         this._stickyStyler.clearStickyPositioning(headerRows.concat(dataRows, footerRows), ['left', 'right']);
         // Update the sticky styles for each header row depending on the def's sticky state
-        headerRows.forEach(function (headerRow, i) {
+        headerRows.forEach((/**
+         * @param {?} headerRow
+         * @param {?} i
+         * @return {?}
+         */
+        function (headerRow, i) {
             _this._addStickyColumnStyles([headerRow], _this._headerRowDefs[i]);
-        });
+        }));
         // Update the sticky styles for each data row depending on its def's sticky state
-        this._rowDefs.forEach(function (rowDef) {
+        this._rowDefs.forEach((/**
+         * @param {?} rowDef
+         * @return {?}
+         */
+        function (rowDef) {
             // Collect all the rows rendered with this row definition.
             /** @type {?} */
             var rows = [];
@@ -1952,13 +2027,22 @@ var CdkTable = /** @class */ (function () {
                 }
             }
             _this._addStickyColumnStyles(rows, rowDef);
-        });
+        }));
         // Update the sticky styles for each footer row depending on the def's sticky state
-        footerRows.forEach(function (footerRow, i) {
+        footerRows.forEach((/**
+         * @param {?} footerRow
+         * @param {?} i
+         * @return {?}
+         */
+        function (footerRow, i) {
             _this._addStickyColumnStyles([footerRow], _this._footerRowDefs[i]);
-        });
+        }));
         // Reset the dirty state of the sticky input change since it has been used.
-        Array.from(this._columnDefsByName.values()).forEach(function (def) { return def.resetStickyChanged(); });
+        Array.from(this._columnDefsByName.values()).forEach((/**
+         * @param {?} def
+         * @return {?}
+         */
+        function (def) { return def.resetStickyChanged(); }));
     };
     /**
      * Get the list of RenderRow objects to render according to the current list of data and defined
@@ -2041,7 +2125,11 @@ var CdkTable = /** @class */ (function () {
     function (data, dataIndex, cache) {
         /** @type {?} */
         var rowDefs = this._getRowDefs(data, dataIndex);
-        return rowDefs.map(function (rowDef) {
+        return rowDefs.map((/**
+         * @param {?} rowDef
+         * @return {?}
+         */
+        function (rowDef) {
             /** @type {?} */
             var cachedRenderRows = (cache && cache.has(rowDef)) ? (/** @type {?} */ (cache.get(rowDef))) : [];
             if (cachedRenderRows.length) {
@@ -2053,7 +2141,7 @@ var CdkTable = /** @class */ (function () {
             else {
                 return { data: data, rowDef: rowDef, dataIndex: dataIndex };
             }
-        });
+        }));
     };
     /** Update the map containing the content's column definitions. */
     /**
@@ -2071,12 +2159,16 @@ var CdkTable = /** @class */ (function () {
         this._columnDefsByName.clear();
         /** @type {?} */
         var columnDefs = mergeQueryListAndSet(this._contentColumnDefs, this._customColumnDefs);
-        columnDefs.forEach(function (columnDef) {
+        columnDefs.forEach((/**
+         * @param {?} columnDef
+         * @return {?}
+         */
+        function (columnDef) {
             if (_this._columnDefsByName.has(columnDef.name)) {
                 throw getTableDuplicateColumnNameError(columnDef.name);
             }
             _this._columnDefsByName.set(columnDef.name, columnDef);
-        });
+        }));
     };
     /** Update the list of all available row definitions that can be used. */
     /**
@@ -2097,7 +2189,11 @@ var CdkTable = /** @class */ (function () {
         this._rowDefs = mergeQueryListAndSet(this._contentRowDefs, this._customRowDefs);
         // After all row definitions are determined, find the row definition to be considered default.
         /** @type {?} */
-        var defaultRowDefs = this._rowDefs.filter(function (def) { return !def.when; });
+        var defaultRowDefs = this._rowDefs.filter((/**
+         * @param {?} def
+         * @return {?}
+         */
+        function (def) { return !def.when; }));
         if (!this.multiTemplateDataRows && defaultRowDefs.length > 1) {
             throw getTableMultipleDefaultRowDefsError();
         }
@@ -2124,7 +2220,12 @@ var CdkTable = /** @class */ (function () {
      */
     function () {
         /** @type {?} */
-        var columnsDiffReducer = function (acc, def) { return acc || !!def.getColumnsDiff(); };
+        var columnsDiffReducer = (/**
+         * @param {?} acc
+         * @param {?} def
+         * @return {?}
+         */
+        function (acc, def) { return acc || !!def.getColumnsDiff(); });
         // Force re-render data rows if the list of column definitions have changed.
         if (this._rowDefs.reduce(columnsDiffReducer, false)) {
             this._forceRenderDataRows();
@@ -2207,10 +2308,14 @@ var CdkTable = /** @class */ (function () {
         if (dataStream === undefined) {
             throw getTableUnknownDataSourceError();
         }
-        this._renderChangeSubscription = dataStream.pipe(operators.takeUntil(this._onDestroy)).subscribe(function (data) {
+        this._renderChangeSubscription = dataStream.pipe(operators.takeUntil(this._onDestroy)).subscribe((/**
+         * @param {?} data
+         * @return {?}
+         */
+        function (data) {
             _this._data = data || [];
             _this.renderRows();
-        });
+        }));
     };
     /**
      * Clears any existing content in the header row outlet and creates a new embedded view
@@ -2234,7 +2339,12 @@ var CdkTable = /** @class */ (function () {
         if (this._headerRowOutlet.viewContainer.length > 0) {
             this._headerRowOutlet.viewContainer.clear();
         }
-        this._headerRowDefs.forEach(function (def, i) { return _this._renderRow(_this._headerRowOutlet, def, i); });
+        this._headerRowDefs.forEach((/**
+         * @param {?} def
+         * @param {?} i
+         * @return {?}
+         */
+        function (def, i) { return _this._renderRow(_this._headerRowOutlet, def, i); }));
         this.updateStickyHeaderRowStyles();
         this.updateStickyColumnStyles();
     };
@@ -2260,7 +2370,12 @@ var CdkTable = /** @class */ (function () {
         if (this._footerRowOutlet.viewContainer.length > 0) {
             this._footerRowOutlet.viewContainer.clear();
         }
-        this._footerRowDefs.forEach(function (def, i) { return _this._renderRow(_this._footerRowOutlet, def, i); });
+        this._footerRowDefs.forEach((/**
+         * @param {?} def
+         * @param {?} i
+         * @return {?}
+         */
+        function (def, i) { return _this._renderRow(_this._footerRowOutlet, def, i); }));
         this.updateStickyFooterRowStyles();
         this.updateStickyColumnStyles();
     };
@@ -2282,18 +2397,30 @@ var CdkTable = /** @class */ (function () {
     function (rows, rowDef) {
         var _this = this;
         /** @type {?} */
-        var columnDefs = Array.from(rowDef.columns || []).map(function (columnName) {
+        var columnDefs = Array.from(rowDef.columns || []).map((/**
+         * @param {?} columnName
+         * @return {?}
+         */
+        function (columnName) {
             /** @type {?} */
             var columnDef = _this._columnDefsByName.get(columnName);
             if (!columnDef) {
                 throw getTableUnknownColumnError(columnName);
             }
             return (/** @type {?} */ (columnDef));
-        });
+        }));
         /** @type {?} */
-        var stickyStartStates = columnDefs.map(function (columnDef) { return columnDef.sticky; });
+        var stickyStartStates = columnDefs.map((/**
+         * @param {?} columnDef
+         * @return {?}
+         */
+        function (columnDef) { return columnDef.sticky; }));
         /** @type {?} */
-        var stickyEndStates = columnDefs.map(function (columnDef) { return columnDef.stickyEnd; });
+        var stickyEndStates = columnDefs.map((/**
+         * @param {?} columnDef
+         * @return {?}
+         */
+        function (columnDef) { return columnDef.stickyEnd; }));
         this._stickyStyler.updateStickyColumns(rows, stickyStartStates, stickyEndStates);
     };
     /** Gets the list of rows that have been rendered in the row outlet. */
@@ -2348,11 +2475,19 @@ var CdkTable = /** @class */ (function () {
         /** @type {?} */
         var rowDefs = [];
         if (this.multiTemplateDataRows) {
-            rowDefs = this._rowDefs.filter(function (def) { return !def.when || def.when(dataIndex, data); });
+            rowDefs = this._rowDefs.filter((/**
+             * @param {?} def
+             * @return {?}
+             */
+            function (def) { return !def.when || def.when(dataIndex, data); }));
         }
         else {
             /** @type {?} */
-            var rowDef = this._rowDefs.find(function (def) { return def.when && def.when(dataIndex, data); }) || this._defaultRowDef;
+            var rowDef = this._rowDefs.find((/**
+             * @param {?} def
+             * @return {?}
+             */
+            function (def) { return def.when && def.when(dataIndex, data); })) || this._defaultRowDef;
             if (rowDef) {
                 rowDefs.push(rowDef);
             }
@@ -2484,14 +2619,18 @@ var CdkTable = /** @class */ (function () {
         if (!rowDef || !rowDef.columns) {
             return [];
         }
-        return Array.from(rowDef.columns, function (columnId) {
+        return Array.from(rowDef.columns, (/**
+         * @param {?} columnId
+         * @return {?}
+         */
+        function (columnId) {
             /** @type {?} */
             var column = _this._columnDefsByName.get(columnId);
             if (!column) {
                 throw getTableUnknownColumnError(columnId);
             }
             return rowDef.extractCellTemplate(column);
-        });
+        }));
     };
     /** Adds native table sections (e.g. tbody) and moves the row outlets into them. */
     /**
@@ -2570,9 +2709,14 @@ var CdkTable = /** @class */ (function () {
      */
     function () {
         /** @type {?} */
-        var stickyCheckReducer = function (acc, d) {
+        var stickyCheckReducer = (/**
+         * @param {?} acc
+         * @param {?} d
+         * @return {?}
+         */
+        function (acc, d) {
             return acc || d.hasStickyChanged();
-        };
+        });
         // Note that the check needs to occur for every definition since it notifies the definition
         // that it can reset its dirty state. Using another operator like `some` may short-circuit
         // remaining definitions and leave them in an unchecked state.
@@ -2612,10 +2756,14 @@ var CdkTable = /** @class */ (function () {
         this._stickyStyler = new StickyStyler(this._isNativeHtmlTable, this.stickyCssClass, direction, this._platform.isBrowser);
         (this._dir ? this._dir.change : rxjs.of())
             .pipe(operators.takeUntil(this._onDestroy))
-            .subscribe(function (value) {
+            .subscribe((/**
+         * @param {?} value
+         * @return {?}
+         */
+        function (value) {
             _this._stickyStyler.direction = value;
             _this.updateStickyColumnStyles();
-        });
+        }));
     };
     CdkTable.decorators = [
         { type: core.Component, args: [{selector: 'cdk-table, table[cdk-table]',
@@ -2669,7 +2817,172 @@ function mergeQueryListAndSet(queryList, set) {
 
 /**
  * @fileoverview added by tsickle
- * @suppress {checkTypes,extraRequire,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
+ * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
+ */
+/**
+ * Injection token that can be used to specify the text column options.
+ * @type {?}
+ */
+var TEXT_COLUMN_OPTIONS = new core.InjectionToken('text-column-options');
+/**
+ * Column that simply shows text content for the header and row cells. Assumes that the table
+ * is using the native table implementation (`<table>`).
+ *
+ * By default, the name of this column will be the header text and data property accessor.
+ * The header text can be overridden with the `headerText` input. Cell values can be overridden with
+ * the `dataAccessor` input. Change the text justification to the start or end using the `justify`
+ * input.
+ * @template T
+ */
+var CdkTextColumn = /** @class */ (function () {
+    function CdkTextColumn(_table, _options) {
+        this._table = _table;
+        this._options = _options;
+        /**
+         * Alignment of the cell values.
+         */
+        this.justify = 'start';
+        this._options = _options || {};
+    }
+    Object.defineProperty(CdkTextColumn.prototype, "name", {
+        /** Column name that should be used to reference this column. */
+        get: /**
+         * Column name that should be used to reference this column.
+         * @return {?}
+         */
+        function () {
+            return this._name;
+        },
+        set: /**
+         * @param {?} name
+         * @return {?}
+         */
+        function (name) {
+            this._name = name;
+            // With Ivy, inputs can be initialized before static query results are
+            // available. In that case, we defer the synchronization until "ngOnInit" fires.
+            this._syncColumnDefName();
+        },
+        enumerable: true,
+        configurable: true
+    });
+    /**
+     * @return {?}
+     */
+    CdkTextColumn.prototype.ngOnInit = /**
+     * @return {?}
+     */
+    function () {
+        this._syncColumnDefName();
+        if (this.headerText === undefined) {
+            this.headerText = this._createDefaultHeaderText();
+        }
+        if (!this.dataAccessor) {
+            this.dataAccessor =
+                this._options.defaultDataAccessor || ((/**
+                 * @param {?} data
+                 * @param {?} name
+                 * @return {?}
+                 */
+                function (data, name) { return ((/** @type {?} */ (data)))[name]; }));
+        }
+        if (this._table) {
+            // Provide the cell and headerCell directly to the table with the static `ViewChild` query,
+            // since the columnDef will not pick up its content by the time the table finishes checking
+            // its content and initializing the rows.
+            this.columnDef.cell = this.cell;
+            this.columnDef.headerCell = this.headerCell;
+            this._table.addColumnDef(this.columnDef);
+        }
+        else {
+            throw getTableTextColumnMissingParentTableError();
+        }
+    };
+    /**
+     * @return {?}
+     */
+    CdkTextColumn.prototype.ngOnDestroy = /**
+     * @return {?}
+     */
+    function () {
+        if (this._table) {
+            this._table.removeColumnDef(this.columnDef);
+        }
+    };
+    /**
+     * Creates a default header text. Use the options' header text transformation function if one
+     * has been provided. Otherwise simply capitalize the column name.
+     */
+    /**
+     * Creates a default header text. Use the options' header text transformation function if one
+     * has been provided. Otherwise simply capitalize the column name.
+     * @return {?}
+     */
+    CdkTextColumn.prototype._createDefaultHeaderText = /**
+     * Creates a default header text. Use the options' header text transformation function if one
+     * has been provided. Otherwise simply capitalize the column name.
+     * @return {?}
+     */
+    function () {
+        /** @type {?} */
+        var name = this.name;
+        if (core.isDevMode() && !name) {
+            throw getTableTextColumnMissingNameError();
+        }
+        if (this._options && this._options.defaultHeaderTextTransform) {
+            return this._options.defaultHeaderTextTransform(name);
+        }
+        return name[0].toUpperCase() + name.slice(1);
+    };
+    /** Synchronizes the column definition name with the text column name. */
+    /**
+     * Synchronizes the column definition name with the text column name.
+     * @private
+     * @return {?}
+     */
+    CdkTextColumn.prototype._syncColumnDefName = /**
+     * Synchronizes the column definition name with the text column name.
+     * @private
+     * @return {?}
+     */
+    function () {
+        if (this.columnDef) {
+            this.columnDef.name = this.name;
+        }
+    };
+    CdkTextColumn.decorators = [
+        { type: core.Component, args: [{selector: 'cdk-text-column',
+                    template: "\n    <ng-container cdkColumnDef>\n      <th cdk-header-cell *cdkHeaderCellDef [style.text-align]=\"justify\">\n        {{headerText}}\n      </th>\n      <td cdk-cell *cdkCellDef=\"let data\" [style.text-align]=\"justify\">\n        {{dataAccessor(data, name)}}\n      </td>\n    </ng-container>\n  ",
+                    encapsulation: core.ViewEncapsulation.None,
+                    // Change detection is intentionally not set to OnPush. This component's template will be provided
+                    // to the table to be inserted into its view. This is problematic when change detection runs since
+                    // the bindings in this template will be evaluated _after_ the table's view is evaluated, which
+                    // mean's the template in the table's view will not have the updated value (and in fact will cause
+                    // an ExpressionChangedAfterItHasBeenCheckedError).
+                    // tslint:disable-next-line:validate-decorators
+                    changeDetection: core.ChangeDetectionStrategy.Default,
+                },] },
+    ];
+    /** @nocollapse */
+    CdkTextColumn.ctorParameters = function () { return [
+        { type: CdkTable, decorators: [{ type: core.Optional }] },
+        { type: undefined, decorators: [{ type: core.Optional }, { type: core.Inject, args: [TEXT_COLUMN_OPTIONS,] }] }
+    ]; };
+    CdkTextColumn.propDecorators = {
+        name: [{ type: core.Input }],
+        headerText: [{ type: core.Input }],
+        dataAccessor: [{ type: core.Input }],
+        justify: [{ type: core.Input }],
+        columnDef: [{ type: core.ViewChild, args: [CdkColumnDef, { static: true },] }],
+        cell: [{ type: core.ViewChild, args: [CdkCellDef, { static: true },] }],
+        headerCell: [{ type: core.ViewChild, args: [CdkHeaderCellDef, { static: true },] }]
+    };
+    return CdkTextColumn;
+}());
+
+/**
+ * @fileoverview added by tsickle
+ * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
  */
 /** @type {?} */
 var EXPORTED_DECLARATIONS = [
@@ -2691,6 +3004,7 @@ var EXPORTED_DECLARATIONS = [
     DataRowOutlet,
     HeaderRowOutlet,
     FooterRowOutlet,
+    CdkTextColumn,
 ];
 var CdkTableModule = /** @class */ (function () {
     function CdkTableModule() {
@@ -2714,8 +3028,6 @@ exports.CdkTable = CdkTable;
 exports.CdkCellDef = CdkCellDef;
 exports.CdkHeaderCellDef = CdkHeaderCellDef;
 exports.CdkFooterCellDef = CdkFooterCellDef;
-exports.CdkColumnDefBase = CdkColumnDefBase;
-exports._CdkColumnDefBase = _CdkColumnDefBase;
 exports.CdkColumnDef = CdkColumnDef;
 exports.BaseCdkCell = BaseCdkCell;
 exports.CdkHeaderCell = CdkHeaderCell;
@@ -2723,11 +3035,7 @@ exports.CdkFooterCell = CdkFooterCell;
 exports.CdkCell = CdkCell;
 exports.CDK_ROW_TEMPLATE = CDK_ROW_TEMPLATE;
 exports.BaseRowDef = BaseRowDef;
-exports.CdkHeaderRowDefBase = CdkHeaderRowDefBase;
-exports._CdkHeaderRowDefBase = _CdkHeaderRowDefBase;
 exports.CdkHeaderRowDef = CdkHeaderRowDef;
-exports.CdkFooterRowDefBase = CdkFooterRowDefBase;
-exports._CdkFooterRowDefBase = _CdkFooterRowDefBase;
 exports.CdkFooterRowDef = CdkFooterRowDef;
 exports.CdkRowDef = CdkRowDef;
 exports.CdkCellOutlet = CdkCellOutlet;
@@ -2738,6 +3046,8 @@ exports.CdkTableModule = CdkTableModule;
 exports.STICKY_DIRECTIONS = STICKY_DIRECTIONS;
 exports.StickyStyler = StickyStyler;
 exports.mixinHasStickyInput = mixinHasStickyInput;
+exports.TEXT_COLUMN_OPTIONS = TEXT_COLUMN_OPTIONS;
+exports.CdkTextColumn = CdkTextColumn;
 
 Object.defineProperty(exports, '__esModule', { value: true });