@syncfusion/ej2-vue-navigations 20.1.47 → 20.1.48

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 (231) hide show
  1. package/CHANGELOG.md +2 -25
  2. package/README.md +2 -17
  3. package/dist/ej2-vue-navigations.umd.min.js +2 -2
  4. package/dist/es6/ej2-vue-navigations.es2015.js +92 -373
  5. package/dist/es6/ej2-vue-navigations.es2015.js.map +1 -1
  6. package/dist/es6/ej2-vue-navigations.es5.js +109 -411
  7. package/dist/es6/ej2-vue-navigations.es5.js.map +1 -1
  8. package/dist/global/ej2-vue-navigations.min.js +2 -2
  9. package/package.json +15 -11
  10. package/src/accordion/accordion.component.d.ts +1 -1
  11. package/src/accordion/accordion.component.js +1 -1
  12. package/src/index.d.ts +0 -2
  13. package/src/index.js +0 -2
  14. package/styles/accordion/bootstrap-dark.css +63 -48
  15. package/styles/accordion/bootstrap.css +63 -48
  16. package/styles/accordion/bootstrap4.css +63 -48
  17. package/styles/accordion/bootstrap5-dark.css +66 -51
  18. package/styles/accordion/bootstrap5.css +66 -51
  19. package/styles/accordion/fabric-dark.css +65 -50
  20. package/styles/accordion/fabric.css +65 -50
  21. package/styles/accordion/highcontrast-light.css +64 -49
  22. package/styles/accordion/highcontrast.css +64 -49
  23. package/styles/accordion/material-dark.css +64 -49
  24. package/styles/accordion/material.css +64 -49
  25. package/styles/accordion/tailwind-dark.css +67 -52
  26. package/styles/accordion/tailwind.css +67 -52
  27. package/styles/bootstrap-dark.css +69 -310
  28. package/styles/bootstrap-dark.scss +0 -1
  29. package/styles/bootstrap.css +69 -310
  30. package/styles/bootstrap.scss +0 -1
  31. package/styles/bootstrap4.css +69 -310
  32. package/styles/bootstrap4.scss +0 -1
  33. package/styles/bootstrap5-dark.css +171 -415
  34. package/styles/bootstrap5-dark.scss +0 -1
  35. package/styles/bootstrap5.css +171 -415
  36. package/styles/bootstrap5.scss +0 -1
  37. package/styles/breadcrumb/bootstrap-dark.css +2 -10
  38. package/styles/breadcrumb/bootstrap.css +2 -10
  39. package/styles/breadcrumb/bootstrap4.css +2 -10
  40. package/styles/breadcrumb/bootstrap5-dark.css +4 -12
  41. package/styles/breadcrumb/bootstrap5.css +4 -12
  42. package/styles/breadcrumb/fabric-dark.css +4 -10
  43. package/styles/breadcrumb/fabric.css +4 -10
  44. package/styles/breadcrumb/highcontrast-light.css +4 -10
  45. package/styles/breadcrumb/highcontrast.css +4 -10
  46. package/styles/breadcrumb/material-dark.css +2 -10
  47. package/styles/breadcrumb/material.css +2 -10
  48. package/styles/breadcrumb/tailwind-dark.css +4 -21
  49. package/styles/breadcrumb/tailwind.css +10 -27
  50. package/styles/context-menu/bootstrap-dark.css +0 -5
  51. package/styles/context-menu/bootstrap.css +0 -5
  52. package/styles/context-menu/bootstrap4.css +0 -5
  53. package/styles/context-menu/bootstrap5-dark.css +8 -16
  54. package/styles/context-menu/bootstrap5.css +8 -16
  55. package/styles/context-menu/fabric-dark.css +0 -5
  56. package/styles/context-menu/fabric.css +0 -5
  57. package/styles/context-menu/highcontrast-light.css +0 -5
  58. package/styles/context-menu/highcontrast.css +0 -5
  59. package/styles/context-menu/material-dark.css +0 -5
  60. package/styles/context-menu/material.css +0 -5
  61. package/styles/context-menu/tailwind-dark.css +4 -11
  62. package/styles/context-menu/tailwind.css +4 -11
  63. package/styles/fabric-dark.css +73 -312
  64. package/styles/fabric-dark.scss +0 -1
  65. package/styles/fabric.css +73 -312
  66. package/styles/fabric.scss +0 -1
  67. package/styles/h-scroll/bootstrap-dark.css +1 -0
  68. package/styles/h-scroll/bootstrap.css +1 -0
  69. package/styles/h-scroll/bootstrap4.css +1 -0
  70. package/styles/h-scroll/bootstrap5-dark.css +11 -10
  71. package/styles/h-scroll/bootstrap5.css +11 -10
  72. package/styles/h-scroll/fabric-dark.css +1 -0
  73. package/styles/h-scroll/fabric.css +1 -0
  74. package/styles/h-scroll/highcontrast-light.css +1 -0
  75. package/styles/h-scroll/highcontrast.css +1 -0
  76. package/styles/h-scroll/material-dark.css +4 -3
  77. package/styles/h-scroll/material.css +1 -0
  78. package/styles/h-scroll/tailwind-dark.css +9 -8
  79. package/styles/h-scroll/tailwind.css +9 -8
  80. package/styles/highcontrast-light.css +72 -311
  81. package/styles/highcontrast-light.scss +0 -1
  82. package/styles/highcontrast.css +73 -312
  83. package/styles/highcontrast.scss +0 -1
  84. package/styles/material-dark.css +73 -314
  85. package/styles/material-dark.scss +0 -1
  86. package/styles/material.css +70 -311
  87. package/styles/material.scss +0 -1
  88. package/styles/menu/bootstrap-dark.css +2 -1
  89. package/styles/menu/bootstrap.css +2 -1
  90. package/styles/menu/bootstrap4.css +2 -1
  91. package/styles/menu/bootstrap5-dark.css +24 -23
  92. package/styles/menu/bootstrap5.css +24 -23
  93. package/styles/menu/fabric-dark.css +2 -1
  94. package/styles/menu/fabric.css +2 -1
  95. package/styles/menu/highcontrast-light.css +2 -1
  96. package/styles/menu/highcontrast.css +2 -1
  97. package/styles/menu/material-dark.css +2 -1
  98. package/styles/menu/material.css +2 -1
  99. package/styles/menu/tailwind-dark.css +18 -18
  100. package/styles/menu/tailwind.css +18 -18
  101. package/styles/sidebar/bootstrap-dark.css +0 -4
  102. package/styles/sidebar/bootstrap.css +0 -4
  103. package/styles/sidebar/bootstrap4.css +0 -4
  104. package/styles/sidebar/bootstrap5-dark.css +0 -4
  105. package/styles/sidebar/bootstrap5.css +0 -4
  106. package/styles/sidebar/fabric-dark.css +0 -4
  107. package/styles/sidebar/fabric.css +0 -4
  108. package/styles/sidebar/highcontrast-light.css +0 -4
  109. package/styles/sidebar/highcontrast.css +0 -4
  110. package/styles/sidebar/material-dark.css +0 -4
  111. package/styles/sidebar/material.css +0 -4
  112. package/styles/sidebar/tailwind-dark.css +0 -4
  113. package/styles/sidebar/tailwind.css +0 -4
  114. package/styles/tab/bootstrap-dark.css +1 -1
  115. package/styles/tab/bootstrap.css +1 -1
  116. package/styles/tab/bootstrap4.css +1 -1
  117. package/styles/tab/bootstrap5-dark.css +23 -23
  118. package/styles/tab/bootstrap5.css +23 -23
  119. package/styles/tab/fabric-dark.css +1 -1
  120. package/styles/tab/fabric.css +1 -1
  121. package/styles/tab/highcontrast-light.css +1 -1
  122. package/styles/tab/highcontrast.css +2 -2
  123. package/styles/tab/material-dark.css +1 -1
  124. package/styles/tab/material.css +1 -1
  125. package/styles/tab/tailwind-dark.css +45 -43
  126. package/styles/tab/tailwind.css +45 -43
  127. package/styles/tailwind-dark.css +171 -422
  128. package/styles/tailwind-dark.scss +0 -1
  129. package/styles/tailwind.css +177 -428
  130. package/styles/tailwind.scss +0 -1
  131. package/styles/toolbar/bootstrap-dark.css +0 -4
  132. package/styles/toolbar/bootstrap.css +0 -4
  133. package/styles/toolbar/bootstrap4.css +0 -4
  134. package/styles/toolbar/bootstrap5-dark.css +31 -35
  135. package/styles/toolbar/bootstrap5.css +31 -35
  136. package/styles/toolbar/fabric-dark.css +0 -4
  137. package/styles/toolbar/fabric.css +0 -4
  138. package/styles/toolbar/highcontrast-light.css +0 -4
  139. package/styles/toolbar/highcontrast.css +0 -4
  140. package/styles/toolbar/material-dark.css +0 -4
  141. package/styles/toolbar/material.css +0 -4
  142. package/styles/toolbar/tailwind-dark.css +6 -10
  143. package/styles/toolbar/tailwind.css +6 -10
  144. package/styles/treeview/bootstrap5-dark.css +4 -4
  145. package/styles/treeview/bootstrap5.css +4 -4
  146. package/styles/treeview/tailwind-dark.css +14 -13
  147. package/styles/treeview/tailwind.css +14 -13
  148. package/styles/v-scroll/tailwind-dark.css +4 -4
  149. package/styles/v-scroll/tailwind.css +4 -4
  150. package/carousel.d.ts +0 -4
  151. package/carousel.js +0 -4
  152. package/src/carousel/carousel.component.d.ts +0 -43
  153. package/src/carousel/carousel.component.js +0 -202
  154. package/src/carousel/index.d.ts +0 -2
  155. package/src/carousel/index.js +0 -2
  156. package/src/carousel/items.directive.d.ts +0 -33
  157. package/src/carousel/items.directive.js +0 -110
  158. package/styles/accordion/fluent-dark.css +0 -395
  159. package/styles/accordion/fluent-dark.scss +0 -1
  160. package/styles/accordion/fluent.css +0 -395
  161. package/styles/accordion/fluent.scss +0 -1
  162. package/styles/breadcrumb/fluent-dark.css +0 -444
  163. package/styles/breadcrumb/fluent-dark.scss +0 -1
  164. package/styles/breadcrumb/fluent.css +0 -444
  165. package/styles/breadcrumb/fluent.scss +0 -1
  166. package/styles/carousel/bootstrap-dark.css +0 -236
  167. package/styles/carousel/bootstrap-dark.scss +0 -1
  168. package/styles/carousel/bootstrap.css +0 -236
  169. package/styles/carousel/bootstrap.scss +0 -1
  170. package/styles/carousel/bootstrap4.css +0 -236
  171. package/styles/carousel/bootstrap4.scss +0 -1
  172. package/styles/carousel/bootstrap5-dark.css +0 -236
  173. package/styles/carousel/bootstrap5-dark.scss +0 -1
  174. package/styles/carousel/bootstrap5.css +0 -236
  175. package/styles/carousel/bootstrap5.scss +0 -1
  176. package/styles/carousel/fabric-dark.css +0 -236
  177. package/styles/carousel/fabric-dark.scss +0 -1
  178. package/styles/carousel/fabric.css +0 -236
  179. package/styles/carousel/fabric.scss +0 -1
  180. package/styles/carousel/fluent-dark.css +0 -236
  181. package/styles/carousel/fluent-dark.scss +0 -1
  182. package/styles/carousel/fluent.css +0 -236
  183. package/styles/carousel/fluent.scss +0 -1
  184. package/styles/carousel/highcontrast-light.css +0 -236
  185. package/styles/carousel/highcontrast-light.scss +0 -1
  186. package/styles/carousel/highcontrast.css +0 -236
  187. package/styles/carousel/highcontrast.scss +0 -1
  188. package/styles/carousel/material-dark.css +0 -237
  189. package/styles/carousel/material-dark.scss +0 -1
  190. package/styles/carousel/material.css +0 -237
  191. package/styles/carousel/material.scss +0 -1
  192. package/styles/carousel/tailwind-dark.css +0 -237
  193. package/styles/carousel/tailwind-dark.scss +0 -1
  194. package/styles/carousel/tailwind.css +0 -237
  195. package/styles/carousel/tailwind.scss +0 -1
  196. package/styles/context-menu/fluent-dark.css +0 -388
  197. package/styles/context-menu/fluent-dark.scss +0 -1
  198. package/styles/context-menu/fluent.css +0 -388
  199. package/styles/context-menu/fluent.scss +0 -1
  200. package/styles/fluent-dark.css +0 -10263
  201. package/styles/fluent-dark.scss +0 -11
  202. package/styles/fluent.css +0 -10263
  203. package/styles/fluent.scss +0 -11
  204. package/styles/h-scroll/fluent-dark.css +0 -326
  205. package/styles/h-scroll/fluent-dark.scss +0 -1
  206. package/styles/h-scroll/fluent.css +0 -326
  207. package/styles/h-scroll/fluent.scss +0 -1
  208. package/styles/menu/fluent-dark.css +0 -1261
  209. package/styles/menu/fluent-dark.scss +0 -1
  210. package/styles/menu/fluent.css +0 -1261
  211. package/styles/menu/fluent.scss +0 -1
  212. package/styles/sidebar/fluent-dark.css +0 -158
  213. package/styles/sidebar/fluent-dark.scss +0 -1
  214. package/styles/sidebar/fluent.css +0 -158
  215. package/styles/sidebar/fluent.scss +0 -1
  216. package/styles/tab/fluent-dark.css +0 -4394
  217. package/styles/tab/fluent-dark.scss +0 -1
  218. package/styles/tab/fluent.css +0 -4394
  219. package/styles/tab/fluent.scss +0 -1
  220. package/styles/toolbar/fluent-dark.css +0 -1365
  221. package/styles/toolbar/fluent-dark.scss +0 -1
  222. package/styles/toolbar/fluent.css +0 -1365
  223. package/styles/toolbar/fluent.scss +0 -1
  224. package/styles/treeview/fluent-dark.css +0 -1039
  225. package/styles/treeview/fluent-dark.scss +0 -1
  226. package/styles/treeview/fluent.css +0 -1039
  227. package/styles/treeview/fluent.scss +0 -1
  228. package/styles/v-scroll/fluent-dark.css +0 -247
  229. package/styles/v-scroll/fluent-dark.scss +0 -1
  230. package/styles/v-scroll/fluent.css +0 -247
  231. package/styles/v-scroll/fluent.scss +0 -1
