@syncfusion/ej2-splitbuttons 25.2.3 → 26.1.35-7502

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,7 +3,6 @@
3
3
  content: "\e744";
4
4
  }
5
5
 
6
- /*! drop-down button layout */
7
6
  .e-dropdown-btn,
8
7
  .e-dropdown-btn.e-btn {
9
8
  text-transform: none;
@@ -11,11 +10,13 @@
11
10
  }
12
11
  .e-dropdown-btn:focus,
13
12
  .e-dropdown-btn.e-btn:focus {
14
- box-shadow: none;
13
+ -webkit-box-shadow: none;
14
+ box-shadow: none;
15
15
  }
16
16
  .e-dropdown-btn:active,
17
17
  .e-dropdown-btn.e-btn:active {
18
- box-shadow: 0 0 0 0.2rem rgba(99, 105, 111, 0.5);
18
+ -webkit-box-shadow: 0 0 0 0.2rem rgba(99, 105, 111, 0.5);
19
+ box-shadow: 0 0 0 0.2rem rgba(99, 105, 111, 0.5);
19
20
  }
20
21
  .e-dropdown-btn .e-btn-icon,
21
22
  .e-dropdown-btn.e-btn .e-btn-icon {
@@ -47,7 +48,6 @@
47
48
  line-height: 1;
48
49
  padding: 6px 12px;
49
50
  }
50
-
51
51
  .e-bigger .e-dropdown-btn .e-btn-icon,
52
52
  .e-bigger.e-dropdown-btn .e-btn-icon {
53
53
  font-size: 16px;
@@ -73,8 +73,10 @@
73
73
  .e-dropdown-popup ul {
74
74
  border: 1px solid rgba(0, 0, 0, 0.15);
75
75
  border-radius: 4px;
76
- box-shadow: none;
77
- box-sizing: border-box;
76
+ -webkit-box-shadow: none;
77
+ box-shadow: none;
78
+ -webkit-box-sizing: border-box;
79
+ box-sizing: border-box;
78
80
  font-size: 14px;
79
81
  font-weight: normal;
80
82
  list-style-image: none;
@@ -85,18 +87,23 @@
85
87
  overflow: hidden;
86
88
  padding: 6px 0;
87
89
  -webkit-user-select: none;
90
+ -moz-user-select: none;
88
91
  -ms-user-select: none;
89
92
  user-select: none;
90
93
  white-space: nowrap;
91
94
  }
92
95
  .e-dropdown-popup ul .e-item {
93
96
  cursor: pointer;
97
+ display: -webkit-box;
94
98
  display: -ms-flexbox;
95
99
  display: flex;
96
100
  height: 26px;
97
101
  line-height: 26px;
98
102
  padding: 0 20px;
99
103
  }
104
+ .e-dropdown-popup ul .e-item.e-separator {
105
+ padding: 0 !important; /* stylelint-disable-line declaration-no-important */
106
+ }
100
107
  .e-dropdown-popup ul .e-item.e-url {
101
108
  padding: 0;
102
109
  }
@@ -129,7 +136,8 @@
129
136
  }
130
137
  .e-dropdown-popup.e-transparent {
131
138
  background: transparent;
132
- box-shadow: none;
139
+ -webkit-box-shadow: none;
140
+ box-shadow: none;
133
141
  }
