@syncfusion/ej2-navigations 33.2.6 → 33.2.7

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 (79) hide show
  1. package/dist/ej2-navigations.min.js +2 -2
  2. package/dist/ej2-navigations.umd.min.js +2 -2
  3. package/dist/ej2-navigations.umd.min.js.map +1 -1
  4. package/dist/es6/ej2-navigations.es2015.js +35 -10
  5. package/dist/es6/ej2-navigations.es2015.js.map +1 -1
  6. package/dist/es6/ej2-navigations.es5.js +35 -10
  7. package/dist/es6/ej2-navigations.es5.js.map +1 -1
  8. package/dist/global/ej2-navigations.min.js +2 -2
  9. package/dist/global/ej2-navigations.min.js.map +1 -1
  10. package/dist/global/index.d.ts +1 -1
  11. package/package.json +2 -2
  12. package/src/accordion/accordion.js +7 -8
  13. package/src/tab/tab.js +15 -2
  14. package/src/toolbar/toolbar.js +7 -0
  15. package/src/treeview/treeview.js +6 -0
  16. package/styles/bds-lite.css +2 -2
  17. package/styles/bds.css +2 -2
  18. package/styles/bootstrap-dark-lite.css +2 -2
  19. package/styles/bootstrap-dark.css +2 -2
  20. package/styles/bootstrap-lite.css +4 -4
  21. package/styles/bootstrap.css +4 -4
  22. package/styles/bootstrap4-lite.css +2 -2
  23. package/styles/bootstrap4.css +2 -2
  24. package/styles/bootstrap5-dark-lite.css +2 -2
  25. package/styles/bootstrap5-dark.css +2 -2
  26. package/styles/bootstrap5-lite.css +2 -2
  27. package/styles/bootstrap5.3-lite.css +2 -2
  28. package/styles/bootstrap5.3.css +2 -2
  29. package/styles/bootstrap5.css +2 -2
  30. package/styles/fabric-dark-lite.css +2 -2
  31. package/styles/fabric-dark.css +2 -2
  32. package/styles/fabric-lite.css +2 -2
  33. package/styles/fabric.css +2 -2
  34. package/styles/fluent-dark-lite.css +2 -2
  35. package/styles/fluent-dark.css +2 -2
  36. package/styles/fluent-lite.css +2 -2
  37. package/styles/fluent.css +2 -2
  38. package/styles/fluent2-lite.css +5 -5
  39. package/styles/fluent2.css +5 -5
  40. package/styles/highcontrast-light-lite.css +2 -2
  41. package/styles/highcontrast-light.css +2 -2
  42. package/styles/highcontrast-lite.css +4 -4
  43. package/styles/highcontrast.css +4 -4
  44. package/styles/material-dark-lite.css +2 -2
  45. package/styles/material-dark.css +2 -2
  46. package/styles/material-lite.css +2 -2
  47. package/styles/material.css +2 -2
  48. package/styles/material3-dark-lite.css +2 -2
  49. package/styles/material3-dark.css +2 -2
  50. package/styles/material3-lite.css +2 -2
  51. package/styles/material3.css +2 -2
  52. package/styles/tailwind-dark-lite.css +2 -2
  53. package/styles/tailwind-dark.css +2 -2
  54. package/styles/tailwind-lite.css +2 -2
  55. package/styles/tailwind.css +2 -2
  56. package/styles/tailwind3-lite.css +2 -2
  57. package/styles/tailwind3.css +2 -2
  58. package/styles/treeview/_theme.scss +4 -4
  59. package/styles/treeview/bds.css +2 -2
  60. package/styles/treeview/bootstrap-dark.css +2 -2
  61. package/styles/treeview/bootstrap.css +4 -4
  62. package/styles/treeview/bootstrap4.css +2 -2
  63. package/styles/treeview/bootstrap5-dark.css +2 -2
  64. package/styles/treeview/bootstrap5.3.css +2 -2
  65. package/styles/treeview/bootstrap5.css +2 -2
  66. package/styles/treeview/fabric-dark.css +2 -2
  67. package/styles/treeview/fabric.css +2 -2
  68. package/styles/treeview/fluent-dark.css +2 -2
  69. package/styles/treeview/fluent.css +2 -2
  70. package/styles/treeview/fluent2.css +5 -5
  71. package/styles/treeview/highcontrast-light.css +2 -2
  72. package/styles/treeview/highcontrast.css +4 -4
  73. package/styles/treeview/material-dark.css +2 -2
  74. package/styles/treeview/material.css +2 -2
  75. package/styles/treeview/material3-dark.css +2 -2
  76. package/styles/treeview/material3.css +2 -2
  77. package/styles/treeview/tailwind-dark.css +2 -2
  78. package/styles/treeview/tailwind.css +2 -2
  79. package/styles/treeview/tailwind3.css +2 -2
