@syncfusion/ej2-treegrid 24.2.8 → 25.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 (56) hide show
  1. package/CHANGELOG.md +2 -53
  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 +102 -62
  6. package/dist/es6/ej2-treegrid.es2015.js.map +1 -1
  7. package/dist/es6/ej2-treegrid.es5.js +105 -65
  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 +10 -10
  13. package/src/treegrid/actions/summary.js +1 -7
  14. package/src/treegrid/actions/virtual-scroll.js +10 -4
  15. package/src/treegrid/base/treegrid-model.d.ts +3 -3
  16. package/src/treegrid/base/treegrid.d.ts +2 -3
  17. package/src/treegrid/base/treegrid.js +74 -48
  18. package/src/treegrid/renderer/render.js +16 -6
  19. package/src/treegrid/renderer/virtual-row-model-generator.js +4 -2
  20. package/styles/bootstrap-dark.css +8 -0
  21. package/styles/bootstrap.css +8 -0
  22. package/styles/bootstrap4.css +8 -0
  23. package/styles/bootstrap5-dark.css +8 -0
  24. package/styles/bootstrap5.css +8 -0
  25. package/styles/fabric-dark.css +8 -0
  26. package/styles/fabric.css +8 -0
  27. package/styles/fluent-dark.css +8 -0
  28. package/styles/fluent.css +8 -0
  29. package/styles/highcontrast-light.css +8 -0
  30. package/styles/highcontrast.css +8 -0
  31. package/styles/material-dark.css +8 -0
  32. package/styles/material.css +8 -0
  33. package/styles/material3-dark.css +8 -0
  34. package/styles/material3.css +8 -0
  35. package/styles/tailwind-dark.css +8 -0
  36. package/styles/tailwind.css +8 -0
  37. package/styles/treegrid/_bds-definition.scss +28 -0
  38. package/styles/treegrid/_layout.scss +9 -1
  39. package/styles/treegrid/bootstrap-dark.css +8 -0
  40. package/styles/treegrid/bootstrap.css +8 -0
  41. package/styles/treegrid/bootstrap4.css +8 -0
  42. package/styles/treegrid/bootstrap5-dark.css +8 -0
  43. package/styles/treegrid/bootstrap5.css +8 -0
  44. package/styles/treegrid/fabric-dark.css +8 -0
  45. package/styles/treegrid/fabric.css +8 -0
  46. package/styles/treegrid/fluent-dark.css +8 -0
  47. package/styles/treegrid/fluent.css +8 -0
  48. package/styles/treegrid/highcontrast-light.css +8 -0
  49. package/styles/treegrid/highcontrast.css +8 -0
  50. package/styles/treegrid/icons/_bds.scss +37 -0
  51. package/styles/treegrid/material-dark.css +8 -0
  52. package/styles/treegrid/material.css +8 -0
  53. package/styles/treegrid/material3-dark.css +8 -0
  54. package/styles/treegrid/material3.css +8 -0
  55. package/styles/treegrid/tailwind-dark.css +8 -0
  56. package/styles/treegrid/tailwind.css +8 -0
@@ -434,10 +434,18 @@
434
434
  border-bottom: 2px solid #0078d4;
435
435
  box-shadow: 0 0 0 0 #0078d4;
436
436
  }
437
+ .e-treegrid .e-grid .e-gridcontent td.e-rowcell.e-droptop {
438
+ border-top: 2px solid #0078d4;
439
+ box-shadow: 0 0 0 0 #0078d4;
440
+ }
437
441
  .e-treegrid .e-grid .e-gridcontent td.e-rowdragdrop.e-dropbottom {
438
442
  border-bottom: 2px solid #0078d4;
439
443
  box-shadow: 0 0 0 0 #0078d4;
440
444
  }
445
+ .e-treegrid .e-grid .e-gridcontent td.e-rowdragdrop.e-droptop {
446
+ border-top: 2px solid #0078d4;
447
+ box-shadow: 0 0 0 0 #0078d4;
448
+ }
441
449
  .e-treegrid .e-grid.e-rtl .e-gridheader .e-firstrow-dragborder {
442
450
  height: 0;
443
451
  }
package/styles/fluent.css CHANGED
@@ -434,10 +434,18 @@
434
434
  border-bottom: 2px solid #0078d4;
435
435
  box-shadow: 0 0 0 0 #0078d4;
436
436
  }
