@syncfusion/ej2-splitbuttons 20.1.47 → 20.2.36

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