@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,24 +3,27 @@
3
3
  content: "\e969";
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: inset 0 4px 5px rgba(26, 26, 26, 0.4);
25
+ -webkit-box-shadow: inset 0 4px 5px rgba(26, 26, 26, 0.4);
26
+ box-shadow: inset 0 4px 5px rgba(26, 26, 26, 0.4);
24
27
  }
25
28
  .e-dropdown-btn .e-btn-icon,
26
29
  .e-dropdown-btn.e-btn .e-btn-icon {
@@ -52,7 +55,6 @@
52
55
  line-height: 1;
53
56
  padding: 6px 12px;
54
57
  }
55
-
56
58
  .e-bigger .e-dropdown-btn .e-btn-icon,
57
59
  .e-bigger.e-dropdown-btn .e-btn-icon {
58
60
  font-size: 16px;
@@ -78,8 +80,10 @@
78
80
  .e-dropdown-popup ul {
79
81
  border: 1px solid #414141;
80
82
  border-radius: 4px;
81
- box-shadow: 0 6px 12px rgba(26, 26, 26, 0.175);
82
- box-sizing: border-box;
83
+ -webkit-box-shadow: 0 6px 12px rgba(26, 26, 26, 0.175);
84
+ box-shadow: 0 6px 12px rgba(26, 26, 26, 0.175);
85
+ -webkit-box-sizing: border-box;
86
+ box-sizing: border-box;
83
87
  font-size: 14px;
84
88
  font-weight: normal;
85
89
  list-style-image: none;
@@ -90,18 +94,23 @@
90
94
  overflow: hidden;
91
95
  padding: 3px 0;
92
96
  -webkit-user-select: none;
97
+ -moz-user-select: none;
93
98
  -ms-user-select: none;
94
99
  user-select: none;
95
100
  white-space: nowrap;
96
101
  }
97
102
  .e-dropdown-popup ul .e-item {
98
103
  cursor: pointer;
104
+ display: -webkit-box;
99
105
  display: -ms-flexbox;
100
106
  display: flex;
101
107
  height: 26px;
102
108
  line-height: 26px;
103
109
  padding: 0 14px;
104
110
  }
111
+ .e-dropdown-popup ul .e-item.e-separator {
112
+ padding: 0 !important; /* stylelint-disable-line declaration-no-important */
113
+ }
105
114
  .e-dropdown-popup ul .e-item.e-url {
106
115
  padding: 0;
107
116
  }
@@ -134,7 +143,8 @@
134
143
  }
135
144
  .e-dropdown-popup.e-transparent {
136
145
  background: transparent;
137
- box-shadow: none;
146
+ -webkit-box-shadow: none;
147
+ box-shadow: none;
138
148
  }
