@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,17 +1,16 @@
1
1
  /*! contextmenu layout */
2
2
  .e-contextmenu-wrapper ul .e-menu-item .e-previous::before,
3
3
  .e-contextmenu-container ul .e-menu-item .e-previous::before {
4
- content: '\e94b';
4
+ content: "\e94b";
5
5
  }
6
-
7
6
  .e-contextmenu-wrapper ul .e-menu-item .e-caret::before,
8
7
  .e-contextmenu-container ul .e-menu-item .e-caret::before {
9
- content: '\e207';
8
+ content: "\e207";
10
9
  }
11
10
 
12
11
  .e-rtl.e-contextmenu-wrapper .e-menu-item .e-caret::before,
13
12
  .e-rtl.e-contextmenu-container .e-menu-item .e-caret::before {
14
- content: '\e990';
13
+ content: "\e990";
15
14
  }
16
15
 
17
16
  /*! contextmenu layout */
@@ -35,31 +34,24 @@
35
34
  min-width: 120px;
36
35
  position: absolute;
37
36
  }
38
-
39
- .e-contextmenu-wrapper ul.e-ul,
40
- .e-contextmenu-wrapper ul.e-ul *,
37
+ .e-contextmenu-wrapper ul.e-ul, .e-contextmenu-wrapper ul.e-ul *,
41
38
  .e-contextmenu-container ul.e-ul,
42
39
  .e-contextmenu-container ul.e-ul * {
43
40
  box-sizing: border-box;
44
41
  }
45
-
46
- .e-contextmenu-wrapper ul.e-ul:focus,
47
- .e-contextmenu-wrapper ul.e-ul *:focus,
42
+ .e-contextmenu-wrapper ul.e-ul:focus, .e-contextmenu-wrapper ul.e-ul *:focus,
48
43
  .e-contextmenu-container ul.e-ul:focus,
49
44
  .e-contextmenu-container ul.e-ul *:focus {
50
45
  outline: none;
51
46
  }
52
-
53
47
  .e-contextmenu-wrapper ul.e-contextmenu,
54
48
  .e-contextmenu-container ul.e-contextmenu {
55
49
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
56
50
  }
57
-
58
51
  .e-contextmenu-wrapper ul.e-ul,
59
52
  .e-contextmenu-container ul.e-ul {
60
53
  font-family: "Helvetica Neue", "Helvetica", "Arial", sans-serif, "-apple-system", "BlinkMacSystemFont";
61
54
  }
62
-
63
55
  .e-contextmenu-wrapper ul .e-menu-item,
64
56
  .e-contextmenu-container ul .e-menu-item {
65
57
  cursor: pointer;
@@ -68,42 +60,35 @@
68
60
  line-height: 26px;
69
61
  padding: 0 14px;
70
62
  }
71
-
72
63
  .e-contextmenu-wrapper ul .e-menu-item.e-menu-hide,
73
64
  .e-contextmenu-container ul .e-menu-item.e-menu-hide {
74
65
  display: none;
75
66
  }
76
-
77
67
  .e-contextmenu-wrapper ul .e-menu-item.e-menu-header,
78
68
  .e-contextmenu-container ul .e-menu-item.e-menu-header {
79
69
  border-bottom-style: solid;
80
70
  border-bottom-width: 1px;
81
71
  }
82
-
83
72
  .e-contextmenu-wrapper ul .e-menu-item .e-menu-url,
84
73
  .e-contextmenu-container ul .e-menu-item .e-menu-url {
85
74
  text-decoration: none;
86
75
  }
87
-
88
76
  .e-contextmenu-wrapper ul .e-menu-item .e-menu-icon,
89
77
  .e-contextmenu-container ul .e-menu-item .e-menu-icon {
90
78
  display: inline-block;
91
79
  vertical-align: middle;
92
80
  }
93
-
94
81
  .e-contextmenu-wrapper ul .e-menu-item.e-separator,
95
82
  .e-contextmenu-container ul .e-menu-item.e-separator {
96
83
  cursor: auto;
97
84
  line-height: normal;
98
85
  pointer-events: none;
99
86
  }
100
-
101
87
  .e-contextmenu-wrapper ul .e-menu-item .e-menu-url,
