@syncfusion/ej2-vue-navigations 20.1.48 → 20.1.56

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (253) hide show
  1. package/CHANGELOG.md +74 -2
  2. package/README.md +17 -2
  3. package/carousel.d.ts +4 -0
  4. package/carousel.js +4 -0
  5. package/dist/ej2-vue-navigations.umd.min.js +11 -2
  6. package/dist/es6/ej2-vue-navigations.es2015.js +377 -92
  7. package/dist/es6/ej2-vue-navigations.es2015.js.map +1 -1
  8. package/dist/es6/ej2-vue-navigations.es5.js +415 -109
  9. package/dist/es6/ej2-vue-navigations.es5.js.map +1 -1
  10. package/dist/global/ej2-vue-navigations.min.js +2 -2
  11. package/package.json +11 -15
  12. package/src/accordion/accordion.component.d.ts +1 -1
  13. package/src/accordion/accordion.component.js +2 -1
  14. package/src/breadcrumb/breadcrumb.component.js +1 -0
  15. package/src/carousel/carousel.component.d.ts +43 -0
  16. package/src/carousel/carousel.component.js +203 -0
  17. package/src/carousel/index.d.ts +2 -0
  18. package/src/carousel/index.js +2 -0
  19. package/src/carousel/items.directive.d.ts +33 -0
  20. package/src/carousel/items.directive.js +110 -0
  21. package/src/index.d.ts +2 -0
  22. package/src/index.js +2 -0
  23. package/src/sidebar/sidebar.component.js +1 -0
  24. package/styles/accordion/bootstrap-dark.css +49 -152
  25. package/styles/accordion/bootstrap.css +49 -152
  26. package/styles/accordion/bootstrap4.css +52 -167
  27. package/styles/accordion/bootstrap5-dark.css +49 -149
  28. package/styles/accordion/bootstrap5.css +49 -149
  29. package/styles/accordion/fabric-dark.css +51 -150
  30. package/styles/accordion/fabric.css +51 -150
  31. package/styles/accordion/fluent-dark.css +314 -0
  32. package/styles/accordion/fluent-dark.scss +1 -0
  33. package/styles/accordion/fluent.css +314 -0
  34. package/styles/accordion/fluent.scss +1 -0
  35. package/styles/accordion/highcontrast-light.css +54 -175
  36. package/styles/accordion/highcontrast.css +54 -175
  37. package/styles/accordion/material-dark.css +50 -152
  38. package/styles/accordion/material.css +50 -152
  39. package/styles/accordion/tailwind-dark.css +52 -154
  40. package/styles/accordion/tailwind.css +52 -154
  41. package/styles/bootstrap-dark.css +527 -2037
  42. package/styles/bootstrap-dark.scss +1 -0
  43. package/styles/bootstrap.css +527 -2037
  44. package/styles/bootstrap.scss +1 -0
  45. package/styles/bootstrap4.css +533 -2100
  46. package/styles/bootstrap4.scss +1 -0
  47. package/styles/bootstrap5-dark.css +629 -2181
  48. package/styles/bootstrap5-dark.scss +1 -0
  49. package/styles/bootstrap5.css +629 -2181
  50. package/styles/bootstrap5.scss +1 -0
  51. package/styles/breadcrumb/bootstrap-dark.css +15 -89
  52. package/styles/breadcrumb/bootstrap.css +15 -89
  53. package/styles/breadcrumb/bootstrap4.css +15 -89
  54. package/styles/breadcrumb/bootstrap5-dark.css +17 -95
  55. package/styles/breadcrumb/bootstrap5.css +17 -95
  56. package/styles/breadcrumb/fabric-dark.css +15 -90
  57. package/styles/breadcrumb/fabric.css +15 -90
  58. package/styles/breadcrumb/fluent-dark.css +370 -0
  59. package/styles/breadcrumb/fluent-dark.scss +1 -0
  60. package/styles/breadcrumb/fluent.css +370 -0
  61. package/styles/breadcrumb/fluent.scss +1 -0
  62. package/styles/breadcrumb/highcontrast-light.css +15 -92
  63. package/styles/breadcrumb/highcontrast.css +15 -92
  64. package/styles/breadcrumb/material-dark.css +15 -84
  65. package/styles/breadcrumb/material.css +15 -84
  66. package/styles/breadcrumb/tailwind-dark.css +30 -97
  67. package/styles/breadcrumb/tailwind.css +29 -96
  68. package/styles/carousel/bootstrap-dark.css +217 -0
  69. package/styles/carousel/bootstrap-dark.scss +1 -0
  70. package/styles/carousel/bootstrap.css +217 -0
  71. package/styles/carousel/bootstrap.scss +1 -0
  72. package/styles/carousel/bootstrap4.css +217 -0
  73. package/styles/carousel/bootstrap4.scss +1 -0
  74. package/styles/carousel/bootstrap5-dark.css +217 -0
  75. package/styles/carousel/bootstrap5-dark.scss +1 -0
  76. package/styles/carousel/bootstrap5.css +217 -0
  77. package/styles/carousel/bootstrap5.scss +1 -0
  78. package/styles/carousel/fabric-dark.css +217 -0
  79. package/styles/carousel/fabric-dark.scss +1 -0
  80. package/styles/carousel/fabric.css +217 -0
  81. package/styles/carousel/fabric.scss +1 -0
  82. package/styles/carousel/fluent-dark.css +217 -0
  83. package/styles/carousel/fluent-dark.scss +1 -0
  84. package/styles/carousel/fluent.css +217 -0
  85. package/styles/carousel/fluent.scss +1 -0
  86. package/styles/carousel/highcontrast-light.css +217 -0
  87. package/styles/carousel/highcontrast-light.scss +1 -0
  88. package/styles/carousel/highcontrast.css +217 -0
  89. package/styles/carousel/highcontrast.scss +1 -0
  90. package/styles/carousel/material-dark.css +218 -0
  91. package/styles/carousel/material-dark.scss +1 -0
  92. package/styles/carousel/material.css +218 -0
  93. package/styles/carousel/material.scss +1 -0
  94. package/styles/carousel/tailwind-dark.css +218 -0
  95. package/styles/carousel/tailwind-dark.scss +1 -0
  96. package/styles/carousel/tailwind.css +218 -0
  97. package/styles/carousel/tailwind.scss +1 -0
  98. package/styles/context-menu/bootstrap-dark.css +10 -59
  99. package/styles/context-menu/bootstrap.css +10 -59
  100. package/styles/context-menu/bootstrap4.css +10 -59
  101. package/styles/context-menu/bootstrap5-dark.css +21 -67
  102. package/styles/context-menu/bootstrap5.css +21 -67
  103. package/styles/context-menu/fabric-dark.css +10 -59
  104. package/styles/context-menu/fabric.css +10 -59
  105. package/styles/context-menu/fluent-dark.css +334 -0
  106. package/styles/context-menu/fluent-dark.scss +1 -0
  107. package/styles/context-menu/fluent.css +334 -0
  108. package/styles/context-menu/fluent.scss +1 -0
  109. package/styles/context-menu/highcontrast-light.css +10 -59
  110. package/styles/context-menu/highcontrast.css +10 -59
  111. package/styles/context-menu/material-dark.css +10 -59
  112. package/styles/context-menu/material.css +10 -59
  113. package/styles/context-menu/tailwind-dark.css +13 -60
  114. package/styles/context-menu/tailwind.css +13 -60
  115. package/styles/fabric-dark.css +520 -2026
  116. package/styles/fabric-dark.scss +1 -0
  117. package/styles/fabric.css +520 -2026
  118. package/styles/fabric.scss +1 -0
  119. package/styles/fluent-dark.css +8507 -0
  120. package/styles/fluent-dark.scss +11 -0
  121. package/styles/fluent.css +8507 -0
  122. package/styles/fluent.scss +11 -0
  123. package/styles/h-scroll/bootstrap-dark.css +11 -68
  124. package/styles/h-scroll/bootstrap.css +11 -68
  125. package/styles/h-scroll/bootstrap4.css +11 -70
  126. package/styles/h-scroll/bootstrap5-dark.css +21 -79
  127. package/styles/h-scroll/bootstrap5.css +21 -79
  128. package/styles/h-scroll/fabric-dark.css +11 -68
  129. package/styles/h-scroll/fabric.css +11 -68
  130. package/styles/h-scroll/fluent-dark.css +269 -0
  131. package/styles/h-scroll/fluent-dark.scss +1 -0
  132. package/styles/h-scroll/fluent.css +269 -0
  133. package/styles/h-scroll/fluent.scss +1 -0
  134. package/styles/h-scroll/highcontrast-light.css +11 -71
  135. package/styles/h-scroll/highcontrast.css +11 -71
  136. package/styles/h-scroll/material-dark.css +14 -72
  137. package/styles/h-scroll/material.css +11 -69
  138. package/styles/h-scroll/tailwind-dark.css +11 -69
  139. package/styles/h-scroll/tailwind.css +11 -69
  140. package/styles/highcontrast-light.css +524 -2097
  141. package/styles/highcontrast-light.scss +1 -0
  142. package/styles/highcontrast.css +525 -2101
  143. package/styles/highcontrast.scss +1 -0
  144. package/styles/material-dark.css +529 -1999
  145. package/styles/material-dark.scss +1 -0
  146. package/styles/material.css +519 -1988
  147. package/styles/material.scss +1 -0
  148. package/styles/menu/bootstrap-dark.css +28 -203
  149. package/styles/menu/bootstrap.css +28 -203
  150. package/styles/menu/bootstrap4.css +29 -213
  151. package/styles/menu/bootstrap5-dark.css +50 -226
  152. package/styles/menu/bootstrap5.css +50 -226
  153. package/styles/menu/fabric-dark.css +28 -203
  154. package/styles/menu/fabric.css +28 -203
  155. package/styles/menu/fluent-dark.css +1084 -0
  156. package/styles/menu/fluent-dark.scss +1 -0
  157. package/styles/menu/fluent.css +1084 -0
  158. package/styles/menu/fluent.scss +1 -0
  159. package/styles/menu/highcontrast-light.css +28 -203
  160. package/styles/menu/highcontrast.css +28 -203
  161. package/styles/menu/material-dark.css +28 -205
  162. package/styles/menu/material.css +28 -205
  163. package/styles/menu/tailwind-dark.css +31 -206
  164. package/styles/menu/tailwind.css +31 -206
  165. package/styles/sidebar/bootstrap-dark.css +14 -25
  166. package/styles/sidebar/bootstrap.css +14 -25
  167. package/styles/sidebar/bootstrap4.css +14 -25
  168. package/styles/sidebar/bootstrap5-dark.css +12 -23
  169. package/styles/sidebar/bootstrap5.css +12 -23
  170. package/styles/sidebar/fabric-dark.css +14 -25
  171. package/styles/sidebar/fabric.css +14 -25
  172. package/styles/sidebar/fluent-dark.css +143 -0
  173. package/styles/sidebar/fluent-dark.scss +1 -0
  174. package/styles/sidebar/fluent.css +143 -0
  175. package/styles/sidebar/fluent.scss +1 -0
  176. package/styles/sidebar/highcontrast-light.css +14 -25
  177. package/styles/sidebar/highcontrast.css +14 -25
  178. package/styles/sidebar/material-dark.css +14 -25
  179. package/styles/sidebar/material.css +14 -25
  180. package/styles/sidebar/tailwind-dark.css +12 -23
  181. package/styles/sidebar/tailwind.css +12 -23
  182. package/styles/tab/bootstrap-dark.css +151 -964
  183. package/styles/tab/bootstrap.css +151 -964
  184. package/styles/tab/bootstrap4.css +151 -971
  185. package/styles/tab/bootstrap5-dark.css +173 -998
  186. package/styles/tab/bootstrap5.css +173 -998
  187. package/styles/tab/fabric-dark.css +142 -955
  188. package/styles/tab/fabric.css +142 -955
  189. package/styles/tab/fluent-dark.css +3588 -0
  190. package/styles/tab/fluent-dark.scss +1 -0
  191. package/styles/tab/fluent.css +3588 -0
  192. package/styles/tab/fluent.scss +1 -0
  193. package/styles/tab/highcontrast-light.css +143 -981
  194. package/styles/tab/highcontrast.css +144 -982
  195. package/styles/tab/material-dark.css +145 -917
  196. package/styles/tab/material.css +138 -910
  197. package/styles/tab/tailwind-dark.css +162 -934
  198. package/styles/tab/tailwind.css +162 -934
  199. package/styles/tailwind-dark.css +573 -2054
  200. package/styles/tailwind-dark.scss +1 -0
  201. package/styles/tailwind.css +572 -2053
  202. package/styles/tailwind.scss +1 -0
  203. package/styles/toolbar/bootstrap-dark.css +10 -245
  204. package/styles/toolbar/bootstrap.css +10 -245
  205. package/styles/toolbar/bootstrap4.css +11 -257
  206. package/styles/toolbar/bootstrap5-dark.css +41 -281
  207. package/styles/toolbar/bootstrap5.css +41 -281
  208. package/styles/toolbar/fabric-dark.css +10 -244
  209. package/styles/toolbar/fabric.css +10 -244
  210. package/styles/toolbar/fluent-dark.css +1128 -0
  211. package/styles/toolbar/fluent-dark.scss +1 -0
  212. package/styles/toolbar/fluent.css +1128 -0
  213. package/styles/toolbar/fluent.scss +1 -0
  214. package/styles/toolbar/highcontrast-light.css +10 -256
  215. package/styles/toolbar/highcontrast.css +10 -256
  216. package/styles/toolbar/material-dark.css +10 -247
  217. package/styles/toolbar/material.css +10 -247
  218. package/styles/toolbar/tailwind-dark.css +14 -248
  219. package/styles/toolbar/tailwind.css +14 -248
  220. package/styles/treeview/bootstrap-dark.css +23 -191
  221. package/styles/treeview/bootstrap.css +23 -191
  222. package/styles/treeview/bootstrap4.css +24 -208
  223. package/styles/treeview/bootstrap5-dark.css +28 -221
  224. package/styles/treeview/bootstrap5.css +28 -221
  225. package/styles/treeview/fabric-dark.css +23 -191
  226. package/styles/treeview/fabric.css +23 -191
  227. package/styles/treeview/fluent-dark.css +846 -0
  228. package/styles/treeview/fluent-dark.scss +1 -0
  229. package/styles/treeview/fluent.css +846 -0
  230. package/styles/treeview/fluent.scss +1 -0
  231. package/styles/treeview/highcontrast-light.css +23 -191
  232. package/styles/treeview/highcontrast.css +23 -194
  233. package/styles/treeview/material-dark.css +23 -192
  234. package/styles/treeview/material.css +23 -191
  235. package/styles/treeview/tailwind-dark.css +31 -222
  236. package/styles/treeview/tailwind.css +31 -222
  237. package/styles/v-scroll/bootstrap-dark.css +7 -50
  238. package/styles/v-scroll/bootstrap.css +7 -50
  239. package/styles/v-scroll/bootstrap4.css +7 -50
  240. package/styles/v-scroll/bootstrap5-dark.css +7 -50
  241. package/styles/v-scroll/bootstrap5.css +7 -50
  242. package/styles/v-scroll/fabric-dark.css +7 -50
  243. package/styles/v-scroll/fabric.css +7 -50
  244. package/styles/v-scroll/fluent-dark.css +204 -0
  245. package/styles/v-scroll/fluent-dark.scss +1 -0
  246. package/styles/v-scroll/fluent.css +204 -0
  247. package/styles/v-scroll/fluent.scss +1 -0
  248. package/styles/v-scroll/highcontrast-light.css +7 -53
  249. package/styles/v-scroll/highcontrast.css +7 -53
  250. package/styles/v-scroll/material-dark.css +7 -51
  251. package/styles/v-scroll/material.css +7 -51
  252. package/styles/v-scroll/tailwind-dark.css +7 -50
  253. package/styles/v-scroll/tailwind.css +7 -50