139
149
  .e-dropdown-popup.e-transparent .e-dropdown-menu {
140
150
  border: 0;
@@ -152,7 +162,8 @@
152
162
 
153
163
  *.e-bigger .e-dropdown-popup ul,
154
164
  *.e-bigger.e-dropdown-popup ul {
155
- box-shadow: 0 6px 12px rgba(26, 26, 26, 0.175);
165
+ -webkit-box-shadow: 0 6px 12px rgba(26, 26, 26, 0.175);
166
+ box-shadow: 0 6px 12px rgba(26, 26, 26, 0.175);
156
167
  font-size: 15px;
157
168
  max-width: 280px;
158
169
  min-width: 112px;
@@ -179,7 +190,6 @@
179
190
  line-height: normal;
180
191
  }
181
192
 
182
- /*! drop-down button theme */
183
193
  .e-dropdown-popup {
184
194
  background: #2a2a2a;
185
195
  color: #f0f0f0;
@@ -192,7 +202,8 @@
192
202
  }
193
203
  .e-dropdown-popup ul .e-item.e-focused {
194
204
  background: transparent;
195
- box-shadow: inset 0 0 0 1px #585858;
205
+ -webkit-box-shadow: inset 0 0 0 1px #585858;
206
+ box-shadow: inset 0 0 0 1px #585858;
196
207
  }
197
208
  .e-dropdown-popup ul .e-item:hover {
198
209
  background: #414141;
@@ -216,7 +227,8 @@
216
227
  .e-dropdown-btn.e-btn.e-inherit {
217
228
  background: inherit;
218
229
  border-color: transparent;
219
- box-shadow: none;
230
+ -webkit-box-shadow: none;
231
+ box-shadow: none;
220
232
  color: inherit;
221
233
  }
222
234
  .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,
@@ -226,15 +238,18 @@
226
238
  .e-dropdown-btn.e-btn.e-inherit.e-active {
227
239
  background: rgba(0, 0, 0, 0.056);
228
240
  border-color: transparent;
229
- box-shadow: none;
241
+ -webkit-box-shadow: none;
242
+ box-shadow: none;
230
243
  color: inherit;
231
244
  }
232
245
 
233
- /*! splitbutton layout */
234
246
  .e-split-btn-wrapper {
247
+ display: -webkit-inline-box;
235
248
  display: -ms-inline-flexbox;
236
249
  display: inline-flex;
237
250
  white-space: nowrap;
251
+ width: -webkit-min-content;
252
+ width: -moz-min-content;
238
253
  width: min-content;
239
254
  }
240
255
  .e-split-btn-wrapper .e-split-btn {
@@ -249,13 +264,16 @@
249
264
  outline-offset: 0;
250
265
  }
251
266
  .e-split-btn-wrapper .e-split-btn:hover {
252
- box-shadow: none;
267
+ -webkit-box-shadow: none;
268
+ box-shadow: none;
253
269
  }
254
270
  .e-split-btn-wrapper .e-split-btn:focus {
255
- box-shadow: none;
271
+ -webkit-box-shadow: none;
272
+ box-shadow: none;
256
273
  }
257
274
  .e-split-btn-wrapper .e-split-btn:active {
258
- box-shadow: inset 0 3px 5px rgba(26, 26, 26, 0.125);
275
+ -webkit-box-shadow: inset 0 3px 5px rgba(26, 26, 26, 0.125);
276
+ box-shadow: inset 0 3px 5px rgba(26, 26, 26, 0.125);
259
277
  z-index: 2;
260
278
  }
261
279
  .e-split-btn-wrapper .e-split-btn.e-top-icon-btn {
@@ -287,10 +305,12 @@
287
305
  padding-right: 4px;
288
306
  }
289
307
  .e-split-btn-wrapper .e-dropdown-btn:focus, .e-split-btn-wrapper .e-dropdown-btn:hover {
290
- box-shadow: none;
308
+ -webkit-box-shadow: none;
309
+ box-shadow: none;
291
310
  }
292
311
  .e-split-btn-wrapper .e-dropdown-btn:active {
293
- box-shadow: inset 0 3px 5px rgba(26, 26, 26, 0.125);
312
+ -webkit-box-shadow: inset 0 3px 5px rgba(26, 26, 26, 0.125);
313
+ box-shadow: inset 0 3px 5px rgba(26, 26, 26, 0.125);
294
314
  z-index: 2;
295
315
  }
296
316
  .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 {
@@ -300,22 +320,28 @@
300
320
  outline-offset: 0;
301
321
  }
302
322
  .e-split-btn-wrapper .e-btn {
303
- box-shadow: none;
323
+ -webkit-box-shadow: none;
324
+ box-shadow: none;
304
325
  }
305
326
  .e-split-btn-wrapper .e-btn:hover {
306
- box-shadow: none;
327
+ -webkit-box-shadow: none;
328
+ box-shadow: none;
307
329
  }
308
330
  .e-split-btn-wrapper .e-btn:focus {
309
- box-shadow: none;
331
+ -webkit-box-shadow: none;
332
+ box-shadow: none;
310
333
  }
311
334
  .e-split-btn-wrapper .e-btn:active {
312
- box-shadow: inset 0 3px 5px rgba(26, 26, 26, 0.125);
335
+ -webkit-box-shadow: inset 0 3px 5px rgba(26, 26, 26, 0.125);
336
+ box-shadow: inset 0 3px 5px rgba(26, 26, 26, 0.125);
313
337
  }
314
338
  .e-split-btn-wrapper .e-btn:disabled {
315
- box-shadow: none;
339
+ -webkit-box-shadow: none;
340
+ box-shadow: none;
316
341
  }
317
342
  .e-split-btn-wrapper .e-btn.e-inherit:focus, .e-split-btn-wrapper .e-btn.e-inherit:active {
318
- box-shadow: none;
343
+ -webkit-box-shadow: none;
344
+ box-shadow: none;
319
345
  }
320
346
  .e-split-btn-wrapper.e-rtl .e-split-btn {
321
347
  border-bottom-left-radius: 0;
@@ -462,7 +488,6 @@
462
488
  padding-top: 0;
463
489
  }
464
490
 
465
- /*! splitbutton theme */
466
491
  .e-split-btn-wrapper .e-split-btn {
467
492
  border-right-color: #585858;
468
493
  }
@@ -564,11 +589,14 @@
564
589
  /* stylelint-disable */
565
590
  *.e-btn-group,
566
591
  *.e-css.e-btn-group {
592
+ display: -webkit-inline-box;
567
593
  display: -ms-inline-flexbox;
568
594
  display: inline-flex;
569
595
  border-radius: 4px;
570
- -ms-flex-direction: row;
571
- flex-direction: row;
596
+ -webkit-box-orient: horizontal;
597
+ -webkit-box-direction: normal;
598
+ -ms-flex-direction: row;
599
+ flex-direction: row;
572
600
  position: relative;
573
601
  }
574
602
  *.e-btn-group input + label.e-btn,
@@ -603,8 +631,9 @@
603
631
  *.e-css.e-btn-group:not(.e-rtl):not(.e-vertical) .e-btn:not(:first-of-type):not(:last-of-type) {
604
632
  border-radius: 0;
605
633
  }
606
- *.e-btn-group:not(.e-rtl):not(.e-vertical) .e-btn:first-of-type,
607
- *.e-css.e-btn-group:not(.e-rtl):not(.e-vertical) .e-btn:first-of-type {
634
+ *.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),
635
+ *.e-css.e-btn-group:not(.e-rtl):not(.e-vertical) .e-btn:first-of-type,
636
+ *.e-css.e-btn-group:not(.e-rtl):not(.e-vertical) .e-btn:last-of-type:not(:last-child) {
608
637
  border-bottom-right-radius: 0;
609
638
  border-top-right-radius: 0;
610
639
  }
@@ -613,11 +642,6 @@
613
642
  border-bottom-left-radius: 0;
614
643
  border-top-left-radius: 0;
615
644
  }
616
- *.e-btn-group:not(.e-rtl):not(.e-vertical) .e-btn:last-of-type:not(:last-child),
617
- *.e-css.e-btn-group:not(.e-rtl):not(.e-vertical) .e-btn:last-of-type:not(:last-child) {
618
- border-bottom-right-radius: 0;
619
- border-top-right-radius: 0;
620
- }
621
645
  *.e-btn-group:not(.e-rtl):not(.e-vertical) .e-split-btn-wrapper + .e-btn,
622
646
  *.e-css.e-btn-group:not(.e-rtl):not(.e-vertical) .e-split-btn-wrapper + .e-btn {
623
647
  border-bottom-left-radius: 0;
@@ -651,8 +675,9 @@
651
675
  *.e-css.e-btn-group.e-rtl .e-btn:not(:first-of-type):not(:last-of-type) {
652
676
  border-radius: 0;
653
677
  }
654
- *.e-btn-group.e-rtl .e-btn:first-of-type,
655
- *.e-css.e-btn-group.e-rtl .e-btn:first-of-type {
678
+ *.e-btn-group.e-rtl .e-btn:first-of-type, *.e-btn-group.e-rtl .e-btn:last-of-type:not(:last-child),
679
+ *.e-css.e-btn-group.e-rtl .e-btn:first-of-type,
680
+ *.e-css.e-btn-group.e-rtl .e-btn:last-of-type:not(:last-child) {
656
681
  border-bottom-left-radius: 0;
657
682
  border-top-left-radius: 0;
658
683
  }
@@ -661,11 +686,6 @@
661
686
  border-bottom-right-radius: 0;
662
687
  border-top-right-radius: 0;
663
688
  }
664
- *.e-btn-group.e-rtl .e-btn:last-of-type:not(:last-child),
665
- *.e-css.e-btn-group.e-rtl .e-btn:last-of-type:not(:last-child) {
666
- border-bottom-left-radius: 0;
667
- border-top-left-radius: 0;
668
- }
669
689
  *.e-btn-group.e-rtl .e-split-btn-wrapper + .e-btn,
670
690
  *.e-css.e-btn-group.e-rtl .e-split-btn-wrapper + .e-btn {
671
691
  border-bottom-right-radius: 0;
@@ -693,8 +713,10 @@
693
713
  }
694
714
  *.e-btn-group.e-vertical,
695
715
  *.e-css.e-btn-group.e-vertical {
696
- -ms-flex-direction: column;
697
- flex-direction: column;
716
+ -webkit-box-orient: vertical;
717
+ -webkit-box-direction: normal;
718
+ -ms-flex-direction: column;
719
+ flex-direction: column;
698
720
  }
699
721
  *.e-btn-group.e-vertical input,
700
722
  *.e-css.e-btn-group.e-vertical input {
@@ -801,129 +823,170 @@
801
823
  /* stylelint-disable */
802
824
  .e-btn-group:not(.e-outline),
803
825
  .e-css.e-btn-group:not(.e-outline) {
804
- box-shadow: none;
826
+ -webkit-box-shadow: none;
827
+ box-shadow: none;
805
828
  }
806
829
  .e-btn-group .e-btn:hover,
807
830
  .e-css.e-btn-group .e-btn:hover {
808
- box-shadow: none;
831
+ -webkit-box-shadow: none;
832
+ box-shadow: none;
809
833
  }
810
834
  .e-btn-group .e-btn:focus,
811
835
  .e-btn-group input:focus-visible + label.e-btn,
836
+ .e-btn-group input:focus + label.e-btn,
812
837
  .e-css.e-btn-group .e-btn:focus,
813
- .e-css.e-btn-group input:focus-visible + label.e-btn {
838
+ .e-css.e-btn-group input:focus-visible + label.e-btn,
839
+ .e-css.e-btn-group input:focus + label.e-btn {
814
840
  background: #2a2a2a;
815
841
  border-color: #585858;
816
842
  color: #fff;
817
843
  outline: #393939 0 solid;
818
844
  outline-offset: 0;
819
- box-shadow: none;
845
+ -webkit-box-shadow: none;
846
+ box-shadow: none;
820
847
  box-shadow: none;
821
848
  outline-color: inherit;
822
849
  }
823
850
  .e-btn-group .e-btn:focus.e-primary,
824
851
  .e-btn-group input:focus-visible + label.e-btn.e-primary,
852
+ .e-btn-group input:focus + label.e-btn.e-primary,
825
853
  .e-css.e-btn-group .e-btn:focus.e-primary,
826
- .e-css.e-btn-group input:focus-visible + label.e-btn.e-primary {
854
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-primary,
855
+ .e-css.e-btn-group input:focus + label.e-btn.e-primary {
827
856
  background: #0058bd;
828
857
  border-color: #0058bd;
829
858
  color: #fff;
830
859
  outline: #393939 0 solid;
831
- box-shadow: none;
860
+ -webkit-box-shadow: none;
861
+ box-shadow: none;
832
862
  box-shadow: none;
833
863
  outline-color: inherit;
834
864
  }
835
865
  .e-btn-group .e-btn:focus.e-success,
836
866
  .e-btn-group input:focus-visible + label.e-btn.e-success,
867
+ .e-btn-group input:focus + label.e-btn.e-success,
837
868
  .e-css.e-btn-group .e-btn:focus.e-success,
838
- .e-css.e-btn-group input:focus-visible + label.e-btn.e-success {
869
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-success,
870
+ .e-css.e-btn-group input:focus + label.e-btn.e-success {
839
871
  background: #265e28;
840
872
  border-color: #265e28;
841
873
  color: #fff;
842
- box-shadow: none;
874
+ -webkit-box-shadow: none;
875
+ box-shadow: none;
843
876
  box-shadow: none;
844
877
  outline-color: inherit;
845
878
  }
846
879
  .e-btn-group .e-btn:focus.e-info,
847
880
  .e-btn-group input:focus-visible + label.e-btn.e-info,
881
+ .e-btn-group input:focus + label.e-btn.e-info,
848
882
  .e-css.e-btn-group .e-btn:focus.e-info,
849
- .e-css.e-btn-group input:focus-visible + label.e-btn.e-info {
883
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-info,
884
+ .e-css.e-btn-group input:focus + label.e-btn.e-info {
850
885
  background: #175b66;
851
886
  border-color: #175b66;
852
887
  color: #fff;
853
- box-shadow: none;
888
+ -webkit-box-shadow: none;
889
+ box-shadow: none;
854
890
  box-shadow: none;
855
891
  outline-color: inherit;
856
892
  }
857
893
  .e-btn-group .e-btn:focus.e-warning,
858
894
  .e-btn-group input:focus-visible + label.e-btn.e-warning,
895
+ .e-btn-group input:focus + label.e-btn.e-warning,
859
896
  .e-css.e-btn-group .e-btn:focus.e-warning,
860
- .e-css.e-btn-group input:focus-visible + label.e-btn.e-warning {
897
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-warning,
898
+ .e-css.e-btn-group input:focus + label.e-btn.e-warning {
861
899
  background: #f69807;
862
900
  border-color: #7a4c04;
863
901
  color: #000;
864
- box-shadow: none;
902
+ -webkit-box-shadow: none;
903
+ box-shadow: none;
865
904
  box-shadow: none;
866
905
  outline-color: inherit;
867
906
  }
868
907
  .e-btn-group .e-btn:focus.e-danger,
869
908
  .e-btn-group input:focus-visible + label.e-btn.e-danger,
909
+ .e-btn-group input:focus + label.e-btn.e-danger,
870
910
  .e-css.e-btn-group .e-btn:focus.e-danger,
871
- .e-css.e-btn-group input:focus-visible + label.e-btn.e-danger {
911
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-danger,
912
+ .e-css.e-btn-group input:focus + label.e-btn.e-danger {
872
913
  background: #982525;
873
914
  border-color: #982525;
874
915
  color: #fff;
875
- box-shadow: none;
916
+ -webkit-box-shadow: none;
917
+ box-shadow: none;
876
918
  box-shadow: none;
877
919
  outline-color: inherit;
878
920
  }
879
921
  .e-btn-group .e-btn:focus.e-link,
880
922
  .e-btn-group input:focus-visible + label.e-btn.e-link,
923
+ .e-btn-group input:focus + label.e-btn.e-link,
881
924
  .e-css.e-btn-group .e-btn:focus.e-link,
882
- .e-css.e-btn-group input:focus-visible + label.e-btn.e-link {
925
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-link,
926
+ .e-css.e-btn-group input:focus + label.e-btn.e-link {
883
927
  border-radius: 0;
884
928
  text-decoration: underline;
885
929
  color: #0a3576;
886
930
  background-color: transparent;
887
931
  border-color: transparent;
888
- box-shadow: none;
932
+ -webkit-box-shadow: none;
933
+ box-shadow: none;
889
934
  outline: none;
890
935
  }
891
936
  .e-btn-group .e-btn:focus.e-outline,
892
937
  .e-btn-group input:focus-visible + label.e-btn.e-outline,
938
+ .e-btn-group input:focus + label.e-btn.e-outline,
893
939
  .e-css.e-btn-group .e-btn:focus.e-outline,
894
- .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline {
895
- box-shadow: none;
940
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline,
941
+ .e-css.e-btn-group input:focus + label.e-btn.e-outline {
942
+ -webkit-box-shadow: none;
943
+ box-shadow: none;
896
944
  box-shadow: none;
897
945
  }
898
946
  .e-btn-group .e-btn:focus.e-outline.e-primary,
899
947
  .e-btn-group input:focus-visible + label.e-btn.e-outline.e-primary,
948
+ .e-btn-group input:focus + label.e-btn.e-outline.e-primary,
900
949
  .e-css.e-btn-group .e-btn:focus.e-outline.e-primary,
901
- .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-primary {
902
- box-shadow: none;
950
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-primary,
951
+ .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-primary {
952
+ -webkit-box-shadow: none;
953
+ box-shadow: none;
903
954
  }
904
955
  .e-btn-group .e-btn:focus.e-outline.e-success,
905
956
  .e-btn-group input:focus-visible + label.e-btn.e-outline.e-success,
957
+ .e-btn-group input:focus + label.e-btn.e-outline.e-success,
906
958
  .e-css.e-btn-group .e-btn:focus.e-outline.e-success,
907
- .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-success {
908
- box-shadow: none;
959
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-success,
960
+ .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-success {
961
+ -webkit-box-shadow: none;
962
+ box-shadow: none;
909
963
  }
910
964
  .e-btn-group .e-btn:focus.e-outline.e-info,
911
965
  .e-btn-group input:focus-visible + label.e-btn.e-outline.e-info,
966
+ .e-btn-group input:focus + label.e-btn.e-outline.e-info,
912
967
  .e-css.e-btn-group .e-btn:focus.e-outline.e-info,
913
- .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-info {
914
- box-shadow: none;
968
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-info,
969
+ .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-info {
970
+ -webkit-box-shadow: none;
971
+ box-shadow: none;
915
972
  }
916
973
  .e-btn-group .e-btn:focus.e-outline.e-warning,
917
974
  .e-btn-group input:focus-visible + label.e-btn.e-outline.e-warning,
975
+ .e-btn-group input:focus + label.e-btn.e-outline.e-warning,
918
976
  .e-css.e-btn-group .e-btn:focus.e-outline.e-warning,
919
- .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-warning {
920
- box-shadow: none;
977
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-warning,
978
+ .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-warning {
979
+ -webkit-box-shadow: none;
980
+ box-shadow: none;
921
981
  }
922
982
  .e-btn-group .e-btn:focus.e-outline.e-danger,
923
983
  .e-btn-group input:focus-visible + label.e-btn.e-outline.e-danger,
984
+ .e-btn-group input:focus + label.e-btn.e-outline.e-danger,
924
985
  .e-css.e-btn-group .e-btn:focus.e-outline.e-danger,
925
- .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-danger {
926
- box-shadow: none;
986
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-danger,
987
+ .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-danger {
988
+ -webkit-box-shadow: none;
989
+ box-shadow: none;
927
990
  }
928
991
  .e-btn-group .e-btn:active,
929
992
  .e-btn-group input:active + label.e-btn,
@@ -947,7 +1010,8 @@
947
1010
  border-color: #0058bd;
948
1011
  color: #fff;
949
1012
  outline: #393939 0 solid;
950
- box-shadow: inset 0 4px 5px rgba(26, 26, 26, 0.4);
1013
+ -webkit-box-shadow: inset 0 4px 5px rgba(26, 26, 26, 0.4);
1014
+ box-shadow: inset 0 4px 5px rgba(26, 26, 26, 0.4);
951
1015
  }
952
1016
  .e-btn-group .e-btn:active.e-success,
953
1017
  .e-btn-group input:active + label.e-btn.e-success,
@@ -958,7 +1022,8 @@
958
1022
  background: #1f4c21;
959
1023
  border-color: #265e28;
960
1024
  color: #fff;
961
- box-shadow: inset 0 4px 5px rgba(26, 26, 26, 0.4);
1025
+ -webkit-box-shadow: inset 0 4px 5px rgba(26, 26, 26, 0.4);
1026
+ box-shadow: inset 0 4px 5px rgba(26, 26, 26, 0.4);
962
1027
  }
963
1028
  .e-btn-group .e-btn:active.e-info,
964
1029
  .e-btn-group input:active + label.e-btn.e-info,
@@ -969,7 +1034,8 @@
969
1034
  background: #124851;
970
1035
  color: #fff;
971
1036
  border-color: #175b66;
972
- box-shadow: inset 0 4px 5px rgba(26, 26, 26, 0.4);
1037
+ -webkit-box-shadow: inset 0 4px 5px rgba(26, 26, 26, 0.4);
1038
+ box-shadow: inset 0 4px 5px rgba(26, 26, 26, 0.4);
973
1039
  }
974
1040
  .e-btn-group .e-btn:active.e-warning,
975
1041
  .e-btn-group input:active + label.e-btn.e-warning,
@@ -980,7 +1046,8 @@
980
1046
  background: #dd8907;
981
1047
  border-color: #ab6a05;
982
1048
  color: #000;
983
- box-shadow: inset 0 4px 5px rgba(26, 26, 26, 0.4);
1049
+ -webkit-box-shadow: inset 0 4px 5px rgba(26, 26, 26, 0.4);
1050
+ box-shadow: inset 0 4px 5px rgba(26, 26, 26, 0.4);
984
1051
  }
985
1052
  .e-btn-group .e-btn:active.e-danger,
986
1053
  .e-btn-group input:active + label.e-btn.e-danger,
@@ -991,7 +1058,8 @@
991
1058
  background: #832020;
992
1059
  border-color: #982525;
993
1060
  color: #fff;
994
- box-shadow: inset 0 4px 5px rgba(26, 26, 26, 0.4);
1061
+ -webkit-box-shadow: inset 0 4px 5px rgba(26, 26, 26, 0.4);
1062
+ box-shadow: inset 0 4px 5px rgba(26, 26, 26, 0.4);
995
1063
  }
996
1064
  .e-btn-group .e-btn:active.e-outline,
997
1065
  .e-btn-group input:active + label.e-btn.e-outline,
@@ -1001,7 +1069,8 @@
1001
1069
  .e-css.e-btn-group input:checked + label.e-btn.e-outline {
1002
1070
  background: #2a2a2a;
1003
1071
  border-color: #585858;
1004
- box-shadow: inset 0 4px 5px rgba(26, 26, 26, 0.4);
1072
+ -webkit-box-shadow: inset 0 4px 5px rgba(26, 26, 26, 0.4);
1073
+ box-shadow: inset 0 4px 5px rgba(26, 26, 26, 0.4);
1005
1074
  color: #fff;
1006
1075
  }
1007
1076
  .e-btn-group .e-btn:active.e-outline.e-primary,
@@ -1012,7 +1081,8 @@
1012
1081
  .e-css.e-btn-group input:checked + label.e-btn.e-outline.e-primary {
1013
1082
  background: #0058bd;
1014
1083
  border-color: #0058bd;
1015
- box-shadow: inset 0 4px 5px rgba(26, 26, 26, 0.4);
1084
+ -webkit-box-shadow: inset 0 4px 5px rgba(26, 26, 26, 0.4);
1085
+ box-shadow: inset 0 4px 5px rgba(26, 26, 26, 0.4);
1016
1086
  color: #fff;
1017
1087
  }
1018
1088
  .e-btn-group .e-btn:active.e-outline.e-success,
@@ -1023,7 +1093,8 @@
1023
1093
  .e-css.e-btn-group input:checked + label.e-btn.e-outline.e-success {
1024
1094
  background: #1f4c21;
1025
1095
  border-color: #265e28;
1026
- box-shadow: inset 0 4px 5px rgba(26, 26, 26, 0.4);
1096
+ -webkit-box-shadow: inset 0 4px 5px rgba(26, 26, 26, 0.4);
1097
+ box-shadow: inset 0 4px 5px rgba(26, 26, 26, 0.4);
1027
1098
  color: #fff;
1028
1099
  }
1029
1100
  .e-btn-group .e-btn:active.e-outline.e-info,
@@ -1034,7 +1105,8 @@
1034
1105
  .e-css.e-btn-group input:checked + label.e-btn.e-outline.e-info {
1035
1106
  background: #124851;
1036
1107
  border-color: #175b66;
1037
- box-shadow: inset 0 4px 5px rgba(26, 26, 26, 0.4);
1108
+ -webkit-box-shadow: inset 0 4px 5px rgba(26, 26, 26, 0.4);
1109
+ box-shadow: inset 0 4px 5px rgba(26, 26, 26, 0.4);
1038
1110
  color: #fff;
1039
1111
  }
1040
1112
  .e-btn-group .e-btn:active.e-outline.e-warning,
@@ -1045,7 +1117,8 @@
1045
1117
  .e-css.e-btn-group input:checked + label.e-btn.e-outline.e-warning {
1046
1118
  background: #dd8907;
1047
1119
  border-color: #ab6a05;
1048
- box-shadow: inset 0 4px 5px rgba(26, 26, 26, 0.4);
1120
+ -webkit-box-shadow: inset 0 4px 5px rgba(26, 26, 26, 0.4);
1121
+ box-shadow: inset 0 4px 5px rgba(26, 26, 26, 0.4);
1049
1122
  color: #000;
1050
1123
  }
1051
1124
  .e-btn-group .e-btn:active.e-outline.e-danger,
@@ -1056,7 +1129,8 @@
1056
1129
  .e-css.e-btn-group input:checked + label.e-btn.e-outline.e-danger {
1057
1130
  background: #832020;
1058
1131
  border-color: #982525;
1059
- box-shadow: inset 0 4px 5px rgba(26, 26, 26, 0.4);
1132
+ -webkit-box-shadow: inset 0 4px 5px rgba(26, 26, 26, 0.4);
1133
+ box-shadow: inset 0 4px 5px rgba(26, 26, 26, 0.4);
1060
1134
  color: #fff;
1061
1135
  }
1062
1136
  .e-btn-group .e-btn:disabled,
@@ -1065,7 +1139,8 @@
1065
1139
  .e-css.e-btn-group input:disabled + label.e-btn {
1066
1140
  background-color: rgba(57, 57, 57, 0.4);
1067
1141
  border-color: rgba(88, 88, 88, 0.4);
1068
- box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.5);
1142
+ -webkit-box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.5);
1143
+ box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.5);
1069
1144
  color: rgba(240, 240, 240, 0.3);
1070
1145
  border-color: #585858;
1071
1146
  }
@@ -1075,7 +1150,8 @@
1075
1150
  .e-css.e-btn-group input:disabled + label.e-btn.e-primary {
1076
1151
  background: rgba(0, 112, 240, 0.4);
1077
1152
  border-color: rgba(0, 112, 240, 0.4);
1078
- box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.5);
1153
+ -webkit-box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.5);
1154
+ box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.5);
1079
1155
  color: rgba(255, 255, 255, 0.4);
1080
1156
  border-color: #248aff;
1081
1157
  }
@@ -1085,7 +1161,8 @@
1085
1161
  .e-css.e-btn-group input:disabled + label.e-btn.e-success {
1086
1162
  background: rgba(72, 177, 76, 0.4);
1087
1163
  border-color: rgba(88, 88, 88, 0.4);
1088
- box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.5);
1164
+ -webkit-box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.5);
1165
+ box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.5);
1089
1166
  color: rgba(240, 240, 240, 0.4);
1090
1167
  border-color: #265e28;
1091
1168
  }
@@ -1095,7 +1172,8 @@
1095
1172
  .e-css.e-btn-group input:disabled + label.e-btn.e-info {
1096
1173
  background: rgba(42, 170, 192, 0.4);
1097
1174
  border-color: rgba(88, 88, 88, 0.4);
1098
- box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.5);
1175
+ -webkit-box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.5);
1176
+ box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.5);
1099
1177
  color: rgba(240, 240, 240, 0.4);
