@syncfusion/ej2-treegrid 19.3.44 → 19.3.48

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 (57) hide show
  1. package/CHANGELOG.md +39 -0
  2. package/dist/ej2-treegrid.umd.min.js +2 -2
  3. package/dist/ej2-treegrid.umd.min.js.map +1 -1
  4. package/dist/es6/ej2-treegrid.es2015.js +286 -93
  5. package/dist/es6/ej2-treegrid.es2015.js.map +1 -1
  6. package/dist/es6/ej2-treegrid.es5.js +322 -125
  7. package/dist/es6/ej2-treegrid.es5.js.map +1 -1
  8. package/dist/global/ej2-treegrid.min.js +2 -2
  9. package/dist/global/ej2-treegrid.min.js.map +1 -1
  10. package/dist/global/index.d.ts +1 -1
  11. package/package.json +9 -9
  12. package/src/treegrid/actions/batch-edit.js +19 -7
  13. package/src/treegrid/actions/crud-actions.js +1 -0
  14. package/src/treegrid/actions/edit.js +14 -7
  15. package/src/treegrid/actions/freeze-column.js +2 -1
  16. package/src/treegrid/actions/rowdragdrop.js +69 -46
  17. package/src/treegrid/actions/selection.js +29 -6
  18. package/src/treegrid/actions/virtual-scroll.js +15 -4
  19. package/src/treegrid/base/constant.d.ts +4 -0
  20. package/src/treegrid/base/constant.js +4 -0
  21. package/src/treegrid/base/treegrid-model.d.ts +8 -0
  22. package/src/treegrid/base/treegrid.d.ts +8 -0
  23. package/src/treegrid/base/treegrid.js +46 -17
  24. package/src/treegrid/renderer/render.js +9 -1
  25. package/src/treegrid/renderer/virtual-row-model-generator.d.ts +1 -0
  26. package/src/treegrid/renderer/virtual-row-model-generator.js +12 -0
  27. package/src/treegrid/renderer/virtual-tree-content-render.d.ts +2 -1
  28. package/src/treegrid/renderer/virtual-tree-content-render.js +102 -35
  29. package/styles/bootstrap-dark.css +1 -1
  30. package/styles/bootstrap.css +1 -1
  31. package/styles/bootstrap4.css +6 -1
  32. package/styles/bootstrap5-dark.css +32 -27
  33. package/styles/bootstrap5.css +32 -27
  34. package/styles/fabric-dark.css +1 -1
  35. package/styles/fabric.css +1 -1
  36. package/styles/highcontrast-light.css +1 -1
  37. package/styles/highcontrast.css +1 -1
  38. package/styles/material-dark.css +1 -1
  39. package/styles/material.css +1 -1
  40. package/styles/tailwind-dark.css +27 -27
  41. package/styles/tailwind.css +1 -1
  42. package/styles/treegrid/_bootstrap5-definition.scss +4 -4
  43. package/styles/treegrid/_layout.scss +1 -1
  44. package/styles/treegrid/_tailwind-definition.scss +4 -4
  45. package/styles/treegrid/bootstrap-dark.css +1 -1
  46. package/styles/treegrid/bootstrap.css +1 -1
  47. package/styles/treegrid/bootstrap4.css +6 -1
  48. package/styles/treegrid/bootstrap5-dark.css +32 -27
  49. package/styles/treegrid/bootstrap5.css +32 -27
  50. package/styles/treegrid/fabric-dark.css +1 -1
  51. package/styles/treegrid/fabric.css +1 -1
  52. package/styles/treegrid/highcontrast-light.css +1 -1
  53. package/styles/treegrid/highcontrast.css +1 -1
  54. package/styles/treegrid/material-dark.css +1 -1
  55. package/styles/treegrid/material.css +1 -1
  56. package/styles/treegrid/tailwind-dark.css +27 -27
  57. package/styles/treegrid/tailwind.css +1 -1
package/styles/treegrid/bootstrap-dark.css CHANGED
@@ -270,7 +270,7 @@
270
270
 
271
271
  .e-treegrid .e-treecell {
272
272
  display: table-cell;
273
- line-height: 10px;
273
+ line-height: normal;
274
274
  }
275
275
 
