@syncfusion/ej2-navigations 19.4.56 → 20.1.51

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 (371) hide show
  1. package/CHANGELOG.md +53 -2
  2. package/README.md +16 -1
  3. package/carousel.d.ts +4 -0
  4. package/carousel.js +4 -0
  5. package/dist/ej2-navigations.umd.min.js +2 -2
  6. package/dist/ej2-navigations.umd.min.js.map +1 -1
  7. package/dist/es6/ej2-navigations.es2015.js +1065 -30
  8. package/dist/es6/ej2-navigations.es2015.js.map +1 -1
  9. package/dist/es6/ej2-navigations.es5.js +1106 -33
  10. package/dist/es6/ej2-navigations.es5.js.map +1 -1
  11. package/dist/global/ej2-navigations.min.js +2 -2
  12. package/dist/global/ej2-navigations.min.js.map +1 -1
  13. package/dist/global/index.d.ts +1 -1
  14. package/package.json +11 -11
  15. package/src/accordion/accordion.js +11 -3
  16. package/src/breadcrumb/breadcrumb.js +6 -0
  17. package/src/carousel/carousel-model.d.ts +227 -0
  18. package/src/carousel/carousel.d.ts +338 -0
  19. package/src/carousel/carousel.js +988 -0
  20. package/src/carousel/index.d.ts +3 -0
  21. package/src/carousel/index.js +2 -0
  22. package/src/common/h-scroll.js +5 -3
  23. package/src/common/menu-base.js +11 -13
  24. package/src/index.d.ts +1 -0
  25. package/src/index.js +1 -0
  26. package/src/tab/tab-model.d.ts +1 -1
  27. package/src/tab/tab.js +72 -11
  28. package/src/toolbar/toolbar.js +11 -0
  29. package/src/treeview/treeview.js +5 -2
  30. package/styles/accordion/_bootstrap-dark-definition.scss +4 -4
  31. package/styles/accordion/_bootstrap-definition.scss +4 -4
  32. package/styles/accordion/_bootstrap4-definition.scss +4 -4
  33. package/styles/accordion/_bootstrap5-definition.scss +10 -10
  34. package/styles/accordion/_fabric-dark-definition.scss +9 -9
  35. package/styles/accordion/_fabric-definition.scss +9 -9
  36. package/styles/accordion/_fluent-dark-definition.scss +1 -0
  37. package/styles/accordion/_fluent-definition.scss +10 -10
  38. package/styles/accordion/_highcontrast-definition.scss +8 -8
  39. package/styles/accordion/_highcontrast-light-definition.scss +8 -8
  40. package/styles/accordion/_layout.scss +56 -86
  41. package/styles/accordion/_material-dark-definition.scss +8 -8
  42. package/styles/accordion/_material-definition.scss +8 -8
  43. package/styles/accordion/_tailwind-definition.scss +10 -10
  44. package/styles/accordion/_theme.scss +14 -1
  45. package/styles/accordion/bootstrap-dark.css +48 -63
  46. package/styles/accordion/bootstrap.css +48 -63
  47. package/styles/accordion/bootstrap4.css +48 -63
  48. package/styles/accordion/bootstrap5-dark.css +51 -66
  49. package/styles/accordion/bootstrap5.css +51 -66
  50. package/styles/accordion/fabric-dark.css +50 -65
  51. package/styles/accordion/fabric.css +50 -65
  52. package/styles/accordion/fluent-dark.css +395 -0
  53. package/styles/accordion/fluent-dark.scss +4 -0
  54. package/styles/accordion/fluent.css +395 -0
  55. package/styles/accordion/fluent.scss +4 -0
  56. package/styles/accordion/highcontrast-light.css +49 -64
  57. package/styles/accordion/highcontrast.css +49 -64
  58. package/styles/accordion/icons/_fluent-dark.scss +1 -0
  59. package/styles/accordion/icons/_fluent.scss +2 -1
  60. package/styles/accordion/icons/_tailwind.scss +2 -1
  61. package/styles/accordion/material-dark.css +49 -64
  62. package/styles/accordion/material.css +49 -64
  63. package/styles/accordion/tailwind-dark.css +52 -67
  64. package/styles/accordion/tailwind.css +52 -67
  65. package/styles/bootstrap-dark.css +309 -68
  66. package/styles/bootstrap-dark.scss +1 -0
  67. package/styles/bootstrap.css +309 -68
  68. package/styles/bootstrap.scss +1 -0
  69. package/styles/bootstrap4.css +309 -68
  70. package/styles/bootstrap4.scss +1 -0
  71. package/styles/bootstrap5-dark.css +414 -170
  72. package/styles/bootstrap5-dark.scss +1 -0
  73. package/styles/bootstrap5.css +414 -170
  74. package/styles/bootstrap5.scss +1 -0
  75. package/styles/breadcrumb/_bootstrap5-definition.scss +2 -2
  76. package/styles/breadcrumb/_fluent-dark-definition.scss +1 -0
  77. package/styles/breadcrumb/_fluent-definition.scss +4 -1
  78. package/styles/breadcrumb/_layout.scss +42 -5
  79. package/styles/breadcrumb/_tailwind-dark-definition.scss +1 -60
  80. package/styles/breadcrumb/_tailwind-definition.scss +2 -2
  81. package/styles/breadcrumb/_theme.scss +11 -5
  82. package/styles/breadcrumb/bootstrap-dark.css +9 -1
  83. package/styles/breadcrumb/bootstrap.css +9 -1
  84. package/styles/breadcrumb/bootstrap4.css +9 -1
  85. package/styles/breadcrumb/bootstrap5-dark.css +11 -3
  86. package/styles/breadcrumb/bootstrap5.css +11 -3
  87. package/styles/breadcrumb/fabric-dark.css +9 -3
  88. package/styles/breadcrumb/fabric.css +9 -3
  89. package/styles/breadcrumb/fluent-dark.css +444 -0
  90. package/styles/breadcrumb/fluent-dark.scss +4 -0
  91. package/styles/breadcrumb/fluent.css +444 -0
  92. package/styles/breadcrumb/fluent.scss +4 -0
  93. package/styles/breadcrumb/highcontrast-light.css +9 -3
  94. package/styles/breadcrumb/highcontrast.css +9 -3
  95. package/styles/breadcrumb/icons/_fluent-dark.scss +1 -0
  96. package/styles/breadcrumb/icons/_fluent.scss +4 -4
  97. package/styles/breadcrumb/icons/_tailwind-dark.scss +13 -2
  98. package/styles/breadcrumb/icons/_tailwind.scss +13 -2
  99. package/styles/breadcrumb/material-dark.css +9 -1
  100. package/styles/breadcrumb/material.css +9 -1
  101. package/styles/breadcrumb/tailwind-dark.css +27 -10
  102. package/styles/breadcrumb/tailwind.css +26 -9
  103. package/styles/carousel/_all.scss +2 -0
  104. package/styles/carousel/_bootstrap-dark-definition.scss +22 -0
  105. package/styles/carousel/_bootstrap-definition.scss +22 -0
  106. package/styles/carousel/_bootstrap4-definition.scss +22 -0
  107. package/styles/carousel/_bootstrap5-dark-definition.scss +1 -0
  108. package/styles/carousel/_bootstrap5-definition.scss +22 -0
  109. package/styles/carousel/_fabric-dark-definition.scss +22 -0
  110. package/styles/carousel/_fabric-definition.scss +22 -0
  111. package/styles/carousel/_fluent-dark-definition.scss +1 -0
  112. package/styles/carousel/_fluent-definition.scss +22 -0
  113. package/styles/carousel/_highcontrast-definition.scss +22 -0
  114. package/styles/carousel/_highcontrast-light-definition.scss +22 -0
  115. package/styles/carousel/_layout.scss +150 -0
  116. package/styles/carousel/_material-dark-definition.scss +22 -0
  117. package/styles/carousel/_material-definition.scss +22 -0
  118. package/styles/carousel/_tailwind-dark-definition.scss +1 -0
  119. package/styles/carousel/_tailwind-definition.scss +22 -0
  120. package/styles/carousel/_theme.scss +56 -0
  121. package/styles/carousel/bootstrap-dark.css +236 -0
  122. package/styles/carousel/bootstrap-dark.scss +5 -0
  123. package/styles/carousel/bootstrap.css +236 -0
  124. package/styles/carousel/bootstrap.scss +5 -0
  125. package/styles/carousel/bootstrap4.css +236 -0
  126. package/styles/carousel/bootstrap4.scss +5 -0
  127. package/styles/carousel/bootstrap5-dark.css +236 -0
  128. package/styles/carousel/bootstrap5-dark.scss +5 -0
  129. package/styles/carousel/bootstrap5.css +236 -0
  130. package/styles/carousel/bootstrap5.scss +5 -0
  131. package/styles/carousel/fabric-dark.css +236 -0
  132. package/styles/carousel/fabric-dark.scss +5 -0
  133. package/styles/carousel/fabric.css +236 -0
  134. package/styles/carousel/fabric.scss +5 -0
  135. package/styles/carousel/fluent-dark.css +236 -0
  136. package/styles/carousel/fluent-dark.scss +5 -0
  137. package/styles/carousel/fluent.css +236 -0
  138. package/styles/carousel/fluent.scss +5 -0
  139. package/styles/carousel/highcontrast-light.css +236 -0
  140. package/styles/carousel/highcontrast-light.scss +5 -0
  141. package/styles/carousel/highcontrast.css +236 -0
  142. package/styles/carousel/highcontrast.scss +5 -0
  143. package/styles/carousel/icons/_bootstrap-dark.scss +30 -0
  144. package/styles/carousel/icons/_bootstrap.scss +30 -0
  145. package/styles/carousel/icons/_bootstrap4.scss +30 -0
  146. package/styles/carousel/icons/_bootstrap5-dark.scss +1 -0
  147. package/styles/carousel/icons/_bootstrap5.scss +30 -0
  148. package/styles/carousel/icons/_fabric-dark.scss +30 -0
  149. package/styles/carousel/icons/_fabric.scss +30 -0
  150. package/styles/carousel/icons/_fluent-dark.scss +1 -0
  151. package/styles/carousel/icons/_fluent.scss +30 -0
  152. package/styles/carousel/icons/_highcontrast-light.scss +30 -0
  153. package/styles/carousel/icons/_highcontrast.scss +30 -0
  154. package/styles/carousel/icons/_material-dark.scss +30 -0
  155. package/styles/carousel/icons/_material.scss +30 -0
  156. package/styles/carousel/icons/_tailwind-dark.scss +1 -0
  157. package/styles/carousel/icons/_tailwind.scss +30 -0
  158. package/styles/carousel/material-dark.css +237 -0
  159. package/styles/carousel/material-dark.scss +5 -0
  160. package/styles/carousel/material.css +237 -0
  161. package/styles/carousel/material.scss +5 -0
  162. package/styles/carousel/tailwind-dark.css +237 -0
  163. package/styles/carousel/tailwind-dark.scss +5 -0
  164. package/styles/carousel/tailwind.css +237 -0
  165. package/styles/carousel/tailwind.scss +5 -0
  166. package/styles/context-menu/_bootstrap5-definition.scss +2 -2
  167. package/styles/context-menu/_fluent-dark-definition.scss +1 -0
  168. package/styles/context-menu/_fluent-definition.scss +10 -10
  169. package/styles/context-menu/_layout-mixin.scss +3 -0
  170. package/styles/context-menu/_layout.scss +11 -1
  171. package/styles/context-menu/_tailwind-definition.scss +2 -1
  172. package/styles/context-menu/bootstrap-dark.css +5 -0
  173. package/styles/context-menu/bootstrap.css +5 -0
  174. package/styles/context-menu/bootstrap4.css +5 -0
  175. package/styles/context-menu/bootstrap5-dark.css +16 -8
  176. package/styles/context-menu/bootstrap5.css +16 -8
  177. package/styles/context-menu/fabric-dark.css +5 -0
  178. package/styles/context-menu/fabric.css +5 -0
  179. package/styles/context-menu/fluent-dark.css +388 -0
  180. package/styles/context-menu/fluent-dark.scss +4 -0
  181. package/styles/context-menu/fluent.css +388 -0
  182. package/styles/context-menu/fluent.scss +4 -0
  183. package/styles/context-menu/highcontrast-light.css +5 -0
  184. package/styles/context-menu/highcontrast.css +5 -0
  185. package/styles/context-menu/icons/_fluent-dark.scss +1 -0
  186. package/styles/context-menu/icons/_fluent.scss +3 -3
  187. package/styles/context-menu/icons/_tailwind-dark.scss +3 -3
  188. package/styles/context-menu/icons/_tailwind.scss +3 -3
  189. package/styles/context-menu/material-dark.css +5 -0
  190. package/styles/context-menu/material.css +5 -0
  191. package/styles/context-menu/tailwind-dark.css +11 -4
  192. package/styles/context-menu/tailwind.css +11 -4
  193. package/styles/fabric-dark.css +311 -72
  194. package/styles/fabric-dark.scss +1 -0
  195. package/styles/fabric.css +311 -72
  196. package/styles/fabric.scss +1 -0
  197. package/styles/fluent-dark.css +10263 -0
  198. package/styles/fluent-dark.scss +11 -0
  199. package/styles/fluent.css +10263 -0
  200. package/styles/fluent.scss +11 -0
  201. package/styles/h-scroll/_bootstrap5-definition.scss +3 -3
  202. package/styles/h-scroll/_fluent-dark-definition.scss +1 -0
  203. package/styles/h-scroll/_layout.scss +0 -1
  204. package/styles/h-scroll/_material-dark-definition.scss +3 -3
  205. package/styles/h-scroll/bootstrap-dark.css +0 -1
  206. package/styles/h-scroll/bootstrap.css +0 -1
  207. package/styles/h-scroll/bootstrap4.css +0 -1
  208. package/styles/h-scroll/bootstrap5-dark.css +10 -11
  209. package/styles/h-scroll/bootstrap5.css +10 -11
  210. package/styles/h-scroll/fabric-dark.css +0 -1
  211. package/styles/h-scroll/fabric.css +0 -1
  212. package/styles/h-scroll/fluent-dark.css +326 -0
  213. package/styles/h-scroll/fluent-dark.scss +4 -0
  214. package/styles/h-scroll/fluent.css +326 -0
  215. package/styles/h-scroll/fluent.scss +4 -0
  216. package/styles/h-scroll/highcontrast-light.css +0 -1
  217. package/styles/h-scroll/highcontrast.css +0 -1
  218. package/styles/h-scroll/icons/_fluent-dark.scss +1 -0
  219. package/styles/h-scroll/icons/_fluent.scss +9 -9
  220. package/styles/h-scroll/icons/_tailwind.scss +8 -8
  221. package/styles/h-scroll/material-dark.css +3 -4
  222. package/styles/h-scroll/material.css +0 -1
  223. package/styles/h-scroll/tailwind-dark.css +8 -9
  224. package/styles/h-scroll/tailwind.css +8 -9
  225. package/styles/highcontrast-light.css +310 -71
  226. package/styles/highcontrast-light.scss +1 -0
  227. package/styles/highcontrast.css +311 -72
  228. package/styles/highcontrast.scss +1 -0
  229. package/styles/material-dark.css +313 -72
  230. package/styles/material-dark.scss +1 -0
  231. package/styles/material.css +310 -69
  232. package/styles/material.scss +1 -0
  233. package/styles/menu/_bootstrap5-definition.scss +4 -5
  234. package/styles/menu/_fluent-dark-definition.scss +1 -0
  235. package/styles/menu/_fluent-definition.scss +9 -9
  236. package/styles/menu/_layout.scss +8 -4
  237. package/styles/menu/_tailwind-definition.scss +1 -0
  238. package/styles/menu/_theme.scss +9 -0
  239. package/styles/menu/bootstrap-dark.css +1 -2
  240. package/styles/menu/bootstrap.css +1 -2
  241. package/styles/menu/bootstrap4.css +1 -2
  242. package/styles/menu/bootstrap5-dark.css +23 -24
  243. package/styles/menu/bootstrap5.css +23 -24
  244. package/styles/menu/fabric-dark.css +1 -2
  245. package/styles/menu/fabric.css +1 -2
  246. package/styles/menu/fluent-dark.css +1261 -0
  247. package/styles/menu/fluent-dark.scss +8 -0
  248. package/styles/menu/fluent.css +1261 -0
  249. package/styles/menu/fluent.scss +8 -0
  250. package/styles/menu/highcontrast-light.css +1 -2
  251. package/styles/menu/highcontrast.css +1 -2
  252. package/styles/menu/icons/_fluent-dark.scss +1 -0
  253. package/styles/menu/icons/_fluent.scss +14 -14
  254. package/styles/menu/icons/_tailwind-dark.scss +14 -14
  255. package/styles/menu/icons/_tailwind.scss +15 -15
  256. package/styles/menu/material-dark.css +1 -2
  257. package/styles/menu/material.css +1 -2
  258. package/styles/menu/tailwind-dark.css +18 -18
  259. package/styles/menu/tailwind.css +18 -18
  260. package/styles/sidebar/_fluent-dark-definition.scss +1 -0
  261. package/styles/sidebar/_theme.scss +5 -0
  262. package/styles/sidebar/bootstrap-dark.css +4 -0
  263. package/styles/sidebar/bootstrap.css +4 -0
  264. package/styles/sidebar/bootstrap4.css +4 -0
  265. package/styles/sidebar/bootstrap5-dark.css +4 -0
  266. package/styles/sidebar/bootstrap5.css +4 -0
  267. package/styles/sidebar/fabric-dark.css +4 -0
  268. package/styles/sidebar/fabric.css +4 -0
  269. package/styles/sidebar/fluent-dark.css +158 -0
  270. package/styles/sidebar/fluent-dark.scss +3 -0
  271. package/styles/sidebar/fluent.css +158 -0
  272. package/styles/sidebar/fluent.scss +3 -0
  273. package/styles/sidebar/highcontrast-light.css +4 -0
  274. package/styles/sidebar/highcontrast.css +4 -0
  275. package/styles/sidebar/material-dark.css +4 -0
  276. package/styles/sidebar/material.css +4 -0
  277. package/styles/sidebar/tailwind-dark.css +4 -0
  278. package/styles/sidebar/tailwind.css +4 -0
  279. package/styles/tab/_bootstrap5-definition.scss +7 -7
  280. package/styles/tab/_fluent-dark-definition.scss +1 -0
  281. package/styles/tab/_fluent-definition.scss +20 -20
  282. package/styles/tab/_highcontrast-definition.scss +1 -1
  283. package/styles/tab/_layout.scss +68 -12
  284. package/styles/tab/_tailwind-definition.scss +7 -7
  285. package/styles/tab/_theme.scss +12 -6
  286. package/styles/tab/bootstrap-dark.css +1 -1
  287. package/styles/tab/bootstrap.css +1 -1
  288. package/styles/tab/bootstrap4.css +1 -1
  289. package/styles/tab/bootstrap5-dark.css +23 -23
  290. package/styles/tab/bootstrap5.css +23 -23
  291. package/styles/tab/fabric-dark.css +1 -1
  292. package/styles/tab/fabric.css +1 -1
  293. package/styles/tab/fluent-dark.css +4394 -0
  294. package/styles/tab/fluent-dark.scss +5 -0
  295. package/styles/tab/fluent.css +4394 -0
  296. package/styles/tab/fluent.scss +5 -0
  297. package/styles/tab/highcontrast-light.css +1 -1
  298. package/styles/tab/highcontrast.css +2 -2
  299. package/styles/tab/icons/_fluent-dark.scss +1 -0
  300. package/styles/tab/icons/_fluent.scss +19 -18
  301. package/styles/tab/icons/_tailwind.scss +19 -18
  302. package/styles/tab/material-dark.css +1 -1
  303. package/styles/tab/material.css +1 -1
  304. package/styles/tab/tailwind-dark.css +43 -45
  305. package/styles/tab/tailwind.css +43 -45
  306. package/styles/tailwind-dark.css +428 -177
  307. package/styles/tailwind-dark.scss +1 -0
  308. package/styles/tailwind.css +427 -176
  309. package/styles/tailwind.scss +1 -0
  310. package/styles/toolbar/_bootstrap-dark-definition.scss +1 -0
  311. package/styles/toolbar/_bootstrap-definition.scss +1 -0
  312. package/styles/toolbar/_bootstrap4-definition.scss +1 -0
  313. package/styles/toolbar/_bootstrap5-definition.scss +12 -11
  314. package/styles/toolbar/_fabric-dark-definition.scss +1 -0
  315. package/styles/toolbar/_fabric-definition.scss +1 -0
  316. package/styles/toolbar/_fluent-dark-definition.scss +1 -0
  317. package/styles/toolbar/_fluent-definition.scss +14 -13
  318. package/styles/toolbar/_highcontrast-definition.scss +1 -0
  319. package/styles/toolbar/_highcontrast-light-definition.scss +1 -0
  320. package/styles/toolbar/_layout.scss +13 -5
  321. package/styles/toolbar/_material-dark-definition.scss +1 -0
  322. package/styles/toolbar/_material-definition.scss +1 -0
  323. package/styles/toolbar/_tailwind-definition.scss +4 -3
  324. package/styles/toolbar/_theme.scss +5 -1
  325. package/styles/toolbar/bootstrap-dark.css +4 -0
  326. package/styles/toolbar/bootstrap.css +4 -0
  327. package/styles/toolbar/bootstrap4.css +4 -0
  328. package/styles/toolbar/bootstrap5-dark.css +35 -31
  329. package/styles/toolbar/bootstrap5.css +35 -31
  330. package/styles/toolbar/fabric-dark.css +4 -0
  331. package/styles/toolbar/fabric.css +4 -0
  332. package/styles/toolbar/fluent-dark.css +1365 -0
  333. package/styles/toolbar/fluent-dark.scss +8 -0
  334. package/styles/toolbar/fluent.css +1365 -0
  335. package/styles/toolbar/fluent.scss +8 -0
  336. package/styles/toolbar/highcontrast-light.css +4 -0
  337. package/styles/toolbar/highcontrast.css +4 -0
  338. package/styles/toolbar/icons/_fluent-dark.scss +1 -0
  339. package/styles/toolbar/icons/_fluent.scss +3 -2
  340. package/styles/toolbar/icons/_tailwind.scss +3 -2
  341. package/styles/toolbar/material-dark.css +4 -0
  342. package/styles/toolbar/material.css +4 -0
  343. package/styles/toolbar/tailwind-dark.css +10 -6
  344. package/styles/toolbar/tailwind.css +10 -6
  345. package/styles/treeview/_bootstrap5-definition.scss +2 -2
  346. package/styles/treeview/_fluent-dark-definition.scss +1 -0
  347. package/styles/treeview/_fluent-definition.scss +2 -2
  348. package/styles/treeview/_layout.scss +8 -3
  349. package/styles/treeview/_tailwind-definition.scss +5 -5
  350. package/styles/treeview/bootstrap5-dark.css +4 -4
  351. package/styles/treeview/bootstrap5.css +4 -4
  352. package/styles/treeview/fluent-dark.css +1039 -0
  353. package/styles/treeview/fluent-dark.scss +6 -0
  354. package/styles/treeview/fluent.css +1039 -0
  355. package/styles/treeview/fluent.scss +6 -0
  356. package/styles/treeview/icons/_fluent-dark.scss +1 -0
  357. package/styles/treeview/icons/_fluent.scss +5 -5
  358. package/styles/treeview/icons/_tailwind-dark.scss +5 -5
  359. package/styles/treeview/icons/_tailwind.scss +5 -5
  360. package/styles/treeview/tailwind-dark.css +13 -14
  361. package/styles/treeview/tailwind.css +13 -14
  362. package/styles/v-scroll/_fluent-dark-definition.scss +1 -0
  363. package/styles/v-scroll/fluent-dark.css +247 -0
  364. package/styles/v-scroll/fluent-dark.scss +4 -0
  365. package/styles/v-scroll/fluent.css +247 -0
  366. package/styles/v-scroll/fluent.scss +4 -0
  367. package/styles/v-scroll/icons/_fluent-dark.scss +1 -0
  368. package/styles/v-scroll/icons/_fluent.scss +5 -4
  369. package/styles/v-scroll/icons/_tailwind.scss +5 -4
  370. package/styles/v-scroll/tailwind-dark.css +4 -4
  371. package/styles/v-scroll/tailwind.css +4 -4
