@bagelink/vue 0.0.200 → 0.0.206
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 +3 -0
- package/dist/components/Btn.vue.d.ts.map +1 -1
- package/dist/components/TabbedLayout.vue.d.ts +5 -3
- package/dist/components/TabbedLayout.vue.d.ts.map +1 -1
- package/dist/components/form/BglField.vue.d.ts +23 -0
- package/dist/components/form/BglField.vue.d.ts.map +1 -0
- package/dist/components/form/BglForm.vue.d.ts +36 -0
- package/dist/components/form/BglForm.vue.d.ts.map +1 -0
- package/dist/components/form/ItemRef.vue.d.ts +0 -1
- package/dist/components/form/ItemRef.vue.d.ts.map +1 -1
- package/dist/components/form/index.d.ts +2 -0
- package/dist/components/form/index.d.ts.map +1 -1
- package/dist/components/form/inputs/CheckInput.vue.d.ts +0 -1
- package/dist/components/form/inputs/CheckInput.vue.d.ts.map +1 -1
- package/dist/components/form/inputs/ColorPicker.vue.d.ts +0 -1
- package/dist/components/form/inputs/ColorPicker.vue.d.ts.map +1 -1
- package/dist/components/form/inputs/CurrencyInput.vue.d.ts +0 -1
- package/dist/components/form/inputs/CurrencyInput.vue.d.ts.map +1 -1
- package/dist/components/form/inputs/DateInput.vue.d.ts +0 -1
- package/dist/components/form/inputs/DateInput.vue.d.ts.map +1 -1
- package/dist/components/form/inputs/FileUpload.vue.d.ts +18 -0
- package/dist/components/form/inputs/FileUpload.vue.d.ts.map +1 -0
- package/dist/components/form/inputs/Password.vue.d.ts +0 -1
- package/dist/components/form/inputs/Password.vue.d.ts.map +1 -1
- package/dist/components/form/inputs/PlainText.vue.d.ts +0 -1
- package/dist/components/form/inputs/PlainText.vue.d.ts.map +1 -1
- package/dist/components/form/inputs/RadioPillsInput.vue.d.ts +5 -3
- package/dist/components/form/inputs/RadioPillsInput.vue.d.ts.map +1 -1
- package/dist/components/form/inputs/ReadOnlyInput.vue.d.ts +0 -1
- package/dist/components/form/inputs/ReadOnlyInput.vue.d.ts.map +1 -1
- package/dist/components/form/inputs/SelectField.vue.d.ts +4 -1
- package/dist/components/form/inputs/SelectField.vue.d.ts.map +1 -1
- package/dist/components/form/inputs/TextInput.vue.d.ts +13 -0
- package/dist/components/form/inputs/TextInput.vue.d.ts.map +1 -1
- package/dist/components/form/inputs/index.d.ts +1 -0
- package/dist/components/form/inputs/index.d.ts.map +1 -1
- package/dist/index.cjs +849 -605
- package/dist/index.mjs +849 -605
- package/dist/style.css +146 -74
- package/dist/types/BagelField.d.ts +1 -8
- package/dist/types/BagelField.d.ts.map +1 -1
- package/dist/types/BagelForm.d.ts +23 -0
- package/dist/types/BagelForm.d.ts.map +1 -0
- package/dist/types/index.d.ts +2 -2
- package/dist/types/index.d.ts.map +1 -1
- package/dist/types/materialIcons.d.ts +1 -1
- package/dist/types/materialIcons.d.ts.map +1 -1
- package/dist/utils/index.d.ts +2 -2
- package/dist/utils/index.d.ts.map +1 -1
- package/package.json +1 -1
- package/src/components/Btn.vue +8 -7
- package/src/components/TabbedLayout.vue +58 -45
- package/src/components/form/BglField.vue +30 -0
- package/src/components/form/BglForm.vue +75 -0
- package/src/components/form/index.ts +2 -0
- package/src/components/form/inputs/FileUpload.vue +130 -0
- package/src/components/form/inputs/RadioPillsInput.vue +20 -14
- package/src/components/form/inputs/SelectField.vue +2 -0
- package/src/components/form/inputs/TextInput.vue +44 -8
- package/src/components/form/inputs/index.ts +1 -0
- package/src/types/BagelField.ts +1 -6
- package/src/types/BagelForm.ts +24 -0
- package/src/types/index.ts +11 -2
- package/src/types/materialIcons.ts +1 -0
- package/src/utils/index.ts +10 -23
- package/dist/components/FileUploader.vue.d.ts +0 -60
- package/dist/components/FileUploader.vue.d.ts.map +0 -1
package/dist/style.css
CHANGED
|
@@ -306,16 +306,16 @@
|
|
|
306
306
|
}
|
|
307
307
|
}
|
|
308
308
|
|
|
309
|
-
.loading[data-v-
|
|
309
|
+
.loading[data-v-0ca0d3de] {
|
|
310
310
|
border: 1px solid var(--bgl-white);
|
|
311
311
|
border-bottom: 2px solid var(--bgl-white);
|
|
312
|
-
animation: spin-
|
|
312
|
+
animation: spin-0ca0d3de 1s linear infinite;
|
|
313
313
|
border-radius: 100px;
|
|
314
314
|
width: 1rem;
|
|
315
315
|
height: 1rem;
|
|
316
316
|
margin: auto;
|
|
317
317
|
}
|
|
318
|
-
@keyframes spin-
|
|
318
|
+
@keyframes spin-0ca0d3de {
|
|
319
319
|
0% {
|
|
320
320
|
transform: rotate(0deg);
|
|
321
321
|
}
|
|
@@ -323,7 +323,7 @@
|
|
|
323
323
|
transform: rotate(360deg);
|
|
324
324
|
}
|
|
325
325
|
}
|
|
326
|
-
.btn-icon[data-v-
|
|
326
|
+
.btn-icon[data-v-0ca0d3de] {
|
|
327
327
|
height: var(--btn-height);
|
|
328
328
|
width: var(--btn-height);
|
|
329
329
|
border-radius: 100%;
|
|
@@ -333,97 +333,97 @@
|
|
|
333
333
|
flex-shrink: 0;
|
|
334
334
|
transition: var(--bgl-transition);
|
|
335
335
|
}
|
|
336
|
-
.btn[data-v-
|
|
336
|
+
.btn[data-v-0ca0d3de] {
|
|
337
337
|
padding-left: var(--btn-padding);
|
|
338
338
|
padding-right: var(--btn-padding);
|
|
339
339
|
transition: var(--bgl-transition);
|
|
340
340
|
text-decoration: none;
|
|
341
341
|
}
|
|
342
|
-
.btn[disabled="true"][data-v-
|
|
342
|
+
.btn[disabled="true"][data-v-0ca0d3de] {
|
|
343
343
|
opacity: 0.5;
|
|
344
344
|
cursor: not-allowed;
|
|
345
345
|
}
|
|
346
|
-
.btn-flex[data-v-
|
|
346
|
+
.btn-flex[data-v-0ca0d3de] {
|
|
347
347
|
display: flex;
|
|
348
348
|
align-items: center;
|
|
349
349
|
gap: 0.5rem;
|
|
350
350
|
justify-content: center;
|
|
351
351
|
}
|
|
352
|
-
.btn .icon-font[data-v-
|
|
352
|
+
.btn .icon-font[data-v-0ca0d3de] {
|
|
353
353
|
font-size: calc(var(--input-font-size) * 1.3);
|
|
354
354
|
}
|
|
355
|
-
.btn[data-v-
|
|
356
|
-
.btn-icon[data-v-
|
|
357
|
-
background-color: var(--
|
|
358
|
-
color: var(--
|
|
355
|
+
.btn[data-v-0ca0d3de],
|
|
356
|
+
.btn-icon[data-v-0ca0d3de] {
|
|
357
|
+
background-color: var(--0b5510c0);
|
|
358
|
+
color: var(--18db167b);
|
|
359
359
|
}
|
|
360
|
-
.btn[data-v-
|
|
361
|
-
.btn-icon[data-v-
|
|
360
|
+
.btn[data-v-0ca0d3de]:hover,
|
|
361
|
+
.btn-icon[data-v-0ca0d3de]:hover {
|
|
362
362
|
filter: var(--bgl-hover-filter);
|
|
363
363
|
}
|
|
364
|
-
.btn[data-v-
|
|
365
|
-
.btn-icon[data-v-
|
|
364
|
+
.btn[data-v-0ca0d3de]:active,
|
|
365
|
+
.btn-icon[data-v-0ca0d3de]:active {
|
|
366
366
|
filter: var(--bgl-active-filter);
|
|
367
367
|
}
|
|
368
|
-
.btn.flatBtn[data-v-
|
|
368
|
+
.btn.flatBtn[data-v-0ca0d3de] {
|
|
369
369
|
padding-left: var(--btn-padding);
|
|
370
370
|
padding-right: var(--btn-padding);
|
|
371
371
|
background: transparent;
|
|
372
372
|
}
|
|
373
|
-
.btn-icon.flatBtn[data-v-
|
|
373
|
+
.btn-icon.flatBtn[data-v-0ca0d3de] {
|
|
374
374
|
background: transparent;
|
|
375
375
|
}
|
|
376
|
-
.btn.flatBtn[data-v-
|
|
377
|
-
.btn-icon.flatBtn[data-v-
|
|
376
|
+
.btn.flatBtn[data-v-0ca0d3de]:hover,
|
|
377
|
+
.btn-icon.flatBtn[data-v-0ca0d3de]:hover {
|
|
378
378
|
filter: var(--bgl-active-filter);
|
|
379
379
|
}
|
|
380
|
-
.btn.flatBtn[data-v-
|
|
381
|
-
.btn-icon.flatBtn[data-v-
|
|
380
|
+
.btn.flatBtn[data-v-0ca0d3de]:active,
|
|
381
|
+
.btn-icon.flatBtn[data-v-0ca0d3de]:active {
|
|
382
382
|
background: var(--bgl-white);
|
|
383
383
|
filter: var(--bgl-hover-filter);
|
|
384
384
|
}
|
|
385
|
-
.btn.flatBtn.red[data-v-
|
|
386
|
-
.btn-icon.flatBtn.red[data-v-
|
|
385
|
+
.btn.flatBtn.red[data-v-0ca0d3de],
|
|
386
|
+
.btn-icon.flatBtn.red[data-v-0ca0d3de] {
|
|
387
387
|
color: var(--bgl-red);
|
|
388
388
|
}
|
|
389
|
-
.btn.flatBtn.light[data-v-
|
|
390
|
-
.btn-icon.flatBtn.light[data-v-
|
|
389
|
+
.btn.flatBtn.light[data-v-0ca0d3de],
|
|
390
|
+
.btn-icon.flatBtn.light[data-v-0ca0d3de] {
|
|
391
391
|
color: var(--bgl-primary-tint);
|
|
392
392
|
}
|
|
393
|
-
.btn.flatBtn.black[data-v-
|
|
394
|
-
.btn-icon.flatBtn.black[data-v-
|
|
393
|
+
.btn.flatBtn.black[data-v-0ca0d3de],
|
|
394
|
+
.btn-icon.flatBtn.black[data-v-0ca0d3de] {
|
|
395
395
|
color: var(--bgl-black);
|
|
396
396
|
}
|
|
397
|
-
.btn.flatBtn.gray[data-v-
|
|
398
|
-
.btn-icon.flatBtn.gray[data-v-
|
|
397
|
+
.btn.flatBtn.gray[data-v-0ca0d3de],
|
|
398
|
+
.btn-icon.flatBtn.gray[data-v-0ca0d3de] {
|
|
399
399
|
color: var(--bgl-gray);
|
|
400
400
|
}
|
|
401
|
-
.btn.thin[data-v-
|
|
401
|
+
.btn.thin[data-v-0ca0d3de] {
|
|
402
402
|
padding-left: calc(var(--btn-padding) / 2);
|
|
403
403
|
padding-right: calc(var(--btn-padding) / 2);
|
|
404
404
|
}
|
|
405
|
-
.btn.round[data-v-
|
|
405
|
+
.btn.round[data-v-0ca0d3de] {
|
|
406
406
|
border-radius: calc(var(--btn-border-radius) * 2);
|
|
407
407
|
}
|
|
408
|
-
.btn-icon.thin[data-v-
|
|
408
|
+
.btn-icon.thin[data-v-0ca0d3de] {
|
|
409
409
|
height: calc(var(--btn-height) / 1.5);
|
|
410
410
|
width: calc(var(--btn-height) / 1.5);
|
|
411
411
|
line-height: 1;
|
|
412
412
|
}
|
|
413
|
-
[dir="rtl"] .icon-font[data-v-
|
|
413
|
+
[dir="rtl"] .icon-font[data-v-0ca0d3de] {
|
|
414
414
|
transform: rotateY(180deg);
|
|
415
415
|
}
|
|
416
|
-
.btn-border[data-v-
|
|
417
|
-
outline: 1px solid var(--
|
|
418
|
-
color: var(--
|
|
416
|
+
.btn-border[data-v-0ca0d3de] {
|
|
417
|
+
outline: 1px solid var(--0b5510c0);
|
|
418
|
+
color: var(--0b5510c0);
|
|
419
419
|
background: transparent;
|
|
420
420
|
}
|
|
421
|
-
.btn-border[data-v-
|
|
421
|
+
.btn-border[data-v-0ca0d3de]:hover {
|
|
422
422
|
color: var(--bgl-white);
|
|
423
|
-
background: var(--
|
|
423
|
+
background: var(--0b5510c0);
|
|
424
424
|
filter: brightness(100%);
|
|
425
425
|
}
|
|
426
|
-
.btn-border[data-v-
|
|
426
|
+
.btn-border[data-v-0ca0d3de]:active {
|
|
427
427
|
filter: brightness(80%);
|
|
428
428
|
}
|
|
429
429
|
.bg-dark {
|
|
@@ -590,11 +590,23 @@
|
|
|
590
590
|
flex-grow: 1;
|
|
591
591
|
}
|
|
592
592
|
|
|
593
|
-
.tab[data-v-
|
|
593
|
+
.tab[data-v-09fce741] {
|
|
594
594
|
text-transform: capitalize;
|
|
595
595
|
}
|
|
596
|
-
.
|
|
597
|
-
|
|
596
|
+
.side-tabs[data-v-09fce741]{
|
|
597
|
+
display: flex;
|
|
598
|
+
}
|
|
599
|
+
.side-tabs .tabs-top[data-v-09fce741]{
|
|
600
|
+
margin-inline-end: 1rem;
|
|
601
|
+
}
|
|
602
|
+
.side-tabs .tabs[data-v-09fce741]{
|
|
603
|
+
display: block;
|
|
604
|
+
padding: 0;
|
|
605
|
+
margin: 0;
|
|
606
|
+
border: none;
|
|
607
|
+
}
|
|
608
|
+
.side-tabs .tab[data-v-09fce741]{
|
|
609
|
+
border: none;
|
|
598
610
|
}
|
|
599
611
|
|
|
600
612
|
.comments-wrap[data-v-2eead7c8] {
|
|
@@ -1705,6 +1717,10 @@ input:checked + .slider[data-v-d0543d4b]:before {
|
|
|
1705
1717
|
}
|
|
1706
1718
|
}
|
|
1707
1719
|
|
|
1720
|
+
.del-top {
|
|
1721
|
+
transform: translateY(-2.6rem);
|
|
1722
|
+
}
|
|
1723
|
+
|
|
1708
1724
|
.no-edit[data-v-0dacba34] {
|
|
1709
1725
|
pointer-events: none;
|
|
1710
1726
|
}
|
|
@@ -1940,11 +1956,11 @@ input[type='email'][data-v-ed81a514] {
|
|
|
1940
1956
|
margin-bottom: 2px;
|
|
1941
1957
|
}
|
|
1942
1958
|
|
|
1943
|
-
.custom-select[data-v-
|
|
1959
|
+
.custom-select[data-v-f2c5b9ca] {
|
|
1944
1960
|
position: relative;
|
|
1945
1961
|
font-size: var(--input-font-size);
|
|
1946
1962
|
}
|
|
1947
|
-
.custom-select .input[data-v-
|
|
1963
|
+
.custom-select .input[data-v-f2c5b9ca] {
|
|
1948
1964
|
width: 100%;
|
|
1949
1965
|
cursor: pointer;
|
|
1950
1966
|
background: var(--input-bg);
|
|
@@ -1960,7 +1976,7 @@ input[type='email'][data-v-ed81a514] {
|
|
|
1960
1976
|
justify-content: center;
|
|
1961
1977
|
margin-bottom: 2px;
|
|
1962
1978
|
}
|
|
1963
|
-
.custom-select .input[data-v-
|
|
1979
|
+
.custom-select .input[data-v-f2c5b9ca]:after {
|
|
1964
1980
|
content: 'keyboard_arrow_down';
|
|
1965
1981
|
font-family: 'Material Symbols Outlined', serif;
|
|
1966
1982
|
position: absolute;
|
|
@@ -1969,24 +1985,24 @@ input[type='email'][data-v-ed81a514] {
|
|
|
1969
1985
|
right: calc(var(--input-height) / 4);
|
|
1970
1986
|
height: 100%;
|
|
1971
1987
|
}
|
|
1972
|
-
[dir='rtl'] .custom-select .input[data-v-
|
|
1988
|
+
[dir='rtl'] .custom-select .input[data-v-f2c5b9ca]:after {
|
|
1973
1989
|
right: unset;
|
|
1974
1990
|
left: calc(var(--input-font-size) / 2);
|
|
1975
1991
|
}
|
|
1976
|
-
[dir='rtl'] .custom-select-drop[data-v-
|
|
1977
|
-
inset-inline-end: var(--
|
|
1992
|
+
[dir='rtl'] .custom-select-drop[data-v-f2c5b9ca] {
|
|
1993
|
+
inset-inline-end: var(--530a7ef0);
|
|
1978
1994
|
inset-inline-start: unset;
|
|
1979
1995
|
}
|
|
1980
|
-
.custom-select-drop[data-v-
|
|
1996
|
+
.custom-select-drop[data-v-f2c5b9ca] {
|
|
1981
1997
|
position: fixed;
|
|
1982
1998
|
|
|
1983
1999
|
cursor: pointer;
|
|
1984
2000
|
font-size: 12px;
|
|
1985
|
-
top: var(--
|
|
1986
|
-
inset-inline-start: var(--
|
|
2001
|
+
top: var(--7d0177a2);
|
|
2002
|
+
inset-inline-start: var(--530a7ef0);
|
|
1987
2003
|
box-sizing: border-box;
|
|
1988
2004
|
min-width: 220px;
|
|
1989
|
-
width: var(--
|
|
2005
|
+
width: var(--0ee22bfd);
|
|
1990
2006
|
background: var(--bgl-white);
|
|
1991
2007
|
box-shadow: 0 0 10px 0 var(--bgl-shadow);
|
|
1992
2008
|
border-radius: 10px;
|
|
@@ -1997,23 +2013,23 @@ input[type='email'][data-v-ed81a514] {
|
|
|
1997
2013
|
max-height: 0;
|
|
1998
2014
|
/*transition: var(--bgl-transition);*/
|
|
1999
2015
|
}
|
|
2000
|
-
.open-select.custom-select-drop[data-v-
|
|
2016
|
+
.open-select.custom-select-drop[data-v-f2c5b9ca] {
|
|
2001
2017
|
opacity: 1;
|
|
2002
2018
|
max-height: 150px;
|
|
2003
2019
|
pointer-events: all;
|
|
2004
2020
|
/*transition: var(--bgl-transition);*/
|
|
2005
2021
|
}
|
|
2006
|
-
.custom-select-drop>*[data-v-
|
|
2022
|
+
.custom-select-drop>*[data-v-f2c5b9ca] {
|
|
2007
2023
|
/*transition: var(--bgl-transition); */
|
|
2008
2024
|
padding: 0.5rem 0.75rem;
|
|
2009
2025
|
}
|
|
2010
|
-
.custom-select-drop>*[data-v-
|
|
2026
|
+
.custom-select-drop>*[data-v-f2c5b9ca]:hover {
|
|
2011
2027
|
background: var(--bgl-blue-light);
|
|
2012
2028
|
}
|
|
2013
|
-
.custom-select-drop>*[data-v-
|
|
2029
|
+
.custom-select-drop>*[data-v-f2c5b9ca]:active {
|
|
2014
2030
|
filter: var(--bgl-hover-filter);
|
|
2015
2031
|
}
|
|
2016
|
-
.bagel-input label[data-v-
|
|
2032
|
+
.bagel-input label[data-v-f2c5b9ca] {
|
|
2017
2033
|
margin-bottom: 0;
|
|
2018
2034
|
}
|
|
2019
2035
|
|
|
@@ -2173,47 +2189,55 @@ input[type='email'][data-v-ed81a514] {
|
|
|
2173
2189
|
/* width: auto; */
|
|
2174
2190
|
}
|
|
2175
2191
|
|
|
2176
|
-
.bagel-input
|
|
2177
|
-
|
|
2192
|
+
.bagel-input textarea[data-v-9f24ba22]{
|
|
2193
|
+
min-height: unset;
|
|
2178
2194
|
}
|
|
2179
|
-
.bagel-input.
|
|
2195
|
+
.bagel-input.text-input textarea[data-v-9f24ba22]{
|
|
2196
|
+
resize: none;
|
|
2197
|
+
}
|
|
2198
|
+
.code textarea[data-v-9f24ba22]{
|
|
2199
|
+
font-family: 'Inconsolata', monospace;
|
|
2200
|
+
background: var(--bgl-black) !important;
|
|
2201
|
+
color: var(--bgl-white) !important;
|
|
2202
|
+
}
|
|
2203
|
+
.bagel-input.toggleEdit[data-v-9f24ba22]:hover {
|
|
2180
2204
|
background-color: var(--input-bg);
|
|
2181
2205
|
}
|
|
2182
|
-
.bagel-input.small[data-v-
|
|
2206
|
+
.bagel-input.small[data-v-9f24ba22] {
|
|
2183
2207
|
margin-bottom: 0;
|
|
2184
2208
|
height: 30px;
|
|
2185
2209
|
}
|
|
2186
|
-
.toggleEditBtn[data-v-
|
|
2210
|
+
.toggleEditBtn[data-v-9f24ba22] {
|
|
2187
2211
|
position: absolute;
|
|
2188
2212
|
right: -24px;
|
|
2189
2213
|
top: 4;
|
|
2190
2214
|
opacity: 0;
|
|
2191
2215
|
}
|
|
2192
|
-
.textInputIconWrap[data-v-
|
|
2216
|
+
.textInputIconWrap[data-v-9f24ba22] {
|
|
2193
2217
|
position: relative;
|
|
2194
2218
|
}
|
|
2195
|
-
.textInputIconWrap .icon-font[data-v-
|
|
2219
|
+
.textInputIconWrap .icon-font[data-v-9f24ba22] {
|
|
2196
2220
|
position: absolute;
|
|
2197
2221
|
inset-inline-end: 0.7rem;
|
|
2198
2222
|
bottom: 50%;
|
|
2199
2223
|
line-height: 0;
|
|
2200
2224
|
color: var(--bgl-gray);
|
|
2201
2225
|
}
|
|
2202
|
-
.txtInputIconStart .iconStart[data-v-
|
|
2226
|
+
.txtInputIconStart .iconStart[data-v-9f24ba22] {
|
|
2203
2227
|
position: absolute;
|
|
2204
2228
|
inset-inline-start: 0.7rem;
|
|
2205
2229
|
top: 50%;
|
|
2206
2230
|
line-height: 0;
|
|
2207
2231
|
color: var(--bgl-gray);
|
|
2208
2232
|
}
|
|
2209
|
-
.txtInputIconStart
|
|
2233
|
+
.txtInputIconStart textarea[data-v-9f24ba22] {
|
|
2210
2234
|
padding-inline-start: 2rem;
|
|
2211
2235
|
}
|
|
2212
|
-
.bagel-input:hover .toggleEditBtn[data-v-
|
|
2213
|
-
.bagel-input.editMode .toggleEditBtn[data-v-
|
|
2236
|
+
.bagel-input:hover .toggleEditBtn[data-v-9f24ba22],
|
|
2237
|
+
.bagel-input.editMode .toggleEditBtn[data-v-9f24ba22] {
|
|
2214
2238
|
opacity: 1;
|
|
2215
2239
|
}
|
|
2216
|
-
.bagel-input.small
|
|
2240
|
+
.bagel-input.small textarea[data-v-9f24ba22] {
|
|
2217
2241
|
height: 30px;
|
|
2218
2242
|
}
|
|
2219
2243
|
|
|
@@ -2345,7 +2369,7 @@ input[type='email'][data-v-ed81a514] {
|
|
|
2345
2369
|
}
|
|
2346
2370
|
}
|
|
2347
2371
|
|
|
2348
|
-
.radio-pill label[data-v-
|
|
2372
|
+
.radio-pill label[data-v-15351d79] {
|
|
2349
2373
|
color: var(--bgl-primary);
|
|
2350
2374
|
white-space: nowrap;
|
|
2351
2375
|
border-radius: calc(var(--btn-border-radius) * 2);
|
|
@@ -2359,17 +2383,65 @@ input[type='email'][data-v-ed81a514] {
|
|
|
2359
2383
|
background: var(--bgl-white);
|
|
2360
2384
|
user-select: none;
|
|
2361
2385
|
}
|
|
2362
|
-
.radio-pill label[data-v-
|
|
2386
|
+
.radio-pill label[data-v-15351d79]:hover {
|
|
2363
2387
|
filter: var(--bgl-hover-filter);
|
|
2364
2388
|
}
|
|
2365
|
-
.radio-pill input[data-v-
|
|
2389
|
+
.radio-pill input[data-v-15351d79] {
|
|
2366
2390
|
display: none;
|
|
2367
2391
|
}
|
|
2368
|
-
.radio-pill input:checked~label[data-v-
|
|
2392
|
+
.radio-pill input:checked~label[data-v-15351d79] {
|
|
2369
2393
|
background: var(--bgl-primary);
|
|
2370
2394
|
color: var(--bgl-white);
|
|
2371
2395
|
}
|
|
2372
2396
|
|
|
2397
|
+
.bagel-input .fileUploadWrap[data-v-352399c0] {
|
|
2398
|
+
outline: 1px solid var(--border-color);
|
|
2399
|
+
border-radius: var(--input-border-radius);
|
|
2400
|
+
text-align: center;
|
|
2401
|
+
cursor: pointer;
|
|
2402
|
+
transition: var(--bgl-transition);
|
|
2403
|
+
position: relative;
|
|
2404
|
+
height: 132px;
|
|
2405
|
+
font-size: var(--input-font-size);
|
|
2406
|
+
}
|
|
2407
|
+
.previewName[data-v-352399c0]{
|
|
2408
|
+
padding: 0.5rem;
|
|
2409
|
+
text-align: start;
|
|
2410
|
+
color: var(--input-color);
|
|
2411
|
+
display: grid;
|
|
2412
|
+
grid-template-columns: 1fr 22px;
|
|
2413
|
+
align-items: center;
|
|
2414
|
+
}
|
|
2415
|
+
.previewName p[data-v-352399c0]{
|
|
2416
|
+
overflow: hidden;
|
|
2417
|
+
text-overflow: ellipsis;
|
|
2418
|
+
white-space: nowrap;
|
|
2419
|
+
}
|
|
2420
|
+
.imagePreviewWrap[data-v-352399c0]{
|
|
2421
|
+
background: var(--input-bg);
|
|
2422
|
+
border-radius: var(--input-border-radius);
|
|
2423
|
+
height: 90px;
|
|
2424
|
+
padding: 5px;
|
|
2425
|
+
}
|
|
2426
|
+
img.preview[data-v-352399c0] {
|
|
2427
|
+
height: 80px;
|
|
2428
|
+
border-radius: var(--input-border-radius);
|
|
2429
|
+
object-fit: contain;
|
|
2430
|
+
}
|
|
2431
|
+
.fileUploadWrap.dragover[data-v-352399c0], .fileUploadWrap[data-v-352399c0]:hover{
|
|
2432
|
+
box-shadow: inset 0 0 10px #00000012;
|
|
2433
|
+
}
|
|
2434
|
+
.bagel-input .fileUploadWrap.fileDropZone[data-v-352399c0]{
|
|
2435
|
+
background: var(--input-bg);
|
|
2436
|
+
display: flex;
|
|
2437
|
+
align-items: center;
|
|
2438
|
+
justify-content: center;
|
|
2439
|
+
color:var(--bgl-gray);
|
|
2440
|
+
}
|
|
2441
|
+
.bagel-input .fileUploadWrap.fileDropZone[data-v-352399c0]:after {
|
|
2442
|
+
content: "Drop files here or click to upload";
|
|
2443
|
+
}
|
|
2444
|
+
|
|
2373
2445
|
.chart-line {
|
|
2374
2446
|
width: 100%;
|
|
2375
2447
|
height: 300px;
|
|
@@ -29,12 +29,5 @@ export interface NestedBagelForm extends BaseBagelField {
|
|
|
29
29
|
inputType: 'BagelForm';
|
|
30
30
|
fields: NestedBagelFormFields;
|
|
31
31
|
}
|
|
32
|
-
export
|
|
33
|
-
inputType: 'SelectField';
|
|
34
|
-
options: string | {
|
|
35
|
-
label: string;
|
|
36
|
-
value: string | number;
|
|
37
|
-
}[];
|
|
38
|
-
}
|
|
39
|
-
export type BagelField = BaseBagelField | SelectBagelField | NestedBagelForm;
|
|
32
|
+
export type BagelField = BaseBagelField | NestedBagelForm;
|
|
40
33
|
//# sourceMappingURL=BagelField.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BagelField.d.ts","sourceRoot":"","sources":["../../src/types/BagelField.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,cAAc;IAC9B,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,UAAU,CAAC,EAAE,OAAO,GAAG,CAAC,MAAM,OAAO,CAAC,CAAC;IACvC,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,EACN,SAAS,GACT,aAAa,GACb,WAAW,GACX,YAAY,GACZ,eAAe,GACf,WAAW,GACX,eAAe,GACf,YAAY,GACZ,aAAa,GACb,WAAW,GACX,UAAU,GACV,UAAU,GACV,SAAS,GACT,aAAa,GACb,SAAS,GACT,WAAW,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,SAAS,CAAC,EAAE,MAAM,EAAE,CAAC;IACrB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,MAAM,CAAC,EAAE,GAAG,CAAC;IACb,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,IAAI,CAAC,EAAE,MAAM,CAAC;CACd;AAED,MAAM,MAAM,WAAW,GAAG,UAAU,GAAG;IAEtC,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,eAAe,CAAC,EAAE,OAAO,CAAC;CAC1B,CAAC;AACF,MAAM,MAAM,qBAAqB,GAAG,WAAW,EAAE,GAAG,MAAM,CAAC,MAAM,EAAE,WAAW,CAAC,CAAC;AAEhF,MAAM,WAAW,eAAgB,SAAQ,cAAc;IACtD,SAAS,EAAE,WAAW,CAAC;IACvB,MAAM,EAAE,qBAAqB,CAAC;CAC9B;AAED,MAAM,
|
|
1
|
+
{"version":3,"file":"BagelField.d.ts","sourceRoot":"","sources":["../../src/types/BagelField.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,cAAc;IAC9B,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,UAAU,CAAC,EAAE,OAAO,GAAG,CAAC,MAAM,OAAO,CAAC,CAAC;IACvC,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,EACN,SAAS,GACT,aAAa,GACb,WAAW,GACX,YAAY,GACZ,eAAe,GACf,WAAW,GACX,eAAe,GACf,YAAY,GACZ,aAAa,GACb,WAAW,GACX,UAAU,GACV,UAAU,GACV,SAAS,GACT,aAAa,GACb,SAAS,GACT,WAAW,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,SAAS,CAAC,EAAE,MAAM,EAAE,CAAC;IACrB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,MAAM,CAAC,EAAE,GAAG,CAAC;IACb,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,IAAI,CAAC,EAAE,MAAM,CAAC;CACd;AAED,MAAM,MAAM,WAAW,GAAG,UAAU,GAAG;IAEtC,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,eAAe,CAAC,EAAE,OAAO,CAAC;CAC1B,CAAC;AACF,MAAM,MAAM,qBAAqB,GAAG,WAAW,EAAE,GAAG,MAAM,CAAC,MAAM,EAAE,WAAW,CAAC,CAAC;AAEhF,MAAM,WAAW,eAAgB,SAAQ,cAAc;IACtD,SAAS,EAAE,WAAW,CAAC;IACvB,MAAM,EAAE,qBAAqB,CAAC;CAC9B;AAED,MAAM,MAAM,UAAU,GAAG,cAAc,GAAG,eAAe,CAAC"}
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
export type AttributeValue = string | number | boolean | null | undefined | Record<string, any>;
|
|
2
|
+
export type AttributeFn<T = Record<string, any>> = (field: any, row: T) => AttributeValue;
|
|
3
|
+
export interface Attributes<T = any> {
|
|
4
|
+
[key: string]: AttributeValue | AttributeFn<T>;
|
|
5
|
+
}
|
|
6
|
+
export type Field<T = Record<string, any>> = {
|
|
7
|
+
$el?: any;
|
|
8
|
+
id?: string;
|
|
9
|
+
label?: string;
|
|
10
|
+
placeholder?: string;
|
|
11
|
+
children?: Field<T>[];
|
|
12
|
+
attrs?: Attributes<T>;
|
|
13
|
+
required?: boolean;
|
|
14
|
+
};
|
|
15
|
+
export interface SelectBagelField {
|
|
16
|
+
inputType: 'SelectField';
|
|
17
|
+
options: string | {
|
|
18
|
+
label: string;
|
|
19
|
+
value: string | number;
|
|
20
|
+
}[];
|
|
21
|
+
}
|
|
22
|
+
export type BglFormSchemaT<T = Record<string, any>> = Field<T>[];
|
|
23
|
+
//# sourceMappingURL=BagelForm.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"BagelForm.d.ts","sourceRoot":"","sources":["../../src/types/BagelForm.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,cAAc,GAAG,MAAM,GAAG,MAAM,GAAG,OAAO,GAAG,IAAI,GAAG,SAAS,GAAG,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;AAEhG,MAAM,MAAM,WAAW,CAAC,CAAC,GAAG,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,IAAI,CAAC,KAAK,EAAE,GAAG,EAAE,GAAG,EAAE,CAAC,KAAK,cAAc,CAAC;AAE1F,MAAM,WAAW,UAAU,CAAC,CAAC,GAAG,GAAG;IACjC,CAAC,GAAG,EAAE,MAAM,GAAG,cAAc,GAAG,WAAW,CAAC,CAAC,CAAC,CAAA;CAC/C;AAED,MAAM,MAAM,KAAK,CAAC,CAAC,GAAG,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,IAAI;IAC3C,GAAG,CAAC,EAAE,GAAG,CAAC;IACV,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,KAAK,CAAC,CAAC,CAAC,EAAE,CAAC;IACtB,KAAK,CAAC,EAAE,UAAU,CAAC,CAAC,CAAC,CAAC;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAA;AAED,MAAM,WAAW,gBAAgB;IAChC,SAAS,EAAE,aAAa,CAAC;IACzB,OAAO,EAAE,MAAM,GAAG;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,GAAG,MAAM,CAAA;KAAE,EAAE,CAAC;CAC9D;AAED,MAAM,MAAM,cAAc,CAAC,CAAC,GAAG,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,IAAI,KAAK,CAAC,CAAC,CAAC,EAAE,CAAC"}
|
package/dist/types/index.d.ts
CHANGED
|
@@ -2,7 +2,7 @@ export type { MaterialIcons } from './materialIcons';
|
|
|
2
2
|
export type { BankDetailsInterface, NewPerson, Person } from './Person';
|
|
3
3
|
export type { Tables, TableToTypeMapping } from '@bagelink/sdk';
|
|
4
4
|
export type { StorageFile } from './file';
|
|
5
|
-
export * from './BagelField';
|
|
6
5
|
export * from './BtnOptions';
|
|
7
|
-
export
|
|
6
|
+
export * from './BagelForm';
|
|
7
|
+
export type ThemeType = 'light' | 'red' | 'gray' | 'gray-light' | 'black' | 'green' | 'primary' | 'blue';
|
|
8
8
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/types/index.ts"],"names":[],"mappings":"AAAA,YAAY,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AACrD,YAAY,EAAE,oBAAoB,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AACxE,YAAY,EAAE,MAAM,EAAE,kBAAkB,EAAE,MAAM,eAAe,CAAC;AAChE,YAAY,EAAE,WAAW,EAAE,MAAM,QAAQ,CAAC;
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/types/index.ts"],"names":[],"mappings":"AAAA,YAAY,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AACrD,YAAY,EAAE,oBAAoB,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AACxE,YAAY,EAAE,MAAM,EAAE,kBAAkB,EAAE,MAAM,eAAe,CAAC;AAChE,YAAY,EAAE,WAAW,EAAE,MAAM,QAAQ,CAAC;AAE1C,cAAc,cAAc,CAAC;AAC7B,cAAc,aAAa,CAAC;AAE5B,MAAM,MAAM,SAAS,GACpB,OAAO,GACL,KAAK,GACL,MAAM,GACN,YAAY,GACZ,OAAO,GACP,OAAO,GACP,SAAS,GACT,MAAM,CAAA"}
|