@syncfusion/ej2-vue-treegrid 19.3.44 → 19.3.48

package/package.json

@@ -1,8 +1,8 @@
 {
   "_from": "@syncfusion/ej2-vue-treegrid@*",
-  "_id": "@syncfusion/ej2-vue-treegrid@18.9.1",
+  "_id": "@syncfusion/ej2-vue-treegrid@19.3.47",
   "_inBundle": false,
-  "_integrity": "sha512-fWPQulj51n7mWeYg5p9Gn8bgp3FCxYjA7QPFe7c7k6Akq2y5oXSwhIkcdSvkMkL+Vl/AyAjywaKl6YOlCJ61mg==",
+  "_integrity": "sha512-2n922mpo6kZCLX34qyyQepSW4RWSkQCxKQX2XLxtJZsmaSD5kSJ6E7/wTE9YgbqBk4dKRIqmvNavRK06cfzXIw==",
   "_location": "/@syncfusion/ej2-vue-treegrid",
   "_phantomChildren": {},
   "_requested": {
@@ -19,8 +19,8 @@
   "_requiredBy": [
     "/"
   ],
-  "_resolved": "http://nexus.syncfusion.com/repository/ej2-hotfix/@syncfusion/ej2-vue-treegrid/-/ej2-vue-treegrid-18.9.1.tgz",
-  "_shasum": "62f43692206c88d1de494c58edaa414943a55711",
+  "_resolved": "http://nexus.syncfusion.com/repository/ej2-hotfix/@syncfusion/ej2-vue-treegrid/-/ej2-vue-treegrid-19.3.47.tgz",
+  "_shasum": "53e5d0b7260e4b5fa2baaf3e692916283ec0dae8",
   "_spec": "@syncfusion/ej2-vue-treegrid@*",
   "_where": "/jenkins/workspace/automation_release_19.1.0.1-ZPMUBNQ6AUYH6YGEFBPVYMEQLRRW2SLD4XCZ6GATNZJFYJ3RIAOA/packages/included",
   "author": {
@@ -31,9 +31,9 @@
   },
   "bundleDependencies": false,
   "dependencies": {
-    "@syncfusion/ej2-base": "~19.3.43",
-    "@syncfusion/ej2-treegrid": "19.3.44",
-    "@syncfusion/ej2-vue-base": "~19.3.43"
+    "@syncfusion/ej2-base": "~19.3.47",
+    "@syncfusion/ej2-treegrid": "19.3.48",
+    "@syncfusion/ej2-vue-base": "~19.3.47"
   },
   "deprecated": false,
   "description": "Essential JS 2 TreeGrid Component for Vue",
@@ -62,6 +62,6 @@
     "type": "git",
     "url": "git+https://github.com/syncfusion/ej2-vue-ui-components.git"
   },
-  "version": "19.3.44",
+  "version": "19.3.48",
   "sideEffects": false
 }

package/src/treegrid/treegrid.component.js

@@ -25,7 +25,7 @@ import { ColumnsDirective, ColumnDirective, ColumnsPlugin, ColumnPlugin } from '
 import { AggregateColumnsDirective, AggregateColumnDirective, AggregateColumnsPlugin, AggregateColumnPlugin } from './aggregate-columns.directive';
 import { AggregatesDirective, AggregateDirective, AggregatesPlugin, AggregatePlugin } from './aggregates.directive';
 import { Options } from 'vue-class-component';
