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