@syncfusion/ej2-navigations 23.2.7 → 24.1.41

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 (195) hide show
  1. package/CHANGELOG.md +6 -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 +1346 -11
  6. package/dist/es6/ej2-navigations.es2015.js.map +1 -1
  7. package/dist/es6/ej2-navigations.es5.js +1394 -11
  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 +12 -12
  13. package/src/breadcrumb/breadcrumb.js +6 -1
  14. package/src/carousel/carousel.js +3 -3
  15. package/src/common/menu-base.js +4 -0
  16. package/src/index.d.ts +2 -0
  17. package/src/index.js +2 -0
  18. package/src/stepper/index.d.ts +3 -0
  19. package/src/stepper/index.js +2 -0
  20. package/src/stepper/stepper-model.d.ts +153 -0
  21. package/src/stepper/stepper.d.ts +339 -0
  22. package/src/stepper/stepper.js +1149 -0
  23. package/src/stepper-base/index.d.ts +5 -0
  24. package/src/stepper-base/index.js +4 -0
  25. package/src/stepper-base/stepper-base-model.d.ts +121 -0
  26. package/src/stepper-base/stepper-base.d.ts +184 -0
  27. package/src/stepper-base/stepper-base.js +221 -0
  28. package/src/tab/tab.js +0 -1
  29. package/src/toolbar/toolbar.js +4 -0
  30. package/src/treeview/treeview.js +5 -4
  31. package/stepper-base.d.ts +4 -0
  32. package/stepper-base.js +4 -0
  33. package/stepper.d.ts +4 -0
  34. package/stepper.js +4 -0
  35. package/styles/bootstrap-dark.css +753 -1
  36. package/styles/bootstrap-dark.scss +1 -0
  37. package/styles/bootstrap.css +753 -1
  38. package/styles/bootstrap.scss +1 -0
  39. package/styles/bootstrap4.css +753 -1
  40. package/styles/bootstrap4.scss +1 -0
  41. package/styles/bootstrap5-dark.css +754 -2
  42. package/styles/bootstrap5-dark.scss +1 -0
  43. package/styles/bootstrap5.css +754 -2
  44. package/styles/bootstrap5.scss +1 -0
  45. package/styles/fabric-dark.css +752 -0
  46. package/styles/fabric-dark.scss +1 -0
  47. package/styles/fabric.css +752 -0
  48. package/styles/fabric.scss +1 -0
  49. package/styles/fluent-dark.css +753 -1
  50. package/styles/fluent-dark.scss +1 -0
  51. package/styles/fluent.css +753 -1
  52. package/styles/fluent.scss +1 -0
  53. package/styles/highcontrast-light.css +753 -1
  54. package/styles/highcontrast-light.scss +1 -0
  55. package/styles/highcontrast.css +753 -1
  56. package/styles/highcontrast.scss +1 -0
  57. package/styles/material-dark.css +753 -1
  58. package/styles/material-dark.scss +1 -0
  59. package/styles/material.css +753 -1
  60. package/styles/material.scss +1 -0
  61. package/styles/material3-dark.css +752 -0
  62. package/styles/material3-dark.scss +1 -0
  63. package/styles/material3.css +752 -0
  64. package/styles/material3.scss +1 -0
  65. package/styles/pager/_bootstrap-dark-definition.scss +16 -0
  66. package/styles/pager/_bootstrap-definition.scss +16 -0
  67. package/styles/pager/_bootstrap4-definition.scss +16 -0
  68. package/styles/pager/_bootstrap5-definition.scss +16 -0
  69. package/styles/pager/_fabric-dark-definition.scss +16 -0
  70. package/styles/pager/_fabric-definition.scss +16 -0
  71. package/styles/pager/_fluent-definition.scss +16 -0
  72. package/styles/pager/_fusionnew-definition.scss +16 -0
  73. package/styles/pager/_highcontrast-definition.scss +16 -0
  74. package/styles/pager/_highcontrast-light-definition.scss +16 -0
  75. package/styles/pager/_layout.scss +114 -0
  76. package/styles/pager/_material-dark-definition.scss +16 -0
  77. package/styles/pager/_material-definition.scss +16 -0
  78. package/styles/pager/_material3-definition.scss +16 -0
  79. package/styles/pager/_tailwind-definition.scss +16 -0
  80. package/styles/pager/bootstrap-dark.css +107 -0
  81. package/styles/pager/bootstrap.css +107 -0
  82. package/styles/pager/bootstrap4.css +107 -0
  83. package/styles/pager/bootstrap5-dark.css +107 -0
  84. package/styles/pager/bootstrap5.css +107 -0
  85. package/styles/pager/fabric-dark.css +107 -0
  86. package/styles/pager/fabric.css +107 -0
  87. package/styles/pager/fluent-dark.css +107 -0
  88. package/styles/pager/fluent.css +107 -0
  89. package/styles/pager/highcontrast-light.css +107 -0
  90. package/styles/pager/highcontrast.css +107 -0
  91. package/styles/pager/material-dark.css +107 -0
  92. package/styles/pager/material.css +107 -0
  93. package/styles/pager/material3-dark.css +107 -0
  94. package/styles/pager/material3.css +107 -0
  95. package/styles/pager/tailwind-dark.css +107 -0
  96. package/styles/pager/tailwind.css +107 -0
  97. package/styles/stepper/_all.scss +2 -0
  98. package/styles/stepper/_bootstrap-dark-definition.scss +78 -0
  99. package/styles/stepper/_bootstrap-definition.scss +78 -0
  100. package/styles/stepper/_bootstrap4-definition.scss +78 -0
  101. package/styles/stepper/_bootstrap5-dark-definition.scss +1 -0
  102. package/styles/stepper/_bootstrap5-definition.scss +79 -0
  103. package/styles/stepper/_fabric-dark-definition.scss +78 -0
  104. package/styles/stepper/_fabric-definition.scss +78 -0
  105. package/styles/stepper/_fluent-dark-definition.scss +1 -0
  106. package/styles/stepper/_fluent-definition.scss +78 -0
  107. package/styles/stepper/_fusionnew-definition.scss +78 -0
  108. package/styles/stepper/_highcontrast-definition.scss +78 -0
  109. package/styles/stepper/_highcontrast-light-definition.scss +78 -0
  110. package/styles/stepper/_layout.scss +564 -0
  111. package/styles/stepper/_material-dark-definition.scss +78 -0
  112. package/styles/stepper/_material-definition.scss +78 -0
  113. package/styles/stepper/_material3-dark-definition.scss +1 -0
  114. package/styles/stepper/_material3-definition.scss +78 -0
  115. package/styles/stepper/_tailwind-dark-definition.scss +1 -0
  116. package/styles/stepper/_tailwind-definition.scss +78 -0
  117. package/styles/stepper/_theme.scss +223 -0
  118. package/styles/stepper/bootstrap-dark.css +644 -0
  119. package/styles/stepper/bootstrap-dark.scss +5 -0
  120. package/styles/stepper/bootstrap.css +644 -0
  121. package/styles/stepper/bootstrap.scss +5 -0
  122. package/styles/stepper/bootstrap4.css +644 -0
  123. package/styles/stepper/bootstrap4.scss +5 -0
  124. package/styles/stepper/bootstrap5-dark.css +644 -0
  125. package/styles/stepper/bootstrap5-dark.scss +5 -0
  126. package/styles/stepper/bootstrap5.css +644 -0
  127. package/styles/stepper/bootstrap5.scss +5 -0
  128. package/styles/stepper/fabric-dark.css +644 -0
  129. package/styles/stepper/fabric-dark.scss +5 -0
  130. package/styles/stepper/fabric.css +644 -0
  131. package/styles/stepper/fabric.scss +5 -0
  132. package/styles/stepper/fluent-dark.css +644 -0
  133. package/styles/stepper/fluent-dark.scss +5 -0
  134. package/styles/stepper/fluent.css +644 -0
  135. package/styles/stepper/fluent.scss +5 -0
  136. package/styles/stepper/highcontrast-light.css +644 -0
  137. package/styles/stepper/highcontrast-light.scss +5 -0
  138. package/styles/stepper/highcontrast.css +644 -0
  139. package/styles/stepper/highcontrast.scss +5 -0
  140. package/styles/stepper/icons/_bootstrap-dark.scss +5 -0
  141. package/styles/stepper/icons/_bootstrap.scss +5 -0
  142. package/styles/stepper/icons/_bootstrap4.scss +5 -0
  143. package/styles/stepper/icons/_bootstrap5-dark.scss +1 -0
  144. package/styles/stepper/icons/_bootstrap5.scss +5 -0
  145. package/styles/stepper/icons/_fabric-dark.scss +5 -0
  146. package/styles/stepper/icons/_fabric.scss +5 -0
  147. package/styles/stepper/icons/_fluent-dark.scss +1 -0
  148. package/styles/stepper/icons/_fluent.scss +5 -0
  149. package/styles/stepper/icons/_fusionnew.scss +5 -0
  150. package/styles/stepper/icons/_highcontrast-light.scss +5 -0
  151. package/styles/stepper/icons/_highcontrast.scss +5 -0
  152. package/styles/stepper/icons/_material-dark.scss +5 -0
  153. package/styles/stepper/icons/_material.scss +5 -0
  154. package/styles/stepper/icons/_material3-dark.scss +1 -0
  155. package/styles/stepper/icons/_material3.scss +5 -0
  156. package/styles/stepper/icons/_tailwind-dark.scss +1 -0
  157. package/styles/stepper/icons/_tailwind.scss +5 -0
  158. package/styles/stepper/material-dark.css +644 -0
  159. package/styles/stepper/material-dark.scss +5 -0
  160. package/styles/stepper/material.css +644 -0
  161. package/styles/stepper/material.scss +5 -0
  162. package/styles/stepper/material3-dark.css +699 -0
  163. package/styles/stepper/material3-dark.scss +6 -0
  164. package/styles/stepper/material3.css +755 -0
  165. package/styles/stepper/material3.scss +6 -0
  166. package/styles/stepper/tailwind-dark.css +644 -0
  167. package/styles/stepper/tailwind-dark.scss +5 -0
  168. package/styles/stepper/tailwind.css +644 -0
  169. package/styles/stepper/tailwind.scss +5 -0
  170. package/styles/tab/_bootstrap-dark-definition.scss +1 -1
  171. package/styles/tab/_bootstrap-definition.scss +1 -1
  172. package/styles/tab/_bootstrap4-definition.scss +1 -1
  173. package/styles/tab/_bootstrap5-definition.scss +3 -2
  174. package/styles/tab/_fluent-definition.scss +1 -1
  175. package/styles/tab/_fusionnew-definition.scss +1 -1
  176. package/styles/tab/_highcontrast-definition.scss +1 -1
  177. package/styles/tab/_highcontrast-light-definition.scss +1 -1
  178. package/styles/tab/_material-dark-definition.scss +1 -1
  179. package/styles/tab/_material-definition.scss +1 -1
  180. package/styles/tab/_theme.scss +6 -0
  181. package/styles/tab/bootstrap-dark.css +1 -1
  182. package/styles/tab/bootstrap.css +1 -1
  183. package/styles/tab/bootstrap4.css +1 -1
  184. package/styles/tab/bootstrap5-dark.css +2 -2
  185. package/styles/tab/bootstrap5.css +2 -2
  186. package/styles/tab/fluent-dark.css +1 -1
  187. package/styles/tab/fluent.css +1 -1
  188. package/styles/tab/highcontrast-light.css +1 -1
  189. package/styles/tab/highcontrast.css +1 -1
  190. package/styles/tab/material-dark.css +1 -1
  191. package/styles/tab/material.css +1 -1
  192. package/styles/tailwind-dark.css +752 -0
  193. package/styles/tailwind-dark.scss +1 -0
  194. package/styles/tailwind.css +752 -0
  195. package/styles/tailwind.scss +1 -0