@@ -188,6 +188,7 @@
188
188
  cursor: pointer;
189
189
  display: -ms-flexbox;
190
190
  display: flex;
191
+ height: 100%;
191
192
  min-height: 42px;
192
193
  overflow: hidden;
193
194
  position: absolute;
@@ -1876,10 +1877,6 @@
1876
1877
  box-shadow: 0 2px 2px 1px rgba(0, 0, 0, 0.21);
1877
1878
  }
1878
1879
 
1879
- .e-toolbar .e-toolbar-pop .e-toolbar-item:not(.e-separator) {
1880
- background: transparent;
1881
- }
1882
-
1883
1880
  .e-toolbar.e-extended-toolbar .e-toolbar-pop {
1884
1881
  background: #fafafa;
1885
1882
  }
@@ -2027,34 +2024,24 @@
2027
2024
  font-size: 14px;
2028
2025
  }
2029
2026
 
2030
- .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,
2031
- .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 {
2032
- padding: 16px 16px 16px 32px;
2033
- }
2034
-
2035
- .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,
2036
- .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 {
2037
- padding: 0 46px 0 32px;
2038
- }
2039
-
2040
2027
  .e-bigger .e-accordion .e-acrdn-item.e-select .e-acrdn-panel.e-nested > .e-acrdn-content,
