@syncfusion/ej2-treegrid 27.2.3 → 28.1.35

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 (113) hide show
  1. package/README.md +2 -2
  2. package/dist/ej2-treegrid.min.js +3 -3
  3. package/dist/ej2-treegrid.umd.min.js +3 -3
  4. package/dist/ej2-treegrid.umd.min.js.map +1 -1
  5. package/dist/es6/ej2-treegrid.es2015.js +579 -256
  6. package/dist/es6/ej2-treegrid.es2015.js.map +1 -1
  7. package/dist/es6/ej2-treegrid.es5.js +583 -256
  8. package/dist/es6/ej2-treegrid.es5.js.map +1 -1
  9. package/dist/global/ej2-treegrid.min.js +3 -3
  10. package/dist/global/ej2-treegrid.min.js.map +1 -1
  11. package/dist/global/index.d.ts +2 -2
  12. package/package.json +10 -10
  13. package/src/treegrid/actions/batch-edit.js +58 -56
  14. package/src/treegrid/actions/context-menu.js +3 -1
  15. package/src/treegrid/actions/reorder.d.ts +1 -1
  16. package/src/treegrid/actions/reorder.js +5 -17
  17. package/src/treegrid/actions/rowdragdrop.d.ts +286 -14
  18. package/src/treegrid/actions/rowdragdrop.js +447 -161
  19. package/src/treegrid/actions/virtual-scroll.js +5 -0
  20. package/src/treegrid/base/data.js +22 -5
  21. package/src/treegrid/base/treegrid.d.ts +1 -0
  22. package/src/treegrid/base/treegrid.js +28 -11
  23. package/src/treegrid/renderer/virtual-tree-content-render.js +16 -6
  24. package/styles/bds-lite.css +714 -0
  25. package/styles/bds-lite.scss +18 -0
  26. package/styles/bds.css +734 -0
  27. package/styles/bds.scss +19 -0
  28. package/styles/bootstrap-dark-lite.css +36 -0
  29. package/styles/bootstrap-dark.css +42 -6
  30. package/styles/bootstrap-lite.css +36 -0
  31. package/styles/bootstrap.css +42 -6
  32. package/styles/bootstrap4-lite.css +36 -0
  33. package/styles/bootstrap4.css +42 -6
  34. package/styles/bootstrap5-dark-lite.css +36 -0
  35. package/styles/bootstrap5-dark.css +42 -6
  36. package/styles/bootstrap5-lite.css +36 -0
  37. package/styles/bootstrap5.3-lite.css +36 -0
  38. package/styles/bootstrap5.3.css +42 -6
  39. package/styles/bootstrap5.css +42 -6
  40. package/styles/fabric-dark-lite.css +36 -0
  41. package/styles/fabric-dark.css +42 -6
  42. package/styles/fabric-lite.css +36 -0
  43. package/styles/fabric.css +42 -6
  44. package/styles/fluent-dark-lite.css +36 -0
  45. package/styles/fluent-dark.css +43 -7
  46. package/styles/fluent-lite.css +36 -0
  47. package/styles/fluent.css +43 -7
  48. package/styles/fluent2-lite.css +36 -0
  49. package/styles/fluent2.css +44 -8
  50. package/styles/highcontrast-light-lite.css +36 -0
  51. package/styles/highcontrast-light.css +42 -6
  52. package/styles/highcontrast-lite.css +37 -1
  53. package/styles/highcontrast.css +44 -8
  54. package/styles/material-dark-lite.css +36 -0
  55. package/styles/material-dark.css +42 -6
  56. package/styles/material-lite.css +36 -0
  57. package/styles/material.css +42 -6
  58. package/styles/material3-dark-lite.css +36 -0
  59. package/styles/material3-dark.css +42 -6
  60. package/styles/material3-lite.css +36 -0
  61. package/styles/material3.css +42 -6
  62. package/styles/tailwind-dark-lite.css +36 -0
  63. package/styles/tailwind-dark.css +42 -6
  64. package/styles/tailwind-lite.css +36 -0
  65. package/styles/tailwind.css +42 -6
  66. package/styles/tailwind3-lite.css +527 -0
  67. package/styles/tailwind3-lite.scss +18 -0
  68. package/styles/tailwind3.css +547 -0
  69. package/styles/tailwind3.scss +19 -0
  70. package/styles/treegrid/_bigger.scss +45 -41
  71. package/styles/treegrid/_icons.scss +7 -0
  72. package/styles/treegrid/_layout.scss +39 -2
  73. package/styles/treegrid/_tailwind3-definition.scss +24 -0
  74. package/styles/treegrid/bds.css +734 -0
  75. package/styles/treegrid/bds.scss +19 -0
  76. package/styles/treegrid/bootstrap-dark.css +42 -6
  77. package/styles/treegrid/bootstrap.css +42 -6
  78. package/styles/treegrid/bootstrap4.css +42 -6
  79. package/styles/treegrid/bootstrap5-dark.css +42 -6
  80. package/styles/treegrid/bootstrap5.3.css +42 -6
  81. package/styles/treegrid/bootstrap5.css +42 -6
  82. package/styles/treegrid/fabric-dark.css +42 -6
  83. package/styles/treegrid/fabric.css +42 -6
  84. package/styles/treegrid/fluent-dark.css +43 -7
  85. package/styles/treegrid/fluent.css +43 -7
  86. package/styles/treegrid/fluent2.css +44 -8
  87. package/styles/treegrid/highcontrast-light.css +42 -6
  88. package/styles/treegrid/highcontrast.css +44 -8
  89. package/styles/treegrid/icons/_bootstrap-dark.scss +7 -0
  90. package/styles/treegrid/icons/_bootstrap.scss +7 -0
  91. package/styles/treegrid/icons/_bootstrap4.scss +7 -0
  92. package/styles/treegrid/icons/_bootstrap5.3.scss +7 -0
  93. package/styles/treegrid/icons/_bootstrap5.scss +7 -0
  94. package/styles/treegrid/icons/_fabric-dark.scss +7 -0
  95. package/styles/treegrid/icons/_fabric.scss +7 -0
  96. package/styles/treegrid/icons/_fluent.scss +7 -0
  97. package/styles/treegrid/icons/_fluent2.scss +7 -0
  98. package/styles/treegrid/icons/_highcontrast-light.scss +7 -0
  99. package/styles/treegrid/icons/_highcontrast.scss +7 -0
  100. package/styles/treegrid/icons/_material-dark.scss +7 -0
  101. package/styles/treegrid/icons/_material.scss +7 -0
  102. package/styles/treegrid/icons/_material3.scss +7 -0
  103. package/styles/treegrid/icons/_tailwind-dark.scss +7 -0
  104. package/styles/treegrid/icons/_tailwind.scss +7 -0
  105. package/styles/treegrid/icons/_tailwind3.scss +44 -0
  106. package/styles/treegrid/material-dark.css +42 -6
  107. package/styles/treegrid/material.css +42 -6
  108. package/styles/treegrid/material3-dark.css +42 -6
  109. package/styles/treegrid/material3.css +42 -6
  110. package/styles/treegrid/tailwind-dark.css +42 -6
  111. package/styles/treegrid/tailwind.css +42 -6
  112. package/styles/treegrid/tailwind3.css +547 -0
  113. package/styles/treegrid/tailwind3.scss +19 -0
