@syncfusion/ej2-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 (197) hide show
  1. package/CHANGELOG.md +34 -0
  2. package/dist/ej2-navigations.umd.min.js +2 -2
  3. package/dist/ej2-navigations.umd.min.js.map +1 -1
  4. package/dist/es6/ej2-navigations.es2015.js +41 -16
  5. package/dist/es6/ej2-navigations.es2015.js.map +1 -1
  6. package/dist/es6/ej2-navigations.es5.js +41 -16
  7. package/dist/es6/ej2-navigations.es5.js.map +1 -1
  8. package/dist/global/ej2-navigations.min.js +2 -2
  9. package/dist/global/ej2-navigations.min.js.map +1 -1
  10. package/dist/global/index.d.ts +1 -1
  11. package/package.json +11 -11
  12. package/src/carousel/carousel.js +18 -6
  13. package/src/common/menu-base.js +11 -1
  14. package/src/tab/tab.js +9 -6
  15. package/src/treeview/treeview.js +3 -3
  16. package/styles/accordion/bootstrap-dark.css +6 -94
  17. package/styles/accordion/bootstrap.css +6 -94
  18. package/styles/accordion/bootstrap4.css +9 -109
  19. package/styles/accordion/bootstrap5-dark.css +3 -88
  20. package/styles/accordion/bootstrap5.css +3 -88
  21. package/styles/accordion/fabric-dark.css +6 -90
  22. package/styles/accordion/fabric.css +6 -90
  23. package/styles/accordion/fluent-dark.css +6 -87
  24. package/styles/accordion/fluent.css +6 -87
  25. package/styles/accordion/highcontrast-light.css +10 -116
  26. package/styles/accordion/highcontrast.css +10 -116
  27. package/styles/accordion/material-dark.css +6 -93
  28. package/styles/accordion/material.css +6 -93
  29. package/styles/accordion/tailwind-dark.css +6 -93
  30. package/styles/accordion/tailwind.css +6 -93
  31. package/styles/bootstrap-dark.css +272 -2023
  32. package/styles/bootstrap.css +272 -2023
  33. package/styles/bootstrap4.css +278 -2086
  34. package/styles/bootstrap5-dark.css +268 -2064
  35. package/styles/bootstrap5.css +268 -2064
  36. package/styles/breadcrumb/_layout.scss +1 -1
  37. package/styles/breadcrumb/bootstrap-dark.css +9 -91
  38. package/styles/breadcrumb/bootstrap.css +9 -91
  39. package/styles/breadcrumb/bootstrap4.css +9 -91
  40. package/styles/breadcrumb/bootstrap5-dark.css +9 -95
  41. package/styles/breadcrumb/bootstrap5.css +9 -95
  42. package/styles/breadcrumb/fabric-dark.css +9 -90
  43. package/styles/breadcrumb/fabric.css +9 -90
  44. package/styles/breadcrumb/fluent-dark.css +9 -83
  45. package/styles/breadcrumb/fluent.css +9 -83
  46. package/styles/breadcrumb/highcontrast-light.css +9 -92
  47. package/styles/breadcrumb/highcontrast.css +9 -92
  48. package/styles/breadcrumb/material-dark.css +9 -86
  49. package/styles/breadcrumb/material.css +9 -86
  50. package/styles/breadcrumb/tailwind-dark.css +9 -93
  51. package/styles/breadcrumb/tailwind.css +9 -93
  52. package/styles/carousel/_layout.scss +19 -1
  53. package/styles/carousel/bootstrap-dark.css +24 -43
  54. package/styles/carousel/bootstrap.css +24 -43
  55. package/styles/carousel/bootstrap4.css +24 -43
  56. package/styles/carousel/bootstrap5-dark.css +24 -43
  57. package/styles/carousel/bootstrap5.css +24 -43
  58. package/styles/carousel/fabric-dark.css +24 -43
  59. package/styles/carousel/fabric.css +24 -43
  60. package/styles/carousel/fluent-dark.css +24 -43
  61. package/styles/carousel/fluent.css +24 -43
  62. package/styles/carousel/highcontrast-light.css +24 -43
  63. package/styles/carousel/highcontrast.css +24 -43
  64. package/styles/carousel/material-dark.css +24 -43
  65. package/styles/carousel/material.css +24 -43
  66. package/styles/carousel/tailwind-dark.css +24 -43
  67. package/styles/carousel/tailwind.css +24 -43
  68. package/styles/context-menu/bootstrap-dark.css +6 -60
  69. package/styles/context-menu/bootstrap.css +6 -60
  70. package/styles/context-menu/bootstrap4.css +6 -60
  71. package/styles/context-menu/bootstrap5-dark.css +6 -60
  72. package/styles/context-menu/bootstrap5.css +6 -60
  73. package/styles/context-menu/fabric-dark.css +6 -60
  74. package/styles/context-menu/fabric.css +6 -60
  75. package/styles/context-menu/fluent-dark.css +6 -60
  76. package/styles/context-menu/fluent.css +6 -60
  77. package/styles/context-menu/highcontrast-light.css +6 -60
  78. package/styles/context-menu/highcontrast.css +6 -60
  79. package/styles/context-menu/material-dark.css +6 -60
  80. package/styles/context-menu/material.css +6 -60
  81. package/styles/context-menu/tailwind-dark.css +6 -60
  82. package/styles/context-menu/tailwind.css +6 -60
  83. package/styles/fabric-dark.css +263 -2008
  84. package/styles/fabric.css +263 -2008
  85. package/styles/fluent-dark.css +263 -2019
  86. package/styles/fluent.css +263 -2019
  87. package/styles/h-scroll/bootstrap-dark.css +11 -67
  88. package/styles/h-scroll/bootstrap.css +11 -67
  89. package/styles/h-scroll/bootstrap4.css +11 -69
  90. package/styles/h-scroll/bootstrap5-dark.css +11 -68
  91. package/styles/h-scroll/bootstrap5.css +11 -68
  92. package/styles/h-scroll/fabric-dark.css +11 -67
  93. package/styles/h-scroll/fabric.css +11 -67
  94. package/styles/h-scroll/fluent-dark.css +11 -68
  95. package/styles/h-scroll/fluent.css +11 -68
  96. package/styles/h-scroll/highcontrast-light.css +11 -70
  97. package/styles/h-scroll/highcontrast.css +11 -70
  98. package/styles/h-scroll/material-dark.css +11 -68
  99. package/styles/h-scroll/material.css +11 -68
  100. package/styles/h-scroll/tailwind-dark.css +11 -68
  101. package/styles/h-scroll/tailwind.css +11 -68
  102. package/styles/highcontrast-light.css +268 -2080
  103. package/styles/highcontrast.css +268 -2083
  104. package/styles/material-dark.css +266 -1977
  105. package/styles/material.css +259 -1969
  106. package/styles/menu/bootstrap-dark.css +27 -201
  107. package/styles/menu/bootstrap.css +27 -201
  108. package/styles/menu/bootstrap4.css +28 -211
  109. package/styles/menu/bootstrap5-dark.css +27 -202
  110. package/styles/menu/bootstrap5.css +27 -202
  111. package/styles/menu/fabric-dark.css +27 -201
  112. package/styles/menu/fabric.css +27 -201
  113. package/styles/menu/fluent-dark.css +27 -204
  114. package/styles/menu/fluent.css +27 -204
  115. package/styles/menu/highcontrast-light.css +27 -201
  116. package/styles/menu/highcontrast.css +27 -201
  117. package/styles/menu/material-dark.css +27 -203
  118. package/styles/menu/material.css +27 -203
  119. package/styles/menu/tailwind-dark.css +27 -202
  120. package/styles/menu/tailwind.css +27 -202
  121. package/styles/sidebar/bootstrap-dark.css +12 -27
  122. package/styles/sidebar/bootstrap.css +12 -27
  123. package/styles/sidebar/bootstrap4.css +12 -27
  124. package/styles/sidebar/bootstrap5-dark.css +10 -25
  125. package/styles/sidebar/bootstrap5.css +10 -25
  126. package/styles/sidebar/fabric-dark.css +12 -27
  127. package/styles/sidebar/fabric.css +12 -27
  128. package/styles/sidebar/fluent-dark.css +10 -25
  129. package/styles/sidebar/fluent.css +10 -25
  130. package/styles/sidebar/highcontrast-light.css +12 -27
  131. package/styles/sidebar/highcontrast.css +12 -27
  132. package/styles/sidebar/material-dark.css +12 -27
  133. package/styles/sidebar/material.css +12 -27
  134. package/styles/sidebar/tailwind-dark.css +10 -25
  135. package/styles/sidebar/tailwind.css +10 -25
  136. package/styles/tab/bootstrap-dark.css +150 -963
  137. package/styles/tab/bootstrap.css +150 -963
  138. package/styles/tab/bootstrap4.css +150 -970
  139. package/styles/tab/bootstrap5-dark.css +150 -975
  140. package/styles/tab/bootstrap5.css +150 -975
  141. package/styles/tab/fabric-dark.css +141 -954
  142. package/styles/tab/fabric.css +141 -954
  143. package/styles/tab/fluent-dark.css +143 -949
  144. package/styles/tab/fluent.css +143 -949
  145. package/styles/tab/highcontrast-light.css +142 -980
  146. package/styles/tab/highcontrast.css +142 -980
  147. package/styles/tab/material-dark.css +144 -916
  148. package/styles/tab/material.css +137 -909
  149. package/styles/tab/tailwind-dark.css +137 -907
  150. package/styles/tab/tailwind.css +137 -907
  151. package/styles/tailwind-dark.css +257 -1989
  152. package/styles/tailwind.css +257 -1989
  153. package/styles/toolbar/bootstrap-dark.css +7 -246
  154. package/styles/toolbar/bootstrap.css +7 -246
  155. package/styles/toolbar/bootstrap4.css +8 -258
  156. package/styles/toolbar/bootstrap5-dark.css +7 -251
  157. package/styles/toolbar/bootstrap5.css +7 -251
  158. package/styles/toolbar/fabric-dark.css +7 -245
  159. package/styles/toolbar/fabric.css +7 -245
  160. package/styles/toolbar/fluent-dark.css +7 -244
  161. package/styles/toolbar/fluent.css +7 -244
  162. package/styles/toolbar/highcontrast-light.css +7 -257
  163. package/styles/toolbar/highcontrast.css +7 -257
  164. package/styles/toolbar/material-dark.css +7 -248
  165. package/styles/toolbar/material.css +7 -248
  166. package/styles/toolbar/tailwind-dark.css +7 -245
  167. package/styles/toolbar/tailwind.css +7 -245
  168. package/styles/treeview/bootstrap-dark.css +23 -191
  169. package/styles/treeview/bootstrap.css +23 -191
  170. package/styles/treeview/bootstrap4.css +24 -208
  171. package/styles/treeview/bootstrap5-dark.css +24 -217
  172. package/styles/treeview/bootstrap5.css +24 -217
  173. package/styles/treeview/fabric-dark.css +23 -191
  174. package/styles/treeview/fabric.css +23 -191
  175. package/styles/treeview/fluent-dark.css +23 -216
  176. package/styles/treeview/fluent.css +23 -216
  177. package/styles/treeview/highcontrast-light.css +23 -191
  178. package/styles/treeview/highcontrast.css +23 -194
  179. package/styles/treeview/material-dark.css +23 -192
  180. package/styles/treeview/material.css +23 -191
  181. package/styles/treeview/tailwind-dark.css +23 -213
  182. package/styles/treeview/tailwind.css +23 -213
  183. package/styles/v-scroll/bootstrap-dark.css +7 -50
  184. package/styles/v-scroll/bootstrap.css +7 -50
  185. package/styles/v-scroll/bootstrap4.css +7 -50
  186. package/styles/v-scroll/bootstrap5-dark.css +7 -50
  187. package/styles/v-scroll/bootstrap5.css +7 -50
  188. package/styles/v-scroll/fabric-dark.css +7 -50
  189. package/styles/v-scroll/fabric.css +7 -50
  190. package/styles/v-scroll/fluent-dark.css +7 -50
  191. package/styles/v-scroll/fluent.css +7 -50
  192. package/styles/v-scroll/highcontrast-light.css +7 -53
  193. package/styles/v-scroll/highcontrast.css +7 -53
  194. package/styles/v-scroll/material-dark.css +7 -51
  195. package/styles/v-scroll/material.css +7 -51
  196. package/styles/v-scroll/tailwind-dark.css +7 -50
  197. 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,23 +115,19 @@
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
  }