134
142
  .e-dropdown-popup.e-transparent .e-dropdown-menu {
135
143
  border: 0;
@@ -147,7 +155,8 @@
147
155
 
148
156
  *.e-bigger .e-dropdown-popup ul,
149
157
  *.e-bigger.e-dropdown-popup ul {
150
- box-shadow: none;
158
+ -webkit-box-shadow: none;
159
+ box-shadow: none;
151
160
  font-size: 16px;
152
161
  max-width: 280px;
153
162
  min-width: 112px;
@@ -174,7 +183,6 @@
174
183
  line-height: normal;
175
184
  }
176
185
 
177
- /*! drop-down button theme */
178
186
  .e-dropdown-popup {
179
187
  background: #fff;
180
188
  color: #212529;
@@ -187,7 +195,8 @@
187
195
  }
188
196
  .e-dropdown-popup ul .e-item.e-focused {
189
197
  background: #f2f4f6;
190
- box-shadow: none;
198
+ -webkit-box-shadow: none;
199
+ box-shadow: none;
191
200
  }
192
201
  .e-dropdown-popup ul .e-item:hover {
193
202
  background: #f2f4f6;
@@ -211,7 +220,8 @@
211
220
  .e-dropdown-btn.e-btn.e-inherit {
212
221
  background: inherit;
213
222
  border-color: transparent;
214
- box-shadow: none;
223
+ -webkit-box-shadow: none;
224
+ box-shadow: none;
215
225
  color: inherit;
216
226
  }
217
227
  .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,
@@ -221,15 +231,18 @@
221
231
  .e-dropdown-btn.e-btn.e-inherit.e-active {
222
232
  background: rgba(0, 0, 0, 0.056);
223
233
  border-color: transparent;
224
- box-shadow: none;
234
+ -webkit-box-shadow: none;
235
+ box-shadow: none;
225
236
  color: inherit;
226
237
  }
227
238
 
228
- /*! splitbutton layout */
229
239
  .e-split-btn-wrapper {
240
+ display: -webkit-inline-box;
230
241
  display: -ms-inline-flexbox;
231
242
  display: inline-flex;
232
243
  white-space: nowrap;
244
+ width: -webkit-min-content;
245
+ width: -moz-min-content;
233
246
  width: min-content;
234
247
  }
235
248
  .e-split-btn-wrapper .e-split-btn {
@@ -246,10 +259,12 @@
246
259
  outline-offset: 0;
247
260
  }
248
261
  .e-split-btn-wrapper .e-split-btn:focus {
249
- box-shadow: none;
262
+ -webkit-box-shadow: none;
263
+ box-shadow: none;
250
264
  }
251
265
  .e-split-btn-wrapper .e-split-btn:active {
252
- box-shadow: 0 0 0 0.2rem rgba(99, 105, 111, 0.5);
266
+ -webkit-box-shadow: 0 0 0 0.2rem rgba(99, 105, 111, 0.5);
267
+ box-shadow: 0 0 0 0.2rem rgba(99, 105, 111, 0.5);
253
268
  z-index: 2;
254
269
  }
255
270
  .e-split-btn-wrapper .e-split-btn.e-top-icon-btn {
@@ -281,7 +296,8 @@
281
296
  padding-right: 8px;
282
297
  }
283
298
  .e-split-btn-wrapper .e-dropdown-btn:active {
284
- box-shadow: 0 0 0 0.2rem rgba(99, 105, 111, 0.5);
299
+ -webkit-box-shadow: 0 0 0 0.2rem rgba(99, 105, 111, 0.5);
300
+ box-shadow: 0 0 0 0.2rem rgba(99, 105, 111, 0.5);
285
301
  z-index: 2;
286
302
  }
287
303
  .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 {
@@ -291,16 +307,20 @@
291
307
  outline-offset: 0;
292
308
  }
293
309
  .e-split-btn-wrapper .e-btn:focus {
294
- box-shadow: none;
310
+ -webkit-box-shadow: none;
311
+ box-shadow: none;
295
312
  }
296
313
  .e-split-btn-wrapper .e-btn:active {
297
- box-shadow: 0 0 0 0.2rem rgba(99, 105, 111, 0.5);
314
+ -webkit-box-shadow: 0 0 0 0.2rem rgba(99, 105, 111, 0.5);
315
+ box-shadow: 0 0 0 0.2rem rgba(99, 105, 111, 0.5);
298
316
  }
299
317
  .e-split-btn-wrapper .e-btn:disabled {
300
- box-shadow: none;
318
+ -webkit-box-shadow: none;
319
+ box-shadow: none;
301
320
  }
302
321
  .e-split-btn-wrapper .e-btn.e-inherit:focus, .e-split-btn-wrapper .e-btn.e-inherit:active {
303
- box-shadow: none;
322
+ -webkit-box-shadow: none;
323
+ box-shadow: none;
304
324
  }
305
325
  .e-split-btn-wrapper.e-rtl .e-split-btn {
306
326
  border-bottom-left-radius: 0;
@@ -453,7 +473,6 @@
453
473
  padding-top: 0;
454
474
  }
455
475
 
456
- /*! splitbutton theme */
457
476
  .e-split-btn-wrapper .e-split-btn {
458
477
  border-right-color: #6c757d;
459
478
  }
@@ -555,11 +574,14 @@
555
574
  /* stylelint-disable */
556
575
  *.e-btn-group,
557
576
  *.e-css.e-btn-group {
577
+ display: -webkit-inline-box;
558
578
  display: -ms-inline-flexbox;
559
579
  display: inline-flex;
560
580
  border-radius: 4px;
561
- -ms-flex-direction: row;
562
- flex-direction: row;
581
+ -webkit-box-orient: horizontal;
582
+ -webkit-box-direction: normal;
583
+ -ms-flex-direction: row;
584
+ flex-direction: row;
563
585
  position: relative;
564
586
  }
565
587
  *.e-btn-group input:focus + label.e-btn,
@@ -602,8 +624,9 @@
602
624
  *.e-css.e-btn-group:not(.e-rtl):not(.e-vertical) .e-btn:not(:first-of-type):not(:last-of-type) {
603
625
  border-radius: 0;
604
626
  }
605
- *.e-btn-group:not(.e-rtl):not(.e-vertical) .e-btn:first-of-type,
606
- *.e-css.e-btn-group:not(.e-rtl):not(.e-vertical) .e-btn:first-of-type {
627
+ *.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),
628
+ *.e-css.e-btn-group:not(.e-rtl):not(.e-vertical) .e-btn:first-of-type,
629
+ *.e-css.e-btn-group:not(.e-rtl):not(.e-vertical) .e-btn:last-of-type:not(:last-child) {
607
630
  border-bottom-right-radius: 0;
608
631
  border-top-right-radius: 0;
609
632
  }
@@ -612,11 +635,6 @@
612
635
  border-bottom-left-radius: 0;
613
636
  border-top-left-radius: 0;
614
637
  }
615
- *.e-btn-group:not(.e-rtl):not(.e-vertical) .e-btn:last-of-type:not(:last-child),
616
- *.e-css.e-btn-group:not(.e-rtl):not(.e-vertical) .e-btn:last-of-type:not(:last-child) {
617
- border-bottom-right-radius: 0;
618
- border-top-right-radius: 0;
619
- }
620
638
  *.e-btn-group:not(.e-rtl):not(.e-vertical) .e-split-btn-wrapper + .e-btn,
621
639
  *.e-css.e-btn-group:not(.e-rtl):not(.e-vertical) .e-split-btn-wrapper + .e-btn {
622
640
  border-bottom-left-radius: 0;
@@ -650,8 +668,9 @@
650
668
  *.e-css.e-btn-group.e-rtl .e-btn:not(:first-of-type):not(:last-of-type) {
651
669
  border-radius: 0;
652
670
  }
653
- *.e-btn-group.e-rtl .e-btn:first-of-type,
654
- *.e-css.e-btn-group.e-rtl .e-btn:first-of-type {
671
+ *.e-btn-group.e-rtl .e-btn:first-of-type, *.e-btn-group.e-rtl .e-btn:last-of-type:not(:last-child),
672
+ *.e-css.e-btn-group.e-rtl .e-btn:first-of-type,
673
+ *.e-css.e-btn-group.e-rtl .e-btn:last-of-type:not(:last-child) {
655
674
  border-bottom-left-radius: 0;
656
675
  border-top-left-radius: 0;
657
676
  }
@@ -660,11 +679,6 @@
660
679
  border-bottom-right-radius: 0;
661
680
  border-top-right-radius: 0;
662
681
  }
663
- *.e-btn-group.e-rtl .e-btn:last-of-type:not(:last-child),
664
- *.e-css.e-btn-group.e-rtl .e-btn:last-of-type:not(:last-child) {
665
- border-bottom-left-radius: 0;
666
- border-top-left-radius: 0;
667
- }
668
682
  *.e-btn-group.e-rtl .e-split-btn-wrapper + .e-btn,
669
683
  *.e-css.e-btn-group.e-rtl .e-split-btn-wrapper + .e-btn {
670
684
  border-bottom-right-radius: 0;
@@ -692,8 +706,10 @@
692
706
  }
693
707
  *.e-btn-group.e-vertical,
694
708
  *.e-css.e-btn-group.e-vertical {
695
- -ms-flex-direction: column;
696
- flex-direction: column;
709
+ -webkit-box-orient: vertical;
710
+ -webkit-box-direction: normal;
711
+ -ms-flex-direction: column;
712
+ flex-direction: column;
697
713
  }
698
714
  *.e-btn-group.e-vertical input,
699
715
  *.e-css.e-btn-group.e-vertical input {
@@ -800,84 +816,107 @@
800
816
  /* stylelint-disable */
801
817
  .e-btn-group:not(.e-outline),
802
818
  .e-css.e-btn-group:not(.e-outline) {
803
- box-shadow: none;
819
+ -webkit-box-shadow: none;
820
+ box-shadow: none;
804
821
  }
805
822
  .e-btn-group .e-btn:hover,
806
823
  .e-css.e-btn-group .e-btn:hover {
807
- box-shadow: none;
824
+ -webkit-box-shadow: none;
825
+ box-shadow: none;
808
826
  }
809
827
  .e-btn-group .e-btn:focus,
810
828
  .e-btn-group input:focus-visible + label.e-btn,
829
+ .e-btn-group input:focus + label.e-btn,
811
830
  .e-css.e-btn-group .e-btn:focus,
812
- .e-css.e-btn-group input:focus-visible + label.e-btn {
831
+ .e-css.e-btn-group input:focus-visible + label.e-btn,
832
+ .e-css.e-btn-group input:focus + label.e-btn {
813
833
  background: #5b636a;
814
834
  border-color: #60686f;
815
835
  color: #fff;
816
836
  outline: #6c757d 0 solid;
817
837
  outline-offset: 0;
818
- box-shadow: 0 0 0 0.25em rgba(115, 122, 129, 0.5);
838
+ -webkit-box-shadow: 0 0 0 0.25em rgba(115, 122, 129, 0.5);
839
+ box-shadow: 0 0 0 0.25em rgba(115, 122, 129, 0.5);
819
840
  outline-color: inherit;
820
841
  }
821
842
  .e-btn-group .e-btn:focus.e-primary,
822
843
  .e-btn-group input:focus-visible + label.e-btn.e-primary,
844
+ .e-btn-group input:focus + label.e-btn.e-primary,
823
845
  .e-css.e-btn-group .e-btn:focus.e-primary,
824
- .e-css.e-btn-group input:focus-visible + label.e-btn.e-primary {
846
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-primary,
847
+ .e-css.e-btn-group input:focus + label.e-btn.e-primary {
825
848
  background: #006adb;
826
849
  border-color: #006fe6;
827
850
  color: #fff;
828
851
  outline: #6c757d 0 solid;
829
- box-shadow: 0 0 0 0.25em rgba(33, 130, 234, 0.5);
852
+ -webkit-box-shadow: 0 0 0 0.25em rgba(33, 130, 234, 0.5);
853
+ box-shadow: 0 0 0 0.25em rgba(33, 130, 234, 0.5);
830
854
  outline-color: inherit;
831
855
  }
832
856
  .e-btn-group .e-btn:focus.e-success,
833
857
  .e-btn-group input:focus-visible + label.e-btn.e-success,
858
+ .e-btn-group input:focus + label.e-btn.e-success,
834
859
  .e-css.e-btn-group .e-btn:focus.e-success,
835
- .e-css.e-btn-group input:focus-visible + label.e-btn.e-success {
860
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-success,
861
+ .e-css.e-btn-group input:focus + label.e-btn.e-success {
836
862
  background: #218a39;
837
863
  border-color: #23923d;
838
864
  color: #fff;
839
- box-shadow: 0 0 0 0.25em rgba(58, 160, 82, 0.5);
865
+ -webkit-box-shadow: 0 0 0 0.25em rgba(58, 160, 82, 0.5);
866
+ box-shadow: 0 0 0 0.25em rgba(58, 160, 82, 0.5);
840
867
  outline-color: inherit;
841
868
  }
842
869
  .e-btn-group .e-btn:focus.e-info,
843
870
  .e-btn-group input:focus-visible + label.e-btn.e-info,
871
+ .e-btn-group input:focus + label.e-btn.e-info,
844
872
  .e-css.e-btn-group .e-btn:focus.e-info,
845
- .e-css.e-btn-group input:focus-visible + label.e-btn.e-info {
873
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-info,
874
+ .e-css.e-btn-group input:focus + label.e-btn.e-info {
846
875
  background: #138698;
847
876
  border-color: #148ea1;
848
877
  color: #fff;
849
- box-shadow: 0 0 0 0.25em rgba(44, 156, 174, 0.5);
878
+ -webkit-box-shadow: 0 0 0 0.25em rgba(44, 156, 174, 0.5);
879
+ box-shadow: 0 0 0 0.25em rgba(44, 156, 174, 0.5);
850
880
  outline-color: inherit;
851
881
  }
852
882
  .e-btn-group .e-btn:focus.e-warning,
853
883
  .e-btn-group input:focus-visible + label.e-btn.e-warning,
884
+ .e-btn-group input:focus + label.e-btn.e-warning,
854
885
  .e-css.e-btn-group .e-btn:focus.e-warning,
855
- .e-css.e-btn-group input:focus-visible + label.e-btn.e-warning {
886
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-warning,
887
+ .e-css.e-btn-group input:focus + label.e-btn.e-warning {
856
888
  background: #e2aa00;
857
889
  border-color: #edb100;
858
890
  color: #212529;
859
- box-shadow: 0 0 0 0.25em rgba(240, 188, 34, 0.5);
891
+ -webkit-box-shadow: 0 0 0 0.25em rgba(240, 188, 34, 0.5);
892
+ box-shadow: 0 0 0 0.25em rgba(240, 188, 34, 0.5);
860
893
  outline-color: inherit;
861
894
  }
862
895
  .e-btn-group .e-btn:focus.e-danger,
863
896
  .e-btn-group input:focus-visible + label.e-btn.e-danger,
897
+ .e-btn-group input:focus + label.e-btn.e-danger,
864
898
  .e-css.e-btn-group .e-btn:focus.e-danger,
865
- .e-css.e-btn-group input:focus-visible + label.e-btn.e-danger {
899
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-danger,
900
+ .e-css.e-btn-group input:focus + label.e-btn.e-danger {
866
901
  background: #ca2333;
867
902
  border-color: #d32535;
868
903
  color: #fff;
869
- box-shadow: 0 0 0 0.25em rgba(217, 67, 81, 0.5);
904
+ -webkit-box-shadow: 0 0 0 0.25em rgba(217, 67, 81, 0.5);
905
+ box-shadow: 0 0 0 0.25em rgba(217, 67, 81, 0.5);
870
906
  outline-color: inherit;
871
907
  }
872
908
  .e-btn-group .e-btn:focus.e-link,
873
909
  .e-btn-group input:focus-visible + label.e-btn.e-link,
910
+ .e-btn-group input:focus + label.e-btn.e-link,
874
911
  .e-css.e-btn-group .e-btn:focus.e-link,
875
- .e-css.e-btn-group input:focus-visible + label.e-btn.e-link {
912
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-link,
913
+ .e-css.e-btn-group input:focus + label.e-btn.e-link {
876
914
  border-radius: 0;
877
915
  text-decoration: underline;
878
916
  background: transparent;
879
917
  border-color: transparent;
880
- box-shadow: none;
918
+ -webkit-box-shadow: none;
919
+ box-shadow: none;
881
920
  color: #0056b3;
882
921
  background-color: transparent;
883
922
  border-color: transparent;
@@ -886,40 +925,57 @@
886
925
  }
887
926
  .e-btn-group .e-btn:focus.e-outline,
888
927
  .e-btn-group input:focus-visible + label.e-btn.e-outline,
928
+ .e-btn-group input:focus + label.e-btn.e-outline,
889
929
  .e-css.e-btn-group .e-btn:focus.e-outline,
890
- .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline {
891
- box-shadow: 0 0 0 0.25em rgba(128, 136, 143, 0.5);
892
- box-shadow: none;
930
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline,
931
+ .e-css.e-btn-group input:focus + label.e-btn.e-outline {
932
+ -webkit-box-shadow: 0 0 0 0.25em rgba(128, 136, 143, 0.5);
933
+ box-shadow: 0 0 0 0.25em rgba(128, 136, 143, 0.5);
893
934
  }
894
935
  .e-btn-group .e-btn:focus.e-outline.e-primary,
895
936
  .e-btn-group input:focus-visible + label.e-btn.e-outline.e-primary,
937
+ .e-btn-group input:focus + label.e-btn.e-outline.e-primary,
896
938
  .e-css.e-btn-group .e-btn:focus.e-outline.e-primary,
897
- .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-primary {
898
- box-shadow: 0 0 0 0.25em rgba(38, 133, 234, 0.5);
939
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-primary,
940
+ .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-primary {
941
+ -webkit-box-shadow: 0 0 0 0.25em rgba(38, 133, 234, 0.5);
942
+ box-shadow: 0 0 0 0.25em rgba(38, 133, 234, 0.5);
899
943
  }
900
944
  .e-btn-group .e-btn:focus.e-outline.e-success,
901
945
  .e-btn-group input:focus-visible + label.e-btn.e-outline.e-success,
946
+ .e-btn-group input:focus + label.e-btn.e-outline.e-success,
902
947
  .e-css.e-btn-group .e-btn:focus.e-outline.e-success,
903
- .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-success {
904
- box-shadow: 0 0 0 0.25em rgba(58, 160, 82, 0.5);
948
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-success,
949
+ .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-success {
950
+ -webkit-box-shadow: 0 0 0 0.25em rgba(58, 160, 82, 0.5);
951
+ box-shadow: 0 0 0 0.25em rgba(58, 160, 82, 0.5);
905
952
  }
906
953
  .e-btn-group .e-btn:focus.e-outline.e-info,
907
954
  .e-btn-group input:focus-visible + label.e-btn.e-outline.e-info,
955
+ .e-btn-group input:focus + label.e-btn.e-outline.e-info,
908
956
  .e-css.e-btn-group .e-btn:focus.e-outline.e-info,
909
- .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-info {
910
- box-shadow: 0 0 0 0.25em rgba(44, 156, 174, 0.5);
957
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-info,
958
+ .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-info {
959
+ -webkit-box-shadow: 0 0 0 0.25em rgba(44, 156, 174, 0.5);
960
+ box-shadow: 0 0 0 0.25em rgba(44, 156, 174, 0.5);
911
961
  }
912
962
  .e-btn-group .e-btn:focus.e-outline.e-warning,
913
963
  .e-btn-group input:focus-visible + label.e-btn.e-outline.e-warning,
964
+ .e-btn-group input:focus + label.e-btn.e-outline.e-warning,
914
965
  .e-css.e-btn-group .e-btn:focus.e-outline.e-warning,
915
- .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-warning {
916
- box-shadow: 0 0 0 0.25em rgba(240, 188, 34, 0.5);
966
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-warning,
967
+ .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-warning {
968
+ -webkit-box-shadow: 0 0 0 0.25em rgba(240, 188, 34, 0.5);
969
+ box-shadow: 0 0 0 0.25em rgba(240, 188, 34, 0.5);
917
970
  }
918
971
  .e-btn-group .e-btn:focus.e-outline.e-danger,
919
972
  .e-btn-group input:focus-visible + label.e-btn.e-outline.e-danger,
973
+ .e-btn-group input:focus + label.e-btn.e-outline.e-danger,
920
974
  .e-css.e-btn-group .e-btn:focus.e-outline.e-danger,
921
- .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-danger {
922
- box-shadow: 0 0 0 0.25em rgba(217, 67, 81, 0.5);
975
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-danger,
976
+ .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-danger {
977
+ -webkit-box-shadow: 0 0 0 0.25em rgba(217, 67, 81, 0.5);
978
+ box-shadow: 0 0 0 0.25em rgba(217, 67, 81, 0.5);
923
979
  }
924
980
  .e-btn-group .e-btn:active,
925
981
  .e-btn-group input:active + label.e-btn,
@@ -1050,7 +1106,8 @@
1050
1106
  .e-css.e-btn-group input:disabled + label.e-btn {
1051
1107
  background-color: rgba(108, 117, 125, 0.65);
1052
1108
  border-color: transparent;
1053
- box-shadow: none;
1109
+ -webkit-box-shadow: none;
1110
+ box-shadow: none;
1054
1111
  color: #fff;
1055
1112
  }
1056
1113
  .e-btn-group .e-btn:disabled.e-primary,
@@ -1059,7 +1116,8 @@
1059
1116
  .e-css.e-btn-group input:disabled + label.e-btn.e-primary {
1060
1117
  background: rgba(0, 123, 255, 0.65);
1061
1118
  border-color: transparent;
1062
- box-shadow: none;
1119
+ -webkit-box-shadow: none;
1120
+ box-shadow: none;
1063
1121
  color: #fff;
1064
1122
  }
1065
1123
  .e-btn-group .e-btn:disabled.e-success,
@@ -1068,7 +1126,8 @@
1068
1126
  .e-css.e-btn-group input:disabled + label.e-btn.e-success {
1069
1127
  background: rgba(40, 167, 69, 0.65);
1070
1128
  border-color: transparent;
1071
- box-shadow: none;
1129
+ -webkit-box-shadow: none;
1130
+ box-shadow: none;
1072
1131
  color: #fff;
1073
1132
  }
1074
1133
  .e-btn-group .e-btn:disabled.e-info,
@@ -1077,7 +1136,8 @@
1077
1136
  .e-css.e-btn-group input:disabled + label.e-btn.e-info {
1078
1137
  background: rgba(23, 162, 184, 0.65);
1079
1138
  border-color: transparent;
1080
- box-shadow: none;
1139
+ -webkit-box-shadow: none;
1140
+ box-shadow: none;
1081
1141
  color: #fff;
1082
1142
  }
1083
1143
  .e-btn-group .e-btn:disabled.e-warning,
@@ -1086,7 +1146,8 @@
1086
1146
  .e-css.e-btn-group input:disabled + label.e-btn.e-warning {
1087
1147
  background: rgba(255, 193, 7, 0.65);
1088
1148
  border-color: transparent;
1089
- box-shadow: none;
1149
+ -webkit-box-shadow: none;
1150
+ box-shadow: none;
1090
1151
  color: #212529;
1091
1152
  }
1092
1153
  .e-btn-group .e-btn:disabled.e-danger,
@@ -1095,7 +1156,8 @@
1095
1156
  .e-css.e-btn-group input:disabled + label.e-btn.e-danger {
1096
1157
  background: rgba(220, 53, 69, 0.65);
1097
1158
  border-color: transparent;
1098
- box-shadow: none;
1159
+ -webkit-box-shadow: none;
1160
+ box-shadow: none;
1099
1161
  color: #fff;
1100
1162
  }
1101
1163
  .e-btn-group .e-btn:disabled.e-link,
@@ -1104,7 +1166,8 @@
1104
1166
  .e-css.e-btn-group input:disabled + label.e-btn.e-link {
1105
1167
  color: #6c757d;
1106
1168
  background: transparent;
1107
- box-shadow: none;
1169
+ -webkit-box-shadow: none;
1170
+ box-shadow: none;
1108
1171
  text-decoration: none;
1109
1172
  }
1110
1173
  .e-btn-group .e-btn:disabled.e-outline,
@@ -1122,7 +1185,8 @@
1122
1185
  .e-css.e-btn-group input:disabled + label.e-btn.e-outline.e-primary {
1123
1186
  background: transparent;
1124
1187
  border-color: rgba(0, 123, 255, 0.65);
1125
- box-shadow: none;
1188
+ -webkit-box-shadow: none;
1189
+ box-shadow: none;
1126
1190
  color: rgba(0, 123, 255, 0.65);
1127
1191
  border-color: #007bff;
1128
1192
  }
@@ -1132,7 +1196,8 @@
1132
1196
  .e-css.e-btn-group input:disabled + label.e-btn.e-outline.e-success {
1133
1197
  background: transparent;
1134
1198
  border-color: rgba(40, 167, 69, 0.65);
1135
- box-shadow: none;
1199
+ -webkit-box-shadow: none;
1200
+ box-shadow: none;
1136
1201
  color: rgba(40, 167, 69, 0.65);
1137
1202
  border-color: #28a745;
1138
1203
  }
@@ -1142,7 +1207,8 @@
1142
1207
  .e-css.e-btn-group input:disabled + label.e-btn.e-outline.e-info {
1143
1208
  background: transparent;
1144
1209
  border-color: rgba(23, 162, 184, 0.65);
1145
- box-shadow: none;
1210
+ -webkit-box-shadow: none;
1211
+ box-shadow: none;
1146
1212
  color: rgba(23, 162, 184, 0.65);
1147
1213
  border-color: #17a2b8;
1148
1214
  }
@@ -1152,7 +1218,8 @@
1152
1218
  .e-css.e-btn-group input:disabled + label.e-btn.e-outline.e-warning {
1153
1219
  background: transparent;
1154
1220
  border-color: rgba(255, 193, 7, 0.65);
1155
- box-shadow: none;
1221
+ -webkit-box-shadow: none;
1222
+ box-shadow: none;
1156
1223
  color: rgba(255, 193, 7, 0.65);
1157
1224
  border-color: #ffc107;
1158
1225
  }
@@ -1162,7 +1229,8 @@
1162
1229
  .e-css.e-btn-group input:disabled + label.e-btn.e-outline.e-danger {
1163
1230
  background: transparent;
1164
1231
  border-color: rgba(220, 53, 69, 0.65);
1165
- box-shadow: none;
1232
+ -webkit-box-shadow: none;
1233
+ box-shadow: none;
1166
1234
  color: rgba(220, 53, 69, 0.65);
1167
1235
  border-color: #dc3545;
1168
1236
  }
@@ -1291,23 +1359,46 @@
1291
1359
  }
1292
1360
 
1293
1361
  /* stylelint-disable property-no-vendor-prefix */
1362
+ @-webkit-keyframes material-spinner-rotate {
1363
+ 0% {
1364
+ -webkit-transform: rotate(0);
1365
+ transform: rotate(0);
1366
+ }
1367
+ 100% {
1368
+ -webkit-transform: rotate(360deg);
1369
+ transform: rotate(360deg);
1370
+ }
1371
+ }
1294
1372
  @keyframes material-spinner-rotate {
1295
1373
  0% {
1374
+ -webkit-transform: rotate(0);
1296
1375
  transform: rotate(0);
1297
1376
  }
1298
1377
  100% {
1378
+ -webkit-transform: rotate(360deg);
1379
+ transform: rotate(360deg);
1380
+ }
1381
+ }
1382
+ @-webkit-keyframes fabric-spinner-rotate {
1383
+ 0% {
1384
+ -webkit-transform: rotate(0);
1385
+ transform: rotate(0);
1386
+ }
1387
+ 100% {
1388
+ -webkit-transform: rotate(360deg);
1299
1389
  transform: rotate(360deg);
1300
1390
  }
1301
1391
  }
1302
1392
  @keyframes fabric-spinner-rotate {
1303
1393
  0% {
1394
+ -webkit-transform: rotate(0);
1304
1395
  transform: rotate(0);
1305
1396
  }
1306
1397
  100% {
1398
+ -webkit-transform: rotate(360deg);
1307
1399
  transform: rotate(360deg);
1308
1400
  }
1309
1401
  }
1310
- /*! Progress Button Layout */
1311
1402
  .e-progress-btn {
1312
1403
  position: relative;
1313
1404
  }
@@ -1317,9 +1408,11 @@
1317
1408
  opacity: 0;
1318
1409
  position: absolute;
1319
1410
  top: 0;
1411
+ -webkit-transition: opacity 0.3s linear;
1320
1412
  transition: opacity 0.3s linear;
1321
1413
  }
1322
1414
  .e-progress-btn .e-spinner {
1415
+ -webkit-transition: all 0.3s linear;
1323
1416
  transition: all 0.3s linear;
1324
1417
  }
1325
1418
  .e-progress-btn .e-btn-content {
@@ -1352,6 +1445,7 @@
1352
1445
  opacity: 0;
1353
1446
  }
1354
1447
  .e-progress-btn.e-spin-top, .e-progress-btn.e-spin-bottom {
1448
+ -webkit-transition: padding 0.3s linear;
1355
1449
  transition: padding 0.3s linear;
1356
1450
  }
1357
1451
  .e-progress-btn.e-progress-active:not(.e-hide-spinner).e-spin-top .e-btn-content,
@@ -1361,10 +1455,12 @@
1361
1455
  line-height: 1;
1362
1456
  }
1363
1457
  .e-progress-btn.e-progress-active:not(.e-hide-spinner).e-spin-center .e-spinner {
1458
+ display: -webkit-box;
1364
1459
  display: -ms-flexbox;
1365
1460
  display: flex;
1366
- -ms-flex-pack: center;
1367
- justify-content: center;
1461
+ -webkit-box-pack: center;
1462
+ -ms-flex-pack: center;
1463
+ justify-content: center;
1368
1464
  }
1369
1465
  .e-progress-btn.e-progress-active:not(.e-hide-spinner).e-spin-left:not(.e-round) .e-spinner {
1370
1466
  padding-right: 12px;
@@ -1450,21 +1546,35 @@
1450
1546
  left: auto;
1451
1547
  position: relative;
1452
1548
  top: auto;
1453
- transform: none;
1549
+ -webkit-transform: none;
1550
+ transform: none;
1454
1551
  }
1455
1552
  .e-progress-btn .e-cont-animate {
1456
- -ms-flex-align: center;
1457
- align-items: center;
1553
+ -webkit-box-align: center;
1554
+ -ms-flex-align: center;
1555
+ align-items: center;
1556
+ display: -webkit-inline-box;
1458
1557
  display: -ms-inline-flexbox;
1459
1558
  display: inline-flex;
1460
1559
  height: 100%;
1461
- -ms-flex-pack: center;
1462
- justify-content: center;
1560
+ -webkit-box-pack: center;
1561
+ -ms-flex-pack: center;
1562
+ justify-content: center;
1463
1563
  left: 0;
1464
1564
  position: absolute;
1465
1565
  top: 0;
1466
1566
  width: 100%;
1467
1567
  }
1568
+ @-webkit-keyframes ProgressSlideLeft {
1569
+ from {
1570
+ left: 0%;
1571
+ opacity: 1;
1572
+ }
1573
+ to {
1574
+ left: -100%;
1575
+ opacity: 0;
1576
+ }
1577
+ }
1468
1578
  @keyframes ProgressSlideLeft {
1469
1579
  from {
1470
1580
  left: 0%;
@@ -1475,6 +1585,16 @@
1475
1585
  opacity: 0;
1476
1586
  }
1477
1587
  }
1588
+ @-webkit-keyframes ProgressSlideRight {
1589
+ from {
1590
+ left: 0%;
1591
+ opacity: 1;
1592
+ }
1593
+ to {
1594
+ left: 100%;
1595
+ opacity: 0;
1596
+ }
1597
+ }
1478
1598
  @keyframes ProgressSlideRight {
1479
1599
  from {
1480
1600
  left: 0%;
@@ -1485,6 +1605,18 @@
1485
1605
  opacity: 0;
1486
1606
  }
1487
1607
  }
1608
+ @-webkit-keyframes ProgressSlideUp {
1609
+ from {
1610
+ height: auto;
1611
+ opacity: 1;
1612
+ top: 0;
1613
+ }
1614
+ to {
1615
+ height: auto;
1616
+ opacity: 0;
1617
+ top: -100px;
1618
+ }
1619
+ }
1488
1620
  @keyframes ProgressSlideUp {
1489
1621
  from {
1490
1622
  height: auto;
@@ -1497,6 +1629,18 @@
1497
1629
  top: -100px;
1498
1630
  }
1499
1631
  }
1632
+ @-webkit-keyframes ProgressSlideDown {
1633
+ from {
1634
+ height: auto;
1635
+ opacity: 1;
1636
+ top: 0;
1637
+ }
1638
+ to {
1639
+ height: auto;
1640
+ opacity: 0;
1641
+ top: 100px;
1642
+ }
1643
+ }
1500
1644
  @keyframes ProgressSlideDown {
1501
1645
  from {
1502
1646
  height: auto;
@@ -1509,22 +1653,48 @@
1509
1653
  top: 100px;
1510
1654
  }
1511
1655
  }
1656
+ @-webkit-keyframes ProgressZoomIn {
1657
+ from {
1658
+ opacity: 1;
1659
+ -webkit-transform: translate(0, 0) scale(1);
1660
+ transform: translate(0, 0) scale(1);
1661
+ }
1662
+ to {
1663
+ opacity: 0;
1664
+ -webkit-transform: translate(0, 0) scale(3);
1665
+ transform: translate(0, 0) scale(3);
1666
+ }
1667
+ }
1512
1668
  @keyframes ProgressZoomIn {
1513
1669
  from {
1514
1670
  opacity: 1;
1515
- transform: translate(0, 0) scale(1);
1671
+ -webkit-transform: translate(0, 0) scale(1);
1672
+ transform: translate(0, 0) scale(1);
1516
1673
  }
1517
1674
  to {
1518
1675
  opacity: 0;
1519
- transform: translate(0, 0) scale(3);
1676
+ -webkit-transform: translate(0, 0) scale(3);
1677
+ transform: translate(0, 0) scale(3);
1678
+ }
1679
+ }
1680
+ @-webkit-keyframes ProgressZoomOut {
1681
+ from {
1682
+ -webkit-transform: translate(0, 0) scale(1);
1683
+ transform: translate(0, 0) scale(1);
1684
+ }
1685
+ to {
1686
+ -webkit-transform: translate(0, 0) scale(0);
1687
+ transform: translate(0, 0) scale(0);
1520
1688
  }
1521
1689
  }
1522
1690
  @keyframes ProgressZoomOut {
1523
1691
  from {
1524
- transform: translate(0, 0) scale(1);
1692
+ -webkit-transform: translate(0, 0) scale(1);
1693
+ transform: translate(0, 0) scale(1);
1525
1694
  }
1526
1695
  to {
1527
- transform: translate(0, 0) scale(0);
1696
+ -webkit-transform: translate(0, 0) scale(0);
1697
+ transform: translate(0, 0) scale(0);
1528
1698
  }
1529
1699
  }
1530
1700
 
@@ -1779,7 +1949,10 @@
1779
1949
 
1780
1950
  *.e-primary .e-progress,
1781
1951
  *.e-success .e-progress,
1782
- *.e-danger .e-progress,
1952
+ *.e-danger .e-progress {
1953
+ background: rgba(255, 255, 255, 0.25);
1954
+ }
1955
+
1783
1956
  *.e-info .e-progress {
1784
1957
  background: rgba(255, 255, 255, 0.25);
1785
1958
  }