@syncfusion/ej2-splitbuttons 25.2.3 → 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 (177) hide show
  1. package/.eslintrc.json +3 -2
  2. package/dist/ej2-splitbuttons.min.js +2 -2
  3. package/dist/ej2-splitbuttons.umd.min.js +2 -2
  4. package/dist/ej2-splitbuttons.umd.min.js.map +1 -1
  5. package/dist/es6/ej2-splitbuttons.es2015.js +29 -48
  6. package/dist/es6/ej2-splitbuttons.es2015.js.map +1 -1
  7. package/dist/es6/ej2-splitbuttons.es5.js +30 -45
  8. package/dist/es6/ej2-splitbuttons.es5.js.map +1 -1
  9. package/dist/global/ej2-splitbuttons.min.js +2 -2
  10. package/dist/global/ej2-splitbuttons.min.js.map +1 -1
  11. package/dist/global/index.d.ts +1 -1
  12. package/package.json +8 -8
  13. package/src/drop-down-button/drop-down-button.js +6 -1
  14. package/src/progress-button/progress-button.js +3 -3
  15. package/src/split-button/split-button.js +2 -1
  16. package/styles/bootstrap-dark.css +302 -110
  17. package/styles/bootstrap-dark.scss +14 -4
  18. package/styles/bootstrap.css +302 -110
  19. package/styles/bootstrap.scss +14 -4
  20. package/styles/bootstrap4.css +266 -93
  21. package/styles/bootstrap4.scss +14 -4
  22. package/styles/bootstrap5-dark.css +266 -187
  23. package/styles/bootstrap5-dark.scss +14 -4
  24. package/styles/bootstrap5.css +266 -187
  25. package/styles/bootstrap5.scss +14 -4
  26. package/styles/button-group/_bootstrap-dark-definition.scss +0 -2
  27. package/styles/button-group/_bootstrap5.3-definition.scss +31 -0
  28. package/styles/button-group/_fabric-dark-definition.scss +0 -2
  29. package/styles/button-group/_fluent2-definition.scss +31 -0
  30. package/styles/button-group/_group-button-mixin.scss +21 -0
  31. package/styles/button-group/_highcontrast-light-definition.scss +0 -2
  32. package/styles/button-group/_layout.scss +5 -13
  33. package/styles/button-group/_material-dark-definition.scss +0 -2
  34. package/styles/button-group/_theme.scss +32 -85
  35. package/styles/button-group/bootstrap-dark.css +132 -70
  36. package/styles/button-group/bootstrap.css +132 -70
  37. package/styles/button-group/bootstrap4.css +108 -59
  38. package/styles/button-group/bootstrap5-dark.css +108 -59
  39. package/styles/button-group/bootstrap5.css +108 -59
  40. package/styles/button-group/fabric-dark.css +132 -70
  41. package/styles/button-group/fabric.css +137 -75
  42. package/styles/button-group/fluent-dark.css +148 -78
  43. package/styles/button-group/fluent.css +148 -78
  44. package/styles/button-group/fluent2.css +1849 -0
  45. package/styles/button-group/fluent2.scss +4 -0
  46. package/styles/button-group/highcontrast-light.css +132 -70
  47. package/styles/button-group/highcontrast.css +132 -70
  48. package/styles/button-group/material-dark.css +146 -77
  49. package/styles/button-group/material.css +148 -78
  50. package/styles/button-group/material3-dark.css +190 -90
  51. package/styles/button-group/material3.css +190 -90
  52. package/styles/button-group/tailwind-dark.css +130 -70
  53. package/styles/button-group/tailwind.css +130 -70
  54. package/styles/drop-down-button/_bds-definition.scss +5 -5
  55. package/styles/drop-down-button/_bootstrap-dark-definition.scss +0 -3
  56. package/styles/drop-down-button/_bootstrap5-definition.scss +0 -1
  57. package/styles/drop-down-button/_bootstrap5.3-definition.scss +49 -0
  58. package/styles/drop-down-button/_fabric-dark-definition.scss +0 -3
  59. package/styles/drop-down-button/_fluent-definition.scss +0 -1
  60. package/styles/drop-down-button/_fluent2-definition.scss +48 -0
  61. package/styles/drop-down-button/_fusionnew-definition.scss +0 -1
  62. package/styles/drop-down-button/_highcontrast-light-definition.scss +0 -3
  63. package/styles/drop-down-button/_layout.scss +51 -6
  64. package/styles/drop-down-button/_material-dark-definition.scss +0 -3
  65. package/styles/drop-down-button/_material3-definition.scss +0 -1
  66. package/styles/drop-down-button/_tailwind-definition.scss +0 -1
  67. package/styles/drop-down-button/_theme.scss +8 -8
  68. package/styles/drop-down-button/bootstrap-dark.css +27 -14
  69. package/styles/drop-down-button/bootstrap.css +27 -14
  70. package/styles/drop-down-button/bootstrap4.css +23 -12
  71. package/styles/drop-down-button/bootstrap5-dark.css +23 -12
  72. package/styles/drop-down-button/bootstrap5.css +23 -12
  73. package/styles/drop-down-button/fabric-dark.css +27 -14
  74. package/styles/drop-down-button/fabric.css +27 -14
  75. package/styles/drop-down-button/fluent-dark.css +27 -14
  76. package/styles/drop-down-button/fluent.css +27 -14
  77. package/styles/drop-down-button/fluent2.css +1308 -0
  78. package/styles/drop-down-button/fluent2.scss +6 -0
  79. package/styles/drop-down-button/highcontrast-light.css +27 -14
  80. package/styles/drop-down-button/highcontrast.css +27 -14
  81. package/styles/drop-down-button/icons/_bootstrap5.3.scss +10 -0
  82. package/styles/drop-down-button/icons/_fluent2.scss +10 -0
  83. package/styles/drop-down-button/material-dark.css +27 -14
  84. package/styles/drop-down-button/material.css +27 -14
  85. package/styles/drop-down-button/material3-dark.css +33 -17
  86. package/styles/drop-down-button/material3.css +33 -17
  87. package/styles/drop-down-button/tailwind-dark.css +27 -14
  88. package/styles/drop-down-button/tailwind.css +27 -14
  89. package/styles/fabric-dark.css +302 -110
  90. package/styles/fabric-dark.scss +14 -4
  91. package/styles/fabric.css +307 -115
  92. package/styles/fabric.scss +14 -4
  93. package/styles/fluent-dark.css +310 -115
  94. package/styles/fluent-dark.scss +14 -4
  95. package/styles/fluent.css +310 -115
  96. package/styles/fluent.scss +14 -4
  97. package/styles/fluent2.css +3072 -0
  98. package/styles/fluent2.scss +14 -0
  99. package/styles/highcontrast-light.css +302 -110
  100. package/styles/highcontrast-light.scss +14 -4
  101. package/styles/highcontrast.css +302 -110
  102. package/styles/highcontrast.scss +14 -4
  103. package/styles/material-dark.css +316 -117
  104. package/styles/material-dark.scss +14 -4
  105. package/styles/material.css +318 -118
  106. package/styles/material.scss +14 -4
  107. package/styles/material3-dark.css +396 -147
  108. package/styles/material3-dark.scss +14 -4
  109. package/styles/material3.css +392 -145
  110. package/styles/material3.scss +14 -4
  111. package/styles/progress-button/_bootstrap-dark-definition.scss +0 -3
  112. package/styles/progress-button/_bootstrap5-definition.scss +0 -1
  113. package/styles/progress-button/_bootstrap5.3-definition.scss +20 -0
  114. package/styles/progress-button/_fabric-dark-definition.scss +0 -3
  115. package/styles/progress-button/_fluent-definition.scss +0 -1
  116. package/styles/progress-button/_fluent2-definition.scss +26 -0
  117. package/styles/progress-button/_fusionnew-definition.scss +0 -1
  118. package/styles/progress-button/_layout.scss +0 -2
  119. package/styles/progress-button/_material-dark-definition.scss +0 -3
  120. package/styles/progress-button/_material3-definition.scss +0 -1
  121. package/styles/progress-button/_tailwind-definition.scss +0 -1
  122. package/styles/progress-button/_theme.scss +115 -50
  123. package/styles/progress-button/bootstrap-dark.css +118 -13
  124. package/styles/progress-button/bootstrap.css +118 -13
  125. package/styles/progress-button/bootstrap4.css +118 -13
  126. package/styles/progress-button/bootstrap5-dark.css +118 -106
  127. package/styles/progress-button/bootstrap5.css +118 -106
  128. package/styles/progress-button/fabric-dark.css +118 -13
  129. package/styles/progress-button/fabric.css +118 -13
  130. package/styles/progress-button/fluent-dark.css +118 -13
  131. package/styles/progress-button/fluent.css +118 -13
  132. package/styles/progress-button/fluent2.css +1636 -0
  133. package/styles/progress-button/fluent2.scss +5 -0
  134. package/styles/progress-button/highcontrast-light.css +118 -13
  135. package/styles/progress-button/highcontrast.css +118 -13
  136. package/styles/progress-button/material-dark.css +118 -13
  137. package/styles/progress-button/material.css +118 -13
  138. package/styles/progress-button/material3-dark.css +119 -14
  139. package/styles/progress-button/material3.css +119 -14
  140. package/styles/progress-button/tailwind-dark.css +118 -13
  141. package/styles/progress-button/tailwind.css +118 -13
  142. package/styles/split-button/_bds-definition.scss +0 -1
  143. package/styles/split-button/_bootstrap-dark-definition.scss +0 -3
  144. package/styles/split-button/_bootstrap4-definition.scss +0 -3
  145. package/styles/split-button/_bootstrap5-definition.scss +0 -1
  146. package/styles/split-button/_bootstrap5.3-definition.scss +23 -0
  147. package/styles/split-button/_fabric-dark-definition.scss +0 -3
  148. package/styles/split-button/_fluent-definition.scss +0 -1
  149. package/styles/split-button/_fluent2-definition.scss +23 -0
  150. package/styles/split-button/_fusionnew-definition.scss +0 -1
  151. package/styles/split-button/_highcontrast-light-definition.scss +0 -3
  152. package/styles/split-button/_layout.scss +16 -4
  153. package/styles/split-button/_theme.scss +0 -2
  154. package/styles/split-button/bootstrap-dark.css +25 -13
  155. package/styles/split-button/bootstrap.css +25 -13
  156. package/styles/split-button/bootstrap4.css +17 -9
  157. package/styles/split-button/bootstrap5-dark.css +17 -9
  158. package/styles/split-button/bootstrap5.css +17 -9
  159. package/styles/split-button/fabric-dark.css +25 -13
  160. package/styles/split-button/fabric.css +25 -13
  161. package/styles/split-button/fluent-dark.css +17 -9
  162. package/styles/split-button/fluent.css +17 -9
  163. package/styles/split-button/fluent2.css +1379 -0
  164. package/styles/split-button/fluent2.scss +6 -0
  165. package/styles/split-button/highcontrast-light.css +25 -13
  166. package/styles/split-button/highcontrast.css +25 -13
  167. package/styles/split-button/material-dark.css +25 -13
  168. package/styles/split-button/material.css +25 -13
  169. package/styles/split-button/material3-dark.css +57 -28
  170. package/styles/split-button/material3.css +53 -26
  171. package/styles/split-button/tailwind-dark.css +25 -13
  172. package/styles/split-button/tailwind.css +25 -13
  173. package/styles/tailwind-dark.css +300 -111
  174. package/styles/tailwind-dark.scss +14 -4
  175. package/styles/tailwind.css +300 -111
  176. package/styles/tailwind.scss +14 -4
  177. package/CHANGELOG.md +0 -367
