@syncfusion/ej2-vue-navigations 20.1.48 → 20.1.56

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 (253) hide show
  1. package/CHANGELOG.md +74 -2
  2. package/README.md +17 -2
  3. package/carousel.d.ts +4 -0
  4. package/carousel.js +4 -0
  5. package/dist/ej2-vue-navigations.umd.min.js +11 -2
  6. package/dist/es6/ej2-vue-navigations.es2015.js +377 -92
  7. package/dist/es6/ej2-vue-navigations.es2015.js.map +1 -1
  8. package/dist/es6/ej2-vue-navigations.es5.js +415 -109
  9. package/dist/es6/ej2-vue-navigations.es5.js.map +1 -1
  10. package/dist/global/ej2-vue-navigations.min.js +2 -2
  11. package/package.json +11 -15
  12. package/src/accordion/accordion.component.d.ts +1 -1
  13. package/src/accordion/accordion.component.js +2 -1
  14. package/src/breadcrumb/breadcrumb.component.js +1 -0
  15. package/src/carousel/carousel.component.d.ts +43 -0
  16. package/src/carousel/carousel.component.js +203 -0
  17. package/src/carousel/index.d.ts +2 -0
  18. package/src/carousel/index.js +2 -0
  19. package/src/carousel/items.directive.d.ts +33 -0
  20. package/src/carousel/items.directive.js +110 -0
  21. package/src/index.d.ts +2 -0
  22. package/src/index.js +2 -0
  23. package/src/sidebar/sidebar.component.js +1 -0
  24. package/styles/accordion/bootstrap-dark.css +49 -152
  25. package/styles/accordion/bootstrap.css +49 -152
  26. package/styles/accordion/bootstrap4.css +52 -167
  27. package/styles/accordion/bootstrap5-dark.css +49 -149
  28. package/styles/accordion/bootstrap5.css +49 -149
  29. package/styles/accordion/fabric-dark.css +51 -150
  30. package/styles/accordion/fabric.css +51 -150
  31. package/styles/accordion/fluent-dark.css +314 -0
  32. package/styles/accordion/fluent-dark.scss +1 -0
  33. package/styles/accordion/fluent.css +314 -0
  34. package/styles/accordion/fluent.scss +1 -0
  35. package/styles/accordion/highcontrast-light.css +54 -175
  36. package/styles/accordion/highcontrast.css +54 -175
  37. package/styles/accordion/material-dark.css +50 -152
  38. package/styles/accordion/material.css +50 -152
  39. package/styles/accordion/tailwind-dark.css +52 -154
  40. package/styles/accordion/tailwind.css +52 -154
  41. package/styles/bootstrap-dark.css +527 -2037
  42. package/styles/bootstrap-dark.scss +1 -0
  43. package/styles/bootstrap.css +527 -2037
  44. package/styles/bootstrap.scss +1 -0
  45. package/styles/bootstrap4.css +533 -2100
  46. package/styles/bootstrap4.scss +1 -0
  47. package/styles/bootstrap5-dark.css +629 -2181
  48. package/styles/bootstrap5-dark.scss +1 -0
  49. package/styles/bootstrap5.css +629 -2181
  50. package/styles/bootstrap5.scss +1 -0
  51. package/styles/breadcrumb/bootstrap-dark.css +15 -89
  52. package/styles/breadcrumb/bootstrap.css +15 -89
  53. package/styles/breadcrumb/bootstrap4.css +15 -89
  54. package/styles/breadcrumb/bootstrap5-dark.css +17 -95
  55. package/styles/breadcrumb/bootstrap5.css +17 -95
  56. package/styles/breadcrumb/fabric-dark.css +15 -90
  57. package/styles/breadcrumb/fabric.css +15 -90
  58. package/styles/breadcrumb/fluent-dark.css +370 -0
  59. package/styles/breadcrumb/fluent-dark.scss +1 -0
  60. package/styles/breadcrumb/fluent.css +370 -0
  61. package/styles/breadcrumb/fluent.scss +1 -0
  62. package/styles/breadcrumb/highcontrast-light.css +15 -92
  63. package/styles/breadcrumb/highcontrast.css +15 -92
  64. package/styles/breadcrumb/material-dark.css +15 -84
  65. package/styles/breadcrumb/material.css +15 -84
  66. package/styles/breadcrumb/tailwind-dark.css +30 -97
  67. package/styles/breadcrumb/tailwind.css +29 -96
  68. package/styles/carousel/bootstrap-dark.css +217 -0
  69. package/styles/carousel/bootstrap-dark.scss +1 -0
  70. package/styles/carousel/bootstrap.css +217 -0
  71. package/styles/carousel/bootstrap.scss +1 -0
  72. package/styles/carousel/bootstrap4.css +217 -0
  73. package/styles/carousel/bootstrap4.scss +1 -0
  74. package/styles/carousel/bootstrap5-dark.css +217 -0
  75. package/styles/carousel/bootstrap5-dark.scss +1 -0
  76. package/styles/carousel/bootstrap5.css +217 -0
  77. package/styles/carousel/bootstrap5.scss +1 -0
  78. package/styles/carousel/fabric-dark.css +217 -0
  79. package/styles/carousel/fabric-dark.scss +1 -0
  80. package/styles/carousel/fabric.css +217 -0
  81. package/styles/carousel/fabric.scss +1 -0
  82. package/styles/carousel/fluent-dark.css +217 -0
  83. package/styles/carousel/fluent-dark.scss +1 -0
  84. package/styles/carousel/fluent.css +217 -0
  85. package/styles/carousel/fluent.scss +1 -0
  86. package/styles/carousel/highcontrast-light.css +217 -0
  87. package/styles/carousel/highcontrast-light.scss +1 -0
  88. package/styles/carousel/highcontrast.css +217 -0
  89. package/styles/carousel/highcontrast.scss +1 -0
  90. package/styles/carousel/material-dark.css +218 -0
  91. package/styles/carousel/material-dark.scss +1 -0
  92. package/styles/carousel/material.css +218 -0
  93. package/styles/carousel/material.scss +1 -0
  94. package/styles/carousel/tailwind-dark.css +218 -0
  95. package/styles/carousel/tailwind-dark.scss +1 -0
  96. package/styles/carousel/tailwind.css +218 -0
  97. package/styles/carousel/tailwind.scss +1 -0
  98. package/styles/context-menu/bootstrap-dark.css +10 -59
  99. package/styles/context-menu/bootstrap.css +10 -59
  100. package/styles/context-menu/bootstrap4.css +10 -59
  101. package/styles/context-menu/bootstrap5-dark.css +21 -67
  102. package/styles/context-menu/bootstrap5.css +21 -67
  103. package/styles/context-menu/fabric-dark.css +10 -59
  104. package/styles/context-menu/fabric.css +10 -59
  105. package/styles/context-menu/fluent-dark.css +334 -0
  106. package/styles/context-menu/fluent-dark.scss +1 -0
  107. package/styles/context-menu/fluent.css +334 -0
  108. package/styles/context-menu/fluent.scss +1 -0
  109. package/styles/context-menu/highcontrast-light.css +10 -59
  110. package/styles/context-menu/highcontrast.css +10 -59
  111. package/styles/context-menu/material-dark.css +10 -59
  112. package/styles/context-menu/material.css +10 -59
  113. package/styles/context-menu/tailwind-dark.css +13 -60
  114. package/styles/context-menu/tailwind.css +13 -60
  115. package/styles/fabric-dark.css +520 -2026
  116. package/styles/fabric-dark.scss +1 -0
  117. package/styles/fabric.css +520 -2026
  118. package/styles/fabric.scss +1 -0
  119. package/styles/fluent-dark.css +8507 -0
  120. package/styles/fluent-dark.scss +11 -0
  121. package/styles/fluent.css +8507 -0
  122. package/styles/fluent.scss +11 -0
  123. package/styles/h-scroll/bootstrap-dark.css +11 -68
  124. package/styles/h-scroll/bootstrap.css +11 -68
  125. package/styles/h-scroll/bootstrap4.css +11 -70
  126. package/styles/h-scroll/bootstrap5-dark.css +21 -79
  127. package/styles/h-scroll/bootstrap5.css +21 -79
  128. package/styles/h-scroll/fabric-dark.css +11 -68
  129. package/styles/h-scroll/fabric.css +11 -68
  130. package/styles/h-scroll/fluent-dark.css +269 -0
  131. package/styles/h-scroll/fluent-dark.scss +1 -0
  132. package/styles/h-scroll/fluent.css +269 -0
  133. package/styles/h-scroll/fluent.scss +1 -0
  134. package/styles/h-scroll/highcontrast-light.css +11 -71
  135. package/styles/h-scroll/highcontrast.css +11 -71
  136. package/styles/h-scroll/material-dark.css +14 -72
  137. package/styles/h-scroll/material.css +11 -69
  138. package/styles/h-scroll/tailwind-dark.css +11 -69
  139. package/styles/h-scroll/tailwind.css +11 -69
  140. package/styles/highcontrast-light.css +524 -2097
  141. package/styles/highcontrast-light.scss +1 -0
  142. package/styles/highcontrast.css +525 -2101
  143. package/styles/highcontrast.scss +1 -0
  144. package/styles/material-dark.css +529 -1999
  145. package/styles/material-dark.scss +1 -0
  146. package/styles/material.css +519 -1988
  147. package/styles/material.scss +1 -0
  148. package/styles/menu/bootstrap-dark.css +28 -203
  149. package/styles/menu/bootstrap.css +28 -203
  150. package/styles/menu/bootstrap4.css +29 -213
  151. package/styles/menu/bootstrap5-dark.css +50 -226
  152. package/styles/menu/bootstrap5.css +50 -226
  153. package/styles/menu/fabric-dark.css +28 -203
  154. package/styles/menu/fabric.css +28 -203
  155. package/styles/menu/fluent-dark.css +1084 -0
  156. package/styles/menu/fluent-dark.scss +1 -0
  157. package/styles/menu/fluent.css +1084 -0
  158. package/styles/menu/fluent.scss +1 -0
  159. package/styles/menu/highcontrast-light.css +28 -203
  160. package/styles/menu/highcontrast.css +28 -203
  161. package/styles/menu/material-dark.css +28 -205
  162. package/styles/menu/material.css +28 -205
  163. package/styles/menu/tailwind-dark.css +31 -206
  164. package/styles/menu/tailwind.css +31 -206
  165. package/styles/sidebar/bootstrap-dark.css +14 -25
  166. package/styles/sidebar/bootstrap.css +14 -25
  167. package/styles/sidebar/bootstrap4.css +14 -25
  168. package/styles/sidebar/bootstrap5-dark.css +12 -23
  169. package/styles/sidebar/bootstrap5.css +12 -23
  170. package/styles/sidebar/fabric-dark.css +14 -25
  171. package/styles/sidebar/fabric.css +14 -25
  172. package/styles/sidebar/fluent-dark.css +143 -0
  173. package/styles/sidebar/fluent-dark.scss +1 -0
  174. package/styles/sidebar/fluent.css +143 -0
  175. package/styles/sidebar/fluent.scss +1 -0
  176. package/styles/sidebar/highcontrast-light.css +14 -25
  177. package/styles/sidebar/highcontrast.css +14 -25
  178. package/styles/sidebar/material-dark.css +14 -25
  179. package/styles/sidebar/material.css +14 -25
  180. package/styles/sidebar/tailwind-dark.css +12 -23
  181. package/styles/sidebar/tailwind.css +12 -23
  182. package/styles/tab/bootstrap-dark.css +151 -964
  183. package/styles/tab/bootstrap.css +151 -964
  184. package/styles/tab/bootstrap4.css +151 -971
  185. package/styles/tab/bootstrap5-dark.css +173 -998
  186. package/styles/tab/bootstrap5.css +173 -998
  187. package/styles/tab/fabric-dark.css +142 -955
  188. package/styles/tab/fabric.css +142 -955
  189. package/styles/tab/fluent-dark.css +3588 -0
  190. package/styles/tab/fluent-dark.scss +1 -0
  191. package/styles/tab/fluent.css +3588 -0
  192. package/styles/tab/fluent.scss +1 -0
  193. package/styles/tab/highcontrast-light.css +143 -981
  194. package/styles/tab/highcontrast.css +144 -982
  195. package/styles/tab/material-dark.css +145 -917
  196. package/styles/tab/material.css +138 -910
  197. package/styles/tab/tailwind-dark.css +162 -934
  198. package/styles/tab/tailwind.css +162 -934
  199. package/styles/tailwind-dark.css +573 -2054
  200. package/styles/tailwind-dark.scss +1 -0
  201. package/styles/tailwind.css +572 -2053
  202. package/styles/tailwind.scss +1 -0
  203. package/styles/toolbar/bootstrap-dark.css +10 -245
  204. package/styles/toolbar/bootstrap.css +10 -245
  205. package/styles/toolbar/bootstrap4.css +11 -257
  206. package/styles/toolbar/bootstrap5-dark.css +41 -281
  207. package/styles/toolbar/bootstrap5.css +41 -281
  208. package/styles/toolbar/fabric-dark.css +10 -244
  209. package/styles/toolbar/fabric.css +10 -244
  210. package/styles/toolbar/fluent-dark.css +1128 -0
  211. package/styles/toolbar/fluent-dark.scss +1 -0
  212. package/styles/toolbar/fluent.css +1128 -0
  213. package/styles/toolbar/fluent.scss +1 -0
  214. package/styles/toolbar/highcontrast-light.css +10 -256
  215. package/styles/toolbar/highcontrast.css +10 -256
  216. package/styles/toolbar/material-dark.css +10 -247
  217. package/styles/toolbar/material.css +10 -247
  218. package/styles/toolbar/tailwind-dark.css +14 -248
  219. package/styles/toolbar/tailwind.css +14 -248
  220. package/styles/treeview/bootstrap-dark.css +23 -191
  221. package/styles/treeview/bootstrap.css +23 -191
  222. package/styles/treeview/bootstrap4.css +24 -208
  223. package/styles/treeview/bootstrap5-dark.css +28 -221
  224. package/styles/treeview/bootstrap5.css +28 -221
  225. package/styles/treeview/fabric-dark.css +23 -191
  226. package/styles/treeview/fabric.css +23 -191
  227. package/styles/treeview/fluent-dark.css +846 -0
  228. package/styles/treeview/fluent-dark.scss +1 -0
  229. package/styles/treeview/fluent.css +846 -0
  230. package/styles/treeview/fluent.scss +1 -0
  231. package/styles/treeview/highcontrast-light.css +23 -191
  232. package/styles/treeview/highcontrast.css +23 -194
  233. package/styles/treeview/material-dark.css +23 -192
  234. package/styles/treeview/material.css +23 -191
  235. package/styles/treeview/tailwind-dark.css +31 -222
  236. package/styles/treeview/tailwind.css +31 -222
  237. package/styles/v-scroll/bootstrap-dark.css +7 -50
  238. package/styles/v-scroll/bootstrap.css +7 -50
  239. package/styles/v-scroll/bootstrap4.css +7 -50
  240. package/styles/v-scroll/bootstrap5-dark.css +7 -50
  241. package/styles/v-scroll/bootstrap5.css +7 -50
  242. package/styles/v-scroll/fabric-dark.css +7 -50
  243. package/styles/v-scroll/fabric.css +7 -50
  244. package/styles/v-scroll/fluent-dark.css +204 -0
  245. package/styles/v-scroll/fluent-dark.scss +1 -0
  246. package/styles/v-scroll/fluent.css +204 -0
  247. package/styles/v-scroll/fluent.scss +1 -0
  248. package/styles/v-scroll/highcontrast-light.css +7 -53
  249. package/styles/v-scroll/highcontrast.css +7 -53
  250. package/styles/v-scroll/material-dark.css +7 -51
  251. package/styles/v-scroll/material.css +7 -51
  252. package/styles/v-scroll/tailwind-dark.css +7 -50
  253. package/styles/v-scroll/tailwind.css +7 -50