1100
1178
  border-color: #2aaac0;
1101
1179
  }
@@ -1105,7 +1183,8 @@
1105
1183
  .e-css.e-btn-group input:disabled + label.e-btn.e-warning {
1106
1184
  background: rgba(250, 193, 104, 0.4);
1107
1185
  border-color: rgba(88, 88, 88, 0.4);
1108
- box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.5);
1186
+ -webkit-box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.5);
1187
+ box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.5);
1109
1188
  color: rgba(240, 240, 240, 0.4);
1110
1189
  border-color: #f69807;
1111
1190
  }
@@ -1115,7 +1194,8 @@
1115
1194
  .e-css.e-btn-group input:disabled + label.e-btn.e-danger {
1116
1195
  background: rgba(212, 79, 79, 0.4);
1117
1196
  border-color: rgba(88, 88, 88, 0.4);
1118
- box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.5);
1197
+ -webkit-box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.5);
1198
+ box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.5);
1119
1199
  color: rgba(240, 240, 240, 0.4);
1120
1200
  border-color: #982525;
1121
1201
  }
@@ -1125,7 +1205,8 @@
1125
1205
  .e-css.e-btn-group input:disabled + label.e-btn.e-link {
1126
1206
  color: rgba(240, 240, 240, 0.3);
1127
1207
  background: transparent;
1128
- box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.5);
1208
+ -webkit-box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.5);
1209
+ box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.5);
1129
1210
  text-decoration: none;