@@ -3,24 +3,27 @@
3
3
  content: "\e966";
4
4
  }
5
5
 
6
- /*! drop-down button layout */
7
6
  .e-dropdown-btn,
8
7
  .e-dropdown-btn.e-btn {
9
- box-shadow: none;
8
+ -webkit-box-shadow: none;
9
+ box-shadow: none;
10
10
  text-transform: none;
11
11
  white-space: normal;
12
12
  }
13
13
  .e-dropdown-btn:hover,
14
14
  .e-dropdown-btn.e-btn:hover {
15
- box-shadow: none;
15
+ -webkit-box-shadow: none;
16
+ box-shadow: none;
16
17
  }
17
18
  .e-dropdown-btn:focus,
18
19
  .e-dropdown-btn.e-btn:focus {
19
- box-shadow: none;
20
+ -webkit-box-shadow: none;
21
+ box-shadow: none;
20
22
  }
21
23
  .e-dropdown-btn:active,
22
24
  .e-dropdown-btn.e-btn:active {
23
- box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2);
25
+ -webkit-box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2);
26
+ box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2);
24
27
  }
25
28
  .e-dropdown-btn .e-btn-icon,
26
29
  .e-dropdown-btn.e-btn .e-btn-icon {
@@ -53,7 +56,6 @@
53
56
  line-height: 1;
54
57
  padding: 8px 20px;
55
58
  }
56
-
57
59
  .e-bigger .e-dropdown-btn .e-btn-icon,