276
276
  .e-treegrid .e-grid.e-wrap .e-rowcell .e-treecolumn-container {
package/styles/treegrid/bootstrap.css CHANGED
@@ -271,7 +271,7 @@
271
271
 
272
272
  .e-treegrid .e-treecell {
273
273
  display: table-cell;
274
- line-height: 10px;
274
+ line-height: normal;
275
275
  }
276
276
 
277
277
  .e-treegrid .e-grid.e-wrap .e-rowcell .e-treecolumn-container {
package/styles/treegrid/bootstrap4.css CHANGED
@@ -77,6 +77,11 @@
77
77
  background: transparent;
78
78
  }
79
79
 
80
+ .e-input-group.e-control-wrapper.e-ddl.e-readonly .e-input[readonly],
81
+ .e-float-input.e-control-wrapper.e-ddl.e-readonly input[readonly] {
82
+ background: #e9ecef;
83
+ }
84
+
80
85
  .e-input-group:not(.e-disabled) .e-control.e-dropdownlist ~ .e-ddl-icon:active,
81
86
  .e-input-group:not(.e-disabled) .e-control.e-dropdownlist ~ .e-ddl-icon:hover,
82
87
  .e-control.e-dropdownlist .e-input-group:not(.e-disabled) .e-ddl-icon:active,
@@ -306,7 +311,7 @@
306
311
 
307
312
  .e-treegrid .e-treecell {
308
313
  display: table-cell;
309
- line-height: 10px;
314
+ line-height: normal;
310
315
  }
311
316
 
312
317
  .e-treegrid .e-grid.e-wrap .e-rowcell .e-treecolumn-container {
package/styles/treegrid/bootstrap5-dark.css CHANGED
@@ -65,6 +65,11 @@
65
65
  background: transparent;
66
66
  }
67
67
 
68
+ .e-input-group.e-control-wrapper.e-ddl.e-readonly .e-input[readonly],
69
+ .e-float-input.e-control-wrapper.e-ddl.e-readonly input[readonly] {
70
+ background: #343a40;
71
+ }
72
+
68
73
  .e-input-group:not(.e-disabled) .e-control.e-dropdownlist ~ .e-ddl-icon:active,
69
74
  .e-input-group:not(.e-disabled) .e-control.e-dropdownlist ~ .e-ddl-icon:hover,
70
75
  .e-control.e-dropdownlist .e-input-group:not(.e-disabled) .e-ddl-icon:active,
@@ -298,7 +303,7 @@
298
303
 
299
304
  .e-treegrid .e-treecell {
300
305
  display: table-cell;
301
- line-height: 18px;
306
+ line-height: normal;
302
307
  }
303
308
 
304
309
  .e-treegrid .e-grid.e-wrap .e-rowcell .e-treecolumn-container {
@@ -350,22 +355,22 @@
350
355
  }
351
356
 
352
357
  .e-treegrid .e-errorelem::before {
353
- color: #4f46e5;
358
+ color: #0d6efd;
354
359
  content: "";
355
360
  transform: rotate(180deg);
356
361
  }
357
362
 
358
363
  .e-treegrid .e-gridcontent td.e-childborder {
359
- border-color: #4f46e5;
364
+ border-color: #0d6efd;
360
365
  border-width: 2px 0 0;
361
- box-shadow: 0 1px 0 0 #4f46e5;
366
+ box-shadow: 0 1px 0 0 #0d6efd;
362
367
  position: relative;
363
368
  z-index: 1;
364
369
  }
365
370
 
366
371
  .e-treegrid .e-gridcontent td.e-rowcell.e-childborder.e-dragborder,
367
372
  .e-treegrid .e-gridcontent td.e-rowcell.e-dropbottom.e-dragborder td.e-rowdragdrop.e-dropbottom.e-dragborder {
368
- box-shadow: 0 1px 0 0 #4f46e5;
373
+ box-shadow: 0 1px 0 0 #0d6efd;
369
374
  }
370
375
 
371
376
  .e-treegrid .e-gridcontent td.e-rowcell.e-dragborder,
@@ -375,14 +380,14 @@
375
380
  }
376
381
 
377
382
  .e-treegrid .e-gridcontent td.e-childborder:first-child {
378
- border-left: 2px solid #4f46e5;
379
- box-shadow: 0 1px 0 0 #4f46e5;
383
+ border-left: 2px solid #0d6efd;
384
+ box-shadow: 0 1px 0 0 #0d6efd;
380
385
  position: relative;
381
386
  z-index: 1;
382
387
  }
383
388
 
384
389
  .e-treegrid .e-gridcontent td.e-rowcell.e-childborder:last-child {
385
- border-right: 2px solid #4f46e5;
390
+ border-right: 2px solid #0d6efd;
386
391
  }
387
392
 
388
393
  .e-treegrid .e-gridcontent td.e-lastrowcell.e-childborder {
@@ -390,29 +395,29 @@
390
395
  }
391
396
 
