@vergelijkdirect/comparison-forms 2.0.0-rc.14 → 2.0.0-rc.16
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/vue/comparison-forms.d.ts +28 -28
- package/dist/vue/comparison-forms.js +31 -31
- package/dist/wc/comparison-forms.js +30 -30
- package/dist/wc-forms/VdInput-ByupXLnL.js +1 -0
- package/dist/wc-forms/VdPopover-BSX4-53B.js +1 -0
- package/dist/wc-forms/VdRadioGroup-DrZBkeSB.js +1 -0
- package/dist/wc-forms/VdSearchableSelect-WCZ_fmSu.js +9 -0
- package/dist/wc-forms/VdSelect-CoIbpl6o.js +1 -0
- package/dist/wc-forms/bike.js +1 -1647
- package/dist/wc-forms/birthdate.schema-DmmaLv3m.js +1 -0
- package/dist/wc-forms/business-car.js +1 -109
- package/dist/wc-forms/business-liability.js +1 -71
- package/dist/wc-forms/car.js +1 -112
- package/dist/wc-forms/caravan.js +1 -144
- package/dist/wc-forms/company.schema-Ck__hYWi.js +1 -0
- package/dist/wc-forms/date.util-Dn_Fq_ZZ.js +1 -0
- package/dist/wc-forms/familyComposition.schema-EunoL_tT.js +1 -0
- package/dist/wc-forms/floating-ui.dom-CZdxKWz5.js +1 -0
- package/dist/wc-forms/house.js +1 -101
- package/dist/wc-forms/houseOwnedBuilding.model-Pb7X63G3.js +1 -0
- package/dist/wc-forms/legal.js +1 -153
- package/dist/wc-forms/liability.js +1 -89
- package/dist/wc-forms/loan.js +1 -173
- package/dist/wc-forms/messages-Da6go1uu.js +1 -0
- package/dist/wc-forms/moped.js +1 -115
- package/dist/wc-forms/motor.js +1 -112
- package/dist/wc-forms/package.js +1 -119
- package/dist/wc-forms/pet.js +1 -158
- package/dist/wc-forms/rolldown-runtime-Bm1jhNxk.js +1 -0
- package/dist/wc-forms/rules-I6gvAZk7.js +1 -0
- package/dist/wc-forms/services-D6FlwWWO.js +1 -0
- package/dist/wc-forms/travel.js +1 -99
- package/dist/wc-forms/useAddress-CsbZuerN.js +1 -0
- package/dist/wc-forms/useLicensePlate-3mDMfh1T.js +1 -0
- package/dist/wc-forms/useValidator-i4hsDLG4.js +27 -0
- package/dist/wc-forms/yesNo-Dat_jmcx.js +1 -0
- package/dist/wc-noitc/comparison-forms.js +1 -1
- package/package.json +1 -1
- package/dist/wc-forms/VdInput-PLH7DZsc.js +0 -331
- package/dist/wc-forms/VdPopover-CcRVedXS.js +0 -285
- package/dist/wc-forms/VdRadioGroup-BsMaGEuY.js +0 -166
- package/dist/wc-forms/VdSearchableSelect-CY7qBcIO.js +0 -4516
- package/dist/wc-forms/VdSelect-BPB3Jh_f.js +0 -108
- package/dist/wc-forms/birthdate.schema-DGsq2GQR.js +0 -89
- package/dist/wc-forms/company.schema-CUG4hnMP.js +0 -239
- package/dist/wc-forms/date.util-D9xNHiuY.js +0 -474
- package/dist/wc-forms/familyComposition.schema-fY4w6P1J.js +0 -74
- package/dist/wc-forms/floating-ui.dom-B6uyM6oK.js +0 -856
- package/dist/wc-forms/houseOwnedBuilding.model-CPULUrWv.js +0 -14
- package/dist/wc-forms/messages-kbFdNTrA.js +0 -40
- package/dist/wc-forms/rolldown-runtime-Dqa2HsxW.js +0 -20
- package/dist/wc-forms/rules-Cj1sWDmF.js +0 -13
- package/dist/wc-forms/services-CG6XsnRT.js +0 -16
- package/dist/wc-forms/useAddress-LSZ7sQk9.js +0 -243
- package/dist/wc-forms/useLicensePlate-KLwykzxF.js +0 -187
- package/dist/wc-forms/useValidator-DdXn8soU.js +0 -7197
- package/dist/wc-forms/yesNo-BvJlCm7Y.js +0 -6
package/dist/wc-forms/moped.js
CHANGED
|
@@ -1,115 +1 @@
|
|
|
1
|
-
import
|
|
2
|
-
import { t as g } from "./VdPopover-CcRVedXS.js";
|
|
3
|
-
import { n as _, t as v } from "./useAddress-LSZ7sQk9.js";
|
|
4
|
-
import { a as y, t as b } from "./birthdate.schema-DGsq2GQR.js";
|
|
5
|
-
import { n as x, r as S, t as C } from "./useLicensePlate-KLwykzxF.js";
|
|
6
|
-
//#region src/comparisons/moped/constants.ts
|
|
7
|
-
var w = {
|
|
8
|
-
min: 16,
|
|
9
|
-
max: 99
|
|
10
|
-
}, T = (e, t) => u({
|
|
11
|
-
licensePlate: e,
|
|
12
|
-
address: t,
|
|
13
|
-
birthdate: b(w)
|
|
14
|
-
}), E = /* @__PURE__ */ o({
|
|
15
|
-
__name: "MopedForm",
|
|
16
|
-
props: /*@__PURE__*/ e({
|
|
17
|
-
initialData: {},
|
|
18
|
-
title: {},
|
|
19
|
-
description: {},
|
|
20
|
-
banner: {},
|
|
21
|
-
layout: {},
|
|
22
|
-
card: { type: Boolean },
|
|
23
|
-
flat: { type: Boolean },
|
|
24
|
-
fullWidth: { type: Boolean },
|
|
25
|
-
submitLabel: {},
|
|
26
|
-
submitDisabled: { type: Boolean }
|
|
27
|
-
}, {
|
|
28
|
-
...m,
|
|
29
|
-
title: "Brommerverzekering vergelijken"
|
|
30
|
-
}),
|
|
31
|
-
emits: ["submit"],
|
|
32
|
-
setup(e, { emit: a }) {
|
|
33
|
-
let o = e, u = i(o), m = a, { addressSchema: b, draft: w, resolvedAddress: E, additionOptions: D } = v({ initial: o.initialData?.address }), { vehicleData: O, licensePlateSchema: k } = C(S.Moped, { initialData: o.initialData?.vehicle ?? void 0 }), { isSubmitting: A, handleSubmit: j, defineField: M } = p(T(k, b), {
|
|
34
|
-
licensePlate: o.initialData?.licensePlate ?? "",
|
|
35
|
-
birthdate: o.initialData?.birthdate ?? "",
|
|
36
|
-
address: w
|
|
37
|
-
}), [N, P, F, I] = M("licensePlate"), [L, R, z] = M("birthdate");
|
|
38
|
-
function B() {
|
|
39
|
-
j(({ licensePlate: e, birthdate: t }) => {
|
|
40
|
-
m("submit", {
|
|
41
|
-
licensePlate: e,
|
|
42
|
-
birthdate: t,
|
|
43
|
-
address: E.value,
|
|
44
|
-
vehicle: O.value
|
|
45
|
-
});
|
|
46
|
-
});
|
|
47
|
-
}
|
|
48
|
-
return (i, a) => (n(), l(d(f), s(d(u), {
|
|
49
|
-
"submit-disabled": e.submitDisabled || d(A),
|
|
50
|
-
onSubmit: B
|
|
51
|
-
}), {
|
|
52
|
-
default: t(() => [
|
|
53
|
-
c(d(r), {
|
|
54
|
-
span: "3",
|
|
55
|
-
md: "6"
|
|
56
|
-
}, {
|
|
57
|
-
default: t(() => [c(d(x), s({
|
|
58
|
-
modelValue: d(N),
|
|
59
|
-
"onUpdate:modelValue": a[0] ||= (e) => h(N) ? N.value = e : null,
|
|
60
|
-
"vehicle-data": d(O),
|
|
61
|
-
"onUpdate:vehicleData": a[1] ||= (e) => h(O) ? O.value = e : null,
|
|
62
|
-
name: "licensePlate",
|
|
63
|
-
"error-message": d(F),
|
|
64
|
-
loading: d(I).isValidating
|
|
65
|
-
}, d(P)), {
|
|
66
|
-
popover: t(() => [c(d(g), {
|
|
67
|
-
"ref-variant": "blue-icon",
|
|
68
|
-
"tooltip-variant": "blue",
|
|
69
|
-
"tooltip-size": "small",
|
|
70
|
-
content: {
|
|
71
|
-
title: "Kentekengegevens",
|
|
72
|
-
description: "Op basis van je kenteken halen we automatisch de technische gegevens van je brommer op voor een exacte premieberekening."
|
|
73
|
-
}
|
|
74
|
-
})]),
|
|
75
|
-
_: 1
|
|
76
|
-
}, 16, [
|
|
77
|
-
"modelValue",
|
|
78
|
-
"vehicle-data",
|
|
79
|
-
"error-message",
|
|
80
|
-
"loading"
|
|
81
|
-
])]),
|
|
82
|
-
_: 1
|
|
83
|
-
}),
|
|
84
|
-
c(d(r), {
|
|
85
|
-
span: "4",
|
|
86
|
-
md: "6"
|
|
87
|
-
}, {
|
|
88
|
-
default: t(() => [c(d(_), {
|
|
89
|
-
"resolved-address": d(E),
|
|
90
|
-
"onUpdate:resolvedAddress": a[2] ||= (e) => h(E) ? E.value = e : null,
|
|
91
|
-
"addition-options": d(D)
|
|
92
|
-
}, null, 8, ["resolved-address", "addition-options"])]),
|
|
93
|
-
_: 1
|
|
94
|
-
}),
|
|
95
|
-
c(d(r), {
|
|
96
|
-
span: "3",
|
|
97
|
-
md: "6"
|
|
98
|
-
}, {
|
|
99
|
-
default: t(() => [c(d(y), s({
|
|
100
|
-
modelValue: d(L),
|
|
101
|
-
"onUpdate:modelValue": a[3] ||= (e) => h(L) ? L.value = e : null,
|
|
102
|
-
label: "Geboortedatum hoofdbestuurder",
|
|
103
|
-
"error-message": d(z)
|
|
104
|
-
}, d(R)), null, 16, ["modelValue", "error-message"])]),
|
|
105
|
-
_: 1
|
|
106
|
-
})
|
|
107
|
-
]),
|
|
108
|
-
_: 1
|
|
109
|
-
}, 16, ["submit-disabled"]));
|
|
110
|
-
}
|
|
111
|
-
});
|
|
112
|
-
//#endregion
|
|
113
|
-
//#region src/entries/wc-forms/moped.ts
|
|
114
|
-
customElements.define("vd-moped-form", a(E, { shadowRoot: !1 }));
|
|
115
|
-
//#endregion
|
|
1
|
+
import{VdComparisonForm_default,VdFormCol_default,comparisonFormSharedDefaults,create$3,createBlock,createVNode,defineComponent,defineCustomElement,isRef,mergeDefaults,mergeProps,openBlock,unref,useComparisonFormProps,useValidator,withCtx}from"./useValidator-i4hsDLG4.js";import{VdPopover_default}from"./VdPopover-BSX4-53B.js";import{VdAddress_default,useAddress}from"./useAddress-CsbZuerN.js";import{VdBirthdateInput_default,createBirthdateSchema}from"./birthdate.schema-DmmaLv3m.js";import{ComparisonName,VdLicensePlate_default,useLicensePlate}from"./useLicensePlate-3mDMfh1T.js";var AGE_RANGE={min:16,max:99},createMopedFormSchema=(licensePlateSchema,addressSchema)=>create$3({licensePlate:licensePlateSchema,address:addressSchema,birthdate:createBirthdateSchema(AGE_RANGE)}),MopedForm_default=defineComponent({__name:`MopedForm`,props:mergeDefaults({initialData:{},title:{},description:{},banner:{},layout:{},card:{type:Boolean},flat:{type:Boolean},fullWidth:{type:Boolean},submitLabel:{},submitDisabled:{type:Boolean}},{...comparisonFormSharedDefaults,title:`Brommerverzekering vergelijken`}),emits:[`submitted`],setup(__props,{emit:__emit}){let props=__props,baseFormProps=useComparisonFormProps(props),emit=__emit,{addressSchema,draft:addressDraft,resolvedAddress,additionOptions}=useAddress({initial:props.initialData?.address}),{vehicleData,licensePlateSchema}=useLicensePlate(ComparisonName.Moped,{initialData:props.initialData?.vehicle??void 0}),{isSubmitting,handleSubmit,defineField}=useValidator(createMopedFormSchema(licensePlateSchema,addressSchema),{licensePlate:props.initialData?.licensePlate??``,birthdate:props.initialData?.birthdate??``,address:addressDraft}),[licensePlate,licensePlateAttrs,licensePlateError,licensePlateMeta]=defineField(`licensePlate`),[birthdate,birthdateAttrs,birthdateError]=defineField(`birthdate`);function onSubmit(){handleSubmit(({licensePlate,birthdate})=>{emit(`submitted`,{licensePlate,birthdate,address:resolvedAddress.value,vehicle:vehicleData.value})})}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:`3`,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 brommer op voor een exacte premieberekening.`}})]),_:1},16,[`modelValue`,`vehicle-data`,`error-message`,`loading`])]),_:1}),createVNode(unref(VdFormCol_default),{span:`4`,md:`6`},{default:withCtx(()=>[createVNode(unref(VdAddress_default),{"resolved-address":unref(resolvedAddress),"onUpdate:resolvedAddress":_cache[2]||=$event=>isRef(resolvedAddress)?resolvedAddress.value=$event:null,"addition-options":unref(additionOptions)},null,8,[`resolved-address`,`addition-options`])]),_:1}),createVNode(unref(VdFormCol_default),{span:`3`,md:`6`},{default:withCtx(()=>[createVNode(unref(VdBirthdateInput_default),mergeProps({modelValue:unref(birthdate),"onUpdate:modelValue":_cache[3]||=$event=>isRef(birthdate)?birthdate.value=$event:null,label:`Geboortedatum hoofdbestuurder`,"error-message":unref(birthdateError)},unref(birthdateAttrs)),null,16,[`modelValue`,`error-message`])]),_:1})]),_:1},16,[`submit-disabled`]))}});customElements.define(`vd-moped-form`,defineCustomElement(MopedForm_default,{shadowRoot:!1}));
|
package/dist/wc-forms/motor.js
CHANGED
|
@@ -1,112 +1 @@
|
|
|
1
|
-
import
|
|
2
|
-
import { t as g } from "./VdPopover-CcRVedXS.js";
|
|
3
|
-
import { n as _, t as v } from "./useAddress-LSZ7sQk9.js";
|
|
4
|
-
import { a as y, t as b } from "./birthdate.schema-DGsq2GQR.js";
|
|
5
|
-
import { n as x, r as S, t as C } from "./useLicensePlate-KLwykzxF.js";
|
|
6
|
-
//#region src/comparisons/motor/motor.schema.ts
|
|
7
|
-
var w = (e, t) => u({
|
|
8
|
-
licensePlate: e,
|
|
9
|
-
address: t,
|
|
10
|
-
birthdate: b()
|
|
11
|
-
}), T = /* @__PURE__ */ o({
|
|
12
|
-
__name: "MotorForm",
|
|
13
|
-
props: /*@__PURE__*/ e({
|
|
14
|
-
initialData: {},
|
|
15
|
-
title: {},
|
|
16
|
-
description: {},
|
|
17
|
-
banner: {},
|
|
18
|
-
layout: {},
|
|
19
|
-
card: { type: Boolean },
|
|
20
|
-
flat: { type: Boolean },
|
|
21
|
-
fullWidth: { type: Boolean },
|
|
22
|
-
submitLabel: {},
|
|
23
|
-
submitDisabled: { type: Boolean }
|
|
24
|
-
}, {
|
|
25
|
-
...m,
|
|
26
|
-
title: "Motorverzekering vergelijken"
|
|
27
|
-
}),
|
|
28
|
-
emits: ["submit"],
|
|
29
|
-
setup(e, { emit: a }) {
|
|
30
|
-
let o = e, u = i(o), m = a, { addressSchema: b, draft: T, resolvedAddress: E, additionOptions: D } = v({ initial: o.initialData?.address }), { vehicleData: O, licensePlateSchema: k } = C(S.Motor, { initialData: o.initialData?.vehicle ?? void 0 }), { isSubmitting: A, handleSubmit: j, defineField: M } = p(w(k, b), {
|
|
31
|
-
licensePlate: o.initialData?.licensePlate ?? "",
|
|
32
|
-
birthdate: o.initialData?.birthdate ?? "",
|
|
33
|
-
address: T
|
|
34
|
-
}), [N, P, F, I] = M("licensePlate"), [L, R, z] = M("birthdate");
|
|
35
|
-
function B() {
|
|
36
|
-
j(({ licensePlate: e, birthdate: t }) => {
|
|
37
|
-
m("submit", {
|
|
38
|
-
licensePlate: e,
|
|
39
|
-
birthdate: t,
|
|
40
|
-
address: E.value,
|
|
41
|
-
vehicle: O.value
|
|
42
|
-
});
|
|
43
|
-
});
|
|
44
|
-
}
|
|
45
|
-
return (i, a) => (n(), l(d(f), s(d(u), {
|
|
46
|
-
"submit-disabled": e.submitDisabled || d(A),
|
|
47
|
-
onSubmit: B
|
|
48
|
-
}), {
|
|
49
|
-
default: t(() => [
|
|
50
|
-
c(d(r), {
|
|
51
|
-
span: "3",
|
|
52
|
-
md: "6"
|
|
53
|
-
}, {
|
|
54
|
-
default: t(() => [c(d(x), s({
|
|
55
|
-
modelValue: d(N),
|
|
56
|
-
"onUpdate:modelValue": a[0] ||= (e) => h(N) ? N.value = e : null,
|
|
57
|
-
"vehicle-data": d(O),
|
|
58
|
-
"onUpdate:vehicleData": a[1] ||= (e) => h(O) ? O.value = e : null,
|
|
59
|
-
name: "licensePlate",
|
|
60
|
-
"error-message": d(F),
|
|
61
|
-
loading: d(I).isValidating
|
|
62
|
-
}, d(P)), {
|
|
63
|
-
popover: t(() => [c(d(g), {
|
|
64
|
-
"ref-variant": "blue-icon",
|
|
65
|
-
"tooltip-variant": "blue",
|
|
66
|
-
"tooltip-size": "small",
|
|
67
|
-
content: {
|
|
68
|
-
title: "Kentekengegevens",
|
|
69
|
-
description: "Op basis van je kenteken halen we automatisch de technische gegevens van je motor op voor een exacte premieberekening."
|
|
70
|
-
}
|
|
71
|
-
})]),
|
|
72
|
-
_: 1
|
|
73
|
-
}, 16, [
|
|
74
|
-
"modelValue",
|
|
75
|
-
"vehicle-data",
|
|
76
|
-
"error-message",
|
|
77
|
-
"loading"
|
|
78
|
-
])]),
|
|
79
|
-
_: 1
|
|
80
|
-
}),
|
|
81
|
-
c(d(r), {
|
|
82
|
-
span: "4",
|
|
83
|
-
md: "6"
|
|
84
|
-
}, {
|
|
85
|
-
default: t(() => [c(d(_), {
|
|
86
|
-
"resolved-address": d(E),
|
|
87
|
-
"onUpdate:resolvedAddress": a[2] ||= (e) => h(E) ? E.value = e : null,
|
|
88
|
-
"addition-options": d(D)
|
|
89
|
-
}, null, 8, ["resolved-address", "addition-options"])]),
|
|
90
|
-
_: 1
|
|
91
|
-
}),
|
|
92
|
-
c(d(r), {
|
|
93
|
-
span: "3",
|
|
94
|
-
md: "6"
|
|
95
|
-
}, {
|
|
96
|
-
default: t(() => [c(d(y), s({
|
|
97
|
-
modelValue: d(L),
|
|
98
|
-
"onUpdate:modelValue": a[3] ||= (e) => h(L) ? L.value = e : null,
|
|
99
|
-
label: "Geboortedatum hoofdbestuurder",
|
|
100
|
-
"error-message": d(z)
|
|
101
|
-
}, d(R)), null, 16, ["modelValue", "error-message"])]),
|
|
102
|
-
_: 1
|
|
103
|
-
})
|
|
104
|
-
]),
|
|
105
|
-
_: 1
|
|
106
|
-
}, 16, ["submit-disabled"]));
|
|
107
|
-
}
|
|
108
|
-
});
|
|
109
|
-
//#endregion
|
|
110
|
-
//#region src/entries/wc-forms/motor.ts
|
|
111
|
-
customElements.define("vd-motor-form", a(T, { shadowRoot: !1 }));
|
|
112
|
-
//#endregion
|
|
1
|
+
import{VdComparisonForm_default,VdFormCol_default,comparisonFormSharedDefaults,create$3,createBlock,createVNode,defineComponent,defineCustomElement,isRef,mergeDefaults,mergeProps,openBlock,unref,useComparisonFormProps,useValidator,withCtx}from"./useValidator-i4hsDLG4.js";import{VdPopover_default}from"./VdPopover-BSX4-53B.js";import{VdAddress_default,useAddress}from"./useAddress-CsbZuerN.js";import{VdBirthdateInput_default,createBirthdateSchema}from"./birthdate.schema-DmmaLv3m.js";import{ComparisonName,VdLicensePlate_default,useLicensePlate}from"./useLicensePlate-3mDMfh1T.js";var createMotorFormSchema=(licensePlateSchema,addressSchema)=>create$3({licensePlate:licensePlateSchema,address:addressSchema,birthdate:createBirthdateSchema()}),MotorForm_default=defineComponent({__name:`MotorForm`,props:mergeDefaults({initialData:{},title:{},description:{},banner:{},layout:{},card:{type:Boolean},flat:{type:Boolean},fullWidth:{type:Boolean},submitLabel:{},submitDisabled:{type:Boolean}},{...comparisonFormSharedDefaults,title:`Motorverzekering vergelijken`}),emits:[`submitted`],setup(__props,{emit:__emit}){let props=__props,baseFormProps=useComparisonFormProps(props),emit=__emit,{addressSchema,draft:addressDraft,resolvedAddress,additionOptions}=useAddress({initial:props.initialData?.address}),{vehicleData,licensePlateSchema}=useLicensePlate(ComparisonName.Motor,{initialData:props.initialData?.vehicle??void 0}),{isSubmitting,handleSubmit,defineField}=useValidator(createMotorFormSchema(licensePlateSchema,addressSchema),{licensePlate:props.initialData?.licensePlate??``,birthdate:props.initialData?.birthdate??``,address:addressDraft}),[licensePlate,licensePlateAttrs,licensePlateError,licensePlateMeta]=defineField(`licensePlate`),[birthdate,birthdateAttrs,birthdateError]=defineField(`birthdate`);function onSubmit(){handleSubmit(({licensePlate,birthdate})=>{emit(`submitted`,{licensePlate,birthdate,address:resolvedAddress.value,vehicle:vehicleData.value})})}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:`3`,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 motor op voor een exacte premieberekening.`}})]),_:1},16,[`modelValue`,`vehicle-data`,`error-message`,`loading`])]),_:1}),createVNode(unref(VdFormCol_default),{span:`4`,md:`6`},{default:withCtx(()=>[createVNode(unref(VdAddress_default),{"resolved-address":unref(resolvedAddress),"onUpdate:resolvedAddress":_cache[2]||=$event=>isRef(resolvedAddress)?resolvedAddress.value=$event:null,"addition-options":unref(additionOptions)},null,8,[`resolved-address`,`addition-options`])]),_:1}),createVNode(unref(VdFormCol_default),{span:`3`,md:`6`},{default:withCtx(()=>[createVNode(unref(VdBirthdateInput_default),mergeProps({modelValue:unref(birthdate),"onUpdate:modelValue":_cache[3]||=$event=>isRef(birthdate)?birthdate.value=$event:null,label:`Geboortedatum hoofdbestuurder`,"error-message":unref(birthdateError)},unref(birthdateAttrs)),null,16,[`modelValue`,`error-message`])]),_:1})]),_:1},16,[`submit-disabled`]))}});customElements.define(`vd-motor-form`,defineCustomElement(MotorForm_default,{shadowRoot:!1}));
|
package/dist/wc-forms/package.js
CHANGED
|
@@ -1,119 +1 @@
|
|
|
1
|
-
import
|
|
2
|
-
import { n as b, t as x } from "./useAddress-LSZ7sQk9.js";
|
|
3
|
-
import { a as S, t as C } from "./birthdate.schema-DGsq2GQR.js";
|
|
4
|
-
import { i as w, n as T, r as E } from "./familyComposition.schema-fY4w6P1J.js";
|
|
5
|
-
//#region src/utils/familyComposition.util.ts
|
|
6
|
-
var D = [w.FamilyWithChildren, w.FamilyWithoutChildren];
|
|
7
|
-
function O(e) {
|
|
8
|
-
return D.includes(e);
|
|
9
|
-
}
|
|
10
|
-
//#endregion
|
|
11
|
-
//#region src/comparisons/package/package.schema.ts
|
|
12
|
-
var k = (e) => m({
|
|
13
|
-
address: e,
|
|
14
|
-
birthdate: C(),
|
|
15
|
-
familyComposition: T,
|
|
16
|
-
partnerBirthdate: o().defined().when("familyComposition", {
|
|
17
|
-
is: O,
|
|
18
|
-
then: () => C()
|
|
19
|
-
})
|
|
20
|
-
}), A = /* @__PURE__ */ u({
|
|
21
|
-
__name: "PackageForm",
|
|
22
|
-
props: /*@__PURE__*/ e({
|
|
23
|
-
initialData: {},
|
|
24
|
-
title: {},
|
|
25
|
-
description: {},
|
|
26
|
-
banner: {},
|
|
27
|
-
layout: {},
|
|
28
|
-
card: { type: Boolean },
|
|
29
|
-
flat: { type: Boolean },
|
|
30
|
-
fullWidth: { type: Boolean },
|
|
31
|
-
submitLabel: {},
|
|
32
|
-
submitDisabled: { type: Boolean }
|
|
33
|
-
}, {
|
|
34
|
-
...v,
|
|
35
|
-
title: "Combineer al je verzekeringen in 1 verzekeringspakket"
|
|
36
|
-
}),
|
|
37
|
-
emits: ["submit"],
|
|
38
|
-
setup(e, { emit: o }) {
|
|
39
|
-
let l = e, u = c(l), m = o, { addressSchema: v, draft: C, resolvedAddress: T, additionOptions: D } = x({ initial: l.initialData?.address }), { isSubmitting: A, handleSubmit: j, defineField: M, resetField: N } = _(k(v), {
|
|
40
|
-
birthdate: l.initialData?.birthdate ?? "",
|
|
41
|
-
familyComposition: l.initialData?.familyComposition ?? w.SingleWithoutChildren,
|
|
42
|
-
partnerBirthdate: l.initialData?.partnerBirthdate ?? "",
|
|
43
|
-
address: C
|
|
44
|
-
}), [P, F, I] = M("birthdate"), [L, R, z] = M("familyComposition", { validateAt: "change" }), [B, V, H] = M("partnerBirthdate"), U = t(() => O(L.value));
|
|
45
|
-
a(L, (e) => {
|
|
46
|
-
O(e) || N("partnerBirthdate", { value: "" });
|
|
47
|
-
}, { immediate: !0 });
|
|
48
|
-
function W() {
|
|
49
|
-
j(({ birthdate: e, familyComposition: t, partnerBirthdate: n }) => {
|
|
50
|
-
m("submit", {
|
|
51
|
-
birthdate: e,
|
|
52
|
-
familyComposition: t,
|
|
53
|
-
partnerBirthdate: n,
|
|
54
|
-
address: T.value
|
|
55
|
-
});
|
|
56
|
-
});
|
|
57
|
-
}
|
|
58
|
-
return (t, a) => (i(), p(h(g), d(h(u), {
|
|
59
|
-
"submit-disabled": e.submitDisabled || h(A),
|
|
60
|
-
onSubmit: W
|
|
61
|
-
}), {
|
|
62
|
-
default: r(() => [
|
|
63
|
-
f(h(s), {
|
|
64
|
-
span: "4",
|
|
65
|
-
md: "6"
|
|
66
|
-
}, {
|
|
67
|
-
default: r(() => [f(h(b), {
|
|
68
|
-
"resolved-address": h(T),
|
|
69
|
-
"onUpdate:resolvedAddress": a[0] ||= (e) => y(T) ? T.value = e : null,
|
|
70
|
-
"addition-options": h(D)
|
|
71
|
-
}, null, 8, ["resolved-address", "addition-options"])]),
|
|
72
|
-
_: 1
|
|
73
|
-
}),
|
|
74
|
-
f(h(s), {
|
|
75
|
-
span: U.value ? 2 : 3,
|
|
76
|
-
md: "6"
|
|
77
|
-
}, {
|
|
78
|
-
default: r(() => [f(h(S), d({
|
|
79
|
-
modelValue: h(P),
|
|
80
|
-
"onUpdate:modelValue": a[1] ||= (e) => y(P) ? P.value = e : null,
|
|
81
|
-
label: "Geboortedatum",
|
|
82
|
-
"error-message": h(I)
|
|
83
|
-
}, h(F)), null, 16, ["modelValue", "error-message"])]),
|
|
84
|
-
_: 1
|
|
85
|
-
}, 8, ["span"]),
|
|
86
|
-
f(h(s), {
|
|
87
|
-
span: U.value ? 2 : 3,
|
|
88
|
-
md: "6"
|
|
89
|
-
}, {
|
|
90
|
-
default: r(() => [f(h(E), d({
|
|
91
|
-
modelValue: h(L),
|
|
92
|
-
"onUpdate:modelValue": a[2] ||= (e) => y(L) ? L.value = e : null,
|
|
93
|
-
"error-message": h(z)
|
|
94
|
-
}, h(R)), null, 16, ["modelValue", "error-message"])]),
|
|
95
|
-
_: 1
|
|
96
|
-
}, 8, ["span"]),
|
|
97
|
-
U.value ? (i(), p(h(s), {
|
|
98
|
-
key: 0,
|
|
99
|
-
span: "2",
|
|
100
|
-
md: "6"
|
|
101
|
-
}, {
|
|
102
|
-
default: r(() => [f(h(S), d({
|
|
103
|
-
modelValue: h(B),
|
|
104
|
-
"onUpdate:modelValue": a[3] ||= (e) => y(B) ? B.value = e : null,
|
|
105
|
-
label: "Geboortedatum partner",
|
|
106
|
-
name: "partnerBirthdate",
|
|
107
|
-
"error-message": h(H)
|
|
108
|
-
}, h(V)), null, 16, ["modelValue", "error-message"])]),
|
|
109
|
-
_: 1
|
|
110
|
-
})) : n("", !0)
|
|
111
|
-
]),
|
|
112
|
-
_: 1
|
|
113
|
-
}, 16, ["submit-disabled"]));
|
|
114
|
-
}
|
|
115
|
-
});
|
|
116
|
-
//#endregion
|
|
117
|
-
//#region src/entries/wc-forms/package.ts
|
|
118
|
-
customElements.define("vd-package-form", l(A, { shadowRoot: !1 }));
|
|
119
|
-
//#endregion
|
|
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{VdAddress_default,useAddress}from"./useAddress-CsbZuerN.js";import{VdBirthdateInput_default,createBirthdateSchema}from"./birthdate.schema-DmmaLv3m.js";import{FamilyComposition,VdFamilyCompositionSelect_default,familyCompositionSchema}from"./familyComposition.schema-EunoL_tT.js";var PARTNER_FAMILY_COMPOSITIONS=[FamilyComposition.FamilyWithChildren,FamilyComposition.FamilyWithoutChildren];function hasPartner(familyComposition){return PARTNER_FAMILY_COMPOSITIONS.includes(familyComposition)}var createPackageFormSchema=addressSchema=>create$3({address:addressSchema,birthdate:createBirthdateSchema(),familyComposition:familyCompositionSchema,partnerBirthdate:create$6().defined().when(`familyComposition`,{is:hasPartner,then:()=>createBirthdateSchema()})}),PackageForm_default=defineComponent({__name:`PackageForm`,props:mergeDefaults({initialData:{},title:{},description:{},banner:{},layout:{},card:{type:Boolean},flat:{type:Boolean},fullWidth:{type:Boolean},submitLabel:{},submitDisabled:{type:Boolean}},{...comparisonFormSharedDefaults,title:`Combineer al je verzekeringen in 1 verzekeringspakket`}),emits:[`submitted`],setup(__props,{emit:__emit}){let props=__props,baseFormProps=useComparisonFormProps(props),emit=__emit,{addressSchema,draft:addressDraft,resolvedAddress,additionOptions}=useAddress({initial:props.initialData?.address}),{isSubmitting,handleSubmit,defineField,resetField}=useValidator(createPackageFormSchema(addressSchema),{birthdate:props.initialData?.birthdate??``,familyComposition:props.initialData?.familyComposition??FamilyComposition.SingleWithoutChildren,partnerBirthdate:props.initialData?.partnerBirthdate??``,address:addressDraft}),[birthdate,birthdateAttrs,birthdateError]=defineField(`birthdate`),[familyComposition,familyCompositionAttrs,familyCompositionError]=defineField(`familyComposition`,{validateAt:`change`}),[partnerBirthdate,partnerBirthdateAttrs,partnerBirthdateError]=defineField(`partnerBirthdate`),isPartnerVisible=computed(()=>hasPartner(familyComposition.value));watch(familyComposition,value=>{hasPartner(value)||resetField(`partnerBirthdate`,{value:``})},{immediate:!0});function onSubmit(){handleSubmit(({birthdate,familyComposition,partnerBirthdate})=>{emit(`submitted`,{birthdate,familyComposition,partnerBirthdate,address:resolvedAddress.value})})}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:`4`,md:`6`},{default:withCtx(()=>[createVNode(unref(VdAddress_default),{"resolved-address":unref(resolvedAddress),"onUpdate:resolvedAddress":_cache[0]||=$event=>isRef(resolvedAddress)?resolvedAddress.value=$event:null,"addition-options":unref(additionOptions)},null,8,[`resolved-address`,`addition-options`])]),_:1}),createVNode(unref(VdFormCol_default),{span:isPartnerVisible.value?2:3,md:`6`},{default:withCtx(()=>[createVNode(unref(VdBirthdateInput_default),mergeProps({modelValue:unref(birthdate),"onUpdate:modelValue":_cache[1]||=$event=>isRef(birthdate)?birthdate.value=$event:null,label:`Geboortedatum`,"error-message":unref(birthdateError)},unref(birthdateAttrs)),null,16,[`modelValue`,`error-message`])]),_:1},8,[`span`]),createVNode(unref(VdFormCol_default),{span:isPartnerVisible.value?2:3,md:`6`},{default:withCtx(()=>[createVNode(unref(VdFamilyCompositionSelect_default),mergeProps({modelValue:unref(familyComposition),"onUpdate:modelValue":_cache[2]||=$event=>isRef(familyComposition)?familyComposition.value=$event:null,"error-message":unref(familyCompositionError)},unref(familyCompositionAttrs)),null,16,[`modelValue`,`error-message`])]),_:1},8,[`span`]),isPartnerVisible.value?(openBlock(),createBlock(unref(VdFormCol_default),{key:0,span:`2`,md:`6`},{default:withCtx(()=>[createVNode(unref(VdBirthdateInput_default),mergeProps({modelValue:unref(partnerBirthdate),"onUpdate:modelValue":_cache[3]||=$event=>isRef(partnerBirthdate)?partnerBirthdate.value=$event:null,label:`Geboortedatum partner`,name:`partnerBirthdate`,"error-message":unref(partnerBirthdateError)},unref(partnerBirthdateAttrs)),null,16,[`modelValue`,`error-message`])]),_:1})):createCommentVNode(``,!0)]),_:1},16,[`submit-disabled`]))}});customElements.define(`vd-package-form`,defineCustomElement(PackageForm_default,{shadowRoot:!1}));
|
package/dist/wc-forms/pet.js
CHANGED
|
@@ -1,158 +1 @@
|
|
|
1
|
-
import {
|
|
2
|
-
import { t as _ } from "./VdInput-PLH7DZsc.js";
|
|
3
|
-
import { t as v } from "./VdSelect-BPB3Jh_f.js";
|
|
4
|
-
import { t as y } from "./VdPopover-CcRVedXS.js";
|
|
5
|
-
import { a as b, i as x, n as S, r as C } from "./birthdate.schema-DGsq2GQR.js";
|
|
6
|
-
import { t as w } from "./messages-kbFdNTrA.js";
|
|
7
|
-
//#region src/comparisons/pet/constants.ts
|
|
8
|
-
var T = {
|
|
9
|
-
min: 0,
|
|
10
|
-
max: 99
|
|
11
|
-
}, E = d({
|
|
12
|
-
kind: r().required(w.pet.kindRequired),
|
|
13
|
-
age: r().required(w.birthdate.required).test("date_format", w.birthdate.dateFormat, S).test(C({
|
|
14
|
-
min: {
|
|
15
|
-
value: 7,
|
|
16
|
-
unit: "week"
|
|
17
|
-
},
|
|
18
|
-
max: {
|
|
19
|
-
value: T.max,
|
|
20
|
-
unit: "year"
|
|
21
|
-
}
|
|
22
|
-
}, {
|
|
23
|
-
future: () => w.birthdate.tooYoung(T.min),
|
|
24
|
-
tooYoung: ({ earliest: e, latest: t }) => w.pet.outOfRange(e.format(x), t.format(x)),
|
|
25
|
-
tooOld: () => w.birthdate.tooOld(T.max)
|
|
26
|
-
}, "birthdate_range")),
|
|
27
|
-
zipcode: r().required(w.pet.zipcodeRequired).matches(/^\d{4}\s?[a-zA-Z]{2}$/, w.pet.zipcodeInvalid)
|
|
28
|
-
}), D = [
|
|
29
|
-
{
|
|
30
|
-
title: "Hond",
|
|
31
|
-
value: "dog"
|
|
32
|
-
},
|
|
33
|
-
{
|
|
34
|
-
title: "Kat",
|
|
35
|
-
value: "cat"
|
|
36
|
-
},
|
|
37
|
-
{
|
|
38
|
-
title: "Konijn",
|
|
39
|
-
value: "rabbit"
|
|
40
|
-
},
|
|
41
|
-
{
|
|
42
|
-
title: "Vogel",
|
|
43
|
-
value: "bird"
|
|
44
|
-
}
|
|
45
|
-
], O = /* @__PURE__ */ s({
|
|
46
|
-
__name: "PetForm",
|
|
47
|
-
props: /*@__PURE__*/ e({
|
|
48
|
-
initialData: {},
|
|
49
|
-
title: {},
|
|
50
|
-
description: {},
|
|
51
|
-
banner: {},
|
|
52
|
-
layout: {},
|
|
53
|
-
card: { type: Boolean },
|
|
54
|
-
flat: { type: Boolean },
|
|
55
|
-
fullWidth: { type: Boolean },
|
|
56
|
-
submitLabel: {},
|
|
57
|
-
submitDisabled: { type: Boolean }
|
|
58
|
-
}, {
|
|
59
|
-
...h,
|
|
60
|
-
title: "Dierenverzekering vergelijken"
|
|
61
|
-
}),
|
|
62
|
-
emits: ["submit"],
|
|
63
|
-
setup(e, { emit: r }) {
|
|
64
|
-
let o = e, s = a(o), d = r, { isSubmitting: h, handleSubmit: x, defineField: S } = m(E, {
|
|
65
|
-
kind: o.initialData?.kind ?? "dog",
|
|
66
|
-
age: o.initialData?.age ?? "",
|
|
67
|
-
zipcode: o.initialData?.zipcode ?? ""
|
|
68
|
-
}), [C, w, T] = S("kind", { validateAt: "change" }), [O, k, A] = S("age"), [j, M, N] = S("zipcode");
|
|
69
|
-
function P() {
|
|
70
|
-
x((e) => {
|
|
71
|
-
d("submit", { ...e });
|
|
72
|
-
});
|
|
73
|
-
}
|
|
74
|
-
return (r, a) => (n(), u(f(p), c(f(s), {
|
|
75
|
-
"submit-disabled": e.submitDisabled || f(h),
|
|
76
|
-
onSubmit: P
|
|
77
|
-
}), {
|
|
78
|
-
default: t(() => [
|
|
79
|
-
l(f(i), {
|
|
80
|
-
span: "4",
|
|
81
|
-
md: "6"
|
|
82
|
-
}, {
|
|
83
|
-
default: t(() => [l(f(v), c({
|
|
84
|
-
modelValue: f(C),
|
|
85
|
-
"onUpdate:modelValue": a[0] ||= (e) => g(C) ? C.value = e : null,
|
|
86
|
-
label: "Wat voor huisdier wil je verzekeren?",
|
|
87
|
-
placeholder: "",
|
|
88
|
-
options: f(D),
|
|
89
|
-
name: "kind",
|
|
90
|
-
required: !1,
|
|
91
|
-
"error-message": f(T)
|
|
92
|
-
}, f(w)), null, 16, [
|
|
93
|
-
"modelValue",
|
|
94
|
-
"options",
|
|
95
|
-
"error-message"
|
|
96
|
-
])]),
|
|
97
|
-
_: 1
|
|
98
|
-
}),
|
|
99
|
-
l(f(i), {
|
|
100
|
-
span: "4",
|
|
101
|
-
md: "6"
|
|
102
|
-
}, {
|
|
103
|
-
default: t(() => [l(f(b), c({
|
|
104
|
-
modelValue: f(O),
|
|
105
|
-
"onUpdate:modelValue": a[1] ||= (e) => g(O) ? O.value = e : null,
|
|
106
|
-
label: "Geboortedatum huisdier",
|
|
107
|
-
"error-message": f(A)
|
|
108
|
-
}, f(k)), {
|
|
109
|
-
popover: t(() => [l(f(y), {
|
|
110
|
-
"ref-variant": "blue-icon",
|
|
111
|
-
"tooltip-variant": "blue",
|
|
112
|
-
"tooltip-size": "small",
|
|
113
|
-
content: {
|
|
114
|
-
title: "Waarom de geboortedatum?",
|
|
115
|
-
description: "De leeftijd van je huisdier is cruciaal voor de premieberekening. Oudere dieren hebben vaak hogere premies vanwege verhoogde gezondheidsrisico's. Als je de exacte datum niet weet, gebruik dan een schatting."
|
|
116
|
-
}
|
|
117
|
-
})]),
|
|
118
|
-
_: 1
|
|
119
|
-
}, 16, ["modelValue", "error-message"])]),
|
|
120
|
-
_: 1
|
|
121
|
-
}),
|
|
122
|
-
l(f(i), {
|
|
123
|
-
span: "2",
|
|
124
|
-
md: "6"
|
|
125
|
-
}, {
|
|
126
|
-
default: t(() => [l(f(_), c({
|
|
127
|
-
modelValue: f(j),
|
|
128
|
-
"onUpdate:modelValue": a[2] ||= (e) => g(j) ? j.value = e : null,
|
|
129
|
-
label: "Postcode",
|
|
130
|
-
placeholder: "bv. 1234 AZ",
|
|
131
|
-
name: "zipcode",
|
|
132
|
-
mask: "####@@",
|
|
133
|
-
capitalize: "",
|
|
134
|
-
required: !1,
|
|
135
|
-
"error-message": f(N)
|
|
136
|
-
}, f(M)), {
|
|
137
|
-
popover: t(() => [l(f(y), {
|
|
138
|
-
"ref-variant": "blue-icon",
|
|
139
|
-
"tooltip-variant": "blue",
|
|
140
|
-
"tooltip-size": "small",
|
|
141
|
-
content: {
|
|
142
|
-
title: "Waarom je postcode?",
|
|
143
|
-
description: "Je postcode helpt ons om de juiste premie voor jouw huisdier te berekenen, omdat sommige verzekeraars hun tarieven op basis van je woonlocatie bepalen."
|
|
144
|
-
}
|
|
145
|
-
})]),
|
|
146
|
-
_: 1
|
|
147
|
-
}, 16, ["modelValue", "error-message"])]),
|
|
148
|
-
_: 1
|
|
149
|
-
})
|
|
150
|
-
]),
|
|
151
|
-
_: 1
|
|
152
|
-
}, 16, ["submit-disabled"]));
|
|
153
|
-
}
|
|
154
|
-
});
|
|
155
|
-
//#endregion
|
|
156
|
-
//#region src/entries/wc-forms/pet.ts
|
|
157
|
-
customElements.define("vd-pet-form", o(O, { shadowRoot: !1 }));
|
|
158
|
-
//#endregion
|
|
1
|
+
import{VdComparisonForm_default,VdFormCol_default,comparisonFormSharedDefaults,create$3,create$6,createBlock,createVNode,defineComponent,defineCustomElement,isRef,mergeDefaults,mergeProps,openBlock,unref,useComparisonFormProps,useValidator,withCtx}from"./useValidator-i4hsDLG4.js";import{VdInput_default}from"./VdInput-ByupXLnL.js";import{VdSelect_default}from"./VdSelect-CoIbpl6o.js";import{VdPopover_default}from"./VdPopover-BSX4-53B.js";import{DATE_TYPE_DDMMYYYY,VdBirthdateInput_default,createBirthdateRangeTest,dateFormatTest}from"./birthdate.schema-DmmaLv3m.js";import{VALIDATION_MESSAGES}from"./messages-Da6go1uu.js";var AGE_RANGE={min:0,max:99},petFormSchema=create$3({kind:create$6().required(VALIDATION_MESSAGES.pet.kindRequired),age:create$6().required(VALIDATION_MESSAGES.birthdate.required).test(`date_format`,VALIDATION_MESSAGES.birthdate.dateFormat,dateFormatTest).test(createBirthdateRangeTest({min:{value:7,unit:`week`},max:{value:AGE_RANGE.max,unit:`year`}},{future:()=>VALIDATION_MESSAGES.birthdate.tooYoung(AGE_RANGE.min),tooYoung:({earliest,latest})=>VALIDATION_MESSAGES.pet.outOfRange(earliest.format(DATE_TYPE_DDMMYYYY),latest.format(DATE_TYPE_DDMMYYYY)),tooOld:()=>VALIDATION_MESSAGES.birthdate.tooOld(AGE_RANGE.max)},`birthdate_range`)),zipcode:create$6().required(VALIDATION_MESSAGES.pet.zipcodeRequired).matches(/^\d{4}\s?[a-zA-Z]{2}$/,VALIDATION_MESSAGES.pet.zipcodeInvalid)}),PetKindsModel=[{title:`Hond`,value:`dog`},{title:`Kat`,value:`cat`},{title:`Konijn`,value:`rabbit`},{title:`Vogel`,value:`bird`}],PetForm_default=defineComponent({__name:`PetForm`,props:mergeDefaults({initialData:{},title:{},description:{},banner:{},layout:{},card:{type:Boolean},flat:{type:Boolean},fullWidth:{type:Boolean},submitLabel:{},submitDisabled:{type:Boolean}},{...comparisonFormSharedDefaults,title:`Dierenverzekering vergelijken`}),emits:[`submitted`],setup(__props,{emit:__emit}){let props=__props,baseFormProps=useComparisonFormProps(props),emit=__emit,{isSubmitting,handleSubmit,defineField}=useValidator(petFormSchema,{kind:props.initialData?.kind??`dog`,age:props.initialData?.age??``,zipcode:props.initialData?.zipcode??``}),[kind,kindAttrs,kindError]=defineField(`kind`,{validateAt:`change`}),[age,ageAttrs,ageError]=defineField(`age`),[zipcode,zipcodeAttrs,zipcodeError]=defineField(`zipcode`);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:`4`,md:`6`},{default:withCtx(()=>[createVNode(unref(VdSelect_default),mergeProps({modelValue:unref(kind),"onUpdate:modelValue":_cache[0]||=$event=>isRef(kind)?kind.value=$event:null,label:`Wat voor huisdier wil je verzekeren?`,placeholder:``,options:unref(PetKindsModel),name:`kind`,required:!1,"error-message":unref(kindError)},unref(kindAttrs)),null,16,[`modelValue`,`options`,`error-message`])]),_:1}),createVNode(unref(VdFormCol_default),{span:`4`,md:`6`},{default:withCtx(()=>[createVNode(unref(VdBirthdateInput_default),mergeProps({modelValue:unref(age),"onUpdate:modelValue":_cache[1]||=$event=>isRef(age)?age.value=$event:null,label:`Geboortedatum huisdier`,"error-message":unref(ageError)},unref(ageAttrs)),{popover:withCtx(()=>[createVNode(unref(VdPopover_default),{"ref-variant":`blue-icon`,"tooltip-variant":`blue`,"tooltip-size":`small`,content:{title:`Waarom de geboortedatum?`,description:`De leeftijd van je huisdier is cruciaal voor de premieberekening. Oudere dieren hebben vaak hogere premies vanwege verhoogde gezondheidsrisico's. Als je de exacte datum niet weet, gebruik dan een schatting.`}})]),_:1},16,[`modelValue`,`error-message`])]),_:1}),createVNode(unref(VdFormCol_default),{span:`2`,md:`6`},{default:withCtx(()=>[createVNode(unref(VdInput_default),mergeProps({modelValue:unref(zipcode),"onUpdate:modelValue":_cache[2]||=$event=>isRef(zipcode)?zipcode.value=$event:null,label:`Postcode`,placeholder:`bv. 1234 AZ`,name:`zipcode`,mask:`####@@`,capitalize:``,required:!1,"error-message":unref(zipcodeError)},unref(zipcodeAttrs)),{popover:withCtx(()=>[createVNode(unref(VdPopover_default),{"ref-variant":`blue-icon`,"tooltip-variant":`blue`,"tooltip-size":`small`,content:{title:`Waarom je postcode?`,description:`Je postcode helpt ons om de juiste premie voor jouw huisdier te berekenen, omdat sommige verzekeraars hun tarieven op basis van je woonlocatie bepalen.`}})]),_:1},16,[`modelValue`,`error-message`])]),_:1})]),_:1},16,[`submit-disabled`]))}});customElements.define(`vd-pet-form`,defineCustomElement(PetForm_default,{shadowRoot:!1}));
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
var __create=Object.create,__defProp=Object.defineProperty,__getOwnPropDesc=Object.getOwnPropertyDescriptor,__getOwnPropNames=Object.getOwnPropertyNames,__getProtoOf=Object.getPrototypeOf,__hasOwnProp=Object.prototype.hasOwnProperty,__commonJSMin=(cb,mod)=>()=>(mod||(cb((mod={exports:{}}).exports,mod),cb=null),mod.exports),__exportAll=(all,no_symbols)=>{let target={};for(var name in all)__defProp(target,name,{get:all[name],enumerable:!0});return no_symbols||__defProp(target,Symbol.toStringTag,{value:`Module`}),target},__copyProps=(to,from,except,desc)=>{if(from&&typeof from==`object`||typeof from==`function`)for(var keys=__getOwnPropNames(from),i=0,n=keys.length,key;i<n;i++)key=keys[i],!__hasOwnProp.call(to,key)&&key!==except&&__defProp(to,key,{get:(k=>from[k]).bind(null,key),enumerable:!(desc=__getOwnPropDesc(from,key))||desc.enumerable});return to},__toESM=(mod,isNodeMode,target)=>(target=mod==null?{}:__create(__getProtoOf(mod)),__copyProps(isNodeMode||!mod||!mod.__esModule?__defProp(target,`default`,{value:mod,enumerable:!0}):target,mod));export{__commonJSMin,__exportAll,__toESM};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{create$5,create$6}from"./useValidator-i4hsDLG4.js";function requiredOneOf(values,message){return create$6().required(message).oneOf(values,message)}function requiredString(message){return create$6().required(message)}function requiredNumber(message){return create$5().typeError(message).required(message)}export{requiredNumber,requiredOneOf,requiredString};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{ComparisonService,DataService,DataValidationService,HomeService}from"@vergelijkdirect/insurance-transmission-client";var instance;function createServices(){return{dataService:new DataService,dataValidationService:new DataValidationService,homeService:new HomeService,comparisonService:new ComparisonService}}function getService(){return instance||=createServices(),instance}export{getService};
|
package/dist/wc-forms/travel.js
CHANGED
|
@@ -1,99 +1 @@
|
|
|
1
|
-
import
|
|
2
|
-
import { t as g } from "./VdRadioGroup-BsMaGEuY.js";
|
|
3
|
-
import { t as _ } from "./VdPopover-CcRVedXS.js";
|
|
4
|
-
import { a as v, t as y } from "./birthdate.schema-DGsq2GQR.js";
|
|
5
|
-
import { t as b } from "./messages-kbFdNTrA.js";
|
|
6
|
-
import { n as x } from "./rules-Cj1sWDmF.js";
|
|
7
|
-
//#region src/comparisons/travel/paymentTerm.enum.ts
|
|
8
|
-
var S = /* @__PURE__ */ function(e) {
|
|
9
|
-
return e.Continuous = "L", e.ShortTerm = "S", e;
|
|
10
|
-
}({}), C = u({
|
|
11
|
-
PaymentTerm: x([S.Continuous, S.ShortTerm], b.travel.paymentTermRequired),
|
|
12
|
-
birthdate: y()
|
|
13
|
-
}), w = [{
|
|
14
|
-
value: S.Continuous,
|
|
15
|
-
label: "Doorlopend"
|
|
16
|
-
}, {
|
|
17
|
-
value: S.ShortTerm,
|
|
18
|
-
label: "Kortlopend"
|
|
19
|
-
}], T = /* @__PURE__ */ o({
|
|
20
|
-
__name: "TravelForm",
|
|
21
|
-
props: /*@__PURE__*/ e({
|
|
22
|
-
initialData: {},
|
|
23
|
-
title: {},
|
|
24
|
-
description: {},
|
|
25
|
-
banner: {},
|
|
26
|
-
layout: {},
|
|
27
|
-
card: { type: Boolean },
|
|
28
|
-
flat: { type: Boolean },
|
|
29
|
-
fullWidth: { type: Boolean },
|
|
30
|
-
submitLabel: {},
|
|
31
|
-
submitDisabled: { type: Boolean }
|
|
32
|
-
}, {
|
|
33
|
-
...m,
|
|
34
|
-
title: "Reisverzekering vergelijken"
|
|
35
|
-
}),
|
|
36
|
-
emits: ["submit"],
|
|
37
|
-
setup(e, { emit: a }) {
|
|
38
|
-
let o = e, u = i(o), m = a, { isSubmitting: y, handleSubmit: b, defineField: x } = p(C, {
|
|
39
|
-
PaymentTerm: o.initialData?.PaymentTerm ?? S.Continuous,
|
|
40
|
-
birthdate: o.initialData?.birthdate ?? ""
|
|
41
|
-
}), [T, E, D] = x("PaymentTerm", { validateAt: "change" }), [O, k, A] = x("birthdate");
|
|
42
|
-
function j() {
|
|
43
|
-
b((e) => {
|
|
44
|
-
m("submit", { ...e });
|
|
45
|
-
});
|
|
46
|
-
}
|
|
47
|
-
return (i, a) => (n(), l(d(f), s(d(u), {
|
|
48
|
-
"submit-disabled": e.submitDisabled || d(y),
|
|
49
|
-
onSubmit: j
|
|
50
|
-
}), {
|
|
51
|
-
default: t(() => [c(d(r), {
|
|
52
|
-
span: "5",
|
|
53
|
-
md: "6"
|
|
54
|
-
}, {
|
|
55
|
-
default: t(() => [c(d(g), s({
|
|
56
|
-
modelValue: d(T),
|
|
57
|
-
"onUpdate:modelValue": a[0] ||= (e) => h(T) ? T.value = e : null,
|
|
58
|
-
legend: "Kies je dekking",
|
|
59
|
-
name: "PaymentTerm",
|
|
60
|
-
options: d(w),
|
|
61
|
-
variant: "boxed",
|
|
62
|
-
required: !1,
|
|
63
|
-
"error-message": d(D)
|
|
64
|
-
}, d(E)), {
|
|
65
|
-
popover: t(() => [c(d(_), {
|
|
66
|
-
"ref-variant": "blue-icon",
|
|
67
|
-
"tooltip-variant": "blue",
|
|
68
|
-
"tooltip-size": "small",
|
|
69
|
-
content: {
|
|
70
|
-
title: "Kies je dekking",
|
|
71
|
-
description: "Doorlopend is al goedkoper wanneer je meer dan 1 keer op vakantie gaat. Ook weekendjes weg zijn meeverzekerd!"
|
|
72
|
-
}
|
|
73
|
-
})]),
|
|
74
|
-
_: 1
|
|
75
|
-
}, 16, [
|
|
76
|
-
"modelValue",
|
|
77
|
-
"options",
|
|
78
|
-
"error-message"
|
|
79
|
-
])]),
|
|
80
|
-
_: 1
|
|
81
|
-
}), c(d(r), {
|
|
82
|
-
span: "5",
|
|
83
|
-
md: "6"
|
|
84
|
-
}, {
|
|
85
|
-
default: t(() => [c(d(v), s({
|
|
86
|
-
modelValue: d(O),
|
|
87
|
-
"onUpdate:modelValue": a[1] ||= (e) => h(O) ? O.value = e : null,
|
|
88
|
-
"error-message": d(A)
|
|
89
|
-
}, d(k)), null, 16, ["modelValue", "error-message"])]),
|
|
90
|
-
_: 1
|
|
91
|
-
})]),
|
|
92
|
-
_: 1
|
|
93
|
-
}, 16, ["submit-disabled"]));
|
|
94
|
-
}
|
|
95
|
-
});
|
|
96
|
-
//#endregion
|
|
97
|
-
//#region src/entries/wc-forms/travel.ts
|
|
98
|
-
customElements.define("vd-travel-form", a(T, { shadowRoot: !1 }));
|
|
99
|
-
//#endregion
|
|
1
|
+
import{VdComparisonForm_default,VdFormCol_default,comparisonFormSharedDefaults,create$3,createBlock,createVNode,defineComponent,defineCustomElement,isRef,mergeDefaults,mergeProps,openBlock,unref,useComparisonFormProps,useValidator,withCtx}from"./useValidator-i4hsDLG4.js";import{VdRadioGroup_default}from"./VdRadioGroup-DrZBkeSB.js";import{VdPopover_default}from"./VdPopover-BSX4-53B.js";import{VdBirthdateInput_default,createBirthdateSchema}from"./birthdate.schema-DmmaLv3m.js";import{VALIDATION_MESSAGES}from"./messages-Da6go1uu.js";import{requiredOneOf}from"./rules-I6gvAZk7.js";var PaymentTerm=function(PaymentTerm){return PaymentTerm.Continuous=`L`,PaymentTerm.ShortTerm=`S`,PaymentTerm}({}),travelFormSchema=create$3({PaymentTerm:requiredOneOf([PaymentTerm.Continuous,PaymentTerm.ShortTerm],VALIDATION_MESSAGES.travel.paymentTermRequired),birthdate:createBirthdateSchema()}),paymentTerms_model_default=[{value:PaymentTerm.Continuous,label:`Doorlopend`},{value:PaymentTerm.ShortTerm,label:`Kortlopend`}],TravelForm_default=defineComponent({__name:`TravelForm`,props:mergeDefaults({initialData:{},title:{},description:{},banner:{},layout:{},card:{type:Boolean},flat:{type:Boolean},fullWidth:{type:Boolean},submitLabel:{},submitDisabled:{type:Boolean}},{...comparisonFormSharedDefaults,title:`Reisverzekering vergelijken`}),emits:[`submitted`],setup(__props,{emit:__emit}){let props=__props,baseFormProps=useComparisonFormProps(props),emit=__emit,{isSubmitting,handleSubmit,defineField}=useValidator(travelFormSchema,{PaymentTerm:props.initialData?.PaymentTerm??PaymentTerm.Continuous,birthdate:props.initialData?.birthdate??``}),[paymentTerm,paymentTermAttrs,paymentTermError]=defineField(`PaymentTerm`,{validateAt:`change`}),[birthdate,birthdateAttrs,birthdateError]=defineField(`birthdate`);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:`5`,md:`6`},{default:withCtx(()=>[createVNode(unref(VdRadioGroup_default),mergeProps({modelValue:unref(paymentTerm),"onUpdate:modelValue":_cache[0]||=$event=>isRef(paymentTerm)?paymentTerm.value=$event:null,legend:`Kies je dekking`,name:`PaymentTerm`,options:unref(paymentTerms_model_default),variant:`boxed`,required:!1,"error-message":unref(paymentTermError)},unref(paymentTermAttrs)),{popover:withCtx(()=>[createVNode(unref(VdPopover_default),{"ref-variant":`blue-icon`,"tooltip-variant":`blue`,"tooltip-size":`small`,content:{title:`Kies je dekking`,description:`Doorlopend is al goedkoper wanneer je meer dan 1 keer op vakantie gaat. Ook weekendjes weg zijn meeverzekerd!`}})]),_:1},16,[`modelValue`,`options`,`error-message`])]),_:1}),createVNode(unref(VdFormCol_default),{span:`5`,md:`6`},{default:withCtx(()=>[createVNode(unref(VdBirthdateInput_default),mergeProps({modelValue:unref(birthdate),"onUpdate:modelValue":_cache[1]||=$event=>isRef(birthdate)?birthdate.value=$event:null,"error-message":unref(birthdateError)},unref(birthdateAttrs)),null,16,[`modelValue`,`error-message`])]),_:1})]),_:1},16,[`submit-disabled`]))}});customElements.define(`vd-travel-form`,defineCustomElement(TravelForm_default,{shadowRoot:!1}));
|