@syncfusion/ej2-navigations 33.2.3 → 33.2.6

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 (125) hide show
  1. package/README.md +0 -1
  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 +37 -12
  6. package/dist/es6/ej2-navigations.es2015.js.map +1 -1
  7. package/dist/es6/ej2-navigations.es5.js +36 -10
  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 +5 -5
  13. package/src/accordion/accordion.js +5 -5
  14. package/src/context-menu/context-menu.js +1 -1
  15. package/src/tab/tab.js +7 -1
  16. package/src/toolbar/toolbar.js +8 -2
  17. package/src/treeview/treeview.d.ts +1 -0
  18. package/src/treeview/treeview.js +15 -1
  19. package/styles/bds-lite.css +21 -2
  20. package/styles/bds.css +23 -4
  21. package/styles/bootstrap-dark-lite.css +21 -2
  22. package/styles/bootstrap-dark.css +21 -2
  23. package/styles/bootstrap-lite.css +25 -2
  24. package/styles/bootstrap.css +25 -2
  25. package/styles/bootstrap4-lite.css +21 -2
  26. package/styles/bootstrap4.css +21 -2
  27. package/styles/bootstrap5-dark-lite.css +21 -2
  28. package/styles/bootstrap5-dark.css +21 -2
  29. package/styles/bootstrap5-lite.css +21 -2
  30. package/styles/bootstrap5.3-lite.css +21 -2
  31. package/styles/bootstrap5.3.css +21 -2
  32. package/styles/bootstrap5.css +21 -2
  33. package/styles/fabric-dark-lite.css +22 -2
  34. package/styles/fabric-dark.css +22 -2
  35. package/styles/fabric-lite.css +22 -2
  36. package/styles/fabric.css +22 -2
  37. package/styles/fluent-dark-lite.css +21 -2
  38. package/styles/fluent-dark.css +21 -2
  39. package/styles/fluent-lite.css +21 -2
  40. package/styles/fluent.css +21 -2
  41. package/styles/fluent2-lite.css +30 -2
  42. package/styles/fluent2.css +30 -2
  43. package/styles/highcontrast-light-lite.css +21 -2
  44. package/styles/highcontrast-light.css +21 -2
  45. package/styles/highcontrast-lite.css +29 -2
  46. package/styles/highcontrast.css +29 -2
  47. package/styles/material-dark-lite.css +21 -2
  48. package/styles/material-dark.css +21 -2
  49. package/styles/material-lite.css +21 -2
  50. package/styles/material.css +21 -2
  51. package/styles/material3-dark-lite.css +21 -2
  52. package/styles/material3-dark.css +21 -2
  53. package/styles/material3-lite.css +21 -2
  54. package/styles/material3.css +21 -2
  55. package/styles/tailwind-dark-lite.css +22 -3
  56. package/styles/tailwind-dark.css +23 -4
  57. package/styles/tailwind-lite.css +22 -3
  58. package/styles/tailwind.css +23 -4
  59. package/styles/tailwind3-lite.css +21 -2
  60. package/styles/tailwind3.css +21 -2
  61. package/styles/toolbar/_theme.scss +11 -5
  62. package/styles/toolbar/bds.css +8 -2
  63. package/styles/toolbar/bootstrap-dark.css +8 -2
  64. package/styles/toolbar/bootstrap.css +8 -2
  65. package/styles/toolbar/bootstrap4.css +8 -2
  66. package/styles/toolbar/bootstrap5-dark.css +8 -2
  67. package/styles/toolbar/bootstrap5.3.css +8 -2
  68. package/styles/toolbar/bootstrap5.css +8 -2
  69. package/styles/toolbar/fabric-dark.css +8 -2
  70. package/styles/toolbar/fabric.css +8 -2
  71. package/styles/toolbar/fluent-dark.css +8 -2
  72. package/styles/toolbar/fluent.css +8 -2
  73. package/styles/toolbar/fluent2.css +8 -2
  74. package/styles/toolbar/highcontrast-light.css +8 -2
  75. package/styles/toolbar/highcontrast.css +8 -2
  76. package/styles/toolbar/material-dark.css +8 -2
  77. package/styles/toolbar/material.css +8 -2
  78. package/styles/toolbar/material3-dark.css +8 -2
  79. package/styles/toolbar/material3.css +8 -2
  80. package/styles/toolbar/tailwind-dark.css +8 -2
  81. package/styles/toolbar/tailwind.css +8 -2
  82. package/styles/toolbar/tailwind3.css +8 -2
  83. package/styles/treeview/_bds-definition.scss +3 -2
  84. package/styles/treeview/_bootstrap-dark-definition.scss +2 -1
  85. package/styles/treeview/_bootstrap-definition.scss +2 -1
  86. package/styles/treeview/_bootstrap4-definition.scss +1 -0
  87. package/styles/treeview/_bootstrap5-dark-definition.scss +1 -0
  88. package/styles/treeview/_bootstrap5-definition.scss +1 -0
  89. package/styles/treeview/_bootstrap5.3-definition.scss +1 -0
  90. package/styles/treeview/_fabric-dark-definition.scss +1 -0
  91. package/styles/treeview/_fabric-definition.scss +1 -0
  92. package/styles/treeview/_fluent-dark-definition.scss +1 -0
  93. package/styles/treeview/_fluent-definition.scss +1 -0
  94. package/styles/treeview/_fluent2-definition.scss +4 -0
  95. package/styles/treeview/_highcontrast-definition.scss +1 -0
  96. package/styles/treeview/_highcontrast-light-definition.scss +1 -0
  97. package/styles/treeview/_material-dark-definition.scss +1 -0
  98. package/styles/treeview/_material-definition.scss +1 -0
  99. package/styles/treeview/_material3-dark-definition.scss +1 -0
  100. package/styles/treeview/_material3-definition.scss +1 -0
  101. package/styles/treeview/_tailwind-dark-definition.scss +3 -2
  102. package/styles/treeview/_tailwind-definition.scss +3 -2
  103. package/styles/treeview/_tailwind3-definition.scss +1 -0
  104. package/styles/treeview/_theme.scss +55 -4
  105. package/styles/treeview/bds.css +15 -2
  106. package/styles/treeview/bootstrap-dark.css +13 -0
  107. package/styles/treeview/bootstrap.css +17 -0
  108. package/styles/treeview/bootstrap4.css +13 -0
  109. package/styles/treeview/bootstrap5-dark.css +13 -0
  110. package/styles/treeview/bootstrap5.3.css +13 -0
  111. package/styles/treeview/bootstrap5.css +13 -0
  112. package/styles/treeview/fabric-dark.css +14 -0
  113. package/styles/treeview/fabric.css +14 -0
  114. package/styles/treeview/fluent-dark.css +13 -0
  115. package/styles/treeview/fluent.css +13 -0
  116. package/styles/treeview/fluent2.css +22 -0
  117. package/styles/treeview/highcontrast-light.css +13 -0
  118. package/styles/treeview/highcontrast.css +21 -0
  119. package/styles/treeview/material-dark.css +13 -0
  120. package/styles/treeview/material.css +13 -0
  121. package/styles/treeview/material3-dark.css +13 -0
  122. package/styles/treeview/material3.css +13 -0
  123. package/styles/treeview/tailwind-dark.css +15 -2
  124. package/styles/treeview/tailwind.css +15 -2
  125. package/styles/treeview/tailwind3.css +13 -0