1130
1211
  border-color: transparent;
1131
1212
  }
@@ -1135,7 +1216,8 @@
1135
1216
  .e-css.e-btn-group input:disabled + label.e-btn.e-outline {
1136
1217
  background: transparent;
1137
1218
  border-color: rgba(88, 88, 88, 0.4);
1138
- box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.5);
1219
+ -webkit-box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.5);
1220
+ box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.5);
1139
1221
  color: rgba(240, 240, 240, 0.4);
1140
1222
  border-color: #585858;
1141
1223
  }
@@ -1145,7 +1227,8 @@
1145
1227
  .e-css.e-btn-group input:disabled + label.e-btn.e-outline.e-primary {
1146
1228
  background: transparent;
1147
1229
  border-color: rgba(88, 88, 88, 0.4);
1148
- box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.5);
1230
+ -webkit-box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.5);
1231
+ box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.5);
1149
1232
  color: rgba(240, 240, 240, 0.4);
1150
1233
  border-color: #0070f0;
1151
1234
  }
@@ -1155,7 +1238,8 @@
1155
1238
  .e-css.e-btn-group input:disabled + label.e-btn.e-outline.e-success {
1156
1239
  background: transparent;
1157
1240
  border-color: rgba(53, 130, 56, 0.4);
1158
- box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.5);
1241
+ -webkit-box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.5);
1242
+ box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.5);
1159
1243
  color: rgba(53, 130, 56, 0.4);
