@covalent/core 3.1.0 → 3.1.2-beta.6

package/bundles/covalent-core-data-table.umd.js

@@ -1,248 +1,340 @@
 (function (global, factory) {
     typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core'), require('@angular/common'), require('@angular/material/checkbox'), require('@angular/material/tooltip'), require('@angular/material/icon'), require('@angular/material/core'), require('@angular/platform-browser'), require('@angular/forms'), require('@angular/cdk/coercion'), require('@angular/cdk/keycodes'), require('rxjs'), require('rxjs/operators'), require('@angular/cdk/portal'), require('@covalent/core/common')) :
     typeof define === 'function' && define.amd ? define('@covalent/core/data-table', ['exports', '@angular/core', '@angular/common', '@angular/material/checkbox', '@angular/material/tooltip', '@angular/material/icon', '@angular/material/core', '@angular/platform-browser', '@angular/forms', '@angular/cdk/coercion', '@angular/cdk/keycodes', 'rxjs', 'rxjs/operators', '@angular/cdk/portal', '@covalent/core/common'], factory) :
-    (global = global || self, factory((global.covalent = global.covalent || {}, global.covalent.core = global.covalent.core || {}, global.covalent.core['data-table'] = {}), global.ng.core, global.ng.common, global.ng.material.checkbox, global.ng.material.tooltip, global.ng.material.icon, global.ng.material.core, global.ng.platformBrowser, global.ng.forms, global.ng.cdk.coercion, global.ng.cdk.keycodes, global.rxjs, global.rxjs.operators, global.ng.cdk.portal, global.covalent.core.common));
-}(this, (function (exports, core, common, checkbox, tooltip, icon, core$1, platformBrowser, forms, coercion, keycodes, rxjs, operators, portal, common$1) { 'use strict';
+    (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory((global.covalent = global.covalent || {}, global.covalent.core = global.covalent.core || {}, global.covalent.core['data-table'] = {}), global.ng.core, global.ng.common, global.ng.material.checkbox, global.ng.material.tooltip, global.ng.material.icon, global.ng.material.core, global.ng.platformBrowser, global.ng.forms, global.ng.cdk.coercion, global.ng.cdk.keycodes, global.rxjs, global.rxjs.operators, global.ng.cdk.portal, global.covalent.core.common));
+}(this, (function (exports, core, common$1, checkbox, tooltip, icon, core$1, platformBrowser, forms, coercion, keycodes, rxjs, operators, portal, common) { 'use strict';
 
-    /*! *****************************************************************************
-    Copyright (c) Microsoft Corporation. All rights reserved.
-    Licensed under the Apache License, Version 2.0 (the "License"); you may not use
-    this file except in compliance with the License. You may obtain a copy of the
-    License at http://www.apache.org/licenses/LICENSE-2.0
-
-    THIS CODE IS PROVIDED ON AN *AS IS* BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
-    KIND, EITHER EXPRESS OR IMPLIED, INCLUDING WITHOUT LIMITATION ANY IMPLIED
-    WARRANTIES OR CONDITIONS OF TITLE, FITNESS FOR A PARTICULAR PURPOSE,
-    MERCHANTABLITY OR NON-INFRINGEMENT.
-
-    See the Apache Version 2.0 License for specific language governing permissions
-    and limitations under the License.
-    ***************************************************************************** */
-    /* global Reflect, Promise */
-
-    var extendStatics = function(d, b) {
-        extendStatics = Object.setPrototypeOf ||
-            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
-            function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
-        return extendStatics(d, b);
-    };
-
-    function __extends(d, b) {
-        extendStatics(d, b);
-        function __() { this.constructor = d; }
-        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
-    }
-
-    var __assign = function() {
-        __assign = Object.assign || function __assign(t) {
-            for (var s, i = 1, n = arguments.length; i < n; i++) {
-                s = arguments[i];
-                for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
-            }
-            return t;
-        };
-        return __assign.apply(this, arguments);
-    };
-
-    function __rest(s, e) {
-        var t = {};
-        for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-            t[p] = s[p];
-        if (s != null && typeof Object.getOwnPropertySymbols === "function")
-            for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-                if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                    t[p[i]] = s[p[i]];
-            }
-        return t;
-    }
-
-    function __decorate(decorators, target, key, desc) {
-        var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
-        if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
-        else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
-        return c > 3 && r && Object.defineProperty(target, key, r), r;
-    }
-
-    function __param(paramIndex, decorator) {
-        return function (target, key) { decorator(target, key, paramIndex); }
-    }
-
-    function __metadata(metadataKey, metadataValue) {
-        if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(metadataKey, metadataValue);
-    }
-
-    function __awaiter(thisArg, _arguments, P, generator) {
-        function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-        return new (P || (P = Promise))(function (resolve, reject) {
-            function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-            function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-            function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-            step((generator = generator.apply(thisArg, _arguments || [])).next());
-        });
-    }
-
-    function __generator(thisArg, body) {
-        var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
-        return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
-        function verb(n) { return function (v) { return step([n, v]); }; }
-        function step(op) {
-            if (f) throw new TypeError("Generator is already executing.");
-            while (_) try {
-                if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
-                if (y = 0, t) op = [op[0] & 2, t.value];
-                switch (op[0]) {
-                    case 0: case 1: t = op; break;
-                    case 4: _.label++; return { value: op[1], done: false };
-                    case 5: _.label++; y = op[1]; op = [0]; continue;
-                    case 7: op = _.ops.pop(); _.trys.pop(); continue;
-                    default:
-                        if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
-                        if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
-                        if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
-                        if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
-                        if (t[2]) _.ops.pop();
-                        _.trys.pop(); continue;
-                }
-                op = body.call(thisArg, _);
-            } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
-            if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
-        }
-    }
-
-    function __exportStar(m, exports) {
-        for (var p in m) if (!exports.hasOwnProperty(p)) exports[p] = m[p];
-    }
-
-    function __values(o) {
-        var s = typeof Symbol === "function" && Symbol.iterator, m = s && o[s], i = 0;
-        if (m) return m.call(o);
-        if (o && typeof o.length === "number") return {
-            next: function () {
-                if (o && i >= o.length) o = void 0;
-                return { value: o && o[i++], done: !o };
-            }
-        };
-        throw new TypeError(s ? "Object is not iterable." : "Symbol.iterator is not defined.");
-    }
-
-    function __read(o, n) {
-        var m = typeof Symbol === "function" && o[Symbol.iterator];
-        if (!m) return o;
-        var i = m.call(o), r, ar = [], e;
-        try {
-            while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
-        }
-        catch (error) { e = { error: error }; }
-        finally {
-            try {
-                if (r && !r.done && (m = i["return"])) m.call(i);
-            }
-            finally { if (e) throw e.error; }
-        }
-        return ar;
-    }
-
-    function __spread() {
-        for (var ar = [], i = 0; i < arguments.length; i++)
-            ar = ar.concat(__read(arguments[i]));
-        return ar;
-    }
-
-    function __spreadArrays() {
-        for (var s = 0, i = 0, il = arguments.length; i < il; i++) s += arguments[i].length;
-        for (var r = Array(s), k = 0, i = 0; i < il; i++)
-            for (var a = arguments[i], j = 0, jl = a.length; j < jl; j++, k++)
-                r[k] = a[j];
-        return r;
-    };
-
-    function __await(v) {
-        return this instanceof __await ? (this.v = v, this) : new __await(v);
-    }
-
-    function __asyncGenerator(thisArg, _arguments, generator) {
-        if (!Symbol.asyncIterator) throw new TypeError("Symbol.asyncIterator is not defined.");
-        var g = generator.apply(thisArg, _arguments || []), i, q = [];
-        return i = {}, verb("next"), verb("throw"), verb("return"), i[Symbol.asyncIterator] = function () { return this; }, i;
-        function verb(n) { if (g[n]) i[n] = function (v) { return new Promise(function (a, b) { q.push([n, v, a, b]) > 1 || resume(n, v); }); }; }
-        function resume(n, v) { try { step(g[n](v)); } catch (e) { settle(q[0][3], e); } }
-        function step(r) { r.value instanceof __await ? Promise.resolve(r.value.v).then(fulfill, reject) : settle(q[0][2], r); }
-        function fulfill(value) { resume("next", value); }
-        function reject(value) { resume("throw", value); }
-        function settle(f, v) { if (f(v), q.shift(), q.length) resume(q[0][0], q[0][1]); }
-    }
-
-    function __asyncDelegator(o) {
-        var i, p;
-        return i = {}, verb("next"), verb("throw", function (e) { throw e; }), verb("return"), i[Symbol.iterator] = function () { return this; }, i;
-        function verb(n, f) { i[n] = o[n] ? function (v) { return (p = !p) ? { value: __await(o[n](v)), done: n === "return" } : f ? f(v) : v; } : f; }
-    }
-
-    function __asyncValues(o) {
-        if (!Symbol.asyncIterator) throw new TypeError("Symbol.asyncIterator is not defined.");
-        var m = o[Symbol.asyncIterator], i;
-        return m ? m.call(o) : (o = typeof __values === "function" ? __values(o) : o[Symbol.iterator](), i = {}, verb("next"), verb("throw"), verb("return"), i[Symbol.asyncIterator] = function () { return this; }, i);
-        function verb(n) { i[n] = o[n] && function (v) { return new Promise(function (resolve, reject) { v = o[n](v), settle(resolve, reject, v.done, v.value); }); }; }
-        function settle(resolve, reject, d, v) { Promise.resolve(v).then(function(v) { resolve({ value: v, done: d }); }, reject); }
-    }
-
-    function __makeTemplateObject(cooked, raw) {
-        if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
-        return cooked;
-    };
-
-    function __importStar(mod) {
-        if (mod && mod.__esModule) return mod;
-        var result = {};
-        if (mod != null) for (var k in mod) if (Object.hasOwnProperty.call(mod, k)) result[k] = mod[k];
-        result.default = mod;
-        return result;
-    }
-
-    function __importDefault(mod) {
-        return (mod && mod.__esModule) ? mod : { default: mod };
-    }
-
-    function __classPrivateFieldGet(receiver, privateMap) {
-        if (!privateMap.has(receiver)) {
-            throw new TypeError("attempted to get private field on non-instance");
-        }
-        return privateMap.get(receiver);
-    }
-
-    function __classPrivateFieldSet(receiver, privateMap, value) {
-        if (!privateMap.has(receiver)) {
-            throw new TypeError("attempted to set private field on non-instance");
-        }
-        privateMap.set(receiver, value);
-        return value;
+    /*! *****************************************************************************
+    Copyright (c) Microsoft Corporation.
+
+    Permission to use, copy, modify, and/or distribute this software for any
+    purpose with or without fee is hereby granted.
+
+    THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
+    REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
+    AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
+    INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
+    LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
+    OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
+    PERFORMANCE OF THIS SOFTWARE.
+    ***************************************************************************** */
+    /* global Reflect, Promise */
+    var extendStatics = function (d, b) {
+        extendStatics = Object.setPrototypeOf ||
+            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+            function (d, b) { for (var p in b)
+                if (Object.prototype.hasOwnProperty.call(b, p))
+                    d[p] = b[p]; };
+        return extendStatics(d, b);
+    };
+    function __extends(d, b) {
+        extendStatics(d, b);
+        function __() { this.constructor = d; }
+        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+    }
+    var __assign = function () {
+        __assign = Object.assign || function __assign(t) {
+            for (var s, i = 1, n = arguments.length; i < n; i++) {
+                s = arguments[i];
+                for (var p in s)
+                    if (Object.prototype.hasOwnProperty.call(s, p))
+                        t[p] = s[p];
+            }
+            return t;
+        };
+        return __assign.apply(this, arguments);
+    };
+    function __rest(s, e) {
+        var t = {};
+        for (var p in s)
+            if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+                t[p] = s[p];
+        if (s != null && typeof Object.getOwnPropertySymbols === "function")
+            for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+                if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                    t[p[i]] = s[p[i]];
+            }
+        return t;
+    }
+    function __decorate(decorators, target, key, desc) {
+        var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+        if (typeof Reflect === "object" && typeof Reflect.decorate === "function")
+            r = Reflect.decorate(decorators, target, key, desc);
+        else
+            for (var i = decorators.length - 1; i >= 0; i--)
+                if (d = decorators[i])
+                    r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+        return c > 3 && r && Object.defineProperty(target, key, r), r;
+    }
+    function __param(paramIndex, decorator) {
+        return function (target, key) { decorator(target, key, paramIndex); };
+    }
+    function __metadata(metadataKey, metadataValue) {
+        if (typeof Reflect === "object" && typeof Reflect.metadata === "function")
+            return Reflect.metadata(metadataKey, metadataValue);
+    }
+    function __awaiter(thisArg, _arguments, P, generator) {
+        function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+        return new (P || (P = Promise))(function (resolve, reject) {
+            function fulfilled(value) { try {
+                step(generator.next(value));
+            }
+            catch (e) {
+                reject(e);
+            } }
+            function rejected(value) { try {
+                step(generator["throw"](value));
+            }
+            catch (e) {
+                reject(e);
+            } }
+            function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+            step((generator = generator.apply(thisArg, _arguments || [])).next());
+        });
+    }
+    function __generator(thisArg, body) {
+        var _ = { label: 0, sent: function () { if (t[0] & 1)
+                throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
+        return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function () { return this; }), g;
+        function verb(n) { return function (v) { return step([n, v]); }; }
+        function step(op) {
+            if (f)
+                throw new TypeError("Generator is already executing.");
+            while (_)
+                try {
+                    if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done)
+                        return t;
+                    if (y = 0, t)
+                        op = [op[0] & 2, t.value];
+                    switch (op[0]) {
+                        case 0:
+                        case 1:
+                            t = op;
+                            break;
+                        case 4:
+                            _.label++;
+                            return { value: op[1], done: false };
+                        case 5:
+                            _.label++;
+                            y = op[1];
+                            op = [0];
+                            continue;
+                        case 7:
+                            op = _.ops.pop();
+                            _.trys.pop();
+                            continue;
+                        default:
+                            if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) {
+                                _ = 0;
+                                continue;
+                            }
+                            if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) {
+                                _.label = op[1];
+                                break;
+                            }
+                            if (op[0] === 6 && _.label < t[1]) {
+                                _.label = t[1];
+                                t = op;
+                                break;
+                            }
+                            if (t && _.label < t[2]) {
+                                _.label = t[2];
+                                _.ops.push(op);
+                                break;
+                            }
+                            if (t[2])
+                                _.ops.pop();
+                            _.trys.pop();
+                            continue;
+                    }
+                    op = body.call(thisArg, _);
+                }
+                catch (e) {
+                    op = [6, e];
+                    y = 0;
+                }
+                finally {
+                    f = t = 0;
+                }
+            if (op[0] & 5)
+                throw op[1];
+            return { value: op[0] ? op[1] : void 0, done: true };
+        }
+    }
+    var __createBinding = Object.create ? (function (o, m, k, k2) {
+        if (k2 === undefined)
+            k2 = k;
+        Object.defineProperty(o, k2, { enumerable: true, get: function () { return m[k]; } });
+    }) : (function (o, m, k, k2) {
+        if (k2 === undefined)
+            k2 = k;
+        o[k2] = m[k];
+    });
+    function __exportStar(m, o) {
+        for (var p in m)
+            if (p !== "default" && !Object.prototype.hasOwnProperty.call(o, p))
+                __createBinding(o, m, p);
+    }
+    function __values(o) {
+        var s = typeof Symbol === "function" && Symbol.iterator, m = s && o[s], i = 0;
+        if (m)
+            return m.call(o);
+        if (o && typeof o.length === "number")
+            return {
+                next: function () {
+                    if (o && i >= o.length)
+                        o = void 0;
+                    return { value: o && o[i++], done: !o };
+                }
+            };
+        throw new TypeError(s ? "Object is not iterable." : "Symbol.iterator is not defined.");
+    }
+    function __read(o, n) {
+        var m = typeof Symbol === "function" && o[Symbol.iterator];
+        if (!m)
+            return o;
+        var i = m.call(o), r, ar = [], e;
+        try {
+            while ((n === void 0 || n-- > 0) && !(r = i.next()).done)
+                ar.push(r.value);
+        }
+        catch (error) {
+            e = { error: error };
+        }
+        finally {
+            try {
+                if (r && !r.done && (m = i["return"]))
+                    m.call(i);
+            }
+            finally {
+                if (e)
+                    throw e.error;
+            }
+        }
+        return ar;
+    }
+    function __spread() {
+        for (var ar = [], i = 0; i < arguments.length; i++)
+            ar = ar.concat(__read(arguments[i]));
+        return ar;
+    }
+    function __spreadArrays() {
+        for (var s = 0, i = 0, il = arguments.length; i < il; i++)
+            s += arguments[i].length;
+        for (var r = Array(s), k = 0, i = 0; i < il; i++)
+            for (var a = arguments[i], j = 0, jl = a.length; j < jl; j++, k++)
+                r[k] = a[j];
+        return r;
+    }
+    ;
+    function __await(v) {
+        return this instanceof __await ? (this.v = v, this) : new __await(v);
+    }
+    function __asyncGenerator(thisArg, _arguments, generator) {
+        if (!Symbol.asyncIterator)
+            throw new TypeError("Symbol.asyncIterator is not defined.");
+        var g = generator.apply(thisArg, _arguments || []), i, q = [];
+        return i = {}, verb("next"), verb("throw"), verb("return"), i[Symbol.asyncIterator] = function () { return this; }, i;
+        function verb(n) { if (g[n])
+            i[n] = function (v) { return new Promise(function (a, b) { q.push([n, v, a, b]) > 1 || resume(n, v); }); }; }
+        function resume(n, v) { try {
+            step(g[n](v));
+        }
+        catch (e) {
+            settle(q[0][3], e);
+        } }
+        function step(r) { r.value instanceof __await ? Promise.resolve(r.value.v).then(fulfill, reject) : settle(q[0][2], r); }
+        function fulfill(value) { resume("next", value); }
+        function reject(value) { resume("throw", value); }
+        function settle(f, v) { if (f(v), q.shift(), q.length)
+            resume(q[0][0], q[0][1]); }
+    }
+    function __asyncDelegator(o) {
+        var i, p;
+        return i = {}, verb("next"), verb("throw", function (e) { throw e; }), verb("return"), i[Symbol.iterator] = function () { return this; }, i;
+        function verb(n, f) { i[n] = o[n] ? function (v) { return (p = !p) ? { value: __await(o[n](v)), done: n === "return" } : f ? f(v) : v; } : f; }
+    }
+    function __asyncValues(o) {
+        if (!Symbol.asyncIterator)
+            throw new TypeError("Symbol.asyncIterator is not defined.");
+        var m = o[Symbol.asyncIterator], i;
+        return m ? m.call(o) : (o = typeof __values === "function" ? __values(o) : o[Symbol.iterator](), i = {}, verb("next"), verb("throw"), verb("return"), i[Symbol.asyncIterator] = function () { return this; }, i);
+        function verb(n) { i[n] = o[n] && function (v) { return new Promise(function (resolve, reject) { v = o[n](v), settle(resolve, reject, v.done, v.value); }); }; }
+        function settle(resolve, reject, d, v) { Promise.resolve(v).then(function (v) { resolve({ value: v, done: d }); }, reject); }
+    }
+    function __makeTemplateObject(cooked, raw) {
+        if (Object.defineProperty) {
+            Object.defineProperty(cooked, "raw", { value: raw });
+        }
+        else {
+            cooked.raw = raw;
+        }
+        return cooked;
+    }
+    ;
+    var __setModuleDefault = Object.create ? (function (o, v) {
+        Object.defineProperty(o, "default", { enumerable: true, value: v });
+    }) : function (o, v) {
+        o["default"] = v;
+    };
+    function __importStar(mod) {
+        if (mod && mod.__esModule)
+            return mod;
+        var result = {};
+        if (mod != null)
+            for (var k in mod)
+                if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k))
+                    __createBinding(result, mod, k);
+        __setModuleDefault(result, mod);
+        return result;
+    }
+    function __importDefault(mod) {
+        return (mod && mod.__esModule) ? mod : { default: mod };
+    }
+    function __classPrivateFieldGet(receiver, privateMap) {
+        if (!privateMap.has(receiver)) {
+            throw new TypeError("attempted to get private field on non-instance");
+        }
+        return privateMap.get(receiver);
+    }
+    function __classPrivateFieldSet(receiver, privateMap, value) {
+        if (!privateMap.has(receiver)) {
+            throw new TypeError("attempted to set private field on non-instance");
+        }
+        privateMap.set(receiver, value);
+        return value;
     }
 
     /**
      * @fileoverview added by tsickle
-     * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
+     * Generated from: data-table-row/data-table-row.component.ts
+     * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingRequire,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
      */
     var TdDataTableColumnRowComponent = /** @class */ (function () {
+        /**
+         * @param {?} _elementRef
+         * @param {?} _renderer
+         */
         function TdDataTableColumnRowComponent(_elementRef, _renderer) {
             this._elementRef = _elementRef;
             this._renderer = _renderer;
             this._renderer.addClass(this._elementRef.nativeElement, 'td-data-table-column-row');
         }
-        TdDataTableColumnRowComponent.decorators = [
-            { type: core.Component, args: [{
-                        /* tslint:disable-next-line */
-                        selector: 'tr[td-data-table-column-row]',
-                        template: "<ng-content></ng-content>\n",
-                        styles: [":host{border-bottom-style:solid;border-bottom-width:1px}:host.td-data-table-row{height:48px}:host.td-data-table-column-row{height:56px}"]
-                    }] }
-        ];
-        /** @nocollapse */
-        TdDataTableColumnRowComponent.ctorParameters = function () { return [
-            { type: core.ElementRef },
-            { type: core.Renderer2 }
-        ]; };
         return TdDataTableColumnRowComponent;
     }());
+    TdDataTableColumnRowComponent.decorators = [
+        { type: core.Component, args: [{
+                    /* tslint:disable-next-line */
+                    selector: 'tr[td-data-table-column-row]',
+                    template: "<ng-content></ng-content>\n",
+                    styles: [":host{border-bottom-style:solid;border-bottom-width:1px}:host.td-data-table-row{height:48px}:host.td-data-table-column-row{height:56px}"]
+                }] }
+    ];
+    /** @nocollapse */
+    TdDataTableColumnRowComponent.ctorParameters = function () { return [
+        { type: core.ElementRef },
+        { type: core.Renderer2 }
+    ]; };
     if (false) {
         /**
          * @type {?}
@@ -256,6 +348,10 @@
         TdDataTableColumnRowComponent.prototype._renderer;
     }
     var TdDataTableRowComponent = /** @class */ (function () {
+        /**
+         * @param {?} _elementRef
+         * @param {?} _renderer
+         */
         function TdDataTableRowComponent(_elementRef, _renderer) {
             this._elementRef = _elementRef;
             this._renderer = _renderer;
@@ -263,17 +359,17 @@
             this._renderer.addClass(this._elementRef.nativeElement, 'td-data-table-row');
         }
         Object.defineProperty(TdDataTableRowComponent.prototype, "selected", {
-            get: /**
+            /**
              * @return {?}
              */
-            function () {
+            get: function () {
                 return this._selected;
             },
-            set: /**
+            /**
              * @param {?} selected
              * @return {?}
              */
-            function (selected) {
+            set: function (selected) {
                 if (selected) {
                     this._renderer.addClass(this._elementRef.nativeElement, 'td-selected');
                 }
@@ -282,66 +378,56 @@
                 }
                 this._selected = selected;
             },
-            enumerable: true,
+            enumerable: false,
             configurable: true
         });
         Object.defineProperty(TdDataTableRowComponent.prototype, "height", {
-            get: /**
+            /**
              * @return {?}
              */
-            function () {
+            get: function () {
                 /** @type {?} */
                 var height = 48;
                 if (this._elementRef.nativeElement) {
-                    height = ((/** @type {?} */ (this._elementRef.nativeElement))).getBoundingClientRect().height;
+                    height = (( /** @type {?} */(this._elementRef.nativeElement))).getBoundingClientRect().height;
                 }
                 return height;
             },
-            enumerable: true,
+            enumerable: false,
             configurable: true
         });
         /**
-         * Listening to click event to explicitly focus the row element.
-         */
-        /**
-         * Listening to click event to explicitly focus the row element.
-         * @return {?}
-         */
-        TdDataTableRowComponent.prototype.clickListener = /**
          * Listening to click event to explicitly focus the row element.
          * @return {?}
          */
-        function () {
+        TdDataTableRowComponent.prototype.clickListener = function () {
             this.focus();
         };
         /**
          * @return {?}
          */
-        TdDataTableRowComponent.prototype.focus = /**
-         * @return {?}
-         */
-        function () {
+        TdDataTableRowComponent.prototype.focus = function () {
             this._elementRef.nativeElement.focus();
         };
-        TdDataTableRowComponent.decorators = [
-            { type: core.Component, args: [{
-                        /* tslint:disable-next-line */
-                        selector: 'tr[td-data-table-row]',
-                        template: "<ng-content></ng-content>\n",
-                        styles: [":host{border-bottom-style:solid;border-bottom-width:1px}:host.td-data-table-row{height:48px}:host.td-data-table-column-row{height:56px}"]
-                    }] }
-        ];
-        /** @nocollapse */
-        TdDataTableRowComponent.ctorParameters = function () { return [
-            { type: core.ElementRef },
-            { type: core.Renderer2 }
-        ]; };
-        TdDataTableRowComponent.propDecorators = {
-            selected: [{ type: core.Input, args: ['selected',] }],
-            clickListener: [{ type: core.HostListener, args: ['click',] }]
-        };
         return TdDataTableRowComponent;
     }());
+    TdDataTableRowComponent.decorators = [
+        { type: core.Component, args: [{
+                    /* tslint:disable-next-line */
+                    selector: 'tr[td-data-table-row]',
+                    template: "<ng-content></ng-content>\n",
+                    styles: [":host{border-bottom-style:solid;border-bottom-width:1px}:host.td-data-table-row{height:48px}:host.td-data-table-column-row{height:56px}"]
+                }] }
+    ];
+    /** @nocollapse */
+    TdDataTableRowComponent.ctorParameters = function () { return [
+        { type: core.ElementRef },
+        { type: core.Renderer2 }
+    ]; };
+    TdDataTableRowComponent.propDecorators = {
+        selected: [{ type: core.Input, args: ['selected',] }],
+        clickListener: [{ type: core.HostListener, args: ['click',] }]
+    };
     if (false) {
         /**
          * @type {?}
@@ -360,41 +446,37 @@
         TdDataTableRowComponent.prototype._renderer;
     }
 
-    /**
-     * @fileoverview added by tsickle
-     * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
-     */
     var TdDataTableTemplateDirective = /** @class */ (function (_super) {
         __extends(TdDataTableTemplateDirective, _super);
+        /**
+         * @param {?} templateRef
+         * @param {?} viewContainerRef
+         */
         function TdDataTableTemplateDirective(templateRef, viewContainerRef) {
             return _super.call(this, templateRef, viewContainerRef) || this;
         }
-        TdDataTableTemplateDirective.decorators = [
-            { type: core.Directive, args: [{ selector: '[tdDataTableTemplate]ng-template' },] }
-        ];
-        /** @nocollapse */
-        TdDataTableTemplateDirective.ctorParameters = function () { return [
-            { type: core.TemplateRef },
-            { type: core.ViewContainerRef }
-        ]; };
-        TdDataTableTemplateDirective.propDecorators = {
-            tdDataTableTemplate: [{ type: core.Input }]
-        };
         return TdDataTableTemplateDirective;
     }(portal.TemplatePortalDirective));
+    TdDataTableTemplateDirective.decorators = [
+        { type: core.Directive, args: [{ selector: '[tdDataTableTemplate]ng-template' },] }
+    ];
+    /** @nocollapse */
+    TdDataTableTemplateDirective.ctorParameters = function () { return [
+        { type: core.TemplateRef },
+        { type: core.ViewContainerRef }
+    ]; };
+    TdDataTableTemplateDirective.propDecorators = {
+        tdDataTableTemplate: [{ type: core.Input }]
+    };
     if (false) {
         /** @type {?} */
         TdDataTableTemplateDirective.prototype.tdDataTableTemplate;
     }
 
-    /**
-     * @fileoverview added by tsickle
-     * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
-     */
     /** @enum {string} */
     var TdDataTableSortingOrder = {
-        Ascending: 'ASC',
-        Descending: 'DESC',
+        Ascending: "ASC",
+        Descending: "DESC",
     };
     /**
      * @record
@@ -493,6 +575,9 @@
      */
     var TD_VIRTUAL_DEFAULT_ROW_HEIGHT = 48;
     var TdDataTableBase = /** @class */ (function () {
+        /**
+         * @param {?} _changeDetectorRef
+         */
         function TdDataTableBase(_changeDetectorRef) {
             this._changeDetectorRef = _changeDetectorRef;
         }
@@ -504,9 +589,15 @@
     }
     /* tslint:disable-next-line */
     /** @type {?} */
-    var _TdDataTableMixinBase = common$1.mixinControlValueAccessor(TdDataTableBase, []);
+    var _TdDataTableMixinBase = common.mixinControlValueAccessor(TdDataTableBase, []);
     var TdDataTableComponent = /** @class */ (function (_super) {
         __extends(TdDataTableComponent, _super);
+        /**
+         * @param {?} _document
+         * @param {?} _elementRef
+         * @param {?} _domSanitizer
+         * @param {?} _changeDetectorRef
+         */
         function TdDataTableComponent(_document, _elementRef, _domSanitizer, _changeDetectorRef) {
             var _this = _super.call(this, _changeDetectorRef) || this;
             _this._document = _document;
@@ -585,31 +676,30 @@
              * Allows custom comparison between row and model to see if row is selected or not
              * Default comparation is by reference
              */
-            _this.compareWith = (/**
+            _this.compareWith = ( /**
              * @param {?} row
              * @param {?} model
              * @return {?}
-             */
-            function (row, model) {
+             */function (row, model) {
                 return row === model;
             });
             return _this;
         }
         Object.defineProperty(TdDataTableComponent.prototype, "resizingColumn", {
-            get: /**
+            /**
              * @return {?}
              */
-            function () {
+            get: function () {
                 return this._resizingColumn;
             },
-            enumerable: true,
+            enumerable: false,
             configurable: true
         });
         Object.defineProperty(TdDataTableComponent.prototype, "hostWidth", {
-            get: /**
+            /**
              * @return {?}
              */
-            function () {
+            get: function () {
                 // if the checkboxes are rendered, we need to remove their width
                 // from the total width to calculate properly
                 if (this.selectable) {
@@ -617,159 +707,131 @@
                 }
                 return this._hostWidth;
             },
-            enumerable: true,
+            enumerable: false,
             configurable: true
         });
         Object.defineProperty(TdDataTableComponent.prototype, "offsetTransform", {
             /**
-             * Returns the offset style with a proper calculation on how much it should move
-             * over the y axis of the total height
-             */
-            get: /**
              * Returns the offset style with a proper calculation on how much it should move
              * over the y axis of the total height
              * @return {?}
              */
-            function () {
+            get: function () {
                 return this._offsetTransform;
             },
-            enumerable: true,
+            enumerable: false,
             configurable: true
         });
         Object.defineProperty(TdDataTableComponent.prototype, "totalHeight", {
             /**
-             * Returns the assumed total height of the rows
-             */
-            get: /**
              * Returns the assumed total height of the rows
              * @return {?}
              */
-            function () {
+            get: function () {
                 return this._totalHeight;
             },
-            enumerable: true,
+            enumerable: false,
             configurable: true
         });
         Object.defineProperty(TdDataTableComponent.prototype, "fromRow", {
             /**
-             * Returns the initial row to render in the viewport
-             */
-            get: /**
              * Returns the initial row to render in the viewport
              * @return {?}
              */
-            function () {
+            get: function () {
                 return this._fromRow;
             },
-            enumerable: true,
+            enumerable: false,
             configurable: true
         });
         Object.defineProperty(TdDataTableComponent.prototype, "toRow", {
             /**
-             * Returns the last row to render in the viewport
-             */
-            get: /**
              * Returns the last row to render in the viewport
              * @return {?}
              */
-            function () {
+            get: function () {
                 return this._toRow;
             },
-            enumerable: true,
+            enumerable: false,
             configurable: true
         });
         Object.defineProperty(TdDataTableComponent.prototype, "columnsLeftScroll", {
             /**
-             * Returns scroll position to reposition column headers
-             */
-            get: /**
              * Returns scroll position to reposition column headers
              * @return {?}
              */
-            function () {
+            get: function () {
                 return this._scrollHorizontalOffset * -1;
             },
-            enumerable: true,
+            enumerable: false,
             configurable: true
         });
         Object.defineProperty(TdDataTableComponent.prototype, "allSelected", {
             /**
-             * Returns true if all values are selected.
-             */
-            get: /**
              * Returns true if all values are selected.
              * @return {?}
              */
-            function () {
+            get: function () {
                 return this._allSelected;
             },
-            enumerable: true,
+            enumerable: false,
             configurable: true
         });
         Object.defineProperty(TdDataTableComponent.prototype, "indeterminate", {
             /**
-             * Returns true if all values are not deselected
-             * and at least one is.
-             */
-            get: /**
              * Returns true if all values are not deselected
              * and at least one is.
              * @return {?}
              */
-            function () {
+            get: function () {
                 return this._indeterminate;
             },
-            enumerable: true,
+            enumerable: false,
             configurable: true
         });
         Object.defineProperty(TdDataTableComponent.prototype, "data", {
-            get: /**
+            /**
              * @return {?}
              */
-            function () {
+            get: function () {
                 return this._data;
             },
             /**
-             * data?: {[key: string]: any}[]
-             * Sets the data to be rendered as rows.
-             */
-            set: /**
              * data?: {[key: string]: any}[]
              * Sets the data to be rendered as rows.
              * @param {?} data
              * @return {?}
              */
-            function (data) {
+            set: function (data) {
                 var _this = this;
                 this._data = data;
                 this._rowHeightCache = [];
-                Promise.resolve().then((/**
+                Promise.resolve().then(( /**
                  * @return {?}
-                 */
-                function () {
+                 */function () {
                     _this.refresh();
                     // scroll back to the top if the data has changed
                     _this._scrollableDiv.nativeElement.scrollTop = 0;
                 }));
             },
-            enumerable: true,
+            enumerable: false,
             configurable: true
         });
         Object.defineProperty(TdDataTableComponent.prototype, "virtualData", {
-            get: /**
+            /**
              * @return {?}
              */
-            function () {
+            get: function () {
                 return this._virtualData;
             },
-            enumerable: true,
+            enumerable: false,
             configurable: true
         });
         Object.defineProperty(TdDataTableComponent.prototype, "columns", {
-            get: /**
+            /**
              * @return {?}
              */
-            function () {
+            get: function () {
                 var _this = this;
                 if (this._columns) {
                     return this._columns;
@@ -779,16 +841,14 @@
                     // if columns is undefined, use key in [data] rows as name and label for column headers.
                     /** @type {?} */
                     var row = this._data[0];
-                    Object.keys(row).forEach((/**
+                    Object.keys(row).forEach(( /**
                      * @param {?} k
                      * @return {?}
-                     */
-                    function (k) {
-                        if (!_this._columns.find((/**
+                     */function (k) {
+                        if (!_this._columns.find(( /**
                          * @param {?} c
                          * @return {?}
-                         */
-                        function (c) { return c.name === k; }))) {
+                         */function (c) { return c.name === k; }))) {
                             _this._columns.push({ name: k, label: k });
                         }
                     }));
@@ -799,201 +859,161 @@
                 }
             },
             /**
-             * columns?: ITdDataTableColumn[]
-             * Sets additional column configuration. [ITdDataTableColumn.name] has to exist in [data] as key.
-             * Defaults to [data] keys.
-             */
-            set: /**
              * columns?: ITdDataTableColumn[]
              * Sets additional column configuration. [ITdDataTableColumn.name] has to exist in [data] as key.
              * Defaults to [data] keys.
              * @param {?} cols
              * @return {?}
              */
-            function (cols) {
+            set: function (cols) {
                 this._columns = cols;
             },
-            enumerable: true,
+            enumerable: false,
             configurable: true
         });
         Object.defineProperty(TdDataTableComponent.prototype, "resizableColumns", {
-            get: /**
+            /**
              * @return {?}
              */
-            function () {
+            get: function () {
                 return this._resizableColumns;
             },
             /**
-             * resizableColumns?: boolean
-             * Enables manual column resize.
-             * Defaults to 'false'
-             */
-            set: /**
              * resizableColumns?: boolean
              * Enables manual column resize.
              * Defaults to 'false'
              * @param {?} resizableColumns
              * @return {?}
              */
-            function (resizableColumns) {
+            set: function (resizableColumns) {
                 this._resizableColumns = coercion.coerceBooleanProperty(resizableColumns);
             },
-            enumerable: true,
+            enumerable: false,
             configurable: true
         });
         Object.defineProperty(TdDataTableComponent.prototype, "selectable", {
-            get: /**
+            /**
              * @return {?}
              */
-            function () {
+            get: function () {
                 return this._selectable;
             },
             /**
-             * selectable?: boolean
-             * Enables row selection events, hover and selected row states.
-             * Defaults to 'false'
-             */
-            set: /**
              * selectable?: boolean
              * Enables row selection events, hover and selected row states.
              * Defaults to 'false'
              * @param {?} selectable
              * @return {?}
              */
-            function (selectable) {
+            set: function (selectable) {
                 this._selectable = coercion.coerceBooleanProperty(selectable);
             },
-            enumerable: true,
+            enumerable: false,
             configurable: true
         });
         Object.defineProperty(TdDataTableComponent.prototype, "clickable", {
-            get: /**
+            /**
              * @return {?}
              */
-            function () {
+            get: function () {
                 return this._clickable;
             },
             /**
-             * clickable?: boolean
-             * Enables row click events, hover.
-             * Defaults to 'false'
-             */
-            set: /**
              * clickable?: boolean
              * Enables row click events, hover.
              * Defaults to 'false'
              * @param {?} clickable
              * @return {?}
              */
-            function (clickable) {
+            set: function (clickable) {
                 this._clickable = coercion.coerceBooleanProperty(clickable);
             },
-            enumerable: true,
+            enumerable: false,
             configurable: true
         });
         Object.defineProperty(TdDataTableComponent.prototype, "multiple", {
-            get: /**
+            /**
              * @return {?}
              */
-            function () {
+            get: function () {
                 return this._multiple;
             },
             /**
-             * multiple?: boolean
-             * Enables multiple row selection. [selectable] needs to be enabled.
-             * Defaults to 'false'
-             */
-            set: /**
              * multiple?: boolean
              * Enables multiple row selection. [selectable] needs to be enabled.
              * Defaults to 'false'
              * @param {?} multiple
              * @return {?}
              */
-            function (multiple) {
+            set: function (multiple) {
                 this._multiple = coercion.coerceBooleanProperty(multiple);
             },
-            enumerable: true,
+            enumerable: false,
             configurable: true
         });
         Object.defineProperty(TdDataTableComponent.prototype, "sortable", {
-            get: /**
+            /**
              * @return {?}
              */
-            function () {
+            get: function () {
                 return this._sortable;
             },
             /**
-             * sortable?: boolean
-             * Enables sorting events, sort icons and active column states.
-             * Defaults to 'false'
-             */
-            set: /**
              * sortable?: boolean
              * Enables sorting events, sort icons and active column states.
              * Defaults to 'false'
              * @param {?} sortable
              * @return {?}
              */
-            function (sortable) {
+            set: function (sortable) {
                 this._sortable = coercion.coerceBooleanProperty(sortable);
             },
-            enumerable: true,
+            enumerable: false,
             configurable: true
         });
         Object.defineProperty(TdDataTableComponent.prototype, "sortBy", {
             /**
-             * sortBy?: string
-             * Sets the active sort column. [sortable] needs to be enabled.
-             */
-            set: /**
              * sortBy?: string
              * Sets the active sort column. [sortable] needs to be enabled.
              * @param {?} columnName
              * @return {?}
              */
-            function (columnName) {
+            set: function (columnName) {
                 if (!columnName) {
                     return;
                 }
                 /** @type {?} */
-                var column = this.columns.find((/**
+                var column = this.columns.find(( /**
                  * @param {?} c
                  * @return {?}
-                 */
-                function (c) { return c.name === columnName; }));
+                 */function (c) { return c.name === columnName; }));
                 if (!column) {
                     throw new Error('[sortBy] must be a valid column name');
                 }
                 this._sortBy = column;
             },
-            enumerable: true,
+            enumerable: false,
             configurable: true
         });
         Object.defineProperty(TdDataTableComponent.prototype, "sortByColumn", {
-            get: /**
+            /**
              * @return {?}
              */
-            function () {
+            get: function () {
                 return this._sortBy;
             },
-            enumerable: true,
+            enumerable: false,
             configurable: true
         });
         Object.defineProperty(TdDataTableComponent.prototype, "sortOrder", {
             /**
-             * sortOrder?: ['ASC' | 'DESC'] or TdDataTableSortingOrder
-             * Sets the sort order of the [sortBy] column. [sortable] needs to be enabled.
-             * Defaults to 'ASC' or TdDataTableSortingOrder.Ascending
-             */
-            set: /**
              * sortOrder?: ['ASC' | 'DESC'] or TdDataTableSortingOrder
              * Sets the sort order of the [sortBy] column. [sortable] needs to be enabled.
              * Defaults to 'ASC' or TdDataTableSortingOrder.Ascending
              * @param {?} order
              * @return {?}
              */
-            function (order) {
+            set: function (order) {
                 /** @type {?} */
                 var sortOrder = order ? order.toUpperCase() : 'ASC';
                 if (sortOrder !== 'DESC' && sortOrder !== 'ASC') {
@@ -1001,54 +1021,45 @@
                 }
                 this._sortOrder = sortOrder === 'ASC' ? TdDataTableSortingOrder.Ascending : TdDataTableSortingOrder.Descending;
             },
-            enumerable: true,
+            enumerable: false,
             configurable: true
         });
         Object.defineProperty(TdDataTableComponent.prototype, "sortOrderEnum", {
-            get: /**
+            /**
              * @return {?}
              */
-            function () {
+            get: function () {
                 return this._sortOrder;
             },
-            enumerable: true,
+            enumerable: false,
             configurable: true
         });
         Object.defineProperty(TdDataTableComponent.prototype, "hasData", {
-            get: /**
+            /**
              * @return {?}
              */
-            function () {
+            get: function () {
                 return this._data && this._data.length > 0;
             },
-            enumerable: true,
+            enumerable: false,
             configurable: true
         });
         /**
-         * Initialize observable for resize and scroll events
-         */
-        /**
-         * Initialize observable for resize and scroll events
-         * @return {?}
-         */
-        TdDataTableComponent.prototype.ngOnInit = /**
          * Initialize observable for resize and scroll events
          * @return {?}
          */
-        function () {
+        TdDataTableComponent.prototype.ngOnInit = function () {
             var _this = this;
             // initialize observable for resize calculations
-            this._resizeSubs = this._onResize.asObservable().subscribe((/**
+            this._resizeSubs = this._onResize.asObservable().subscribe(( /**
              * @return {?}
-             */
-            function () {
+             */function () {
                 if (_this._rows) {
-                    _this._rows.toArray().forEach((/**
+                    _this._rows.toArray().forEach(( /**
                      * @param {?} row
                      * @param {?} index
                      * @return {?}
-                     */
-                    function (row, index) {
+                     */function (row, index) {
                         _this._rowHeightCache[_this.fromRow + index] = row.height + 1;
                     }));
                 }
@@ -1059,54 +1070,43 @@
             this._columnResizeSubs = this._onColumnResize
                 .asObservable()
                 .pipe(operators.debounceTime(0))
-                .subscribe((/**
-             * @param {?} clientX
-             * @return {?}
-             */
-            function (clientX) {
+                .subscribe(( /**
+         * @param {?} clientX
+         * @return {?}
+         */function (clientX) {
                 _this._columnClientX = clientX;
                 _this._calculateWidths();
                 _this._changeDetectorRef.markForCheck();
             }));
             // initialize observable for scroll column header reposition
-            this._horizontalScrollSubs = this._onHorizontalScroll.asObservable().subscribe((/**
+            this._horizontalScrollSubs = this._onHorizontalScroll.asObservable().subscribe(( /**
              * @param {?} horizontalScroll
              * @return {?}
-             */
-            function (horizontalScroll) {
+             */function (horizontalScroll) {
                 _this._scrollHorizontalOffset = horizontalScroll;
                 _this._changeDetectorRef.markForCheck();
             }));
             // initialize observable for virtual scroll rendering
-            this._verticalScrollSubs = this._onVerticalScroll.asObservable().subscribe((/**
+            this._verticalScrollSubs = this._onVerticalScroll.asObservable().subscribe(( /**
              * @param {?} verticalScroll
              * @return {?}
-             */
-            function (verticalScroll) {
+             */function (verticalScroll) {
                 _this._scrollVerticalOffset = verticalScroll;
                 _this._calculateVirtualRows();
                 _this._changeDetectorRef.markForCheck();
             }));
-            this._valueChangesSubs = this.valueChanges.subscribe((/**
+            this._valueChangesSubs = this.valueChanges.subscribe(( /**
              * @param {?} value
              * @return {?}
-             */
-            function (value) {
+             */function (value) {
                 _this.refresh();
             }));
         };
         /**
-         * Loads templates and sets them in a map for faster access.
-         */
-        /**
-         * Loads templates and sets them in a map for faster access.
-         * @return {?}
-         */
-        TdDataTableComponent.prototype.ngAfterContentInit = /**
          * Loads templates and sets them in a map for faster access.
          * @return {?}
          */
-        function () {
+        TdDataTableComponent.prototype.ngAfterContentInit = function () {
             var e_1, _a;
             try {
                 for (var _b = __values(this._templates.toArray()), _c = _b.next(); !_c.done; _c = _b.next()) {
@@ -1123,17 +1123,10 @@
             }
         };
         /**
-         * Checks hosts native elements widths to see if it has changed (resize check)
-         */
-        /**
-         * Checks hosts native elements widths to see if it has changed (resize check)
-         * @return {?}
-         */
-        TdDataTableComponent.prototype.ngAfterContentChecked = /**
          * Checks hosts native elements widths to see if it has changed (resize check)
          * @return {?}
          */
-        function () {
+        TdDataTableComponent.prototype.ngAfterContentChecked = function () {
             var _this = this;
             // check if the scroll has been reset when element is hidden
             if (this._scrollVerticalOffset - this._scrollableDiv.nativeElement.scrollTop > 5) {
@@ -1145,10 +1138,9 @@
                 var newHostWidth_1 = this._elementRef.nativeElement.getBoundingClientRect().width;
                 // if the width has changed then we throw a resize event.
                 if (this._hostWidth !== newHostWidth_1) {
-                    setTimeout((/**
+                    setTimeout(( /**
                      * @return {?}
-                     */
-                    function () {
+                     */function () {
                         _this._hostWidth = newHostWidth_1;
                         _this._onResize.next();
                     }), 0);
@@ -1165,42 +1157,25 @@
                 }
             }
         };
-        /**
-         * Registers to an observable that checks if all rows have been rendered
-         * so we can start calculating the widths
-         */
         /**
          * Registers to an observable that checks if all rows have been rendered
          * so we can start calculating the widths
          * @return {?}
          */
-        TdDataTableComponent.prototype.ngAfterViewInit = /**
-         * Registers to an observable that checks if all rows have been rendered
-         * so we can start calculating the widths
-         * @return {?}
-         */
-        function () {
+        TdDataTableComponent.prototype.ngAfterViewInit = function () {
             var _this = this;
-            this._rowsChangedSubs = this._rows.changes.pipe(operators.debounceTime(0)).subscribe((/**
+            this._rowsChangedSubs = this._rows.changes.pipe(operators.debounceTime(0)).subscribe(( /**
              * @return {?}
-             */
-            function () {
+             */function () {
                 _this._onResize.next();
             }));
             this._calculateVirtualRows();
         };
         /**
-         * Unsubscribes observables when data table is destroyed
-         */
-        /**
-         * Unsubscribes observables when data table is destroyed
-         * @return {?}
-         */
-        TdDataTableComponent.prototype.ngOnDestroy = /**
          * Unsubscribes observables when data table is destroyed
          * @return {?}
          */
-        function () {
+        TdDataTableComponent.prototype.ngOnDestroy = function () {
             if (this._resizeSubs) {
                 this._resizeSubs.unsubscribe();
             }
@@ -1221,24 +1196,14 @@
             }
         };
         /**
-         * Method that gets executed every time there is a scroll event
-         * Calls the scroll observable
-         */
-        /**
-         * Method that gets executed every time there is a scroll event
-         * Calls the scroll observable
-         * @param {?} event
-         * @return {?}
-         */
-        TdDataTableComponent.prototype.handleScroll = /**
          * Method that gets executed every time there is a scroll event
          * Calls the scroll observable
          * @param {?} event
          * @return {?}
          */
-        function (event) {
+        TdDataTableComponent.prototype.handleScroll = function (event) {
             /** @type {?} */
-            var element = (/** @type {?} */ (event.target));
+            var element = ( /** @type {?} */(event.target));
             if (element) {
                 /** @type {?} */
                 var horizontalScroll = element.scrollLeft;
@@ -1253,19 +1218,11 @@
             }
         };
         /**
-         * Returns the width needed for the columns via index
-         */
-        /**
-         * Returns the width needed for the columns via index
-         * @param {?} index
-         * @return {?}
-         */
-        TdDataTableComponent.prototype.getColumnWidth = /**
          * Returns the width needed for the columns via index
          * @param {?} index
          * @return {?}
          */
-        function (index) {
+        TdDataTableComponent.prototype.getColumnWidth = function (index) {
             if (this._widths[index]) {
                 return this._widths[index].value;
             }
@@ -1276,87 +1233,51 @@
          * @param {?} value
          * @return {?}
          */
-        TdDataTableComponent.prototype.getCellValue = /**
-         * @param {?} column
-         * @param {?} value
-         * @return {?}
-         */
-        function (column, value) {
+        TdDataTableComponent.prototype.getCellValue = function (column, value) {
             if (column.nested === undefined || column.nested) {
                 return this._getNestedValue(column.name, value);
             }
             return value[column.name];
         };
-        /**
-         * Getter method for template references
-         */
         /**
          * Getter method for template references
          * @param {?} name
          * @return {?}
          */
-        TdDataTableComponent.prototype.getTemplateRef = /**
-         * Getter method for template references
-         * @param {?} name
-         * @return {?}
-         */
-        function (name) {
+        TdDataTableComponent.prototype.getTemplateRef = function (name) {
             return this._templateMap.get(name);
         };
         /**
-         * Clears model (ngModel) of component by removing all values in array.
-         */
-        /**
-         * Clears model (ngModel) of component by removing all values in array.
-         * @return {?}
-         */
-        TdDataTableComponent.prototype.clearModel = /**
          * Clears model (ngModel) of component by removing all values in array.
          * @return {?}
          */
-        function () {
+        TdDataTableComponent.prototype.clearModel = function () {
             this.value.splice(0, this.value.length);
         };
-        /**
-         * Refreshes data table and rerenders [data] and [columns]
-         */
         /**
          * Refreshes data table and rerenders [data] and [columns]
          * @return {?}
          */
-        TdDataTableComponent.prototype.refresh = /**
-         * Refreshes data table and rerenders [data] and [columns]
-         * @return {?}
-         */
-        function () {
+        TdDataTableComponent.prototype.refresh = function () {
             this._calculateVirtualRows();
             this._calculateWidths();
             this._calculateCheckboxState();
             this._changeDetectorRef.markForCheck();
         };
         /**
-         * Selects or clears all rows depending on 'checked' value.
-         */
-        /**
-         * Selects or clears all rows depending on 'checked' value.
-         * @param {?} checked
-         * @return {?}
-         */
-        TdDataTableComponent.prototype._selectAll = /**
          * Selects or clears all rows depending on 'checked' value.
          * @param {?} checked
          * @return {?}
          */
-        function (checked) {
+        TdDataTableComponent.prototype._selectAll = function (checked) {
             var _this = this;
             /** @type {?} */
             var toggledRows = [];
             if (checked) {
-                this._data.forEach((/**
+                this._data.forEach(( /**
                  * @param {?} row
                  * @return {?}
-                 */
-                function (row) {
+                 */function (row) {
                     // skiping already selected rows
                     if (!_this.isRowSelected(row)) {
                         _this.value.push(row);
@@ -1368,20 +1289,18 @@
                 this._indeterminate = true;
             }
             else {
-                this._data.forEach((/**
+                this._data.forEach(( /**
                  * @param {?} row
                  * @return {?}
-                 */
-                function (row) {
+                 */function (row) {
                     // checking which ones are being toggled
                     if (_this.isRowSelected(row)) {
                         toggledRows.push(row);
                         /** @type {?} */
-                        var modelRow = _this.value.filter((/**
+                        var modelRow = _this.value.filter(( /**
                          * @param {?} val
                          * @return {?}
-                         */
-                        function (val) {
+                         */function (val) {
                             return _this.compareWith(row, val);
                         }))[0];
                         /** @type {?} */
@@ -1397,45 +1316,24 @@
             this.selectAll.emit({ rows: toggledRows, selected: checked });
             this.onChange(this.value);
         };
-        /**
-         * Checks if row is selected
-         */
         /**
          * Checks if row is selected
          * @param {?} row
          * @return {?}
          */
-        TdDataTableComponent.prototype.isRowSelected = /**
-         * Checks if row is selected
-         * @param {?} row
-         * @return {?}
-         */
-        function (row) {
+        TdDataTableComponent.prototype.isRowSelected = function (row) {
             var _this = this;
             // compare items by [compareWith] function
             return this.value
-                ? this.value.filter((/**
+                ? this.value.filter(( /**
                  * @param {?} val
                  * @return {?}
-                 */
-                function (val) {
+                 */function (val) {
                     return _this.compareWith(row, val);
                 })).length > 0
                 : false;
         };
         /**
-         * Selects or clears a row depending on 'checked' value if the row 'isSelectable'
-         * handles cntrl clicks and shift clicks for multi-select
-         */
-        /**
-         * Selects or clears a row depending on 'checked' value if the row 'isSelectable'
-         * handles cntrl clicks and shift clicks for multi-select
-         * @param {?} row
-         * @param {?} event
-         * @param {?} currentSelected
-         * @return {?}
-         */
-        TdDataTableComponent.prototype.select = /**
          * Selects or clears a row depending on 'checked' value if the row 'isSelectable'
          * handles cntrl clicks and shift clicks for multi-select
          * @param {?} row
@@ -1443,12 +1341,12 @@
          * @param {?} currentSelected
          * @return {?}
          */
-        function (row, event, currentSelected) {
+        TdDataTableComponent.prototype.select = function (row, event, currentSelected) {
             if (this.selectable) {
                 this.blockEvent(event);
                 // Check to see if Shift key is selected and need to select everything in between
                 /** @type {?} */
-                var mouseEvent = (/** @type {?} */ (event));
+                var mouseEvent = ( /** @type {?} */(event));
                 if (this.multiple && mouseEvent && mouseEvent.shiftKey && this._lastSelectedIndex > -1) {
                     /** @type {?} */
                     var firstIndex = currentSelected;
@@ -1507,58 +1405,29 @@
             }
         };
         /**
-         * Overrides the onselectstart method of the document so other text on the page
-         * doesn't get selected when doing shift selections.
-         */
-        /**
-         * Overrides the onselectstart method of the document so other text on the page
-         * doesn't get selected when doing shift selections.
-         * @return {?}
-         */
-        TdDataTableComponent.prototype.disableTextSelection = /**
          * Overrides the onselectstart method of the document so other text on the page
          * doesn't get selected when doing shift selections.
          * @return {?}
          */
-        function () {
+        TdDataTableComponent.prototype.disableTextSelection = function () {
             if (this._document) {
-                this._document.onselectstart = (/**
+                this._document.onselectstart = ( /**
                  * @return {?}
-                 */
-                function () {
+                 */function () {
                     return false;
                 });
             }
         };
-        /**
-         * Resets the original onselectstart method.
-         */
         /**
          * Resets the original onselectstart method.
          * @return {?}
          */
-        TdDataTableComponent.prototype.enableTextSelection = /**
-         * Resets the original onselectstart method.
-         * @return {?}
-         */
-        function () {
+        TdDataTableComponent.prototype.enableTextSelection = function () {
             if (this._document) {
                 this._document.onselectstart = undefined;
             }
         };
         /**
-         * emits the onRowClickEvent when a row is clicked
-         * if clickable is true and selectable is false then select the row
-         */
-        /**
-         * emits the onRowClickEvent when a row is clicked
-         * if clickable is true and selectable is false then select the row
-         * @param {?} row
-         * @param {?} index
-         * @param {?} event
-         * @return {?}
-         */
-        TdDataTableComponent.prototype.handleRowClick = /**
          * emits the onRowClickEvent when a row is clicked
          * if clickable is true and selectable is false then select the row
          * @param {?} row
@@ -1566,14 +1435,14 @@
          * @param {?} event
          * @return {?}
          */
-        function (row, index, event) {
+        TdDataTableComponent.prototype.handleRowClick = function (row, index, event) {
             if (this.clickable) {
                 // ignoring linting rules here because attribute it actually null or not there
                 // can't check for undefined
                 /** @type {?} */
                 var srcElement = event.srcElement || event.currentTarget;
                 /** @type {?} */
-                var element = (/** @type {?} */ (event.target));
+                var element = ( /** @type {?} */(event.target));
                 /* tslint:disable-next-line */
                 if (srcElement.getAttribute('stopRowClick') === null && element.tagName.toLowerCase() !== 'mat-pseudo-checkbox') {
                     this.rowClick.emit({
@@ -1584,19 +1453,11 @@
             }
         };
         /**
-         * Method handle for sort click event in column headers.
-         */
-        /**
-         * Method handle for sort click event in column headers.
-         * @param {?} column
-         * @return {?}
-         */
-        TdDataTableComponent.prototype.handleSort = /**
          * Method handle for sort click event in column headers.
          * @param {?} column
          * @return {?}
          */
-        function (column) {
+        TdDataTableComponent.prototype.handleSort = function (column) {
             if (this._sortBy === column) {
                 this._sortOrder =
                     this._sortOrder === TdDataTableSortingOrder.Ascending
@@ -1610,23 +1471,13 @@
             this.sortChange.next({ name: this._sortBy.name, order: this._sortOrder });
         };
         /**
-         * Handle all keyup events when focusing a data table row
-         */
-        /**
-         * Handle all keyup events when focusing a data table row
-         * @param {?} event
-         * @param {?} row
-         * @param {?} index
-         * @return {?}
-         */
-        TdDataTableComponent.prototype._rowKeyup = /**
          * Handle all keyup events when focusing a data table row
          * @param {?} event
          * @param {?} row
          * @param {?} index
          * @return {?}
          */
-        function (event, row, index) {
+        TdDataTableComponent.prototype._rowKeyup = function (event, row, index) {
             switch (event.keyCode) {
                 case keycodes.ENTER:
                 case keycodes.SPACE:
@@ -1666,38 +1517,21 @@
             }
         };
         /**
-         * Sets column index of the dragged column and initial clientX of column
-         */
-        /**
-         * Sets column index of the dragged column and initial clientX of column
-         * @param {?} index
-         * @param {?} event
-         * @return {?}
-         */
-        TdDataTableComponent.prototype._handleStartColumnDrag = /**
          * Sets column index of the dragged column and initial clientX of column
          * @param {?} index
          * @param {?} event
          * @return {?}
          */
-        function (index, event) {
+        TdDataTableComponent.prototype._handleStartColumnDrag = function (index, event) {
             this._columnClientX = event.clientX;
             this._resizingColumn = index;
         };
         /**
-         * Calculates new width depending on new clientX of dragger column
-         */
-        /**
-         * Calculates new width depending on new clientX of dragger column
-         * @param {?} event
-         * @return {?}
-         */
-        TdDataTableComponent.prototype._handleColumnDrag = /**
          * Calculates new width depending on new clientX of dragger column
          * @param {?} event
          * @return {?}
          */
-        function (event) {
+        TdDataTableComponent.prototype._handleColumnDrag = function (event) {
             // check if there was been a separator clicked for resize
             if (this._resizingColumn !== undefined && event.clientX > 0) {
                 /** @type {?} */
@@ -1717,35 +1551,20 @@
                 }
             }
         };
-        /**
-         * Ends dragged flags
-         */
         /**
          * Ends dragged flags
          * @return {?}
          */
-        TdDataTableComponent.prototype._handleEndColumnDrag = /**
-         * Ends dragged flags
-         * @return {?}
-         */
-        function () {
+        TdDataTableComponent.prototype._handleEndColumnDrag = function () {
             this._columnClientX = undefined;
             this._resizingColumn = undefined;
         };
         /**
-         * Method to prevent the default events
-         */
-        /**
-         * Method to prevent the default events
-         * @param {?} event
-         * @return {?}
-         */
-        TdDataTableComponent.prototype.blockEvent = /**
          * Method to prevent the default events
          * @param {?} event
          * @return {?}
          */
-        function (event) {
+        TdDataTableComponent.prototype.blockEvent = function (event) {
             event.preventDefault();
         };
         /**
@@ -1754,13 +1573,7 @@
          * @param {?} value
          * @return {?}
          */
-        TdDataTableComponent.prototype._getNestedValue = /**
-         * @private
-         * @param {?} name
-         * @param {?} value
-         * @return {?}
-         */
-        function (name, value) {
+        TdDataTableComponent.prototype._getNestedValue = function (name, value) {
             if (!(value instanceof Object) || !name) {
                 return value;
             }
@@ -1774,23 +1587,13 @@
             }
         };
         /**
-         * Does the actual Row Selection
-         */
-        /**
-         * Does the actual Row Selection
-         * @private
-         * @param {?} row
-         * @param {?} rowIndex
-         * @return {?}
-         */
-        TdDataTableComponent.prototype._doSelection = /**
          * Does the actual Row Selection
          * @private
          * @param {?} row
          * @param {?} rowIndex
          * @return {?}
          */
-        function (row, rowIndex) {
+        TdDataTableComponent.prototype._doSelection = function (row, rowIndex) {
             var _this = this;
             /** @type {?} */
             var wasSelected = this.isRowSelected(row);
@@ -1802,11 +1605,10 @@
             }
             else {
                 // compare items by [compareWith] function
-                row = this.value.filter((/**
+                row = this.value.filter(( /**
                  * @param {?} val
                  * @return {?}
-                 */
-                function (val) {
+                 */function (val) {
                     return _this.compareWith(row, val);
                 }))[0];
                 /** @type {?} */
@@ -1821,27 +1623,18 @@
             return !wasSelected;
         };
         /**
-         * Calculate all the state of all checkboxes
-         */
-        /**
-         * Calculate all the state of all checkboxes
-         * @private
-         * @return {?}
-         */
-        TdDataTableComponent.prototype._calculateCheckboxState = /**
          * Calculate all the state of all checkboxes
          * @private
          * @return {?}
          */
-        function () {
+        TdDataTableComponent.prototype._calculateCheckboxState = function () {
             var e_2, _a;
             var _this = this;
             if (this._data) {
-                this._allSelected = typeof this._data.find((/**
+                this._allSelected = typeof this._data.find(( /**
                  * @param {?} d
                  * @return {?}
-                 */
-                function (d) { return !_this.isRowSelected(d); })) === 'undefined';
+                 */function (d) { return !_this.isRowSelected(d); })) === 'undefined';
                 this._indeterminate = false;
                 try {
                     for (var _b = __values(this._data), _c = _b.next(); !_c.done; _c = _b.next()) {
@@ -1863,28 +1656,19 @@
             }
         };
         /**
-         * Calculates the widths for columns and cells depending on content
-         */
-        /**
-         * Calculates the widths for columns and cells depending on content
-         * @private
-         * @return {?}
-         */
-        TdDataTableComponent.prototype._calculateWidths = /**
          * Calculates the widths for columns and cells depending on content
          * @private
          * @return {?}
          */
-        function () {
+        TdDataTableComponent.prototype._calculateWidths = function () {
             var _this = this;
             if (this._colElements && this._colElements.length) {
                 this._widths = [];
-                this._colElements.forEach((/**
+                this._colElements.forEach(( /**
                  * @param {?} col
                  * @param {?} index
                  * @return {?}
-                 */
-                function (col, index) {
+                 */function (col, index) {
                     _this._adjustColumnWidth(index, _this._calculateWidth());
                 }));
                 this._adjustColumnWidhts();
@@ -1892,30 +1676,21 @@
             }
         };
         /**
-         * Adjusts columns after calculation to see if they need to be recalculated.
-         */
-        /**
-         * Adjusts columns after calculation to see if they need to be recalculated.
-         * @private
-         * @return {?}
-         */
-        TdDataTableComponent.prototype._adjustColumnWidhts = /**
          * Adjusts columns after calculation to see if they need to be recalculated.
          * @private
          * @return {?}
          */
-        function () {
+        TdDataTableComponent.prototype._adjustColumnWidhts = function () {
             var _this = this;
             /** @type {?} */
             var fixedTotalWidth = 0;
             // get the number of total columns that have flexible widths (not fixed or hidden)
             /** @type {?} */
-            var flexibleWidths = this._widths.filter((/**
+            var flexibleWidths = this._widths.filter(( /**
              * @param {?} width
              * @param {?} index
              * @return {?}
-             */
-            function (width, index) {
+             */function (width, index) {
                 if (_this.columns[index].hidden) {
                     return false;
                 }
@@ -1939,11 +1714,10 @@
                 /** @type {?} */
                 var adjustedNumber_1 = 0;
                 // adjust the column widths with the spread pixels
-                this._widths.forEach((/**
+                this._widths.forEach(( /**
                  * @param {?} colWidth
                  * @return {?}
-                 */
-                function (colWidth) {
+                 */function (colWidth) {
                     if ((_this._widths[colWidth.index].max && _this._widths[colWidth.index].value > newValue_1) ||
                         (_this._widths[colWidth.index].min && _this._widths[colWidth.index].value < newValue_1) ||
                         !_this._widths[colWidth.index].limit) {
@@ -1953,11 +1727,10 @@
                 }));
                 // if there are still columns that need to be recalculated, we start over
                 /** @type {?} */
-                var newFlexibleWidths = this._widths.filter((/**
+                var newFlexibleWidths = this._widths.filter(( /**
                  * @param {?} width
                  * @return {?}
-                 */
-                function (width) {
+                 */function (width) {
                     return !width.limit && !width.max;
                 })).length;
                 if (newFlexibleWidths !== adjustedNumber_1 && newFlexibleWidths !== flexibleWidths) {
@@ -1966,23 +1739,13 @@
             }
         };
         /**
-         * Adjusts a single column to see if it can be recalculated
-         */
-        /**
-         * Adjusts a single column to see if it can be recalculated
-         * @private
-         * @param {?} index
-         * @param {?} value
-         * @return {?}
-         */
-        TdDataTableComponent.prototype._adjustColumnWidth = /**
          * Adjusts a single column to see if it can be recalculated
          * @private
          * @param {?} index
          * @param {?} value
          * @return {?}
          */
-        function (index, value) {
+        TdDataTableComponent.prototype._adjustColumnWidth = function (index, value) {
             this._widths[index] = {
                 value: value,
                 index: index,
@@ -1998,7 +1761,7 @@
                 // if the provided width has min/max, then we check to see if we need to set it
                 if (typeof this.columns[index].width === 'object') {
                     /** @type {?} */
-                    var widthOpts = (/** @type {?} */ (this.columns[index].width));
+                    var widthOpts = ( /** @type {?} */(this.columns[index].width));
                     // if the column width is less than the configured min, we override it
                     skipMinWidthProjection = widthOpts && !!widthOpts.min;
                     if (widthOpts && widthOpts.min >= this._widths[index].value) {
@@ -2013,7 +1776,7 @@
                     // if it has a fixed width, then we just set it
                 }
                 else if (typeof this.columns[index].width === 'number') {
-                    this._widths[index].value = (/** @type {?} */ (this.columns[index].width));
+                    this._widths[index].value = ( /** @type {?} */(this.columns[index].width));
                     skipMinWidthProjection = this._widths[index].limit = true;
                 }
             }
@@ -2024,42 +1787,25 @@
                 this._widths[index].limit = false;
             }
         };
-        /**
-         * Generic method to calculate column width
-         */
         /**
          * Generic method to calculate column width
          * @private
          * @return {?}
          */
-        TdDataTableComponent.prototype._calculateWidth = /**
-         * Generic method to calculate column width
-         * @private
-         * @return {?}
-         */
-        function () {
+        TdDataTableComponent.prototype._calculateWidth = function () {
             /** @type {?} */
-            var renderedColumns = this.columns.filter((/**
+            var renderedColumns = this.columns.filter(( /**
              * @param {?} col
              * @return {?}
-             */
-            function (col) { return !col.hidden; }));
+             */function (col) { return !col.hidden; }));
             return Math.floor(this.hostWidth / renderedColumns.length);
         };
         /**
-         * Method to calculate the rows to be rendered in the viewport
-         */
-        /**
-         * Method to calculate the rows to be rendered in the viewport
-         * @private
-         * @return {?}
-         */
-        TdDataTableComponent.prototype._calculateVirtualRows = /**
          * Method to calculate the rows to be rendered in the viewport
          * @private
          * @return {?}
          */
-        function () {
+        TdDataTableComponent.prototype._calculateVirtualRows = function () {
             var _this = this;
             /** @type {?} */
             var scrolledRows = 0;
@@ -2069,12 +1815,11 @@
                 var rowHeightSum_1 = 0;
                 // loop through all rows to see if we have their height cached
                 // and sum them all to calculate the total height
-                this._data.forEach((/**
+                this._data.forEach(( /**
                  * @param {?} d
                  * @param {?} i
                  * @return {?}
-                 */
-                function (d, i) {
+                 */function (d, i) {
                     // iterate through all rows at first and assume all
                     // rows are the same height as the first one
                     if (!_this._rowHeightCache[i]) {
@@ -2133,61 +1878,59 @@
             }
             // mark for check at the end of the queue so we are sure
             // that the changes will be marked
-            Promise.resolve().then((/**
+            Promise.resolve().then(( /**
              * @return {?}
-             */
-            function () {
+             */function () {
                 _this._changeDetectorRef.markForCheck();
             }));
         };
-        TdDataTableComponent.decorators = [
-            { type: core.Component, args: [{
-                        providers: [
-                            {
-                                provide: forms.NG_VALUE_ACCESSOR,
-                                useExisting: core.forwardRef((/**
-                                 * @return {?}
-                                 */
-                                function () { return TdDataTableComponent; })),
-                                multi: true,
-                            },
-                        ],
-                        selector: 'td-data-table',
-                        template: "<table td-data-table [style.left.px]=\"columnsLeftScroll\" [class.mat-selectable]=\"selectable\">\n  <thead class=\"td-data-table-head\" (dragover)=\"_handleColumnDrag($event)\">\n    <tr td-data-table-column-row>\n      <th td-data-table-column class=\"mat-checkbox-column\" *ngIf=\"selectable\">\n        <mat-checkbox\n          #checkBoxAll\n          *ngIf=\"multiple\"\n          [disabled]=\"!hasData\"\n          [indeterminate]=\"indeterminate && !allSelected && hasData\"\n          [checked]=\"allSelected && hasData\"\n          (click)=\"blockEvent($event); _selectAll(!checkBoxAll.checked)\"\n          (keyup.enter)=\"_selectAll(!checkBoxAll.checked)\"\n          (keyup.space)=\"_selectAll(!checkBoxAll.checked)\"\n          (keydown.space)=\"blockEvent($event)\"\n        ></mat-checkbox>\n      </th>\n      <th\n        td-data-table-column\n        #columnElement\n        *ngFor=\"let column of columns; let i = index; let last = last\"\n        [style.min-width.px]=\"getColumnWidth(i)\"\n        [style.max-width.px]=\"getColumnWidth(i)\"\n        [name]=\"column.name\"\n        [numeric]=\"column.numeric\"\n        [active]=\"(column.sortable || sortable) && column === sortByColumn\"\n        [sortable]=\"column.sortable || (sortable && column.sortable !== false)\"\n        [sortOrder]=\"sortOrderEnum\"\n        [hidden]=\"column.hidden\"\n        [isColumnSortOrder]=\"!!column.columnSortOrder\"\n        (sortChange)=\"handleSort(column)\"\n      >\n        <span [matTooltip]=\"column.tooltip\" [class]=\"column.columnSortOrder ? 'td-table-header-label' : ''\">\n          {{ column.label }}\n          <span *ngIf=\"column.columnSortOrder\" class=\"td-data-table-sort-badge\">\n            {{ column.columnSortOrder || '' }}\n\n            <span\n              td-column-resizer\n              *ngIf=\"resizableColumns\"\n              draggable=\"true\"\n              class=\"td-data-table-column-resizer\"\n              [class.td-resizing]=\"i === resizingColumn\"\n              (mousedown)=\"_handleStartColumnDrag(i, $event)\"\n              (dragstart)=\"$event?.dataTransfer?.setData('text', '')\"\n              (drag)=\"_handleColumnDrag($event)\"\n              (dragend)=\"_handleEndColumnDrag()\"\n              (mouseup)=\"_handleEndColumnDrag()\"\n            >\n              <span class=\"td-data-table-column-separator\"></span>\n            </span>\n          </span>\n        </span>\n      </th>\n    </tr>\n  </thead>\n</table>\n<div #scrollableDiv class=\"td-data-table-scrollable\" (scroll)=\"handleScroll($event)\">\n  <div [style.height.px]=\"totalHeight\"></div>\n  <table\n    td-data-table\n    [style.transform]=\"offsetTransform\"\n    [style.position]=\"'absolute'\"\n    [class.mat-selectable]=\"selectable\"\n    [class.mat-clickable]=\"clickable\"\n  >\n    <tbody class=\"td-data-table-body\">\n      <tr\n        td-data-table-row\n        #dtRow\n        [tabIndex]=\"selectable ? 0 : -1\"\n        [selected]=\"(clickable || selectable) && isRowSelected(row)\"\n        *ngFor=\"let row of virtualData; let rowIndex = index\"\n        (click)=\"handleRowClick(row, fromRow + rowIndex, $event)\"\n        (keyup)=\"selectable && _rowKeyup($event, row, rowIndex)\"\n        (keydown.space)=\"blockEvent($event)\"\n        (keydown.shift.space)=\"blockEvent($event)\"\n        (keydown.shift)=\"disableTextSelection()\"\n        (keyup.shift)=\"enableTextSelection()\"\n      >\n        <td td-data-table-cell class=\"mat-checkbox-cell\" *ngIf=\"selectable\">\n          <mat-pseudo-checkbox\n            [state]=\"dtRow.selected ? 'checked' : 'unchecked'\"\n            (mousedown)=\"disableTextSelection()\"\n            (mouseup)=\"enableTextSelection()\"\n            stopRowClick\n            (click)=\"select(row, $event, fromRow + rowIndex)\"\n          ></mat-pseudo-checkbox>\n        </td>\n        <td\n          td-data-table-cell\n          [numeric]=\"column.numeric\"\n          [hidden]=\"column.hidden\"\n          *ngFor=\"let column of columns; let i = index\"\n          [style.min-width.px]=\"getColumnWidth(i)\"\n          [style.max-width.px]=\"getColumnWidth(i)\"\n        >\n          <span *ngIf=\"!getTemplateRef(column.name)\">\n            {{ column.format ? column.format(getCellValue(column, row)) : getCellValue(column, row) }}\n          </span>\n          <ng-template\n            *ngIf=\"getTemplateRef(column.name)\"\n            [ngTemplateOutlet]=\"getTemplateRef(column.name)\"\n            [ngTemplateOutletContext]=\"{\n              value: getCellValue(column, row),\n              row: row,\n              column: column.name,\n              index: rowIndex\n            }\"\n          ></ng-template>\n        </td>\n      </tr>\n    </tbody>\n  </table>\n</div>\n<ng-content></ng-content>\n",
-                        inputs: ['value'],
-                        changeDetection: core.ChangeDetectionStrategy.OnPush,
-                        styles: [".td-data-table-sort-badge{height:16px;width:16px;border-radius:50%;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;margin-left:4px}:host{display:block;overflow:hidden}:host .td-data-table-scrollable{position:relative;overflow:auto;height:calc(100% - 56px)}.td-table-header-label{display:-ms-flexbox;display:flex}.td-data-table-column-resizer{right:0;width:6px;cursor:col-resize}.td-data-table-column-resizer,.td-data-table-column-resizer .td-data-table-column-separator{position:absolute;height:100%;top:0}.td-data-table-column-resizer .td-data-table-column-separator{left:2px}.td-data-table-column-resizer.td-resizing{cursor:-webkit-grabbing}table.td-data-table{width:auto!important}table.td-data-table.mat-selectable tbody>tr.td-data-table-row{transition:background-color .2s}table.td-data-table.mat-selectable .td-data-table-column:first-child>.td-data-table-column-content-wrapper,table.td-data-table.mat-selectable td.td-data-table-cell:first-child>.td-data-table-column-content-wrapper,table.td-data-table.mat-selectable th.td-data-table-column:first-child>.td-data-table-column-content-wrapper{width:18px;min-width:18px;padding:0 24px}table.td-data-table.mat-selectable .td-data-table-column:nth-child(2)>.td-data-table-column-content-wrapper,table.td-data-table.mat-selectable td.td-data-table-cell:nth-child(2)>.td-data-table-column-content-wrapper,table.td-data-table.mat-selectable th.td-data-table-column:nth-child(2)>.td-data-table-column-content-wrapper{padding-left:0}[dir=rtl] table.td-data-table.mat-selectable .td-data-table-column:nth-child(2)>.td-data-table-column-content-wrapper,[dir=rtl] table.td-data-table.mat-selectable td.td-data-table-cell:nth-child(2)>.td-data-table-column-content-wrapper,[dir=rtl] table.td-data-table.mat-selectable th.td-data-table-column:nth-child(2)>.td-data-table-column-content-wrapper{padding-right:0;padding-left:28px}table.td-data-table td.mat-checkbox-cell,table.td-data-table th.mat-checkbox-column{min-width:42px;width:42px;font-size:0!important}table.td-data-table td.mat-checkbox-cell mat-pseudo-checkbox,table.td-data-table th.mat-checkbox-column mat-pseudo-checkbox{width:18px;height:18px}::ng-deep table.td-data-table td.mat-checkbox-cell mat-pseudo-checkbox.mat-pseudo-checkbox-checked::after,::ng-deep table.td-data-table th.mat-checkbox-column mat-pseudo-checkbox.mat-pseudo-checkbox-checked::after{width:11px!important;height:4px!important}table.td-data-table td.mat-checkbox-cell mat-checkbox ::ng-deep .mat-checkbox-inner-container,table.td-data-table th.mat-checkbox-column mat-checkbox ::ng-deep .mat-checkbox-inner-container{width:18px;height:18px;margin:0}"]
-                    }] }
-        ];
-        /** @nocollapse */
-        TdDataTableComponent.ctorParameters = function () { return [
-            { type: undefined, decorators: [{ type: core.Optional }, { type: core.Inject, args: [common.DOCUMENT,] }] },
-            { type: core.ElementRef },
-            { type: platformBrowser.DomSanitizer },
-            { type: core.ChangeDetectorRef }
-        ]; };
-        TdDataTableComponent.propDecorators = {
-            _templates: [{ type: core.ContentChildren, args: [TdDataTableTemplateDirective, { descendants: true },] }],
-            _scrollableDiv: [{ type: core.ViewChild, args: ['scrollableDiv', { static: true },] }],
-            _colElements: [{ type: core.ViewChildren, args: ['columnElement',] }],
-            _rows: [{ type: core.ViewChildren, args: [TdDataTableRowComponent,] }],
-            data: [{ type: core.Input, args: ['data',] }],
-            columns: [{ type: core.Input, args: ['columns',] }],
-            resizableColumns: [{ type: core.Input, args: ['resizableColumns',] }],
-            selectable: [{ type: core.Input, args: ['selectable',] }],
-            clickable: [{ type: core.Input, args: ['clickable',] }],
-            multiple: [{ type: core.Input, args: ['multiple',] }],
-            sortable: [{ type: core.Input, args: ['sortable',] }],
-            sortBy: [{ type: core.Input, args: ['sortBy',] }],
-            sortOrder: [{ type: core.Input, args: ['sortOrder',] }],
-            sortChange: [{ type: core.Output }],
-            rowSelect: [{ type: core.Output }],
-            rowClick: [{ type: core.Output }],
-            selectAll: [{ type: core.Output }],
-            compareWith: [{ type: core.Input }]
-        };
         return TdDataTableComponent;
     }(_TdDataTableMixinBase));
+    TdDataTableComponent.decorators = [
+        { type: core.Component, args: [{
+                    providers: [
+                        {
+                            provide: forms.NG_VALUE_ACCESSOR,
+                            useExisting: core.forwardRef(( /**
+                             * @return {?}
+                             */function () { return TdDataTableComponent; })),
+                            multi: true,
+                        },
+                    ],
+                    selector: 'td-data-table',
+                    template: "<table td-data-table [style.left.px]=\"columnsLeftScroll\" [class.mat-selectable]=\"selectable\">\n  <thead class=\"td-data-table-head\" (dragover)=\"_handleColumnDrag($event)\">\n    <tr td-data-table-column-row>\n      <th td-data-table-column class=\"mat-checkbox-column\" *ngIf=\"selectable\">\n        <mat-checkbox\n          #checkBoxAll\n          *ngIf=\"multiple\"\n          [disabled]=\"!hasData\"\n          [indeterminate]=\"indeterminate && !allSelected && hasData\"\n          [checked]=\"allSelected && hasData\"\n          (click)=\"blockEvent($event); _selectAll(!checkBoxAll.checked)\"\n          (keyup.enter)=\"_selectAll(!checkBoxAll.checked)\"\n          (keyup.space)=\"_selectAll(!checkBoxAll.checked)\"\n          (keydown.space)=\"blockEvent($event)\"\n        ></mat-checkbox>\n      </th>\n      <th\n        td-data-table-column\n        #columnElement\n        *ngFor=\"let column of columns; let i = index; let last = last\"\n        [style.min-width.px]=\"getColumnWidth(i)\"\n        [style.max-width.px]=\"getColumnWidth(i)\"\n        [name]=\"column.name\"\n        [numeric]=\"column.numeric\"\n        [active]=\"(column.sortable || sortable) && column === sortByColumn\"\n        [sortable]=\"column.sortable || (sortable && column.sortable !== false)\"\n        [sortOrder]=\"sortOrderEnum\"\n        [hidden]=\"column.hidden\"\n        [isColumnSortOrder]=\"!!column.columnSortOrder\"\n        (sortChange)=\"handleSort(column)\"\n      >\n        <span [matTooltip]=\"column.tooltip\" [class]=\"column.columnSortOrder ? 'td-table-header-label' : ''\">\n          {{ column.label }}\n          <span *ngIf=\"column.columnSortOrder\" class=\"td-data-table-sort-badge\">\n            {{ column.columnSortOrder || '' }}\n\n            <span\n              td-column-resizer\n              *ngIf=\"resizableColumns\"\n              draggable=\"true\"\n              class=\"td-data-table-column-resizer\"\n              [class.td-resizing]=\"i === resizingColumn\"\n              (mousedown)=\"_handleStartColumnDrag(i, $event)\"\n              (dragstart)=\"$event?.dataTransfer?.setData('text', '')\"\n              (drag)=\"_handleColumnDrag($event)\"\n              (dragend)=\"_handleEndColumnDrag()\"\n              (mouseup)=\"_handleEndColumnDrag()\"\n            >\n              <span class=\"td-data-table-column-separator\"></span>\n            </span>\n          </span>\n        </span>\n      </th>\n    </tr>\n  </thead>\n</table>\n<div #scrollableDiv class=\"td-data-table-scrollable\" (scroll)=\"handleScroll($event)\">\n  <div [style.height.px]=\"totalHeight\"></div>\n  <table\n    td-data-table\n    [style.transform]=\"offsetTransform\"\n    [style.position]=\"'absolute'\"\n    [class.mat-selectable]=\"selectable\"\n    [class.mat-clickable]=\"clickable\"\n  >\n    <tbody class=\"td-data-table-body\">\n      <tr\n        td-data-table-row\n        #dtRow\n        [tabIndex]=\"selectable ? 0 : -1\"\n        [selected]=\"(clickable || selectable) && isRowSelected(row)\"\n        *ngFor=\"let row of virtualData; let rowIndex = index\"\n        (click)=\"handleRowClick(row, fromRow + rowIndex, $event)\"\n        (keyup)=\"selectable && _rowKeyup($event, row, rowIndex)\"\n        (keydown.space)=\"blockEvent($event)\"\n        (keydown.shift.space)=\"blockEvent($event)\"\n        (keydown.shift)=\"disableTextSelection()\"\n        (keyup.shift)=\"enableTextSelection()\"\n      >\n        <td td-data-table-cell class=\"mat-checkbox-cell\" *ngIf=\"selectable\">\n          <mat-pseudo-checkbox\n            [state]=\"dtRow.selected ? 'checked' : 'unchecked'\"\n            (mousedown)=\"disableTextSelection()\"\n            (mouseup)=\"enableTextSelection()\"\n            stopRowClick\n            (click)=\"select(row, $event, fromRow + rowIndex)\"\n          ></mat-pseudo-checkbox>\n        </td>\n        <td\n          td-data-table-cell\n          [numeric]=\"column.numeric\"\n          [hidden]=\"column.hidden\"\n          *ngFor=\"let column of columns; let i = index\"\n          [style.min-width.px]=\"getColumnWidth(i)\"\n          [style.max-width.px]=\"getColumnWidth(i)\"\n        >\n          <span *ngIf=\"!getTemplateRef(column.name)\">\n            {{ column.format ? column.format(getCellValue(column, row)) : getCellValue(column, row) }}\n          </span>\n          <ng-template\n            *ngIf=\"getTemplateRef(column.name)\"\n            [ngTemplateOutlet]=\"getTemplateRef(column.name)\"\n            [ngTemplateOutletContext]=\"{\n              value: getCellValue(column, row),\n              row: row,\n              column: column.name,\n              index: rowIndex\n            }\"\n          ></ng-template>\n        </td>\n      </tr>\n    </tbody>\n  </table>\n</div>\n<ng-content></ng-content>\n",
+                    inputs: ['value'],
+                    changeDetection: core.ChangeDetectionStrategy.OnPush,
+                    styles: [".td-data-table-sort-badge{-ms-flex-align:center;-ms-flex-pack:center;align-items:center;border-radius:50%;display:-ms-flexbox;display:flex;height:16px;justify-content:center;margin-left:4px;width:16px}:host{display:block;overflow:hidden}:host .td-data-table-scrollable{height:calc(100% - 56px);overflow:auto;position:relative}.td-table-header-label{display:-ms-flexbox;display:flex}.td-data-table-column-resizer{cursor:col-resize;right:0;width:6px}.td-data-table-column-resizer,.td-data-table-column-resizer .td-data-table-column-separator{height:100%;position:absolute;top:0}.td-data-table-column-resizer .td-data-table-column-separator{left:2px}.td-data-table-column-resizer.td-resizing{cursor:-webkit-grabbing}table.td-data-table{width:auto!important}table.td-data-table.mat-selectable tbody>tr.td-data-table-row{transition:background-color .2s}table.td-data-table.mat-selectable .td-data-table-column:first-child>.td-data-table-column-content-wrapper,table.td-data-table.mat-selectable td.td-data-table-cell:first-child>.td-data-table-column-content-wrapper,table.td-data-table.mat-selectable th.td-data-table-column:first-child>.td-data-table-column-content-wrapper{min-width:18px;padding:0 24px;width:18px}table.td-data-table.mat-selectable .td-data-table-column:nth-child(2)>.td-data-table-column-content-wrapper,table.td-data-table.mat-selectable td.td-data-table-cell:nth-child(2)>.td-data-table-column-content-wrapper,table.td-data-table.mat-selectable th.td-data-table-column:nth-child(2)>.td-data-table-column-content-wrapper{padding-left:0}[dir=rtl] table.td-data-table.mat-selectable .td-data-table-column:nth-child(2)>.td-data-table-column-content-wrapper,[dir=rtl] table.td-data-table.mat-selectable td.td-data-table-cell:nth-child(2)>.td-data-table-column-content-wrapper,[dir=rtl] table.td-data-table.mat-selectable th.td-data-table-column:nth-child(2)>.td-data-table-column-content-wrapper{padding-left:28px;padding-right:0}table.td-data-table td.mat-checkbox-cell,table.td-data-table th.mat-checkbox-column{font-size:0!important;min-width:42px;width:42px}table.td-data-table td.mat-checkbox-cell mat-pseudo-checkbox,table.td-data-table th.mat-checkbox-column mat-pseudo-checkbox{height:18px;width:18px}::ng-deep table.td-data-table td.mat-checkbox-cell mat-pseudo-checkbox.mat-pseudo-checkbox-checked:after,::ng-deep table.td-data-table th.mat-checkbox-column mat-pseudo-checkbox.mat-pseudo-checkbox-checked:after{height:4px!important;width:11px!important}table.td-data-table td.mat-checkbox-cell mat-checkbox ::ng-deep .mat-checkbox-inner-container,table.td-data-table th.mat-checkbox-column mat-checkbox ::ng-deep .mat-checkbox-inner-container{height:18px;margin:0;width:18px}"]
+                }] }
+    ];
+    /** @nocollapse */
+    TdDataTableComponent.ctorParameters = function () { return [
+        { type: undefined, decorators: [{ type: core.Optional }, { type: core.Inject, args: [common$1.DOCUMENT,] }] },
+        { type: core.ElementRef },
+        { type: platformBrowser.DomSanitizer },
+        { type: core.ChangeDetectorRef }
+    ]; };
+    TdDataTableComponent.propDecorators = {
+        _templates: [{ type: core.ContentChildren, args: [TdDataTableTemplateDirective, { descendants: true },] }],
+        _scrollableDiv: [{ type: core.ViewChild, args: ['scrollableDiv', { static: true },] }],
+        _colElements: [{ type: core.ViewChildren, args: ['columnElement',] }],
+        _rows: [{ type: core.ViewChildren, args: [TdDataTableRowComponent,] }],
+        data: [{ type: core.Input, args: ['data',] }],
+        columns: [{ type: core.Input, args: ['columns',] }],
+        resizableColumns: [{ type: core.Input, args: ['resizableColumns',] }],
+        selectable: [{ type: core.Input, args: ['selectable',] }],
+        clickable: [{ type: core.Input, args: ['clickable',] }],
+        multiple: [{ type: core.Input, args: ['multiple',] }],
+        sortable: [{ type: core.Input, args: ['sortable',] }],
+        sortBy: [{ type: core.Input, args: ['sortBy',] }],
+        sortOrder: [{ type: core.Input, args: ['sortOrder',] }],
+        sortChange: [{ type: core.Output }],
+        rowSelect: [{ type: core.Output }],
+        rowClick: [{ type: core.Output }],
+        selectAll: [{ type: core.Output }],
+        compareWith: [{ type: core.Input }]
+    };
     if (false) {
         /**
          * responsive width calculations
@@ -2453,7 +2196,8 @@
 
     /**
      * @fileoverview added by tsickle
-     * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
+     * Generated from: data-table-column/data-table-column.component.ts
+     * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingRequire,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
      */
     /**
      * @record
@@ -2466,6 +2210,10 @@
         ITdDataTableSortChangeEvent.prototype.name;
     }
     var TdDataTableColumnComponent = /** @class */ (function () {
+        /**
+         * @param {?} _elementRef
+         * @param {?} _renderer
+         */
         function TdDataTableColumnComponent(_elementRef, _renderer) {
             this._elementRef = _elementRef;
             this._renderer = _renderer;
@@ -2506,32 +2254,27 @@
             this._renderer.addClass(this._elementRef.nativeElement, 'td-data-table-column');
         }
         Object.defineProperty(TdDataTableColumnComponent.prototype, "projectedWidth", {
-            get: /**
+            /**
              * @return {?}
              */
-            function () {
+            get: function () {
                 if (this._columnContent && this._columnContent.nativeElement) {
-                    return ((/** @type {?} */ (this._columnContent.nativeElement))).getBoundingClientRect().width;
+                    return (( /** @type {?} */(this._columnContent.nativeElement))).getBoundingClientRect().width;
                 }
                 return 100;
             },
-            enumerable: true,
+            enumerable: false,
             configurable: true
         });
         Object.defineProperty(TdDataTableColumnComponent.prototype, "sortOrder", {
             /**
-             * sortOrder?: ['ASC' | 'DESC'] or TdDataTableSortingOrder
-             * Sets the sort order of column.
-             * Defaults to 'ASC' or TdDataTableSortingOrder.Ascending
-             */
-            set: /**
              * sortOrder?: ['ASC' | 'DESC'] or TdDataTableSortingOrder
              * Sets the sort order of column.
              * Defaults to 'ASC' or TdDataTableSortingOrder.Ascending
              * @param {?} order
              * @return {?}
              */
-            function (order) {
+            set: function (order) {
                 /** @type {?} */
                 var sortOrder = order ? order.toUpperCase() : 'ASC';
                 if (sortOrder !== 'DESC' && sortOrder !== 'ASC') {
@@ -2539,61 +2282,54 @@
                 }
                 this._sortOrder = sortOrder === 'ASC' ? TdDataTableSortingOrder.Ascending : TdDataTableSortingOrder.Descending;
             },
-            enumerable: true,
+            enumerable: false,
             configurable: true
         });
         Object.defineProperty(TdDataTableColumnComponent.prototype, "bindClickable", {
-            get: /**
+            /**
              * @return {?}
              */
-            function () {
+            get: function () {
                 return this.sortable;
             },
-            enumerable: true,
+            enumerable: false,
             configurable: true
         });
         Object.defineProperty(TdDataTableColumnComponent.prototype, "bingSortable", {
-            get: /**
+            /**
              * @return {?}
              */
-            function () {
+            get: function () {
                 return this.sortable;
             },
-            enumerable: true,
+            enumerable: false,
             configurable: true
         });
         Object.defineProperty(TdDataTableColumnComponent.prototype, "bindActive", {
-            get: /**
+            /**
              * @return {?}
              */
-            function () {
+            get: function () {
                 return this.active;
             },
-            enumerable: true,
+            enumerable: false,
             configurable: true
         });
         Object.defineProperty(TdDataTableColumnComponent.prototype, "bindNumeric", {
-            get: /**
+            /**
              * @return {?}
              */
-            function () {
+            get: function () {
                 return this.numeric;
             },
-            enumerable: true,
+            enumerable: false,
             configurable: true
         });
-        /**
-         * Listening to click event on host to throw a sort event
-         */
         /**
          * Listening to click event on host to throw a sort event
          * @return {?}
          */
-        TdDataTableColumnComponent.prototype.handleClick = /**
-         * Listening to click event on host to throw a sort event
-         * @return {?}
-         */
-        function () {
+        TdDataTableColumnComponent.prototype.handleClick = function () {
             if (this.sortable) {
                 this.sortChange.emit({ name: this.name, order: this._sortOrder });
             }
@@ -2601,51 +2337,45 @@
         /**
          * @return {?}
          */
-        TdDataTableColumnComponent.prototype.isAscending = /**
-         * @return {?}
-         */
-        function () {
+        TdDataTableColumnComponent.prototype.isAscending = function () {
             return this._sortOrder === TdDataTableSortingOrder.Ascending;
         };
         /**
          * @return {?}
          */
-        TdDataTableColumnComponent.prototype.isDescending = /**
-         * @return {?}
-         */
-        function () {
+        TdDataTableColumnComponent.prototype.isDescending = function () {
             return this._sortOrder === TdDataTableSortingOrder.Descending;
         };
-        TdDataTableColumnComponent.decorators = [
-            { type: core.Component, args: [{
-                        /* tslint:disable-next-line */
-                        selector: 'th[td-data-table-column]',
-                        template: "<span #columnContent class=\"td-data-table-heading\">\n  <mat-icon\n    class=\"td-data-table-sort-icon\"\n    *ngIf=\"sortable && numeric\"\n    [class.mat-asc]=\"isAscending()\"\n    [class.mat-desc]=\"isDescending()\"\n  >\n    arrow_upward\n  </mat-icon>\n  <span>\n    <ng-content></ng-content>\n  </span>\n  <mat-icon\n    class=\"td-data-table-sort-icon\"\n    *ngIf=\"sortable && !numeric\"\n    [class.mat-asc]=\"isAscending()\"\n    [class.mat-desc]=\"isDescending()\"\n    [class.display-numeric]=\"isColumnSortOrder\"\n  >\n    arrow_upward\n  </mat-icon>\n</span>\n<ng-content select=\"[td-column-resizer]\"></ng-content>\n",
-                        styles: [":host{white-space:nowrap;position:relative;padding:0;vertical-align:middle;text-align:left}:host>.td-data-table-heading{padding:0 28px}:host:first-child>.td-data-table-heading{padding-left:24px;padding-right:initial}html[dir=rtl] :host:first-child>.td-data-table-heading{padding-left:initial;unicode-bidi:embed;padding-right:24px;unicode-bidi:embed}body[dir=rtl] :host:first-child>.td-data-table-heading{padding-left:initial;unicode-bidi:embed;padding-right:24px;unicode-bidi:embed}[dir=rtl] :host:first-child>.td-data-table-heading{padding-left:initial;unicode-bidi:embed;padding-right:24px;unicode-bidi:embed}:host:first-child>.td-data-table-heading bdo[dir=rtl]{direction:rtl;unicode-bidi:bidi-override}:host:first-child>.td-data-table-heading bdo[dir=ltr]{direction:ltr;unicode-bidi:bidi-override}:host:last-child>.td-data-table-heading{padding-left:28px;padding-right:24px}html[dir=rtl] :host:last-child>.td-data-table-heading{padding-left:24px;unicode-bidi:embed;padding-right:28px;unicode-bidi:embed}body[dir=rtl] :host:last-child>.td-data-table-heading{padding-left:24px;unicode-bidi:embed;padding-right:28px;unicode-bidi:embed}[dir=rtl] :host:last-child>.td-data-table-heading{padding-left:24px;unicode-bidi:embed;padding-right:28px;unicode-bidi:embed}:host:last-child>.td-data-table-heading bdo[dir=rtl]{direction:rtl;unicode-bidi:bidi-override}:host:last-child>.td-data-table-heading bdo[dir=ltr]{direction:ltr;unicode-bidi:bidi-override}:host mat-icon{height:16px;width:16px;font-size:16px!important;line-height:16px!important}:host mat-icon.td-data-table-sort-icon{opacity:0;transition:transform .25s;position:absolute;top:0}:host mat-icon.td-data-table-sort-icon.display-numeric{right:0}:host mat-icon.td-data-table-sort-icon.mat-asc{-ms-transform:rotate(0);transform:rotate(0)}:host mat-icon.td-data-table-sort-icon.mat-desc{-ms-transform:rotate(180deg);transform:rotate(180deg)}:host.mat-active.mat-sortable mat-icon.td-data-table-sort-icon,:host:hover.mat-sortable mat-icon.td-data-table-sort-icon{opacity:1}html[dir=rtl] :host{text-align:right;unicode-bidi:embed}body[dir=rtl] :host{text-align:right;unicode-bidi:embed}[dir=rtl] :host{text-align:right;unicode-bidi:embed}:host bdo[dir=rtl]{direction:rtl;unicode-bidi:bidi-override}:host bdo[dir=ltr]{direction:ltr;unicode-bidi:bidi-override}:host>*{vertical-align:middle}:host.mat-clickable{cursor:pointer}:host.mat-clickable:focus{outline:0}:host .td-data-table-heading{display:inline-block;position:relative}:host.mat-numeric{text-align:right}html[dir=rtl] :host.mat-numeric{text-align:left;unicode-bidi:embed}body[dir=rtl] :host.mat-numeric{text-align:left;unicode-bidi:embed}[dir=rtl] :host.mat-numeric{text-align:left;unicode-bidi:embed}:host.mat-numeric bdo[dir=rtl]{direction:rtl;unicode-bidi:bidi-override}:host.mat-numeric bdo[dir=ltr]{direction:ltr;unicode-bidi:bidi-override}:host.mat-numeric mat-icon.td-data-table-sort-icon{margin-left:-22px;margin-right:initial}html[dir=rtl] :host.mat-numeric mat-icon.td-data-table-sort-icon{margin-left:initial;unicode-bidi:embed;margin-right:-22px;unicode-bidi:embed}body[dir=rtl] :host.mat-numeric mat-icon.td-data-table-sort-icon{margin-left:initial;unicode-bidi:embed;margin-right:-22px;unicode-bidi:embed}[dir=rtl] :host.mat-numeric mat-icon.td-data-table-sort-icon{margin-left:initial;unicode-bidi:embed;margin-right:-22px;unicode-bidi:embed}:host.mat-numeric mat-icon.td-data-table-sort-icon bdo[dir=rtl]{direction:rtl;unicode-bidi:bidi-override}:host.mat-numeric mat-icon.td-data-table-sort-icon bdo[dir=ltr]{direction:ltr;unicode-bidi:bidi-override}:host:not(.mat-numeric) mat-icon.td-data-table-sort-icon{margin-left:6px;margin-right:initial}html[dir=rtl] :host:not(.mat-numeric) mat-icon.td-data-table-sort-icon{margin-left:initial;unicode-bidi:embed;margin-right:6px;unicode-bidi:embed}body[dir=rtl] :host:not(.mat-numeric) mat-icon.td-data-table-sort-icon{margin-left:initial;unicode-bidi:embed;margin-right:6px;unicode-bidi:embed}[dir=rtl] :host:not(.mat-numeric) mat-icon.td-data-table-sort-icon{margin-left:initial;unicode-bidi:embed;margin-right:6px;unicode-bidi:embed}:host:not(.mat-numeric) mat-icon.td-data-table-sort-icon bdo[dir=rtl]{direction:rtl;unicode-bidi:bidi-override}:host:not(.mat-numeric) mat-icon.td-data-table-sort-icon bdo[dir=ltr]{direction:ltr;unicode-bidi:bidi-override}"]
-                    }] }
-        ];
-        /** @nocollapse */
-        TdDataTableColumnComponent.ctorParameters = function () { return [
-            { type: core.ElementRef },
-            { type: core.Renderer2 }
-        ]; };
-        TdDataTableColumnComponent.propDecorators = {
-            _columnContent: [{ type: core.ViewChild, args: ['columnContent', { read: core.ElementRef, static: true },] }],
-            name: [{ type: core.Input }],
-            sortable: [{ type: core.Input }],
-            active: [{ type: core.Input }],
-            numeric: [{ type: core.Input }],
-            isColumnSortOrder: [{ type: core.Input }],
-            sortOrder: [{ type: core.Input, args: ['sortOrder',] }],
-            sortChange: [{ type: core.Output }],
-            bindClickable: [{ type: core.HostBinding, args: ['class.mat-clickable',] }],
-            bingSortable: [{ type: core.HostBinding, args: ['class.mat-sortable',] }],
-            bindActive: [{ type: core.HostBinding, args: ['class.mat-active',] }],
-            bindNumeric: [{ type: core.HostBinding, args: ['class.mat-numeric',] }],
-            handleClick: [{ type: core.HostListener, args: ['click',] }]
-        };
         return TdDataTableColumnComponent;
     }());
+    TdDataTableColumnComponent.decorators = [
+        { type: core.Component, args: [{
+                    /* tslint:disable-next-line */
+                    selector: 'th[td-data-table-column]',
+                    template: "<span #columnContent class=\"td-data-table-heading\">\n  <mat-icon\n    class=\"td-data-table-sort-icon\"\n    *ngIf=\"sortable && numeric\"\n    [class.mat-asc]=\"isAscending()\"\n    [class.mat-desc]=\"isDescending()\"\n  >\n    arrow_upward\n  </mat-icon>\n  <span>\n    <ng-content></ng-content>\n  </span>\n  <mat-icon\n    class=\"td-data-table-sort-icon\"\n    *ngIf=\"sortable && !numeric\"\n    [class.mat-asc]=\"isAscending()\"\n    [class.mat-desc]=\"isDescending()\"\n    [class.display-numeric]=\"isColumnSortOrder\"\n  >\n    arrow_upward\n  </mat-icon>\n</span>\n<ng-content select=\"[td-column-resizer]\"></ng-content>\n",
+                    styles: [":host{padding:0;position:relative;text-align:left;vertical-align:middle;white-space:nowrap}:host>.td-data-table-heading{padding:0 28px}:host:first-child>.td-data-table-heading{padding-left:24px;padding-right:0}html[dir=rtl] :host:first-child>.td-data-table-heading{padding-left:0}body[dir=rtl] :host:first-child>.td-data-table-heading{padding-left:0}[dir=rtl] :host:first-child>.td-data-table-heading{padding-left:0}html[dir=rtl] :host:first-child>.td-data-table-heading{padding-right:24px;unicode-bidi:embed}body[dir=rtl] :host:first-child>.td-data-table-heading{padding-right:24px;unicode-bidi:embed}[dir=rtl] :host:first-child>.td-data-table-heading{padding-right:24px;unicode-bidi:embed}:host:first-child>.td-data-table-heading bdo[dir=rtl]{direction:rtl;unicode-bidi:bidi-override}:host:first-child>.td-data-table-heading bdo[dir=ltr]{direction:ltr;unicode-bidi:bidi-override}:host:last-child>.td-data-table-heading{padding-left:28px;padding-right:24px}html[dir=rtl] :host:last-child>.td-data-table-heading{padding-left:24px}body[dir=rtl] :host:last-child>.td-data-table-heading{padding-left:24px}[dir=rtl] :host:last-child>.td-data-table-heading{padding-left:24px}html[dir=rtl] :host:last-child>.td-data-table-heading{padding-right:28px;unicode-bidi:embed}body[dir=rtl] :host:last-child>.td-data-table-heading{padding-right:28px;unicode-bidi:embed}[dir=rtl] :host:last-child>.td-data-table-heading{padding-right:28px;unicode-bidi:embed}:host:last-child>.td-data-table-heading bdo[dir=rtl]{direction:rtl;unicode-bidi:bidi-override}:host:last-child>.td-data-table-heading bdo[dir=ltr]{direction:ltr;unicode-bidi:bidi-override}:host mat-icon{font-size:16px!important;height:16px;line-height:16px!important;width:16px}:host mat-icon.td-data-table-sort-icon{opacity:0;position:absolute;top:0;transition:transform .25s}:host mat-icon.td-data-table-sort-icon.display-numeric{right:0}:host mat-icon.td-data-table-sort-icon.mat-asc{-ms-transform:rotate(0deg);transform:rotate(0deg)}:host mat-icon.td-data-table-sort-icon.mat-desc{-ms-transform:rotate(180deg);transform:rotate(180deg)}:host.mat-active.mat-sortable mat-icon.td-data-table-sort-icon,:host:hover.mat-sortable mat-icon.td-data-table-sort-icon{opacity:1}html[dir=rtl] :host{text-align:right;unicode-bidi:embed}body[dir=rtl] :host{text-align:right;unicode-bidi:embed}[dir=rtl] :host{text-align:right;unicode-bidi:embed}:host bdo[dir=rtl]{direction:rtl;unicode-bidi:bidi-override}:host bdo[dir=ltr]{direction:ltr;unicode-bidi:bidi-override}:host>*{vertical-align:middle}:host.mat-clickable{cursor:pointer}:host.mat-clickable:focus{outline:none}:host .td-data-table-heading{display:inline-block;position:relative}:host.mat-numeric{text-align:right}html[dir=rtl] :host.mat-numeric{text-align:left;unicode-bidi:embed}body[dir=rtl] :host.mat-numeric{text-align:left;unicode-bidi:embed}[dir=rtl] :host.mat-numeric{text-align:left;unicode-bidi:embed}:host.mat-numeric bdo[dir=rtl]{direction:rtl;unicode-bidi:bidi-override}:host.mat-numeric bdo[dir=ltr]{direction:ltr;unicode-bidi:bidi-override}:host.mat-numeric mat-icon.td-data-table-sort-icon{margin-left:-22px;margin-right:0}html[dir=rtl] :host.mat-numeric mat-icon.td-data-table-sort-icon{margin-left:0}body[dir=rtl] :host.mat-numeric mat-icon.td-data-table-sort-icon{margin-left:0}[dir=rtl] :host.mat-numeric mat-icon.td-data-table-sort-icon{margin-left:0}html[dir=rtl] :host.mat-numeric mat-icon.td-data-table-sort-icon{margin-right:-22px;unicode-bidi:embed}body[dir=rtl] :host.mat-numeric mat-icon.td-data-table-sort-icon{margin-right:-22px;unicode-bidi:embed}[dir=rtl] :host.mat-numeric mat-icon.td-data-table-sort-icon{margin-right:-22px;unicode-bidi:embed}:host.mat-numeric mat-icon.td-data-table-sort-icon bdo[dir=rtl]{direction:rtl;unicode-bidi:bidi-override}:host.mat-numeric mat-icon.td-data-table-sort-icon bdo[dir=ltr]{direction:ltr;unicode-bidi:bidi-override}:host:not(.mat-numeric) mat-icon.td-data-table-sort-icon{margin-left:6px;margin-right:0}html[dir=rtl] :host:not(.mat-numeric) mat-icon.td-data-table-sort-icon{margin-left:0}body[dir=rtl] :host:not(.mat-numeric) mat-icon.td-data-table-sort-icon{margin-left:0}[dir=rtl] :host:not(.mat-numeric) mat-icon.td-data-table-sort-icon{margin-left:0}html[dir=rtl] :host:not(.mat-numeric) mat-icon.td-data-table-sort-icon{margin-right:6px;unicode-bidi:embed}body[dir=rtl] :host:not(.mat-numeric) mat-icon.td-data-table-sort-icon{margin-right:6px;unicode-bidi:embed}[dir=rtl] :host:not(.mat-numeric) mat-icon.td-data-table-sort-icon{margin-right:6px;unicode-bidi:embed}:host:not(.mat-numeric) mat-icon.td-data-table-sort-icon bdo[dir=rtl]{direction:rtl;unicode-bidi:bidi-override}:host:not(.mat-numeric) mat-icon.td-data-table-sort-icon bdo[dir=ltr]{direction:ltr;unicode-bidi:bidi-override}"]
+                }] }
+    ];
+    /** @nocollapse */
+    TdDataTableColumnComponent.ctorParameters = function () { return [
+        { type: core.ElementRef },
+        { type: core.Renderer2 }
+    ]; };
+    TdDataTableColumnComponent.propDecorators = {
+        _columnContent: [{ type: core.ViewChild, args: ['columnContent', { read: core.ElementRef, static: true },] }],
+        name: [{ type: core.Input }],
+        sortable: [{ type: core.Input }],
+        active: [{ type: core.Input }],
+        numeric: [{ type: core.Input }],
+        isColumnSortOrder: [{ type: core.Input }],
+        sortOrder: [{ type: core.Input, args: ['sortOrder',] }],
+        sortChange: [{ type: core.Output }],
+        bindClickable: [{ type: core.HostBinding, args: ['class.mat-clickable',] }],
+        bingSortable: [{ type: core.HostBinding, args: ['class.mat-sortable',] }],
+        bindActive: [{ type: core.HostBinding, args: ['class.mat-active',] }],
+        bindNumeric: [{ type: core.HostBinding, args: ['class.mat-numeric',] }],
+        handleClick: [{ type: core.HostListener, args: ['click',] }]
+    };
     if (false) {
         /**
          * @type {?}
@@ -2707,9 +2437,14 @@
 
     /**
      * @fileoverview added by tsickle
-     * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
+     * Generated from: data-table-cell/data-table-cell.component.ts
+     * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingRequire,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
      */
     var TdDataTableCellComponent = /** @class */ (function () {
+        /**
+         * @param {?} _elementRef
+         * @param {?} _renderer
+         */
         function TdDataTableCellComponent(_elementRef, _renderer) {
             this._elementRef = _elementRef;
             this._renderer = _renderer;
@@ -2722,60 +2457,55 @@
             this._renderer.addClass(this._elementRef.nativeElement, 'td-data-table-cell');
         }
         Object.defineProperty(TdDataTableCellComponent.prototype, "align", {
-            get: /**
+            /**
              * @return {?}
              */
-            function () {
+            get: function () {
                 return this._align;
             },
             /**
-             * align?: 'start' | 'center' | 'end'
-             * Makes cell content align on demand
-             * Defaults to 'left', overrides numeric
-             */
-            set: /**
              * align?: 'start' | 'center' | 'end'
              * Makes cell content align on demand
              * Defaults to 'left', overrides numeric
              * @param {?} align
              * @return {?}
              */
-            function (align) {
+            set: function (align) {
                 this._align = align;
             },
-            enumerable: true,
+            enumerable: false,
             configurable: true
         });
         Object.defineProperty(TdDataTableCellComponent.prototype, "bindNumeric", {
-            get: /**
+            /**
              * @return {?}
              */
-            function () {
+            get: function () {
                 return this.numeric;
             },
-            enumerable: true,
+            enumerable: false,
             configurable: true
         });
-        TdDataTableCellComponent.decorators = [
-            { type: core.Component, args: [{
-                        /* tslint:disable-next-line */
-                        selector: 'td[td-data-table-cell]',
-                        template: "<div\n  class=\"td-data-table-cell-content-wrapper\"\n  [class.td-data-table-cell-numeric]=\"numeric\"\n  [class.td-data-table-cell-align-center]=\"align === 'center'\"\n  [class.td-data-table-cell-align-end]=\"align === 'end'\"\n  [class.td-data-table-cell-align-start]=\"align === 'start'\"\n>\n  <ng-content></ng-content>\n</div>\n",
-                        styles: [":host{vertical-align:middle;text-align:left;padding:0}html[dir=rtl] :host{text-align:right;unicode-bidi:embed}body[dir=rtl] :host{text-align:right;unicode-bidi:embed}[dir=rtl] :host{text-align:right;unicode-bidi:embed}:host bdo[dir=rtl]{direction:rtl;unicode-bidi:bidi-override}:host bdo[dir=ltr]{direction:ltr;unicode-bidi:bidi-override}:host>.td-data-table-cell-content-wrapper{padding:0 28px;box-sizing:border-box;display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;-ms-flex-line-pack:center;align-content:center;max-width:100%;-ms-flex-pack:start;justify-content:flex-start}:host>.td-data-table-cell-content-wrapper.td-data-table-cell-numeric{-ms-flex-pack:end;justify-content:flex-end}:host>.td-data-table-cell-content-wrapper.td-data-table-cell-align-start{-ms-flex-pack:start;justify-content:flex-start}:host>.td-data-table-cell-content-wrapper.td-data-table-cell-align-end{-ms-flex-pack:end;justify-content:flex-end}:host>.td-data-table-cell-content-wrapper.td-data-table-cell-align-center{-ms-flex-pack:center;justify-content:center}:host:first-child>.td-data-table-cell-content-wrapper{padding-left:24px;padding-right:initial}html[dir=rtl] :host:first-child>.td-data-table-cell-content-wrapper{padding-left:initial;unicode-bidi:embed;padding-right:24px;unicode-bidi:embed}body[dir=rtl] :host:first-child>.td-data-table-cell-content-wrapper{padding-left:initial;unicode-bidi:embed;padding-right:24px;unicode-bidi:embed}[dir=rtl] :host:first-child>.td-data-table-cell-content-wrapper{padding-left:initial;unicode-bidi:embed;padding-right:24px;unicode-bidi:embed}:host:first-child>.td-data-table-cell-content-wrapper bdo[dir=rtl]{direction:rtl;unicode-bidi:bidi-override}:host:first-child>.td-data-table-cell-content-wrapper bdo[dir=ltr]{direction:ltr;unicode-bidi:bidi-override}:host:last-child>.td-data-table-cell-content-wrapper{padding-left:28px;padding-right:24px}html[dir=rtl] :host:last-child>.td-data-table-cell-content-wrapper{padding-left:24px;unicode-bidi:embed;padding-right:28px;unicode-bidi:embed}body[dir=rtl] :host:last-child>.td-data-table-cell-content-wrapper{padding-left:24px;unicode-bidi:embed;padding-right:28px;unicode-bidi:embed}[dir=rtl] :host:last-child>.td-data-table-cell-content-wrapper{padding-left:24px;unicode-bidi:embed;padding-right:28px;unicode-bidi:embed}:host:last-child>.td-data-table-cell-content-wrapper bdo[dir=rtl]{direction:rtl;unicode-bidi:bidi-override}:host:last-child>.td-data-table-cell-content-wrapper bdo[dir=ltr]{direction:ltr;unicode-bidi:bidi-override}:host>*{vertical-align:middle}:host.mat-clickable{cursor:pointer}:host.mat-clickable:focus{outline:0}:host.mat-numeric{text-align:right}html[dir=rtl] :host.mat-numeric{text-align:left;unicode-bidi:embed}body[dir=rtl] :host.mat-numeric{text-align:left;unicode-bidi:embed}[dir=rtl] :host.mat-numeric{text-align:left;unicode-bidi:embed}:host.mat-numeric bdo[dir=rtl]{direction:rtl;unicode-bidi:bidi-override}:host.mat-numeric bdo[dir=ltr]{direction:ltr;unicode-bidi:bidi-override}"]
-                    }] }
-        ];
-        /** @nocollapse */
-        TdDataTableCellComponent.ctorParameters = function () { return [
-            { type: core.ElementRef },
-            { type: core.Renderer2 }
-        ]; };
-        TdDataTableCellComponent.propDecorators = {
-            numeric: [{ type: core.Input }],
-            align: [{ type: core.Input }],
-            bindNumeric: [{ type: core.HostBinding, args: ['class.mat-numeric',] }]
-        };
         return TdDataTableCellComponent;
     }());
+    TdDataTableCellComponent.decorators = [
+        { type: core.Component, args: [{
+                    /* tslint:disable-next-line */
+                    selector: 'td[td-data-table-cell]',
+                    template: "<div\n  class=\"td-data-table-cell-content-wrapper\"\n  [class.td-data-table-cell-numeric]=\"numeric\"\n  [class.td-data-table-cell-align-center]=\"align === 'center'\"\n  [class.td-data-table-cell-align-end]=\"align === 'end'\"\n  [class.td-data-table-cell-align-start]=\"align === 'start'\"\n>\n  <ng-content></ng-content>\n</div>\n",
+                    styles: [":host{padding:0;text-align:left;vertical-align:middle}html[dir=rtl] :host{text-align:right;unicode-bidi:embed}body[dir=rtl] :host{text-align:right;unicode-bidi:embed}[dir=rtl] :host{text-align:right;unicode-bidi:embed}:host bdo[dir=rtl]{direction:rtl;unicode-bidi:bidi-override}:host bdo[dir=ltr]{direction:ltr;unicode-bidi:bidi-override}:host>.td-data-table-cell-content-wrapper{-ms-flex-align:center;-ms-flex-direction:row;-ms-flex-line-pack:center;-ms-flex-pack:start;align-content:center;align-items:center;box-sizing:border-box;display:-ms-flexbox;display:flex;flex-direction:row;justify-content:flex-start;max-width:100%;padding:0 28px}:host>.td-data-table-cell-content-wrapper.td-data-table-cell-numeric{-ms-flex-pack:end;justify-content:flex-end}:host>.td-data-table-cell-content-wrapper.td-data-table-cell-align-start{-ms-flex-pack:start;justify-content:flex-start}:host>.td-data-table-cell-content-wrapper.td-data-table-cell-align-end{-ms-flex-pack:end;justify-content:flex-end}:host>.td-data-table-cell-content-wrapper.td-data-table-cell-align-center{-ms-flex-pack:center;justify-content:center}:host:first-child>.td-data-table-cell-content-wrapper{padding-left:24px;padding-right:0}html[dir=rtl] :host:first-child>.td-data-table-cell-content-wrapper{padding-left:0}body[dir=rtl] :host:first-child>.td-data-table-cell-content-wrapper{padding-left:0}[dir=rtl] :host:first-child>.td-data-table-cell-content-wrapper{padding-left:0}html[dir=rtl] :host:first-child>.td-data-table-cell-content-wrapper{padding-right:24px;unicode-bidi:embed}body[dir=rtl] :host:first-child>.td-data-table-cell-content-wrapper{padding-right:24px;unicode-bidi:embed}[dir=rtl] :host:first-child>.td-data-table-cell-content-wrapper{padding-right:24px;unicode-bidi:embed}:host:first-child>.td-data-table-cell-content-wrapper bdo[dir=rtl]{direction:rtl;unicode-bidi:bidi-override}:host:first-child>.td-data-table-cell-content-wrapper bdo[dir=ltr]{direction:ltr;unicode-bidi:bidi-override}:host:last-child>.td-data-table-cell-content-wrapper{padding-left:28px;padding-right:24px}html[dir=rtl] :host:last-child>.td-data-table-cell-content-wrapper{padding-left:24px}body[dir=rtl] :host:last-child>.td-data-table-cell-content-wrapper{padding-left:24px}[dir=rtl] :host:last-child>.td-data-table-cell-content-wrapper{padding-left:24px}html[dir=rtl] :host:last-child>.td-data-table-cell-content-wrapper{padding-right:28px;unicode-bidi:embed}body[dir=rtl] :host:last-child>.td-data-table-cell-content-wrapper{padding-right:28px;unicode-bidi:embed}[dir=rtl] :host:last-child>.td-data-table-cell-content-wrapper{padding-right:28px;unicode-bidi:embed}:host:last-child>.td-data-table-cell-content-wrapper bdo[dir=rtl]{direction:rtl;unicode-bidi:bidi-override}:host:last-child>.td-data-table-cell-content-wrapper bdo[dir=ltr]{direction:ltr;unicode-bidi:bidi-override}:host>*{vertical-align:middle}:host.mat-clickable{cursor:pointer}:host.mat-clickable:focus{outline:none}:host.mat-numeric{text-align:right}html[dir=rtl] :host.mat-numeric{text-align:left;unicode-bidi:embed}body[dir=rtl] :host.mat-numeric{text-align:left;unicode-bidi:embed}[dir=rtl] :host.mat-numeric{text-align:left;unicode-bidi:embed}:host.mat-numeric bdo[dir=rtl]{direction:rtl;unicode-bidi:bidi-override}:host.mat-numeric bdo[dir=ltr]{direction:ltr;unicode-bidi:bidi-override}"]
+                }] }
+    ];
+    /** @nocollapse */
+    TdDataTableCellComponent.ctorParameters = function () { return [
+        { type: core.ElementRef },
+        { type: core.Renderer2 }
+    ]; };
+    TdDataTableCellComponent.propDecorators = {
+        numeric: [{ type: core.Input }],
+        align: [{ type: core.Input }],
+        bindNumeric: [{ type: core.HostBinding, args: ['class.mat-numeric',] }]
+    };
     if (false) {
         /**
          * @type {?}
@@ -2803,29 +2533,34 @@
 
     /**
      * @fileoverview added by tsickle
-     * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
+     * Generated from: data-table-table/data-table-table.component.ts
+     * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingRequire,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
      */
     var TdDataTableTableComponent = /** @class */ (function () {
+        /**
+         * @param {?} _elementRef
+         * @param {?} _renderer
+         */
         function TdDataTableTableComponent(_elementRef, _renderer) {
             this._elementRef = _elementRef;
             this._renderer = _renderer;
             this._renderer.addClass(this._elementRef.nativeElement, 'td-data-table');
         }
-        TdDataTableTableComponent.decorators = [
-            { type: core.Component, args: [{
-                        /* tslint:disable-next-line */
-                        selector: 'table[td-data-table]',
-                        template: "<ng-content></ng-content>\n",
-                        styles: [":host{width:100%;position:relative;border-spacing:0;overflow:hidden;border-collapse:collapse}"]
-                    }] }
-        ];
-        /** @nocollapse */
-        TdDataTableTableComponent.ctorParameters = function () { return [
-            { type: core.ElementRef },
-            { type: core.Renderer2 }
-        ]; };
         return TdDataTableTableComponent;
     }());
+    TdDataTableTableComponent.decorators = [
+        { type: core.Component, args: [{
+                    /* tslint:disable-next-line */
+                    selector: 'table[td-data-table]',
+                    template: "<ng-content></ng-content>\n",
+                    styles: [":host{border-collapse:collapse;border-spacing:0;overflow:hidden;position:relative;width:100%}"]
+                }] }
+    ];
+    /** @nocollapse */
+    TdDataTableTableComponent.ctorParameters = function () { return [
+        { type: core.ElementRef },
+        { type: core.Renderer2 }
+    ]; };
     if (false) {
         /**
          * @type {?}
@@ -2841,20 +2576,12 @@
 
     /**
      * @fileoverview added by tsickle
-     * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
+     * Generated from: services/data-table.service.ts
+     * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingRequire,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
      */
     var TdDataTableService = /** @class */ (function () {
         function TdDataTableService() {
         }
-        /**
-         * params:
-         * - data: any[]
-         * - searchTerm: string
-         * - ignoreCase: boolean = false
-         * - excludedColumns: string[] = []
-         *
-         * Searches [data] parameter for [searchTerm] matches and returns a new array with them.
-         */
         /**
          * params:
          * - data: any[]
@@ -2869,36 +2596,20 @@
          * @param {?=} excludedColumns
          * @return {?}
          */
-        TdDataTableService.prototype.filterData = /**
-         * params:
-         * - data: any[]
-         * - searchTerm: string
-         * - ignoreCase: boolean = false
-         * - excludedColumns: string[] = []
-         *
-         * Searches [data] parameter for [searchTerm] matches and returns a new array with them.
-         * @param {?} data
-         * @param {?} searchTerm
-         * @param {?=} ignoreCase
-         * @param {?=} excludedColumns
-         * @return {?}
-         */
-        function (data, searchTerm, ignoreCase, excludedColumns) {
+        TdDataTableService.prototype.filterData = function (data, searchTerm, ignoreCase, excludedColumns) {
             if (ignoreCase === void 0) { ignoreCase = false; }
             /** @type {?} */
             var filter = searchTerm ? (ignoreCase ? searchTerm.toLowerCase() : searchTerm) : '';
             if (filter) {
-                data = data.filter((/**
+                data = data.filter(( /**
                  * @param {?} item
                  * @return {?}
-                 */
-                function (item) {
+                 */function (item) {
                     /** @type {?} */
-                    var res = Object.keys(item).find((/**
+                    var res = Object.keys(item).find(( /**
                      * @param {?} key
                      * @return {?}
-                     */
-                    function (key) {
+                     */function (key) {
                         if (!excludedColumns || excludedColumns.indexOf(key) === -1) {
                             /** @type {?} */
                             var preItemValue = '' + item[key];
@@ -2913,26 +2624,6 @@
             return data;
         };
         /**
-         * params:
-         * - data: any[]
-         * - sortBy: string
-         * - sortOrder: TdDataTableSortingOrder = TdDataTableSortingOrder.Ascending
-         *
-         * Sorts [data] parameter by [sortBy] and [sortOrder] and returns the sorted data.
-         */
-        /**
-         * params:
-         * - data: any[]
-         * - sortBy: string
-         * - sortOrder: TdDataTableSortingOrder = TdDataTableSortingOrder.Ascending
-         *
-         * Sorts [data] parameter by [sortBy] and [sortOrder] and returns the sorted data.
-         * @param {?} data
-         * @param {?} sortBy
-         * @param {?=} sortOrder
-         * @return {?}
-         */
-        TdDataTableService.prototype.sortData = /**
          * params:
          * - data: any[]
          * - sortBy: string
@@ -2944,16 +2635,15 @@
          * @param {?=} sortOrder
          * @return {?}
          */
-        function (data, sortBy, sortOrder) {
+        TdDataTableService.prototype.sortData = function (data, sortBy, sortOrder) {
             if (sortOrder === void 0) { sortOrder = TdDataTableSortingOrder.Ascending; }
             if (sortBy) {
                 data = Array.from(data); // Change the array reference to trigger OnPush and not mutate original array
-                data.sort((/**
+                data.sort(( /**
                  * @param {?} a
                  * @param {?} b
                  * @return {?}
-                 */
-                function (a, b) {
+                 */function (a, b) {
                     /** @type {?} */
                     var compA = a[sortBy];
                     /** @type {?} */
@@ -2976,14 +2666,6 @@
             }
             return data;
         };
-        /**
-         * params:
-         * - data: any[]
-         * - fromRow: number
-         * - toRow: : number
-         *
-         * Returns a section of the [data] parameter starting from [fromRow] and ending in [toRow].
-         */
         /**
          * params:
          * - data: any[]
@@ -2996,33 +2678,22 @@
          * @param {?} toRow
          * @return {?}
          */
-        TdDataTableService.prototype.pageData = /**
-         * params:
-         * - data: any[]
-         * - fromRow: number
-         * - toRow: : number
-         *
-         * Returns a section of the [data] parameter starting from [fromRow] and ending in [toRow].
-         * @param {?} data
-         * @param {?} fromRow
-         * @param {?} toRow
-         * @return {?}
-         */
-        function (data, fromRow, toRow) {
+        TdDataTableService.prototype.pageData = function (data, fromRow, toRow) {
             if (fromRow >= 1) {
                 data = data.slice(fromRow - 1, toRow);
             }
             return data;
         };
-        TdDataTableService.decorators = [
-            { type: core.Injectable }
-        ];
         return TdDataTableService;
     }());
+    TdDataTableService.decorators = [
+        { type: core.Injectable }
+    ];
 
     /**
      * @fileoverview added by tsickle
-     * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
+     * Generated from: data-table.module.ts
+     * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingRequire,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
      */
     /** @type {?} */
     var TD_DATA_TABLE = [
@@ -3037,16 +2708,34 @@
     var CovalentDataTableModule = /** @class */ (function () {
         function CovalentDataTableModule() {
         }
-        CovalentDataTableModule.decorators = [
-            { type: core.NgModule, args: [{
-                        imports: [common.CommonModule, checkbox.MatCheckboxModule, tooltip.MatTooltipModule, icon.MatIconModule, core$1.MatPseudoCheckboxModule],
-                        declarations: [TD_DATA_TABLE],
-                        exports: [TD_DATA_TABLE],
-                        providers: [TdDataTableService],
-                    },] }
-        ];
         return CovalentDataTableModule;
     }());
+    CovalentDataTableModule.decorators = [
+        { type: core.NgModule, args: [{
+                    imports: [common$1.CommonModule, checkbox.MatCheckboxModule, tooltip.MatTooltipModule, icon.MatIconModule, core$1.MatPseudoCheckboxModule],
+                    declarations: [TD_DATA_TABLE],
+                    exports: [TD_DATA_TABLE],
+                    providers: [TdDataTableService],
+                },] }
+    ];
+
+    /**
+     * @fileoverview added by tsickle
+     * Generated from: public-api.ts
+     * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingRequire,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
+     */
+
+    /**
+     * @fileoverview added by tsickle
+     * Generated from: index.ts
+     * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingRequire,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
+     */
+
+    /**
+     * @fileoverview added by tsickle
+     * Generated from: covalent-core-data-table.ts
+     * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingRequire,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
+     */
 
     exports.CovalentDataTableModule = CovalentDataTableModule;
     exports.TdDataTableBase = TdDataTableBase;