@theseam/ui-common 0.3.14-beta.2 → 0.3.15-beta.1

package/bundles/theseam-ui-common-datatable.umd.js

@@ -1,3246 +0,0 @@
-(function (global, factory) {
-    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/animations'), require('@angular/cdk/coercion'), require('@angular/cdk/collections'), require('@angular/core'), require('rxjs'), require('rxjs/operators'), require('@fortawesome/free-solid-svg-icons'), require('@marklb/ngx-datatable'), require('@theseam/ui-common/core'), require('@theseam/ui-common/data-filters'), require('@theseam/ui-common/utils'), require('@angular/router'), require('@theseam/ui-common/confirm-dialog'), require('@angular/forms'), require('ngx-toastr'), require('@theseam/ui-common/dynamic'), require('@theseam/ui-common/loading'), require('@angular/common/http'), require('@theseam/ui-common/dynamic-component-loader'), require('@theseam/ui-common/modal'), require('@angular/cdk/keycodes'), require('@angular/cdk/overlay'), require('@angular/cdk/portal'), require('@theseam/ui-common/scrollbar'), require('@angular/cdk/a11y'), require('@angular/common'), require('@fortawesome/angular-fontawesome'), require('@theseam/ui-common/buttons'), require('@theseam/ui-common/checkbox'), require('@theseam/ui-common/form-field'), require('@theseam/ui-common/icon'), require('@theseam/ui-common/menu'), require('@theseam/ui-common/popover'), require('@theseam/ui-common/shared'), require('@theseam/ui-common/table-cell-type')) :
-    typeof define === 'function' && define.amd ? define('@theseam/ui-common/datatable', ['exports', '@angular/animations', '@angular/cdk/coercion', '@angular/cdk/collections', '@angular/core', 'rxjs', 'rxjs/operators', '@fortawesome/free-solid-svg-icons', '@marklb/ngx-datatable', '@theseam/ui-common/core', '@theseam/ui-common/data-filters', '@theseam/ui-common/utils', '@angular/router', '@theseam/ui-common/confirm-dialog', '@angular/forms', 'ngx-toastr', '@theseam/ui-common/dynamic', '@theseam/ui-common/loading', '@angular/common/http', '@theseam/ui-common/dynamic-component-loader', '@theseam/ui-common/modal', '@angular/cdk/keycodes', '@angular/cdk/overlay', '@angular/cdk/portal', '@theseam/ui-common/scrollbar', '@angular/cdk/a11y', '@angular/common', '@fortawesome/angular-fontawesome', '@theseam/ui-common/buttons', '@theseam/ui-common/checkbox', '@theseam/ui-common/form-field', '@theseam/ui-common/icon', '@theseam/ui-common/menu', '@theseam/ui-common/popover', '@theseam/ui-common/shared', '@theseam/ui-common/table-cell-type'], factory) :
-    (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory((global.theseam = global.theseam || {}, global.theseam["ui-common"] = global.theseam["ui-common"] || {}, global.theseam["ui-common"].datatable = {}), global.ng.animations, global.ng.cdk.coercion, global.ng.cdk.collections, global.ng.core, global.rxjs, global.rxjs.operators, global.freeSolidSvgIcons, global.ngxDatatable, global.theseam["ui-common"].core, global.theseam["ui-common"]["data-filters"], global.theseam["ui-common"].utils, global.ng.router, global.theseam["ui-common"]["confirm-dialog"], global.ng.forms, global.ngxToastr, global.theseam["ui-common"].dynamic, global.theseam["ui-common"].loading, global.ng.common.http, global.theseam["ui-common"]["dynamic-component-loader"], global.theseam["ui-common"].modal, global.ng.cdk.keycodes, global.ng.cdk.overlay, global.ng.cdk.portal, global.theseam["ui-common"].scrollbar, global.ng.cdk.a11y, global.ng.common, global.angularFontawesome, global.theseam["ui-common"].buttons, global.theseam["ui-common"].checkbox, global.theseam["ui-common"]["form-field"], global.theseam["ui-common"].icon, global.theseam["ui-common"].menu, global.theseam["ui-common"].popover, global.theseam["ui-common"].shared, global.theseam["ui-common"]["table-cell-type"]));
-})(this, (function (exports, animations, coercion, collections, i0, rxjs, operators, freeSolidSvgIcons, ngxDatatable, core, dataFilters, utils, router, confirmDialog, forms, ngxToastr, dynamic, loading, http, dynamicComponentLoader, modal, keycodes, overlay, portal, scrollbar, a11y, common, angularFontawesome, buttons, checkbox, formField, icon, menu, popover, shared, tableCellType) { 'use strict';
-
-    function _interopNamespace(e) {
-        if (e && e.__esModule) return e;
-        var n = Object.create(null);
-        if (e) {
-            Object.keys(e).forEach(function (k) {
-                if (k !== 'default') {
-                    var d = Object.getOwnPropertyDescriptor(e, k);
-                    Object.defineProperty(n, k, d.get ? d : {
-                        enumerable: true,
-                        get: function () { return e[k]; }
-                    });
-                }
-            });
-        }
-        n["default"] = e;
-        return Object.freeze(n);
-    }
-
-    var i0__namespace = /*#__PURE__*/_interopNamespace(i0);
-
-    /*! *****************************************************************************
-    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 || Array.prototype.slice.call(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 DatatableActionMenuItemComponent = /** @class */ (function () {
-        function DatatableActionMenuItemComponent() {
-            this.click = new i0.EventEmitter();
-        }
-        return DatatableActionMenuItemComponent;
-    }());
-    DatatableActionMenuItemComponent.decorators = [
-        { type: i0.Component, args: [{
-                    selector: 'seam-datatable-action-menu-item',
-                    template: "",
-                    changeDetection: i0.ChangeDetectionStrategy.OnPush
-                },] }
-    ];
-    DatatableActionMenuItemComponent.propDecorators = {
-        label: [{ type: i0.Input }],
-        href: [{ type: i0.Input, args: ['attr.href',] }],
-        target: [{ type: i0.Input }],
-        queryParams: [{ type: i0.Input }],
-        fragment: [{ type: i0.Input }],
-        queryParamsHandling: [{ type: i0.Input }],
-        preserveFragment: [{ type: i0.Input }],
-        skipLocationChange: [{ type: i0.Input }],
-        replaceUrl: [{ type: i0.Input }],
-        state: [{ type: i0.Input }],
-        routerLink: [{ type: i0.Input }],
-        confirmDialog: [{ type: i0.Input }],
-        disabled: [{ type: i0.Input }],
-        click: [{ type: i0.Output }]
-    };
-
-    var DatatableActionMenuComponent = /** @class */ (function () {
-        function DatatableActionMenuComponent(_confirmDialog, _router) {
-            this._confirmDialog = _confirmDialog;
-            this._router = _router;
-            this.faEllipsisH = freeSolidSvgIcons.faEllipsisH;
-            /** @ignore */
-            this._actionMenuPositions = [
-                {
-                    originX: 'start',
-                    originY: 'bottom',
-                    overlayX: 'end',
-                    overlayY: 'top',
-                },
-                {
-                    originX: 'start',
-                    originY: 'top',
-                    overlayX: 'end',
-                    overlayY: 'bottom',
-                },
-                {
-                    originX: 'end',
-                    originY: 'bottom',
-                    overlayX: 'start',
-                    overlayY: 'top',
-                },
-                {
-                    originX: 'end',
-                    originY: 'top',
-                    overlayX: 'start',
-                    overlayY: 'bottom',
-                },
-            ];
-        }
-        DatatableActionMenuComponent.prototype.activateItem = function (event, item) {
-            var _this = this;
-            if (item.confirmDialog) {
-                this._confirmDialog.open(item.confirmDialog.message, item.confirmDialog.alert)
-                    .afterClosed()
-                    .subscribe(function (v) {
-                    if (v === 'confirm') {
-                        item.click.emit(event);
-                        if (item.href) {
-                            var win = window.open(item.href, item.target || undefined);
-                            // TODO: Consider if always setting opener to null is to restrictive
-                            // if (win && item.target && item.target.toLowerCase() === '_blank') {
-                            //   win.opener = null
-                            // }
-                        }
-                        else {
-                            var extras = {};
-                            if (item.queryParams) {
-                                extras.queryParams = item.queryParams;
-                            }
-                            if (item.fragment) {
-                                extras.fragment = item.fragment;
-                            }
-                            if (item.queryParamsHandling) {
-                                extras.queryParamsHandling = item.queryParamsHandling;
-                            }
-                            if (item.preserveFragment) {
-                                extras.preserveFragment = item.preserveFragment;
-                            }
-                            if (item.skipLocationChange) {
-                                extras.skipLocationChange = item.skipLocationChange;
-                            }
-                            if (item.replaceUrl) {
-                                extras.replaceUrl = item.replaceUrl;
-                            }
-                            if (item.state) {
-                                extras.state = item.state;
-                            }
-                            var commands = Array.isArray(item.routerLink) ? item.routerLink : [item.routerLink];
-                            _this._router.navigate(commands, extras);
-                        }
-                    }
-                });
-            }
-            else {
-                item.click.emit(event);
-            }
-        };
-        return DatatableActionMenuComponent;
-    }());
-    DatatableActionMenuComponent.decorators = [
-        { type: i0.Component, args: [{
-                    selector: 'seam-datatable-action-menu',
-                    template: "<seam-menu #menu\n  menuClass=\"list-group py-0 border-0 seam-datatable-action-menu\"\n  animationType=\"fade\">\n\n  <ng-container *ngFor=\"let item of items\">\n    <ng-container *ngIf=\"(item.routerLink || item.href) && !item.confirmDialog; else noRouterLink\">\n      <a *ngIf=\"item.href; else noHref\"\n        seamMenuItem\n        class=\"list-group-item list-group-item-action py-1\"\n        [disabled]=\"item.disabled\"\n        [attr.href]=\"item.href\"\n        [target]=\"item.target\"\n        (click)=\"activateItem($event, item)\">\n        {{ item.label }}\n      </a>\n      <ng-template #noHref>\n        <a seamMenuItem\n          class=\"list-group-item list-group-item-action py-1\"\n          [disabled]=\"item.disabled\"\n          [queryParams]=\"item.queryParams\"\n          [fragment]=\"$any(item.fragment)\"\n          [queryParamsHandling]=\"item.queryParamsHandling\"\n          [preserveFragment]=\"$any(item.preserveFragment)\"\n          [skipLocationChange]=\"$any(item.skipLocationChange)\"\n          [replaceUrl]=\"$any(item.replaceUrl)\"\n          [state]=\"$any(item.state)\"\n          [routerLink]=\"item.routerLink\"\n          [target]=\"$any(item.target)\"\n          (click)=\"activateItem($event, item)\">\n          {{ item.label }}\n        </a>\n      </ng-template>\n    </ng-container>\n    <ng-template #noRouterLink>\n      <button seamMenuItem\n        type=\"button\"\n        class=\"list-group-item list-group-item-action py-1\"\n        [disabled]=\"item.disabled\"\n        (click)=\"activateItem($event, item)\">\n        {{ item.label }}\n      </button>\n    </ng-template>\n  </ng-container>\n</seam-menu>\n\n<button type=\"button\" class=\"datatable-action-button btn\"\n  [seamMenuToggle]=\"menu\"\n  [positions]=\"_actionMenuPositions || []\"\n  title=\"Row Actions\">\n  <seam-icon [icon]=\"faEllipsisH\"></seam-icon>\n</button>\n",
-                    styles: [":host{display:block;position:relative}.datatable-action-button::ng-deep .svg-inline--fa{vertical-align:middle}\n"]
-                },] }
-    ];
-    DatatableActionMenuComponent.ctorParameters = function () { return [
-        { type: confirmDialog.SeamConfirmDialogService },
-        { type: router.Router }
-    ]; };
-    DatatableActionMenuComponent.propDecorators = {
-        items: [{ type: i0.ContentChildren, args: [DatatableActionMenuItemComponent,] }]
-    };
-
-    var DatatableCellTplDirective = /** @class */ (function () {
-        function DatatableCellTplDirective(template) {
-            this.template = template;
-        }
-        return DatatableCellTplDirective;
-    }());
-    DatatableCellTplDirective.decorators = [
-        { type: i0.Directive, args: [{
-                    selector: '[seamDatatableCellTpl]'
-                },] }
-    ];
-    DatatableCellTplDirective.ctorParameters = function () { return [
-        { type: i0.TemplateRef }
-    ]; };
-
-    var DatatableColumnChangesService = /** @class */ (function () {
-        function DatatableColumnChangesService() {
-            this.columnInputChanges = new rxjs.Subject();
-        }
-        Object.defineProperty(DatatableColumnChangesService.prototype, "columnInputChanges$", {
-            get: function () {
-                return this.columnInputChanges.asObservable();
-            },
-            enumerable: false,
-            configurable: true
-        });
-        DatatableColumnChangesService.prototype.onInputChange = function () {
-            this.columnInputChanges.next(undefined);
-        };
-        return DatatableColumnChangesService;
-    }());
-    DatatableColumnChangesService.decorators = [
-        { type: i0.Injectable }
-    ];
-
-    // TODO: The column component should implement `ITheSeamDatatableColumn`, since
-    // providing some properties by input and some by template could be confusing.
-    var DatatableColumnComponent = /** @class */ (function () {
-        // @Input('headerTemplate')
-        // _headerTemplateInput: TemplateRef<any>;
-        // @ContentChild(DataTableColumnHeaderDirective, { read: TemplateRef, static: true })
-        // _headerTemplateQuery: TemplateRef<any>;
-        // get headerTemplate(): TemplateRef<any> {
-        //   return this._headerTemplateInput || this._headerTemplateQuery;
-        // }
-        // @Input('treeToggleTemplate')
-        // _treeToggleTemplateInput: TemplateRef<any>;
-        // @ContentChild(DataTableColumnCellTreeToggle, { read: TemplateRef, static: true })
-        // _treeToggleTemplateQuery: TemplateRef<any>;
-        // get treeToggleTemplate(): TemplateRef<any> {
-        //   return this._treeToggleTemplateInput || this._treeToggleTemplateQuery;
-        // }
-        function DatatableColumnComponent(_columnChangesService) {
-            this._columnChangesService = _columnChangesService;
-            this._isFirstChange = true;
-        }
-        Object.defineProperty(DatatableColumnComponent.prototype, "cellTemplate", {
-            get: function () {
-                return this._cellTemplateInput || this._cellTemplateQuery;
-            },
-            enumerable: false,
-            configurable: true
-        });
-        DatatableColumnComponent.prototype.ngOnInit = function () { };
-        DatatableColumnComponent.prototype.ngOnChanges = function (changes) {
-            if (this._isFirstChange) {
-                this._isFirstChange = false;
-            }
-            else {
-                this._columnChangesService.onInputChange();
-            }
-        };
-        DatatableColumnComponent.prototype.getCellDirective = function () {
-            if (this.cellTplDirective) {
-                return this.cellTplDirective;
-            }
-            return null;
-        };
-        return DatatableColumnComponent;
-    }());
-    DatatableColumnComponent.decorators = [
-        { type: i0.Component, args: [{
-                    selector: 'seam-datatable-column',
-                    template: "<p>\n  datatable-column works!\n</p>\n",
-                    styles: [""]
-                },] }
-    ];
-    DatatableColumnComponent.ctorParameters = function () { return [
-        { type: DatatableColumnChangesService }
-    ]; };
-    DatatableColumnComponent.propDecorators = {
-        name: [{ type: i0.Input }],
-        prop: [{ type: i0.Input }],
-        flexGrow: [{ type: i0.Input }],
-        minWidth: [{ type: i0.Input }],
-        maxWidth: [{ type: i0.Input }],
-        width: [{ type: i0.Input }],
-        resizeable: [{ type: i0.Input }],
-        sortable: [{ type: i0.Input }],
-        draggable: [{ type: i0.Input }],
-        canAutoResize: [{ type: i0.Input }],
-        comparator: [{ type: i0.Input }],
-        headerTemplate: [{ type: i0.Input }],
-        checkboxable: [{ type: i0.Input }],
-        headerCheckboxable: [{ type: i0.Input }],
-        headerClass: [{ type: i0.Input }],
-        cellClass: [{ type: i0.Input }],
-        frozenLeft: [{ type: i0.Input }],
-        frozenRight: [{ type: i0.Input }],
-        pipe: [{ type: i0.Input }],
-        isTreeColumn: [{ type: i0.Input }],
-        treeLevelIndent: [{ type: i0.Input }],
-        summaryFunc: [{ type: i0.Input }],
-        summaryTemplate: [{ type: i0.Input }],
-        hidden: [{ type: i0.Input }],
-        cellTplDirective: [{ type: i0.ContentChild, args: [DatatableCellTplDirective, { static: true },] }],
-        _cellTemplateInput: [{ type: i0.Input, args: ['cellTemplate',] }],
-        _cellTemplateQuery: [{ type: i0.ContentChild, args: [DatatableCellTplDirective, { read: i0.TemplateRef, static: true },] }]
-    };
-
-    var DatatableFooterTplDirective = /** @class */ (function () {
-        function DatatableFooterTplDirective(template) {
-            this.template = template;
-        }
-        return DatatableFooterTplDirective;
-    }());
-    DatatableFooterTplDirective.decorators = [
-        { type: i0.Directive, args: [{
-                    selector: '[seamDatatableFooterTpl]'
-                },] }
-    ];
-    DatatableFooterTplDirective.ctorParameters = function () { return [
-        { type: i0.TemplateRef }
-    ]; };
-
-    var TheSeamDatatableFooterDirective = /** @class */ (function () {
-        function TheSeamDatatableFooterDirective() {
-        }
-        Object.defineProperty(TheSeamDatatableFooterDirective.prototype, "template", {
-            get: function () {
-                return this._templateInput || this._templateQuery;
-            },
-            enumerable: false,
-            configurable: true
-        });
-        return TheSeamDatatableFooterDirective;
-    }());
-    TheSeamDatatableFooterDirective.decorators = [
-        { type: i0.Directive, args: [{
-                    // tslint:disable-next-line: directive-selector
-                    selector: 'seam-datatable-footer'
-                },] }
-    ];
-    TheSeamDatatableFooterDirective.propDecorators = {
-        _templateInput: [{ type: i0.Input, args: ['template',] }],
-        _templateQuery: [{ type: i0.ContentChild, args: [DatatableFooterTplDirective, { read: i0.TemplateRef, static: true },] }]
-    };
-
-    var DatatableFilterDirective = /** @class */ (function () {
-        function DatatableFilterDirective(dataFilters) {
-            if (dataFilters && dataFilters.length > 0) {
-                this._filter = dataFilters[0];
-            }
-        }
-        Object.defineProperty(DatatableFilterDirective.prototype, "filter", {
-            get: function () {
-                return this._filter;
-            },
-            enumerable: false,
-            configurable: true
-        });
-        return DatatableFilterDirective;
-    }());
-    DatatableFilterDirective.decorators = [
-        { type: i0.Directive, args: [{
-                    selector: '[seamDatatableFilter]'
-                },] }
-    ];
-    DatatableFilterDirective.ctorParameters = function () { return [
-        { type: Array, decorators: [{ type: i0.Self }, { type: i0.Inject, args: [dataFilters.THESEAM_DATA_FILTER,] }] }
-    ]; };
-
-    var _THESEAM_DATA_FILTER_CONTAINER = {
-        provide: dataFilters.THESEAM_DATA_FILTER_CONTAINER,
-        // tslint:disable-next-line:no-use-before-declare
-        useExisting: i0.forwardRef(function () { return DatatableMenuBarComponent; })
-    };
-    var DatatableMenuBarComponent = /** @class */ (function () {
-        function DatatableMenuBarComponent() {
-            this._filtersArr = [];
-            this.filtersChanged = new i0.EventEmitter();
-        }
-        Object.defineProperty(DatatableMenuBarComponent.prototype, "filterDirectives", {
-            get: function () {
-                return this._filterDirectives;
-            },
-            set: function (value) {
-                this._filterDirectives = value;
-                this.filtersChanged.emit(this.filters());
-            },
-            enumerable: false,
-            configurable: true
-        });
-        DatatableMenuBarComponent.prototype.ngOnInit = function () { };
-        DatatableMenuBarComponent.prototype.ngAfterViewInit = function () {
-            // console.log('_filterDirectives', this._filterDirectives, this.filters())
-        };
-        DatatableMenuBarComponent.prototype.filters = function () {
-            var fDirectives = this._filterDirectives
-                ? this._filterDirectives.map(function (f) { return f.filter; }).filter(utils.notNullOrUndefined)
-                : [];
-            var fArr = this._filtersArr
-                .filter(function (f) { return fDirectives.findIndex(function (fd) { return fd.uid === f.uid; }) === -1; });
-            return __spreadArray(__spreadArray([], __read(fArr)), __read(fDirectives));
-        };
-        DatatableMenuBarComponent.prototype.addFilter = function (dataFilter) {
-            this._filtersArr.push(dataFilter);
-            this.filtersChanged.emit(this.filters());
-        };
-        DatatableMenuBarComponent.prototype.removeFilter = function (dataFilter) {
-            this._filtersArr = this._filtersArr.filter(function (f) { return f !== dataFilter; });
-            this.filtersChanged.emit(this.filters());
-        };
-        return DatatableMenuBarComponent;
-    }());
-    DatatableMenuBarComponent.decorators = [
-        { type: i0.Component, args: [{
-                    selector: 'seam-datatable-menu-bar',
-                    template: "<div class=\"bg-light border rounded p-2\">\n  <ng-content></ng-content>\n</div>\n",
-                    providers: [_THESEAM_DATA_FILTER_CONTAINER],
-                    styles: [":host{display:block}\n"]
-                },] }
-    ];
-    DatatableMenuBarComponent.ctorParameters = function () { return []; };
-    DatatableMenuBarComponent.propDecorators = {
-        filterDirectives: [{ type: i0.ContentChildren, args: [DatatableFilterDirective,] }]
-    };
-
-    var DatatableRowDetailTplDirective = /** @class */ (function () {
-        function DatatableRowDetailTplDirective(template) {
-            this.template = template;
-        }
-        return DatatableRowDetailTplDirective;
-    }());
-    DatatableRowDetailTplDirective.decorators = [
-        { type: i0.Directive, args: [{
-                    selector: '[seamDatatableRowDetailTpl]'
-                },] }
-    ];
-    DatatableRowDetailTplDirective.ctorParameters = function () { return [
-        { type: i0.TemplateRef }
-    ]; };
-
-    var TheSeamDatatableRowDetailDirective = /** @class */ (function () {
-        function TheSeamDatatableRowDetailDirective() {
-            /**
-             * The detail row height is required especially
-             * when virtual scroll is enabled.
-             */
-            this.rowHeight = 0;
-            /**
-             * Row detail row visbility was toggled.
-             */
-            // NOTE: This will trigger from the internal ngx-datatable toggle event.
-            this.toggle = new i0.EventEmitter();
-            /**
-             * Internal use for wrapper only.
-             *
-             * To avoid confusion with this directives output and the ngx-datatable
-             * directive being wrapped, this directive emits `_toggle` stream to the
-             * `ngx-datatable-row-detail` directive and emits it's `toggle` stream out to
-             * this directives `toggle` stream.
-             * @ignore
-             */
-            this._toggle = new i0.EventEmitter();
-        }
-        Object.defineProperty(TheSeamDatatableRowDetailDirective.prototype, "template", {
-            get: function () {
-                return this._templateInput || this._templateQuery;
-            },
-            enumerable: false,
-            configurable: true
-        });
-        /**
-         * Toggle the expansion of the row
-         */
-        TheSeamDatatableRowDetailDirective.prototype.toggleExpandRow = function (row) {
-            this._toggle.emit({
-                type: 'row',
-                value: row
-            });
-        };
-        /**
-         * API method to expand all the rows.
-         */
-        TheSeamDatatableRowDetailDirective.prototype.expandAllRows = function () {
-            this._toggle.emit({
-                type: 'all',
-                value: true
-            });
-        };
-        /**
-         * API method to collapse all the rows.
-         */
-        TheSeamDatatableRowDetailDirective.prototype.collapseAllRows = function () {
-            this._toggle.emit({
-                type: 'all',
-                value: false
-            });
-        };
-        return TheSeamDatatableRowDetailDirective;
-    }());
-    TheSeamDatatableRowDetailDirective.decorators = [
-        { type: i0.Directive, args: [{
-                    // tslint:disable-next-line: directive-selector
-                    selector: 'seam-datatable-row-detail'
-                },] }
-    ];
-    TheSeamDatatableRowDetailDirective.propDecorators = {
-        rowHeight: [{ type: i0.Input }],
-        _templateInput: [{ type: i0.Input, args: ['template',] }],
-        _templateQuery: [{ type: i0.ContentChild, args: [DatatableRowDetailTplDirective, { read: i0.TemplateRef, static: true },] }],
-        toggle: [{ type: i0.Output }]
-    };
-
-    var DatatableRowActionItemDirective = /** @class */ (function () {
-        function DatatableRowActionItemDirective(template) {
-            this.template = template;
-        }
-        return DatatableRowActionItemDirective;
-    }());
-    DatatableRowActionItemDirective.decorators = [
-        { type: i0.Directive, args: [{
-                    selector: '[seamDatatableRowActionItem]'
-                },] }
-    ];
-    DatatableRowActionItemDirective.ctorParameters = function () { return [
-        { type: i0.TemplateRef }
-    ]; };
-
-    var DatatableDataSource = /** @class */ (function (_super) {
-        __extends(DatatableDataSource, _super);
-        function DatatableDataSource() {
-            var _this = _super.call(this) || this;
-            _this._datatableSubject = new rxjs.BehaviorSubject(undefined);
-            _this.sorts$ = _this._datatableSubject.pipe(operators.switchMap(function (_datatable) {
-                if (!_datatable) {
-                    return rxjs.of([]);
-                }
-                return _datatable.sort.pipe(operators.map(function (v) { return v.sorts; }), operators.startWith(_datatable.sorts));
-            }));
-            _this.filterStates$ = _this._datatableSubject.pipe(operators.switchMap(function (_datatable) {
-                if (!_datatable) {
-                    return rxjs.of([]);
-                }
-                return _datatable.filterStates;
-            }));
-            _this.page$ = _this._datatableSubject.pipe(operators.switchMap(function (_datatable) {
-                if (!_datatable) {
-                    return rxjs.of({
-                        offset: 0,
-                        pageSize: 0,
-                        limit: undefined,
-                        count: 0
-                    });
-                }
-                return _datatable.page.pipe(operators.startWith(_datatable.pageInfo));
-            }));
-            return _this;
-        }
-        // connect(): Observable<readonly TRow[]> {
-        //   return this.
-        // }
-        // disconnect(): void {
-        //   throw new Error('Method not implemented.')
-        // }
-        DatatableDataSource.prototype.setDatatableAccessor = function (accessor) {
-            this._datatableSubject.next(accessor);
-        };
-        return DatatableDataSource;
-    }(collections.DataSource));
-
-    var ACTION_MENU_COLUMN_PROP = '$$__actionMenu__';
-    function createActionMenuColumn(cellTemplate, headerTemplate, frozenLeft, frozenRight) {
-        return {
-            prop: ACTION_MENU_COLUMN_PROP,
-            name: '',
-            width: 50,
-            minWidth: 50,
-            maxWidth: 50,
-            resizeable: false,
-            sortable: false,
-            draggable: false,
-            // TODO: Fix column auto sizing with fixed column and cell overlay before enabling.
-            frozenLeft: frozenLeft,
-            frozenRight: frozenRight,
-            cellTemplate: cellTemplate,
-            headerTemplate: headerTemplate,
-        };
-    }
-
-    var CHECKBOX_COLUMN_PROP = '$$__checkbox__';
-    function createCheckboxColumn() {
-        return {
-            prop: CHECKBOX_COLUMN_PROP,
-            name: '',
-            width: 40,
-            sortable: false,
-            canAutoResize: false,
-            draggable: false,
-            resizeable: false,
-            headerCheckboxable: true,
-            checkboxable: true,
-        };
-    }
-
-    function getColumnProp(col) {
-        if (!utils.notNullOrUndefined(col.prop) && col.name) {
-            return ngxDatatable.camelCase(col.name);
-        }
-        return col.prop === null ? undefined : col.prop;
-    }
-
-    function setColumnDefaults(columns) {
-        var e_1, _a;
-        try {
-            for (var columns_1 = __values(columns), columns_1_1 = columns_1.next(); !columns_1_1.done; columns_1_1 = columns_1.next()) {
-                var column = columns_1_1.value;
-                if (!column.hasOwnProperty('hidden')) {
-                    column.hidden = false;
-                }
-            }
-        }
-        catch (e_1_1) { e_1 = { error: e_1_1 }; }
-        finally {
-            try {
-                if (columns_1_1 && !columns_1_1.done && (_a = columns_1.return)) _a.call(columns_1);
-            }
-            finally { if (e_1) throw e_1.error; }
-        }
-        ngxDatatable.setColumnDefaults(columns);
-    }
-
-    // TODO: Replace with a `translateTemplates` function that fits the
-    // wrapper component better.
-    function translateTemplateColumns(v) {
-        var e_1, _a;
-        var cols = ngxDatatable.translateTemplates(v);
-        try {
-            for (var cols_1 = __values(cols), cols_1_1 = cols_1.next(); !cols_1_1.done; cols_1_1 = cols_1.next()) {
-                var col = cols_1_1.value;
-                col.prop = getColumnProp(col);
-            }
-        }
-        catch (e_1_1) { e_1 = { error: e_1_1 }; }
-        finally {
-            try {
-                if (cols_1_1 && !cols_1_1.done && (_a = cols_1.return)) _a.call(cols_1);
-            }
-            finally { if (e_1) throw e_1.error; }
-        }
-        return cols;
-    }
-
-    var ColumnsTypes;
-    (function (ColumnsTypes) {
-        ColumnsTypes[ColumnsTypes["Input"] = 0] = "Input";
-        ColumnsTypes[ColumnsTypes["Template"] = 1] = "Template";
-        ColumnsTypes[ColumnsTypes["Result"] = 2] = "Result";
-    })(ColumnsTypes || (ColumnsTypes = {}));
-    var ColumnsManagerService = /** @class */ (function () {
-        function ColumnsManagerService(_differs, _columnChangesService) {
-            var _this = this;
-            this._differs = _differs;
-            this._columnChangesService = _columnChangesService;
-            this._updateColumns = new rxjs.Subject();
-            this._inputColumns = new rxjs.BehaviorSubject([]);
-            this._templateColumns = new rxjs.BehaviorSubject([]);
-            this._inpColDiffersMap = new Map();
-            this._tplColDiffersMap = new Map();
-            this._resultColDiffersMap = new Map();
-            var templateColumns$ = this._columnChangesService.columnInputChanges$.pipe(operators.startWith(undefined), operators.switchMap(function () {
-                return _this._templateColumns.asObservable().pipe(operators.map(translateTemplateColumns));
-            }));
-            this.columns$ = rxjs.defer(function () {
-                var isFirst = true;
-                return rxjs.combineLatest([
-                    _this._inputColumns.asObservable(),
-                    templateColumns$,
-                    _this._updateColumns.asObservable().pipe(operators.auditTime(0), operators.startWith(undefined))
-                ]).pipe(operators.switchMap(function (_a) {
-                    var _b = __read(_a, 2), inputColumns = _b[0], templateColumns = _b[1];
-                    var cols = _this._mergeColumns(inputColumns, templateColumns);
-                    var hasColumnsChanged = _this._hasColumnsChanged(cols);
-                    // TODO: Look for columns added/removed and remove the removed columns
-                    // differs, not just changes to columns.
-                    var hasAddedOrRemovedColumns = _this._hasAddedOrRemovedColumns(cols);
-                    // NOTE: Both checks need to be run, even though only one needs to be
-                    // true, because their differs need to be called.
-                    if (hasColumnsChanged || hasAddedOrRemovedColumns || isFirst) {
-                        isFirst = false;
-                        return rxjs.of(cols);
-                    }
-                    return rxjs.EMPTY;
-                }));
-            }).pipe(operators.shareReplay({ refCount: true, bufferSize: 1 }));
-        }
-        ColumnsManagerService.prototype.setInputColumns = function (columns) {
-            this._inputColumns.next(columns);
-        };
-        ColumnsManagerService.prototype.setTemplateColumns = function (columns) {
-            this._templateColumns.next(columns);
-        };
-        ColumnsManagerService.prototype.setInternalColumnsGetter = function (getter) {
-            this._internalColumnsGetter = getter || undefined;
-            this._updateColumns.next(undefined);
-        };
-        ColumnsManagerService.prototype.setSelectionType = function (selectionType) {
-            var changed = this._selectionType !== selectionType;
-            this._selectionType = selectionType;
-            if (changed) {
-                this._updateColumns.next(undefined);
-            }
-        };
-        ColumnsManagerService.prototype.getSelectionType = function () {
-            return this._selectionType;
-        };
-        ColumnsManagerService.prototype.setRowActionItem = function (rowActionItem) {
-            var changed = this._rowActionItem !== rowActionItem;
-            this._rowActionItem = rowActionItem;
-            if (changed) {
-                this._updateColumns.next(undefined);
-            }
-        };
-        ColumnsManagerService.prototype.setActionItemColumnPosition = function (actionItemColumnPosition) {
-            var changed = this._actionItemColumnPosition !== actionItemColumnPosition;
-            this._actionItemColumnPosition = actionItemColumnPosition;
-            if (changed) {
-                this._updateColumns.next(undefined);
-            }
-        };
-        ColumnsManagerService.prototype.setActionMenuCellTpl = function (actionMenuCellTpl) {
-            var changed = this._actionMenuCellTpl !== actionMenuCellTpl;
-            this._actionMenuCellTpl = actionMenuCellTpl;
-            if (changed) {
-                this._updateColumns.next(undefined);
-            }
-        };
-        ColumnsManagerService.prototype.setBlankHeaderTpl = function (blankHeaderTpl) {
-            var changed = this._blankHeaderTpl !== blankHeaderTpl;
-            this._blankHeaderTpl = blankHeaderTpl;
-            if (changed) {
-                this._updateColumns.next(undefined);
-            }
-        };
-        ColumnsManagerService.prototype.setTreeToggleTpl = function (treeToggleTpl) {
-            var changed = this._treeToggleTpl !== treeToggleTpl;
-            this._treeToggleTpl = treeToggleTpl;
-            if (changed) {
-                this._updateColumns.next(undefined);
-            }
-        };
-        ColumnsManagerService.prototype.setHeaderTpl = function (headerTpl) {
-            var changed = this._headerTpl !== headerTpl;
-            this._headerTpl = headerTpl;
-            if (changed) {
-                this._updateColumns.next(undefined);
-            }
-        };
-        ColumnsManagerService.prototype.setCellTypeSelectorTpl = function (cellTypeSelectorTpl) {
-            var changed = this._cellTypeSelectorTpl !== cellTypeSelectorTpl;
-            this._cellTypeSelectorTpl = cellTypeSelectorTpl;
-            if (changed) {
-                this._updateColumns.next(undefined);
-            }
-        };
-        ColumnsManagerService.prototype._mergeColumns = function (inputColumns, templateColumns) {
-            var e_1, _a;
-            var cols = [];
-            // Add the first column checkbox if 'checkbox' selection is enabled.
-            if (this._shouldAddCheckboxColumn()) {
-                cols.push(createCheckboxColumn());
-            }
-            try {
-                // Column needs to be provided in the inputColumns, so iterate the
-                // inputColumns.
-                for (var inputColumns_1 = __values(inputColumns), inputColumns_1_1 = inputColumns_1.next(); !inputColumns_1_1.done; inputColumns_1_1 = inputColumns_1.next()) {
-                    var inpCol = inputColumns_1_1.value;
-                    var prop = getColumnProp(inpCol);
-                    if (!utils.notNullOrUndefined(prop)) {
-                        throw Error("Column may have 'prop' or 'name' defined.");
-                    }
-                    var internalCol = this._getInternalColumn(prop);
-                    var inpColDif = this._getColDif(inpCol, ColumnsTypes.Input);
-                    if (utils.notNullOrUndefined(inpColDif)) {
-                        this._updateColDif(inpColDif, internalCol, inpCol);
-                    }
-                    var tplCol = this._findColumnByProp(prop, templateColumns);
-                    if (tplCol !== undefined) {
-                        var tplColDif = this._getColDif(tplCol, ColumnsTypes.Template);
-                        if (utils.notNullOrUndefined(tplColDif)) {
-                            this._updateColDif(tplColDif, internalCol, tplCol);
-                        }
-                    }
-                    var _col = Object.assign(Object.assign(Object.assign({}, (internalCol || {})), inpCol), (tplCol || {}));
-                    if (this._shouldAddTreeToggleColumn(_col)) {
-                        _col.treeToggleTemplate = this._treeToggleTpl;
-                    }
-                    if (this._shouldAddHeaderTemplate(_col)) {
-                        _col.headerTemplate = this._headerTpl;
-                    }
-                    if (this._shouldAddCellTypeSelectorTpl(_col)) {
-                        _col.cellTemplate = this._cellTypeSelectorTpl;
-                    }
-                    cols.push(_col);
-                }
-            }
-            catch (e_1_1) { e_1 = { error: e_1_1 }; }
-            finally {
-                try {
-                    if (inputColumns_1_1 && !inputColumns_1_1.done && (_a = inputColumns_1.return)) _a.call(inputColumns_1);
-                }
-                finally { if (e_1) throw e_1.error; }
-            }
-            if (this._shouldAddRowActionColumn()) {
-                cols.push(createActionMenuColumn(this._actionMenuCellTpl, this._blankHeaderTpl, this._rowActionColumnIsFrozenLeft(), this._rowActionColumnIsFrozenRight()));
-            }
-            // Make sure the default for any missing props are set.
-            // TODO: Determine if this should be done earlier, because I don't like
-            // how this is done after dif checks.
-            setColumnDefaults(cols);
-            return cols;
-        };
-        ColumnsManagerService.prototype._getInternalColumns = function () {
-            if (this._internalColumnsGetter === undefined) {
-                return undefined;
-            }
-            return this._internalColumnsGetter();
-        };
-        ColumnsManagerService.prototype._getInternalColumn = function (prop) {
-            var internalCols = this._getInternalColumns();
-            if (internalCols === undefined) {
-                return undefined;
-            }
-            return internalCols.find(function (c) { return getColumnProp(c) === prop; });
-        };
-        ColumnsManagerService.prototype._findColumnByProp = function (prop, columns) {
-            return columns.find(function (c) { return getColumnProp(c) === prop; });
-        };
-        ColumnsManagerService.prototype._getDifMapForColumnsType = function (columnsType) {
-            switch (columnsType) {
-                case ColumnsTypes.Input: return this._inpColDiffersMap;
-                case ColumnsTypes.Template: return this._tplColDiffersMap;
-                case ColumnsTypes.Result: return this._resultColDiffersMap;
-            }
-        };
-        ColumnsManagerService.prototype._getColumnDiffer = function (prop, colsType) {
-            var difMap = this._getDifMapForColumnsType(colsType);
-            if (difMap === null) {
-                throw Error("Invalid columns type.");
-            }
-            if (!difMap.has(prop)) {
-                difMap.set(prop, this._differs.find({}).create());
-            }
-            var differ = difMap.get(prop);
-            if (differ === undefined) {
-                throw Error("Differ not found. New differ should have been created.");
-            }
-            return differ;
-        };
-        ColumnsManagerService.prototype._getColDif = function (col, colsType) {
-            var prop = getColumnProp(col);
-            if (prop === undefined) {
-                throw Error("Column prop not found.");
-            }
-            return this._getColumnDiffer(prop, colsType).diff(col);
-        };
-        ColumnsManagerService.prototype._updateColDif = function (colDif, internalColumn, col) {
-            colDif.forEachRemovedItem(function (r) {
-                if (internalColumn && internalColumn.hasOwnProperty(r.key)) {
-                    var k = r.key;
-                    delete internalColumn[k];
-                }
-            });
-            colDif.forEachAddedItem(function (r) { return col[r.key] = r.currentValue; });
-            colDif.forEachChangedItem(function (r) { return col[r.key] = r.currentValue; });
-        };
-        ColumnsManagerService.prototype._hasAddedOrRemovedColumns = function (columns) {
-            if (!this._colPropsDiffer) {
-                this._colPropsDiffer = this._differs.find([]).create();
-            }
-            var props = columns.map(function (c) { return getColumnProp(c); });
-            return this._colPropsDiffer.diff(props) !== null;
-        };
-        ColumnsManagerService.prototype._hasColumnsChanged = function (columns) {
-            var e_2, _a;
-            var colChanged = false;
-            try {
-                for (var columns_1 = __values(columns), columns_1_1 = columns_1.next(); !columns_1_1.done; columns_1_1 = columns_1.next()) {
-                    var col = columns_1_1.value;
-                    var resultDif = this._getColDif(col, ColumnsTypes.Result);
-                    if (resultDif) {
-                        // NOTE: Can't return early, because the differs need to be updated.
-                        colChanged = true;
-                    }
-                }
-            }
-            catch (e_2_1) { e_2 = { error: e_2_1 }; }
-            finally {
-                try {
-                    if (columns_1_1 && !columns_1_1.done && (_a = columns_1.return)) _a.call(columns_1);
-                }
-                finally { if (e_2) throw e_2.error; }
-            }
-            return colChanged;
-        };
-        ColumnsManagerService.prototype._shouldAddCheckboxColumn = function () {
-            return this._selectionType === ngxDatatable.SelectionType.checkbox;
-        };
-        ColumnsManagerService.prototype._shouldAddRowActionColumn = function () {
-            return this._rowActionItem !== undefined;
-        };
-        ColumnsManagerService.prototype._rowActionColumnIsFrozenLeft = function () {
-            return this._actionItemColumnPosition === 'frozenLeft';
-        };
-        ColumnsManagerService.prototype._rowActionColumnIsFrozenRight = function () {
-            return this._actionItemColumnPosition === 'frozenRight';
-        };
-        ColumnsManagerService.prototype._shouldAddTreeToggleColumn = function (column) {
-            return column.isTreeColumn !== undefined && column.isTreeColumn &&
-                (!utils.hasProperty(column, 'treeToggleTemplate') || !utils.notNullOrUndefined(column.treeToggleTemplate));
-        };
-        ColumnsManagerService.prototype._shouldAddHeaderTemplate = function (column) {
-            return !utils.hasProperty(column, 'headerTemplate');
-        };
-        ColumnsManagerService.prototype._shouldAddCellTypeSelectorTpl = function (column) {
-            return utils.hasProperty(column, 'cellType');
-        };
-        return ColumnsManagerService;
-    }());
-    ColumnsManagerService.decorators = [
-        { type: i0.Injectable }
-    ];
-    ColumnsManagerService.ctorParameters = function () { return [
-        { type: i0.KeyValueDiffers },
-        { type: DatatableColumnChangesService }
-    ]; };
-
-    var CURRENT_DATATABLE_PREFERENCES_VERSION = 2;
-    var EMPTY_DATATABLE_PREFERENCES = {
-        version: 2,
-        alterations: []
-    };
-
-    var THESEAM_DATATABLE_PREFERENCES_ACCESSOR = new i0.InjectionToken('TheSeamDatatablePreferencesAccessor');
-
-    // TODO: Add per key status
-    var DatatablePreferencesService = /** @class */ (function () {
-        function DatatablePreferencesService(_prefsAccessor) {
-            this._prefsAccessor = _prefsAccessor;
-            this._tablePrefsMap = new Map();
-            this._pending = false;
-            this._loaded = false;
-        }
-        Object.defineProperty(DatatablePreferencesService.prototype, "pending", {
-            get: function () { return this._pending; },
-            enumerable: false,
-            configurable: true
-        });
-        Object.defineProperty(DatatablePreferencesService.prototype, "loaded", {
-            get: function () { return this._loaded; },
-            enumerable: false,
-            configurable: true
-        });
-        DatatablePreferencesService.prototype.preferences = function (preferenceKey) {
-            var prefs = this._tablePrefsMap.get(preferenceKey);
-            if (!prefs) {
-                var refreshSubject = new rxjs.Subject();
-                prefs = {
-                    observable: this._createObservable(refreshSubject, preferenceKey),
-                    refresh: refreshSubject
-                };
-                this._tablePrefsMap.set(preferenceKey, prefs);
-            }
-            return prefs.observable;
-        };
-        DatatablePreferencesService.prototype._createObservable = function (refreshSubject, prefKey) {
-            var _this = this;
-            if (!this._prefsAccessor) {
-                return rxjs.of(EMPTY_DATATABLE_PREFERENCES);
-            }
-            var accessor = function (key) { return _this._prefsAccessor ? _this._prefsAccessor.get(key) : rxjs.of(JSON.stringify(EMPTY_DATATABLE_PREFERENCES)); };
-            return refreshSubject.pipe(operators.startWith(undefined), operators.switchMap(function () { return accessor(prefKey).pipe(operators.map(function (v) {
-                if (!v) {
-                    return null;
-                }
-                // TODO: Add a schema validator and migration tool to avoid parsing issues.
-                try {
-                    // return JSON.parse(v) as TheSeamDatatablePreferences
-                    return _this._descerializePreferences(v);
-                }
-                catch (error) {
-                    if (i0.isDevMode()) {
-                        console.error(error);
-                    }
-                    return null;
-                }
-            }), operators.map(function (v) { return utils.notNullOrUndefined(v) ? v : EMPTY_DATATABLE_PREFERENCES; }), 
-            // tap(v => console.log('preferences$', v)),
-            operators.tap(function () {
-                _this._pending = false;
-                _this._loaded = true;
-            })); }), operators.shareReplay({ bufferSize: 1, refCount: true }));
-        };
-        DatatablePreferencesService.prototype.refresh = function (preferenceKey) {
-            var prefs = this._tablePrefsMap.get(preferenceKey);
-            if (prefs) {
-                this._pending = true;
-                prefs.refresh.next();
-            }
-        };
-        // TODO: Improve this updating to be more generic, so we can quickly add
-        // edits for different preference schema's.
-        //
-        // TODO: Decide if a send queue/merging of pending queue is needed to avoid
-        // out of order updates. This shouldn't be an issue, with how fast preferences
-        // will most likely be changing, but it could happen in situations, such as
-        // network issues.
-        // public setColumnPreference(preferenceKey: string, column: TheSeamDatatablePreferencesColumn): void {
-        //   if (!this._prefsAccessor) {
-        //     return
-        //   }
-        //   this._pending = true
-        //   this.preferences(preferenceKey).pipe(
-        //     map(prefs => {
-        //       // Making the preferences immutable may not be necessary, but for now
-        //       // this obj->str->obj will work as a naive clone.
-        //       const columns = JSON.parse(JSON.stringify(prefs.columns || []))
-        //       const _colPref = columns.find((c: any) => c.prop === column.prop)
-        //       // console.log('has', _colPref)
-        //       if (_colPref) {
-        //         // console.log('hasProperty(column, "width"))', hasProperty(column, 'width'))
-        //         if (hasProperty(column, 'width')) { _colPref.width = column.width }
-        //         if (hasProperty(column, 'canAutoResize')) { _colPref.canAutoResize = column.canAutoResize }
-        //         if (hasProperty(column, 'hidden')) { _colPref.hidden = column.hidden }
-        //       } else {
-        //         columns.push({ ...column })
-        //       }
-        //       const newPrefs: TheSeamDatatablePreferences = { ...prefs, columns }
-        //       return newPrefs
-        //     }),
-        //     // tap(v => console.log('newPrefs', v)),
-        //     take(1),
-        //     switchMap(newPrefs => this._prefsAccessor
-        //       ? this._prefsAccessor.update(preferenceKey, JSON.stringify(newPrefs))
-        //       : of(newPrefs)
-        //     ),
-        //     tap(() => this.refresh(preferenceKey))
-        //   )
-        //   .subscribe()
-        // }
-        DatatablePreferencesService.prototype.setAlterations = function (preferenceKey, alterations) {
-            var _this = this;
-            if (!this._prefsAccessor) {
-                return;
-            }
-            this._pending = true;
-            this.preferences(preferenceKey).pipe(operators.map(function (prefs) {
-                // Making the preferences immutable may not be necessary, but for now
-                // this obj->str->obj will work as a naive clone.
-                // const columns = JSON.parse(JSON.stringify(prefs.columns || []))
-                // const _colPref = columns.find((c: any) => c.prop === column.prop)
-                // // console.log('has', _colPref)
-                // if (_colPref) {
-                //   // console.log('hasProperty(column, "width"))', hasProperty(column, 'width'))
-                //   if (hasProperty(column, 'width')) { _colPref.width = column.width }
-                //   if (hasProperty(column, 'canAutoResize')) { _colPref.canAutoResize = column.canAutoResize }
-                //   if (hasProperty(column, 'hidden')) { _colPref.hidden = column.hidden }
-                // } else {
-                //   columns.push({ ...column })
-                // }
-                // const newPrefs: TheSeamDatatablePreferences = { ...prefs, columns }
-                // return newPrefs
-                var newPrefs = Object.assign(Object.assign({}, EMPTY_DATATABLE_PREFERENCES), { alterations: alterations });
-                return newPrefs;
-            }), 
-            // tap(v => console.log('newPrefs', v)),
-            operators.take(1), operators.switchMap(function (newPrefs) { return _this._prefsAccessor
-                ? _this._prefsAccessor.update(preferenceKey, JSON.stringify(newPrefs))
-                : rxjs.of(newPrefs); }), operators.tap(function () { return _this.refresh(preferenceKey); }))
-                .subscribe();
-        };
-        // public withColumnPreferences<T>(preferenceKey: string, columns: T[]): Observable<T[]> {
-        //   return this.preferences(preferenceKey).pipe(
-        //     startWith(EMPTY_DATATABLE_PREFERENCES),
-        //     map(preferences => preferences && preferences.columns
-        //       ? withStoredColumnInfo(columns, preferences.columns) as T[]
-        //       : columns
-        //     )
-        //   )
-        // }
-        DatatablePreferencesService.prototype._descerializePreferences = function (serialized) {
-            var prefs = JSON.parse(serialized);
-            // TODO: Implement migration
-            return prefs;
-        };
-        return DatatablePreferencesService;
-    }());
-    DatatablePreferencesService.ɵprov = i0__namespace.ɵɵdefineInjectable({ factory: function DatatablePreferencesService_Factory() { return new DatatablePreferencesService(i0__namespace.ɵɵinject(THESEAM_DATATABLE_PREFERENCES_ACCESSOR, 8)); }, token: DatatablePreferencesService, providedIn: "root" });
-    DatatablePreferencesService.decorators = [
-        { type: i0.Injectable, args: [{
-                    providedIn: 'root'
-                },] }
-    ];
-    DatatablePreferencesService.ctorParameters = function () { return [
-        { type: undefined, decorators: [{ type: i0.Optional }, { type: i0.Inject, args: [THESEAM_DATATABLE_PREFERENCES_ACCESSOR,] }] }
-    ]; };
-
-    var THESEAM_DATATABLE_ACCESSOR = new i0.InjectionToken('TheSeamDatatableAccessor');
-
-    function removeUnusedDiffs(cols, colDiffersInp, colDiffersTpl) {
-        var inpKeys = Object.keys(colDiffersInp);
-        inpKeys.filter(function (k) { return cols.findIndex(function (c) { return c.prop === k; }) === -1; })
-            .forEach(function (k) { delete colDiffersInp[k]; });
-        var tplKeys = Object.keys(colDiffersTpl);
-        tplKeys.filter(function (k) { return cols.findIndex(function (c) { return c.prop === k; }) === -1; })
-            .forEach(function (k) { delete colDiffersTpl[k]; });
-    }
-
-    /**
-     * Alteration applied to a column or columns that can be persisted.
-     *
-     * Tracking if a column was altered by user or library code can be confusing.
-     * This allows us to store a list of replayable alterations on columns. By
-     * having a defined way to implement alterations, the datatable should be easier
-     * to support external features that want to provide an alteration.
-     *
-     * NOTE: Current, to unapply an alteration you can create an alteration with
-     * `persistent` set to false and the alteration will be removed after `apply()`
-     * is called.
-     */
-    var ColumnsAlteration = /** @class */ (function () {
-        function ColumnsAlteration(
-        /**
-         * Persistable state.
-         *
-         * Returned value should be JSON stringifyable.
-         */
-        state, 
-        /**
-         * If false, the state will not be persisted to a persistent storage and
-         * will be removed after applied.
-         */
-        persistent) {
-            this.state = state;
-            this.persistent = persistent;
-            this.state = state;
-        }
-        ColumnsAlteration.prototype.toJSON = function () {
-            return {
-                id: this.id,
-                type: this.type,
-                state: this.state
-            };
-        };
-        return ColumnsAlteration;
-    }());
-
-    var HideColumnColumnsAlteration = /** @class */ (function (_super) {
-        __extends(HideColumnColumnsAlteration, _super);
-        function HideColumnColumnsAlteration(state, persistent) {
-            var _this = _super.call(this, state, persistent) || this;
-            _this.type = 'hide-column';
-            if (!_this._isValidState(state)) {
-                throw Error("Invalid state: " + JSON.stringify(state));
-            }
-            _this.id = _this.type + "--" + state.columnProp;
-            return _this;
-        }
-        HideColumnColumnsAlteration.prototype.apply = function (columns, datatable) {
-            var e_1, _a;
-            try {
-                for (var columns_1 = __values(columns), columns_1_1 = columns_1.next(); !columns_1_1.done; columns_1_1 = columns_1.next()) {
-                    var col = columns_1_1.value;
-                    var prop = getColumnProp(col);
-                    if (prop === this.state.columnProp) {
-                        col.hidden = this.state.hidden;
-                    }
-                }
-            }
-            catch (e_1_1) { e_1 = { error: e_1_1 }; }
-            finally {
-                try {
-                    if (columns_1_1 && !columns_1_1.done && (_a = columns_1.return)) _a.call(columns_1);
-                }
-                finally { if (e_1) throw e_1.error; }
-            }
-        };
-        HideColumnColumnsAlteration.prototype._isValidState = function (state) {
-            // NOTE: Checking null or undefined, even though the type doesn't allow,
-            // because the state may have been loaded from an invalid persistant
-            // storage.
-            // TODO: Remove when state validation/migration is implemented to happen
-            // when retrieved from storage.
-            if (!utils.notNullOrUndefined(state.columnProp)) {
-                return false;
-            }
-            // TODO: Remove when state validation/migration is implemented to happen
-            // when retrieved from storage.
-            if (!utils.notNullOrUndefined(state.hidden)) {
-                return false;
-            }
-            return true;
-        };
-        return HideColumnColumnsAlteration;
-    }(ColumnsAlteration));
-
-    var SortColumnsAlteration = /** @class */ (function (_super) {
-        __extends(SortColumnsAlteration, _super);
-        function SortColumnsAlteration(state, persistent) {
-            var _this = _super.call(this, state, persistent) || this;
-            _this.type = 'sort';
-            if (!_this._isValidState(state)) {
-                throw Error("Invalid state: " + JSON.stringify(state));
-            }
-            _this.id = "" + _this.type;
-            return _this;
-        }
-        SortColumnsAlteration.prototype.apply = function (columns, datatable) {
-            if (datatable.sortType === ngxDatatable.SortType.single) {
-                datatable.sorts = this.state.sorts.length > 0 ? [this.state.sorts[0]] : [];
-            }
-            else {
-                datatable.sorts = this.state.sorts;
-            }
-        };
-        SortColumnsAlteration.prototype._isValidState = function (state) {
-            // NOTE: Checking null or undefined, even though the type doesn't allow,
-            // because the state may have been loaded from an invalid persistant
-            // storage.
-            // TODO: Remove when state validation/migration is implemented to happen
-            // when retrieved from storage.
-            if (!utils.notNullOrUndefined(state.sorts)) {
-                return false;
-            }
-            return true;
-        };
-        return SortColumnsAlteration;
-    }(ColumnsAlteration));
-
-    var WidthColumnsAlteration = /** @class */ (function (_super) {
-        __extends(WidthColumnsAlteration, _super);
-        function WidthColumnsAlteration(state, persistent) {
-            var _this = _super.call(this, state, persistent) || this;
-            _this.type = 'width';
-            if (!_this._isValidState(state)) {
-                throw Error("Invalid state: " + JSON.stringify(state));
-            }
-            _this.id = _this.type + "--" + state.columnProp;
-            return _this;
-        }
-        WidthColumnsAlteration.prototype.apply = function (columns, datatable) {
-            var e_1, _a;
-            try {
-                for (var columns_1 = __values(columns), columns_1_1 = columns_1.next(); !columns_1_1.done; columns_1_1 = columns_1.next()) {
-                    var col = columns_1_1.value;
-                    var prop = getColumnProp(col);
-                    if (prop === this.state.columnProp) {
-                        col.canAutoResize = this.state.canAutoResize;
-                        if (utils.notNullOrUndefined(this.state.width)) {
-                            col.width = this.state.width;
-                        }
-                    }
-                }
-            }
-            catch (e_1_1) { e_1 = { error: e_1_1 }; }
-            finally {
-                try {
-                    if (columns_1_1 && !columns_1_1.done && (_a = columns_1.return)) _a.call(columns_1);
-                }
-                finally { if (e_1) throw e_1.error; }
-            }
-        };
-        WidthColumnsAlteration.prototype._isValidState = function (state) {
-            // NOTE: Checking null or undefined, even though the type doesn't allow,
-            // because the state may have been loaded from an invalid persistant
-            // storage.
-            // TODO: Remove when state validation/migration is implemented to happen
-            // when retrieved from storage.
-            if (!utils.notNullOrUndefined(state.columnProp)) {
-                return false;
-            }
-            // TODO: Remove when state validation/migration is implemented to happen
-            // when retrieved from storage.
-            if (!utils.notNullOrUndefined(state.canAutoResize)) {
-                return false;
-            }
-            return true;
-        };
-        return WidthColumnsAlteration;
-    }(ColumnsAlteration));
-
-    var ColumnsAlterationsManagerService = /** @class */ (function () {
-        function ColumnsAlterationsManagerService() {
-            this._changesSubject = new rxjs.Subject();
-            this._alterations = [];
-            this.changes = this._changesSubject.asObservable();
-        }
-        ColumnsAlterationsManagerService.prototype.get = function () {
-            return __spreadArray([], __read(this._alterations));
-        };
-        /**
-         * Adds alterations to be applied to columns.
-         *
-         * If an alteration with the same `id` already exists then the existing
-         * alteration will be removed and the new one added.
-         *
-         * NOTE: When there is a duplicate alteration the old alteration is removed,
-         * instead of updated, to maintain the order alterations are applied.
-         */
-        ColumnsAlterationsManagerService.prototype.add = function (alterations, options) {
-            // console.log('add', alterations)
-            var removed = this.remove(alterations, { emitEvent: false });
-            this._alterations = __spreadArray(__spreadArray([], __read(this._alterations)), __read(alterations));
-            var changes = __spreadArray(__spreadArray([], __read(removed)), __read(alterations.map(function (a) {
-                var record = {
-                    type: 'added',
-                    alteration: a
-                };
-                return record;
-            })));
-            if (utils.notNullOrUndefined(options === null || options === void 0 ? void 0 : options.emitEvent) && !(options === null || options === void 0 ? void 0 : options.emitEvent)) {
-                return changes;
-            }
-            this._emitChanges(changes);
-            return changes;
-        };
-        ColumnsAlterationsManagerService.prototype.remove = function (alterations, options) {
-            // console.log('remove', alterations)
-            var removed = [];
-            this._alterations = this._alterations.filter(function (x) {
-                var found = alterations.findIndex(function (y) { return y.id === x.id; }) !== -1;
-                if (found) {
-                    var eventRecord = {
-                        type: 'removed',
-                        alteration: x
-                    };
-                    removed.push(eventRecord);
-                }
-                return !found;
-            });
-            // console.log('removed', removed, this._alterations)
-            if (utils.notNullOrUndefined(options === null || options === void 0 ? void 0 : options.emitEvent) && !(options === null || options === void 0 ? void 0 : options.emitEvent)) {
-                return removed;
-            }
-            this._emitChanges(removed);
-            return removed;
-        };
-        ColumnsAlterationsManagerService.prototype.apply = function (columns, datatable) {
-            var e_1, _a;
-            try {
-                for (var _b = __values(this._alterations), _c = _b.next(); !_c.done; _c = _b.next()) {
-                    var a = _c.value;
-                    a.apply(columns, datatable);
-                }
-            }
-            catch (e_1_1) { e_1 = { error: e_1_1 }; }
-            finally {
-                try {
-                    if (_c && !_c.done && (_a = _b.return)) _a.call(_b);
-                }
-                finally { if (e_1) throw e_1.error; }
-            }
-            this._removeNonPersistant();
-        };
-        // TODO: Make aware of original column order and properties. This is tricky,
-        // because the datatable does not deal with immutable column/row records and
-        // it is hard to know where changes happened. Just serializing the columns
-        // input is not enough, because the columns input is called anytime the user
-        // makes a column change. We can probably come up with a mostly accurate
-        // implementation, such as "reset original columns cache when preferencesKey
-        // changes" or "number of columns change". There are issues with those rules,
-        // but with some testing/experimenting I think there should be a "good enough"
-        // solution.
-        //
-        // TODO: Find a generic way to clear alterations. I would like to add an
-        // `unapply` method to `ColumnsAlteration`, but since the alterations
-        // themselves are not too generic it may be tricky.
-        ColumnsAlterationsManagerService.prototype.clear = function (options) {
-            var e_2, _a;
-            var changes = [];
-            try {
-                for (var _b = __values(this._alterations), _c = _b.next(); !_c.done; _c = _b.next()) {
-                    var colAlt = _c.value;
-                    switch (colAlt.type) {
-                        case 'hide-column': {
-                            var alteration = new HideColumnColumnsAlteration({ columnProp: colAlt.state.columnProp, hidden: false }, false);
-                            changes.push.apply(changes, __spreadArray([], __read(this.add([alteration]))));
-                            break;
-                        }
-                        case 'order': {
-                            changes.push.apply(changes, __spreadArray([], __read(this.remove([colAlt]))));
-                            break;
-                        }
-                        case 'sort': {
-                            var alteration = new SortColumnsAlteration({ sorts: [] }, false);
-                            changes.push.apply(changes, __spreadArray([], __read(this.add([alteration]))));
-                            break;
-                        }
-                        case 'width': {
-                            var alteration = new WidthColumnsAlteration({ columnProp: colAlt.state.columnProp, canAutoResize: true }, false);
-                            changes.push.apply(changes, __spreadArray([], __read(this.add([alteration]))));
-                            break;
-                        }
-                    }
-                }
-            }
-            catch (e_2_1) { e_2 = { error: e_2_1 }; }
-            finally {
-                try {
-                    if (_c && !_c.done && (_a = _b.return)) _a.call(_b);
-                }
-                finally { if (e_2) throw e_2.error; }
-            }
-            if (utils.notNullOrUndefined(options === null || options === void 0 ? void 0 : options.emitEvent) && !(options === null || options === void 0 ? void 0 : options.emitEvent)) {
-                return changes;
-            }
-            this._emitChanges(changes);
-            return changes;
-        };
-        ColumnsAlterationsManagerService.prototype._removeNonPersistant = function () {
-            var nonPersistent = this._alterations.filter(function (x) { return !x.persistent; });
-            this.remove(nonPersistent, { emitEvent: false });
-        };
-        ColumnsAlterationsManagerService.prototype._emitChanges = function (changes) {
-            if (changes.length === 0) {
-                return;
-            }
-            var event = {
-                changes: changes
-            };
-            this._changesSubject.next(event);
-        };
-        return ColumnsAlterationsManagerService;
-    }());
-    ColumnsAlterationsManagerService.decorators = [
-        { type: i0.Injectable }
-    ];
-    ColumnsAlterationsManagerService.ctorParameters = function () { return []; };
-
-    /**
-     * Strings used for columns created and managed
-     * by the datatable.
-     */
-    var INTERNAL_COLUMN_PROPS = [
-        ACTION_MENU_COLUMN_PROP,
-        CHECKBOX_COLUMN_PROP
-    ];
-    function isInternalColumn(column) {
-        return INTERNAL_COLUMN_PROPS.findIndex(function (p) { return getColumnProp(column) === p; }) !== -1;
-    }
-
-    var OrderColumnsAlteration = /** @class */ (function (_super) {
-        __extends(OrderColumnsAlteration, _super);
-        function OrderColumnsAlteration(state, persistent) {
-            var _this = _super.call(this, state, persistent) || this;
-            _this.type = 'order';
-            if (!_this._isValidState(state)) {
-                throw Error("Invalid state: " + JSON.stringify(state));
-            }
-            _this.id = "" + _this.type;
-            return _this;
-        }
-        OrderColumnsAlteration.prototype.apply = function (columns, datatable) {
-            var e_1, _a, e_2, _b;
-            if (this.state.columns.length === 0) {
-                return;
-            }
-            var stateColumns = this._stateColumns();
-            // The internal columns are not intended for a user to be able to move them.
-            // Store the internal columns current index, so it can be moved back ofter
-            // sorting. This may not be the best way to do this, but it is easier than
-            // making a sort that avoids them.
-            //
-            // NOTE: If we add an internal column that can be moved then this will need
-            // to be changed.
-            var internalColumns = columns
-                .map(function (column, index) { return ({ column: column, index: index }); })
-                .filter(function (x) { return isInternalColumn(x.column); });
-            var _loop_1 = function (c) {
-                var currentIndex = columns.findIndex(function (x) { return getColumnProp(x) === c.columnProp; });
-                if (currentIndex === c.index || currentIndex === -1) {
-                    return "continue";
-                }
-                utils.arrayMoveMutable(columns, currentIndex, c.index);
-            };
-            try {
-                for (var stateColumns_1 = __values(stateColumns), stateColumns_1_1 = stateColumns_1.next(); !stateColumns_1_1.done; stateColumns_1_1 = stateColumns_1.next()) {
-                    var c = stateColumns_1_1.value;
-                    _loop_1(c);
-                }
-            }
-            catch (e_1_1) { e_1 = { error: e_1_1 }; }
-            finally {
-                try {
-                    if (stateColumns_1_1 && !stateColumns_1_1.done && (_a = stateColumns_1.return)) _a.call(stateColumns_1);
-                }
-                finally { if (e_1) throw e_1.error; }
-            }
-            var _loop_2 = function (c) {
-                var currentIndex = columns.findIndex(function (col) { return col === c.column; });
-                if (currentIndex !== -1) {
-                    utils.arrayMoveMutable(columns, currentIndex, c.index);
-                }
-                else {
-                    if (i0.isDevMode()) {
-                        console.warn("Internal column could not be found after sorting. Was it lost during the sorting?");
-                    }
-                }
-            };
-            try {
-                for (var internalColumns_1 = __values(internalColumns), internalColumns_1_1 = internalColumns_1.next(); !internalColumns_1_1.done; internalColumns_1_1 = internalColumns_1.next()) {
-                    var c = internalColumns_1_1.value;
-                    _loop_2(c);
-                }
-            }
-            catch (e_2_1) { e_2 = { error: e_2_1 }; }
-            finally {
-                try {
-                    if (internalColumns_1_1 && !internalColumns_1_1.done && (_b = internalColumns_1.return)) _b.call(internalColumns_1);
-                }
-                finally { if (e_2) throw e_2.error; }
-            }
-        };
-        OrderColumnsAlteration.prototype._isValidState = function (state) {
-            // NOTE: Checking null or undefined, even though the type doesn't allow,
-            // because the state may have been loaded from an invalid persistant
-            // storage.
-            // TODO: Remove when state validation/migration is implemented to happen
-            // when retrieved from storage.
-            if (!utils.notNullOrUndefined(state.columns)) {
-                return false;
-            }
-            // NOTE: Didn't iterate each column record, because it is probably better to
-            // just skip to invalid column records. It does prevent being able to
-            // validate the whole state though.
-            return true;
-        };
-        OrderColumnsAlteration.prototype._isColumnOrderRecordValid = function (columnOrder) {
-            return utils.notNullOrUndefined(columnOrder.columnProp) && utils.notNullOrUndefined(columnOrder.index);
-        };
-        OrderColumnsAlteration.prototype._stateColumns = function () {
-            var _this = this;
-            return this.state.columns.filter(function (c) {
-                if (!_this._isColumnOrderRecordValid(c)) {
-                    if (i0.isDevMode()) {
-                        console.warn('Invalid column order record', c);
-                    }
-                    return false;
-                }
-                return true;
-            }).sort(function (a, b) { return a.index === b.index ? 0 : a.index > b.index ? 1 : -1; });
-        };
-        return OrderColumnsAlteration;
-    }(ColumnsAlteration));
-
-    function mapColumnsAlterationsStates(states) {
-        var e_1, _a;
-        var alterations = [];
-        try {
-            for (var states_1 = __values(states), states_1_1 = states_1.next(); !states_1_1.done; states_1_1 = states_1.next()) {
-                var state = states_1_1.value;
-                try {
-                    switch (state.type) {
-                        case 'hide-column':
-                            alterations.push(new HideColumnColumnsAlteration(state.state, true));
-                            break;
-                        case 'width':
-                            alterations.push(new WidthColumnsAlteration(state.state, true));
-                            break;
-                        case 'order':
-                            alterations.push(new OrderColumnsAlteration(state.state, true));
-                            break;
-                        case 'sort':
-                            alterations.push(new SortColumnsAlteration(state.state, true));
-                            break;
-                        default: {
-                            if (i0.isDevMode()) {
-                                console.warn('Unrecognized ColumnsAlteration state', state);
-                            }
-                        }
-                    }
-                }
-                catch (e) {
-                    if (i0.isDevMode()) {
-                        console.warn('Unable to map ColumnsAlteration state', state);
-                        console.warn(e);
-                    }
-                }
-            }
-        }
-        catch (e_1_1) { e_1 = { error: e_1_1 }; }
-        finally {
-            try {
-                if (states_1_1 && !states_1_1.done && (_a = states_1.return)) _a.call(states_1);
-            }
-            finally { if (e_1) throw e_1.error; }
-        }
-        return alterations;
-    }
-
-    /**
-     * Intended for internal classes declared by the `TheSeamDatatableModule`.
-     */
-    var THESEAM_DATATABLE = new i0.InjectionToken('LibDatatable');
-    var _THESEAM_DATATABLE = {
-        provide: THESEAM_DATATABLE,
-        // tslint:disable-next-line:no-use-before-declare
-        useExisting: i0.forwardRef(function () { return DatatableComponent; })
-    };
-    var _THESEAM_DATATABLE_ACCESSOR = {
-        provide: THESEAM_DATATABLE_ACCESSOR,
-        // tslint:disable-next-line:no-use-before-declare
-        useExisting: i0.forwardRef(function () { return DatatableComponent; })
-    };
-    var DatatableComponent = /** @class */ (function () {
-        function DatatableComponent(_preferences, _columnsManager, _columnsAlterationsManager) {
-            var _this = this;
-            this._preferences = _preferences;
-            this._columnsManager = _columnsManager;
-            this._columnsAlterationsManager = _columnsAlterationsManager;
-            this._faChevronDown = freeSolidSvgIcons.faChevronDown;
-            this._faChevronRight = freeSolidSvgIcons.faChevronRight;
-            this._faSpinner = freeSolidSvgIcons.faSpinner;
-            this._ngUnsubscribe = new rxjs.Subject();
-            this._filtersSubject = new rxjs.BehaviorSubject([]);
-            this._dataSourceSubject = new rxjs.BehaviorSubject(undefined);
-            this._resizing = {};
-            this._preferencesKey = new rxjs.BehaviorSubject(undefined);
-            this._rows = new rxjs.BehaviorSubject([]);
-            this.columnMode = ngxDatatable.ColumnMode.force;
-            this.selected = [];
-            this.externalPaging = false;
-            this.externalSorting = false;
-            this.externalFiltering = false;
-            this.count = 0;
-            this.offset = 0;
-            this.loadingIndicator = false;
-            this.reorderable = true;
-            this.swapColumns = false;
-            this._sortType = ngxDatatable.SortType.single;
-            this._sorts = [];
-            this.cssClasses = {
-                sortAscending: 'datatable-icon-up',
-                sortDescending: 'datatable-icon-down',
-                pagerLeftArrow: 'datatable-icon-left',
-                pagerRightArrow: 'datatable-icon-right',
-                pagerPrevious: 'datatable-icon-prev',
-                pagerNext: 'datatable-icon-skip'
-            };
-            this.messages = {
-                // Message to show when array is presented
-                // but contains no values
-                emptyMessage: 'No records found',
-                // Footer total message
-                totalMessage: 'total',
-                // Footer selected message
-                selectedMessage: 'selected'
-            };
-            this.rowIdentity = (function (x) { return x; });
-            this.groupExpansionDefault = false;
-            this.selectAllRowsOnPage = false;
-            this.summaryRow = false;
-            this.summaryHeight = 30;
-            this.summaryPosition = 'top';
-            this.virtualization = true;
-            this.headerHeight = 50;
-            this.rowHeight = 50;
-            this.footerHeight = 40;
-            this.scrollbarV = true;
-            this.scrollbarH = true;
-            this.scroll = new i0.EventEmitter();
-            this.activate = new i0.EventEmitter();
-            this.select = new i0.EventEmitter();
-            this.sort = new i0.EventEmitter();
-            this.page = new i0.EventEmitter();
-            this.reorder = new i0.EventEmitter();
-            this.resize = new i0.EventEmitter();
-            this.tableContextmenu = new i0.EventEmitter(false);
-            this.treeAction = new i0.EventEmitter();
-            this.actionRefreshRequest = new i0.EventEmitter();
-            this.hiddenColumnsChange = new i0.EventEmitter();
-            this._colDiffersInp = {};
-            this._colDiffersTpl = {};
-            this._rowDetailToggleSubscription = rxjs.Subscription.EMPTY;
-            this._preferencesKey.pipe(operators.distinctUntilChanged(), operators.switchMap(function (key) {
-                if (!utils.notNullOrUndefined(key) || key.length === 0) {
-                    return rxjs.of(undefined);
-                }
-                return rxjs.from(utils.waitOnConditionAsync(function () { return _this._preferences.loaded; })).pipe(operators.switchMap(function () { return _this._columnsAlterationsManager.changes.pipe(operators.startWith(undefined), operators.tap(function () {
-                    _this._preferences.setAlterations(key, _this._columnsAlterationsManager.get());
-                })); }));
-            }), operators.takeUntil(this._ngUnsubscribe)).subscribe();
-            var applyPrefs = function (cols) { return _this._columnsAlterationsManager.changes.pipe(operators.startWith(undefined), operators.map(function () {
-                _this._columnsAlterationsManager.apply(cols, _this);
-                return cols;
-            })); };
-            this._preferencesKey.pipe(operators.distinctUntilChanged(), operators.switchMap(function (prefsKey) {
-                if (!utils.notNullOrUndefined(prefsKey)) {
-                    return rxjs.of(undefined);
-                }
-                return _this._preferences.preferences(prefsKey).pipe(operators.switchMap(function (preferences) { return __awaiter(_this, void 0, void 0, function () {
-                    var _this = this;
-                    return __generator(this, function (_h) {
-                        switch (_h.label) {
-                            case 0: return [4 /*yield*/, utils.waitOnConditionAsync(function () { return _this._preferences.loaded; })];
-                            case 1:
-                                _h.sent();
-                                return [2 /*return*/, preferences];
-                        }
-                    });
-                }); }), operators.take(1), operators.map(function (preferences) {
-                    var alterations = [];
-                    try {
-                        alterations = mapColumnsAlterationsStates(preferences.alterations);
-                    }
-                    catch (e) {
-                        if (i0.isDevMode()) {
-                            console.warn('Unable to map columns alterations states');
-                            console.warn(e);
-                        }
-                    }
-                    _this._columnsAlterationsManager.add(alterations);
-                }));
-            }), operators.takeUntil(this._ngUnsubscribe)).subscribe();
-            this.columns$ = this._columnsManager.columns$;
-            this.displayColumns$ = this.columns$.pipe(operators.switchMap(function (cols) { return applyPrefs(cols); }), operators.map(function (cols) { return cols.filter(function (c) { return !c.hidden; }); }), operators.tap(function (v) { return removeUnusedDiffs(v, _this._colDiffersInp, _this._colDiffersTpl); }));
-            this.filters$ = this._filtersSubject.asObservable();
-            this.filterStates = this._filtersSubject.asObservable().pipe(operators.switchMap(function (filters) { return dataFilters.composeDataFilterStates(filters); }));
-            this.rows$ = this._dataSourceSubject.pipe(operators.switchMap(function (dataSource) {
-                // console.log('dataSource', dataSource)
-                var dataStream;
-                if (collections.isDataSource(dataSource)) {
-                    // console.log('~datasource')
-                    dataStream = dataSource.connect(_this);
-                }
-                else if (rxjs.isObservable(dataSource)) {
-                    // console.log('~observable')
-                    dataStream = dataSource;
-                }
-                else if (Array.isArray(dataSource)) {
-                    // console.log('~array')
-                    dataStream = rxjs.of(dataSource);
-                }
-                else {
-                    // console.log('~rows fallback')
-                    dataStream = _this._rows.asObservable();
-                    // .pipe(tap(v => console.log('rows~', v)))
-                }
-                if (!_this.externalFiltering) {
-                    // console.log('not using externalFiltering')
-                    dataStream = dataStream.pipe(operators.switchMap(function (rows) { return _this._filtersSubject.pipe(
-                    // tap(v => console.log('filters', v)),
-                    operators.concatMap(function (filters) { return rxjs.of(rows).pipe(dataFilters.composeDataFilters(filters)); })); }));
-                    // dataStream = this._filtersSubject.pipe(
-                    //   tap(v => console.log('filters', v)),
-                    //   concatMap(filters => dataStream.pipe(composeDataFilters(filters))),
-                    //   tap(v => console.log('composed filters', v)),
-                    // )
-                }
-                return dataStream.pipe(
-                // tap(v => console.log('stream', v)),
-                operators.takeUntil(_this._ngUnsubscribe));
-            }));
-            // TODO: Implement viewChange for CollectionViewer.
-            this.viewChange = this.page.pipe(operators.map(function (p) { return ({ start: 0, end: p.count }); }));
-        }
-        Object.defineProperty(DatatableComponent.prototype, "filters", {
-            get: function () { return this._filtersSubject.value; },
-            enumerable: false,
-            configurable: true
-        });
-        Object.defineProperty(DatatableComponent.prototype, "preferencesKey", {
-            get: function () { return this._preferencesKey.value; },
-            set: function (value) { this._preferencesKey.next(value || undefined); },
-            enumerable: false,
-            configurable: true
-        });
-        Object.defineProperty(DatatableComponent.prototype, "columns", {
-            set: function (value) {
-                this._columnsManager.setInputColumns(Array.isArray(value) ? value : []);
-            },
-            enumerable: false,
-            configurable: true
-        });
-        Object.defineProperty(DatatableComponent.prototype, "rows", {
-            get: function () { return this._rows.value; },
-            set: function (value) {
-                this._rows.next(value || []);
-            },
-            enumerable: false,
-            configurable: true
-        });
-        Object.defineProperty(DatatableComponent.prototype, "selectionType", {
-            get: function () { return this._columnsManager.getSelectionType(); },
-            set: function (value) {
-                this._columnsManager.setSelectionType(utils.notNullOrUndefined(value) ? value : undefined);
-            },
-            enumerable: false,
-            configurable: true
-        });
-        Object.defineProperty(DatatableComponent.prototype, "sortType", {
-            get: function () { return this._sortType; },
-            set: function (value) {
-                if (utils.notNullOrUndefined(value) && (value === ngxDatatable.SortType.single || value == ngxDatatable.SortType.multi)) {
-                    this._sortType = value;
-                }
-                else {
-                    this._sortType = ngxDatatable.SortType.single;
-                }
-            },
-            enumerable: false,
-            configurable: true
-        });
-        Object.defineProperty(DatatableComponent.prototype, "sorts", {
-            get: function () {
-                return this.ngxDatatable ? this.ngxDatatable.sorts : this._sorts;
-            },
-            set: function (value) {
-                this._sorts = utils.notNullOrUndefined(value) ? coercion.coerceArray(value) : [];
-            },
-            enumerable: false,
-            configurable: true
-        });
-        Object.defineProperty(DatatableComponent.prototype, "dataSource", {
-            set: function (value) {
-                if (value instanceof DatatableDataSource) {
-                    value.setDatatableAccessor(this);
-                }
-                this._dataSourceSubject.next(value || undefined);
-            },
-            enumerable: false,
-            configurable: true
-        });
-        Object.defineProperty(DatatableComponent.prototype, "actionItemColumnPosition", {
-            get: function () { return this._actionItemColumnPosition; },
-            set: function (value) {
-                this._actionItemColumnPosition = value;
-                this._columnsManager.setActionItemColumnPosition(this._actionItemColumnPosition);
-            },
-            enumerable: false,
-            configurable: true
-        });
-        Object.defineProperty(DatatableComponent.prototype, "columnComponents", {
-            set: function (value) {
-                var _a;
-                this._columnsManager.setTemplateColumns(translateTemplateColumns((_a = value === null || value === void 0 ? void 0 : value.toArray()) !== null && _a !== void 0 ? _a : []));
-            },
-            enumerable: false,
-            configurable: true
-        });
-        Object.defineProperty(DatatableComponent.prototype, "rowActionItem", {
-            get: function () { return this._rowActionItem; },
-            set: function (value) {
-                this._rowActionItem = value;
-                this._columnsManager.setRowActionItem(utils.notNullOrUndefined(value) ? value : undefined);
-            },
-            enumerable: false,
-            configurable: true
-        });
-        Object.defineProperty(DatatableComponent.prototype, "menuBarComponent", {
-            get: function () { return this._menuBarComponent; },
-            set: function (value) {
-                var _this = this;
-                var _a;
-                this._menuBarComponent = value;
-                if (this._menuBarSub) {
-                    this._menuBarSub.unsubscribe();
-                }
-                if (value) {
-                    this._setMenuBarFilters(value.filters());
-                    this._menuBarSub = (_a = this._menuBarComponent) === null || _a === void 0 ? void 0 : _a.filtersChanged.subscribe(function (v) { _this._setMenuBarFilters(value.filters()); });
-                }
-            },
-            enumerable: false,
-            configurable: true
-        });
-        Object.defineProperty(DatatableComponent.prototype, "actionMenuCellTpl", {
-            get: function () { return this._actionMenuCellTpl; },
-            set: function (value) {
-                this._actionMenuCellTpl = value;
-                this._columnsManager.setActionMenuCellTpl(utils.notNullOrUndefined(value) ? value : undefined);
-            },
-            enumerable: false,
-            configurable: true
-        });
-        Object.defineProperty(DatatableComponent.prototype, "treeToggleTpl", {
-            get: function () { return this._treeToggleTpl; },
-            set: function (value) {
-                this._treeToggleTpl = value;
-                this._columnsManager.setTreeToggleTpl(utils.notNullOrUndefined(value) ? value : undefined);
-            },
-            enumerable: false,
-            configurable: true
-        });
-        Object.defineProperty(DatatableComponent.prototype, "headerTpl", {
-            get: function () { return this._headerTpl; },
-            set: function (value) {
-                this._headerTpl = value;
-                this._columnsManager.setHeaderTpl(utils.notNullOrUndefined(value) ? value : undefined);
-            },
-            enumerable: false,
-            configurable: true
-        });
-        Object.defineProperty(DatatableComponent.prototype, "blankHeaderTpl", {
-            get: function () { return this._blankHeaderTpl; },
-            set: function (value) {
-                this._blankHeaderTpl = value;
-                this._columnsManager.setBlankHeaderTpl(utils.notNullOrUndefined(value) ? value : undefined);
-            },
-            enumerable: false,
-            configurable: true
-        });
-        Object.defineProperty(DatatableComponent.prototype, "cellTypeSelectorTpl", {
-            get: function () { return this._cellTypeSelectorTpl; },
-            set: function (value) {
-                this._cellTypeSelectorTpl = value;
-                this._columnsManager.setCellTypeSelectorTpl(utils.notNullOrUndefined(value) ? value : undefined);
-            },
-            enumerable: false,
-            configurable: true
-        });
-        // TODO: Remove this DOM-dependent code when a way to property listen for
-        // dblclick on the header reasize handles.
-        DatatableComponent.prototype._dblClick = function (event) {
-            var _this = this;
-            var _a, _b, _c;
-            var isHandle = event.target.classList.contains('resize-handle');
-            if (isHandle) {
-                var isResizeable = (_a = event.target.parentElement) === null || _a === void 0 ? void 0 : _a.classList.contains('resizeable');
-                if (isResizeable) {
-                    event.stopPropagation();
-                    var id_1 = (_c = (_b = event.target.parentElement) === null || _b === void 0 ? void 0 : _b.querySelector('.datatable-column-header-separator')) === null || _c === void 0 ? void 0 : _c.getAttribute('data-column-id');
-                    this._columnsManager.columns$.pipe(operators.take(1)).subscribe(function (columns) {
-                        var column = columns.find(function (c) { return c.$$id === id_1; });
-                        if (column) {
-                            var columnProp = getColumnProp(column);
-                            if (columnProp) {
-                                var alteration = new WidthColumnsAlteration({ columnProp: columnProp, canAutoResize: true }, false);
-                                _this._columnsAlterationsManager.add([alteration]);
-                            }
-                        }
-                    });
-                }
-            }
-        };
-        DatatableComponent.prototype.ngOnInit = function () {
-            var _this = this;
-            if (this.rowDetail) {
-                this._rowDetailToggleSubscription = this.rowDetail._toggle.subscribe(function (event) {
-                    if (_this.ngxRowDetail) {
-                        _this.ngxRowDetail.toggle.emit(event);
-                    }
-                });
-            }
-        };
-        DatatableComponent.prototype.ngOnDestroy = function () {
-            this._rowDetailToggleSubscription.unsubscribe();
-        };
-        DatatableComponent.prototype._setMenuBarFilters = function (filters) {
-            this._filtersSubject.next(filters || []);
-        };
-        DatatableComponent.prototype.getColumnComponent = function (propName) {
-            if (!this.columnComponents || this.columnComponents.length === 0) {
-                return null;
-            }
-            var tpl = this.columnComponents.find(function (t) { return t.prop === propName; });
-            if (tpl) {
-                return tpl;
-            }
-            return null;
-        };
-        DatatableComponent.prototype._columnData = function (col) {
-            var comp = this.getColumnComponent(col.prop);
-            return { col: col, comp: comp };
-        };
-        DatatableComponent.prototype._getRowExpanded = function (row) {
-            if (this.ngxDatatable && this.ngxDatatable.bodyComponent) {
-                return this.ngxDatatable.bodyComponent.getRowExpanded(row);
-            }
-            return false;
-        };
-        DatatableComponent.prototype.trackByFnColumn = function (index, item) {
-            return item.prop;
-        };
-        DatatableComponent.prototype.onDatatableResize = function (event) {
-            if (this.ngxDatatable && this.ngxDatatableElement && this.ngxDatatableElement.nativeElement) {
-                // TODO: Consider integrating this into the ngx-datatable library to avoid
-                // multiple resize calls when the table resizes itself.
-                this.ngxDatatable.recalculate();
-            }
-        };
-        DatatableComponent.prototype._onResize = function (event) {
-            this.resize.emit(event);
-            if (!utils.notNullOrUndefined(event.column)) {
-                return;
-            }
-            var columnProp = getColumnProp(event.column);
-            if (columnProp) {
-                var addAlteration = false;
-                if (!this._resizing[columnProp]) {
-                    this._resizing[columnProp] = true;
-                    addAlteration = true;
-                }
-                if (event.isDone) {
-                    this._resizing[columnProp] = false;
-                    addAlteration = true;
-                }
-                if (addAlteration) {
-                    var alteration = new WidthColumnsAlteration({
-                        columnProp: columnProp,
-                        width: event.column.width,
-                        canAutoResize: false
-                    }, true);
-                    this._columnsAlterationsManager.add([alteration]);
-                }
-            }
-        };
-        DatatableComponent.prototype._onReorder = function (event) {
-            this.reorder.emit(event);
-            var columnProp = getColumnProp(event.column);
-            if (columnProp) {
-                var currentOrderAlteration = this._columnsAlterationsManager.get().find(function (x) { return x.type === 'order'; });
-                var state = {
-                    columns: __spreadArray(__spreadArray([], __read(((currentOrderAlteration === null || currentOrderAlteration === void 0 ? void 0 : currentOrderAlteration.state.columns) || []))), [
-                        { columnProp: columnProp, index: event.newValue }
-                    ])
-                };
-                var alteration = new OrderColumnsAlteration(state, true);
-                this._columnsAlterationsManager.add([alteration]);
-            }
-        };
-        DatatableComponent.prototype._onSort = function (event) {
-            this.sort.emit(event);
-            var alteration = new SortColumnsAlteration({ sorts: event.sorts }, true);
-            this._columnsAlterationsManager.add([alteration]);
-        };
-        DatatableComponent.prototype._onTreeAction = function (event) {
-            var index = event.rowIndex;
-            var row = event.row;
-            if (row.treeStatus === 'collapsed') {
-                row.treeStatus = 'expanded';
-            }
-            else {
-                row.treeStatus = 'collapsed';
-            }
-            this.rows = __spreadArray([], __read(this.rows));
-        };
-        DatatableComponent.prototype.triggerActionRefreshRequest = function () {
-            this.actionRefreshRequest.emit(undefined);
-        };
-        Object.defineProperty(DatatableComponent.prototype, "pageInfo", {
-            /**
-             * Returns the page info from the wrapped NgxDatatable instance or defaults.
-             */
-            get: function () {
-                var _a, _b, _c, _d, _e, _f, _g;
-                return {
-                    offset: (_b = (_a = this.ngxDatatable) === null || _a === void 0 ? void 0 : _a.offset) !== null && _b !== void 0 ? _b : 0,
-                    pageSize: (_d = (_c = this.ngxDatatable) === null || _c === void 0 ? void 0 : _c.pageSize) !== null && _d !== void 0 ? _d : 0,
-                    limit: (_e = this.ngxDatatable) === null || _e === void 0 ? void 0 : _e.limit,
-                    count: (_g = (_f = this.ngxDatatable) === null || _f === void 0 ? void 0 : _f.count) !== null && _g !== void 0 ? _g : 0
-                };
-            },
-            enumerable: false,
-            configurable: true
-        });
-        return DatatableComponent;
-    }());
-    DatatableComponent.decorators = [
-        { type: i0.Component, args: [{
-                    selector: 'seam-datatable',
-                    template: "<div class=\"datatable-wrapper\">\n  <ng-content select=\"seam-datatable-menu-bar\"></ng-content>\n  <div class=\"datatable-table-wrapper\">\n    <ng-container>\n      <ngx-datatable\n        [columnMode]=\"$any(columnMode)\"\n        [scrollbarV]=\"scrollbarV\"\n        [scrollbarH]=\"scrollbarH\"\n        [virtualization]=\"virtualization\"\n        [targetMarkerTemplate]=\"targetMarkerTemplate\"\n        [groupRowsBy]=\"$any(groupRowsBy)\"\n        [groupedRows]=\"$any(groupedRows)\"\n        [selected]=\"$any(selected)\"\n        [externalPaging]=\"externalPaging\"\n        [externalSorting]=\"externalSorting\"\n        [limit]=\"$any(limit)\"\n        [count]=\"$any(count)\"\n        [offset]=\"$any(offset)\"\n        [loadingIndicator]=\"loadingIndicator\"\n        [selectionType]=\"$any(selectionType)\"\n        [reorderable]=\"reorderable\"\n        [swapColumns]=\"swapColumns\"\n        [sortType]=\"$any(sortType)\"\n        [sorts]=\"$any(_sorts)\"\n        [cssClasses]=\"cssClasses\"\n        [messages]=\"messages\"\n        [rowIdentity]=\"$any(rowIdentity)\"\n        [rowClass]=\"rowClass\"\n        [selectCheck]=\"selectCheck\"\n        [displayCheck]=\"$any(displayCheck)\"\n        [groupExpansionDefault]=\"groupExpansionDefault\"\n        [trackByProp]=\"$any(trackByProp)\"\n        [selectAllRowsOnPage]=\"selectAllRowsOnPage\"\n        [treeFromRelation]=\"$any(treeFromRelation)\"\n        [treeToRelation]=\"$any(treeToRelation)\"\n        [summaryRow]=\"summaryRow\"\n        [summaryHeight]=\"$any(summaryHeight)\"\n        [summaryPosition]=\"$any(summaryPosition)\"\n        [rows]=\"rows$ | async\"\n        [columns]=\"$any(displayColumns$ | async)\"\n        [headerHeight]=\"$any(headerHeight)\"\n        [rowHeight]=\"$any(rowHeight)\"\n        [footerHeight]=\"$any(footerHeight)\"\n        (scroll)=\"scroll.emit($event)\"\n        (activate)=\"activate.emit($event)\"\n        (select)=\"select.emit($event)\"\n        (sort)=\"_onSort($event)\"\n        (page)=\"page.emit($event)\"\n        (reorder)=\"_onReorder($event)\"\n        (resize)=\"_onResize($event)\"\n        (tableContextmenu)=\"tableContextmenu.emit($event)\"\n        (treeAction)=\"treeAction.emit($event)\"\n        (seamElemResized)=\"onDatatableResize($event)\"\n        (treeAction)=\"_onTreeAction($event)\">\n\n        <ngx-datatable-group-header [rowHeight]=\"50\" #myGroupHeader *ngIf=\"groupRowsBy\">\n          <ng-template let-group=\"group\" let-expanded=\"expanded\" ngx-datatable-group-header-template>\n            <div\n              class=\"w-100 bg-light p-1\"\n              [class.border-bottom]=\"!expanded\"\n              [class.datatable-icon-right]=\"!expanded\"\n              [class.datatable-icon-down]=\"expanded\"\n              title=\"Expand/Collapse Group\"\n              (click)=\"ngxDatatable?.groupHeader?.toggleExpandGroup(group)\">\n              <b>Age: {{ group.age }}</b>\n            </div>\n          </ng-template>\n        </ngx-datatable-group-header>\n\n        <ngx-datatable-row-detail *ngIf=\"rowDetail && rowDetail.template\"\n          [rowHeight]=\"rowDetail.rowHeight || 0\"\n          [template]=\"$any(rowDetail.template)\"\n          (toggle)=\"rowDetail.toggle.emit($event)\">\n        </ngx-datatable-row-detail>\n\n        <ngx-datatable-footer *ngIf=\"footer && footer.template\"\n          [template]=\"$any(footer.template)\">\n        </ngx-datatable-footer>\n      </ngx-datatable>\n    </ng-container>\n  </div>\n</div>\n\n<ng-template #blankHeaderTpl ngx-datatable-header-template></ng-template>\n\n<ng-template #headerTpl ngx-datatable-header-template\n  let-column=\"column\" let-sortFn=\"sortFn\">\n  <strong *ngIf=\"!column.sortable\" class=\"draggable\">{{column.name}}</strong>\n  <strong *ngIf=\"column.sortable\" class=\"datatable-sort-target draggable\" (click)=\"sortFn()\">{{column.name}}</strong>\n  <div class=\"datatable-column-header-separator\" [attr.data-column-id]=\"column.$$id\"></div>\n</ng-template>\n\n<ng-template #cellTypeSelectorTpl ngx-datatable-cell-template\n  let-value=\"value\" let-rowIndex=\"rowIndex\" let-row=\"row\" let-column=\"column\">\n  <seam-table-cell-type-selector *ngIf=\"row\"\n    [type]=\"column.cellType\"\n    [value]=\"value\"\n    [rowIndex]=\"rowIndex\"\n    [row]=\"row\"\n    [colData]=\"column\">\n  </seam-table-cell-type-selector>\n</ng-template>\n\n<ng-template #actionMenuCellTpl ngx-datatable-cell-template\n  let-value=\"value\" let-rowIndex=\"rowIndex\" let-row=\"row\">\n\n  <ng-container *ngIf=\"row && rowActionItem?.template\">\n    <ng-template\n      [ngTemplateOutlet]=\"$any(rowActionItem?.template)\"\n      [ngTemplateOutletContext]=\"{ $implicit: row, row: row, rowIndex: rowIndex }\">\n    </ng-template>\n  </ng-container>\n\n</ng-template>\n\n<ng-template #treeToggleTpl ngx-datatable-tree-toggle let-tree=\"cellContext\">\n  <button\n    class=\"p-0 bg-transparent border-0 btn\"\n    [disabled]=\"tree.treeStatus==='disabled'\"\n    (click)=\"tree.onTreeAction()\">\n    <span *ngIf=\"tree.treeStatus==='loading'\">\n      <fa-icon [icon]=\"_faSpinner\"></fa-icon>\n    </span>\n    <span *ngIf=\"tree.treeStatus==='collapsed'\">\n      <fa-icon [icon]=\"_faChevronRight\"></fa-icon>\n    </span>\n    <span *ngIf=\"tree.treeStatus==='expanded'\">\n      <fa-icon [icon]=\"_faChevronDown\"></fa-icon>\n    </span>\n    <span *ngIf=\"tree.treeStatus==='disabled'\">\n      <fa-icon [icon]=\"_faChevronRight\"></fa-icon>\n    </span>\n  </button>\n</ng-template>\n",
-                    changeDetection: i0.ChangeDetectionStrategy.OnPush,
-                    animations: [
-                        animations.trigger('slideDown', [
-                            animations.transition(':enter', [
-                                animations.style({ transform: 'translateY(-20%)', opacity: '0' }),
-                                animations.animate('250ms', animations.style({ transform: 'translateY(0)', opacity: '1' })),
-                            ]),
-                            animations.transition(':leave', [
-                                animations.style({ transform: 'translateY(0)', opacity: '1' }),
-                                animations.animate('250ms', animations.style({ transform: 'translateY(-20%)', opacity: '0' })),
-                            ])
-                        ])
-                    ],
-                    providers: [
-                        _THESEAM_DATATABLE,
-                        DatatableColumnChangesService,
-                        _THESEAM_DATATABLE_ACCESSOR,
-                        ColumnsManagerService,
-                        ColumnsAlterationsManagerService,
-                    ],
-                    styles: [":host{display:flex;flex-grow:1;flex-direction:column}::ng-deep .seam-datatable-action-menu{min-width:auto!important}ngx-datatable{position:absolute!important;top:0;left:0;right:0;bottom:0}.datatable-wrapper{display:flex;flex-direction:column;flex-grow:1}.datatable-wrapper .datatable-table-wrapper{position:relative;flex:1 1 100%}.datatable-column-header-separator{position:absolute}.datatable-sort-target{cursor:pointer}\n"]
-                },] }
-    ];
-    DatatableComponent.ctorParameters = function () { return [
-        { type: DatatablePreferencesService },
-        { type: ColumnsManagerService },
-        { type: ColumnsAlterationsManagerService }
-    ]; };
-    DatatableComponent.propDecorators = {
-        preferencesKey: [{ type: i0.Input }],
-        targetMarkerTemplate: [{ type: i0.Input }],
-        columns: [{ type: i0.Input }],
-        rows: [{ type: i0.Input }],
-        columnMode: [{ type: i0.Input }],
-        groupRowsBy: [{ type: i0.Input }],
-        groupedRows: [{ type: i0.Input }],
-        selected: [{ type: i0.Input }],
-        externalPaging: [{ type: i0.Input }],
-        externalSorting: [{ type: i0.Input }],
-        externalFiltering: [{ type: i0.Input }],
-        limit: [{ type: i0.Input }],
-        count: [{ type: i0.Input }],
-        offset: [{ type: i0.Input }],
-        loadingIndicator: [{ type: i0.Input }],
-        selectionType: [{ type: i0.Input }],
-        reorderable: [{ type: i0.Input }],
-        swapColumns: [{ type: i0.Input }],
-        sortType: [{ type: i0.Input }],
-        sorts: [{ type: i0.Input }],
-        cssClasses: [{ type: i0.Input }],
-        messages: [{ type: i0.Input }],
-        rowIdentity: [{ type: i0.Input }],
-        rowClass: [{ type: i0.Input }],
-        selectCheck: [{ type: i0.Input }],
-        displayCheck: [{ type: i0.Input }],
-        groupExpansionDefault: [{ type: i0.Input }],
-        trackByProp: [{ type: i0.Input }],
-        selectAllRowsOnPage: [{ type: i0.Input }],
-        treeFromRelation: [{ type: i0.Input }],
-        treeToRelation: [{ type: i0.Input }],
-        summaryRow: [{ type: i0.Input }],
-        summaryHeight: [{ type: i0.Input }],
-        summaryPosition: [{ type: i0.Input }],
-        virtualization: [{ type: i0.Input }],
-        headerHeight: [{ type: i0.Input }],
-        rowHeight: [{ type: i0.Input }],
-        footerHeight: [{ type: i0.Input }],
-        scrollbarV: [{ type: i0.Input }],
-        scrollbarH: [{ type: i0.Input }],
-        dataSource: [{ type: i0.Input }],
-        actionItemColumnPosition: [{ type: i0.Input }],
-        scroll: [{ type: i0.Output }],
-        activate: [{ type: i0.Output }],
-        select: [{ type: i0.Output }],
-        sort: [{ type: i0.Output }],
-        page: [{ type: i0.Output }],
-        reorder: [{ type: i0.Output }],
-        resize: [{ type: i0.Output }],
-        tableContextmenu: [{ type: i0.Output }],
-        treeAction: [{ type: i0.Output }],
-        actionRefreshRequest: [{ type: i0.Output }],
-        hiddenColumnsChange: [{ type: i0.Output }],
-        columnComponents: [{ type: i0.ContentChildren, args: [DatatableColumnComponent,] }],
-        actionMenu: [{ type: i0.ContentChild, args: [DatatableActionMenuComponent, { static: true },] }],
-        rowActionItem: [{ type: i0.ContentChild, args: [DatatableRowActionItemDirective, { static: true },] }],
-        rowDetail: [{ type: i0.ContentChild, args: [TheSeamDatatableRowDetailDirective, { static: true },] }],
-        footer: [{ type: i0.ContentChild, args: [TheSeamDatatableFooterDirective, { static: true },] }],
-        menuBarComponent: [{ type: i0.ContentChild, args: [DatatableMenuBarComponent,] }],
-        ngxDatatable: [{ type: i0.ViewChild, args: [ngxDatatable.DatatableComponent,] }],
-        ngxDatatableElement: [{ type: i0.ViewChild, args: [ngxDatatable.DatatableComponent, { read: i0.ElementRef },] }],
-        ngxRowDetail: [{ type: i0.ViewChild, args: [ngxDatatable.DatatableRowDetailDirective,] }],
-        actionMenuCellTpl: [{ type: i0.ViewChild, args: ['actionMenuCellTpl', { static: true },] }],
-        treeToggleTpl: [{ type: i0.ViewChild, args: ['treeToggleTpl', { static: true },] }],
-        headerTpl: [{ type: i0.ViewChild, args: ['headerTpl', { static: true },] }],
-        blankHeaderTpl: [{ type: i0.ViewChild, args: ['blankHeaderTpl', { static: true },] }],
-        cellTypeSelectorTpl: [{ type: i0.ViewChild, args: ['cellTypeSelectorTpl', { static: true },] }],
-        _dblClick: [{ type: i0.HostListener, args: ['dblclick', ['$event'],] }]
-    };
-    __decorate([
-        core.InputBoolean()
-    ], DatatableComponent.prototype, "externalPaging", void 0);
-    __decorate([
-        core.InputBoolean()
-    ], DatatableComponent.prototype, "externalSorting", void 0);
-    __decorate([
-        core.InputBoolean()
-    ], DatatableComponent.prototype, "externalFiltering", void 0);
-    __decorate([
-        core.InputNumber()
-    ], DatatableComponent.prototype, "limit", void 0);
-    __decorate([
-        core.InputNumber(0)
-    ], DatatableComponent.prototype, "count", void 0);
-    __decorate([
-        core.InputNumber(0)
-    ], DatatableComponent.prototype, "offset", void 0);
-    __decorate([
-        core.InputBoolean()
-    ], DatatableComponent.prototype, "loadingIndicator", void 0);
-    __decorate([
-        core.InputBoolean()
-    ], DatatableComponent.prototype, "reorderable", void 0);
-    __decorate([
-        core.InputBoolean()
-    ], DatatableComponent.prototype, "swapColumns", void 0);
-    __decorate([
-        core.InputBoolean()
-    ], DatatableComponent.prototype, "groupExpansionDefault", void 0);
-    __decorate([
-        core.InputBoolean()
-    ], DatatableComponent.prototype, "selectAllRowsOnPage", void 0);
-    __decorate([
-        core.InputBoolean()
-    ], DatatableComponent.prototype, "summaryRow", void 0);
-    __decorate([
-        core.InputNumber()
-    ], DatatableComponent.prototype, "summaryHeight", void 0);
-    __decorate([
-        core.InputBoolean()
-    ], DatatableComponent.prototype, "virtualization", void 0);
-    __decorate([
-        core.InputNumber()
-    ], DatatableComponent.prototype, "headerHeight", void 0);
-    __decorate([
-        core.InputNumber()
-    ], DatatableComponent.prototype, "rowHeight", void 0);
-    __decorate([
-        core.InputNumber()
-    ], DatatableComponent.prototype, "footerHeight", void 0);
-    __decorate([
-        core.InputBoolean()
-    ], DatatableComponent.prototype, "scrollbarV", void 0);
-    __decorate([
-        core.InputBoolean()
-    ], DatatableComponent.prototype, "scrollbarH", void 0);
-
-    var DatatableColumnPreferencesComponent = /** @class */ (function () {
-        function DatatableColumnPreferencesComponent(_datatable, _columnsAlterationsManager) {
-            var _this = this;
-            var _a;
-            this._datatable = _datatable;
-            this._columnsAlterationsManager = _columnsAlterationsManager;
-            this._filterControl = new forms.FormControl();
-            this._columns$ = rxjs.combineLatest([
-                (_a = this._datatable.columns$) !== null && _a !== void 0 ? _a : rxjs.of([]),
-                utils.observeControlValue(this._filterControl)
-            ]).pipe(operators.map(function (_b) {
-                var _c = __read(_b, 2), columns = _c[0], filter = _c[1];
-                var _filter = (filter || '').trim().toLowerCase();
-                return columns
-                    .filter(function (c) { return _this._canToggleColumn(c, _filter); });
-            }));
-        }
-        DatatableColumnPreferencesComponent.prototype._canToggleColumn = function (column, filter, omitInternalColumns) {
-            if (omitInternalColumns === void 0) { omitInternalColumns = true; }
-            if (omitInternalColumns && isInternalColumn(column)) {
-                return false;
-            }
-            return this._columnMatchesFilter(column, filter);
-        };
-        DatatableColumnPreferencesComponent.prototype._columnMatchesFilter = function (column, filter) {
-            if (filter.length === 0) {
-                return true;
-            }
-            return ("" + (getColumnProp(column) || '')).toLowerCase().indexOf(filter) !== -1;
-        };
-        DatatableColumnPreferencesComponent.prototype._onChange = function (event, col) {
-            var columnProp = getColumnProp(col);
-            var hidden = !event.checked;
-            if (!utils.notNullOrUndefined(columnProp)) {
-                throw Error("Unable to get column prop.");
-            }
-            var alteration = new HideColumnColumnsAlteration({
-                columnProp: columnProp,
-                hidden: hidden
-            }, hidden);
-            this._columnsAlterationsManager.add([alteration]);
-        };
-        return DatatableColumnPreferencesComponent;
-    }());
-    DatatableColumnPreferencesComponent.decorators = [
-        { type: i0.Component, args: [{
-                    selector: 'seam-datatable-column-preferences',
-                    template: "<h3>Columns</h3>\n\n<seam-form-field [numPaddingErrors]=\"0\" >\n  <input seamInput [formControl]=\"_filterControl\" seamInputSize=\"sm\" placeholder=\"Search\" seamAutoFocus>\n</seam-form-field>\n\n<div seamOverlayScrollbar style=\"min-height: 200px; max-height: 600px; min-width: 250px;\" class=\"flex-grow-1 mb-2\">\n  <div class=\"p-2\">\n    <ng-container *ngFor=\"let col of _columns$ | async\">\n      <seam-checkbox [checked]=\"!col.hidden\" (change)=\"_onChange($event, col)\">{{ col.name || col.prop }}</seam-checkbox>\n    </ng-container>\n  </div>\n\n</div>\n<div class=\"d-flex flex-row justify-content-end\">\n  <!-- <button seamButton size=\"sm\" theme=\"lightgray\" (click)=\"_onCloseClick()\">Close</button> -->\n  <!-- <button seamButton size=\"sm\" theme=\"lightgray\" class=\"mr-1\">Cancel</button>\n  <button seamButton size=\"sm\" theme=\"success\">Done</button> -->\n</div>\n",
-                    changeDetection: i0.ChangeDetectionStrategy.OnPush,
-                    styles: [":host{display:flex;flex-direction:column}\n"]
-                },] }
-    ];
-    DatatableColumnPreferencesComponent.ctorParameters = function () { return [
-        { type: DatatableComponent, decorators: [{ type: i0.Inject, args: [THESEAM_DATATABLE,] }] },
-        { type: ColumnsAlterationsManagerService }
-    ]; };
-
-    var DatatableColumnPreferencesButtonComponent = /** @class */ (function () {
-        function DatatableColumnPreferencesButtonComponent(_columnsAlterationsManager) {
-            this._columnsAlterationsManager = _columnsAlterationsManager;
-            this.icon = freeSolidSvgIcons.faColumns;
-            /** @ignore */
-            this._actionMenuPositions = [
-                {
-                    originX: 'start',
-                    originY: 'bottom',
-                    overlayX: 'end',
-                    overlayY: 'top',
-                },
-                {
-                    originX: 'start',
-                    originY: 'top',
-                    overlayX: 'end',
-                    overlayY: 'bottom',
-                },
-                {
-                    originX: 'end',
-                    originY: 'bottom',
-                    overlayX: 'start',
-                    overlayY: 'top',
-                },
-                {
-                    originX: 'end',
-                    originY: 'top',
-                    overlayX: 'start',
-                    overlayY: 'bottom',
-                },
-            ];
-        }
-        DatatableColumnPreferencesButtonComponent.prototype.ngOnInit = function () { };
-        DatatableColumnPreferencesButtonComponent.prototype._resetColumns = function (event) {
-            this._columnsAlterationsManager.clear();
-        };
-        return DatatableColumnPreferencesButtonComponent;
-    }());
-    DatatableColumnPreferencesButtonComponent.decorators = [
-        { type: i0.Component, args: [{
-                    selector: 'seam-datatable-column-preferences-button',
-                    template: "<ng-template #colPrefsTpl>\n  <seam-datatable-column-preferences></seam-datatable-column-preferences>\n</ng-template>\n\n<seam-menu #menu\n  menuClass=\"list-group py-0 border-0 seam-datatable-action-menu\"\n  animationType=\"fade\">\n  <button seamMenuItem\n    type=\"button\"\n    class=\"list-group-item list-group-item-action py-1\"\n    [seamPopover]=\"colPrefsTpl\">\n    Show/Hide Columns\n  </button>\n\n  <button seamMenuItem\n    type=\"button\"\n    class=\"list-group-item list-group-item-action py-1\"\n    (click)=\"_resetColumns($event)\">\n    Reset Columns\n  </button>\n</seam-menu>\n\n<button type=\"button\" class=\"btn btn-lightgray btn-sm\"\n  [seamMenuToggle]=\"menu\"\n  [positions]=\"_actionMenuPositions || []\"\n  style=\"padding-left: 10px; padding-right: 10px;\"\n  title=\"Column Preferences\">\n  <seam-icon [icon]=\"icon\"></seam-icon>\n  <span class=\"sr-only\">Column Preferences</span>\n</button>\n\n",
-                    changeDetection: i0.ChangeDetectionStrategy.OnPush,
-                    styles: [""]
-                },] }
-    ];
-    DatatableColumnPreferencesButtonComponent.ctorParameters = function () { return [
-        { type: ColumnsAlterationsManagerService }
-    ]; };
-
-    var DatatableExportButtonComponent = /** @class */ (function () {
-        function DatatableExportButtonComponent(_datatable, _toastr, _loading, _valueHelper, _data) {
-            this._datatable = _datatable;
-            this._toastr = _toastr;
-            this._loading = _loading;
-            this._valueHelper = _valueHelper;
-            this._data = _data;
-            this.icon = freeSolidSvgIcons.faFileDownload;
-            if (this._data && this._data.exporters) {
-                this.exporters = this._data.exporters;
-            }
-        }
-        Object.defineProperty(DatatableExportButtonComponent.prototype, "disabled", {
-            get: function () {
-                return !(this.exporters && this.exporters.length > 0);
-            },
-            enumerable: false,
-            configurable: true
-        });
-        DatatableExportButtonComponent.prototype.ngOnInit = function () { };
-        DatatableExportButtonComponent.prototype._onExporterClicked = function (exporter) {
-            var _this = this;
-            if (!exporter.export) {
-                var msg = i0.isDevMode()
-                    ? "Exporter '" + exporter.name + "' is missing an export method."
-                    : exporter.label + " export is not available.";
-                this._toastr.error(msg, 'Data Export');
-            }
-            var export$ = rxjs.combineLatest([
-                this._datatable.rows$,
-                this._datatable.columns$.pipe(operators.map(function (cols) { return cols.filter(function (c) { return !isInternalColumn(c); }); }))
-            ]).pipe(operators.take(1), operators.map(function (_a) {
-                var _b = __read(_a, 2), rows = _b[0], columns = _b[1];
-                if (exporter.skipDataMapping) {
-                    return rows;
-                }
-                return _this._mapExportData(columns || [], rows);
-            }), operators.concatMap(function (data) { return exporter.export(data); }), operators.catchError(function (err) {
-                console.error(err);
-                return rxjs.of(false);
-            }), operators.tap(function (success) {
-                if (success) {
-                    _this._toastr.success(exporter.label + " export complete.", 'Data Export');
-                }
-                else {
-                    _this._toastr.error(exporter.label + " export failed.", 'Data Export');
-                }
-            }));
-            this._loading.while(export$).subscribe();
-        };
-        DatatableExportButtonComponent.prototype._mapExportData = function (columns, rows) {
-            var e_1, _a, e_2, _b;
-            var data = [];
-            try {
-                for (var rows_1 = __values(rows), rows_1_1 = rows_1.next(); !rows_1_1.done; rows_1_1 = rows_1.next()) {
-                    var row = rows_1_1.value;
-                    var newRow = {};
-                    try {
-                        for (var columns_1 = (e_2 = void 0, __values(columns)), columns_1_1 = columns_1.next(); !columns_1_1.done; columns_1_1 = columns_1.next()) {
-                            var col = columns_1_1.value;
-                            if (!col.exportIgnore) {
-                                var colName = col.exportHeader || col.name || col.prop;
-                                if (colName) {
-                                    newRow[colName] = this._rowValue(col, row);
-                                }
-                            }
-                        }
-                    }
-                    catch (e_2_1) { e_2 = { error: e_2_1 }; }
-                    finally {
-                        try {
-                            if (columns_1_1 && !columns_1_1.done && (_b = columns_1.return)) _b.call(columns_1);
-                        }
-                        finally { if (e_2) throw e_2.error; }
-                    }
-                    data.push(newRow);
-                }
-            }
-            catch (e_1_1) { e_1 = { error: e_1_1 }; }
-            finally {
-                try {
-                    if (rows_1_1 && !rows_1_1.done && (_a = rows_1.return)) _a.call(rows_1);
-                }
-                finally { if (e_1) throw e_1.error; }
-            }
-            return data;
-        };
-        DatatableExportButtonComponent.prototype._rowValue = function (column, row) {
-            if (utils.hasProperty(column, 'exportValue')) {
-                var context = { value: column.prop ? row[column.prop] : undefined, row: row };
-                return this._valueHelper.evalSync(column.exportValue, context);
-            }
-            var colProp = column.prop;
-            if (colProp) {
-                return row[colProp];
-            }
-            return undefined;
-        };
-        return DatatableExportButtonComponent;
-    }());
-    DatatableExportButtonComponent.decorators = [
-        { type: i0.Component, args: [{
-                    selector: 'seam-datatable-export-button',
-                    template: "<seam-menu #menu>\n  <button *ngFor=\"let exp of exporters\"\n    seamMenuItem\n    [icon]=\"exp?.icon\"\n    (click)=\"_onExporterClicked(exp)\">\n    {{ exp.label }}\n  </button>\n</seam-menu>\n<button\n  [seamMenuToggle]=\"menu\"\n  seamButton\n  theme=\"lightgray\"\n  size=\"sm\"\n  class=\"dropdown-toggle\"\n  style=\"padding-left: 10px; padding-right: 10px;\"\n  title=\"Export\"\n  [disabled]=\"disabled\"\n  >\n  <seam-icon [icon]=\"icon\" class=\"mr-2\"></seam-icon>\n</button>\n",
-                    changeDetection: i0.ChangeDetectionStrategy.OnPush,
-                    styles: [":host{display:inline-block}\n"]
-                },] }
-    ];
-    DatatableExportButtonComponent.ctorParameters = function () { return [
-        { type: DatatableComponent, decorators: [{ type: i0.Inject, args: [THESEAM_DATATABLE,] }] },
-        { type: ngxToastr.ToastrService },
-        { type: loading.TheSeamLoadingOverlayService },
-        { type: dynamic.DynamicValueHelperService },
-        { type: undefined, decorators: [{ type: i0.Optional }, { type: i0.Inject, args: [dynamic.THESEAM_DYNAMIC_DATA,] }] }
-    ]; };
-    DatatableExportButtonComponent.propDecorators = {
-        exporters: [{ type: i0.Input }]
-    };
-
-    var DatatableMenuBarColumnCenterComponent = /** @class */ (function () {
-        function DatatableMenuBarColumnCenterComponent() {
-        }
-        DatatableMenuBarColumnCenterComponent.prototype.ngOnInit = function () {
-        };
-        return DatatableMenuBarColumnCenterComponent;
-    }());
-    DatatableMenuBarColumnCenterComponent.decorators = [
-        { type: i0.Component, args: [{
-                    selector: 'seam-datatable-menu-bar-column-center',
-                    template: "<ng-content></ng-content>\n",
-                    changeDetection: i0.ChangeDetectionStrategy.OnPush,
-                    styles: [":host{display:flex;flex-direction:row;flex:1 1 auto;justify-content:center}\n"]
-                },] }
-    ];
-    DatatableMenuBarColumnCenterComponent.ctorParameters = function () { return []; };
-
-    var DatatableMenuBarColumnLeftComponent = /** @class */ (function () {
-        function DatatableMenuBarColumnLeftComponent() {
-        }
-        DatatableMenuBarColumnLeftComponent.prototype.ngOnInit = function () {
-        };
-        return DatatableMenuBarColumnLeftComponent;
-    }());
-    DatatableMenuBarColumnLeftComponent.decorators = [
-        { type: i0.Component, args: [{
-                    selector: 'seam-datatable-menu-bar-column-left',
-                    template: "<ng-content></ng-content>\n",
-                    changeDetection: i0.ChangeDetectionStrategy.OnPush,
-                    styles: [":host{display:flex;flex-direction:row;flex:1 1 0%;justify-content:flex-start}\n"]
-                },] }
-    ];
-    DatatableMenuBarColumnLeftComponent.ctorParameters = function () { return []; };
-
-    var DatatableMenuBarColumnRightComponent = /** @class */ (function () {
-        function DatatableMenuBarColumnRightComponent() {
-        }
-        DatatableMenuBarColumnRightComponent.prototype.ngOnInit = function () {
-        };
-        return DatatableMenuBarColumnRightComponent;
-    }());
-    DatatableMenuBarColumnRightComponent.decorators = [
-        { type: i0.Component, args: [{
-                    selector: 'seam-datatable-menu-bar-column-right',
-                    template: "<ng-content></ng-content>\n",
-                    changeDetection: i0.ChangeDetectionStrategy.OnPush,
-                    styles: [":host{display:flex;flex-direction:row;flex:1 1 0%;justify-content:flex-end}\n"]
-                },] }
-    ];
-    DatatableMenuBarColumnRightComponent.ctorParameters = function () { return []; };
-
-    var DatatableMenuBarRowComponent = /** @class */ (function () {
-        function DatatableMenuBarRowComponent() {
-        }
-        DatatableMenuBarRowComponent.prototype.ngOnInit = function () {
-        };
-        return DatatableMenuBarRowComponent;
-    }());
-    DatatableMenuBarRowComponent.decorators = [
-        { type: i0.Component, args: [{
-                    selector: 'seam-datatable-menu-bar-row',
-                    template: "<ng-content></ng-content>\n",
-                    changeDetection: i0.ChangeDetectionStrategy.OnPush,
-                    styles: [":host{display:flex;flex-direction:row;flex-wrap:wrap}\n"]
-                },] }
-    ];
-    DatatableMenuBarRowComponent.ctorParameters = function () { return []; };
-
-    var THESEAM_MENUBAR_ITEM_DATA = new i0.InjectionToken('MenubarItemData');
-
-    var DatatableMenuBarTextComponent = /** @class */ (function () {
-        function DatatableMenuBarTextComponent(_menuBar, _data) {
-            this._menuBar = _menuBar;
-            this._data = _data;
-            if (utils.notNullOrUndefined(this._data)) {
-                if (utils.hasProperty(this._data, 'value')) {
-                    this.value = this._data.value;
-                }
-            }
-        }
-        DatatableMenuBarTextComponent.prototype.ngOnInit = function () { };
-        return DatatableMenuBarTextComponent;
-    }());
-    DatatableMenuBarTextComponent.decorators = [
-        { type: i0.Component, args: [{
-                    selector: 'seam-datatable-menu-bar-text',
-                    template: "{{ value }}\n",
-                    changeDetection: i0.ChangeDetectionStrategy.OnPush,
-                    styles: [""]
-                },] }
-    ];
-    DatatableMenuBarTextComponent.ctorParameters = function () { return [
-        { type: DatatableMenuBarComponent },
-        { type: undefined, decorators: [{ type: i0.Optional }, { type: i0.Inject, args: [THESEAM_MENUBAR_ITEM_DATA,] }] }
-    ]; };
-    DatatableMenuBarTextComponent.propDecorators = {
-        value: [{ type: i0.Input }]
-    };
-
-    var DatatableActionMenuItemDirective = /** @class */ (function () {
-        function DatatableActionMenuItemDirective(_modal, _dynamicComponentLoader, _http) {
-            this._modal = _modal;
-            this._dynamicComponentLoader = _dynamicComponentLoader;
-            this._http = _http;
-            this._listGroupItem = true;
-            this._listGroupItemAction = true;
-            this.click = new i0.EventEmitter();
-        }
-        DatatableActionMenuItemDirective.prototype.ngOnInit = function () { };
-        DatatableActionMenuItemDirective.prototype.ngOnDestroy = function () { };
-        return DatatableActionMenuItemDirective;
-    }());
-    DatatableActionMenuItemDirective.decorators = [
-        { type: i0.Directive, args: [{
-                    selector: '[seamDatatableActionMenuItem]'
-                },] }
-    ];
-    DatatableActionMenuItemDirective.ctorParameters = function () { return [
-        { type: modal.Modal },
-        { type: dynamicComponentLoader.TheSeamDynamicComponentLoader },
-        { type: http.HttpClient, decorators: [{ type: i0.Optional }] }
-    ]; };
-    DatatableActionMenuItemDirective.propDecorators = {
-        _listGroupItem: [{ type: i0.HostBinding, args: ['class.list-group-item',] }],
-        _listGroupItemAction: [{ type: i0.HostBinding, args: ['class.list-group-item-action',] }],
-        label: [{ type: i0.Input }],
-        href: [{ type: i0.Input, args: ['attr.href',] }],
-        target: [{ type: i0.Input }],
-        queryParams: [{ type: i0.Input }],
-        fragment: [{ type: i0.Input }],
-        queryParamsHandling: [{ type: i0.Input }],
-        preserveFragment: [{ type: i0.Input }],
-        skipLocationChange: [{ type: i0.Input }],
-        replaceUrl: [{ type: i0.Input }],
-        state: [{ type: i0.Input }],
-        routerLink: [{ type: i0.Input }],
-        confirmDialog: [{ type: i0.Input }],
-        row: [{ type: i0.Input }],
-        click: [{ type: i0.Output }]
-    };
-
-    var DatatableActionMenuToggleDirective = /** @class */ (function () {
-        function DatatableActionMenuToggleDirective(_elementRef, _viewContainerRef, _overlay) {
-            this._elementRef = _elementRef;
-            this._viewContainerRef = _viewContainerRef;
-            this._overlay = _overlay;
-            this._active = false;
-            this._actionDown = false;
-        }
-        DatatableActionMenuToggleDirective.prototype._onKeydown = function (event) {
-            if (event.keyCode === keycodes.ESCAPE) {
-                this.disable();
-            }
-        };
-        DatatableActionMenuToggleDirective.prototype._onClick = function (event) {
-            this.toggle();
-        };
-        DatatableActionMenuToggleDirective.prototype._mouseDown = function (event) { this.onInputDown(event); };
-        DatatableActionMenuToggleDirective.prototype._pointerDown = function (event) { this.onInputDown(event); };
-        DatatableActionMenuToggleDirective.prototype._mouseUp = function (event) { this.onInputUp(event); };
-        DatatableActionMenuToggleDirective.prototype._pointerUp = function (event) { this.onInputUp(event); };
-        Object.defineProperty(DatatableActionMenuToggleDirective.prototype, "active", {
-            get: function () { return this._active; },
-            enumerable: false,
-            configurable: true
-        });
-        DatatableActionMenuToggleDirective.prototype.toggle = function () {
-            if (this._active) {
-                this.disable();
-            }
-            else {
-                this.enable();
-            }
-        };
-        DatatableActionMenuToggleDirective.prototype.enable = function () {
-            if (this.active) {
-                return;
-            }
-            if (!this.seamDatatableActionMenuToggle) {
-                return;
-            }
-            this._overlayRef = this._overlay.create({
-                hasBackdrop: false,
-                positionStrategy: this.getOverlayPosition(this._elementRef.nativeElement),
-            });
-            this._overlayRef.attach(new portal.TemplatePortal(this.seamDatatableActionMenuToggle, this._viewContainerRef));
-            this._active = true;
-        };
-        DatatableActionMenuToggleDirective.prototype.disable = function () {
-            var _a;
-            if (!this.active) {
-                return;
-            }
-            if ((_a = this._overlayRef) === null || _a === void 0 ? void 0 : _a.hasAttached()) {
-                this._overlayRef.detach();
-            }
-            this._active = false;
-        };
-        DatatableActionMenuToggleDirective.prototype.getOverlayPosition = function (origin) {
-            var positionStrategy = this._overlay.position()
-                .flexibleConnectedTo(origin)
-                .withPositions(this.getPositions())
-                .withFlexibleDimensions(false)
-                .withPush(false);
-            return positionStrategy;
-        };
-        DatatableActionMenuToggleDirective.prototype.getPositions = function () {
-            return [
-                {
-                    originX: 'start',
-                    originY: 'bottom',
-                    overlayX: 'end',
-                    overlayY: 'top',
-                },
-                {
-                    originX: 'start',
-                    originY: 'top',
-                    overlayX: 'end',
-                    overlayY: 'bottom',
-                },
-                {
-                    originX: 'end',
-                    originY: 'bottom',
-                    overlayX: 'start',
-                    overlayY: 'top',
-                },
-                {
-                    originX: 'end',
-                    originY: 'top',
-                    overlayX: 'start',
-                    overlayY: 'bottom',
-                },
-            ];
-        };
-        DatatableActionMenuToggleDirective.prototype.onFocusChangeOverlay = function (event) {
-            if (event === null) {
-                if (!this._actionDown) {
-                    // this.disable()
-                }
-            }
-        };
-        DatatableActionMenuToggleDirective.prototype.onInputDown = function (event) {
-            this._actionDown = true;
-        };
-        DatatableActionMenuToggleDirective.prototype.onInputUp = function (event) {
-            this._actionDown = false;
-        };
-        return DatatableActionMenuToggleDirective;
-    }());
-    DatatableActionMenuToggleDirective.decorators = [
-        { type: i0.Directive, args: [{
-                    selector: '[seamDatatableActionMenuToggle]',
-                    exportAs: 'seamDatatableActionMenuToggle'
-                },] }
-    ];
-    DatatableActionMenuToggleDirective.ctorParameters = function () { return [
-        { type: i0.ElementRef },
-        { type: i0.ViewContainerRef },
-        { type: overlay.Overlay }
-    ]; };
-    DatatableActionMenuToggleDirective.propDecorators = {
-        seamDatatableActionMenuToggle: [{ type: i0.Input }],
-        _onKeydown: [{ type: i0.HostListener, args: ['document:keydown', ['$event'],] }],
-        _onClick: [{ type: i0.HostListener, args: ['click', ['$event'],] }],
-        _mouseDown: [{ type: i0.HostListener, args: ['mousedown', ['$event'],] }],
-        _pointerDown: [{ type: i0.HostListener, args: ['pointerdown', ['$event'],] }],
-        _mouseUp: [{ type: i0.HostListener, args: ['mouseup', ['$event'],] }],
-        _pointerUp: [{ type: i0.HostListener, args: ['pointerup', ['$event'],] }]
-    };
-
-    var DatatableGqlDataSource = /** @class */ (function (_super) {
-        __extends(DatatableGqlDataSource, _super);
-        function DatatableGqlDataSource() {
-            return _super !== null && _super.apply(this, arguments) || this;
-        }
-        DatatableGqlDataSource.prototype.connect = function (collectionViewer) {
-            throw new Error('Method not implemented.');
-            // return combineLatest([
-            //   this.sorts$,
-            //   this.filterStates$,
-            //   this.page$
-            // ]).pipe()
-        };
-        DatatableGqlDataSource.prototype.disconnect = function (collectionViewer) {
-            throw new Error('Method not implemented.');
-        };
-        return DatatableGqlDataSource;
-    }(DatatableDataSource));
-
-    var TheSeamDatatableScrollbarHelperService = /** @class */ (function () {
-        function TheSeamDatatableScrollbarHelperService(_ngZone, _scrollbars) {
-            this._ngZone = _ngZone;
-            this._scrollbars = _scrollbars;
-            this.width = 0;
-            /**
-             * Animates programmatic scrolling, such as switching pages.
-             *
-             * NOTE: Animating the scrolling works, but the datatable may need changes
-             * before this is enabled, because it seems a little stuttery when it moves.
-             */
-            this.animatedScrolling = false;
-            this.animatedScrollingTime = 250;
-        }
-        TheSeamDatatableScrollbarHelperService.prototype.onInitScroller = function (scroller) {
-            var _this = this;
-            this._scrollbars.initializeInstance(scroller.parentElement, {
-                callbacks: {
-                    onScroll: function (e) {
-                        _this._ngZone.run(function () {
-                            scroller.onScrolled(e);
-                        });
-                    }
-                }
-            });
-        };
-        TheSeamDatatableScrollbarHelperService.prototype.onDestroyScroller = function (scroller) {
-            this._scrollbars.destroyInstance(scroller.parentElement);
-        };
-        TheSeamDatatableScrollbarHelperService.prototype.setOffset = function (scroller, offsetY) {
-            var _this = this;
-            this._ngZone.runOutsideAngular(function () {
-                if (_this.animatedScrolling) {
-                    _this._scrollbars.getInstance(scroller.parentElement)
-                        .scroll({ y: offsetY }, _this.animatedScrollingTime);
-                }
-                else {
-                    _this._scrollbars.getInstance(scroller.parentElement)
-                        .scroll({ y: offsetY });
-                }
-            });
-        };
-        return TheSeamDatatableScrollbarHelperService;
-    }());
-    TheSeamDatatableScrollbarHelperService.decorators = [
-        { type: i0.Injectable }
-    ];
-    TheSeamDatatableScrollbarHelperService.ctorParameters = function () { return [
-        { type: i0.NgZone },
-        { type: scrollbar.OverlayScrollbarsService }
-    ]; };
-
-    function withStoredColumnInfo(columns, preferenceColumns) {
-        var e_1, _a;
-        var _columns = [];
-        var _loop_1 = function (col) {
-            var storedCol = preferenceColumns.find(function (v) { return v.prop === col.prop; });
-            if (storedCol) {
-                var _col = Object.assign({}, col);
-                if (utils.hasProperty(storedCol, 'width')) {
-                    _col.width = Math.max(storedCol.width, 0);
-                }
-                _col.canAutoResize = storedCol.canAutoResize;
-                _columns.push(_col);
-            }
-            else {
-                _columns.push(col);
-            }
-        };
-        try {
-            for (var columns_1 = __values(columns), columns_1_1 = columns_1.next(); !columns_1_1.done; columns_1_1 = columns_1.next()) {
-                var col = columns_1_1.value;
-                _loop_1(col);
-            }
-        }
-        catch (e_1_1) { e_1 = { error: e_1_1 }; }
-        finally {
-            try {
-                if (columns_1_1 && !columns_1_1.done && (_a = columns_1.return)) _a.call(columns_1);
-            }
-            finally { if (e_1) throw e_1.error; }
-        }
-        return _columns;
-    }
-
-    var TheSeamDatatableModule = /** @class */ (function () {
-        function TheSeamDatatableModule() {
-        }
-        return TheSeamDatatableModule;
-    }());
-    TheSeamDatatableModule.decorators = [
-        { type: i0.NgModule, args: [{
-                    declarations: [
-                        DatatableComponent,
-                        DatatableCellTplDirective,
-                        DatatableColumnComponent,
-                        DatatableActionMenuComponent,
-                        DatatableActionMenuToggleDirective,
-                        DatatableActionMenuItemComponent,
-                        DatatableMenuBarComponent,
-                        DatatableFilterDirective,
-                        DatatableRowActionItemDirective,
-                        DatatableExportButtonComponent,
-                        TheSeamDatatableRowDetailDirective,
-                        DatatableRowDetailTplDirective,
-                        TheSeamDatatableFooterDirective,
-                        DatatableFooterTplDirective,
-                        DatatableColumnPreferencesComponent,
-                        DatatableColumnPreferencesButtonComponent,
-                        DatatableActionMenuItemDirective,
-                        DatatableMenuBarRowComponent,
-                        DatatableMenuBarColumnLeftComponent,
-                        DatatableMenuBarColumnCenterComponent,
-                        DatatableMenuBarColumnRightComponent,
-                        DatatableMenuBarTextComponent,
-                    ],
-                    imports: [
-                        common.CommonModule,
-                        ngxDatatable.NgxDatatableModule,
-                        angularFontawesome.FontAwesomeModule,
-                        overlay.OverlayModule,
-                        a11y.A11yModule,
-                        shared.TheSeamSharedModule,
-                        router.RouterModule,
-                        menu.TheSeamMenuModule,
-                        buttons.TheSeamButtonsModule,
-                        icon.TheSeamIconModule,
-                        ngxToastr.ToastrModule,
-                        loading.TheSeamLoadingModule,
-                        portal.PortalModule,
-                        confirmDialog.TheSeamConfirmDialogModule,
-                        popover.TheSeamPopoverModule,
-                        checkbox.TheSeamCheckboxModule,
-                        formField.TheSeamFormFieldModule,
-                        forms.ReactiveFormsModule,
-                        tableCellType.TheSeamTableCellTypeModule
-                    ],
-                    exports: [
-                        DatatableComponent,
-                        DatatableCellTplDirective,
-                        DatatableColumnComponent,
-                        DatatableActionMenuComponent,
-                        DatatableActionMenuItemComponent,
-                        DatatableMenuBarComponent,
-                        DatatableFilterDirective,
-                        DatatableRowActionItemDirective,
-                        DatatableExportButtonComponent,
-                        TheSeamDatatableRowDetailDirective,
-                        DatatableRowDetailTplDirective,
-                        TheSeamDatatableFooterDirective,
-                        DatatableFooterTplDirective,
-                        DatatableColumnPreferencesComponent,
-                        DatatableColumnPreferencesButtonComponent,
-                        DatatableActionMenuItemDirective,
-                        DatatableMenuBarRowComponent,
-                        DatatableMenuBarColumnLeftComponent,
-                        DatatableMenuBarColumnCenterComponent,
-                        DatatableMenuBarColumnRightComponent,
-                        DatatableMenuBarTextComponent
-                    ],
-                    providers: [
-                        { provide: ngxDatatable.ScrollbarHelper, useClass: TheSeamDatatableScrollbarHelperService }
-                    ],
-                    entryComponents: [
-                        DatatableColumnPreferencesComponent,
-                        DatatableExportButtonComponent,
-                        DatatableMenuBarTextComponent
-                    ]
-                },] }
-    ];
-
-    /**
-     * Generated bundle index. Do not edit.
-     */
-
-    exports.CURRENT_DATATABLE_PREFERENCES_VERSION = CURRENT_DATATABLE_PREFERENCES_VERSION;
-    exports.DatatableActionMenuComponent = DatatableActionMenuComponent;
-    exports.DatatableActionMenuItemComponent = DatatableActionMenuItemComponent;
-    exports.DatatableActionMenuItemDirective = DatatableActionMenuItemDirective;
-    exports.DatatableActionMenuToggleDirective = DatatableActionMenuToggleDirective;
-    exports.DatatableCellTplDirective = DatatableCellTplDirective;
-    exports.DatatableColumnChangesService = DatatableColumnChangesService;
-    exports.DatatableColumnComponent = DatatableColumnComponent;
-    exports.DatatableColumnPreferencesButtonComponent = DatatableColumnPreferencesButtonComponent;
-    exports.DatatableColumnPreferencesComponent = DatatableColumnPreferencesComponent;
-    exports.DatatableComponent = DatatableComponent;
-    exports.DatatableDataSource = DatatableDataSource;
-    exports.DatatableExportButtonComponent = DatatableExportButtonComponent;
-    exports.DatatableFilterDirective = DatatableFilterDirective;
-    exports.DatatableFooterTplDirective = DatatableFooterTplDirective;
-    exports.DatatableGqlDataSource = DatatableGqlDataSource;
-    exports.DatatableMenuBarColumnCenterComponent = DatatableMenuBarColumnCenterComponent;
-    exports.DatatableMenuBarColumnLeftComponent = DatatableMenuBarColumnLeftComponent;
-    exports.DatatableMenuBarColumnRightComponent = DatatableMenuBarColumnRightComponent;
-    exports.DatatableMenuBarComponent = DatatableMenuBarComponent;
-    exports.DatatableMenuBarRowComponent = DatatableMenuBarRowComponent;
-    exports.DatatableMenuBarTextComponent = DatatableMenuBarTextComponent;
-    exports.DatatablePreferencesService = DatatablePreferencesService;
-    exports.DatatableRowActionItemDirective = DatatableRowActionItemDirective;
-    exports.DatatableRowDetailTplDirective = DatatableRowDetailTplDirective;
-    exports.EMPTY_DATATABLE_PREFERENCES = EMPTY_DATATABLE_PREFERENCES;
-    exports.THESEAM_DATATABLE = THESEAM_DATATABLE;
-    exports.THESEAM_DATATABLE_PREFERENCES_ACCESSOR = THESEAM_DATATABLE_PREFERENCES_ACCESSOR;
-    exports.THESEAM_MENUBAR_ITEM_DATA = THESEAM_MENUBAR_ITEM_DATA;
-    exports.TheSeamDatatableFooterDirective = TheSeamDatatableFooterDirective;
-    exports.TheSeamDatatableModule = TheSeamDatatableModule;
-    exports.TheSeamDatatableRowDetailDirective = TheSeamDatatableRowDetailDirective;
-    exports.TheSeamDatatableScrollbarHelperService = TheSeamDatatableScrollbarHelperService;
-    exports._THESEAM_DATATABLE = _THESEAM_DATATABLE;
-    exports._THESEAM_DATATABLE_ACCESSOR = _THESEAM_DATATABLE_ACCESSOR;
-    exports._THESEAM_DATA_FILTER_CONTAINER = _THESEAM_DATA_FILTER_CONTAINER;
-    exports.withStoredColumnInfo = withStoredColumnInfo;
-    exports["ɵa"] = THESEAM_DATATABLE_ACCESSOR;
-    exports["ɵb"] = ColumnsManagerService;
-    exports["ɵc"] = ColumnsAlterationsManagerService;
-
-    Object.defineProperty(exports, '__esModule', { value: true });
-
-}));
-//# sourceMappingURL=theseam-ui-common-datatable.umd.js.map