@@ -2,17 +2,16 @@
2
2
  /*! contextmenu layout */
3
3
  .e-contextmenu-wrapper ul .e-menu-item .e-previous::before,
4
4
  .e-contextmenu-container ul .e-menu-item .e-previous::before {
5
- content: '\e977';
5
+ content: "\e977";
6
6
  }
7
-
8
7
  .e-contextmenu-wrapper ul .e-menu-item .e-caret::before,
9
8
  .e-contextmenu-container ul .e-menu-item .e-caret::before {
10
- content: '\e956';
9
+ content: "\e956";
11
10
  }
12
11
 
13
12
  .e-rtl.e-contextmenu-wrapper .e-menu-item .e-caret::before,
14
13
  .e-rtl.e-contextmenu-container .e-menu-item .e-caret::before {
15
- content: '\e937';
14
+ content: "\e937";
16
15
  }
17
16
 
18
17
  /*! contextmenu layout */
@@ -36,31 +35,24 @@
36
35
  min-width: 120px;
37
36
  position: absolute;
38
37
  }
39
-
40
- .e-contextmenu-wrapper ul.e-ul,
41
- .e-contextmenu-wrapper ul.e-ul *,
38
+ .e-contextmenu-wrapper ul.e-ul, .e-contextmenu-wrapper ul.e-ul *,
42
39
  .e-contextmenu-container ul.e-ul,
