@syncfusion/ej2-vue-splitbuttons 19.4.48 → 20.1.55

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 (105) hide show
  1. package/CHANGELOG.md +1 -3
  2. package/README.md +1 -1
  3. package/dist/ej2-vue-splitbuttons.umd.min.js +29 -2
  4. package/dist/ej2-vue-splitbuttons.umd.min.js.map +1 -1
  5. package/dist/es6/ej2-vue-splitbuttons.es2015.js +117 -11
  6. package/dist/es6/ej2-vue-splitbuttons.es2015.js.map +1 -1
  7. package/dist/es6/ej2-vue-splitbuttons.es5.js +78 -9
  8. package/dist/es6/ej2-vue-splitbuttons.es5.js.map +1 -1
  9. package/dist/global/ej2-vue-splitbuttons.min.js +2 -2
  10. package/package.json +8 -8
  11. package/src/drop-down-button/dropdownbutton.component.d.ts +1 -0
  12. package/src/drop-down-button/dropdownbutton.component.js +10 -1
  13. package/src/drop-down-button/items.directive.d.ts +3 -1
  14. package/src/drop-down-button/items.directive.js +24 -2
  15. package/src/progress-button/progressbutton.component.d.ts +1 -0
  16. package/src/progress-button/progressbutton.component.js +10 -1
  17. package/src/split-button/items.directive.d.ts +3 -1
  18. package/src/split-button/items.directive.js +24 -2
  19. package/src/split-button/splitbutton.component.d.ts +1 -0
  20. package/src/split-button/splitbutton.component.js +10 -1
  21. package/styles/bootstrap-dark.css +49 -375
  22. package/styles/bootstrap.css +49 -370
  23. package/styles/bootstrap4.css +57 -379
  24. package/styles/bootstrap5-dark.css +84 -389
  25. package/styles/bootstrap5.css +82 -387
  26. package/styles/button-group/bootstrap-dark.css +1 -106
  27. package/styles/button-group/bootstrap.css +1 -100
  28. package/styles/button-group/bootstrap4.css +5 -111
  29. package/styles/button-group/bootstrap5-dark.css +3 -108
  30. package/styles/button-group/bootstrap5.css +1 -106
  31. package/styles/button-group/fabric-dark.css +1 -106
  32. package/styles/button-group/fabric.css +1 -106
  33. package/styles/button-group/fluent-dark.css +761 -0
  34. package/styles/button-group/fluent-dark.scss +1 -0
  35. package/styles/button-group/fluent.css +761 -0
  36. package/styles/button-group/fluent.scss +1 -0
  37. package/styles/button-group/highcontrast-light.css +1 -106
  38. package/styles/button-group/highcontrast.css +1 -118
  39. package/styles/button-group/material-dark.css +1 -106
  40. package/styles/button-group/material.css +1 -107
  41. package/styles/button-group/tailwind-dark.css +1 -102
  42. package/styles/button-group/tailwind.css +1 -102
  43. package/styles/drop-down-button/bootstrap-dark.css +2 -36
  44. package/styles/drop-down-button/bootstrap.css +2 -36
  45. package/styles/drop-down-button/bootstrap4.css +3 -36
  46. package/styles/drop-down-button/bootstrap5-dark.css +10 -43
  47. package/styles/drop-down-button/bootstrap5.css +10 -43
  48. package/styles/drop-down-button/fabric-dark.css +2 -36
  49. package/styles/drop-down-button/fabric.css +2 -36
  50. package/styles/drop-down-button/fluent-dark.css +213 -0
  51. package/styles/drop-down-button/fluent-dark.scss +1 -0
  52. package/styles/drop-down-button/fluent.css +213 -0
  53. package/styles/drop-down-button/fluent.scss +1 -0
  54. package/styles/drop-down-button/highcontrast-light.css +2 -36
  55. package/styles/drop-down-button/highcontrast.css +2 -36
  56. package/styles/drop-down-button/material-dark.css +2 -36
  57. package/styles/drop-down-button/material.css +2 -36
  58. package/styles/drop-down-button/tailwind-dark.css +9 -43
  59. package/styles/drop-down-button/tailwind.css +9 -43
  60. package/styles/fabric-dark.css +49 -375
  61. package/styles/fabric.css +49 -375
  62. package/styles/fluent-dark.css +1818 -0
  63. package/styles/fluent-dark.scss +4 -0
  64. package/styles/fluent.css +1818 -0
  65. package/styles/fluent.scss +4 -0
  66. package/styles/highcontrast-light.css +49 -375
  67. package/styles/highcontrast.css +49 -387
  68. package/styles/material-dark.css +49 -375
  69. package/styles/material.css +49 -376
  70. package/styles/progress-button/bootstrap-dark.css +48 -165
  71. package/styles/progress-button/bootstrap.css +48 -165
  72. package/styles/progress-button/bootstrap4.css +48 -165
  73. package/styles/progress-button/bootstrap5-dark.css +73 -174
  74. package/styles/progress-button/bootstrap5.css +73 -174
  75. package/styles/progress-button/fabric-dark.css +48 -165
  76. package/styles/progress-button/fabric.css +48 -165
  77. package/styles/progress-button/fluent-dark.css +544 -0
  78. package/styles/progress-button/fluent-dark.scss +1 -0
  79. package/styles/progress-button/fluent.css +544 -0
  80. package/styles/progress-button/fluent.scss +1 -0
  81. package/styles/progress-button/highcontrast-light.css +48 -165
  82. package/styles/progress-button/highcontrast.css +48 -165
  83. package/styles/progress-button/material-dark.css +48 -165
  84. package/styles/progress-button/material.css +48 -165
  85. package/styles/progress-button/tailwind-dark.css +68 -169
  86. package/styles/progress-button/tailwind.css +68 -169
  87. package/styles/split-button/bootstrap-dark.css +1 -71
  88. package/styles/split-button/bootstrap.css +1 -71
  89. package/styles/split-button/bootstrap4.css +4 -70
  90. package/styles/split-button/bootstrap5-dark.css +1 -67
  91. package/styles/split-button/bootstrap5.css +1 -67
  92. package/styles/split-button/fabric-dark.css +1 -71
  93. package/styles/split-button/fabric.css +1 -71
  94. package/styles/split-button/fluent-dark.css +297 -0
  95. package/styles/split-button/fluent-dark.scss +1 -0
  96. package/styles/split-button/fluent.css +297 -0
  97. package/styles/split-button/fluent.scss +1 -0
  98. package/styles/split-button/highcontrast-light.css +1 -71
  99. package/styles/split-button/highcontrast.css +1 -71
  100. package/styles/split-button/material-dark.css +1 -71
  101. package/styles/split-button/material.css +1 -71
  102. package/styles/split-button/tailwind-dark.css +10 -80
  103. package/styles/split-button/tailwind.css +10 -80
  104. package/styles/tailwind-dark.css +85 -392
  105. package/styles/tailwind.css +85 -392
