@syncfusion/ej2-vue-splitbuttons 19.4.48 → 20.1.55

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 (105) hide show
  1. package/CHANGELOG.md +1 -3
  2. package/README.md +1 -1
  3. package/dist/ej2-vue-splitbuttons.umd.min.js +29 -2
  4. package/dist/ej2-vue-splitbuttons.umd.min.js.map +1 -1
  5. package/dist/es6/ej2-vue-splitbuttons.es2015.js +117 -11
  6. package/dist/es6/ej2-vue-splitbuttons.es2015.js.map +1 -1
  7. package/dist/es6/ej2-vue-splitbuttons.es5.js +78 -9
  8. package/dist/es6/ej2-vue-splitbuttons.es5.js.map +1 -1
  9. package/dist/global/ej2-vue-splitbuttons.min.js +2 -2
  10. package/package.json +8 -8
  11. package/src/drop-down-button/dropdownbutton.component.d.ts +1 -0
  12. package/src/drop-down-button/dropdownbutton.component.js +10 -1
  13. package/src/drop-down-button/items.directive.d.ts +3 -1
  14. package/src/drop-down-button/items.directive.js +24 -2
  15. package/src/progress-button/progressbutton.component.d.ts +1 -0
  16. package/src/progress-button/progressbutton.component.js +10 -1
  17. package/src/split-button/items.directive.d.ts +3 -1
  18. package/src/split-button/items.directive.js +24 -2
  19. package/src/split-button/splitbutton.component.d.ts +1 -0
  20. package/src/split-button/splitbutton.component.js +10 -1
  21. package/styles/bootstrap-dark.css +49 -375
  22. package/styles/bootstrap.css +49 -370
  23. package/styles/bootstrap4.css +57 -379
  24. package/styles/bootstrap5-dark.css +84 -389
  25. package/styles/bootstrap5.css +82 -387
  26. package/styles/button-group/bootstrap-dark.css +1 -106
  27. package/styles/button-group/bootstrap.css +1 -100
  28. package/styles/button-group/bootstrap4.css +5 -111
  29. package/styles/button-group/bootstrap5-dark.css +3 -108
  30. package/styles/button-group/bootstrap5.css +1 -106
  31. package/styles/button-group/fabric-dark.css +1 -106
  32. package/styles/button-group/fabric.css +1 -106
  33. package/styles/button-group/fluent-dark.css +761 -0
  34. package/styles/button-group/fluent-dark.scss +1 -0
  35. package/styles/button-group/fluent.css +761 -0
  36. package/styles/button-group/fluent.scss +1 -0
  37. package/styles/button-group/highcontrast-light.css +1 -106
  38. package/styles/button-group/highcontrast.css +1 -118
  39. package/styles/button-group/material-dark.css +1 -106
  40. package/styles/button-group/material.css +1 -107
  41. package/styles/button-group/tailwind-dark.css +1 -102
  42. package/styles/button-group/tailwind.css +1 -102
  43. package/styles/drop-down-button/bootstrap-dark.css +2 -36
  44. package/styles/drop-down-button/bootstrap.css +2 -36
  45. package/styles/drop-down-button/bootstrap4.css +3 -36
  46. package/styles/drop-down-button/bootstrap5-dark.css +10 -43
  47. package/styles/drop-down-button/bootstrap5.css +10 -43
  48. package/styles/drop-down-button/fabric-dark.css +2 -36
  49. package/styles/drop-down-button/fabric.css +2 -36
  50. package/styles/drop-down-button/fluent-dark.css +213 -0
  51. package/styles/drop-down-button/fluent-dark.scss +1 -0
  52. package/styles/drop-down-button/fluent.css +213 -0
  53. package/styles/drop-down-button/fluent.scss +1 -0
  54. package/styles/drop-down-button/highcontrast-light.css +2 -36
  55. package/styles/drop-down-button/highcontrast.css +2 -36
  56. package/styles/drop-down-button/material-dark.css +2 -36
  57. package/styles/drop-down-button/material.css +2 -36
  58. package/styles/drop-down-button/tailwind-dark.css +9 -43
  59. package/styles/drop-down-button/tailwind.css +9 -43
  60. package/styles/fabric-dark.css +49 -375
  61. package/styles/fabric.css +49 -375
  62. package/styles/fluent-dark.css +1818 -0
  63. package/styles/fluent-dark.scss +4 -0
  64. package/styles/fluent.css +1818 -0
  65. package/styles/fluent.scss +4 -0
  66. package/styles/highcontrast-light.css +49 -375
  67. package/styles/highcontrast.css +49 -387
  68. package/styles/material-dark.css +49 -375
  69. package/styles/material.css +49 -376
  70. package/styles/progress-button/bootstrap-dark.css +48 -165
  71. package/styles/progress-button/bootstrap.css +48 -165
  72. package/styles/progress-button/bootstrap4.css +48 -165
  73. package/styles/progress-button/bootstrap5-dark.css +73 -174
  74. package/styles/progress-button/bootstrap5.css +73 -174
  75. package/styles/progress-button/fabric-dark.css +48 -165
  76. package/styles/progress-button/fabric.css +48 -165
  77. package/styles/progress-button/fluent-dark.css +544 -0
  78. package/styles/progress-button/fluent-dark.scss +1 -0
  79. package/styles/progress-button/fluent.css +544 -0
  80. package/styles/progress-button/fluent.scss +1 -0
  81. package/styles/progress-button/highcontrast-light.css +48 -165
  82. package/styles/progress-button/highcontrast.css +48 -165
  83. package/styles/progress-button/material-dark.css +48 -165
  84. package/styles/progress-button/material.css +48 -165
  85. package/styles/progress-button/tailwind-dark.css +68 -169
  86. package/styles/progress-button/tailwind.css +68 -169
  87. package/styles/split-button/bootstrap-dark.css +1 -71
  88. package/styles/split-button/bootstrap.css +1 -71
  89. package/styles/split-button/bootstrap4.css +4 -70
  90. package/styles/split-button/bootstrap5-dark.css +1 -67
  91. package/styles/split-button/bootstrap5.css +1 -67
  92. package/styles/split-button/fabric-dark.css +1 -71
  93. package/styles/split-button/fabric.css +1 -71
  94. package/styles/split-button/fluent-dark.css +297 -0
  95. package/styles/split-button/fluent-dark.scss +1 -0
  96. package/styles/split-button/fluent.css +297 -0
  97. package/styles/split-button/fluent.scss +1 -0
  98. package/styles/split-button/highcontrast-light.css +1 -71
  99. package/styles/split-button/highcontrast.css +1 -71
  100. package/styles/split-button/material-dark.css +1 -71
  101. package/styles/split-button/material.css +1 -71
  102. package/styles/split-button/tailwind-dark.css +10 -80
  103. package/styles/split-button/tailwind.css +10 -80
  104. package/styles/tailwind-dark.css +85 -392
  105. package/styles/tailwind.css +85 -392