152
-
153
131
  .e-contextmenu-wrapper ul .e-menu-item .e-checkbox-wrapper,
154
132
  .e-contextmenu-container ul .e-menu-item .e-checkbox-wrapper {
155
133
  width: max-content;
@@ -159,17 +137,14 @@
159
137
  .e-contextmenu-container.e-sfcontextmenu {
160
138
  position: absolute;
161
139
  }
162
-
163
140
  .e-contextmenu-wrapper.e-sfcontextmenu .e-menu-vscroll,
164
141
  .e-contextmenu-container.e-sfcontextmenu .e-menu-vscroll {
165
142
  position: absolute;
166
143
  }
167
-
168
144
  .e-contextmenu-wrapper.e-sfcontextmenu ul,
169
145
  .e-contextmenu-container.e-sfcontextmenu ul {
170
146
  white-space: nowrap;
171
147
  }
172
-
173
148
  .e-contextmenu-wrapper.e-sfcontextmenu ul.e-transparent,
174
149
  .e-contextmenu-container.e-sfcontextmenu ul.e-transparent {
175
150
  background: transparent;
@@ -182,13 +157,11 @@
182
157
  top: 0;
183
158
  width: 0;
184
159
  }
185
-
186
160
  .e-contextmenu-wrapper.e-sfcontextmenu ul.e-transparent .e-menu-item,
187
161
  .e-contextmenu-container.e-sfcontextmenu ul.e-transparent .e-menu-item {
188
162
  height: 0;
189
163
  padding: 0;
190
164
  }
191
-
192
165
  .e-contextmenu-wrapper.e-sfcontextmenu ul.e-transparent .e-menu-item.e-separator,
193
166
  .e-contextmenu-container.e-sfcontextmenu ul.e-transparent .e-menu-item.e-separator {
194
167
  border: 0;
@@ -199,35 +172,29 @@
199
172
  .e-rtl.e-contextmenu-container .e-menu-item .e-menu-icon {
200
173
  margin-right: 0;
201
174
  }
202
-
203
175
  .e-rtl.e-contextmenu-wrapper .e-menu-item .e-caret,
204
176
  .e-rtl.e-contextmenu-container .e-menu-item .e-caret {
205
177
  margin-left: 0;
206
178
  margin-right: 16px;
207
179
  right: auto;
208
180
  }
209
-
210
181
  .e-rtl.e-contextmenu-wrapper .e-menu-item .e-menu-icon,
211
182
  .e-rtl.e-contextmenu-container .e-menu-item .e-menu-icon {
212
183
  margin-left: 12px;
213
184
  }
214
-
215
185
  .e-rtl.e-contextmenu-wrapper .e-menu-item .e-caret,
216
186
  .e-rtl.e-contextmenu-container .e-menu-item .e-caret {
217
187
  left: 7px;
218
188
  }
219
-
220
189
  .e-rtl.e-contextmenu-wrapper .e-menu-item.e-menu-caret-icon,
221
190
  .e-rtl.e-contextmenu-container .e-menu-item.e-menu-caret-icon {
222
191
  padding-left: 36px;
223
192
  padding-right: 14px;
224
193
  }
225
-
226
194
  .e-rtl.e-contextmenu-wrapper .e-menu-item.e-blankicon,
227
195
  .e-rtl.e-contextmenu-container .e-menu-item.e-blankicon {
228
196
  padding-left: 14px;
229
197
  }
230
-
231
198
  .e-rtl.e-contextmenu-wrapper .e-menu-item.e-blankicon.e-menu-caret-icon,
232
199
  .e-rtl.e-contextmenu-container .e-menu-item.e-blankicon.e-menu-caret-icon {
233
200
  padding-left: 36px;
@@ -244,7 +211,6 @@
244
211
  max-width: 280px;
245
212
  min-width: 112px;
246
213
  }
247
-
248
214
  .e-bigger .e-contextmenu-wrapper ul .e-menu-item,
249
215
  .e-bigger.e-contextmenu-wrapper ul .e-menu-item,
250
216
  .e-bigger .e-contextmenu-container ul .e-menu-item,
@@ -252,7 +218,6 @@
252
218
  height: 40px;
253
219
  line-height: 40px;
254
220
  }
255
-
256
221
  .e-bigger .e-contextmenu-wrapper ul .e-menu-item .e-menu-icon,
257
222
  .e-bigger.e-contextmenu-wrapper ul .e-menu-item .e-menu-icon,
258
223
  .e-bigger .e-contextmenu-container ul .e-menu-item .e-menu-icon,
@@ -260,14 +225,12 @@
260
225
  font-size: 16px;
261
226
  line-height: 40px;
262
227
  }