@@ -6,7 +6,6 @@
6
6
  white-space: nowrap;
7
7
  width: min-content;
8
8
  }
9
-
10
9
  .e-split-btn-wrapper .e-split-btn {
11
10
  border-bottom-right-radius: 0;
12
11
  border-top-right-radius: 0;
@@ -15,50 +14,40 @@
15
14
  padding-left: 10px;
16
15
  padding-right: 10px;
17
16
  }
18
-
19
17
  .e-split-btn-wrapper .e-split-btn:focus {
20
18
  outline-offset: 0;
21
19
  }
22
-
23
20
  .e-split-btn-wrapper .e-split-btn:hover {
24
21
  box-shadow: none;
25
22
  }
26
-
27
23
  .e-split-btn-wrapper .e-split-btn:focus {
28
24
  box-shadow: none;
29
25
  }
30
-
31
26
  .e-split-btn-wrapper .e-split-btn:active {
32
27
  box-shadow: none;
33
28
  z-index: 0;
34
29
  }
35
-
36
30
  .e-split-btn-wrapper .e-split-btn.e-top-icon-btn {
37
31
  padding-bottom: 10px;
38
32
  padding-top: 10px;
39
33
  }
40
-
41
34
  .e-split-btn-wrapper .e-split-btn .e-btn-icon {
42
35
  font-size: 14px;
43
36
  margin-left: 0;
44
37
  padding-right: 8px;
45
38
  width: auto;
46
39
  }
47
-
48
40
  .e-split-btn-wrapper .e-split-btn .e-icon-top {
49
41
  padding-bottom: 4px;
50
42
  padding-right: 0;
51
43
  }
52
-
53
44
  .e-split-btn-wrapper .e-split-btn.e-icon-btn {
54
45
  padding-left: 6px;
55
46
  padding-right: 6px;
56
47
  }
57
-
58
48
  .e-split-btn-wrapper .e-split-btn.e-icon-btn .e-btn-icon {
59
49
  padding-right: 0;
60
50
  }