102
88
  .e-contextmenu-container ul .e-menu-item .e-menu-url {
103
89
  display: inline-block;
104
90
  min-width: 120px;
105
91
  }
106
-
107
92
  .e-contextmenu-wrapper ul .e-menu-item .e-menu-icon,
108
93
  .e-contextmenu-container ul .e-menu-item .e-menu-icon {
109
94
  font-size: 16px;
@@ -111,7 +96,6 @@
111
96
  margin-right: 12px;
112
97
  width: 1em;
113
98
  }
114
-
115
99
  .e-contextmenu-wrapper ul .e-menu-item .e-caret,
116
100
  .e-contextmenu-container ul .e-menu-item .e-caret {
117
101
  line-height: 26px;
@@ -120,12 +104,10 @@
120
104
  position: absolute;
121
105
  right: 7px;
122
106
  }
123
-
124
107
  .e-contextmenu-wrapper ul .e-menu-item.e-menu-caret-icon,
125
108
  .e-contextmenu-container ul .e-menu-item.e-menu-caret-icon {
126
109
  padding-right: 36px;
127
110
  }
128
-
129
111
  .e-contextmenu-wrapper ul .e-menu-item.e-separator,
130
112
  .e-contextmenu-container ul .e-menu-item.e-separator {
131
113
  border-bottom-style: solid;
@@ -133,38 +115,36 @@
133
115
  height: auto;
134
116
  margin: 3px 0;
135
117
  }
136
-
137
118
  .e-contextmenu-wrapper ul .e-menu-item .e-caret,
138
119
  .e-contextmenu-container ul .e-menu-item .e-caret {
139
120
  font-size: 12px;
140
121
  }
141
-
142
122
  .e-contextmenu-wrapper ul .e-menu-item .e-previous,
143
123
  .e-contextmenu-container ul .e-menu-item .e-previous {
144
124
  margin-right: 12px;
145
125
  }
146
-
147
126
  .e-contextmenu-wrapper ul .e-menu-item.e-disabled,
148
127
  .e-contextmenu-container ul .e-menu-item.e-disabled {
149
128
  cursor: auto;
150
129
  pointer-events: none;
151
130
  }
131
+ .e-contextmenu-wrapper ul .e-menu-item .e-checkbox-wrapper,
132
+ .e-contextmenu-container ul .e-menu-item .e-checkbox-wrapper {
133
+ width: max-content;
134
+ }
152
135
 
153
136
  .e-contextmenu-wrapper.e-sfcontextmenu,
154
137
  .e-contextmenu-container.e-sfcontextmenu {
155
138
  position: absolute;
156
139
  }
157
-
158
140
  .e-contextmenu-wrapper.e-sfcontextmenu .e-menu-vscroll,
159
141
  .e-contextmenu-container.e-sfcontextmenu .e-menu-vscroll {
160
142
  position: absolute;
161
143
  }
162
-
163
144
  .e-contextmenu-wrapper.e-sfcontextmenu ul,
164
145
  .e-contextmenu-container.e-sfcontextmenu ul {
165
146
  white-space: nowrap;
166
147
  }
167
-
168
148
  .e-contextmenu-wrapper.e-sfcontextmenu ul.e-transparent,
169
149
  .e-contextmenu-container.e-sfcontextmenu ul.e-transparent {
170
150
  background: transparent;
@@ -177,13 +157,11 @@
177
157
  top: 0;
178
158
  width: 0;
179
159
  }
180
-
181
160
  .e-contextmenu-wrapper.e-sfcontextmenu ul.e-transparent .e-menu-item,
182
161
  .e-contextmenu-container.e-sfcontextmenu ul.e-transparent .e-menu-item {
183
162
  height: 0;
184
163
  padding: 0;
185
164
  }
186
-
187
165
  .e-contextmenu-wrapper.e-sfcontextmenu ul.e-transparent .e-menu-item.e-separator,