@@ -176,7 +176,6 @@
176
176
  cursor: pointer;
177
177
  display: -ms-flexbox;
178
178
  display: flex;
179
- height: 100%;
180
179
  min-height: 40px;
181
180
  overflow: hidden;
182
181
  position: absolute;
@@ -1859,6 +1858,10 @@
1859
1858
  outline: none;
1860
1859
  }
1861
1860
 
1861
+ .e-toolbar .e-toolbar-pop .e-toolbar-item:not(.e-separator) {
1862
+ background: transparent;
1863
+ }
1864
+
1862
1865
  .e-toolbar.e-extended-toolbar .e-toolbar-pop {
1863
1866
  background: #000;
1864
1867
  }
@@ -2035,24 +2038,34 @@
2035
2038
  font-size: 14px;
2036
2039
  }
2037
2040
 
2041
+ .e-bigger .e-accordion .e-acrdn-item.e-select .e-acrdn-panel.e-nested > .e-acrdn-content > .e-accordion > .e-acrdn-item > .e-acrdn-panel:not(.e-nested) > .e-acrdn-content,
2042
+ .e-accordion.e-bigger .e-acrdn-item.e-select .e-acrdn-panel.e-nested > .e-acrdn-content > .e-accordion > .e-acrdn-item > .e-acrdn-panel:not(.e-nested) > .e-acrdn-content {
2043
+ padding: 19px 19px 19px 24px;
2044
+ }
2045
+
2046
+ .e-bigger .e-accordion .e-acrdn-item.e-select .e-acrdn-panel.e-nested > .e-acrdn-content > .e-accordion > .e-acrdn-item > .e-acrdn-header,
2047
+ .e-accordion.e-bigger .e-acrdn-item.e-select .e-acrdn-panel.e-nested > .e-acrdn-content > .e-accordion > .e-acrdn-item > .e-acrdn-header {
2048
+ padding: 0 42px 0 24px;
2049
+ }
2050
+
2038
2051
  .e-bigger .e-accordion .e-acrdn-item.e-select .e-acrdn-panel.e-nested > .e-acrdn-content,
