@bagelink/vue 0.0.935 → 0.0.937
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/form/inputs/RangeInput.vue.d.ts.map +1 -1
- package/dist/components/form/inputs/SelectInput.vue.d.ts +2 -0
- package/dist/components/form/inputs/SelectInput.vue.d.ts.map +1 -1
- package/dist/components/form/inputs/TextInput.vue.d.ts +1 -0
- package/dist/components/form/inputs/TextInput.vue.d.ts.map +1 -1
- package/dist/index.cjs +4 -3
- package/dist/index.mjs +4 -3
- package/dist/style.css +21 -20
- package/package.json +1 -1
- package/src/components/form/inputs/RangeInput.vue +2 -1
- package/src/components/form/inputs/TextInput.vue +2 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"RangeInput.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/form/inputs/RangeInput.vue"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"RangeInput.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/form/inputs/RangeInput.vue"],"names":[],"mappings":"AAoHA,UAAU,eAAe;IACxB,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,SAAS,CAAC,EAAE,MAAM,CAAA;CAClB;AACD,QAAA,IAAI,eAAe,EAAG,eAAe,CAAC;AAuCtC,KAAK,iBAAiB,GAAG;IACzB,UAAU,CAAC,EAAE,MAAM,CAAC;CACnB,GAAG,OAAO,eAAe,CAAC;;;;;;AAkF3B,wBAOG"}
|
|
@@ -161,6 +161,7 @@ declare function __VLS_template(): {
|
|
|
161
161
|
onDebounce?: ((...args: any[]) => any) | undefined;
|
|
162
162
|
}>, {
|
|
163
163
|
focus: () => void | undefined;
|
|
164
|
+
hasFocus: () => boolean;
|
|
164
165
|
}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
|
|
165
166
|
"update:modelValue": (...args: any[]) => void;
|
|
166
167
|
debounce: (...args: any[]) => void;
|
|
@@ -237,6 +238,7 @@ declare function __VLS_template(): {
|
|
|
237
238
|
onDebounce?: ((...args: any[]) => any) | undefined;
|
|
238
239
|
}>, {
|
|
239
240
|
focus: () => void | undefined;
|
|
241
|
+
hasFocus: () => boolean;
|
|
240
242
|
}, {}, {}, {}, {
|
|
241
243
|
type: string;
|
|
242
244
|
modelValue: string | number;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SelectInput.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/form/inputs/SelectInput.vue"],"names":[],"mappings":"AAiaA,OAAO,EAMN,KAAK,aAAa,EAClB,KAAK,MAAM,EAEX,MAAM,eAAe,CAAA;AAEtB,OAAO,wBAAwB,CAAA;AAyN/B,iBAAS,cAAc;;sBAyQI,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wCA7DhB,GAAE,8CACb,GAAG,yBACA,GAAG,6DAAmC,GAAG
|
|
1
|
+
{"version":3,"file":"SelectInput.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/form/inputs/SelectInput.vue"],"names":[],"mappings":"AAiaA,OAAO,EAMN,KAAK,aAAa,EAClB,KAAK,MAAM,EAEX,MAAM,eAAe,CAAA;AAEtB,OAAO,wBAAwB,CAAA;AAyN/B,iBAAS,cAAc;;sBAyQI,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wCA7DhB,GAAE,8CACb,GAAG,yBACA,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;WAuEjC,OAAO,IAA6B;EAEjD;AAkCD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;aA9gBX,MAAM,EAAE;kBACH,MAAM;eACT,OAAO;iBACL,MAAM;iBACN,OAAO;eACT,OAAO;YACV,MAAM;gBACF,OAAO;kBACL,OAAO;WACd,aAAa;gBACR,OAAO;mBACJ,MAAM;gBACT,OAAO;wBACC,MAAM;eACf,CAAC,MAAM,EAAE,MAAM,KAAK,OAAO,CAAC,MAAM,EAAE,CAAC;;;;aAdvC,MAAM,EAAE;kBACH,MAAM;eACT,OAAO;iBACL,MAAM;iBACN,OAAO;eACT,OAAO;YACV,MAAM;gBACF,OAAO;kBACL,OAAO;WACd,aAAa;gBACR,OAAO;mBACJ,MAAM;gBACT,OAAO;wBACC,MAAM;eACf,CAAC,MAAM,EAAE,MAAM,KAAK,OAAO,CAAC,MAAM,EAAE,CAAC;;;kFAugB/C,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAWpG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
|
|
@@ -28,6 +28,7 @@ declare const _default: import('vue').DefineComponent<{
|
|
|
28
28
|
onFocusout?: (e: FocusEvent) => void;
|
|
29
29
|
}, {
|
|
30
30
|
focus: () => void | undefined;
|
|
31
|
+
hasFocus: () => boolean;
|
|
31
32
|
}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
|
|
32
33
|
"update:modelValue": (...args: any[]) => void;
|
|
33
34
|
debounce: (...args: any[]) => void;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TextInput.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/form/inputs/TextInput.vue"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"TextInput.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/form/inputs/TextInput.vue"],"names":[],"mappings":"AA+NA,OAAO,EAEN,KAAK,aAAa,EAElB,MAAM,eAAe,CAAA;;SAMf,MAAM;YACH,MAAM;eACH,MAAM;kBACH,MAAM;iBACP,MAAM,GAAG,MAAM;YACpB,MAAM;YACN,OAAO;YACP,OAAO;eACJ,OAAO;cACR,MAAM;aACP,OAAO;eACL,OAAO;WACX,MAAM;uBACM;QAAE,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAA;KAAE;WAClC,aAAa;gBACR,aAAa;gBACb,OAAO;iBACN,OAAO;WACb,OAAO;YACN,MAAM,GAAG,MAAM;mBACR,aAAa;gBAChB,OAAO;oBACH,MAAM;iBACT,CAAC,CAAC,EAAE,UAAU,KAAK,IAAI;;;;;;;;SAvB/B,MAAM;YACH,MAAM;eACH,MAAM;kBACH,MAAM;iBACP,MAAM,GAAG,MAAM;YACpB,MAAM;YACN,OAAO;YACP,OAAO;eACJ,OAAO;cACR,MAAM;aACP,OAAO;eACL,OAAO;WACX,MAAM;uBACM;QAAE,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAA;KAAE;WAClC,aAAa;gBACR,aAAa;gBACb,OAAO;iBACN,OAAO;WACb,OAAO;YACN,MAAM,GAAG,MAAM;mBACR,aAAa;gBAChB,OAAO;oBACH,MAAM;iBACT,CAAC,CAAC,EAAE,UAAU,KAAK,IAAI;;;;;UAX7B,MAAM;gBARA,MAAM,GAAG,MAAM;mBAkBZ,MAAM;;AAqLxB,wBASG"}
|
package/dist/index.cjs
CHANGED
|
@@ -19481,7 +19481,7 @@ const _sfc_main$x = /* @__PURE__ */ vue.defineComponent({
|
|
|
19481
19481
|
};
|
|
19482
19482
|
}
|
|
19483
19483
|
});
|
|
19484
|
-
const RangeInput = /* @__PURE__ */ _export_sfc(_sfc_main$x, [["__scopeId", "data-v-
|
|
19484
|
+
const RangeInput = /* @__PURE__ */ _export_sfc(_sfc_main$x, [["__scopeId", "data-v-ded4d62d"]]);
|
|
19485
19485
|
function OrderedMap(content) {
|
|
19486
19486
|
this.content = content;
|
|
19487
19487
|
}
|
|
@@ -52667,11 +52667,12 @@ const _sfc_main$p = /* @__PURE__ */ vue.defineComponent({
|
|
|
52667
52667
|
},
|
|
52668
52668
|
{ immediate: true }
|
|
52669
52669
|
);
|
|
52670
|
+
const hasFocus = () => document.activeElement === input.value;
|
|
52670
52671
|
const focus2 = () => {
|
|
52671
52672
|
var _a2;
|
|
52672
52673
|
return (_a2 = input.value) == null ? void 0 : _a2.focus();
|
|
52673
52674
|
};
|
|
52674
|
-
__expose({ focus: focus2 });
|
|
52675
|
+
__expose({ focus: focus2, hasFocus });
|
|
52675
52676
|
vue.onMounted(() => {
|
|
52676
52677
|
if (props2.autofocus) setTimeout(() => {
|
|
52677
52678
|
var _a2;
|
|
@@ -52752,7 +52753,7 @@ const _sfc_main$p = /* @__PURE__ */ vue.defineComponent({
|
|
|
52752
52753
|
};
|
|
52753
52754
|
}
|
|
52754
52755
|
});
|
|
52755
|
-
const TextInput = /* @__PURE__ */ _export_sfc(_sfc_main$p, [["__scopeId", "data-v-
|
|
52756
|
+
const TextInput = /* @__PURE__ */ _export_sfc(_sfc_main$p, [["__scopeId", "data-v-0e10a3b5"]]);
|
|
52756
52757
|
const _hoisted_1$h = ["title"];
|
|
52757
52758
|
const _hoisted_2$9 = ["id", "required"];
|
|
52758
52759
|
const _hoisted_3$7 = ["for"];
|
package/dist/index.mjs
CHANGED
|
@@ -19479,7 +19479,7 @@ const _sfc_main$x = /* @__PURE__ */ defineComponent({
|
|
|
19479
19479
|
};
|
|
19480
19480
|
}
|
|
19481
19481
|
});
|
|
19482
|
-
const RangeInput = /* @__PURE__ */ _export_sfc(_sfc_main$x, [["__scopeId", "data-v-
|
|
19482
|
+
const RangeInput = /* @__PURE__ */ _export_sfc(_sfc_main$x, [["__scopeId", "data-v-ded4d62d"]]);
|
|
19483
19483
|
function OrderedMap(content) {
|
|
19484
19484
|
this.content = content;
|
|
19485
19485
|
}
|
|
@@ -52665,11 +52665,12 @@ const _sfc_main$p = /* @__PURE__ */ defineComponent({
|
|
|
52665
52665
|
},
|
|
52666
52666
|
{ immediate: true }
|
|
52667
52667
|
);
|
|
52668
|
+
const hasFocus = () => document.activeElement === input.value;
|
|
52668
52669
|
const focus2 = () => {
|
|
52669
52670
|
var _a2;
|
|
52670
52671
|
return (_a2 = input.value) == null ? void 0 : _a2.focus();
|
|
52671
52672
|
};
|
|
52672
|
-
__expose({ focus: focus2 });
|
|
52673
|
+
__expose({ focus: focus2, hasFocus });
|
|
52673
52674
|
onMounted(() => {
|
|
52674
52675
|
if (props2.autofocus) setTimeout(() => {
|
|
52675
52676
|
var _a2;
|
|
@@ -52750,7 +52751,7 @@ const _sfc_main$p = /* @__PURE__ */ defineComponent({
|
|
|
52750
52751
|
};
|
|
52751
52752
|
}
|
|
52752
52753
|
});
|
|
52753
|
-
const TextInput = /* @__PURE__ */ _export_sfc(_sfc_main$p, [["__scopeId", "data-v-
|
|
52754
|
+
const TextInput = /* @__PURE__ */ _export_sfc(_sfc_main$p, [["__scopeId", "data-v-0e10a3b5"]]);
|
|
52754
52755
|
const _hoisted_1$h = ["title"];
|
|
52755
52756
|
const _hoisted_2$9 = ["id", "required"];
|
|
52756
52757
|
const _hoisted_3$7 = ["for"];
|
package/dist/style.css
CHANGED
|
@@ -996,17 +996,18 @@ data[data-v-6c27f163] {
|
|
|
996
996
|
color: var(--bgl-light-text);
|
|
997
997
|
}
|
|
998
998
|
|
|
999
|
-
.range-slide input[data-v-
|
|
999
|
+
.range-slide input[data-v-ded4d62d] {
|
|
1000
1000
|
-webkit-appearance: none;
|
|
1001
1001
|
width: 100%;
|
|
1002
1002
|
border-radius: 5px;
|
|
1003
1003
|
outline: none;
|
|
1004
1004
|
transition: background 0.3s ease;
|
|
1005
1005
|
}
|
|
1006
|
-
.range-slide input[data-v-
|
|
1006
|
+
.range-slide input[data-v-ded4d62d]::-webkit-slider-thumb {
|
|
1007
1007
|
-webkit-appearance: none;
|
|
1008
1008
|
appearance: none;
|
|
1009
|
-
margin-top: calc(-1 * var(--thickness, 8px) / 2);
|
|
1009
|
+
/* margin-top: calc(-1 * var(--thickness, 8px) / 2); */
|
|
1010
|
+
margin-top: 0;
|
|
1010
1011
|
width: 16px;
|
|
1011
1012
|
height: 16px;
|
|
1012
1013
|
background: var(--bgl-primary);
|
|
@@ -1014,7 +1015,7 @@ data[data-v-6c27f163] {
|
|
|
1014
1015
|
border-radius: 50%;
|
|
1015
1016
|
cursor: pointer;
|
|
1016
1017
|
}
|
|
1017
|
-
.range-slide input[data-v-
|
|
1018
|
+
.range-slide input[data-v-ded4d62d]::-moz-range-thumb {
|
|
1018
1019
|
width: 16px;
|
|
1019
1020
|
height: 16px;
|
|
1020
1021
|
margin-top: calc(-1 * var(--thickness, 8px) / 2);
|
|
@@ -1023,11 +1024,11 @@ data[data-v-6c27f163] {
|
|
|
1023
1024
|
border-radius: 50%;
|
|
1024
1025
|
cursor: pointer;
|
|
1025
1026
|
}
|
|
1026
|
-
.range-slide.disabled input[type='range'][data-v-
|
|
1027
|
+
.range-slide.disabled input[type='range'][data-v-ded4d62d]::-webkit-slider-thumb {
|
|
1027
1028
|
display: none;
|
|
1028
1029
|
}
|
|
1029
|
-
.range-slide input[data-v-
|
|
1030
|
-
.range-slide input[data-v-
|
|
1030
|
+
.range-slide input[data-v-ded4d62d]::-webkit-slider-runnable-track,
|
|
1031
|
+
.range-slide input[data-v-ded4d62d]::-moz-range-track {
|
|
1031
1032
|
width: 100%;
|
|
1032
1033
|
background: transparent;
|
|
1033
1034
|
border-radius: 5px;
|
|
@@ -1598,58 +1599,58 @@ p {
|
|
|
1598
1599
|
font-size: var(--label-font-size);
|
|
1599
1600
|
}
|
|
1600
1601
|
|
|
1601
|
-
.bagel-input textarea[data-v-
|
|
1602
|
+
.bagel-input textarea[data-v-0e10a3b5] {
|
|
1602
1603
|
min-height: unset;
|
|
1603
1604
|
font-size: var(--input-font-size);
|
|
1604
1605
|
}
|
|
1605
|
-
.bagel-input.text-input textarea[data-v-
|
|
1606
|
+
.bagel-input.text-input textarea[data-v-0e10a3b5] {
|
|
1606
1607
|
resize: none;
|
|
1607
1608
|
}
|
|
1608
|
-
.code textarea[data-v-
|
|
1609
|
+
.code textarea[data-v-0e10a3b5] {
|
|
1609
1610
|
font-family: 'Inconsolata', monospace;
|
|
1610
1611
|
background: var(--bgl-code-bg) !important;
|
|
1611
1612
|
color: var(--bgl-light-text) !important;
|
|
1612
1613
|
}
|
|
1613
|
-
.code textarea[data-v-
|
|
1614
|
+
.code textarea[data-v-0e10a3b5]::placeholder {
|
|
1614
1615
|
color: var(--bgl-light-text) !important;
|
|
1615
1616
|
opacity: 0.3;
|
|
1616
1617
|
}
|
|
1617
|
-
.bagel-input.small[data-v-
|
|
1618
|
+
.bagel-input.small[data-v-0e10a3b5] {
|
|
1618
1619
|
margin-bottom: 0;
|
|
1619
1620
|
height: 30px;
|
|
1620
1621
|
}
|
|
1621
|
-
.bagel-input.dense label[data-v-
|
|
1622
|
+
.bagel-input.dense label[data-v-0e10a3b5] {
|
|
1622
1623
|
display: flex;
|
|
1623
1624
|
align-items: center;
|
|
1624
1625
|
gap: 0.5rem;
|
|
1625
1626
|
}
|
|
1626
|
-
.bagel-input input[data-v-
|
|
1627
|
+
.bagel-input input[data-v-0e10a3b5]:disabled {
|
|
1627
1628
|
background: #f5f5f5;
|
|
1628
1629
|
}
|
|
1629
|
-
.bagel-input label[data-v-
|
|
1630
|
+
.bagel-input label[data-v-0e10a3b5] {
|
|
1630
1631
|
font-size: var(--label-font-size);
|
|
1631
1632
|
}
|
|
1632
|
-
.textInputIconWrap .bgl_icon-font[data-v-
|
|
1633
|
+
.textInputIconWrap .bgl_icon-font[data-v-0e10a3b5] {
|
|
1633
1634
|
color: var(--input-color);
|
|
1634
1635
|
position: absolute;
|
|
1635
1636
|
inset-inline-end:calc(var(--input-height) / 3 - 0.25rem);
|
|
1636
1637
|
margin-top: calc(var(--input-height) / 2 + 0.1rem);
|
|
1637
1638
|
line-height: 0;
|
|
1638
1639
|
}
|
|
1639
|
-
.textInputIconWrap input[data-v-
|
|
1640
|
+
.textInputIconWrap input[data-v-0e10a3b5]{
|
|
1640
1641
|
padding-inline-end: calc(var(--input-height) / 3 + 1.5rem);
|
|
1641
1642
|
}
|
|
1642
|
-
.txtInputIconStart .iconStart[data-v-
|
|
1643
|
+
.txtInputIconStart .iconStart[data-v-0e10a3b5] {
|
|
1643
1644
|
color: var(--input-color);
|
|
1644
1645
|
position: absolute;
|
|
1645
1646
|
inset-inline-start:calc(var(--input-height) / 3 - 0.25rem);
|
|
1646
1647
|
margin-top: calc(var(--input-height) / 2 );
|
|
1647
1648
|
line-height: 0;
|
|
1648
1649
|
}
|
|
1649
|
-
.txtInputIconStart input[data-v-
|
|
1650
|
+
.txtInputIconStart input[data-v-0e10a3b5], .txtInputIconStart textarea[data-v-0e10a3b5]{
|
|
1650
1651
|
padding-inline-start: calc(var(--input-height) / 3 + 1.5rem);
|
|
1651
1652
|
}
|
|
1652
|
-
.bagel-input.small textarea[data-v-
|
|
1653
|
+
.bagel-input.small textarea[data-v-0e10a3b5] {
|
|
1653
1654
|
height: 30px;
|
|
1654
1655
|
}
|
|
1655
1656
|
|
package/package.json
CHANGED
|
@@ -77,7 +77,8 @@ const height = $computed(() => {
|
|
|
77
77
|
.range-slide input::-webkit-slider-thumb {
|
|
78
78
|
-webkit-appearance: none;
|
|
79
79
|
appearance: none;
|
|
80
|
-
margin-top: calc(-1 * var(--thickness, 8px) / 2);
|
|
80
|
+
/* margin-top: calc(-1 * var(--thickness, 8px) / 2); */
|
|
81
|
+
margin-top: 0;
|
|
81
82
|
width: 16px;
|
|
82
83
|
height: 16px;
|
|
83
84
|
background: var(--bgl-primary);
|
|
@@ -69,8 +69,9 @@ watch(
|
|
|
69
69
|
{ immediate: true },
|
|
70
70
|
)
|
|
71
71
|
|
|
72
|
+
const hasFocus = () => document.activeElement === input
|
|
72
73
|
const focus = () => input?.focus()
|
|
73
|
-
defineExpose({ focus })
|
|
74
|
+
defineExpose({ focus, hasFocus })
|
|
74
75
|
|
|
75
76
|
onMounted(() => {
|
|
76
77
|
if (props.autofocus) setTimeout(() => input?.focus(), 10)
|