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

package/fesm2015/datorama-core.js

@@ -1051,6 +1051,15 @@ function drop(array, n = 1) {
 function a(array, n = 1) {
     return array.filter((e, index) => index >= n);
 }
+/**
+ * Compares 2 array and return whether their inner values are the same,
+ * without considering their order
+ */
+function isArrayValuesEqual(arrA = [], arrB = []) {
+    const aInb = arrA.every(valA => arrB.find(valB => valB === valA));
+    const bIna = arrB.every(valB => arrA.find(valA => valA === valB));
+    return aInb && bIna && arrA.length === arrB.length;
+}
 
 function toBoolean(value, includeZero = false) {
     return value != null && `${value}` !== 'false' && ((includeZero && value !== 0) || !includeZero);
@@ -9992,6 +10001,25 @@ 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) {
+    const { field, showRowGroup, pivotValueColumn } = colDef;
+    return pivotValueColumn ? pivotValueColumn.getColId() : field || showRowGroup;
+}
+function tryParsePivotValue(str) {
+    let value;
+    try {
+        value = JSON.parse(str);
+    }
+    catch (e) {
+        // Do nothing
+    }
+    return value;
+}
 
 let GridQuery = class GridQuery extends Query {
     constructor(store) {
@@ -10038,7 +10066,7 @@ let GridQuery = class GridQuery extends Query {
     }
     getCurrentGridSettings() {
         const toColId = column => column.getColId();
-        const { columns, grid } = this.api;
+        const { columns } = this.api;
         const groupedColumns = columns.getRowGroupColumns();
         const columnsOrder = columns.getAllColumns();
         const allGridColumns = columns.getAllGridColumns();
@@ -10048,7 +10076,7 @@ let GridQuery = class GridQuery extends Query {
         const storeSettings = this.getValue().settings;
         const settings = {
             gridAlignment: storeSettings.gridAlignment,
-            sort: grid.getSortModel().pop(),
+            sort: this.getSort(),
             hiddenColumns,
             groupedColumns: groupedColumns.map(toColId),
             filter: this.getFilter(),
@@ -10062,6 +10090,28 @@ let GridQuery = class GridQuery extends Query {
         }
         return settings;
     }
+    getSort() {
+        if (this.gridRef.gridOptions.pivotMode) {
+            const { sort, colId } = this.api.grid.getSortModel().pop() || {};
+            const column = this.api.columns.getColumn(colId);
+            const pivotedColumn = this.getSecondaryColumn(colId);
+            if (pivotedColumn) {
+                const uniquePivotParents = uniq(this.api.columns.getSecondaryColumns().map(column => column.getParent()));
+                const secondaryColumn = this.getSecondaryColumn(pivotedColumn.getColId());
+                const pivotColIndex = uniquePivotParents.indexOf(secondaryColumn.getParent());
+                return { colId: getColField(pivotedColumn.getColDef()), sort, pivotColIndex };
+            }
+            else if (column) {
+                return { colId: getColField(column.getColDef()), sort };
+            }
+        }
+        else {
+            return this.api.grid.getSortModel().pop();
+        }
+    }
+    selectSort() {
+        return this.select(state => state.settings.sort);
+    }
     /* @internal */
     _setApi(api, gridRef) {
         this.api = api;
@@ -10078,6 +10128,20 @@ let GridQuery = class GridQuery extends Query {
     getFilter() {
         return this.getValue().settings.filter;
     }
+    selectFilter() {
+        return this.select(state => state.settings.filter);
+    }
+    filterChanged() {
+        return this.selectFilter().pipe(map$1(filter => {
+            return Object.keys(filter).reduce((filters, field) => {
+                const datoFilter = filter[field];
+                if (datoFilter) {
+                    filters.push({ colId: datoFilter.colId, field, filter: datoFilter });
+                }
+                return filters;
+            }, []);
+        }));
+    }
     getSearchTerm() {
         return this.getValue().settings.searchTerm;
     }
@@ -10132,9 +10196,16 @@ let GridQuery = class GridQuery extends Query {
     getAllDisplayedColumns() {
         return this.filterCheckboxSelectionColumn(this.api.columns.getAllDisplayedColumns());
     }
+    getAllPivotColumns() {
+        return this.getAllColumns().filter(column => column.isPivotActive());
+    }
     selectIsSelectAllRowsEnabled() {
         return this.select(state => state.serverSidePagination.selectAllRowsEnabled);
     }
+    getSecondaryColumn(colId) {
+        const secondaryColumns = this.api.columns.getSecondaryColumns();
+        return secondaryColumns && secondaryColumns.find(col => col.getColId() === colId);
+    }
     filterCheckboxSelectionColumn(columns) {
         return columns.filter((column) => !column.getUserProvidedColDef() || !column.getUserProvidedColDef().checkboxSelection);
     }
@@ -10224,7 +10295,7 @@ var OperatorTypes;
 
 function validateStringCondition(rowValue, { condition, value: filterValue }) {
     const filterTextLowerCase = filterValue ? filterValue.toLowerCase() : '';
-    const valueLowerCase = rowValue ? rowValue.toLowerCase() : '';
+    const valueLowerCase = rowValue ? `${rowValue}`.toLowerCase() : '';
     switch (condition) {
         case DatoFilterConditions.EQUALS:
             return valueLowerCase === filterTextLowerCase;
@@ -10306,8 +10377,13 @@ function validateFilter({ row, api }, activeFilters) {
         const orderedFilters = Object.keys(activeFilters);
         for (const filter of orderedFilters) {
             let filterPasses = true;
-            const { byValue, conditional } = activeFilters[filter];
+            const { byValue, conditional, pivotKeys } = activeFilters[filter];
+            const currentRowPivotKeys = row.parent.childrenMapped && getRowPivotKeys(row.parent.childrenMapped);
             const rowValue = api.getValue(filter, row);
+            /** If value is under a pivoted column but doesn't match the filter pivot */
+            if (pivotKeys && pivotKeys.length > 0 && !isArrayValuesEqual(pivotKeys, currentRowPivotKeys)) {
+                return true;
+            }
             if (conditional) {
                 const { operator, conditions, type } = conditional;
                 const conditionsRelation = operator === OperatorTypes.AND ? 'every' : 'some';
@@ -10324,6 +10400,17 @@ function validateFilter({ row, api }, activeFilters) {
     }
     return true;
 }
+/**
+ * Get pivot keys from a row parent
+ */
+function getRowPivotKeys(childrenMapped, keys = []) {
+    const key = Object.keys(childrenMapped)[0];
+    const parsedKey = tryParsePivotValue(key);
+    if (parsedKey) {
+        keys = getRowPivotKeys(childrenMapped[key], [...keys, parsedKey.value]);
+    }
+    return keys;
+}
 
 var GridActionType;
 (function (GridActionType) {
@@ -11113,15 +11200,20 @@ let DatoGridFilterComponent = class DatoGridFilterComponent {
         return this.filterForm.get('conditional.conditions');
     }
     get colFilter() {
-        return this.gridQuery.getFilter()[this.colField];
+        const filter = this.gridQuery.getFilter()[this.colField];
+        return filter && isArrayValuesEqual(this.pivotKeys, filter.pivotKeys) ? filter : null;
     }
     get colDef() {
         return this.popover.data.column.getColDef();
     }
+    get pivotKeys() {
+        return this.colDef.pivotKeys || [];
+    }
     ngOnInit() {
         const { gridService, gridQuery } = this.popover.data;
-        const { field, filter, filtersConfig = {} } = this.colDef;
-        this.colField = field;
+        const { filter, filtersConfig = {}, pivotValueColumn, pivotKeys } = this.colDef;
+        this.colField = getColField(this.colDef);
+        this.pivotColumn = gridQuery.api.columns.getSecondaryPivotColumn(pivotKeys, pivotValueColumn);
         if (filtersConfig.sections) {
             this.filterSections = { [filtersConfig.sections]: true };
         }
@@ -11133,7 +11225,11 @@ let DatoGridFilterComponent = class DatoGridFilterComponent {
         this.listSortByKey = this.filterType === DatoGridFilterTypes.Number && this.colDef.valueFormatter ? 'id' : 'label';
         this.gridQuery = gridQuery;
         this.gridService = gridService;
-        this.hasFilter$ = this.gridQuery.select(state => state.settings.filter[field]).pipe(map$1(filter => !isNil(filter)));
+        this.hasFilter$ = this.gridQuery
+            .select(state => state.settings.filter[this.colField])
+            .pipe(map$1(filter => {
+            return !isNil(filter) && isArrayValuesEqual(filter.pivotKeys, this.pivotKeys);
+        }));
         if (this.filterSections.Conditional) {
             let filterConditions = filterOptions || DatoGridStringFilterOptions;
             if (filtersConfig.showEmptyConditions) {
@@ -11196,6 +11292,7 @@ let DatoGridFilterComponent = class DatoGridFilterComponent {
             isEmpty(filter)
                 ? this.gridService.clearColumnFilter(this.colField)
                 : this.gridService.setColumnFilter(column, filter);
+            this.gridService.notifyFilterUpdate();
         }
     }
     clearFilters() {
@@ -11240,7 +11337,14 @@ let DatoGridFilterComponent = class DatoGridFilterComponent {
     }
     buildFilter() {
         const { byValue, conditional } = this.filterForm.value;
-        const filter = {};
+        const filter = { colId: this.colDef.colId };
+        filter.pivotKeys = this.pivotKeys;
+        if (this.pivotColumn) {
+            filter.pivotFieldsMap = this.getPivotFields(this.pivotColumn.getParent()).reduce((fieldMap, field, index) => {
+                fieldMap[field] = this.pivotKeys[index];
+                return fieldMap;
+            }, {});
+        }
         if (this.filterSections.Conditional) {
             this.setConditionalFilter(filter, conditional);
         }
@@ -11547,6 +11651,18 @@ let DatoGridFilterComponent = class DatoGridFilterComponent {
     getNonExcludedValues(data) {
         return data.filter(v => !this.excludedValues.has(v));
     }
+    /**
+     * Get pivot dimensions as defined in the parent group column header class.
+     */
+    getPivotFields(parent, fields = []) {
+        const grandParent = parent.getParent();
+        const headerClass = parent.getOriginalColumnGroup().getColGroupDef().headerClass;
+        if (grandParent) {
+            this.getPivotFields(grandParent, fields);
+        }
+        headerClass && fields.push(headerClass[0]);
+        return fields;
+    }
 };
 DatoGridFilterComponent.ctorParameters = () => [
     { type: ElementRef },
@@ -11629,10 +11745,9 @@ let DatoGridColumnHeaderComponent = class DatoGridColumnHeaderComponent {
         const 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,
@@ -11644,7 +11759,10 @@ let DatoGridColumnHeaderComponent = class DatoGridColumnHeaderComponent {
         this.customTemplates = gridService.getCustomHeader(this.field);
         this.filterActive$ = gridQuery
             .select(state => state.settings.filter[this.field])
-            .pipe(map$1(filter => size(filter) > 0));
+            .pipe(map$1(filter => {
+            const isPivotColumnMatchFilter = filter && isArrayValuesEqual(filter.pivotKeys, colDef.pivotKeys);
+            return size(filter) > 0 && isPivotColumnMatchFilter;
+        }));
         if (this.params.enableSorting) {
             fromEvent(this.host.nativeElement, 'click')
                 .pipe(untilDestroyed(this))
@@ -11704,9 +11822,6 @@ let DatoGridColumnHeaderComponent = class DatoGridColumnHeaderComponent {
         });
     }
     ngOnDestroy() { }
-    get groupField() {
-        return this.column.getColDef().showRowGroup;
-    }
 };
 DatoGridColumnHeaderComponent.ctorParameters = () => [
     { type: ViewContainerRef },
@@ -12180,8 +12295,8 @@ let GridService = class GridService {
         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';
     }
     set treeData(isTreeData) {
@@ -12238,6 +12353,9 @@ let GridService = class GridService {
                 const treeDate = convertToTreeData(data, this.treeConfig);
                 this.api.grid.setRowData(treeDate);
             }
+            else if (this.isPivotMode) {
+                this.setPivotModeRows(data);
+            }
             else {
                 this.api.grid.setRowData(data);
             }
@@ -12349,6 +12467,12 @@ let GridService = class GridService {
         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;
     }
     normalizeColumns(colDefs, gridOptions = null) {
@@ -12510,18 +12634,37 @@ let GridService = class GridService {
         });
         this.notifyFilterUpdate();
     }
-    setColumnFilter(column, filter) {
+    setColumnFilter(column, filter, notifyGrid = true) {
         this._logEvent("Grids - Filter Applied" /* GRID_FILTER_APPLIED */, {
             column: column.getColId(),
             numOfConditions: (filter.conditional && filter.conditional.conditions.length) || 0,
             byValue: !!filter.byValue ? 'Yes' : 'No'
         });
+        this.updateFilter(column, filter);
+        if (notifyGrid) {
+            this.notifyFilterUpdate();
+        }
+    }
+    setGridFilters(filters) {
+        for (const { colId, filter } of filters) {
+            const column = this.api.columns.getColumn(colId);
+            if (column) {
+                this.setColumnFilter(column, filter);
+            }
+            else {
+                const pivotColumn = this.gridQuery.getSecondaryColumn(colId);
+                this.setColumnFilter(pivotColumn, filter);
+            }
+        }
+        this.notifyFilterUpdate();
+    }
+    updateFilter(column, filter) {
+        const colField = getColField(column.getColDef());
         this.store.update(state => {
             return {
-                settings: Object.assign(Object.assign({}, state.settings), { filter: Object.assign(Object.assign({}, state.settings.filter), { [column.getColDef().field]: filter }) })
+                settings: Object.assign(Object.assign({}, state.settings), { filter: Object.assign(Object.assign({}, state.settings.filter), { [colField]: filter }) })
             };
         });
-        this.notifyFilterUpdate();
     }
     setSearchTerm(searchTerm) {
         this.store.update(state => {
@@ -12973,6 +13116,74 @@ let GridService = class GridService {
             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
+     */
+    initPivotSecondaryColsProcess({ gridOptions }) {
+        gridOptions.processSecondaryColDef = colDef => {
+            const api = colDef.headerComponentParams && colDef.headerComponentParams.gridQuery.api;
+            if (api) {
+                const valueColumns = colDef.headerComponentParams.gridQuery.api.columns.getValueColumns();
+                const originalColDef = valueColumns
+                    .map(({ userProvidedColDef }) => userProvidedColDef)
+                    .find(({ colId }) => colId === colDef.pivotValueColumn.getColId());
+                if (originalColDef) {
+                    colDef.filter = originalColDef.filter;
+                }
+            }
+            if (colDef.pivotKeys) {
+                colDef.pivotKeys = colDef.pivotKeys.map(key => {
+                    const parsedKey = tryParsePivotValue(key);
+                    return (parsedKey && parsedKey.value) || '';
+                });
+            }
+        };
+        gridOptions.processSecondaryColGroupDef = (colGroupDef) => {
+            if (colGroupDef.headerName) {
+                const parsedValue = tryParsePivotValue(colGroupDef.headerName);
+                if (parsedValue) {
+                    const { field, value } = parsedValue;
+                    colGroupDef.headerClass = [field];
+                    colGroupDef.headerName = value;
+                    if (colGroupDef.children && colGroupDef.children.length > 1) {
+                        colGroupDef.headerClass.push('group-pivot-cell');
+                    }
+                }
+            }
+            else if (colGroupDef.children) {
+                const [colChild] = colGroupDef.children;
+                const pivotTotalColumnIds = colChild && colChild.pivotTotalColumnIds;
+                if (pivotTotalColumnIds && pivotTotalColumnIds.length > 0) {
+                    colGroupDef.headerClass = ['total-pivot-cell'];
+                    colGroupDef.headerName = this.translate.transform('core.total');
+                }
+            }
+            else {
+                colGroupDef.headerClass = ['empty-pivot-header'];
+            }
+            if (colGroupDef.pivotKeys) {
+                colGroupDef.pivotKeys = colGroupDef.pivotKeys.map(key => {
+                    const parsedKey = tryParsePivotValue(key);
+                    return (parsedKey && parsedKey.value) || '';
+                });
+            }
+        };
+    }
+    setPivotModeRows(data) {
+        const pivotColumns = this.gridQuery.getAllPivotColumns();
+        const convertedData = data.map((currentValue, index) => {
+            const mappedValues = Object.assign({}, currentValue);
+            for (const col of pivotColumns) {
+                const field = col.getColDef().field;
+                const pivotValue = { field, value: currentValue[field] };
+                mappedValues[field] = JSON.stringify(pivotValue);
+            }
+            return mappedValues;
+        });
+        this.api.grid.setRowData(convertedData);
+    }
 };
 GridService.ctorParameters = () => [
     { type: GridStore },
@@ -13380,6 +13591,7 @@ let DatoGridControllerComponent = class DatoGridControllerComponent {
     set gridOptions(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);
@@ -13453,6 +13665,18 @@ let DatoGridControllerComponent = class DatoGridControllerComponent {
         const defaults = Object.assign(Object.assign(Object.assign({}, defaultGridOptions), (this.gridOptions.treeData ? defaultTreeOptions : {})), { icons: this.getGridIcons() });
         return deepmerge(defaults, normalized);
     }
+    setGridRows(data) {
+        this.gridService.setRows(data);
+    }
+    setGridFilters(filters) {
+        this.gridService.setGridFilters(filters);
+    }
+    onFilterChanged() {
+        return this.gridQuery.filterChanged();
+    }
+    onSortChanged() {
+        return this.gridQuery.selectSort();
+    }
     getGridIcons() {
         const moveColumnIcon = `<span class="da-grid-icon pointer d-flex column-move">${this.iconRegistry.getSvg('move-column')}</span>`;
         return {
@@ -13806,6 +14030,9 @@ let DatoGridV2Component = class DatoGridV2Component {
     get enableV2_1() {
         return this.gridOptions ? this.gridOptions.enableV2_1 : false;
     }
+    get isPivotMode() {
+        return this.gridOptions ? this.gridOptions.pivotMode : false;
+    }
 };
 DatoGridV2Component.ctorParameters = () => [
     { type: DatoGridControllerComponent },
@@ -13819,7 +14046,7 @@ __decorate([
 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}"]
@@ -14090,6 +14317,9 @@ let DatoGridPaginationV2Component = class DatoGridPaginationV2Component {
             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;
@@ -14124,7 +14354,10 @@ let DatoGridPaginationV2Component = class DatoGridPaginationV2Component {
             this.initPagination();
         });
         this.gridQuery.gridReady$
-            .pipe(tap(() => (this.gridApi = this.gridQuery.api.grid)), switchMap(() => {
+            .pipe(tap(() => {
+            this.gridApi = this.gridQuery.api.grid;
+            this.showBottomControls = this.gridQuery.getGridOptions().showBottomControls;
+        }), switchMap(() => {
             this.isServerSidePagination = this.gridQuery.isServerSide;
             return this.isServerSidePagination ? this.gridQuery.serverDataLoaded$ : this.gridQuery.rowDataChanged$;
         }), throttleTime(100), tapOnce(() => this.initPagination()), untilDestroyed(this))
@@ -14240,6 +14473,13 @@ let DatoGridPaginationV2Component = class DatoGridPaginationV2Component {
     trackByPage(index, page) {
         return page;
     }
+    toggleGroupsState() {
+        this.isExpanded ? this.gridApi.collapseAll() : this.gridApi.expandAll();
+        this.isExpanded = !this.isExpanded;
+    }
+    autoFitGrid(type) {
+        this.gridService.fitGrid(type);
+    }
     ngOnDestroy() { }
     /**
      * Sets the rows display string
@@ -14329,7 +14569,7 @@ DatoGridPaginationV2Component = __decorate([
     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}"]
     }),
@@ -22366,5 +22606,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, 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 };
 //# sourceMappingURL=datorama-core.js.map