61
-
62
51
  .e-split-btn-wrapper .e-dropdown-btn {
63
52
  border-bottom-left-radius: 0;
64
53
  border-top-left-radius: 0;
@@ -66,44 +55,34 @@
66
55
  padding-left: 4px;
67
56
  padding-right: 4px;
68
57
  }
69
-
70
58
  .e-split-btn-wrapper .e-dropdown-btn:focus, .e-split-btn-wrapper .e-dropdown-btn:hover {
71
59
  box-shadow: none;
72
60
  }
73
-
74
61
  .e-split-btn-wrapper .e-dropdown-btn:active {
75
62
  box-shadow: none;
76
63
  z-index: 0;
77
64
  }
78
-
79
65
  .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 {
80
66
  z-index: 0;
81
67
  }
82
-
83
68
  .e-split-btn-wrapper .e-dropdown-btn:focus {
84
69
  outline-offset: 0;
85
70
  }
86
-
87
71
  .e-split-btn-wrapper .e-btn {
88
72
  box-shadow: none;
89
73
  }
90
-
91
74
  .e-split-btn-wrapper .e-btn:hover {
92
75
  box-shadow: none;
93
76
  }
94
-
95
77
  .e-split-btn-wrapper .e-btn:focus {
96
78
  box-shadow: none;
97
79
  }
98
-
99
80
  .e-split-btn-wrapper .e-btn:active {
100
81
  box-shadow: none;
101
82
  }
102
-
103
83
  .e-split-btn-wrapper .e-btn:disabled {
104
84
  box-shadow: none;
105
85
  }
106
-
107
86
  .e-split-btn-wrapper.e-rtl .e-split-btn {
108
87
  border-bottom-left-radius: 0;
109
88
  border-bottom-right-radius: 2px;
@@ -113,26 +92,21 @@
113
92
  padding-left: 4px;
114
93
  padding-right: 10px;
115
94
  }
116
-
117
95
  .e-split-btn-wrapper.e-rtl .e-split-btn .e-btn-icon {
118
96
  margin-right: 0;
119
97
  padding-left: 8px;
120
98
  padding-right: 0;
121
99
  }
122
-
123
100
  .e-split-btn-wrapper.e-rtl .e-split-btn .e-icon-top {
124
101
  padding-left: 0;
125
102
  }
126
-
127
103
  .e-split-btn-wrapper.e-rtl .e-split-btn.e-icon-btn {
128
104
  padding-left: 6px;
129
105
  padding-right: 6px;
130
106
  }
131
-
132
107
  .e-split-btn-wrapper.e-rtl .e-split-btn.e-icon-btn .e-btn-icon {
133
108
  padding-left: 0;
134
109
  }
135
-
136
110
  .e-split-btn-wrapper.e-rtl .e-dropdown-btn {
137
111
  border-bottom-left-radius: 2px;
138
112
  border-bottom-right-radius: 0;
@@ -140,17 +114,14 @@
140
114
  border-top-right-radius: 0;
141
115
  margin-left: 0;
142
116
  }
143
-
144
117
  .e-split-btn-wrapper.e-vertical {
145
118
  display: inline-block;
146
119
  }
147
-
148
120
  .e-split-btn-wrapper.e-vertical .e-split-btn,
149
121
  .e-split-btn-wrapper.e-vertical .e-dropdown-btn {
150
122
  display: block;
151
123
  width: 100%;
152
124
  }
153
-
154
125
  .e-split-btn-wrapper.e-vertical .e-split-btn {
155
126
  border-bottom-left-radius: 0;
156
127
  border-top-right-radius: 2px;
@@ -158,11 +129,9 @@
158
129
  padding-bottom: 4px;
159
130
  padding-right: 10px;
160
131
  }
161
-
162
132
  .e-split-btn-wrapper.e-vertical .e-split-btn .e-icon-top {
163
133
  padding-bottom: 4px;
164
134
  }
165
-
166
135
  .e-split-btn-wrapper.e-vertical .e-dropdown-btn {
167
136
  border-bottom-left-radius: 2px;
168
137
  border-top-right-radius: 0;
@@ -172,17 +141,14 @@
172
141
  padding-bottom: 4px;
173
142
  padding-top: 4px;
174
143
  }
175
-
176
144
  .e-split-btn-wrapper.e-vertical .e-dropdown-btn .e-icon-bottom {
177
145
  padding-top: 0;
178
146
  }