2039
2052
  .e-accordion.e-bigger .e-acrdn-item.e-select .e-acrdn-panel.e-nested > .e-acrdn-content {
2040
2053
  padding: 0;
2041
2054
  }
2042
2055
 
2043
- .e-bigger .e-accordion .e-acrdn-item.e-select .e-acrdn-panel.e-nested .e-acrdn-content .e-accordion,
2044
- .e-accordion.e-bigger .e-acrdn-item.e-select .e-acrdn-panel.e-nested .e-acrdn-content .e-accordion {
2056
+ .e-bigger .e-accordion .e-acrdn-item.e-select .e-acrdn-panel.e-nested > .e-acrdn-content > .e-accordion,
2057
+ .e-accordion.e-bigger .e-acrdn-item.e-select .e-acrdn-panel.e-nested > .e-acrdn-content > .e-accordion {
2045
2058
  border: 0;
2046
2059
  }
2047
2060
 
2048
- .e-bigger .e-accordion .e-acrdn-item.e-select .e-acrdn-panel.e-nested .e-accordion .e-acrdn-panel.e-nested .e-acrdn-content .e-acrdn-header,
2049
- .e-accordion.e-bigger .e-acrdn-item.e-select .e-acrdn-panel.e-nested .e-accordion .e-acrdn-panel.e-nested .e-acrdn-content .e-acrdn-header {
2061
+ .e-bigger .e-accordion .e-acrdn-item.e-select .e-acrdn-panel.e-nested > .e-acrdn-content .e-accordion .e-acrdn-panel.e-nested .e-acrdn-content .e-acrdn-header,
2062
+ .e-accordion.e-bigger .e-acrdn-item.e-select .e-acrdn-panel.e-nested > .e-acrdn-content .e-accordion .e-acrdn-panel.e-nested .e-acrdn-content .e-acrdn-header {
2050
2063
  padding: 0 42px 0 36px;
2051
2064
  }
2052
2065
 
2053
- .e-bigger .e-accordion .e-acrdn-item.e-select .e-acrdn-panel.e-nested .e-accordion .e-acrdn-item.e-select .e-acrdn-header,
2054
- .e-accordion.e-bigger .e-acrdn-item.e-select .e-acrdn-panel.e-nested .e-accordion .e-acrdn-item.e-select .e-acrdn-header {
2055
- padding: 0 42px 0 24px;
2066
+ .e-bigger .e-accordion .e-acrdn-item.e-select .e-acrdn-panel.e-nested > .e-acrdn-content .e-accordion .e-acrdn-panel.e-nested .e-acrdn-content .e-acrdn-panel .e-acrdn-content,
2067
+ .e-accordion.e-bigger .e-acrdn-item.e-select .e-acrdn-panel.e-nested > .e-acrdn-content .e-accordion .e-acrdn-panel.e-nested .e-acrdn-content .e-acrdn-panel .e-acrdn-content {
2068
+ padding: 19px 19px 19px 36px;
2056
2069
  }
2057
2070
 
2058
2071
  .e-bigger .e-accordion .e-acrdn-item.e-select .e-acrdn-panel .e-acrdn-header .e-acrdn-header-content,
@@ -2087,49 +2100,24 @@
2087
2100
  font-size: 13px;
2088
2101
  }
2089
2102
 
2090
- .e-bigger .e-accordion .e-acrdn-item.e-select .e-acrdn-panel .e-acrdn-content .e-acrdn-panel .e-acrdn-content,
2091
- .e-accordion.e-bigger .e-acrdn-item.e-select .e-acrdn-panel .e-acrdn-content .e-acrdn-panel .e-acrdn-content {
2092
- padding: 19px 19px 19px 45px;
2093
- }
2094
-
2095
- .e-bigger .e-accordion .e-acrdn-item.e-select .e-acrdn-panel .e-acrdn-content .e-acrdn-panel .e-acrdn-panel .e-acrdn-content,
2096
- .e-accordion.e-bigger .e-acrdn-item.e-select .e-acrdn-panel .e-acrdn-content .e-acrdn-panel .e-acrdn-panel .e-acrdn-content {
2097
- padding: 19px 19px 19px 60px;
2098
- }
2099
-
2100
- .e-bigger .e-accordion .e-acrdn-item.e-select .e-acrdn-panel .e-acrdn-content .e-acrdn-header,
2101
- .e-accordion.e-bigger .e-acrdn-item.e-select .e-acrdn-panel .e-acrdn-content .e-acrdn-header {
2102
- padding: 0 42px 0 24px;
2103
- }
2104
-
2105
- .e-bigger .e-accordion.e-rtl .e-acrdn-item.e-select .e-acrdn-panel .e-acrdn-content .e-acrdn-panel.e-nested > .e-acrdn-content,
2106
- .e-accordion.e-bigger.e-rtl .e-acrdn-item.e-select .e-acrdn-panel .e-acrdn-content .e-acrdn-panel.e-nested > .e-acrdn-content {
2107
- padding: 0;
2108
- }
2109
-
2110
- .e-bigger .e-accordion.e-rtl .e-acrdn-item.e-select .e-acrdn-panel .e-acrdn-content .e-acrdn-panel .e-acrdn-content,
2111
- .e-accordion.e-bigger.e-rtl .e-acrdn-item.e-select .e-acrdn-panel .e-acrdn-content .e-acrdn-panel .e-acrdn-content {
2112
- padding: 19px 45px 19px 19px;
2103
+ .e-bigger .e-accordion.e-rtl .e-acrdn-item.e-select .e-acrdn-panel.e-nested > .e-acrdn-content > .e-accordion > .e-acrdn-item > .e-acrdn-panel:not(.e-nested) > .e-acrdn-content,
2104
+ .e-accordion.e-bigger.e-rtl .e-acrdn-item.e-select .e-acrdn-panel.e-nested > .e-acrdn-content > .e-accordion > .e-acrdn-item > .e-acrdn-panel:not(.e-nested) > .e-acrdn-content {
2105
+ padding: 19px 24px 19px 19px;
2113
2106
  }
2114
2107
 
2115
- .e-bigger .e-accordion.e-rtl .e-acrdn-item.e-select .e-acrdn-panel .e-acrdn-content .e-acrdn-panel .e-acrdn-panel.e-nested > .e-acrdn-content,
2116
- .e-accordion.e-bigger.e-rtl .e-acrdn-item.e-select .e-acrdn-panel .e-acrdn-content .e-acrdn-panel .e-acrdn-panel.e-nested > .e-acrdn-content {
2117
- padding: 0;
2118
- }
2119
-
2120
- .e-bigger .e-accordion.e-rtl .e-acrdn-item.e-select .e-acrdn-panel .e-acrdn-content .e-acrdn-panel .e-acrdn-panel .e-acrdn-content,
2121
- .e-accordion.e-bigger.e-rtl .e-acrdn-item.e-select .e-acrdn-panel .e-acrdn-content .e-acrdn-panel .e-acrdn-panel .e-acrdn-content {
2122
- padding: 19px 60px 19px 19px;
2108
+ .e-bigger .e-accordion.e-rtl .e-acrdn-item.e-select .e-acrdn-panel.e-nested > .e-acrdn-content > .e-accordion > .e-acrdn-item > .e-acrdn-header,
2109
+ .e-accordion.e-bigger.e-rtl .e-acrdn-item.e-select .e-acrdn-panel.e-nested > .e-acrdn-content > .e-accordion > .e-acrdn-item > .e-acrdn-header {
2110
+ padding: 0 24px 0 42px;
2123
2111
  }
2124
2112
 
2125
- .e-bigger .e-accordion.e-rtl .e-acrdn-item.e-select .e-acrdn-panel.e-nested .e-accordion .e-acrdn-panel.e-nested .e-acrdn-content .e-acrdn-header,
2126
- .e-accordion.e-bigger.e-rtl .e-acrdn-item.e-select .e-acrdn-panel.e-nested .e-accordion .e-acrdn-panel.e-nested .e-acrdn-content .e-acrdn-header {
2113
+ .e-bigger .e-accordion.e-rtl .e-acrdn-item.e-select .e-acrdn-panel.e-nested > .e-acrdn-content .e-accordion .e-acrdn-panel.e-nested .e-acrdn-content .e-acrdn-header,
2114
+ .e-accordion.e-bigger.e-rtl .e-acrdn-item.e-select .e-acrdn-panel.e-nested > .e-acrdn-content .e-accordion .e-acrdn-panel.e-nested .e-acrdn-content .e-acrdn-header {
2127
2115
  padding: 0 36px 0 42px;
2128
2116
  }
2129
2117
 
2130
- .e-bigger .e-accordion.e-rtl .e-acrdn-item.e-select .e-acrdn-panel.e-nested .e-accordion .e-acrdn-item.e-select .e-acrdn-header,
2131
- .e-accordion.e-bigger.e-rtl .e-acrdn-item.e-select .e-acrdn-panel.e-nested .e-accordion .e-acrdn-item.e-select .e-acrdn-header {
2132
- padding: 0 24px 0 42px;
2118
+ .e-bigger .e-accordion.e-rtl .e-acrdn-item.e-select .e-acrdn-panel.e-nested > .e-acrdn-content .e-accordion .e-acrdn-panel.e-nested .e-acrdn-content .e-acrdn-panel .e-acrdn-content,
2119
+ .e-accordion.e-bigger.e-rtl .e-acrdn-item.e-select .e-acrdn-panel.e-nested > .e-acrdn-content .e-accordion .e-acrdn-panel.e-nested .e-acrdn-content .e-acrdn-panel .e-acrdn-content {
2120
+ padding: 19px 36px 19px 19px;
2133
2121
  }
2134
2122
 
2135
2123
  .e-bigger .e-accordion.e-rtl .e-acrdn-item .e-acrdn-header,
@@ -2234,6 +2222,14 @@
2234
2222
  width: 100%;
2235
2223
  }
2236
2224
 
2225
+ .e-accordion .e-acrdn-item .e-acrdn-panel.e-nested > .e-acrdn-content > .e-accordion > .e-acrdn-item > .e-acrdn-panel:not(.e-nested) > .e-acrdn-content {
2226
+ padding: 15px 15px 15px 24px;
2227
+ }
2228
+
2229
+ .e-accordion .e-acrdn-item .e-acrdn-panel.e-nested > .e-acrdn-content > .e-accordion > .e-acrdn-item > .e-acrdn-header {
2230
+ padding: 0 42px 0 24px;
2231
+ }
2232
+
2237
2233
  .e-accordion .e-acrdn-item .e-acrdn-panel.e-nested > .e-acrdn-content {
2238
2234
  padding: 0;
2239
2235
  }
@@ -2242,7 +2238,7 @@
2242
2238
  padding: 0;
2243
2239
  }
2244
2240
 
2245
- .e-accordion .e-acrdn-item .e-acrdn-panel.e-nested > .e-acrdn-content .e-accordion {
2241
+ .e-accordion .e-acrdn-item .e-acrdn-panel.e-nested > .e-acrdn-content > .e-accordion {
2246
2242
  border: 0;
2247
2243
  }
2248
2244
 
@@ -2250,6 +2246,10 @@
2250
2246
  padding: 0 42px 0 36px;
2251
2247
  }
2252
2248
 
2249
+ .e-accordion .e-acrdn-item .e-acrdn-panel.e-nested > .e-acrdn-content .e-accordion .e-acrdn-panel.e-nested .e-acrdn-content .e-acrdn-panel .e-acrdn-content {
2250
+ padding: 15px 15px 15px 36px;
2251
+ }
2252
+
2253
2253
  .e-accordion .e-acrdn-item .e-acrdn-panel.e-nested .e-acrdn-item.e-select.e-selected .e-acrdn-header > .e-acrdn-header-content {
2254
2254
  font-weight: 600;
2255
2255
  }
@@ -2258,14 +2258,6 @@
2258
2258
  font-weight: normal;
2259
2259
  }
2260
2260
 
2261
- .e-accordion .e-acrdn-item .e-acrdn-panel .e-acrdn-panel .e-acrdn-content {
2262
- padding: 15px 15px 15px 45px;
2263
- }
2264
-
2265
- .e-accordion .e-acrdn-item .e-acrdn-panel .e-acrdn-panel .e-acrdn-panel .e-acrdn-content {
2266
- padding: 15px 15px 15px 60px;
2267
- }
2268
-
2269
2261
  .e-accordion .e-acrdn-item .e-acrdn-panel .e-acrdn-content {
2270
2262
  line-height: 1.5;
2271
2263
  overflow: hidden;
@@ -2278,11 +2270,7 @@
2278
2270
  text-overflow: ellipsis;
2279
2271
  }
2280
2272
 
2281
- .e-accordion .e-acrdn-item .e-acrdn-panel .e-acrdn-content .e-acrdn-header {
2282
- padding: 0 42px 0 24px;
2283
- }
2284
-
2285
- .e-accordion .e-acrdn-item .e-acrdn-panel .e-acrdn-content .e-acrdn-header-content {
2273
+ .e-accordion .e-acrdn-item .e-acrdn-panel .e-acrdn-header-content {
2286
2274
  font-size: 14px;
2287
2275
  }
2288
2276
 
@@ -2290,20 +2278,20 @@
2290
2278
  display: none;
2291
2279
  }
2292
2280
 
2293
- .e-accordion.e-rtl .e-acrdn-item .e-acrdn-panel.e-nested > .e-acrdn-content .e-accordion .e-acrdn-panel.e-nested .e-acrdn-content .e-acrdn-header {
2294
- padding: 0 36px 0 42px;
2281
+ .e-accordion.e-rtl .e-acrdn-item .e-acrdn-panel.e-nested > .e-acrdn-content > .e-accordion > .e-acrdn-item > .e-acrdn-panel:not(.e-nested) > .e-acrdn-content {
2282
+ padding: 15px 24px 15px 15px;
2295
2283
  }
2296
2284
 
2297
- .e-accordion.e-rtl .e-acrdn-item .e-acrdn-panel .e-acrdn-content .e-acrdn-header {
2285
+ .e-accordion.e-rtl .e-acrdn-item .e-acrdn-panel.e-nested > .e-acrdn-content > .e-accordion > .e-acrdn-item > .e-acrdn-header {
2298
2286
  padding: 0 24px 0 42px;
2299
2287
  }
2300
2288
 
2301
- .e-accordion.e-rtl .e-acrdn-item .e-acrdn-panel .e-acrdn-panel .e-acrdn-content {
2302
- padding: 15px 45px 15px 15px;
2289
+ .e-accordion.e-rtl .e-acrdn-item .e-acrdn-panel.e-nested > .e-acrdn-content .e-accordion .e-acrdn-panel.e-nested .e-acrdn-content .e-acrdn-header {
2290
+ padding: 0 36px 0 42px;
2303
2291
  }
2304
2292
 
2305
- .e-accordion.e-rtl .e-acrdn-item .e-acrdn-panel .e-acrdn-panel .e-acrdn-panel .e-acrdn-content {
2306
- padding: 15px 60px 15px 15px;
2293
+ .e-accordion.e-rtl .e-acrdn-item .e-acrdn-panel.e-nested > .e-acrdn-content .e-accordion .e-acrdn-panel.e-nested .e-acrdn-content .e-acrdn-panel .e-acrdn-content {
2294
+ padding: 15px 36px 15px 15px;
2307
2295
  }
2308
2296
 
2309
2297
  .e-accordion.e-rtl .e-acrdn-item .e-acrdn-header {
@@ -2528,6 +2516,243 @@
2528
2516
  font-size: 13px;
2529
2517
  }
2530
2518
 
2519
+ /*! Carousel component highcontrast theme definitions and variables */
2520
+ .e-carousel .e-previous-icon::before {
2521
+ content: '\e654';
2522
+ }
2523
+
2524
+ .e-carousel .e-next-icon::before {
2525
+ content: '\e830';
2526
+ }
2527
+
2528
+ .e-carousel .e-play-icon::before {
2529
+ content: '\e327';
2530
+ }
2531
+
2532
+ .e-carousel .e-pause-icon::before {
2533
+ content: '\e325';
2534
+ }
2535
+
2536
+ .e-carousel.e-rtl .e-previous-icon::before {
2537
+ content: '\e830';
2538
+ }
2539
+
2540
+ .e-carousel.e-rtl .e-next-icon::before {
2541
+ content: '\e654';
2542
+ }
2543
+
2544
+ /*! carousel component styles */
2545
+ .e-carousel {
2546
+ display: block;
2547
+ margin: 0;
2548
+ padding: 0;
2549
+ position: relative;
2550
+ }
2551
+
2552
+ .e-carousel .e-carousel-items {
2553
+ height: 100%;
2554
+ margin: 0;
2555
+ overflow: hidden;
2556
+ padding: 0;
2557
+ position: relative;
2558
+ width: 100%;
2559
+ }
2560
+
2561
+ .e-carousel .e-carousel-items .e-carousel-item {
2562
+ -webkit-backface-visibility: hidden;
2563
+ backface-visibility: hidden;
2564
+ display: none;
2565
+ float: left;
2566
+ height: 100%;
2567
+ margin-right: -100%;
2568
+ position: relative;
2569
+ width: 100%;
2570
+ }
2571
+
2572
+ .e-carousel .e-carousel-items .e-carousel-item.e-active {
2573
+ display: block;
2574
+ }
2575
+
2576
+ .e-carousel .e-carousel-items.e-carousel-slide-animation .e-carousel-item {
2577
+ transition: transform 0.6s ease-in-out;
2578
+ }
2579
+
2580
+ .e-carousel .e-carousel-items.e-carousel-slide-animation .e-carousel-item.e-prev, .e-carousel .e-carousel-items.e-carousel-slide-animation .e-carousel-item.e-next, .e-carousel .e-carousel-items.e-carousel-slide-animation .e-carousel-item.e-active {
2581
+ display: block;
2582
+ }
2583
+
2584
+ .e-carousel .e-carousel-items.e-carousel-slide-animation .e-carousel-item.e-next:not(.e-transition-start), .e-carousel .e-carousel-items.e-carousel-slide-animation .e-carousel-item.e-active.e-transition-end {
2585
+ transform: translateX(100%);
2586
+ }
2587
+
2588
+ .e-carousel .e-carousel-items.e-carousel-slide-animation .e-carousel-item.e-prev:not(.e-transition-end), .e-carousel .e-carousel-items.e-carousel-slide-animation .e-carousel-item.e-active.e-transition-start {
2589
+ transform: translateX(-100%);
2590
+ }
2591
+
2592
+ .e-carousel .e-carousel-items.e-carousel-fade-animation .e-carousel-item {
2593
+ display: block;
2594
+ opacity: 0;
2595
+ transition: opacity 0.6s ease-in-out;
2596
+ z-index: 0;
2597
+ }
2598
+
2599
+ .e-carousel .e-carousel-items.e-carousel-fade-animation .e-carousel-item.e-active {
2600
+ opacity: 1;
2601
+ z-index: 1;
2602
+ }
2603
+
2604
+ .e-carousel .e-carousel-navigators {
2605
+ -ms-flex-align: center;
2606
+ align-items: center;
2607
+ display: -ms-flexbox;
2608
+ display: flex;
2609
+ height: 100%;
2610
+ -ms-flex-pack: justify;
2611
+ justify-content: space-between;
2612
+ pointer-events: none;
2613
+ position: absolute;
2614
+ top: 0;
2615
+ width: 100%;
2616
+ z-index: 1;
2617
+ }
2618
+
2619
+ .e-carousel .e-carousel-navigators .e-play-pause,
2620
+ .e-carousel .e-carousel-navigators .e-previous,
2621
+ .e-carousel .e-carousel-navigators .e-next {
2622
+ padding: .5em;
2623
+ pointer-events: auto;
2624
+ }
2625
+
2626
+ .e-carousel .e-carousel-navigators .e-play-pause .e-btn,
2627
+ .e-carousel .e-carousel-navigators .e-previous .e-btn,
2628
+ .e-carousel .e-carousel-navigators .e-next .e-btn {
2629
+ border: 0;
2630
+ box-shadow: none;
2631
+ }
2632
+
2633
+ .e-carousel .e-carousel-navigators .e-play-pause .e-btn:hover,
2634
+ .e-carousel .e-carousel-navigators .e-previous .e-btn:hover,
2635
+ .e-carousel .e-carousel-navigators .e-next .e-btn:hover {
2636
+ border-radius: 50%;
2637
+ }
2638
+
2639
+ .e-carousel .e-carousel-navigators .e-play-pause .e-btn.e-rtl,
2640
+ .e-carousel .e-carousel-navigators .e-previous .e-btn.e-rtl,
2641
+ .e-carousel .e-carousel-navigators .e-next .e-btn.e-rtl {
2642
+ transform: rotate(180deg);
2643
+ }
2644
+
2645
+ .e-carousel .e-carousel-navigators .e-play-pause.e-hover-arrows,
2646
+ .e-carousel .e-carousel-navigators .e-previous.e-hover-arrows,
2647
+ .e-carousel .e-carousel-navigators .e-next.e-hover-arrows {
2648
+ display: none;
2649
+ }
2650
+
2651
+ .e-carousel .e-carousel-indicators {
2652
+ -ms-flex-align: center;
2653
+ align-items: center;
2654
+ bottom: 0;
2655
+ display: -ms-flexbox;
2656
+ display: flex;
2657
+ -ms-flex-pack: center;
2658
+ justify-content: center;
2659
+ min-height: 48px;
2660
+ padding: 0;
2661
+ pointer-events: none;
2662
+ position: absolute;
2663
+ width: 100%;
2664
+ z-index: 1;
2665
+ }
2666
+
2667
+ .e-carousel .e-carousel-indicators .e-indicator-bars {
2668
+ display: -ms-flexbox;
2669
+ display: flex;
2670
+ -ms-flex-wrap: wrap;
2671
+ flex-wrap: wrap;
2672
+ -ms-flex-pack: center;
2673
+ justify-content: center;
2674
+ pointer-events: auto;
2675
+ }
2676
+
2677
+ .e-carousel .e-carousel-indicators .e-indicator-bars .e-indicator-bar {
2678
+ padding: 0;
2679
+ }
2680
+
2681
+ .e-carousel .e-carousel-indicators .e-indicator-bars .e-indicator-bar .e-indicator {
2682
+ -ms-flex-align: center;
2683
+ align-items: center;
2684
+ display: -ms-flexbox;
2685
+ display: flex;
2686
+ -ms-flex-pack: center;
2687
+ justify-content: center;
2688
+ padding: 6px;
2689
+ }
2690
+
2691
+ .e-carousel .e-carousel-indicators .e-indicator-bars .e-indicator-bar .e-indicator div {
2692
+ border: 1px solid rgba(255, 255, 255, 0.4);
2693
+ border-radius: 50%;
2694
+ height: 12px;
2695
+ transition-duration: 0.6s;
2696
+ transition-property: background-color, border-color;
2697
+ transition-timing-function: ease-in-out;
2698
+ width: 12px;
2699
+ }
2700
+
2701
+ .e-carousel .e-carousel-indicators .e-indicator-bars .e-indicator-bar .e-indicator .e-ripple-element {
2702
+ display: none;
2703
+ }
2704
+
2705
+ /*! carousel component theme */
2706
+ .e-carousel .e-carousel-navigators .e-previous .e-btn:not(:disabled),
2707
+ .e-carousel .e-carousel-navigators .e-next .e-btn:not(:disabled),
2708
+ .e-carousel .e-carousel-navigators .e-play-pause .e-btn:not(:disabled) {
2709
+ background-color: transparent;
2710
+ }
2711
+
2712
+ .e-carousel .e-carousel-navigators .e-previous .e-btn:not(:disabled) .e-btn-icon,
2713
+ .e-carousel .e-carousel-navigators .e-next .e-btn:not(:disabled) .e-btn-icon,
2714
+ .e-carousel .e-carousel-navigators .e-play-pause .e-btn:not(:disabled) .e-btn-icon {
2715
+ color: #fff;
2716
+ }
2717
+
2718
+ .e-carousel .e-carousel-navigators .e-previous .e-btn:not(:disabled):active, .e-carousel .e-carousel-navigators .e-previous .e-btn:not(:disabled):focus, .e-carousel .e-carousel-navigators .e-previous .e-btn:not(:disabled):hover,
2719
+ .e-carousel .e-carousel-navigators .e-next .e-btn:not(:disabled):active,
2720
+ .e-carousel .e-carousel-navigators .e-next .e-btn:not(:disabled):focus,
2721
+ .e-carousel .e-carousel-navigators .e-next .e-btn:not(:disabled):hover,
2722
+ .e-carousel .e-carousel-navigators .e-play-pause .e-btn:not(:disabled):active,
2723
+ .e-carousel .e-carousel-navigators .e-play-pause .e-btn:not(:disabled):focus,
2724
+ .e-carousel .e-carousel-navigators .e-play-pause .e-btn:not(:disabled):hover {
2725
+ background-color: rgba(255, 255, 255, 0.4);
2726
+ outline: none;
2727
+ }
2728
+
2729
+ .e-carousel .e-carousel-indicators .e-indicator-bar .e-indicator {
2730
+ background-color: transparent;
2731
+ border-color: transparent;
2732
+ box-shadow: none;
2733
+ }
2734
+
2735
+ .e-carousel .e-carousel-indicators .e-indicator-bar .e-indicator div {
2736
+ background-color: #fff;
2737
+ border-color: #fff;
2738
+ }
2739
+
2740
+ .e-carousel .e-carousel-indicators .e-indicator-bar .e-indicator:active, .e-carousel .e-carousel-indicators .e-indicator-bar .e-indicator:focus, .e-carousel .e-carousel-indicators .e-indicator-bar .e-indicator:hover {
2741
+ background-color: transparent;
2742
+ border-color: transparent;
2743
+ box-shadow: none;
2744
+ outline: none;
2745
+ }
2746
+
2747
+ .e-carousel .e-carousel-indicators .e-indicator-bar .e-indicator:focus-visible {
2748
+ border-color: #000;
2749
+ }
2750
+
2751
+ .e-carousel .e-carousel-indicators .e-indicator-bar.e-active .e-indicator div {
2752
+ background-color: #ffd939;
2753
+ border-color: #ffd939;
2754
+ }
2755
+
2531
2756
  /*! contextmenu layout */
2532
2757
  .e-contextmenu-wrapper ul .e-menu-item .e-previous::before,
2533
2758
  .e-contextmenu-container ul .e-menu-item .e-previous::before {
@@ -2680,6 +2905,11 @@
2680
2905
  pointer-events: none;
2681
2906
  }
2682
2907
 
2908
+ .e-contextmenu-wrapper ul .e-menu-item .e-checkbox-wrapper,
2909
+ .e-contextmenu-container ul .e-menu-item .e-checkbox-wrapper {
2910
+ width: max-content;
2911
+ }
2912
+
2683
2913
  .e-contextmenu-wrapper.e-sfcontextmenu,
2684
2914
  .e-contextmenu-container.e-sfcontextmenu {
2685
2915
  position: absolute;
@@ -5355,7 +5585,7 @@
5355
5585
  }
5356
5586
 
5357
5587
  .e-tab .e-content.e-progress {
5358
- overflow-x: hidden;
5588
+ overflow: hidden;
5359
5589
  }
5360
5590
 
5361
5591
  .e-tab.e-vertical-tab .e-content {
@@ -6411,7 +6641,7 @@
6411
6641
 
6412
6642
  /*! tab theme */
6413
6643
  .e-tab {
6414
- background: #000;
6644
+ background: transparent;
6415
6645
  border: 1px solid #969696;
6416
6646
  }
6417
6647
 
@@ -8506,6 +8736,10 @@ ejs-sidebar {
8506
8736
  visibility: visible;
8507
8737
  }
8508
8738
 
8739
+ .e-sidebar.e-left.e-open.e-dock.e-blazor-dock, .e-sidebar.e-right.e-open.e-dock.e-blazor-dock {
8740
+ transition: width .5s ease, visibility 500ms;
8741
+ }
8742
+
8509
8743
  .e-sidebar.e-left.e-open.e-disable-animation, .e-sidebar.e-right.e-open.e-disable-animation, .e-sidebar.e-right.e-close.e-disable-animation, .e-sidebar.e-left.e-close.e-disable-animation {
8510
8744
  transition: none;
8511
8745
  }
@@ -8689,7 +8923,7 @@ ejs-sidebar {
8689
8923
  -webkit-user-select: none;
8690
8924
  -ms-user-select: none;
8691
8925
  user-select: none;
8692
- font-size: 0;
8926
+ font-size: 13px;
8693
8927
  padding: 0;
8694
8928
  text-align: left;
8695
8929
  white-space: nowrap;
@@ -8754,7 +8988,6 @@ ejs-sidebar {
8754
8988
  position: relative;
8755
8989
  display: -ms-inline-flexbox;
8756
8990
  display: inline-flex;
8757
- font-size: 13px;
8758
8991
  height: 40px;
8759
8992
  line-height: 40px;
8760
8993
  padding: 0 8px;
@@ -9916,7 +10149,15 @@ ejs-sidebar {
9916
10149
  text-decoration: none;
9917
10150
  }
9918
10151
 
9919
- .e-breadcrumb .e-breadcrumb-item a.e-breadcrumb-text:hover, .e-breadcrumb .e-breadcrumb-item a.e-breadcrumb-text:focus, .e-breadcrumb .e-breadcrumb-item a.e-breadcrumb-text:active {
10152
+ .e-breadcrumb .e-breadcrumb-item a.e-breadcrumb-text:hover {
10153
+ text-decoration: underline;
10154
+ }
10155
+
10156
+ .e-breadcrumb .e-breadcrumb-item a.e-breadcrumb-text:focus {
10157
+ text-decoration: underline;
10158
+ }
10159
+
10160
+ .e-breadcrumb .e-breadcrumb-item a.e-breadcrumb-text:active {
9920
10161
  text-decoration: underline;
9921
10162
  }
9922
10163
 
@@ -10266,8 +10507,6 @@ ejs-sidebar {
10266
10507
 
10267
10508
  .e-breadcrumb .e-breadcrumb-collapsed:focus,
10268
10509
  .e-breadcrumb .e-breadcrumb-menu:focus {
10269
- background-color: transparent;
10270
- color: #fff;
10271
10510
  border: 1px solid #ffd939;
10272
10511
  color: #fff;
10273
10512
  }
@@ -2,6 +2,7 @@
2
2
  @import 'v-scroll/highcontrast.scss';
3
3
  @import 'toolbar/highcontrast.scss';
4
4
  @import 'accordion/highcontrast.scss';
5
+ @import 'carousel/highcontrast.scss';
5
6
  @import 'context-menu/highcontrast.scss';
6
7
  @import 'tab/highcontrast.scss';
7
8
  @import 'treeview/highcontrast.scss';