@datorama/core 22.0.4 → 22.0.6-rc.1

package/bundle.scss

@@ -14300,6 +14300,19 @@ dato-grid-v2 .ag-cell {
     border-right: solid 1px themify(primary-300, 0.5);
 }
 
+dato-grid-v2 ag-grid-angular .ag-floating-bottom {
+    border: none !important;
+}
+
+dato-grid-v2 ag-grid-angular .ag-floating-bottom .ag-row {
+    background-color: themify(primary-0) !important;
+    border: 1px solid themify(primary-200);
+}
+
+dato-grid-v2 ag-grid-angular .ag-floating-bottom .ag-row .ag-cell {
+    border-right: none;
+}
+
 dato-grid-v2 ag-grid-angular.enable-v2_1 {
     padding-top: 8px;
 }
@@ -14341,19 +14354,6 @@ dato-grid-v2 ag-grid-angular.pivot-mode .ag-row.ag-row-group:not(.ag-row-level-0
     font-weight: 400;
 }
 
-dato-grid-v2 ag-grid-angular.pivot-mode .ag-floating-bottom {
-    border: none;
-}
-
-dato-grid-v2 ag-grid-angular.pivot-mode .ag-floating-bottom .ag-row {
-    background-color: themify(primary-0);
-    border: 1px solid themify(primary-200);
-}
-
-dato-grid-v2 ag-grid-angular.pivot-mode .ag-floating-bottom .ag-row .ag-cell {
-    border-right: none;
-}
-
 dato-grid-v2 ag-grid-angular.pivot-mode .ag-ltr .ag-row-group-leaf-indent {
     margin-left: 0;
 }

package/bundles/datorama-core.umd.js

@@ -7609,6 +7609,114 @@
         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 core.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 forms.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([
+            core.ContentChildren(DatoAccordionGroupComponent),
+            __metadata("design:type", core.QueryList)
+        ], DatoSortableComponent.prototype, "accordionGroups", void 0);
+        __decorate([
+            core.Input(),
+            __metadata("design:type", Object),
+            __metadata("design:paramtypes", [Object])
+        ], DatoSortableComponent.prototype, "datoList", null);
+        __decorate([
+            core.Input(),
+            __metadata("design:type", Object)
+        ], DatoSortableComponent.prototype, "datoOptions", void 0);
+        __decorate([
+            core.Input(),
+            __metadata("design:type", String)
+        ], DatoSortableComponent.prototype, "containerClass", void 0);
+        __decorate([
+            core.Output(),
+            __metadata("design:type", Object)
+        ], DatoSortableComponent.prototype, "orderUpdated", void 0);
+        DatoSortableComponent = __decorate([
+            core.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: core.ChangeDetectionStrategy.OnPush,
+                encapsulation: core.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.
@@ -7654,6 +7762,13 @@
             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) {
@@ -7871,11 +7986,15 @@
         __decorate([
             core.ContentChildren(DatoAccordionGroupComponent),
             __metadata("design:type", core.QueryList)
-        ], DatoAccordionComponent.prototype, "groups", void 0);
+        ], DatoAccordionComponent.prototype, "childGroups", void 0);
         __decorate([
             core.ContentChildren(DatoAccordionComponent_1, { descendants: true }),
             __metadata("design:type", core.QueryList)
         ], DatoAccordionComponent.prototype, "childAccordion", void 0);
