@swimlane/ngx-datatable 17.0.0 → 20.0.0

package/bundles/swimlane-ngx-datatable.umd.js

@@ -1,223 +1,9 @@
 (function (global, factory) {
     typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core'), require('@angular/common'), require('rxjs'), require('rxjs/operators')) :
     typeof define === 'function' && define.amd ? define('@swimlane/ngx-datatable', ['exports', '@angular/core', '@angular/common', 'rxjs', 'rxjs/operators'], factory) :
-    (global = global || self, factory((global.swimlane = global.swimlane || {}, global.swimlane['ngx-datatable'] = {}), global.ng.core, global.ng.common, global.rxjs, global.rxjs.operators));
+    (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory((global.swimlane = global.swimlane || {}, global.swimlane['ngx-datatable'] = {}), global.ng.core, global.ng.common, global.rxjs, global.rxjs.operators));
 }(this, (function (exports, core, common, rxjs, operators) { '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;
-    }
-
     /**
      * Gets the width of the scrollbar.  Nesc for windows
      * http://stackoverflow.com/a/13382873/888165
@@ -242,15 +28,14 @@
             outer.parentNode.removeChild(outer);
             return widthNoScroll - widthWithScroll;
         };
-        ScrollbarHelper.ctorParameters = function () { return [
-            { type: undefined, decorators: [{ type: core.Inject, args: [common.DOCUMENT,] }] }
-        ]; };
-        ScrollbarHelper = __decorate([
-            core.Injectable(),
-            __param(0, core.Inject(common.DOCUMENT))
-        ], ScrollbarHelper);
         return ScrollbarHelper;
     }());
+    ScrollbarHelper.decorators = [
+        { type: core.Injectable }
+    ];
+    ScrollbarHelper.ctorParameters = function () { return [
+        { type: undefined, decorators: [{ type: core.Inject, args: [common.DOCUMENT,] }] }
+    ]; };
 
     /**
      * Gets the width of the scrollbar.  Nesc for windows
@@ -262,11 +47,11 @@
         DimensionsHelper.prototype.getDimensions = function (element) {
             return element.getBoundingClientRect();
         };
-        DimensionsHelper = __decorate([
-            core.Injectable()
-        ], DimensionsHelper);
         return DimensionsHelper;
     }());
+    DimensionsHelper.decorators = [
+        { type: core.Injectable }
+    ];
 
     /**
      * service to make DatatableComponent aware of changes to
@@ -280,30 +65,30 @@
             get: function () {
                 return this.columnInputChanges.asObservable();
             },
-            enumerable: true,
+            enumerable: false,
             configurable: true
         });
         ColumnChangesService.prototype.onInputChange = function () {
             this.columnInputChanges.next();
         };
-        ColumnChangesService = __decorate([
-            core.Injectable()
-        ], ColumnChangesService);
         return ColumnChangesService;
     }());
+    ColumnChangesService.decorators = [
+        { type: core.Injectable }
+    ];
 
     var DataTableFooterTemplateDirective = /** @class */ (function () {
         function DataTableFooterTemplateDirective(template) {
             this.template = template;
         }
-        DataTableFooterTemplateDirective.ctorParameters = function () { return [
-            { type: core.TemplateRef }
-        ]; };
-        DataTableFooterTemplateDirective = __decorate([
-            core.Directive({ selector: '[ngx-datatable-footer-template]' })
-        ], DataTableFooterTemplateDirective);
         return DataTableFooterTemplateDirective;
     }());
+    DataTableFooterTemplateDirective.decorators = [
+        { type: core.Directive, args: [{ selector: '[ngx-datatable-footer-template]' },] }
+    ];
+    DataTableFooterTemplateDirective.ctorParameters = function () { return [
+        { type: core.TemplateRef }
+    ]; };
 
     /**
      * Visibility Observer Directive
@@ -355,21 +140,19 @@
             };
             this.timeout = setTimeout(function () { return check(); });
         };
-        VisibilityDirective.ctorParameters = function () { return [
-            { type: core.ElementRef },
-            { type: core.NgZone }
-        ]; };
-        __decorate([
-            core.HostBinding('class.visible')
-        ], VisibilityDirective.prototype, "isVisible", void 0);
-        __decorate([
-            core.Output()
-        ], VisibilityDirective.prototype, "visible", void 0);
-        VisibilityDirective = __decorate([
-            core.Directive({ selector: '[visibilityObserver]' })
-        ], VisibilityDirective);
         return VisibilityDirective;
     }());
+    VisibilityDirective.decorators = [
+        { type: core.Directive, args: [{ selector: '[visibilityObserver]' },] }
+    ];
+    VisibilityDirective.ctorParameters = function () { return [
+        { type: core.ElementRef },
+        { type: core.NgZone }
+    ]; };
+    VisibilityDirective.propDecorators = {
+        isVisible: [{ type: core.HostBinding, args: ['class.visible',] }],
+        visible: [{ type: core.Output }]
+    };
 
     /**
      * Draggable Directive for Angular2
@@ -454,35 +237,23 @@
                 this.subscription = undefined;
             }
         };
-        DraggableDirective.ctorParameters = function () { return [
-            { type: core.ElementRef }
-        ]; };
-        __decorate([
-            core.Input()
-        ], DraggableDirective.prototype, "dragEventTarget", void 0);
-        __decorate([
-            core.Input()
-        ], DraggableDirective.prototype, "dragModel", void 0);
-        __decorate([
-            core.Input()
-        ], DraggableDirective.prototype, "dragX", void 0);
-        __decorate([
-            core.Input()
-        ], DraggableDirective.prototype, "dragY", void 0);
-        __decorate([
-            core.Output()
-        ], DraggableDirective.prototype, "dragStart", void 0);
-        __decorate([
-            core.Output()
-        ], DraggableDirective.prototype, "dragging", void 0);
-        __decorate([
-            core.Output()
-        ], DraggableDirective.prototype, "dragEnd", void 0);
-        DraggableDirective = __decorate([
-            core.Directive({ selector: '[draggable]' })
-        ], DraggableDirective);
         return DraggableDirective;
     }());
+    DraggableDirective.decorators = [
+        { type: core.Directive, args: [{ selector: '[draggable]' },] }
+    ];
+    DraggableDirective.ctorParameters = function () { return [
+        { type: core.ElementRef }
+    ]; };
+    DraggableDirective.propDecorators = {
+        dragEventTarget: [{ type: core.Input }],
+        dragModel: [{ type: core.Input }],
+        dragX: [{ type: core.Input }],
+        dragY: [{ type: core.Input }],
+        dragStart: [{ type: core.Output }],
+        dragging: [{ type: core.Output }],
+        dragEnd: [{ type: core.Output }]
+    };
 
     var ResizeableDirective = /** @class */ (function () {
         function ResizeableDirective(element, renderer) {
@@ -550,35 +321,345 @@
                 this.subscription = undefined;
             }
         };
-        ResizeableDirective.ctorParameters = function () { return [
-            { type: core.ElementRef },
-            { type: core.Renderer2 }
-        ]; };
-        __decorate([
-            core.Input()
-        ], ResizeableDirective.prototype, "resizeEnabled", void 0);
-        __decorate([
-            core.Input()
-        ], ResizeableDirective.prototype, "minWidth", void 0);
-        __decorate([
-            core.Input()
-        ], ResizeableDirective.prototype, "maxWidth", void 0);
-        __decorate([
-            core.Output()
-        ], ResizeableDirective.prototype, "resize", void 0);
-        __decorate([
-            core.HostListener('mousedown', ['$event'])
-        ], ResizeableDirective.prototype, "onMousedown", null);
-        ResizeableDirective = __decorate([
-            core.Directive({
-                selector: '[resizeable]',
-                host: {
-                    '[class.resizeable]': 'resizeEnabled'
-                }
-            })
-        ], ResizeableDirective);
         return ResizeableDirective;
     }());
+    ResizeableDirective.decorators = [
+        { type: core.Directive, args: [{
+                    selector: '[resizeable]',
+                    host: {
+                        '[class.resizeable]': 'resizeEnabled'
+                    }
+                },] }
+    ];
+    ResizeableDirective.ctorParameters = function () { return [
+        { type: core.ElementRef },
+        { type: core.Renderer2 }
+    ]; };
+    ResizeableDirective.propDecorators = {
+        resizeEnabled: [{ type: core.Input }],
+        minWidth: [{ type: core.Input }],
+        maxWidth: [{ type: core.Input }],
+        resize: [{ type: core.Output }],
+        onMousedown: [{ type: core.HostListener, args: ['mousedown', ['$event'],] }]
+    };
+
+    /*! *****************************************************************************
+    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) {
+        if (typeof b !== "function" && b !== null)
+            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
+        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;
+    }
+    /** @deprecated */
+    function __spread() {
+        for (var ar = [], i = 0; i < arguments.length; i++)
+            ar = ar.concat(__read(arguments[i]));
+        return ar;
+    }
+    /** @deprecated */
+    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 __spreadArray(to, from, pack) {
+        if (pack || arguments.length === 2)
+            for (var i = 0, l = from.length, ar; i < l; i++) {
+                if (ar || !(i in from)) {
+                    if (!ar)
+                        ar = Array.prototype.slice.call(from, 0, i);
+                    ar[i] = from[i];
+                }
+            }
+        return to.concat(ar || from);
+    }
+    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, state, kind, f) {
+        if (kind === "a" && !f)
+            throw new TypeError("Private accessor was defined without a getter");
+        if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver))
+            throw new TypeError("Cannot read private member from an object whose class did not declare it");
+        return kind === "m" ? f : kind === "a" ? f.call(receiver) : f ? f.value : state.get(receiver);
+    }
+    function __classPrivateFieldSet(receiver, state, value, kind, f) {
+        if (kind === "m")
+            throw new TypeError("Private method is not writable");
+        if (kind === "a" && !f)
+            throw new TypeError("Private accessor was defined without a setter");
+        if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver))
+            throw new TypeError("Cannot write private member to an object whose class did not declare it");
+        return (kind === "a" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;
+    }
 
     var OrderableDirective = /** @class */ (function () {
         function OrderableDirective(differs, document) {
@@ -716,25 +797,20 @@
                 return acc;
             }, {});
         };
-        OrderableDirective.ctorParameters = function () { return [
-            { type: core.KeyValueDiffers },
-            { type: undefined, decorators: [{ type: core.Inject, args: [common.DOCUMENT,] }] }
-        ]; };
-        __decorate([
-            core.Output()
-        ], OrderableDirective.prototype, "reorder", void 0);
-        __decorate([
-            core.Output()
-        ], OrderableDirective.prototype, "targetChanged", void 0);
-        __decorate([
-            core.ContentChildren(DraggableDirective, { descendants: true })
-        ], OrderableDirective.prototype, "draggables", void 0);
-        OrderableDirective = __decorate([
-            core.Directive({ selector: '[orderable]' }),
-            __param(1, core.Inject(common.DOCUMENT))
-        ], OrderableDirective);
         return OrderableDirective;
     }());
+    OrderableDirective.decorators = [
+        { type: core.Directive, args: [{ selector: '[orderable]' },] }
+    ];
+    OrderableDirective.ctorParameters = function () { return [
+        { type: core.KeyValueDiffers },
+        { type: undefined, decorators: [{ type: core.Inject, args: [common.DOCUMENT,] }] }
+    ]; };
+    OrderableDirective.propDecorators = {
+        reorder: [{ type: core.Output }],
+        targetChanged: [{ type: core.Output }],
+        draggables: [{ type: core.ContentChildren, args: [DraggableDirective, { descendants: true },] }]
+    };
 
     var LongPressDirective = /** @class */ (function () {
         function LongPressDirective() {
@@ -750,14 +826,14 @@
             get: function () {
                 return this.pressing;
             },
-            enumerable: true,
+            enumerable: false,
             configurable: true
         });
         Object.defineProperty(LongPressDirective.prototype, "isLongPress", {
             get: function () {
                 return this.isLongPressing;
             },
-            enumerable: true,
+            enumerable: false,
             configurable: true
         });
         LongPressDirective.prototype.onMouseDown = function (event) {
@@ -830,38 +906,22 @@
                 this.subscription = undefined;
             }
         };
-        __decorate([
-            core.Input()
-        ], LongPressDirective.prototype, "pressEnabled", void 0);
-        __decorate([
-            core.Input()
-        ], LongPressDirective.prototype, "pressModel", void 0);
-        __decorate([
-            core.Input()
-        ], LongPressDirective.prototype, "duration", void 0);
-        __decorate([
-            core.Output()
-        ], LongPressDirective.prototype, "longPressStart", void 0);
-        __decorate([
-            core.Output()
-        ], LongPressDirective.prototype, "longPressing", void 0);
-        __decorate([
-            core.Output()
-        ], LongPressDirective.prototype, "longPressEnd", void 0);
-        __decorate([
-            core.HostBinding('class.press')
-        ], LongPressDirective.prototype, "press", null);
-        __decorate([
-            core.HostBinding('class.longpress')
-        ], LongPressDirective.prototype, "isLongPress", null);
-        __decorate([
-            core.HostListener('mousedown', ['$event'])
-        ], LongPressDirective.prototype, "onMouseDown", null);
-        LongPressDirective = __decorate([
-            core.Directive({ selector: '[long-press]' })
-        ], LongPressDirective);
         return LongPressDirective;
     }());
+    LongPressDirective.decorators = [
+        { type: core.Directive, args: [{ selector: '[long-press]' },] }
+    ];
+    LongPressDirective.propDecorators = {
+        pressEnabled: [{ type: core.Input }],
+        pressModel: [{ type: core.Input }],
+        duration: [{ type: core.Input }],
+        longPressStart: [{ type: core.Output }],
+        longPressing: [{ type: core.Output }],
+        longPressEnd: [{ type: core.Output }],
+        press: [{ type: core.HostBinding, args: ['class.press',] }],
+        isLongPress: [{ type: core.HostBinding, args: ['class.longpress',] }],
+        onMouseDown: [{ type: core.HostListener, args: ['mousedown', ['$event'],] }]
+    };
 
     var ScrollerComponent = /** @class */ (function () {
         function ScrollerComponent(ngZone, element, renderer) {
@@ -922,55 +982,45 @@
             this.prevScrollYPos = this.scrollYPos;
             this.prevScrollXPos = this.scrollXPos;
         };
-        ScrollerComponent.ctorParameters = function () { return [
-            { type: core.NgZone },
-            { type: core.ElementRef },
-            { type: core.Renderer2 }
-        ]; };
-        __decorate([
-            core.Input()
-        ], ScrollerComponent.prototype, "scrollbarV", void 0);
-        __decorate([
-            core.Input()
-        ], ScrollerComponent.prototype, "scrollbarH", void 0);
-        __decorate([
-            core.HostBinding('style.height.px'),
-            core.Input()
-        ], ScrollerComponent.prototype, "scrollHeight", void 0);
-        __decorate([
-            core.HostBinding('style.width.px'),
-            core.Input()
-        ], ScrollerComponent.prototype, "scrollWidth", void 0);
-        __decorate([
-            core.Output()
-        ], ScrollerComponent.prototype, "scroll", void 0);
-        ScrollerComponent = __decorate([
-            core.Component({
-                selector: 'datatable-scroller',
-                template: " <ng-content></ng-content> ",
-                host: {
-                    class: 'datatable-scroll'
-                },
-                changeDetection: core.ChangeDetectionStrategy.OnPush
-            })
-        ], ScrollerComponent);
         return ScrollerComponent;
     }());
+    ScrollerComponent.decorators = [
+        { type: core.Component, args: [{
+                    selector: 'datatable-scroller',
+                    template: " <ng-content></ng-content> ",
+                    host: {
+                        class: 'datatable-scroll'
+                    },
+                    changeDetection: core.ChangeDetectionStrategy.OnPush
+                },] }
+    ];
+    ScrollerComponent.ctorParameters = function () { return [
+        { type: core.NgZone },
+        { type: core.ElementRef },
+        { type: core.Renderer2 }
+    ]; };
+    ScrollerComponent.propDecorators = {
+        scrollbarV: [{ type: core.Input }],
+        scrollbarH: [{ type: core.Input }],
+        scrollHeight: [{ type: core.HostBinding, args: ['style.height.px',] }, { type: core.Input }],
+        scrollWidth: [{ type: core.HostBinding, args: ['style.width.px',] }, { type: core.Input }],
+        scroll: [{ type: core.Output }]
+    };
 
     var DatatableGroupHeaderTemplateDirective = /** @class */ (function () {
         function DatatableGroupHeaderTemplateDirective(template) {
             this.template = template;
         }
-        DatatableGroupHeaderTemplateDirective.ctorParameters = function () { return [
-            { type: core.TemplateRef }
-        ]; };
-        DatatableGroupHeaderTemplateDirective = __decorate([
-            core.Directive({
-                selector: '[ngx-datatable-group-header-template]'
-            })
-        ], DatatableGroupHeaderTemplateDirective);
         return DatatableGroupHeaderTemplateDirective;
     }());
