@syncfusion/ej2-treegrid 28.1.35 → 28.1.36

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (96) hide show
  1. package/dist/ej2-treegrid.min.js +1 -10
  2. package/dist/ej2-treegrid.umd.min.js +1 -10
  3. package/dist/ej2-treegrid.umd.min.js.map +1 -1
  4. package/dist/es6/ej2-treegrid.es2015.js +34 -5
  5. package/dist/es6/ej2-treegrid.es2015.js.map +1 -1
  6. package/dist/es6/ej2-treegrid.es5.js +34 -5
  7. package/dist/es6/ej2-treegrid.es5.js.map +1 -1
  8. package/dist/global/ej2-treegrid.min.js +1 -10
  9. package/dist/global/ej2-treegrid.min.js.map +1 -1
  10. package/dist/global/index.d.ts +0 -9
  11. package/package.json +6 -7
  12. package/src/treegrid/base/treegrid.js +28 -1
  13. package/src/treegrid/renderer/virtual-tree-content-render.js +6 -4
  14. package/styles/bds-lite.css +16 -12
  15. package/styles/bds.css +16 -12
  16. package/styles/bootstrap-dark-lite.css +23 -16
  17. package/styles/bootstrap-dark.css +23 -16
  18. package/styles/bootstrap-lite.css +34 -15
  19. package/styles/bootstrap.css +34 -15
  20. package/styles/bootstrap4-lite.css +23 -16
  21. package/styles/bootstrap4.css +23 -16
  22. package/styles/bootstrap5-dark-lite.css +23 -16
  23. package/styles/bootstrap5-dark.css +23 -16
  24. package/styles/bootstrap5-lite.css +23 -16
  25. package/styles/bootstrap5.3-lite.css +23 -16
  26. package/styles/bootstrap5.3.css +23 -16
  27. package/styles/bootstrap5.css +23 -16
  28. package/styles/fabric-dark-lite.css +23 -16
  29. package/styles/fabric-dark.css +23 -16
  30. package/styles/fabric-lite.css +23 -16
  31. package/styles/fabric.css +23 -16
  32. package/styles/fluent-dark-lite.css +23 -16
  33. package/styles/fluent-dark.css +23 -16
  34. package/styles/fluent-lite.css +23 -16
  35. package/styles/fluent.css +23 -16
  36. package/styles/fluent2-lite.css +23 -16
  37. package/styles/fluent2.css +23 -16
  38. package/styles/highcontrast-light-lite.css +23 -16
  39. package/styles/highcontrast-light.css +23 -16
  40. package/styles/highcontrast-lite.css +23 -16
  41. package/styles/highcontrast.css +23 -16
  42. package/styles/material-dark-lite.css +23 -16
  43. package/styles/material-dark.css +23 -16
  44. package/styles/material-lite.css +23 -16
  45. package/styles/material.css +23 -16
  46. package/styles/material3-dark-lite.css +23 -16
  47. package/styles/material3-dark.css +23 -16
  48. package/styles/material3-lite.css +23 -16
  49. package/styles/material3.css +23 -16
  50. package/styles/tailwind-dark-lite.css +23 -16
  51. package/styles/tailwind-dark.css +23 -16
  52. package/styles/tailwind-lite.css +23 -16
  53. package/styles/tailwind.css +23 -16
  54. package/styles/tailwind3-lite.css +23 -16
  55. package/styles/tailwind3.css +23 -16
  56. package/styles/treegrid/_icons.scss +8 -5
  57. package/styles/treegrid/_layout.scss +17 -13
  58. package/styles/treegrid/bds.css +16 -12
  59. package/styles/treegrid/bootstrap-dark.css +23 -16
  60. package/styles/treegrid/bootstrap.css +34 -15
  61. package/styles/treegrid/bootstrap4.css +23 -16
  62. package/styles/treegrid/bootstrap5-dark.css +23 -16
  63. package/styles/treegrid/bootstrap5.3.css +23 -16
  64. package/styles/treegrid/bootstrap5.css +23 -16
  65. package/styles/treegrid/fabric-dark.css +23 -16
  66. package/styles/treegrid/fabric.css +23 -16
  67. package/styles/treegrid/fluent-dark.css +23 -16
  68. package/styles/treegrid/fluent.css +23 -16
  69. package/styles/treegrid/fluent2.css +23 -16
  70. package/styles/treegrid/highcontrast-light.css +23 -16
  71. package/styles/treegrid/highcontrast.css +23 -16
  72. package/styles/treegrid/icons/_bootstrap-dark.scss +8 -5
  73. package/styles/treegrid/icons/_bootstrap.scss +24 -4
  74. package/styles/treegrid/icons/_bootstrap4.scss +8 -5
  75. package/styles/treegrid/icons/_bootstrap5.3.scss +8 -5
  76. package/styles/treegrid/icons/_bootstrap5.scss +8 -5
  77. package/styles/treegrid/icons/_fabric-dark.scss +8 -5
  78. package/styles/treegrid/icons/_fabric.scss +8 -5
  79. package/styles/treegrid/icons/_fluent.scss +8 -5
  80. package/styles/treegrid/icons/_fluent2.scss +8 -5
  81. package/styles/treegrid/icons/_fusionnew.scss +8 -5
  82. package/styles/treegrid/icons/_highcontrast-light.scss +8 -5
  83. package/styles/treegrid/icons/_highcontrast.scss +8 -5
  84. package/styles/treegrid/icons/_material-dark.scss +8 -5
  85. package/styles/treegrid/icons/_material.scss +8 -5
  86. package/styles/treegrid/icons/_material3.scss +8 -5
  87. package/styles/treegrid/icons/_tailwind-dark.scss +9 -6
  88. package/styles/treegrid/icons/_tailwind.scss +8 -5
  89. package/styles/treegrid/icons/_tailwind3.scss +8 -5
  90. package/styles/treegrid/material-dark.css +23 -16
  91. package/styles/treegrid/material.css +23 -16
  92. package/styles/treegrid/material3-dark.css +23 -16
  93. package/styles/treegrid/material3.css +23 -16
  94. package/styles/treegrid/tailwind-dark.css +23 -16
  95. package/styles/treegrid/tailwind.css +23 -16
  96. package/styles/treegrid/tailwind3.css +23 -16
