angular-slickgrid 3.3.2 → 4.1.2

package/bundles/angular-slickgrid.umd.js

@@ -1,2642 +0,0 @@
-(function (global, factory) {
-    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@slickgrid-universal/common'), require('@angular/core'), require('@ngx-translate/core'), require('slickgrid/plugins/slick.rowdetailview'), require('slickgrid/plugins/slick.rowselectionmodel'), require('@slickgrid-universal/event-pub-sub'), require('rxjs'), require('dompurify'), require('jquery-ui/ui/widgets/draggable'), require('jquery-ui/ui/widgets/droppable'), require('jquery-ui/ui/widgets/sortable'), require('slickgrid/lib/jquery.event.drag-2.3.0'), require('slickgrid/lib/jquery.mousewheel'), require('slickgrid/slick.core'), require('slickgrid/slick.grid'), require('slickgrid/slick.dataview'), require('slickgrid/slick.groupitemmetadataprovider'), require('@slickgrid-universal/empty-warning-component'), require('@slickgrid-universal/custom-footer-component'), require('@slickgrid-universal/pagination-component'), require('@slickgrid-universal/rxjs-observable'), require('dequal/lite'), require('@angular/common')) :
-    typeof define === 'function' && define.amd ? define('angular-slickgrid', ['exports', '@slickgrid-universal/common', '@angular/core', '@ngx-translate/core', 'slickgrid/plugins/slick.rowdetailview', 'slickgrid/plugins/slick.rowselectionmodel', '@slickgrid-universal/event-pub-sub', 'rxjs', 'dompurify', 'jquery-ui/ui/widgets/draggable', 'jquery-ui/ui/widgets/droppable', 'jquery-ui/ui/widgets/sortable', 'slickgrid/lib/jquery.event.drag-2.3.0', 'slickgrid/lib/jquery.mousewheel', 'slickgrid/slick.core', 'slickgrid/slick.grid', 'slickgrid/slick.dataview', 'slickgrid/slick.groupitemmetadataprovider', '@slickgrid-universal/empty-warning-component', '@slickgrid-universal/custom-footer-component', '@slickgrid-universal/pagination-component', '@slickgrid-universal/rxjs-observable', 'dequal/lite', '@angular/common'], factory) :
-    (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory(global['angular-slickgrid'] = {}, global.common, global.ng.core, global['ngx-translate-core'], null, null, global.eventPubSub, global.rxjs, global.dompurify, null, null, null, null, null, null, null, null, null, global.emptyWarningComponent, global.customFooterComponent, global.paginationComponent, global.rxjsObservable, global.lite, global.ng.common));
-}(this, (function (exports, common, core, core$1, slick_rowdetailview, slick_rowselectionmodel, eventPubSub, rxjs, DOMPurify_, draggable, droppable, sortable, jquery_event_drag2_3_0, jquery_mousewheel, slick_core, slick_grid, slick_dataview, slick_groupitemmetadataprovider, emptyWarningComponent, customFooterComponent, paginationComponent, rxjsObservable, lite, common$1) { '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 DOMPurify___namespace = /*#__PURE__*/_interopNamespace(DOMPurify_);
-
-    var AngularUtilService = /** @class */ (function () {
-        function AngularUtilService(compFactoryResolver, appRef, injector) {
-            this.compFactoryResolver = compFactoryResolver;
-            this.appRef = appRef;
-            this.injector = injector;
-        }
-        // ref https://hackernoon.com/angular-pro-tip-how-to-dynamically-create-components-in-body-ba200cc289e6
-        AngularUtilService.prototype.createAngularComponent = function (component) {
-            // Create a component reference from the component
-            var componentRef = this.compFactoryResolver
-                .resolveComponentFactory(component)
-                .create(this.injector);
-            // Attach component to the appRef so that it's inside the ng component tree
-            this.appRef.attachView(componentRef.hostView);
-            // Get DOM element from component
-            var domElem;
-            var viewRef = componentRef.hostView;
-            if (viewRef && Array.isArray(viewRef.rootNodes) && viewRef.rootNodes[0]) {
-                domElem = viewRef.rootNodes[0];
-            }
-            return { componentRef: componentRef, domElement: domElem };
-        };
-        // ref https://hackernoon.com/angular-pro-tip-how-to-dynamically-create-components-in-body-ba200cc289e6
-        AngularUtilService.prototype.createAngularComponentAppendToDom = function (component, targetElement, clearTargetContent) {
-            if (clearTargetContent === void 0) { clearTargetContent = false; }
-            var componentOutput = this.createAngularComponent(component);
-            // Append DOM element to the HTML element specified
-            if (targetElement && targetElement.appendChild) {
-                if (clearTargetContent && targetElement.innerHTML) {
-                    targetElement.innerHTML = '';
-                }
-                targetElement.appendChild(componentOutput.domElement);
-            }
-            else {
-                document.body.appendChild(componentOutput.domElement); // when no target provided, we'll simply add it to the HTML Body
-            }
-            return componentOutput;
-        };
-        return AngularUtilService;
-    }());
-    AngularUtilService.decorators = [
-        { type: core.Injectable }
-    ];
-    AngularUtilService.ctorParameters = function () { return [
-        { type: core.ComponentFactoryResolver },
-        { type: core.ApplicationRef },
-        { type: core.Injector }
-    ]; };
-
-    // Boostrap dropdown service
-    var BsDropDownService = /** @class */ (function () {
-        function BsDropDownService(angularUtilService) {
-            this.angularUtilService = angularUtilService;
-        }
-        Object.defineProperty(BsDropDownService.prototype, "domElement", {
-            get: function () {
-                return this._domElement;
-            },
-            enumerable: false,
-            configurable: true
-        });
-        Object.defineProperty(BsDropDownService.prototype, "domContainerElement", {
-            get: function () {
-                return this._domContainerElement;
-            },
-            enumerable: false,
-            configurable: true
-        });
-        Object.defineProperty(BsDropDownService.prototype, "gridViewport", {
-            get: function () {
-                return $('.slick-viewport');
-            },
-            enumerable: false,
-            configurable: true
-        });
-        BsDropDownService.prototype.dispose = function () {
-            if (this._domElement && this._domElement.remove) {
-                this._domElement.remove();
-            }
-        };
-        BsDropDownService.prototype.dropContainerShow = function () {
-            if (this._domContainerElement && this._domContainerElement.show) {
-                this._domContainerElement.show();
-            }
-        };
-        BsDropDownService.prototype.render = function (dropdownParams) {
-            var _this = this;
-            return new Promise(function (resolve) {
-                var component = dropdownParams.component, args = dropdownParams.args, parent = dropdownParams.parent, offsetTop = dropdownParams.offsetTop, offsetLeft = dropdownParams.offsetLeft, offsetDropupBottom = dropdownParams.offsetDropupBottom;
-                var cell = args.cell;
-                var row = args.row;
-                _this._domContainerElement = $("#myDrop-r" + row + "-c" + cell);
-                if (_this._domContainerElement) {
-                    // hide the dropdown we created as a formatter Component, we'll redisplay it later
-                    var cellPos_1 = _this._domContainerElement.offset();
-                    var componentOutput_1 = _this.angularUtilService.createAngularComponent(component);
-                    var componentInstance = componentOutput_1 && componentOutput_1.componentRef && componentOutput_1.componentRef.instance;
-                    if (componentInstance) {
-                        var myDropId_1 = componentInstance.dropdownId || 'myDrop';
-                        var dropDownToggleId_1 = componentInstance.dropDownToggleId || 'dropdownMenu1';
-                        _this._domElement = $("#" + myDropId_1);
-                        if (_this._domElement) {
-                            // make sure to remove any previous Action dropdown elements, to avoid having multiple element of the same on top of each other
-                            _this.dispose();
-                            // assign the row data to the dropdown component instance
-                            Object.assign(componentInstance, { parent: parent, row: args.row, dataContext: args.grid.getDataItem(args.row) });
-                            // use a delay to make sure Angular ran at least a full cycle and make sure it finished rendering the Component before using it
-                            setTimeout(function () {
-                                // create a new dropdown element
-                                _this._domElement = $(componentOutput_1.domElement);
-                                var topPos = (cellPos_1 && cellPos_1.top || 0) + 30 + (offsetTop || 0);
-                                var leftPos = (cellPos_1 && cellPos_1.left || 0) + (offsetLeft || 0);
-                                _this._domElement.appendTo('body');
-                                _this._domElement.css('position', 'absolute');
-                                _this._domElement.css('top', topPos);
-                                _this._domElement.css('left', leftPos);
-                                $("#" + myDropId_1).addClass('open');
-                                $("#" + dropDownToggleId_1).hide();
-                                // check if it should drop Up or Down
-                                var offset = 35;
-                                var iElement = $('.dropdown-menu');
-                                var iElementWrapper = iElement.parent();
-                                var iElementWrapperOffset = iElementWrapper.offset() || {};
-                                var iElementWrapperOffsetTop = iElementWrapperOffset.top || iElementWrapper && iElementWrapper.length > 0 && iElementWrapper[0].offsetTop;
-                                var iElementHeight = iElement.height();
-                                var windowHeight = window.innerHeight;
-                                var shouldDropUp = (windowHeight - iElementHeight - offset) < iElementWrapperOffsetTop;
-                                var menuMarginTop = '0px';
-                                if (shouldDropUp) {
-                                    var offsetBottom = offsetDropupBottom || 0;
-                                    menuMarginTop = '-'.concat("" + (iElementHeight + offset + offsetBottom + 5), 'px');
-                                }
-                                _this._domElement.css({ 'margin-top': menuMarginTop });
-                                // set dropdown margin left according to the document width
-                                var parentOffset = iElementWrapperOffset.left;
-                                var leftMargin = parentOffset - $(document).width();
-                                _this._domElement.css({ 'margin-left': (_this._domElement.width() + leftMargin + 60) + 'px' });
-                                try {
-                                    _this._domElement.dropdown('show'); // required for Bootstrap 4 only
-                                }
-                                catch (e) {
-                                    // Bootstrap 3 wil throw an error since that method doesn't exist, we can safely disregard it
-                                }
-                                _this._domElement.on('hidden.bs.dropdown', function () { return _this.dropContainerShow(); });
-                                // hide dropdown menu on grid scroll
-                                _this.gridViewport.on('scroll', function () { return _this.dispose(); });
-                                // hide on dropdown click
-                                _this._domElement.on('click', function () { return _this.dispose(); });
-                                resolve(true);
-                            });
-                        }
-                    }
-                }
-            });
-        };
-        return BsDropDownService;
-    }());
-    BsDropDownService.decorators = [
-        { type: core.Injectable }
-    ];
-    BsDropDownService.ctorParameters = function () { return [
-        { type: AngularUtilService }
-    ]; };
-
-    var ContainerService = /** @class */ (function () {
-        function ContainerService() {
-            this.dependencies = [];
-        }
-        ContainerService.prototype.get = function (key) {
-            var dependency = this.dependencies.find(function (dep) { return dep.key === key; });
-            if (dependency === null || dependency === void 0 ? void 0 : dependency.instance) {
-                return dependency.instance;
-            }
-            return null;
-        };
-        ContainerService.prototype.registerInstance = function (key, instance) {
-            var dependency = this.dependencies.some(function (dep) { return dep.key === key; });
-            if (!dependency) {
-                this.dependencies.push({ key: key, instance: instance });
-            }
-        };
-        return ContainerService;
-    }());
-    ContainerService.decorators = [
-        { type: core.Injectable }
-    ];
-    ContainerService.ctorParameters = function () { return []; };
-
-    /*! *****************************************************************************
-    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;
-    }
-
-    /**
-     * This is a Translate Service Wrapper for Slickgrid-Universal monorepo lib to work properly,
-     * it must implement Slickgrid-Universal TranslaterService interface to work properly
-     */
-    var TranslaterService = /** @class */ (function () {
-        function TranslaterService(translateService) {
-            this.translateService = translateService;
-        }
-        /**
-         * Method to return the current language used by the App
-         * @return {string} current language
-         */
-        TranslaterService.prototype.getCurrentLanguage = function () {
-            var _a, _b;
-            return (_b = (_a = this.translateService) === null || _a === void 0 ? void 0 : _a.currentLang) !== null && _b !== void 0 ? _b : '';
-        };
-        /**
-         * Method to set the language to use in the App and Translate Service
-         * @param {string} language
-         * @return {Promise} output
-         */
-        TranslaterService.prototype.use = function (newLang) {
-            var _a, _b;
-            return __awaiter(this, void 0, void 0, function () {
-                return __generator(this, function (_c) {
-                    return [2 /*return*/, (_b = (_a = this.translateService) === null || _a === void 0 ? void 0 : _a.use) === null || _b === void 0 ? void 0 : _b.call(_a, newLang)];
-                });
-            });
-        };
-        /**
-         * Method which receives a translation key and returns the translated value assigned to that key
-         * @param {string} translation key
-         * @return {string} translated value
-         */
-        TranslaterService.prototype.translate = function (translationKey) {
-            var _a, _b;
-            return (_b = (_a = this.translateService) === null || _a === void 0 ? void 0 : _a.instant) === null || _b === void 0 ? void 0 : _b.call(_a, translationKey || ' ');
-        };
-        return TranslaterService;
-    }());
-    TranslaterService.decorators = [
-        { type: core.Injectable }
-    ];
-    TranslaterService.ctorParameters = function () { return [
-        { type: core$1.TranslateService, decorators: [{ type: core.Optional }] }
-    ]; };
-
-    /**
-     * Unsubscribe all Observables Subscriptions
-     * It will return an empty array if it all went well
-     * @param subscriptions
-     */
-    function unsubscribeAllObservables(subscriptions) {
-        if (Array.isArray(subscriptions)) {
-            subscriptions.forEach(function (subscription) {
-                if (subscription && subscription.unsubscribe) {
-                    subscription.unsubscribe();
-                }
-            });
-            subscriptions = [];
-        }
-        return subscriptions;
-    }
-
-    var DOMPurify = DOMPurify___namespace['default'] || DOMPurify___namespace; // patch to fix rollup to work
-    var ROW_DETAIL_CONTAINER_PREFIX = 'container_';
-    var PRELOAD_CONTAINER_PREFIX = 'container_loading';
-    var RowDetailViewExtension = /** @class */ (function () {
-        function RowDetailViewExtension(angularUtilService, appRef, eventPubSubService, sharedService, rxjs) {
-            this.angularUtilService = angularUtilService;
-            this.appRef = appRef;
-            this.eventPubSubService = eventPubSubService;
-            this.sharedService = sharedService;
-            this.rxjs = rxjs;
-            this._views = [];
-            this._subscriptions = [];
-            this._eventHandler = new Slick.EventHandler();
-        }
-        Object.defineProperty(RowDetailViewExtension.prototype, "datasetIdPropName", {
-            get: function () {
-                return this.gridOptions.datasetIdPropertyName || 'id';
-            },
-            enumerable: false,
-            configurable: true
-        });
-        Object.defineProperty(RowDetailViewExtension.prototype, "eventHandler", {
-            get: function () {
-                return this._eventHandler;
-            },
-            enumerable: false,
-            configurable: true
-        });
-        Object.defineProperty(RowDetailViewExtension.prototype, "gridOptions", {
-            get: function () {
-                var _a, _b;
-                return ((_b = (_a = this.sharedService) === null || _a === void 0 ? void 0 : _a.gridOptions) !== null && _b !== void 0 ? _b : {});
-            },
-            enumerable: false,
-            configurable: true
-        });
-        Object.defineProperty(RowDetailViewExtension.prototype, "rowDetailViewOptions", {
-            get: function () {
-                return this.gridOptions.rowDetailView;
-            },
-            enumerable: false,
-            configurable: true
-        });
-        RowDetailViewExtension.prototype.addRxJsResource = function (rxjs) {
-            this.rxjs = rxjs;
-        };
-        /** Dispose of the RowDetailView Extension */
-        RowDetailViewExtension.prototype.dispose = function () {
-            // unsubscribe all SlickGrid events
-            this._eventHandler.unsubscribeAll();
-            if (this._addon && this._addon.destroy) {
-                this._addon.destroy();
-            }
-            this._addonOptions = null;
-            // also unsubscribe all RxJS subscriptions
-            this._subscriptions = unsubscribeAllObservables(this._subscriptions);
-            this.disposeAllViewComponents();
-        };
-        /** Dispose of all the opened Row Detail Panels Angular View Components */
-        RowDetailViewExtension.prototype.disposeAllViewComponents = function () {
-            var _this = this;
-            this._views.forEach(function (compRef) { return _this.disposeViewComponent(compRef); });
-            this._views = [];
-        };
-        /**
-         * Create the plugin before the Grid creation, else it will behave oddly.
-         * Mostly because the column definitions might change after the grid creation
-         */
-        RowDetailViewExtension.prototype.create = function (columnDefinitions, gridOptions) {
-            var _this = this;
-            var _a, _b;
-            if (columnDefinitions && gridOptions) {
-                if (!gridOptions.rowDetailView) {
-                    throw new Error('The Row Detail View requires options to be passed via the "rowDetailView" property of the Grid Options');
-                }
-                if (gridOptions === null || gridOptions === void 0 ? void 0 : gridOptions.rowDetailView) {
-                    if (!this._addon) {
-                        if (typeof gridOptions.rowDetailView.process === 'function') {
-                            // we need to keep the user "process" method and replace it with our own execution method
-                            // we do this because when we get the item detail, we need to call "onAsyncResponse.notify" for the plugin to work
-                            this._userProcessFn = gridOptions.rowDetailView.process; // keep user's process method
-                            gridOptions.rowDetailView.process = function (item) { return _this.onProcessing(item); }; // replace process method & run our internal one
-                        }
-                        else {
-                            throw new Error('You need to provide a "process" function for the Row Detail Extension to work properly');
-                        }
-                        // load the Preload & RowDetail Templates (could be straight HTML or Angular View/ViewModel)
-                        // when those are Angular View/ViewModel, we need to create View Component & provide the html containers to the Plugin (preTemplate/postTemplate methods)
-                        if (!gridOptions.rowDetailView.preTemplate) {
-                            this._preloadComponent = (_a = gridOptions === null || gridOptions === void 0 ? void 0 : gridOptions.rowDetailView) === null || _a === void 0 ? void 0 : _a.preloadComponent;
-                            gridOptions.rowDetailView.preTemplate = function () { return DOMPurify.sanitize("<div class=\"" + PRELOAD_CONTAINER_PREFIX + "\"></div>"); };
-                        }
-                        if (!gridOptions.rowDetailView.postTemplate) {
-                            this._viewComponent = (_b = gridOptions === null || gridOptions === void 0 ? void 0 : gridOptions.rowDetailView) === null || _b === void 0 ? void 0 : _b.viewComponent;
-                            gridOptions.rowDetailView.postTemplate = function (itemDetail) { return DOMPurify.sanitize("<div class=\"" + ROW_DETAIL_CONTAINER_PREFIX + itemDetail[_this.datasetIdPropName] + "\"></div>"); };
-                        }
-                        // finally register the Row Detail View Plugin
-                        this._addonOptions = gridOptions.rowDetailView;
-                        this._addon = new Slick.Plugins.RowDetailView(this._addonOptions);
-                    }
-                    var iconColumn = this._addon.getColumnDefinition();
-                    if (typeof iconColumn === 'object') {
-                        iconColumn.excludeFromExport = true;
-                        iconColumn.excludeFromColumnPicker = true;
-                        iconColumn.excludeFromGridMenu = true;
-                        iconColumn.excludeFromQuery = true;
-                        iconColumn.excludeFromHeaderMenu = true;
-                        // column index position in the grid
-                        var columnPosition = gridOptions && gridOptions.rowDetailView && gridOptions.rowDetailView.columnIndexPosition || 0;
-                        if (columnPosition > 0) {
-                            columnDefinitions.splice(columnPosition, 0, iconColumn);
-                        }
-                        else {
-                            columnDefinitions.unshift(iconColumn);
-                        }
-                    }
-                }
-                return this._addon;
-            }
-            return null;
-        };
-        /** Get the instance of the SlickGrid addon (control or plugin). */
-        RowDetailViewExtension.prototype.getAddonInstance = function () {
-            return this._addon;
-        };
-        RowDetailViewExtension.prototype.register = function (rowSelectionPlugin) {
-            var _this = this;
-            var _a;
-            if (((_a = this.sharedService) === null || _a === void 0 ? void 0 : _a.slickGrid) && this.sharedService.gridOptions) {
-                // the plugin has to be created BEFORE the grid (else it behaves oddly), but we can only watch grid events AFTER the grid is created
-                this.sharedService.slickGrid.registerPlugin(this._addon);
-                // this also requires the Row Selection Model to be registered as well
-                if (!rowSelectionPlugin || !this.sharedService.slickGrid.getSelectionModel()) {
-                    rowSelectionPlugin = new Slick.RowSelectionModel(this.sharedService.gridOptions.rowSelectionOptions || { selectActiveRow: true });
-                    this.sharedService.slickGrid.setSelectionModel(rowSelectionPlugin);
-                }
-                // hook all events
-                if (this.sharedService.slickGrid && this.rowDetailViewOptions) {
-                    if (this.rowDetailViewOptions.onExtensionRegistered) {
-                        this.rowDetailViewOptions.onExtensionRegistered(this._addon);
-                    }
-                    this._eventHandler.subscribe(this._addon.onAsyncResponse, function (e, args) {
-                        if (_this.rowDetailViewOptions && typeof _this.rowDetailViewOptions.onAsyncResponse === 'function') {
-                            _this.rowDetailViewOptions.onAsyncResponse(e, args);
-                        }
-                    });
-                    this._eventHandler.subscribe(this._addon.onAsyncEndUpdate, function (e, args) {
-                        // triggers after backend called "onAsyncResponse.notify()"
-                        _this.renderViewModel(args && args.item);
-                        if (_this.rowDetailViewOptions && typeof _this.rowDetailViewOptions.onAsyncEndUpdate === 'function') {
-                            _this.rowDetailViewOptions.onAsyncEndUpdate(e, args);
-                        }
-                    });
-                    this._eventHandler.subscribe(this._addon.onAfterRowDetailToggle, function (e, args) {
-                        // display preload template & re-render all the other Detail Views after toggling
-                        // the preload View will eventually go away once the data gets loaded after the "onAsyncEndUpdate" event
-                        _this.renderPreloadView();
-                        _this.renderAllViewComponents();
-                        if (_this.rowDetailViewOptions && typeof _this.rowDetailViewOptions.onAfterRowDetailToggle === 'function') {
-                            _this.rowDetailViewOptions.onAfterRowDetailToggle(e, args);
-                        }
-                    });
-                    this._eventHandler.subscribe(this._addon.onBeforeRowDetailToggle, function (e, args) {
-                        // before toggling row detail, we need to create View Component if it doesn't exist
-                        _this.onBeforeRowDetailToggle(e, args);
-                        if (_this.rowDetailViewOptions && typeof _this.rowDetailViewOptions.onBeforeRowDetailToggle === 'function') {
-                            _this.rowDetailViewOptions.onBeforeRowDetailToggle(e, args);
-                        }
-                    });
-                    this._eventHandler.subscribe(this._addon.onRowBackToViewportRange, function (e, args) {
-                        // when row is back to viewport range, we will re-render the View Component(s)
-                        _this.onRowBackToViewportRange(e, args);
-                        if (_this.rowDetailViewOptions && typeof _this.rowDetailViewOptions.onRowBackToViewportRange === 'function') {
-                            _this.rowDetailViewOptions.onRowBackToViewportRange(e, args);
-                        }
-                    });
-                    this._eventHandler.subscribe(this._addon.onRowOutOfViewportRange, function (e, args) {
-                        if (_this.rowDetailViewOptions && typeof _this.rowDetailViewOptions.onRowOutOfViewportRange === 'function') {
-                            _this.rowDetailViewOptions.onRowOutOfViewportRange(e, args);
-                        }
-                    });
-                    // --
-                    // hook some events needed by the Plugin itself
-                    // we need to redraw the open detail views if we change column position (column reorder)
-                    this._eventHandler.subscribe(this.sharedService.slickGrid.onColumnsReordered, this.redrawAllViewComponents.bind(this));
-                    // on row selection changed, we also need to redraw
-                    if (this.gridOptions.enableRowSelection || this.gridOptions.enableCheckboxSelector) {
-                        this._eventHandler.subscribe(this.sharedService.slickGrid.onSelectedRowsChanged, this.redrawAllViewComponents.bind(this));
-                    }
-                    // on sort, all row detail are collapsed so we can dispose of all the Views as well
-                    this._eventHandler.subscribe(this.sharedService.slickGrid.onSort, this.disposeAllViewComponents.bind(this));
-                    // on filter changed, we need to re-render all Views
-                    this._subscriptions.push(this.eventPubSubService.subscribe('onFilterChanged', this.redrawAllViewComponents.bind(this)));
-                }
-                return this._addon;
-            }
-            return null;
-        };
-        /** Redraw (re-render) all the expanded row detail View Components */
-        RowDetailViewExtension.prototype.redrawAllViewComponents = function () {
-            var _this = this;
-            this._views.forEach(function (compRef) {
-                _this.redrawViewComponent(compRef);
-            });
-        };
-        /** Render all the expanded row detail View Components */
-        RowDetailViewExtension.prototype.renderAllViewComponents = function () {
-            var _this = this;
-            this._views.forEach(function (view) {
-                if (view && view.dataContext) {
-                    _this.renderViewModel(view.dataContext);
-                }
-            });
-        };
-        /** Redraw the necessary View Component */
-        RowDetailViewExtension.prototype.redrawViewComponent = function (createdView) {
-            var containerElements = document.getElementsByClassName("" + ROW_DETAIL_CONTAINER_PREFIX + createdView.id);
-            if (containerElements && containerElements.length >= 0) {
-                this.renderViewModel(createdView.dataContext);
-            }
-        };
-        /** Render (or re-render) the View Component (Row Detail) */
-        RowDetailViewExtension.prototype.renderPreloadView = function () {
-            var containerElements = document.getElementsByClassName("" + PRELOAD_CONTAINER_PREFIX);
-            if (containerElements && containerElements.length >= 0) {
-                this.angularUtilService.createAngularComponentAppendToDom(this._preloadComponent, containerElements[containerElements.length - 1], true);
-            }
-        };
-        /** Render (or re-render) the View Component (Row Detail) */
-        RowDetailViewExtension.prototype.renderViewModel = function (item) {
-            var _this = this;
-            var containerElements = document.getElementsByClassName("" + ROW_DETAIL_CONTAINER_PREFIX + item[this.datasetIdPropName]);
-            if (containerElements && containerElements.length > 0) {
-                var componentOutput = this.angularUtilService.createAngularComponentAppendToDom(this._viewComponent, containerElements[containerElements.length - 1], true);
-                if (componentOutput && componentOutput.componentRef && componentOutput.componentRef.instance) {
-                    // pass a few properties to the Row Detail template component
-                    Object.assign(componentOutput.componentRef.instance, {
-                        model: item,
-                        addon: this._addon,
-                        grid: this.sharedService.slickGrid,
-                        dataView: this.sharedService.dataView,
-                        parent: this.rowDetailViewOptions && this.rowDetailViewOptions.parent,
-                    });
-                    var viewObj = this._views.find(function (obj) { return obj.id === item[_this.datasetIdPropName]; });
-                    if (viewObj) {
-                        viewObj.componentRef = componentOutput.componentRef;
-                    }
-                    return viewObj;
-                }
-            }
-            return undefined;
-        };
-        // --
-        // private functions
-        // ------------------
-        RowDetailViewExtension.prototype.disposeViewComponent = function (expandedView) {
-            var compRef = expandedView === null || expandedView === void 0 ? void 0 : expandedView.componentRef;
-            if (compRef) {
-                this.appRef.detachView(compRef.hostView);
-                if (compRef === null || compRef === void 0 ? void 0 : compRef.destroy) {
-                    compRef.destroy();
-                }
-                return expandedView;
-            }
-            return null;
-        };
-        /**
-         * notify the onAsyncResponse with the "args.item" (required property)
-         * the plugin will then use item to populate the row detail panel with the "postTemplate"
-         * @param item
-         */
-        RowDetailViewExtension.prototype.notifyTemplate = function (item) {
-            if (this._addon) {
-                this._addon.onAsyncResponse.notify({ item: item }, undefined, this);
-            }
-        };
-        /**
-         * On Processing, we will notify the plugin with the new item detail once backend server call completes
-         * @param item
-         */
-        RowDetailViewExtension.prototype.onProcessing = function (item) {
-            return __awaiter(this, void 0, void 0, function () {
-                var awaitedItemDetail, userProcessFn, response;
-                return __generator(this, function (_c) {
-                    switch (_c.label) {
-                        case 0:
-                            if (!(item && typeof this._userProcessFn === 'function')) return [3 /*break*/, 5];
-                            awaitedItemDetail = void 0;
-                            userProcessFn = this._userProcessFn(item);
-                            return [4 /*yield*/, userProcessFn];
-                        case 1:
-                            response = _c.sent();
-                            if (!response.hasOwnProperty(this.datasetIdPropName)) return [3 /*break*/, 2];
-                            awaitedItemDetail = response; // from Promise
-                            return [3 /*break*/, 4];
-                        case 2:
-                            if (!(response && response instanceof rxjs.Observable || response instanceof Promise)) return [3 /*break*/, 4];
-                            return [4 /*yield*/, common.castObservableToPromise(this.rxjs, response)];
-                        case 3:
-                            awaitedItemDetail = _c.sent(); // from Angular-http-client
-                            _c.label = 4;
-                        case 4:
-                            if (!awaitedItemDetail || !awaitedItemDetail.hasOwnProperty(this.datasetIdPropName)) {
-                                throw new Error("[Angular-Slickgrid] could not process the Row Detail, you must make sure that your \"process\" callback\n          (a Promise or an HttpClient call returning an Observable) returns an item object that has an \"" + this.datasetIdPropName + "\" property");
-                            }
-                            // notify the plugin with the new item details
-                            this.notifyTemplate(awaitedItemDetail || {});
-                            _c.label = 5;
-                        case 5: return [2 /*return*/];
-                    }
-                });
-            });
-        };
-        /**
-         * Just before the row get expanded or collapsed we will do the following
-         * First determine if the row is expanding or collapsing,
-         * if it's expanding we will add it to our View Components reference array if we don't already have it
-         * or if it's collapsing we will remove it from our View Components reference array
-         */
-        RowDetailViewExtension.prototype.onBeforeRowDetailToggle = function (e, args) {
-            var _this = this;
-            // expanding
-            if (args && args.item && args.item.__collapsed) {
-                // expanding row detail
-                var viewInfo = {
-                    id: args.item[this.datasetIdPropName],
-                    dataContext: args.item
-                };
-                var idPropName = this.gridOptions.datasetIdPropertyName || 'id';
-                common.addToArrayWhenNotExists(this._views, viewInfo, idPropName);
-            }
-            else {
-                // collapsing, so dispose of the View/Component
-                var foundViewIndex = this._views.findIndex(function (view) { return view.id === args.item[_this.datasetIdPropName]; });
-                if (foundViewIndex >= 0 && this._views.hasOwnProperty(foundViewIndex)) {
-                    var compRef = this._views[foundViewIndex].componentRef;
-                    if (compRef) {
-                        this.appRef.detachView(compRef.hostView);
-                        compRef.destroy();
-                    }
-                    this._views.splice(foundViewIndex, 1);
-                }
-            }
-        };
-        /** When Row comes back to Viewport Range, we need to redraw the View */
-        RowDetailViewExtension.prototype.onRowBackToViewportRange = function (e, args) {
-            var _this = this;
-            if (args && args.item) {
-                this._views.forEach(function (view) {
-                    if (view.id === args.item[_this.datasetIdPropName]) {
-                        _this.redrawViewComponent(view);
-                    }
-                });
-            }
-        };
-        return RowDetailViewExtension;
-    }());
-    RowDetailViewExtension.decorators = [
-        { type: core.Injectable }
-    ];
-    RowDetailViewExtension.ctorParameters = function () { return [
-        { type: AngularUtilService },
-        { type: core.ApplicationRef },
-        { type: eventPubSub.EventPubSubService },
-        { type: common.SharedService },
-        { type: common.RxJsFacade }
-    ]; };
-
-    /** Global Grid Options Defaults */
-    var GlobalGridOptions = {
-        alwaysShowVerticalScroll: true,
-        autoEdit: false,
-        asyncEditorLoading: false,
-        autoFitColumnsOnFirstLoad: true,
-        autoResize: {
-            applyResizeToContainer: true,
-            calculateAvailableSizeBy: 'window',
-            bottomPadding: 20,
-            minHeight: 180,
-            minWidth: 300,
-            rightPadding: 0
-        },
-        cellHighlightCssClass: 'slick-cell-modified',
-        checkboxSelector: {
-            cssClass: 'slick-cell-checkboxsel'
-        },
-        columnPicker: {
-            fadeSpeed: 0,
-            hideForceFitButton: false,
-            hideSyncResizeButton: true,
-            headerColumnValueExtractor: pickerHeaderColumnValueExtractor
-        },
-        cellMenu: {
-            autoAdjustDrop: true,
-            autoAlignSide: true,
-            hideCloseButton: true,
-            hideCommandSection: false,
-            hideOptionSection: false,
-        },
-        contextMenu: {
-            autoAdjustDrop: true,
-            autoAlignSide: true,
-            hideCloseButton: true,
-            hideClearAllGrouping: false,
-            hideCollapseAllGroups: false,
-            hideCommandSection: false,
-            hideCopyCellValueCommand: false,
-            hideExpandAllGroups: false,
-            hideExportCsvCommand: false,
-            hideExportExcelCommand: false,
-            hideExportTextDelimitedCommand: true,
-            hideMenuOnScroll: true,
-            hideOptionSection: false,
-            iconCopyCellValueCommand: 'fa fa-clone',
-            iconExportCsvCommand: 'fa fa-download',
-            iconExportExcelCommand: 'fa fa-file-excel-o text-success',
-            iconExportTextDelimitedCommand: 'fa fa-download',
-            width: 200,
-        },
-        customFooterOptions: {
-            dateFormat: 'YYYY-MM-DD, hh:mm a',
-            hideRowSelectionCount: false,
-            hideTotalItemCount: false,
-            hideLastUpdateTimestamp: true,
-            footerHeight: 25,
-            leftContainerClass: 'col-xs-12 col-sm-5',
-            rightContainerClass: 'col-xs-6 col-sm-7',
-            metricSeparator: '|',
-            metricTexts: {
-                items: 'items',
-                itemsKey: 'ITEMS',
-                itemsSelected: 'items selected',
-                itemsSelectedKey: 'ITEMS_SELECTED',
-                of: 'of',
-                ofKey: 'OF',
-            }
-        },
-        dataView: {
-            syncGridSelection: true,
-            syncGridSelectionWithBackendService: false, // but disable it when using backend services
-        },
-        datasetIdPropertyName: 'id',
-        defaultFilter: common.Filters.input,
-        defaultBackendServiceFilterTypingDebounce: 500,
-        defaultColumnSortFieldId: 'id',
-        defaultFilterPlaceholder: '🔎︎',
-        defaultFilterRangeOperator: common.OperatorType.rangeInclusive,
-        editable: false,
-        enableAutoResize: true,
-        enableAutoSizeColumns: true,
-        enableCellNavigation: false,
-        enableColumnPicker: true,
-        enableColumnReorder: true,
-        enableColumnResizeOnDoubleClick: true,
-        enableContextMenu: true,
-        enableExcelExport: true,
-        enableExport: false,
-        enableFilterTrimWhiteSpace: false,
-        enableGridMenu: true,
-        enableHeaderMenu: true,
-        enableEmptyDataWarningMessage: true,
-        emptyDataWarning: {
-            className: 'slick-empty-data-warning',
-            message: 'No data to display.',
-            messageKey: 'EMPTY_DATA_WARNING_MESSAGE',
-            hideFrozenLeftWarning: false,
-            hideFrozenRightWarning: false,
-            leftViewportMarginLeft: '40%',
-            rightViewportMarginLeft: '40%',
-            frozenLeftViewportMarginLeft: '0px',
-            frozenRightViewportMarginLeft: '40%',
-        },
-        enableMouseHoverHighlightRow: true,
-        enableSorting: true,
-        enableTextSelectionOnCells: true,
-        eventNamingStyle: common.EventNamingStyle.camelCase,
-        explicitInitialization: true,
-        excelExportOptions: {
-            addGroupIndentation: true,
-            exportWithFormatter: false,
-            filename: 'export',
-            format: common.FileType.xlsx,
-            groupingColumnHeaderTitle: 'Group By',
-            groupCollapsedSymbol: '⮞',
-            groupExpandedSymbol: '⮟',
-            groupingAggregatorRowText: '',
-            sanitizeDataExport: false,
-        },
-        exportOptions: {
-            delimiter: common.DelimiterType.comma,
-            exportWithFormatter: false,
-            filename: 'export',
-            format: common.FileType.csv,
-            groupingColumnHeaderTitle: 'Group By',
-            groupingAggregatorRowText: '',
-            sanitizeDataExport: false,
-            useUtf8WithBom: true
-        },
-        filterTypingDebounce: 0,
-        forceFitColumns: false,
-        frozenHeaderWidthCalcDifferential: 0,
-        gridMenu: {
-            commandLabels: {
-                clearAllFiltersCommandKey: 'CLEAR_ALL_FILTERS',
-                clearAllSortingCommandKey: 'CLEAR_ALL_SORTING',
-                clearFrozenColumnsCommandKey: 'CLEAR_PINNING',
-                exportCsvCommandKey: 'EXPORT_TO_CSV',
-                exportExcelCommandKey: 'EXPORT_TO_EXCEL',
-                exportTextDelimitedCommandKey: 'EXPORT_TO_TAB_DELIMITED',
-                refreshDatasetCommandKey: 'REFRESH_DATASET',
-                toggleFilterCommandKey: 'TOGGLE_FILTER_ROW',
-                togglePreHeaderCommandKey: 'TOGGLE_PRE_HEADER_ROW',
-            },
-            hideClearAllFiltersCommand: false,
-            hideClearAllSortingCommand: false,
-            hideClearFrozenColumnsCommand: true,
-            hideExportCsvCommand: false,
-            hideExportExcelCommand: false,
-            hideExportTextDelimitedCommand: true,
-            hideForceFitButton: false,
-            hideRefreshDatasetCommand: false,
-            hideSyncResizeButton: true,
-            hideToggleFilterCommand: false,
-            hideTogglePreHeaderCommand: false,
-            iconCssClass: 'fa fa-bars',
-            iconClearAllFiltersCommand: 'fa fa-filter text-danger',
-            iconClearAllSortingCommand: 'fa fa-unsorted text-danger',
-            iconClearFrozenColumnsCommand: 'fa fa-times',
-            iconExportCsvCommand: 'fa fa-download',
-            iconExportExcelCommand: 'fa fa-file-excel-o text-success',
-            iconExportTextDelimitedCommand: 'fa fa-download',
-            iconRefreshDatasetCommand: 'fa fa-refresh',
-            iconToggleFilterCommand: 'fa fa-random',
-            iconTogglePreHeaderCommand: 'fa fa-random',
-            menuWidth: 16,
-            resizeOnShowHeaderRow: true,
-            useClickToRepositionMenu: false,
-            headerColumnValueExtractor: pickerHeaderColumnValueExtractor
-        },
-        headerMenu: {
-            autoAlign: true,
-            autoAlignOffset: 12,
-            minWidth: 140,
-            iconClearFilterCommand: 'fa fa-filter text-danger',
-            iconClearSortCommand: 'fa fa-unsorted',
-            iconFreezeColumns: 'fa fa-thumb-tack',
-            iconSortAscCommand: 'fa fa-sort-amount-asc',
-            iconSortDescCommand: 'fa fa-sort-amount-desc',
-            iconColumnHideCommand: 'fa fa-times',
-            iconColumnResizeByContentCommand: 'fa fa-arrows-h',
-            hideColumnResizeByContentCommand: false,
-            hideColumnHideCommand: false,
-            hideClearFilterCommand: false,
-            hideClearSortCommand: false,
-            hideFreezeColumnsCommand: true,
-            hideSortCommands: false
-        },
-        headerRowHeight: 35,
-        multiColumnSort: true,
-        numberedMultiColumnSort: true,
-        tristateMultiColumnSort: false,
-        sortColNumberInSeparateSpan: true,
-        suppressActiveCellChangeOnEdit: true,
-        pagination: {
-            pageSizes: [10, 15, 20, 25, 30, 40, 50, 75, 100],
-            pageSize: 25,
-            totalItems: 0
-        },
-        // technically speaking the Row Detail requires the process & viewComponent but we'll ignore it just to set certain options
-        rowDetailView: {
-            cssClass: 'detail-view-toggle',
-            panelRows: 1,
-            keyPrefix: '__',
-            useRowClick: false,
-            useSimpleViewportCalc: true,
-            saveDetailViewOnScroll: false,
-        },
-        rowHeight: 35,
-        topPanelHeight: 35,
-        translationNamespaceSeparator: ':',
-        resetFilterSearchValueAfterOnBeforeCancellation: true,
-        resizeByContentOnlyOnFirstLoad: true,
-        resizeByContentOptions: {
-            alwaysRecalculateColumnWidth: false,
-            cellCharWidthInPx: 7.8,
-            cellPaddingWidthInPx: 14,
-            defaultRatioForStringType: 0.88,
-            formatterPaddingWidthInPx: 0,
-            maxItemToInspectCellContentWidth: 1000,
-            maxItemToInspectSingleColumnWidthByContent: 5000,
-            widthToRemoveFromExceededWidthReadjustment: 50,
-        },
-        treeDataOptions: {
-            exportIndentMarginLeft: 5,
-            exportIndentationLeadingChar: '͏͏͏͏͏͏͏͏͏·',
-        }
-    };
-    /**
-     * Value Extractor for both ColumnPicker & GridMenu Picker
-     * when using Column Header Grouping, we'll prefix the column group title
-     * else we'll simply return the column name title
-     */
-    function pickerHeaderColumnValueExtractor(column) {
-        var headerGroup = column && column.columnGroup || '';
-        if (headerGroup) {
-            return headerGroup + ' - ' + column.name;
-        }
-        return column && column.name || '';
-    }
-
-    var SlickgridConfig = /** @class */ (function () {
-        function SlickgridConfig() {
-            this.options = GlobalGridOptions;
-        }
-        return SlickgridConfig;
-    }());
-
-    var Constants = /** @class */ (function () {
-        function Constants() {
-        }
-        return Constants;
-    }());
-    // English Locale texts when using only 1 Locale instead of I18N
-    Constants.locales = {
-        TEXT_ALL_SELECTED: 'All Selected',
-        TEXT_ALL_X_RECORDS_SELECTED: 'All {{x}} records selected',
-        TEXT_APPLY_MASS_UPDATE: 'Apply Mass Update',
-        TEXT_APPLY_TO_SELECTION: 'Update Selection',
-        TEXT_CANCEL: 'Cancel',
-        TEXT_CLEAR_ALL_FILTERS: 'Clear all Filters',
-        TEXT_CLEAR_ALL_GROUPING: 'Clear all Grouping',
-        TEXT_CLEAR_ALL_SORTING: 'Clear all Sorting',
-        TEXT_CLEAR_PINNING: 'Unfreeze Columns/Rows',
-        TEXT_CLONE: 'Clone',
-        TEXT_COLLAPSE_ALL_GROUPS: 'Collapse all Groups',
-        TEXT_CONTAINS: 'Contains',
-        TEXT_COLUMNS: 'Columns',
-        TEXT_COLUMN_RESIZE_BY_CONTENT: 'Resize by Content',
-        TEXT_COMMANDS: 'Commands',
-        TEXT_COPY: 'Copy',
-        TEXT_EQUALS: 'Equals',
-        TEXT_EQUAL_TO: 'Equal to',
-        TEXT_ENDS_WITH: 'Ends With',
-        TEXT_ERROR_EDITABLE_GRID_REQUIRED: 'Your grid must be editable in order to use the Composite Editor Modal.',
-        TEXT_ERROR_ENABLE_CELL_NAVIGATION_REQUIRED: 'Composite Editor requires the flag "enableCellNavigation" to be set to True in your Grid Options.',
-        TEXT_ERROR_NO_CHANGES_DETECTED: 'Sorry we could not detect any changes.',
-        TEXT_ERROR_NO_EDITOR_FOUND: 'We could not find any Editor in your Column Definition.',
-        TEXT_ERROR_NO_RECORD_FOUND: 'No records selected for edit or clone operation.',
-        TEXT_ERROR_ROW_NOT_EDITABLE: 'Current row is not editable.',
-        TEXT_ERROR_ROW_SELECTION_REQUIRED: 'You must select some rows before trying to apply new value(s).',
-        TEXT_EXPAND_ALL_GROUPS: 'Expand all Groups',
-        TEXT_EXPORT_TO_CSV: 'Export in CSV format',
-        TEXT_EXPORT_TO_TEXT_FORMAT: 'Export in Text format (Tab delimited)',
-        TEXT_EXPORT_TO_EXCEL: 'Export to Excel',
-        TEXT_EXPORT_TO_TAB_DELIMITED: 'Export in Text format (Tab delimited)',
-        TEXT_FORCE_FIT_COLUMNS: 'Force fit columns',
-        TEXT_FREEZE_COLUMNS: 'Freeze Columns',
-        TEXT_GREATER_THAN: 'Greater than',
-        TEXT_GREATER_THAN_OR_EQUAL_TO: 'Greater than or equal to',
-        TEXT_GROUP_BY: 'Group By',
-        TEXT_HIDE_COLUMN: 'Hide Column',
-        TEXT_ITEMS: 'items',
-        TEXT_ITEMS_PER_PAGE: 'items per page',
-        TEXT_ITEMS_SELECTED: 'items selected',
-        TEXT_OF: 'of',
-        TEXT_OK: 'OK',
-        TEXT_LAST_UPDATE: 'Last Update',
-        TEXT_LESS_THAN: 'Less than',
-        TEXT_LESS_THAN_OR_EQUAL_TO: 'Less than or equal to',
-        TEXT_NOT_CONTAINS: 'Not contains',
-        TEXT_NOT_EQUAL_TO: 'Not equal to',
-        TEXT_PAGE: 'Page',
-        TEXT_REFRESH_DATASET: 'Refresh Dataset',
-        TEXT_REMOVE_FILTER: 'Remove Filter',
-        TEXT_REMOVE_SORT: 'Remove Sort',
-        TEXT_SAVE: 'Save',
-        TEXT_SELECT_ALL: 'Select All',
-        TEXT_SYNCHRONOUS_RESIZE: 'Synchronous resize',
-        TEXT_SORT_ASCENDING: 'Sort Ascending',
-        TEXT_SORT_DESCENDING: 'Sort Descending',
-        TEXT_STARTS_WITH: 'Starts With',
-        TEXT_TOGGLE_FILTER_ROW: 'Toggle Filter Row',
-        TEXT_TOGGLE_PRE_HEADER_ROW: 'Toggle Pre-Header Row',
-        TEXT_X_OF_Y_SELECTED: '# of % selected',
-        TEXT_X_OF_Y_MASS_SELECTED: '{{x}} of {{y}} selected',
-    };
-    Constants.treeDataProperties = {
-        CHILDREN_PROP: 'children',
-        COLLAPSED_PROP: '__collapsed',
-        HAS_CHILDREN_PROP: '__hasChildren',
-        TREE_LEVEL_PROP: '__treeLevel',
-        PARENT_PROP: '__parentId',
-    };
-    // some Validation default texts
-    Constants.VALIDATION_REQUIRED_FIELD = 'Field is required';
-    Constants.VALIDATION_EDITOR_VALID_NUMBER = 'Please enter a valid number';
-    Constants.VALIDATION_EDITOR_VALID_INTEGER = 'Please enter a valid integer number';
-    Constants.VALIDATION_EDITOR_INTEGER_BETWEEN = 'Please enter a valid integer number between {{minValue}} and {{maxValue}}';
-    Constants.VALIDATION_EDITOR_INTEGER_MAX = 'Please enter a valid integer number that is lower than {{maxValue}}';
-    Constants.VALIDATION_EDITOR_INTEGER_MAX_INCLUSIVE = 'Please enter a valid integer number that is lower than or equal to {{maxValue}}';
-    Constants.VALIDATION_EDITOR_INTEGER_MIN = 'Please enter a valid integer number that is greater than {{minValue}}';
-    Constants.VALIDATION_EDITOR_INTEGER_MIN_INCLUSIVE = 'Please enter a valid integer number that is greater than or equal to {{minValue}}';
-    Constants.VALIDATION_EDITOR_NUMBER_BETWEEN = 'Please enter a valid number between {{minValue}} and {{maxValue}}';
-    Constants.VALIDATION_EDITOR_NUMBER_MAX = 'Please enter a valid number that is lower than {{maxValue}}';
-    Constants.VALIDATION_EDITOR_NUMBER_MAX_INCLUSIVE = 'Please enter a valid number that is lower than or equal to {{maxValue}}';
-    Constants.VALIDATION_EDITOR_NUMBER_MIN = 'Please enter a valid number that is greater than {{minValue}}';
-    Constants.VALIDATION_EDITOR_NUMBER_MIN_INCLUSIVE = 'Please enter a valid number that is greater than or equal to {{minValue}}';
-    Constants.VALIDATION_EDITOR_DECIMAL_BETWEEN = 'Please enter a valid number with a maximum of {{maxDecimal}} decimals';
-    Constants.VALIDATION_EDITOR_TEXT_LENGTH_BETWEEN = 'Please make sure your text length is between {{minLength}} and {{maxLength}} characters';
-    Constants.VALIDATION_EDITOR_TEXT_MAX_LENGTH = 'Please make sure your text is less than {{maxLength}} characters';
-    Constants.VALIDATION_EDITOR_TEXT_MAX_LENGTH_INCLUSIVE = 'Please make sure your text is less than or equal to {{maxLength}} characters';
-    Constants.VALIDATION_EDITOR_TEXT_MIN_LENGTH = 'Please make sure your text is more than {{minLength}} character(s)';
-    Constants.VALIDATION_EDITOR_TEXT_MIN_LENGTH_INCLUSIVE = 'Please make sure your text is at least {{minLength}} character(s)';
-
-    var AngularSlickgridComponent = /** @class */ (function () {
-        function AngularSlickgridComponent(angularUtilService, appRef, cd, containerService, elm, translate, translaterService, forRootConfig, externalServices) {
-            var _a, _b, _c, _d, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r;
-            this.angularUtilService = angularUtilService;
-            this.appRef = appRef;
-            this.cd = cd;
-            this.containerService = containerService;
-            this.elm = elm;
-            this.translate = translate;
-            this.translaterService = translaterService;
-            this.forRootConfig = forRootConfig;
-            this._currentDatasetLength = 0;
-            this._eventHandler = new Slick.EventHandler();
-            this._hideHeaderRowAfterPageLoad = false;
-            this._isGridInitialized = false;
-            this._isDatasetInitialized = false;
-            this._isDatasetHierarchicalInitialized = false;
-            this._isPaginationInitialized = false;
-            this._isLocalGrid = true;
-            this._registeredResources = [];
-            this.groupingDefinition = {};
-            this.showPagination = false;
-            this.serviceList = [];
-            this.totalItems = 0;
-            this.subscriptions = [];
-            this.gridId = '';
-            var slickgridConfig = new common.SlickgridConfig();
-            // initialize and assign all Service Dependencies
-            this._eventPubSubService = (_a = externalServices === null || externalServices === void 0 ? void 0 : externalServices.eventPubSubService) !== null && _a !== void 0 ? _a : new eventPubSub.EventPubSubService(this.elm.nativeElement);
-            this._eventPubSubService.eventNamingStyle = common.EventNamingStyle.camelCase;
-            this.backendUtilityService = (_b = externalServices === null || externalServices === void 0 ? void 0 : externalServices.backendUtilityService) !== null && _b !== void 0 ? _b : new common.BackendUtilityService();
-            this.gridEventService = (_c = externalServices === null || externalServices === void 0 ? void 0 : externalServices.gridEventService) !== null && _c !== void 0 ? _c : new common.GridEventService();
-            this.sharedService = (_d = externalServices === null || externalServices === void 0 ? void 0 : externalServices.sharedService) !== null && _d !== void 0 ? _d : new common.SharedService();
-            this.collectionService = (_f = externalServices === null || externalServices === void 0 ? void 0 : externalServices.collectionService) !== null && _f !== void 0 ? _f : new common.CollectionService(this.translaterService);
-            this.extensionUtility = (_g = externalServices === null || externalServices === void 0 ? void 0 : externalServices.extensionUtility) !== null && _g !== void 0 ? _g : new common.ExtensionUtility(this.sharedService, this.translaterService);
-            this.filterFactory = new common.FilterFactory(slickgridConfig, this.translaterService, this.collectionService);
-            this.filterService = (_h = externalServices === null || externalServices === void 0 ? void 0 : externalServices.filterService) !== null && _h !== void 0 ? _h : new common.FilterService(this.filterFactory, this._eventPubSubService, this.sharedService, this.backendUtilityService);
-            this.resizerService = (_j = externalServices === null || externalServices === void 0 ? void 0 : externalServices.resizerService) !== null && _j !== void 0 ? _j : new common.ResizerService(this._eventPubSubService);
-            this.sortService = (_k = externalServices === null || externalServices === void 0 ? void 0 : externalServices.sortService) !== null && _k !== void 0 ? _k : new common.SortService(this.sharedService, this._eventPubSubService, this.backendUtilityService);
-            this.treeDataService = (_l = externalServices === null || externalServices === void 0 ? void 0 : externalServices.treeDataService) !== null && _l !== void 0 ? _l : new common.TreeDataService(this._eventPubSubService, this.sharedService, this.sortService);
-            this.paginationService = (_m = externalServices === null || externalServices === void 0 ? void 0 : externalServices.paginationService) !== null && _m !== void 0 ? _m : new common.PaginationService(this._eventPubSubService, this.sharedService, this.backendUtilityService);
-            // extensions
-            var autoTooltipExtension = new common.AutoTooltipExtension(this.sharedService);
-            var cellExternalCopyManagerExtension = new common.CellExternalCopyManagerExtension(this.extensionUtility, this.sharedService);
-            var cellMenuExtension = new common.CellMenuExtension(this.extensionUtility, this.sharedService, this.translaterService);
-            var contextMenuExtension = new common.ContextMenuExtension(this.extensionUtility, this._eventPubSubService, this.sharedService, this.treeDataService, this.translaterService);
-            var columnPickerExtension = new common.ColumnPickerExtension(this.extensionUtility, this.sharedService);
-            var checkboxExtension = new common.CheckboxSelectorExtension(this.sharedService);
-            var draggableGroupingExtension = new common.DraggableGroupingExtension(this.extensionUtility, this._eventPubSubService, this.sharedService);
-            var gridMenuExtension = new common.GridMenuExtension(this.extensionUtility, this.filterService, this._eventPubSubService, this.sharedService, this.sortService, this.backendUtilityService, this.translaterService);
-            var groupItemMetaProviderExtension = new common.GroupItemMetaProviderExtension(this.sharedService);
-            var headerButtonExtension = new common.HeaderButtonExtension(this.extensionUtility, this.sharedService);
-            var headerMenuExtension = new common.HeaderMenuExtension(this.extensionUtility, this.filterService, this._eventPubSubService, this.sharedService, this.sortService, this.translaterService);
-            var rowDetailViewExtension = new RowDetailViewExtension(this.angularUtilService, this.appRef, this._eventPubSubService, this.sharedService, this.rxjs);
-            var rowMoveManagerExtension = new common.RowMoveManagerExtension(this.sharedService);
-            var rowSelectionExtension = new common.RowSelectionExtension(this.sharedService);
-            this.extensionService = (_o = externalServices === null || externalServices === void 0 ? void 0 : externalServices.extensionService) !== null && _o !== void 0 ? _o : new common.ExtensionService(autoTooltipExtension, cellExternalCopyManagerExtension, cellMenuExtension, checkboxExtension, columnPickerExtension, contextMenuExtension, draggableGroupingExtension, gridMenuExtension, groupItemMetaProviderExtension, headerButtonExtension, headerMenuExtension, rowDetailViewExtension, rowMoveManagerExtension, rowSelectionExtension, this.sharedService, this.translaterService);
-            this.gridStateService = (_p = externalServices === null || externalServices === void 0 ? void 0 : externalServices.gridStateService) !== null && _p !== void 0 ? _p : new common.GridStateService(this.extensionService, this.filterService, this._eventPubSubService, this.sharedService, this.sortService, this.treeDataService);
-            this.gridService = (_q = externalServices === null || externalServices === void 0 ? void 0 : externalServices.gridService) !== null && _q !== void 0 ? _q : new common.GridService(this.gridStateService, this.filterService, this._eventPubSubService, this.paginationService, this.sharedService, this.sortService, this.treeDataService);
-            this.groupingService = (_r = externalServices === null || externalServices === void 0 ? void 0 : externalServices.groupingAndColspanService) !== null && _r !== void 0 ? _r : new common.GroupingAndColspanService(this.extensionUtility, this.extensionService, this._eventPubSubService);
-            this.serviceList = [
-                this.extensionService,
-                this.filterService,
-                this.gridEventService,
-                this.gridService,
-                this.gridStateService,
-                this.groupingService,
-                this.paginationService,
-                this.resizerService,
-                this.sortService,
-                this.treeDataService,
-            ];
-            // register all Service instances in the container
-            this.containerService.registerInstance('ExtensionUtility', this.extensionUtility);
-            this.containerService.registerInstance('FilterService', this.filterService);
-            this.containerService.registerInstance('CollectionService', this.collectionService);
-            this.containerService.registerInstance('ExtensionService', this.extensionService);
-            this.containerService.registerInstance('GridEventService', this.gridEventService);
-            this.containerService.registerInstance('GridService', this.gridService);
-            this.containerService.registerInstance('GridStateService', this.gridStateService);
-            this.containerService.registerInstance('GroupingAndColspanService', this.groupingService);
-            this.containerService.registerInstance('PaginationService', this.paginationService);
-            this.containerService.registerInstance('ResizerService', this.resizerService);
-            this.containerService.registerInstance('SharedService', this.sharedService);
-            this.containerService.registerInstance('SortService', this.sortService);
-            this.containerService.registerInstance('EventPubSubService', this._eventPubSubService);
-            this.containerService.registerInstance('PubSubService', this._eventPubSubService);
-            this.containerService.registerInstance('TranslaterService', this.translaterService);
-            this.containerService.registerInstance('TreeDataService', this.treeDataService);
-        }
-        Object.defineProperty(AngularSlickgridComponent.prototype, "paginationOptions", {
-            get: function () {
-                return this._paginationOptions;
-            },
-            set: function (newPaginationOptions) {
-                var _a, _b, _c;
-                if (newPaginationOptions && this._paginationOptions) {
-                    this._paginationOptions = Object.assign(Object.assign(Object.assign({}, this.gridOptions.pagination), this._paginationOptions), newPaginationOptions);
-                }
-                else {
-                    this._paginationOptions = newPaginationOptions;
-                }
-                this.gridOptions.pagination = (_a = this._paginationOptions) !== null && _a !== void 0 ? _a : this.gridOptions.pagination;
-                this.paginationService.updateTotalItems((_c = (_b = this.gridOptions.pagination) === null || _b === void 0 ? void 0 : _b.totalItems) !== null && _c !== void 0 ? _c : 0, true);
-            },
-            enumerable: false,
-            configurable: true
-        });
-        Object.defineProperty(AngularSlickgridComponent.prototype, "columnDefinitions", {
-            get: function () {
-                return this._columnDefinitions;
-            },
-            set: function (columnDefinitions) {
-                this._columnDefinitions = columnDefinitions;
-                if (this._isGridInitialized) {
-                    this.updateColumnDefinitionsList(columnDefinitions);
-                }
-                if (columnDefinitions.length > 0) {
-                    this.copyColumnWidthsReference(columnDefinitions);
-                }
-            },
-            enumerable: false,
-            configurable: true
-        });
-        Object.defineProperty(AngularSlickgridComponent.prototype, "dataset", {
-            get: function () {
-                var _a, _b, _c, _d;
-                return (this.customDataView ? (_b = (_a = this.slickGrid) === null || _a === void 0 ? void 0 : _a.getData) === null || _b === void 0 ? void 0 : _b.call(_a) : (_d = (_c = this.dataView) === null || _c === void 0 ? void 0 : _c.getItems) === null || _d === void 0 ? void 0 : _d.call(_c)) || [];
-            },
-            set: function (newDataset) {
-                var _a, _b;
-                var prevDatasetLn = this._currentDatasetLength;
-                var isDatasetEqual = lite.dequal(newDataset, this._dataset || []);
-                var data = newDataset;
-                // when Tree Data is enabled and we don't yet have the hierarchical dataset filled, we can force a convert+sort of the array
-                if (this.slickGrid && ((_a = this.gridOptions) === null || _a === void 0 ? void 0 : _a.enableTreeData) && Array.isArray(newDataset) && (newDataset.length > 0 || newDataset.length !== prevDatasetLn || !isDatasetEqual)) {
-                    this._isDatasetHierarchicalInitialized = false;
-                    data = this.sortTreeDataset(newDataset, !isDatasetEqual); // if dataset changed, then force a refresh anyway
-                }
-                this._dataset = data;
-                this.refreshGridData(data || []);
-                this._currentDatasetLength = (newDataset || []).length;
-                // expand/autofit columns on first page load
-                // we can assume that if the prevDataset was empty then we are on first load
-                if (((_b = this.gridOptions) === null || _b === void 0 ? void 0 : _b.autoFitColumnsOnFirstLoad) && prevDatasetLn === 0) {
-                    this.slickGrid.autosizeColumns();
-                }
-            },
-            enumerable: false,
-            configurable: true
-        });
-        Object.defineProperty(AngularSlickgridComponent.prototype, "datasetHierarchical", {
-            get: function () {
-                return this.sharedService.hierarchicalDataset;
-            },
-            set: function (newHierarchicalDataset) {
-                var _this = this;
-                var _a, _b, _c, _d, _f;
-                var isDatasetEqual = lite.dequal(newHierarchicalDataset, (_b = (_a = this.sharedService) === null || _a === void 0 ? void 0 : _a.hierarchicalDataset) !== null && _b !== void 0 ? _b : []);
-                var prevFlatDatasetLn = this._currentDatasetLength;
-                this.sharedService.hierarchicalDataset = newHierarchicalDataset;
-                if (newHierarchicalDataset && this.columnDefinitions && ((_c = this.filterService) === null || _c === void 0 ? void 0 : _c.clearFilters)) {
-                    this.filterService.clearFilters();
-                }
-                // when a hierarchical dataset is set afterward, we can reset the flat dataset and call a tree data sort that will overwrite the flat dataset
-                if (newHierarchicalDataset && this.slickGrid && ((_d = this.sortService) === null || _d === void 0 ? void 0 : _d.processTreeDataInitialSort)) {
-                    this.dataView.setItems([], (_f = this.gridOptions.datasetIdPropertyName) !== null && _f !== void 0 ? _f : 'id');
-                    this.sortService.processTreeDataInitialSort();
-                    // we also need to reset/refresh the Tree Data filters because if we inserted new item(s) then it might not show up without doing this refresh
-                    // however we need 1 cpu cycle before having the DataView refreshed, so we need to wrap this check in a setTimeout
-                    setTimeout(function () {
-                        var flatDatasetLn = _this.dataView.getItemCount();
-                        if (flatDatasetLn > 0 && (flatDatasetLn !== prevFlatDatasetLn || !isDatasetEqual)) {
-                            _this.filterService.refreshTreeDataFilters();
-                        }
-                    });
-                    this._isDatasetHierarchicalInitialized = true;
-                }
-            },
-            enumerable: false,
-            configurable: true
-        });
-        Object.defineProperty(AngularSlickgridComponent.prototype, "elementRef", {
-            get: function () {
-                return this.elm;
-            },
-            enumerable: false,
-            configurable: true
-        });
-        Object.defineProperty(AngularSlickgridComponent.prototype, "eventHandler", {
-            get: function () {
-                return this._eventHandler;
-            },
-            enumerable: false,
-            configurable: true
-        });
-        Object.defineProperty(AngularSlickgridComponent.prototype, "gridContainerElement", {
-            get: function () {
-                return document.querySelector("#" + (this.gridOptions.gridContainerId || ''));
-            },
-            enumerable: false,
-            configurable: true
-        });
-        Object.defineProperty(AngularSlickgridComponent.prototype, "isDatasetInitialized", {
-            /** GETTER to know if dataset was initialized or not */
-            get: function () {
-                return this._isDatasetInitialized;
-            },
-            /** SETTER to change if dataset was initialized or not (stringly used for unit testing purposes) */
-            set: function (isInitialized) {
-                this._isDatasetInitialized = isInitialized;
-            },
-            enumerable: false,
-            configurable: true
-        });
-        Object.defineProperty(AngularSlickgridComponent.prototype, "isDatasetHierarchicalInitialized", {
-            set: function (isInitialized) {
-                this._isDatasetHierarchicalInitialized = isInitialized;
-            },
-            enumerable: false,
-            configurable: true
-        });
-        Object.defineProperty(AngularSlickgridComponent.prototype, "registeredResources", {
-            get: function () {
-                return this._registeredResources;
-            },
-            enumerable: false,
-            configurable: true
-        });
-        AngularSlickgridComponent.prototype.ngAfterViewInit = function () {
-            this.initialization(this._eventHandler);
-            this._isGridInitialized = true;
-            // recheck the empty warning message after grid is shown so that it works in every use case
-            if (this.gridOptions && this.gridOptions.enableEmptyDataWarningMessage && Array.isArray(this.dataset)) {
-                var finalTotalCount = this.dataset.length;
-                this.displayEmptyDataWarning(finalTotalCount < 1);
-            }
-        };
-        AngularSlickgridComponent.prototype.ngOnDestroy = function () {
-            this._eventPubSubService.publish('onBeforeGridDestroy', this.slickGrid);
-            this.destroy();
-            this._eventPubSubService.publish('onAfterGridDestroyed', true);
-        };
-        AngularSlickgridComponent.prototype.destroy = function (shouldEmptyDomElementContainer) {
-            var e_1, _s, e_2, _t, e_3, _u;
-            if (shouldEmptyDomElementContainer === void 0) { shouldEmptyDomElementContainer = false; }
-            var _a, _b, _c, _d, _f, _g, _h;
-            // dispose of all Services
-            this.serviceList.forEach(function (service) {
-                if (service && service.dispose) {
-                    service.dispose();
-                }
-            });
-            this.serviceList = [];
-            // dispose all registered external resources
-            if (Array.isArray(this._registeredResources)) {
-                while (this._registeredResources.length > 0) {
-                    var resource = this._registeredResources.pop();
-                    if (resource === null || resource === void 0 ? void 0 : resource.dispose) {
-                        resource.dispose();
-                    }
-                }
-                this._registeredResources = [];
-            }
-            // dispose the Components
-            (_a = this.slickEmptyWarning) === null || _a === void 0 ? void 0 : _a.dispose();
-            (_b = this.slickFooter) === null || _b === void 0 ? void 0 : _b.dispose();
-            (_c = this.slickPagination) === null || _c === void 0 ? void 0 : _c.dispose();
-            if ((_d = this._eventHandler) === null || _d === void 0 ? void 0 : _d.unsubscribeAll) {
-                this._eventHandler.unsubscribeAll();
-            }
-            (_f = this._eventPubSubService) === null || _f === void 0 ? void 0 : _f.unsubscribeAll();
-            if (this.dataView) {
-                if ((_g = this.dataView) === null || _g === void 0 ? void 0 : _g.setItems) {
-                    this.dataView.setItems([]);
-                }
-                if (this.dataView.destroy) {
-                    this.dataView.destroy();
-                }
-            }
-            if ((_h = this.slickGrid) === null || _h === void 0 ? void 0 : _h.destroy) {
-                this.slickGrid.destroy(shouldEmptyDomElementContainer);
-            }
-            if (this.backendServiceApi) {
-                try {
-                    for (var _v = __values(Object.keys(this.backendServiceApi)), _w = _v.next(); !_w.done; _w = _v.next()) {
-                        var prop = _w.value;
-                        delete this.backendServiceApi[prop];
-                    }
-                }
-                catch (e_1_1) { e_1 = { error: e_1_1 }; }
-                finally {
-                    try {
-                        if (_w && !_w.done && (_s = _v.return)) _s.call(_v);
-                    }
-                    finally { if (e_1) throw e_1.error; }
-                }
-                this.backendServiceApi = undefined;
-            }
-            try {
-                for (var _x = __values(Object.keys(this.columnDefinitions)), _y = _x.next(); !_y.done; _y = _x.next()) {
-                    var prop = _y.value;
-                    this.columnDefinitions[prop] = null;
-                }
-            }
-            catch (e_2_1) { e_2 = { error: e_2_1 }; }
-            finally {
-                try {
-                    if (_y && !_y.done && (_t = _x.return)) _t.call(_x);
-                }
-                finally { if (e_2) throw e_2.error; }
-            }
-            try {
-                for (var _z = __values(Object.keys(this.sharedService)), _0 = _z.next(); !_0.done; _0 = _z.next()) {
-                    var prop = _0.value;
-                    this.sharedService[prop] = null;
-                }
-            }
-            catch (e_3_1) { e_3 = { error: e_3_1 }; }
-            finally {
-                try {
-                    if (_0 && !_0.done && (_u = _z.return)) _u.call(_z);
-                }
-                finally { if (e_3) throw e_3.error; }
-            }
-            // we could optionally also empty the content of the grid container DOM element
-            if (shouldEmptyDomElementContainer) {
-                this.emptyGridContainerElm();
-            }
-            // also unsubscribe all RxJS subscriptions
-            this.subscriptions = unsubscribeAllObservables(this.subscriptions);
-            this._dataset = null;
-            this.datasetHierarchical = undefined;
-            this._columnDefinitions = [];
-            this._angularGridInstances = undefined;
-        };
-        AngularSlickgridComponent.prototype.emptyGridContainerElm = function () {
-            var _a, _b;
-            var gridContainerId = (_b = (_a = this.gridOptions) === null || _a === void 0 ? void 0 : _a.gridContainerId) !== null && _b !== void 0 ? _b : 'grid1';
-            var gridContainerElm = document.querySelector("#" + gridContainerId);
-            common.emptyElement(gridContainerElm);
-        };
-        /**
-         * Define our internal Post Process callback, it will execute internally after we get back result from the Process backend call
-         * For now, this is GraphQL Service ONLY feature and it will basically refresh the Dataset & Pagination without having the user to create his own PostProcess every time
-         */
-        AngularSlickgridComponent.prototype.createBackendApiInternalPostProcessCallback = function (gridOptions) {
-            var _this = this;
-            var backendApi = gridOptions && gridOptions.backendServiceApi;
-            if (backendApi && backendApi.service) {
-                var backendApiService_1 = backendApi.service;
-                // internalPostProcess only works (for now) with a GraphQL Service, so make sure it is of that type
-                if (typeof backendApiService_1.getDatasetName === 'function') {
-                    backendApi.internalPostProcess = function (processResult) {
-                        var datasetName = (backendApi && backendApiService_1 && typeof backendApiService_1.getDatasetName === 'function') ? backendApiService_1.getDatasetName() : '';
-                        if (processResult === null || processResult === void 0 ? void 0 : processResult.data[datasetName]) {
-                            var data = processResult.data[datasetName].hasOwnProperty('nodes') ? processResult.data[datasetName].nodes : processResult.data[datasetName];
-                            var totalCount = processResult.data[datasetName].hasOwnProperty('totalCount') ? processResult.data[datasetName].totalCount : processResult.data[datasetName].length;
-                            _this.refreshGridData(data, totalCount || 0);
-                        }
-                    };
-                }
-            }
-        };
-        AngularSlickgridComponent.prototype.initialization = function (eventHandler) {
-            var _a, _b, _c, _d, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q;
-            this.gridOptions.translater = this.translaterService;
-            this._eventHandler = eventHandler;
-            // when detecting a frozen grid, we'll automatically enable the mousewheel scroll handler so that we can scroll from both left/right frozen containers
-            if (this.gridOptions && ((this.gridOptions.frozenRow !== undefined && this.gridOptions.frozenRow >= 0) || this.gridOptions.frozenColumn !== undefined && this.gridOptions.frozenColumn >= 0) && this.gridOptions.enableMouseWheelScrollHandler === undefined) {
-                this.gridOptions.enableMouseWheelScrollHandler = true;
-            }
-            this._eventPubSubService.eventNamingStyle = (_b = (_a = this.gridOptions) === null || _a === void 0 ? void 0 : _a.eventNamingStyle) !== null && _b !== void 0 ? _b : common.EventNamingStyle.camelCase;
-            this._eventPubSubService.publish('onBeforeGridCreate', true);
-            // make sure the dataset is initialized (if not it will throw an error that it cannot getLength of null)
-            this._dataset = this._dataset || [];
-            this.gridOptions = this.mergeGridOptions(this.gridOptions);
-            this._paginationOptions = (_c = this.gridOptions) === null || _c === void 0 ? void 0 : _c.pagination;
-            this.locales = (_f = (_d = this.gridOptions) === null || _d === void 0 ? void 0 : _d.locales) !== null && _f !== void 0 ? _f : Constants.locales;
-            this.backendServiceApi = (_g = this.gridOptions) === null || _g === void 0 ? void 0 : _g.backendServiceApi;
-            this._isLocalGrid = !this.backendServiceApi; // considered a local grid if it doesn't have a backend service set
-            this.createBackendApiInternalPostProcessCallback(this.gridOptions);
-            if (!this.customDataView) {
-                var dataviewInlineFilters = this.gridOptions.dataView && this.gridOptions.dataView.inlineFilters || false;
-                var dataViewOptions = { inlineFilters: dataviewInlineFilters };
-                if (this.gridOptions.draggableGrouping || this.gridOptions.enableGrouping) {
-                    this.groupItemMetadataProvider = new Slick.Data.GroupItemMetadataProvider();
-                    this.sharedService.groupItemMetadataProvider = this.groupItemMetadataProvider;
-                    dataViewOptions = Object.assign(Object.assign({}, dataViewOptions), { groupItemMetadataProvider: this.groupItemMetadataProvider });
-                }
-                this.dataView = new Slick.Data.DataView(dataViewOptions);
-                this._eventPubSubService.publish('onDataviewCreated', this.dataView);
-            }
-            // get any possible Services that user want to register which don't require SlickGrid to be instantiated
-            // RxJS Resource is in this lot because it has to be registered before anything else and doesn't require SlickGrid to be initialized
-            this.preRegisterResources();
-            // for convenience to the user, we provide the property "editor" as an Angular-Slickgrid editor complex object
-            // however "editor" is used internally by SlickGrid for it's own Editor Factory
-            // so in our lib we will swap "editor" and copy it into a new property called "internalColumnEditor"
-            // then take back "editor.model" and make it the new "editor" so that SlickGrid Editor Factory still works
-            this._columnDefinitions = this.swapInternalEditorToSlickGridFactoryEditor(this._columnDefinitions);
-            // if the user wants to automatically add a Custom Editor Formatter, we need to call the auto add function again
-            if (this.gridOptions.autoAddCustomEditorFormatter) {
-                common.autoAddEditorFormatterToColumnsWithEditor(this._columnDefinitions, this.gridOptions.autoAddCustomEditorFormatter);
-            }
-            // save reference for all columns before they optionally become hidden/visible
-            this.sharedService.allColumns = this._columnDefinitions;
-            this.sharedService.visibleColumns = this._columnDefinitions;
-            this.extensionService.createExtensionsBeforeGridCreation(this._columnDefinitions, this.gridOptions);
-            // if user entered some Pinning/Frozen "presets", we need to apply them in the grid options
-            if ((_h = this.gridOptions.presets) === null || _h === void 0 ? void 0 : _h.pinning) {
-                this.gridOptions = Object.assign(Object.assign({}, this.gridOptions), this.gridOptions.presets.pinning);
-            }
-            // build SlickGrid Grid, also user might optionally pass a custom dataview (e.g. remote model)
-            this.slickGrid = new Slick.Grid("#" + this.gridId, this.customDataView || this.dataView, this._columnDefinitions, this.gridOptions);
-            this.sharedService.dataView = this.dataView;
-            this.sharedService.slickGrid = this.slickGrid;
-            this.extensionService.bindDifferentExtensions();
-            this.bindDifferentHooks(this.slickGrid, this.gridOptions, this.dataView);
-            // when it's a frozen grid, we need to keep the frozen column id for reference if we ever show/hide column from ColumnPicker/GridMenu afterward
-            var frozenColumnIndex = this.gridOptions.frozenColumn !== undefined ? this.gridOptions.frozenColumn : -1;
-            if (frozenColumnIndex >= 0 && frozenColumnIndex <= this._columnDefinitions.length) {
-                this.sharedService.frozenVisibleColumnId = this._columnDefinitions[frozenColumnIndex].id || '';
-            }
-            // get any possible Services that user want to register
-            this.registerResources();
-            // initialize the SlickGrid grid
-            this.slickGrid.init();
-            // initialized the resizer service only after SlickGrid is initialized
-            // if we don't we end up binding our resize to a grid element that doesn't yet exist in the DOM and the resizer service will fail silently (because it has a try/catch that unbinds the resize without throwing back)
-            if (this.gridContainerElement) {
-                this.resizerService.init(this.slickGrid, this.gridContainerElement);
-            }
-            // user could show a custom footer with the data metrics (dataset length and last updated timestamp)
-            if (!this.gridOptions.enablePagination && this.gridOptions.showCustomFooter && this.gridOptions.customFooterOptions && this.gridContainerElement) {
-                this.slickFooter = new customFooterComponent.SlickFooterComponent(this.slickGrid, this.gridOptions.customFooterOptions, this._eventPubSubService, this.translaterService);
-                this.slickFooter.renderFooter(this.gridContainerElement);
-            }
-            if (!this.customDataView && this.dataView) {
-                // load the data in the DataView (unless it's a hierarchical dataset, if so it will be loaded after the initial tree sort)
-                var initialDataset = ((_j = this.gridOptions) === null || _j === void 0 ? void 0 : _j.enableTreeData) ? this.sortTreeDataset(this._dataset) : this._dataset;
-                this.dataView.beginUpdate();
-                this.dataView.setItems(initialDataset || [], (_k = this.gridOptions.datasetIdPropertyName) !== null && _k !== void 0 ? _k : 'id');
-                this.dataView.endUpdate();
-                // if you don't want the items that are not visible (due to being filtered out or being on a different page)
-                // to stay selected, pass 'false' to the second arg
-                var selectionModel = this.slickGrid && this.slickGrid.getSelectionModel();
-                if (selectionModel && this.gridOptions && this.gridOptions.dataView && this.gridOptions.dataView.hasOwnProperty('syncGridSelection')) {
-                    // if we are using a Backend Service, we will do an extra flag check, the reason is because it might have some unintended behaviors
-                    // with the BackendServiceApi because technically the data in the page changes the DataView on every page change.
-                    var preservedRowSelectionWithBackend = false;
-                    if (this.gridOptions.backendServiceApi && this.gridOptions.dataView.hasOwnProperty('syncGridSelectionWithBackendService')) {
-                        preservedRowSelectionWithBackend = this.gridOptions.dataView.syncGridSelectionWithBackendService;
-                    }
-                    var syncGridSelection = this.gridOptions.dataView.syncGridSelection;
-                    if (typeof syncGridSelection === 'boolean') {
-                        var preservedRowSelection = syncGridSelection;
-                        if (!this._isLocalGrid) {
-                            // when using BackendServiceApi, we'll be using the "syncGridSelectionWithBackendService" flag BUT "syncGridSelection" must also be set to True
-                            preservedRowSelection = syncGridSelection && preservedRowSelectionWithBackend;
-                        }
-                        this.dataView.syncGridSelection(this.slickGrid, preservedRowSelection);
-                    }
-                    else if (typeof syncGridSelection === 'object') {
-                        this.dataView.syncGridSelection(this.slickGrid, syncGridSelection.preserveHidden, syncGridSelection.preserveHiddenOnSelectionChange);
-                    }
-                }
-                var datasetLn = this.dataView.getLength() || this._dataset && this._dataset.length || 0;
-                if (datasetLn > 0) {
-                    if (!this._isDatasetInitialized && (this.gridOptions.enableCheckboxSelector || this.gridOptions.enableRowSelection)) {
-                        this.loadRowSelectionPresetWhenExists();
-                    }
-                    this.loadFilterPresetsWhenDatasetInitialized();
-                    this._isDatasetInitialized = true;
-                }
-            }
-            // user might want to hide the header row on page load but still have `enableFiltering: true`
-            // if that is the case, we need to hide the headerRow ONLY AFTER all filters got created & dataView exist
-            if (this._hideHeaderRowAfterPageLoad) {
-                this.showHeaderRow(false);
-                this.sharedService.hideHeaderRowAfterPageLoad = this._hideHeaderRowAfterPageLoad;
-            }
-            // publish & dispatch certain events
-            this._eventPubSubService.publish('onGridCreated', this.slickGrid);
-            // after the DataView is created & updated execute some processes
-            if (!this.customDataView) {
-                this.executeAfterDataviewCreated(this.slickGrid, this.gridOptions);
-            }
-            // bind resize ONLY after the dataView is ready
-            this.bindResizeHook(this.slickGrid, this.gridOptions);
-            // bind the Backend Service API callback functions only after the grid is initialized
-            // because the preProcess() and onInit() might get triggered
-            if ((_l = this.gridOptions) === null || _l === void 0 ? void 0 : _l.backendServiceApi) {
-                this.bindBackendCallbackFunctions(this.gridOptions);
-            }
-            // local grid, check if we need to show the Pagination
-            // if so then also check if there's any presets and finally initialize the PaginationService
-            // a local grid with Pagination presets will potentially have a different total of items, we'll need to get it from the DataView and update our total
-            if (((_m = this.gridOptions) === null || _m === void 0 ? void 0 : _m.enablePagination) && this._isLocalGrid) {
-                this.showPagination = true;
-                this.loadLocalGridPagination(this.dataset);
-            }
-            this._angularGridInstances = {
-                // Slick Grid & DataView objects
-                dataView: this.dataView,
-                slickGrid: this.slickGrid,
-                extensions: (_o = this.extensionService) === null || _o === void 0 ? void 0 : _o.extensionList,
-                // public methods
-                destroy: this.destroy.bind(this),
-                // return all available Services (non-singleton)
-                backendService: (_q = (_p = this.gridOptions) === null || _p === void 0 ? void 0 : _p.backendServiceApi) === null || _q === void 0 ? void 0 : _q.service,
-                filterService: this.filterService,
-                gridEventService: this.gridEventService,
-                gridStateService: this.gridStateService,
-                gridService: this.gridService,
-                groupingService: this.groupingService,
-                extensionService: this.extensionService,
-                paginationService: this.paginationService,
-                resizerService: this.resizerService,
-                sortService: this.sortService,
-                treeDataService: this.treeDataService,
-            };
-            // all instances (SlickGrid, DataView & all Services)
-            this._eventPubSubService.publish('onAngularGridCreated', this._angularGridInstances);
-        };
-        /**
-         * On a Pagination changed, we will trigger a Grid State changed with the new pagination info
-         * Also if we use Row Selection or the Checkbox Selector, we need to reset any selection
-         */
-        AngularSlickgridComponent.prototype.paginationChanged = function (pagination) {
-            var _a, _b;
-            var isSyncGridSelectionEnabled = (_b = (_a = this.gridStateService) === null || _a === void 0 ? void 0 : _a.needToPreserveRowSelection()) !== null && _b !== void 0 ? _b : false;
-            if (!isSyncGridSelectionEnabled && (this.gridOptions.enableRowSelection || this.gridOptions.enableCheckboxSelector)) {
-                this.slickGrid.setSelectedRows([]);
-            }
-            var pageNumber = pagination.pageNumber, pageSize = pagination.pageSize;
-            if (this.sharedService) {
-                if (pageSize !== undefined && pageNumber !== undefined) {
-                    this.sharedService.currentPagination = { pageNumber: pageNumber, pageSize: pageSize };
-                }
-            }
-            this._eventPubSubService.publish('onGridStateChanged', {
-                change: { newValues: { pageNumber: pageNumber, pageSize: pageSize }, type: common.GridStateType.pagination },
-                gridState: this.gridStateService.getCurrentGridState()
-            });
-            this.cd.markForCheck();
-        };
-        /**
-         * When dataset changes, we need to refresh the entire grid UI & possibly resize it as well
-         * @param dataset
-         */
-        AngularSlickgridComponent.prototype.refreshGridData = function (dataset, totalCount) {
-            var _a, _b, _c, _d, _f, _g;
-            if (this.gridOptions && this.gridOptions.enableEmptyDataWarningMessage && Array.isArray(dataset)) {
-                var finalTotalCount = totalCount || dataset.length;
-                this.displayEmptyDataWarning(finalTotalCount < 1);
-            }
-            if (Array.isArray(dataset) && this.slickGrid && ((_a = this.dataView) === null || _a === void 0 ? void 0 : _a.setItems)) {
-                this.dataView.setItems(dataset, (_b = this.gridOptions.datasetIdPropertyName) !== null && _b !== void 0 ? _b : 'id');
-                if (!this.gridOptions.backendServiceApi && !this.gridOptions.enableTreeData) {
-                    this.dataView.reSort();
-                }
-                if (dataset.length > 0) {
-                    if (!this._isDatasetInitialized) {
-                        this.loadFilterPresetsWhenDatasetInitialized();
-                        if (this.gridOptions.enableCheckboxSelector) {
-                            this.loadRowSelectionPresetWhenExists();
-                        }
-                    }
-                    this._isDatasetInitialized = true;
-                }
-                if (dataset) {
-                    this.slickGrid.invalidate();
-                }
-                // display the Pagination component only after calling this refresh data first, we call it here so that if we preset pagination page number it will be shown correctly
-                this.showPagination = (this.gridOptions && (this.gridOptions.enablePagination || (this.gridOptions.backendServiceApi && this.gridOptions.enablePagination === undefined))) ? true : false;
-                if (this._paginationOptions && ((_c = this.gridOptions) === null || _c === void 0 ? void 0 : _c.pagination) && ((_d = this.gridOptions) === null || _d === void 0 ? void 0 : _d.backendServiceApi)) {
-                    var paginationOptions = this.setPaginationOptionsWhenPresetDefined(this.gridOptions, this._paginationOptions);
-                    // when we have a totalCount use it, else we'll take it from the pagination object
-                    // only update the total items if it's different to avoid refreshing the UI
-                    var totalRecords = (totalCount !== undefined) ? totalCount : ((_g = (_f = this.gridOptions) === null || _f === void 0 ? void 0 : _f.pagination) === null || _g === void 0 ? void 0 : _g.totalItems);
-                    if (totalRecords !== undefined && totalRecords !== this.totalItems) {
-                        this.totalItems = +totalRecords;
-                    }
-                    // initialize the Pagination Service with new pagination options (which might have presets)
-                    if (!this._isPaginationInitialized) {
-                        this.initializePaginationService(paginationOptions);
-                    }
-                    else {
-                        // update the pagination service with the new total
-                        this.paginationService.updateTotalItems(this.totalItems);
-                    }
-                }
-                // resize the grid inside a slight timeout, in case other DOM element changed prior to the resize (like a filter/pagination changed)
-                if (this.slickGrid && this.gridOptions.enableAutoResize) {
-                    var delay = this.gridOptions.autoResize && this.gridOptions.autoResize.delay;
-                    this.resizerService.resizeGrid(delay || 10);
-                }
-            }
-        };
-        /**
-         * Check if there's any Pagination Presets defined in the Grid Options,
-         * if there are then load them in the paginationOptions object
-         */
-        AngularSlickgridComponent.prototype.setPaginationOptionsWhenPresetDefined = function (gridOptions, paginationOptions) {
-            var _a;
-            if (((_a = gridOptions.presets) === null || _a === void 0 ? void 0 : _a.pagination) && paginationOptions && !this._isPaginationInitialized) {
-                paginationOptions.pageSize = gridOptions.presets.pagination.pageSize;
-                paginationOptions.pageNumber = gridOptions.presets.pagination.pageNumber;
-            }
-            return paginationOptions;
-        };
-        /**
-         * Dynamically change or update the column definitions list.
-         * We will re-render the grid so that the new header and data shows up correctly.
-         * If using i18n, we also need to trigger a re-translate of the column headers
-         */
-        AngularSlickgridComponent.prototype.updateColumnDefinitionsList = function (newColumnDefinitions) {
-            var _a, _b, _c;
-            // map/swap the internal library Editor to the SlickGrid Editor factory
-            newColumnDefinitions = this.swapInternalEditorToSlickGridFactoryEditor(newColumnDefinitions);
-            if (this.gridOptions.enableTranslate) {
-                this.extensionService.translateColumnHeaders(false, newColumnDefinitions);
-            }
-            else {
-                this.extensionService.renderColumnHeaders(newColumnDefinitions, true);
-            }
-            if ((_a = this.gridOptions) === null || _a === void 0 ? void 0 : _a.enableAutoSizeColumns) {
-                this.slickGrid.autosizeColumns();
-            }
-            else if (((_b = this.gridOptions) === null || _b === void 0 ? void 0 : _b.enableAutoResizeColumnsByCellContent) && ((_c = this.resizerService) === null || _c === void 0 ? void 0 : _c.resizeColumnsByCellContent)) {
-                this.resizerService.resizeColumnsByCellContent();
-            }
-        };
-        /**
-         * Show the filter row displayed on first row, we can optionally pass false to hide it.
-         * @param showing
-         */
-        AngularSlickgridComponent.prototype.showHeaderRow = function (showing) {
-            if (showing === void 0) { showing = true; }
-            this.slickGrid.setHeaderRowVisibility(showing, false);
-            if (showing === true && this._isGridInitialized) {
-                this.slickGrid.setColumns(this.columnDefinitions);
-            }
-            return showing;
-        };
-        //
-        // private functions
-        // ------------------
-        /**
-         * Loop through all column definitions and copy the original optional `width` properties optionally provided by the user.
-         * We will use this when doing a resize by cell content, if user provided a `width` it won't override it.
-         */
-        AngularSlickgridComponent.prototype.copyColumnWidthsReference = function (columnDefinitions) {
-            columnDefinitions.forEach(function (col) { return col.originalWidth = col.width; });
-        };
-        AngularSlickgridComponent.prototype.displayEmptyDataWarning = function (showWarning) {
-            if (showWarning === void 0) { showWarning = true; }
-            var _a;
-            (_a = this.slickEmptyWarning) === null || _a === void 0 ? void 0 : _a.showEmptyDataMessage(showWarning);
-        };
-        AngularSlickgridComponent.prototype.bindDifferentHooks = function (grid, gridOptions, dataView) {
-            var _this = this;
-            var _a, _b, _c, _d;
-            // on locale change, we have to manually translate the Headers, GridMenu
-            if ((_a = this.translate) === null || _a === void 0 ? void 0 : _a.onLangChange) {
-                // translate some of them on first load, then on each language change
-                if (gridOptions.enableTranslate) {
-                    this.translateColumnHeaderTitleKeys();
-                    this.translateColumnGroupKeys();
-                }
-                this.subscriptions.push(this.translate.onLangChange.subscribe(function () {
-                    // publish event of the same name that Slickgrid-Universal uses on a language change event
-                    _this._eventPubSubService.publish('onLanguageChange');
-                    if (gridOptions.enableTranslate) {
-                        _this.extensionService.translateCellMenu();
-                        _this.extensionService.translateColumnHeaders();
-                        _this.extensionService.translateColumnPicker();
-                        _this.extensionService.translateContextMenu();
-                        _this.extensionService.translateGridMenu();
-                        _this.extensionService.translateHeaderMenu();
-                        _this.translateColumnHeaderTitleKeys();
-                        _this.translateColumnGroupKeys();
-                        if (gridOptions.createPreHeaderPanel && !gridOptions.enableDraggableGrouping) {
-                            _this.groupingService.translateGroupingAndColSpan();
-                        }
-                    }
-                }));
-            }
-            // if user set an onInit Backend, we'll run it right away (and if so, we also need to run preProcess, internalPostProcess & postProcess)
-            if (gridOptions.backendServiceApi) {
-                var backendApi = gridOptions.backendServiceApi;
-                if ((_b = backendApi === null || backendApi === void 0 ? void 0 : backendApi.service) === null || _b === void 0 ? void 0 : _b.init) {
-                    backendApi.service.init(backendApi.options, gridOptions.pagination, this.slickGrid, this.sharedService);
-                }
-            }
-            if (dataView && grid) {
-                var slickgridEventPrefix_1 = (_d = (_c = this.gridOptions) === null || _c === void 0 ? void 0 : _c.defaultSlickgridEventPrefix) !== null && _d !== void 0 ? _d : '';
-                var _loop_1 = function (prop) {
-                    if (grid.hasOwnProperty(prop) && prop.startsWith('on')) {
-                        var gridEventHandler = grid[prop];
-                        var gridEventName_1 = this_1._eventPubSubService.getEventNameByNamingConvention(prop, slickgridEventPrefix_1);
-                        this_1._eventHandler.subscribe(gridEventHandler, function (event, args) {
-                            return _this._eventPubSubService.dispatchCustomEvent(gridEventName_1, { eventData: event, args: args });
-                        });
-                    }
-                };
-                var this_1 = this;
-                // expose all Slick Grid Events through dispatch
-                for (var prop in grid) {
-                    _loop_1(prop);
-                }
-                var _loop_2 = function (prop) {
-                    if (dataView.hasOwnProperty(prop) && prop.startsWith('on')) {
-                        var dataViewEventHandler = dataView[prop];
-                        this_2._eventHandler.subscribe(dataViewEventHandler, function (event, args) {
-                            var dataViewEventName = _this._eventPubSubService.getEventNameByNamingConvention(prop, slickgridEventPrefix_1);
-                            return _this._eventPubSubService.dispatchCustomEvent(dataViewEventName, { eventData: event, args: args });
-                        });
-                    }
-                };
-                var this_2 = this;
-                // expose all Slick DataView Events through dispatch
-                for (var prop in dataView) {
-                    _loop_2(prop);
-                }
-                // on cell click, mainly used with the columnDef.action callback
-                this.gridEventService.bindOnCellChange(grid);
-                this.gridEventService.bindOnClick(grid);
-                if (dataView && grid) {
-                    // bind external sorting (backend) when available or default onSort (dataView)
-                    if (gridOptions.enableSorting) {
-                        // bind external sorting (backend) unless specified to use the local one
-                        if (gridOptions.backendServiceApi && !gridOptions.backendServiceApi.useLocalSorting) {
-                            this.sortService.bindBackendOnSort(grid);
-                        }
-                        else {
-                            this.sortService.bindLocalOnSort(grid);
-                        }
-                    }
-                    // bind external filter (backend) when available or default onFilter (dataView)
-                    if (gridOptions.enableFiltering) {
-                        this.filterService.init(grid);
-                        // bind external filter (backend) unless specified to use the local one
-                        if (gridOptions.backendServiceApi && !gridOptions.backendServiceApi.useLocalFiltering) {
-                            this.filterService.bindBackendOnFilter(grid);
-                        }
-                        else {
-                            this.filterService.bindLocalOnFilter(grid);
-                        }
-                    }
-                    // load any presets if any (after dataset is initialized)
-                    this.loadColumnPresetsWhenDatasetInitialized();
-                    this.loadFilterPresetsWhenDatasetInitialized();
-                    // When data changes in the DataView, we need to refresh the metrics and/or display a warning if the dataset is empty
-                    var onRowCountChangedHandler = dataView.onRowCountChanged;
-                    this._eventHandler.subscribe(onRowCountChangedHandler, function (_e, args) {
-                        grid.invalidate();
-                        _this.handleOnItemCountChanged(_this.dataView.getFilteredItemCount() || 0, dataView.getItemCount());
-                    });
-                    var onSetItemsCalledHandler = dataView.onSetItemsCalled;
-                    this._eventHandler.subscribe(onSetItemsCalledHandler, function (_e, args) {
-                        var _a;
-                        grid.invalidate();
-                        _this.handleOnItemCountChanged(_this.dataView.getFilteredItemCount(), args.itemCount);
-                        // when user has resize by content enabled, we'll force a full width calculation since we change our entire dataset
-                        if (args.itemCount > 0 && (_this.gridOptions.autosizeColumnsByCellContentOnFirstLoad || _this.gridOptions.enableAutoResizeColumnsByCellContent)) {
-                            _this.resizerService.resizeColumnsByCellContent(!((_a = _this.gridOptions) === null || _a === void 0 ? void 0 : _a.resizeByContentOnlyOnFirstLoad));
-                        }
-                    });
-                    var onRowsChangedHandler = dataView.onRowsChanged;
-                    this._eventHandler.subscribe(onRowsChangedHandler, function (_e, args) {
-                        // filtering data with local dataset will not always show correctly unless we call this updateRow/render
-                        // also don't use "invalidateRows" since it destroys the entire row and as bad user experience when updating a row
-                        // see commit: https://github.com/ghiscoding/aurelia-slickgrid/commit/8c503a4d45fba11cbd8d8cc467fae8d177cc4f60
-                        if (gridOptions && gridOptions.enableFiltering && !gridOptions.enableRowDetailView) {
-                            if ((args === null || args === void 0 ? void 0 : args.rows) && Array.isArray(args.rows)) {
-                                args.rows.forEach(function (row) { return grid.updateRow(row); });
-                                grid.render();
-                            }
-                        }
-                    });
-                }
-            }
-            // did the user add a colspan callback? If so, hook it into the DataView getItemMetadata
-            if (gridOptions && gridOptions.colspanCallback && dataView && dataView.getItem && dataView.getItemMetadata) {
-                dataView.getItemMetadata = function (rowNumber) {
-                    var callbackResult = null;
-                    if (gridOptions.colspanCallback && gridOptions.colspanCallback) {
-                        callbackResult = gridOptions.colspanCallback(dataView.getItem(rowNumber));
-                    }
-                    return callbackResult;
-                };
-            }
-        };
-        AngularSlickgridComponent.prototype.bindBackendCallbackFunctions = function (gridOptions) {
-            var _this = this;
-            var _a;
-            var backendApi = gridOptions.backendServiceApi;
-            var backendApiService = backendApi && backendApi.service;
-            var serviceOptions = (_a = backendApiService === null || backendApiService === void 0 ? void 0 : backendApiService.options) !== null && _a !== void 0 ? _a : {};
-            var isExecuteCommandOnInit = (!serviceOptions) ? false : ((serviceOptions && serviceOptions.hasOwnProperty('executeProcessCommandOnInit')) ? serviceOptions['executeProcessCommandOnInit'] : true);
-            if (backendApiService) {
-                // update backend filters (if need be) BEFORE the query runs (via the onInit command a few lines below)
-                // if user entered some any "presets", we need to reflect them all in the grid
-                if (gridOptions && gridOptions.presets) {
-                    // Filters "presets"
-                    if (backendApiService.updateFilters && Array.isArray(gridOptions.presets.filters) && gridOptions.presets.filters.length > 0) {
-                        backendApiService.updateFilters(gridOptions.presets.filters, true);
-                    }
-                    // Sorters "presets"
-                    if (backendApiService.updateSorters && Array.isArray(gridOptions.presets.sorters) && gridOptions.presets.sorters.length > 0) {
-                        // when using multi-column sort, we can have multiple but on single sort then only grab the first sort provided
-                        var sortColumns = this.gridOptions.multiColumnSort ? gridOptions.presets.sorters : gridOptions.presets.sorters.slice(0, 1);
-                        backendApiService.updateSorters(undefined, sortColumns);
-                    }
-                    // Pagination "presets"
-                    if (backendApiService.updatePagination && gridOptions.presets.pagination) {
-                        var _s = gridOptions.presets.pagination, pageNumber = _s.pageNumber, pageSize = _s.pageSize;
-                        backendApiService.updatePagination(pageNumber, pageSize);
-                    }
-                }
-                else {
-                    var columnFilters = this.filterService.getColumnFilters();
-                    if (columnFilters && backendApiService.updateFilters) {
-                        backendApiService.updateFilters(columnFilters, false);
-                    }
-                }
-                // execute onInit command when necessary
-                if (backendApi && backendApiService && (backendApi.onInit || isExecuteCommandOnInit)) {
-                    var query = (typeof backendApiService.buildQuery === 'function') ? backendApiService.buildQuery() : '';
-                    var process_1 = (isExecuteCommandOnInit) ? (backendApi.process && backendApi.process(query) || null) : (backendApi.onInit && backendApi.onInit(query) || null);
-                    // wrap this inside a setTimeout to avoid timing issue since the gridOptions needs to be ready before running this onInit
-                    setTimeout(function () {
-                        var _a, _b, _c, _d;
-                        var backendUtilityService = _this.backendUtilityService;
-                        // keep start time & end timestamps & return it after process execution
-                        var startTime = new Date();
-                        // run any pre-process, if defined, for example a spinner
-                        if (backendApi.preProcess) {
-                            backendApi.preProcess();
-                        }
-                        // the processes can be a Promise (like Http)
-                        var totalItems = (_c = (_b = (_a = _this.gridOptions) === null || _a === void 0 ? void 0 : _a.pagination) === null || _b === void 0 ? void 0 : _b.totalItems) !== null && _c !== void 0 ? _c : 0;
-                        if (process_1 instanceof Promise) {
-                            process_1
-                                .then(function (processResult) { return backendUtilityService.executeBackendProcessesCallback(startTime, processResult, backendApi, totalItems); })
-                                .catch(function (error) { return backendUtilityService.onBackendError(error, backendApi); });
-                        }
-                        else if (process_1 && ((_d = _this.rxjs) === null || _d === void 0 ? void 0 : _d.isObservable(process_1))) {
-                            _this.subscriptions.push(process_1.subscribe({
-                                next: function (processResult) { return backendUtilityService.executeBackendProcessesCallback(startTime, processResult, backendApi, totalItems); },
-                                error: function (error) { return backendUtilityService.onBackendError(error, backendApi); }
-                            }));
-                        }
-                    });
-                }
-            }
-        };
-        AngularSlickgridComponent.prototype.bindResizeHook = function (grid, options) {
-            if ((options.autoFitColumnsOnFirstLoad && options.autosizeColumnsByCellContentOnFirstLoad) || (options.enableAutoSizeColumns && options.enableAutoResizeColumnsByCellContent)) {
-                throw new Error("[Angular-Slickgrid] You cannot enable both autosize/fit viewport & resize by content, you must choose which resize technique to use. You can enable these 2 options (\"autoFitColumnsOnFirstLoad\" and \"enableAutoSizeColumns\") OR these other 2 options (\"autosizeColumnsByCellContentOnFirstLoad\" and \"enableAutoResizeColumnsByCellContent\").");
-            }
-            // expand/autofit columns on first page load
-            if (grid && options.autoFitColumnsOnFirstLoad && options.enableAutoSizeColumns) {
-                grid.autosizeColumns();
-            }
-            // auto-resize grid on browser resize
-            if (options.gridHeight || options.gridWidth) {
-                this.resizerService.resizeGrid(0, { height: options.gridHeight, width: options.gridWidth });
-            }
-            else {
-                this.resizerService.resizeGrid();
-            }
-            if (options.enableAutoResize) {
-                if (grid && options.autoFitColumnsOnFirstLoad && options.enableAutoSizeColumns) {
-                    grid.autosizeColumns();
-                }
-            }
-        };
-        AngularSlickgridComponent.prototype.executeAfterDataviewCreated = function (_grid, gridOptions) {
-            // if user entered some Sort "presets", we need to reflect them all in the DOM
-            if (gridOptions.enableSorting) {
-                if (gridOptions.presets && Array.isArray(gridOptions.presets.sorters)) {
-                    // when using multi-column sort, we can have multiple but on single sort then only grab the first sort provided
-                    var sortColumns = this.gridOptions.multiColumnSort ? gridOptions.presets.sorters : gridOptions.presets.sorters.slice(0, 1);
-                    this.sortService.loadGridSorters(sortColumns);
-                }
-            }
-        };
-        /** When data changes in the DataView, we'll refresh the metrics and/or display a warning if the dataset is empty */
-        AngularSlickgridComponent.prototype.handleOnItemCountChanged = function (currentPageRowItemCount, totalItemCount) {
-            var _a;
-            this._currentDatasetLength = totalItemCount;
-            this.metrics = {
-                startTime: new Date(),
-                endTime: new Date(),
-                itemCount: currentPageRowItemCount,
-                totalItemCount: totalItemCount
-            };
-            // if custom footer is enabled, then we'll update its metrics
-            if (this.slickFooter) {
-                this.slickFooter.metrics = this.metrics;
-            }
-            // when using local (in-memory) dataset, we'll display a warning message when filtered data is empty
-            if (this._isLocalGrid && ((_a = this.gridOptions) === null || _a === void 0 ? void 0 : _a.enableEmptyDataWarningMessage)) {
-                this.displayEmptyDataWarning(currentPageRowItemCount === 0);
-            }
-        };
-        AngularSlickgridComponent.prototype.initializePaginationService = function (paginationOptions) {
-            var _this = this;
-            if (this.gridOptions) {
-                this.paginationData = {
-                    gridOptions: this.gridOptions,
-                    paginationService: this.paginationService,
-                };
-                this.paginationService.totalItems = this.totalItems;
-                this.paginationService.init(this.slickGrid, paginationOptions, this.backendServiceApi);
-                this.subscriptions.push(this._eventPubSubService.subscribe('onPaginationChanged', function (paginationChanges) {
-                    _this.paginationChanged(paginationChanges);
-                }), this._eventPubSubService.subscribe('onPaginationVisibilityChanged', function (visibility) {
-                    var _a, _b, _c;
-                    _this.showPagination = (_a = visibility === null || visibility === void 0 ? void 0 : visibility.visible) !== null && _a !== void 0 ? _a : false;
-                    if ((_b = _this.gridOptions) === null || _b === void 0 ? void 0 : _b.backendServiceApi) {
-                        (_c = _this.backendUtilityService) === null || _c === void 0 ? void 0 : _c.refreshBackendDataset(_this.gridOptions);
-                    }
-                    _this.renderPagination(_this.showPagination);
-                }));
-                // also initialize (render) the pagination component
-                this.renderPagination();
-                this._isPaginationInitialized = true;
-            }
-            this.cd.detectChanges();
-        };
-        /** Load the Editor Collection asynchronously and replace the "collection" property when Observable resolves */
-        AngularSlickgridComponent.prototype.loadEditorCollectionAsync = function (column) {
-            var _this = this;
-            var collectionAsync = column && column.editor && column.editor.collectionAsync;
-            if (collectionAsync instanceof rxjs.Observable) {
-                this.subscriptions.push(collectionAsync.subscribe(function (resolvedCollection) { return _this.updateEditorCollection(column, resolvedCollection); }));
-            }
-            else if (collectionAsync instanceof Promise) {
-                // wait for the "collectionAsync", once resolved we will save it into the "collection"
-                // the collectionAsync can be of 3 types HttpClient, HttpFetch or a Promise
-                collectionAsync.then(function (response) {
-                    if (Array.isArray(response)) {
-                        _this.updateEditorCollection(column, response); // from Promise
-                    }
-                });
-            }
-        };
-        /** Load any possible Columns Grid Presets */
-        AngularSlickgridComponent.prototype.loadColumnPresetsWhenDatasetInitialized = function () {
-            // if user entered some Columns "presets", we need to reflect them all in the grid
-            if (this.gridOptions.presets && Array.isArray(this.gridOptions.presets.columns) && this.gridOptions.presets.columns.length > 0) {
-                var gridColumns = this.gridStateService.getAssociatedGridColumns(this.slickGrid, this.gridOptions.presets.columns);
-                if (gridColumns && Array.isArray(gridColumns) && gridColumns.length > 0) {
-                    // make sure that the checkbox selector is also visible if it is enabled
-                    if (this.gridOptions.enableCheckboxSelector) {
-                        var checkboxColumn = (Array.isArray(this._columnDefinitions) && this._columnDefinitions.length > 0) ? this._columnDefinitions[0] : null;
-                        if (checkboxColumn && checkboxColumn.id === '_checkbox_selector' && gridColumns[0].id !== '_checkbox_selector') {
-                            gridColumns.unshift(checkboxColumn);
-                        }
-                    }
-                    // keep copy the original optional `width` properties optionally provided by the user.
-                    // We will use this when doing a resize by cell content, if user provided a `width` it won't override it.
-                    gridColumns.forEach(function (col) { return col.originalWidth = col.width; });
-                    // finally set the new presets columns (including checkbox selector if need be)
-                    this.slickGrid.setColumns(gridColumns);
-                    this.sharedService.visibleColumns = gridColumns;
-                }
-            }
-        };
-        /** Load any possible Filters Grid Presets */
-        AngularSlickgridComponent.prototype.loadFilterPresetsWhenDatasetInitialized = function () {
-            var _a, _b, _c;
-            if (this.gridOptions && !this.customDataView) {
-                // if user entered some Filter "presets", we need to reflect them all in the DOM
-                // also note that a presets of Tree Data Toggling will also call this method because Tree Data toggling does work with data filtering
-                // (collapsing a parent will basically use Filter for hidding (aka collapsing) away the child underneat it)
-                if (this.gridOptions.presets && (Array.isArray(this.gridOptions.presets.filters) || Array.isArray((_b = (_a = this.gridOptions.presets) === null || _a === void 0 ? void 0 : _a.treeData) === null || _b === void 0 ? void 0 : _b.toggledItems))) {
-                    this.filterService.populateColumnFilterSearchTermPresets(((_c = this.gridOptions.presets) === null || _c === void 0 ? void 0 : _c.filters) || []);
-                }
-            }
-        };
-        /**
-         * local grid, check if we need to show the Pagination
-         * if so then also check if there's any presets and finally initialize the PaginationService
-         * a local grid with Pagination presets will potentially have a different total of items, we'll need to get it from the DataView and update our total
-         */
-        AngularSlickgridComponent.prototype.loadLocalGridPagination = function (dataset) {
-            var _a;
-            if (this.gridOptions && this._paginationOptions) {
-                this.totalItems = Array.isArray(dataset) ? dataset.length : 0;
-                if (this._paginationOptions && ((_a = this.dataView) === null || _a === void 0 ? void 0 : _a.getPagingInfo)) {
-                    var slickPagingInfo = this.dataView.getPagingInfo();
-                    if ((slickPagingInfo === null || slickPagingInfo === void 0 ? void 0 : slickPagingInfo.hasOwnProperty('totalRows')) && this._paginationOptions.totalItems !== slickPagingInfo.totalRows) {
-                        this.totalItems = slickPagingInfo.totalRows || 0;
-                    }
-                }
-                this._paginationOptions.totalItems = this.totalItems;
-                var paginationOptions = this.setPaginationOptionsWhenPresetDefined(this.gridOptions, this._paginationOptions);
-                this.initializePaginationService(paginationOptions);
-            }
-        };
-        /** Load any Row Selections into the DataView that were presets by the user */
-        AngularSlickgridComponent.prototype.loadRowSelectionPresetWhenExists = function () {
-            var _this = this;
-            var _a, _b, _c;
-            // if user entered some Row Selections "presets"
-            var presets = (_a = this.gridOptions) === null || _a === void 0 ? void 0 : _a.presets;
-            var selectionModel = (_c = (_b = this.slickGrid) === null || _b === void 0 ? void 0 : _b.getSelectionModel) === null || _c === void 0 ? void 0 : _c.call(_b);
-            var enableRowSelection = this.gridOptions && (this.gridOptions.enableCheckboxSelector || this.gridOptions.enableRowSelection);
-            if (enableRowSelection && selectionModel && presets && presets.rowSelection && (Array.isArray(presets.rowSelection.gridRowIndexes) || Array.isArray(presets.rowSelection.dataContextIds))) {
-                var dataContextIds = presets.rowSelection.dataContextIds;
-                var gridRowIndexes_1 = presets.rowSelection.gridRowIndexes;
-                // maps the IDs to the Grid Rows and vice versa, the "dataContextIds" has precedence over the other
-                if (Array.isArray(dataContextIds) && dataContextIds.length > 0) {
-                    gridRowIndexes_1 = this.dataView.mapIdsToRows(dataContextIds) || [];
-                }
-                else if (Array.isArray(gridRowIndexes_1) && gridRowIndexes_1.length > 0) {
-                    dataContextIds = this.dataView.mapRowsToIds(gridRowIndexes_1) || [];
-                }
-                this.gridStateService.selectedRowDataContextIds = dataContextIds;
-                // change the selected rows except UNLESS it's a Local Grid with Pagination
-                // local Pagination uses the DataView and that also trigger a change/refresh
-                // and we don't want to trigger 2 Grid State changes just 1
-                if ((this._isLocalGrid && !this.gridOptions.enablePagination) || !this._isLocalGrid) {
-                    setTimeout(function () {
-                        if (_this.slickGrid && Array.isArray(gridRowIndexes_1)) {
-                            _this.slickGrid.setSelectedRows(gridRowIndexes_1);
-                        }
-                    });
-                }
-            }
-        };
-        AngularSlickgridComponent.prototype.mergeGridOptions = function (gridOptions) {
-            gridOptions.gridId = this.gridId;
-            gridOptions.gridContainerId = "slickGridContainer-" + this.gridId;
-            // if we have a backendServiceApi and the enablePagination is undefined, we'll assume that we do want to see it, else get that defined value
-            gridOptions.enablePagination = ((gridOptions.backendServiceApi && gridOptions.enablePagination === undefined) ? true : gridOptions.enablePagination) || false;
-            // use jquery extend to deep merge & copy to avoid immutable properties being changed in GlobalGridOptions after a route change
-            var options = $.extend(true, {}, GlobalGridOptions, this.forRootConfig, gridOptions);
-            // using jQuery extend to do a deep clone has an unwanted side on objects and pageSizes but ES6 spread has other worst side effects
-            // so we will just overwrite the pageSizes when needed, this is the only one causing issues so far.
-            // jQuery wrote this on their docs:: On a deep extend, Object and Array are extended, but object wrappers on primitive types such as String, Boolean, and Number are not.
-            if ((options === null || options === void 0 ? void 0 : options.pagination) && (gridOptions.enablePagination || gridOptions.backendServiceApi) && gridOptions.pagination && Array.isArray(gridOptions.pagination.pageSizes)) {
-                options.pagination.pageSizes = gridOptions.pagination.pageSizes;
-            }
-            // also make sure to show the header row if user have enabled filtering
-            this._hideHeaderRowAfterPageLoad = (options.showHeaderRow === false);
-            if (options.enableFiltering && !options.showHeaderRow) {
-                options.showHeaderRow = options.enableFiltering;
-            }
-            // when we use Pagination on Local Grid, it doesn't seem to work without enableFiltering
-            // so we'll enable the filtering but we'll keep the header row hidden
-            if (options && !options.enableFiltering && options.enablePagination && this._isLocalGrid) {
-                options.enableFiltering = true;
-                options.showHeaderRow = false;
-                this._hideHeaderRowAfterPageLoad = true;
-                if (this.sharedService) {
-                    this.sharedService.hideHeaderRowAfterPageLoad = true;
-                }
-            }
-            return options;
-        };
-        /** Pre-Register any Resource that don't require SlickGrid to be instantiated (for example RxJS Resource) */
-        AngularSlickgridComponent.prototype.preRegisterResources = function () {
-            this._registeredResources = this.gridOptions.registerExternalResources || [];
-            // Angular-Slickgrid requires RxJS, so we'll register it as the first resource
-            this.registerRxJsResource(new rxjsObservable.RxJsResource());
-        };
-        AngularSlickgridComponent.prototype.registerResources = function () {
-            var e_4, _s;
-            // at this point, we consider all the registered services as external services, anything else registered afterward aren't external
-            if (Array.isArray(this._registeredResources)) {
-                this.sharedService.externalRegisteredResources = this._registeredResources;
-            }
-            // push all other Services that we want to be registered
-            this._registeredResources.push(this.gridService, this.gridStateService);
-            // when using Grouping/DraggableGrouping/Colspan register its Service
-            if (this.gridOptions.createPreHeaderPanel && !this.gridOptions.enableDraggableGrouping) {
-                this._registeredResources.push(this.groupingService);
-            }
-            // when using Tree Data View, register its Service
-            if (this.gridOptions.enableTreeData) {
-                this._registeredResources.push(this.treeDataService);
-            }
-            // when user enables translation, we need to translate Headers on first pass & subsequently in the bindDifferentHooks
-            if (this.gridOptions.enableTranslate) {
-                this.extensionService.translateColumnHeaders();
-            }
-            // also initialize (render) the empty warning component
-            this.slickEmptyWarning = new emptyWarningComponent.SlickEmptyWarningComponent();
-            this._registeredResources.push(this.slickEmptyWarning);
-            // bind & initialize all Components/Services that were tagged as enabled
-            // register all services by executing their init method and providing them with the Grid object
-            if (Array.isArray(this._registeredResources)) {
-                try {
-                    for (var _t = __values(this._registeredResources), _u = _t.next(); !_u.done; _u = _t.next()) {
-                        var resource = _u.value;
-                        if (typeof resource.init === 'function') {
-                            resource.init(this.slickGrid, this.containerService);
-                        }
-                    }
-                }
-                catch (e_4_1) { e_4 = { error: e_4_1 }; }
-                finally {
-                    try {
-                        if (_u && !_u.done && (_s = _t.return)) _s.call(_t);
-                    }
-                    finally { if (e_4) throw e_4.error; }
-                }
-            }
-        };
-        /** Register the RxJS Resource in all necessary services which uses */
-        AngularSlickgridComponent.prototype.registerRxJsResource = function (resource) {
-            this.rxjs = resource;
-            this.backendUtilityService.addRxJsResource(this.rxjs);
-            this.filterFactory.addRxJsResource(this.rxjs);
-            this.filterService.addRxJsResource(this.rxjs);
-            this.sortService.addRxJsResource(this.rxjs);
-            this.paginationService.addRxJsResource(this.rxjs);
-            this.containerService.registerInstance('RxJsResource', this.rxjs);
-        };
-        /**
-         * Render (or dispose) the Pagination Component, user can optionally provide False (to not show it) which will in term dispose of the Pagination,
-         * also while disposing we can choose to omit the disposable of the Pagination Service (if we are simply toggling the Pagination, we want to keep the Service alive)
-         * @param {Boolean} showPagination - show (new render) or not (dispose) the Pagination
-         * @param {Boolean} shouldDisposePaginationService - when disposing the Pagination, do we also want to dispose of the Pagination Service? (defaults to True)
-         */
-        AngularSlickgridComponent.prototype.renderPagination = function (showPagination) {
-            if (showPagination === void 0) { showPagination = true; }
-            var _a;
-            if (((_a = this.gridOptions) === null || _a === void 0 ? void 0 : _a.enablePagination) && !this._isPaginationInitialized && showPagination) {
-                this.slickPagination = new paginationComponent.SlickPaginationComponent(this.paginationService, this._eventPubSubService, this.sharedService, this.translaterService);
-                this.slickPagination.renderPagination(this.gridContainerElement);
-                this._isPaginationInitialized = true;
-            }
-            else if (!showPagination) {
-                if (this.slickPagination) {
-                    this.slickPagination.dispose();
-                }
-                this._isPaginationInitialized = false;
-            }
-        };
-        /**
-         * Takes a flat dataset with parent/child relationship, sort it (via its tree structure) and return the sorted flat array
-         * @param {Array<Object>} flatDatasetInput - flat dataset input
-         * @param {Boolean} forceGridRefresh - optionally force a full grid refresh
-         * @returns {Array<Object>} sort flat parent/child dataset
-         */
-        AngularSlickgridComponent.prototype.sortTreeDataset = function (flatDatasetInput, forceGridRefresh) {
-            if (forceGridRefresh === void 0) { forceGridRefresh = false; }
-            var _a, _b;
-            var prevDatasetLn = this._currentDatasetLength;
-            var sortedDatasetResult;
-            var flatDatasetOutput = [];
-            // if the hierarchical dataset was already initialized then no need to re-convert it, we can use it directly from the shared service ref
-            if (this._isDatasetHierarchicalInitialized && this.datasetHierarchical) {
-                sortedDatasetResult = this.treeDataService.sortHierarchicalDataset(this.datasetHierarchical);
-                flatDatasetOutput = sortedDatasetResult.flat;
-            }
-            else if (Array.isArray(flatDatasetInput) && flatDatasetInput.length > 0) {
-                if ((_b = (_a = this.gridOptions) === null || _a === void 0 ? void 0 : _a.treeDataOptions) === null || _b === void 0 ? void 0 : _b.initialSort) {
-                    // else we need to first convert the flat dataset to a hierarchical dataset and then sort
-                    sortedDatasetResult = this.treeDataService.convertFlatParentChildToTreeDatasetAndSort(flatDatasetInput, this._columnDefinitions, this.gridOptions);
-                    this.sharedService.hierarchicalDataset = sortedDatasetResult.hierarchical;
-                    flatDatasetOutput = sortedDatasetResult.flat;
-                }
-                else {
-                    // else we assume that the user provided an array that is already sorted (user's responsability)
-                    // and so we can simply convert the array to a tree structure and we're done, no need to sort
-                    this.sharedService.hierarchicalDataset = this.treeDataService.convertFlatParentChildToTreeDataset(flatDatasetInput, this.gridOptions);
-                    flatDatasetOutput = flatDatasetInput || [];
-                }
-            }
-            // if we add/remove item(s) from the dataset, we need to also refresh our tree data filters
-            if (flatDatasetInput.length > 0 && (forceGridRefresh || flatDatasetInput.length !== prevDatasetLn)) {
-                this.filterService.refreshTreeDataFilters(flatDatasetOutput);
-            }
-            return flatDatasetOutput;
-        };
-        /**
-         * For convenience to the user, we provide the property "editor" as an Angular-Slickgrid editor complex object
-         * however "editor" is used internally by SlickGrid for it's own Editor Factory
-         * so in our lib we will swap "editor" and copy it into a new property called "internalColumnEditor"
-         * then take back "editor.model" and make it the new "editor" so that SlickGrid Editor Factory still works
-         */
-        AngularSlickgridComponent.prototype.swapInternalEditorToSlickGridFactoryEditor = function (columnDefinitions) {
-            var _this = this;
-            if (columnDefinitions.some(function (col) { return ("" + col.id).includes('.'); })) {
-                console.error('[Angular-Slickgrid] Make sure that none of your Column Definition "id" property includes a dot in its name because that will cause some problems with the Editors. For example if your column definition "field" property is "user.firstName" then use "firstName" as the column "id".');
-            }
-            return columnDefinitions.map(function (column) {
-                // on every Editor that have a "collectionAsync", resolve the data and assign it to the "collection" property
-                if (column && column.editor && column.editor.collectionAsync) {
-                    _this.loadEditorCollectionAsync(column);
-                }
-                return Object.assign(Object.assign({}, column), { editor: column.editor && column.editor.model, internalColumnEditor: Object.assign({}, column.editor) });
-            });
-        };
-        AngularSlickgridComponent.prototype.translateColumnHeaderTitleKeys = function () {
-            // translate all columns (including hidden columns)
-            this.extensionUtility.translateItems(this.sharedService.allColumns, 'nameKey', 'name');
-        };
-        AngularSlickgridComponent.prototype.translateColumnGroupKeys = function () {
-            // translate all column groups (including hidden columns)
-            this.extensionUtility.translateItems(this.sharedService.allColumns, 'columnGroupKey', 'columnGroup');
-        };
-        /**
-         * Update the "internalColumnEditor.collection" property.
-         * Since this is called after the async call resolves, the pointer will not be the same as the "column" argument passed.
-         * Once we found the new pointer, we will reassign the "editor" and "collection" to the "internalColumnEditor" so it has newest collection
-         */
-        AngularSlickgridComponent.prototype.updateEditorCollection = function (column, newCollection) {
-            column.editor.collection = newCollection;
-            column.editor.disabled = false;
-            // find the new column reference pointer & re-assign the new editor to the internalColumnEditor
-            var columns = this.slickGrid.getColumns();
-            if (Array.isArray(columns)) {
-                var columnRef = columns.find(function (col) { return col.id === column.id; });
-                if (columnRef) {
-                    columnRef.internalColumnEditor = column.editor;
-                }
-            }
-            // get current Editor, remove it from the DOM then re-enable it and re-render it with the new collection.
-            var currentEditor = this.slickGrid.getCellEditor();
-            if ((currentEditor === null || currentEditor === void 0 ? void 0 : currentEditor.disable) && (currentEditor === null || currentEditor === void 0 ? void 0 : currentEditor.renderDomElement)) {
-                currentEditor.destroy();
-                currentEditor.disable(false);
-                currentEditor.renderDomElement(newCollection);
-            }
-        };
-        return AngularSlickgridComponent;
-    }());
-    AngularSlickgridComponent.decorators = [
-        { type: core.Component, args: [{
-                    selector: 'angular-slickgrid',
-                    template: "<div id=\"slickGridContainer-{{gridId}}\" class=\"gridPane\">\r\n  <div attr.id='{{gridId}}' class=\"slickgrid-container\" style=\"width: 100%\">\r\n  </div>\r\n</div>",
-                    providers: [
-                        // make everything transient (non-singleton)
-                        AngularUtilService,
-                        core.ApplicationRef,
-                        RowDetailViewExtension,
-                        TranslaterService,
-                    ]
-                },] }
-    ];
-    AngularSlickgridComponent.ctorParameters = function () { return [
-        { type: AngularUtilService },
-        { type: core.ApplicationRef },
-        { type: core.ChangeDetectorRef },
-        { type: ContainerService },
-        { type: core.ElementRef },
-        { type: core$1.TranslateService, decorators: [{ type: core.Optional }] },
-        { type: TranslaterService, decorators: [{ type: core.Optional }] },
-        { type: undefined, decorators: [{ type: core.Inject, args: ['config',] }] },
-        { type: undefined, decorators: [{ type: core.Inject, args: ['externalService',] }] }
-    ]; };
-    AngularSlickgridComponent.propDecorators = {
-        customDataView: [{ type: core.Input }],
-        gridId: [{ type: core.Input }],
-        gridOptions: [{ type: core.Input }],
-        paginationOptions: [{ type: core.Input }],
-        columnDefinitions: [{ type: core.Input }],
-        dataset: [{ type: core.Input }],
-        datasetHierarchical: [{ type: core.Input }]
-    };
-
-    var AngularSlickgridModule = /** @class */ (function () {
-        function AngularSlickgridModule() {
-        }
-        AngularSlickgridModule.forRoot = function (config) {
-            if (config === void 0) { config = {}; }
-            return {
-                ngModule: AngularSlickgridModule,
-                providers: [
-                    { provide: 'config', useValue: config },
-                    { provide: 'externalService', useValue: null },
-                    AngularUtilService,
-                    BsDropDownService,
-                    ContainerService,
-                ]
-            };
-        };
-        return AngularSlickgridModule;
-    }());
-    AngularSlickgridModule.decorators = [
-        { type: core.NgModule, args: [{
-                    imports: [
-                        common$1.CommonModule,
-                        core$1.TranslateModule
-                    ],
-                    declarations: [
-                        AngularSlickgridComponent,
-                    ],
-                    exports: [
-                        AngularSlickgridComponent,
-                    ],
-                    entryComponents: [AngularSlickgridComponent]
-                },] }
-    ];
-
-    /**
-     * Generated bundle index. Do not edit.
-     */
-
-    exports.AngularSlickgridComponent = AngularSlickgridComponent;
-    exports.AngularSlickgridModule = AngularSlickgridModule;
-    exports.AngularUtilService = AngularUtilService;
-    exports.BsDropDownService = BsDropDownService;
-    exports.RowDetailViewExtension = RowDetailViewExtension;
-    exports.SlickgridConfig = SlickgridConfig;
-    exports.unsubscribeAllObservables = unsubscribeAllObservables;
-    exports.ɵb = ContainerService;
-    exports.ɵc = TranslaterService;
-    Object.keys(common).forEach(function (k) {
-        if (k !== 'default' && !exports.hasOwnProperty(k)) Object.defineProperty(exports, k, {
-            enumerable: true,
-            get: function () {
-                return common[k];
-            }
-        });
-    });
-
-    Object.defineProperty(exports, '__esModule', { value: true });
-
-})));
-//# sourceMappingURL=angular-slickgrid.umd.js.map