package/styles/split-button/bootstrap5.css CHANGED
@@ -5,7 +5,6 @@
5
5
  white-space: nowrap;
6
6
  width: min-content;
7
7
  }
8
-
9
8
  .e-split-btn-wrapper .e-split-btn {
10
9
  border-bottom-right-radius: 0;
11
10
  border-top-right-radius: 0;
@@ -14,47 +13,38 @@
14
13
  padding-left: 10px;
15
14
  padding-right: 10px;
16
15
  }
17
-
18
16
  .e-split-btn-wrapper .e-split-btn:focus {
19
17
  outline-offset: 0;
20
18
  }
21
-
22
19
  .e-split-btn-wrapper .e-split-btn:focus {
23
20
  box-shadow: 0 0 0 4px rgba(130, 138, 145, 0.5);
24
21
  z-index: 2;
25
22
  }
26
-
27
23
  .e-split-btn-wrapper .e-split-btn:active {
28
24
  box-shadow: 0 0 0 4px rgba(130, 138, 145, 0.5);
29
25
  z-index: 2;
30
26
  }
31
-
32
27
  .e-split-btn-wrapper .e-split-btn.e-top-icon-btn {
33
28
  padding-bottom: 10px;
34
29
  padding-top: 10px;
35
30
  }
36
-
37
31
  .e-split-btn-wrapper .e-split-btn .e-btn-icon {
38
32
  font-size: 14px;
39
33
  margin-left: 0;
40
34
  padding-right: 8px;
41
35
  width: auto;
42
36
  }
43
-
44
37
  .e-split-btn-wrapper .e-split-btn .e-icon-top {
45
38
  padding-bottom: 4px;
46
39
  padding-right: 0;
47
40
  }
48
-
49
41
  .e-split-btn-wrapper .e-split-btn.e-icon-btn {
50
42
  padding-left: 10px;
51
43
  padding-right: 10px;
52
44
  }
53
-
54
45
  .e-split-btn-wrapper .e-split-btn.e-icon-btn .e-btn-icon {
55
46
  padding-right: 0;
56
47
  }
57
-
58
48
  .e-split-btn-wrapper .e-dropdown-btn {
59
49
  border-bottom-left-radius: 0;
60
50
  border-top-left-radius: 0;
@@ -63,34 +53,27 @@
63
53
  padding-right: 4px;
64
54
  z-index: 1;
65
55
  }
66
-
67
56
  .e-split-btn-wrapper .e-dropdown-btn:active {
68
57
  box-shadow: 0 0 0 4px rgba(130, 138, 145, 0.5);
69
58
  z-index: 2;
70
59
  }