package/styles/tab/_bootstrap4-definition.scss CHANGED
@@ -507,7 +507,7 @@ $tab-active-wrap-before-top: unset !default;
507
507
  $tab-active-wrap-before-width: unset !default;
508
508
  $tab-focused-wrap-focus-border: $tab-vscroll-nav-border !default;
509
509
  $tab-focused-wrap-focus-icon-color: $tab-focus-text-color !default;
510
- $tab-content-font-size: 12px !default;
510
+ $tab-content-font-size: 14px !default;
511
511
  $tab-item-active-tabwrap-border: 1px solid transparent !default;
512
512
  $tab-item-left-icon-before-top: 0 !default;
513
513
  $tab-item-icon-before-top: 1px !default;
package/styles/tab/_bootstrap5-definition.scss CHANGED
@@ -486,7 +486,8 @@ $tab-item-wrap-border: $tab-vscroll-nav-border !default;
486
486
  $tab-clone-item-wrap-border: $tab-vscroll-nav-border !default;
487
487
  $tab-item-wrap-hover-border: 1px solid $tab-hover-border-color !default;
488
488
  $tab-item-wrap-hover-border-radius: $tab-top-active-item-border-radius !default;
489
- $tab-item-active-hover-bg: inherit !default;
489
+ $tab-item-active-bg: $content-bg-color !default;
490
+ $tab-item-active-hover-bg: $content-bg-color !default;
490
491
  $tab-item-active-wrap-border: 0 !default;
