@datorama/core 21.3.1-rc.5 → 21.4.0-rc.3

package/fesm5/datorama-core.js

@@ -1184,6 +1184,17 @@ function a(array, n) {
     if (n === void 0) { n = 1; }
     return array.filter(function (e, index) { return index >= n; });
 }
+/**
+ * Compares 2 array and return whether their inner values are the same,
+ * without considering their order
+ */
+function isArrayValuesEqual(arrA, arrB) {
+    if (arrA === void 0) { arrA = []; }
+    if (arrB === void 0) { arrB = []; }
+    var aInb = arrA.every(function (valA) { return arrB.find(function (valB) { return valB === valA; }); });
+    var bIna = arrB.every(function (valB) { return arrA.find(function (valA) { return valA === valB; }); });
+    return aInb && bIna && arrA.length === arrB.length;
+}
 
 function toBoolean(value, includeZero) {
     if (includeZero === void 0) { includeZero = false; }
@@ -11247,6 +11258,15 @@ function getColumnsSizes(columns, original) {
         return sizeMap;
     }, {});
 }
+/**
+ * Take pivoted value field if pivot column,
+ * or field of the colDef,
+ * or group field form showRowGroup if its agg column
+ */
+function getColField(colDef) {
+    var field = colDef.field, showRowGroup = colDef.showRowGroup, pivotValueColumn = colDef.pivotValueColumn;
+    return pivotValueColumn ? pivotValueColumn.getColId() : field || showRowGroup;
+}
 
 var GridQuery = /** @class */ (function (_super) {
     __extends(GridQuery, _super);
@@ -11321,7 +11341,7 @@ var GridQuery = /** @class */ (function (_super) {
     };
     GridQuery.prototype.getCurrentGridSettings = function () {
         var toColId = function (column) { return column.getColId(); };
-        var _a = this.api, columns = _a.columns, grid = _a.grid;
+        var columns = this.api.columns;
         var groupedColumns = columns.getRowGroupColumns();
         var columnsOrder = columns.getAllColumns();
         var allGridColumns = columns.getAllGridColumns();
@@ -11331,7 +11351,7 @@ var GridQuery = /** @class */ (function (_super) {
         var storeSettings = this.getValue().settings;
         var settings = {
             gridAlignment: storeSettings.gridAlignment,
-            sort: grid.getSortModel().pop(),
+            sort: this.getSort(),
             hiddenColumns: hiddenColumns,
             groupedColumns: groupedColumns.map(toColId),
             filter: this.getFilter(),
@@ -11345,6 +11365,29 @@ var GridQuery = /** @class */ (function (_super) {
         }
         return settings;
     };
+    GridQuery.prototype.getSort = function () {
+        if (this.gridRef.gridOptions.pivotMode) {
+            var _a = this.api.grid.getSortModel().pop() || {}, sort = _a.sort, colId_1 = _a.colId;
+            var column = this.api.columns.getColumn(colId_1);
+            var secondaryColumns = this.api.columns.getSecondaryColumns();
+            var pivotedColumn_1 = secondaryColumns && secondaryColumns.find(function (col) { return col.getColId() === colId_1; });
+            if (pivotedColumn_1) {
+                var uniquePivotParents = uniq(secondaryColumns.map(function (column) { return column.getParent(); }));
+                var secondaryColumn = secondaryColumns.find(function (col) { return col.getColId() === pivotedColumn_1.getColId(); });
+                var pivotColIndex = uniquePivotParents.indexOf(secondaryColumn.getParent());
+                return { colId: getColField(pivotedColumn_1.getColDef()), sort: sort, pivotColIndex: pivotColIndex };
+            }
+            else if (column) {
+                return { colId: getColField(column.getColDef()), sort: sort };
+            }
+        }
+        else {
+            return this.api.grid.getSortModel().pop();
+        }
+    };
+    GridQuery.prototype.selectSort = function () {
+        return this.select(function (state) { return state.settings.sort; });
+    };
     /* @internal */
     GridQuery.prototype._setApi = function (api, gridRef) {
         this.api = api;
@@ -11361,6 +11404,9 @@ var GridQuery = /** @class */ (function (_super) {
     GridQuery.prototype.getFilter = function () {
         return this.getValue().settings.filter;
     };
+    GridQuery.prototype.selectFilter = function () {
+        return this.select(function (state) { return state.settings.filter; });
+    };
     GridQuery.prototype.getSearchTerm = function () {
         return this.getValue().settings.searchTerm;
     };
@@ -11415,6 +11461,9 @@ var GridQuery = /** @class */ (function (_super) {
     GridQuery.prototype.getAllDisplayedColumns = function () {
         return this.filterCheckboxSelectionColumn(this.api.columns.getAllDisplayedColumns());
     };
+    GridQuery.prototype.getAllPivotColumns = function () {
+        return this.getAllColumns().filter(function (column) { return column.isPivotActive(); });
+    };
     GridQuery.prototype.selectIsSelectAllRowsEnabled = function () {
         return this.select(function (state) { return state.serverSidePagination.selectAllRowsEnabled; });
     };
@@ -11597,8 +11646,13 @@ function validateFilter(_a, activeFilters) {
         var orderedFilters = Object.keys(activeFilters);
         var _loop_1 = function (filter) {
             var filterPasses = true;
-            var _a = activeFilters[filter], byValue = _a.byValue, conditional = _a.conditional;
+            var _a = activeFilters[filter], byValue = _a.byValue, conditional = _a.conditional, pivotKeys = _a.pivotKeys;
+            var currentRowPivotKeys = row.parent.childrenMapped && getRowPivotKeys(row.parent.childrenMapped);
             var rowValue = api.getValue(filter, row);
+            /** If value is under a pivoted column but doesn't match the filter pivot */
+            if (pivotKeys && !isArrayValuesEqual(pivotKeys, currentRowPivotKeys)) {
+                return { value: true };
+            }
             if (conditional) {
                 var operator = conditional.operator, conditions = conditional.conditions, type_1 = conditional.type;
                 var conditionsRelation = operator === OperatorTypes.AND ? 'every' : 'some';
@@ -11630,6 +11684,26 @@ function validateFilter(_a, activeFilters) {
     }
     return true;
 }
+/**
+ * Get pivot keys from a row parent
+ */
+function getRowPivotKeys(childrenMapped, keys) {
+    if (keys === void 0) { keys = []; }
+    var key = Object.keys(childrenMapped)[0];
+    var parsedKey;
+    try {
+        parsedKey = JSON.parse(key);
+    }
+    catch (e) {
+        console.error("Can't parse " + key + " from JSON");
+    }
+    finally {
+        if (parsedKey) {
+            keys = getRowPivotKeys(childrenMapped[key], __spread(keys, [parsedKey.value]));
+        }
+    }
+    return keys;
+}
 
 var GridActionType;
 (function (GridActionType) {
@@ -12509,7 +12583,8 @@ var DatoGridFilterComponent = /** @class */ (function () {
     });
     Object.defineProperty(DatoGridFilterComponent.prototype, "colFilter", {
         get: function () {
-            return this.gridQuery.getFilter()[this.colField];
+            var filter = this.gridQuery.getFilter()[this.colField];
+            return filter && isArrayValuesEqual(this.pivotKeys, filter.pivotKeys) ? filter : null;
         },
         enumerable: true,
         configurable: true
@@ -12521,12 +12596,20 @@ var DatoGridFilterComponent = /** @class */ (function () {
         enumerable: true,
         configurable: true
     });
+    Object.defineProperty(DatoGridFilterComponent.prototype, "pivotKeys", {
+        get: function () {
+            return this.colDef.pivotKeys || [];
+        },
+        enumerable: true,
+        configurable: true
+    });
     DatoGridFilterComponent.prototype.ngOnInit = function () {
         var _a;
         var _this = this;
         var _b = this.popover.data, gridService = _b.gridService, gridQuery = _b.gridQuery;
-        var _c = this.colDef, field = _c.field, filter = _c.filter, _d = _c.filtersConfig, filtersConfig = _d === void 0 ? {} : _d;
-        this.colField = field;
+        var _c = this.colDef, filter = _c.filter, _d = _c.filtersConfig, filtersConfig = _d === void 0 ? {} : _d, pivotValueColumn = _c.pivotValueColumn, pivotKeys = _c.pivotKeys;
+        this.colField = getColField(this.colDef);
+        this.pivotColumn = gridQuery.api.columns.getSecondaryPivotColumn(pivotKeys, pivotValueColumn);
         if (filtersConfig.sections) {
             this.filterSections = (_a = {}, _a[filtersConfig.sections] = true, _a);
         }
@@ -12538,7 +12621,11 @@ var DatoGridFilterComponent = /** @class */ (function () {
         this.listSortByKey = this.filterType === DatoGridFilterTypes.Number && this.colDef.valueFormatter ? 'id' : 'label';
         this.gridQuery = gridQuery;
         this.gridService = gridService;
-        this.hasFilter$ = this.gridQuery.select(function (state) { return state.settings.filter[field]; }).pipe(map$1(function (filter) { return !isNil(filter); }));
+        this.hasFilter$ = this.gridQuery
+            .select(function (state) { return state.settings.filter[_this.colField]; })
+            .pipe(map$1(function (filter) {
+            return !isNil(filter) && isArrayValuesEqual(filter.pivotKeys, _this.pivotKeys);
+        }));
         if (this.filterSections.Conditional) {
             var filterConditions = filterOptions || DatoGridStringFilterOptions;
             if (filtersConfig.showEmptyConditions) {
@@ -12656,6 +12743,10 @@ var DatoGridFilterComponent = /** @class */ (function () {
     DatoGridFilterComponent.prototype.buildFilter = function () {
         var _a = this.filterForm.value, byValue = _a.byValue, conditional = _a.conditional;
         var filter = {};
+        filter.pivotKeys = this.pivotKeys;
+        if (this.pivotColumn) {
+            filter.pivotFields = this.getPivotFields(this.pivotColumn.getParent());
+        }
         if (this.filterSections.Conditional) {
             this.setConditionalFilter(filter, conditional);
         }
@@ -12984,6 +13075,18 @@ var DatoGridFilterComponent = /** @class */ (function () {
         var _this = this;
         return data.filter(function (v) { return !_this.excludedValues.has(v); });
     };
+    /**
+     * Get pivot dimensions as defined in the parent group column header class.
+     */
+    DatoGridFilterComponent.prototype.getPivotFields = function (parent, fields) {
+        if (fields === void 0) { fields = []; }
+        var grandParent = parent.getParent();
+        if (grandParent) {
+            this.getPivotFields(grandParent, fields);
+        }
+        fields.push(parent.getOriginalColumnGroup().getColGroupDef().headerClass);
+        return fields;
+    };
     DatoGridFilterComponent.ctorParameters = function () { return [
         { type: ElementRef },
         { type: PopoverRef },
@@ -13072,10 +13175,9 @@ var DatoGridColumnHeaderComponent = /** @class */ (function () {
         var colDef = params.column.getColDef();
         this.headerInfo = colDef.info;
         this.headerName = colDef.headerName;
-        this.aggColumn = this.column.getColId().indexOf('ag-Grid-AutoColumn') !== -1;
         this.showFilter = colDef.filter !== DatoGridFilterTypes.None;
         this.showMoreMenu = isNil(colDef.moreMenuActions) || colDef.moreMenuActions.length > 0;
-        this.field = this.aggColumn ? this.groupField : colDef.field;
+        this.field = getColField(colDef);
         this.context = {
             api: {
                 grid: params.api,
@@ -13087,7 +13189,10 @@ var DatoGridColumnHeaderComponent = /** @class */ (function () {
         this.customTemplates = gridService.getCustomHeader(this.field);
         this.filterActive$ = gridQuery
             .select(function (state) { return state.settings.filter[_this.field]; })
-            .pipe(map$1(function (filter) { return size(filter) > 0; }));
+            .pipe(map$1(function (filter) {
+            var isPivotColumnMatchFilter = filter && isArrayValuesEqual(filter.pivotKeys, colDef.pivotKeys);
+            return size(filter) > 0 && isPivotColumnMatchFilter;
+        }));
         if (this.params.enableSorting) {
             fromEvent(this.host.nativeElement, 'click')
                 .pipe(untilDestroyed(this))
@@ -13149,13 +13254,6 @@ var DatoGridColumnHeaderComponent = /** @class */ (function () {
         });
     };
     DatoGridColumnHeaderComponent.prototype.ngOnDestroy = function () { };
-    Object.defineProperty(DatoGridColumnHeaderComponent.prototype, "groupField", {
-        get: function () {
-            return this.column.getColDef().showRowGroup;
-        },
-        enumerable: true,
-        configurable: true
-    });
     DatoGridColumnHeaderComponent.ctorParameters = function () { return [
         { type: ViewContainerRef },
         { type: CustomHeaderControllerService },
@@ -13654,8 +13752,8 @@ var GridService = /** @class */ (function () {
         this.svgRegistry = svgRegistry;
         this.storageAPI = storageAPI;
         this.logger = logger;
-        this.pageNumberToReturnAfterRefresh = -1;
         this.treeConfig = defaultGridTreeLabel;
+        this.pageNumberToReturnAfterRefresh = -1;
         this.CHECKBOX_SELECTION_COL_ID = 'grid-checkbox-selection';
     }
     Object.defineProperty(GridService.prototype, "treeData", {
@@ -13721,6 +13819,9 @@ var GridService = /** @class */ (function () {
                 var treeDate = convertToTreeData(data, _this.treeConfig);
                 _this.api.grid.setRowData(treeDate);
             }
+            else if (_this.isPivotMode) {
+                _this.setPivotModeRows(data);
+            }
             else {
                 _this.api.grid.setRowData(data);
             }
@@ -13841,6 +13942,12 @@ var GridService = /** @class */ (function () {
         params.gridOptions.saveSettings = saveSettings !== false && !isNil(gridName);
         /** Server Side Pagination for select all option */
         this.initOnRowSelectedForServerSidePagination(params);
+        /** Add pivot specific required settings */
+        if (params.gridOptions.pivotMode) {
+            this.initPivotSecondaryColsProcess(params);
+            params.gridOptions.enableV2_1 = true;
+            params.gridOptions.saveSettings = false;
+        }
         return params.gridOptions;
     };
     GridService.prototype.normalizeColumns = function (colDefs, gridOptions) {
@@ -14032,10 +14139,11 @@ var GridService = /** @class */ (function () {
             numOfConditions: (filter.conditional && filter.conditional.conditions.length) || 0,
             byValue: !!filter.byValue ? 'Yes' : 'No'
         });
+        var colField = getColField(column.getColDef());
         this.store.update(function (state) {
             var _a;
             return {
-                settings: __assign(__assign({}, state.settings), { filter: __assign(__assign({}, state.settings.filter), (_a = {}, _a[column.getColDef().field] = filter, _a)) })
+                settings: __assign(__assign({}, state.settings), { filter: __assign(__assign({}, state.settings.filter), (_a = {}, _a[colField] = filter, _a)) })
             };
         });
         this.notifyFilterUpdate();
@@ -14545,6 +14653,68 @@ var GridService = /** @class */ (function () {
             this.setServerSidePagination({ selectAllRowsEnabled: false, excludedFromSelectAll: [] });
         }
     };
+    /**
+     * When pivoting,
+     * we add the field name to the column header class in order to access it through the auto generated pivot column.
+     * @private
+     */
+    GridService.prototype.initPivotSecondaryColsProcess = function (_a) {
+        var gridOptions = _a.gridOptions;
+        gridOptions.processSecondaryColDef = function (colDef) {
+            var api = colDef.headerComponentParams.gridQuery.api;
+            if (api) {
+                var valueColumns = colDef.headerComponentParams.gridQuery.api.columns.getValueColumns();
+                var originalColDef = valueColumns
+                    .map(function (_a) {
+                    var userProvidedColDef = _a.userProvidedColDef;
+                    return userProvidedColDef;
+                })
+                    .find(function (_a) {
+                    var colId = _a.colId;
+                    return colId === colDef.pivotValueColumn.getColId();
+                });
+                if (originalColDef) {
+                    colDef.filter = originalColDef.filter;
+                }
+            }
+            if (colDef.pivotKeys) {
+                colDef.pivotKeys = colDef.pivotKeys.map(function (key) { return JSON.parse(key).value; });
+            }
+        };
+        gridOptions.processSecondaryColGroupDef = function (colGroupDef) {
+            if (colGroupDef.headerName) {
+                var _a = JSON.parse(colGroupDef.headerName), field = _a.field, value = _a.value;
+                colGroupDef.headerClass = field;
+                colGroupDef.headerName = value;
+            }
+            if (colGroupDef.pivotKeys) {
+                colGroupDef.pivotKeys = colGroupDef.pivotKeys.map(function (key) { return JSON.parse(key).value; });
+            }
+        };
+    };
+    GridService.prototype.setPivotModeRows = function (data) {
+        var pivotColumns = this.gridQuery.getAllPivotColumns();
+        var convertedData = data.map(function (currentValue, index) {
+            var e_4, _a;
+            var mappedValues = __assign({}, currentValue);
+            try {
+                for (var pivotColumns_1 = __values(pivotColumns), pivotColumns_1_1 = pivotColumns_1.next(); !pivotColumns_1_1.done; pivotColumns_1_1 = pivotColumns_1.next()) {
+                    var col = pivotColumns_1_1.value;
+                    var field = col.getColDef().field;
+                    mappedValues[field] = JSON.stringify({ field: field, value: currentValue[field] });
+                }
+            }
+            catch (e_4_1) { e_4 = { error: e_4_1 }; }
+            finally {
+                try {
+                    if (pivotColumns_1_1 && !pivotColumns_1_1.done && (_a = pivotColumns_1.return)) _a.call(pivotColumns_1);
+                }
+                finally { if (e_4) throw e_4.error; }
+            }
+            return mappedValues;
+        });
+        this.api.grid.setRowData(convertedData);
+    };
     GridService.ctorParameters = function () { return [
         { type: GridStore },
         { type: GridQuery },
@@ -14979,6 +15149,7 @@ var DatoGridControllerComponent = /** @class */ (function () {
         set: function (gridOptions) {
             this._gridOptions = gridOptions;
             this.gridService.treeData = gridOptions.treeData;
+            this.gridService.isPivotMode = gridOptions.pivotMode;
             if (this.agGridEl) {
                 if (gridOptions.treeData) {
                     !this.agGridEl.classList.contains(this.treeGridClass) && this.agGridEl.classList.add(this.treeGridClass);
@@ -15054,6 +15225,15 @@ var DatoGridControllerComponent = /** @class */ (function () {
         var defaults = __assign(__assign(__assign({}, defaultGridOptions), (this.gridOptions.treeData ? defaultTreeOptions : {})), { icons: this.getGridIcons() });
         return deepmerge(defaults, normalized);
     };
+    DatoGridControllerComponent.prototype.setGridRows = function (data) {
+        this.gridService.setRows(data);
+    };
+    DatoGridControllerComponent.prototype.onFilterChanged = function () {
+        return this.gridQuery.selectFilter();
+    };
+    DatoGridControllerComponent.prototype.onSortChanged = function () {
+        return this.gridQuery.selectSort();
+    };
     DatoGridControllerComponent.prototype.getGridIcons = function () {
         var moveColumnIcon = "<span class=\"da-grid-icon pointer d-flex column-move\">" + this.iconRegistry.getSvg('move-column') + "</span>";
         return {
@@ -15463,6 +15643,13 @@ var DatoGridV2Component = /** @class */ (function () {
         enumerable: true,
         configurable: true
     });
+    Object.defineProperty(DatoGridV2Component.prototype, "isPivotMode", {
+        get: function () {
+            return this.gridOptions ? this.gridOptions.pivotMode : false;
+        },
+        enumerable: true,
+        configurable: true
+    });
     DatoGridV2Component.ctorParameters = function () { return [
         { type: DatoGridControllerComponent },
         { type: ElementRef }
@@ -15475,7 +15662,7 @@ var DatoGridV2Component = /** @class */ (function () {
     DatoGridV2Component = __decorate([
         Component({
             selector: 'dato-grid-v2',
-            template: "<ag-grid-angular data-auto-id=\"grid\" class=\"dato-grid ag-theme-material\" [class.has-background]=\"enableBackground\" [class.enable-v2_1]=\"enableV2_1\"\n                 [class.with-multi-selection-col]=\"gridOptions?.showMultiSelectionCheckboxes\">\n</ag-grid-angular>\n<dato-grid-pagination-v2 [class.has-background]=\"enableBackground\"></dato-grid-pagination-v2>\n",
+            template: "<ag-grid-angular data-auto-id=\"grid\" class=\"dato-grid ag-theme-material\" [class.has-background]=\"enableBackground\" [class.enable-v2_1]=\"enableV2_1\"\n                 [class.with-multi-selection-col]=\"gridOptions?.showMultiSelectionCheckboxes\" [class.pivot-mode]=\"isPivotMode\">\n</ag-grid-angular>\n<dato-grid-pagination-v2 [class.has-background]=\"enableBackground\"></dato-grid-pagination-v2>\n",
             changeDetection: ChangeDetectionStrategy.OnPush,
             encapsulation: ViewEncapsulation.None,
             styles: ["dato-grid-v2{flex-grow:1;display:flex;flex-direction:column;position:relative}dato-grid-v2 .dato-grid,dato-grid-v2 dato-grid-pagination-v2{position:absolute;left:0;right:0;bottom:0}dato-grid-v2 .dato-grid{top:0;bottom:50px}dato-grid-v2 .grid-hover-actions{position:absolute;z-index:2;transition:opacity .2s ease-in-out}dato-grid-v2 .ag-row-drag{width:initial!important}dato-grid-v2 .da-grid-icon{display:inline-block;line-height:31px;vertical-align:middle;width:initial;height:initial}dato-grid-v2 .da-grid-icon.drag{width:14px;height:14px;margin-right:6px;opacity:0;transition:opacity .3s;transform:translateY(-50%)}dato-grid-v2 .da-grid-icon.folder{width:18px;height:35px;margin:0 8px}dato-grid-v2 .ag-row.ag-row-hover .da-grid-icon.drag{opacity:1}dato-grid-v2 ag-grid-angular.tree .ag-group-contracted,dato-grid-v2 ag-grid-angular.tree .ag-group-expanded{display:inline-block;width:18px;text-align:center}dato-grid-v2 ag-grid-angular.tree .ag-group-checkbox{display:none}dato-grid-v2 ag-grid-angular.tree .ag-row.ag-empty-folder .folder{margin-left:26px}dato-grid-v2 ag-grid-angular.tree .ag-row.ag-row-level-1 .ag-cell-wrapper .ag-row-drag{padding-right:calc(55px * 1)}dato-grid-v2 ag-grid-angular.tree .ag-row .ag-row-group-indent-1{margin-left:0!important;padding-left:0!important}dato-grid-v2 ag-grid-angular.tree .ag-row.ag-row-level-2 .ag-cell-wrapper .ag-row-drag{padding-right:calc(55px * 2)}dato-grid-v2 ag-grid-angular.tree .ag-row .ag-row-group-indent-2{margin-left:0!important;padding-left:0!important}dato-grid-v2 ag-grid-angular.tree .ag-row.ag-row-level-3 .ag-cell-wrapper .ag-row-drag{padding-right:calc(55px * 3)}dato-grid-v2 ag-grid-angular.tree .ag-row .ag-row-group-indent-3{margin-left:0!important;padding-left:0!important}dato-grid-v2 ag-grid-angular.tree .ag-row.ag-row-level-4 .ag-cell-wrapper .ag-row-drag{padding-right:calc(55px * 4)}dato-grid-v2 ag-grid-angular.tree .ag-row .ag-row-group-indent-4{margin-left:0!important;padding-left:0!important}dato-grid-v2 ag-grid-angular.tree .ag-row div[col-id=ag-Grid-AutoColumn]{padding-left:0}dato-grid-v2 ag-grid-angular.tree .ag-row .ag-cell{display:flex;align-items:center}dato-grid-v2 ag-grid-angular.tree .ag-row .ag-cell .ag-group-value>span{display:inline-block;vertical-align:middle}dato-grid-v2 ag-grid-angular.tree .ag-row .ag-cell .initials{border-radius:50%;padding:4px;margin-right:8px;margin-left:20px;width:28px;height:28px;display:inline-block;text-align:center}dato-grid-v2 ag-grid-angular.tree .ag-row-group-leaf-indent{margin-left:0!important}dato-grid-v2 ag-grid-angular.tree .ag-selection-checkbox .ag-icon-checkbox-indeterminate:before{text-align:center;content:'-';display:inline-block;position:absolute;top:0;left:0;right:0;bottom:0;line-height:.5;color:#fff}dato-grid-v2 ag-grid-angular.row-height-35 .ag-cell{line-height:33px}dato-grid-v2 ag-grid-angular.row-height-35 .ag-cell.dato-editable-cell{line-height:29px}dato-grid-v2 ag-grid-angular.row-height-35 .ag-cell.ag-cell-inline-editing{height:35px}dato-grid-v2 ag-grid-angular.row-height-44 .ag-cell{line-height:42px}dato-grid-v2 ag-grid-angular.row-height-44 .ag-cell.dato-editable-cell{line-height:38px}dato-grid-v2 ag-grid-angular.row-height-44 .ag-cell.ag-cell-inline-editing{height:44px}dato-grid-v2 ag-grid-angular.row-height-50 .ag-cell{line-height:48px}dato-grid-v2 ag-grid-angular.row-height-50 .ag-cell.dato-editable-cell{line-height:44px}dato-grid-v2 ag-grid-angular.row-height-50 .ag-cell.ag-cell-inline-editing{height:50px}dato-grid-v2 ag-grid-angular.row-height-59 .ag-cell{line-height:57px}dato-grid-v2 ag-grid-angular.row-height-59 .ag-cell.dato-editable-cell{line-height:53px}dato-grid-v2 ag-grid-angular.row-height-59 .ag-cell.ag-cell-inline-editing{height:59px}dato-grid-v2 ag-grid-angular .ag-cell.checkbox-selection-cell{display:flex}dato-grid-v2 .ag-menu .da-grid-icon svg{vertical-align:middle}dato-grid-v2 .ag-header-cell-sortable .ag-sort-none-icon{opacity:0;transition:opacity .2s}dato-grid-v2 .ag-header-cell-sortable:hover .ag-sort-none-icon{opacity:1}dato-grid-v2 .group-contracted-icon,dato-grid-v2 .group-expanded-icon{width:7px}dato-grid-v2 .group-expanded-icon{transform:rotate(90deg)}dato-grid-v2 .dato-grid .ag-cell{border-top:0;border-bottom:0}.ag-dnd-ghost{min-width:100px;border:none;display:flex;justify-content:flex-start;align-content:center;align-items:center;cursor:-webkit-grabbing;cursor:grabbing;z-index:10000000}.ag-dnd-ghost .da-grid-icon.column-move-hide svg{height:18px;width:18px}.ag-dnd-ghost .da-grid-icon.column-move svg,.ag-dnd-ghost .da-grid-icon.column-move-pin svg{height:16px;width:16px}"]
@@ -15776,6 +15963,9 @@ var DatoGridPaginationV2Component = /** @class */ (function () {
             showFirstEllipsis: false,
             showLastPage: false
         };
+        // Show fit cell content and collapse/expand row groups controls
+        this.showBottomControls = false;
+        this.isExpanded = true;
         this.isServerSidePagination = false;
         // The number of pages displayed in the navigation panel for each view as defined by product.
         this.MINI_DISPLAY_LENGTH = 2;
@@ -15823,7 +16013,10 @@ var DatoGridPaginationV2Component = /** @class */ (function () {
             _this.initPagination();
         });
         this.gridQuery.gridReady$
-            .pipe(tap(function () { return (_this.gridApi = _this.gridQuery.api.grid); }), switchMap(function () {
+            .pipe(tap(function () {
+            _this.gridApi = _this.gridQuery.api.grid;
+            _this.showBottomControls = _this.gridQuery.getGridOptions().showBottomControls;
+        }), switchMap(function () {
             _this.isServerSidePagination = _this.gridQuery.isServerSide;
             return _this.isServerSidePagination ? _this.gridQuery.serverDataLoaded$ : _this.gridQuery.rowDataChanged$;
         }), throttleTime(100), tapOnce(function () { return _this.initPagination(); }), untilDestroyed(this))
@@ -15945,6 +16138,13 @@ var DatoGridPaginationV2Component = /** @class */ (function () {
     DatoGridPaginationV2Component.prototype.trackByPage = function (index, page) {
         return page;
     };
+    DatoGridPaginationV2Component.prototype.toggleGroupsState = function () {
+        this.isExpanded ? this.gridApi.collapseAll() : this.gridApi.expandAll();
+        this.isExpanded = !this.isExpanded;
+    };
+    DatoGridPaginationV2Component.prototype.autoFitGrid = function (type) {
+        this.gridService.fitGrid(type);
+    };
     DatoGridPaginationV2Component.prototype.ngOnDestroy = function () { };
     /**
      * Sets the rows display string
@@ -16033,7 +16233,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>\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 [icon]=\"isExpanded ? 'collapse' : 'expand'\" datoType=\"secondary\" datoSize=\"md\"\n                      (click)=\"toggleGroupsState()\" data-auto-id=\"pagiantion-next-page\">\n    </dato-icon-button>\n\n    <dato-icon-button class=\"mx-4\" icon=\"maximize-horizontal\" datoType=\"secondary\" datoSize=\"md\"\n                      (click)=\"autoFitGrid('container')\" data-auto-id=\"pagiantion-next-page\">\n    </dato-icon-button>\n\n    <dato-icon-button icon=\"minimize-horizontal\" datoType=\"secondary\" datoSize=\"md\"\n                      (click)=\"autoFitGrid('content')\" data-auto-id=\"pagiantion-next-page\">\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}"]
         }),
@@ -24873,5 +25073,5 @@ window.coreVersion = '21.4.0-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, 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, 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, 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 };
 //# sourceMappingURL=datorama-core.js.map