@syncfusion/ej2-navigations 24.1.41 → 24.2.3

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 (95) hide show
  1. package/CHANGELOG.md +34 -0
  2. package/README.md +1 -1
  3. package/dist/ej2-navigations.min.js +2 -2
  4. package/dist/ej2-navigations.umd.min.js +2 -2
  5. package/dist/ej2-navigations.umd.min.js.map +1 -1
  6. package/dist/es6/ej2-navigations.es2015.js +102 -15
  7. package/dist/es6/ej2-navigations.es2015.js.map +1 -1
  8. package/dist/es6/ej2-navigations.es5.js +111 -24
  9. package/dist/es6/ej2-navigations.es5.js.map +1 -1
  10. package/dist/global/ej2-navigations.min.js +2 -2
  11. package/dist/global/ej2-navigations.min.js.map +1 -1
  12. package/dist/global/index.d.ts +1 -1
  13. package/package.json +11 -11
  14. package/src/common/menu-base.js +21 -0
  15. package/src/stepper/stepper.js +26 -12
  16. package/src/tab/tab.js +1 -1
  17. package/src/treeview/treeview.d.ts +1 -0
  18. package/src/treeview/treeview.js +63 -11
  19. package/styles/bootstrap-dark.css +5 -4
  20. package/styles/bootstrap.css +5 -4
  21. package/styles/bootstrap4.css +5 -4
  22. package/styles/bootstrap5-dark.css +14 -11
  23. package/styles/bootstrap5.css +14 -11
  24. package/styles/fabric-dark.css +5 -4
  25. package/styles/fabric.css +5 -4
  26. package/styles/fluent-dark.css +9 -8
  27. package/styles/fluent.css +9 -8
  28. package/styles/highcontrast-light.css +5 -4
  29. package/styles/highcontrast.css +5 -4
  30. package/styles/material-dark.css +5 -4
  31. package/styles/material.css +5 -4
  32. package/styles/material3-dark.css +5 -4
  33. package/styles/material3.css +5 -4
  34. package/styles/menu/_layout.scss +0 -1
  35. package/styles/menu/bootstrap-dark.css +0 -1
  36. package/styles/menu/bootstrap.css +0 -1
  37. package/styles/menu/bootstrap4.css +0 -1
  38. package/styles/menu/bootstrap5-dark.css +0 -1
  39. package/styles/menu/bootstrap5.css +0 -1
  40. package/styles/menu/fabric-dark.css +0 -1
  41. package/styles/menu/fabric.css +0 -1
  42. package/styles/menu/fluent-dark.css +0 -1
  43. package/styles/menu/fluent.css +0 -1
  44. package/styles/menu/highcontrast-light.css +0 -1
  45. package/styles/menu/highcontrast.css +0 -1
  46. package/styles/menu/material-dark.css +0 -1
  47. package/styles/menu/material.css +0 -1
  48. package/styles/menu/material3-dark.css +0 -1
  49. package/styles/menu/material3.css +0 -1
  50. package/styles/menu/tailwind-dark.css +0 -1
  51. package/styles/menu/tailwind.css +0 -1
  52. package/styles/stepper/_bootstrap-dark-definition.scss +1 -0
  53. package/styles/stepper/_bootstrap-definition.scss +1 -0
  54. package/styles/stepper/_bootstrap4-definition.scss +1 -0
  55. package/styles/stepper/_bootstrap5-definition.scss +1 -0
  56. package/styles/stepper/_fabric-dark-definition.scss +1 -0
  57. package/styles/stepper/_fabric-definition.scss +1 -0
  58. package/styles/stepper/_fluent-definition.scss +1 -0
  59. package/styles/stepper/_fusionnew-definition.scss +1 -0
  60. package/styles/stepper/_highcontrast-definition.scss +1 -0
  61. package/styles/stepper/_highcontrast-light-definition.scss +1 -0
  62. package/styles/stepper/_material-dark-definition.scss +1 -0
  63. package/styles/stepper/_material-definition.scss +1 -0
  64. package/styles/stepper/_material3-definition.scss +1 -0
  65. package/styles/stepper/_tailwind-definition.scss +1 -0
  66. package/styles/stepper/_theme.scss +9 -3
  67. package/styles/stepper/bootstrap-dark.css +5 -3
  68. package/styles/stepper/bootstrap.css +5 -3
  69. package/styles/stepper/bootstrap4.css +5 -3
  70. package/styles/stepper/bootstrap5-dark.css +5 -3
  71. package/styles/stepper/bootstrap5.css +5 -3
  72. package/styles/stepper/fabric-dark.css +5 -3
  73. package/styles/stepper/fabric.css +5 -3
  74. package/styles/stepper/fluent-dark.css +5 -3
  75. package/styles/stepper/fluent.css +5 -3
  76. package/styles/stepper/highcontrast-light.css +5 -3
  77. package/styles/stepper/highcontrast.css +5 -3
  78. package/styles/stepper/material-dark.css +5 -3
  79. package/styles/stepper/material.css +5 -3
  80. package/styles/stepper/material3-dark.css +5 -3
  81. package/styles/stepper/material3.css +5 -3
  82. package/styles/stepper/tailwind-dark.css +5 -3
  83. package/styles/stepper/tailwind.css +5 -3
  84. package/styles/tailwind-dark.css +9 -8
  85. package/styles/tailwind.css +9 -8
  86. package/styles/toolbar/_bootstrap5-definition.scss +5 -5
  87. package/styles/toolbar/_fluent-definition.scss +2 -2
  88. package/styles/toolbar/_tailwind-definition.scss +2 -2
  89. package/styles/toolbar/_theme.scss +8 -0
  90. package/styles/toolbar/bootstrap5-dark.css +9 -7
  91. package/styles/toolbar/bootstrap5.css +9 -7
  92. package/styles/toolbar/fluent-dark.css +4 -4
  93. package/styles/toolbar/fluent.css +4 -4
  94. package/styles/toolbar/tailwind-dark.css +4 -4
  95. package/styles/toolbar/tailwind.css +4 -4