@@ -100,9 +100,20 @@
100
100
  content: "\e35d";
101
101
  }
102
102
 
103
+ .e-treelistgrid.e-print-grid-layout .e-treegridexpand::before,
104
+ .e-treelistgrid.e-print-grid-layout .e-treegridcollapse::before {
105
+ content: "\e22e";
106
+ }
107
+
103
108
  .e-treegrid .e-icons.e-none::before {
104
109
  content: "";
105
110
  }
111
+ .e-treegrid .e-grid.e-default.e-draggable:not(.e-rtl) tr td.e-rowdragdrop.e-childborder:first-child:not(.e-dropbottom) {
112
+ border-left: 1px solid #0078d6;
113
+ }
114
+ .e-treegrid .e-grid:not(.e-grid-min-height) .e-gridcontent tr.e-row.e-summaryrow .e-rowcell:empty {
115
+ height: auto;
116
+ }
106
117
  .e-treegrid .e-gridheader .e-headercell .e-css.e-hierarchycheckbox {
107
118
  height: 20px;
108
119
  vertical-align: middle;
@@ -169,6 +180,9 @@
169
180
  .e-treegrid .e-cloneproperties .e-treecolumn-container span {
170
181
  vertical-align: text-top;
171
182
  }
183
+ .e-treegrid .e-cloneproperties .e-rowcell:not(.e-gridclip) .errorValue .e-treecolumn-container {
184
+ display: table-row;
185
+ }
172
186
  .e-treegrid .e-hierarchycheckbox .e-frame {
173
187
  font-size: 10px;
174
188
  height: 16px;
@@ -256,6 +270,9 @@
256
270
  position: relative;
257
271
  z-index: 1;
258
272
  }
273
+ .e-treegrid .e-gridcontent td.e-childborder.e-leftfreeze {
274
+ position: sticky;
275
+ }
259
276
  .e-treegrid .e-gridcontent td.e-rowcell.e-childborder.e-dragborder,
260
277
  .e-treegrid .e-gridcontent td.e-rowcell.e-dropbottom.e-dragborder td.e-rowdragdrop.e-dropbottom.e-dragborder {
261
278
  -webkit-box-shadow: 0 1px 0 0 #0078d6;
@@ -292,6 +309,11 @@
292
309
  position: relative;
293
310
  z-index: 1;
294
311
  }
312
+ .e-treegrid .e-gridcontent td.e-dropbottom:first-child.e-leftfreeze,
313
+ .e-treegrid .e-gridcontent td.e-rowcell.e-dropbottom.e-leftfreeze,
314
+ .e-treegrid .e-gridcontent td.e-dropbottom.e-leftfreeze {
315
+ position: sticky;
316
+ }
295
317
  .e-treegrid .e-gridcontent td.e-droptop:first-child,
296
318
  .e-treegrid .e-gridcontent td.e-rowcell.e-droptop {
297
319
  border-top-color: #0078d6;
@@ -380,6 +402,9 @@
380
402
  position: relative;
381
403
  z-index: 1;
382
404
  }
405
+ .e-treegrid .e-grid.e-rtl .e-gridcontent td.e-childborder.e-leftfreeze {
406
+ position: sticky;
407
+ }
383
408
  .e-treegrid .e-grid.e-rtl .e-gridcontent td.e-rowcell.e-dragborder,
384
409
  .e-treegrid .e-grid.e-rtl .e-gridcontent tr.e-row:first-child .e-rowcell.e-dragborder,
385
410
  .e-treegrid .e-grid.e-rtl .e-gridcontent .e-rowdragdrop.e-dragborder {
@@ -412,4 +437,15 @@
412
437
  border-bottom-color: #0078d6;
413
438
  }
414
439
 
440
+ .e-treelistgrid.e-print-grid-layout .e-icons.e-none::before {
441
+ content: "";
442
+ }
443
+ .e-treelistgrid.e-print-grid-layout .e-treecolumn-container .e-icons:not(.e-frame) {
444
+ display: inline-block;
445
+ }
446
+ .e-treelistgrid.e-print-grid-layout .e-treegridexpand {
447
+ -webkit-transform: rotate(90deg);
448
+ transform: rotate(90deg);
449
+ }
450
+
415
451
  /* stylelint-disable-line no-empty-source */
package/styles/fabric.css CHANGED
@@ -100,9 +100,20 @@
100
100
  content: "\e35d";
101
101
  }
