@syncfusion/ej2-navigations 19.3.57 → 19.4.47

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 (259) hide show
  1. package/.github/PULL_REQUEST_TEMPLATE/Bug.md +63 -0
  2. package/.github/PULL_REQUEST_TEMPLATE/feature.md +39 -0
  3. package/CHANGELOG.md +57 -0
  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 +517 -142
  7. package/dist/es6/ej2-navigations.es2015.js.map +1 -1
  8. package/dist/es6/ej2-navigations.es5.js +524 -143
  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/accordion/accordion-model.d.ts +5 -5
  15. package/src/accordion/accordion.d.ts +5 -5
  16. package/src/accordion/accordion.js +2 -19
  17. package/src/breadcrumb/breadcrumb-model.d.ts +23 -11
  18. package/src/breadcrumb/breadcrumb.d.ts +33 -10
  19. package/src/breadcrumb/breadcrumb.js +320 -78
  20. package/src/common/menu-base.js +8 -2
  21. package/src/common/v-scroll.js +1 -1
  22. package/src/tab/tab-model.d.ts +14 -6
  23. package/src/tab/tab.d.ts +33 -16
  24. package/src/tab/tab.js +66 -31
  25. package/src/toolbar/toolbar-model.d.ts +7 -7
  26. package/src/toolbar/toolbar.d.ts +6 -6
  27. package/src/toolbar/toolbar.js +81 -13
  28. package/src/treeview/treeview-model.d.ts +10 -0
  29. package/src/treeview/treeview.d.ts +13 -0
  30. package/src/treeview/treeview.js +48 -0
  31. package/styles/accordion/_bootstrap-dark-definition.scss +4 -0
  32. package/styles/accordion/_bootstrap-definition.scss +4 -0
  33. package/styles/accordion/_bootstrap4-definition.scss +4 -0
  34. package/styles/accordion/_bootstrap5-definition.scss +39 -35
  35. package/styles/accordion/_fabric-dark-definition.scss +4 -0
  36. package/styles/accordion/_fabric-definition.scss +4 -0
  37. package/styles/accordion/_fluent-definition.scss +85 -0
  38. package/styles/accordion/_highcontrast-definition.scss +5 -1
  39. package/styles/accordion/_highcontrast-light-definition.scss +4 -0
  40. package/styles/accordion/_layout.scss +6 -14
  41. package/styles/accordion/_material-dark-definition.scss +4 -0
  42. package/styles/accordion/_material-definition.scss +4 -0
  43. package/styles/accordion/_tailwind-definition.scss +83 -79
  44. package/styles/accordion/_theme.scss +12 -11
  45. package/styles/accordion/bootstrap4.css +1 -2
  46. package/styles/accordion/bootstrap5-dark.css +11 -2
  47. package/styles/accordion/bootstrap5.css +11 -2
  48. package/styles/accordion/highcontrast-light.css +0 -4
  49. package/styles/accordion/highcontrast.css +1 -5
  50. package/styles/accordion/icons/_fluent.scss +17 -0
  51. package/styles/accordion/icons/_tailwind.scss +17 -17
  52. package/styles/bootstrap-dark.css +319 -85
  53. package/styles/bootstrap.css +318 -84
  54. package/styles/bootstrap4.css +319 -77
  55. package/styles/bootstrap5-dark.css +341 -76
  56. package/styles/bootstrap5.css +343 -78
  57. package/styles/breadcrumb/_bootstrap-dark-definition.scss +14 -0
  58. package/styles/breadcrumb/_bootstrap-definition.scss +13 -0
  59. package/styles/breadcrumb/_bootstrap4-definition.scss +13 -0
  60. package/styles/breadcrumb/_bootstrap5-definition.scss +15 -2
  61. package/styles/breadcrumb/_fabric-dark-definition.scss +13 -0
  62. package/styles/breadcrumb/_fabric-definition.scss +13 -0
  63. package/styles/breadcrumb/_fluent-definition.scss +59 -0
  64. package/styles/breadcrumb/_highcontrast-definition.scss +13 -0
  65. package/styles/breadcrumb/_highcontrast-light-definition.scss +13 -0
  66. package/styles/breadcrumb/_layout.scss +171 -22
  67. package/styles/breadcrumb/_material-dark-definition.scss +13 -0
  68. package/styles/breadcrumb/_material-definition.scss +13 -0
  69. package/styles/breadcrumb/_tailwind-dark-definition.scss +13 -0
  70. package/styles/breadcrumb/_tailwind-definition.scss +13 -0
  71. package/styles/breadcrumb/_theme.scss +27 -8
  72. package/styles/breadcrumb/bootstrap-dark.css +194 -17
  73. package/styles/breadcrumb/bootstrap.css +194 -17
  74. package/styles/breadcrumb/bootstrap4.css +194 -17
  75. package/styles/breadcrumb/bootstrap5-dark.css +198 -24
  76. package/styles/breadcrumb/bootstrap5.css +198 -24
  77. package/styles/breadcrumb/fabric-dark.css +197 -20
  78. package/styles/breadcrumb/fabric.css +197 -20
  79. package/styles/breadcrumb/highcontrast-light.css +200 -22
  80. package/styles/breadcrumb/highcontrast.css +200 -22
  81. package/styles/breadcrumb/icons/_bootstrap-dark.scss +2 -1
  82. package/styles/breadcrumb/icons/_bootstrap.scss +2 -1
  83. package/styles/breadcrumb/icons/_bootstrap4.scss +2 -1
  84. package/styles/breadcrumb/icons/_bootstrap5.scss +2 -1
  85. package/styles/breadcrumb/icons/_fabric-dark.scss +2 -1
  86. package/styles/breadcrumb/icons/_fabric.scss +2 -1
  87. package/styles/breadcrumb/icons/_fluent.scss +25 -0
  88. package/styles/breadcrumb/icons/_highcontrast-light.scss +2 -1
  89. package/styles/breadcrumb/icons/_highcontrast.scss +2 -1
  90. package/styles/breadcrumb/icons/_material-dark.scss +2 -1
  91. package/styles/breadcrumb/icons/_material.scss +2 -1
  92. package/styles/breadcrumb/icons/_tailwind-dark.scss +2 -1
  93. package/styles/breadcrumb/icons/_tailwind.scss +2 -1
  94. package/styles/breadcrumb/material-dark.css +186 -13
  95. package/styles/breadcrumb/material.css +186 -13
  96. package/styles/breadcrumb/tailwind-dark.css +195 -22
  97. package/styles/breadcrumb/tailwind.css +195 -22
  98. package/styles/context-menu/_bootstrap-dark-definition.scss +1 -1
  99. package/styles/context-menu/_bootstrap-definition.scss +1 -1
  100. package/styles/context-menu/_bootstrap4-definition.scss +1 -1
  101. package/styles/context-menu/_bootstrap5-definition.scss +5 -5
  102. package/styles/context-menu/_fluent-definition.scss +52 -0
  103. package/styles/context-menu/_material-dark-definition.scss +1 -1
  104. package/styles/context-menu/_material-definition.scss +1 -1
  105. package/styles/context-menu/_tailwind-definition.scss +1 -1
  106. package/styles/context-menu/bootstrap-dark.css +1 -1
  107. package/styles/context-menu/bootstrap.css +1 -1
  108. package/styles/context-menu/bootstrap4.css +1 -1
  109. package/styles/context-menu/bootstrap5-dark.css +5 -5
  110. package/styles/context-menu/bootstrap5.css +6 -6
  111. package/styles/context-menu/icons/_fluent.scss +32 -0
  112. package/styles/context-menu/material-dark.css +1 -1
  113. package/styles/context-menu/material.css +1 -1
  114. package/styles/context-menu/tailwind-dark.css +1 -1
  115. package/styles/context-menu/tailwind.css +1 -1
  116. package/styles/fabric-dark.css +307 -42
  117. package/styles/fabric.css +310 -45
  118. package/styles/h-scroll/_fluent-definition.scss +78 -0
  119. package/styles/h-scroll/_tailwind-definition.scss +78 -78
  120. package/styles/h-scroll/_theme.scss +1 -1
  121. package/styles/h-scroll/bootstrap-dark.css +1 -1
  122. package/styles/h-scroll/bootstrap.css +1 -1
  123. package/styles/h-scroll/bootstrap4.css +1 -1
  124. package/styles/h-scroll/bootstrap5-dark.css +1 -1
  125. package/styles/h-scroll/bootstrap5.css +1 -1
  126. package/styles/h-scroll/fabric-dark.css +1 -1
  127. package/styles/h-scroll/fabric.css +1 -1
  128. package/styles/h-scroll/highcontrast-light.css +1 -1
  129. package/styles/h-scroll/highcontrast.css +1 -1
  130. package/styles/h-scroll/icons/_fluent.scss +49 -0
  131. package/styles/h-scroll/icons/_tailwind.scss +49 -49
  132. package/styles/h-scroll/material-dark.css +1 -1
  133. package/styles/h-scroll/material.css +1 -1
  134. package/styles/h-scroll/tailwind-dark.css +1 -1
  135. package/styles/h-scroll/tailwind.css +1 -1
  136. package/styles/highcontrast-light.css +319 -48
  137. package/styles/highcontrast.css +324 -53
  138. package/styles/material-dark.css +297 -33
  139. package/styles/material.css +298 -34
  140. package/styles/menu/_fluent-definition.scss +68 -0
  141. package/styles/menu/_layout.scss +3 -2
  142. package/styles/menu/_theme.scss +9 -0
  143. package/styles/menu/bootstrap-dark.css +3 -2
  144. package/styles/menu/bootstrap.css +3 -2
  145. package/styles/menu/bootstrap4.css +3 -2
  146. package/styles/menu/bootstrap5-dark.css +6 -5
  147. package/styles/menu/bootstrap5.css +7 -6
  148. package/styles/menu/fabric-dark.css +2 -1
  149. package/styles/menu/fabric.css +2 -1
  150. package/styles/menu/highcontrast-light.css +2 -1
  151. package/styles/menu/highcontrast.css +2 -1
  152. package/styles/menu/icons/_fluent.scss +133 -0
  153. package/styles/menu/material-dark.css +3 -2
  154. package/styles/menu/material.css +3 -2
  155. package/styles/menu/tailwind-dark.css +3 -2
  156. package/styles/menu/tailwind.css +3 -2
  157. package/styles/sidebar/_bootstrap5-definition.scss +5 -5
  158. package/styles/sidebar/_fluent-definition.scss +5 -0
  159. package/styles/sidebar/_theme.scss +4 -2
  160. package/styles/sidebar/bootstrap5-dark.css +0 -1
  161. package/styles/sidebar/bootstrap5.css +0 -1
  162. package/styles/sidebar/tailwind-dark.css +0 -1
  163. package/styles/sidebar/tailwind.css +0 -1
  164. package/styles/tab/_bootstrap-dark-definition.scss +10 -1
  165. package/styles/tab/_bootstrap-definition.scss +10 -1
  166. package/styles/tab/_bootstrap4-definition.scss +9 -1
  167. package/styles/tab/_bootstrap5-definition.scss +401 -401
  168. package/styles/tab/_fabric-dark-definition.scss +10 -0
  169. package/styles/tab/_fabric-definition.scss +10 -0
  170. package/styles/tab/_fluent-definition.scss +409 -0
  171. package/styles/tab/_highcontrast-definition.scss +10 -0
  172. package/styles/tab/_highcontrast-light-definition.scss +10 -0
  173. package/styles/tab/_layout.scss +145 -0
  174. package/styles/tab/_material-dark-definition.scss +10 -0
  175. package/styles/tab/_material-definition.scss +10 -0
  176. package/styles/tab/_tailwind-definition.scss +431 -420
  177. package/styles/tab/_theme.scss +188 -113
  178. package/styles/tab/bootstrap-dark.css +43 -18
  179. package/styles/tab/bootstrap.css +42 -17
  180. package/styles/tab/bootstrap4.css +47 -28
  181. package/styles/tab/bootstrap5-dark.css +53 -30
  182. package/styles/tab/bootstrap5.css +53 -30
  183. package/styles/tab/fabric-dark.css +43 -20
  184. package/styles/tab/fabric.css +46 -23
  185. package/styles/tab/highcontrast-light.css +52 -19
  186. package/styles/tab/highcontrast.css +56 -23
  187. package/styles/tab/icons/_bootstrap-dark.scss +2 -2
  188. package/styles/tab/icons/_fabric-dark.scss +2 -2
  189. package/styles/tab/icons/_fluent.scss +140 -0
  190. package/styles/tab/icons/_tailwind.scss +140 -140
  191. package/styles/tab/material-dark.css +42 -15
  192. package/styles/tab/material.css +42 -15
  193. package/styles/tab/tailwind-dark.css +42 -17
  194. package/styles/tab/tailwind.css +42 -17
  195. package/styles/tailwind-dark.css +315 -51
  196. package/styles/tailwind.css +315 -51
  197. package/styles/toolbar/_bootstrap-dark-definition.scss +7 -1
  198. package/styles/toolbar/_bootstrap-definition.scss +7 -1
  199. package/styles/toolbar/_bootstrap4-definition.scss +8 -2
  200. package/styles/toolbar/_bootstrap5-definition.scss +104 -86
  201. package/styles/toolbar/_fabric-dark-definition.scss +7 -0
  202. package/styles/toolbar/_fabric-definition.scss +7 -0
  203. package/styles/toolbar/_fluent-definition.scss +149 -0
  204. package/styles/toolbar/_highcontrast-definition.scss +7 -0
  205. package/styles/toolbar/_highcontrast-light-definition.scss +7 -0
  206. package/styles/toolbar/_layout.scss +27 -72
  207. package/styles/toolbar/_material-dark-definition.scss +7 -1
  208. package/styles/toolbar/_material-definition.scss +7 -1
  209. package/styles/toolbar/_tailwind-definition.scss +149 -143
  210. package/styles/toolbar/_theme.scss +12 -15
  211. package/styles/toolbar/bootstrap-dark.css +17 -46
  212. package/styles/toolbar/bootstrap.css +17 -46
  213. package/styles/toolbar/bootstrap4.css +12 -26
  214. package/styles/toolbar/bootstrap5-dark.css +6 -7
  215. package/styles/toolbar/bootstrap5.css +6 -7
  216. package/styles/toolbar/fabric-dark.css +4 -0
  217. package/styles/toolbar/fabric.css +4 -0
  218. package/styles/toolbar/highcontrast-light.css +4 -1
  219. package/styles/toolbar/highcontrast.css +4 -1
  220. package/styles/toolbar/icons/_fluent.scss +16 -0
  221. package/styles/toolbar/icons/_tailwind.scss +16 -16
  222. package/styles/toolbar/material-dark.css +4 -1
  223. package/styles/toolbar/material.css +5 -2
  224. package/styles/toolbar/tailwind-dark.css +8 -6
  225. package/styles/toolbar/tailwind.css +8 -6
  226. package/styles/treeview/_bootstrap-dark-definition.scss +11 -0
  227. package/styles/treeview/_bootstrap-definition.scss +11 -0
  228. package/styles/treeview/_bootstrap4-definition.scss +11 -0
  229. package/styles/treeview/_bootstrap5-definition.scss +120 -109
  230. package/styles/treeview/_fabric-dark-definition.scss +11 -0
  231. package/styles/treeview/_fabric-definition.scss +11 -0
  232. package/styles/treeview/_fluent-definition.scss +120 -0
  233. package/styles/treeview/_highcontrast-definition.scss +11 -0
  234. package/styles/treeview/_highcontrast-light-definition.scss +11 -0
  235. package/styles/treeview/_layout.scss +116 -20
  236. package/styles/treeview/_material-dark-definition.scss +13 -0
  237. package/styles/treeview/_material-definition.scss +11 -0
  238. package/styles/treeview/_tailwind-definition.scss +12 -0
  239. package/styles/treeview/_theme.scss +5 -5
  240. package/styles/treeview/bootstrap-dark.css +60 -0
  241. package/styles/treeview/bootstrap.css +60 -0
  242. package/styles/treeview/bootstrap4.css +60 -0
  243. package/styles/treeview/bootstrap5-dark.css +61 -1
  244. package/styles/treeview/bootstrap5.css +61 -1
  245. package/styles/treeview/fabric-dark.css +60 -0
  246. package/styles/treeview/fabric.css +60 -0
  247. package/styles/treeview/highcontrast-light.css +60 -0
  248. package/styles/treeview/highcontrast.css +60 -0
  249. package/styles/treeview/icons/_bootstrap5.scss +43 -43
  250. package/styles/treeview/icons/_fluent.scss +43 -0
  251. package/styles/treeview/icons/_tailwind-dark.scss +43 -43
  252. package/styles/treeview/material-dark.css +60 -0
  253. package/styles/treeview/material.css +60 -0
  254. package/styles/treeview/tailwind-dark.css +65 -1
  255. package/styles/treeview/tailwind.css +65 -1
  256. package/styles/v-scroll/_fluent-definition.scss +49 -0
  257. package/styles/v-scroll/_tailwind-definition.scss +49 -49
  258. package/styles/v-scroll/icons/_fluent.scss +26 -0
  259. package/styles/v-scroll/icons/_tailwind.scss +26 -26
