@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 3px 5px rgba(0, 0, 0, 0.125);
25
+ -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
26
+ box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
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 #ccc;
80
82
  border-radius: 4px;
81
- box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
82
- box-sizing: border-box;
83
+ -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
84
+ box-shadow: 0 6px 12px rgba(0, 0, 0, 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(0, 0, 0, 0.175);
165
+ -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
166
+ box-shadow: 0 6px 12px rgba(0, 0, 0, 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: #fff;
185
195
  color: #333;
@@ -192,7 +202,8 @@
192
202
  }
193
203
  .e-dropdown-popup ul .e-item.e-focused {
194
204
  background: transparent;
195
- box-shadow: 0 0 0 1px #8c8c8c inset;
205
+ -webkit-box-shadow: 0 0 0 1px #8c8c8c inset;
206
+ box-shadow: 0 0 0 1px #8c8c8c inset;
196
207
  }
197
208
  .e-dropdown-popup ul .e-item:hover {
198
209
  background: #e6e6e6;
@@ -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(0, 0, 0, 0.125);
275
+ -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
276
+ box-shadow: inset 0 3px 5px rgba(0, 0, 0, 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(0, 0, 0, 0.125);
312
+ -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
313
+ box-shadow: inset 0 3px 5px rgba(0, 0, 0, 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(0, 0, 0, 0.125);
335
+ -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
336
+ box-shadow: inset 0 3px 5px rgba(0, 0, 0, 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: #ccc;
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: #e6e6e6;
815
841
  border-color: #8c8c8c;
816
842
  color: #333;
817
843
  outline: #fff 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: #21527d;
828
857
  border-color: #0c1d2c;
829
858
  color: #fff;
830
859
  outline: #fff 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: #124a1f;
840
872
  border-color: black;
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: #104b5d;
851
886
  border-color: #010406;
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: #613b05;
862
900
  border-color: black;
863
901
  color: #fff;
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: #a51c2a;
873
914
  border-color: #4e0d14;
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: #163854;
948
1011
  color: #fff;
949
1012
  outline: #fff 0 solid;
950
- box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
1013
+ -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
1014
+ box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
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: #124a1f;
959
1023
  border-color: #08210e;
960
1024
  color: #fff;
961
- box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
1025
+ -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
1026
+ box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
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: #104b5d;
970
1035
  color: #fff;
971
1036
  border-color: #082831;
972
- box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
1037
+ -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
1038
+ box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
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: #613b05;
981
1047
  border-color: #301d02;
982
1048
  color: #fff;
983
- box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
1049
+ -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
1050
+ box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
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: #a51c2a;
992
1059
  border-color: #7a151f;
993
1060
  color: #fff;
994
- box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
1061
+ -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
1062
+ box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
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: #e6e6e6;
1003
1071
  border-color: #adadad;
1004
- box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
1072
+ -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
1073
+ box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
1005
1074
  color: #333;
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: #21527d;
1014
1083
  border-color: #265f91;
1015
- box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
1084
+ -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
1085
+ box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
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: #124a1f;
1025
1095
  border-color: #08210e;
1026
- box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
1096
+ -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
1097
+ box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
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: #104b5d;
1036
1107
  border-color: #082831;
1037
- box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
1108
+ -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
1109
+ box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
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: #613b05;
1047
1119
  border-color: #301d02;
1048
- box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
1120
+ -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
1121
+ box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
1049
1122
  color: #fff;
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: #a51c2a;
1058
1131
  border-color: #7a151f;
1059
- box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
1132
+ -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
1133
+ box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
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(255, 255, 255, 0.65);
1067
1141
  border-color: rgba(204, 204, 204, 0.65);
1068
- box-shadow: none;
1142
+ -webkit-box-shadow: none;
1143
+ box-shadow: none;
1069
1144
  color: rgba(51, 51, 51, 0.65);
1070
1145
  border-color: #ccc;
1071
1146
  }
@@ -1075,7 +1150,8 @@
1075
1150
  .e-css.e-btn-group input:disabled + label.e-btn.e-primary {
1076
1151
  background: rgba(49, 122, 185, 0.65);
1077
1152
  border-color: rgba(204, 204, 204, 0.65);
1078
- box-shadow: none;
1153
+ -webkit-box-shadow: none;
1154
+ box-shadow: none;
1079
1155
  color: rgba(255, 255, 255, 0.65);
1080
1156
  border-color: #265f91;
1081
1157
  }
@@ -1085,7 +1161,8 @@
1085
1161
  .e-css.e-btn-group input:disabled + label.e-btn.e-success {
1086
1162
  background: rgba(92, 184, 92, 0.65);
1087
1163
  border-color: rgba(204, 204, 204, 0.65);
1088
- box-shadow: none;
1164
+ -webkit-box-shadow: none;
1165
+ box-shadow: none;
1089
1166
  color: rgba(255, 255, 255, 0.65);
1090
1167
  border-color: #175e28;
1091
1168
  }
@@ -1095,7 +1172,8 @@
1095
1172
  .e-css.e-btn-group input:disabled + label.e-btn.e-info {
1096
1173
  background: rgba(91, 192, 222, 0.65);
1097
1174
  border-color: rgba(204, 204, 204, 0.65);
1098
- box-shadow: none;
1175
+ -webkit-box-shadow: none;
1176
+ box-shadow: none;
1099
1177
  color: rgba(255, 255, 255, 0.65);
1100
1178
  border-color: #145d72;
1101
1179
  }
@@ -1105,7 +1183,8 @@
1105
1183
  .e-css.e-btn-group input:disabled + label.e-btn.e-warning {
1106
1184
  background: rgba(240, 173, 78, 0.65);
1107
1185
  border-color: rgba(204, 204, 204, 0.65);
1108
- box-shadow: none;
1186
+ -webkit-box-shadow: none;
1187
+ box-shadow: none;
1109
1188
  color: rgba(255, 255, 255, 0.65);
1110
1189
  border-color: #794906;
1111
1190
  }
@@ -1115,7 +1194,8 @@
1115
1194
  .e-css.e-btn-group input:disabled + label.e-btn.e-danger {
1116
1195
  background: rgba(217, 83, 79, 0.65);
1117
1196
  border-color: rgba(204, 204, 204, 0.65);
1118
- box-shadow: none;
1197
+ -webkit-box-shadow: none;
1198
+ box-shadow: none;
1119
1199
  color: rgba(255, 255, 255, 0.65);
1120
1200
  border-color: #bb202f;
1121
1201
  }
@@ -1125,7 +1205,8 @@
1125
1205
  .e-css.e-btn-group input:disabled + label.e-btn.e-link {
1126
1206
  color: rgba(51, 51, 51, 0.65);
1127
1207
  background: transparent;
1128
- box-shadow: none;
1208
+ -webkit-box-shadow: none;
1209
+ box-shadow: none;
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(204, 204, 204, 0.65);
1138
- box-shadow: none;
1219
+ -webkit-box-shadow: none;
1220
+ box-shadow: none;
1139
1221
  color: rgba(51, 51, 51, 0.65);
1140
1222
  border-color: #ccc;
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(204, 204, 204, 0.65);
1148
- box-shadow: none;
1230
+ -webkit-box-shadow: none;
1231
+ box-shadow: none;
1149
1232
  color: rgba(51, 51, 51, 0.65);
1150
1233
  border-color: #317ab9;
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(33, 135, 57, 0.65);
1158
- box-shadow: none;
1241
+ -webkit-box-shadow: none;
1242
+ box-shadow: none;
1159
1243
  color: rgba(33, 135, 57, 0.65);
1160
1244
  border-color: #218739;
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(27, 128, 158, 0.65);
1168
- box-shadow: none;
1252
+ -webkit-box-shadow: none;
1253
+ box-shadow: none;
1169
1254
  color: rgba(27, 128, 158, 0.65);
1170
1255
  border-color: #1b809e;
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(170, 103, 8, 0.65);
1178
- box-shadow: none;
1263
+ -webkit-box-shadow: none;
1264
+ box-shadow: none;
1179
1265
  color: rgba(170, 103, 8, 0.65);
1180
1266
  border-color: #aa6708;
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(220, 50, 67, 0.65);
1188
- box-shadow: none;
1274
+ -webkit-box-shadow: none;
1275
+ box-shadow: none;
1189
1276
  color: rgba(220, 50, 67, 0.65);
1190
1277
  border-color: #dc3243;
1191
1278
  }
@@ -1287,23 +1374,46 @@
1287
1374
  outline-color: inherit;
1288
1375
  }
1289
1376
  /* stylelint-disable property-no-vendor-prefix */
1377
+ @-webkit-keyframes material-spinner-rotate {
1378
+ 0% {
1379
+ -webkit-transform: rotate(0);
1380
+ transform: rotate(0);
1381
+ }
1382
+ 100% {
1383
+ -webkit-transform: rotate(360deg);
1384
+ transform: rotate(360deg);
1385
+ }
1386
+ }
1290
1387
  @keyframes material-spinner-rotate {
1291
1388
  0% {
1389
+ -webkit-transform: rotate(0);
1292
1390
  transform: rotate(0);
1293
1391
  }
1294
1392
  100% {
1393
+ -webkit-transform: rotate(360deg);
1394
+ transform: rotate(360deg);
1395
+ }
1396
+ }
1397
+ @-webkit-keyframes fabric-spinner-rotate {
1398
+ 0% {
1399
+ -webkit-transform: rotate(0);
1400
+ transform: rotate(0);
1401
+ }
1402
+ 100% {
1403
+ -webkit-transform: rotate(360deg);
1295
1404
  transform: rotate(360deg);
1296
1405
  }
1297
1406
  }
1298
1407
  @keyframes fabric-spinner-rotate {
1299
1408
  0% {
1409
+ -webkit-transform: rotate(0);
1300
1410
  transform: rotate(0);
1301
1411
  }
1302
1412
  100% {
1413
+ -webkit-transform: rotate(360deg);
1303
1414
  transform: rotate(360deg);
1304
1415
  }
1305
1416
  }
1306
- /*! Progress Button Layout */
1307
1417
  .e-progress-btn {
1308
1418
  position: relative;
1309
1419
  }
@@ -1313,9 +1423,11 @@
1313
1423
  opacity: 0;
1314
1424
  position: absolute;
1315
1425
  top: 0;
1426
+ -webkit-transition: opacity 0.3s linear;
1316
1427
  transition: opacity 0.3s linear;
1317
1428
  }
1318
1429
  .e-progress-btn .e-spinner {
1430
+ -webkit-transition: all 0.3s linear;
1319
1431
  transition: all 0.3s linear;
1320
1432
  }
1321
1433
  .e-progress-btn .e-btn-content {
@@ -1348,6 +1460,7 @@
1348
1460
  opacity: 0;
1349
1461
  }
1350
1462
  .e-progress-btn.e-spin-top, .e-progress-btn.e-spin-bottom {
1463
+ -webkit-transition: padding 0.3s linear;
1351
1464
  transition: padding 0.3s linear;
1352
1465
  }
1353
1466
  .e-progress-btn.e-progress-active:not(.e-hide-spinner).e-spin-top .e-btn-content,
@@ -1357,10 +1470,12 @@
1357
1470
  line-height: 1;
1358
1471
  }
1359
1472
  .e-progress-btn.e-progress-active:not(.e-hide-spinner).e-spin-center .e-spinner {
1473
+ display: -webkit-box;
1360
1474
  display: -ms-flexbox;
1361
1475
  display: flex;
1362
- -ms-flex-pack: center;
1363
- justify-content: center;
1476
+ -webkit-box-pack: center;
1477
+ -ms-flex-pack: center;
1478
+ justify-content: center;
1364
1479
  }
1365
1480
  .e-progress-btn.e-progress-active:not(.e-hide-spinner).e-spin-left:not(.e-round) .e-spinner {
1366
1481
  padding-right: 12px;
@@ -1446,21 +1561,35 @@
1446
1561
  left: auto;
1447
1562
  position: relative;
1448
1563
  top: auto;
1449
- transform: none;
1564
+ -webkit-transform: none;
1565
+ transform: none;
1450
1566
  }
1451
1567
  .e-progress-btn .e-cont-animate {
1452
- -ms-flex-align: center;
1453
- align-items: center;
1568
+ -webkit-box-align: center;
1569
+ -ms-flex-align: center;
1570
+ align-items: center;
1571
+ display: -webkit-inline-box;
1454
1572
  display: -ms-inline-flexbox;
1455
1573
  display: inline-flex;
1456
1574
  height: 100%;
1457
- -ms-flex-pack: center;
1458
- justify-content: center;
1575
+ -webkit-box-pack: center;
1576
+ -ms-flex-pack: center;
1577
+ justify-content: center;
1459
1578
  left: 0;
1460
1579
  position: absolute;
1461
1580
  top: 0;
1462
1581
  width: 100%;
1463
1582
  }
1583
+ @-webkit-keyframes ProgressSlideLeft {
1584
+ from {
1585
+ left: 0%;
1586
+ opacity: 1;
1587
+ }
1588
+ to {
1589
+ left: -100%;
1590
+ opacity: 0;
1591
+ }
1592
+ }
1464
1593
  @keyframes ProgressSlideLeft {
1465
1594
  from {
1466
1595
  left: 0%;
@@ -1471,6 +1600,16 @@
1471
1600
  opacity: 0;
1472
1601
  }
1473
1602
  }
1603
+ @-webkit-keyframes ProgressSlideRight {
1604
+ from {
1605
+ left: 0%;
1606
+ opacity: 1;
1607
+ }
1608
+ to {
1609
+ left: 100%;
1610
+ opacity: 0;
1611
+ }
1612
+ }
1474
1613
  @keyframes ProgressSlideRight {
1475
1614
  from {
1476
1615
  left: 0%;
@@ -1481,6 +1620,18 @@
1481
1620
  opacity: 0;
1482
1621
  }
1483
1622
  }
1623
+ @-webkit-keyframes ProgressSlideUp {
1624
+ from {
1625
+ height: auto;
1626
+ opacity: 1;
1627
+ top: 0;
1628
+ }
1629
+ to {
1630
+ height: auto;
1631
+ opacity: 0;
1632
+ top: -100px;
1633
+ }
1634
+ }
1484
1635
  @keyframes ProgressSlideUp {
1485
1636
  from {
1486
1637
  height: auto;
@@ -1493,6 +1644,18 @@
1493
1644
  top: -100px;
1494
1645
  }
1495
1646
  }
1647
+ @-webkit-keyframes ProgressSlideDown {
1648
+ from {
1649
+ height: auto;
1650
+ opacity: 1;
1651
+ top: 0;
1652
+ }
1653
+ to {
1654
+ height: auto;
1655
+ opacity: 0;
1656
+ top: 100px;
1657
+ }
1658
+ }
1496
1659
  @keyframes ProgressSlideDown {
1497
1660
  from {
1498
1661
  height: auto;
@@ -1505,22 +1668,48 @@
1505
1668
  top: 100px;
1506
1669
  }
1507
1670
  }
1671
+ @-webkit-keyframes ProgressZoomIn {
1672
+ from {
1673
+ opacity: 1;
1674
+ -webkit-transform: translate(0, 0) scale(1);
1675
+ transform: translate(0, 0) scale(1);
1676
+ }
1677
+ to {
1678
+ opacity: 0;
1679
+ -webkit-transform: translate(0, 0) scale(3);
1680
+ transform: translate(0, 0) scale(3);
1681
+ }
1682
+ }
1508
1683
  @keyframes ProgressZoomIn {
1509
1684
  from {
1510
1685
  opacity: 1;
1511
- transform: translate(0, 0) scale(1);
1686
+ -webkit-transform: translate(0, 0) scale(1);
1687
+ transform: translate(0, 0) scale(1);
1512
1688
  }
1513
1689
  to {
1514
1690
  opacity: 0;
1515
- transform: translate(0, 0) scale(3);
1691
+ -webkit-transform: translate(0, 0) scale(3);
1692
+ transform: translate(0, 0) scale(3);
1693
+ }
1694
+ }
1695
+ @-webkit-keyframes ProgressZoomOut {
1696
+ from {
1697
+ -webkit-transform: translate(0, 0) scale(1);
1698
+ transform: translate(0, 0) scale(1);
1699
+ }
1700
+ to {
1701
+ -webkit-transform: translate(0, 0) scale(0);
1702
+ transform: translate(0, 0) scale(0);
1516
1703
  }
1517
1704
  }
1518
1705
  @keyframes ProgressZoomOut {
1519
1706
  from {
1520
- transform: translate(0, 0) scale(1);
1707
+ -webkit-transform: translate(0, 0) scale(1);
1708
+ transform: translate(0, 0) scale(1);
1521
1709
  }
1522
1710
  to {
1523
- transform: translate(0, 0) scale(0);
1711
+ -webkit-transform: translate(0, 0) scale(0);
1712
+ transform: translate(0, 0) scale(0);
1524
1713
  }
1525
1714
  }
1526
1715
 
@@ -1772,7 +1961,10 @@
1772
1961
 
1773
1962
  *.e-primary .e-progress,
1774
1963
  *.e-success .e-progress,
1775
- *.e-danger .e-progress,
1964
+ *.e-danger .e-progress {
1965
+ background: rgba(255, 255, 255, 0.3);
1966
+ }
1967
+
1776
1968
  *.e-info .e-progress {
1777
1969
  background: rgba(255, 255, 255, 0.3);
1778
1970
  }