263
-
264
228
  .e-bigger .e-contextmenu-wrapper ul .e-menu-item .e-caret,
265
229
  .e-bigger.e-contextmenu-wrapper ul .e-menu-item .e-caret,
266
230
  .e-bigger .e-contextmenu-container ul .e-menu-item .e-caret,
267
231
  .e-bigger.e-contextmenu-container ul .e-menu-item .e-caret {
268
232
  line-height: 40px;
269
233
  }
270
-
271
234
  .e-bigger .e-contextmenu-wrapper ul .e-menu-item.e-separator,
272
235
  .e-bigger.e-contextmenu-wrapper ul .e-menu-item.e-separator,
273
236
  .e-bigger .e-contextmenu-container ul .e-menu-item.e-separator,
@@ -275,7 +238,6 @@
275
238
  height: auto;
276
239
  line-height: normal;
277
240
  }
278
-
279
241
  .e-bigger .e-contextmenu-wrapper ul .e-menu-item .e-caret,
280
242
  .e-bigger.e-contextmenu-wrapper ul .e-menu-item .e-caret,
281
243
  .e-bigger .e-contextmenu-container ul .e-menu-item .e-caret,
@@ -289,7 +251,6 @@
289
251
  .e-bigger.e-contextmenu-container.e-rtl ul .e-blankicon {
290
252
  padding-left: 14px;
291
253
  }
