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