@syncfusion/ej2-vue-splitbuttons 26.1.35 → 26.2.5

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 (92) hide show
  1. package/dist/ej2-vue-splitbuttons.umd.min.js +1 -1
  2. package/package.json +8 -8
  3. package/styles/bootstrap-dark.css +1 -1966
  4. package/styles/bootstrap.css +1 -2016
  5. package/styles/bootstrap4.css +1 -2004
  6. package/styles/bootstrap5-dark.css +1 -1946
  7. package/styles/bootstrap5.css +1 -1946
  8. package/styles/button-group/bootstrap-dark.css +1 -813
  9. package/styles/button-group/bootstrap.css +1 -787
  10. package/styles/button-group/bootstrap4.css +1 -786
  11. package/styles/button-group/bootstrap5-dark.css +1 -801
  12. package/styles/button-group/bootstrap5.css +1 -801
  13. package/styles/button-group/fabric-dark.css +1 -813
  14. package/styles/button-group/fabric.css +1 -819
  15. package/styles/button-group/fluent-dark.css +1 -825
  16. package/styles/button-group/fluent.css +1 -825
  17. package/styles/button-group/fluent2.css +1 -1849
  18. package/styles/button-group/highcontrast-light.css +1 -813
  19. package/styles/button-group/highcontrast.css +1 -864
  20. package/styles/button-group/material-dark.css +1 -820
  21. package/styles/button-group/material.css +1 -825
  22. package/styles/button-group/material3-dark.css +1 -1055
  23. package/styles/button-group/material3.css +1 -1167
  24. package/styles/button-group/tailwind-dark.css +1 -799
  25. package/styles/button-group/tailwind.css +1 -799
  26. package/styles/drop-down-button/bootstrap-dark.css +1 -244
  27. package/styles/drop-down-button/bootstrap.css +1 -244
  28. package/styles/drop-down-button/bootstrap4.css +1 -237
  29. package/styles/drop-down-button/bootstrap5-dark.css +1 -247
  30. package/styles/drop-down-button/bootstrap5.css +1 -247
  31. package/styles/drop-down-button/fabric-dark.css +1 -244
  32. package/styles/drop-down-button/fabric.css +1 -244
  33. package/styles/drop-down-button/fluent-dark.css +1 -245
  34. package/styles/drop-down-button/fluent.css +1 -245
  35. package/styles/drop-down-button/fluent2.css +1 -1308
  36. package/styles/drop-down-button/highcontrast-light.css +1 -244
  37. package/styles/drop-down-button/highcontrast.css +1 -245
  38. package/styles/drop-down-button/material-dark.css +1 -244
  39. package/styles/drop-down-button/material.css +1 -244
  40. package/styles/drop-down-button/material3-dark.css +1 -363
  41. package/styles/drop-down-button/material3.css +1 -475
  42. package/styles/drop-down-button/tailwind-dark.css +1 -254
  43. package/styles/drop-down-button/tailwind.css +1 -254
  44. package/styles/fabric-dark.css +1 -1966
  45. package/styles/fabric.css +1 -2046
  46. package/styles/fluent-dark.css +1 -2061
  47. package/styles/fluent.css +1 -2061
  48. package/styles/fluent2.css +1 -6175
  49. package/styles/highcontrast-light.css +1 -1966
  50. package/styles/highcontrast.css +1 -2018
  51. package/styles/material-dark.css +1 -1973
  52. package/styles/material.css +1 -2052
  53. package/styles/material3-dark.css +1 -2647
  54. package/styles/material3.css +1 -3087
  55. package/styles/progress-button/bootstrap-dark.css +1 -564
  56. package/styles/progress-button/bootstrap.css +1 -641
  57. package/styles/progress-button/bootstrap4.css +1 -644
  58. package/styles/progress-button/bootstrap5-dark.css +1 -564
  59. package/styles/progress-button/bootstrap5.css +1 -564
  60. package/styles/progress-button/fabric-dark.css +1 -564
  61. package/styles/progress-button/fabric.css +1 -641
  62. package/styles/progress-button/fluent-dark.css +1 -657
  63. package/styles/progress-button/fluent.css +1 -657
  64. package/styles/progress-button/fluent2.css +1 -1636
  65. package/styles/progress-button/highcontrast-light.css +1 -564
  66. package/styles/progress-button/highcontrast.css +1 -564
  67. package/styles/progress-button/material-dark.css +1 -564
  68. package/styles/progress-button/material.css +1 -641
  69. package/styles/progress-button/material3-dark.css +1 -730
  70. package/styles/progress-button/material3.css +1 -842
  71. package/styles/progress-button/tailwind-dark.css +1 -661
  72. package/styles/progress-button/tailwind.css +1 -661
  73. package/styles/split-button/bootstrap-dark.css +1 -342
  74. package/styles/split-button/bootstrap.css +1 -342
  75. package/styles/split-button/bootstrap4.css +1 -334
  76. package/styles/split-button/bootstrap5-dark.css +1 -331
  77. package/styles/split-button/bootstrap5.css +1 -331
  78. package/styles/split-button/fabric-dark.css +1 -342
  79. package/styles/split-button/fabric.css +1 -339
  80. package/styles/split-button/fluent-dark.css +1 -331
  81. package/styles/split-button/fluent.css +1 -331
  82. package/styles/split-button/fluent2.css +1 -1379
  83. package/styles/split-button/highcontrast-light.css +1 -342
  84. package/styles/split-button/highcontrast.css +1 -342
  85. package/styles/split-button/material-dark.css +1 -342
  86. package/styles/split-button/material.css +1 -339
  87. package/styles/split-button/material3-dark.css +1 -496
  88. package/styles/split-button/material3.css +1 -600
  89. package/styles/split-button/tailwind-dark.css +1 -356
  90. package/styles/split-button/tailwind.css +1 -356
  91. package/styles/tailwind-dark.css +1 -2072
  92. package/styles/tailwind.css +1 -2072
