@datorama/core 22.12.0 → 22.12.1-beta.1

package/bundle.scss

@@ -5206,7 +5206,7 @@ dato-list-v2 .checkmark {
     line-height: 19px;
 }
 
-.simple-bold, .dato-grid.pivot-mode .ag-header .ag-header-row .ag-header-group-cell .ag-header-group-cell-label span {
+.simple-bold, .dato-grid.pivot-style .ag-header .ag-header-row .ag-header-group-cell .ag-header-group-cell-label span {
     font-size: 14px;
     font-weight: 600;
     line-height: 19px;
@@ -6223,7 +6223,7 @@ dato-grid-header span {
     border-left: none;
 }
 
-.ag-dato-core .ag-row-hover, .ag-dato-core .dato-grid.pivot-mode .ag-row.ag-row-group.ag-row-hover .ag-cell.ag-cell-value, .dato-grid.pivot-mode .ag-row.ag-row-group.ag-row-hover .ag-dato-core .ag-cell.ag-cell-value {
+.ag-dato-core .ag-row-hover, .ag-dato-core .dato-grid.pivot-style .ag-row.ag-row-group.ag-row-hover .ag-cell.ag-cell-value, .dato-grid.pivot-style .ag-row.ag-row-group.ag-row-hover .ag-dato-core .ag-cell.ag-cell-value {
     background-color: themify(accent-100);
 }
 
@@ -11287,7 +11287,7 @@ dato-button-group.is-round-edges dato-button:last-of-type button {
     line-height: 19px;
 }
 
-.simple-bold, .dato-grid.pivot-mode .ag-header .ag-header-row .ag-header-group-cell .ag-header-group-cell-label span {
+.simple-bold, .dato-grid.pivot-style .ag-header .ag-header-row .ag-header-group-cell .ag-header-group-cell-label span {
     font-size: 14px;
     font-weight: 600;
     line-height: 19px;
@@ -11376,6 +11376,7 @@ dato-button-group.is-round-edges dato-button:last-of-type button {
 
 /* Header Theme */
 /* Row Theme */
+/* Row Group Theme */
 dato-input input {
     background-color: themify(primary-0);
     border: themify(primary-200) 1px solid;
@@ -12355,7 +12356,7 @@ dato-input input:disabled:hover {
     border-left: none;
 }
 
-.dato-grid .ag-row-hover, .dato-grid.pivot-mode .ag-row.ag-row-group.ag-row-hover .ag-cell.ag-cell-value {
+.dato-grid .ag-row-hover, .dato-grid.pivot-style .ag-row.ag-row-group.ag-row-hover .ag-cell.ag-cell-value {
     background-color: themify(accent-100);
 }
 
@@ -14060,38 +14061,19 @@ dato-input input:disabled:hover {
     fill: themify(accent-400);
 }
 
-.dato-grid:not(.pivot-mode) .ag-row {
+.dato-grid .ag-row {
     cursor: pointer;
 }
 
-.dato-grid:not(.pivot-mode) .ag-row.ag-row-group {
-    background-color: themify(primary-0);
-    border-bottom: solid 1px themify(primary-200);
-    height: 35px;
-}
-
-.dato-grid:not(.pivot-mode) .ag-row.ag-row-group span {
-    color: themify(primary-300);
-    font-weight: 600;
-}
-
-.dato-grid:not(.pivot-mode) .ag-row.ag-row-group:hover span {
-    color: themify(accent-400);
-}
-
-.dato-grid:not(.pivot-mode) .ag-row.ag-row-group:hover .da-grid-icon {
-    fill: themify(accent-400);
-}
-
-.dato-grid:not(.pivot-mode) .ag-row.ag-row-selected.ag-row-even {
+.dato-grid .ag-row.ag-row-selected.ag-row-even {
     background-color: themify(accent-180);
 }
 
-.dato-grid:not(.pivot-mode) .ag-row.actions-hovered:not(.ag-row-selected) {
+.dato-grid .ag-row.actions-hovered:not(.ag-row-selected) {
     background-color: themify(accent-100);
 }
 
-.dato-grid:not(.pivot-mode) .ag-cell .ag-selection-checkbox {
+.dato-grid .ag-cell .ag-selection-checkbox {
     display: block;
     position: relative;
     cursor: pointer;
@@ -14104,7 +14086,7 @@ dato-input input:disabled:hover {
     margin-top: -1px;
 }
 
-.dato-grid:not(.pivot-mode) .ag-cell .ag-selection-checkbox .ag-icon {
+.dato-grid .ag-cell .ag-selection-checkbox .ag-icon {
     height: 100%;
     width: 100%;
     border-radius: 2px;
@@ -14113,7 +14095,7 @@ dato-input input:disabled:hover {
     left: 0;
 }
 
-.dato-grid:not(.pivot-mode) .ag-cell .ag-selection-checkbox .ag-icon:after {
+.dato-grid .ag-cell .ag-selection-checkbox .ag-icon:after {
     content: "";
     position: absolute;
     display: none;
@@ -14127,52 +14109,52 @@ dato-input input:disabled:hover {
     box-sizing: border-box;
 }
 
-.dato-grid:not(.pivot-mode) .ag-cell .ag-selection-checkbox .ag-icon.ag-icon-checkbox-checked {
+.dato-grid .ag-cell .ag-selection-checkbox .ag-icon.ag-icon-checkbox-checked {
     background-color: themify(accent-400);
 }
 
-.dato-grid:not(.pivot-mode) .ag-cell .ag-selection-checkbox .ag-icon.ag-icon-checkbox-checked:hover {
+.dato-grid .ag-cell .ag-selection-checkbox .ag-icon.ag-icon-checkbox-checked:hover {
     background-color: themify(accent-500);
 }
 
-.dato-grid:not(.pivot-mode) .ag-cell .ag-selection-checkbox .ag-icon.ag-icon-checkbox-checked:active {
+.dato-grid .ag-cell .ag-selection-checkbox .ag-icon.ag-icon-checkbox-checked:active {
     background-color: themify(accent-600);
 }
 
-.dato-grid:not(.pivot-mode) .ag-cell .ag-selection-checkbox .ag-icon.ag-icon-checkbox-checked:after {
+.dato-grid .ag-cell .ag-selection-checkbox .ag-icon.ag-icon-checkbox-checked:after {
     display: block;
 }
 
-.dato-grid:not(.pivot-mode) .ag-cell .ag-selection-checkbox .ag-icon.ag-icon-checkbox-unchecked,
-.dato-grid:not(.pivot-mode) .ag-cell .ag-selection-checkbox .ag-icon.ag-icon-checkbox-indeterminate {
+.dato-grid .ag-cell .ag-selection-checkbox .ag-icon.ag-icon-checkbox-unchecked,
+.dato-grid .ag-cell .ag-selection-checkbox .ag-icon.ag-icon-checkbox-indeterminate {
     background-color: themify(primary-0);
     border: solid 1px themify(primary-300);
 }
 
-.dato-grid:not(.pivot-mode) .ag-cell .ag-selection-checkbox .ag-icon.ag-icon-checkbox-unchecked:hover,
-.dato-grid:not(.pivot-mode) .ag-cell .ag-selection-checkbox .ag-icon.ag-icon-checkbox-indeterminate:hover {
+.dato-grid .ag-cell .ag-selection-checkbox .ag-icon.ag-icon-checkbox-unchecked:hover,
+.dato-grid .ag-cell .ag-selection-checkbox .ag-icon.ag-icon-checkbox-indeterminate:hover {
     border-color: themify(accent-500);
 }
 
-.dato-grid:not(.pivot-mode) .ag-cell .ag-selection-checkbox .ag-icon.ag-icon-checkbox-unchecked:active,
-.dato-grid:not(.pivot-mode) .ag-cell .ag-selection-checkbox .ag-icon.ag-icon-checkbox-indeterminate:active {
+.dato-grid .ag-cell .ag-selection-checkbox .ag-icon.ag-icon-checkbox-unchecked:active,
+.dato-grid .ag-cell .ag-selection-checkbox .ag-icon.ag-icon-checkbox-indeterminate:active {
     border-color: themify(accent-600);
 }
 
-.dato-grid:not(.pivot-mode) .ag-cell .ag-selection-checkbox + span.ag-cell-value {
+.dato-grid .ag-cell .ag-selection-checkbox + span.ag-cell-value {
     display: inline;
     margin-left: 12px;
 }
 
-.dato-grid:not(.pivot-mode) .ag-cell .search-highlight {
+.dato-grid .ag-cell .search-highlight {
     background-color: #FDF2CF;
 }
 
-.dato-grid:not(.pivot-mode) .dato-editable-cell {
+.dato-grid .dato-editable-cell {
     padding: 2px 0;
 }
 
-.dato-grid:not(.pivot-mode) .dato-editable-cell .value-wrapper {
+.dato-grid .dato-editable-cell .value-wrapper {
     min-height: 31px;
     line-height: 29px;
     margin: 0 2px;
@@ -14181,69 +14163,69 @@ dato-input input:disabled:hover {
     border: 1px solid transparent;
 }
 
-.dato-grid:not(.pivot-mode) .dato-editable-cell:hover .value-wrapper {
+.dato-grid .dato-editable-cell:hover .value-wrapper {
     border-color: themify(accent-400);
 }
 
-.dato-grid:not(.pivot-mode) .dato-editable-cell.ag-cell-not-inline-editing {
+.dato-grid .dato-editable-cell.ag-cell-not-inline-editing {
     display: flex;
     align-items: center;
 }
 
-.dato-grid:not(.pivot-mode) .dato-editable-cell.ag-cell-not-inline-editing .ag-input-text-wrapper, .dato-grid:not(.pivot-mode) .dato-editable-cell.ag-cell-not-inline-editing > span {
+.dato-grid .dato-editable-cell.ag-cell-not-inline-editing .ag-input-text-wrapper, .dato-grid .dato-editable-cell.ag-cell-not-inline-editing > span {
     width: 100%;
 }
 
-.dato-grid:not(.pivot-mode) .ag-cell-highlight {
+.dato-grid .ag-cell-highlight {
     background-color: transparent !important;
 }
 
-.dato-grid:not(.pivot-mode) .ag-cell-highlight-animation {
+.dato-grid .ag-cell-highlight-animation {
     transition: background-color 1s;
 }
 
-.dato-grid:not(.pivot-mode) .ag-row-drag {
+.dato-grid .ag-row-drag {
     background-position-y: center;
 }
 
-.dato-grid:not(.pivot-mode) .ag-column-drag {
+.dato-grid .ag-column-drag {
     background-position-y: center;
 }
 
-.dato-grid:not(.pivot-mode) .ag-cell-range-selected-1:not(.ag-cell-focus) {
+.dato-grid .ag-cell-range-selected-1:not(.ag-cell-focus) {
     background-color: rgba(120, 120, 120, 0.4);
 }
 
-.dato-grid:not(.pivot-mode) .ag-cell-range-selected-2:not(.ag-cell-focus) {
+.dato-grid .ag-cell-range-selected-2:not(.ag-cell-focus) {
     background-color: rgba(110, 110, 110, 0.4);
 }
 
-.dato-grid:not(.pivot-mode) .ag-cell-range-selected-3:not(.ag-cell-focus) {
+.dato-grid .ag-cell-range-selected-3:not(.ag-cell-focus) {
     background-color: rgba(100, 100, 100, 0.4);
 }
 
-.dato-grid:not(.pivot-mode) .ag-cell-range-selected-4:not(.ag-cell-focus) {
+.dato-grid .ag-cell-range-selected-4:not(.ag-cell-focus) {
     background-color: rgba(89, 89, 89, 0.4);
 }
 
-.dato-grid:not(.pivot-mode) .ag-ltr .ag-has-focus .ag-cell-focus {
+.dato-grid .ag-ltr .ag-has-focus .ag-cell-focus {
     border-color: transparent;
 }
 
-.dato-grid:not(.pivot-mode) .ag-row.ag-row-even .ag-cell-inline-editing {
+.dato-grid .ag-row.ag-row-even .ag-cell-inline-editing {
     background-color: themify(accent-180);
 }
 
-.dato-grid:not(.pivot-mode) .ag-row.ag-row-odd .ag-cell-inline-editing {
+.dato-grid .ag-row.ag-row-odd .ag-cell-inline-editing {
     background-color: themify(accent-200);
 }
 
-.dato-grid:not(.pivot-mode) .ag-cell.ag-cell-inline-editing {
+.dato-grid .ag-cell.ag-cell-inline-editing {
     box-shadow: none;
     padding: 0 2px;
 }
 
-.dato-grid:not(.pivot-mode) .ag-cell.ag-cell-inline-editing input.ag-cell-edit-input[type] {
+.dato-grid .ag-cell.ag-cell-inline-editing input.ag-cell-edit-input[type] {
     height: 30px;
     min-height: 30px;
     line-height: 30px;
@@ -14256,107 +14238,126 @@ dato-input input:disabled:hover {
     color: themify(primary-600);
 }
 
-.dato-grid:not(.pivot-mode) .ag-cell.ag-cell-inline-editing input.ag-cell-edit-input[type].no-clear-btn {
+.dato-grid .ag-cell.ag-cell-inline-editing input.ag-cell-edit-input[type].no-clear-btn {
     padding-right: 10px;
 }
 
-.dato-grid:not(.pivot-mode) .ag-cell.ag-cell-inline-editing input.ag-cell-edit-input[type]:focus {
+.dato-grid .ag-cell.ag-cell-inline-editing input.ag-cell-edit-input[type]:focus {
     outline: none;
     box-shadow: none;
 }
 
-.dato-grid:not(.pivot-mode) .ag-cell.ag-cell-inline-editing input.ag-cell-edit-input[type]:hover {
+.dato-grid .ag-cell.ag-cell-inline-editing input.ag-cell-edit-input[type]:hover {
     transition: 0.3s all;
 }
 
-.dato-grid:not(.pivot-mode) .ag-cell.ag-cell-inline-editing input.ag-cell-edit-input[type]::-webkit-input-placeholder {
+.dato-grid .ag-cell.ag-cell-inline-editing input.ag-cell-edit-input[type]::-webkit-input-placeholder {
     color: themify(primary-300);
 }
 
-.dato-grid:not(.pivot-mode) .ag-cell.ag-cell-inline-editing input.ag-cell-edit-input[type]:-moz-placeholder {
+.dato-grid .ag-cell.ag-cell-inline-editing input.ag-cell-edit-input[type]:-moz-placeholder {
     color: themify(primary-300);
 }
 
-.dato-grid:not(.pivot-mode) .ag-cell.ag-cell-inline-editing input.ag-cell-edit-input[type]::-moz-placeholder {
+.dato-grid .ag-cell.ag-cell-inline-editing input.ag-cell-edit-input[type]::-moz-placeholder {
     color: themify(primary-300);
 }
 
-.dato-grid:not(.pivot-mode) .ag-cell.ag-cell-inline-editing input.ag-cell-edit-input[type]:-ms-input-placeholder {
+.dato-grid .ag-cell.ag-cell-inline-editing input.ag-cell-edit-input[type]:-ms-input-placeholder {
     color: themify(primary-300);
 }
 
-.dato-grid:not(.pivot-mode) .ag-cell.ag-cell-inline-editing input.ag-cell-edit-input[type]:hover {
+.dato-grid .ag-cell.ag-cell-inline-editing input.ag-cell-edit-input[type]:hover {
     border-color: themify(primary-300);
 }
 
-.dato-grid:not(.pivot-mode) .ag-cell.ag-cell-inline-editing input.ag-cell-edit-input[type]:focus {
+.dato-grid .ag-cell.ag-cell-inline-editing input.ag-cell-edit-input[type]:focus {
     border-color: themify(accent-400) !important;
 }
 
-.dato-grid:not(.pivot-mode) .ag-cell.ag-cell-inline-editing input.ag-cell-edit-input[type][disabled] {
+.dato-grid .ag-cell.ag-cell-inline-editing input.ag-cell-edit-input[type][disabled] {
     background-color: themify(primary-300, 0.1);
     cursor: not-allowed;
     border: 1px solid transparent;
     color: themify(primary-200);
 }
 
-.dato-grid:not(.pivot-mode) .ag-cell.ag-cell-inline-editing input.ag-cell-edit-input[type][disabled]:hover {
+.dato-grid .ag-cell.ag-cell-inline-editing input.ag-cell-edit-input[type][disabled]:hover {
     border: 1px solid transparent;
 }
 
-.dato-grid:not(.pivot-mode) .ag-cell.ag-cell-inline-editing input.ag-cell-edit-input[type][disabled] ~ dato-icon path {
+.dato-grid .ag-cell.ag-cell-inline-editing input.ag-cell-edit-input[type][disabled] ~ dato-icon path {
     fill: themify(primary-200);
 }
 
-.dato-grid:not(.pivot-mode) .ag-cell.ag-cell-inline-editing .ag-input-text-wrapper {
+.dato-grid .ag-cell.ag-cell-inline-editing .ag-input-text-wrapper {
     width: 100%;
 }
 
-.dato-grid.pivot-mode .ag-row.ag-row-group {
+.dato-grid:not(.pivot-style) .ag-row.ag-row-group {
+    background-color: themify(primary-0);
+    border-bottom: solid 1px themify(primary-200);
+    height: 35px;
+}
+
+.dato-grid:not(.pivot-style) .ag-row.ag-row-group span {
+    color: themify(primary-300);
+    font-weight: 600;
+}
+
+.dato-grid:not(.pivot-style) .ag-row.ag-row-group:hover span {
+    color: themify(accent-400);
+}
+
+.dato-grid:not(.pivot-style) .ag-row.ag-row-group:hover .da-grid-icon {
+    fill: themify(accent-400);
+}
+
+.dato-grid.pivot-style .ag-row.ag-row-group {
     /**
         Because in pivot mode we style the cells themselves,
         we need to reflect the hover state to those cells also
        */
 }
 
-.dato-grid.pivot-mode .ag-row.ag-row-group .bottom-border {
+.dato-grid.pivot-style .ag-row.ag-row-group .bottom-border {
     border-bottom: 1px solid themify(primary-200);
 }
 
-.dato-grid.pivot-mode .ag-row.ag-row-group:not(.ag-row-hover) {
+.dato-grid.pivot-style .ag-row.ag-row-group:not(.ag-row-hover) {
     background-color: themify(primary-50);
 }
 
-.dato-grid.pivot-mode .ag-cell {
+.dato-grid.pivot-style .ag-cell {
     color: themify(primary-500);
 }
 
-.dato-grid.pivot-mode .ag-cell .ag-row-group-leaf-indent {
+.dato-grid.pivot-style .ag-cell .ag-row-group-leaf-indent {
     margin: 0 !important;
 }
 
-.dato-grid.pivot-mode .ag-header .ag-header-row .ag-header-cell {
+.dato-grid.pivot-style .ag-header .ag-header-row .ag-header-cell {
     border: none;
 }
 
-.dato-grid.pivot-mode .ag-header .ag-header-row .ag-header-cell dato-grid-column-header {
+.dato-grid.pivot-style .ag-header .ag-header-row .ag-header-cell dato-grid-column-header {
     display: block;
     height: 100%;
 }
 
-.dato-grid.pivot-mode .ag-header .ag-header-row .ag-header-cell dato-grid-column-header > div {
+.dato-grid.pivot-style .ag-header .ag-header-row .ag-header-cell dato-grid-column-header > div {
     height: inherit;
 }
 
-.dato-grid.pivot-mode .ag-header .ag-header-row .ag-header-cell dato-grid-column-header > div span {
+.dato-grid.pivot-style .ag-header .ag-header-row .ag-header-cell dato-grid-column-header > div span {
     color: themify(primary-500);
 }
 
-.dato-grid.pivot-mode .ag-header .ag-header-row .ag-header-cell.top-border {
+.dato-grid.pivot-style .ag-header .ag-header-row .ag-header-cell.top-border {
     border-top: 1px solid themify(primary-200);
 }
 
-.dato-grid.pivot-mode .ag-header .ag-header-row .ag-header-cell-resize {
+.dato-grid.pivot-style .ag-header .ag-header-row .ag-header-cell-resize {
     height: 100%;
     margin: 0;
     padding: 0;
@@ -14364,31 +14365,31 @@ dato-input input:disabled:hover {
     border-right: 1px solid themify(primary-200);
 }
 
-.dato-grid.pivot-mode .ag-header .ag-header-row .ag-header-group-cell .ag-header-cell-resize {
+.dato-grid.pivot-style .ag-header .ag-header-row .ag-header-group-cell .ag-header-cell-resize {
     height: 100%;
     border: none;
 }
 
-.dato-grid.pivot-mode .ag-header .ag-header-row .ag-header-group-cell .ag-header-group-cell-label {
+.dato-grid.pivot-style .ag-header .ag-header-row .ag-header-group-cell .ag-header-group-cell-label {
     align-items: center;
 }
 
-.dato-grid.pivot-mode .ag-header .ag-header-row .ag-header-group-cell .ag-header-group-cell-label span {
+.dato-grid.pivot-style .ag-header .ag-header-row .ag-header-group-cell .ag-header-group-cell-label span {
     height: auto;
     color: themify(primary-500);
 }
 
-.dato-grid.pivot-mode .ag-header .ag-header-row .ag-header-group-cell.ag-header-group-cell-with-group {
+.dato-grid.pivot-style .ag-header .ag-header-row .ag-header-group-cell.ag-header-group-cell-with-group {
     border-top: 1px solid themify(primary-200);
     border-right: 1px solid themify(primary-200);
     background-color: themify(primary-100);
 }
 
-.dato-grid.pivot-mode .ag-header .ag-header-row .ag-header-group-cell.ag-header-group-cell-with-group.empty-pivot-header {
+.dato-grid.pivot-style .ag-header .ag-header-row .ag-header-group-cell.ag-header-group-cell-with-group.empty-pivot-header {
     display: none;
 }
 
-.dato-grid.pivot-mode .ag-header .ag-header-row .ag-header-group-cell.ag-header-group-cell-with-group.group-pivot-cell .ag-header-group-cell-label {
+.dato-grid.pivot-style .ag-header .ag-header-row .ag-header-group-cell.ag-header-group-cell-with-group.group-pivot-cell .ag-header-group-cell-label {
     justify-content: center;
 }
 
@@ -14412,6 +14413,7 @@ dato-grid-v2 ag-grid-angular .ag-floating-bottom {
 dato-grid-v2 ag-grid-angular .ag-floating-bottom .ag-row {
     background-color: themify(primary-0) !important;
     border: 1px solid themify(primary-200);
+    border-left: none;
 }
 
 dato-grid-v2 ag-grid-angular .ag-floating-bottom .ag-row .ag-cell {

package/bundles/datorama-core.umd.js

@@ -13736,7 +13736,7 @@
             type: exports.DatoGridColumnTypes.String,
             menuTabs: ['filterMenuTab'],
             headerComponentFramework: DatoGridColumnHeaderComponent
-        }, suppressCellSelection: true, suppressPropertyNamesCheck: true, rowHeight: 35, headerHeight: 30, rowSelection: exports.GridRowSelectionType.MULTIPLE, rowDeselection: true, unSortIcon: true, animateRows: true, rememberGroupStateWhenNewData: true, groupMultiAutoColumn: true, groupDefaultExpanded: -1 }, (isTestEnv() ? { suppressColumnVirtualisation: true, rowBuffer: 99999 } : {}));
+        }, suppressCellSelection: true, suppressPropertyNamesCheck: true, rowHeight: 35, headerHeight: 30, rowSelection: exports.GridRowSelectionType.MULTIPLE, rowDeselection: true, unSortIcon: true, animateRows: true, rememberGroupStateWhenNewData: true, groupMultiAutoColumn: true, groupDefaultExpanded: -1, pivotGridStyle: false }, (isTestEnv() ? { suppressColumnVirtualisation: true, rowBuffer: 99999 } : {}));
     var DEFAULT_GRID_SEARCH_DEBOUNCE_TIME = {
         CLIENT: 200,
         SERVER: 250
@@ -14353,9 +14353,17 @@
             /** Add pivot specific required settings */
             if (params.gridOptions.pivotMode) {
                 this.initPivotSecondaryColsProcess(params);
-                params.gridOptions.enableV2_1 = true;
                 params.gridOptions.saveSettings = false;
-                params.gridOptions.defaultColDef = __assign(__assign({}, params.gridOptions.defaultColDef), { cellClass: this.getPivotCellClass.bind(this), headerClass: this.getPivotHeaderClass.bind(this) });
+            }
+            if (params.gridOptions.pivotGridStyle) {
+                params.gridOptions.rowHeight = 30;
+                params.gridOptions.defaultColDef = __assign(__assign({}, params.gridOptions.defaultColDef), { cellClass: this.getPivotCellClass.bind(this), headerClass: this.getPivotHeaderClass.bind(this), cellStyle: function (params) {
+                        var style = { lineHeight: '30px' };
+                        if (params.colDef.type === exports.DatoGridColumnTypes.Number) {
+                            style.textAlign = 'end';
+                        }
+                        return style;
+                    } });
                 params.gridOptions.autoGroupColumnDef = __assign(__assign({}, params.gridOptions.autoGroupColumnDef), { cellClass: this.getPivotCellClass.bind(this), headerClass: this.getPivotHeaderClass.bind(this) });
             }
             return params.gridOptions;
@@ -14388,11 +14396,11 @@
                     if (leafGroup) {
                         if (childIndex % 2 === 0) {
                             /** If row is even */
-                            cellClass += ' primary-0-background-color';
+                            cellClass += 'primary-0-background-color';
                         }
                     }
                     else {
-                        cellClass += 'bottom-border primary-100-background-color pointer dato-simple-bold';
+                        cellClass += 'primary-100-background-color pointer dato-simple-bold';
                     }
                 }
             }
@@ -16188,9 +16196,9 @@
             enumerable: true,
             configurable: true
         });
-        Object.defineProperty(DatoGridV2Component.prototype, "isPivotMode", {
+        Object.defineProperty(DatoGridV2Component.prototype, "isPivotStyle", {
             get: function () {
-                return this.gridOptions ? this.gridOptions.pivotMode : false;
+                return this.gridOptions ? this.gridOptions.pivotGridStyle : false;
             },
             enumerable: true,
             configurable: true
@@ -16207,7 +16215,7 @@
         DatoGridV2Component = __decorate([
             core.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\" [class.pivot-mode]=\"isPivotMode\">\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-style]=\"isPivotStyle\">\n</ag-grid-angular>\n<dato-grid-pagination-v2 [class.has-background]=\"enableBackground\"></dato-grid-pagination-v2>\n",
                 changeDetection: core.ChangeDetectionStrategy.OnPush,
                 encapsulation: core.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}dato-grid-v2 .ag-overlay-wrapper ng-component{display:flex}.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}"]