+        __decorate([
+            core.ContentChild(DatoSortableComponent, { static: true }),
+            __metadata("design:type", DatoSortableComponent)
+        ], DatoAccordionComponent.prototype, "sortable", void 0);
         __decorate([
             core.Input(),
             __metadata("design:type", Object)
@@ -8629,9 +8748,8 @@
         DatoSelectComponent.prototype.writeValue = function (activeOptions) {
             this._model = activeOptions ? akita.coerceArray(activeOptions) : [];
             if (this.options) {
-                var overTheLimit = this.limitSelectedTo && this.isMulti && this._model.length >= this.limitSelectedTo;
                 this.markAsActive(this._model, { deselectAll: true });
-                overTheLimit && this.updateDisabledState();
+                this.limitSelectedTo && this.updateDisabledState();
             }
             /** For later updates */
             this.cdr.markForCheck();
@@ -8668,7 +8786,7 @@
              */
             if (this.hasValue && this._initialOpen) {
                 this.markAsActive(this._model);
-                if (this.limitSelectedTo && this._model.length === this.limitSelectedTo) {
+                if (this.limitSelectedTo) {
                     this.updateDisabledState();
                 }
                 this._initialOpen = false;
@@ -8748,8 +8866,8 @@
                 }
             }
             this.onChange(this._model);
-            this.datoOverlay.scheduleUpdate();
             this.cdr.markForCheck();
+            this.asyncUpdateDropdownPosition();
         };
         DatoSelectComponent.prototype.reorderOptions = function (newOrder) {
             this._model = newOrder;
@@ -8757,7 +8875,6 @@
         };
         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]; });
             /**
@@ -8767,12 +8884,10 @@
             if (optionToRemove) {
                 optionToRemove.active = false;
             }
-            updateDisabled && this.updateDisabledState();
+            this.limitSelectedTo && this.updateDisabledState();
             this.onChange(this._model);
             this.cdr.markForCheck();
-            if (this.datoOverlay.attached) {
-                this.datoOverlay.scheduleUpdate();
-            }
+            this.asyncUpdateDropdownPosition();
         };
         DatoSelectComponent.prototype.preventBodyScroll = function (event) {
             if (isArrowUpDown(event)) {
@@ -9027,7 +9142,7 @@
                         _this.searchTerm = value;
                         _this.keyManager.setActiveItem(-1);
                         _this.cdr.markForCheck();
-                        _this.datoOverlay && _this.datoOverlay.scheduleUpdate();
+                        _this.asyncUpdateDropdownPosition();
                     });
         };
         /**
@@ -9117,9 +9232,6 @@
             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) {
@@ -9128,10 +9240,10 @@
             else {
                 this._model = this._model.filter(function (current) { return current[_this.idKey] !== rawOption[_this.idKey]; });
             }
-            updateDisabled && this.updateDisabledState();
+            this.limitSelectedTo && this.updateDisabledState();
             this.onChange(this._model);
             this.cdr.markForCheck();
-            this.datoOverlay.scheduleUpdate();
+            this.asyncUpdateDropdownPosition();
         };
         DatoSelectComponent.prototype.activateInfiniteScroll = function () {
             var _this = this;
@@ -9184,6 +9296,14 @@
                 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: core.ChangeDetectorRef },
             { type: DatoTranslateService },
@@ -10176,110 +10296,6 @@
         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 core.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 forms.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([
-            core.Input(),
-            __metadata("design:type", Object),
-            __metadata("design:paramtypes", [Object])
-        ], DatoSortableComponent.prototype, "datoList", null);
-        __decorate([
-            core.Input(),
-            __metadata("design:type", Object)
-        ], DatoSortableComponent.prototype, "datoOptions", void 0);
-        __decorate([
-            core.Input(),
-            __metadata("design:type", String)
-        ], DatoSortableComponent.prototype, "containerClass", void 0);
-        __decorate([
-            core.Output(),
-            __metadata("design:type", Object)
-        ], DatoSortableComponent.prototype, "orderUpdated", void 0);
-        DatoSortableComponent = __decorate([
-            core.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: core.ChangeDetectionStrategy.OnPush,
-                encapsulation: core.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.
@@ -11745,6 +11761,8 @@
         DatoFilterConditions["NOT_IN_LIST"] = "NOT_IN_LIST";
         DatoFilterConditions["IS_EMPTY"] = "IS_EMPTY";
         DatoFilterConditions["NOT_EMPTY"] = "NOT_EMPTY";
+        DatoFilterConditions["IS_NULL"] = "IS_NULL";
+        DatoFilterConditions["NOT_NULL"] = "NOT_NULL";
     })(exports.DatoFilterConditions || (exports.DatoFilterConditions = {}));
     var DatoGridDateFilterOptions = [
         exports.DatoFilterConditions.IN_RANGE,
@@ -11828,8 +11846,10 @@
             case exports.DatoFilterConditions.IN_RANGE:
                 return rowValue >= filterValue && rowValue <= parseFloat(rangeEnd);
             case exports.DatoFilterConditions.IS_EMPTY:
+            case exports.DatoFilterConditions.IS_NULL:
                 return isNil(rowValue);
             case exports.DatoFilterConditions.NOT_EMPTY:
+            case exports.DatoFilterConditions.NOT_NULL:
                 return !isNil(rowValue);
         }
     }
@@ -12015,7 +12035,7 @@
         return contextActions;
     }
 
-    var DATO_GRID_STORAGE_API = new core.InjectionToken('DATO_GRID_STORAGE_API');
+    var DATO_GRID_STORAGE_API = new core.InjectionToken('DATO_GRID_STORAGE_AP');
 
     var defaultEditableColumnRenderer = function (params) {
         return params && params.value ? "<div class=\"value-wrapper ellipsis\">" + params.value + "</div>" : null;
@@ -12830,10 +12850,11 @@
             var _a;
             var _this = this;
             var _b = this.popover.data, gridService = _b.gridService, gridQuery = _b.gridQuery;
-            var _c = this.colDef, filter = _c.filter, _d = _c.filtersConfig, filtersConfig = _d === void 0 ? {} : _d, pivotValueColumn = _c.pivotValueColumn, pivotKeys = _c.pivotKeys;
+            var _c = this.colDef, filter = _c.filter, pivotValueColumn = _c.pivotValueColumn, pivotKeys = _c.pivotKeys;
             var colDefs = gridQuery.api.columns.getAllColumns().map(function (column) { return column.getColDef(); });
             this.colField = getColField(this.colDef);
             var colDef = colDefs.find(function (colDef) { return colDef.field === _this.colField; });
+            var filtersConfig = colDef.filtersConfig || this.colDef.filtersConfig || {};
             var colFilter = filter || colDef.filter;
             var filterOptions = DatoGridFilterOptionsMap[colFilter];
             this.pivotColumn = gridQuery.api.columns.getSecondaryPivotColumn(pivotKeys, pivotValueColumn);
@@ -12855,7 +12876,11 @@
             if (this.filterSections.Conditional) {
                 var filterConditions = filterOptions || DatoGridStringFilterOptions;
                 if (filtersConfig.showEmptyConditions) {
-                    filterConditions = __spread(filterConditions, [exports.DatoFilterConditions.IS_EMPTY, exports.DatoFilterConditions.NOT_EMPTY]);
+                    var emptyConditions = [exports.DatoFilterConditions.IS_EMPTY, exports.DatoFilterConditions.NOT_EMPTY];
+                    if (this.filterType === exports.DatoGridFilterTypes.Number) {
+                        emptyConditions = [exports.DatoFilterConditions.IS_NULL, exports.DatoFilterConditions.NOT_NULL];
+                    }
+                    filterConditions = __spread(filterConditions, emptyConditions);
                 }
                 this.conditionalFilterOptions = filterConditions.map(function (operand, id) { return ({
                     id: id,
@@ -13246,7 +13271,10 @@
             valueControl.updateValueAndValidity();
         };
         DatoGridFilterComponent.prototype.isEmptyOperand = function (operand) {
-            return operand === exports.DatoFilterConditions.IS_EMPTY || operand === exports.DatoFilterConditions.NOT_EMPTY;
+            return (operand === exports.DatoFilterConditions.IS_EMPTY ||
+                operand === exports.DatoFilterConditions.NOT_EMPTY ||
+                operand === exports.DatoFilterConditions.IS_NULL ||
+                operand === exports.DatoFilterConditions.NOT_NULL);
         };
         DatoGridFilterComponent.prototype.isStringArray = function (value) {
             return isString(value[0]);
@@ -14466,7 +14494,8 @@
             this.updateSettings({ gridAlignment: gridAlignment, columnsSizes: null });
         };
         GridService.prototype.saveSettingsToServer = function (settings) {
-            this.storageAPI.set(this.gridName, settings);
+            var isGlobal = this.gridQuery.getGridOptions().isGlobalSettings;
+            this.storageAPI.set(this.gridName, settings, isGlobal);
         };
         /**
          * @internal used to log grid events to the platform's logging service
@@ -14873,6 +14902,13 @@
                             column: column
                         };
                     }
+                    if (condition === exports.DatoFilterConditions.IS_NULL || condition === exports.DatoFilterConditions.NOT_NULL) {
+                        return {
+                            condition: exports.DatoFilterConditions.IS_NULL,
+                            value: condition === exports.DatoFilterConditions.IS_NULL ? 'true' : 'false',
+                            column: column
+                        };
+                    }
                     return __assign(__assign({}, item), { column: column });
                 })
             };
@@ -15464,7 +15500,10 @@
                 .pipe(operators.switchMap(function () {
                 _this.gridOptions = _this.normalizeOptions();
                 agGrid.gridOptions = _this.gridOptions;
-                var settingsLoader = _this.gridOptions.saveSettings === false ? rxjs.of(null) : _this.storageAPI.get(_this.gridOptions.gridName);
+                var isGlobal = _this.gridOptions.isGlobalSettings;
+                var settingsLoader = _this.gridOptions.saveSettings === false
+                    ? rxjs.of(null)
+                    : _this.storageAPI.get(_this.gridOptions.gridName, isGlobal);
                 return rxjs.combineLatest([agGrid.gridReady, settingsLoader]);
             }), ngxTakeUntilDestroy.untilDestroyed(this))
                 .subscribe(function (_a) {
@@ -15472,6 +15511,11 @@
                 if (!_this.gridOptions.rowData) {
                     api.showLoadingOverlay();
                 }
+                if (!_this.gridOptions.statusBar) {
+                    /** Fix ag-grid bug that doesn't add ag-hidden class to the status bar, which only get fixed in later versions */
+                    var el = agGridEl.querySelector('.ag-status-bar');
+                    addClass(el, 'ag-hidden');
+                }
                 var gridApi = { grid: api, columns: columnApi };
                 _this.gridService._setApi(gridApi, agGrid);
                 _this.gridQuery._setApi(gridApi, agGrid);
