@syncfusion/ej2-navigations 19.2.59 → 19.3.44

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 (292) hide show
  1. package/.eslintrc.json +1 -1
  2. package/CHANGELOG.md +32 -0
  3. package/README.md +15 -0
  4. package/breadcrumb.d.ts +4 -0
  5. package/breadcrumb.js +4 -0
  6. package/dist/ej2-navigations.umd.min.js +2 -2
  7. package/dist/ej2-navigations.umd.min.js.map +1 -1
  8. package/dist/es6/ej2-navigations.es2015.js +545 -170
  9. package/dist/es6/ej2-navigations.es2015.js.map +1 -1
  10. package/dist/es6/ej2-navigations.es5.js +567 -172
  11. package/dist/es6/ej2-navigations.es5.js.map +1 -1
  12. package/dist/global/ej2-navigations.min.js +2 -2
  13. package/dist/global/ej2-navigations.min.js.map +1 -1
  14. package/dist/global/index.d.ts +1 -1
  15. package/package.json +13 -12
  16. package/src/accordion/accordion.d.ts +2 -8
  17. package/src/accordion/accordion.js +16 -85
  18. package/src/breadcrumb/breadcrumb-model.d.ts +147 -0
  19. package/src/breadcrumb/breadcrumb.d.ts +232 -0
  20. package/src/breadcrumb/breadcrumb.js +497 -0
  21. package/src/breadcrumb/index.d.ts +5 -0
  22. package/src/breadcrumb/index.js +4 -0
  23. package/src/index.d.ts +1 -0
  24. package/src/index.js +1 -0
  25. package/src/sidebar/sidebar.js +2 -2
  26. package/src/tab/tab-model.d.ts +1 -1
  27. package/src/tab/tab.d.ts +1 -1
  28. package/src/tab/tab.js +50 -84
  29. package/src/toolbar/toolbar.js +1 -1
  30. package/styles/accordion/_bootstrap5-dark-definition.scss +1 -0
  31. package/styles/accordion/_bootstrap5-definition.scss +81 -0
  32. package/styles/accordion/_fabric-dark-definition.scss +1 -0
  33. package/styles/accordion/_fabric-definition.scss +1 -0
  34. package/styles/accordion/_highcontrast-definition.scss +1 -1
  35. package/styles/accordion/_layout.scss +6 -8
  36. package/styles/accordion/_tailwind-dark-definition.scss +1 -77
  37. package/styles/accordion/_tailwind-definition.scss +79 -79
  38. package/styles/accordion/_theme.scss +57 -17
  39. package/styles/accordion/bootstrap5-dark.css +428 -0
  40. package/styles/accordion/bootstrap5-dark.scss +4 -0
  41. package/styles/accordion/bootstrap5.css +428 -0
  42. package/styles/accordion/bootstrap5.scss +4 -0
  43. package/styles/accordion/highcontrast-light.css +0 -1
  44. package/styles/accordion/highcontrast.css +0 -1
  45. package/styles/accordion/icons/_bootstrap4.scss +1 -1
  46. package/styles/accordion/icons/_bootstrap5-dark.scss +1 -0
  47. package/styles/accordion/icons/_bootstrap5.scss +18 -0
  48. package/styles/accordion/icons/_tailwind-dark.scss +1 -17
  49. package/styles/accordion/icons/_tailwind.scss +17 -17
  50. package/styles/accordion/material-dark.css +2 -2
  51. package/styles/accordion/tailwind-dark.css +1 -1
  52. package/styles/bootstrap-dark.css +352 -60
  53. package/styles/bootstrap-dark.scss +1 -0
  54. package/styles/bootstrap.css +349 -57
  55. package/styles/bootstrap.scss +1 -0
  56. package/styles/bootstrap4.css +351 -60
  57. package/styles/bootstrap4.scss +1 -0
  58. package/styles/bootstrap5-dark.css +9922 -0
  59. package/styles/bootstrap5-dark.scss +10 -0
  60. package/styles/bootstrap5.css +9922 -0
  61. package/styles/bootstrap5.scss +10 -0
  62. package/styles/breadcrumb/_all.scss +2 -0
  63. package/styles/breadcrumb/_bootstrap-dark-definition.scss +41 -0
  64. package/styles/breadcrumb/_bootstrap-definition.scss +41 -0
  65. package/styles/breadcrumb/_bootstrap4-definition.scss +41 -0
  66. package/styles/breadcrumb/_bootstrap5-dark-definition.scss +1 -0
  67. package/styles/breadcrumb/_bootstrap5-definition.scss +46 -0
  68. package/styles/breadcrumb/_fabric-dark-definition.scss +46 -0
  69. package/styles/breadcrumb/_fabric-definition.scss +46 -0
  70. package/styles/breadcrumb/_highcontrast-definition.scss +48 -0
  71. package/styles/breadcrumb/_highcontrast-light-definition.scss +48 -0
  72. package/styles/breadcrumb/_layout.scss +291 -0
  73. package/styles/breadcrumb/_material-dark-definition.scss +37 -0
  74. package/styles/breadcrumb/_material-definition.scss +37 -0
  75. package/styles/breadcrumb/_tailwind-dark-definition.scss +47 -0
  76. package/styles/breadcrumb/_tailwind-definition.scss +47 -0
  77. package/styles/breadcrumb/_theme.scss +134 -0
  78. package/styles/breadcrumb/bootstrap-dark.css +279 -0
  79. package/styles/breadcrumb/bootstrap-dark.scss +4 -0
  80. package/styles/breadcrumb/bootstrap.css +279 -0
  81. package/styles/breadcrumb/bootstrap.scss +4 -0
  82. package/styles/breadcrumb/bootstrap4.css +279 -0
  83. package/styles/breadcrumb/bootstrap4.scss +4 -0
  84. package/styles/breadcrumb/bootstrap5-dark.css +297 -0
  85. package/styles/breadcrumb/bootstrap5-dark.scss +4 -0
  86. package/styles/breadcrumb/bootstrap5.css +297 -0
  87. package/styles/breadcrumb/bootstrap5.scss +4 -0
  88. package/styles/breadcrumb/fabric-dark.css +277 -0
  89. package/styles/breadcrumb/fabric-dark.scss +4 -0
  90. package/styles/breadcrumb/fabric.css +277 -0
  91. package/styles/breadcrumb/fabric.scss +4 -0
  92. package/styles/breadcrumb/highcontrast-light.css +285 -0
  93. package/styles/breadcrumb/highcontrast-light.scss +4 -0
  94. package/styles/breadcrumb/highcontrast.css +285 -0
  95. package/styles/breadcrumb/highcontrast.scss +4 -0
  96. package/styles/breadcrumb/icons/_bootstrap-dark.scss +13 -0
  97. package/styles/breadcrumb/icons/_bootstrap.scss +13 -0
  98. package/styles/breadcrumb/icons/_bootstrap4.scss +13 -0
  99. package/styles/breadcrumb/icons/_bootstrap5-dark.scss +1 -0
  100. package/styles/breadcrumb/icons/_bootstrap5.scss +24 -0
  101. package/styles/breadcrumb/icons/_fabric-dark.scss +13 -0
  102. package/styles/breadcrumb/icons/_fabric.scss +13 -0
  103. package/styles/breadcrumb/icons/_highcontrast-light.scss +13 -0
  104. package/styles/breadcrumb/icons/_highcontrast.scss +13 -0
  105. package/styles/breadcrumb/icons/_material-dark.scss +24 -0
  106. package/styles/breadcrumb/icons/_material.scss +24 -0
  107. package/styles/breadcrumb/icons/_tailwind-dark.scss +13 -0
  108. package/styles/breadcrumb/icons/_tailwind.scss +13 -0
  109. package/styles/breadcrumb/material-dark.css +259 -0
  110. package/styles/breadcrumb/material-dark.scss +4 -0
  111. package/styles/breadcrumb/material.css +259 -0
  112. package/styles/breadcrumb/material.scss +4 -0
  113. package/styles/breadcrumb/tailwind-dark.css +280 -0
  114. package/styles/breadcrumb/tailwind-dark.scss +4 -0
  115. package/styles/breadcrumb/tailwind.css +280 -0
  116. package/styles/breadcrumb/tailwind.scss +4 -0
  117. package/styles/context-menu/_bootstrap5-dark-definition.scss +1 -0
  118. package/styles/context-menu/_bootstrap5-definition.scss +52 -0
  119. package/styles/context-menu/_tailwind-dark-definition.scss +1 -53
  120. package/styles/context-menu/_tailwind-definition.scss +52 -51
  121. package/styles/context-menu/bootstrap5-dark.css +382 -0
  122. package/styles/context-menu/bootstrap5-dark.scss +4 -0
  123. package/styles/context-menu/bootstrap5.css +382 -0
  124. package/styles/context-menu/bootstrap5.scss +4 -0
  125. package/styles/context-menu/icons/_bootstrap5-dark.scss +1 -0
  126. package/styles/context-menu/icons/_bootstrap5.scss +32 -0
  127. package/styles/context-menu/icons/_tailwind-dark.scss +32 -32
  128. package/styles/context-menu/icons/_tailwind.scss +32 -32
  129. package/styles/fabric-dark.css +352 -78
  130. package/styles/fabric-dark.scss +1 -0
  131. package/styles/fabric.css +346 -72
  132. package/styles/fabric.scss +1 -0
  133. package/styles/h-scroll/_bootstrap5-dark-definition.scss +1 -0
  134. package/styles/h-scroll/_bootstrap5-definition.scss +78 -0
  135. package/styles/h-scroll/_fabric-dark-definition.scss +1 -1
  136. package/styles/h-scroll/_highcontrast-definition.scss +1 -1
  137. package/styles/h-scroll/_layout.scss +1 -1
  138. package/styles/h-scroll/_tailwind-dark-definition.scss +1 -78
  139. package/styles/h-scroll/bootstrap5-dark.css +328 -0
  140. package/styles/h-scroll/bootstrap5-dark.scss +4 -0
  141. package/styles/h-scroll/bootstrap5.css +328 -0
  142. package/styles/h-scroll/bootstrap5.scss +4 -0
  143. package/styles/h-scroll/fabric-dark.css +1 -1
  144. package/styles/h-scroll/highcontrast.css +1 -1
  145. package/styles/h-scroll/icons/_bootstrap4.scss +1 -1
  146. package/styles/h-scroll/icons/_bootstrap5-dark.scss +1 -0
  147. package/styles/h-scroll/icons/_bootstrap5.scss +49 -0
  148. package/styles/h-scroll/icons/_tailwind-dark.scss +1 -49
  149. package/styles/highcontrast-light.css +354 -73
  150. package/styles/highcontrast-light.scss +1 -0
  151. package/styles/highcontrast.css +356 -75
  152. package/styles/highcontrast.scss +1 -0
  153. package/styles/material-dark.css +360 -105
  154. package/styles/material-dark.scss +1 -0
  155. package/styles/material.css +324 -69
  156. package/styles/material.scss +1 -0
  157. package/styles/menu/_bootstrap5-dark-definition.scss +1 -0
  158. package/styles/menu/_bootstrap5-definition.scss +68 -0
  159. package/styles/menu/_layout.scss +12 -2
  160. package/styles/menu/_tailwind-dark-definition.scss +1 -66
  161. package/styles/menu/_tailwind-definition.scss +66 -64
  162. package/styles/menu/_theme.scss +1 -1
  163. package/styles/menu/bootstrap-dark.css +36 -36
  164. package/styles/menu/bootstrap.css +36 -36
  165. package/styles/menu/bootstrap4.css +34 -34
  166. package/styles/menu/bootstrap5-dark.css +1251 -0
  167. package/styles/menu/bootstrap5-dark.scss +8 -0
  168. package/styles/menu/bootstrap5.css +1251 -0
  169. package/styles/menu/bootstrap5.scss +8 -0
  170. package/styles/menu/fabric-dark.css +36 -36
  171. package/styles/menu/fabric.css +36 -36
  172. package/styles/menu/highcontrast-light.css +36 -36
  173. package/styles/menu/highcontrast.css +36 -36
  174. package/styles/menu/icons/_bootstrap5-dark.scss +1 -0
  175. package/styles/menu/icons/_bootstrap5.scss +133 -0
  176. package/styles/menu/icons/_tailwind-dark.scss +133 -133
  177. package/styles/menu/icons/_tailwind.scss +133 -133
  178. package/styles/menu/material-dark.css +36 -36
  179. package/styles/menu/material.css +36 -36
  180. package/styles/menu/tailwind-dark.css +36 -36
  181. package/styles/menu/tailwind.css +36 -36
  182. package/styles/sidebar/_bootstrap5-dark-definition.scss +1 -0
  183. package/styles/sidebar/_bootstrap5-definition.scss +5 -0
  184. package/styles/sidebar/_highcontrast-definition.scss +1 -1
  185. package/styles/sidebar/_tailwind-dark-definition.scss +1 -4
  186. package/styles/sidebar/_tailwind-definition.scss +2 -1
  187. package/styles/sidebar/_theme.scss +3 -3
  188. package/styles/sidebar/bootstrap5-dark.css +155 -0
  189. package/styles/sidebar/bootstrap5-dark.scss +3 -0
  190. package/styles/sidebar/bootstrap5.css +155 -0
  191. package/styles/sidebar/bootstrap5.scss +3 -0
  192. package/styles/sidebar/highcontrast.css +1 -1
  193. package/styles/tab/_bootstrap-dark-definition.scss +2 -2
  194. package/styles/tab/_bootstrap-definition.scss +1 -1
  195. package/styles/tab/_bootstrap4-definition.scss +2 -2
  196. package/styles/tab/_bootstrap5-dark-definition.scss +1 -0
  197. package/styles/tab/_bootstrap5-definition.scss +401 -0
  198. package/styles/tab/_layout.scss +45 -51
  199. package/styles/tab/_material-dark-definition.scss +0 -1
  200. package/styles/tab/_tailwind-dark-definition.scss +1 -420
  201. package/styles/tab/_tailwind-definition.scss +420 -420
  202. package/styles/tab/_theme.scss +166 -53
  203. package/styles/tab/bootstrap-dark.css +15 -14
  204. package/styles/tab/bootstrap.css +12 -11
  205. package/styles/tab/bootstrap4.css +15 -14
  206. package/styles/tab/bootstrap5-dark.css +4442 -0
  207. package/styles/tab/bootstrap5-dark.scss +5 -0
  208. package/styles/tab/bootstrap5.css +4442 -0
  209. package/styles/tab/bootstrap5.scss +5 -0
  210. package/styles/tab/fabric-dark.css +16 -15
  211. package/styles/tab/fabric.css +14 -13
  212. package/styles/tab/highcontrast-light.css +14 -13
  213. package/styles/tab/highcontrast.css +14 -13
  214. package/styles/tab/icons/_bootstrap-dark.scss +2 -2
  215. package/styles/tab/icons/_bootstrap5-dark.scss +1 -0
  216. package/styles/tab/icons/_bootstrap5.scss +141 -0
  217. package/styles/tab/icons/_fabric-dark.scss +2 -2
  218. package/styles/tab/icons/_tailwind-dark.scss +1 -140
  219. package/styles/tab/icons/_tailwind.scss +140 -140
  220. package/styles/tab/material-dark.css +36 -35
  221. package/styles/tab/material.css +11 -10
  222. package/styles/tab/tailwind-dark.css +27 -39
  223. package/styles/tab/tailwind.css +22 -34
  224. package/styles/tailwind-dark.css +379 -111
  225. package/styles/tailwind-dark.scss +1 -0
  226. package/styles/tailwind.css +364 -96
  227. package/styles/tailwind.scss +1 -0
  228. package/styles/toolbar/_bootstrap5-dark-definition.scss +1 -0
  229. package/styles/toolbar/_bootstrap5-definition.scss +143 -0
  230. package/styles/toolbar/_fabric-dark-definition.scss +1 -3
  231. package/styles/toolbar/_layout.scss +18 -9
  232. package/styles/toolbar/_material-dark-definition.scss +0 -1
  233. package/styles/toolbar/_tailwind-dark-definition.scss +1 -143
  234. package/styles/toolbar/_tailwind-definition.scss +143 -143
  235. package/styles/toolbar/_theme.scss +98 -16
  236. package/styles/toolbar/bootstrap-dark.css +13 -10
  237. package/styles/toolbar/bootstrap.css +13 -10
  238. package/styles/toolbar/bootstrap4.css +14 -12
  239. package/styles/toolbar/bootstrap5-dark.css +1409 -0
  240. package/styles/toolbar/bootstrap5-dark.scss +8 -0
  241. package/styles/toolbar/bootstrap5.css +1409 -0
  242. package/styles/toolbar/bootstrap5.scss +8 -0
  243. package/styles/toolbar/fabric-dark.css +13 -26
  244. package/styles/toolbar/fabric.css +10 -23
  245. package/styles/toolbar/highcontrast-light.css +10 -23
  246. package/styles/toolbar/highcontrast.css +10 -23
  247. package/styles/toolbar/icons/_bootstrap5-dark.scss +1 -0
  248. package/styles/toolbar/icons/_bootstrap5.scss +17 -0
  249. package/styles/toolbar/icons/_tailwind-dark.scss +1 -16
  250. package/styles/toolbar/icons/_tailwind.scss +16 -16
  251. package/styles/toolbar/material-dark.css +11 -24
  252. package/styles/toolbar/material.css +10 -23
  253. package/styles/toolbar/tailwind-dark.css +20 -29
  254. package/styles/toolbar/tailwind.css +16 -25
  255. package/styles/treeview/_bootstrap4-definition.scss +3 -3
  256. package/styles/treeview/_bootstrap5-dark-definition.scss +1 -0
  257. package/styles/treeview/_bootstrap5-definition.scss +109 -0
  258. package/styles/treeview/_layout.scss +64 -17
  259. package/styles/treeview/_tailwind-dark-definition.scss +1 -110
  260. package/styles/treeview/_tailwind-definition.scss +30 -28
  261. package/styles/treeview/_theme.scss +26 -6
  262. package/styles/treeview/bootstrap-dark.css +8 -0
  263. package/styles/treeview/bootstrap.css +8 -0
  264. package/styles/treeview/bootstrap4.css +8 -0
  265. package/styles/treeview/bootstrap5-dark.css +974 -0
  266. package/styles/treeview/bootstrap5-dark.scss +6 -0
  267. package/styles/treeview/bootstrap5.css +974 -0
  268. package/styles/treeview/bootstrap5.scss +6 -0
  269. package/styles/treeview/fabric-dark.css +8 -0
  270. package/styles/treeview/fabric.css +8 -0
  271. package/styles/treeview/highcontrast-light.css +8 -0
  272. package/styles/treeview/highcontrast.css +8 -0
  273. package/styles/treeview/icons/_bootstrap5-dark.scss +1 -0
  274. package/styles/treeview/icons/_bootstrap5.scss +43 -0
  275. package/styles/treeview/icons/_tailwind-dark.scss +43 -43
  276. package/styles/treeview/material-dark.css +15 -7
  277. package/styles/treeview/material.css +8 -0
  278. package/styles/treeview/tailwind-dark.css +10 -2
  279. package/styles/treeview/tailwind.css +9 -1
  280. package/styles/v-scroll/_bootstrap5-dark-definition.scss +1 -0
  281. package/styles/v-scroll/_bootstrap5-definition.scss +49 -0
  282. package/styles/v-scroll/_tailwind-dark-definition.scss +1 -49
  283. package/styles/v-scroll/bootstrap5-dark.css +247 -0
  284. package/styles/v-scroll/bootstrap5-dark.scss +4 -0
  285. package/styles/v-scroll/bootstrap5.css +247 -0
  286. package/styles/v-scroll/bootstrap5.scss +4 -0
  287. package/styles/v-scroll/icons/_bootstrap4.scss +1 -1
  288. package/styles/v-scroll/icons/_bootstrap5-dark.scss +1 -0
  289. package/styles/v-scroll/icons/_bootstrap5.scss +27 -0
  290. package/styles/v-scroll/icons/_tailwind-dark.scss +1 -26
  291. package/styles/v-scroll/material-dark.css +1 -1
  292. package/styles/v-scroll/tailwind-dark.css +4 -4
