@syncfusion/ej2-navigations 20.2.50 → 20.3.48

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 (554) hide show
  1. package/CHANGELOG.md +35 -0
  2. package/README.md +14 -0
  3. package/appbar.d.ts +4 -0
  4. package/appbar.js +4 -0
  5. package/dist/ej2-navigations.min.js +10 -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 +345 -35
  9. package/dist/es6/ej2-navigations.es2015.js.map +1 -1
  10. package/dist/es6/ej2-navigations.es5.js +364 -35
  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-model.d.ts +1 -1
  17. package/src/accordion/accordion.js +7 -3
  18. package/src/appbar/appbar-model.d.ts +76 -0
  19. package/src/appbar/appbar.d.ts +112 -0
  20. package/src/appbar/appbar.js +220 -0
  21. package/src/appbar/index.d.ts +3 -0
  22. package/src/appbar/index.js +2 -0
  23. package/src/carousel/carousel-model.d.ts +11 -2
  24. package/src/carousel/carousel.d.ts +9 -0
  25. package/src/carousel/carousel.js +105 -14
  26. package/src/common/menu-base.js +2 -1
  27. package/src/index.d.ts +1 -0
  28. package/src/index.js +1 -0
  29. package/src/tab/tab.d.ts +11 -7
  30. package/src/tab/tab.js +21 -14
  31. package/src/treeview/treeview.d.ts +1 -0
  32. package/src/treeview/treeview.js +9 -3
  33. package/styles/accordion/_all.scss +1 -1
  34. package/styles/accordion/_bootstrap-dark-definition.scss +5 -2
  35. package/styles/accordion/_bootstrap-definition.scss +3 -3
  36. package/styles/accordion/_bootstrap4-definition.scss +4 -1
  37. package/styles/accordion/_bootstrap5-definition.scss +1 -1
  38. package/styles/accordion/_fabric-dark-definition.scss +3 -4
  39. package/styles/accordion/_fabric-definition.scss +3 -3
  40. package/styles/accordion/_fluent-definition.scss +0 -1
  41. package/styles/accordion/_fusionnew-definition.scss +1 -1
  42. package/styles/accordion/_highcontrast-definition.scss +4 -4
  43. package/styles/accordion/_highcontrast-light-definition.scss +1 -1
  44. package/styles/accordion/_layout.scss +8 -9
  45. package/styles/accordion/_material-dark-definition.scss +3 -1
  46. package/styles/accordion/_material-definition.scss +1 -0
  47. package/styles/accordion/_material3-definition.scss +1 -1
  48. package/styles/accordion/_tailwind-definition.scss +0 -1
  49. package/styles/accordion/_theme.scss +6 -5
  50. package/styles/accordion/bootstrap-dark.css +1 -0
  51. package/styles/accordion/bootstrap.css +1 -0
  52. package/styles/accordion/bootstrap4.css +1 -0
  53. package/styles/accordion/bootstrap5-dark.css +2 -0
  54. package/styles/accordion/bootstrap5.css +2 -0
  55. package/styles/accordion/fabric-dark.css +1 -0
  56. package/styles/accordion/fabric.css +1 -0
  57. package/styles/accordion/fluent-dark.css +1 -0
  58. package/styles/accordion/fluent.css +1 -0
  59. package/styles/accordion/highcontrast-light.css +1 -0
  60. package/styles/accordion/highcontrast.css +1 -0
  61. package/styles/accordion/icons/_bootstrap-dark.scss +2 -2
  62. package/styles/accordion/icons/_bootstrap.scss +2 -2
  63. package/styles/accordion/icons/_bootstrap4.scss +2 -2
  64. package/styles/accordion/icons/_bootstrap5.scss +2 -3
  65. package/styles/accordion/icons/_fabric-dark.scss +2 -2
  66. package/styles/accordion/icons/_fabric.scss +2 -2
  67. package/styles/accordion/icons/_fluent.scss +2 -3
  68. package/styles/accordion/icons/_fusionnew.scss +2 -3
  69. package/styles/accordion/icons/_highcontrast-light.scss +2 -2
  70. package/styles/accordion/icons/_highcontrast.scss +2 -2
  71. package/styles/accordion/icons/_material-dark.scss +2 -2
  72. package/styles/accordion/icons/_material.scss +2 -2
  73. package/styles/accordion/icons/_material3.scss +2 -3
  74. package/styles/accordion/icons/_tailwind.scss +2 -3
  75. package/styles/accordion/material-dark.css +1 -0
  76. package/styles/accordion/material.css +1 -0
  77. package/styles/accordion/tailwind-dark.css +1 -0
  78. package/styles/accordion/tailwind.css +1 -0
  79. package/styles/appbar/_all.scss +2 -0
  80. package/styles/appbar/_bootstrap-dark-definition.scss +8 -0
  81. package/styles/appbar/_bootstrap-definition.scss +8 -0
  82. package/styles/appbar/_bootstrap4-definition.scss +8 -0
  83. package/styles/appbar/_bootstrap5-dark-definition.scss +1 -0
  84. package/styles/appbar/_bootstrap5-definition.scss +8 -0
  85. package/styles/appbar/_fabric-dark-definition.scss +8 -0
  86. package/styles/appbar/_fabric-definition.scss +8 -0
  87. package/styles/appbar/_fluent-dark-definition.scss +1 -0
  88. package/styles/appbar/_fluent-definition.scss +8 -0
  89. package/styles/appbar/_fusionnew-definition.scss +8 -0
  90. package/styles/appbar/_highcontrast-definition.scss +8 -0
  91. package/styles/appbar/_highcontrast-light-definition.scss +8 -0
  92. package/styles/appbar/_layout.scss +81 -0
  93. package/styles/appbar/_material-dark-definition.scss +8 -0
  94. package/styles/appbar/_material-definition.scss +8 -0
  95. package/styles/appbar/_material3-definition.scss +8 -0
  96. package/styles/appbar/_tailwind-dark-definition.scss +1 -0
  97. package/styles/appbar/_tailwind-definition.scss +8 -0
  98. package/styles/appbar/_theme.scss +208 -0
  99. package/styles/appbar/bootstrap-dark.css +244 -0
  100. package/styles/appbar/bootstrap-dark.scss +3 -0
  101. package/styles/appbar/bootstrap.css +244 -0
  102. package/styles/appbar/bootstrap.scss +3 -0
  103. package/styles/appbar/bootstrap4.css +244 -0
  104. package/styles/appbar/bootstrap4.scss +3 -0
  105. package/styles/appbar/bootstrap5-dark.css +244 -0
  106. package/styles/appbar/bootstrap5-dark.scss +3 -0
  107. package/styles/appbar/bootstrap5.css +244 -0
  108. package/styles/appbar/bootstrap5.scss +3 -0
  109. package/styles/appbar/fabric-dark.css +244 -0
  110. package/styles/appbar/fabric-dark.scss +3 -0
  111. package/styles/appbar/fabric.css +244 -0
  112. package/styles/appbar/fabric.scss +3 -0
  113. package/styles/appbar/fluent-dark.css +244 -0
  114. package/styles/appbar/fluent-dark.scss +3 -0
  115. package/styles/appbar/fluent.css +244 -0
  116. package/styles/appbar/fluent.scss +3 -0
  117. package/styles/appbar/highcontrast-light.css +244 -0
  118. package/styles/appbar/highcontrast-light.scss +3 -0
  119. package/styles/appbar/highcontrast.css +244 -0
  120. package/styles/appbar/highcontrast.scss +3 -0
  121. package/styles/appbar/material-dark.css +245 -0
  122. package/styles/appbar/material-dark.scss +3 -0
  123. package/styles/appbar/material.css +245 -0
  124. package/styles/appbar/material.scss +3 -0
  125. package/styles/appbar/tailwind-dark.css +245 -0
  126. package/styles/appbar/tailwind-dark.scss +3 -0
  127. package/styles/appbar/tailwind.css +245 -0
  128. package/styles/appbar/tailwind.scss +3 -0
  129. package/styles/bootstrap-dark.css +340 -21
  130. package/styles/bootstrap-dark.scss +1 -0
  131. package/styles/bootstrap.css +345 -26
  132. package/styles/bootstrap.scss +1 -0
  133. package/styles/bootstrap4.css +348 -29
  134. package/styles/bootstrap4.scss +1 -0
  135. package/styles/bootstrap5-dark.css +360 -36
  136. package/styles/bootstrap5-dark.scss +1 -0
  137. package/styles/bootstrap5.css +360 -36
  138. package/styles/bootstrap5.scss +1 -0
  139. package/styles/breadcrumb/_all.scss +1 -0
  140. package/styles/breadcrumb/_bootstrap-dark-definition.scss +1 -2
  141. package/styles/breadcrumb/_layout.scss +4 -3
  142. package/styles/breadcrumb/_theme.scss +1 -0
  143. package/styles/breadcrumb/icons/_bootstrap-dark.scss +1 -1
  144. package/styles/breadcrumb/icons/_bootstrap.scss +1 -1
  145. package/styles/breadcrumb/icons/_bootstrap4.scss +1 -1
  146. package/styles/breadcrumb/icons/_bootstrap5.scss +1 -1
  147. package/styles/breadcrumb/icons/_fabric-dark.scss +1 -1
  148. package/styles/breadcrumb/icons/_fabric.scss +1 -1
  149. package/styles/breadcrumb/icons/_fluent.scss +1 -1
  150. package/styles/breadcrumb/icons/_fusionnew.scss +1 -1
  151. package/styles/breadcrumb/icons/_highcontrast-light.scss +1 -1
  152. package/styles/breadcrumb/icons/_highcontrast.scss +1 -1
  153. package/styles/breadcrumb/icons/_material-dark.scss +1 -1
  154. package/styles/breadcrumb/icons/_material.scss +1 -1
  155. package/styles/breadcrumb/icons/_material3.scss +1 -1
  156. package/styles/breadcrumb/icons/_tailwind-dark.scss +1 -1
  157. package/styles/breadcrumb/icons/_tailwind.scss +1 -1
  158. package/styles/carousel/_all.scss +1 -1
  159. package/styles/carousel/_layout.scss +44 -5
  160. package/styles/carousel/bootstrap-dark.css +46 -11
  161. package/styles/carousel/bootstrap.css +46 -11
  162. package/styles/carousel/bootstrap4.css +46 -11
  163. package/styles/carousel/bootstrap5-dark.css +46 -11
  164. package/styles/carousel/bootstrap5.css +46 -11
  165. package/styles/carousel/fabric-dark.css +46 -11
  166. package/styles/carousel/fabric.css +46 -11
  167. package/styles/carousel/fluent-dark.css +46 -11
  168. package/styles/carousel/fluent.css +46 -11
  169. package/styles/carousel/highcontrast-light.css +46 -11
  170. package/styles/carousel/highcontrast.css +46 -11
  171. package/styles/carousel/material-dark.css +46 -11
  172. package/styles/carousel/material.css +46 -11
  173. package/styles/carousel/tailwind-dark.css +46 -11
  174. package/styles/carousel/tailwind.css +46 -11
  175. package/styles/context-menu/_bootstrap-dark-definition.scss +2 -1
  176. package/styles/context-menu/_bootstrap4-definition.scss +3 -3
  177. package/styles/context-menu/_bootstrap5-definition.scss +2 -2
  178. package/styles/context-menu/_fabric-dark-definition.scss +2 -1
  179. package/styles/context-menu/_highcontrast-light-definition.scss +2 -1
  180. package/styles/context-menu/_layout-mixin.scss +0 -1
  181. package/styles/context-menu/_layout.scss +1 -0
  182. package/styles/context-menu/_material-dark-definition.scss +2 -1
  183. package/styles/context-menu/_theme.scss +1 -0
  184. package/styles/context-menu/bootstrap4.css +2 -2
  185. package/styles/context-menu/bootstrap5-dark.css +3 -3
  186. package/styles/context-menu/bootstrap5.css +3 -3
  187. package/styles/context-menu/fluent-dark.css +1 -1
  188. package/styles/context-menu/fluent.css +1 -1
  189. package/styles/context-menu/icons/_bootstrap-dark.scss +1 -0
  190. package/styles/context-menu/icons/_bootstrap.scss +1 -0
  191. package/styles/context-menu/icons/_bootstrap4.scss +1 -0
  192. package/styles/context-menu/icons/_bootstrap5.scss +1 -0
  193. package/styles/context-menu/icons/_fabric-dark.scss +1 -0
  194. package/styles/context-menu/icons/_fabric.scss +1 -0
  195. package/styles/context-menu/icons/_fluent.scss +1 -0
  196. package/styles/context-menu/icons/_fusionnew.scss +1 -0
  197. package/styles/context-menu/icons/_highcontrast-light.scss +1 -0
  198. package/styles/context-menu/icons/_highcontrast.scss +1 -0
  199. package/styles/context-menu/icons/_material-dark.scss +1 -0
  200. package/styles/context-menu/icons/_material.scss +1 -0
  201. package/styles/context-menu/icons/_material3.scss +1 -0
  202. package/styles/context-menu/icons/_tailwind-dark.scss +1 -0
  203. package/styles/context-menu/icons/_tailwind.scss +1 -0
  204. package/styles/context-menu/tailwind-dark.css +1 -1
  205. package/styles/context-menu/tailwind.css +1 -1
  206. package/styles/fabric-dark.css +340 -21
  207. package/styles/fabric-dark.scss +1 -0
  208. package/styles/fabric.css +340 -21
  209. package/styles/fabric.scss +1 -0
  210. package/styles/fluent-dark.css +352 -33
  211. package/styles/fluent-dark.scss +1 -0
  212. package/styles/fluent.css +352 -33
  213. package/styles/fluent.scss +1 -0
  214. package/styles/h-scroll/_all.scss +1 -1
  215. package/styles/h-scroll/_bootstrap-dark-definition.scss +4 -3
  216. package/styles/h-scroll/_bootstrap-definition.scss +3 -4
  217. package/styles/h-scroll/_bootstrap5-definition.scss +5 -7
  218. package/styles/h-scroll/_fabric-dark-definition.scss +4 -3
  219. package/styles/h-scroll/_fabric-definition.scss +4 -4
  220. package/styles/h-scroll/_fluent-definition.scss +5 -7
  221. package/styles/h-scroll/_fusionnew-definition.scss +5 -7
  222. package/styles/h-scroll/_highcontrast-definition.scss +4 -4
  223. package/styles/h-scroll/_highcontrast-light-definition.scss +4 -3
  224. package/styles/h-scroll/_layout.scss +11 -13
  225. package/styles/h-scroll/_material-dark-definition.scss +6 -5
  226. package/styles/h-scroll/_material-definition.scss +8 -10
  227. package/styles/h-scroll/_material3-definition.scss +5 -7
  228. package/styles/h-scroll/_tailwind-definition.scss +6 -8
  229. package/styles/h-scroll/_theme.scss +3 -5
  230. package/styles/h-scroll/bootstrap-dark.css +0 -2
  231. package/styles/h-scroll/bootstrap.css +0 -2
  232. package/styles/h-scroll/bootstrap4.css +0 -2
  233. package/styles/h-scroll/bootstrap5-dark.css +0 -2
  234. package/styles/h-scroll/bootstrap5.css +0 -2
  235. package/styles/h-scroll/fabric-dark.css +0 -2
  236. package/styles/h-scroll/fabric.css +0 -2
  237. package/styles/h-scroll/fluent-dark.css +0 -2
  238. package/styles/h-scroll/fluent.css +0 -2
  239. package/styles/h-scroll/highcontrast-light.css +0 -2
  240. package/styles/h-scroll/highcontrast.css +0 -2
  241. package/styles/h-scroll/icons/_bootstrap-dark.scss +3 -4
  242. package/styles/h-scroll/icons/_bootstrap.scss +3 -4
  243. package/styles/h-scroll/icons/_bootstrap4.scss +3 -4
  244. package/styles/h-scroll/icons/_bootstrap5.scss +3 -3
  245. package/styles/h-scroll/icons/_fabric-dark.scss +3 -3
  246. package/styles/h-scroll/icons/_fabric.scss +3 -3
  247. package/styles/h-scroll/icons/_fluent.scss +3 -3
  248. package/styles/h-scroll/icons/_fusionnew.scss +3 -3
  249. package/styles/h-scroll/icons/_highcontrast-light.scss +3 -3
  250. package/styles/h-scroll/icons/_highcontrast.scss +3 -3
  251. package/styles/h-scroll/icons/_material-dark.scss +3 -3
  252. package/styles/h-scroll/icons/_material.scss +3 -3
  253. package/styles/h-scroll/icons/_material3.scss +3 -3
  254. package/styles/h-scroll/icons/_tailwind.scss +3 -3
  255. package/styles/h-scroll/material-dark.css +0 -2
  256. package/styles/h-scroll/material.css +0 -2
  257. package/styles/h-scroll/tailwind-dark.css +0 -2
  258. package/styles/h-scroll/tailwind.css +0 -2
  259. package/styles/highcontrast-light.css +339 -20
  260. package/styles/highcontrast-light.scss +1 -0
  261. package/styles/highcontrast.css +339 -20
  262. package/styles/highcontrast.scss +1 -0
  263. package/styles/material-dark.css +339 -20
  264. package/styles/material-dark.scss +1 -0
  265. package/styles/material.css +339 -20
  266. package/styles/material.scss +1 -0
  267. package/styles/menu/_bootstrap-dark-definition.scss +2 -1
  268. package/styles/menu/_fabric-dark-definition.scss +2 -1
  269. package/styles/menu/_fluent-definition.scss +0 -1
  270. package/styles/menu/_layout.scss +4 -3
  271. package/styles/menu/_material-dark-definition.scss +2 -1
  272. package/styles/menu/_tailwind-definition.scss +0 -1
  273. package/styles/menu/_theme.scss +22 -1
  274. package/styles/menu/bootstrap-dark.css +22 -0
  275. package/styles/menu/bootstrap.css +22 -0
  276. package/styles/menu/bootstrap4.css +22 -0
  277. package/styles/menu/bootstrap5-dark.css +23 -1
  278. package/styles/menu/bootstrap5.css +23 -1
  279. package/styles/menu/fabric-dark.css +22 -0
  280. package/styles/menu/fabric.css +22 -0
  281. package/styles/menu/fluent-dark.css +23 -1
  282. package/styles/menu/fluent.css +23 -1
  283. package/styles/menu/highcontrast-light.css +22 -0
  284. package/styles/menu/highcontrast.css +22 -0
  285. package/styles/menu/icons/_bootstrap-dark.scss +1 -0
  286. package/styles/menu/icons/_bootstrap.scss +1 -0
  287. package/styles/menu/icons/_bootstrap4.scss +1 -0
  288. package/styles/menu/icons/_bootstrap5.scss +1 -0
  289. package/styles/menu/icons/_fabric-dark.scss +1 -0
  290. package/styles/menu/icons/_fabric.scss +1 -0
  291. package/styles/menu/icons/_fluent.scss +1 -0
  292. package/styles/menu/icons/_fusionnew.scss +1 -0
  293. package/styles/menu/icons/_highcontrast-light.scss +1 -0
  294. package/styles/menu/icons/_highcontrast.scss +1 -0
  295. package/styles/menu/icons/_material-dark.scss +1 -0
  296. package/styles/menu/icons/_material.scss +1 -0
  297. package/styles/menu/icons/_material3.scss +1 -0
  298. package/styles/menu/icons/_tailwind-dark.scss +1 -0
  299. package/styles/menu/icons/_tailwind.scss +1 -0
  300. package/styles/menu/material-dark.css +22 -0
  301. package/styles/menu/material.css +22 -0
  302. package/styles/menu/tailwind-dark.css +23 -1
  303. package/styles/menu/tailwind.css +23 -1
  304. package/styles/pager/_all.scss +1 -1
  305. package/styles/pager/_bootstrap-dark-definition.scss +0 -1
  306. package/styles/pager/_bootstrap-definition.scss +3 -4
  307. package/styles/pager/_bootstrap4-definition.scss +6 -6
  308. package/styles/pager/_bootstrap5-definition.scss +5 -5
  309. package/styles/pager/_fabric-dark-definition.scss +2 -2
  310. package/styles/pager/_fabric-definition.scss +0 -1
  311. package/styles/pager/_fluent-definition.scss +1 -1
  312. package/styles/pager/_highcontrast-definition.scss +0 -1
  313. package/styles/pager/_highcontrast-light-definition.scss +3 -2
  314. package/styles/pager/_layout.scss +35 -38
  315. package/styles/pager/_material-dark-definition.scss +2 -2
  316. package/styles/pager/_material-definition.scss +0 -1
  317. package/styles/pager/_tailwind-definition.scss +7 -7
  318. package/styles/pager/_theme.scss +3 -4
  319. package/styles/pager/bootstrap-dark.css +5 -3
  320. package/styles/pager/bootstrap.css +10 -8
  321. package/styles/pager/bootstrap4.css +11 -9
  322. package/styles/pager/bootstrap5-dark.css +14 -12
  323. package/styles/pager/bootstrap5.css +14 -12
  324. package/styles/pager/fabric-dark.css +5 -3
  325. package/styles/pager/fabric.css +5 -3
  326. package/styles/pager/fluent-dark.css +6 -4
  327. package/styles/pager/fluent.css +6 -4
  328. package/styles/pager/highcontrast-light.css +4 -2
  329. package/styles/pager/highcontrast.css +4 -2
  330. package/styles/pager/icons/_bootstrap-dark.scss +2 -2
  331. package/styles/pager/icons/_bootstrap.scss +2 -1
  332. package/styles/pager/icons/_bootstrap4.scss +2 -1
  333. package/styles/pager/icons/_bootstrap5.scss +2 -2
  334. package/styles/pager/icons/_fabric-dark.scss +4 -4
  335. package/styles/pager/icons/_fabric.scss +4 -4
  336. package/styles/pager/icons/_fluent.scss +2 -2
  337. package/styles/pager/icons/_fusionnew.scss +2 -2
  338. package/styles/pager/icons/_highcontrast-light.scss +3 -3
  339. package/styles/pager/icons/_highcontrast.scss +9 -4
  340. package/styles/pager/icons/_material-dark.scss +2 -2
  341. package/styles/pager/icons/_material.scss +10 -5
  342. package/styles/pager/icons/_material3.scss +2 -2
  343. package/styles/pager/icons/_tailwind.scss +2 -2
  344. package/styles/pager/material-dark.css +4 -2
  345. package/styles/pager/material.css +4 -2
  346. package/styles/pager/tailwind-dark.css +19 -17
  347. package/styles/pager/tailwind.css +19 -17
  348. package/styles/sidebar/_bootstrap5-definition.scss +1 -0
  349. package/styles/sidebar/_fabric-definition.scss +0 -2
  350. package/styles/sidebar/_fluent-definition.scss +1 -0
  351. package/styles/sidebar/_fusionnew-definition.scss +1 -0
  352. package/styles/sidebar/_icons.scss +1 -1
  353. package/styles/sidebar/_layout.scss +1 -0
  354. package/styles/sidebar/_material3-definition.scss +1 -0
  355. package/styles/sidebar/_tailwind-definition.scss +1 -0
  356. package/styles/sidebar/_theme.scss +19 -28
  357. package/styles/sidebar/bootstrap-dark.css +4 -0
  358. package/styles/sidebar/bootstrap.css +4 -0
  359. package/styles/sidebar/bootstrap4.css +4 -0
  360. package/styles/sidebar/bootstrap5-dark.css +4 -0
  361. package/styles/sidebar/bootstrap5.css +4 -0
  362. package/styles/sidebar/fabric-dark.css +4 -0
  363. package/styles/sidebar/fabric.css +4 -0
  364. package/styles/sidebar/fluent-dark.css +4 -0
  365. package/styles/sidebar/fluent.css +4 -0
  366. package/styles/sidebar/highcontrast-light.css +4 -0
  367. package/styles/sidebar/highcontrast.css +4 -0
  368. package/styles/sidebar/material-dark.css +4 -0
  369. package/styles/sidebar/material.css +4 -0
  370. package/styles/sidebar/tailwind-dark.css +4 -0
  371. package/styles/sidebar/tailwind.css +4 -0
  372. package/styles/tab/_bootstrap-dark-definition.scss +2 -1
  373. package/styles/tab/_bootstrap5-definition.scss +1 -1
  374. package/styles/tab/_fabric-dark-definition.scss +2 -2
  375. package/styles/tab/_fabric-definition.scss +0 -1
  376. package/styles/tab/_fusionnew-definition.scss +1 -1
  377. package/styles/tab/_highcontrast-definition.scss +0 -1
  378. package/styles/tab/_highcontrast-light-definition.scss +0 -2
  379. package/styles/tab/_icons.scss +1 -0
  380. package/styles/tab/_layout.scss +24 -26
  381. package/styles/tab/_material-dark-definition.scss +2 -3
  382. package/styles/tab/_material-definition.scss +0 -1
  383. package/styles/tab/_material3-definition.scss +1 -1
  384. package/styles/tab/_tailwind-definition.scss +0 -1
  385. package/styles/tab/_theme.scss +6 -8
  386. package/styles/tab/bootstrap-dark.css +1 -1
  387. package/styles/tab/bootstrap.css +1 -1
  388. package/styles/tab/bootstrap4.css +1 -1
  389. package/styles/tab/bootstrap5-dark.css +5 -2
  390. package/styles/tab/bootstrap5.css +5 -2
  391. package/styles/tab/fabric-dark.css +1 -1
  392. package/styles/tab/fabric.css +1 -1
  393. package/styles/tab/fluent-dark.css +5 -5
  394. package/styles/tab/fluent.css +5 -5
  395. package/styles/tab/highcontrast-light.css +1 -1
  396. package/styles/tab/highcontrast.css +1 -1
  397. package/styles/tab/icons/_bootstrap-dark.scss +1 -0
  398. package/styles/tab/icons/_bootstrap.scss +1 -0
  399. package/styles/tab/icons/_bootstrap4.scss +1 -0
  400. package/styles/tab/icons/_bootstrap5.scss +1 -1
  401. package/styles/tab/icons/_fabric-dark.scss +1 -0
  402. package/styles/tab/icons/_fabric.scss +1 -0
  403. package/styles/tab/icons/_fluent.scss +1 -1
  404. package/styles/tab/icons/_fusionnew.scss +1 -1
  405. package/styles/tab/icons/_highcontrast-light.scss +1 -0
  406. package/styles/tab/icons/_highcontrast.scss +1 -0
  407. package/styles/tab/icons/_material-dark.scss +1 -0
  408. package/styles/tab/icons/_material.scss +1 -0
  409. package/styles/tab/icons/_material3.scss +1 -1
  410. package/styles/tab/icons/_tailwind.scss +1 -1
  411. package/styles/tab/material-dark.css +1 -1
  412. package/styles/tab/material.css +1 -1
  413. package/styles/tab/tailwind-dark.css +1 -1
  414. package/styles/tab/tailwind.css +1 -1
  415. package/styles/tailwind-dark.css +359 -38
  416. package/styles/tailwind-dark.scss +1 -0
  417. package/styles/tailwind.css +359 -38
  418. package/styles/tailwind.scss +1 -0
  419. package/styles/toolbar/_all.scss +1 -1
  420. package/styles/toolbar/_bootstrap-dark-definition.scss +6 -5
  421. package/styles/toolbar/_bootstrap-definition.scss +13 -13
  422. package/styles/toolbar/_bootstrap4-definition.scss +6 -6
  423. package/styles/toolbar/_bootstrap5-definition.scss +1 -1
  424. package/styles/toolbar/_fabric-dark-definition.scss +2 -1
  425. package/styles/toolbar/_fluent-definition.scss +2 -2
  426. package/styles/toolbar/_fusionnew-definition.scss +1 -1
  427. package/styles/toolbar/_highcontrast-light-definition.scss +2 -1
  428. package/styles/toolbar/_layout.scss +50 -74
  429. package/styles/toolbar/_material-dark-definition.scss +9 -11
  430. package/styles/toolbar/_material-definition.scss +12 -13
  431. package/styles/toolbar/_material3-definition.scss +1 -1
  432. package/styles/toolbar/_theme.scss +5 -8
  433. package/styles/toolbar/bootstrap-dark.css +10 -2
  434. package/styles/toolbar/bootstrap.css +10 -2
  435. package/styles/toolbar/bootstrap4.css +10 -2
  436. package/styles/toolbar/bootstrap5-dark.css +12 -3
  437. package/styles/toolbar/bootstrap5.css +12 -3
  438. package/styles/toolbar/fabric-dark.css +10 -2
  439. package/styles/toolbar/fabric.css +10 -2
  440. package/styles/toolbar/fluent-dark.css +15 -7
  441. package/styles/toolbar/fluent.css +15 -7
  442. package/styles/toolbar/highcontrast-light.css +10 -2
  443. package/styles/toolbar/highcontrast.css +10 -2
  444. package/styles/toolbar/icons/_bootstrap-dark.scss +1 -1
  445. package/styles/toolbar/icons/_bootstrap.scss +1 -1
  446. package/styles/toolbar/icons/_bootstrap4.scss +1 -1
  447. package/styles/toolbar/icons/_bootstrap5.scss +1 -2
  448. package/styles/toolbar/icons/_fabric-dark.scss +1 -1
  449. package/styles/toolbar/icons/_fabric.scss +1 -1
  450. package/styles/toolbar/icons/_fluent.scss +1 -2
  451. package/styles/toolbar/icons/_fusionnew.scss +1 -2
  452. package/styles/toolbar/icons/_highcontrast-light.scss +1 -1
  453. package/styles/toolbar/icons/_highcontrast.scss +1 -1
  454. package/styles/toolbar/icons/_material-dark.scss +1 -1
  455. package/styles/toolbar/icons/_material.scss +1 -1
  456. package/styles/toolbar/icons/_material3.scss +1 -2
  457. package/styles/toolbar/icons/_tailwind.scss +1 -2
  458. package/styles/toolbar/material-dark.css +10 -2
  459. package/styles/toolbar/material.css +10 -2
  460. package/styles/toolbar/tailwind-dark.css +11 -3
  461. package/styles/toolbar/tailwind.css +11 -3
  462. package/styles/treeview/_all.scss +1 -1
  463. package/styles/treeview/_bootstrap-dark-definition.scss +1 -1
  464. package/styles/treeview/_bootstrap-definition.scss +1 -1
  465. package/styles/treeview/_bootstrap4-definition.scss +3 -3
  466. package/styles/treeview/_bootstrap5-definition.scss +1 -1
  467. package/styles/treeview/_fabric-dark-definition.scss +1 -1
  468. package/styles/treeview/_fabric-definition.scss +1 -1
  469. package/styles/treeview/_fluent-definition.scss +1 -1
  470. package/styles/treeview/_fusionnew-definition.scss +1 -1
  471. package/styles/treeview/_highcontrast-definition.scss +1 -1
  472. package/styles/treeview/_highcontrast-light-definition.scss +1 -1
  473. package/styles/treeview/_layout.scss +23 -18
  474. package/styles/treeview/_material-dark-definition.scss +1 -1
  475. package/styles/treeview/_material-definition.scss +1 -1
  476. package/styles/treeview/_material3-definition.scss +1 -1
  477. package/styles/treeview/_tailwind-definition.scss +2 -2
  478. package/styles/treeview/_theme.scss +15 -12
  479. package/styles/treeview/bootstrap-dark.css +6 -0
  480. package/styles/treeview/bootstrap.css +6 -0
  481. package/styles/treeview/bootstrap4.css +6 -0
  482. package/styles/treeview/bootstrap5-dark.css +6 -0
  483. package/styles/treeview/bootstrap5.css +6 -0
  484. package/styles/treeview/fabric-dark.css +6 -0
  485. package/styles/treeview/fabric.css +6 -0
  486. package/styles/treeview/fluent-dark.css +6 -0
  487. package/styles/treeview/fluent.css +6 -0
  488. package/styles/treeview/highcontrast-light.css +6 -0
  489. package/styles/treeview/highcontrast.css +6 -0
  490. package/styles/treeview/icons/_bootstrap-dark.scss +1 -1
  491. package/styles/treeview/icons/_bootstrap.scss +1 -1
  492. package/styles/treeview/icons/_bootstrap4.scss +1 -2
  493. package/styles/treeview/icons/_bootstrap5.scss +1 -1
  494. package/styles/treeview/icons/_fabric-dark.scss +1 -1
  495. package/styles/treeview/icons/_fabric.scss +1 -1
  496. package/styles/treeview/icons/_fluent.scss +1 -1
  497. package/styles/treeview/icons/_fusionnew.scss +1 -1
  498. package/styles/treeview/icons/_highcontrast-light.scss +1 -1
  499. package/styles/treeview/icons/_highcontrast.scss +1 -1
  500. package/styles/treeview/icons/_material-dark.scss +1 -1
  501. package/styles/treeview/icons/_material.scss +1 -1
  502. package/styles/treeview/icons/_material3.scss +1 -1
  503. package/styles/treeview/icons/_tailwind-dark.scss +1 -1
  504. package/styles/treeview/icons/_tailwind.scss +1 -1
  505. package/styles/treeview/material-dark.css +6 -0
  506. package/styles/treeview/material.css +6 -0
  507. package/styles/treeview/tailwind-dark.css +7 -0
  508. package/styles/treeview/tailwind.css +7 -0
  509. package/styles/v-scroll/_all.scss +1 -1
  510. package/styles/v-scroll/_bootstrap-dark-definition.scss +5 -4
  511. package/styles/v-scroll/_bootstrap-definition.scss +3 -3
  512. package/styles/v-scroll/_bootstrap4-definition.scss +1 -1
  513. package/styles/v-scroll/_bootstrap5-definition.scss +3 -3
  514. package/styles/v-scroll/_fabric-dark-definition.scss +6 -5
  515. package/styles/v-scroll/_fabric-definition.scss +4 -4
  516. package/styles/v-scroll/_fluent-definition.scss +3 -3
  517. package/styles/v-scroll/_fusionnew-definition.scss +3 -3
  518. package/styles/v-scroll/_highcontrast-definition.scss +4 -4
  519. package/styles/v-scroll/_highcontrast-light-definition.scss +6 -5
  520. package/styles/v-scroll/_layout.scss +4 -4
  521. package/styles/v-scroll/_material-dark-definition.scss +6 -5
  522. package/styles/v-scroll/_material-definition.scss +5 -5
  523. package/styles/v-scroll/_material3-definition.scss +3 -3
  524. package/styles/v-scroll/_tailwind-definition.scss +3 -3
  525. package/styles/v-scroll/_theme.scss +2 -1
  526. package/styles/v-scroll/bootstrap-dark.css +0 -2
  527. package/styles/v-scroll/bootstrap.css +0 -2
  528. package/styles/v-scroll/bootstrap4.css +0 -2
  529. package/styles/v-scroll/bootstrap5-dark.css +0 -2
  530. package/styles/v-scroll/bootstrap5.css +0 -2
  531. package/styles/v-scroll/fabric-dark.css +0 -2
  532. package/styles/v-scroll/fabric.css +0 -2
  533. package/styles/v-scroll/fluent-dark.css +0 -2
  534. package/styles/v-scroll/fluent.css +0 -2
  535. package/styles/v-scroll/highcontrast-light.css +0 -2
  536. package/styles/v-scroll/highcontrast.css +0 -2
  537. package/styles/v-scroll/icons/_bootstrap-dark.scss +1 -1
  538. package/styles/v-scroll/icons/_bootstrap.scss +1 -1
  539. package/styles/v-scroll/icons/_bootstrap4.scss +1 -1
  540. package/styles/v-scroll/icons/_bootstrap5.scss +1 -1
  541. package/styles/v-scroll/icons/_fabric-dark.scss +1 -0
  542. package/styles/v-scroll/icons/_fabric.scss +1 -0
  543. package/styles/v-scroll/icons/_fluent.scss +1 -1
  544. package/styles/v-scroll/icons/_fusionnew.scss +1 -1
  545. package/styles/v-scroll/icons/_highcontrast-light.scss +1 -0
  546. package/styles/v-scroll/icons/_highcontrast.scss +1 -0
  547. package/styles/v-scroll/icons/_material-dark.scss +1 -0
  548. package/styles/v-scroll/icons/_material.scss +1 -0
  549. package/styles/v-scroll/icons/_material3.scss +1 -1
  550. package/styles/v-scroll/icons/_tailwind.scss +1 -1
  551. package/styles/v-scroll/material-dark.css +0 -2
  552. package/styles/v-scroll/material.css +0 -2
  553. package/styles/v-scroll/tailwind-dark.css +0 -2
  554. package/styles/v-scroll/tailwind.css +0 -2