package/styles/tab/_bootstrap4-definition.scss CHANGED
@@ -32,6 +32,10 @@ $tab-border-style: $tab-border-width Solid !default;
32
32
  $tab-focus-outline: 0 !default;
33
33
  $tab-active-focus-outline: 0 !default;
34
34
  $tab-active-text-item-border: 0 !default;
35
+ $tab-pop-up-icon-hover-border: $tab-active-text-item-border !default;
36
+ $tab-pop-up-icon-focus-border: $tab-active-text-item-border !default;
37
+ $tab-pop-up-down-icon-hover-border: $tab-active-text-item-border !default;
38
+ $tab-pop-up-icon-active-border: $tab-active-text-item-border !default;
35
39
  $tab-disable-active-text-item-border: 0 !default;
36
40
  $tab-alt-active-item-border: $tab-border-style #555 !default;
37
41
  $tab-accent-active-item-border: $tab-border-style #555 !default;
@@ -164,6 +168,7 @@ $tab-mob-fill-wrap-padding: 0 15px !default;
164
168
  $tab-bg-big-wrap-padding: 0 20px !default;
165
169
  $tab-bg-nrml-wrap-padding: 0 15px !default;
166
170
  $tab-item-hover-bg-color: transparent !default;
171
+ $tab-bg-item-wrap-hover-bg-color: $tab-item-hover-bg-color !default;
167
172
  $tab-mob-item-hover-bg-color: initial !default;