43
40
  .e-contextmenu-container ul.e-ul * {
44
41
  box-sizing: border-box;
45
42
  }
46
-
47
- .e-contextmenu-wrapper ul.e-ul:focus,
48
- .e-contextmenu-wrapper ul.e-ul *:focus,
43
+ .e-contextmenu-wrapper ul.e-ul:focus, .e-contextmenu-wrapper ul.e-ul *:focus,
49
44
  .e-contextmenu-container ul.e-ul:focus,
50
45
  .e-contextmenu-container ul.e-ul *:focus {
51
46
  outline: none;
52
47
  }
53
-
54
48
  .e-contextmenu-wrapper ul.e-contextmenu,
55
49
  .e-contextmenu-container ul.e-contextmenu {
56
50
  box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12);
57
51
  }
58
-
59
52
  .e-contextmenu-wrapper ul.e-ul,
60
53
  .e-contextmenu-container ul.e-ul {
61
54
  font-family: "Roboto", "Segoe UI", "GeezaPro", "DejaVu Serif", "sans-serif", "-apple-system", "BlinkMacSystemFont";
62
55
  }
63
-
64
56
  .e-contextmenu-wrapper ul .e-menu-item,
65
57
  .e-contextmenu-container ul .e-menu-item {
66
58
  cursor: pointer;
@@ -69,42 +61,35 @@
69
61
  line-height: 36px;
70
62
  padding: 0 16px;
71
63
  }