1160
1244
  border-color: #358238;
1161
1245
  }
@@ -1165,7 +1249,8 @@
1165
1249
  .e-css.e-btn-group input:disabled + label.e-btn.e-outline.e-info {
1166
1250
  background: transparent;
1167
1251
  border-color: rgba(32, 128, 144, 0.4);
1168
- box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.5);
1252
+ -webkit-box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.5);
1253
+ box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.5);
1169
1254
  color: rgba(32, 128, 144, 0.4);
1170
1255
  border-color: #208090;
1171
1256
  }
@@ -1175,7 +1260,8 @@
1175
1260
  .e-css.e-btn-group input:disabled + label.e-btn.e-outline.e-warning {
1176
1261
  background: transparent;
1177
1262
  border-color: rgba(249, 173, 55, 0.4);
1178
- box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.5);
1263
+ -webkit-box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.5);
1264
+ box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.5);
1179
1265
  color: rgba(249, 173, 55, 0.4);
1180
1266
  border-color: #f9ad37;
1181
1267
  }
@@ -1185,7 +1271,8 @@
1185
1271
  .e-css.e-btn-group input:disabled + label.e-btn.e-outline.e-danger {
1186
1272
  background: transparent;
1187
1273
  border-color: rgba(193, 47, 47, 0.4);
1188
- box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.5);
1274
+ -webkit-box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.5);
1275
+ box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.5);
1189
1276
  color: rgba(193, 47, 47, 0.4);