@@ -2,8 +2,8 @@
2
2
  $hscroll-skin: 'bootstrap' !default;
3
3
  $hscroll-border-type: solid !default;
4
4
  $hscroll-border-size: $border-size !default;
5
- $hscroll-hover-font: $hover-font-color !default;
6
- $hscroll-active-font-color: $active-font-color !default;
5
+ $hscroll-hover-font: $hover-font-color !default;
6
+ $hscroll-active-font-color: $active-font-color !default;
7
7
  $hscroll-default-bg: $grey-f8 !default;
8
8
  $hscroll-nav-nrml-minheight: 40px !default;
9
9
  $hscroll-nav-bgr-minheight: 50px !default;
@@ -38,8 +38,7 @@ $hscroll-focus-border: 0 !default;
38
38
  $hscroll-active-border: 0 !default;
39
39
  $hscroll-hover-border: 0 !default;
40
40
  $hscroll-hover-border-color: '' !default;
41
- $hscroll-active-box-shadow: inset 0 3px 5px rgba(0 , 0 , 0 , .125) !default;
42
-
41
+ $hscroll-active-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125) !default;
43
42
 
44
43
  @mixin hscroll-btn-animation {
45
44
  content: '';
@@ -2,7 +2,7 @@
2
2
  $hscroll-skin: 'bootstrap5' !default;
3
3
  $border-type: solid;
4
4
  $hscroll-hover-font: $icon-color !default;
5
- $hscroll-active-font-color: $content-text-color-alt2 !default;
5
+ $hscroll-active-font-color: $content-text-color-alt2 !default;
6
6
  $hscroll-default-bg: $content-bg-color-alt2 !default;
7
7
  $hscroll-press-bg: $content-bg-color-alt2 !default;
8
8
  $hscroll-active-bg: $content-bg-color-alt2 !default;
@@ -50,7 +50,7 @@ $hscroll-ribble-animation-shadow-frame-end: 0 0 0 200px rgba(255, 255, 255, .12)
50
50
  border-radius: 50%;
51
51
  border-width: 1px;
52
52
  box-sizing: border-box;
53
- content: '' ;
53
+ content: '';
54
54
  height: 1px;
55
55
  left: 50%;
56
56
  position: absolute;
@@ -68,11 +68,9 @@ $hscroll-ribble-animation-shadow-frame-end: 0 0 0 200px rgba(255, 255, 255, .12)
68
68
  0% {
69
69
  border-color: $hscroll-ribble-animation-border-frame;
70
70
  box-shadow: $hscroll-ribble-animation-shadow-frame;
71
- }
71
+ }
72
72
 
