@syncfusion/ej2-treegrid 28.1.35 → 28.1.37

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 (98) hide show
  1. package/dist/ej2-treegrid.min.js +2 -2
  2. package/dist/ej2-treegrid.umd.min.js +2 -2
  3. package/dist/ej2-treegrid.umd.min.js.map +1 -1
  4. package/dist/es6/ej2-treegrid.es2015.js +54 -11
  5. package/dist/es6/ej2-treegrid.es2015.js.map +1 -1
  6. package/dist/es6/ej2-treegrid.es5.js +54 -11
  7. package/dist/es6/ej2-treegrid.es5.js.map +1 -1
  8. package/dist/global/ej2-treegrid.min.js +2 -2
  9. package/dist/global/ej2-treegrid.min.js.map +1 -1
  10. package/dist/global/index.d.ts +1 -1
  11. package/package.json +6 -7
  12. package/src/treegrid/base/treegrid.js +28 -1
  13. package/src/treegrid/renderer/virtual-row-model-generator.js +4 -5
  14. package/src/treegrid/renderer/virtual-tree-content-render.js +24 -7
  15. package/src/treegrid/utils.d.ts +1 -1
  16. package/styles/bds-lite.css +16 -12
  17. package/styles/bds.css +16 -12
  18. package/styles/bootstrap-dark-lite.css +23 -16
  19. package/styles/bootstrap-dark.css +23 -16
  20. package/styles/bootstrap-lite.css +34 -15
  21. package/styles/bootstrap.css +34 -15
  22. package/styles/bootstrap4-lite.css +23 -16
  23. package/styles/bootstrap4.css +23 -16
  24. package/styles/bootstrap5-dark-lite.css +23 -16
  25. package/styles/bootstrap5-dark.css +23 -16
  26. package/styles/bootstrap5-lite.css +23 -16
  27. package/styles/bootstrap5.3-lite.css +23 -16
  28. package/styles/bootstrap5.3.css +23 -16
  29. package/styles/bootstrap5.css +23 -16
  30. package/styles/fabric-dark-lite.css +23 -16
  31. package/styles/fabric-dark.css +23 -16
  32. package/styles/fabric-lite.css +23 -16
  33. package/styles/fabric.css +23 -16
  34. package/styles/fluent-dark-lite.css +23 -16
  35. package/styles/fluent-dark.css +23 -16
  36. package/styles/fluent-lite.css +23 -16
  37. package/styles/fluent.css +23 -16
  38. package/styles/fluent2-lite.css +23 -16
  39. package/styles/fluent2.css +23 -16
  40. package/styles/highcontrast-light-lite.css +23 -16
  41. package/styles/highcontrast-light.css +23 -16
  42. package/styles/highcontrast-lite.css +23 -16
  43. package/styles/highcontrast.css +23 -16
  44. package/styles/material-dark-lite.css +23 -16
  45. package/styles/material-dark.css +23 -16
  46. package/styles/material-lite.css +23 -16
  47. package/styles/material.css +23 -16
  48. package/styles/material3-dark-lite.css +23 -16
  49. package/styles/material3-dark.css +23 -16
  50. package/styles/material3-lite.css +23 -16
  51. package/styles/material3.css +23 -16
  52. package/styles/tailwind-dark-lite.css +23 -16
  53. package/styles/tailwind-dark.css +23 -16
  54. package/styles/tailwind-lite.css +23 -16
  55. package/styles/tailwind.css +23 -16
  56. package/styles/tailwind3-lite.css +23 -16
  57. package/styles/tailwind3.css +23 -16
  58. package/styles/treegrid/_icons.scss +8 -5
  59. package/styles/treegrid/_layout.scss +17 -13
  60. package/styles/treegrid/bds.css +16 -12
  61. package/styles/treegrid/bootstrap-dark.css +23 -16
  62. package/styles/treegrid/bootstrap.css +34 -15
  63. package/styles/treegrid/bootstrap4.css +23 -16
  64. package/styles/treegrid/bootstrap5-dark.css +23 -16
  65. package/styles/treegrid/bootstrap5.3.css +23 -16
  66. package/styles/treegrid/bootstrap5.css +23 -16
  67. package/styles/treegrid/fabric-dark.css +23 -16
  68. package/styles/treegrid/fabric.css +23 -16
  69. package/styles/treegrid/fluent-dark.css +23 -16
  70. package/styles/treegrid/fluent.css +23 -16
  71. package/styles/treegrid/fluent2.css +23 -16
  72. package/styles/treegrid/highcontrast-light.css +23 -16
  73. package/styles/treegrid/highcontrast.css +23 -16
  74. package/styles/treegrid/icons/_bootstrap-dark.scss +8 -5
  75. package/styles/treegrid/icons/_bootstrap.scss +24 -4
  76. package/styles/treegrid/icons/_bootstrap4.scss +8 -5
  77. package/styles/treegrid/icons/_bootstrap5.3.scss +8 -5
  78. package/styles/treegrid/icons/_bootstrap5.scss +8 -5
  79. package/styles/treegrid/icons/_fabric-dark.scss +8 -5
  80. package/styles/treegrid/icons/_fabric.scss +8 -5
  81. package/styles/treegrid/icons/_fluent.scss +8 -5
  82. package/styles/treegrid/icons/_fluent2.scss +8 -5
  83. package/styles/treegrid/icons/_fusionnew.scss +8 -5
  84. package/styles/treegrid/icons/_highcontrast-light.scss +8 -5
  85. package/styles/treegrid/icons/_highcontrast.scss +8 -5
  86. package/styles/treegrid/icons/_material-dark.scss +8 -5
  87. package/styles/treegrid/icons/_material.scss +8 -5
  88. package/styles/treegrid/icons/_material3.scss +8 -5
  89. package/styles/treegrid/icons/_tailwind-dark.scss +9 -6
  90. package/styles/treegrid/icons/_tailwind.scss +8 -5
  91. package/styles/treegrid/icons/_tailwind3.scss +8 -5
  92. package/styles/treegrid/material-dark.css +23 -16
  93. package/styles/treegrid/material.css +23 -16
  94. package/styles/treegrid/material3-dark.css +23 -16
  95. package/styles/treegrid/material3.css +23 -16
  96. package/styles/treegrid/tailwind-dark.css +23 -16
  97. package/styles/treegrid/tailwind.css +23 -16
  98. package/styles/treegrid/tailwind3.css +23 -16