292
-
293
254
  .e-bigger .e-contextmenu-wrapper.e-rtl ul .e-blankicon.e-menu-caret-icon,
294
255
  .e-bigger.e-contextmenu-wrapper.e-rtl ul .e-blankicon.e-menu-caret-icon,
295
256
  .e-bigger .e-contextmenu-container.e-rtl ul .e-blankicon.e-menu-caret-icon,
@@ -303,27 +264,22 @@
303
264
  background-color: #313131;
304
265
  color: #f0f0f0;
305
266
  }
306
-
307
267
  .e-contextmenu-wrapper ul .e-menu-item.e-menu-header,
308
268
  .e-contextmenu-container ul .e-menu-item.e-menu-header {
309
269
  border-bottom-color: #505050;
310
270
  }
311
-
312
271
  .e-contextmenu-wrapper ul .e-menu-item .e-caret,
313
272
  .e-contextmenu-container ul .e-menu-item .e-caret {
314
273
  color: #f0f0f0;
315
274
  }
316
-
317
275
  .e-contextmenu-wrapper ul .e-menu-item .e-menu-icon,
318
276
  .e-contextmenu-container ul .e-menu-item .e-menu-icon {
319
277
  color: #f0f0f0;
320
278
  }
321
-
322
279
  .e-contextmenu-wrapper ul .e-menu-item .e-menu-url,