71
-
72
60
  .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 {
73
61
  z-index: 0;
74
62
  }
75
-
76
63
  .e-split-btn-wrapper .e-dropdown-btn:focus {
77
64
  outline-offset: 0;
78
65
  }
79
-
80
66
  .e-split-btn-wrapper .e-btn:focus {
81
67
  box-shadow: 0 0 0 4px rgba(130, 138, 145, 0.5);
82
68
  z-index: 2;
83
69
  }
84
-
85
70
  .e-split-btn-wrapper .e-btn:active {
86
71
  box-shadow: 0 0 0 4px rgba(130, 138, 145, 0.5);
87
72
  z-index: 2;
88
73
  }
89
-
90
74
  .e-split-btn-wrapper .e-btn:disabled {
91
75
  box-shadow: none;
92
76
  }
93
-
94
77
  .e-split-btn-wrapper.e-rtl .e-split-btn {
95
78
  border-bottom-left-radius: 0;
96
79
  border-bottom-right-radius: 4px;
@@ -100,26 +83,21 @@
100
83
  padding-left: 4px;
101
84
  padding-right: 10px;
102
85
  }
103
-
104
86
  .e-split-btn-wrapper.e-rtl .e-split-btn .e-btn-icon {
105
87
  margin-right: 0;
106
88
  padding-left: 8px;
107
89
  padding-right: 0;
108
90
  }
109
-
110
91
  .e-split-btn-wrapper.e-rtl .e-split-btn .e-icon-top {
111
92
  padding-left: 0;
112
93
  }
113
-
114
94
  .e-split-btn-wrapper.e-rtl .e-split-btn.e-icon-btn {
115
95
  padding-left: 10px;
116
96
  padding-right: 10px;
117
97
  }
118
-
119
98
  .e-split-btn-wrapper.e-rtl .e-split-btn.e-icon-btn .e-btn-icon {
120
99
  padding-left: 0;
121
100
  }
122
-
123
101
  .e-split-btn-wrapper.e-rtl .e-dropdown-btn {
124
102
  border-bottom-left-radius: 4px;
125
103
  border-bottom-right-radius: 0;
@@ -127,17 +105,14 @@
127
105
  border-top-right-radius: 0;
128
106
  margin-left: 0;
129
107
  }
130
-
131
108
  .e-split-btn-wrapper.e-vertical {
132
109
  display: inline-block;
133
110
  }
134
-
135
111
  .e-split-btn-wrapper.e-vertical .e-split-btn,
136
112
  .e-split-btn-wrapper.e-vertical .e-dropdown-btn {
137
113
  display: block;
138
114
  width: 100%;
139
115
  }
140
-
141
116
  .e-split-btn-wrapper.e-vertical .e-split-btn {
142
117
  border-bottom-left-radius: 0;
143
118
  border-top-right-radius: 4px;
@@ -145,11 +120,9 @@
145
120
  padding-bottom: 4px;
146
121
  padding-right: 10px;
147
122
  }
148
-
149
123
  .e-split-btn-wrapper.e-vertical .e-split-btn .e-icon-top {
150
124
  padding-bottom: 4px;
151
125
  }
152
-
153
126
  .e-split-btn-wrapper.e-vertical .e-dropdown-btn {
154
127
  border-bottom-left-radius: 4px;
155
128
  border-top-right-radius: 0;
@@ -159,17 +132,14 @@
159
132
  padding-bottom: 4px;
160
133
  padding-top: 4px;
161
134
  }
162
-
163
135
  .e-split-btn-wrapper.e-vertical .e-dropdown-btn .e-icon-bottom {
164
136
  padding-top: 0;
165
137
  }
166
-
167
138
  .e-split-btn-wrapper.e-vertical.e-rtl .e-split-btn {
168
139
  border-bottom-right-radius: 0;
169
140
  border-top-left-radius: 4px;
170
141
  margin-left: 0;
171
142
  }
172
-
173
143
  .e-split-btn-wrapper.e-vertical.e-rtl .e-dropdown-btn {
174
144
  border-bottom-right-radius: 4px;
175
145
  border-top-left-radius: 0;
@@ -180,13 +150,11 @@
180
150
  padding-left: 12px;
181
151
  padding-right: 6px;
182
152
  }
183
-
184
153
  .e-bigger .e-split-btn-wrapper .e-split-btn.e-top-icon-btn,
185
154
  .e-bigger.e-split-btn-wrapper .e-split-btn.e-top-icon-btn {
186
155
  padding-bottom: 12px;
187
156
  padding-top: 12px;
188
157
  }
189
-
190
158
  .e-bigger .e-split-btn-wrapper .e-split-btn .e-btn-icon,