+    DatatableGroupHeaderTemplateDirective.decorators = [
+        { type: core.Directive, args: [{
+                    selector: '[ngx-datatable-group-header-template]'
+                },] }
+    ];
+    DatatableGroupHeaderTemplateDirective.ctorParameters = function () { return [
+        { type: core.TemplateRef }
+    ]; };
 
     var DatatableGroupHeaderDirective = /** @class */ (function () {
         function DatatableGroupHeaderDirective() {
@@ -987,7 +1037,7 @@
             get: function () {
                 return this._templateInput || this._templateQuery;
             },
-            enumerable: true,
+            enumerable: false,
             configurable: true
         });
         /**
@@ -1017,23 +1067,17 @@
                 value: false
             });
         };
-        __decorate([
-            core.Input()
-        ], DatatableGroupHeaderDirective.prototype, "rowHeight", void 0);
-        __decorate([
-            core.Input('template')
-        ], DatatableGroupHeaderDirective.prototype, "_templateInput", void 0);
-        __decorate([
-            core.ContentChild(DatatableGroupHeaderTemplateDirective, { read: core.TemplateRef, static: true })
-        ], DatatableGroupHeaderDirective.prototype, "_templateQuery", void 0);
-        __decorate([
-            core.Output()
-        ], DatatableGroupHeaderDirective.prototype, "toggle", void 0);
-        DatatableGroupHeaderDirective = __decorate([
-            core.Directive({ selector: 'ngx-datatable-group-header' })
-        ], DatatableGroupHeaderDirective);
         return DatatableGroupHeaderDirective;
     }());
+    DatatableGroupHeaderDirective.decorators = [
+        { type: core.Directive, args: [{ selector: 'ngx-datatable-group-header' },] }
+    ];
+    DatatableGroupHeaderDirective.propDecorators = {
+        rowHeight: [{ type: core.Input }],
+        _templateInput: [{ type: core.Input, args: ['template',] }],
+        _templateQuery: [{ type: core.ContentChild, args: [DatatableGroupHeaderTemplateDirective, { read: core.TemplateRef, static: true },] }],
+        toggle: [{ type: core.Output }]
+    };
 
     /**
      * Always returns the empty string ''
@@ -1190,18 +1234,18 @@
             for (var i = 0; i < l; i++) {
                 // link all TreeNode objects
                 node = nodeById[to(rows[i])];
-                var parent_1 = 0;
+                var parent = 0;
                 var fromValue = from(node.row);
                 if (!!fromValue && uniqIDs.indexOf(fromValue) > -1) {
-                    parent_1 = fromValue;
+                    parent = fromValue;
                 }
-                node.parent = nodeById[parent_1];
+                node.parent = nodeById[parent];
                 node.row['level'] = node.parent.row['level'] + 1;
                 node.parent.children.push(node);
             }
             var resolvedRows_1 = [];
             nodeById[0].flatten(function () {
-                resolvedRows_1 = __spread(resolvedRows_1, [this.row]);
+                resolvedRows_1 = __spreadArray(__spreadArray([], __read(resolvedRows_1)), [this.row]);
             }, true);
             return resolvedRows_1;
         }
@@ -1395,14 +1439,14 @@
         return result;
     }
 
-
+    exports.ColumnMode = void 0;
     (function (ColumnMode) {
         ColumnMode["standard"] = "standard";
         ColumnMode["flex"] = "flex";
         ColumnMode["force"] = "force";
     })(exports.ColumnMode || (exports.ColumnMode = {}));
 
-
+    exports.SelectionType = void 0;
     (function (SelectionType) {
         SelectionType["single"] = "single";
         SelectionType["multi"] = "multi";
@@ -1411,13 +1455,13 @@
         SelectionType["checkbox"] = "checkbox";
     })(exports.SelectionType || (exports.SelectionType = {}));
 
-
+    exports.SortType = void 0;
     (function (SortType) {
         SortType["single"] = "single";
         SortType["multi"] = "multi";
     })(exports.SortType || (exports.SortType = {}));
 
-
+    exports.ContextmenuType = void 0;
     (function (ContextmenuType) {
         ContextmenuType["header"] = "header";
         ContextmenuType["body"] = "body";
@@ -1427,40 +1471,40 @@
         function DataTableColumnHeaderDirective(template) {
             this.template = template;
         }
-        DataTableColumnHeaderDirective.ctorParameters = function () { return [
-            { type: core.TemplateRef }
-        ]; };
-        DataTableColumnHeaderDirective = __decorate([
-            core.Directive({ selector: '[ngx-datatable-header-template]' })
-        ], DataTableColumnHeaderDirective);
         return DataTableColumnHeaderDirective;
     }());
+    DataTableColumnHeaderDirective.decorators = [
+        { type: core.Directive, args: [{ selector: '[ngx-datatable-header-template]' },] }
+    ];
+    DataTableColumnHeaderDirective.ctorParameters = function () { return [
+        { type: core.TemplateRef }
+    ]; };
 
     var DataTableColumnCellDirective = /** @class */ (function () {
         function DataTableColumnCellDirective(template) {
             this.template = template;
         }
-        DataTableColumnCellDirective.ctorParameters = function () { return [
-            { type: core.TemplateRef }
-        ]; };
-        DataTableColumnCellDirective = __decorate([
-            core.Directive({ selector: '[ngx-datatable-cell-template]' })
-        ], DataTableColumnCellDirective);
         return DataTableColumnCellDirective;
     }());
+    DataTableColumnCellDirective.decorators = [
+        { type: core.Directive, args: [{ selector: '[ngx-datatable-cell-template]' },] }
+    ];
+    DataTableColumnCellDirective.ctorParameters = function () { return [
+        { type: core.TemplateRef }
+    ]; };
 
     var DataTableColumnCellTreeToggle = /** @class */ (function () {
         function DataTableColumnCellTreeToggle(template) {
             this.template = template;
         }
-        DataTableColumnCellTreeToggle.ctorParameters = function () { return [
-            { type: core.TemplateRef }
-        ]; };
-        DataTableColumnCellTreeToggle = __decorate([
-            core.Directive({ selector: '[ngx-datatable-tree-toggle]' })
-        ], DataTableColumnCellTreeToggle);
         return DataTableColumnCellTreeToggle;
     }());
+    DataTableColumnCellTreeToggle.decorators = [
+        { type: core.Directive, args: [{ selector: '[ngx-datatable-tree-toggle]' },] }
+    ];
+    DataTableColumnCellTreeToggle.ctorParameters = function () { return [
+        { type: core.TemplateRef }
+    ]; };
 
     var DataTableColumnDirective = /** @class */ (function () {
         function DataTableColumnDirective(columnChangesService) {
@@ -1471,21 +1515,21 @@
             get: function () {
                 return this._cellTemplateInput || this._cellTemplateQuery;
             },
-            enumerable: true,
+            enumerable: false,
             configurable: true
         });
         Object.defineProperty(DataTableColumnDirective.prototype, "headerTemplate", {
             get: function () {
                 return this._headerTemplateInput || this._headerTemplateQuery;
             },
-            enumerable: true,
+            enumerable: false,
             configurable: true
         });
         Object.defineProperty(DataTableColumnDirective.prototype, "treeToggleTemplate", {
             get: function () {
                 return this._treeToggleTemplateInput || this._treeToggleTemplateQuery;
             },
-            enumerable: true,
+            enumerable: false,
             configurable: true
         });
         DataTableColumnDirective.prototype.ngOnChanges = function () {
@@ -1496,113 +1540,59 @@
                 this.columnChangesService.onInputChange();
             }
         };
-        DataTableColumnDirective.ctorParameters = function () { return [
-            { type: ColumnChangesService }
-        ]; };
-        __decorate([
-            core.Input()
-        ], DataTableColumnDirective.prototype, "name", void 0);
-        __decorate([
-            core.Input()
-        ], DataTableColumnDirective.prototype, "prop", void 0);
-        __decorate([
-            core.Input()
-        ], DataTableColumnDirective.prototype, "frozenLeft", void 0);
-        __decorate([
-            core.Input()
-        ], DataTableColumnDirective.prototype, "frozenRight", void 0);
-        __decorate([
-            core.Input()
-        ], DataTableColumnDirective.prototype, "flexGrow", void 0);
-        __decorate([
-            core.Input()
-        ], DataTableColumnDirective.prototype, "resizeable", void 0);
-        __decorate([
-            core.Input()
-        ], DataTableColumnDirective.prototype, "comparator", void 0);
-        __decorate([
-            core.Input()
-        ], DataTableColumnDirective.prototype, "pipe", void 0);
-        __decorate([
-            core.Input()
-        ], DataTableColumnDirective.prototype, "sortable", void 0);
-        __decorate([
-            core.Input()
-        ], DataTableColumnDirective.prototype, "draggable", void 0);
-        __decorate([
-            core.Input()
-        ], DataTableColumnDirective.prototype, "canAutoResize", void 0);
-        __decorate([
-            core.Input()
-        ], DataTableColumnDirective.prototype, "minWidth", void 0);
-        __decorate([
-            core.Input()
-        ], DataTableColumnDirective.prototype, "width", void 0);
-        __decorate([
-            core.Input()
-        ], DataTableColumnDirective.prototype, "maxWidth", void 0);
-        __decorate([
-            core.Input()
-        ], DataTableColumnDirective.prototype, "checkboxable", void 0);
-        __decorate([
-            core.Input()
-        ], DataTableColumnDirective.prototype, "headerCheckboxable", void 0);
-        __decorate([
-            core.Input()
-        ], DataTableColumnDirective.prototype, "headerClass", void 0);
-        __decorate([
-            core.Input()
-        ], DataTableColumnDirective.prototype, "cellClass", void 0);
-        __decorate([
-            core.Input()
-        ], DataTableColumnDirective.prototype, "isTreeColumn", void 0);
-        __decorate([
-            core.Input()
-        ], DataTableColumnDirective.prototype, "treeLevelIndent", void 0);
-        __decorate([
-            core.Input()
-        ], DataTableColumnDirective.prototype, "summaryFunc", void 0);
-        __decorate([
-            core.Input()
-        ], DataTableColumnDirective.prototype, "summaryTemplate", void 0);
-        __decorate([
-            core.Input('cellTemplate')
-        ], DataTableColumnDirective.prototype, "_cellTemplateInput", void 0);
-        __decorate([
-            core.ContentChild(DataTableColumnCellDirective, { read: core.TemplateRef, static: true })
-        ], DataTableColumnDirective.prototype, "_cellTemplateQuery", void 0);
-        __decorate([
-            core.Input('headerTemplate')
-        ], DataTableColumnDirective.prototype, "_headerTemplateInput", void 0);
-        __decorate([
-            core.ContentChild(DataTableColumnHeaderDirective, { read: core.TemplateRef, static: true })
-        ], DataTableColumnDirective.prototype, "_headerTemplateQuery", void 0);
-        __decorate([
-            core.Input('treeToggleTemplate')
-        ], DataTableColumnDirective.prototype, "_treeToggleTemplateInput", void 0);
-        __decorate([
-            core.ContentChild(DataTableColumnCellTreeToggle, { read: core.TemplateRef, static: true })
-        ], DataTableColumnDirective.prototype, "_treeToggleTemplateQuery", void 0);
-        DataTableColumnDirective = __decorate([
-            core.Directive({ selector: 'ngx-datatable-column' })
-        ], DataTableColumnDirective);
         return DataTableColumnDirective;
     }());
+    DataTableColumnDirective.decorators = [
+        { type: core.Directive, args: [{ selector: 'ngx-datatable-column' },] }
+    ];
+    DataTableColumnDirective.ctorParameters = function () { return [
+        { type: ColumnChangesService }
+    ]; };
+    DataTableColumnDirective.propDecorators = {
+        name: [{ type: core.Input }],
+        prop: [{ type: core.Input }],
+        frozenLeft: [{ type: core.Input }],
+        frozenRight: [{ type: core.Input }],
+        flexGrow: [{ type: core.Input }],
+        resizeable: [{ type: core.Input }],
+        comparator: [{ type: core.Input }],
+        pipe: [{ type: core.Input }],
+        sortable: [{ type: core.Input }],
+        draggable: [{ type: core.Input }],
+        canAutoResize: [{ type: core.Input }],
+        minWidth: [{ type: core.Input }],
+        width: [{ type: core.Input }],
+        maxWidth: [{ type: core.Input }],
+        checkboxable: [{ type: core.Input }],
+        headerCheckboxable: [{ type: core.Input }],
+        headerClass: [{ type: core.Input }],
+        cellClass: [{ type: core.Input }],
+        isTreeColumn: [{ type: core.Input }],
+        treeLevelIndent: [{ type: core.Input }],
+        summaryFunc: [{ type: core.Input }],
+        summaryTemplate: [{ type: core.Input }],
+        _cellTemplateInput: [{ type: core.Input, args: ['cellTemplate',] }],
+        _cellTemplateQuery: [{ type: core.ContentChild, args: [DataTableColumnCellDirective, { read: core.TemplateRef, static: true },] }],
+        _headerTemplateInput: [{ type: core.Input, args: ['headerTemplate',] }],
+        _headerTemplateQuery: [{ type: core.ContentChild, args: [DataTableColumnHeaderDirective, { read: core.TemplateRef, static: true },] }],
+        _treeToggleTemplateInput: [{ type: core.Input, args: ['treeToggleTemplate',] }],
+        _treeToggleTemplateQuery: [{ type: core.ContentChild, args: [DataTableColumnCellTreeToggle, { read: core.TemplateRef, static: true },] }]
+    };
 
     var DatatableRowDetailTemplateDirective = /** @class */ (function () {
         function DatatableRowDetailTemplateDirective(template) {
             this.template = template;
         }
-        DatatableRowDetailTemplateDirective.ctorParameters = function () { return [
-            { type: core.TemplateRef }
-        ]; };
-        DatatableRowDetailTemplateDirective = __decorate([
-            core.Directive({
-                selector: '[ngx-datatable-row-detail-template]'
-            })
-        ], DatatableRowDetailTemplateDirective);
         return DatatableRowDetailTemplateDirective;
     }());
+    DatatableRowDetailTemplateDirective.decorators = [
+        { type: core.Directive, args: [{
+                    selector: '[ngx-datatable-row-detail-template]'
+                },] }
+    ];
+    DatatableRowDetailTemplateDirective.ctorParameters = function () { return [
+        { type: core.TemplateRef }
+    ]; };
 
     var DatatableRowDetailDirective = /** @class */ (function () {
         function DatatableRowDetailDirective() {
@@ -1620,7 +1610,7 @@
             get: function () {
                 return this._templateInput || this._templateQuery;
             },
-            enumerable: true,
+            enumerable: false,
             configurable: true
         });
         /**
@@ -1650,23 +1640,17 @@
                 value: false
             });
         };
-        __decorate([
-            core.Input()
-        ], DatatableRowDetailDirective.prototype, "rowHeight", void 0);
-        __decorate([
-            core.Input('template')
-        ], DatatableRowDetailDirective.prototype, "_templateInput", void 0);
-        __decorate([
-            core.ContentChild(DatatableRowDetailTemplateDirective, { read: core.TemplateRef, static: true })
-        ], DatatableRowDetailDirective.prototype, "_templateQuery", void 0);
-        __decorate([
-            core.Output()
-        ], DatatableRowDetailDirective.prototype, "toggle", void 0);
-        DatatableRowDetailDirective = __decorate([
-            core.Directive({ selector: 'ngx-datatable-row-detail' })
-        ], DatatableRowDetailDirective);
         return DatatableRowDetailDirective;
     }());
+    DatatableRowDetailDirective.decorators = [
+        { type: core.Directive, args: [{ selector: 'ngx-datatable-row-detail' },] }
+    ];
+    DatatableRowDetailDirective.propDecorators = {
+        rowHeight: [{ type: core.Input }],
+        _templateInput: [{ type: core.Input, args: ['template',] }],
+        _templateQuery: [{ type: core.ContentChild, args: [DatatableRowDetailTemplateDirective, { read: core.TemplateRef, static: true },] }],
+        toggle: [{ type: core.Output }]
+    };
 
     var DatatableFooterDirective = /** @class */ (function () {
         function DatatableFooterDirective() {
@@ -1675,41 +1659,25 @@
             get: function () {
                 return this._templateInput || this._templateQuery;
             },
-            enumerable: true,
+            enumerable: false,
             configurable: true
         });
-        __decorate([
-            core.Input()
-        ], DatatableFooterDirective.prototype, "footerHeight", void 0);
-        __decorate([
-            core.Input()
-        ], DatatableFooterDirective.prototype, "totalMessage", void 0);
-        __decorate([
-            core.Input()
-        ], DatatableFooterDirective.prototype, "selectedMessage", void 0);
-        __decorate([
-            core.Input()
-        ], DatatableFooterDirective.prototype, "pagerLeftArrowIcon", void 0);
-        __decorate([
-            core.Input()
-        ], DatatableFooterDirective.prototype, "pagerRightArrowIcon", void 0);
-        __decorate([
-            core.Input()
-        ], DatatableFooterDirective.prototype, "pagerPreviousIcon", void 0);
-        __decorate([
-            core.Input()
-        ], DatatableFooterDirective.prototype, "pagerNextIcon", void 0);
-        __decorate([
-            core.Input('template')
-        ], DatatableFooterDirective.prototype, "_templateInput", void 0);
-        __decorate([
-            core.ContentChild(DataTableFooterTemplateDirective, { read: core.TemplateRef })
-        ], DatatableFooterDirective.prototype, "_templateQuery", void 0);
-        DatatableFooterDirective = __decorate([
-            core.Directive({ selector: 'ngx-datatable-footer' })
-        ], DatatableFooterDirective);
         return DatatableFooterDirective;
     }());