323
280
  .e-contextmenu-container ul .e-menu-item .e-menu-url {
324
281
  color: #f0f0f0;
325
282
  }
326
-
327
283
  .e-contextmenu-wrapper ul .e-menu-item.e-focused,
328
284
  .e-contextmenu-container ul .e-menu-item.e-focused {
329
285
  background-color: #484848;
@@ -331,17 +287,14 @@
331
287
  outline: 0 solid #505050;
332
288
  outline-offset: 0;
333
289
  }
334
-
335
290
  .e-contextmenu-wrapper ul .e-menu-item.e-focused .e-caret,
336
291
  .e-contextmenu-container ul .e-menu-item.e-focused .e-caret {
337
292
  color: #f0f0f0;
338
293
  }
339
-
340
294
  .e-contextmenu-wrapper ul .e-menu-item.e-focused .e-menu-icon,
341
295
  .e-contextmenu-container ul .e-menu-item.e-focused .e-menu-icon {
342
296
  color: #f0f0f0;
343
297
  }
344
-
345
298
  .e-contextmenu-wrapper ul .e-menu-item.e-selected,
346
299
  .e-contextmenu-container ul .e-menu-item.e-selected {
347
300
  background-color: #505050;
@@ -349,39 +302,32 @@
349
302
  outline: 0 solid #505050;
350
303
  outline-offset: 0;
351
304
  }