-export var properties = ['islazyUpdate', 'aggregates', 'allowExcelExport', 'allowFiltering', 'allowMultiSorting', 'allowPaging', 'allowPdfExport', 'allowReordering', 'allowResizing', 'allowRowDragAndDrop', 'allowSelection', 'allowSorting', 'allowTextWrap', 'autoCheckHierarchy', 'childMapping', 'clipMode', 'columnMenuItems', 'columnQueryMode', 'columns', 'contextMenuItems', 'copyHierarchyMode', 'dataSource', 'detailTemplate', 'editSettings', 'enableAltRow', 'enableAutoFill', 'enableCollapseAll', 'enableHover', 'enableImmutableMode', 'enableInfiniteScrolling', 'enablePersistence', 'enableRtl', 'enableVirtualization', 'expandStateMapping', 'filterSettings', 'frozenColumns', 'frozenRows', 'gridLines', 'hasChildMapping', 'height', 'idMapping', 'infiniteScrollSettings', 'loadChildOnDemand', 'locale', 'pageSettings', 'parentIdMapping', 'printMode', 'query', 'rowDropSettings', 'rowHeight', 'rowTemplate', 'searchSettings', 'selectedRowIndex', 'selectionSettings', 'showColumnChooser', 'showColumnMenu', 'sortSettings', 'textWrapSettings', 'toolbar', 'treeColumnIndex', 'width', 'actionBegin', 'actionComplete', 'actionFailure', 'batchAdd', 'batchCancel', 'batchDelete', 'beforeBatchAdd', 'beforeBatchDelete', 'beforeBatchSave', 'beforeCopy', 'beforeDataBound', 'beforeExcelExport', 'beforePaste', 'beforePdfExport', 'beforePrint', 'beginEdit', 'cellDeselected', 'cellDeselecting', 'cellEdit', 'cellSave', 'cellSaved', 'cellSelected', 'cellSelecting', 'checkboxChange', 'collapsed', 'collapsing', 'columnDrag', 'columnDragStart', 'columnDrop', 'columnMenuClick', 'columnMenuOpen', 'contextMenuClick', 'contextMenuOpen', 'created', 'dataBound', 'dataSourceChanged', 'dataStateChange', 'detailDataBound', 'excelExportComplete', 'excelHeaderQueryCellInfo', 'excelQueryCellInfo', 'expanded', 'expanding', 'headerCellInfo', 'load', 'pdfExportComplete', 'pdfHeaderQueryCellInfo', 'pdfQueryCellInfo', 'printComplete', 'queryCellInfo', 'recordDoubleClick', 'resizeStart', 'resizeStop', 'resizing', 'rowDataBound', 'rowDeselected', 'rowDeselecting', 'rowDrag', 'rowDragStart', 'rowDragStartHelper', 'rowDrop', 'rowSelected', 'rowSelecting', 'toolbarClick'];
+export var properties = ['islazyUpdate', 'aggregates', 'allowExcelExport', 'allowFiltering', 'allowMultiSorting', 'allowPaging', 'allowPdfExport', 'allowReordering', 'allowResizing', 'allowRowDragAndDrop', 'allowSelection', 'allowSorting', 'allowTextWrap', 'autoCheckHierarchy', 'childMapping', 'clipMode', 'columnMenuItems', 'columnQueryMode', 'columns', 'contextMenuItems', 'copyHierarchyMode', 'dataSource', 'detailTemplate', 'editSettings', 'enableAltRow', 'enableAutoFill', 'enableCollapseAll', 'enableColumnVirtualization', 'enableHover', 'enableImmutableMode', 'enableInfiniteScrolling', 'enablePersistence', 'enableRtl', 'enableVirtualization', 'expandStateMapping', 'filterSettings', 'frozenColumns', 'frozenRows', 'gridLines', 'hasChildMapping', 'height', 'idMapping', 'infiniteScrollSettings', 'loadChildOnDemand', 'locale', 'pageSettings', 'parentIdMapping', 'printMode', 'query', 'rowDropSettings', 'rowHeight', 'rowTemplate', 'searchSettings', 'selectedRowIndex', 'selectionSettings', 'showColumnChooser', 'showColumnMenu', 'sortSettings', 'textWrapSettings', 'toolbar', 'treeColumnIndex', 'width', 'actionBegin', 'actionComplete', 'actionFailure', 'batchAdd', 'batchCancel', 'batchDelete', 'beforeBatchAdd', 'beforeBatchDelete', 'beforeBatchSave', 'beforeCopy', 'beforeDataBound', 'beforeExcelExport', 'beforePaste', 'beforePdfExport', 'beforePrint', 'beginEdit', 'cellDeselected', 'cellDeselecting', 'cellEdit', 'cellSave', 'cellSaved', 'cellSelected', 'cellSelecting', 'checkboxChange', 'collapsed', 'collapsing', 'columnDrag', 'columnDragStart', 'columnDrop', 'columnMenuClick', 'columnMenuOpen', 'contextMenuClick', 'contextMenuOpen', 'created', 'dataBound', 'dataSourceChanged', 'dataStateChange', 'detailDataBound', 'excelExportComplete', 'excelHeaderQueryCellInfo', 'excelQueryCellInfo', 'expanded', 'expanding', 'headerCellInfo', 'load', 'pdfExportComplete', 'pdfHeaderQueryCellInfo', 'pdfQueryCellInfo', 'printComplete', 'queryCellInfo', 'recordDoubleClick', 'resizeStart', 'resizeStop', 'resizing', 'rowDataBound', 'rowDeselected', 'rowDeselecting', 'rowDrag', 'rowDragStart', 'rowDragStartHelper', 'rowDrop', 'rowSelected', 'rowSelecting', 'toolbarClick'];
 export var modelProps = ['dataSource'];
 export var testProp = getProps({ props: properties });
 export var props = testProp[0];

