@syncfusion/ej2-navigations 21.1.39 → 21.2.4

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 (50) hide show
  1. package/CHANGELOG.md +32 -0
  2. package/dist/ej2-navigations.min.js +2 -2
  3. package/dist/ej2-navigations.umd.min.js +2 -2
  4. package/dist/ej2-navigations.umd.min.js.map +1 -1
  5. package/dist/es6/ej2-navigations.es2015.js +71 -53
  6. package/dist/es6/ej2-navigations.es2015.js.map +1 -1
  7. package/dist/es6/ej2-navigations.es5.js +71 -53
  8. package/dist/es6/ej2-navigations.es5.js.map +1 -1
  9. package/dist/global/ej2-navigations.min.js +2 -2
  10. package/dist/global/ej2-navigations.min.js.map +1 -1
  11. package/dist/global/index.d.ts +1 -1
  12. package/package.json +11 -11
  13. package/src/common/h-scroll.js +1 -0
  14. package/src/common/menu-base.d.ts +1 -0
  15. package/src/common/menu-base.js +27 -15
  16. package/src/common/v-scroll.js +1 -1
  17. package/src/tab/tab.d.ts +1 -0
  18. package/src/tab/tab.js +37 -32
  19. package/src/treeview/treeview.js +5 -5
  20. package/styles/bootstrap-dark.css +35 -16
  21. package/styles/bootstrap.css +35 -16
  22. package/styles/bootstrap4.css +35 -16
  23. package/styles/bootstrap5-dark.css +35 -16
  24. package/styles/bootstrap5.css +35 -16
  25. package/styles/fabric-dark.css +35 -16
  26. package/styles/fabric.css +35 -16
  27. package/styles/fluent-dark.css +35 -16
  28. package/styles/fluent.css +35 -16
  29. package/styles/highcontrast-light.css +35 -16
  30. package/styles/highcontrast.css +37 -17
  31. package/styles/material-dark.css +35 -16
  32. package/styles/material.css +35 -16
  33. package/styles/tailwind-dark.css +35 -16
  34. package/styles/tailwind.css +35 -16
  35. package/styles/treeview/_theme.scss +20 -10
  36. package/styles/treeview/bootstrap-dark.css +35 -16
  37. package/styles/treeview/bootstrap.css +35 -16
  38. package/styles/treeview/bootstrap4.css +35 -16
  39. package/styles/treeview/bootstrap5-dark.css +35 -16
  40. package/styles/treeview/bootstrap5.css +35 -16
  41. package/styles/treeview/fabric-dark.css +35 -16
  42. package/styles/treeview/fabric.css +35 -16
  43. package/styles/treeview/fluent-dark.css +35 -16
  44. package/styles/treeview/fluent.css +35 -16
  45. package/styles/treeview/highcontrast-light.css +35 -16
  46. package/styles/treeview/highcontrast.css +37 -17
  47. package/styles/treeview/material-dark.css +35 -16
  48. package/styles/treeview/material.css +35 -16
  49. package/styles/treeview/tailwind-dark.css +35 -16
  50. package/styles/treeview/tailwind.css +35 -16
package/styles/treeview/material-dark.css CHANGED
@@ -596,17 +596,22 @@
596
596
  font-size: 10px;
597
597
  }
598
598
  .e-treeview .e-list-item.e-active,