392
397
  .e-treegrid .e-gridcontent td.e-lastrowcell.e-childborder:last-child {
393
- border-right: 2px solid #4f46e5;
398
+ border-right: 2px solid #0d6efd;
394
399
  }
395
400
 
396
401
  .e-treegrid .e-gridcontent td.e-lastrowcell.e-childborder:first-child {
397
- border-left: 2px solid #4f46e5;
402
+ border-left: 2px solid #0d6efd;
398
403
  }
399
404
 
400
405
  .e-treegrid .e-gridcontent td.e-dropbottom:first-child,
401
406
  .e-treegrid .e-gridcontent td.e-rowcell.e-dropbottom,
402
407
  .e-treegrid .e-gridcontent td.e-dropbottom {
403
- box-shadow: 0 1px 0 0 #4f46e5;
408
+ box-shadow: 0 1px 0 0 #0d6efd;
404
409
  position: relative;
405
410
  z-index: 1;
406
411
  }
407
412
 
408
413
  .e-treegrid .e-gridcontent td.e-droptop:first-child,
409
414
  .e-treegrid .e-gridcontent td.e-rowcell.e-droptop {
410
- border-top-color: #4f46e5;
415
+ border-top-color: #0d6efd;
411
416
  border-width: 2px 0 0;
412
417
  }
413
418
 
414
419
  .e-treegrid .e-gridcontent td.e-lastrowcell.e-dropbottom {
415
- border-bottom-color: #4f46e5;
420
+ border-bottom-color: #0d6efd;
416
421
  }
417
422
 