179
-
180
147
  .e-split-btn-wrapper.e-vertical.e-rtl .e-split-btn {
181
148
  border-bottom-right-radius: 0;
182
149
  border-top-left-radius: 2px;
183
150
  margin-left: 0;
184
151
  }
185
-
186
152
  .e-split-btn-wrapper.e-vertical.e-rtl .e-dropdown-btn {
187
153
  border-bottom-right-radius: 2px;
188
154
  border-top-left-radius: 0;
@@ -193,13 +159,11 @@
193
159
  padding-left: 12px;
194
160
  padding-right: 6px;
195
161
  }
196
-
197
162
  .e-bigger .e-split-btn-wrapper .e-split-btn.e-top-icon-btn,
198
163
  .e-bigger.e-split-btn-wrapper .e-split-btn.e-top-icon-btn {
199
164
  padding-bottom: 12px;
200
165
  padding-top: 12px;
201
166
  }
202
-
203
167
  .e-bigger .e-split-btn-wrapper .e-split-btn .e-btn-icon,
204
168
  .e-bigger.e-split-btn-wrapper .e-split-btn .e-btn-icon {
205
169
  font-size: 16px;
@@ -207,70 +171,58 @@
207
171
  padding-right: 10px;
208
172
  width: auto;
209
173
  }
210
-
211
174
  .e-bigger .e-split-btn-wrapper .e-split-btn .e-icon-top,
212
175
  .e-bigger.e-split-btn-wrapper .e-split-btn .e-icon-top {
213
176
  padding-bottom: 6px;
214
177
  padding-right: 0;
215
178
  }
216
-
217
179
  .e-bigger .e-split-btn-wrapper .e-split-btn.e-icon-btn,
218
180
  .e-bigger.e-split-btn-wrapper .e-split-btn.e-icon-btn {
219
181
  padding-left: 9px;
220
182
  padding-right: 9px;
221
183
  }
222
-
223
184
  .e-bigger .e-split-btn-wrapper .e-split-btn.e-icon-btn .e-btn-icon,
224
185
  .e-bigger.e-split-btn-wrapper .e-split-btn.e-icon-btn .e-btn-icon {
225
186
  padding-right: 0;
226
187
  }
227
-
228
188
  .e-bigger .e-split-btn-wrapper .e-dropdown-btn,
229
189
  .e-bigger.e-split-btn-wrapper .e-dropdown-btn {
230
190
  padding-left: 4px;
231
191
  padding-right: 4px;
232
192
  }
233
-
234
193
  .e-bigger .e-split-btn-wrapper.e-rtl .e-split-btn,
235
194
  .e-bigger.e-split-btn-wrapper.e-rtl .e-split-btn {
236
195
  padding-left: 6px;
237
196
  padding-right: 12px;
238
197
  }
239
-
240
198
  .e-bigger .e-split-btn-wrapper.e-rtl .e-split-btn .e-btn-icon,
241
199
  .e-bigger.e-split-btn-wrapper.e-rtl .e-split-btn .e-btn-icon {
242
200
  padding-left: 10px;
243
201
  padding-right: 0;
244
202
  }
245
-
246
203
  .e-bigger .e-split-btn-wrapper.e-rtl .e-split-btn .e-icon-top,
247
204
  .e-bigger.e-split-btn-wrapper.e-rtl .e-split-btn .e-icon-top {
248
205
  padding-left: 0;
249
206
  }
250
-
251
207
  .e-bigger .e-split-btn-wrapper.e-rtl .e-split-btn.e-icon-btn,
252
208
  .e-bigger.e-split-btn-wrapper.e-rtl .e-split-btn.e-icon-btn {
253
209
  padding-left: 9px;
254
210
  padding-right: 9px;
255
211
  }
256
-
257
212
  .e-bigger .e-split-btn-wrapper.e-rtl .e-split-btn.e-icon-btn .e-btn-icon,
258
213
  .e-bigger.e-split-btn-wrapper.e-rtl .e-split-btn.e-icon-btn .e-btn-icon {
259
214
  padding-left: 0;
260
215
  }
261
-
262
216
  .e-bigger .e-split-btn-wrapper.e-vertical .e-split-btn,
263
217
  .e-bigger.e-split-btn-wrapper.e-vertical .e-split-btn {
264
218
  padding-bottom: 6px;
265
219
  padding-right: 12px;
266
220
  }
267
-
268
221
  .e-bigger .e-split-btn-wrapper.e-vertical .e-dropdown-btn,