599
- .e-treeview .e-list-item.e-hover {
599
+ .e-treeview .e-list-item.e-hover,
600
+ .e-treeview .e-list-item.e-node-focus {
600
601
  background: transparent;
601
602
  }
602
- .e-treeview .e-list-item.e-hover > .e-text-content {
603
+ .e-treeview .e-list-item.e-hover > .e-text-content,
604
+ .e-treeview .e-list-item.e-node-focus > .e-text-content {
603
605
  color: #fff;
604
606
  }
605
- .e-treeview .e-list-item.e-hover > .e-text-content .e-list-text {
607
+ .e-treeview .e-list-item.e-hover > .e-text-content .e-list-text,
608
+ .e-treeview .e-list-item.e-node-focus > .e-text-content .e-list-text {
606
609
  color: #fff;
607
610
  }
608
611
  .e-treeview .e-list-item.e-hover > .e-text-content .e-icon-collapsible,
609
- .e-treeview .e-list-item.e-hover > .e-text-content .e-icon-expandable {
612
+ .e-treeview .e-list-item.e-hover > .e-text-content .e-icon-expandable,
613
+ .e-treeview .e-list-item.e-node-focus > .e-text-content .e-icon-collapsible,
614
+ .e-treeview .e-list-item.e-node-focus > .e-text-content .e-icon-expandable {
610
615
  color: rgba(255, 255, 255, 0.7);
611
616
  }
612
617
  .e-treeview .e-list-item.e-active > .e-text-content {
@@ -619,31 +624,40 @@
619
624
  .e-treeview .e-list-item.e-active > .e-text-content .e-icon-expandable {
620
625
  color: rgba(255, 255, 255, 0.7);
621
626
  }
622
- .e-treeview .e-list-item.e-active.e-hover > .e-text-content {
627
+ .e-treeview .e-list-item.e-active.e-hover > .e-text-content,
628
+ .e-treeview .e-list-item.e-active.e-node-focus > .e-text-content {
623
629
  color: #00b0ff;
624
630
  }
625
- .e-treeview .e-list-item.e-active.e-hover > .e-text-content .e-list-text {
631
+ .e-treeview .e-list-item.e-active.e-hover > .e-text-content .e-list-text,
632
+ .e-treeview .e-list-item.e-active.e-node-focus > .e-text-content .e-list-text {
626
633
  color: #00b0ff;
627
634
  }
628
635
  .e-treeview .e-list-item.e-active.e-hover > .e-text-content .e-icon-collapsible,
629
- .e-treeview .e-list-item.e-active.e-hover > .e-text-content .e-icon-expandable {
636
+ .e-treeview .e-list-item.e-active.e-hover > .e-text-content .e-icon-expandable,
637
+ .e-treeview .e-list-item.e-active.e-node-focus > .e-text-content .e-icon-collapsible,
638
+ .e-treeview .e-list-item.e-active.e-node-focus > .e-text-content .e-icon-expandable {
630
639
  color: rgba(255, 255, 255, 0.7);
631
640
  }
632
641
  .e-treeview .e-list-item.e-editing.e-active > .e-text-content,
633
- .e-treeview .e-list-item.e-editing.e-hover > .e-text-content {
642
+ .e-treeview .e-list-item.e-editing.e-hover > .e-text-content,
643
+ .e-treeview .e-list-item.e-editing.e-node-focus > .e-text-content {
634
644
  color: #fff;
635
645
  }
636
646
  .e-treeview .e-list-item.e-editing.e-active > .e-text-content .e-list-text,
637
- .e-treeview .e-list-item.e-editing.e-hover > .e-text-content .e-list-text {
647
+ .e-treeview .e-list-item.e-editing.e-hover > .e-text-content .e-list-text,
648
+ .e-treeview .e-list-item.e-editing.e-node-focus > .e-text-content .e-list-text {
638
649
  color: #fff;
639
650
  }
640
651
  .e-treeview .e-list-item.e-editing.e-active > .e-text-content .e-icon-collapsible,
641
652
  .e-treeview .e-list-item.e-editing.e-active > .e-text-content .e-icon-expandable,
642
653
  .e-treeview .e-list-item.e-editing.e-hover > .e-text-content .e-icon-collapsible,
643
- .e-treeview .e-list-item.e-editing.e-hover > .e-text-content .e-icon-expandable {
654
+ .e-treeview .e-list-item.e-editing.e-hover > .e-text-content .e-icon-expandable,
655
+ .e-treeview .e-list-item.e-editing.e-node-focus > .e-text-content .e-icon-collapsible,
656
+ .e-treeview .e-list-item.e-editing.e-node-focus > .e-text-content .e-icon-expandable {
644
657
  color: rgba(255, 255, 255, 0.7);
645
658
  }
646
- .e-treeview .e-list-item.e-hover > .e-fullrow {
659
+ .e-treeview .e-list-item.e-hover > .e-fullrow,
660
+ .e-treeview .e-list-item.e-node-focus > .e-fullrow {
647
661
  background-color: rgba(255, 255, 255, 0.1);
648
662
  border-color: transparent;
649
663
  }
@@ -661,12 +675,14 @@
661
675
  .e-treeview .e-list-item.e-active.e-animation-active > .e-text-content .e-list-text {
662
676
  color: #fff;
663
677
  }
664
- .e-treeview .e-list-item.e-active.e-hover > .e-fullrow {
678
+ .e-treeview .e-list-item.e-active.e-hover > .e-fullrow,
679
+ .e-treeview .e-list-item.e-active.e-node-focus > .e-fullrow {
665
680
  background-color: rgba(255, 255, 255, 0.18);
666
681
  border-color: transparent;
667
682
  }
668
683
  .e-treeview .e-list-item.e-editing.e-active > .e-fullrow,
669
- .e-treeview .e-list-item.e-editing.e-hover > .e-fullrow {
684
+ .e-treeview .e-list-item.e-editing.e-hover > .e-fullrow,
685
+ .e-treeview .e-list-item.e-editing.e-node-focus > .e-fullrow {
670
686
  background-color: transparent;
671
687
  border-color: transparent;
672
688
  }
@@ -698,7 +714,8 @@
698
714
  .e-treeview .e-popup .e-downtail::after {
699
715
  border-top-color: #616161;
700
716
  }
701
- .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-hover > .e-text-content {
717
+ .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-hover > .e-text-content,
718
+ .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-node-focus > .e-text-content {
702
719
  background-color: rgba(255, 255, 255, 0.1);
703
720
  border-color: transparent;
704
721
  }
@@ -706,12 +723,14 @@
706
723
  background-color: rgba(255, 255, 255, 0.18);
707
724
  border-color: transparent;
708
725
  }
709
- .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-active.e-hover > .e-text-content {
726
+ .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-active.e-hover > .e-text-content,
727
+ .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-active.e-node-focus > .e-text-content {
710
728
  background-color: rgba(255, 255, 255, 0.18);
711
729
  border-color: transparent;
712
730
  }
713
731
  .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-editing.e-active > .e-text-content,
714
- .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-editing.e-hover > .e-text-content {
732
+ .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-editing.e-hover > .e-text-content,
733
+ .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-editing.e-node-focus > .e-text-content {
715
734
  background-color: transparent;
716
735
  border-color: transparent;
717
736
  }
package/styles/treeview/material.css CHANGED
@@ -600,17 +600,22 @@
600
600
  font-size: 10px;
601
601
  }
602
602
  .e-treeview .e-list-item.e-active,
603
- .e-treeview .e-list-item.e-hover {
603
+ .e-treeview .e-list-item.e-hover,
604
+ .e-treeview .e-list-item.e-node-focus {
604
605
  background: transparent;
605
606
  }
606
- .e-treeview .e-list-item.e-hover > .e-text-content {
607
+ .e-treeview .e-list-item.e-hover > .e-text-content,
608
+ .e-treeview .e-list-item.e-node-focus > .e-text-content {
607
609
  color: rgba(0, 0, 0, 0.87);
608
610
  }
609
- .e-treeview .e-list-item.e-hover > .e-text-content .e-list-text {
611
+ .e-treeview .e-list-item.e-hover > .e-text-content .e-list-text,
612
+ .e-treeview .e-list-item.e-node-focus > .e-text-content .e-list-text {
610
613
  color: rgba(0, 0, 0, 0.87);
611
614
  }
612
615
  .e-treeview .e-list-item.e-hover > .e-text-content .e-icon-collapsible,
613
- .e-treeview .e-list-item.e-hover > .e-text-content .e-icon-expandable {
616
+ .e-treeview .e-list-item.e-hover > .e-text-content .e-icon-expandable,
617
+ .e-treeview .e-list-item.e-node-focus > .e-text-content .e-icon-collapsible,
618
+ .e-treeview .e-list-item.e-node-focus > .e-text-content .e-icon-expandable {
614
619
  color: rgba(0, 0, 0, 0.54);
615
620
  }
616
621
  .e-treeview .e-list-item.e-active > .e-text-content {
@@ -623,31 +628,40 @@
623
628
  .e-treeview .e-list-item.e-active > .e-text-content .e-icon-expandable {
624
629
  color: rgba(0, 0, 0, 0.54);
625
630
  }
626
- .e-treeview .e-list-item.e-active.e-hover > .e-text-content {
631
+ .e-treeview .e-list-item.e-active.e-hover > .e-text-content,
632
+ .e-treeview .e-list-item.e-active.e-node-focus > .e-text-content {
627
633
  color: #e3165b;
628
634
  }
629
- .e-treeview .e-list-item.e-active.e-hover > .e-text-content .e-list-text {
635
+ .e-treeview .e-list-item.e-active.e-hover > .e-text-content .e-list-text,
636
+ .e-treeview .e-list-item.e-active.e-node-focus > .e-text-content .e-list-text {
630
637
  color: #e3165b;
631
638
  }
632
639
  .e-treeview .e-list-item.e-active.e-hover > .e-text-content .e-icon-collapsible,
633
- .e-treeview .e-list-item.e-active.e-hover > .e-text-content .e-icon-expandable {
640
+ .e-treeview .e-list-item.e-active.e-hover > .e-text-content .e-icon-expandable,
641
+ .e-treeview .e-list-item.e-active.e-node-focus > .e-text-content .e-icon-collapsible,
642
+ .e-treeview .e-list-item.e-active.e-node-focus > .e-text-content .e-icon-expandable {
634
643
  color: rgba(0, 0, 0, 0.54);
635
644
  }
636
645
  .e-treeview .e-list-item.e-editing.e-active > .e-text-content,
637
- .e-treeview .e-list-item.e-editing.e-hover > .e-text-content {
646
+ .e-treeview .e-list-item.e-editing.e-hover > .e-text-content,
647
+ .e-treeview .e-list-item.e-editing.e-node-focus > .e-text-content {
638
648
  color: rgba(0, 0, 0, 0.87);
639
649
  }
640
650
  .e-treeview .e-list-item.e-editing.e-active > .e-text-content .e-list-text,
641
- .e-treeview .e-list-item.e-editing.e-hover > .e-text-content .e-list-text {
651
+ .e-treeview .e-list-item.e-editing.e-hover > .e-text-content .e-list-text,
652
+ .e-treeview .e-list-item.e-editing.e-node-focus > .e-text-content .e-list-text {
642
653
  color: rgba(0, 0, 0, 0.87);
643
654
  }
644
655
  .e-treeview .e-list-item.e-editing.e-active > .e-text-content .e-icon-collapsible,
645
656
  .e-treeview .e-list-item.e-editing.e-active > .e-text-content .e-icon-expandable,
646
657
  .e-treeview .e-list-item.e-editing.e-hover > .e-text-content .e-icon-collapsible,
647
- .e-treeview .e-list-item.e-editing.e-hover > .e-text-content .e-icon-expandable {
658
+ .e-treeview .e-list-item.e-editing.e-hover > .e-text-content .e-icon-expandable,
659
+ .e-treeview .e-list-item.e-editing.e-node-focus > .e-text-content .e-icon-collapsible,
660
+ .e-treeview .e-list-item.e-editing.e-node-focus > .e-text-content .e-icon-expandable {
648
661
  color: rgba(0, 0, 0, 0.54);
649
662
  }
650
- .e-treeview .e-list-item.e-hover > .e-fullrow {
663
+ .e-treeview .e-list-item.e-hover > .e-fullrow,
664
+ .e-treeview .e-list-item.e-node-focus > .e-fullrow {
651
665
  background-color: #f5f5f5;
652
666
  border-color: #f5f5f5;
653
667
  }
@@ -665,12 +679,14 @@
665
679
  .e-treeview .e-list-item.e-active.e-animation-active > .e-text-content .e-list-text {
666
680
  color: rgba(0, 0, 0, 0.87);
667
681
  }
668
- .e-treeview .e-list-item.e-active.e-hover > .e-fullrow {
682
+ .e-treeview .e-list-item.e-active.e-hover > .e-fullrow,
683
+ .e-treeview .e-list-item.e-active.e-node-focus > .e-fullrow {
669
684
  background-color: #e0e0e0;
670
685
  border-color: #e0e0e0;
671
686
  }
672
687
  .e-treeview .e-list-item.e-editing.e-active > .e-fullrow,
673
- .e-treeview .e-list-item.e-editing.e-hover > .e-fullrow {
688
+ .e-treeview .e-list-item.e-editing.e-hover > .e-fullrow,
689
+ .e-treeview .e-list-item.e-editing.e-node-focus > .e-fullrow {
674
690
  background-color: transparent;
675
691
  border-color: transparent;
676
692
  }
@@ -701,7 +717,8 @@
701
717
  .e-treeview .e-popup .e-downtail::after {
702
718
  border-top-color: #fff;
703
719
  }
704
- .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-hover > .e-text-content {
720
+ .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-hover > .e-text-content,
721
+ .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-node-focus > .e-text-content {
705
722
  background-color: #f5f5f5;
706
723
  border-color: #f5f5f5;
707
724
  }
@@ -709,12 +726,14 @@
709
726
  background-color: #eee;
710
727
  border-color: #eee;
711
728
  }
712
- .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-active.e-hover > .e-text-content {
729
+ .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-active.e-hover > .e-text-content,
730
+ .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-active.e-node-focus > .e-text-content {
713
731
  background-color: #e0e0e0;
714
732
  border-color: #e0e0e0;
715
733
  }
716
734
  .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-editing.e-active > .e-text-content,
717
- .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-editing.e-hover > .e-text-content {
735
+ .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-editing.e-hover > .e-text-content,
736
+ .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-editing.e-node-focus > .e-text-content {
718
737
  background-color: transparent;
719
738
  border-color: transparent;
720
739
  }
package/styles/treeview/tailwind-dark.css CHANGED
@@ -695,17 +695,22 @@
695
695
  font-size: 20px;
696
696
  }
697
697
  .e-treeview .e-list-item.e-active,
698
- .e-treeview .e-list-item.e-hover {
698
+ .e-treeview .e-list-item.e-hover,
699
+ .e-treeview .e-list-item.e-node-focus {
699
700
  background: transparent;
700
701
  }
701
- .e-treeview .e-list-item.e-hover > .e-text-content {
702
+ .e-treeview .e-list-item.e-hover > .e-text-content,
703
+ .e-treeview .e-list-item.e-node-focus > .e-text-content {
702
704
  color: #fff;
703
705
  }
704
- .e-treeview .e-list-item.e-hover > .e-text-content .e-list-text {
706
+ .e-treeview .e-list-item.e-hover > .e-text-content .e-list-text,
707
+ .e-treeview .e-list-item.e-node-focus > .e-text-content .e-list-text {
705
708
  color: #fff;
706
709
  }
707
710
  .e-treeview .e-list-item.e-hover > .e-text-content .e-icon-collapsible,
708
- .e-treeview .e-list-item.e-hover > .e-text-content .e-icon-expandable {
711
+ .e-treeview .e-list-item.e-hover > .e-text-content .e-icon-expandable,
712
+ .e-treeview .e-list-item.e-node-focus > .e-text-content .e-icon-collapsible,
713
+ .e-treeview .e-list-item.e-node-focus > .e-text-content .e-icon-expandable {
709
714
  color: #f3f4f6;
710
715
  }
711
716
  .e-treeview .e-list-item.e-active > .e-text-content {
@@ -718,31 +723,40 @@
718
723
  .e-treeview .e-list-item.e-active > .e-text-content .e-icon-expandable {
719
724
  color: #fff;
720
725
  }
721
- .e-treeview .e-list-item.e-active.e-hover > .e-text-content {
726
+ .e-treeview .e-list-item.e-active.e-hover > .e-text-content,
727
+ .e-treeview .e-list-item.e-active.e-node-focus > .e-text-content {
722
728
  color: #fff;
723
729
  }
724
- .e-treeview .e-list-item.e-active.e-hover > .e-text-content .e-list-text {
730
+ .e-treeview .e-list-item.e-active.e-hover > .e-text-content .e-list-text,
731
+ .e-treeview .e-list-item.e-active.e-node-focus > .e-text-content .e-list-text {
725
732
  color: #fff;
726
733
  }
727
734
  .e-treeview .e-list-item.e-active.e-hover > .e-text-content .e-icon-collapsible,
728
- .e-treeview .e-list-item.e-active.e-hover > .e-text-content .e-icon-expandable {
735
+ .e-treeview .e-list-item.e-active.e-hover > .e-text-content .e-icon-expandable,
736
+ .e-treeview .e-list-item.e-active.e-node-focus > .e-text-content .e-icon-collapsible,
737
+ .e-treeview .e-list-item.e-active.e-node-focus > .e-text-content .e-icon-expandable {
729
738
  color: #f3f4f6;
730
739
  }
731
740
  .e-treeview .e-list-item.e-editing.e-active > .e-text-content,
732
- .e-treeview .e-list-item.e-editing.e-hover > .e-text-content {
741
+ .e-treeview .e-list-item.e-editing.e-hover > .e-text-content,
742
+ .e-treeview .e-list-item.e-editing.e-node-focus > .e-text-content {
733
743
  color: #fff;
734
744
  }
735
745
  .e-treeview .e-list-item.e-editing.e-active > .e-text-content .e-list-text,
736
- .e-treeview .e-list-item.e-editing.e-hover > .e-text-content .e-list-text {
746
+ .e-treeview .e-list-item.e-editing.e-hover > .e-text-content .e-list-text,
747
+ .e-treeview .e-list-item.e-editing.e-node-focus > .e-text-content .e-list-text {
737
748
  color: #fff;
738
749
  }
739
750
  .e-treeview .e-list-item.e-editing.e-active > .e-text-content .e-icon-collapsible,
740
751
  .e-treeview .e-list-item.e-editing.e-active > .e-text-content .e-icon-expandable,
741
752
  .e-treeview .e-list-item.e-editing.e-hover > .e-text-content .e-icon-collapsible,
742
- .e-treeview .e-list-item.e-editing.e-hover > .e-text-content .e-icon-expandable {
753
+ .e-treeview .e-list-item.e-editing.e-hover > .e-text-content .e-icon-expandable,
754
+ .e-treeview .e-list-item.e-editing.e-node-focus > .e-text-content .e-icon-collapsible,
755
+ .e-treeview .e-list-item.e-editing.e-node-focus > .e-text-content .e-icon-expandable {
743
756
  color: #d1d5db;
744
757
  }
745
- .e-treeview .e-list-item.e-hover > .e-fullrow {
758
+ .e-treeview .e-list-item.e-hover > .e-fullrow,
759
+ .e-treeview .e-list-item.e-node-focus > .e-fullrow {
746
760
  background-color: #4b5563;
747
761
  border-color: #4b5563;
748
762
  }
@@ -760,12 +774,14 @@
760
774
  .e-treeview .e-list-item.e-active.e-animation-active > .e-text-content .e-list-text {
761
775
  color: #fff;
762
776
  }
763
- .e-treeview .e-list-item.e-active.e-hover > .e-fullrow {
777
+ .e-treeview .e-list-item.e-active.e-hover > .e-fullrow,
778
+ .e-treeview .e-list-item.e-active.e-node-focus > .e-fullrow {
764
779
  background-color: #4b5563;
765
780
  border-color: #4b5563;
766
781
  }
767
782
  .e-treeview .e-list-item.e-editing.e-active > .e-fullrow,
768
- .e-treeview .e-list-item.e-editing.e-hover > .e-fullrow {
783
+ .e-treeview .e-list-item.e-editing.e-hover > .e-fullrow,
784
+ .e-treeview .e-list-item.e-editing.e-node-focus > .e-fullrow {
769
785
  background-color: transparent;
770
786
  border-color: transparent;
771
787
  }
@@ -796,7 +812,8 @@
796
812
  .e-treeview .e-popup .e-downtail::after {
797
813
  border-top-color: #4b5563;
798
814
  }
799
- .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-hover > .e-text-content {
815
+ .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-hover > .e-text-content,
816
+ .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-node-focus > .e-text-content {
800
817
  background-color: #4b5563;
801
818
  border-color: #4b5563;
802
819
  }
@@ -804,12 +821,14 @@
804
821
  background-color: #6b7280;
805
822
  border-color: #6b7280;
806
823
  }
807
- .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-active.e-hover > .e-text-content {
824
+ .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-active.e-hover > .e-text-content,
825
+ .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-active.e-node-focus > .e-text-content {
808
826
  background-color: #4b5563;
809
827
  border-color: #4b5563;
810
828
  }
811
829
  .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-editing.e-active > .e-text-content,
812
- .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-editing.e-hover > .e-text-content {
830
+ .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-editing.e-hover > .e-text-content,
831
+ .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-editing.e-node-focus > .e-text-content {
813
832
  background-color: transparent;
814
833
  border-color: transparent;
815
834
  }
package/styles/treeview/tailwind.css CHANGED
@@ -695,17 +695,22 @@
695
695
  font-size: 20px;
696
696
  }
697
697
  .e-treeview .e-list-item.e-active,
698
- .e-treeview .e-list-item.e-hover {
698
+ .e-treeview .e-list-item.e-hover,
699
+ .e-treeview .e-list-item.e-node-focus {
699
700
  background: transparent;
700
701
  }
701
- .e-treeview .e-list-item.e-hover > .e-text-content {
702
+ .e-treeview .e-list-item.e-hover > .e-text-content,
703
+ .e-treeview .e-list-item.e-node-focus > .e-text-content {
702
704
  color: #111827;
703
705
  }
704
- .e-treeview .e-list-item.e-hover > .e-text-content .e-list-text {
706
+ .e-treeview .e-list-item.e-hover > .e-text-content .e-list-text,
707
+ .e-treeview .e-list-item.e-node-focus > .e-text-content .e-list-text {
705
708
  color: #111827;
706
709
  }
707
710
  .e-treeview .e-list-item.e-hover > .e-text-content .e-icon-collapsible,
708
- .e-treeview .e-list-item.e-hover > .e-text-content .e-icon-expandable {
711
+ .e-treeview .e-list-item.e-hover > .e-text-content .e-icon-expandable,
712
+ .e-treeview .e-list-item.e-node-focus > .e-text-content .e-icon-collapsible,
713
+ .e-treeview .e-list-item.e-node-focus > .e-text-content .e-icon-expandable {
709
714
  color: #374151;
710
715
  }
711
716
  .e-treeview .e-list-item.e-active > .e-text-content {
@@ -718,31 +723,40 @@
718
723
  .e-treeview .e-list-item.e-active > .e-text-content .e-icon-expandable {
719
724
  color: #111827;
720
725
  }
721
- .e-treeview .e-list-item.e-active.e-hover > .e-text-content {
726
+ .e-treeview .e-list-item.e-active.e-hover > .e-text-content,
727
+ .e-treeview .e-list-item.e-active.e-node-focus > .e-text-content {
722
728
  color: #111827;
723
729
  }
724
- .e-treeview .e-list-item.e-active.e-hover > .e-text-content .e-list-text {
730
+ .e-treeview .e-list-item.e-active.e-hover > .e-text-content .e-list-text,
731
+ .e-treeview .e-list-item.e-active.e-node-focus > .e-text-content .e-list-text {
725
732
  color: #111827;
726
733
  }
727
734
  .e-treeview .e-list-item.e-active.e-hover > .e-text-content .e-icon-collapsible,
728
- .e-treeview .e-list-item.e-active.e-hover > .e-text-content .e-icon-expandable {
735
+ .e-treeview .e-list-item.e-active.e-hover > .e-text-content .e-icon-expandable,
736
+ .e-treeview .e-list-item.e-active.e-node-focus > .e-text-content .e-icon-collapsible,
737
+ .e-treeview .e-list-item.e-active.e-node-focus > .e-text-content .e-icon-expandable {
729
738
  color: #374151;
730
739
  }
731
740
  .e-treeview .e-list-item.e-editing.e-active > .e-text-content,
732
- .e-treeview .e-list-item.e-editing.e-hover > .e-text-content {
741
+ .e-treeview .e-list-item.e-editing.e-hover > .e-text-content,
742
+ .e-treeview .e-list-item.e-editing.e-node-focus > .e-text-content {
733
743
  color: #111827;
734
744
  }
735
745
  .e-treeview .e-list-item.e-editing.e-active > .e-text-content .e-list-text,
736
- .e-treeview .e-list-item.e-editing.e-hover > .e-text-content .e-list-text {
746
+ .e-treeview .e-list-item.e-editing.e-hover > .e-text-content .e-list-text,
747
+ .e-treeview .e-list-item.e-editing.e-node-focus > .e-text-content .e-list-text {
737
748
  color: #111827;
738
749
  }
739
750
  .e-treeview .e-list-item.e-editing.e-active > .e-text-content .e-icon-collapsible,
740
751
  .e-treeview .e-list-item.e-editing.e-active > .e-text-content .e-icon-expandable,
741
752
  .e-treeview .e-list-item.e-editing.e-hover > .e-text-content .e-icon-collapsible,
742
- .e-treeview .e-list-item.e-editing.e-hover > .e-text-content .e-icon-expandable {
753
+ .e-treeview .e-list-item.e-editing.e-hover > .e-text-content .e-icon-expandable,
754
+ .e-treeview .e-list-item.e-editing.e-node-focus > .e-text-content .e-icon-collapsible,
755
+ .e-treeview .e-list-item.e-editing.e-node-focus > .e-text-content .e-icon-expandable {
743
756
  color: #6b7280;
744
757
  }
745
- .e-treeview .e-list-item.e-hover > .e-fullrow {
758
+ .e-treeview .e-list-item.e-hover > .e-fullrow,
759
+ .e-treeview .e-list-item.e-node-focus > .e-fullrow {
746
760
  background-color: #f3f4f6;
747
761
  border-color: #f3f4f6;
748
762
  }
@@ -760,12 +774,14 @@
760
774
  .e-treeview .e-list-item.e-active.e-animation-active > .e-text-content .e-list-text {
761
775
  color: #111827;
762
776
  }
763
- .e-treeview .e-list-item.e-active.e-hover > .e-fullrow {
777
+ .e-treeview .e-list-item.e-active.e-hover > .e-fullrow,
778
+ .e-treeview .e-list-item.e-active.e-node-focus > .e-fullrow {
764
779
  background-color: #d6d9e0;
765
780
  border-color: #f3f4f6;
766
781
  }
767
782
  .e-treeview .e-list-item.e-editing.e-active > .e-fullrow,
768
- .e-treeview .e-list-item.e-editing.e-hover > .e-fullrow {
783
+ .e-treeview .e-list-item.e-editing.e-hover > .e-fullrow,
784
+ .e-treeview .e-list-item.e-editing.e-node-focus > .e-fullrow {
769
785
  background-color: transparent;
770
786
  border-color: transparent;
771
787
  }
@@ -796,7 +812,8 @@
796
812
  .e-treeview .e-popup .e-downtail::after {
797
813
  border-top-color: #f3f4f6;
798
814
  }
799
- .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-hover > .e-text-content {
815
+ .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-hover > .e-text-content,
816
+ .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-node-focus > .e-text-content {
800
817
  background-color: #f3f4f6;
801
818
  border-color: #f3f4f6;
802
819
  }
@@ -804,12 +821,14 @@
804
821
  background-color: #e5e7eb;
805
822
  border-color: #e5e7eb;
806
823
  }
807
- .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-active.e-hover > .e-text-content {
824
+ .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-active.e-hover > .e-text-content,
825
+ .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-active.e-node-focus > .e-text-content {
808
826
  background-color: #d6d9e0;
809
827
  border-color: #f3f4f6;
810
828
  }
811
829
  .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-editing.e-active > .e-text-content,
812
- .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-editing.e-hover > .e-text-content {
830
+ .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-editing.e-hover > .e-text-content,
831
+ .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-editing.e-node-focus > .e-text-content {
813
832
  background-color: transparent;
814
833
  border-color: transparent;
815
834
  }