@angular/cdk 8.0.0-beta.2 → 8.0.0

package/esm2015/table.js

@@ -6,7 +6,7 @@
  * found in the LICENSE file at https://angular.io/license
  */
 import { coerceBooleanProperty } from '@angular/cdk/coercion';
-import { ContentChild, Directive, ElementRef, Input, TemplateRef, ChangeDetectionStrategy, Component, IterableDiffers, ViewContainerRef, ViewEncapsulation, Attribute, ChangeDetectorRef, ContentChildren, Inject, isDevMode, Optional, ViewChild, NgModule } from '@angular/core';
+import { ContentChild, Directive, ElementRef, Input, TemplateRef, ChangeDetectionStrategy, Component, IterableDiffers, ViewContainerRef, ViewEncapsulation, Attribute, ChangeDetectorRef, ContentChildren, 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';
@@ -17,7 +17,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
@@ -78,7 +78,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.
@@ -158,7 +158,9 @@ class CdkColumnDef extends _CdkColumnDefBase {
      * Unique name for this column.
      * @return {?}
      */
-    get name() { return this._name; }
+    get name() {
+        return this._name;
+    }
     /**
      * @param {?} name
      * @return {?}
@@ -178,7 +180,9 @@ class CdkColumnDef extends _CdkColumnDefBase {
      * has been changed.
      * @return {?}
      */
-    get stickyEnd() { return this._stickyEnd; }
+    get stickyEnd() {
+        return this._stickyEnd;
+    }
     /**
      * @param {?} v
      * @return {?}
@@ -194,10 +198,7 @@ CdkColumnDef.decorators = [
     { 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 = {
@@ -302,7 +303,7 @@ CdkCell.ctorParameters = () => [
 
 /**
  * @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
@@ -568,7 +569,7 @@ CdkRow.decorators = [
 
 /**
  * @fileoverview added by tsickle
- * @suppress {checkTypes,extraRequire,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
+ * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
  */
 
 /**
@@ -583,17 +584,17 @@ const STICKY_DIRECTIONS = ['top', 'bottom', 'left', 'right'];
  */
 class StickyStyler {
     /**
-     * @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.
      */
-    constructor(isNativeHtmlTable, stickCellCss, direction, _isBrowser = true) {
-        this.isNativeHtmlTable = isNativeHtmlTable;
-        this.stickCellCss = stickCellCss;
+    constructor(_isNativeHtmlTable, _stickCellCss, direction, _isBrowser = true) {
+        this._isNativeHtmlTable = _isNativeHtmlTable;
+        this._stickCellCss = _stickCellCss;
         this.direction = direction;
         this._isBrowser = _isBrowser;
     }
@@ -631,7 +632,15 @@ class StickyStyler {
      */
     updateStickyColumns(rows, stickyStartStates, stickyEndStates) {
         /** @type {?} */
-        const hasStickyColumns = stickyStartStates.some(state => state) || stickyEndStates.some(state => state);
+        const hasStickyColumns = stickyStartStates.some((/**
+         * @param {?} state
+         * @return {?}
+         */
+        state => state)) || stickyEndStates.some((/**
+         * @param {?} state
+         * @return {?}
+         */
+        state => state));
         if (!rows.length || !hasStickyColumns || !this._isBrowser) {
             return;
         }
@@ -689,7 +698,7 @@ class StickyStyler {
             }
             /** @type {?} */
             const row = rows[rowIndex];
-            if (this.isNativeHtmlTable) {
+            if (this._isNativeHtmlTable) {
                 for (let j = 0; j < row.children.length; j++) {
                     /** @type {?} */
                     const cell = (/** @type {?} */ (row.children[j]));
@@ -718,12 +727,16 @@ class StickyStyler {
      * @return {?}
      */
     updateStickyFooterContainer(tableElement, stickyStates) {
-        if (!this.isNativeHtmlTable) {
+        if (!this._isNativeHtmlTable) {
             return;
         }
         /** @type {?} */
         const tfoot = (/** @type {?} */ (tableElement.querySelector('tfoot')));
-        if (stickyStates.some(state => !state)) {
+        if (stickyStates.some((/**
+         * @param {?} state
+         * @return {?}
+         */
+        state => !state))) {
             this._removeStickyStyle(tfoot, ['bottom']);
         }
         else {
@@ -746,10 +759,14 @@ class StickyStyler {
         // If the element no longer has any more sticky directions, remove sticky positioning and
         // the sticky CSS class.
         /** @type {?} */
-        const hasDirection = STICKY_DIRECTIONS.some(dir => !!element.style[dir]);
+        const hasDirection = STICKY_DIRECTIONS.some((/**
+         * @param {?} dir
+         * @return {?}
+         */
+        dir => !!element.style[dir]));
         if (!hasDirection) {
             element.style.position = '';
-            element.classList.remove(this.stickCellCss);
+            element.classList.remove(this._stickCellCss);
         }
     }
     /**
@@ -762,7 +779,7 @@ class StickyStyler {
      * @return {?}
      */
     _addStickyStyle(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);
@@ -860,7 +877,7 @@ class StickyStyler {
 
 /**
  * @fileoverview added by tsickle
- * @suppress {checkTypes,extraRequire,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
+ * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
  */
 
 /**
@@ -916,10 +933,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.
@@ -1174,7 +1207,9 @@ class CdkTable {
      */
     set multiTemplateDataRows(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();
         }
     }
@@ -1189,9 +1224,14 @@ class CdkTable {
         // 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((_i, dataRow) => {
+        this._dataDiffer = this._differs.find([]).create((/**
+         * @param {?} _i
+         * @param {?} dataRow
+         * @return {?}
+         */
+        (_i, dataRow) => {
             return this.trackBy ? this.trackBy(dataRow.dataIndex, dataRow.data) : dataRow;
-        });
+        }));
     }
     /**
      * @return {?}
@@ -1257,7 +1297,13 @@ class CdkTable {
         }
         /** @type {?} */
         const viewContainer = this._rowOutlet.viewContainer;
-        changes.forEachOperation((record, prevIndex, currentIndex) => {
+        changes.forEachOperation((/**
+         * @param {?} record
+         * @param {?} prevIndex
+         * @param {?} currentIndex
+         * @return {?}
+         */
+        (record, prevIndex, currentIndex) => {
             if (record.previousIndex == null) {
                 this._insertRow(record.item, (/** @type {?} */ (currentIndex)));
             }
@@ -1269,16 +1315,20 @@ class CdkTable {
                 const 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((record) => {
+        changes.forEachIdentityChange((/**
+         * @param {?} record
+         * @return {?}
+         */
+        (record) => {
             /** @type {?} */
             const rowView = (/** @type {?} */ (viewContainer.get((/** @type {?} */ (record.currentIndex)))));
             rowView.context.$implicit = record.item.data;
-        });
+        }));
         this.updateStickyColumnStyles();
     }
     /**
@@ -1399,11 +1449,19 @@ class CdkTable {
             thead.style.display = headerRows.length ? '' : 'none';
         }
         /** @type {?} */
-        const stickyStates = this._headerRowDefs.map(def => def.sticky);
+        const stickyStates = this._headerRowDefs.map((/**
+         * @param {?} def
+         * @return {?}
+         */
+        def => 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(def => def.resetStickyChanged());
+        this._headerRowDefs.forEach((/**
+         * @param {?} def
+         * @return {?}
+         */
+        def => def.resetStickyChanged()));
     }
     /**
      * Updates the footer sticky styles. First resets all applied styles with respect to the cells
@@ -1427,12 +1485,20 @@ class CdkTable {
             tfoot.style.display = footerRows.length ? '' : 'none';
         }
         /** @type {?} */
-        const stickyStates = this._footerRowDefs.map(def => def.sticky);
+        const stickyStates = this._footerRowDefs.map((/**
+         * @param {?} def
+         * @return {?}
+         */
+        def => 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(def => def.resetStickyChanged());
+        this._footerRowDefs.forEach((/**
+         * @param {?} def
+         * @return {?}
+         */
+        def => def.resetStickyChanged()));
     }
     /**
      * Updates the column sticky styles. First resets all applied styles with respect to the cells
@@ -1453,11 +1519,20 @@ class CdkTable {
         // sticky columns span across all table sections (header, data, footer)
         this._stickyStyler.clearStickyPositioning([...headerRows, ...dataRows, ...footerRows], ['left', 'right']);
         // Update the sticky styles for each header row depending on the def's sticky state
-        headerRows.forEach((headerRow, i) => {
+        headerRows.forEach((/**
+         * @param {?} headerRow
+         * @param {?} i
+         * @return {?}
+         */
+        (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(rowDef => {
+        this._rowDefs.forEach((/**
+         * @param {?} rowDef
+         * @return {?}
+         */
+        rowDef => {
             // Collect all the rows rendered with this row definition.
             /** @type {?} */
             const rows = [];
@@ -1467,13 +1542,22 @@ class CdkTable {
                 }
             }
             this._addStickyColumnStyles(rows, rowDef);
-        });
+        }));
         // Update the sticky styles for each footer row depending on the def's sticky state
-        footerRows.forEach((footerRow, i) => {
+        footerRows.forEach((/**
+         * @param {?} footerRow
+         * @param {?} i
+         * @return {?}
+         */
+        (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(def => def.resetStickyChanged());
+        Array.from(this._columnDefsByName.values()).forEach((/**
+         * @param {?} def
+         * @return {?}
+         */
+        def => def.resetStickyChanged()));
     }
     /**
      * Get the list of RenderRow objects to render according to the current list of data and defined
@@ -1529,7 +1613,11 @@ class CdkTable {
     _getRenderRowsForData(data, dataIndex, cache) {
         /** @type {?} */
         const rowDefs = this._getRowDefs(data, dataIndex);
-        return rowDefs.map(rowDef => {
+        return rowDefs.map((/**
+         * @param {?} rowDef
+         * @return {?}
+         */
+        rowDef => {
             /** @type {?} */
             const cachedRenderRows = (cache && cache.has(rowDef)) ? (/** @type {?} */ (cache.get(rowDef))) : [];
             if (cachedRenderRows.length) {
@@ -1541,7 +1629,7 @@ class CdkTable {
             else {
                 return { data, rowDef, dataIndex };
             }
-        });
+        }));
     }
     /**
      * Update the map containing the content's column definitions.
@@ -1552,12 +1640,16 @@ class CdkTable {
         this._columnDefsByName.clear();
         /** @type {?} */
         const columnDefs = mergeQueryListAndSet(this._contentColumnDefs, this._customColumnDefs);
-        columnDefs.forEach(columnDef => {
+        columnDefs.forEach((/**
+         * @param {?} columnDef
+         * @return {?}
+         */
+        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.
@@ -1572,7 +1664,11 @@ class CdkTable {
         this._rowDefs = mergeQueryListAndSet(this._contentRowDefs, this._customRowDefs);
         // After all row definitions are determined, find the row definition to be considered default.
         /** @type {?} */
-        const defaultRowDefs = this._rowDefs.filter(def => !def.when);
+        const defaultRowDefs = this._rowDefs.filter((/**
+         * @param {?} def
+         * @return {?}
+         */
+        def => !def.when));
         if (!this.multiTemplateDataRows && defaultRowDefs.length > 1) {
             throw getTableMultipleDefaultRowDefsError();
         }
@@ -1587,7 +1683,12 @@ class CdkTable {
      */
     _renderUpdatedColumns() {
         /** @type {?} */
-        const columnsDiffReducer = (acc, def) => acc || !!def.getColumnsDiff();
+        const columnsDiffReducer = (/**
+         * @param {?} acc
+         * @param {?} def
+         * @return {?}
+         */
+        (acc, def) => acc || !!def.getColumnsDiff());
         // Force re-render data rows if the list of column definitions have changed.
         if (this._rowDefs.reduce(columnsDiffReducer, false)) {
             this._forceRenderDataRows();
@@ -1650,10 +1751,14 @@ class CdkTable {
         if (dataStream === undefined) {
             throw getTableUnknownDataSourceError();
         }
-        this._renderChangeSubscription = dataStream.pipe(takeUntil(this._onDestroy)).subscribe(data => {
+        this._renderChangeSubscription = dataStream.pipe(takeUntil(this._onDestroy)).subscribe((/**
+         * @param {?} data
+         * @return {?}
+         */
+        data => {
             this._data = data || [];
             this.renderRows();
-        });
+        }));
     }
     /**
      * Clears any existing content in the header row outlet and creates a new embedded view
@@ -1666,7 +1771,12 @@ class CdkTable {
         if (this._headerRowOutlet.viewContainer.length > 0) {
             this._headerRowOutlet.viewContainer.clear();
         }
-        this._headerRowDefs.forEach((def, i) => this._renderRow(this._headerRowOutlet, def, i));
+        this._headerRowDefs.forEach((/**
+         * @param {?} def
+         * @param {?} i
+         * @return {?}
+         */
+        (def, i) => this._renderRow(this._headerRowOutlet, def, i)));
         this.updateStickyHeaderRowStyles();
         this.updateStickyColumnStyles();
     }
@@ -1681,7 +1791,12 @@ class CdkTable {
         if (this._footerRowOutlet.viewContainer.length > 0) {
             this._footerRowOutlet.viewContainer.clear();
         }
-        this._footerRowDefs.forEach((def, i) => this._renderRow(this._footerRowOutlet, def, i));
+        this._footerRowDefs.forEach((/**
+         * @param {?} def
+         * @param {?} i
+         * @return {?}
+         */
+        (def, i) => this._renderRow(this._footerRowOutlet, def, i)));
         this.updateStickyFooterRowStyles();
         this.updateStickyColumnStyles();
     }
@@ -1694,18 +1809,30 @@ class CdkTable {
      */
     _addStickyColumnStyles(rows, rowDef) {
         /** @type {?} */
-        const columnDefs = Array.from(rowDef.columns || []).map(columnName => {
+        const columnDefs = Array.from(rowDef.columns || []).map((/**
+         * @param {?} columnName
+         * @return {?}
+         */
+        columnName => {
             /** @type {?} */
             const columnDef = this._columnDefsByName.get(columnName);
             if (!columnDef) {
                 throw getTableUnknownColumnError(columnName);
             }
             return (/** @type {?} */ (columnDef));
-        });
+        }));
         /** @type {?} */
-        const stickyStartStates = columnDefs.map(columnDef => columnDef.sticky);
+        const stickyStartStates = columnDefs.map((/**
+         * @param {?} columnDef
+         * @return {?}
+         */
+        columnDef => columnDef.sticky));
         /** @type {?} */
-        const stickyEndStates = columnDefs.map(columnDef => columnDef.stickyEnd);
+        const stickyEndStates = columnDefs.map((/**
+         * @param {?} columnDef
+         * @return {?}
+         */
+        columnDef => columnDef.stickyEnd));
         this._stickyStyler.updateStickyColumns(rows, stickyStartStates, stickyEndStates);
     }
     /**
@@ -1739,11 +1866,19 @@ class CdkTable {
         /** @type {?} */
         let rowDefs = [];
         if (this.multiTemplateDataRows) {
-            rowDefs = this._rowDefs.filter(def => !def.when || def.when(dataIndex, data));
+            rowDefs = this._rowDefs.filter((/**
+             * @param {?} def
+             * @return {?}
+             */
+            def => !def.when || def.when(dataIndex, data)));
         }
         else {
             /** @type {?} */
-            let rowDef = this._rowDefs.find(def => def.when && def.when(dataIndex, data)) || this._defaultRowDef;
+            let rowDef = this._rowDefs.find((/**
+             * @param {?} def
+             * @return {?}
+             */
+            def => def.when && def.when(dataIndex, data))) || this._defaultRowDef;
             if (rowDef) {
                 rowDefs.push(rowDef);
             }
@@ -1827,14 +1962,18 @@ class CdkTable {
         if (!rowDef || !rowDef.columns) {
             return [];
         }
-        return Array.from(rowDef.columns, columnId => {
+        return Array.from(rowDef.columns, (/**
+         * @param {?} columnId
+         * @return {?}
+         */
+        columnId => {
             /** @type {?} */
             const 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.
@@ -1882,9 +2021,14 @@ class CdkTable {
      */
     _checkStickyStates() {
         /** @type {?} */
-        const stickyCheckReducer = (acc, d) => {
+        const stickyCheckReducer = (/**
+         * @param {?} acc
+         * @param {?} d
+         * @return {?}
+         */
+        (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.
@@ -1911,10 +2055,14 @@ class CdkTable {
         this._stickyStyler = new StickyStyler(this._isNativeHtmlTable, this.stickyCssClass, direction, this._platform.isBrowser);
         (this._dir ? this._dir.change : of())
             .pipe(takeUntil(this._onDestroy))
-            .subscribe(value => {
+            .subscribe((/**
+         * @param {?} value
+         * @return {?}
+         */
+        value => {
             this._stickyStyler.direction = value;
             this.updateStickyColumnStyles();
-        });
+        }));
     }
 }
 CdkTable.decorators = [
@@ -1967,7 +2115,158 @@ 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 {?}
+ */
+const 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
+ */
+class CdkTextColumn {
+    /**
+     * @param {?} _table
+     * @param {?} _options
+     */
+    constructor(_table, _options) {
+        this._table = _table;
+        this._options = _options;
+        /**
+         * Alignment of the cell values.
+         */
+        this.justify = 'start';
+        this._options = _options || {};
+    }
+    /**
+     * Column name that should be used to reference this column.
+     * @return {?}
+     */
+    get name() {
+        return this._name;
+    }
+    /**
+     * @param {?} name
+     * @return {?}
+     */
+    set name(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();
+    }
+    /**
+     * @return {?}
+     */
+    ngOnInit() {
+        this._syncColumnDefName();
+        if (this.headerText === undefined) {
+            this.headerText = this._createDefaultHeaderText();
+        }
+        if (!this.dataAccessor) {
+            this.dataAccessor =
+                this._options.defaultDataAccessor || ((/**
+                 * @param {?} data
+                 * @param {?} name
+                 * @return {?}
+                 */
+                (data, name) => ((/** @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 {?}
+     */
+    ngOnDestroy() {
+        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.
+     * @return {?}
+     */
+    _createDefaultHeaderText() {
+        /** @type {?} */
+        const 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.
+     * @private
+     * @return {?}
+     */
+    _syncColumnDefName() {
+        if (this.columnDef) {
+            this.columnDef.name = this.name;
+        }
+    }
+}
+CdkTextColumn.decorators = [
+    { type: Component, args: [{selector: 'cdk-text-column',
+                template: `
+    <ng-container cdkColumnDef>
+      <th cdk-header-cell *cdkHeaderCellDef [style.text-align]="justify">
+        {{headerText}}
+      </th>
+      <td cdk-cell *cdkCellDef="let data" [style.text-align]="justify">
+        {{dataAccessor(data, name)}}
+      </td>
+    </ng-container>
+  `,
+                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 = () => [
+    { 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 },] }]
+};
+
+/**
+ * @fileoverview added by tsickle
+ * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
  */
 /** @type {?} */
 const EXPORTED_DECLARATIONS = [
@@ -1989,6 +2288,7 @@ const EXPORTED_DECLARATIONS = [
     DataRowOutlet,
     HeaderRowOutlet,
     FooterRowOutlet,
+    CdkTextColumn,
 ];
 class CdkTableModule {
 }
@@ -2002,13 +2302,13 @@ CdkTableModule.decorators = [
 
 /**
  * @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.js.map