352
-
353
305
  .e-contextmenu-wrapper ul .e-menu-item.e-selected .e-caret,
354
306
  .e-contextmenu-container ul .e-menu-item.e-selected .e-caret {
355
307
  color: #f0f0f0;
356
308
  }
357
-
358
309
  .e-contextmenu-wrapper ul .e-menu-item.e-selected .e-menu-icon,
359
310
  .e-contextmenu-container ul .e-menu-item.e-selected .e-menu-icon {
360
311
  color: #f0f0f0;
361
312
  }
362
-
363
313
  .e-contextmenu-wrapper ul .e-disabled,
364
314
  .e-contextmenu-container ul .e-disabled {
365
315
  color: rgba(240, 240, 240, 0.65);
366
316
  opacity: 1;
367
317
  }
368
-
369
318
  .e-contextmenu-wrapper ul .e-disabled .e-menu-icon,
370
319
  .e-contextmenu-container ul .e-disabled .e-menu-icon {
371
320
  color: rgba(240, 240, 240, 0.65);
372
321
  }
373
-
374
322
  .e-contextmenu-wrapper ul .e-disabled .e-caret,
375
323
  .e-contextmenu-container ul .e-disabled .e-caret {
376
324
  color: rgba(240, 240, 240, 0.65);
377
325
  }
378
-
379
326
  .e-contextmenu-wrapper ul .e-disabled .e-menu-url,
380
327
  .e-contextmenu-container ul .e-disabled .e-menu-url {
381
328
  color: rgba(240, 240, 240, 0.65);
382
329
  }
383
-
384
330
  .e-contextmenu-wrapper ul .e-separator,
385
331
  .e-contextmenu-container ul .e-separator {
386
332
  border-bottom-color: #505050;
387
- }
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,23 +115,19 @@
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
  }
152
-
153
131
  .e-contextmenu-wrapper ul .e-menu-item .e-checkbox-wrapper,
