@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
package/styles/accordion/highcontrast.css CHANGED
@@ -19,24 +19,34 @@
19
19
  font-size: 14px;
20
20
  }
21
21
 
22
+ .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,
23
+ .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 {
24
+ padding: 19px 19px 19px 24px;
25
+ }
26
+
27
+ .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,
28
+ .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 {
29
+ padding: 0 42px 0 24px;
30
+ }
31
+
22
32
  .e-bigger .e-accordion .e-acrdn-item.e-select .e-acrdn-panel.e-nested > .e-acrdn-content,
23
33
  .e-accordion.e-bigger .e-acrdn-item.e-select .e-acrdn-panel.e-nested > .e-acrdn-content {
24
34
  padding: 0;
25
35
  }
26
36
 
27
- .e-bigger .e-accordion .e-acrdn-item.e-select .e-acrdn-panel.e-nested .e-acrdn-content .e-accordion,
28
- .e-accordion.e-bigger .e-acrdn-item.e-select .e-acrdn-panel.e-nested .e-acrdn-content .e-accordion {
37
+ .e-bigger .e-accordion .e-acrdn-item.e-select .e-acrdn-panel.e-nested > .e-acrdn-content > .e-accordion,
38
+ .e-accordion.e-bigger .e-acrdn-item.e-select .e-acrdn-panel.e-nested > .e-acrdn-content > .e-accordion {
29
39
  border: 0;
30
40
  }
31
41
 
32
- .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,
33
- .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 {
42
+ .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,
43
+ .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 {
34
44
  padding: 0 42px 0 36px;
35
45
  }
36
46
 
37
- .e-bigger .e-accordion .e-acrdn-item.e-select .e-acrdn-panel.e-nested .e-accordion .e-acrdn-item.e-select .e-acrdn-header,
38
- .e-accordion.e-bigger .e-acrdn-item.e-select .e-acrdn-panel.e-nested .e-accordion .e-acrdn-item.e-select .e-acrdn-header {
39
- padding: 0 42px 0 24px;
47
+ .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,
48
+ .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 {
49
+ padding: 19px 19px 19px 36px;
40
50
  }
41
51
 
42
52
  .e-bigger .e-accordion .e-acrdn-item.e-select .e-acrdn-panel .e-acrdn-header .e-acrdn-header-content,
@@ -71,49 +81,24 @@
71
81
  font-size: 13px;
72
82
  }
73
83
 
74
- .e-bigger .e-accordion .e-acrdn-item.e-select .e-acrdn-panel .e-acrdn-content .e-acrdn-panel .e-acrdn-content,
75
- .e-accordion.e-bigger .e-acrdn-item.e-select .e-acrdn-panel .e-acrdn-content .e-acrdn-panel .e-acrdn-content {
76
- padding: 19px 19px 19px 45px;
77
- }
78
-
79
- .e-bigger .e-accordion .e-acrdn-item.e-select .e-acrdn-panel .e-acrdn-content .e-acrdn-panel .e-acrdn-panel .e-acrdn-content,
80
- .e-accordion.e-bigger .e-acrdn-item.e-select .e-acrdn-panel .e-acrdn-content .e-acrdn-panel .e-acrdn-panel .e-acrdn-content {
81
- padding: 19px 19px 19px 60px;
82
- }
83
-
84
- .e-bigger .e-accordion .e-acrdn-item.e-select .e-acrdn-panel .e-acrdn-content .e-acrdn-header,
85
- .e-accordion.e-bigger .e-acrdn-item.e-select .e-acrdn-panel .e-acrdn-content .e-acrdn-header {
86
- padding: 0 42px 0 24px;
87
- }
88
-
89
- .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,
90
- .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 {
91
- padding: 0;
92
- }
93
-
94
- .e-bigger .e-accordion.e-rtl .e-acrdn-item.e-select .e-acrdn-panel .e-acrdn-content .e-acrdn-panel .e-acrdn-content,
95
- .e-accordion.e-bigger.e-rtl .e-acrdn-item.e-select .e-acrdn-panel .e-acrdn-content .e-acrdn-panel .e-acrdn-content {
96
- padding: 19px 45px 19px 19px;
84
+ .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,
85
+ .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 {
86
+ padding: 19px 24px 19px 19px;
97
87
  }
98
88
 
99
- .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,
100
- .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 {
101
- padding: 0;
102
- }
103
-
104
- .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,
105
- .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 {
106
- padding: 19px 60px 19px 19px;
89
+ .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,
90
+ .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 {
91
+ padding: 0 24px 0 42px;
107
92
  }
108
93
 
109
- .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,
110
- .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 {
94
+ .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,
95
+ .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 {
111
96
  padding: 0 36px 0 42px;
112
97
  }
113
98
 
114
- .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,
115
- .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 {
116
- padding: 0 24px 0 42px;
99
+ .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,
100
+ .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 {
101
+ padding: 19px 36px 19px 19px;
117
102
  }
118
103
 
119
104
  .e-bigger .e-accordion.e-rtl .e-acrdn-item .e-acrdn-header,
@@ -218,6 +203,14 @@
218
203
  width: 100%;
219
204
  }
220
205
 
206
+ .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 {
207
+ padding: 15px 15px 15px 24px;
208
+ }
209
+
210
+ .e-accordion .e-acrdn-item .e-acrdn-panel.e-nested > .e-acrdn-content > .e-accordion > .e-acrdn-item > .e-acrdn-header {
211
+ padding: 0 42px 0 24px;
212
+ }
213
+
221
214
  .e-accordion .e-acrdn-item .e-acrdn-panel.e-nested > .e-acrdn-content {
222
215
  padding: 0;
223
216
  }
@@ -226,7 +219,7 @@
226
219
  padding: 0;
227
220
  }
228
221
 
229
- .e-accordion .e-acrdn-item .e-acrdn-panel.e-nested > .e-acrdn-content .e-accordion {
222
+ .e-accordion .e-acrdn-item .e-acrdn-panel.e-nested > .e-acrdn-content > .e-accordion {
230
223
  border: 0;
231
224
  }
232
225
 
@@ -234,6 +227,10 @@
234
227
  padding: 0 42px 0 36px;
235
228
  }
236
229
 
230
+ .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 {
231
+ padding: 15px 15px 15px 36px;
232
+ }
233
+
237
234
  .e-accordion .e-acrdn-item .e-acrdn-panel.e-nested .e-acrdn-item.e-select.e-selected .e-acrdn-header > .e-acrdn-header-content {
238
235
  font-weight: 600;
239
236
  }
@@ -242,14 +239,6 @@
242
239
  font-weight: normal;
243
240
  }
244
241
 
245
- .e-accordion .e-acrdn-item .e-acrdn-panel .e-acrdn-panel .e-acrdn-content {
246
- padding: 15px 15px 15px 45px;
247
- }
248
-
249
- .e-accordion .e-acrdn-item .e-acrdn-panel .e-acrdn-panel .e-acrdn-panel .e-acrdn-content {
250
- padding: 15px 15px 15px 60px;
251
- }
252
-
253
242
  .e-accordion .e-acrdn-item .e-acrdn-panel .e-acrdn-content {
254
243
  line-height: 1.5;
255
244
  overflow: hidden;
@@ -262,11 +251,7 @@
262
251
  text-overflow: ellipsis;
263
252
  }
264
253
 
265
- .e-accordion .e-acrdn-item .e-acrdn-panel .e-acrdn-content .e-acrdn-header {
266
- padding: 0 42px 0 24px;
267
- }
268
-
269
- .e-accordion .e-acrdn-item .e-acrdn-panel .e-acrdn-content .e-acrdn-header-content {
254
+ .e-accordion .e-acrdn-item .e-acrdn-panel .e-acrdn-header-content {
270
255
  font-size: 14px;
271
256
  }
272
257
 
@@ -274,20 +259,20 @@
274
259
  display: none;
275
260
  }
276
261
 
277
- .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 {
278
- padding: 0 36px 0 42px;
262
+ .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 {
263
+ padding: 15px 24px 15px 15px;
279
264
  }
280
265
 
281
- .e-accordion.e-rtl .e-acrdn-item .e-acrdn-panel .e-acrdn-content .e-acrdn-header {
266
+ .e-accordion.e-rtl .e-acrdn-item .e-acrdn-panel.e-nested > .e-acrdn-content > .e-accordion > .e-acrdn-item > .e-acrdn-header {
282
267
  padding: 0 24px 0 42px;
283
268
  }
284
269
 
285
- .e-accordion.e-rtl .e-acrdn-item .e-acrdn-panel .e-acrdn-panel .e-acrdn-content {
286
- padding: 15px 45px 15px 15px;
270
+ .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 {
271
+ padding: 0 36px 0 42px;
287
272
  }
288
273
 
289
- .e-accordion.e-rtl .e-acrdn-item .e-acrdn-panel .e-acrdn-panel .e-acrdn-panel .e-acrdn-content {
290
- padding: 15px 60px 15px 15px;
274
+ .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 {
275
+ padding: 15px 36px 15px 15px;
291
276
  }
292
277
 
293
278
  .e-accordion.e-rtl .e-acrdn-item .e-acrdn-header {
package/styles/accordion/icons/_fluent-dark.scss ADDED
@@ -0,0 +1 @@
1
+ @import './fluent.scss';
package/styles/accordion/icons/_fluent.scss CHANGED
@@ -6,7 +6,7 @@
6
6
  .e-tgl-collapse-icon {
7
7
 
8
8
  &::before {
9
- content: '\e7c3';
9
+ content: '\e729';
10
10
  }
11
11
 
12
12
  &.e-expand-icon {
@@ -15,3 +15,4 @@
15
15
  }
16
16
  }
17
17
  }
18
+
package/styles/accordion/icons/_tailwind.scss CHANGED
@@ -6,7 +6,7 @@
6
6
  .e-tgl-collapse-icon {
7
7
 
8
8
  &::before {
9
- content: '\e706';
9
+ content: '\e729';
10
10
  }
11
11
 
12
12
  &.e-expand-icon {
@@ -15,3 +15,4 @@
15
15
  }
16
16
  }
17
17
  }
18
+
package/styles/accordion/material-dark.css CHANGED
@@ -19,24 +19,34 @@
19
19
  font-size: 14px;
20
20
  }
21
21
 
22
+ .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,
23
+ .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 {
24
+ padding: 16px 16px 16px 32px;
25
+ }
26
+
27
+ .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,
28
+ .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 {
29
+ padding: 0 46px 0 32px;
30
+ }
31
+
22
32
  .e-bigger .e-accordion .e-acrdn-item.e-select .e-acrdn-panel.e-nested > .e-acrdn-content,
23
33
  .e-accordion.e-bigger .e-acrdn-item.e-select .e-acrdn-panel.e-nested > .e-acrdn-content {
24
34
  padding: 0;
25
35
  }
26
36
 
27
- .e-bigger .e-accordion .e-acrdn-item.e-select .e-acrdn-panel.e-nested .e-acrdn-content .e-accordion,
28
- .e-accordion.e-bigger .e-acrdn-item.e-select .e-acrdn-panel.e-nested .e-acrdn-content .e-accordion {
37
+ .e-bigger .e-accordion .e-acrdn-item.e-select .e-acrdn-panel.e-nested > .e-acrdn-content > .e-accordion,
38
+ .e-accordion.e-bigger .e-acrdn-item.e-select .e-acrdn-panel.e-nested > .e-acrdn-content > .e-accordion {
29
39
  border: 0;
30
40
  }
31
41
 
32
- .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,
33
- .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 {
42
+ .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,
43
+ .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 {
34
44
  padding: 0 46px 0 48px;
35
45
  }
36
46
 
37
- .e-bigger .e-accordion .e-acrdn-item.e-select .e-acrdn-panel.e-nested .e-accordion .e-acrdn-item.e-select .e-acrdn-header,
38
- .e-accordion.e-bigger .e-acrdn-item.e-select .e-acrdn-panel.e-nested .e-accordion .e-acrdn-item.e-select .e-acrdn-header {
39
- padding: 0 46px 0 32px;
47
+ .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,
48
+ .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 {
49
+ padding: 16px 16px 16px 48px;
40
50
  }
41
51
 
42
52
  .e-bigger .e-accordion .e-acrdn-item.e-select .e-acrdn-panel .e-acrdn-header .e-acrdn-header-content,
@@ -70,49 +80,24 @@
70
80
  padding: 16px;
71
81
  }
72
82
 
73
- .e-bigger .e-accordion .e-acrdn-item.e-select .e-acrdn-panel .e-acrdn-content .e-acrdn-panel .e-acrdn-content,
74
- .e-accordion.e-bigger .e-acrdn-item.e-select .e-acrdn-panel .e-acrdn-content .e-acrdn-panel .e-acrdn-content {
75
- padding: 16px 16px 16px 48px;
76
- }
77
-
78
- .e-bigger .e-accordion .e-acrdn-item.e-select .e-acrdn-panel .e-acrdn-content .e-acrdn-panel .e-acrdn-panel .e-acrdn-content,
79
- .e-accordion.e-bigger .e-acrdn-item.e-select .e-acrdn-panel .e-acrdn-content .e-acrdn-panel .e-acrdn-panel .e-acrdn-content {
80
- padding: 16px 16px 16px 64px;
81
- }
82
-
83
- .e-bigger .e-accordion .e-acrdn-item.e-select .e-acrdn-panel .e-acrdn-content .e-acrdn-header,
84
- .e-accordion.e-bigger .e-acrdn-item.e-select .e-acrdn-panel .e-acrdn-content .e-acrdn-header {
85
- padding: 0 46px 0 32px;
86
- }
87
-
88
- .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,
89
- .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 {
90
- padding: 0;
91
- }
92
-
93
- .e-bigger .e-accordion.e-rtl .e-acrdn-item.e-select .e-acrdn-panel .e-acrdn-content .e-acrdn-panel .e-acrdn-content,
94
- .e-accordion.e-bigger.e-rtl .e-acrdn-item.e-select .e-acrdn-panel .e-acrdn-content .e-acrdn-panel .e-acrdn-content {
95
- padding: 16px 48px 16px 16px;
96
- }
97
-
98
- .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,
99
- .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 {
100
- padding: 0;
83
+ .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,
84
+ .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 {
85
+ padding: 16px 32px 16px 16px;
101
86
  }
102
87
 
103
- .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,
104
- .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 {
105
- padding: 16px 64px 16px 16px;
88
+ .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,
89
+ .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 {
90
+ padding: 0 32px 0 46px;
106
91
  }
107
92
 
108
- .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,
109
- .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 {
93
+ .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,
94
+ .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 {
110
95
  padding: 0 48px 0 46px;
111
96
  }
112
97
 
113
- .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,
114
- .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 {
115
- padding: 0 32px 0 46px;
98
+ .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,
99
+ .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 {
100
+ padding: 16px 48px 16px 16px;
116
101
  }
117
102
 
118
103
  .e-bigger .e-accordion.e-rtl .e-acrdn-item .e-acrdn-header,
@@ -225,6 +210,14 @@
225
210
  width: 100%;
226
211
  }
227
212
 
213
+ .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 {
214
+ padding: 16px 16px 16px 32px;
215
+ }
216
+
217
+ .e-accordion .e-acrdn-item .e-acrdn-panel.e-nested > .e-acrdn-content > .e-accordion > .e-acrdn-item > .e-acrdn-header {
218
+ padding: 0 40px 0 32px;
219
+ }
220
+
228
221
  .e-accordion .e-acrdn-item .e-acrdn-panel.e-nested > .e-acrdn-content {
229
222
  padding: 0;
230
223
  }
@@ -233,7 +226,7 @@
233
226
  padding: 0;
234
227
  }
235
228
 
236
- .e-accordion .e-acrdn-item .e-acrdn-panel.e-nested > .e-acrdn-content .e-accordion {
229
+ .e-accordion .e-acrdn-item .e-acrdn-panel.e-nested > .e-acrdn-content > .e-accordion {
237
230
  border: 0;
238
231
  }
239
232
 
@@ -241,6 +234,10 @@
241
234
  padding: 0 40px 0 48px;
242
235
  }
243
236
 
237
+ .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 {
238
+ padding: 16px 16px 16px 48px;
239
+ }
240
+
244
241
  .e-accordion .e-acrdn-item .e-acrdn-panel.e-nested .e-acrdn-item.e-select.e-selected .e-acrdn-header > .e-acrdn-header-content {
245
242
  font-weight: normal;
246
243
  }
@@ -249,14 +246,6 @@
249
246
  font-weight: normal;
250
247
  }
251
248
 
252
- .e-accordion .e-acrdn-item .e-acrdn-panel .e-acrdn-panel .e-acrdn-content {
253
- padding: 16px 16px 16px 48px;
254
- }
255
-
256
- .e-accordion .e-acrdn-item .e-acrdn-panel .e-acrdn-panel .e-acrdn-panel .e-acrdn-content {
257
- padding: 16px 16px 16px 64px;
258
- }
259
-
260
249
  .e-accordion .e-acrdn-item .e-acrdn-panel .e-acrdn-content {
261
250
  line-height: 1.5;
262
251
  overflow: hidden;
@@ -269,11 +258,7 @@
269
258
  text-overflow: ellipsis;
270
259
  }
271
260
 
272
- .e-accordion .e-acrdn-item .e-acrdn-panel .e-acrdn-content .e-acrdn-header {
273
- padding: 0 40px 0 32px;
274
- }
275
-
276
- .e-accordion .e-acrdn-item .e-acrdn-panel .e-acrdn-content .e-acrdn-header-content {
261
+ .e-accordion .e-acrdn-item .e-acrdn-panel .e-acrdn-header-content {
277
262
  font-size: 14px;
278
263
  }
279
264
 
@@ -281,20 +266,20 @@
281
266
  display: none;
282
267
  }
283
268
 
284
- .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 {
285
- padding: 0 48px 0 40px;
269
+ .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 {
270
+ padding: 16px 32px 16px 16px;
286
271
  }
287
272
 
288
- .e-accordion.e-rtl .e-acrdn-item .e-acrdn-panel .e-acrdn-content .e-acrdn-header {
273
+ .e-accordion.e-rtl .e-acrdn-item .e-acrdn-panel.e-nested > .e-acrdn-content > .e-accordion > .e-acrdn-item > .e-acrdn-header {
289
274
  padding: 0 32px 0 40px;
290
275
  }
291
276
 
292
- .e-accordion.e-rtl .e-acrdn-item .e-acrdn-panel .e-acrdn-panel .e-acrdn-content {
293
- padding: 16px 48px 16px 16px;
277
+ .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 {
278
+ padding: 0 48px 0 40px;
294
279
  }
295
280
 
296
- .e-accordion.e-rtl .e-acrdn-item .e-acrdn-panel .e-acrdn-panel .e-acrdn-panel .e-acrdn-content {
297
- padding: 16px 64px 16px 16px;
281
+ .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 {
282
+ padding: 16px 48px 16px 16px;
298
283
  }
299
284
 
300
285
  .e-accordion.e-rtl .e-acrdn-item .e-acrdn-header {
package/styles/accordion/material.css CHANGED
@@ -20,24 +20,34 @@
20
20
  font-size: 14px;
21
21
  }
22
22
 
23
+ .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,
24
+ .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 {
25
+ padding: 16px 16px 16px 32px;
26
+ }
27
+
28
+ .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,
29
+ .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 {
30
+ padding: 0 46px 0 32px;
31
+ }
32
+
23
33
  .e-bigger .e-accordion .e-acrdn-item.e-select .e-acrdn-panel.e-nested > .e-acrdn-content,
24
34
  .e-accordion.e-bigger .e-acrdn-item.e-select .e-acrdn-panel.e-nested > .e-acrdn-content {
25
35
  padding: 0;
26
36
  }
27
37
 
28
- .e-bigger .e-accordion .e-acrdn-item.e-select .e-acrdn-panel.e-nested .e-acrdn-content .e-accordion,
29
- .e-accordion.e-bigger .e-acrdn-item.e-select .e-acrdn-panel.e-nested .e-acrdn-content .e-accordion {
38
+ .e-bigger .e-accordion .e-acrdn-item.e-select .e-acrdn-panel.e-nested > .e-acrdn-content > .e-accordion,
39
+ .e-accordion.e-bigger .e-acrdn-item.e-select .e-acrdn-panel.e-nested > .e-acrdn-content > .e-accordion {
30
40
  border: 0;
31
41
  }
32
42
 
33
- .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,
34
- .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 {
43
+ .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,
44
+ .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 {
35
45
  padding: 0 46px 0 48px;
36
46
  }
37
47
 
38
- .e-bigger .e-accordion .e-acrdn-item.e-select .e-acrdn-panel.e-nested .e-accordion .e-acrdn-item.e-select .e-acrdn-header,
39
- .e-accordion.e-bigger .e-acrdn-item.e-select .e-acrdn-panel.e-nested .e-accordion .e-acrdn-item.e-select .e-acrdn-header {
40
- padding: 0 46px 0 32px;
48
+ .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,
49
+ .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 {
50
+ padding: 16px 16px 16px 48px;
41
51
  }
42
52
 
43
53
  .e-bigger .e-accordion .e-acrdn-item.e-select .e-acrdn-panel .e-acrdn-header .e-acrdn-header-content,
@@ -71,49 +81,24 @@
71
81
  padding: 16px;
72
82
  }
73
83
 
74
- .e-bigger .e-accordion .e-acrdn-item.e-select .e-acrdn-panel .e-acrdn-content .e-acrdn-panel .e-acrdn-content,
75
- .e-accordion.e-bigger .e-acrdn-item.e-select .e-acrdn-panel .e-acrdn-content .e-acrdn-panel .e-acrdn-content {
76
- padding: 16px 16px 16px 48px;
77
- }
78
-
79
- .e-bigger .e-accordion .e-acrdn-item.e-select .e-acrdn-panel .e-acrdn-content .e-acrdn-panel .e-acrdn-panel .e-acrdn-content,
80
- .e-accordion.e-bigger .e-acrdn-item.e-select .e-acrdn-panel .e-acrdn-content .e-acrdn-panel .e-acrdn-panel .e-acrdn-content {
81
- padding: 16px 16px 16px 64px;
82
- }
83
-
84
- .e-bigger .e-accordion .e-acrdn-item.e-select .e-acrdn-panel .e-acrdn-content .e-acrdn-header,
85
- .e-accordion.e-bigger .e-acrdn-item.e-select .e-acrdn-panel .e-acrdn-content .e-acrdn-header {
86
- padding: 0 46px 0 32px;
87
- }
88
-
89
- .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,
90
- .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 {
91
- padding: 0;
92
- }
93
-
94
- .e-bigger .e-accordion.e-rtl .e-acrdn-item.e-select .e-acrdn-panel .e-acrdn-content .e-acrdn-panel .e-acrdn-content,
95
- .e-accordion.e-bigger.e-rtl .e-acrdn-item.e-select .e-acrdn-panel .e-acrdn-content .e-acrdn-panel .e-acrdn-content {
96
- padding: 16px 48px 16px 16px;
97
- }
98
-
99
- .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,
100
- .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 {
101
- padding: 0;
84
+ .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,
85
+ .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 {
86
+ padding: 16px 32px 16px 16px;
102
87
  }
103
88
 
104
- .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,
105
- .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 {
106
- padding: 16px 64px 16px 16px;
89
+ .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,
90
+ .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 {
91
+ padding: 0 32px 0 46px;
107
92
  }
108
93
 
109
- .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,
110
- .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 {
94
+ .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,
95
+ .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 {
111
96
  padding: 0 48px 0 46px;
112
97
  }
113
98
 
114
- .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,
115
- .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 {
116
- padding: 0 32px 0 46px;
99
+ .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,
100
+ .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 {
101
+ padding: 16px 48px 16px 16px;
117
102
  }
118
103
 
119
104
  .e-bigger .e-accordion.e-rtl .e-acrdn-item .e-acrdn-header,
@@ -226,6 +211,14 @@
226
211
  width: 100%;
227
212
  }
228
213
 
214
+ .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 {
215
+ padding: 16px 16px 16px 32px;
216
+ }
217
+
218
+ .e-accordion .e-acrdn-item .e-acrdn-panel.e-nested > .e-acrdn-content > .e-accordion > .e-acrdn-item > .e-acrdn-header {
219
+ padding: 0 40px 0 32px;
220
+ }
221
+
229
222
  .e-accordion .e-acrdn-item .e-acrdn-panel.e-nested > .e-acrdn-content {
230
223
  padding: 0;
231
224
  }
@@ -234,7 +227,7 @@
234
227
  padding: 0;
235
228
  }
236
229
 
237
- .e-accordion .e-acrdn-item .e-acrdn-panel.e-nested > .e-acrdn-content .e-accordion {
230
+ .e-accordion .e-acrdn-item .e-acrdn-panel.e-nested > .e-acrdn-content > .e-accordion {
238
231
  border: 0;
239
232
  }
240
233
 
@@ -242,6 +235,10 @@
242
235
  padding: 0 40px 0 48px;
243
236
  }
244
237
 
238
+ .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 {
239
+ padding: 16px 16px 16px 48px;
240
+ }
241
+
245
242
  .e-accordion .e-acrdn-item .e-acrdn-panel.e-nested .e-acrdn-item.e-select.e-selected .e-acrdn-header > .e-acrdn-header-content {
246
243
  font-weight: normal;
247
244
  }
@@ -250,14 +247,6 @@
250
247
  font-weight: normal;
251
248
  }
252
249
 
253
- .e-accordion .e-acrdn-item .e-acrdn-panel .e-acrdn-panel .e-acrdn-content {
254
- padding: 16px 16px 16px 48px;
255
- }
256
-
257
- .e-accordion .e-acrdn-item .e-acrdn-panel .e-acrdn-panel .e-acrdn-panel .e-acrdn-content {
258
- padding: 16px 16px 16px 64px;
259
- }
260
-
261
250
  .e-accordion .e-acrdn-item .e-acrdn-panel .e-acrdn-content {
262
251
  line-height: 1.5;
263
252
  overflow: hidden;
@@ -270,11 +259,7 @@
270
259
  text-overflow: ellipsis;
271
260
  }
272
261
 
273
- .e-accordion .e-acrdn-item .e-acrdn-panel .e-acrdn-content .e-acrdn-header {
274
- padding: 0 40px 0 32px;
275
- }
276
-
277
- .e-accordion .e-acrdn-item .e-acrdn-panel .e-acrdn-content .e-acrdn-header-content {
262
+ .e-accordion .e-acrdn-item .e-acrdn-panel .e-acrdn-header-content {
278
263
  font-size: 14px;
279
264
  }
280
265
 
@@ -282,20 +267,20 @@
282
267
  display: none;
283
268
  }
284
269
 
285
- .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 {
286
- padding: 0 48px 0 40px;
270
+ .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 {
271
+ padding: 16px 32px 16px 16px;
287
272
  }
288
273
 
289
- .e-accordion.e-rtl .e-acrdn-item .e-acrdn-panel .e-acrdn-content .e-acrdn-header {
274
+ .e-accordion.e-rtl .e-acrdn-item .e-acrdn-panel.e-nested > .e-acrdn-content > .e-accordion > .e-acrdn-item > .e-acrdn-header {
290
275
  padding: 0 32px 0 40px;
291
276
  }
292
277
 
293
- .e-accordion.e-rtl .e-acrdn-item .e-acrdn-panel .e-acrdn-panel .e-acrdn-content {
294
- padding: 16px 48px 16px 16px;
278
+ .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 {
279
+ padding: 0 48px 0 40px;
295
280
  }
296
281
 
297
- .e-accordion.e-rtl .e-acrdn-item .e-acrdn-panel .e-acrdn-panel .e-acrdn-panel .e-acrdn-content {
298
- padding: 16px 64px 16px 16px;
282
+ .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 {
283
+ padding: 16px 48px 16px 16px;
299
284
  }
300
285
 
301
286
  .e-accordion.e-rtl .e-acrdn-item .e-acrdn-header {