491
492
  $tab-active-wrap-position: unset !default;
492
493
  $tab-active-wrap-before-border: unset !default;
@@ -497,7 +498,7 @@ $tab-active-wrap-before-top: unset !default;
497
498
  $tab-active-wrap-before-width: unset !default;
498
499
  $tab-focused-wrap-focus-border: 1px solid $tab-focused-wrap-focus-border-color !default;
499
500
  $tab-focused-wrap-focus-icon-color: $tab-comb-icon-color !default;
500
- $tab-content-font-size: $text-xs !default;
501
+ $tab-content-font-size: $text-sm !default;
501
502
  $tab-item-active-tabwrap-border: 1px solid transparent !default;
502
503
  $tab-item-left-icon-before-top: 0 !default;
503
504
  $tab-item-icon-before-top: 1px !default;
package/styles/tab/_fluent-definition.scss CHANGED
@@ -505,7 +505,7 @@ $tab-active-wrap-before-top: unset !default;
505
505
  $tab-active-wrap-before-width: unset !default;
506
506
  $tab-focused-wrap-focus-border: 0 !default;
507
507
  $tab-focused-wrap-focus-icon-color: $tab-comb-icon-color !default;
508
- $tab-content-font-size: $text-xs !default;
508
+ $tab-content-font-size: $text-sm !default;
509
509
  $tab-item-active-tabwrap-border: 0 !default;
