@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
@@ -143,10 +143,6 @@
143
143
  content: "\e722";
144
144
  }
145
145
 
146
- .e-treegrid .e-treegridexpand::before,
147
- .e-treegrid .e-treegridcollapse::before {
148
- content: "\e70b";
149
- }
150
146
  .e-treegrid .e-toolbar-item .e-expand::before {
151
147
  content: "\e7db";
152
148
  }
@@ -160,10 +156,23 @@
160
156
  content: "\e722";
161
157
  }
162
158
 
159
+ .e-treegrid .e-treegridexpand::before,
160
+ .e-treegrid .e-treegridcollapse::before,
161
+ .e-grid .e-treegridexpand::before,
162
+ .e-grid .e-treegridcollapse::before {
163
+ content: "\e70b";
164
+ }
165
+
166
+ .e-treelistgrid.e-print-grid-layout .e-treegridexpand::before,
167
+ .e-treelistgrid.e-print-grid-layout .e-treegridcollapse::before {
168
+ content: "\e70b";
169
+ }
170
+
163
171
  .e-treegrid .e-icons.e-none::before {
164
172
  content: "";
165
173
  }
166
- .e-treegrid .e-grid.e-default.e-draggable:not(.e-rtl) tr td.e-rowdragdrop.e-childborder:first-child:not(.e-dropbottom) {
174
+ .e-treegrid .e-grid.e-default.e-draggable:not(.e-rtl) tr td.e-rowdragdrop.e-childborder:first-child:not(.e-dropbottom, .e-droptop),
175
+ .e-treegrid .e-grid.e-default.e-draggable:not(.e-rtl) tr td.e-rowcell.e-childborder:first-child:not(.e-dropbottom, .e-droptop) {
167
176
  border-left: 1px solid;
168
177
  }
169
178
  .e-treegrid .e-grid:not(.e-grid-min-height) .e-gridcontent tr.e-row.e-summaryrow .e-rowcell:empty {
@@ -248,17 +257,6 @@
248
257
  .e-treegrid .e-checkselection .e-movablecontent .e-rowcell {
249
258
  line-height: 21px;
250
259
  }
251
- .e-treegrid .e-treegridexpand,
252
- .e-treegrid .e-treegridcollapse {
253
- color: #495057;
254
- cursor: pointer;
255
- font-size: 10px;
256
- height: 16px;
257
- padding: 0;
258
- text-align: center;
259
- vertical-align: text-bottom;
260
- width: 16px;
261
- }
262
260
  .e-treegrid .e-treecell {
263
261
  display: table-cell;
264
262
  line-height: normal;
@@ -489,6 +487,31 @@
489
487
  border-bottom-color: #e3165b;
490
488
  }
491
489
 
490
+ .e-treegrid .e-treegridexpand,
491
+ .e-treegrid .e-treegridcollapse,
492
+ .e-grid .e-treegridexpand,
493
+ .e-grid .e-treegridcollapse {
494
+ color: #495057;
495
+ cursor: pointer;
496
+ font-size: 10px;
497
+ height: 16px;
498
+ padding: 0;
499
+ text-align: center;
500
+ vertical-align: text-bottom;
501
+ width: 16px;
502
+ }
503
+
504
+ .e-treelistgrid.e-print-grid-layout .e-icons.e-none::before {
505
+ content: "";
506
+ }
507
+ .e-treelistgrid.e-print-grid-layout .e-treecolumn-container .e-icons:not(.e-frame) {
508
+ display: inline-block;
509
+ }
510
+ .e-treelistgrid.e-print-grid-layout .e-treegridexpand {
511
+ -webkit-transform: rotate(90deg);
512
+ transform: rotate(90deg);
513
+ }
514
+
492
515
  /* stylelint-disable-line no-empty-source */
493
516
  .e-bigger .e-treegrid .e-grid .e-treegridexpand,
494
517
  .e-bigger .e-treegrid .e-grid .e-treegridcollapse {
@@ -146,10 +146,6 @@
146
146
  content: "\e72a";
147
147
  }
148
148
 
149
- .e-treegrid .e-treegridexpand::before,
150
- .e-treegrid .e-treegridcollapse::before {
151
- content: "\e75c";
152
- }
153
149
  .e-treegrid .e-toolbar-item .e-expand::before {
154
150
  content: "\e7c9";
155
151
  }
@@ -163,10 +159,23 @@
163
159
  content: "\e72a";
164
160
  }
165
161
 
162
+ .e-treegrid .e-treegridexpand::before,
163
+ .e-treegrid .e-treegridcollapse::before,
164
+ .e-grid .e-treegridexpand::before,
165
+ .e-grid .e-treegridcollapse::before {
166
+ content: "\e75c";
167
+ }
168
+
169
+ .e-treelistgrid.e-print-grid-layout .e-treegridexpand::before,
170
+ .e-treelistgrid.e-print-grid-layout .e-treegridcollapse::before {
171
+ content: "\e75c";
172
+ }
173
+
166
174
  .e-treegrid .e-icons.e-none::before {
167
175
  content: "";
168
176
  }
169
- .e-treegrid .e-grid.e-default.e-draggable:not(.e-rtl) tr td.e-rowdragdrop.e-childborder:first-child:not(.e-dropbottom) {
177
+ .e-treegrid .e-grid.e-default.e-draggable:not(.e-rtl) tr td.e-rowdragdrop.e-childborder:first-child:not(.e-dropbottom, .e-droptop),
178
+ .e-treegrid .e-grid.e-default.e-draggable:not(.e-rtl) tr td.e-rowcell.e-childborder:first-child:not(.e-dropbottom, .e-droptop) {
170
179
  border-left: 2px solid #4f46e5;
171
180
  }
172
181
  .e-treegrid .e-grid:not(.e-grid-min-height) .e-gridcontent tr.e-row.e-summaryrow .e-rowcell:empty {
@@ -251,17 +260,6 @@
251
260
  .e-treegrid .e-checkselection .e-movablecontent .e-rowcell {
252
261
  line-height: 21px;
253
262
  }
254
- .e-treegrid .e-treegridexpand,
255
- .e-treegrid .e-treegridcollapse {
256
- color: #adb5bd;
257
- cursor: pointer;
258
- font-size: 18px;
259
- height: 18px;
260
- padding: 0;
261
- text-align: center;
262
- vertical-align: text-bottom;
263
- width: 16px;
264
- }
265
263
  .e-treegrid .e-treecell {
266
264
  display: table-cell;
267
265
  line-height: 19px;
@@ -492,6 +490,31 @@
492
490
  border-bottom-color: #0d6efd;
493
491
  }
494
492
 
493
+ .e-treegrid .e-treegridexpand,
494
+ .e-treegrid .e-treegridcollapse,
495
+ .e-grid .e-treegridexpand,
496
+ .e-grid .e-treegridcollapse {
497
+ color: #adb5bd;
498
+ cursor: pointer;
499
+ font-size: 18px;
500
+ height: 18px;
501
+ padding: 0;
502
+ text-align: center;
503
+ vertical-align: text-bottom;
504
+ width: 16px;
505
+ }
506
+
507
+ .e-treelistgrid.e-print-grid-layout .e-icons.e-none::before {
508
+ content: "";
509
+ }
510
+ .e-treelistgrid.e-print-grid-layout .e-treecolumn-container .e-icons:not(.e-frame) {
511
+ display: inline-block;
512
+ }
513
+ .e-treelistgrid.e-print-grid-layout .e-treegridexpand {
514
+ -webkit-transform: rotate(90deg);
515
+ transform: rotate(90deg);
516
+ }
517
+
495
518
  /* stylelint-disable-line no-empty-source */
496
519
  .e-bigger .e-treegrid .e-grid .e-treegridexpand,
497
520
  .e-bigger .e-treegrid .e-grid .e-treegridcollapse {
@@ -150,10 +150,6 @@
150
150
  content: "\e72a";
151
151
  }
152
152
 
153
- .e-treegrid .e-treegridexpand::before,
154
- .e-treegrid .e-treegridcollapse::before {
155
- content: "\e75c";
156
- }
157
153
  .e-treegrid .e-toolbar-item .e-expand::before {
158
154
  content: "\e7c9";
159
155
  }
@@ -167,10 +163,23 @@
167
163
  content: "\e72a";
168
164
  }
169
165
 
166
+ .e-treegrid .e-treegridexpand::before,
167
+ .e-treegrid .e-treegridcollapse::before,
168
+ .e-grid .e-treegridexpand::before,
169
+ .e-grid .e-treegridcollapse::before {
170
+ content: "\e75c";
171
+ }
172
+
173
+ .e-treelistgrid.e-print-grid-layout .e-treegridexpand::before,
174
+ .e-treelistgrid.e-print-grid-layout .e-treegridcollapse::before {
175
+ content: "\e75c";
176
+ }
177
+
170
178
  .e-treegrid .e-icons.e-none::before {
171
179
  content: "";
172
180
  }
173
- .e-treegrid .e-grid.e-default.e-draggable:not(.e-rtl) tr td.e-rowdragdrop.e-childborder:first-child:not(.e-dropbottom) {
181
+ .e-treegrid .e-grid.e-default.e-draggable:not(.e-rtl) tr td.e-rowdragdrop.e-childborder:first-child:not(.e-dropbottom, .e-droptop),
182
+ .e-treegrid .e-grid.e-default.e-draggable:not(.e-rtl) tr td.e-rowcell.e-childborder:first-child:not(.e-dropbottom, .e-droptop) {
174
183
  border-left: 2px dashed #4f46e5;
175
184
  }
176
185
  .e-treegrid .e-grid:not(.e-grid-min-height) .e-gridcontent tr.e-row.e-summaryrow .e-rowcell:empty {
@@ -255,17 +264,6 @@
255
264
  .e-treegrid .e-checkselection .e-movablecontent .e-rowcell {
256
265
  line-height: 21px;
257
266
  }
258
- .e-treegrid .e-treegridexpand,
259
- .e-treegrid .e-treegridcollapse {
260
- color: var(--color-sf-icon-color);
261
- cursor: pointer;
262
- font-size: 18px;
263
- height: 18px;
264
- padding: 0;
265
- text-align: center;
266
- vertical-align: text-bottom;
267
- width: 18px;
268
- }
269
267
  .e-treegrid .e-treecell {
270
268
  display: table-cell;
271
269
  line-height: normal;
@@ -496,6 +494,31 @@
496
494
  border-bottom-color: var(--color-sf-primary);
497
495
  }
498
496
 
497
+ .e-treegrid .e-treegridexpand,
498
+ .e-treegrid .e-treegridcollapse,
499
+ .e-grid .e-treegridexpand,
500
+ .e-grid .e-treegridcollapse {
501
+ color: var(--color-sf-icon-color);
502
+ cursor: pointer;
503
+ font-size: 18px;
504
+ height: 18px;
505
+ padding: 0;
506
+ text-align: center;
507
+ vertical-align: text-bottom;
508
+ width: 18px;
509
+ }
510
+
511
+ .e-treelistgrid.e-print-grid-layout .e-icons.e-none::before {
512
+ content: "";
513
+ }
514
+ .e-treelistgrid.e-print-grid-layout .e-treecolumn-container .e-icons:not(.e-frame) {
515
+ display: inline-block;
516
+ }
517
+ .e-treelistgrid.e-print-grid-layout .e-treegridexpand {
518
+ -webkit-transform: rotate(90deg);
519
+ transform: rotate(90deg);
520
+ }
521
+
499
522
  /* stylelint-disable-line no-empty-source */
500
523
  .e-bigger .e-treegrid .e-grid .e-treegridexpand,
501
524
  .e-bigger .e-treegrid .e-grid .e-treegridcollapse {
@@ -146,10 +146,6 @@
146
146
  content: "\e72a";
147
147
  }
148
148
 
149
- .e-treegrid .e-treegridexpand::before,
150
- .e-treegrid .e-treegridcollapse::before {
151
- content: "\e75c";
152
- }
153
149
  .e-treegrid .e-toolbar-item .e-expand::before {
154
150
  content: "\e7c9";
155
151
  }
@@ -163,10 +159,23 @@
163
159
  content: "\e72a";
164
160
  }
165
161
 
162
+ .e-treegrid .e-treegridexpand::before,
163
+ .e-treegrid .e-treegridcollapse::before,
164
+ .e-grid .e-treegridexpand::before,
165
+ .e-grid .e-treegridcollapse::before {
166
+ content: "\e75c";
167
+ }
168
+
169
+ .e-treelistgrid.e-print-grid-layout .e-treegridexpand::before,
170
+ .e-treelistgrid.e-print-grid-layout .e-treegridcollapse::before {
171
+ content: "\e75c";
172
+ }
173
+
166
174
  .e-treegrid .e-icons.e-none::before {
167
175
  content: "";
168
176
  }
169
- .e-treegrid .e-grid.e-default.e-draggable:not(.e-rtl) tr td.e-rowdragdrop.e-childborder:first-child:not(.e-dropbottom) {
177
+ .e-treegrid .e-grid.e-default.e-draggable:not(.e-rtl) tr td.e-rowdragdrop.e-childborder:first-child:not(.e-dropbottom, .e-droptop),
178
+ .e-treegrid .e-grid.e-default.e-draggable:not(.e-rtl) tr td.e-rowcell.e-childborder:first-child:not(.e-dropbottom, .e-droptop) {
170
179
  border-left: 2px solid #4f46e5;
171
180
  }
172
181
  .e-treegrid .e-grid:not(.e-grid-min-height) .e-gridcontent tr.e-row.e-summaryrow .e-rowcell:empty {
@@ -251,17 +260,6 @@
251
260
  .e-treegrid .e-checkselection .e-movablecontent .e-rowcell {
252
261
  line-height: 21px;
253
262
  }
254
- .e-treegrid .e-treegridexpand,
255
- .e-treegrid .e-treegridcollapse {
256
- color: #6c757d;
257
- cursor: pointer;
258
- font-size: 18px;
259
- height: 18px;
260
- padding: 0;
261
- text-align: center;
262
- vertical-align: text-bottom;
263
- width: 16px;
264
- }
265
263
  .e-treegrid .e-treecell {
266
264
  display: table-cell;
267
265
  line-height: 19px;
@@ -492,6 +490,31 @@
492
490
  border-bottom-color: #0d6efd;
493
491
  }
494
492
 
493
+ .e-treegrid .e-treegridexpand,
494
+ .e-treegrid .e-treegridcollapse,
495
+ .e-grid .e-treegridexpand,
496
+ .e-grid .e-treegridcollapse {
497
+ color: #6c757d;
498
+ cursor: pointer;
499
+ font-size: 18px;
500
+ height: 18px;
501
+ padding: 0;
502
+ text-align: center;
503
+ vertical-align: text-bottom;
504
+ width: 16px;
505
+ }
506
+
507
+ .e-treelistgrid.e-print-grid-layout .e-icons.e-none::before {
508
+ content: "";
509
+ }
510
+ .e-treelistgrid.e-print-grid-layout .e-treecolumn-container .e-icons:not(.e-frame) {
511
+ display: inline-block;
512
+ }
513
+ .e-treelistgrid.e-print-grid-layout .e-treegridexpand {
514
+ -webkit-transform: rotate(90deg);
515
+ transform: rotate(90deg);
516
+ }
517
+
495
518
  /* stylelint-disable-line no-empty-source */
496
519
  .e-bigger .e-treegrid .e-grid .e-treegridexpand,
497
520
  .e-bigger .e-treegrid .e-grid .e-treegridcollapse {
@@ -83,10 +83,6 @@
83
83
  content: "\e35d";
84
84
  }
85
85
 
86
- .e-treegrid .e-treegridexpand::before,
87
- .e-treegrid .e-treegridcollapse::before {
88
- content: "\e22e";
89
- }
90
86
  .e-treegrid .e-toolbar-item .e-expand::before {
91
87
  content: "\e555";
92
88
  }
@@ -100,10 +96,23 @@
100
96
  content: "\e35d";
101
97
  }
102
98
 
99
+ .e-treegrid .e-treegridexpand::before,
100
+ .e-treegrid .e-treegridcollapse::before,
101
+ .e-grid .e-treegridexpand::before,
102
+ .e-grid .e-treegridcollapse::before {
103
+ content: "\e22e";
104
+ }
105
+
106
+ .e-treelistgrid.e-print-grid-layout .e-treegridexpand::before,
107
+ .e-treelistgrid.e-print-grid-layout .e-treegridcollapse::before {
108
+ content: "\e22e";
109
+ }
110
+
103
111
  .e-treegrid .e-icons.e-none::before {
104
112
  content: "";
105
113
  }
106
- .e-treegrid .e-grid.e-default.e-draggable:not(.e-rtl) tr td.e-rowdragdrop.e-childborder:first-child:not(.e-dropbottom) {
114
+ .e-treegrid .e-grid.e-default.e-draggable:not(.e-rtl) tr td.e-rowdragdrop.e-childborder:first-child:not(.e-dropbottom, .e-droptop),
115
+ .e-treegrid .e-grid.e-default.e-draggable:not(.e-rtl) tr td.e-rowcell.e-childborder:first-child:not(.e-dropbottom, .e-droptop) {
107
116
  border-left: 1px solid #0074cc;
108
117
  }
109
118
  .e-treegrid .e-grid:not(.e-grid-min-height) .e-gridcontent tr.e-row.e-summaryrow .e-rowcell:empty {
@@ -191,17 +200,6 @@
191
200
  .e-treegrid .e-checkselection .e-movablecontent .e-rowcell {
192
201
  line-height: 21px;
193
202
  }
194
- .e-treegrid .e-treegridexpand,
195
- .e-treegrid .e-treegridcollapse {
196
- color: #dadada;
197
- cursor: pointer;
198
- font-size: 10px;
199
- height: 16px;
200
- padding: 0;
201
- text-align: center;
202
- vertical-align: text-bottom;
203
- width: 16px;
204
- }
205
203
  .e-treegrid .e-treecell {
206
204
  display: table-cell;
207
205
  line-height: normal;
@@ -432,6 +430,31 @@
432
430
  border-bottom-color: #0074cc;
433
431
  }
434
432
 
433
+ .e-treegrid .e-treegridexpand,
434
+ .e-treegrid .e-treegridcollapse,
435
+ .e-grid .e-treegridexpand,
436
+ .e-grid .e-treegridcollapse {
437
+ color: #dadada;
438
+ cursor: pointer;
439
+ font-size: 10px;
440
+ height: 16px;
441
+ padding: 0;
442
+ text-align: center;
443
+ vertical-align: text-bottom;
444
+ width: 16px;
445
+ }
446
+
447
+ .e-treelistgrid.e-print-grid-layout .e-icons.e-none::before {
448
+ content: "";
449
+ }
450
+ .e-treelistgrid.e-print-grid-layout .e-treecolumn-container .e-icons:not(.e-frame) {
451
+ display: inline-block;
452
+ }
453
+ .e-treelistgrid.e-print-grid-layout .e-treegridexpand {
454
+ -webkit-transform: rotate(90deg);
455
+ transform: rotate(90deg);
456
+ }
457
+
435
458
  /* stylelint-disable-line no-empty-source */
436
459
  .e-bigger .e-treegrid .e-grid .e-treegridexpand,
437
460
  .e-bigger .e-treegrid .e-grid .e-treegridcollapse {
@@ -83,10 +83,6 @@
83
83
  content: "\e35d";
84
84
  }
85
85
 
86
- .e-treegrid .e-treegridexpand::before,
87
- .e-treegrid .e-treegridcollapse::before {
88
- content: "\e22e";
89
- }
90
86
  .e-treegrid .e-toolbar-item .e-expand::before {
91
87
  content: "\e555";
92
88
  }
@@ -100,10 +96,23 @@
100
96
  content: "\e35d";
101
97
  }
102
98
 
99
+ .e-treegrid .e-treegridexpand::before,
100
+ .e-treegrid .e-treegridcollapse::before,
101
+ .e-grid .e-treegridexpand::before,
102
+ .e-grid .e-treegridcollapse::before {
103
+ content: "\e22e";
104
+ }
105
+
106
+ .e-treelistgrid.e-print-grid-layout .e-treegridexpand::before,
107
+ .e-treelistgrid.e-print-grid-layout .e-treegridcollapse::before {
108
+ content: "\e22e";
109
+ }
110
+
103
111
  .e-treegrid .e-icons.e-none::before {
104
112
  content: "";
105
113
  }
106
- .e-treegrid .e-grid.e-default.e-draggable:not(.e-rtl) tr td.e-rowdragdrop.e-childborder:first-child:not(.e-dropbottom) {
114
+ .e-treegrid .e-grid.e-default.e-draggable:not(.e-rtl) tr td.e-rowdragdrop.e-childborder:first-child:not(.e-dropbottom, .e-droptop),
115
+ .e-treegrid .e-grid.e-default.e-draggable:not(.e-rtl) tr td.e-rowcell.e-childborder:first-child:not(.e-dropbottom, .e-droptop) {
107
116
  border-left: 1px solid #0078d6;
108
117
  }
109
118
  .e-treegrid .e-grid:not(.e-grid-min-height) .e-gridcontent tr.e-row.e-summaryrow .e-rowcell:empty {
@@ -191,17 +200,6 @@
191
200
  .e-treegrid .e-checkselection .e-movablecontent .e-rowcell {
192
201
  line-height: 21px;
193
202
  }
194
- .e-treegrid .e-treegridexpand,
195
- .e-treegrid .e-treegridcollapse {
196
- color: #333;
197
- cursor: pointer;
198
- font-size: 10px;
199
- height: 16px;
200
- padding: 0;
201
- text-align: center;
202
- vertical-align: text-bottom;
203
- width: 16px;
204
- }
205
203
  .e-treegrid .e-treecell {
206
204
  display: table-cell;
207
205
  line-height: normal;
@@ -432,6 +430,31 @@
432
430
  border-bottom-color: #0078d6;
433
431
  }
434
432
 
433
+ .e-treegrid .e-treegridexpand,
434
+ .e-treegrid .e-treegridcollapse,
435
+ .e-grid .e-treegridexpand,
436
+ .e-grid .e-treegridcollapse {
437
+ color: #333;
438
+ cursor: pointer;
439
+ font-size: 10px;
440
+ height: 16px;
441
+ padding: 0;
442
+ text-align: center;
443
+ vertical-align: text-bottom;
444
+ width: 16px;
445
+ }
446
+
447
+ .e-treelistgrid.e-print-grid-layout .e-icons.e-none::before {
448
+ content: "";
449
+ }
450
+ .e-treelistgrid.e-print-grid-layout .e-treecolumn-container .e-icons:not(.e-frame) {
451
+ display: inline-block;
452
+ }
453
+ .e-treelistgrid.e-print-grid-layout .e-treegridexpand {
454
+ -webkit-transform: rotate(90deg);
455
+ transform: rotate(90deg);
456
+ }
457
+
435
458
  /* stylelint-disable-line no-empty-source */
436
459
  .e-bigger .e-treegrid .e-grid .e-treegridexpand,
437
460
  .e-bigger .e-treegrid .e-grid .e-treegridcollapse {
@@ -138,10 +138,6 @@
138
138
  content: "\e72a";
139
139
  }
140
140
 
141
- .e-treegrid .e-treegridexpand::before,
142
- .e-treegrid .e-treegridcollapse::before {
143
- content: "\e75c";
144
- }
145
141
  .e-treegrid .e-toolbar-item .e-expand::before {
146
142
  content: "\e7c9";
147
143
  }
@@ -155,10 +151,23 @@
155
151
  content: "\e72a";
156
152
  }
157
153
 
154
+ .e-treegrid .e-treegridexpand::before,
155
+ .e-treegrid .e-treegridcollapse::before,
156
+ .e-grid .e-treegridexpand::before,
157
+ .e-grid .e-treegridcollapse::before {
158
+ content: "\e75c";
159
+ }
160
+
161
+ .e-treelistgrid.e-print-grid-layout .e-treegridexpand::before,
162
+ .e-treelistgrid.e-print-grid-layout .e-treegridcollapse::before {
163
+ content: "\e75c";
164
+ }
165
+
158
166
  .e-treegrid .e-icons.e-none::before {
159
167
  content: "";
160
168
  }
161
- .e-treegrid .e-grid.e-default.e-draggable:not(.e-rtl) tr td.e-rowdragdrop.e-childborder:first-child:not(.e-dropbottom) {
169
+ .e-treegrid .e-grid.e-default.e-draggable:not(.e-rtl) tr td.e-rowdragdrop.e-childborder:first-child:not(.e-dropbottom, .e-droptop),
170
+ .e-treegrid .e-grid.e-default.e-draggable:not(.e-rtl) tr td.e-rowcell.e-childborder:first-child:not(.e-dropbottom, .e-droptop) {
162
171
  border-left: 2px dashed #0078d4;
163
172
  }
164
173
  .e-treegrid .e-grid:not(.e-grid-min-height) .e-gridcontent tr.e-row.e-summaryrow .e-rowcell:empty {
@@ -254,17 +263,6 @@
254
263
  .e-treegrid .e-checkselection .e-movablecontent .e-rowcell {
255
264
  line-height: 21px;
256
265
  }
257
- .e-treegrid .e-treegridexpand,
258
- .e-treegrid .e-treegridcollapse {
259
- color: #a19f9d;
260
- cursor: pointer;
261
- font-size: 18px;
262
- height: 18px;
263
- padding: 0;
264
- text-align: center;
265
- vertical-align: text-bottom;
266
- width: 16px;
267
- }
268
266
  .e-treegrid .e-treecell {
269
267
  display: table-cell;
270
268
  line-height: 19px;
@@ -495,6 +493,31 @@
495
493
  border-bottom-color: #0078d4;
496
494
  }
497
495
 
496
+ .e-treegrid .e-treegridexpand,
497
+ .e-treegrid .e-treegridcollapse,
498
+ .e-grid .e-treegridexpand,
499
+ .e-grid .e-treegridcollapse {
500
+ color: #a19f9d;
501
+ cursor: pointer;
502
+ font-size: 18px;
503
+ height: 18px;
504
+ padding: 0;
505
+ text-align: center;
506
+ vertical-align: text-bottom;
507
+ width: 16px;
508
+ }
509
+
510
+ .e-treelistgrid.e-print-grid-layout .e-icons.e-none::before {
511
+ content: "";
512
+ }
513
+ .e-treelistgrid.e-print-grid-layout .e-treecolumn-container .e-icons:not(.e-frame) {
514
+ display: inline-block;
515
+ }
516
+ .e-treelistgrid.e-print-grid-layout .e-treegridexpand {
517
+ -webkit-transform: rotate(90deg);
518
+ transform: rotate(90deg);
519
+ }
520
+
498
521
  /* stylelint-disable-line no-empty-source */
499
522
  .e-bigger .e-treegrid .e-grid .e-treegridexpand,
500
523
  .e-bigger .e-treegrid .e-grid .e-treegridcollapse {
@@ -138,10 +138,6 @@
138
138
  content: "\e72a";
139
139
  }
140
140
 
141
- .e-treegrid .e-treegridexpand::before,
142
- .e-treegrid .e-treegridcollapse::before {
143
- content: "\e75c";
144
- }
145
141
  .e-treegrid .e-toolbar-item .e-expand::before {
146
142
  content: "\e7c9";
147
143
  }
@@ -155,10 +151,23 @@
155
151
  content: "\e72a";
156
152
  }
157
153
 
154
+ .e-treegrid .e-treegridexpand::before,
155
+ .e-treegrid .e-treegridcollapse::before,
156
+ .e-grid .e-treegridexpand::before,
157
+ .e-grid .e-treegridcollapse::before {
158
+ content: "\e75c";
159
+ }
160
+
161
+ .e-treelistgrid.e-print-grid-layout .e-treegridexpand::before,
162
+ .e-treelistgrid.e-print-grid-layout .e-treegridcollapse::before {
163
+ content: "\e75c";
164
+ }
165
+
158
166
  .e-treegrid .e-icons.e-none::before {
159
167
  content: "";
160
168
  }
161
- .e-treegrid .e-grid.e-default.e-draggable:not(.e-rtl) tr td.e-rowdragdrop.e-childborder:first-child:not(.e-dropbottom) {
169
+ .e-treegrid .e-grid.e-default.e-draggable:not(.e-rtl) tr td.e-rowdragdrop.e-childborder:first-child:not(.e-dropbottom, .e-droptop),
170
+ .e-treegrid .e-grid.e-default.e-draggable:not(.e-rtl) tr td.e-rowcell.e-childborder:first-child:not(.e-dropbottom, .e-droptop) {
162
171
  border-left: 2px dashed #0078d4;
163
172
  }
164
173
  .e-treegrid .e-grid:not(.e-grid-min-height) .e-gridcontent tr.e-row.e-summaryrow .e-rowcell:empty {
@@ -254,17 +263,6 @@
254
263
  .e-treegrid .e-checkselection .e-movablecontent .e-rowcell {
255
264
  line-height: 21px;
256
265
  }
257
- .e-treegrid .e-treegridexpand,
258
- .e-treegrid .e-treegridcollapse {
259
- color: #605e5c;
260
- cursor: pointer;
261
- font-size: 18px;
262
- height: 18px;
263
- padding: 0;
264
- text-align: center;
265
- vertical-align: text-bottom;
266
- width: 16px;
267
- }
268
266
  .e-treegrid .e-treecell {
269
267
  display: table-cell;
270
268
  line-height: 19px;
@@ -495,6 +493,31 @@
495
493
  border-bottom-color: #0078d4;
496
494
  }
497
495
 
496
+ .e-treegrid .e-treegridexpand,
497
+ .e-treegrid .e-treegridcollapse,
498
+ .e-grid .e-treegridexpand,
499
+ .e-grid .e-treegridcollapse {
500
+ color: #605e5c;
501
+ cursor: pointer;
502
+ font-size: 18px;
503
+ height: 18px;
504
+ padding: 0;
505
+ text-align: center;
506
+ vertical-align: text-bottom;
507
+ width: 16px;
508
+ }
509
+
510
+ .e-treelistgrid.e-print-grid-layout .e-icons.e-none::before {
511
+ content: "";
512
+ }
513
+ .e-treelistgrid.e-print-grid-layout .e-treecolumn-container .e-icons:not(.e-frame) {
514
+ display: inline-block;
515
+ }
516
+ .e-treelistgrid.e-print-grid-layout .e-treegridexpand {
517
+ -webkit-transform: rotate(90deg);
518
+ transform: rotate(90deg);
519
+ }
520
+
498
521
  /* stylelint-disable-line no-empty-source */
499
522
  .e-bigger .e-treegrid .e-grid .e-treegridexpand,
500
523
  .e-bigger .e-treegrid .e-grid .e-treegridcollapse {