package/styles/bootstrap-dark.css

@@ -270,7 +270,7 @@
 
 .e-treegrid .e-treecell {
   display: table-cell;
-  line-height: 10px;
+  line-height: normal;
 }
 
 .e-treegrid .e-grid.e-wrap .e-rowcell .e-treecolumn-container {

package/styles/bootstrap.css

@@ -271,7 +271,7 @@
 
 .e-treegrid .e-treecell {
   display: table-cell;
-  line-height: 10px;
+  line-height: normal;
 }
 
 .e-treegrid .e-grid.e-wrap .e-rowcell .e-treecolumn-container {

package/styles/bootstrap4.css

@@ -77,6 +77,11 @@
   background: transparent;
 }
 
+.e-input-group.e-control-wrapper.e-ddl.e-readonly .e-input[readonly],
+.e-float-input.e-control-wrapper.e-ddl.e-readonly input[readonly] {
+  background: #e9ecef;
+}
+
 .e-input-group:not(.e-disabled) .e-control.e-dropdownlist ~ .e-ddl-icon:active,
 .e-input-group:not(.e-disabled) .e-control.e-dropdownlist ~ .e-ddl-icon:hover,
 .e-control.e-dropdownlist .e-input-group:not(.e-disabled) .e-ddl-icon:active,
@@ -306,7 +311,7 @@
 
 .e-treegrid .e-treecell {
   display: table-cell;
-  line-height: 10px;
+  line-height: normal;
 }
 
 .e-treegrid .e-grid.e-wrap .e-rowcell .e-treecolumn-container {

package/styles/bootstrap5-dark.css

@@ -65,6 +65,11 @@
   background: transparent;
 }
 
+.e-input-group.e-control-wrapper.e-ddl.e-readonly .e-input[readonly],
+.e-float-input.e-control-wrapper.e-ddl.e-readonly input[readonly] {
+  background: #343a40;
+}
+
 .e-input-group:not(.e-disabled) .e-control.e-dropdownlist ~ .e-ddl-icon:active,
 .e-input-group:not(.e-disabled) .e-control.e-dropdownlist ~ .e-ddl-icon:hover,
 .e-control.e-dropdownlist .e-input-group:not(.e-disabled) .e-ddl-icon:active,
@@ -298,7 +303,7 @@
 
 .e-treegrid .e-treecell {
   display: table-cell;
-  line-height: 18px;
+  line-height: normal;
 }
 
 .e-treegrid .e-grid.e-wrap .e-rowcell .e-treecolumn-container {
@@ -350,22 +355,22 @@
 }
 
 .e-treegrid .e-errorelem::before {
-  color: #4f46e5;
+  color: #0d6efd;
   content: "";
   transform: rotate(180deg);
 }
 
 .e-treegrid .e-gridcontent td.e-childborder {
-  border-color: #4f46e5;
+  border-color: #0d6efd;
   border-width: 2px 0 0;
-  box-shadow: 0 1px 0 0 #4f46e5;
+  box-shadow: 0 1px 0 0 #0d6efd;
   position: relative;
   z-index: 1;
 }
 
 .e-treegrid .e-gridcontent td.e-rowcell.e-childborder.e-dragborder,
 .e-treegrid .e-gridcontent td.e-rowcell.e-dropbottom.e-dragborder td.e-rowdragdrop.e-dropbottom.e-dragborder {
-  box-shadow: 0 1px 0 0 #4f46e5;
+  box-shadow: 0 1px 0 0 #0d6efd;
 }
 
 .e-treegrid .e-gridcontent td.e-rowcell.e-dragborder,
@@ -375,14 +380,14 @@
 }
 
 .e-treegrid .e-gridcontent td.e-childborder:first-child {
-  border-left: 2px solid #4f46e5;
-  box-shadow: 0 1px 0 0 #4f46e5;
+  border-left: 2px solid #0d6efd;
+  box-shadow: 0 1px 0 0 #0d6efd;
   position: relative;
   z-index: 1;
 }
 
 .e-treegrid .e-gridcontent td.e-rowcell.e-childborder:last-child {
-  border-right: 2px solid #4f46e5;
+  border-right: 2px solid #0d6efd;
 }
 
 .e-treegrid .e-gridcontent td.e-lastrowcell.e-childborder {
@@ -390,29 +395,29 @@
 }
 
 .e-treegrid .e-gridcontent td.e-lastrowcell.e-childborder:last-child {
-  border-right: 2px solid #4f46e5;
+  border-right: 2px solid #0d6efd;
 }
 
 .e-treegrid .e-gridcontent td.e-lastrowcell.e-childborder:first-child {
-  border-left: 2px solid #4f46e5;
+  border-left: 2px solid #0d6efd;
 }
 
 .e-treegrid .e-gridcontent td.e-dropbottom:first-child,
 .e-treegrid .e-gridcontent td.e-rowcell.e-dropbottom,
 .e-treegrid .e-gridcontent td.e-dropbottom {
-  box-shadow: 0 1px 0 0 #4f46e5;
+  box-shadow: 0 1px 0 0 #0d6efd;
   position: relative;
   z-index: 1;
 }
 
 .e-treegrid .e-gridcontent td.e-droptop:first-child,
 .e-treegrid .e-gridcontent td.e-rowcell.e-droptop {
-  border-top-color: #4f46e5;
+  border-top-color: #0d6efd;
   border-width: 2px 0 0;
 }
 
 .e-treegrid .e-gridcontent td.e-lastrowcell.e-dropbottom {
-  border-bottom-color: #4f46e5;
+  border-bottom-color: #0d6efd;
 }
 
 .e-treegrid .e-gridcontent td.e-rowdragdrop.e-droptop.e-dragborder {
@@ -445,7 +450,7 @@
 
 .e-treegrid .e-gridheader .e-firstrow-border,
 .e-treegrid .e-gridcontent .e-lastrow-border {
-  background-color: #4f46e5;
+  background-color: #0d6efd;
   bottom: 0;
   display: none;
   height: 1px;
@@ -455,23 +460,23 @@
 
 .e-treegrid .e-grid .e-gridcontent tr.e-row:first-child td.e-rowcell.e-childborder,
 .e-treegrid .e-grid .e-gridcontent tr.e-row:first-child td.e-rowdragdrop.e-childborder {
-  border-bottom: 2px solid #4f46e5;
-  border-top: 2px solid #4f46e5;
+  border-bottom: 2px solid #0d6efd;
+  border-top: 2px solid #0d6efd;
   box-shadow: 0 0 0 0 #4f46e5;
 }
 
 .e-treegrid .e-grid .e-gridcontent tr.e-row:first-child td.e-rowcell.e-droptop,
 .e-treegrid .e-grid .e-gridcontent tr.e-row:first-child td.e-rowdragdrop.e-droptop {
-  border-top: 2px solid #4f46e5;
+  border-top: 2px solid #0d6efd;
 }
 
 .e-treegrid .e-grid .e-gridcontent td.e-rowcell.e-childborder, .e-treegrid .e-grid .e-gridcontent td.e-rowcell.e-dropbottom {
-  border-bottom: 2px solid #4f46e5;
+  border-bottom: 2px solid #0d6efd;
   box-shadow: 0 0 0 0 #4f46e5;
 }
 
 .e-treegrid .e-grid .e-gridcontent td.e-rowdragdrop.e-childborder, .e-treegrid .e-grid .e-gridcontent td.e-rowdragdrop.e-dropbottom {
-  border-bottom: 2px solid #4f46e5;
+  border-bottom: 2px solid #0d6efd;
   box-shadow: 0 0 0 0 #4f46e5;
 }
 
@@ -480,7 +485,7 @@
 }
 
 .e-treegrid .e-grid.e-rtl .e-gridcontent td.e-childborder {
-  border-color: #4f46e5;
+  border-color: #0d6efd;
   border-width: 2px 0 2px 0;
   position: relative;
   z-index: 1;
@@ -493,14 +498,14 @@
 }
 
 .e-treegrid .e-grid.e-rtl .e-gridcontent td.e-childborder:first-child {
-  border-right: 2px solid #4f46e5;
-  box-shadow: 0 1px 0 0 #4f46e5;
+  border-right: 2px solid #0d6efd;
+  box-shadow: 0 1px 0 0 #0d6efd;
   position: relative;
   z-index: 1;
 }
 
 .e-treegrid .e-grid.e-rtl .e-gridcontent td.e-rowcell.e-childborder:last-child {
-  border-left: 2px solid #4f46e5;
+  border-left: 2px solid #0d6efd;
 }
 
 .e-treegrid .e-grid.e-rtl .e-gridcontent td.e-lastrowcell.e-childborder {
@@ -508,21 +513,21 @@
 }
 
 .e-treegrid .e-grid.e-rtl .e-gridcontent td.e-lastrowcell.e-childborder:last-child {
-  border-right: 2px solid #4f46e5;
+  border-right: 2px solid #0d6efd;
 }
 
 .e-treegrid .e-grid.e-rtl .e-gridcontent td.e-lastrowcell.e-childborder:first-child {
-  border-left: 2px solid #4f46e5;
+  border-left: 2px solid #0d6efd;
 }
 
 .e-treegrid .e-grid.e-rtl .e-gridcontent td.e-droptop:first-child,
 .e-treegrid .e-grid.e-rtl .e-gridcontent td.e-rowcell.e-droptop {
-  border-top-color: #4f46e5;
+  border-top-color: #0d6efd;
   border-width: 2px 0 0;
 }
 
 .e-treegrid .e-grid.e-rtl .e-gridcontent td.e-lastrowcell.e-dropbottom {
-  border-bottom-color: #4f46e5;
+  border-bottom-color: #0d6efd;
 }
 
 .e-treegrid .e-grid.e-rtl .e-gridcontent .e-droptop .e-lastrow-dragborder {

package/styles/bootstrap5.css

@@ -65,6 +65,11 @@
   background: transparent;
 }
 
+.e-input-group.e-control-wrapper.e-ddl.e-readonly .e-input[readonly],
+.e-float-input.e-control-wrapper.e-ddl.e-readonly input[readonly] {
+  background: #e9ecef;
+}
+
 .e-input-group:not(.e-disabled) .e-control.e-dropdownlist ~ .e-ddl-icon:active,
 .e-input-group:not(.e-disabled) .e-control.e-dropdownlist ~ .e-ddl-icon:hover,
 .e-control.e-dropdownlist .e-input-group:not(.e-disabled) .e-ddl-icon:active,
@@ -298,7 +303,7 @@
 
 .e-treegrid .e-treecell {
   display: table-cell;
-  line-height: 18px;
+  line-height: normal;
 }
 
 .e-treegrid .e-grid.e-wrap .e-rowcell .e-treecolumn-container {
@@ -350,22 +355,22 @@
 }
 
 .e-treegrid .e-errorelem::before {
-  color: #4f46e5;
+  color: #0d6efd;
   content: "";
   transform: rotate(180deg);
 }
 
 .e-treegrid .e-gridcontent td.e-childborder {
-  border-color: #4f46e5;
+  border-color: #0d6efd;
   border-width: 2px 0 0;
-  box-shadow: 0 1px 0 0 #4f46e5;
+  box-shadow: 0 1px 0 0 #0d6efd;
   position: relative;
   z-index: 1;
 }
 
 .e-treegrid .e-gridcontent td.e-rowcell.e-childborder.e-dragborder,
 .e-treegrid .e-gridcontent td.e-rowcell.e-dropbottom.e-dragborder td.e-rowdragdrop.e-dropbottom.e-dragborder {
-  box-shadow: 0 1px 0 0 #4f46e5;
+  box-shadow: 0 1px 0 0 #0d6efd;
 }
 
 .e-treegrid .e-gridcontent td.e-rowcell.e-dragborder,
@@ -375,14 +380,14 @@
 }
 
 .e-treegrid .e-gridcontent td.e-childborder:first-child {
-  border-left: 2px solid #4f46e5;
-  box-shadow: 0 1px 0 0 #4f46e5;
+  border-left: 2px solid #0d6efd;
+  box-shadow: 0 1px 0 0 #0d6efd;
   position: relative;
   z-index: 1;
 }
 
 .e-treegrid .e-gridcontent td.e-rowcell.e-childborder:last-child {
-  border-right: 2px solid #4f46e5;
+  border-right: 2px solid #0d6efd;
 }
 
 .e-treegrid .e-gridcontent td.e-lastrowcell.e-childborder {
@@ -390,29 +395,29 @@
 }
 
 .e-treegrid .e-gridcontent td.e-lastrowcell.e-childborder:last-child {
-  border-right: 2px solid #4f46e5;
+  border-right: 2px solid #0d6efd;
 }
 
 .e-treegrid .e-gridcontent td.e-lastrowcell.e-childborder:first-child {
-  border-left: 2px solid #4f46e5;
+  border-left: 2px solid #0d6efd;
 }
 
 .e-treegrid .e-gridcontent td.e-dropbottom:first-child,
 .e-treegrid .e-gridcontent td.e-rowcell.e-dropbottom,
 .e-treegrid .e-gridcontent td.e-dropbottom {
-  box-shadow: 0 1px 0 0 #4f46e5;
+  box-shadow: 0 1px 0 0 #0d6efd;
   position: relative;
   z-index: 1;
 }
 
 .e-treegrid .e-gridcontent td.e-droptop:first-child,
 .e-treegrid .e-gridcontent td.e-rowcell.e-droptop {
-  border-top-color: #4f46e5;
+  border-top-color: #0d6efd;
   border-width: 2px 0 0;
 }
 
 .e-treegrid .e-gridcontent td.e-lastrowcell.e-dropbottom {
-  border-bottom-color: #4f46e5;
+  border-bottom-color: #0d6efd;
 }
 
 .e-treegrid .e-gridcontent td.e-rowdragdrop.e-droptop.e-dragborder {
@@ -445,7 +450,7 @@
 
 .e-treegrid .e-gridheader .e-firstrow-border,
 .e-treegrid .e-gridcontent .e-lastrow-border {
-  background-color: #4f46e5;
+  background-color: #0d6efd;
   bottom: 0;
   display: none;
   height: 1px;
@@ -455,23 +460,23 @@
 
 .e-treegrid .e-grid .e-gridcontent tr.e-row:first-child td.e-rowcell.e-childborder,
 .e-treegrid .e-grid .e-gridcontent tr.e-row:first-child td.e-rowdragdrop.e-childborder {
-  border-bottom: 2px solid #4f46e5;
-  border-top: 2px solid #4f46e5;
+  border-bottom: 2px solid #0d6efd;
+  border-top: 2px solid #0d6efd;
   box-shadow: 0 0 0 0 #4f46e5;
 }
 
 .e-treegrid .e-grid .e-gridcontent tr.e-row:first-child td.e-rowcell.e-droptop,
 .e-treegrid .e-grid .e-gridcontent tr.e-row:first-child td.e-rowdragdrop.e-droptop {
-  border-top: 2px solid #4f46e5;
+  border-top: 2px solid #0d6efd;
 }
 
 .e-treegrid .e-grid .e-gridcontent td.e-rowcell.e-childborder, .e-treegrid .e-grid .e-gridcontent td.e-rowcell.e-dropbottom {
-  border-bottom: 2px solid #4f46e5;
+  border-bottom: 2px solid #0d6efd;
   box-shadow: 0 0 0 0 #4f46e5;
 }
 
 .e-treegrid .e-grid .e-gridcontent td.e-rowdragdrop.e-childborder, .e-treegrid .e-grid .e-gridcontent td.e-rowdragdrop.e-dropbottom {
-  border-bottom: 2px solid #4f46e5;
+  border-bottom: 2px solid #0d6efd;
   box-shadow: 0 0 0 0 #4f46e5;
 }
 
@@ -480,7 +485,7 @@
 }
 
 .e-treegrid .e-grid.e-rtl .e-gridcontent td.e-childborder {
-  border-color: #4f46e5;
+  border-color: #0d6efd;
   border-width: 2px 0 2px 0;
   position: relative;
   z-index: 1;
@@ -493,14 +498,14 @@
 }
 
 .e-treegrid .e-grid.e-rtl .e-gridcontent td.e-childborder:first-child {
-  border-right: 2px solid #4f46e5;
-  box-shadow: 0 1px 0 0 #4f46e5;
+  border-right: 2px solid #0d6efd;
+  box-shadow: 0 1px 0 0 #0d6efd;
   position: relative;
   z-index: 1;
 }
 
 .e-treegrid .e-grid.e-rtl .e-gridcontent td.e-rowcell.e-childborder:last-child {
-  border-left: 2px solid #4f46e5;
+  border-left: 2px solid #0d6efd;
 }
 
 .e-treegrid .e-grid.e-rtl .e-gridcontent td.e-lastrowcell.e-childborder {
@@ -508,21 +513,21 @@
 }
 
 .e-treegrid .e-grid.e-rtl .e-gridcontent td.e-lastrowcell.e-childborder:last-child {
-  border-right: 2px solid #4f46e5;
+  border-right: 2px solid #0d6efd;
 }
 
 .e-treegrid .e-grid.e-rtl .e-gridcontent td.e-lastrowcell.e-childborder:first-child {
-  border-left: 2px solid #4f46e5;
+  border-left: 2px solid #0d6efd;
 }
 
 .e-treegrid .e-grid.e-rtl .e-gridcontent td.e-droptop:first-child,
 .e-treegrid .e-grid.e-rtl .e-gridcontent td.e-rowcell.e-droptop {
-  border-top-color: #4f46e5;
+  border-top-color: #0d6efd;
   border-width: 2px 0 0;
 }
 
 .e-treegrid .e-grid.e-rtl .e-gridcontent td.e-lastrowcell.e-dropbottom {
-  border-bottom-color: #4f46e5;
+  border-bottom-color: #0d6efd;
 }
 
 .e-treegrid .e-grid.e-rtl .e-gridcontent .e-droptop .e-lastrow-dragborder {

package/styles/fabric-dark.css

@@ -244,7 +244,7 @@
 
 .e-treegrid .e-treecell {
   display: table-cell;
-  line-height: 10px;
+  line-height: normal;
 }
 
 .e-treegrid .e-grid.e-wrap .e-rowcell .e-treecolumn-container {

package/styles/fabric.css

@@ -237,7 +237,7 @@
 
 .e-treegrid .e-treecell {
   display: table-cell;
-  line-height: 10px;
+  line-height: normal;
 }
 
 .e-treegrid .e-grid.e-wrap .e-rowcell .e-treecolumn-container {

package/styles/highcontrast-light.css

@@ -254,7 +254,7 @@
 
 .e-treegrid .e-treecell {
   display: table-cell;
-  line-height: 10px;
+  line-height: normal;
 }
 
 .e-treegrid .e-grid.e-wrap .e-rowcell .e-treecolumn-container {

package/styles/highcontrast.css

@@ -254,7 +254,7 @@
 
 .e-treegrid .e-treecell {
   display: table-cell;
-  line-height: 10px;
+  line-height: normal;
 }
 
 .e-treegrid .e-grid.e-wrap .e-rowcell .e-treecolumn-container {

package/styles/material-dark.css

@@ -280,7 +280,7 @@
 
 .e-treegrid .e-treecell {
   display: table-cell;
-  line-height: 10px;
+  line-height: normal;
 }
 
 .e-treegrid .e-grid.e-wrap .e-rowcell .e-treecolumn-container {

package/styles/material.css

@@ -315,7 +315,7 @@
 
 .e-treegrid .e-treecell {
   display: table-cell;
-  line-height: 10px;
+  line-height: normal;
 }
 
 .e-treegrid .e-grid.e-wrap .e-rowcell .e-treecolumn-container {