@vergelijkdirect/comparison-forms 2.0.0-rc.14 → 2.0.0-rc.16
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/vue/comparison-forms.d.ts +28 -28
- package/dist/vue/comparison-forms.js +31 -31
- package/dist/wc/comparison-forms.js +30 -30
- package/dist/wc-forms/VdInput-ByupXLnL.js +1 -0
- package/dist/wc-forms/VdPopover-BSX4-53B.js +1 -0
- package/dist/wc-forms/VdRadioGroup-DrZBkeSB.js +1 -0
- package/dist/wc-forms/VdSearchableSelect-WCZ_fmSu.js +9 -0
- package/dist/wc-forms/VdSelect-CoIbpl6o.js +1 -0
- package/dist/wc-forms/bike.js +1 -1647
- package/dist/wc-forms/birthdate.schema-DmmaLv3m.js +1 -0
- package/dist/wc-forms/business-car.js +1 -109
- package/dist/wc-forms/business-liability.js +1 -71
- package/dist/wc-forms/car.js +1 -112
- package/dist/wc-forms/caravan.js +1 -144
- package/dist/wc-forms/company.schema-Ck__hYWi.js +1 -0
- package/dist/wc-forms/date.util-Dn_Fq_ZZ.js +1 -0
- package/dist/wc-forms/familyComposition.schema-EunoL_tT.js +1 -0
- package/dist/wc-forms/floating-ui.dom-CZdxKWz5.js +1 -0
- package/dist/wc-forms/house.js +1 -101
- package/dist/wc-forms/houseOwnedBuilding.model-Pb7X63G3.js +1 -0
- package/dist/wc-forms/legal.js +1 -153
- package/dist/wc-forms/liability.js +1 -89
- package/dist/wc-forms/loan.js +1 -173
- package/dist/wc-forms/messages-Da6go1uu.js +1 -0
- package/dist/wc-forms/moped.js +1 -115
- package/dist/wc-forms/motor.js +1 -112
- package/dist/wc-forms/package.js +1 -119
- package/dist/wc-forms/pet.js +1 -158
- package/dist/wc-forms/rolldown-runtime-Bm1jhNxk.js +1 -0
- package/dist/wc-forms/rules-I6gvAZk7.js +1 -0
- package/dist/wc-forms/services-D6FlwWWO.js +1 -0
- package/dist/wc-forms/travel.js +1 -99
- package/dist/wc-forms/useAddress-CsbZuerN.js +1 -0
- package/dist/wc-forms/useLicensePlate-3mDMfh1T.js +1 -0
- package/dist/wc-forms/useValidator-i4hsDLG4.js +27 -0
- package/dist/wc-forms/yesNo-Dat_jmcx.js +1 -0
- package/dist/wc-noitc/comparison-forms.js +1 -1
- package/package.json +1 -1
- package/dist/wc-forms/VdInput-PLH7DZsc.js +0 -331
- package/dist/wc-forms/VdPopover-CcRVedXS.js +0 -285
- package/dist/wc-forms/VdRadioGroup-BsMaGEuY.js +0 -166
- package/dist/wc-forms/VdSearchableSelect-CY7qBcIO.js +0 -4516
- package/dist/wc-forms/VdSelect-BPB3Jh_f.js +0 -108
- package/dist/wc-forms/birthdate.schema-DGsq2GQR.js +0 -89
- package/dist/wc-forms/company.schema-CUG4hnMP.js +0 -239
- package/dist/wc-forms/date.util-D9xNHiuY.js +0 -474
- package/dist/wc-forms/familyComposition.schema-fY4w6P1J.js +0 -74
- package/dist/wc-forms/floating-ui.dom-B6uyM6oK.js +0 -856
- package/dist/wc-forms/houseOwnedBuilding.model-CPULUrWv.js +0 -14
- package/dist/wc-forms/messages-kbFdNTrA.js +0 -40
- package/dist/wc-forms/rolldown-runtime-Dqa2HsxW.js +0 -20
- package/dist/wc-forms/rules-Cj1sWDmF.js +0 -13
- package/dist/wc-forms/services-CG6XsnRT.js +0 -16
- package/dist/wc-forms/useAddress-LSZ7sQk9.js +0 -243
- package/dist/wc-forms/useLicensePlate-KLwykzxF.js +0 -187
- package/dist/wc-forms/useValidator-DdXn8soU.js +0 -7197
- package/dist/wc-forms/yesNo-BvJlCm7Y.js +0 -6
|
@@ -1,108 +0,0 @@
|
|
|
1
|
-
import { Ft as e, Gt as t, Jt as n, Kt as r, On as i, Tt as a, Un as o, Xn as s, Yn as c, Yt as l, fr as u, in as d, li as f, lr as p, oi as m, qr as h, ri as g, tn as _, ur as v, wr as y } from "./useValidator-DdXn8soU.js";
|
|
2
|
-
//#region src/components/ui/VdSelect.vue?vue&type=script&setup=true&lang.ts
|
|
3
|
-
var b = { class: "vd-field" }, x = ["for"], S = {
|
|
4
|
-
key: 0,
|
|
5
|
-
class: "vd-field__asterisk"
|
|
6
|
-
}, C = {
|
|
7
|
-
key: 1,
|
|
8
|
-
class: "vd-field__popover"
|
|
9
|
-
}, w = { class: "vd-field__wrapper" }, T = [
|
|
10
|
-
"id",
|
|
11
|
-
"name",
|
|
12
|
-
"disabled"
|
|
13
|
-
], E = {
|
|
14
|
-
key: 0,
|
|
15
|
-
value: "",
|
|
16
|
-
disabled: "",
|
|
17
|
-
selected: ""
|
|
18
|
-
}, D = [
|
|
19
|
-
"value",
|
|
20
|
-
"selected",
|
|
21
|
-
"disabled"
|
|
22
|
-
], O = {
|
|
23
|
-
key: 0,
|
|
24
|
-
class: "vd-field__icon-and-loader"
|
|
25
|
-
}, k = ["for"], A = {
|
|
26
|
-
key: 0,
|
|
27
|
-
class: "vd-field__message vd-field__message--error"
|
|
28
|
-
}, j = {
|
|
29
|
-
key: 1,
|
|
30
|
-
class: "vd-field__message vd-field__message--information"
|
|
31
|
-
}, M = /* @__PURE__ */ d({
|
|
32
|
-
__name: "VdSelect",
|
|
33
|
-
props: /*@__PURE__*/ i({
|
|
34
|
-
id: { default: null },
|
|
35
|
-
name: {},
|
|
36
|
-
label: { default: "" },
|
|
37
|
-
placeholder: { default: "Maak je keuze" },
|
|
38
|
-
options: {},
|
|
39
|
-
errorMessage: { default: null },
|
|
40
|
-
disabled: {
|
|
41
|
-
type: Boolean,
|
|
42
|
-
default: !1
|
|
43
|
-
},
|
|
44
|
-
required: {
|
|
45
|
-
type: Boolean,
|
|
46
|
-
default: !0
|
|
47
|
-
},
|
|
48
|
-
verified: {
|
|
49
|
-
type: Boolean,
|
|
50
|
-
default: !1
|
|
51
|
-
},
|
|
52
|
-
infoMessage: { default: "" },
|
|
53
|
-
loading: {
|
|
54
|
-
type: Boolean,
|
|
55
|
-
default: !1
|
|
56
|
-
}
|
|
57
|
-
}, {
|
|
58
|
-
modelValue: { required: !0 },
|
|
59
|
-
modelModifiers: {}
|
|
60
|
-
}),
|
|
61
|
-
emits: /*@__PURE__*/ i(["blur", "select"], ["update:modelValue"]),
|
|
62
|
-
setup(i, { emit: d }) {
|
|
63
|
-
let M = i, N = v(i, "modelValue"), P = d, F = u(), I = M.id ?? p(), L = t({
|
|
64
|
-
get: () => N.value ?? "",
|
|
65
|
-
set: (e) => {
|
|
66
|
-
N.value = e === "" ? null : e;
|
|
67
|
-
}
|
|
68
|
-
}), R = h(!0), z = t(() => !M.errorMessage && M.verified && !M.disabled && !M.loading), B = t(() => !M.errorMessage && !z.value), V = t(() => !!M.errorMessage), H = () => `vd-field__select--placeholder-${!N.value && R.value ? "shown" : "hidden"}`, U = (e) => {
|
|
69
|
-
P("select", e.target.value), R.value = !1;
|
|
70
|
-
}, W = (e) => {
|
|
71
|
-
P("blur", e.target.value);
|
|
72
|
-
};
|
|
73
|
-
return (t, u) => (o(), l("div", b, [
|
|
74
|
-
r("div", { class: m(["vd-field__label-wrapper", { "vd-field__label-wrapper--disabled": i.disabled }]) }, [i.label || g(F).label ? (o(), l("label", {
|
|
75
|
-
key: 0,
|
|
76
|
-
for: i.name,
|
|
77
|
-
class: "vd-field__label"
|
|
78
|
-
}, [r("span", null, [s(t.$slots, "label", {}, () => [_(f(i.label), 1)]), i.required ? (o(), l("span", S, "*")) : n("", !0)])], 8, x)) : n("", !0), g(F).popover ? (o(), l("span", C, [s(t.$slots, "popover")])) : n("", !0)], 2),
|
|
79
|
-
r("div", w, [y(r("select", {
|
|
80
|
-
id: g(I),
|
|
81
|
-
"onUpdate:modelValue": u[0] ||= (e) => L.value = e,
|
|
82
|
-
name: i.name,
|
|
83
|
-
disabled: i.disabled,
|
|
84
|
-
class: m(["vd-field__input vd-field__select", [H(), {
|
|
85
|
-
"vd-field__input--error": V.value,
|
|
86
|
-
"vd-field__input--verified": z.value,
|
|
87
|
-
"vd-field__input--default": B.value,
|
|
88
|
-
"vd-field__select--placeholder-with-loader-and-icon-shown": i.loading
|
|
89
|
-
}]]),
|
|
90
|
-
onChange: U,
|
|
91
|
-
onBlur: W
|
|
92
|
-
}, [i.placeholder ? (o(), l("option", E, f(i.placeholder), 1)) : n("", !0), (o(!0), l(e, null, c(i.options, (e, t) => (o(), l("option", {
|
|
93
|
-
key: e.value + "_" + t,
|
|
94
|
-
value: e.value,
|
|
95
|
-
selected: e.selected || !1,
|
|
96
|
-
disabled: e.disabled || !1
|
|
97
|
-
}, f(e.title), 9, D))), 128))], 42, T), [[a, L.value]]), i.loading ? (o(), l("div", O, [...u[1] ||= [r("div", { class: "vd-field__loader-circle vd-field__loader-circle--and-icon" }, null, -1), r("span", { class: "vd-field__icon vd-field__icon--with-loader" }, [r("i", { class: "fas vd-field__select-icon--with-loader" })], -1)]])) : (o(), l("label", {
|
|
98
|
-
key: 1,
|
|
99
|
-
for: g(I),
|
|
100
|
-
class: "vd-field__select-icon"
|
|
101
|
-
}, null, 8, k))]),
|
|
102
|
-
V.value || g(F).errorMessage ? (o(), l("div", A, [s(t.$slots, "errorMessage", {}, () => [u[2] ||= r("i", { class: "fas fa-exclamation-circle vd-field__message-icon" }, null, -1), _(" " + f(i.errorMessage), 1)])])) : n("", !0),
|
|
103
|
-
i.infoMessage || g(F).information ? (o(), l("div", j, [s(t.$slots, "information", {}, () => [u[3] ||= r("i", { class: "fas fa-info-circle vd-field__message-icon" }, null, -1), _(" " + f(i.infoMessage), 1)])])) : n("", !0)
|
|
104
|
-
]));
|
|
105
|
-
}
|
|
106
|
-
});
|
|
107
|
-
//#endregion
|
|
108
|
-
export { M as t };
|
|
@@ -1,89 +0,0 @@
|
|
|
1
|
-
import "./rolldown-runtime-Dqa2HsxW.js";
|
|
2
|
-
import { $t as e, On as t, Sr as n, Un as r, Xn as i, a, fr as o, in as s, kn as c, qt as l, ri as u, ur as d } from "./useValidator-DdXn8soU.js";
|
|
3
|
-
import { t as f } from "./VdInput-PLH7DZsc.js";
|
|
4
|
-
import { i as p, r as m, t as h } from "./date.util-D9xNHiuY.js";
|
|
5
|
-
import { t as g } from "./messages-kbFdNTrA.js";
|
|
6
|
-
//#endregion
|
|
7
|
-
//#region src/components/fields/VdBirthdateInput.vue
|
|
8
|
-
var _ = /* @__PURE__ */ s({
|
|
9
|
-
inheritAttrs: !1,
|
|
10
|
-
__name: "VdBirthdateInput",
|
|
11
|
-
props: /*@__PURE__*/ t({
|
|
12
|
-
label: { default: "Geboortedatum" },
|
|
13
|
-
placeholder: { default: "DD-MM-JJJJ" },
|
|
14
|
-
name: { default: "birthdate" },
|
|
15
|
-
mask: { default: "##-##-####" },
|
|
16
|
-
required: {
|
|
17
|
-
type: Boolean,
|
|
18
|
-
default: !1
|
|
19
|
-
}
|
|
20
|
-
}, {
|
|
21
|
-
modelValue: { required: !0 },
|
|
22
|
-
modelModifiers: {}
|
|
23
|
-
}),
|
|
24
|
-
emits: ["update:modelValue"],
|
|
25
|
-
setup(t) {
|
|
26
|
-
let a = o(), s = d(t, "modelValue");
|
|
27
|
-
return (o, d) => (r(), l(f, c({
|
|
28
|
-
modelValue: s.value,
|
|
29
|
-
"onUpdate:modelValue": d[0] ||= (e) => s.value = e,
|
|
30
|
-
label: t.label,
|
|
31
|
-
placeholder: t.placeholder,
|
|
32
|
-
name: t.name,
|
|
33
|
-
mask: t.mask,
|
|
34
|
-
required: t.required,
|
|
35
|
-
inputmode: "numeric"
|
|
36
|
-
}, o.$attrs), e({ _: 2 }, [u(a).popover ? {
|
|
37
|
-
name: "popover",
|
|
38
|
-
fn: n(() => [i(o.$slots, "popover")]),
|
|
39
|
-
key: "0"
|
|
40
|
-
} : void 0]), 1040, [
|
|
41
|
-
"modelValue",
|
|
42
|
-
"label",
|
|
43
|
-
"placeholder",
|
|
44
|
-
"name",
|
|
45
|
-
"mask",
|
|
46
|
-
"required"
|
|
47
|
-
]));
|
|
48
|
-
}
|
|
49
|
-
}), v = {
|
|
50
|
-
min: 18,
|
|
51
|
-
max: 99
|
|
52
|
-
}, y = "DD-MM-YYYY";
|
|
53
|
-
p();
|
|
54
|
-
function b(e, t, n = "ageRange") {
|
|
55
|
-
return {
|
|
56
|
-
name: n,
|
|
57
|
-
test(n, r) {
|
|
58
|
-
let i = m(n, y);
|
|
59
|
-
if (!i) return !0;
|
|
60
|
-
let { today: a, earliest: o, latest: s } = h(e.min, e.max), c = {
|
|
61
|
-
earliest: o,
|
|
62
|
-
latest: s
|
|
63
|
-
};
|
|
64
|
-
return t.future && i.isAfter(a, "day") ? r.createError({ message: t.future(c) }) : i.isAfter(s, "day") ? r.createError({ message: t.tooYoung(c) }) : !i.isBefore(o, "day") || r.createError({ message: t.tooOld(c) });
|
|
65
|
-
}
|
|
66
|
-
};
|
|
67
|
-
}
|
|
68
|
-
//#endregion
|
|
69
|
-
//#region src/schemas/birthdate.schema.ts
|
|
70
|
-
function x(e) {
|
|
71
|
-
return m(e, y) !== null;
|
|
72
|
-
}
|
|
73
|
-
function S(e = v) {
|
|
74
|
-
return a().required(g.birthdate.required).test("date_format", g.birthdate.dateFormat, x).test(b({
|
|
75
|
-
min: {
|
|
76
|
-
value: e.min,
|
|
77
|
-
unit: "year"
|
|
78
|
-
},
|
|
79
|
-
max: {
|
|
80
|
-
value: e.max,
|
|
81
|
-
unit: "year"
|
|
82
|
-
}
|
|
83
|
-
}, {
|
|
84
|
-
tooYoung: () => g.birthdate.tooYoung(e.min),
|
|
85
|
-
tooOld: () => g.birthdate.tooOld(e.max)
|
|
86
|
-
}));
|
|
87
|
-
}
|
|
88
|
-
//#endregion
|
|
89
|
-
export { _ as a, y as i, x as n, b as r, S as t };
|
|
@@ -1,239 +0,0 @@
|
|
|
1
|
-
import { $t as e, Gt as t, Jt as n, Kt as r, On as i, Sr as a, Un as o, Xn as s, Yt as c, _r as l, cr as u, fr as d, in as f, kn as p, li as m, o as h, oi as g, qr as _, qt as v, ri as y, tn as b, ur as x, w as S } from "./useValidator-DdXn8soU.js";
|
|
2
|
-
import { n as C, t as w } from "./VdSearchableSelect-CY7qBcIO.js";
|
|
3
|
-
import { t as T } from "./services-CG6XsnRT.js";
|
|
4
|
-
//#region src/components/ui/VdNotification.vue?vue&type=script&setup=true&lang.ts
|
|
5
|
-
var E = { class: "vd-notification__content" }, D = {
|
|
6
|
-
key: 0,
|
|
7
|
-
class: "vd-notification__title"
|
|
8
|
-
}, O = /* @__PURE__ */ f({
|
|
9
|
-
__name: "VdNotification",
|
|
10
|
-
props: {
|
|
11
|
-
type: { default: "warning" },
|
|
12
|
-
title: { default: "" },
|
|
13
|
-
text: { default: "" },
|
|
14
|
-
small: {
|
|
15
|
-
type: Boolean,
|
|
16
|
-
default: !1
|
|
17
|
-
},
|
|
18
|
-
icon: { default: "" }
|
|
19
|
-
},
|
|
20
|
-
setup(e) {
|
|
21
|
-
let t = {
|
|
22
|
-
warning: "fas fa-exclamation-circle",
|
|
23
|
-
informative: "fas fa-info-circle",
|
|
24
|
-
success: "fas fa-check-circle",
|
|
25
|
-
error: "fas fa-times-circle"
|
|
26
|
-
};
|
|
27
|
-
return (i, a) => (o(), c("div", { class: g(["vd-notification", [`vd-notification--${e.type}`, { "vd-notification--small": e.small }]]) }, [r("i", { class: g([e.icon || t[e.type], "vd-notification__icon"]) }, null, 2), r("p", E, [e.title ? (o(), c("span", D, m(e.title), 1)) : n("", !0), s(i.$slots, "default", {}, () => [b(m(e.text), 1)])])], 2));
|
|
28
|
-
}
|
|
29
|
-
}), k = (e) => /^\d{8}$/.test(e), A = (e) => k(e) ? {
|
|
30
|
-
companyName: "",
|
|
31
|
-
kvkNumber: e
|
|
32
|
-
} : {
|
|
33
|
-
companyName: e,
|
|
34
|
-
kvkNumber: ""
|
|
35
|
-
}, j = "bezoekadres", M = (e) => e._embedded?.hoofdvestiging?.adressen?.find((e) => e.type === j), N = (e) => {
|
|
36
|
-
let t = M(e), { huisnummer: n = 0, huisletter: r = "", huisnummerToevoeging: i = "", toevoegingAdres: a = "", plaats: o = "", postcode: s = "", straatnaam: c = "", volledigAdres: l = "" } = t ?? {};
|
|
37
|
-
return {
|
|
38
|
-
houseNumber: n,
|
|
39
|
-
houseNumberAddition: r || i || a,
|
|
40
|
-
city: o,
|
|
41
|
-
zipCode: s,
|
|
42
|
-
streetName: c,
|
|
43
|
-
fullAddress: l,
|
|
44
|
-
hasVisitingAddress: !!t
|
|
45
|
-
};
|
|
46
|
-
}, P = (e = []) => {
|
|
47
|
-
let [t, n, r] = e.reduce(([e, t, n], r) => {
|
|
48
|
-
let i = {
|
|
49
|
-
isMainActivity: r.indHoofdactiviteit,
|
|
50
|
-
sbiCode: r.sbiCode,
|
|
51
|
-
description: r.sbiOmschrijving
|
|
52
|
-
};
|
|
53
|
-
return (r.indHoofdactiviteit === "Ja" ? e : t).push(i), n.push(i.sbiCode), [
|
|
54
|
-
e,
|
|
55
|
-
t,
|
|
56
|
-
n
|
|
57
|
-
];
|
|
58
|
-
}, [
|
|
59
|
-
[],
|
|
60
|
-
[],
|
|
61
|
-
[]
|
|
62
|
-
]);
|
|
63
|
-
return {
|
|
64
|
-
mainSBI: t[0]?.sbiCode ?? "",
|
|
65
|
-
otherSBI: r,
|
|
66
|
-
firstSBIs: t,
|
|
67
|
-
secondSBIs: n
|
|
68
|
-
};
|
|
69
|
-
}, F = (e) => ({
|
|
70
|
-
kvkNumber: e.kvkNummer,
|
|
71
|
-
name: e.naam,
|
|
72
|
-
city: e.adres?.binnenlandsAdres?.plaats ?? "",
|
|
73
|
-
street: e.adres?.binnenlandsAdres?.straatnaam ?? ""
|
|
74
|
-
}), I = (e) => ({
|
|
75
|
-
name: e.naam,
|
|
76
|
-
kvkNumber: e.kvkNummer,
|
|
77
|
-
industry: e.sbiIndustryId,
|
|
78
|
-
numberOfEmployees: e.totaalWerkzamePersonen,
|
|
79
|
-
legalForm: e._embedded?.eigenaar?.rechtsvorm ?? "",
|
|
80
|
-
...N(e),
|
|
81
|
-
...P(e.sbiActiviteiten)
|
|
82
|
-
}), L = 30, R = ["hoofdvestiging", "nevenvestiging"], z = "IPD5200", B = (e) => {
|
|
83
|
-
let t = e, n = t?.response?.data?.fout;
|
|
84
|
-
if (Array.isArray(n)) return n;
|
|
85
|
-
if (Array.isArray(t?.fout)) return t.fout;
|
|
86
|
-
if (typeof t?.message == "string") try {
|
|
87
|
-
let e = JSON.parse(t.message);
|
|
88
|
-
if (Array.isArray(e?.fout)) return e.fout;
|
|
89
|
-
} catch {}
|
|
90
|
-
}, V = (e) => B(e)?.some((e) => e.code === z) ?? !1, H = () => ({
|
|
91
|
-
search: async (e) => {
|
|
92
|
-
try {
|
|
93
|
-
return ((await T().dataService.searchBusinessInfoV2(A(e), 1, L))?.resultaten ?? []).filter((e) => R.includes(e.type)).map(F);
|
|
94
|
-
} catch (e) {
|
|
95
|
-
let t = await e;
|
|
96
|
-
if (V(t)) return [];
|
|
97
|
-
throw t;
|
|
98
|
-
}
|
|
99
|
-
},
|
|
100
|
-
getDetails: async (e) => {
|
|
101
|
-
let t = await T().dataService.getProfileInfo(e);
|
|
102
|
-
return {
|
|
103
|
-
presenter: I(t),
|
|
104
|
-
raw: t
|
|
105
|
-
};
|
|
106
|
-
}
|
|
107
|
-
}), U = { class: "vd-combobox__multiline" }, W = { class: "vd-combobox__title" }, G = { class: "vd-combobox__subtext" }, K = { class: "vd-combobox__subtext" }, q = 400, J = 3, Y = "Helaas, we hebben geen resultaten gevonden. Probeer te zoeken op de exacte naam waarmee je bedrijf is geregistreerd bij de Kamer van Koophandel, of gebruik je volledige KvK-nummer.", X = "Typ je bedrijfsnaam of KvK-nummer", ee = "Aan het zoeken…", Z = "Er ging iets mis bij het ophalen van de gegevens. Probeer het later opnieuw.", Q = /* @__PURE__ */ f({
|
|
108
|
-
inheritAttrs: !1,
|
|
109
|
-
__name: "VdCompanySelect",
|
|
110
|
-
props: /*@__PURE__*/ i({
|
|
111
|
-
name: { default: "company" },
|
|
112
|
-
label: { default: "Selecteer de naam van je bedrijf" },
|
|
113
|
-
placeholder: { default: "Bedrijfsnaam of KvK-nummer" },
|
|
114
|
-
disabled: { type: Boolean },
|
|
115
|
-
errorMessage: { default: null }
|
|
116
|
-
}, {
|
|
117
|
-
modelValue: {},
|
|
118
|
-
modelModifiers: {}
|
|
119
|
-
}),
|
|
120
|
-
emits: /*@__PURE__*/ i([
|
|
121
|
-
"blur",
|
|
122
|
-
"error",
|
|
123
|
-
"raw"
|
|
124
|
-
], ["update:modelValue"]),
|
|
125
|
-
setup(n, { emit: i }) {
|
|
126
|
-
let c = i, f = u(), h = d(), g = x(n, "modelValue"), { search: b, getDetails: T } = H(), E = _(), D = _(), O = _(), k = _(""), A = S(k, q, { maxWait: 2e3 }), j = _(!0), { state: M, isLoading: N, execute: P } = C(async (e) => {
|
|
127
|
-
try {
|
|
128
|
-
return {
|
|
129
|
-
results: await b(e),
|
|
130
|
-
failed: !1
|
|
131
|
-
};
|
|
132
|
-
} catch {
|
|
133
|
-
return {
|
|
134
|
-
results: [],
|
|
135
|
-
failed: !0
|
|
136
|
-
};
|
|
137
|
-
}
|
|
138
|
-
}, {
|
|
139
|
-
results: [],
|
|
140
|
-
failed: !1
|
|
141
|
-
}, {
|
|
142
|
-
immediate: !1,
|
|
143
|
-
resetOnExecute: !1
|
|
144
|
-
}), { isLoading: F, execute: I } = C(async (e) => {
|
|
145
|
-
try {
|
|
146
|
-
let { presenter: t, raw: n } = await T(e);
|
|
147
|
-
return g.value = t, c("raw", n), c("error", null), t;
|
|
148
|
-
} catch (e) {
|
|
149
|
-
throw g.value = null, c("raw", null), O.value = void 0, E.value = void 0, c("error", Z), e;
|
|
150
|
-
}
|
|
151
|
-
}, null, {
|
|
152
|
-
immediate: !1,
|
|
153
|
-
resetOnExecute: !0
|
|
154
|
-
}), L = t(() => k.value.length >= J), R = t(() => L.value ? N.value || k.value !== A.value ? "searching" : M.value.failed ? "error" : M.value.results.length ? "idle" : "no-results" : "idle"), z = t(() => R.value === "searching" ? [] : L.value ? M.value.results : j.value && O.value ? [O.value] : []), B = t(() => R.value === "searching" || F.value), V = t(() => !!g.value && !B.value), Q = t(() => {
|
|
155
|
-
let e = g.value;
|
|
156
|
-
return !e || B.value ? "" : e.fullAddress ? `Kvk: ${e.kvkNumber} ${e.fullAddress}` : `Kvk: ${e.kvkNumber}`;
|
|
157
|
-
}), $ = t(() => {
|
|
158
|
-
switch (R.value) {
|
|
159
|
-
case "searching": return ee;
|
|
160
|
-
case "error": return Z;
|
|
161
|
-
case "no-results": return Y;
|
|
162
|
-
default: return X;
|
|
163
|
-
}
|
|
164
|
-
}), te = (e) => {
|
|
165
|
-
O.value = e, j.value = !0, e.kvkNumber === g.value?.kvkNumber ? c("error", null) : I(0, e.kvkNumber);
|
|
166
|
-
}, ne = (e) => {
|
|
167
|
-
c("blur", e);
|
|
168
|
-
}, re = (e) => {
|
|
169
|
-
k.value = e.trim(), j.value = !1;
|
|
170
|
-
}, ie = (e) => e.kvkNumber === g.value?.kvkNumber ? g.value.name : e.name, ae = (e) => ({
|
|
171
|
-
kvkNumber: e.kvkNumber,
|
|
172
|
-
name: e.name,
|
|
173
|
-
city: e.city,
|
|
174
|
-
street: e.streetName,
|
|
175
|
-
fullAddress: e.fullAddress
|
|
176
|
-
});
|
|
177
|
-
return l(D, (e) => {
|
|
178
|
-
e || (k.value = "", j.value = !0);
|
|
179
|
-
}), l(A, (e) => {
|
|
180
|
-
e && e.length >= J && P(0, e);
|
|
181
|
-
}), l(g, (e) => {
|
|
182
|
-
E.value = e ? ae(e) : void 0, j.value = !0, e || (O.value = void 0, c("raw", null));
|
|
183
|
-
}, { immediate: !0 }), (t, i) => (o(), v(w, p(y(f), {
|
|
184
|
-
modelValue: E.value,
|
|
185
|
-
"onUpdate:modelValue": i[0] ||= (e) => E.value = e,
|
|
186
|
-
open: D.value,
|
|
187
|
-
"onUpdate:open": i[1] ||= (e) => D.value = e,
|
|
188
|
-
name: n.name,
|
|
189
|
-
label: n.label,
|
|
190
|
-
placeholder: n.placeholder,
|
|
191
|
-
icon: "far fa-search",
|
|
192
|
-
options: z.value,
|
|
193
|
-
"value-key": null,
|
|
194
|
-
"label-key": "name",
|
|
195
|
-
"display-value": ie,
|
|
196
|
-
by: "kvkNumber",
|
|
197
|
-
loading: B.value,
|
|
198
|
-
verified: V.value,
|
|
199
|
-
disabled: n.disabled,
|
|
200
|
-
"no-results-text": $.value,
|
|
201
|
-
"error-message": n.errorMessage,
|
|
202
|
-
"info-message": Q.value,
|
|
203
|
-
"ignore-filter": "",
|
|
204
|
-
onSelect: te,
|
|
205
|
-
onBlur: ne,
|
|
206
|
-
onSearch: re
|
|
207
|
-
}), e({
|
|
208
|
-
item: a(({ option: e }) => [r("div", U, [
|
|
209
|
-
r("div", W, m(e.name), 1),
|
|
210
|
-
r("span", G, "Kvk: " + m(e.kvkNumber), 1),
|
|
211
|
-
r("span", K, m(e.city) + ", " + m(e.street), 1)
|
|
212
|
-
])]),
|
|
213
|
-
_: 2
|
|
214
|
-
}, [y(h).popover ? {
|
|
215
|
-
name: "popover",
|
|
216
|
-
fn: a(() => [s(t.$slots, "popover")]),
|
|
217
|
-
key: "0"
|
|
218
|
-
} : void 0, y(h).information ? {
|
|
219
|
-
name: "information",
|
|
220
|
-
fn: a(() => [s(t.$slots, "information")]),
|
|
221
|
-
key: "1"
|
|
222
|
-
} : void 0]), 1040, [
|
|
223
|
-
"modelValue",
|
|
224
|
-
"open",
|
|
225
|
-
"name",
|
|
226
|
-
"label",
|
|
227
|
-
"placeholder",
|
|
228
|
-
"options",
|
|
229
|
-
"loading",
|
|
230
|
-
"verified",
|
|
231
|
-
"disabled",
|
|
232
|
-
"no-results-text",
|
|
233
|
-
"error-message",
|
|
234
|
-
"info-message"
|
|
235
|
-
]));
|
|
236
|
-
}
|
|
237
|
-
}), $ = (e = "Bedrijfsnaam of KVK-nummer is verplicht") => h().nullable().required(e).test("has-kvk-number", e, (e) => !!e?.kvkNumber);
|
|
238
|
-
//#endregion
|
|
239
|
-
export { Q as n, O as r, $ as t };
|