73
73
  100% {
74
74
  box-shadow: $hscroll-ribble-animation-shadow-frame-end;
75
- }
76
- }
77
-
78
-
75
+ }
76
+ }
@@ -1,4 +1,4 @@
1
- //default
1
+ //default
2
2
  $hscroll-skin: 'fabric' !default;
3
3
  $hscroll-default-bg: $neutral-lighter !default;
4
4
  $hscroll-press-bg: $neutral-quintenary !default;
@@ -11,10 +11,10 @@ $hscroll-device-arrow-size: 14px !default;
11
11
  $hscroll-device-arrow-size-bigger: 18px !default;
12
12
  $hscroll-overlay-opacity: .5 !default;
13
13
  $hscroll-device-arrow-border-color: $default-border-color !default;
14
- $hscroll-device-arrow-rtl-box-shadow: 4px 0 8px 0 rgba($shadow , .06) !default;
14
+ $hscroll-device-arrow-rtl-box-shadow: 4px 0 8px 0 rgba($shadow, .06) !default;
15
15
  $hscroll-device-arrow-bg: $hscroll-default-bg !default;
16
16
  $hscroll-device-arrow-border-size: 0 !default;
17
- $hscroll-device-arrow-box-shadow: -4px 0 8px 0 rgba($shadow , .6) !default;
17
+ $hscroll-device-arrow-box-shadow: -4px 0 8px 0 rgba($shadow, .6) !default;
18
18
  $hscroll-device-arrow-color: $default-icon-color !default;
