@syncfusion/ej2-angular-treegrid 23.2.7-ngcc → 24.1.41-ngcc

package/CHANGELOG.md

@@ -2,56 +2,6 @@
 
 ## [Unreleased]
 
-### TreeGrid
-
-#### Bug Fixes
-
-- `#I517211` - Exception throws on dynamically changing the stacked column and normal column.
-- `#FB48417` - Fixed the issue where a Script Error was thrown when searching for an invalid value and when rendering empty data.
-
-- `#FB48417` - Fixed the issue where a Script Error was thrown when searching for an invalid value and when rendering empty data.
-
-## 23.2.6 (2023-11-28)
-
-### TreeGrid
-
-#### Bug Fixes
-
-- `#I522828` - Fixed an issue where the Excel export datasource properties were not being applied correctly for remote data binding.
-- `#I523652` - Fixed an issue where the cell saving functionality was not working correctly after pressing enter or update in the treegrid.
-
-## 23.2.4 (2023-11-20)
-
-### TreeGrid
-
-#### Bug Fixes
-
-- `#I511389` - Fixed an issue where the expand all/collapse all functionality was not working correctly when the `EnableCollapseAll` property enabled in the virtualization feature.
-- `#I507506` - Fixed an issue where the template was not rendered when using frozen columns in a treegrid.
-- `#I512641` - Fixed the issue where the header checkbox was not functioning correctly in the checkbox column.
-- `#I520059` - Fixed an issue where the clipboard functionality (Copy/Paste) on excel would paste hidden column values when selecting a row.
-
-- `#I512641` - Fixed the issue where the header checkbox was not functioning correctly in the checkbox column.
-
-## 23.1.43 (2023-10-31)
-
-### TreeGrid
-
-#### Bug Fixes
-
-- `#I499002` - Fixed a bug where a script error would occur when editing and focusing out on a record.
-- `#I502660` - Fixed issue with external filter not working properly when using virtualization feature.
-
-## 23.1.39 (2023-10-04)
-
-### Tree Grid
-
-#### Bug Fixes
-
-- `#I502102` - Fixed the issue where the drop index was displaying as `Nan` when dropping a row in white space.
-
-## 23.1.36 (2023-09-15)
-
 ### Tree Grid
 
 #### Features
@@ -63,38 +13,23 @@
 - `#I323425`, `#I332700`, `#I344742`, `#I375307` - Provided support for frozen column with virtualization enabled.
 - `#F166825` - Provided support for infinite scrolling with observable binding.
 
