@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/fluent2-lite.css CHANGED
@@ -321,10 +321,6 @@
321
321
  content: "\e72a";
322
322
  }
323
323
 
324
- .e-treegrid .e-treegridexpand::before,
325
- .e-treegrid .e-treegridcollapse::before {
326
- content: "\e75c";
327
- }
328
324
  .e-treegrid .e-toolbar-item .e-expand::before {
329
325
  content: "\e7c9";
330
326
  }
@@ -338,10 +334,23 @@
338
334
  content: "\e72a";
339
335
  }
340
336
 
337
+ .e-treegrid .e-treegridexpand::before,
338
+ .e-treegrid .e-treegridcollapse::before,
339
+ .e-grid .e-treegridexpand::before,
340
+ .e-grid .e-treegridcollapse::before {
341
+ content: "\e75c";
342
+ }
343
+
344
+ .e-treelistgrid.e-print-grid-layout .e-treegridexpand::before,
345
+ .e-treelistgrid.e-print-grid-layout .e-treegridcollapse::before {
346
+ content: "\e75c";
347
+ }
348
+
341
349
  .e-treegrid .e-icons.e-none::before {
342
350
  content: "";
343
351
  }
344
- .e-treegrid .e-grid.e-default.e-draggable:not(.e-rtl) tr td.e-rowdragdrop.e-childborder:first-child:not(.e-dropbottom) {
352
+ .e-treegrid .e-grid.e-default.e-draggable:not(.e-rtl) tr td.e-rowdragdrop.e-childborder:first-child:not(.e-dropbottom, .e-droptop),
353
+ .e-treegrid .e-grid.e-default.e-draggable:not(.e-rtl) tr td.e-rowcell.e-childborder:first-child:not(.e-dropbottom, .e-droptop) {
345
354
  border-left: 2px dashed var(--color-sf-primary);
346
355
  }
347
356
  .e-treegrid .e-grid:not(.e-grid-min-height) .e-gridcontent tr.e-row.e-summaryrow .e-rowcell:empty {
@@ -438,17 +447,6 @@
438
447
  .e-treegrid .e-checkselection .e-movablecontent .e-rowcell {
439
448
  line-height: 21px;
440
449
  }
441
- .e-treegrid .e-treegridexpand,
442
- .e-treegrid .e-treegridcollapse {
443
- color: var(--color-sf-icon-color);
444
- cursor: pointer;
445
- font-size: 16px;
446
- height: 16px;
447
- padding: 0;
448
- text-align: center;
449
- vertical-align: text-bottom;
450
- width: 16px;
451
- }
452
450
  .e-treegrid .e-treecell {
453
451
  display: table-cell;
454
452
  line-height: 19px;
@@ -682,4 +680,29 @@
682
680
  border-bottom-color: var(--color-sf-primary);
683
681
  }
684
682
 
683
+ .e-treegrid .e-treegridexpand,
684
+ .e-treegrid .e-treegridcollapse,
685
+ .e-grid .e-treegridexpand,
686
+ .e-grid .e-treegridcollapse {
687
+ color: var(--color-sf-icon-color);
688
+ cursor: pointer;
689
+ font-size: 16px;
690
+ height: 16px;
691
+ padding: 0;
692
+ text-align: center;
693
+ vertical-align: text-bottom;
694
+ width: 16px;
695
+ }
696
+
697
+ .e-treelistgrid.e-print-grid-layout .e-icons.e-none::before {
698
+ content: "";
699
+ }
700
+ .e-treelistgrid.e-print-grid-layout .e-treecolumn-container .e-icons:not(.e-frame) {
701
+ display: inline-block;
702
+ }
703
+ .e-treelistgrid.e-print-grid-layout .e-treegridexpand {
704
+ -webkit-transform: rotate(90deg);
705
+ transform: rotate(90deg);
706
+ }
707
+
685
708
  /* stylelint-disable-line no-empty-source */
package/styles/fluent2.css CHANGED
@@ -321,10 +321,6 @@
321
321
  content: "\e72a";
322
322
  }
323
323
 
324
- .e-treegrid .e-treegridexpand::before,
325
- .e-treegrid .e-treegridcollapse::before {
326
- content: "\e75c";
327
- }
328
324
  .e-treegrid .e-toolbar-item .e-expand::before {
329
325
  content: "\e7c9";
330
326
  }
@@ -338,10 +334,23 @@
338
334
  content: "\e72a";
339
335
  }
