@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
@@ -0,0 +1,19 @@
1
+ @import 'ej2-base/styles/definition/bds.scss';
2
+ @import 'ej2-inputs/styles/input/bds-definition.scss';
3
+ @import 'ej2-inputs/styles/numerictextbox/bds-definition.scss';
4
+ @import 'ej2-buttons/styles/button/bds-definition.scss';
5
+ @import 'ej2-buttons/styles/radio-button/bds-definition.scss';
6
+ @import 'ej2-buttons/styles/check-box/bds-definition.scss';
7
+ @import 'ej2-dropdowns/styles/auto-complete/bds-definition.scss';
8
+ @import 'ej2-dropdowns/styles/drop-down-list/bds-definition.scss';
9
+ @import 'ej2-popups/styles/dialog/bds-definition.scss';
10
+ @import 'ej2-popups/styles/spinner/bds-definition.scss';
11
+ @import 'ej2-popups/styles/tooltip/bds-definition.scss';
12
+ @import 'ej2-calendars/styles/datepicker/bds-definition.scss';
13
+ @import 'ej2-calendars/styles/datetimepicker/bds-definition.scss';
14
+ @import 'ej2-navigations/styles/toolbar/bds-definition.scss';
15
+ @import 'ej2-navigations/styles/context-menu/bds-definition.scss';
16
+ @import 'bds-definition.scss';
17
+ @import 'icons/bds.scss';
18
+ @import 'all.scss';
19
+ @import 'bigger.scss';
@@ -124,9 +124,20 @@
124
124
  content: "\e35d";
125
125
  }
126
126
 
127
+ .e-treelistgrid.e-print-grid-layout .e-treegridexpand::before,
128
+ .e-treelistgrid.e-print-grid-layout .e-treegridcollapse::before {
129
+ content: "\e22f";
130
+ }
131
+
127
132
  .e-treegrid .e-icons.e-none::before {
128
133
  content: "";
129
134
  }