-#### Breaking changes
-
-- Optimized the frozen columns feature in Tree Grid and thus changed the dom structure of tree grid from two table to single table architecture. Also, the following methods have been deprecated, and it's recommended to use the following alternatives instead.
-
-| Deprecated Methods | Previous | Current | Suggested Alternative Methods | 
-|---|---|---|---|
-|  | `getMoavableRows` | This method returns only the movable table rows `(tr's)`. | This method will return all table rows `(tr's)` of the entire table. The movable cells within the tr element can be selected using the `e-unfreeze` class. | `getRows()` |  | 
-| `getFrozenRightRows()` | This method returns only the table rows `(tr's)` from the freeze right table. | This method will return all the rows `(tr’s)` of the entire table. The frozen right cells can be selected using the `e-rightfreeze` class. | `getRows()` | 
-| `getMovableRowByIndex()` <br> `getFrozenRightRowByIndex()` | * `getMovableRowByIndex` - select a movable row <br> *`getFrozenRightRowByIndex` - select a right freeze row. | This method will return the table row `(tr)` based on the given index. Additionally, class names for table cells `(td's)` have been separated as follows: <br> * Left-Freeze: `e-leftfreeze` <br> * Movable: `e-unfreeze` <br> | `getRowByIndex()` | 
-| `getMovableCellFromIndex()` <br> `getFrozenRightCellFromIndex()` | * `getMovableCellFromIndex()` - select a particular cell in the movable table. <br> *`getFrozenRightCellFromIndex()` - select a particular cell in the right freeze table. | No change | `getCellFromIndex()` | 
-| `getMovableDataRows()` <br> `getFrozenRightDataRows()` | These methods return the viewport data rows for the freeze, movable tables separately. | This method, will return the entire viewport data rows. | `getDataRows()` | 
-| `getMovableColumnHeaderByIndex()` <br> `getFrozenRightColumnHeaderByIndex()` <br> `getFrozenLeftColumnHeaderByIndex()` | These methods select the movable, right freeze, and left freeze headers from the table separately. | No change | `getColumnHeaderByIndex`() | 
-
-### TreeGrid
-
-#### Features
-
-- `#I341079` - Provided support for exporting data to PDF, CSV, and Excel formats using server-side functionality. Please find the demo [here](https://ej2.syncfusion.com/aspnetcore/TreeGrid/ServerSideExporting#/material3).
-- Added support for the new `fixed` mode within the `freeze` property of column settings. When a column is set as `fixed`, it will stay within the viewport during horizontal scrolling, enhancing the user experience with improved visibility and efficiency.
-
-#### Breaking changes
+#### Breaking Changes
 
-- Optimized the frozen columns feature in Tree Grid and thus changed the dom structure of tree grid from two table to single table architecture. Also, the following methods have been deprecated, and it's recommended to use the following alternatives instead.
+- Optimized the frozen columns feature in Tree Grid and thus changed the dom structure of tree grid from two table to single table architecture. Also, the following methods have been removed, and it's recommended to use the following alternatives instead.
 
-| Deprecated Methods | Previous | Current | Suggested Alternative Methods | 
-|---|---|---|---|
-|  | `getMoavableRows` | This method returns only the movable table rows `(tr's)`. | This method will return all table rows `(tr's)` of the entire table. The movable cells within the tr element can be selected using the `e-unfreeze` class. | `getRows()` |  | 
-| `getFrozenRightRows()` | This method returns only the table rows `(tr's)` from the freeze right table. | This method will return all the rows `(tr’s)` of the entire table. The frozen right cells can be selected using the `e-rightfreeze` class. | `getRows()` | 
-| `getMovableRowByIndex()` <br> `getFrozenRightRowByIndex()` | * `getMovableRowByIndex` - select a movable row <br> *`getFrozenRightRowByIndex` - select a right freeze row. | This method will return the table row `(tr)` based on the given index. Additionally, class names for table cells `(td's)` have been separated as follows: <br> * Left-Freeze: `e-leftfreeze` <br> * Movable: `e-unfreeze` <br> | `getRowByIndex()` | 
-| `getMovableCellFromIndex()` <br> `getFrozenRightCellFromIndex()` | * `getMovableCellFromIndex()` - select a particular cell in the movable table. <br> *`getFrozenRightCellFromIndex()` - select a particular cell in the right freeze table. | No change | `getCellFromIndex()` | 
-| `getMovableDataRows()` <br> `getFrozenRightDataRows()` | These methods return the viewport data rows for the freeze, movable tables separately. | This method, will return the entire viewport data rows. | `getDataRows()` | 
-| `getMovableColumnHeaderByIndex()` <br> `getFrozenRightColumnHeaderByIndex()` <br> `getFrozenLeftColumnHeaderByIndex()` | These methods select the movable, right freeze, and left freeze headers from the table separately. | No change | `getColumnHeaderByIndex`() | 
+| Removed methods | Suggested to use alternative methods | 
+|---|---|
+| `getMoavableRows`, `getFrozenRightRows` | `getRows` | 
+| `getMovableRowByIndex`, `getFrozenRowByIndex`, `getFrozenRightRowByIndex` | `getRowByIndex` | 
+| `getMovableCellFromIndex`, `getFrozenRightCellFromIndex` | `getCellFromIndex` | 
+| `getMovableDataRows`, `getFrozenRightDataRows`, `getFrozenDataRows` | `getDataRows` | 
+| `getAllMovableDataRows`, `getAllFrozenDataRows`, `getAllFrozenRightDataRows` | `getAllDataRows` | 
+| `getMovableColumnHeaderByIndex`, `getFrozenRightColumnHeaderByIndex`, `getFrozenLeftColumnHeaderByIndex` | `getColumnHeaderByIndex` | 
+| `getFrozenRightHeader`, `getMovableHeader` | `getHeaderContent` | 
+| `getFrozenRightRowsObject`, `getMovableRwsObject` | `getRowsObject` | 
+| `getFrozenRightHeaderTbody`, `getMovableHeaderTbody`, `getFrozenHeaderTbody` | `getContent().querySelector(‘tbody’)` | 
+| `getFrozenLeftContentTbody`, `getFrozenRightContentTbody`, `getMovableContentTbody` | `getHeaderContent().querySelector(‘tbody’)` | 
+| `getFrozenRightContent`, `getMovableContent` | `getContent` | 
 
 ## 20.2.36 (2022-06-30)
 

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

@@ -1,6 +1,6 @@
 /*!
 *  filename: ej2-angular-treegrid.umd.js
-*  version : 23.2.7
+*  version : 24.1.41
 *  Copyright Syncfusion Inc. 2001 - 2023. 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-treegrid.umd.min.js

@@ -1,6 +1,6 @@
 /*!
 *  filename: ej2-angular-treegrid.umd.min.js
-*  version : 23.2.7
+*  version : 24.1.41
 *  Copyright Syncfusion Inc. 2001 - 2023. 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-treegrid@*",
-  "_id": "@syncfusion/ej2-angular-treegrid@23.2.6",
+  "_id": "@syncfusion/ej2-angular-treegrid@20.12.1",
   "_inBundle": false,
-  "_integrity": "sha512-60vS1batDy8RA2IcmXJpqyicXLLtBnBIA9XXlvZxH5VWPZeJc6efVOqdyoK9ZBayIpaRuY6HF043mvWX/2JU7Q==",
+  "_integrity": "sha512-EibcXMQTu2w2wywWd1X7y+flW+eL3dOaQk4uZfziu47or6i9jK03gj7Hx7F9Wql3qjPyZHXOIZ9RqlpjOSkXJg==",
   "_location": "/@syncfusion/ej2-angular-treegrid",
   "_phantomChildren": {},
   "_requested": {
@@ -19,10 +19,10 @@
   "_requiredBy": [
     "/"
   ],
-  "_resolved": "https://nexus.syncfusion.com/repository/ej2-hotfix-new/@syncfusion/ej2-angular-treegrid/-/ej2-angular-treegrid-23.2.6.tgz",
-  "_shasum": "49d0ef5f468c902fbe540c09f77a60c0a5a8119d",
+  "_resolved": "https://nexus.syncfusion.com/repository/ej2-release/@syncfusion/ej2-angular-treegrid/-/ej2-angular-treegrid-20.12.1.tgz",
+  "_shasum": "757f186b4aab1dcca11083d3d135d987997df306",
   "_spec": "@syncfusion/ej2-angular-treegrid@*",
-  "_where": "/jenkins/workspace/elease-automation_release_23.1.1/packages/included",
+  "_where": "/jenkins/workspace/elease-automation_release_24.1.1/packages/included",
   "author": {
     "name": "Syncfusion Inc."
   },
@@ -31,9 +31,9 @@
   },
   "bundleDependencies": false,
   "dependencies": {
-    "@syncfusion/ej2-angular-base": "~23.2.5",
-    "@syncfusion/ej2-base": "~23.2.6",
-    "@syncfusion/ej2-treegrid": "23.2.7"
+    "@syncfusion/ej2-angular-base": "~24.1.41",
+    "@syncfusion/ej2-base": "~24.1.41",
+    "@syncfusion/ej2-treegrid": "24.1.41"
   },
   "deprecated": false,
   "description": "Essential JS 2 TreeGrid Component for Angular",
@@ -57,5 +57,5 @@
   "schematics": "./schematics/collection.json",
   "sideEffects": false,
   "typings": "ej2-angular-treegrid.d.ts",
-  "version": "23.2.7-ngcc"
+  "version": "24.1.41-ngcc"
 }

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

@@ -1,4 +1,4 @@
 export declare const pkgName = "@syncfusion/ej2-angular-treegrid";
-export declare const pkgVer = "^23.2.6";
+export declare const pkgVer = "^20.12.1";
 export declare const moduleName = "TreeGridModule";
-export declare const themeVer = "~23.2.6";
+export declare const themeVer = "~20.12.1";

package/schematics/utils/lib-details.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.pkgName = '@syncfusion/ej2-angular-treegrid';
-exports.pkgVer = '^23.2.7';
+exports.pkgVer = '^24.1.41';
 exports.moduleName = 'TreeGridModule';
-exports.themeVer = '~23.2.7';
+exports.themeVer = '~24.1.41';

package/schematics/utils/lib-details.ts

@@ -1,4 +1,4 @@
 export const pkgName = '@syncfusion/ej2-angular-treegrid';
-export const pkgVer = '^23.2.7';
+export const pkgVer = '^24.1.41';
 export const moduleName = 'TreeGridModule';
-export const themeVer = '~23.2.7';
+export const themeVer = '~24.1.41';

package/styles/bootstrap-dark.css

@@ -1,446 +1 @@
-/* stylelint-disable property-no-vendor-prefix */
-.e-popup.e-ddl {
-  border-radius: 4px;
-  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.5);
-  margin-top: 3px;
-}
-.e-popup.e-ddl .e-input-group {
-  width: auto;
-}
-.e-popup.e-ddl .e-input-group input {
-  line-height: 15px;
-}
-
-.e-popup.e-ddl .e-dropdownbase {
-  min-height: 26px;
-}
-
-.e-popup.e-ddl .e-filter-parent .e-input-group {
-  display: -ms-flexbox;
-  display: flex;
-  width: auto;
-}
-.e-popup.e-ddl .e-filter-parent .e-input-group .e-back-icon {
-  border: 0;
-}
-
-.e-bigger .e-popup.e-ddl-device-filter {
-  margin-top: 0;
-}
-
-.e-bigger .e-popup.e-ddl .e-list-item, .e-bigger .e-popup.e-ddl .e-list-group-item, .e-bigger .e-popup.e-ddl .e-fixed-head {
-  font-size: 15px;
-  line-height: 40px;
-  padding-left: 0;
-  text-indent: 24px;
-}
-
-.e-bigger .e-popup.e-ddl .e-dd-group .e-list-item {
-  padding-left: 4px;
-}
-
-.e-bigger .e-popup.e-ddl .e-input-group {
-  padding: 4px 0;
-}
-
-.e-bigger .e-popup.e-ddl .e-input-group input, .e-bigger .e-popup.e-ddl .e-input-group input.e-input {
-  height: 38px;
-}
-
-.e-bigger .e-popup.e-ddl .e-dropdownbase {
-  min-height: 40px;
-}
-
-.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,
-.e-control.e-dropdownlist .e-input-group:not(.e-disabled) .e-ddl-icon:hover,
-.e-ddl.e-popup .e-input-group:not(.e-disabled) .e-clear-icon:active,
-.e-ddl.e-popup .e-input-group:not(.e-disabled) .e-clear-icon:hover,
-.e-ddl.e-popup .e-input-group:not(.e-disabled) .e-back-icon:active,
-.e-ddl.e-popup .e-input-group:not(.e-disabled) .e-back-icon:hover {
-  background: transparent;
-  color: #f0f0f0;
-}
-
-.e-input-group:not(.e-disabled) .e-control.e-dropdownlist ~ .e-ddl-icon,
-.e-input-group.e-disabled.e-ddl .e-control.e-dropdownlist ~ .e-input-group-icon,
-.e-control.e-dropdownlist .e-input-group.e-disabled.e-ddl .e-input-group-icon,
-.e-control.e-dropdownlist .e-input-group.e-ddl .e-input-group-icon {
-  border: 0;
-}
-
-.e-input-group:not(.e-disabled) .e-control.e-dropdownlist ~ .e-input-group-icon:active,
-.e-control.e-dropdownlist .e-input-group:not(.e-disabled) .e-input-group-icon:active,
-.e-ddl.e-popup .e-input-group:not(.e-disabled) .e-back-icon:active,
-.e-ddl.e-popup .e-input-group:not(.e-disabled) .e-clear-icon:active {
-  box-shadow: none;
-}
-
-.e-ddl.e-popup .e-filter-parent {
-  border-bottom: 1px solid #484848;
-}
-
-.e-bigger.e-small .e-ddl.e-popup .e-list-item, .e-bigger.e-small .e-ddl.e-popup .e-list-group-item, .e-bigger.e-small .e-ddl.e-popup .e-fixed-head {
-  font-size: 14px;
-  line-height: 34px;
-  padding-left: 0;
-  text-indent: 16px;
-}
-
-.e-bigger.e-small .e-ddl.e-popup .e-dd-group .e-list-item {
-  padding-left: 4px;
-}
-
-.e-bigger.e-small .e-ddl.e-popup .e-input-group {
-  padding: 4px 0;
-}
-
-.e-bigger.e-small .e-ddl.e-popup .e-input-group input, .e-bigger.e-small .e-ddl.e-popup .e-input-group input.e-input {
-  height: 30px;
-}
-
-.e-bigger.e-small .e-popup.e-ddl .e-dropdownbase {
-  min-height: 34px;
-}
-
-/* stylelint-disable property-no-vendor-prefix */
-@keyframes material-spinner-rotate {
-  0% {
-    transform: rotate(0);
-  }
-  100% {
-    transform: rotate(360deg);
-  }
-}
-@keyframes fabric-spinner-rotate {
-  0% {
-    transform: rotate(0);
-  }
-  100% {
-    transform: rotate(360deg);
-  }
-}
-.e-treegrid .e-indent::before,
-.e-grid-menu .e-indent::before {
-  content: "\e33f";
-}
-.e-treegrid .e-outdent::before,
-.e-grid-menu .e-outdent::before {
-  content: "\e35d";
-}
-
-.e-treegrid .e-treegridexpand::before,
-.e-treegrid .e-treegridcollapse::before {
-  content: "\e22f";
-}
-.e-treegrid .e-toolbar-item .e-expand::before {
-  content: "\e558";
-}
-.e-treegrid .e-toolbar-item .e-collapse::before {
-  content: "\e557";
-}
-.e-treegrid .e-toolbar-item .e-indent::before {
-  content: "\e33f";
-}
-.e-treegrid .e-toolbar-item .e-outdent::before {
-  content: "\e35d";
-}
-
-.e-bigger .e-treegrid .e-treegridexpand,
-.e-bigger .e-treegrid .e-treegridcollapse {
-  font-size: 10px;
-  height: 18px;
-  width: 18px;
-}
-.e-bigger .e-treegrid .e-hierarchycheckbox {
-  padding-left: 2px;
-}
-.e-bigger .e-treegrid .e-hierarchycheckbox .e-frame {
-  height: 20px;
-  width: 20px;
-}
-.e-bigger .e-treegrid .e-hierarchycheckbox .e-frame {
-  height: 20px;
-  width: 20px;
-}
-.e-bigger .e-treegrid .e-treecell {
-  line-height: 18px;
-}
-.e-treegrid .e-icons.e-none::before {
-  content: "";
-}
-.e-treegrid .e-gridheader .e-headercell .e-css.e-hierarchycheckbox {
-  height: 20px;
-  vertical-align: middle;
-}
-.e-treegrid .e-treegridexpand::before,
-.e-treegrid .e-treegridcollapse::before {
-  text-align: center;
-  vertical-align: middle;
-}
-.e-treegrid .e-rowcell:not(.e-gridclip) .e-treecolumn-container {
-  display: block;
-  overflow: hidden;
-  text-overflow: ellipsis;
-}
-.e-treegrid .e-rowcell:not(.e-gridclip) .e-treecolumn-container span.e-treecell {
-  display: inline;
-  overflow: hidden;
-  text-overflow: ellipsis;
-}
-.e-treegrid .e-treegridexpand:hover::before,
-.e-treegrid .e-treegridcollapse:hover::before {
-  color: #f0f0f0;
-}
-.e-treegrid .e-rtl .e-treegridcollapse {
-  transform: scale(-1);
-}
-.e-treegrid .e-treegridexpand {
-  transform: rotate(90deg);
-}
-.e-treegrid .e-treerowexpanded:not(.e-hiddenrow) {
-  display: table-row;
-}
-.e-treegrid .e-treerowcollapsed {
-  display: none;
-}
-.e-treegrid .e-treecheckbox-container {
-  display: block;
-  overflow: hidden;
-  text-overflow: ellipsis;
-}
-.e-treegrid .e-treecheckbox-container :not(.e-treecheckbox) {
-  white-space: nowrap;
-}
-.e-treegrid .e-treecheckbox {
-  overflow: hidden;
-  text-overflow: ellipsis;
-  vertical-align: middle;
-}
-.e-treegrid .e-treecolumn-container span {
-  display: inline-block;
-  vertical-align: middle;
-}
-.e-treegrid .e-hierarchycheckbox .e-frame {
-  height: 20px;
-  width: 20px;
-}
-.e-treegrid .e-checkselection .e-frozenheader .e-rowcell,
-.e-treegrid .e-checkselection .e-movableheader .e-rowcell,
-.e-treegrid .e-checkselection .e-frozencontent .e-rowcell,
-.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: bottom;
-  width: 16px;
-}
-.e-treegrid .e-treecell {
-  display: table-cell;
-  line-height: normal;
-}
-.e-treegrid .e-grid.e-wrap .e-rowcell .e-treecolumn-container {
-  white-space: nowrap;
-}
-.e-treegrid .e-grid.e-wrap .e-rowcell .e-treecolumn-container .e-treecell {
-  display: inline-block;
-  white-space: normal;
-  word-wrap: break-word;
-}
-.e-treegrid .e-grid.e-wrap .e-rowcell .e-treecheckbox-container {
-  white-space: nowrap;
-}
-.e-treegrid .e-grid.e-wrap .e-rowcell .e-treecheckbox-container .e-treecheckbox {
-  display: inline-block;
-  white-space: normal;
-  word-wrap: break-word;
-}
-.e-treegrid.e-grid.e-print-grid-layout .e-icons {
-  display: inline-block;
-}
-.e-treegrid .e-treecheckselect,
-.e-treegrid .e-treeselectall {
-  margin: 0;
-  opacity: 0;
-  position: absolute;
-  width: 0;
-}
-.e-treegrid .e-detailheadercell,
-.e-treegrid .e-headercontent .e-table .e-detail-intent,
-.e-treegrid .e-gridcontent .e-table .e-detail-intent,
-.e-treegrid .e-table .e-detailrow .e-detailindentcell,
-.e-treegrid .e-table .e-detailrowexpand,
-.e-treegrid .e-table .e-detailrowcollapse,
-.e-treegrid .e-filterbarcell.e-mastercell {
-  display: none;
-}
-.e-treegrid .e-icons.e-errorelem {
-  display: inline-block;
-  padding-left: 10px;
-  vertical-align: middle;
-}
-.e-treegrid .e-errorelem::before {
-  color: #e3165b;
-  content: "\e22a";
-  transform: rotate(180deg);
-}
-.e-treegrid .e-gridcontent td.e-childborder {
-  border-color: #0070f0;
-  border-width: 1px 0 0;
-  box-shadow: 0 1px 0 0 #0070f0;
-  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 #0070f0;
-}
-.e-treegrid .e-gridcontent td.e-rowcell.e-dragborder,
-.e-treegrid .e-gridcontent tr.e-row:first-child .e-rowcell.e-dragborder,
-.e-treegrid .e-gridcontent .e-rowdragdrop.e-dragborder {
-  box-shadow: 0 0 0 0;
-}
-.e-treegrid .e-gridcontent td.e-childborder:first-child {
-  border-left: 1px solid #0070f0;
-  box-shadow: 0 1px 0 0 #0070f0;
-  position: relative;
-  z-index: 1;
-}
-.e-treegrid .e-gridcontent td.e-rowcell.e-childborder:last-child {
-  border-right: 1px solid #0070f0;
-}
-.e-treegrid .e-gridcontent td.e-lastrowcell.e-childborder {
-  border-width: 1px 0;
-}
-.e-treegrid .e-gridcontent td.e-lastrowcell.e-childborder:last-child {
-  border-right: 1px solid #0070f0;
-}
-.e-treegrid .e-gridcontent td.e-lastrowcell.e-childborder:first-child {
-  border-left: 1px solid #0070f0;
-}
-.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 #0070f0;
-  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: #0070f0;
-  border-width: 1px 0 0;
-}
-.e-treegrid .e-gridcontent td.e-lastrowcell.e-dropbottom {
-  border-bottom-color: #0070f0;
-}
-.e-treegrid .e-gridcontent td.e-rowdragdrop.e-droptop.e-dragborder {
-  box-shadow: 0 0 0 0;
-}
-.e-treegrid .e-gridcontent .e-gridheader .e-firstrow-dragborder {
-  height: 1px;
-}
-.e-treegrid .e-gridcontent .e-lastrow-dragborder {
-  height: 0;
-}
-.e-treegrid .e-gridheader .e-firstrow-dragborder {
-  height: 0;
-}
-.e-treegrid .e-droptop .e-lastrow-dragborder {
-  height: 0;
-}
-.e-treegrid .e-treegrid-relative {
-  position: relative;
-}
-.e-treegrid .e-gridheader .e-firstrow-dragborder tr:first-child.e-dropbottom {
-  height: 0;
-}
-.e-treegrid .e-gridheader .e-firstrow-border,
-.e-treegrid .e-gridcontent .e-lastrow-border {
-  background-color: #0070f0;
-  bottom: 0;
-  display: none;
-  height: 1px;
-  position: absolute;
-  z-index: 1;
-}
-.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: 1px solid #0070f0;
-  border-top: 1px solid #0070f0;
-  box-shadow: 0 0 0 0 #0070f0;
-}
-.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: 1px solid #0070f0;
-}
-.e-treegrid .e-grid .e-gridcontent td.e-rowcell.e-childborder {
-  border-bottom: 1px solid #0070f0;
-  border-top: 1px solid #0070f0;
-  box-shadow: 0 0 0 0 #0070f0;
-}
-.e-treegrid .e-grid .e-gridcontent td.e-rowdragdrop.e-childborder {
-  border-bottom: 1px solid #0070f0;
-  border-top: 1px solid #0070f0;
-  box-shadow: 0 0 0 0 #0070f0;
-}
-.e-treegrid .e-grid .e-gridcontent td.e-rowcell.e-dropbottom {
-  border-bottom: 1px solid #0070f0;
-  box-shadow: 0 0 0 0 #0070f0;
-}
-.e-treegrid .e-grid .e-gridcontent td.e-rowdragdrop.e-dropbottom {
-  border-bottom: 1px solid #0070f0;
-  box-shadow: 0 0 0 0 #0070f0;
-}
-.e-treegrid .e-grid.e-rtl .e-gridheader .e-firstrow-dragborder {
-  height: 0;
-}
-.e-treegrid .e-grid.e-rtl .e-gridcontent td.e-childborder {
-  border-color: #0070f0;
-  border-width: 1px 0 0;
-  position: relative;
-  z-index: 1;
-}
-.e-treegrid .e-grid.e-rtl .e-gridcontent td.e-rowcell.e-dragborder,
-.e-treegrid .e-grid.e-rtl .e-gridcontent tr.e-row:first-child .e-rowcell.e-dragborder,
-.e-treegrid .e-grid.e-rtl .e-gridcontent .e-rowdragdrop.e-dragborder {
-  box-shadow: 0 0 0 0;
-}
-.e-treegrid .e-grid.e-rtl .e-gridcontent td.e-childborder:first-child {
-  border-right: 1px solid #0070f0;
-  box-shadow: 0 1px 0 0 #0070f0;
-  position: relative;
-  z-index: 1;
-}
-.e-treegrid .e-grid.e-rtl .e-gridcontent td.e-rowcell.e-childborder:last-child {
-  border-left: 1px solid #0070f0;
-}
-.e-treegrid .e-grid.e-rtl .e-gridcontent td.e-lastrowcell.e-childborder {
-  border-width: 1px 0;
-}
-.e-treegrid .e-grid.e-rtl .e-gridcontent td.e-lastrowcell.e-childborder:last-child {
-  border-right: 1px solid #0070f0;
-}
-.e-treegrid .e-grid.e-rtl .e-gridcontent td.e-lastrowcell.e-childborder:first-child {
-  border-left: 1px solid #0070f0;
-}
-.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: #0070f0;
-  border-width: 1px 0 0;
-}
-.e-treegrid .e-grid.e-rtl .e-gridcontent td.e-lastrowcell.e-dropbottom {
-  border-bottom-color: #0070f0;
-}
-.e-treegrid .e-grid.e-rtl .e-gridcontent .e-droptop .e-lastrow-dragborder {
-  height: 0;
-}
-
-/* stylelint-disable-line no-empty-source */
+@import '@syncfusion/ej2-treegrid/styles/bootstrap-dark.css';