@syncfusion/ej2-treegrid 28.1.37 → 28.1.39

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 (79) hide show
  1. package/README.md +1 -1
  2. package/dist/ej2-treegrid.min.js +2 -2
  3. package/dist/ej2-treegrid.umd.min.js +2 -2
  4. package/dist/ej2-treegrid.umd.min.js.map +1 -1
  5. package/dist/es6/ej2-treegrid.es2015.js +15 -29
  6. package/dist/es6/ej2-treegrid.es2015.js.map +1 -1
  7. package/dist/es6/ej2-treegrid.es5.js +15 -29
  8. package/dist/es6/ej2-treegrid.es5.js.map +1 -1
  9. package/dist/global/ej2-treegrid.min.js +2 -2
  10. package/dist/global/ej2-treegrid.min.js.map +1 -1
  11. package/dist/global/index.d.ts +1 -1
  12. package/package.json +8 -7
  13. package/src/treegrid/actions/virtual-scroll.js +13 -5
  14. package/src/treegrid/base/data.js +1 -0
  15. package/src/treegrid/base/treegrid.js +1 -24
  16. package/styles/bds-lite.css +11 -14
  17. package/styles/bds.css +11 -14
  18. package/styles/bootstrap-dark-lite.css +11 -14
  19. package/styles/bootstrap-dark.css +11 -14
  20. package/styles/bootstrap-lite.css +11 -14
  21. package/styles/bootstrap.css +11 -14
  22. package/styles/bootstrap4-lite.css +11 -14
  23. package/styles/bootstrap4.css +11 -14
  24. package/styles/bootstrap5-dark-lite.css +11 -14
  25. package/styles/bootstrap5-dark.css +11 -14
  26. package/styles/bootstrap5-lite.css +11 -14
  27. package/styles/bootstrap5.3-lite.css +11 -14
  28. package/styles/bootstrap5.3.css +11 -14
  29. package/styles/bootstrap5.css +11 -14
  30. package/styles/fabric-dark-lite.css +11 -14
  31. package/styles/fabric-dark.css +11 -14
  32. package/styles/fabric-lite.css +11 -14
  33. package/styles/fabric.css +11 -14
  34. package/styles/fluent-dark-lite.css +11 -14
  35. package/styles/fluent-dark.css +11 -14
  36. package/styles/fluent-lite.css +11 -14
  37. package/styles/fluent.css +11 -14
  38. package/styles/fluent2-lite.css +11 -14
  39. package/styles/fluent2.css +11 -14
  40. package/styles/highcontrast-light-lite.css +11 -14
  41. package/styles/highcontrast-light.css +11 -14
  42. package/styles/highcontrast-lite.css +11 -14
  43. package/styles/highcontrast.css +11 -14
  44. package/styles/material-dark-lite.css +11 -14
  45. package/styles/material-dark.css +11 -14
  46. package/styles/material-lite.css +11 -14
  47. package/styles/material.css +11 -14
  48. package/styles/material3-dark-lite.css +11 -14
  49. package/styles/material3-dark.css +11 -14
  50. package/styles/material3-lite.css +11 -14
  51. package/styles/material3.css +11 -14
  52. package/styles/tailwind-dark-lite.css +11 -14
  53. package/styles/tailwind-dark.css +11 -14
  54. package/styles/tailwind-lite.css +11 -14
  55. package/styles/tailwind.css +11 -14
  56. package/styles/tailwind3-lite.css +11 -14
  57. package/styles/tailwind3.css +11 -14
  58. package/styles/treegrid/_layout.scss +13 -15
  59. package/styles/treegrid/bds.css +11 -14
  60. package/styles/treegrid/bootstrap-dark.css +11 -14
  61. package/styles/treegrid/bootstrap.css +11 -14
  62. package/styles/treegrid/bootstrap4.css +11 -14
  63. package/styles/treegrid/bootstrap5-dark.css +11 -14
  64. package/styles/treegrid/bootstrap5.3.css +11 -14
  65. package/styles/treegrid/bootstrap5.css +11 -14
  66. package/styles/treegrid/fabric-dark.css +11 -14
  67. package/styles/treegrid/fabric.css +11 -14
  68. package/styles/treegrid/fluent-dark.css +11 -14
  69. package/styles/treegrid/fluent.css +11 -14
  70. package/styles/treegrid/fluent2.css +11 -14
  71. package/styles/treegrid/highcontrast-light.css +11 -14
  72. package/styles/treegrid/highcontrast.css +11 -14
  73. package/styles/treegrid/material-dark.css +11 -14
  74. package/styles/treegrid/material.css +11 -14
  75. package/styles/treegrid/material3-dark.css +11 -14
  76. package/styles/treegrid/material3.css +11 -14
  77. package/styles/treegrid/tailwind-dark.css +11 -14
  78. package/styles/treegrid/tailwind.css +11 -14
  79. package/styles/treegrid/tailwind3.css +11 -14
