@syncfusion/ej2-treegrid 28.1.35 → 28.1.37

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (98) hide show
  1. package/dist/ej2-treegrid.min.js +2 -2
  2. package/dist/ej2-treegrid.umd.min.js +2 -2
  3. package/dist/ej2-treegrid.umd.min.js.map +1 -1
  4. package/dist/es6/ej2-treegrid.es2015.js +54 -11
  5. package/dist/es6/ej2-treegrid.es2015.js.map +1 -1
  6. package/dist/es6/ej2-treegrid.es5.js +54 -11
  7. package/dist/es6/ej2-treegrid.es5.js.map +1 -1
  8. package/dist/global/ej2-treegrid.min.js +2 -2
  9. package/dist/global/ej2-treegrid.min.js.map +1 -1
  10. package/dist/global/index.d.ts +1 -1
  11. package/package.json +6 -7
  12. package/src/treegrid/base/treegrid.js +28 -1
  13. package/src/treegrid/renderer/virtual-row-model-generator.js +4 -5
  14. package/src/treegrid/renderer/virtual-tree-content-render.js +24 -7
  15. package/src/treegrid/utils.d.ts +1 -1
  16. package/styles/bds-lite.css +16 -12
  17. package/styles/bds.css +16 -12
  18. package/styles/bootstrap-dark-lite.css +23 -16
  19. package/styles/bootstrap-dark.css +23 -16
  20. package/styles/bootstrap-lite.css +34 -15
  21. package/styles/bootstrap.css +34 -15
  22. package/styles/bootstrap4-lite.css +23 -16
  23. package/styles/bootstrap4.css +23 -16
  24. package/styles/bootstrap5-dark-lite.css +23 -16
  25. package/styles/bootstrap5-dark.css +23 -16
  26. package/styles/bootstrap5-lite.css +23 -16
  27. package/styles/bootstrap5.3-lite.css +23 -16
  28. package/styles/bootstrap5.3.css +23 -16
  29. package/styles/bootstrap5.css +23 -16
  30. package/styles/fabric-dark-lite.css +23 -16
  31. package/styles/fabric-dark.css +23 -16
  32. package/styles/fabric-lite.css +23 -16
  33. package/styles/fabric.css +23 -16
  34. package/styles/fluent-dark-lite.css +23 -16
  35. package/styles/fluent-dark.css +23 -16
  36. package/styles/fluent-lite.css +23 -16
  37. package/styles/fluent.css +23 -16
  38. package/styles/fluent2-lite.css +23 -16
  39. package/styles/fluent2.css +23 -16
  40. package/styles/highcontrast-light-lite.css +23 -16
  41. package/styles/highcontrast-light.css +23 -16
  42. package/styles/highcontrast-lite.css +23 -16
  43. package/styles/highcontrast.css +23 -16
  44. package/styles/material-dark-lite.css +23 -16
  45. package/styles/material-dark.css +23 -16
  46. package/styles/material-lite.css +23 -16
  47. package/styles/material.css +23 -16
  48. package/styles/material3-dark-lite.css +23 -16
  49. package/styles/material3-dark.css +23 -16
  50. package/styles/material3-lite.css +23 -16
  51. package/styles/material3.css +23 -16
  52. package/styles/tailwind-dark-lite.css +23 -16
  53. package/styles/tailwind-dark.css +23 -16
  54. package/styles/tailwind-lite.css +23 -16
  55. package/styles/tailwind.css +23 -16
  56. package/styles/tailwind3-lite.css +23 -16
  57. package/styles/tailwind3.css +23 -16
  58. package/styles/treegrid/_icons.scss +8 -5
  59. package/styles/treegrid/_layout.scss +17 -13
  60. package/styles/treegrid/bds.css +16 -12
  61. package/styles/treegrid/bootstrap-dark.css +23 -16
  62. package/styles/treegrid/bootstrap.css +34 -15
  63. package/styles/treegrid/bootstrap4.css +23 -16
  64. package/styles/treegrid/bootstrap5-dark.css +23 -16
  65. package/styles/treegrid/bootstrap5.3.css +23 -16
  66. package/styles/treegrid/bootstrap5.css +23 -16
  67. package/styles/treegrid/fabric-dark.css +23 -16
  68. package/styles/treegrid/fabric.css +23 -16
  69. package/styles/treegrid/fluent-dark.css +23 -16
  70. package/styles/treegrid/fluent.css +23 -16
  71. package/styles/treegrid/fluent2.css +23 -16
  72. package/styles/treegrid/highcontrast-light.css +23 -16
  73. package/styles/treegrid/highcontrast.css +23 -16
  74. package/styles/treegrid/icons/_bootstrap-dark.scss +8 -5
  75. package/styles/treegrid/icons/_bootstrap.scss +24 -4
  76. package/styles/treegrid/icons/_bootstrap4.scss +8 -5
  77. package/styles/treegrid/icons/_bootstrap5.3.scss +8 -5
  78. package/styles/treegrid/icons/_bootstrap5.scss +8 -5
  79. package/styles/treegrid/icons/_fabric-dark.scss +8 -5
  80. package/styles/treegrid/icons/_fabric.scss +8 -5
  81. package/styles/treegrid/icons/_fluent.scss +8 -5
  82. package/styles/treegrid/icons/_fluent2.scss +8 -5
  83. package/styles/treegrid/icons/_fusionnew.scss +8 -5
  84. package/styles/treegrid/icons/_highcontrast-light.scss +8 -5
  85. package/styles/treegrid/icons/_highcontrast.scss +8 -5
  86. package/styles/treegrid/icons/_material-dark.scss +8 -5
  87. package/styles/treegrid/icons/_material.scss +8 -5
  88. package/styles/treegrid/icons/_material3.scss +8 -5
  89. package/styles/treegrid/icons/_tailwind-dark.scss +9 -6
  90. package/styles/treegrid/icons/_tailwind.scss +8 -5
  91. package/styles/treegrid/icons/_tailwind3.scss +8 -5
  92. package/styles/treegrid/material-dark.css +23 -16
  93. package/styles/treegrid/material.css +23 -16
  94. package/styles/treegrid/material3-dark.css +23 -16
  95. package/styles/treegrid/material3.css +23 -16
  96. package/styles/treegrid/tailwind-dark.css +23 -16
  97. package/styles/treegrid/tailwind.css +23 -16
  98. package/styles/treegrid/tailwind3.css +23 -16
