@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
@@ -209,9 +209,20 @@
209
209
  content: "\e35d";
210
210
  }
211
211
 
212
+ .e-treelistgrid.e-print-grid-layout .e-treegridexpand::before,
213
+ .e-treelistgrid.e-print-grid-layout .e-treegridcollapse::before {
214
+ content: "\e848";
215
+ }
216
+
212
217
  .e-treegrid .e-icons.e-none::before {
213
218
  content: "";
214
219
  }
220
+ .e-treegrid .e-grid.e-default.e-draggable:not(.e-rtl) tr td.e-rowdragdrop.e-childborder:first-child:not(.e-dropbottom) {
221
+ border-left: 1px solid #e3165b;
222
+ }
223
+ .e-treegrid .e-grid:not(.e-grid-min-height) .e-gridcontent tr.e-row.e-summaryrow .e-rowcell:empty {
224
+ height: auto;
225
+ }
215
226
  .e-treegrid .e-gridheader .e-headercell .e-css.e-hierarchycheckbox {
216
227
  height: 20px;
217
228
  vertical-align: middle;
@@ -278,6 +289,9 @@
278
289
  .e-treegrid .e-cloneproperties .e-treecolumn-container span {
279
290
  vertical-align: text-top;
280
291
  }
292
+ .e-treegrid .e-cloneproperties .e-rowcell:not(.e-gridclip) .errorValue .e-treecolumn-container {
293
+ display: table-row;
294
+ }
281
295
  .e-treegrid .e-hierarchycheckbox .e-frame {
282
296
  height: 18px;
283
297
  width: 18px;
@@ -362,6 +376,9 @@
362
376
  position: relative;
363
377
  z-index: 1;
364
378
  }
379
+ .e-treegrid .e-gridcontent td.e-childborder.e-leftfreeze {
380
+ position: sticky;
381
+ }
365
382
  .e-treegrid .e-gridcontent td.e-rowcell.e-childborder.e-dragborder,
366
383
  .e-treegrid .e-gridcontent td.e-rowcell.e-dropbottom.e-dragborder td.e-rowdragdrop.e-dropbottom.e-dragborder {
367
384
  -webkit-box-shadow: 0 1px 0 0 #e3165b;
@@ -398,6 +415,11 @@
398
415
  position: relative;
399
416
  z-index: 1;
400
417
  }
418
+ .e-treegrid .e-gridcontent td.e-dropbottom:first-child.e-leftfreeze,
419
+ .e-treegrid .e-gridcontent td.e-rowcell.e-dropbottom.e-leftfreeze,
420
+ .e-treegrid .e-gridcontent td.e-dropbottom.e-leftfreeze {
421
+ position: sticky;
422
+ }
401
423
  .e-treegrid .e-gridcontent td.e-droptop:first-child,
402
424
  .e-treegrid .e-gridcontent td.e-rowcell.e-droptop {
403
425
  border-top-color: #e3165b;
@@ -486,6 +508,9 @@
486
508
  position: relative;
487
509
  z-index: 1;
488
510
  }
511
+ .e-treegrid .e-grid.e-rtl .e-gridcontent td.e-childborder.e-leftfreeze {
512
+ position: sticky;
513
+ }
489
514
  .e-treegrid .e-grid.e-rtl .e-gridcontent td.e-rowcell.e-dragborder,
490
515
  .e-treegrid .e-grid.e-rtl .e-gridcontent tr.e-row:first-child .e-rowcell.e-dragborder,
491
516
  .e-treegrid .e-grid.e-rtl .e-gridcontent .e-rowdragdrop.e-dragborder {
@@ -518,4 +543,15 @@
518
543
  border-bottom-color: #e3165b;
519
544
  }
520
545
 
546
+ .e-treelistgrid.e-print-grid-layout .e-icons.e-none::before {
547
+ content: "";
548
+ }
549
+ .e-treelistgrid.e-print-grid-layout .e-treecolumn-container .e-icons:not(.e-frame) {
550
+ display: inline-block;
551
+ }
552
+ .e-treelistgrid.e-print-grid-layout .e-treegridexpand {
553
+ -webkit-transform: rotate(90deg);
554
+ transform: rotate(90deg);
555
+ }
556
+
521
557
  /* stylelint-disable-line no-empty-source */
@@ -209,9 +209,20 @@
209
209
  content: "\e35d";
210
210
  }
