@syncfusion/ej2-treegrid 28.1.33 → 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 +47 -10
  5. package/dist/es6/ej2-treegrid.es2015.js.map +1 -1
  6. package/dist/es6/ej2-treegrid.es5.js +47 -10
  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 +29 -2
  13. package/src/treegrid/renderer/virtual-tree-content-render.js +18 -8
  14. package/styles/bds-lite.css +27 -12
  15. package/styles/bds.css +27 -12
  16. package/styles/bootstrap-dark-lite.css +39 -16
  17. package/styles/bootstrap-dark.css +39 -16
  18. package/styles/bootstrap-lite.css +50 -15
  19. package/styles/bootstrap.css +50 -15
  20. package/styles/bootstrap4-lite.css +39 -16
  21. package/styles/bootstrap4.css +39 -16
  22. package/styles/bootstrap5-dark-lite.css +39 -16
  23. package/styles/bootstrap5-dark.css +39 -16
  24. package/styles/bootstrap5-lite.css +39 -16
  25. package/styles/bootstrap5.3-lite.css +39 -16
  26. package/styles/bootstrap5.3.css +39 -16
  27. package/styles/bootstrap5.css +39 -16
  28. package/styles/fabric-dark-lite.css +39 -16
  29. package/styles/fabric-dark.css +39 -16
  30. package/styles/fabric-lite.css +39 -16
  31. package/styles/fabric.css +39 -16
  32. package/styles/fluent-dark-lite.css +39 -16
  33. package/styles/fluent-dark.css +39 -16
  34. package/styles/fluent-lite.css +39 -16
  35. package/styles/fluent.css +39 -16
  36. package/styles/fluent2-lite.css +39 -16
  37. package/styles/fluent2.css +39 -16
  38. package/styles/highcontrast-light-lite.css +39 -16
  39. package/styles/highcontrast-light.css +39 -16
  40. package/styles/highcontrast-lite.css +39 -16
  41. package/styles/highcontrast.css +39 -16
  42. package/styles/material-dark-lite.css +39 -16
  43. package/styles/material-dark.css +39 -16
  44. package/styles/material-lite.css +39 -16
  45. package/styles/material.css +39 -16
  46. package/styles/material3-dark-lite.css +39 -16
  47. package/styles/material3-dark.css +39 -16
  48. package/styles/material3-lite.css +39 -16
  49. package/styles/material3.css +39 -16
  50. package/styles/tailwind-dark-lite.css +39 -16
  51. package/styles/tailwind-dark.css +39 -16
  52. package/styles/tailwind-lite.css +39 -16
  53. package/styles/tailwind.css +39 -16
  54. package/styles/tailwind3-lite.css +39 -16
  55. package/styles/tailwind3.css +39 -16
  56. package/styles/treegrid/_icons.scss +15 -5
  57. package/styles/treegrid/_layout.scss +33 -13
  58. package/styles/treegrid/bds.css +27 -12
  59. package/styles/treegrid/bootstrap-dark.css +39 -16
  60. package/styles/treegrid/bootstrap.css +50 -15
  61. package/styles/treegrid/bootstrap4.css +39 -16
  62. package/styles/treegrid/bootstrap5-dark.css +39 -16
  63. package/styles/treegrid/bootstrap5.3.css +39 -16
  64. package/styles/treegrid/bootstrap5.css +39 -16
  65. package/styles/treegrid/fabric-dark.css +39 -16
  66. package/styles/treegrid/fabric.css +39 -16
  67. package/styles/treegrid/fluent-dark.css +39 -16
  68. package/styles/treegrid/fluent.css +39 -16
  69. package/styles/treegrid/fluent2.css +39 -16
  70. package/styles/treegrid/highcontrast-light.css +39 -16
  71. package/styles/treegrid/highcontrast.css +39 -16
  72. package/styles/treegrid/icons/_bootstrap-dark.scss +15 -5
  73. package/styles/treegrid/icons/_bootstrap.scss +31 -4
  74. package/styles/treegrid/icons/_bootstrap4.scss +15 -5
  75. package/styles/treegrid/icons/_bootstrap5.3.scss +15 -5
  76. package/styles/treegrid/icons/_bootstrap5.scss +15 -5
  77. package/styles/treegrid/icons/_fabric-dark.scss +15 -5
  78. package/styles/treegrid/icons/_fabric.scss +15 -5
  79. package/styles/treegrid/icons/_fluent.scss +15 -5
  80. package/styles/treegrid/icons/_fluent2.scss +15 -5
  81. package/styles/treegrid/icons/_fusionnew.scss +8 -5
  82. package/styles/treegrid/icons/_highcontrast-light.scss +15 -5
  83. package/styles/treegrid/icons/_highcontrast.scss +15 -5
  84. package/styles/treegrid/icons/_material-dark.scss +15 -5
  85. package/styles/treegrid/icons/_material.scss +15 -5
  86. package/styles/treegrid/icons/_material3.scss +15 -5
  87. package/styles/treegrid/icons/_tailwind-dark.scss +15 -5
  88. package/styles/treegrid/icons/_tailwind.scss +15 -5
  89. package/styles/treegrid/icons/_tailwind3.scss +15 -5
  90. package/styles/treegrid/material-dark.css +39 -16
  91. package/styles/treegrid/material.css +39 -16
  92. package/styles/treegrid/material3-dark.css +39 -16
  93. package/styles/treegrid/material3.css +39 -16
  94. package/styles/treegrid/tailwind-dark.css +39 -16
  95. package/styles/treegrid/tailwind.css +39 -16
  96. package/styles/treegrid/tailwind3.css +39 -16