72
-
73
64
  .e-contextmenu-wrapper ul .e-menu-item.e-menu-hide,
74
65
  .e-contextmenu-container ul .e-menu-item.e-menu-hide {
75
66
  display: none;
76
67
  }
77
-
78
68
  .e-contextmenu-wrapper ul .e-menu-item.e-menu-header,
79
69
  .e-contextmenu-container ul .e-menu-item.e-menu-header {
80
70
  border-bottom-style: solid;
81
71
  border-bottom-width: 1px;
82
72
  }
83
-
84
73
  .e-contextmenu-wrapper ul .e-menu-item .e-menu-url,
85
74
  .e-contextmenu-container ul .e-menu-item .e-menu-url {
86
75
  text-decoration: none;
87
76
  }
88
-
89
77
  .e-contextmenu-wrapper ul .e-menu-item .e-menu-icon,
90
78
  .e-contextmenu-container ul .e-menu-item .e-menu-icon {
91
79
  display: inline-block;
92
80
  vertical-align: middle;
93
81
  }
94
-
95
82
  .e-contextmenu-wrapper ul .e-menu-item.e-separator,
96
83
  .e-contextmenu-container ul .e-menu-item.e-separator {
97
84
  cursor: auto;
98
85
  line-height: normal;
99
86
  pointer-events: none;
100
87
  }
101
-
102
88
  .e-contextmenu-wrapper ul .e-menu-item .e-menu-url,
103
89
  .e-contextmenu-container ul .e-menu-item .e-menu-url {
104
90
  display: inline-block;
105
91
  min-width: 120px;
106
92
  }
107
-
108
93
  .e-contextmenu-wrapper ul .e-menu-item .e-menu-icon,
109
94
  .e-contextmenu-container ul .e-menu-item .e-menu-icon {
110
95
  font-size: 14px;
@@ -112,7 +97,6 @@
112
97
  margin-right: 10px;
113
98
  width: 1em;
114
99
  }
115
-
116
100
  .e-contextmenu-wrapper ul .e-menu-item .e-caret,
117
101
  .e-contextmenu-container ul .e-menu-item .e-caret {
118
102
  line-height: 36px;
@@ -121,12 +105,10 @@
121
105
  position: absolute;
122
106
  right: 8px;
123
107
  }
124
-
125
108
  .e-contextmenu-wrapper ul .e-menu-item.e-menu-caret-icon,
126
109
  .e-contextmenu-container ul .e-menu-item.e-menu-caret-icon {
127
110
  padding-right: 36px;
128
111
  }
129
-
130
112
  .e-contextmenu-wrapper ul .e-menu-item.e-separator,
131
113
  .e-contextmenu-container ul .e-menu-item.e-separator {
132
114
  border-bottom-style: solid;
@@ -134,38 +116,36 @@
134
116
  height: auto;
135
117
  margin: 8px 0;
136
118
  }
137
-
138
119
  .e-contextmenu-wrapper ul .e-menu-item .e-caret,
139
120
  .e-contextmenu-container ul .e-menu-item .e-caret {
140
121
  font-size: 11px;
141
122
  }
142
-
143
123
  .e-contextmenu-wrapper ul .e-menu-item .e-previous,
144
124
  .e-contextmenu-container ul .e-menu-item .e-previous {
145
125
  margin-right: 16px;
146
126
  }
147
-
148
127
  .e-contextmenu-wrapper ul .e-menu-item.e-disabled,
149
128
  .e-contextmenu-container ul .e-menu-item.e-disabled {
150
129
  cursor: auto;
151
130
  pointer-events: none;
152
131
  }
132
+ .e-contextmenu-wrapper ul .e-menu-item .e-checkbox-wrapper,
133
+ .e-contextmenu-container ul .e-menu-item .e-checkbox-wrapper {
134
+ width: max-content;
135
+ }
153
136
 
154
137
  .e-contextmenu-wrapper.e-sfcontextmenu,
155
138
  .e-contextmenu-container.e-sfcontextmenu {
156
139
  position: absolute;
157
140
  }
158
-
159
141
  .e-contextmenu-wrapper.e-sfcontextmenu .e-menu-vscroll,
160
142
  .e-contextmenu-container.e-sfcontextmenu .e-menu-vscroll {
161
143
  position: absolute;
162
144
  }
163
-
164
145
  .e-contextmenu-wrapper.e-sfcontextmenu ul,
165
146
  .e-contextmenu-container.e-sfcontextmenu ul {
166
147
  white-space: nowrap;
167
148
  }
168
-
169
149
  .e-contextmenu-wrapper.e-sfcontextmenu ul.e-transparent,
170
150
  .e-contextmenu-container.e-sfcontextmenu ul.e-transparent {
171
151
  background: transparent;
@@ -178,13 +158,11 @@
178
158
  top: 0;
179
159
  width: 0;
180
160
  }
181
-
182
161
  .e-contextmenu-wrapper.e-sfcontextmenu ul.e-transparent .e-menu-item,
183
162
  .e-contextmenu-container.e-sfcontextmenu ul.e-transparent .e-menu-item {
184
163
  height: 0;
185
164
  padding: 0;
186
165
  }
187
-
188
166
  .e-contextmenu-wrapper.e-sfcontextmenu ul.e-transparent .e-menu-item.e-separator,