188
166
  .e-contextmenu-container.e-sfcontextmenu ul.e-transparent .e-menu-item.e-separator {
189
167
  border: 0;
@@ -194,35 +172,29 @@
194
172
  .e-rtl.e-contextmenu-container .e-menu-item .e-menu-icon {
195
173
  margin-right: 0;
196
174
  }
197
-
198
175
  .e-rtl.e-contextmenu-wrapper .e-menu-item .e-caret,
199
176
  .e-rtl.e-contextmenu-container .e-menu-item .e-caret {
200
177
  margin-left: 0;
201
178
  margin-right: 16px;
202
179
  right: auto;
203
180
  }
204
-
205
181
  .e-rtl.e-contextmenu-wrapper .e-menu-item .e-menu-icon,
206
182
  .e-rtl.e-contextmenu-container .e-menu-item .e-menu-icon {
207
183
  margin-left: 12px;
208
184
  }
209
-
210
185
  .e-rtl.e-contextmenu-wrapper .e-menu-item .e-caret,
211
186
  .e-rtl.e-contextmenu-container .e-menu-item .e-caret {
212
187
  left: 7px;
213
188
  }
214
-
215
189
  .e-rtl.e-contextmenu-wrapper .e-menu-item.e-menu-caret-icon,
216
190
  .e-rtl.e-contextmenu-container .e-menu-item.e-menu-caret-icon {
217
191
  padding-left: 36px;
218
192
  padding-right: 14px;
219
193
  }
220
-
221
194
  .e-rtl.e-contextmenu-wrapper .e-menu-item.e-blankicon,
222
195
  .e-rtl.e-contextmenu-container .e-menu-item.e-blankicon {
223
196
  padding-left: 14px;
224
197
  }
225
-
226
198
  .e-rtl.e-contextmenu-wrapper .e-menu-item.e-blankicon.e-menu-caret-icon,
227
199
  .e-rtl.e-contextmenu-container .e-menu-item.e-blankicon.e-menu-caret-icon {
228
200
  padding-left: 36px;
@@ -239,7 +211,6 @@
239
211
  max-width: 280px;
240
212
  min-width: 112px;
241
213
  }
242
-
243
214
  .e-bigger .e-contextmenu-wrapper ul .e-menu-item,
244
215
  .e-bigger.e-contextmenu-wrapper ul .e-menu-item,
245
216
  .e-bigger .e-contextmenu-container ul .e-menu-item,
@@ -247,7 +218,6 @@
247
218
  height: 40px;
248
219
  line-height: 40px;
249
220
  }
250
-
251
221
  .e-bigger .e-contextmenu-wrapper ul .e-menu-item .e-menu-icon,
252
222
  .e-bigger.e-contextmenu-wrapper ul .e-menu-item .e-menu-icon,
253
223
  .e-bigger .e-contextmenu-container ul .e-menu-item .e-menu-icon,
@@ -255,14 +225,12 @@
255
225
  font-size: 16px;
256
226
  line-height: 40px;
257
227
  }
258
-
259
228
  .e-bigger .e-contextmenu-wrapper ul .e-menu-item .e-caret,
260
229
  .e-bigger.e-contextmenu-wrapper ul .e-menu-item .e-caret,
261
230
  .e-bigger .e-contextmenu-container ul .e-menu-item .e-caret,
262
231
  .e-bigger.e-contextmenu-container ul .e-menu-item .e-caret {
263
232
  line-height: 40px;
264
233
  }
265
-
266
234
  .e-bigger .e-contextmenu-wrapper ul .e-menu-item.e-separator,
267
235
  .e-bigger.e-contextmenu-wrapper ul .e-menu-item.e-separator,
268
236
  .e-bigger .e-contextmenu-container ul .e-menu-item.e-separator,
@@ -270,7 +238,6 @@
270
238
  height: auto;
271
239
  line-height: normal;
272
240
  }
273
-
274
241
  .e-bigger .e-contextmenu-wrapper ul .e-menu-item .e-caret,
275
242
  .e-bigger.e-contextmenu-wrapper ul .e-menu-item .e-caret,
276
243
  .e-bigger .e-contextmenu-container ul .e-menu-item .e-caret,
@@ -284,7 +251,6 @@
284
251
  .e-bigger.e-contextmenu-container.e-rtl ul .e-blankicon {
285
252
  padding-left: 14px;
286
253
  }
287
-
288
254
  .e-bigger .e-contextmenu-wrapper.e-rtl ul .e-blankicon.e-menu-caret-icon,
289
255
  .e-bigger.e-contextmenu-wrapper.e-rtl ul .e-blankicon.e-menu-caret-icon,