package/.eslintrc.json CHANGED
@@ -241,4 +241,4 @@
241
241
  }
242
242
  }
243
243
  ]
244
- }
244
+ }
package/CHANGELOG.md CHANGED
@@ -6,6 +6,38 @@
6
6
 
7
7
  #### Bug Fixes
8
8
 
9
+ - `#I341589` - An issue with the tab content not updated properly on the initial load has been fixed.
10
+
11
+ ### Breadcrumb
12
+
13
+ Breadcrumb is a graphical user interface that helps to identify or highlight the current location within a hierarchical structure of websites. The aim is to make the user aware of their current position in a hierarchy of website links.
14
+
15
+ - **Overflow Mode** - Used to limit the number of breadcrumb items to be displayed.
16
+ - **Icons** - Icons can be specified in Breadcrumb items.
17
+ - **Template** - Supports template for item and separator.
18
+ - **Bind To Location** - Supports items to be rendered based on the URL or current location.
19
+ - **Accessibility** - Provided with built-in accessibility support that helps to access all the Breadcrumb component features through the keyboard, screen readers, or other assistive technology devices.
20
+
21
+ ### Sidebar
22
+
23
+ #### Bug Fixes
24
+
25
+ - The issue with "The Sidebar background color is not correct in high-contrast theme" has been resolved.
26
+
27
+ ## 19.2.62 (2021-09-14)
28
+
29
+ ### Sidebar
30
+
31
+ #### Bug Fixes
32
+
33
+ - `#I341648` - The issue with "The resize event is not unwired after destroying the Sidebar component" has been resolved.
34
+
35
+ ## 19.2.59 (2021-08-31)
36
+
37
+ ### Tab
38
+
39
+ #### Bug Fixes
40
+
9
41
  - `#I339402` - An issue with the tab `visible` property is not working on the initial load has been fixed.