package/styles/material3-dark.css CHANGED
@@ -179,10 +179,6 @@
179
179
  content: "\e35d";
180
180
  }
181
181
 
182
- .e-treegrid .e-treegridexpand::before,
183
- .e-treegrid .e-treegridcollapse::before {
184
- content: "\e748";
185
- }
186
182
  .e-treegrid .e-toolbar-item .e-expand::before {
187
183
  content: "\e7c9";
188
184
  }
@@ -196,6 +192,13 @@
196
192
  content: "\e72a";
197
193
  }
198
194
 
195
+ .e-treegrid .e-treegridexpand::before,
196
+ .e-treegrid .e-treegridcollapse::before,
197
+ .e-grid .e-treegridexpand::before,
198
+ .e-grid .e-treegridcollapse::before {
199
+ content: "\e748";
200
+ }
201
+
199
202
  .e-treelistgrid.e-print-grid-layout .e-treegridexpand::before,
200
203
  .e-treelistgrid.e-print-grid-layout .e-treegridcollapse::before {
201
204
  content: "\e748";
@@ -204,7 +207,8 @@
204
207
  .e-treegrid .e-icons.e-none::before {
205
208
  content: "";
206
209
  }
207
- .e-treegrid .e-grid.e-default.e-draggable:not(.e-rtl) tr td.e-rowdragdrop.e-childborder:first-child:not(.e-dropbottom) {
210
+ .e-treegrid .e-grid.e-default.e-draggable:not(.e-rtl) tr td.e-rowdragdrop.e-childborder:first-child:not(.e-dropbottom, .e-droptop),
211
+ .e-treegrid .e-grid.e-default.e-draggable:not(.e-rtl) tr td.e-rowcell.e-childborder:first-child:not(.e-dropbottom, .e-droptop) {
208
212
  border-left: 2px dashed rgba(var(--color-sf-primary));
209
213
  }
210
214
  .e-treegrid .e-grid:not(.e-grid-min-height) .e-gridcontent tr.e-row.e-summaryrow .e-rowcell:empty {
@@ -289,17 +293,6 @@
289
293
  .e-treegrid .e-checkselection .e-movablecontent .e-rowcell {
290
294
  line-height: 21px;
291
295
  }
292
- .e-treegrid .e-treegridexpand,
293
- .e-treegrid .e-treegridcollapse {
294
- color: rgba(var(--color-sf-on-surface-variant));
295
- cursor: pointer;
296
- font-size: 18px;
297
- height: 18px;
298
- padding: 0;
299
- text-align: center;
300
- vertical-align: text-bottom;
301
- width: 16px;
302
- }
303
296
  .e-treegrid .e-treecell {
304
297
  display: table-cell;
305
298
  line-height: normal;
@@ -530,6 +523,20 @@
530
523
  border-bottom-color: rgba(var(--color-sf-primary));
531
524
  }
532
525
 
526
+ .e-treegrid .e-treegridexpand,
527
+ .e-treegrid .e-treegridcollapse,
528
+ .e-grid .e-treegridexpand,
529
+ .e-grid .e-treegridcollapse {
530
+ color: rgba(var(--color-sf-on-surface-variant));
531
+ cursor: pointer;
532
+ font-size: 18px;
533
+ height: 18px;
534
+ padding: 0;
535
+ text-align: center;
536
+ vertical-align: text-bottom;
537
+ width: 16px;
538
+ }
539
+
533
540
  .e-treelistgrid.e-print-grid-layout .e-icons.e-none::before {
534
541
  content: "";
535
542
  }
package/styles/material3-lite.css CHANGED
@@ -181,10 +181,6 @@
181
181
  content: "\e35d";
182
182
  }
183
183
 
184
- .e-treegrid .e-treegridexpand::before,
185
- .e-treegrid .e-treegridcollapse::before {
186
- content: "\e748";
187
- }
188
184
  .e-treegrid .e-toolbar-item .e-expand::before {
189
185
  content: "\e7c9";
190
186
  }
@@ -198,6 +194,13 @@
198
194
  content: "\e72a";
199
195
  }
200
196
 
197
+ .e-treegrid .e-treegridexpand::before,
198
+ .e-treegrid .e-treegridcollapse::before,
199
+ .e-grid .e-treegridexpand::before,
200
+ .e-grid .e-treegridcollapse::before {
201
+ content: "\e748";
202
+ }
203
+
201
204
  .e-treelistgrid.e-print-grid-layout .e-treegridexpand::before,
202
205
  .e-treelistgrid.e-print-grid-layout .e-treegridcollapse::before {
203
206
  content: "\e748";
@@ -206,7 +209,8 @@
206
209
  .e-treegrid .e-icons.e-none::before {
207
210
  content: "";
208
211
  }
209
- .e-treegrid .e-grid.e-default.e-draggable:not(.e-rtl) tr td.e-rowdragdrop.e-childborder:first-child:not(.e-dropbottom) {
212
+ .e-treegrid .e-grid.e-default.e-draggable:not(.e-rtl) tr td.e-rowdragdrop.e-childborder:first-child:not(.e-dropbottom, .e-droptop),
213
+ .e-treegrid .e-grid.e-default.e-draggable:not(.e-rtl) tr td.e-rowcell.e-childborder:first-child:not(.e-dropbottom, .e-droptop) {
210
214
  border-left: 2px dashed rgba(var(--color-sf-primary));
211
215
  }
212
216
  .e-treegrid .e-grid:not(.e-grid-min-height) .e-gridcontent tr.e-row.e-summaryrow .e-rowcell:empty {
@@ -291,17 +295,6 @@
291
295
  .e-treegrid .e-checkselection .e-movablecontent .e-rowcell {
292
296
  line-height: 21px;
293
297
  }
294
- .e-treegrid .e-treegridexpand,
295
- .e-treegrid .e-treegridcollapse {
296
- color: rgba(var(--color-sf-on-surface-variant));
297
- cursor: pointer;
298
- font-size: 18px;
299
- height: 18px;
300
- padding: 0;
301
- text-align: center;
302
- vertical-align: text-bottom;
303
- width: 16px;
304
- }
305
298
  .e-treegrid .e-treecell {
306
299
  display: table-cell;
307
300
  line-height: normal;
@@ -532,6 +525,20 @@
532
525
  border-bottom-color: rgba(var(--color-sf-primary));
533
526
  }
534
527
 
528
+ .e-treegrid .e-treegridexpand,
529
+ .e-treegrid .e-treegridcollapse,
530
+ .e-grid .e-treegridexpand,
531
+ .e-grid .e-treegridcollapse {
532
+ color: rgba(var(--color-sf-on-surface-variant));
533
+ cursor: pointer;
534
+ font-size: 18px;
535
+ height: 18px;
536
+ padding: 0;
537
+ text-align: center;
538
+ vertical-align: text-bottom;
539
+ width: 16px;
540
+ }
541
+
535
542
  .e-treelistgrid.e-print-grid-layout .e-icons.e-none::before {
536
543
  content: "";
537
544
  }
package/styles/material3.css CHANGED
@@ -181,10 +181,6 @@
181
181
  content: "\e35d";
182
182
  }
183
183
 
184
- .e-treegrid .e-treegridexpand::before,
185
- .e-treegrid .e-treegridcollapse::before {
186
- content: "\e748";
187
- }
188
184
  .e-treegrid .e-toolbar-item .e-expand::before {
189
185
  content: "\e7c9";
190
186
  }
@@ -198,6 +194,13 @@
198
194
  content: "\e72a";
199
195
  }
200
196
 
197
+ .e-treegrid .e-treegridexpand::before,
198
+ .e-treegrid .e-treegridcollapse::before,
199
+ .e-grid .e-treegridexpand::before,
200
+ .e-grid .e-treegridcollapse::before {
201
+ content: "\e748";
202
+ }
203
+
201
204
  .e-treelistgrid.e-print-grid-layout .e-treegridexpand::before,
202
205
  .e-treelistgrid.e-print-grid-layout .e-treegridcollapse::before {
203
206
  content: "\e748";
@@ -206,7 +209,8 @@
206
209
  .e-treegrid .e-icons.e-none::before {
207
210
  content: "";
208
211
  }
209
- .e-treegrid .e-grid.e-default.e-draggable:not(.e-rtl) tr td.e-rowdragdrop.e-childborder:first-child:not(.e-dropbottom) {
212
+ .e-treegrid .e-grid.e-default.e-draggable:not(.e-rtl) tr td.e-rowdragdrop.e-childborder:first-child:not(.e-dropbottom, .e-droptop),
213
+ .e-treegrid .e-grid.e-default.e-draggable:not(.e-rtl) tr td.e-rowcell.e-childborder:first-child:not(.e-dropbottom, .e-droptop) {
210
214
  border-left: 2px dashed rgba(var(--color-sf-primary));
211
215
  }
212
216
  .e-treegrid .e-grid:not(.e-grid-min-height) .e-gridcontent tr.e-row.e-summaryrow .e-rowcell:empty {
@@ -291,17 +295,6 @@
291
295
  .e-treegrid .e-checkselection .e-movablecontent .e-rowcell {
292
296
  line-height: 21px;
293
297
  }
294
- .e-treegrid .e-treegridexpand,
295
- .e-treegrid .e-treegridcollapse {
296
- color: rgba(var(--color-sf-on-surface-variant));
297
- cursor: pointer;
298
- font-size: 18px;
299
- height: 18px;
300
- padding: 0;
301
- text-align: center;
302
- vertical-align: text-bottom;
303
- width: 16px;
304
- }
305
298
  .e-treegrid .e-treecell {
306
299
  display: table-cell;
307
300
  line-height: normal;
@@ -532,6 +525,20 @@
532
525
  border-bottom-color: rgba(var(--color-sf-primary));
533
526
  }
534
527
 
528
+ .e-treegrid .e-treegridexpand,
529
+ .e-treegrid .e-treegridcollapse,
530
+ .e-grid .e-treegridexpand,
531
+ .e-grid .e-treegridcollapse {
532
+ color: rgba(var(--color-sf-on-surface-variant));
533
+ cursor: pointer;
534
+ font-size: 18px;
535
+ height: 18px;
536
+ padding: 0;
537
+ text-align: center;
538
+ vertical-align: text-bottom;
539
+ width: 16px;
540
+ }
541
+
535
542
  .e-treelistgrid.e-print-grid-layout .e-icons.e-none::before {
536
543
  content: "";
537
544
  }
package/styles/tailwind-dark-lite.css CHANGED
@@ -119,10 +119,6 @@
119
119
  content: "\e72a";
120
120
  }
121
121
 
122
- .e-treegrid .e-treegridexpand::before,
123
- .e-treegrid .e-treegridcollapse::before {
124
- content: "\e75c";
125
- }
126
122
  .e-treegrid .e-toolbar-item .e-expand::before {
127
123
  content: "\e7c9";
128
124
  }
@@ -136,6 +132,13 @@
136
132
  content: "\e72a";
137
133
  }
138
134
 
135
+ .e-treegrid .e-treegridexpand::before,
136
+ .e-treegrid .e-treegridcollapse::before,
137
+ .e-grid .e-treegridexpand::before,
138
+ .e-grid .e-treegridcollapse::before {
139
+ content: "\e75c";
140
+ }
141
+
139
142
  .e-treelistgrid.e-print-grid-layout .e-treegridexpand::before,
140
143
  .e-treelistgrid.e-print-grid-layout .e-treegridcollapse::before {
141
144
  content: "\e75c";
@@ -144,7 +147,8 @@
144
147
  .e-treegrid .e-icons.e-none::before {
145
148
  content: "";
146
149
  }
147
- .e-treegrid .e-grid.e-default.e-draggable:not(.e-rtl) tr td.e-rowdragdrop.e-childborder:first-child:not(.e-dropbottom) {
150
+ .e-treegrid .e-grid.e-default.e-draggable:not(.e-rtl) tr td.e-rowdragdrop.e-childborder:first-child:not(.e-dropbottom, .e-droptop),
151
+ .e-treegrid .e-grid.e-default.e-draggable:not(.e-rtl) tr td.e-rowcell.e-childborder:first-child:not(.e-dropbottom, .e-droptop) {
148
152
  border-left: 2px solid #4f46e5;
149
153
  }
150
154
  .e-treegrid .e-grid:not(.e-grid-min-height) .e-gridcontent tr.e-row.e-summaryrow .e-rowcell:empty {
@@ -229,17 +233,6 @@
229
233
  .e-treegrid .e-checkselection .e-movablecontent .e-rowcell {
230
234
  line-height: 21px;
231
235
  }
232
- .e-treegrid .e-treegridexpand,
233
- .e-treegrid .e-treegridcollapse {
234
- color: #d1d5db;
235
- cursor: pointer;
236
- font-size: 18px;
237
- height: 18px;
238
- padding: 0;
239
- text-align: center;
240
- vertical-align: text-bottom;
241
- width: 16px;
242
- }
243
236
  .e-treegrid .e-treecell {
244
237
  display: table-cell;
245
238
  line-height: normal;
@@ -470,6 +463,20 @@
470
463
  border-bottom-color: #22d3ee;
471
464
  }
472
465
 
466
+ .e-treegrid .e-treegridexpand,
467
+ .e-treegrid .e-treegridcollapse,
468
+ .e-grid .e-treegridexpand,
469
+ .e-grid .e-treegridcollapse {
470
+ color: #d1d5db;
471
+ cursor: pointer;
472
+ font-size: 18px;
473
+ height: 18px;
474
+ padding: 0;
475
+ text-align: center;
476
+ vertical-align: text-bottom;
477
+ width: 16px;
478
+ }
479
+
473
480
  .e-treelistgrid.e-print-grid-layout .e-icons.e-none::before {
474
481
  content: "";
475
482
  }
package/styles/tailwind-dark.css CHANGED
@@ -119,10 +119,6 @@
119
119
  content: "\e72a";
120
120
  }
121
121
 
122
- .e-treegrid .e-treegridexpand::before,
123
- .e-treegrid .e-treegridcollapse::before {
124
- content: "\e75c";
125
- }
126
122
  .e-treegrid .e-toolbar-item .e-expand::before {
127
123
  content: "\e7c9";
128
124
  }
@@ -136,6 +132,13 @@
136
132
  content: "\e72a";
137
133
  }
138
134
 
135
+ .e-treegrid .e-treegridexpand::before,
136
+ .e-treegrid .e-treegridcollapse::before,
137
+ .e-grid .e-treegridexpand::before,
138
+ .e-grid .e-treegridcollapse::before {
139
+ content: "\e75c";
140
+ }
141
+
139
142
  .e-treelistgrid.e-print-grid-layout .e-treegridexpand::before,
140
143
  .e-treelistgrid.e-print-grid-layout .e-treegridcollapse::before {
141
144
  content: "\e75c";
@@ -144,7 +147,8 @@
144
147
  .e-treegrid .e-icons.e-none::before {
145
148
  content: "";
146
149
  }
147
- .e-treegrid .e-grid.e-default.e-draggable:not(.e-rtl) tr td.e-rowdragdrop.e-childborder:first-child:not(.e-dropbottom) {
150
+ .e-treegrid .e-grid.e-default.e-draggable:not(.e-rtl) tr td.e-rowdragdrop.e-childborder:first-child:not(.e-dropbottom, .e-droptop),
151
+ .e-treegrid .e-grid.e-default.e-draggable:not(.e-rtl) tr td.e-rowcell.e-childborder:first-child:not(.e-dropbottom, .e-droptop) {
148
152
  border-left: 2px solid #4f46e5;
149
153
  }
150
154
  .e-treegrid .e-grid:not(.e-grid-min-height) .e-gridcontent tr.e-row.e-summaryrow .e-rowcell:empty {
@@ -229,17 +233,6 @@
229
233
  .e-treegrid .e-checkselection .e-movablecontent .e-rowcell {
230
234
  line-height: 21px;
231
235
  }
232
- .e-treegrid .e-treegridexpand,
233
- .e-treegrid .e-treegridcollapse {
234
- color: #d1d5db;
235
- cursor: pointer;
236
- font-size: 18px;
237
- height: 18px;
238
- padding: 0;
239
- text-align: center;
240
- vertical-align: text-bottom;
241
- width: 16px;
242
- }
243
236
  .e-treegrid .e-treecell {
244
237
  display: table-cell;
245
238
  line-height: normal;
@@ -470,6 +463,20 @@
470
463
  border-bottom-color: #22d3ee;
471
464
  }
472
465
 
466
+ .e-treegrid .e-treegridexpand,
467
+ .e-treegrid .e-treegridcollapse,
468
+ .e-grid .e-treegridexpand,
469
+ .e-grid .e-treegridcollapse {
470
+ color: #d1d5db;
471
+ cursor: pointer;
472
+ font-size: 18px;
473
+ height: 18px;
474
+ padding: 0;
475
+ text-align: center;
476
+ vertical-align: text-bottom;
477
+ width: 16px;
478
+ }
479
+
473
480
  .e-treelistgrid.e-print-grid-layout .e-icons.e-none::before {
474
481
  content: "";
475
482
  }
package/styles/tailwind-lite.css CHANGED
@@ -119,10 +119,6 @@
119
119
  content: "\e72a";
120
120
  }
121
121
 
122
- .e-treegrid .e-treegridexpand::before,
123
- .e-treegrid .e-treegridcollapse::before {
124
- content: "\e75c";
125
- }
126
122
  .e-treegrid .e-toolbar-item .e-expand::before {
127
123
  content: "\e7c9";
128
124
  }
@@ -136,6 +132,13 @@
136
132
  content: "\e72a";
137
133
  }
138
134
 
135
+ .e-treegrid .e-treegridexpand::before,
136
+ .e-treegrid .e-treegridcollapse::before,
137
+ .e-grid .e-treegridexpand::before,
138
+ .e-grid .e-treegridcollapse::before {
139
+ content: "\e75c";
140
+ }
141
+
139
142
  .e-treelistgrid.e-print-grid-layout .e-treegridexpand::before,
140
143
  .e-treelistgrid.e-print-grid-layout .e-treegridcollapse::before {
141
144
  content: "\e75c";
@@ -144,7 +147,8 @@
144
147
  .e-treegrid .e-icons.e-none::before {
145
148
  content: "";
146
149
  }
147
- .e-treegrid .e-grid.e-default.e-draggable:not(.e-rtl) tr td.e-rowdragdrop.e-childborder:first-child:not(.e-dropbottom) {
150
+ .e-treegrid .e-grid.e-default.e-draggable:not(.e-rtl) tr td.e-rowdragdrop.e-childborder:first-child:not(.e-dropbottom, .e-droptop),
151
+ .e-treegrid .e-grid.e-default.e-draggable:not(.e-rtl) tr td.e-rowcell.e-childborder:first-child:not(.e-dropbottom, .e-droptop) {
148
152
  border-left: 2px solid #4f46e5;
149
153
  }
150
154
  .e-treegrid .e-grid:not(.e-grid-min-height) .e-gridcontent tr.e-row.e-summaryrow .e-rowcell:empty {
@@ -229,17 +233,6 @@
229
233
  .e-treegrid .e-checkselection .e-movablecontent .e-rowcell {
230
234
  line-height: 21px;
231
235
  }
232
- .e-treegrid .e-treegridexpand,
233
- .e-treegrid .e-treegridcollapse {
234
- color: #6b7280;
235
- cursor: pointer;
236
- font-size: 18px;
237
- height: 18px;
238
- padding: 0;
239
- text-align: center;
240
- vertical-align: text-bottom;
241
- width: 16px;
242
- }
243
236
  .e-treegrid .e-treecell {
244
237
  display: table-cell;
245
238
  line-height: normal;
@@ -470,6 +463,20 @@
470
463
  border-bottom-color: #4f46e5;
471
464
  }
472
465
 
466
+ .e-treegrid .e-treegridexpand,
467
+ .e-treegrid .e-treegridcollapse,
468
+ .e-grid .e-treegridexpand,
469
+ .e-grid .e-treegridcollapse {
470
+ color: #6b7280;
471
+ cursor: pointer;
472
+ font-size: 18px;
473
+ height: 18px;
474
+ padding: 0;
475
+ text-align: center;
476
+ vertical-align: text-bottom;
477
+ width: 16px;
478
+ }
479
+
473
480
  .e-treelistgrid.e-print-grid-layout .e-icons.e-none::before {
474
481
  content: "";
475
482
  }
package/styles/tailwind.css CHANGED
@@ -119,10 +119,6 @@
119
119
  content: "\e72a";
120
120
  }
121
121
 
122
- .e-treegrid .e-treegridexpand::before,
123
- .e-treegrid .e-treegridcollapse::before {
124
- content: "\e75c";
125
- }
126
122
  .e-treegrid .e-toolbar-item .e-expand::before {
127
123
  content: "\e7c9";
128
124
  }
@@ -136,6 +132,13 @@
136
132
  content: "\e72a";
137
133
  }
138
134
 
135
+ .e-treegrid .e-treegridexpand::before,
136
+ .e-treegrid .e-treegridcollapse::before,
137
+ .e-grid .e-treegridexpand::before,
138
+ .e-grid .e-treegridcollapse::before {
139
+ content: "\e75c";
140
+ }
141
+
139
142
  .e-treelistgrid.e-print-grid-layout .e-treegridexpand::before,
140
143
  .e-treelistgrid.e-print-grid-layout .e-treegridcollapse::before {
141
144
  content: "\e75c";
@@ -144,7 +147,8 @@
144
147
  .e-treegrid .e-icons.e-none::before {
145
148
  content: "";
146
149
  }
147
- .e-treegrid .e-grid.e-default.e-draggable:not(.e-rtl) tr td.e-rowdragdrop.e-childborder:first-child:not(.e-dropbottom) {
150
+ .e-treegrid .e-grid.e-default.e-draggable:not(.e-rtl) tr td.e-rowdragdrop.e-childborder:first-child:not(.e-dropbottom, .e-droptop),
151
+ .e-treegrid .e-grid.e-default.e-draggable:not(.e-rtl) tr td.e-rowcell.e-childborder:first-child:not(.e-dropbottom, .e-droptop) {
148
152
  border-left: 2px solid #4f46e5;
149
153
  }
150
154
  .e-treegrid .e-grid:not(.e-grid-min-height) .e-gridcontent tr.e-row.e-summaryrow .e-rowcell:empty {
@@ -229,17 +233,6 @@
229
233
  .e-treegrid .e-checkselection .e-movablecontent .e-rowcell {
230
234
  line-height: 21px;
231
235
  }
232
- .e-treegrid .e-treegridexpand,
233
- .e-treegrid .e-treegridcollapse {
234
- color: #6b7280;
235
- cursor: pointer;
236
- font-size: 18px;
237
- height: 18px;
238
- padding: 0;
239
- text-align: center;
240
- vertical-align: text-bottom;
241
- width: 16px;
242
- }
243
236
  .e-treegrid .e-treecell {
244
237
  display: table-cell;
245
238
  line-height: normal;
@@ -470,6 +463,20 @@
470
463
  border-bottom-color: #4f46e5;
471
464
  }
472
465
 
466
+ .e-treegrid .e-treegridexpand,
467
+ .e-treegrid .e-treegridcollapse,
468
+ .e-grid .e-treegridexpand,
469
+ .e-grid .e-treegridcollapse {
470
+ color: #6b7280;
471
+ cursor: pointer;
472
+ font-size: 18px;
473
+ height: 18px;
474
+ padding: 0;
475
+ text-align: center;
476
+ vertical-align: text-bottom;
477
+ width: 16px;
478
+ }
479
+
473
480
  .e-treelistgrid.e-print-grid-layout .e-icons.e-none::before {
474
481
  content: "";
475
482
  }
package/styles/tailwind3-lite.css CHANGED
@@ -162,10 +162,6 @@
162
162
  content: "\e72a";
163
163
  }
164
164
 
165
- .e-treegrid .e-treegridexpand::before,
166
- .e-treegrid .e-treegridcollapse::before {
167
- content: "\e748";
168
- }
169
165
  .e-treegrid .e-toolbar-item .e-expand::before {
170
166
  content: "\e7c9";
171
167
  }
@@ -179,6 +175,13 @@
179
175
  content: "\e72a";
180
176
  }
181
177
 
178
+ .e-treegrid .e-treegridexpand::before,
179
+ .e-treegrid .e-treegridcollapse::before,
180
+ .e-grid .e-treegridexpand::before,
181
+ .e-grid .e-treegridcollapse::before {
182
+ content: "\e748";
183
+ }
184
+
182
185
  .e-treelistgrid.e-print-grid-layout .e-treegridexpand::before,
183
186
  .e-treelistgrid.e-print-grid-layout .e-treegridcollapse::before {
184
187
  content: "\e748";
@@ -187,7 +190,8 @@
187
190
  .e-treegrid .e-icons.e-none::before {
188
191
  content: "";
189
192
  }
190
- .e-treegrid .e-grid.e-default.e-draggable:not(.e-rtl) tr td.e-rowdragdrop.e-childborder:first-child:not(.e-dropbottom) {
193
+ .e-treegrid .e-grid.e-default.e-draggable:not(.e-rtl) tr td.e-rowdragdrop.e-childborder:first-child:not(.e-dropbottom, .e-droptop),
194
+ .e-treegrid .e-grid.e-default.e-draggable:not(.e-rtl) tr td.e-rowcell.e-childborder:first-child:not(.e-dropbottom, .e-droptop) {
191
195
  border-left: 2px dashed #4f46e5;
192
196
  }
193
197
  .e-treegrid .e-grid:not(.e-grid-min-height) .e-gridcontent tr.e-row.e-summaryrow .e-rowcell:empty {
@@ -272,17 +276,6 @@
272
276
  .e-treegrid .e-checkselection .e-movablecontent .e-rowcell {
273
277
  line-height: 21px;
274
278
  }
275
- .e-treegrid .e-treegridexpand,
276
- .e-treegrid .e-treegridcollapse {
277
- color: var(--color-sf-icon-color);
278
- cursor: pointer;
279
- font-size: 16px;
280
- height: 16px;
281
- padding: 0;
282
- text-align: center;
283
- vertical-align: text-bottom;
284
- width: 16px;
285
- }
286
279
  .e-treegrid .e-treecell {
287
280
  display: table-cell;
288
281
  line-height: normal;
@@ -513,6 +506,20 @@
513
506
  border-bottom-color: var(--color-sf-primary);
514
507
  }
515
508
 
509
+ .e-treegrid .e-treegridexpand,
510
+ .e-treegrid .e-treegridcollapse,
511
+ .e-grid .e-treegridexpand,
512
+ .e-grid .e-treegridcollapse {
513
+ color: var(--color-sf-icon-color);
514
+ cursor: pointer;
515
+ font-size: 16px;
516
+ height: 16px;
517
+ padding: 0;
518
+ text-align: center;
519
+ vertical-align: text-bottom;
520
+ width: 16px;
521
+ }
522
+
516
523
  .e-treelistgrid.e-print-grid-layout .e-icons.e-none::before {
517
524
  content: "";
518
525
  }
package/styles/tailwind3.css CHANGED
@@ -162,10 +162,6 @@
162
162
  content: "\e72a";
163
163
  }
164
164
 
165
- .e-treegrid .e-treegridexpand::before,
166
- .e-treegrid .e-treegridcollapse::before {
167
- content: "\e748";
168
- }
169
165
  .e-treegrid .e-toolbar-item .e-expand::before {
170
166
  content: "\e7c9";
171
167
  }
@@ -179,6 +175,13 @@
179
175
  content: "\e72a";
180
176
  }
181
177
 
178
+ .e-treegrid .e-treegridexpand::before,
179
+ .e-treegrid .e-treegridcollapse::before,
180
+ .e-grid .e-treegridexpand::before,
181
+ .e-grid .e-treegridcollapse::before {
182
+ content: "\e748";
183
+ }
184
+
182
185
  .e-treelistgrid.e-print-grid-layout .e-treegridexpand::before,
183
186
  .e-treelistgrid.e-print-grid-layout .e-treegridcollapse::before {
184
187
  content: "\e748";
@@ -187,7 +190,8 @@
187
190
  .e-treegrid .e-icons.e-none::before {
188
191
  content: "";
189
192
  }
190
- .e-treegrid .e-grid.e-default.e-draggable:not(.e-rtl) tr td.e-rowdragdrop.e-childborder:first-child:not(.e-dropbottom) {
193
+ .e-treegrid .e-grid.e-default.e-draggable:not(.e-rtl) tr td.e-rowdragdrop.e-childborder:first-child:not(.e-dropbottom, .e-droptop),
194
+ .e-treegrid .e-grid.e-default.e-draggable:not(.e-rtl) tr td.e-rowcell.e-childborder:first-child:not(.e-dropbottom, .e-droptop) {
191
195
  border-left: 2px dashed #4f46e5;
192
196
  }
193
197
  .e-treegrid .e-grid:not(.e-grid-min-height) .e-gridcontent tr.e-row.e-summaryrow .e-rowcell:empty {
@@ -272,17 +276,6 @@
272
276
  .e-treegrid .e-checkselection .e-movablecontent .e-rowcell {
273
277
  line-height: 21px;
274
278
  }
275
- .e-treegrid .e-treegridexpand,
276
- .e-treegrid .e-treegridcollapse {
277
- color: var(--color-sf-icon-color);
278
- cursor: pointer;
279
- font-size: 16px;
280
- height: 16px;
281
- padding: 0;
282
- text-align: center;
283
- vertical-align: text-bottom;
284
- width: 16px;
285
- }
286
279
  .e-treegrid .e-treecell {
287
280
  display: table-cell;
288
281
  line-height: normal;
@@ -513,6 +506,20 @@
513
506
  border-bottom-color: var(--color-sf-primary);
514
507
  }
515
508
 
509
+ .e-treegrid .e-treegridexpand,
510
+ .e-treegrid .e-treegridcollapse,
511
+ .e-grid .e-treegridexpand,
512
+ .e-grid .e-treegridcollapse {
513
+ color: var(--color-sf-icon-color);
514
+ cursor: pointer;
515
+ font-size: 16px;
516
+ height: 16px;
517
+ padding: 0;
518
+ text-align: center;
519
+ vertical-align: text-bottom;
520
+ width: 16px;
521
+ }
522
+
516
523
  .e-treelistgrid.e-print-grid-layout .e-icons.e-none::before {
517
524
  content: "";
518
525
  }
package/styles/treegrid/_icons.scss CHANGED
@@ -11,11 +11,6 @@
11
11
  }
12
12
 
13
13
  .e-treegrid {
14
- .e-treegridexpand::before,
15
- .e-treegridcollapse::before {
16
- content: $treegrid-right-arrow-icon;
17
- }
18
-
19
14
  .e-toolbar-item {
20
15
  .e-expand::before {
21
16
  content: $treegrid-toolbar-expand-icon;
@@ -35,6 +30,14 @@
35
30
  }
36
31
  }
37
32
 
33
+ .e-treegrid,
34
+ .e-grid {
35
+ .e-treegridexpand::before,
36
+ .e-treegridcollapse::before {
37
+ content: $treegrid-right-arrow-icon;
38
+ }
39
+ }
40
+
38
41
  .e-treelistgrid.e-grid.e-print-grid-layout {
39
42
  .e-treegridexpand::before,
40
43
  .e-treegridcollapse::before {