189
167
  .e-contextmenu-container.e-sfcontextmenu ul.e-transparent .e-menu-item.e-separator {
190
168
  border: 0;
@@ -195,35 +173,29 @@
195
173
  .e-rtl.e-contextmenu-container .e-menu-item .e-menu-icon {
196
174
  margin-right: 0;
197
175
  }
198
-
199
176
  .e-rtl.e-contextmenu-wrapper .e-menu-item .e-caret,
200
177
  .e-rtl.e-contextmenu-container .e-menu-item .e-caret {
201
178
  margin-left: 0;
202
179
  margin-right: 16px;
203
180
  right: auto;
204
181
  }
205
-
206
182
  .e-rtl.e-contextmenu-wrapper .e-menu-item .e-menu-icon,
207
183
  .e-rtl.e-contextmenu-container .e-menu-item .e-menu-icon {
208
184
  margin-left: 10px;
209
185
  }
210
-
211
186
  .e-rtl.e-contextmenu-wrapper .e-menu-item .e-caret,
212
187
  .e-rtl.e-contextmenu-container .e-menu-item .e-caret {
213
188
  left: 8px;
214
189
  }
215
-
216
190
  .e-rtl.e-contextmenu-wrapper .e-menu-item.e-menu-caret-icon,
217
191
  .e-rtl.e-contextmenu-container .e-menu-item.e-menu-caret-icon {
218
192
  padding-left: 36px;
219
193
  padding-right: 16px;
220
194
  }
221
-
222
195
  .e-rtl.e-contextmenu-wrapper .e-menu-item.e-blankicon,
223
196
  .e-rtl.e-contextmenu-container .e-menu-item.e-blankicon {
224
197
  padding-left: 16px;
225
198
  }
226
-
227
199
  .e-rtl.e-contextmenu-wrapper .e-menu-item.e-blankicon.e-menu-caret-icon,
228
200
  .e-rtl.e-contextmenu-container .e-menu-item.e-blankicon.e-menu-caret-icon {
229
201
  padding-left: 36px;
@@ -240,7 +212,6 @@
240
212
  max-width: 280px;
241
213
  min-width: 112px;
242
214
  }
243
-
244
215
  .e-bigger .e-contextmenu-wrapper ul .e-menu-item,
245
216
  .e-bigger.e-contextmenu-wrapper ul .e-menu-item,
246
217
  .e-bigger .e-contextmenu-container ul .e-menu-item,
@@ -248,7 +219,6 @@
248
219
  height: 48px;
249
220
  line-height: 48px;
250
221
  }
251
-
252
222
  .e-bigger .e-contextmenu-wrapper ul .e-menu-item .e-menu-icon,
253
223
  .e-bigger.e-contextmenu-wrapper ul .e-menu-item .e-menu-icon,
254
224
  .e-bigger .e-contextmenu-container ul .e-menu-item .e-menu-icon,
@@ -256,14 +226,12 @@
256
226
  font-size: 16px;
257
227
  line-height: 48px;
258
228
  }
259
-
260
229
  .e-bigger .e-contextmenu-wrapper ul .e-menu-item .e-caret,
261
230
  .e-bigger.e-contextmenu-wrapper ul .e-menu-item .e-caret,
262
231
  .e-bigger .e-contextmenu-container ul .e-menu-item .e-caret,
263
232
  .e-bigger.e-contextmenu-container ul .e-menu-item .e-caret {
264
233
  line-height: 48px;
265
234
  }
266
-
267
235
  .e-bigger .e-contextmenu-wrapper ul .e-menu-item.e-separator,
268
236
  .e-bigger.e-contextmenu-wrapper ul .e-menu-item.e-separator,
269
237
  .e-bigger .e-contextmenu-container ul .e-menu-item.e-separator,
@@ -271,7 +239,6 @@
271
239
  height: auto;
272
240
  line-height: normal;
273
241
  }
274
-
275
242
  .e-bigger .e-contextmenu-wrapper ul .e-menu-item .e-caret,
276
243
  .e-bigger.e-contextmenu-wrapper ul .e-menu-item .e-caret,
277
244
  .e-bigger .e-contextmenu-container ul .e-menu-item .e-caret,
@@ -285,7 +252,6 @@
285
252
  .e-bigger.e-contextmenu-container.e-rtl ul .e-blankicon {
286
253
  padding-left: 16px;
287
254
  }
288
-
289
255
  .e-bigger .e-contextmenu-wrapper.e-rtl ul .e-blankicon.e-menu-caret-icon,
290
256
  .e-bigger.e-contextmenu-wrapper.e-rtl ul .e-blankicon.e-menu-caret-icon,
291
257
  .e-bigger .e-contextmenu-container.e-rtl ul .e-blankicon.e-menu-caret-icon,
@@ -299,27 +265,22 @@
299
265
  background-color: #fff;
300
266
  color: rgba(0, 0, 0, 0.87);
301
267
  }
302
-
303
268
  .e-contextmenu-wrapper ul .e-menu-item.e-menu-header,
304
269
  .e-contextmenu-container ul .e-menu-item.e-menu-header {
305
270
  border-bottom-color: rgba(0, 0, 0, 0.12);
306
271
  }
307
-
308
272
  .e-contextmenu-wrapper ul .e-menu-item .e-caret,
309
273
  .e-contextmenu-container ul .e-menu-item .e-caret {
310
274
  color: rgba(0, 0, 0, 0.54);
311
275
  }
312
-
313
276
  .e-contextmenu-wrapper ul .e-menu-item .e-menu-icon,
314
277
  .e-contextmenu-container ul .e-menu-item .e-menu-icon {
315
278
  color: rgba(0, 0, 0, 0.54);
316
279
  }
317
-
318
280
  .e-contextmenu-wrapper ul .e-menu-item .e-menu-url,
319
281
  .e-contextmenu-container ul .e-menu-item .e-menu-url {
320
282
  color: rgba(0, 0, 0, 0.87);
321
283
  }
322
-
323
284
  .e-contextmenu-wrapper ul .e-menu-item.e-focused,
324
285
  .e-contextmenu-container ul .e-menu-item.e-focused {
325
286
  background-color: #eee;
@@ -327,17 +288,14 @@
327
288
  outline: 0 solid rgba(0, 0, 0, 0.12);
328
289
  outline-offset: 0;
329
290
  }
330
-
331
291
  .e-contextmenu-wrapper ul .e-menu-item.e-focused .e-caret,
332
292
  .e-contextmenu-container ul .e-menu-item.e-focused .e-caret {
333
293
  color: rgba(0, 0, 0, 0.54);
334
294
  }
335
-
336
295
  .e-contextmenu-wrapper ul .e-menu-item.e-focused .e-menu-icon,
337
296
  .e-contextmenu-container ul .e-menu-item.e-focused .e-menu-icon {
338
297
  color: rgba(0, 0, 0, 0.54);
339
298
  }
340
-
341
299
  .e-contextmenu-wrapper ul .e-menu-item.e-selected,
342
300
  .e-contextmenu-container ul .e-menu-item.e-selected {
343
301
  background-color: #eee;
@@ -345,39 +303,32 @@
345
303
  outline: 0 solid #eee;
346
304
  outline-offset: 0;
347
305
  }
