@syncfusion/ej2-angular-grids 22.2.11-ngcc → 22.2.12-ngcc

package/CHANGELOG.md

@@ -6,6 +6,14 @@
 
 #### Bug fixes
 
+- `#I490067` - Fixed the issue where all checkboxes should be checked when selecting a row and clicking the header checkbox.
+
+## 22.2.11 (2023-08-29)
+
+### Grid
+
+#### Bug fixes
+
 - `#I488479` - The problem of the incorrect right indent of the custom filter dialog in RTL mode has been resolved.
 - `#I486810` - Resolved the issue where tab key focus navigation during batch editing.
 - `#I480995` - The error that occurred when update an image using the `updateCell` method has been resolved.

package/dist/ej2-angular-grids.umd.js

@@ -1,6 +1,6 @@
 /*!
 *  filename: ej2-angular-grids.umd.js
-*  version : 22.2.11
+*  version : 22.2.12
 *  Copyright Syncfusion Inc. 2001 - 2020. All rights reserved.
 *  Use of this code is subject to the terms of our license.
 *  A copy of the current license can be obtained at any time by e-mailing

package/dist/ej2-angular-grids.umd.min.js

@@ -1,6 +1,6 @@
 /*!
 *  filename: ej2-angular-grids.umd.min.js
-*  version : 22.2.11
+*  version : 22.2.12
 *  Copyright Syncfusion Inc. 2001 - 2020. All rights reserved.
 *  Use of this code is subject to the terms of our license.
 *  A copy of the current license can be obtained at any time by e-mailing

package/package.json

@@ -1,8 +1,8 @@
 {
   "_from": "@syncfusion/ej2-angular-grids@*",
-  "_id": "@syncfusion/ej2-angular-grids@22.2.10",
+  "_id": "@syncfusion/ej2-angular-grids@22.2.11",
   "_inBundle": false,
-  "_integrity": "sha512-qCpaloaV2QJlH8r/XjJgsuCTcdLbb8n+fl2jvQjIobIpLm4nHSMrYMI76RCD3YFctHwq8sVzF2OGWsBXJch97w==",
+  "_integrity": "sha512-XtQOfXbemIZ3ZP7gEiG8WHoHS92sqLbDKq49RHEH6Y56civu0r/20roBOCmz+i8dq8+QwnL7U4gD157g4WC0eg==",
   "_location": "/@syncfusion/ej2-angular-grids",
   "_phantomChildren": {},
   "_requested": {
@@ -19,8 +19,8 @@
   "_requiredBy": [
     "/"
   ],
-  "_resolved": "https://nexus.syncfusion.com/repository/ej2-hotfix-new/@syncfusion/ej2-angular-grids/-/ej2-angular-grids-22.2.10.tgz",
-  "_shasum": "da222618c4f681ef5d4444ef609de6be25336a53",
+  "_resolved": "https://nexus.syncfusion.com/repository/ej2-hotfix-new/@syncfusion/ej2-angular-grids/-/ej2-angular-grids-22.2.11.tgz",
+  "_shasum": "aa431cf01cb168bb0b90eec93fdc4ffdbd5786f2",
   "_spec": "@syncfusion/ej2-angular-grids@*",
   "_where": "/jenkins/workspace/elease-automation_release_21.1.1/packages/included",
   "author": {
@@ -32,8 +32,8 @@
   "bundleDependencies": false,
   "dependencies": {
     "@syncfusion/ej2-angular-base": "~22.2.5",
-    "@syncfusion/ej2-base": "~22.2.10",
-    "@syncfusion/ej2-grids": "22.2.11"
+    "@syncfusion/ej2-base": "~22.2.12",
+    "@syncfusion/ej2-grids": "22.2.12"
   },
   "deprecated": false,
   "description": "Feature-rich JavaScript datagrid (datatable) control with built-in support for editing, filtering, grouping, paging, sorting, and exporting to Excel. for Angular",
@@ -58,5 +58,5 @@
   "schematics": "./schematics/collection.json",
   "sideEffects": false,
   "typings": "ej2-angular-grids.d.ts",
-  "version": "22.2.11-ngcc"
+  "version": "22.2.12-ngcc"
 }

package/schematics/utils/lib-details.d.ts

@@ -1,4 +1,4 @@
 export declare const pkgName = "@syncfusion/ej2-angular-grids";
-export declare const pkgVer = "^22.2.10";
+export declare const pkgVer = "^22.2.11";
 export declare const moduleName = "GridModule, PagerModule";
-export declare const themeVer = "~22.2.10";
+export declare const themeVer = "~22.2.11";

package/schematics/utils/lib-details.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.pkgName = '@syncfusion/ej2-angular-grids';
-exports.pkgVer = '^22.2.11';
+exports.pkgVer = '^22.2.12';
 exports.moduleName = 'GridModule, PagerModule';
-exports.themeVer = '~22.2.11';
+exports.themeVer = '~22.2.12';

package/schematics/utils/lib-details.ts

@@ -1,4 +1,4 @@
 export const pkgName = '@syncfusion/ej2-angular-grids';
-export const pkgVer = '^22.2.11';
+export const pkgVer = '^22.2.12';
 export const moduleName = 'GridModule, PagerModule';
-export const themeVer = '~22.2.11';
+export const themeVer = '~22.2.12';

package/styles/bootstrap-dark.css

@@ -1328,6 +1328,10 @@ li.e-separator.e-menu-item.e-excel-separator {
   margin: 3px 8px 0 0;
   padding: 9px 0 4px 0;
 }
+.e-bigger .e-grid.e-rtl.e-device .e-groupheadercell,
+.e-grid.e-bigger.e-rtl.e-device .e-groupheadercell {
+  padding: 9px 0 4px 0;
+}
 .e-bigger .e-grid.e-rtl span.e-ungroupbutton.e-icons,
 .e-grid.e-bigger.e-rtl span.e-ungroupbutton.e-icons {
   margin-left: 0;
@@ -4596,6 +4600,9 @@ li.e-separator.e-menu-item.e-excel-separator {
 .e-grid .e-cloneproperties.e-draganddrop .e-rowcell {
   color: #f0f0f0;
 }
+.e-grid .e-cloneproperties.e-draganddrop .e-rowcell.e-focused {
+  box-shadow: none;
+}
 .e-grid .e-cloneproperties.e-draganddrop table,
 .e-grid .e-cloneproperties.e-draganddrop table .e-selectionbackground {
   background-color: #313131;

package/styles/bootstrap.css

@@ -1329,6 +1329,10 @@ li.e-separator.e-menu-item.e-excel-separator {
   margin: 3px 8px 0 0;
   padding: 9px 0 4px 0;
 }
+.e-bigger .e-grid.e-rtl.e-device .e-groupheadercell,
+.e-grid.e-bigger.e-rtl.e-device .e-groupheadercell {
+  padding: 9px 0 4px 0;
+}
 .e-bigger .e-grid.e-rtl span.e-ungroupbutton.e-icons,
 .e-grid.e-bigger.e-rtl span.e-ungroupbutton.e-icons {
   margin-left: 0;
@@ -4597,6 +4601,9 @@ li.e-separator.e-menu-item.e-excel-separator {
 .e-grid .e-cloneproperties.e-draganddrop .e-rowcell {
   color: #333;
 }
+.e-grid .e-cloneproperties.e-draganddrop .e-rowcell.e-focused {
+  box-shadow: none;
+}
 .e-grid .e-cloneproperties.e-draganddrop table,
 .e-grid .e-cloneproperties.e-draganddrop table .e-selectionbackground {
   background-color: #fff;

package/styles/bootstrap4.css

@@ -1385,6 +1385,10 @@ li.e-separator.e-menu-item.e-excel-separator {
   margin: 14px 9px 0 0;
   padding: 6px 6px 4px 9px;
 }
+.e-bigger .e-grid.e-rtl.e-device .e-groupheadercell,
+.e-grid.e-bigger.e-rtl.e-device .e-groupheadercell {
+  padding: 0 10px;
+}
 .e-bigger .e-grid.e-rtl span.e-ungroupbutton.e-icons,
 .e-grid.e-bigger.e-rtl span.e-ungroupbutton.e-icons {
   margin-left: -9px;
@@ -4660,6 +4664,9 @@ li.e-separator.e-menu-item.e-excel-separator {
 .e-grid .e-cloneproperties.e-draganddrop .e-rowcell {
   color: #212529;
 }
+.e-grid .e-cloneproperties.e-draganddrop .e-rowcell.e-focused {
+  box-shadow: none;
+}
 .e-grid .e-cloneproperties.e-draganddrop table,
 .e-grid .e-cloneproperties.e-draganddrop table .e-selectionbackground {
   background-color: #fff;

package/styles/bootstrap5-dark.css

@@ -1390,6 +1390,10 @@ li.e-separator.e-menu-item.e-excel-separator {
   margin: 8px 8px 0 0;
   padding: 7px 6px 7px 9px;
 }
+.e-bigger .e-grid.e-rtl.e-device .e-groupheadercell,
+.e-grid.e-bigger.e-rtl.e-device .e-groupheadercell {
+  padding: 7px 6px 7px 9px;
+}
 .e-bigger .e-grid.e-rtl span.e-ungroupbutton.e-icons,
 .e-grid.e-bigger.e-rtl span.e-ungroupbutton.e-icons {
   margin-left: -8px;
@@ -4676,6 +4680,9 @@ li.e-separator.e-menu-item.e-excel-separator {
 .e-grid .e-cloneproperties.e-draganddrop .e-rowcell {
   color: #fff;
 }
+.e-grid .e-cloneproperties.e-draganddrop .e-rowcell.e-focused {
+  box-shadow: none;
+}
 .e-grid .e-cloneproperties.e-draganddrop table,
 .e-grid .e-cloneproperties.e-draganddrop table .e-selectionbackground {
   background-color: #495057;

package/styles/bootstrap5.css

@@ -1390,6 +1390,10 @@ li.e-separator.e-menu-item.e-excel-separator {
   margin: 8px 8px 0 0;
   padding: 7px 6px 7px 9px;
 }
+.e-bigger .e-grid.e-rtl.e-device .e-groupheadercell,
+.e-grid.e-bigger.e-rtl.e-device .e-groupheadercell {
+  padding: 7px 6px 7px 9px;
+}
 .e-bigger .e-grid.e-rtl span.e-ungroupbutton.e-icons,
 .e-grid.e-bigger.e-rtl span.e-ungroupbutton.e-icons {
   margin-left: -8px;
@@ -4676,6 +4680,9 @@ li.e-separator.e-menu-item.e-excel-separator {
 .e-grid .e-cloneproperties.e-draganddrop .e-rowcell {
   color: #212529;
 }
+.e-grid .e-cloneproperties.e-draganddrop .e-rowcell.e-focused {
+  box-shadow: none;
+}
 .e-grid .e-cloneproperties.e-draganddrop table,
 .e-grid .e-cloneproperties.e-draganddrop table .e-selectionbackground {
   background-color: #dee2e6;

package/styles/excel-filter/material-dark.css

@@ -1,4 +1,4 @@
-@import url("https://fonts.googleapis.com/css?family=Roboto:400,500");
+@import url("https://fonts.googleapis.com/css?family=Roboto:400,500,700");
 /* stylelint-disable property-no-vendor-prefix */
 @keyframes e-input-ripple {
   100% {

package/styles/fabric-dark.css

@@ -1302,6 +1302,10 @@ li.e-separator.e-menu-item.e-excel-separator {
   margin: 8px 10px 0 0;
   padding: 0 10px;
 }
+.e-bigger .e-grid.e-rtl.e-device .e-groupheadercell,
+.e-grid.e-bigger.e-rtl.e-device .e-groupheadercell {
+  padding: 0 10px;
+}
 .e-bigger .e-grid.e-rtl span.e-ungroupbutton.e-icons,
 .e-grid.e-bigger.e-rtl span.e-ungroupbutton.e-icons {
   margin-left: 0;
@@ -4570,6 +4574,9 @@ li.e-separator.e-menu-item.e-excel-separator {
 .e-grid .e-cloneproperties.e-draganddrop .e-rowcell {
   color: #dadada;
 }
+.e-grid .e-cloneproperties.e-draganddrop .e-rowcell.e-focused {
+  box-shadow: none;
+}
 .e-grid .e-cloneproperties.e-draganddrop table,
 .e-grid .e-cloneproperties.e-draganddrop table .e-selectionbackground {
   background-color: #414040;

package/styles/fabric.css

@@ -1295,6 +1295,10 @@ li.e-separator.e-menu-item.e-excel-separator {
   margin: 8px 10px 0 0;
   padding: 0 10px;
 }
+.e-bigger .e-grid.e-rtl.e-device .e-groupheadercell,
+.e-grid.e-bigger.e-rtl.e-device .e-groupheadercell {
+  padding: 0 10px;
+}
 .e-bigger .e-grid.e-rtl span.e-ungroupbutton.e-icons,
 .e-grid.e-bigger.e-rtl span.e-ungroupbutton.e-icons {
   margin-left: 0;
@@ -4563,6 +4567,9 @@ li.e-separator.e-menu-item.e-excel-separator {
 .e-grid .e-cloneproperties.e-draganddrop .e-rowcell {
   color: #333;
 }
+.e-grid .e-cloneproperties.e-draganddrop .e-rowcell.e-focused {
+  box-shadow: none;
+}
 .e-grid .e-cloneproperties.e-draganddrop table,
 .e-grid .e-cloneproperties.e-draganddrop table .e-selectionbackground {
   background-color: #fff;

package/styles/fluent-dark.css

@@ -1388,6 +1388,10 @@ li.e-separator.e-menu-item.e-excel-separator {
   margin: 6px 8px 6px 0;
   padding: 4px 6px 4px 9px;
 }
+.e-bigger .e-grid.e-rtl.e-device .e-groupheadercell,
+.e-grid.e-bigger.e-rtl.e-device .e-groupheadercell {
+  padding: 4px 6px 4px 9px;
+}
 .e-bigger .e-grid.e-rtl span.e-ungroupbutton.e-icons,
 .e-grid.e-bigger.e-rtl span.e-ungroupbutton.e-icons {
   margin-left: -9px;
@@ -4708,6 +4712,9 @@ li.e-separator.e-menu-item.e-excel-separator {
 .e-grid .e-cloneproperties.e-draganddrop .e-rowcell {
   color: #f3f2f1;
 }
+.e-grid .e-cloneproperties.e-draganddrop .e-rowcell.e-focused {
+  box-shadow: none;
+}
 .e-grid .e-cloneproperties.e-draganddrop table,
 .e-grid .e-cloneproperties.e-draganddrop table .e-selectionbackground {
   background-color: #252423;

package/styles/fluent.css

@@ -1388,6 +1388,10 @@ li.e-separator.e-menu-item.e-excel-separator {
   margin: 6px 8px 6px 0;
   padding: 4px 6px 4px 9px;
 }
+.e-bigger .e-grid.e-rtl.e-device .e-groupheadercell,
+.e-grid.e-bigger.e-rtl.e-device .e-groupheadercell {
+  padding: 4px 6px 4px 9px;
+}
 .e-bigger .e-grid.e-rtl span.e-ungroupbutton.e-icons,
 .e-grid.e-bigger.e-rtl span.e-ungroupbutton.e-icons {
   margin-left: -9px;
@@ -4708,6 +4712,9 @@ li.e-separator.e-menu-item.e-excel-separator {
 .e-grid .e-cloneproperties.e-draganddrop .e-rowcell {
   color: #201f1e;
 }
+.e-grid .e-cloneproperties.e-draganddrop .e-rowcell.e-focused {
+  box-shadow: none;
+}
 .e-grid .e-cloneproperties.e-draganddrop table,
 .e-grid .e-cloneproperties.e-draganddrop table .e-selectionbackground {
   background-color: #f3f2f1;

package/styles/grid/bootstrap-dark.css

@@ -904,6 +904,10 @@
   margin: 3px 8px 0 0;
   padding: 9px 0 4px 0;
 }
+.e-bigger .e-grid.e-rtl.e-device .e-groupheadercell,
+.e-grid.e-bigger.e-rtl.e-device .e-groupheadercell {
+  padding: 9px 0 4px 0;
+}
 .e-bigger .e-grid.e-rtl span.e-ungroupbutton.e-icons,
 .e-grid.e-bigger.e-rtl span.e-ungroupbutton.e-icons {
   margin-left: 0;
@@ -4172,6 +4176,9 @@
 .e-grid .e-cloneproperties.e-draganddrop .e-rowcell {
   color: #f0f0f0;
 }
+.e-grid .e-cloneproperties.e-draganddrop .e-rowcell.e-focused {
+  box-shadow: none;
+}
 .e-grid .e-cloneproperties.e-draganddrop table,
 .e-grid .e-cloneproperties.e-draganddrop table .e-selectionbackground {
   background-color: #313131;

package/styles/grid/bootstrap.css

@@ -905,6 +905,10 @@
   margin: 3px 8px 0 0;
   padding: 9px 0 4px 0;
 }
+.e-bigger .e-grid.e-rtl.e-device .e-groupheadercell,
+.e-grid.e-bigger.e-rtl.e-device .e-groupheadercell {
+  padding: 9px 0 4px 0;
+}
 .e-bigger .e-grid.e-rtl span.e-ungroupbutton.e-icons,
 .e-grid.e-bigger.e-rtl span.e-ungroupbutton.e-icons {
   margin-left: 0;
@@ -4173,6 +4177,9 @@
 .e-grid .e-cloneproperties.e-draganddrop .e-rowcell {
   color: #333;
 }
+.e-grid .e-cloneproperties.e-draganddrop .e-rowcell.e-focused {
+  box-shadow: none;
+}
 .e-grid .e-cloneproperties.e-draganddrop table,
 .e-grid .e-cloneproperties.e-draganddrop table .e-selectionbackground {
   background-color: #fff;

package/styles/grid/bootstrap4.css

@@ -950,6 +950,10 @@
   margin: 14px 9px 0 0;
   padding: 6px 6px 4px 9px;
 }
+.e-bigger .e-grid.e-rtl.e-device .e-groupheadercell,
+.e-grid.e-bigger.e-rtl.e-device .e-groupheadercell {
+  padding: 0 10px;
+}
 .e-bigger .e-grid.e-rtl span.e-ungroupbutton.e-icons,
 .e-grid.e-bigger.e-rtl span.e-ungroupbutton.e-icons {
   margin-left: -9px;
@@ -4225,6 +4229,9 @@
 .e-grid .e-cloneproperties.e-draganddrop .e-rowcell {
   color: #212529;
 }
+.e-grid .e-cloneproperties.e-draganddrop .e-rowcell.e-focused {
+  box-shadow: none;
+}
 .e-grid .e-cloneproperties.e-draganddrop table,
 .e-grid .e-cloneproperties.e-draganddrop table .e-selectionbackground {
   background-color: #fff;

package/styles/grid/bootstrap5-dark.css

@@ -963,6 +963,10 @@
   margin: 8px 8px 0 0;
   padding: 7px 6px 7px 9px;
 }
+.e-bigger .e-grid.e-rtl.e-device .e-groupheadercell,
+.e-grid.e-bigger.e-rtl.e-device .e-groupheadercell {
+  padding: 7px 6px 7px 9px;
+}
 .e-bigger .e-grid.e-rtl span.e-ungroupbutton.e-icons,
 .e-grid.e-bigger.e-rtl span.e-ungroupbutton.e-icons {
   margin-left: -8px;
@@ -4249,6 +4253,9 @@
 .e-grid .e-cloneproperties.e-draganddrop .e-rowcell {
   color: #fff;
 }
+.e-grid .e-cloneproperties.e-draganddrop .e-rowcell.e-focused {
+  box-shadow: none;
+}
 .e-grid .e-cloneproperties.e-draganddrop table,
 .e-grid .e-cloneproperties.e-draganddrop table .e-selectionbackground {
   background-color: #495057;

package/styles/grid/bootstrap5.css

@@ -963,6 +963,10 @@
   margin: 8px 8px 0 0;
   padding: 7px 6px 7px 9px;
 }
+.e-bigger .e-grid.e-rtl.e-device .e-groupheadercell,
+.e-grid.e-bigger.e-rtl.e-device .e-groupheadercell {
+  padding: 7px 6px 7px 9px;
+}
 .e-bigger .e-grid.e-rtl span.e-ungroupbutton.e-icons,
 .e-grid.e-bigger.e-rtl span.e-ungroupbutton.e-icons {
   margin-left: -8px;
@@ -4249,6 +4253,9 @@
 .e-grid .e-cloneproperties.e-draganddrop .e-rowcell {
   color: #212529;
 }
+.e-grid .e-cloneproperties.e-draganddrop .e-rowcell.e-focused {
+  box-shadow: none;
+}
 .e-grid .e-cloneproperties.e-draganddrop table,
 .e-grid .e-cloneproperties.e-draganddrop table .e-selectionbackground {
   background-color: #dee2e6;

package/styles/grid/fabric-dark.css

@@ -878,6 +878,10 @@
   margin: 8px 10px 0 0;
   padding: 0 10px;
 }
+.e-bigger .e-grid.e-rtl.e-device .e-groupheadercell,
+.e-grid.e-bigger.e-rtl.e-device .e-groupheadercell {
+  padding: 0 10px;
+}
 .e-bigger .e-grid.e-rtl span.e-ungroupbutton.e-icons,
 .e-grid.e-bigger.e-rtl span.e-ungroupbutton.e-icons {
   margin-left: 0;
@@ -4146,6 +4150,9 @@
 .e-grid .e-cloneproperties.e-draganddrop .e-rowcell {
   color: #dadada;
 }
+.e-grid .e-cloneproperties.e-draganddrop .e-rowcell.e-focused {
+  box-shadow: none;
+}
 .e-grid .e-cloneproperties.e-draganddrop table,
 .e-grid .e-cloneproperties.e-draganddrop table .e-selectionbackground {
   background-color: #414040;

package/styles/grid/fabric.css

@@ -871,6 +871,10 @@
   margin: 8px 10px 0 0;
   padding: 0 10px;
 }
+.e-bigger .e-grid.e-rtl.e-device .e-groupheadercell,
+.e-grid.e-bigger.e-rtl.e-device .e-groupheadercell {
+  padding: 0 10px;
+}
 .e-bigger .e-grid.e-rtl span.e-ungroupbutton.e-icons,
 .e-grid.e-bigger.e-rtl span.e-ungroupbutton.e-icons {
   margin-left: 0;
@@ -4139,6 +4143,9 @@
 .e-grid .e-cloneproperties.e-draganddrop .e-rowcell {
   color: #333;
 }
+.e-grid .e-cloneproperties.e-draganddrop .e-rowcell.e-focused {
+  box-shadow: none;
+}
 .e-grid .e-cloneproperties.e-draganddrop table,
 .e-grid .e-cloneproperties.e-draganddrop table .e-selectionbackground {
   background-color: #fff;

package/styles/grid/fluent-dark.css

@@ -961,6 +961,10 @@
   margin: 6px 8px 6px 0;
   padding: 4px 6px 4px 9px;
 }
+.e-bigger .e-grid.e-rtl.e-device .e-groupheadercell,
+.e-grid.e-bigger.e-rtl.e-device .e-groupheadercell {
+  padding: 4px 6px 4px 9px;
+}
 .e-bigger .e-grid.e-rtl span.e-ungroupbutton.e-icons,
 .e-grid.e-bigger.e-rtl span.e-ungroupbutton.e-icons {
   margin-left: -9px;
@@ -4281,6 +4285,9 @@
 .e-grid .e-cloneproperties.e-draganddrop .e-rowcell {
   color: #f3f2f1;
 }
+.e-grid .e-cloneproperties.e-draganddrop .e-rowcell.e-focused {
+  box-shadow: none;
+}
 .e-grid .e-cloneproperties.e-draganddrop table,
 .e-grid .e-cloneproperties.e-draganddrop table .e-selectionbackground {
   background-color: #252423;

package/styles/grid/fluent.css

@@ -961,6 +961,10 @@
   margin: 6px 8px 6px 0;
   padding: 4px 6px 4px 9px;
 }
+.e-bigger .e-grid.e-rtl.e-device .e-groupheadercell,
+.e-grid.e-bigger.e-rtl.e-device .e-groupheadercell {
+  padding: 4px 6px 4px 9px;
+}
 .e-bigger .e-grid.e-rtl span.e-ungroupbutton.e-icons,
 .e-grid.e-bigger.e-rtl span.e-ungroupbutton.e-icons {
   margin-left: -9px;
@@ -4281,6 +4285,9 @@
 .e-grid .e-cloneproperties.e-draganddrop .e-rowcell {
   color: #201f1e;
 }
+.e-grid .e-cloneproperties.e-draganddrop .e-rowcell.e-focused {
+  box-shadow: none;
+}
 .e-grid .e-cloneproperties.e-draganddrop table,
 .e-grid .e-cloneproperties.e-draganddrop table .e-selectionbackground {
   background-color: #f3f2f1;

package/styles/grid/highcontrast-light.css

@@ -875,6 +875,10 @@
   margin: 8px 10px 0 0;
   padding: 0 10px;
 }
+.e-bigger .e-grid.e-rtl.e-device .e-groupheadercell,
+.e-grid.e-bigger.e-rtl.e-device .e-groupheadercell {
+  padding: 0 10px;
+}
 .e-bigger .e-grid.e-rtl span.e-ungroupbutton.e-icons,
 .e-grid.e-bigger.e-rtl span.e-ungroupbutton.e-icons {
   margin-left: 0;
@@ -4143,6 +4147,9 @@
 .e-grid .e-cloneproperties.e-draganddrop .e-rowcell {
   color: #000;
 }
+.e-grid .e-cloneproperties.e-draganddrop .e-rowcell.e-focused {
+  box-shadow: none;
+}
 .e-grid .e-cloneproperties.e-draganddrop table,
 .e-grid .e-cloneproperties.e-draganddrop table .e-selectionbackground {
   background-color: #fff;

package/styles/grid/highcontrast.css

@@ -875,6 +875,10 @@
   margin: 8px 10px 0 0;
   padding: 0 10px;
 }
+.e-bigger .e-grid.e-rtl.e-device .e-groupheadercell,
+.e-grid.e-bigger.e-rtl.e-device .e-groupheadercell {
+  padding: 0 10px;
+}
 .e-bigger .e-grid.e-rtl span.e-ungroupbutton.e-icons,
 .e-grid.e-bigger.e-rtl span.e-ungroupbutton.e-icons {
   margin-left: 0;
@@ -4143,6 +4147,9 @@
 .e-grid .e-cloneproperties.e-draganddrop .e-rowcell {
   color: #fff;
 }
+.e-grid .e-cloneproperties.e-draganddrop .e-rowcell.e-focused {
+  box-shadow: none;
+}
 .e-grid .e-cloneproperties.e-draganddrop table,
 .e-grid .e-cloneproperties.e-draganddrop table .e-selectionbackground {
   background-color: #000;

package/styles/grid/material-dark.css

@@ -1,4 +1,4 @@
-@import url("https://fonts.googleapis.com/css?family=Roboto:400,500");
+@import url("https://fonts.googleapis.com/css?family=Roboto:400,500,700");
 /* stylelint-disable property-no-vendor-prefix */
 @keyframes e-input-ripple {
   100% {
@@ -919,6 +919,10 @@
   margin: 3px 24px 0 0;
   padding: 0 12px 0 8px;
 }
+.e-bigger .e-grid.e-rtl.e-device .e-groupheadercell,
+.e-grid.e-bigger.e-rtl.e-device .e-groupheadercell {
+  padding: 0 12px 0 8px;
+}
 .e-bigger .e-grid.e-rtl span.e-ungroupbutton.e-icons,
 .e-grid.e-bigger.e-rtl span.e-ungroupbutton.e-icons {
   margin-left: 0;
@@ -4187,6 +4191,9 @@
 .e-grid .e-cloneproperties.e-draganddrop .e-rowcell {
   color: #fff;
 }
+.e-grid .e-cloneproperties.e-draganddrop .e-rowcell.e-focused {
+  box-shadow: none;
+}
 .e-grid .e-cloneproperties.e-draganddrop table,
 .e-grid .e-cloneproperties.e-draganddrop table .e-selectionbackground {
   background-color: #424242;

package/styles/grid/material.css

@@ -953,6 +953,10 @@
   margin: 3px 24px 0 0;
   padding: 0 12px 0 8px;
 }
+.e-bigger .e-grid.e-rtl.e-device .e-groupheadercell,
+.e-grid.e-bigger.e-rtl.e-device .e-groupheadercell {
+  padding: 0 12px 0 8px;
+}
 .e-bigger .e-grid.e-rtl span.e-ungroupbutton.e-icons,
 .e-grid.e-bigger.e-rtl span.e-ungroupbutton.e-icons {
   margin-left: 0;
@@ -4221,6 +4225,9 @@
 .e-grid .e-cloneproperties.e-draganddrop .e-rowcell {
   color: #000;
 }
+.e-grid .e-cloneproperties.e-draganddrop .e-rowcell.e-focused {
+  box-shadow: none;
+}
 .e-grid .e-cloneproperties.e-draganddrop table,
 .e-grid .e-cloneproperties.e-draganddrop table .e-selectionbackground {
   background-color: #fff;

package/styles/grid/material3-dark.css

@@ -1072,6 +1072,10 @@
   margin: 8px 8px 0 0;
   padding: 0 0 0 8px;
 }
+.e-bigger .e-grid.e-rtl.e-device .e-groupheadercell,
+.e-grid.e-bigger.e-rtl.e-device .e-groupheadercell {
+  padding: 0 0 0 8px;
+}
 .e-bigger .e-grid.e-rtl span.e-ungroupbutton.e-icons,
 .e-grid.e-bigger.e-rtl span.e-ungroupbutton.e-icons {
   margin-left: -8px;
@@ -4476,6 +4480,9 @@
   padding-top: 6px;
   padding-bottom: 6px;
 }
+.e-grid .e-cloneproperties.e-draganddrop .e-rowcell.e-focused {
+  box-shadow: none;
+}
 .e-grid .e-cloneproperties.e-draganddrop table,
 .e-grid .e-cloneproperties.e-draganddrop table .e-selectionbackground {
   background: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.11), rgba(var(--color-sf-primary), 0.11)), rgba(var(--color-sf-surface));

package/styles/grid/material3.css

@@ -1128,6 +1128,10 @@
   margin: 8px 8px 0 0;
   padding: 0 0 0 8px;
 }
+.e-bigger .e-grid.e-rtl.e-device .e-groupheadercell,
+.e-grid.e-bigger.e-rtl.e-device .e-groupheadercell {
+  padding: 0 0 0 8px;
+}
 .e-bigger .e-grid.e-rtl span.e-ungroupbutton.e-icons,
 .e-grid.e-bigger.e-rtl span.e-ungroupbutton.e-icons {
   margin-left: -8px;
@@ -4532,6 +4536,9 @@
   padding-top: 6px;
   padding-bottom: 6px;
 }
+.e-grid .e-cloneproperties.e-draganddrop .e-rowcell.e-focused {
+  box-shadow: none;
+}
 .e-grid .e-cloneproperties.e-draganddrop table,
 .e-grid .e-cloneproperties.e-draganddrop table .e-selectionbackground {
   background: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.11), rgba(var(--color-sf-primary), 0.11)), rgba(var(--color-sf-surface));

package/styles/grid/tailwind-dark.css

@@ -954,6 +954,10 @@
   margin: 5px 0 0 6px;
   padding: 6px 8px 6px 8px;
 }
+.e-bigger .e-grid.e-rtl.e-device .e-groupheadercell,
+.e-grid.e-bigger.e-rtl.e-device .e-groupheadercell {
+  padding: 0 10px;
+}
 .e-bigger .e-grid.e-rtl span.e-ungroupbutton.e-icons,
 .e-grid.e-bigger.e-rtl span.e-ungroupbutton.e-icons {
   margin-left: -8px;
@@ -4268,6 +4272,9 @@
 .e-grid .e-cloneproperties.e-draganddrop .e-rowcell {
   color: #fff;
 }
+.e-grid .e-cloneproperties.e-draganddrop .e-rowcell.e-focused {
+  box-shadow: none;
+}
 .e-grid .e-cloneproperties.e-draganddrop table,
 .e-grid .e-cloneproperties.e-draganddrop table .e-selectionbackground {
   background-color: #4b5563;

package/styles/grid/tailwind.css

@@ -954,6 +954,10 @@
   margin: 5px 0 0 6px;
   padding: 6px 8px 6px 8px;
 }
+.e-bigger .e-grid.e-rtl.e-device .e-groupheadercell,
+.e-grid.e-bigger.e-rtl.e-device .e-groupheadercell {
+  padding: 0 10px;
+}
 .e-bigger .e-grid.e-rtl span.e-ungroupbutton.e-icons,
 .e-grid.e-bigger.e-rtl span.e-ungroupbutton.e-icons {
   margin-left: -8px;
@@ -4268,6 +4272,9 @@
 .e-grid .e-cloneproperties.e-draganddrop .e-rowcell {
   color: #111827;
 }
+.e-grid .e-cloneproperties.e-draganddrop .e-rowcell.e-focused {
+  box-shadow: none;
+}
 .e-grid .e-cloneproperties.e-draganddrop table,
 .e-grid .e-cloneproperties.e-draganddrop table .e-selectionbackground {
   background-color: #e5e7eb;

package/styles/highcontrast-light.css

@@ -1299,6 +1299,10 @@ li.e-separator.e-menu-item.e-excel-separator {
   margin: 8px 10px 0 0;
   padding: 0 10px;
 }
+.e-bigger .e-grid.e-rtl.e-device .e-groupheadercell,
+.e-grid.e-bigger.e-rtl.e-device .e-groupheadercell {
+  padding: 0 10px;
+}
 .e-bigger .e-grid.e-rtl span.e-ungroupbutton.e-icons,
 .e-grid.e-bigger.e-rtl span.e-ungroupbutton.e-icons {
   margin-left: 0;
@@ -4567,6 +4571,9 @@ li.e-separator.e-menu-item.e-excel-separator {
 .e-grid .e-cloneproperties.e-draganddrop .e-rowcell {
   color: #000;
 }
+.e-grid .e-cloneproperties.e-draganddrop .e-rowcell.e-focused {
+  box-shadow: none;
+}
 .e-grid .e-cloneproperties.e-draganddrop table,
 .e-grid .e-cloneproperties.e-draganddrop table .e-selectionbackground {
   background-color: #fff;

package/styles/highcontrast.css

@@ -1299,6 +1299,10 @@ li.e-separator.e-menu-item.e-excel-separator {
   margin: 8px 10px 0 0;
   padding: 0 10px;
 }
+.e-bigger .e-grid.e-rtl.e-device .e-groupheadercell,
+.e-grid.e-bigger.e-rtl.e-device .e-groupheadercell {
+  padding: 0 10px;
+}
 .e-bigger .e-grid.e-rtl span.e-ungroupbutton.e-icons,
 .e-grid.e-bigger.e-rtl span.e-ungroupbutton.e-icons {
   margin-left: 0;
@@ -4567,6 +4571,9 @@ li.e-separator.e-menu-item.e-excel-separator {
 .e-grid .e-cloneproperties.e-draganddrop .e-rowcell {
   color: #fff;
 }
+.e-grid .e-cloneproperties.e-draganddrop .e-rowcell.e-focused {
+  box-shadow: none;
+}
 .e-grid .e-cloneproperties.e-draganddrop table,
 .e-grid .e-cloneproperties.e-draganddrop table .e-selectionbackground {
   background-color: #000;

package/styles/material-dark.css

@@ -1,4 +1,4 @@
-@import url("https://fonts.googleapis.com/css?family=Roboto:400,500");
+@import url("https://fonts.googleapis.com/css?family=Roboto:400,500,700");
 /* stylelint-disable property-no-vendor-prefix */
 @keyframes e-input-ripple {
   100% {
@@ -1349,6 +1349,10 @@ li.e-separator.e-menu-item.e-excel-separator {
   margin: 3px 24px 0 0;
   padding: 0 12px 0 8px;
 }
+.e-bigger .e-grid.e-rtl.e-device .e-groupheadercell,
+.e-grid.e-bigger.e-rtl.e-device .e-groupheadercell {
+  padding: 0 12px 0 8px;
+}
 .e-bigger .e-grid.e-rtl span.e-ungroupbutton.e-icons,
 .e-grid.e-bigger.e-rtl span.e-ungroupbutton.e-icons {
   margin-left: 0;
@@ -4617,6 +4621,9 @@ li.e-separator.e-menu-item.e-excel-separator {
 .e-grid .e-cloneproperties.e-draganddrop .e-rowcell {
   color: #fff;
 }
+.e-grid .e-cloneproperties.e-draganddrop .e-rowcell.e-focused {
+  box-shadow: none;
+}
 .e-grid .e-cloneproperties.e-draganddrop table,
 .e-grid .e-cloneproperties.e-draganddrop table .e-selectionbackground {
   background-color: #424242;

package/styles/material.css

@@ -1391,6 +1391,10 @@ li.e-separator.e-menu-item.e-excel-separator {
   margin: 3px 24px 0 0;
   padding: 0 12px 0 8px;
 }
+.e-bigger .e-grid.e-rtl.e-device .e-groupheadercell,
+.e-grid.e-bigger.e-rtl.e-device .e-groupheadercell {
+  padding: 0 12px 0 8px;
+}
 .e-bigger .e-grid.e-rtl span.e-ungroupbutton.e-icons,
 .e-grid.e-bigger.e-rtl span.e-ungroupbutton.e-icons {
   margin-left: 0;
@@ -4659,6 +4663,9 @@ li.e-separator.e-menu-item.e-excel-separator {
 .e-grid .e-cloneproperties.e-draganddrop .e-rowcell {
   color: #000;
 }
+.e-grid .e-cloneproperties.e-draganddrop .e-rowcell.e-focused {
+  box-shadow: none;
+}
 .e-grid .e-cloneproperties.e-draganddrop table,
 .e-grid .e-cloneproperties.e-draganddrop table .e-selectionbackground {
   background-color: #fff;

package/styles/material3-dark.css

@@ -1603,6 +1603,10 @@ li.e-separator.e-menu-item.e-excel-separator {
   margin: 8px 8px 0 0;
   padding: 0 0 0 8px;
 }
+.e-bigger .e-grid.e-rtl.e-device .e-groupheadercell,
+.e-grid.e-bigger.e-rtl.e-device .e-groupheadercell {
+  padding: 0 0 0 8px;
+}
 .e-bigger .e-grid.e-rtl span.e-ungroupbutton.e-icons,
 .e-grid.e-bigger.e-rtl span.e-ungroupbutton.e-icons {
   margin-left: -8px;
@@ -5007,6 +5011,9 @@ li.e-separator.e-menu-item.e-excel-separator {
   padding-top: 6px;
   padding-bottom: 6px;
 }
+.e-grid .e-cloneproperties.e-draganddrop .e-rowcell.e-focused {
+  box-shadow: none;
+}
 .e-grid .e-cloneproperties.e-draganddrop table,
 .e-grid .e-cloneproperties.e-draganddrop table .e-selectionbackground {
   background: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.11), rgba(var(--color-sf-primary), 0.11)), rgba(var(--color-sf-surface));

package/styles/material3.css

@@ -1714,6 +1714,10 @@ li.e-separator.e-menu-item.e-excel-separator {
   margin: 8px 8px 0 0;
   padding: 0 0 0 8px;
 }
+.e-bigger .e-grid.e-rtl.e-device .e-groupheadercell,
+.e-grid.e-bigger.e-rtl.e-device .e-groupheadercell {
+  padding: 0 0 0 8px;
+}
 .e-bigger .e-grid.e-rtl span.e-ungroupbutton.e-icons,
 .e-grid.e-bigger.e-rtl span.e-ungroupbutton.e-icons {
   margin-left: -8px;
@@ -5118,6 +5122,9 @@ li.e-separator.e-menu-item.e-excel-separator {
   padding-top: 6px;
   padding-bottom: 6px;
 }
+.e-grid .e-cloneproperties.e-draganddrop .e-rowcell.e-focused {
+  box-shadow: none;
+}
 .e-grid .e-cloneproperties.e-draganddrop table,
 .e-grid .e-cloneproperties.e-draganddrop table .e-selectionbackground {
   background: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.11), rgba(var(--color-sf-primary), 0.11)), rgba(var(--color-sf-surface));

package/styles/tailwind-dark.css

@@ -1382,6 +1382,10 @@ li.e-separator.e-menu-item.e-excel-separator {
   margin: 5px 0 0 6px;
   padding: 6px 8px 6px 8px;
 }
+.e-bigger .e-grid.e-rtl.e-device .e-groupheadercell,
+.e-grid.e-bigger.e-rtl.e-device .e-groupheadercell {
+  padding: 0 10px;
+}
 .e-bigger .e-grid.e-rtl span.e-ungroupbutton.e-icons,
 .e-grid.e-bigger.e-rtl span.e-ungroupbutton.e-icons {
   margin-left: -8px;
@@ -4696,6 +4700,9 @@ li.e-separator.e-menu-item.e-excel-separator {
 .e-grid .e-cloneproperties.e-draganddrop .e-rowcell {
   color: #fff;
 }
+.e-grid .e-cloneproperties.e-draganddrop .e-rowcell.e-focused {
+  box-shadow: none;
+}
 .e-grid .e-cloneproperties.e-draganddrop table,
 .e-grid .e-cloneproperties.e-draganddrop table .e-selectionbackground {
   background-color: #4b5563;

package/styles/tailwind.css

@@ -1382,6 +1382,10 @@ li.e-separator.e-menu-item.e-excel-separator {
   margin: 5px 0 0 6px;
   padding: 6px 8px 6px 8px;
 }
+.e-bigger .e-grid.e-rtl.e-device .e-groupheadercell,
+.e-grid.e-bigger.e-rtl.e-device .e-groupheadercell {
+  padding: 0 10px;
+}
 .e-bigger .e-grid.e-rtl span.e-ungroupbutton.e-icons,
 .e-grid.e-bigger.e-rtl span.e-ungroupbutton.e-icons {
   margin-left: -8px;
@@ -4696,6 +4700,9 @@ li.e-separator.e-menu-item.e-excel-separator {
 .e-grid .e-cloneproperties.e-draganddrop .e-rowcell {
   color: #111827;
 }
+.e-grid .e-cloneproperties.e-draganddrop .e-rowcell.e-focused {
+  box-shadow: none;
+}
 .e-grid .e-cloneproperties.e-draganddrop table,
 .e-grid .e-cloneproperties.e-draganddrop table .e-selectionbackground {
   background-color: #e5e7eb;