@syncfusion/ej2-vue-splitbuttons 25.2.4 → 26.1.35-750253

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 (104) hide show
  1. package/dist/ej2-vue-splitbuttons.umd.min.js +2 -2
  2. package/dist/ej2-vue-splitbuttons.umd.min.js.map +1 -1
  3. package/dist/es6/ej2-vue-splitbuttons.es2015.js +8 -14
  4. package/dist/es6/ej2-vue-splitbuttons.es2015.js.map +1 -1
  5. package/dist/es6/ej2-vue-splitbuttons.es5.js +8 -14
  6. package/dist/es6/ej2-vue-splitbuttons.es5.js.map +1 -1
  7. package/package.json +9 -9
  8. package/styles/bootstrap-dark.css +1966 -1
  9. package/styles/bootstrap.css +2016 -1
  10. package/styles/bootstrap4.css +2004 -1
  11. package/styles/bootstrap5-dark.css +1946 -1
  12. package/styles/bootstrap5.css +1946 -1
  13. package/styles/button-group/bootstrap-dark.css +813 -1
  14. package/styles/button-group/bootstrap.css +787 -1
  15. package/styles/button-group/bootstrap4.css +786 -1
  16. package/styles/button-group/bootstrap5-dark.css +801 -1
  17. package/styles/button-group/bootstrap5.css +801 -1
  18. package/styles/button-group/fabric-dark.css +813 -1
  19. package/styles/button-group/fabric.css +819 -1
  20. package/styles/button-group/fluent-dark.css +825 -1
  21. package/styles/button-group/fluent.css +825 -1
  22. package/styles/button-group/fluent2.css +1849 -0
  23. package/styles/button-group/fluent2.scss +1 -0
  24. package/styles/button-group/highcontrast-light.css +813 -1
  25. package/styles/button-group/highcontrast.css +864 -1
  26. package/styles/button-group/material-dark.css +820 -1
  27. package/styles/button-group/material.css +825 -1
  28. package/styles/button-group/material3-dark.css +1055 -1
  29. package/styles/button-group/material3.css +1167 -1
  30. package/styles/button-group/tailwind-dark.css +799 -1
  31. package/styles/button-group/tailwind.css +799 -1
  32. package/styles/drop-down-button/bootstrap-dark.css +244 -1
  33. package/styles/drop-down-button/bootstrap.css +244 -1
  34. package/styles/drop-down-button/bootstrap4.css +237 -1
  35. package/styles/drop-down-button/bootstrap5-dark.css +247 -1
  36. package/styles/drop-down-button/bootstrap5.css +247 -1
  37. package/styles/drop-down-button/fabric-dark.css +244 -1
  38. package/styles/drop-down-button/fabric.css +244 -1
  39. package/styles/drop-down-button/fluent-dark.css +245 -1
  40. package/styles/drop-down-button/fluent.css +245 -1
  41. package/styles/drop-down-button/fluent2.css +1308 -0
  42. package/styles/drop-down-button/fluent2.scss +1 -0
  43. package/styles/drop-down-button/highcontrast-light.css +244 -1
  44. package/styles/drop-down-button/highcontrast.css +245 -1
  45. package/styles/drop-down-button/material-dark.css +244 -1
  46. package/styles/drop-down-button/material.css +244 -1
  47. package/styles/drop-down-button/material3-dark.css +363 -1
  48. package/styles/drop-down-button/material3.css +475 -1
  49. package/styles/drop-down-button/tailwind-dark.css +254 -1
  50. package/styles/drop-down-button/tailwind.css +254 -1
  51. package/styles/fabric-dark.css +1966 -1
  52. package/styles/fabric.css +2046 -1
  53. package/styles/fluent-dark.css +2061 -1
  54. package/styles/fluent.css +2061 -1
  55. package/styles/fluent2.css +6175 -0
  56. package/styles/fluent2.scss +4 -0
  57. package/styles/highcontrast-light.css +1966 -1
  58. package/styles/highcontrast.css +2018 -1
  59. package/styles/material-dark.css +1973 -1
  60. package/styles/material.css +2052 -1
  61. package/styles/material3-dark.css +2647 -1
  62. package/styles/material3.css +3087 -1
  63. package/styles/progress-button/bootstrap-dark.css +564 -1
  64. package/styles/progress-button/bootstrap.css +641 -1
  65. package/styles/progress-button/bootstrap4.css +644 -1
  66. package/styles/progress-button/bootstrap5-dark.css +564 -1
  67. package/styles/progress-button/bootstrap5.css +564 -1
  68. package/styles/progress-button/fabric-dark.css +564 -1
  69. package/styles/progress-button/fabric.css +641 -1
  70. package/styles/progress-button/fluent-dark.css +657 -1
  71. package/styles/progress-button/fluent.css +657 -1
  72. package/styles/progress-button/fluent2.css +1636 -0
  73. package/styles/progress-button/fluent2.scss +1 -0
  74. package/styles/progress-button/highcontrast-light.css +564 -1
  75. package/styles/progress-button/highcontrast.css +564 -1
  76. package/styles/progress-button/material-dark.css +564 -1
  77. package/styles/progress-button/material.css +641 -1
  78. package/styles/progress-button/material3-dark.css +730 -1
  79. package/styles/progress-button/material3.css +842 -1
  80. package/styles/progress-button/tailwind-dark.css +661 -1
  81. package/styles/progress-button/tailwind.css +661 -1
  82. package/styles/split-button/bootstrap-dark.css +342 -1
  83. package/styles/split-button/bootstrap.css +342 -1
  84. package/styles/split-button/bootstrap4.css +334 -1
  85. package/styles/split-button/bootstrap5-dark.css +331 -1
  86. package/styles/split-button/bootstrap5.css +331 -1
  87. package/styles/split-button/fabric-dark.css +342 -1
  88. package/styles/split-button/fabric.css +339 -1
  89. package/styles/split-button/fluent-dark.css +331 -1
  90. package/styles/split-button/fluent.css +331 -1
  91. package/styles/split-button/fluent2.css +1379 -0
  92. package/styles/split-button/fluent2.scss +1 -0
  93. package/styles/split-button/highcontrast-light.css +342 -1
  94. package/styles/split-button/highcontrast.css +342 -1
  95. package/styles/split-button/material-dark.css +342 -1
  96. package/styles/split-button/material.css +339 -1
  97. package/styles/split-button/material3-dark.css +496 -1
  98. package/styles/split-button/material3.css +600 -1
  99. package/styles/split-button/tailwind-dark.css +356 -1
  100. package/styles/split-button/tailwind.css +356 -1
  101. package/styles/tailwind-dark.css +2072 -1
  102. package/styles/tailwind.css +2072 -1
  103. package/CHANGELOG.md +0 -356
  104. package/dist/global/ej2-vue-splitbuttons.min.js +0 -10