418
423
  .e-treegrid .e-gridcontent td.e-rowdragdrop.e-droptop.e-dragborder {
@@ -445,7 +450,7 @@
445
450
 
446
451
  .e-treegrid .e-gridheader .e-firstrow-border,
447
452
  .e-treegrid .e-gridcontent .e-lastrow-border {
448
- background-color: #4f46e5;
453
+ background-color: #0d6efd;
449
454
  bottom: 0;
450
455
  display: none;
451
456
  height: 1px;
@@ -455,23 +460,23 @@
455
460
 
456
461
  .e-treegrid .e-grid .e-gridcontent tr.e-row:first-child td.e-rowcell.e-childborder,
457
462
  .e-treegrid .e-grid .e-gridcontent tr.e-row:first-child td.e-rowdragdrop.e-childborder {
458
- border-bottom: 2px solid #4f46e5;
459
- border-top: 2px solid #4f46e5;
463
+ border-bottom: 2px solid #0d6efd;
464
+ border-top: 2px solid #0d6efd;
460
465
  box-shadow: 0 0 0 0 #4f46e5;
461
466
  }
462
467
 
463
468
  .e-treegrid .e-grid .e-gridcontent tr.e-row:first-child td.e-rowcell.e-droptop,
464
469
  .e-treegrid .e-grid .e-gridcontent tr.e-row:first-child td.e-rowdragdrop.e-droptop {
465
- border-top: 2px solid #4f46e5;
470
+ border-top: 2px solid #0d6efd;
466
471
  }
467
472
 
468
473
  .e-treegrid .e-grid .e-gridcontent td.e-rowcell.e-childborder, .e-treegrid .e-grid .e-gridcontent td.e-rowcell.e-dropbottom {
469
- border-bottom: 2px solid #4f46e5;
474
+ border-bottom: 2px solid #0d6efd;
470
475
  box-shadow: 0 0 0 0 #4f46e5;
471
476
  }
472
477
 
473
478
  .e-treegrid .e-grid .e-gridcontent td.e-rowdragdrop.e-childborder, .e-treegrid .e-grid .e-gridcontent td.e-rowdragdrop.e-dropbottom {
474
- border-bottom: 2px solid #4f46e5;
479
+ border-bottom: 2px solid #0d6efd;
475
480
  box-shadow: 0 0 0 0 #4f46e5;
476
481
  }
477
482
 
@@ -480,7 +485,7 @@
480
485
  }
481
486
 
482
487
  .e-treegrid .e-grid.e-rtl .e-gridcontent td.e-childborder {
483
- border-color: #4f46e5;
488
+ border-color: #0d6efd;
484
489
  border-width: 2px 0 2px 0;
485
490
  position: relative;
486
491
  z-index: 1;
@@ -493,14 +498,14 @@
493
498
  }
494
499
 
495
500
  .e-treegrid .e-grid.e-rtl .e-gridcontent td.e-childborder:first-child {
496
- border-right: 2px solid #4f46e5;
497
- box-shadow: 0 1px 0 0 #4f46e5;
501
+ border-right: 2px solid #0d6efd;
502
+ box-shadow: 0 1px 0 0 #0d6efd;
498
503
  position: relative;
499
504
  z-index: 1;
500
505
  }
501
506
 
502
507
  .e-treegrid .e-grid.e-rtl .e-gridcontent td.e-rowcell.e-childborder:last-child {
503
- border-left: 2px solid #4f46e5;
508
+ border-left: 2px solid #0d6efd;
504
509
  }
505
510
 
506
511
  .e-treegrid .e-grid.e-rtl .e-gridcontent td.e-lastrowcell.e-childborder {
@@ -508,21 +513,21 @@
508
513
  }
509
514
 
510
515
  .e-treegrid .e-grid.e-rtl .e-gridcontent td.e-lastrowcell.e-childborder:last-child {
511
- border-right: 2px solid #4f46e5;
516
+ border-right: 2px solid #0d6efd;
512
517
  }
513
518
 
514
519
  .e-treegrid .e-grid.e-rtl .e-gridcontent td.e-lastrowcell.e-childborder:first-child {
515
- border-left: 2px solid #4f46e5;
520
+ border-left: 2px solid #0d6efd;
516
521
  }
517
522
 
518
523
  .e-treegrid .e-grid.e-rtl .e-gridcontent td.e-droptop:first-child,
519
524
  .e-treegrid .e-grid.e-rtl .e-gridcontent td.e-rowcell.e-droptop {
520
- border-top-color: #4f46e5;
525
+ border-top-color: #0d6efd;
521
526
  border-width: 2px 0 0;
522
527
  }
523
528
 
524
529
  .e-treegrid .e-grid.e-rtl .e-gridcontent td.e-lastrowcell.e-dropbottom {
525
- border-bottom-color: #4f46e5;
530
+ border-bottom-color: #0d6efd;
526
531
  }
527
532
 
528
533
  .e-treegrid .e-grid.e-rtl .e-gridcontent .e-droptop .e-lastrow-dragborder {
package/styles/treegrid/bootstrap5.css CHANGED
@@ -65,6 +65,11 @@
65
65
  background: transparent;
66
66
  }
67
67
 
68
+ .e-input-group.e-control-wrapper.e-ddl.e-readonly .e-input[readonly],
69
+ .e-float-input.e-control-wrapper.e-ddl.e-readonly input[readonly] {
70
+ background: #e9ecef;
71
+ }
72
+
68
73
  .e-input-group:not(.e-disabled) .e-control.e-dropdownlist ~ .e-ddl-icon:active,
69
74
  .e-input-group:not(.e-disabled) .e-control.e-dropdownlist ~ .e-ddl-icon:hover,
70
75
  .e-control.e-dropdownlist .e-input-group:not(.e-disabled) .e-ddl-icon:active,
@@ -298,7 +303,7 @@
298
303
 
299
304
  .e-treegrid .e-treecell {
300
305
  display: table-cell;
301
- line-height: 18px;
306
+ line-height: normal;
302
307
  }
303
308
 
304
309
  .e-treegrid .e-grid.e-wrap .e-rowcell .e-treecolumn-container {
@@ -350,22 +355,22 @@
350
355
  }
351
356
 
352
357
  .e-treegrid .e-errorelem::before {
353
- color: #4f46e5;
358
+ color: #0d6efd;
354
359
  content: "";
355
360
  transform: rotate(180deg);
356
361
  }
357
362
 
358
363
  .e-treegrid .e-gridcontent td.e-childborder {
359
- border-color: #4f46e5;
364
+ border-color: #0d6efd;
360
365
  border-width: 2px 0 0;
361
- box-shadow: 0 1px 0 0 #4f46e5;
366
+ box-shadow: 0 1px 0 0 #0d6efd;
362
367
  position: relative;
363
368
  z-index: 1;
364
369
  }
365
370
 
366
371
  .e-treegrid .e-gridcontent td.e-rowcell.e-childborder.e-dragborder,
367
372
  .e-treegrid .e-gridcontent td.e-rowcell.e-dropbottom.e-dragborder td.e-rowdragdrop.e-dropbottom.e-dragborder {
368
- box-shadow: 0 1px 0 0 #4f46e5;
373
+ box-shadow: 0 1px 0 0 #0d6efd;
369
374
  }
370
375
 
371
376
  .e-treegrid .e-gridcontent td.e-rowcell.e-dragborder,
@@ -375,14 +380,14 @@
375
380
  }
376
381
 
377
382
  .e-treegrid .e-gridcontent td.e-childborder:first-child {
378
- border-left: 2px solid #4f46e5;
379
- box-shadow: 0 1px 0 0 #4f46e5;
383
+ border-left: 2px solid #0d6efd;
384
+ box-shadow: 0 1px 0 0 #0d6efd;
380
385
  position: relative;
381
386
  z-index: 1;
382
387
  }