290
256
  .e-bigger .e-contextmenu-container.e-rtl ul .e-blankicon.e-menu-caret-icon,
@@ -298,27 +264,22 @@
298
264
  background-color: #313131;
299
265
  color: #f0f0f0;
300
266
  }
301
-
302
267
  .e-contextmenu-wrapper ul .e-menu-item.e-menu-header,
303
268
  .e-contextmenu-container ul .e-menu-item.e-menu-header {
304
269
  border-bottom-color: #505050;
305
270
  }
306
-
307
271
  .e-contextmenu-wrapper ul .e-menu-item .e-caret,
308
272
  .e-contextmenu-container ul .e-menu-item .e-caret {
309
273
  color: #f0f0f0;
310
274
  }
311
-
312
275
  .e-contextmenu-wrapper ul .e-menu-item .e-menu-icon,
313
276
  .e-contextmenu-container ul .e-menu-item .e-menu-icon {
314
277
  color: #f0f0f0;
315
278
  }
316
-
317
279
  .e-contextmenu-wrapper ul .e-menu-item .e-menu-url,
318
280
  .e-contextmenu-container ul .e-menu-item .e-menu-url {
319
281
  color: #f0f0f0;
320
282
  }
321
-
322
283
  .e-contextmenu-wrapper ul .e-menu-item.e-focused,
323
284
  .e-contextmenu-container ul .e-menu-item.e-focused {
324
285
  background-color: #484848;
@@ -326,17 +287,14 @@
326
287
  outline: 0 solid #505050;
327
288
  outline-offset: 0;
328
289
  }
329
-
330
290
  .e-contextmenu-wrapper ul .e-menu-item.e-focused .e-caret,
331
291
  .e-contextmenu-container ul .e-menu-item.e-focused .e-caret {
332
292
  color: #f0f0f0;
333
293
  }
334
-
335
294
  .e-contextmenu-wrapper ul .e-menu-item.e-focused .e-menu-icon,
336
295
  .e-contextmenu-container ul .e-menu-item.e-focused .e-menu-icon {
337
296
  color: #f0f0f0;
338
297
  }
339
-
340
298
  .e-contextmenu-wrapper ul .e-menu-item.e-selected,
341
299
  .e-contextmenu-container ul .e-menu-item.e-selected {
342
300
  background-color: #505050;
@@ -344,39 +302,32 @@
344
302
  outline: 0 solid #505050;
345
303
  outline-offset: 0;
346
304
  }
347
-
348
305
  .e-contextmenu-wrapper ul .e-menu-item.e-selected .e-caret,
349
306
  .e-contextmenu-container ul .e-menu-item.e-selected .e-caret {
350
307
  color: #f0f0f0;
351
308
  }
352
-
353
309
  .e-contextmenu-wrapper ul .e-menu-item.e-selected .e-menu-icon,
354
310
  .e-contextmenu-container ul .e-menu-item.e-selected .e-menu-icon {
355
311
  color: #f0f0f0;
356
312
  }
357
-
358
313
  .e-contextmenu-wrapper ul .e-disabled,
359
314
  .e-contextmenu-container ul .e-disabled {
360
315
  color: rgba(240, 240, 240, 0.65);
361
316
  opacity: 1;
362
317
  }
363
-
364
318
  .e-contextmenu-wrapper ul .e-disabled .e-menu-icon,
365
319
  .e-contextmenu-container ul .e-disabled .e-menu-icon {
366
320
  color: rgba(240, 240, 240, 0.65);
367
321
  }
368
-
369
322
  .e-contextmenu-wrapper ul .e-disabled .e-caret,
370
323
  .e-contextmenu-container ul .e-disabled .e-caret {
371
324
  color: rgba(240, 240, 240, 0.65);
372
325
  }
373
-
374
326
  .e-contextmenu-wrapper ul .e-disabled .e-menu-url,
375
327
  .e-contextmenu-container ul .e-disabled .e-menu-url {
376
328
  color: rgba(240, 240, 240, 0.65);
377
329
  }
378
-
379
330
  .e-contextmenu-wrapper ul .e-separator,
380
331
  .e-contextmenu-container ul .e-separator {
381
332
  border-bottom-color: #505050;
382
- }
333
+ }
@@ -1,17 +1,16 @@
1
1
  /*! contextmenu layout */