package/styles/treeview/fluent.css CHANGED
@@ -518,7 +518,7 @@
518
518
  .e-treeview .e-list-item.e-node-focus > .e-text-content .e-icon-expandable {
519
519
  color: #323130;
520
520
  }
521
- .e-treeview .e-list-item.e-node-focus > .e-fullrow {
521
+ .e-treeview .e-list-item.e-focused > .e-fullrow {
522
522
  -webkit-box-shadow: inset 0 0 0 1px rgba(96, 94, 92, 0.95);
523
523
  box-shadow: inset 0 0 0 1px rgba(96, 94, 92, 0.95);
524
524
  border: none;
@@ -638,7 +638,7 @@
638
638
  -webkit-box-shadow: none;
639
639
  box-shadow: none;
640
640
  }
641
- .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-node-focus > .e-text-content {
641
+ .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-focused > .e-text-content {
642
642
  -webkit-box-shadow: inset 0 0 0 1px rgba(96, 94, 92, 0.95);
643
643
  box-shadow: inset 0 0 0 1px rgba(96, 94, 92, 0.95);
644
644
  }
package/styles/treeview/fluent2.css CHANGED
@@ -1006,17 +1006,17 @@
1006
1006
  .e-treeview .e-list-item.e-node-focus > .e-text-content .e-icon-expandable {
1007
1007
  color: var(--color-sf-icon-color-hover);
1008
1008
  }
1009
- .e-treeview .e-list-item.e-node-focus > .e-fullrow {
1009
+ .e-treeview .e-list-item.e-focused > .e-fullrow {
1010
1010
  -webkit-box-shadow: inset 0 0 0 1px var(--color-sf-shadow-color), inset 0 0 0 2px var(--color-sf-shadow-color1);
1011
1011
  box-shadow: inset 0 0 0 1px var(--color-sf-shadow-color), inset 0 0 0 2px var(--color-sf-shadow-color1);
1012
1012
  border: none;
1013
1013
  background-color: transparent;
1014
1014
  }
1015
- .e-treeview .e-list-item.e-node-focus > .e-text-content .e-list-text {
1015
+ .e-treeview .e-list-item.e-focused > .e-text-content .e-list-text {
1016
1016
  color: var(--color-sf-content-text-color);
1017
1017
  }
1018
- .e-treeview .e-list-item.e-node-focus > .e-text-content .e-icon-collapsible,
1019
- .e-treeview .e-list-item.e-node-focus > .e-text-content .e-icon-expandable {
1018
+ .e-treeview .e-list-item.e-focused > .e-text-content .e-icon-collapsible,
1019
+ .e-treeview .e-list-item.e-focused > .e-text-content .e-icon-expandable {
1020
1020
  color: var(--color-sf-icon-color);
1021
1021
  }
1022
1022
  .e-treeview .e-list-item.e-active {
@@ -1129,7 +1129,7 @@
1129
1129
  -webkit-box-shadow: none;
1130
1130
  box-shadow: none;
1131
1131
  }
1132
- .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-node-focus > .e-text-content {
1132
+ .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-focused > .e-text-content {
1133
1133
  -webkit-box-shadow: inset 0 0 0 1px var(--color-sf-shadow-color), inset 0 0 0 2px var(--color-sf-shadow-color1);
1134
1134
  box-shadow: inset 0 0 0 1px var(--color-sf-shadow-color), inset 0 0 0 2px var(--color-sf-shadow-color1);
1135
1135
  background-color: transparent;
package/styles/treeview/highcontrast-light.css CHANGED
@@ -506,7 +506,7 @@
506
506
  .e-treeview .e-list-item.e-node-focus > .e-text-content .e-icon-expandable {
507
507
  color: #000;
508
508
  }
509
- .e-treeview .e-list-item.e-node-focus > .e-fullrow {
509
+ .e-treeview .e-list-item.e-focused > .e-fullrow {
510
510
  -webkit-box-shadow: inset 0 0 0 1px #000;
511
511
  box-shadow: inset 0 0 0 1px #000;
512
512
  border: none;
@@ -617,7 +617,7 @@
617
617
  -webkit-box-shadow: none;
618
618
  box-shadow: none;
619
619
  }
620
- .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-node-focus > .e-text-content {
620
+ .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-focused > .e-text-content {
621
621
  -webkit-box-shadow: inset 0 0 0 1px #000;
622
622
  box-shadow: inset 0 0 0 1px #000;
623
623
  }
package/styles/treeview/highcontrast.css CHANGED
@@ -519,7 +519,7 @@
519
519
  .e-treeview .e-list-item.e-node-focus > .e-text-content .e-icon-expandable {
520
520
  color: #fff;
521
521
  }
522
- .e-treeview .e-list-item.e-node-focus > .e-fullrow {
522
+ .e-treeview .e-list-item.e-focused > .e-fullrow {
523
523
  -webkit-box-shadow: inset 0 0 0 1px #fff;
524
524
  box-shadow: inset 0 0 0 1px #fff;
525
525
  border: none;
@@ -582,7 +582,7 @@
582
582
  .e-treeview .e-list-item.e-active.e-node-focus > .e-text-content .e-icon-expandable {
583
583
  color: #000;
584
584
  }
585
- .e-treeview .e-list-item.e-active.e-node-focus > .e-fullrow {
585
+ .e-treeview .e-list-item.e-active.e-focused > .e-fullrow {
586
586
  -webkit-box-shadow: inset 0 0 0 1px #fff;
587
587
  box-shadow: inset 0 0 0 1px #fff;
588
588
  }
@@ -649,7 +649,7 @@
649
649
  -webkit-box-shadow: 0 -1px 2px #fff, 0 1px 2px #fff;
650
650
  box-shadow: 0 -1px 2px #fff, 0 1px 2px #fff;
651
651
  }
652
- .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-active.e-node-focus > .e-text-content {
652
+ .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-active.e-focused > .e-text-content {
653
653
  -webkit-box-shadow: inset 0 0 0 1px #fff;
654
654
  box-shadow: inset 0 0 0 1px #fff;
655
655
  }
@@ -659,7 +659,7 @@
659
659
  -webkit-box-shadow: none;
660
660
  box-shadow: none;
661
661
  }
662
- .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-node-focus > .e-text-content {
662
+ .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-focused > .e-text-content {
663
663
  -webkit-box-shadow: inset 0 0 0 1px #fff;
664
664
  box-shadow: inset 0 0 0 1px #fff;
665
665
  }
package/styles/treeview/material-dark.css CHANGED
@@ -526,7 +526,7 @@
526
526
  .e-treeview .e-list-item.e-node-focus > .e-text-content .e-icon-expandable {
527
527
  color: rgba(255, 255, 255, 0.7);
528
528
  }
529
- .e-treeview .e-list-item.e-node-focus > .e-fullrow {
529
+ .e-treeview .e-list-item.e-focused > .e-fullrow {
530
530
  -webkit-box-shadow: inset 0 0 0 1px #fff;
531
531
  box-shadow: inset 0 0 0 1px #fff;
532
532
  border: none;
@@ -637,7 +637,7 @@
637
637
  -webkit-box-shadow: none;
638
638
  box-shadow: none;
639
639
  }
640
- .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-node-focus > .e-text-content {
640
+ .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-focused > .e-text-content {
641
641
  -webkit-box-shadow: inset 0 0 0 1px #fff;
642
642
  box-shadow: inset 0 0 0 1px #fff;
643
643
  }
package/styles/treeview/material.css CHANGED
@@ -551,7 +551,7 @@
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 {
554
+ .e-treeview .e-list-item.e-focused > .e-fullrow {
555
555
  -webkit-box-shadow: inset 0 0 0 1px #212121;
556
556
  box-shadow: inset 0 0 0 1px #212121;
557
557
  border: none;
@@ -661,7 +661,7 @@
661
661
  -webkit-box-shadow: none;
662
662
  box-shadow: none;
663
663
  }
664
- .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-node-focus > .e-text-content {
664
+ .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-focused > .e-text-content {
665
665
  -webkit-box-shadow: inset 0 0 0 1px #212121;
666
666
  box-shadow: inset 0 0 0 1px #212121;
667
667
  }
package/styles/treeview/material3-dark.css CHANGED
@@ -787,7 +787,7 @@
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 {
790
+ .e-treeview .e-list-item.e-focused > .e-fullrow {
791
791
  -webkit-box-shadow: inset 0 0 0 2px #fff, inset 0 0 0 3px #000;
792
792
  box-shadow: inset 0 0 0 2px #fff, inset 0 0 0 3px #000;
793
793
  border: none;
@@ -898,7 +898,7 @@
898
898
  -webkit-box-shadow: none;
899
899
  box-shadow: none;
900
900
  }
901
- .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-node-focus > .e-text-content {
901
+ .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-focused > .e-text-content {
902
902
  -webkit-box-shadow: inset 0 0 0 2px #fff, inset 0 0 0 3px #000;
903
903
  box-shadow: inset 0 0 0 2px #fff, inset 0 0 0 3px #000;
904
904
  }
package/styles/treeview/material3.css CHANGED
@@ -793,7 +793,7 @@
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 {
796
+ .e-treeview .e-list-item.e-focused > .e-fullrow {
797
797
  -webkit-box-shadow: inset 0 0 0 2px #000, inset 0 0 0 3px #fff;
798
798
  box-shadow: inset 0 0 0 2px #000, inset 0 0 0 3px #fff;
799
799
  border: none;
@@ -904,7 +904,7 @@
904
904
  -webkit-box-shadow: none;
905
905
  box-shadow: none;
906
906
  }
907
- .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-node-focus > .e-text-content {
907
+ .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-focused > .e-text-content {
908
908
  -webkit-box-shadow: inset 0 0 0 2px #000, inset 0 0 0 3px #fff;
909
909
  box-shadow: inset 0 0 0 2px #000, inset 0 0 0 3px #fff;
910
910
  }
package/styles/treeview/tailwind-dark.css CHANGED
@@ -519,7 +519,7 @@
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 {
522
+ .e-treeview .e-list-item.e-focused > .e-fullrow {
523
523
  -webkit-box-shadow: 0 0 0 1px #22d3ee;
524
524
  box-shadow: 0 0 0 1px #22d3ee;
525
525
  border: none;
@@ -629,7 +629,7 @@
629
629
  -webkit-box-shadow: none;
630
630
  box-shadow: none;
631
631
  }
632
- .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-node-focus > .e-text-content {
632
+ .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-focused > .e-text-content {
633
633
  -webkit-box-shadow: 0 0 0 1px #22d3ee;
634
634
  box-shadow: 0 0 0 1px #22d3ee;
635
635
  }
package/styles/treeview/tailwind.css CHANGED
@@ -519,7 +519,7 @@
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 {
522
+ .e-treeview .e-list-item.e-focused > .e-fullrow {
523
523
  -webkit-box-shadow: inset 0 0 0 1px #4f46e5;
524
524
  box-shadow: inset 0 0 0 1px #4f46e5;
525
525
  border: none;
@@ -629,7 +629,7 @@
629
629
  -webkit-box-shadow: none;
630
630
  box-shadow: none;
631
631
  }
632
- .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-node-focus > .e-text-content {
632
+ .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-focused > .e-text-content {
633
633
  -webkit-box-shadow: inset 0 0 0 1px #4f46e5;
634
634
  box-shadow: inset 0 0 0 1px #4f46e5;
635
635
  }
package/styles/treeview/tailwind3.css CHANGED
@@ -803,7 +803,7 @@
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 {
806
+ .e-treeview .e-list-item.e-focused > .e-fullrow {
807
807
  -webkit-box-shadow: inset 0 0 0 2px var(--color-sf-primary);
808
808
  box-shadow: inset 0 0 0 2px var(--color-sf-primary);
809
809
  border: none;
@@ -914,7 +914,7 @@
914
914
  -webkit-box-shadow: none;
915
915
  box-shadow: none;
916
916
  }
917
- .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-node-focus > .e-text-content {
917
+ .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-focused > .e-text-content {
918
918
  -webkit-box-shadow: inset 0 0 0 2px var(--color-sf-primary);
919
919
  box-shadow: inset 0 0 0 2px var(--color-sf-primary);
920
920
  }