+    DatatableFooterDirective.decorators = [
+        { type: core.Directive, args: [{ selector: 'ngx-datatable-footer' },] }
+    ];
+    DatatableFooterDirective.propDecorators = {
+        footerHeight: [{ type: core.Input }],
+        totalMessage: [{ type: core.Input }],
+        selectedMessage: [{ type: core.Input }],
+        pagerLeftArrowIcon: [{ type: core.Input }],
+        pagerRightArrowIcon: [{ type: core.Input }],
+        pagerPreviousIcon: [{ type: core.Input }],
+        pagerNextIcon: [{ type: core.Input }],
+        _templateInput: [{ type: core.Input, args: ['template',] }],
+        _templateQuery: [{ type: core.ContentChild, args: [DataTableFooterTemplateDirective, { read: core.TemplateRef },] }]
+    };
 
     /**
      * Returns the columns by pin.
@@ -2060,7 +2028,7 @@
                 this._pageSize = val;
                 this.recalcLayout();
             },
-            enumerable: true,
+            enumerable: false,
             configurable: true
         });
         Object.defineProperty(DataTableBodyComponent.prototype, "rows", {
@@ -2071,7 +2039,7 @@
                 this._rows = val;
                 this.recalcLayout();
             },
-            enumerable: true,
+            enumerable: false,
             configurable: true
         });
         Object.defineProperty(DataTableBodyComponent.prototype, "columns", {
@@ -2083,7 +2051,7 @@
                 var colsByPin = columnsByPin(val);
                 this.columnGroupWidths = columnGroupWidths(colsByPin, val);
             },
-            enumerable: true,
+            enumerable: false,
             configurable: true
         });
         Object.defineProperty(DataTableBodyComponent.prototype, "offset", {
@@ -2095,7 +2063,7 @@
                 if (!this.scrollbarV || (this.scrollbarV && !this.virtualization))
                     this.recalcLayout();
             },
-            enumerable: true,
+            enumerable: false,
             configurable: true
         });
         Object.defineProperty(DataTableBodyComponent.prototype, "rowCount", {
@@ -2106,7 +2074,7 @@
                 this._rowCount = val;
                 this.recalcLayout();
             },
-            enumerable: true,
+            enumerable: false,
             configurable: true
         });
         Object.defineProperty(DataTableBodyComponent.prototype, "bodyWidth", {
@@ -2118,7 +2086,7 @@
                     return '100%';
                 }
             },
-            enumerable: true,
+            enumerable: false,
             configurable: true
         });
         Object.defineProperty(DataTableBodyComponent.prototype, "bodyHeight", {
@@ -2134,7 +2102,7 @@
                 }
                 this.recalcLayout();
             },
-            enumerable: true,
+            enumerable: false,
             configurable: true
         });
         Object.defineProperty(DataTableBodyComponent.prototype, "selectEnabled", {
@@ -2144,7 +2112,7 @@
             get: function () {
                 return !!this.selectionType;
             },
-            enumerable: true,
+            enumerable: false,
             configurable: true
         });
         Object.defineProperty(DataTableBodyComponent.prototype, "scrollHeight", {
@@ -2160,7 +2128,7 @@
                 // avoid TS7030: Not all code paths return a value.
                 return undefined;
             },
-            enumerable: true,
+            enumerable: false,
             configurable: true
         });
         /**
@@ -2644,139 +2612,62 @@
         DataTableBodyComponent.prototype.onTreeAction = function (row) {
             this.treeAction.emit({ row: row });
         };
-        DataTableBodyComponent.ctorParameters = function () { return [
-            { type: core.ChangeDetectorRef }
-        ]; };
-        __decorate([
-            core.Input()
-        ], DataTableBodyComponent.prototype, "scrollbarV", void 0);
-        __decorate([
-            core.Input()
-        ], DataTableBodyComponent.prototype, "scrollbarH", void 0);
-        __decorate([
-            core.Input()
-        ], DataTableBodyComponent.prototype, "loadingIndicator", void 0);
-        __decorate([
-            core.Input()
-        ], DataTableBodyComponent.prototype, "externalPaging", void 0);
-        __decorate([
-            core.Input()
-        ], DataTableBodyComponent.prototype, "rowHeight", void 0);
-        __decorate([
-            core.Input()
-        ], DataTableBodyComponent.prototype, "offsetX", void 0);
-        __decorate([
-            core.Input()
-        ], DataTableBodyComponent.prototype, "emptyMessage", void 0);
-        __decorate([
-            core.Input()
-        ], DataTableBodyComponent.prototype, "selectionType", void 0);
-        __decorate([
-            core.Input()
-        ], DataTableBodyComponent.prototype, "selected", void 0);
-        __decorate([
-            core.Input()
-        ], DataTableBodyComponent.prototype, "rowIdentity", void 0);
-        __decorate([
-            core.Input()
-        ], DataTableBodyComponent.prototype, "rowDetail", void 0);
-        __decorate([
-            core.Input()
-        ], DataTableBodyComponent.prototype, "groupHeader", void 0);
-        __decorate([
-            core.Input()
-        ], DataTableBodyComponent.prototype, "selectCheck", void 0);
-        __decorate([
-            core.Input()
-        ], DataTableBodyComponent.prototype, "displayCheck", void 0);
-        __decorate([
-            core.Input()
-        ], DataTableBodyComponent.prototype, "trackByProp", void 0);
-        __decorate([
-            core.Input()
-        ], DataTableBodyComponent.prototype, "rowClass", void 0);
-        __decorate([
-            core.Input()
-        ], DataTableBodyComponent.prototype, "groupedRows", void 0);
-        __decorate([
-            core.Input()
-        ], DataTableBodyComponent.prototype, "groupExpansionDefault", void 0);
-        __decorate([
-            core.Input()
-        ], DataTableBodyComponent.prototype, "innerWidth", void 0);
-        __decorate([
-            core.Input()
-        ], DataTableBodyComponent.prototype, "groupRowsBy", void 0);
-        __decorate([
-            core.Input()
-        ], DataTableBodyComponent.prototype, "virtualization", void 0);
-        __decorate([
-            core.Input()
-        ], DataTableBodyComponent.prototype, "summaryRow", void 0);
-        __decorate([
-            core.Input()
-        ], DataTableBodyComponent.prototype, "summaryPosition", void 0);
-        __decorate([
-            core.Input()
-        ], DataTableBodyComponent.prototype, "summaryHeight", void 0);
-        __decorate([
-            core.Input()
-        ], DataTableBodyComponent.prototype, "pageSize", null);
-        __decorate([
-            core.Input()
-        ], DataTableBodyComponent.prototype, "rows", null);
-        __decorate([
-            core.Input()
-        ], DataTableBodyComponent.prototype, "columns", null);
-        __decorate([
-            core.Input()
-        ], DataTableBodyComponent.prototype, "offset", null);
-        __decorate([
-            core.Input()
-        ], DataTableBodyComponent.prototype, "rowCount", null);
-        __decorate([
-            core.HostBinding('style.width')
-        ], DataTableBodyComponent.prototype, "bodyWidth", null);
-        __decorate([
-            core.Input(),
-            core.HostBinding('style.height')
-        ], DataTableBodyComponent.prototype, "bodyHeight", null);
-        __decorate([
-            core.Output()
-        ], DataTableBodyComponent.prototype, "scroll", void 0);
-        __decorate([
-            core.Output()
-        ], DataTableBodyComponent.prototype, "page", void 0);
-        __decorate([
-            core.Output()
-        ], DataTableBodyComponent.prototype, "activate", void 0);
-        __decorate([
-            core.Output()
-        ], DataTableBodyComponent.prototype, "select", void 0);
-        __decorate([
-            core.Output()
-        ], DataTableBodyComponent.prototype, "detailToggle", void 0);
-        __decorate([
-            core.Output()
-        ], DataTableBodyComponent.prototype, "rowContextmenu", void 0);
-        __decorate([
-            core.Output()
-        ], DataTableBodyComponent.prototype, "treeAction", void 0);
-        __decorate([
-            core.ViewChild(ScrollerComponent)
-        ], DataTableBodyComponent.prototype, "scroller", void 0);
-        DataTableBodyComponent = __decorate([
-            core.Component({
-                selector: 'datatable-body',
-                template: "\n    <datatable-progress *ngIf=\"loadingIndicator\"> </datatable-progress>\n    <datatable-selection\n      #selector\n      [selected]=\"selected\"\n      [rows]=\"rows\"\n      [selectCheck]=\"selectCheck\"\n      [selectEnabled]=\"selectEnabled\"\n      [selectionType]=\"selectionType\"\n      [rowIdentity]=\"rowIdentity\"\n      (select)=\"select.emit($event)\"\n      (activate)=\"activate.emit($event)\"\n    >\n      <datatable-scroller\n        *ngIf=\"rows?.length\"\n        [scrollbarV]=\"scrollbarV\"\n        [scrollbarH]=\"scrollbarH\"\n        [scrollHeight]=\"scrollHeight\"\n        [scrollWidth]=\"columnGroupWidths?.total\"\n        (scroll)=\"onBodyScroll($event)\"\n      >\n        <datatable-summary-row\n          *ngIf=\"summaryRow && summaryPosition === 'top'\"\n          [rowHeight]=\"summaryHeight\"\n          [offsetX]=\"offsetX\"\n          [innerWidth]=\"innerWidth\"\n          [rows]=\"rows\"\n          [columns]=\"columns\"\n        >\n        </datatable-summary-row>\n        <datatable-row-wrapper\n          [groupedRows]=\"groupedRows\"\n          *ngFor=\"let group of temp; let i = index; trackBy: rowTrackingFn\"\n          [innerWidth]=\"innerWidth\"\n          [ngStyle]=\"getRowsStyles(group)\"\n          [rowDetail]=\"rowDetail\"\n          [groupHeader]=\"groupHeader\"\n          [offsetX]=\"offsetX\"\n          [detailRowHeight]=\"getDetailRowHeight(group && group[i], i)\"\n          [row]=\"group\"\n          [expanded]=\"getRowExpanded(group)\"\n          [rowIndex]=\"getRowIndex(group && group[i])\"\n          (rowContextmenu)=\"rowContextmenu.emit($event)\"\n        >\n          <datatable-body-row\n            *ngIf=\"!groupedRows; else groupedRowsTemplate\"\n            tabindex=\"-1\"\n            [isSelected]=\"selector.getRowSelected(group)\"\n            [innerWidth]=\"innerWidth\"\n            [offsetX]=\"offsetX\"\n            [columns]=\"columns\"\n            [rowHeight]=\"getRowHeight(group)\"\n            [row]=\"group\"\n            [rowIndex]=\"getRowIndex(group)\"\n            [expanded]=\"getRowExpanded(group)\"\n            [rowClass]=\"rowClass\"\n            [displayCheck]=\"displayCheck\"\n            [treeStatus]=\"group && group.treeStatus\"\n            (treeAction)=\"onTreeAction(group)\"\n            (activate)=\"selector.onActivate($event, indexes.first + i)\"\n          >\n          </datatable-body-row>\n          <ng-template #groupedRowsTemplate>\n            <datatable-body-row\n              *ngFor=\"let row of group.value; let i = index; trackBy: rowTrackingFn\"\n              tabindex=\"-1\"\n              [isSelected]=\"selector.getRowSelected(row)\"\n              [innerWidth]=\"innerWidth\"\n              [offsetX]=\"offsetX\"\n              [columns]=\"columns\"\n              [rowHeight]=\"getRowHeight(row)\"\n              [row]=\"row\"\n              [group]=\"group.value\"\n              [rowIndex]=\"getRowIndex(row)\"\n              [expanded]=\"getRowExpanded(row)\"\n              [rowClass]=\"rowClass\"\n              (activate)=\"selector.onActivate($event, i)\"\n            >\n            </datatable-body-row>\n          </ng-template>\n        </datatable-row-wrapper>\n        <datatable-summary-row\n          *ngIf=\"summaryRow && summaryPosition === 'bottom'\"\n          [ngStyle]=\"getBottomSummaryRowStyles()\"\n          [rowHeight]=\"summaryHeight\"\n          [offsetX]=\"offsetX\"\n          [innerWidth]=\"innerWidth\"\n          [rows]=\"rows\"\n          [columns]=\"columns\"\n        >\n        </datatable-summary-row>\n      </datatable-scroller>\n      <div class=\"empty-row\" *ngIf=\"!rows?.length && !loadingIndicator\" [innerHTML]=\"emptyMessage\"></div>\n    </datatable-selection>\n  ",
-                changeDetection: core.ChangeDetectionStrategy.OnPush,
-                host: {
-                    class: 'datatable-body'
-                }
-            })
-        ], DataTableBodyComponent);
         return DataTableBodyComponent;
     }());
+    DataTableBodyComponent.decorators = [
+        { type: core.Component, args: [{
+                    selector: 'datatable-body',
+                    template: "\n    <datatable-progress *ngIf=\"loadingIndicator\"> </datatable-progress>\n    <datatable-selection\n      #selector\n      [selected]=\"selected\"\n      [rows]=\"rows\"\n      [selectCheck]=\"selectCheck\"\n      [selectEnabled]=\"selectEnabled\"\n      [selectionType]=\"selectionType\"\n      [rowIdentity]=\"rowIdentity\"\n      (select)=\"select.emit($event)\"\n      (activate)=\"activate.emit($event)\"\n    >\n      <datatable-scroller\n        *ngIf=\"rows?.length\"\n        [scrollbarV]=\"scrollbarV\"\n        [scrollbarH]=\"scrollbarH\"\n        [scrollHeight]=\"scrollHeight\"\n        [scrollWidth]=\"columnGroupWidths?.total\"\n        (scroll)=\"onBodyScroll($event)\"\n      >\n        <datatable-summary-row\n          *ngIf=\"summaryRow && summaryPosition === 'top'\"\n          [rowHeight]=\"summaryHeight\"\n          [offsetX]=\"offsetX\"\n          [innerWidth]=\"innerWidth\"\n          [rows]=\"rows\"\n          [columns]=\"columns\"\n        >\n        </datatable-summary-row>\n        <datatable-row-wrapper\n          [groupedRows]=\"groupedRows\"\n          *ngFor=\"let group of temp; let i = index; trackBy: rowTrackingFn\"\n          [innerWidth]=\"innerWidth\"\n          [ngStyle]=\"getRowsStyles(group)\"\n          [rowDetail]=\"rowDetail\"\n          [groupHeader]=\"groupHeader\"\n          [offsetX]=\"offsetX\"\n          [detailRowHeight]=\"getDetailRowHeight(group && group[i], i)\"\n          [row]=\"group\"\n          [expanded]=\"getRowExpanded(group)\"\n          [rowIndex]=\"getRowIndex(group && group[i])\"\n          (rowContextmenu)=\"rowContextmenu.emit($event)\"\n        >\n          <datatable-body-row\n            role=\"row\"\n            *ngIf=\"!groupedRows; else groupedRowsTemplate\"\n            tabindex=\"-1\"\n            [isSelected]=\"selector.getRowSelected(group)\"\n            [innerWidth]=\"innerWidth\"\n            [offsetX]=\"offsetX\"\n            [columns]=\"columns\"\n            [rowHeight]=\"getRowHeight(group)\"\n            [row]=\"group\"\n            [rowIndex]=\"getRowIndex(group)\"\n            [expanded]=\"getRowExpanded(group)\"\n            [rowClass]=\"rowClass\"\n            [displayCheck]=\"displayCheck\"\n            [treeStatus]=\"group && group.treeStatus\"\n            (treeAction)=\"onTreeAction(group)\"\n            (activate)=\"selector.onActivate($event, indexes.first + i)\"\n          >\n          </datatable-body-row>\n          <ng-template #groupedRowsTemplate>\n            <datatable-body-row\n              role=\"row\"\n              *ngFor=\"let row of group.value; let i = index; trackBy: rowTrackingFn\"\n              tabindex=\"-1\"\n              [isSelected]=\"selector.getRowSelected(row)\"\n              [innerWidth]=\"innerWidth\"\n              [offsetX]=\"offsetX\"\n              [columns]=\"columns\"\n              [rowHeight]=\"getRowHeight(row)\"\n              [row]=\"row\"\n              [group]=\"group.value\"\n              [rowIndex]=\"getRowIndex(row)\"\n              [expanded]=\"getRowExpanded(row)\"\n              [rowClass]=\"rowClass\"\n              (activate)=\"selector.onActivate($event, i)\"\n            >\n            </datatable-body-row>\n          </ng-template>\n        </datatable-row-wrapper>\n        <datatable-summary-row\n          role=\"row\"\n          *ngIf=\"summaryRow && summaryPosition === 'bottom'\"\n          [ngStyle]=\"getBottomSummaryRowStyles()\"\n          [rowHeight]=\"summaryHeight\"\n          [offsetX]=\"offsetX\"\n          [innerWidth]=\"innerWidth\"\n          [rows]=\"rows\"\n          [columns]=\"columns\"\n        >\n        </datatable-summary-row>\n      </datatable-scroller>\n      <div class=\"empty-row\" *ngIf=\"!rows?.length && !loadingIndicator\" [innerHTML]=\"emptyMessage\"></div>\n    </datatable-selection>\n  ",
+                    changeDetection: core.ChangeDetectionStrategy.OnPush,
+                    host: {
+                        class: 'datatable-body'
+                    }
+                },] }
+    ];
+    DataTableBodyComponent.ctorParameters = function () { return [
+        { type: core.ChangeDetectorRef }
+    ]; };
+    DataTableBodyComponent.propDecorators = {
+        scrollbarV: [{ type: core.Input }],
+        scrollbarH: [{ type: core.Input }],
+        loadingIndicator: [{ type: core.Input }],
+        externalPaging: [{ type: core.Input }],
+        rowHeight: [{ type: core.Input }],
+        offsetX: [{ type: core.Input }],
+        emptyMessage: [{ type: core.Input }],
+        selectionType: [{ type: core.Input }],
+        selected: [{ type: core.Input }],
+        rowIdentity: [{ type: core.Input }],
+        rowDetail: [{ type: core.Input }],
+        groupHeader: [{ type: core.Input }],
+        selectCheck: [{ type: core.Input }],
+        displayCheck: [{ type: core.Input }],
+        trackByProp: [{ type: core.Input }],
+        rowClass: [{ type: core.Input }],
+        groupedRows: [{ type: core.Input }],
+        groupExpansionDefault: [{ type: core.Input }],
+        innerWidth: [{ type: core.Input }],
+        groupRowsBy: [{ type: core.Input }],
+        virtualization: [{ type: core.Input }],
+        summaryRow: [{ type: core.Input }],
+        summaryPosition: [{ type: core.Input }],
+        summaryHeight: [{ type: core.Input }],
+        pageSize: [{ type: core.Input }],
+        rows: [{ type: core.Input }],
+        columns: [{ type: core.Input }],
+        offset: [{ type: core.Input }],
+        rowCount: [{ type: core.Input }],
+        bodyWidth: [{ type: core.HostBinding, args: ['style.width',] }],
+        bodyHeight: [{ type: core.Input }, { type: core.HostBinding, args: ['style.height',] }],
+        scroll: [{ type: core.Output }],
+        page: [{ type: core.Output }],
+        activate: [{ type: core.Output }],
+        select: [{ type: core.Output }],
+        detailToggle: [{ type: core.Output }],
+        rowContextmenu: [{ type: core.Output }],
+        treeAction: [{ type: core.Output }],
+        scroller: [{ type: core.ViewChild, args: [ScrollerComponent,] }]
+    };
 
     var DataTableHeaderComponent = /** @class */ (function () {
         function DataTableHeaderComponent(cd) {
@@ -2811,7 +2702,7 @@
                     }
                 });
             },
-            enumerable: true,
+            enumerable: false,
             configurable: true
         });
         Object.defineProperty(DataTableHeaderComponent.prototype, "headerHeight", {
@@ -2826,7 +2717,7 @@
                     this._headerHeight = val;
                 }
             },
-            enumerable: true,
+            enumerable: false,
             configurable: true
         });
         Object.defineProperty(DataTableHeaderComponent.prototype, "columns", {
@@ -2843,7 +2734,7 @@
                     _this.setStylesByGroup();
                 });
             },
-            enumerable: true,
+            enumerable: false,
             configurable: true
         });
         Object.defineProperty(DataTableHeaderComponent.prototype, "offsetX", {
@@ -2854,7 +2745,7 @@
                 this._offsetX = val;
                 this.setStylesByGroup();
             },
-            enumerable: true,
+            enumerable: false,
             configurable: true
         });
         DataTableHeaderComponent.prototype.ngOnDestroy = function () {
@@ -2887,7 +2778,7 @@
                 }
                 return '100%';
             },
-            enumerable: true,
+            enumerable: false,
             configurable: true
         });
         DataTableHeaderComponent.prototype.trackByGroups = function (index, colGroup) {
@@ -2968,7 +2859,7 @@
                 this.sorts = [];
             }
             var sorts = this.sorts.map(function (s, i) {
-                s = __assign({}, s);
+                s = Object.assign({}, s);
                 if (s.prop === column.prop) {
                     idx = i;
                 }
@@ -3012,82 +2903,44 @@
             }
             return styles;
         };
-        DataTableHeaderComponent.ctorParameters = function () { return [
-            { type: core.ChangeDetectorRef }
-        ]; };
-        __decorate([
-            core.Input()
-        ], DataTableHeaderComponent.prototype, "sortAscendingIcon", void 0);
-        __decorate([
-            core.Input()
-        ], DataTableHeaderComponent.prototype, "sortDescendingIcon", void 0);
-        __decorate([
-            core.Input()
-        ], DataTableHeaderComponent.prototype, "scrollbarH", void 0);
-        __decorate([
-            core.Input()
-        ], DataTableHeaderComponent.prototype, "dealsWithGroup", void 0);
-        __decorate([
-            core.Input()
-        ], DataTableHeaderComponent.prototype, "targetMarkerTemplate", void 0);
-        __decorate([
-            core.Input()
-        ], DataTableHeaderComponent.prototype, "innerWidth", null);
-        __decorate([
-            core.Input()
-        ], DataTableHeaderComponent.prototype, "sorts", void 0);
-        __decorate([
-            core.Input()
-        ], DataTableHeaderComponent.prototype, "sortType", void 0);
-        __decorate([
-            core.Input()
-        ], DataTableHeaderComponent.prototype, "allRowsSelected", void 0);
-        __decorate([
-            core.Input()
-        ], DataTableHeaderComponent.prototype, "selectionType", void 0);
-        __decorate([
-            core.Input()
-        ], DataTableHeaderComponent.prototype, "reorderable", void 0);
-        __decorate([
-            core.HostBinding('style.height'),
-            core.Input()
-        ], DataTableHeaderComponent.prototype, "headerHeight", null);
-        __decorate([
-            core.Input()
-        ], DataTableHeaderComponent.prototype, "columns", null);
-        __decorate([
-            core.Input()
-        ], DataTableHeaderComponent.prototype, "offsetX", null);
-        __decorate([
-            core.Output()
-        ], DataTableHeaderComponent.prototype, "sort", void 0);
-        __decorate([
-            core.Output()
-        ], DataTableHeaderComponent.prototype, "reorder", void 0);
-        __decorate([
-            core.Output()
-        ], DataTableHeaderComponent.prototype, "resize", void 0);
-        __decorate([
-            core.Output()
-        ], DataTableHeaderComponent.prototype, "select", void 0);
-        __decorate([
-            core.Output()
-        ], DataTableHeaderComponent.prototype, "columnContextmenu", void 0);
-        __decorate([
-            core.HostBinding('style.width')
-        ], DataTableHeaderComponent.prototype, "headerWidth", null);
-        DataTableHeaderComponent = __decorate([
-            core.Component({
-                selector: 'datatable-header',
-                template: "\n    <div\n      orderable\n      (reorder)=\"onColumnReordered($event)\"\n      (targetChanged)=\"onTargetChanged($event)\"\n      [style.width.px]=\"_columnGroupWidths.total\"\n      class=\"datatable-header-inner\"\n    >\n      <div\n        *ngFor=\"let colGroup of _columnsByPin; trackBy: trackByGroups\"\n        [class]=\"'datatable-row-' + colGroup.type\"\n        [ngStyle]=\"_styleByGroup[colGroup.type]\"\n      >\n        <datatable-header-cell\n          *ngFor=\"let column of colGroup.columns; trackBy: columnTrackingFn\"\n          resizeable\n          [resizeEnabled]=\"column.resizeable\"\n          (resize)=\"onColumnResized($event, column)\"\n          long-press\n          [pressModel]=\"column\"\n          [pressEnabled]=\"reorderable && column.draggable\"\n          (longPressStart)=\"onLongPressStart($event)\"\n          (longPressEnd)=\"onLongPressEnd($event)\"\n          draggable\n          [dragX]=\"reorderable && column.draggable && column.dragging\"\n          [dragY]=\"false\"\n          [dragModel]=\"column\"\n          [dragEventTarget]=\"dragEventTarget\"\n          [headerHeight]=\"headerHeight\"\n          [isTarget]=\"column.isTarget\"\n          [targetMarkerTemplate]=\"targetMarkerTemplate\"\n          [targetMarkerContext]=\"column.targetMarkerContext\"\n          [column]=\"column\"\n          [sortType]=\"sortType\"\n          [sorts]=\"sorts\"\n          [selectionType]=\"selectionType\"\n          [sortAscendingIcon]=\"sortAscendingIcon\"\n          [sortDescendingIcon]=\"sortDescendingIcon\"\n          [allRowsSelected]=\"allRowsSelected\"\n          (sort)=\"onSort($event)\"\n          (select)=\"select.emit($event)\"\n          (columnContextmenu)=\"columnContextmenu.emit($event)\"\n        >\n        </datatable-header-cell>\n      </div>\n    </div>\n  ",
-                host: {
-                    class: 'datatable-header'
-                },
-                changeDetection: core.ChangeDetectionStrategy.OnPush
-            })
-        ], DataTableHeaderComponent);
         return DataTableHeaderComponent;
     }());
+    DataTableHeaderComponent.decorators = [
+        { type: core.Component, args: [{
+                    selector: 'datatable-header',
+                    template: "\n    <div\n      role=\"row\"\n      orderable\n      (reorder)=\"onColumnReordered($event)\"\n      (targetChanged)=\"onTargetChanged($event)\"\n      [style.width.px]=\"_columnGroupWidths.total\"\n      class=\"datatable-header-inner\"\n    >\n      <div\n        *ngFor=\"let colGroup of _columnsByPin; trackBy: trackByGroups\"\n        [class]=\"'datatable-row-' + colGroup.type\"\n        [ngStyle]=\"_styleByGroup[colGroup.type]\"\n      >\n        <datatable-header-cell\n          role=\"columnheader\"\n          *ngFor=\"let column of colGroup.columns; trackBy: columnTrackingFn\"\n          resizeable\n          [resizeEnabled]=\"column.resizeable\"\n          (resize)=\"onColumnResized($event, column)\"\n          long-press\n          [pressModel]=\"column\"\n          [pressEnabled]=\"reorderable && column.draggable\"\n          (longPressStart)=\"onLongPressStart($event)\"\n          (longPressEnd)=\"onLongPressEnd($event)\"\n          draggable\n          [dragX]=\"reorderable && column.draggable && column.dragging\"\n          [dragY]=\"false\"\n          [dragModel]=\"column\"\n          [dragEventTarget]=\"dragEventTarget\"\n          [headerHeight]=\"headerHeight\"\n          [isTarget]=\"column.isTarget\"\n          [targetMarkerTemplate]=\"targetMarkerTemplate\"\n          [targetMarkerContext]=\"column.targetMarkerContext\"\n          [column]=\"column\"\n          [sortType]=\"sortType\"\n          [sorts]=\"sorts\"\n          [selectionType]=\"selectionType\"\n          [sortAscendingIcon]=\"sortAscendingIcon\"\n          [sortDescendingIcon]=\"sortDescendingIcon\"\n          [sortUnsetIcon]=\"sortUnsetIcon\"\n          [allRowsSelected]=\"allRowsSelected\"\n          (sort)=\"onSort($event)\"\n          (select)=\"select.emit($event)\"\n          (columnContextmenu)=\"columnContextmenu.emit($event)\"\n        >\n        </datatable-header-cell>\n      </div>\n    </div>\n  ",
+                    host: {
+                        class: 'datatable-header'
+                    },
+                    changeDetection: core.ChangeDetectionStrategy.OnPush
+                },] }
+    ];
+    DataTableHeaderComponent.ctorParameters = function () { return [
+        { type: core.ChangeDetectorRef }
+    ]; };
+    DataTableHeaderComponent.propDecorators = {
+        sortAscendingIcon: [{ type: core.Input }],
+        sortDescendingIcon: [{ type: core.Input }],
+        sortUnsetIcon: [{ type: core.Input }],
+        scrollbarH: [{ type: core.Input }],
+        dealsWithGroup: [{ type: core.Input }],
+        targetMarkerTemplate: [{ type: core.Input }],
+        innerWidth: [{ type: core.Input }],
+        sorts: [{ type: core.Input }],
+        sortType: [{ type: core.Input }],
+        allRowsSelected: [{ type: core.Input }],
+        selectionType: [{ type: core.Input }],
+        reorderable: [{ type: core.Input }],
+        headerHeight: [{ type: core.HostBinding, args: ['style.height',] }, { type: core.Input }],
+        columns: [{ type: core.Input }],
+        offsetX: [{ type: core.Input }],
+        sort: [{ type: core.Output }],
+        reorder: [{ type: core.Output }],
+        resize: [{ type: core.Output }],
+        select: [{ type: core.Output }],
+        columnContextmenu: [{ type: core.Output }],
+        headerWidth: [{ type: core.HostBinding, args: ['style.width',] }]
+    };
 
     /**
      * Throttle a function
@@ -3371,7 +3224,7 @@
         return contentWidth;
     }
 
-
+    exports.SortDirection = void 0;
     (function (SortDirection) {
         SortDirection["asc"] = "asc";
         SortDirection["desc"] = "desc";
@@ -3446,14 +3299,14 @@
         if (!rows)
             return [];
         if (!dirs || !dirs.length || !columns)
-            return __spread(rows);
+            return __spreadArray([], __read(rows));
         /**
          * record the row ordering of results from prior sort operations (if applicable)
          * this is necessary to guarantee stable sorting behavior
          */
         var rowToIndexMap = new Map();
         rows.forEach(function (row, index) { return rowToIndexMap.set(row, index); });