2
2
  .e-contextmenu-wrapper ul .e-menu-item .e-previous::before,
3
3
  .e-contextmenu-container ul .e-menu-item .e-previous::before {
4
- content: '\e94b';
4
+ content: "\e94b";
5
5
  }
6
-
7
6
  .e-contextmenu-wrapper ul .e-menu-item .e-caret::before,
8
7
  .e-contextmenu-container ul .e-menu-item .e-caret::before {
9
- content: '\e207';
8
+ content: "\e207";
10
9
  }
11
10
 
12
11
  .e-rtl.e-contextmenu-wrapper .e-menu-item .e-caret::before,
13
12
  .e-rtl.e-contextmenu-container .e-menu-item .e-caret::before {
14
- content: '\e990';
13
+ content: "\e990";
15
14
  }
16
15
 
17
16
  /*! contextmenu layout */
@@ -35,31 +34,24 @@
35
34
  min-width: 120px;
36
35
  position: absolute;
37
36
  }
38
-
39
- .e-contextmenu-wrapper ul.e-ul,
40
- .e-contextmenu-wrapper ul.e-ul *,
37
+ .e-contextmenu-wrapper ul.e-ul, .e-contextmenu-wrapper ul.e-ul *,
41
38
  .e-contextmenu-container ul.e-ul,
42
39
  .e-contextmenu-container ul.e-ul * {
43
40
  box-sizing: border-box;
44
41
  }
45
-
46
- .e-contextmenu-wrapper ul.e-ul:focus,
47
- .e-contextmenu-wrapper ul.e-ul *:focus,
42
+ .e-contextmenu-wrapper ul.e-ul:focus, .e-contextmenu-wrapper ul.e-ul *:focus,
48
43
  .e-contextmenu-container ul.e-ul:focus,
49
44
  .e-contextmenu-container ul.e-ul *:focus {
50
45
  outline: none;
51
46
  }
52
-
53
47
  .e-contextmenu-wrapper ul.e-contextmenu,
54
48
  .e-contextmenu-container ul.e-contextmenu {
55
49
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
56
50
  }
57
-
58
51
  .e-contextmenu-wrapper ul.e-ul,
59
52
  .e-contextmenu-container ul.e-ul {
60
53
  font-family: "Helvetica Neue", "Helvetica", "Arial", sans-serif, "-apple-system", "BlinkMacSystemFont";
61
54
  }
62
-
63
55
  .e-contextmenu-wrapper ul .e-menu-item,
64
56
  .e-contextmenu-container ul .e-menu-item {
65
57
  cursor: pointer;
@@ -68,42 +60,35 @@
68
60
  line-height: 26px;
69
61
  padding: 0 14px;
70
62
  }
71
-
72
63
  .e-contextmenu-wrapper ul .e-menu-item.e-menu-hide,
73
64
  .e-contextmenu-container ul .e-menu-item.e-menu-hide {
74
65
  display: none;
75
66
  }
76
-
77
67
  .e-contextmenu-wrapper ul .e-menu-item.e-menu-header,
78
68
  .e-contextmenu-container ul .e-menu-item.e-menu-header {
79
69
  border-bottom-style: solid;
80
70
  border-bottom-width: 1px;
81
71
  }
82
-
83
72
  .e-contextmenu-wrapper ul .e-menu-item .e-menu-url,
84
73
  .e-contextmenu-container ul .e-menu-item .e-menu-url {
85
74
  text-decoration: none;
86
75
  }
87
-
88
76
  .e-contextmenu-wrapper ul .e-menu-item .e-menu-icon,
89
77
  .e-contextmenu-container ul .e-menu-item .e-menu-icon {
90
78
  display: inline-block;
91
79
  vertical-align: middle;
92
80
  }
93
-
94
81
  .e-contextmenu-wrapper ul .e-menu-item.e-separator,
95
82
  .e-contextmenu-container ul .e-menu-item.e-separator {
96
83
  cursor: auto;
97
84
  line-height: normal;
98
85
  pointer-events: none;
99
86
  }
100
-
101
87
  .e-contextmenu-wrapper ul .e-menu-item .e-menu-url,