383
388
 
384
389
  .e-treegrid .e-gridcontent td.e-rowcell.e-childborder:last-child {
385
- border-right: 2px solid #4f46e5;
390
+ border-right: 2px solid #0d6efd;
386
391
  }
387
392
 
388
393
  .e-treegrid .e-gridcontent td.e-lastrowcell.e-childborder {
@@ -390,29 +395,29 @@
390
395
  }
391
396
 
392
397
  .e-treegrid .e-gridcontent td.e-lastrowcell.e-childborder:last-child {
393
- border-right: 2px solid #4f46e5;
398
+ border-right: 2px solid #0d6efd;
394
399
  }
395
400
 
396
401
  .e-treegrid .e-gridcontent td.e-lastrowcell.e-childborder:first-child {
397
- border-left: 2px solid #4f46e5;
402
+ border-left: 2px solid #0d6efd;
398
403
  }
399
404
 
400
405
  .e-treegrid .e-gridcontent td.e-dropbottom:first-child,
401
406
  .e-treegrid .e-gridcontent td.e-rowcell.e-dropbottom,
402
407
  .e-treegrid .e-gridcontent td.e-dropbottom {
403
- box-shadow: 0 1px 0 0 #4f46e5;
408
+ box-shadow: 0 1px 0 0 #0d6efd;
404
409
  position: relative;
405
410
  z-index: 1;
406
411
  }
407
412
 
408
413
  .e-treegrid .e-gridcontent td.e-droptop:first-child,
409
414
  .e-treegrid .e-gridcontent td.e-rowcell.e-droptop {
410
- border-top-color: #4f46e5;
415
+ border-top-color: #0d6efd;
411
416
  border-width: 2px 0 0;
412
417
  }
413
418
 
414
419
  .e-treegrid .e-gridcontent td.e-lastrowcell.e-dropbottom {
415
- border-bottom-color: #4f46e5;
420
+ border-bottom-color: #0d6efd;
416
421
  }
417
422
 
