@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: '\e962';
4
+ content: "\e962";
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: '\e219';
8
+ content: "\e219";
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: '\e98f';
13
+ content: "\e98f";
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 0 10px 0 rgba(0, 0, 0, 0.2);
56
50
  }
57
-
58
51
  .e-contextmenu-wrapper ul.e-ul,
59
52
  .e-contextmenu-container ul.e-ul {
60
53
  font-family: "Segoe UI", "GeezaPro", "DejaVu Serif", 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: 36px;
69
61
  padding: 0 10px;
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: 10px;
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: 36px;
@@ -120,12 +104,10 @@
120
104
  position: absolute;
121
105
  right: 5px;
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: 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: 10px;
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: 10px;
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: 5px;
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: 10px;
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: 10px;
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: 48px;
248
219
  line-height: 48px;
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: 18px;
256
226
  line-height: 48px;
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: 48px;
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: 10px;
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: #000;
299
265
  color: #fff;
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: #969696;
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: #fff;
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: #fff;
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: #fff;
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: #685708;
@@ -326,17 +287,14 @@
326
287
  outline: 1px solid #969696;
327
288
  outline-offset: -1px;
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: #fff;
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: #fff;
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: #ffd939;
@@ -344,39 +302,32 @@
344
302
  outline: 0 solid #ffd939;
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: #000;
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: #000;
356
312
  }
357
-
358
313
  .e-contextmenu-wrapper ul .e-disabled,
359
314
  .e-contextmenu-container ul .e-disabled {
360
315
  color: #757575;
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: #757575;
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: #757575;
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: #757575;
377
329
  }
378
-
379
330
  .e-contextmenu-wrapper ul .e-separator,
380
331
  .e-contextmenu-container ul .e-separator {
381
332
  border-bottom-color: #969696;
382
- }
333
+ }
@@ -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 3px 8px 0 rgba(0, 0, 0, 0.26);
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: 12px;
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: #424242;
300
266
  color: #fff;
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: #616161;
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(255, 255, 255, 0.7);
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(255, 255, 255, 0.7);
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: #fff;
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: rgba(255, 255, 255, 0.1);
@@ -327,17 +288,14 @@
327
288
  outline: 0 solid #616161;
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(255, 255, 255, 0.7);
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(255, 255, 255, 0.7);
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: rgba(255, 255, 255, 0.18);
@@ -345,39 +303,32 @@
345
303
  outline: 0 solid rgba(255, 255, 255, 0.18);
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: #fff;
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: #fff;
357
313
  }
358
-
359
314
  .e-contextmenu-wrapper ul .e-disabled,
360
315
  .e-contextmenu-container ul .e-disabled {
361
316
  color: rgba(255, 255, 255, 0.3);
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(255, 255, 255, 0.3);
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(255, 255, 255, 0.3);
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(255, 255, 255, 0.3);
378
330
  }
379
-
380
331
  .e-contextmenu-wrapper ul .e-separator,
381
332
  .e-contextmenu-container ul .e-separator {
382
333
  border-bottom-color: #616161;
383
- }
334
+ }