@@ -200,6 +200,17 @@
200
200
  .e-treegrid .e-checkselection .e-movablecontent .e-rowcell {
201
201
  line-height: 21px;
202
202
  }
203
+ .e-treegrid .e-treegridexpand,
204
+ .e-treegrid .e-treegridcollapse {
205
+ color: #dadada;
206
+ cursor: pointer;
207
+ font-size: 10px;
208
+ height: 16px;
209
+ padding: 0;
210
+ text-align: center;
211
+ vertical-align: text-bottom;
212
+ width: 16px;
213
+ }
203
214
  .e-treegrid .e-treecell {
204
215
  display: table-cell;
205
216
  line-height: normal;
@@ -430,20 +441,6 @@
430
441
  border-bottom-color: #0074cc;
431
442
  }
432
443
 
433
- .e-treegrid .e-treegridexpand,
434
- .e-treegrid .e-treegridcollapse,
435
- .e-grid .e-treegridexpand,
436
- .e-grid .e-treegridcollapse {
437
- color: #dadada;
438
- cursor: pointer;
439
- font-size: 10px;
440
- height: 16px;
441
- padding: 0;
442
- text-align: center;
443
- vertical-align: text-bottom;
444
- width: 16px;
445
- }
446
-
447
444
  .e-treelistgrid.e-print-grid-layout .e-icons.e-none::before {
448
445
  content: "";
449
446
  }
@@ -200,6 +200,17 @@
200
200
  .e-treegrid .e-checkselection .e-movablecontent .e-rowcell {
201
201
  line-height: 21px;
202
202
  }
203
+ .e-treegrid .e-treegridexpand,
204
+ .e-treegrid .e-treegridcollapse {
205
+ color: #333;
206
+ cursor: pointer;
207
+ font-size: 10px;
208
+ height: 16px;
209
+ padding: 0;
210
+ text-align: center;
211
+ vertical-align: text-bottom;
212
+ width: 16px;
213
+ }
203
214
  .e-treegrid .e-treecell {
204
215
  display: table-cell;
205
216
  line-height: normal;
@@ -430,20 +441,6 @@
430
441
  border-bottom-color: #0078d6;
431
442
  }
432
443
 
433
- .e-treegrid .e-treegridexpand,
434
- .e-treegrid .e-treegridcollapse,
435
- .e-grid .e-treegridexpand,
436
- .e-grid .e-treegridcollapse {
437
- color: #333;
438
- cursor: pointer;
439
- font-size: 10px;
440
- height: 16px;
441
- padding: 0;
442
- text-align: center;
443
- vertical-align: text-bottom;
444
- width: 16px;
445
- }
446
-
447
444
  .e-treelistgrid.e-print-grid-layout .e-icons.e-none::before {
448
445
  content: "";
449
446
  }
@@ -263,6 +263,17 @@
263
263
  .e-treegrid .e-checkselection .e-movablecontent .e-rowcell {
264
264
  line-height: 21px;
265
265
  }
266
+ .e-treegrid .e-treegridexpand,
267
+ .e-treegrid .e-treegridcollapse {
268
+ color: #a19f9d;
269
+ cursor: pointer;
270
+ font-size: 18px;
271
+ height: 18px;
272
+ padding: 0;
273
+ text-align: center;
274
+ vertical-align: text-bottom;
275
+ width: 16px;
276
+ }
266
277
  .e-treegrid .e-treecell {
267
278
  display: table-cell;
268
279
  line-height: 19px;
@@ -493,20 +504,6 @@
493
504
  border-bottom-color: #0078d4;
494
505
  }