-        var temp = __spread(rows);
+        var temp = __spreadArray([], __read(rows));
         var cols = columns.reduce(function (obj, col) {
             if (col.comparator && typeof col.comparator === 'function') {
                 obj[col.prop] = col.comparator;
@@ -3594,6 +3447,7 @@
             this.cssClasses = {
                 sortAscending: 'datatable-icon-up',
                 sortDescending: 'datatable-icon-down',
+                sortUnset: 'datatable-icon-sort-unset',
                 pagerLeftArrow: 'datatable-icon-left',
                 pagerRightArrow: 'datatable-icon-right',
                 pagerPrevious: 'datatable-icon-prev',
@@ -3708,7 +3562,7 @@
             this.rowDiffer = differs.find({}).create();
             // apply global settings from Module.forRoot
             if (this.configuration && this.configuration.messages) {
-                this.messages = __assign({}, this.configuration.messages);
+                this.messages = Object.assign({}, this.configuration.messages);
             }
         }
         Object.defineProperty(DatatableComponent.prototype, "rows", {
@@ -3724,7 +3578,7 @@
             set: function (val) {
                 this._rows = val;
                 if (val) {
-                    this._internalRows = __spread(val);
+                    this._internalRows = __spreadArray([], __read(val));
                 }
                 // auto sort on new updates
                 if (!this.externalSorting) {
@@ -3740,7 +3594,7 @@
                 }
                 this.cd.markForCheck();
             },
-            enumerable: true,
+            enumerable: false,
             configurable: true
         });
         Object.defineProperty(DatatableComponent.prototype, "groupRowsBy", {
@@ -3759,7 +3613,7 @@
                     }
                 }
             },
-            enumerable: true,
+            enumerable: false,
             configurable: true
         });
         Object.defineProperty(DatatableComponent.prototype, "columns", {
@@ -3774,13 +3628,13 @@
              */
             set: function (val) {
                 if (val) {
-                    this._internalColumns = __spread(val);
+                    this._internalColumns = __spreadArray([], __read(val));
                     setColumnDefaults(this._internalColumns);
                     this.recalculateColumns();
                 }
                 this._columns = val;
             },
-            enumerable: true,
+            enumerable: false,
             configurable: true
         });
         Object.defineProperty(DatatableComponent.prototype, "limit", {
@@ -3799,7 +3653,7 @@
                 // recalculate sizes/etc
                 this.recalculate();
             },
-            enumerable: true,
+            enumerable: false,
             configurable: true
         });
         Object.defineProperty(DatatableComponent.prototype, "count", {
@@ -3818,7 +3672,7 @@
                 // recalculate sizes/etc
                 this.recalculate();
             },
-            enumerable: true,
+            enumerable: false,
             configurable: true
         });
         Object.defineProperty(DatatableComponent.prototype, "offset", {
@@ -3832,7 +3686,7 @@
             set: function (val) {
                 this._offset = val;
             },
-            enumerable: true,
+            enumerable: false,
             configurable: true
         });
         Object.defineProperty(DatatableComponent.prototype, "isFixedHeader", {
@@ -3843,7 +3697,7 @@
                 var headerHeight = this.headerHeight;
                 return typeof headerHeight === 'string' ? headerHeight !== 'auto' : true;
             },
-            enumerable: true,
+            enumerable: false,
             configurable: true
         });
         Object.defineProperty(DatatableComponent.prototype, "isFixedRow", {
@@ -3854,7 +3708,7 @@
             get: function () {
                 return this.rowHeight !== 'auto';
             },
-            enumerable: true,
+            enumerable: false,
             configurable: true
         });
         Object.defineProperty(DatatableComponent.prototype, "isVertScroll", {
@@ -3865,7 +3719,7 @@
             get: function () {
                 return this.scrollbarV;
             },
-            enumerable: true,
+            enumerable: false,
             configurable: true
         });
         Object.defineProperty(DatatableComponent.prototype, "isVirtualized", {
@@ -3876,7 +3730,7 @@
             get: function () {
                 return this.virtualization;
             },
-            enumerable: true,
+            enumerable: false,
             configurable: true
         });
         Object.defineProperty(DatatableComponent.prototype, "isHorScroll", {
@@ -3887,7 +3741,7 @@
             get: function () {
                 return this.scrollbarH;
             },
-            enumerable: true,
+            enumerable: false,
             configurable: true
         });
         Object.defineProperty(DatatableComponent.prototype, "isSelectable", {
@@ -3897,7 +3751,7 @@
             get: function () {
                 return this.selectionType !== undefined;
             },
-            enumerable: true,
+            enumerable: false,
             configurable: true
         });
         Object.defineProperty(DatatableComponent.prototype, "isCheckboxSelection", {
@@ -3907,7 +3761,7 @@
             get: function () {
                 return this.selectionType === exports.SelectionType.checkbox;
             },
-            enumerable: true,
+            enumerable: false,
             configurable: true
         });
         Object.defineProperty(DatatableComponent.prototype, "isCellSelection", {
@@ -3917,7 +3771,7 @@
             get: function () {
                 return this.selectionType === exports.SelectionType.cell;
             },
-            enumerable: true,
+            enumerable: false,
             configurable: true
         });
         Object.defineProperty(DatatableComponent.prototype, "isSingleSelection", {
@@ -3927,7 +3781,7 @@
             get: function () {
                 return this.selectionType === exports.SelectionType.single;
             },
-            enumerable: true,
+            enumerable: false,
             configurable: true
         });
         Object.defineProperty(DatatableComponent.prototype, "isMultiSelection", {
@@ -3937,7 +3791,7 @@
             get: function () {
                 return this.selectionType === exports.SelectionType.multi;
             },
-            enumerable: true,
+            enumerable: false,
             configurable: true
         });
         Object.defineProperty(DatatableComponent.prototype, "isMultiClickSelection", {
@@ -3947,7 +3801,7 @@
             get: function () {
                 return this.selectionType === exports.SelectionType.multiClick;
             },
-            enumerable: true,
+            enumerable: false,
             configurable: true
         });
         Object.defineProperty(DatatableComponent.prototype, "columnTemplates", {
@@ -3965,7 +3819,7 @@
                 this._columnTemplates = val;
                 this.translateColumns(val);
             },
-            enumerable: true,
+            enumerable: false,
             configurable: true
         });
         Object.defineProperty(DatatableComponent.prototype, "allRowsSelected", {
@@ -3981,7 +3835,7 @@
                 }
                 return this.selected && this.rows && this.rows.length !== 0 && allRowsSelected;
             },
