@syncfusion/ej2-angular-splitbuttons 25.2.4 → 26.1.35

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