1190
1277
  border-color: #c12f2f;
1191
1278
  }
@@ -1314,23 +1401,46 @@
1314
1401
  }
1315
1402
 
1316
1403
  /* stylelint-disable property-no-vendor-prefix */
1404
+ @-webkit-keyframes material-spinner-rotate {
1405
+ 0% {
1406
+ -webkit-transform: rotate(0);
1407
+ transform: rotate(0);
1408
+ }
1409
+ 100% {
1410
+ -webkit-transform: rotate(360deg);
1411
+ transform: rotate(360deg);
1412
+ }
1413
+ }
1317
1414
  @keyframes material-spinner-rotate {
1318
1415
  0% {
1416
+ -webkit-transform: rotate(0);
1417
+ transform: rotate(0);
1418
+ }
1419
+ 100% {
1420
+ -webkit-transform: rotate(360deg);
1421
+ transform: rotate(360deg);
1422
+ }
1423
+ }
1424
+ @-webkit-keyframes fabric-spinner-rotate {
1425
+ 0% {
1426
+ -webkit-transform: rotate(0);
1319
1427
  transform: rotate(0);
1320
1428
  }
1321
1429
  100% {
1430
+ -webkit-transform: rotate(360deg);
1322
1431
  transform: rotate(360deg);
1323
1432
  }
1324
1433
  }