102
88
  .e-contextmenu-container ul .e-menu-item .e-menu-url {
103
89
  display: inline-block;
104
90
  min-width: 120px;
105
91
  }
106
-
107
92
  .e-contextmenu-wrapper ul .e-menu-item .e-menu-icon,
108
93
  .e-contextmenu-container ul .e-menu-item .e-menu-icon {
109
94
  font-size: 16px;
@@ -111,7 +96,6 @@
111
96
  margin-right: 12px;
112
97
  width: 1em;
113
98
  }
114
-
115
99
  .e-contextmenu-wrapper ul .e-menu-item .e-caret,
116
100
  .e-contextmenu-container ul .e-menu-item .e-caret {
117
101
  line-height: 26px;
@@ -120,12 +104,10 @@
120
104
  position: absolute;
121
105
  right: 7px;
122
106
  }
123
-
124
107
  .e-contextmenu-wrapper ul .e-menu-item.e-menu-caret-icon,
125
108
  .e-contextmenu-container ul .e-menu-item.e-menu-caret-icon {
126
109
  padding-right: 36px;
127
110
  }
128
-
129
111
  .e-contextmenu-wrapper ul .e-menu-item.e-separator,
130
112
  .e-contextmenu-container ul .e-menu-item.e-separator {
131
113
  border-bottom-style: solid;
@@ -133,38 +115,36 @@
133
115
  height: auto;
134
116
  margin: 3px 0;
135
117
  }
136
-
137
118
  .e-contextmenu-wrapper ul .e-menu-item .e-caret,
138
119
  .e-contextmenu-container ul .e-menu-item .e-caret {
139
120
  font-size: 12px;
140
121
  }
141
-
142
122
  .e-contextmenu-wrapper ul .e-menu-item .e-previous,
143
123
  .e-contextmenu-container ul .e-menu-item .e-previous {
144
124
  margin-right: 12px;
145
125
  }
146
-
147
126
  .e-contextmenu-wrapper ul .e-menu-item.e-disabled,
148
127
  .e-contextmenu-container ul .e-menu-item.e-disabled {
149
128
  cursor: auto;
150
129
  pointer-events: none;
151
130
  }
131
+ .e-contextmenu-wrapper ul .e-menu-item .e-checkbox-wrapper,
132
+ .e-contextmenu-container ul .e-menu-item .e-checkbox-wrapper {
133
+ width: max-content;
134
+ }
152
135
 
153
136
  .e-contextmenu-wrapper.e-sfcontextmenu,
154
137
  .e-contextmenu-container.e-sfcontextmenu {
155
138
  position: absolute;
156
139
  }
157
-
158
140
  .e-contextmenu-wrapper.e-sfcontextmenu .e-menu-vscroll,
159
141
  .e-contextmenu-container.e-sfcontextmenu .e-menu-vscroll {
160
142
  position: absolute;
161
143
  }
162
-
163
144
  .e-contextmenu-wrapper.e-sfcontextmenu ul,
164
145
  .e-contextmenu-container.e-sfcontextmenu ul {
165
146
  white-space: nowrap;
166
147
  }
167
-
168
148
  .e-contextmenu-wrapper.e-sfcontextmenu ul.e-transparent,
169
149
  .e-contextmenu-container.e-sfcontextmenu ul.e-transparent {
170
150
  background: transparent;
@@ -177,13 +157,11 @@
177
157
  top: 0;
178
158
  width: 0;
179
159
  }
180
-
181
160
  .e-contextmenu-wrapper.e-sfcontextmenu ul.e-transparent .e-menu-item,
182
161
  .e-contextmenu-container.e-sfcontextmenu ul.e-transparent .e-menu-item {
183
162
  height: 0;
184
163
  padding: 0;
185
164
  }
186
-
187
165
  .e-contextmenu-wrapper.e-sfcontextmenu ul.e-transparent .e-menu-item.e-separator,
