@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
@@ -163,9 +163,20 @@
163
163
  content: "\e72a";
164
164
  }
165
165
 
166
+ .e-treelistgrid.e-print-grid-layout .e-treegridexpand::before,
167
+ .e-treelistgrid.e-print-grid-layout .e-treegridcollapse::before {
168
+ content: "\e75c";
169
+ }
170
+
166
171
  .e-treegrid .e-icons.e-none::before {
167
172
  content: "";
168
173
  }
174
+ .e-treegrid .e-grid.e-default.e-draggable:not(.e-rtl) tr td.e-rowdragdrop.e-childborder:first-child:not(.e-dropbottom) {
175
+ border-left: 2px solid #4f46e5;
176
+ }
177
+ .e-treegrid .e-grid:not(.e-grid-min-height) .e-gridcontent tr.e-row.e-summaryrow .e-rowcell:empty {
178
+ height: auto;
179
+ }
169
180
  .e-treegrid .e-gridheader .e-headercell .e-css.e-hierarchycheckbox {
170
181
  height: 20px;
171
182
  vertical-align: middle;
@@ -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
  height: 14px;
237
251
  width: 14px;
@@ -316,6 +330,9 @@
316
330
  position: relative;
317
331
  z-index: 1;
318
332
  }
333
+ .e-treegrid .e-gridcontent td.e-childborder.e-leftfreeze {
334
+ position: sticky;
335
+ }
319
336
  .e-treegrid .e-gridcontent td.e-rowcell.e-childborder.e-dragborder,
320
337
  .e-treegrid .e-gridcontent td.e-rowcell.e-dropbottom.e-dragborder td.e-rowdragdrop.e-dropbottom.e-dragborder {
321
338
  -webkit-box-shadow: 0 1px 0 0 #0d6efd;
@@ -352,6 +369,11 @@
352
369
  position: relative;
353
370
  z-index: 1;
354
371
  }
372
+ .e-treegrid .e-gridcontent td.e-dropbottom:first-child.e-leftfreeze,
373
+ .e-treegrid .e-gridcontent td.e-rowcell.e-dropbottom.e-leftfreeze,
374
+ .e-treegrid .e-gridcontent td.e-dropbottom.e-leftfreeze {
375
+ position: sticky;
376
+ }
355
377
  .e-treegrid .e-gridcontent td.e-droptop:first-child,
356
378
  .e-treegrid .e-gridcontent td.e-rowcell.e-droptop {
357
379
  border-top-color: #0d6efd;
@@ -440,6 +462,9 @@
440
462
  position: relative;
441
463
  z-index: 1;
442
464
  }
465
+ .e-treegrid .e-grid.e-rtl .e-gridcontent td.e-childborder.e-leftfreeze {
466
+ position: sticky;
467
+ }
443
468
  .e-treegrid .e-grid.e-rtl .e-gridcontent td.e-rowcell.e-dragborder,
444
469
  .e-treegrid .e-grid.e-rtl .e-gridcontent tr.e-row:first-child .e-rowcell.e-dragborder,
445
470
  .e-treegrid .e-grid.e-rtl .e-gridcontent .e-rowdragdrop.e-dragborder {
@@ -472,24 +497,35 @@
472
497
  border-bottom-color: #0d6efd;
473
498
  }
474
499
 
500
+ .e-treelistgrid.e-print-grid-layout .e-icons.e-none::before {
501
+ content: "";
502
+ }
503
+ .e-treelistgrid.e-print-grid-layout .e-treecolumn-container .e-icons:not(.e-frame) {
504
+ display: inline-block;
505
+ }
506
+ .e-treelistgrid.e-print-grid-layout .e-treegridexpand {
507
+ -webkit-transform: rotate(90deg);
508
+ transform: rotate(90deg);
509
+ }
510
+
475
511
  /* stylelint-disable-line no-empty-source */
