@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
@@ -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,30 +687,41 @@
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 */
666
- .e-bigger .e-treegrid .e-treegridexpand,
667
- .e-bigger .e-treegrid .e-treegridcollapse {
702
+ .e-bigger .e-treegrid .e-grid .e-treegridexpand,
703
+ .e-bigger .e-treegrid .e-grid .e-treegridcollapse {
668
704
  font-size: 20px;
669
705
  height: 20px;
670
706
  width: 20px;
671
707
  vertical-align: bottom;
672
708
  }
673
- .e-bigger .e-treegrid .e-hierarchycheckbox {
709
+ .e-bigger .e-treegrid .e-grid .e-hierarchycheckbox {
674
710
  padding-left: 2px;
675
711
  }
676
- .e-bigger .e-treegrid .e-hierarchycheckbox .e-frame {
712
+ .e-bigger .e-treegrid .e-grid .e-hierarchycheckbox .e-frame {
677
713
  height: 20px;
678
714
  width: 20px;
679
715
  }
680
- .e-bigger .e-treegrid .e-treecell {
716
+ .e-bigger .e-treegrid .e-grid .e-treecell {
681
717
  line-height: 20px;
682
718
  }
683
- .e-bigger .e-treegrid .e-treecolumn-container span {
719
+ .e-bigger .e-treegrid .e-grid .e-treecolumn-container span {
684
720
  vertical-align: middle;
685
721
  }
686
- .e-bigger .e-treegrid .e-gridcontent .e-rowcell {
722
+ .e-bigger .e-treegrid .e-grid .e-gridcontent .e-rowcell {
687
723
  line-height: 19px;
688
724
  }
689
- .e-bigger .e-treegrid .e-gridheader .e-headercell .e-css.e-hierarchycheckbox {
725
+ .e-bigger .e-treegrid .e-grid .e-gridheader .e-headercell .e-css.e-hierarchycheckbox {
690
726
  bottom: 12px;
691
727
  }
@@ -109,9 +109,20 @@
109
109
  content: "\e35d";
110
110
  }
111
111
 
112
+ .e-treelistgrid.e-print-grid-layout .e-treegridexpand::before,
113
+ .e-treelistgrid.e-print-grid-layout .e-treegridcollapse::before {
114
+ content: "\e22e";
115
+ }
116
+
112
117
  .e-treegrid .e-icons.e-none::before {
113
118
  content: "";
114
119
  }
120
+ .e-treegrid .e-grid.e-default.e-draggable:not(.e-rtl) tr td.e-rowdragdrop.e-childborder:first-child:not(.e-dropbottom) {
121
+ border-left: 1px solid #400074;
122
+ }
123
+ .e-treegrid .e-grid:not(.e-grid-min-height) .e-gridcontent tr.e-row.e-summaryrow .e-rowcell:empty {
124
+ height: auto;
125
+ }
115
126
  .e-treegrid .e-gridheader .e-headercell .e-css.e-hierarchycheckbox {
116
127
  height: 20px;
117
128
  vertical-align: middle;
@@ -178,6 +189,9 @@
178
189
  .e-treegrid .e-cloneproperties .e-treecolumn-container span {
179
190
  vertical-align: text-top;
180
191
  }
192
+ .e-treegrid .e-cloneproperties .e-rowcell:not(.e-gridclip) .errorValue .e-treecolumn-container {
193
+ display: table-row;
194
+ }
181
195
  .e-treegrid .e-hierarchycheckbox .e-frame {
182
196
  height: 20px;
183
197
  width: 20px;
@@ -262,6 +276,9 @@
262
276
  position: relative;
263
277
  z-index: 1;
264
278
  }
279
+ .e-treegrid .e-gridcontent td.e-childborder.e-leftfreeze {
280
+ position: sticky;
281
+ }
265
282
  .e-treegrid .e-gridcontent td.e-rowcell.e-childborder.e-dragborder,
266
283
  .e-treegrid .e-gridcontent td.e-rowcell.e-dropbottom.e-dragborder td.e-rowdragdrop.e-dropbottom.e-dragborder {
267
284
  -webkit-box-shadow: 0 1px 0 0 #400074;
@@ -298,6 +315,11 @@
298
315
  position: relative;
299
316
  z-index: 1;
300
317
  }
318
+ .e-treegrid .e-gridcontent td.e-dropbottom:first-child.e-leftfreeze,
319
+ .e-treegrid .e-gridcontent td.e-rowcell.e-dropbottom.e-leftfreeze,
320
+ .e-treegrid .e-gridcontent td.e-dropbottom.e-leftfreeze {
321
+ position: sticky;
322
+ }
301
323
  .e-treegrid .e-gridcontent td.e-droptop:first-child,
302
324
  .e-treegrid .e-gridcontent td.e-rowcell.e-droptop {
303
325
  border-top-color: #400074;
@@ -386,6 +408,9 @@
386
408
  position: relative;
387
409
  z-index: 1;
388
410
  }
411
+ .e-treegrid .e-grid.e-rtl .e-gridcontent td.e-childborder.e-leftfreeze {
412
+ position: sticky;
413
+ }
389
414
  .e-treegrid .e-grid.e-rtl .e-gridcontent td.e-rowcell.e-dragborder,
390
415
  .e-treegrid .e-grid.e-rtl .e-gridcontent tr.e-row:first-child .e-rowcell.e-dragborder,
391
416
  .e-treegrid .e-grid.e-rtl .e-gridcontent .e-rowdragdrop.e-dragborder {
@@ -418,4 +443,15 @@
418
443
  border-bottom-color: #400074;
419
444
  }
420
445
 
446
+ .e-treelistgrid.e-print-grid-layout .e-icons.e-none::before {
447
+ content: "";
448
+ }
449
+ .e-treelistgrid.e-print-grid-layout .e-treecolumn-container .e-icons:not(.e-frame) {
450
+ display: inline-block;
451
+ }
452
+ .e-treelistgrid.e-print-grid-layout .e-treegridexpand {
453
+ -webkit-transform: rotate(90deg);
454
+ transform: rotate(90deg);
455
+ }
456
+
421
457
  /* stylelint-disable-line no-empty-source */
@@ -109,9 +109,20 @@
109
109
  content: "\e35d";
110
110
  }
111
111
 
112
+ .e-treelistgrid.e-print-grid-layout .e-treegridexpand::before,
113
+ .e-treelistgrid.e-print-grid-layout .e-treegridcollapse::before {
114
+ content: "\e22e";
115
+ }
116
+
112
117
  .e-treegrid .e-icons.e-none::before {
113
118
  content: "";
114
119
  }
120
+ .e-treegrid .e-grid.e-default.e-draggable:not(.e-rtl) tr td.e-rowdragdrop.e-childborder:first-child:not(.e-dropbottom) {
121
+ border-left: 1px solid #400074;
122
+ }
123
+ .e-treegrid .e-grid:not(.e-grid-min-height) .e-gridcontent tr.e-row.e-summaryrow .e-rowcell:empty {
124
+ height: auto;
125
+ }
115
126
  .e-treegrid .e-gridheader .e-headercell .e-css.e-hierarchycheckbox {
116
127
  height: 20px;
117
128
  vertical-align: middle;
@@ -178,6 +189,9 @@
178
189
  .e-treegrid .e-cloneproperties .e-treecolumn-container span {
179
190
  vertical-align: text-top;
180
191
  }
192
+ .e-treegrid .e-cloneproperties .e-rowcell:not(.e-gridclip) .errorValue .e-treecolumn-container {
193
+ display: table-row;
194
+ }
181
195
  .e-treegrid .e-hierarchycheckbox .e-frame {
182
196
  height: 20px;
183
197
  width: 20px;
@@ -262,6 +276,9 @@
262
276
  position: relative;
263
277
  z-index: 1;
264
278
  }
279
+ .e-treegrid .e-gridcontent td.e-childborder.e-leftfreeze {
280
+ position: sticky;
281
+ }
265
282
  .e-treegrid .e-gridcontent td.e-rowcell.e-childborder.e-dragborder,
266
283
  .e-treegrid .e-gridcontent td.e-rowcell.e-dropbottom.e-dragborder td.e-rowdragdrop.e-dropbottom.e-dragborder {
267
284
  -webkit-box-shadow: 0 1px 0 0 #400074;
@@ -298,6 +315,11 @@
298
315
  position: relative;
299
316
  z-index: 1;
300
317
  }
318
+ .e-treegrid .e-gridcontent td.e-dropbottom:first-child.e-leftfreeze,
319
+ .e-treegrid .e-gridcontent td.e-rowcell.e-dropbottom.e-leftfreeze,
320
+ .e-treegrid .e-gridcontent td.e-dropbottom.e-leftfreeze {
321
+ position: sticky;
322
+ }
301
323
  .e-treegrid .e-gridcontent td.e-droptop:first-child,
302
324
  .e-treegrid .e-gridcontent td.e-rowcell.e-droptop {
303
325
  border-top-color: #400074;
@@ -386,6 +408,9 @@
386
408
  position: relative;
387
409
  z-index: 1;
388
410
  }
411
+ .e-treegrid .e-grid.e-rtl .e-gridcontent td.e-childborder.e-leftfreeze {
412
+ position: sticky;
413
+ }
389
414
  .e-treegrid .e-grid.e-rtl .e-gridcontent td.e-rowcell.e-dragborder,
390
415
  .e-treegrid .e-grid.e-rtl .e-gridcontent tr.e-row:first-child .e-rowcell.e-dragborder,
391
416
  .e-treegrid .e-grid.e-rtl .e-gridcontent .e-rowdragdrop.e-dragborder {
@@ -418,24 +443,35 @@
418
443
  border-bottom-color: #400074;
419
444
  }
420
445
 
446
+ .e-treelistgrid.e-print-grid-layout .e-icons.e-none::before {
447
+ content: "";
448
+ }
449
+ .e-treelistgrid.e-print-grid-layout .e-treecolumn-container .e-icons:not(.e-frame) {
450
+ display: inline-block;
451
+ }
452
+ .e-treelistgrid.e-print-grid-layout .e-treegridexpand {
453
+ -webkit-transform: rotate(90deg);
454
+ transform: rotate(90deg);
455
+ }
456
+
421
457
  /* stylelint-disable-line no-empty-source */
422
- .e-bigger .e-treegrid .e-treegridexpand,
423
- .e-bigger .e-treegrid .e-treegridcollapse {
458
+ .e-bigger .e-treegrid .e-grid .e-treegridexpand,
459
+ .e-bigger .e-treegrid .e-grid .e-treegridcollapse {
424
460
  font-size: 10px;
425
461
  height: 18px;
426
462
  width: 18px;
427
463
  vertical-align: bottom;
428
464
  }
429
- .e-bigger .e-treegrid .e-hierarchycheckbox {
465
+ .e-bigger .e-treegrid .e-grid .e-hierarchycheckbox {
430
466
  padding-left: 2px;
431
467
  }
432
- .e-bigger .e-treegrid .e-hierarchycheckbox .e-frame {
468
+ .e-bigger .e-treegrid .e-grid .e-hierarchycheckbox .e-frame {
433
469
  height: 20px;
434
470
  width: 20px;
435
471
  }
436
- .e-bigger .e-treegrid .e-treecell {
472
+ .e-bigger .e-treegrid .e-grid .e-treecell {
437
473
  line-height: 18px;
438
474
  }
439
- .e-bigger .e-treegrid .e-treecolumn-container span {
475
+ .e-bigger .e-treegrid .e-grid .e-treecolumn-container span {
440
476
  vertical-align: middle;
441
477
  }
@@ -12,7 +12,7 @@
12
12
  .e-ddl.e-popup .e-content.e-nodata {
13
13
  background-color: #000;
14
14
  }
15
- .e-ddl.e-popup .e-dropdownbase .e-list-item .e-highlight {
15
+ .e-ddl.e-popup .e-dropdownbase .e-list-item:not(.e-active) .e-highlight {
16
16
  color: #ffd939;
17
17
  }
18
18
  .e-ddl.e-popup .e-input-group {
@@ -109,9 +109,20 @@
109
109
  content: "\e35d";
110
110
  }
111
111
 
112
+ .e-treelistgrid.e-print-grid-layout .e-treegridexpand::before,
113
+ .e-treelistgrid.e-print-grid-layout .e-treegridcollapse::before {
114
+ content: "\e22e";
115
+ }
116
+
112
117
  .e-treegrid .e-icons.e-none::before {
113
118
  content: "";
114
119
  }
120
+ .e-treegrid .e-grid.e-default.e-draggable:not(.e-rtl) tr td.e-rowdragdrop.e-childborder:first-child:not(.e-dropbottom) {
121
+ border-left: 1px solid #ffd939;
122
+ }
123
+ .e-treegrid .e-grid:not(.e-grid-min-height) .e-gridcontent tr.e-row.e-summaryrow .e-rowcell:empty {
124
+ height: auto;
125
+ }
115
126
  .e-treegrid .e-gridheader .e-headercell .e-css.e-hierarchycheckbox {
116
127
  height: 20px;
117
128
  vertical-align: middle;
@@ -182,6 +193,9 @@
182
193
  .e-treegrid .e-cloneproperties .e-treecolumn-container span {
183
194
  vertical-align: text-top;
184
195
  }
196
+ .e-treegrid .e-cloneproperties .e-rowcell:not(.e-gridclip) .errorValue .e-treecolumn-container {
197
+ display: table-row;
198
+ }
185
199
  .e-treegrid .e-hierarchycheckbox .e-frame {
186
200
  font-size: 10px;
187
201
  height: 16px;
@@ -269,6 +283,9 @@
269
283
  position: relative;
270
284
  z-index: 1;
271
285
  }
286
+ .e-treegrid .e-gridcontent td.e-childborder.e-leftfreeze {
287
+ position: sticky;
288
+ }
272
289
  .e-treegrid .e-gridcontent td.e-rowcell.e-childborder.e-dragborder,
273
290
  .e-treegrid .e-gridcontent td.e-rowcell.e-dropbottom.e-dragborder td.e-rowdragdrop.e-dropbottom.e-dragborder {
274
291
  -webkit-box-shadow: 0 1px 0 0 #ffd939;
@@ -305,6 +322,11 @@
305
322
  position: relative;
306
323
  z-index: 1;
307
324
  }
325
+ .e-treegrid .e-gridcontent td.e-dropbottom:first-child.e-leftfreeze,
326
+ .e-treegrid .e-gridcontent td.e-rowcell.e-dropbottom.e-leftfreeze,
327
+ .e-treegrid .e-gridcontent td.e-dropbottom.e-leftfreeze {
328
+ position: sticky;
329
+ }
308
330
  .e-treegrid .e-gridcontent td.e-droptop:first-child,
309
331
  .e-treegrid .e-gridcontent td.e-rowcell.e-droptop {
310
332
  border-top-color: #ffd939;
@@ -393,6 +415,9 @@
393
415
  position: relative;
394
416
  z-index: 1;
395
417
  }
418
+ .e-treegrid .e-grid.e-rtl .e-gridcontent td.e-childborder.e-leftfreeze {
419
+ position: sticky;
420
+ }
396
421
  .e-treegrid .e-grid.e-rtl .e-gridcontent td.e-rowcell.e-dragborder,
397
422
  .e-treegrid .e-grid.e-rtl .e-gridcontent tr.e-row:first-child .e-rowcell.e-dragborder,
398
423
  .e-treegrid .e-grid.e-rtl .e-gridcontent .e-rowdragdrop.e-dragborder {
@@ -425,4 +450,15 @@
425
450
  border-bottom-color: #ffd939;
426
451
  }
427
452
 
453
+ .e-treelistgrid.e-print-grid-layout .e-icons.e-none::before {
454
+ content: "";
455
+ }
456
+ .e-treelistgrid.e-print-grid-layout .e-treecolumn-container .e-icons:not(.e-frame) {
457
+ display: inline-block;
458
+ }
459
+ .e-treelistgrid.e-print-grid-layout .e-treegridexpand {
460
+ -webkit-transform: rotate(90deg);
461
+ transform: rotate(90deg);
462
+ }
463
+
428
464
  /* stylelint-disable-line no-empty-source */
@@ -12,7 +12,7 @@
12
12
  .e-ddl.e-popup .e-content.e-nodata {
13
13
  background-color: #000;
14
14
  }
15
- .e-ddl.e-popup .e-dropdownbase .e-list-item .e-highlight {
15
+ .e-ddl.e-popup .e-dropdownbase .e-list-item:not(.e-active) .e-highlight {
16
16
  color: #ffd939;
17
17
  }
18
18
  .e-ddl.e-popup .e-input-group {
@@ -109,9 +109,20 @@
109
109
  content: "\e35d";
110
110
  }
111
111
 
112
+ .e-treelistgrid.e-print-grid-layout .e-treegridexpand::before,
113
+ .e-treelistgrid.e-print-grid-layout .e-treegridcollapse::before {
114
+ content: "\e22e";
115
+ }
116
+
112
117
  .e-treegrid .e-icons.e-none::before {
113
118
  content: "";
114
119
  }
120
+ .e-treegrid .e-grid.e-default.e-draggable:not(.e-rtl) tr td.e-rowdragdrop.e-childborder:first-child:not(.e-dropbottom) {
121
+ border-left: 1px solid #ffd939;
122
+ }
123
+ .e-treegrid .e-grid:not(.e-grid-min-height) .e-gridcontent tr.e-row.e-summaryrow .e-rowcell:empty {
124
+ height: auto;
125
+ }
115
126
  .e-treegrid .e-gridheader .e-headercell .e-css.e-hierarchycheckbox {
116
127
  height: 20px;
117
128
  vertical-align: middle;
@@ -182,6 +193,9 @@
182
193
  .e-treegrid .e-cloneproperties .e-treecolumn-container span {
183
194
  vertical-align: text-top;
184
195
  }
196
+ .e-treegrid .e-cloneproperties .e-rowcell:not(.e-gridclip) .errorValue .e-treecolumn-container {
197
+ display: table-row;
198
+ }
185
199
  .e-treegrid .e-hierarchycheckbox .e-frame {
186
200
  font-size: 10px;
187
201
  height: 16px;
@@ -269,6 +283,9 @@
269
283
  position: relative;
270
284
  z-index: 1;
271
285
  }
286
+ .e-treegrid .e-gridcontent td.e-childborder.e-leftfreeze {
287
+ position: sticky;
288
+ }
272
289
  .e-treegrid .e-gridcontent td.e-rowcell.e-childborder.e-dragborder,
273
290
  .e-treegrid .e-gridcontent td.e-rowcell.e-dropbottom.e-dragborder td.e-rowdragdrop.e-dropbottom.e-dragborder {
274
291
  -webkit-box-shadow: 0 1px 0 0 #ffd939;
@@ -305,6 +322,11 @@
305
322
  position: relative;
306
323
  z-index: 1;
307
324
  }
325
+ .e-treegrid .e-gridcontent td.e-dropbottom:first-child.e-leftfreeze,
326
+ .e-treegrid .e-gridcontent td.e-rowcell.e-dropbottom.e-leftfreeze,
327
+ .e-treegrid .e-gridcontent td.e-dropbottom.e-leftfreeze {
328
+ position: sticky;
329
+ }
308
330
  .e-treegrid .e-gridcontent td.e-droptop:first-child,
309
331
  .e-treegrid .e-gridcontent td.e-rowcell.e-droptop {
310
332
  border-top-color: #ffd939;
@@ -393,6 +415,9 @@
393
415
  position: relative;
394
416
  z-index: 1;
395
417
  }
418
+ .e-treegrid .e-grid.e-rtl .e-gridcontent td.e-childborder.e-leftfreeze {
419
+ position: sticky;
420
+ }
396
421
  .e-treegrid .e-grid.e-rtl .e-gridcontent td.e-rowcell.e-dragborder,
397
422
  .e-treegrid .e-grid.e-rtl .e-gridcontent tr.e-row:first-child .e-rowcell.e-dragborder,
398
423
  .e-treegrid .e-grid.e-rtl .e-gridcontent .e-rowdragdrop.e-dragborder {
@@ -425,30 +450,41 @@
425
450
  border-bottom-color: #ffd939;
426
451
  }
427
452
 
453
+ .e-treelistgrid.e-print-grid-layout .e-icons.e-none::before {
454
+ content: "";
455
+ }
456
+ .e-treelistgrid.e-print-grid-layout .e-treecolumn-container .e-icons:not(.e-frame) {
457
+ display: inline-block;
458
+ }
459
+ .e-treelistgrid.e-print-grid-layout .e-treegridexpand {
460
+ -webkit-transform: rotate(90deg);
461
+ transform: rotate(90deg);
462
+ }
463
+
428
464
  /* stylelint-disable-line no-empty-source */
429
- .e-bigger .e-treegrid .e-treegridexpand,
430
- .e-bigger .e-treegrid .e-treegridcollapse {
465
+ .e-bigger .e-treegrid .e-grid .e-treegridexpand,
466
+ .e-bigger .e-treegrid .e-grid .e-treegridcollapse {
431
467
  font-size: 10px;
432
468
  height: 18px;
433
469
  width: 18px;
434
470
  vertical-align: bottom;
435
471
  }
436
- .e-bigger .e-treegrid .e-treegridexpand {
472
+ .e-bigger .e-treegrid .e-grid .e-treegridexpand {
437
473
  vertical-align: middle;
438
474
  }
439
- .e-bigger .e-treegrid .e-hierarchycheckbox {
475
+ .e-bigger .e-treegrid .e-grid .e-hierarchycheckbox {
440
476
  padding-left: 2px;
441
477
  }
442
- .e-bigger .e-treegrid .e-hierarchycheckbox .e-frame {
478
+ .e-bigger .e-treegrid .e-grid .e-hierarchycheckbox .e-frame {
443
479
  font-size: 12px;
444
480
  line-height: 12px;
445
481
  padding: 2px 0;
446
482
  height: 20px;
447
483
  width: 20px;
448
484
  }
449
- .e-bigger .e-treegrid .e-treecell {
485
+ .e-bigger .e-treegrid .e-grid .e-treecell {
450
486
  line-height: 18px;
451
487
  }
452
- .e-bigger .e-treegrid .e-treecolumn-container span {
488
+ .e-bigger .e-treegrid .e-grid .e-treecolumn-container span {
453
489
  vertical-align: middle;
454
490
  }
@@ -185,9 +185,20 @@
185
185
  content: "\e35d";
186
186
  }
187
187
 
188
+ .e-treelistgrid.e-print-grid-layout .e-treegridexpand::before,
189
+ .e-treelistgrid.e-print-grid-layout .e-treegridcollapse::before {
190
+ content: "\e848";
191
+ }
192
+
188
193
  .e-treegrid .e-icons.e-none::before {
189
194
  content: "";
190
195
  }
196
+ .e-treegrid .e-grid.e-default.e-draggable:not(.e-rtl) tr td.e-rowdragdrop.e-childborder:first-child:not(.e-dropbottom) {
197
+ border-left: 1px solid #00b0ff;
198
+ }
199
+ .e-treegrid .e-grid:not(.e-grid-min-height) .e-gridcontent tr.e-row.e-summaryrow .e-rowcell:empty {
200
+ height: auto;
201
+ }
191
202
  .e-treegrid .e-gridheader .e-headercell .e-css.e-hierarchycheckbox {
192
203
  height: 20px;
193
204
  vertical-align: middle;
@@ -254,6 +265,9 @@
254
265
  .e-treegrid .e-cloneproperties .e-treecolumn-container span {
255
266
  vertical-align: text-top;
256
267
  }
268
+ .e-treegrid .e-cloneproperties .e-rowcell:not(.e-gridclip) .errorValue .e-treecolumn-container {
269
+ display: table-row;
270
+ }
257
271
  .e-treegrid .e-hierarchycheckbox .e-frame {
258
272
  height: 18px;
259
273
  width: 18px;
@@ -338,6 +352,9 @@
338
352
  position: relative;
339
353
  z-index: 1;
340
354
  }
355
+ .e-treegrid .e-gridcontent td.e-childborder.e-leftfreeze {
356
+ position: sticky;
357
+ }
341
358
  .e-treegrid .e-gridcontent td.e-rowcell.e-childborder.e-dragborder,
342
359
  .e-treegrid .e-gridcontent td.e-rowcell.e-dropbottom.e-dragborder td.e-rowdragdrop.e-dropbottom.e-dragborder {
343
360
  -webkit-box-shadow: 0 1px 0 0 #00b0ff;
@@ -374,6 +391,11 @@
374
391
  position: relative;
375
392
  z-index: 1;
376
393
  }
394
+ .e-treegrid .e-gridcontent td.e-dropbottom:first-child.e-leftfreeze,
395
+ .e-treegrid .e-gridcontent td.e-rowcell.e-dropbottom.e-leftfreeze,
396
+ .e-treegrid .e-gridcontent td.e-dropbottom.e-leftfreeze {
397
+ position: sticky;
398
+ }
377
399
  .e-treegrid .e-gridcontent td.e-droptop:first-child,
378
400
  .e-treegrid .e-gridcontent td.e-rowcell.e-droptop {
379
401
  border-top-color: #00b0ff;
@@ -462,6 +484,9 @@
462
484
  position: relative;
463
485
  z-index: 1;
464
486
  }
487
+ .e-treegrid .e-grid.e-rtl .e-gridcontent td.e-childborder.e-leftfreeze {
488
+ position: sticky;
489
+ }
465
490
  .e-treegrid .e-grid.e-rtl .e-gridcontent td.e-rowcell.e-dragborder,
466
491
  .e-treegrid .e-grid.e-rtl .e-gridcontent tr.e-row:first-child .e-rowcell.e-dragborder,
467
492
  .e-treegrid .e-grid.e-rtl .e-gridcontent .e-rowdragdrop.e-dragborder {
@@ -494,4 +519,15 @@
494
519
  border-bottom-color: #00b0ff;
495
520
  }
496
521
 
522
+ .e-treelistgrid.e-print-grid-layout .e-icons.e-none::before {
523
+ content: "";
524
+ }
525
+ .e-treelistgrid.e-print-grid-layout .e-treecolumn-container .e-icons:not(.e-frame) {
526
+ display: inline-block;
527
+ }
528
+ .e-treelistgrid.e-print-grid-layout .e-treegridexpand {
529
+ -webkit-transform: rotate(90deg);
530
+ transform: rotate(90deg);
531
+ }
532
+
497
533
  /* stylelint-disable-line no-empty-source */
@@ -185,9 +185,20 @@
185
185
  content: "\e35d";
186
186
  }
187
187
 
188
+ .e-treelistgrid.e-print-grid-layout .e-treegridexpand::before,
189
+ .e-treelistgrid.e-print-grid-layout .e-treegridcollapse::before {
190
+ content: "\e848";
191
+ }
192
+
188
193
  .e-treegrid .e-icons.e-none::before {
189
194
  content: "";
190
195
  }
196
+ .e-treegrid .e-grid.e-default.e-draggable:not(.e-rtl) tr td.e-rowdragdrop.e-childborder:first-child:not(.e-dropbottom) {
197
+ border-left: 1px solid #00b0ff;
198
+ }
199
+ .e-treegrid .e-grid:not(.e-grid-min-height) .e-gridcontent tr.e-row.e-summaryrow .e-rowcell:empty {
200
+ height: auto;
201
+ }
191
202
  .e-treegrid .e-gridheader .e-headercell .e-css.e-hierarchycheckbox {
192
203
  height: 20px;
193
204
  vertical-align: middle;
@@ -254,6 +265,9 @@
254
265
  .e-treegrid .e-cloneproperties .e-treecolumn-container span {
255
266
  vertical-align: text-top;
256
267
  }
268
+ .e-treegrid .e-cloneproperties .e-rowcell:not(.e-gridclip) .errorValue .e-treecolumn-container {
269
+ display: table-row;
270
+ }
257
271
  .e-treegrid .e-hierarchycheckbox .e-frame {
258
272
  height: 18px;
259
273
  width: 18px;
@@ -338,6 +352,9 @@
338
352
  position: relative;
339
353
  z-index: 1;
340
354
  }
355
+ .e-treegrid .e-gridcontent td.e-childborder.e-leftfreeze {
356
+ position: sticky;
357
+ }
341
358
  .e-treegrid .e-gridcontent td.e-rowcell.e-childborder.e-dragborder,
342
359
  .e-treegrid .e-gridcontent td.e-rowcell.e-dropbottom.e-dragborder td.e-rowdragdrop.e-dropbottom.e-dragborder {
343
360
  -webkit-box-shadow: 0 1px 0 0 #00b0ff;
@@ -374,6 +391,11 @@
374
391
  position: relative;
375
392
  z-index: 1;
376
393
  }
394
+ .e-treegrid .e-gridcontent td.e-dropbottom:first-child.e-leftfreeze,
395
+ .e-treegrid .e-gridcontent td.e-rowcell.e-dropbottom.e-leftfreeze,
396
+ .e-treegrid .e-gridcontent td.e-dropbottom.e-leftfreeze {
397
+ position: sticky;
398
+ }
377
399
  .e-treegrid .e-gridcontent td.e-droptop:first-child,
378
400
  .e-treegrid .e-gridcontent td.e-rowcell.e-droptop {
379
401
  border-top-color: #00b0ff;
@@ -462,6 +484,9 @@
462
484
  position: relative;
463
485
  z-index: 1;
464
486
  }
487
+ .e-treegrid .e-grid.e-rtl .e-gridcontent td.e-childborder.e-leftfreeze {
488
+ position: sticky;
489
+ }
465
490
  .e-treegrid .e-grid.e-rtl .e-gridcontent td.e-rowcell.e-dragborder,
466
491
  .e-treegrid .e-grid.e-rtl .e-gridcontent tr.e-row:first-child .e-rowcell.e-dragborder,
467
492
  .e-treegrid .e-grid.e-rtl .e-gridcontent .e-rowdragdrop.e-dragborder {
@@ -494,24 +519,35 @@
494
519
  border-bottom-color: #00b0ff;
495
520
  }
496
521
 
522
+ .e-treelistgrid.e-print-grid-layout .e-icons.e-none::before {
523
+ content: "";
524
+ }
525
+ .e-treelistgrid.e-print-grid-layout .e-treecolumn-container .e-icons:not(.e-frame) {
526
+ display: inline-block;
527
+ }
528
+ .e-treelistgrid.e-print-grid-layout .e-treegridexpand {
529
+ -webkit-transform: rotate(90deg);
530
+ transform: rotate(90deg);
531
+ }
532
+
497
533
  /* stylelint-disable-line no-empty-source */
498
- .e-bigger .e-treegrid .e-treegridexpand,
499
- .e-bigger .e-treegrid .e-treegridcollapse {
534
+ .e-bigger .e-treegrid .e-grid .e-treegridexpand,
535
+ .e-bigger .e-treegrid .e-grid .e-treegridcollapse {
500
536
  font-size: 10px;
501
537
  height: 18px;
502
538
  width: 18px;
503
539
  vertical-align: bottom;
504
540
  }
505
- .e-bigger .e-treegrid .e-hierarchycheckbox {
541
+ .e-bigger .e-treegrid .e-grid .e-hierarchycheckbox {
506
542
  padding-left: 2px;
507
543
  }
508
- .e-bigger .e-treegrid .e-hierarchycheckbox .e-frame {
544
+ .e-bigger .e-treegrid .e-grid .e-hierarchycheckbox .e-frame {
509
545
  height: 20px;
510
546
  width: 20px;
511
547
  }
512
- .e-bigger .e-treegrid .e-treecell {
548
+ .e-bigger .e-treegrid .e-grid .e-treecell {
513
549
  line-height: 18px;
514
550
  }
515
- .e-bigger .e-treegrid .e-treecolumn-container span {
551
+ .e-bigger .e-treegrid .e-grid .e-treecolumn-container span {
516
552
  vertical-align: middle;
517
553
  }