@datorama/core 22.1.1-rc.2 → 22.2.4

package/fesm5/datorama-core.js

@@ -8430,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();
@@ -8468,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;
@@ -8557,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]; });
         /**
@@ -8566,7 +8568,7 @@ var DatoSelectComponent = /** @class */ (function (_super) {
         if (optionToRemove) {
             optionToRemove.active = false;
         }
-        this.limitSelectedTo && this.updateDisabledState();
+        updateDisabled && this.updateDisabledState();
         this.onChange(this._model);
         this.cdr.markForCheck();
         if (this.datoOverlay.attached) {
@@ -8916,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) {
@@ -8924,7 +8929,7 @@ 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.datoOverlay.scheduleUpdate();
@@ -11379,20 +11384,23 @@ var GridQuery = /** @class */ (function (_super) {
         if (this.gridRef.gridOptions.pivotMode) {
             var _a = this.api.grid.getSortModel().pop() || {}, sort = _a.sort, colId = _a.colId;
             var column = this.api.columns.getColumn(colId);
-            var pivotedColumn = this.getSecondaryColumn(colId);
-            if (pivotedColumn) {
-                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 };
+            var allColumns = this.api.columns.getAllGridColumns();
+            if (column) {
+                return { colId: colId, sort: sort, field: getColField(column.getColDef()), sortIndex: allColumns.indexOf(column) };
             }
-            else if (column) {
-                return { colId: getColField(column.getColDef()), sort: sort };
+            else {
+                var secondaryColumn = this.getSecondaryColumn(colId);
+                if (secondaryColumn) {
+                    return {
+                        colId: colId,
+                        sort: sort,
+                        field: getColField(secondaryColumn.getColDef()),
+                        sortIndex: allColumns.indexOf(secondaryColumn)
+                    };
+                }
             }
         }
-        else {
-            return this.api.grid.getSortModel().pop();
-        }
+        return this.api.grid.getSortModel().pop();
     };
     GridQuery.prototype.selectSort = function () {
         return this.select(function (state) { return state.settings.sort; });
@@ -11489,7 +11497,10 @@ var GridQuery = /** @class */ (function (_super) {
     };
     GridQuery.prototype.getSecondaryColumn = function (colId) {
         var secondaryColumns = this.api.columns.getSecondaryColumns();
-        return secondaryColumns && secondaryColumns.find(function (col) { return col.getColId() === colId; });
+        if (secondaryColumns) {
+            return secondaryColumns.find(function (col) { return col.getColId() === colId; });
+        }
+        return null;
     };
     GridQuery.prototype.filterCheckboxSelectionColumn = function (columns) {
         return columns.filter(function (column) { return !column.getUserProvidedColDef() || !column.getUserProvidedColDef().checkboxSelection; });
@@ -11541,6 +11552,8 @@ var DatoFilterConditions;
     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";
 })(DatoFilterConditions || (DatoFilterConditions = {}));
 var DatoGridDateFilterOptions = [
     DatoFilterConditions.IN_RANGE,
@@ -11624,8 +11637,10 @@ function validateNumberCondition(unparsedRowValue, _a, filterKey) {
         case DatoFilterConditions.IN_RANGE:
             return rowValue >= filterValue && rowValue <= parseFloat(rangeEnd);
         case DatoFilterConditions.IS_EMPTY:
+        case DatoFilterConditions.IS_NULL:
             return isNil(rowValue);
         case DatoFilterConditions.NOT_EMPTY:
+        case DatoFilterConditions.NOT_NULL:
             return !isNil(rowValue);
     }
 }
@@ -11811,7 +11826,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;
@@ -12626,10 +12641,11 @@ var DatoGridFilterComponent = /** @class */ (function () {
         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);
@@ -12651,7 +12667,11 @@ var DatoGridFilterComponent = /** @class */ (function () {
         if (this.filterSections.Conditional) {
             var filterConditions = filterOptions || DatoGridStringFilterOptions;
             if (filtersConfig.showEmptyConditions) {
-                filterConditions = __spread(filterConditions, [DatoFilterConditions.IS_EMPTY, DatoFilterConditions.NOT_EMPTY]);
+                var emptyConditions = [DatoFilterConditions.IS_EMPTY, DatoFilterConditions.NOT_EMPTY];
+                if (this.filterType === DatoGridFilterTypes.Number) {
+                    emptyConditions = [DatoFilterConditions.IS_NULL, DatoFilterConditions.NOT_NULL];
+                }
+                filterConditions = __spread(filterConditions, emptyConditions);
             }
             this.conditionalFilterOptions = filterConditions.map(function (operand, id) { return ({
                 id: id,
@@ -13042,7 +13062,10 @@ var DatoGridFilterComponent = /** @class */ (function () {
         valueControl.updateValueAndValidity();
     };
     DatoGridFilterComponent.prototype.isEmptyOperand = function (operand) {
-        return operand === DatoFilterConditions.IS_EMPTY || operand === DatoFilterConditions.NOT_EMPTY;
+        return (operand === DatoFilterConditions.IS_EMPTY ||
+            operand === DatoFilterConditions.NOT_EMPTY ||
+            operand === DatoFilterConditions.IS_NULL ||
+            operand === DatoFilterConditions.NOT_NULL);
     };
     DatoGridFilterComponent.prototype.isStringArray = function (value) {
         return isString(value[0]);
@@ -14182,19 +14205,13 @@ var GridService = /** @class */ (function () {
         }
     };
     GridService.prototype.setGridFilters = function (filters) {
-        var e_2, _a;
-        if (this.api) {
+        var e_2, _a, _b;
+        if (this.api && filters) {
+            var appliedFilter = {};
             try {
                 for (var filters_1 = __values(filters), filters_1_1 = filters_1.next(); !filters_1_1.done; filters_1_1 = filters_1.next()) {
-                    var filter = filters_1_1.value.filter;
-                    var column = this.api.columns.getColumn(filter.colId);
-                    if (column) {
-                        this.setColumnFilter(column, filter);
-                    }
-                    else {
-                        var pivotColumn = this.gridQuery.getSecondaryColumn(filter.colId);
-                        this.setColumnFilter(pivotColumn, filter);
-                    }
+                    var _c = filters_1_1.value, filter = _c.filter, field = _c.field;
+                    appliedFilter = __assign(__assign({}, appliedFilter), (_b = {}, _b[field] = filter, _b));
                 }
             }
             catch (e_2_1) { e_2 = { error: e_2_1 }; }
@@ -14204,7 +14221,28 @@ var GridService = /** @class */ (function () {
                 }
                 finally { if (e_2) throw e_2.error; }
             }
-            this.notifyFilterUpdate();
+            this.updateSettings({ filter: appliedFilter });
+            this.api.grid.onFilterChanged();
+        }
+    };
+    GridService.prototype.setGridSort = function (gridSort) {
+        if (this.api && gridSort) {
+            var sort = gridSort.sort, sortIndex = gridSort.sortIndex;
+            if (!isNil(sortIndex)) {
+                var columns = this.api.columns.getAllGridColumns();
+                if (columns) {
+                    var column = columns[sortIndex];
+                    if (column) {
+                        var sortToApply = { colId: column.getColId(), sort: sort };
+                        this.updateSettings({ sort: sortToApply });
+                        this.api.grid.setSortModel([sortToApply]);
+                    }
+                }
+            }
+            else {
+                this.updateSettings({ sort: gridSort });
+                this.api.grid.setSortModel([gridSort]);
+            }
         }
     };
     GridService.prototype.updateFilter = function (column, filter) {
@@ -14262,8 +14300,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
@@ -14670,6 +14707,13 @@ var GridService = /** @class */ (function () {
                         column: column
                     };
                 }
+                if (condition === DatoFilterConditions.IS_NULL || condition === DatoFilterConditions.NOT_NULL) {
+                    return {
+                        condition: DatoFilterConditions.IS_NULL,
+                        value: condition === DatoFilterConditions.IS_NULL ? 'true' : 'false',
+                        column: column
+                    };
+                }
                 return __assign(__assign({}, item), { column: column });
             })
         };
@@ -14733,13 +14777,12 @@ var GridService = /** @class */ (function () {
             if (userProvidedColDef) {
                 colDef.filter = userProvidedColDef.filter;
             }
-            // if (colDef.pivotKeys) {
-            //   colDef.pivotKeys = colDef.pivotKeys.map(key => {
-            //     const parsedKey = tryParsePivotValue(key);
-            //
-            //     return (parsedKey && parsedKey.value) || '';
-            //   });
-            // }
+            if (colDef.pivotKeys) {
+                colDef.pivotKeys = colDef.pivotKeys.map(function (key) {
+                    var parsedKey = tryParsePivotValue(key);
+                    return (parsedKey && parsedKey.value) || '';
+                });
+            }
         };
         gridOptions.processSecondaryColGroupDef = function (colGroupDef) {
             if (colGroupDef.headerName) {
@@ -14764,13 +14807,12 @@ var GridService = /** @class */ (function () {
             else {
                 colGroupDef.headerClass = ['empty-pivot-header'];
             }
-            // if (colGroupDef.pivotKeys) {
-            //   colGroupDef.pivotKeys = colGroupDef.pivotKeys.map(key => {
-            //     const parsedKey = tryParsePivotValue(key);
-            //
-            //     return (parsedKey && parsedKey.value) || '';
-            //   });
-            // }
+            if (colGroupDef.pivotKeys) {
+                colGroupDef.pivotKeys = colGroupDef.pivotKeys.map(function (key) {
+                    var parsedKey = tryParsePivotValue(key);
+                    return (parsedKey && parsedKey.value) || '';
+                });
+            }
         };
     };
     GridService.prototype.setPivotModeRows = function (data) {
@@ -15263,10 +15305,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) {
@@ -15274,6 +15313,11 @@ var DatoGridControllerComponent = /** @class */ (function () {
             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);
@@ -15313,11 +15357,8 @@ var DatoGridControllerComponent = /** @class */ (function () {
     DatoGridControllerComponent.prototype.setGridFilters = function (filters) {
         this.gridService.setGridFilters(filters);
     };
-    DatoGridControllerComponent.prototype.onFilterChanged = function () {
-        return this.gridQuery.filterChanged();
-    };
-    DatoGridControllerComponent.prototype.onSortChanged = function () {
-        return this.gridQuery.selectSort();
+    DatoGridControllerComponent.prototype.setGridSort = function (sort) {
+        this.gridService.setGridSort(sort);
     };
     DatoGridControllerComponent.prototype.getGridIcons = function () {
         var moveColumnIcon = "<span class=\"da-grid-icon pointer d-flex column-move\">" + this.iconRegistry.getSvg('move-column') + "</span>";
@@ -15366,8 +15407,8 @@ var DatoGridControllerComponent = /** @class */ (function () {
     };
     DatoGridControllerComponent.prototype.listenToGridEvents = function (agGrid) {
         var _this = this;
-        var columnVisible = agGrid.columnVisible, sortChanged = agGrid.sortChanged, columnRowGroupChanged = agGrid.columnRowGroupChanged, columnPinned = agGrid.columnPinned, dragStopped = agGrid.dragStopped;
-        merge$1(columnVisible, sortChanged, columnRowGroupChanged, columnPinned, dragStopped)
+        var columnVisible = agGrid.columnVisible, sortChanged = agGrid.sortChanged, columnRowGroupChanged = agGrid.columnRowGroupChanged, columnPinned = agGrid.columnPinned, dragStopped = agGrid.dragStopped, filterChanged = agGrid.filterChanged;
+        merge$1(columnVisible, sortChanged, columnRowGroupChanged, columnPinned, dragStopped, filterChanged)
             .pipe(
         /* Skip the initial sorting event fired by the grid when adding rows */
         skip(1), untilDestroyed(this))
@@ -15376,10 +15417,8 @@ var DatoGridControllerComponent = /** @class */ (function () {
             var settingsDiff = _this.gridService.getSettingsDiff();
             _this.gridService.updateSettings(settingsDiff);
             var data = _this.getGridData();
-            _this.onGridChange.emit({
-                type: type,
-                data: data
-            });
+            _this.onGridChange.emit(__assign(__assign({}, settingsDiff), { type: type,
+                data: data }));
         });
     };
     DatoGridControllerComponent.prototype.listenToStoreSettingsChanges = function () {
@@ -16051,6 +16090,7 @@ var DatoGridPaginationV2Component = /** @class */ (function () {
         // Show fit cell content and collapse/expand row groups controls
         this.showBottomControls = false;
         this.isExpanded = true;
+        this.hasRowGroupColumns = false;
         this.isServerSidePagination = false;
         // The number of pages displayed in the navigation panel for each view as defined by product.
         this.MINI_DISPLAY_LENGTH = 2;
@@ -16099,8 +16139,10 @@ var DatoGridPaginationV2Component = /** @class */ (function () {
         });
         this.gridQuery.gridReady$
             .pipe(tap(function () {
+            var rowGroupColumns = _this.gridQuery.api.columns.getRowGroupColumns();
             _this.gridApi = _this.gridQuery.api.grid;
             _this.showBottomControls = _this.gridQuery.getGridOptions().showBottomControls;
+            _this.hasRowGroupColumns = rowGroupColumns && rowGroupColumns.length > 0;
         }), switchMap(function () {
             _this.isServerSidePagination = _this.gridQuery.isServerSide;
             return _this.isServerSidePagination ? _this.gridQuery.serverDataLoaded$ : _this.gridQuery.rowDataChanged$;
@@ -16226,9 +16268,6 @@ var DatoGridPaginationV2Component = /** @class */ (function () {
     DatoGridPaginationV2Component.prototype.toggleGroupsState = function () {
         this.isExpanded ? this.gridApi.collapseAll() : this.gridApi.expandAll();
         this.isExpanded = !this.isExpanded;
-        // this.gridApi.forEachNode((node: RowNode) => {
-        //   node.setExpanded(this.isExpanded);
-        // });
     };
     DatoGridPaginationV2Component.prototype.autoFitGrid = function (type) {
         this.gridService.fitGrid(type);
@@ -16321,7 +16360,7 @@ var DatoGridPaginationV2Component = /** @class */ (function () {
         Component({
             selector: 'dato-grid-pagination-v2',
             changeDetection: ChangeDetectionStrategy.OnPush,
-            template: "<div class=\"d-flex-row d-flex-auto d-flex-wrap container\" [class.small]=\"smallVersion\"\n     [attr.data-pages-count]=\"totalPages\"\n     [attr.data-current-page]=\"pageNumbersDisplay.currentPage\"\n     [attr.data-page-size]=\"rowsPerPage\"\n     [attr.data-rows-count]=\"rowCount\">\n  <div *ngIf=\"totalPages > 1\" #navigation\n       class=\"navigation d-flex-row d-flex-0-0-auto align-center\">\n\n    <!-- First Page -->\n    <dato-icon-button *ngIf=\"!disableButtons\"\n                      class=\"mr-4\" data-auto-id=\"pagiantion-first-page\"\n                      icon=\"chevron-left-double\"\n                      datoType=\"secondary\"\n                      datoSize=\"md\"\n                      [disabled]=\"prevPageDisabled\"\n                      (click)=\"navigateFirstPage()\">\n    </dato-icon-button>\n\n    <!-- Previous Page -->\n    <dato-icon-button icon=\"arrow-left\" datoType=\"secondary\" datoSize=\"md\"\n                      [disabled]=\"prevPageDisabled\" data-auto-id=\"pagiantion-previous-page\"\n                      (click)=\"navigatePrevPage()\">\n    </dato-icon-button>\n\n\n    <div class=\"d-flex mx-5 align-center number-container\">\n      <dato-link class=\"page-number mx-5\" datoType=\"secondary\" datoSize=\"sm\" data-auto-id=\"pagiantion-previous-batch\"\n                        *ngIf=\"pageNumbersDisplay.showFirstEllipsis && !smallVersion\"\n                        (click)=\"showPreviousBatch()\">...\n      </dato-link>\n      <dato-link class=\"page-number mx-5\" [datoType]=\"page === pageNumbersDisplay.currentPage ? 'primary' : 'secondary'\" datoSize=\"sm\"\n                 *ngFor=\"let page of pageNumbersDisplay.pages; index as i; trackBy: trackByPage;\" [attr.data-auto-id]=\"'pagiantion-page-' + i\"\n                 (click)=\"navigatePage(page - 1)\">\n        {{page}}\n      </dato-link>\n\n      <div class=\"d-flex\" *ngIf=\"pageNumbersDisplay.showLastPage && !smallVersion\">\n        <dato-link class=\"page-number mx-5\" datoType=\"secondary\" datoSize=\"sm\" data-auto-id=\"pagiantion-next-batch\"\n                          (click)=\"showNextBatch()\">...</dato-link>\n        <dato-link  class=\"page-number mx-5\" datoType=\"secondary\" datoSize=\"sm\"\n                          [attr.data-auto-id]=\"'pagiantion-page-' + totalPages\"\n                          (click)=\"navigatePage(totalPages - 1)\">\n          {{totalPages}}\n        </dato-link>\n      </div>\n\n    </div>\n\n    <!-- Next Page -->\n    <dato-icon-button icon=\"arrow-right\" datoType=\"secondary\" datoSize=\"md\"\n                      (click)=\"navigateNextPage()\" data-auto-id=\"pagiantion-next-page\"\n                      [disabled]=\"nextPageDisabled\">\n    </dato-icon-button>\n\n    <!-- Last Page -->\n    <dato-icon-button *ngIf=\"!disableButtons\"\n                      class=\"ml-4\" icon=\"chevron-right-double\"\n                      datoType=\"secondary\" datoSize=\"md\" data-auto-id=\"pagiantion-last-page\"\n                      [disabled]=\"nextPageDisabled\"\n                      (click)=\"navigatePage(totalPages - 1)\">\n    </dato-icon-button>\n\n  </div>\n\n  <div *ngIf=\"totalPages > 1 && !smallVersion\"\n       class=\"separator mx-10 my-auto primary-100-background-color\">\n  </div>\n\n  <div class=\"total d-flex-0-0-auto d-flex-row align-center\">\n    <span class=\"dato-note primary-300-color\">{{rowsRange}}</span>\n  </div>\n\n  <div *ngIf=\"showBottomControls\" class=\"grid-controls d-flex d-flex-1 justify-end\">\n    <dato-icon-button [icon]=\"isExpanded ? 'collapse' : 'expand'\" datoType=\"secondary\" datoSize=\"md\"\n                      (click)=\"toggleGroupsState()\" data-auto-id=\"pagiantion-expand-collapse\"\n                      [datoTooltipV2]=\"isExpanded ? 'core.collapse-rows' : 'core.expand-rows'\">\n    </dato-icon-button>\n\n    <dato-icon-button class=\"mx-4\" icon=\"maximize-horizontal\" datoType=\"secondary\" datoSize=\"md\"\n                      (click)=\"autoFitGrid('content')\" [datoTooltipV2]=\"'core.fit-to-content'\"\n                      data-auto-id=\"pagiantion-fit-to-content\">\n    </dato-icon-button>\n\n    <dato-icon-button icon=\"minimize-horizontal\" datoType=\"secondary\" datoSize=\"md\"\n                      (click)=\"autoFitGrid('container')\" [datoTooltipV2]=\"'core.fit-to-container'\"\n                      data-auto-id=\"pagiantion-fit-to-container\">\n    </dato-icon-button>\n  </div>\n</div>\n",
+            template: "<div class=\"d-flex-row d-flex-auto d-flex-wrap container\" [class.small]=\"smallVersion\"\n     [attr.data-pages-count]=\"totalPages\"\n     [attr.data-current-page]=\"pageNumbersDisplay.currentPage\"\n     [attr.data-page-size]=\"rowsPerPage\"\n     [attr.data-rows-count]=\"rowCount\">\n  <div *ngIf=\"totalPages > 1\" #navigation\n       class=\"navigation d-flex-row d-flex-0-0-auto align-center\">\n\n    <!-- First Page -->\n    <dato-icon-button *ngIf=\"!disableButtons\"\n                      class=\"mr-4\" data-auto-id=\"pagiantion-first-page\"\n                      icon=\"chevron-left-double\"\n                      datoType=\"secondary\"\n                      datoSize=\"md\"\n                      [disabled]=\"prevPageDisabled\"\n                      (click)=\"navigateFirstPage()\">\n    </dato-icon-button>\n\n    <!-- Previous Page -->\n    <dato-icon-button icon=\"arrow-left\" datoType=\"secondary\" datoSize=\"md\"\n                      [disabled]=\"prevPageDisabled\" data-auto-id=\"pagiantion-previous-page\"\n                      (click)=\"navigatePrevPage()\">\n    </dato-icon-button>\n\n\n    <div class=\"d-flex mx-5 align-center number-container\">\n      <dato-link class=\"page-number mx-5\" datoType=\"secondary\" datoSize=\"sm\" data-auto-id=\"pagiantion-previous-batch\"\n                        *ngIf=\"pageNumbersDisplay.showFirstEllipsis && !smallVersion\"\n                        (click)=\"showPreviousBatch()\">...\n      </dato-link>\n      <dato-link class=\"page-number mx-5\" [datoType]=\"page === pageNumbersDisplay.currentPage ? 'primary' : 'secondary'\" datoSize=\"sm\"\n                 *ngFor=\"let page of pageNumbersDisplay.pages; index as i; trackBy: trackByPage;\" [attr.data-auto-id]=\"'pagiantion-page-' + i\"\n                 (click)=\"navigatePage(page - 1)\">\n        {{page}}\n      </dato-link>\n\n      <div class=\"d-flex\" *ngIf=\"pageNumbersDisplay.showLastPage && !smallVersion\">\n        <dato-link class=\"page-number mx-5\" datoType=\"secondary\" datoSize=\"sm\" data-auto-id=\"pagiantion-next-batch\"\n                          (click)=\"showNextBatch()\">...</dato-link>\n        <dato-link  class=\"page-number mx-5\" datoType=\"secondary\" datoSize=\"sm\"\n                          [attr.data-auto-id]=\"'pagiantion-page-' + totalPages\"\n                          (click)=\"navigatePage(totalPages - 1)\">\n          {{totalPages}}\n        </dato-link>\n      </div>\n\n    </div>\n\n    <!-- Next Page -->\n    <dato-icon-button icon=\"arrow-right\" datoType=\"secondary\" datoSize=\"md\"\n                      (click)=\"navigateNextPage()\" data-auto-id=\"pagiantion-next-page\"\n                      [disabled]=\"nextPageDisabled\">\n    </dato-icon-button>\n\n    <!-- Last Page -->\n    <dato-icon-button *ngIf=\"!disableButtons\"\n                      class=\"ml-4\" icon=\"chevron-right-double\"\n                      datoType=\"secondary\" datoSize=\"md\" data-auto-id=\"pagiantion-last-page\"\n                      [disabled]=\"nextPageDisabled\"\n                      (click)=\"navigatePage(totalPages - 1)\">\n    </dato-icon-button>\n\n  </div>\n\n  <div *ngIf=\"totalPages > 1 && !smallVersion\"\n       class=\"separator mx-10 my-auto primary-100-background-color\">\n  </div>\n\n  <div class=\"total d-flex-0-0-auto d-flex-row align-center\">\n    <span class=\"dato-note primary-300-color\">{{rowsRange}}</span>\n  </div>\n\n  <div *ngIf=\"showBottomControls\" class=\"grid-controls d-flex d-flex-1 justify-end\">\n    <dato-icon-button *ngIf=\"hasRowGroupColumns\" [icon]=\"isExpanded ? 'collapse' : 'expand'\" datoType=\"secondary\"\n                      datoSize=\"md\" (click)=\"toggleGroupsState()\" data-auto-id=\"pagination-expand-collapse\"\n                      [datoTooltipV2]=\"isExpanded ? 'core.collapse-rows' : 'core.expand-rows'\">\n    </dato-icon-button>\n\n    <dato-icon-button class=\"mx-4\" icon=\"maximize-horizontal\" datoType=\"secondary\" datoSize=\"md\"\n                      (click)=\"autoFitGrid('content')\" [datoTooltipV2]=\"'core.fit-to-content'\"\n                      data-auto-id=\"pagination-fit-to-content\">\n    </dato-icon-button>\n\n    <dato-icon-button icon=\"minimize-horizontal\" datoType=\"secondary\" datoSize=\"md\"\n                      (click)=\"autoFitGrid('container')\" [datoTooltipV2]=\"'core.fit-to-container'\"\n                      data-auto-id=\"pagination-fit-to-container\">\n    </dato-icon-button>\n  </div>\n</div>\n",
             providers: [DecimalPipe],
             styles: [":host{padding:12px 0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;min-height:25px}:host .container{height:25px}:host .navigation .page-number{transition:color .3s ease-in-out}:host .navigation .page-number:first-of-type{margin-left:7px}:host .navigation .page-number:last-of-type{margin-right:7px}:host .separator{width:1px;height:25px}:host .container.small .navigation,:host .container.small .total{margin-top:8px;margin-left:auto;margin-right:auto}"]
         }),
@@ -16544,18 +16583,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();
@@ -21031,40 +21058,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.
@@ -21078,12 +21071,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';
@@ -21117,11 +21110,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) {
@@ -21214,9 +21224,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(),
@@ -21282,9 +21292,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));
@@ -23807,9 +23818,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();
         });
@@ -24498,22 +24507,17 @@ var DatoPillsModule = /** @class */ (function () {
 }());
 
 var DatoProgressBarComponent = /** @class */ (function () {
-    function DatoProgressBarComponent() {
+    function DatoProgressBarComponent(cdr) {
+        this.cdr = cdr;
         this.barColor = 'primary-100';
         this.thresholds = [33, 66];
     }
     DatoProgressBarComponent.prototype.ngOnInit = function () {
-        if (!this.parts && this.percent) {
-            if (!this.color) {
-                this.initColor();
-            }
-            this.parts = [
-                {
-                    percent: this.percent,
-                    color: this.color,
-                    tooltip: this.tooltip
-                }
-            ];
+        if (!this.parts) {
+            this.percent = this.percent || 0;
+            this.isByPercent = true;
+            this.hasInitialColor = !!this.color;
+            this.initSinglePart();
         }
         else if (this.parts &&
             this.parts.every(function (part) { return part.weight >= 0; }) &&
@@ -24521,6 +24525,27 @@ var DatoProgressBarComponent = /** @class */ (function () {
             this.initPartsPercent();
         }
     };
+    DatoProgressBarComponent.prototype.ngOnChanges = function (changes) {
+        if (this.isByPercent &&
+            ((changes.percent && !changes.percent.firstChange) ||
+                (changes.color && !changes.color.firstChange) ||
+                (changes.tooltip && !changes.tooltip.firstChange))) {
+            this.initSinglePart();
+            this.cdr.detectChanges();
+        }
+    };
+    DatoProgressBarComponent.prototype.initSinglePart = function () {
+        if (!this.color || !this.hasInitialColor) {
+            this.initColor();
+        }
+        this.parts = [
+            {
+                percent: this.percent,
+                color: this.color,
+                tooltip: this.tooltip
+            }
+        ];
+    };
     DatoProgressBarComponent.prototype.initColor = function () {
         if (isEmpty(this.thresholds)) {
             this.color = 'accent-400';
@@ -24561,6 +24586,9 @@ var DatoProgressBarComponent = /** @class */ (function () {
             }
         }
     };
+    DatoProgressBarComponent.ctorParameters = function () { return [
+        { type: ChangeDetectorRef }
+    ]; };
     __decorate([
         Input(),
         __metadata("design:type", String)
@@ -24596,11 +24624,12 @@ var DatoProgressBarComponent = /** @class */ (function () {
     DatoProgressBarComponent = __decorate([
         Component({
             selector: 'dato-progress-bar',
-            template: "<div class=\"bar d-flex width-100 overflow-hidden\"\n     [style.width]=\"width\"\n     [class]=\"barColor + '-background-color'\">\n    <div *ngFor=\"let part of parts; index as i\"\n         class=\"part height-100\"\n         [ngClass]=\"part.color ? part.color + '-background-color' : ''\"\n         [style.width]=\"i > 0 ? 'calc(' + part.percent + '% + 8px)' : part.percent + '%'\"\n         [style.z-index]=\"100 - i\"\n         [datoTooltipV2]=\"part.tooltip\">\n    </div>\n</div>\n\n<div *ngIf=\"showLegend\" class=\"d-flex mt-12\">\n    <div *ngFor=\"let part of parts; index as i\" class=\"d-flex mr-16\">\n        <div class=\"d-flex dato-note primary-400-color\">\n            <div class=\"legend-color mr-6\" [ngClass]=\"part.color ? part.color + '-background-color' : ''\"></div>\n            <div>{{ part.legendLabel || part.tooltip }}</div>\n        </div>\n    </div>\n</div>\n",
+            template: "<div class=\"bar d-flex width-100 overflow-hidden\"\n     [style.width]=\"width\"\n     [class]=\"barColor + '-background-color'\">\n    <div *ngFor=\"let part of parts; index as i\"\n         class=\"part height-100\"\n         [ngClass]=\"part.color ? part.color + '-background-color' : ''\"\n         [style.width]=\"i > 0 ? 'calc(' + part.percent + '% + 8px)' : part.percent + '%'\"\n         [style.z-index]=\"100 - i\"\n         [datoTooltipV2]=\"part.tooltip\">\n    </div>\n</div>\n\n<ng-content></ng-content>\n\n<div *ngIf=\"showLegend\" class=\"d-flex mt-12\">\n    <div *ngFor=\"let part of parts; index as i\" class=\"d-flex mr-16\">\n        <div class=\"d-flex dato-note primary-400-color\">\n            <div class=\"legend-color mr-6\" [ngClass]=\"part.color ? part.color + '-background-color' : ''\"></div>\n            <div>{{ part.legendLabel || part.tooltip }}</div>\n        </div>\n    </div>\n</div>\n",
             changeDetection: ChangeDetectionStrategy.OnPush,
             encapsulation: ViewEncapsulation.None,
             styles: ["dato-progress-bar .bar{height:8px;border-radius:4px}dato-progress-bar .part{border-radius:0 4px 4px 0}dato-progress-bar .part:not(:first-child){margin-left:-8px}dato-progress-bar .legend-color{width:16px;height:16px;min-width:16px;border-radius:50%}"]
-        })
+        }),
+        __metadata("design:paramtypes", [ChangeDetectorRef])
     ], DatoProgressBarComponent);
     return DatoProgressBarComponent;
 }());
@@ -25152,7 +25181,7 @@ function fixNgLeaks() {
     };
 }
 
-window.coreVersion = '22.1.1-rc.';
+window.coreVersion = '22.2.4';
 
 /**
  * @license
@@ -25166,5 +25195,5 @@ window.coreVersion = '22.1.1-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