102
102
 
103
+ .e-treelistgrid.e-print-grid-layout .e-treegridexpand::before,
104
+ .e-treelistgrid.e-print-grid-layout .e-treegridcollapse::before {
105
+ content: "\e22e";
106
+ }
107
+
103
108
  .e-treegrid .e-icons.e-none::before {
104
109
  content: "";
105
110
  }
111
+ .e-treegrid .e-grid.e-default.e-draggable:not(.e-rtl) tr td.e-rowdragdrop.e-childborder:first-child:not(.e-dropbottom) {
112
+ border-left: 1px solid #0078d6;
113
+ }
114
+ .e-treegrid .e-grid:not(.e-grid-min-height) .e-gridcontent tr.e-row.e-summaryrow .e-rowcell:empty {
115
+ height: auto;
116
+ }
106
117
  .e-treegrid .e-gridheader .e-headercell .e-css.e-hierarchycheckbox {
107
118
  height: 20px;
108
119
  vertical-align: middle;
@@ -169,6 +180,9 @@
169
180
  .e-treegrid .e-cloneproperties .e-treecolumn-container span {
170
181
  vertical-align: text-top;
171
182
  }
183
+ .e-treegrid .e-cloneproperties .e-rowcell:not(.e-gridclip) .errorValue .e-treecolumn-container {
184
+ display: table-row;
185
+ }
172
186
  .e-treegrid .e-hierarchycheckbox .e-frame {
173
187
  font-size: 10px;
174
188
  height: 16px;
@@ -256,6 +270,9 @@
256
270
  position: relative;
257
271
  z-index: 1;
258
272
  }
273
+ .e-treegrid .e-gridcontent td.e-childborder.e-leftfreeze {
274
+ position: sticky;
275
+ }
259
276
  .e-treegrid .e-gridcontent td.e-rowcell.e-childborder.e-dragborder,
260
277
  .e-treegrid .e-gridcontent td.e-rowcell.e-dropbottom.e-dragborder td.e-rowdragdrop.e-dropbottom.e-dragborder {
261
278
  -webkit-box-shadow: 0 1px 0 0 #0078d6;
@@ -292,6 +309,11 @@
292
309
  position: relative;
293
310
  z-index: 1;
294
311
  }
312
+ .e-treegrid .e-gridcontent td.e-dropbottom:first-child.e-leftfreeze,
313
+ .e-treegrid .e-gridcontent td.e-rowcell.e-dropbottom.e-leftfreeze,
314
+ .e-treegrid .e-gridcontent td.e-dropbottom.e-leftfreeze {
315
+ position: sticky;
316
+ }
295
317
  .e-treegrid .e-gridcontent td.e-droptop:first-child,
296
318
  .e-treegrid .e-gridcontent td.e-rowcell.e-droptop {
297
319
  border-top-color: #0078d6;
@@ -380,6 +402,9 @@
380
402
  position: relative;
381
403
  z-index: 1;
382
404
  }
405
+ .e-treegrid .e-grid.e-rtl .e-gridcontent td.e-childborder.e-leftfreeze {
406
+ position: sticky;
407
+ }
383
408
  .e-treegrid .e-grid.e-rtl .e-gridcontent td.e-rowcell.e-dragborder,
384
409
  .e-treegrid .e-grid.e-rtl .e-gridcontent tr.e-row:first-child .e-rowcell.e-dragborder,
385
410
  .e-treegrid .e-grid.e-rtl .e-gridcontent .e-rowdragdrop.e-dragborder {
@@ -412,27 +437,38 @@
412
437
  border-bottom-color: #0078d6;
413
438
  }
414
439
 
440
+ .e-treelistgrid.e-print-grid-layout .e-icons.e-none::before {
441
+ content: "";
442
+ }
443
+ .e-treelistgrid.e-print-grid-layout .e-treecolumn-container .e-icons:not(.e-frame) {
444
+ display: inline-block;
445
+ }
446
+ .e-treelistgrid.e-print-grid-layout .e-treegridexpand {
447
+ -webkit-transform: rotate(90deg);
448
+ transform: rotate(90deg);
449
+ }
450
+
415
451
  /* stylelint-disable-line no-empty-source */
416
- .e-bigger .e-treegrid .e-treegridexpand,
417
- .e-bigger .e-treegrid .e-treegridcollapse {
452
+ .e-bigger .e-treegrid .e-grid .e-treegridexpand,
453
+ .e-bigger .e-treegrid .e-grid .e-treegridcollapse {
418
454
  font-size: 10px;
419
455
  height: 18px;
420
456
  width: 18px;
421
457
  vertical-align: bottom;
422
458
  }
423
- .e-bigger .e-treegrid .e-hierarchycheckbox {
459
+ .e-bigger .e-treegrid .e-grid .e-hierarchycheckbox {
424
460
  padding-left: 2px;
425
461
  }
426
- .e-bigger .e-treegrid .e-hierarchycheckbox .e-frame {
462
+ .e-bigger .e-treegrid .e-grid .e-hierarchycheckbox .e-frame {
427
463
  font-size: 12px;
428
464
  line-height: 12px;
429
465
  padding: 2px 0;
430
466
  height: 20px;
431
467
  width: 20px;
432
468
  }
433
- .e-bigger .e-treegrid .e-treecell {
469
+ .e-bigger .e-treegrid .e-grid .e-treecell {
434
470
  line-height: 18px;
435
471
  }
436
- .e-bigger .e-treegrid .e-treecolumn-container span {
472
+ .e-bigger .e-treegrid .e-grid .e-treecolumn-container span {
437
473
  vertical-align: middle;
438
474
  }
@@ -155,9 +155,20 @@
155
155
  content: "\e72a";
156
156
  }
157
157
 
158
+ .e-treelistgrid.e-print-grid-layout .e-treegridexpand::before,
159
+ .e-treelistgrid.e-print-grid-layout .e-treegridcollapse::before {
160
+ content: "\e75c";
161
+ }
162
+
158
163
  .e-treegrid .e-icons.e-none::before {
159
164
  content: "";
160
165
  }
166
+ .e-treegrid .e-grid.e-default.e-draggable:not(.e-rtl) tr td.e-rowdragdrop.e-childborder:first-child:not(.e-dropbottom) {
167
+ border-left: 2px dashed #0078d4;
168
+ }
169
+ .e-treegrid .e-grid:not(.e-grid-min-height) .e-gridcontent tr.e-row.e-summaryrow .e-rowcell:empty {
170
+ height: auto;
171
+ }
161
172
  .e-treegrid .e-gridheader .e-headercell .e-css.e-hierarchycheckbox {
162
173
  height: 20px;
163
174
  padding-top: 0;
@@ -232,6 +243,9 @@
232
243
  .e-treegrid .e-cloneproperties .e-treecolumn-container span {
233
244
  vertical-align: text-top;
234
245
  }
246
+ .e-treegrid .e-cloneproperties .e-rowcell:not(.e-gridclip) .errorValue .e-treecolumn-container {
247
+ display: table-row;
248
+ }
235
249
  .e-treegrid .e-hierarchycheckbox .e-frame {
236
250
  font-size: 10px;
237
251
  height: 16px;
@@ -319,6 +333,9 @@
319
333
  position: relative;
320
334
  z-index: 1;
321
335
  }
336
+ .e-treegrid .e-gridcontent td.e-childborder.e-leftfreeze {
337
+ position: sticky;
338
+ }
322
339
  .e-treegrid .e-gridcontent td.e-rowcell.e-childborder.e-dragborder,
323
340
  .e-treegrid .e-gridcontent td.e-rowcell.e-dropbottom.e-dragborder td.e-rowdragdrop.e-dropbottom.e-dragborder {
324
341
  -webkit-box-shadow: 0 1px 0 0 #0078d4;
@@ -355,6 +372,11 @@
355
372
  position: relative;
356
373
  z-index: 1;
357
374
  }
375
+ .e-treegrid .e-gridcontent td.e-dropbottom:first-child.e-leftfreeze,
376
+ .e-treegrid .e-gridcontent td.e-rowcell.e-dropbottom.e-leftfreeze,
377
+ .e-treegrid .e-gridcontent td.e-dropbottom.e-leftfreeze {
378
+ position: sticky;
379
+ }
358
380
  .e-treegrid .e-gridcontent td.e-droptop:first-child,
359
381
  .e-treegrid .e-gridcontent td.e-rowcell.e-droptop {
360
382
  border-top-color: #0078d4;
@@ -443,6 +465,9 @@
443
465
  position: relative;
444
466
  z-index: 1;
445
467
  }
468
+ .e-treegrid .e-grid.e-rtl .e-gridcontent td.e-childborder.e-leftfreeze {
469
+ position: sticky;
470
+ }
446
471
  .e-treegrid .e-grid.e-rtl .e-gridcontent td.e-rowcell.e-dragborder,
447
472
  .e-treegrid .e-grid.e-rtl .e-gridcontent tr.e-row:first-child .e-rowcell.e-dragborder,
448
473
  .e-treegrid .e-grid.e-rtl .e-gridcontent .e-rowdragdrop.e-dragborder {
@@ -475,4 +500,15 @@
475
500
  border-bottom-color: #0078d4;
476
501
  }
477
502
 
503
+ .e-treelistgrid.e-print-grid-layout .e-icons.e-none::before {
504
+ content: "";
505
+ }
506
+ .e-treelistgrid.e-print-grid-layout .e-treecolumn-container .e-icons:not(.e-frame) {
507
+ display: inline-block;
508
+ }
509
+ .e-treelistgrid.e-print-grid-layout .e-treegridexpand {
510
+ -webkit-transform: rotate(90deg);
511
+ transform: rotate(90deg);
512
+ }
513
+
478
514
  /* stylelint-disable-line no-empty-source */
@@ -155,9 +155,20 @@
155
155
  content: "\e72a";
156
156
  }
157
157
 
158
+ .e-treelistgrid.e-print-grid-layout .e-treegridexpand::before,
159
+ .e-treelistgrid.e-print-grid-layout .e-treegridcollapse::before {
160
+ content: "\e75c";
161
+ }
162
+
158
163
  .e-treegrid .e-icons.e-none::before {
159
164
  content: "";
160
165
  }
166
+ .e-treegrid .e-grid.e-default.e-draggable:not(.e-rtl) tr td.e-rowdragdrop.e-childborder:first-child:not(.e-dropbottom) {
167
+ border-left: 2px dashed #0078d4;
168
+ }
169
+ .e-treegrid .e-grid:not(.e-grid-min-height) .e-gridcontent tr.e-row.e-summaryrow .e-rowcell:empty {
170
+ height: auto;
171
+ }
161
172
  .e-treegrid .e-gridheader .e-headercell .e-css.e-hierarchycheckbox {
162
173
  height: 20px;
163
174
  padding-top: 0;
@@ -232,6 +243,9 @@
232
243
  .e-treegrid .e-cloneproperties .e-treecolumn-container span {
233
244
  vertical-align: text-top;
234
245
  }
246
+ .e-treegrid .e-cloneproperties .e-rowcell:not(.e-gridclip) .errorValue .e-treecolumn-container {
247
+ display: table-row;
248
+ }
235
249
  .e-treegrid .e-hierarchycheckbox .e-frame {
236
250
  font-size: 10px;
237
251
  height: 16px;
@@ -319,6 +333,9 @@
319
333
  position: relative;
320
334
  z-index: 1;
321
335
  }
336
+ .e-treegrid .e-gridcontent td.e-childborder.e-leftfreeze {
337
+ position: sticky;
338
+ }
322
339
  .e-treegrid .e-gridcontent td.e-rowcell.e-childborder.e-dragborder,
323
340
  .e-treegrid .e-gridcontent td.e-rowcell.e-dropbottom.e-dragborder td.e-rowdragdrop.e-dropbottom.e-dragborder {
324
341
  -webkit-box-shadow: 0 1px 0 0 #0078d4;
@@ -355,6 +372,11 @@
355
372
  position: relative;
356
373
  z-index: 1;
357
374
  }
375
+ .e-treegrid .e-gridcontent td.e-dropbottom:first-child.e-leftfreeze,
376
+ .e-treegrid .e-gridcontent td.e-rowcell.e-dropbottom.e-leftfreeze,
377
+ .e-treegrid .e-gridcontent td.e-dropbottom.e-leftfreeze {
378
+ position: sticky;
379
+ }
358
380
  .e-treegrid .e-gridcontent td.e-droptop:first-child,
359
381
  .e-treegrid .e-gridcontent td.e-rowcell.e-droptop {
360
382
  border-top-color: #0078d4;
@@ -443,6 +465,9 @@
443
465
  position: relative;
444
466
  z-index: 1;
445
467
  }
468
+ .e-treegrid .e-grid.e-rtl .e-gridcontent td.e-childborder.e-leftfreeze {
469
+ position: sticky;
470
+ }
446
471
  .e-treegrid .e-grid.e-rtl .e-gridcontent td.e-rowcell.e-dragborder,
447
472
  .e-treegrid .e-grid.e-rtl .e-gridcontent tr.e-row:first-child .e-rowcell.e-dragborder,
448
473
  .e-treegrid .e-grid.e-rtl .e-gridcontent .e-rowdragdrop.e-dragborder {
@@ -475,31 +500,42 @@
475
500
  border-bottom-color: #0078d4;
476
501
  }
477
502
 
503
+ .e-treelistgrid.e-print-grid-layout .e-icons.e-none::before {
504
+ content: "";
505
+ }
506
+ .e-treelistgrid.e-print-grid-layout .e-treecolumn-container .e-icons:not(.e-frame) {
507
+ display: inline-block;
508
+ }
509
+ .e-treelistgrid.e-print-grid-layout .e-treegridexpand {
510
+ -webkit-transform: rotate(90deg);
511
+ transform: rotate(90deg);
512
+ }
513
+
478
514
  /* stylelint-disable-line no-empty-source */
479
- .e-bigger .e-treegrid .e-treegridexpand,
480
- .e-bigger .e-treegrid .e-treegridcollapse {
515
+ .e-bigger .e-treegrid .e-grid .e-treegridexpand,
516
+ .e-bigger .e-treegrid .e-grid .e-treegridcollapse {
481
517
  font-size: 22px;
482
518
  height: 22px;
483
519
  width: 22px;
484
520
  vertical-align: bottom;
485
521
  }
486
- .e-bigger .e-treegrid .e-hierarchycheckbox {
522
+ .e-bigger .e-treegrid .e-grid .e-hierarchycheckbox {
487
523
  padding-left: 2px;
488
524
  }
489
- .e-bigger .e-treegrid .e-hierarchycheckbox .e-frame {
525
+ .e-bigger .e-treegrid .e-grid .e-hierarchycheckbox .e-frame {
490
526
  font-size: 12px;
491
527
  line-height: 12px;
492
528
  padding: 2px 0;
493
529
  height: 18px;
494
530
  width: 18px;
495
531
  }
496
- .e-bigger .e-treegrid .e-treecell {
532
+ .e-bigger .e-treegrid .e-grid .e-treecell {
497
533
  line-height: 22px;
498
534
  }
499
- .e-bigger .e-treegrid .e-treecolumn-container span {
535
+ .e-bigger .e-treegrid .e-grid .e-treecolumn-container span {
500
536
  vertical-align: middle;
501
537
  }
502
- .e-bigger .e-treegrid .e-row[aria-expanded=true] .e-treecell {
538
+ .e-bigger .e-treegrid .e-grid .e-row[aria-expanded=true] .e-treecell {
503
539
  font-size: 16px;
504
540
  font-weight: bold;
505
541
  }
@@ -155,9 +155,20 @@
155
155
  content: "\e72a";
156
156
  }
157
157
 
158
+ .e-treelistgrid.e-print-grid-layout .e-treegridexpand::before,
159
+ .e-treelistgrid.e-print-grid-layout .e-treegridcollapse::before {
160
+ content: "\e75c";
161
+ }
162
+
158
163
  .e-treegrid .e-icons.e-none::before {
159
164
  content: "";
160
165
  }
166
+ .e-treegrid .e-grid.e-default.e-draggable:not(.e-rtl) tr td.e-rowdragdrop.e-childborder:first-child:not(.e-dropbottom) {
167
+ border-left: 2px dashed #0078d4;
168
+ }
169
+ .e-treegrid .e-grid:not(.e-grid-min-height) .e-gridcontent tr.e-row.e-summaryrow .e-rowcell:empty {
170
+ height: auto;
171
+ }
161
172
  .e-treegrid .e-gridheader .e-headercell .e-css.e-hierarchycheckbox {
162
173
  height: 20px;
163
174
  padding-top: 0;
@@ -232,6 +243,9 @@
232
243
  .e-treegrid .e-cloneproperties .e-treecolumn-container span {
233
244
  vertical-align: text-top;
234
245
  }
246
+ .e-treegrid .e-cloneproperties .e-rowcell:not(.e-gridclip) .errorValue .e-treecolumn-container {
247
+ display: table-row;
248
+ }
235
249
  .e-treegrid .e-hierarchycheckbox .e-frame {
236
250
  font-size: 10px;
237
251
  height: 16px;
@@ -319,6 +333,9 @@
319
333
  position: relative;
320
334
  z-index: 1;
321
335
  }
336
+ .e-treegrid .e-gridcontent td.e-childborder.e-leftfreeze {
337
+ position: sticky;
338
+ }
322
339
  .e-treegrid .e-gridcontent td.e-rowcell.e-childborder.e-dragborder,
323
340
  .e-treegrid .e-gridcontent td.e-rowcell.e-dropbottom.e-dragborder td.e-rowdragdrop.e-dropbottom.e-dragborder {
324
341
  -webkit-box-shadow: 0 1px 0 0 #0078d4;
@@ -355,6 +372,11 @@
355
372
  position: relative;
356
373
  z-index: 1;
357
374
  }
375
+ .e-treegrid .e-gridcontent td.e-dropbottom:first-child.e-leftfreeze,
376
+ .e-treegrid .e-gridcontent td.e-rowcell.e-dropbottom.e-leftfreeze,
377
+ .e-treegrid .e-gridcontent td.e-dropbottom.e-leftfreeze {
378
+ position: sticky;
379
+ }
358
380
  .e-treegrid .e-gridcontent td.e-droptop:first-child,
359
381
  .e-treegrid .e-gridcontent td.e-rowcell.e-droptop {
360
382
  border-top-color: #0078d4;
@@ -443,6 +465,9 @@
443
465
  position: relative;
444
466
  z-index: 1;
445
467
  }
468
+ .e-treegrid .e-grid.e-rtl .e-gridcontent td.e-childborder.e-leftfreeze {
469
+ position: sticky;
470
+ }
446
471
  .e-treegrid .e-grid.e-rtl .e-gridcontent td.e-rowcell.e-dragborder,
447
472
  .e-treegrid .e-grid.e-rtl .e-gridcontent tr.e-row:first-child .e-rowcell.e-dragborder,
448
473
  .e-treegrid .e-grid.e-rtl .e-gridcontent .e-rowdragdrop.e-dragborder {
@@ -475,4 +500,15 @@
475
500
  border-bottom-color: #0078d4;
476
501
  }
477
502
 
503
+ .e-treelistgrid.e-print-grid-layout .e-icons.e-none::before {
504
+ content: "";
505
+ }
506
+ .e-treelistgrid.e-print-grid-layout .e-treecolumn-container .e-icons:not(.e-frame) {
507
+ display: inline-block;
508
+ }
509
+ .e-treelistgrid.e-print-grid-layout .e-treegridexpand {
510
+ -webkit-transform: rotate(90deg);
511
+ transform: rotate(90deg);
512
+ }
513
+
478
514
  /* stylelint-disable-line no-empty-source */
package/styles/fluent.css CHANGED
@@ -155,9 +155,20 @@
155
155
  content: "\e72a";
156
156
  }
157
157
 
158
+ .e-treelistgrid.e-print-grid-layout .e-treegridexpand::before,
159
+ .e-treelistgrid.e-print-grid-layout .e-treegridcollapse::before {
160
+ content: "\e75c";
161
+ }
162
+
158
163
  .e-treegrid .e-icons.e-none::before {
159
164
  content: "";
160
165
  }
166
+ .e-treegrid .e-grid.e-default.e-draggable:not(.e-rtl) tr td.e-rowdragdrop.e-childborder:first-child:not(.e-dropbottom) {
167
+ border-left: 2px dashed #0078d4;
168
+ }
169
+ .e-treegrid .e-grid:not(.e-grid-min-height) .e-gridcontent tr.e-row.e-summaryrow .e-rowcell:empty {
170
+ height: auto;
171
+ }
161
172
  .e-treegrid .e-gridheader .e-headercell .e-css.e-hierarchycheckbox {
162
173
  height: 20px;
163
174
  padding-top: 0;
@@ -232,6 +243,9 @@
232
243
  .e-treegrid .e-cloneproperties .e-treecolumn-container span {
233
244
  vertical-align: text-top;
234
245
  }
246
+ .e-treegrid .e-cloneproperties .e-rowcell:not(.e-gridclip) .errorValue .e-treecolumn-container {
247
+ display: table-row;
248
+ }
235
249
  .e-treegrid .e-hierarchycheckbox .e-frame {
236
250
  font-size: 10px;
237
251
  height: 16px;
@@ -319,6 +333,9 @@
319
333
  position: relative;
320
334
  z-index: 1;
321
335
  }
336
+ .e-treegrid .e-gridcontent td.e-childborder.e-leftfreeze {
337
+ position: sticky;
338
+ }
322
339
  .e-treegrid .e-gridcontent td.e-rowcell.e-childborder.e-dragborder,
323
340
  .e-treegrid .e-gridcontent td.e-rowcell.e-dropbottom.e-dragborder td.e-rowdragdrop.e-dropbottom.e-dragborder {
324
341
  -webkit-box-shadow: 0 1px 0 0 #0078d4;
@@ -355,6 +372,11 @@
355
372
  position: relative;
356
373
  z-index: 1;
357
374
  }
375
+ .e-treegrid .e-gridcontent td.e-dropbottom:first-child.e-leftfreeze,
376
+ .e-treegrid .e-gridcontent td.e-rowcell.e-dropbottom.e-leftfreeze,
377
+ .e-treegrid .e-gridcontent td.e-dropbottom.e-leftfreeze {
378
+ position: sticky;
379
+ }
358
380
  .e-treegrid .e-gridcontent td.e-droptop:first-child,
359
381
  .e-treegrid .e-gridcontent td.e-rowcell.e-droptop {
360
382
  border-top-color: #0078d4;
@@ -443,6 +465,9 @@
443
465
  position: relative;
444
466
  z-index: 1;
445
467
  }
468
+ .e-treegrid .e-grid.e-rtl .e-gridcontent td.e-childborder.e-leftfreeze {
469
+ position: sticky;
470
+ }
446
471
  .e-treegrid .e-grid.e-rtl .e-gridcontent td.e-rowcell.e-dragborder,
447
472
  .e-treegrid .e-grid.e-rtl .e-gridcontent tr.e-row:first-child .e-rowcell.e-dragborder,
448
473
  .e-treegrid .e-grid.e-rtl .e-gridcontent .e-rowdragdrop.e-dragborder {
@@ -475,31 +500,42 @@
475
500
  border-bottom-color: #0078d4;
476
501
  }
477
502
 
503
+ .e-treelistgrid.e-print-grid-layout .e-icons.e-none::before {
504
+ content: "";
505
+ }
506
+ .e-treelistgrid.e-print-grid-layout .e-treecolumn-container .e-icons:not(.e-frame) {
507
+ display: inline-block;
508
+ }
509
+ .e-treelistgrid.e-print-grid-layout .e-treegridexpand {
510
+ -webkit-transform: rotate(90deg);
511
+ transform: rotate(90deg);
512
+ }
513
+
478
514
  /* stylelint-disable-line no-empty-source */
479
- .e-bigger .e-treegrid .e-treegridexpand,
480
- .e-bigger .e-treegrid .e-treegridcollapse {
515
+ .e-bigger .e-treegrid .e-grid .e-treegridexpand,
516
+ .e-bigger .e-treegrid .e-grid .e-treegridcollapse {
481
517
  font-size: 22px;
482
518
  height: 22px;
483
519
  width: 22px;
484
520
  vertical-align: bottom;
485
521
  }
486
- .e-bigger .e-treegrid .e-hierarchycheckbox {
522
+ .e-bigger .e-treegrid .e-grid .e-hierarchycheckbox {
487
523
  padding-left: 2px;
488
524
  }
489
- .e-bigger .e-treegrid .e-hierarchycheckbox .e-frame {
525
+ .e-bigger .e-treegrid .e-grid .e-hierarchycheckbox .e-frame {
490
526
  font-size: 12px;
491
527
  line-height: 12px;
492
528
  padding: 2px 0;
493
529
  height: 18px;
494
530
  width: 18px;
495
531
  }
496
- .e-bigger .e-treegrid .e-treecell {
532
+ .e-bigger .e-treegrid .e-grid .e-treecell {
497
533
  line-height: 22px;
498
534
  }
499
- .e-bigger .e-treegrid .e-treecolumn-container span {
535
+ .e-bigger .e-treegrid .e-grid .e-treecolumn-container span {
500
536
  vertical-align: middle;
501
537
  }
502
- .e-bigger .e-treegrid .e-row[aria-expanded=true] .e-treecell {
538
+ .e-bigger .e-treegrid .e-grid .e-row[aria-expanded=true] .e-treecell {
503
539
  font-size: 16px;
504
540
  font-weight: bold;
505
541
  }
@@ -338,9 +338,20 @@
338
338
  content: "\e72a";
339
339
  }
340
340
 
341
+ .e-treelistgrid.e-print-grid-layout .e-treegridexpand::before,
342
+ .e-treelistgrid.e-print-grid-layout .e-treegridcollapse::before {
343
+ content: "\e75c";
344
+ }
345
+
341
346
  .e-treegrid .e-icons.e-none::before {
342
347
  content: "";
343
348
  }
349
+ .e-treegrid .e-grid.e-default.e-draggable:not(.e-rtl) tr td.e-rowdragdrop.e-childborder:first-child:not(.e-dropbottom) {
350
+ border-left: 2px dashed var(--color-sf-primary);
351
+ }
352
+ .e-treegrid .e-grid:not(.e-grid-min-height) .e-gridcontent tr.e-row.e-summaryrow .e-rowcell:empty {
353
+ height: auto;
354
+ }
344
355
  .e-treegrid .e-gridheader .e-headercell .e-css.e-hierarchycheckbox {
345
356
  height: 20px;
346
357
  position: relative;
@@ -419,6 +430,9 @@
419
430
  .e-treegrid .e-cloneproperties .e-treecolumn-container span {
420
431
  vertical-align: text-top;
421
432
  }
433
+ .e-treegrid .e-cloneproperties .e-rowcell:not(.e-gridclip) .errorValue .e-treecolumn-container {
434
+ display: table-row;
435
+ }
422
436
  .e-treegrid .e-hierarchycheckbox .e-frame {
423
437
  height: 16px;
424
438
  width: 16px;
@@ -503,6 +517,9 @@
503
517
  position: relative;
504
518
  z-index: 1;
505
519
  }
520
+ .e-treegrid .e-gridcontent td.e-childborder.e-leftfreeze {
521
+ position: sticky;
522
+ }
506
523
  .e-treegrid .e-gridcontent td.e-rowcell.e-childborder.e-dragborder,
507
524
  .e-treegrid .e-gridcontent td.e-rowcell.e-dropbottom.e-dragborder td.e-rowdragdrop.e-dropbottom.e-dragborder {
508
525
  -webkit-box-shadow: 0 1px 0 0 var(--color-sf-primary);
@@ -539,6 +556,11 @@
539
556
  position: relative;
540
557
  z-index: 1;
541
558
  }
559
+ .e-treegrid .e-gridcontent td.e-dropbottom:first-child.e-leftfreeze,
560
+ .e-treegrid .e-gridcontent td.e-rowcell.e-dropbottom.e-leftfreeze,
561
+ .e-treegrid .e-gridcontent td.e-dropbottom.e-leftfreeze {
562
+ position: sticky;
563
+ }
542
564
  .e-treegrid .e-gridcontent td.e-droptop:first-child,
543
565
  .e-treegrid .e-gridcontent td.e-rowcell.e-droptop {
544
566
  border-top-color: var(--color-sf-primary);
@@ -630,6 +652,9 @@
630
652
  position: relative;
631
653
  z-index: 1;
632
654
  }
655
+ .e-treegrid .e-grid.e-rtl .e-gridcontent td.e-childborder.e-leftfreeze {
656
+ position: sticky;
657
+ }
633
658
  .e-treegrid .e-grid.e-rtl .e-gridcontent td.e-rowcell.e-dragborder,
634
659
  .e-treegrid .e-grid.e-rtl .e-gridcontent tr.e-row:first-child .e-rowcell.e-dragborder,
635
660
  .e-treegrid .e-grid.e-rtl .e-gridcontent .e-rowdragdrop.e-dragborder {
@@ -662,4 +687,15 @@
662
687
  border-bottom-color: var(--color-sf-primary);
663
688
  }
664
689
 
690
+ .e-treelistgrid.e-print-grid-layout .e-icons.e-none::before {
691
+ content: "";
692
+ }
693
+ .e-treelistgrid.e-print-grid-layout .e-treecolumn-container .e-icons:not(.e-frame) {
694
+ display: inline-block;
695
+ }
696
+ .e-treelistgrid.e-print-grid-layout .e-treegridexpand {
697
+ -webkit-transform: rotate(90deg);
698
+ transform: rotate(90deg);
699
+ }
700
+
665
701
  /* stylelint-disable-line no-empty-source */