@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
@@ -11,11 +11,6 @@
11
11
  }
12
12
 
13
13
  .e-treegrid {
14
- .e-treegridexpand::before,
15
- .e-treegridcollapse::before {
16
- content: '\e748';
17
- }
18
-
19
14
  .e-toolbar-item {
20
15
  .e-expand::before {
21
16
  content: '\e7c9';
@@ -34,4 +29,19 @@
34
29
  }
35
30
  }
36
31
  }
32
+
33
+ .e-treegrid,
34
+ .e-grid {
35
+ .e-treegridexpand::before,
36
+ .e-treegridcollapse::before {
37
+ content: '\e748';
38
+ }
39
+ }
40
+
41
+ .e-treelistgrid.e-print-grid-layout {
42
+ .e-treegridexpand::before,
43
+ .e-treegridcollapse::before {
44
+ content: '\e748';
45
+ }
46
+ }
37
47
  }
@@ -11,11 +11,6 @@
11
11
  }
12
12
 
13
13
  .e-treegrid {
14
- .e-treegridexpand::before,
15
- .e-treegridcollapse::before {
16
- content: '\e75c';
17
- }
18
-
19
14
  .e-toolbar-item {
20
15
  .e-expand::before {
21
16
  content: '\e7c9';
@@ -34,4 +29,19 @@
34
29
  }
35
30
  }
36
31
  }
32
+
33
+ .e-treegrid,
34
+ .e-grid {
35
+ .e-treegridexpand::before,
36
+ .e-treegridcollapse::before {
37
+ content: '\e75c';
38
+ }
39
+ }
40
+
41
+ .e-treelistgrid.e-print-grid-layout {
42
+ .e-treegridexpand::before,
43
+ .e-treegridcollapse::before {
44
+ content: '\e75c';
45
+ }
46
+ }
37
47
  }
@@ -11,11 +11,6 @@
11
11
  }
12
12
 
13
13
  .e-treegrid {
14
- .e-treegridexpand::before,
15
- .e-treegridcollapse::before {
16
- content: '\e75c';
17
- }
18
-
19
14
  .e-toolbar-item {
20
15
  .e-expand::before {
21
16
  content: '\e7c9';
@@ -34,4 +29,19 @@
34
29
  }
35
30
  }
36
31
  }
32
+
33
+ .e-treegrid,
34
+ .e-grid {
35
+ .e-treegridexpand::before,
36
+ .e-treegridcollapse::before {
37
+ content: '\e75c';
38
+ }
39
+ }
40
+
41
+ .e-treelistgrid.e-print-grid-layout {
42
+ .e-treegridexpand::before,
43
+ .e-treegridcollapse::before {
44
+ content: '\e75c';
45
+ }
46
+ }
37
47
  }
@@ -11,11 +11,6 @@
11
11
  }
12
12
 
13
13
  .e-treegrid {
14
- .e-treegridexpand::before,
15
- .e-treegridcollapse::before {
16
- content: '\e748';
17
- }
18
-
19
14
  .e-toolbar-item {
20
15
  .e-expand::before {
21
16
  content: '\e7c9';
@@ -34,4 +29,19 @@
34
29
  }
35
30
  }
36
31
  }
32
+
33
+ .e-treegrid,
34
+ .e-grid {
35
+ .e-treegridexpand::before,
36
+ .e-treegridcollapse::before {
37
+ content: '\e748';
38
+ }
39
+ }
40
+
41
+ .e-treelistgrid.e-print-grid-layout {
42
+ .e-treegridexpand::before,
43
+ .e-treegridcollapse::before {
44
+ content: '\e748';
45
+ }
46
+ }
37
47
  }
@@ -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,10 +181,23 @@
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
+
191
+ .e-treelistgrid.e-print-grid-layout .e-treegridexpand::before,
192
+ .e-treelistgrid.e-print-grid-layout .e-treegridcollapse::before {
193
+ content: "\e848";
194
+ }
195
+
188
196
  .e-treegrid .e-icons.e-none::before {
189
197
  content: "";
190
198
  }
191
- .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) {
192
201
  border-left: 1px solid #00b0ff;
193
202
  }
194
203
  .e-treegrid .e-grid:not(.e-grid-min-height) .e-gridcontent tr.e-row.e-summaryrow .e-rowcell:empty {
@@ -273,17 +282,6 @@
273
282
  .e-treegrid .e-checkselection .e-movablecontent .e-rowcell {
274
283
  line-height: 21px;
275
284
  }
276
- .e-treegrid .e-treegridexpand,
277
- .e-treegrid .e-treegridcollapse {
278
- color: #fff;
279
- cursor: pointer;
280
- font-size: 10px;
281
- height: 16px;
282
- padding: 0;
283
- text-align: center;
284
- vertical-align: text-bottom;
285
- width: 16px;
286
- }
287
285
  .e-treegrid .e-treecell {
288
286
  display: table-cell;
289
287
  line-height: normal;
@@ -514,6 +512,31 @@
514
512
  border-bottom-color: #00b0ff;
515
513
  }
516
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
+
529
+ .e-treelistgrid.e-print-grid-layout .e-icons.e-none::before {
530
+ content: "";
531
+ }
532
+ .e-treelistgrid.e-print-grid-layout .e-treecolumn-container .e-icons:not(.e-frame) {
533
+ display: inline-block;
534
+ }
535
+ .e-treelistgrid.e-print-grid-layout .e-treegridexpand {
536
+ -webkit-transform: rotate(90deg);
537
+ transform: rotate(90deg);
538
+ }
539
+
517
540
  /* stylelint-disable-line no-empty-source */
518
541
  .e-bigger .e-treegrid .e-grid .e-treegridexpand,
519
542
  .e-bigger .e-treegrid .e-grid .e-treegridcollapse {
@@ -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 {
@@ -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 {
@@ -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 {
@@ -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 {
@@ -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: #6b7280;
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: #4f46e5;
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: #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
+
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 {