19
19
  $hscroll-overlay-bg: $hscroll-default-bg !default;
20
20
  $hscroll-overlay-start: rgba($hscroll-overlay-bg, .0001) !default;
@@ -47,4 +47,5 @@ $hscroll-default-icon-color: $theme-primary-font !default;
47
47
  @mixin hscroll-btn-animation-after {
48
48
  content: '';
49
49
  }
50
+
50
51
  //enddefault
@@ -1,7 +1,7 @@
1
1
  $hscroll-skin: 'fabric' !default;
2
2
  $hscroll-border-type: solid !default;
3
- $hscroll-hover-font: $hover-font-color !default;
4
- $hscroll-active-font-color: $active-font-color !default;
3
+ $hscroll-hover-font: $hover-font-color !default;
4
+ $hscroll-active-font-color: $active-font-color !default;
5
5
  $hscroll-default-bg: $neutral-white !default;
6
6
  $hscroll-press-bg: $theme-lighter !default;
7
7
  $hscroll-active-bg: $neutral-lighter !default;
@@ -29,8 +29,8 @@ $hscroll-overlay-end: rgba($hscroll-overlay-bg, 1) !default;
29
29
  $hscroll-right-bg: linear-gradient(-270deg, $hscroll-overlay-start 0%, $hscroll-overlay-end 100%) !default;
