@vergelijkdirect/comparison-forms 2.0.0-rc.15 → 2.0.0-rc.17
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-BaZx7lM7.js → VdInput-ByupXLnL.js} +1 -1
- package/dist/wc-forms/{VdPopover-B_0EwmOm.js → VdPopover-BSX4-53B.js} +1 -1
- package/dist/wc-forms/{VdRadioGroup-BAy4077M.js → VdRadioGroup-DrZBkeSB.js} +1 -1
- package/dist/wc-forms/{VdSearchableSelect-BYsNA8so.js → VdSearchableSelect-WCZ_fmSu.js} +1 -1
- package/dist/wc-forms/{VdSelect-DS5ijaBw.js → VdSelect-CoIbpl6o.js} +1 -1
- package/dist/wc-forms/bike.js +1 -1
- package/dist/wc-forms/{birthdate.schema-B2IfhcT0.js → birthdate.schema-DmmaLv3m.js} +1 -1
- package/dist/wc-forms/business-car.js +1 -1
- package/dist/wc-forms/business-liability.js +1 -1
- package/dist/wc-forms/car.js +1 -1
- package/dist/wc-forms/caravan.js +1 -1
- package/dist/wc-forms/{company.schema-D_-KvPAl.js → company.schema-Ck__hYWi.js} +1 -1
- package/dist/wc-forms/{familyComposition.schema-BckaOvgV.js → familyComposition.schema-EunoL_tT.js} +1 -1
- package/dist/wc-forms/house.js +1 -1
- package/dist/wc-forms/{houseOwnedBuilding.model-RQzmveyS.js → houseOwnedBuilding.model-Pb7X63G3.js} +1 -1
- package/dist/wc-forms/legal.js +1 -1
- package/dist/wc-forms/liability.js +1 -1
- package/dist/wc-forms/loan.js +1 -1
- package/dist/wc-forms/moped.js +1 -1
- package/dist/wc-forms/motor.js +1 -1
- package/dist/wc-forms/package.js +1 -1
- package/dist/wc-forms/pet.js +1 -1
- package/dist/wc-forms/{rules-4erM_5MW.js → rules-I6gvAZk7.js} +1 -1
- package/dist/wc-forms/travel.js +1 -1
- package/dist/wc-forms/{useAddress-mxYJ2B9-.js → useAddress-CsbZuerN.js} +1 -1
- package/dist/wc-forms/{useLicensePlate-BK5GSqI6.js → useLicensePlate-3mDMfh1T.js} +1 -1
- package/dist/wc-forms/{useValidator-BXvfnDwv.js → useValidator-i4hsDLG4.js} +1 -1
- package/dist/wc-noitc/comparison-forms.js +1 -1
- package/dist/wc-noitc/comparison-forms.umd.cjs +35 -0
- package/package.json +6 -2
|
@@ -11615,7 +11615,7 @@ var ty = /*#__PURE__*/ Zv(Qv, [["render", ey]]), q = /* @__PURE__ */ L({
|
|
|
11615
11615
|
};
|
|
11616
11616
|
return (t, n) => (z(), B("form", {
|
|
11617
11617
|
class: j(a.value),
|
|
11618
|
-
onSubmit: du(o, ["prevent"])
|
|
11618
|
+
onSubmit: du(o, ["prevent", "stop"])
|
|
11619
11619
|
}, [
|
|
11620
11620
|
P(i).banner || e.banner ? (z(), B("div", ny, [R(t.$slots, "banner", {}, () => [H("span", { innerHTML: e.banner }, null, 8, ry)])])) : W("", !0),
|
|
11621
11621
|
P(i).header || e.title || e.description ? (z(), B("div", iy, [R(t.$slots, "header", {}, () => [e.title ? (z(), B("h2", ay, Le(e.title), 1)) : W("", !0), e.description ? (z(), B("p", oy, Le(e.description), 1)) : W("", !0)])])) : W("", !0),
|
|
@@ -25890,7 +25890,7 @@ var xM = bM(), SM = _M(tM, mM.ownedBuilding.required), CM = [1, 7], wM = [3, 4],
|
|
|
25890
25890
|
...hd,
|
|
25891
25891
|
title: "Fietsverzekering vergelijken"
|
|
25892
25892
|
}),
|
|
25893
|
-
emits: ["
|
|
25893
|
+
emits: ["submitted"],
|
|
25894
25894
|
setup(e, { emit: t }) {
|
|
25895
25895
|
let n = e, r = _d(n), i = t, { isSubmitting: a, handleSubmit: o, defineField: s, resetField: c } = qb(DM, {
|
|
25896
25896
|
kind: n.initialData?.kind ?? null,
|
|
@@ -25903,7 +25903,7 @@ var xM = bM(), SM = _M(tM, mM.ownedBuilding.required), CM = [1, 7], wM = [3, 4],
|
|
|
25903
25903
|
}, { immediate: !0 });
|
|
25904
25904
|
function S() {
|
|
25905
25905
|
o((e) => {
|
|
25906
|
-
i("
|
|
25906
|
+
i("submitted", { ...e });
|
|
25907
25907
|
});
|
|
25908
25908
|
}
|
|
25909
25909
|
return (t, n) => (z(), V(P(sy), G(P(r), {
|
|
@@ -26069,7 +26069,7 @@ var NM = /* @__PURE__ */ c({
|
|
|
26069
26069
|
...hd,
|
|
26070
26070
|
title: "Dierenverzekering vergelijken"
|
|
26071
26071
|
}),
|
|
26072
|
-
emits: ["
|
|
26072
|
+
emits: ["submitted"],
|
|
26073
26073
|
setup(e, { emit: t }) {
|
|
26074
26074
|
let n = e, r = _d(n), i = t, { isSubmitting: a, handleSubmit: o, defineField: s } = qb(FM, {
|
|
26075
26075
|
kind: n.initialData?.kind ?? "dog",
|
|
@@ -26078,7 +26078,7 @@ var NM = /* @__PURE__ */ c({
|
|
|
26078
26078
|
}), [c, l, u] = s("kind", { validateAt: "change" }), [d, f, p] = s("age"), [m, h, g] = s("zipcode");
|
|
26079
26079
|
function _() {
|
|
26080
26080
|
o((e) => {
|
|
26081
|
-
i("
|
|
26081
|
+
i("submitted", { ...e });
|
|
26082
26082
|
});
|
|
26083
26083
|
}
|
|
26084
26084
|
return (t, n) => (z(), V(P(sy), G(P(r), {
|
|
@@ -26231,7 +26231,7 @@ var WM = /* @__PURE__ */ L({
|
|
|
26231
26231
|
...hd,
|
|
26232
26232
|
title: "Caravanverzekering vergelijken"
|
|
26233
26233
|
}),
|
|
26234
|
-
emits: ["
|
|
26234
|
+
emits: ["submitted"],
|
|
26235
26235
|
setup(e, { emit: t }) {
|
|
26236
26236
|
let n = e, r = _d(n), i = t, a = UM(), { isSubmitting: o, handleSubmit: s, defineField: c } = qb(BM, {
|
|
26237
26237
|
TypeOfCaravan: n.initialData?.TypeOfCaravan ?? null,
|
|
@@ -26240,7 +26240,7 @@ var WM = /* @__PURE__ */ L({
|
|
|
26240
26240
|
}), [l, u, d] = c("TypeOfCaravan", { validateAt: "change" }), [f, p, m] = c("NewOrOccasion"), [h, g, _] = c("BuildYear", { validateAt: "change" });
|
|
26241
26241
|
function v() {
|
|
26242
26242
|
s((e) => {
|
|
26243
|
-
i("
|
|
26243
|
+
i("submitted", { ...e });
|
|
26244
26244
|
});
|
|
26245
26245
|
}
|
|
26246
26246
|
return (t, n) => (z(), V(P(sy), G(P(r), {
|
|
@@ -26357,7 +26357,7 @@ var KM = /* @__PURE__ */ c({
|
|
|
26357
26357
|
...hd,
|
|
26358
26358
|
title: "Reisverzekering vergelijken"
|
|
26359
26359
|
}),
|
|
26360
|
-
emits: ["
|
|
26360
|
+
emits: ["submitted"],
|
|
26361
26361
|
setup(e, { emit: t }) {
|
|
26362
26362
|
let n = e, r = _d(n), i = t, { isSubmitting: a, handleSubmit: o, defineField: s } = qb(JM, {
|
|
26363
26363
|
PaymentTerm: n.initialData?.PaymentTerm ?? qM.Continuous,
|
|
@@ -26365,7 +26365,7 @@ var KM = /* @__PURE__ */ c({
|
|
|
26365
26365
|
}), [c, l, u] = s("PaymentTerm", { validateAt: "change" }), [d, f, p] = s("birthdate");
|
|
26366
26366
|
function m() {
|
|
26367
26367
|
o((e) => {
|
|
26368
|
-
i("
|
|
26368
|
+
i("submitted", { ...e });
|
|
26369
26369
|
});
|
|
26370
26370
|
}
|
|
26371
26371
|
return (t, n) => (z(), V(P(sy), G(P(r), {
|
|
@@ -26452,7 +26452,7 @@ var QM = /* @__PURE__ */ c({
|
|
|
26452
26452
|
...hd,
|
|
26453
26453
|
title: "Aansprakelijkheidsverzekering vergelijken"
|
|
26454
26454
|
}),
|
|
26455
|
-
emits: ["
|
|
26455
|
+
emits: ["submitted"],
|
|
26456
26456
|
setup(e, { emit: t }) {
|
|
26457
26457
|
let n = e, r = _d(n), i = t, { addressSchema: a, draft: o, resolvedAddress: s, additionOptions: c } = aj({ initial: n.initialData?.address }), { isSubmitting: l, handleSubmit: u, defineField: d } = qb($M(a), {
|
|
26458
26458
|
birthdate: n.initialData?.birthdate ?? "",
|
|
@@ -26461,7 +26461,7 @@ var QM = /* @__PURE__ */ c({
|
|
|
26461
26461
|
}), [f, p, m] = d("birthdate"), [h, g, _] = d("familyComposition", { validateAt: "change" });
|
|
26462
26462
|
function v() {
|
|
26463
26463
|
u(({ birthdate: e, familyComposition: t }) => {
|
|
26464
|
-
i("
|
|
26464
|
+
i("submitted", {
|
|
26465
26465
|
birthdate: e,
|
|
26466
26466
|
familyComposition: t,
|
|
26467
26467
|
address: s.value
|
|
@@ -26563,7 +26563,7 @@ var nN = /* @__PURE__ */ c({
|
|
|
26563
26563
|
...hd,
|
|
26564
26564
|
title: "Woonverzekering vergelijken"
|
|
26565
26565
|
}),
|
|
26566
|
-
emits: ["
|
|
26566
|
+
emits: ["submitted"],
|
|
26567
26567
|
setup(e, { emit: t }) {
|
|
26568
26568
|
let n = e, r = _d(n), i = t, { addressSchema: a, draft: o, resolvedAddress: s, additionOptions: c } = aj({ initial: n.initialData?.address }), { isSubmitting: l, handleSubmit: u, defineField: d } = qb(iN(a), {
|
|
26569
26569
|
ownedBuilding: n.initialData?.ownedBuilding ?? bd.Yes,
|
|
@@ -26572,7 +26572,7 @@ var nN = /* @__PURE__ */ c({
|
|
|
26572
26572
|
}), [f, p, m] = d("ownedBuilding"), [h, g, _] = d("familyComposition", { validateAt: "change" });
|
|
26573
26573
|
function v() {
|
|
26574
26574
|
u(({ ownedBuilding: e, familyComposition: t }) => {
|
|
26575
|
-
i("
|
|
26575
|
+
i("submitted", {
|
|
26576
26576
|
ownedBuilding: e,
|
|
26577
26577
|
familyComposition: t,
|
|
26578
26578
|
address: s.value
|
|
@@ -26684,7 +26684,7 @@ var sN = /* @__PURE__ */ c({
|
|
|
26684
26684
|
...hd,
|
|
26685
26685
|
title: "Rechtsbijstandverzekering vergelijken"
|
|
26686
26686
|
}),
|
|
26687
|
-
emits: ["
|
|
26687
|
+
emits: ["submitted"],
|
|
26688
26688
|
setup(e, { emit: t }) {
|
|
26689
26689
|
let n = e, r = _d(n), i = t, { addressSchema: a, draft: o, resolvedAddress: s, additionOptions: c } = aj({ initial: n.initialData?.address }), { isSubmitting: l, handleSubmit: u, defineField: d, resetField: f } = qb(lN(a), {
|
|
26690
26690
|
ownedBuilding: n.initialData?.ownedBuilding ?? bd.Yes,
|
|
@@ -26698,7 +26698,7 @@ var sN = /* @__PURE__ */ c({
|
|
|
26698
26698
|
}, { immediate: !0 });
|
|
26699
26699
|
function E() {
|
|
26700
26700
|
u(({ ownedBuilding: e, birthdate: t, familyComposition: n, familySize: r }) => {
|
|
26701
|
-
i("
|
|
26701
|
+
i("submitted", {
|
|
26702
26702
|
ownedBuilding: e,
|
|
26703
26703
|
birthdate: t,
|
|
26704
26704
|
familyComposition: n,
|
|
@@ -26842,7 +26842,7 @@ var pN = /* @__PURE__ */ c({
|
|
|
26842
26842
|
...hd,
|
|
26843
26843
|
title: "Combineer al je verzekeringen in 1 verzekeringspakket"
|
|
26844
26844
|
}),
|
|
26845
|
-
emits: ["
|
|
26845
|
+
emits: ["submitted"],
|
|
26846
26846
|
setup(e, { emit: t }) {
|
|
26847
26847
|
let n = e, r = _d(n), i = t, { addressSchema: a, draft: o, resolvedAddress: s, additionOptions: c } = aj({ initial: n.initialData?.address }), { isSubmitting: l, handleSubmit: u, defineField: d, resetField: f } = qb(mN(a), {
|
|
26848
26848
|
birthdate: n.initialData?.birthdate ?? "",
|
|
@@ -26855,7 +26855,7 @@ var pN = /* @__PURE__ */ c({
|
|
|
26855
26855
|
}, { immediate: !0 });
|
|
26856
26856
|
function C() {
|
|
26857
26857
|
u(({ birthdate: e, familyComposition: t, partnerBirthdate: n }) => {
|
|
26858
|
-
i("
|
|
26858
|
+
i("submitted", {
|
|
26859
26859
|
birthdate: e,
|
|
26860
26860
|
familyComposition: t,
|
|
26861
26861
|
partnerBirthdate: n,
|
|
@@ -27020,7 +27020,7 @@ var _N = /* @__PURE__ */ c({
|
|
|
27020
27020
|
...hd,
|
|
27021
27021
|
title: "Geld lenen"
|
|
27022
27022
|
}),
|
|
27023
|
-
emits: ["
|
|
27023
|
+
emits: ["submitted"],
|
|
27024
27024
|
setup(e, { emit: t }) {
|
|
27025
27025
|
let n = e, r = _d(n), i = t, { isSubmitting: a, handleSubmit: o, defineField: s } = qb(bN, {
|
|
27026
27026
|
LoanPurpose: n.initialData?.LoanPurpose ?? "",
|
|
@@ -27030,7 +27030,7 @@ var _N = /* @__PURE__ */ c({
|
|
|
27030
27030
|
}), [c, l, u] = s("LoanPurpose", { validateAt: "change" }), [d, f, p] = s("LoanAmount"), [m, h, g] = s("birthdate"), [_, v, y] = s("familyComposition", { validateAt: "change" });
|
|
27031
27031
|
function b() {
|
|
27032
27032
|
o((e) => {
|
|
27033
|
-
i("
|
|
27033
|
+
i("submitted", { ...e });
|
|
27034
27034
|
});
|
|
27035
27035
|
}
|
|
27036
27036
|
return (t, n) => (z(), V(P(sy), G(P(r), {
|
|
@@ -27155,7 +27155,7 @@ var TN = /* @__PURE__ */ c({
|
|
|
27155
27155
|
...hd,
|
|
27156
27156
|
title: "Brommerverzekering vergelijken"
|
|
27157
27157
|
}),
|
|
27158
|
-
emits: ["
|
|
27158
|
+
emits: ["submitted"],
|
|
27159
27159
|
setup(e, { emit: t }) {
|
|
27160
27160
|
let n = e, r = _d(n), i = t, { addressSchema: a, draft: o, resolvedAddress: s, additionOptions: c } = aj({ initial: n.initialData?.address }), { vehicleData: l, licensePlateSchema: u } = Tj(vd.Moped, { initialData: n.initialData?.vehicle ?? void 0 }), { isSubmitting: d, handleSubmit: f, defineField: p } = qb(DN(u, a), {
|
|
27161
27161
|
licensePlate: n.initialData?.licensePlate ?? "",
|
|
@@ -27164,7 +27164,7 @@ var TN = /* @__PURE__ */ c({
|
|
|
27164
27164
|
}), [m, h, g, _] = p("licensePlate"), [v, y, b] = p("birthdate");
|
|
27165
27165
|
function x() {
|
|
27166
27166
|
f(({ licensePlate: e, birthdate: t }) => {
|
|
27167
|
-
i("
|
|
27167
|
+
i("submitted", {
|
|
27168
27168
|
licensePlate: e,
|
|
27169
27169
|
birthdate: t,
|
|
27170
27170
|
address: s.value,
|
|
@@ -27279,7 +27279,7 @@ var AN = /* @__PURE__ */ c({
|
|
|
27279
27279
|
...hd,
|
|
27280
27280
|
title: "Motorverzekering vergelijken"
|
|
27281
27281
|
}),
|
|
27282
|
-
emits: ["
|
|
27282
|
+
emits: ["submitted"],
|
|
27283
27283
|
setup(e, { emit: t }) {
|
|
27284
27284
|
let n = e, r = _d(n), i = t, { addressSchema: a, draft: o, resolvedAddress: s, additionOptions: c } = aj({ initial: n.initialData?.address }), { vehicleData: l, licensePlateSchema: u } = Tj(vd.Motor, { initialData: n.initialData?.vehicle ?? void 0 }), { isSubmitting: d, handleSubmit: f, defineField: p } = qb(jN(u, a), {
|
|
27285
27285
|
licensePlate: n.initialData?.licensePlate ?? "",
|
|
@@ -27288,7 +27288,7 @@ var AN = /* @__PURE__ */ c({
|
|
|
27288
27288
|
}), [m, h, g, _] = p("licensePlate"), [v, y, b] = p("birthdate");
|
|
27289
27289
|
function x() {
|
|
27290
27290
|
f(({ licensePlate: e, birthdate: t }) => {
|
|
27291
|
-
i("
|
|
27291
|
+
i("submitted", {
|
|
27292
27292
|
licensePlate: e,
|
|
27293
27293
|
birthdate: t,
|
|
27294
27294
|
address: s.value,
|
|
@@ -27403,7 +27403,7 @@ var PN = /* @__PURE__ */ c({
|
|
|
27403
27403
|
...hd,
|
|
27404
27404
|
title: "Autoverzekering vergelijken"
|
|
27405
27405
|
}),
|
|
27406
|
-
emits: ["
|
|
27406
|
+
emits: ["submitted"],
|
|
27407
27407
|
setup(e, { emit: t }) {
|
|
27408
27408
|
let n = e, r = _d(n), i = t, { addressSchema: a, draft: o, resolvedAddress: s, additionOptions: c } = aj({ initial: n.initialData?.address }), { vehicleData: l, licensePlateSchema: u } = Tj(vd.Car, { initialData: n.initialData?.vehicle ?? void 0 }), { isSubmitting: d, handleSubmit: f, defineField: p } = qb(FN(u, a), {
|
|
27409
27409
|
licensePlate: n.initialData?.licensePlate ?? "",
|
|
@@ -27412,7 +27412,7 @@ var PN = /* @__PURE__ */ c({
|
|
|
27412
27412
|
}), [m, h, g, _] = p("licensePlate"), [v, y, b] = p("birthdate");
|
|
27413
27413
|
function x() {
|
|
27414
27414
|
f(({ licensePlate: e, birthdate: t }) => {
|
|
27415
|
-
i("
|
|
27415
|
+
i("submitted", {
|
|
27416
27416
|
licensePlate: e,
|
|
27417
27417
|
birthdate: t,
|
|
27418
27418
|
address: s.value,
|
|
@@ -27526,7 +27526,7 @@ var RN = /* @__PURE__ */ c({
|
|
|
27526
27526
|
...hd,
|
|
27527
27527
|
title: "Zakelijke autoverzekering vergelijken"
|
|
27528
27528
|
}),
|
|
27529
|
-
emits: ["
|
|
27529
|
+
emits: ["submitted"],
|
|
27530
27530
|
setup(e, { emit: t }) {
|
|
27531
27531
|
let n = e, r = _d(n), i = t, { vehicleData: a, licensePlateSchema: o } = Tj(vd.Car, { initialData: n.initialData?.vehicle ?? void 0 }), { isSubmitting: s, handleSubmit: c, defineField: l, setErrors: u, removeError: d } = qb(zN(o), {
|
|
27532
27532
|
licensePlate: n.initialData?.licensePlate ?? "",
|
|
@@ -27534,7 +27534,7 @@ var RN = /* @__PURE__ */ c({
|
|
|
27534
27534
|
}), [f, p, m, h] = l("licensePlate"), [g, _, v] = l("company"), y = (e) => e ? u({ company: e }) : d("company"), b = K(() => !!g.value && !g.value.hasVisitingAddress);
|
|
27535
27535
|
function x() {
|
|
27536
27536
|
c(({ licensePlate: e, company: t }) => {
|
|
27537
|
-
i("
|
|
27537
|
+
i("submitted", {
|
|
27538
27538
|
licensePlate: e,
|
|
27539
27539
|
company: t,
|
|
27540
27540
|
vehicle: a.value
|
|
@@ -27643,12 +27643,12 @@ var HN = /* @__PURE__ */ c({
|
|
|
27643
27643
|
description: "Bescherm jouw bedrijf slim en voordelig. Om te starten hebben we je bedrijfsnaam of KVK-nummer nodig!",
|
|
27644
27644
|
submitLabel: "Start gratis vergelijken"
|
|
27645
27645
|
}),
|
|
27646
|
-
emits: ["
|
|
27646
|
+
emits: ["submitted"],
|
|
27647
27647
|
setup(e, { emit: t }) {
|
|
27648
27648
|
let n = e, r = _d(n), i = t, { isSubmitting: a, handleSubmit: o, defineField: s, setErrors: c, removeError: l } = qb(UN, { company: n.initialData?.company ?? null }), [u, d, f] = s("company"), p = (e) => e ? c({ company: e }) : l("company"), m = K(() => !!u.value && !u.value.hasVisitingAddress);
|
|
27649
27649
|
function h() {
|
|
27650
27650
|
o(({ company: e }) => {
|
|
27651
|
-
i("
|
|
27651
|
+
i("submitted", { company: e });
|
|
27652
27652
|
});
|
|
27653
27653
|
}
|
|
27654
27654
|
return (e, t) => (z(), V(P(sy), G(P(r), {
|
|
@@ -27799,7 +27799,7 @@ var $N = /* @__PURE__ */ L({
|
|
|
27799
27799
|
return (t, n) => a.value ? (z(), V(_a(a.value.Form), G({ key: 0 }, P(i), {
|
|
27800
27800
|
"initial-data": e.initialData,
|
|
27801
27801
|
"submit-disabled": e.submitDisabled || P(s),
|
|
27802
|
-
|
|
27802
|
+
onSubmitted: c
|
|
27803
27803
|
}), null, 16, ["initial-data", "submit-disabled"])) : W("", !0);
|
|
27804
27804
|
}
|
|
27805
27805
|
}), eP = /* @__PURE__ */ kl(/* @__PURE__ */ L({
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{computed,createBaseVNode,createCommentVNode,createElementBlock,createTextVNode,defineComponent,mergeModels,normalizeClass,openBlock,renderSlot,toDisplayString,unref,useId,useModel,useSlots,withDirectives,withModifiers}from"./useValidator-BXvfnDwv.js";var S=Object.defineProperty,x=(n,t,e)=>t in n?S(n,t,{enumerable:!0,configurable:!0,writable:!0,value:e}):n[t]=e,A=(n,t,e)=>x(n,typeof t==`symbol`?t:t+``,e),R={"#":{pattern:/[0-9]/},"@":{pattern:/[a-zA-Z]/},"*":{pattern:/[a-zA-Z0-9]/}},N=(n,t,e)=>n.replaceAll(t,``).replace(e,`.`).replace(`..`,`.`).replace(/[^.\d]/g,``),w=(n,t,e)=>new Intl.NumberFormat(e.number?.locale??`en`,{minimumFractionDigits:n,maximumFractionDigits:t,roundingMode:`trunc`}),P=(n,t=!0,e)=>{let s=e.number?.unsigned!==!0&&n.startsWith(`-`)?`-`:``,r=e.number?.fraction??0,a=w(0,r,e),u=a.formatToParts(1000.12),p=u.find(o=>o.type===`group`)?.value??` `,f=u.find(o=>o.type===`decimal`)?.value??`.`,i=N(n,p,f);if(Number.isNaN(parseFloat(i)))return s;let h=i.split(`.`);h[1]!=null&&h[1].length>=1&&(a=w(h[1].length<=r?h[1].length:r,r,e));let l=a.format(parseFloat(i));return t?r>0&&i.endsWith(`.`)&&!i.slice(0,-1).includes(`.`)&&(l+=f):l=N(l,p,f),s+l},C=n=>JSON.parse(n.replaceAll(`'`,`"`)),F=(n,t={})=>{let e={...t};n.dataset.maska!=null&&n.dataset.maska!==``&&(e.mask=T(n.dataset.maska)),n.dataset.maskaEager!=null&&(e.eager=E(n.dataset.maskaEager)),n.dataset.maskaReversed!=null&&(e.reversed=E(n.dataset.maskaReversed)),n.dataset.maskaTokensReplace!=null&&(e.tokensReplace=E(n.dataset.maskaTokensReplace)),n.dataset.maskaTokens!=null&&(e.tokens=W(n.dataset.maskaTokens));let s={};return n.dataset.maskaNumberLocale!=null&&(s.locale=n.dataset.maskaNumberLocale),n.dataset.maskaNumberFraction!=null&&(s.fraction=parseInt(n.dataset.maskaNumberFraction)),n.dataset.maskaNumberUnsigned!=null&&(s.unsigned=E(n.dataset.maskaNumberUnsigned)),(n.dataset.maskaNumber!=null||Object.values(s).length>0)&&(e.number=s),e},E=n=>n===``||!!JSON.parse(n),T=n=>n.startsWith(`[`)&&n.endsWith(`]`)?C(n):n,W=n=>{if(n.startsWith(`{`)&&n.endsWith(`}`))return C(n);let t={};return n.split(`|`).forEach(e=>{let s=e.split(`:`);t[s[0]]={pattern:I()?new RegExp(s[1],`u`):new RegExp(s[1]),optional:s[2]===`optional`,multiple:s[2]===`multiple`,repeated:s[2]===`repeated`}}),t},I=()=>{try{return!0}catch{return!1}},O=class{constructor(t={}){A(this,`opts`,{}),A(this,`memo`,new Map);let e={...t};if(e.tokens!=null){e.tokens=e.tokensReplace?{...e.tokens}:{...R,...e.tokens};for(let s of Object.values(e.tokens))typeof s.pattern==`string`&&(s.pattern=I()?new RegExp(s.pattern,`u`):new RegExp(s.pattern))}else e.tokens=R;Array.isArray(e.mask)&&(e.mask.length>1?e.mask=[...e.mask].sort((s,r)=>s.length-r.length):e.mask=e.mask[0]??``),e.mask===``&&(e.mask=null),this.opts=e}masked(t){return this.process(String(t),this.findMask(String(t)))}unmasked(t){return this.process(String(t),this.findMask(String(t)),!1)}isEager(){return this.opts.eager===!0}isReversed(){return this.opts.reversed===!0}completed(t){let e=this.findMask(String(t));if(this.opts.mask==null||e==null)return!1;let s=this.process(String(t),e).length;return typeof this.opts.mask==`string`?s>=this.opts.mask.length:s>=e.length}findMask(t){let e=this.opts.mask;if(e==null)return null;if(typeof e==`string`)return e;if(typeof e==`function`)return e(t);let s=this.process(t,e.slice(-1).pop()??``,!1);return e.find(r=>this.process(t,r,!1).length>=s.length)??``}escapeMask(t){let e=[],s=[];return t.split(``).forEach((r,a)=>{r===`!`&&t[a-1]!==`!`?s.push(a-s.length):e.push(r)}),{mask:e.join(``),escaped:s}}process(t,e,s=!0){if(this.opts.number!=null)return P(t,s,this.opts);if(e==null)return t;let r=`v=${t},mr=${e},m=${+!!s}`;if(this.memo.has(r))return this.memo.get(r);let{mask:a,escaped:u}=this.escapeMask(e),p=[],f=this.opts.tokens==null?{}:this.opts.tokens,i=this.isReversed()?-1:1,h=this.isReversed()?`unshift`:`push`,l=this.isReversed()?0:a.length-1,k=this.isReversed()?()=>o>-1&&c>-1:()=>o<a.length&&c<t.length,g=v=>!this.isReversed()&&v<=l||this.isReversed()&&v>=l,b,d=-1,o=this.isReversed()?a.length-1:0,c=this.isReversed()?t.length-1:0,M=!1;for(;k();){let v=a.charAt(o),m=f[v],y=m?.transform==null?t.charAt(c):m.transform(t.charAt(c));if(!u.includes(o)&&m!=null?(y.match(m.pattern)==null?m.multiple?M&&=(o+=i,c-=i,!1):y===b?b=void 0:m.optional&&(o+=i,c-=i):(p[h](y),m.repeated?(d===-1?d=o:o===l&&o!==d&&(o=d-i),l===d&&(o-=i)):m.multiple&&(M=!0,o-=i),o+=i),c+=i):(s&&!this.isEager()&&p[h](v),y===v&&!this.isEager()?c+=i:b=v,this.isEager()||(o+=i)),this.isEager())for(;g(o)&&(f[a.charAt(o)]==null||u.includes(o));){if(s){if(p[h](a.charAt(o)),t.charAt(c)===a.charAt(o)){o+=i,c+=i;continue}}else a.charAt(o)===t.charAt(c)&&(c+=i);o+=i}}return this.memo.set(r,p.join(``)),this.memo.get(r)}},V=class{constructor(t,e={}){A(this,`items`,new Map),A(this,`eventAbortController`),A(this,`onInput`,t=>{if(t instanceof CustomEvent&&t.type===`input`&&!t.isTrusted&&!t.bubbles)return;let e=t.target,s=this.items.get(e);if(s===void 0)return;let r=`inputType`in t&&t.inputType.startsWith(`delete`),a=s.isEager(),u=r&&a&&s.unmasked(e.value)===``?``:e.value;this.fixCursor(e,r,()=>this.setValue(e,u))}),this.options=e,this.eventAbortController=new AbortController,this.init(this.getInputs(t))}update(t={}){this.options={...t},this.init(Array.from(this.items.keys()))}updateValue(t){t.value!==``&&t.value!==this.processInput(t)?.masked&&this.setValue(t,t.value)}destroy(){this.eventAbortController.abort(),this.items.clear()}init(t){let e=this.getOptions(this.options);for(let s of t){if(!this.items.has(s)){let{signal:a}=this.eventAbortController;s.addEventListener(`input`,this.onInput,{capture:!0,signal:a})}let r=new O(F(s,e));this.items.set(s,r),queueMicrotask(()=>this.updateValue(s)),s.selectionStart===null&&r.isEager()&&console.warn("Maska: input of `%s` type is not supported",s.type)}}getInputs(t){return typeof t==`string`?Array.from(document.querySelectorAll(t)):`length`in t?Array.from(t):[t]}getOptions(t){let{onMaska:e,preProcess:s,postProcess:r,...a}=t;return a}fixCursor(t,e,s){let r=t.selectionStart,a=t.value;if(s(),r===null||r===a.length&&!e)return;let u=t.value,p=a.slice(0,r),f=u.slice(0,r),i=this.processInput(t,p)?.unmasked,h=this.processInput(t,f)?.unmasked;if(i===void 0||h===void 0)return;let l=r;p!==f&&(l+=e?u.length-a.length:i.length-h.length),t.setSelectionRange(l,l)}setValue(t,e){let s=this.processInput(t,e);s!==void 0&&(t.value=s.masked,this.options.onMaska!=null&&(Array.isArray(this.options.onMaska)?this.options.onMaska.forEach(r=>r(s)):this.options.onMaska(s)),t.dispatchEvent(new CustomEvent(`maska`,{detail:s})),t.dispatchEvent(new CustomEvent(`input`,{detail:s.masked})))}processInput(t,e){let s=this.items.get(t);if(s===void 0)return;let r=e??t.value;this.options.preProcess!=null&&(r=this.options.preProcess(r));let a=s.masked(r);return this.options.postProcess!=null&&(a=this.options.postProcess(a)),{masked:a,unmasked:s.unmasked(r),completed:s.completed(r)}}},l=new WeakMap,c=(e,s)=>{if(e.arg==null||e.instance==null)return;let a=`setup`in e.instance.$.type;e.arg in e.instance?e.instance[e.arg]=s:a&&console.warn("Maska: please expose `%s` using defineExpose",e.arg)},k=(e,s)=>{var u;let a=e instanceof HTMLInputElement?e:e.querySelector(`input`);if(a==null||a?.type===`file`)return;let t={};if(s.value!=null&&(t=typeof s.value==`string`?{mask:s.value}:{...s.value}),s.arg!=null){let o=r=>{c(s,s.modifiers.unmasked?r.unmasked:s.modifiers.completed?r.completed:r.masked)};t.onMaska=t.onMaska==null?o:Array.isArray(t.onMaska)?[...t.onMaska,o]:[t.onMaska,o]}l.has(a)?(u=l.get(a))==null||u.update(t):l.set(a,new V(a,t))},_hoisted_1={class:`vd-field`},_hoisted_2=[`for`],_hoisted_3={key:0,class:`vd-field__asterisk`},_hoisted_4={key:1,class:`vd-field__popover`},_hoisted_5=[`id`,`value`,`type`,`name`,`inputmode`,`placeholder`,`disabled`,`readonly`,`autocomplete`],_hoisted_6={key:0,class:`vd-field__icon-and-loader`},_hoisted_7={key:0,class:`vd-field__icon vd-field__icon--with-loader`},_hoisted_8={key:1},_hoisted_9={key:0,class:`vd-field__loader-circle`},_hoisted_10={key:0,class:`vd-field__message vd-field__message--error`},_hoisted_11={key:1,class:`vd-field__message vd-field__message--information`},VdInput_default=defineComponent({__name:`VdInput`,props:mergeModels({id:{default:null},name:{},type:{default:`text`},label:{default:``},placeholder:{default:``},errorMessage:{default:null},disabled:{type:Boolean,default:!1},readonly:{type:Boolean,default:!1},required:{type:Boolean,default:!0},verified:{type:Boolean,default:!1},mask:{default:``},autocomplete:{type:Boolean,default:!1},infoMessage:{default:``},icon:{default:``},iconLeft:{type:Boolean,default:!1},capitalize:{type:Boolean,default:!1},hasError:{type:[Boolean,null],default:null},loading:{type:Boolean,default:!1},inputmode:{default:void 0}},{modelValue:{required:!0},modelModifiers:{}}),emits:mergeModels([`blur`,`change`],[`update:modelValue`]),setup(__props,{emit:__emit}){let props=__props,model=useModel(__props,`modelValue`),emit=__emit,slots=useSlots(),inputId=props.id??useId(),normalize=value=>props.capitalize?value.toUpperCase():value,showDefaultState=computed(()=>!props.errorMessage&&!props.verified&&!props.hasError),showVerifiedState=computed(()=>!!model.value&&!props.errorMessage&&props.verified&&!props.hasError&&!props.loading),showInvalidState=computed(()=>!!props.errorMessage||!!props.hasError),showValidationErrorMessage=computed(()=>!!props.errorMessage||!!slots.errorMessage),onInput=e=>{model.value=normalize(e.target.value)},onBlur=e=>{emit(`blur`,normalize(e.target.value))},onChange=e=>{emit(`change`,normalize(e.target.value))};return(_ctx,_cache)=>(openBlock(),createElementBlock(`div`,_hoisted_1,[createBaseVNode(`div`,{class:normalizeClass([`vd-field__label-wrapper`,{"vd-field__label-wrapper--disabled":__props.disabled}]),onClick:_cache[0]||=withModifiers(()=>{},[`prevent`])},[__props.label||unref(slots).label?(openBlock(),createElementBlock(`label`,{key:0,for:__props.name,class:`vd-field__label`},[createBaseVNode(`span`,null,[renderSlot(_ctx.$slots,`label`,{},()=>[createTextVNode(toDisplayString(__props.label),1)]),__props.required?(openBlock(),createElementBlock(`span`,_hoisted_3,`*`)):createCommentVNode(``,!0)])],8,_hoisted_2)):createCommentVNode(``,!0),unref(slots).popover?(openBlock(),createElementBlock(`span`,_hoisted_4,[renderSlot(_ctx.$slots,`popover`)])):createCommentVNode(``,!0)],2),createBaseVNode(`div`,{class:normalizeClass([`vd-field__wrapper`,{"vd-field__wrapper-checkmark":showVerifiedState.value&&!(__props.icon||unref(slots).icon)}])},[withDirectives(createBaseVNode(`input`,{id:unref(inputId),value:model.value,type:__props.type,name:__props.name,inputmode:__props.inputmode,placeholder:__props.placeholder,disabled:__props.disabled,readonly:__props.readonly,autocomplete:__props.autocomplete?`off`:`on`,class:normalizeClass([`vd-field__input`,{"vd-field__input--verified":showVerifiedState.value,"vd-field__input--default":showDefaultState.value,"vd-field__input--error":showInvalidState.value,"vd-field__input--icon-left":(__props.icon||unref(slots).icon)&&__props.iconLeft,"vd-field__input--icon-right":(__props.icon||unref(slots).icon)&&!__props.iconLeft,"vd-field__input--loading":__props.loading,"vd-field__input--loading vd-field__input--icon":__props.loading&&!__props.iconLeft&&(__props.icon||unref(slots).icon)}]),onInput,onChange,onBlur},null,42,_hoisted_5),[[unref(k),__props.mask||void 0]]),__props.loading&&__props.icon&&!__props.iconLeft?(openBlock(),createElementBlock(`div`,_hoisted_6,[_cache[1]||=createBaseVNode(`div`,{class:`vd-field__loader-circle vd-field__loader-circle--and-icon`},null,-1),__props.icon||unref(slots).icon?(openBlock(),createElementBlock(`span`,_hoisted_7,[renderSlot(_ctx.$slots,`icon`,{},()=>[createBaseVNode(`i`,{class:normalizeClass(__props.icon)},null,2)])])):createCommentVNode(``,!0)])):(openBlock(),createElementBlock(`div`,_hoisted_8,[__props.loading?(openBlock(),createElementBlock(`div`,_hoisted_9)):createCommentVNode(``,!0),__props.icon||unref(slots).icon?(openBlock(),createElementBlock(`span`,{key:1,class:normalizeClass([`vd-field__icon`,{"vd-field__icon--left":__props.iconLeft,"vd-field__icon--disabled":__props.disabled}])},[renderSlot(_ctx.$slots,`icon`,{},()=>[createBaseVNode(`i`,{class:normalizeClass(__props.icon)},null,2)])],2)):createCommentVNode(``,!0)]))],2),showValidationErrorMessage.value||unref(slots).errorMessage?(openBlock(),createElementBlock(`div`,_hoisted_10,[renderSlot(_ctx.$slots,`errorMessage`,{},()=>[_cache[2]||=createBaseVNode(`i`,{class:`fas fa-exclamation-circle vd-field__message-icon`},null,-1),createTextVNode(` `+toDisplayString(__props.errorMessage),1)])])):createCommentVNode(``,!0),__props.infoMessage||unref(slots).information?(openBlock(),createElementBlock(`div`,_hoisted_11,[renderSlot(_ctx.$slots,`information`,{},()=>[_cache[3]||=createBaseVNode(`i`,{class:`fas fa-info-circle vd-field__message-icon`},null,-1),createTextVNode(` `+toDisplayString(__props.infoMessage),1)])])):createCommentVNode(``,!0)]))}});export{VdInput_default};
|
|
1
|
+
import{computed,createBaseVNode,createCommentVNode,createElementBlock,createTextVNode,defineComponent,mergeModels,normalizeClass,openBlock,renderSlot,toDisplayString,unref,useId,useModel,useSlots,withDirectives,withModifiers}from"./useValidator-i4hsDLG4.js";var S=Object.defineProperty,x=(n,t,e)=>t in n?S(n,t,{enumerable:!0,configurable:!0,writable:!0,value:e}):n[t]=e,A=(n,t,e)=>x(n,typeof t==`symbol`?t:t+``,e),R={"#":{pattern:/[0-9]/},"@":{pattern:/[a-zA-Z]/},"*":{pattern:/[a-zA-Z0-9]/}},N=(n,t,e)=>n.replaceAll(t,``).replace(e,`.`).replace(`..`,`.`).replace(/[^.\d]/g,``),w=(n,t,e)=>new Intl.NumberFormat(e.number?.locale??`en`,{minimumFractionDigits:n,maximumFractionDigits:t,roundingMode:`trunc`}),P=(n,t=!0,e)=>{let s=e.number?.unsigned!==!0&&n.startsWith(`-`)?`-`:``,r=e.number?.fraction??0,a=w(0,r,e),u=a.formatToParts(1000.12),p=u.find(o=>o.type===`group`)?.value??` `,f=u.find(o=>o.type===`decimal`)?.value??`.`,i=N(n,p,f);if(Number.isNaN(parseFloat(i)))return s;let h=i.split(`.`);h[1]!=null&&h[1].length>=1&&(a=w(h[1].length<=r?h[1].length:r,r,e));let l=a.format(parseFloat(i));return t?r>0&&i.endsWith(`.`)&&!i.slice(0,-1).includes(`.`)&&(l+=f):l=N(l,p,f),s+l},C=n=>JSON.parse(n.replaceAll(`'`,`"`)),F=(n,t={})=>{let e={...t};n.dataset.maska!=null&&n.dataset.maska!==``&&(e.mask=T(n.dataset.maska)),n.dataset.maskaEager!=null&&(e.eager=E(n.dataset.maskaEager)),n.dataset.maskaReversed!=null&&(e.reversed=E(n.dataset.maskaReversed)),n.dataset.maskaTokensReplace!=null&&(e.tokensReplace=E(n.dataset.maskaTokensReplace)),n.dataset.maskaTokens!=null&&(e.tokens=W(n.dataset.maskaTokens));let s={};return n.dataset.maskaNumberLocale!=null&&(s.locale=n.dataset.maskaNumberLocale),n.dataset.maskaNumberFraction!=null&&(s.fraction=parseInt(n.dataset.maskaNumberFraction)),n.dataset.maskaNumberUnsigned!=null&&(s.unsigned=E(n.dataset.maskaNumberUnsigned)),(n.dataset.maskaNumber!=null||Object.values(s).length>0)&&(e.number=s),e},E=n=>n===``||!!JSON.parse(n),T=n=>n.startsWith(`[`)&&n.endsWith(`]`)?C(n):n,W=n=>{if(n.startsWith(`{`)&&n.endsWith(`}`))return C(n);let t={};return n.split(`|`).forEach(e=>{let s=e.split(`:`);t[s[0]]={pattern:I()?new RegExp(s[1],`u`):new RegExp(s[1]),optional:s[2]===`optional`,multiple:s[2]===`multiple`,repeated:s[2]===`repeated`}}),t},I=()=>{try{return!0}catch{return!1}},O=class{constructor(t={}){A(this,`opts`,{}),A(this,`memo`,new Map);let e={...t};if(e.tokens!=null){e.tokens=e.tokensReplace?{...e.tokens}:{...R,...e.tokens};for(let s of Object.values(e.tokens))typeof s.pattern==`string`&&(s.pattern=I()?new RegExp(s.pattern,`u`):new RegExp(s.pattern))}else e.tokens=R;Array.isArray(e.mask)&&(e.mask.length>1?e.mask=[...e.mask].sort((s,r)=>s.length-r.length):e.mask=e.mask[0]??``),e.mask===``&&(e.mask=null),this.opts=e}masked(t){return this.process(String(t),this.findMask(String(t)))}unmasked(t){return this.process(String(t),this.findMask(String(t)),!1)}isEager(){return this.opts.eager===!0}isReversed(){return this.opts.reversed===!0}completed(t){let e=this.findMask(String(t));if(this.opts.mask==null||e==null)return!1;let s=this.process(String(t),e).length;return typeof this.opts.mask==`string`?s>=this.opts.mask.length:s>=e.length}findMask(t){let e=this.opts.mask;if(e==null)return null;if(typeof e==`string`)return e;if(typeof e==`function`)return e(t);let s=this.process(t,e.slice(-1).pop()??``,!1);return e.find(r=>this.process(t,r,!1).length>=s.length)??``}escapeMask(t){let e=[],s=[];return t.split(``).forEach((r,a)=>{r===`!`&&t[a-1]!==`!`?s.push(a-s.length):e.push(r)}),{mask:e.join(``),escaped:s}}process(t,e,s=!0){if(this.opts.number!=null)return P(t,s,this.opts);if(e==null)return t;let r=`v=${t},mr=${e},m=${+!!s}`;if(this.memo.has(r))return this.memo.get(r);let{mask:a,escaped:u}=this.escapeMask(e),p=[],f=this.opts.tokens==null?{}:this.opts.tokens,i=this.isReversed()?-1:1,h=this.isReversed()?`unshift`:`push`,l=this.isReversed()?0:a.length-1,k=this.isReversed()?()=>o>-1&&c>-1:()=>o<a.length&&c<t.length,g=v=>!this.isReversed()&&v<=l||this.isReversed()&&v>=l,b,d=-1,o=this.isReversed()?a.length-1:0,c=this.isReversed()?t.length-1:0,M=!1;for(;k();){let v=a.charAt(o),m=f[v],y=m?.transform==null?t.charAt(c):m.transform(t.charAt(c));if(!u.includes(o)&&m!=null?(y.match(m.pattern)==null?m.multiple?M&&=(o+=i,c-=i,!1):y===b?b=void 0:m.optional&&(o+=i,c-=i):(p[h](y),m.repeated?(d===-1?d=o:o===l&&o!==d&&(o=d-i),l===d&&(o-=i)):m.multiple&&(M=!0,o-=i),o+=i),c+=i):(s&&!this.isEager()&&p[h](v),y===v&&!this.isEager()?c+=i:b=v,this.isEager()||(o+=i)),this.isEager())for(;g(o)&&(f[a.charAt(o)]==null||u.includes(o));){if(s){if(p[h](a.charAt(o)),t.charAt(c)===a.charAt(o)){o+=i,c+=i;continue}}else a.charAt(o)===t.charAt(c)&&(c+=i);o+=i}}return this.memo.set(r,p.join(``)),this.memo.get(r)}},V=class{constructor(t,e={}){A(this,`items`,new Map),A(this,`eventAbortController`),A(this,`onInput`,t=>{if(t instanceof CustomEvent&&t.type===`input`&&!t.isTrusted&&!t.bubbles)return;let e=t.target,s=this.items.get(e);if(s===void 0)return;let r=`inputType`in t&&t.inputType.startsWith(`delete`),a=s.isEager(),u=r&&a&&s.unmasked(e.value)===``?``:e.value;this.fixCursor(e,r,()=>this.setValue(e,u))}),this.options=e,this.eventAbortController=new AbortController,this.init(this.getInputs(t))}update(t={}){this.options={...t},this.init(Array.from(this.items.keys()))}updateValue(t){t.value!==``&&t.value!==this.processInput(t)?.masked&&this.setValue(t,t.value)}destroy(){this.eventAbortController.abort(),this.items.clear()}init(t){let e=this.getOptions(this.options);for(let s of t){if(!this.items.has(s)){let{signal:a}=this.eventAbortController;s.addEventListener(`input`,this.onInput,{capture:!0,signal:a})}let r=new O(F(s,e));this.items.set(s,r),queueMicrotask(()=>this.updateValue(s)),s.selectionStart===null&&r.isEager()&&console.warn("Maska: input of `%s` type is not supported",s.type)}}getInputs(t){return typeof t==`string`?Array.from(document.querySelectorAll(t)):`length`in t?Array.from(t):[t]}getOptions(t){let{onMaska:e,preProcess:s,postProcess:r,...a}=t;return a}fixCursor(t,e,s){let r=t.selectionStart,a=t.value;if(s(),r===null||r===a.length&&!e)return;let u=t.value,p=a.slice(0,r),f=u.slice(0,r),i=this.processInput(t,p)?.unmasked,h=this.processInput(t,f)?.unmasked;if(i===void 0||h===void 0)return;let l=r;p!==f&&(l+=e?u.length-a.length:i.length-h.length),t.setSelectionRange(l,l)}setValue(t,e){let s=this.processInput(t,e);s!==void 0&&(t.value=s.masked,this.options.onMaska!=null&&(Array.isArray(this.options.onMaska)?this.options.onMaska.forEach(r=>r(s)):this.options.onMaska(s)),t.dispatchEvent(new CustomEvent(`maska`,{detail:s})),t.dispatchEvent(new CustomEvent(`input`,{detail:s.masked})))}processInput(t,e){let s=this.items.get(t);if(s===void 0)return;let r=e??t.value;this.options.preProcess!=null&&(r=this.options.preProcess(r));let a=s.masked(r);return this.options.postProcess!=null&&(a=this.options.postProcess(a)),{masked:a,unmasked:s.unmasked(r),completed:s.completed(r)}}},l=new WeakMap,c=(e,s)=>{if(e.arg==null||e.instance==null)return;let a=`setup`in e.instance.$.type;e.arg in e.instance?e.instance[e.arg]=s:a&&console.warn("Maska: please expose `%s` using defineExpose",e.arg)},k=(e,s)=>{var u;let a=e instanceof HTMLInputElement?e:e.querySelector(`input`);if(a==null||a?.type===`file`)return;let t={};if(s.value!=null&&(t=typeof s.value==`string`?{mask:s.value}:{...s.value}),s.arg!=null){let o=r=>{c(s,s.modifiers.unmasked?r.unmasked:s.modifiers.completed?r.completed:r.masked)};t.onMaska=t.onMaska==null?o:Array.isArray(t.onMaska)?[...t.onMaska,o]:[t.onMaska,o]}l.has(a)?(u=l.get(a))==null||u.update(t):l.set(a,new V(a,t))},_hoisted_1={class:`vd-field`},_hoisted_2=[`for`],_hoisted_3={key:0,class:`vd-field__asterisk`},_hoisted_4={key:1,class:`vd-field__popover`},_hoisted_5=[`id`,`value`,`type`,`name`,`inputmode`,`placeholder`,`disabled`,`readonly`,`autocomplete`],_hoisted_6={key:0,class:`vd-field__icon-and-loader`},_hoisted_7={key:0,class:`vd-field__icon vd-field__icon--with-loader`},_hoisted_8={key:1},_hoisted_9={key:0,class:`vd-field__loader-circle`},_hoisted_10={key:0,class:`vd-field__message vd-field__message--error`},_hoisted_11={key:1,class:`vd-field__message vd-field__message--information`},VdInput_default=defineComponent({__name:`VdInput`,props:mergeModels({id:{default:null},name:{},type:{default:`text`},label:{default:``},placeholder:{default:``},errorMessage:{default:null},disabled:{type:Boolean,default:!1},readonly:{type:Boolean,default:!1},required:{type:Boolean,default:!0},verified:{type:Boolean,default:!1},mask:{default:``},autocomplete:{type:Boolean,default:!1},infoMessage:{default:``},icon:{default:``},iconLeft:{type:Boolean,default:!1},capitalize:{type:Boolean,default:!1},hasError:{type:[Boolean,null],default:null},loading:{type:Boolean,default:!1},inputmode:{default:void 0}},{modelValue:{required:!0},modelModifiers:{}}),emits:mergeModels([`blur`,`change`],[`update:modelValue`]),setup(__props,{emit:__emit}){let props=__props,model=useModel(__props,`modelValue`),emit=__emit,slots=useSlots(),inputId=props.id??useId(),normalize=value=>props.capitalize?value.toUpperCase():value,showDefaultState=computed(()=>!props.errorMessage&&!props.verified&&!props.hasError),showVerifiedState=computed(()=>!!model.value&&!props.errorMessage&&props.verified&&!props.hasError&&!props.loading),showInvalidState=computed(()=>!!props.errorMessage||!!props.hasError),showValidationErrorMessage=computed(()=>!!props.errorMessage||!!slots.errorMessage),onInput=e=>{model.value=normalize(e.target.value)},onBlur=e=>{emit(`blur`,normalize(e.target.value))},onChange=e=>{emit(`change`,normalize(e.target.value))};return(_ctx,_cache)=>(openBlock(),createElementBlock(`div`,_hoisted_1,[createBaseVNode(`div`,{class:normalizeClass([`vd-field__label-wrapper`,{"vd-field__label-wrapper--disabled":__props.disabled}]),onClick:_cache[0]||=withModifiers(()=>{},[`prevent`])},[__props.label||unref(slots).label?(openBlock(),createElementBlock(`label`,{key:0,for:__props.name,class:`vd-field__label`},[createBaseVNode(`span`,null,[renderSlot(_ctx.$slots,`label`,{},()=>[createTextVNode(toDisplayString(__props.label),1)]),__props.required?(openBlock(),createElementBlock(`span`,_hoisted_3,`*`)):createCommentVNode(``,!0)])],8,_hoisted_2)):createCommentVNode(``,!0),unref(slots).popover?(openBlock(),createElementBlock(`span`,_hoisted_4,[renderSlot(_ctx.$slots,`popover`)])):createCommentVNode(``,!0)],2),createBaseVNode(`div`,{class:normalizeClass([`vd-field__wrapper`,{"vd-field__wrapper-checkmark":showVerifiedState.value&&!(__props.icon||unref(slots).icon)}])},[withDirectives(createBaseVNode(`input`,{id:unref(inputId),value:model.value,type:__props.type,name:__props.name,inputmode:__props.inputmode,placeholder:__props.placeholder,disabled:__props.disabled,readonly:__props.readonly,autocomplete:__props.autocomplete?`off`:`on`,class:normalizeClass([`vd-field__input`,{"vd-field__input--verified":showVerifiedState.value,"vd-field__input--default":showDefaultState.value,"vd-field__input--error":showInvalidState.value,"vd-field__input--icon-left":(__props.icon||unref(slots).icon)&&__props.iconLeft,"vd-field__input--icon-right":(__props.icon||unref(slots).icon)&&!__props.iconLeft,"vd-field__input--loading":__props.loading,"vd-field__input--loading vd-field__input--icon":__props.loading&&!__props.iconLeft&&(__props.icon||unref(slots).icon)}]),onInput,onChange,onBlur},null,42,_hoisted_5),[[unref(k),__props.mask||void 0]]),__props.loading&&__props.icon&&!__props.iconLeft?(openBlock(),createElementBlock(`div`,_hoisted_6,[_cache[1]||=createBaseVNode(`div`,{class:`vd-field__loader-circle vd-field__loader-circle--and-icon`},null,-1),__props.icon||unref(slots).icon?(openBlock(),createElementBlock(`span`,_hoisted_7,[renderSlot(_ctx.$slots,`icon`,{},()=>[createBaseVNode(`i`,{class:normalizeClass(__props.icon)},null,2)])])):createCommentVNode(``,!0)])):(openBlock(),createElementBlock(`div`,_hoisted_8,[__props.loading?(openBlock(),createElementBlock(`div`,_hoisted_9)):createCommentVNode(``,!0),__props.icon||unref(slots).icon?(openBlock(),createElementBlock(`span`,{key:1,class:normalizeClass([`vd-field__icon`,{"vd-field__icon--left":__props.iconLeft,"vd-field__icon--disabled":__props.disabled}])},[renderSlot(_ctx.$slots,`icon`,{},()=>[createBaseVNode(`i`,{class:normalizeClass(__props.icon)},null,2)])],2)):createCommentVNode(``,!0)]))],2),showValidationErrorMessage.value||unref(slots).errorMessage?(openBlock(),createElementBlock(`div`,_hoisted_10,[renderSlot(_ctx.$slots,`errorMessage`,{},()=>[_cache[2]||=createBaseVNode(`i`,{class:`fas fa-exclamation-circle vd-field__message-icon`},null,-1),createTextVNode(` `+toDisplayString(__props.errorMessage),1)])])):createCommentVNode(``,!0),__props.infoMessage||unref(slots).information?(openBlock(),createElementBlock(`div`,_hoisted_11,[renderSlot(_ctx.$slots,`information`,{},()=>[_cache[3]||=createBaseVNode(`i`,{class:`fas fa-info-circle vd-field__message-icon`},null,-1),createTextVNode(` `+toDisplayString(__props.infoMessage),1)])])):createCommentVNode(``,!0)]))}});export{VdInput_default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{computed,createBaseVNode,createBlock,createCommentVNode,createElementBlock,createVNode,defineComponent,getCurrentScope,normalizeClass,normalizeStyle,onScopeDispose,openBlock,ref,renderSlot,shallowReadonly,shallowRef,toDisplayString,toValue,unref,watch,withModifiers}from"./useValidator-
|
|
1
|
+
import{computed,createBaseVNode,createBlock,createCommentVNode,createElementBlock,createVNode,defineComponent,getCurrentScope,normalizeClass,normalizeStyle,onScopeDispose,openBlock,ref,renderSlot,shallowReadonly,shallowRef,toDisplayString,toValue,unref,watch,withModifiers}from"./useValidator-i4hsDLG4.js";import{autoUpdate,computePosition,flip,getNodeName,isNode,offset,shift}from"./floating-ui.dom-CZdxKWz5.js";var _hoisted_1$2={class:`vd-popover__title`},_hoisted_2={key:0,class:`vd-popover__title-icon`},_hoisted_3={key:1},VdPopoverHeader_default=defineComponent({__name:`VdPopoverHeader`,props:{title:{default:``},icon:{default:``}},emits:[`close`],setup(__props,{emit:__emit}){let emit=__emit,closePopover=()=>{emit(`close`)};return(_ctx,_cache)=>(openBlock(),createElementBlock(`div`,{class:normalizeClass([`vd-popover__header`,{"vd-popover__header--only-close-icon":!__props.title}])},[__props.title?renderSlot(_ctx.$slots,`default`,{key:0},()=>[createBaseVNode(`div`,_hoisted_1$2,[__props.icon?(openBlock(),createElementBlock(`div`,_hoisted_2,[createBaseVNode(`i`,{class:normalizeClass(__props.icon)},null,2)])):createCommentVNode(``,!0),__props.title?(openBlock(),createElementBlock(`span`,_hoisted_3,toDisplayString(__props.title),1)):createCommentVNode(``,!0)])]):createCommentVNode(``,!0),createBaseVNode(`button`,{class:`vd-popover__close-btn`,onClick:closePopover},[..._cache[0]||=[createBaseVNode(`i`,{class:`far fa-times vd-popover__close-btn-icon`},null,-1)]])],2))}}),_hoisted_1$1=[`innerHTML`],VdPopoverTooltip_default=defineComponent({__name:`VdPopoverTooltip`,props:{content:{default:()=>({title:``,description:``})},variant:{default:void 0},size:{default:void 0},hideHeaderTooltip:{type:Boolean,default:!1},headerIconTooltip:{default:``}},emits:[`close`],setup(__props,{emit:__emit}){let emit=__emit,closePopover=()=>{emit(`close`)};return(_ctx,_cache)=>(openBlock(),createElementBlock(`div`,{class:normalizeClass([`vd-popover__tooltip`,[__props.size?`vd-popover__tooltip--${__props.size}`:``,__props.variant?`vd-popover__tooltip--${__props.variant}`:``]]),onPointerdown:_cache[0]||=withModifiers(()=>{},[`prevent`])},[__props.hideHeaderTooltip?createCommentVNode(``,!0):(openBlock(),createBlock(VdPopoverHeader_default,{key:0,title:__props.content.title,icon:__props.headerIconTooltip,onClose:closePopover},null,8,[`title`,`icon`])),__props.content&&__props.content.description?(openBlock(),createElementBlock(`p`,{key:1,class:`vd-popover__description`,innerHTML:__props.content.description},null,8,_hoisted_1$1)):createCommentVNode(``,!0)],34))}}),_hoisted_1={key:1},VdPopoverReference_default=defineComponent({__name:`VdPopoverReference`,props:{label:{default:``},icon:{default:`fas fa-info-circle`},variant:{default:void 0},iconLeft:{type:Boolean,default:!1}},setup(__props){return(_ctx,_cache)=>(openBlock(),createElementBlock(`span`,{class:normalizeClass([`vd-popover__reference`,[__props.variant?`vd-popover__reference--${__props.variant}`:``]])},[__props.iconLeft?(openBlock(),createElementBlock(`i`,{key:0,class:normalizeClass(__props.icon)},null,2)):createCommentVNode(``,!0),__props.label?(openBlock(),createElementBlock(`span`,_hoisted_1,toDisplayString(__props.label),1)):createCommentVNode(``,!0),__props.iconLeft?createCommentVNode(``,!0):(openBlock(),createElementBlock(`i`,{key:2,class:normalizeClass(__props.icon)},null,2))],2))}});function isComponentPublicInstance(target){return typeof target==`object`&&!!target&&`$el`in target}function unwrapElement(target){if(isComponentPublicInstance(target)){let element=target.$el;return isNode(element)&&getNodeName(element)===`#comment`?null:element}return target}function getDPR(element){return typeof window>`u`?1:(element.ownerDocument.defaultView||window).devicePixelRatio||1}function roundByDPR(element,value){let dpr=getDPR(element);return Math.round(value*dpr)/dpr}function useFloating(reference,floating,options){options===void 0&&(options={});let whileElementsMountedOption=options.whileElementsMounted,openOption=computed(()=>toValue(options.open)??!0),middlewareOption=computed(()=>toValue(options.middleware)),placementOption=computed(()=>toValue(options.placement)??`bottom`),strategyOption=computed(()=>toValue(options.strategy)??`absolute`),transformOption=computed(()=>toValue(options.transform)??!0),referenceElement=computed(()=>unwrapElement(reference.value)),floatingElement=computed(()=>unwrapElement(floating.value)),x=ref(0),y=ref(0),strategy=ref(strategyOption.value),placement=ref(placementOption.value),middlewareData=shallowRef({}),isPositioned=ref(!1),floatingStyles=computed(()=>{let initialStyles={position:strategy.value,left:`0`,top:`0`};if(!floatingElement.value)return initialStyles;let xVal=roundByDPR(floatingElement.value,x.value),yVal=roundByDPR(floatingElement.value,y.value);return transformOption.value?{...initialStyles,transform:`translate(`+xVal+`px, `+yVal+`px)`,...getDPR(floatingElement.value)>=1.5&&{willChange:`transform`}}:{position:strategy.value,left:xVal+`px`,top:yVal+`px`}}),whileElementsMountedCleanup;function update(){if(referenceElement.value==null||floatingElement.value==null)return;let open=openOption.value;computePosition(referenceElement.value,floatingElement.value,{middleware:middlewareOption.value,placement:placementOption.value,strategy:strategyOption.value}).then(position=>{x.value=position.x,y.value=position.y,strategy.value=position.strategy,placement.value=position.placement,middlewareData.value=position.middlewareData,isPositioned.value=open!==!1})}function cleanup(){typeof whileElementsMountedCleanup==`function`&&(whileElementsMountedCleanup(),whileElementsMountedCleanup=void 0)}function attach(){if(cleanup(),whileElementsMountedOption===void 0){update();return}if(referenceElement.value!=null&&floatingElement.value!=null){whileElementsMountedCleanup=whileElementsMountedOption(referenceElement.value,floatingElement.value,update);return}}function reset(){openOption.value||(isPositioned.value=!1)}return watch([middlewareOption,placementOption,strategyOption,openOption],update,{flush:`sync`}),watch([referenceElement,floatingElement],attach,{flush:`sync`}),watch(openOption,reset,{flush:`sync`}),getCurrentScope()&&onScopeDispose(cleanup),{x:shallowReadonly(x),y:shallowReadonly(y),strategy:shallowReadonly(strategy),placement:shallowReadonly(placement),middlewareData:shallowReadonly(middlewareData),isPositioned:shallowReadonly(isPositioned),floatingStyles,update}}var VdPopover_default=defineComponent({__name:`VdPopover`,props:{label:{default:``},iconRef:{default:`fas fa-info-circle`},refVariant:{default:void 0},iconLeftRef:{type:Boolean,default:!1},offSet:{default:8},content:{default:()=>({title:``,description:``})},tooltipVariant:{default:void 0},tooltipSize:{default:void 0},hideHeaderTooltip:{type:Boolean,default:!1},headerIconTooltip:{default:`fas fa-info-circle`},fixed:{type:Boolean,default:!1},display:{default:`inline-block`},position:{default:`top-start`},disableHoverListener:{type:Boolean,default:!1},disableClickListener:{type:Boolean,default:!1},mousedownListener:{type:Boolean,default:!1},fullWidth:{type:Boolean,default:!1}},setup(__props){let props=__props,reference=ref(null),floating=ref(null),{floatingStyles}=useFloating(reference,floating,{placement:props.position,middleware:[offset(props.offSet),flip({mainAxis:!props.fixed}),shift({crossAxis:!1,padding:10})],whileElementsMounted:autoUpdate}),showPopover=ref(!1),showOnClick=ref(!1),show=()=>{showPopover.value=!0,showOnClick.value=!0},close=()=>{showPopover.value=!1,showOnClick.value=!1},toggleOnClick=()=>{props.disableClickListener||props.mousedownListener||(showOnClick.value?close():show())},onMousedown=()=>{props.mousedownListener&&(showPopover.value?close():show())},onHover=()=>{props.disableHoverListener||(showPopover.value=!0)},onLeave=()=>{props.disableHoverListener||showOnClick.value||(showPopover.value=!1)};return(_ctx,_cache)=>(openBlock(),createElementBlock(`span`,{class:normalizeClass([`vd-popover`,`vd-popover--${__props.display}`])},[createBaseVNode(`span`,{ref_key:`reference`,ref:reference,class:`vd-popover__reference-wrapper`,onClick:withModifiers(toggleOnClick,[`stop`]),onMouseover:onHover,onMouseleave:onLeave,onMousedown},[renderSlot(_ctx.$slots,`reference`,{toggleOnClick,onHover,onLeave,onMousedown,isOpen:showPopover.value,close},()=>[createVNode(VdPopoverReference_default,{variant:__props.refVariant,label:__props.label,icon:__props.iconRef,"icon-left":__props.iconLeftRef},null,8,[`variant`,`label`,`icon`,`icon-left`])])],544),showPopover.value?(openBlock(),createElementBlock(`div`,{key:0,ref_key:`floating`,ref:floating,style:normalizeStyle(unref(floatingStyles)),class:normalizeClass([`vd-popover__floating`,props.fullWidth?`vd-popover__floating--full-width`:``]),onPointerdown:_cache[0]||=withModifiers(()=>{},[`prevent`])},[renderSlot(_ctx.$slots,`tooltip`,{close},()=>[createVNode(VdPopoverTooltip_default,{content:__props.content,variant:__props.tooltipVariant,size:__props.tooltipSize,"hide-header-tooltip":__props.hideHeaderTooltip,"header-icon-tooltip":__props.headerIconTooltip,onClose:close},null,8,[`content`,`variant`,`size`,`hide-header-tooltip`,`header-icon-tooltip`])])],38)):createCommentVNode(``,!0)],2))}});export{VdPopover_default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{Fragment,computed,createBaseVNode,createBlock,createCommentVNode,createElementBlock,createTextVNode,defineComponent,mergeModels,normalizeClass,openBlock,renderList,renderSlot,toDisplayString,unref,useId,useModel,useSlots,vModelRadio,withCtx,withDirectives}from"./useValidator-
|
|
1
|
+
import{Fragment,computed,createBaseVNode,createBlock,createCommentVNode,createElementBlock,createTextVNode,defineComponent,mergeModels,normalizeClass,openBlock,renderList,renderSlot,toDisplayString,unref,useId,useModel,useSlots,vModelRadio,withCtx,withDirectives}from"./useValidator-i4hsDLG4.js";var _hoisted_1$1={class:`vd-radio-field`},_hoisted_2$1={class:`vd-radio-field__input`},_hoisted_3$1=[`id`,`disabled`,`name`,`value`],_hoisted_4$1=[`for`],VdRadio_default=defineComponent({__name:`VdRadio`,props:mergeModels({name:{},value:{type:[String,Number,Boolean,null],default:null},id:{default:null},label:{default:``},disabled:{type:Boolean,default:!1},invalid:{type:Boolean,default:!1},green:{type:Boolean,default:!1}},{modelValue:{type:[String,Number,Boolean,null],default:null},modelModifiers:{}}),emits:mergeModels([`change`,`blur`],[`update:modelValue`]),setup(__props,{emit:__emit}){let props=__props,model=useModel(__props,`modelValue`),emit=__emit,slots=useSlots(),inputId=props.id??useId(),onChange=event=>{emit(`change`,props.value,event.target.value)},onBlur=event=>{emit(`blur`,props.value,event.target.value)};return(_ctx,_cache)=>(openBlock(),createElementBlock(`div`,_hoisted_1$1,[createBaseVNode(`div`,_hoisted_2$1,[withDirectives(createBaseVNode(`input`,{id:unref(inputId),"onUpdate:modelValue":_cache[0]||=$event=>model.value=$event,disabled:__props.disabled,name:__props.name,value:__props.value,class:normalizeClass([`vd-radio`,{"vd-radio--error":__props.invalid,"vd-radio--green":__props.green}]),type:`radio`,onChange,onBlur},null,42,_hoisted_3$1),[[vModelRadio,model.value]])]),__props.label||unref(slots).label?(openBlock(),createElementBlock(`label`,{key:0,class:`vd-radio-field__label`,for:unref(inputId)},[renderSlot(_ctx.$slots,`label`,{},()=>[createTextVNode(toDisplayString(__props.label),1)])],8,_hoisted_4$1)):createCommentVNode(``,!0),renderSlot(_ctx.$slots,`popover`)]))}}),_hoisted_1=[`disabled`],_hoisted_2={class:`vd-field__label`},_hoisted_3={key:0,class:`vd-field__asterisk`},_hoisted_4={key:0,class:`vd-field__popover`},_hoisted_5={key:1,class:`vd-field__message vd-field__message--error`},_hoisted_6={key:2,class:`vd-field__message vd-field__message--information`},VdRadioGroup_default=defineComponent({__name:`VdRadioGroup`,props:mergeModels({name:{},options:{},legend:{default:``},errorMessage:{default:null},infoMessage:{default:null},disabled:{type:Boolean,default:!1},required:{type:Boolean,default:!0},variant:{default:`default`},groupClass:{default:void 0}},{modelValue:{type:[String,Number,Boolean,null],required:!0},modelModifiers:{}}),emits:mergeModels([`change`,`blur`],[`update:modelValue`]),setup(__props,{emit:__emit}){let props=__props,model=useModel(__props,`modelValue`),emit=__emit,slots=useSlots(),invalid=computed(()=>!!props.errorMessage),variantClass=computed(()=>({"vd-radio-group--horizontal":props.variant===`horizontal`,"vd-radio-group--boxed":props.variant===`boxed`})),onUpdate=value=>{emit(`change`,value)},onBlur=value=>{emit(`blur`,value)};return(_ctx,_cache)=>(openBlock(),createElementBlock(`fieldset`,{class:normalizeClass([`vd-field vd-radio-group`,variantClass.value]),disabled:__props.disabled},[__props.legend||unref(slots).legend?(openBlock(),createElementBlock(`legend`,{key:0,class:normalizeClass([`vd-field__label-wrapper`,{"vd-field__label-wrapper--disabled":__props.disabled}])},[createBaseVNode(`div`,_hoisted_2,[renderSlot(_ctx.$slots,`legend`,{},()=>[createTextVNode(toDisplayString(__props.legend),1)]),__props.required?(openBlock(),createElementBlock(`span`,_hoisted_3,`*`)):createCommentVNode(``,!0)]),unref(slots).popover?(openBlock(),createElementBlock(`span`,_hoisted_4,[renderSlot(_ctx.$slots,`popover`)])):createCommentVNode(``,!0)],2)):createCommentVNode(``,!0),createBaseVNode(`div`,{class:normalizeClass([`vd-radio-group__list`,__props.groupClass])},[(openBlock(!0),createElementBlock(Fragment,null,renderList(__props.options,option=>(openBlock(),createBlock(VdRadio_default,{key:option.value,modelValue:model.value,"onUpdate:modelValue":_cache[0]||=$event=>model.value=$event,value:option.value,label:option.label,name:__props.name,disabled:option.disabled,invalid:invalid.value,onChange:onUpdate,onBlur},{label:withCtx(()=>[renderSlot(_ctx.$slots,`label`,{option})]),popover:withCtx(()=>[renderSlot(_ctx.$slots,`label_popover`,{option})]),_:2},1032,[`modelValue`,`value`,`label`,`name`,`disabled`,`invalid`]))),128))],2),invalid.value?(openBlock(),createElementBlock(`div`,_hoisted_5,[_cache[1]||=createBaseVNode(`i`,{class:`fas fa-exclamation-circle vd-field__message-icon`},null,-1),createTextVNode(` `+toDisplayString(__props.errorMessage),1)])):createCommentVNode(``,!0),__props.infoMessage||unref(slots).information?(openBlock(),createElementBlock(`div`,_hoisted_6,[renderSlot(_ctx.$slots,`information`,{},()=>[_cache[2]||=createBaseVNode(`i`,{class:`fas fa-info-circle vd-field__message-icon`},null,-1),createTextVNode(` `+toDisplayString(__props.infoMessage),1)])])):createCommentVNode(``,!0)],10,_hoisted_1))}});export{VdRadioGroup_default};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{__exportAll}from"./rolldown-runtime-Bm1jhNxk.js";import{BaseTransition,BaseTransitionPropsValidators,Comment,EffectScope,ErrorCodes,ErrorTypeStrings,Fragment,KeepAlive,ReactiveEffect,Static,Suspense,Teleport,Text,TrackOpTypes,Transition,TransitionGroup,TriggerOpTypes,VueElement,arrayBufferTag,arrayTag,assertNumber,bigInt64ArrayTag,bigUint64ArrayTag,booleanTag,callWithAsyncErrorHandling,callWithErrorHandling,camelize,capitalize,cloneVNode,computed,computedWithControl,createApp,createBaseVNode,createBlock,createCommentVNode,createElementBlock,createEventHook,createGlobalState,createHydrationRenderer,createPropsRestProxy,createRenderer,createSSRApp,createSharedComposable,createSlots,createStaticVNode,createTextVNode,createVNode,customRef,dataViewTag,dateTag,defineAsyncComponent,defineComponent,defineCustomElement,defineEmits,defineExpose,defineModel,defineOptions,defineProps,defineSSRCustomElement,defineSlots,devtools,effect,effectScope,errorTag,float32ArrayTag,float64ArrayTag,functionTag,get,getCurrentInstance,getCurrentScope,getCurrentWatcher,getSymbols,getTag,getTransitionRawChildren,guardReactiveProps,h,handleError,hasInjectionContext,hydrate,hydrateOnIdle,hydrateOnInteraction,hydrateOnMediaQuery,hydrateOnVisible,initCustomFormatter,initDirectivesForSSR,inject,int16ArrayTag,int32ArrayTag,int8ArrayTag,isBuffer,isClient,isDef,isEqualsSameValueZero,isIOS,isMemoSame,isObject,isProxy,isReactive,isReadonly,isRef,isRuntimeOnly,isShallow,isVNode,mapTag,markRaw,mergeDefaults,mergeModels,mergeProps,nextTick,nodeOps,noop as noop$1,normalizeClass,normalizeProps,normalizeStyle,numberTag,objectTag,onActivated,onBeforeMount,onBeforeUnmount,onBeforeUpdate,onDeactivated,onErrorCaptured,onMounted,onRenderTracked,onRenderTriggered,onScopeDispose,onServerPrefetch,onUnmounted,onUpdated,onWatcherCleanup,openBlock,patchProp,popScopeId,promiseTimeout,provide,proxyRefs,pushScopeId,queuePostFlushCb,reactive,reactivePick,readonly,ref,refAutoReset,regexpTag,registerRuntimeCompiler,render,renderList,renderSlot,resolveComponent,resolveDirective,resolveDynamicComponent,resolveTransitionHooks,setBlockTracking,setDevtoolsHook,setTag,setTransitionHooks,shallowReactive,shallowReadonly,shallowRef,ssrContextKey,ssrUtils,stop,stringTag,symbolTag,toArray,toDisplayString,toHandlerKey,toHandlers,toRaw,toRef,toRefs,toValue as toValue$1,transformVNodeArgs,triggerRef,tryOnBeforeUnmount,tryOnMounted,uint16ArrayTag,uint32ArrayTag,uint8ArrayTag,uint8ClampedArrayTag,unref,until,useAttrs,useCssModule,useCssVars,useHost,useId as useId$1,useModel,useSSRContext,useShadowRoot,useSlots,useTemplateRef,useTransitionState,vModelCheckbox,vModelDynamic,vModelRadio,vModelSelect,vModelText,vShow,version,warn,watch,watchEffect,watchImmediate,watchPostEffect,watchSyncEffect,withAsyncContext,withCtx,withDefaults,withDirectives,withKeys,withMemo,withModifiers,withScopeId}from"./useValidator-
|
|
1
|
+
import{__exportAll}from"./rolldown-runtime-Bm1jhNxk.js";import{BaseTransition,BaseTransitionPropsValidators,Comment,EffectScope,ErrorCodes,ErrorTypeStrings,Fragment,KeepAlive,ReactiveEffect,Static,Suspense,Teleport,Text,TrackOpTypes,Transition,TransitionGroup,TriggerOpTypes,VueElement,arrayBufferTag,arrayTag,assertNumber,bigInt64ArrayTag,bigUint64ArrayTag,booleanTag,callWithAsyncErrorHandling,callWithErrorHandling,camelize,capitalize,cloneVNode,computed,computedWithControl,createApp,createBaseVNode,createBlock,createCommentVNode,createElementBlock,createEventHook,createGlobalState,createHydrationRenderer,createPropsRestProxy,createRenderer,createSSRApp,createSharedComposable,createSlots,createStaticVNode,createTextVNode,createVNode,customRef,dataViewTag,dateTag,defineAsyncComponent,defineComponent,defineCustomElement,defineEmits,defineExpose,defineModel,defineOptions,defineProps,defineSSRCustomElement,defineSlots,devtools,effect,effectScope,errorTag,float32ArrayTag,float64ArrayTag,functionTag,get,getCurrentInstance,getCurrentScope,getCurrentWatcher,getSymbols,getTag,getTransitionRawChildren,guardReactiveProps,h,handleError,hasInjectionContext,hydrate,hydrateOnIdle,hydrateOnInteraction,hydrateOnMediaQuery,hydrateOnVisible,initCustomFormatter,initDirectivesForSSR,inject,int16ArrayTag,int32ArrayTag,int8ArrayTag,isBuffer,isClient,isDef,isEqualsSameValueZero,isIOS,isMemoSame,isObject,isProxy,isReactive,isReadonly,isRef,isRuntimeOnly,isShallow,isVNode,mapTag,markRaw,mergeDefaults,mergeModels,mergeProps,nextTick,nodeOps,noop as noop$1,normalizeClass,normalizeProps,normalizeStyle,numberTag,objectTag,onActivated,onBeforeMount,onBeforeUnmount,onBeforeUpdate,onDeactivated,onErrorCaptured,onMounted,onRenderTracked,onRenderTriggered,onScopeDispose,onServerPrefetch,onUnmounted,onUpdated,onWatcherCleanup,openBlock,patchProp,popScopeId,promiseTimeout,provide,proxyRefs,pushScopeId,queuePostFlushCb,reactive,reactivePick,readonly,ref,refAutoReset,regexpTag,registerRuntimeCompiler,render,renderList,renderSlot,resolveComponent,resolveDirective,resolveDynamicComponent,resolveTransitionHooks,setBlockTracking,setDevtoolsHook,setTag,setTransitionHooks,shallowReactive,shallowReadonly,shallowRef,ssrContextKey,ssrUtils,stop,stringTag,symbolTag,toArray,toDisplayString,toHandlerKey,toHandlers,toRaw,toRef,toRefs,toValue as toValue$1,transformVNodeArgs,triggerRef,tryOnBeforeUnmount,tryOnMounted,uint16ArrayTag,uint32ArrayTag,uint8ArrayTag,uint8ClampedArrayTag,unref,until,useAttrs,useCssModule,useCssVars,useHost,useId as useId$1,useModel,useSSRContext,useShadowRoot,useSlots,useTemplateRef,useTransitionState,vModelCheckbox,vModelDynamic,vModelRadio,vModelSelect,vModelText,vShow,version,warn,watch,watchEffect,watchImmediate,watchPostEffect,watchSyncEffect,withAsyncContext,withCtx,withDefaults,withDirectives,withKeys,withMemo,withModifiers,withScopeId}from"./useValidator-i4hsDLG4.js";import{arrow as arrow$1,autoUpdate,computePosition,flip,getNodeName,hide,isNode,limitShift,offset,shift,size}from"./floating-ui.dom-CZdxKWz5.js";var vue_runtime_esm_bundler_exports=__exportAll({BaseTransition:()=>BaseTransition,BaseTransitionPropsValidators:()=>BaseTransitionPropsValidators,Comment:()=>Comment,DeprecationTypes:()=>null,EffectScope:()=>EffectScope,ErrorCodes:()=>ErrorCodes,ErrorTypeStrings:()=>ErrorTypeStrings,Fragment:()=>Fragment,KeepAlive:()=>KeepAlive,ReactiveEffect:()=>ReactiveEffect,Static:()=>Static,Suspense:()=>Suspense,Teleport:()=>Teleport,Text:()=>Text,TrackOpTypes:()=>TrackOpTypes,Transition:()=>Transition,TransitionGroup:()=>TransitionGroup,TriggerOpTypes:()=>TriggerOpTypes,VueElement:()=>VueElement,assertNumber:()=>assertNumber,callWithAsyncErrorHandling:()=>callWithAsyncErrorHandling,callWithErrorHandling:()=>callWithErrorHandling,camelize:()=>camelize,capitalize:()=>capitalize,cloneVNode:()=>cloneVNode,compatUtils:()=>null,compile:()=>compile,computed:()=>computed,createApp:()=>createApp,createBlock:()=>createBlock,createCommentVNode:()=>createCommentVNode,createElementBlock:()=>createElementBlock,createElementVNode:()=>createBaseVNode,createHydrationRenderer:()=>createHydrationRenderer,createPropsRestProxy:()=>createPropsRestProxy,createRenderer:()=>createRenderer,createSSRApp:()=>createSSRApp,createSlots:()=>createSlots,createStaticVNode:()=>createStaticVNode,createTextVNode:()=>createTextVNode,createVNode:()=>createVNode,customRef:()=>customRef,defineAsyncComponent:()=>defineAsyncComponent,defineComponent:()=>defineComponent,defineCustomElement:()=>defineCustomElement,defineEmits:()=>defineEmits,defineExpose:()=>defineExpose,defineModel:()=>defineModel,defineOptions:()=>defineOptions,defineProps:()=>defineProps,defineSSRCustomElement:()=>defineSSRCustomElement,defineSlots:()=>defineSlots,devtools:()=>devtools,effect:()=>effect,effectScope:()=>effectScope,getCurrentInstance:()=>getCurrentInstance,getCurrentScope:()=>getCurrentScope,getCurrentWatcher:()=>getCurrentWatcher,getTransitionRawChildren:()=>getTransitionRawChildren,guardReactiveProps:()=>guardReactiveProps,h:()=>h,handleError:()=>handleError,hasInjectionContext:()=>hasInjectionContext,hydrate:()=>hydrate,hydrateOnIdle:()=>hydrateOnIdle,hydrateOnInteraction:()=>hydrateOnInteraction,hydrateOnMediaQuery:()=>hydrateOnMediaQuery,hydrateOnVisible:()=>hydrateOnVisible,initCustomFormatter:()=>initCustomFormatter,initDirectivesForSSR:()=>initDirectivesForSSR,inject:()=>inject,isMemoSame:()=>isMemoSame,isProxy:()=>isProxy,isReactive:()=>isReactive,isReadonly:()=>isReadonly,isRef:()=>isRef,isRuntimeOnly:()=>isRuntimeOnly,isShallow:()=>isShallow,isVNode:()=>isVNode,markRaw:()=>markRaw,mergeDefaults:()=>mergeDefaults,mergeModels:()=>mergeModels,mergeProps:()=>mergeProps,nextTick:()=>nextTick,nodeOps:()=>nodeOps,normalizeClass:()=>normalizeClass,normalizeProps:()=>normalizeProps,normalizeStyle:()=>normalizeStyle,onActivated:()=>onActivated,onBeforeMount:()=>onBeforeMount,onBeforeUnmount:()=>onBeforeUnmount,onBeforeUpdate:()=>onBeforeUpdate,onDeactivated:()=>onDeactivated,onErrorCaptured:()=>onErrorCaptured,onMounted:()=>onMounted,onRenderTracked:()=>onRenderTracked,onRenderTriggered:()=>onRenderTriggered,onScopeDispose:()=>onScopeDispose,onServerPrefetch:()=>onServerPrefetch,onUnmounted:()=>onUnmounted,onUpdated:()=>onUpdated,onWatcherCleanup:()=>onWatcherCleanup,openBlock:()=>openBlock,patchProp:()=>patchProp,popScopeId:()=>popScopeId,provide:()=>provide,proxyRefs:()=>proxyRefs,pushScopeId:()=>pushScopeId,queuePostFlushCb:()=>queuePostFlushCb,reactive:()=>reactive,readonly:()=>readonly,ref:()=>ref,registerRuntimeCompiler:()=>registerRuntimeCompiler,render:()=>render,renderList:()=>renderList,renderSlot:()=>renderSlot,resolveComponent:()=>resolveComponent,resolveDirective:()=>resolveDirective,resolveDynamicComponent:()=>resolveDynamicComponent,resolveFilter:()=>null,resolveTransitionHooks:()=>resolveTransitionHooks,setBlockTracking:()=>setBlockTracking,setDevtoolsHook:()=>setDevtoolsHook,setTransitionHooks:()=>setTransitionHooks,shallowReactive:()=>shallowReactive,shallowReadonly:()=>shallowReadonly,shallowRef:()=>shallowRef,ssrContextKey:()=>ssrContextKey,ssrUtils:()=>ssrUtils,stop:()=>stop,toDisplayString:()=>toDisplayString,toHandlerKey:()=>toHandlerKey,toHandlers:()=>toHandlers,toRaw:()=>toRaw,toRef:()=>toRef,toRefs:()=>toRefs,toValue:()=>toValue$1,transformVNodeArgs:()=>transformVNodeArgs,triggerRef:()=>triggerRef,unref:()=>unref,useAttrs:()=>useAttrs,useCssModule:()=>useCssModule,useCssVars:()=>useCssVars,useHost:()=>useHost,useId:()=>useId$1,useModel:()=>useModel,useSSRContext:()=>useSSRContext,useShadowRoot:()=>useShadowRoot,useSlots:()=>useSlots,useTemplateRef:()=>useTemplateRef,useTransitionState:()=>useTransitionState,vModelCheckbox:()=>vModelCheckbox,vModelDynamic:()=>vModelDynamic,vModelRadio:()=>vModelRadio,vModelSelect:()=>vModelSelect,vModelText:()=>vModelText,vShow:()=>vShow,version:()=>version,warn:()=>warn,watch:()=>watch,watchEffect:()=>watchEffect,watchPostEffect:()=>watchPostEffect,watchSyncEffect:()=>watchSyncEffect,withAsyncContext:()=>withAsyncContext,withCtx:()=>withCtx,withDefaults:()=>withDefaults,withDirectives:()=>withDirectives,withKeys:()=>withKeys,withMemo:()=>withMemo,withModifiers:()=>withModifiers,withScopeId:()=>withScopeId}),compile=()=>{
|
|
2
2
|
/**
|
|
3
3
|
* vue v3.5.39
|
|
4
4
|
* (c) 2018-present Yuxi (Evan) You and Vue contributors
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{Fragment,computed,createBaseVNode,createCommentVNode,createElementBlock,createTextVNode,defineComponent,mergeModels,normalizeClass,openBlock,ref,renderList,renderSlot,toDisplayString,unref,useId,useModel,useSlots,vModelSelect,withDirectives}from"./useValidator-
|
|
1
|
+
import{Fragment,computed,createBaseVNode,createCommentVNode,createElementBlock,createTextVNode,defineComponent,mergeModels,normalizeClass,openBlock,ref,renderList,renderSlot,toDisplayString,unref,useId,useModel,useSlots,vModelSelect,withDirectives}from"./useValidator-i4hsDLG4.js";var _hoisted_1={class:`vd-field`},_hoisted_2=[`for`],_hoisted_3={key:0,class:`vd-field__asterisk`},_hoisted_4={key:1,class:`vd-field__popover`},_hoisted_5={class:`vd-field__wrapper`},_hoisted_6=[`id`,`name`,`disabled`],_hoisted_7={key:0,value:``,disabled:``,selected:``},_hoisted_8=[`value`,`selected`,`disabled`],_hoisted_9={key:0,class:`vd-field__icon-and-loader`},_hoisted_10=[`for`],_hoisted_11={key:0,class:`vd-field__message vd-field__message--error`},_hoisted_12={key:1,class:`vd-field__message vd-field__message--information`},VdSelect_default=defineComponent({__name:`VdSelect`,props:mergeModels({id:{default:null},name:{},label:{default:``},placeholder:{default:`Maak je keuze`},options:{},errorMessage:{default:null},disabled:{type:Boolean,default:!1},required:{type:Boolean,default:!0},verified:{type:Boolean,default:!1},infoMessage:{default:``},loading:{type:Boolean,default:!1}},{modelValue:{required:!0},modelModifiers:{}}),emits:mergeModels([`blur`,`select`],[`update:modelValue`]),setup(__props,{emit:__emit}){let props=__props,model=useModel(__props,`modelValue`),emit=__emit,slots=useSlots(),inputId=props.id??useId(),selectModel=computed({get:()=>model.value??``,set:value=>{model.value=value===``?null:value}}),showPlaceholder=ref(!0),showVerifiedState=computed(()=>!props.errorMessage&&props.verified&&!props.disabled&&!props.loading),showDefaultState=computed(()=>!props.errorMessage&&!showVerifiedState.value),showInvalidState=computed(()=>!!props.errorMessage),setPlaceholderClass=()=>`vd-field__select--placeholder-${!model.value&&showPlaceholder.value?`shown`:`hidden`}`,changeValue=e=>{emit(`select`,e.target.value),showPlaceholder.value=!1},onBlur=e=>{emit(`blur`,e.target.value)};return(_ctx,_cache)=>(openBlock(),createElementBlock(`div`,_hoisted_1,[createBaseVNode(`div`,{class:normalizeClass([`vd-field__label-wrapper`,{"vd-field__label-wrapper--disabled":__props.disabled}])},[__props.label||unref(slots).label?(openBlock(),createElementBlock(`label`,{key:0,for:__props.name,class:`vd-field__label`},[createBaseVNode(`span`,null,[renderSlot(_ctx.$slots,`label`,{},()=>[createTextVNode(toDisplayString(__props.label),1)]),__props.required?(openBlock(),createElementBlock(`span`,_hoisted_3,`*`)):createCommentVNode(``,!0)])],8,_hoisted_2)):createCommentVNode(``,!0),unref(slots).popover?(openBlock(),createElementBlock(`span`,_hoisted_4,[renderSlot(_ctx.$slots,`popover`)])):createCommentVNode(``,!0)],2),createBaseVNode(`div`,_hoisted_5,[withDirectives(createBaseVNode(`select`,{id:unref(inputId),"onUpdate:modelValue":_cache[0]||=$event=>selectModel.value=$event,name:__props.name,disabled:__props.disabled,class:normalizeClass([`vd-field__input vd-field__select`,[setPlaceholderClass(),{"vd-field__input--error":showInvalidState.value,"vd-field__input--verified":showVerifiedState.value,"vd-field__input--default":showDefaultState.value,"vd-field__select--placeholder-with-loader-and-icon-shown":__props.loading}]]),onChange:changeValue,onBlur},[__props.placeholder?(openBlock(),createElementBlock(`option`,_hoisted_7,toDisplayString(__props.placeholder),1)):createCommentVNode(``,!0),(openBlock(!0),createElementBlock(Fragment,null,renderList(__props.options,(item,index)=>(openBlock(),createElementBlock(`option`,{key:item.value+`_`+index,value:item.value,selected:item.selected||!1,disabled:item.disabled||!1},toDisplayString(item.title),9,_hoisted_8))),128))],42,_hoisted_6),[[vModelSelect,selectModel.value]]),__props.loading?(openBlock(),createElementBlock(`div`,_hoisted_9,[..._cache[1]||=[createBaseVNode(`div`,{class:`vd-field__loader-circle vd-field__loader-circle--and-icon`},null,-1),createBaseVNode(`span`,{class:`vd-field__icon vd-field__icon--with-loader`},[createBaseVNode(`i`,{class:`fas vd-field__select-icon--with-loader`})],-1)]])):(openBlock(),createElementBlock(`label`,{key:1,for:unref(inputId),class:`vd-field__select-icon`},null,8,_hoisted_10))]),showInvalidState.value||unref(slots).errorMessage?(openBlock(),createElementBlock(`div`,_hoisted_11,[renderSlot(_ctx.$slots,`errorMessage`,{},()=>[_cache[2]||=createBaseVNode(`i`,{class:`fas fa-exclamation-circle vd-field__message-icon`},null,-1),createTextVNode(` `+toDisplayString(__props.errorMessage),1)])])):createCommentVNode(``,!0),__props.infoMessage||unref(slots).information?(openBlock(),createElementBlock(`div`,_hoisted_12,[renderSlot(_ctx.$slots,`information`,{},()=>[_cache[3]||=createBaseVNode(`i`,{class:`fas fa-info-circle vd-field__message-icon`},null,-1),createTextVNode(` `+toDisplayString(__props.infoMessage),1)])])):createCommentVNode(``,!0)]))}});export{VdSelect_default};
|
package/dist/wc-forms/bike.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import{VdComparisonForm_default,VdFormCol_default,comparisonFormSharedDefaults,computed,create$3,create$6,createBlock,createCommentVNode,createVNode,defineComponent,defineCustomElement,isRef,mergeDefaults,mergeProps,openBlock,unref,useComparisonFormProps,useValidator,watch,withCtx}from"./useValidator-BXvfnDwv.js";import{VdSearchableSelect_default}from"./VdSearchableSelect-BYsNA8so.js";import{VdInput_default}from"./VdInput-BaZx7lM7.js";import{VdSelect_default}from"./VdSelect-DS5ijaBw.js";import{VdRadioGroup_default}from"./VdRadioGroup-BAy4077M.js";import{VALIDATION_MESSAGES}from"./messages-Da6go1uu.js";import{requiredNumber}from"./rules-4erM_5MW.js";var EBikes=[1,7],RACE_OR_MTB=[3,4],PRICE_LIMIT={raceOrMtb:15e3,default:9999},maxPriceTest=(schema,max)=>schema.test(`max-value`,VALIDATION_MESSAGES.bike.priceMax(max),value=>{let amount=Number(value);return Number.isNaN(amount)||amount<=max}),bikeFormSchema=create$3({kind:requiredNumber(VALIDATION_MESSAGES.bike.kindRequired),condition:requiredNumber(VALIDATION_MESSAGES.bike.conditionRequired),price:create$6().required(VALIDATION_MESSAGES.bike.priceRequired).when(`kind`,{is:kind=>RACE_OR_MTB.includes(Number(kind)),then:schema=>maxPriceTest(schema,PRICE_LIMIT.raceOrMtb),otherwise:schema=>maxPriceTest(schema,PRICE_LIMIT.default)}),brand:create$6().when(`kind`,{is:kind=>EBikes.includes(Number(kind)),then:schema=>schema.required(VALIDATION_MESSAGES.bike.brandRequired)})}),bikeKinds_model_default=[{value:4,title:`ATB / Mountainbike`,name:`Mountainbike`,isEBike:!1},{value:7,title:`Elektrische bakfiets`,name:`Elektrische bakfiets`,isEBike:!0},{value:8,title:`Elektrische ATB / mountainbike`,name:`Elektrische ATB / mountainbike`,isEBike:!0},{value:1,title:`E-Bike`,name:`E-Bike`,isEBike:!0},{value:12,title:`Fatbike`,name:`Fatbike`,isEBike:!0},{value:2,title:`Fiets`,name:`Fiets`,isEBike:!1},{value:5,title:`Ligfiets`,name:`Ligfiets`,isEBike:!1},{value:9,title:`Kinderfiets`,name:`Kinderfiets`,isEBike:!1},{value:3,title:`Racefiets`,name:`Racefiets`,isEBike:!1},{value:11,title:`Tandem`,name:`Tandem`,isEBike:!1},{value:10,title:`Vouwfiets`,name:`Vouwfiets`,isEBike:!1}],bikeConditions_model_default=[{value:1,label:`Nieuw`},{value:0,label:`Tweedehands`}],bikeBrands_model_default=[{id:`Ander merk`,name:`Ander merk`},{id:`Acer`,name:`Acer`},{id:`Achielle`,name:`Achielle`},{id:`ADO (A Dece Oasis)`,name:`ADO (A Dece Oasis)`},{id:`Advanced`,name:`Advanced`},{id:`AGM`,name:`AGM`},{id:`Alba`,name:`Alba`},{id:`Aldo`,name:`Aldo`},{id:`Alpina`,name:`Alpina`},{id:`Altec`,name:`Altec`},{id:`Amigo`,name:`Amigo`},{id:`Ampler`,name:`Ampler`},{id:`Amslod`,name:`Amslod`},{id:`Antilope`,name:`Antilope`},{id:`Anyway`,name:`Anyway`},{id:`Astonic`,name:`Astonic`},{id:`Avalon`,name:`Avalon`},{id:`Avant`,name:`Avant`},{id:`Avon`,name:`Avon`},{id:`Azor`,name:`Azor`},{id:`B'twin`,name:`B'twin`},{id:`Babboe`,name:`Babboe`},{id:`Bakfiets.nl`,name:`Bakfiets.nl`},{id:`Batavus`,name:`Batavus`},{id:`Bayck`,name:`Bayck`},{id:`Baysigri`,name:`Baysigri`},{id:`Beaufort`,name:`Beaufort`},{id:`BEEQ`,name:`BEEQ`},{id:`Beixo`,name:`Beixo`},{id:`Benno`,name:`Benno`},{id:`BeOne`,name:`BeOne`},{id:`Bergamont`,name:`Bergamont`},{id:`BESV`,name:`BESV`},{id:`BH Bikes`,name:`BH Bikes`},{id:`Bianchi`,name:`Bianchi`},{id:`Bigway`,name:`Bigway`},{id:`Bike43`,name:`Bike43`},{id:`BikeFun`,name:`BikeFun`},{id:`Bikkel`,name:`Bikkel`},{id:`Bimas`,name:`Bimas`},{id:`BirdBike`,name:`BirdBike`},{id:`biXbi`,name:`biXbi`},{id:`Bizobike`,name:`Bizobike`},{id:`BMC`,name:`BMC`},{id:`Bohlt`,name:`Bohlt`},{id:`Bombtrack`,name:`Bombtrack`},{id:`Booda Bike`,name:`Booda Bike`},{id:`Breezer`,name:`Breezer`},{id:`BREKR`,name:`BREKR`},{id:`Brennabor`,name:`Brennabor`},{id:`Brinckers`,name:`Brinckers`},{id:`Brompton`,name:`Brompton`},{id:`BSP`,name:`BSP`},{id:`Bulls`,name:`Bulls`},{id:`Burgers`,name:`Burgers`},{id:`Butchers & Bicycles`,name:`Butchers & Bicycles`},{id:`Button Cycle`,name:`Button Cycle`},{id:`BZEN`,name:`BZEN`},{id:`Cangoo`,name:`Cangoo`},{id:`Cannondale`,name:`Cannondale`},{id:`Canyon`,name:`Canyon`},{id:`Capri Bikes`,name:`Capri Bikes`},{id:`Carqon`,name:`Carqon`},{id:`Cervélo`,name:`Cervélo`},{id:`Chrisson`,name:`Chrisson`},{id:`Cloot`,name:`Cloot`},{id:`Coast Cruiser`,name:`Coast Cruiser`},{id:`Colorado`,name:`Colorado`},{id:`Colorway`,name:`Colorway`},{id:`Comate`,name:`Comate`},{id:`Conway`,name:`Conway`},{id:`Corelli`,name:`Corelli`},{id:`Cortina`,name:`Cortina`},{id:`Cowboy`,name:`Cowboy`},{id:`Creme Cycles`,name:`Creme Cycles`},{id:`Crivit`,name:`Crivit`},{id:`Crossboss`,name:`Crossboss`},{id:`Crown`,name:`Crown`},{id:`Crussis`,name:`Crussis`},{id:`Cube`,name:`Cube`},{id:`Damsko`,name:`Damsko`},{id:`Decatt`,name:`Decatt`},{id:`Denver`,name:`Denver`},{id:`Deruiz`,name:`Deruiz`},{id:`Desiknio`,name:`Desiknio`},{id:`Devron`,name:`Devron`},{id:`Diablo`,name:`Diablo`},{id:`Diamant`,name:`Diamant`},{id:`DiD`,name:`DiD`},{id:`Dolan`,name:`Dolan`},{id:`Dolly`,name:`Dolly`},{id:`Don Souris`,name:`Don Souris`},{id:`Doppio`,name:`Doppio`},{id:`Dutch ID`,name:`Dutch ID`},{id:`Dymand`,name:`Dymand`},{id:`DYU`,name:`DYU`},{id:`E-4motion`,name:`E-4motion`},{id:`Ebike Das Original`,name:`Ebike Das Original`},{id:`Ecobike`,name:`Ecobike`},{id:`e-cult`,name:`e-cult`},{id:`Ednine`,name:`Ednine`},{id:`Eightshot`,name:`Eightshot`},{id:`Electra`,name:`Electra`},{id:`Eleglide`,name:`Eleglide`},{id:`Elekgo`,name:`Elekgo`},{id:`Elops`,name:`Elops`},{id:`Emoove`,name:`Emoove`},{id:`EMQ`,name:`EMQ`},{id:`Engwe`,name:`Engwe`},{id:`E-Novation`,name:`E-Novation`},{id:`Eovolt`,name:`Eovolt`},{id:`Eskute`,name:`Eskute`},{id:`Esmaster`,name:`Esmaster`},{id:`e-strong`,name:`e-strong`},{id:`Excelsior`,name:`Excelsior`},{id:`Factor`,name:`Factor`},{id:`Fafrees`,name:`Fafrees`},{id:`Falter`,name:`Falter`},{id:`Felt`,name:`Felt`},{id:`Fiido`,name:`Fiido`},{id:`Fiore`,name:`Fiore`},{id:`Fischer`,name:`Fischer`},{id:`Flyer`,name:`Flyer`},{id:`Focus`,name:`Focus`},{id:`Folt`,name:`Folt`},{id:`Fongers`,name:`Fongers`},{id:`Formula`,name:`Formula`},{id:`Forza`,name:`Forza`},{id:`Frappé`,name:`Frappé`},{id:`Freebike`,name:`Freebike`},{id:`Freewheeler`,name:`Freewheeler`},{id:`Gazelle`,name:`Gazelle`},{id:`Ghost`,name:`Ghost`},{id:`Giant`,name:`Giant`},{id:`Gocycle`,name:`Gocycle`},{id:`Gogobest`,name:`Gogobest`},{id:`Granville`,name:`Granville`},{id:`Green's`,name:`Green's`},{id:`Grünberg`,name:`Grünberg`},{id:`GT`,name:`GT`},{id:`GTS`,name:`GTS`},{id:`Gudereit`,name:`Gudereit`},{id:`Hagen`,name:`Hagen`},{id:`Haibike`,name:`Haibike`},{id:`Hartje`,name:`Hartje`},{id:`Hase Bikes`,name:`Hase Bikes`},{id:`Hercules`,name:`Hercules`},{id:`Heybike`,name:`Heybike`},{id:`Himiway`,name:`Himiway`},{id:`Himo`,name:`Himo`},{id:`Hitway`,name:`Hitway`},{id:`HNF-Nicolai`,name:`HNF-Nicolai`},{id:`HoheAcht`,name:`HoheAcht`},{id:`Hollandia`,name:`Hollandia`},{id:`Honbike`,name:`Honbike`},{id:`Husqvarna`,name:`Husqvarna`},{id:`Huyser`,name:`Huyser`},{id:`i:SY`,name:`i:SY`},{id:`iCycle`,name:`iCycle`},{id:`Idpoo`,name:`Idpoo`},{id:`Idworx`,name:`Idworx`},{id:`iMove`,name:`iMove`},{id:`Jan Janssen`,name:`Jan Janssen`},{id:`Jobobike`,name:`Jobobike`},{id:`Johnny Loco`,name:`Johnny Loco`},{id:`Jongerius`,name:`Jongerius`},{id:`Jools`,name:`Jools`},{id:`Juno`,name:`Juno`},{id:`Kalkhoff`,name:`Kalkhoff`},{id:`Keewee`,name:`Keewee`},{id:`Keola`,name:`Keola`},{id:`Kettler`,name:`Kettler`},{id:`Klever`,name:`Klever`},{id:`Knaap`,name:`Knaap`},{id:`Koga`,name:`Koga`},{id:`Kona`,name:`Kona`},{id:`Koolux`,name:`Koolux`},{id:`Kreidler`,name:`Kreidler`},{id:`KTM`,name:`KTM`},{id:`Kuota`,name:`Kuota`},{id:`Kymco`,name:`Kymco`},{id:`La Souris`,name:`La Souris`},{id:`Lacros`,name:`Lacros`},{id:`Lapierre`,name:`Lapierre`},{id:`Le Velo`,name:`Le Velo`},{id:`Leader`,name:`Leader`},{id:`Leader Fox`,name:`Leader Fox`},{id:`Lekker Bikes`,name:`Lekker Bikes`},{id:`Lemmo`,name:`Lemmo`},{id:`Levante`,name:`Levante`},{id:`Levelo`,name:`Levelo`},{id:`Levit`,name:`Levit`},{id:`LIQBike`,name:`LIQBike`},{id:`Liv`,name:`Liv`},{id:`Livorno`,name:`Livorno`},{id:`Lopifit`,name:`Lopifit`},{id:`Lovens`,name:`Lovens`},{id:`Lowland`,name:`Lowland`},{id:`Lugano`,name:`Lugano`},{id:`Lumo`,name:`Lumo`},{id:`Marin`,name:`Marin`},{id:`Mate.bike`,name:`Mate.bike`},{id:`MATTS`,name:`MATTS`},{id:`MBM`,name:`MBM`},{id:`Merida`,name:`Merida`},{id:`Minerva`,name:`Minerva`},{id:`Moevs`,name:`Moevs`},{id:`Mokumono`,name:`Mokumono`},{id:`Mokwheel`,name:`Mokwheel`},{id:`Moma Bikes`,name:`Moma Bikes`},{id:`Momentum`,name:`Momentum`},{id:`Momo`,name:`Momo`},{id:`Moustache`,name:`Moustache`},{id:`Multicycle`,name:`Multicycle`},{id:`Muon`,name:`Muon`},{id:`Muto`,name:`Muto`},{id:`Nassau`,name:`Nassau`},{id:`NCM`,name:`NCM`},{id:`Nihola`,name:`Nihola`},{id:`Nijland`,name:`Nijland`},{id:`Nilox`,name:`Nilox`},{id:`Nogan`,name:`Nogan`},{id:`Noord`,name:`Noord`},{id:`Norta`,name:`Norta`},{id:`Okai`,name:`Okai`},{id:`Onebot`,name:`Onebot`},{id:`OneSport`,name:`OneSport`},{id:`Orbea`,name:`Orbea`},{id:`Ostrichoo`,name:`Ostrichoo`},{id:`Otto`,name:`Otto`},{id:`Ouxi`,name:`Ouxi`},{id:`Oxford`,name:`Oxford`},{id:`Pegasus`,name:`Pegasus`},{id:`Pelikaan`,name:`Pelikaan`},{id:`Phatfour`,name:`Phatfour`},{id:`Piaggio`,name:`Piaggio`},{id:`Pinarello`,name:`Pinarello`},{id:`Pointer`,name:`Pointer`},{id:`Popal`,name:`Popal`},{id:`Prophete`,name:`Prophete`},{id:`Puch`,name:`Puch`},{id:`Puky`,name:`Puky`},{id:`PVY`,name:`PVY`},{id:`QIO`,name:`QIO`},{id:`Qivelo`,name:`Qivelo`},{id:`QMWHEEL`,name:`QMWHEEL`},{id:`QWIC`,name:`QWIC`},{id:`Raaks`,name:`Raaks`},{id:`Rad Power Bikes`,name:`Rad Power Bikes`},{id:`Radon`,name:`Radon`},{id:`Raleigh`,name:`Raleigh`},{id:`Raymon`,name:`Raymon`},{id:`Reany`,name:`Reany`},{id:`Republic Dutch`,name:`Republic Dutch`},{id:`Ride Cycly`,name:`Ride Cycly`},{id:`Ridley`,name:`Ridley`},{id:`Riese & Müller`,name:`Riese & Müller`},{id:`RIH`,name:`RIH`},{id:`Rivel`,name:`Rivel`},{id:`Riverside`,name:`Riverside`},{id:`Rockrider`,name:`Rockrider`},{id:`Roetz`,name:`Roetz`},{id:`Romet`,name:`Romet`},{id:`Rose`,name:`Rose`},{id:`Roxx`,name:`Roxx`},{id:`Ruff Cycles`,name:`Ruff Cycles`},{id:`Sachs`,name:`Sachs`},{id:`Sachsenrad`,name:`Sachsenrad`},{id:`Samebike`,name:`Samebike`},{id:`Santos`,name:`Santos`},{id:`Scapin`,name:`Scapin`},{id:`Schindelhauer`,name:`Schindelhauer`},{id:`S'COOL`,name:`S'COOL`},{id:`Scott`,name:`Scott`},{id:`Scrapper`,name:`Scrapper`},{id:`Sensa`,name:`Sensa`},{id:`Serial 1`,name:`Serial 1`},{id:`Shinga`,name:`Shinga`},{id:`Sitgo`,name:`Sitgo`},{id:`Slider`,name:`Slider`},{id:`Soci.bike`,name:`Soci.bike`},{id:`Sparta`,name:`Sparta`},{id:`Specialized`,name:`Specialized`},{id:`Spiked`,name:`Spiked`},{id:`Spirit`,name:`Spirit`},{id:`Staerk`,name:`Staerk`},{id:`Static`,name:`Static`},{id:`Stella`,name:`Stella`},{id:`Stevens`,name:`Stevens`},{id:`Stoer`,name:`Stoer`},{id:`Stokvis`,name:`Stokvis`},{id:`Stromer`,name:`Stromer`},{id:`Suelo`,name:`Suelo`},{id:`Sundvall`,name:`Sundvall`},{id:`Super73`,name:`Super73`},{id:`Superior`,name:`Superior`},{id:`Sushi Bike`,name:`Sushi Bike`},{id:`Switzz`,name:`Switzz`},{id:`Tamobyke`,name:`Tamobyke`},{id:`Telefunken`,name:`Telefunken`},{id:`Tenways`,name:`Tenways`},{id:`Tern`,name:`Tern`},{id:`Thompson`,name:`Thompson`},{id:`Tomos`,name:`Tomos`},{id:`Toscane`,name:`Toscane`},{id:`Totem`,name:`Totem`},{id:`Touroll`,name:`Touroll`},{id:`Tout Terrain`,name:`Tout Terrain`},{id:`Trek`,name:`Trek`},{id:`Trenergy`,name:`Trenergy`},{id:`Tretwerk`,name:`Tretwerk`},{id:`Triban`,name:`Triban`},{id:`Troy`,name:`Troy`},{id:`Umit`,name:`Umit`},{id:`Union`,name:`Union`},{id:`Urban Arrow`,name:`Urban Arrow`},{id:`UrbanBiker`,name:`UrbanBiker`},{id:`Urtopia`,name:`Urtopia`},{id:`Valenti`,name:`Valenti`},{id:`Van Raam`,name:`Van Raam`},{id:`Van Tuyl`,name:`Van Tuyl`},{id:`VanDijck`,name:`VanDijck`},{id:`VanMoof`,name:`VanMoof`},{id:`V-Bike`,name:`V-Bike`},{id:`Veldia`,name:`Veldia`},{id:`Velo de Ville`,name:`Velo de Ville`},{id:`Veloci`,name:`Veloci`},{id:`Veloe`,name:`Veloe`},{id:`Veloretti`,name:`Veloretti`},{id:`Verdoes`,name:`Verdoes`},{id:`Vesper`,name:`Vesper`},{id:`Victesse`,name:`Victesse`},{id:`Victoria`,name:`Victoria`},{id:`Villette`,name:`Villette`},{id:`Vintage Cruiser`,name:`Vintage Cruiser`},{id:`VMG`,name:`VMG`},{id:`Vogue Bike`,name:`Vogue Bike`},{id:`Volta`,name:`Volta`},{id:`Voltaire`,name:`Voltaire`},{id:`Votani`,name:`Votani`},{id:`VSF Fahrradmanufaktur`,name:`VSF Fahrradmanufaktur`},{id:`Vyber`,name:`Vyber`},{id:`WATT`,name:`WATT`},{id:`Wayscral`,name:`Wayscral`},{id:`Wellington`,name:`Wellington`},{id:`Wilier`,name:`Wilier`},{id:`Windgoo`,name:`Windgoo`},{id:`Winora`,name:`Winora`},{id:`Winther`,name:`Winther`},{id:`Woom`,name:`Woom`},{id:`Xiaomi`,name:`Xiaomi`},{id:`X-Tract`,name:`X-Tract`},{id:`Yamaha`,name:`Yamaha`},{id:`Zemo`,name:`Zemo`},{id:`Zündapp`,name:`Zündapp`}],BikeForm_default=defineComponent({__name:`BikeForm`,props:mergeDefaults({initialData:{},title:{},description:{},banner:{},layout:{},card:{type:Boolean},flat:{type:Boolean},fullWidth:{type:Boolean},submitLabel:{},submitDisabled:{type:Boolean}},{...comparisonFormSharedDefaults,title:`Fietsverzekering vergelijken`}),emits:[`submit`],setup(__props,{emit:__emit}){let props=__props,baseFormProps=useComparisonFormProps(props),emit=__emit,{isSubmitting,handleSubmit,defineField,resetField}=useValidator(bikeFormSchema,{kind:props.initialData?.kind??null,condition:props.initialData?.condition??1,price:props.initialData?.price??``,brand:props.initialData?.brand??``}),[kind,kindAttrs,kindError]=defineField(`kind`,{validateAt:`change`}),[brand,brandAttrs,brandError]=defineField(`brand`,{validateAt:`change`}),[condition,conditionAttrs,conditionError]=defineField(`condition`),[price,priceAttrs,priceError]=defineField(`price`),isEBike=computed(()=>EBikes.includes(Number(kind.value)));watch(kind,value=>{EBikes.includes(Number(value))||resetField(`brand`,{value:``})},{immediate:!0});function onSubmit(){handleSubmit(validFormData=>{emit(`submit`,{...validFormData})})}return(_ctx,_cache)=>(openBlock(),createBlock(unref(VdComparisonForm_default),mergeProps(unref(baseFormProps),{"submit-disabled":__props.submitDisabled||unref(isSubmitting),onSubmit}),{default:withCtx(()=>[createVNode(unref(VdFormCol_default),{span:isEBike.value?2:4,md:`6`},{default:withCtx(()=>[createVNode(unref(VdSelect_default),mergeProps({modelValue:unref(kind),"onUpdate:modelValue":_cache[0]||=$event=>isRef(kind)?kind.value=$event:null,modelModifiers:{number:!0},label:`Soort fiets`,options:unref(bikeKinds_model_default),name:`kind`,required:!1,"error-message":unref(kindError)},unref(kindAttrs)),null,16,[`modelValue`,`options`,`error-message`])]),_:1},8,[`span`]),isEBike.value?(openBlock(),createBlock(unref(VdFormCol_default),{key:0,span:`2`,md:`6`},{default:withCtx(()=>[createVNode(unref(VdSearchableSelect_default),mergeProps({modelValue:unref(brand),"onUpdate:modelValue":_cache[1]||=$event=>isRef(brand)?brand.value=$event:null,label:`Merk fiets`,placeholder:`Typ of kies je merk`,options:unref(bikeBrands_model_default),"label-key":`name`,"value-key":`id`,name:`brand`,required:!1,"error-message":unref(brandError)},unref(brandAttrs)),null,16,[`modelValue`,`options`,`error-message`])]),_:1})):createCommentVNode(``,!0),createVNode(unref(VdFormCol_default),{span:`4`,md:`6`},{default:withCtx(()=>[createVNode(unref(VdRadioGroup_default),mergeProps({modelValue:unref(condition),"onUpdate:modelValue":_cache[2]||=$event=>isRef(condition)?condition.value=$event:null,legend:`Gekocht als`,name:`condition`,options:unref(bikeConditions_model_default),variant:`boxed`,required:!1,"error-message":unref(conditionError)},unref(conditionAttrs)),null,16,[`modelValue`,`options`,`error-message`])]),_:1}),createVNode(unref(VdFormCol_default),{span:`2`,md:`6`},{default:withCtx(()=>[createVNode(unref(VdInput_default),mergeProps({modelValue:unref(price),"onUpdate:modelValue":_cache[3]||=$event=>isRef(price)?price.value=$event:null,label:`Aankoopprijs`,placeholder:`bv. 1 000`,icon:`far fa-euro-sign`,name:`price`,mask:`#####`,required:!1,"error-message":unref(priceError)},unref(priceAttrs)),null,16,[`modelValue`,`error-message`])]),_:1})]),_:1},16,[`submit-disabled`]))}});customElements.define(`vd-bike-form`,defineCustomElement(BikeForm_default,{shadowRoot:!1}));
|
|
1
|
+
import{VdComparisonForm_default,VdFormCol_default,comparisonFormSharedDefaults,computed,create$3,create$6,createBlock,createCommentVNode,createVNode,defineComponent,defineCustomElement,isRef,mergeDefaults,mergeProps,openBlock,unref,useComparisonFormProps,useValidator,watch,withCtx}from"./useValidator-i4hsDLG4.js";import{VdSearchableSelect_default}from"./VdSearchableSelect-WCZ_fmSu.js";import{VdInput_default}from"./VdInput-ByupXLnL.js";import{VdSelect_default}from"./VdSelect-CoIbpl6o.js";import{VdRadioGroup_default}from"./VdRadioGroup-DrZBkeSB.js";import{VALIDATION_MESSAGES}from"./messages-Da6go1uu.js";import{requiredNumber}from"./rules-I6gvAZk7.js";var EBikes=[1,7],RACE_OR_MTB=[3,4],PRICE_LIMIT={raceOrMtb:15e3,default:9999},maxPriceTest=(schema,max)=>schema.test(`max-value`,VALIDATION_MESSAGES.bike.priceMax(max),value=>{let amount=Number(value);return Number.isNaN(amount)||amount<=max}),bikeFormSchema=create$3({kind:requiredNumber(VALIDATION_MESSAGES.bike.kindRequired),condition:requiredNumber(VALIDATION_MESSAGES.bike.conditionRequired),price:create$6().required(VALIDATION_MESSAGES.bike.priceRequired).when(`kind`,{is:kind=>RACE_OR_MTB.includes(Number(kind)),then:schema=>maxPriceTest(schema,PRICE_LIMIT.raceOrMtb),otherwise:schema=>maxPriceTest(schema,PRICE_LIMIT.default)}),brand:create$6().when(`kind`,{is:kind=>EBikes.includes(Number(kind)),then:schema=>schema.required(VALIDATION_MESSAGES.bike.brandRequired)})}),bikeKinds_model_default=[{value:4,title:`ATB / Mountainbike`,name:`Mountainbike`,isEBike:!1},{value:7,title:`Elektrische bakfiets`,name:`Elektrische bakfiets`,isEBike:!0},{value:8,title:`Elektrische ATB / mountainbike`,name:`Elektrische ATB / mountainbike`,isEBike:!0},{value:1,title:`E-Bike`,name:`E-Bike`,isEBike:!0},{value:12,title:`Fatbike`,name:`Fatbike`,isEBike:!0},{value:2,title:`Fiets`,name:`Fiets`,isEBike:!1},{value:5,title:`Ligfiets`,name:`Ligfiets`,isEBike:!1},{value:9,title:`Kinderfiets`,name:`Kinderfiets`,isEBike:!1},{value:3,title:`Racefiets`,name:`Racefiets`,isEBike:!1},{value:11,title:`Tandem`,name:`Tandem`,isEBike:!1},{value:10,title:`Vouwfiets`,name:`Vouwfiets`,isEBike:!1}],bikeConditions_model_default=[{value:1,label:`Nieuw`},{value:0,label:`Tweedehands`}],bikeBrands_model_default=[{id:`Ander merk`,name:`Ander merk`},{id:`Acer`,name:`Acer`},{id:`Achielle`,name:`Achielle`},{id:`ADO (A Dece Oasis)`,name:`ADO (A Dece Oasis)`},{id:`Advanced`,name:`Advanced`},{id:`AGM`,name:`AGM`},{id:`Alba`,name:`Alba`},{id:`Aldo`,name:`Aldo`},{id:`Alpina`,name:`Alpina`},{id:`Altec`,name:`Altec`},{id:`Amigo`,name:`Amigo`},{id:`Ampler`,name:`Ampler`},{id:`Amslod`,name:`Amslod`},{id:`Antilope`,name:`Antilope`},{id:`Anyway`,name:`Anyway`},{id:`Astonic`,name:`Astonic`},{id:`Avalon`,name:`Avalon`},{id:`Avant`,name:`Avant`},{id:`Avon`,name:`Avon`},{id:`Azor`,name:`Azor`},{id:`B'twin`,name:`B'twin`},{id:`Babboe`,name:`Babboe`},{id:`Bakfiets.nl`,name:`Bakfiets.nl`},{id:`Batavus`,name:`Batavus`},{id:`Bayck`,name:`Bayck`},{id:`Baysigri`,name:`Baysigri`},{id:`Beaufort`,name:`Beaufort`},{id:`BEEQ`,name:`BEEQ`},{id:`Beixo`,name:`Beixo`},{id:`Benno`,name:`Benno`},{id:`BeOne`,name:`BeOne`},{id:`Bergamont`,name:`Bergamont`},{id:`BESV`,name:`BESV`},{id:`BH Bikes`,name:`BH Bikes`},{id:`Bianchi`,name:`Bianchi`},{id:`Bigway`,name:`Bigway`},{id:`Bike43`,name:`Bike43`},{id:`BikeFun`,name:`BikeFun`},{id:`Bikkel`,name:`Bikkel`},{id:`Bimas`,name:`Bimas`},{id:`BirdBike`,name:`BirdBike`},{id:`biXbi`,name:`biXbi`},{id:`Bizobike`,name:`Bizobike`},{id:`BMC`,name:`BMC`},{id:`Bohlt`,name:`Bohlt`},{id:`Bombtrack`,name:`Bombtrack`},{id:`Booda Bike`,name:`Booda Bike`},{id:`Breezer`,name:`Breezer`},{id:`BREKR`,name:`BREKR`},{id:`Brennabor`,name:`Brennabor`},{id:`Brinckers`,name:`Brinckers`},{id:`Brompton`,name:`Brompton`},{id:`BSP`,name:`BSP`},{id:`Bulls`,name:`Bulls`},{id:`Burgers`,name:`Burgers`},{id:`Butchers & Bicycles`,name:`Butchers & Bicycles`},{id:`Button Cycle`,name:`Button Cycle`},{id:`BZEN`,name:`BZEN`},{id:`Cangoo`,name:`Cangoo`},{id:`Cannondale`,name:`Cannondale`},{id:`Canyon`,name:`Canyon`},{id:`Capri Bikes`,name:`Capri Bikes`},{id:`Carqon`,name:`Carqon`},{id:`Cervélo`,name:`Cervélo`},{id:`Chrisson`,name:`Chrisson`},{id:`Cloot`,name:`Cloot`},{id:`Coast Cruiser`,name:`Coast Cruiser`},{id:`Colorado`,name:`Colorado`},{id:`Colorway`,name:`Colorway`},{id:`Comate`,name:`Comate`},{id:`Conway`,name:`Conway`},{id:`Corelli`,name:`Corelli`},{id:`Cortina`,name:`Cortina`},{id:`Cowboy`,name:`Cowboy`},{id:`Creme Cycles`,name:`Creme Cycles`},{id:`Crivit`,name:`Crivit`},{id:`Crossboss`,name:`Crossboss`},{id:`Crown`,name:`Crown`},{id:`Crussis`,name:`Crussis`},{id:`Cube`,name:`Cube`},{id:`Damsko`,name:`Damsko`},{id:`Decatt`,name:`Decatt`},{id:`Denver`,name:`Denver`},{id:`Deruiz`,name:`Deruiz`},{id:`Desiknio`,name:`Desiknio`},{id:`Devron`,name:`Devron`},{id:`Diablo`,name:`Diablo`},{id:`Diamant`,name:`Diamant`},{id:`DiD`,name:`DiD`},{id:`Dolan`,name:`Dolan`},{id:`Dolly`,name:`Dolly`},{id:`Don Souris`,name:`Don Souris`},{id:`Doppio`,name:`Doppio`},{id:`Dutch ID`,name:`Dutch ID`},{id:`Dymand`,name:`Dymand`},{id:`DYU`,name:`DYU`},{id:`E-4motion`,name:`E-4motion`},{id:`Ebike Das Original`,name:`Ebike Das Original`},{id:`Ecobike`,name:`Ecobike`},{id:`e-cult`,name:`e-cult`},{id:`Ednine`,name:`Ednine`},{id:`Eightshot`,name:`Eightshot`},{id:`Electra`,name:`Electra`},{id:`Eleglide`,name:`Eleglide`},{id:`Elekgo`,name:`Elekgo`},{id:`Elops`,name:`Elops`},{id:`Emoove`,name:`Emoove`},{id:`EMQ`,name:`EMQ`},{id:`Engwe`,name:`Engwe`},{id:`E-Novation`,name:`E-Novation`},{id:`Eovolt`,name:`Eovolt`},{id:`Eskute`,name:`Eskute`},{id:`Esmaster`,name:`Esmaster`},{id:`e-strong`,name:`e-strong`},{id:`Excelsior`,name:`Excelsior`},{id:`Factor`,name:`Factor`},{id:`Fafrees`,name:`Fafrees`},{id:`Falter`,name:`Falter`},{id:`Felt`,name:`Felt`},{id:`Fiido`,name:`Fiido`},{id:`Fiore`,name:`Fiore`},{id:`Fischer`,name:`Fischer`},{id:`Flyer`,name:`Flyer`},{id:`Focus`,name:`Focus`},{id:`Folt`,name:`Folt`},{id:`Fongers`,name:`Fongers`},{id:`Formula`,name:`Formula`},{id:`Forza`,name:`Forza`},{id:`Frappé`,name:`Frappé`},{id:`Freebike`,name:`Freebike`},{id:`Freewheeler`,name:`Freewheeler`},{id:`Gazelle`,name:`Gazelle`},{id:`Ghost`,name:`Ghost`},{id:`Giant`,name:`Giant`},{id:`Gocycle`,name:`Gocycle`},{id:`Gogobest`,name:`Gogobest`},{id:`Granville`,name:`Granville`},{id:`Green's`,name:`Green's`},{id:`Grünberg`,name:`Grünberg`},{id:`GT`,name:`GT`},{id:`GTS`,name:`GTS`},{id:`Gudereit`,name:`Gudereit`},{id:`Hagen`,name:`Hagen`},{id:`Haibike`,name:`Haibike`},{id:`Hartje`,name:`Hartje`},{id:`Hase Bikes`,name:`Hase Bikes`},{id:`Hercules`,name:`Hercules`},{id:`Heybike`,name:`Heybike`},{id:`Himiway`,name:`Himiway`},{id:`Himo`,name:`Himo`},{id:`Hitway`,name:`Hitway`},{id:`HNF-Nicolai`,name:`HNF-Nicolai`},{id:`HoheAcht`,name:`HoheAcht`},{id:`Hollandia`,name:`Hollandia`},{id:`Honbike`,name:`Honbike`},{id:`Husqvarna`,name:`Husqvarna`},{id:`Huyser`,name:`Huyser`},{id:`i:SY`,name:`i:SY`},{id:`iCycle`,name:`iCycle`},{id:`Idpoo`,name:`Idpoo`},{id:`Idworx`,name:`Idworx`},{id:`iMove`,name:`iMove`},{id:`Jan Janssen`,name:`Jan Janssen`},{id:`Jobobike`,name:`Jobobike`},{id:`Johnny Loco`,name:`Johnny Loco`},{id:`Jongerius`,name:`Jongerius`},{id:`Jools`,name:`Jools`},{id:`Juno`,name:`Juno`},{id:`Kalkhoff`,name:`Kalkhoff`},{id:`Keewee`,name:`Keewee`},{id:`Keola`,name:`Keola`},{id:`Kettler`,name:`Kettler`},{id:`Klever`,name:`Klever`},{id:`Knaap`,name:`Knaap`},{id:`Koga`,name:`Koga`},{id:`Kona`,name:`Kona`},{id:`Koolux`,name:`Koolux`},{id:`Kreidler`,name:`Kreidler`},{id:`KTM`,name:`KTM`},{id:`Kuota`,name:`Kuota`},{id:`Kymco`,name:`Kymco`},{id:`La Souris`,name:`La Souris`},{id:`Lacros`,name:`Lacros`},{id:`Lapierre`,name:`Lapierre`},{id:`Le Velo`,name:`Le Velo`},{id:`Leader`,name:`Leader`},{id:`Leader Fox`,name:`Leader Fox`},{id:`Lekker Bikes`,name:`Lekker Bikes`},{id:`Lemmo`,name:`Lemmo`},{id:`Levante`,name:`Levante`},{id:`Levelo`,name:`Levelo`},{id:`Levit`,name:`Levit`},{id:`LIQBike`,name:`LIQBike`},{id:`Liv`,name:`Liv`},{id:`Livorno`,name:`Livorno`},{id:`Lopifit`,name:`Lopifit`},{id:`Lovens`,name:`Lovens`},{id:`Lowland`,name:`Lowland`},{id:`Lugano`,name:`Lugano`},{id:`Lumo`,name:`Lumo`},{id:`Marin`,name:`Marin`},{id:`Mate.bike`,name:`Mate.bike`},{id:`MATTS`,name:`MATTS`},{id:`MBM`,name:`MBM`},{id:`Merida`,name:`Merida`},{id:`Minerva`,name:`Minerva`},{id:`Moevs`,name:`Moevs`},{id:`Mokumono`,name:`Mokumono`},{id:`Mokwheel`,name:`Mokwheel`},{id:`Moma Bikes`,name:`Moma Bikes`},{id:`Momentum`,name:`Momentum`},{id:`Momo`,name:`Momo`},{id:`Moustache`,name:`Moustache`},{id:`Multicycle`,name:`Multicycle`},{id:`Muon`,name:`Muon`},{id:`Muto`,name:`Muto`},{id:`Nassau`,name:`Nassau`},{id:`NCM`,name:`NCM`},{id:`Nihola`,name:`Nihola`},{id:`Nijland`,name:`Nijland`},{id:`Nilox`,name:`Nilox`},{id:`Nogan`,name:`Nogan`},{id:`Noord`,name:`Noord`},{id:`Norta`,name:`Norta`},{id:`Okai`,name:`Okai`},{id:`Onebot`,name:`Onebot`},{id:`OneSport`,name:`OneSport`},{id:`Orbea`,name:`Orbea`},{id:`Ostrichoo`,name:`Ostrichoo`},{id:`Otto`,name:`Otto`},{id:`Ouxi`,name:`Ouxi`},{id:`Oxford`,name:`Oxford`},{id:`Pegasus`,name:`Pegasus`},{id:`Pelikaan`,name:`Pelikaan`},{id:`Phatfour`,name:`Phatfour`},{id:`Piaggio`,name:`Piaggio`},{id:`Pinarello`,name:`Pinarello`},{id:`Pointer`,name:`Pointer`},{id:`Popal`,name:`Popal`},{id:`Prophete`,name:`Prophete`},{id:`Puch`,name:`Puch`},{id:`Puky`,name:`Puky`},{id:`PVY`,name:`PVY`},{id:`QIO`,name:`QIO`},{id:`Qivelo`,name:`Qivelo`},{id:`QMWHEEL`,name:`QMWHEEL`},{id:`QWIC`,name:`QWIC`},{id:`Raaks`,name:`Raaks`},{id:`Rad Power Bikes`,name:`Rad Power Bikes`},{id:`Radon`,name:`Radon`},{id:`Raleigh`,name:`Raleigh`},{id:`Raymon`,name:`Raymon`},{id:`Reany`,name:`Reany`},{id:`Republic Dutch`,name:`Republic Dutch`},{id:`Ride Cycly`,name:`Ride Cycly`},{id:`Ridley`,name:`Ridley`},{id:`Riese & Müller`,name:`Riese & Müller`},{id:`RIH`,name:`RIH`},{id:`Rivel`,name:`Rivel`},{id:`Riverside`,name:`Riverside`},{id:`Rockrider`,name:`Rockrider`},{id:`Roetz`,name:`Roetz`},{id:`Romet`,name:`Romet`},{id:`Rose`,name:`Rose`},{id:`Roxx`,name:`Roxx`},{id:`Ruff Cycles`,name:`Ruff Cycles`},{id:`Sachs`,name:`Sachs`},{id:`Sachsenrad`,name:`Sachsenrad`},{id:`Samebike`,name:`Samebike`},{id:`Santos`,name:`Santos`},{id:`Scapin`,name:`Scapin`},{id:`Schindelhauer`,name:`Schindelhauer`},{id:`S'COOL`,name:`S'COOL`},{id:`Scott`,name:`Scott`},{id:`Scrapper`,name:`Scrapper`},{id:`Sensa`,name:`Sensa`},{id:`Serial 1`,name:`Serial 1`},{id:`Shinga`,name:`Shinga`},{id:`Sitgo`,name:`Sitgo`},{id:`Slider`,name:`Slider`},{id:`Soci.bike`,name:`Soci.bike`},{id:`Sparta`,name:`Sparta`},{id:`Specialized`,name:`Specialized`},{id:`Spiked`,name:`Spiked`},{id:`Spirit`,name:`Spirit`},{id:`Staerk`,name:`Staerk`},{id:`Static`,name:`Static`},{id:`Stella`,name:`Stella`},{id:`Stevens`,name:`Stevens`},{id:`Stoer`,name:`Stoer`},{id:`Stokvis`,name:`Stokvis`},{id:`Stromer`,name:`Stromer`},{id:`Suelo`,name:`Suelo`},{id:`Sundvall`,name:`Sundvall`},{id:`Super73`,name:`Super73`},{id:`Superior`,name:`Superior`},{id:`Sushi Bike`,name:`Sushi Bike`},{id:`Switzz`,name:`Switzz`},{id:`Tamobyke`,name:`Tamobyke`},{id:`Telefunken`,name:`Telefunken`},{id:`Tenways`,name:`Tenways`},{id:`Tern`,name:`Tern`},{id:`Thompson`,name:`Thompson`},{id:`Tomos`,name:`Tomos`},{id:`Toscane`,name:`Toscane`},{id:`Totem`,name:`Totem`},{id:`Touroll`,name:`Touroll`},{id:`Tout Terrain`,name:`Tout Terrain`},{id:`Trek`,name:`Trek`},{id:`Trenergy`,name:`Trenergy`},{id:`Tretwerk`,name:`Tretwerk`},{id:`Triban`,name:`Triban`},{id:`Troy`,name:`Troy`},{id:`Umit`,name:`Umit`},{id:`Union`,name:`Union`},{id:`Urban Arrow`,name:`Urban Arrow`},{id:`UrbanBiker`,name:`UrbanBiker`},{id:`Urtopia`,name:`Urtopia`},{id:`Valenti`,name:`Valenti`},{id:`Van Raam`,name:`Van Raam`},{id:`Van Tuyl`,name:`Van Tuyl`},{id:`VanDijck`,name:`VanDijck`},{id:`VanMoof`,name:`VanMoof`},{id:`V-Bike`,name:`V-Bike`},{id:`Veldia`,name:`Veldia`},{id:`Velo de Ville`,name:`Velo de Ville`},{id:`Veloci`,name:`Veloci`},{id:`Veloe`,name:`Veloe`},{id:`Veloretti`,name:`Veloretti`},{id:`Verdoes`,name:`Verdoes`},{id:`Vesper`,name:`Vesper`},{id:`Victesse`,name:`Victesse`},{id:`Victoria`,name:`Victoria`},{id:`Villette`,name:`Villette`},{id:`Vintage Cruiser`,name:`Vintage Cruiser`},{id:`VMG`,name:`VMG`},{id:`Vogue Bike`,name:`Vogue Bike`},{id:`Volta`,name:`Volta`},{id:`Voltaire`,name:`Voltaire`},{id:`Votani`,name:`Votani`},{id:`VSF Fahrradmanufaktur`,name:`VSF Fahrradmanufaktur`},{id:`Vyber`,name:`Vyber`},{id:`WATT`,name:`WATT`},{id:`Wayscral`,name:`Wayscral`},{id:`Wellington`,name:`Wellington`},{id:`Wilier`,name:`Wilier`},{id:`Windgoo`,name:`Windgoo`},{id:`Winora`,name:`Winora`},{id:`Winther`,name:`Winther`},{id:`Woom`,name:`Woom`},{id:`Xiaomi`,name:`Xiaomi`},{id:`X-Tract`,name:`X-Tract`},{id:`Yamaha`,name:`Yamaha`},{id:`Zemo`,name:`Zemo`},{id:`Zündapp`,name:`Zündapp`}],BikeForm_default=defineComponent({__name:`BikeForm`,props:mergeDefaults({initialData:{},title:{},description:{},banner:{},layout:{},card:{type:Boolean},flat:{type:Boolean},fullWidth:{type:Boolean},submitLabel:{},submitDisabled:{type:Boolean}},{...comparisonFormSharedDefaults,title:`Fietsverzekering vergelijken`}),emits:[`submitted`],setup(__props,{emit:__emit}){let props=__props,baseFormProps=useComparisonFormProps(props),emit=__emit,{isSubmitting,handleSubmit,defineField,resetField}=useValidator(bikeFormSchema,{kind:props.initialData?.kind??null,condition:props.initialData?.condition??1,price:props.initialData?.price??``,brand:props.initialData?.brand??``}),[kind,kindAttrs,kindError]=defineField(`kind`,{validateAt:`change`}),[brand,brandAttrs,brandError]=defineField(`brand`,{validateAt:`change`}),[condition,conditionAttrs,conditionError]=defineField(`condition`),[price,priceAttrs,priceError]=defineField(`price`),isEBike=computed(()=>EBikes.includes(Number(kind.value)));watch(kind,value=>{EBikes.includes(Number(value))||resetField(`brand`,{value:``})},{immediate:!0});function onSubmit(){handleSubmit(validFormData=>{emit(`submitted`,{...validFormData})})}return(_ctx,_cache)=>(openBlock(),createBlock(unref(VdComparisonForm_default),mergeProps(unref(baseFormProps),{"submit-disabled":__props.submitDisabled||unref(isSubmitting),onSubmit}),{default:withCtx(()=>[createVNode(unref(VdFormCol_default),{span:isEBike.value?2:4,md:`6`},{default:withCtx(()=>[createVNode(unref(VdSelect_default),mergeProps({modelValue:unref(kind),"onUpdate:modelValue":_cache[0]||=$event=>isRef(kind)?kind.value=$event:null,modelModifiers:{number:!0},label:`Soort fiets`,options:unref(bikeKinds_model_default),name:`kind`,required:!1,"error-message":unref(kindError)},unref(kindAttrs)),null,16,[`modelValue`,`options`,`error-message`])]),_:1},8,[`span`]),isEBike.value?(openBlock(),createBlock(unref(VdFormCol_default),{key:0,span:`2`,md:`6`},{default:withCtx(()=>[createVNode(unref(VdSearchableSelect_default),mergeProps({modelValue:unref(brand),"onUpdate:modelValue":_cache[1]||=$event=>isRef(brand)?brand.value=$event:null,label:`Merk fiets`,placeholder:`Typ of kies je merk`,options:unref(bikeBrands_model_default),"label-key":`name`,"value-key":`id`,name:`brand`,required:!1,"error-message":unref(brandError)},unref(brandAttrs)),null,16,[`modelValue`,`options`,`error-message`])]),_:1})):createCommentVNode(``,!0),createVNode(unref(VdFormCol_default),{span:`4`,md:`6`},{default:withCtx(()=>[createVNode(unref(VdRadioGroup_default),mergeProps({modelValue:unref(condition),"onUpdate:modelValue":_cache[2]||=$event=>isRef(condition)?condition.value=$event:null,legend:`Gekocht als`,name:`condition`,options:unref(bikeConditions_model_default),variant:`boxed`,required:!1,"error-message":unref(conditionError)},unref(conditionAttrs)),null,16,[`modelValue`,`options`,`error-message`])]),_:1}),createVNode(unref(VdFormCol_default),{span:`2`,md:`6`},{default:withCtx(()=>[createVNode(unref(VdInput_default),mergeProps({modelValue:unref(price),"onUpdate:modelValue":_cache[3]||=$event=>isRef(price)?price.value=$event:null,label:`Aankoopprijs`,placeholder:`bv. 1 000`,icon:`far fa-euro-sign`,name:`price`,mask:`#####`,required:!1,"error-message":unref(priceError)},unref(priceAttrs)),null,16,[`modelValue`,`error-message`])]),_:1})]),_:1},16,[`submit-disabled`]))}});customElements.define(`vd-bike-form`,defineCustomElement(BikeForm_default,{shadowRoot:!1}));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import"./rolldown-runtime-Bm1jhNxk.js";import{create$6,createBlock,createSlots,defineComponent,mergeModels,mergeProps,openBlock,renderSlot,unref,useModel,useSlots,withCtx}from"./useValidator-
|
|
1
|
+
import"./rolldown-runtime-Bm1jhNxk.js";import{create$6,createBlock,createSlots,defineComponent,mergeModels,mergeProps,openBlock,renderSlot,unref,useModel,useSlots,withCtx}from"./useValidator-i4hsDLG4.js";import{VdInput_default}from"./VdInput-ByupXLnL.js";import{birthdateWindow,parseDate,require_dayjs_min}from"./date.util-Dn_Fq_ZZ.js";import{VALIDATION_MESSAGES}from"./messages-Da6go1uu.js";var VdBirthdateInput_default=defineComponent({inheritAttrs:!1,__name:`VdBirthdateInput`,props:mergeModels({label:{default:`Geboortedatum`},placeholder:{default:`DD-MM-JJJJ`},name:{default:`birthdate`},mask:{default:`##-##-####`},required:{type:Boolean,default:!1}},{modelValue:{required:!0},modelModifiers:{}}),emits:[`update:modelValue`],setup(__props){let slots=useSlots(),model=useModel(__props,`modelValue`);return(_ctx,_cache)=>(openBlock(),createBlock(VdInput_default,mergeProps({modelValue:model.value,"onUpdate:modelValue":_cache[0]||=$event=>model.value=$event,label:__props.label,placeholder:__props.placeholder,name:__props.name,mask:__props.mask,required:__props.required,inputmode:`numeric`},_ctx.$attrs),createSlots({_:2},[unref(slots).popover?{name:`popover`,fn:withCtx(()=>[renderSlot(_ctx.$slots,`popover`)]),key:`0`}:void 0]),1040,[`modelValue`,`label`,`placeholder`,`name`,`mask`,`required`]))}}),AGE_RANGE={min:18,max:99},DATE_TYPE_DDMMYYYY=`DD-MM-YYYY`;require_dayjs_min();function createBirthdateRangeTest(bounds,messages,name=`ageRange`){return{name,test(value,ctx){let birthdate=parseDate(value,DATE_TYPE_DDMMYYYY);if(!birthdate)return!0;let{today,earliest,latest}=birthdateWindow(bounds.min,bounds.max),edges={earliest,latest};return messages.future&&birthdate.isAfter(today,`day`)?ctx.createError({message:messages.future(edges)}):birthdate.isAfter(latest,`day`)?ctx.createError({message:messages.tooYoung(edges)}):!birthdate.isBefore(earliest,`day`)||ctx.createError({message:messages.tooOld(edges)})}}}function dateFormatTest(value){return parseDate(value,DATE_TYPE_DDMMYYYY)!==null}function createBirthdateSchema(ageRange=AGE_RANGE){return create$6().required(VALIDATION_MESSAGES.birthdate.required).test(`date_format`,VALIDATION_MESSAGES.birthdate.dateFormat,dateFormatTest).test(createBirthdateRangeTest({min:{value:ageRange.min,unit:`year`},max:{value:ageRange.max,unit:`year`}},{tooYoung:()=>VALIDATION_MESSAGES.birthdate.tooYoung(ageRange.min),tooOld:()=>VALIDATION_MESSAGES.birthdate.tooOld(ageRange.max)}))}export{DATE_TYPE_DDMMYYYY,VdBirthdateInput_default,createBirthdateRangeTest,createBirthdateSchema,dateFormatTest};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{VdComparisonForm_default,VdFormCol_default,comparisonFormSharedDefaults,computed,create$3,createBlock,createCommentVNode,createVNode,defineComponent,defineCustomElement,isRef,mergeDefaults,mergeProps,openBlock,unref,useComparisonFormProps,useValidator,withCtx}from"./useValidator-
|
|
1
|
+
import{VdComparisonForm_default,VdFormCol_default,comparisonFormSharedDefaults,computed,create$3,createBlock,createCommentVNode,createVNode,defineComponent,defineCustomElement,isRef,mergeDefaults,mergeProps,openBlock,unref,useComparisonFormProps,useValidator,withCtx}from"./useValidator-i4hsDLG4.js";import{VdCompanySelect_default,VdNotification_default,companySchema}from"./company.schema-Ck__hYWi.js";import{VdPopover_default}from"./VdPopover-BSX4-53B.js";import{ComparisonName,VdLicensePlate_default,useLicensePlate}from"./useLicensePlate-3mDMfh1T.js";var createBusinessCarFormSchema=licensePlateSchema=>create$3({licensePlate:licensePlateSchema,company:companySchema()}),BusinessCarForm_default=defineComponent({__name:`BusinessCarForm`,props:mergeDefaults({initialData:{},title:{},description:{},banner:{},layout:{},card:{type:Boolean},flat:{type:Boolean},fullWidth:{type:Boolean},submitLabel:{},submitDisabled:{type:Boolean}},{...comparisonFormSharedDefaults,title:`Zakelijke autoverzekering vergelijken`}),emits:[`submitted`],setup(__props,{emit:__emit}){let props=__props,baseFormProps=useComparisonFormProps(props),emit=__emit,{vehicleData,licensePlateSchema}=useLicensePlate(ComparisonName.Car,{initialData:props.initialData?.vehicle??void 0}),{isSubmitting,handleSubmit,defineField,setErrors,removeError}=useValidator(createBusinessCarFormSchema(licensePlateSchema),{licensePlate:props.initialData?.licensePlate??``,company:props.initialData?.company??null}),[licensePlate,licensePlateAttrs,licensePlateError,licensePlateMeta]=defineField(`licensePlate`),[company,companyAttrs,companyError]=defineField(`company`),onCompanyError=message=>message?setErrors({company:message}):removeError(`company`),showAddressWarning=computed(()=>!!company.value&&!company.value.hasVisitingAddress);function onSubmit(){handleSubmit(({licensePlate,company})=>{emit(`submitted`,{licensePlate,company,vehicle:vehicleData.value})})}return(_ctx,_cache)=>(openBlock(),createBlock(unref(VdComparisonForm_default),mergeProps(unref(baseFormProps),{"submit-disabled":__props.submitDisabled||unref(isSubmitting)||showAddressWarning.value,onSubmit}),{default:withCtx(()=>[createVNode(unref(VdFormCol_default),{span:`5`,md:`6`},{default:withCtx(()=>[createVNode(unref(VdLicensePlate_default),mergeProps({modelValue:unref(licensePlate),"onUpdate:modelValue":_cache[0]||=$event=>isRef(licensePlate)?licensePlate.value=$event:null,"vehicle-data":unref(vehicleData),"onUpdate:vehicleData":_cache[1]||=$event=>isRef(vehicleData)?vehicleData.value=$event:null,name:`licensePlate`,"error-message":unref(licensePlateError),loading:unref(licensePlateMeta).isValidating},unref(licensePlateAttrs)),{popover:withCtx(()=>[createVNode(unref(VdPopover_default),{"ref-variant":`blue-icon`,"tooltip-variant":`blue`,"tooltip-size":`small`,content:{title:`Kentekengegevens`,description:`Op basis van je kenteken halen we automatisch de technische gegevens van je auto op voor een exacte premieberekening.`}})]),_:1},16,[`modelValue`,`vehicle-data`,`error-message`,`loading`])]),_:1}),createVNode(unref(VdFormCol_default),{span:`5`,md:`6`},{default:withCtx(()=>[createVNode(unref(VdCompanySelect_default),mergeProps({modelValue:unref(company),"onUpdate:modelValue":_cache[2]||=$event=>isRef(company)?company.value=$event:null,name:`company`,"error-message":unref(companyError)},unref(companyAttrs),{onError:onCompanyError}),{popover:withCtx(()=>[createVNode(unref(VdPopover_default),{"ref-variant":`blue-icon`,"tooltip-variant":`blue`,"tooltip-size":`small`,content:{title:`Bedrijfsgegevens`,description:`Op basis van je KvK-registratie krijgt de verzekeraar direct inzicht in je bedrijfsactiviteiten, de regio waarin je rijdt en de grootte van je team. Deze factoren bepalen samen het risicoprofiel en de hoogte van je premie.`}})]),_:1},16,[`modelValue`,`error-message`]),showAddressWarning.value?(openBlock(),createBlock(unref(VdNotification_default),{key:0,style:{"margin-top":`12px`},text:`Dit bedrijf heeft geen geregistreerd bezoekadres. Voeg dit toe bij de KvK om door te gaan met de aanvraag.`})):createCommentVNode(``,!0)]),_:1})]),_:1},16,[`submit-disabled`]))}});customElements.define(`vd-business-car-form`,defineCustomElement(BusinessCarForm_default,{shadowRoot:!1}));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{VdComparisonForm_default,VdFormCol_default,comparisonFormSharedDefaults,computed,create$3,createBlock,createCommentVNode,createVNode,defineComponent,defineCustomElement,isRef,mergeDefaults,mergeProps,openBlock,unref,useComparisonFormProps,useValidator,withCtx}from"./useValidator-
|
|
1
|
+
import{VdComparisonForm_default,VdFormCol_default,comparisonFormSharedDefaults,computed,create$3,createBlock,createCommentVNode,createVNode,defineComponent,defineCustomElement,isRef,mergeDefaults,mergeProps,openBlock,unref,useComparisonFormProps,useValidator,withCtx}from"./useValidator-i4hsDLG4.js";import{VdCompanySelect_default,VdNotification_default,companySchema}from"./company.schema-Ck__hYWi.js";import{VdPopover_default}from"./VdPopover-BSX4-53B.js";var businessLiabilitySchema=create$3({company:companySchema()}),BusinessLiabilityForm_default=defineComponent({__name:`BusinessLiabilityForm`,props:mergeDefaults({initialData:{},title:{},description:{},banner:{},layout:{},card:{type:Boolean},flat:{type:Boolean},fullWidth:{type:Boolean},submitLabel:{},submitDisabled:{type:Boolean}},{...comparisonFormSharedDefaults,title:`Vergelijk aansprakelijkheids-verzekeringen voor jouw bedrijf`,description:`Bescherm jouw bedrijf slim en voordelig. Om te starten hebben we je bedrijfsnaam of KVK-nummer nodig!`,submitLabel:`Start gratis vergelijken`}),emits:[`submitted`],setup(__props,{emit:__emit}){let props=__props,baseFormProps=useComparisonFormProps(props),emit=__emit,{isSubmitting,handleSubmit,defineField,setErrors,removeError}=useValidator(businessLiabilitySchema,{company:props.initialData?.company??null}),[company,companyAttrs,companyError]=defineField(`company`),onCompanyError=message=>message?setErrors({company:message}):removeError(`company`),showAddressWarning=computed(()=>!!company.value&&!company.value.hasVisitingAddress);function onSubmit(){handleSubmit(({company})=>{emit(`submitted`,{company})})}return(_ctx,_cache)=>(openBlock(),createBlock(unref(VdComparisonForm_default),mergeProps(unref(baseFormProps),{"action-span":4,"submit-disabled":unref(isSubmitting)||showAddressWarning.value,onSubmit}),{default:withCtx(()=>[createVNode(unref(VdFormCol_default),{span:`8`,md:`6`},{default:withCtx(()=>[createVNode(unref(VdCompanySelect_default),mergeProps({modelValue:unref(company),"onUpdate:modelValue":_cache[0]||=$event=>isRef(company)?company.value=$event:null,name:`company`,"error-message":unref(companyError)},unref(companyAttrs),{onError:onCompanyError}),{popover:withCtx(()=>[createVNode(unref(VdPopover_default),{"ref-variant":`blue-icon`,"tooltip-variant":`blue`,"tooltip-size":`small`,content:{title:`Bedrijfsgegevens`,description:`Op basis van je KvK-registratie krijgt de verzekeraar direct inzicht in je bedrijfsactiviteiten, de regio waarin je rijdt en de grootte van je team. Deze factoren bepalen samen het risicoprofiel en de hoogte van je premie.`}})]),_:1},16,[`modelValue`,`error-message`]),showAddressWarning.value?(openBlock(),createBlock(unref(VdNotification_default),{key:0,style:{"margin-top":`12px`},text:`Dit bedrijf heeft geen geregistreerd bezoekadres. Voeg dit toe bij de KvK om door te gaan met de aanvraag.`})):createCommentVNode(``,!0)]),_:1})]),_:1},16,[`submit-disabled`]))}});customElements.define(`vd-business-liability-form`,defineCustomElement(BusinessLiabilityForm_default,{shadowRoot:!1}));
|