495
506
 
496
- .e-treegrid .e-treegridexpand,
497
- .e-treegrid .e-treegridcollapse,
498
- .e-grid .e-treegridexpand,
499
- .e-grid .e-treegridcollapse {
500
- color: #a19f9d;
501
- cursor: pointer;
502
- font-size: 18px;
503
- height: 18px;
504
- padding: 0;
505
- text-align: center;
506
- vertical-align: text-bottom;
507
- width: 16px;
508
- }
509
-
510
507
  .e-treelistgrid.e-print-grid-layout .e-icons.e-none::before {
511
508
  content: "";
512
509
  }
@@ -263,6 +263,17 @@
263
263
  .e-treegrid .e-checkselection .e-movablecontent .e-rowcell {
264
264
  line-height: 21px;
265
265
  }
266
+ .e-treegrid .e-treegridexpand,
267
+ .e-treegrid .e-treegridcollapse {
268
+ color: #605e5c;
269
+ cursor: pointer;
270
+ font-size: 18px;
271
+ height: 18px;
272
+ padding: 0;
273
+ text-align: center;
274
+ vertical-align: text-bottom;
275
+ width: 16px;
276
+ }
266
277
  .e-treegrid .e-treecell {
267
278
  display: table-cell;
268
279
  line-height: 19px;
@@ -493,20 +504,6 @@
493
504
  border-bottom-color: #0078d4;
494
505
  }
495
506
 
496
- .e-treegrid .e-treegridexpand,
497
- .e-treegrid .e-treegridcollapse,
498
- .e-grid .e-treegridexpand,
499
- .e-grid .e-treegridcollapse {
500
- color: #605e5c;
501
- cursor: pointer;
502
- font-size: 18px;
503
- height: 18px;
504
- padding: 0;
505
- text-align: center;
506
- vertical-align: text-bottom;
507
- width: 16px;
508
- }
509
-
510
507
  .e-treelistgrid.e-print-grid-layout .e-icons.e-none::before {
511
508
  content: "";
512
509
  }
@@ -447,6 +447,17 @@
447
447
  .e-treegrid .e-checkselection .e-movablecontent .e-rowcell {
448
448
  line-height: 21px;
449
449
  }
450
+ .e-treegrid .e-treegridexpand,
451
+ .e-treegrid .e-treegridcollapse {
452
+ color: var(--color-sf-icon-color);
453
+ cursor: pointer;
454
+ font-size: 16px;
455
+ height: 16px;
456
+ padding: 0;
457
+ text-align: center;
458
+ vertical-align: text-bottom;
459
+ width: 16px;
460
+ }
450
461
  .e-treegrid .e-treecell {
451
462
  display: table-cell;
452
463
  line-height: 19px;
@@ -680,20 +691,6 @@
680
691
  border-bottom-color: var(--color-sf-primary);
681
692
  }
682
693
 
683
- .e-treegrid .e-treegridexpand,
684
- .e-treegrid .e-treegridcollapse,
685
- .e-grid .e-treegridexpand,
686
- .e-grid .e-treegridcollapse {
687
- color: var(--color-sf-icon-color);
688
- cursor: pointer;
689
- font-size: 16px;
690
- height: 16px;
691
- padding: 0;
692
- text-align: center;
693
- vertical-align: text-bottom;
694
- width: 16px;
695
- }
696
-
697
694
  .e-treelistgrid.e-print-grid-layout .e-icons.e-none::before {
698
695
  content: "";
699
696
  }
@@ -206,6 +206,17 @@
206
206
  .e-treegrid .e-checkselection .e-movablecontent .e-rowcell {
207
207
  line-height: 21px;
208
208
  }