30
30
  $hscroll-left-bg: linear-gradient(-270deg, $hscroll-overlay-end 0%, $hscroll-overlay-start 100%) !default;
31
31
 
32
- $hscroll-device-arrow-box-shadow: -4px 0 8px 0 rgba($shadow , .06) !default;
33
- $hscroll-device-arrow-rtl-box-shadow: 4px 0 8px 0 rgba($shadow , .06) !default;
32
+ $hscroll-device-arrow-box-shadow: -4px 0 8px 0 rgba($shadow, .06) !default;
33
+ $hscroll-device-arrow-rtl-box-shadow: 4px 0 8px 0 rgba($shadow, .06) !default;
34
34
  $hscroll-device-arrow-bg: $neutral-white !default;
35
35
  $hscroll-device-arrow-border-size: 1px !default;
36
36
  $hscroll-device-arrow-border-color: $neutral-quintenaryalt !default;
@@ -2,7 +2,7 @@
2
2
  $hscroll-skin: 'FluentUI' !default;
3
3
  $border-type: solid;
4
4
  $hscroll-hover-font: $icon-color !default;
5
- $hscroll-active-font-color: $content-text-color-alt2 !default;
5
+ $hscroll-active-font-color: $content-text-color-alt2 !default;
6
6
  $hscroll-default-bg: $content-bg-color-alt2 !default;