437
+ .e-treegrid .e-grid .e-gridcontent td.e-rowcell.e-droptop {
438
+ border-top: 2px solid #0078d4;
439
+ box-shadow: 0 0 0 0 #0078d4;
440
+ }
437
441
  .e-treegrid .e-grid .e-gridcontent td.e-rowdragdrop.e-dropbottom {
438
442
  border-bottom: 2px solid #0078d4;
439
443
  box-shadow: 0 0 0 0 #0078d4;
440
444
  }
445
+ .e-treegrid .e-grid .e-gridcontent td.e-rowdragdrop.e-droptop {
446
+ border-top: 2px solid #0078d4;
447
+ box-shadow: 0 0 0 0 #0078d4;
448
+ }
441
449
  .e-treegrid .e-grid.e-rtl .e-gridheader .e-firstrow-dragborder {
442
450
  height: 0;
443
451
  }
@@ -367,10 +367,18 @@
367
367
  border-bottom: 1px solid #400074;
368
368
  box-shadow: 0 0 0 0 #400074;
369
369
  }
370
+ .e-treegrid .e-grid .e-gridcontent td.e-rowcell.e-droptop {
371
+ border-top: 1px solid #400074;
372
+ box-shadow: 0 0 0 0 #400074;
373
+ }
370
374
  .e-treegrid .e-grid .e-gridcontent td.e-rowdragdrop.e-dropbottom {
371
375
  border-bottom: 1px solid #400074;
372
376
  box-shadow: 0 0 0 0 #400074;
373
377
  }
378
+ .e-treegrid .e-grid .e-gridcontent td.e-rowdragdrop.e-droptop {
379
+ border-top: 1px solid #400074;
380
+ box-shadow: 0 0 0 0 #400074;
381
+ }
374
382
  .e-treegrid .e-grid.e-rtl .e-gridheader .e-firstrow-dragborder {
375
383
  height: 0;
376
384
  }
@@ -373,10 +373,18 @@
373
373
  border-bottom: 1px solid #ffd939;
374
374
  box-shadow: 0 0 0 0 #ffd939;
375
375
  }
376
+ .e-treegrid .e-grid .e-gridcontent td.e-rowcell.e-droptop {
377
+ border-top: 1px solid #ffd939;
378
+ box-shadow: 0 0 0 0 #ffd939;
379
+ }
376
380
  .e-treegrid .e-grid .e-gridcontent td.e-rowdragdrop.e-dropbottom {
377
381
  border-bottom: 1px solid #ffd939;
378
382
  box-shadow: 0 0 0 0 #ffd939;
379
383
  }
384
+ .e-treegrid .e-grid .e-gridcontent td.e-rowdragdrop.e-droptop {
385
+ border-top: 1px solid #ffd939;
386
+ box-shadow: 0 0 0 0 #ffd939;
387
+ }
380
388
  .e-treegrid .e-grid.e-rtl .e-gridheader .e-firstrow-dragborder {
381
389
  height: 0;
382
390
  }
@@ -410,10 +410,18 @@
410
410
  border-bottom: 1px solid #00b0ff;
411
411
  box-shadow: 0 0 0 0 #00b0ff;
412
412
  }
413
+ .e-treegrid .e-grid .e-gridcontent td.e-rowcell.e-droptop {
414
+ border-top: 1px solid #00b0ff;
415
+ box-shadow: 0 0 0 0 #00b0ff;
416
+ }
413
417
  .e-treegrid .e-grid .e-gridcontent td.e-rowdragdrop.e-dropbottom {
414
418
  border-bottom: 1px solid #00b0ff;
415
419
  box-shadow: 0 0 0 0 #00b0ff;
416
420
  }
421
+ .e-treegrid .e-grid .e-gridcontent td.e-rowdragdrop.e-droptop {
422
+ border-top: 1px solid #00b0ff;
423
+ box-shadow: 0 0 0 0 #00b0ff;
424
+ }
417
425
  .e-treegrid .e-grid.e-rtl .e-gridheader .e-firstrow-dragborder {
418
426
  height: 0;
419
427
  }
@@ -444,10 +444,18 @@
444
444
  border-bottom: 1px solid #e3165b;
445
445
  box-shadow: 0 0 0 0 #e3165b;
446
446
  }
447
+ .e-treegrid .e-grid .e-gridcontent td.e-rowcell.e-droptop {
448
+ border-top: 1px solid #e3165b;
449
+ box-shadow: 0 0 0 0 #e3165b;
450
+ }
447
451
  .e-treegrid .e-grid .e-gridcontent td.e-rowdragdrop.e-dropbottom {
448
452
  border-bottom: 1px solid #e3165b;
449
453
  box-shadow: 0 0 0 0 #e3165b;
450
454
  }
