@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
@@ -136,9 +136,20 @@
136
136
  content: "\e72a";
137
137
  }
138
138
 
139
+ .e-treelistgrid.e-print-grid-layout .e-treegridexpand::before,
140
+ .e-treelistgrid.e-print-grid-layout .e-treegridcollapse::before {
141
+ content: "\e75c";
142
+ }
143
+
139
144
  .e-treegrid .e-icons.e-none::before {
140
145
  content: "";
141
146
  }
147
+ .e-treegrid .e-grid.e-default.e-draggable:not(.e-rtl) tr td.e-rowdragdrop.e-childborder:first-child:not(.e-dropbottom) {
148
+ border-left: 2px solid #4f46e5;
149
+ }
150
+ .e-treegrid .e-grid:not(.e-grid-min-height) .e-gridcontent tr.e-row.e-summaryrow .e-rowcell:empty {
151
+ height: auto;
152
+ }
142
153
  .e-treegrid .e-gridheader .e-headercell .e-css.e-hierarchycheckbox {
143
154
  height: 20px;
144
155
  vertical-align: middle;
@@ -205,6 +216,9 @@
205
216
  .e-treegrid .e-cloneproperties .e-treecolumn-container span {
206
217
  vertical-align: text-top;
207
218
  }
219
+ .e-treegrid .e-cloneproperties .e-rowcell:not(.e-gridclip) .errorValue .e-treecolumn-container {
220
+ display: table-row;
221
+ }
208
222
  .e-treegrid .e-hierarchycheckbox .e-frame {
209
223
  height: 16px;
210
224
  width: 16px;
@@ -289,6 +303,9 @@
289
303
  position: relative;
290
304
  z-index: 1;
291
305
  }
306
+ .e-treegrid .e-gridcontent td.e-childborder.e-leftfreeze {
307
+ position: sticky;
308
+ }
292
309
  .e-treegrid .e-gridcontent td.e-rowcell.e-childborder.e-dragborder,
293
310
  .e-treegrid .e-gridcontent td.e-rowcell.e-dropbottom.e-dragborder td.e-rowdragdrop.e-dropbottom.e-dragborder {
294
311
  -webkit-box-shadow: 0 1px 0 0 #22d3ee;
@@ -325,6 +342,11 @@
325
342
  position: relative;
326
343
  z-index: 1;
327
344
  }
345
+ .e-treegrid .e-gridcontent td.e-dropbottom:first-child.e-leftfreeze,
346
+ .e-treegrid .e-gridcontent td.e-rowcell.e-dropbottom.e-leftfreeze,
347
+ .e-treegrid .e-gridcontent td.e-dropbottom.e-leftfreeze {
348
+ position: sticky;
349
+ }
328
350
  .e-treegrid .e-gridcontent td.e-droptop:first-child,
329
351
  .e-treegrid .e-gridcontent td.e-rowcell.e-droptop {
330
352
  border-top-color: #22d3ee;
@@ -413,6 +435,9 @@
413
435
  position: relative;
414
436
  z-index: 1;
415
437
  }
438
+ .e-treegrid .e-grid.e-rtl .e-gridcontent td.e-childborder.e-leftfreeze {
439
+ position: sticky;
440
+ }
416
441
  .e-treegrid .e-grid.e-rtl .e-gridcontent td.e-rowcell.e-dragborder,
417
442
  .e-treegrid .e-grid.e-rtl .e-gridcontent tr.e-row:first-child .e-rowcell.e-dragborder,
418
443
  .e-treegrid .e-grid.e-rtl .e-gridcontent .e-rowdragdrop.e-dragborder {
@@ -445,24 +470,35 @@
445
470
  border-bottom-color: #22d3ee;
446
471
  }
447
472
 
473
+ .e-treelistgrid.e-print-grid-layout .e-icons.e-none::before {
474
+ content: "";
475
+ }
476
+ .e-treelistgrid.e-print-grid-layout .e-treecolumn-container .e-icons:not(.e-frame) {
477
+ display: inline-block;
478
+ }
479
+ .e-treelistgrid.e-print-grid-layout .e-treegridexpand {
480
+ -webkit-transform: rotate(90deg);
481
+ transform: rotate(90deg);
482
+ }
483
+
448
484
  /* stylelint-disable-line no-empty-source */
449
- .e-bigger .e-treegrid .e-treegridexpand,
450
- .e-bigger .e-treegrid .e-treegridcollapse {
485
+ .e-bigger .e-treegrid .e-grid .e-treegridexpand,
486
+ .e-bigger .e-treegrid .e-grid .e-treegridcollapse {
451
487
  font-size: 22px;
452
488
  height: 22px;
453
489
  width: 22px;
454
490
  vertical-align: bottom;
455
491
  }
456
- .e-bigger .e-treegrid .e-hierarchycheckbox {
492
+ .e-bigger .e-treegrid .e-grid .e-hierarchycheckbox {
457
493
  padding-left: 2px;
458
494
  }
459
- .e-bigger .e-treegrid .e-hierarchycheckbox .e-frame {
495
+ .e-bigger .e-treegrid .e-grid .e-hierarchycheckbox .e-frame {
460
496
  height: 18px;
461
497
  width: 18px;
462
498
  }
463
- .e-bigger .e-treegrid .e-treecell {
499
+ .e-bigger .e-treegrid .e-grid .e-treecell {
464
500
  line-height: 22px;
465
501
  }
466
- .e-bigger .e-treegrid .e-treecolumn-container span {
502
+ .e-bigger .e-treegrid .e-grid .e-treecolumn-container span {
467
503
  vertical-align: middle;
468
504
  }
@@ -136,9 +136,20 @@
136
136
  content: "\e72a";
137
137
  }
138
138
 
139
+ .e-treelistgrid.e-print-grid-layout .e-treegridexpand::before,
140
+ .e-treelistgrid.e-print-grid-layout .e-treegridcollapse::before {
141
+ content: "\e75c";
142
+ }
143
+
139
144
  .e-treegrid .e-icons.e-none::before {
140
145
  content: "";
141
146
  }
147
+ .e-treegrid .e-grid.e-default.e-draggable:not(.e-rtl) tr td.e-rowdragdrop.e-childborder:first-child:not(.e-dropbottom) {
148
+ border-left: 2px solid #4f46e5;
149
+ }
150
+ .e-treegrid .e-grid:not(.e-grid-min-height) .e-gridcontent tr.e-row.e-summaryrow .e-rowcell:empty {
151
+ height: auto;
152
+ }
142
153
  .e-treegrid .e-gridheader .e-headercell .e-css.e-hierarchycheckbox {
143
154
  height: 20px;
144
155
  vertical-align: middle;
@@ -205,6 +216,9 @@
205
216
  .e-treegrid .e-cloneproperties .e-treecolumn-container span {
206
217
  vertical-align: text-top;
207
218
  }
219
+ .e-treegrid .e-cloneproperties .e-rowcell:not(.e-gridclip) .errorValue .e-treecolumn-container {
220
+ display: table-row;
221
+ }
208
222
  .e-treegrid .e-hierarchycheckbox .e-frame {
209
223
  height: 16px;
210
224
  width: 16px;
@@ -289,6 +303,9 @@
289
303
  position: relative;
290
304
  z-index: 1;
291
305
  }
306
+ .e-treegrid .e-gridcontent td.e-childborder.e-leftfreeze {
307
+ position: sticky;
308
+ }
292
309
  .e-treegrid .e-gridcontent td.e-rowcell.e-childborder.e-dragborder,
293
310
  .e-treegrid .e-gridcontent td.e-rowcell.e-dropbottom.e-dragborder td.e-rowdragdrop.e-dropbottom.e-dragborder {
294
311
  -webkit-box-shadow: 0 1px 0 0 #4f46e5;
@@ -325,6 +342,11 @@
325
342
  position: relative;
326
343
  z-index: 1;
327
344
  }
345
+ .e-treegrid .e-gridcontent td.e-dropbottom:first-child.e-leftfreeze,
346
+ .e-treegrid .e-gridcontent td.e-rowcell.e-dropbottom.e-leftfreeze,
347
+ .e-treegrid .e-gridcontent td.e-dropbottom.e-leftfreeze {
348
+ position: sticky;
349
+ }
328
350
  .e-treegrid .e-gridcontent td.e-droptop:first-child,
329
351
  .e-treegrid .e-gridcontent td.e-rowcell.e-droptop {
330
352
  border-top-color: #4f46e5;
@@ -413,6 +435,9 @@
413
435
  position: relative;
414
436
  z-index: 1;
415
437
  }
438
+ .e-treegrid .e-grid.e-rtl .e-gridcontent td.e-childborder.e-leftfreeze {
439
+ position: sticky;
440
+ }
416
441
  .e-treegrid .e-grid.e-rtl .e-gridcontent td.e-rowcell.e-dragborder,
417
442
  .e-treegrid .e-grid.e-rtl .e-gridcontent tr.e-row:first-child .e-rowcell.e-dragborder,
418
443
  .e-treegrid .e-grid.e-rtl .e-gridcontent .e-rowdragdrop.e-dragborder {
@@ -445,4 +470,15 @@
445
470
  border-bottom-color: #4f46e5;
446
471
  }
447
472
 
473
+ .e-treelistgrid.e-print-grid-layout .e-icons.e-none::before {
474
+ content: "";
475
+ }
476
+ .e-treelistgrid.e-print-grid-layout .e-treecolumn-container .e-icons:not(.e-frame) {
477
+ display: inline-block;
478
+ }
479
+ .e-treelistgrid.e-print-grid-layout .e-treegridexpand {
480
+ -webkit-transform: rotate(90deg);
481
+ transform: rotate(90deg);
482
+ }
483
+
448
484
  /* stylelint-disable-line no-empty-source */
@@ -136,9 +136,20 @@
136
136
  content: "\e72a";
137
137
  }
138
138
 
139
+ .e-treelistgrid.e-print-grid-layout .e-treegridexpand::before,
140
+ .e-treelistgrid.e-print-grid-layout .e-treegridcollapse::before {
141
+ content: "\e75c";
142
+ }
143
+
139
144
  .e-treegrid .e-icons.e-none::before {
140
145
  content: "";
141
146
  }
147
+ .e-treegrid .e-grid.e-default.e-draggable:not(.e-rtl) tr td.e-rowdragdrop.e-childborder:first-child:not(.e-dropbottom) {
148
+ border-left: 2px solid #4f46e5;
149
+ }
150
+ .e-treegrid .e-grid:not(.e-grid-min-height) .e-gridcontent tr.e-row.e-summaryrow .e-rowcell:empty {
151
+ height: auto;
152
+ }
142
153
  .e-treegrid .e-gridheader .e-headercell .e-css.e-hierarchycheckbox {
143
154
  height: 20px;
144
155
  vertical-align: middle;
@@ -205,6 +216,9 @@
205
216
  .e-treegrid .e-cloneproperties .e-treecolumn-container span {
206
217
  vertical-align: text-top;
207
218
  }
219
+ .e-treegrid .e-cloneproperties .e-rowcell:not(.e-gridclip) .errorValue .e-treecolumn-container {
220
+ display: table-row;
221
+ }
208
222
  .e-treegrid .e-hierarchycheckbox .e-frame {
209
223
  height: 16px;
210
224
  width: 16px;
@@ -289,6 +303,9 @@
289
303
  position: relative;
290
304
  z-index: 1;
291
305
  }
306
+ .e-treegrid .e-gridcontent td.e-childborder.e-leftfreeze {
307
+ position: sticky;
308
+ }
292
309
  .e-treegrid .e-gridcontent td.e-rowcell.e-childborder.e-dragborder,
293
310
  .e-treegrid .e-gridcontent td.e-rowcell.e-dropbottom.e-dragborder td.e-rowdragdrop.e-dropbottom.e-dragborder {
294
311
  -webkit-box-shadow: 0 1px 0 0 #4f46e5;
@@ -325,6 +342,11 @@
325
342
  position: relative;
326
343
  z-index: 1;
327
344
  }
345
+ .e-treegrid .e-gridcontent td.e-dropbottom:first-child.e-leftfreeze,
346
+ .e-treegrid .e-gridcontent td.e-rowcell.e-dropbottom.e-leftfreeze,
347
+ .e-treegrid .e-gridcontent td.e-dropbottom.e-leftfreeze {
348
+ position: sticky;
349
+ }
328
350
  .e-treegrid .e-gridcontent td.e-droptop:first-child,
329
351
  .e-treegrid .e-gridcontent td.e-rowcell.e-droptop {
330
352
  border-top-color: #4f46e5;
@@ -413,6 +435,9 @@
413
435
  position: relative;
414
436
  z-index: 1;
415
437
  }
438
+ .e-treegrid .e-grid.e-rtl .e-gridcontent td.e-childborder.e-leftfreeze {
439
+ position: sticky;
440
+ }
416
441
  .e-treegrid .e-grid.e-rtl .e-gridcontent td.e-rowcell.e-dragborder,
417
442
  .e-treegrid .e-grid.e-rtl .e-gridcontent tr.e-row:first-child .e-rowcell.e-dragborder,
418
443
  .e-treegrid .e-grid.e-rtl .e-gridcontent .e-rowdragdrop.e-dragborder {
@@ -445,24 +470,35 @@
445
470
  border-bottom-color: #4f46e5;
446
471
  }
447
472
 
473
+ .e-treelistgrid.e-print-grid-layout .e-icons.e-none::before {
474
+ content: "";
475
+ }
476
+ .e-treelistgrid.e-print-grid-layout .e-treecolumn-container .e-icons:not(.e-frame) {
477
+ display: inline-block;
478
+ }
479
+ .e-treelistgrid.e-print-grid-layout .e-treegridexpand {
480
+ -webkit-transform: rotate(90deg);
481
+ transform: rotate(90deg);
482
+ }
483
+
448
484
  /* stylelint-disable-line no-empty-source */
449
- .e-bigger .e-treegrid .e-treegridexpand,
450
- .e-bigger .e-treegrid .e-treegridcollapse {
485
+ .e-bigger .e-treegrid .e-grid .e-treegridexpand,
486
+ .e-bigger .e-treegrid .e-grid .e-treegridcollapse {
451
487
  font-size: 22px;
452
488
  height: 22px;
453
489
  width: 22px;
454
490
  vertical-align: bottom;
455
491
  }
456
- .e-bigger .e-treegrid .e-hierarchycheckbox {
492
+ .e-bigger .e-treegrid .e-grid .e-hierarchycheckbox {
457
493
  padding-left: 2px;
458
494
  }
459
- .e-bigger .e-treegrid .e-hierarchycheckbox .e-frame {
495
+ .e-bigger .e-treegrid .e-grid .e-hierarchycheckbox .e-frame {
460
496
  height: 18px;
461
497
  width: 18px;
462
498
  }
463
- .e-bigger .e-treegrid .e-treecell {
499
+ .e-bigger .e-treegrid .e-grid .e-treecell {
464
500
  line-height: 22px;
465
501
  }
466
- .e-bigger .e-treegrid .e-treecolumn-container span {
502
+ .e-bigger .e-treegrid .e-grid .e-treecolumn-container span {
467
503
  vertical-align: middle;
468
504
  }