209
+ .e-treegrid .e-treegridexpand,
210
+ .e-treegrid .e-treegridcollapse {
211
+ color: #000;
212
+ cursor: pointer;
213
+ font-size: 10px;
214
+ height: 16px;
215
+ padding: 0;
216
+ text-align: center;
217
+ vertical-align: text-bottom;
218
+ width: 16px;
219
+ }
209
220
  .e-treegrid .e-treecell {
210
221
  display: table-cell;
211
222
  line-height: normal;
@@ -436,20 +447,6 @@
436
447
  border-bottom-color: #400074;
437
448
  }
438
449
 
439
- .e-treegrid .e-treegridexpand,
440
- .e-treegrid .e-treegridcollapse,
441
- .e-grid .e-treegridexpand,
442
- .e-grid .e-treegridcollapse {
443
- color: #000;
444
- cursor: pointer;
445
- font-size: 10px;
446
- height: 16px;
447
- padding: 0;
448
- text-align: center;
449
- vertical-align: text-bottom;
450
- width: 16px;
451
- }
452
-
453
450
  .e-treelistgrid.e-print-grid-layout .e-icons.e-none::before {
454
451
  content: "";
455
452
  }
@@ -213,6 +213,17 @@
213
213
  .e-treegrid .e-checkselection .e-movablecontent .e-rowcell {
214
214
  line-height: 21px;
215
215
  }
216
+ .e-treegrid .e-treegridexpand,
217
+ .e-treegrid .e-treegridcollapse {
218
+ color: #fff;
219
+ cursor: pointer;
220
+ font-size: 10px;
221
+ height: 16px;
222
+ padding: 0;
223
+ text-align: center;
224
+ vertical-align: text-bottom;
225
+ width: 16px;
226
+ }
216
227
  .e-treegrid .e-treecell {
217
228
  display: table-cell;
218
229
  line-height: normal;
@@ -443,20 +454,6 @@
443
454
  border-bottom-color: #ffd939;
444
455
  }
445
456
 
446
- .e-treegrid .e-treegridexpand,
447
- .e-treegrid .e-treegridcollapse,
448
- .e-grid .e-treegridexpand,
449
- .e-grid .e-treegridcollapse {
450
- color: #fff;
451
- cursor: pointer;
452
- font-size: 10px;
453
- height: 16px;
454
- padding: 0;
455
- text-align: center;
456
- vertical-align: text-bottom;
457
- width: 16px;
458
- }
459
-
460
457
  .e-treelistgrid.e-print-grid-layout .e-icons.e-none::before {
461
458
  content: "";
462
459
  }
@@ -282,6 +282,17 @@
282
282
  .e-treegrid .e-checkselection .e-movablecontent .e-rowcell {
283
283
  line-height: 21px;
284
284
  }
285
+ .e-treegrid .e-treegridexpand,
286
+ .e-treegrid .e-treegridcollapse {
287
+ color: #fff;
288
+ cursor: pointer;
289
+ font-size: 10px;
290
+ height: 16px;
291
+ padding: 0;
292
+ text-align: center;
293
+ vertical-align: text-bottom;
294
+ width: 16px;
295
+ }
285
296
  .e-treegrid .e-treecell {
286
297
  display: table-cell;
287
298
  line-height: normal;
@@ -512,20 +523,6 @@
512
523
  border-bottom-color: #00b0ff;
513
524
  }
514
525
 
515
- .e-treegrid .e-treegridexpand,
516
- .e-treegrid .e-treegridcollapse,
517
- .e-grid .e-treegridexpand,
518
- .e-grid .e-treegridcollapse {
519
- color: #fff;
520
- cursor: pointer;
521
- font-size: 10px;
522
- height: 16px;
523
- padding: 0;
524
- text-align: center;
525
- vertical-align: text-bottom;
526
- width: 16px;
527
- }
528
-
529
526
  .e-treelistgrid.e-print-grid-layout .e-icons.e-none::before {
530
527
  content: "";
531
528
  }
@@ -306,6 +306,17 @@
306
306
  .e-treegrid .e-checkselection .e-movablecontent .e-rowcell {
307
307
  line-height: 21px;
308
308
  }