191
159
  .e-bigger.e-split-btn-wrapper .e-split-btn .e-btn-icon {
192
160
  font-size: 16px;
@@ -194,70 +162,58 @@
194
162
  padding-right: 10px;
195
163
  width: auto;
196
164
  }
197
-
198
165
  .e-bigger .e-split-btn-wrapper .e-split-btn .e-icon-top,
199
166
  .e-bigger.e-split-btn-wrapper .e-split-btn .e-icon-top {
200
167
  padding-bottom: 6px;
201
168
  padding-right: 0;
202
169
  }
203
-
204
170
  .e-bigger .e-split-btn-wrapper .e-split-btn.e-icon-btn,
205
171
  .e-bigger.e-split-btn-wrapper .e-split-btn.e-icon-btn {
206
172
  padding-left: 12px;
207
173
  padding-right: 12px;
208
174
  }
209
-
210
175
  .e-bigger .e-split-btn-wrapper .e-split-btn.e-icon-btn .e-btn-icon,
211
176
  .e-bigger.e-split-btn-wrapper .e-split-btn.e-icon-btn .e-btn-icon {
212
177
  padding-right: 0;
213
178
  }
214
-
215
179
  .e-bigger .e-split-btn-wrapper .e-dropdown-btn,
216
180
  .e-bigger.e-split-btn-wrapper .e-dropdown-btn {
217
181
  padding-left: 4px;
218
182
  padding-right: 4px;
219
183
  }
220
-
221
184
  .e-bigger .e-split-btn-wrapper.e-rtl .e-split-btn,
222
185
  .e-bigger.e-split-btn-wrapper.e-rtl .e-split-btn {
223
186
  padding-left: 6px;
224
187
  padding-right: 12px;
225
188
  }
226
-
227
189
  .e-bigger .e-split-btn-wrapper.e-rtl .e-split-btn .e-btn-icon,
228
190
  .e-bigger.e-split-btn-wrapper.e-rtl .e-split-btn .e-btn-icon {
229
191
  padding-left: 10px;
230
192
  padding-right: 0;
231
193
  }
232
-
233
194
  .e-bigger .e-split-btn-wrapper.e-rtl .e-split-btn .e-icon-top,
234
195
  .e-bigger.e-split-btn-wrapper.e-rtl .e-split-btn .e-icon-top {
235
196
  padding-left: 0;
236
197
  }
237
-
238
198
  .e-bigger .e-split-btn-wrapper.e-rtl .e-split-btn.e-icon-btn,
239
199
  .e-bigger.e-split-btn-wrapper.e-rtl .e-split-btn.e-icon-btn {
240
200
  padding-left: 12px;
241
201
  padding-right: 12px;
242
202
  }
243
-
244
203
  .e-bigger .e-split-btn-wrapper.e-rtl .e-split-btn.e-icon-btn .e-btn-icon,
245
204
  .e-bigger.e-split-btn-wrapper.e-rtl .e-split-btn.e-icon-btn .e-btn-icon {
246
205
  padding-left: 0;
247
206
  }
248
-
249
207
  .e-bigger .e-split-btn-wrapper.e-vertical .e-split-btn,
250
208
  .e-bigger.e-split-btn-wrapper.e-vertical .e-split-btn {
251
209
  padding-bottom: 6px;
252
210
  padding-right: 12px;
253
211
  }
254
-
255
212
  .e-bigger .e-split-btn-wrapper.e-vertical .e-dropdown-btn,
256
213
  .e-bigger.e-split-btn-wrapper.e-vertical .e-dropdown-btn {
257
214
  padding-bottom: 4px;
258
215
  padding-top: 4px;
259
216
  }
260
-
261
217
  .e-bigger .e-split-btn-wrapper.e-vertical .e-dropdown-btn .e-icon-bottom,