455
+ .e-treegrid .e-grid .e-gridcontent td.e-rowdragdrop.e-droptop {
456
+ border-top: 1px solid #e3165b;
457
+ box-shadow: 0 0 0 0 #e3165b;
458
+ }
451
459
  .e-treegrid .e-grid.e-rtl .e-gridheader .e-firstrow-dragborder {
452
460
  height: 0;
453
461
  }
@@ -501,10 +501,18 @@
501
501
  border-bottom: 2px solid rgba(var(--color-sf-primary));
502
502
  box-shadow: 0 0 0 0 rgba(var(--color-sf-primary));
503
503
  }
504
+ .e-treegrid .e-grid .e-gridcontent td.e-rowcell.e-droptop {
505
+ border-top: 2px solid rgba(var(--color-sf-primary));
506
+ box-shadow: 0 0 0 0 rgba(var(--color-sf-primary));
507
+ }
504
508
  .e-treegrid .e-grid .e-gridcontent td.e-rowdragdrop.e-dropbottom {
505
509
  border-bottom: 2px solid rgba(var(--color-sf-primary));
506
510
  box-shadow: 0 0 0 0 rgba(var(--color-sf-primary));
507
511
  }
512
+ .e-treegrid .e-grid .e-gridcontent td.e-rowdragdrop.e-droptop {
513
+ border-top: 2px solid rgba(var(--color-sf-primary));
514
+ box-shadow: 0 0 0 0 rgba(var(--color-sf-primary));
515
+ }
508
516
  .e-treegrid .e-grid.e-rtl .e-gridheader .e-firstrow-dragborder {
509
517
  height: 0;
510
518
  }
@@ -557,10 +557,18 @@
557
557
  border-bottom: 2px solid rgba(var(--color-sf-primary));
558
558
  box-shadow: 0 0 0 0 rgba(var(--color-sf-primary));
559
559
  }
560
+ .e-treegrid .e-grid .e-gridcontent td.e-rowcell.e-droptop {
561
+ border-top: 2px solid rgba(var(--color-sf-primary));
562
+ box-shadow: 0 0 0 0 rgba(var(--color-sf-primary));
563
+ }
560
564
  .e-treegrid .e-grid .e-gridcontent td.e-rowdragdrop.e-dropbottom {
561
565
  border-bottom: 2px solid rgba(var(--color-sf-primary));
562
566
  box-shadow: 0 0 0 0 rgba(var(--color-sf-primary));
563
567
  }
568
+ .e-treegrid .e-grid .e-gridcontent td.e-rowdragdrop.e-droptop {
569
+ border-top: 2px solid rgba(var(--color-sf-primary));
570
+ box-shadow: 0 0 0 0 rgba(var(--color-sf-primary));
571
+ }
564
572
  .e-treegrid .e-grid.e-rtl .e-gridheader .e-firstrow-dragborder {
565
573
  height: 0;
566
574
  }
@@ -383,10 +383,18 @@
383
383
  border-bottom: 2px solid #4f46e5;
384
384
  box-shadow: 0 0 0 0 #22d3ee;
385
385
  }
386
+ .e-treegrid .e-grid .e-gridcontent td.e-rowcell.e-droptop {
387
+ border-top: 2px solid #4f46e5;
388
+ box-shadow: 0 0 0 0 #22d3ee;
389
+ }
386
390
  .e-treegrid .e-grid .e-gridcontent td.e-rowdragdrop.e-dropbottom {
387
391
  border-bottom: 2px solid #4f46e5;
388
392
  box-shadow: 0 0 0 0 #22d3ee;
389
393
  }
394
+ .e-treegrid .e-grid .e-gridcontent td.e-rowdragdrop.e-droptop {
395
+ border-top: 2px solid #4f46e5;
396
+ box-shadow: 0 0 0 0 #22d3ee;
397
+ }
390
398
  .e-treegrid .e-grid.e-rtl .e-gridheader .e-firstrow-dragborder {
391
399
  height: 0;
392
400
  }
@@ -383,10 +383,18 @@
383
383
  border-bottom: 2px solid #4f46e5;
384
384
  box-shadow: 0 0 0 0 #4f46e5;
385
385
  }
386
+ .e-treegrid .e-grid .e-gridcontent td.e-rowcell.e-droptop {
387
+ border-top: 2px solid #4f46e5;
388
+ box-shadow: 0 0 0 0 #4f46e5;
389
+ }
386
390
  .e-treegrid .e-grid .e-gridcontent td.e-rowdragdrop.e-dropbottom {
387
391
  border-bottom: 2px solid #4f46e5;
388
392
  box-shadow: 0 0 0 0 #4f46e5;
389
393
  }
