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