188
166
  .e-contextmenu-container.e-sfcontextmenu ul.e-transparent .e-menu-item.e-separator {
189
167
  border: 0;
@@ -194,35 +172,29 @@
194
172
  .e-rtl.e-contextmenu-container .e-menu-item .e-menu-icon {
195
173
  margin-right: 0;
196
174
  }
197
-
198
175
  .e-rtl.e-contextmenu-wrapper .e-menu-item .e-caret,
199
176
  .e-rtl.e-contextmenu-container .e-menu-item .e-caret {
200
177
  margin-left: 0;
201
178
  margin-right: 16px;
202
179
  right: auto;
203
180
  }
204
-
205
181
  .e-rtl.e-contextmenu-wrapper .e-menu-item .e-menu-icon,
206
182
  .e-rtl.e-contextmenu-container .e-menu-item .e-menu-icon {
207
183
  margin-left: 12px;
208
184
  }
209
-
210
185
  .e-rtl.e-contextmenu-wrapper .e-menu-item .e-caret,
211
186
  .e-rtl.e-contextmenu-container .e-menu-item .e-caret {
212
187
  left: 7px;
213
188
  }
214
-
215
189
  .e-rtl.e-contextmenu-wrapper .e-menu-item.e-menu-caret-icon,
216
190
  .e-rtl.e-contextmenu-container .e-menu-item.e-menu-caret-icon {
217
191
  padding-left: 36px;
218
192
  padding-right: 14px;
219
193
  }
220
-
221
194
  .e-rtl.e-contextmenu-wrapper .e-menu-item.e-blankicon,
222
195
  .e-rtl.e-contextmenu-container .e-menu-item.e-blankicon {
223
196
  padding-left: 14px;
224
197
  }
225
-
226
198
  .e-rtl.e-contextmenu-wrapper .e-menu-item.e-blankicon.e-menu-caret-icon,
227
199
  .e-rtl.e-contextmenu-container .e-menu-item.e-blankicon.e-menu-caret-icon {
228
200
  padding-left: 36px;
@@ -239,7 +211,6 @@
239
211
  max-width: 280px;
240
212
  min-width: 112px;
241
213
  }
242
-
243
214
  .e-bigger .e-contextmenu-wrapper ul .e-menu-item,
244
215
  .e-bigger.e-contextmenu-wrapper ul .e-menu-item,
245
216
  .e-bigger .e-contextmenu-container ul .e-menu-item,
@@ -247,7 +218,6 @@
247
218
  height: 40px;
248
219
  line-height: 40px;
249
220
  }
250
-
251
221
  .e-bigger .e-contextmenu-wrapper ul .e-menu-item .e-menu-icon,
252
222
  .e-bigger.e-contextmenu-wrapper ul .e-menu-item .e-menu-icon,
253
223
  .e-bigger .e-contextmenu-container ul .e-menu-item .e-menu-icon,
@@ -255,14 +225,12 @@
255
225
  font-size: 16px;
256
226
  line-height: 40px;
257
227
  }
258
-
259
228
  .e-bigger .e-contextmenu-wrapper ul .e-menu-item .e-caret,
260
229
  .e-bigger.e-contextmenu-wrapper ul .e-menu-item .e-caret,
261
230
  .e-bigger .e-contextmenu-container ul .e-menu-item .e-caret,
262
231
  .e-bigger.e-contextmenu-container ul .e-menu-item .e-caret {
263
232
  line-height: 40px;
264
233
  }
265
-
266
234
  .e-bigger .e-contextmenu-wrapper ul .e-menu-item.e-separator,
267
235
  .e-bigger.e-contextmenu-wrapper ul .e-menu-item.e-separator,
268
236
  .e-bigger .e-contextmenu-container ul .e-menu-item.e-separator,
@@ -270,7 +238,6 @@
270
238
  height: auto;
271
239
  line-height: normal;
272
240
  }
273
-
274
241
  .e-bigger .e-contextmenu-wrapper ul .e-menu-item .e-caret,
275
242
  .e-bigger.e-contextmenu-wrapper ul .e-menu-item .e-caret,
276
243
  .e-bigger .e-contextmenu-container ul .e-menu-item .e-caret,
@@ -284,7 +251,6 @@
284
251
  .e-bigger.e-contextmenu-container.e-rtl ul .e-blankicon {
285
252
  padding-left: 14px;
286
253
  }
287
-
288
254
  .e-bigger .e-contextmenu-wrapper.e-rtl ul .e-blankicon.e-menu-caret-icon,
289
255
  .e-bigger.e-contextmenu-wrapper.e-rtl ul .e-blankicon.e-menu-caret-icon,