58
60
  .e-bigger.e-dropdown-btn .e-btn-icon {
59
61
  font-size: 16px;
@@ -79,8 +81,10 @@
79
81
  .e-dropdown-popup ul {
80
82
  border: 1px solid #969696;
81
83
  border-radius: 0;
82
- box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
83
- box-sizing: border-box;
84
+ -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
85
+ box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
86
+ -webkit-box-sizing: border-box;
87
+ box-sizing: border-box;
84
88
  font-size: 14px;
85
89
  font-weight: normal;
86
90
  list-style-image: none;
@@ -91,18 +95,23 @@
91
95
  overflow: hidden;
92
96
  padding: 0;
93
97
  -webkit-user-select: none;
98
+ -moz-user-select: none;
94
99
  -ms-user-select: none;
95
100
  user-select: none;
96
101
  white-space: nowrap;
97
102
  }
98
103
  .e-dropdown-popup ul .e-item {
99
104
  cursor: pointer;
105
+ display: -webkit-box;
100
106
  display: -ms-flexbox;
101
107
  display: flex;
102
108
  height: 36px;
103
109
  line-height: 36px;
104
110
  padding: 0 10px;
105
111
  }
112
+ .e-dropdown-popup ul .e-item.e-separator {
113
+ padding: 0 !important; /* stylelint-disable-line declaration-no-important */
114
+ }
106
115
  .e-dropdown-popup ul .e-item.e-url {
107
116
  padding: 0;
108
117
  }
@@ -135,7 +144,8 @@
135
144
  }
136
145
  .e-dropdown-popup.e-transparent {
137
146
  background: transparent;
138
- box-shadow: none;
147
+ -webkit-box-shadow: none;
148
+ box-shadow: none;
139
149
  }