-            enumerable: true,
+            enumerable: false,
             configurable: true
         });
         /**
@@ -4080,7 +3934,7 @@
                     this.sortInternalRows();
                 }
                 else {
-                    this._internalRows = __spread(this.rows);
+                    this._internalRows = __spreadArray([], __read(this.rows));
                 }
                 // auto group by parent on new update
                 this._internalRows = groupRowsByParents(this._internalRows, optionalGetterForProp(this.treeFromRelation), optionalGetterForProp(this.treeToRelation));
@@ -4271,7 +4125,7 @@
             }
             var idx;
             var cols = this._internalColumns.map(function (c, i) {
-                c = __assign({}, c);
+                c = Object.assign({}, c);
                 if (c.$$id === column.$$id) {
                     idx = i;
                     c.width = newValue;
@@ -4294,7 +4148,7 @@
         DatatableComponent.prototype.onColumnReorder = function (_a) {
             var column = _a.column, newValue = _a.newValue, prevValue = _a.prevValue;
             var cols = this._internalColumns.map(function (c) {
-                return __assign({}, c);
+                return Object.assign({}, c);
             });
             if (this.swapColumns) {
                 var prevCol = cols[newValue];
@@ -4363,7 +4217,7 @@
                 this.selected = [];
                 // do the opposite here
                 if (!allSelected) {
-                    (_a = this.selected).push.apply(_a, __spread(this._internalRows.slice(first, last)));
+                    (_a = this.selected).push.apply(_a, __spreadArray([], __read(this._internalRows.slice(first, last))));
                 }
             }
             else {
@@ -4373,7 +4227,7 @@
                 this.selected = [];
                 // do the opposite here
                 if (!allSelected) {
-                    (_b = this.selected).push.apply(_b, __spread(this.rows));
+                    (_b = this.selected).push.apply(_b, __spreadArray([], __read(this.rows)));
                 }
             }
             this.select.emit({
@@ -4414,228 +4268,99 @@
         DatatableComponent.prototype.sortInternalRows = function () {
             this._internalRows = sortRows(this._internalRows, this._internalColumns, this.sorts);
         };
-        DatatableComponent.ctorParameters = function () { return [
-            { type: ScrollbarHelper, decorators: [{ type: core.SkipSelf }] },
-            { type: DimensionsHelper, decorators: [{ type: core.SkipSelf }] },
-            { type: core.ChangeDetectorRef },
-            { type: core.ElementRef },
-            { type: core.KeyValueDiffers },
-            { type: ColumnChangesService },
-            { type: undefined, decorators: [{ type: core.Optional }, { type: core.Inject, args: ['configuration',] }] }
-        ]; };
-        __decorate([
-            core.Input()
-        ], DatatableComponent.prototype, "targetMarkerTemplate", void 0);
-        __decorate([
-            core.Input()
-        ], DatatableComponent.prototype, "rows", null);
-        __decorate([
-            core.Input()
-        ], DatatableComponent.prototype, "groupRowsBy", null);
-        __decorate([
-            core.Input()
-        ], DatatableComponent.prototype, "groupedRows", void 0);
-        __decorate([
-            core.Input()
-        ], DatatableComponent.prototype, "columns", null);
-        __decorate([
-            core.Input()
-        ], DatatableComponent.prototype, "selected", void 0);
-        __decorate([
-            core.Input()
-        ], DatatableComponent.prototype, "scrollbarV", void 0);
-        __decorate([
-            core.Input()
-        ], DatatableComponent.prototype, "scrollbarH", void 0);
-        __decorate([
-            core.Input()
-        ], DatatableComponent.prototype, "rowHeight", void 0);
-        __decorate([
-            core.Input()
-        ], DatatableComponent.prototype, "columnMode", void 0);
-        __decorate([
-            core.Input()
-        ], DatatableComponent.prototype, "headerHeight", void 0);
-        __decorate([
-            core.Input()
-        ], DatatableComponent.prototype, "footerHeight", void 0);
-        __decorate([
-            core.Input()
-        ], DatatableComponent.prototype, "externalPaging", void 0);
-        __decorate([
-            core.Input()
-        ], DatatableComponent.prototype, "externalSorting", void 0);
-        __decorate([
-            core.Input()
-        ], DatatableComponent.prototype, "limit", null);
-        __decorate([
-            core.Input()
-        ], DatatableComponent.prototype, "count", null);
-        __decorate([
-            core.Input()
-        ], DatatableComponent.prototype, "offset", null);
-        __decorate([
-            core.Input()
-        ], DatatableComponent.prototype, "loadingIndicator", void 0);
-        __decorate([
-            core.Input()
-        ], DatatableComponent.prototype, "selectionType", void 0);
-        __decorate([
-            core.Input()
-        ], DatatableComponent.prototype, "reorderable", void 0);
-        __decorate([
-            core.Input()
-        ], DatatableComponent.prototype, "swapColumns", void 0);
-        __decorate([
-            core.Input()
-        ], DatatableComponent.prototype, "sortType", void 0);
-        __decorate([
-            core.Input()
-        ], DatatableComponent.prototype, "sorts", void 0);
-        __decorate([
-            core.Input()
-        ], DatatableComponent.prototype, "cssClasses", void 0);
-        __decorate([
-            core.Input()
-        ], DatatableComponent.prototype, "messages", void 0);
-        __decorate([
-            core.Input()
-        ], DatatableComponent.prototype, "rowClass", void 0);
-        __decorate([
-            core.Input()
-        ], DatatableComponent.prototype, "selectCheck", void 0);
-        __decorate([
-            core.Input()
-        ], DatatableComponent.prototype, "displayCheck", void 0);
-        __decorate([
-            core.Input()
-        ], DatatableComponent.prototype, "groupExpansionDefault", void 0);
-        __decorate([
-            core.Input()
-        ], DatatableComponent.prototype, "trackByProp", void 0);
-        __decorate([
-            core.Input()
-        ], DatatableComponent.prototype, "selectAllRowsOnPage", void 0);
-        __decorate([
-            core.Input()
-        ], DatatableComponent.prototype, "virtualization", void 0);
-        __decorate([
-            core.Input()
-        ], DatatableComponent.prototype, "treeFromRelation", void 0);
-        __decorate([
-            core.Input()
-        ], DatatableComponent.prototype, "treeToRelation", void 0);
-        __decorate([
-            core.Input()
-        ], DatatableComponent.prototype, "summaryRow", void 0);
-        __decorate([
-            core.Input()
-        ], DatatableComponent.prototype, "summaryHeight", void 0);
-        __decorate([
-            core.Input()
-        ], DatatableComponent.prototype, "summaryPosition", void 0);
-        __decorate([
-            core.Output()
-        ], DatatableComponent.prototype, "scroll", void 0);
-        __decorate([
-            core.Output()
-        ], DatatableComponent.prototype, "activate", void 0);
-        __decorate([
-            core.Output()
-        ], DatatableComponent.prototype, "select", void 0);
-        __decorate([
-            core.Output()
-        ], DatatableComponent.prototype, "sort", void 0);
-        __decorate([
-            core.Output()
-        ], DatatableComponent.prototype, "page", void 0);
-        __decorate([
-            core.Output()
-        ], DatatableComponent.prototype, "reorder", void 0);
-        __decorate([
-            core.Output()
-        ], DatatableComponent.prototype, "resize", void 0);
-        __decorate([
-            core.Output()
-        ], DatatableComponent.prototype, "tableContextmenu", void 0);
-        __decorate([
-            core.Output()
-        ], DatatableComponent.prototype, "treeAction", void 0);
-        __decorate([
-            core.HostBinding('class.fixed-header')
-        ], DatatableComponent.prototype, "isFixedHeader", null);
-        __decorate([
-            core.HostBinding('class.fixed-row')
-        ], DatatableComponent.prototype, "isFixedRow", null);
-        __decorate([
-            core.HostBinding('class.scroll-vertical')
-        ], DatatableComponent.prototype, "isVertScroll", null);
-        __decorate([
-            core.HostBinding('class.virtualized')
-        ], DatatableComponent.prototype, "isVirtualized", null);
-        __decorate([
-            core.HostBinding('class.scroll-horz')
-        ], DatatableComponent.prototype, "isHorScroll", null);
-        __decorate([
-            core.HostBinding('class.selectable')
-        ], DatatableComponent.prototype, "isSelectable", null);
-        __decorate([
-            core.HostBinding('class.checkbox-selection')
-        ], DatatableComponent.prototype, "isCheckboxSelection", null);
-        __decorate([
-            core.HostBinding('class.cell-selection')
-        ], DatatableComponent.prototype, "isCellSelection", null);
-        __decorate([
-            core.HostBinding('class.single-selection')
-        ], DatatableComponent.prototype, "isSingleSelection", null);
-        __decorate([
-            core.HostBinding('class.multi-selection')
-        ], DatatableComponent.prototype, "isMultiSelection", null);
-        __decorate([
-            core.HostBinding('class.multi-click-selection')
-        ], DatatableComponent.prototype, "isMultiClickSelection", null);
-        __decorate([
-            core.ContentChildren(DataTableColumnDirective)
-        ], DatatableComponent.prototype, "columnTemplates", null);
-        __decorate([
-            core.ContentChild(DatatableRowDetailDirective)
-        ], DatatableComponent.prototype, "rowDetail", void 0);
-        __decorate([
-            core.ContentChild(DatatableGroupHeaderDirective)
-        ], DatatableComponent.prototype, "groupHeader", void 0);
-        __decorate([
-            core.ContentChild(DatatableFooterDirective)
-        ], DatatableComponent.prototype, "footer", void 0);
-        __decorate([
-            core.ViewChild(DataTableBodyComponent)
-        ], DatatableComponent.prototype, "bodyComponent", void 0);
-        __decorate([
-            core.ViewChild(DataTableHeaderComponent)
-        ], DatatableComponent.prototype, "headerComponent", void 0);
-        __decorate([
-            core.Input()
-        ], DatatableComponent.prototype, "rowIdentity", void 0);
-        __decorate([
-            core.HostListener('window:resize'),
-            throttleable(5)
-        ], DatatableComponent.prototype, "onWindowResize", null);
-        DatatableComponent = __decorate([
-            core.Component({
-                selector: 'ngx-datatable',
-                template: "<div visibilityObserver (visible)=\"recalculate()\">\n  <datatable-header\n    *ngIf=\"headerHeight\"\n    [sorts]=\"sorts\"\n    [sortType]=\"sortType\"\n    [scrollbarH]=\"scrollbarH\"\n    [innerWidth]=\"_innerWidth\"\n    [offsetX]=\"_offsetX | async\"\n    [dealsWithGroup]=\"groupedRows !== undefined\"\n    [columns]=\"_internalColumns\"\n    [headerHeight]=\"headerHeight\"\n    [reorderable]=\"reorderable\"\n    [targetMarkerTemplate]=\"targetMarkerTemplate\"\n    [sortAscendingIcon]=\"cssClasses.sortAscending\"\n    [sortDescendingIcon]=\"cssClasses.sortDescending\"\n    [allRowsSelected]=\"allRowsSelected\"\n    [selectionType]=\"selectionType\"\n    (sort)=\"onColumnSort($event)\"\n    (resize)=\"onColumnResize($event)\"\n    (reorder)=\"onColumnReorder($event)\"\n    (select)=\"onHeaderSelect($event)\"\n    (columnContextmenu)=\"onColumnContextmenu($event)\"\n  >\n  </datatable-header>\n  <datatable-body\n    [groupRowsBy]=\"groupRowsBy\"\n    [groupedRows]=\"groupedRows\"\n    [rows]=\"_internalRows\"\n    [groupExpansionDefault]=\"groupExpansionDefault\"\n    [scrollbarV]=\"scrollbarV\"\n    [scrollbarH]=\"scrollbarH\"\n    [virtualization]=\"virtualization\"\n    [loadingIndicator]=\"loadingIndicator\"\n    [externalPaging]=\"externalPaging\"\n    [rowHeight]=\"rowHeight\"\n    [rowCount]=\"rowCount\"\n    [offset]=\"offset\"\n    [trackByProp]=\"trackByProp\"\n    [columns]=\"_internalColumns\"\n    [pageSize]=\"pageSize\"\n    [offsetX]=\"_offsetX | async\"\n    [rowDetail]=\"rowDetail\"\n    [groupHeader]=\"groupHeader\"\n    [selected]=\"selected\"\n    [innerWidth]=\"_innerWidth\"\n    [bodyHeight]=\"bodyHeight\"\n    [selectionType]=\"selectionType\"\n    [emptyMessage]=\"messages.emptyMessage\"\n    [rowIdentity]=\"rowIdentity\"\n    [rowClass]=\"rowClass\"\n    [selectCheck]=\"selectCheck\"\n    [displayCheck]=\"displayCheck\"\n    [summaryRow]=\"summaryRow\"\n    [summaryHeight]=\"summaryHeight\"\n    [summaryPosition]=\"summaryPosition\"\n    (page)=\"onBodyPage($event)\"\n    (activate)=\"activate.emit($event)\"\n    (rowContextmenu)=\"onRowContextmenu($event)\"\n    (select)=\"onBodySelect($event)\"\n    (scroll)=\"onBodyScroll($event)\"\n    (treeAction)=\"onTreeAction($event)\"\n  >\n  </datatable-body>\n  <datatable-footer\n    *ngIf=\"footerHeight\"\n    [rowCount]=\"rowCount\"\n    [pageSize]=\"pageSize\"\n    [offset]=\"offset\"\n    [footerHeight]=\"footerHeight\"\n    [footerTemplate]=\"footer\"\n    [totalMessage]=\"messages.totalMessage\"\n    [pagerLeftArrowIcon]=\"cssClasses.pagerLeftArrow\"\n    [pagerRightArrowIcon]=\"cssClasses.pagerRightArrow\"\n    [pagerPreviousIcon]=\"cssClasses.pagerPrevious\"\n    [selectedCount]=\"selected.length\"\n    [selectedMessage]=\"!!selectionType && messages.selectedMessage\"\n    [pagerNextIcon]=\"cssClasses.pagerNext\"\n    (page)=\"onFooterPage($event)\"\n  >\n  </datatable-footer>\n</div>\n",
-                changeDetection: core.ChangeDetectionStrategy.OnPush,
-                encapsulation: core.ViewEncapsulation.None,
-                host: {
-                    class: 'ngx-datatable'
-                },
-                styles: [".ngx-datatable{display:block;overflow:hidden;justify-content:center;position:relative;transform:translate3d(0,0,0)}.ngx-datatable [hidden]{display:none!important}.ngx-datatable *,.ngx-datatable :after,.ngx-datatable :before{box-sizing:border-box}.ngx-datatable.scroll-vertical .datatable-body{overflow-y:auto}.ngx-datatable.scroll-vertical.virtualized .datatable-body .datatable-row-wrapper{position:absolute}.ngx-datatable.scroll-horz .datatable-body{overflow-x:auto;-webkit-overflow-scrolling:touch}.ngx-datatable.fixed-header .datatable-header .datatable-header-inner{white-space:nowrap}.ngx-datatable.fixed-header .datatable-header .datatable-header-inner .datatable-header-cell{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ngx-datatable.fixed-row .datatable-scroll,.ngx-datatable.fixed-row .datatable-scroll .datatable-body-row{white-space:nowrap}.ngx-datatable.fixed-row .datatable-scroll .datatable-body-row .datatable-body-cell,.ngx-datatable.fixed-row .datatable-scroll .datatable-body-row .datatable-body-group-cell{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.ngx-datatable .datatable-body-row,.ngx-datatable .datatable-header-inner,.ngx-datatable .datatable-row-center{display:flex;flex-direction:row;-o-flex-flow:row;flex-flow:row}.ngx-datatable .datatable-body-cell,.ngx-datatable .datatable-header-cell{overflow-x:hidden;vertical-align:top;display:inline-block;line-height:1.625}.ngx-datatable .datatable-body-cell:focus,.ngx-datatable .datatable-header-cell:focus{outline:0}.ngx-datatable .datatable-row-left,.ngx-datatable .datatable-row-right{z-index:9}.ngx-datatable .datatable-row-center,.ngx-datatable .datatable-row-group,.ngx-datatable .datatable-row-left,.ngx-datatable .datatable-row-right{position:relative}.ngx-datatable .datatable-header{display:block;overflow:hidden}.ngx-datatable .datatable-header .datatable-header-inner{align-items:stretch;-webkit-align-items:stretch}.ngx-datatable .datatable-header .datatable-header-cell{position:relative;display:inline-block}.ngx-datatable .datatable-header .datatable-header-cell.sortable .datatable-header-cell-wrapper{cursor:pointer}.ngx-datatable .datatable-header .datatable-header-cell.longpress .datatable-header-cell-wrapper{cursor:move}.ngx-datatable .datatable-header .datatable-header-cell .sort-btn{line-height:100%;vertical-align:middle;display:inline-block;cursor:pointer}.ngx-datatable .datatable-header .datatable-header-cell .resize-handle,.ngx-datatable .datatable-header .datatable-header-cell .resize-handle--not-resizable{display:inline-block;position:absolute;right:0;top:0;bottom:0;width:5px;padding:0 4px;visibility:hidden}.ngx-datatable .datatable-header .datatable-header-cell .resize-handle{cursor:ew-resize}.ngx-datatable .datatable-header .datatable-header-cell.resizeable:hover .resize-handle,.ngx-datatable .datatable-header .datatable-header-cell:hover .resize-handle--not-resizable{visibility:visible}.ngx-datatable .datatable-header .datatable-header-cell .targetMarker{position:absolute;top:0;bottom:0}.ngx-datatable .datatable-header .datatable-header-cell .targetMarker.dragFromLeft{right:0}.ngx-datatable .datatable-header .datatable-header-cell .targetMarker.dragFromRight{left:0}.ngx-datatable .datatable-header .datatable-header-cell .datatable-header-cell-template-wrap{height:inherit}.ngx-datatable .datatable-body{position:relative;z-index:10;display:block}.ngx-datatable .datatable-body .datatable-scroll{display:inline-block}.ngx-datatable .datatable-body .datatable-row-detail{overflow-y:hidden}.ngx-datatable .datatable-body .datatable-row-wrapper{display:flex;flex-direction:column}.ngx-datatable .datatable-body .datatable-body-row{outline:0}.ngx-datatable .datatable-body .datatable-body-row>div{display:flex}.ngx-datatable .datatable-footer{display:block;width:100%;overflow:auto}.ngx-datatable .datatable-footer .datatable-footer-inner{display:flex;align-items:center;width:100%}.ngx-datatable .datatable-footer .selected-count .page-count{flex:1 1 40%}.ngx-datatable .datatable-footer .selected-count .datatable-pager{flex:1 1 60%}.ngx-datatable .datatable-footer .page-count{flex:1 1 20%}.ngx-datatable .datatable-footer .datatable-pager{flex:1 1 80%;text-align:right}.ngx-datatable .datatable-footer .datatable-pager .pager,.ngx-datatable .datatable-footer .datatable-pager .pager li{padding:0;margin:0;display:inline-block;list-style:none}.ngx-datatable .datatable-footer .datatable-pager .pager li,.ngx-datatable .datatable-footer .datatable-pager .pager li a{outline:0}.ngx-datatable .datatable-footer .datatable-pager .pager li a{cursor:pointer;display:inline-block}.ngx-datatable .datatable-footer .datatable-pager .pager li.disabled a{cursor:not-allowed}"]
-            }),
-            __param(0, core.SkipSelf()),
-            __param(1, core.SkipSelf()),
-            __param(6, core.Optional()), __param(6, core.Inject('configuration'))
-        ], DatatableComponent);
         return DatatableComponent;
     }());
+    DatatableComponent.decorators = [
+        { type: core.Component, args: [{
+                    selector: 'ngx-datatable',
+                    template: "<div role=\"table\" visibilityObserver (visible)=\"recalculate()\">\n  <datatable-header\n    role=\"rowgroup\"\n    *ngIf=\"headerHeight\"\n    [sorts]=\"sorts\"\n    [sortType]=\"sortType\"\n    [scrollbarH]=\"scrollbarH\"\n    [innerWidth]=\"_innerWidth\"\n    [offsetX]=\"_offsetX | async\"\n    [dealsWithGroup]=\"groupedRows !== undefined\"\n    [columns]=\"_internalColumns\"\n    [headerHeight]=\"headerHeight\"\n    [reorderable]=\"reorderable\"\n    [targetMarkerTemplate]=\"targetMarkerTemplate\"\n    [sortAscendingIcon]=\"cssClasses.sortAscending\"\n    [sortDescendingIcon]=\"cssClasses.sortDescending\"\n    [sortUnsetIcon]=\"cssClasses.sortUnset\"\n    [allRowsSelected]=\"allRowsSelected\"\n    [selectionType]=\"selectionType\"\n    (sort)=\"onColumnSort($event)\"\n    (resize)=\"onColumnResize($event)\"\n    (reorder)=\"onColumnReorder($event)\"\n    (select)=\"onHeaderSelect($event)\"\n    (columnContextmenu)=\"onColumnContextmenu($event)\"\n  >\n  </datatable-header>\n  <datatable-body\n    role=\"rowgroup\"\n    [groupRowsBy]=\"groupRowsBy\"\n    [groupedRows]=\"groupedRows\"\n    [rows]=\"_internalRows\"\n    [groupExpansionDefault]=\"groupExpansionDefault\"\n    [scrollbarV]=\"scrollbarV\"\n    [scrollbarH]=\"scrollbarH\"\n    [virtualization]=\"virtualization\"\n    [loadingIndicator]=\"loadingIndicator\"\n    [externalPaging]=\"externalPaging\"\n    [rowHeight]=\"rowHeight\"\n    [rowCount]=\"rowCount\"\n    [offset]=\"offset\"\n    [trackByProp]=\"trackByProp\"\n    [columns]=\"_internalColumns\"\n    [pageSize]=\"pageSize\"\n    [offsetX]=\"_offsetX | async\"\n    [rowDetail]=\"rowDetail\"\n    [groupHeader]=\"groupHeader\"\n    [selected]=\"selected\"\n    [innerWidth]=\"_innerWidth\"\n    [bodyHeight]=\"bodyHeight\"\n    [selectionType]=\"selectionType\"\n    [emptyMessage]=\"messages.emptyMessage\"\n    [rowIdentity]=\"rowIdentity\"\n    [rowClass]=\"rowClass\"\n    [selectCheck]=\"selectCheck\"\n    [displayCheck]=\"displayCheck\"\n    [summaryRow]=\"summaryRow\"\n    [summaryHeight]=\"summaryHeight\"\n    [summaryPosition]=\"summaryPosition\"\n    (page)=\"onBodyPage($event)\"\n    (activate)=\"activate.emit($event)\"\n    (rowContextmenu)=\"onRowContextmenu($event)\"\n    (select)=\"onBodySelect($event)\"\n    (scroll)=\"onBodyScroll($event)\"\n    (treeAction)=\"onTreeAction($event)\"\n  >\n  </datatable-body>\n  <datatable-footer\n    *ngIf=\"footerHeight\"\n    [rowCount]=\"rowCount\"\n    [pageSize]=\"pageSize\"\n    [offset]=\"offset\"\n    [footerHeight]=\"footerHeight\"\n    [footerTemplate]=\"footer\"\n    [totalMessage]=\"messages.totalMessage\"\n    [pagerLeftArrowIcon]=\"cssClasses.pagerLeftArrow\"\n    [pagerRightArrowIcon]=\"cssClasses.pagerRightArrow\"\n    [pagerPreviousIcon]=\"cssClasses.pagerPrevious\"\n    [selectedCount]=\"selected.length\"\n    [selectedMessage]=\"!!selectionType && messages.selectedMessage\"\n    [pagerNextIcon]=\"cssClasses.pagerNext\"\n    (page)=\"onFooterPage($event)\"\n  >\n  </datatable-footer>\n</div>\n",
+                    changeDetection: core.ChangeDetectionStrategy.OnPush,
+                    encapsulation: core.ViewEncapsulation.None,
+                    host: {
+                        class: 'ngx-datatable'
+                    },
+                    styles: [".ngx-datatable{display:block;overflow:hidden;justify-content:center;position:relative;transform:translateZ(0)}.ngx-datatable [hidden]{display:none!important}.ngx-datatable *,.ngx-datatable :after,.ngx-datatable :before{box-sizing:border-box}.ngx-datatable.scroll-vertical .datatable-body{overflow-y:auto}.ngx-datatable.scroll-vertical.virtualized .datatable-body .datatable-row-wrapper{position:absolute}.ngx-datatable.scroll-horz .datatable-body{overflow-x:auto;-webkit-overflow-scrolling:touch}.ngx-datatable.fixed-header .datatable-header .datatable-header-inner{white-space:nowrap}.ngx-datatable.fixed-header .datatable-header .datatable-header-inner .datatable-header-cell{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ngx-datatable.fixed-row .datatable-scroll,.ngx-datatable.fixed-row .datatable-scroll .datatable-body-row{white-space:nowrap}.ngx-datatable.fixed-row .datatable-scroll .datatable-body-row .datatable-body-cell,.ngx-datatable.fixed-row .datatable-scroll .datatable-body-row .datatable-body-group-cell{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.ngx-datatable .datatable-body-row,.ngx-datatable .datatable-header-inner,.ngx-datatable .datatable-row-center{display:flex;flex-direction:row;-o-flex-flow:row;flex-flow:row}.ngx-datatable .datatable-body-cell,.ngx-datatable .datatable-header-cell{overflow-x:hidden;vertical-align:top;display:inline-block;line-height:1.625}.ngx-datatable .datatable-body-cell:focus,.ngx-datatable .datatable-header-cell:focus{outline:none}.ngx-datatable .datatable-row-left,.ngx-datatable .datatable-row-right{z-index:9}.ngx-datatable .datatable-row-center,.ngx-datatable .datatable-row-group,.ngx-datatable .datatable-row-left,.ngx-datatable .datatable-row-right{position:relative}.ngx-datatable .datatable-header{display:block;overflow:hidden}.ngx-datatable .datatable-header .datatable-header-inner{align-items:stretch;-webkit-align-items:stretch}.ngx-datatable .datatable-header .datatable-header-cell{position:relative;display:inline-block}.ngx-datatable .datatable-header .datatable-header-cell.sortable .datatable-header-cell-wrapper{cursor:pointer}.ngx-datatable .datatable-header .datatable-header-cell.longpress .datatable-header-cell-wrapper{cursor:move}.ngx-datatable .datatable-header .datatable-header-cell .sort-btn{line-height:100%;vertical-align:middle;display:inline-block;cursor:pointer}.ngx-datatable .datatable-header .datatable-header-cell .resize-handle,.ngx-datatable .datatable-header .datatable-header-cell .resize-handle--not-resizable{display:inline-block;position:absolute;right:0;top:0;bottom:0;width:5px;padding:0 4px;visibility:hidden}.ngx-datatable .datatable-header .datatable-header-cell .resize-handle{cursor:ew-resize}.ngx-datatable .datatable-header .datatable-header-cell.resizeable:hover .resize-handle,.ngx-datatable .datatable-header .datatable-header-cell:hover .resize-handle--not-resizable{visibility:visible}.ngx-datatable .datatable-header .datatable-header-cell .targetMarker{position:absolute;top:0;bottom:0}.ngx-datatable .datatable-header .datatable-header-cell .targetMarker.dragFromLeft{right:0}.ngx-datatable .datatable-header .datatable-header-cell .targetMarker.dragFromRight{left:0}.ngx-datatable .datatable-header .datatable-header-cell .datatable-header-cell-template-wrap{height:inherit}.ngx-datatable .datatable-body{position:relative;z-index:10;display:block}.ngx-datatable .datatable-body .datatable-scroll{display:inline-block}.ngx-datatable .datatable-body .datatable-row-detail{overflow-y:hidden}.ngx-datatable .datatable-body .datatable-row-wrapper{display:flex;flex-direction:column}.ngx-datatable .datatable-body .datatable-body-row{outline:none}.ngx-datatable .datatable-body .datatable-body-row>div{display:flex}.ngx-datatable .datatable-footer{display:block;width:100%;overflow:auto}.ngx-datatable .datatable-footer .datatable-footer-inner{display:flex;align-items:center;width:100%}.ngx-datatable .datatable-footer .selected-count .page-count{flex:1 1 40%}.ngx-datatable .datatable-footer .selected-count .datatable-pager{flex:1 1 60%}.ngx-datatable .datatable-footer .page-count{flex:1 1 20%}.ngx-datatable .datatable-footer .datatable-pager{flex:1 1 80%;text-align:right}.ngx-datatable .datatable-footer .datatable-pager .pager,.ngx-datatable .datatable-footer .datatable-pager .pager li{padding:0;margin:0;display:inline-block;list-style:none}.ngx-datatable .datatable-footer .datatable-pager .pager li,.ngx-datatable .datatable-footer .datatable-pager .pager li a{outline:none}.ngx-datatable .datatable-footer .datatable-pager .pager li a{cursor:pointer;display:inline-block}.ngx-datatable .datatable-footer .datatable-pager .pager li.disabled a{cursor:not-allowed}"]
+                },] }
+    ];
+    DatatableComponent.ctorParameters = function () { return [
+        { type: ScrollbarHelper, decorators: [{ type: core.SkipSelf }] },
+        { type: DimensionsHelper, decorators: [{ type: core.SkipSelf }] },
+        { type: core.ChangeDetectorRef },
+        { type: core.ElementRef },
+        { type: core.KeyValueDiffers },
+        { type: ColumnChangesService },
+        { type: undefined, decorators: [{ type: core.Optional }, { type: core.Inject, args: ['configuration',] }] }
+    ]; };
+    DatatableComponent.propDecorators = {
+        targetMarkerTemplate: [{ type: core.Input }],
+        rows: [{ type: core.Input }],
+        groupRowsBy: [{ type: core.Input }],
+        groupedRows: [{ type: core.Input }],
+        columns: [{ type: core.Input }],
+        selected: [{ type: core.Input }],
+        scrollbarV: [{ type: core.Input }],
+        scrollbarH: [{ type: core.Input }],
+        rowHeight: [{ type: core.Input }],
+        columnMode: [{ type: core.Input }],
+        headerHeight: [{ type: core.Input }],
+        footerHeight: [{ type: core.Input }],
+        externalPaging: [{ type: core.Input }],
+        externalSorting: [{ type: core.Input }],
+        limit: [{ type: core.Input }],
+        count: [{ type: core.Input }],
+        offset: [{ type: core.Input }],
+        loadingIndicator: [{ type: core.Input }],
+        selectionType: [{ type: core.Input }],
+        reorderable: [{ type: core.Input }],
+        swapColumns: [{ type: core.Input }],
+        sortType: [{ type: core.Input }],
+        sorts: [{ type: core.Input }],
+        cssClasses: [{ type: core.Input }],
+        messages: [{ type: core.Input }],
+        rowClass: [{ type: core.Input }],
+        selectCheck: [{ type: core.Input }],
+        displayCheck: [{ type: core.Input }],
+        groupExpansionDefault: [{ type: core.Input }],
+        trackByProp: [{ type: core.Input }],
+        selectAllRowsOnPage: [{ type: core.Input }],
+        virtualization: [{ type: core.Input }],
+        treeFromRelation: [{ type: core.Input }],
+        treeToRelation: [{ type: core.Input }],
+        summaryRow: [{ type: core.Input }],
+        summaryHeight: [{ type: core.Input }],
+        summaryPosition: [{ type: core.Input }],
+        scroll: [{ type: core.Output }],
+        activate: [{ type: core.Output }],
+        select: [{ type: core.Output }],
+        sort: [{ type: core.Output }],
+        page: [{ type: core.Output }],
+        reorder: [{ type: core.Output }],
+        resize: [{ type: core.Output }],
+        tableContextmenu: [{ type: core.Output }],
+        treeAction: [{ type: core.Output }],
+        isFixedHeader: [{ type: core.HostBinding, args: ['class.fixed-header',] }],
+        isFixedRow: [{ type: core.HostBinding, args: ['class.fixed-row',] }],
+        isVertScroll: [{ type: core.HostBinding, args: ['class.scroll-vertical',] }],
+        isVirtualized: [{ type: core.HostBinding, args: ['class.virtualized',] }],
+        isHorScroll: [{ type: core.HostBinding, args: ['class.scroll-horz',] }],
+        isSelectable: [{ type: core.HostBinding, args: ['class.selectable',] }],
+        isCheckboxSelection: [{ type: core.HostBinding, args: ['class.checkbox-selection',] }],
+        isCellSelection: [{ type: core.HostBinding, args: ['class.cell-selection',] }],
+        isSingleSelection: [{ type: core.HostBinding, args: ['class.single-selection',] }],
+        isMultiSelection: [{ type: core.HostBinding, args: ['class.multi-selection',] }],
+        isMultiClickSelection: [{ type: core.HostBinding, args: ['class.multi-click-selection',] }],
+        columnTemplates: [{ type: core.ContentChildren, args: [DataTableColumnDirective,] }],
+        rowDetail: [{ type: core.ContentChild, args: [DatatableRowDetailDirective,] }],
+        groupHeader: [{ type: core.ContentChild, args: [DatatableGroupHeaderDirective,] }],
+        footer: [{ type: core.ContentChild, args: [DatatableFooterDirective,] }],
+        bodyComponent: [{ type: core.ViewChild, args: [DataTableBodyComponent,] }],
+        headerComponent: [{ type: core.ViewChild, args: [DataTableHeaderComponent,] }],
+        rowIdentity: [{ type: core.Input }],
+        onWindowResize: [{ type: core.HostListener, args: ['window:resize',] }]
+    };
+    __decorate([
+        throttleable(5)
+    ], DatatableComponent.prototype, "onWindowResize", null);
 
     var DataTableHeaderCellComponent = /** @class */ (function () {
         function DataTableHeaderCellComponent(cd) {
@@ -4661,7 +4386,7 @@
                 this._allRowsSelected = value;
                 this.cellContext.allRowsSelected = value;
             },
-            enumerable: true,
+            enumerable: false,
             configurable: true
         });
         Object.defineProperty(DataTableHeaderCellComponent.prototype, "column", {
@@ -4673,7 +4398,7 @@
                 this.cellContext.column = column;
                 this.cd.markForCheck();
             },
-            enumerable: true,
+            enumerable: false,
             configurable: true
         });
         Object.defineProperty(DataTableHeaderCellComponent.prototype, "sorts", {
@@ -4687,7 +4412,7 @@
                 this.sortClass = this.calcSortClass(this.sortDir);
                 this.cd.markForCheck();
             },
-            enumerable: true,
+            enumerable: false,
             configurable: true
         });
         Object.defineProperty(DataTableHeaderCellComponent.prototype, "columnCssClasses", {
@@ -4734,7 +4459,7 @@
                 }
                 return cls;
             },