package/styles/treeview/material.css CHANGED
@@ -551,6 +551,11 @@
551
551
  .e-treeview .e-list-item.e-node-focus > .e-text-content .e-icon-expandable {
552
552
  color: rgba(0, 0, 0, 0.54);
553
553
  }
554
+ .e-treeview .e-list-item.e-node-focus > .e-fullrow {
555
+ -webkit-box-shadow: inset 0 0 0 1px #212121;
556
+ box-shadow: inset 0 0 0 1px #212121;
557
+ border: none;
558
+ }
554
559
  .e-treeview .e-list-item.e-active {
555
560
  background: transparent;
556
561
  }
@@ -596,6 +601,8 @@
596
601
  .e-treeview .e-list-item.e-editing.e-active > .e-fullrow, .e-treeview .e-list-item.e-editing.e-hover > .e-fullrow, .e-treeview .e-list-item.e-editing.e-node-focus > .e-fullrow {
597
602
  background-color: transparent;
598
603
  border-color: transparent;
604
+ -webkit-box-shadow: none;
605
+ box-shadow: none;
599
606
  }
600
607
  .e-treeview .e-list-item.e-editing.e-active > .e-text-content, .e-treeview .e-list-item.e-editing.e-hover > .e-text-content, .e-treeview .e-list-item.e-editing.e-node-focus > .e-text-content {
601
608
  color: rgba(0, 0, 0, 0.87);
@@ -651,6 +658,12 @@
651
658
  .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-editing.e-active > .e-text-content, .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-editing.e-hover > .e-text-content, .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-editing.e-node-focus > .e-text-content {
652
659
  background-color: transparent;
653
660
  border-color: transparent;
661
+ -webkit-box-shadow: none;
662
+ box-shadow: none;
663
+ }
664
+ .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-node-focus > .e-text-content {
665
+ -webkit-box-shadow: inset 0 0 0 1px #212121;
666
+ box-shadow: inset 0 0 0 1px #212121;
654
667
  }
655
668
  .e-treeview.e-fullrow-wrap .e-text-content {
656
669
  border-color: transparent;
package/styles/treeview/material3-dark.css CHANGED
@@ -787,6 +787,11 @@
787
787
  .e-treeview .e-list-item.e-node-focus > .e-text-content .e-icon-expandable {
788
788
  color: rgba(var(--color-sf-on-surface));
789
789
  }
790
+ .e-treeview .e-list-item.e-node-focus > .e-fullrow {
791
+ -webkit-box-shadow: inset 0 0 0 2px #fff, inset 0 0 0 3px #000;
792
+ box-shadow: inset 0 0 0 2px #fff, inset 0 0 0 3px #000;
793
+ border: none;
794
+ }
790
795
  .e-treeview .e-list-item.e-active {
791
796
  background: transparent;
792
797
  }
@@ -832,6 +837,8 @@
832
837
  .e-treeview .e-list-item.e-editing.e-active > .e-fullrow, .e-treeview .e-list-item.e-editing.e-hover > .e-fullrow, .e-treeview .e-list-item.e-editing.e-node-focus > .e-fullrow {
833
838
  background-color: transparent;
834
839
  border-color: transparent;
840
+ -webkit-box-shadow: none;
841
+ box-shadow: none;
835
842
  }
836
843
  .e-treeview .e-list-item.e-editing.e-active > .e-text-content, .e-treeview .e-list-item.e-editing.e-hover > .e-text-content, .e-treeview .e-list-item.e-editing.e-node-focus > .e-text-content {
837
844
  color: rgba(var(--color-sf-on-surface));
@@ -888,6 +895,12 @@
888
895
  .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-editing.e-active > .e-text-content, .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-editing.e-hover > .e-text-content, .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-editing.e-node-focus > .e-text-content {
889
896
  background-color: transparent;
890
897
  border-color: transparent;
898
+ -webkit-box-shadow: none;
899
+ box-shadow: none;
900
+ }
901
+ .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-node-focus > .e-text-content {
902
+ -webkit-box-shadow: inset 0 0 0 2px #fff, inset 0 0 0 3px #000;
903
+ box-shadow: inset 0 0 0 2px #fff, inset 0 0 0 3px #000;
891
904
  }
892
905
  .e-treeview.e-fullrow-wrap .e-text-content {
893
906
  border-color: transparent;
package/styles/treeview/material3.css CHANGED
@@ -793,6 +793,11 @@
793
793
  .e-treeview .e-list-item.e-node-focus > .e-text-content .e-icon-expandable {
794
794
  color: rgba(var(--color-sf-on-surface));
795
795
  }
796
+ .e-treeview .e-list-item.e-node-focus > .e-fullrow {
797
+ -webkit-box-shadow: inset 0 0 0 2px #000, inset 0 0 0 3px #fff;
798
+ box-shadow: inset 0 0 0 2px #000, inset 0 0 0 3px #fff;
799
+ border: none;
800
+ }
796
801
  .e-treeview .e-list-item.e-active {
797
802
  background: transparent;
798
803
  }
@@ -838,6 +843,8 @@
838
843
  .e-treeview .e-list-item.e-editing.e-active > .e-fullrow, .e-treeview .e-list-item.e-editing.e-hover > .e-fullrow, .e-treeview .e-list-item.e-editing.e-node-focus > .e-fullrow {
839
844
  background-color: transparent;
840
845
  border-color: transparent;
846
+ -webkit-box-shadow: none;
847
+ box-shadow: none;
841
848
  }
842
849
  .e-treeview .e-list-item.e-editing.e-active > .e-text-content, .e-treeview .e-list-item.e-editing.e-hover > .e-text-content, .e-treeview .e-list-item.e-editing.e-node-focus > .e-text-content {
843
850
  color: rgba(var(--color-sf-on-surface));
@@ -894,6 +901,12 @@
894
901
  .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-editing.e-active > .e-text-content, .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-editing.e-hover > .e-text-content, .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-editing.e-node-focus > .e-text-content {
895
902
  background-color: transparent;
896
903
  border-color: transparent;
904
+ -webkit-box-shadow: none;
905
+ box-shadow: none;
906
+ }
907
+ .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-node-focus > .e-text-content {
908
+ -webkit-box-shadow: inset 0 0 0 2px #000, inset 0 0 0 3px #fff;
909
+ box-shadow: inset 0 0 0 2px #000, inset 0 0 0 3px #fff;
897
910
  }
898
911
  .e-treeview.e-fullrow-wrap .e-text-content {
899
912
  border-color: transparent;
package/styles/treeview/tailwind-dark.css CHANGED
@@ -200,7 +200,7 @@
200
200
  -webkit-box-sizing: border-box;
201
201
  box-sizing: border-box;
202
202
  display: inline-block;
203
- line-height: 36px;
203
+ line-height: 38px;
204
204
  margin: 0;
205
205
  min-height: 36px;
206
206
  padding: 0 8px;
@@ -519,6 +519,11 @@
519
519
  .e-treeview .e-list-item.e-node-focus > .e-text-content .e-icon-expandable {
520
520
  color: #f3f4f6;
521
521
  }
522
+ .e-treeview .e-list-item.e-node-focus > .e-fullrow {
523
+ -webkit-box-shadow: 0 0 0 1px #22d3ee;
524
+ box-shadow: 0 0 0 1px #22d3ee;
525
+ border: none;
526
+ }
522
527
  .e-treeview .e-list-item.e-active {
523
528
  background: transparent;
524
529
  }
@@ -564,6 +569,8 @@
564
569
  .e-treeview .e-list-item.e-editing.e-active > .e-fullrow, .e-treeview .e-list-item.e-editing.e-hover > .e-fullrow, .e-treeview .e-list-item.e-editing.e-node-focus > .e-fullrow {
565
570
  background-color: transparent;
566
571
  border-color: transparent;
572
+ -webkit-box-shadow: none;
573
+ box-shadow: none;
567
574
  }
568
575
  .e-treeview .e-list-item.e-editing.e-active > .e-text-content, .e-treeview .e-list-item.e-editing.e-hover > .e-text-content, .e-treeview .e-list-item.e-editing.e-node-focus > .e-text-content {
569
576
  color: #fff;
@@ -619,6 +626,12 @@
619
626
  .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-editing.e-active > .e-text-content, .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-editing.e-hover > .e-text-content, .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-editing.e-node-focus > .e-text-content {
620
627
  background-color: transparent;
621
628
  border-color: transparent;
629
+ -webkit-box-shadow: none;
630
+ box-shadow: none;
631
+ }
632
+ .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-node-focus > .e-text-content {
633
+ -webkit-box-shadow: 0 0 0 1px #22d3ee;
634
+ box-shadow: 0 0 0 1px #22d3ee;
622
635
  }
623
636
  .e-treeview.e-fullrow-wrap .e-text-content {
624
637
  border-color: transparent;
@@ -754,7 +767,7 @@
754
767
  }
755
768
  .e-bigger .e-treeview .e-list-text,
756
769
  .e-treeview.e-bigger .e-list-text {
757
- line-height: 46px;
770
+ line-height: 48px;
758
771
  min-height: 46px;
759
772
  }
760
773
  .e-bigger .e-treeview .e-list-text .e-input-group,
package/styles/treeview/tailwind.css CHANGED
@@ -200,7 +200,7 @@
200
200
  -webkit-box-sizing: border-box;
201
201
  box-sizing: border-box;
202
202
  display: inline-block;
203
- line-height: 36px;
203
+ line-height: 38px;
204
204
  margin: 0;
205
205
  min-height: 36px;
206
206
  padding: 0 8px;
@@ -519,6 +519,11 @@
519
519
  .e-treeview .e-list-item.e-node-focus > .e-text-content .e-icon-expandable {
520
520
  color: #374151;
521
521
  }
522
+ .e-treeview .e-list-item.e-node-focus > .e-fullrow {
523
+ -webkit-box-shadow: inset 0 0 0 1px #4f46e5;
524
+ box-shadow: inset 0 0 0 1px #4f46e5;
525
+ border: none;
526
+ }
522
527
  .e-treeview .e-list-item.e-active {
523
528
  background: transparent;
524
529
  }
@@ -564,6 +569,8 @@
564
569
  .e-treeview .e-list-item.e-editing.e-active > .e-fullrow, .e-treeview .e-list-item.e-editing.e-hover > .e-fullrow, .e-treeview .e-list-item.e-editing.e-node-focus > .e-fullrow {
565
570
  background-color: transparent;
566
571
  border-color: transparent;
572
+ -webkit-box-shadow: none;
573
+ box-shadow: none;
567
574
  }
568
575
  .e-treeview .e-list-item.e-editing.e-active > .e-text-content, .e-treeview .e-list-item.e-editing.e-hover > .e-text-content, .e-treeview .e-list-item.e-editing.e-node-focus > .e-text-content {
569
576
  color: #111827;
@@ -619,6 +626,12 @@
619
626
  .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-editing.e-active > .e-text-content, .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-editing.e-hover > .e-text-content, .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-editing.e-node-focus > .e-text-content {
620
627
  background-color: transparent;
621
628
  border-color: transparent;
629
+ -webkit-box-shadow: none;
630
+ box-shadow: none;
631
+ }
632
+ .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-node-focus > .e-text-content {
633
+ -webkit-box-shadow: inset 0 0 0 1px #4f46e5;
634
+ box-shadow: inset 0 0 0 1px #4f46e5;
622
635
  }
623
636
  .e-treeview.e-fullrow-wrap .e-text-content {
624
637
  border-color: transparent;
@@ -754,7 +767,7 @@
754
767
  }
755
768
  .e-bigger .e-treeview .e-list-text,
756
769
  .e-treeview.e-bigger .e-list-text {
757
- line-height: 46px;
770
+ line-height: 48px;
758
771
  min-height: 46px;
759
772
  }
760
773
  .e-bigger .e-treeview .e-list-text .e-input-group,
package/styles/treeview/tailwind3.css CHANGED
@@ -803,6 +803,11 @@
803
803
  .e-treeview .e-list-item.e-node-focus > .e-text-content .e-icon-expandable {
804
804
  color: var(--color-sf-icon-color-hover);
805
805
  }
806
+ .e-treeview .e-list-item.e-node-focus > .e-fullrow {
807
+ -webkit-box-shadow: inset 0 0 0 2px var(--color-sf-primary);
808
+ box-shadow: inset 0 0 0 2px var(--color-sf-primary);
809
+ border: none;
810
+ }
806
811
  .e-treeview .e-list-item.e-active {
807
812
  background: transparent;
808
813
  }
@@ -848,6 +853,8 @@
848
853
  .e-treeview .e-list-item.e-editing.e-active > .e-fullrow, .e-treeview .e-list-item.e-editing.e-hover > .e-fullrow, .e-treeview .e-list-item.e-editing.e-node-focus > .e-fullrow {
849
854
  background-color: var(--color-sf-transparent);
850
855
  border-color: var(--color-sf-transparent);
856
+ -webkit-box-shadow: none;
857
+ box-shadow: none;
851
858
  }
852
859
  .e-treeview .e-list-item.e-editing.e-active > .e-text-content, .e-treeview .e-list-item.e-editing.e-hover > .e-text-content, .e-treeview .e-list-item.e-editing.e-node-focus > .e-text-content {
853
860
  color: var(--color-sf-content-text-color);
@@ -904,6 +911,12 @@
904
911
  .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-editing.e-active > .e-text-content, .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-editing.e-hover > .e-text-content, .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-editing.e-node-focus > .e-text-content {
905
912
  background-color: var(--color-sf-transparent);
906
913
  border-color: var(--color-sf-transparent);
914
+ -webkit-box-shadow: none;
915
+ box-shadow: none;
916
+ }
917
+ .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-node-focus > .e-text-content {
918
+ -webkit-box-shadow: inset 0 0 0 2px var(--color-sf-primary);
919
+ box-shadow: inset 0 0 0 2px var(--color-sf-primary);
907
920
  }
908
921
  .e-treeview.e-fullrow-wrap .e-text-content {
909
922
  border-color: transparent;