@datorama/core 22.8.2-rc.1 → 22.9.0

package/fesm5/datorama-core.js

@@ -8549,8 +8549,9 @@ var DatoSelectComponent = /** @class */ (function (_super) {
     DatoSelectComponent.prototype.writeValue = function (activeOptions) {
         this._model = activeOptions ? coerceArray$1(activeOptions) : [];
         if (this.options) {
+            var overTheLimit = this.limitSelectedTo && this.isMulti && this._model.length >= this.limitSelectedTo;
             this.markAsActive(this._model, { deselectAll: true });
-            this.limitSelectedTo && this.updateDisabledState();
+            overTheLimit && this.updateDisabledState();
         }
         /** For later updates */
         this.cdr.markForCheck();
@@ -8587,7 +8588,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;
@@ -8676,6 +8677,7 @@ var DatoSelectComponent = /** @class */ (function (_super) {
     };
     DatoSelectComponent.prototype.removeOption = function (option) {
         var _this = this;
+        var updateDisabled = this.limitSelectedTo && this._model.length === this.limitSelectedTo;
         this._model = this._model.filter(function (current) { return current[_this.idKey] !== option[_this.idKey]; });
         var optionToRemove = this.options.find(function (datoOption) { return datoOption.option && datoOption.option[_this.idKey] === option[_this.idKey]; });
         /**
@@ -8685,7 +8687,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();
         this.asyncUpdateDropdownPosition();
@@ -9033,6 +9035,9 @@ var DatoSelectComponent = /** @class */ (function (_super) {
         if (!datoOption) {
             return;
         }
+        var modelLength = this._model.length;
+        var updateDisabled = this.limitSelectedTo &&
+            (modelLength === this.limitSelectedTo || (modelLength === this.limitSelectedTo - 1 && !datoOption.active));
         datoOption.active = !datoOption.active;
         var rawOption = datoOption.option;
         if (datoOption.active) {
@@ -9041,7 +9046,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.asyncUpdateDropdownPosition();
@@ -11382,7 +11387,7 @@ var GridQuery = /** @class */ (function (_super) {
         var storeSettings = this.getValue().settings;
         var settings = {
             gridAlignment: storeSettings.gridAlignment,
-            sort: this.getGridOptions().sortByStore ? this.getSort() : this.getSortModel(),
+            sort: this.getGridOptions().sortByStore ? this.getSavedSort() : this.getSortModel(),
             hiddenColumns: hiddenColumns,
             groupedColumns: groupedColumns.map(toColId),
             filter: this.getFilter(),
@@ -11399,25 +11404,29 @@ var GridQuery = /** @class */ (function (_super) {
     GridQuery.prototype.getSortModel = function () {
         return this.api.grid.getSortModel().pop();
     };
-    GridQuery.prototype.getSort = function () {
+    GridQuery.prototype.getSavedSort = function () {
         return this.getValue().settings.sort || this.getSortModel();
     };
-    GridQuery.prototype.getExternalSort = function () {
-        var _a = this.getSort() || {}, sort = _a.sort, colId = _a.colId, savedSortIndex = _a.sortIndex;
-        var column = this.api.columns.getColumn(colId);
-        var allColumns = this.api.columns.getAllGridColumns();
-        if (column) {
-            var field = getColField(column.getColDef());
-            return { colId: colId, sort: sort, field: field };
-        }
-        else {
-            var secondaryColumn = this.getSecondaryColumn(colId);
-            if (secondaryColumn) {
-                var sortIndex = savedSortIndex || allColumns.indexOf(secondaryColumn);
-                var field = getColField(secondaryColumn.getColDef());
-                return { colId: colId, sort: sort, field: field, sortIndex: sortIndex };
+    GridQuery.prototype.getSort = function (savedSort) {
+        if (savedSort === void 0) { savedSort = this.getSavedSort(); }
+        if (savedSort) {
+            var colId = savedSort.colId, sort = savedSort.sort, sortIndex = savedSort.sortIndex;
+            var column = this.api.columns.getColumn(colId);
+            var allColumns = this.api.columns.getAllGridColumns();
+            if (column) {
+                var field = getColField(column.getColDef());
+                return { colId: colId, sort: sort, field: field };
+            }
+            else {
+                var secondaryColumn = this.getSecondaryColumn(colId);
+                if (secondaryColumn) {
+                    var columnIndex = sortIndex || allColumns.indexOf(secondaryColumn);
+                    var field = getColField(secondaryColumn.getColDef());
+                    return { colId: colId, sort: sort, field: field, sortIndex: columnIndex };
+                }
             }
         }
+        return { colId: null, sort: null };
     };
     /* @internal */
     GridQuery.prototype._setApi = function (api, gridRef) {
@@ -11842,7 +11851,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;
@@ -12567,6 +12576,20 @@ var DatoGridFilterComponent = /** @class */ (function () {
         this.showClearFiltersButton = true;
         this.excludedValues = new Set();
     }
+    Object.defineProperty(DatoGridFilterComponent.prototype, "operatorToggler", {
+        set: function (togglers) {
+            if (togglers && this.inputConditionsOperator) {
+                togglers.forEach(function (toggler) {
+                    if (!toggler.isDisabled) {
+                        toggler.setDisabledState(true);
+                    }
+                });
+                this.cdr.detectChanges();
+            }
+        },
+        enumerable: true,
+        configurable: true
+    });
     Object.defineProperty(DatoGridFilterComponent.prototype, "byValueControl", {
         get: function () {
             return this.filterForm.get('byValue');
@@ -12679,6 +12702,7 @@ var DatoGridFilterComponent = /** @class */ (function () {
         var colFilter = filter || colDef.filter;
         var filterOptions = DatoGridFilterOptionsMap[colFilter];
         this.pivotColumn = gridQuery.api.columns.getSecondaryPivotColumn(pivotKeys, pivotValueColumn);
+        this.inputConditionsOperator = filtersConfig.inputConditionsOperator;
         if (!isNil(filtersConfig.showClearFiltersButton)) {
             this.showClearFiltersButton = filtersConfig.showClearFiltersButton;
         }
@@ -13016,7 +13040,7 @@ var DatoGridFilterComponent = /** @class */ (function () {
             return this.defaultConditional;
         }
         return this.fb.group({
-            operator: [conditional.operator],
+            operator: [this.inputConditionsOperator || conditional.operator],
             conditions: this.fb.array(this.buildConditions(conditional.conditions))
         });
     };
@@ -13186,10 +13210,15 @@ var DatoGridFilterComponent = /** @class */ (function () {
         { type: DatoTranslateService },
         { type: ChangeDetectorRef }
     ]; };
+    __decorate([
+        ViewChildren('operatorToggler'),
+        __metadata("design:type", QueryList),
+        __metadata("design:paramtypes", [QueryList])
+    ], DatoGridFilterComponent.prototype, "operatorToggler", null);
     DatoGridFilterComponent = __decorate([
         Component({
             selector: 'dato-grid-filter',
-            template: "<form class=\"container primary-0-background-color\" [formGroup]=\"filterForm\" datoForm\n      *datoSubscribe=\"hasFilter$ as hasFilter\">\n    <ng-container>\n        <dato-accordion closeOthers=\"true\" class=\"filter-options\" [activeIds]=\"activeAccordionId\">\n            <ng-container *ngIf=\"filterSections.Conditional\">\n\n                <dato-accordion-group>\n                    <dato-accordion-header class=\"dato-note-bold primary-600-color\" data-auto-id=\"conditional-filters\"\n                                           [class.primary-100-background-color]=\"header_1.isOpen\" #header_1>\n                        <div class=\"px-10 d-flex align-start-center\">\n                            <div class=\"filter-title d-flex-grow d-flex align-start-center\">{{'core.filterByCondition' | translate}}</div>\n                            <dato-icon class=\"primary-200-color\" height=\"18px\"\n                                       [icon]=\"header_1.isOpen ? 'collapse' : 'expand'\"></dato-icon>\n                        </div>\n                    </dato-accordion-header>\n                    <dato-accordion-content #conditionalContent>\n                        <div class=\"conditional-content-container d-flex-column\" formGroupName=\"conditional\"\n                             [class.multi-conditions]=\"conditionsControls.length > 1\">\n                            <div class=\"operand d-flex-column mb-10\"\n                                 [attr.data-auto-id]=\"'condition-' + i\"\n                                 *ngFor=\"let operand of conditionsControls; index as i; last as last\">\n                                <div class=\"d-flex\">\n                                    <div class=\"d-flex-column d-flex-grow min-width-0\">\n                                        <ng-container formArrayName=\"conditions\">\n\n                                            <ng-container [formGroupName]=\"i\">\n                                                <dato-select datoSize=\"sm\" class=\"mb-10\" [attr.data-auto-id]=\"'condition-' + i + '-operand'\" formControlName=\"type\"\n                                                             datoSelectClass=\"operand-select\"\n                                                             [dataSet]=\"conditionalFilterOptions\"\n                                                             [isCombo]=\"false\" #select>\n                                                    <dato-option *ngFor=\"let option of select.data; index as index\"\n                                                                 [option]=\"option\">\n                                                        {{ option.label }}\n                                                    </dato-option>\n                                                </dato-select>\n                                                <ng-container [ngSwitch]=\"filterType\">\n                                                        <div class=\"d-flex\" *ngSwitchCase=\"gridFilterTypes.Date\">\n                                                            <dato-date-picker [attr.data-auto-id]=\"'condition-date-' + i + '-value'\"\n                                                                              formControlName=\"value\" class=\"d-flex-grow range-calendar\">\n                                                                <ng-template>\n                                                                    <dato-date-picker-range *ngIf=\"getOperandType(i) === rangeOperand; else singleDate\"></dato-date-picker-range>\n                                                                    <ng-template #singleDate>\n                                                                        <dato-date-picker-single></dato-date-picker-single>\n                                                                    </ng-template>\n                                                                </ng-template>\n                                                            </dato-date-picker>\n                                                        </div>\n                                                    <ng-container *ngIf=\"!isConditionalEmpty(operand)\">\n                                                        <dato-input *ngSwitchCase=\"gridFilterTypes.String\" datoSize=\"sm\"\n                                                                    (keydown.enter.stop.prevent)=\"closePopUp()\"\n                                                                    datoControlErrors [attr.data-auto-id]=\"'condition-string-' + i + '-value'\"\n                                                                    [datoControlErrorsOnBlur]=\"false\"\n                                                                    class=\"condition-value\"\n                                                                    placeholder=\"core.filter\" formControlName=\"value\"\n                                                                    [isFocused]=\"conditionalContent._expanded\"\n                                                                    ></dato-input>\n                                                        <div class=\"d-flex\" *ngSwitchCase=\"gridFilterTypes.Number\">\n                                                            <dato-input-number (keydown.enter.stop.prevent)=\"closePopUp()\" [showControls]=\"false\"\n                                                                               class=\"width-100 condition-value\" allowNegative=\"true\">\n                                                                <input type=\"number\" formControlName=\"value\" [attr.data-auto-id]=\"'condition-number-' + i + '-value'\"\n                                                                       datoInputNumber datoSize=\"sm\" datoControlErrors [datoAutoFocus]=\"conditionalContent._expanded\"\n                                                                       [datoControlErrorsOnBlur]=\"false\"/>\n                                                            </dato-input-number>\n                                                            <ng-container *ngIf=\"getOperandType(i) === rangeOperand\">\n                                                                <div class=\"mx-5\">-</div>\n                                                                <dato-input-number (keydown.enter.stop.prevent)=\"closePopUp()\"\n                                                                        class=\"width-100 condition-value\" allowNegative=\"true\">\n                                                                    <input type=\"number\" formControlName=\"rangeEnd\" [attr.data-auto-id]=\"'condition-number-' + i + '-range-end'\"\n                                                                           datoInputNumber datoSize=\"sm\" datoControlErrors\n                                                                           [datoControlErrorsOnBlur]=\"false\"/>\n                                                                </dato-input-number>\n                                                            </ng-container>\n                                                        </div>\n                                                    </ng-container>\n                                                </ng-container>\n                                            </ng-container>\n                                        </ng-container>\n                                    </div>\n                                    <div>\n\n                                        <dato-icon-button datoSize=\"md\"\n                                                          datoType=\"none\" icon=\"trash\"\n                                                          class=\"overflow-hidden delete\"\n                                                          datoTooltip=\"core.deleteFilterCondition\"\n                                                          [attr.data-auto-id]=\"'condition-' + i + '-remove'\"\n                                                          (click)=\"removeCondition(i)\"\n                                                          datoTooltipPosition=\"right-start\"></dato-icon-button>\n                                    </div>\n                                </div>\n                                <dato-operator-toggler class=\"mt-10 justify-center width-100 d-flex\" data-auto-id=\"operator-toggler\"\n                                                       expanded=\"true\" [datoTogglerValue]=\"conditionsOperator\"\n                                                       *ngIf=\"conditionsControls.length > 1 && !last\"\n                                                       formControlName=\"operator\"></dato-operator-toggler>\n                            </div>\n                            <div class=\"d-flex align-center\">\n                                <dato-link *ngIf=\"conditionsControls.length < 3\" class=\"no-select\" datoSize=\"sm\" data-auto-id=\"add-condition\"\n                                           datoType=\"secondary\" (click)=\"addCondition()\">\n                                    <dato-icon height=\"10px\" width=\"10px\" icon=\"plus-simple\"></dato-icon>\n                                    {{ 'core.condition' | translate }}\n                                </dato-link>\n                            </div>\n                        </div>\n                    </dato-accordion-content>\n                </dato-accordion-group>\n                <div class=\"separator\"></div>\n            </ng-container>\n            <ng-container *ngIf=\"filterSections.By_Value\">\n                <dato-accordion-group class=\"list-content\">\n                    <dato-accordion-header class=\"dato-note-bold primary-600-color\" data-auto-id=\"by-value-filters\"\n                                           [class.primary-100-background-color]=\"header_2.isOpen\" #header_2>\n                        <div class=\"px-10 d-flex align-start-center\">\n                            <div class=\"filter-title d-flex d-flex-grow align-start-center\">{{'core.filterByValue' | translate}}</div>\n                            <dato-icon class=\"primary-200-color\" height=\"18px\"\n                                       [icon]=\"header_2.isOpen ? 'collapse' : 'expand'\"></dato-icon>\n                        </div>\n                    </dato-accordion-header>\n                    <dato-accordion-content #byValueContent>\n                        <div class=\"value-content-container d-flex-column\">\n                            <dato-input datoSize=\"sm\" placeholder=\"core.search-all-values\" [debounceTime]=\"300\" #search [formControl]=\"listSearchControl\" [isFocused]=\"byValueContent._expanded\"></dato-input>\n                            <dato-list-v2 class=\"primary-0-background-color\"\n                                          containerHeight=\"195px\"\n                                          [withSelectAll]=\"true\"\n                                          [clientSearch]=\"isClientSideGrid\"\n                                          [sortByKey]=\"listSortByKey\"\n                                          [labelType]=\"listLabelType\"\n                                          [searchController]=\"search\"\n                                          [options]=\"listOptions\"\n                                          [isSortList]=\"!keepPredefinedListOriginalOrder\"\n                                          [loading]=\"loadingList\"\n                                          [noDataTpl]=\"isClientSideGrid ? null : noData\"\n                                          formControlName=\"byValue\"\n                                          data-auto-id=\"by-value-filters-list\">\n                            </dato-list-v2>\n                            <ng-template #noData>\n                                <div *ngIf=\"serverSearchErrored; else noResults\" class=\"mb-10 d-flex-1 d-flex-column align-center\" data-auto-id=\"by-value-server-error\">\n                                    <img class=\"mt-20\" datoStaticSrc=\"core/grid/filter-server-error.svg\"/>\n                                    <p class=\"dato-note-bold mt-10 mb-10 primary-300-color\">{{ 'core.something-went-wrong' | translate }}</p>\n                                    <p class=\"dato-note-italic primary-300-color\">{{ 'core.try-again-later' | translate }}</p>\n                                </div>\n                                <ng-template #noResults>\n                                    <dato-list-no-result class=\"mb-10 block\" data-auto-id=\"by-value-no-results\"></dato-list-no-result>\n                                </ng-template>\n                            </ng-template>\n                        </div>\n                    </dato-accordion-content>\n                </dato-accordion-group>\n                <div class=\"separator\"></div>\n            </ng-container>\n        </dato-accordion>\n    </ng-container>\n    <div class=\"actions no-select px-10 py-12 d-flex align-end-center\">\n        <dato-link *ngIf=\"showClearFiltersButton\" class=\"mr-30\" datoType=\"secondary\" datoSize=\"sm\"\n                   (click)=\"clearFilters()\" data-auto-id=\"clear-filters\" [disabled]=\"!hasFilter\">\n            {{ 'core.clearFilters' | translate }}\n        </dato-link>\n        <dato-button datoSize=\"sm\" [datoTooltip]=\"hotKeyTooltip\" [datoHotkeys]=\"applyHotKeyConfig\" (click)=\"closePopUp()\" data-auto-id=\"apply-filters\">{{'core.apply' | translate}}</dato-button>\n    </div>\n</form>\n",
+            template: "<form class=\"container primary-0-background-color\" [formGroup]=\"filterForm\" datoForm\n      *datoSubscribe=\"hasFilter$ as hasFilter\">\n    <ng-container>\n        <dato-accordion closeOthers=\"true\" class=\"filter-options\" [activeIds]=\"activeAccordionId\">\n            <ng-container *ngIf=\"filterSections.Conditional\">\n\n                <dato-accordion-group>\n                    <dato-accordion-header class=\"dato-note-bold primary-600-color\" data-auto-id=\"conditional-filters\"\n                                           [class.primary-100-background-color]=\"header_1.isOpen\" #header_1>\n                        <div class=\"px-10 d-flex align-start-center\">\n                            <div class=\"filter-title d-flex-grow d-flex align-start-center\">{{'core.filterByCondition' | translate}}</div>\n                            <dato-icon class=\"primary-200-color\" height=\"18px\"\n                                       [icon]=\"header_1.isOpen ? 'collapse' : 'expand'\"></dato-icon>\n                        </div>\n                    </dato-accordion-header>\n                    <dato-accordion-content #conditionalContent>\n                        <div class=\"conditional-content-container d-flex-column\" formGroupName=\"conditional\"\n                             [class.multi-conditions]=\"conditionsControls.length > 1\">\n                            <div class=\"operand d-flex-column mb-10\"\n                                 [attr.data-auto-id]=\"'condition-' + i\"\n                                 *ngFor=\"let operand of conditionsControls; index as i; last as last\">\n                                <div class=\"d-flex\">\n                                    <div class=\"d-flex-column d-flex-grow min-width-0\">\n                                        <ng-container formArrayName=\"conditions\">\n\n                                            <ng-container [formGroupName]=\"i\">\n                                                <dato-select datoSize=\"sm\" class=\"mb-10\" [attr.data-auto-id]=\"'condition-' + i + '-operand'\" formControlName=\"type\"\n                                                             datoSelectClass=\"operand-select\"\n                                                             [dataSet]=\"conditionalFilterOptions\"\n                                                             [isCombo]=\"false\" #select>\n                                                    <dato-option *ngFor=\"let option of select.data; index as index\"\n                                                                 [option]=\"option\">\n                                                        {{ option.label }}\n                                                    </dato-option>\n                                                </dato-select>\n                                                <ng-container [ngSwitch]=\"filterType\">\n                                                        <div class=\"d-flex\" *ngSwitchCase=\"gridFilterTypes.Date\">\n                                                            <dato-date-picker [attr.data-auto-id]=\"'condition-date-' + i + '-value'\"\n                                                                              formControlName=\"value\" class=\"d-flex-grow range-calendar\">\n                                                                <ng-template>\n                                                                    <dato-date-picker-range *ngIf=\"getOperandType(i) === rangeOperand; else singleDate\"></dato-date-picker-range>\n                                                                    <ng-template #singleDate>\n                                                                        <dato-date-picker-single></dato-date-picker-single>\n                                                                    </ng-template>\n                                                                </ng-template>\n                                                            </dato-date-picker>\n                                                        </div>\n                                                    <ng-container *ngIf=\"!isConditionalEmpty(operand)\">\n                                                        <dato-input *ngSwitchCase=\"gridFilterTypes.String\" datoSize=\"sm\"\n                                                                    (keydown.enter.stop.prevent)=\"closePopUp()\"\n                                                                    datoControlErrors [attr.data-auto-id]=\"'condition-string-' + i + '-value'\"\n                                                                    [datoControlErrorsOnBlur]=\"false\"\n                                                                    class=\"condition-value\"\n                                                                    placeholder=\"core.filter\" formControlName=\"value\"\n                                                                    [isFocused]=\"conditionalContent._expanded\"\n                                                                    ></dato-input>\n                                                        <div class=\"d-flex\" *ngSwitchCase=\"gridFilterTypes.Number\">\n                                                            <dato-input-number (keydown.enter.stop.prevent)=\"closePopUp()\" [showControls]=\"false\"\n                                                                               class=\"width-100 condition-value\" allowNegative=\"true\">\n                                                                <input type=\"number\" formControlName=\"value\" [attr.data-auto-id]=\"'condition-number-' + i + '-value'\"\n                                                                       datoInputNumber datoSize=\"sm\" datoControlErrors [datoAutoFocus]=\"conditionalContent._expanded\"\n                                                                       [datoControlErrorsOnBlur]=\"false\"/>\n                                                            </dato-input-number>\n                                                            <ng-container *ngIf=\"getOperandType(i) === rangeOperand\">\n                                                                <div class=\"mx-5\">-</div>\n                                                                <dato-input-number (keydown.enter.stop.prevent)=\"closePopUp()\"\n                                                                        class=\"width-100 condition-value\" allowNegative=\"true\">\n                                                                    <input type=\"number\" formControlName=\"rangeEnd\" [attr.data-auto-id]=\"'condition-number-' + i + '-range-end'\"\n                                                                           datoInputNumber datoSize=\"sm\" datoControlErrors\n                                                                           [datoControlErrorsOnBlur]=\"false\"/>\n                                                                </dato-input-number>\n                                                            </ng-container>\n                                                        </div>\n                                                    </ng-container>\n                                                </ng-container>\n                                            </ng-container>\n                                        </ng-container>\n                                    </div>\n                                    <div>\n\n                                        <dato-icon-button datoSize=\"md\"\n                                                          datoType=\"none\" icon=\"trash\"\n                                                          class=\"overflow-hidden delete\"\n                                                          datoTooltip=\"core.deleteFilterCondition\"\n                                                          [attr.data-auto-id]=\"'condition-' + i + '-remove'\"\n                                                          (click)=\"removeCondition(i)\"\n                                                          datoTooltipPosition=\"right-start\"></dato-icon-button>\n                                    </div>\n                                </div>\n                                <dato-operator-toggler class=\"mt-10 justify-center width-100 d-flex\" data-auto-id=\"operator-toggler\"\n                                                       expanded=\"true\" [datoTogglerValue]=\"conditionsOperator\"\n                                                       *ngIf=\"conditionsControls.length > 1 && !last\"\n                                                       formControlName=\"operator\" #operatorToggler></dato-operator-toggler>\n                            </div>\n                            <div class=\"d-flex align-center\">\n                                <dato-link *ngIf=\"conditionsControls.length < 3\" class=\"no-select\" datoSize=\"sm\" data-auto-id=\"add-condition\"\n                                           datoType=\"secondary\" (click)=\"addCondition()\">\n                                    <dato-icon height=\"10px\" width=\"10px\" icon=\"plus-simple\"></dato-icon>\n                                    {{ 'core.condition' | translate }}\n                                </dato-link>\n                            </div>\n                        </div>\n                    </dato-accordion-content>\n                </dato-accordion-group>\n                <div class=\"separator\"></div>\n            </ng-container>\n            <ng-container *ngIf=\"filterSections.By_Value\">\n                <dato-accordion-group class=\"list-content\">\n                    <dato-accordion-header class=\"dato-note-bold primary-600-color\" data-auto-id=\"by-value-filters\"\n                                           [class.primary-100-background-color]=\"header_2.isOpen\" #header_2>\n                        <div class=\"px-10 d-flex align-start-center\">\n                            <div class=\"filter-title d-flex d-flex-grow align-start-center\">{{'core.filterByValue' | translate}}</div>\n                            <dato-icon class=\"primary-200-color\" height=\"18px\"\n                                       [icon]=\"header_2.isOpen ? 'collapse' : 'expand'\"></dato-icon>\n                        </div>\n                    </dato-accordion-header>\n                    <dato-accordion-content #byValueContent>\n                        <div class=\"value-content-container d-flex-column\">\n                            <dato-input datoSize=\"sm\" placeholder=\"core.search-all-values\" [debounceTime]=\"300\" #search [formControl]=\"listSearchControl\" [isFocused]=\"byValueContent._expanded\"></dato-input>\n                            <dato-list-v2 class=\"primary-0-background-color\"\n                                          containerHeight=\"195px\"\n                                          [withSelectAll]=\"true\"\n                                          [clientSearch]=\"isClientSideGrid\"\n                                          [sortByKey]=\"listSortByKey\"\n                                          [labelType]=\"listLabelType\"\n                                          [searchController]=\"search\"\n                                          [options]=\"listOptions\"\n                                          [isSortList]=\"!keepPredefinedListOriginalOrder\"\n                                          [loading]=\"loadingList\"\n                                          [noDataTpl]=\"isClientSideGrid ? null : noData\"\n                                          formControlName=\"byValue\"\n                                          data-auto-id=\"by-value-filters-list\">\n                            </dato-list-v2>\n                            <ng-template #noData>\n                                <div *ngIf=\"serverSearchErrored; else noResults\" class=\"mb-10 d-flex-1 d-flex-column align-center\" data-auto-id=\"by-value-server-error\">\n                                    <img class=\"mt-20\" datoStaticSrc=\"core/grid/filter-server-error.svg\"/>\n                                    <p class=\"dato-note-bold mt-10 mb-10 primary-300-color\">{{ 'core.something-went-wrong' | translate }}</p>\n                                    <p class=\"dato-note-italic primary-300-color\">{{ 'core.try-again-later' | translate }}</p>\n                                </div>\n                                <ng-template #noResults>\n                                    <dato-list-no-result class=\"mb-10 block\" data-auto-id=\"by-value-no-results\"></dato-list-no-result>\n                                </ng-template>\n                            </ng-template>\n                        </div>\n                    </dato-accordion-content>\n                </dato-accordion-group>\n                <div class=\"separator\"></div>\n            </ng-container>\n        </dato-accordion>\n    </ng-container>\n    <div class=\"actions no-select px-10 py-12 d-flex align-end-center\">\n        <dato-link *ngIf=\"showClearFiltersButton\" class=\"mr-30\" datoType=\"secondary\" datoSize=\"sm\"\n                   (click)=\"clearFilters()\" data-auto-id=\"clear-filters\" [disabled]=\"!hasFilter\">\n            {{ 'core.clearFilters' | translate }}\n        </dato-link>\n        <dato-button datoSize=\"sm\" [datoTooltip]=\"hotKeyTooltip\" [datoHotkeys]=\"applyHotKeyConfig\" (click)=\"closePopUp()\" data-auto-id=\"apply-filters\">{{'core.apply' | translate}}</dato-button>\n    </div>\n</form>\n",
             changeDetection: ChangeDetectionStrategy.OnPush,
             styles: [":host dato-accordion-header{transition:background-color .2s ease-in-out}:host>.container{width:242px}:host .value-content-container dato-input{padding:10px}:host .conditional-content-container{padding:10px;transition:padding-right .2s ease-in-out}:host .conditional-content-container.multi-conditions{padding-right:0}:host .conditional-content-container.multi-conditions .delete{width:24px}:host .filter-title{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;height:40px;transition:color .2s ease-in-out}:host .separator{height:1px;width:100%}:host .delete{transition:width .2s ease-in-out;width:0}"]
         }),
@@ -13292,6 +13321,7 @@ var DatoGridColumnHeaderComponent = /** @class */ (function () {
                 var sortingOrder = _this.column.getColDef() ? _this.column.getColDef().sortingOrder : null;
                 var sort;
                 var currentSort = _this.column.getSort();
+                var colId = _this.column.getColId();
                 if (sortingOrder && sortingOrder.length > 0) {
                     var currentSortIndex = sortingOrder.indexOf(currentSort);
                     var newSortIndex = void 0;
@@ -13308,10 +13338,15 @@ var DatoGridColumnHeaderComponent = /** @class */ (function () {
                 }
                 gridService._logEvent("Grids - Column Action" /* GRID_COLUMN_ACTION */, {
                     action: 'Sort',
-                    column: _this.column.getColId()
+                    column: colId
                 });
                 gridQuery.isServerSide && gridService.setLoading(true);
-                _this.params.setSort(sort);
+                if (gridQuery.getGridOptions().sortByStore) {
+                    gridService.setSortByColumn(colId, sort);
+                }
+                else {
+                    _this.params.setSort(sort);
+                }
             });
             this.sortingInfo$ = gridQuery
                 .waitForGrid(function () { return gridQuery.gridRef.sortChanged; })
@@ -14258,38 +14293,36 @@ var GridService = /** @class */ (function () {
             this.notifyFilterUpdate();
         }
     };
+    GridService.prototype.setSortByColumn = function (colId, sort) {
+        var sortToSet = this.gridQuery.getSort({ colId: colId, sort: sort });
+        this.setGridSort(sortToSet);
+    };
     GridService.prototype.setGridSort = function (gridSort) {
         if (gridSort && this.api && this.api.grid.getDisplayedRowCount() > 0) {
             var colId_1 = gridSort.colId, sort = gridSort.sort, sortIndex = gridSort.sortIndex;
-            var sortToApply = gridSort;
-            if (!isNil(sortIndex)) {
-                var gridColumns = this.api.columns.getAllGridColumns();
-                if (gridColumns) {
+            var gridColumns = this.api.columns.getAllGridColumns();
+            if (gridColumns) {
+                var sortToApply = gridSort;
+                /** Sort by column id */
+                var columnById = gridColumns.find(function (col) {
+                    return (col.getColDef().showRowGroup || col.getColId()) === colId_1;
+                });
+                if (columnById) {
+                    sortToApply = { colId: columnById.getColId(), sort: sort };
+                }
+                else if (!isNil(sortIndex)) {
                     var valueColumns = this.api.columns.getValueColumns();
                     var valueColumn = valueColumns.find(function (col) { return col.getColId() === colId_1; });
                     var isPivotColId = colId_1.startsWith('pivot');
                     if (isPivotColId || valueColumn) {
                         /** Column is pivot value column, sort by index */
                         var columnByIndex = gridColumns[sortIndex];
-                        // const pivotValueColumn = columnByIndex && columnByIndex.getColDef().pivotValueColumn;
-                        // const pivotValueColumnId = pivotValueColumn && pivotValueColumn.getColId();
-                        // if (pivotValueColumnId === colId) {
                         sortToApply = { colId: columnByIndex.getColId(), sort: sort, sortIndex: sortIndex };
-                        // }
-                    }
-                    else {
-                        /** Sort by column id */
-                        var columnById = gridColumns.find(function (col) {
-                            return (col.getColDef().showRowGroup || col.getColId()) === colId_1;
-                        });
-                        if (columnById) {
-                            sortToApply = { colId: columnById.getColId(), sort: sort };
-                        }
                     }
                 }
+                this.updateSettings({ sort: sortToApply });
+                this.api.grid.setSortModel([sortToApply]);
             }
-            this.updateSettings({ sort: sortToApply });
-            this.api.grid.setSortModel([sortToApply]);
         }
     };
     GridService.prototype.updateFilter = function (column, filter) {
@@ -14347,8 +14380,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
@@ -15353,10 +15385,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) {
@@ -15470,11 +15499,10 @@ var DatoGridControllerComponent = /** @class */ (function () {
             var data = _this.getGridData();
             _this.onGridChange.emit({
                 filter: _this.gridQuery.getExternalFilter(),
-                sort: _this.gridQuery.getExternalSort(),
+                sort: _this.gridQuery.getSort(),
                 type: type,
                 data: data
             });
-            triggerWindowResize();
         });
     };
     DatoGridControllerComponent.prototype.listenToStoreSettingsChanges = function () {
@@ -16639,18 +16667,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();
@@ -21126,40 +21142,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.
@@ -21173,12 +21155,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';
@@ -21212,11 +21194,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) {
@@ -21309,9 +21308,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(),
@@ -21377,9 +21376,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));
@@ -23902,9 +23902,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();
         });
@@ -25267,7 +25265,7 @@ function fixNgLeaks() {
     };
 }
 
-window.coreVersion = '22.8.2-rc.';
+window.coreVersion = '22.9.0';
 
 /**
  * @license
@@ -25281,5 +25279,5 @@ window.coreVersion = '22.8.2-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