154
132
  .e-contextmenu-container ul .e-menu-item .e-checkbox-wrapper {
155
133
  width: max-content;
@@ -159,17 +137,14 @@
159
137
  .e-contextmenu-container.e-sfcontextmenu {
160
138
  position: absolute;
161
139
  }
162
-
163
140
  .e-contextmenu-wrapper.e-sfcontextmenu .e-menu-vscroll,
164
141
  .e-contextmenu-container.e-sfcontextmenu .e-menu-vscroll {
165
142
  position: absolute;
166
143
  }
167
-
168
144
  .e-contextmenu-wrapper.e-sfcontextmenu ul,
169
145
  .e-contextmenu-container.e-sfcontextmenu ul {
170
146
  white-space: nowrap;
171
147
  }
172
-
173
148
  .e-contextmenu-wrapper.e-sfcontextmenu ul.e-transparent,
174
149
  .e-contextmenu-container.e-sfcontextmenu ul.e-transparent {
175
150
  background: transparent;
@@ -182,13 +157,11 @@
182
157
  top: 0;
183
158
  width: 0;
184
159
  }
185
-
186
160
  .e-contextmenu-wrapper.e-sfcontextmenu ul.e-transparent .e-menu-item,
187
161
  .e-contextmenu-container.e-sfcontextmenu ul.e-transparent .e-menu-item {
188
162
  height: 0;
189
163
  padding: 0;
190
164
  }
191
-
192
165
  .e-contextmenu-wrapper.e-sfcontextmenu ul.e-transparent .e-menu-item.e-separator,
193
166
  .e-contextmenu-container.e-sfcontextmenu ul.e-transparent .e-menu-item.e-separator {
194
167
  border: 0;
@@ -199,35 +172,29 @@
199
172
  .e-rtl.e-contextmenu-container .e-menu-item .e-menu-icon {
200
173
  margin-right: 0;
201
174
  }
202
-
203
175
  .e-rtl.e-contextmenu-wrapper .e-menu-item .e-caret,
204
176
  .e-rtl.e-contextmenu-container .e-menu-item .e-caret {
205
177
  margin-left: 0;
206
178
  margin-right: 16px;
207
179
  right: auto;
208
180
  }
209
-
210
181
  .e-rtl.e-contextmenu-wrapper .e-menu-item .e-menu-icon,
211
182
  .e-rtl.e-contextmenu-container .e-menu-item .e-menu-icon {
212
183
  margin-left: 12px;
213
184
  }
214
-
215
185
  .e-rtl.e-contextmenu-wrapper .e-menu-item .e-caret,
216
186
  .e-rtl.e-contextmenu-container .e-menu-item .e-caret {
217
187
  left: 7px;
218
188
  }
219
-
220
189
  .e-rtl.e-contextmenu-wrapper .e-menu-item.e-menu-caret-icon,
221
190
  .e-rtl.e-contextmenu-container .e-menu-item.e-menu-caret-icon {
222
191
  padding-left: 36px;
223
192
  padding-right: 14px;
224
193
  }
225
-
226
194
  .e-rtl.e-contextmenu-wrapper .e-menu-item.e-blankicon,
227
195
  .e-rtl.e-contextmenu-container .e-menu-item.e-blankicon {
228
196
  padding-left: 14px;
229
197
  }
230
-
231
198
  .e-rtl.e-contextmenu-wrapper .e-menu-item.e-blankicon.e-menu-caret-icon,
232
199
  .e-rtl.e-contextmenu-container .e-menu-item.e-blankicon.e-menu-caret-icon {
233
200
  padding-left: 36px;
@@ -244,7 +211,6 @@
244
211
  max-width: 280px;
245
212
  min-width: 112px;
246
213
  }
247
-
248
214
  .e-bigger .e-contextmenu-wrapper ul .e-menu-item,
249
215
  .e-bigger.e-contextmenu-wrapper ul .e-menu-item,
250
216
  .e-bigger .e-contextmenu-container ul .e-menu-item,
@@ -252,7 +218,6 @@
252
218
  height: 40px;
253
219
  line-height: 40px;
254
220
  }
255
-
256
221
  .e-bigger .e-contextmenu-wrapper ul .e-menu-item .e-menu-icon,
257
222
  .e-bigger.e-contextmenu-wrapper ul .e-menu-item .e-menu-icon,
258
223
  .e-bigger .e-contextmenu-container ul .e-menu-item .e-menu-icon,
@@ -260,14 +225,12 @@
260
225
  font-size: 16px;
261
226
  line-height: 40px;
262
227
  }
263
-
264
228
  .e-bigger .e-contextmenu-wrapper ul .e-menu-item .e-caret,
265
229
  .e-bigger.e-contextmenu-wrapper ul .e-menu-item .e-caret,
266
230
  .e-bigger .e-contextmenu-container ul .e-menu-item .e-caret,
267
231
  .e-bigger.e-contextmenu-container ul .e-menu-item .e-caret {
268
232
  line-height: 40px;
269
233
  }
270
-
271
234
  .e-bigger .e-contextmenu-wrapper ul .e-menu-item.e-separator,
272
235
  .e-bigger.e-contextmenu-wrapper ul .e-menu-item.e-separator,
273
236
  .e-bigger .e-contextmenu-container ul .e-menu-item.e-separator,
@@ -275,7 +238,6 @@
275
238
  height: auto;
276
239
  line-height: normal;
277
240
  }
278
-
279
241
  .e-bigger .e-contextmenu-wrapper ul .e-menu-item .e-caret,
280
242
  .e-bigger.e-contextmenu-wrapper ul .e-menu-item .e-caret,
281
243
  .e-bigger .e-contextmenu-container ul .e-menu-item .e-caret,
@@ -289,7 +251,6 @@
289
251
  .e-bigger.e-contextmenu-container.e-rtl ul .e-blankicon {
290
252
  padding-left: 14px;
291
253
  }
292
-
293
254
  .e-bigger .e-contextmenu-wrapper.e-rtl ul .e-blankicon.e-menu-caret-icon,
294
255
  .e-bigger.e-contextmenu-wrapper.e-rtl ul .e-blankicon.e-menu-caret-icon,
