@syncfusion/ej2-navigations 25.2.6 → 26.1.35-750253

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 (642) hide show
  1. package/.eslintrc.json +3 -2
  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 +1311 -1106
  6. package/dist/es6/ej2-navigations.es2015.js.map +1 -1
  7. package/dist/es6/ej2-navigations.es5.js +960 -740
  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/accordion/accordion.d.ts +0 -3
  14. package/src/accordion/accordion.js +5 -5
  15. package/src/appbar/appbar.js +1 -1
  16. package/src/breadcrumb/breadcrumb-model.d.ts +7 -0
  17. package/src/breadcrumb/breadcrumb.d.ts +6 -0
  18. package/src/breadcrumb/breadcrumb.js +20 -6
  19. package/src/carousel/carousel.d.ts +1 -0
  20. package/src/carousel/carousel.js +12 -9
  21. package/src/common/menu-base.js +21 -13
  22. package/src/sidebar/sidebar-model.d.ts +5 -6
  23. package/src/sidebar/sidebar.d.ts +8 -6
  24. package/src/sidebar/sidebar.js +2 -3
  25. package/src/stepper/stepper-model.d.ts +7 -1
  26. package/src/stepper/stepper.d.ts +7 -3
  27. package/src/stepper/stepper.js +141 -76
  28. package/src/stepper-base/stepper-base-model.d.ts +1 -1
  29. package/src/stepper-base/stepper-base.d.ts +4 -4
  30. package/src/stepper-base/stepper-base.js +13 -8
  31. package/src/tab/tab-model.d.ts +1 -1
  32. package/src/tab/tab.d.ts +0 -3
  33. package/src/tab/tab.js +2 -2
  34. package/src/toolbar/toolbar-model.d.ts +1 -1
  35. package/src/toolbar/toolbar.js +13 -9
  36. package/src/treeview/treeview-model.d.ts +60 -53
  37. package/src/treeview/treeview.d.ts +134 -29
  38. package/src/treeview/treeview.js +572 -392
  39. package/styles/accordion/_bds-definition.scss +0 -13
  40. package/styles/accordion/_bootstrap-dark-definition.scss +0 -9
  41. package/styles/accordion/_bootstrap-definition.scss +0 -14
  42. package/styles/accordion/_bootstrap4-definition.scss +0 -9
  43. package/styles/accordion/_bootstrap5-definition.scss +8 -22
  44. package/styles/accordion/_bootstrap5.3-definition.scss +168 -0
  45. package/styles/accordion/_fabric-dark-definition.scss +0 -8
  46. package/styles/accordion/_fabric-definition.scss +0 -13
  47. package/styles/accordion/_fluent-definition.scss +0 -13
  48. package/styles/accordion/_fluent2-definition.scss +167 -0
  49. package/styles/accordion/_fusionnew-definition.scss +1 -15
  50. package/styles/accordion/_highcontrast-definition.scss +0 -13
  51. package/styles/accordion/_highcontrast-light-definition.scss +0 -11
  52. package/styles/accordion/_layout.scss +0 -2
  53. package/styles/accordion/_material-dark-definition.scss +0 -11
  54. package/styles/accordion/_material-definition.scss +0 -13
  55. package/styles/accordion/_material3-definition.scss +3 -17
  56. package/styles/accordion/_tailwind-definition.scss +0 -13
  57. package/styles/accordion/_theme.scss +0 -3
  58. package/styles/accordion/bootstrap-dark.css +11 -9
  59. package/styles/accordion/bootstrap.css +11 -10
  60. package/styles/accordion/bootstrap4.css +11 -9
  61. package/styles/accordion/bootstrap5-dark.css +20 -20
  62. package/styles/accordion/bootstrap5.css +20 -20
  63. package/styles/accordion/fabric-dark.css +11 -9
  64. package/styles/accordion/fabric.css +11 -10
  65. package/styles/accordion/fluent-dark.css +11 -10
  66. package/styles/accordion/fluent.css +11 -10
  67. package/styles/accordion/fluent2.css +1574 -0
  68. package/styles/accordion/fluent2.scss +4 -0
  69. package/styles/accordion/highcontrast-light.css +11 -9
  70. package/styles/accordion/highcontrast.css +11 -10
  71. package/styles/accordion/icons/_bds.scss +0 -2
  72. package/styles/accordion/icons/_bootstrap-dark.scss +0 -2
  73. package/styles/accordion/icons/_bootstrap.scss +0 -2
  74. package/styles/accordion/icons/_bootstrap4.scss +0 -2
  75. package/styles/accordion/icons/_bootstrap5.3.scss +15 -0
  76. package/styles/accordion/icons/_bootstrap5.scss +0 -2
  77. package/styles/accordion/icons/_fabric-dark.scss +0 -2
  78. package/styles/accordion/icons/_fabric.scss +0 -2
  79. package/styles/accordion/icons/_fluent.scss +0 -2
  80. package/styles/accordion/icons/_fluent2.scss +15 -0
  81. package/styles/accordion/icons/_fusionnew.scss +0 -2
  82. package/styles/accordion/icons/_highcontrast-light.scss +0 -2
  83. package/styles/accordion/icons/_highcontrast.scss +0 -2
  84. package/styles/accordion/icons/_material-dark.scss +0 -2
  85. package/styles/accordion/icons/_material.scss +0 -2
  86. package/styles/accordion/icons/_material3.scss +0 -2
  87. package/styles/accordion/icons/_tailwind.scss +0 -2
  88. package/styles/accordion/material-dark.css +11 -9
  89. package/styles/accordion/material.css +11 -10
  90. package/styles/accordion/material3-dark.css +12 -12
  91. package/styles/accordion/material3.css +12 -12
  92. package/styles/accordion/tailwind-dark.css +11 -10
  93. package/styles/accordion/tailwind.css +11 -10
  94. package/styles/appbar/_bds-definition.scss +1 -3
  95. package/styles/appbar/_bootstrap-dark-definition.scss +0 -2
  96. package/styles/appbar/_bootstrap-definition.scss +0 -2
  97. package/styles/appbar/_bootstrap4-definition.scss +0 -2
  98. package/styles/appbar/_bootstrap5-definition.scss +0 -2
  99. package/styles/appbar/_bootstrap5.3-definition.scss +6 -0
  100. package/styles/appbar/_fabric-dark-definition.scss +0 -2
  101. package/styles/appbar/_fabric-definition.scss +0 -2
  102. package/styles/appbar/_fluent-definition.scss +0 -2
  103. package/styles/appbar/_fluent2-definition.scss +24 -0
  104. package/styles/appbar/_fusionnew-definition.scss +0 -2
  105. package/styles/appbar/_highcontrast-definition.scss +0 -2
  106. package/styles/appbar/_highcontrast-light-definition.scss +0 -2
  107. package/styles/appbar/_layout.scss +3 -2
  108. package/styles/appbar/_material-dark-definition.scss +0 -2
  109. package/styles/appbar/_material-definition.scss +0 -2
  110. package/styles/appbar/_material3-definition.scss +0 -2
  111. package/styles/appbar/_tailwind-definition.scss +0 -2
  112. package/styles/appbar/_theme.scss +0 -2
  113. package/styles/appbar/bootstrap-dark.css +52 -23
  114. package/styles/appbar/bootstrap.css +52 -23
  115. package/styles/appbar/bootstrap4.css +52 -23
  116. package/styles/appbar/bootstrap5-dark.css +52 -23
  117. package/styles/appbar/bootstrap5.css +52 -23
  118. package/styles/appbar/fabric-dark.css +52 -23
  119. package/styles/appbar/fabric.css +52 -23
  120. package/styles/appbar/fluent-dark.css +52 -23
  121. package/styles/appbar/fluent.css +52 -23
  122. package/styles/appbar/fluent2.css +1332 -0
  123. package/styles/appbar/fluent2.scss +3 -0
  124. package/styles/appbar/highcontrast-light.css +52 -23
  125. package/styles/appbar/highcontrast.css +52 -23
  126. package/styles/appbar/material-dark.css +52 -23
  127. package/styles/appbar/material.css +52 -23
  128. package/styles/appbar/material3-dark.css +62 -26
  129. package/styles/appbar/material3.css +62 -26
  130. package/styles/appbar/tailwind-dark.css +52 -23
  131. package/styles/appbar/tailwind.css +52 -23
  132. package/styles/bootstrap-dark.css +1042 -643
  133. package/styles/bootstrap-dark.scss +47 -14
  134. package/styles/bootstrap.css +1050 -656
  135. package/styles/bootstrap.scss +47 -14
  136. package/styles/bootstrap4.css +1060 -673
  137. package/styles/bootstrap4.scss +47 -14
  138. package/styles/bootstrap5-dark.css +1101 -736
  139. package/styles/bootstrap5-dark.scss +47 -14
  140. package/styles/bootstrap5.css +1101 -736
  141. package/styles/bootstrap5.scss +47 -14
  142. package/styles/breadcrumb/_all.scss +0 -1
  143. package/styles/breadcrumb/_bds-definition.scss +1 -1
  144. package/styles/breadcrumb/_bootstrap5.3-definition.scss +57 -0
  145. package/styles/breadcrumb/_fluent-definition.scss +2 -1
  146. package/styles/breadcrumb/_fluent2-definition.scss +61 -0
  147. package/styles/breadcrumb/_layout.scss +92 -10
  148. package/styles/breadcrumb/_theme.scss +31 -2
  149. package/styles/breadcrumb/bootstrap-dark.css +37 -22
  150. package/styles/breadcrumb/bootstrap.css +37 -22
  151. package/styles/breadcrumb/bootstrap4.css +37 -22
  152. package/styles/breadcrumb/bootstrap5-dark.css +37 -22
  153. package/styles/breadcrumb/bootstrap5.css +37 -22
  154. package/styles/breadcrumb/fabric-dark.css +37 -22
  155. package/styles/breadcrumb/fabric.css +37 -22
  156. package/styles/breadcrumb/fluent-dark.css +39 -24
  157. package/styles/breadcrumb/fluent.css +39 -24
  158. package/styles/breadcrumb/fluent2.css +1489 -0
  159. package/styles/breadcrumb/fluent2.scss +4 -0
  160. package/styles/breadcrumb/highcontrast-light.css +37 -22
  161. package/styles/breadcrumb/highcontrast.css +37 -22
  162. package/styles/breadcrumb/icons/_bds.scss +0 -2
  163. package/styles/breadcrumb/icons/_bootstrap-dark.scss +0 -2
  164. package/styles/breadcrumb/icons/_bootstrap.scss +0 -2
  165. package/styles/breadcrumb/icons/_bootstrap4.scss +0 -2
  166. package/styles/breadcrumb/icons/_bootstrap5.3.scss +23 -0
  167. package/styles/breadcrumb/icons/_bootstrap5.scss +0 -2
  168. package/styles/breadcrumb/icons/_fabric-dark.scss +0 -2
  169. package/styles/breadcrumb/icons/_fabric.scss +0 -2
  170. package/styles/breadcrumb/icons/_fluent.scss +0 -2
  171. package/styles/breadcrumb/icons/_fluent2.scss +23 -0
  172. package/styles/breadcrumb/icons/_fusionnew.scss +0 -2
  173. package/styles/breadcrumb/icons/_highcontrast-light.scss +0 -2
  174. package/styles/breadcrumb/icons/_highcontrast.scss +0 -2
  175. package/styles/breadcrumb/icons/_material-dark.scss +0 -2
  176. package/styles/breadcrumb/icons/_material.scss +0 -2
  177. package/styles/breadcrumb/icons/_material3.scss +0 -2
  178. package/styles/breadcrumb/icons/_tailwind-dark.scss +0 -2
  179. package/styles/breadcrumb/icons/_tailwind.scss +0 -2
  180. package/styles/breadcrumb/material-dark.css +37 -22
  181. package/styles/breadcrumb/material.css +37 -22
  182. package/styles/breadcrumb/material3-dark.css +39 -23
  183. package/styles/breadcrumb/material3.css +39 -23
  184. package/styles/breadcrumb/tailwind-dark.css +37 -22
  185. package/styles/breadcrumb/tailwind.css +37 -22
  186. package/styles/carousel/_bds-definition.scss +0 -7
  187. package/styles/carousel/_bootstrap-dark-definition.scss +0 -7
  188. package/styles/carousel/_bootstrap-definition.scss +0 -7
  189. package/styles/carousel/_bootstrap4-definition.scss +0 -7
  190. package/styles/carousel/_bootstrap5-definition.scss +0 -7
  191. package/styles/carousel/_bootstrap5.3-definition.scss +20 -0
  192. package/styles/carousel/_fabric-dark-definition.scss +0 -7
  193. package/styles/carousel/_fabric-definition.scss +0 -7
  194. package/styles/carousel/_fluent-definition.scss +0 -7
  195. package/styles/carousel/_fluent2-definition.scss +21 -0
  196. package/styles/carousel/_fusionnew-definition.scss +0 -7
  197. package/styles/carousel/_highcontrast-definition.scss +0 -7
  198. package/styles/carousel/_highcontrast-light-definition.scss +0 -7
  199. package/styles/carousel/_layout.scss +0 -2
  200. package/styles/carousel/_material-dark-definition.scss +0 -7
  201. package/styles/carousel/_material-definition.scss +0 -7
  202. package/styles/carousel/_material3-definition.scss +0 -7
  203. package/styles/carousel/_tailwind-definition.scss +0 -7
  204. package/styles/carousel/_theme.scss +8 -2
  205. package/styles/carousel/bootstrap-dark.css +93 -39
  206. package/styles/carousel/bootstrap.css +93 -39
  207. package/styles/carousel/bootstrap4.css +93 -39
  208. package/styles/carousel/bootstrap5-dark.css +93 -39
  209. package/styles/carousel/bootstrap5.css +93 -39
  210. package/styles/carousel/fabric-dark.css +93 -39
  211. package/styles/carousel/fabric.css +93 -39
  212. package/styles/carousel/fluent-dark.css +93 -39
  213. package/styles/carousel/fluent.css +93 -39
  214. package/styles/carousel/fluent2.css +1405 -0
  215. package/styles/carousel/fluent2.scss +5 -0
  216. package/styles/carousel/highcontrast-light.css +93 -39
  217. package/styles/carousel/highcontrast.css +93 -39
  218. package/styles/carousel/icons/_bootstrap5.3.scss +30 -0
  219. package/styles/carousel/icons/_fluent2.scss +30 -0
  220. package/styles/carousel/material-dark.css +93 -39
  221. package/styles/carousel/material.css +93 -39
  222. package/styles/carousel/material3-dark.css +98 -41
  223. package/styles/carousel/material3.css +98 -41
  224. package/styles/carousel/tailwind-dark.css +93 -39
  225. package/styles/carousel/tailwind.css +93 -39
  226. package/styles/context-menu/_bds-definition.scss +5 -2
  227. package/styles/context-menu/_bootstrap-dark-definition.scss +0 -3
  228. package/styles/context-menu/_bootstrap5-definition.scss +0 -1
  229. package/styles/context-menu/_bootstrap5.3-definition.scss +51 -0
  230. package/styles/context-menu/_fabric-dark-definition.scss +0 -3
  231. package/styles/context-menu/_fluent-definition.scss +0 -1
  232. package/styles/context-menu/_fluent2-definition.scss +52 -0
  233. package/styles/context-menu/_fusionnew-definition.scss +0 -1
  234. package/styles/context-menu/_highcontrast-light-definition.scss +0 -3
  235. package/styles/context-menu/_layout-mixin.scss +24 -0
  236. package/styles/context-menu/_layout.scss +44 -4
  237. package/styles/context-menu/_material-dark-definition.scss +0 -3
  238. package/styles/context-menu/_material3-definition.scss +0 -1
  239. package/styles/context-menu/_tailwind-definition.scss +0 -1
  240. package/styles/context-menu/_theme-mixin.scss +13 -0
  241. package/styles/context-menu/_theme.scss +6 -3
  242. package/styles/context-menu/bootstrap-dark.css +19 -11
  243. package/styles/context-menu/bootstrap.css +21 -12
  244. package/styles/context-menu/bootstrap4.css +21 -12
  245. package/styles/context-menu/bootstrap5-dark.css +36 -14
  246. package/styles/context-menu/bootstrap5.css +36 -14
  247. package/styles/context-menu/fabric-dark.css +19 -11
  248. package/styles/context-menu/fabric.css +19 -11
  249. package/styles/context-menu/fluent-dark.css +36 -14
  250. package/styles/context-menu/fluent.css +36 -14
  251. package/styles/context-menu/fluent2.css +1497 -0
  252. package/styles/context-menu/fluent2.scss +7 -0
  253. package/styles/context-menu/highcontrast-light.css +19 -11
  254. package/styles/context-menu/highcontrast.css +19 -11
  255. package/styles/context-menu/icons/_bds.scss +0 -2
  256. package/styles/context-menu/icons/_bootstrap-dark.scss +0 -2
  257. package/styles/context-menu/icons/_bootstrap.scss +0 -2
  258. package/styles/context-menu/icons/_bootstrap4.scss +0 -2
  259. package/styles/context-menu/icons/_bootstrap5.3.scss +31 -0
  260. package/styles/context-menu/icons/_bootstrap5.scss +0 -2
  261. package/styles/context-menu/icons/_fabric-dark.scss +0 -2
  262. package/styles/context-menu/icons/_fabric.scss +0 -2
  263. package/styles/context-menu/icons/_fluent.scss +0 -2
  264. package/styles/context-menu/icons/_fluent2.scss +31 -0
  265. package/styles/context-menu/icons/_fusionnew.scss +0 -2
  266. package/styles/context-menu/icons/_highcontrast-light.scss +0 -2
  267. package/styles/context-menu/icons/_highcontrast.scss +0 -2
  268. package/styles/context-menu/icons/_material-dark.scss +0 -2
  269. package/styles/context-menu/icons/_material.scss +0 -2
  270. package/styles/context-menu/icons/_material3.scss +0 -2
  271. package/styles/context-menu/icons/_tailwind-dark.scss +0 -2
  272. package/styles/context-menu/icons/_tailwind.scss +0 -2
  273. package/styles/context-menu/material-dark.css +49 -15
  274. package/styles/context-menu/material.css +49 -15
  275. package/styles/context-menu/material3-dark.css +38 -15
  276. package/styles/context-menu/material3.css +38 -15
  277. package/styles/context-menu/tailwind-dark.css +36 -14
  278. package/styles/context-menu/tailwind.css +36 -14
  279. package/styles/fabric-dark.css +1040 -641
  280. package/styles/fabric-dark.scss +47 -14
  281. package/styles/fabric.css +1042 -652
  282. package/styles/fabric.scss +47 -14
  283. package/styles/fluent-dark.css +1074 -698
  284. package/styles/fluent-dark.scss +47 -14
  285. package/styles/fluent.css +1074 -698
  286. package/styles/fluent.scss +47 -14
  287. package/styles/fluent2.css +13003 -0
  288. package/styles/fluent2.scss +47 -0
  289. package/styles/h-scroll/_bootstrap5.3-definition.scss +83 -0
  290. package/styles/h-scroll/_fluent2-definition.scss +83 -0
  291. package/styles/h-scroll/bootstrap-dark.css +22 -10
  292. package/styles/h-scroll/bootstrap.css +22 -10
  293. package/styles/h-scroll/bootstrap4.css +22 -10
  294. package/styles/h-scroll/bootstrap5-dark.css +41 -14
  295. package/styles/h-scroll/bootstrap5.css +41 -14
  296. package/styles/h-scroll/fabric-dark.css +22 -10
  297. package/styles/h-scroll/fabric.css +22 -10
  298. package/styles/h-scroll/fluent-dark.css +41 -14
  299. package/styles/h-scroll/fluent.css +41 -14
  300. package/styles/h-scroll/fluent2.css +1341 -0
  301. package/styles/h-scroll/fluent2.scss +4 -0
  302. package/styles/h-scroll/highcontrast-light.css +22 -10
  303. package/styles/h-scroll/highcontrast.css +22 -10
  304. package/styles/h-scroll/icons/_bootstrap5.3.scss +49 -0
  305. package/styles/h-scroll/icons/_fluent2.scss +49 -0
  306. package/styles/h-scroll/material-dark.css +41 -14
  307. package/styles/h-scroll/material.css +41 -14
  308. package/styles/h-scroll/material3-dark.css +44 -15
  309. package/styles/h-scroll/material3.css +44 -15
  310. package/styles/h-scroll/tailwind-dark.css +41 -14
  311. package/styles/h-scroll/tailwind.css +41 -14
  312. package/styles/highcontrast-light.css +1040 -641
  313. package/styles/highcontrast-light.scss +47 -14
  314. package/styles/highcontrast.css +1056 -655
  315. package/styles/highcontrast.scss +47 -14
  316. package/styles/material-dark.css +1144 -709
  317. package/styles/material-dark.scss +47 -14
  318. package/styles/material.css +1157 -726
  319. package/styles/material.scss +47 -14
  320. package/styles/material3-dark.css +1148 -731
  321. package/styles/material3-dark.scss +47 -14
  322. package/styles/material3.css +1148 -731
  323. package/styles/material3.scss +47 -14
  324. package/styles/menu/_bds-definition.scss +0 -1
  325. package/styles/menu/_bootstrap-dark-definition.scss +0 -3
  326. package/styles/menu/_bootstrap5-definition.scss +0 -1
  327. package/styles/menu/_bootstrap5.3-definition.scss +66 -0
  328. package/styles/menu/_fabric-dark-definition.scss +0 -3
  329. package/styles/menu/_fluent-definition.scss +0 -1
  330. package/styles/menu/_fluent2-definition.scss +67 -0
  331. package/styles/menu/_fusionnew-definition.scss +0 -1
  332. package/styles/menu/_layout.scss +38 -17
  333. package/styles/menu/_material-dark-definition.scss +0 -3
  334. package/styles/menu/_material3-definition.scss +0 -1
  335. package/styles/menu/_tailwind-definition.scss +0 -1
  336. package/styles/menu/_theme.scss +46 -14
  337. package/styles/menu/bootstrap-dark.css +41 -39
  338. package/styles/menu/bootstrap.css +43 -40
  339. package/styles/menu/bootstrap4.css +47 -50
  340. package/styles/menu/bootstrap5-dark.css +58 -42
  341. package/styles/menu/bootstrap5.css +58 -42
  342. package/styles/menu/fabric-dark.css +41 -39
  343. package/styles/menu/fabric.css +41 -39
  344. package/styles/menu/fluent-dark.css +60 -47
  345. package/styles/menu/fluent.css +60 -47
  346. package/styles/menu/fluent2.css +2226 -0
  347. package/styles/menu/fluent2.scss +8 -0
  348. package/styles/menu/highcontrast-light.css +41 -39
  349. package/styles/menu/highcontrast.css +41 -39
  350. package/styles/menu/icons/_bds.scss +2 -32
  351. package/styles/menu/icons/_bootstrap-dark.scss +2 -31
  352. package/styles/menu/icons/_bootstrap.scss +2 -32
  353. package/styles/menu/icons/_bootstrap4.scss +2 -32
  354. package/styles/menu/icons/_bootstrap5.3.scss +104 -0
  355. package/styles/menu/icons/_bootstrap5.scss +2 -32
  356. package/styles/menu/icons/_fabric-dark.scss +2 -32
  357. package/styles/menu/icons/_fabric.scss +2 -32
  358. package/styles/menu/icons/_fluent.scss +2 -32
  359. package/styles/menu/icons/_fluent2.scss +104 -0
  360. package/styles/menu/icons/_fusionnew.scss +2 -32
  361. package/styles/menu/icons/_highcontrast-light.scss +2 -32
  362. package/styles/menu/icons/_highcontrast.scss +2 -32
  363. package/styles/menu/icons/_material-dark.scss +2 -32
  364. package/styles/menu/icons/_material.scss +2 -32
  365. package/styles/menu/icons/_material3.scss +2 -32
  366. package/styles/menu/icons/_tailwind-dark.scss +2 -32
  367. package/styles/menu/icons/_tailwind.scss +2 -32
  368. package/styles/menu/material-dark.css +71 -43
  369. package/styles/menu/material.css +71 -43
  370. package/styles/menu/material3-dark.css +61 -43
  371. package/styles/menu/material3.css +61 -43
  372. package/styles/menu/tailwind-dark.css +58 -42
  373. package/styles/menu/tailwind.css +58 -42
  374. package/styles/pager/_bds-definition.scss +6 -6
  375. package/styles/pager/_bootstrap-dark-definition.scss +2 -2
  376. package/styles/pager/_bootstrap-definition.scss +8 -8
  377. package/styles/pager/_bootstrap4-definition.scss +10 -10
  378. package/styles/pager/_bootstrap5-definition.scss +19 -19
  379. package/styles/pager/_bootstrap5.3-definition.scss +166 -0
  380. package/styles/pager/_fabric-dark-definition.scss +3 -5
  381. package/styles/pager/_fabric-definition.scss +3 -3
  382. package/styles/pager/_fluent-definition.scss +11 -11
  383. package/styles/pager/_fluent2-definition.scss +152 -0
  384. package/styles/pager/_fusionnew-definition.scss +19 -19
  385. package/styles/pager/_highcontrast-definition.scss +2 -2
  386. package/styles/pager/_highcontrast-light-definition.scss +2 -4
  387. package/styles/pager/_layout.scss +340 -339
  388. package/styles/pager/_material-dark-definition.scss +4 -6
  389. package/styles/pager/_material-definition.scss +4 -4
  390. package/styles/pager/_material3-definition.scss +22 -22
  391. package/styles/pager/_tailwind-definition.scss +17 -17
  392. package/styles/pager/_theme.scss +43 -26
  393. package/styles/pager/bootstrap-dark.css +88 -76
  394. package/styles/pager/bootstrap.css +90 -78
  395. package/styles/pager/bootstrap4.css +90 -78
  396. package/styles/pager/bootstrap5-dark.css +114 -111
  397. package/styles/pager/bootstrap5.css +114 -111
  398. package/styles/pager/fabric-dark.css +86 -74
  399. package/styles/pager/fabric.css +86 -74
  400. package/styles/pager/fluent-dark.css +92 -80
  401. package/styles/pager/fluent.css +92 -80
  402. package/styles/pager/fluent2.css +1862 -0
  403. package/styles/pager/fluent2.scss +4 -0
  404. package/styles/pager/highcontrast-light.css +86 -74
  405. package/styles/pager/highcontrast.css +86 -74
  406. package/styles/pager/icons/_bootstrap5.3.scss +50 -0
  407. package/styles/pager/icons/_fluent2.scss +50 -0
  408. package/styles/pager/material-dark.css +86 -74
  409. package/styles/pager/material.css +86 -74
  410. package/styles/pager/material3-dark.css +107 -106
  411. package/styles/pager/material3.css +107 -106
  412. package/styles/pager/tailwind-dark.css +139 -144
  413. package/styles/pager/tailwind.css +139 -144
  414. package/styles/sidebar/_bds-definition.scss +8 -0
  415. package/styles/sidebar/_bootstrap5.3-definition.scss +6 -0
  416. package/styles/sidebar/_fluent2-definition.scss +8 -0
  417. package/styles/sidebar/_material3-definition.scss +0 -3
  418. package/styles/sidebar/_theme.scss +114 -45
  419. package/styles/sidebar/bootstrap-dark.css +124 -49
  420. package/styles/sidebar/bootstrap.css +124 -49
  421. package/styles/sidebar/bootstrap4.css +124 -49
  422. package/styles/sidebar/bootstrap5-dark.css +122 -47
  423. package/styles/sidebar/bootstrap5.css +122 -47
  424. package/styles/sidebar/fabric-dark.css +124 -49
  425. package/styles/sidebar/fabric.css +124 -49
  426. package/styles/sidebar/fluent-dark.css +122 -47
  427. package/styles/sidebar/fluent.css +122 -47
  428. package/styles/sidebar/fluent2.css +1263 -0
  429. package/styles/sidebar/fluent2.scss +3 -0
  430. package/styles/sidebar/highcontrast-light.css +124 -49
  431. package/styles/sidebar/highcontrast.css +124 -49
  432. package/styles/sidebar/material-dark.css +124 -49
  433. package/styles/sidebar/material.css +124 -49
  434. package/styles/sidebar/material3-dark.css +125 -49
  435. package/styles/sidebar/material3.css +125 -49
  436. package/styles/sidebar/tailwind-dark.css +122 -47
  437. package/styles/sidebar/tailwind.css +122 -47
  438. package/styles/stepper/_bds-definition.scss +0 -7
  439. package/styles/stepper/_bootstrap-dark-definition.scss +0 -7
  440. package/styles/stepper/_bootstrap-definition.scss +0 -7
  441. package/styles/stepper/_bootstrap4-definition.scss +0 -7
  442. package/styles/stepper/_bootstrap5-definition.scss +0 -7
  443. package/styles/stepper/_bootstrap5.3-definition.scss +73 -0
  444. package/styles/stepper/_fabric-dark-definition.scss +0 -7
  445. package/styles/stepper/_fabric-definition.scss +0 -7
  446. package/styles/stepper/_fluent-definition.scss +0 -7
  447. package/styles/stepper/_fluent2-definition.scss +72 -0
  448. package/styles/stepper/_fusionnew-definition.scss +0 -7
  449. package/styles/stepper/_highcontrast-definition.scss +0 -7
  450. package/styles/stepper/_highcontrast-light-definition.scss +0 -7
  451. package/styles/stepper/_layout.scss +90 -143
  452. package/styles/stepper/_material-dark-definition.scss +0 -7
  453. package/styles/stepper/_material-definition.scss +0 -7
  454. package/styles/stepper/_material3-definition.scss +0 -7
  455. package/styles/stepper/_tailwind-definition.scss +0 -7
  456. package/styles/stepper/_theme.scss +12 -20
  457. package/styles/stepper/bootstrap-dark.css +162 -118
  458. package/styles/stepper/bootstrap.css +162 -118
  459. package/styles/stepper/bootstrap4.css +162 -118
  460. package/styles/stepper/bootstrap5-dark.css +162 -118
  461. package/styles/stepper/bootstrap5.css +162 -118
  462. package/styles/stepper/fabric-dark.css +162 -118
  463. package/styles/stepper/fabric.css +162 -118
  464. package/styles/stepper/fluent-dark.css +162 -118
  465. package/styles/stepper/fluent.css +162 -118
  466. package/styles/stepper/fluent2.css +1742 -0
  467. package/styles/stepper/fluent2.scss +5 -0
  468. package/styles/stepper/highcontrast-light.css +162 -118
  469. package/styles/stepper/highcontrast.css +162 -118
  470. package/styles/stepper/icons/_bootstrap5.3.scss +5 -0
  471. package/styles/stepper/icons/_fluent2.scss +5 -0
  472. package/styles/stepper/material-dark.css +162 -118
  473. package/styles/stepper/material.css +162 -118
  474. package/styles/stepper/material3-dark.css +167 -119
  475. package/styles/stepper/material3.css +167 -119
  476. package/styles/stepper/tailwind-dark.css +162 -118
  477. package/styles/stepper/tailwind.css +162 -118
  478. package/styles/tab/_bds-definition.scss +5 -45
  479. package/styles/tab/_bootstrap-dark-definition.scss +0 -26
  480. package/styles/tab/_bootstrap-definition.scss +0 -35
  481. package/styles/tab/_bootstrap4-definition.scss +9 -42
  482. package/styles/tab/_bootstrap5-definition.scss +0 -26
  483. package/styles/tab/_bootstrap5.3-definition.scss +635 -0
  484. package/styles/tab/_fabric-dark-definition.scss +0 -22
  485. package/styles/tab/_fabric-definition.scss +1 -36
  486. package/styles/tab/_fluent-definition.scss +0 -31
  487. package/styles/tab/_fluent2-definition.scss +667 -0
  488. package/styles/tab/_fusionnew-definition.scss +0 -26
  489. package/styles/tab/_highcontrast-definition.scss +0 -35
  490. package/styles/tab/_highcontrast-light-definition.scss +0 -24
  491. package/styles/tab/_icons.scss +0 -2
  492. package/styles/tab/_layout.scss +29 -31
  493. package/styles/tab/_material-dark-definition.scss +0 -28
  494. package/styles/tab/_material-definition.scss +0 -39
  495. package/styles/tab/_material3-definition.scss +3 -28
  496. package/styles/tab/_tailwind-definition.scss +0 -39
  497. package/styles/tab/_theme.scss +21 -2
  498. package/styles/tab/bootstrap-dark.css +171 -78
  499. package/styles/tab/bootstrap.css +171 -83
  500. package/styles/tab/bootstrap4.css +177 -87
  501. package/styles/tab/bootstrap5-dark.css +171 -84
  502. package/styles/tab/bootstrap5.css +171 -84
  503. package/styles/tab/fabric-dark.css +171 -78
  504. package/styles/tab/fabric.css +173 -85
  505. package/styles/tab/fluent-dark.css +171 -81
  506. package/styles/tab/fluent.css +171 -81
  507. package/styles/tab/fluent2.css +5251 -0
  508. package/styles/tab/fluent2.scss +5 -0
  509. package/styles/tab/highcontrast-light.css +171 -78
  510. package/styles/tab/highcontrast.css +171 -83
  511. package/styles/tab/icons/_bds.scss +0 -2
  512. package/styles/tab/icons/_bootstrap-dark.scss +0 -2
  513. package/styles/tab/icons/_bootstrap.scss +0 -2
  514. package/styles/tab/icons/_bootstrap4.scss +0 -2
  515. package/styles/tab/icons/_bootstrap5.3.scss +90 -0
  516. package/styles/tab/icons/_bootstrap5.scss +0 -2
  517. package/styles/tab/icons/_fabric-dark.scss +0 -2
  518. package/styles/tab/icons/_fabric.scss +0 -2
  519. package/styles/tab/icons/_fluent.scss +0 -2
  520. package/styles/tab/icons/_fluent2.scss +98 -0
  521. package/styles/tab/icons/_fusionnew.scss +0 -2
  522. package/styles/tab/icons/_highcontrast-light.scss +0 -2
  523. package/styles/tab/icons/_highcontrast.scss +0 -2
  524. package/styles/tab/icons/_material-dark.scss +0 -2
  525. package/styles/tab/icons/_material.scss +0 -2
  526. package/styles/tab/icons/_material3.scss +0 -2
  527. package/styles/tab/icons/_tailwind.scss +0 -2
  528. package/styles/tab/material-dark.css +232 -84
  529. package/styles/tab/material.css +232 -90
  530. package/styles/tab/material3-dark.css +174 -85
  531. package/styles/tab/material3.css +174 -85
  532. package/styles/tab/tailwind-dark.css +217 -87
  533. package/styles/tab/tailwind.css +217 -87
  534. package/styles/tailwind-dark.css +1165 -763
  535. package/styles/tailwind-dark.scss +47 -14
  536. package/styles/tailwind.css +1165 -763
  537. package/styles/tailwind.scss +47 -14
  538. package/styles/toolbar/_bds-definition.scss +0 -18
  539. package/styles/toolbar/_bootstrap-dark-definition.scss +0 -15
  540. package/styles/toolbar/_bootstrap-definition.scss +0 -3
  541. package/styles/toolbar/_bootstrap4-definition.scss +0 -13
  542. package/styles/toolbar/_bootstrap5-definition.scss +0 -22
  543. package/styles/toolbar/_bootstrap5.3-definition.scss +198 -0
  544. package/styles/toolbar/_fabric-dark-definition.scss +0 -15
  545. package/styles/toolbar/_fabric-definition.scss +0 -13
  546. package/styles/toolbar/_fluent-definition.scss +0 -13
  547. package/styles/toolbar/_fluent2-definition.scss +197 -0
  548. package/styles/toolbar/_fusionnew-definition.scss +0 -22
  549. package/styles/toolbar/_highcontrast-definition.scss +0 -14
  550. package/styles/toolbar/_highcontrast-light-definition.scss +0 -15
  551. package/styles/toolbar/_layout.scss +18 -32
  552. package/styles/toolbar/_material-dark-definition.scss +0 -16
  553. package/styles/toolbar/_material-definition.scss +0 -16
  554. package/styles/toolbar/_material3-definition.scss +0 -21
  555. package/styles/toolbar/_tailwind-definition.scss +0 -13
  556. package/styles/toolbar/_theme.scss +66 -5
  557. package/styles/toolbar/bootstrap-dark.css +94 -61
  558. package/styles/toolbar/bootstrap.css +96 -62
  559. package/styles/toolbar/bootstrap4.css +96 -62
  560. package/styles/toolbar/bootstrap5-dark.css +111 -64
  561. package/styles/toolbar/bootstrap5.css +111 -64
  562. package/styles/toolbar/fabric-dark.css +94 -61
  563. package/styles/toolbar/fabric.css +94 -61
  564. package/styles/toolbar/fluent-dark.css +111 -64
  565. package/styles/toolbar/fluent.css +111 -64
  566. package/styles/toolbar/fluent2.css +2224 -0
  567. package/styles/toolbar/fluent2.scss +8 -0
  568. package/styles/toolbar/highcontrast-light.css +94 -61
  569. package/styles/toolbar/highcontrast.css +94 -61
  570. package/styles/toolbar/icons/_bds.scss +0 -2
  571. package/styles/toolbar/icons/_bootstrap-dark.scss +0 -2
  572. package/styles/toolbar/icons/_bootstrap.scss +0 -2
  573. package/styles/toolbar/icons/_bootstrap4.scss +0 -2
  574. package/styles/toolbar/icons/_bootstrap5.3.scss +14 -0
  575. package/styles/toolbar/icons/_bootstrap5.scss +0 -2
  576. package/styles/toolbar/icons/_fabric-dark.scss +0 -2
  577. package/styles/toolbar/icons/_fabric.scss +0 -2
  578. package/styles/toolbar/icons/_fluent.scss +0 -2
  579. package/styles/toolbar/icons/_fluent2.scss +14 -0
  580. package/styles/toolbar/icons/_fusionnew.scss +0 -2
  581. package/styles/toolbar/icons/_highcontrast-light.scss +0 -2
  582. package/styles/toolbar/icons/_highcontrast.scss +0 -2
  583. package/styles/toolbar/icons/_material-dark.scss +0 -2
  584. package/styles/toolbar/icons/_material.scss +0 -2
  585. package/styles/toolbar/icons/_material3.scss +0 -2
  586. package/styles/toolbar/icons/_tailwind.scss +0 -2
  587. package/styles/toolbar/material-dark.css +143 -69
  588. package/styles/toolbar/material.css +143 -70
  589. package/styles/toolbar/material3-dark.css +123 -65
  590. package/styles/toolbar/material3.css +123 -65
  591. package/styles/toolbar/tailwind-dark.css +111 -64
  592. package/styles/toolbar/tailwind.css +111 -64
  593. package/styles/treeview/_bootstrap5.3-definition.scss +119 -0
  594. package/styles/treeview/_fluent2-definition.scss +126 -0
  595. package/styles/treeview/_layout.scss +154 -146
  596. package/styles/treeview/_material3-definition.scss +1 -12
  597. package/styles/treeview/_theme.scss +154 -168
  598. package/styles/treeview/bootstrap-dark.css +106 -98
  599. package/styles/treeview/bootstrap.css +112 -100
  600. package/styles/treeview/bootstrap4.css +112 -104
  601. package/styles/treeview/bootstrap5-dark.css +112 -103
  602. package/styles/treeview/bootstrap5.css +112 -103
  603. package/styles/treeview/fabric-dark.css +106 -98
  604. package/styles/treeview/fabric.css +106 -98
  605. package/styles/treeview/fluent-dark.css +112 -103
  606. package/styles/treeview/fluent.css +112 -103
  607. package/styles/treeview/fluent2.css +2052 -0
  608. package/styles/treeview/fluent2.scss +6 -0
  609. package/styles/treeview/highcontrast-light.css +106 -98
  610. package/styles/treeview/highcontrast.css +122 -103
  611. package/styles/treeview/icons/_bootstrap5.3.scss +43 -0
  612. package/styles/treeview/icons/_fluent2.scss +43 -0
  613. package/styles/treeview/material-dark.css +115 -99
  614. package/styles/treeview/material.css +129 -101
  615. package/styles/treeview/material3-dark.css +136 -109
  616. package/styles/treeview/material3.css +136 -109
  617. package/styles/treeview/tailwind-dark.css +113 -105
  618. package/styles/treeview/tailwind.css +113 -105
  619. package/styles/v-scroll/_bootstrap5.3-definition.scss +49 -0
  620. package/styles/v-scroll/_fluent2-definition.scss +49 -0
  621. package/styles/v-scroll/bootstrap-dark.css +22 -10
  622. package/styles/v-scroll/bootstrap.css +22 -10
  623. package/styles/v-scroll/bootstrap4.css +22 -10
  624. package/styles/v-scroll/bootstrap5-dark.css +22 -10
  625. package/styles/v-scroll/bootstrap5.css +22 -10
  626. package/styles/v-scroll/fabric-dark.css +22 -10
  627. package/styles/v-scroll/fabric.css +22 -10
  628. package/styles/v-scroll/fluent-dark.css +22 -10
  629. package/styles/v-scroll/fluent.css +22 -10
  630. package/styles/v-scroll/fluent2.css +1248 -0
  631. package/styles/v-scroll/fluent2.scss +4 -0
  632. package/styles/v-scroll/highcontrast-light.css +22 -10
  633. package/styles/v-scroll/highcontrast.css +22 -10
  634. package/styles/v-scroll/icons/_bootstrap5.3.scss +27 -0
  635. package/styles/v-scroll/icons/_fluent2.scss +27 -0
  636. package/styles/v-scroll/material-dark.css +41 -14
  637. package/styles/v-scroll/material.css +41 -14
  638. package/styles/v-scroll/material3-dark.css +25 -11
  639. package/styles/v-scroll/material3.css +25 -11
  640. package/styles/v-scroll/tailwind-dark.css +22 -10
  641. package/styles/v-scroll/tailwind.css +22 -10
  642. package/CHANGELOG.md +0 -2357