package/styles/bootstrap4.css CHANGED
@@ -143,10 +143,6 @@
143
143
  content: "\e722";
144
144
  }
145
145
 
146
- .e-treegrid .e-treegridexpand::before,
147
- .e-treegrid .e-treegridcollapse::before {
148
- content: "\e70b";
149
- }
150
146
  .e-treegrid .e-toolbar-item .e-expand::before {
151
147
  content: "\e7db";
152
148
  }
@@ -160,6 +156,13 @@
160
156
  content: "\e722";
161
157
  }
162
158
 
159
+ .e-treegrid .e-treegridexpand::before,
160
+ .e-treegrid .e-treegridcollapse::before,
161
+ .e-grid .e-treegridexpand::before,
162
+ .e-grid .e-treegridcollapse::before {
163
+ content: "\e70b";
164
+ }
165
+
163
166
  .e-treelistgrid.e-print-grid-layout .e-treegridexpand::before,
164
167
  .e-treelistgrid.e-print-grid-layout .e-treegridcollapse::before {
165
168
  content: "\e70b";
@@ -168,7 +171,8 @@
168
171
  .e-treegrid .e-icons.e-none::before {
169
172
  content: "";
170
173
  }
171
- .e-treegrid .e-grid.e-default.e-draggable:not(.e-rtl) tr td.e-rowdragdrop.e-childborder:first-child:not(.e-dropbottom) {
174
+ .e-treegrid .e-grid.e-default.e-draggable:not(.e-rtl) tr td.e-rowdragdrop.e-childborder:first-child:not(.e-dropbottom, .e-droptop),
175
+ .e-treegrid .e-grid.e-default.e-draggable:not(.e-rtl) tr td.e-rowcell.e-childborder:first-child:not(.e-dropbottom, .e-droptop) {
172
176
  border-left: 1px solid;
173
177
  }
174
178
  .e-treegrid .e-grid:not(.e-grid-min-height) .e-gridcontent tr.e-row.e-summaryrow .e-rowcell:empty {
@@ -253,17 +257,6 @@
253
257
  .e-treegrid .e-checkselection .e-movablecontent .e-rowcell {
254
258
  line-height: 21px;
255
259
  }
256
- .e-treegrid .e-treegridexpand,
257
- .e-treegrid .e-treegridcollapse {
258
- color: #495057;
259
- cursor: pointer;
260
- font-size: 10px;
261
- height: 16px;
262
- padding: 0;
263
- text-align: center;
264
- vertical-align: text-bottom;
265
- width: 16px;
266
- }
267
260
  .e-treegrid .e-treecell {
268
261
  display: table-cell;
269
262
  line-height: normal;
@@ -494,6 +487,20 @@
494
487
  border-bottom-color: #e3165b;
495
488
  }
496
489
 
490
+ .e-treegrid .e-treegridexpand,
491
+ .e-treegrid .e-treegridcollapse,
492
+ .e-grid .e-treegridexpand,
493
+ .e-grid .e-treegridcollapse {
494
+ color: #495057;
495
+ cursor: pointer;
496
+ font-size: 10px;
497
+ height: 16px;
498
+ padding: 0;
499
+ text-align: center;
500
+ vertical-align: text-bottom;
501
+ width: 16px;
502
+ }
503
+
497
504
  .e-treelistgrid.e-print-grid-layout .e-icons.e-none::before {
498
505
  content: "";
499
506
  }
package/styles/bootstrap5-dark-lite.css CHANGED
@@ -146,10 +146,6 @@
146
146
  content: "\e72a";
147
147
  }
148
148
 
149
- .e-treegrid .e-treegridexpand::before,
150
- .e-treegrid .e-treegridcollapse::before {
151
- content: "\e75c";
152
- }
153
149
  .e-treegrid .e-toolbar-item .e-expand::before {
154
150
  content: "\e7c9";
155
151
  }
@@ -163,6 +159,13 @@
163
159
  content: "\e72a";
164
160
  }
165
161
 
162
+ .e-treegrid .e-treegridexpand::before,
163
+ .e-treegrid .e-treegridcollapse::before,
164
+ .e-grid .e-treegridexpand::before,
165
+ .e-grid .e-treegridcollapse::before {
166
+ content: "\e75c";
167
+ }
168
+
166
169
  .e-treelistgrid.e-print-grid-layout .e-treegridexpand::before,
167
170
  .e-treelistgrid.e-print-grid-layout .e-treegridcollapse::before {
168
171
  content: "\e75c";
@@ -171,7 +174,8 @@
171
174
  .e-treegrid .e-icons.e-none::before {
172
175
  content: "";
173
176
  }
174
- .e-treegrid .e-grid.e-default.e-draggable:not(.e-rtl) tr td.e-rowdragdrop.e-childborder:first-child:not(.e-dropbottom) {
177
+ .e-treegrid .e-grid.e-default.e-draggable:not(.e-rtl) tr td.e-rowdragdrop.e-childborder:first-child:not(.e-dropbottom, .e-droptop),
178
+ .e-treegrid .e-grid.e-default.e-draggable:not(.e-rtl) tr td.e-rowcell.e-childborder:first-child:not(.e-dropbottom, .e-droptop) {
175
179
  border-left: 2px solid #4f46e5;
176
180
  }
177
181
  .e-treegrid .e-grid:not(.e-grid-min-height) .e-gridcontent tr.e-row.e-summaryrow .e-rowcell:empty {
@@ -256,17 +260,6 @@
256
260
  .e-treegrid .e-checkselection .e-movablecontent .e-rowcell {
257
261
  line-height: 21px;
258
262
  }
259
- .e-treegrid .e-treegridexpand,
260
- .e-treegrid .e-treegridcollapse {
261
- color: #adb5bd;
262
- cursor: pointer;
263
- font-size: 18px;
264
- height: 18px;
265
- padding: 0;
266
- text-align: center;
267
- vertical-align: text-bottom;
268
- width: 16px;
269
- }
270
263
  .e-treegrid .e-treecell {
271
264
  display: table-cell;
272
265
  line-height: 19px;
@@ -497,6 +490,20 @@
497
490
  border-bottom-color: #0d6efd;
498
491
  }
499
492
 
493
+ .e-treegrid .e-treegridexpand,
494
+ .e-treegrid .e-treegridcollapse,
495
+ .e-grid .e-treegridexpand,
496
+ .e-grid .e-treegridcollapse {
497
+ color: #adb5bd;
498
+ cursor: pointer;
499
+ font-size: 18px;
500
+ height: 18px;
501
+ padding: 0;
502
+ text-align: center;
503
+ vertical-align: text-bottom;
504
+ width: 16px;
505
+ }
506
+
500
507
  .e-treelistgrid.e-print-grid-layout .e-icons.e-none::before {
501
508
  content: "";
502
509
  }
package/styles/bootstrap5-dark.css CHANGED
@@ -146,10 +146,6 @@
146
146
  content: "\e72a";
147
147
  }
148
148
 
149
- .e-treegrid .e-treegridexpand::before,
150
- .e-treegrid .e-treegridcollapse::before {
151
- content: "\e75c";
152
- }
153
149
  .e-treegrid .e-toolbar-item .e-expand::before {
154
150
  content: "\e7c9";
155
151
  }
@@ -163,6 +159,13 @@
163
159
  content: "\e72a";
164
160
  }
165
161
 
162
+ .e-treegrid .e-treegridexpand::before,
163
+ .e-treegrid .e-treegridcollapse::before,
164
+ .e-grid .e-treegridexpand::before,
165
+ .e-grid .e-treegridcollapse::before {
166
+ content: "\e75c";
167
+ }
168
+
166
169
  .e-treelistgrid.e-print-grid-layout .e-treegridexpand::before,
167
170
  .e-treelistgrid.e-print-grid-layout .e-treegridcollapse::before {
168
171
  content: "\e75c";
@@ -171,7 +174,8 @@
171
174
  .e-treegrid .e-icons.e-none::before {
172
175
  content: "";
173
176
  }
174
- .e-treegrid .e-grid.e-default.e-draggable:not(.e-rtl) tr td.e-rowdragdrop.e-childborder:first-child:not(.e-dropbottom) {
177
+ .e-treegrid .e-grid.e-default.e-draggable:not(.e-rtl) tr td.e-rowdragdrop.e-childborder:first-child:not(.e-dropbottom, .e-droptop),
178
+ .e-treegrid .e-grid.e-default.e-draggable:not(.e-rtl) tr td.e-rowcell.e-childborder:first-child:not(.e-dropbottom, .e-droptop) {
175
179
  border-left: 2px solid #4f46e5;
176
180
  }
177
181
  .e-treegrid .e-grid:not(.e-grid-min-height) .e-gridcontent tr.e-row.e-summaryrow .e-rowcell:empty {
@@ -256,17 +260,6 @@
256
260
  .e-treegrid .e-checkselection .e-movablecontent .e-rowcell {
257
261
  line-height: 21px;
258
262
  }
259
- .e-treegrid .e-treegridexpand,
260
- .e-treegrid .e-treegridcollapse {
261
- color: #adb5bd;
262
- cursor: pointer;
263
- font-size: 18px;
264
- height: 18px;
265
- padding: 0;
266
- text-align: center;
267
- vertical-align: text-bottom;
268
- width: 16px;
269
- }
270
263
  .e-treegrid .e-treecell {
271
264
  display: table-cell;
272
265
  line-height: 19px;
@@ -497,6 +490,20 @@
497
490
  border-bottom-color: #0d6efd;
498
491
  }
499
492
 
493
+ .e-treegrid .e-treegridexpand,
494
+ .e-treegrid .e-treegridcollapse,
495
+ .e-grid .e-treegridexpand,
496
+ .e-grid .e-treegridcollapse {
497
+ color: #adb5bd;
498
+ cursor: pointer;
499
+ font-size: 18px;
500
+ height: 18px;
501
+ padding: 0;
502
+ text-align: center;
503
+ vertical-align: text-bottom;
504
+ width: 16px;
505
+ }
506
+
500
507
  .e-treelistgrid.e-print-grid-layout .e-icons.e-none::before {
501
508
  content: "";
502
509
  }
package/styles/bootstrap5-lite.css CHANGED
@@ -146,10 +146,6 @@
146
146
  content: "\e72a";
147
147
  }
148
148
 
149
- .e-treegrid .e-treegridexpand::before,
150
- .e-treegrid .e-treegridcollapse::before {
151
- content: "\e75c";
152
- }
153
149
  .e-treegrid .e-toolbar-item .e-expand::before {
154
150
  content: "\e7c9";
155
151
  }
@@ -163,6 +159,13 @@
163
159
  content: "\e72a";
164
160
  }
165
161
 
162
+ .e-treegrid .e-treegridexpand::before,
163
+ .e-treegrid .e-treegridcollapse::before,
164
+ .e-grid .e-treegridexpand::before,
165
+ .e-grid .e-treegridcollapse::before {
166
+ content: "\e75c";
167
+ }
168
+
166
169
  .e-treelistgrid.e-print-grid-layout .e-treegridexpand::before,
167
170
  .e-treelistgrid.e-print-grid-layout .e-treegridcollapse::before {
168
171
  content: "\e75c";
@@ -171,7 +174,8 @@
171
174
  .e-treegrid .e-icons.e-none::before {
172
175
  content: "";
173
176
  }
174
- .e-treegrid .e-grid.e-default.e-draggable:not(.e-rtl) tr td.e-rowdragdrop.e-childborder:first-child:not(.e-dropbottom) {
177
+ .e-treegrid .e-grid.e-default.e-draggable:not(.e-rtl) tr td.e-rowdragdrop.e-childborder:first-child:not(.e-dropbottom, .e-droptop),
178
+ .e-treegrid .e-grid.e-default.e-draggable:not(.e-rtl) tr td.e-rowcell.e-childborder:first-child:not(.e-dropbottom, .e-droptop) {
175
179
  border-left: 2px solid #4f46e5;
176
180
  }
177
181
  .e-treegrid .e-grid:not(.e-grid-min-height) .e-gridcontent tr.e-row.e-summaryrow .e-rowcell:empty {
@@ -256,17 +260,6 @@
256
260
  .e-treegrid .e-checkselection .e-movablecontent .e-rowcell {
257
261
  line-height: 21px;
258
262
  }
259
- .e-treegrid .e-treegridexpand,
260
- .e-treegrid .e-treegridcollapse {
261
- color: #6c757d;
262
- cursor: pointer;
263
- font-size: 18px;
264
- height: 18px;
265
- padding: 0;
266
- text-align: center;
267
- vertical-align: text-bottom;
268
- width: 16px;
269
- }
270
263
  .e-treegrid .e-treecell {
271
264
  display: table-cell;
272
265
  line-height: 19px;
@@ -497,6 +490,20 @@
497
490
  border-bottom-color: #0d6efd;
498
491
  }
499
492
 
493
+ .e-treegrid .e-treegridexpand,
494
+ .e-treegrid .e-treegridcollapse,
495
+ .e-grid .e-treegridexpand,
496
+ .e-grid .e-treegridcollapse {
497
+ color: #6c757d;
498
+ cursor: pointer;
499
+ font-size: 18px;
500
+ height: 18px;
501
+ padding: 0;
502
+ text-align: center;
503
+ vertical-align: text-bottom;
504
+ width: 16px;
505
+ }
506
+
500
507
  .e-treelistgrid.e-print-grid-layout .e-icons.e-none::before {
501
508
  content: "";
502
509
  }
package/styles/bootstrap5.3-lite.css CHANGED
@@ -150,10 +150,6 @@
150
150
  content: "\e72a";
151
151
  }
152
152
 
153
- .e-treegrid .e-treegridexpand::before,
154
- .e-treegrid .e-treegridcollapse::before {
155
- content: "\e75c";
156
- }
157
153
  .e-treegrid .e-toolbar-item .e-expand::before {
158
154
  content: "\e7c9";
159
155
  }
@@ -167,6 +163,13 @@
167
163
  content: "\e72a";
168
164
  }
169
165
 
166
+ .e-treegrid .e-treegridexpand::before,
167
+ .e-treegrid .e-treegridcollapse::before,
168
+ .e-grid .e-treegridexpand::before,
169
+ .e-grid .e-treegridcollapse::before {
170
+ content: "\e75c";
171
+ }
172
+
170
173
  .e-treelistgrid.e-print-grid-layout .e-treegridexpand::before,
171
174
  .e-treelistgrid.e-print-grid-layout .e-treegridcollapse::before {
172
175
  content: "\e75c";
@@ -175,7 +178,8 @@
175
178
  .e-treegrid .e-icons.e-none::before {
176
179
  content: "";
177
180
  }
178
- .e-treegrid .e-grid.e-default.e-draggable:not(.e-rtl) tr td.e-rowdragdrop.e-childborder:first-child:not(.e-dropbottom) {
181
+ .e-treegrid .e-grid.e-default.e-draggable:not(.e-rtl) tr td.e-rowdragdrop.e-childborder:first-child:not(.e-dropbottom, .e-droptop),
182
+ .e-treegrid .e-grid.e-default.e-draggable:not(.e-rtl) tr td.e-rowcell.e-childborder:first-child:not(.e-dropbottom, .e-droptop) {
179
183
  border-left: 2px dashed #4f46e5;
180
184
  }
181
185
  .e-treegrid .e-grid:not(.e-grid-min-height) .e-gridcontent tr.e-row.e-summaryrow .e-rowcell:empty {
@@ -260,17 +264,6 @@
260
264
  .e-treegrid .e-checkselection .e-movablecontent .e-rowcell {
261
265
  line-height: 21px;
262
266
  }
263
- .e-treegrid .e-treegridexpand,
264
- .e-treegrid .e-treegridcollapse {
265
- color: var(--color-sf-icon-color);
266
- cursor: pointer;
267
- font-size: 18px;
268
- height: 18px;
269
- padding: 0;
270
- text-align: center;
271
- vertical-align: text-bottom;
272
- width: 18px;
273
- }
274
267
  .e-treegrid .e-treecell {
275
268
  display: table-cell;
276
269
  line-height: normal;
@@ -501,6 +494,20 @@
501
494
  border-bottom-color: var(--color-sf-primary);
502
495
  }
503
496
 
497
+ .e-treegrid .e-treegridexpand,
498
+ .e-treegrid .e-treegridcollapse,
499
+ .e-grid .e-treegridexpand,
500
+ .e-grid .e-treegridcollapse {
501
+ color: var(--color-sf-icon-color);
502
+ cursor: pointer;
503
+ font-size: 18px;
504
+ height: 18px;
505
+ padding: 0;
506
+ text-align: center;
507
+ vertical-align: text-bottom;
508
+ width: 18px;
509
+ }
510
+
504
511
  .e-treelistgrid.e-print-grid-layout .e-icons.e-none::before {
505
512
  content: "";
506
513
  }
package/styles/bootstrap5.3.css CHANGED
@@ -150,10 +150,6 @@
150
150
  content: "\e72a";
151
151
  }
152
152
 
153
- .e-treegrid .e-treegridexpand::before,
154
- .e-treegrid .e-treegridcollapse::before {
155
- content: "\e75c";
156
- }
157
153
  .e-treegrid .e-toolbar-item .e-expand::before {
158
154
  content: "\e7c9";
159
155
  }
@@ -167,6 +163,13 @@
167
163
  content: "\e72a";
168
164
  }
169
165
 
166
+ .e-treegrid .e-treegridexpand::before,
167
+ .e-treegrid .e-treegridcollapse::before,
168
+ .e-grid .e-treegridexpand::before,
169
+ .e-grid .e-treegridcollapse::before {
170
+ content: "\e75c";
171
+ }
172
+
170
173
  .e-treelistgrid.e-print-grid-layout .e-treegridexpand::before,
171
174
  .e-treelistgrid.e-print-grid-layout .e-treegridcollapse::before {
172
175
  content: "\e75c";
@@ -175,7 +178,8 @@
175
178
  .e-treegrid .e-icons.e-none::before {
176
179
  content: "";
177
180
  }
178
- .e-treegrid .e-grid.e-default.e-draggable:not(.e-rtl) tr td.e-rowdragdrop.e-childborder:first-child:not(.e-dropbottom) {
181
+ .e-treegrid .e-grid.e-default.e-draggable:not(.e-rtl) tr td.e-rowdragdrop.e-childborder:first-child:not(.e-dropbottom, .e-droptop),
182
+ .e-treegrid .e-grid.e-default.e-draggable:not(.e-rtl) tr td.e-rowcell.e-childborder:first-child:not(.e-dropbottom, .e-droptop) {
179
183
  border-left: 2px dashed #4f46e5;
180
184
  }
181
185
  .e-treegrid .e-grid:not(.e-grid-min-height) .e-gridcontent tr.e-row.e-summaryrow .e-rowcell:empty {
@@ -260,17 +264,6 @@
260
264
  .e-treegrid .e-checkselection .e-movablecontent .e-rowcell {
261
265
  line-height: 21px;
262
266
  }
263
- .e-treegrid .e-treegridexpand,
264
- .e-treegrid .e-treegridcollapse {
265
- color: var(--color-sf-icon-color);
266
- cursor: pointer;
267
- font-size: 18px;
268
- height: 18px;
269
- padding: 0;
270
- text-align: center;
271
- vertical-align: text-bottom;
272
- width: 18px;
273
- }
274
267
  .e-treegrid .e-treecell {
275
268
  display: table-cell;
276
269
  line-height: normal;
@@ -501,6 +494,20 @@
501
494
  border-bottom-color: var(--color-sf-primary);
502
495
  }
503
496
 
497
+ .e-treegrid .e-treegridexpand,
498
+ .e-treegrid .e-treegridcollapse,
499
+ .e-grid .e-treegridexpand,
500
+ .e-grid .e-treegridcollapse {
501
+ color: var(--color-sf-icon-color);
502
+ cursor: pointer;
503
+ font-size: 18px;
504
+ height: 18px;
505
+ padding: 0;
506
+ text-align: center;
507
+ vertical-align: text-bottom;
508
+ width: 18px;
509
+ }
510
+
504
511
  .e-treelistgrid.e-print-grid-layout .e-icons.e-none::before {
505
512
  content: "";
506
513
  }
package/styles/bootstrap5.css CHANGED
@@ -146,10 +146,6 @@
146
146
  content: "\e72a";
147
147
  }
148
148
 
149
- .e-treegrid .e-treegridexpand::before,
150
- .e-treegrid .e-treegridcollapse::before {
151
- content: "\e75c";
152
- }
153
149
  .e-treegrid .e-toolbar-item .e-expand::before {
154
150
  content: "\e7c9";
155
151
  }
@@ -163,6 +159,13 @@
163
159
  content: "\e72a";
164
160
  }
165
161
 
162
+ .e-treegrid .e-treegridexpand::before,
163
+ .e-treegrid .e-treegridcollapse::before,
164
+ .e-grid .e-treegridexpand::before,
165
+ .e-grid .e-treegridcollapse::before {
166
+ content: "\e75c";
167
+ }
168
+
166
169
  .e-treelistgrid.e-print-grid-layout .e-treegridexpand::before,
167
170
  .e-treelistgrid.e-print-grid-layout .e-treegridcollapse::before {
168
171
  content: "\e75c";
@@ -171,7 +174,8 @@
171
174
  .e-treegrid .e-icons.e-none::before {
172
175
  content: "";
173
176
  }
174
- .e-treegrid .e-grid.e-default.e-draggable:not(.e-rtl) tr td.e-rowdragdrop.e-childborder:first-child:not(.e-dropbottom) {
177
+ .e-treegrid .e-grid.e-default.e-draggable:not(.e-rtl) tr td.e-rowdragdrop.e-childborder:first-child:not(.e-dropbottom, .e-droptop),
178
+ .e-treegrid .e-grid.e-default.e-draggable:not(.e-rtl) tr td.e-rowcell.e-childborder:first-child:not(.e-dropbottom, .e-droptop) {
175
179
  border-left: 2px solid #4f46e5;
176
180
  }
177
181
  .e-treegrid .e-grid:not(.e-grid-min-height) .e-gridcontent tr.e-row.e-summaryrow .e-rowcell:empty {
@@ -256,17 +260,6 @@
256
260
  .e-treegrid .e-checkselection .e-movablecontent .e-rowcell {
257
261
  line-height: 21px;
258
262
  }
259
- .e-treegrid .e-treegridexpand,
260
- .e-treegrid .e-treegridcollapse {
261
- color: #6c757d;
262
- cursor: pointer;
263
- font-size: 18px;
264
- height: 18px;
265
- padding: 0;
266
- text-align: center;
267
- vertical-align: text-bottom;
268
- width: 16px;
269
- }
270
263
  .e-treegrid .e-treecell {
271
264
  display: table-cell;
272
265
  line-height: 19px;
@@ -497,6 +490,20 @@
497
490
  border-bottom-color: #0d6efd;
498
491
  }
499
492
 
493
+ .e-treegrid .e-treegridexpand,
494
+ .e-treegrid .e-treegridcollapse,
495
+ .e-grid .e-treegridexpand,
496
+ .e-grid .e-treegridcollapse {
497
+ color: #6c757d;
498
+ cursor: pointer;
499
+ font-size: 18px;
500
+ height: 18px;
501
+ padding: 0;
502
+ text-align: center;
503
+ vertical-align: text-bottom;
504
+ width: 16px;
505
+ }
506
+
500
507
  .e-treelistgrid.e-print-grid-layout .e-icons.e-none::before {
501
508
  content: "";
502
509
  }
package/styles/fabric-dark-lite.css CHANGED
@@ -83,10 +83,6 @@
83
83
  content: "\e35d";
84
84
  }
85
85
 
86
- .e-treegrid .e-treegridexpand::before,
87
- .e-treegrid .e-treegridcollapse::before {
88
- content: "\e22e";
89
- }
90
86
  .e-treegrid .e-toolbar-item .e-expand::before {
91
87
  content: "\e555";
92
88
  }
@@ -100,6 +96,13 @@
100
96
  content: "\e35d";
101
97
  }
102
98
 
99
+ .e-treegrid .e-treegridexpand::before,
100
+ .e-treegrid .e-treegridcollapse::before,
101
+ .e-grid .e-treegridexpand::before,
102
+ .e-grid .e-treegridcollapse::before {
103
+ content: "\e22e";
104
+ }
105
+
103
106
  .e-treelistgrid.e-print-grid-layout .e-treegridexpand::before,
104
107
  .e-treelistgrid.e-print-grid-layout .e-treegridcollapse::before {
105
108
  content: "\e22e";
@@ -108,7 +111,8 @@
108
111
  .e-treegrid .e-icons.e-none::before {
109
112
  content: "";
110
113
  }
111
- .e-treegrid .e-grid.e-default.e-draggable:not(.e-rtl) tr td.e-rowdragdrop.e-childborder:first-child:not(.e-dropbottom) {
114
+ .e-treegrid .e-grid.e-default.e-draggable:not(.e-rtl) tr td.e-rowdragdrop.e-childborder:first-child:not(.e-dropbottom, .e-droptop),
115
+ .e-treegrid .e-grid.e-default.e-draggable:not(.e-rtl) tr td.e-rowcell.e-childborder:first-child:not(.e-dropbottom, .e-droptop) {
112
116
  border-left: 1px solid #0074cc;
113
117
  }
114
118
  .e-treegrid .e-grid:not(.e-grid-min-height) .e-gridcontent tr.e-row.e-summaryrow .e-rowcell:empty {
@@ -196,17 +200,6 @@
196
200
  .e-treegrid .e-checkselection .e-movablecontent .e-rowcell {
197
201
  line-height: 21px;
198
202
  }
199
- .e-treegrid .e-treegridexpand,
200
- .e-treegrid .e-treegridcollapse {
201
- color: #dadada;
202
- cursor: pointer;
203
- font-size: 10px;
204
- height: 16px;
205
- padding: 0;
206
- text-align: center;
207
- vertical-align: text-bottom;
208
- width: 16px;
209
- }
210
203
  .e-treegrid .e-treecell {
211
204
  display: table-cell;
212
205
  line-height: normal;
@@ -437,6 +430,20 @@
437
430
  border-bottom-color: #0074cc;
438
431
  }
439
432
 
433
+ .e-treegrid .e-treegridexpand,
434
+ .e-treegrid .e-treegridcollapse,
435
+ .e-grid .e-treegridexpand,
436
+ .e-grid .e-treegridcollapse {
437
+ color: #dadada;
438
+ cursor: pointer;
439
+ font-size: 10px;
440
+ height: 16px;
441
+ padding: 0;
442
+ text-align: center;
443
+ vertical-align: text-bottom;
444
+ width: 16px;
445
+ }
446
+
440
447
  .e-treelistgrid.e-print-grid-layout .e-icons.e-none::before {
441
448
  content: "";
442
449
  }
package/styles/fabric-dark.css CHANGED
@@ -83,10 +83,6 @@
83
83
  content: "\e35d";
84
84
  }
85
85
 
86
- .e-treegrid .e-treegridexpand::before,
87
- .e-treegrid .e-treegridcollapse::before {
88
- content: "\e22e";
89
- }
90
86
  .e-treegrid .e-toolbar-item .e-expand::before {
91
87
  content: "\e555";
92
88
  }
@@ -100,6 +96,13 @@
100
96
  content: "\e35d";
101
97
  }
102
98
 
99
+ .e-treegrid .e-treegridexpand::before,
100
+ .e-treegrid .e-treegridcollapse::before,
101
+ .e-grid .e-treegridexpand::before,
102
+ .e-grid .e-treegridcollapse::before {
103
+ content: "\e22e";
104
+ }
105
+
103
106
  .e-treelistgrid.e-print-grid-layout .e-treegridexpand::before,
104
107
  .e-treelistgrid.e-print-grid-layout .e-treegridcollapse::before {
105
108
  content: "\e22e";
@@ -108,7 +111,8 @@
108
111
  .e-treegrid .e-icons.e-none::before {
109
112
  content: "";
110
113
  }
111
- .e-treegrid .e-grid.e-default.e-draggable:not(.e-rtl) tr td.e-rowdragdrop.e-childborder:first-child:not(.e-dropbottom) {
114
+ .e-treegrid .e-grid.e-default.e-draggable:not(.e-rtl) tr td.e-rowdragdrop.e-childborder:first-child:not(.e-dropbottom, .e-droptop),
115
+ .e-treegrid .e-grid.e-default.e-draggable:not(.e-rtl) tr td.e-rowcell.e-childborder:first-child:not(.e-dropbottom, .e-droptop) {
112
116
  border-left: 1px solid #0074cc;
113
117
  }
114
118
  .e-treegrid .e-grid:not(.e-grid-min-height) .e-gridcontent tr.e-row.e-summaryrow .e-rowcell:empty {
@@ -196,17 +200,6 @@
196
200
  .e-treegrid .e-checkselection .e-movablecontent .e-rowcell {
197
201
  line-height: 21px;
198
202
  }
199
- .e-treegrid .e-treegridexpand,
200
- .e-treegrid .e-treegridcollapse {
201
- color: #dadada;
202
- cursor: pointer;
203
- font-size: 10px;
204
- height: 16px;
205
- padding: 0;
206
- text-align: center;
207
- vertical-align: text-bottom;
208
- width: 16px;
209
- }
210
203
  .e-treegrid .e-treecell {
211
204
  display: table-cell;
212
205
  line-height: normal;
@@ -437,6 +430,20 @@
437
430
  border-bottom-color: #0074cc;
438
431
  }
439
432
 
433
+ .e-treegrid .e-treegridexpand,
434
+ .e-treegrid .e-treegridcollapse,
435
+ .e-grid .e-treegridexpand,
436
+ .e-grid .e-treegridcollapse {
437
+ color: #dadada;
438
+ cursor: pointer;
439
+ font-size: 10px;
440
+ height: 16px;
441
+ padding: 0;
442
+ text-align: center;
443
+ vertical-align: text-bottom;
444
+ width: 16px;
445
+ }
446
+
440
447
  .e-treelistgrid.e-print-grid-layout .e-icons.e-none::before {
441
448
  content: "";
442
449
  }