-            enumerable: true,
+            enumerable: false,
             configurable: true
         });
         Object.defineProperty(DataTableHeaderCellComponent.prototype, "name", {
@@ -4742,40 +4467,43 @@
                 // guaranteed to have a value by setColumnDefaults() in column-helper.ts
                 return this.column.headerTemplate === undefined ? this.column.name : undefined;
             },
-            enumerable: true,
+            enumerable: false,
             configurable: true
         });
         Object.defineProperty(DataTableHeaderCellComponent.prototype, "minWidth", {
             get: function () {
                 return this.column.minWidth;
             },
-            enumerable: true,
+            enumerable: false,
             configurable: true
         });
         Object.defineProperty(DataTableHeaderCellComponent.prototype, "maxWidth", {
             get: function () {
                 return this.column.maxWidth;
             },
-            enumerable: true,
+            enumerable: false,
             configurable: true
         });
         Object.defineProperty(DataTableHeaderCellComponent.prototype, "width", {
             get: function () {
                 return this.column.width;
             },
-            enumerable: true,
+            enumerable: false,
             configurable: true
         });
         Object.defineProperty(DataTableHeaderCellComponent.prototype, "isCheckboxable", {
             get: function () {
                 return this.column.checkboxable && this.column.headerCheckboxable && this.selectionType === exports.SelectionType.checkbox;
             },
-            enumerable: true,
+            enumerable: false,
             configurable: true
         });
         DataTableHeaderCellComponent.prototype.onContextmenu = function ($event) {
             this.columnContextmenu.emit({ event: $event, column: this.column });
         };
+        DataTableHeaderCellComponent.prototype.ngOnInit = function () {
+            this.sortClass = this.calcSortClass(this.sortDir);
+        };
         DataTableHeaderCellComponent.prototype.calcSortDir = function (sorts) {
             var _this = this;
             if (sorts && this.column) {
@@ -4797,6 +4525,8 @@
             });
         };
         DataTableHeaderCellComponent.prototype.calcSortClass = function (sortDir) {
+            if (!this.cellContext.column.sortable)
+                return;
             if (sortDir === exports.SortDirection.asc) {
                 return "sort-btn sort-asc " + this.sortAscendingIcon;
             }
@@ -4804,85 +4534,47 @@
                 return "sort-btn sort-desc " + this.sortDescendingIcon;
             }
             else {
-                return "sort-btn";
-            }
-        };
-        DataTableHeaderCellComponent.ctorParameters = function () { return [
-            { type: core.ChangeDetectorRef }
-        ]; };
-        __decorate([
-            core.Input()
-        ], DataTableHeaderCellComponent.prototype, "sortType", void 0);
-        __decorate([
-            core.Input()
-        ], DataTableHeaderCellComponent.prototype, "sortAscendingIcon", void 0);
-        __decorate([
-            core.Input()
-        ], DataTableHeaderCellComponent.prototype, "sortDescendingIcon", void 0);
-        __decorate([
-            core.Input()
-        ], DataTableHeaderCellComponent.prototype, "isTarget", void 0);
-        __decorate([
-            core.Input()
-        ], DataTableHeaderCellComponent.prototype, "targetMarkerTemplate", void 0);
-        __decorate([
-            core.Input()
-        ], DataTableHeaderCellComponent.prototype, "targetMarkerContext", void 0);
-        __decorate([
-            core.Input()
-        ], DataTableHeaderCellComponent.prototype, "allRowsSelected", null);
-        __decorate([
-            core.Input()
-        ], DataTableHeaderCellComponent.prototype, "selectionType", void 0);
-        __decorate([
-            core.Input()
-        ], DataTableHeaderCellComponent.prototype, "column", null);
-        __decorate([
-            core.HostBinding('style.height.px'),
-            core.Input()
-        ], DataTableHeaderCellComponent.prototype, "headerHeight", void 0);
-        __decorate([
-            core.Input()
-        ], DataTableHeaderCellComponent.prototype, "sorts", null);
-        __decorate([
-            core.Output()
-        ], DataTableHeaderCellComponent.prototype, "sort", void 0);
-        __decorate([
-            core.Output()
-        ], DataTableHeaderCellComponent.prototype, "select", void 0);
-        __decorate([
-            core.Output()
-        ], DataTableHeaderCellComponent.prototype, "columnContextmenu", void 0);
-        __decorate([
-            core.HostBinding('class')
-        ], DataTableHeaderCellComponent.prototype, "columnCssClasses", null);
-        __decorate([
-            core.HostBinding('attr.title')
-        ], DataTableHeaderCellComponent.prototype, "name", null);
-        __decorate([
-            core.HostBinding('style.minWidth.px')
-        ], DataTableHeaderCellComponent.prototype, "minWidth", null);
-        __decorate([
-            core.HostBinding('style.maxWidth.px')
-        ], DataTableHeaderCellComponent.prototype, "maxWidth", null);
-        __decorate([
-            core.HostBinding('style.width.px')
-        ], DataTableHeaderCellComponent.prototype, "width", null);
-        __decorate([
-            core.HostListener('contextmenu', ['$event'])
-        ], DataTableHeaderCellComponent.prototype, "onContextmenu", null);
-        DataTableHeaderCellComponent = __decorate([
-            core.Component({
-                selector: 'datatable-header-cell',
-                template: "\n    <div class=\"datatable-header-cell-template-wrap\">\n      <ng-template\n        *ngIf=\"isTarget\"\n        [ngTemplateOutlet]=\"targetMarkerTemplate\"\n        [ngTemplateOutletContext]=\"targetMarkerContext\"\n      >\n      </ng-template>\n      <label *ngIf=\"isCheckboxable\" class=\"datatable-checkbox\">\n        <input type=\"checkbox\" [checked]=\"allRowsSelected\" (change)=\"select.emit(!allRowsSelected)\" />\n      </label>\n      <span *ngIf=\"!column.headerTemplate\" class=\"datatable-header-cell-wrapper\">\n        <span class=\"datatable-header-cell-label draggable\" (click)=\"onSort()\" [innerHTML]=\"name\"> </span>\n      </span>\n      <ng-template\n        *ngIf=\"column.headerTemplate\"\n        [ngTemplateOutlet]=\"column.headerTemplate\"\n        [ngTemplateOutletContext]=\"cellContext\"\n      >\n      </ng-template>\n      <span (click)=\"onSort()\" [class]=\"sortClass\"> </span>\n    </div>\n  ",
-                host: {
-                    class: 'datatable-header-cell'
-                },
-                changeDetection: core.ChangeDetectionStrategy.OnPush
-            })
-        ], DataTableHeaderCellComponent);
+                return "sort-btn " + this.sortUnsetIcon;
+            }
+        };
         return DataTableHeaderCellComponent;
     }());
+    DataTableHeaderCellComponent.decorators = [
+        { type: core.Component, args: [{
+                    selector: 'datatable-header-cell',
+                    template: "\n    <div class=\"datatable-header-cell-template-wrap\">\n      <ng-template\n        *ngIf=\"isTarget\"\n        [ngTemplateOutlet]=\"targetMarkerTemplate\"\n        [ngTemplateOutletContext]=\"targetMarkerContext\"\n      >\n      </ng-template>\n      <label *ngIf=\"isCheckboxable\" class=\"datatable-checkbox\">\n        <input type=\"checkbox\" [checked]=\"allRowsSelected\" (change)=\"select.emit(!allRowsSelected)\" />\n      </label>\n      <span *ngIf=\"!column.headerTemplate\" class=\"datatable-header-cell-wrapper\">\n        <span class=\"datatable-header-cell-label draggable\" (click)=\"onSort()\" [innerHTML]=\"name\"> </span>\n      </span>\n      <ng-template\n        *ngIf=\"column.headerTemplate\"\n        [ngTemplateOutlet]=\"column.headerTemplate\"\n        [ngTemplateOutletContext]=\"cellContext\"\n      >\n      </ng-template>\n      <span (click)=\"onSort()\" [class]=\"sortClass\"> </span>\n    </div>\n  ",
+                    host: {
+                        class: 'datatable-header-cell'
+                    },
+                    changeDetection: core.ChangeDetectionStrategy.OnPush
+                },] }
+    ];
+    DataTableHeaderCellComponent.ctorParameters = function () { return [
+        { type: core.ChangeDetectorRef }
+    ]; };
+    DataTableHeaderCellComponent.propDecorators = {
+        sortType: [{ type: core.Input }],
+        sortAscendingIcon: [{ type: core.Input }],
+        sortDescendingIcon: [{ type: core.Input }],
+        sortUnsetIcon: [{ type: core.Input }],
+        isTarget: [{ type: core.Input }],
+        targetMarkerTemplate: [{ type: core.Input }],
+        targetMarkerContext: [{ type: core.Input }],
+        allRowsSelected: [{ type: core.Input }],
+        selectionType: [{ type: core.Input }],
+        column: [{ type: core.Input }],
+        headerHeight: [{ type: core.HostBinding, args: ['style.height.px',] }, { type: core.Input }],
+        sorts: [{ type: core.Input }],
+        sort: [{ type: core.Output }],
+        select: [{ type: core.Output }],
+        columnContextmenu: [{ type: core.Output }],
+        columnCssClasses: [{ type: core.HostBinding, args: ['class',] }],
+        name: [{ type: core.HostBinding, args: ['attr.title',] }],
+        minWidth: [{ type: core.HostBinding, args: ['style.minWidth.px',] }],
+        maxWidth: [{ type: core.HostBinding, args: ['style.maxWidth.px',] }],
+        width: [{ type: core.HostBinding, args: ['style.width.px',] }],
+        onContextmenu: [{ type: core.HostListener, args: ['contextmenu', ['$event'],] }]
+    };
 
     var DataTableFooterComponent = /** @class */ (function () {
         function DataTableFooterComponent() {
@@ -4893,67 +4585,43 @@
             get: function () {
                 return this.rowCount / this.pageSize > 1;
             },
-            enumerable: true,
+            enumerable: false,
             configurable: true
         });
         Object.defineProperty(DataTableFooterComponent.prototype, "curPage", {
             get: function () {
                 return this.offset + 1;
             },
-            enumerable: true,
+            enumerable: false,
             configurable: true
         });
-        __decorate([
-            core.Input()
-        ], DataTableFooterComponent.prototype, "footerHeight", void 0);
-        __decorate([
-            core.Input()
-        ], DataTableFooterComponent.prototype, "rowCount", void 0);
-        __decorate([
-            core.Input()
-        ], DataTableFooterComponent.prototype, "pageSize", void 0);
-        __decorate([
-            core.Input()
-        ], DataTableFooterComponent.prototype, "offset", void 0);
-        __decorate([
-            core.Input()
-        ], DataTableFooterComponent.prototype, "pagerLeftArrowIcon", void 0);
-        __decorate([
-            core.Input()
-        ], DataTableFooterComponent.prototype, "pagerRightArrowIcon", void 0);
-        __decorate([
-            core.Input()
-        ], DataTableFooterComponent.prototype, "pagerPreviousIcon", void 0);
-        __decorate([
-            core.Input()
-        ], DataTableFooterComponent.prototype, "pagerNextIcon", void 0);
-        __decorate([
-            core.Input()
-        ], DataTableFooterComponent.prototype, "totalMessage", void 0);
-        __decorate([
-            core.Input()
-        ], DataTableFooterComponent.prototype, "footerTemplate", void 0);
-        __decorate([
-            core.Input()
-        ], DataTableFooterComponent.prototype, "selectedCount", void 0);
-        __decorate([
-            core.Input()
-        ], DataTableFooterComponent.prototype, "selectedMessage", void 0);
-        __decorate([
-            core.Output()
-        ], DataTableFooterComponent.prototype, "page", void 0);
-        DataTableFooterComponent = __decorate([
-            core.Component({
-                selector: 'datatable-footer',
-                template: "\n    <div\n      class=\"datatable-footer-inner\"\n      [ngClass]=\"{ 'selected-count': selectedMessage }\"\n      [style.height.px]=\"footerHeight\"\n    >\n      <ng-template\n        *ngIf=\"footerTemplate\"\n        [ngTemplateOutlet]=\"footerTemplate.template\"\n        [ngTemplateOutletContext]=\"{\n          rowCount: rowCount,\n          pageSize: pageSize,\n          selectedCount: selectedCount,\n          curPage: curPage,\n          offset: offset\n        }\"\n      >\n      </ng-template>\n      <div class=\"page-count\" *ngIf=\"!footerTemplate\">\n        <span *ngIf=\"selectedMessage\"> {{ selectedCount?.toLocaleString() }} {{ selectedMessage }} / </span>\n        {{ rowCount?.toLocaleString() }} {{ totalMessage }}\n      </div>\n      <datatable-pager\n        *ngIf=\"!footerTemplate\"\n        [pagerLeftArrowIcon]=\"pagerLeftArrowIcon\"\n        [pagerRightArrowIcon]=\"pagerRightArrowIcon\"\n        [pagerPreviousIcon]=\"pagerPreviousIcon\"\n        [pagerNextIcon]=\"pagerNextIcon\"\n        [page]=\"curPage\"\n        [size]=\"pageSize\"\n        [count]=\"rowCount\"\n        [hidden]=\"!isVisible\"\n        (change)=\"page.emit($event)\"\n      >\n      </datatable-pager>\n    </div>\n  ",
-                host: {
-                    class: 'datatable-footer'
-                },
-                changeDetection: core.ChangeDetectionStrategy.OnPush
-            })
-        ], DataTableFooterComponent);
         return DataTableFooterComponent;
     }());
+    DataTableFooterComponent.decorators = [
+        { type: core.Component, args: [{
+                    selector: 'datatable-footer',
+                    template: "\n    <div\n      class=\"datatable-footer-inner\"\n      [ngClass]=\"{ 'selected-count': selectedMessage }\"\n      [style.height.px]=\"footerHeight\"\n    >\n      <ng-template\n        *ngIf=\"footerTemplate\"\n        [ngTemplateOutlet]=\"footerTemplate.template\"\n        [ngTemplateOutletContext]=\"{\n          rowCount: rowCount,\n          pageSize: pageSize,\n          selectedCount: selectedCount,\n          curPage: curPage,\n          offset: offset\n        }\"\n      >\n      </ng-template>\n      <div class=\"page-count\" *ngIf=\"!footerTemplate\">\n        <span *ngIf=\"selectedMessage\"> {{ selectedCount?.toLocaleString() }} {{ selectedMessage }} / </span>\n        {{ rowCount?.toLocaleString() }} {{ totalMessage }}\n      </div>\n      <datatable-pager\n        *ngIf=\"!footerTemplate\"\n        [pagerLeftArrowIcon]=\"pagerLeftArrowIcon\"\n        [pagerRightArrowIcon]=\"pagerRightArrowIcon\"\n        [pagerPreviousIcon]=\"pagerPreviousIcon\"\n        [pagerNextIcon]=\"pagerNextIcon\"\n        [page]=\"curPage\"\n        [size]=\"pageSize\"\n        [count]=\"rowCount\"\n        [hidden]=\"!isVisible\"\n        (change)=\"page.emit($event)\"\n      >\n      </datatable-pager>\n    </div>\n  ",
+                    host: {
+                        class: 'datatable-footer'
+                    },
+                    changeDetection: core.ChangeDetectionStrategy.OnPush
+                },] }
+    ];
+    DataTableFooterComponent.propDecorators = {
+        footerHeight: [{ type: core.Input }],
+        rowCount: [{ type: core.Input }],
+        pageSize: [{ type: core.Input }],
+        offset: [{ type: core.Input }],
+        pagerLeftArrowIcon: [{ type: core.Input }],
+        pagerRightArrowIcon: [{ type: core.Input }],
+        pagerPreviousIcon: [{ type: core.Input }],
+        pagerNextIcon: [{ type: core.Input }],
+        totalMessage: [{ type: core.Input }],
+        footerTemplate: [{ type: core.Input }],
+        selectedCount: [{ type: core.Input }],
+        selectedMessage: [{ type: core.Input }],
+        page: [{ type: core.Output }]
+    };
 
     var DataTablePagerComponent = /** @class */ (function () {
         function DataTablePagerComponent() {
@@ -4970,7 +4638,7 @@
                 this._size = val;
                 this.pages = this.calcPages();
             },
-            enumerable: true,
+            enumerable: false,
             configurable: true
         });
         Object.defineProperty(DataTablePagerComponent.prototype, "count", {
@@ -4981,7 +4649,7 @@
                 this._count = val;
                 this.pages = this.calcPages();
             },
-            enumerable: true,
+            enumerable: false,
             configurable: true
         });
         Object.defineProperty(DataTablePagerComponent.prototype, "page", {
@@ -4992,7 +4660,7 @@
                 this._page = val;
                 this.pages = this.calcPages();
             },
-            enumerable: true,
+            enumerable: false,
             configurable: true
         });
         Object.defineProperty(DataTablePagerComponent.prototype, "totalPages", {
@@ -5000,7 +4668,7 @@
                 var count = this.size < 1 ? 1 : Math.ceil(this.count / this.size);
                 return Math.max(count || 0, 1);
             },
-            enumerable: true,
+            enumerable: false,
             configurable: true
         });
         DataTablePagerComponent.prototype.canPrevious = function () {
@@ -5050,57 +4718,43 @@
             }
             return pages;
         };
-        __decorate([
-            core.Input()
-        ], DataTablePagerComponent.prototype, "pagerLeftArrowIcon", void 0);
-        __decorate([
-            core.Input()
-        ], DataTablePagerComponent.prototype, "pagerRightArrowIcon", void 0);
-        __decorate([
-            core.Input()
-        ], DataTablePagerComponent.prototype, "pagerPreviousIcon", void 0);
-        __decorate([
-            core.Input()
-        ], DataTablePagerComponent.prototype, "pagerNextIcon", void 0);
-        __decorate([
-            core.Input()
-        ], DataTablePagerComponent.prototype, "size", null);
-        __decorate([
-            core.Input()
-        ], DataTablePagerComponent.prototype, "count", null);
-        __decorate([
-            core.Input()
-        ], DataTablePagerComponent.prototype, "page", null);
-        __decorate([
-            core.Output()
-        ], DataTablePagerComponent.prototype, "change", void 0);
-        DataTablePagerComponent = __decorate([
-            core.Component({
-                selector: 'datatable-pager',
-                template: "\n    <ul class=\"pager\">\n      <li [class.disabled]=\"!canPrevious()\">\n        <a role=\"button\" aria-label=\"go to first page\" href=\"javascript:void(0)\" (click)=\"selectPage(1)\">\n          <i class=\"{{ pagerPreviousIcon }}\"></i>\n        </a>\n      </li>\n      <li [class.disabled]=\"!canPrevious()\">\n        <a role=\"button\" aria-label=\"go to previous page\" href=\"javascript:void(0)\" (click)=\"prevPage()\">\n          <i class=\"{{ pagerLeftArrowIcon }}\"></i>\n        </a>\n      </li>\n      <li\n        role=\"button\"\n        [attr.aria-label]=\"'page ' + pg.number\"\n        class=\"pages\"\n        *ngFor=\"let pg of pages\"\n        [class.active]=\"pg.number === page\"\n      >\n        <a href=\"javascript:void(0)\" (click)=\"selectPage(pg.number)\">\n          {{ pg.text }}\n        </a>\n      </li>\n      <li [class.disabled]=\"!canNext()\">\n        <a role=\"button\" aria-label=\"go to next page\" href=\"javascript:void(0)\" (click)=\"nextPage()\">\n          <i class=\"{{ pagerRightArrowIcon }}\"></i>\n        </a>\n      </li>\n      <li [class.disabled]=\"!canNext()\">\n        <a role=\"button\" aria-label=\"go to last page\" href=\"javascript:void(0)\" (click)=\"selectPage(totalPages)\">\n          <i class=\"{{ pagerNextIcon }}\"></i>\n        </a>\n      </li>\n    </ul>\n  ",
-                host: {
-                    class: 'datatable-pager'
-                },
-                changeDetection: core.ChangeDetectionStrategy.OnPush
-            })
-        ], DataTablePagerComponent);
         return DataTablePagerComponent;
     }());
