@syncfusion/ej2-treegrid 27.2.3 → 28.1.35

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