@datorama/core 22.0.6-rc.1 → 22.0.6

package/fesm5/datorama-core.js

@@ -7410,114 +7410,6 @@ var defaultClientSearchStrategy = function (searchIn, searchValue, labelKey) {
     return false;
 };
 
-/**
- * @license
- * Copyright Datorama. All Rights Reserved.
- *
- * Use of this source code is governed by an Apache License 2.0 license that can be
- * found in the LICENSE file at https://github.com/datorama/client-core/blob/master/LICENSE
- */
-var DatoSortableComponent = /** @class */ (function () {
-    function DatoSortableComponent() {
-        this.list = [];
-        this.noop = noop;
-        /**
-         * Sortablejs options
-         */
-        this.datoOptions = {};
-        /**
-         * Fired once items order has changed
-         */
-        this.orderUpdated = new EventEmitter();
-        this.defaultOptions = {
-            handle: '.dato-sortable-handler',
-            ghostClass: 'dato-sortable-ghost',
-            chosenClass: 'dato-sortable-chosen',
-            dragClass: 'dato-sortable-drag'
-        };
-    }
-    Object.defineProperty(DatoSortableComponent.prototype, "datoList", {
-        set: function (list) {
-            var isArr = Array.isArray(list);
-            var validInput = isArr || (list instanceof FormControl && Array.isArray(list.value));
-            if (!validInput) {
-                throw new Error("DatoSortable - datoList expected array or form control but got " + typeof list);
-            }
-            if (!isArr) {
-                this.formControl = list;
-                this.list = __spread(this.formControl.value);
-            }
-            else {
-                this.list = list;
-            }
-        },
-        enumerable: true,
-        configurable: true
-    });
-    DatoSortableComponent.prototype.ngOnInit = function () {
-        var _this = this;
-        var _a = this.datoOptions, dynamicGhostHeight = _a.dynamicGhostHeight, hasStaticItems = _a.hasStaticItems, sortableOptions = __rest(_a, ["dynamicGhostHeight", "hasStaticItems"]);
-        var mergedOptions = __assign(__assign(__assign({}, this.defaultOptions), sortableOptions), { onUpdate: function (event) { return (sortableOptions.onUpdate ? sortableOptions.onUpdate(event) : _this.emitUpdate(event)); } });
-        if (dynamicGhostHeight) {
-            mergedOptions.onStart = function (event) { return _this.setGhostHeight(event); };
-        }
-        if (hasStaticItems) {
-            mergedOptions.onMove = function (event) {
-                if (event.related.classList.contains('dato-sortable-static-item')) {
-                    return false;
-                }
-                return sortableOptions.onMove ? sortableOptions.onMove(event) : true;
-            };
-        }
-        this.mergedOptions = mergedOptions;
-    };
-    DatoSortableComponent.prototype.emitUpdate = function (event) {
-        if (this.formControl) {
-            this.formControl.setValue(this.list);
-        }
-        this.orderUpdated.emit(event);
-    };
-    DatoSortableComponent.prototype.setGhostHeight = function (event) {
-        var originalEl = event.from.children[event.oldIndex];
-        setStyle(originalEl, 'display', 'block');
-        var height = originalEl.getBoundingClientRect().height;
-        setStyle(originalEl, 'display', 'none');
-        var ghostEl = query('.dato-sortable-ghost');
-        setStyle(ghostEl, 'height', height + "px");
-    };
-    __decorate([
-        ContentChildren(DatoAccordionGroupComponent),
-        __metadata("design:type", QueryList)
-    ], DatoSortableComponent.prototype, "accordionGroups", void 0);
-    __decorate([
-        Input(),
-        __metadata("design:type", Object),
-        __metadata("design:paramtypes", [Object])
-    ], DatoSortableComponent.prototype, "datoList", null);
-    __decorate([
-        Input(),
-        __metadata("design:type", Object)
-    ], DatoSortableComponent.prototype, "datoOptions", void 0);
-    __decorate([
-        Input(),
-        __metadata("design:type", String)
-    ], DatoSortableComponent.prototype, "containerClass", void 0);
-    __decorate([
-        Output(),
-        __metadata("design:type", Object)
-    ], DatoSortableComponent.prototype, "orderUpdated", void 0);
-    DatoSortableComponent = __decorate([
-        Component({
-            selector: 'dato-sortable',
-            template: "<section [sortablejs]=\"list\" [sortablejsOptions]=\"mergedOptions\" [ngClass]=\"containerClass\"\n         (update.stop)=\"noop()\" (add.stop)=\"noop()\" (sort.stop)=\"noop()\" (remove.stop)=\"noop()\"\n         (filter.stop)=\"noop()\" (change.stop)=\"noop()\" (drag.stop)=\"noop()\">\n  <ng-content></ng-content>\n</section>",
-            changeDetection: ChangeDetectionStrategy.OnPush,
-            encapsulation: ViewEncapsulation.None,
-            styles: ["dato-sortable{display:inline-block}dato-sortable .dato-sortable-handler{cursor:move;cursor:-webkit-grabbing}.dato-sortable-ghost>*{display:none!important}.dato-sortable-drag{box-shadow:0 2px 14px 0 rgba(0,0,0,.2)}"]
-        })
-    ], DatoSortableComponent);
-    return DatoSortableComponent;
-}());
-
 /**
  * @license
  * Copyright Datorama. All Rights Reserved.
@@ -7563,13 +7455,6 @@ var DatoAccordionComponent = /** @class */ (function () {
         enumerable: true,
         configurable: true
     });