140
150
  .e-dropdown-popup.e-transparent .e-dropdown-menu {
141
151
  border: 0;
@@ -153,7 +163,8 @@
153
163
 
154
164
  *.e-bigger .e-dropdown-popup ul,
155
165
  *.e-bigger.e-dropdown-popup ul {
156
- box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
166
+ -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
167
+ box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
157
168
  font-size: 15px;
158
169
  max-width: 280px;
159
170
  min-width: 112px;
@@ -180,7 +191,6 @@
180
191
  line-height: normal;
181
192
  }
182
193
 
183
- /*! drop-down button theme */
184
194
  .e-dropdown-popup {
185
195
  background: #000;
186
196
  color: #fff;
@@ -193,7 +203,8 @@
193
203
  }
194
204
  .e-dropdown-popup ul .e-item.e-focused {
195
205
  background: transparent;
196
- box-shadow: 0 0 0 1px #fff inset;
206
+ -webkit-box-shadow: 0 0 0 1px #fff inset;
207
+ box-shadow: 0 0 0 1px #fff inset;
197
208
  }
198
209
  .e-dropdown-popup ul .e-item:hover {
199
210
  background: #685708;
@@ -217,7 +228,8 @@
217
228
  .e-dropdown-btn.e-btn.e-inherit {
218
229
  background: inherit;
219
230
  border-color: transparent;
220
- box-shadow: none;
231
+ -webkit-box-shadow: none;
232
+ box-shadow: none;
221
233
  color: inherit;
222
234
  }
223
235
  .e-dropdown-btn.e-inherit:hover, .e-dropdown-btn.e-inherit:focus, .e-dropdown-btn.e-inherit:active, .e-dropdown-btn.e-inherit.e-active,
@@ -227,15 +239,18 @@
227
239
  .e-dropdown-btn.e-btn.e-inherit.e-active {
228
240
  background: rgba(0, 0, 0, 0.056);
229
241
  border-color: transparent;
230
- box-shadow: none;
242
+ -webkit-box-shadow: none;
243
+ box-shadow: none;
231
244
  color: inherit;
232
245
  }
233
246
 
234
- /*! splitbutton layout */
235
247
  .e-split-btn-wrapper {
248
+ display: -webkit-inline-box;
236
249
  display: -ms-inline-flexbox;
237
250
  display: inline-flex;
238
251
  white-space: nowrap;
252
+ width: -webkit-min-content;
253
+ width: -moz-min-content;
239
254
  width: min-content;
240
255
  }
241
256
  .e-split-btn-wrapper .e-split-btn {
@@ -250,13 +265,16 @@
250
265
  outline-offset: -4px;
251
266
  }
252
267
  .e-split-btn-wrapper .e-split-btn:hover {
253
- box-shadow: none;
268
+ -webkit-box-shadow: none;
269
+ box-shadow: none;
254
270
  }
255
271
  .e-split-btn-wrapper .e-split-btn:focus {
256
- box-shadow: none;
272
+ -webkit-box-shadow: none;
273
+ box-shadow: none;
257
274
  }
258
275
  .e-split-btn-wrapper .e-split-btn:active {
259
- box-shadow: none;
276
+ -webkit-box-shadow: none;
277
+ box-shadow: none;
260
278
  z-index: 2;
261
279
  }
262
280
  .e-split-btn-wrapper .e-split-btn.e-top-icon-btn {
@@ -288,10 +306,12 @@
288
306
  padding-right: 4px;
289
307
  }
290
308
  .e-split-btn-wrapper .e-dropdown-btn:focus, .e-split-btn-wrapper .e-dropdown-btn:hover {
291
- box-shadow: none;
309
+ -webkit-box-shadow: none;
310
+ box-shadow: none;
292
311
  }
293
312
  .e-split-btn-wrapper .e-dropdown-btn:active {
294
- box-shadow: none;
313
+ -webkit-box-shadow: none;
314
+ box-shadow: none;
295
315
  z-index: 2;
296
316
  }
297
317
  .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 {
@@ -301,22 +321,28 @@
301
321
  outline-offset: -4px;
302
322
  }
303
323
  .e-split-btn-wrapper .e-btn {
304
- box-shadow: none;
324
+ -webkit-box-shadow: none;
325
+ box-shadow: none;
305
326
  }
306
327
  .e-split-btn-wrapper .e-btn:hover {
307
- box-shadow: none;
328
+ -webkit-box-shadow: none;
329
+ box-shadow: none;
308
330
  }
309
331
  .e-split-btn-wrapper .e-btn:focus {
310
- box-shadow: none;
332
+ -webkit-box-shadow: none;
333
+ box-shadow: none;
311
334
  }
312
335
  .e-split-btn-wrapper .e-btn:active {
313
- box-shadow: none;
336
+ -webkit-box-shadow: none;
337
+ box-shadow: none;
314
338
  }
315
339
  .e-split-btn-wrapper .e-btn:disabled {
316
- box-shadow: none;
340
+ -webkit-box-shadow: none;
341
+ box-shadow: none;
317
342
  }
318
343
  .e-split-btn-wrapper .e-btn.e-inherit:focus, .e-split-btn-wrapper .e-btn.e-inherit:active {
319
- box-shadow: none;
344
+ -webkit-box-shadow: none;
345
+ box-shadow: none;
320
346
  }
321
347
  .e-split-btn-wrapper.e-rtl .e-split-btn {
322
348
  border-bottom-left-radius: 0;
@@ -463,7 +489,6 @@
463
489
  padding-top: 0;
464
490
  }
465
491
 
466
- /*! splitbutton theme */
467
492
  .e-split-btn-wrapper .e-split-btn {
468
493
  border-right-color: #fff;
469
494
  }
@@ -565,11 +590,14 @@
565
590
  /* stylelint-disable */
566
591
  *.e-btn-group,
567
592
  *.e-css.e-btn-group {
593
+ display: -webkit-inline-box;
568
594
  display: -ms-inline-flexbox;
569
595
  display: inline-flex;
570
596
  border-radius: 0;
571
- -ms-flex-direction: row;
572
- flex-direction: row;
597
+ -webkit-box-orient: horizontal;
598
+ -webkit-box-direction: normal;
599
+ -ms-flex-direction: row;
600
+ flex-direction: row;
573
601
  position: relative;
574
602
  }
575
603
  *.e-btn-group input + label.e-btn,
@@ -604,8 +632,9 @@
604
632
  *.e-css.e-btn-group:not(.e-rtl):not(.e-vertical) .e-btn:not(:first-of-type):not(:last-of-type) {
605
633
  border-radius: 0;
606
634
  }
607
- *.e-btn-group:not(.e-rtl):not(.e-vertical) .e-btn:first-of-type,
608
- *.e-css.e-btn-group:not(.e-rtl):not(.e-vertical) .e-btn:first-of-type {
635
+ *.e-btn-group:not(.e-rtl):not(.e-vertical) .e-btn:first-of-type, *.e-btn-group:not(.e-rtl):not(.e-vertical) .e-btn:last-of-type:not(:last-child),
636
+ *.e-css.e-btn-group:not(.e-rtl):not(.e-vertical) .e-btn:first-of-type,
637
+ *.e-css.e-btn-group:not(.e-rtl):not(.e-vertical) .e-btn:last-of-type:not(:last-child) {
609
638
  border-bottom-right-radius: 0;
610
639
  border-top-right-radius: 0;
611
640
  }
@@ -614,11 +643,6 @@
614
643
  border-bottom-left-radius: 0;
615
644
  border-top-left-radius: 0;
616
645
  }
617
- *.e-btn-group:not(.e-rtl):not(.e-vertical) .e-btn:last-of-type:not(:last-child),
618
- *.e-css.e-btn-group:not(.e-rtl):not(.e-vertical) .e-btn:last-of-type:not(:last-child) {
619
- border-bottom-right-radius: 0;
620
- border-top-right-radius: 0;
621
- }
622
646
  *.e-btn-group:not(.e-rtl):not(.e-vertical) .e-split-btn-wrapper + .e-btn,
623
647
  *.e-css.e-btn-group:not(.e-rtl):not(.e-vertical) .e-split-btn-wrapper + .e-btn {
624
648
  border-bottom-left-radius: 0;
@@ -652,8 +676,9 @@
652
676
  *.e-css.e-btn-group.e-rtl .e-btn:not(:first-of-type):not(:last-of-type) {
653
677
  border-radius: 0;
654
678
  }
655
- *.e-btn-group.e-rtl .e-btn:first-of-type,
656
- *.e-css.e-btn-group.e-rtl .e-btn:first-of-type {
679
+ *.e-btn-group.e-rtl .e-btn:first-of-type, *.e-btn-group.e-rtl .e-btn:last-of-type:not(:last-child),
680
+ *.e-css.e-btn-group.e-rtl .e-btn:first-of-type,
681
+ *.e-css.e-btn-group.e-rtl .e-btn:last-of-type:not(:last-child) {
657
682
  border-bottom-left-radius: 0;
658
683
  border-top-left-radius: 0;
659
684
  }
@@ -662,11 +687,6 @@
662
687
  border-bottom-right-radius: 0;
663
688
  border-top-right-radius: 0;
664
689
  }
665
- *.e-btn-group.e-rtl .e-btn:last-of-type:not(:last-child),
666
- *.e-css.e-btn-group.e-rtl .e-btn:last-of-type:not(:last-child) {
667
- border-bottom-left-radius: 0;
668
- border-top-left-radius: 0;
669
- }
670
690
  *.e-btn-group.e-rtl .e-split-btn-wrapper + .e-btn,
671
691
  *.e-css.e-btn-group.e-rtl .e-split-btn-wrapper + .e-btn {
672
692
  border-bottom-right-radius: 0;
@@ -694,8 +714,10 @@
694
714
  }
695
715
  *.e-btn-group.e-vertical,
696
716
  *.e-css.e-btn-group.e-vertical {
697
- -ms-flex-direction: column;
698
- flex-direction: column;
717
+ -webkit-box-orient: vertical;
718
+ -webkit-box-direction: normal;
719
+ -ms-flex-direction: column;
720
+ flex-direction: column;
699
721
  }
700
722
  *.e-btn-group.e-vertical input,
701
723
  *.e-css.e-btn-group.e-vertical input {
@@ -802,130 +824,171 @@
802
824
  /* stylelint-disable */
803
825
  .e-btn-group:not(.e-outline),
804
826
  .e-css.e-btn-group:not(.e-outline) {
805
- box-shadow: none;
827
+ -webkit-box-shadow: none;
828
+ box-shadow: none;
806
829
  }
807
830
  .e-btn-group .e-btn:hover,
808
831
  .e-css.e-btn-group .e-btn:hover {
809
- box-shadow: none;
832
+ -webkit-box-shadow: none;
833
+ box-shadow: none;
810
834
  }
811
835
  .e-btn-group .e-btn:focus,
812
836
  .e-btn-group input:focus-visible + label.e-btn,
837
+ .e-btn-group input:focus + label.e-btn,
813
838
  .e-css.e-btn-group .e-btn:focus,
814
- .e-css.e-btn-group input:focus-visible + label.e-btn {
839
+ .e-css.e-btn-group input:focus-visible + label.e-btn,
840
+ .e-css.e-btn-group input:focus + label.e-btn {
815
841
  background: #000;
816
842
  border-color: #fff;
817
843
  color: #fff;
818
844
  outline: #fff 1px solid;
819
845
  outline-offset: 2px;
820
- box-shadow: none;
846
+ -webkit-box-shadow: none;
847
+ box-shadow: none;
821
848
  box-shadow: none;
822
849
  outline-color: inherit;
823
850
  outline-offset: -4px;
824
851
  }
825
852
  .e-btn-group .e-btn:focus.e-primary,
826
853
  .e-btn-group input:focus-visible + label.e-btn.e-primary,
854
+ .e-btn-group input:focus + label.e-btn.e-primary,
827
855
  .e-css.e-btn-group .e-btn:focus.e-primary,
828
- .e-css.e-btn-group input:focus-visible + label.e-btn.e-primary {
856
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-primary,
857
+ .e-css.e-btn-group input:focus + label.e-btn.e-primary {
829
858
  background: #ffd939;
830
859
  border-color: #ffd939;
831
860
  color: #000;
832
861
  outline: #ffd939 1px solid;
833
- box-shadow: none;
862
+ -webkit-box-shadow: none;
863
+ box-shadow: none;
834
864
  box-shadow: none;
835
865
  outline-color: #000;
836
866
  }
837
867
  .e-btn-group .e-btn:focus.e-success,
838
868
  .e-btn-group input:focus-visible + label.e-btn.e-success,
869
+ .e-btn-group input:focus + label.e-btn.e-success,
839
870
  .e-css.e-btn-group .e-btn:focus.e-success,
840
- .e-css.e-btn-group input:focus-visible + label.e-btn.e-success {
871
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-success,
872
+ .e-css.e-btn-group input:focus + label.e-btn.e-success {
841
873
  background: #166600;
842
874
  border-color: #166600;
843
875
  color: #fff;
844
- box-shadow: none;
876
+ -webkit-box-shadow: none;
877
+ box-shadow: none;
845
878
  box-shadow: none;
846
879
  outline-color: inherit;
847
880
  }
848
881
  .e-btn-group .e-btn:focus.e-info,
849
882
  .e-btn-group input:focus-visible + label.e-btn.e-info,
883
+ .e-btn-group input:focus + label.e-btn.e-info,
850
884
  .e-css.e-btn-group .e-btn:focus.e-info,
851
- .e-css.e-btn-group input:focus-visible + label.e-btn.e-info {
885
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-info,
886
+ .e-css.e-btn-group input:focus + label.e-btn.e-info {
852
887
  background: #0056b3;
853
888
  border-color: #0056b3;
854
889
  color: #fff;
855
- box-shadow: none;
890
+ -webkit-box-shadow: none;
891
+ box-shadow: none;
856
892
  box-shadow: none;
857
893
  outline-color: inherit;
858
894
  }
859
895
  .e-btn-group .e-btn:focus.e-warning,
860
896
  .e-btn-group input:focus-visible + label.e-btn.e-warning,
897
+ .e-btn-group input:focus + label.e-btn.e-warning,
861
898
  .e-css.e-btn-group .e-btn:focus.e-warning,
862
- .e-css.e-btn-group input:focus-visible + label.e-btn.e-warning {
899
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-warning,
900
+ .e-css.e-btn-group input:focus + label.e-btn.e-warning {
863
901
  background: #944000;
864
902
  border-color: #944000;
865
903
  color: #fff;
866
- box-shadow: none;
904
+ -webkit-box-shadow: none;
905
+ box-shadow: none;
867
906
  box-shadow: none;
868
907
  outline-color: inherit;
869
908
  }
870
909
  .e-btn-group .e-btn:focus.e-danger,
871
910
  .e-btn-group input:focus-visible + label.e-btn.e-danger,
911
+ .e-btn-group input:focus + label.e-btn.e-danger,
872
912
  .e-css.e-btn-group .e-btn:focus.e-danger,
873
- .e-css.e-btn-group input:focus-visible + label.e-btn.e-danger {
913
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-danger,
914
+ .e-css.e-btn-group input:focus + label.e-btn.e-danger {
874
915
  background: #b30900;
875
916
  border-color: #b30900;
876
917
  color: #fff;
877
- box-shadow: none;
918
+ -webkit-box-shadow: none;
919
+ box-shadow: none;
878
920
  box-shadow: none;
879
921
  outline-color: inherit;
880
922
  }
881
923
  .e-btn-group .e-btn:focus.e-link,
882
924
  .e-btn-group input:focus-visible + label.e-btn.e-link,
925
+ .e-btn-group input:focus + label.e-btn.e-link,
883
926
  .e-css.e-btn-group .e-btn:focus.e-link,
884
- .e-css.e-btn-group input:focus-visible + label.e-btn.e-link {
927
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-link,
928
+ .e-css.e-btn-group input:focus + label.e-btn.e-link {
885
929
  border-radius: 0;
886
930
  text-decoration: underline;
887
931
  color: #8a8aff;
888
932
  background-color: transparent;
889
933
  border-color: transparent;
890
- box-shadow: none;
934
+ -webkit-box-shadow: none;
935
+ box-shadow: none;
891
936
  outline: none;
892
937
  }
893
938
  .e-btn-group .e-btn:focus.e-outline,
894
939
  .e-btn-group input:focus-visible + label.e-btn.e-outline,
940
+ .e-btn-group input:focus + label.e-btn.e-outline,
895
941
  .e-css.e-btn-group .e-btn:focus.e-outline,
896
- .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline {
897
- box-shadow: none;
942
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline,
943
+ .e-css.e-btn-group input:focus + label.e-btn.e-outline {
944
+ -webkit-box-shadow: none;
945
+ box-shadow: none;
898
946
  box-shadow: none;
899
947
  }
900
948
  .e-btn-group .e-btn:focus.e-outline.e-primary,
901
949
  .e-btn-group input:focus-visible + label.e-btn.e-outline.e-primary,
950
+ .e-btn-group input:focus + label.e-btn.e-outline.e-primary,
902
951
  .e-css.e-btn-group .e-btn:focus.e-outline.e-primary,
903
- .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-primary {
904
- box-shadow: none;
952
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-primary,
953
+ .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-primary {
954
+ -webkit-box-shadow: none;
955
+ box-shadow: none;
905
956
  }
906
957
  .e-btn-group .e-btn:focus.e-outline.e-success,
907
958
  .e-btn-group input:focus-visible + label.e-btn.e-outline.e-success,
959
+ .e-btn-group input:focus + label.e-btn.e-outline.e-success,
908
960
  .e-css.e-btn-group .e-btn:focus.e-outline.e-success,
909
- .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-success {
910
- box-shadow: none;
961
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-success,
962
+ .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-success {
963
+ -webkit-box-shadow: none;
964
+ box-shadow: none;
911
965
  }
912
966
  .e-btn-group .e-btn:focus.e-outline.e-info,
913
967
  .e-btn-group input:focus-visible + label.e-btn.e-outline.e-info,
968
+ .e-btn-group input:focus + label.e-btn.e-outline.e-info,
914
969
  .e-css.e-btn-group .e-btn:focus.e-outline.e-info,
915
- .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-info {
916
- box-shadow: none;
970
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-info,
971
+ .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-info {
972
+ -webkit-box-shadow: none;
973
+ box-shadow: none;
917
974
  }
918
975
  .e-btn-group .e-btn:focus.e-outline.e-warning,
919
976
  .e-btn-group input:focus-visible + label.e-btn.e-outline.e-warning,
977
+ .e-btn-group input:focus + label.e-btn.e-outline.e-warning,
920
978
  .e-css.e-btn-group .e-btn:focus.e-outline.e-warning,
921
- .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-warning {
922
- box-shadow: none;
979
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-warning,
980
+ .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-warning {
981
+ -webkit-box-shadow: none;
982
+ box-shadow: none;
923
983
  }
924
984
  .e-btn-group .e-btn:focus.e-outline.e-danger,
925
985
  .e-btn-group input:focus-visible + label.e-btn.e-outline.e-danger,
986
+ .e-btn-group input:focus + label.e-btn.e-outline.e-danger,
926
987
  .e-css.e-btn-group .e-btn:focus.e-outline.e-danger,
927
- .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-danger {
928
- box-shadow: none;
988
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-danger,
989
+ .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-danger {
990
+ -webkit-box-shadow: none;
991
+ box-shadow: none;
929
992
  }
930
993
  .e-btn-group .e-btn:active,
931
994
  .e-btn-group input:active + label.e-btn,
@@ -949,7 +1012,8 @@
949
1012
  border-color: #ffd939;
950
1013
  color: #000;
951
1014
  outline: #fff 0 solid;
952
- box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2);
1015
+ -webkit-box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2);
1016
+ box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2);
953
1017
  }
954
1018
  .e-btn-group .e-btn:active.e-success,
955
1019
  .e-btn-group input:active + label.e-btn.e-success,
@@ -960,7 +1024,8 @@
960
1024
  background: #fff;
961
1025
  border-color: #fff;
962
1026
  color: #166600;
963
- box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2);
1027
+ -webkit-box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2);
1028
+ box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2);
964
1029
  }
965
1030
  .e-btn-group .e-btn:active.e-info,
966
1031
  .e-btn-group input:active + label.e-btn.e-info,
@@ -971,7 +1036,8 @@
971
1036
  background: #fff;
972
1037
  color: #0056b3;
973
1038
  border-color: #fff;
974
- box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2);
1039
+ -webkit-box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2);
1040
+ box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2);
975
1041
  }
976
1042
  .e-btn-group .e-btn:active.e-warning,
977
1043
  .e-btn-group input:active + label.e-btn.e-warning,
@@ -982,7 +1048,8 @@
982
1048
  background: #fff;
983
1049
  border-color: #fff;
984
1050
  color: #944000;
985
- box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2);
1051
+ -webkit-box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2);
1052
+ box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2);
986
1053
  }
987
1054
  .e-btn-group .e-btn:active.e-danger,
988
1055
  .e-btn-group input:active + label.e-btn.e-danger,
@@ -993,7 +1060,8 @@
993
1060
  background: #fff;
994
1061
  border-color: #fff;
995
1062
  color: #b30900;
996
- box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2);
1063
+ -webkit-box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2);
1064
+ box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2);
997
1065
  }