package/styles/toolbar/bootstrap5.css CHANGED
@@ -854,19 +854,20 @@
854
854
  box-shadow: 0 0 0 4px rgba(130, 138, 145, 0.5);
855
855
  }
856
856
  .e-toolbar .e-toolbar-item .e-tbar-btn:focus {
857
- background: #5c636a;
857
+ background: none;
858
858
  border-radius: 4px;
859
859
  color: #6c757d;
860
860
  border-color: #6c757d;
861
861
  border-style: solid;
862
862
  border-width: 0;
863
- box-shadow: none;
863
+ box-shadow: 0 0 0 4px rgba(130, 138, 145, 0.5);
864
864
  }
865
865
  .e-toolbar .e-toolbar-item .e-tbar-btn:focus .e-icons {
866
- color: #fff;
866
+ color: #6c757d;
867
867
  }
868
868
  .e-toolbar .e-toolbar-item .e-tbar-btn:focus .e-tbar-btn-text {
869
869
  color: #fff;
870
+ color: #6c757d;
870
871
  }
871
872
  .e-toolbar .e-toolbar-item .e-tbar-btn:hover {
872
873
  background: #5c636a;
@@ -877,16 +878,17 @@
877
878
  color: #6c757d;
878
879
  }
879
880
  .e-toolbar .e-toolbar-item .e-tbar-btn:hover .e-icons {
881
+ color: #6c757d;
880
882
  color: #fff;
881
883
  }
882
884
  .e-toolbar .e-toolbar-item .e-tbar-btn:hover .e-tbar-btn-text {
883
885
  color: #fff;
884
886
  }
885
887
  .e-toolbar .e-toolbar-item .e-tbar-btn:hover:active .e-icons {
886
- color: #6c757d;
888
+ color: #fff;
887
889
  }
888
890
  .e-toolbar .e-toolbar-item .e-tbar-btn:hover:active .e-tbar-btn-text {
889
- color: #495057;
891
+ color: #fff;
890
892
  }
891
893
  .e-toolbar .e-toolbar-item .e-tbar-btn:active {
892
894
  background: #565e64;
@@ -1044,12 +1046,12 @@
1044
1046
  border: none;
1045
1047
  }
1046
1048
  .e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn:focus {
1047
- background: #5c636a;
1049
+ background: none;
1048
1050
  border-radius: 4px;
1049
1051
  border-color: #6c757d;
1050
1052
  border-style: solid;
1051
1053
  border-width: 0;
1052
- box-shadow: none;
1054
+ box-shadow: 0 0 0 4px rgba(130, 138, 145, 0.5);
1053
1055
  }
1054
1056
  .e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn:hover {
1055
1057
  background: #5c636a;
package/styles/toolbar/fluent-dark.css CHANGED
@@ -853,13 +853,13 @@
853
853
  box-shadow: none;
854
854
  }
855
855
  .e-toolbar .e-toolbar-item .e-tbar-btn:focus {
856
- background: #323130;
856
+ background: none;
857
857
  border-radius: 0;
858
858
  color: #f3f2f1;
859
859
  border-color: #a19f9d;
860
860
  border-style: solid;
861
861
  border-width: 0;
862
- box-shadow: none;
862
+ box-shadow: inset 0 0 0 1px;
863
863
  }