394
+ .e-treegrid .e-grid .e-gridcontent td.e-rowdragdrop.e-droptop {
395
+ border-top: 2px solid #4f46e5;
396
+ box-shadow: 0 0 0 0 #4f46e5;
397
+ }
390
398
  .e-treegrid .e-grid.e-rtl .e-gridheader .e-firstrow-dragborder {
391
399
  height: 0;
392
400
  }
@@ -0,0 +1,28 @@
1
+ // color
2
+ $treegrid-right-arrow-icon-color: $icon-color !default;
3
+ $treegrid-right-arrow-hover-color: $icon-color-hover !default;
4
+ $childborder-color: $primary !default;
5
+ $error-elem-color: $danger !default;
6
+
7
+ // Layout
8
+
9
+ $error-elem-content: '\e77e' !default;
10
+ $treegrid-right-arrow-icon-font-size: $text-lg !default;
11
+ $treegrid-right-arrow-icon-padding: 0 !default;
12
+ $treegrid-right-arrow-icon-vertical-align: unset;
13
+ $treegrid-right-arrow-icon-height: 18px !default;
14
+ $treegrid-right-arrow-icon-width: 16px !default;
15
+ $treegrid-bigger-icon-size: 22px !default;
16
+ $treegrid-smaller-icon-size: 16px !default;
17
+ $treegrid-bigger-icon-font-size: $font-icon-22 !default;
18
+ $treegrid-frame-bigger-icon-height: 18px !default;
19
+ $treegrid-frame-bigger-icon-width: 18px !default;
20
+ $treegrid-frame-icon-height: 16px !default;
21
+ $treegrid-frame-icon-width: 16px !default;
22
+ $treegrid-content-right-padding: 21px !default;
23
+ $treegrid-rowdrag-childborder-border: 2px solid $primary;
24
+ $treegrid-rowdd-topbottom-border: 2px solid $primary !default;
25
+ $treegrid-rowdd-boxshadow: $primary !default;
26
+ $treegrid-rowdd-childborder-width: 2px 0 0 !default;
27
+ $treegrid-lastrowdd-childborder-width: 2px 0 !default;
28
+ $treegrid-rtl-rowdd-childborder-width: 2px 0 2px 0 !default;
@@ -372,13 +372,21 @@
372
372
  border-bottom: $treegrid-rowdd-topbottom-border;
373
373
  box-shadow: 0 0 0 0 $treegrid-rowdd-boxshadow;
374
374
  }
375
+ &.e-droptop {
376
+ border-top: $treegrid-rowdd-topbottom-border;
377
+ box-shadow: 0 0 0 0 $treegrid-rowdd-boxshadow;
378
+ }
375
379
  }
376
-
380
+
377
381
  td.e-rowdragdrop {
378
382
  &.e-dropbottom {
379
383
  border-bottom: $treegrid-rowdd-topbottom-border;
380
384
  box-shadow: 0 0 0 0 $treegrid-rowdd-boxshadow;
381
385
  }
386
+ &.e-droptop {
387
+ border-top: $treegrid-rowdd-topbottom-border;
388
+ box-shadow: 0 0 0 0 $treegrid-rowdd-boxshadow;
389
+ }
382
390
  }
383
391
  }
384
392
 
@@ -394,10 +394,18 @@
394
394
  border-bottom: 1px solid #0070f0;
395
395
  box-shadow: 0 0 0 0 #0070f0;
396
396
  }
397
+ .e-treegrid .e-grid .e-gridcontent td.e-rowcell.e-droptop {
398
+ border-top: 1px solid #0070f0;
399
+ box-shadow: 0 0 0 0 #0070f0;
400
+ }
397
401
  .e-treegrid .e-grid .e-gridcontent td.e-rowdragdrop.e-dropbottom {
398
402
  border-bottom: 1px solid #0070f0;
399
403
  box-shadow: 0 0 0 0 #0070f0;
400
404
  }
405
+ .e-treegrid .e-grid .e-gridcontent td.e-rowdragdrop.e-droptop {
406
+ border-top: 1px solid #0070f0;
407
+ box-shadow: 0 0 0 0 #0070f0;
408
+ }
401
409
  .e-treegrid .e-grid.e-rtl .e-gridheader .e-firstrow-dragborder {
402
410
  height: 0;
403
411
  }
@@ -401,10 +401,18 @@
401
401
  border-bottom: 1px solid #317ab9;
402
402
  box-shadow: 0 0 0 0 #317ab9;
403
403
  }