998
1066
  .e-btn-group .e-btn:active.e-outline,
999
1067
  .e-btn-group input:active + label.e-btn.e-outline,
@@ -1003,7 +1071,8 @@
1003
1071
  .e-css.e-btn-group input:checked + label.e-btn.e-outline {
1004
1072
  background: #ffd939;
1005
1073
  border-color: #ffd939;
1006
- box-shadow: none;
1074
+ -webkit-box-shadow: none;
1075
+ box-shadow: none;
1007
1076
  color: #000;
1008
1077
  }
1009
1078
  .e-btn-group .e-btn:active.e-outline.e-primary,
@@ -1014,7 +1083,8 @@
1014
1083
  .e-css.e-btn-group input:checked + label.e-btn.e-outline.e-primary {
1015
1084
  background: #ffd939;
1016
1085
  border-color: #ffd939;
1017
- box-shadow: none;
1086
+ -webkit-box-shadow: none;
1087
+ box-shadow: none;
1018
1088
  color: #000;
1019
1089
  }
1020
1090
  .e-btn-group .e-btn:active.e-outline.e-success,
@@ -1025,7 +1095,8 @@
1025
1095
  .e-css.e-btn-group input:checked + label.e-btn.e-outline.e-success {
1026
1096
  background: #fff;
1027
1097
  border-color: #fff;
1028
- box-shadow: none;
1098
+ -webkit-box-shadow: none;
1099
+ box-shadow: none;
1029
1100
  color: #166600;
1030
1101
  }