262
218
  .e-bigger.e-split-btn-wrapper.e-vertical .e-dropdown-btn .e-icon-bottom {
263
219
  padding-top: 0;
@@ -267,101 +223,79 @@
267
223
  .e-split-btn-wrapper .e-split-btn {
268
224
  border-right-color: #6c757d;
269
225
  }
270
-
271
226
  .e-split-btn-wrapper .e-split-btn:focus {
272
227
  border-right-color: #6c757d;
273
228
  }
274
-
275
229
  .e-split-btn-wrapper .e-split-btn:active {
276
230
  border-right-color: #565e64;
277
231
  }
278
-
279
232
  .e-split-btn-wrapper .e-split-btn:disabled {
280
233
  border-right-color: rgba(108, 117, 125, 0.65);
281
234
  }
282
-
283
235
  .e-split-btn-wrapper:hover :not(e-active) .e-split-btn {
284
236
  border-right-color: #6c757d;
285
237
  }
286
-
287
238
  .e-split-btn-wrapper:hover :not(e-active) .e-split-btn:disabled {
288
239
  border-right-color: rgba(108, 117, 125, 0.65);
289
240
  }
290
-
291
241
  .e-split-btn-wrapper.e-rtl .e-split-btn {
292
242
  border-left-color: #6c757d;
293
243
  border-right-color: #6c757d;
294
244
  }
295
-
296
245
  .e-split-btn-wrapper.e-rtl .e-split-btn:focus {
297
246
  border-left-color: #6c757d;
298
247
  border-right-color: #6c757d;
299
248
  }
300
-
301
249
  .e-split-btn-wrapper.e-rtl .e-split-btn:active {
302
250
  border-left-color: #565e64;
303
251
  border-right-color: #565e64;
304
252
  }
305
-
306
253
  .e-split-btn-wrapper.e-rtl .e-split-btn:disabled {
307
254
  border-left-color: rgba(108, 117, 125, 0.65);
308
255
  border-right-color: #6c757d;
309
256
  }
310
-
311
257
  .e-split-btn-wrapper.e-rtl:hover .e-split-btn :not(e-active) {
312
258
  border-left-color: #6c757d;
313
259
  border-right-color: #6c757d;
314
260
  }
315
-
316
261
  .e-split-btn-wrapper.e-rtl:hover .e-split-btn :not(e-active):disabled {
317
262
  border-left-color: rgba(108, 117, 125, 0.65);
318
263
  }
319
-
320
264
  .e-split-btn-wrapper.e-vertical .e-split-btn {
321
265
  border-bottom-color: #6c757d;
322
266
  border-right-color: #6c757d;
323
267
  }
324
-
325
268
  .e-split-btn-wrapper.e-vertical .e-split-btn:focus {
326
269
  border-bottom-color: #6c757d;
327
270
  border-right-color: #6c757d;
328
271
  }
329
-
330
272
  .e-split-btn-wrapper.e-vertical .e-split-btn:active {
331
273
  border-bottom-color: #565e64;
332
274
  border-right-color: #565e64;
333
275
  }
334
-
335
276
  .e-split-btn-wrapper.e-vertical .e-split-btn:disabled {
336
277
  border-bottom-color: rgba(108, 117, 125, 0.65);
337
278
  border-right-color: #6c757d;
338
279
  }
339
-
340
280
  .e-split-btn-wrapper.e-vertical:hover .e-split-btn {
341
281
  border-bottom-color: #6c757d;
342
282
  border-right-color: #6c757d;
343
283
  }
344
-
345
284
  .e-split-btn-wrapper.e-vertical:hover .e-split-btn:disabled {
346
285
  border-bottom-color: rgba(108, 117, 125, 0.65);
347
286
  }
348
-
349
287
  .e-split-btn-wrapper.e-vertical.e-rtl .e-split-btn {
350
288
  border-left-color: #6c757d;
351
289
  }
352
-
353
290
  .e-split-btn-wrapper.e-vertical.e-rtl .e-split-btn:focus {
354
291
  border-left-color: #6c757d;
355
292
  }
356
-
357
293
  .e-split-btn-wrapper.e-vertical.e-rtl .e-split-btn:active {
358
294
  border-left-color: #6c757d;
359
295
  }
360
-
361
296
  .e-split-btn-wrapper.e-vertical.e-rtl .e-split-btn:disabled {
362
297
  border-left-color: #6c757d;
363
298
  }
364
-
365
299
  .e-split-btn-wrapper.e-vertical.e-rtl:hover .e-split-btn {
366
300
  border-left-color: #6c757d;
367
- }
301
+ }
package/styles/split-button/fabric-dark.css CHANGED
@@ -5,7 +5,6 @@
5
5
  white-space: nowrap;
6
6
  width: min-content;
7
7
  }
8
-
9
8
  .e-split-btn-wrapper .e-split-btn {
10
9
  border-bottom-right-radius: 0;
11
10
  border-top-right-radius: 0;
@@ -14,50 +13,40 @@
14
13
  padding-left: 10px;
15
14
  padding-right: 10px;
16
15
  }
17
-
18
16
  .e-split-btn-wrapper .e-split-btn:focus {
19
17
  outline-offset: -4px;
20
18
  }
21
-
22
19
  .e-split-btn-wrapper .e-split-btn:hover {
23
20
  box-shadow: none;
24
21
  }
25
-
26
22
  .e-split-btn-wrapper .e-split-btn:focus {
27
23
  box-shadow: none;
28
24
  }
29
-
30
25
  .e-split-btn-wrapper .e-split-btn:active {
31
26
  box-shadow: none;
32
27
  z-index: 2;
33
28
  }
34
-
35
29
  .e-split-btn-wrapper .e-split-btn.e-top-icon-btn {
36
30
  padding-bottom: 10px;
37
31
  padding-top: 10px;
38
32
  }