510
510
  $tab-item-left-icon-before-top: 2px !default;
511
511
  $tab-item-icon-before-top: 2px !default;
package/styles/tab/_fusionnew-definition.scss CHANGED
@@ -497,7 +497,7 @@ $tab-active-wrap-before-top: unset !default;
497
497
  $tab-active-wrap-before-width: unset !default;
498
498
  $tab-focused-wrap-focus-border: 1px solid $tab-focused-wrap-focus-border-color !default;
499
499
  $tab-focused-wrap-focus-icon-color: $tab-comb-icon-color !default;
500
- $tab-content-font-size: 12px !default;
500
+ $tab-content-font-size: 14px !default;
501
501
  $tab-item-active-tabwrap-border: 1px solid transparent !default;
502
502
  $tab-item-left-icon-before-top: 0 !default;
503
503
  $tab-item-icon-before-top: 1px !default;
package/styles/tab/_highcontrast-definition.scss CHANGED
@@ -541,7 +541,7 @@ $tab-active-wrap-before-top: 95% !default;
541
541
  $tab-active-wrap-before-width: 100% !default;
542
542
  $tab-focused-wrap-focus-border: 2px solid $tab-focused-wrap-focus-border-color !default;
543
543
  $tab-focused-wrap-focus-icon-color: $tab-focus-text-color !default;