1031
1102
  .e-btn-group .e-btn:active.e-outline.e-info,
@@ -1036,7 +1107,8 @@
1036
1107
  .e-css.e-btn-group input:checked + label.e-btn.e-outline.e-info {
1037
1108
  background: #fff;
1038
1109
  border-color: #fff;
1039
- box-shadow: none;
1110
+ -webkit-box-shadow: none;
1111
+ box-shadow: none;
1040
1112
  color: #0056b3;
1041
1113
  }
1042
1114
  .e-btn-group .e-btn:active.e-outline.e-warning,
@@ -1047,7 +1119,8 @@
1047
1119
  .e-css.e-btn-group input:checked + label.e-btn.e-outline.e-warning {
1048
1120
  background: #fff;
1049
1121
  border-color: #fff;
1050
- box-shadow: none;
1122
+ -webkit-box-shadow: none;
1123
+ box-shadow: none;
1051
1124
  color: #944000;
1052
1125
  }
1053
1126
  .e-btn-group .e-btn:active.e-outline.e-danger,
@@ -1058,7 +1131,8 @@
1058
1131
  .e-css.e-btn-group input:checked + label.e-btn.e-outline.e-danger {
1059
1132
  background: #fff;
1060
1133
  border-color: #fff;
1061
- box-shadow: none;
1134
+ -webkit-box-shadow: none;
1135
+ box-shadow: none;
1062
1136
  color: #b30900;
1063
1137
  }
1064
1138
  .e-btn-group .e-btn:disabled,
@@ -1067,7 +1141,8 @@
1067
1141
  .e-css.e-btn-group input:disabled + label.e-btn {
1068
1142
  background-color: #000;
1069
1143
  border-color: #757575;
1070
- box-shadow: none;
1144
+ -webkit-box-shadow: none;
1145
+ box-shadow: none;
1071
1146
  color: #757575;
1072
1147
  border-color: #fff;
1073
1148
  }
@@ -1077,7 +1152,8 @@
1077
1152
  .e-css.e-btn-group input:disabled + label.e-btn.e-primary {
1078
1153
  background: #000;
1079
1154
  border-color: #757575;
1080
- box-shadow: none;
1155
+ -webkit-box-shadow: none;
1156
+ box-shadow: none;
1081
1157
  color: #757575;
1082
1158
  border-color: #ffd939;
1083
1159
  }
@@ -1087,7 +1163,8 @@
1087
1163
  .e-css.e-btn-group input:disabled + label.e-btn.e-success {
1088
1164
  background: #000;
1089
1165
  border-color: #757575;
1090
- box-shadow: none;
1166
+ -webkit-box-shadow: none;
1167
+ box-shadow: none;
1091
1168
  color: #757575;
1092
1169
  border-color: #166600;
1093
1170
  }