404
+ .e-treegrid .e-grid .e-gridcontent td.e-rowcell.e-droptop {
405
+ border-top: 1px solid #317ab9;
406
+ box-shadow: 0 0 0 0 #317ab9;
407
+ }
404
408
  .e-treegrid .e-grid .e-gridcontent td.e-rowdragdrop.e-dropbottom {
405
409
  border-bottom: 1px solid #317ab9;
406
410
  box-shadow: 0 0 0 0 #317ab9;
407
411
  }
412
+ .e-treegrid .e-grid .e-gridcontent td.e-rowdragdrop.e-droptop {
413
+ border-top: 1px solid #317ab9;
414
+ box-shadow: 0 0 0 0 #317ab9;
415
+ }
408
416
  .e-treegrid .e-grid.e-rtl .e-gridheader .e-firstrow-dragborder {
409
417
  height: 0;
410
418
  }
@@ -447,10 +447,18 @@
447
447
  border-bottom: 1px solid #e3165b;
448
448
  box-shadow: 0 0 0 0 #e3165b;
449
449
  }
450
+ .e-treegrid .e-grid .e-gridcontent td.e-rowcell.e-droptop {
451
+ border-top: 1px solid #e3165b;
452
+ box-shadow: 0 0 0 0 #e3165b;
453
+ }
450
454
  .e-treegrid .e-grid .e-gridcontent td.e-rowdragdrop.e-dropbottom {
451
455
  border-bottom: 1px solid #e3165b;
452
456
  box-shadow: 0 0 0 0 #e3165b;
453
457
  }
458
+ .e-treegrid .e-grid .e-gridcontent td.e-rowdragdrop.e-droptop {
459
+ border-top: 1px solid #e3165b;
460
+ box-shadow: 0 0 0 0 #e3165b;
461
+ }
454
462
  .e-treegrid .e-grid.e-rtl .e-gridheader .e-firstrow-dragborder {
455
463
  height: 0;
456
464
  }
@@ -437,10 +437,18 @@
437
437
  border-bottom: 2px solid #4f46e5;
438
438
  box-shadow: 0 0 0 0 #0d6efd;
439
439
  }
440
+ .e-treegrid .e-grid .e-gridcontent td.e-rowcell.e-droptop {
441
+ border-top: 2px solid #4f46e5;
442
+ box-shadow: 0 0 0 0 #0d6efd;
443
+ }
440
444
  .e-treegrid .e-grid .e-gridcontent td.e-rowdragdrop.e-dropbottom {
441
445
  border-bottom: 2px solid #4f46e5;
442
446
  box-shadow: 0 0 0 0 #0d6efd;
443
447
  }
448
+ .e-treegrid .e-grid .e-gridcontent td.e-rowdragdrop.e-droptop {
449
+ border-top: 2px solid #4f46e5;
450
+ box-shadow: 0 0 0 0 #0d6efd;
451
+ }
444
452
  .e-treegrid .e-grid.e-rtl .e-gridheader .e-firstrow-dragborder {
445
453
  height: 0;
446
454
  }
@@ -437,10 +437,18 @@
437
437
  border-bottom: 2px solid #4f46e5;
438
438
  box-shadow: 0 0 0 0 #0d6efd;
439
439
  }
440
+ .e-treegrid .e-grid .e-gridcontent td.e-rowcell.e-droptop {
441
+ border-top: 2px solid #4f46e5;
442
+ box-shadow: 0 0 0 0 #0d6efd;
443
+ }
440
444
  .e-treegrid .e-grid .e-gridcontent td.e-rowdragdrop.e-dropbottom {
441
445
  border-bottom: 2px solid #4f46e5;
442
446
  box-shadow: 0 0 0 0 #0d6efd;
443
447
  }
448
+ .e-treegrid .e-grid .e-gridcontent td.e-rowdragdrop.e-droptop {
449
+ border-top: 2px solid #4f46e5;
450
+ box-shadow: 0 0 0 0 #0d6efd;
451
+ }
444
452
  .e-treegrid .e-grid.e-rtl .e-gridheader .e-firstrow-dragborder {
445
453
  height: 0;
446
454
  }
@@ -376,10 +376,18 @@
376
376
  border-bottom: 1px solid #0074cc;
377
377
  box-shadow: 0 0 0 0 #0074cc;
378
378
  }
379
+ .e-treegrid .e-grid .e-gridcontent td.e-rowcell.e-droptop {
380
+ border-top: 1px solid #0074cc;
381
+ box-shadow: 0 0 0 0 #0074cc;
382
+ }
379
383
  .e-treegrid .e-grid .e-gridcontent td.e-rowdragdrop.e-dropbottom {
380
384
  border-bottom: 1px solid #0074cc;
381
385
  box-shadow: 0 0 0 0 #0074cc;
382
386
  }
