@syncfusion/ej2-treegrid 19.3.57 → 19.4.38

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 (54) hide show
  1. package/.github/PULL_REQUEST_TEMPLATE/Bug.md +60 -0
  2. package/.github/PULL_REQUEST_TEMPLATE/feature.md +37 -0
  3. package/CHANGELOG.md +5 -51
  4. package/dist/ej2-treegrid.umd.min.js +2 -2
  5. package/dist/ej2-treegrid.umd.min.js.map +1 -1
  6. package/dist/es6/ej2-treegrid.es2015.js +171 -27
  7. package/dist/es6/ej2-treegrid.es2015.js.map +1 -1
  8. package/dist/es6/ej2-treegrid.es5.js +177 -26
  9. package/dist/es6/ej2-treegrid.es5.js.map +1 -1
  10. package/dist/global/ej2-treegrid.min.js +2 -2
  11. package/dist/global/ej2-treegrid.min.js.map +1 -1
  12. package/dist/global/index.d.ts +1 -1
  13. package/package.json +9 -9
  14. package/src/treegrid/actions/batch-edit.js +5 -5
  15. package/src/treegrid/actions/edit.js +1 -2
  16. package/src/treegrid/base/interface.d.ts +4 -0
  17. package/src/treegrid/base/treegrid-model.d.ts +16 -1
  18. package/src/treegrid/base/treegrid.d.ts +43 -2
  19. package/src/treegrid/base/treegrid.js +146 -19
  20. package/src/treegrid/models/column.d.ts +9 -0
  21. package/src/treegrid/models/column.js +19 -0
  22. package/src/treegrid/renderer/virtual-row-model-generator.js +6 -0
  23. package/src/treegrid/renderer/virtual-tree-content-render.js +2 -1
  24. package/styles/bootstrap-dark.css +5 -0
  25. package/styles/bootstrap.css +5 -0
  26. package/styles/bootstrap4.css +5 -0
  27. package/styles/bootstrap5-dark.css +32 -27
  28. package/styles/bootstrap5.css +32 -27
  29. package/styles/fabric-dark.css +5 -0
  30. package/styles/fabric.css +5 -0
  31. package/styles/highcontrast-light.css +5 -0
  32. package/styles/highcontrast.css +5 -0
  33. package/styles/material-dark.css +5 -0
  34. package/styles/material.css +5 -0
  35. package/styles/tailwind-dark.css +31 -26
  36. package/styles/tailwind.css +5 -0
  37. package/styles/treegrid/_bootstrap5-definition.scss +4 -4
  38. package/styles/treegrid/_fluent-definition.scss +31 -0
  39. package/styles/treegrid/_layout.scss +8 -0
  40. package/styles/treegrid/_tailwind-definition.scss +4 -4
  41. package/styles/treegrid/bootstrap-dark.css +5 -0
  42. package/styles/treegrid/bootstrap.css +5 -0
  43. package/styles/treegrid/bootstrap4.css +5 -0
  44. package/styles/treegrid/bootstrap5-dark.css +32 -27
  45. package/styles/treegrid/bootstrap5.css +32 -27
  46. package/styles/treegrid/fabric-dark.css +5 -0
  47. package/styles/treegrid/fabric.css +5 -0
  48. package/styles/treegrid/highcontrast-light.css +5 -0
  49. package/styles/treegrid/highcontrast.css +5 -0
  50. package/styles/treegrid/icons/_fluent.scss +26 -0
  51. package/styles/treegrid/material-dark.css +5 -0
  52. package/styles/treegrid/material.css +5 -0
  53. package/styles/treegrid/tailwind-dark.css +31 -26
  54. package/styles/treegrid/tailwind.css +5 -0
package/styles/treegrid/tailwind-dark.css CHANGED
@@ -217,6 +217,11 @@
217
217
  content: '';
218
218
  }
219
219
 
220
+ .e-treegrid .e-gridheader .e-headercell .e-css.e-hierarchycheckbox {
221
+ height: 20px;
222
+ vertical-align: middle;
223
+ }
224
+
220
225
  .e-treegrid .e-treegridexpand::before,
221
226
  .e-treegrid .e-treegridcollapse::before {
222
227
  text-align: center;
@@ -359,22 +364,22 @@
359
364
  }
360
365
 
361
366
  .e-treegrid .e-errorelem::before {
362
- color: #22d3ee;
367
+ color: #4f46e5;
363
368
  content: "";
364
369
  transform: rotate(180deg);
365
370
  }