7
7
  $hscroll-press-bg: $content-bg-color-alt2 !default;
8
8
  $hscroll-active-bg: $content-bg-color-alt2 !default;
@@ -50,7 +50,7 @@ $hscroll-ribble-animation-shadow-frame-end: 0 0 0 200px rgba(255, 255, 255, .12)
50
50
  border-radius: 50%;
51
51
  border-width: 1px;
52
52
  box-sizing: border-box;
53
- content: '' ;
53
+ content: '';
54
54
  height: 1px;
55
55
  left: 50%;
56
56
  position: absolute;
@@ -68,11 +68,9 @@ $hscroll-ribble-animation-shadow-frame-end: 0 0 0 200px rgba(255, 255, 255, .12)
68
68
  0% {
69
69
  border-color: $hscroll-ribble-animation-border-frame;
70
70
  box-shadow: $hscroll-ribble-animation-shadow-frame;
71
- }
71
+ }
72
72
 
73
73
  100% {
74
74
  box-shadow: $hscroll-ribble-animation-shadow-frame-end;
75
- }
76
- }
77
-
78
-
75
+ }
76
+ }
@@ -2,7 +2,7 @@
2
2
  $hscroll-skin: 'bootstrap5' !default;
3
3
  $border-type: solid;
4
4
  $hscroll-hover-font: $icon-color !default;
5
- $hscroll-active-font-color: $content-text-color-alt2 !default;
5
+ $hscroll-active-font-color: $content-text-color-alt2 !default;
6
6
  $hscroll-default-bg: $content-bg-color-alt2 !default;
7
7
  $hscroll-press-bg: $content-bg-color-alt2 !default;
8
8
  $hscroll-active-bg: $content-bg-color-alt2 !default;
@@ -50,7 +50,7 @@ $hscroll-ribble-animation-shadow-frame-end: 0 0 0 200px rgba(255, 255, 255, .12)
50
50
  border-radius: 50%;
51
51
  border-width: 1px;
52
52
  box-sizing: border-box;
53
- content: '' ;
53
+ content: '';
54
54
  height: 1px;
55
55
  left: 50%;
56
56
  position: absolute;
@@ -68,11 +68,9 @@ $hscroll-ribble-animation-shadow-frame-end: 0 0 0 200px rgba(255, 255, 255, .12)
68
68
  0% {
69
69
  border-color: $hscroll-ribble-animation-border-frame;
70
70
  box-shadow: $hscroll-ribble-animation-shadow-frame;
71
- }
71
+ }
72
72
 
73
73
  100% {
74
74
  box-shadow: $hscroll-ribble-animation-shadow-frame-end;
75
- }
76
- }
77
-
78
-
75
+ }
76
+ }
@@ -1,8 +1,8 @@
1
1
  $hscroll-skin: 'highcontrast' !default;
2
2
  $hscroll-dash-border: 2px solid #fff;
3
3
  $hscroll-border-type: solid !default;
4
- $hscroll-hover-font: $hover-font-color !default;
5
- $hscroll-active-font-color: $active-font-color !default;
4
+ $hscroll-hover-font: $hover-font-color !default;
5
+ $hscroll-active-font-color: $active-font-color !default;
6
6
  $hscroll-default-bg: $bg-base-0 !default;
7
7
  $hscroll-press-bg: $selection-bg !default;
8
8
  $hscroll-active-bg: $selection-bg !default;
@@ -33,8 +33,8 @@ $hscroll-nav-hover-border-color: $hover-border !default;
33
33
  $hscroll-nav-active-color: $selection-font !default;
34
34
  $hscroll-nav-focus-bg-color: inherit !default;
35
35
 
36
- $hscroll-device-arrow-box-shadow: -4px 0 8px 0 rgba($shadow , .06) !default;
37
- $hscroll-device-arrow-rtl-box-shadow: 4px 0 8px 0 rgba($shadow , .06) !default;
36
+ $hscroll-device-arrow-box-shadow: -4px 0 8px 0 rgba($shadow, .06) !default;
37
+ $hscroll-device-arrow-rtl-box-shadow: 4px 0 8px 0 rgba($shadow, .06) !default;
38
38
  $hscroll-device-arrow-bg: $bg-base-15 !default;
39
39
  $hscroll-device-arrow-border-size: 1px !default;
40
40
  $hscroll-device-arrow-border-color: $border-fg !default;
@@ -1,4 +1,4 @@
1
- //default
1
+ //default
2
2
  $hscroll-skin: 'highcontrast' !default;
3
3
  $hscroll-nav-hover-border-color: $hover-border !default;
4
4
  $hscroll-nav-focus-bg-color: inherit !default;
@@ -15,10 +15,10 @@ $hscroll-device-arrow-size: 14px !default;
15
15
  $hscroll-device-arrow-size-bigger: 18px !default;
16
16
  $hscroll-overlay-opacity: .5 !default;
17
17
  $hscroll-device-arrow-border-color: $default-border-color !default;
18
- $hscroll-device-arrow-rtl-box-shadow: 4px 0 8px 0 rgba($shadow , .06) !default;
18
+ $hscroll-device-arrow-rtl-box-shadow: 4px 0 8px 0 rgba($shadow, .06) !default;
19
19
  $hscroll-device-arrow-bg: $hscroll-default-bg !default;
20
20
  $hscroll-device-arrow-border-size: 0 !default;