309
+ .e-treegrid .e-treegridexpand,
310
+ .e-treegrid .e-treegridcollapse {
311
+ color: #000;
312
+ cursor: pointer;
313
+ font-size: 10px;
314
+ height: 16px;
315
+ padding: 0;
316
+ text-align: center;
317
+ vertical-align: text-bottom;
318
+ width: 16px;
319
+ }
309
320
  .e-treegrid .e-treecell {
310
321
  display: table-cell;
311
322
  line-height: normal;
@@ -536,20 +547,6 @@
536
547
  border-bottom-color: #e3165b;
537
548
  }
538
549
 
539
- .e-treegrid .e-treegridexpand,
540
- .e-treegrid .e-treegridcollapse,
541
- .e-grid .e-treegridexpand,
542
- .e-grid .e-treegridcollapse {
543
- color: #000;
544
- cursor: pointer;
545
- font-size: 10px;
546
- height: 16px;
547
- padding: 0;
548
- text-align: center;
549
- vertical-align: text-bottom;
550
- width: 16px;
551
- }
552
-
553
550
  .e-treelistgrid.e-print-grid-layout .e-icons.e-none::before {
554
551
  content: "";
555
552
  }
@@ -293,6 +293,17 @@
293
293
  .e-treegrid .e-checkselection .e-movablecontent .e-rowcell {
294
294
  line-height: 21px;
295
295
  }
296
+ .e-treegrid .e-treegridexpand,
297
+ .e-treegrid .e-treegridcollapse {
298
+ color: rgba(var(--color-sf-on-surface-variant));
299
+ cursor: pointer;
300
+ font-size: 18px;
301
+ height: 18px;
302
+ padding: 0;
303
+ text-align: center;
304
+ vertical-align: text-bottom;
305
+ width: 16px;
306
+ }
296
307
  .e-treegrid .e-treecell {
297
308
  display: table-cell;
298
309
  line-height: normal;
@@ -523,20 +534,6 @@
523
534
  border-bottom-color: rgba(var(--color-sf-primary));
524
535
  }
525
536
 
526
- .e-treegrid .e-treegridexpand,
527
- .e-treegrid .e-treegridcollapse,
528
- .e-grid .e-treegridexpand,
529
- .e-grid .e-treegridcollapse {
530
- color: rgba(var(--color-sf-on-surface-variant));
531
- cursor: pointer;
532
- font-size: 18px;
533
- height: 18px;
534
- padding: 0;
535
- text-align: center;
536
- vertical-align: text-bottom;
537
- width: 16px;
538
- }
539
-
540
537
  .e-treelistgrid.e-print-grid-layout .e-icons.e-none::before {
541
538
  content: "";
542
539
  }
@@ -295,6 +295,17 @@
295
295
  .e-treegrid .e-checkselection .e-movablecontent .e-rowcell {
296
296
  line-height: 21px;
297
297
  }
298
+ .e-treegrid .e-treegridexpand,
299
+ .e-treegrid .e-treegridcollapse {
300
+ color: rgba(var(--color-sf-on-surface-variant));
301
+ cursor: pointer;
302
+ font-size: 18px;
303
+ height: 18px;
304
+ padding: 0;
305
+ text-align: center;
306
+ vertical-align: text-bottom;
307
+ width: 16px;
308
+ }
298
309
  .e-treegrid .e-treecell {
299
310
  display: table-cell;
300
311
  line-height: normal;
@@ -525,20 +536,6 @@
525
536
  border-bottom-color: rgba(var(--color-sf-primary));
526
537
  }
527
538
 
528
- .e-treegrid .e-treegridexpand,
529
- .e-treegrid .e-treegridcollapse,
530
- .e-grid .e-treegridexpand,
531
- .e-grid .e-treegridcollapse {
532
- color: rgba(var(--color-sf-on-surface-variant));
533
- cursor: pointer;
534
- font-size: 18px;
535
- height: 18px;
536
- padding: 0;
537
- text-align: center;
538
- vertical-align: text-bottom;
539
- width: 16px;
540
- }
541
-
542
539
  .e-treelistgrid.e-print-grid-layout .e-icons.e-none::before {
543
540
  content: "";
544
541
  }
@@ -233,6 +233,17 @@
233
233
  .e-treegrid .e-checkselection .e-movablecontent .e-rowcell {
234
234
  line-height: 21px;
235
235
  }