387
+ .e-treegrid .e-grid .e-gridcontent td.e-rowdragdrop.e-droptop {
388
+ border-top: 1px solid #0074cc;
389
+ box-shadow: 0 0 0 0 #0074cc;
390
+ }
383
391
  .e-treegrid .e-grid.e-rtl .e-gridheader .e-firstrow-dragborder {
384
392
  height: 0;
385
393
  }
@@ -369,10 +369,18 @@
369
369
  border-bottom: 1px solid #0078d6;
370
370
  box-shadow: 0 0 0 0 #0078d6;
371
371
  }
372
+ .e-treegrid .e-grid .e-gridcontent td.e-rowcell.e-droptop {
373
+ border-top: 1px solid #0078d6;
374
+ box-shadow: 0 0 0 0 #0078d6;
375
+ }
372
376
  .e-treegrid .e-grid .e-gridcontent td.e-rowdragdrop.e-dropbottom {
373
377
  border-bottom: 1px solid #0078d6;
374
378
  box-shadow: 0 0 0 0 #0078d6;
375
379
  }
380
+ .e-treegrid .e-grid .e-gridcontent td.e-rowdragdrop.e-droptop {
381
+ border-top: 1px solid #0078d6;
382
+ box-shadow: 0 0 0 0 #0078d6;
383
+ }
376
384
  .e-treegrid .e-grid.e-rtl .e-gridheader .e-firstrow-dragborder {
377
385
  height: 0;
378
386
  }
@@ -434,10 +434,18 @@
434
434
  border-bottom: 2px solid #0078d4;
435
435
  box-shadow: 0 0 0 0 #0078d4;
436
436
  }
437
+ .e-treegrid .e-grid .e-gridcontent td.e-rowcell.e-droptop {
438
+ border-top: 2px solid #0078d4;
439
+ box-shadow: 0 0 0 0 #0078d4;
440
+ }
437
441
  .e-treegrid .e-grid .e-gridcontent td.e-rowdragdrop.e-dropbottom {
438
442
  border-bottom: 2px solid #0078d4;
439
443
  box-shadow: 0 0 0 0 #0078d4;
440
444
  }
445
+ .e-treegrid .e-grid .e-gridcontent td.e-rowdragdrop.e-droptop {
446
+ border-top: 2px solid #0078d4;
447
+ box-shadow: 0 0 0 0 #0078d4;
448
+ }
441
449
  .e-treegrid .e-grid.e-rtl .e-gridheader .e-firstrow-dragborder {
442
450
  height: 0;
443
451
  }
@@ -434,10 +434,18 @@
434
434
  border-bottom: 2px solid #0078d4;
435
435
  box-shadow: 0 0 0 0 #0078d4;
436
436
  }
437
+ .e-treegrid .e-grid .e-gridcontent td.e-rowcell.e-droptop {
438
+ border-top: 2px solid #0078d4;
439
+ box-shadow: 0 0 0 0 #0078d4;
440
+ }
437
441
  .e-treegrid .e-grid .e-gridcontent td.e-rowdragdrop.e-dropbottom {
438
442
  border-bottom: 2px solid #0078d4;
439
443
  box-shadow: 0 0 0 0 #0078d4;
440
444
  }
445
+ .e-treegrid .e-grid .e-gridcontent td.e-rowdragdrop.e-droptop {
446
+ border-top: 2px solid #0078d4;
447
+ box-shadow: 0 0 0 0 #0078d4;
448
+ }
441
449
  .e-treegrid .e-grid.e-rtl .e-gridheader .e-firstrow-dragborder {
442
450
  height: 0;
443
451
  }
@@ -367,10 +367,18 @@
367
367
  border-bottom: 1px solid #400074;
368
368
  box-shadow: 0 0 0 0 #400074;
369
369
  }
370
+ .e-treegrid .e-grid .e-gridcontent td.e-rowcell.e-droptop {
371
+ border-top: 1px solid #400074;
372
+ box-shadow: 0 0 0 0 #400074;
373
+ }
370
374
  .e-treegrid .e-grid .e-gridcontent td.e-rowdragdrop.e-dropbottom {
371
375
  border-bottom: 1px solid #400074;
372
376
  box-shadow: 0 0 0 0 #400074;
373
377
  }
