@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/highcontrast-light-lite.css CHANGED
@@ -92,10 +92,6 @@
92
92
  content: "\e35d";
93
93
  }
94
94
 
95
- .e-treegrid .e-treegridexpand::before,
96
- .e-treegrid .e-treegridcollapse::before {
97
- content: "\e22e";
98
- }
99
95
  .e-treegrid .e-toolbar-item .e-expand::before {
100
96
  content: "\e555";
101
97
  }
@@ -109,6 +105,13 @@
109
105
  content: "\e35d";
110
106
  }
111
107
 
108
+ .e-treegrid .e-treegridexpand::before,
109
+ .e-treegrid .e-treegridcollapse::before,
110
+ .e-grid .e-treegridexpand::before,
111
+ .e-grid .e-treegridcollapse::before {
112
+ content: "\e22e";
113
+ }
114
+
112
115
  .e-treelistgrid.e-print-grid-layout .e-treegridexpand::before,
113
116
  .e-treelistgrid.e-print-grid-layout .e-treegridcollapse::before {
114
117
  content: "\e22e";
@@ -117,7 +120,8 @@
117
120
  .e-treegrid .e-icons.e-none::before {
118
121
  content: "";
119
122
  }
120
- .e-treegrid .e-grid.e-default.e-draggable:not(.e-rtl) tr td.e-rowdragdrop.e-childborder:first-child:not(.e-dropbottom) {
123
+ .e-treegrid .e-grid.e-default.e-draggable:not(.e-rtl) tr td.e-rowdragdrop.e-childborder:first-child:not(.e-dropbottom, .e-droptop),
124
+ .e-treegrid .e-grid.e-default.e-draggable:not(.e-rtl) tr td.e-rowcell.e-childborder:first-child:not(.e-dropbottom, .e-droptop) {
121
125
  border-left: 1px solid #400074;
122
126
  }
123
127
  .e-treegrid .e-grid:not(.e-grid-min-height) .e-gridcontent tr.e-row.e-summaryrow .e-rowcell:empty {
@@ -202,17 +206,6 @@
202
206
  .e-treegrid .e-checkselection .e-movablecontent .e-rowcell {
203
207
  line-height: 21px;
204
208
  }
205
- .e-treegrid .e-treegridexpand,
206
- .e-treegrid .e-treegridcollapse {
207
- color: #000;
208
- cursor: pointer;
209
- font-size: 10px;
210
- height: 16px;
211
- padding: 0;
212
- text-align: center;
213
- vertical-align: text-bottom;
214
- width: 16px;
215
- }
216
209
  .e-treegrid .e-treecell {
217
210
  display: table-cell;
218
211
  line-height: normal;
@@ -443,6 +436,20 @@
443
436
  border-bottom-color: #400074;
444
437
  }
445
438
 
439
+ .e-treegrid .e-treegridexpand,
440
+ .e-treegrid .e-treegridcollapse,
441
+ .e-grid .e-treegridexpand,
442
+ .e-grid .e-treegridcollapse {
443
+ color: #000;
444
+ cursor: pointer;
445
+ font-size: 10px;
446
+ height: 16px;
447
+ padding: 0;
448
+ text-align: center;
449
+ vertical-align: text-bottom;
450
+ width: 16px;
451
+ }
452
+
446
453
  .e-treelistgrid.e-print-grid-layout .e-icons.e-none::before {
447
454
  content: "";
448
455
  }
package/styles/highcontrast-light.css CHANGED
@@ -92,10 +92,6 @@
92
92
  content: "\e35d";
93
93
  }
94
94
 
95
- .e-treegrid .e-treegridexpand::before,
96
- .e-treegrid .e-treegridcollapse::before {
97
- content: "\e22e";
98
- }
99
95
  .e-treegrid .e-toolbar-item .e-expand::before {
100
96
  content: "\e555";
101
97
  }
@@ -109,6 +105,13 @@
109
105
  content: "\e35d";
110
106
  }
111
107
 
108
+ .e-treegrid .e-treegridexpand::before,
109
+ .e-treegrid .e-treegridcollapse::before,
110
+ .e-grid .e-treegridexpand::before,
111
+ .e-grid .e-treegridcollapse::before {
112
+ content: "\e22e";
113
+ }
114
+
112
115
  .e-treelistgrid.e-print-grid-layout .e-treegridexpand::before,
113
116
  .e-treelistgrid.e-print-grid-layout .e-treegridcollapse::before {
114
117
  content: "\e22e";
@@ -117,7 +120,8 @@
117
120
  .e-treegrid .e-icons.e-none::before {
118
121
  content: "";
119
122
  }
120
- .e-treegrid .e-grid.e-default.e-draggable:not(.e-rtl) tr td.e-rowdragdrop.e-childborder:first-child:not(.e-dropbottom) {
123
+ .e-treegrid .e-grid.e-default.e-draggable:not(.e-rtl) tr td.e-rowdragdrop.e-childborder:first-child:not(.e-dropbottom, .e-droptop),
124
+ .e-treegrid .e-grid.e-default.e-draggable:not(.e-rtl) tr td.e-rowcell.e-childborder:first-child:not(.e-dropbottom, .e-droptop) {
121
125
  border-left: 1px solid #400074;
122
126
  }
123
127
  .e-treegrid .e-grid:not(.e-grid-min-height) .e-gridcontent tr.e-row.e-summaryrow .e-rowcell:empty {
@@ -202,17 +206,6 @@
202
206
  .e-treegrid .e-checkselection .e-movablecontent .e-rowcell {
203
207
  line-height: 21px;
204
208
  }
205
- .e-treegrid .e-treegridexpand,
206
- .e-treegrid .e-treegridcollapse {
207
- color: #000;
208
- cursor: pointer;
209
- font-size: 10px;
210
- height: 16px;
211
- padding: 0;
212
- text-align: center;
213
- vertical-align: text-bottom;
214
- width: 16px;
215
- }
216
209
  .e-treegrid .e-treecell {
217
210
  display: table-cell;
218
211
  line-height: normal;
@@ -443,6 +436,20 @@
443
436
  border-bottom-color: #400074;
444
437
  }
445
438
 
439
+ .e-treegrid .e-treegridexpand,
440
+ .e-treegrid .e-treegridcollapse,
441
+ .e-grid .e-treegridexpand,
442
+ .e-grid .e-treegridcollapse {
443
+ color: #000;
444
+ cursor: pointer;
445
+ font-size: 10px;
446
+ height: 16px;
447
+ padding: 0;
448
+ text-align: center;
449
+ vertical-align: text-bottom;
450
+ width: 16px;
451
+ }
452
+
446
453
  .e-treelistgrid.e-print-grid-layout .e-icons.e-none::before {
447
454
  content: "";
448
455
  }
package/styles/highcontrast-lite.css CHANGED
@@ -92,10 +92,6 @@
92
92
  content: "\e35d";
93
93
  }
94
94
 
95
- .e-treegrid .e-treegridexpand::before,
96
- .e-treegrid .e-treegridcollapse::before {
97
- content: "\e22e";
98
- }
99
95
  .e-treegrid .e-toolbar-item .e-expand::before {
100
96
  content: "\e557";
101
97
  }
@@ -109,6 +105,13 @@
109
105
  content: "\e35d";
110
106
  }
111
107
 
108
+ .e-treegrid .e-treegridexpand::before,
109
+ .e-treegrid .e-treegridcollapse::before,
110
+ .e-grid .e-treegridexpand::before,
111
+ .e-grid .e-treegridcollapse::before {
112
+ content: "\e22e";
113
+ }
114
+
112
115
  .e-treelistgrid.e-print-grid-layout .e-treegridexpand::before,
113
116
  .e-treelistgrid.e-print-grid-layout .e-treegridcollapse::before {
114
117
  content: "\e22e";
@@ -117,7 +120,8 @@
117
120
  .e-treegrid .e-icons.e-none::before {
118
121
  content: "";
119
122
  }
120
- .e-treegrid .e-grid.e-default.e-draggable:not(.e-rtl) tr td.e-rowdragdrop.e-childborder:first-child:not(.e-dropbottom) {
123
+ .e-treegrid .e-grid.e-default.e-draggable:not(.e-rtl) tr td.e-rowdragdrop.e-childborder:first-child:not(.e-dropbottom, .e-droptop),
124
+ .e-treegrid .e-grid.e-default.e-draggable:not(.e-rtl) tr td.e-rowcell.e-childborder:first-child:not(.e-dropbottom, .e-droptop) {
121
125
  border-left: 1px solid #ffd939;
122
126
  }
123
127
  .e-treegrid .e-grid:not(.e-grid-min-height) .e-gridcontent tr.e-row.e-summaryrow .e-rowcell:empty {
@@ -209,17 +213,6 @@
209
213
  .e-treegrid .e-checkselection .e-movablecontent .e-rowcell {
210
214
  line-height: 21px;
211
215
  }
212
- .e-treegrid .e-treegridexpand,
213
- .e-treegrid .e-treegridcollapse {
214
- color: #fff;
215
- cursor: pointer;
216
- font-size: 10px;
217
- height: 16px;
218
- padding: 0;
219
- text-align: center;
220
- vertical-align: text-bottom;
221
- width: 16px;
222
- }
223
216
  .e-treegrid .e-treecell {
224
217
  display: table-cell;
225
218
  line-height: normal;
@@ -450,6 +443,20 @@
450
443
  border-bottom-color: #ffd939;
451
444
  }
452
445
 
446
+ .e-treegrid .e-treegridexpand,
447
+ .e-treegrid .e-treegridcollapse,
448
+ .e-grid .e-treegridexpand,
449
+ .e-grid .e-treegridcollapse {
450
+ color: #fff;
451
+ cursor: pointer;
452
+ font-size: 10px;
453
+ height: 16px;
454
+ padding: 0;
455
+ text-align: center;
456
+ vertical-align: text-bottom;
457
+ width: 16px;
458
+ }
459
+
453
460
  .e-treelistgrid.e-print-grid-layout .e-icons.e-none::before {
454
461
  content: "";
455
462
  }
package/styles/highcontrast.css CHANGED
@@ -92,10 +92,6 @@
92
92
  content: "\e35d";
93
93
  }
94
94
 
95
- .e-treegrid .e-treegridexpand::before,
96
- .e-treegrid .e-treegridcollapse::before {
97
- content: "\e22e";
98
- }
99
95
  .e-treegrid .e-toolbar-item .e-expand::before {
100
96
  content: "\e557";
101
97
  }
@@ -109,6 +105,13 @@
109
105
  content: "\e35d";
110
106
  }
111
107
 
108
+ .e-treegrid .e-treegridexpand::before,
109
+ .e-treegrid .e-treegridcollapse::before,
110
+ .e-grid .e-treegridexpand::before,
111
+ .e-grid .e-treegridcollapse::before {
112
+ content: "\e22e";
113
+ }
114
+
112
115
  .e-treelistgrid.e-print-grid-layout .e-treegridexpand::before,
113
116
  .e-treelistgrid.e-print-grid-layout .e-treegridcollapse::before {
114
117
  content: "\e22e";
@@ -117,7 +120,8 @@
117
120
  .e-treegrid .e-icons.e-none::before {
118
121
  content: "";
119
122
  }
120
- .e-treegrid .e-grid.e-default.e-draggable:not(.e-rtl) tr td.e-rowdragdrop.e-childborder:first-child:not(.e-dropbottom) {
123
+ .e-treegrid .e-grid.e-default.e-draggable:not(.e-rtl) tr td.e-rowdragdrop.e-childborder:first-child:not(.e-dropbottom, .e-droptop),
124
+ .e-treegrid .e-grid.e-default.e-draggable:not(.e-rtl) tr td.e-rowcell.e-childborder:first-child:not(.e-dropbottom, .e-droptop) {
121
125
  border-left: 1px solid #ffd939;
122
126
  }
123
127
  .e-treegrid .e-grid:not(.e-grid-min-height) .e-gridcontent tr.e-row.e-summaryrow .e-rowcell:empty {
@@ -209,17 +213,6 @@
209
213
  .e-treegrid .e-checkselection .e-movablecontent .e-rowcell {
210
214
  line-height: 21px;
211
215
  }
212
- .e-treegrid .e-treegridexpand,
213
- .e-treegrid .e-treegridcollapse {
214
- color: #fff;
215
- cursor: pointer;
216
- font-size: 10px;
217
- height: 16px;
218
- padding: 0;
219
- text-align: center;
220
- vertical-align: text-bottom;
221
- width: 16px;
222
- }
223
216
  .e-treegrid .e-treecell {
224
217
  display: table-cell;
225
218
  line-height: normal;
@@ -450,6 +443,20 @@
450
443
  border-bottom-color: #ffd939;
451
444
  }
452
445
 
446
+ .e-treegrid .e-treegridexpand,
447
+ .e-treegrid .e-treegridcollapse,
448
+ .e-grid .e-treegridexpand,
449
+ .e-grid .e-treegridcollapse {
450
+ color: #fff;
451
+ cursor: pointer;
452
+ font-size: 10px;
453
+ height: 16px;
454
+ padding: 0;
455
+ text-align: center;
456
+ vertical-align: text-bottom;
457
+ width: 16px;
458
+ }
459
+
453
460
  .e-treelistgrid.e-print-grid-layout .e-icons.e-none::before {
454
461
  content: "";
455
462
  }
package/styles/material-dark-lite.css CHANGED
@@ -168,10 +168,6 @@
168
168
  content: "\e35d";
169
169
  }
170
170
 
171
- .e-treegrid .e-treegridexpand::before,
172
- .e-treegrid .e-treegridcollapse::before {
173
- content: "\e848";
174
- }
175
171
  .e-treegrid .e-toolbar-item .e-expand::before {
176
172
  content: "\e556";
177
173
  }
@@ -185,6 +181,13 @@
185
181
  content: "\e35d";
186
182
  }
187
183
 
184
+ .e-treegrid .e-treegridexpand::before,
185
+ .e-treegrid .e-treegridcollapse::before,
186
+ .e-grid .e-treegridexpand::before,
187
+ .e-grid .e-treegridcollapse::before {
188
+ content: "\e848";
189
+ }
190
+
188
191
  .e-treelistgrid.e-print-grid-layout .e-treegridexpand::before,
189
192
  .e-treelistgrid.e-print-grid-layout .e-treegridcollapse::before {
190
193
  content: "\e848";
@@ -193,7 +196,8 @@
193
196
  .e-treegrid .e-icons.e-none::before {
194
197
  content: "";
195
198
  }
196
- .e-treegrid .e-grid.e-default.e-draggable:not(.e-rtl) tr td.e-rowdragdrop.e-childborder:first-child:not(.e-dropbottom) {
199
+ .e-treegrid .e-grid.e-default.e-draggable:not(.e-rtl) tr td.e-rowdragdrop.e-childborder:first-child:not(.e-dropbottom, .e-droptop),
200
+ .e-treegrid .e-grid.e-default.e-draggable:not(.e-rtl) tr td.e-rowcell.e-childborder:first-child:not(.e-dropbottom, .e-droptop) {
197
201
  border-left: 1px solid #00b0ff;
198
202
  }
199
203
  .e-treegrid .e-grid:not(.e-grid-min-height) .e-gridcontent tr.e-row.e-summaryrow .e-rowcell:empty {
@@ -278,17 +282,6 @@
278
282
  .e-treegrid .e-checkselection .e-movablecontent .e-rowcell {
279
283
  line-height: 21px;
280
284
  }
281
- .e-treegrid .e-treegridexpand,
282
- .e-treegrid .e-treegridcollapse {
283
- color: #fff;
284
- cursor: pointer;
285
- font-size: 10px;
286
- height: 16px;
287
- padding: 0;
288
- text-align: center;
289
- vertical-align: text-bottom;
290
- width: 16px;
291
- }
292
285
  .e-treegrid .e-treecell {
293
286
  display: table-cell;
294
287
  line-height: normal;
@@ -519,6 +512,20 @@
519
512
  border-bottom-color: #00b0ff;
520
513
  }
521
514
 
515
+ .e-treegrid .e-treegridexpand,
516
+ .e-treegrid .e-treegridcollapse,
517
+ .e-grid .e-treegridexpand,
518
+ .e-grid .e-treegridcollapse {
519
+ color: #fff;
520
+ cursor: pointer;
521
+ font-size: 10px;
522
+ height: 16px;
523
+ padding: 0;
524
+ text-align: center;
525
+ vertical-align: text-bottom;
526
+ width: 16px;
527
+ }
528
+
522
529
  .e-treelistgrid.e-print-grid-layout .e-icons.e-none::before {
523
530
  content: "";
524
531
  }
package/styles/material-dark.css CHANGED
@@ -168,10 +168,6 @@
168
168
  content: "\e35d";
169
169
  }
170
170
 
171
- .e-treegrid .e-treegridexpand::before,
172
- .e-treegrid .e-treegridcollapse::before {
173
- content: "\e848";
174
- }
175
171
  .e-treegrid .e-toolbar-item .e-expand::before {
176
172
  content: "\e556";
177
173
  }
@@ -185,6 +181,13 @@
185
181
  content: "\e35d";
186
182
  }
187
183
 
184
+ .e-treegrid .e-treegridexpand::before,
185
+ .e-treegrid .e-treegridcollapse::before,
186
+ .e-grid .e-treegridexpand::before,
187
+ .e-grid .e-treegridcollapse::before {
188
+ content: "\e848";
189
+ }
190
+
188
191
  .e-treelistgrid.e-print-grid-layout .e-treegridexpand::before,
189
192
  .e-treelistgrid.e-print-grid-layout .e-treegridcollapse::before {
190
193
  content: "\e848";
@@ -193,7 +196,8 @@
193
196
  .e-treegrid .e-icons.e-none::before {
194
197
  content: "";
195
198
  }
196
- .e-treegrid .e-grid.e-default.e-draggable:not(.e-rtl) tr td.e-rowdragdrop.e-childborder:first-child:not(.e-dropbottom) {
199
+ .e-treegrid .e-grid.e-default.e-draggable:not(.e-rtl) tr td.e-rowdragdrop.e-childborder:first-child:not(.e-dropbottom, .e-droptop),
200
+ .e-treegrid .e-grid.e-default.e-draggable:not(.e-rtl) tr td.e-rowcell.e-childborder:first-child:not(.e-dropbottom, .e-droptop) {
197
201
  border-left: 1px solid #00b0ff;
198
202
  }
199
203
  .e-treegrid .e-grid:not(.e-grid-min-height) .e-gridcontent tr.e-row.e-summaryrow .e-rowcell:empty {
@@ -278,17 +282,6 @@
278
282
  .e-treegrid .e-checkselection .e-movablecontent .e-rowcell {
279
283
  line-height: 21px;
280
284
  }
281
- .e-treegrid .e-treegridexpand,
282
- .e-treegrid .e-treegridcollapse {
283
- color: #fff;
284
- cursor: pointer;
285
- font-size: 10px;
286
- height: 16px;
287
- padding: 0;
288
- text-align: center;
289
- vertical-align: text-bottom;
290
- width: 16px;
291
- }
292
285
  .e-treegrid .e-treecell {
293
286
  display: table-cell;
294
287
  line-height: normal;
@@ -519,6 +512,20 @@
519
512
  border-bottom-color: #00b0ff;
520
513
  }
521
514
 
515
+ .e-treegrid .e-treegridexpand,
516
+ .e-treegrid .e-treegridcollapse,
517
+ .e-grid .e-treegridexpand,
518
+ .e-grid .e-treegridcollapse {
519
+ color: #fff;
520
+ cursor: pointer;
521
+ font-size: 10px;
522
+ height: 16px;
523
+ padding: 0;
524
+ text-align: center;
525
+ vertical-align: text-bottom;
526
+ width: 16px;
527
+ }
528
+
522
529
  .e-treelistgrid.e-print-grid-layout .e-icons.e-none::before {
523
530
  content: "";
524
531
  }
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,6 +205,13 @@
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
+
212
215
  .e-treelistgrid.e-print-grid-layout .e-treegridexpand::before,
213
216
  .e-treelistgrid.e-print-grid-layout .e-treegridcollapse::before {
214
217
  content: "\e848";
@@ -217,7 +220,8 @@
217
220
  .e-treegrid .e-icons.e-none::before {
218
221
  content: "";
219
222
  }
220
- .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) {
221
225
  border-left: 1px solid #e3165b;
222
226
  }
223
227
  .e-treegrid .e-grid:not(.e-grid-min-height) .e-gridcontent tr.e-row.e-summaryrow .e-rowcell:empty {
@@ -302,17 +306,6 @@
302
306
  .e-treegrid .e-checkselection .e-movablecontent .e-rowcell {
303
307
  line-height: 21px;
304
308
  }
305
- .e-treegrid .e-treegridexpand,
306
- .e-treegrid .e-treegridcollapse {
307
- color: #000;
308
- cursor: pointer;
309
- font-size: 10px;
310
- height: 16px;
311
- padding: 0;
312
- text-align: center;
313
- vertical-align: text-bottom;
314
- width: 16px;
315
- }
316
309
  .e-treegrid .e-treecell {
317
310
  display: table-cell;
318
311
  line-height: normal;
@@ -543,6 +536,20 @@
543
536
  border-bottom-color: #e3165b;
544
537
  }
545
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
+
546
553
  .e-treelistgrid.e-print-grid-layout .e-icons.e-none::before {
547
554
  content: "";
548
555
  }
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,6 +205,13 @@
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
+
212
215
  .e-treelistgrid.e-print-grid-layout .e-treegridexpand::before,
213
216
  .e-treelistgrid.e-print-grid-layout .e-treegridcollapse::before {
214
217
  content: "\e848";
@@ -217,7 +220,8 @@
217
220
  .e-treegrid .e-icons.e-none::before {
218
221
  content: "";
219
222
  }
220
- .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) {
221
225
  border-left: 1px solid #e3165b;
222
226
  }
223
227
  .e-treegrid .e-grid:not(.e-grid-min-height) .e-gridcontent tr.e-row.e-summaryrow .e-rowcell:empty {
@@ -302,17 +306,6 @@
302
306
  .e-treegrid .e-checkselection .e-movablecontent .e-rowcell {
303
307
  line-height: 21px;
304
308
  }
305
- .e-treegrid .e-treegridexpand,
306
- .e-treegrid .e-treegridcollapse {
307
- color: #000;
308
- cursor: pointer;
309
- font-size: 10px;
310
- height: 16px;
311
- padding: 0;
312
- text-align: center;
313
- vertical-align: text-bottom;
314
- width: 16px;
315
- }
316
309
  .e-treegrid .e-treecell {
317
310
  display: table-cell;
318
311
  line-height: normal;
@@ -543,6 +536,20 @@
543
536
  border-bottom-color: #e3165b;
544
537
  }
545
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
+
546
553
  .e-treelistgrid.e-print-grid-layout .e-icons.e-none::before {
547
554
  content: "";
548
555
  }
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,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
  }