package/styles/split-button/fluent2.scss ADDED
@@ -0,0 +1 @@
1
+ @import 'ej2-splitbuttons/styles/split-button/fluent2.scss';
package/styles/split-button/highcontrast-light.css CHANGED
@@ -1 +1,342 @@
1
- @import '@syncfusion/ej2-splitbuttons/styles/split-button/highcontrast-light.css';
1
+ .e-split-btn-wrapper {
2
+ display: -webkit-inline-box;
3
+ display: -ms-inline-flexbox;
4
+ display: inline-flex;
5
+ white-space: nowrap;
6
+ width: -webkit-min-content;
7
+ width: -moz-min-content;
8
+ width: min-content;
9
+ }
10
+ .e-split-btn-wrapper .e-split-btn {
11
+ border-bottom-right-radius: 0;
12
+ border-top-right-radius: 0;
13
+ text-transform: none;
14
+ z-index: 1;
15
+ padding-left: 10px;
16
+ padding-right: 10px;
17
+ }
18
+ .e-split-btn-wrapper .e-split-btn:focus {
19
+ outline-offset: -4px;
20
+ }
21
+ .e-split-btn-wrapper .e-split-btn:hover {
22
+ -webkit-box-shadow: none;
23
+ box-shadow: none;
24
+ }
25
+ .e-split-btn-wrapper .e-split-btn:focus {
26
+ -webkit-box-shadow: none;
27
+ box-shadow: none;
28
+ }
29
+ .e-split-btn-wrapper .e-split-btn:active {
30
+ -webkit-box-shadow: none;
31
+ box-shadow: none;
32
+ z-index: 2;
33
+ }
34
+ .e-split-btn-wrapper .e-split-btn.e-top-icon-btn {
35
+ padding-bottom: 10px;
36
+ padding-top: 10px;
37
+ }
38
+ .e-split-btn-wrapper .e-split-btn .e-btn-icon {
39
+ font-size: 14px;
40
+ margin-left: 0;
41
+ padding-right: 8px;
42
+ width: auto;
43
+ }
44
+ .e-split-btn-wrapper .e-split-btn .e-icon-top {
45
+ padding-bottom: 4px;
46
+ padding-right: 0;
47
+ }
48
+ .e-split-btn-wrapper .e-split-btn.e-icon-btn {
49
+ padding-left: 8px;
50
+ padding-right: 8px;
51
+ }
52
+ .e-split-btn-wrapper .e-split-btn.e-icon-btn .e-btn-icon {
53
+ padding-right: 0;
54
+ }
55
+ .e-split-btn-wrapper .e-dropdown-btn {
56
+ border-bottom-left-radius: 0;
57
+ border-top-left-radius: 0;
58
+ margin-left: -1px;
59
+ padding-left: 4px;
60
+ padding-right: 4px;
61
+ }
62
+ .e-split-btn-wrapper .e-dropdown-btn:focus, .e-split-btn-wrapper .e-dropdown-btn:hover {
63
+ -webkit-box-shadow: none;
64
+ box-shadow: none;
65
+ }
66
+ .e-split-btn-wrapper .e-dropdown-btn:active {
67
+ -webkit-box-shadow: none;
68
+ box-shadow: none;
69
+ z-index: 2;
70
+ }
71
+ .e-split-btn-wrapper .e-dropdown-btn:disabled:focus, .e-split-btn-wrapper .e-dropdown-btn:disabled:hover, .e-split-btn-wrapper .e-dropdown-btn:disabled:active {
72
+ z-index: 0;
73
+ }
74
+ .e-split-btn-wrapper .e-dropdown-btn:focus {
75
+ outline-offset: -4px;
76
+ }
77
+ .e-split-btn-wrapper .e-btn {
78
+ -webkit-box-shadow: none;
79
+ box-shadow: none;
80
+ }
81
+ .e-split-btn-wrapper .e-btn:hover {
82
+ -webkit-box-shadow: none;
83
+ box-shadow: none;
84
+ }
85
+ .e-split-btn-wrapper .e-btn:focus {
86
+ -webkit-box-shadow: none;
87
+ box-shadow: none;
88
+ }
89
+ .e-split-btn-wrapper .e-btn:active {
90
+ -webkit-box-shadow: none;
91
+ box-shadow: none;
92
+ }
93
+ .e-split-btn-wrapper .e-btn:disabled {
94
+ -webkit-box-shadow: none;
95
+ box-shadow: none;
96
+ }
97
+ .e-split-btn-wrapper .e-btn.e-inherit:focus, .e-split-btn-wrapper .e-btn.e-inherit:active {
98
+ -webkit-box-shadow: none;
99
+ box-shadow: none;
100
+ }
101
+ .e-split-btn-wrapper.e-rtl .e-split-btn {
102
+ border-bottom-left-radius: 0;
103
+ border-bottom-right-radius: 0;
104
+ border-top-left-radius: 0;
105
+ border-top-right-radius: 0;
106
+ margin-left: -1px;
107
+ padding-left: 4px;
108
+ padding-right: 10px;
109
+ }
110
+ .e-split-btn-wrapper.e-rtl .e-split-btn .e-btn-icon {
111
+ margin-right: 0;
112
+ padding-left: 8px;
113
+ padding-right: 0;
114
+ }
115
+ .e-split-btn-wrapper.e-rtl .e-split-btn .e-icon-top {
116
+ padding-left: 0;
117
+ }
118
+ .e-split-btn-wrapper.e-rtl .e-split-btn.e-icon-btn {
119
+ padding-left: 8px;
120
+ padding-right: 8px;
121
+ }
122
+ .e-split-btn-wrapper.e-rtl .e-split-btn.e-icon-btn .e-btn-icon {
123
+ padding-left: 0;
124
+ }
125
+ .e-split-btn-wrapper.e-rtl .e-dropdown-btn {
126
+ border-bottom-left-radius: 0;
127
+ border-bottom-right-radius: 0;
128
+ border-top-left-radius: 0;
129
+ border-top-right-radius: 0;
130
+ margin-left: 0;
131
+ }
132
+ .e-split-btn-wrapper.e-vertical {
133
+ display: inline-block;
134
+ }
135
+ .e-split-btn-wrapper.e-vertical .e-split-btn,
136
+ .e-split-btn-wrapper.e-vertical .e-dropdown-btn {
137
+ display: block;
138
+ width: 100%;
139
+ }
140
+ .e-split-btn-wrapper.e-vertical .e-split-btn {
141
+ border-bottom-left-radius: 0;
142
+ border-top-right-radius: 0;
143
+ line-height: 1;
144
+ padding-bottom: 4px;
145
+ padding-right: 10px;
146
+ }
147
+ .e-split-btn-wrapper.e-vertical .e-split-btn .e-icon-top {
148
+ padding-bottom: 4px;
149
+ }
150
+ .e-split-btn-wrapper.e-vertical .e-dropdown-btn {
151
+ border-bottom-left-radius: 0;
152
+ border-top-right-radius: 0;
153
+ line-height: 0.213em;
154
+ margin-left: 0;
155
+ margin-top: -1px;
156
+ padding-bottom: 4px;
157
+ padding-top: 4px;
158
+ }
159
+ .e-split-btn-wrapper.e-vertical .e-dropdown-btn .e-icon-bottom {
160
+ padding-top: 0;
161
+ }
162
+ .e-split-btn-wrapper.e-vertical.e-rtl .e-split-btn {
163
+ border-bottom-right-radius: 0;
164
+ border-top-left-radius: 0;
165
+ margin-left: 0;
166
+ }
167
+ .e-split-btn-wrapper.e-vertical.e-rtl .e-dropdown-btn {
168
+ border-bottom-right-radius: 0;
169
+ border-top-left-radius: 0;
170
+ }
171
+
172
+ .e-bigger .e-split-btn-wrapper .e-split-btn,
173
+ .e-bigger.e-split-btn-wrapper .e-split-btn {
174
+ padding-left: 12px;
175
+ padding-right: 6px;
176
+ }
177
+ .e-bigger .e-split-btn-wrapper .e-split-btn.e-top-icon-btn,
178
+ .e-bigger.e-split-btn-wrapper .e-split-btn.e-top-icon-btn {
179
+ padding-bottom: 12px;
180
+ padding-top: 12px;
181
+ }
182
+ .e-bigger .e-split-btn-wrapper .e-split-btn .e-btn-icon,
183
+ .e-bigger.e-split-btn-wrapper .e-split-btn .e-btn-icon {
184
+ font-size: 16px;
185
+ margin-left: 0;
186
+ padding-right: 10px;
187
+ width: auto;
188
+ }
189
+ .e-bigger .e-split-btn-wrapper .e-split-btn .e-icon-top,
190
+ .e-bigger.e-split-btn-wrapper .e-split-btn .e-icon-top {
191
+ padding-bottom: 6px;
192
+ padding-right: 0;
193
+ }
194
+ .e-bigger .e-split-btn-wrapper .e-split-btn.e-icon-btn,
195
+ .e-bigger.e-split-btn-wrapper .e-split-btn.e-icon-btn {
196
+ padding-left: 11px;
197
+ padding-right: 11px;
198
+ }
199
+ .e-bigger .e-split-btn-wrapper .e-split-btn.e-icon-btn .e-btn-icon,
200
+ .e-bigger.e-split-btn-wrapper .e-split-btn.e-icon-btn .e-btn-icon {
201
+ padding-right: 0;
202
+ }
203
+ .e-bigger .e-split-btn-wrapper .e-dropdown-btn,
204
+ .e-bigger.e-split-btn-wrapper .e-dropdown-btn {
205
+ padding-left: 4px;
206
+ padding-right: 4px;
207
+ }
208
+ .e-bigger .e-split-btn-wrapper.e-rtl .e-split-btn,
209
+ .e-bigger.e-split-btn-wrapper.e-rtl .e-split-btn {
210
+ padding-left: 6px;
211
+ padding-right: 12px;
212
+ }
213
+ .e-bigger .e-split-btn-wrapper.e-rtl .e-split-btn .e-btn-icon,
214
+ .e-bigger.e-split-btn-wrapper.e-rtl .e-split-btn .e-btn-icon {
215
+ padding-left: 10px;
216
+ padding-right: 0;
217
+ }
218
+ .e-bigger .e-split-btn-wrapper.e-rtl .e-split-btn .e-icon-top,
219
+ .e-bigger.e-split-btn-wrapper.e-rtl .e-split-btn .e-icon-top {
220
+ padding-left: 0;
221
+ }
222
+ .e-bigger .e-split-btn-wrapper.e-rtl .e-split-btn.e-icon-btn,
223
+ .e-bigger.e-split-btn-wrapper.e-rtl .e-split-btn.e-icon-btn {
224
+ padding-left: 11px;
225
+ padding-right: 11px;
226
+ }
227
+ .e-bigger .e-split-btn-wrapper.e-rtl .e-split-btn.e-icon-btn .e-btn-icon,
228
+ .e-bigger.e-split-btn-wrapper.e-rtl .e-split-btn.e-icon-btn .e-btn-icon {
229
+ padding-left: 0;
230
+ }
231
+ .e-bigger .e-split-btn-wrapper.e-vertical .e-split-btn,
232
+ .e-bigger.e-split-btn-wrapper.e-vertical .e-split-btn {
233
+ padding-bottom: 6px;
234
+ padding-right: 12px;
235
+ }
236
+ .e-bigger .e-split-btn-wrapper.e-vertical .e-dropdown-btn,
237
+ .e-bigger.e-split-btn-wrapper.e-vertical .e-dropdown-btn {
238
+ padding-bottom: 4px;
239
+ padding-top: 4px;
240
+ }
241
+ .e-bigger .e-split-btn-wrapper.e-vertical .e-dropdown-btn .e-icon-bottom,
242
+ .e-bigger.e-split-btn-wrapper.e-vertical .e-dropdown-btn .e-icon-bottom {
243
+ padding-top: 0;
244
+ }
245
+
246
+ .e-split-btn-wrapper .e-split-btn {
247
+ border-right-color: #000;
248
+ }
249
+ .e-split-btn-wrapper .e-split-btn:focus {
250
+ border-right-color: #000;
251
+ }
252
+ .e-split-btn-wrapper .e-split-btn:active {
253
+ border-right-color: #400074;
254
+ }
255
+ .e-split-btn-wrapper .e-split-btn:disabled {
256
+ border-right-color: #fff;
257
+ }
258
+ .e-split-btn-wrapper .e-split-btn.e-inherit {
259
+ border-color: transparent;
260
+ }
261
+ .e-split-btn-wrapper:hover :not(e-active) .e-split-btn {
262
+ border-right-color: #000;
263
+ }
264
+ .e-split-btn-wrapper:hover :not(e-active) .e-split-btn:disabled {
265
+ border-right-color: #757575;
266
+ }
267
+ .e-split-btn-wrapper.e-rtl .e-split-btn {
268
+ border-left-color: #000;
269
+ border-right-color: #000;
270
+ }
271
+ .e-split-btn-wrapper.e-rtl .e-split-btn:focus {
272
+ border-left-color: #000;
273
+ border-right-color: #000;
274
+ }
275
+ .e-split-btn-wrapper.e-rtl .e-split-btn:active {
276
+ border-left-color: #400074;
277
+ border-right-color: #400074;
278
+ }
279
+ .e-split-btn-wrapper.e-rtl .e-split-btn:disabled {
280
+ border-left-color: #757575;
281
+ border-right-color: #757575;
282
+ }
283
+ .e-split-btn-wrapper.e-rtl .e-split-btn.e-inherit {
284
+ border-color: transparent;
285
+ }
286
+ .e-split-btn-wrapper.e-rtl:hover .e-split-btn :not(e-active) {
287
+ border-left-color: #000;
288
+ border-right-color: #000;
289
+ }
290
+ .e-split-btn-wrapper.e-rtl:hover .e-split-btn :not(e-active):disabled {
291
+ border-left-color: #757575;
292
+ }
293
+ .e-split-btn-wrapper.e-vertical .e-split-btn {
294
+ border-bottom-color: #000;
295
+ border-right-color: #000;
296
+ }
297
+ .e-split-btn-wrapper.e-vertical .e-split-btn.e-inherit, .e-split-btn-wrapper.e-vertical .e-split-btn.e-inherit:focus, .e-split-btn-wrapper.e-vertical .e-split-btn.e-inherit:active, .e-split-btn-wrapper.e-vertical .e-split-btn.e-inherit:disabled {
298
+ border-color: transparent;
299
+ }
300
+ .e-split-btn-wrapper.e-vertical .e-split-btn:focus {
301
+ border-bottom-color: #000;
302
+ border-right-color: #000;
303
+ }
304
+ .e-split-btn-wrapper.e-vertical .e-split-btn:active {
305
+ border-bottom-color: #400074;
306
+ border-right-color: #400074;
307
+ }
308
+ .e-split-btn-wrapper.e-vertical .e-split-btn:disabled {
309
+ border-bottom-color: #757575;
310
+ border-right-color: #757575;
311
+ }
312
+ .e-split-btn-wrapper.e-vertical:hover .e-split-btn {
313
+ border-bottom-color: #000;
314
+ border-right-color: #000;
315
+ }
316
+ .e-split-btn-wrapper.e-vertical:hover .e-split-btn.e-inherit, .e-split-btn-wrapper.e-vertical:hover .e-split-btn.e-inherit:disabled {
317
+ border-color: transparent;
318
+ }
319
+ .e-split-btn-wrapper.e-vertical:hover .e-split-btn:disabled {
320
+ border-bottom-color: #757575;
321
+ }
322
+ .e-split-btn-wrapper.e-vertical.e-rtl .e-split-btn {
323
+ border-left-color: #000;
324
+ }
325
+ .e-split-btn-wrapper.e-vertical.e-rtl .e-split-btn.e-inherit, .e-split-btn-wrapper.e-vertical.e-rtl .e-split-btn.e-inherit:focus, .e-split-btn-wrapper.e-vertical.e-rtl .e-split-btn.e-inherit:active, .e-split-btn-wrapper.e-vertical.e-rtl .e-split-btn.e-inherit:disabled {
326
+ border-color: transparent;
327
+ }
328
+ .e-split-btn-wrapper.e-vertical.e-rtl .e-split-btn:focus {
329
+ border-left-color: #000;
330
+ }
331
+ .e-split-btn-wrapper.e-vertical.e-rtl .e-split-btn:active {
332
+ border-left-color: #400074;
333
+ }
334
+ .e-split-btn-wrapper.e-vertical.e-rtl .e-split-btn:disabled {
335
+ border-left-color: #757575;
336
+ }
337
+ .e-split-btn-wrapper.e-vertical.e-rtl:hover .e-split-btn {
338
+ border-left-color: #000;
339
+ }
340
+ .e-split-btn-wrapper.e-vertical.e-rtl:hover .e-split-btn.e-inherit {
341
+ border-color: transparent;
342
+ }
package/styles/split-button/highcontrast.css CHANGED
@@ -1 +1,342 @@
1
- @import '@syncfusion/ej2-splitbuttons/styles/split-button/highcontrast.css';
1
+ .e-split-btn-wrapper {
2
+ display: -webkit-inline-box;
3
+ display: -ms-inline-flexbox;
4
+ display: inline-flex;
5
+ white-space: nowrap;
6
+ width: -webkit-min-content;
7
+ width: -moz-min-content;
8
+ width: min-content;
9
+ }
10
+ .e-split-btn-wrapper .e-split-btn {
11
+ border-bottom-right-radius: 0;
12
+ border-top-right-radius: 0;
13
+ text-transform: none;
14
+ z-index: 1;
15
+ padding-left: 10px;
16
+ padding-right: 10px;
17
+ }
18
+ .e-split-btn-wrapper .e-split-btn:focus {
19
+ outline-offset: -4px;
20
+ }
21
+ .e-split-btn-wrapper .e-split-btn:hover {
22
+ -webkit-box-shadow: none;
23
+ box-shadow: none;
24
+ }
25
+ .e-split-btn-wrapper .e-split-btn:focus {
26
+ -webkit-box-shadow: none;
27
+ box-shadow: none;
28
+ }
29
+ .e-split-btn-wrapper .e-split-btn:active {
30
+ -webkit-box-shadow: none;
31
+ box-shadow: none;
32
+ z-index: 2;
33
+ }
34
+ .e-split-btn-wrapper .e-split-btn.e-top-icon-btn {
35
+ padding-bottom: 10px;
36
+ padding-top: 10px;
37
+ }
38
+ .e-split-btn-wrapper .e-split-btn .e-btn-icon {
39
+ font-size: 14px;
40
+ margin-left: 0;
41
+ padding-right: 8px;
42
+ width: auto;
43
+ }
44
+ .e-split-btn-wrapper .e-split-btn .e-icon-top {
45
+ padding-bottom: 4px;
46
+ padding-right: 0;
47
+ }
48
+ .e-split-btn-wrapper .e-split-btn.e-icon-btn {
49
+ padding-left: 8px;
50
+ padding-right: 8px;
51
+ }
52
+ .e-split-btn-wrapper .e-split-btn.e-icon-btn .e-btn-icon {
53
+ padding-right: 0;
54
+ }
55
+ .e-split-btn-wrapper .e-dropdown-btn {
56
+ border-bottom-left-radius: 0;
57
+ border-top-left-radius: 0;
58
+ margin-left: -1px;
59
+ padding-left: 4px;
60
+ padding-right: 4px;
61
+ }
62
+ .e-split-btn-wrapper .e-dropdown-btn:focus, .e-split-btn-wrapper .e-dropdown-btn:hover {
63
+ -webkit-box-shadow: none;
64
+ box-shadow: none;
65
+ }
66
+ .e-split-btn-wrapper .e-dropdown-btn:active {
67
+ -webkit-box-shadow: none;
68
+ box-shadow: none;
69
+ z-index: 2;
70
+ }
71
+ .e-split-btn-wrapper .e-dropdown-btn:disabled:focus, .e-split-btn-wrapper .e-dropdown-btn:disabled:hover, .e-split-btn-wrapper .e-dropdown-btn:disabled:active {
72
+ z-index: 0;
73
+ }
74
+ .e-split-btn-wrapper .e-dropdown-btn:focus {
75
+ outline-offset: -4px;
76
+ }
77
+ .e-split-btn-wrapper .e-btn {
78
+ -webkit-box-shadow: none;
79
+ box-shadow: none;
80
+ }
81
+ .e-split-btn-wrapper .e-btn:hover {
82
+ -webkit-box-shadow: none;
83
+ box-shadow: none;
84
+ }
85
+ .e-split-btn-wrapper .e-btn:focus {
86
+ -webkit-box-shadow: none;
87
+ box-shadow: none;
88
+ }
89
+ .e-split-btn-wrapper .e-btn:active {
90
+ -webkit-box-shadow: none;
91
+ box-shadow: none;
92
+ }
93
+ .e-split-btn-wrapper .e-btn:disabled {
94
+ -webkit-box-shadow: none;
95
+ box-shadow: none;
96
+ }
97
+ .e-split-btn-wrapper .e-btn.e-inherit:focus, .e-split-btn-wrapper .e-btn.e-inherit:active {
98
+ -webkit-box-shadow: none;
99
+ box-shadow: none;
100
+ }
101
+ .e-split-btn-wrapper.e-rtl .e-split-btn {
102
+ border-bottom-left-radius: 0;
103
+ border-bottom-right-radius: 0;
104
+ border-top-left-radius: 0;
105
+ border-top-right-radius: 0;
106
+ margin-left: -1px;
107
+ padding-left: 4px;
108
+ padding-right: 10px;
109
+ }
110
+ .e-split-btn-wrapper.e-rtl .e-split-btn .e-btn-icon {
111
+ margin-right: 0;
112
+ padding-left: 8px;
113
+ padding-right: 0;
114
+ }
115
+ .e-split-btn-wrapper.e-rtl .e-split-btn .e-icon-top {
116
+ padding-left: 0;
117
+ }
118
+ .e-split-btn-wrapper.e-rtl .e-split-btn.e-icon-btn {
119
+ padding-left: 8px;
120
+ padding-right: 8px;
121
+ }
122
+ .e-split-btn-wrapper.e-rtl .e-split-btn.e-icon-btn .e-btn-icon {
123
+ padding-left: 0;
124
+ }
125
+ .e-split-btn-wrapper.e-rtl .e-dropdown-btn {
126
+ border-bottom-left-radius: 0;
127
+ border-bottom-right-radius: 0;
128
+ border-top-left-radius: 0;
129
+ border-top-right-radius: 0;
130
+ margin-left: 0;
131
+ }
132
+ .e-split-btn-wrapper.e-vertical {
133
+ display: inline-block;
134
+ }
135
+ .e-split-btn-wrapper.e-vertical .e-split-btn,
136
+ .e-split-btn-wrapper.e-vertical .e-dropdown-btn {
137
+ display: block;
138
+ width: 100%;
139
+ }
140
+ .e-split-btn-wrapper.e-vertical .e-split-btn {
141
+ border-bottom-left-radius: 0;
142
+ border-top-right-radius: 0;
143
+ line-height: 1;
144
+ padding-bottom: 4px;
145
+ padding-right: 10px;
146
+ }
147
+ .e-split-btn-wrapper.e-vertical .e-split-btn .e-icon-top {
148
+ padding-bottom: 4px;
149
+ }
150
+ .e-split-btn-wrapper.e-vertical .e-dropdown-btn {
151
+ border-bottom-left-radius: 0;
152
+ border-top-right-radius: 0;
153
+ line-height: 0.213em;
154
+ margin-left: 0;
155
+ margin-top: -1px;
156
+ padding-bottom: 4px;
157
+ padding-top: 4px;
158
+ }
159
+ .e-split-btn-wrapper.e-vertical .e-dropdown-btn .e-icon-bottom {
160
+ padding-top: 0;
161
+ }
162
+ .e-split-btn-wrapper.e-vertical.e-rtl .e-split-btn {
163
+ border-bottom-right-radius: 0;
164
+ border-top-left-radius: 0;
165
+ margin-left: 0;
166
+ }
167
+ .e-split-btn-wrapper.e-vertical.e-rtl .e-dropdown-btn {
168
+ border-bottom-right-radius: 0;
169
+ border-top-left-radius: 0;
170
+ }
171
+
172
+ .e-bigger .e-split-btn-wrapper .e-split-btn,
173
+ .e-bigger.e-split-btn-wrapper .e-split-btn {
174
+ padding-left: 12px;
175
+ padding-right: 6px;
176
+ }
177
+ .e-bigger .e-split-btn-wrapper .e-split-btn.e-top-icon-btn,
178
+ .e-bigger.e-split-btn-wrapper .e-split-btn.e-top-icon-btn {
179
+ padding-bottom: 12px;
180
+ padding-top: 12px;
181
+ }
182
+ .e-bigger .e-split-btn-wrapper .e-split-btn .e-btn-icon,
183
+ .e-bigger.e-split-btn-wrapper .e-split-btn .e-btn-icon {
184
+ font-size: 16px;
185
+ margin-left: 0;
186
+ padding-right: 10px;
187
+ width: auto;
188
+ }
189
+ .e-bigger .e-split-btn-wrapper .e-split-btn .e-icon-top,
190
+ .e-bigger.e-split-btn-wrapper .e-split-btn .e-icon-top {
191
+ padding-bottom: 6px;
192
+ padding-right: 0;
193
+ }
194
+ .e-bigger .e-split-btn-wrapper .e-split-btn.e-icon-btn,
195
+ .e-bigger.e-split-btn-wrapper .e-split-btn.e-icon-btn {
196
+ padding-left: 11px;
197
+ padding-right: 11px;
198
+ }
199
+ .e-bigger .e-split-btn-wrapper .e-split-btn.e-icon-btn .e-btn-icon,
200
+ .e-bigger.e-split-btn-wrapper .e-split-btn.e-icon-btn .e-btn-icon {
201
+ padding-right: 0;
202
+ }
203
+ .e-bigger .e-split-btn-wrapper .e-dropdown-btn,
204
+ .e-bigger.e-split-btn-wrapper .e-dropdown-btn {
205
+ padding-left: 4px;
206
+ padding-right: 4px;
207
+ }
208
+ .e-bigger .e-split-btn-wrapper.e-rtl .e-split-btn,
209
+ .e-bigger.e-split-btn-wrapper.e-rtl .e-split-btn {
210
+ padding-left: 6px;
211
+ padding-right: 12px;
212
+ }
213
+ .e-bigger .e-split-btn-wrapper.e-rtl .e-split-btn .e-btn-icon,
214
+ .e-bigger.e-split-btn-wrapper.e-rtl .e-split-btn .e-btn-icon {
215
+ padding-left: 10px;
216
+ padding-right: 0;
217
+ }
218
+ .e-bigger .e-split-btn-wrapper.e-rtl .e-split-btn .e-icon-top,
219
+ .e-bigger.e-split-btn-wrapper.e-rtl .e-split-btn .e-icon-top {
220
+ padding-left: 0;
221
+ }
222
+ .e-bigger .e-split-btn-wrapper.e-rtl .e-split-btn.e-icon-btn,
223
+ .e-bigger.e-split-btn-wrapper.e-rtl .e-split-btn.e-icon-btn {
224
+ padding-left: 11px;
225
+ padding-right: 11px;
226
+ }
227
+ .e-bigger .e-split-btn-wrapper.e-rtl .e-split-btn.e-icon-btn .e-btn-icon,
228
+ .e-bigger.e-split-btn-wrapper.e-rtl .e-split-btn.e-icon-btn .e-btn-icon {
229
+ padding-left: 0;
230
+ }
231
+ .e-bigger .e-split-btn-wrapper.e-vertical .e-split-btn,
232
+ .e-bigger.e-split-btn-wrapper.e-vertical .e-split-btn {
233
+ padding-bottom: 6px;
234
+ padding-right: 12px;
235
+ }
236
+ .e-bigger .e-split-btn-wrapper.e-vertical .e-dropdown-btn,
237
+ .e-bigger.e-split-btn-wrapper.e-vertical .e-dropdown-btn {
238
+ padding-bottom: 4px;
239
+ padding-top: 4px;
240
+ }
241
+ .e-bigger .e-split-btn-wrapper.e-vertical .e-dropdown-btn .e-icon-bottom,
242
+ .e-bigger.e-split-btn-wrapper.e-vertical .e-dropdown-btn .e-icon-bottom {
243
+ padding-top: 0;
244
+ }
245
+
246
+ .e-split-btn-wrapper .e-split-btn {
247
+ border-right-color: #fff;
248
+ }
249
+ .e-split-btn-wrapper .e-split-btn:focus {
250
+ border-right-color: #fff;
251
+ }
252
+ .e-split-btn-wrapper .e-split-btn:active {
253
+ border-right-color: #ffd939;
254
+ }
255
+ .e-split-btn-wrapper .e-split-btn:disabled {
256
+ border-right-color: #000;
257
+ }
258
+ .e-split-btn-wrapper .e-split-btn.e-inherit {
259
+ border-color: transparent;
260
+ }
261
+ .e-split-btn-wrapper:hover :not(e-active) .e-split-btn {
262
+ border-right-color: #fff;
263
+ }
264
+ .e-split-btn-wrapper:hover :not(e-active) .e-split-btn:disabled {
265
+ border-right-color: #757575;
266
+ }
267
+ .e-split-btn-wrapper.e-rtl .e-split-btn {
268
+ border-left-color: #fff;
269
+ border-right-color: #fff;
270
+ }
271
+ .e-split-btn-wrapper.e-rtl .e-split-btn:focus {
272
+ border-left-color: #fff;
273
+ border-right-color: #fff;
274
+ }
275
+ .e-split-btn-wrapper.e-rtl .e-split-btn:active {
276
+ border-left-color: #ffd939;
277
+ border-right-color: #ffd939;
278
+ }
279
+ .e-split-btn-wrapper.e-rtl .e-split-btn:disabled {
280
+ border-left-color: #757575;
281
+ border-right-color: #757575;
282
+ }
283
+ .e-split-btn-wrapper.e-rtl .e-split-btn.e-inherit {
284
+ border-color: transparent;
285
+ }
286
+ .e-split-btn-wrapper.e-rtl:hover .e-split-btn :not(e-active) {
287
+ border-left-color: #fff;
288
+ border-right-color: #fff;
289
+ }
290
+ .e-split-btn-wrapper.e-rtl:hover .e-split-btn :not(e-active):disabled {
291
+ border-left-color: #757575;
292
+ }
293
+ .e-split-btn-wrapper.e-vertical .e-split-btn {
294
+ border-bottom-color: #fff;
295
+ border-right-color: #fff;
296
+ }
297
+ .e-split-btn-wrapper.e-vertical .e-split-btn.e-inherit, .e-split-btn-wrapper.e-vertical .e-split-btn.e-inherit:focus, .e-split-btn-wrapper.e-vertical .e-split-btn.e-inherit:active, .e-split-btn-wrapper.e-vertical .e-split-btn.e-inherit:disabled {
298
+ border-color: transparent;
299
+ }
300
+ .e-split-btn-wrapper.e-vertical .e-split-btn:focus {
301
+ border-bottom-color: #fff;
302
+ border-right-color: #fff;
303
+ }
304
+ .e-split-btn-wrapper.e-vertical .e-split-btn:active {
305
+ border-bottom-color: #ffd939;
306
+ border-right-color: #ffd939;
307
+ }
308
+ .e-split-btn-wrapper.e-vertical .e-split-btn:disabled {
309
+ border-bottom-color: #757575;
310
+ border-right-color: #757575;
311
+ }
312
+ .e-split-btn-wrapper.e-vertical:hover .e-split-btn {
313
+ border-bottom-color: #fff;
314
+ border-right-color: #fff;
315
+ }
316
+ .e-split-btn-wrapper.e-vertical:hover .e-split-btn.e-inherit, .e-split-btn-wrapper.e-vertical:hover .e-split-btn.e-inherit:disabled {
317
+ border-color: transparent;
318
+ }
319
+ .e-split-btn-wrapper.e-vertical:hover .e-split-btn:disabled {
320
+ border-bottom-color: #757575;
321
+ }
322
+ .e-split-btn-wrapper.e-vertical.e-rtl .e-split-btn {
323
+ border-left-color: #fff;
324
+ }
325
+ .e-split-btn-wrapper.e-vertical.e-rtl .e-split-btn.e-inherit, .e-split-btn-wrapper.e-vertical.e-rtl .e-split-btn.e-inherit:focus, .e-split-btn-wrapper.e-vertical.e-rtl .e-split-btn.e-inherit:active, .e-split-btn-wrapper.e-vertical.e-rtl .e-split-btn.e-inherit:disabled {
326
+ border-color: transparent;
327
+ }
328
+ .e-split-btn-wrapper.e-vertical.e-rtl .e-split-btn:focus {
329
+ border-left-color: #fff;
330
+ }
331
+ .e-split-btn-wrapper.e-vertical.e-rtl .e-split-btn:active {
332
+ border-left-color: #ffd939;
333
+ }
334
+ .e-split-btn-wrapper.e-vertical.e-rtl .e-split-btn:disabled {
335
+ border-left-color: #757575;
336
+ }
337
+ .e-split-btn-wrapper.e-vertical.e-rtl:hover .e-split-btn {
338
+ border-left-color: #fff;
339
+ }
340
+ .e-split-btn-wrapper.e-vertical.e-rtl:hover .e-split-btn.e-inherit {
341
+ border-color: transparent;
342
+ }