@@ -2,9 +2,8 @@
2
2
  /*! component's theme wise override tailwind-definitions and variables */
3
3
  /*! accordion icons */
4
4
  .e-accordion .e-tgl-collapse-icon::before {
5
- content: '\e706';
5
+ content: "\e729";
6
6
  }
7
-
8
7
  .e-accordion .e-tgl-collapse-icon.e-expand-icon {
9
8
  transform: rotate(-180deg);
10
9
  }
@@ -14,44 +13,44 @@
14
13
  .e-accordion.e-bigger .e-acrdn-item .e-acrdn-header .e-acrdn-header-content {
15
14
  font-size: 16px;
16
15
  }
17
-
18
16
  .e-bigger .e-accordion .e-acrdn-item.e-select .e-acrdn-panel,
19
17
  .e-accordion.e-bigger .e-acrdn-item.e-select .e-acrdn-panel {
20
18
  font-size: 16px;
21
19
  }
22
-
20
+ .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,
21
+ .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 {
22
+ padding: 20px 20px 20px 28px;
23
+ }
24
+ .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,
25
+ .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 {
26
+ padding: 12px 0 12px 28px;
27
+ }
23
28
  .e-bigger .e-accordion .e-acrdn-item.e-select .e-acrdn-panel.e-nested > .e-acrdn-content,
