@bagelink/vue 0.0.692 → 0.0.696
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/TelInput.vue.d.ts +25 -24
- 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/index.cjs +15 -3
- package/dist/index.mjs +15 -3
- package/dist/style.css +122 -62
- package/dist/utils/BagelFormUtils.d.ts +2 -1
- package/dist/utils/BagelFormUtils.d.ts.map +1 -1
- package/package.json +1 -1
- package/src/components/form/inputs/TelInput.vue +26 -25
- package/src/components/form/inputs/TextInput.vue +1 -0
- package/src/styles/appearance.css +40 -40
- package/src/styles/inputs.css +79 -2
- package/src/utils/BagelFormUtils.ts +32 -1
|
@@ -1,32 +1,10 @@
|
|
|
1
1
|
import { Country } from '../../..';
|
|
2
2
|
import { Raw, StyleValue } from 'vue';
|
|
3
3
|
import { NumberFormat } from 'libphonenumber-js';
|
|
4
|
-
|
|
5
|
-
declare const defaultDropdownOptions: {
|
|
6
|
-
hide: boolean;
|
|
7
|
-
disabled: boolean;
|
|
8
|
-
showFlags: boolean;
|
|
9
|
-
showDialCodeInSelection: boolean;
|
|
10
|
-
showDialCodeInList: boolean;
|
|
11
|
-
searchable: boolean;
|
|
12
|
-
};
|
|
13
|
-
declare const defaultInputOptions: {
|
|
14
|
-
showDialCode: boolean;
|
|
15
|
-
autofocus: boolean;
|
|
16
|
-
'aria-describedby': string;
|
|
17
|
-
id: string;
|
|
18
|
-
maxlength: number;
|
|
19
|
-
minlength: number;
|
|
20
|
-
pattern: string | undefined;
|
|
21
|
-
name: string;
|
|
22
|
-
readonly: boolean;
|
|
23
|
-
tabindex: number;
|
|
24
|
-
style: Raw<StyleValue>;
|
|
25
|
-
placeholder: string;
|
|
26
|
-
};
|
|
27
|
-
interface Props {
|
|
4
|
+
export interface Props {
|
|
28
5
|
label?: string;
|
|
29
6
|
id?: string;
|
|
7
|
+
class?: string;
|
|
30
8
|
autocomplete?: 'on' | 'off' | 'tel';
|
|
31
9
|
placeholder?: string;
|
|
32
10
|
required?: boolean;
|
|
@@ -49,6 +27,29 @@ interface Props {
|
|
|
49
27
|
};
|
|
50
28
|
debounceDelay?: number;
|
|
51
29
|
}
|
|
30
|
+
declare let __VLS_typeProps: Props;
|
|
31
|
+
declare const defaultDropdownOptions: {
|
|
32
|
+
hide: boolean;
|
|
33
|
+
disabled: boolean;
|
|
34
|
+
showFlags: boolean;
|
|
35
|
+
showDialCodeInSelection: boolean;
|
|
36
|
+
showDialCodeInList: boolean;
|
|
37
|
+
searchable: boolean;
|
|
38
|
+
};
|
|
39
|
+
declare const defaultInputOptions: {
|
|
40
|
+
showDialCode: boolean;
|
|
41
|
+
autofocus: boolean;
|
|
42
|
+
'aria-describedby': string;
|
|
43
|
+
id: string;
|
|
44
|
+
maxlength: number;
|
|
45
|
+
minlength: number;
|
|
46
|
+
pattern: string | undefined;
|
|
47
|
+
name: string;
|
|
48
|
+
readonly: boolean;
|
|
49
|
+
tabindex: number;
|
|
50
|
+
style: Raw<StyleValue>;
|
|
51
|
+
placeholder: string;
|
|
52
|
+
};
|
|
52
53
|
type __VLS_PublicProps = {
|
|
53
54
|
'modelValue'?: string;
|
|
54
55
|
} & typeof __VLS_typeProps;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TelInput.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/form/inputs/TelInput.vue"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"TelInput.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/form/inputs/TelInput.vue"],"names":[],"mappings":"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"}
|
|
@@ -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":"AA4NA,OAAO,EAEN,KAAK,aAAa,EAElB,MAAM,eAAe,CAAA;;SAKf,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,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC;WAC/B,aAAa;gBACR,aAAa;gBACb,OAAO;iBACN,OAAO;WACb,OAAO;YACN,MAAM;mBACC,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,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC;WAC/B,aAAa;gBACR,aAAa;gBACb,OAAO;iBACN,OAAO;WACb,OAAO;YACN,MAAM;mBACC,aAAa;gBAChB,OAAO;oBACH,MAAM;iBACT,CAAC,CAAC,EAAE,UAAU,KAAK,IAAI;;;;;;;;;UAX7B,MAAM;gBARA,MAAM,GAAG,MAAM;mBAkBZ,MAAM;;AAqLxB,wBAOG;AAOH,KAAK,kBAAkB,CAAC,CAAC,EAAE,CAAC,IAAI;KAC1B,CAAC,IAAI,MAAM,IAAI,CAAC,CAAC,EAAE,MAAM,CAAC,CAAC,GAAG,CAAC,SAAS,MAAM,CAAC,GAC7C,cAAc,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG;QAAE,OAAO,EAAE,CAAC,CAAC,CAAC,CAAC,CAAA;KAAC,CAAC,GACvC,CAAC,CAAC,CAAC,CAAC;CACP,CAAC;AAEN,KAAK,cAAc,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG,EAAE,CAAC;AAExD,KAAK,sBAAsB,CAAC,CAAC,IAAI,CAAC,SAAS,SAAS,GAAG,KAAK,GAAG,CAAC,CAAC;AAC5D,KAAK,uBAAuB,CAAC,CAAC,IAAI;KAChC,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,GAAG,EAAE,SAAS,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,GACpC;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,sBAAsB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;KAAE,GAC9D;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QAAC,QAAQ,EAAE,IAAI,CAAA;KAAE;CACzD,CAAC"}
|
package/dist/index.cjs
CHANGED
|
@@ -5260,10 +5260,21 @@ function frmRow(...children2) {
|
|
|
5260
5260
|
children: children2
|
|
5261
5261
|
};
|
|
5262
5262
|
}
|
|
5263
|
+
function findBglFieldById(id, _schema) {
|
|
5264
|
+
for (const field of _schema) {
|
|
5265
|
+
if (field.id === id) return field;
|
|
5266
|
+
if (field.children && Number(field.children.length) > 0) {
|
|
5267
|
+
const child = findBglFieldById(id, field.children);
|
|
5268
|
+
if (child) return child;
|
|
5269
|
+
}
|
|
5270
|
+
}
|
|
5271
|
+
return void 0;
|
|
5272
|
+
}
|
|
5263
5273
|
const bagelFormUtils = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
|
|
5264
5274
|
__proto__: null,
|
|
5265
5275
|
checkField,
|
|
5266
5276
|
dateField,
|
|
5277
|
+
findBglFieldById,
|
|
5267
5278
|
frmRow,
|
|
5268
5279
|
getBaseField,
|
|
5269
5280
|
numField,
|
|
@@ -19121,7 +19132,7 @@ const _sfc_main$k = /* @__PURE__ */ vue.defineComponent({
|
|
|
19121
19132
|
};
|
|
19122
19133
|
}
|
|
19123
19134
|
});
|
|
19124
|
-
const TextInput = /* @__PURE__ */ _export_sfc(_sfc_main$k, [["__scopeId", "data-v-
|
|
19135
|
+
const TextInput = /* @__PURE__ */ _export_sfc(_sfc_main$k, [["__scopeId", "data-v-5193fa33"]]);
|
|
19125
19136
|
const _hoisted_1$o = { class: "primary-checkbox" };
|
|
19126
19137
|
const _sfc_main$j = /* @__PURE__ */ vue.defineComponent({
|
|
19127
19138
|
__name: "Checkbox",
|
|
@@ -45812,6 +45823,7 @@ const _sfc_main$c = /* @__PURE__ */ vue.defineComponent({
|
|
|
45812
45823
|
props: /* @__PURE__ */ vue.mergeModels({
|
|
45813
45824
|
label: {},
|
|
45814
45825
|
id: {},
|
|
45826
|
+
class: {},
|
|
45815
45827
|
autocomplete: { default: "on" },
|
|
45816
45828
|
placeholder: { default: "Enter a phone number" },
|
|
45817
45829
|
required: { type: Boolean, default: false },
|
|
@@ -46050,7 +46062,7 @@ const _sfc_main$c = /* @__PURE__ */ vue.defineComponent({
|
|
|
46050
46062
|
}
|
|
46051
46063
|
return (_ctx, _cache) => {
|
|
46052
46064
|
return vue.openBlock(), vue.createElementBlock("div", {
|
|
46053
|
-
class: vue.normalizeClass(["bagel-input", { disabled: _ctx.disabled }])
|
|
46065
|
+
class: vue.normalizeClass(["bagel-input", { disabled: _ctx.disabled, [props2.class || ""]: true }])
|
|
46054
46066
|
}, [
|
|
46055
46067
|
vue.createElementVNode("label", null, [
|
|
46056
46068
|
vue.createTextVNode(vue.toDisplayString(_ctx.label) + " ", 1),
|
|
@@ -46160,7 +46172,7 @@ const _sfc_main$c = /* @__PURE__ */ vue.defineComponent({
|
|
|
46160
46172
|
};
|
|
46161
46173
|
}
|
|
46162
46174
|
});
|
|
46163
|
-
const TelInput = /* @__PURE__ */ _export_sfc(_sfc_main$c, [["__scopeId", "data-v-
|
|
46175
|
+
const TelInput = /* @__PURE__ */ _export_sfc(_sfc_main$c, [["__scopeId", "data-v-f94249b5"]]);
|
|
46164
46176
|
/*!
|
|
46165
46177
|
* Signature Pad v5.0.2 | https://github.com/szimek/signature_pad
|
|
46166
46178
|
* (c) 2024 Szymon Nowak | Released under the MIT license
|
package/dist/index.mjs
CHANGED
|
@@ -5258,10 +5258,21 @@ function frmRow(...children2) {
|
|
|
5258
5258
|
children: children2
|
|
5259
5259
|
};
|
|
5260
5260
|
}
|
|
5261
|
+
function findBglFieldById(id, _schema) {
|
|
5262
|
+
for (const field of _schema) {
|
|
5263
|
+
if (field.id === id) return field;
|
|
5264
|
+
if (field.children && Number(field.children.length) > 0) {
|
|
5265
|
+
const child = findBglFieldById(id, field.children);
|
|
5266
|
+
if (child) return child;
|
|
5267
|
+
}
|
|
5268
|
+
}
|
|
5269
|
+
return void 0;
|
|
5270
|
+
}
|
|
5261
5271
|
const bagelFormUtils = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
|
|
5262
5272
|
__proto__: null,
|
|
5263
5273
|
checkField,
|
|
5264
5274
|
dateField,
|
|
5275
|
+
findBglFieldById,
|
|
5265
5276
|
frmRow,
|
|
5266
5277
|
getBaseField,
|
|
5267
5278
|
numField,
|
|
@@ -19119,7 +19130,7 @@ const _sfc_main$k = /* @__PURE__ */ defineComponent({
|
|
|
19119
19130
|
};
|
|
19120
19131
|
}
|
|
19121
19132
|
});
|
|
19122
|
-
const TextInput = /* @__PURE__ */ _export_sfc(_sfc_main$k, [["__scopeId", "data-v-
|
|
19133
|
+
const TextInput = /* @__PURE__ */ _export_sfc(_sfc_main$k, [["__scopeId", "data-v-5193fa33"]]);
|
|
19123
19134
|
const _hoisted_1$o = { class: "primary-checkbox" };
|
|
19124
19135
|
const _sfc_main$j = /* @__PURE__ */ defineComponent({
|
|
19125
19136
|
__name: "Checkbox",
|
|
@@ -45810,6 +45821,7 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
|
|
|
45810
45821
|
props: /* @__PURE__ */ mergeModels({
|
|
45811
45822
|
label: {},
|
|
45812
45823
|
id: {},
|
|
45824
|
+
class: {},
|
|
45813
45825
|
autocomplete: { default: "on" },
|
|
45814
45826
|
placeholder: { default: "Enter a phone number" },
|
|
45815
45827
|
required: { type: Boolean, default: false },
|
|
@@ -46048,7 +46060,7 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
|
|
|
46048
46060
|
}
|
|
46049
46061
|
return (_ctx, _cache) => {
|
|
46050
46062
|
return openBlock(), createElementBlock("div", {
|
|
46051
|
-
class: normalizeClass(["bagel-input", { disabled: _ctx.disabled }])
|
|
46063
|
+
class: normalizeClass(["bagel-input", { disabled: _ctx.disabled, [props2.class || ""]: true }])
|
|
46052
46064
|
}, [
|
|
46053
46065
|
createElementVNode("label", null, [
|
|
46054
46066
|
createTextVNode(toDisplayString(_ctx.label) + " ", 1),
|
|
@@ -46158,7 +46170,7 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
|
|
|
46158
46170
|
};
|
|
46159
46171
|
}
|
|
46160
46172
|
});
|
|
46161
|
-
const TelInput = /* @__PURE__ */ _export_sfc(_sfc_main$c, [["__scopeId", "data-v-
|
|
46173
|
+
const TelInput = /* @__PURE__ */ _export_sfc(_sfc_main$c, [["__scopeId", "data-v-f94249b5"]]);
|
|
46162
46174
|
/*!
|
|
46163
46175
|
* Signature Pad v5.0.2 | https://github.com/szimek/signature_pad
|
|
46164
46176
|
* (c) 2024 Szymon Nowak | Released under the MIT license
|