544
- $tab-content-font-size: 12px !default;
544
+ $tab-content-font-size: 14px !default;
545
545
  $tab-item-active-tabwrap-border: 2px solid $tab-wrap-border-color !default;
546
546
  $tab-item-left-icon-before-top: 0 !default;
547
547
  $tab-item-icon-before-top: 2px !default;
package/styles/tab/_highcontrast-light-definition.scss CHANGED
@@ -521,7 +521,7 @@ $tab-active-wrap-before-top: 95% !default;
521
521
  $tab-active-wrap-before-width: 100% !default;
522
522
  $tab-focused-wrap-focus-border: 2px solid $tab-focused-wrap-focus-border-color !default;
523
523
  $tab-focused-wrap-focus-icon-color: $tab-focus-text-color !default;
524
- $tab-content-font-size: 12px !default;
524
+ $tab-content-font-size: 14px !default;
525
525
  $tab-item-active-tabwrap-border: 2px solid $tab-wrap-border-color !default;
526
526
  $tab-item-left-icon-before-top: 0 !default;
527
527
  $tab-item-icon-before-top: 2px !default;
package/styles/tab/_material-dark-definition.scss CHANGED
@@ -474,7 +474,7 @@ $tab-active-wrap-before-top: unset !default;
474
474
  $tab-active-wrap-before-width: unset !default;
475
475
  $tab-focused-wrap-focus-border: 0 !default;
476
476
  $tab-focused-wrap-focus-icon-color: $tab-focus-text-color !default;
477
- $tab-content-font-size: 12px !default;
477
+ $tab-content-font-size: 14px !default;
478
478
  $tab-item-active-tabwrap-border: 0 !default;
479
479
  $tab-item-left-icon-before-top: 1px !default;
480
480
  $tab-item-icon-before-top: 1px !default;
package/styles/tab/_material-definition.scss CHANGED
@@ -523,7 +523,7 @@ $tab-active-wrap-before-top: unset !default;
523
523
  $tab-active-wrap-before-width: unset !default;
524
524
  $tab-focused-wrap-focus-border: 0 !default;
525
525
  $tab-focused-wrap-focus-icon-color: $tab-focus-text-color !default;
526
- $tab-content-font-size: 12px !default;
526
+ $tab-content-font-size: 14px !default;
527
527
  $tab-item-active-tabwrap-border: 0 !default;
528
528
  $tab-item-left-icon-before-top: 1px !default;
529
529
  $tab-item-icon-before-top: 1px !default;
package/styles/tab/_theme.scss CHANGED
@@ -48,6 +48,12 @@
48
48
  background: $tab-item-hover-bg;
49
49
  }
50
50
 
51
+ &.e-active {
52
+ @if ($skin-name == 'Bootstrap5') {
53
+ background: $tab-item-active-bg;
54
+ }
55
+ }
56
+
51
57
  &.e-active:hover {
52
58
  background: $tab-item-active-hover-bg;
53
59
  }
package/styles/tab/bootstrap-dark.css CHANGED
@@ -4024,7 +4024,7 @@
4024
4024
  .e-tab .e-content .e-item {
4025
4025
  background: inherit;
4026
4026
  color: #f0f0f0;
4027
- font-size: 12px;
4027
+ font-size: 14px;
4028
4028
  }
4029
4029
 