1325
1434
  @keyframes fabric-spinner-rotate {
1326
1435
  0% {
1436
+ -webkit-transform: rotate(0);
1327
1437
  transform: rotate(0);
1328
1438
  }
1329
1439
  100% {
1440
+ -webkit-transform: rotate(360deg);
1330
1441
  transform: rotate(360deg);
1331
1442
  }
1332
1443
  }
1333
- /*! Progress Button Layout */
1334
1444
  .e-progress-btn {
1335
1445
  position: relative;
1336
1446
  }
@@ -1340,9 +1450,11 @@
1340
1450
  opacity: 0;
1341
1451
  position: absolute;
1342
1452
  top: 0;
1453
+ -webkit-transition: opacity 0.3s linear;
1343
1454
  transition: opacity 0.3s linear;
1344
1455
  }
1345
1456
  .e-progress-btn .e-spinner {
1457
+ -webkit-transition: all 0.3s linear;
1346
1458
  transition: all 0.3s linear;
1347
1459
  }
1348
1460
  .e-progress-btn .e-btn-content {
@@ -1375,6 +1487,7 @@
1375
1487
  opacity: 0;
1376
1488
  }
1377
1489
  .e-progress-btn.e-spin-top, .e-progress-btn.e-spin-bottom {
1490
+ -webkit-transition: padding 0.3s linear;
1378
1491
  transition: padding 0.3s linear;
1379
1492
  }
1380
1493
  .e-progress-btn.e-progress-active:not(.e-hide-spinner).e-spin-top .e-btn-content,
@@ -1384,10 +1497,12 @@
1384
1497
  line-height: 1;
1385
1498
  }
1386
1499
  .e-progress-btn.e-progress-active:not(.e-hide-spinner).e-spin-center .e-spinner {
1500
+ display: -webkit-box;
1387
1501
  display: -ms-flexbox;
1388
1502
  display: flex;
1389
- -ms-flex-pack: center;
1390
- justify-content: center;
1503
+ -webkit-box-pack: center;
1504
+ -ms-flex-pack: center;
1505
+ justify-content: center;
1391
1506
  }