21
- $hscroll-device-arrow-box-shadow: -4px 0 8px 0 rgba($shadow , .6) !default;
21
+ $hscroll-device-arrow-box-shadow: -4px 0 8px 0 rgba($shadow, .6) !default;
22
22
  $hscroll-device-arrow-color: $default-icon-color !default;
23
23
  $hscroll-overlay-bg: $hscroll-default-bg !default;
24
24
  $hscroll-overlay-start: rgba($hscroll-overlay-bg, .0001) !default;
@@ -51,4 +51,5 @@ $hscroll-default-icon-color: $selection-bg !default;
51
51
  @mixin hscroll-btn-animation-after {
52
52
  content: '';
53
53
  }
54
+
54
55
  //enddefault
@@ -1,4 +1,5 @@
1
- @include export-module('h-scroll') {
1
+ @include export-module('h-scroll') {
2
+
2
3
  /*! h-scroll layout */
3
4
 
4
5
  .e-bigger #{&}.e-hscroll,
@@ -20,7 +21,7 @@
20
21
 
21
22
  .e-nav-arrow.e-icons {
22
23
  font-size: $hscroll-device-arrow-size-bigger;
23
- }
24
+ }
24
25
 
25
26
  &.e-rtl .e-scroll-overlay.e-scroll-right-overlay {
26
27
  left: $hscroll-nav-bgr-width;
@@ -37,7 +38,6 @@
37
38
  min-height: $hscroll-nav-bgr-minheight;
38
39
  width: $hscroll-nav-bgr-width;
39
40
  }
40
-
41
41
  }
42
42
 
43
43
  #{&}.e-hscroll {
@@ -69,7 +69,7 @@
69
69
  }
70
70
  }
71
71
  }
72
- }
72
+ }
73
73
 
74
74
  &:not(.e-scroll-device) {
75
75
  padding: $hscroll-nrml-padding;
@@ -120,18 +120,17 @@
120
120
 
121
121
  > * {
122
122
  height: inherit;
123
- }
123
+ }
124
124
 
125
125
  .e-hscroll-content {
126
126
  display: inline-block;
127
127
  height: inherit;
128
128
  position: relative;
129
- touch-action: none;
130
129
 
131
130
  > * {
132
131
  pointer-events: auto;
133
132
  }
134
- }
133
+ }
135
134
 
136
135
  &.e-rtl {
137
136
 
@@ -146,7 +145,7 @@
146
145
  left: auto;
147
146
  right: 0;
148
147
  }
149
- }
148
+ }
150
149
  }
151
150
 
152
151
  .e-scroll-nav {
@@ -170,12 +169,12 @@
170
169
 
171
170
  &.e-ie-align {
172
171
  display: table;
173
- }
172
+ }
174
173
  }
175
174
 
176
175
  .e-nav-arrow {
177
176
  position: relative;
178
- }
177
+ }
179
178
 
180
179
  .e-nav-arrow.e-icons {
181
180
  display: table-cell;
@@ -186,8 +185,7 @@
186
185
  @if $hscroll-skin == 'tailwind' or $hscroll-skin == 'bootstrap5' {
187
186
  font-size: $hscroll-device-arrow-size;
188
187
  }
189
-
190
- }
188
+ }
191
189
 
192
190
  .e-hscroll-bar {
193
191
 
@@ -195,8 +193,8 @@
195
193
 
196
194
  .e-overlay {
197
195
  pointer-events: none;
198
- }
199
196
  }
200
197
  }
198
+ }
201
199
  }
202
200
  }
@@ -1,4 +1,4 @@
1
- //default
1
+ //default
2
2
  $hscroll-skin: 'material' !default;
3
3
  $hscroll-default-bg: $grey-900 !default;
4
4
  $hscroll-press-bg: rgba($grey-white, .18) !default;
@@ -50,7 +50,7 @@ $hscroll-ribble-animation-shadow-frame-end: 0 0 0 200px rgba(255, 255, 255, .12)
50
50
  border-radius: 50%;
51
51
  border-width: 1px;
52
52
  box-sizing: border-box;
53
- content: '' ;
53
+ content: '';
54
54
  height: 1px;
55
55
  left: 50%;
56
56
  position: absolute;
@@ -68,10 +68,11 @@ $hscroll-ribble-animation-shadow-frame-end: 0 0 0 200px rgba(255, 255, 255, .12)
68
68
  0% {
69
69
  border-color: $hscroll-ribble-animation-border-frame;
70
70
  box-shadow: $hscroll-ribble-animation-shadow-frame;
71
- }
71
+ }
72
72
 
73
73
  100% {
74
74
  box-shadow: $hscroll-ribble-animation-shadow-frame-end;
75
- }
76
- }
75
+ }
76
+ }
77
+
77
78
  //enddefault
@@ -1,7 +1,7 @@
1
1
  /*! component's theme wise override definitions and variables */
2
2
  $hscroll-skin: 'material' !default;
3
- $hscroll-hover-font: $hover-font-color !default;
4
- $hscroll-active-font-color: $active-font-color !default;
3
+ $hscroll-hover-font: $hover-font-color !default;
4
+ $hscroll-active-font-color: $active-font-color !default;
5
5
  $hscroll-default-bg: $grey-50 !default;
6
6
  $hscroll-press-bg: $grey-400 !default;
7
7
  $hscroll-active-bg: $grey-400 !default;
@@ -29,8 +29,8 @@ $hscroll-overlay-end: rgba($hscroll-overlay-bg, 1) !default;
29
29
  $hscroll-right-bg: linear-gradient(-270deg, $hscroll-overlay-start 0%, $hscroll-overlay-end 100%) !default;
30
30
  $hscroll-left-bg: linear-gradient(-270deg, $hscroll-overlay-end 0%, $hscroll-overlay-start 100%) !default;
31
31
 
32
- $hscroll-device-arrow-box-shadow: -4px 0 8px 0 rgba($shadow , .06) !default;
33
- $hscroll-device-arrow-rtl-box-shadow: 4px 0 8px 0 rgba($shadow , .06) !default;
32
+ $hscroll-device-arrow-box-shadow: -4px 0 8px 0 rgba($shadow, .06) !default;
33
+ $hscroll-device-arrow-rtl-box-shadow: 4px 0 8px 0 rgba($shadow, .06) !default;
34
34
  $hscroll-device-arrow-bg: $grey-50 !default;
35
35
  $hscroll-device-arrow-border-size: 1px !default;
36
36
  $hscroll-device-arrow-border-color: rgba($grey-black, .12) !default;
@@ -49,7 +49,7 @@ $hscroll-ribble-animation-shadow-frame-end: 0 0 0 200px rgba(255, 255, 255, .12)
49
49
  border-radius: 50%;
50
50
  border-width: 1px;
51
51
  box-sizing: border-box;
52
- content: '' ;
52
+ content: '';
53
53
  height: 1px;
54
54
  left: 50%;
55
55
  position: absolute;
@@ -67,11 +67,9 @@ $hscroll-ribble-animation-shadow-frame-end: 0 0 0 200px rgba(255, 255, 255, .12)
67
67
  0% {
68
68
  border-color: $hscroll-ribble-animation-border-frame;
69
69
  box-shadow: $hscroll-ribble-animation-shadow-frame;
70
- }
70
+ }
71
71
 
72
72
  100% {
73
73
  box-shadow: $hscroll-ribble-animation-shadow-frame-end;
74
- }
75
- }
76
-
77
-
74
+ }
75
+ }
@@ -2,7 +2,7 @@
2
2
  $hscroll-skin: 'bootstrap5' !default;
3
3
  $border-type: solid;
4
4
  $hscroll-hover-font: $icon-color !default;
5
- $hscroll-active-font-color: $content-text-color-alt2 !default;
5
+ $hscroll-active-font-color: $content-text-color-alt2 !default;
6
6
  $hscroll-default-bg: $content-bg-color-alt2 !default;
7
7
  $hscroll-press-bg: $content-bg-color-alt2 !default;
8
8
  $hscroll-active-bg: $content-bg-color-alt2 !default;
@@ -50,7 +50,7 @@ $hscroll-ribble-animation-shadow-frame-end: 0 0 0 200px rgba(255, 255, 255, .12)
50
50
  border-radius: 50%;
51
51
  border-width: 1px;
52
52
  box-sizing: border-box;
53
- content: '' ;
53
+ content: '';
54
54
  height: 1px;