4030
4030
  .e-tab-clone-element {
package/styles/tab/bootstrap.css CHANGED
@@ -4029,7 +4029,7 @@
4029
4029
  .e-tab .e-content .e-item {
4030
4030
  background: inherit;
4031
4031
  color: #000;
4032
- font-size: 12px;
4032
+ font-size: 14px;
4033
4033
  }
4034
4034
 
4035
4035
  .e-tab-clone-element {
package/styles/tab/bootstrap4.css CHANGED
@@ -4027,7 +4027,7 @@
4027
4027
  .e-tab .e-content .e-item {
4028
4028
  background: inherit;
4029
4029
  color: #000;
4030
- font-size: 12px;
4030
+ font-size: 14px;
4031
4031
  }
4032
4032
 
4033
4033
  .e-tab-clone-element {
package/styles/tab/bootstrap5-dark.css CHANGED
@@ -3009,7 +3009,7 @@
3009
3009
  background: inherit;
3010
3010
  }
3011
3011
  .e-tab .e-tab-header .e-toolbar-item.e-active:hover {
3012
- background: inherit;
3012
+ background: #212529;
3013
3013
  }
3014
3014
  .e-tab .e-tab-header .e-toolbar-item .e-ripple-element {
3015
3015
  background: rgba(0, 0, 0, 0.12);
@@ -4025,7 +4025,7 @@
4025
4025
  .e-tab .e-content .e-item {
4026
4026
  background: inherit;
4027
4027
  color: #fff;
4028
- font-size: 12px;
4028
+ font-size: 14px;
4029
4029
  }
4030
4030
 
4031
4031
  .e-tab-clone-element {
package/styles/tab/bootstrap5.css CHANGED
@@ -3009,7 +3009,7 @@
3009
3009
  background: inherit;
3010
3010
  }
3011
3011
  .e-tab .e-tab-header .e-toolbar-item.e-active:hover {
3012
- background: inherit;
3012
+ background: #fff;
3013
3013
  }
3014
3014
  .e-tab .e-tab-header .e-toolbar-item .e-ripple-element {
3015
3015
  background: rgba(0, 0, 0, 0.12);
@@ -4025,7 +4025,7 @@
4025
4025
  .e-tab .e-content .e-item {
4026
4026
  background: inherit;
4027
4027
  color: #212529;
4028
- font-size: 12px;
4028
+ font-size: 14px;
4029
4029
  }
4030
4030
 
4031
4031
  .e-tab-clone-element {
package/styles/tab/fluent-dark.css CHANGED
@@ -4027,7 +4027,7 @@
4027
4027
  .e-tab .e-content .e-item {
4028
4028
  background: inherit;
4029
4029
  color: #f3f2f1;
4030
- font-size: 12px;
4030
+ font-size: 14px;
4031
4031
  }
4032
4032
 
4033
4033
  .e-tab-clone-element {
package/styles/tab/fluent.css CHANGED
@@ -4027,7 +4027,7 @@
4027
4027
  .e-tab .e-content .e-item {
4028
4028
  background: inherit;
4029
4029
  color: #201f1e;
4030
- font-size: 12px;
4030
+ font-size: 14px;
4031
4031
  }
4032
4032
 
4033
4033
  .e-tab-clone-element {
package/styles/tab/highcontrast-light.css CHANGED
@@ -4018,7 +4018,7 @@
4018
4018
  .e-tab .e-content .e-item {
4019
4019
  background: inherit;
4020
4020
  color: #000;
4021
- font-size: 12px;
4021
+ font-size: 14px;
4022
4022
  }
4023
4023
 
4024
4024
  .e-tab-clone-element {
package/styles/tab/highcontrast.css CHANGED
@@ -4029,7 +4029,7 @@
4029
4029
  .e-tab .e-content .e-item {
4030
4030
  background: inherit;
4031
4031
  color: #fff;
4032
- font-size: 12px;
4032
+ font-size: 14px;
4033
4033
  }
4034
4034
 
4035
4035
  .e-tab-clone-element {
package/styles/tab/material-dark.css CHANGED
@@ -4045,7 +4045,7 @@
4045
4045
  .e-tab .e-content .e-item {
4046
4046
  background: inherit;
4047
4047
  color: rgba(255, 255, 255, 0.7);
4048
- font-size: 12px;
4048
+ font-size: 14px;
4049
4049
  }
4050
4050
 
4051
4051
  .e-tab-clone-element {
package/styles/tab/material.css CHANGED
@@ -4051,7 +4051,7 @@
4051
4051
  .e-tab .e-content .e-item {
4052
4052
  background: inherit;
4053
4053
  color: #000;
4054
- font-size: 12px;
4054
+ font-size: 14px;
4055
4055
  }
4056
4056
 
4057
4057
  .e-tab-clone-element {