348
-
349
306
  .e-contextmenu-wrapper ul .e-menu-item.e-selected .e-caret,
350
307
  .e-contextmenu-container ul .e-menu-item.e-selected .e-caret {
351
308
  color: rgba(0, 0, 0, 0.54);
352
309
  }
353
-
354
310
  .e-contextmenu-wrapper ul .e-menu-item.e-selected .e-menu-icon,
355
311
  .e-contextmenu-container ul .e-menu-item.e-selected .e-menu-icon {
356
312
  color: rgba(0, 0, 0, 0.54);
357
313
  }
358
-
359
314
  .e-contextmenu-wrapper ul .e-disabled,
360
315
  .e-contextmenu-container ul .e-disabled {
361
316
  color: rgba(0, 0, 0, 0.38);
362
317
  opacity: 1;
363
318
  }
364
-
365
319
  .e-contextmenu-wrapper ul .e-disabled .e-menu-icon,
366
320
  .e-contextmenu-container ul .e-disabled .e-menu-icon {
367
321
  color: rgba(0, 0, 0, 0.38);
368
322
  }
369
-
370
323
  .e-contextmenu-wrapper ul .e-disabled .e-caret,
371
324
  .e-contextmenu-container ul .e-disabled .e-caret {
372
325
  color: rgba(0, 0, 0, 0.38);
373
326
  }
374
-
375
327
  .e-contextmenu-wrapper ul .e-disabled .e-menu-url,
376
328
  .e-contextmenu-container ul .e-disabled .e-menu-url {
377
329
  color: rgba(0, 0, 0, 0.38);
378
330
  }
379
-
380
331
  .e-contextmenu-wrapper ul .e-separator,
381
332
  .e-contextmenu-container ul .e-separator {
382
333
  border-bottom-color: rgba(0, 0, 0, 0.12);
383
- }
334
+ }
@@ -2,17 +2,16 @@
2
2
  /*! contextmenu layout */
3
3
  .e-contextmenu-wrapper ul .e-menu-item .e-previous::before,
4
4
  .e-contextmenu-container ul .e-menu-item .e-previous::before {
5
- content: '\e7a5';
5
+ content: "\e773";
6
6
  }
7
-
8
7
  .e-contextmenu-wrapper ul .e-menu-item .e-caret::before,
9
8
  .e-contextmenu-container ul .e-menu-item .e-caret::before {
10
- content: '\e7b7';
9
+ content: "\e748";
11
10
  }
12
11
 
13
12
  .e-rtl.e-contextmenu-wrapper .e-menu-item .e-caret::before,
14
13
  .e-rtl.e-contextmenu-container .e-menu-item .e-caret::before {
15
- content: '\e70f';
14
+ content: "\e765";
16
15
  }
17
16
 
18
17
  /*! contextmenu layout */
@@ -28,7 +27,7 @@
28
27
  -ms-user-select: none;
29
28
  user-select: none;
30
29
  font-size: 14px;
31
- padding: 0;
30
+ padding: 4px 0;
32
31
  border: 1px solid #4b5563;
33
32
  border-radius: 4px;
34
33
  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
@@ -36,31 +35,25 @@
36
35
  min-width: 120px;
37
36
  position: absolute;
38
37
  }
39
-
40
- .e-contextmenu-wrapper ul.e-ul,
41
- .e-contextmenu-wrapper ul.e-ul *,
38
+ .e-contextmenu-wrapper ul.e-ul, .e-contextmenu-wrapper ul.e-ul *,
42
39
  .e-contextmenu-container ul.e-ul,
43
40
  .e-contextmenu-container ul.e-ul * {
44
41
  box-sizing: border-box;
45
42
  }
46
-
47
- .e-contextmenu-wrapper ul.e-ul:focus,
48
- .e-contextmenu-wrapper ul.e-ul *:focus,
43
+ .e-contextmenu-wrapper ul.e-ul:focus, .e-contextmenu-wrapper ul.e-ul *:focus,
49
44
  .e-contextmenu-container ul.e-ul:focus,
50
45
  .e-contextmenu-container ul.e-ul *:focus {
51
46
  outline: none;
52
47
  }
53
-
54
48
  .e-contextmenu-wrapper ul.e-contextmenu,
55
49
  .e-contextmenu-container ul.e-contextmenu {
56
50
  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
51
+ padding: 4px 0;
57
52
  }
58
-
59
53
  .e-contextmenu-wrapper ul.e-ul,
60
54
  .e-contextmenu-container ul.e-ul {
61
55
  font-family: "Inter";
62
56
  }
63
-
64
57
  .e-contextmenu-wrapper ul .e-menu-item,
65
58
  .e-contextmenu-container ul .e-menu-item {
66
59
  cursor: pointer;
@@ -69,42 +62,35 @@
69
62
  line-height: 32px;
70
63
  padding: 0 12px;
71
64
  }
72
-
73
65
  .e-contextmenu-wrapper ul .e-menu-item.e-menu-hide,
74
66
  .e-contextmenu-container ul .e-menu-item.e-menu-hide {
75
67
  display: none;
76
68
  }
77
-
78
69
  .e-contextmenu-wrapper ul .e-menu-item.e-menu-header,
79
70
  .e-contextmenu-container ul .e-menu-item.e-menu-header {
80
71
  border-bottom-style: solid;
81
72
  border-bottom-width: 1px;
82
73
  }
83
-
84
74
  .e-contextmenu-wrapper ul .e-menu-item .e-menu-url,
85
75
  .e-contextmenu-container ul .e-menu-item .e-menu-url {
86
76
  text-decoration: none;
87
77
  }
88
-
89
78
  .e-contextmenu-wrapper ul .e-menu-item .e-menu-icon,
90
79
  .e-contextmenu-container ul .e-menu-item .e-menu-icon {
91
80
  display: inline-block;
92
81
  vertical-align: middle;
93
82
  }
94
-
95
83
  .e-contextmenu-wrapper ul .e-menu-item.e-separator,
96
84
  .e-contextmenu-container ul .e-menu-item.e-separator {
97
85
  cursor: auto;
98
86
  line-height: normal;
99
87
  pointer-events: none;
100
88
  }
101
-
102
89
  .e-contextmenu-wrapper ul .e-menu-item .e-menu-url,
103
90
  .e-contextmenu-container ul .e-menu-item .e-menu-url {
104
91
  display: inline-block;
105
92
  min-width: 120px;
106
93
  }