135
+ .e-treegrid .e-grid.e-default.e-draggable:not(.e-rtl) tr td.e-rowdragdrop.e-childborder:first-child:not(.e-dropbottom) {
136
+ border-left: 1px solid #0070f0;
137
+ }
138
+ .e-treegrid .e-grid:not(.e-grid-min-height) .e-gridcontent tr.e-row.e-summaryrow .e-rowcell:empty {
139
+ height: auto;
140
+ }
130
141
  .e-treegrid .e-gridheader .e-headercell .e-css.e-hierarchycheckbox {
131
142
  height: 20px;
132
143
  vertical-align: middle;
@@ -193,6 +204,9 @@
193
204
  .e-treegrid .e-cloneproperties .e-treecolumn-container span {
194
205
  vertical-align: text-top;
195
206
  }
207
+ .e-treegrid .e-cloneproperties .e-rowcell:not(.e-gridclip) .errorValue .e-treecolumn-container {
208
+ display: table-row;
209
+ }
196
210
  .e-treegrid .e-hierarchycheckbox .e-frame {
197
211
  height: 20px;
198
212
  width: 20px;
@@ -277,6 +291,9 @@
277
291
  position: relative;
278
292
  z-index: 1;
279
293
  }
294
+ .e-treegrid .e-gridcontent td.e-childborder.e-leftfreeze {
295
+ position: sticky;
296
+ }
280
297
  .e-treegrid .e-gridcontent td.e-rowcell.e-childborder.e-dragborder,
281
298
  .e-treegrid .e-gridcontent td.e-rowcell.e-dropbottom.e-dragborder td.e-rowdragdrop.e-dropbottom.e-dragborder {
282
299
  -webkit-box-shadow: 0 1px 0 0 #0070f0;
@@ -313,6 +330,11 @@
313
330
  position: relative;
314
331
  z-index: 1;
315
332
  }
333
+ .e-treegrid .e-gridcontent td.e-dropbottom:first-child.e-leftfreeze,
334
+ .e-treegrid .e-gridcontent td.e-rowcell.e-dropbottom.e-leftfreeze,
335
+ .e-treegrid .e-gridcontent td.e-dropbottom.e-leftfreeze {
336
+ position: sticky;
337
+ }
316
338
  .e-treegrid .e-gridcontent td.e-droptop:first-child,
317
339
  .e-treegrid .e-gridcontent td.e-rowcell.e-droptop {
318
340
  border-top-color: #0070f0;
@@ -401,6 +423,9 @@
401
423
  position: relative;
402
424
  z-index: 1;
403
425
  }
426
+ .e-treegrid .e-grid.e-rtl .e-gridcontent td.e-childborder.e-leftfreeze {
427
+ position: sticky;
428
+ }
404
429
  .e-treegrid .e-grid.e-rtl .e-gridcontent td.e-rowcell.e-dragborder,
405
430
  .e-treegrid .e-grid.e-rtl .e-gridcontent tr.e-row:first-child .e-rowcell.e-dragborder,
406
431
  .e-treegrid .e-grid.e-rtl .e-gridcontent .e-rowdragdrop.e-dragborder {
@@ -433,24 +458,35 @@
433
458
  border-bottom-color: #0070f0;
434
459
  }
435
460
 
461
+ .e-treelistgrid.e-print-grid-layout .e-icons.e-none::before {
462
+ content: "";
463
+ }
464
+ .e-treelistgrid.e-print-grid-layout .e-treecolumn-container .e-icons:not(.e-frame) {
465
+ display: inline-block;
466
+ }
467
+ .e-treelistgrid.e-print-grid-layout .e-treegridexpand {
468
+ -webkit-transform: rotate(90deg);
469
+ transform: rotate(90deg);
470
+ }
471
+
436
472
  /* stylelint-disable-line no-empty-source */
437
- .e-bigger .e-treegrid .e-treegridexpand,
438
- .e-bigger .e-treegrid .e-treegridcollapse {
473
+ .e-bigger .e-treegrid .e-grid .e-treegridexpand,
474
+ .e-bigger .e-treegrid .e-grid .e-treegridcollapse {
439
475
  font-size: 10px;
440
476
  height: 18px;
441
477
  width: 18px;
442
478
  vertical-align: bottom;
443
479
  }
444
- .e-bigger .e-treegrid .e-hierarchycheckbox {
480
+ .e-bigger .e-treegrid .e-grid .e-hierarchycheckbox {
445
481
  padding-left: 2px;
446
482
  }
447
- .e-bigger .e-treegrid .e-hierarchycheckbox .e-frame {
483
+ .e-bigger .e-treegrid .e-grid .e-hierarchycheckbox .e-frame {
448
484
  height: 20px;
449
485
  width: 20px;
450
486
  }
451
- .e-bigger .e-treegrid .e-treecell {
487
+ .e-bigger .e-treegrid .e-grid .e-treecell {
452
488
  line-height: 18px;
453
489
  }
454
- .e-bigger .e-treegrid .e-treecolumn-container span {
490
+ .e-bigger .e-treegrid .e-grid .e-treecolumn-container span {
455
491
  vertical-align: middle;
456
492
  }
@@ -124,9 +124,20 @@
124
124
  content: "\e35d";
125
125
  }
126
126
 
127
+ .e-treelistgrid.e-print-grid-layout .e-treegridexpand::before,
128
+ .e-treelistgrid.e-print-grid-layout .e-treegridcollapse::before {
129
+ content: "\e22f";
130
+ }
131
+
127
132
  .e-treegrid .e-icons.e-none::before {
128
133
  content: "";
129
134
  }
135
+ .e-treegrid .e-grid.e-default.e-draggable:not(.e-rtl) tr td.e-rowdragdrop.e-childborder:first-child:not(.e-dropbottom) {
136
+ border-left: 1px solid #317ab9;
137
+ }
138
+ .e-treegrid .e-grid:not(.e-grid-min-height) .e-gridcontent tr.e-row.e-summaryrow .e-rowcell:empty {
139
+ height: auto;
140
+ }
130
141
  .e-treegrid .e-gridheader .e-headercell .e-css.e-hierarchycheckbox {
131
142
  height: 20px;
132
143
  vertical-align: middle;
@@ -193,6 +204,9 @@
193
204
  .e-treegrid .e-cloneproperties .e-treecolumn-container span {
194
205
  vertical-align: text-top;
195
206
  }
207
+ .e-treegrid .e-cloneproperties .e-rowcell:not(.e-gridclip) .errorValue .e-treecolumn-container {
208
+ display: table-row;
209
+ }
196
210
  .e-treegrid .e-hierarchycheckbox .e-frame {
197
211
  font-size: 10px;
198
212
  height: 16px;
@@ -280,6 +294,9 @@
280
294
  position: relative;
281
295
  z-index: 1;
282
296
  }
297
+ .e-treegrid .e-gridcontent td.e-childborder.e-leftfreeze {
298
+ position: sticky;
299
+ }
283
300
  .e-treegrid .e-gridcontent td.e-rowcell.e-childborder.e-dragborder,
284
301
  .e-treegrid .e-gridcontent td.e-rowcell.e-dropbottom.e-dragborder td.e-rowdragdrop.e-dropbottom.e-dragborder {
285
302
  -webkit-box-shadow: 0 1px 0 0 #317ab9;
@@ -316,6 +333,11 @@
316
333
  position: relative;
317
334
  z-index: 1;
318
335
  }
336
+ .e-treegrid .e-gridcontent td.e-dropbottom:first-child.e-leftfreeze,
337
+ .e-treegrid .e-gridcontent td.e-rowcell.e-dropbottom.e-leftfreeze,
338
+ .e-treegrid .e-gridcontent td.e-dropbottom.e-leftfreeze {
339
+ position: sticky;
340
+ }
319
341
  .e-treegrid .e-gridcontent td.e-droptop:first-child,
320
342
  .e-treegrid .e-gridcontent td.e-rowcell.e-droptop {
321
343
  border-top-color: #317ab9;
@@ -404,6 +426,9 @@
404
426
  position: relative;
405
427
  z-index: 1;
406
428
  }
429
+ .e-treegrid .e-grid.e-rtl .e-gridcontent td.e-childborder.e-leftfreeze {
430
+ position: sticky;
431
+ }
407
432
  .e-treegrid .e-grid.e-rtl .e-gridcontent td.e-rowcell.e-dragborder,
408
433
  .e-treegrid .e-grid.e-rtl .e-gridcontent tr.e-row:first-child .e-rowcell.e-dragborder,
409
434
  .e-treegrid .e-grid.e-rtl .e-gridcontent .e-rowdragdrop.e-dragborder {
@@ -436,27 +461,38 @@
436
461
  border-bottom-color: #317ab9;
437
462
  }
438
463
 
464
+ .e-treelistgrid.e-print-grid-layout .e-icons.e-none::before {
465
+ content: "";
466
+ }
467
+ .e-treelistgrid.e-print-grid-layout .e-treecolumn-container .e-icons:not(.e-frame) {
468
+ display: inline-block;
469
+ }
470
+ .e-treelistgrid.e-print-grid-layout .e-treegridexpand {
471
+ -webkit-transform: rotate(90deg);
472
+ transform: rotate(90deg);
473
+ }
474
+
439
475
  /* stylelint-disable-line no-empty-source */
440
- .e-bigger .e-treegrid .e-treegridexpand,
441
- .e-bigger .e-treegrid .e-treegridcollapse {
476
+ .e-bigger .e-treegrid .e-grid .e-treegridexpand,
477
+ .e-bigger .e-treegrid .e-grid .e-treegridcollapse {
442
478
  font-size: 10px;
443
479
  height: 18px;
444
480
  width: 18px;
445
481
  vertical-align: bottom;
446
482
  }
447
- .e-bigger .e-treegrid .e-hierarchycheckbox {
483
+ .e-bigger .e-treegrid .e-grid .e-hierarchycheckbox {
448
484
  padding-left: 2px;
449
485
  }
450
- .e-bigger .e-treegrid .e-hierarchycheckbox .e-frame {
486
+ .e-bigger .e-treegrid .e-grid .e-hierarchycheckbox .e-frame {
451
487
  font-size: 12px;
452
488
  line-height: 12px;
453
489
  padding: 2px 0;
454
490
  height: 20px;
455
491
  width: 20px;
456
492
  }
457
- .e-bigger .e-treegrid .e-treecell {
493
+ .e-bigger .e-treegrid .e-grid .e-treecell {
458
494
  line-height: 18px;
459
495
  }
460
- .e-bigger .e-treegrid .e-treecolumn-container span {
496
+ .e-bigger .e-treegrid .e-grid .e-treecolumn-container span {
461
497
  vertical-align: middle;
462
498
  }
@@ -160,9 +160,20 @@
160
160
  content: "\e722";
161
161
  }
162
162
 
163
+ .e-treelistgrid.e-print-grid-layout .e-treegridexpand::before,
164
+ .e-treelistgrid.e-print-grid-layout .e-treegridcollapse::before {
165
+ content: "\e70b";
166
+ }
167
+
163
168
  .e-treegrid .e-icons.e-none::before {
164
169
  content: "";
165
170
  }
171
+ .e-treegrid .e-grid.e-default.e-draggable:not(.e-rtl) tr td.e-rowdragdrop.e-childborder:first-child:not(.e-dropbottom) {
172
+ border-left: 1px solid;
173
+ }
174
+ .e-treegrid .e-grid:not(.e-grid-min-height) .e-gridcontent tr.e-row.e-summaryrow .e-rowcell:empty {
175
+ height: auto;
176
+ }
166
177
  .e-treegrid .e-gridheader .e-headercell .e-css.e-hierarchycheckbox {
167
178
  height: 20px;
168
179
  vertical-align: middle;
@@ -229,6 +240,9 @@
229
240
  .e-treegrid .e-cloneproperties .e-treecolumn-container span {
230
241
  vertical-align: text-top;
231
242
  }
243
+ .e-treegrid .e-cloneproperties .e-rowcell:not(.e-gridclip) .errorValue .e-treecolumn-container {
244
+ display: table-row;
245
+ }
232
246
  .e-treegrid .e-hierarchycheckbox .e-frame {
233
247
  height: 14px;
234
248
  width: 14px;
@@ -313,6 +327,9 @@
313
327
  position: relative;
314
328
  z-index: 1;
315
329
  }
330
+ .e-treegrid .e-gridcontent td.e-childborder.e-leftfreeze {
331
+ position: sticky;
332
+ }
316
333
  .e-treegrid .e-gridcontent td.e-rowcell.e-childborder.e-dragborder,
317
334
  .e-treegrid .e-gridcontent td.e-rowcell.e-dropbottom.e-dragborder td.e-rowdragdrop.e-dropbottom.e-dragborder {
318
335
  -webkit-box-shadow: 0 1px 0 0 #e3165b;
@@ -349,6 +366,11 @@
349
366
  position: relative;
350
367
  z-index: 1;
351
368
  }
369
+ .e-treegrid .e-gridcontent td.e-dropbottom:first-child.e-leftfreeze,
370
+ .e-treegrid .e-gridcontent td.e-rowcell.e-dropbottom.e-leftfreeze,
371
+ .e-treegrid .e-gridcontent td.e-dropbottom.e-leftfreeze {
372
+ position: sticky;
373
+ }
352
374
  .e-treegrid .e-gridcontent td.e-droptop:first-child,
353
375
  .e-treegrid .e-gridcontent td.e-rowcell.e-droptop {
354
376
  border-top-color: #e3165b;
@@ -437,6 +459,9 @@
437
459
  position: relative;
438
460
  z-index: 1;
439
461
  }
462
+ .e-treegrid .e-grid.e-rtl .e-gridcontent td.e-childborder.e-leftfreeze {
463
+ position: sticky;
464
+ }
440
465
  .e-treegrid .e-grid.e-rtl .e-gridcontent td.e-rowcell.e-dragborder,
441
466
  .e-treegrid .e-grid.e-rtl .e-gridcontent tr.e-row:first-child .e-rowcell.e-dragborder,
442
467
  .e-treegrid .e-grid.e-rtl .e-gridcontent .e-rowdragdrop.e-dragborder {
@@ -469,24 +494,35 @@
469
494
  border-bottom-color: #e3165b;
470
495
  }
471
496
 
497
+ .e-treelistgrid.e-print-grid-layout .e-icons.e-none::before {
498
+ content: "";
499
+ }
500
+ .e-treelistgrid.e-print-grid-layout .e-treecolumn-container .e-icons:not(.e-frame) {
501
+ display: inline-block;
502
+ }
503
+ .e-treelistgrid.e-print-grid-layout .e-treegridexpand {
504
+ -webkit-transform: rotate(90deg);
505
+ transform: rotate(90deg);
506
+ }
507
+
472
508
  /* stylelint-disable-line no-empty-source */
473
- .e-bigger .e-treegrid .e-treegridexpand,
474
- .e-bigger .e-treegrid .e-treegridcollapse {
509
+ .e-bigger .e-treegrid .e-grid .e-treegridexpand,
510
+ .e-bigger .e-treegrid .e-grid .e-treegridcollapse {
475
511
  font-size: 10px;
476
512
  height: 16px;
477
513
  width: 16px;
478
514
  vertical-align: bottom;
479
515
  }
480
- .e-bigger .e-treegrid .e-hierarchycheckbox {
516
+ .e-bigger .e-treegrid .e-grid .e-hierarchycheckbox {
481
517
  padding-left: 2px;
482
518
  }
483
- .e-bigger .e-treegrid .e-hierarchycheckbox .e-frame {
519
+ .e-bigger .e-treegrid .e-grid .e-hierarchycheckbox .e-frame {
484
520
  height: 20px;
485
521
  width: 20px;
486
522
  }
487
- .e-bigger .e-treegrid .e-treecell {
523
+ .e-bigger .e-treegrid .e-grid .e-treecell {
488
524
  line-height: 16px;
489
525
  }
490
- .e-bigger .e-treegrid .e-treecolumn-container span {
526
+ .e-bigger .e-treegrid .e-grid .e-treecolumn-container span {
491
527
  vertical-align: middle;
492
528
  }
@@ -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
  }
@@ -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
  }