@@ -16739,6 +16783,18 @@
             this.registerGroupListeners();
             this.subscribeRowsSelectionData();
         };
+        DatoGridV2ToolbarComponent.prototype.getCellValueChangeEvent = function () {
+            var _this = this;
+            return this.gridController.gridQuery.waitForGrid(function () {
+                return _this.gridQuery.gridRef.cellValueChanged.pipe(operators.debounceTime(100), ngxTakeUntilDestroy.untilDestroyed(_this));
+            });
+        };
+        DatoGridV2ToolbarComponent.prototype.getRowDataUpdatedEvent = function () {
+            var _this = this;
+            return this.gridController.gridQuery.waitForGrid(function () {
+                return _this.gridQuery.gridRef.rowDataUpdated.pipe(operators.debounceTime(100), ngxTakeUntilDestroy.untilDestroyed(_this));
+            });
+        };
         DatoGridV2ToolbarComponent.prototype.onActionClick = function (action) {
             if (isFunction(action.onClick)) {
                 var selectedRowsCount = this.gridController.gridQuery.getSelectedRowsCount();
@@ -21214,6 +21270,40 @@
      * 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$ = rxjs.combineLatest([
+                this.http
+                    .get(this.config.paths.richText + "/index.js", { responseType: 'text' })
+                    .pipe(operators.tap(function (lib) { return appendScriptFunc(lib, 'rich-text-editor'); })),
+                this.http
+                    .get(this.config.paths.richText + "/plugins/autocomplete/plugin.css", { responseType: 'text' })
+                    .pipe(operators.tap(function (style) { return appendStyleFunc(style, 'tinymce-autocomplete'); }))
+            ]).pipe(operators.shareReplay(1));
+        };
+        RichTextService.ctorParameters = function () { return [
+            { type: http.HttpClient },
+            { type: undefined, decorators: [{ type: core.Inject, args: [DATO_CORE_CONFIG,] }] }
+        ]; };
+        RichTextService.ɵprov = core.ɵɵdefineInjectable({ factory: function RichTextService_Factory() { return new RichTextService(core.ɵɵinject(http.HttpClient), core.ɵɵinject(DATO_CORE_CONFIG)); }, token: RichTextService, providedIn: "root" });
+        RichTextService = __decorate([
+            core.Injectable({ providedIn: 'root' }),
+            __param(1, core.Inject(DATO_CORE_CONFIG)),
+            __metadata("design:paramtypes", [http.HttpClient, Object])
+        ], RichTextService);
+        return RichTextService;
+    }());
+
     /**
      * @license
      * Copyright Datorama. All Rights Reserved.
@@ -21227,12 +21317,12 @@
     var ɵ0$3 = getTinymce;
     var DatoRichTextDirective = /** @class */ (function (_super) {
         __extends(DatoRichTextDirective, _super);
-        function DatoRichTextDirective(ngZone, http, host, config) {
+        function DatoRichTextDirective(ngZone, richTextService, config, host) {
             var _this = _super.call(this) || this;
             _this.ngZone = ngZone;
-            _this.http = http;
-            _this.host = host;
+            _this.richTextService = richTextService;
             _this.config = config;
+            _this.host = host;
             _this.autocompleteOptions = {};
             _this.forcePlainTextPasting = false;
             _this.format = 'html';
@@ -21266,28 +21356,11 @@
                 base: this.config.paths.richText,
                 query: ''
             };
-            /**
-             * 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');
+            this.richTextService
+                .getLib(appendScript, appendStyle)
+                .pipe(ngxTakeUntilDestroy.untilDestroyed(this))
+                .subscribe(function () {
+                _this.init.call(_this);
             });
         };
         DatoRichTextDirective.prototype.initEditor = function (_, editor) {
@@ -21380,9 +21453,9 @@
         var DatoRichTextDirective_1;
         DatoRichTextDirective.ctorParameters = function () { return [
             { type: core.NgZone },
-            { type: http.HttpClient },
-            { type: core.ElementRef },
-            { type: undefined, decorators: [{ type: core.Inject, args: [DATO_CORE_CONFIG,] }] }
+            { type: RichTextService },
+            { type: undefined, decorators: [{ type: core.Inject, args: [DATO_CORE_CONFIG,] }] },
+            { type: core.ElementRef }
         ]; };
         __decorate([
             core.Input(),
@@ -21448,10 +21521,9 @@
                     }
                 ]
             }),
-            __param(3, core.Inject(DATO_CORE_CONFIG)),
+            __param(2, core.Inject(DATO_CORE_CONFIG)),
             __metadata("design:paramtypes", [core.NgZone,
-                http.HttpClient,
-                core.ElementRef, Object])
+                RichTextService, Object, core.ElementRef])
         ], DatoRichTextDirective);
         return DatoRichTextDirective;
     }(BaseCustomControl));
@@ -23974,7 +24046,9 @@
         };
         DatoBreadcrumbsComponent.prototype.initEditableHeader = function () {
             var _this = this;
-            this.headerControl.valueChanges.pipe(operators.debounceTime(300), ngxTakeUntilDestroy.untilDestroyed(this)).subscribe(function (res) {
+            this.headerControl.valueChanges
+                .pipe(operators.debounceTime(300), ngxTakeUntilDestroy.untilDestroyed(this))
+                .subscribe(function (res) {
                 _this.updateEditableText.emit(res);
                 _this.cdr.detectChanges();
             });
@@ -25337,7 +25411,7 @@
         };
     }
 
-    window.coreVersion = '22.0.4';
+    window.coreVersion = '22.1.5-rc.';
 
     exports.APP_TRANSLATE = APP_TRANSLATE;
     exports.AceService = AceService;
@@ -25779,6 +25853,7 @@
     exports.ɵl = DatoGridItemsCountCellComponent;
     exports.ɵm = DatoGridV2ToolbarMoreMenuComponent;
     exports.ɵn = DatoGridSearchBarComponent;
+    exports.ɵo = RichTextService;
 
     Object.defineProperty(exports, '__esModule', { value: true });