1392
1507
  .e-progress-btn.e-progress-active:not(.e-hide-spinner).e-spin-left:not(.e-round) .e-spinner {
1393
1508
  padding-right: 12px;
@@ -1473,21 +1588,35 @@
1473
1588
  left: auto;
1474
1589
  position: relative;
1475
1590
  top: auto;
1476
- transform: none;
1591
+ -webkit-transform: none;
1592
+ transform: none;
1477
1593
  }
1478
1594
  .e-progress-btn .e-cont-animate {
1479
- -ms-flex-align: center;
1480
- align-items: center;
1595
+ -webkit-box-align: center;
1596
+ -ms-flex-align: center;
1597
+ align-items: center;
1598
+ display: -webkit-inline-box;
1481
1599
  display: -ms-inline-flexbox;
1482
1600
  display: inline-flex;
1483
1601
  height: 100%;
1484
- -ms-flex-pack: center;
1485
- justify-content: center;
1602
+ -webkit-box-pack: center;
1603
+ -ms-flex-pack: center;
1604
+ justify-content: center;
1486
1605
  left: 0;
1487
1606
  position: absolute;
1488
1607
  top: 0;
1489
1608
  width: 100%;
1490
1609
  }
1610
+ @-webkit-keyframes ProgressSlideLeft {
1611
+ from {
1612
+ left: 0%;
1613
+ opacity: 1;
1614
+ }
1615
+ to {
1616
+ left: -100%;
1617
+ opacity: 0;
1618
+ }
1619
+ }
1491
1620
  @keyframes ProgressSlideLeft {
1492
1621
  from {
1493
1622
  left: 0%;
@@ -1498,6 +1627,16 @@
1498
1627
  opacity: 0;
1499
1628
  }
1500
1629
  }
1630
+ @-webkit-keyframes ProgressSlideRight {
1631
+ from {
1632
+ left: 0%;
1633
+ opacity: 1;
1634
+ }
1635
+ to {
1636
+ left: 100%;
1637
+ opacity: 0;
1638
+ }
1639
+ }
1501
1640
  @keyframes ProgressSlideRight {
1502
1641
  from {
1503
1642
  left: 0%;
@@ -1508,6 +1647,18 @@
1508
1647
  opacity: 0;
1509
1648
  }
1510
1649
  }
1650
+ @-webkit-keyframes ProgressSlideUp {
1651
+ from {
1652
+ height: auto;
1653
+ opacity: 1;
1654
+ top: 0;
1655
+ }
1656
+ to {
1657
+ height: auto;
1658
+ opacity: 0;
1659
+ top: -100px;
1660
+ }
1661
+ }
1511
1662
  @keyframes ProgressSlideUp {
1512
1663
  from {
1513
1664
  height: auto;
@@ -1520,6 +1671,18 @@
1520
1671
  top: -100px;
1521
1672
  }
1522
1673
  }
1674
+ @-webkit-keyframes ProgressSlideDown {
1675
+ from {
1676
+ height: auto;
1677
+ opacity: 1;
1678
+ top: 0;
1679
+ }
1680
+ to {
1681
+ height: auto;
1682
+ opacity: 0;
1683
+ top: 100px;
1684
+ }
1685
+ }
1523
1686
  @keyframes ProgressSlideDown {
1524
1687
  from {
1525
1688
  height: auto;
@@ -1532,22 +1695,48 @@
1532
1695
  top: 100px;
1533
1696
  }
1534
1697
  }
1698
+ @-webkit-keyframes ProgressZoomIn {
1699
+ from {
1700
+ opacity: 1;
1701
+ -webkit-transform: translate(0, 0) scale(1);
1702
+ transform: translate(0, 0) scale(1);
1703
+ }
1704
+ to {
1705
+ opacity: 0;
1706
+ -webkit-transform: translate(0, 0) scale(3);
1707
+ transform: translate(0, 0) scale(3);
1708
+ }
1709
+ }
1535
1710
  @keyframes ProgressZoomIn {
1536
1711
  from {
1537
1712
  opacity: 1;
1538
- transform: translate(0, 0) scale(1);
1713
+ -webkit-transform: translate(0, 0) scale(1);
1714
+ transform: translate(0, 0) scale(1);
1539
1715
  }
1540
1716
  to {
1541
1717
  opacity: 0;
1542
- transform: translate(0, 0) scale(3);
1718
+ -webkit-transform: translate(0, 0) scale(3);
1719
+ transform: translate(0, 0) scale(3);
1720
+ }
1721
+ }
1722
+ @-webkit-keyframes ProgressZoomOut {
1723
+ from {
1724
+ -webkit-transform: translate(0, 0) scale(1);
1725
+ transform: translate(0, 0) scale(1);
1726
+ }
1727
+ to {
1728
+ -webkit-transform: translate(0, 0) scale(0);
1729
+ transform: translate(0, 0) scale(0);
1543
1730
  }
1544
1731
  }
1545
1732
  @keyframes ProgressZoomOut {
1546
1733
  from {
1547
- transform: translate(0, 0) scale(1);
1734
+ -webkit-transform: translate(0, 0) scale(1);
1735
+ transform: translate(0, 0) scale(1);
1548
1736
  }
1549
1737
  to {
1550
- transform: translate(0, 0) scale(0);
1738
+ -webkit-transform: translate(0, 0) scale(0);
1739
+ transform: translate(0, 0) scale(0);
1551
1740
  }
1552
1741
  }
1553
1742
 
@@ -1754,7 +1943,10 @@
1754
1943
 
1755
1944
  *.e-primary .e-progress,
1756
1945
  *.e-success .e-progress,
1757
- *.e-danger .e-progress,
1946
+ *.e-danger .e-progress {
1947
+ background: rgba(255, 255, 255, 0.3);
1948
+ }
1949
+
1758
1950
  *.e-info .e-progress {
1759
1951
  background: rgba(255, 255, 255, 0.3);
1760
1952
  }