package/styles/material-lite.css CHANGED
@@ -192,10 +192,6 @@
192
192
  content: "\e35d";
193
193
  }
194
194
 
195
- .e-treegrid .e-treegridexpand::before,
196
- .e-treegrid .e-treegridcollapse::before {
197
- content: "\e848";
198
- }
199
195
  .e-treegrid .e-toolbar-item .e-expand::before {
200
196
  content: "\e556";
201
197
  }
@@ -209,10 +205,23 @@
209
205
  content: "\e35d";
210
206
  }
211
207
 
208
+ .e-treegrid .e-treegridexpand::before,
209
+ .e-treegrid .e-treegridcollapse::before,
210
+ .e-grid .e-treegridexpand::before,
211
+ .e-grid .e-treegridcollapse::before {
212
+ content: "\e848";
213
+ }
214
+
215
+ .e-treelistgrid.e-print-grid-layout .e-treegridexpand::before,
216
+ .e-treelistgrid.e-print-grid-layout .e-treegridcollapse::before {
217
+ content: "\e848";
218
+ }
219
+
212
220
  .e-treegrid .e-icons.e-none::before {
213
221
  content: "";
214
222
  }
215
- .e-treegrid .e-grid.e-default.e-draggable:not(.e-rtl) tr td.e-rowdragdrop.e-childborder:first-child:not(.e-dropbottom) {
223
+ .e-treegrid .e-grid.e-default.e-draggable:not(.e-rtl) tr td.e-rowdragdrop.e-childborder:first-child:not(.e-dropbottom, .e-droptop),
224
+ .e-treegrid .e-grid.e-default.e-draggable:not(.e-rtl) tr td.e-rowcell.e-childborder:first-child:not(.e-dropbottom, .e-droptop) {
216
225
  border-left: 1px solid #e3165b;
217
226
  }
218
227
  .e-treegrid .e-grid:not(.e-grid-min-height) .e-gridcontent tr.e-row.e-summaryrow .e-rowcell:empty {
@@ -297,17 +306,6 @@
297
306
  .e-treegrid .e-checkselection .e-movablecontent .e-rowcell {
298
307
  line-height: 21px;
299
308
  }
300
- .e-treegrid .e-treegridexpand,
301
- .e-treegrid .e-treegridcollapse {
302
- color: #000;
303
- cursor: pointer;
304
- font-size: 10px;
305
- height: 16px;
306
- padding: 0;
307
- text-align: center;
308
- vertical-align: text-bottom;
309
- width: 16px;
310
- }
311
309
  .e-treegrid .e-treecell {
312
310
  display: table-cell;
313
311
  line-height: normal;
@@ -538,4 +536,29 @@
538
536
  border-bottom-color: #e3165b;
539
537
  }
540
538
 
539
+ .e-treegrid .e-treegridexpand,
540
+ .e-treegrid .e-treegridcollapse,
541
+ .e-grid .e-treegridexpand,
542
+ .e-grid .e-treegridcollapse {
543
+ color: #000;
544
+ cursor: pointer;
545
+ font-size: 10px;
546
+ height: 16px;
547
+ padding: 0;
548
+ text-align: center;
549
+ vertical-align: text-bottom;
550
+ width: 16px;
551
+ }
552
+
553
+ .e-treelistgrid.e-print-grid-layout .e-icons.e-none::before {
554
+ content: "";
555
+ }
556
+ .e-treelistgrid.e-print-grid-layout .e-treecolumn-container .e-icons:not(.e-frame) {
557
+ display: inline-block;
558
+ }
559
+ .e-treelistgrid.e-print-grid-layout .e-treegridexpand {
560
+ -webkit-transform: rotate(90deg);
561
+ transform: rotate(90deg);
562
+ }
563
+
541
564
  /* stylelint-disable-line no-empty-source */
package/styles/material.css CHANGED
@@ -192,10 +192,6 @@
192
192
  content: "\e35d";
193
193
  }
194
194
 
195
- .e-treegrid .e-treegridexpand::before,
196
- .e-treegrid .e-treegridcollapse::before {
197
- content: "\e848";
198
- }
199
195
  .e-treegrid .e-toolbar-item .e-expand::before {
200
196
  content: "\e556";
201
197
  }
@@ -209,10 +205,23 @@
209
205
  content: "\e35d";
210
206
  }