107
-
108
94
  .e-contextmenu-wrapper ul .e-menu-item .e-menu-icon,
109
95
  .e-contextmenu-container ul .e-menu-item .e-menu-icon {
110
96
  font-size: 18px;
@@ -112,7 +98,6 @@
112
98
  margin-right: 8px;
113
99
  width: 1em;
114
100
  }
115
-
116
101
  .e-contextmenu-wrapper ul .e-menu-item .e-caret,
117
102
  .e-contextmenu-container ul .e-menu-item .e-caret {
118
103
  line-height: 32px;
@@ -121,12 +106,10 @@
121
106
  position: absolute;
122
107
  right: 7px;
123
108
  }
124
-
125
109
  .e-contextmenu-wrapper ul .e-menu-item.e-menu-caret-icon,
126
110
  .e-contextmenu-container ul .e-menu-item.e-menu-caret-icon {
127
111
  padding-right: 36px;
128
112
  }
129
-
130
113
  .e-contextmenu-wrapper ul .e-menu-item.e-separator,
131
114
  .e-contextmenu-container ul .e-menu-item.e-separator {
132
115
  border-bottom-style: solid;
@@ -134,38 +117,36 @@
134
117
  height: auto;
135
118
  margin: 4px 0;
136
119
  }
137
-
138
120
  .e-contextmenu-wrapper ul .e-menu-item .e-caret,
139
121
  .e-contextmenu-container ul .e-menu-item .e-caret {
140
122
  font-size: 16px;
141
123
  }
142
-
143
124
  .e-contextmenu-wrapper ul .e-menu-item .e-previous,
144
125
  .e-contextmenu-container ul .e-menu-item .e-previous {
145
126
  margin-right: 8px;
146
127
  }
147
-
148
128
  .e-contextmenu-wrapper ul .e-menu-item.e-disabled,
149
129
  .e-contextmenu-container ul .e-menu-item.e-disabled {
150
130
  cursor: auto;
151
131
  pointer-events: none;
152
132
  }
133
+ .e-contextmenu-wrapper ul .e-menu-item .e-checkbox-wrapper,
134
+ .e-contextmenu-container ul .e-menu-item .e-checkbox-wrapper {
135
+ width: max-content;
136
+ }
153
137
 
154
138
  .e-contextmenu-wrapper.e-sfcontextmenu,
155
139
  .e-contextmenu-container.e-sfcontextmenu {
156
140
  position: absolute;
157
141
  }
158
-
159
142
  .e-contextmenu-wrapper.e-sfcontextmenu .e-menu-vscroll,
160
143
  .e-contextmenu-container.e-sfcontextmenu .e-menu-vscroll {
161
144
  position: absolute;
162
145
  }
163
-
164
146
  .e-contextmenu-wrapper.e-sfcontextmenu ul,
165
147
  .e-contextmenu-container.e-sfcontextmenu ul {
166
148
  white-space: nowrap;
167
149
  }
168
-
169
150
  .e-contextmenu-wrapper.e-sfcontextmenu ul.e-transparent,
170
151
  .e-contextmenu-container.e-sfcontextmenu ul.e-transparent {
171
152
  background: transparent;
@@ -178,13 +159,11 @@
178
159
  top: 0;
179
160
  width: 0;
180
161
  }
181
-
182
162
  .e-contextmenu-wrapper.e-sfcontextmenu ul.e-transparent .e-menu-item,
183
163
  .e-contextmenu-container.e-sfcontextmenu ul.e-transparent .e-menu-item {
184
164
  height: 0;
185
165
  padding: 0;
186
166
  }
187
-
188
167
  .e-contextmenu-wrapper.e-sfcontextmenu ul.e-transparent .e-menu-item.e-separator,
189
168
  .e-contextmenu-container.e-sfcontextmenu ul.e-transparent .e-menu-item.e-separator {
190
169
  border: 0;
@@ -195,35 +174,29 @@
195
174
  .e-rtl.e-contextmenu-container .e-menu-item .e-menu-icon {
196
175
  margin-right: 0;
197
176
  }
198
-
199
177
  .e-rtl.e-contextmenu-wrapper .e-menu-item .e-caret,
200
178
  .e-rtl.e-contextmenu-container .e-menu-item .e-caret {
201
179
  margin-left: 0;
202
180
  margin-right: 16px;
203
181
  right: auto;
204
182
  }
205
-
206
183
  .e-rtl.e-contextmenu-wrapper .e-menu-item .e-menu-icon,
207
184
  .e-rtl.e-contextmenu-container .e-menu-item .e-menu-icon {
208
185
  margin-left: 8px;
209
186
  }
210
-
211
187
  .e-rtl.e-contextmenu-wrapper .e-menu-item .e-caret,
212
188
  .e-rtl.e-contextmenu-container .e-menu-item .e-caret {
213
189
  left: 7px;
214
190
  }
215
-
216
191
  .e-rtl.e-contextmenu-wrapper .e-menu-item.e-menu-caret-icon,
217
192
  .e-rtl.e-contextmenu-container .e-menu-item.e-menu-caret-icon {
218
193
  padding-left: 36px;
219
194
  padding-right: 12px;
220
195
  }
221
-
222
196
  .e-rtl.e-contextmenu-wrapper .e-menu-item.e-blankicon,
223
197
  .e-rtl.e-contextmenu-container .e-menu-item.e-blankicon {
224
198
  padding-left: 14px;
225
199
  }
226
-
227
200
  .e-rtl.e-contextmenu-wrapper .e-menu-item.e-blankicon.e-menu-caret-icon,
228
201
  .e-rtl.e-contextmenu-container .e-menu-item.e-blankicon.e-menu-caret-icon {
229
202
  padding-left: 36px;
@@ -240,7 +213,6 @@
240
213
  max-width: 280px;
241
214
  min-width: 112px;
242
215
  }
243
-
244
216
  .e-bigger .e-contextmenu-wrapper ul .e-menu-item,
245
217
  .e-bigger.e-contextmenu-wrapper ul .e-menu-item,
246
218
  .e-bigger .e-contextmenu-container ul .e-menu-item,
@@ -249,22 +221,20 @@
249
221
  line-height: 36px;
250
222
  padding: 0 16px;
251
223
  }