418
423
  .e-treegrid .e-gridcontent td.e-rowdragdrop.e-droptop.e-dragborder {
@@ -445,7 +450,7 @@
445
450
 
446
451
  .e-treegrid .e-gridheader .e-firstrow-border,
447
452
  .e-treegrid .e-gridcontent .e-lastrow-border {
448
- background-color: #4f46e5;
453
+ background-color: #0d6efd;
449
454
  bottom: 0;
450
455
  display: none;
451
456
  height: 1px;
@@ -455,23 +460,23 @@
455
460
 
456
461
  .e-treegrid .e-grid .e-gridcontent tr.e-row:first-child td.e-rowcell.e-childborder,
457
462
  .e-treegrid .e-grid .e-gridcontent tr.e-row:first-child td.e-rowdragdrop.e-childborder {
458
- border-bottom: 2px solid #4f46e5;
459
- border-top: 2px solid #4f46e5;
463
+ border-bottom: 2px solid #0d6efd;
464
+ border-top: 2px solid #0d6efd;
460
465
  box-shadow: 0 0 0 0 #4f46e5;
461
466
  }
462
467
 
463
468
  .e-treegrid .e-grid .e-gridcontent tr.e-row:first-child td.e-rowcell.e-droptop,
464
469
  .e-treegrid .e-grid .e-gridcontent tr.e-row:first-child td.e-rowdragdrop.e-droptop {
465
- border-top: 2px solid #4f46e5;
470
+ border-top: 2px solid #0d6efd;
466
471
  }
467
472
 
468
473
  .e-treegrid .e-grid .e-gridcontent td.e-rowcell.e-childborder, .e-treegrid .e-grid .e-gridcontent td.e-rowcell.e-dropbottom {
469
- border-bottom: 2px solid #4f46e5;
474
+ border-bottom: 2px solid #0d6efd;
470
475
  box-shadow: 0 0 0 0 #4f46e5;
471
476
  }
472
477
 
473
478
  .e-treegrid .e-grid .e-gridcontent td.e-rowdragdrop.e-childborder, .e-treegrid .e-grid .e-gridcontent td.e-rowdragdrop.e-dropbottom {
474
- border-bottom: 2px solid #4f46e5;
479
+ border-bottom: 2px solid #0d6efd;
475
480
  box-shadow: 0 0 0 0 #4f46e5;
476
481
  }
477
482
 
@@ -480,7 +485,7 @@
480
485
  }
481
486
 
482
487
  .e-treegrid .e-grid.e-rtl .e-gridcontent td.e-childborder {
483
- border-color: #4f46e5;
488
+ border-color: #0d6efd;
484
489
  border-width: 2px 0 2px 0;
485
490
  position: relative;
486
491
  z-index: 1;
@@ -493,14 +498,14 @@
493
498
  }
494
499
 
495
500
  .e-treegrid .e-grid.e-rtl .e-gridcontent td.e-childborder:first-child {
496
- border-right: 2px solid #4f46e5;
497
- box-shadow: 0 1px 0 0 #4f46e5;
501
+ border-right: 2px solid #0d6efd;
502
+ box-shadow: 0 1px 0 0 #0d6efd;
498
503
  position: relative;
499
504
  z-index: 1;
500
505
  }
501
506
 
502
507
  .e-treegrid .e-grid.e-rtl .e-gridcontent td.e-rowcell.e-childborder:last-child {
503
- border-left: 2px solid #4f46e5;
508
+ border-left: 2px solid #0d6efd;
504
509
  }
505
510
 
506
511
  .e-treegrid .e-grid.e-rtl .e-gridcontent td.e-lastrowcell.e-childborder {
@@ -508,21 +513,21 @@
508
513
  }
509
514
 
510
515
  .e-treegrid .e-grid.e-rtl .e-gridcontent td.e-lastrowcell.e-childborder:last-child {
511
- border-right: 2px solid #4f46e5;
516
+ border-right: 2px solid #0d6efd;
512
517
  }
513
518
 
514
519
  .e-treegrid .e-grid.e-rtl .e-gridcontent td.e-lastrowcell.e-childborder:first-child {
515
- border-left: 2px solid #4f46e5;
520
+ border-left: 2px solid #0d6efd;
516
521
  }
517
522
 
518
523
  .e-treegrid .e-grid.e-rtl .e-gridcontent td.e-droptop:first-child,
519
524
  .e-treegrid .e-grid.e-rtl .e-gridcontent td.e-rowcell.e-droptop {
520
- border-top-color: #4f46e5;
525
+ border-top-color: #0d6efd;
521
526
  border-width: 2px 0 0;
522
527
  }
523
528
 
524
529
  .e-treegrid .e-grid.e-rtl .e-gridcontent td.e-lastrowcell.e-dropbottom {
525
- border-bottom-color: #4f46e5;
530
+ border-bottom-color: #0d6efd;
526
531
  }
527
532
 
528
533
  .e-treegrid .e-grid.e-rtl .e-gridcontent .e-droptop .e-lastrow-dragborder {
package/styles/treegrid/fabric-dark.css CHANGED
@@ -244,7 +244,7 @@
244
244
 
245
245
  .e-treegrid .e-treecell {
246
246
  display: table-cell;
247
- line-height: 10px;
247
+ line-height: normal;
248
248
  }
249
249
 
250
250
  .e-treegrid .e-grid.e-wrap .e-rowcell .e-treecolumn-container {
package/styles/treegrid/fabric.css CHANGED
@@ -237,7 +237,7 @@
237
237
 
238
238
  .e-treegrid .e-treecell {
239
239
  display: table-cell;
240
- line-height: 10px;
240
+ line-height: normal;
241
241
  }
242
242
 
243
243
  .e-treegrid .e-grid.e-wrap .e-rowcell .e-treecolumn-container {
package/styles/treegrid/highcontrast-light.css CHANGED
@@ -254,7 +254,7 @@
254
254
 
255
255
  .e-treegrid .e-treecell {
256
256
  display: table-cell;
257
- line-height: 10px;
257
+ line-height: normal;
258
258
  }
259
259
 
260
260
  .e-treegrid .e-grid.e-wrap .e-rowcell .e-treecolumn-container {
package/styles/treegrid/highcontrast.css CHANGED
@@ -254,7 +254,7 @@
254
254
 
255
255
  .e-treegrid .e-treecell {
256
256
  display: table-cell;
257
- line-height: 10px;
257
+ line-height: normal;
258
258
  }
259
259
 
260
260
  .e-treegrid .e-grid.e-wrap .e-rowcell .e-treecolumn-container {
package/styles/treegrid/material-dark.css CHANGED
@@ -280,7 +280,7 @@
280
280
 
281
281
  .e-treegrid .e-treecell {
282
282
  display: table-cell;
283
- line-height: 10px;
283
+ line-height: normal;
284
284
  }
285
285
 
286
286
  .e-treegrid .e-grid.e-wrap .e-rowcell .e-treecolumn-container {
package/styles/treegrid/material.css CHANGED
@@ -315,7 +315,7 @@
315
315
 
316
316
  .e-treegrid .e-treecell {
317
317
  display: table-cell;
318
- line-height: 10px;
318
+ line-height: normal;
319
319
  }
320
320
 
321
321
  .e-treegrid .e-grid.e-wrap .e-rowcell .e-treecolumn-container {
package/styles/treegrid/tailwind-dark.css CHANGED
@@ -307,7 +307,7 @@
307
307
 
308
308
  .e-treegrid .e-treecell {
309
309
  display: table-cell;
310
- line-height: 18px;
310
+ line-height: normal;
311
311
  }
312
312
 
313
313
  .e-treegrid .e-grid.e-wrap .e-rowcell .e-treecolumn-container {
@@ -359,22 +359,22 @@
359
359
  }
360
360
 
361
361
  .e-treegrid .e-errorelem::before {
362
- color: #4f46e5;
362
+ color: #22d3ee;
363
363
  content: "";
364
364
  transform: rotate(180deg);
365
365
  }
366
366
 
367
367
  .e-treegrid .e-gridcontent td.e-childborder {
368
- border-color: #4f46e5;
368
+ border-color: #22d3ee;
369
369
  border-width: 2px 0 0;
370
- box-shadow: 0 1px 0 0 #4f46e5;
370
+ box-shadow: 0 1px 0 0 #22d3ee;
371
371
  position: relative;
372
372
  z-index: 1;
373
373
  }
374
374
 
375
375
  .e-treegrid .e-gridcontent td.e-rowcell.e-childborder.e-dragborder,
376
376
  .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 #4f46e5;
377
+ box-shadow: 0 1px 0 0 #22d3ee;
378
378
  }
379
379
 
380
380
  .e-treegrid .e-gridcontent td.e-rowcell.e-dragborder,
@@ -384,14 +384,14 @@
384
384
  }
385
385
 
386
386
  .e-treegrid .e-gridcontent td.e-childborder:first-child {
387
- border-left: 2px solid #4f46e5;
388
- box-shadow: 0 1px 0 0 #4f46e5;
387
+ border-left: 2px solid #22d3ee;
388
+ box-shadow: 0 1px 0 0 #22d3ee;
389
389
  position: relative;
390
390
  z-index: 1;
391
391
  }
392
392
 
393
393
  .e-treegrid .e-gridcontent td.e-rowcell.e-childborder:last-child {
394
- border-right: 2px solid #4f46e5;
394
+ border-right: 2px solid #22d3ee;
395
395
  }
396
396
 
397
397
  .e-treegrid .e-gridcontent td.e-lastrowcell.e-childborder {
@@ -399,29 +399,29 @@
399
399
  }
400
400
 
401
401
  .e-treegrid .e-gridcontent td.e-lastrowcell.e-childborder:last-child {
402
- border-right: 2px solid #4f46e5;
402
+ border-right: 2px solid #22d3ee;
403
403
  }
404
404
 
405
405
  .e-treegrid .e-gridcontent td.e-lastrowcell.e-childborder:first-child {
406
- border-left: 2px solid #4f46e5;
406
+ border-left: 2px solid #22d3ee;
407
407
  }
408
408
 
409
409
  .e-treegrid .e-gridcontent td.e-dropbottom:first-child,
410
410
  .e-treegrid .e-gridcontent td.e-rowcell.e-dropbottom,
411
411
  .e-treegrid .e-gridcontent td.e-dropbottom {
412
- box-shadow: 0 1px 0 0 #4f46e5;
412
+ box-shadow: 0 1px 0 0 #22d3ee;
413
413
  position: relative;
414
414
  z-index: 1;
415
415
  }
416
416
 
417
417
  .e-treegrid .e-gridcontent td.e-droptop:first-child,
418
418
  .e-treegrid .e-gridcontent td.e-rowcell.e-droptop {
419
- border-top-color: #4f46e5;
419
+ border-top-color: #22d3ee;
420
420
  border-width: 2px 0 0;
421
421
  }
422
422
 
423
423
  .e-treegrid .e-gridcontent td.e-lastrowcell.e-dropbottom {
424
- border-bottom-color: #4f46e5;
424
+ border-bottom-color: #22d3ee;
425
425
  }
426
426
 
427
427
  .e-treegrid .e-gridcontent td.e-rowdragdrop.e-droptop.e-dragborder {
@@ -454,7 +454,7 @@
454
454
 
455
455
  .e-treegrid .e-gridheader .e-firstrow-border,
456
456
  .e-treegrid .e-gridcontent .e-lastrow-border {
457
- background-color: #4f46e5;
457
+ background-color: #22d3ee;
458
458
  bottom: 0;
459
459
  display: none;
460
460
  height: 1px;
@@ -464,23 +464,23 @@
464
464
 
465
465
  .e-treegrid .e-grid .e-gridcontent tr.e-row:first-child td.e-rowcell.e-childborder,
466
466
  .e-treegrid .e-grid .e-gridcontent tr.e-row:first-child td.e-rowdragdrop.e-childborder {
467
- border-bottom: 2px solid #4f46e5;
468
- border-top: 2px solid #4f46e5;
467
+ border-bottom: 2px solid #22d3ee;
468
+ border-top: 2px solid #22d3ee;
469
469
  box-shadow: 0 0 0 0 #4f46e5;
470
470
  }
471
471
 
472
472
  .e-treegrid .e-grid .e-gridcontent tr.e-row:first-child td.e-rowcell.e-droptop,
473
473
  .e-treegrid .e-grid .e-gridcontent tr.e-row:first-child td.e-rowdragdrop.e-droptop {
474
- border-top: 2px solid #4f46e5;
474
+ border-top: 2px solid #22d3ee;
475
475
  }
476
476
 
477
477
  .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 #4f46e5;
478
+ border-bottom: 2px solid #22d3ee;
479
479
  box-shadow: 0 0 0 0 #4f46e5;
480
480
  }
481
481
 
482
482
  .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 #4f46e5;
483
+ border-bottom: 2px solid #22d3ee;
484
484
  box-shadow: 0 0 0 0 #4f46e5;
485
485
  }
486
486
 
@@ -489,7 +489,7 @@
489
489
  }
490
490
 
491
491
  .e-treegrid .e-grid.e-rtl .e-gridcontent td.e-childborder {
492
- border-color: #4f46e5;
492
+ border-color: #22d3ee;
493
493
  border-width: 2px 0 2px 0;
494
494
  position: relative;
495
495
  z-index: 1;
@@ -502,14 +502,14 @@
502
502
  }
503
503
 
504
504
  .e-treegrid .e-grid.e-rtl .e-gridcontent td.e-childborder:first-child {
505
- border-right: 2px solid #4f46e5;
506
- box-shadow: 0 1px 0 0 #4f46e5;
505
+ border-right: 2px solid #22d3ee;
506
+ box-shadow: 0 1px 0 0 #22d3ee;
507
507
  position: relative;
508
508
  z-index: 1;
509
509
  }
510
510
 
511
511
  .e-treegrid .e-grid.e-rtl .e-gridcontent td.e-rowcell.e-childborder:last-child {
512
- border-left: 2px solid #4f46e5;
512
+ border-left: 2px solid #22d3ee;
513
513
  }
514
514
 
515
515
  .e-treegrid .e-grid.e-rtl .e-gridcontent td.e-lastrowcell.e-childborder {
@@ -517,21 +517,21 @@
517
517
  }
518
518
 
519
519
  .e-treegrid .e-grid.e-rtl .e-gridcontent td.e-lastrowcell.e-childborder:last-child {
520
- border-right: 2px solid #4f46e5;
520
+ border-right: 2px solid #22d3ee;
521
521
  }
522
522
 
523
523
  .e-treegrid .e-grid.e-rtl .e-gridcontent td.e-lastrowcell.e-childborder:first-child {
524
- border-left: 2px solid #4f46e5;
524
+ border-left: 2px solid #22d3ee;
525
525
  }
526
526
 
527
527
  .e-treegrid .e-grid.e-rtl .e-gridcontent td.e-droptop:first-child,
528
528
  .e-treegrid .e-grid.e-rtl .e-gridcontent td.e-rowcell.e-droptop {
529
- border-top-color: #4f46e5;
529
+ border-top-color: #22d3ee;
530
530
  border-width: 2px 0 0;
531
531
  }
532
532
 
533
533
  .e-treegrid .e-grid.e-rtl .e-gridcontent td.e-lastrowcell.e-dropbottom {
534
- border-bottom-color: #4f46e5;
534
+ border-bottom-color: #22d3ee;
535
535
  }
536
536
 
537
537
  .e-treegrid .e-grid.e-rtl .e-gridcontent .e-droptop .e-lastrow-dragborder {
package/styles/treegrid/tailwind.css CHANGED
@@ -307,7 +307,7 @@
307
307
 
308
308
  .e-treegrid .e-treecell {
309
309
  display: table-cell;
310
- line-height: 18px;
310
+ line-height: normal;
311
311
  }
312
312
 
313
313
  .e-treegrid .e-grid.e-wrap .e-rowcell .e-treecolumn-container {