@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
@@ -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
  }
@@ -34,4 +34,11 @@
34
34
  }
35
35
  }
36
36
  }
37
+
38
+ .e-treelistgrid.e-print-grid-layout {
39
+ .e-treegridexpand::before,
40
+ .e-treegridcollapse::before {
41
+ content: '\e22f';
42
+ }
43
+ }
37
44
  }
@@ -34,4 +34,11 @@
34
34
  }
35
35
  }
36
36
  }
37
+
38
+ .e-treelistgrid.e-print-grid-layout {
39
+ .e-treegridexpand::before,
40
+ .e-treegridcollapse::before {
41
+ content: '\e22f';
42
+ }
43
+ }
37
44
  }
@@ -34,4 +34,11 @@
34
34
  }
35
35
  }
36
36
  }
37
+
38
+ .e-treelistgrid.e-print-grid-layout {
39
+ .e-treegridexpand::before,
40
+ .e-treegridcollapse::before {
41
+ content: '\e70b';
42
+ }
43
+ }
37
44
  }
@@ -34,4 +34,11 @@
34
34
  }
35
35
  }
36
36
  }
37
+
38
+ .e-treelistgrid.e-print-grid-layout {
39
+ .e-treegridexpand::before,
40
+ .e-treegridcollapse::before {
41
+ content: '\e75c';
42
+ }
43
+ }
37
44
  }
@@ -34,4 +34,11 @@
34
34
  }
35
35
  }
36
36
  }
37
+
38
+ .e-treelistgrid.e-print-grid-layout {
39
+ .e-treegridexpand::before,
40
+ .e-treegridcollapse::before {
41
+ content: '\e75c';
42
+ }
43
+ }
37
44
  }
@@ -34,4 +34,11 @@
34
34
  }
35
35
  }
36
36
  }
37
+
38
+ .e-treelistgrid.e-print-grid-layout {
39
+ .e-treegridexpand::before,
40
+ .e-treegridcollapse::before {
41
+ content: '\e22e';
42
+ }
43
+ }
37
44
  }
@@ -34,4 +34,11 @@
34
34
  }
35
35
  }
36
36
  }
37
+
38
+ .e-treelistgrid.e-print-grid-layout {
39
+ .e-treegridexpand::before,
40
+ .e-treegridcollapse::before {
41
+ content: '\e22e';
42
+ }
43
+ }
37
44
  }
@@ -34,4 +34,11 @@
34
34
  }
35
35
  }
36
36
  }
37
+
38
+ .e-treelistgrid.e-print-grid-layout {
39
+ .e-treegridexpand::before,
40
+ .e-treegridcollapse::before {
41
+ content: '\e75c';
42
+ }
43
+ }
37
44
  }
@@ -34,4 +34,11 @@
34
34
  }
35
35
  }
36
36
  }
37
+
38
+ .e-treelistgrid.e-print-grid-layout {
39
+ .e-treegridexpand::before,
40
+ .e-treegridcollapse::before {
41
+ content: '\e75c';
42
+ }
43
+ }
37
44
  }
@@ -34,4 +34,11 @@
34
34
  }
35
35
  }
36
36
  }
37
+
38
+ .e-treelistgrid.e-print-grid-layout {
39
+ .e-treegridexpand::before,
40
+ .e-treegridcollapse::before {
41
+ content: '\e22e';
42
+ }
43
+ }
37
44
  }
@@ -34,4 +34,11 @@
34
34
  }
35
35
  }
36
36
  }
37
+
38
+ .e-treelistgrid.e-print-grid-layout {
39
+ .e-treegridexpand::before,
40
+ .e-treegridcollapse::before {
41
+ content: '\e22e';
42
+ }
43
+ }
37
44
  }
@@ -34,4 +34,11 @@
34
34
  }
35
35
  }
36
36
  }
37
+
38
+ .e-treelistgrid.e-print-grid-layout {
39
+ .e-treegridexpand::before,
40
+ .e-treegridcollapse::before {
41
+ content: '\e848';
42
+ }
43
+ }
37
44
  }
@@ -34,4 +34,11 @@
34
34
  }
35
35
  }
36
36
  }
37
+
38
+ .e-treelistgrid.e-print-grid-layout {
39
+ .e-treegridexpand::before,
40
+ .e-treegridcollapse::before {
41
+ content: '\e848';
42
+ }
43
+ }
37
44
  }
@@ -34,4 +34,11 @@
34
34
  }
35
35
  }
36
36
  }
37
+
38
+ .e-treelistgrid.e-print-grid-layout {
39
+ .e-treegridexpand::before,
40
+ .e-treegridcollapse::before {
41
+ content: '\e748';
42
+ }
43
+ }
37
44
  }
@@ -34,4 +34,11 @@
34
34
  }
35
35
  }
36
36
  }
37
+
38
+ .e-treelistgrid.e-print-grid-layout {
39
+ .e-treegridexpand::before,
40
+ .e-treegridcollapse::before {
41
+ content: '\e75c';
42
+ }
43
+ }
37
44
  }
@@ -34,4 +34,11 @@
34
34
  }
35
35
  }
36
36
  }
37
+
38
+ .e-treelistgrid.e-print-grid-layout {
39
+ .e-treegridexpand::before,
40
+ .e-treegridcollapse::before {
41
+ content: '\e75c';
42
+ }
43
+ }
37
44
  }
@@ -0,0 +1,44 @@
1
+ @include export-module('treegrid-tailwind3-icons') {
2
+ #{&}.e-treegrid,
3
+ .e-grid-menu {
4
+ .e-indent::before {
5
+ content: '\e810';
6
+ }
7
+
8
+ .e-outdent::before {
9
+ content: '\e72a';
10
+ }
11
+ }
12
+
13
+ .e-treegrid {
14
+ .e-treegridexpand::before,
15
+ .e-treegridcollapse::before {
16
+ content: '\e748';
17
+ }
18
+
19
+ .e-toolbar-item {
20
+ .e-expand::before {
21
+ content: '\e7c9';
22
+ }
23
+
24
+ .e-collapse::before {
25
+ content: '\e80f';
26
+ }
27
+
28
+ .e-indent::before {
29
+ content: '\e810';
30
+ }
31
+
32
+ .e-outdent::before {
33
+ content: '\e72a';
34
+ }
35
+ }
36
+ }
37
+
38
+ .e-treelistgrid.e-print-grid-layout {
39
+ .e-treegridexpand::before,
40
+ .e-treegridcollapse::before {
41
+ content: '\e748';
42
+ }
43
+ }
44
+ }
@@ -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
  }
@@ -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,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
  }