+    DataTablePagerComponent.decorators = [
+        { type: core.Component, args: [{
+                    selector: 'datatable-pager',
+                    template: "\n    <ul class=\"pager\">\n      <li [class.disabled]=\"!canPrevious()\">\n        <a role=\"button\" aria-label=\"go to first page\" href=\"javascript:void(0)\" (click)=\"selectPage(1)\">\n          <i class=\"{{ pagerPreviousIcon }}\"></i>\n        </a>\n      </li>\n      <li [class.disabled]=\"!canPrevious()\">\n        <a role=\"button\" aria-label=\"go to previous page\" href=\"javascript:void(0)\" (click)=\"prevPage()\">\n          <i class=\"{{ pagerLeftArrowIcon }}\"></i>\n        </a>\n      </li>\n      <li\n        role=\"button\"\n        [attr.aria-label]=\"'page ' + pg.number\"\n        class=\"pages\"\n        *ngFor=\"let pg of pages\"\n        [class.active]=\"pg.number === page\"\n      >\n        <a href=\"javascript:void(0)\" (click)=\"selectPage(pg.number)\">\n          {{ pg.text }}\n        </a>\n      </li>\n      <li [class.disabled]=\"!canNext()\">\n        <a role=\"button\" aria-label=\"go to next page\" href=\"javascript:void(0)\" (click)=\"nextPage()\">\n          <i class=\"{{ pagerRightArrowIcon }}\"></i>\n        </a>\n      </li>\n      <li [class.disabled]=\"!canNext()\">\n        <a role=\"button\" aria-label=\"go to last page\" href=\"javascript:void(0)\" (click)=\"selectPage(totalPages)\">\n          <i class=\"{{ pagerNextIcon }}\"></i>\n        </a>\n      </li>\n    </ul>\n  ",
+                    host: {
+                        class: 'datatable-pager'
+                    },
+                    changeDetection: core.ChangeDetectionStrategy.OnPush
+                },] }
+    ];
+    DataTablePagerComponent.propDecorators = {
+        pagerLeftArrowIcon: [{ type: core.Input }],
+        pagerRightArrowIcon: [{ type: core.Input }],
+        pagerPreviousIcon: [{ type: core.Input }],
+        pagerNextIcon: [{ type: core.Input }],
+        size: [{ type: core.Input }],
+        count: [{ type: core.Input }],
+        page: [{ type: core.Input }],
+        change: [{ type: core.Output }]
+    };
 
     var ProgressBarComponent = /** @class */ (function () {
         function ProgressBarComponent() {
         }
-        ProgressBarComponent = __decorate([
-            core.Component({
-                selector: 'datatable-progress',
-                template: "\n    <div class=\"progress-linear\" role=\"progressbar\">\n      <div class=\"container\">\n        <div class=\"bar\"></div>\n      </div>\n    </div>\n  ",
-                changeDetection: core.ChangeDetectionStrategy.OnPush
-            })
-        ], ProgressBarComponent);
         return ProgressBarComponent;
     }());
+    ProgressBarComponent.decorators = [
+        { type: core.Component, args: [{
+                    selector: 'datatable-progress',
+                    template: "\n    <div class=\"progress-linear\" role=\"progressbar\">\n      <div class=\"container\">\n        <div class=\"bar\"></div>\n      </div>\n    </div>\n  ",
+                    changeDetection: core.ChangeDetectionStrategy.OnPush
+                },] }
+    ];
 
-
+    exports.Keys = void 0;
     (function (Keys) {
         Keys[Keys["up"] = 38] = "up";
         Keys[Keys["down"] = 40] = "down";
@@ -5135,7 +4789,7 @@
                 this.recalculateColumns(val);
                 this.buildStylesByGroup();
             },
-            enumerable: true,
+            enumerable: false,
             configurable: true
         });
         Object.defineProperty(DataTableBodyRowComponent.prototype, "innerWidth", {
@@ -5151,7 +4805,7 @@
                 this.recalculateColumns();
                 this.buildStylesByGroup();
             },
-            enumerable: true,
+            enumerable: false,
             configurable: true
         });
         Object.defineProperty(DataTableBodyRowComponent.prototype, "offsetX", {
@@ -5162,7 +4816,7 @@
                 this._offsetX = val;
                 this.buildStylesByGroup();
             },
-            enumerable: true,
+            enumerable: false,
             configurable: true
         });
         Object.defineProperty(DataTableBodyRowComponent.prototype, "cssClass", {
@@ -5204,14 +4858,14 @@
                 }
                 return cls;
             },
-            enumerable: true,
+            enumerable: false,
             configurable: true
         });
         Object.defineProperty(DataTableBodyRowComponent.prototype, "columnsTotalWidths", {
             get: function () {
                 return this._columnGroupWidths.total;
             },
-            enumerable: true,
+            enumerable: false,
             configurable: true
         });
         DataTableBodyRowComponent.prototype.ngDoCheck = function () {
@@ -5291,83 +4945,48 @@
         DataTableBodyRowComponent.prototype.onTreeAction = function () {
             this.treeAction.emit();
         };
-        DataTableBodyRowComponent.ctorParameters = function () { return [
-            { type: core.KeyValueDiffers },
-            { type: ScrollbarHelper, decorators: [{ type: core.SkipSelf }] },
-            { type: core.ChangeDetectorRef },
-            { type: core.ElementRef }
-        ]; };
-        __decorate([
-            core.Input()
-        ], DataTableBodyRowComponent.prototype, "columns", null);
-        __decorate([
-            core.Input()
-        ], DataTableBodyRowComponent.prototype, "innerWidth", null);
-        __decorate([
-            core.Input()
-        ], DataTableBodyRowComponent.prototype, "expanded", void 0);
-        __decorate([
-            core.Input()
-        ], DataTableBodyRowComponent.prototype, "rowClass", void 0);
-        __decorate([
-            core.Input()
-        ], DataTableBodyRowComponent.prototype, "row", void 0);
-        __decorate([
-            core.Input()
-        ], DataTableBodyRowComponent.prototype, "group", void 0);
-        __decorate([
-            core.Input()
-        ], DataTableBodyRowComponent.prototype, "isSelected", void 0);
-        __decorate([
-            core.Input()
-        ], DataTableBodyRowComponent.prototype, "rowIndex", void 0);
-        __decorate([
-            core.Input()
-        ], DataTableBodyRowComponent.prototype, "displayCheck", void 0);
-        __decorate([
-            core.Input()
-        ], DataTableBodyRowComponent.prototype, "treeStatus", void 0);
-        __decorate([
-            core.Input()
-        ], DataTableBodyRowComponent.prototype, "offsetX", null);
-        __decorate([
-            core.HostBinding('class')
-        ], DataTableBodyRowComponent.prototype, "cssClass", null);
-        __decorate([
-            core.HostBinding('style.height.px'),
-            core.Input()
-        ], DataTableBodyRowComponent.prototype, "rowHeight", void 0);
-        __decorate([
-            core.HostBinding('style.width.px')
-        ], DataTableBodyRowComponent.prototype, "columnsTotalWidths", null);
-        __decorate([
-            core.Output()
-        ], DataTableBodyRowComponent.prototype, "activate", void 0);
-        __decorate([
-            core.Output()
-        ], DataTableBodyRowComponent.prototype, "treeAction", void 0);
-        __decorate([
-            core.HostListener('keydown', ['$event'])
-        ], DataTableBodyRowComponent.prototype, "onKeyDown", null);
-        __decorate([
-            core.HostListener('mouseenter', ['$event'])
-        ], DataTableBodyRowComponent.prototype, "onMouseenter", null);
-        DataTableBodyRowComponent = __decorate([
-            core.Component({
-                selector: 'datatable-body-row',
-                changeDetection: core.ChangeDetectionStrategy.OnPush,
-                template: "\n    <div\n      *ngFor=\"let colGroup of _columnsByPin; let i = index; trackBy: trackByGroups\"\n      class=\"datatable-row-{{ colGroup.type }} datatable-row-group\"\n      [ngStyle]=\"_groupStyles[colGroup.type]\"\n    >\n      <datatable-body-cell\n        *ngFor=\"let column of colGroup.columns; let ii = index; trackBy: columnTrackingFn\"\n        tabindex=\"-1\"\n        [row]=\"row\"\n        [group]=\"group\"\n        [expanded]=\"expanded\"\n        [isSelected]=\"isSelected\"\n        [rowIndex]=\"rowIndex\"\n        [column]=\"column\"\n        [rowHeight]=\"rowHeight\"\n        [displayCheck]=\"displayCheck\"\n        [treeStatus]=\"treeStatus\"\n        (activate)=\"onActivate($event, ii)\"\n        (treeAction)=\"onTreeAction()\"\n      >\n      </datatable-body-cell>\n    </div>\n  "
-            }),
-            __param(1, core.SkipSelf())
-        ], DataTableBodyRowComponent);
         return DataTableBodyRowComponent;
     }());
+    DataTableBodyRowComponent.decorators = [
+        { type: core.Component, args: [{
+                    selector: 'datatable-body-row',
+                    changeDetection: core.ChangeDetectionStrategy.OnPush,
+                    template: "\n    <div\n      *ngFor=\"let colGroup of _columnsByPin; let i = index; trackBy: trackByGroups\"\n      class=\"datatable-row-{{ colGroup.type }} datatable-row-group\"\n      [ngStyle]=\"_groupStyles[colGroup.type]\"\n    >\n      <datatable-body-cell\n        role=\"cell\"\n        *ngFor=\"let column of colGroup.columns; let ii = index; trackBy: columnTrackingFn\"\n        tabindex=\"-1\"\n        [row]=\"row\"\n        [group]=\"group\"\n        [expanded]=\"expanded\"\n        [isSelected]=\"isSelected\"\n        [rowIndex]=\"rowIndex\"\n        [column]=\"column\"\n        [rowHeight]=\"rowHeight\"\n        [displayCheck]=\"displayCheck\"\n        [treeStatus]=\"treeStatus\"\n        (activate)=\"onActivate($event, ii)\"\n        (treeAction)=\"onTreeAction()\"\n      >\n      </datatable-body-cell>\n    </div>\n  "
+                },] }
+    ];
+    DataTableBodyRowComponent.ctorParameters = function () { return [
+        { type: core.KeyValueDiffers },
+        { type: ScrollbarHelper, decorators: [{ type: core.SkipSelf }] },
+        { type: core.ChangeDetectorRef },
+        { type: core.ElementRef }
+    ]; };
+    DataTableBodyRowComponent.propDecorators = {
+        columns: [{ type: core.Input }],
+        innerWidth: [{ type: core.Input }],
+        expanded: [{ type: core.Input }],
+        rowClass: [{ type: core.Input }],
+        row: [{ type: core.Input }],
+        group: [{ type: core.Input }],
+        isSelected: [{ type: core.Input }],
+        rowIndex: [{ type: core.Input }],
+        displayCheck: [{ type: core.Input }],
+        treeStatus: [{ type: core.Input }],
+        offsetX: [{ type: core.Input }],
+        cssClass: [{ type: core.HostBinding, args: ['class',] }],
+        rowHeight: [{ type: core.HostBinding, args: ['style.height.px',] }, { type: core.Input }],
+        columnsTotalWidths: [{ type: core.HostBinding, args: ['style.width.px',] }],
+        activate: [{ type: core.Output }],
+        treeAction: [{ type: core.Output }],
+        onKeyDown: [{ type: core.HostListener, args: ['keydown', ['$event'],] }],
+        onMouseenter: [{ type: core.HostListener, args: ['mouseenter', ['$event'],] }]
+    };
 
     var DataTableRowWrapperComponent = /** @class */ (function () {
         function DataTableRowWrapperComponent(cd, differs) {
             this.cd = cd;
             this.differs = differs;
             this.rowContextmenu = new core.EventEmitter(false);
+            this._expanded = false;
             this.groupContext = {
                 group: this.row,
                 expanded: this.expanded,
@@ -5378,7 +4997,6 @@
                 expanded: this.expanded,
                 rowIndex: this.rowIndex
             };
-            this._expanded = false;
             this.rowDiffer = differs.find({}).create();
         }
         Object.defineProperty(DataTableRowWrapperComponent.prototype, "rowIndex", {
@@ -5391,7 +5009,7 @@
                 this.groupContext.rowIndex = val;
                 this.cd.markForCheck();
             },
-            enumerable: true,
+            enumerable: false,
             configurable: true
         });
         Object.defineProperty(DataTableRowWrapperComponent.prototype, "expanded", {
@@ -5404,7 +5022,7 @@
                 this.rowContext.expanded = val;
                 this.cd.markForCheck();
             },
-            enumerable: true,
+            enumerable: false,
             configurable: true
         });
         DataTableRowWrapperComponent.prototype.ngDoCheck = function () {
@@ -5424,55 +5042,35 @@
             styles['width'] = this.innerWidth;
             return styles;
         };
-        DataTableRowWrapperComponent.ctorParameters = function () { return [
-            { type: core.ChangeDetectorRef },
-            { type: core.KeyValueDiffers }
-        ]; };
-        __decorate([
-            core.Input()
-        ], DataTableRowWrapperComponent.prototype, "innerWidth", void 0);
-        __decorate([
-            core.Input()
-        ], DataTableRowWrapperComponent.prototype, "rowDetail", void 0);
-        __decorate([
-            core.Input()
-        ], DataTableRowWrapperComponent.prototype, "groupHeader", void 0);
-        __decorate([
-            core.Input()
-        ], DataTableRowWrapperComponent.prototype, "offsetX", void 0);
-        __decorate([
-            core.Input()
-        ], DataTableRowWrapperComponent.prototype, "detailRowHeight", void 0);
-        __decorate([
-            core.Input()
-        ], DataTableRowWrapperComponent.prototype, "row", void 0);
-        __decorate([
-            core.Input()
-        ], DataTableRowWrapperComponent.prototype, "groupedRows", void 0);
-        __decorate([
-            core.Output()
-        ], DataTableRowWrapperComponent.prototype, "rowContextmenu", void 0);
-        __decorate([
-            core.Input()
-        ], DataTableRowWrapperComponent.prototype, "rowIndex", null);
-        __decorate([
-            core.Input()
-        ], DataTableRowWrapperComponent.prototype, "expanded", null);
-        __decorate([
-            core.HostListener('contextmenu', ['$event'])
-        ], DataTableRowWrapperComponent.prototype, "onContextmenu", null);
-        DataTableRowWrapperComponent = __decorate([
-            core.Component({
-                selector: 'datatable-row-wrapper',
-                changeDetection: core.ChangeDetectionStrategy.OnPush,
-                template: "\n    <div *ngIf=\"groupHeader && groupHeader.template\" class=\"datatable-group-header\" [ngStyle]=\"getGroupHeaderStyle()\">\n      <ng-template\n        *ngIf=\"groupHeader && groupHeader.template\"\n        [ngTemplateOutlet]=\"groupHeader.template\"\n        [ngTemplateOutletContext]=\"groupContext\"\n      >\n      </ng-template>\n    </div>\n    <ng-content *ngIf=\"(groupHeader && groupHeader.template && expanded) || !groupHeader || !groupHeader.template\">\n    </ng-content>\n    <div\n      *ngIf=\"rowDetail && rowDetail.template && expanded\"\n      [style.height.px]=\"detailRowHeight\"\n      class=\"datatable-row-detail\"\n    >\n      <ng-template\n        *ngIf=\"rowDetail && rowDetail.template\"\n        [ngTemplateOutlet]=\"rowDetail.template\"\n        [ngTemplateOutletContext]=\"rowContext\"\n      >\n      </ng-template>\n    </div>\n  ",
-                host: {
-                    class: 'datatable-row-wrapper'
-                }
-            })
-        ], DataTableRowWrapperComponent);
         return DataTableRowWrapperComponent;
     }());
+    DataTableRowWrapperComponent.decorators = [
+        { type: core.Component, args: [{
+                    selector: 'datatable-row-wrapper',
+                    changeDetection: core.ChangeDetectionStrategy.OnPush,
+                    template: "\n    <div *ngIf=\"groupHeader && groupHeader.template\" class=\"datatable-group-header\" [ngStyle]=\"getGroupHeaderStyle()\">\n      <ng-template\n        *ngIf=\"groupHeader && groupHeader.template\"\n        [ngTemplateOutlet]=\"groupHeader.template\"\n        [ngTemplateOutletContext]=\"groupContext\"\n      >\n      </ng-template>\n    </div>\n    <ng-content *ngIf=\"(groupHeader && groupHeader.template && expanded) || !groupHeader || !groupHeader.template\">\n    </ng-content>\n    <div\n      *ngIf=\"rowDetail && rowDetail.template && expanded\"\n      [style.height.px]=\"detailRowHeight\"\n      class=\"datatable-row-detail\"\n    >\n      <ng-template\n        *ngIf=\"rowDetail && rowDetail.template\"\n        [ngTemplateOutlet]=\"rowDetail.template\"\n        [ngTemplateOutletContext]=\"rowContext\"\n      >\n      </ng-template>\n    </div>\n  ",
+                    host: {
+                        class: 'datatable-row-wrapper'
+                    }
+                },] }
+    ];
+    DataTableRowWrapperComponent.ctorParameters = function () { return [
+        { type: core.ChangeDetectorRef },
+        { type: core.KeyValueDiffers }
+    ]; };
+    DataTableRowWrapperComponent.propDecorators = {
+        innerWidth: [{ type: core.Input }],
+        rowDetail: [{ type: core.Input }],
+        groupHeader: [{ type: core.Input }],
+        offsetX: [{ type: core.Input }],
+        detailRowHeight: [{ type: core.Input }],
+        row: [{ type: core.Input }],
+        groupedRows: [{ type: core.Input }],
+        rowContextmenu: [{ type: core.Output }],
+        rowIndex: [{ type: core.Input }],
+        expanded: [{ type: core.Input }],
+        onContextmenu: [{ type: core.HostListener, args: ['contextmenu', ['$event'],] }]
+    };
 
     var DataTableBodyCellComponent = /** @class */ (function () {
         function DataTableBodyCellComponent(element, cd) {
@@ -5507,7 +5105,7 @@
                 this.checkValueUpdates();
                 this.cd.markForCheck();
             },
-            enumerable: true,
+            enumerable: false,
             configurable: true
         });
         Object.defineProperty(DataTableBodyCellComponent.prototype, "rowHeight", {
@@ -5520,7 +5118,7 @@
                 this.checkValueUpdates();
                 this.cd.markForCheck();
             },
-            enumerable: true,
+            enumerable: false,
             configurable: true
         });
         Object.defineProperty(DataTableBodyCellComponent.prototype, "isSelected", {
@@ -5532,7 +5130,7 @@
                 this.cellContext.isSelected = val;
                 this.cd.markForCheck();
             },
-            enumerable: true,
+            enumerable: false,
             configurable: true
         });
         Object.defineProperty(DataTableBodyCellComponent.prototype, "expanded", {
@@ -5544,7 +5142,7 @@
                 this.cellContext.expanded = val;
                 this.cd.markForCheck();
             },
-            enumerable: true,
+            enumerable: false,
             configurable: true
         });
         Object.defineProperty(DataTableBodyCellComponent.prototype, "rowIndex", {
@@ -5557,7 +5155,7 @@
                 this.checkValueUpdates();
                 this.cd.markForCheck();
             },
-            enumerable: true,
+            enumerable: false,
             configurable: true
         });
         Object.defineProperty(DataTableBodyCellComponent.prototype, "column", {
@@ -5570,7 +5168,7 @@
                 this.checkValueUpdates();
                 this.cd.markForCheck();
             },
-            enumerable: true,
+            enumerable: false,
             configurable: true
         });
         Object.defineProperty(DataTableBodyCellComponent.prototype, "row", {
@@ -5583,7 +5181,7 @@
                 this.checkValueUpdates();
                 this.cd.markForCheck();
             },
-            enumerable: true,
+            enumerable: false,
             configurable: true
         });
         Object.defineProperty(DataTableBodyCellComponent.prototype, "sorts", {
@@ -5594,7 +5192,7 @@
                 this._sorts = val;
                 this.calcSortDir = this.calcSortDir(val);
             },
-            enumerable: true,
+            enumerable: false,
             configurable: true
         });
         Object.defineProperty(DataTableBodyCellComponent.prototype, "treeStatus", {
@@ -5612,7 +5210,7 @@
                 this.checkValueUpdates();
                 this.cd.markForCheck();
             },
-            enumerable: true,
+            enumerable: false,
             configurable: true
         });
         Object.defineProperty(DataTableBodyCellComponent.prototype, "columnCssClasses", {
@@ -5668,28 +5266,28 @@
                 }
                 return cls;
             },