295
256
  .e-bigger .e-contextmenu-container.e-rtl ul .e-blankicon.e-menu-caret-icon,
@@ -303,27 +264,22 @@
303
264
  background-color: #fff;
304
265
  color: #555;
305
266
  }
306
-
307
267
  .e-contextmenu-wrapper ul .e-menu-item.e-menu-header,
308
268
  .e-contextmenu-container ul .e-menu-item.e-menu-header {
309
269
  border-bottom-color: #e6e6e6;
310
270
  }
311
-
312
271
  .e-contextmenu-wrapper ul .e-menu-item .e-caret,
313
272
  .e-contextmenu-container ul .e-menu-item .e-caret {
314
273
  color: #333;
315
274
  }
316
-
317
275
  .e-contextmenu-wrapper ul .e-menu-item .e-menu-icon,
318
276
  .e-contextmenu-container ul .e-menu-item .e-menu-icon {
319
277
  color: #333;
320
278
  }
321
-
322
279
  .e-contextmenu-wrapper ul .e-menu-item .e-menu-url,
323
280
  .e-contextmenu-container ul .e-menu-item .e-menu-url {
324
281
  color: #555;
325
282
  }
326
-
327
283
  .e-contextmenu-wrapper ul .e-menu-item.e-focused,
328
284
  .e-contextmenu-container ul .e-menu-item.e-focused {
329
285
  background-color: #f5f5f5;
@@ -331,17 +287,14 @@
331
287
  outline: 0 solid #e6e6e6;
332
288
  outline-offset: 0;
333
289
  }
334
-
335
290
  .e-contextmenu-wrapper ul .e-menu-item.e-focused .e-caret,
336
291
  .e-contextmenu-container ul .e-menu-item.e-focused .e-caret {
337
292
  color: #333;
338
293
  }
339
-
340
294
  .e-contextmenu-wrapper ul .e-menu-item.e-focused .e-menu-icon,
341
295
  .e-contextmenu-container ul .e-menu-item.e-focused .e-menu-icon {
342
296
  color: #333;
343
297
  }
344
-
345
298
  .e-contextmenu-wrapper ul .e-menu-item.e-selected,
346
299
  .e-contextmenu-container ul .e-menu-item.e-selected {
347
300
  background-color: #e6e6e6;
@@ -349,39 +302,32 @@
349
302
  outline: 0 solid #e6e6e6;
350
303
  outline-offset: 0;
351
304
  }
352
-
353
305
  .e-contextmenu-wrapper ul .e-menu-item.e-selected .e-caret,
354
306
  .e-contextmenu-container ul .e-menu-item.e-selected .e-caret {
355
307
  color: #333;
356
308
  }
357
-
358
309
  .e-contextmenu-wrapper ul .e-menu-item.e-selected .e-menu-icon,
359
310
  .e-contextmenu-container ul .e-menu-item.e-selected .e-menu-icon {
360
311
  color: #333;
361
312
  }
362
-
363
313
  .e-contextmenu-wrapper ul .e-disabled,
364
314
  .e-contextmenu-container ul .e-disabled {
365
315
  color: rgba(85, 85, 85, 0.65);
366
316
  opacity: 1;
367
317
  }
368
-
369
318
  .e-contextmenu-wrapper ul .e-disabled .e-menu-icon,
370
319
  .e-contextmenu-container ul .e-disabled .e-menu-icon {
371
320
  color: rgba(51, 51, 51, 0.65);
372
321
  }
373
-
374
322
  .e-contextmenu-wrapper ul .e-disabled .e-caret,
375
323
  .e-contextmenu-container ul .e-disabled .e-caret {
376
324
  color: rgba(51, 51, 51, 0.65);
377
325
  }
378
-
379
326
  .e-contextmenu-wrapper ul .e-disabled .e-menu-url,
380
327
  .e-contextmenu-container ul .e-disabled .e-menu-url {
381
328
  color: rgba(85, 85, 85, 0.65);
382
329
  }
383
-
384
330
  .e-contextmenu-wrapper ul .e-separator,
385
331
  .e-contextmenu-container ul .e-separator {
386
332
  border-bottom-color: #e6e6e6;
387
- }
333
+ }