340
336
 
337
+ .e-treegrid .e-treegridexpand::before,
338
+ .e-treegrid .e-treegridcollapse::before,
339
+ .e-grid .e-treegridexpand::before,
340
+ .e-grid .e-treegridcollapse::before {
341
+ content: "\e75c";
342
+ }
343
+
344
+ .e-treelistgrid.e-print-grid-layout .e-treegridexpand::before,
345
+ .e-treelistgrid.e-print-grid-layout .e-treegridcollapse::before {
346
+ content: "\e75c";
347
+ }
348
+
341
349
  .e-treegrid .e-icons.e-none::before {
342
350
  content: "";
343
351
  }
344
- .e-treegrid .e-grid.e-default.e-draggable:not(.e-rtl) tr td.e-rowdragdrop.e-childborder:first-child:not(.e-dropbottom) {
352
+ .e-treegrid .e-grid.e-default.e-draggable:not(.e-rtl) tr td.e-rowdragdrop.e-childborder:first-child:not(.e-dropbottom, .e-droptop),
353
+ .e-treegrid .e-grid.e-default.e-draggable:not(.e-rtl) tr td.e-rowcell.e-childborder:first-child:not(.e-dropbottom, .e-droptop) {
345
354
  border-left: 2px dashed var(--color-sf-primary);
346
355
  }
347
356
  .e-treegrid .e-grid:not(.e-grid-min-height) .e-gridcontent tr.e-row.e-summaryrow .e-rowcell:empty {
@@ -438,17 +447,6 @@
438
447
  .e-treegrid .e-checkselection .e-movablecontent .e-rowcell {
439
448
  line-height: 21px;
440
449
  }
441
- .e-treegrid .e-treegridexpand,
442
- .e-treegrid .e-treegridcollapse {
443
- color: var(--color-sf-icon-color);
444
- cursor: pointer;
445
- font-size: 16px;
446
- height: 16px;
447
- padding: 0;
448
- text-align: center;
449
- vertical-align: text-bottom;
450
- width: 16px;
451
- }
452
450
  .e-treegrid .e-treecell {
453
451
  display: table-cell;
454
452
  line-height: 19px;
@@ -682,6 +680,31 @@
682
680
  border-bottom-color: var(--color-sf-primary);
683
681
  }
684
682
 
683
+ .e-treegrid .e-treegridexpand,
684
+ .e-treegrid .e-treegridcollapse,
685
+ .e-grid .e-treegridexpand,
686
+ .e-grid .e-treegridcollapse {
687
+ color: var(--color-sf-icon-color);
688
+ cursor: pointer;
689
+ font-size: 16px;
690
+ height: 16px;
691
+ padding: 0;
692
+ text-align: center;
693
+ vertical-align: text-bottom;
694
+ width: 16px;
695
+ }
696
+
697
+ .e-treelistgrid.e-print-grid-layout .e-icons.e-none::before {
698
+ content: "";
699
+ }
700
+ .e-treelistgrid.e-print-grid-layout .e-treecolumn-container .e-icons:not(.e-frame) {
701
+ display: inline-block;
702
+ }
703
+ .e-treelistgrid.e-print-grid-layout .e-treegridexpand {
704
+ -webkit-transform: rotate(90deg);
705
+ transform: rotate(90deg);
706
+ }
707
+
685
708
  /* stylelint-disable-line no-empty-source */
686
709
  .e-bigger .e-treegrid .e-grid .e-treegridexpand,
687
710
  .e-bigger .e-treegrid .e-grid .e-treegridcollapse {
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,10 +105,23 @@
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
+
115
+ .e-treelistgrid.e-print-grid-layout .e-treegridexpand::before,
116
+ .e-treelistgrid.e-print-grid-layout .e-treegridcollapse::before {
117
+ content: "\e22e";
118
+ }
119
+
112
120
  .e-treegrid .e-icons.e-none::before {
113
121
  content: "";
114
122
  }
115
- .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) {
116
125
  border-left: 1px solid #400074;
117
126
  }
118
127
  .e-treegrid .e-grid:not(.e-grid-min-height) .e-gridcontent tr.e-row.e-summaryrow .e-rowcell:empty {
@@ -197,17 +206,6 @@
197
206
  .e-treegrid .e-checkselection .e-movablecontent .e-rowcell {
198
207
  line-height: 21px;
199
208
  }
200
- .e-treegrid .e-treegridexpand,
201
- .e-treegrid .e-treegridcollapse {
202
- color: #000;
203
- cursor: pointer;
204
- font-size: 10px;
205
- height: 16px;
206
- padding: 0;
207
- text-align: center;
208
- vertical-align: text-bottom;
209
- width: 16px;
210
- }
211
209
  .e-treegrid .e-treecell {
212
210
  display: table-cell;
213
211
  line-height: normal;
@@ -438,4 +436,29 @@
438
436
  border-bottom-color: #400074;
439
437
  }
440
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
+
453
+ .e-treelistgrid.e-print-grid-layout .e-icons.e-none::before {
454
+ content: "";
455
+ }
456
+ .e-treelistgrid.e-print-grid-layout .e-treecolumn-container .e-icons:not(.e-frame) {
457
+ display: inline-block;
458
+ }
459
+ .e-treelistgrid.e-print-grid-layout .e-treegridexpand {
460
+ -webkit-transform: rotate(90deg);
461
+ transform: rotate(90deg);
462
+ }
463
+
441
464
  /* stylelint-disable-line no-empty-source */
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,10 +105,23 @@
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
+
115
+ .e-treelistgrid.e-print-grid-layout .e-treegridexpand::before,
116
+ .e-treelistgrid.e-print-grid-layout .e-treegridcollapse::before {
117
+ content: "\e22e";
118
+ }
119
+
112
120
  .e-treegrid .e-icons.e-none::before {
113
121
  content: "";
114
122
  }
115
- .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) {
116
125
  border-left: 1px solid #400074;
117
126
  }
118
127
  .e-treegrid .e-grid:not(.e-grid-min-height) .e-gridcontent tr.e-row.e-summaryrow .e-rowcell:empty {
@@ -197,17 +206,6 @@
197
206
  .e-treegrid .e-checkselection .e-movablecontent .e-rowcell {
198
207
  line-height: 21px;
199
208
  }
200
- .e-treegrid .e-treegridexpand,
201
- .e-treegrid .e-treegridcollapse {
202
- color: #000;
203
- cursor: pointer;
204
- font-size: 10px;
205
- height: 16px;
206
- padding: 0;
207
- text-align: center;
208
- vertical-align: text-bottom;
209
- width: 16px;
210
- }
211
209
  .e-treegrid .e-treecell {
212
210
  display: table-cell;
213
211
  line-height: normal;
@@ -438,6 +436,31 @@
438
436
  border-bottom-color: #400074;
439
437
  }
440
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
+
453
+ .e-treelistgrid.e-print-grid-layout .e-icons.e-none::before {
454
+ content: "";
455
+ }
456
+ .e-treelistgrid.e-print-grid-layout .e-treecolumn-container .e-icons:not(.e-frame) {
457
+ display: inline-block;
458
+ }
459
+ .e-treelistgrid.e-print-grid-layout .e-treegridexpand {
460
+ -webkit-transform: rotate(90deg);
461
+ transform: rotate(90deg);
462
+ }
463
+
441
464
  /* stylelint-disable-line no-empty-source */
442
465
  .e-bigger .e-treegrid .e-grid .e-treegridexpand,
443
466
  .e-bigger .e-treegrid .e-grid .e-treegridcollapse {
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,10 +105,23 @@
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
+
115
+ .e-treelistgrid.e-print-grid-layout .e-treegridexpand::before,
116
+ .e-treelistgrid.e-print-grid-layout .e-treegridcollapse::before {
117
+ content: "\e22e";
118
+ }
119
+
112
120
  .e-treegrid .e-icons.e-none::before {
113
121
  content: "";
114
122
  }
115
- .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) {
116
125
  border-left: 1px solid #ffd939;
117
126
  }
118
127
  .e-treegrid .e-grid:not(.e-grid-min-height) .e-gridcontent tr.e-row.e-summaryrow .e-rowcell:empty {
@@ -204,17 +213,6 @@
204
213
  .e-treegrid .e-checkselection .e-movablecontent .e-rowcell {
205
214
  line-height: 21px;
206
215
  }
207
- .e-treegrid .e-treegridexpand,
208
- .e-treegrid .e-treegridcollapse {
209
- color: #fff;
210
- cursor: pointer;
211
- font-size: 10px;
212
- height: 16px;
213
- padding: 0;
214
- text-align: center;
215
- vertical-align: text-bottom;
216
- width: 16px;
217
- }
218
216
  .e-treegrid .e-treecell {
219
217
  display: table-cell;
220
218
  line-height: normal;
@@ -445,4 +443,29 @@
445
443
  border-bottom-color: #ffd939;
446
444
  }
447
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
+
460
+ .e-treelistgrid.e-print-grid-layout .e-icons.e-none::before {
461
+ content: "";
462
+ }
463
+ .e-treelistgrid.e-print-grid-layout .e-treecolumn-container .e-icons:not(.e-frame) {
464
+ display: inline-block;
465
+ }
466
+ .e-treelistgrid.e-print-grid-layout .e-treegridexpand {
467
+ -webkit-transform: rotate(90deg);
468
+ transform: rotate(90deg);
469
+ }
470
+
448
471
  /* stylelint-disable-line no-empty-source */
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,10 +105,23 @@
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
+
115
+ .e-treelistgrid.e-print-grid-layout .e-treegridexpand::before,
116
+ .e-treelistgrid.e-print-grid-layout .e-treegridcollapse::before {
117
+ content: "\e22e";
118
+ }
119
+
112
120
  .e-treegrid .e-icons.e-none::before {
113
121
  content: "";
114
122
  }
115
- .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) {
116
125
  border-left: 1px solid #ffd939;
117
126
  }
118
127
  .e-treegrid .e-grid:not(.e-grid-min-height) .e-gridcontent tr.e-row.e-summaryrow .e-rowcell:empty {
@@ -204,17 +213,6 @@
204
213
  .e-treegrid .e-checkselection .e-movablecontent .e-rowcell {
205
214
  line-height: 21px;
206
215
  }
207
- .e-treegrid .e-treegridexpand,
208
- .e-treegrid .e-treegridcollapse {
209
- color: #fff;
210
- cursor: pointer;
211
- font-size: 10px;
212
- height: 16px;
213
- padding: 0;
214
- text-align: center;
215
- vertical-align: text-bottom;
216
- width: 16px;
217
- }
218
216
  .e-treegrid .e-treecell {
219
217
  display: table-cell;
220
218
  line-height: normal;
@@ -445,6 +443,31 @@
445
443
  border-bottom-color: #ffd939;
446
444
  }
447
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
+
460
+ .e-treelistgrid.e-print-grid-layout .e-icons.e-none::before {
461
+ content: "";
462
+ }
463
+ .e-treelistgrid.e-print-grid-layout .e-treecolumn-container .e-icons:not(.e-frame) {
464
+ display: inline-block;
465
+ }
466
+ .e-treelistgrid.e-print-grid-layout .e-treegridexpand {
467
+ -webkit-transform: rotate(90deg);
468
+ transform: rotate(90deg);
469
+ }
470
+
448
471
  /* stylelint-disable-line no-empty-source */
449
472
  .e-bigger .e-treegrid .e-grid .e-treegridexpand,
450
473
  .e-bigger .e-treegrid .e-grid .e-treegridcollapse {
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,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,4 +512,29 @@
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 */
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,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 {