10
42
 
11
43
  ## 19.2.56 (2021-08-17)
package/README.md CHANGED
@@ -25,6 +25,13 @@ Following list of components are available in the package
25
25
  * [View Online Demos](https://ej2.syncfusion.com/demos/?utm_source=npm&utm_campaign=accordion#/material/accordion/default.html)
26
26
  * [Product Page](https://www.syncfusion.com/products/javascript/accordion)
27
27
 
28
+ * Breadcrumb - Graphical user interface that helps to identify or highlight the current location within a hierarchical structure of websites. The aim is to make the user aware of their current position in a hierarchy of website links.
29
+
30
+ * [Getting Started](https://ej2.syncfusion.com/documentation/breadcrumb/getting-started.html?lang=typescript&utm_source=npm&utm_campaign=breadcrumb)
31
+ * [API References](https://ej2.syncfusion.com/documentation/breadcrumb/api-breadcrumb.html?utm_source=npm&utm_campaign=breadcrumb)
32
+ * [View Online Demos](https://ej2.syncfusion.com/demos/?utm_source=npm&utm_campaign=breadcrumb#/material/breadcrumb/default.html)
33
+ * [Product Page](https://www.syncfusion.com/javascript-ui-controls/js-breadcrumb)
34
+
28
35
  * ContextMenu - Graphical user interface that appears on the user right click/touch hold action. It has the support to provide nested level menu items.
29
36
 
30
37
  * [Getting Started](https://ej2.syncfusion.com/documentation/context-menu/getting-started?lang=typescript&utm_source=npm&utm_campaign=context-menu)
@@ -94,6 +101,14 @@ Sidebar component is used in the following samples.
94
101
  3. **RTL Support** - Supports right-to-left alignment.
95
102
  4. **Accessibility** - Provides built-in compliance with the WAI-ARIA specifications and it is achieved through attributes. By default, it allows to interact with Accordion by using keyboard shortcuts.
96
103
 
104
+ ### Breadcrumb
105
+
106
+ 1. **Overflow Mode** - Used to limit the number of breadcrumb items to be displayed.
107
+ 2. **Icons** - Icons can be specified in Breadcrumb items.
108
+ 3. **Template** - Supports template for item and separator.
109
+ 4. **Bind To Location** - Supports items to be rendered based on the URL or current location.
110
+ 5. **Accessibility** - Provided with built-in accessibility support that helps to access all the Breadcrumb component features through the keyboard, screen readers, or other assistive technology devices.
111
+
97
112
  ### ContextMenu
98
113
 
99
114
  1. **Separator** - Supports menu items grouping by using the Separator.
@@ -0,0 +1,4 @@
1
+ /**
2
+ * breadcrumb
3
+ */
4
+ export * from './src/breadcrumb/index';
package/breadcrumb.js ADDED
@@ -0,0 +1,4 @@
1
+ /**
2
+ * breadcrumb
3
+ */
4
+ export * from './src/breadcrumb/index';