55
55
  left: 50%;
56
56
  position: absolute;
@@ -68,11 +68,9 @@ $hscroll-ribble-animation-shadow-frame-end: 0 0 0 200px rgba(255, 255, 255, .12)
68
68
  0% {
69
69
  border-color: $hscroll-ribble-animation-border-frame;
70
70
  box-shadow: $hscroll-ribble-animation-shadow-frame;
71
- }
71
+ }
72
72
 
73
73
  100% {
74
74
  box-shadow: $hscroll-ribble-animation-shadow-frame-end;
75
- }
76
- }
77
-
78
-
75
+ }
76
+ }
@@ -1,8 +1,8 @@
1
1
  /*! component's theme wise override definitions and variables */
2
2
  $hscroll-skin: 'tailwind' !default;
3
3
  $border-type: solid;
4
- $hscroll-hover-font: $content-text-color-alt2 !default;
5
- $hscroll-active-font-color: $content-text-color-alt2 !default;
4
+ $hscroll-hover-font: $content-text-color-alt2 !default;
5
+ $hscroll-active-font-color: $content-text-color-alt2 !default;
6
6
  $hscroll-default-bg: $content-bg-color-alt2 !default;
7
7
  $hscroll-press-bg: $content-bg-color-alt2 !default;
8
8
  $hscroll-active-bg: $content-bg-color-alt2 !default;
@@ -50,7 +50,7 @@ $hscroll-ribble-animation-shadow-frame-end: 0 0 0 200px rgba(255, 255, 255, .12)
50
50
  border-radius: 50%;
51
51
  border-width: 1px;
52
52
  box-sizing: border-box;
53
- content: '' ;
53
+ content: '';
54
54
  height: 1px;
55
55
  left: 50%;
56
56
  position: absolute;
@@ -68,11 +68,9 @@ $hscroll-ribble-animation-shadow-frame-end: 0 0 0 200px rgba(255, 255, 255, .12)
68
68
  0% {
69
69
  border-color: $hscroll-ribble-animation-border-frame;
70
70
  box-shadow: $hscroll-ribble-animation-shadow-frame;
71
- }
71
+ }
72
72
 
73
73
  100% {
74
74
  box-shadow: $hscroll-ribble-animation-shadow-frame-end;
75
- }
76
- }
77
-
78
-
75
+ }
76
+ }
@@ -1,4 +1,5 @@
1
- @include export-module('h-scroll-theme') {
1
+ @include export-module('h-scroll-theme') {
2
+
2
3
  /*! h-scroll theme */
3
4
  #{&}.e-hscroll {
4
5
 
@@ -15,7 +16,6 @@
15
16
  box-shadow: $hscroll-device-arrow-rtl-box-shadow;
16
17
  }
17
18
  }
18
-
19
19
  }
20
20
 
21
21
  &.e-scroll-device {
@@ -135,7 +135,6 @@
135
135
  }
136
136
  }
137
137
  }
138
-
139
138
  }
140
139
 
141
140
  .e-scroll-nav {
@@ -155,8 +154,7 @@
155
154
 
156
155
  &:active::after {
157
156
  @include hscroll-btn-animation-after;
158
- }
159
-
157
+ }
160
158
  }
161
159
  }
162
160
  }
@@ -123,8 +123,6 @@
123
123
  display: inline-block;
124
124
  height: inherit;
125
125
  position: relative;
126
- -ms-touch-action: none;
127
- touch-action: none;
128
126
  }
129
127
  .e-hscroll .e-hscroll-content > * {
130
128
  pointer-events: auto;
@@ -124,8 +124,6 @@
124
124
  display: inline-block;
125
125
  height: inherit;
126
126
  position: relative;
127
- -ms-touch-action: none;
128
- touch-action: none;
129
127
  }
130
128
  .e-hscroll .e-hscroll-content > * {
131
129
  pointer-events: auto;
@@ -124,8 +124,6 @@
124
124
  display: inline-block;
125
125
  height: inherit;
126
126
  position: relative;
127
- -ms-touch-action: none;
128
- touch-action: none;
129
127
  }
130
128
  .e-hscroll .e-hscroll-content > * {
131
129
  pointer-events: auto;
@@ -133,8 +133,6 @@
133
133
  display: inline-block;
134
134
  height: inherit;
135
135
  position: relative;
136
- -ms-touch-action: none;
137
- touch-action: none;
138
136
  }
139
137
  .e-hscroll .e-hscroll-content > * {
140
138
  pointer-events: auto;
@@ -133,8 +133,6 @@
133
133
  display: inline-block;
134
134
  height: inherit;
135
135
  position: relative;
136
- -ms-touch-action: none;
137
- touch-action: none;
138
136
  }
139
137
  .e-hscroll .e-hscroll-content > * {
140
138
  pointer-events: auto;
@@ -123,8 +123,6 @@
123
123
  display: inline-block;
124
124
  height: inherit;
125
125
  position: relative;
126
- -ms-touch-action: none;
127
- touch-action: none;
128
126
  }
129
127
  .e-hscroll .e-hscroll-content > * {
130
128
  pointer-events: auto;
@@ -123,8 +123,6 @@
123
123
  display: inline-block;
124
124
  height: inherit;
125
125
  position: relative;
126
- -ms-touch-action: none;
127
- touch-action: none;
128
126
  }
129
127
  .e-hscroll .e-hscroll-content > * {
130
128
  pointer-events: auto;
@@ -133,8 +133,6 @@
133
133
  display: inline-block;
134
134
  height: inherit;
135
135
  position: relative;
136
- -ms-touch-action: none;
137
- touch-action: none;
138
136
  }
139
137
  .e-hscroll .e-hscroll-content > * {
140
138
  pointer-events: auto;
@@ -133,8 +133,6 @@
133
133
  display: inline-block;
134
134
  height: inherit;
135
135
  position: relative;
136
- -ms-touch-action: none;
137
- touch-action: none;
138
136
  }
139
137
  .e-hscroll .e-hscroll-content > * {
140
138
  pointer-events: auto;
@@ -123,8 +123,6 @@
123
123
  display: inline-block;
124
124
  height: inherit;
125
125
  position: relative;
126
- -ms-touch-action: none;
127
- touch-action: none;
128
126
  }
129
127
  .e-hscroll .e-hscroll-content > * {
130
128
  pointer-events: auto;
@@ -123,8 +123,6 @@
123
123
  display: inline-block;
124
124
  height: inherit;
125
125
  position: relative;
126
- -ms-touch-action: none;
127
- touch-action: none;
128
126
  }
129
127
  .e-hscroll .e-hscroll-content > * {
130
128
  pointer-events: auto;
@@ -1,4 +1,5 @@
1
1
  @include export-module('hscroll-bootstrap-dark-icons') {
2
+
2
3
  /*! hscroll icons */
3
4
  #{&}.e-hscroll {
4
5
 
@@ -13,16 +14,15 @@
13
14
  .e-nav-left-arrow::before {
14
15
  content: '\e913';
15
16
  }
16
-
17
17
  }
18
18
 
19
19
  .e-nav-left-arrow::before {
20
20
  content: '\e848';
21
- }
21
+ }
22
22
 
23
23
  .e-nav-right-arrow::before {
24
24
  content: '\e84b';
25
- }
25
+ }
26
26
  }
27
27
 
28
28
  &.e-scroll-device {
@@ -47,4 +47,3 @@
47
47
  }
48
48
  }
49
49
  }
50
-
@@ -1,4 +1,5 @@
1
1
  @include export-module('hscroll-bootstrap-icons') {
2
+
2
3
  /*! hscroll icons */
3
4
  #{&}.e-hscroll {
4
5
 
@@ -13,16 +14,15 @@
13
14
  .e-nav-left-arrow::before {
14
15
  content: '\e913';
15
16
  }
16
-
17
17
  }
18
18
 
19
19
  .e-nav-left-arrow::before {
20
20
  content: '\e848';
21
- }
21
+ }
22
22
 
23
23
  .e-nav-right-arrow::before {
24
24
  content: '\e84b';
25
- }
25
+ }
26
26
  }
27
27
 
28
28
  &.e-scroll-device {
@@ -47,4 +47,3 @@
47
47
  }
48
48
  }
49
49
  }
50
-