@syncfusion/ej2-navigations 20.1.51 → 20.1.57

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