-            enumerable: true,
+            enumerable: false,
             configurable: true
         });
         Object.defineProperty(DataTableBodyCellComponent.prototype, "width", {
             get: function () {
                 return this.column.width;
             },
-            enumerable: true,
+            enumerable: false,
             configurable: true
         });
         Object.defineProperty(DataTableBodyCellComponent.prototype, "minWidth", {
             get: function () {
                 return this.column.minWidth;
             },
-            enumerable: true,
+            enumerable: false,
             configurable: true
         });
         Object.defineProperty(DataTableBodyCellComponent.prototype, "maxWidth", {
             get: function () {
                 return this.column.maxWidth;
             },
-            enumerable: true,
+            enumerable: false,
             configurable: true
         });
         Object.defineProperty(DataTableBodyCellComponent.prototype, "height", {
@@ -5700,7 +5298,7 @@
                 }
                 return height + 'px';
             },
-            enumerable: true,
+            enumerable: false,
             configurable: true
         });
         DataTableBodyCellComponent.prototype.ngDoCheck = function () {
@@ -5824,88 +5422,44 @@
             var levelIndent = column.treeLevelIndent != null ? column.treeLevelIndent : 50;
             return column.isTreeColumn ? row.level * levelIndent : 0;
         };
-        DataTableBodyCellComponent.ctorParameters = function () { return [
-            { type: core.ElementRef },
-            { type: core.ChangeDetectorRef }
-        ]; };
-        __decorate([
-            core.Input()
-        ], DataTableBodyCellComponent.prototype, "displayCheck", void 0);
-        __decorate([
-            core.Input()
-        ], DataTableBodyCellComponent.prototype, "group", null);
-        __decorate([
-            core.Input()
-        ], DataTableBodyCellComponent.prototype, "rowHeight", null);
-        __decorate([
-            core.Input()
-        ], DataTableBodyCellComponent.prototype, "isSelected", null);
-        __decorate([
-            core.Input()
-        ], DataTableBodyCellComponent.prototype, "expanded", null);
-        __decorate([
-            core.Input()
-        ], DataTableBodyCellComponent.prototype, "rowIndex", null);
-        __decorate([
-            core.Input()
-        ], DataTableBodyCellComponent.prototype, "column", null);
-        __decorate([
-            core.Input()
-        ], DataTableBodyCellComponent.prototype, "row", null);
-        __decorate([
-            core.Input()
-        ], DataTableBodyCellComponent.prototype, "sorts", null);
-        __decorate([
-            core.Input()
-        ], DataTableBodyCellComponent.prototype, "treeStatus", null);
-        __decorate([
-            core.Output()
-        ], DataTableBodyCellComponent.prototype, "activate", void 0);
-        __decorate([
-            core.Output()
-        ], DataTableBodyCellComponent.prototype, "treeAction", void 0);
-        __decorate([
-            core.ViewChild('cellTemplate', { read: core.ViewContainerRef, static: true })
-        ], DataTableBodyCellComponent.prototype, "cellTemplate", void 0);
-        __decorate([
-            core.HostBinding('class')
-        ], DataTableBodyCellComponent.prototype, "columnCssClasses", null);
-        __decorate([
-            core.HostBinding('style.width.px')
-        ], DataTableBodyCellComponent.prototype, "width", null);
-        __decorate([
-            core.HostBinding('style.minWidth.px')
-        ], DataTableBodyCellComponent.prototype, "minWidth", null);
-        __decorate([
-            core.HostBinding('style.maxWidth.px')
-        ], DataTableBodyCellComponent.prototype, "maxWidth", null);
-        __decorate([
-            core.HostBinding('style.height')
-        ], DataTableBodyCellComponent.prototype, "height", null);
-        __decorate([
-            core.HostListener('focus')
-        ], DataTableBodyCellComponent.prototype, "onFocus", null);
-        __decorate([
-            core.HostListener('blur')
-        ], DataTableBodyCellComponent.prototype, "onBlur", null);
-        __decorate([
-            core.HostListener('click', ['$event'])
-        ], DataTableBodyCellComponent.prototype, "onClick", null);
-        __decorate([
-            core.HostListener('dblclick', ['$event'])
-        ], DataTableBodyCellComponent.prototype, "onDblClick", null);
-        __decorate([
-            core.HostListener('keydown', ['$event'])
-        ], DataTableBodyCellComponent.prototype, "onKeyDown", null);
-        DataTableBodyCellComponent = __decorate([
-            core.Component({
-                selector: 'datatable-body-cell',
-                changeDetection: core.ChangeDetectionStrategy.OnPush,
-                template: "\n    <div class=\"datatable-body-cell-label\" [style.margin-left.px]=\"calcLeftMargin(column, row)\">\n      <label\n        *ngIf=\"column.checkboxable && (!displayCheck || displayCheck(row, column, value))\"\n        class=\"datatable-checkbox\"\n      >\n        <input type=\"checkbox\" [checked]=\"isSelected\" (click)=\"onCheckboxChange($event)\" />\n      </label>\n      <ng-container *ngIf=\"column.isTreeColumn\">\n        <button\n          *ngIf=\"!column.treeToggleTemplate\"\n          class=\"datatable-tree-button\"\n          [disabled]=\"treeStatus === 'disabled'\"\n          (click)=\"onTreeAction()\"\n        >\n          <span>\n            <i *ngIf=\"treeStatus === 'loading'\" class=\"icon datatable-icon-collapse\"></i>\n            <i *ngIf=\"treeStatus === 'collapsed'\" class=\"icon datatable-icon-up\"></i>\n            <i *ngIf=\"treeStatus === 'expanded' || treeStatus === 'disabled'\" class=\"icon datatable-icon-down\"></i>\n          </span>\n        </button>\n        <ng-template\n          *ngIf=\"column.treeToggleTemplate\"\n          [ngTemplateOutlet]=\"column.treeToggleTemplate\"\n          [ngTemplateOutletContext]=\"{ cellContext: cellContext }\"\n        >\n        </ng-template>\n      </ng-container>\n\n      <span *ngIf=\"!column.cellTemplate\" [title]=\"sanitizedValue\" [innerHTML]=\"value\"> </span>\n      <ng-template\n        #cellTemplate\n        *ngIf=\"column.cellTemplate\"\n        [ngTemplateOutlet]=\"column.cellTemplate\"\n        [ngTemplateOutletContext]=\"cellContext\"\n      >\n      </ng-template>\n    </div>\n  "
-            })
-        ], DataTableBodyCellComponent);
         return DataTableBodyCellComponent;
     }());
+    DataTableBodyCellComponent.decorators = [
+        { type: core.Component, args: [{
+                    selector: 'datatable-body-cell',
+                    changeDetection: core.ChangeDetectionStrategy.OnPush,
+                    template: "\n    <div class=\"datatable-body-cell-label\" [style.margin-left.px]=\"calcLeftMargin(column, row)\">\n      <label\n        *ngIf=\"column.checkboxable && (!displayCheck || displayCheck(row, column, value))\"\n        class=\"datatable-checkbox\"\n      >\n        <input type=\"checkbox\" [checked]=\"isSelected\" (click)=\"onCheckboxChange($event)\" />\n      </label>\n      <ng-container *ngIf=\"column.isTreeColumn\">\n        <button\n          *ngIf=\"!column.treeToggleTemplate\"\n          class=\"datatable-tree-button\"\n          [disabled]=\"treeStatus === 'disabled'\"\n          (click)=\"onTreeAction()\"\n        >\n          <span>\n            <i *ngIf=\"treeStatus === 'loading'\" class=\"icon datatable-icon-collapse\"></i>\n            <i *ngIf=\"treeStatus === 'collapsed'\" class=\"icon datatable-icon-up\"></i>\n            <i *ngIf=\"treeStatus === 'expanded' || treeStatus === 'disabled'\" class=\"icon datatable-icon-down\"></i>\n          </span>\n        </button>\n        <ng-template\n          *ngIf=\"column.treeToggleTemplate\"\n          [ngTemplateOutlet]=\"column.treeToggleTemplate\"\n          [ngTemplateOutletContext]=\"{ cellContext: cellContext }\"\n        >\n        </ng-template>\n      </ng-container>\n\n      <span *ngIf=\"!column.cellTemplate\" [title]=\"sanitizedValue\" [innerHTML]=\"value\"> </span>\n      <ng-template\n        #cellTemplate\n        *ngIf=\"column.cellTemplate\"\n        [ngTemplateOutlet]=\"column.cellTemplate\"\n        [ngTemplateOutletContext]=\"cellContext\"\n      >\n      </ng-template>\n    </div>\n  "
+                },] }
+    ];
+    DataTableBodyCellComponent.ctorParameters = function () { return [
+        { type: core.ElementRef },
+        { type: core.ChangeDetectorRef }
+    ]; };
+    DataTableBodyCellComponent.propDecorators = {
+        displayCheck: [{ type: core.Input }],
+        group: [{ type: core.Input }],
+        rowHeight: [{ type: core.Input }],
+        isSelected: [{ type: core.Input }],
+        expanded: [{ type: core.Input }],
+        rowIndex: [{ type: core.Input }],
+        column: [{ type: core.Input }],
+        row: [{ type: core.Input }],
+        sorts: [{ type: core.Input }],
+        treeStatus: [{ type: core.Input }],
+        activate: [{ type: core.Output }],
+        treeAction: [{ type: core.Output }],
+        cellTemplate: [{ type: core.ViewChild, args: ['cellTemplate', { read: core.ViewContainerRef, static: true },] }],
+        columnCssClasses: [{ type: core.HostBinding, args: ['class',] }],
+        width: [{ type: core.HostBinding, args: ['style.width.px',] }],
+        minWidth: [{ type: core.HostBinding, args: ['style.minWidth.px',] }],
+        maxWidth: [{ type: core.HostBinding, args: ['style.maxWidth.px',] }],
+        height: [{ type: core.HostBinding, args: ['style.height',] }],
+        onFocus: [{ type: core.HostListener, args: ['focus',] }],
+        onBlur: [{ type: core.HostListener, args: ['blur',] }],
+        onClick: [{ type: core.HostListener, args: ['click', ['$event'],] }],
+        onDblClick: [{ type: core.HostListener, args: ['dblclick', ['$event'],] }],
+        onKeyDown: [{ type: core.HostListener, args: ['keydown', ['$event'],] }]
+    };
 
     function selectRows(selected, row, comparefn) {
         var selectedIndex = comparefn(row, selected);
@@ -5965,7 +5519,7 @@
                     selected = selectRowsBetween([], this.rows, index, this.prevIndex, this.getRowSelectedIdx.bind(this));
                 }
                 else if (event.ctrlKey || event.metaKey || multiClick || chkbox) {
-                    selected = selectRows(__spread(this.selected), row, this.getRowSelectedIdx.bind(this));
+                    selected = selectRows(__spreadArray([], __read(this.selected)), row, this.getRowSelectedIdx.bind(this));
                 }
                 else {
                     selected = selectRows([], row, this.getRowSelectedIdx.bind(this));
@@ -5978,7 +5532,7 @@
                 selected = selected.filter(this.selectCheck.bind(this));
             }
             this.selected.splice(0, this.selected.length);
-            (_a = this.selected).push.apply(_a, __spread(selected));
+            (_a = this.selected).push.apply(_a, __spreadArray([], __read(selected)));
             this.prevIndex = index;
             this.select.emit({
                 selected: selected
@@ -6066,39 +5620,25 @@
                 return id === rowId;
             });
         };
-        __decorate([
-            core.Input()
-        ], DataTableSelectionComponent.prototype, "rows", void 0);
-        __decorate([
-            core.Input()
-        ], DataTableSelectionComponent.prototype, "selected", void 0);
-        __decorate([
-            core.Input()
-        ], DataTableSelectionComponent.prototype, "selectEnabled", void 0);
-        __decorate([
-            core.Input()
-        ], DataTableSelectionComponent.prototype, "selectionType", void 0);
-        __decorate([
-            core.Input()
-        ], DataTableSelectionComponent.prototype, "rowIdentity", void 0);
-        __decorate([
-            core.Input()
-        ], DataTableSelectionComponent.prototype, "selectCheck", void 0);
-        __decorate([
-            core.Output()
-        ], DataTableSelectionComponent.prototype, "activate", void 0);
-        __decorate([
-            core.Output()
-        ], DataTableSelectionComponent.prototype, "select", void 0);
-        DataTableSelectionComponent = __decorate([
-            core.Component({
-                selector: 'datatable-selection',
-                template: " <ng-content></ng-content> ",
-                changeDetection: core.ChangeDetectionStrategy.OnPush
-            })
-        ], DataTableSelectionComponent);
         return DataTableSelectionComponent;
     }());
+    DataTableSelectionComponent.decorators = [
+        { type: core.Component, args: [{
+                    selector: 'datatable-selection',
+                    template: " <ng-content></ng-content> ",
+                    changeDetection: core.ChangeDetectionStrategy.OnPush
+                },] }
+    ];
+    DataTableSelectionComponent.propDecorators = {
+        rows: [{ type: core.Input }],
+        selected: [{ type: core.Input }],
+        selectEnabled: [{ type: core.Input }],
+        selectionType: [{ type: core.Input }],
+        rowIdentity: [{ type: core.Input }],
+        selectCheck: [{ type: core.Input }],
+        activate: [{ type: core.Output }],
+        select: [{ type: core.Output }]
+    };
 
     function defaultSumFunc(cells) {
         var cellsWithValues = cells.filter(function (cell) { return !!cell; });
@@ -6125,7 +5665,7 @@
             this.updateValues();
         };
         DataTableSummaryRowComponent.prototype.updateInternalColumns = function () {
-            this._internalColumns = this.columns.map(function (col) { return (__assign(__assign({}, col), { cellTemplate: col.summaryTemplate })); });
+            this._internalColumns = this.columns.map(function (col) { return (Object.assign(Object.assign({}, col), { cellTemplate: col.summaryTemplate })); });
         };
         DataTableSummaryRowComponent.prototype.updateValues = function () {
             var _this = this;
@@ -6151,102 +5691,92 @@
                 return column.summaryFunc;
             }
         };
-        __decorate([
-            core.Input()
-        ], DataTableSummaryRowComponent.prototype, "rows", void 0);
-        __decorate([
-            core.Input()
-        ], DataTableSummaryRowComponent.prototype, "columns", void 0);
-        __decorate([
-            core.Input()
-        ], DataTableSummaryRowComponent.prototype, "rowHeight", void 0);
-        __decorate([
-            core.Input()
-        ], DataTableSummaryRowComponent.prototype, "offsetX", void 0);
-        __decorate([
-            core.Input()
-        ], DataTableSummaryRowComponent.prototype, "innerWidth", void 0);
-        DataTableSummaryRowComponent = __decorate([
-            core.Component({
-                selector: 'datatable-summary-row',
-                template: "\n    <datatable-body-row\n      *ngIf=\"summaryRow && _internalColumns\"\n      tabindex=\"-1\"\n      [innerWidth]=\"innerWidth\"\n      [offsetX]=\"offsetX\"\n      [columns]=\"_internalColumns\"\n      [rowHeight]=\"rowHeight\"\n      [row]=\"summaryRow\"\n      [rowIndex]=\"-1\"\n    >\n    </datatable-body-row>\n  ",
-                host: {
-                    class: 'datatable-summary-row'
-                }
-            })
-        ], DataTableSummaryRowComponent);
         return DataTableSummaryRowComponent;
     }());
+    DataTableSummaryRowComponent.decorators = [
+        { type: core.Component, args: [{
+                    selector: 'datatable-summary-row',
+                    template: "\n    <datatable-body-row\n      *ngIf=\"summaryRow && _internalColumns\"\n      tabindex=\"-1\"\n      [innerWidth]=\"innerWidth\"\n      [offsetX]=\"offsetX\"\n      [columns]=\"_internalColumns\"\n      [rowHeight]=\"rowHeight\"\n      [row]=\"summaryRow\"\n      [rowIndex]=\"-1\"\n    >\n    </datatable-body-row>\n  ",
+                    host: {
+                        class: 'datatable-summary-row'
+                    }
+                },] }
+    ];
+    DataTableSummaryRowComponent.propDecorators = {
+        rows: [{ type: core.Input }],
+        columns: [{ type: core.Input }],
+        rowHeight: [{ type: core.Input }],
+        offsetX: [{ type: core.Input }],
+        innerWidth: [{ type: core.Input }]
+    };
 
     var NgxDatatableModule = /** @class */ (function () {
         function NgxDatatableModule() {
         }
-        NgxDatatableModule_1 = NgxDatatableModule;
         /**
          * Configure global configuration via INgxDatatableConfig
          * @param configuration
          */
         NgxDatatableModule.forRoot = function (configuration) {
             return {
-                ngModule: NgxDatatableModule_1,
+                ngModule: NgxDatatableModule,
                 providers: [{ provide: 'configuration', useValue: configuration }]
             };
         };
-        var NgxDatatableModule_1;
-        NgxDatatableModule = NgxDatatableModule_1 = __decorate([
-            core.NgModule({
-                imports: [common.CommonModule],
-                providers: [ScrollbarHelper, DimensionsHelper, ColumnChangesService],
-                declarations: [
-                    DataTableFooterTemplateDirective,
-                    VisibilityDirective,
-                    DraggableDirective,
-                    ResizeableDirective,
-                    OrderableDirective,
-                    LongPressDirective,
-                    ScrollerComponent,
-                    DatatableComponent,
-                    DataTableColumnDirective,
-                    DataTableHeaderComponent,
-                    DataTableHeaderCellComponent,
-                    DataTableBodyComponent,
-                    DataTableFooterComponent,
-                    DataTablePagerComponent,
-                    ProgressBarComponent,
-                    DataTableBodyRowComponent,
-                    DataTableRowWrapperComponent,
-                    DatatableRowDetailDirective,
-                    DatatableGroupHeaderDirective,
-                    DatatableRowDetailTemplateDirective,
-                    DataTableBodyCellComponent,
-                    DataTableSelectionComponent,
-                    DataTableColumnHeaderDirective,
-                    DataTableColumnCellDirective,
-                    DataTableColumnCellTreeToggle,
-                    DatatableFooterDirective,
-                    DatatableGroupHeaderTemplateDirective,
-                    DataTableSummaryRowComponent
-                ],
-                exports: [
-                    DatatableComponent,
-                    DatatableRowDetailDirective,
-                    DatatableGroupHeaderDirective,
-                    DatatableRowDetailTemplateDirective,
-                    DataTableColumnDirective,
-                    DataTableColumnHeaderDirective,
-                    DataTableColumnCellDirective,
-                    DataTableColumnCellTreeToggle,
-                    DataTableFooterTemplateDirective,
-                    DatatableFooterDirective,
-                    DataTablePagerComponent,
-                    DatatableGroupHeaderTemplateDirective
-                ]
-            })
-        ], NgxDatatableModule);
         return NgxDatatableModule;
     }());
+    NgxDatatableModule.decorators = [
+        { type: core.NgModule, args: [{
+                    imports: [common.CommonModule],
+                    providers: [ScrollbarHelper, DimensionsHelper, ColumnChangesService],
+                    declarations: [
+                        DataTableFooterTemplateDirective,
+                        VisibilityDirective,
+                        DraggableDirective,
+                        ResizeableDirective,
+                        OrderableDirective,
+                        LongPressDirective,
+                        ScrollerComponent,
+                        DatatableComponent,
+                        DataTableColumnDirective,
+                        DataTableHeaderComponent,
+                        DataTableHeaderCellComponent,
+                        DataTableBodyComponent,
+                        DataTableFooterComponent,
+                        DataTablePagerComponent,
+                        ProgressBarComponent,
+                        DataTableBodyRowComponent,
+                        DataTableRowWrapperComponent,
+                        DatatableRowDetailDirective,
+                        DatatableGroupHeaderDirective,
+                        DatatableRowDetailTemplateDirective,
+                        DataTableBodyCellComponent,
+                        DataTableSelectionComponent,
+                        DataTableColumnHeaderDirective,
+                        DataTableColumnCellDirective,
+                        DataTableColumnCellTreeToggle,
+                        DatatableFooterDirective,
+                        DatatableGroupHeaderTemplateDirective,
+                        DataTableSummaryRowComponent
+                    ],
+                    exports: [
+                        DatatableComponent,
+                        DatatableRowDetailDirective,
+                        DatatableGroupHeaderDirective,
+                        DatatableRowDetailTemplateDirective,
+                        DataTableColumnDirective,
+                        DataTableColumnHeaderDirective,
+                        DataTableColumnCellDirective,
+                        DataTableColumnCellTreeToggle,
+                        DataTableFooterTemplateDirective,
+                        DatatableFooterDirective,
+                        DataTablePagerComponent,
+                        DatatableGroupHeaderTemplateDirective
+                    ]
+                },] }
+    ];
 
-
+    exports.ClickType = void 0;
     (function (ClickType) {
         ClickType["single"] = "single";
         ClickType["double"] = "double";
@@ -6288,6 +5818,15 @@
         // return our results
         return elements;
     }
+    /*tslint:enable*/
+
+    /*
+     * Public API Surface of ngx-datatable
+     */
+
+    /**
+     * Generated bundle index. Do not edit.
+     */
 
     exports.ColumnChangesService = ColumnChangesService;
     exports.DataTableBodyCellComponent = DataTableBodyCellComponent;