39
-
40
33
  .e-split-btn-wrapper .e-split-btn .e-btn-icon {
41
34
  font-size: 14px;
42
35
  margin-left: 0;
43
36
  padding-right: 8px;
44
37
  width: auto;
45
38
  }
46
-
47
39
  .e-split-btn-wrapper .e-split-btn .e-icon-top {
48
40
  padding-bottom: 4px;
49
41
  padding-right: 0;
50
42
  }
51
-
52
43
  .e-split-btn-wrapper .e-split-btn.e-icon-btn {
53
44
  padding-left: 8px;
54
45
  padding-right: 8px;
55
46
  }
56
-
57
47
  .e-split-btn-wrapper .e-split-btn.e-icon-btn .e-btn-icon {
58
48
  padding-right: 0;
59
49
  }
60
-
61
50
  .e-split-btn-wrapper .e-dropdown-btn {
62
51
  border-bottom-left-radius: 0;
63
52
  border-top-left-radius: 0;
@@ -65,44 +54,34 @@
65
54
  padding-left: 4px;
66
55
  padding-right: 4px;
67
56
  }
68
-
69
57
  .e-split-btn-wrapper .e-dropdown-btn:focus, .e-split-btn-wrapper .e-dropdown-btn:hover {
70
58
  box-shadow: none;
71
59
  }
72
-
73
60
  .e-split-btn-wrapper .e-dropdown-btn:active {
74
61
  box-shadow: none;
75
62
  z-index: 2;
76
63
  }
77
-
78
64
  .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 {
79
65
  z-index: 0;
80
66
  }
81
-
82
67
  .e-split-btn-wrapper .e-dropdown-btn:focus {
83
68
  outline-offset: -4px;
84
69
  }
85
-
86
70
  .e-split-btn-wrapper .e-btn {
87
71
  box-shadow: none;
88
72
  }
89
-
90
73
  .e-split-btn-wrapper .e-btn:hover {
91
74
  box-shadow: none;
92
75
  }
93
-
94
76
  .e-split-btn-wrapper .e-btn:focus {
95
77
  box-shadow: none;
96
78
  }
97
-
98
79
  .e-split-btn-wrapper .e-btn:active {
99
80
  box-shadow: none;
100
81
  }
101
-
102
82
  .e-split-btn-wrapper .e-btn:disabled {
103
83
  box-shadow: none;
104
84
  }
105
-
106
85
  .e-split-btn-wrapper.e-rtl .e-split-btn {
107
86
  border-bottom-left-radius: 0;
108
87
  border-bottom-right-radius: 0;
@@ -112,26 +91,21 @@
112
91
  padding-left: 4px;
113
92
  padding-right: 10px;
114
93
  }
115
-
116
94
  .e-split-btn-wrapper.e-rtl .e-split-btn .e-btn-icon {
117
95
  margin-right: 0;
118
96
  padding-left: 8px;
119
97
  padding-right: 0;
120
98
  }
121
-
122
99
  .e-split-btn-wrapper.e-rtl .e-split-btn .e-icon-top {
123
100
  padding-left: 0;
124
101
  }
125
-
126
102
  .e-split-btn-wrapper.e-rtl .e-split-btn.e-icon-btn {
127
103
  padding-left: 8px;
128
104
  padding-right: 8px;
129
105
  }
130
-
131
106
  .e-split-btn-wrapper.e-rtl .e-split-btn.e-icon-btn .e-btn-icon {
132
107
  padding-left: 0;
133
108
  }
134
-
135
109
  .e-split-btn-wrapper.e-rtl .e-dropdown-btn {
136
110
  border-bottom-left-radius: 0;
137
111
  border-bottom-right-radius: 0;
@@ -139,17 +113,14 @@
139
113
  border-top-right-radius: 0;
140
114
  margin-left: 0;
141
115
  }
142
-
143
116
  .e-split-btn-wrapper.e-vertical {
144
117
  display: inline-block;
145
118
  }
146
-
147
119
  .e-split-btn-wrapper.e-vertical .e-split-btn,
148
120
  .e-split-btn-wrapper.e-vertical .e-dropdown-btn {
149
121
  display: block;
150
122
  width: 100%;
151
123
  }
152
-
153
124
  .e-split-btn-wrapper.e-vertical .e-split-btn {
154
125
  border-bottom-left-radius: 0;
155
126
  border-top-right-radius: 0;
@@ -157,11 +128,9 @@
157
128
  padding-bottom: 4px;
158
129
  padding-right: 10px;
159
130
  }
160
-
161
131
  .e-split-btn-wrapper.e-vertical .e-split-btn .e-icon-top {
162
132
  padding-bottom: 4px;
163
133
  }