@@ -1097,7 +1174,8 @@
1097
1174
  .e-css.e-btn-group input:disabled + label.e-btn.e-info {
1098
1175
  background: #000;
1099
1176
  border-color: #757575;
1100
- box-shadow: none;
1177
+ -webkit-box-shadow: none;
1178
+ box-shadow: none;
1101
1179
  color: #757575;
1102
1180
  border-color: #0056b3;
1103
1181
  }
@@ -1107,7 +1185,8 @@
1107
1185
  .e-css.e-btn-group input:disabled + label.e-btn.e-warning {
1108
1186
  background: #000;
1109
1187
  border-color: #757575;
1110
- box-shadow: none;
1188
+ -webkit-box-shadow: none;
1189
+ box-shadow: none;
1111
1190
  color: #757575;
1112
1191
  border-color: #944000;
1113
1192
  }
@@ -1117,7 +1196,8 @@
1117
1196
  .e-css.e-btn-group input:disabled + label.e-btn.e-danger {
1118
1197
  background: #000;
1119
1198
  border-color: #757575;
1120
- box-shadow: none;
1199
+ -webkit-box-shadow: none;
1200
+ box-shadow: none;
1121
1201
  color: #757575;
1122
1202
  border-color: #b30900;
1123
1203
  }
@@ -1127,7 +1207,8 @@
1127
1207
  .e-css.e-btn-group input:disabled + label.e-btn.e-link {
1128
1208
  color: #757575;
1129
1209
  background: transparent;
1130
- box-shadow: none;
1210
+ -webkit-box-shadow: none;
1211
+ box-shadow: none;
1131
1212
  text-decoration: none;
1132
1213
  border-color: transparent;
1133
1214
  }
@@ -1137,7 +1218,8 @@
1137
1218
  .e-css.e-btn-group input:disabled + label.e-btn.e-outline {
1138
1219
  background: #000;
1139
1220
  border-color: #757575;
1140
- box-shadow: none;
1221
+ -webkit-box-shadow: none;
1222
+ box-shadow: none;
1141
1223
  color: #757575;
1142
1224
  border-color: #fff;
1143
1225
  }
@@ -1147,7 +1229,8 @@
1147
1229
  .e-css.e-btn-group input:disabled + label.e-btn.e-outline.e-primary {
1148
1230
  background: #000;
1149
1231
  border-color: #757575;
1150
- box-shadow: none;
1232
+ -webkit-box-shadow: none;
1233
+ box-shadow: none;
1151
1234
  color: #757575;
1152
1235
  border-color: #ffd939;
1153
1236
  }
@@ -1157,7 +1240,8 @@
1157
1240
  .e-css.e-btn-group input:disabled + label.e-btn.e-outline.e-success {
1158
1241
  background: #000;
1159
1242
  border-color: #757575;
1160
- box-shadow: none;
1243
+ -webkit-box-shadow: none;
1244
+ box-shadow: none;
1161
1245
  color: #757575;
1162
1246
  border-color: #166600;
1163
1247
  }
@@ -1167,7 +1251,8 @@
1167
1251
  .e-css.e-btn-group input:disabled + label.e-btn.e-outline.e-info {
1168
1252
  background: #000;
1169
1253
  border-color: #757575;
1170
- box-shadow: none;
1254
+ -webkit-box-shadow: none;
1255
+ box-shadow: none;
1171
1256
  color: #757575;
1172
1257
  border-color: #0056b3;
1173
1258
  }
@@ -1177,7 +1262,8 @@
1177
1262
  .e-css.e-btn-group input:disabled + label.e-btn.e-outline.e-warning {
1178
1263
  background: #000;
1179
1264
  border-color: #757575;
1180
- box-shadow: none;
1265
+ -webkit-box-shadow: none;
1266
+ box-shadow: none;
1181
1267
  color: #757575;
1182
1268
  border-color: #944000;
1183
1269
  }
@@ -1187,7 +1273,8 @@
1187
1273
  .e-css.e-btn-group input:disabled + label.e-btn.e-outline.e-danger {
1188
1274
  background: #000;
1189
1275
  border-color: #757575;
1190
- box-shadow: none;
1276
+ -webkit-box-shadow: none;
1277
+ box-shadow: none;
1191
1278
  color: #757575;
1192
1279
  border-color: #b30900;
1193
1280
  }
@@ -1366,23 +1453,46 @@
1366
1453
  }
1367
1454
 
1368
1455
  /* stylelint-disable property-no-vendor-prefix */
1456
+ @-webkit-keyframes material-spinner-rotate {
1457
+ 0% {
1458
+ -webkit-transform: rotate(0);
1459
+ transform: rotate(0);
1460
+ }
1461
+ 100% {
1462
+ -webkit-transform: rotate(360deg);
1463
+ transform: rotate(360deg);
1464
+ }
1465
+ }
1369
1466
  @keyframes material-spinner-rotate {
1370
1467
  0% {
1468
+ -webkit-transform: rotate(0);
1371
1469
  transform: rotate(0);
1372
1470
  }
1373
1471
  100% {
1472
+ -webkit-transform: rotate(360deg);
1473
+ transform: rotate(360deg);
1474
+ }
1475
+ }
1476
+ @-webkit-keyframes fabric-spinner-rotate {
1477
+ 0% {
1478
+ -webkit-transform: rotate(0);
1479
+ transform: rotate(0);
1480
+ }
1481
+ 100% {
1482
+ -webkit-transform: rotate(360deg);
1374
1483
  transform: rotate(360deg);
1375
1484
  }
1376
1485
  }
1377
1486
  @keyframes fabric-spinner-rotate {
1378
1487
  0% {
1488
+ -webkit-transform: rotate(0);
1379
1489
  transform: rotate(0);
1380
1490
  }
1381
1491
  100% {
1492
+ -webkit-transform: rotate(360deg);
1382
1493
  transform: rotate(360deg);
1383
1494
  }
1384
1495
  }
1385
- /*! Progress Button Layout */
1386
1496
  .e-progress-btn {
1387
1497
  position: relative;
1388
1498
  }
@@ -1392,9 +1502,11 @@
1392
1502
  opacity: 0;
1393
1503
  position: absolute;
1394
1504
  top: 0;
1505
+ -webkit-transition: opacity 0.3s linear;
1395
1506
  transition: opacity 0.3s linear;
1396
1507
  }
1397
1508
  .e-progress-btn .e-spinner {
1509
+ -webkit-transition: all 0.3s linear;
1398
1510
  transition: all 0.3s linear;
1399
1511
  }
1400
1512
  .e-progress-btn .e-btn-content {
@@ -1427,6 +1539,7 @@
1427
1539
  opacity: 0;
1428
1540
  }