366
371
 
367
372
  .e-treegrid .e-gridcontent td.e-childborder {
368
- border-color: #22d3ee;
373
+ border-color: #4f46e5;
369
374
  border-width: 2px 0 0;
370
- box-shadow: 0 1px 0 0 #22d3ee;
375
+ box-shadow: 0 1px 0 0 #4f46e5;
371
376
  position: relative;
372
377
  z-index: 1;
373
378
  }
374
379
 
375
380
  .e-treegrid .e-gridcontent td.e-rowcell.e-childborder.e-dragborder,
376
381
  .e-treegrid .e-gridcontent td.e-rowcell.e-dropbottom.e-dragborder td.e-rowdragdrop.e-dropbottom.e-dragborder {
377
- box-shadow: 0 1px 0 0 #22d3ee;
382
+ box-shadow: 0 1px 0 0 #4f46e5;
378
383
  }
379
384
 
380
385
  .e-treegrid .e-gridcontent td.e-rowcell.e-dragborder,
@@ -384,14 +389,14 @@
384
389
  }
385
390
 
386
391
  .e-treegrid .e-gridcontent td.e-childborder:first-child {
387
- border-left: 2px solid #22d3ee;
388
- box-shadow: 0 1px 0 0 #22d3ee;
392
+ border-left: 2px solid #4f46e5;
393
+ box-shadow: 0 1px 0 0 #4f46e5;
389
394
  position: relative;
390
395
  z-index: 1;
391
396
  }
392
397
 
393
398
  .e-treegrid .e-gridcontent td.e-rowcell.e-childborder:last-child {
394
- border-right: 2px solid #22d3ee;
399
+ border-right: 2px solid #4f46e5;
395
400
  }
396
401
 
397
402
  .e-treegrid .e-gridcontent td.e-lastrowcell.e-childborder {
@@ -399,29 +404,29 @@
399
404
  }
400
405
 
401
406
  .e-treegrid .e-gridcontent td.e-lastrowcell.e-childborder:last-child {
402
- border-right: 2px solid #22d3ee;
407
+ border-right: 2px solid #4f46e5;
403
408
  }
404
409
 
405
410
  .e-treegrid .e-gridcontent td.e-lastrowcell.e-childborder:first-child {
406
- border-left: 2px solid #22d3ee;
411
+ border-left: 2px solid #4f46e5;
407
412
  }
408
413
 
409
414
  .e-treegrid .e-gridcontent td.e-dropbottom:first-child,
410
415
  .e-treegrid .e-gridcontent td.e-rowcell.e-dropbottom,
411
416
  .e-treegrid .e-gridcontent td.e-dropbottom {
412
- box-shadow: 0 1px 0 0 #22d3ee;
417
+ box-shadow: 0 1px 0 0 #4f46e5;
413
418
  position: relative;
414
419
  z-index: 1;
415
420
  }
416
421
 
417
422
  .e-treegrid .e-gridcontent td.e-droptop:first-child,
418
423
  .e-treegrid .e-gridcontent td.e-rowcell.e-droptop {
419
- border-top-color: #22d3ee;
424
+ border-top-color: #4f46e5;
420
425
  border-width: 2px 0 0;
421
426
  }
422
427
 
423
428
  .e-treegrid .e-gridcontent td.e-lastrowcell.e-dropbottom {
424
- border-bottom-color: #22d3ee;
429
+ border-bottom-color: #4f46e5;
425
430
  }
426
431
 
