@bagelink/vue 0.0.694 → 0.0.702
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.
- package/dist/components/Btn.vue.d.ts +1 -1
- package/dist/components/Btn.vue.d.ts.map +1 -1
- package/dist/components/ListItem.vue.d.ts +7 -0
- package/dist/components/ListItem.vue.d.ts.map +1 -1
- package/dist/components/ListView.vue.d.ts.map +1 -1
- package/dist/components/TableSchema.vue.d.ts.map +1 -1
- package/dist/components/form/BglForm.vue.d.ts +6 -5
- package/dist/components/form/BglForm.vue.d.ts.map +1 -1
- package/dist/components/form/BglMultiStepForm.vue.d.ts +82 -0
- package/dist/components/form/BglMultiStepForm.vue.d.ts.map +1 -0
- package/dist/components/form/index.d.ts +1 -0
- package/dist/components/form/index.d.ts.map +1 -1
- package/dist/components/form/inputs/TelInput.vue.d.ts +3 -3
- package/dist/components/form/inputs/TelInput.vue.d.ts.map +1 -1
- package/dist/components/form/inputs/TextInput.vue.d.ts.map +1 -1
- package/dist/components/layout/TabsNav.vue.d.ts +4 -0
- package/dist/components/layout/TabsNav.vue.d.ts.map +1 -1
- package/dist/index.cjs +281 -137
- package/dist/index.mjs +282 -138
- package/dist/style.css +589 -426
- package/dist/types/BagelForm.d.ts +1 -0
- package/dist/types/BagelForm.d.ts.map +1 -1
- package/dist/utils/BagelFormUtils.d.ts +346 -0
- package/dist/utils/BagelFormUtils.d.ts.map +1 -1
- package/package.json +13 -13
- package/src/components/Btn.vue +4 -1
- package/src/components/ListItem.vue +54 -2
- package/src/components/ListView.vue +0 -38
- package/src/components/TableSchema.vue +1 -2
- package/src/components/form/BglForm.vue +13 -15
- package/src/components/form/BglMultiStepForm.vue +121 -0
- package/src/components/form/index.ts +1 -0
- package/src/components/form/inputs/FileUploadURL.vue +2 -0
- package/src/components/form/inputs/SelectInput.vue +2 -2
- package/src/components/form/inputs/TelInput.vue +0 -1
- package/src/components/form/inputs/TextInput.vue +0 -1
- package/src/components/layout/TabsNav.vue +64 -1
- package/src/styles/appearance.css +121 -40
- package/src/styles/inputs.css +21 -13
- package/src/styles/layout.css +97 -84
- package/src/styles/mobilLayout.css +181 -168
- package/src/types/BagelForm.ts +1 -0
- package/src/utils/BagelFormUtils.ts +29 -1
package/src/styles/layout.css
CHANGED
|
@@ -12,22 +12,23 @@
|
|
|
12
12
|
}
|
|
13
13
|
|
|
14
14
|
.round {
|
|
15
|
-
border-radius: var(--btn-border-radius);
|
|
15
|
+
border-radius: var(--btn-border-radius) !important;
|
|
16
16
|
}
|
|
17
17
|
|
|
18
18
|
.rounded {
|
|
19
|
-
border-radius: calc(var(--btn-border-radius) / 2);
|
|
19
|
+
border-radius: calc(var(--btn-border-radius) / 2) !important;
|
|
20
20
|
}
|
|
21
|
+
|
|
21
22
|
.round-extra {
|
|
22
|
-
border-radius: calc(var(--btn-border-radius) * 2);
|
|
23
|
+
border-radius: calc(var(--btn-border-radius) * 2) !important;
|
|
23
24
|
}
|
|
24
25
|
|
|
25
26
|
.round-none {
|
|
26
|
-
border-radius: 0
|
|
27
|
+
border-radius: 0;
|
|
27
28
|
}
|
|
28
29
|
|
|
29
|
-
.oval{
|
|
30
|
-
border-radius: 100
|
|
30
|
+
.oval {
|
|
31
|
+
border-radius: 100%;
|
|
31
32
|
}
|
|
32
33
|
|
|
33
34
|
.flex-center {
|
|
@@ -163,275 +164,280 @@
|
|
|
163
164
|
inset-inline-start: 0;
|
|
164
165
|
inset-inline-end: 0;
|
|
165
166
|
}
|
|
166
|
-
|
|
167
|
+
|
|
168
|
+
.inset-inline-start,
|
|
169
|
+
.start {
|
|
167
170
|
inset-inline-start: 0;
|
|
168
171
|
}
|
|
169
172
|
|
|
170
|
-
.start-1{
|
|
173
|
+
.start-1 {
|
|
171
174
|
inset-inline-start: 1rem;
|
|
172
175
|
}
|
|
173
176
|
|
|
174
|
-
.start-2{
|
|
177
|
+
.start-2 {
|
|
175
178
|
inset-inline-start: 2rem;
|
|
176
179
|
}
|
|
177
180
|
|
|
178
|
-
.start-3{
|
|
181
|
+
.start-3 {
|
|
179
182
|
inset-inline-start: 3rem;
|
|
180
183
|
}
|
|
181
184
|
|
|
182
|
-
.start-4{
|
|
185
|
+
.start-4 {
|
|
183
186
|
inset-inline-start: 4rem;
|
|
184
187
|
}
|
|
185
188
|
|
|
186
|
-
.start-5{
|
|
189
|
+
.start-5 {
|
|
187
190
|
inset-inline-start: 5rem;
|
|
188
191
|
}
|
|
189
192
|
|
|
190
|
-
.start-6{
|
|
193
|
+
.start-6 {
|
|
191
194
|
inset-inline-start: 6rem;
|
|
192
195
|
}
|
|
193
196
|
|
|
194
|
-
.start-7{
|
|
197
|
+
.start-7 {
|
|
195
198
|
inset-inline-start: 7rem;
|
|
196
199
|
}
|
|
197
200
|
|
|
198
|
-
.start-8{
|
|
201
|
+
.start-8 {
|
|
199
202
|
inset-inline-start: 8rem;
|
|
200
203
|
}
|
|
201
204
|
|
|
202
|
-
.-start-1{
|
|
205
|
+
.-start-1 {
|
|
203
206
|
inset-inline-start: -1rem;
|
|
204
207
|
}
|
|
205
208
|
|
|
206
|
-
.-start-2{
|
|
209
|
+
.-start-2 {
|
|
207
210
|
inset-inline-start: -2rem;
|
|
208
211
|
}
|
|
209
212
|
|
|
210
|
-
.-start-3{
|
|
213
|
+
.-start-3 {
|
|
211
214
|
inset-inline-start: -3rem;
|
|
212
215
|
}
|
|
213
216
|
|
|
214
|
-
.-start-4{
|
|
217
|
+
.-start-4 {
|
|
215
218
|
inset-inline-start: -4rem;
|
|
216
219
|
}
|
|
217
220
|
|
|
218
|
-
.-start-5{
|
|
221
|
+
.-start-5 {
|
|
219
222
|
inset-inline-start: -5rem;
|
|
220
223
|
}
|
|
221
224
|
|
|
222
|
-
.-start-6{
|
|
225
|
+
.-start-6 {
|
|
223
226
|
inset-inline-start: -6rem;
|
|
224
227
|
}
|
|
225
228
|
|
|
226
|
-
.-start-7{
|
|
229
|
+
.-start-7 {
|
|
227
230
|
inset-inline-start: -7rem;
|
|
228
231
|
}
|
|
229
232
|
|
|
230
|
-
.-start-8{
|
|
233
|
+
.-start-8 {
|
|
231
234
|
inset-inline-start: -8rem;
|
|
232
235
|
}
|
|
233
236
|
|
|
234
|
-
.inset-inline-end,
|
|
237
|
+
.inset-inline-end,
|
|
238
|
+
.end {
|
|
235
239
|
inset-inline-end: 0;
|
|
236
240
|
}
|
|
237
241
|
|
|
238
|
-
.end-1{
|
|
242
|
+
.end-1 {
|
|
239
243
|
inset-inline-end: 1rem;
|
|
240
244
|
}
|
|
241
245
|
|
|
242
|
-
.end-2{
|
|
246
|
+
.end-2 {
|
|
243
247
|
inset-inline-end: 2rem;
|
|
244
248
|
}
|
|
245
249
|
|
|
246
|
-
.end-3{
|
|
250
|
+
.end-3 {
|
|
247
251
|
inset-inline-end: 3rem;
|
|
248
252
|
}
|
|
249
253
|
|
|
250
|
-
.end-4{
|
|
254
|
+
.end-4 {
|
|
251
255
|
inset-inline-end: 4rem;
|
|
252
256
|
}
|
|
253
257
|
|
|
254
|
-
.end-5{
|
|
258
|
+
.end-5 {
|
|
255
259
|
inset-inline-end: 5rem;
|
|
256
260
|
}
|
|
257
261
|
|
|
258
|
-
.end-6{
|
|
262
|
+
.end-6 {
|
|
259
263
|
inset-inline-end: 6rem;
|
|
260
264
|
}
|
|
261
265
|
|
|
262
|
-
.end-7{
|
|
266
|
+
.end-7 {
|
|
263
267
|
inset-inline-end: 7rem;
|
|
264
268
|
}
|
|
265
269
|
|
|
266
|
-
.end-8{
|
|
270
|
+
.end-8 {
|
|
267
271
|
inset-inline-end: 8rem;
|
|
268
272
|
}
|
|
269
273
|
|
|
270
|
-
.-end-1{
|
|
274
|
+
.-end-1 {
|
|
271
275
|
inset-inline-end: -1rem;
|
|
272
276
|
}
|
|
273
277
|
|
|
274
|
-
.-end-2{
|
|
278
|
+
.-end-2 {
|
|
275
279
|
inset-inline-end: -2rem;
|
|
276
280
|
}
|
|
277
281
|
|
|
278
|
-
.-end-3{
|
|
282
|
+
.-end-3 {
|
|
279
283
|
inset-inline-end: -3rem;
|
|
280
284
|
}
|
|
281
285
|
|
|
282
|
-
.-end-4{
|
|
286
|
+
.-end-4 {
|
|
283
287
|
inset-inline-end: -4rem;
|
|
284
288
|
}
|
|
285
289
|
|
|
286
|
-
.-end-5{
|
|
290
|
+
.-end-5 {
|
|
287
291
|
inset-inline-end: -5rem;
|
|
288
292
|
}
|
|
289
293
|
|
|
290
|
-
.-end-6{
|
|
294
|
+
.-end-6 {
|
|
291
295
|
inset-inline-end: -6rem;
|
|
292
296
|
}
|
|
293
297
|
|
|
294
|
-
.-end-7{
|
|
298
|
+
.-end-7 {
|
|
295
299
|
inset-inline-end: -7rem;
|
|
296
300
|
}
|
|
297
301
|
|
|
298
|
-
.-end-8{
|
|
302
|
+
.-end-8 {
|
|
299
303
|
inset-inline-end: -8rem;
|
|
300
304
|
}
|
|
301
305
|
|
|
302
|
-
.top,
|
|
306
|
+
.top,
|
|
307
|
+
.top-0 {
|
|
303
308
|
top: 0;
|
|
304
309
|
}
|
|
305
310
|
|
|
306
|
-
.top-1{
|
|
311
|
+
.top-1 {
|
|
307
312
|
top: 1rem;
|
|
308
313
|
}
|
|
309
314
|
|
|
310
|
-
.top-2{
|
|
315
|
+
.top-2 {
|
|
311
316
|
top: 2rem;
|
|
312
317
|
}
|
|
313
318
|
|
|
314
|
-
.top-3{
|
|
319
|
+
.top-3 {
|
|
315
320
|
top: 3rem;
|
|
316
321
|
}
|
|
317
322
|
|
|
318
|
-
.top-4{
|
|
323
|
+
.top-4 {
|
|
319
324
|
top: 4rem;
|
|
320
325
|
}
|
|
321
326
|
|
|
322
|
-
.top-5{
|
|
327
|
+
.top-5 {
|
|
323
328
|
top: 5rem;
|
|
324
329
|
}
|
|
325
330
|
|
|
326
|
-
.top-6{
|
|
331
|
+
.top-6 {
|
|
327
332
|
top: 6rem;
|
|
328
333
|
}
|
|
329
334
|
|
|
330
|
-
.top-7{
|
|
335
|
+
.top-7 {
|
|
331
336
|
top: 7rem;
|
|
332
337
|
}
|
|
333
338
|
|
|
334
|
-
.top-8{
|
|
339
|
+
.top-8 {
|
|
335
340
|
top: 8rem;
|
|
336
341
|
}
|
|
337
342
|
|
|
338
|
-
.-top-1{
|
|
343
|
+
.-top-1 {
|
|
339
344
|
top: -1rem;
|
|
340
345
|
}
|
|
341
346
|
|
|
342
|
-
.-top-2{
|
|
347
|
+
.-top-2 {
|
|
343
348
|
top: -2rem;
|
|
344
349
|
}
|
|
345
350
|
|
|
346
|
-
.-top-3{
|
|
351
|
+
.-top-3 {
|
|
347
352
|
top: -3rem;
|
|
348
353
|
}
|
|
349
354
|
|
|
350
|
-
.-top-4{
|
|
355
|
+
.-top-4 {
|
|
351
356
|
top: -4rem;
|
|
352
357
|
}
|
|
353
358
|
|
|
354
|
-
.-top-5{
|
|
359
|
+
.-top-5 {
|
|
355
360
|
top: -5rem;
|
|
356
361
|
}
|
|
357
362
|
|
|
358
|
-
.-top-6{
|
|
363
|
+
.-top-6 {
|
|
359
364
|
top: -6rem;
|
|
360
365
|
}
|
|
361
366
|
|
|
362
|
-
.-top-7{
|
|
367
|
+
.-top-7 {
|
|
363
368
|
top: -7rem;
|
|
364
369
|
}
|
|
365
370
|
|
|
366
|
-
.-top-8{
|
|
371
|
+
.-top-8 {
|
|
367
372
|
top: -8rem;
|
|
368
373
|
}
|
|
369
374
|
|
|
370
|
-
.bottom,
|
|
375
|
+
.bottom,
|
|
376
|
+
.bottom-0 {
|
|
371
377
|
bottom: 0;
|
|
372
378
|
}
|
|
373
379
|
|
|
374
|
-
.bottom-1{
|
|
380
|
+
.bottom-1 {
|
|
375
381
|
bottom: 1rem;
|
|
376
382
|
}
|
|
377
383
|
|
|
378
|
-
.bottom-2{
|
|
384
|
+
.bottom-2 {
|
|
379
385
|
bottom: 2rem;
|
|
380
386
|
}
|
|
381
387
|
|
|
382
|
-
.bottom-3{
|
|
388
|
+
.bottom-3 {
|
|
383
389
|
bottom: 3rem;
|
|
384
390
|
}
|
|
385
391
|
|
|
386
|
-
.bottom-4{
|
|
392
|
+
.bottom-4 {
|
|
387
393
|
bottom: 4rem;
|
|
388
394
|
}
|
|
389
395
|
|
|
390
|
-
.bottom-5{
|
|
396
|
+
.bottom-5 {
|
|
391
397
|
bottom: 5rem;
|
|
392
398
|
}
|
|
393
399
|
|
|
394
|
-
.bottom-6{
|
|
400
|
+
.bottom-6 {
|
|
395
401
|
bottom: 6rem;
|
|
396
402
|
}
|
|
397
403
|
|
|
398
|
-
.bottom-7{
|
|
404
|
+
.bottom-7 {
|
|
399
405
|
bottom: 7rem;
|
|
400
406
|
}
|
|
401
407
|
|
|
402
|
-
.bottom-8{
|
|
408
|
+
.bottom-8 {
|
|
403
409
|
bottom: 8rem;
|
|
404
410
|
}
|
|
405
411
|
|
|
406
|
-
.-bottom-1{
|
|
412
|
+
.-bottom-1 {
|
|
407
413
|
bottom: -1rem;
|
|
408
414
|
}
|
|
409
415
|
|
|
410
|
-
.-bottom-2{
|
|
416
|
+
.-bottom-2 {
|
|
411
417
|
bottom: -2rem;
|
|
412
418
|
}
|
|
413
419
|
|
|
414
|
-
.-bottom-3{
|
|
420
|
+
.-bottom-3 {
|
|
415
421
|
bottom: -3rem;
|
|
416
422
|
}
|
|
417
423
|
|
|
418
|
-
.-bottom-4{
|
|
424
|
+
.-bottom-4 {
|
|
419
425
|
bottom: -4rem;
|
|
420
426
|
}
|
|
421
427
|
|
|
422
|
-
.-bottom-5{
|
|
428
|
+
.-bottom-5 {
|
|
423
429
|
bottom: -5rem;
|
|
424
430
|
}
|
|
425
431
|
|
|
426
|
-
.-bottom-6{
|
|
432
|
+
.-bottom-6 {
|
|
427
433
|
bottom: -6rem;
|
|
428
434
|
}
|
|
429
435
|
|
|
430
|
-
.-bottom-7{
|
|
436
|
+
.-bottom-7 {
|
|
431
437
|
bottom: -7rem;
|
|
432
438
|
}
|
|
433
439
|
|
|
434
|
-
.-bottom-8{
|
|
440
|
+
.-bottom-8 {
|
|
435
441
|
bottom: -8rem;
|
|
436
442
|
}
|
|
437
443
|
|
|
@@ -886,11 +892,13 @@
|
|
|
886
892
|
flex-shrink: 1;
|
|
887
893
|
}
|
|
888
894
|
|
|
889
|
-
.flex-no-grow,
|
|
895
|
+
.flex-no-grow,
|
|
896
|
+
.flex-grow-0 {
|
|
890
897
|
flex-grow: 0;
|
|
891
898
|
}
|
|
892
899
|
|
|
893
|
-
.flex-no-shrink,
|
|
900
|
+
.flex-no-shrink,
|
|
901
|
+
.flex-shrink-0 {
|
|
894
902
|
flex-shrink: 0;
|
|
895
903
|
}
|
|
896
904
|
|
|
@@ -1689,7 +1697,7 @@
|
|
|
1689
1697
|
.sticky,
|
|
1690
1698
|
.position-sticky,
|
|
1691
1699
|
.sticky-0,
|
|
1692
|
-
.position-sticky-0
|
|
1700
|
+
.position-sticky-0 {
|
|
1693
1701
|
position: sticky !important;
|
|
1694
1702
|
top: 0;
|
|
1695
1703
|
align-self: start;
|
|
@@ -2221,28 +2229,33 @@
|
|
|
2221
2229
|
.direction-rtl {
|
|
2222
2230
|
direction: rtl;
|
|
2223
2231
|
}
|
|
2224
|
-
|
|
2232
|
+
|
|
2233
|
+
.inset-0,
|
|
2234
|
+
.inset {
|
|
2225
2235
|
inset: 0;
|
|
2226
2236
|
}
|
|
2227
|
-
|
|
2237
|
+
|
|
2238
|
+
.inset-1 {
|
|
2228
2239
|
inset: 1rem;
|
|
2229
2240
|
}
|
|
2230
|
-
|
|
2241
|
+
|
|
2242
|
+
.inset-2 {
|
|
2231
2243
|
inset: 2rem;
|
|
2232
2244
|
}
|
|
2233
2245
|
|
|
2234
|
-
.inset-3{
|
|
2246
|
+
.inset-3 {
|
|
2235
2247
|
inset: 3rem;
|
|
2236
2248
|
}
|
|
2237
2249
|
|
|
2238
|
-
.inset-4{
|
|
2250
|
+
.inset-4 {
|
|
2239
2251
|
inset: 4rem;
|
|
2240
2252
|
}
|
|
2241
2253
|
|
|
2242
|
-
.inset-5{
|
|
2254
|
+
.inset-5 {
|
|
2243
2255
|
inset: 5rem;
|
|
2244
2256
|
}
|
|
2245
|
-
|
|
2257
|
+
|
|
2258
|
+
.inset-6 {
|
|
2246
2259
|
inset: 6rem;
|
|
2247
2260
|
}
|
|
2248
2261
|
|