476
- .e-bigger .e-treegrid .e-treegridexpand,
477
- .e-bigger .e-treegrid .e-treegridcollapse {
512
+ .e-bigger .e-treegrid .e-grid .e-treegridexpand,
513
+ .e-bigger .e-treegrid .e-grid .e-treegridcollapse {
478
514
  font-size: 22px;
479
515
  height: 22px;
480
516
  width: 22px;
481
517
  vertical-align: bottom;
482
518
  }
483
- .e-bigger .e-treegrid .e-hierarchycheckbox {
519
+ .e-bigger .e-treegrid .e-grid .e-hierarchycheckbox {
484
520
  padding-left: 2px;
485
521
  }
486
- .e-bigger .e-treegrid .e-hierarchycheckbox .e-frame {
522
+ .e-bigger .e-treegrid .e-grid .e-hierarchycheckbox .e-frame {
487
523
  height: 18px;
488
524
  width: 18px;
489
525
  }
490
- .e-bigger .e-treegrid .e-treecell {
526
+ .e-bigger .e-treegrid .e-grid .e-treecell {
491
527
  line-height: 22px;
492
528
  }
493
- .e-bigger .e-treegrid .e-treecolumn-container span {
529
+ .e-bigger .e-treegrid .e-grid .e-treecolumn-container span {
494
530
  vertical-align: middle;
495
531
  }
@@ -163,9 +163,20 @@
163
163
  content: "\e72a";
164
164
  }
165
165
 
166
+ .e-treelistgrid.e-print-grid-layout .e-treegridexpand::before,
167
+ .e-treelistgrid.e-print-grid-layout .e-treegridcollapse::before {
168
+ content: "\e75c";
169
+ }
170
+
166
171
  .e-treegrid .e-icons.e-none::before {
167
172
  content: "";
168
173
  }
174
+ .e-treegrid .e-grid.e-default.e-draggable:not(.e-rtl) tr td.e-rowdragdrop.e-childborder:first-child:not(.e-dropbottom) {
175
+ border-left: 2px solid #4f46e5;
176
+ }
177
+ .e-treegrid .e-grid:not(.e-grid-min-height) .e-gridcontent tr.e-row.e-summaryrow .e-rowcell:empty {
178
+ height: auto;
179
+ }
169
180
  .e-treegrid .e-gridheader .e-headercell .e-css.e-hierarchycheckbox {
170
181
  height: 20px;
171
182
  vertical-align: middle;
@@ -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
  height: 14px;
237
251
  width: 14px;
@@ -316,6 +330,9 @@
316
330
  position: relative;
317
331
  z-index: 1;
318
332
  }
333
+ .e-treegrid .e-gridcontent td.e-childborder.e-leftfreeze {
334
+ position: sticky;
335
+ }
319
336
  .e-treegrid .e-gridcontent td.e-rowcell.e-childborder.e-dragborder,
320
337
  .e-treegrid .e-gridcontent td.e-rowcell.e-dropbottom.e-dragborder td.e-rowdragdrop.e-dropbottom.e-dragborder {
321
338
  -webkit-box-shadow: 0 1px 0 0 #0d6efd;
@@ -352,6 +369,11 @@
352
369
  position: relative;
353
370
  z-index: 1;
354
371
  }
372
+ .e-treegrid .e-gridcontent td.e-dropbottom:first-child.e-leftfreeze,
373
+ .e-treegrid .e-gridcontent td.e-rowcell.e-dropbottom.e-leftfreeze,
374
+ .e-treegrid .e-gridcontent td.e-dropbottom.e-leftfreeze {
375
+ position: sticky;
376
+ }
355
377
  .e-treegrid .e-gridcontent td.e-droptop:first-child,
356
378
  .e-treegrid .e-gridcontent td.e-rowcell.e-droptop {
357
379
  border-top-color: #0d6efd;
@@ -440,6 +462,9 @@
440
462
  position: relative;
441
463
  z-index: 1;
442
464
  }
465
+ .e-treegrid .e-grid.e-rtl .e-gridcontent td.e-childborder.e-leftfreeze {
466
+ position: sticky;
467
+ }
443
468
  .e-treegrid .e-grid.e-rtl .e-gridcontent td.e-rowcell.e-dragborder,
444
469
  .e-treegrid .e-grid.e-rtl .e-gridcontent tr.e-row:first-child .e-rowcell.e-dragborder,
445
470
  .e-treegrid .e-grid.e-rtl .e-gridcontent .e-rowdragdrop.e-dragborder {
@@ -472,4 +497,15 @@
472
497
  border-bottom-color: #0d6efd;
473
498
  }
474
499
 
500
+ .e-treelistgrid.e-print-grid-layout .e-icons.e-none::before {
501
+ content: "";
502
+ }
503
+ .e-treelistgrid.e-print-grid-layout .e-treecolumn-container .e-icons:not(.e-frame) {
504
+ display: inline-block;
505
+ }
506
+ .e-treelistgrid.e-print-grid-layout .e-treegridexpand {
507
+ -webkit-transform: rotate(90deg);
508
+ transform: rotate(90deg);
509
+ }
510
+
475
511
  /* stylelint-disable-line no-empty-source */
@@ -167,9 +167,20 @@
167
167
  content: "\e72a";
168
168
  }
169
169
 
170
+ .e-treelistgrid.e-print-grid-layout .e-treegridexpand::before,
171
+ .e-treelistgrid.e-print-grid-layout .e-treegridcollapse::before {
172
+ content: "\e75c";
173
+ }
174
+
170
175
  .e-treegrid .e-icons.e-none::before {
171
176
  content: "";
172
177
  }
178
+ .e-treegrid .e-grid.e-default.e-draggable:not(.e-rtl) tr td.e-rowdragdrop.e-childborder:first-child:not(.e-dropbottom) {
179
+ border-left: 2px dashed #4f46e5;
180
+ }
181
+ .e-treegrid .e-grid:not(.e-grid-min-height) .e-gridcontent tr.e-row.e-summaryrow .e-rowcell:empty {
182
+ height: auto;
183
+ }
173
184
  .e-treegrid .e-gridheader .e-headercell .e-css.e-hierarchycheckbox {
174
185
  height: 20px;
175
186
  vertical-align: middle;
@@ -236,6 +247,9 @@
236
247
  .e-treegrid .e-cloneproperties .e-treecolumn-container span {
237
248
  vertical-align: text-top;
238
249
  }
250
+ .e-treegrid .e-cloneproperties .e-rowcell:not(.e-gridclip) .errorValue .e-treecolumn-container {
251
+ display: table-row;
252
+ }
239
253
  .e-treegrid .e-hierarchycheckbox .e-frame {
240
254
  height: 14px;
241
255
  width: 14px;
@@ -320,6 +334,9 @@
320
334
  position: relative;
321
335
  z-index: 1;
322
336
  }
337
+ .e-treegrid .e-gridcontent td.e-childborder.e-leftfreeze {
338
+ position: sticky;
339
+ }
323
340
  .e-treegrid .e-gridcontent td.e-rowcell.e-childborder.e-dragborder,
324
341
  .e-treegrid .e-gridcontent td.e-rowcell.e-dropbottom.e-dragborder td.e-rowdragdrop.e-dropbottom.e-dragborder {
325
342
  -webkit-box-shadow: 0 1px 0 0 var(--color-sf-primary);
@@ -356,6 +373,11 @@
356
373
  position: relative;
357
374
  z-index: 1;
358
375
  }
376
+ .e-treegrid .e-gridcontent td.e-dropbottom:first-child.e-leftfreeze,
377
+ .e-treegrid .e-gridcontent td.e-rowcell.e-dropbottom.e-leftfreeze,
378
+ .e-treegrid .e-gridcontent td.e-dropbottom.e-leftfreeze {
379
+ position: sticky;
380
+ }
359
381
  .e-treegrid .e-gridcontent td.e-droptop:first-child,
360
382
  .e-treegrid .e-gridcontent td.e-rowcell.e-droptop {
361
383
  border-top-color: var(--color-sf-primary);
@@ -444,6 +466,9 @@
444
466
  position: relative;
445
467
  z-index: 1;
446
468
  }
469
+ .e-treegrid .e-grid.e-rtl .e-gridcontent td.e-childborder.e-leftfreeze {
470
+ position: sticky;
471
+ }
447
472
  .e-treegrid .e-grid.e-rtl .e-gridcontent td.e-rowcell.e-dragborder,
448
473
  .e-treegrid .e-grid.e-rtl .e-gridcontent tr.e-row:first-child .e-rowcell.e-dragborder,
449
474
  .e-treegrid .e-grid.e-rtl .e-gridcontent .e-rowdragdrop.e-dragborder {
@@ -476,4 +501,15 @@
476
501
  border-bottom-color: var(--color-sf-primary);
477
502
  }
478
503
 
504
+ .e-treelistgrid.e-print-grid-layout .e-icons.e-none::before {
505
+ content: "";
506
+ }
507
+ .e-treelistgrid.e-print-grid-layout .e-treecolumn-container .e-icons:not(.e-frame) {
508
+ display: inline-block;
509
+ }
510
+ .e-treelistgrid.e-print-grid-layout .e-treegridexpand {
511
+ -webkit-transform: rotate(90deg);
512
+ transform: rotate(90deg);
513
+ }
514
+
479
515
  /* stylelint-disable-line no-empty-source */
@@ -167,9 +167,20 @@
167
167
  content: "\e72a";
168
168
  }
169
169
 
170
+ .e-treelistgrid.e-print-grid-layout .e-treegridexpand::before,
171
+ .e-treelistgrid.e-print-grid-layout .e-treegridcollapse::before {
172
+ content: "\e75c";
173
+ }
174
+
170
175
  .e-treegrid .e-icons.e-none::before {
171
176
  content: "";
172
177
  }
178
+ .e-treegrid .e-grid.e-default.e-draggable:not(.e-rtl) tr td.e-rowdragdrop.e-childborder:first-child:not(.e-dropbottom) {
179
+ border-left: 2px dashed #4f46e5;
180
+ }
181
+ .e-treegrid .e-grid:not(.e-grid-min-height) .e-gridcontent tr.e-row.e-summaryrow .e-rowcell:empty {
182
+ height: auto;
183
+ }
173
184
  .e-treegrid .e-gridheader .e-headercell .e-css.e-hierarchycheckbox {
174
185
  height: 20px;
175
186
  vertical-align: middle;
@@ -236,6 +247,9 @@
236
247
  .e-treegrid .e-cloneproperties .e-treecolumn-container span {
237
248
  vertical-align: text-top;
238
249
  }
250
+ .e-treegrid .e-cloneproperties .e-rowcell:not(.e-gridclip) .errorValue .e-treecolumn-container {
251
+ display: table-row;
252
+ }
239
253
  .e-treegrid .e-hierarchycheckbox .e-frame {
240
254
  height: 14px;
241
255
  width: 14px;
@@ -320,6 +334,9 @@
320
334
  position: relative;
321
335
  z-index: 1;
322
336
  }
337
+ .e-treegrid .e-gridcontent td.e-childborder.e-leftfreeze {
338
+ position: sticky;
339
+ }
323
340
  .e-treegrid .e-gridcontent td.e-rowcell.e-childborder.e-dragborder,
324
341
  .e-treegrid .e-gridcontent td.e-rowcell.e-dropbottom.e-dragborder td.e-rowdragdrop.e-dropbottom.e-dragborder {
325
342
  -webkit-box-shadow: 0 1px 0 0 var(--color-sf-primary);
@@ -356,6 +373,11 @@
356
373
  position: relative;
357
374
  z-index: 1;
358
375
  }
376
+ .e-treegrid .e-gridcontent td.e-dropbottom:first-child.e-leftfreeze,
377
+ .e-treegrid .e-gridcontent td.e-rowcell.e-dropbottom.e-leftfreeze,
378
+ .e-treegrid .e-gridcontent td.e-dropbottom.e-leftfreeze {
379
+ position: sticky;
380
+ }
359
381
  .e-treegrid .e-gridcontent td.e-droptop:first-child,
360
382
  .e-treegrid .e-gridcontent td.e-rowcell.e-droptop {
361
383
  border-top-color: var(--color-sf-primary);
@@ -444,6 +466,9 @@
444
466
  position: relative;
445
467
  z-index: 1;
446
468
  }
469
+ .e-treegrid .e-grid.e-rtl .e-gridcontent td.e-childborder.e-leftfreeze {
470
+ position: sticky;
471
+ }
447
472
  .e-treegrid .e-grid.e-rtl .e-gridcontent td.e-rowcell.e-dragborder,
448
473
  .e-treegrid .e-grid.e-rtl .e-gridcontent tr.e-row:first-child .e-rowcell.e-dragborder,
449
474
  .e-treegrid .e-grid.e-rtl .e-gridcontent .e-rowdragdrop.e-dragborder {
@@ -476,24 +501,35 @@
476
501
  border-bottom-color: var(--color-sf-primary);
477
502
  }
478
503
 
504
+ .e-treelistgrid.e-print-grid-layout .e-icons.e-none::before {
505
+ content: "";
506
+ }
507
+ .e-treelistgrid.e-print-grid-layout .e-treecolumn-container .e-icons:not(.e-frame) {
508
+ display: inline-block;
509
+ }
510
+ .e-treelistgrid.e-print-grid-layout .e-treegridexpand {
511
+ -webkit-transform: rotate(90deg);
512
+ transform: rotate(90deg);
513
+ }
514
+
479
515
  /* stylelint-disable-line no-empty-source */
480
- .e-bigger .e-treegrid .e-treegridexpand,
481
- .e-bigger .e-treegrid .e-treegridcollapse {
516
+ .e-bigger .e-treegrid .e-grid .e-treegridexpand,
517
+ .e-bigger .e-treegrid .e-grid .e-treegridcollapse {
482
518
  font-size: 22px;
483
519
  height: 20px;
484
520
  width: 20px;
485
521
  vertical-align: bottom;
486
522
  }
487
- .e-bigger .e-treegrid .e-hierarchycheckbox {
523
+ .e-bigger .e-treegrid .e-grid .e-hierarchycheckbox {
488
524
  padding-left: 2px;
489
525
  }
490
- .e-bigger .e-treegrid .e-hierarchycheckbox .e-frame {
526
+ .e-bigger .e-treegrid .e-grid .e-hierarchycheckbox .e-frame {
491
527
  height: 16px;
492
528
  width: 16px;
493
529
  }
494
- .e-bigger .e-treegrid .e-treecell {
530
+ .e-bigger .e-treegrid .e-grid .e-treecell {
495
531
  line-height: 20px;
496
532
  }
497
- .e-bigger .e-treegrid .e-treecolumn-container span {
533
+ .e-bigger .e-treegrid .e-grid .e-treecolumn-container span {
498
534
  vertical-align: middle;
499
535
  }
@@ -163,9 +163,20 @@
163
163
  content: "\e72a";
164
164
  }
165
165
 
166
+ .e-treelistgrid.e-print-grid-layout .e-treegridexpand::before,
167
+ .e-treelistgrid.e-print-grid-layout .e-treegridcollapse::before {
168
+ content: "\e75c";
169
+ }
170
+
166
171
  .e-treegrid .e-icons.e-none::before {
167
172
  content: "";
168
173
  }
174
+ .e-treegrid .e-grid.e-default.e-draggable:not(.e-rtl) tr td.e-rowdragdrop.e-childborder:first-child:not(.e-dropbottom) {
175
+ border-left: 2px solid #4f46e5;
176
+ }
177
+ .e-treegrid .e-grid:not(.e-grid-min-height) .e-gridcontent tr.e-row.e-summaryrow .e-rowcell:empty {
178
+ height: auto;
179
+ }
169
180
  .e-treegrid .e-gridheader .e-headercell .e-css.e-hierarchycheckbox {
170
181
  height: 20px;
171
182
  vertical-align: middle;
@@ -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
  height: 14px;
237
251
  width: 14px;
@@ -316,6 +330,9 @@
316
330
  position: relative;
317
331
  z-index: 1;
318
332
  }
333
+ .e-treegrid .e-gridcontent td.e-childborder.e-leftfreeze {
334
+ position: sticky;
335
+ }
319
336
  .e-treegrid .e-gridcontent td.e-rowcell.e-childborder.e-dragborder,
320
337
  .e-treegrid .e-gridcontent td.e-rowcell.e-dropbottom.e-dragborder td.e-rowdragdrop.e-dropbottom.e-dragborder {
321
338
  -webkit-box-shadow: 0 1px 0 0 #0d6efd;
@@ -352,6 +369,11 @@
352
369
  position: relative;
353
370
  z-index: 1;
354
371
  }
372
+ .e-treegrid .e-gridcontent td.e-dropbottom:first-child.e-leftfreeze,
373
+ .e-treegrid .e-gridcontent td.e-rowcell.e-dropbottom.e-leftfreeze,
374
+ .e-treegrid .e-gridcontent td.e-dropbottom.e-leftfreeze {
375
+ position: sticky;
376
+ }
355
377
  .e-treegrid .e-gridcontent td.e-droptop:first-child,
356
378
  .e-treegrid .e-gridcontent td.e-rowcell.e-droptop {
357
379
  border-top-color: #0d6efd;
@@ -440,6 +462,9 @@
440
462
  position: relative;
441
463
  z-index: 1;
442
464
  }
465
+ .e-treegrid .e-grid.e-rtl .e-gridcontent td.e-childborder.e-leftfreeze {
466
+ position: sticky;
467
+ }
443
468
  .e-treegrid .e-grid.e-rtl .e-gridcontent td.e-rowcell.e-dragborder,
444
469
  .e-treegrid .e-grid.e-rtl .e-gridcontent tr.e-row:first-child .e-rowcell.e-dragborder,
445
470
  .e-treegrid .e-grid.e-rtl .e-gridcontent .e-rowdragdrop.e-dragborder {
@@ -472,24 +497,35 @@
472
497
  border-bottom-color: #0d6efd;
473
498
  }
474
499
 
500
+ .e-treelistgrid.e-print-grid-layout .e-icons.e-none::before {
501
+ content: "";
502
+ }
503
+ .e-treelistgrid.e-print-grid-layout .e-treecolumn-container .e-icons:not(.e-frame) {
504
+ display: inline-block;
505
+ }
506
+ .e-treelistgrid.e-print-grid-layout .e-treegridexpand {
507
+ -webkit-transform: rotate(90deg);
508
+ transform: rotate(90deg);
509
+ }
510
+
475
511
  /* stylelint-disable-line no-empty-source */
476
- .e-bigger .e-treegrid .e-treegridexpand,
477
- .e-bigger .e-treegrid .e-treegridcollapse {
512
+ .e-bigger .e-treegrid .e-grid .e-treegridexpand,
513
+ .e-bigger .e-treegrid .e-grid .e-treegridcollapse {
478
514
  font-size: 22px;
479
515
  height: 22px;
480
516
  width: 22px;
481
517
  vertical-align: bottom;
482
518
  }
483
- .e-bigger .e-treegrid .e-hierarchycheckbox {
519
+ .e-bigger .e-treegrid .e-grid .e-hierarchycheckbox {
484
520
  padding-left: 2px;
485
521
  }
486
- .e-bigger .e-treegrid .e-hierarchycheckbox .e-frame {
522
+ .e-bigger .e-treegrid .e-grid .e-hierarchycheckbox .e-frame {
487
523
  height: 18px;
488
524
  width: 18px;
489
525
  }
490
- .e-bigger .e-treegrid .e-treecell {
526
+ .e-bigger .e-treegrid .e-grid .e-treecell {
491
527
  line-height: 22px;
492
528
  }
493
- .e-bigger .e-treegrid .e-treecolumn-container span {
529
+ .e-bigger .e-treegrid .e-grid .e-treecolumn-container span {
494
530
  vertical-align: middle;
495
531
  }
@@ -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 #0074cc;
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 #0074cc;
@@ -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: #0074cc;
@@ -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: #0074cc;
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 */
@@ -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 #0074cc;
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 #0074cc;
@@ -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: #0074cc;
@@ -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: #0074cc;
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
  }