-    Object.defineProperty(DatoAccordionComponent.prototype, "groups", {
-        get: function () {
-            return this.sortable && this.sortable.accordionGroups.length > 0 ? this.sortable.accordionGroups : this.childGroups;
-        },
-        enumerable: true,
-        configurable: true
-    });
     DatoAccordionComponent.prototype.ngOnChanges = function (changes) {
         var _this = this;
         if (changes.expandAll && !changes.expandAll.firstChange) {
@@ -7787,15 +7672,11 @@ var DatoAccordionComponent = /** @class */ (function () {
     __decorate([
         ContentChildren(DatoAccordionGroupComponent),
         __metadata("design:type", QueryList)
-    ], DatoAccordionComponent.prototype, "childGroups", void 0);
+    ], DatoAccordionComponent.prototype, "groups", void 0);
     __decorate([
         ContentChildren(DatoAccordionComponent_1, { descendants: true }),
         __metadata("design:type", QueryList)
     ], DatoAccordionComponent.prototype, "childAccordion", void 0);
-    __decorate([
-        ContentChild(DatoSortableComponent, { static: true }),
-        __metadata("design:type", DatoSortableComponent)
-    ], DatoAccordionComponent.prototype, "sortable", void 0);
     __decorate([
         Input(),
         __metadata("design:type", Object)
@@ -8549,8 +8430,9 @@ var DatoSelectComponent = /** @class */ (function (_super) {
     DatoSelectComponent.prototype.writeValue = function (activeOptions) {
         this._model = activeOptions ? coerceArray$1(activeOptions) : [];
         if (this.options) {
+            var overTheLimit = this.limitSelectedTo && this.isMulti && this._model.length >= this.limitSelectedTo;
             this.markAsActive(this._model, { deselectAll: true });
-            this.limitSelectedTo && this.updateDisabledState();
+            overTheLimit && this.updateDisabledState();
         }
         /** For later updates */
         this.cdr.markForCheck();
@@ -8587,7 +8469,7 @@ var DatoSelectComponent = /** @class */ (function (_super) {
          */
         if (this.hasValue && this._initialOpen) {
             this.markAsActive(this._model);
-            if (this.limitSelectedTo) {
+            if (this.limitSelectedTo && this._model.length === this.limitSelectedTo) {
                 this.updateDisabledState();
             }
             this._initialOpen = false;
@@ -8667,8 +8549,8 @@ var DatoSelectComponent = /** @class */ (function (_super) {
             }
         }
         this.onChange(this._model);
+        this.datoOverlay.scheduleUpdate();
         this.cdr.markForCheck();
-        this.asyncUpdateDropdownPosition();
     };
     DatoSelectComponent.prototype.reorderOptions = function (newOrder) {
         this._model = newOrder;
@@ -8676,6 +8558,7 @@ var DatoSelectComponent = /** @class */ (function (_super) {
     };
     DatoSelectComponent.prototype.removeOption = function (option) {
         var _this = this;
+        var updateDisabled = this.limitSelectedTo && this._model.length === this.limitSelectedTo;
         this._model = this._model.filter(function (current) { return current[_this.idKey] !== option[_this.idKey]; });
         var optionToRemove = this.options.find(function (datoOption) { return datoOption.option && datoOption.option[_this.idKey] === option[_this.idKey]; });
         /**
@@ -8685,10 +8568,12 @@ var DatoSelectComponent = /** @class */ (function (_super) {
         if (optionToRemove) {
             optionToRemove.active = false;
         }
-        this.limitSelectedTo && this.updateDisabledState();
+        updateDisabled && this.updateDisabledState();
         this.onChange(this._model);
         this.cdr.markForCheck();
-        this.asyncUpdateDropdownPosition();
+        if (this.datoOverlay.attached) {
+            this.datoOverlay.scheduleUpdate();
+        }
     };
     DatoSelectComponent.prototype.preventBodyScroll = function (event) {
         if (isArrowUpDown(event)) {
@@ -8943,7 +8828,7 @@ var DatoSelectComponent = /** @class */ (function (_super) {
                     _this.searchTerm = value;
                     _this.keyManager.setActiveItem(-1);
                     _this.cdr.markForCheck();
-                    _this.asyncUpdateDropdownPosition();
+                    _this.datoOverlay && _this.datoOverlay.scheduleUpdate();
                 });
     };
     /**
@@ -9033,6 +8918,9 @@ var DatoSelectComponent = /** @class */ (function (_super) {
         if (!datoOption) {
             return;
         }
+        var modelLength = this._model.length;
+        var updateDisabled = this.limitSelectedTo &&
+            (modelLength === this.limitSelectedTo || (modelLength === this.limitSelectedTo - 1 && !datoOption.active));
         datoOption.active = !datoOption.active;
         var rawOption = datoOption.option;
         if (datoOption.active) {
@@ -9041,10 +8929,10 @@ var DatoSelectComponent = /** @class */ (function (_super) {
         else {
             this._model = this._model.filter(function (current) { return current[_this.idKey] !== rawOption[_this.idKey]; });
         }
-        this.limitSelectedTo && this.updateDisabledState();
+        updateDisabled && this.updateDisabledState();
         this.onChange(this._model);
         this.cdr.markForCheck();
-        this.asyncUpdateDropdownPosition();
+        this.datoOverlay.scheduleUpdate();
     };
     DatoSelectComponent.prototype.activateInfiniteScroll = function () {
         var _this = this;
@@ -9097,14 +8985,6 @@ var DatoSelectComponent = /** @class */ (function (_super) {
             finally { if (e_9) throw e_9.error; }
         }
     };
-    // Make sure the overlay will be update AFTER Change Detection was done
-    // So the items in the input (and its height) is update
-    DatoSelectComponent.prototype.asyncUpdateDropdownPosition = function () {
-        var _this = this;
-        if (this.datoOverlay && this.datoOverlay.attached) {
-            setTimeout(function () { return _this.datoOverlay.scheduleUpdate(); }, 0);
-        }
-    };
     DatoSelectComponent.ctorParameters = function () { return [
         { type: ChangeDetectorRef },
         { type: DatoTranslateService },
@@ -10097,6 +9977,110 @@ var DatoOptionsModule = /** @class */ (function () {
     return DatoOptionsModule;
 }());
 
+/**
+ * @license
+ * Copyright Datorama. All Rights Reserved.
+ *
+ * Use of this source code is governed by an Apache License 2.0 license that can be
+ * found in the LICENSE file at https://github.com/datorama/client-core/blob/master/LICENSE
+ */
+var DatoSortableComponent = /** @class */ (function () {
+    function DatoSortableComponent() {
+        this.list = [];
+        this.noop = noop;
+        /**
+         * Sortablejs options
+         */
+        this.datoOptions = {};
+        /**
+         * Fired once items order has changed
+         */
+        this.orderUpdated = new EventEmitter();
+        this.defaultOptions = {
+            handle: '.dato-sortable-handler',
+            ghostClass: 'dato-sortable-ghost',
+            chosenClass: 'dato-sortable-chosen',
+            dragClass: 'dato-sortable-drag'
+        };
+    }
+    Object.defineProperty(DatoSortableComponent.prototype, "datoList", {
+        set: function (list) {
+            var isArr = Array.isArray(list);
+            var validInput = isArr || (list instanceof FormControl && Array.isArray(list.value));
+            if (!validInput) {
+                throw new Error("DatoSortable - datoList expected array or form control but got " + typeof list);
+            }
+            if (!isArr) {
+                this.formControl = list;
+                this.list = __spread(this.formControl.value);
+            }
+            else {
+                this.list = list;
+            }
+        },
+        enumerable: true,
+        configurable: true
+    });
+    DatoSortableComponent.prototype.ngOnInit = function () {
+        var _this = this;
+        var _a = this.datoOptions, dynamicGhostHeight = _a.dynamicGhostHeight, hasStaticItems = _a.hasStaticItems, sortableOptions = __rest(_a, ["dynamicGhostHeight", "hasStaticItems"]);
+        var mergedOptions = __assign(__assign(__assign({}, this.defaultOptions), sortableOptions), { onUpdate: function (event) { return (sortableOptions.onUpdate ? sortableOptions.onUpdate(event) : _this.emitUpdate(event)); } });
+        if (dynamicGhostHeight) {
+            mergedOptions.onStart = function (event) { return _this.setGhostHeight(event); };
+        }
+        if (hasStaticItems) {
+            mergedOptions.onMove = function (event) {
+                if (event.related.classList.contains('dato-sortable-static-item')) {
+                    return false;
+                }
+                return sortableOptions.onMove ? sortableOptions.onMove(event) : true;
+            };
+        }
+        this.mergedOptions = mergedOptions;
+    };
+    DatoSortableComponent.prototype.emitUpdate = function (event) {
+        if (this.formControl) {
+            this.formControl.setValue(this.list);
+        }
+        this.orderUpdated.emit(event);
+    };
+    DatoSortableComponent.prototype.setGhostHeight = function (event) {
+        var originalEl = event.from.children[event.oldIndex];
+        setStyle(originalEl, 'display', 'block');
+        var height = originalEl.getBoundingClientRect().height;
+        setStyle(originalEl, 'display', 'none');
+        var ghostEl = query('.dato-sortable-ghost');
+        setStyle(ghostEl, 'height', height + "px");
+    };
+    __decorate([
+        Input(),
+        __metadata("design:type", Object),
+        __metadata("design:paramtypes", [Object])
+    ], DatoSortableComponent.prototype, "datoList", null);
+    __decorate([
+        Input(),
+        __metadata("design:type", Object)
+    ], DatoSortableComponent.prototype, "datoOptions", void 0);
+    __decorate([
+        Input(),
+        __metadata("design:type", String)
+    ], DatoSortableComponent.prototype, "containerClass", void 0);
+    __decorate([
+        Output(),
+        __metadata("design:type", Object)
+    ], DatoSortableComponent.prototype, "orderUpdated", void 0);
+    DatoSortableComponent = __decorate([
+        Component({
+            selector: 'dato-sortable',
+            template: "<section [sortablejs]=\"list\" [sortablejsOptions]=\"mergedOptions\" [ngClass]=\"containerClass\"\n         (update.stop)=\"noop()\" (add.stop)=\"noop()\" (sort.stop)=\"noop()\" (remove.stop)=\"noop()\"\n         (filter.stop)=\"noop()\" (change.stop)=\"noop()\" (drag.stop)=\"noop()\">\n  <ng-content></ng-content>\n</section>",
+            changeDetection: ChangeDetectionStrategy.OnPush,
+            encapsulation: ViewEncapsulation.None,
+            styles: ["dato-sortable{display:inline-block}dato-sortable .dato-sortable-handler{cursor:move;cursor:-webkit-grabbing}.dato-sortable-ghost>*{display:none!important}.dato-sortable-drag{box-shadow:0 2px 14px 0 rgba(0,0,0,.2)}"]
+        })
+    ], DatoSortableComponent);
+    return DatoSortableComponent;
+}());
+
 /**
  * @license
  * Copyright Datorama. All Rights Reserved.
@@ -11405,10 +11389,10 @@ var GridQuery = /** @class */ (function (_super) {
                 var uniquePivotParents = uniq(this.api.columns.getSecondaryColumns().map(function (column) { return column.getParent(); }));
                 var secondaryColumn = this.getSecondaryColumn(pivotedColumn.getColId());
                 var pivotColIndex = uniquePivotParents.indexOf(secondaryColumn.getParent());
-                return { colId: getColField(pivotedColumn.getColDef()), sort: sort, pivotColIndex: pivotColIndex };
+                return { colId: colId, sort: sort, pivotColIndex: pivotColIndex, colField: getColField(pivotedColumn.getColDef()) };
             }
             else if (column) {
-                return { colId: getColField(column.getColDef()), sort: sort };
+                return { colId: colId, sort: sort, colField: getColField(column.getColDef()) };
             }
         }
         else {
@@ -11836,7 +11820,7 @@ function toolbarActionToContextAction(params) {
     return contextActions;
 }
 
-var DATO_GRID_STORAGE_API = new InjectionToken('DATO_GRID_STORAGE_AP');
+var DATO_GRID_STORAGE_API = new InjectionToken('DATO_GRID_STORAGE_API');
 
 var defaultEditableColumnRenderer = function (params) {
     return params && params.value ? "<div class=\"value-wrapper ellipsis\">" + params.value + "</div>" : null;
@@ -14295,8 +14279,7 @@ var GridService = /** @class */ (function () {
         this.updateSettings({ gridAlignment: gridAlignment, columnsSizes: null });
     };
     GridService.prototype.saveSettingsToServer = function (settings) {
-        var isGlobal = this.gridQuery.getGridOptions().isGlobalSettings;
-        this.storageAPI.set(this.gridName, settings, isGlobal);
+        this.storageAPI.set(this.gridName, settings);
     };
     /**
      * @internal used to log grid events to the platform's logging service
@@ -15301,10 +15284,7 @@ var DatoGridControllerComponent = /** @class */ (function () {
             .pipe(switchMap(function () {
             _this.gridOptions = _this.normalizeOptions();
             agGrid.gridOptions = _this.gridOptions;
-            var isGlobal = _this.gridOptions.isGlobalSettings;
-            var settingsLoader = _this.gridOptions.saveSettings === false
-                ? of(null)
-                : _this.storageAPI.get(_this.gridOptions.gridName, isGlobal);
+            var settingsLoader = _this.gridOptions.saveSettings === false ? of(null) : _this.storageAPI.get(_this.gridOptions.gridName);
             return combineLatest([agGrid.gridReady, settingsLoader]);
         }), untilDestroyed(this))
             .subscribe(function (_a) {
@@ -16584,18 +16564,6 @@ var DatoGridV2ToolbarComponent = /** @class */ (function () {
         this.registerGroupListeners();
         this.subscribeRowsSelectionData();
     };
-    DatoGridV2ToolbarComponent.prototype.getCellValueChangeEvent = function () {
-        var _this = this;
-        return this.gridController.gridQuery.waitForGrid(function () {
-            return _this.gridQuery.gridRef.cellValueChanged.pipe(debounceTime(100), untilDestroyed(_this));
-        });
-    };
-    DatoGridV2ToolbarComponent.prototype.getRowDataUpdatedEvent = function () {
-        var _this = this;
-        return this.gridController.gridQuery.waitForGrid(function () {
-            return _this.gridQuery.gridRef.rowDataUpdated.pipe(debounceTime(100), untilDestroyed(_this));
-        });
-    };
     DatoGridV2ToolbarComponent.prototype.onActionClick = function (action) {
         if (isFunction(action.onClick)) {
             var selectedRowsCount = this.gridController.gridQuery.getSelectedRowsCount();
@@ -21071,40 +21039,6 @@ var DatoEditableHeaderModule = /** @class */ (function () {
  * found in the LICENSE file at https://github.com/datorama/client-core/blob/master/LICENSE
  */
 
-var RichTextService = /** @class */ (function () {
-    function RichTextService(http, config) {
-        this.http = http;
-        this.config = config;
-    }
-    RichTextService.prototype.getLib = function (appendScriptFunc, appendStyleFunc) {
-        if (!this.richTextScript$) {
-            this.initLib(appendScriptFunc, appendStyleFunc);
-        }
-        return this.richTextScript$;
-    };
-    RichTextService.prototype.initLib = function (appendScriptFunc, appendStyleFunc) {
-        this.richTextScript$ = combineLatest([
-            this.http
-                .get(this.config.paths.richText + "/index.js", { responseType: 'text' })
-                .pipe(tap(function (lib) { return appendScriptFunc(lib, 'rich-text-editor'); })),
-            this.http
-                .get(this.config.paths.richText + "/plugins/autocomplete/plugin.css", { responseType: 'text' })
-                .pipe(tap(function (style) { return appendStyleFunc(style, 'tinymce-autocomplete'); }))
-        ]).pipe(shareReplay(1));
-    };
-    RichTextService.ctorParameters = function () { return [
-        { type: HttpClient },
-        { type: undefined, decorators: [{ type: Inject, args: [DATO_CORE_CONFIG,] }] }
-    ]; };
-    RichTextService.ɵprov = ɵɵdefineInjectable({ factory: function RichTextService_Factory() { return new RichTextService(ɵɵinject(HttpClient), ɵɵinject(DATO_CORE_CONFIG)); }, token: RichTextService, providedIn: "root" });
-    RichTextService = __decorate([
-        Injectable({ providedIn: 'root' }),
-        __param(1, Inject(DATO_CORE_CONFIG)),
-        __metadata("design:paramtypes", [HttpClient, Object])
-    ], RichTextService);
-    return RichTextService;
-}());
-
 /**
  * @license
  * Copyright Datorama. All Rights Reserved.
@@ -21118,12 +21052,12 @@ var getTinymce = function () {
 var ɵ0$3 = getTinymce;
 var DatoRichTextDirective = /** @class */ (function (_super) {
     __extends(DatoRichTextDirective, _super);
-    function DatoRichTextDirective(ngZone, richTextService, config, host) {
+    function DatoRichTextDirective(ngZone, http, host, config) {
         var _this = _super.call(this) || this;
         _this.ngZone = ngZone;
-        _this.richTextService = richTextService;
-        _this.config = config;
+        _this.http = http;
         _this.host = host;
+        _this.config = config;
         _this.autocompleteOptions = {};
         _this.forcePlainTextPasting = false;
         _this.format = 'html';
@@ -21157,11 +21091,28 @@ var DatoRichTextDirective = /** @class */ (function (_super) {
             base: this.config.paths.richText,
             query: ''
         };
-        this.richTextService
-            .getLib(appendScript, appendStyle)
-            .pipe(untilDestroyed(this))
-            .subscribe(function () {
-            _this.init.call(_this);
+        /**
+         * We support only one instance in load time
+         */
+        if (window.tinymce) {
+            this.init.call(this);
+        }
+        else {
+            this.loadLib().subscribe(function (lib) {
+                appendScript(lib, 'rich-text-editor');
+                _this.init.call(_this);
+                _this.loadAutoCompleteStyle();
+            });
+        }
+    };
+    DatoRichTextDirective.prototype.loadLib = function () {
+        return this.http.get(this.config.paths.richText + "/index.js", { responseType: 'text' });
+    };
+    DatoRichTextDirective.prototype.loadAutoCompleteStyle = function () {
+        this.http
+            .get(this.config.paths.richText + "/plugins/autocomplete/plugin.css", { responseType: 'text' })
+            .subscribe(function (style) {
+            appendStyle(style, 'tinymce-autocomplete');
         });
     };
     DatoRichTextDirective.prototype.initEditor = function (_, editor) {
@@ -21254,9 +21205,9 @@ var DatoRichTextDirective = /** @class */ (function (_super) {
     var DatoRichTextDirective_1;
     DatoRichTextDirective.ctorParameters = function () { return [
         { type: NgZone },
-        { type: RichTextService },
-        { type: undefined, decorators: [{ type: Inject, args: [DATO_CORE_CONFIG,] }] },
-        { type: ElementRef }
+        { type: HttpClient },
+        { type: ElementRef },
+        { type: undefined, decorators: [{ type: Inject, args: [DATO_CORE_CONFIG,] }] }
     ]; };
     __decorate([
         Input(),
@@ -21322,9 +21273,10 @@ var DatoRichTextDirective = /** @class */ (function (_super) {
                 }
             ]
         }),
-        __param(2, Inject(DATO_CORE_CONFIG)),
+        __param(3, Inject(DATO_CORE_CONFIG)),
         __metadata("design:paramtypes", [NgZone,
-            RichTextService, Object, ElementRef])
+            HttpClient,
+            ElementRef, Object])
     ], DatoRichTextDirective);
     return DatoRichTextDirective;
 }(BaseCustomControl));
@@ -23847,9 +23799,7 @@ var DatoBreadcrumbsComponent = /** @class */ (function () {
     };
     DatoBreadcrumbsComponent.prototype.initEditableHeader = function () {
         var _this = this;
-        this.headerControl.valueChanges
-            .pipe(debounceTime(300), untilDestroyed(this))
-            .subscribe(function (res) {
+        this.headerControl.valueChanges.pipe(debounceTime(300), untilDestroyed(this)).subscribe(function (res) {
             _this.updateEditableText.emit(res);
             _this.cdr.detectChanges();
         });
@@ -25212,7 +25162,7 @@ function fixNgLeaks() {
     };
 }
 
-window.coreVersion = '22.1.5-rc.';
+window.coreVersion = '22.0.6';
 
 /**
  * @license
@@ -25226,5 +25176,5 @@ window.coreVersion = '22.1.5-rc.';
  * Generated bundle index. Do not edit.
  */
 
-export { APP_TRANSLATE, AceService, BaseCustomControl, COMPARE_RESULT, CUSTOM_RANGE_ID, ColorPalette, ConfirmationType, ContentRef, ContentType, CustomHeaderControllerService, DATE_PICKER_CONFIG, DATE_PICKER_POPOVER_ID, DATO_CORE_LOGGER, DATO_FORM_ERRORS, DATO_GRID_STORAGE_API, DEFAULT_FORMAT, DEFAULT_GRID_SEARCH_DEBOUNCE_TIME, DatePickerConfig, DatePickerMonthComponent, DateType, DatoAccordionComponent, DatoAccordionContentComponent, DatoAccordionGroupComponent, DatoAccordionHeaderComponent, DatoAccordionModule, DatoAceDirective, DatoAceDraggableDirective, DatoAceModule, DatoActionType, DatoAutoCompleteContentDirective, DatoAutoFocusDirective, DatoAutocompleteComponent, DatoAutocompleteDirective, DatoAutocompleteModule, DatoBreadcrumbsComponent, DatoBreadcrumbsModule, DatoButtonComponent, DatoButtonGroupComponent, DatoButtonGroupModule, DatoButtonModule, DatoCamelCasePipe, DatoCarouselComponent, DatoCarouselItemDirective, DatoCarouselItemElement, DatoCarouselModule, DatoCheckboxComponent, DatoCheckboxModule, DatoClipboardDirective, DatoColorDirective, DatoConfirmationDialogComponent, DatoControlErrorComponent, DatoControlErrorContainerDirective, DatoControlErrorsDirective, DatoCoreError, DatoCoreModule, DatoCustomHeaderTemplateComponent, DatoCustomHeaderTemplateDirective, DatoCustomMoreMenuTemplateDirective, DatoDatePickerContainerComponent, DatoDatePickerModule, DatoDatePickerRangeComponent, DatoDatePickerSingleComponent, DatoDialog, DatoDialogCloseDirective, DatoDialogComponent, DatoDialogContentComponent, DatoDialogDismissDirective, DatoDialogFooterComponent, DatoDialogHeaderComponent, DatoDialogModule, DatoDialogRef, DatoDirectivesModule, DatoDisableControlDirective, DatoDraggableDirective, DatoDynamicContentComponent, DatoDynamicContentModule, DatoEditableHeaderComponent, DatoEditableHeaderModule, DatoFileInputComponent, DatoFileInputDefaultComponent, DatoFileInputModule, DatoFilterConditions, DatoFontDirective, DatoFontIconComponent, DatoFontIconModule, DatoFormSubmitDirective, DatoFormValidationModule, DatoGrid, DatoGridAPI, DatoGridAvatarCellComponent, DatoGridColumnDisplayMenuComponent, DatoGridColumnHeaderComponent, DatoGridColumnHeaderMoreMenuComponent, DatoGridColumnTypes, DatoGridComponent, DatoGridControllerComponent, DatoGridDateFilterOptions, DatoGridFilterComponent, DatoGridFilterOptionsMap, DatoGridFilterSections, DatoGridFilterTypes, DatoGridGroupsMenuComponent, DatoGridHeaderComponent, DatoGridHeaderV2Component, DatoGridInitialsCellComponent, DatoGridItemsCellComponent, DatoGridModule, DatoGridMoreMenuActions, DatoGridNumberFilterOptions, DatoGridOnHoverComponent, DatoGridPaginationComponent, DatoGridPaginationV2Component, DatoGridStatusCellComponent, DatoGridStringFilterOptions, DatoGridToolbarComponent, DatoGridToolbarItemDirective, DatoGridToolbarItemElementDirective, DatoGridV2Component, DatoGridV2LoaderComponent, DatoGridV2Module, DatoGridV2NoDataOverlayComponent, DatoGridV2ToolbarButtonComponent, DatoGridV2ToolbarComponent, DatoGroupComponent, DatoHighlightPipe, DatoHotkeys, DatoHotkeysDirective, DatoHotkeysHelpComponent, DatoHotkeysModule, DatoIconButtonComponent, DatoIconButtonModule, DatoIconComponent, DatoIconModule, DatoInfiniteScrollComponent, DatoInfiniteScrollModule, DatoInputComponent, DatoInputModule, DatoInputNumberComponent, DatoInputNumberDirective, DatoInputNumberModule, DatoKebabCasePipe, DatoLinkButtonComponent, DatoLinkButtonModule, DatoListComponent, DatoListModule, DatoListNoDataComponent, DatoListNoResultComponent, DatoListV2Component, DatoListV2Module, DatoLoaderComponent, DatoLoadersModule, DatoMenuComponent, DatoMenuContentDirective, DatoMenuItemDirective, DatoMenuModule, DatoMenuTriggerForDirective, DatoMultiOptionComponent, DatoMultiOptionV2Component, DatoOperatorTogglerComponent, DatoOperatorTogglerModule, DatoOptionComponent, DatoOptionV2Component, DatoOptionsModule, DatoOriginDirective, DatoOverlay, DatoPageLoaderComponent, DatoPanel, DatoPanelComponent, DatoPanelContentComponent, DatoPanelFooterComponent, DatoPanelHeaderComponent, DatoPanelInternalConfig, DatoPanelModule, DatoPanelRef, DatoPillsComponent, DatoPillsModule, DatoPipesModule, DatoPopover, DatoPopoverComponent, DatoPopoverModule, DatoProgressBarComponent, DatoProgressBarModule, DatoRadioComponent, DatoRadioModule, DatoRichTextDirective, DatoRichTextModule, DatoSearchResultsGroupSortPipe, DatoSearchResultsSortPipe, DatoSearchableContainerComponent, DatoSearchableDirective, DatoSearchableHighlightDirective, DatoSearchableModule, DatoSelectActiveDirective, DatoSelectComponent, DatoSelectEmptyComponent, DatoSelectModule, DatoSliderComponent, DatoSliderModule, DatoSnackbar, DatoSnackbarComponent, DatoSnackbarModule, DatoSortableComponent, DatoSortableHandleDirective, DatoSortableModule, DatoStaticImageSrcDirective, DatoStaticImagesSrcModule, DatoSubscribeContext, DatoSubscribeDirective, DatoTab, DatoTabContent, DatoTabTitle, DatoTabsModule, DatoTabset, DatoTemplatePortal, DatoTextModule, DatoThemesModule, DatoToast, DatoToastComponent, DatoToastModule, DatoTogglerComponent, DatoTogglerModule, DatoTooltipDirective, DatoTooltipV2Directive, DatoTrackByPropPipe, DatoTranslateService, DatoTreePipe, DatoTriggerMulti, DatoTriggerSingle, DialogConfig, DialogResultStatus, Dimensions, EventModifiersPlugin, GridActionType, GridMinWidths, GridRowSelectionType, GridToolbarService, ISO_FORMAT, IconRegistry, KeyCodes, KeyboardEventKeys, ListValueTypes, MockService, OperatorTypes, POPPER_BOUNDARY, PaletteDirective, PanelResultCloseTrigger, PillType, PopoverCloseDirective, PopoverContentDirective, PopoverRef, PopoverTrigger, ROOT_NODE_ID, RelativeDateType, RenderMethod, RowSelectionType, RowSelectionTypeV2, SELECT_MAX_HEIGHT, SUPPORTED_LOCALES, SelectType, SnackbarRef, SnackbarType, Store, SvgRegistry, ToolbarActionType, ToolbarArea, ToolbarConfirmation, ToolbarDeleteConfirmation, ToolbarHandler, TranslatePipe, Types, _valueChanges, a, addClass, addJSObjectCompletor, allowedFileTypes, alphabeticalGroupSort, alphabeticalSort, appendChild, appendScript, appendStyle, appendToBody, assertString, camelCase, capitalize, cloneDeep, closest, coerceArray, coerceElement, compareWith, compose, convertFromTreeData, convertToTreeData, copyToClipboard, createComponent, createElement, createGUID, createHTMLCompletor, curry, dateCompare, daysOfTheMonth, debounce, declarations$2 as declarations, deepEqual, deepmerge, defaultActions$1 as defaultActions, defaultConfig, defaultEditableColumnRenderer, defaultGridOptions, defaultGridTreeLabel, defaultOptionsDisplayLimit, defaultTreeOptions, dialogSizePreset, diff, difference, differenceBy, dimensionsChanges, directives, drop, editableCellRendererWithSearchHighlight, escape, escapeRegExp, filter, filterByControlValue, filterByTerm, filterDialogDismissed, filterDialogSuccess, filterGroupByControlValue, filterGroupByTerm, filterKey, find, findIndex, findKey, fixNgLeaks, forEach, formatKeys, generateMonths, get, getAttr, getCustomRange, getDateISOString, getDefaultConfirmationOptions, getDefaultOptions, getDefaultsToastOptions, getElementCoords, getFunctionName, getGridConfiguration, getGridModel, getInitials, getLocalizedFormat, getMultiTemplate, getOptionTemplate, getPopperDefaults, getUTCDate, getVisibleActions, gridTreeFilePathKey, groupBy, groupSortOrder, has, inView, intersection, invert, isArrayValuesEqual, isArrowUpDown, isBoolean, isEmpty, isEmptyString, isEnter, isEqual, isEscape, isFraction, isFunction, isMacintosh, isNil, isNumber, isObject, isRangeCondition, isRangeCustom, isString, isTestEnv, isValidMediaLink, kebabCase, keyBy, keysSymbols, last, map, mapKeys, mapValues, maxFileSize, merge, minBy, mockInDev, mocks, ngContentResolver, noop, normalizeData, omit, omitBy, optionalDebounce, pallete, parseDateString, partial, polling, prependChild, publicApi$1 as publicApi, query, queryAll, random, rawDiff, reject, relativeDateTypes, removeClass, resolveRange, round, searchHighlightCellRenderer, searchResultsGroupSort, searchResultsSort, setAttr, setAttribute, setDimensions, setEmptyFolderClass, setGridConfiguration, setGridModel, setMaxDimensions, setMinDimensions, setStyle, setStyles, size, sortBy, stubs, supportedLocales, tapLog, tapOnce, throttle, toBoolean, toFormData, toNumber, toResponseBody, toString, toggleClass, toolbarActionToContextAction, tryParsePivotValue, unescape, union, uniq, uniqBy, uploadProgress, validBase64Image, validUrl, validateCondition, validateDate, validateDateCondition, validateFilter, validateNumberCondition, validateRange, validateStringCondition, values, workerMap, zoneStable, ɵ0$2 as ɵ0, ɵ1$2 as ɵ1, ɵ2, DATO_CORE_CONFIG as ɵb, DatoGridHelper as ɵc, Popper as ɵd, GridQuery as ɵe, GridStore as ɵf, GridService as ɵg, DatoDateRangesFilterPipe as ɵh, ListStore as ɵi, DatoListSelectAllComponent as ɵj, DatoGridMultiSelectColumnHeaderComponent as ɵk, DatoGridItemsCountCellComponent as ɵl, DatoGridV2ToolbarMoreMenuComponent as ɵm, DatoGridSearchBarComponent as ɵn, RichTextService as ɵo };
+export { APP_TRANSLATE, AceService, BaseCustomControl, COMPARE_RESULT, CUSTOM_RANGE_ID, ColorPalette, ConfirmationType, ContentRef, ContentType, CustomHeaderControllerService, DATE_PICKER_CONFIG, DATE_PICKER_POPOVER_ID, DATO_CORE_LOGGER, DATO_FORM_ERRORS, DATO_GRID_STORAGE_API, DEFAULT_FORMAT, DEFAULT_GRID_SEARCH_DEBOUNCE_TIME, DatePickerConfig, DatePickerMonthComponent, DateType, DatoAccordionComponent, DatoAccordionContentComponent, DatoAccordionGroupComponent, DatoAccordionHeaderComponent, DatoAccordionModule, DatoAceDirective, DatoAceDraggableDirective, DatoAceModule, DatoActionType, DatoAutoCompleteContentDirective, DatoAutoFocusDirective, DatoAutocompleteComponent, DatoAutocompleteDirective, DatoAutocompleteModule, DatoBreadcrumbsComponent, DatoBreadcrumbsModule, DatoButtonComponent, DatoButtonGroupComponent, DatoButtonGroupModule, DatoButtonModule, DatoCamelCasePipe, DatoCarouselComponent, DatoCarouselItemDirective, DatoCarouselItemElement, DatoCarouselModule, DatoCheckboxComponent, DatoCheckboxModule, DatoClipboardDirective, DatoColorDirective, DatoConfirmationDialogComponent, DatoControlErrorComponent, DatoControlErrorContainerDirective, DatoControlErrorsDirective, DatoCoreError, DatoCoreModule, DatoCustomHeaderTemplateComponent, DatoCustomHeaderTemplateDirective, DatoCustomMoreMenuTemplateDirective, DatoDatePickerContainerComponent, DatoDatePickerModule, DatoDatePickerRangeComponent, DatoDatePickerSingleComponent, DatoDialog, DatoDialogCloseDirective, DatoDialogComponent, DatoDialogContentComponent, DatoDialogDismissDirective, DatoDialogFooterComponent, DatoDialogHeaderComponent, DatoDialogModule, DatoDialogRef, DatoDirectivesModule, DatoDisableControlDirective, DatoDraggableDirective, DatoDynamicContentComponent, DatoDynamicContentModule, DatoEditableHeaderComponent, DatoEditableHeaderModule, DatoFileInputComponent, DatoFileInputDefaultComponent, DatoFileInputModule, DatoFilterConditions, DatoFontDirective, DatoFontIconComponent, DatoFontIconModule, DatoFormSubmitDirective, DatoFormValidationModule, DatoGrid, DatoGridAPI, DatoGridAvatarCellComponent, DatoGridColumnDisplayMenuComponent, DatoGridColumnHeaderComponent, DatoGridColumnHeaderMoreMenuComponent, DatoGridColumnTypes, DatoGridComponent, DatoGridControllerComponent, DatoGridDateFilterOptions, DatoGridFilterComponent, DatoGridFilterOptionsMap, DatoGridFilterSections, DatoGridFilterTypes, DatoGridGroupsMenuComponent, DatoGridHeaderComponent, DatoGridHeaderV2Component, DatoGridInitialsCellComponent, DatoGridItemsCellComponent, DatoGridModule, DatoGridMoreMenuActions, DatoGridNumberFilterOptions, DatoGridOnHoverComponent, DatoGridPaginationComponent, DatoGridPaginationV2Component, DatoGridStatusCellComponent, DatoGridStringFilterOptions, DatoGridToolbarComponent, DatoGridToolbarItemDirective, DatoGridToolbarItemElementDirective, DatoGridV2Component, DatoGridV2LoaderComponent, DatoGridV2Module, DatoGridV2NoDataOverlayComponent, DatoGridV2ToolbarButtonComponent, DatoGridV2ToolbarComponent, DatoGroupComponent, DatoHighlightPipe, DatoHotkeys, DatoHotkeysDirective, DatoHotkeysHelpComponent, DatoHotkeysModule, DatoIconButtonComponent, DatoIconButtonModule, DatoIconComponent, DatoIconModule, DatoInfiniteScrollComponent, DatoInfiniteScrollModule, DatoInputComponent, DatoInputModule, DatoInputNumberComponent, DatoInputNumberDirective, DatoInputNumberModule, DatoKebabCasePipe, DatoLinkButtonComponent, DatoLinkButtonModule, DatoListComponent, DatoListModule, DatoListNoDataComponent, DatoListNoResultComponent, DatoListV2Component, DatoListV2Module, DatoLoaderComponent, DatoLoadersModule, DatoMenuComponent, DatoMenuContentDirective, DatoMenuItemDirective, DatoMenuModule, DatoMenuTriggerForDirective, DatoMultiOptionComponent, DatoMultiOptionV2Component, DatoOperatorTogglerComponent, DatoOperatorTogglerModule, DatoOptionComponent, DatoOptionV2Component, DatoOptionsModule, DatoOriginDirective, DatoOverlay, DatoPageLoaderComponent, DatoPanel, DatoPanelComponent, DatoPanelContentComponent, DatoPanelFooterComponent, DatoPanelHeaderComponent, DatoPanelInternalConfig, DatoPanelModule, DatoPanelRef, DatoPillsComponent, DatoPillsModule, DatoPipesModule, DatoPopover, DatoPopoverComponent, DatoPopoverModule, DatoProgressBarComponent, DatoProgressBarModule, DatoRadioComponent, DatoRadioModule, DatoRichTextDirective, DatoRichTextModule, DatoSearchResultsGroupSortPipe, DatoSearchResultsSortPipe, DatoSearchableContainerComponent, DatoSearchableDirective, DatoSearchableHighlightDirective, DatoSearchableModule, DatoSelectActiveDirective, DatoSelectComponent, DatoSelectEmptyComponent, DatoSelectModule, DatoSliderComponent, DatoSliderModule, DatoSnackbar, DatoSnackbarComponent, DatoSnackbarModule, DatoSortableComponent, DatoSortableHandleDirective, DatoSortableModule, DatoStaticImageSrcDirective, DatoStaticImagesSrcModule, DatoSubscribeContext, DatoSubscribeDirective, DatoTab, DatoTabContent, DatoTabTitle, DatoTabsModule, DatoTabset, DatoTemplatePortal, DatoTextModule, DatoThemesModule, DatoToast, DatoToastComponent, DatoToastModule, DatoTogglerComponent, DatoTogglerModule, DatoTooltipDirective, DatoTooltipV2Directive, DatoTrackByPropPipe, DatoTranslateService, DatoTreePipe, DatoTriggerMulti, DatoTriggerSingle, DialogConfig, DialogResultStatus, Dimensions, EventModifiersPlugin, GridActionType, GridMinWidths, GridRowSelectionType, GridToolbarService, ISO_FORMAT, IconRegistry, KeyCodes, KeyboardEventKeys, ListValueTypes, MockService, OperatorTypes, POPPER_BOUNDARY, PaletteDirective, PanelResultCloseTrigger, PillType, PopoverCloseDirective, PopoverContentDirective, PopoverRef, PopoverTrigger, ROOT_NODE_ID, RelativeDateType, RenderMethod, RowSelectionType, RowSelectionTypeV2, SELECT_MAX_HEIGHT, SUPPORTED_LOCALES, SelectType, SnackbarRef, SnackbarType, Store, SvgRegistry, ToolbarActionType, ToolbarArea, ToolbarConfirmation, ToolbarDeleteConfirmation, ToolbarHandler, TranslatePipe, Types, _valueChanges, a, addClass, addJSObjectCompletor, allowedFileTypes, alphabeticalGroupSort, alphabeticalSort, appendChild, appendScript, appendStyle, appendToBody, assertString, camelCase, capitalize, cloneDeep, closest, coerceArray, coerceElement, compareWith, compose, convertFromTreeData, convertToTreeData, copyToClipboard, createComponent, createElement, createGUID, createHTMLCompletor, curry, dateCompare, daysOfTheMonth, debounce, declarations$2 as declarations, deepEqual, deepmerge, defaultActions$1 as defaultActions, defaultConfig, defaultEditableColumnRenderer, defaultGridOptions, defaultGridTreeLabel, defaultOptionsDisplayLimit, defaultTreeOptions, dialogSizePreset, diff, difference, differenceBy, dimensionsChanges, directives, drop, editableCellRendererWithSearchHighlight, escape, escapeRegExp, filter, filterByControlValue, filterByTerm, filterDialogDismissed, filterDialogSuccess, filterGroupByControlValue, filterGroupByTerm, filterKey, find, findIndex, findKey, fixNgLeaks, forEach, formatKeys, generateMonths, get, getAttr, getCustomRange, getDateISOString, getDefaultConfirmationOptions, getDefaultOptions, getDefaultsToastOptions, getElementCoords, getFunctionName, getGridConfiguration, getGridModel, getInitials, getLocalizedFormat, getMultiTemplate, getOptionTemplate, getPopperDefaults, getUTCDate, getVisibleActions, gridTreeFilePathKey, groupBy, groupSortOrder, has, inView, intersection, invert, isArrayValuesEqual, isArrowUpDown, isBoolean, isEmpty, isEmptyString, isEnter, isEqual, isEscape, isFraction, isFunction, isMacintosh, isNil, isNumber, isObject, isRangeCondition, isRangeCustom, isString, isTestEnv, isValidMediaLink, kebabCase, keyBy, keysSymbols, last, map, mapKeys, mapValues, maxFileSize, merge, minBy, mockInDev, mocks, ngContentResolver, noop, normalizeData, omit, omitBy, optionalDebounce, pallete, parseDateString, partial, polling, prependChild, publicApi$1 as publicApi, query, queryAll, random, rawDiff, reject, relativeDateTypes, removeClass, resolveRange, round, searchHighlightCellRenderer, searchResultsGroupSort, searchResultsSort, setAttr, setAttribute, setDimensions, setEmptyFolderClass, setGridConfiguration, setGridModel, setMaxDimensions, setMinDimensions, setStyle, setStyles, size, sortBy, stubs, supportedLocales, tapLog, tapOnce, throttle, toBoolean, toFormData, toNumber, toResponseBody, toString, toggleClass, toolbarActionToContextAction, tryParsePivotValue, unescape, union, uniq, uniqBy, uploadProgress, validBase64Image, validUrl, validateCondition, validateDate, validateDateCondition, validateFilter, validateNumberCondition, validateRange, validateStringCondition, values, workerMap, zoneStable, ɵ0$2 as ɵ0, ɵ1$2 as ɵ1, ɵ2, DATO_CORE_CONFIG as ɵb, DatoGridHelper as ɵc, Popper as ɵd, GridQuery as ɵe, GridStore as ɵf, GridService as ɵg, DatoDateRangesFilterPipe as ɵh, ListStore as ɵi, DatoListSelectAllComponent as ɵj, DatoGridMultiSelectColumnHeaderComponent as ɵk, DatoGridItemsCountCellComponent as ɵl, DatoGridV2ToolbarMoreMenuComponent as ɵm, DatoGridSearchBarComponent as ɵn };
 //# sourceMappingURL=datorama-core.js.map