269
222
  .e-bigger.e-split-btn-wrapper.e-vertical .e-dropdown-btn {
270
223
  padding-bottom: 4px;
271
224
  padding-top: 4px;
272
225
  }
273
-
274
226
  .e-bigger .e-split-btn-wrapper.e-vertical .e-dropdown-btn .e-icon-bottom,
275
227
  .e-bigger.e-split-btn-wrapper.e-vertical .e-dropdown-btn .e-icon-bottom {
276
228
  padding-top: 0;
@@ -280,98 +232,76 @@
280
232
  .e-split-btn-wrapper .e-split-btn {
281
233
  border-right-color: transparent;
282
234
  }
283
-
284
235
  .e-split-btn-wrapper .e-split-btn:focus {
285
236
  border-right-color: transparent;
286
237
  }
287
-
288
238
  .e-split-btn-wrapper .e-split-btn:active {
289
239
  border-right-color: transparent;
290
240
  }
291
-
292
241
  .e-split-btn-wrapper .e-split-btn:disabled {
293
242
  border-right-color: rgba(0, 0, 0, 0.12);
294
243
  }
295
-
296
244
  .e-split-btn-wrapper:hover :not(e-active) .e-split-btn {
297
245
  border-right-color: transparent;
298
246
  }
299
-
300
247
  .e-split-btn-wrapper:hover :not(e-active) .e-split-btn:disabled {
301
248
  border-right-color: transparent;
302
249
  }
303
-
304
250
  .e-split-btn-wrapper.e-rtl .e-split-btn {
305
251
  border-color: transparent;
306
252
  }
307
-
308
253
  .e-split-btn-wrapper.e-rtl .e-split-btn:focus {
309
254
  border-color: transparent;
310
255
  }
311
-
312
256
  .e-split-btn-wrapper.e-rtl .e-split-btn:active {
313
257
  border-color: transparent;
314
258
  }
315
-
316
259
  .e-split-btn-wrapper.e-rtl .e-split-btn:disabled {
317
260
  border-left-color: transparent;
318
261
  border-right-color: transparent;
319
262
  }
320
-
321
263
  .e-split-btn-wrapper.e-rtl:hover .e-split-btn :not(e-active) {
322
264
  border-left-color: transparent;
323
265
  border-right-color: transparent;
324
266
  }
325
-
326
267
  .e-split-btn-wrapper.e-rtl:hover .e-split-btn :not(e-active):disabled {
327
268
  border-left-color: transparent;
328
269
  }
329
-
330
270
  .e-split-btn-wrapper.e-vertical .e-split-btn {
331
271
  border-bottom-color: transparent;
332
272
  border-right-color: transparent;
333
273
  }
334
-
335
274
  .e-split-btn-wrapper.e-vertical .e-split-btn:focus {
336
275
  border-bottom-color: transparent;
337
276
  border-right-color: transparent;
338
277
  }
339
-
340
278
  .e-split-btn-wrapper.e-vertical .e-split-btn:active {
341
279
  border-bottom-color: transparent;
342
280
  border-right-color: transparent;
343
281
  }
344
-
345
282
  .e-split-btn-wrapper.e-vertical .e-split-btn:disabled {
346
283
  border-bottom-color: transparent;
347
284
  border-right-color: transparent;
348
285
  }
349
-
350
286
  .e-split-btn-wrapper.e-vertical:hover .e-split-btn {
351
287
  border-bottom-color: transparent;
352
288
  border-right-color: transparent;
353
289
  }
354
-
355
290
  .e-split-btn-wrapper.e-vertical:hover .e-split-btn:disabled {
356
291
  border-bottom-color: transparent;
357
292
  }
358
-
359
293
  .e-split-btn-wrapper.e-vertical.e-rtl .e-split-btn {
360
294
  border-left-color: transparent;
361
295
  }
362
-
363
296
  .e-split-btn-wrapper.e-vertical.e-rtl .e-split-btn:focus {
364
297
  border-left-color: transparent;
365
298
  }
366
-
367
299
  .e-split-btn-wrapper.e-vertical.e-rtl .e-split-btn:active {
368
300
  border-left-color: transparent;
369
301
  }
370
-
371
302
  .e-split-btn-wrapper.e-vertical.e-rtl .e-split-btn:disabled {
372
303
  border-left-color: transparent;
373
304
  }
374
-
375
305
  .e-split-btn-wrapper.e-vertical.e-rtl:hover .e-split-btn {
376
306
  border-left-color: transparent;
377
- }
307
+ }