864
864
  .e-toolbar .e-toolbar-item .e-tbar-btn:focus .e-icons {
865
865
  color: #a19f9d;
@@ -1043,12 +1043,12 @@
1043
1043
  border: none;
1044
1044
  }
1045
1045
  .e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn:focus {
1046
- background: #323130;
1046
+ background: none;
1047
1047
  border-radius: 0;
1048
1048
  border-color: #a19f9d;
1049
1049
  border-style: solid;
1050
1050
  border-width: 0;
1051
- box-shadow: none;
1051
+ box-shadow: inset 0 0 0 1px;
1052
1052
  }
1053
1053
  .e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn:hover {
1054
1054
  background: #292827;
package/styles/toolbar/fluent.css CHANGED
@@ -853,13 +853,13 @@
853
853
  box-shadow: none;
854
854
  }
855
855
  .e-toolbar .e-toolbar-item .e-tbar-btn:focus {
856
- background: #e1dfdd;
856
+ background: none;
857
857
  border-radius: 0;
858
858
  color: #201f1e;
859
859
  border-color: #605e5c;
860
860
  border-style: solid;
861
861
  border-width: 0;
862
- box-shadow: none;
862
+ box-shadow: inset 0 0 0 1px;
863
863
  }
864
864
  .e-toolbar .e-toolbar-item .e-tbar-btn:focus .e-icons {
865
865
  color: #605e5c;
@@ -1043,12 +1043,12 @@
1043
1043
  border: none;
1044
1044
  }
1045
1045
  .e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn:focus {
1046
- background: #e1dfdd;
1046
+ background: none;
1047
1047
  border-radius: 0;
1048
1048
  border-color: #605e5c;
1049
1049
  border-style: solid;
1050
1050
  border-width: 0;
1051
- box-shadow: none;
1051
+ box-shadow: inset 0 0 0 1px;
1052
1052
  }
1053
1053
  .e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn:hover {
1054
1054
  background: #edebe9;
package/styles/toolbar/tailwind-dark.css CHANGED
@@ -853,13 +853,13 @@
853
853
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
854
854
  }
855
855
  .e-toolbar .e-toolbar-item .e-tbar-btn:focus {
856
- background: #4b5563;
856
+ background: none;
857
857
  border-radius: 4px;
858
858
  color: #9ca3af;
859
859
  border-color: #d1d5db;
860
860
  border-style: solid;
861
861
  border-width: 0;
862
- box-shadow: none;
862
+ box-shadow: 0 0 0 1px #22d3ee;
863
863
  }
864
864
  .e-toolbar .e-toolbar-item .e-tbar-btn:focus .e-icons {
865
865
  color: #d1d5db;
@@ -1043,12 +1043,12 @@
1043
1043
  border: none;
1044
1044
  }
1045
1045
  .e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn:focus {
1046
- background: #4b5563;
1046
+ background: none;
1047
1047
  border-radius: 4px;
1048
1048
  border-color: #d1d5db;
1049
1049
  border-style: solid;
1050
1050
  border-width: 0;
1051
- box-shadow: none;
1051
+ box-shadow: 0 0 0 1px #22d3ee;
1052
1052
  }
1053
1053
  .e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn:hover {
1054
1054
  background: #4b5563;
package/styles/toolbar/tailwind.css CHANGED
@@ -853,13 +853,13 @@
853
853
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
854
854
  }
855
855
  .e-toolbar .e-toolbar-item .e-tbar-btn:focus {
856
- background: #e5e7eb;
856
+ background: none;
857
857
  border-radius: 4px;
858
858
  color: #6b7280;
859
859
  border-color: #6b7280;
860
860
  border-style: solid;
861
861
  border-width: 0;
862
- box-shadow: none;
862
+ box-shadow: 0 0 0 1px #4f46e5;
863
863
  }
864
864
  .e-toolbar .e-toolbar-item .e-tbar-btn:focus .e-icons {
865
865
  color: #6b7280;
@@ -1043,12 +1043,12 @@
1043
1043
  border: none;
1044
1044
  }
1045
1045
  .e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn:focus {
1046
- background: #e5e7eb;
1046
+ background: none;
1047
1047
  border-radius: 4px;
1048
1048
  border-color: #6b7280;
1049
1049
  border-style: solid;
1050
1050
  border-width: 0;
1051
- box-shadow: none;
1051
+ box-shadow: 0 0 0 1px #4f46e5;
1052
1052
  }
1053
1053
  .e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn:hover {
1054
1054
  background: #e5e7eb;