@syncfusion/ej2-treegrid 28.1.36 → 28.1.39

package/dist/global/index.d.ts

@@ -1,3 +1,12 @@
+/*!
+*  filename: index.d.ts
+*  version : 28.1.39
+*  Copyright Syncfusion Inc. 2001 - 2024. 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
+*  licensing@syncfusion.com. Any infringement will be prosecuted under
+*  applicable laws. 
+*/
 import * as _treegrid from '@syncfusion/ej2-treegrid';
 
 export declare namespace ej {

package/package.json

@@ -1,8 +1,8 @@
 {
   "_from": "@syncfusion/ej2-treegrid@*",
-  "_id": "@syncfusion/ej2-treegrid@28.1.35",
+  "_id": "@syncfusion/ej2-treegrid@28.1.37",
   "_inBundle": false,
-  "_integrity": "sha512-BLl7cK2TBNXXyvx3yir9noNUxx5WFfv8ITEQcsZSlWCNCqEJOGw3ln8fBObRDdi1puWjhpPQFJvGjQ7F/dN/0A==",
+  "_integrity": "sha512-ySpUDpaabk8geF3hDV1U5qCI68d0hz8go/gqc6NuNYhzPI9Pjgr9CETwdZeo51DcMVgOq62u/37RaxvttrCRtw==",
   "_location": "/@syncfusion/ej2-treegrid",
   "_phantomChildren": {},
   "_requested": {
@@ -18,13 +18,14 @@
   },
   "_requiredBy": [
     "/",
+    "/@syncfusion/ej2",
     "/@syncfusion/ej2-angular-treegrid",
     "/@syncfusion/ej2-gantt",
     "/@syncfusion/ej2-react-treegrid",
     "/@syncfusion/ej2-vue-treegrid"
   ],
-  "_resolved": "https://nexus.syncfusioninternal.com/repository/ej2-hotfix-new/@syncfusion/ej2-treegrid/-/ej2-treegrid-28.1.35.tgz",
-  "_shasum": "4b3f4413ac07e18a6c6bc65439522e693a99c386",
+  "_resolved": "https://nexus.syncfusioninternal.com/repository/ej2-hotfix-new/@syncfusion/ej2-treegrid/-/ej2-treegrid-28.1.37.tgz",
+  "_shasum": "1feae0e79e8908e04e1083a44c98458c649c98ec",
   "_spec": "@syncfusion/ej2-treegrid@*",
   "_where": "/jenkins/workspace/elease-automation_release_28.1.1/packages/included",
   "author": {
@@ -37,8 +38,8 @@
   "dependencies": {
     "@syncfusion/ej2-base": "~28.1.33",
     "@syncfusion/ej2-data": "~28.1.33",
-    "@syncfusion/ej2-grids": "~28.1.36",
-    "@syncfusion/ej2-popups": "~28.1.33"
+    "@syncfusion/ej2-grids": "~28.1.38",
+    "@syncfusion/ej2-popups": "~28.1.39"
   },
   "deprecated": false,
   "description": "Essential JS 2 TreeGrid Component",
@@ -75,6 +76,6 @@
     "url": "git+https://github.com/syncfusion/ej2-treegrid.git"
   },
   "typings": "index.d.ts",
-  "version": "28.1.36",
+  "version": "28.1.39",
   "sideEffects": false
 }

package/src/treegrid/actions/virtual-scroll.js

@@ -159,14 +159,22 @@ var VirtualScroll = /** @class */ (function () {
                 endIndex = startIndex + this.parent.grid.pageSettings.pageSize;
             }
             if (!isNullOrUndefined(this.expandCollapseRec)) {
-                var resourceCount = this.parent.getRows();
+                var resourceCount = this.parent.grid.pageSettings.pageSize;
                 var sIndex = visualData.indexOf(this.expandCollapseRec);
-                var tempdata = visualData.slice(sIndex, sIndex + resourceCount.length);
-                if (tempdata.length < resourceCount.length && sIndex >= 0 && startIndex !== 0) {
-                    sIndex = visualData.length - resourceCount.length;
+                var tempdata = visualData.slice(sIndex, sIndex + resourceCount);
+                if (tempdata.length < resourceCount && sIndex >= 0 && startIndex !== 0) {
+                    sIndex = visualData.length - resourceCount;
                     sIndex = sIndex > 0 ? sIndex : 0;
-                    startIndex = sIndex;
                     endIndex = visualData.length;
+                    if (endIndex - startIndex < resourceCount) {
+                        var newRowsCount = sIndex - startIndex;
+                        startIndex = sIndex;
+                        if (visualData.indexOf(this.expandCollapseRec) > visualData.length - resourceCount / 2) {
+                            var newTranslateY = translateY + (newRowsCount * this.parent.grid.getRowHeight());
+                            this.parent.grid.contentModule['translateY'] = newTranslateY;
+                            this.parent.grid.contentModule.virtualEle.adjustTable(0, newTranslateY);
+                        }
+                    }
                 }
                 else if (getValue('isCollapseAll', this.parent)) {
                     startIndex = 0;

package/src/treegrid/base/data.js

@@ -338,6 +338,7 @@ var DataManipulation = /** @class */ (function () {
                     this.parent.grid.detailRowModule.expand(expandingTd);
                 }
             }
+            this.parent.grid.pageSettings.totalRecordsCount += rowDetails.rows.length;
         }
         else {
             this.fetchRemoteChildData({ action: rowDetails["" + name], record: rowDetails.record, rows: rowDetails.rows, parentRow: rowDetails.parentRow });

package/src/treegrid/base/treegrid.js

@@ -3048,18 +3048,6 @@ var TreeGrid = /** @class */ (function (_super) {
                 this.trigger(events.expanded, expandArgs);
             }
         }
-        if (this.enableVirtualization) {
-            var index = this.grid.currentViewData.indexOf(record);
-            var expandedRow = isNullOrUndefined(row) ? this.getRows()[parseInt(index.toString(), 10)] : row;
-            if (!isNullOrUndefined(expandedRow)) {
-                var rowIndex = +expandedRow.getAttribute('data-rowindex');
-                var outBuffer = this.grid.pageSettings.pageSize - Math.ceil(this.grid.pageSettings.pageSize / 2);
-                var lastBlockIdx = initialTotalRecordsCount - outBuffer;
-                if (rowIndex > lastBlockIdx) {
-                    this.grid.getContent().firstElementChild.scrollTop = rowIndex * this.grid.getRowHeight();
-                }
-            }
-        }
     };
     TreeGrid.prototype.expandCollapseAllChildren = function (record, action, key, level) {
         if ((!isNullOrUndefined(key) && record[this.getPrimaryKeyFieldNames()[0]] !== key) ||
@@ -3175,18 +3163,6 @@ var TreeGrid = /** @class */ (function (_super) {
                     this.grid.getContent().firstElementChild.scrollBy(0, this.grid.getRowHeight());
                 }
             }
-            if (this.enableVirtualization) {
-                var index = this.grid.currentViewData.indexOf(record);
-                var collapsedRow = isNullOrUndefined(row) ? this.getRows()[parseInt(index.toString(), 10)] : row;
-                if (!isNullOrUndefined(collapsedRow)) {
-                    var rowIndex = +collapsedRow.getAttribute('data-rowindex');
-                    var outBuffer = this.grid.pageSettings.pageSize - Math.ceil(this.grid.pageSettings.pageSize / 2);
-                    var lastBlockIdx = this.grid.totalDataRecordsCount - outBuffer;
-                    if (rowIndex > lastBlockIdx) {
-                        this.grid.getContent().firstElementChild.scrollBy(0, (rowIndex - lastBlockIdx) * this.grid.getRowHeight());
-                    }
-                }
-            }
         }
     };
     TreeGrid.prototype.updateExpandStateMapping = function (record, state) {
@@ -3861,6 +3837,7 @@ var TreeGrid = /** @class */ (function (_super) {
                 }
             }
         }
+        this.grid.pageSettings.totalRecordsCount -= rows.length;
     };
     /**
      * Method to sanitize html element

package/src/treegrid/renderer/virtual-row-model-generator.js

@@ -15,7 +15,7 @@ import { VirtualRowModelGenerator } from '@syncfusion/ej2-grids';
 import * as events from '../base/constant';
 import { isNullOrUndefined } from '@syncfusion/ej2-base';
 import { DataManager } from '@syncfusion/ej2-data';
-import { isCountRequired } from '../utils';
+import { isCountRequired, isRemoteData } from '../utils';
 /**
  * RowModelGenerator is used to generate grid data rows.
  *
@@ -50,8 +50,7 @@ var TreeVirtualRowModelGenerator = /** @class */ (function (_super) {
         if (!isNullOrUndefined(notifyArgs.virtualInfo)) {
             if (notifyArgs.virtualInfo.direction !== 'right' && notifyArgs.virtualInfo.direction !== 'left') {
                 if (!((this.parent.dataSource instanceof DataManager && this.parent.dataSource.dataSource.url !== undefined
-                    && !this.parent.dataSource.dataSource.offline && this.parent.dataSource.dataSource.url !== '') || isCountRequired(this.parent))
-                    || notifyArgs.virtualInfo.blockIndexes.length === 1) {
+                    && !this.parent.dataSource.dataSource.offline && this.parent.dataSource.dataSource.url !== '') || isCountRequired(this.parent) || isRemoteData(this.parent))) {
                     notifyArgs.virtualInfo.blockIndexes = info.blockIndexes;
                 }
             }
@@ -60,7 +59,7 @@ var TreeVirtualRowModelGenerator = /** @class */ (function (_super) {
             }
         }
         if ((this.parent.dataSource instanceof DataManager && this.parent.dataSource.dataSource.url !== undefined
-            && !this.parent.dataSource.dataSource.offline && this.parent.dataSource.dataSource.url !== '') || isCountRequired(this.parent)) {
+            && !this.parent.dataSource.dataSource.offline && this.parent.dataSource.dataSource.url !== '') || isCountRequired(this.parent) || isRemoteData(this.parent)) {
             return _super.prototype.generateRows.call(this, data, notifyArgs);
         }
         else {
@@ -81,7 +80,7 @@ var TreeVirtualRowModelGenerator = /** @class */ (function (_super) {
         var clear = ['paging', 'refresh', 'sorting', 'filtering', 'searching', 'reorder',
             'save', 'delete'].some(function (value) { return action === value; });
         if ((this.parent.dataSource instanceof DataManager && this.parent.dataSource.dataSource.url !== undefined
-            && !this.parent.dataSource.dataSource.offline && this.parent.dataSource.dataSource.url !== '') || isCountRequired(this.parent)) {
+            && !this.parent.dataSource.dataSource.offline && this.parent.dataSource.dataSource.url !== '') || isCountRequired(this.parent) || isRemoteData(this.parent)) {
             var model = 'model';
             var currentPage = this["" + model].currentPage;
             if (clear) {

package/src/treegrid/renderer/virtual-tree-content-render.js

@@ -19,7 +19,7 @@ import { TreeVirtualRowModelGenerator } from '../renderer/virtual-row-model-gene
 import * as events from '../base/constant';
 import { isNullOrUndefined, EventHandler, getValue, setValue, Browser, debounce } from '@syncfusion/ej2-base';
 import { DataManager } from '@syncfusion/ej2-data';
-import { isCountRequired } from '../utils';
+import { isCountRequired, isRemoteData } from '../utils';
 var VirtualTreeContentRenderer = /** @class */ (function (_super) {
     __extends(VirtualTreeContentRenderer, _super);
     function VirtualTreeContentRenderer(parent, locator) {
@@ -523,12 +523,27 @@ var VirtualTreeContentRenderer = /** @class */ (function (_super) {
                 }
             }
         }
-        if (((downScroll && (scrollArgs.offset.top < (rowHeight * this.totalRecords)))
+        if (isRemoteData(this.parent) || ((downScroll && (scrollArgs.offset.top < (rowHeight * this.totalRecords)))
             || (upScroll)) || (scrollArgs.direction === 'right' || scrollArgs.direction === 'left') ||
             ((this.parent.dataSource instanceof DataManager && this.parent.dataSource.dataSource.url !== undefined
                 && !this.parent.dataSource.dataSource.offline && this.parent.dataSource.dataSource.url !== '') && (downScroll || upScroll) || isCountRequired(this.parent))) {
             var viewInfo = this.currentInfo = getValue('getInfoFromView', this).apply(this, [scrollArgs.direction, info, scrollArgs.offset]);
             this.previousInfo = viewInfo;
+            if (this.prevInfo && ((info.axis === 'Y' && this.prevInfo.blockIndexes.toString() === viewInfo.blockIndexes.toString())
+                || ((info.axis === 'X' && this.prevInfo.columnIndexes.toString() === viewInfo.columnIndexes.toString())
+                    || (this.parent.isFrozenGrid() && this.parent.getVisibleFrozenLeftCount() >= viewInfo.columnIndexes[0]
+                        && this.prevInfo.columnIndexes.toString().includes(viewInfo.columnIndexes.toString()))))) {
+                this.parent.removeMaskRow();
+                this.parent.notify('removeGanttShimmer', { requestType: 'hideShimmer' });
+                if (Browser.isIE) {
+                    this.parent.hideSpinner();
+                }
+                this.requestType = this.requestType === 'virtualscroll' ? this['empty'] : this.requestType;
+                if (info.axis === 'Y') {
+                    this['restoreEdit']();
+                }
+                return;
+            }
             this.parent.setColumnIndexesInView(this.parent.enableColumnVirtualization ? viewInfo.columnIndexes : []);
             var page = viewInfo.loadNext && !viewInfo.loadSelf ? viewInfo.nextInfo.page : viewInfo.page;
             this.parent.setProperties({ pageSettings: { currentPage: page } }, true);
@@ -555,7 +570,7 @@ var VirtualTreeContentRenderer = /** @class */ (function (_super) {
     };
     VirtualTreeContentRenderer.prototype.appendContent = function (target, newChild, e) {
         if ((this.parent.dataSource instanceof DataManager && this.parent.dataSource.dataSource.url !== undefined
-            && !this.parent.dataSource.dataSource.offline && this.parent.dataSource.dataSource.url !== '') || isCountRequired(this.parent)) {
+            && !this.parent.dataSource.dataSource.offline && this.parent.dataSource.dataSource.url !== '') || isCountRequired(this.parent) || isRemoteData(this.parent)) {
             if (getValue('isExpandCollapse', e)) {
                 this.isRemoteExpand = true;
             }

package/src/treegrid/utils.d.ts

@@ -5,7 +5,7 @@ import { ITreeData } from './base/interface';
  * @param {TreeGrid} parent - Tree Grid instance
  * @returns {boolean} - Specifies whether remote data binding
  */
-export declare function isRemoteData(parent: TreeGrid): boolean;
+export declare function isRemoteData(parent: TreeGrid | IGrid): boolean;
 /**
  * @param {TreeGrid | IGrid} parent - Tree Grid or Grid instance
  * @returns {boolean} - Returns whether custom binding

package/styles/bds-lite.css

@@ -460,6 +460,17 @@
 .e-treegrid .e-checkselection .e-movablecontent .e-rowcell {
   line-height: 21px;
 }
+.e-treegrid .e-treegridexpand,
+.e-treegrid .e-treegridcollapse {
+  color: var(--color-sf-fg-secondary);
+  cursor: pointer;
+  font-size: 18px;
+  height: 18px;
+  padding: 0;
+  text-align: center;
+  vertical-align: text-bottom;
+  width: 16px;
+}
 .e-treegrid .e-treecell {
   display: table-cell;
   line-height: normal;
@@ -690,20 +701,6 @@
   border-bottom-color: var(--color-sf-brand-primary);
 }
 
-.e-treegrid .e-treegridexpand,
-.e-treegrid .e-treegridcollapse,
-.e-grid .e-treegridexpand,
-.e-grid .e-treegridcollapse {
-  color: var(--color-sf-fg-secondary);
-  cursor: pointer;
-  font-size: 18px;
-  height: 18px;
-  padding: 0;
-  text-align: center;
-  vertical-align: text-bottom;
-  width: 16px;
-}
-
 .e-treelistgrid.e-print-grid-layout .e-icons.e-none::before {
   content: "";
 }

package/styles/bds.css

@@ -460,6 +460,17 @@
 .e-treegrid .e-checkselection .e-movablecontent .e-rowcell {
   line-height: 21px;
 }
+.e-treegrid .e-treegridexpand,
+.e-treegrid .e-treegridcollapse {
+  color: var(--color-sf-fg-secondary);
+  cursor: pointer;
+  font-size: 18px;
+  height: 18px;
+  padding: 0;
+  text-align: center;
+  vertical-align: text-bottom;
+  width: 16px;
+}
 .e-treegrid .e-treecell {
   display: table-cell;
   line-height: normal;
@@ -690,20 +701,6 @@
   border-bottom-color: var(--color-sf-brand-primary);
 }
 
-.e-treegrid .e-treegridexpand,
-.e-treegrid .e-treegridcollapse,
-.e-grid .e-treegridexpand,
-.e-grid .e-treegridcollapse {
-  color: var(--color-sf-fg-secondary);
-  cursor: pointer;
-  font-size: 18px;
-  height: 18px;
-  padding: 0;
-  text-align: center;
-  vertical-align: text-bottom;
-  width: 16px;
-}
-
 .e-treelistgrid.e-print-grid-layout .e-icons.e-none::before {
   content: "";
 }

package/styles/bootstrap-dark-lite.css

@@ -221,6 +221,17 @@
 .e-treegrid .e-checkselection .e-movablecontent .e-rowcell {
   line-height: 21px;
 }
+.e-treegrid .e-treegridexpand,
+.e-treegrid .e-treegridcollapse {
+  color: #f0f0f0;
+  cursor: pointer;
+  font-size: 10px;
+  height: 16px;
+  padding: 0;
+  text-align: center;
+  vertical-align: text-bottom;
+  width: 16px;
+}
 .e-treegrid .e-treecell {
   display: table-cell;
   line-height: normal;
@@ -451,20 +462,6 @@
   border-bottom-color: #0070f0;
 }
 
-.e-treegrid .e-treegridexpand,
-.e-treegrid .e-treegridcollapse,
-.e-grid .e-treegridexpand,
-.e-grid .e-treegridcollapse {
-  color: #f0f0f0;
-  cursor: pointer;
-  font-size: 10px;
-  height: 16px;
-  padding: 0;
-  text-align: center;
-  vertical-align: text-bottom;
-  width: 16px;
-}
-
 .e-treelistgrid.e-print-grid-layout .e-icons.e-none::before {
   content: "";
 }

package/styles/bootstrap-dark.css

@@ -221,6 +221,17 @@
 .e-treegrid .e-checkselection .e-movablecontent .e-rowcell {
   line-height: 21px;
 }
+.e-treegrid .e-treegridexpand,
+.e-treegrid .e-treegridcollapse {
+  color: #f0f0f0;
+  cursor: pointer;
+  font-size: 10px;
+  height: 16px;
+  padding: 0;
+  text-align: center;
+  vertical-align: text-bottom;
+  width: 16px;
+}
 .e-treegrid .e-treecell {
   display: table-cell;
   line-height: normal;
@@ -451,20 +462,6 @@
   border-bottom-color: #0070f0;
 }
 
-.e-treegrid .e-treegridexpand,
-.e-treegrid .e-treegridcollapse,
-.e-grid .e-treegridexpand,
-.e-grid .e-treegridcollapse {
-  color: #f0f0f0;
-  cursor: pointer;
-  font-size: 10px;
-  height: 16px;
-  padding: 0;
-  text-align: center;
-  vertical-align: text-bottom;
-  width: 16px;
-}
-
 .e-treelistgrid.e-print-grid-layout .e-icons.e-none::before {
   content: "";
 }

package/styles/bootstrap-lite.css

@@ -236,6 +236,17 @@
 .e-treegrid .e-checkselection .e-movablecontent .e-rowcell {
   line-height: 21px;
 }
+.e-treegrid .e-treegridexpand,
+.e-treegrid .e-treegridcollapse {
+  color: #333;
+  cursor: pointer;
+  font-size: 10px;
+  height: 16px;
+  padding: 0;
+  text-align: center;
+  vertical-align: text-bottom;
+  width: 16px;
+}
 .e-treegrid .e-treecell {
   display: table-cell;
   line-height: normal;
@@ -466,20 +477,6 @@
   border-bottom-color: #317ab9;
 }
 
-.e-treegrid .e-treegridexpand,
-.e-treegrid .e-treegridcollapse,
-.e-grid .e-treegridexpand,
-.e-grid .e-treegridcollapse {
-  color: #333;
-  cursor: pointer;
-  font-size: 10px;
-  height: 16px;
-  padding: 0;
-  text-align: center;
-  vertical-align: text-bottom;
-  width: 16px;
-}
-
 .e-treelistgrid.e-print-grid-layout .e-icons.e-none::before {
   content: "";
 }

package/styles/bootstrap.css

@@ -236,6 +236,17 @@
 .e-treegrid .e-checkselection .e-movablecontent .e-rowcell {
   line-height: 21px;
 }
+.e-treegrid .e-treegridexpand,
+.e-treegrid .e-treegridcollapse {
+  color: #333;
+  cursor: pointer;
+  font-size: 10px;
+  height: 16px;
+  padding: 0;
+  text-align: center;
+  vertical-align: text-bottom;
+  width: 16px;
+}
 .e-treegrid .e-treecell {
   display: table-cell;
   line-height: normal;
@@ -466,20 +477,6 @@
   border-bottom-color: #317ab9;
 }
 
-.e-treegrid .e-treegridexpand,
-.e-treegrid .e-treegridcollapse,
-.e-grid .e-treegridexpand,
-.e-grid .e-treegridcollapse {
-  color: #333;
-  cursor: pointer;
-  font-size: 10px;
-  height: 16px;
-  padding: 0;
-  text-align: center;
-  vertical-align: text-bottom;
-  width: 16px;
-}
-
 .e-treelistgrid.e-print-grid-layout .e-icons.e-none::before {
   content: "";
 }

package/styles/bootstrap4-lite.css

@@ -257,6 +257,17 @@
 .e-treegrid .e-checkselection .e-movablecontent .e-rowcell {
   line-height: 21px;
 }
+.e-treegrid .e-treegridexpand,
+.e-treegrid .e-treegridcollapse {
+  color: #495057;
+  cursor: pointer;
+  font-size: 10px;
+  height: 16px;
+  padding: 0;
+  text-align: center;
+  vertical-align: text-bottom;
+  width: 16px;
+}
 .e-treegrid .e-treecell {
   display: table-cell;
   line-height: normal;
@@ -487,20 +498,6 @@
   border-bottom-color: #e3165b;
 }
 
-.e-treegrid .e-treegridexpand,
-.e-treegrid .e-treegridcollapse,
-.e-grid .e-treegridexpand,
-.e-grid .e-treegridcollapse {
-  color: #495057;
-  cursor: pointer;
-  font-size: 10px;
-  height: 16px;
-  padding: 0;
-  text-align: center;
-  vertical-align: text-bottom;
-  width: 16px;
-}
-
 .e-treelistgrid.e-print-grid-layout .e-icons.e-none::before {
   content: "";
 }

package/styles/bootstrap4.css

@@ -257,6 +257,17 @@
 .e-treegrid .e-checkselection .e-movablecontent .e-rowcell {
   line-height: 21px;
 }
+.e-treegrid .e-treegridexpand,
+.e-treegrid .e-treegridcollapse {
+  color: #495057;
+  cursor: pointer;
+  font-size: 10px;
+  height: 16px;
+  padding: 0;
+  text-align: center;
+  vertical-align: text-bottom;
+  width: 16px;
+}
 .e-treegrid .e-treecell {
   display: table-cell;
   line-height: normal;
@@ -487,20 +498,6 @@
   border-bottom-color: #e3165b;
 }
 
-.e-treegrid .e-treegridexpand,
-.e-treegrid .e-treegridcollapse,
-.e-grid .e-treegridexpand,
-.e-grid .e-treegridcollapse {
-  color: #495057;
-  cursor: pointer;
-  font-size: 10px;
-  height: 16px;
-  padding: 0;
-  text-align: center;
-  vertical-align: text-bottom;
-  width: 16px;
-}
-
 .e-treelistgrid.e-print-grid-layout .e-icons.e-none::before {
   content: "";
 }

package/styles/bootstrap5-dark-lite.css

@@ -260,6 +260,17 @@
 .e-treegrid .e-checkselection .e-movablecontent .e-rowcell {
   line-height: 21px;
 }
+.e-treegrid .e-treegridexpand,
+.e-treegrid .e-treegridcollapse {
+  color: #adb5bd;
+  cursor: pointer;
+  font-size: 18px;
+  height: 18px;
+  padding: 0;
+  text-align: center;
+  vertical-align: text-bottom;
+  width: 16px;
+}
 .e-treegrid .e-treecell {
   display: table-cell;
   line-height: 19px;
@@ -490,20 +501,6 @@
   border-bottom-color: #0d6efd;
 }
 
-.e-treegrid .e-treegridexpand,
-.e-treegrid .e-treegridcollapse,
-.e-grid .e-treegridexpand,
-.e-grid .e-treegridcollapse {
-  color: #adb5bd;
-  cursor: pointer;
-  font-size: 18px;
-  height: 18px;
-  padding: 0;
-  text-align: center;
-  vertical-align: text-bottom;
-  width: 16px;
-}
-
 .e-treelistgrid.e-print-grid-layout .e-icons.e-none::before {
   content: "";
 }

package/styles/bootstrap5-dark.css

@@ -260,6 +260,17 @@
 .e-treegrid .e-checkselection .e-movablecontent .e-rowcell {
   line-height: 21px;
 }
+.e-treegrid .e-treegridexpand,
+.e-treegrid .e-treegridcollapse {
+  color: #adb5bd;
+  cursor: pointer;
+  font-size: 18px;
+  height: 18px;
+  padding: 0;
+  text-align: center;
+  vertical-align: text-bottom;
+  width: 16px;
+}
 .e-treegrid .e-treecell {
   display: table-cell;
   line-height: 19px;
@@ -490,20 +501,6 @@
   border-bottom-color: #0d6efd;
 }
 
-.e-treegrid .e-treegridexpand,
-.e-treegrid .e-treegridcollapse,
-.e-grid .e-treegridexpand,
-.e-grid .e-treegridcollapse {
-  color: #adb5bd;
-  cursor: pointer;
-  font-size: 18px;
-  height: 18px;
-  padding: 0;
-  text-align: center;
-  vertical-align: text-bottom;
-  width: 16px;
-}
-
 .e-treelistgrid.e-print-grid-layout .e-icons.e-none::before {
   content: "";
 }

package/styles/bootstrap5-lite.css

@@ -260,6 +260,17 @@
 .e-treegrid .e-checkselection .e-movablecontent .e-rowcell {
   line-height: 21px;
 }
+.e-treegrid .e-treegridexpand,
+.e-treegrid .e-treegridcollapse {
+  color: #6c757d;
+  cursor: pointer;
+  font-size: 18px;
+  height: 18px;
+  padding: 0;
+  text-align: center;
+  vertical-align: text-bottom;
+  width: 16px;
+}
 .e-treegrid .e-treecell {
   display: table-cell;
   line-height: 19px;
@@ -490,20 +501,6 @@
   border-bottom-color: #0d6efd;
 }
 
-.e-treegrid .e-treegridexpand,
-.e-treegrid .e-treegridcollapse,
-.e-grid .e-treegridexpand,
-.e-grid .e-treegridcollapse {
-  color: #6c757d;
-  cursor: pointer;
-  font-size: 18px;
-  height: 18px;
-  padding: 0;
-  text-align: center;
-  vertical-align: text-bottom;
-  width: 16px;
-}
-
 .e-treelistgrid.e-print-grid-layout .e-icons.e-none::before {
   content: "";
 }