427
432
  .e-treegrid .e-gridcontent td.e-rowdragdrop.e-droptop.e-dragborder {
@@ -454,7 +459,7 @@
454
459
 
455
460
  .e-treegrid .e-gridheader .e-firstrow-border,
456
461
  .e-treegrid .e-gridcontent .e-lastrow-border {
457
- background-color: #22d3ee;
462
+ background-color: #4f46e5;
458
463
  bottom: 0;
459
464
  display: none;
460
465
  height: 1px;
@@ -464,23 +469,23 @@
464
469
 
465
470
  .e-treegrid .e-grid .e-gridcontent tr.e-row:first-child td.e-rowcell.e-childborder,
466
471
  .e-treegrid .e-grid .e-gridcontent tr.e-row:first-child td.e-rowdragdrop.e-childborder {
467
- border-bottom: 2px solid #22d3ee;
468
- border-top: 2px solid #22d3ee;
472
+ border-bottom: 2px solid #4f46e5;
473
+ border-top: 2px solid #4f46e5;
469
474
  box-shadow: 0 0 0 0 #4f46e5;
470
475
  }
471
476
 
472
477
  .e-treegrid .e-grid .e-gridcontent tr.e-row:first-child td.e-rowcell.e-droptop,
473
478
  .e-treegrid .e-grid .e-gridcontent tr.e-row:first-child td.e-rowdragdrop.e-droptop {
474
- border-top: 2px solid #22d3ee;
479
+ border-top: 2px solid #4f46e5;
475
480
  }
476
481
 
477
482
  .e-treegrid .e-grid .e-gridcontent td.e-rowcell.e-childborder, .e-treegrid .e-grid .e-gridcontent td.e-rowcell.e-dropbottom {
478
- border-bottom: 2px solid #22d3ee;
483
+ border-bottom: 2px solid #4f46e5;
479
484
  box-shadow: 0 0 0 0 #4f46e5;
480
485
  }
481
486
 
482
487
  .e-treegrid .e-grid .e-gridcontent td.e-rowdragdrop.e-childborder, .e-treegrid .e-grid .e-gridcontent td.e-rowdragdrop.e-dropbottom {
483
- border-bottom: 2px solid #22d3ee;
488
+ border-bottom: 2px solid #4f46e5;
484
489
  box-shadow: 0 0 0 0 #4f46e5;
485
490
  }
486
491
 
@@ -489,7 +494,7 @@
489
494
  }
490
495
 
491
496
  .e-treegrid .e-grid.e-rtl .e-gridcontent td.e-childborder {
492
- border-color: #22d3ee;
497
+ border-color: #4f46e5;
493
498
  border-width: 2px 0 2px 0;
494
499
  position: relative;
495
500
  z-index: 1;
@@ -502,14 +507,14 @@
502
507
  }
503
508
 
504
509
  .e-treegrid .e-grid.e-rtl .e-gridcontent td.e-childborder:first-child {
505
- border-right: 2px solid #22d3ee;
506
- box-shadow: 0 1px 0 0 #22d3ee;
510
+ border-right: 2px solid #4f46e5;
511
+ box-shadow: 0 1px 0 0 #4f46e5;
507
512
  position: relative;
508
513
  z-index: 1;
509
514
  }
510
515
 
511
516
  .e-treegrid .e-grid.e-rtl .e-gridcontent td.e-rowcell.e-childborder:last-child {
512
- border-left: 2px solid #22d3ee;
517
+ border-left: 2px solid #4f46e5;
513
518
  }
514
519
 
515
520
  .e-treegrid .e-grid.e-rtl .e-gridcontent td.e-lastrowcell.e-childborder {
@@ -517,21 +522,21 @@
517
522
  }
518
523
 
519
524
  .e-treegrid .e-grid.e-rtl .e-gridcontent td.e-lastrowcell.e-childborder:last-child {
520
- border-right: 2px solid #22d3ee;
525
+ border-right: 2px solid #4f46e5;
521
526
  }
522
527
 
523
528
  .e-treegrid .e-grid.e-rtl .e-gridcontent td.e-lastrowcell.e-childborder:first-child {
524
- border-left: 2px solid #22d3ee;
529
+ border-left: 2px solid #4f46e5;
525
530
  }
526
531
 
527
532
  .e-treegrid .e-grid.e-rtl .e-gridcontent td.e-droptop:first-child,
528
533
  .e-treegrid .e-grid.e-rtl .e-gridcontent td.e-rowcell.e-droptop {
529
- border-top-color: #22d3ee;
534
+ border-top-color: #4f46e5;
530
535
  border-width: 2px 0 0;
531
536
  }
532
537
 
533
538
  .e-treegrid .e-grid.e-rtl .e-gridcontent td.e-lastrowcell.e-dropbottom {
534
- border-bottom-color: #22d3ee;
539
+ border-bottom-color: #4f46e5;
535
540
  }
536
541
 
537
542
  .e-treegrid .e-grid.e-rtl .e-gridcontent .e-droptop .e-lastrow-dragborder {
package/styles/treegrid/tailwind.css CHANGED
@@ -217,6 +217,11 @@
217
217
  content: '';
218
218
  }
219
219
 
220
+ .e-treegrid .e-gridheader .e-headercell .e-css.e-hierarchycheckbox {
221
+ height: 20px;
222
+ vertical-align: middle;
223
+ }
224
+
220
225
  .e-treegrid .e-treegridexpand::before,
221
226
  .e-treegrid .e-treegridcollapse::before {
222
227
  text-align: center;