378
+ .e-treegrid .e-grid .e-gridcontent td.e-rowdragdrop.e-droptop {
379
+ border-top: 1px solid #400074;
380
+ box-shadow: 0 0 0 0 #400074;
381
+ }
374
382
  .e-treegrid .e-grid.e-rtl .e-gridheader .e-firstrow-dragborder {
375
383
  height: 0;
376
384
  }
@@ -373,10 +373,18 @@
373
373
  border-bottom: 1px solid #ffd939;
374
374
  box-shadow: 0 0 0 0 #ffd939;
375
375
  }
376
+ .e-treegrid .e-grid .e-gridcontent td.e-rowcell.e-droptop {
377
+ border-top: 1px solid #ffd939;
378
+ box-shadow: 0 0 0 0 #ffd939;
379
+ }
376
380
  .e-treegrid .e-grid .e-gridcontent td.e-rowdragdrop.e-dropbottom {
377
381
  border-bottom: 1px solid #ffd939;
378
382
  box-shadow: 0 0 0 0 #ffd939;
379
383
  }
384
+ .e-treegrid .e-grid .e-gridcontent td.e-rowdragdrop.e-droptop {
385
+ border-top: 1px solid #ffd939;
386
+ box-shadow: 0 0 0 0 #ffd939;
387
+ }
380
388
  .e-treegrid .e-grid.e-rtl .e-gridheader .e-firstrow-dragborder {
381
389
  height: 0;
382
390
  }
@@ -0,0 +1,37 @@
1
+ @include export-module('treegrid-bds-icons') {
2
+ #{&}.e-treegrid,
3
+ .e-grid-menu {
4
+ .e-indent::before {
5
+ content: '\e810';
6
+ }
7
+
8
+ .e-outdent::before {
9
+ content: '\e72a';
10
+ }
11
+ }
12
+
13
+ .e-treegrid {
14
+ .e-treegridexpand::before,
15
+ .e-treegridcollapse::before {
16
+ content: '\e75c';
17
+ }
18
+
19
+ .e-toolbar-item {
20
+ .e-expand::before {
21
+ content: '\e7c9';
22
+ }
23
+
24
+ .e-collapse::before {
25
+ content: '\e80f';
26
+ }
27
+
28
+ .e-indent::before {
29
+ content: '\e810';
30
+ }
31
+
32
+ .e-outdent::before {
33
+ content: '\e72a';
34
+ }
35
+ }
36
+ }
37
+ }
@@ -410,10 +410,18 @@
410
410
  border-bottom: 1px solid #00b0ff;
411
411
  box-shadow: 0 0 0 0 #00b0ff;
412
412
  }
413
+ .e-treegrid .e-grid .e-gridcontent td.e-rowcell.e-droptop {
414
+ border-top: 1px solid #00b0ff;
415
+ box-shadow: 0 0 0 0 #00b0ff;
416
+ }
413
417
  .e-treegrid .e-grid .e-gridcontent td.e-rowdragdrop.e-dropbottom {
414
418
  border-bottom: 1px solid #00b0ff;
415
419
  box-shadow: 0 0 0 0 #00b0ff;
416
420
  }
421
+ .e-treegrid .e-grid .e-gridcontent td.e-rowdragdrop.e-droptop {
422
+ border-top: 1px solid #00b0ff;
423
+ box-shadow: 0 0 0 0 #00b0ff;
424
+ }
417
425
  .e-treegrid .e-grid.e-rtl .e-gridheader .e-firstrow-dragborder {
418
426
  height: 0;
419
427
  }
@@ -444,10 +444,18 @@
444
444
  border-bottom: 1px solid #e3165b;
445
445
  box-shadow: 0 0 0 0 #e3165b;
446
446
  }
447
+ .e-treegrid .e-grid .e-gridcontent td.e-rowcell.e-droptop {
448
+ border-top: 1px solid #e3165b;
449
+ box-shadow: 0 0 0 0 #e3165b;
450
+ }
447
451
  .e-treegrid .e-grid .e-gridcontent td.e-rowdragdrop.e-dropbottom {
448
452
  border-bottom: 1px solid #e3165b;
449
453
  box-shadow: 0 0 0 0 #e3165b;
450
454
  }
455
+ .e-treegrid .e-grid .e-gridcontent td.e-rowdragdrop.e-droptop {
456
+ border-top: 1px solid #e3165b;
457
+ box-shadow: 0 0 0 0 #e3165b;
458
+ }
451
459
  .e-treegrid .e-grid.e-rtl .e-gridheader .e-firstrow-dragborder {
452
460
  height: 0;
453
461
  }
@@ -501,10 +501,18 @@
501
501
  border-bottom: 2px solid rgba(var(--color-sf-primary));