164
-
165
134
  .e-split-btn-wrapper.e-vertical .e-dropdown-btn {
166
135
  border-bottom-left-radius: 0;
167
136
  border-top-right-radius: 0;
@@ -171,17 +140,14 @@
171
140
  padding-bottom: 4px;
172
141
  padding-top: 4px;
173
142
  }
174
-
175
143
  .e-split-btn-wrapper.e-vertical .e-dropdown-btn .e-icon-bottom {
176
144
  padding-top: 0;
177
145
  }
178
-
179
146
  .e-split-btn-wrapper.e-vertical.e-rtl .e-split-btn {
180
147
  border-bottom-right-radius: 0;
181
148
  border-top-left-radius: 0;
182
149
  margin-left: 0;
183
150
  }
184
-
185
151
  .e-split-btn-wrapper.e-vertical.e-rtl .e-dropdown-btn {
186
152
  border-bottom-right-radius: 0;
187
153
  border-top-left-radius: 0;
@@ -192,13 +158,11 @@
192
158
  padding-left: 12px;
193
159
  padding-right: 6px;
194
160
  }
195
-
196
161
  .e-bigger .e-split-btn-wrapper .e-split-btn.e-top-icon-btn,
197
162
  .e-bigger.e-split-btn-wrapper .e-split-btn.e-top-icon-btn {
198
163
  padding-bottom: 12px;
199
164
  padding-top: 12px;
200
165
  }
201
-
202
166
  .e-bigger .e-split-btn-wrapper .e-split-btn .e-btn-icon,
203
167
  .e-bigger.e-split-btn-wrapper .e-split-btn .e-btn-icon {
204
168
  font-size: 16px;
@@ -206,70 +170,58 @@
206
170
  padding-right: 10px;
207
171
  width: auto;
208
172
  }
209
-
210
173
  .e-bigger .e-split-btn-wrapper .e-split-btn .e-icon-top,
211
174
  .e-bigger.e-split-btn-wrapper .e-split-btn .e-icon-top {
212
175
  padding-bottom: 6px;
213
176
  padding-right: 0;
214
177
  }
215
-
216
178
  .e-bigger .e-split-btn-wrapper .e-split-btn.e-icon-btn,
217
179
  .e-bigger.e-split-btn-wrapper .e-split-btn.e-icon-btn {
218
180
  padding-left: 11px;
219
181
  padding-right: 11px;
220
182
  }
221
-
222
183
  .e-bigger .e-split-btn-wrapper .e-split-btn.e-icon-btn .e-btn-icon,
223
184
  .e-bigger.e-split-btn-wrapper .e-split-btn.e-icon-btn .e-btn-icon {
224
185
  padding-right: 0;
225
186
  }
226
-
227
187
  .e-bigger .e-split-btn-wrapper .e-dropdown-btn,
228
188
  .e-bigger.e-split-btn-wrapper .e-dropdown-btn {
229
189
  padding-left: 4px;
230
190
  padding-right: 4px;
231
191
  }
232
-
233
192
  .e-bigger .e-split-btn-wrapper.e-rtl .e-split-btn,
234
193
  .e-bigger.e-split-btn-wrapper.e-rtl .e-split-btn {
235
194
  padding-left: 6px;
236
195
  padding-right: 12px;
237
196
  }
238
-
239
197
  .e-bigger .e-split-btn-wrapper.e-rtl .e-split-btn .e-btn-icon,
240
198
  .e-bigger.e-split-btn-wrapper.e-rtl .e-split-btn .e-btn-icon {
241
199
  padding-left: 10px;
242
200
  padding-right: 0;
243
201
  }
244
-
245
202
  .e-bigger .e-split-btn-wrapper.e-rtl .e-split-btn .e-icon-top,
246
203
  .e-bigger.e-split-btn-wrapper.e-rtl .e-split-btn .e-icon-top {
247
204
  padding-left: 0;
248
205
  }
249
-
250
206
  .e-bigger .e-split-btn-wrapper.e-rtl .e-split-btn.e-icon-btn,
251
207
  .e-bigger.e-split-btn-wrapper.e-rtl .e-split-btn.e-icon-btn {
252
208
  padding-left: 11px;
253
209
  padding-right: 11px;
254
210
  }
255
-
256
211
  .e-bigger .e-split-btn-wrapper.e-rtl .e-split-btn.e-icon-btn .e-btn-icon,
257
212
  .e-bigger.e-split-btn-wrapper.e-rtl .e-split-btn.e-icon-btn .e-btn-icon {
258
213
  padding-left: 0;
259
214
  }
260
-
261
215
  .e-bigger .e-split-btn-wrapper.e-vertical .e-split-btn,
262
216
  .e-bigger.e-split-btn-wrapper.e-vertical .e-split-btn {
263
217
  padding-bottom: 6px;
264
218
  padding-right: 12px;
265
219
  }