290
256
  .e-bigger .e-contextmenu-container.e-rtl ul .e-blankicon.e-menu-caret-icon,
@@ -298,27 +264,22 @@
298
264
  background-color: #fff;
299
265
  color: #555;
300
266
  }
301
-
302
267
  .e-contextmenu-wrapper ul .e-menu-item.e-menu-header,
303
268
  .e-contextmenu-container ul .e-menu-item.e-menu-header {
304
269
  border-bottom-color: #e6e6e6;
305
270
  }
306
-
307
271
  .e-contextmenu-wrapper ul .e-menu-item .e-caret,
308
272
  .e-contextmenu-container ul .e-menu-item .e-caret {
309
273
  color: #333;
310
274
  }
311
-
312
275
  .e-contextmenu-wrapper ul .e-menu-item .e-menu-icon,
313
276
  .e-contextmenu-container ul .e-menu-item .e-menu-icon {
314
277
  color: #333;
315
278
  }
316
-
317
279
  .e-contextmenu-wrapper ul .e-menu-item .e-menu-url,
318
280
  .e-contextmenu-container ul .e-menu-item .e-menu-url {
319
281
  color: #555;
320
282
  }
321
-
322
283
  .e-contextmenu-wrapper ul .e-menu-item.e-focused,
323
284
  .e-contextmenu-container ul .e-menu-item.e-focused {
324
285
  background-color: #f5f5f5;
@@ -326,17 +287,14 @@
326
287
  outline: 0 solid #e6e6e6;
327
288
  outline-offset: 0;
328
289
  }
329
-
330
290
  .e-contextmenu-wrapper ul .e-menu-item.e-focused .e-caret,
331
291
  .e-contextmenu-container ul .e-menu-item.e-focused .e-caret {
332
292
  color: #333;
333
293
  }
334
-
335
294
  .e-contextmenu-wrapper ul .e-menu-item.e-focused .e-menu-icon,
336
295
  .e-contextmenu-container ul .e-menu-item.e-focused .e-menu-icon {
337
296
  color: #333;
338
297
  }
339
-
340
298
  .e-contextmenu-wrapper ul .e-menu-item.e-selected,
341
299
  .e-contextmenu-container ul .e-menu-item.e-selected {
342
300
  background-color: #e6e6e6;
@@ -344,39 +302,32 @@
344
302
  outline: 0 solid #e6e6e6;
345
303
  outline-offset: 0;
346
304
  }
347
-
348
305
  .e-contextmenu-wrapper ul .e-menu-item.e-selected .e-caret,
349
306
  .e-contextmenu-container ul .e-menu-item.e-selected .e-caret {
350
307
  color: #333;
351
308
  }
352
-
353
309
  .e-contextmenu-wrapper ul .e-menu-item.e-selected .e-menu-icon,
354
310
  .e-contextmenu-container ul .e-menu-item.e-selected .e-menu-icon {
355
311
  color: #333;
356
312
  }
357
-
358
313
  .e-contextmenu-wrapper ul .e-disabled,
359
314
  .e-contextmenu-container ul .e-disabled {
360
315
  color: rgba(85, 85, 85, 0.65);
361
316
  opacity: 1;
362
317
  }
363
-
364
318
  .e-contextmenu-wrapper ul .e-disabled .e-menu-icon,
365
319
  .e-contextmenu-container ul .e-disabled .e-menu-icon {
366
320
  color: rgba(51, 51, 51, 0.65);
367
321
  }
368
-
369
322
  .e-contextmenu-wrapper ul .e-disabled .e-caret,
370
323
  .e-contextmenu-container ul .e-disabled .e-caret {
371
324
  color: rgba(51, 51, 51, 0.65);
372
325
  }
373
-
374
326
  .e-contextmenu-wrapper ul .e-disabled .e-menu-url,
375
327
  .e-contextmenu-container ul .e-disabled .e-menu-url {
376
328
  color: rgba(85, 85, 85, 0.65);
377
329
  }
378
-
379
330
  .e-contextmenu-wrapper ul .e-separator,
380
331
  .e-contextmenu-container ul .e-separator {
381
332
  border-bottom-color: #e6e6e6;
382
- }
333
+ }