package/styles/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,6 +96,13 @@
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
+
103
106
  .e-treelistgrid.e-print-grid-layout .e-treegridexpand::before,
104
107
  .e-treelistgrid.e-print-grid-layout .e-treegridcollapse::before {
105
108
  content: "\e22e";
@@ -108,7 +111,8 @@
108
111
  .e-treegrid .e-icons.e-none::before {
109
112
  content: "";
110
113
  }
111
- .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) {
112
116
  border-left: 1px solid #0074cc;
113
117
  }
114
118
  .e-treegrid .e-grid:not(.e-grid-min-height) .e-gridcontent tr.e-row.e-summaryrow .e-rowcell:empty {
@@ -196,17 +200,6 @@
196
200
  .e-treegrid .e-checkselection .e-movablecontent .e-rowcell {
197
201
  line-height: 21px;
198
202
  }
199
- .e-treegrid .e-treegridexpand,
200
- .e-treegrid .e-treegridcollapse {
201
- color: #dadada;
202
- cursor: pointer;
203
- font-size: 10px;
204
- height: 16px;
205
- padding: 0;
206
- text-align: center;
207
- vertical-align: text-bottom;
208
- width: 16px;
209
- }
210
203
  .e-treegrid .e-treecell {
211
204
  display: table-cell;
212
205
  line-height: normal;
@@ -437,6 +430,20 @@
437
430
  border-bottom-color: #0074cc;
438
431
  }
439
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
+
440
447
  .e-treelistgrid.e-print-grid-layout .e-icons.e-none::before {
441
448
  content: "";
442
449
  }
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,6 +96,13 @@
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
+
103
106
  .e-treelistgrid.e-print-grid-layout .e-treegridexpand::before,
104
107
  .e-treelistgrid.e-print-grid-layout .e-treegridcollapse::before {
105
108
  content: "\e22e";
@@ -108,7 +111,8 @@
108
111
  .e-treegrid .e-icons.e-none::before {
109
112
  content: "";
110
113
  }
111
- .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) {
112
116
  border-left: 1px solid #0078d6;
113
117
  }
114
118
  .e-treegrid .e-grid:not(.e-grid-min-height) .e-gridcontent tr.e-row.e-summaryrow .e-rowcell:empty {
@@ -196,17 +200,6 @@
196
200
  .e-treegrid .e-checkselection .e-movablecontent .e-rowcell {
197
201
  line-height: 21px;
198
202
  }
199
- .e-treegrid .e-treegridexpand,
200
- .e-treegrid .e-treegridcollapse {
201
- color: #333;
202
- cursor: pointer;
203
- font-size: 10px;
204
- height: 16px;
205
- padding: 0;
206
- text-align: center;
207
- vertical-align: text-bottom;
208
- width: 16px;
209
- }
210
203
  .e-treegrid .e-treecell {
211
204
  display: table-cell;
212
205
  line-height: normal;
@@ -437,6 +430,20 @@
437
430
  border-bottom-color: #0078d6;
438
431
  }
439
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
+
440
447
  .e-treelistgrid.e-print-grid-layout .e-icons.e-none::before {
441
448
  content: "";
442
449
  }
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,6 +96,13 @@
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
+
103
106
  .e-treelistgrid.e-print-grid-layout .e-treegridexpand::before,
104
107
  .e-treelistgrid.e-print-grid-layout .e-treegridcollapse::before {
105
108
  content: "\e22e";
@@ -108,7 +111,8 @@
108
111
  .e-treegrid .e-icons.e-none::before {
109
112
  content: "";
110
113
  }
111
- .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) {
112
116
  border-left: 1px solid #0078d6;
113
117
  }
114
118
  .e-treegrid .e-grid:not(.e-grid-min-height) .e-gridcontent tr.e-row.e-summaryrow .e-rowcell:empty {
@@ -196,17 +200,6 @@
196
200
  .e-treegrid .e-checkselection .e-movablecontent .e-rowcell {
197
201
  line-height: 21px;
198
202
  }
199
- .e-treegrid .e-treegridexpand,
200
- .e-treegrid .e-treegridcollapse {
201
- color: #333;
202
- cursor: pointer;
203
- font-size: 10px;
204
- height: 16px;
205
- padding: 0;
206
- text-align: center;
207
- vertical-align: text-bottom;
208
- width: 16px;
209
- }
210
203
  .e-treegrid .e-treecell {
211
204
  display: table-cell;
212
205
  line-height: normal;
@@ -437,6 +430,20 @@
437
430
  border-bottom-color: #0078d6;
438
431
  }
439
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
+
440
447
  .e-treelistgrid.e-print-grid-layout .e-icons.e-none::before {
441
448
  content: "";
442
449
  }
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,6 +151,13 @@
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
+
158
161
  .e-treelistgrid.e-print-grid-layout .e-treegridexpand::before,
159
162
  .e-treelistgrid.e-print-grid-layout .e-treegridcollapse::before {
160
163
  content: "\e75c";
@@ -163,7 +166,8 @@
163
166
  .e-treegrid .e-icons.e-none::before {
164
167
  content: "";
165
168
  }
166
- .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) {
167
171
  border-left: 2px dashed #0078d4;
168
172
  }
169
173
  .e-treegrid .e-grid:not(.e-grid-min-height) .e-gridcontent tr.e-row.e-summaryrow .e-rowcell:empty {
@@ -259,17 +263,6 @@
259
263
  .e-treegrid .e-checkselection .e-movablecontent .e-rowcell {
260
264
  line-height: 21px;
261
265
  }
262
- .e-treegrid .e-treegridexpand,
263
- .e-treegrid .e-treegridcollapse {
264
- color: #a19f9d;
265
- cursor: pointer;
266
- font-size: 18px;
267
- height: 18px;
268
- padding: 0;
269
- text-align: center;
270
- vertical-align: text-bottom;
271
- width: 16px;
272
- }
273
266
  .e-treegrid .e-treecell {
274
267
  display: table-cell;
275
268
  line-height: 19px;
@@ -500,6 +493,20 @@
500
493
  border-bottom-color: #0078d4;
501
494
  }
502
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
+
503
510
  .e-treelistgrid.e-print-grid-layout .e-icons.e-none::before {
504
511
  content: "";
505
512
  }
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,6 +151,13 @@
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
+
158
161
  .e-treelistgrid.e-print-grid-layout .e-treegridexpand::before,
159
162
  .e-treelistgrid.e-print-grid-layout .e-treegridcollapse::before {
160
163
  content: "\e75c";
@@ -163,7 +166,8 @@
163
166
  .e-treegrid .e-icons.e-none::before {
164
167
  content: "";
165
168
  }
166
- .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) {
167
171
  border-left: 2px dashed #0078d4;
168
172
  }
169
173
  .e-treegrid .e-grid:not(.e-grid-min-height) .e-gridcontent tr.e-row.e-summaryrow .e-rowcell:empty {
@@ -259,17 +263,6 @@
259
263
  .e-treegrid .e-checkselection .e-movablecontent .e-rowcell {
260
264
  line-height: 21px;
261
265
  }
262
- .e-treegrid .e-treegridexpand,
263
- .e-treegrid .e-treegridcollapse {
264
- color: #a19f9d;
265
- cursor: pointer;
266
- font-size: 18px;
267
- height: 18px;
268
- padding: 0;
269
- text-align: center;
270
- vertical-align: text-bottom;
271
- width: 16px;
272
- }
273
266
  .e-treegrid .e-treecell {
274
267
  display: table-cell;
275
268
  line-height: 19px;
@@ -500,6 +493,20 @@
500
493
  border-bottom-color: #0078d4;
501
494
  }
502
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
+
503
510
  .e-treelistgrid.e-print-grid-layout .e-icons.e-none::before {
504
511
  content: "";
505
512
  }
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,6 +151,13 @@
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
+
158
161
  .e-treelistgrid.e-print-grid-layout .e-treegridexpand::before,
159
162
  .e-treelistgrid.e-print-grid-layout .e-treegridcollapse::before {
160
163
  content: "\e75c";
@@ -163,7 +166,8 @@
163
166
  .e-treegrid .e-icons.e-none::before {
164
167
  content: "";
165
168
  }
166
- .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) {
167
171
  border-left: 2px dashed #0078d4;
168
172
  }
169
173
  .e-treegrid .e-grid:not(.e-grid-min-height) .e-gridcontent tr.e-row.e-summaryrow .e-rowcell:empty {
@@ -259,17 +263,6 @@
259
263
  .e-treegrid .e-checkselection .e-movablecontent .e-rowcell {
260
264
  line-height: 21px;
261
265
  }
262
- .e-treegrid .e-treegridexpand,
263
- .e-treegrid .e-treegridcollapse {
264
- color: #605e5c;
265
- cursor: pointer;
266
- font-size: 18px;
267
- height: 18px;
268
- padding: 0;
269
- text-align: center;
270
- vertical-align: text-bottom;
271
- width: 16px;
272
- }
273
266
  .e-treegrid .e-treecell {
274
267
  display: table-cell;
275
268
  line-height: 19px;
@@ -500,6 +493,20 @@
500
493
  border-bottom-color: #0078d4;
501
494
  }
502
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
+
503
510
  .e-treelistgrid.e-print-grid-layout .e-icons.e-none::before {
504
511
  content: "";
505
512
  }
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,6 +151,13 @@
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
+
158
161
  .e-treelistgrid.e-print-grid-layout .e-treegridexpand::before,
159
162
  .e-treelistgrid.e-print-grid-layout .e-treegridcollapse::before {
160
163
  content: "\e75c";
@@ -163,7 +166,8 @@
163
166
  .e-treegrid .e-icons.e-none::before {
164
167
  content: "";
165
168
  }
166
- .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) {
167
171
  border-left: 2px dashed #0078d4;
168
172
  }
169
173
  .e-treegrid .e-grid:not(.e-grid-min-height) .e-gridcontent tr.e-row.e-summaryrow .e-rowcell:empty {
@@ -259,17 +263,6 @@
259
263
  .e-treegrid .e-checkselection .e-movablecontent .e-rowcell {
260
264
  line-height: 21px;
261
265
  }
262
- .e-treegrid .e-treegridexpand,
263
- .e-treegrid .e-treegridcollapse {
264
- color: #605e5c;
265
- cursor: pointer;
266
- font-size: 18px;
267
- height: 18px;
268
- padding: 0;
269
- text-align: center;
270
- vertical-align: text-bottom;
271
- width: 16px;
272
- }
273
266
  .e-treegrid .e-treecell {
274
267
  display: table-cell;
275
268
  line-height: 19px;
@@ -500,6 +493,20 @@
500
493
  border-bottom-color: #0078d4;
501
494
  }
502
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
+
503
510
  .e-treelistgrid.e-print-grid-layout .e-icons.e-none::before {
504
511
  content: "";
505
512
  }
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,6 +334,13 @@
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
+
341
344
  .e-treelistgrid.e-print-grid-layout .e-treegridexpand::before,
342
345
  .e-treelistgrid.e-print-grid-layout .e-treegridcollapse::before {
343
346
  content: "\e75c";
@@ -346,7 +349,8 @@
346
349
  .e-treegrid .e-icons.e-none::before {
347
350
  content: "";
348
351
  }
349
- .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) {
350
354
  border-left: 2px dashed var(--color-sf-primary);
351
355
  }
352
356
  .e-treegrid .e-grid:not(.e-grid-min-height) .e-gridcontent tr.e-row.e-summaryrow .e-rowcell:empty {
@@ -443,17 +447,6 @@
443
447
  .e-treegrid .e-checkselection .e-movablecontent .e-rowcell {
444
448
  line-height: 21px;
445
449
  }
446
- .e-treegrid .e-treegridexpand,
447
- .e-treegrid .e-treegridcollapse {
448
- color: var(--color-sf-icon-color);
449
- cursor: pointer;
450
- font-size: 16px;
451
- height: 16px;
452
- padding: 0;
453
- text-align: center;
454
- vertical-align: text-bottom;
455
- width: 16px;
456
- }
457
450
  .e-treegrid .e-treecell {
458
451
  display: table-cell;
459
452
  line-height: 19px;
@@ -687,6 +680,20 @@
687
680
  border-bottom-color: var(--color-sf-primary);
688
681
  }
689
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
+
690
697
  .e-treelistgrid.e-print-grid-layout .e-icons.e-none::before {
691
698
  content: "";
692
699
  }
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,6 +334,13 @@
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
+
341
344
  .e-treelistgrid.e-print-grid-layout .e-treegridexpand::before,
342
345
  .e-treelistgrid.e-print-grid-layout .e-treegridcollapse::before {
343
346
  content: "\e75c";
@@ -346,7 +349,8 @@
346
349
  .e-treegrid .e-icons.e-none::before {
347
350
  content: "";
348
351
  }
349
- .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) {
350
354
  border-left: 2px dashed var(--color-sf-primary);
351
355
  }
352
356
  .e-treegrid .e-grid:not(.e-grid-min-height) .e-gridcontent tr.e-row.e-summaryrow .e-rowcell:empty {
@@ -443,17 +447,6 @@
443
447
  .e-treegrid .e-checkselection .e-movablecontent .e-rowcell {
444
448
  line-height: 21px;
445
449
  }
446
- .e-treegrid .e-treegridexpand,
447
- .e-treegrid .e-treegridcollapse {
448
- color: var(--color-sf-icon-color);
449
- cursor: pointer;
450
- font-size: 16px;
451
- height: 16px;
452
- padding: 0;
453
- text-align: center;
454
- vertical-align: text-bottom;
455
- width: 16px;
456
- }
457
450
  .e-treegrid .e-treecell {
458
451
  display: table-cell;
459
452
  line-height: 19px;
@@ -687,6 +680,20 @@
687
680
  border-bottom-color: var(--color-sf-primary);
688
681
  }
689
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
+
690
697
  .e-treelistgrid.e-print-grid-layout .e-icons.e-none::before {
691
698
  content: "";
692
699
  }