211
211
 
212
+ .e-treelistgrid.e-print-grid-layout .e-treegridexpand::before,
213
+ .e-treelistgrid.e-print-grid-layout .e-treegridcollapse::before {
214
+ content: "\e848";
215
+ }
216
+
212
217
  .e-treegrid .e-icons.e-none::before {
213
218
  content: "";
214
219
  }
220
+ .e-treegrid .e-grid.e-default.e-draggable:not(.e-rtl) tr td.e-rowdragdrop.e-childborder:first-child:not(.e-dropbottom) {
221
+ border-left: 1px solid #e3165b;
222
+ }
223
+ .e-treegrid .e-grid:not(.e-grid-min-height) .e-gridcontent tr.e-row.e-summaryrow .e-rowcell:empty {
224
+ height: auto;
225
+ }
215
226
  .e-treegrid .e-gridheader .e-headercell .e-css.e-hierarchycheckbox {
216
227
  height: 20px;
217
228
  vertical-align: middle;
@@ -278,6 +289,9 @@
278
289
  .e-treegrid .e-cloneproperties .e-treecolumn-container span {
279
290
  vertical-align: text-top;
280
291
  }
292
+ .e-treegrid .e-cloneproperties .e-rowcell:not(.e-gridclip) .errorValue .e-treecolumn-container {
293
+ display: table-row;
294
+ }
281
295
  .e-treegrid .e-hierarchycheckbox .e-frame {
282
296
  height: 18px;
283
297
  width: 18px;
@@ -362,6 +376,9 @@
362
376
  position: relative;
363
377
  z-index: 1;
364
378
  }
379
+ .e-treegrid .e-gridcontent td.e-childborder.e-leftfreeze {
380
+ position: sticky;
381
+ }
365
382
  .e-treegrid .e-gridcontent td.e-rowcell.e-childborder.e-dragborder,
366
383
  .e-treegrid .e-gridcontent td.e-rowcell.e-dropbottom.e-dragborder td.e-rowdragdrop.e-dropbottom.e-dragborder {
367
384
  -webkit-box-shadow: 0 1px 0 0 #e3165b;
@@ -398,6 +415,11 @@
398
415
  position: relative;
399
416
  z-index: 1;
400
417
  }
418
+ .e-treegrid .e-gridcontent td.e-dropbottom:first-child.e-leftfreeze,
419
+ .e-treegrid .e-gridcontent td.e-rowcell.e-dropbottom.e-leftfreeze,
420
+ .e-treegrid .e-gridcontent td.e-dropbottom.e-leftfreeze {
421
+ position: sticky;
422
+ }
401
423
  .e-treegrid .e-gridcontent td.e-droptop:first-child,
402
424
  .e-treegrid .e-gridcontent td.e-rowcell.e-droptop {
403
425
  border-top-color: #e3165b;
@@ -486,6 +508,9 @@
486
508
  position: relative;
487
509
  z-index: 1;
488
510
  }
511
+ .e-treegrid .e-grid.e-rtl .e-gridcontent td.e-childborder.e-leftfreeze {
512
+ position: sticky;
513
+ }
489
514
  .e-treegrid .e-grid.e-rtl .e-gridcontent td.e-rowcell.e-dragborder,
490
515
  .e-treegrid .e-grid.e-rtl .e-gridcontent tr.e-row:first-child .e-rowcell.e-dragborder,
491
516
  .e-treegrid .e-grid.e-rtl .e-gridcontent .e-rowdragdrop.e-dragborder {
@@ -518,24 +543,35 @@
518
543
  border-bottom-color: #e3165b;
519
544
  }
520
545
 
546
+ .e-treelistgrid.e-print-grid-layout .e-icons.e-none::before {
547
+ content: "";
548
+ }
549
+ .e-treelistgrid.e-print-grid-layout .e-treecolumn-container .e-icons:not(.e-frame) {
550
+ display: inline-block;
551
+ }
552
+ .e-treelistgrid.e-print-grid-layout .e-treegridexpand {
553
+ -webkit-transform: rotate(90deg);
554
+ transform: rotate(90deg);
555
+ }
556
+
521
557
  /* stylelint-disable-line no-empty-source */
522
- .e-bigger .e-treegrid .e-treegridexpand,
523
- .e-bigger .e-treegrid .e-treegridcollapse {
558
+ .e-bigger .e-treegrid .e-grid .e-treegridexpand,
559
+ .e-bigger .e-treegrid .e-grid .e-treegridcollapse {
524
560
  font-size: 10px;
525
561
  height: 18px;
526
562
  width: 18px;
527
563
  vertical-align: bottom;
528
564
  }
529
- .e-bigger .e-treegrid .e-hierarchycheckbox {
565
+ .e-bigger .e-treegrid .e-grid .e-hierarchycheckbox {
530
566
  padding-left: 2px;
531
567
  }
532
- .e-bigger .e-treegrid .e-hierarchycheckbox .e-frame {
568
+ .e-bigger .e-treegrid .e-grid .e-hierarchycheckbox .e-frame {
533
569
  height: 20px;
534
570
  width: 20px;
535
571
  }
536
- .e-bigger .e-treegrid .e-treecell {
572
+ .e-bigger .e-treegrid .e-grid .e-treecell {
537
573
  line-height: 18px;
538
574
  }
539
- .e-bigger .e-treegrid .e-treecolumn-container span {
575
+ .e-bigger .e-treegrid .e-grid .e-treecolumn-container span {
540
576
  vertical-align: middle;
541
577
  }
@@ -196,9 +196,20 @@
196
196
  content: "\e72a";
197
197
  }
198
198
 
199
+ .e-treelistgrid.e-print-grid-layout .e-treegridexpand::before,
200
+ .e-treelistgrid.e-print-grid-layout .e-treegridcollapse::before {
201
+ content: "\e748";
202
+ }
203
+
199
204
  .e-treegrid .e-icons.e-none::before {
200
205
  content: "";
201
206
  }
207
+ .e-treegrid .e-grid.e-default.e-draggable:not(.e-rtl) tr td.e-rowdragdrop.e-childborder:first-child:not(.e-dropbottom) {
208
+ border-left: 2px dashed rgba(var(--color-sf-primary));
209
+ }
210
+ .e-treegrid .e-grid:not(.e-grid-min-height) .e-gridcontent tr.e-row.e-summaryrow .e-rowcell:empty {
211
+ height: auto;
212
+ }
202
213
  .e-treegrid .e-gridheader .e-headercell .e-css.e-hierarchycheckbox {
203
214
  height: 20px;
204
215
  vertical-align: middle;
@@ -265,6 +276,9 @@
265
276
  .e-treegrid .e-cloneproperties .e-treecolumn-container span {
266
277
  vertical-align: text-top;
267
278
  }
279
+ .e-treegrid .e-cloneproperties .e-rowcell:not(.e-gridclip) .errorValue .e-treecolumn-container {
280
+ display: table-row;
281
+ }
268
282
  .e-treegrid .e-hierarchycheckbox .e-frame {
269
283
  height: 14px;
270
284
  width: 14px;
@@ -349,6 +363,9 @@
349
363
  position: relative;
350
364
  z-index: 1;
351
365
  }
366
+ .e-treegrid .e-gridcontent td.e-childborder.e-leftfreeze {
367
+ position: sticky;
368
+ }
352
369
  .e-treegrid .e-gridcontent td.e-rowcell.e-childborder.e-dragborder,
353
370
  .e-treegrid .e-gridcontent td.e-rowcell.e-dropbottom.e-dragborder td.e-rowdragdrop.e-dropbottom.e-dragborder {
354
371
  -webkit-box-shadow: 0 1px 0 0 rgba(var(--color-sf-primary));
@@ -385,6 +402,11 @@
385
402
  position: relative;
386
403
  z-index: 1;
387
404
  }
405
+ .e-treegrid .e-gridcontent td.e-dropbottom:first-child.e-leftfreeze,
406
+ .e-treegrid .e-gridcontent td.e-rowcell.e-dropbottom.e-leftfreeze,
407
+ .e-treegrid .e-gridcontent td.e-dropbottom.e-leftfreeze {
408
+ position: sticky;
409
+ }
388
410
  .e-treegrid .e-gridcontent td.e-droptop:first-child,
389
411
  .e-treegrid .e-gridcontent td.e-rowcell.e-droptop {
390
412
  border-top-color: rgba(var(--color-sf-primary));
@@ -473,6 +495,9 @@
473
495
  position: relative;
474
496
  z-index: 1;
475
497
  }
498
+ .e-treegrid .e-grid.e-rtl .e-gridcontent td.e-childborder.e-leftfreeze {
499
+ position: sticky;
500
+ }
476
501
  .e-treegrid .e-grid.e-rtl .e-gridcontent td.e-rowcell.e-dragborder,
477
502
  .e-treegrid .e-grid.e-rtl .e-gridcontent tr.e-row:first-child .e-rowcell.e-dragborder,
478
503
  .e-treegrid .e-grid.e-rtl .e-gridcontent .e-rowdragdrop.e-dragborder {
@@ -505,4 +530,15 @@
505
530
  border-bottom-color: rgba(var(--color-sf-primary));
506
531
  }
507
532
 
533
+ .e-treelistgrid.e-print-grid-layout .e-icons.e-none::before {
534
+ content: "";
535
+ }
536
+ .e-treelistgrid.e-print-grid-layout .e-treecolumn-container .e-icons:not(.e-frame) {
537
+ display: inline-block;
538
+ }
539
+ .e-treelistgrid.e-print-grid-layout .e-treegridexpand {
540
+ -webkit-transform: rotate(90deg);
541
+ transform: rotate(90deg);
542
+ }
543
+
508
544
  /* stylelint-disable-line no-empty-source */
@@ -196,9 +196,20 @@
196
196
  content: "\e72a";
197
197
  }
198
198
 
199
+ .e-treelistgrid.e-print-grid-layout .e-treegridexpand::before,
200
+ .e-treelistgrid.e-print-grid-layout .e-treegridcollapse::before {
201
+ content: "\e748";
202
+ }
203
+
199
204
  .e-treegrid .e-icons.e-none::before {
200
205
  content: "";
201
206
  }
207
+ .e-treegrid .e-grid.e-default.e-draggable:not(.e-rtl) tr td.e-rowdragdrop.e-childborder:first-child:not(.e-dropbottom) {
208
+ border-left: 2px dashed rgba(var(--color-sf-primary));
209
+ }
210
+ .e-treegrid .e-grid:not(.e-grid-min-height) .e-gridcontent tr.e-row.e-summaryrow .e-rowcell:empty {
211
+ height: auto;
212
+ }
202
213
  .e-treegrid .e-gridheader .e-headercell .e-css.e-hierarchycheckbox {
203
214
  height: 20px;
204
215
  vertical-align: middle;
@@ -265,6 +276,9 @@
265
276
  .e-treegrid .e-cloneproperties .e-treecolumn-container span {
266
277
  vertical-align: text-top;
267
278
  }
279
+ .e-treegrid .e-cloneproperties .e-rowcell:not(.e-gridclip) .errorValue .e-treecolumn-container {
280
+ display: table-row;
281
+ }
268
282
  .e-treegrid .e-hierarchycheckbox .e-frame {
269
283
  height: 14px;
270
284
  width: 14px;
@@ -349,6 +363,9 @@
349
363
  position: relative;
350
364
  z-index: 1;
351
365
  }
366
+ .e-treegrid .e-gridcontent td.e-childborder.e-leftfreeze {
367
+ position: sticky;
368
+ }
352
369
  .e-treegrid .e-gridcontent td.e-rowcell.e-childborder.e-dragborder,
353
370
  .e-treegrid .e-gridcontent td.e-rowcell.e-dropbottom.e-dragborder td.e-rowdragdrop.e-dropbottom.e-dragborder {
354
371
  -webkit-box-shadow: 0 1px 0 0 rgba(var(--color-sf-primary));
@@ -385,6 +402,11 @@
385
402
  position: relative;
386
403
  z-index: 1;
387
404
  }
405
+ .e-treegrid .e-gridcontent td.e-dropbottom:first-child.e-leftfreeze,
406
+ .e-treegrid .e-gridcontent td.e-rowcell.e-dropbottom.e-leftfreeze,
407
+ .e-treegrid .e-gridcontent td.e-dropbottom.e-leftfreeze {
408
+ position: sticky;
409
+ }
388
410
  .e-treegrid .e-gridcontent td.e-droptop:first-child,
389
411
  .e-treegrid .e-gridcontent td.e-rowcell.e-droptop {
390
412
  border-top-color: rgba(var(--color-sf-primary));
@@ -473,6 +495,9 @@
473
495
  position: relative;
474
496
  z-index: 1;
475
497
  }
498
+ .e-treegrid .e-grid.e-rtl .e-gridcontent td.e-childborder.e-leftfreeze {
499
+ position: sticky;
500
+ }
476
501
  .e-treegrid .e-grid.e-rtl .e-gridcontent td.e-rowcell.e-dragborder,
477
502
  .e-treegrid .e-grid.e-rtl .e-gridcontent tr.e-row:first-child .e-rowcell.e-dragborder,
478
503
  .e-treegrid .e-grid.e-rtl .e-gridcontent .e-rowdragdrop.e-dragborder {
@@ -505,24 +530,35 @@
505
530
  border-bottom-color: rgba(var(--color-sf-primary));
506
531
  }
507
532
 
533
+ .e-treelistgrid.e-print-grid-layout .e-icons.e-none::before {
534
+ content: "";
535
+ }
536
+ .e-treelistgrid.e-print-grid-layout .e-treecolumn-container .e-icons:not(.e-frame) {
537
+ display: inline-block;
538
+ }
539
+ .e-treelistgrid.e-print-grid-layout .e-treegridexpand {
540
+ -webkit-transform: rotate(90deg);
541
+ transform: rotate(90deg);
542
+ }
543
+
508
544
  /* stylelint-disable-line no-empty-source */
509
- .e-bigger .e-treegrid .e-treegridexpand,
510
- .e-bigger .e-treegrid .e-treegridcollapse {
545
+ .e-bigger .e-treegrid .e-grid .e-treegridexpand,
546
+ .e-bigger .e-treegrid .e-grid .e-treegridcollapse {
511
547
  font-size: 22px;
512
548
  height: 20px;
513
549
  width: 20px;
514
550
  vertical-align: bottom;
515
551
  }
516
- .e-bigger .e-treegrid .e-hierarchycheckbox {
552
+ .e-bigger .e-treegrid .e-grid .e-hierarchycheckbox {
517
553
  padding-left: 2px;
518
554
  }
519
- .e-bigger .e-treegrid .e-hierarchycheckbox .e-frame {
555
+ .e-bigger .e-treegrid .e-grid .e-hierarchycheckbox .e-frame {
520
556
  height: 18px;
521
557
  width: 18px;
522
558
  }
523
- .e-bigger .e-treegrid .e-treecell {
559
+ .e-bigger .e-treegrid .e-grid .e-treecell {
524
560
  line-height: 20px;
525
561
  }
526
- .e-bigger .e-treegrid .e-treecolumn-container span {
562
+ .e-bigger .e-treegrid .e-grid .e-treecolumn-container span {
527
563
  vertical-align: middle;
528
564
  }
@@ -198,9 +198,20 @@
198
198
  content: "\e72a";
199
199
  }
200
200
 
201
+ .e-treelistgrid.e-print-grid-layout .e-treegridexpand::before,
202
+ .e-treelistgrid.e-print-grid-layout .e-treegridcollapse::before {
203
+ content: "\e748";
204
+ }
205
+
201
206
  .e-treegrid .e-icons.e-none::before {
202
207
  content: "";
203
208
  }
209
+ .e-treegrid .e-grid.e-default.e-draggable:not(.e-rtl) tr td.e-rowdragdrop.e-childborder:first-child:not(.e-dropbottom) {
210
+ border-left: 2px dashed rgba(var(--color-sf-primary));
211
+ }
212
+ .e-treegrid .e-grid:not(.e-grid-min-height) .e-gridcontent tr.e-row.e-summaryrow .e-rowcell:empty {
213
+ height: auto;
214
+ }
204
215
  .e-treegrid .e-gridheader .e-headercell .e-css.e-hierarchycheckbox {
205
216
  height: 20px;
206
217
  vertical-align: middle;
@@ -267,6 +278,9 @@
267
278
  .e-treegrid .e-cloneproperties .e-treecolumn-container span {
268
279
  vertical-align: text-top;
269
280
  }
281
+ .e-treegrid .e-cloneproperties .e-rowcell:not(.e-gridclip) .errorValue .e-treecolumn-container {
282
+ display: table-row;
283
+ }
270
284
  .e-treegrid .e-hierarchycheckbox .e-frame {
271
285
  height: 14px;
272
286
  width: 14px;
@@ -351,6 +365,9 @@
351
365
  position: relative;
352
366
  z-index: 1;
353
367
  }
368
+ .e-treegrid .e-gridcontent td.e-childborder.e-leftfreeze {
369
+ position: sticky;
370
+ }
354
371
  .e-treegrid .e-gridcontent td.e-rowcell.e-childborder.e-dragborder,
355
372
  .e-treegrid .e-gridcontent td.e-rowcell.e-dropbottom.e-dragborder td.e-rowdragdrop.e-dropbottom.e-dragborder {
356
373
  -webkit-box-shadow: 0 1px 0 0 rgba(var(--color-sf-primary));
@@ -387,6 +404,11 @@
387
404
  position: relative;
388
405
  z-index: 1;
389
406
  }
407
+ .e-treegrid .e-gridcontent td.e-dropbottom:first-child.e-leftfreeze,
408
+ .e-treegrid .e-gridcontent td.e-rowcell.e-dropbottom.e-leftfreeze,
409
+ .e-treegrid .e-gridcontent td.e-dropbottom.e-leftfreeze {
410
+ position: sticky;
411
+ }
390
412
  .e-treegrid .e-gridcontent td.e-droptop:first-child,
391
413
  .e-treegrid .e-gridcontent td.e-rowcell.e-droptop {
392
414
  border-top-color: rgba(var(--color-sf-primary));
@@ -475,6 +497,9 @@
475
497
  position: relative;
476
498
  z-index: 1;
477
499
  }
500
+ .e-treegrid .e-grid.e-rtl .e-gridcontent td.e-childborder.e-leftfreeze {
501
+ position: sticky;
502
+ }
478
503
  .e-treegrid .e-grid.e-rtl .e-gridcontent td.e-rowcell.e-dragborder,
479
504
  .e-treegrid .e-grid.e-rtl .e-gridcontent tr.e-row:first-child .e-rowcell.e-dragborder,
480
505
  .e-treegrid .e-grid.e-rtl .e-gridcontent .e-rowdragdrop.e-dragborder {
@@ -507,4 +532,15 @@
507
532
  border-bottom-color: rgba(var(--color-sf-primary));
508
533
  }
509
534
 
535
+ .e-treelistgrid.e-print-grid-layout .e-icons.e-none::before {
536
+ content: "";
537
+ }
538
+ .e-treelistgrid.e-print-grid-layout .e-treecolumn-container .e-icons:not(.e-frame) {
539
+ display: inline-block;
540
+ }
541
+ .e-treelistgrid.e-print-grid-layout .e-treegridexpand {
542
+ -webkit-transform: rotate(90deg);
543
+ transform: rotate(90deg);
544
+ }
545
+
510
546
  /* stylelint-disable-line no-empty-source */
@@ -198,9 +198,20 @@
198
198
  content: "\e72a";
199
199
  }
200
200
 
201
+ .e-treelistgrid.e-print-grid-layout .e-treegridexpand::before,
202
+ .e-treelistgrid.e-print-grid-layout .e-treegridcollapse::before {
203
+ content: "\e748";
204
+ }
205
+
201
206
  .e-treegrid .e-icons.e-none::before {
202
207
  content: "";
203
208
  }
209
+ .e-treegrid .e-grid.e-default.e-draggable:not(.e-rtl) tr td.e-rowdragdrop.e-childborder:first-child:not(.e-dropbottom) {
210
+ border-left: 2px dashed rgba(var(--color-sf-primary));
211
+ }
212
+ .e-treegrid .e-grid:not(.e-grid-min-height) .e-gridcontent tr.e-row.e-summaryrow .e-rowcell:empty {
213
+ height: auto;
214
+ }
204
215
  .e-treegrid .e-gridheader .e-headercell .e-css.e-hierarchycheckbox {
205
216
  height: 20px;
206
217
  vertical-align: middle;
@@ -267,6 +278,9 @@
267
278
  .e-treegrid .e-cloneproperties .e-treecolumn-container span {
268
279
  vertical-align: text-top;
269
280
  }
281
+ .e-treegrid .e-cloneproperties .e-rowcell:not(.e-gridclip) .errorValue .e-treecolumn-container {
282
+ display: table-row;
283
+ }
270
284
  .e-treegrid .e-hierarchycheckbox .e-frame {
271
285
  height: 14px;
272
286
  width: 14px;
@@ -351,6 +365,9 @@
351
365
  position: relative;
352
366
  z-index: 1;
353
367
  }
368
+ .e-treegrid .e-gridcontent td.e-childborder.e-leftfreeze {
369
+ position: sticky;
370
+ }
354
371
  .e-treegrid .e-gridcontent td.e-rowcell.e-childborder.e-dragborder,
355
372
  .e-treegrid .e-gridcontent td.e-rowcell.e-dropbottom.e-dragborder td.e-rowdragdrop.e-dropbottom.e-dragborder {
356
373
  -webkit-box-shadow: 0 1px 0 0 rgba(var(--color-sf-primary));
@@ -387,6 +404,11 @@
387
404
  position: relative;
388
405
  z-index: 1;
389
406
  }
407
+ .e-treegrid .e-gridcontent td.e-dropbottom:first-child.e-leftfreeze,
408
+ .e-treegrid .e-gridcontent td.e-rowcell.e-dropbottom.e-leftfreeze,
409
+ .e-treegrid .e-gridcontent td.e-dropbottom.e-leftfreeze {
410
+ position: sticky;
411
+ }
390
412
  .e-treegrid .e-gridcontent td.e-droptop:first-child,
391
413
  .e-treegrid .e-gridcontent td.e-rowcell.e-droptop {
392
414
  border-top-color: rgba(var(--color-sf-primary));
@@ -475,6 +497,9 @@
475
497
  position: relative;
476
498
  z-index: 1;
477
499
  }
500
+ .e-treegrid .e-grid.e-rtl .e-gridcontent td.e-childborder.e-leftfreeze {
501
+ position: sticky;
502
+ }
478
503
  .e-treegrid .e-grid.e-rtl .e-gridcontent td.e-rowcell.e-dragborder,
479
504
  .e-treegrid .e-grid.e-rtl .e-gridcontent tr.e-row:first-child .e-rowcell.e-dragborder,
480
505
  .e-treegrid .e-grid.e-rtl .e-gridcontent .e-rowdragdrop.e-dragborder {
@@ -507,24 +532,35 @@
507
532
  border-bottom-color: rgba(var(--color-sf-primary));
508
533
  }
509
534
 
535
+ .e-treelistgrid.e-print-grid-layout .e-icons.e-none::before {
536
+ content: "";
537
+ }
538
+ .e-treelistgrid.e-print-grid-layout .e-treecolumn-container .e-icons:not(.e-frame) {
539
+ display: inline-block;
540
+ }
541
+ .e-treelistgrid.e-print-grid-layout .e-treegridexpand {
542
+ -webkit-transform: rotate(90deg);
543
+ transform: rotate(90deg);
544
+ }
545
+
510
546
  /* stylelint-disable-line no-empty-source */
511
- .e-bigger .e-treegrid .e-treegridexpand,
512
- .e-bigger .e-treegrid .e-treegridcollapse {
547
+ .e-bigger .e-treegrid .e-grid .e-treegridexpand,
548
+ .e-bigger .e-treegrid .e-grid .e-treegridcollapse {
513
549
  font-size: 22px;
514
550
  height: 20px;
515
551
  width: 20px;
516
552
  vertical-align: bottom;
517
553
  }
518
- .e-bigger .e-treegrid .e-hierarchycheckbox {
554
+ .e-bigger .e-treegrid .e-grid .e-hierarchycheckbox {
519
555
  padding-left: 2px;
520
556
  }
521
- .e-bigger .e-treegrid .e-hierarchycheckbox .e-frame {
557
+ .e-bigger .e-treegrid .e-grid .e-hierarchycheckbox .e-frame {
522
558
  height: 18px;
523
559
  width: 18px;
524
560
  }
525
- .e-bigger .e-treegrid .e-treecell {
561
+ .e-bigger .e-treegrid .e-grid .e-treecell {
526
562
  line-height: 20px;
527
563
  }
528
- .e-bigger .e-treegrid .e-treecolumn-container span {
564
+ .e-bigger .e-treegrid .e-grid .e-treecolumn-container span {
529
565
  vertical-align: middle;
530
566
  }
@@ -136,9 +136,20 @@
136
136
  content: "\e72a";
137
137
  }
138
138
 
139
+ .e-treelistgrid.e-print-grid-layout .e-treegridexpand::before,
140
+ .e-treelistgrid.e-print-grid-layout .e-treegridcollapse::before {
141
+ content: "\e75c";
142
+ }
143
+
139
144
  .e-treegrid .e-icons.e-none::before {
140
145
  content: "";
141
146
  }
147
+ .e-treegrid .e-grid.e-default.e-draggable:not(.e-rtl) tr td.e-rowdragdrop.e-childborder:first-child:not(.e-dropbottom) {
148
+ border-left: 2px solid #4f46e5;
149
+ }
150
+ .e-treegrid .e-grid:not(.e-grid-min-height) .e-gridcontent tr.e-row.e-summaryrow .e-rowcell:empty {
151
+ height: auto;
152
+ }
142
153
  .e-treegrid .e-gridheader .e-headercell .e-css.e-hierarchycheckbox {
143
154
  height: 20px;
144
155
  vertical-align: middle;
@@ -205,6 +216,9 @@
205
216
  .e-treegrid .e-cloneproperties .e-treecolumn-container span {
206
217
  vertical-align: text-top;
207
218
  }
219
+ .e-treegrid .e-cloneproperties .e-rowcell:not(.e-gridclip) .errorValue .e-treecolumn-container {
220
+ display: table-row;
221
+ }
208
222
  .e-treegrid .e-hierarchycheckbox .e-frame {
209
223
  height: 16px;
210
224
  width: 16px;
@@ -289,6 +303,9 @@
289
303
  position: relative;
290
304
  z-index: 1;
291
305
  }
306
+ .e-treegrid .e-gridcontent td.e-childborder.e-leftfreeze {
307
+ position: sticky;
308
+ }
292
309
  .e-treegrid .e-gridcontent td.e-rowcell.e-childborder.e-dragborder,
293
310
  .e-treegrid .e-gridcontent td.e-rowcell.e-dropbottom.e-dragborder td.e-rowdragdrop.e-dropbottom.e-dragborder {
294
311
  -webkit-box-shadow: 0 1px 0 0 #22d3ee;
@@ -325,6 +342,11 @@
325
342
  position: relative;
326
343
  z-index: 1;
327
344
  }
345
+ .e-treegrid .e-gridcontent td.e-dropbottom:first-child.e-leftfreeze,
346
+ .e-treegrid .e-gridcontent td.e-rowcell.e-dropbottom.e-leftfreeze,
347
+ .e-treegrid .e-gridcontent td.e-dropbottom.e-leftfreeze {
348
+ position: sticky;
349
+ }
328
350
  .e-treegrid .e-gridcontent td.e-droptop:first-child,
329
351
  .e-treegrid .e-gridcontent td.e-rowcell.e-droptop {
330
352
  border-top-color: #22d3ee;
@@ -413,6 +435,9 @@
413
435
  position: relative;
414
436
  z-index: 1;
415
437
  }
438
+ .e-treegrid .e-grid.e-rtl .e-gridcontent td.e-childborder.e-leftfreeze {
439
+ position: sticky;
440
+ }
416
441
  .e-treegrid .e-grid.e-rtl .e-gridcontent td.e-rowcell.e-dragborder,
417
442
  .e-treegrid .e-grid.e-rtl .e-gridcontent tr.e-row:first-child .e-rowcell.e-dragborder,
418
443
  .e-treegrid .e-grid.e-rtl .e-gridcontent .e-rowdragdrop.e-dragborder {
@@ -445,4 +470,15 @@
445
470
  border-bottom-color: #22d3ee;
446
471
  }
447
472
 
473
+ .e-treelistgrid.e-print-grid-layout .e-icons.e-none::before {
474
+ content: "";
475
+ }
476
+ .e-treelistgrid.e-print-grid-layout .e-treecolumn-container .e-icons:not(.e-frame) {
477
+ display: inline-block;
478
+ }
479
+ .e-treelistgrid.e-print-grid-layout .e-treegridexpand {
480
+ -webkit-transform: rotate(90deg);
481
+ transform: rotate(90deg);
482
+ }
483
+
448
484
  /* stylelint-disable-line no-empty-source */