@syncfusion/ej2-angular-grids 23.1.43 → 23.1.44-ngcc

package/styles/material-dark.css

@@ -1742,9 +1742,8 @@ li.e-separator.e-menu-item.e-excel-separator {
   display: none;
 }
 .e-grid .e-groupdroparea.e-group-animate.e-grouped {
-  overflow: hidden;
-  padding: 0;
-  height: 48px;
+  padding: 0 12px 0;
+  height: auto;
   border-bottom-width: 0;
 }
 .e-grid.e-rtl .e-group-animator {
@@ -1758,12 +1757,6 @@ li.e-separator.e-menu-item.e-excel-separator {
   transform: rotate(180deg);
   margin-top: 16px;
 }
-.e-grid.e-rtl .e-group-animator:first-child .e-groupheadercell {
-  margin: 12px 16px 12px 0;
-}
-.e-grid .e-group-animator:first-child .e-groupheadercell {
-  margin: 12px 0 12px 16px;
-}
 .e-grid .e-group-animate.e-groupdroparea .e-nextgroup {
   margin-top: 9px;
 }
@@ -2216,7 +2209,7 @@ li.e-separator.e-menu-item.e-excel-separator {
 .e-grid.e-default.e-verticallines tr th:first-child:not(.e-firstcell) {
   border-left-width: 0;
 }
-.e-grid.e-default.e-bothlines .e-headercell, .e-grid.e-default.e-bothlines .e-detailheadercell {
+.e-grid:not(.sf-grid).e-default.e-bothlines .e-headercell, .e-grid:not(.sf-grid).e-default.e-bothlines .e-detailheadercell {
   border-width: 0 0 0 1px;
 }
 .e-grid:not(.sf-grid).e-default table th[rowspan] {
@@ -2694,7 +2687,7 @@ li.e-separator.e-menu-item.e-excel-separator {
   border-left-style: solid;
   border-left-width: 1px;
 }
-.e-grid.e-bothlines .e-gridheader th.e-stackedheadercell {
+.e-grid:not(.sf-grid).e-bothlines .e-gridheader th.e-stackedheadercell {
   border-bottom-style: solid;
   border-bottom-width: 1px;
   border-left-style: solid;
@@ -2775,7 +2768,7 @@ li.e-separator.e-menu-item.e-excel-separator {
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
-  width: 57px;
+  width: auto;
 }
 .e-grid .e-grid-icon {
   float: left;
@@ -3574,7 +3567,7 @@ li.e-separator.e-menu-item.e-excel-separator {
   margin-right: 6px;
   padding-top: 0;
 }
-.e-grid.e-rtl.e-default.e-bothlines .e-headercell, .e-grid.e-rtl.e-default.e-bothlines .e-detailheadercell {
+.e-grid.e-rtl:not(.sf-grid).e-default.e-bothlines .e-headercell, .e-grid.e-rtl:not(.sf-grid).e-default.e-bothlines .e-detailheadercell {
   border-width: 0 0 0 1px;
 }
 .e-grid.e-rtl.e-default.e-bothlines .e-dragheadercell, .e-grid.e-rtl.e-default.e-bothlines .e-rowdragheader, .e-grid.e-rtl.e-default.e-bothlines .e-cloneproperties.e-draganddrop td.e-rowdragdrop, .e-grid.e-rtl.e-default.e-verticallines .e-cloneproperties.e-draganddrop td.e-rowdragdrop {
@@ -3589,7 +3582,7 @@ li.e-separator.e-menu-item.e-excel-separator {
   border-left: 1px solid;
   border-right: 0;
 }
-.e-grid.e-rtl.e-bothlines .e-gridheader th.e-stackedheadercell {
+.e-grid.e-rtl:not(.sf-grid).e-bothlines .e-gridheader th.e-stackedheadercell {
   border-bottom-style: solid;
   border-bottom-width: 1px;
 }
@@ -3938,6 +3931,13 @@ li.e-separator.e-menu-item.e-excel-separator {
 .e-grid.sf-grid.e-resize-lines.e-rtl.e-default table th:not([rowspan="1"]) {
   border-right: 0;
 }
+.e-grid.sf-grid.e-rtl.e-bothlines .e-gridheader th.e-stackedheadercell {
+  border-bottom-style: solid;
+  border-bottom-width: 1px;
+}
+.e-grid.sf-grid.e-rtl.e-default.e-bothlines .e-headercell, .e-grid.sf-grid.e-rtl.e-default.e-bothlines .e-detailheadercell {
+  border-width: 0 0 0 1px;
+}
 .e-grid.sf-grid .e-bigger .e-grid.sf-grid.e-grid.sf-grid .e-gridheader table th:not([rowspan="1"]), .e-grid.sf-grid .e-bigger .e-grid.sf-grid.e-grid.sf-grid.e-device .e-gridheader table th:not([rowspan="1"]),
 .e-grid.sf-grid .e-grid.sf-grid.e-grid.sf-grid.e-bigger .e-gridheader table th:not([rowspan="1"]),
 .e-grid.sf-grid .e-grid.sf-grid.e-grid.sf-grid.e-bigger.e-device .e-gridheader table th:not([rowspan="1"]) {

package/styles/material.css

@@ -1784,9 +1784,8 @@ li.e-separator.e-menu-item.e-excel-separator {
   display: none;
 }
 .e-grid .e-groupdroparea.e-group-animate.e-grouped {
-  overflow: hidden;
-  padding: 0;
-  height: 48px;
+  padding: 0 12px 0;
+  height: auto;
   border-bottom-width: 0;
 }
 .e-grid.e-rtl .e-group-animator {
@@ -1800,12 +1799,6 @@ li.e-separator.e-menu-item.e-excel-separator {
   transform: rotate(180deg);
   margin-top: 16px;
 }
-.e-grid.e-rtl .e-group-animator:first-child .e-groupheadercell {
-  margin: 12px 16px 12px 0;
-}
-.e-grid .e-group-animator:first-child .e-groupheadercell {
-  margin: 12px 0 12px 16px;
-}
 .e-grid .e-group-animate.e-groupdroparea .e-nextgroup {
   margin-top: 9px;
 }
@@ -2258,7 +2251,7 @@ li.e-separator.e-menu-item.e-excel-separator {
 .e-grid.e-default.e-verticallines tr th:first-child:not(.e-firstcell) {
   border-left-width: 0;
 }
-.e-grid.e-default.e-bothlines .e-headercell, .e-grid.e-default.e-bothlines .e-detailheadercell {
+.e-grid:not(.sf-grid).e-default.e-bothlines .e-headercell, .e-grid:not(.sf-grid).e-default.e-bothlines .e-detailheadercell {
   border-width: 0 0 0 1px;
 }
 .e-grid:not(.sf-grid).e-default table th[rowspan] {
@@ -2736,7 +2729,7 @@ li.e-separator.e-menu-item.e-excel-separator {
   border-left-style: solid;
   border-left-width: 1px;
 }
-.e-grid.e-bothlines .e-gridheader th.e-stackedheadercell {
+.e-grid:not(.sf-grid).e-bothlines .e-gridheader th.e-stackedheadercell {
   border-bottom-style: solid;
   border-bottom-width: 1px;
   border-left-style: solid;
@@ -2817,7 +2810,7 @@ li.e-separator.e-menu-item.e-excel-separator {
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
-  width: 57px;
+  width: auto;
 }
 .e-grid .e-grid-icon {
   float: left;
@@ -3616,7 +3609,7 @@ li.e-separator.e-menu-item.e-excel-separator {
   margin-right: 6px;
   padding-top: 0;
 }
-.e-grid.e-rtl.e-default.e-bothlines .e-headercell, .e-grid.e-rtl.e-default.e-bothlines .e-detailheadercell {
+.e-grid.e-rtl:not(.sf-grid).e-default.e-bothlines .e-headercell, .e-grid.e-rtl:not(.sf-grid).e-default.e-bothlines .e-detailheadercell {
   border-width: 0 0 0 1px;
 }
 .e-grid.e-rtl.e-default.e-bothlines .e-dragheadercell, .e-grid.e-rtl.e-default.e-bothlines .e-rowdragheader, .e-grid.e-rtl.e-default.e-bothlines .e-cloneproperties.e-draganddrop td.e-rowdragdrop, .e-grid.e-rtl.e-default.e-verticallines .e-cloneproperties.e-draganddrop td.e-rowdragdrop {
@@ -3631,7 +3624,7 @@ li.e-separator.e-menu-item.e-excel-separator {
   border-left: 1px solid;
   border-right: 0;
 }
-.e-grid.e-rtl.e-bothlines .e-gridheader th.e-stackedheadercell {
+.e-grid.e-rtl:not(.sf-grid).e-bothlines .e-gridheader th.e-stackedheadercell {
   border-bottom-style: solid;
   border-bottom-width: 1px;
 }
@@ -3980,6 +3973,13 @@ li.e-separator.e-menu-item.e-excel-separator {
 .e-grid.sf-grid.e-resize-lines.e-rtl.e-default table th:not([rowspan="1"]) {
   border-right: 0;
 }
+.e-grid.sf-grid.e-rtl.e-bothlines .e-gridheader th.e-stackedheadercell {
+  border-bottom-style: solid;
+  border-bottom-width: 1px;
+}
+.e-grid.sf-grid.e-rtl.e-default.e-bothlines .e-headercell, .e-grid.sf-grid.e-rtl.e-default.e-bothlines .e-detailheadercell {
+  border-width: 0 0 0 1px;
+}
 .e-grid.sf-grid .e-bigger .e-grid.sf-grid.e-grid.sf-grid .e-gridheader table th:not([rowspan="1"]), .e-grid.sf-grid .e-bigger .e-grid.sf-grid.e-grid.sf-grid.e-device .e-gridheader table th:not([rowspan="1"]),
 .e-grid.sf-grid .e-grid.sf-grid.e-grid.sf-grid.e-bigger .e-gridheader table th:not([rowspan="1"]),
 .e-grid.sf-grid .e-grid.sf-grid.e-grid.sf-grid.e-bigger.e-device .e-gridheader table th:not([rowspan="1"]) {

package/styles/material3-dark.css

@@ -669,6 +669,61 @@ li.e-separator.e-menu-item.e-excel-separator {
   border-color: rgba(var(--color-sf-primary));
 }
 
+:root {
+  --color-sf-black: 0, 0, 0;
+  --color-sf-white: 255, 255, 255;
+  --color-sf-primary: 208, 188, 255;
+  --color-sf-primary-container: 79, 55, 139;
+  --color-sf-secondary: 204, 194, 220;
+  --color-sf-secondary-container: 74, 68, 88;
+  --color-sf-tertiary: 239, 184, 200;
+  --color-sf-tertiary-container: 99, 59, 72;
+  --color-sf-surface: 28, 27, 31;
+  --color-sf-surface-variant: 73, 69, 79;
+  --color-sf-background: var(--color-sf-surface);
+  --color-sf-on-primary: 55, 30, 115;
+  --color-sf-on-primary-container: 234, 221, 255;
+  --color-sf-on-secondary: 51, 45, 65;
+  --color-sf-on-secondary-container: 232, 222, 248;
+  --color-sf-on-tertiary: 73, 37, 50;
+  --color-sf-on-tertiary-containe: 255, 216, 228;
+  --color-sf-on-surface: 230, 225, 229;
+  --color-sf-on-surface-variant: 202, 196, 208;
+  --color-sf-on-background: 230, 225, 229;
+  --color-sf-outline: 147, 143, 153;
+  --color-sf-outline-variant: 68, 71, 70;
+  --color-sf-shadow: 0, 0, 0;
+  --color-sf-surface-tint-color: 208, 188, 255;
+  --color-sf-inverse-surface: 230, 225, 229;
+  --color-sf-inverse-on-surface: 49, 48, 51;
+  --color-sf-inverse-primary: 103, 80, 164;
+  --color-sf-scrim: 0, 0, 0;
+  --color-sf-error: 242, 184, 181;
+  --color-sf-error-container: 140, 29, 24;
+  --color-sf-on-error: 96, 20, 16;
+  --color-sf-on-error-container: 249, 222, 220;
+  --color-sf-success: 83, 202, 23;
+  --color-sf-success-container: 22, 62, 2;
+  --color-sf-on-success: 13, 39, 0;
+  --color-sf-on-success-container: 183, 250, 150;
+  --color-sf-info: 71, 172, 251;
+  --color-sf-info-container: 0, 67, 120;
+  --color-sf-on-info: 0, 51, 91;
+  --color-sf-on-info-container: 173, 219, 255;
+  --color-sf-warning: 245, 180, 130;
+  --color-sf-warning-container: 123, 65, 0;
+  --color-sf-on-warning: 99, 52, 0;
+  --color-sf-on-warning-container: 255, 220, 193;
+  --color-sf-spreadsheet-gridline: 231, 224, 236;
+  --color-sf-shadow-focus-ring1: 0 0 0 1px #000000, 0 0 0 3px #ffffff;
+  --color-sf-success-text: 0, 0, 0;
+  --color-sf-warning-text: 0, 0, 0;
+  --color-sf-info-text: 0, 0, 0;
+  --color-sf-danger-text: 0, 0, 0;
+  --color-sf-diagram-palette-background: var(--color-sf-inverse-surface);
+  --color-sf-content-text-color-alt2: var(--color-sf-on-secondary);
+}
+
 /* stylelint-disable property-no-vendor-prefix */
 @keyframes e-input-ripple {
   100% {
@@ -1991,9 +2046,8 @@ li.e-separator.e-menu-item.e-excel-separator {
   display: none;
 }
 .e-grid .e-groupdroparea.e-group-animate.e-grouped {
-  overflow: hidden;
-  padding: 0;
-  height: 40px;
+  padding: 0 8px 0;
+  height: auto;
   border-bottom-width: 0 4px 0 4px;
 }
 .e-grid.e-rtl .e-group-animator {
@@ -2007,12 +2061,6 @@ li.e-separator.e-menu-item.e-excel-separator {
   transform: rotate(180deg);
   margin-top: 15px;
 }
-.e-grid.e-rtl .e-group-animator:first-child .e-groupheadercell {
-  margin: 8px 8px 8px 0;
-}
-.e-grid .e-group-animator:first-child .e-groupheadercell {
-  margin: 8px 0 8px 8px;
-}
 .e-grid .e-group-animate.e-groupdroparea .e-nextgroup {
   margin-top: 5px;
 }
@@ -2477,7 +2525,7 @@ li.e-separator.e-menu-item.e-excel-separator {
 .e-grid.e-default.e-verticallines tr th:first-child:not(.e-firstcell) {
   border-left-width: 0;
 }
-.e-grid.e-default.e-bothlines .e-headercell, .e-grid.e-default.e-bothlines .e-detailheadercell {
+.e-grid:not(.sf-grid).e-default.e-bothlines .e-headercell, .e-grid:not(.sf-grid).e-default.e-bothlines .e-detailheadercell {
   border-width: 0 0 0 1px;
 }
 .e-grid:not(.sf-grid).e-default table th[rowspan] {
@@ -2964,7 +3012,7 @@ li.e-separator.e-menu-item.e-excel-separator {
   border-left-style: solid;
   border-left-width: 1px;
 }
-.e-grid.e-bothlines .e-gridheader th.e-stackedheadercell {
+.e-grid:not(.sf-grid).e-bothlines .e-gridheader th.e-stackedheadercell {
   border-bottom-style: solid;
   border-bottom-width: 1px;
   border-left-style: solid;
@@ -3881,7 +3929,7 @@ li.e-separator.e-menu-item.e-excel-separator {
   margin-right: -7px;
   padding-top: 6px;
 }
-.e-grid.e-rtl.e-default.e-bothlines .e-headercell, .e-grid.e-rtl.e-default.e-bothlines .e-detailheadercell {
+.e-grid.e-rtl:not(.sf-grid).e-default.e-bothlines .e-headercell, .e-grid.e-rtl:not(.sf-grid).e-default.e-bothlines .e-detailheadercell {
   border-width: 0 0 0 1px;
 }
 .e-grid.e-rtl.e-default.e-bothlines .e-dragheadercell, .e-grid.e-rtl.e-default.e-bothlines .e-rowdragheader, .e-grid.e-rtl.e-default.e-bothlines .e-cloneproperties.e-draganddrop td.e-rowdragdrop, .e-grid.e-rtl.e-default.e-verticallines .e-cloneproperties.e-draganddrop td.e-rowdragdrop {
@@ -3896,7 +3944,7 @@ li.e-separator.e-menu-item.e-excel-separator {
   border-left: 1px solid;
   border-right: 0;
 }
-.e-grid.e-rtl.e-bothlines .e-gridheader th.e-stackedheadercell {
+.e-grid.e-rtl:not(.sf-grid).e-bothlines .e-gridheader th.e-stackedheadercell {
   border-bottom-style: solid;
   border-bottom-width: 1px;
 }
@@ -4245,6 +4293,13 @@ li.e-separator.e-menu-item.e-excel-separator {
 .e-grid.sf-grid.e-resize-lines.e-rtl.e-default table th:not([rowspan="1"]) {
   border-right: 0;
 }
+.e-grid.sf-grid.e-rtl.e-bothlines .e-gridheader th.e-stackedheadercell {
+  border-bottom-style: solid;
+  border-bottom-width: 1px;
+}
+.e-grid.sf-grid.e-rtl.e-default.e-bothlines .e-headercell, .e-grid.sf-grid.e-rtl.e-default.e-bothlines .e-detailheadercell {
+  border-width: 0 0 0 1px;
+}
 .e-grid.sf-grid .e-bigger .e-grid.sf-grid.e-grid.sf-grid .e-gridheader table th:not([rowspan="1"]), .e-grid.sf-grid .e-bigger .e-grid.sf-grid.e-grid.sf-grid.e-device .e-gridheader table th:not([rowspan="1"]),
 .e-grid.sf-grid .e-grid.sf-grid.e-grid.sf-grid.e-bigger .e-gridheader table th:not([rowspan="1"]),
 .e-grid.sf-grid .e-grid.sf-grid.e-grid.sf-grid.e-bigger.e-device .e-gridheader table th:not([rowspan="1"]) {

package/styles/material3-dark.scss

@@ -1,4 +1,3 @@
 
-
 @import 'excel-filter/material3-dark.scss';
 @import 'grid/material3-dark.scss';

package/styles/material3.css

@@ -725,6 +725,117 @@ li.e-separator.e-menu-item.e-excel-separator {
   border-color: rgba(var(--color-sf-primary));
 }
 
+:root {
+  --color-sf-black: 0, 0, 0;
+  --color-sf-white: 255, 255, 255;
+  --color-sf-primary: 103, 80, 164;
+  --color-sf-primary-container: 234, 221, 255;
+  --color-sf-secondary: 98, 91, 113;
+  --color-sf-secondary-container: 232, 222, 248;
+  --color-sf-tertiary: 125, 82, 96;
+  --color-sf-tertiary-container: 255, 216, 228;
+  --color-sf-surface: 255, 255, 255;
+  --color-sf-surface-variant: 231, 224, 236;
+  --color-sf-background: var(--color-sf-surface);
+  --color-sf-on-primary: 255, 255, 255;
+  --color-sf-on-primary-container: 33, 0, 94;
+  --color-sf-on-secondary: 255, 255, 255;
+  --color-sf-on-secondary-container: 30, 25, 43;
+  --color-sf-on-tertiary: 255, 255, 255;
+  --color-sf-on-tertiary-containe: 55, 11, 30;
+  --color-sf-on-surface: 28, 27, 31;
+  --color-sf-on-surface-variant: 73, 69, 78;
+  --color-sf-on-background: 28, 27, 31;
+  --color-sf-outline: 121, 116, 126;
+  --color-sf-outline-variant: 196, 199, 197;
+  --color-sf-shadow: 0, 0, 0;
+  --color-sf-surface-tint-color: 103, 80, 164;
+  --color-sf-inverse-surface: 49, 48, 51;
+  --color-sf-inverse-on-surface: 244, 239, 244;
+  --color-sf-inverse-primary: 208, 188, 255;
+  --color-sf-scrim: 0, 0, 0;
+  --color-sf-error: 179, 38, 30;
+  --color-sf-error-container: 249, 222, 220;
+  --color-sf-on-error: 255, 250, 250;
+  --color-sf-on-error-container: 65, 14, 11;
+  --color-sf-success: 32, 81, 7;
+  --color-sf-success-container: 209, 255, 186;
+  --color-sf-on-success: 244, 255, 239;
+  --color-sf-on-success-container: 13, 39, 0;
+  --color-sf-info: 1, 87, 155;
+  --color-sf-info-container: 233, 245, 255;
+  --color-sf-on-info: 250, 253, 255;
+  --color-sf-on-info-container: 0, 51, 91;
+  --color-sf-warning: 145, 76, 0;
+  --color-sf-warning-container: 254, 236, 222;
+  --color-sf-on-warning: 255, 255, 255;
+  --color-sf-on-warning-container: 47, 21, 0;
+  --color-sf-spreadsheet-gridline: var(--color-sf-surface-variant);
+  --color-sf-shadow-focus-ring1: 0 0 0 1px rgb(255, 255, 255), 0 0 0 3px rgb(0, 0, 0);
+  --color-sf-diagram-palette-background: --color-sf-white;
+  --color-sf-success-text: 255, 255, 255;
+  --color-sf-warning-text: 255, 255, 255;
+  --color-sf-danger-text: 255, 255, 255;
+  --color-sf-info-text: 255, 255, 255;
+  --color-sf-content-text-color-alt2: var(--color-sf-on-secondary-container);
+  --color-sf-secondary-bg-color: var(--color-sf-surface);
+}
+
+.e-dark-mode {
+  --color-sf-black: 0, 0, 0;
+  --color-sf-white: 255, 255, 255;
+  --color-sf-primary: 208, 188, 255;
+  --color-sf-primary-container: 79, 55, 139;
+  --color-sf-secondary: 204, 194, 220;
+  --color-sf-secondary-container: 74, 68, 88;
+  --color-sf-tertiary: 239, 184, 200;
+  --color-sf-tertiary-container: 99, 59, 72;
+  --color-sf-surface: 28, 27, 31;
+  --color-sf-surface-variant: 28, 27, 31;
+  --color-sf-background: var(--color-sf-surface);
+  --color-sf-on-primary: 55, 30, 115;
+  --color-sf-on-primary-container: 234, 221, 255;
+  --color-sf-on-secondary: 51, 45, 65;
+  --color-sf-on-secondary-container: 232, 222, 248;
+  --color-sf-on-tertiary: 73, 37, 50;
+  --color-sf-on-tertiary-containe: 255, 216, 228;
+  --color-sf-on-surface: 230, 225, 229;
+  --color-sf-on-surface-variant: 202, 196, 208;
+  --color-sf-on-background: 230, 225, 229;
+  --color-sf-outline: 147, 143, 153;
+  --color-sf-outline-variant: 68, 71, 70;
+  --color-sf-shadow: 0, 0, 0;
+  --color-sf-surface-tint-color: 208, 188, 255;
+  --color-sf-inverse-surface: 230, 225, 229;
+  --color-sf-inverse-on-surface: 49, 48, 51;
+  --color-sf-inverse-primary: 103, 80, 164;
+  --color-sf-scrim: 0, 0, 0;
+  --color-sf-error: 242, 184, 181;
+  --color-sf-error-container: 140, 29, 24;
+  --color-sf-on-error: 96, 20, 16;
+  --color-sf-on-error-container: 249, 222, 220;
+  --color-sf-success: 83, 202, 23;
+  --color-sf-success-container: 22, 62, 2;
+  --color-sf-on-success: 13, 39, 0;
+  --color-sf-on-success-container: 183, 250, 150;
+  --color-sf-info: 71, 172, 251;
+  --color-sf-info-container: 0, 67, 120;
+  --color-sf-on-info: 0, 51, 91;
+  --color-sf-on-info-container: 173, 219, 255;
+  --color-sf-warning: 245, 180, 130;
+  --color-sf-warning-container: 123, 65, 0;
+  --color-sf-on-warning: 99, 52, 0;
+  --color-sf-on-warning-container: 255, 220, 193;
+  --color-sf-spreadsheet-gridline: 231, 224, 236;
+  --color-sf-shadow-focus-ring1: 0 0 0 1px #000000, 0 0 0 3px #ffffff;
+  --color-sf-success-text: 0, 0, 0;
+  --color-sf-warning-text: 0, 0, 0;
+  --color-sf-info-text: 0, 0, 0;
+  --color-sf-danger-text: 0, 0, 0;
+  --color-sf-diagram-palette-background: var(--color-sf-inverse-surface);
+  --color-sf-content-text-color-alt2: var(--color-sf-on-secondary);
+}
+
 /* stylelint-disable property-no-vendor-prefix */
 @keyframes e-input-ripple {
   100% {
@@ -2047,9 +2158,8 @@ li.e-separator.e-menu-item.e-excel-separator {
   display: none;
 }
 .e-grid .e-groupdroparea.e-group-animate.e-grouped {
-  overflow: hidden;
-  padding: 0;
-  height: 40px;
+  padding: 0 8px 0;
+  height: auto;
   border-bottom-width: 0 4px 0 4px;
 }
 .e-grid.e-rtl .e-group-animator {
@@ -2063,12 +2173,6 @@ li.e-separator.e-menu-item.e-excel-separator {
   transform: rotate(180deg);
   margin-top: 15px;
 }
-.e-grid.e-rtl .e-group-animator:first-child .e-groupheadercell {
-  margin: 8px 8px 8px 0;
-}
-.e-grid .e-group-animator:first-child .e-groupheadercell {
-  margin: 8px 0 8px 8px;
-}
 .e-grid .e-group-animate.e-groupdroparea .e-nextgroup {
   margin-top: 5px;
 }
@@ -2533,7 +2637,7 @@ li.e-separator.e-menu-item.e-excel-separator {
 .e-grid.e-default.e-verticallines tr th:first-child:not(.e-firstcell) {
   border-left-width: 0;
 }
-.e-grid.e-default.e-bothlines .e-headercell, .e-grid.e-default.e-bothlines .e-detailheadercell {
+.e-grid:not(.sf-grid).e-default.e-bothlines .e-headercell, .e-grid:not(.sf-grid).e-default.e-bothlines .e-detailheadercell {
   border-width: 0 0 0 1px;
 }
 .e-grid:not(.sf-grid).e-default table th[rowspan] {
@@ -3020,7 +3124,7 @@ li.e-separator.e-menu-item.e-excel-separator {
   border-left-style: solid;
   border-left-width: 1px;
 }
-.e-grid.e-bothlines .e-gridheader th.e-stackedheadercell {
+.e-grid:not(.sf-grid).e-bothlines .e-gridheader th.e-stackedheadercell {
   border-bottom-style: solid;
   border-bottom-width: 1px;
   border-left-style: solid;
@@ -3937,7 +4041,7 @@ li.e-separator.e-menu-item.e-excel-separator {
   margin-right: -7px;
   padding-top: 6px;
 }
-.e-grid.e-rtl.e-default.e-bothlines .e-headercell, .e-grid.e-rtl.e-default.e-bothlines .e-detailheadercell {
+.e-grid.e-rtl:not(.sf-grid).e-default.e-bothlines .e-headercell, .e-grid.e-rtl:not(.sf-grid).e-default.e-bothlines .e-detailheadercell {
   border-width: 0 0 0 1px;
 }
 .e-grid.e-rtl.e-default.e-bothlines .e-dragheadercell, .e-grid.e-rtl.e-default.e-bothlines .e-rowdragheader, .e-grid.e-rtl.e-default.e-bothlines .e-cloneproperties.e-draganddrop td.e-rowdragdrop, .e-grid.e-rtl.e-default.e-verticallines .e-cloneproperties.e-draganddrop td.e-rowdragdrop {
@@ -3952,7 +4056,7 @@ li.e-separator.e-menu-item.e-excel-separator {
   border-left: 1px solid;
   border-right: 0;
 }
-.e-grid.e-rtl.e-bothlines .e-gridheader th.e-stackedheadercell {
+.e-grid.e-rtl:not(.sf-grid).e-bothlines .e-gridheader th.e-stackedheadercell {
   border-bottom-style: solid;
   border-bottom-width: 1px;
 }
@@ -4301,6 +4405,13 @@ li.e-separator.e-menu-item.e-excel-separator {
 .e-grid.sf-grid.e-resize-lines.e-rtl.e-default table th:not([rowspan="1"]) {
   border-right: 0;
 }
+.e-grid.sf-grid.e-rtl.e-bothlines .e-gridheader th.e-stackedheadercell {
+  border-bottom-style: solid;
+  border-bottom-width: 1px;
+}
+.e-grid.sf-grid.e-rtl.e-default.e-bothlines .e-headercell, .e-grid.sf-grid.e-rtl.e-default.e-bothlines .e-detailheadercell {
+  border-width: 0 0 0 1px;
+}
 .e-grid.sf-grid .e-bigger .e-grid.sf-grid.e-grid.sf-grid .e-gridheader table th:not([rowspan="1"]), .e-grid.sf-grid .e-bigger .e-grid.sf-grid.e-grid.sf-grid.e-device .e-gridheader table th:not([rowspan="1"]),
 .e-grid.sf-grid .e-grid.sf-grid.e-grid.sf-grid.e-bigger .e-gridheader table th:not([rowspan="1"]),
 .e-grid.sf-grid .e-grid.sf-grid.e-grid.sf-grid.e-bigger.e-device .e-gridheader table th:not([rowspan="1"]) {

package/styles/material3.scss

@@ -1,4 +1,3 @@
 
-
 @import 'excel-filter/material3.scss';
 @import 'grid/material3.scss';

package/styles/tailwind-dark.css

@@ -1775,9 +1775,8 @@ li.e-separator.e-menu-item.e-excel-separator {
   display: none;
 }
 .e-grid .e-groupdroparea.e-group-animate.e-grouped {
-  overflow: hidden;
-  padding: 0;
-  height: 48px;
+  padding: 0 12px 0;
+  height: auto;
   border-bottom-width: 0;
 }
 .e-grid.e-rtl .e-group-animator {
@@ -1791,12 +1790,6 @@ li.e-separator.e-menu-item.e-excel-separator {
   transform: rotate(180deg);
   margin-top: 15px;
 }
-.e-grid.e-rtl .e-group-animator:first-child .e-groupheadercell {
-  margin: 12px 12px 12px 0;
-}
-.e-grid .e-group-animator:first-child .e-groupheadercell {
-  margin: 12px 0 12px 12px;
-}
 .e-grid .e-group-animate.e-groupdroparea .e-nextgroup {
   margin-top: 9px;
 }
@@ -2253,7 +2246,7 @@ li.e-separator.e-menu-item.e-excel-separator {
 .e-grid.e-default.e-verticallines tr th:first-child:not(.e-firstcell) {
   border-left-width: 0;
 }
-.e-grid.e-default.e-bothlines .e-headercell, .e-grid.e-default.e-bothlines .e-detailheadercell {
+.e-grid:not(.sf-grid).e-default.e-bothlines .e-headercell, .e-grid:not(.sf-grid).e-default.e-bothlines .e-detailheadercell {
   border-width: 0 0 0 1px;
 }
 .e-grid:not(.sf-grid).e-default table th[rowspan] {
@@ -2748,7 +2741,7 @@ li.e-separator.e-menu-item.e-excel-separator {
   border-left-style: solid;
   border-left-width: 1px;
 }
-.e-grid.e-bothlines .e-gridheader th.e-stackedheadercell {
+.e-grid:not(.sf-grid).e-bothlines .e-gridheader th.e-stackedheadercell {
   border-bottom-style: solid;
   border-bottom-width: 1px;
   border-left-style: solid;
@@ -3639,7 +3632,7 @@ li.e-separator.e-menu-item.e-excel-separator {
   margin-right: -8px;
   padding-top: 4px;
 }
-.e-grid.e-rtl.e-default.e-bothlines .e-headercell, .e-grid.e-rtl.e-default.e-bothlines .e-detailheadercell {
+.e-grid.e-rtl:not(.sf-grid).e-default.e-bothlines .e-headercell, .e-grid.e-rtl:not(.sf-grid).e-default.e-bothlines .e-detailheadercell {
   border-width: 0 0 0 1px;
 }
 .e-grid.e-rtl.e-default.e-bothlines .e-dragheadercell, .e-grid.e-rtl.e-default.e-bothlines .e-rowdragheader, .e-grid.e-rtl.e-default.e-bothlines .e-cloneproperties.e-draganddrop td.e-rowdragdrop, .e-grid.e-rtl.e-default.e-verticallines .e-cloneproperties.e-draganddrop td.e-rowdragdrop {
@@ -3654,7 +3647,7 @@ li.e-separator.e-menu-item.e-excel-separator {
   border-left: 1px solid;
   border-right: 0;
 }
-.e-grid.e-rtl.e-bothlines .e-gridheader th.e-stackedheadercell {
+.e-grid.e-rtl:not(.sf-grid).e-bothlines .e-gridheader th.e-stackedheadercell {
   border-bottom-style: solid;
   border-bottom-width: 1px;
 }
@@ -4003,6 +3996,13 @@ li.e-separator.e-menu-item.e-excel-separator {
 .e-grid.sf-grid.e-resize-lines.e-rtl.e-default table th:not([rowspan="1"]) {
   border-right: 0;
 }
+.e-grid.sf-grid.e-rtl.e-bothlines .e-gridheader th.e-stackedheadercell {
+  border-bottom-style: solid;
+  border-bottom-width: 1px;
+}
+.e-grid.sf-grid.e-rtl.e-default.e-bothlines .e-headercell, .e-grid.sf-grid.e-rtl.e-default.e-bothlines .e-detailheadercell {
+  border-width: 0 0 0 1px;
+}
 .e-grid.sf-grid .e-bigger .e-grid.sf-grid.e-grid.sf-grid .e-gridheader table th:not([rowspan="1"]), .e-grid.sf-grid .e-bigger .e-grid.sf-grid.e-grid.sf-grid.e-device .e-gridheader table th:not([rowspan="1"]),
 .e-grid.sf-grid .e-grid.sf-grid.e-grid.sf-grid.e-bigger .e-gridheader table th:not([rowspan="1"]),
 .e-grid.sf-grid .e-grid.sf-grid.e-grid.sf-grid.e-bigger.e-device .e-gridheader table th:not([rowspan="1"]) {

package/styles/tailwind.css

@@ -1775,9 +1775,8 @@ li.e-separator.e-menu-item.e-excel-separator {
   display: none;
 }
 .e-grid .e-groupdroparea.e-group-animate.e-grouped {
-  overflow: hidden;
-  padding: 0;
-  height: 48px;
+  padding: 0 12px 0;
+  height: auto;
   border-bottom-width: 0;
 }
 .e-grid.e-rtl .e-group-animator {
@@ -1791,12 +1790,6 @@ li.e-separator.e-menu-item.e-excel-separator {
   transform: rotate(180deg);
   margin-top: 15px;
 }
-.e-grid.e-rtl .e-group-animator:first-child .e-groupheadercell {
-  margin: 12px 12px 12px 0;
-}
-.e-grid .e-group-animator:first-child .e-groupheadercell {
-  margin: 12px 0 12px 12px;
-}
 .e-grid .e-group-animate.e-groupdroparea .e-nextgroup {
   margin-top: 9px;
 }
@@ -2253,7 +2246,7 @@ li.e-separator.e-menu-item.e-excel-separator {
 .e-grid.e-default.e-verticallines tr th:first-child:not(.e-firstcell) {
   border-left-width: 0;
 }
-.e-grid.e-default.e-bothlines .e-headercell, .e-grid.e-default.e-bothlines .e-detailheadercell {
+.e-grid:not(.sf-grid).e-default.e-bothlines .e-headercell, .e-grid:not(.sf-grid).e-default.e-bothlines .e-detailheadercell {
   border-width: 0 0 0 1px;
 }
 .e-grid:not(.sf-grid).e-default table th[rowspan] {
@@ -2748,7 +2741,7 @@ li.e-separator.e-menu-item.e-excel-separator {
   border-left-style: solid;
   border-left-width: 1px;
 }
-.e-grid.e-bothlines .e-gridheader th.e-stackedheadercell {
+.e-grid:not(.sf-grid).e-bothlines .e-gridheader th.e-stackedheadercell {
   border-bottom-style: solid;
   border-bottom-width: 1px;
   border-left-style: solid;
@@ -3639,7 +3632,7 @@ li.e-separator.e-menu-item.e-excel-separator {
   margin-right: -8px;
   padding-top: 4px;
 }
-.e-grid.e-rtl.e-default.e-bothlines .e-headercell, .e-grid.e-rtl.e-default.e-bothlines .e-detailheadercell {
+.e-grid.e-rtl:not(.sf-grid).e-default.e-bothlines .e-headercell, .e-grid.e-rtl:not(.sf-grid).e-default.e-bothlines .e-detailheadercell {
   border-width: 0 0 0 1px;
 }
 .e-grid.e-rtl.e-default.e-bothlines .e-dragheadercell, .e-grid.e-rtl.e-default.e-bothlines .e-rowdragheader, .e-grid.e-rtl.e-default.e-bothlines .e-cloneproperties.e-draganddrop td.e-rowdragdrop, .e-grid.e-rtl.e-default.e-verticallines .e-cloneproperties.e-draganddrop td.e-rowdragdrop {
@@ -3654,7 +3647,7 @@ li.e-separator.e-menu-item.e-excel-separator {
   border-left: 1px solid;
   border-right: 0;
 }
-.e-grid.e-rtl.e-bothlines .e-gridheader th.e-stackedheadercell {
+.e-grid.e-rtl:not(.sf-grid).e-bothlines .e-gridheader th.e-stackedheadercell {
   border-bottom-style: solid;
   border-bottom-width: 1px;
 }
@@ -4003,6 +3996,13 @@ li.e-separator.e-menu-item.e-excel-separator {
 .e-grid.sf-grid.e-resize-lines.e-rtl.e-default table th:not([rowspan="1"]) {
   border-right: 0;
 }
+.e-grid.sf-grid.e-rtl.e-bothlines .e-gridheader th.e-stackedheadercell {
+  border-bottom-style: solid;
+  border-bottom-width: 1px;
+}
+.e-grid.sf-grid.e-rtl.e-default.e-bothlines .e-headercell, .e-grid.sf-grid.e-rtl.e-default.e-bothlines .e-detailheadercell {
+  border-width: 0 0 0 1px;
+}
 .e-grid.sf-grid .e-bigger .e-grid.sf-grid.e-grid.sf-grid .e-gridheader table th:not([rowspan="1"]), .e-grid.sf-grid .e-bigger .e-grid.sf-grid.e-grid.sf-grid.e-device .e-gridheader table th:not([rowspan="1"]),
 .e-grid.sf-grid .e-grid.sf-grid.e-grid.sf-grid.e-bigger .e-gridheader table th:not([rowspan="1"]),
 .e-grid.sf-grid .e-grid.sf-grid.e-grid.sf-grid.e-bigger.e-device .e-gridheader table th:not([rowspan="1"]) {

package/esm2020/public_api.mjs

@@ -1,3 +0,0 @@
-// Mapping root file for package generation
-export * from './src/index';
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljX2FwaS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uL3B1YmxpY19hcGkudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsMkNBQTJDO0FBQzNDLGNBQWMsYUFBYSxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiLy8gTWFwcGluZyByb290IGZpbGUgZm9yIHBhY2thZ2UgZ2VuZXJhdGlvblxuZXhwb3J0ICogZnJvbSAnLi9zcmMvaW5kZXgnOyJdfQ==