@angular/cdk 8.0.0-beta.2 → 8.0.0

package/esm5/table.es5.js

@@ -7,7 +7,7 @@
  */
 import { __extends } from 'tslib';
 import { coerceBooleanProperty } from '@angular/cdk/coercion';
-import { ContentChild, Directive, ElementRef, Input, TemplateRef, ChangeDetectionStrategy, Component, IterableDiffers, ViewContainerRef, ViewEncapsulation, Attribute, ChangeDetectorRef, ContentChildren, EmbeddedViewRef, Inject, isDevMode, Optional, ViewChild, NgModule } from '@angular/core';
+import { ContentChild, Directive, ElementRef, Input, TemplateRef, ChangeDetectionStrategy, Component, IterableDiffers, ViewContainerRef, ViewEncapsulation, Attribute, ChangeDetectorRef, ContentChildren, EmbeddedViewRef, Inject, isDevMode, Optional, ViewChild, InjectionToken, NgModule } from '@angular/core';
 import { Directionality } from '@angular/cdk/bidi';
 import { isDataSource } from '@angular/cdk/collections';
 export { DataSource } from '@angular/cdk/collections';
@@ -18,7 +18,7 @@ import { takeUntil } from 'rxjs/operators';
 
 /**
  * @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
@@ -98,7 +98,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.
@@ -155,7 +155,7 @@ var CdkFooterCellDef = /** @class */ (function () {
 /**
  * \@docs-private
  */
-var  
+var 
 // Boilerplate for applying mixins to CdkColumnDef.
 /**
  * \@docs-private
@@ -184,7 +184,9 @@ var CdkColumnDef = /** @class */ (function (_super) {
          * Unique name for this column.
          * @return {?}
          */
-        function () { return this._name; },
+        function () {
+            return this._name;
+        },
         set: /**
          * @param {?} name
          * @return {?}
@@ -213,7 +215,9 @@ var CdkColumnDef = /** @class */ (function (_super) {
          * has been changed.
          * @return {?}
          */
-        function () { return this._stickyEnd; },
+        function () {
+            return this._stickyEnd;
+        },
         set: /**
          * @param {?} v
          * @return {?}
@@ -231,10 +235,7 @@ var CdkColumnDef = /** @class */ (function (_super) {
         { type: 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 = {
@@ -335,7 +336,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
@@ -421,7 +422,7 @@ BaseRowDef = /** @class */ (function () {
 /**
  * \@docs-private
  */
-var  
+var 
 // Boilerplate for applying mixins to CdkHeaderRowDef.
 /**
  * \@docs-private
@@ -479,7 +480,7 @@ var CdkHeaderRowDef = /** @class */ (function (_super) {
 /**
  * \@docs-private
  */
-var  
+var 
 // Boilerplate for applying mixins to CdkFooterRowDef.
 /**
  * \@docs-private
@@ -664,7 +665,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
  */
 
 /**
@@ -683,18 +684,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;
     }
@@ -765,7 +766,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;
         }
@@ -847,7 +856,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]));
@@ -891,12 +900,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 {
@@ -933,10 +946,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);
         }
     };
     /**
@@ -963,7 +980,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);
@@ -1119,7 +1136,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
  */
 
 /**
@@ -1175,10 +1192,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.
@@ -1470,7 +1503,9 @@ var CdkTable = /** @class */ (function () {
          */
         function (v) {
             this._multiTemplateDataRows = 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();
             }
         },
@@ -1492,9 +1527,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 {?}
@@ -1588,7 +1628,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)));
             }
@@ -1600,16 +1646,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();
     };
     /**
@@ -1829,11 +1879,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
@@ -1872,12 +1930,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
@@ -1914,11 +1980,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 = [];
@@ -1928,13 +2003,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
@@ -2017,7 +2101,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) {
@@ -2029,7 +2117,7 @@ var CdkTable = /** @class */ (function () {
             else {
                 return { data: data, rowDef: rowDef, dataIndex: dataIndex };
             }
-        });
+        }));
     };
     /** Update the map containing the content's column definitions. */
     /**
@@ -2047,12 +2135,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. */
     /**
@@ -2073,7 +2165,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();
         }
@@ -2100,7 +2196,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();
@@ -2183,10 +2284,14 @@ var CdkTable = /** @class */ (function () {
         if (dataStream === undefined) {
             throw getTableUnknownDataSourceError();
         }
-        this._renderChangeSubscription = dataStream.pipe(takeUntil(this._onDestroy)).subscribe(function (data) {
+        this._renderChangeSubscription = dataStream.pipe(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
@@ -2210,7 +2315,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();
     };
@@ -2236,7 +2346,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();
     };
@@ -2258,18 +2373,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. */
@@ -2324,11 +2451,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);
             }
@@ -2460,14 +2595,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. */
     /**
@@ -2546,9 +2685,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.
@@ -2588,10 +2732,14 @@ var CdkTable = /** @class */ (function () {
         this._stickyStyler = new StickyStyler(this._isNativeHtmlTable, this.stickyCssClass, direction, this._platform.isBrowser);
         (this._dir ? this._dir.change : of())
             .pipe(takeUntil(this._onDestroy))
-            .subscribe(function (value) {
+            .subscribe((/**
+         * @param {?} value
+         * @return {?}
+         */
+        function (value) {
             _this._stickyStyler.direction = value;
             _this.updateStickyColumnStyles();
-        });
+        }));
     };
     CdkTable.decorators = [
         { type: Component, args: [{selector: 'cdk-table, table[cdk-table]',
@@ -2645,7 +2793,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 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 (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: 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: 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: ChangeDetectionStrategy.Default,
+                },] },
+    ];
+    /** @nocollapse */
+    CdkTextColumn.ctorParameters = function () { return [
+        { type: CdkTable, decorators: [{ type: Optional }] },
+        { type: undefined, decorators: [{ type: Optional }, { type: Inject, args: [TEXT_COLUMN_OPTIONS,] }] }
+    ]; };
+    CdkTextColumn.propDecorators = {
+        name: [{ type: Input }],
+        headerText: [{ type: Input }],
+        dataAccessor: [{ type: Input }],
+        justify: [{ type: Input }],
+        columnDef: [{ type: ViewChild, args: [CdkColumnDef, { static: true },] }],
+        cell: [{ type: ViewChild, args: [CdkCellDef, { static: true },] }],
+        headerCell: [{ type: 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 = [
@@ -2667,6 +2980,7 @@ var EXPORTED_DECLARATIONS = [
     DataRowOutlet,
     HeaderRowOutlet,
     FooterRowOutlet,
+    CdkTextColumn,
 ];
 var CdkTableModule = /** @class */ (function () {
     function CdkTableModule() {
@@ -2683,13 +2997,13 @@ var CdkTableModule = /** @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
  */
 
 /**
  * @fileoverview added by tsickle
- * @suppress {checkTypes,extraRequire,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
+ * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
  */
 
-export { DataRowOutlet, HeaderRowOutlet, FooterRowOutlet, CDK_TABLE_TEMPLATE, CdkTable, CdkCellDef, CdkHeaderCellDef, CdkFooterCellDef, CdkColumnDefBase, _CdkColumnDefBase, CdkColumnDef, BaseCdkCell, CdkHeaderCell, CdkFooterCell, CdkCell, CDK_ROW_TEMPLATE, BaseRowDef, CdkHeaderRowDefBase, _CdkHeaderRowDefBase, CdkHeaderRowDef, CdkFooterRowDefBase, _CdkFooterRowDefBase, CdkFooterRowDef, CdkRowDef, CdkCellOutlet, CdkHeaderRow, CdkFooterRow, CdkRow, CdkTableModule, STICKY_DIRECTIONS, StickyStyler, mixinHasStickyInput };
+export { DataRowOutlet, HeaderRowOutlet, FooterRowOutlet, CDK_TABLE_TEMPLATE, CdkTable, CdkCellDef, CdkHeaderCellDef, CdkFooterCellDef, CdkColumnDef, BaseCdkCell, CdkHeaderCell, CdkFooterCell, CdkCell, CDK_ROW_TEMPLATE, BaseRowDef, CdkHeaderRowDef, CdkFooterRowDef, CdkRowDef, CdkCellOutlet, CdkHeaderRow, CdkFooterRow, CdkRow, CdkTableModule, STICKY_DIRECTIONS, StickyStyler, mixinHasStickyInput, TEXT_COLUMN_OPTIONS, CdkTextColumn };
 //# sourceMappingURL=table.es5.js.map