236
+ .e-treegrid .e-treegridexpand,
237
+ .e-treegrid .e-treegridcollapse {
238
+ color: #d1d5db;
239
+ cursor: pointer;
240
+ font-size: 18px;
241
+ height: 18px;
242
+ padding: 0;
243
+ text-align: center;
244
+ vertical-align: text-bottom;
245
+ width: 16px;
246
+ }
236
247
  .e-treegrid .e-treecell {
237
248
  display: table-cell;
238
249
  line-height: normal;
@@ -463,20 +474,6 @@
463
474
  border-bottom-color: #22d3ee;
464
475
  }
465
476
 
466
- .e-treegrid .e-treegridexpand,
467
- .e-treegrid .e-treegridcollapse,
468
- .e-grid .e-treegridexpand,
469
- .e-grid .e-treegridcollapse {
470
- color: #d1d5db;
471
- cursor: pointer;
472
- font-size: 18px;
473
- height: 18px;
474
- padding: 0;
475
- text-align: center;
476
- vertical-align: text-bottom;
477
- width: 16px;
478
- }
479
-
480
477
  .e-treelistgrid.e-print-grid-layout .e-icons.e-none::before {
481
478
  content: "";
482
479
  }
@@ -233,6 +233,17 @@
233
233
  .e-treegrid .e-checkselection .e-movablecontent .e-rowcell {
234
234
  line-height: 21px;
235
235
  }
236
+ .e-treegrid .e-treegridexpand,
237
+ .e-treegrid .e-treegridcollapse {
238
+ color: #6b7280;
239
+ cursor: pointer;
240
+ font-size: 18px;
241
+ height: 18px;
242
+ padding: 0;
243
+ text-align: center;
244
+ vertical-align: text-bottom;
245
+ width: 16px;
246
+ }
236
247
  .e-treegrid .e-treecell {
237
248
  display: table-cell;
238
249
  line-height: normal;
@@ -463,20 +474,6 @@
463
474
  border-bottom-color: #4f46e5;
464
475
  }
465
476
 
466
- .e-treegrid .e-treegridexpand,
467
- .e-treegrid .e-treegridcollapse,
468
- .e-grid .e-treegridexpand,
469
- .e-grid .e-treegridcollapse {
470
- color: #6b7280;
471
- cursor: pointer;
472
- font-size: 18px;
473
- height: 18px;
474
- padding: 0;
475
- text-align: center;
476
- vertical-align: text-bottom;
477
- width: 16px;
478
- }
479
-
480
477
  .e-treelistgrid.e-print-grid-layout .e-icons.e-none::before {
481
478
  content: "";
482
479
  }
@@ -276,6 +276,17 @@
276
276
  .e-treegrid .e-checkselection .e-movablecontent .e-rowcell {
277
277
  line-height: 21px;
278
278
  }
279
+ .e-treegrid .e-treegridexpand,
280
+ .e-treegrid .e-treegridcollapse {
281
+ color: var(--color-sf-icon-color);
282
+ cursor: pointer;
283
+ font-size: 16px;
284
+ height: 16px;
285
+ padding: 0;
286
+ text-align: center;
287
+ vertical-align: text-bottom;
288
+ width: 16px;
289
+ }
279
290
  .e-treegrid .e-treecell {
280
291
  display: table-cell;
281
292
  line-height: normal;
@@ -506,20 +517,6 @@
506
517
  border-bottom-color: var(--color-sf-primary);
507
518
  }
508
519
 
509
- .e-treegrid .e-treegridexpand,
510
- .e-treegrid .e-treegridcollapse,
511
- .e-grid .e-treegridexpand,
512
- .e-grid .e-treegridcollapse {
513
- color: var(--color-sf-icon-color);
514
- cursor: pointer;
515
- font-size: 16px;
516
- height: 16px;
517
- padding: 0;
518
- text-align: center;
519
- vertical-align: text-bottom;
520
- width: 16px;
521
- }
522
-
523
520
  .e-treelistgrid.e-print-grid-layout .e-icons.e-none::before {
524
521
  content: "";
525
522
  }