@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/fabric-dark-lite.css CHANGED
@@ -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,4 +430,29 @@
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 */
package/styles/fabric-dark.css CHANGED
@@ -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 {
package/styles/fabric-lite.css CHANGED
@@ -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,4 +430,29 @@
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 */
package/styles/fabric.css CHANGED
@@ -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 {
package/styles/fluent-dark-lite.css CHANGED
@@ -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,4 +493,29 @@
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 */
package/styles/fluent-dark.css CHANGED
@@ -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 {
package/styles/fluent-lite.css CHANGED
@@ -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,4 +493,29 @@
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 */
package/styles/fluent.css CHANGED
@@ -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 {