@@ -1,6 +1,6 @@
1
1
  /*!
2
2
  * filename: index.d.ts
3
- * version : 25.2.6
3
+ * version : 26.1.35
4
4
  * Copyright Syncfusion Inc. 2001 - 2023. All rights reserved.
5
5
  * Use of this code is subject to the terms of our license.
6
6
  * A copy of the current license can be obtained at any time by e-mailing
package/package.json CHANGED
@@ -1,8 +1,8 @@
1
1
  {
2
2
  "_from": "@syncfusion/ej2-navigations@*",
3
- "_id": "@syncfusion/ej2-navigations@25.2.4",
3
+ "_id": "@syncfusion/ej2-navigations@22.42.3",
4
4
  "_inBundle": false,
5
- "_integrity": "sha512-0YDHh0Lg0SdCX3ytyP1530ZoQLDsXTqgLv4vmfKJh3Gm+KMIbshD9GnxR9i6fra3Vu6x+UkU1n/deWXbWwpgng==",
5
+ "_integrity": "sha512-njeItEyxrCZuEUZiO3yp5qXJC8Yhc4JQDiKTd9Y6md9msyZbKnEI00WnEgVFiZ7x0sIY2C8urWQDGXY6EI8quA==",
6
6
  "_location": "/@syncfusion/ej2-navigations",
7
7
  "_phantomChildren": {},
8
8
  "_requested": {
@@ -39,10 +39,10 @@
39
39
  "/@syncfusion/ej2-spreadsheet",
40
40
  "/@syncfusion/ej2-vue-navigations"
41
41
  ],
42
- "_resolved": "https://nexus.syncfusioninternal.com/repository/ej2-hotfix-new/@syncfusion/ej2-navigations/-/ej2-navigations-25.2.4.tgz",
43
- "_shasum": "6085501fa520bfa8d01bedaf6334dd0dce25740b",
42
+ "_resolved": "https://nexus.syncfusioninternal.com/repository/ej2-release/@syncfusion/ej2-navigations/-/ej2-navigations-22.42.3.tgz",
43
+ "_shasum": "01a43e80a9008fe0d3598b9328be53859c08743c",
44
44
  "_spec": "@syncfusion/ej2-navigations@*",
45
- "_where": "/jenkins/workspace/elease-automation_release_25.1.1/packages/included",
45
+ "_where": "/jenkins/workspace/elease-automation_release_26.1.1/packages/included",
46
46
  "author": {
47
47
  "name": "Syncfusion Inc."
48
48
  },
@@ -51,12 +51,12 @@
51
51
  },
52
52
  "bundleDependencies": false,
53
53
  "dependencies": {
54
- "@syncfusion/ej2-base": "~25.2.5",
55
- "@syncfusion/ej2-buttons": "~25.2.6",
56
- "@syncfusion/ej2-data": "~25.2.3",
57
- "@syncfusion/ej2-inputs": "~25.2.6",
58
- "@syncfusion/ej2-lists": "~25.2.3",
59
- "@syncfusion/ej2-popups": "~25.2.6"
54
+ "@syncfusion/ej2-base": "26.1.35-750253",
55
+ "@syncfusion/ej2-buttons": "26.1.35-750253",
56
+ "@syncfusion/ej2-data": "~26.1.35",
57
+ "@syncfusion/ej2-inputs": "26.1.35-750253",
58
+ "@syncfusion/ej2-lists": "26.1.35-750253",
59
+ "@syncfusion/ej2-popups": "26.1.35-750253"
60
60
  },
61
61
  "deprecated": false,
62
62
  "description": "A package of Essential JS 2 navigation components such as Tree-view, Tab, Toolbar, Context-menu, and Accordion which is used to navigate from one page to another",
@@ -161,6 +161,6 @@
161
161
  "url": "git+https://github.com/syncfusion/ej2-javascript-ui-controls.git"
162
162
  },
163
163
  "typings": "index.d.ts",
164
- "version": "25.2.6",
164
+ "version": "26.1.35-750253",
165
165
  "sideEffects": false
166
166
  }
@@ -196,9 +196,6 @@ export declare class Accordion extends Component<HTMLElement> implements INotify
196
196
  private isNested;
197
197
  private isDestroy;
198
198
  private templateEle;
199
- private isAngular;
200
- private isReact;
201
- private isVue;
202
199
  private headerTemplateFn;
203
200
  private itemTemplateFn;
204
201
  private removeRippleEffect;
@@ -231,7 +231,7 @@ var Accordion = /** @class */ (function (_super) {
231
231
  if (isNOU(this.initExpand)) {
232
232
  this.initExpand = [];
233
233
  }
234
- if (this.expandedIndices.length > 0) {
234
+ if (!isNOU(this.expandedIndices) && this.expandedIndices.length > 0) {
235
235
  this.initExpand = this.expandedIndices;
236
236
  }
237
237
  };
@@ -363,7 +363,7 @@ var Accordion = /** @class */ (function (_super) {
363
363
  if (!isNOU(this.trgtEle)) {
364
364
  this.ctrlTemplate();
365
365
  }
366
- if (this.dataSource.length > 0) {
366
+ if (!isNOU(this.dataSource) && this.dataSource.length > 0) {
367
367
  this.dataSource.forEach(function (item, index) {
368
368
  innerDataSourceItem = _this.renderInnerItem(item, index);
369
369
  ele.appendChild(innerDataSourceItem);
@@ -708,7 +708,7 @@ var Accordion = /** @class */ (function (_super) {
708
708
  var itemcnt = this.createElement('div', { className: CLS_CONTENT + ' ' + CLS_CTNHIDE, id: getUniqueID('acrdn_panel') });
709
709
  attributes(itemcnt, { 'aria-hidden': 'true' });
710
710
  var ctn = this.createElement('div', { className: CLS_CTENT });
711
- if (this.dataSource.length > 0) {
711
+ if (!isNOU(this.dataSource) && this.dataSource.length > 0) {
712
712
  if (this.isReact) {
713
713
  this.renderReactTemplates();
714
714
  }
@@ -1335,7 +1335,7 @@ var Accordion = /** @class */ (function (_super) {
1335
1335
  setStyle(this.element, { 'width': formatUnit(newProp.width) });
1336
1336
  break;
1337
1337
  case 'expandMode':
1338
- if (newProp.expandMode === 'Single' && this.expandedIndices.length > 1) {
1338
+ if (newProp.expandMode === 'Single' && !isNOU(this.expandedIndices) && this.expandedIndices.length > 1) {
1339
1339
  this.expandItem(false);
1340
1340
  }
1341
1341
  break;
@@ -1343,7 +1343,7 @@ var Accordion = /** @class */ (function (_super) {
1343
1343
  }
1344
1344
  if (isRefresh) {
1345
1345
  this.initExpand = [];
1346
- if (this.expandedIndices.length > 0) {
1346
+ if (!isNOU(this.expandedIndices) && this.expandedIndices.length > 0) {
1347
1347
  this.initExpand = this.expandedIndices;
1348
1348
  }
1349
1349
  this.destroyItems();
@@ -69,7 +69,7 @@ var AppBar = /** @class */ (function (_super) {
69
69
  AppBar.prototype.render = function () {
70
70
  this.element.classList.add(CLS_APPBAR);
71
71
  if (this.element.tagName !== 'HEADER') {
72
- this.element.setAttribute('role', 'header');
72
+ this.element.setAttribute('role', 'banner');
73
73
  }
74
74
  if (this.cssClass) {
75
75
  addClass([this.element], this.cssClass.split(' '));
@@ -14,6 +14,13 @@ export interface BreadcrumbItemModel {
14
14
  */
15
15
  text?: string;
16
16
 
17
+ /**
18
+ * Specifies the id of the Breadcrumb item.
19
+ *
20
+ * @default ''
21
+ */
22
+ id?: string;
23
+
17
24
  /**
18
25
  * Specifies the Url of the Breadcrumb item that will be activated when clicked.
19
26
  *
@@ -38,6 +38,12 @@ export declare class BreadcrumbItem extends ChildProperty<BreadcrumbItem> {
38
38
  * @default ''
39
39
  */
40
40
  text: string;
41
+ /**
42
+ * Specifies the id of the Breadcrumb item.
43
+ *
44
+ * @default ''
45
+ */
46
+ id: string;
41
47
  /**
42
48
  * Specifies the Url of the Breadcrumb item that will be activated when clicked.
43
49
  *
@@ -72,6 +72,9 @@ var BreadcrumbItem = /** @class */ (function (_super) {
72
72
  __decorate([
73
73
  Property('')
74
74
  ], BreadcrumbItem.prototype, "text", void 0);
75
+ __decorate([
76
+ Property('')
77
+ ], BreadcrumbItem.prototype, "id", void 0);
75
78
  __decorate([
76
79
  Property('')
77
80
  ], BreadcrumbItem.prototype, "url", void 0);
@@ -262,6 +265,9 @@ var Breadcrumb = /** @class */ (function (_super) {
262
265
  args.item.setAttribute(ARIADISABLED, 'true');
263
266
  args.item.classList.add(DISABLEDCLASS);
264
267
  }
268
+ if (eventArgs.item.id) {
269
+ args.item.setAttribute('id', eventArgs.item.id);
270
+ }
265
271
  if ((eventArgs.item.disabled || _this.disabled) && args.item.children.length && !_this.itemTemplate) {
266
272
  args.item.children[0].setAttribute(TABINDEX, '-1');
267
273
  }
@@ -384,12 +390,17 @@ var Breadcrumb = /** @class */ (function (_super) {
384
390
  }
385
391
  if (this.isReact) {
386
392
  this.renderReactTemplates();
393
+ setTimeout(function () {
394
+ _this.calculateMaxItems();
395
+ }, 5);
387
396
  }
388
397
  if (this.overflowMode === 'Wrap') {
389
398
  this.element.appendChild(firstOl);
390
399
  }
391
400
  this.element.appendChild(ol);
392
- this.calculateMaxItems();
401
+ if (!this.isReact) {
402
+ this.calculateMaxItems();
403
+ }
393
404
  }
394
405
  };
395
406
  Breadcrumb.prototype.calculateMaxItems = function () {
@@ -462,11 +473,10 @@ var Breadcrumb = /** @class */ (function (_super) {
462
473
  };
463
474
  Breadcrumb.prototype.beforeItemRenderChanges = function (prevItem, currItem, elem, isRightIcon) {
464
475
  var wrapElem = elem.querySelector('.e-anchor-wrap');
465
- if (wrapElem && wrapElem.querySelector('.e-home')) {
476
+ if (wrapElem) {
466
477
  wrapElem.parentElement.setAttribute('aria-label', 'home');
467
- wrapElem.parentElement.setAttribute('role', 'link');
468
478
  }
469
- if (currItem.text !== prevItem.text) {
479
+ if (currItem.text !== prevItem.text && wrapElem) {
470
480
  wrapElem.childNodes.forEach(function (child) {
471
481
  if (child.nodeType === Node.TEXT_NODE) {
472
482
  child.textContent = currItem.text;
@@ -557,7 +567,9 @@ var Breadcrumb = /** @class */ (function (_super) {
557
567
  this.endIndex = idx;
558
568
  }
559
569
  this.trigger('itemClick', { element: li, item: this.items[idx], event: e });
560
- this.activeItem = this.items[idx].url || this.items[idx].text;
570
+ if (this.items[idx]) {
571
+ this.activeItem = this.items[idx].url || this.items[idx].text;
572
+ }
561
573
  this.dataBind();
562
574
  }
563
575
  if (e.target.classList.contains('e-breadcrumb-collapsed')) {
@@ -580,7 +592,9 @@ var Breadcrumb = /** @class */ (function (_super) {
580
592
  position: { X: 'left', Y: 'bottom' },
581
593
  collision: { X: 'fit', Y: 'flip' },
582
594
  open: function () {
583
- _this.popupUl.focus();
595
+ if (_this.popupUl) {
596
+ _this.popupUl.focus();
597
+ }
584
598
  }
585
599
  });
586
600
  this.popupWireEvents();
@@ -43,6 +43,7 @@ export declare type CarouselIndicatorsType = 'Default' | 'Dynamic' | 'Fraction'
43
43
  * Specifies the action (touch & mouse) which enables the slide swiping action in carousel.
44
44
  * * Touch - Enables or disables the swiping action in touch interaction.
45
45
  * * Mouse - Enables or disables the swiping action in mouse interaction.
46
+ *
46
47
  * @aspNumberEnum
47
48
  */
48
49
  export declare enum CarouselSwipeMode {
@@ -65,6 +65,7 @@ var CLS_TRANSITION_END = 'e-transition-end';
65
65
  * Specifies the action (touch & mouse) which enables the slide swiping action in carousel.
66
66
  * * Touch - Enables or disables the swiping action in touch interaction.
67
67
  * * Mouse - Enables or disables the swiping action in mouse interaction.
68
+ *
68
69
  * @aspNumberEnum
69
70
  */
70
71
  export var CarouselSwipeMode;
@@ -251,15 +252,16 @@ var Carousel = /** @class */ (function (_super) {
251
252
  this.renderPlayButton();
252
253
  break;
253
254
  case 'items':
254
- case 'dataSource':
255
+ case 'dataSource': {
255
256
  var selectedData = prop === 'dataSource' ? this.dataSource : this.items;
256
- if (selectedData.length > 0 && this.selectedIndex >= selectedData.length) {
257
+ if (!isNullOrUndefined(selectedData) && selectedData.length > 0 && this.selectedIndex >= selectedData.length) {
257
258
  this.setActiveSlide(selectedData.length - 1, 'Previous');
258
259
  this.autoSlide();
259
260
  }
260
261
  this.reRenderSlides();
261
262
  this.reRenderIndicators();
262
263
  break;
264
+ }
263
265
  case 'partialVisible':
264
266
  if (this.partialVisible) {
265
267
  addClass([this.element], CLS_PARTIAL);
@@ -333,7 +335,7 @@ var Carousel = /** @class */ (function (_super) {
333
335
  _this.renderSlide(item, item.template, index, _this.itemsContainer, true);
334
336
  });
335
337
  }
336
- else if (this.dataSource.length > 0) {
338
+ else if (!isNullOrUndefined(this.dataSource) && this.dataSource.length > 0) {
337
339
  this.dataSource.slice(-numOfItems).forEach(function (item, index) {
338
340
  _this.renderSlide(item, _this.itemTemplate, index, _this.itemsContainer, true);
339
341
  });
@@ -345,7 +347,7 @@ var Carousel = /** @class */ (function (_super) {
345
347
  _this.renderSlide(item, item.template, index, _this.itemsContainer);
346
348
  });
347
349
  }
348
- else if (this.dataSource.length > 0) {
350
+ else if (!isNullOrUndefined(this.dataSource) && this.dataSource.length > 0) {
349
351
  this.slideItems = this.dataSource;
350
352
  this.dataSource.forEach(function (item, index) {
351
353
  _this.renderSlide(item, _this.itemTemplate, index, _this.itemsContainer);
@@ -357,7 +359,7 @@ var Carousel = /** @class */ (function (_super) {
357
359
  _this.renderSlide(item, item.template, index, _this.itemsContainer, true);
358
360
  });
359
361
  }
360
- else if (this.dataSource.length > 0) {
362
+ else if (!isNullOrUndefined(this.dataSource) && this.dataSource.length > 0) {
361
363
  this.dataSource.slice(0, numOfItems).forEach(function (item, index) {
362
364
  _this.renderSlide(item, _this.itemTemplate, index, _this.itemsContainer, true);
363
365
  });
@@ -484,7 +486,7 @@ var Carousel = /** @class */ (function (_super) {
484
486
  };
485
487
  Carousel.prototype.renderIndicators = function () {
486
488
  var _this = this;
487
- if (!this.showIndicators) {
489
+ if (!this.showIndicators || isNullOrUndefined(this.indicatorsType)) {
488
490
  return;
489
491
  }
490
492
  var indicatorClass = 'e-default';
@@ -607,8 +609,8 @@ var Carousel = /** @class */ (function (_super) {
607
609
  return;
608
610
  }
609
611
  var itemInterval = this.interval;
610
- if (this.items.length > 0 && !isNullOrUndefined(this.items[this.selectedIndex].interval)) {
611
- itemInterval = this.items[this.selectedIndex].interval;
612
+ if (this.items.length > 0 && !isNullOrUndefined(this.items[this.selectedIndex || 0].interval)) {
613
+ itemInterval = this.items[this.selectedIndex || 0].interval;
612
614
  }
613
615
  this.autoSlideInterval = setInterval(function () { return _this.autoSlideChange(); }, itemInterval);
614
616
  };
@@ -617,7 +619,7 @@ var Carousel = /** @class */ (function (_super) {
617
619
  this.autoSlideInterval = null;
618
620
  };
619
621
  Carousel.prototype.getSlideIndex = function (direction) {
620
- var currentIndex = this.selectedIndex;
622
+ var currentIndex = this.selectedIndex || 0;
621
623
  if (direction === 'Previous') {
622
624
  currentIndex--;
623
625
  if (currentIndex < 0) {
@@ -638,6 +640,7 @@ var Carousel = /** @class */ (function (_super) {
638
640
  if (this.element.querySelectorAll("." + CLS_ITEM + "." + CLS_PREV_SLIDE + ",." + CLS_ITEM + "." + CLS_NEXT_SLIDE).length > 0) {
639
641
  return;
640
642
  }
643
+ currentIndex = isNullOrUndefined(currentIndex) ? 0 : currentIndex;
641
644
  var allSlides = [].slice.call(this.element.querySelectorAll("." + CLS_ITEM + ":not(.e-cloned)"));
642
645
  var activeSlide = this.element.querySelector("." + CLS_ITEM + "." + CLS_ACTIVE);
643
646
  if (isNullOrUndefined(activeSlide) && this.showIndicators) {
@@ -498,6 +498,9 @@ var MenuBase = /** @class */ (function (_super) {
498
498
  return isNullOrUndefined(popup) ? null : select('.e-menu-parent', popup);
499
499
  }
500
500
  else {
501
+ if (!document.body.contains(this.element) && navIdxLen === 0) {
502
+ return null;
503
+ }
501
504
  return this.getWrapper().children[navIdxLen];
502
505
  }
503
506
  };
@@ -664,8 +667,9 @@ var MenuBase = /** @class */ (function (_super) {
664
667
  _this.isCMenu = false;
665
668
  }
666
669
  if (_this.isMenu && trgtpopUp && popupId.length) {
667
- // eslint-disable-next-line
668
- trgtliId = new RegExp('(.*)-ej2menu-' + _this.element.id + '-popup').exec(popupId)[1];
670
+ // eslint-disable-next-line @typescript-eslint/no-explicit-any
671
+ var regExp = RegExp;
672
+ trgtliId = new regExp('(.*)-ej2menu-' + _this.element.id + '-popup').exec(popupId)[1];
669
673
  closedLi = trgtpopUp.querySelector('[id="' + trgtliId + '"]');
670
674
  trgtLi = (liElem_1 && trgtpopUp.querySelector('[id="' + liElem_1.id + '"]'));
671
675
  }
@@ -896,6 +900,7 @@ var MenuBase = /** @class */ (function (_super) {
896
900
  };
897
901
  // eslint-disable-next-line @typescript-eslint/no-explicit-any
898
902
  MenuBase.prototype.copyObject = function (source, destination) {
903
+ // eslint-disable-next-line guard-for-in
899
904
  for (var prop in source) {
900
905
  destination["" + prop] = source["" + prop];
901
906
  }
@@ -1094,11 +1099,9 @@ var MenuBase = /** @class */ (function (_super) {
1094
1099
  }
1095
1100
  li.focus();
1096
1101
  cul = _this.getUlByNavIdx();
1097
- if (cul) {
1098
- var index = _this.isValidLI(cul.children[0], 0, _this.action);
1099
- cul.children[index].classList.add(FOCUSED);
1100
- cul.children[index].focus();
1101
- }
1102
+ var index = _this.isValidLI(cul.children[0], 0, _this.action);
1103
+ cul.children[index].classList.add(FOCUSED);
1104
+ cul.children[index].focus();
1102
1105
  }
1103
1106
  });
1104
1107
  };
@@ -1304,8 +1307,9 @@ var MenuBase = /** @class */ (function (_super) {
1304
1307
  MenuBase.prototype.moverHandler = function (e) {
1305
1308
  var trgt = e.target;
1306
1309
  this.liTrgt = trgt;
1307
- if (!this.isMenu)
1310
+ if (!this.isMenu) {
1308
1311
  this.isCmenuHover = true;
1312
+ }
1309
1313
  var cli = this.getLI(trgt);
1310
1314
  var wrapper = cli ? closest(cli, '.e-' + this.getModuleName() + '-wrapper') : this.getWrapper();
1311
1315
  var hdrWrapper = this.getWrapper();
@@ -1361,8 +1365,9 @@ var MenuBase = /** @class */ (function (_super) {
1361
1365
  }
1362
1366
  this.isClosed = false;
1363
1367
  }
1364
- if (!this.isMenu)
1368
+ if (!this.isMenu) {
1365
1369
  this.isCmenuHover = false;
1370
+ }
1366
1371
  };
1367
1372
  MenuBase.prototype.removeStateWrapper = function () {
1368
1373
  if (this.liTrgt) {
@@ -1485,14 +1490,16 @@ var MenuBase = /** @class */ (function (_super) {
1485
1490
  this.keyType = 'click';
1486
1491
  if (this.showItemOnClick) {
1487
1492
  this.setLISelected(cli);
1488
- if (!this.isMenu)
1493
+ if (!this.isMenu) {
1489
1494
  this.isCmenuHover = true;
1495
+ }
1490
1496
  }
1491
1497
  this.closeMenu(culIdx + 1, e);
1492
1498
  if (this.showItemOnClick) {
1493
1499
  this.setLISelected(cli);
1494
- if (!this.isMenu)
1500
+ if (!this.isMenu) {
1495
1501
  this.isCmenuHover = false;
1502
+ }
1496
1503
  }
1497
1504
  }
1498
1505
  }
@@ -1583,7 +1590,7 @@ var MenuBase = /** @class */ (function (_super) {
1583
1590
  li.classList.add(SELECTED);
1584
1591
  };
1585
1592
  MenuBase.prototype.getLIByClass = function (ul, classname) {
1586
- if (ul) {
1593
+ if (ul && ul.children) {
1587
1594
  for (var i = 0, len = ul.children.length; i < len; i++) {
1588
1595
  if (ul.children[i].classList.contains(classname)) {
1589
1596
  return ul.children[i];
@@ -1959,8 +1966,9 @@ var MenuBase = /** @class */ (function (_super) {
1959
1966
  };
1960
1967
  MenuBase.prototype.end = function (ul, isMenuOpen) {
1961
1968
  if (isMenuOpen) {
1962
- if (this.isMenu || !Browser.isDevice)
1969
+ if (this.isMenu || !Browser.isDevice) {
1963
1970
  ul.style.display = 'block';
1971
+ }
1964
1972
  ul.style.maxHeight = '';
1965
1973
  this.triggerOpen(ul);
1966
1974
  if (ul.querySelector('.' + FOCUSED)) {
@@ -163,7 +163,7 @@ export interface SidebarModel extends ComponentModel{
163
163
  /**
164
164
  * Triggers when component is created.
165
165
  *
166
- * @event
166
+ * @event created
167
167
  *
168
168
  *
169
169
  */
@@ -172,30 +172,29 @@ export interface SidebarModel extends ComponentModel{
172
172
  /**
173
173
  * Triggers when component is closed.
174
174
  *
175
- * @event
175
+ * @event close
176
176
  */
177
177
  close?: EmitType<EventArgs>;
178
178
 
179
179
  /**
180
180
  * Triggers when component is opened.
181
181
  *
182
- * @event
182
+ * @event open
183
183
  */
184
184
  open?: EmitType<EventArgs>;
185
185
 
186
186
  /**
187
187
  * Triggers when the state(expand/collapse) of the component is changed.
188
188
  *
189
- * @event
189
+ * @event change
190
190
  */
191
191
  change?: EmitType<ChangeEventArgs>;
192
192
 
193
193
  /**
194
194
  * Triggers when component gets destroyed.
195
195
  *
196
- * @event
196
+ * @event destroyed
197
197
  */
198
- /* eslint-disable */
199
198
  destroyed?: EmitType<Object>;
200
199
 
201
200
  }
@@ -181,7 +181,7 @@ export declare class Sidebar extends Component<HTMLElement> implements INotifyPr
181
181
  /**
182
182
  * Triggers when component is created.
183
183
  *
184
- * @event
184
+ * @event created
185
185
  *
186
186
  *
187
187
  */
@@ -189,28 +189,28 @@ export declare class Sidebar extends Component<HTMLElement> implements INotifyPr
189
189
  /**
190
190
  * Triggers when component is closed.
191
191
  *
192
- * @event
192
+ * @event close
193
193
  */
194
194
  close: EmitType<EventArgs>;
195
195
  /**
196
196
  * Triggers when component is opened.
197
197
  *
198
- * @event
198
+ * @event open
199
199
  */
200
200
  open: EmitType<EventArgs>;
201
201
  /**
202
202
  * Triggers when the state(expand/collapse) of the component is changed.
203
203
  *
204
- * @event
204
+ * @event change
205
205
  */
206
206
  change: EmitType<ChangeEventArgs>;
207
207
  /**
208
208
  * Triggers when component gets destroyed.
209
209
  *
210
- * @event
210
+ * @event destroyed
211
211
  */
212
212
  destroyed: EmitType<Object>;
213
- defaultBackdropDiv: any;
213
+ defaultBackdropDiv: HTMLElement;
214
214
  constructor(options?: SidebarModel, element?: string | HTMLElement);
215
215
  protected preRender(): void;
216
216
  protected render(): void;
@@ -229,6 +229,7 @@ export declare class Sidebar extends Component<HTMLElement> implements INotifyPr
229
229
  /**
230
230
  * Hide the Sidebar component, if it is in an open state.
231
231
  *
232
+ * @param {Event} e - The event triggering the hide action.
232
233
  * @returns {void}
233
234
  *
234
235
  */
@@ -237,6 +238,7 @@ export declare class Sidebar extends Component<HTMLElement> implements INotifyPr
237
238
  /**
238
239
  * Shows the Sidebar component, if it is in closed state.
239
240
  *
241
+ * @param {Event} e - The optional event triggering the show action.
240
242
  * @returns {void}
241
243
  */
242
244
  show(e?: Event): void;
@@ -55,7 +55,6 @@ var SIDEBARABSOLUTE = 'e-sidebar-absolute';
55
55
  */
56
56
  var Sidebar = /** @class */ (function (_super) {
57
57
  __extends(Sidebar, _super);
58
- /* eslint-enable */
59
58
  function Sidebar(options, element) {
60
59
  return _super.call(this, options, element) || this;
61
60
  }
@@ -206,10 +205,10 @@ var Sidebar = /** @class */ (function (_super) {
206
205
  this.modal = null;
207
206
  }
208
207
  };
209
- /* eslint-disable */
210
208
  /**
211
209
  * Hide the Sidebar component, if it is in an open state.
212
210
  *
211
+ * @param {Event} e - The event triggering the hide action.
213
212
  * @returns {void}
214
213
  *
215
214
  */
@@ -272,10 +271,10 @@ var Sidebar = /** @class */ (function (_super) {
272
271
  }
273
272
  }
274
273
  };
275
- /* eslint-disable */
276
274
  /**
277
275
  * Shows the Sidebar component, if it is in closed state.
278
276
  *
277
+ * @param {Event} e - The optional event triggering the show action.
279
278
  * @returns {void}
280
279
  */
281
280
  Sidebar.prototype.show = function (e) {
@@ -77,6 +77,9 @@ export interface StepperModel extends StepperBaseModel{
77
77
  * {% codeBlock src='stepper/template/index.md' %}{% endcodeBlock %}
78
78
  *
79
79
  * @default ''
80
+ * @angularType string | object
81
+ * @reactType string | function | JSX.Element
82
+ * @vueType string | function
80
83
  * @aspType string
81
84
  */
82
85
  template?: string | Function;
@@ -85,6 +88,9 @@ export interface StepperModel extends StepperBaseModel{
85
88
  * Defines the template content for the tooltip.
86
89
  *
87
90
  * @default ''
91
+ * @angularType string | object
92
+ * @reactType string | function | JSX.Element
93
+ * @vueType string | function
88
94
  * @aspType string
89
95
  */
90
96
  tooltipTemplate?: string | Function;
@@ -123,7 +129,7 @@ export interface StepperModel extends StepperBaseModel{
123
129
  stepType?: string | StepType;
124
130
 
125
131
  /**
126
- * Event triggers after active step changed.
132
+ * Event triggers after active step changed.
127
133
  *
128
134
  * @event stepChanged
129
135
  */
@@ -183,6 +183,9 @@ export declare class Stepper extends StepperBase implements INotifyPropertyChang
183
183
  * {% codeBlock src='stepper/template/index.md' %}{% endcodeBlock %}
184
184
  *
185
185
  * @default ''
186
+ * @angularType string | object
187
+ * @reactType string | function | JSX.Element
188
+ * @vueType string | function
186
189
  * @aspType string
187
190
  */
188
191
  template: string | Function;
@@ -190,6 +193,9 @@ export declare class Stepper extends StepperBase implements INotifyPropertyChang
190
193
  * Defines the template content for the tooltip.
191
194
  *
192
195
  * @default ''
196
+ * @angularType string | object
197
+ * @reactType string | function | JSX.Element
198
+ * @vueType string | function
193
199
  * @aspType string
194
200
  */
195
201
  tooltipTemplate: string | Function;
@@ -257,13 +263,11 @@ export declare class Stepper extends StepperBase implements INotifyPropertyChang
257
263
  private textEleWidth;
258
264
  private tooltipObj;
259
265
  private tooltipOpen;
260
- private isReact?;
261
266
  private templateFunction;
262
267
  private keyboardModuleStepper;
263
268
  private keyConfigs;
264
269
  private l10n;
265
270
  private isKeyNavFocus;
266
- private isAngular;
267
271
  /**
268
272
  * * Constructor for creating the Stepper component.
269
273
  *
@@ -276,7 +280,7 @@ export declare class Stepper extends StepperBase implements INotifyPropertyChang
276
280
  /**
277
281
  * To get component name.
278
282
  *
279
- * @returns {string} - Module Name
283
+ * @returns {string} - It returns the current module name.
280
284
  * @private
281
285
  */
282
286
  getModuleName(): string;