2041
2028
  .e-accordion.e-bigger .e-acrdn-item.e-select .e-acrdn-panel.e-nested > .e-acrdn-content {
2042
2029
  padding: 0;
2043
2030
  }
2044
2031
 
2045
- .e-bigger .e-accordion .e-acrdn-item.e-select .e-acrdn-panel.e-nested > .e-acrdn-content > .e-accordion,
2046
- .e-accordion.e-bigger .e-acrdn-item.e-select .e-acrdn-panel.e-nested > .e-acrdn-content > .e-accordion {
2032
+ .e-bigger .e-accordion .e-acrdn-item.e-select .e-acrdn-panel.e-nested .e-acrdn-content .e-accordion,
2033
+ .e-accordion.e-bigger .e-acrdn-item.e-select .e-acrdn-panel.e-nested .e-acrdn-content .e-accordion {
2047
2034
  border: 0;
2048
2035
  }
2049
2036
 
2050
- .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,
2051
- .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 {
2037
+ .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,
2038
+ .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 {
2052
2039
  padding: 0 46px 0 48px;
2053
2040
  }
2054
2041
 
2055
- .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,
2056
- .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 {
2057
- padding: 16px 16px 16px 48px;
2042
+ .e-bigger .e-accordion .e-acrdn-item.e-select .e-acrdn-panel.e-nested .e-accordion .e-acrdn-item.e-select .e-acrdn-header,
2043
+ .e-accordion.e-bigger .e-acrdn-item.e-select .e-acrdn-panel.e-nested .e-accordion .e-acrdn-item.e-select .e-acrdn-header {
2044
+ padding: 0 46px 0 32px;
2058
2045
  }
2059
2046
 
2060
2047
  .e-bigger .e-accordion .e-acrdn-item.e-select .e-acrdn-panel .e-acrdn-header .e-acrdn-header-content,
@@ -2088,26 +2075,51 @@
2088
2075
  padding: 16px;
2089
2076
  }
2090
2077
 
2091
- .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,
2092
- .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 {
2093
- padding: 16px 32px 16px 16px;
2078
+ .e-bigger .e-accordion .e-acrdn-item.e-select .e-acrdn-panel .e-acrdn-content .e-acrdn-panel .e-acrdn-content,
2079
+ .e-accordion.e-bigger .e-acrdn-item.e-select .e-acrdn-panel .e-acrdn-content .e-acrdn-panel .e-acrdn-content {
2080
+ padding: 16px 16px 16px 48px;
2094
2081
  }
2095
2082
 
2096
- .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,
2097
- .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 {
2098
- padding: 0 32px 0 46px;
2083
+ .e-bigger .e-accordion .e-acrdn-item.e-select .e-acrdn-panel .e-acrdn-content .e-acrdn-panel .e-acrdn-panel .e-acrdn-content,
2084
+ .e-accordion.e-bigger .e-acrdn-item.e-select .e-acrdn-panel .e-acrdn-content .e-acrdn-panel .e-acrdn-panel .e-acrdn-content {
2085
+ padding: 16px 16px 16px 64px;
2099
2086
  }
2100
2087
 
2101
- .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,
2102
- .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 {
2103
- padding: 0 48px 0 46px;
2088
+ .e-bigger .e-accordion .e-acrdn-item.e-select .e-acrdn-panel .e-acrdn-content .e-acrdn-header,
2089
+ .e-accordion.e-bigger .e-acrdn-item.e-select .e-acrdn-panel .e-acrdn-content .e-acrdn-header {
2090
+ padding: 0 46px 0 32px;
2104
2091
  }
2105
2092
 
2106
- .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,
2107
- .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 {
2093
+ .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,
2094
+ .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 {
2095
+ padding: 0;
2096
+ }
2097
+
2098
+ .e-bigger .e-accordion.e-rtl .e-acrdn-item.e-select .e-acrdn-panel .e-acrdn-content .e-acrdn-panel .e-acrdn-content,
2099
+ .e-accordion.e-bigger.e-rtl .e-acrdn-item.e-select .e-acrdn-panel .e-acrdn-content .e-acrdn-panel .e-acrdn-content {
2108
2100
  padding: 16px 48px 16px 16px;
2109
2101
  }
2110
2102
 
2103
+ .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,
2104
+ .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 {
2105
+ padding: 0;
2106
+ }
2107
+
2108
+ .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,
2109
+ .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 {
2110
+ padding: 16px 64px 16px 16px;
2111
+ }
2112
+
2113
+ .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,
2114
+ .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 {
2115
+ padding: 0 48px 0 46px;
2116
+ }
2117
+
2118
+ .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,
2119
+ .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 {
2120
+ padding: 0 32px 0 46px;
2121
+ }
2122
+
2111
2123
  .e-bigger .e-accordion.e-rtl .e-acrdn-item .e-acrdn-header,
2112
2124
  .e-accordion.e-bigger.e-rtl .e-acrdn-item .e-acrdn-header {
2113
2125
  padding: 0 16px 0 46px;
@@ -2218,14 +2230,6 @@
2218
2230
  width: 100%;
2219
2231
  }
2220
2232
 
2221
- .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 {
2222
- padding: 16px 16px 16px 32px;
2223
- }
2224
-
2225
- .e-accordion .e-acrdn-item .e-acrdn-panel.e-nested > .e-acrdn-content > .e-accordion > .e-acrdn-item > .e-acrdn-header {
2226
- padding: 0 40px 0 32px;
2227
- }
2228
-
2229
2233
  .e-accordion .e-acrdn-item .e-acrdn-panel.e-nested > .e-acrdn-content {
2230
2234
  padding: 0;
2231
2235
  }
@@ -2234,7 +2238,7 @@
2234
2238
  padding: 0;
2235
2239
  }
2236
2240
 
2237
- .e-accordion .e-acrdn-item .e-acrdn-panel.e-nested > .e-acrdn-content > .e-accordion {
2241
+ .e-accordion .e-acrdn-item .e-acrdn-panel.e-nested > .e-acrdn-content .e-accordion {
2238
2242
  border: 0;
2239
2243
  }
2240
2244
 
@@ -2242,10 +2246,6 @@
2242
2246
  padding: 0 40px 0 48px;
2243
2247
  }
2244
2248
 
2245
- .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 {
2246
- padding: 16px 16px 16px 48px;
2247
- }
2248
-
2249
2249
  .e-accordion .e-acrdn-item .e-acrdn-panel.e-nested .e-acrdn-item.e-select.e-selected .e-acrdn-header > .e-acrdn-header-content {
2250
2250
  font-weight: normal;
2251
2251
  }
@@ -2254,6 +2254,14 @@
2254
2254
  font-weight: normal;
2255
2255
  }
2256
2256
 
2257
+ .e-accordion .e-acrdn-item .e-acrdn-panel .e-acrdn-panel .e-acrdn-content {
2258
+ padding: 16px 16px 16px 48px;
2259
+ }
2260
+
2261
+ .e-accordion .e-acrdn-item .e-acrdn-panel .e-acrdn-panel .e-acrdn-panel .e-acrdn-content {
2262
+ padding: 16px 16px 16px 64px;
2263
+ }
2264
+
2257
2265
  .e-accordion .e-acrdn-item .e-acrdn-panel .e-acrdn-content {
2258
2266
  line-height: 1.5;
2259
2267
  overflow: hidden;
@@ -2266,7 +2274,11 @@
2266
2274
  text-overflow: ellipsis;
2267
2275
  }
2268
2276
 
2269
- .e-accordion .e-acrdn-item .e-acrdn-panel .e-acrdn-header-content {
2277
+ .e-accordion .e-acrdn-item .e-acrdn-panel .e-acrdn-content .e-acrdn-header {
2278
+ padding: 0 40px 0 32px;
2279
+ }
2280
+
2281
+ .e-accordion .e-acrdn-item .e-acrdn-panel .e-acrdn-content .e-acrdn-header-content {
2270
2282
  font-size: 14px;
2271
2283
  }
2272
2284
 
@@ -2274,20 +2286,20 @@
2274
2286
  display: none;
2275
2287
  }
2276
2288
 
2277
- .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 {
2278
- padding: 16px 32px 16px 16px;
2289
+ .e-accordion.e-rtl .e-acrdn-item .e-acrdn-panel.e-nested > .e-acrdn-content .e-accordion .e-acrdn-panel.e-nested .e-acrdn-content .e-acrdn-header {
2290
+ padding: 0 48px 0 40px;
2279
2291
  }
2280
2292
 
2281
- .e-accordion.e-rtl .e-acrdn-item .e-acrdn-panel.e-nested > .e-acrdn-content > .e-accordion > .e-acrdn-item > .e-acrdn-header {
2293
+ .e-accordion.e-rtl .e-acrdn-item .e-acrdn-panel .e-acrdn-content .e-acrdn-header {
2282
2294
  padding: 0 32px 0 40px;
2283
2295
  }
2284
2296
 
2285
- .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 {
2286
- padding: 0 48px 0 40px;
2297
+ .e-accordion.e-rtl .e-acrdn-item .e-acrdn-panel .e-acrdn-panel .e-acrdn-content {
2298
+ padding: 16px 48px 16px 16px;
2287
2299
  }
2288
2300
 
2289
- .e-accordion.e-rtl .e-acrdn-item .e-acrdn-panel.e-nested > .e-acrdn-content .e-accordion .e-acrdn-panel.e-nested .e-acrdn-content .e-acrdn-panel .e-acrdn-content {
2290
- padding: 16px 48px 16px 16px;
2301
+ .e-accordion.e-rtl .e-acrdn-item .e-acrdn-panel .e-acrdn-panel .e-acrdn-panel .e-acrdn-content {
2302
+ padding: 16px 64px 16px 16px;
2291
2303
  }
2292
2304
 
2293
2305
  .e-accordion.e-rtl .e-acrdn-item .e-acrdn-header {
@@ -2426,243 +2438,6 @@
2426
2438
  font-size: 13px;
2427
2439
  }
2428
2440
 
2429
- /*! Carousel component material theme definitions and variables */
2430
- .e-carousel .e-previous-icon::before {
2431
- content: '\e904';
2432
- }
2433
-
2434
- .e-carousel .e-next-icon::before {
2435
- content: '\e913';
2436
- }
2437
-
2438
- .e-carousel .e-play-icon::before {
2439
- content: '\e324';
2440
- }
2441
-
2442
- .e-carousel .e-pause-icon::before {
2443
- content: '\e326';
2444
- }
2445
-
2446
- .e-carousel.e-rtl .e-previous-icon::before {
2447
- content: '\e913';
2448
- }
2449
-
2450
- .e-carousel.e-rtl .e-next-icon::before {
2451
- content: '\e904';
2452
- }
2453
-
2454
- /*! carousel component styles */
2455
- .e-carousel {
2456
- display: block;
2457
- margin: 0;
2458
- padding: 0;
2459
- position: relative;
2460
- }
2461
-
2462
- .e-carousel .e-carousel-items {
2463
- height: 100%;
2464
- margin: 0;
2465
- overflow: hidden;
2466
- padding: 0;
2467
- position: relative;
2468
- width: 100%;
2469
- }
2470
-
2471
- .e-carousel .e-carousel-items .e-carousel-item {
2472
- -webkit-backface-visibility: hidden;
2473
- backface-visibility: hidden;
2474
- display: none;
2475
- float: left;
2476
- height: 100%;
2477
- margin-right: -100%;
2478
- position: relative;
2479
- width: 100%;
2480
- }
2481
-
2482
- .e-carousel .e-carousel-items .e-carousel-item.e-active {
2483
- display: block;
2484
- }
2485
-
2486
- .e-carousel .e-carousel-items.e-carousel-slide-animation .e-carousel-item {
2487
- transition: transform 0.6s ease-in-out;
2488
- }
2489
-
2490
- .e-carousel .e-carousel-items.e-carousel-slide-animation .e-carousel-item.e-prev, .e-carousel .e-carousel-items.e-carousel-slide-animation .e-carousel-item.e-next, .e-carousel .e-carousel-items.e-carousel-slide-animation .e-carousel-item.e-active {
2491
- display: block;
2492
- }
2493
-
2494
- .e-carousel .e-carousel-items.e-carousel-slide-animation .e-carousel-item.e-next:not(.e-transition-start), .e-carousel .e-carousel-items.e-carousel-slide-animation .e-carousel-item.e-active.e-transition-end {
2495
- transform: translateX(100%);
2496
- }
2497
-
2498
- .e-carousel .e-carousel-items.e-carousel-slide-animation .e-carousel-item.e-prev:not(.e-transition-end), .e-carousel .e-carousel-items.e-carousel-slide-animation .e-carousel-item.e-active.e-transition-start {
2499
- transform: translateX(-100%);
2500
- }
2501
-
2502
- .e-carousel .e-carousel-items.e-carousel-fade-animation .e-carousel-item {
2503
- display: block;
2504
- opacity: 0;
2505
- transition: opacity 0.6s ease-in-out;
2506
- z-index: 0;
2507
- }
2508
-
2509
- .e-carousel .e-carousel-items.e-carousel-fade-animation .e-carousel-item.e-active {
2510
- opacity: 1;
2511
- z-index: 1;
2512
- }
2513
-
2514
- .e-carousel .e-carousel-navigators {
2515
- -ms-flex-align: center;
2516
- align-items: center;
2517
- display: -ms-flexbox;
2518
- display: flex;
2519
- height: 100%;
2520
- -ms-flex-pack: justify;
2521
- justify-content: space-between;
2522
- pointer-events: none;
2523
- position: absolute;
2524
- top: 0;
2525
- width: 100%;
2526
- z-index: 1;
2527
- }
2528
-
2529
- .e-carousel .e-carousel-navigators .e-play-pause,
2530
- .e-carousel .e-carousel-navigators .e-previous,
2531
- .e-carousel .e-carousel-navigators .e-next {
2532
- padding: .5em;
2533
- pointer-events: auto;
2534
- }
2535
-
2536
- .e-carousel .e-carousel-navigators .e-play-pause .e-btn,
2537
- .e-carousel .e-carousel-navigators .e-previous .e-btn,
2538
- .e-carousel .e-carousel-navigators .e-next .e-btn {
2539
- border: 0;
2540
- box-shadow: none;
2541
- }
2542
-
2543
- .e-carousel .e-carousel-navigators .e-play-pause .e-btn:hover,
2544
- .e-carousel .e-carousel-navigators .e-previous .e-btn:hover,
2545
- .e-carousel .e-carousel-navigators .e-next .e-btn:hover {
2546
- border-radius: 50%;
2547
- }
2548
-
2549
- .e-carousel .e-carousel-navigators .e-play-pause .e-btn.e-rtl,
2550
- .e-carousel .e-carousel-navigators .e-previous .e-btn.e-rtl,
2551
- .e-carousel .e-carousel-navigators .e-next .e-btn.e-rtl {
2552
- transform: rotate(180deg);
2553
- }
2554
-
2555
- .e-carousel .e-carousel-navigators .e-play-pause.e-hover-arrows,
2556
- .e-carousel .e-carousel-navigators .e-previous.e-hover-arrows,
2557
- .e-carousel .e-carousel-navigators .e-next.e-hover-arrows {
2558
- display: none;
2559
- }
2560
-
2561
- .e-carousel .e-carousel-indicators {
2562
- -ms-flex-align: center;
2563
- align-items: center;
2564
- bottom: 0;
2565
- display: -ms-flexbox;
2566
- display: flex;
2567
- -ms-flex-pack: center;
2568
- justify-content: center;
2569
- min-height: 48px;
2570
- padding: 0;
2571
- pointer-events: none;
2572
- position: absolute;
2573
- width: 100%;
2574
- z-index: 1;
2575
- }
2576
-
2577
- .e-carousel .e-carousel-indicators .e-indicator-bars {
2578
- display: -ms-flexbox;
2579
- display: flex;
2580
- -ms-flex-wrap: wrap;
2581
- flex-wrap: wrap;
2582
- -ms-flex-pack: center;
2583
- justify-content: center;
2584
- pointer-events: auto;
2585
- }
2586
-
2587
- .e-carousel .e-carousel-indicators .e-indicator-bars .e-indicator-bar {
2588
- padding: 0;
2589
- }
2590
-
2591
- .e-carousel .e-carousel-indicators .e-indicator-bars .e-indicator-bar .e-indicator {
2592
- -ms-flex-align: center;
2593
- align-items: center;
2594
- display: -ms-flexbox;
2595
- display: flex;
2596
- -ms-flex-pack: center;
2597
- justify-content: center;
2598
- padding: 6px;
2599
- }
2600
-
2601
- .e-carousel .e-carousel-indicators .e-indicator-bars .e-indicator-bar .e-indicator div {
2602
- border: 1px solid rgba(255, 255, 255, 0.4);
2603
- border-radius: 50%;
2604
- height: 12px;
2605
- transition-duration: 0.6s;
2606
- transition-property: background-color, border-color;
2607
- transition-timing-function: ease-in-out;
2608
- width: 12px;
2609
- }
2610
-
2611
- .e-carousel .e-carousel-indicators .e-indicator-bars .e-indicator-bar .e-indicator .e-ripple-element {
2612
- display: none;
2613
- }
2614
-
2615
- /*! carousel component theme */
2616
- .e-carousel .e-carousel-navigators .e-previous .e-btn:not(:disabled),
2617
- .e-carousel .e-carousel-navigators .e-next .e-btn:not(:disabled),
2618
- .e-carousel .e-carousel-navigators .e-play-pause .e-btn:not(:disabled) {
2619
- background-color: transparent;
2620
- }
2621
-
2622
- .e-carousel .e-carousel-navigators .e-previous .e-btn:not(:disabled) .e-btn-icon,
2623
- .e-carousel .e-carousel-navigators .e-next .e-btn:not(:disabled) .e-btn-icon,
2624
- .e-carousel .e-carousel-navigators .e-play-pause .e-btn:not(:disabled) .e-btn-icon {
2625
- color: #fff;
2626
- }
2627
-
2628
- .e-carousel .e-carousel-navigators .e-previous .e-btn:not(:disabled):active, .e-carousel .e-carousel-navigators .e-previous .e-btn:not(:disabled):focus, .e-carousel .e-carousel-navigators .e-previous .e-btn:not(:disabled):hover,
2629
- .e-carousel .e-carousel-navigators .e-next .e-btn:not(:disabled):active,
2630
- .e-carousel .e-carousel-navigators .e-next .e-btn:not(:disabled):focus,
2631
- .e-carousel .e-carousel-navigators .e-next .e-btn:not(:disabled):hover,
2632
- .e-carousel .e-carousel-navigators .e-play-pause .e-btn:not(:disabled):active,
2633
- .e-carousel .e-carousel-navigators .e-play-pause .e-btn:not(:disabled):focus,
2634
- .e-carousel .e-carousel-navigators .e-play-pause .e-btn:not(:disabled):hover {
2635
- background-color: rgba(255, 255, 255, 0.4);
2636
- outline: none;
2637
- }
2638
-
2639
- .e-carousel .e-carousel-indicators .e-indicator-bar .e-indicator {
2640
- background-color: transparent;
2641
- border-color: transparent;
2642
- box-shadow: none;
2643
- }
2644
-
2645
- .e-carousel .e-carousel-indicators .e-indicator-bar .e-indicator div {
2646
- background-color: #fff;
2647
- border-color: #fff;
2648
- }
2649
-
2650
- .e-carousel .e-carousel-indicators .e-indicator-bar .e-indicator:active, .e-carousel .e-carousel-indicators .e-indicator-bar .e-indicator:focus, .e-carousel .e-carousel-indicators .e-indicator-bar .e-indicator:hover {
2651
- background-color: transparent;
2652
- border-color: transparent;
2653
- box-shadow: none;
2654
- outline: none;
2655
- }
2656
-
2657
- .e-carousel .e-carousel-indicators .e-indicator-bar .e-indicator:focus-visible {
2658
- border-color: #000;
2659
- }
2660
-
2661
- .e-carousel .e-carousel-indicators .e-indicator-bar.e-active .e-indicator div {
2662
- background-color: #e3165b;
2663
- border-color: #e3165b;
2664
- }
2665
-
2666
2441
  /*! contextmenu layout */
2667
2442
  .e-contextmenu-wrapper ul .e-menu-item .e-previous::before,
2668
2443
  .e-contextmenu-container ul .e-menu-item .e-previous::before {
@@ -2815,11 +2590,6 @@
2815
2590
  pointer-events: none;
2816
2591
  }
2817
2592
 
2818
- .e-contextmenu-wrapper ul .e-menu-item .e-checkbox-wrapper,
2819
- .e-contextmenu-container ul .e-menu-item .e-checkbox-wrapper {
2820
- width: max-content;
2821
- }
2822
-
2823
2593
  .e-contextmenu-wrapper.e-sfcontextmenu,
2824
2594
  .e-contextmenu-container.e-sfcontextmenu {
2825
2595
  position: absolute;
@@ -5360,7 +5130,7 @@
5360
5130
  }
5361
5131
 
5362
5132
  .e-tab .e-content.e-progress {
5363
- overflow: hidden;
5133
+ overflow-x: hidden;
5364
5134
  }
5365
5135
 
5366
5136
  .e-tab.e-vertical-tab .e-content {
@@ -8217,10 +7987,6 @@ ejs-sidebar {
8217
7987
  visibility: visible;
8218
7988
  }
8219
7989
 
8220
- .e-sidebar.e-left.e-open.e-dock.e-blazor-dock, .e-sidebar.e-right.e-open.e-dock.e-blazor-dock {
8221
- transition: width .5s ease, visibility 500ms;
8222
- }
8223
-
8224
7990
  .e-sidebar.e-left.e-open.e-disable-animation, .e-sidebar.e-right.e-open.e-disable-animation, .e-sidebar.e-right.e-close.e-disable-animation, .e-sidebar.e-left.e-close.e-disable-animation {
8225
7991
  transition: none;
8226
7992
  }
@@ -8425,7 +8191,7 @@ ejs-sidebar {
8425
8191
  -webkit-user-select: none;
8426
8192
  -ms-user-select: none;
8427
8193
  user-select: none;
8428
- font-size: 13px;
8194
+ font-size: 0;
8429
8195
  padding: 0;
8430
8196
  text-align: left;
8431
8197
  white-space: nowrap;
@@ -8490,6 +8256,7 @@ ejs-sidebar {
8490
8256
  position: relative;
8491
8257
  display: -ms-inline-flexbox;
8492
8258
  display: inline-flex;
8259
+ font-size: 13px;
8493
8260
  height: 42px;
8494
8261
  line-height: 42px;
8495
8262
  padding: 0 12px;
@@ -9655,15 +9422,7 @@ ejs-sidebar {
9655
9422
  text-decoration: none;
9656
9423
  }
9657
9424
 
9658
- .e-breadcrumb .e-breadcrumb-item a.e-breadcrumb-text:hover {
9659
- text-decoration: underline;
9660
- }
9661
-
9662
- .e-breadcrumb .e-breadcrumb-item a.e-breadcrumb-text:focus {
9663
- text-decoration: underline;
9664
- }
9665
-
9666
- .e-breadcrumb .e-breadcrumb-item a.e-breadcrumb-text:active {
9425
+ .e-breadcrumb .e-breadcrumb-item a.e-breadcrumb-text:hover, .e-breadcrumb .e-breadcrumb-item a.e-breadcrumb-text:focus, .e-breadcrumb .e-breadcrumb-item a.e-breadcrumb-text:active {
9667
9426
  text-decoration: underline;
9668
9427
  }
9669
9428
 
@@ -9815,7 +9574,7 @@ ejs-sidebar {
9815
9574
  -ms-flex-positive: 1;
9816
9575
  flex-grow: 1;
9817
9576
  -ms-flex-pack: end;
9818
- justify-content: end;
9577
+ justify-content: flex-end;
9819
9578
  }
9820
9579
 
9821
9580
  .e-breadcrumb-popup.e-rtl.e-icon-right .e-breadcrumb-icon,
@@ -2,7 +2,6 @@
2
2
  @import 'v-scroll/material.scss';
3
3
  @import 'toolbar/material.scss';
4
4
  @import 'accordion/material.scss';
5
- @import 'carousel/material.scss';
6
5
  @import 'context-menu/material.scss';
7
6
  @import 'tab/material.scss';
8
7
  @import 'treeview/material.scss';
@@ -106,7 +106,7 @@
106
106
  -webkit-user-select: none;
107
107
  -ms-user-select: none;
108
108
  user-select: none;
109
- font-size: 14px;
109
+ font-size: 0;
110
110
  padding: 0;
111
111
  text-align: left;
112
112
  white-space: nowrap;
@@ -171,6 +171,7 @@
171
171
  position: relative;
172
172
  display: -ms-inline-flexbox;
173
173
  display: inline-flex;
174
+ font-size: 14px;
174
175
  height: 42px;
175
176
  line-height: 42px;
176
177
  padding: 0 15px;
@@ -108,7 +108,7 @@
108
108
  -webkit-user-select: none;
109
109
  -ms-user-select: none;
110
110
  user-select: none;
111
- font-size: 14px;
111
+ font-size: 0;
112
112
  padding: 0;
113
113
  text-align: left;
114
114
  white-space: nowrap;
@@ -173,6 +173,7 @@
173
173
  position: relative;
174
174
  display: -ms-inline-flexbox;
175
175
  display: inline-flex;
176
+ font-size: 14px;
176
177
  height: 40px;
177
178
  line-height: 40px;
178
179
  padding: 0 12px;
@@ -108,7 +108,7 @@
108
108
  -webkit-user-select: none;
109
109
  -ms-user-select: none;
110
110
  user-select: none;
111
- font-size: 14px;
111
+ font-size: 0;
112
112
  padding: 0;
113
113
  text-align: left;
114
114
  white-space: nowrap;
@@ -173,6 +173,7 @@
173
173
  position: relative;
174
174
  display: -ms-inline-flexbox;
175
175
  display: inline-flex;
176
+ font-size: 14px;
176
177
  height: 30px;
177
178
  line-height: 30px;
178
179
  padding: 0 12px;