252
-
253
224
  .e-bigger .e-contextmenu-wrapper ul .e-menu-item .e-menu-icon,
254
225
  .e-bigger.e-contextmenu-wrapper ul .e-menu-item .e-menu-icon,
255
226
  .e-bigger .e-contextmenu-container ul .e-menu-item .e-menu-icon,
256
227
  .e-bigger.e-contextmenu-container ul .e-menu-item .e-menu-icon {
257
228
  font-size: 22px;
258
229
  line-height: 36px;
230
+ margin-right: 12px;
259
231
  }
260
-
261
232
  .e-bigger .e-contextmenu-wrapper ul .e-menu-item .e-caret,
262
233
  .e-bigger.e-contextmenu-wrapper ul .e-menu-item .e-caret,
263
234
  .e-bigger .e-contextmenu-container ul .e-menu-item .e-caret,
264
235
  .e-bigger.e-contextmenu-container ul .e-menu-item .e-caret {
265
236
  line-height: 36px;
266
237
  }
267
-
268
238
  .e-bigger .e-contextmenu-wrapper ul .e-menu-item.e-separator,
269
239
  .e-bigger.e-contextmenu-wrapper ul .e-menu-item.e-separator,
270
240
  .e-bigger .e-contextmenu-container ul .e-menu-item.e-separator,
@@ -272,7 +242,6 @@
272
242
  height: auto;
273
243
  line-height: normal;
274
244
  }
275
-
276
245
  .e-bigger .e-contextmenu-wrapper ul .e-menu-item .e-caret,
277
246
  .e-bigger.e-contextmenu-wrapper ul .e-menu-item .e-caret,
278
247
  .e-bigger .e-contextmenu-container ul .e-menu-item .e-caret,
@@ -286,7 +255,6 @@
286
255
  .e-bigger.e-contextmenu-container.e-rtl ul .e-blankicon {
287
256
  padding-left: 14px;
288
257
  }
289
-
290
258
  .e-bigger .e-contextmenu-wrapper.e-rtl ul .e-blankicon.e-menu-caret-icon,
291
259
  .e-bigger.e-contextmenu-wrapper.e-rtl ul .e-blankicon.e-menu-caret-icon,
292
260
  .e-bigger .e-contextmenu-container.e-rtl ul .e-blankicon.e-menu-caret-icon,
@@ -300,27 +268,22 @@
300
268
  background-color: #374151;
301
269
  color: #fff;
302
270
  }
303
-
304
271
  .e-contextmenu-wrapper ul .e-menu-item.e-menu-header,
305
272
  .e-contextmenu-container ul .e-menu-item.e-menu-header {
306
273
  border-bottom-color: #4b5563;
307
274
  }
308
-
309
275
  .e-contextmenu-wrapper ul .e-menu-item .e-caret,
310
276
  .e-contextmenu-container ul .e-menu-item .e-caret {
311
277
  color: #fff;
312
278
  }
313
-
314
279
  .e-contextmenu-wrapper ul .e-menu-item .e-menu-icon,
315
280
  .e-contextmenu-container ul .e-menu-item .e-menu-icon {
316
281
  color: #d1d5db;
317
282
  }
318
-
319
283
  .e-contextmenu-wrapper ul .e-menu-item .e-menu-url,
320
284
  .e-contextmenu-container ul .e-menu-item .e-menu-url {
321
285
  color: #fff;
322
286
  }
323
-
324
287
  .e-contextmenu-wrapper ul .e-menu-item.e-focused,
325
288
  .e-contextmenu-container ul .e-menu-item.e-focused {
326
289
  background-color: #4b5563;
@@ -328,17 +291,14 @@
328
291
  outline: 0 solid #4b5563;
329
292
  outline-offset: 0;
330
293
  }
331
-
332
294
  .e-contextmenu-wrapper ul .e-menu-item.e-focused .e-caret,
333
295
  .e-contextmenu-container ul .e-menu-item.e-focused .e-caret {
334
296
  color: #fff;
335
297
  }
336
-
337
298
  .e-contextmenu-wrapper ul .e-menu-item.e-focused .e-menu-icon,
338
299
  .e-contextmenu-container ul .e-menu-item.e-focused .e-menu-icon {
339
300
  color: #d1d5db;
340
301
  }
341
-
342
302
  .e-contextmenu-wrapper ul .e-menu-item.e-selected,
343
303
  .e-contextmenu-container ul .e-menu-item.e-selected {
344
304
  background-color: #4b5563;
@@ -346,39 +306,32 @@
346
306
  outline: 0 solid #4b5563;
347
307
  outline-offset: 0;
348
308
  }
349
-
350
309
  .e-contextmenu-wrapper ul .e-menu-item.e-selected .e-caret,
351
310
  .e-contextmenu-container ul .e-menu-item.e-selected .e-caret {
352
311
  color: #fff;
353
312
  }
354
-
355
313
  .e-contextmenu-wrapper ul .e-menu-item.e-selected .e-menu-icon,
356
314
  .e-contextmenu-container ul .e-menu-item.e-selected .e-menu-icon {
357
315
  color: #d1d5db;
358
316
  }
359
-
360
317
  .e-contextmenu-wrapper ul .e-disabled,
361
318
  .e-contextmenu-container ul .e-disabled {
362
319
  color: rgba(255, 255, 255, 0.65);
363
320
  opacity: 1;
364
321
  }
365
-
366
322
  .e-contextmenu-wrapper ul .e-disabled .e-menu-icon,
367
323
  .e-contextmenu-container ul .e-disabled .e-menu-icon {
368
324
  color: rgba(209, 213, 219, 0.65);
369
325
  }
370
-
371
326
  .e-contextmenu-wrapper ul .e-disabled .e-caret,
372
327
  .e-contextmenu-container ul .e-disabled .e-caret {
373
328
  color: rgba(209, 213, 219, 0.65);
374
329
  }
375
-
376
330
  .e-contextmenu-wrapper ul .e-disabled .e-menu-url,
377
331
  .e-contextmenu-container ul .e-disabled .e-menu-url {
378
332
  color: rgba(255, 255, 255, 0.65);
379
333
  }
380
-
381
334
  .e-contextmenu-wrapper ul .e-separator,
382
335
  .e-contextmenu-container ul .e-separator {
383
336
  border-bottom-color: #4b5563;
384
- }
337
+ }