@@ -1,644 +1 @@
1
- /* stylelint-disable property-no-vendor-prefix */
2
- @-webkit-keyframes material-spinner-rotate {
3
- 0% {
4
- -webkit-transform: rotate(0);
5
- transform: rotate(0);
6
- }
7
- 100% {
8
- -webkit-transform: rotate(360deg);
9
- transform: rotate(360deg);
10
- }
11
- }
12
- @keyframes material-spinner-rotate {
13
- 0% {
14
- -webkit-transform: rotate(0);
15
- transform: rotate(0);
16
- }
17
- 100% {
18
- -webkit-transform: rotate(360deg);
19
- transform: rotate(360deg);
20
- }
21
- }
22
- @-webkit-keyframes fabric-spinner-rotate {
23
- 0% {
24
- -webkit-transform: rotate(0);
25
- transform: rotate(0);
26
- }
27
- 100% {
28
- -webkit-transform: rotate(360deg);
29
- transform: rotate(360deg);
30
- }
31
- }
32
- @keyframes fabric-spinner-rotate {
33
- 0% {
34
- -webkit-transform: rotate(0);
35
- transform: rotate(0);
36
- }
37
- 100% {
38
- -webkit-transform: rotate(360deg);
39
- transform: rotate(360deg);
40
- }
41
- }
42
- .e-progress-btn {
43
- position: relative;
44
- }
45
- .e-progress-btn .e-progress {
46
- height: 100%;
47
- left: 0;
48
- opacity: 0;
49
- position: absolute;
50
- top: 0;
51
- -webkit-transition: opacity 0.3s linear;
52
- transition: opacity 0.3s linear;
53
- }
54
- .e-progress-btn .e-spinner {
55
- -webkit-transition: all 0.3s linear;
56
- transition: all 0.3s linear;
57
- }
58
- .e-progress-btn .e-btn-content {
59
- display: inline-block;
60
- position: relative;
61
- z-index: 1;
62
- }
63
- .e-progress-btn.e-vertical .e-progress {
64
- bottom: 0;
65
- height: 0%;
66
- top: auto;
67
- width: 100%;
68
- }
69
- .e-progress-btn.e-progress-top .e-progress {
70
- height: 10%;
71
- }
72
- .e-progress-btn.e-progress-bottom .e-progress {
73
- bottom: -1px;
74
- height: 10%;
75
- top: auto;
76
- }
77
- .e-progress-btn.e-progress-active {
78
- overflow: hidden;
79
- pointer-events: none;
80
- }
81
- .e-progress-btn.e-progress-active .e-progress {
82
- opacity: 1;
83
- }
84
- .e-progress-btn.e-progress-active .e-animate-end {
85
- opacity: 0;
86
- }
87
- .e-progress-btn.e-spin-top, .e-progress-btn.e-spin-bottom {
88
- -webkit-transition: padding 0.3s linear;
89
- transition: padding 0.3s linear;
90
- }
91
- .e-progress-btn.e-progress-active:not(.e-hide-spinner).e-spin-top .e-btn-content,
92
- .e-progress-btn.e-progress-active:not(.e-hide-spinner).e-spin-top .e-spinner, .e-progress-btn.e-progress-active:not(.e-hide-spinner).e-spin-bottom .e-btn-content,
93
- .e-progress-btn.e-progress-active:not(.e-hide-spinner).e-spin-bottom .e-spinner {
94
- display: block;
95
- line-height: 1;
96
- }
97
- .e-progress-btn.e-progress-active:not(.e-hide-spinner).e-spin-center .e-spinner {
98
- display: -webkit-box;
99
- display: -ms-flexbox;
100
- display: flex;
101
- -webkit-box-pack: center;
102
- -ms-flex-pack: center;
103
- justify-content: center;
104
- }
105
- .e-progress-btn.e-progress-active:not(.e-hide-spinner).e-spin-left:not(.e-round) .e-spinner {
106
- padding-right: 12px;
107
- }
108
- .e-progress-btn.e-progress-active:not(.e-hide-spinner).e-spin-left:not(.e-round) .e-spinner .e-spinner-inner {
109
- top: -1px;
110
- }
111
- .e-progress-btn.e-progress-active:not(.e-hide-spinner).e-spin-left:not(.e-round).e-rtl .e-spinner {
112
- padding-left: 12px;
113
- padding-right: 0;
114
- }
115
- .e-progress-btn.e-progress-active:not(.e-hide-spinner).e-spin-right:not(.e-round) .e-spinner {
116
- padding-left: 12px;
117
- }
118
- .e-progress-btn.e-progress-active:not(.e-hide-spinner).e-spin-right:not(.e-round) .e-spinner .e-spinner-inner {
119
- top: -1px;
120
- }
121
- .e-progress-btn.e-progress-active:not(.e-hide-spinner).e-spin-right:not(.e-round).e-rtl .e-spinner {
122
- padding-left: 0;
123
- padding-right: 12px;
124
- }
125
- .e-progress-btn.e-progress-active:not(.e-hide-spinner).e-spin-top {
126
- padding-bottom: 16px;
127
- padding-top: 16px;
128
- }
129
- .e-progress-btn.e-progress-active:not(.e-hide-spinner).e-spin-top .e-spinner {
130
- padding-bottom: 12px;
131
- }
132
- .e-progress-btn.e-progress-active:not(.e-hide-spinner).e-spin-bottom {
133
- padding-bottom: 16px;
134
- padding-top: 16px;
135
- }
136
- .e-progress-btn.e-progress-active:not(.e-hide-spinner).e-spin-bottom .e-spinner {
137
- padding-top: 12px;
138
- }
139
- .e-progress-btn.e-progress-active:not(.e-hide-spinner).e-small.e-spin-left:not(.e-round) .e-spinner {
140
- padding-right: 10px;
141
- }
142
- .e-progress-btn.e-progress-active:not(.e-hide-spinner).e-small.e-spin-left:not(.e-round).e-rtl .e-spinner {
143
- padding-left: 10px;
144
- padding-right: 0;
145
- }
146
- .e-progress-btn.e-progress-active:not(.e-hide-spinner).e-small.e-spin-right:not(.e-round) .e-spinner {
147
- padding-left: 10px;
148
- }
149
- .e-progress-btn.e-progress-active:not(.e-hide-spinner).e-small.e-spin-right:not(.e-round).e-rtl .e-spinner {
150
- padding-left: 0;
151
- padding-right: 10px;
152
- }
153
- .e-progress-btn.e-progress-active:not(.e-hide-spinner).e-small.e-spin-top {
154
- padding-bottom: 14px;
155
- padding-top: 14px;
156
- }
157
- .e-progress-btn.e-progress-active:not(.e-hide-spinner).e-small.e-spin-top .e-spinner {
158
- padding-bottom: 10px;
159
- }
160
- .e-progress-btn.e-progress-active:not(.e-hide-spinner).e-small.e-spin-bottom {
161
- padding-bottom: 14px;
162
- padding-top: 14px;
163
- }
164
- .e-progress-btn.e-progress-active:not(.e-hide-spinner).e-small.e-spin-bottom .e-spinner {
165
- padding-top: 10px;
166
- }
167
- .e-progress-btn.e-round-corner {
168
- border-radius: 5em;
169
- outline: none;
170
- overflow: hidden;
171
- }
172
- .e-progress-btn.e-rtl .e-progress {
173
- left: auto;
174
- right: 0;
175
- }
176
- .e-progress-btn.e-rtl.e-vertical .e-progress {
177
- bottom: auto;
178
- top: 0;
179
- }
180
- .e-progress-btn .e-spinner-pane {
181
- height: auto;
182
- position: relative;
183
- width: auto;
184
- }
185
- .e-progress-btn .e-spinner-pane .e-spinner-inner {
186
- left: auto;
187
- position: relative;
188
- top: auto;
189
- -webkit-transform: none;
190
- transform: none;
191
- }
192
- .e-progress-btn .e-cont-animate {
193
- -webkit-box-align: center;
194
- -ms-flex-align: center;
195
- align-items: center;
196
- display: -webkit-inline-box;
197
- display: -ms-inline-flexbox;
198
- display: inline-flex;
199
- height: 100%;
200
- -webkit-box-pack: center;
201
- -ms-flex-pack: center;
202
- justify-content: center;
203
- left: 0;
204
- position: absolute;
205
- top: 0;
206
- width: 100%;
207
- }
208
- @-webkit-keyframes ProgressSlideLeft {
209
- from {
210
- left: 0%;
211
- opacity: 1;
212
- }
213
- to {
214
- left: -100%;
215
- opacity: 0;
216
- }
217
- }
218
- @keyframes ProgressSlideLeft {
219
- from {
220
- left: 0%;
221
- opacity: 1;
222
- }
223
- to {
224
- left: -100%;
225
- opacity: 0;
226
- }
227
- }
228
- @-webkit-keyframes ProgressSlideRight {
229
- from {
230
- left: 0%;
231
- opacity: 1;
232
- }
233
- to {
234
- left: 100%;
235
- opacity: 0;
236
- }
237
- }
238
- @keyframes ProgressSlideRight {
239
- from {
240
- left: 0%;
241
- opacity: 1;
242
- }
243
- to {
244
- left: 100%;
245
- opacity: 0;
246
- }
247
- }
248
- @-webkit-keyframes ProgressSlideUp {
249
- from {
250
- height: auto;
251
- opacity: 1;
252
- top: 0;
253
- }
254
- to {
255
- height: auto;
256
- opacity: 0;
257
- top: -100px;
258
- }
259
- }
260
- @keyframes ProgressSlideUp {
261
- from {
262
- height: auto;
263
- opacity: 1;
264
- top: 0;
265
- }
266
- to {
267
- height: auto;
268
- opacity: 0;
269
- top: -100px;
270
- }
271
- }
272
- @-webkit-keyframes ProgressSlideDown {
273
- from {
274
- height: auto;
275
- opacity: 1;
276
- top: 0;
277
- }
278
- to {
279
- height: auto;
280
- opacity: 0;
281
- top: 100px;
282
- }
283
- }
284
- @keyframes ProgressSlideDown {
285
- from {
286
- height: auto;
287
- opacity: 1;
288
- top: 0;
289
- }
290
- to {
291
- height: auto;
292
- opacity: 0;
293
- top: 100px;
294
- }
295
- }
296
- @-webkit-keyframes ProgressZoomIn {
297
- from {
298
- opacity: 1;
299
- -webkit-transform: translate(0, 0) scale(1);
300
- transform: translate(0, 0) scale(1);
301
- }
302
- to {
303
- opacity: 0;
304
- -webkit-transform: translate(0, 0) scale(3);
305
- transform: translate(0, 0) scale(3);
306
- }
307
- }
308
- @keyframes ProgressZoomIn {
309
- from {
310
- opacity: 1;
311
- -webkit-transform: translate(0, 0) scale(1);
312
- transform: translate(0, 0) scale(1);
313
- }
314
- to {
315
- opacity: 0;
316
- -webkit-transform: translate(0, 0) scale(3);
317
- transform: translate(0, 0) scale(3);
318
- }
319
- }
320
- @-webkit-keyframes ProgressZoomOut {
321
- from {
322
- -webkit-transform: translate(0, 0) scale(1);
323
- transform: translate(0, 0) scale(1);
324
- }
325
- to {
326
- -webkit-transform: translate(0, 0) scale(0);
327
- transform: translate(0, 0) scale(0);
328
- }
329
- }
330
- @keyframes ProgressZoomOut {
331
- from {
332
- -webkit-transform: translate(0, 0) scale(1);
333
- transform: translate(0, 0) scale(1);
334
- }
335
- to {
336
- -webkit-transform: translate(0, 0) scale(0);
337
- transform: translate(0, 0) scale(0);
338
- }
339
- }
340
-
341
- *.e-bigger .e-progress-btn.e-progress-active:not(.e-hide-spinner).e-spin-left:not(.e-round) .e-spinner,
342
- *.e-bigger.e-progress-btn.e-progress-active:not(.e-hide-spinner).e-spin-left:not(.e-round) .e-spinner {
343
- padding-right: 14px;
344
- }
345
- *.e-bigger .e-progress-btn.e-progress-active:not(.e-hide-spinner).e-spin-left:not(.e-round).e-rtl .e-spinner,
346
- *.e-bigger.e-progress-btn.e-progress-active:not(.e-hide-spinner).e-spin-left:not(.e-round).e-rtl .e-spinner {
347
- padding-left: 14px;
348
- padding-right: 0;
349
- }
350
- *.e-bigger .e-progress-btn.e-progress-active:not(.e-hide-spinner).e-spin-right:not(.e-round) .e-spinner,
351
- *.e-bigger.e-progress-btn.e-progress-active:not(.e-hide-spinner).e-spin-right:not(.e-round) .e-spinner {
352
- padding-left: 14px;
353
- }
354
- *.e-bigger .e-progress-btn.e-progress-active:not(.e-hide-spinner).e-spin-right:not(.e-round).e-rtl .e-spinner,
355
- *.e-bigger.e-progress-btn.e-progress-active:not(.e-hide-spinner).e-spin-right:not(.e-round).e-rtl .e-spinner {
356
- padding-left: 0;
357
- padding-right: 14px;
358
- }
359
- *.e-bigger .e-progress-btn.e-progress-active:not(.e-hide-spinner).e-spin-top,
360
- *.e-bigger.e-progress-btn.e-progress-active:not(.e-hide-spinner).e-spin-top {
361
- padding-bottom: 20px;
362
- padding-top: 20px;
363
- }
364
- *.e-bigger .e-progress-btn.e-progress-active:not(.e-hide-spinner).e-spin-top .e-spinner,
365
- *.e-bigger.e-progress-btn.e-progress-active:not(.e-hide-spinner).e-spin-top .e-spinner {
366
- padding-bottom: 14px;
367
- }
368
- *.e-bigger .e-progress-btn.e-progress-active:not(.e-hide-spinner).e-spin-bottom,
369
- *.e-bigger.e-progress-btn.e-progress-active:not(.e-hide-spinner).e-spin-bottom {
370
- padding-bottom: 20px;
371
- padding-top: 20px;
372
- }
373
- *.e-bigger .e-progress-btn.e-progress-active:not(.e-hide-spinner).e-spin-bottom .e-spinner,
374
- *.e-bigger.e-progress-btn.e-progress-active:not(.e-hide-spinner).e-spin-bottom .e-spinner {
375
- padding-top: 14px;
376
- }
377
- *.e-bigger .e-progress-btn.e-progress-active:not(.e-hide-spinner).e-small.e-spin-left:not(.e-round) .e-spinner,
378
- *.e-bigger.e-progress-btn.e-progress-active:not(.e-hide-spinner).e-small.e-spin-left:not(.e-round) .e-spinner {
379
- padding-right: 12px;
380
- }
381
- *.e-bigger .e-progress-btn.e-progress-active:not(.e-hide-spinner).e-small.e-spin-left:not(.e-round).e-rtl .e-spinner,
382
- *.e-bigger.e-progress-btn.e-progress-active:not(.e-hide-spinner).e-small.e-spin-left:not(.e-round).e-rtl .e-spinner {
383
- padding-left: 12px;
384
- padding-right: 0;
385
- }
386
- *.e-bigger .e-progress-btn.e-progress-active:not(.e-hide-spinner).e-small.e-spin-right:not(.e-round) .e-spinner,
387
- *.e-bigger.e-progress-btn.e-progress-active:not(.e-hide-spinner).e-small.e-spin-right:not(.e-round) .e-spinner {
388
- padding-left: 12px;
389
- }
390
- *.e-bigger .e-progress-btn.e-progress-active:not(.e-hide-spinner).e-small.e-spin-right:not(.e-round).e-rtl .e-spinner,
391
- *.e-bigger.e-progress-btn.e-progress-active:not(.e-hide-spinner).e-small.e-spin-right:not(.e-round).e-rtl .e-spinner {
392
- padding-left: 0;
393
- padding-right: 12px;
394
- }
395
- *.e-bigger .e-progress-btn.e-progress-active:not(.e-hide-spinner).e-small.e-spin-top,
396
- *.e-bigger.e-progress-btn.e-progress-active:not(.e-hide-spinner).e-small.e-spin-top {
397
- padding-bottom: 16px;
398
- padding-top: 16px;
399
- }
400
- *.e-bigger .e-progress-btn.e-progress-active:not(.e-hide-spinner).e-small.e-spin-top .e-spinner,
401
- *.e-bigger.e-progress-btn.e-progress-active:not(.e-hide-spinner).e-small.e-spin-top .e-spinner {
402
- padding-bottom: 12px;
403
- }
404
- *.e-bigger .e-progress-btn.e-progress-active:not(.e-hide-spinner).e-small.e-spin-bottom,
405
- *.e-bigger.e-progress-btn.e-progress-active:not(.e-hide-spinner).e-small.e-spin-bottom {
406
- padding-bottom: 16px;
407
- padding-top: 16px;
408
- }
409
- *.e-bigger .e-progress-btn.e-progress-active:not(.e-hide-spinner).e-small.e-spin-bottom .e-spinner,
410
- *.e-bigger.e-progress-btn.e-progress-active:not(.e-hide-spinner).e-small.e-spin-bottom .e-spinner {
411
- padding-top: 12px;
412
- }
413
-
414
- /*! Progress Button Theme */
415
- .e-progress-btn .e-spinner-pane .e-spinner-inner svg {
416
- fill: #fff;
417
- stroke: #fff;
418
- }
419
- .e-progress-btn .e-spinner-pane .e-spinner-inner svg .e-path-circle {
420
- stroke-width: 1px;
421
- }
422
- .e-progress-btn .e-spinner-pane .e-spinner-inner svg .e-path-arc {
423
- stroke: #fff;
424
- }
425
- .e-progress-btn.e-primary .e-spinner-pane .e-spinner-inner svg, .e-progress-btn.e-primary.e-outline:hover .e-spinner-pane .e-spinner-inner svg, .e-progress-btn.e-primary.e-outline:focus .e-spinner-pane .e-spinner-inner svg, .e-progress-btn.e-primary.e-flat:hover .e-spinner-pane .e-spinner-inner svg, .e-progress-btn.e-primary.e-flat:focus .e-spinner-pane .e-spinner-inner svg {
426
- fill: #fff;
427
- stroke: #fff;
428
- }
429
- .e-progress-btn.e-primary .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-primary.e-outline:hover .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-primary.e-outline:focus .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-primary.e-flat:hover .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-primary.e-flat:focus .e-spinner-pane .e-spinner-inner svg .e-path-circle {
430
- stroke: white;
431
- }
432
- .e-progress-btn.e-primary .e-spinner-pane .e-spinner-inner svg .e-path-arc, .e-progress-btn.e-primary.e-outline:hover .e-spinner-pane .e-spinner-inner svg .e-path-arc, .e-progress-btn.e-primary.e-outline:focus .e-spinner-pane .e-spinner-inner svg .e-path-arc, .e-progress-btn.e-primary.e-flat:hover .e-spinner-pane .e-spinner-inner svg .e-path-arc, .e-progress-btn.e-primary.e-flat:focus .e-spinner-pane .e-spinner-inner svg .e-path-arc {
433
- stroke: #fff;
434
- }
435
- .e-progress-btn.e-primary.e-flat .e-spinner-pane .e-spinner-inner svg, .e-progress-btn.e-primary.e-outline:hover.e-flat .e-spinner-pane .e-spinner-inner svg, .e-progress-btn.e-primary.e-outline:focus.e-flat .e-spinner-pane .e-spinner-inner svg, .e-progress-btn.e-primary.e-flat:hover.e-flat .e-spinner-pane .e-spinner-inner svg, .e-progress-btn.e-primary.e-flat:focus.e-flat .e-spinner-pane .e-spinner-inner svg {
436
- fill: #fff;
437
- stroke: #fff;
438
- }
439
- .e-progress-btn.e-primary.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-primary.e-outline:hover.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-primary.e-outline:focus.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-primary.e-flat:hover.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-primary.e-flat:focus.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-circle {
440
- stroke: white;
441
- }
442
- .e-progress-btn.e-primary.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-arc, .e-progress-btn.e-primary.e-outline:hover.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-arc, .e-progress-btn.e-primary.e-outline:focus.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-arc, .e-progress-btn.e-primary.e-flat:hover.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-arc, .e-progress-btn.e-primary.e-flat:focus.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-arc {
443
- stroke: #fff;
444
- }
445
- .e-progress-btn.e-success .e-spinner-pane .e-spinner-inner svg, .e-progress-btn.e-success.e-outline:hover .e-spinner-pane .e-spinner-inner svg, .e-progress-btn.e-success.e-outline:focus .e-spinner-pane .e-spinner-inner svg, .e-progress-btn.e-success.e-flat:hover .e-spinner-pane .e-spinner-inner svg, .e-progress-btn.e-success.e-flat:focus .e-spinner-pane .e-spinner-inner svg {
446
- fill: #fff;
447
- stroke: #fff;
448
- }
449
- .e-progress-btn.e-success .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-success.e-outline:hover .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-success.e-outline:focus .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-success.e-flat:hover .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-success.e-flat:focus .e-spinner-pane .e-spinner-inner svg .e-path-circle {
450
- stroke: white;
451
- }
452
- .e-progress-btn.e-success .e-spinner-pane .e-spinner-inner svg .e-path-arc, .e-progress-btn.e-success.e-outline:hover .e-spinner-pane .e-spinner-inner svg .e-path-arc, .e-progress-btn.e-success.e-outline:focus .e-spinner-pane .e-spinner-inner svg .e-path-arc, .e-progress-btn.e-success.e-flat:hover .e-spinner-pane .e-spinner-inner svg .e-path-arc, .e-progress-btn.e-success.e-flat:focus .e-spinner-pane .e-spinner-inner svg .e-path-arc {
453
- stroke: #fff;
454
- }
455
- .e-progress-btn.e-success.e-flat .e-spinner-pane .e-spinner-inner svg, .e-progress-btn.e-success.e-outline:hover.e-flat .e-spinner-pane .e-spinner-inner svg, .e-progress-btn.e-success.e-outline:focus.e-flat .e-spinner-pane .e-spinner-inner svg, .e-progress-btn.e-success.e-flat:hover.e-flat .e-spinner-pane .e-spinner-inner svg, .e-progress-btn.e-success.e-flat:focus.e-flat .e-spinner-pane .e-spinner-inner svg {
456
- fill: #fff;
457
- stroke: #fff;
458
- }
459
- .e-progress-btn.e-success.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-success.e-outline:hover.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-success.e-outline:focus.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-success.e-flat:hover.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-success.e-flat:focus.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-circle {
460
- stroke: white;
461
- }
462
- .e-progress-btn.e-success.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-arc, .e-progress-btn.e-success.e-outline:hover.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-arc, .e-progress-btn.e-success.e-outline:focus.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-arc, .e-progress-btn.e-success.e-flat:hover.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-arc, .e-progress-btn.e-success.e-flat:focus.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-arc {
463
- stroke: #fff;
464
- }
465
- .e-progress-btn.e-info .e-spinner-pane .e-spinner-inner svg, .e-progress-btn.e-info.e-outline:hover .e-spinner-pane .e-spinner-inner svg, .e-progress-btn.e-info.e-outline:focus .e-spinner-pane .e-spinner-inner svg, .e-progress-btn.e-info.e-flat:hover .e-spinner-pane .e-spinner-inner svg, .e-progress-btn.e-info.e-flat:focus .e-spinner-pane .e-spinner-inner svg {
466
- fill: #fff;
467
- stroke: #fff;
468
- }
469
- .e-progress-btn.e-info .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-info.e-outline:hover .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-info.e-outline:focus .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-info.e-flat:hover .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-info.e-flat:focus .e-spinner-pane .e-spinner-inner svg .e-path-circle {
470
- stroke: white;
471
- }
472
- .e-progress-btn.e-info .e-spinner-pane .e-spinner-inner svg .e-path-arc, .e-progress-btn.e-info.e-outline:hover .e-spinner-pane .e-spinner-inner svg .e-path-arc, .e-progress-btn.e-info.e-outline:focus .e-spinner-pane .e-spinner-inner svg .e-path-arc, .e-progress-btn.e-info.e-flat:hover .e-spinner-pane .e-spinner-inner svg .e-path-arc, .e-progress-btn.e-info.e-flat:focus .e-spinner-pane .e-spinner-inner svg .e-path-arc {
473
- stroke: #fff;
474
- }
475
- .e-progress-btn.e-info.e-flat .e-spinner-pane .e-spinner-inner svg, .e-progress-btn.e-info.e-outline:hover.e-flat .e-spinner-pane .e-spinner-inner svg, .e-progress-btn.e-info.e-outline:focus.e-flat .e-spinner-pane .e-spinner-inner svg, .e-progress-btn.e-info.e-flat:hover.e-flat .e-spinner-pane .e-spinner-inner svg, .e-progress-btn.e-info.e-flat:focus.e-flat .e-spinner-pane .e-spinner-inner svg {
476
- fill: #fff;
477
- stroke: #fff;
478
- }
479
- .e-progress-btn.e-info.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-info.e-outline:hover.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-info.e-outline:focus.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-info.e-flat:hover.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-info.e-flat:focus.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-circle {
480
- stroke: white;
481
- }
482
- .e-progress-btn.e-info.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-arc, .e-progress-btn.e-info.e-outline:hover.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-arc, .e-progress-btn.e-info.e-outline:focus.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-arc, .e-progress-btn.e-info.e-flat:hover.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-arc, .e-progress-btn.e-info.e-flat:focus.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-arc {
483
- stroke: #fff;
484
- }
485
- .e-progress-btn.e-warning .e-spinner-pane .e-spinner-inner svg, .e-progress-btn.e-warning.e-outline:hover .e-spinner-pane .e-spinner-inner svg, .e-progress-btn.e-warning.e-outline:focus .e-spinner-pane .e-spinner-inner svg, .e-progress-btn.e-warning.e-flat:hover .e-spinner-pane .e-spinner-inner svg, .e-progress-btn.e-warning.e-flat:focus .e-spinner-pane .e-spinner-inner svg {
486
- fill: #212529;
487
- stroke: #212529;
488
- }
489
- .e-progress-btn.e-warning .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-warning.e-outline:hover .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-warning.e-outline:focus .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-warning.e-flat:hover .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-warning.e-flat:focus .e-spinner-pane .e-spinner-inner svg .e-path-circle {
490
- stroke: #212529;
491
- }
492
- .e-progress-btn.e-warning .e-spinner-pane .e-spinner-inner svg .e-path-arc, .e-progress-btn.e-warning.e-outline:hover .e-spinner-pane .e-spinner-inner svg .e-path-arc, .e-progress-btn.e-warning.e-outline:focus .e-spinner-pane .e-spinner-inner svg .e-path-arc, .e-progress-btn.e-warning.e-flat:hover .e-spinner-pane .e-spinner-inner svg .e-path-arc, .e-progress-btn.e-warning.e-flat:focus .e-spinner-pane .e-spinner-inner svg .e-path-arc {
493
- stroke: #212529;
494
- }
495
- .e-progress-btn.e-warning.e-flat .e-spinner-pane .e-spinner-inner svg, .e-progress-btn.e-warning.e-outline:hover.e-flat .e-spinner-pane .e-spinner-inner svg, .e-progress-btn.e-warning.e-outline:focus.e-flat .e-spinner-pane .e-spinner-inner svg, .e-progress-btn.e-warning.e-flat:hover.e-flat .e-spinner-pane .e-spinner-inner svg, .e-progress-btn.e-warning.e-flat:focus.e-flat .e-spinner-pane .e-spinner-inner svg {
496
- fill: #212529;
497
- stroke: #212529;
498
- }
499
- .e-progress-btn.e-warning.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-warning.e-outline:hover.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-warning.e-outline:focus.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-warning.e-flat:hover.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-warning.e-flat:focus.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-circle {
500
- stroke: #212529;
501
- }
502
- .e-progress-btn.e-warning.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-arc, .e-progress-btn.e-warning.e-outline:hover.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-arc, .e-progress-btn.e-warning.e-outline:focus.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-arc, .e-progress-btn.e-warning.e-flat:hover.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-arc, .e-progress-btn.e-warning.e-flat:focus.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-arc {
503
- stroke: #212529;
504
- }
505
- .e-progress-btn.e-danger .e-spinner-pane .e-spinner-inner svg, .e-progress-btn.e-danger.e-outline:hover .e-spinner-pane .e-spinner-inner svg, .e-progress-btn.e-danger.e-outline:focus .e-spinner-pane .e-spinner-inner svg, .e-progress-btn.e-danger.e-flat:hover .e-spinner-pane .e-spinner-inner svg, .e-progress-btn.e-danger.e-flat:focus .e-spinner-pane .e-spinner-inner svg {
506
- fill: #fff;
507
- stroke: #fff;
508
- }
509
- .e-progress-btn.e-danger .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-danger.e-outline:hover .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-danger.e-outline:focus .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-danger.e-flat:hover .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-danger.e-flat:focus .e-spinner-pane .e-spinner-inner svg .e-path-circle {
510
- stroke: white;
511
- }
512
- .e-progress-btn.e-danger .e-spinner-pane .e-spinner-inner svg .e-path-arc, .e-progress-btn.e-danger.e-outline:hover .e-spinner-pane .e-spinner-inner svg .e-path-arc, .e-progress-btn.e-danger.e-outline:focus .e-spinner-pane .e-spinner-inner svg .e-path-arc, .e-progress-btn.e-danger.e-flat:hover .e-spinner-pane .e-spinner-inner svg .e-path-arc, .e-progress-btn.e-danger.e-flat:focus .e-spinner-pane .e-spinner-inner svg .e-path-arc {
513
- stroke: #fff;
514
- }
515
- .e-progress-btn.e-danger.e-flat .e-spinner-pane .e-spinner-inner svg, .e-progress-btn.e-danger.e-outline:hover.e-flat .e-spinner-pane .e-spinner-inner svg, .e-progress-btn.e-danger.e-outline:focus.e-flat .e-spinner-pane .e-spinner-inner svg, .e-progress-btn.e-danger.e-flat:hover.e-flat .e-spinner-pane .e-spinner-inner svg, .e-progress-btn.e-danger.e-flat:focus.e-flat .e-spinner-pane .e-spinner-inner svg {
516
- fill: #fff;
517
- stroke: #fff;
518
- }
519
- .e-progress-btn.e-danger.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-danger.e-outline:hover.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-danger.e-outline:focus.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-danger.e-flat:hover.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-danger.e-flat:focus.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-circle {
520
- stroke: white;
521
- }
522
- .e-progress-btn.e-danger.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-arc, .e-progress-btn.e-danger.e-outline:hover.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-arc, .e-progress-btn.e-danger.e-outline:focus.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-arc, .e-progress-btn.e-danger.e-flat:hover.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-arc, .e-progress-btn.e-danger.e-flat:focus.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-arc {
523
- stroke: #fff;
524
- }
525
- .e-progress-btn.e-outline.e-primary .e-spinner-pane .e-spinner-inner svg, .e-progress-btn.e-flat.e-primary .e-spinner-pane .e-spinner-inner svg {
526
- fill: #007bff;
527
- stroke: #007bff;
528
- }
529
- .e-progress-btn.e-outline.e-primary .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-flat.e-primary .e-spinner-pane .e-spinner-inner svg .e-path-circle {
530
- stroke: #007bff;
531
- }
532
- .e-progress-btn.e-outline.e-primary .e-spinner-pane .e-spinner-inner svg .e-path-arc, .e-progress-btn.e-flat.e-primary .e-spinner-pane .e-spinner-inner svg .e-path-arc {
533
- stroke: #007bff;
534
- }
535
- .e-progress-btn.e-outline.e-success .e-spinner-pane .e-spinner-inner svg, .e-progress-btn.e-flat.e-success .e-spinner-pane .e-spinner-inner svg {
536
- fill: #28a745;
537
- stroke: #28a745;
538
- }
539
- .e-progress-btn.e-outline.e-success .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-flat.e-success .e-spinner-pane .e-spinner-inner svg .e-path-circle {
540
- stroke: #28a745;
541
- }
542
- .e-progress-btn.e-outline.e-success .e-spinner-pane .e-spinner-inner svg .e-path-arc, .e-progress-btn.e-flat.e-success .e-spinner-pane .e-spinner-inner svg .e-path-arc {
543
- stroke: #28a745;
544
- }
545
- .e-progress-btn.e-outline.e-info .e-spinner-pane .e-spinner-inner svg, .e-progress-btn.e-flat.e-info .e-spinner-pane .e-spinner-inner svg {
546
- fill: #17a2b8;
547
- stroke: #17a2b8;
548
- }
549
- .e-progress-btn.e-outline.e-info .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-flat.e-info .e-spinner-pane .e-spinner-inner svg .e-path-circle {
550
- stroke: #17a2b8;
551
- }
552
- .e-progress-btn.e-outline.e-info .e-spinner-pane .e-spinner-inner svg .e-path-arc, .e-progress-btn.e-flat.e-info .e-spinner-pane .e-spinner-inner svg .e-path-arc {
553
- stroke: #17a2b8;
554
- }
555
- .e-progress-btn.e-outline.e-warning .e-spinner-pane .e-spinner-inner svg, .e-progress-btn.e-flat.e-warning .e-spinner-pane .e-spinner-inner svg {
556
- fill: #ffc107;
557
- stroke: #ffc107;
558
- }
559
- .e-progress-btn.e-outline.e-warning .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-flat.e-warning .e-spinner-pane .e-spinner-inner svg .e-path-circle {
560
- stroke: #ffc107;
561
- }
562
- .e-progress-btn.e-outline.e-warning .e-spinner-pane .e-spinner-inner svg .e-path-arc, .e-progress-btn.e-flat.e-warning .e-spinner-pane .e-spinner-inner svg .e-path-arc {
563
- stroke: #ffc107;
564
- }
565
- .e-progress-btn.e-outline.e-danger .e-spinner-pane .e-spinner-inner svg, .e-progress-btn.e-flat.e-danger .e-spinner-pane .e-spinner-inner svg {
566
- fill: #dc3545;
567
- stroke: #dc3545;
568
- }
569
- .e-progress-btn.e-outline.e-danger .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-flat.e-danger .e-spinner-pane .e-spinner-inner svg .e-path-circle {
570
- stroke: #dc3545;
571
- }
572
- .e-progress-btn.e-outline.e-danger .e-spinner-pane .e-spinner-inner svg .e-path-arc, .e-progress-btn.e-flat.e-danger .e-spinner-pane .e-spinner-inner svg .e-path-arc {
573
- stroke: #dc3545;
574
- }
575
- .e-progress-btn.e-link .e-spinner-pane .e-spinner-inner svg {
576
- fill: #007bff;
577
- stroke: #007bff;
578
- }
579
- .e-progress-btn.e-link .e-spinner-pane .e-spinner-inner svg .e-path-circle {
580
- stroke: #007bff;
581
- }
582
- .e-progress-btn.e-link .e-spinner-pane .e-spinner-inner svg .e-path-arc {
583
- stroke: #007bff;
584
- }
585
-
586
- .e-progress {
587
- background: rgba(255, 255, 255, 0.25);
588
- }
589
-
590
- *.e-primary .e-progress,
591
- *.e-success .e-progress,
592
- *.e-danger .e-progress {
593
- background: rgba(255, 255, 255, 0.25);
594
- }
595
-
596
- *.e-info .e-progress {
597
- background: rgba(255, 255, 255, 0.25);
598
- }
599
-
600
- *.e-flat.e-primary .e-progress {
601
- background: rgba(255, 255, 255, 0.2);
602
- }
603
- *.e-flat.e-success .e-progress {
604
- background: rgba(255, 255, 255, 0.2);
605
- }
606
- *.e-flat.e-info .e-progress {
607
- background: rgba(255, 255, 255, 0.2);
608
- }
609
- *.e-flat.e-warning .e-progress {
610
- background: rgba(33, 37, 41, 0.2);
611
- }
612
- *.e-flat.e-danger .e-progress {
613
- background: rgba(255, 255, 255, 0.2);
614
- }
615
-
616
- *.e-outline:not(:focus).e-primary .e-progress {
617
- background: rgba(0, 123, 255, 0.2);
618
- }
619
- *.e-outline:not(:focus).e-success .e-progress {
620
- background: rgba(40, 167, 69, 0.2);
621
- }
622
- *.e-outline:not(:focus).e-info .e-progress {
623
- background: rgba(23, 162, 184, 0.2);
624
- }
625
- *.e-outline:not(:focus).e-warning .e-progress {
626
- background: rgba(255, 193, 7, 0.2);
627
- }
628
- *.e-outline:not(:focus).e-danger .e-progress {
629
- background: rgba(220, 53, 69, 0.2);
630
- }
631
-
632
- .e-progress-btn.e-outline .e-spinner-pane .e-spinner-inner svg {
633
- fill: #6c757d;
634
- stroke: #6c757d;
635
- }
636
-
637
- .e-progress-btn.e-outline:focus .e-spinner-pane .e-spinner-inner svg {
638
- fill: #fff;
639
- stroke: #fff;
640
- }
641
-
642
- .e-progress-btn.e-outline.e-success .e-spinner-pane .e-spinner-inner svg .e-path-arc {
643
- stroke: #6c757d;
644
- }
1
+ @import '@syncfusion/ej2-splitbuttons/styles/progress-button/bootstrap4.css';