168
173
  $tab-pop-text-color: $gray-900 !default;
169
174
  $tab-alt-disable-active-item-opacity: .65 !default;
@@ -218,6 +223,7 @@ $tab-nrml-even-active-text-height: 40px !default;
218
223
  $tab-fill-big-even-active-text-height: 50px !default;
219
224
  $tab-fill-nrml-even-active-text-height: 40px !default;
220
225
  $tab-text-color: $primary !default;
226
+ $tab-wrap-comb-icon-color: $tab-text-color !default;
221
227
  $tab-disable-text-color: $gray-600 !default;
222
228
  $tab-mob-text-color: #317ab9 !default;
223
229
  $tab-active-text-color: $gray-700 !default;
@@ -229,6 +235,7 @@ $tab-alt-text-color: $primary !default;
229
235
  $tab-alt-disable-text-color: $gray-600 !default;
230
236
  $tab-alt-active-text-color: $primary-font !default;
231
237
  $tab-alt-active-style-hover-text-color: $gray-900 !default;
238
+ $tab-alt-active-style-hover-icon-color: $tab-alt-active-style-hover-text-color !default;
232
239
  $tab-alt-disable-active-text-color: $gray-600 !default;
233
240
  $tab-alt-hover-text-color: darken($gray-600, 7.5%) !default;