266
-
267
220
  .e-bigger .e-split-btn-wrapper.e-vertical .e-dropdown-btn,
268
221
  .e-bigger.e-split-btn-wrapper.e-vertical .e-dropdown-btn {
269
222
  padding-bottom: 4px;
270
223
  padding-top: 4px;
271
224
  }
272
-
273
225
  .e-bigger .e-split-btn-wrapper.e-vertical .e-dropdown-btn .e-icon-bottom,
274
226
  .e-bigger.e-split-btn-wrapper.e-vertical .e-dropdown-btn .e-icon-bottom {
275
227
  padding-top: 0;
@@ -279,101 +231,79 @@
279
231
  .e-split-btn-wrapper .e-split-btn {
280
232
  border-right-color: transparent;
281
233
  }
282
-
283
234
  .e-split-btn-wrapper .e-split-btn:focus {
284
235
  border-right-color: #6f6c6c;
285
236
  }
286
-
287
237
  .e-split-btn-wrapper .e-split-btn:active {
288
238
  border-right-color: #6f6c6c;
289
239
  }
290
-
291
240
  .e-split-btn-wrapper .e-split-btn:disabled {
292
241
  border-right-color: #414040;
293
242
  }
294
-
295
243
  .e-split-btn-wrapper:hover :not(e-active) .e-split-btn {
296
244
  border-right-color: #6f6c6c;
297
245
  }
298
-
299
246
  .e-split-btn-wrapper:hover :not(e-active) .e-split-btn:disabled {
300
247
  border-right-color: #414040;
301
248
  }
302
-
303
249
  .e-split-btn-wrapper.e-rtl .e-split-btn {
304
250
  border-left-color: transparent;
305
251
  border-right-color: transparent;
306
252
  }
307
-
308
253
  .e-split-btn-wrapper.e-rtl .e-split-btn:focus {
309
254
  border-left-color: #6f6c6c;
310
255
  border-right-color: transparent;
311
256
  }
312
-
313
257
  .e-split-btn-wrapper.e-rtl .e-split-btn:active {
314
258
  border-left-color: #6f6c6c;
315
259
  border-right-color: #6f6c6c;
316
260
  }
317
-
318
261
  .e-split-btn-wrapper.e-rtl .e-split-btn:disabled {
319
262
  border-left-color: #414040;
320
263
  border-right-color: transparent;
321
264
  }
322
-
323
265
  .e-split-btn-wrapper.e-rtl:hover .e-split-btn :not(e-active) {
324
266
  border-left-color: #6f6c6c;
325
267
  border-right-color: #414040;
326
268
  }
327
-
328
269
  .e-split-btn-wrapper.e-rtl:hover .e-split-btn :not(e-active):disabled {
329
270
  border-left-color: #414040;
330
271
  }
331
-
332
272
  .e-split-btn-wrapper.e-vertical .e-split-btn {
333
273
  border-bottom-color: transparent;
334
274
  border-right-color: transparent;
335
275
  }
336
-
337
276
  .e-split-btn-wrapper.e-vertical .e-split-btn:focus {
338
277
  border-bottom-color: #6f6c6c;
339
278
  border-right-color: transparent;
340
279
  }
341
-
342
280
  .e-split-btn-wrapper.e-vertical .e-split-btn:active {
343
281
  border-bottom-color: #6f6c6c;
344
282
  border-right-color: #6f6c6c;
345
283
  }
346
-
347
284
  .e-split-btn-wrapper.e-vertical .e-split-btn:disabled {
348
285
  border-bottom-color: #414040;
349
286
  border-right-color: transparent;
350
287
  }
351
-
352
288
  .e-split-btn-wrapper.e-vertical:hover .e-split-btn {
353
289
  border-bottom-color: #6f6c6c;
354
290
  border-right-color: #414040;
355
291
  }
356
-
357
292
  .e-split-btn-wrapper.e-vertical:hover .e-split-btn:disabled {
358
293
  border-bottom-color: #414040;
359
294
  }
360
-
361
295
  .e-split-btn-wrapper.e-vertical.e-rtl .e-split-btn {
362
296
  border-left-color: transparent;
363
297
  }
364
-
365
298
  .e-split-btn-wrapper.e-vertical.e-rtl .e-split-btn:focus {
366
299
  border-left-color: transparent;
367
300
  }
368
-
369
301
  .e-split-btn-wrapper.e-vertical.e-rtl .e-split-btn:active {
370
302
  border-left-color: transparent;
371
303
  }
372
-
373
304
  .e-split-btn-wrapper.e-vertical.e-rtl .e-split-btn:disabled {
374
305
  border-left-color: transparent;
375
306
  }
376
-
377
307
  .e-split-btn-wrapper.e-vertical.e-rtl:hover .e-split-btn {
378
308
  border-left-color: transparent;
379
- }
309
+ }