211
207
 
208
+ .e-treegrid .e-treegridexpand::before,
209
+ .e-treegrid .e-treegridcollapse::before,
210
+ .e-grid .e-treegridexpand::before,
211
+ .e-grid .e-treegridcollapse::before {
212
+ content: "\e848";
213
+ }
214
+
215
+ .e-treelistgrid.e-print-grid-layout .e-treegridexpand::before,
216
+ .e-treelistgrid.e-print-grid-layout .e-treegridcollapse::before {
217
+ content: "\e848";
218
+ }
219
+
212
220
  .e-treegrid .e-icons.e-none::before {
213
221
  content: "";
214
222
  }
215
- .e-treegrid .e-grid.e-default.e-draggable:not(.e-rtl) tr td.e-rowdragdrop.e-childborder:first-child:not(.e-dropbottom) {
223
+ .e-treegrid .e-grid.e-default.e-draggable:not(.e-rtl) tr td.e-rowdragdrop.e-childborder:first-child:not(.e-dropbottom, .e-droptop),
224
+ .e-treegrid .e-grid.e-default.e-draggable:not(.e-rtl) tr td.e-rowcell.e-childborder:first-child:not(.e-dropbottom, .e-droptop) {
216
225
  border-left: 1px solid #e3165b;
217
226
  }
218
227
  .e-treegrid .e-grid:not(.e-grid-min-height) .e-gridcontent tr.e-row.e-summaryrow .e-rowcell:empty {
@@ -297,17 +306,6 @@
297
306
  .e-treegrid .e-checkselection .e-movablecontent .e-rowcell {
298
307
  line-height: 21px;
299
308
  }
300
- .e-treegrid .e-treegridexpand,
301
- .e-treegrid .e-treegridcollapse {
302
- color: #000;
303
- cursor: pointer;
304
- font-size: 10px;
305
- height: 16px;
306
- padding: 0;
307
- text-align: center;
308
- vertical-align: text-bottom;
309
- width: 16px;
310
- }
311
309
  .e-treegrid .e-treecell {
312
310
  display: table-cell;
313
311
  line-height: normal;
@@ -538,6 +536,31 @@
538
536
  border-bottom-color: #e3165b;
539
537
  }
540
538
 
539
+ .e-treegrid .e-treegridexpand,
540
+ .e-treegrid .e-treegridcollapse,
541
+ .e-grid .e-treegridexpand,
542
+ .e-grid .e-treegridcollapse {
543
+ color: #000;
544
+ cursor: pointer;
545
+ font-size: 10px;
546
+ height: 16px;
547
+ padding: 0;
548
+ text-align: center;
549
+ vertical-align: text-bottom;
550
+ width: 16px;
551
+ }
552
+
553
+ .e-treelistgrid.e-print-grid-layout .e-icons.e-none::before {
554
+ content: "";
555
+ }
556
+ .e-treelistgrid.e-print-grid-layout .e-treecolumn-container .e-icons:not(.e-frame) {
557
+ display: inline-block;
558
+ }
559
+ .e-treelistgrid.e-print-grid-layout .e-treegridexpand {
560
+ -webkit-transform: rotate(90deg);
561
+ transform: rotate(90deg);
562
+ }
563
+
541
564
  /* stylelint-disable-line no-empty-source */
542
565
  .e-bigger .e-treegrid .e-grid .e-treegridexpand,
543
566
  .e-bigger .e-treegrid .e-grid .e-treegridcollapse {
package/styles/material3-dark-lite.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,10 +192,23 @@
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
+
202
+ .e-treelistgrid.e-print-grid-layout .e-treegridexpand::before,
203
+ .e-treelistgrid.e-print-grid-layout .e-treegridcollapse::before {
204
+ content: "\e748";
205
+ }
206
+
199
207
  .e-treegrid .e-icons.e-none::before {
200
208
  content: "";
201
209
  }
202
- .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) {
203
212
  border-left: 2px dashed rgba(var(--color-sf-primary));
204
213
  }
205
214
  .e-treegrid .e-grid:not(.e-grid-min-height) .e-gridcontent tr.e-row.e-summaryrow .e-rowcell:empty {
@@ -284,17 +293,6 @@
284
293
  .e-treegrid .e-checkselection .e-movablecontent .e-rowcell {
285
294
  line-height: 21px;
286
295
  }
287
- .e-treegrid .e-treegridexpand,
288
- .e-treegrid .e-treegridcollapse {
289
- color: rgba(var(--color-sf-on-surface-variant));
290
- cursor: pointer;
291
- font-size: 18px;
292
- height: 18px;
293
- padding: 0;
294
- text-align: center;
295
- vertical-align: text-bottom;
296
- width: 16px;
297
- }
298
296
  .e-treegrid .e-treecell {
299
297
  display: table-cell;
300
298
  line-height: normal;
@@ -525,4 +523,29 @@
525
523
  border-bottom-color: rgba(var(--color-sf-primary));
526
524
  }
527
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
+
540
+ .e-treelistgrid.e-print-grid-layout .e-icons.e-none::before {
541
+ content: "";
542
+ }
543
+ .e-treelistgrid.e-print-grid-layout .e-treecolumn-container .e-icons:not(.e-frame) {
544
+ display: inline-block;
545
+ }
546
+ .e-treelistgrid.e-print-grid-layout .e-treegridexpand {
547
+ -webkit-transform: rotate(90deg);
548
+ transform: rotate(90deg);
549
+ }
550
+
528
551
  /* stylelint-disable-line no-empty-source */
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,10 +192,23 @@
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
+
202
+ .e-treelistgrid.e-print-grid-layout .e-treegridexpand::before,
203
+ .e-treelistgrid.e-print-grid-layout .e-treegridcollapse::before {
204
+ content: "\e748";
205
+ }
206
+
199
207
  .e-treegrid .e-icons.e-none::before {
200
208
  content: "";
201
209
  }
202
- .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) {
203
212
  border-left: 2px dashed rgba(var(--color-sf-primary));
204
213
  }
205
214
  .e-treegrid .e-grid:not(.e-grid-min-height) .e-gridcontent tr.e-row.e-summaryrow .e-rowcell:empty {
@@ -284,17 +293,6 @@
284
293
  .e-treegrid .e-checkselection .e-movablecontent .e-rowcell {
285
294
  line-height: 21px;
286
295
  }
287
- .e-treegrid .e-treegridexpand,
288
- .e-treegrid .e-treegridcollapse {
289
- color: rgba(var(--color-sf-on-surface-variant));
290
- cursor: pointer;
291
- font-size: 18px;
292
- height: 18px;
293
- padding: 0;
294
- text-align: center;
295
- vertical-align: text-bottom;
296
- width: 16px;
297
- }
298
296
  .e-treegrid .e-treecell {
299
297
  display: table-cell;
300
298
  line-height: normal;
@@ -525,6 +523,31 @@
525
523
  border-bottom-color: rgba(var(--color-sf-primary));
526
524
  }
527
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
+
540
+ .e-treelistgrid.e-print-grid-layout .e-icons.e-none::before {
541
+ content: "";
542
+ }
543
+ .e-treelistgrid.e-print-grid-layout .e-treecolumn-container .e-icons:not(.e-frame) {
544
+ display: inline-block;
545
+ }
546
+ .e-treelistgrid.e-print-grid-layout .e-treegridexpand {
547
+ -webkit-transform: rotate(90deg);
548
+ transform: rotate(90deg);
549
+ }
550
+
528
551
  /* stylelint-disable-line no-empty-source */
529
552
  .e-bigger .e-treegrid .e-grid .e-treegridexpand,
530
553
  .e-bigger .e-treegrid .e-grid .e-treegridcollapse {
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,10 +194,23 @@
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
+
204
+ .e-treelistgrid.e-print-grid-layout .e-treegridexpand::before,
205
+ .e-treelistgrid.e-print-grid-layout .e-treegridcollapse::before {
206
+ content: "\e748";
207
+ }
208
+
201
209
  .e-treegrid .e-icons.e-none::before {
202
210
  content: "";
203
211
  }
204
- .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) {
205
214
  border-left: 2px dashed rgba(var(--color-sf-primary));
206
215
  }
207
216
  .e-treegrid .e-grid:not(.e-grid-min-height) .e-gridcontent tr.e-row.e-summaryrow .e-rowcell:empty {
@@ -286,17 +295,6 @@
286
295
  .e-treegrid .e-checkselection .e-movablecontent .e-rowcell {
287
296
  line-height: 21px;
288
297
  }
289
- .e-treegrid .e-treegridexpand,
290
- .e-treegrid .e-treegridcollapse {
291
- color: rgba(var(--color-sf-on-surface-variant));
292
- cursor: pointer;
293
- font-size: 18px;
294
- height: 18px;
295
- padding: 0;
296
- text-align: center;
297
- vertical-align: text-bottom;
298
- width: 16px;
299
- }
300
298
  .e-treegrid .e-treecell {
301
299
  display: table-cell;
302
300
  line-height: normal;
@@ -527,4 +525,29 @@
527
525
  border-bottom-color: rgba(var(--color-sf-primary));
528
526
  }
529
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
+
542
+ .e-treelistgrid.e-print-grid-layout .e-icons.e-none::before {
543
+ content: "";
544
+ }
545
+ .e-treelistgrid.e-print-grid-layout .e-treecolumn-container .e-icons:not(.e-frame) {
546
+ display: inline-block;
547
+ }
548
+ .e-treelistgrid.e-print-grid-layout .e-treegridexpand {
549
+ -webkit-transform: rotate(90deg);
550
+ transform: rotate(90deg);
551
+ }
552
+
530
553
  /* stylelint-disable-line no-empty-source */
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,10 +194,23 @@
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
+
204
+ .e-treelistgrid.e-print-grid-layout .e-treegridexpand::before,
205
+ .e-treelistgrid.e-print-grid-layout .e-treegridcollapse::before {
206
+ content: "\e748";
207
+ }
208
+
201
209
  .e-treegrid .e-icons.e-none::before {
202
210
  content: "";
203
211
  }
204
- .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) {
205
214
  border-left: 2px dashed rgba(var(--color-sf-primary));
206
215
  }
207
216
  .e-treegrid .e-grid:not(.e-grid-min-height) .e-gridcontent tr.e-row.e-summaryrow .e-rowcell:empty {
@@ -286,17 +295,6 @@
286
295
  .e-treegrid .e-checkselection .e-movablecontent .e-rowcell {
287
296
  line-height: 21px;
288
297
  }
289
- .e-treegrid .e-treegridexpand,
290
- .e-treegrid .e-treegridcollapse {
291
- color: rgba(var(--color-sf-on-surface-variant));
292
- cursor: pointer;
293
- font-size: 18px;
294
- height: 18px;
295
- padding: 0;
296
- text-align: center;
297
- vertical-align: text-bottom;
298
- width: 16px;
299
- }
300
298
  .e-treegrid .e-treecell {
301
299
  display: table-cell;
302
300
  line-height: normal;
@@ -527,6 +525,31 @@
527
525
  border-bottom-color: rgba(var(--color-sf-primary));
528
526
  }
529
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
+
542
+ .e-treelistgrid.e-print-grid-layout .e-icons.e-none::before {
543
+ content: "";
544
+ }
545
+ .e-treelistgrid.e-print-grid-layout .e-treecolumn-container .e-icons:not(.e-frame) {
546
+ display: inline-block;
547
+ }
548
+ .e-treelistgrid.e-print-grid-layout .e-treegridexpand {
549
+ -webkit-transform: rotate(90deg);
550
+ transform: rotate(90deg);
551
+ }
552
+
530
553
  /* stylelint-disable-line no-empty-source */
531
554
  .e-bigger .e-treegrid .e-grid .e-treegridexpand,
532
555
  .e-bigger .e-treegrid .e-grid .e-treegridcollapse {
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,10 +132,23 @@
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
+
142
+ .e-treelistgrid.e-print-grid-layout .e-treegridexpand::before,
143
+ .e-treelistgrid.e-print-grid-layout .e-treegridcollapse::before {
144
+ content: "\e75c";
145
+ }
146
+
139
147
  .e-treegrid .e-icons.e-none::before {
140
148
  content: "";
141
149
  }
142
- .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) {
143
152
  border-left: 2px solid #4f46e5;
144
153
  }
145
154
  .e-treegrid .e-grid:not(.e-grid-min-height) .e-gridcontent tr.e-row.e-summaryrow .e-rowcell:empty {
@@ -224,17 +233,6 @@
224
233
  .e-treegrid .e-checkselection .e-movablecontent .e-rowcell {
225
234
  line-height: 21px;
226
235
  }
227
- .e-treegrid .e-treegridexpand,
228
- .e-treegrid .e-treegridcollapse {
229
- color: #d1d5db;
230
- cursor: pointer;
231
- font-size: 18px;
232
- height: 18px;
233
- padding: 0;
234
- text-align: center;
235
- vertical-align: text-bottom;
236
- width: 16px;
237
- }
238
236
  .e-treegrid .e-treecell {
239
237
  display: table-cell;
240
238
  line-height: normal;
@@ -465,4 +463,29 @@
465
463
  border-bottom-color: #22d3ee;
466
464
  }
467
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
+
480
+ .e-treelistgrid.e-print-grid-layout .e-icons.e-none::before {
481
+ content: "";
482
+ }
483
+ .e-treelistgrid.e-print-grid-layout .e-treecolumn-container .e-icons:not(.e-frame) {
484
+ display: inline-block;
485
+ }
486
+ .e-treelistgrid.e-print-grid-layout .e-treegridexpand {
487
+ -webkit-transform: rotate(90deg);
488
+ transform: rotate(90deg);
489
+ }
490
+
468
491
  /* stylelint-disable-line no-empty-source */
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,10 +132,23 @@
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
+
142
+ .e-treelistgrid.e-print-grid-layout .e-treegridexpand::before,
143
+ .e-treelistgrid.e-print-grid-layout .e-treegridcollapse::before {
144
+ content: "\e75c";
145
+ }
146
+
139
147
  .e-treegrid .e-icons.e-none::before {
140
148
  content: "";
141
149
  }
142
- .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) {
143
152
  border-left: 2px solid #4f46e5;
144
153
  }
145
154
  .e-treegrid .e-grid:not(.e-grid-min-height) .e-gridcontent tr.e-row.e-summaryrow .e-rowcell:empty {
@@ -224,17 +233,6 @@
224
233
  .e-treegrid .e-checkselection .e-movablecontent .e-rowcell {
225
234
  line-height: 21px;
226
235
  }
227
- .e-treegrid .e-treegridexpand,
228
- .e-treegrid .e-treegridcollapse {
229
- color: #d1d5db;
230
- cursor: pointer;
231
- font-size: 18px;
232
- height: 18px;
233
- padding: 0;
234
- text-align: center;
235
- vertical-align: text-bottom;
236
- width: 16px;
237
- }
238
236
  .e-treegrid .e-treecell {
239
237
  display: table-cell;
240
238
  line-height: normal;
@@ -465,6 +463,31 @@
465
463
  border-bottom-color: #22d3ee;
466
464
  }
467
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
+
480
+ .e-treelistgrid.e-print-grid-layout .e-icons.e-none::before {
481
+ content: "";
482
+ }
483
+ .e-treelistgrid.e-print-grid-layout .e-treecolumn-container .e-icons:not(.e-frame) {
484
+ display: inline-block;
485
+ }
486
+ .e-treelistgrid.e-print-grid-layout .e-treegridexpand {
487
+ -webkit-transform: rotate(90deg);
488
+ transform: rotate(90deg);
489
+ }
490
+
468
491
  /* stylelint-disable-line no-empty-source */
469
492
  .e-bigger .e-treegrid .e-grid .e-treegridexpand,
470
493
  .e-bigger .e-treegrid .e-grid .e-treegridcollapse {