234
241
  $tab-alt-active-hover-text-color: $primary-font !default;
@@ -307,6 +314,7 @@ $tab-mob-close-icon-color: #777 !default;
307
314
  $tab-close-icon-hover-color: rgba($black, .75) !default;
308
315
  $tab-close-icon-active-color: rgba($black, .75) !default;
309
316
  $tab-alt-close-icon-color: rgba($black, .5) !default;
317
+ $tab-alt-active-wrap-close-icon-color: $tab-alt-close-icon-color !default;
310
318
  $tab-alt-text-color: $primary-font !default;
311
319
  $tab-alt-hover-text-color: $primary-font !default;
312
320
  $tab-alt-active-text-color: $primary-font !default;
@@ -366,7 +374,7 @@ $tab-pop-down-icon-transform: rotate(0deg) !default;
366
374
  /*! Bootstrap specific themes definition's */
367
375
  $tab-alt-focused-active-wrap-focus-or-hover-color: darken($primary, 15%) !default;
368
376
  $tab-alt-focused-active-wrap-focus-and-hover-color: darken($primary, 15%) !default;
369
- $tab-even-active-item-bottom-border-color: #ddd !default;
377
+ $tab-even-active-item-bottom-border-color: 1px solid #ddd !default;
370
378
  $tab-fill-focused-active-wrap-focus-color: darken($primary, 15%) !default;
371
379
  $tab-alt-active-wrap-hover-close-color: $primary-font !default;
372
380
  $tab-alt-pop-wrap-hover-color: #317ab9 !default;