24
29
  .e-accordion.e-bigger .e-acrdn-item.e-select .e-acrdn-panel.e-nested > .e-acrdn-content {
25
30
  padding: 0;
26
31
  }
27
-
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 {
32
+ .e-bigger .e-accordion .e-acrdn-item.e-select .e-acrdn-panel.e-nested > .e-acrdn-content > .e-accordion,
33
+ .e-accordion.e-bigger .e-acrdn-item.e-select .e-acrdn-panel.e-nested > .e-acrdn-content > .e-accordion {
30
34
  border: 0;
31
35
  }
32
-
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 {
36
+ .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,
37
+ .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
38
  padding: 12px 0 12px 40px;
36
39
  }
37
-
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: 12px 0 12px 28px;
40
+ .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,
41
+ .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 {
42
+ padding: 24px 24px 24px 40px;
41
43
  }
42
-
43
44
  .e-bigger .e-accordion .e-acrdn-item.e-select .e-acrdn-panel .e-acrdn-header .e-acrdn-header-content,
44
45
  .e-accordion.e-bigger .e-acrdn-item.e-select .e-acrdn-panel .e-acrdn-header .e-acrdn-header-content {
45
46
  font-size: 14px;
46
47
  }
47
-
48
48
  .e-bigger .e-accordion .e-acrdn-item.e-select .e-acrdn-header,
49
49
  .e-accordion.e-bigger .e-acrdn-item.e-select .e-acrdn-header {
50
50
  line-height: 24px;
51
51
  min-height: 48px;
52
- padding: 11px 17px;
52
+ padding: 12px 16px;
53
53
  }
54
-
55
54
  .e-bigger .e-accordion .e-acrdn-item.e-select .e-acrdn-header .e-toggle-icon,
56
55
  .e-accordion.e-bigger .e-acrdn-item.e-select .e-acrdn-header .e-toggle-icon {
57
56
  height: 48px;
@@ -60,79 +59,44 @@
60
59
  right: 16px;
61
60
  font-size: 22px;
62
61
  }
63
-
64
62
  .e-bigger .e-accordion .e-acrdn-item.e-select .e-acrdn-header .e-acrdn-header-icon,
65
63
  .e-accordion.e-bigger .e-acrdn-item.e-select .e-acrdn-header .e-acrdn-header-icon {
66
64
  display: inline-block;
67
65
  padding: 0 12px 0 0;
68
66
  }
69
-
70
67
  .e-bigger .e-accordion .e-acrdn-item.e-select .e-acrdn-header .e-acrdn-header-icon .e-acrdn-icons.e-icons,
71
68
  .e-accordion.e-bigger .e-acrdn-item.e-select .e-acrdn-header .e-acrdn-header-icon .e-acrdn-icons.e-icons {
72
69
  font-size: 20px;
73
70
  }
74
-
75
71
  .e-bigger .e-accordion .e-acrdn-item.e-select .e-acrdn-panel .e-acrdn-content,
76
72
  .e-accordion.e-bigger .e-acrdn-item.e-select .e-acrdn-panel .e-acrdn-content {
77
73
  padding: 16px;
78
74
  }
79
-
80
- .e-bigger .e-accordion .e-acrdn-item.e-select .e-acrdn-panel .e-acrdn-content .e-acrdn-panel .e-acrdn-content,
81
- .e-accordion.e-bigger .e-acrdn-item.e-select .e-acrdn-panel .e-acrdn-content .e-acrdn-panel .e-acrdn-content {
82
- padding: 20px;
83
- }
84
-
85
- .e-bigger .e-accordion .e-acrdn-item.e-select .e-acrdn-panel .e-acrdn-content .e-acrdn-panel .e-acrdn-panel .e-acrdn-content,
86
- .e-accordion.e-bigger .e-acrdn-item.e-select .e-acrdn-panel .e-acrdn-content .e-acrdn-panel .e-acrdn-panel .e-acrdn-content {
87
- padding: 24px;
88
- }
89
-
90
- .e-bigger .e-accordion .e-acrdn-item.e-select .e-acrdn-panel .e-acrdn-content .e-acrdn-header,
91
- .e-accordion.e-bigger .e-acrdn-item.e-select .e-acrdn-panel .e-acrdn-content .e-acrdn-header {
92
- padding: 12px 0 12px 28px;
75
+ .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,
76
+ .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 {
77
+ padding: 20px 28px 20px 20px;
93
78
  }
94
-
95
- .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,
96
- .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 {
97
- padding: 0;
98
- }
99
-
100
- .e-bigger .e-accordion.e-rtl .e-acrdn-item.e-select .e-acrdn-panel .e-acrdn-content .e-acrdn-panel .e-acrdn-content,
101
- .e-accordion.e-bigger.e-rtl .e-acrdn-item.e-select .e-acrdn-panel .e-acrdn-content .e-acrdn-panel .e-acrdn-content {
102
- padding: 20px;
103
- }
104
-
105
- .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,
106
- .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 {
107
- padding: 0;
108
- }
109
-
110
- .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,
111
- .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 {
112
- padding: 24px;
79
+ .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,
80
+ .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 {
81
+ padding: 12px 28px 12px 0;
113
82
  }
114
-
115
- .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,
116
- .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 {
83
+ .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,
84
+ .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 {
117
85
  padding: 12px 40px 12px 0;
118
86
  }
119
-
120
- .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,
121
- .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 {
122
- padding: 12px 28px 12px 0;
87
+ .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,
88
+ .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 {
89
+ padding: 24px 40px 24px 24px;
123
90
  }
124
-
125
91
  .e-bigger .e-accordion.e-rtl .e-acrdn-item .e-acrdn-header,
126
92
  .e-accordion.e-bigger.e-rtl .e-acrdn-item .e-acrdn-header {
127
93
  padding: 11px 17px;
128
94
  }
129
-
130
95
  .e-bigger .e-accordion.e-rtl .e-acrdn-item .e-acrdn-header .e-toggle-icon,
131
96
  .e-accordion.e-bigger.e-rtl .e-acrdn-item .e-acrdn-header .e-toggle-icon {
132
97
  left: 16px;
133
98
  right: auto;
134
99
  }
135
-
136
100
  .e-bigger .e-accordion.e-rtl .e-acrdn-item .e-acrdn-header .e-acrdn-header-icon,
137
101
  .e-accordion.e-bigger.e-rtl .e-acrdn-item .e-acrdn-header .e-acrdn-header-icon {
138
102
  padding: 0 0 0 12px;
@@ -142,55 +106,44 @@
142
106
  display: block;
143
107
  position: relative;
144
108
  }
145
-
146
109
  .e-accordion .e-acrdn-item > .e-acrdn-header .e-acrdn-header-content {
147
110
  font-weight: 500;
148
111
  }
149
-
150
112
  .e-accordion .e-acrdn-item.e-selected {
151
113
  padding-top: 0;
152
114
  }
153
-
154
115
  .e-accordion .e-acrdn-item.e-selected > .e-acrdn-header .e-acrdn-header-content {
155
116
  font-weight: 500;
156
117
  }
157
-
158
118
  .e-accordion .e-acrdn-item.e-overlay {
159
119
  height: auto;
160
120
  }
161
-
162
121
  .e-accordion .e-acrdn-item {
163
122
  overflow: hidden;
164
123
  padding-top: 0;
165
124
  position: relative;
166
125
  }
167
-
168
126
  .e-accordion .e-acrdn-item.e-hide {
169
127
  display: none;
170
128
  }
171
-
172
129
  .e-accordion .e-acrdn-item .e-acrdn-header .e-acrdn-header-content {
173
130
  font-size: 14px;
174
131
  }
175
-
176
132
  .e-accordion .e-acrdn-item.e-select > .e-acrdn-header {
177
133
  cursor: pointer;
178
134
  }
179
-
180
135
  .e-accordion .e-acrdn-item .e-acrdn-header {
181
136
  line-height: 22px;
182
137
  min-height: 38px;
183
138
  overflow: hidden;
184
- padding: 7px 12px;
139
+ padding: 8px 12px;
185
140
  text-decoration: none;
186
141
  text-overflow: ellipsis;
187
142
  white-space: nowrap;
188
143
  }
189
-
190
144
  .e-accordion .e-acrdn-item .e-acrdn-header > * {
191
145
  display: inline-block;
192
146
  }
193
-
194
147
  .e-accordion .e-acrdn-item .e-acrdn-header .e-toggle-icon {
195
148
  display: table;
196
149
  font-size: 18px;
@@ -201,114 +154,89 @@
201
154
  right: 16px;
202
155
  top: 0;
203
156
  }
204
-
205
157
  .e-accordion .e-acrdn-item .e-acrdn-header .e-toggle-icon .e-tgl-collapse-icon.e-icons {
206
158
  display: table-cell;
207
159
  text-align: center;
208
160
  vertical-align: middle;
209
161
  }
210
-
211
162
  .e-accordion .e-acrdn-item .e-acrdn-header .e-toggle-animation {
212
- transition: .5s ease 0s;
163
+ transition: 0.5s ease 0s;
213
164
  }
214
-
215
165
  .e-accordion .e-acrdn-item .e-acrdn-header .e-acrdn-header-icon {
216
166
  display: inline-block;
217
167
  padding: 0 8px 0 0;
218
168
  }
219
-
220
169
  .e-accordion .e-acrdn-item .e-acrdn-header .e-acrdn-header-icon .e-acrdn-icons.e-icons {
221
170
  font-size: 18px;
222
171
  }
223
-
224
172
  .e-accordion .e-acrdn-item .e-acrdn-panel {
225
173
  font-size: 14px;
226
174
  overflow-y: hidden;
227
175
  text-decoration: none;
228
176
  width: 100%;
229
177
  }
230
-
178
+ .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 {
179
+ padding: 16px 16px 16px 26px;
180
+ }
181
+ .e-accordion .e-acrdn-item .e-acrdn-panel.e-nested > .e-acrdn-content > .e-accordion > .e-acrdn-item > .e-acrdn-header {
182
+ padding: 8px 0 8px 26px;
183
+ }
231
184
  .e-accordion .e-acrdn-item .e-acrdn-panel.e-nested > .e-acrdn-content {
232
185
  padding: 0;
233
186
  }
234
-
235
187
  .e-accordion .e-acrdn-item .e-acrdn-panel.e-nested > .e-acrdn-content .e-acrdn-panel.e-nested > .e-acrdn-content {
236
188
  padding: 0;
237
189
  }
238
-
239
- .e-accordion .e-acrdn-item .e-acrdn-panel.e-nested > .e-acrdn-content .e-accordion {
190
+ .e-accordion .e-acrdn-item .e-acrdn-panel.e-nested > .e-acrdn-content > .e-accordion {
240
191
  border: 0;
241
192
  }
242
-
243
193
  .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-header {
244
194
  padding: 8px 0 8px 38px;
245
195
  }
246
-
196
+ .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 {
197
+ padding: 20px 20px 20px 38px;
198
+ }
247
199
  .e-accordion .e-acrdn-item .e-acrdn-panel.e-nested .e-acrdn-item.e-select.e-selected .e-acrdn-header > .e-acrdn-header-content {
248
200
  font-weight: normal;
249
201
  }
250
-
251
202
  .e-accordion .e-acrdn-item .e-acrdn-panel.e-nested .e-nested .e-accordion .e-acrdn-item .e-acrdn-header .e-acrdn-header-content {
252
203
  font-weight: normal;
253
204
  }
254
-
255
- .e-accordion .e-acrdn-item .e-acrdn-panel .e-acrdn-panel .e-acrdn-content {
256
- padding: 16px;
257
- }
258
-
259
- .e-accordion .e-acrdn-item .e-acrdn-panel .e-acrdn-panel .e-acrdn-panel .e-acrdn-content {
260
- padding: 20px;
261
- }
262
-
263
205
  .e-accordion .e-acrdn-item .e-acrdn-panel .e-acrdn-content {
264
206
  line-height: 1.5;
265
207
  overflow: hidden;
266
208
  padding: 12px;
267
209
  text-overflow: ellipsis;
268
210
  }
269
-
270
211
  .e-accordion .e-acrdn-item .e-acrdn-panel .e-acrdn-content > * {
271
212
  overflow: hidden;
272
213
  text-overflow: ellipsis;
273
214
  }
274
-
275
- .e-accordion .e-acrdn-item .e-acrdn-panel .e-acrdn-content .e-acrdn-header {
276
- padding: 8px 0 8px 26px;
277
- }
278
-
279
- .e-accordion .e-acrdn-item .e-acrdn-panel .e-acrdn-content .e-acrdn-header-content {
215
+ .e-accordion .e-acrdn-item .e-acrdn-panel .e-acrdn-header-content {
280
216
  font-size: 14px;
281
217
  }
282
-
283
218
  .e-accordion .e-acrdn-item .e-content-hide {
284
219
  display: none;
285
220
  }
286
-
287
- .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 {
288
- padding: 8px 38px 8px 0;
221
+ .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 {
222
+ padding: 16px 26px 16px 16px;
289
223
  }
290
-
291
- .e-accordion.e-rtl .e-acrdn-item .e-acrdn-panel .e-acrdn-content .e-acrdn-header {
224
+ .e-accordion.e-rtl .e-acrdn-item .e-acrdn-panel.e-nested > .e-acrdn-content > .e-accordion > .e-acrdn-item > .e-acrdn-header {
292
225
  padding: 8px 26px 8px 0;
293
226
  }
294
-
295
- .e-accordion.e-rtl .e-acrdn-item .e-acrdn-panel .e-acrdn-panel .e-acrdn-content {
296
- padding: 16px;
227
+ .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 {
228
+ padding: 8px 38px 8px 0;
297
229
  }
298
-
299
- .e-accordion.e-rtl .e-acrdn-item .e-acrdn-panel .e-acrdn-panel .e-acrdn-panel .e-acrdn-content {
300
- padding: 20px;
230
+ .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 {
231
+ padding: 20px 38px 20px 20px;
301
232
  }
302
-
303
233
  .e-accordion.e-rtl .e-acrdn-item .e-acrdn-header {
304
234
  padding: 7px 12px;
305
235
  }
306
-
307
236
  .e-accordion.e-rtl .e-acrdn-item .e-acrdn-header .e-toggle-icon {
308
237
  left: 16px;
309
238
  right: auto;
310
239
  }
311
-
312
240
  .e-accordion.e-rtl .e-acrdn-item .e-acrdn-header .e-acrdn-header-icon {
313
241
  padding: 0 0 0 8px;
314
242
  }
@@ -319,120 +247,90 @@
319
247
  background: #232e3e;
320
248
  border: 1px solid #4b5563;
321
249
  }
322
-
323
250
  .e-accordion .e-active {
324
251
  background: #1f2937;
325
252
  }
326
-
327
253
  .e-accordion .e-acrdn-item {
328
254
  border-bottom: 1px solid #4b5563;
329
255
  border-radius: 4px 4px 0 0;
330
256
  }
331
-
332
257
  .e-accordion .e-acrdn-item.e-select:last-child {
333
258
  border-bottom: 0;
334
259
  border-radius: 0 0 4px 4px;
335
260
  }
336
-
337
261
  .e-accordion .e-acrdn-item.e-overlay {
338
262
  background: #232e3e;
339
263
  }
340
-
341
264
  .e-accordion .e-acrdn-item.e-overlay.e-overlay.e-select.e-expand-state .e-acrdn-header .e-icons {
342
265
  color: #6b7280;
343
266
  }
344
-
345
267
  .e-accordion .e-acrdn-item.e-overlay.e-overlay.e-select.e-expand-state .e-acrdn-header .e-acrdn-header-content {
346
268
  color: #6b7280;
347
269
  }
348
-
349
270
  .e-accordion .e-acrdn-item.e-selected.e-select.e-expand-state > .e-acrdn-header:focus {
350
271
  background: #4b5563;
351
272
  }
352
-
353
273
  .e-accordion .e-acrdn-item .e-acrdn-panel.e-nested .e-acrdn-content .e-acrdn-item:last-child {
354
274
  border-bottom: 1px none #4b5563;
355
275
  }
356
-
357
276
  .e-accordion .e-acrdn-item .e-acrdn-panel.e-nested .e-acrdn-header .e-acrdn-header-content {
358
277
  color: #fff;
359
278
  }
360
-
361
279
  .e-accordion .e-acrdn-item.e-select .e-acrdn-panel .e-acrdn-content {
362
280
  color: #fff;
363
281
  }
364
-
365
282
  .e-accordion .e-acrdn-item .e-acrdn-header .e-acrdn-header-content {
366
283
  color: #fff;
367
284
  }
368
-
369
285
  .e-accordion .e-acrdn-item .e-acrdn-header .e-acrdn-header-icon {
370
286
  color: #d1d5db;
371
287
  }
372
-
373
288
  .e-accordion .e-acrdn-item.e-expand-state.e-select:not(.e-selected) > .e-acrdn-header:focus {
374
289
  background: #4b5563;
375
290
  }
376
-
377
291
  .e-accordion .e-acrdn-item .e-acrdn-header:hover {
378
292
  background: #4b5563;
379
293
  }
380
-
381
294
  .e-accordion .e-acrdn-item .e-acrdn-header:active {
382
295
  background: #6b7280;
383
296
  }
384
-
385
297
  .e-accordion .e-acrdn-item .e-acrdn-header:focus {
386
298
  background: #4b5563;
387
299
  }
388
-
389
- .e-accordion .e-acrdn-item.e-select.e-selected.e-expand-state > .e-acrdn-header,
390
- .e-accordion .e-acrdn-item.e-select.e-expand-state > .e-acrdn-header {
300
+ .e-accordion .e-acrdn-item.e-select.e-selected.e-expand-state > .e-acrdn-header, .e-accordion .e-acrdn-item.e-select.e-expand-state > .e-acrdn-header {
391
301
  background: #1f2937;
392
302
  }
393
-
394
- .e-accordion .e-acrdn-item.e-select.e-selected.e-expand-state > .e-acrdn-header > .e-toggle-icon,
395
- .e-accordion .e-acrdn-item.e-select.e-expand-state > .e-acrdn-header > .e-toggle-icon {
303
+ .e-accordion .e-acrdn-item.e-select.e-selected.e-expand-state > .e-acrdn-header > .e-toggle-icon, .e-accordion .e-acrdn-item.e-select.e-expand-state > .e-acrdn-header > .e-toggle-icon {
396
304
  color: #22d3ee;
397
305
  }
398
-
399
306
  .e-accordion .e-acrdn-item.e-select.e-selected.e-expand-state > .e-acrdn-header .e-acrdn-header-icon,
400
- .e-accordion .e-acrdn-item.e-select.e-selected.e-expand-state > .e-acrdn-header .e-acrdn-header-content,
401
- .e-accordion .e-acrdn-item.e-select.e-expand-state > .e-acrdn-header .e-acrdn-header-icon,
307
+ .e-accordion .e-acrdn-item.e-select.e-selected.e-expand-state > .e-acrdn-header .e-acrdn-header-content, .e-accordion .e-acrdn-item.e-select.e-expand-state > .e-acrdn-header .e-acrdn-header-icon,
402
308
  .e-accordion .e-acrdn-item.e-select.e-expand-state > .e-acrdn-header .e-acrdn-header-content {
403
309
  color: #22d3ee;
404
310
  }
405
-
406
311
  .e-accordion .e-acrdn-item.e-selected.e-select {
407
312
  border-bottom: 1px none #4b5563;
408
313
  border-top: 1px none #4b5563;
409
314
  border-bottom: 1px solid #4b5563;
410
315
  }
411
-
412
316
  .e-accordion .e-acrdn-item.e-selected.e-select.e-select:last-child {
413
317
  border-bottom: 1px none #4b5563;
414
318
  }
415
-
416
319
  .e-accordion .e-acrdn-item.e-selected + .e-selected {
417
320
  border-top: 1px none #4b5563;
418
321
  }
419
-
420
322
  .e-accordion .e-acrdn-item.e-selected .e-selected:last-child {
421
323
  border-bottom: 1px none #4b5563;
422
324
  }
423
-
424
325
  .e-accordion .e-acrdn-item.e-selected > .e-acrdn-panel .e-acrdn-content {
425
326
  color: #fff;
426
327
  }
427
-
428
328
  .e-accordion .e-acrdn-item.e-selected > .e-acrdn-panel .e-acrdn-header-content {
429
329
  color: #fff;
430
330
  }
431
-
432
331
  .e-accordion .e-acrdn-item .e-toggle-icon {
433
332
  color: #d1d5db;
434
333
  }
435
-
436
334
  .e-accordion .e-acrdn-item .e-acrdn-panel {
437
335
  font-size: 14px;
438
- }
336
+ }