1429
1541
  .e-progress-btn.e-spin-top, .e-progress-btn.e-spin-bottom {
1542
+ -webkit-transition: padding 0.3s linear;
1430
1543
  transition: padding 0.3s linear;
1431
1544
  }
1432
1545
  .e-progress-btn.e-progress-active:not(.e-hide-spinner).e-spin-top .e-btn-content,
@@ -1436,10 +1549,12 @@
1436
1549
  line-height: 1;
1437
1550
  }
1438
1551
  .e-progress-btn.e-progress-active:not(.e-hide-spinner).e-spin-center .e-spinner {
1552
+ display: -webkit-box;
1439
1553
  display: -ms-flexbox;
1440
1554
  display: flex;
1441
- -ms-flex-pack: center;
1442
- justify-content: center;
1555
+ -webkit-box-pack: center;
1556
+ -ms-flex-pack: center;
1557
+ justify-content: center;
1443
1558
  }
1444
1559
  .e-progress-btn.e-progress-active:not(.e-hide-spinner).e-spin-left:not(.e-round) .e-spinner {
1445
1560
  padding-right: 12px;
@@ -1525,21 +1640,35 @@
1525
1640
  left: auto;
1526
1641
  position: relative;
1527
1642
  top: auto;
1528
- transform: none;
1643
+ -webkit-transform: none;
1644
+ transform: none;
1529
1645
  }
1530
1646
  .e-progress-btn .e-cont-animate {
1531
- -ms-flex-align: center;
1532
- align-items: center;
1647
+ -webkit-box-align: center;
1648
+ -ms-flex-align: center;
1649
+ align-items: center;
1650
+ display: -webkit-inline-box;
1533
1651
  display: -ms-inline-flexbox;
1534
1652
  display: inline-flex;
1535
1653
  height: 100%;
1536
- -ms-flex-pack: center;
1537
- justify-content: center;
1654
+ -webkit-box-pack: center;
1655
+ -ms-flex-pack: center;
1656
+ justify-content: center;
1538
1657
  left: 0;
1539
1658
  position: absolute;
1540
1659
  top: 0;
1541
1660
  width: 100%;
1542
1661
  }
1662
+ @-webkit-keyframes ProgressSlideLeft {
1663
+ from {
1664
+ left: 0%;
1665
+ opacity: 1;
1666
+ }
1667
+ to {
1668
+ left: -100%;
1669
+ opacity: 0;
1670
+ }
1671
+ }
1543
1672
  @keyframes ProgressSlideLeft {
1544
1673
  from {
1545
1674
  left: 0%;
@@ -1550,6 +1679,16 @@
1550
1679
  opacity: 0;
1551
1680
  }
1552
1681
  }
1682
+ @-webkit-keyframes ProgressSlideRight {
1683
+ from {
1684
+ left: 0%;
1685
+ opacity: 1;
1686
+ }
1687
+ to {
1688
+ left: 100%;
1689
+ opacity: 0;
1690
+ }
1691
+ }
1553
1692
  @keyframes ProgressSlideRight {
1554
1693
  from {
1555
1694
  left: 0%;
@@ -1560,6 +1699,18 @@
1560
1699
  opacity: 0;
1561
1700
  }
1562
1701
  }
1702
+ @-webkit-keyframes ProgressSlideUp {
1703
+ from {
1704
+ height: auto;
1705
+ opacity: 1;
1706
+ top: 0;
1707
+ }
1708
+ to {
1709
+ height: auto;
1710
+ opacity: 0;
1711
+ top: -100px;
1712
+ }
1713
+ }
1563
1714
  @keyframes ProgressSlideUp {
1564
1715
  from {
1565
1716
  height: auto;
@@ -1572,6 +1723,18 @@
1572
1723
  top: -100px;
1573
1724
  }
1574
1725
  }
1726
+ @-webkit-keyframes ProgressSlideDown {
1727
+ from {
1728
+ height: auto;
1729
+ opacity: 1;
1730
+ top: 0;
1731
+ }
1732
+ to {
1733
+ height: auto;
1734
+ opacity: 0;
1735
+ top: 100px;
1736
+ }
1737
+ }
1575
1738
  @keyframes ProgressSlideDown {
1576
1739
  from {
1577
1740
  height: auto;
@@ -1584,22 +1747,48 @@
1584
1747
  top: 100px;
1585
1748
  }
1586
1749
  }
1750
+ @-webkit-keyframes ProgressZoomIn {
1751
+ from {
1752
+ opacity: 1;
1753
+ -webkit-transform: translate(0, 0) scale(1);
1754
+ transform: translate(0, 0) scale(1);
1755
+ }
1756
+ to {
1757
+ opacity: 0;
1758
+ -webkit-transform: translate(0, 0) scale(3);
1759
+ transform: translate(0, 0) scale(3);
1760
+ }
1761
+ }
1587
1762
  @keyframes ProgressZoomIn {
1588
1763
  from {
1589
1764
  opacity: 1;
1590
- transform: translate(0, 0) scale(1);
1765
+ -webkit-transform: translate(0, 0) scale(1);
1766
+ transform: translate(0, 0) scale(1);
1591
1767
  }
1592
1768
  to {
1593
1769
  opacity: 0;
1594
- transform: translate(0, 0) scale(3);
1770
+ -webkit-transform: translate(0, 0) scale(3);
1771
+ transform: translate(0, 0) scale(3);
1772
+ }
1773
+ }
1774
+ @-webkit-keyframes ProgressZoomOut {
1775
+ from {
1776
+ -webkit-transform: translate(0, 0) scale(1);
1777
+ transform: translate(0, 0) scale(1);
1778
+ }
1779
+ to {
1780
+ -webkit-transform: translate(0, 0) scale(0);
1781
+ transform: translate(0, 0) scale(0);
1595
1782
  }
1596
1783
  }
1597
1784
  @keyframes ProgressZoomOut {
1598
1785
  from {
1599
- transform: translate(0, 0) scale(1);
1786
+ -webkit-transform: translate(0, 0) scale(1);
1787
+ transform: translate(0, 0) scale(1);
1600
1788
  }
1601
1789
  to {
1602
- transform: translate(0, 0) scale(0);
1790
+ -webkit-transform: translate(0, 0) scale(0);
1791
+ transform: translate(0, 0) scale(0);
1603
1792
  }
1604
1793
  }
1605
1794
 
@@ -1806,7 +1995,10 @@
1806
1995
 
1807
1996
  *.e-primary .e-progress,
1808
1997
  *.e-success .e-progress,
1809
- *.e-danger .e-progress,
1998
+ *.e-danger .e-progress {
1999
+ background: rgba(0, 0, 0, 0.3);
2000
+ }
2001
+
1810
2002
  *.e-info .e-progress {
1811
2003
  background: rgba(0, 0, 0, 0.3);
1812
2004
  }