502
502
  box-shadow: 0 0 0 0 rgba(var(--color-sf-primary));
503
503
  }
504
+ .e-treegrid .e-grid .e-gridcontent td.e-rowcell.e-droptop {
505
+ border-top: 2px solid rgba(var(--color-sf-primary));
506
+ box-shadow: 0 0 0 0 rgba(var(--color-sf-primary));
507
+ }
504
508
  .e-treegrid .e-grid .e-gridcontent td.e-rowdragdrop.e-dropbottom {
505
509
  border-bottom: 2px solid rgba(var(--color-sf-primary));
506
510
  box-shadow: 0 0 0 0 rgba(var(--color-sf-primary));
507
511
  }
512
+ .e-treegrid .e-grid .e-gridcontent td.e-rowdragdrop.e-droptop {
513
+ border-top: 2px solid rgba(var(--color-sf-primary));
514
+ box-shadow: 0 0 0 0 rgba(var(--color-sf-primary));
515
+ }
508
516
  .e-treegrid .e-grid.e-rtl .e-gridheader .e-firstrow-dragborder {
509
517
  height: 0;
510
518
  }
@@ -557,10 +557,18 @@
557
557
  border-bottom: 2px solid rgba(var(--color-sf-primary));
558
558
  box-shadow: 0 0 0 0 rgba(var(--color-sf-primary));
559
559
  }
560
+ .e-treegrid .e-grid .e-gridcontent td.e-rowcell.e-droptop {
561
+ border-top: 2px solid rgba(var(--color-sf-primary));
562
+ box-shadow: 0 0 0 0 rgba(var(--color-sf-primary));
563
+ }
560
564
  .e-treegrid .e-grid .e-gridcontent td.e-rowdragdrop.e-dropbottom {
561
565
  border-bottom: 2px solid rgba(var(--color-sf-primary));
562
566
  box-shadow: 0 0 0 0 rgba(var(--color-sf-primary));
563
567
  }
568
+ .e-treegrid .e-grid .e-gridcontent td.e-rowdragdrop.e-droptop {
569
+ border-top: 2px solid rgba(var(--color-sf-primary));
570
+ box-shadow: 0 0 0 0 rgba(var(--color-sf-primary));
571
+ }
564
572
  .e-treegrid .e-grid.e-rtl .e-gridheader .e-firstrow-dragborder {
565
573
  height: 0;
566
574
  }
@@ -383,10 +383,18 @@
383
383
  border-bottom: 2px solid #4f46e5;
384
384
  box-shadow: 0 0 0 0 #22d3ee;
385
385
  }
386
+ .e-treegrid .e-grid .e-gridcontent td.e-rowcell.e-droptop {
387
+ border-top: 2px solid #4f46e5;
388
+ box-shadow: 0 0 0 0 #22d3ee;
389
+ }
386
390
  .e-treegrid .e-grid .e-gridcontent td.e-rowdragdrop.e-dropbottom {
387
391
  border-bottom: 2px solid #4f46e5;
388
392
  box-shadow: 0 0 0 0 #22d3ee;
389
393
  }
394
+ .e-treegrid .e-grid .e-gridcontent td.e-rowdragdrop.e-droptop {
395
+ border-top: 2px solid #4f46e5;
396
+ box-shadow: 0 0 0 0 #22d3ee;
397
+ }
390
398
  .e-treegrid .e-grid.e-rtl .e-gridheader .e-firstrow-dragborder {
391
399
  height: 0;
392
400
  }
@@ -383,10 +383,18 @@
383
383
  border-bottom: 2px solid #4f46e5;
384
384
  box-shadow: 0 0 0 0 #4f46e5;
385
385
  }
386
+ .e-treegrid .e-grid .e-gridcontent td.e-rowcell.e-droptop {
387
+ border-top: 2px solid #4f46e5;
388
+ box-shadow: 0 0 0 0 #4f46e5;
389
+ }
386
390
  .e-treegrid .e-grid .e-gridcontent td.e-rowdragdrop.e-dropbottom {
387
391
  border-bottom: 2px solid #4f46e5;
388
392
  box-shadow: 0 0 0 0 #4f46e5;
389
393
  }
394
+ .e-treegrid .e-grid .e-gridcontent td.e-rowdragdrop.e-droptop {
395
+ border-top: 2px solid #4f46e5;
396
+ box-shadow: 0 0 0 0 #4f46e5;
397
+ }
390
398
  .e-treegrid .e-grid.e-rtl .e-gridheader .e-firstrow-dragborder {
391
399
  height: 0;
392
400
  }