@vergelijkdirect/comparison-forms 2.0.0-rc.9 → 2.0.0

package/dist/vue/comparison-forms.js

@@ -1,8 +1,8 @@
 import { Fragment as e, computed as t, createBlock as n, createCommentVNode as r, createElementBlock as i, createElementVNode as a, createSlots as o, createTextVNode as s, createVNode as c, defineComponent as l, inject as u, isRef as d, mergeDefaults as f, mergeModels as p, mergeProps as m, nextTick as h, normalizeClass as g, normalizeStyle as _, onMounted as v, openBlock as y, provide as b, ref as x, renderList as S, renderSlot as C, resolveDynamicComponent as w, toDisplayString as T, unref as E, useAttrs as D, useId as O, useModel as k, useSlots as A, vModelRadio as j, vModelSelect as M, watch as N, withCtx as P, withDirectives as F, withModifiers as I } from "vue";
 import { vMaska as L } from "maska/vue";
-import { cloneDeep as ee, isEqual as te } from "es-toolkit";
-import { reactivePick as ne, refDebounced as re, useAsyncState as ie } from "@vueuse/core";
-import { ComboboxCancel as ae, ComboboxContent as oe, ComboboxEmpty as se, ComboboxInput as ce, ComboboxItem as le, ComboboxItemIndicator as ue, ComboboxRoot as de, ComboboxTrigger as fe, ComboboxViewport as pe, ComboboxVirtualizer as me, Label as he, useForwardProps as ge } from "reka-ui";
+import { ComboboxCancel as ee, ComboboxContent as te, ComboboxEmpty as ne, ComboboxInput as re, ComboboxItem as ie, ComboboxItemIndicator as ae, ComboboxRoot as oe, ComboboxTrigger as se, ComboboxViewport as ce, ComboboxVirtualizer as le, Label as ue, useForwardProps as de } from "reka-ui";
+import { cloneDeep as fe, isEqual as pe } from "es-toolkit";
+import { reactivePick as me, refDebounced as he, useAsyncState as ge } from "@vueuse/core";
 import { autoUpdate as _e, flip as ve, offset as ye, shift as be, useFloating as xe } from "@floating-ui/vue";
 import { mixed as Se, number as Ce, object as R, string as z } from "yup";
 import { ComparisonService as we, DataService as Te, DataValidationService as Ee, HomeService as De, User as Oe } from "@vergelijkdirect/insurance-transmission-client";
@@ -22,20 +22,14 @@ var je = Object.defineProperty, B = (e, t) => {
 	return e.FamilyWithChildren = "I", e.FamilyWithoutChildren = "H", e.SingleWithoutChildren = "A", e.SingleWithChildren = "K", e;
 }({}), U = /* @__PURE__ */ function(e) {
 	return e.Yes = "J", e.No = "N", e;
-}({}), Me = [
-	"href",
-	"target",
-	"tabindex"
-], Ne = {
+}({}), Me = {
 	key: 1,
 	class: "vd-btn-new__label"
-}, Pe = ["disabled", "tabindex"], Fe = {
-	key: 1,
-	class: "vd-btn-new__label"
-}, Ie = /* @__PURE__ */ l({
+}, Ne = /* @__PURE__ */ l({
 	__name: "VdButton",
 	props: {
 		buttonType: { default: "primary" },
+		type: { default: "button" },
 		label: { default: "" },
 		disabled: {
 			type: Boolean,
@@ -61,74 +55,82 @@ var je = Object.defineProperty, B = (e, t) => {
 			type: Boolean,
 			default: !1
 		},
-		tabindex: { default: 0 }
+		tabindex: { default: null }
 	},
 	emits: ["click"],
-	setup(e, { emit: t }) {
-		let n = e, o = () => n.buttonType.split("-").map((e) => e ? `vd-btn-new--${e}` : ""), s = t, c = () => {
-			n.disabled || n.isLoading || s("click");
+	setup(e, { emit: o }) {
+		let c = e, l = o, u = A(), d = t(() => !!c.href), f = t(() => c.disabled || c.isLoading), p = t(() => !!c.label || !!u.default), h = t(() => d.value ? "a" : "button"), _ = t(() => [
+			"vd-btn-new",
+			...c.buttonType.split("-").map((e) => `vd-btn-new--${e}`),
+			{
+				"vd-btn-new--link-type": d.value,
+				"vd-btn-new--full-width": c.block,
+				"vd-btn-new--loading": c.isLoading,
+				"vd-btn-new--hide-label": c.hideLabelOnResize,
+				"vd-btn-new--disabled": f.value
+			},
+			c.size ? `vd-btn-new--${c.size}` : ""
+		]), v = t(() => {
+			let e = {
+				"aria-busy": c.isLoading || void 0,
+				"aria-label": c.hideLabelOnResize && c.label || void 0
+			};
+			return d.value ? {
+				...e,
+				href: f.value ? void 0 : c.href,
+				target: c.target,
+				rel: c.target === "_blank" ? "noopener noreferrer" : void 0,
+				"aria-disabled": f.value || void 0,
+				tabindex: f.value ? -1 : c.tabindex ?? void 0
+			} : {
+				...e,
+				type: c.type,
+				disabled: f.value,
+				tabindex: c.tabindex ?? void 0
+			};
+		}), b = (e) => {
+			if (f.value) {
+				e.preventDefault(), e.stopPropagation();
+				return;
+			}
+			l("click", e);
 		};
-		return (t, n) => e.href ? (y(), i("a", {
-			key: 0,
-			href: e.href,
-			target: e.target,
-			role: "button",
-			class: g(["vd-btn-new vd-btn-new--link-type", [
-				...o(),
-				{
-					"vd-btn-new--full-width": e.block,
-					"vd-btn-new--loading": e.isLoading,
-					"vd-btn-new--hide-label": e.hideLabelOnResize,
-					"vd-btn-new--disabled": e.disabled
-				},
-				e.size ? `vd-btn-new--${e.size}` : ""
-			]]),
-			tabindex: e.tabindex
-		}, [
-			e.icon && e.iconLeft ? (y(), i("i", {
-				key: 0,
-				class: g(["vd-btn-new__icon", [e.icon, { "vd-btn-new__icon--non-label": !e.label }]])
-			}, null, 2)) : r("", !0),
-			e.label ? (y(), i("span", Ne, T(e.label), 1)) : r("", !0),
-			e.icon && !e.iconLeft ? (y(), i("i", {
-				key: 2,
-				class: g(["vd-btn-new__icon", [e.icon, { "vd-btn-new__icon--non-label": !e.label }]])
-			}, null, 2)) : r("", !0),
-			n[0] ||= a("div", { class: "loader-circle" }, null, -1)
-		], 10, Me)) : (y(), i("button", {
-			key: 1,
-			class: g(["vd-btn-new", [
-				...o(),
-				{
-					"vd-btn-new--full-width": e.block,
-					"vd-btn-new--loading": e.isLoading,
-					"vd-btn-new--hide-label": e.hideLabelOnResize
-				},
-				e.size ? `vd-btn-new--${e.size}` : ""
-			]]),
-			disabled: e.disabled || e.isLoading,
-			tabindex: e.tabindex,
-			onClick: c
-		}, [
-			e.icon && e.iconLeft ? (y(), i("i", {
-				key: 0,
-				class: g(["vd-btn-new__icon", [e.icon, { "vd-btn-new__icon--non-label": !e.label }]])
-			}, null, 2)) : r("", !0),
-			e.label ? (y(), i("span", Fe, T(e.label), 1)) : r("", !0),
-			e.icon && !e.iconLeft ? (y(), i("i", {
-				key: 2,
-				class: g(["vd-btn-new__icon", [e.icon, { "vd-btn-new__icon--non-label": !e.label }]])
-			}, null, 2)) : r("", !0),
-			n[1] ||= a("div", { class: "loader-circle" }, null, -1)
-		], 10, Pe));
+		return (t, o) => (y(), n(w(h.value), m({ class: _.value }, v.value, { onClick: b }), {
+			default: P(() => [
+				e.icon && e.iconLeft ? (y(), i("i", {
+					key: 0,
+					class: g([
+						"vd-btn-new__icon",
+						e.icon,
+						{ "vd-btn-new__icon--non-label": !p.value }
+					]),
+					"aria-hidden": "true"
+				}, null, 2)) : r("", !0),
+				p.value ? (y(), i("span", Me, [C(t.$slots, "default", {}, () => [s(T(e.label), 1)])])) : r("", !0),
+				e.icon && !e.iconLeft ? (y(), i("i", {
+					key: 2,
+					class: g([
+						"vd-btn-new__icon",
+						e.icon,
+						{ "vd-btn-new__icon--non-label": !p.value }
+					]),
+					"aria-hidden": "true"
+				}, null, 2)) : r("", !0),
+				o[0] ||= a("div", {
+					class: "loader-circle",
+					"aria-hidden": "true"
+				}, null, -1)
+			]),
+			_: 3
+		}, 16, ["class"]));
 	}
-}), Le = { class: "vd-field" }, Re = ["for"], ze = {
+}), Pe = { class: "vd-field" }, Fe = {
 	key: 0,
 	class: "vd-field__asterisk"
-}, Be = {
+}, Ie = {
 	key: 1,
 	class: "vd-field__popover"
-}, Ve = [
+}, Le = [
 	"id",
 	"value",
 	"type",
@@ -138,22 +140,22 @@ var je = Object.defineProperty, B = (e, t) => {
 	"disabled",
 	"readonly",
 	"autocomplete"
-], He = {
+], Re = {
 	key: 0,
 	class: "vd-field__icon-and-loader"
-}, Ue = {
+}, ze = {
 	key: 0,
 	class: "vd-field__icon vd-field__icon--with-loader"
-}, We = { key: 1 }, Ge = {
+}, Be = { key: 1 }, Ve = {
 	key: 0,
 	class: "vd-field__loader-circle"
-}, Ke = {
+}, He = {
 	key: 0,
 	class: "vd-field__message vd-field__message--error"
-}, qe = {
+}, Ue = {
 	key: 1,
 	class: "vd-field__message vd-field__message--information"
-}, Je = /* @__PURE__ */ l({
+}, We = /* @__PURE__ */ l({
 	__name: "VdInput",
 	props: /*@__PURE__*/ p({
 		id: { default: null },
@@ -207,26 +209,29 @@ var je = Object.defineProperty, B = (e, t) => {
 		modelModifiers: {}
 	}),
 	emits: /*@__PURE__*/ p(["blur", "change"], ["update:modelValue"]),
-	setup(e, { emit: n }) {
-		let o = e, c = k(e, "modelValue"), l = n, u = A(), d = o.id ?? O(), f = (e) => o.capitalize ? e.toUpperCase() : e, p = t(() => !o.errorMessage && !o.verified && !o.hasError), m = t(() => !!c.value && !o.errorMessage && o.verified && !o.hasError && !o.loading), h = t(() => !!o.errorMessage || !!o.hasError), _ = t(() => !!o.errorMessage || !!u.errorMessage), v = (e) => {
-			c.value = f(e.target.value);
-		}, b = (e) => {
-			l("blur", f(e.target.value));
+	setup(e, { emit: o }) {
+		let c = e, l = k(e, "modelValue"), u = o, d = A(), f = c.id ?? O(), p = (e) => c.capitalize ? e.toUpperCase() : e, m = t(() => !c.errorMessage && !c.verified && !c.hasError), h = t(() => !!l.value && !c.errorMessage && c.verified && !c.hasError && !c.loading), _ = t(() => !!c.errorMessage || !!c.hasError), v = t(() => !!c.errorMessage || !!d.errorMessage), b = (e) => {
+			l.value = p(e.target.value);
 		}, x = (e) => {
-			l("change", f(e.target.value));
+			u("blur", p(e.target.value));
+		}, S = (e) => {
+			u("change", p(e.target.value));
 		};
-		return (t, n) => (y(), i("div", Le, [
+		return (t, o) => (y(), i("div", Pe, [
 			a("div", {
 				class: g(["vd-field__label-wrapper", { "vd-field__label-wrapper--disabled": e.disabled }]),
-				onClick: n[0] ||= I(() => {}, ["prevent"])
-			}, [e.label || E(u).label ? (y(), i("label", {
+				onClick: o[0] ||= I(() => {}, ["prevent"])
+			}, [e.label || E(d).label ? (y(), n(E(ue), {
 				key: 0,
-				for: e.name,
+				for: E(f),
 				class: "vd-field__label"
-			}, [a("span", null, [C(t.$slots, "label", {}, () => [s(T(e.label), 1)]), e.required ? (y(), i("span", ze, "*")) : r("", !0)])], 8, Re)) : r("", !0), E(u).popover ? (y(), i("span", Be, [C(t.$slots, "popover")])) : r("", !0)], 2),
-			a("div", { class: g(["vd-field__wrapper", { "vd-field__wrapper-checkmark": m.value && !(e.icon || E(u).icon) }]) }, [F(a("input", {
-				id: E(d),
-				value: c.value,
+			}, {
+				default: P(() => [a("span", null, [C(t.$slots, "label", {}, () => [s(T(e.label), 1)]), e.required ? (y(), i("span", Fe, "*")) : r("", !0)])]),
+				_: 3
+			}, 8, ["for"])) : r("", !0), E(d).popover ? (y(), i("span", Ie, [C(t.$slots, "popover")])) : r("", !0)], 2),
+			a("div", { class: g(["vd-field__wrapper", { "vd-field__wrapper-checkmark": h.value && !(e.icon || E(d).icon) }]) }, [F(a("input", {
+				id: E(f),
+				value: l.value,
 				type: e.type,
 				name: e.name,
 				inputmode: e.inputmode,
@@ -235,54 +240,54 @@ var je = Object.defineProperty, B = (e, t) => {
 				readonly: e.readonly,
 				autocomplete: e.autocomplete ? "off" : "on",
 				class: g(["vd-field__input", {
-					"vd-field__input--verified": m.value,
-					"vd-field__input--default": p.value,
-					"vd-field__input--error": h.value,
-					"vd-field__input--icon-left": (e.icon || E(u).icon) && e.iconLeft,
-					"vd-field__input--icon-right": (e.icon || E(u).icon) && !e.iconLeft,
+					"vd-field__input--verified": h.value,
+					"vd-field__input--default": m.value,
+					"vd-field__input--error": _.value,
+					"vd-field__input--icon-left": (e.icon || E(d).icon) && e.iconLeft,
+					"vd-field__input--icon-right": (e.icon || E(d).icon) && !e.iconLeft,
 					"vd-field__input--loading": e.loading,
-					"vd-field__input--loading vd-field__input--icon": e.loading && !e.iconLeft && (e.icon || E(u).icon)
+					"vd-field__input--loading vd-field__input--icon": e.loading && !e.iconLeft && (e.icon || E(d).icon)
 				}]),
-				onInput: v,
-				onChange: x,
-				onBlur: b
-			}, null, 42, Ve), [[E(L), e.mask || void 0]]), e.loading && e.icon && !e.iconLeft ? (y(), i("div", He, [n[1] ||= a("div", { class: "vd-field__loader-circle vd-field__loader-circle--and-icon" }, null, -1), e.icon || E(u).icon ? (y(), i("span", Ue, [C(t.$slots, "icon", {}, () => [a("i", { class: g(e.icon) }, null, 2)])])) : r("", !0)])) : (y(), i("div", We, [e.loading ? (y(), i("div", Ge)) : r("", !0), e.icon || E(u).icon ? (y(), i("span", {
+				onInput: b,
+				onChange: S,
+				onBlur: x
+			}, null, 42, Le), [[E(L), e.mask || void 0]]), e.loading && e.icon && !e.iconLeft ? (y(), i("div", Re, [o[1] ||= a("div", { class: "vd-field__loader-circle vd-field__loader-circle--and-icon" }, null, -1), e.icon || E(d).icon ? (y(), i("span", ze, [C(t.$slots, "icon", {}, () => [a("i", { class: g(e.icon) }, null, 2)])])) : r("", !0)])) : (y(), i("div", Be, [e.loading ? (y(), i("div", Ve)) : r("", !0), e.icon || E(d).icon ? (y(), i("span", {
 				key: 1,
 				class: g(["vd-field__icon", {
 					"vd-field__icon--left": e.iconLeft,
 					"vd-field__icon--disabled": e.disabled
 				}])
 			}, [C(t.$slots, "icon", {}, () => [a("i", { class: g(e.icon) }, null, 2)])], 2)) : r("", !0)]))], 2),
-			_.value || E(u).errorMessage ? (y(), i("div", Ke, [C(t.$slots, "errorMessage", {}, () => [n[2] ||= a("i", { class: "fas fa-exclamation-circle vd-field__message-icon" }, null, -1), s(" " + T(e.errorMessage), 1)])])) : r("", !0),
-			e.infoMessage || E(u).information ? (y(), i("div", qe, [C(t.$slots, "information", {}, () => [n[3] ||= a("i", { class: "fas fa-info-circle vd-field__message-icon" }, null, -1), s(" " + T(e.infoMessage), 1)])])) : r("", !0)
+			v.value || E(d).errorMessage ? (y(), i("div", He, [C(t.$slots, "errorMessage", {}, () => [o[2] ||= a("i", { class: "fas fa-exclamation-circle vd-field__message-icon" }, null, -1), s(" " + T(e.errorMessage), 1)])])) : r("", !0),
+			e.infoMessage || E(d).information ? (y(), i("div", Ue, [C(t.$slots, "information", {}, () => [o[3] ||= a("i", { class: "fas fa-info-circle vd-field__message-icon" }, null, -1), s(" " + T(e.infoMessage), 1)])])) : r("", !0)
 		]));
 	}
-}), Ye = { class: "vd-field" }, Xe = ["for"], Ze = {
+}), Ge = { class: "vd-field" }, Ke = {
 	key: 0,
 	class: "vd-field__asterisk"
-}, Qe = {
+}, qe = {
 	key: 1,
 	class: "vd-field__popover"
-}, $e = { class: "vd-field__wrapper" }, et = [
+}, Je = { class: "vd-field__wrapper" }, Ye = [
 	"id",
 	"name",
 	"disabled"
-], tt = {
+], Xe = {
 	key: 0,
 	value: "",
 	disabled: "",
 	selected: ""
-}, nt = [
+}, Ze = [
 	"value",
 	"selected",
 	"disabled"
-], rt = {
+], Qe = {
 	key: 0,
 	class: "vd-field__icon-and-loader"
-}, it = ["for"], at = {
+}, $e = {
 	key: 0,
 	class: "vd-field__message vd-field__message--error"
-}, ot = {
+}, et = {
 	key: 1,
 	class: "vd-field__message vd-field__message--information"
 }, W = /* @__PURE__ */ l({
@@ -316,76 +321,79 @@ var je = Object.defineProperty, B = (e, t) => {
 		modelModifiers: {}
 	}),
 	emits: /*@__PURE__*/ p(["blur", "select"], ["update:modelValue"]),
-	setup(n, { emit: o }) {
-		let c = n, l = k(n, "modelValue"), u = o, d = A(), f = c.id ?? O(), p = t({
-			get: () => l.value ?? "",
+	setup(o, { emit: c }) {
+		let l = o, u = k(o, "modelValue"), d = c, f = A(), p = l.id ?? O(), m = t({
+			get: () => u.value ?? "",
 			set: (e) => {
-				l.value = e === "" ? null : e;
+				u.value = e === "" ? null : e;
 			}
-		}), m = x(!0), h = t(() => !c.errorMessage && c.verified && !c.disabled && !c.loading), _ = t(() => !c.errorMessage && !h.value), v = t(() => !!c.errorMessage), b = () => `vd-field__select--placeholder-${!l.value && m.value ? "shown" : "hidden"}`, w = (e) => {
-			u("select", e.target.value), m.value = !1;
-		}, D = (e) => {
-			u("blur", e.target.value);
+		}), h = x(!0), _ = t(() => !l.errorMessage && l.verified && !l.disabled && !l.loading), v = t(() => !l.errorMessage && !_.value), b = t(() => !!l.errorMessage), w = () => `vd-field__select--placeholder-${!u.value && h.value ? "shown" : "hidden"}`, D = (e) => {
+			d("select", e.target.value), h.value = !1;
+		}, j = (e) => {
+			d("blur", e.target.value);
 		};
-		return (t, o) => (y(), i("div", Ye, [
-			a("div", { class: g(["vd-field__label-wrapper", { "vd-field__label-wrapper--disabled": n.disabled }]) }, [n.label || E(d).label ? (y(), i("label", {
+		return (t, c) => (y(), i("div", Ge, [
+			a("div", { class: g(["vd-field__label-wrapper", { "vd-field__label-wrapper--disabled": o.disabled }]) }, [o.label || E(f).label ? (y(), n(E(ue), {
 				key: 0,
-				for: n.name,
+				for: E(p),
 				class: "vd-field__label"
-			}, [a("span", null, [C(t.$slots, "label", {}, () => [s(T(n.label), 1)]), n.required ? (y(), i("span", Ze, "*")) : r("", !0)])], 8, Xe)) : r("", !0), E(d).popover ? (y(), i("span", Qe, [C(t.$slots, "popover")])) : r("", !0)], 2),
-			a("div", $e, [F(a("select", {
-				id: E(f),
-				"onUpdate:modelValue": o[0] ||= (e) => p.value = e,
-				name: n.name,
-				disabled: n.disabled,
-				class: g(["vd-field__input vd-field__select", [b(), {
-					"vd-field__input--error": v.value,
-					"vd-field__input--verified": h.value,
-					"vd-field__input--default": _.value,
-					"vd-field__select--placeholder-with-loader-and-icon-shown": n.loading
+			}, {
+				default: P(() => [a("span", null, [C(t.$slots, "label", {}, () => [s(T(o.label), 1)]), o.required ? (y(), i("span", Ke, "*")) : r("", !0)])]),
+				_: 3
+			}, 8, ["for"])) : r("", !0), E(f).popover ? (y(), i("span", qe, [C(t.$slots, "popover")])) : r("", !0)], 2),
+			a("div", Je, [F(a("select", {
+				id: E(p),
+				"onUpdate:modelValue": c[0] ||= (e) => m.value = e,
+				name: o.name,
+				disabled: o.disabled,
+				class: g(["vd-field__input vd-field__select", [w(), {
+					"vd-field__input--error": b.value,
+					"vd-field__input--verified": _.value,
+					"vd-field__input--default": v.value,
+					"vd-field__select--placeholder-with-loader-and-icon-shown": o.loading
 				}]]),
-				onChange: w,
-				onBlur: D
-			}, [n.placeholder ? (y(), i("option", tt, T(n.placeholder), 1)) : r("", !0), (y(!0), i(e, null, S(n.options, (e, t) => (y(), i("option", {
+				onChange: D,
+				onBlur: j
+			}, [o.placeholder ? (y(), i("option", Xe, T(o.placeholder), 1)) : r("", !0), (y(!0), i(e, null, S(o.options, (e, t) => (y(), i("option", {
 				key: e.value + "_" + t,
 				value: e.value,
 				selected: e.selected || !1,
 				disabled: e.disabled || !1
-			}, T(e.title), 9, nt))), 128))], 42, et), [[M, p.value]]), n.loading ? (y(), i("div", rt, [...o[1] ||= [a("div", { class: "vd-field__loader-circle vd-field__loader-circle--and-icon" }, null, -1), a("span", { class: "vd-field__icon vd-field__icon--with-loader" }, [a("i", { class: "fas vd-field__select-icon--with-loader" })], -1)]])) : (y(), i("label", {
+			}, T(e.title), 9, Ze))), 128))], 42, Ye), [[M, m.value]]), o.loading ? (y(), i("div", Qe, [...c[1] ||= [a("div", { class: "vd-field__loader-circle vd-field__loader-circle--and-icon" }, null, -1), a("span", { class: "vd-field__icon vd-field__icon--with-loader" }, [a("i", { class: "fas vd-field__select-icon--with-loader" })], -1)]])) : (y(), n(E(ue), {
 				key: 1,
-				for: E(f),
+				for: E(p),
 				class: "vd-field__select-icon"
-			}, null, 8, it))]),
-			v.value || E(d).errorMessage ? (y(), i("div", at, [C(t.$slots, "errorMessage", {}, () => [o[2] ||= a("i", { class: "fas fa-exclamation-circle vd-field__message-icon" }, null, -1), s(" " + T(n.errorMessage), 1)])])) : r("", !0),
-			n.infoMessage || E(d).information ? (y(), i("div", ot, [C(t.$slots, "information", {}, () => [o[3] ||= a("i", { class: "fas fa-info-circle vd-field__message-icon" }, null, -1), s(" " + T(n.infoMessage), 1)])])) : r("", !0)
+			}, null, 8, ["for"]))]),
+			b.value || E(f).errorMessage ? (y(), i("div", $e, [C(t.$slots, "errorMessage", {}, () => [c[2] ||= a("i", { class: "fas fa-exclamation-circle vd-field__message-icon" }, null, -1), s(" " + T(o.errorMessage), 1)])])) : r("", !0),
+			o.infoMessage || E(f).information ? (y(), i("div", et, [C(t.$slots, "information", {}, () => [c[3] ||= a("i", { class: "fas fa-info-circle vd-field__message-icon" }, null, -1), s(" " + T(o.infoMessage), 1)])])) : r("", !0)
 		]));
 	}
 });
 //#endregion
 //#region node_modules/es-toolkit/dist/_internal/isEqualsSameValueZero.mjs
-function st(e, t) {
+function tt(e, t) {
 	return e === t || Number.isNaN(e) && Number.isNaN(t);
 }
 //#endregion
 //#region node_modules/es-toolkit/dist/compat/util/toString.mjs
-function ct(e) {
+function nt(e) {
 	if (e == null) return "";
 	if (typeof e == "string") return e;
-	if (Array.isArray(e)) return e.map(ct).join(",");
+	if (Array.isArray(e)) return e.map(nt).join(",");
 	let t = String(e);
 	return t === "0" && Object.is(Number(e), -0) ? "-0" : t;
 }
 //#endregion
 //#region node_modules/es-toolkit/dist/compat/_internal/toKey.mjs
-function lt(e) {
+function rt(e) {
 	return typeof e == "string" || typeof e == "symbol" ? e : Object.is(e?.valueOf?.(), -0) ? "-0" : String(e);
 }
 //#endregion
 //#region node_modules/es-toolkit/dist/compat/util/toPath.mjs
-function ut(e) {
-	if (Array.isArray(e)) return e.map(lt);
+function it(e) {
+	if (Array.isArray(e)) return e.map(rt);
 	if (typeof e == "symbol") return [e];
-	e = ct(e);
+	e = nt(e);
 	let t = [], n = e.length;
 	if (n === 0) return t;
 	let r = 0, i = "", a = "", o = !1;
@@ -405,12 +413,12 @@ function ut(e) {
 }
 //#endregion
 //#region node_modules/es-toolkit/dist/_internal/isUnsafeProperty.mjs
-function dt(e) {
+function at(e) {
 	return e === "__proto__";
 }
 //#endregion
 //#region node_modules/es-toolkit/dist/compat/_internal/isDeepKey.mjs
-function ft(e) {
+function ot(e) {
 	switch (typeof e) {
 		case "number":
 		case "symbol": return !1;
@@ -419,112 +427,112 @@ function ft(e) {
 }
 //#endregion
 //#region node_modules/es-toolkit/dist/compat/object/get.mjs
-function pt(e, t, n) {
+function st(e, t, n) {
 	if (e == null) return n;
 	switch (typeof t) {
 		case "string": {
-			if (dt(t)) return n;
+			if (at(t)) return n;
 			let r = e[t];
-			return r === void 0 ? ft(t) && !Object.hasOwn(e, t) ? pt(e, ut(t), n) : n : r;
+			return r === void 0 ? ot(t) && !Object.hasOwn(e, t) ? st(e, it(t), n) : n : r;
 		}
 		case "number":
 		case "symbol": {
-			typeof t == "number" && (t = lt(t));
+			typeof t == "number" && (t = rt(t));
 			let r = e[t];
 			return r === void 0 ? n : r;
 		}
 		default: {
-			if (Array.isArray(t)) return mt(e, t, n);
-			if (t = Object.is(t?.valueOf(), -0) ? "-0" : String(t), dt(t)) return n;
+			if (Array.isArray(t)) return ct(e, t, n);
+			if (t = Object.is(t?.valueOf(), -0) ? "-0" : String(t), at(t)) return n;
 			let r = e[t];
 			return r === void 0 ? n : r;
 		}
 	}
 }
-function mt(e, t, n) {
+function ct(e, t, n) {
 	if (t.length === 0) return n;
 	let r = e;
 	for (let e = 0; e < t.length; e++) {
-		if (r == null || dt(t[e])) return n;
+		if (r == null || at(t[e])) return n;
 		r = r[t[e]];
 	}
 	return r === void 0 ? n : r;
 }
 //#endregion
 //#region node_modules/es-toolkit/dist/compat/predicate/isObject.mjs
-function ht(e) {
+function lt(e) {
 	return e !== null && (typeof e == "object" || typeof e == "function");
 }
 //#endregion
 //#region node_modules/es-toolkit/dist/compat/_internal/isIndex.mjs
-var gt = /^(?:0|[1-9]\d*)$/;
-function _t(e, t = 2 ** 53 - 1) {
+var ut = /^(?:0|[1-9]\d*)$/;
+function dt(e, t = 2 ** 53 - 1) {
 	switch (typeof e) {
 		case "number": return Number.isInteger(e) && e >= 0 && e < t;
 		case "symbol": return !1;
-		case "string": return gt.test(e);
+		case "string": return ut.test(e);
 	}
 }
 //#endregion
 //#region node_modules/es-toolkit/dist/compat/predicate/isSymbol.mjs
-function vt(e) {
+function ft(e) {
 	return typeof e == "symbol" || e instanceof Symbol;
 }
 //#endregion
 //#region node_modules/es-toolkit/dist/compat/_internal/isKey.mjs
-var yt = /\.|\[(?:[^[\]]*|(["'])(?:(?!\1)[^\\]|\\.)*?\1)\]/, bt = /^\w*$/;
-function xt(e, t) {
-	return Array.isArray(e) ? !1 : typeof e == "number" || typeof e == "boolean" || e == null || vt(e) ? !0 : typeof e == "string" && (bt.test(e) || !yt.test(e)) || t != null && Object.hasOwn(t, e);
+var pt = /\.|\[(?:[^[\]]*|(["'])(?:(?!\1)[^\\]|\\.)*?\1)\]/, mt = /^\w*$/;
+function ht(e, t) {
+	return Array.isArray(e) ? !1 : typeof e == "number" || typeof e == "boolean" || e == null || ft(e) ? !0 : typeof e == "string" && (mt.test(e) || !pt.test(e)) || t != null && Object.hasOwn(t, e);
 }
 //#endregion
 //#region node_modules/es-toolkit/dist/compat/_internal/assignValue.mjs
-var St = (e, t, n) => {
+var gt = (e, t, n) => {
 	let r = e[t];
-	(!(Object.hasOwn(e, t) && st(r, n)) || n === void 0 && !(t in e)) && (e[t] = n);
+	(!(Object.hasOwn(e, t) && tt(r, n)) || n === void 0 && !(t in e)) && (e[t] = n);
 };
 //#endregion
 //#region node_modules/es-toolkit/dist/compat/object/updateWith.mjs
-function Ct(e, t, n, r) {
-	if (e == null && !ht(e)) return e;
+function _t(e, t, n, r) {
+	if (e == null && !lt(e)) return e;
 	let i;
-	i = xt(t, e) ? [t] : Array.isArray(t) ? t : ut(t);
-	let a = n(pt(e, i)), o = e;
+	i = ht(t, e) ? [t] : Array.isArray(t) ? t : it(t);
+	let a = n(st(e, i)), o = e;
 	for (let t = 0; t < i.length && o != null; t++) {
-		let n = lt(i[t]);
-		if (dt(n)) continue;
+		let n = rt(i[t]);
+		if (at(n)) continue;
 		let s;
 		if (t === i.length - 1) s = a;
 		else {
 			let a = o[n], c = r?.(a, n, e);
-			s = c === void 0 ? ht(a) ? a : _t(i[t + 1]) ? [] : {} : c;
+			s = c === void 0 ? lt(a) ? a : dt(i[t + 1]) ? [] : {} : c;
 		}
-		St(o, n, s), o = o[n];
+		gt(o, n, s), o = o[n];
 	}
 	return e;
 }
 //#endregion
 //#region node_modules/es-toolkit/dist/compat/object/set.mjs
-function wt(e, t, n) {
-	return Ct(e, t, () => n, () => void 0);
+function vt(e, t, n) {
+	return _t(e, t, () => n, () => void 0);
 }
 //#endregion
 //#region src/components/ui/VdSearchableSelect.vue?vue&type=script&setup=true&lang.ts
-var Tt = {
+var yt = {
 	key: 0,
 	class: "vd-field__asterisk"
-}, Et = {
+}, bt = {
 	key: 1,
 	class: "vd-field__popover"
-}, Dt = { class: "vd-field__wrapper" }, Ot = {
+}, xt = { class: "vd-field__wrapper" }, St = {
 	key: 1,
 	class: "vd-field__loader-circle"
-}, kt = {
+}, Ct = {
 	key: 0,
 	class: "vd-field__message vd-field__message--error"
-}, At = {
+}, wt = {
 	key: 1,
 	class: "vd-field__message vd-field__message--information"
-}, jt = /* @__PURE__ */ l({
+}, Tt = /* @__PURE__ */ l({
 	__name: "VdSearchableSelect",
 	props: /*@__PURE__*/ p({
 		id: {},
@@ -580,17 +588,17 @@ var Tt = {
 		"update:searchTerm"
 	]),
 	setup(o, { emit: l }) {
-		let u = o, d = ge(ne(u, "name", "disabled", "by", "ignoreFilter")), f = k(o, "modelValue"), p = k(o, "open"), h = k(o, "searchTerm"), _ = l, v = A(), b = u.id ?? O(), x = t(() => !!u.icon || !!v.icon), w = (e) => typeof e == "object" && !!e, D = (e) => w(e) ? pt(e, u.labelKey) ?? e.title ?? "" : String(e), j = (e) => w(e) ? u.valueKey === null ? e : pt(e, u.valueKey) : e, M = (e) => w(e) ? e.disabled : void 0, N = (e, t) => e === void 0 || t === void 0 ? !1 : !w(e) || !w(t) ? e === t : typeof u.by == "function" ? u.by(e, t) : typeof u.by == "string" ? pt(e, u.by) === pt(t, u.by) : te(e, t), F = (e) => e == null || e === "", I = t(() => !F(f.value)), L = t(() => u.errorMessage ? "error" : I.value && u.verified && !u.loading ? "verified" : "default"), ee = (e) => {
+		let u = o, d = de(me(u, "name", "disabled", "by", "ignoreFilter")), f = k(o, "modelValue"), p = k(o, "open"), h = k(o, "searchTerm"), _ = l, v = A(), b = u.id ?? O(), x = t(() => !!u.icon || !!v.icon), w = (e) => typeof e == "object" && !!e, D = (e) => w(e) ? st(e, u.labelKey) ?? e.title ?? "" : String(e), j = (e) => w(e) ? u.valueKey === null ? e : st(e, u.valueKey) : e, M = (e) => w(e) ? e.disabled : void 0, N = (e, t) => e === void 0 || t === void 0 ? !1 : !w(e) || !w(t) ? e === t : typeof u.by == "function" ? u.by(e, t) : typeof u.by == "string" ? st(e, u.by) === st(t, u.by) : pe(e, t), F = (e) => e == null || e === "", I = t(() => !F(f.value)), L = t(() => u.errorMessage ? "error" : I.value && u.verified && !u.loading ? "verified" : "default"), fe = (e) => {
 			if (F(e)) return "";
 			if (u.displayValue) return u.displayValue(e);
 			let t = u.options.find((t) => N(j(t), e));
 			return D(t ?? e);
-		}, re = (e) => {
+		}, he = (e) => {
 			_("select", e);
-		}, ie = () => {
+		}, ge = () => {
 			f.value = void 0, _("clear");
 		};
-		return (t, l) => (y(), n(E(de), m({
+		return (t, l) => (y(), n(E(oe), m({
 			modelValue: f.value,
 			"onUpdate:modelValue": l[3] ||= (e) => f.value = e,
 			open: p.value,
@@ -600,20 +608,20 @@ var Tt = {
 			"open-on-focus": ""
 		}, E(d)), {
 			default: P(() => [
-				a("div", { class: g(["vd-field__label-wrapper", { "vd-field__label-wrapper--disabled": o.disabled }]) }, [o.label || v.label ? (y(), n(E(he), {
+				a("div", { class: g(["vd-field__label-wrapper", { "vd-field__label-wrapper--disabled": o.disabled }]) }, [o.label || v.label ? (y(), n(E(ue), {
 					key: 0,
 					for: E(b),
 					class: "vd-field__label"
 				}, {
-					default: P(() => [a("span", null, [C(t.$slots, "label", {}, () => [s(T(o.label), 1)]), o.required ? (y(), i("span", Tt, "*")) : r("", !0)])]),
+					default: P(() => [a("span", null, [C(t.$slots, "label", {}, () => [s(T(o.label), 1)]), o.required ? (y(), i("span", yt, "*")) : r("", !0)])]),
 					_: 3
-				}, 8, ["for"])) : r("", !0), v.popover ? (y(), i("span", Et, [C(t.$slots, "popover")])) : r("", !0)], 2),
-				a("div", Dt, [
-					c(E(ce), {
+				}, 8, ["for"])) : r("", !0), v.popover ? (y(), i("span", bt, [C(t.$slots, "popover")])) : r("", !0)], 2),
+				a("div", xt, [
+					c(E(re), {
 						id: E(b),
 						modelValue: h.value,
 						"onUpdate:modelValue": l[0] ||= (e) => h.value = e,
-						"display-value": ee,
+						"display-value": fe,
 						placeholder: o.placeholder,
 						class: g(["vd-field__input vd-field__input--icon-right", [`vd-field__input--${L.value}`, { "vd-field__input--icon-left": x.value }]]),
 						onInput: l[1] ||= (e) => _("search", e.target.value),
@@ -628,15 +636,15 @@ var Tt = {
 						key: 0,
 						class: g(["vd-field__icon vd-field__icon--left", { "vd-field__icon--disabled": o.disabled }])
 					}, [C(t.$slots, "icon", {}, () => [a("i", { class: g(o.icon) }, null, 2)])], 2)) : r("", !0),
-					o.loading ? (y(), i("div", Ot)) : o.clearable && I.value ? (y(), n(E(ae), {
+					o.loading ? (y(), i("div", St)) : o.clearable && I.value ? (y(), n(E(ee), {
 						key: 2,
 						as: "span",
 						class: "vd-field__icon",
-						onClick: ie
+						onClick: ge
 					}, {
 						default: P(() => [...l[5] ||= [a("i", { class: "far fa-times vd-field__icon--clickable" }, null, -1)]]),
 						_: 1
-					})) : (y(), n(E(fe), {
+					})) : (y(), n(E(se), {
 						key: 3,
 						as: "span",
 						class: "vd-field__icon"
@@ -644,23 +652,23 @@ var Tt = {
 						default: P(() => [a("i", { class: g(p.value ? "far fa-chevron-up" : "far fa-chevron-down") }, null, 2)]),
 						_: 1
 					})),
-					c(E(oe), { class: "vd-combobox" }, {
-						default: P(() => [c(E(pe), { class: "vd-combobox__list" }, {
-							default: P(() => [o.virtual ? (y(), n(E(me), {
+					c(E(te), { class: "vd-combobox" }, {
+						default: P(() => [c(E(ce), { class: "vd-combobox__list" }, {
+							default: P(() => [o.virtual ? (y(), n(E(le), {
 								key: 0,
 								options: o.options,
 								"estimate-size": o.estimateSize,
 								overscan: o.overscan,
 								"text-content": D
 							}, {
-								default: P(({ option: e }) => [c(E(le), {
+								default: P(({ option: e }) => [c(E(ie), {
 									value: j(e),
 									"text-value": D(e),
 									disabled: M(e),
 									class: "vd-combobox__item",
-									onSelect: (t) => re(j(e))
+									onSelect: (t) => he(j(e))
 								}, {
-									default: P(() => [C(t.$slots, "item", { option: e }, () => [s(T(D(e)), 1)]), c(E(ue), { class: "vd-combobox__check" }, {
+									default: P(() => [C(t.$slots, "item", { option: e }, () => [s(T(D(e)), 1)]), c(E(ae), { class: "vd-combobox__check" }, {
 										default: P(() => [...l[6] ||= [a("i", { class: "far fa-check" }, null, -1)]]),
 										_: 1
 									})]),
@@ -676,15 +684,15 @@ var Tt = {
 								"options",
 								"estimate-size",
 								"overscan"
-							])) : (y(!0), i(e, { key: 1 }, S(o.options, (e, r) => (y(), n(E(le), {
+							])) : (y(!0), i(e, { key: 1 }, S(o.options, (e, r) => (y(), n(E(ie), {
 								key: r,
 								value: j(e),
 								"text-value": D(e),
 								disabled: M(e),
 								class: "vd-combobox__item",
-								onSelect: (t) => re(j(e))
+								onSelect: (t) => he(j(e))
 							}, {
-								default: P(() => [C(t.$slots, "item", { option: e }, () => [s(T(D(e)), 1)]), c(E(ue), { class: "vd-combobox__check" }, {
+								default: P(() => [C(t.$slots, "item", { option: e }, () => [s(T(D(e)), 1)]), c(E(ae), { class: "vd-combobox__check" }, {
 									default: P(() => [...l[7] ||= [a("i", { class: "far fa-check" }, null, -1)]]),
 									_: 1
 								})]),
@@ -694,7 +702,7 @@ var Tt = {
 								"text-value",
 								"disabled",
 								"onSelect"
-							]))), 128)), c(E(se), { class: "vd-combobox__empty" }, {
+							]))), 128)), c(E(ne), { class: "vd-combobox__empty" }, {
 								default: P(() => [s(T(o.noResultsText), 1)]),
 								_: 1
 							})]),
@@ -703,18 +711,18 @@ var Tt = {
 						_: 3
 					})
 				]),
-				L.value === "error" || v.errorMessage ? (y(), i("div", kt, [C(t.$slots, "errorMessage", {}, () => [l[8] ||= a("i", { class: "fas fa-exclamation-circle vd-field__message-icon" }, null, -1), s(" " + T(o.errorMessage), 1)])])) : r("", !0),
-				o.infoMessage || v.information ? (y(), i("div", At, [C(t.$slots, "information", {}, () => [l[9] ||= a("i", { class: "fas fa-info-circle vd-field__message-icon" }, null, -1), s(" " + T(o.infoMessage), 1)])])) : r("", !0)
+				L.value === "error" || v.errorMessage ? (y(), i("div", Ct, [C(t.$slots, "errorMessage", {}, () => [l[8] ||= a("i", { class: "fas fa-exclamation-circle vd-field__message-icon" }, null, -1), s(" " + T(o.errorMessage), 1)])])) : r("", !0),
+				o.infoMessage || v.information ? (y(), i("div", wt, [C(t.$slots, "information", {}, () => [l[9] ||= a("i", { class: "fas fa-info-circle vd-field__message-icon" }, null, -1), s(" " + T(o.infoMessage), 1)])])) : r("", !0)
 			]),
 			_: 3
 		}, 16, ["modelValue", "open"]));
 	}
-}), Mt = { class: "vd-radio-field" }, Nt = { class: "vd-radio-field__input" }, Pt = [
+}), Et = { class: "vd-radio-field" }, Dt = { class: "vd-radio-field__input" }, Ot = [
 	"id",
 	"disabled",
 	"name",
 	"value"
-], Ft = ["for"], It = /* @__PURE__ */ l({
+], kt = ["for"], At = /* @__PURE__ */ l({
 	__name: "VdRadio",
 	props: /*@__PURE__*/ p({
 		name: {},
@@ -760,8 +768,8 @@ var Tt = {
 		}, f = (e) => {
 			c("blur", n.value, e.target.value);
 		};
-		return (t, n) => (y(), i("div", Mt, [
-			a("div", Nt, [F(a("input", {
+		return (t, n) => (y(), i("div", Et, [
+			a("div", Dt, [F(a("input", {
 				id: E(u),
 				"onUpdate:modelValue": n[0] ||= (e) => o.value = e,
 				disabled: e.disabled,
@@ -774,28 +782,28 @@ var Tt = {
 				type: "radio",
 				onChange: d,
 				onBlur: f
-			}, null, 42, Pt), [[j, o.value]])]),
+			}, null, 42, Ot), [[j, o.value]])]),
 			e.label || E(l).label ? (y(), i("label", {
 				key: 0,
 				class: "vd-radio-field__label",
 				for: E(u)
-			}, [C(t.$slots, "label", {}, () => [s(T(e.label), 1)])], 8, Ft)) : r("", !0),
+			}, [C(t.$slots, "label", {}, () => [s(T(e.label), 1)])], 8, kt)) : r("", !0),
 			C(t.$slots, "popover")
 		]));
 	}
-}), Lt = ["disabled"], Rt = { class: "vd-field__label" }, zt = {
+}), jt = ["disabled"], Mt = { class: "vd-field__label" }, Nt = {
 	key: 0,
 	class: "vd-field__asterisk"
-}, Bt = {
+}, Pt = {
 	key: 0,
 	class: "vd-field__popover"
-}, Vt = {
+}, Ft = {
 	key: 1,
 	class: "vd-field__message vd-field__message--error"
-}, Ht = {
+}, It = {
 	key: 2,
 	class: "vd-field__message vd-field__message--information"
-}, Ut = /* @__PURE__ */ l({
+}, Lt = /* @__PURE__ */ l({
 	__name: "VdRadioGroup",
 	props: /*@__PURE__*/ p({
 		name: {},
@@ -842,8 +850,8 @@ var Tt = {
 			o.legend || E(f).legend ? (y(), i("legend", {
 				key: 0,
 				class: g(["vd-field__label-wrapper", { "vd-field__label-wrapper--disabled": o.disabled }])
-			}, [a("div", Rt, [C(t.$slots, "legend", {}, () => [s(T(o.legend), 1)]), o.required ? (y(), i("span", zt, "*")) : r("", !0)]), E(f).popover ? (y(), i("span", Bt, [C(t.$slots, "popover")])) : r("", !0)], 2)) : r("", !0),
-			a("div", { class: g(["vd-radio-group__list", o.groupClass]) }, [(y(!0), i(e, null, S(o.options, (e) => (y(), n(It, {
+			}, [a("div", Mt, [C(t.$slots, "legend", {}, () => [s(T(o.legend), 1)]), o.required ? (y(), i("span", Nt, "*")) : r("", !0)]), E(f).popover ? (y(), i("span", Pt, [C(t.$slots, "popover")])) : r("", !0)], 2)) : r("", !0),
+			a("div", { class: g(["vd-radio-group__list", o.groupClass]) }, [(y(!0), i(e, null, S(o.options, (e) => (y(), n(At, {
 				key: e.value,
 				modelValue: u.value,
 				"onUpdate:modelValue": c[0] ||= (e) => u.value = e,
@@ -866,14 +874,14 @@ var Tt = {
 				"disabled",
 				"invalid"
 			]))), 128))], 2),
-			p.value ? (y(), i("div", Vt, [c[1] ||= a("i", { class: "fas fa-exclamation-circle vd-field__message-icon" }, null, -1), s(" " + T(o.errorMessage), 1)])) : r("", !0),
-			o.infoMessage || E(f).information ? (y(), i("div", Ht, [C(t.$slots, "information", {}, () => [c[2] ||= a("i", { class: "fas fa-info-circle vd-field__message-icon" }, null, -1), s(" " + T(o.infoMessage), 1)])])) : r("", !0)
-		], 10, Lt));
+			p.value ? (y(), i("div", Ft, [c[1] ||= a("i", { class: "fas fa-exclamation-circle vd-field__message-icon" }, null, -1), s(" " + T(o.errorMessage), 1)])) : r("", !0),
+			o.infoMessage || E(f).information ? (y(), i("div", It, [C(t.$slots, "information", {}, () => [c[2] ||= a("i", { class: "fas fa-info-circle vd-field__message-icon" }, null, -1), s(" " + T(o.infoMessage), 1)])])) : r("", !0)
+		], 10, jt));
 	}
-}), Wt = { class: "vd-notification__content" }, Gt = {
+}), Rt = { class: "vd-notification__content" }, zt = {
 	key: 0,
 	class: "vd-notification__title"
-}, Kt = /* @__PURE__ */ l({
+}, Bt = /* @__PURE__ */ l({
 	__name: "VdNotification",
 	props: {
 		type: { default: "warning" },
@@ -892,12 +900,12 @@ var Tt = {
 			success: "fas fa-check-circle",
 			error: "fas fa-times-circle"
 		};
-		return (n, o) => (y(), i("div", { class: g(["vd-notification", [`vd-notification--${e.type}`, { "vd-notification--small": e.small }]]) }, [a("i", { class: g([e.icon || t[e.type], "vd-notification__icon"]) }, null, 2), a("p", Wt, [e.title ? (y(), i("span", Gt, T(e.title), 1)) : r("", !0), C(n.$slots, "default", {}, () => [s(T(e.text), 1)])])], 2));
+		return (n, o) => (y(), i("div", { class: g(["vd-notification", [`vd-notification--${e.type}`, { "vd-notification--small": e.small }]]) }, [a("i", { class: g([e.icon || t[e.type], "vd-notification__icon"]) }, null, 2), a("p", Rt, [e.title ? (y(), i("span", zt, T(e.title), 1)) : r("", !0), C(n.$slots, "default", {}, () => [s(T(e.text), 1)])])], 2));
 	}
-}), qt = { class: "vd-popover__title" }, Jt = {
+}), Vt = { class: "vd-popover__title" }, Ht = {
 	key: 0,
 	class: "vd-popover__title-icon"
-}, Yt = { key: 1 }, Xt = /* @__PURE__ */ l({
+}, Ut = { key: 1 }, Wt = /* @__PURE__ */ l({
 	__name: "VdPopoverHeader",
 	props: {
 		title: { default: "" },
@@ -908,12 +916,12 @@ var Tt = {
 		let n = t, o = () => {
 			n("close");
 		};
-		return (t, n) => (y(), i("div", { class: g(["vd-popover__header", { "vd-popover__header--only-close-icon": !e.title }]) }, [e.title ? C(t.$slots, "default", { key: 0 }, () => [a("div", qt, [e.icon ? (y(), i("div", Jt, [a("i", { class: g(e.icon) }, null, 2)])) : r("", !0), e.title ? (y(), i("span", Yt, T(e.title), 1)) : r("", !0)])]) : r("", !0), a("button", {
+		return (t, n) => (y(), i("div", { class: g(["vd-popover__header", { "vd-popover__header--only-close-icon": !e.title }]) }, [e.title ? C(t.$slots, "default", { key: 0 }, () => [a("div", Vt, [e.icon ? (y(), i("div", Ht, [a("i", { class: g(e.icon) }, null, 2)])) : r("", !0), e.title ? (y(), i("span", Ut, T(e.title), 1)) : r("", !0)])]) : r("", !0), a("button", {
 			class: "vd-popover__close-btn",
 			onClick: o
 		}, [...n[0] ||= [a("i", { class: "far fa-times vd-popover__close-btn-icon" }, null, -1)]])], 2));
 	}
-}), Zt = ["innerHTML"], Qt = /* @__PURE__ */ l({
+}), Gt = ["innerHTML"], Kt = /* @__PURE__ */ l({
 	__name: "VdPopoverTooltip",
 	props: {
 		content: { default: () => ({
@@ -936,7 +944,7 @@ var Tt = {
 		return (t, a) => (y(), i("div", {
 			class: g(["vd-popover__tooltip", [e.size ? `vd-popover__tooltip--${e.size}` : "", e.variant ? `vd-popover__tooltip--${e.variant}` : ""]]),
 			onPointerdown: a[0] ||= I(() => {}, ["prevent"])
-		}, [e.hideHeaderTooltip ? r("", !0) : (y(), n(Xt, {
+		}, [e.hideHeaderTooltip ? r("", !0) : (y(), n(Wt, {
 			key: 0,
 			title: e.content.title,
 			icon: e.headerIconTooltip,
@@ -945,9 +953,9 @@ var Tt = {
 			key: 1,
 			class: "vd-popover__description",
 			innerHTML: e.content.description
-		}, null, 8, Zt)) : r("", !0)], 34));
+		}, null, 8, Gt)) : r("", !0)], 34));
 	}
-}), $t = { key: 1 }, en = /* @__PURE__ */ l({
+}), qt = { key: 1 }, Jt = /* @__PURE__ */ l({
 	__name: "VdPopoverReference",
 	props: {
 		label: { default: "" },
@@ -964,7 +972,7 @@ var Tt = {
 				key: 0,
 				class: g(e.icon)
 			}, null, 2)) : r("", !0),
-			e.label ? (y(), i("span", $t, T(e.label), 1)) : r("", !0),
+			e.label ? (y(), i("span", qt, T(e.label), 1)) : r("", !0),
 			e.iconLeft ? r("", !0) : (y(), i("i", {
 				key: 2,
 				class: g(e.icon)
@@ -1056,7 +1064,7 @@ var Tt = {
 			onMousedown: m,
 			isOpen: l.value,
 			close: f
-		}, () => [c(en, {
+		}, () => [c(Jt, {
 			variant: e.refVariant,
 			label: e.label,
 			icon: e.iconRef,
@@ -1073,7 +1081,7 @@ var Tt = {
 			style: _(E(s)),
 			class: g(["vd-popover__floating", t.fullWidth ? "vd-popover__floating--full-width" : ""]),
 			onPointerdown: d[0] ||= I(() => {}, ["prevent"])
-		}, [C(u.$slots, "tooltip", { close: f }, () => [c(Qt, {
+		}, [C(u.$slots, "tooltip", { close: f }, () => [c(Kt, {
 			content: e.content,
 			variant: e.tooltipVariant,
 			size: e.tooltipSize,
@@ -1098,21 +1106,21 @@ var Tt = {
 	fullWidth: !1,
 	submitLabel: "Vergelijken",
 	submitDisabled: !1
-}, tn = Object.keys(K);
+}, Yt = Object.keys(K);
 function q(e) {
-	return ne(e, ...tn);
+	return me(e, ...Yt);
 }
 //#endregion
 //#region \0plugin-vue:export-helper
-var nn = (e, t) => {
+var Xt = (e, t) => {
 	let n = e.__vccOpts || e;
 	for (let [e, r] of t) n[e] = r;
 	return n;
-}, rn = {}, an = { class: "vd-form__row" };
-function on(e, t) {
-	return y(), i("div", an, [C(e.$slots, "default")]);
+}, Zt = {}, Qt = { class: "vd-form__row" };
+function $t(e, t) {
+	return y(), i("div", Qt, [C(e.$slots, "default")]);
 }
-var sn = /*#__PURE__*/ nn(rn, [["render", on]]), J = /* @__PURE__ */ l({
+var en = /*#__PURE__*/ Xt(Zt, [["render", $t]]), J = /* @__PURE__ */ l({
 	__name: "VdFormCol",
 	props: {
 		span: { default: null },
@@ -1127,16 +1135,16 @@ var sn = /*#__PURE__*/ nn(rn, [["render", on]]), J = /* @__PURE__ */ l({
 		]);
 		return (e, t) => (y(), i("div", { class: g(r.value) }, [C(e.$slots, "default")], 2));
 	}
-}), cn = {
+}), tn = {
 	key: 0,
 	class: "vd-form__banner"
-}, ln = ["innerHTML"], un = {
+}, nn = ["innerHTML"], rn = {
 	key: 1,
 	class: "vd-form__header"
-}, dn = {
+}, an = {
 	key: 0,
 	class: "vd-form__title"
-}, fn = {
+}, on = {
 	key: 1,
 	class: "vd-form__description"
 }, Y = /* @__PURE__ */ l({
@@ -1171,17 +1179,18 @@ var sn = /*#__PURE__*/ nn(rn, [["render", on]]), J = /* @__PURE__ */ l({
 		};
 		return (t, n) => (y(), i("form", {
 			class: g(u.value),
-			onSubmit: I(d, ["prevent"])
+			onSubmit: I(d, ["prevent", "stop"])
 		}, [
-			E(l).banner || e.banner ? (y(), i("div", cn, [C(t.$slots, "banner", {}, () => [a("span", { innerHTML: e.banner }, null, 8, ln)])])) : r("", !0),
-			E(l).header || e.title || e.description ? (y(), i("div", un, [C(t.$slots, "header", {}, () => [e.title ? (y(), i("h2", dn, T(e.title), 1)) : r("", !0), e.description ? (y(), i("p", fn, T(e.description), 1)) : r("", !0)])])) : r("", !0),
-			c(sn, null, {
+			E(l).banner || e.banner ? (y(), i("div", tn, [C(t.$slots, "banner", {}, () => [a("span", { innerHTML: e.banner }, null, 8, nn)])])) : r("", !0),
+			E(l).header || e.title || e.description ? (y(), i("div", rn, [C(t.$slots, "header", {}, () => [e.title ? (y(), i("h2", an, T(e.title), 1)) : r("", !0), e.description ? (y(), i("p", on, T(e.description), 1)) : r("", !0)])])) : r("", !0),
+			c(en, null, {
 				default: P(() => [C(t.$slots, "default"), c(J, {
 					class: "vd-form__action",
 					span: e.actionSpan,
 					md: e.actionMd
 				}, {
-					default: P(() => [C(t.$slots, "action", {}, () => [c(Ie, {
+					default: P(() => [C(t.$slots, "action", {}, () => [c(Ne, {
+						type: "submit",
 						label: e.submitLabel,
 						"button-type": "green",
 						size: "big",
@@ -1195,7 +1204,7 @@ var sn = /*#__PURE__*/ nn(rn, [["render", on]]), J = /* @__PURE__ */ l({
 			})
 		], 34));
 	}
-}), pn = /* @__PURE__ */ l({
+}), sn = /* @__PURE__ */ l({
 	__name: "VdFormGroup",
 	props: {
 		span: { default: null },
@@ -1228,7 +1237,7 @@ var sn = /*#__PURE__*/ nn(rn, [["render", on]]), J = /* @__PURE__ */ l({
 	emits: ["update:modelValue"],
 	setup(e) {
 		let t = A(), r = k(e, "modelValue");
-		return (i, a) => (y(), n(Je, m({
+		return (i, a) => (y(), n(We, m({
 			modelValue: r.value,
 			"onUpdate:modelValue": a[0] ||= (e) => r.value = e,
 			label: e.label,
@@ -1250,7 +1259,7 @@ var sn = /*#__PURE__*/ nn(rn, [["render", on]]), J = /* @__PURE__ */ l({
 			"required"
 		]));
 	}
-}), mn = /* @__PURE__ */ l({
+}), cn = /* @__PURE__ */ l({
 	inheritAttrs: !1,
 	__name: "VdFamilyCompositionSelect",
 	props: /*@__PURE__*/ p({
@@ -1303,21 +1312,21 @@ var sn = /*#__PURE__*/ nn(rn, [["render", on]]), J = /* @__PURE__ */ l({
 			"required"
 		]));
 	}
-}), hn = (e) => e.replace(/\["(\d+)"\]/g, "[$1]"), gn = (e, t) => `${e}${t}`, _n = (e) => (e.inner || []).reduce((e, t) => {
-	let n = hn(t.path);
+}), ln = (e) => e.replace(/\["(\d+)"\]/g, "[$1]"), un = (e, t) => `${e}${t}`, dn = (e) => (e.inner || []).reduce((e, t) => {
+	let n = ln(t.path);
 	return e[n] || (e[n] = t.message), e;
-}, {}), vn = (e) => {
+}, {}), fn = (e) => {
 	if (!e.inner) throw e;
-	return _n(e);
-}, yn = { isValidating: !1 }, bn = {
+	return dn(e);
+}, pn = { isValidating: !1 }, mn = {
 	validateAt: "blur",
 	strict: !0,
 	abortEarly: !1
-}, xn = Symbol("useValidator"), Z = (e, n, r) => {
+}, hn = Symbol("useValidator"), Z = (e, n, r) => {
 	let i = {
-		...bn,
+		...mn,
 		...r
-	}, a = ee(n), o = x(ee(a)), s = x({}), c = x(!1), l = x(!1), u = x({}), d = (e) => t({
+	}, a = fe(n), o = x(fe(a)), s = x({}), c = x(!1), l = x(!1), u = x({}), d = (e) => t({
 		get: () => v(e),
 		set: (t) => y(e, t)
 	}), f = (e, n) => t(() => ({
@@ -1328,15 +1337,15 @@ var sn = /*#__PURE__*/ nn(rn, [["render", on]]), J = /* @__PURE__ */ l({
 		isValid: !N(e),
 		isValidating: u.value[e]?.isValidating ?? !1
 	})), g = (e, t) => {
-		let n = t && "value" in t ? t.value : pt(a, e), r = { isValidating: t?.isValidating ?? !1 }, i = t?.error ?? "";
-		y(e, ee(n)), _(e, r), i ? M({ [e]: i }) : P(e);
+		let n = t && "value" in t ? t.value : st(a, e), r = { isValidating: t?.isValidating ?? !1 }, i = t?.error ?? "";
+		y(e, fe(n)), _(e, r), i ? M({ [e]: i }) : P(e);
 	}, _ = (e, t) => {
 		u.value[e] = {
 			...u.value[e],
 			...t
 		};
-	}, v = (e) => pt(o.value, e), y = (e, t) => {
-		wt(o.value, e, t);
+	}, v = (e) => st(o.value, e), y = (e, t) => {
+		vt(o.value, e, t);
 	}, S = (e, t) => {
 		t === "blur" && j(e);
 	}, C = (e, t) => {
@@ -1345,7 +1354,7 @@ var sn = /*#__PURE__*/ nn(rn, [["render", on]]), J = /* @__PURE__ */ l({
 		t === "input" && h(() => j(e));
 	}, T = (e, t) => {
 		let n = t?.validateAt ?? i.validateAt;
-		return _(e, yn), [
+		return _(e, pn), [
 			d(e),
 			f(e, n),
 			p(e),
@@ -1353,10 +1362,10 @@ var sn = /*#__PURE__*/ nn(rn, [["render", on]]), J = /* @__PURE__ */ l({
 		];
 	}, E = (e) => {
 		let t = d(e), n = (t, n) => {
-			let r = n?.validateAt ?? i.validateAt, a = gn(e, t);
+			let r = n?.validateAt ?? i.validateAt, a = un(e, t);
 			return f(a, r).value;
 		}, r = (t) => {
-			let n = gn(e, t);
+			let n = un(e, t);
 			return N(n);
 		};
 		return {
@@ -1364,7 +1373,7 @@ var sn = /*#__PURE__*/ nn(rn, [["render", on]]), J = /* @__PURE__ */ l({
 			getAttrs: n,
 			getError: r,
 			getMeta: (t) => {
-				let n = gn(e, t);
+				let n = un(e, t);
 				return m(n);
 			},
 			arrayError: r(e),
@@ -1373,7 +1382,7 @@ var sn = /*#__PURE__*/ nn(rn, [["render", on]]), J = /* @__PURE__ */ l({
 					console.warn(`Fields at path "${e}" is not initialized`);
 					return;
 				}
-				for (let e = 0; e < r; e++) t.value.push(ee(n));
+				for (let e = 0; e < r; e++) t.value.push(fe(n));
 				P(e);
 			},
 			pop: (n = 1) => {
@@ -1394,7 +1403,7 @@ var sn = /*#__PURE__*/ nn(rn, [["render", on]]), J = /* @__PURE__ */ l({
 			t.startsWith(e) && P(t);
 		});
 	}, k = async (e, t) => {
-		te(!0);
+		ee(!0);
 		try {
 			let n = await A();
 			if (n && typeof e == "function") return await e(n);
@@ -1402,7 +1411,7 @@ var sn = /*#__PURE__*/ nn(rn, [["render", on]]), J = /* @__PURE__ */ l({
 		} catch (e) {
 			console.error(e);
 		} finally {
-			te(!1);
+			ee(!1);
 		}
 	}, A = async () => {
 		L(!0), I();
@@ -1412,7 +1421,7 @@ var sn = /*#__PURE__*/ nn(rn, [["render", on]]), J = /* @__PURE__ */ l({
 				abortEarly: i.abortEarly
 			}), o.value;
 		} catch (e) {
-			let t = vn(e);
+			let t = fn(e);
 			M(t);
 			return;
 		} finally {
@@ -1426,7 +1435,7 @@ var sn = /*#__PURE__*/ nn(rn, [["render", on]]), J = /* @__PURE__ */ l({
 				abortEarly: i.abortEarly
 			});
 		} catch (e) {
-			let t = vn(e);
+			let t = fn(e);
 			M(t);
 		} finally {
 			_(t, { isValidating: !1 });
@@ -1443,9 +1452,9 @@ var sn = /*#__PURE__*/ nn(rn, [["render", on]]), J = /* @__PURE__ */ l({
 		s.value = {};
 	}, L = (e) => {
 		l.value = e;
-	}, te = (e) => {
+	}, ee = (e) => {
 		c.value = e;
-	}, ne = {
+	}, te = {
 		formData: o,
 		errors: t(() => s.value),
 		isValid: t(() => Object.keys(s.value).length === 0),
@@ -1464,18 +1473,18 @@ var sn = /*#__PURE__*/ nn(rn, [["render", on]]), J = /* @__PURE__ */ l({
 		validateForm: A,
 		validateField: j
 	};
-	return b(xn, ne), ne;
-}, Sn = () => {
-	let e = u(xn);
+	return b(hn, te), te;
+}, gn = () => {
+	let e = u(hn);
 	if (!e) throw Error("useValidatorContext must be used within a component that has called useValidator");
 	return e;
-}, Cn = { class: "vd-field" }, wn = {
+}, _n = { class: "vd-field" }, vn = {
 	key: 0,
 	class: "vd-field__message vd-field__message--error"
-}, Tn = {
+}, yn = {
 	key: 1,
 	class: "vd-field__message vd-field__message--information"
-}, En = /* @__PURE__ */ l({
+}, bn = /* @__PURE__ */ l({
 	__name: "VdAddress",
 	props: /*@__PURE__*/ p({
 		path: { default: "address" },
@@ -1486,7 +1495,7 @@ var sn = /*#__PURE__*/ nn(rn, [["render", on]]), J = /* @__PURE__ */ l({
 	}),
 	emits: ["update:resolvedAddress"],
 	setup(e) {
-		let n = e, o = k(e, "resolvedAddress"), { path: l } = n, { defineField: u, validateField: f, getFieldMeta: p, getError: m, removeError: g } = Sn(), [_, , b] = u(`${l}.zipCode`), [x, , S] = u(`${l}.houseNumber`), [C, , w] = u(`${l}.houseNumberAddition`), D = async () => {
+		let n = e, o = k(e, "resolvedAddress"), { path: l } = n, { defineField: u, validateField: f, getFieldMeta: p, getError: m, removeError: g } = gn(), [_, , b] = u(`${l}.zipCode`), [x, , S] = u(`${l}.houseNumber`), [C, , w] = u(`${l}.houseNumberAddition`), D = async () => {
 			await f(l), C.value || g(`${l}.houseNumberAddition`);
 		}, O = (e) => {
 			_.value && x.value ? D() : f(e);
@@ -1497,12 +1506,12 @@ var sn = /*#__PURE__*/ nn(rn, [["render", on]]), J = /* @__PURE__ */ l({
 			o.value = null;
 		}), v(() => {
 			_.value && x.value && D();
-		}), (t, n) => (y(), i("div", Cn, [c(sn, null, {
+		}), (t, n) => (y(), i("div", _n, [c(en, null, {
 			default: P(() => [c(J, {
 				span: "5",
 				md: "3"
 			}, {
-				default: P(() => [c(Je, {
+				default: P(() => [c(We, {
 					modelValue: E(_),
 					"onUpdate:modelValue": n[0] ||= (e) => d(_) ? _.value = e : null,
 					modelModifiers: { trim: !0 },
@@ -1524,11 +1533,11 @@ var sn = /*#__PURE__*/ nn(rn, [["render", on]]), J = /* @__PURE__ */ l({
 					"loading"
 				])]),
 				_: 1
-			}), c(pn, {
+			}), c(sn, {
 				span: "7",
 				md: "3"
 			}, {
-				default: P(() => [c(Je, {
+				default: P(() => [c(We, {
 					modelValue: E(x),
 					"onUpdate:modelValue": n[1] ||= (e) => d(x) ? x.value = e : null,
 					modelModifiers: { trim: !0 },
@@ -1570,9 +1579,9 @@ var sn = /*#__PURE__*/ nn(rn, [["render", on]]), J = /* @__PURE__ */ l({
 				_: 1
 			})]),
 			_: 1
-		}), I.value ? (y(), i("div", wn, [n[3] ||= a("i", { class: "fas fa-exclamation-circle vd-field__message-icon" }, null, -1), s(" " + T(I.value), 1)])) : o.value ? (y(), i("div", Tn, [n[4] ||= a("i", { class: "fas fa-info-circle vd-field__message-icon" }, null, -1), s(" " + T(o.value.street) + ", " + T(o.value.city), 1)])) : r("", !0)]));
+		}), I.value ? (y(), i("div", vn, [n[3] ||= a("i", { class: "fas fa-exclamation-circle vd-field__message-icon" }, null, -1), s(" " + T(I.value), 1)])) : o.value ? (y(), i("div", yn, [n[4] ||= a("i", { class: "fas fa-info-circle vd-field__message-icon" }, null, -1), s(" " + T(o.value.street) + ", " + T(o.value.city), 1)])) : r("", !0)]));
 	}
-}), Dn = {
+}), xn = {
 	vd: { url: "http://master.dev.vergelijkdirect.com/index.php" },
 	mijn: { url: "http://master.mijn-api.vergelijkdirect.com" },
 	api: { url: "http://master.api.vergelijkdirect.com/" },
@@ -1582,7 +1591,7 @@ var sn = /*#__PURE__*/ nn(rn, [["render", on]]), J = /* @__PURE__ */ l({
 		currentItemId: "6622695672245691fb02ce02",
 		nextItemId: "65e342a01f2b9e9db1060335"
 	}
-}, On = class e {
+}, Sn = class e {
 	values;
 	cached;
 	static instance = new e();
@@ -1595,22 +1604,22 @@ var sn = /*#__PURE__*/ nn(rn, [["render", on]]), J = /* @__PURE__ */ l({
 	get(e) {
 		return e in this.cached ? this.cached[e] : e in this.values ? this.cached[e] = this.values[e](this) : (`${e}`, !1);
 	}
-}, kn = class {
+}, Cn = class {
 	static configure(e) {
-		let t = On.instance;
+		let t = Sn.instance;
 		e.api && e.api.url && t.constant("vd-api-url", e.api.url), e.mijn && e.mijn.url && t.constant("mijn-api-url", e.mijn.url), e.qa && e.qa.url && t.constant("qa-api-url", e.qa.url);
 	}
 	static getApiUrl() {
-		return On.instance.get("vd-api-url") || Dn.api.url;
+		return Sn.instance.get("vd-api-url") || xn.api.url;
 	}
 	static getMijnUrl() {
-		return On.instance.get("mijn-api-url") || Dn.mijn.url;
+		return Sn.instance.get("mijn-api-url") || xn.mijn.url;
 	}
 	static getQAUrl() {
-		return On.instance.get("qa-api-url") || Dn.qa.url;
+		return Sn.instance.get("qa-api-url") || xn.qa.url;
 	}
-}, An = () => kn.getQAUrl(), jn;
-function Mn() {
+}, wn = () => Cn.getQAUrl(), Tn;
+function En() {
 	return {
 		dataService: new Te(),
 		dataValidationService: new Ee(),
@@ -1618,62 +1627,62 @@ function Mn() {
 		comparisonService: new we()
 	};
 }
-function Nn() {
-	return jn ||= Mn(), jn;
+function Dn() {
+	return Tn ||= En(), Tn;
 }
 //#endregion
 //#region src/components/fields/address/address.presenter.ts
-var Pn = (e) => ({
+var On = (e) => ({
 	zipCode: e.ZipCode,
 	houseNumber: String(e.HouseNumber),
 	houseNumberAddition: e.HouseNumberAddition,
 	city: e.Place,
 	street: e.Street
-}), Fn = /^\d{4}\s?[a-zA-Z]{2}$/, In = /^\d+$/, Ln = {
+}), kn = /^\d{4}\s?[a-zA-Z]{2}$/, An = /^\d+$/, jn = {
 	"needs-addition": "Een toevoeging is verplicht",
 	"not-found": "Postcode en huisnummer combinatie onbekend.",
 	error: "Adres ophalen is mislukt. Probeer het opnieuw."
 };
-function Rn(e) {
+function Mn(e) {
 	return e.replace(/\s/g, "").toUpperCase();
 }
-var zn = "NO_ADDITION";
-function Bn(e) {
-	return e === zn ? "" : e.replace("-", "");
+var Nn = "NO_ADDITION";
+function Pn(e) {
+	return e === Nn ? "" : e.replace("-", "");
 }
-var Vn = (e) => e instanceof Error, Hn = (e) => {
-	if (Vn(e)) throw e;
+var Fn = (e) => e instanceof Error, In = (e) => {
+	if (Fn(e)) throw e;
 	return null;
-}, Un = (e, t, n) => Nn().dataValidationService.validateZipCode(e, t, n).then((e) => e).catch(Hn), Wn = (e, t) => Nn().homeService.getAddition({
+}, Ln = (e, t, n) => Dn().dataValidationService.validateZipCode(e, t, n).then((e) => e).catch(In), Rn = (e, t) => Dn().homeService.getAddition({
 	zipcode: e,
 	houseNumber: t
-}).then((e) => e ?? []).catch(Hn), Gn = async (e, t) => {
-	let [n, r] = await Promise.all([Un(e, t), Wn(e, t)]);
+}).then((e) => e ?? []).catch(In), zn = async (e, t) => {
+	let [n, r] = await Promise.all([Ln(e, t), Rn(e, t)]);
 	return !n && !r?.length ? null : {
 		validWithoutAddition: !!n,
 		template: n,
 		additions: r ?? []
 	};
-}, Kn = (e) => {
+}, Bn = (e) => {
 	let t = e.additions.map((e) => ({
 		title: e,
-		value: Bn(e)
+		value: Pn(e)
 	}));
 	return e.validWithoutAddition && t.length ? [{
 		title: "Geen toevoeging",
-		value: zn
+		value: Nn
 	}, ...t] : t;
-}, qn = (e) => ({
+}, Vn = (e) => ({
 	zipCode: e?.zipCode ?? "",
 	houseNumber: e?.houseNumber ?? "",
-	houseNumberAddition: e ? e.houseNumberAddition || zn : ""
-}), Jn = (e) => {
-	let t = e?.path ?? "address", n = qn(e?.initial), r = x(null), i = x([]), a = 0, o = null, s = async (e) => {
-		let t = Rn(e.zipCode), n = e.houseNumber.trim(), r = Bn(e.houseNumberAddition), i = `${t}:${n}`;
+	houseNumberAddition: e ? e.houseNumberAddition || Nn : ""
+}), Hn = (e) => {
+	let t = e?.path ?? "address", n = Vn(e?.initial), r = x(null), i = x([]), a = 0, o = null, s = async (e) => {
+		let t = Mn(e.zipCode), n = e.houseNumber.trim(), r = Pn(e.houseNumberAddition), i = `${t}:${n}`;
 		try {
 			let a = o?.key === i ? o : null;
 			if (!a) {
-				let e = await Gn(t, n);
+				let e = await zn(t, n);
 				if (!e) return {
 					status: "not-found",
 					options: [],
@@ -1684,14 +1693,14 @@ var Vn = (e) => e instanceof Error, Hn = (e) => {
 					verdict: e
 				};
 			}
-			let s = Kn(a.verdict);
+			let s = Bn(a.verdict);
 			if (a.verdict.additions.length && !e.houseNumberAddition) return {
 				status: "needs-addition",
 				options: s,
 				address: null
 			};
 			if (!a.verdict.template) {
-				let e = await Un(t, n, r);
+				let e = await Ln(t, n, r);
 				if (!e) return {
 					status: "not-found",
 					options: [],
@@ -1716,7 +1725,7 @@ var Vn = (e) => e instanceof Error, Hn = (e) => {
 		}
 	}, c = async (e) => {
 		let t = ++a, n = await s(e), o = t !== a;
-		return o || (i.value = n.options, r.value = n.address ? Pn(n.address) : null), {
+		return o || (i.value = n.options, r.value = n.address ? On(n.address) : null), {
 			...n,
 			stale: o
 		};
@@ -1724,23 +1733,23 @@ var Vn = (e) => e instanceof Error, Hn = (e) => {
 	return {
 		path: t,
 		addressSchema: R({
-			zipCode: z().required("Vul je postcode in").matches(Fn, "Postcode is incorrect"),
-			houseNumber: z().required("Huisnummer is verplicht").matches(In, "Huisnummer is incorrect"),
+			zipCode: z().required("Vul je postcode in").matches(kn, "Postcode is incorrect"),
+			houseNumber: z().required("Huisnummer is verplicht").matches(An, "Huisnummer is incorrect"),
 			houseNumberAddition: z().defined()
 		}).test("address-lookup", async (e, t) => {
-			let n = Rn(e.zipCode ?? ""), r = String(e.houseNumber ?? "").trim();
-			if (!Fn.test(n) || !In.test(r)) return !0;
+			let n = Mn(e.zipCode ?? ""), r = String(e.houseNumber ?? "").trim();
+			if (!kn.test(n) || !An.test(r)) return !0;
 			let { status: i, stale: a } = await c(e);
 			return a || i === "resolved" ? !0 : i === "needs-addition" ? t.createError({
 				path: `${t.path}.houseNumberAddition`,
-				message: Ln[i]
-			}) : t.createError({ message: Ln[i] });
+				message: jn[i]
+			}) : t.createError({ message: jn[i] });
 		}),
 		draft: n,
 		resolvedAddress: r,
 		additionOptions: i
 	};
-}, Yn = {
+}, Un = {
 	[V.Car]: {
 		apiTypes: ["Car", "Van"],
 		dutch: "auto",
@@ -1761,14 +1770,14 @@ var Vn = (e) => e instanceof Error, Hn = (e) => {
 		dutch: "caravan",
 		icon: "fa-caravan-alt"
 	}
-}, Xn = Object.fromEntries(Object.values(Yn).flatMap(({ apiTypes: e, icon: t }) => e.map((e) => [e.toLowerCase(), t]))), Zn = {
+}, Wn = Object.fromEntries(Object.values(Un).flatMap(({ apiTypes: e, icon: t }) => e.map((e) => [e.toLowerCase(), t]))), Gn = {
 	brommobiel: "fa-car-side",
 	"speed pedelec": "fa-bicycle"
-}, Qn = (e) => !!e?.Brand && !!e.Model && !!e.ManufacturingYear, $n = (e) => {
+}, Kn = (e) => !!e?.Brand && !!e.Model && !!e.ManufacturingYear, qn = (e) => {
 	if (!e) return "";
 	let t = String(e.Model ?? "").toLowerCase().trim(), n = String(e.VehicleType ?? "").toLowerCase();
-	return Zn[t] ?? Xn[n] ?? "";
-}, er = (e) => e ? `${e.Brand} ${e.Model} (${e.ManufacturingYear})` : "", tr = [
+	return Gn[t] ?? Wn[n] ?? "";
+}, Jn = (e) => e ? `${e.Brand} ${e.Model} (${e.ManufacturingYear})` : "", Yn = [
 	"@@-##-@@",
 	"##-##-@@",
 	"##-@@-@@",
@@ -1786,22 +1795,22 @@ var Vn = (e) => e instanceof Error, Hn = (e) => {
 ];
 //#endregion
 //#region src/components/fields/licensePlate/licensePlate.util.ts
-function nr(e) {
+function Xn(e) {
 	return e.replace(/[\s\\-]/g, "");
 }
-var rr = "*".repeat(6), ir = tr.map((e) => e.replace(/-/g, ""));
-function ar(e) {
-	let t = nr(e).slice(0, 6);
-	if (t.length < 6) return rr;
-	let n = [...t].map((e) => /[0-9]/.test(e) ? "#" : "@").join(""), r = ir.indexOf(n);
-	return r === -1 ? rr : tr[r];
+var Zn = "*".repeat(6), Qn = Yn.map((e) => e.replace(/-/g, ""));
+function $n(e) {
+	let t = Xn(e).slice(0, 6);
+	if (t.length < 6) return Zn;
+	let n = [...t].map((e) => /[0-9]/.test(e) ? "#" : "@").join(""), r = Qn.indexOf(n);
+	return r === -1 ? Zn : Yn[r];
 }
 //#endregion
 //#region src/components/fields/licensePlate/VdLicensePlate.vue?vue&type=script&setup=true&lang.ts
-var or = {
+var er = {
 	key: 0,
 	class: "vd-input-license-plate__loading-information"
-}, sr = ["src"], cr = /* @__PURE__ */ l({
+}, tr = ["src"], nr = /* @__PURE__ */ l({
 	inheritAttrs: !1,
 	__name: "VdLicensePlate",
 	props: /*@__PURE__*/ p({
@@ -1824,17 +1833,17 @@ var or = {
 	}),
 	emits: /*@__PURE__*/ p(["input"], ["update:modelValue", "update:vehicleData"]),
 	setup(c, { emit: l }) {
-		let u = { mask: ar }, d = c, f = k(c, "modelValue"), p = k(c, "vehicleData"), h = l, g = D(), _ = A(), v = t({
+		let u = { mask: $n }, d = c, f = k(c, "modelValue"), p = k(c, "vehicleData"), h = l, g = D(), _ = A(), v = t({
 			get: () => f.value ?? "",
 			set: (e) => {
 				f.value = e, h("input", e);
 			}
-		}), b = (e, t) => nr(e).toUpperCase() === nr(t).toUpperCase();
+		}), b = (e, t) => Xn(e).toUpperCase() === Xn(t).toUpperCase();
 		N(f, (e) => {
 			p.value && !b(e, p.value.LicensePlate) && (p.value = null);
 		});
-		let x = t(() => Qn(p.value) ? p.value : null), S = t(() => d.loading || !!x.value && !d.errorMessage), w = t(() => $n(x.value)), O = t(() => er(x.value));
-		return (t, l) => (y(), n(Je, m(E(g), {
+		let x = t(() => Kn(p.value) ? p.value : null), S = t(() => d.loading || !!x.value && !d.errorMessage), w = t(() => qn(x.value)), O = t(() => Jn(x.value));
+		return (t, l) => (y(), n(We, m(E(g), {
 			modelValue: v.value,
 			"onUpdate:modelValue": l[0] ||= (e) => v.value = e,
 			capitalize: "",
@@ -1859,12 +1868,12 @@ var or = {
 			} : void 0,
 			S.value ? {
 				name: "information",
-				fn: P(() => [c.loading ? (y(), i("div", or, [...l[1] ||= [a("i", { class: "fas fa-circle-notch vd-input-license-plate__loading-icon" }, null, -1), s(" Voertuig gegevens ophalen... ", -1)]])) : x.value ? (y(), i(e, { key: 1 }, [w.value ? (y(), i("img", {
+				fn: P(() => [c.loading ? (y(), i("div", er, [...l[1] ||= [a("i", { class: "fas fa-circle-notch vd-input-license-plate__loading-icon" }, null, -1), s(" Voertuig gegevens ophalen... ", -1)]])) : x.value ? (y(), i(e, { key: 1 }, [w.value ? (y(), i("img", {
 					key: 0,
 					src: `https://d12bmfj3oyxu0t.cloudfront.net/vergelijkdirect/icons/${w.value}.svg`,
 					class: "vd-field__svg-message-icon",
 					alt: "vehicle-icon"
-				}, null, 8, sr)) : r("", !0), s(" " + T(O.value), 1)], 64)) : r("", !0)]),
+				}, null, 8, tr)) : r("", !0), s(" " + T(O.value), 1)], 64)) : r("", !0)]),
 				key: "2"
 			} : void 0
 		]), 1040, [
@@ -1876,56 +1885,56 @@ var or = {
 			"loading"
 		]));
 	}
-}), lr = /* @__PURE__ */ new Map(), ur = (e, t) => `${t}:${e}`, dr = {
-	"wrong-type": (e) => `Het ingevoerde kenteken is geen ${Yn[e].dutch}`,
+}), rr = /* @__PURE__ */ new Map(), ir = (e, t) => `${t}:${e}`, ar = {
+	"wrong-type": (e) => `Het ingevoerde kenteken is geen ${Un[e].dutch}`,
 	unknown: () => "Voertuig onbekend - Voer ander kenteken in of neem contact op",
 	"not-found": () => "Kenteken onbekend",
 	error: () => "Kenteken is incorrect"
-}, fr = async (e, t) => {
+}, or = async (e, t) => {
 	try {
-		let n = await Nn().dataService.findVehicle(e, t);
+		let n = await Dn().dataService.findVehicle(e, t);
 		if (Array.isArray(n) || !n || !Object.keys(n).length) return { status: "not-found" };
 		let r = n;
-		return r.VehicleType ? Yn[t].apiTypes.includes(r.VehicleType) ? {
+		return r.VehicleType ? Un[t].apiTypes.includes(r.VehicleType) ? {
 			status: "found",
 			data: r
 		} : { status: "wrong-type" } : { status: "unknown" };
 	} catch (e) {
 		return console.error("Error on ITC findVehicle", e), { status: "error" };
 	}
-}, pr = (e, t) => {
-	let n = ur(e, t), r = lr.get(n);
-	return r || (r = fr(e, t), lr.set(n, r), r.then(({ status: e }) => {
-		e === "error" && lr.delete(n);
-	}, () => lr.delete(n))), r;
-}, mr = (e, t = {}) => {
+}, sr = (e, t) => {
+	let n = ir(e, t), r = rr.get(n);
+	return r || (r = or(e, t), rr.set(n, r), r.then(({ status: e }) => {
+		e === "error" && rr.delete(n);
+	}, () => rr.delete(n))), r;
+}, cr = (e, t = {}) => {
 	let n = x(t.initialData ?? null), r = 0;
-	t.initialData?.LicensePlate && lr.set(ur(nr(t.initialData.LicensePlate), e), Promise.resolve({
+	t.initialData?.LicensePlate && rr.set(ir(Xn(t.initialData.LicensePlate), e), Promise.resolve({
 		status: "found",
 		data: t.initialData
 	}));
 	let i = async (t) => {
-		let i = nr(t), a = ++r, o = await pr(i, e);
+		let i = Xn(t), a = ++r, o = await sr(i, e);
 		return a === r && (n.value = o.status === "found" ? o.data : null), o;
 	};
 	return {
 		vehicleData: n,
 		licensePlateSchema: z().required("Dit veld is verplicht").test("license-plate-lookup", async (t, n) => {
 			if (!t) return !0;
-			let r = nr(t);
+			let r = Xn(t);
 			if (r.length < 6) return n.createError({ message: "Kenteken is incorrect" });
 			let { status: a } = await i(r);
-			return a === "found" || n.createError({ message: dr[a](e) });
+			return a === "found" || n.createError({ message: ar[a](e) });
 		})
 	};
-}, hr = (e) => /^\d{8}$/.test(e), gr = (e) => hr(e) ? {
+}, lr = (e) => /^\d{8}$/.test(e), ur = (e) => lr(e) ? {
 	companyName: "",
 	kvkNumber: e
 } : {
 	companyName: e,
 	kvkNumber: ""
-}, _r = "bezoekadres", vr = (e) => e._embedded?.hoofdvestiging?.adressen?.find((e) => e.type === _r), yr = (e) => {
-	let t = vr(e), { huisnummer: n = 0, huisletter: r = "", huisnummerToevoeging: i = "", toevoegingAdres: a = "", plaats: o = "", postcode: s = "", straatnaam: c = "", volledigAdres: l = "" } = t ?? {};
+}, dr = "bezoekadres", fr = (e) => e._embedded?.hoofdvestiging?.adressen?.find((e) => e.type === dr), pr = (e) => {
+	let t = fr(e), { huisnummer: n = 0, huisletter: r = "", huisnummerToevoeging: i = "", toevoegingAdres: a = "", plaats: o = "", postcode: s = "", straatnaam: c = "", volledigAdres: l = "" } = t ?? {};
 	return {
 		houseNumber: n,
 		houseNumberAddition: r || i || a,
@@ -1935,7 +1944,7 @@ var or = {
 		fullAddress: l,
 		hasVisitingAddress: !!t
 	};
-}, br = (e = []) => {
+}, mr = (e = []) => {
 	let [t, n, r] = e.reduce(([e, t, n], r) => {
 		let i = {
 			isMainActivity: r.indHoofdactiviteit,
@@ -1958,20 +1967,20 @@ var or = {
 		firstSBIs: t,
 		secondSBIs: n
 	};
-}, xr = (e) => ({
+}, hr = (e) => ({
 	kvkNumber: e.kvkNummer,
 	name: e.naam,
 	city: e.adres?.binnenlandsAdres?.plaats ?? "",
 	street: e.adres?.binnenlandsAdres?.straatnaam ?? ""
-}), Sr = (e) => ({
+}), gr = (e) => ({
 	name: e.naam,
 	kvkNumber: e.kvkNummer,
 	industry: e.sbiIndustryId,
 	numberOfEmployees: e.totaalWerkzamePersonen,
 	legalForm: e._embedded?.eigenaar?.rechtsvorm ?? "",
-	...yr(e),
-	...br(e.sbiActiviteiten)
-}), Cr = 30, wr = ["hoofdvestiging", "nevenvestiging"], Tr = "IPD5200", Er = (e) => {
+	...pr(e),
+	...mr(e.sbiActiviteiten)
+}), _r = 30, vr = ["hoofdvestiging", "nevenvestiging"], yr = "IPD5200", br = (e) => {
 	let t = e, n = t?.response?.data?.fout;
 	if (Array.isArray(n)) return n;
 	if (Array.isArray(t?.fout)) return t.fout;
@@ -1979,27 +1988,24 @@ var or = {
 		let e = JSON.parse(t.message);
 		if (Array.isArray(e?.fout)) return e.fout;
 	} catch {}
-}, Dr = (e) => Er(e)?.some((e) => e.code === Tr) ?? !1, Or = () => {
-	let { dataService: e } = Nn();
-	return {
-		search: async (t) => {
-			try {
-				return ((await e.searchBusinessInfoV2(gr(t), 1, Cr))?.resultaten ?? []).filter((e) => wr.includes(e.type)).map(xr);
-			} catch (e) {
-				let t = await e;
-				if (Dr(t)) return [];
-				throw t;
-			}
-		},
-		getDetails: async (t) => {
-			let n = await e.getProfileInfo(t);
-			return {
-				presenter: Sr(n),
-				raw: n
-			};
+}, xr = (e) => br(e)?.some((e) => e.code === yr) ?? !1, Sr = () => ({
+	search: async (e) => {
+		try {
+			return ((await Dn().dataService.searchBusinessInfoV2(ur(e), 1, _r))?.resultaten ?? []).filter((e) => vr.includes(e.type)).map(hr);
+		} catch (e) {
+			let t = await e;
+			if (xr(t)) return [];
+			throw t;
 		}
-	};
-}, kr = { class: "vd-combobox__multiline" }, Ar = { class: "vd-combobox__title" }, jr = { class: "vd-combobox__subtext" }, Mr = { class: "vd-combobox__subtext" }, Nr = 400, Pr = 3, Fr = "Helaas, we hebben geen resultaten gevonden. Probeer te zoeken op de exacte naam waarmee je bedrijf is geregistreerd bij de Kamer van Koophandel, of gebruik je volledige KvK-nummer.", Ir = "Typ je bedrijfsnaam of KvK-nummer", Lr = "Aan het zoeken…", Rr = "Er ging iets mis bij het ophalen van de gegevens. Probeer het later opnieuw.", zr = /* @__PURE__ */ l({
+	},
+	getDetails: async (e) => {
+		let t = await Dn().dataService.getProfileInfo(e);
+		return {
+			presenter: gr(t),
+			raw: t
+		};
+	}
+}), Cr = { class: "vd-combobox__multiline" }, wr = { class: "vd-combobox__title" }, Tr = { class: "vd-combobox__subtext" }, Er = { class: "vd-combobox__subtext" }, Dr = 400, Or = 3, kr = "Helaas, we hebben geen resultaten gevonden. Probeer te zoeken op de exacte naam waarmee je bedrijf is geregistreerd bij de Kamer van Koophandel, of gebruik je volledige KvK-nummer.", Ar = "Typ je bedrijfsnaam of KvK-nummer", jr = "Aan het zoeken…", Mr = "Er ging iets mis bij het ophalen van de gegevens. Probeer het later opnieuw.", Nr = /* @__PURE__ */ l({
 	inheritAttrs: !1,
 	__name: "VdCompanySelect",
 	props: /*@__PURE__*/ p({
@@ -2018,7 +2024,7 @@ var or = {
 		"raw"
 	], ["update:modelValue"]),
 	setup(e, { emit: r }) {
-		let i = r, s = D(), c = A(), l = k(e, "modelValue"), { search: u, getDetails: d } = Or(), f = x(), p = x(), h = x(), g = x(""), _ = re(g, Nr, { maxWait: 2e3 }), v = x(!0), { state: b, isLoading: S, execute: w } = ie(async (e) => {
+		let i = r, s = D(), c = A(), l = k(e, "modelValue"), { search: u, getDetails: d } = Sr(), f = x(), p = x(), h = x(), g = x(""), _ = he(g, Dr, { maxWait: 2e3 }), v = x(!0), { state: b, isLoading: S, execute: w } = ge(async (e) => {
 			try {
 				return {
 					results: await u(e),
@@ -2036,33 +2042,33 @@ var or = {
 		}, {
 			immediate: !1,
 			resetOnExecute: !1
-		}), { isLoading: O, execute: j } = ie(async (e) => {
+		}), { isLoading: O, execute: j } = ge(async (e) => {
 			try {
 				let { presenter: t, raw: n } = await d(e);
 				return l.value = t, i("raw", n), i("error", null), t;
 			} catch (e) {
-				throw l.value = null, i("raw", null), h.value = void 0, f.value = void 0, i("error", Rr), e;
+				throw l.value = null, i("raw", null), h.value = void 0, f.value = void 0, i("error", Mr), e;
 			}
 		}, null, {
 			immediate: !1,
 			resetOnExecute: !0
-		}), M = t(() => g.value.length >= Pr), F = t(() => M.value ? S.value || g.value !== _.value ? "searching" : b.value.failed ? "error" : b.value.results.length ? "idle" : "no-results" : "idle"), I = t(() => F.value === "searching" ? [] : M.value ? b.value.results : v.value && h.value ? [h.value] : []), L = t(() => F.value === "searching" || O.value), ee = t(() => !!l.value && !L.value), te = t(() => {
+		}), M = t(() => g.value.length >= Or), F = t(() => M.value ? S.value || g.value !== _.value ? "searching" : b.value.failed ? "error" : b.value.results.length ? "idle" : "no-results" : "idle"), I = t(() => F.value === "searching" ? [] : M.value ? b.value.results : v.value && h.value ? [h.value] : []), L = t(() => F.value === "searching" || O.value), ee = t(() => !!l.value && !L.value), te = t(() => {
 			let e = l.value;
 			return !e || L.value ? "" : e.fullAddress ? `Kvk: ${e.kvkNumber} ${e.fullAddress}` : `Kvk: ${e.kvkNumber}`;
 		}), ne = t(() => {
 			switch (F.value) {
-				case "searching": return Lr;
-				case "error": return Rr;
-				case "no-results": return Fr;
-				default: return Ir;
+				case "searching": return jr;
+				case "error": return Mr;
+				case "no-results": return kr;
+				default: return Ar;
 			}
-		}), ae = (e) => {
+		}), re = (e) => {
 			h.value = e, v.value = !0, e.kvkNumber === l.value?.kvkNumber ? i("error", null) : j(0, e.kvkNumber);
-		}, oe = (e) => {
+		}, ie = (e) => {
 			i("blur", e);
-		}, se = (e) => {
+		}, ae = (e) => {
 			g.value = e.trim(), v.value = !1;
-		}, ce = (e) => e.kvkNumber === l.value?.kvkNumber ? l.value.name : e.name, le = (e) => ({
+		}, oe = (e) => e.kvkNumber === l.value?.kvkNumber ? l.value.name : e.name, se = (e) => ({
 			kvkNumber: e.kvkNumber,
 			name: e.name,
 			city: e.city,
@@ -2072,10 +2078,10 @@ var or = {
 		return N(p, (e) => {
 			e || (g.value = "", v.value = !0);
 		}), N(_, (e) => {
-			e && e.length >= Pr && w(0, e);
+			e && e.length >= Or && w(0, e);
 		}), N(l, (e) => {
-			f.value = e ? le(e) : void 0, v.value = !0, e || (h.value = void 0, i("raw", null));
-		}, { immediate: !0 }), (t, r) => (y(), n(jt, m(E(s), {
+			f.value = e ? se(e) : void 0, v.value = !0, e || (h.value = void 0, i("raw", null));
+		}, { immediate: !0 }), (t, r) => (y(), n(Tt, m(E(s), {
 			modelValue: f.value,
 			"onUpdate:modelValue": r[0] ||= (e) => f.value = e,
 			open: p.value,
@@ -2087,7 +2093,7 @@ var or = {
 			options: I.value,
 			"value-key": null,
 			"label-key": "name",
-			"display-value": ce,
+			"display-value": oe,
 			by: "kvkNumber",
 			loading: L.value,
 			verified: ee.value,
@@ -2096,14 +2102,14 @@ var or = {
 			"error-message": e.errorMessage,
 			"info-message": te.value,
 			"ignore-filter": "",
-			onSelect: ae,
-			onBlur: oe,
-			onSearch: se
+			onSelect: re,
+			onBlur: ie,
+			onSearch: ae
 		}), o({
-			item: P(({ option: e }) => [a("div", kr, [
-				a("div", Ar, T(e.name), 1),
-				a("span", jr, "Kvk: " + T(e.kvkNumber), 1),
-				a("span", Mr, T(e.city) + ", " + T(e.street), 1)
+			item: P(({ option: e }) => [a("div", Cr, [
+				a("div", wr, T(e.name), 1),
+				a("span", Tr, "Kvk: " + T(e.kvkNumber), 1),
+				a("span", Er, T(e.city) + ", " + T(e.street), 1)
 			])]),
 			_: 2
 		}, [E(c).popover ? {
@@ -2129,30 +2135,30 @@ var or = {
 			"info-message"
 		]));
 	}
-}), Br = (e = "Bedrijfsnaam of KVK-nummer is verplicht") => Se().nullable().required(e).test("has-kvk-number", e, (e) => !!e?.kvkNumber), Vr = {
+}), Pr = (e = "Bedrijfsnaam of KVK-nummer is verplicht") => Se().nullable().required(e).test("has-kvk-number", e, (e) => !!e?.kvkNumber), Fr = {
 	min: 18,
 	max: 99
-}, Hr = "DD-MM-YYYY", Ur = [
+}, Ir = "DD-MM-YYYY", Lr = [
 	H.SingleWithoutChildren,
 	H.FamilyWithoutChildren,
 	H.SingleWithChildren,
 	H.FamilyWithChildren
-], Wr = [U.Yes, U.No];
+], Rr = [U.Yes, U.No];
 //#endregion
 //#region src/utils/date.util.ts
 ke.extend(Ae);
-function Gr() {
+function zr() {
 	return ke().startOf("day");
 }
-function Kr() {
-	return Gr().year();
+function Br() {
+	return zr().year();
 }
-function qr(e, t) {
+function Vr(e, t) {
 	let n = ke(e ?? "", t, !0);
 	return n.isValid() ? n.startOf("day") : null;
 }
-function Jr(e, t) {
-	let n = Gr();
+function Hr(e, t) {
+	let n = zr();
 	return {
 		today: n,
 		earliest: n.subtract(t.value + 1, t.unit).add(1, "day"),
@@ -2161,28 +2167,28 @@ function Jr(e, t) {
 }
 //#endregion
 //#region src/utils/familyComposition.util.ts
-var Yr = [H.FamilyWithChildren, H.FamilyWithoutChildren];
-function Xr(e) {
-	return Yr.includes(e);
+var Ur = [H.FamilyWithChildren, H.FamilyWithoutChildren];
+function Wr(e) {
+	return Ur.includes(e);
 }
 //#endregion
 //#region src/utils/url.util.ts
-var Zr = (e, t) => {
+var Gr = (e, t) => {
 	let [n, r = ""] = e.split("?"), i = new URLSearchParams(r);
 	return Object.entries(t).forEach(([e, t]) => i.set(e, t)), `${n}?${i.toString()}`;
-}, Qr = (e, t) => {
+}, Kr = (e, t) => {
 	let n = e.indexOf("#");
-	return n === -1 ? Zr(e, t) : `${e.slice(0, n + 1)}${Zr(e.slice(n + 1), t)}`;
+	return n === -1 ? Gr(e, t) : `${e.slice(0, n + 1)}${Gr(e.slice(n + 1), t)}`;
 };
 //#endregion
 //#region src/schemas/birthdateRange.ts
-function $r(e, t, n = "ageRange") {
+function qr(e, t, n = "ageRange") {
 	return {
 		name: n,
 		test(n, r) {
-			let i = qr(n, Hr);
+			let i = Vr(n, Ir);
 			if (!i) return !0;
-			let { today: a, earliest: o, latest: s } = Jr(e.min, e.max), c = {
+			let { today: a, earliest: o, latest: s } = Hr(e.min, e.max), c = {
 				earliest: o,
 				latest: s
 			};
@@ -2205,6 +2211,7 @@ var Q = {
 		kindRequired: "Selecteer je fiets",
 		conditionRequired: "Is je fiets nieuw of tweedehands gekocht?",
 		priceRequired: "Vul de aankoopprijs in (afgerond bedrag)",
+		priceMin: "Het ingevulde bedrag is te laag. Voer een bedrag hoger dan € 0,- in",
 		priceMax: (e) => `Het ingevulde bedrag is te hoog. Voer een bedrag in tot maximaal € ${e},-`,
 		brandRequired: "Kies het merk van je fiets"
 	},
@@ -2224,18 +2231,18 @@ var Q = {
 	pet: {
 		kindRequired: "Selecteer je huisdier",
 		outOfRange: (e, t) => `Je huisdier dient geboren te zijn tussen ${e} en ${t}`,
-		zipcodeRequired: "Vul je postcode in",
-		zipcodeInvalid: "Postcode is incorrect"
+		zipCodeRequired: "Vul je postcode in",
+		zipCodeInvalid: "Postcode is incorrect"
 	},
 	travel: { paymentTermRequired: "Selecteer een dekking" }
 };
 //#endregion
 //#region src/schemas/birthdate.schema.ts
-function ei(e) {
-	return qr(e, Hr) !== null;
+function Jr(e) {
+	return Vr(e, Ir) !== null;
 }
-function $(e = Vr) {
-	return z().required(Q.birthdate.required).test("date_format", Q.birthdate.dateFormat, ei).test($r({
+function $(e = Fr) {
+	return z().required(Q.birthdate.required).test("date_format", Q.birthdate.dateFormat, Jr).test(qr({
 		min: {
 			value: e.min,
 			unit: "year"
@@ -2251,39 +2258,46 @@ function $(e = Vr) {
 }
 //#endregion
 //#region src/schemas/rules.ts
-function ti(e, t) {
+function Yr(e, t) {
 	return z().required(t).oneOf(e, t);
 }
-function ni(e) {
+function Xr(e) {
 	return z().required(e);
 }
-function ri(e) {
+function Zr(e) {
 	return Ce().typeError(e).required(e);
 }
 //#endregion
 //#region src/schemas/familyComposition.schema.ts
-function ii(e = Q.familyComposition.required) {
-	return ti(Ur, e);
+function Qr(e = Q.familyComposition.required) {
+	return Yr(Lr, e);
 }
-var ai = ii(), oi = ti(Wr, Q.ownedBuilding.required), si = [1, 7], ci = [3, 4], li = {
+var $r = Qr(), ei = Yr(Rr, Q.ownedBuilding.required), ti = [1, 7], ni = [3, 4], ri = {
 	raceOrMtb: 15e3,
 	default: 9999
-}, ui = (e, t) => e.test("max-value", Q.bike.priceMax(t), (e) => {
+}, ii = {
+	mask: "N####",
+	tokens: { N: { pattern: /[1-9]/ } }
+}, ai = (e, t) => e.test("max-value", Q.bike.priceMax(t), (e) => {
 	let n = Number(e);
 	return Number.isNaN(n) || n <= t;
-}), di = R({
-	kind: ri(Q.bike.kindRequired),
-	condition: ri(Q.bike.conditionRequired),
-	price: z().required(Q.bike.priceRequired).when("kind", {
-		is: (e) => ci.includes(Number(e)),
-		then: (e) => ui(e, li.raceOrMtb),
-		otherwise: (e) => ui(e, li.default)
+}), oi = R({
+	kind: Zr(Q.bike.kindRequired),
+	condition: Zr(Q.bike.conditionRequired),
+	price: z().required(Q.bike.priceRequired).test("min-value", Q.bike.priceMin, (e) => {
+		if (!e) return !0;
+		let t = Number(e);
+		return Number.isNaN(t) || t > 0;
+	}).when("kind", {
+		is: (e) => ni.includes(Number(e)),
+		then: (e) => ai(e, ri.raceOrMtb),
+		otherwise: (e) => ai(e, ri.default)
 	}),
 	brand: z().when("kind", {
-		is: (e) => si.includes(Number(e)),
+		is: (e) => ti.includes(Number(e)),
 		then: (e) => e.required(Q.bike.brandRequired)
 	})
-}), fi = [
+}), si = [
 	{
 		value: 4,
 		title: "ATB / Mountainbike",
@@ -2350,13 +2364,13 @@ var ai = ii(), oi = ti(Wr, Q.ownedBuilding.required), si = [1, 7], ci = [3, 4],
 		name: "Vouwfiets",
 		isEBike: !1
 	}
-], pi = [{
+], ci = [{
 	value: 1,
 	label: "Nieuw"
 }, {
 	value: 0,
 	label: "Tweedehands"
-}], mi = [
+}], li = [
 	{
 		id: "Ander merk",
 		name: "Ander merk"
@@ -3777,7 +3791,7 @@ var ai = ii(), oi = ti(Wr, Q.ownedBuilding.required), si = [1, 7], ci = [3, 4],
 		id: "Zündapp",
 		name: "Zündapp"
 	}
-], hi = /* @__PURE__ */ l({
+], ui = /* @__PURE__ */ l({
 	__name: "BikeForm",
 	props: /*@__PURE__*/ f({
 		initialData: {},
@@ -3794,20 +3808,20 @@ var ai = ii(), oi = ti(Wr, Q.ownedBuilding.required), si = [1, 7], ci = [3, 4],
 		...K,
 		title: "Fietsverzekering vergelijken"
 	}),
-	emits: ["submit"],
+	emits: ["submitted"],
 	setup(e, { emit: i }) {
-		let a = e, o = q(a), s = i, { isSubmitting: l, handleSubmit: u, defineField: f, resetField: p } = Z(di, {
+		let a = e, o = q(a), s = i, { isSubmitting: l, handleSubmit: u, defineField: f, resetField: p } = Z(oi, {
 			kind: a.initialData?.kind ?? null,
 			condition: a.initialData?.condition ?? 1,
 			price: a.initialData?.price ?? "",
 			brand: a.initialData?.brand ?? ""
-		}), [h, g, _] = f("kind", { validateAt: "change" }), [v, b, x] = f("brand", { validateAt: "change" }), [S, C, w] = f("condition"), [T, D, O] = f("price"), k = t(() => si.includes(Number(h.value)));
+		}), [h, g, _] = f("kind", { validateAt: "change" }), [v, b, x] = f("brand", { validateAt: "change" }), [S, C, w] = f("condition"), [T, D, O] = f("price"), k = t(() => ti.includes(Number(h.value)));
 		N(h, (e) => {
-			si.includes(Number(e)) || p("brand", { value: "" });
+			ti.includes(Number(e)) || p("brand", { value: "" });
 		}, { immediate: !0 });
 		function A() {
 			u((e) => {
-				s("submit", { ...e });
+				s("submitted", { ...e });
 			});
 		}
 		return (t, i) => (y(), n(E(Y), m(E(o), {
@@ -3824,7 +3838,7 @@ var ai = ii(), oi = ti(Wr, Q.ownedBuilding.required), si = [1, 7], ci = [3, 4],
 						"onUpdate:modelValue": i[0] ||= (e) => d(h) ? h.value = e : null,
 						modelModifiers: { number: !0 },
 						label: "Soort fiets",
-						options: E(fi),
+						options: E(si),
 						name: "kind",
 						required: !1,
 						"error-message": E(_)
@@ -3840,12 +3854,12 @@ var ai = ii(), oi = ti(Wr, Q.ownedBuilding.required), si = [1, 7], ci = [3, 4],
 					span: "2",
 					md: "6"
 				}, {
-					default: P(() => [c(E(jt), m({
+					default: P(() => [c(E(Tt), m({
 						modelValue: E(v),
 						"onUpdate:modelValue": i[1] ||= (e) => d(v) ? v.value = e : null,
 						label: "Merk fiets",
 						placeholder: "Typ of kies je merk",
-						options: E(mi),
+						options: E(li),
 						"label-key": "name",
 						"value-key": "id",
 						name: "brand",
@@ -3862,12 +3876,12 @@ var ai = ii(), oi = ti(Wr, Q.ownedBuilding.required), si = [1, 7], ci = [3, 4],
 					span: "4",
 					md: "6"
 				}, {
-					default: P(() => [c(E(Ut), m({
+					default: P(() => [c(E(Lt), m({
 						modelValue: E(S),
 						"onUpdate:modelValue": i[2] ||= (e) => d(S) ? S.value = e : null,
 						legend: "Gekocht als",
 						name: "condition",
-						options: E(pi),
+						options: E(ci),
 						variant: "boxed",
 						required: !1,
 						"error-message": E(w)
@@ -3882,17 +3896,22 @@ var ai = ii(), oi = ti(Wr, Q.ownedBuilding.required), si = [1, 7], ci = [3, 4],
 					span: "2",
 					md: "6"
 				}, {
-					default: P(() => [c(E(Je), m({
+					default: P(() => [c(E(We), m({
 						modelValue: E(T),
 						"onUpdate:modelValue": i[3] ||= (e) => d(T) ? T.value = e : null,
 						label: "Aankoopprijs",
 						placeholder: "bv. 1 000",
 						icon: "far fa-euro-sign",
 						name: "price",
-						mask: "#####",
+						mask: E(ii),
+						inputmode: "numeric",
 						required: !1,
 						"error-message": E(O)
-					}, E(D)), null, 16, ["modelValue", "error-message"])]),
+					}, E(D)), null, 16, [
+						"modelValue",
+						"mask",
+						"error-message"
+					])]),
 					_: 1
 				})
 			]),
@@ -3902,7 +3921,7 @@ var ai = ii(), oi = ti(Wr, Q.ownedBuilding.required), si = [1, 7], ci = [3, 4],
 });
 //#endregion
 //#region src/comparisons/bike/bike.presenter.ts
-function gi(e) {
+function di(e) {
 	return {
 		comparison: V.Bike,
 		detail: { bike: {
@@ -3916,27 +3935,27 @@ function gi(e) {
 }
 //#endregion
 //#region src/comparisons/pet/constants.ts
-var _i = {
+var fi = {
 	min: 0,
 	max: 99
-}, vi = R({
+}, pi = R({
 	kind: z().required(Q.pet.kindRequired),
-	age: z().required(Q.birthdate.required).test("date_format", Q.birthdate.dateFormat, ei).test($r({
+	age: z().required(Q.birthdate.required).test("date_format", Q.birthdate.dateFormat, Jr).test(qr({
 		min: {
 			value: 7,
 			unit: "week"
 		},
 		max: {
-			value: _i.max,
+			value: fi.max,
 			unit: "year"
 		}
 	}, {
-		future: () => Q.birthdate.tooYoung(_i.min),
-		tooYoung: ({ earliest: e, latest: t }) => Q.pet.outOfRange(e.format(Hr), t.format(Hr)),
-		tooOld: () => Q.birthdate.tooOld(_i.max)
+		future: () => Q.birthdate.tooYoung(fi.min),
+		tooYoung: ({ earliest: e, latest: t }) => Q.pet.outOfRange(e.format(Ir), t.format(Ir)),
+		tooOld: () => Q.birthdate.tooOld(fi.max)
 	}, "birthdate_range")),
-	zipcode: z().required(Q.pet.zipcodeRequired).matches(/^\d{4}\s?[a-zA-Z]{2}$/, Q.pet.zipcodeInvalid)
-}), yi = [
+	zipCode: z().required(Q.pet.zipCodeRequired).matches(/^\d{4}\s?[a-zA-Z]{2}$/, Q.pet.zipCodeInvalid)
+}), mi = [
 	{
 		title: "Hond",
 		value: "dog"
@@ -3953,7 +3972,7 @@ var _i = {
 		title: "Vogel",
 		value: "bird"
 	}
-], bi = /* @__PURE__ */ l({
+], hi = /* @__PURE__ */ l({
 	__name: "PetForm",
 	props: /*@__PURE__*/ f({
 		initialData: {},
@@ -3970,16 +3989,16 @@ var _i = {
 		...K,
 		title: "Dierenverzekering vergelijken"
 	}),
-	emits: ["submit"],
+	emits: ["submitted"],
 	setup(e, { emit: t }) {
-		let r = e, i = q(r), a = t, { isSubmitting: o, handleSubmit: s, defineField: l } = Z(vi, {
+		let r = e, i = q(r), a = t, { isSubmitting: o, handleSubmit: s, defineField: l } = Z(pi, {
 			kind: r.initialData?.kind ?? "dog",
 			age: r.initialData?.age ?? "",
-			zipcode: r.initialData?.zipcode ?? ""
-		}), [u, f, p] = l("kind", { validateAt: "change" }), [h, g, _] = l("age"), [v, b, x] = l("zipcode");
+			zipCode: r.initialData?.zipCode ?? ""
+		}), [u, f, p] = l("kind", { validateAt: "change" }), [h, g, _] = l("age"), [v, b, x] = l("zipCode");
 		function S() {
 			s((e) => {
-				a("submit", { ...e });
+				a("submitted", { ...e });
 			});
 		}
 		return (t, r) => (y(), n(E(Y), m(E(i), {
@@ -3996,7 +4015,7 @@ var _i = {
 						"onUpdate:modelValue": r[0] ||= (e) => d(u) ? u.value = e : null,
 						label: "Wat voor huisdier wil je verzekeren?",
 						placeholder: "",
-						options: E(yi),
+						options: E(mi),
 						name: "kind",
 						required: !1,
 						"error-message": E(p)
@@ -4034,12 +4053,12 @@ var _i = {
 					span: "2",
 					md: "6"
 				}, {
-					default: P(() => [c(E(Je), m({
+					default: P(() => [c(E(We), m({
 						modelValue: E(v),
 						"onUpdate:modelValue": r[2] ||= (e) => d(v) ? v.value = e : null,
 						label: "Postcode",
 						placeholder: "bv. 1234 AZ",
-						name: "zipcode",
+						name: "zipCode",
 						mask: "####@@",
 						capitalize: "",
 						required: !1,
@@ -4065,23 +4084,23 @@ var _i = {
 });
 //#endregion
 //#region src/comparisons/pet/pet.presenter.ts
-function xi(e) {
+function gi(e) {
 	return {
 		comparison: V.Pet,
 		detail: { pet: {
 			kind: e.kind,
 			age: e.age
 		} },
-		user: { zipcode: e.zipcode }
+		user: { zipCode: e.zipCode }
 	};
 }
 //#endregion
 //#region src/comparisons/caravan/caravan.schema.ts
-var Si = R({
-	TypeOfCaravan: ni(Q.caravan.typeOfCaravanRequired),
-	NewOrOccasion: ti(Wr, Q.caravan.newOrOccasionRequired),
-	BuildYear: ni(Q.caravan.buildYearRequired)
-}), Ci = [
+var _i = R({
+	TypeOfCaravan: Xr(Q.caravan.typeOfCaravanRequired),
+	NewOrOccasion: Yr(Rr, Q.caravan.newOrOccasionRequired),
+	BuildYear: Xr(Q.caravan.buildYearRequired)
+}), vi = [
 	{
 		value: "CS",
 		title: "Stacaravan"
@@ -4094,7 +4113,7 @@ var Si = R({
 		value: "CV",
 		title: "Vouwwagen"
 	}
-], wi = [{
+], yi = [{
 	value: U.Yes,
 	label: "Nieuw"
 }, {
@@ -4103,8 +4122,8 @@ var Si = R({
 }];
 //#endregion
 //#region src/comparisons/caravan/models/buildYears.model.ts
-function Ti() {
-	let e = Kr();
+function bi() {
+	let e = Br();
 	return Array.from({ length: 126 }, (t, n) => ({
 		title: String(e - n),
 		value: String(e - n)
@@ -4112,7 +4131,7 @@ function Ti() {
 }
 //#endregion
 //#region src/comparisons/caravan/CaravanForm.vue
-var Ei = /* @__PURE__ */ l({
+var xi = /* @__PURE__ */ l({
 	__name: "CaravanForm",
 	props: /*@__PURE__*/ f({
 		initialData: {},
@@ -4129,16 +4148,16 @@ var Ei = /* @__PURE__ */ l({
 		...K,
 		title: "Caravanverzekering vergelijken"
 	}),
-	emits: ["submit"],
+	emits: ["submitted"],
 	setup(e, { emit: t }) {
-		let r = e, i = q(r), a = t, o = Ti(), { isSubmitting: s, handleSubmit: l, defineField: u } = Z(Si, {
+		let r = e, i = q(r), a = t, o = bi(), { isSubmitting: s, handleSubmit: l, defineField: u } = Z(_i, {
 			TypeOfCaravan: r.initialData?.TypeOfCaravan ?? null,
 			NewOrOccasion: r.initialData?.NewOrOccasion ?? U.Yes,
 			BuildYear: r.initialData?.BuildYear ?? null
 		}), [f, p, h] = u("TypeOfCaravan", { validateAt: "change" }), [g, _, v] = u("NewOrOccasion"), [b, x, S] = u("BuildYear", { validateAt: "change" });
 		function C() {
 			l((e) => {
-				a("submit", { ...e });
+				a("submitted", { ...e });
 			});
 		}
 		return (t, r) => (y(), n(E(Y), m(E(i), {
@@ -4154,7 +4173,7 @@ var Ei = /* @__PURE__ */ l({
 						modelValue: E(f),
 						"onUpdate:modelValue": r[0] ||= (e) => d(f) ? f.value = e : null,
 						label: "Soort caravan",
-						options: E(Ci),
+						options: E(vi),
 						name: "typeOfCaravan",
 						required: !1,
 						"error-message": E(h)
@@ -4169,12 +4188,12 @@ var Ei = /* @__PURE__ */ l({
 					span: "4",
 					md: "6"
 				}, {
-					default: P(() => [c(E(Ut), m({
+					default: P(() => [c(E(Lt), m({
 						modelValue: E(g),
 						"onUpdate:modelValue": r[1] ||= (e) => d(g) ? g.value = e : null,
 						legend: "Gekocht als",
 						name: "newOrOccasion",
-						options: E(wi),
+						options: E(yi),
 						variant: "boxed",
 						required: !1,
 						"error-message": E(v)
@@ -4211,7 +4230,7 @@ var Ei = /* @__PURE__ */ l({
 });
 //#endregion
 //#region src/comparisons/caravan/caravan.presenter.ts
-function Di(e) {
+function Si(e) {
 	return {
 		comparison: V.Caravan,
 		detail: { caravan: {
@@ -4224,18 +4243,18 @@ function Di(e) {
 }
 //#endregion
 //#region src/comparisons/travel/paymentTerm.enum.ts
-var Oi = /* @__PURE__ */ function(e) {
+var Ci = /* @__PURE__ */ function(e) {
 	return e.Continuous = "L", e.ShortTerm = "S", e;
-}({}), ki = R({
-	PaymentTerm: ti([Oi.Continuous, Oi.ShortTerm], Q.travel.paymentTermRequired),
+}({}), wi = R({
+	PaymentTerm: Yr([Ci.Continuous, Ci.ShortTerm], Q.travel.paymentTermRequired),
 	birthdate: $()
-}), Ai = [{
-	value: Oi.Continuous,
+}), Ti = [{
+	value: Ci.Continuous,
 	label: "Doorlopend"
 }, {
-	value: Oi.ShortTerm,
+	value: Ci.ShortTerm,
 	label: "Kortlopend"
-}], ji = /* @__PURE__ */ l({
+}], Ei = /* @__PURE__ */ l({
 	__name: "TravelForm",
 	props: /*@__PURE__*/ f({
 		initialData: {},
@@ -4252,15 +4271,15 @@ var Oi = /* @__PURE__ */ function(e) {
 		...K,
 		title: "Reisverzekering vergelijken"
 	}),
-	emits: ["submit"],
+	emits: ["submitted"],
 	setup(e, { emit: t }) {
-		let r = e, i = q(r), a = t, { isSubmitting: o, handleSubmit: s, defineField: l } = Z(ki, {
-			PaymentTerm: r.initialData?.PaymentTerm ?? Oi.Continuous,
+		let r = e, i = q(r), a = t, { isSubmitting: o, handleSubmit: s, defineField: l } = Z(wi, {
+			PaymentTerm: r.initialData?.PaymentTerm ?? Ci.Continuous,
 			birthdate: r.initialData?.birthdate ?? ""
 		}), [u, f, p] = l("PaymentTerm", { validateAt: "change" }), [h, g, _] = l("birthdate");
 		function v() {
 			s((e) => {
-				a("submit", { ...e });
+				a("submitted", { ...e });
 			});
 		}
 		return (t, r) => (y(), n(E(Y), m(E(i), {
@@ -4271,12 +4290,12 @@ var Oi = /* @__PURE__ */ function(e) {
 				span: "5",
 				md: "6"
 			}, {
-				default: P(() => [c(E(Ut), m({
+				default: P(() => [c(E(Lt), m({
 					modelValue: E(u),
 					"onUpdate:modelValue": r[0] ||= (e) => d(u) ? u.value = e : null,
 					legend: "Kies je dekking",
 					name: "PaymentTerm",
-					options: E(Ai),
+					options: E(Ti),
 					variant: "boxed",
 					required: !1,
 					"error-message": E(p)
@@ -4314,7 +4333,7 @@ var Oi = /* @__PURE__ */ function(e) {
 });
 //#endregion
 //#region src/comparisons/travel/travel.presenter.ts
-function Mi(e) {
+function Di(e) {
 	return {
 		comparison: V.Travel,
 		detail: { comparison: { PaymentTerm: e.PaymentTerm } },
@@ -4323,11 +4342,11 @@ function Mi(e) {
 }
 //#endregion
 //#region src/comparisons/liability/liability.schema.ts
-var Ni = (e) => R({
+var Oi = (e) => R({
 	address: e,
 	birthdate: $(),
-	familyComposition: ai
-}), Pi = /* @__PURE__ */ l({
+	familyComposition: $r
+}), ki = /* @__PURE__ */ l({
 	__name: "LiabilityForm",
 	props: /*@__PURE__*/ f({
 		initialData: {},
@@ -4344,16 +4363,16 @@ var Ni = (e) => R({
 		...K,
 		title: "Aansprakelijkheidsverzekering vergelijken"
 	}),
-	emits: ["submit"],
+	emits: ["submitted"],
 	setup(e, { emit: t }) {
-		let r = e, i = q(r), a = t, { addressSchema: o, draft: s, resolvedAddress: l, additionOptions: u } = Jn({ initial: r.initialData?.address }), { isSubmitting: f, handleSubmit: p, defineField: h } = Z(Ni(o), {
+		let r = e, i = q(r), a = t, { addressSchema: o, draft: s, resolvedAddress: l, additionOptions: u } = Hn({ initial: r.initialData?.address }), { isSubmitting: f, handleSubmit: p, defineField: h } = Z(Oi(o), {
 			birthdate: r.initialData?.birthdate ?? "",
 			familyComposition: r.initialData?.familyComposition ?? H.SingleWithoutChildren,
 			address: s
 		}), [g, _, v] = h("birthdate"), [b, x, S] = h("familyComposition", { validateAt: "change" });
 		function C() {
 			p(({ birthdate: e, familyComposition: t }) => {
-				a("submit", {
+				a("submitted", {
 					birthdate: e,
 					familyComposition: t,
 					address: l.value
@@ -4369,7 +4388,7 @@ var Ni = (e) => R({
 					span: "5",
 					md: "6"
 				}, {
-					default: P(() => [c(E(En), {
+					default: P(() => [c(E(bn), {
 						"resolved-address": E(l),
 						"onUpdate:resolvedAddress": r[0] ||= (e) => d(l) ? l.value = e : null,
 						"addition-options": E(u)
@@ -4391,7 +4410,7 @@ var Ni = (e) => R({
 					span: "3",
 					md: "6"
 				}, {
-					default: P(() => [c(E(mn), m({
+					default: P(() => [c(E(cn), m({
 						modelValue: E(b),
 						"onUpdate:modelValue": r[2] ||= (e) => d(b) ? b.value = e : null,
 						"error-message": E(S)
@@ -4405,7 +4424,7 @@ var Ni = (e) => R({
 });
 //#endregion
 //#region src/comparisons/liability/liability.presenter.ts
-function Fi(e) {
+function Ai(e) {
 	return {
 		comparison: V.Liability,
 		detail: { liability: {
@@ -4413,7 +4432,7 @@ function Fi(e) {
 			Deductables: 100
 		} },
 		user: {
-			zipcode: e.address.zipCode,
+			zipCode: e.address.zipCode,
 			houseNumber: e.address.houseNumber,
 			houseNumberAddition: e.address.houseNumberAddition,
 			birthdate: e.birthdate,
@@ -4425,17 +4444,17 @@ function Fi(e) {
 }
 //#endregion
 //#region src/models/houseOwnedBuilding.model.ts
-var Ii = [{
+var ji = [{
 	value: U.Yes,
 	label: "Gekocht"
 }, {
 	value: U.No,
 	label: "Verhuurd"
-}], Li = (e) => R({
+}], Mi = (e) => R({
 	address: e,
-	ownedBuilding: oi,
-	familyComposition: ii(Q.house.familyCompositionRequired)
-}), Ri = /* @__PURE__ */ l({
+	ownedBuilding: ei,
+	familyComposition: Qr(Q.house.familyCompositionRequired)
+}), Ni = /* @__PURE__ */ l({
 	__name: "HouseForm",
 	props: /*@__PURE__*/ f({
 		initialData: {},
@@ -4452,16 +4471,16 @@ var Ii = [{
 		...K,
 		title: "Woonverzekering vergelijken"
 	}),
-	emits: ["submit"],
+	emits: ["submitted"],
 	setup(e, { emit: t }) {
-		let r = e, i = q(r), a = t, { addressSchema: o, draft: s, resolvedAddress: l, additionOptions: u } = Jn({ initial: r.initialData?.address }), { isSubmitting: f, handleSubmit: p, defineField: h } = Z(Li(o), {
+		let r = e, i = q(r), a = t, { addressSchema: o, draft: s, resolvedAddress: l, additionOptions: u } = Hn({ initial: r.initialData?.address }), { isSubmitting: f, handleSubmit: p, defineField: h } = Z(Mi(o), {
 			ownedBuilding: r.initialData?.ownedBuilding ?? U.Yes,
 			familyComposition: r.initialData?.familyComposition ?? H.SingleWithoutChildren,
 			address: s
 		}), [g, _, v] = h("ownedBuilding"), [b, x, S] = h("familyComposition", { validateAt: "change" });
 		function C() {
 			p(({ ownedBuilding: e, familyComposition: t }) => {
-				a("submit", {
+				a("submitted", {
 					ownedBuilding: e,
 					familyComposition: t,
 					address: l.value
@@ -4477,7 +4496,7 @@ var Ii = [{
 					span: "4",
 					md: "6"
 				}, {
-					default: P(() => [c(E(En), {
+					default: P(() => [c(E(bn), {
 						"resolved-address": E(l),
 						"onUpdate:resolvedAddress": r[0] ||= (e) => d(l) ? l.value = e : null,
 						"addition-options": E(u)
@@ -4488,12 +4507,12 @@ var Ii = [{
 					span: "3",
 					md: "3"
 				}, {
-					default: P(() => [c(E(Ut), m({
+					default: P(() => [c(E(Lt), m({
 						modelValue: E(g),
 						"onUpdate:modelValue": r[1] ||= (e) => d(g) ? g.value = e : null,
 						legend: "Jouw woning is...",
 						name: "ownedBuilding",
-						options: E(Ii),
+						options: E(ji),
 						variant: "boxed",
 						required: !1,
 						"error-message": E(v)
@@ -4508,7 +4527,7 @@ var Ii = [{
 					span: "3",
 					md: "3"
 				}, {
-					default: P(() => [c(E(mn), m({
+					default: P(() => [c(E(cn), m({
 						modelValue: E(b),
 						"onUpdate:modelValue": r[2] ||= (e) => d(b) ? b.value = e : null,
 						"error-message": E(S)
@@ -4522,12 +4541,12 @@ var Ii = [{
 });
 //#endregion
 //#region src/comparisons/house/house.presenter.ts
-function zi(e) {
+function Pi(e) {
 	return {
 		comparison: V.Housing,
 		detail: { house: { ownedBuilding: e.ownedBuilding } },
 		user: {
-			zipcode: e.address.zipCode,
+			zipCode: e.address.zipCode,
 			houseNumber: e.address.houseNumber,
 			houseNumberAddition: e.address.houseNumberAddition,
 			street: e.address.street,
@@ -4538,22 +4557,22 @@ function zi(e) {
 }
 //#endregion
 //#region src/comparisons/legal/constants.ts
-var Bi = H.SingleWithChildren, Vi = (e) => R({
+var Fi = H.SingleWithChildren, Ii = (e) => R({
 	address: e,
-	ownedBuilding: oi,
+	ownedBuilding: ei,
 	birthdate: $(),
-	familyComposition: ai,
+	familyComposition: $r,
 	familySize: z().defined().when("familyComposition", {
-		is: Bi,
+		is: Fi,
 		then: (e) => e.required(Q.legal.familySizeRequired)
 	})
-}), Hi = [{
+}), Li = [{
 	title: "Alleenstaande met 1 kind",
 	value: "2"
 }, {
 	title: "Alleenstaande met 2 of meer kinderen",
 	value: "3"
-}], Ui = /* @__PURE__ */ l({
+}], Ri = /* @__PURE__ */ l({
 	__name: "LegalForm",
 	props: /*@__PURE__*/ f({
 		initialData: {},
@@ -4570,21 +4589,21 @@ var Bi = H.SingleWithChildren, Vi = (e) => R({
 		...K,
 		title: "Rechtsbijstandverzekering vergelijken"
 	}),
-	emits: ["submit"],
+	emits: ["submitted"],
 	setup(e, { emit: i }) {
-		let a = e, o = q(a), s = i, { addressSchema: l, draft: u, resolvedAddress: f, additionOptions: p } = Jn({ initial: a.initialData?.address }), { isSubmitting: h, handleSubmit: g, defineField: _, resetField: v } = Z(Vi(l), {
+		let a = e, o = q(a), s = i, { addressSchema: l, draft: u, resolvedAddress: f, additionOptions: p } = Hn({ initial: a.initialData?.address }), { isSubmitting: h, handleSubmit: g, defineField: _, resetField: v } = Z(Ii(l), {
 			ownedBuilding: a.initialData?.ownedBuilding ?? U.Yes,
 			birthdate: a.initialData?.birthdate ?? "",
 			familyComposition: a.initialData?.familyComposition ?? H.SingleWithoutChildren,
 			familySize: a.initialData?.familySize ?? "",
 			address: u
-		}), [b, x, S] = _("ownedBuilding"), [C, w, T] = _("birthdate"), [D, O, k] = _("familyComposition", { validateAt: "change" }), [A, j, M] = _("familySize", { validateAt: "change" }), F = t(() => D.value === Bi);
+		}), [b, x, S] = _("ownedBuilding"), [C, w, T] = _("birthdate"), [D, O, k] = _("familyComposition", { validateAt: "change" }), [A, j, M] = _("familySize", { validateAt: "change" }), F = t(() => D.value === Fi);
 		N(D, (e) => {
-			e !== Bi && v("familySize", { value: "" });
+			e !== Fi && v("familySize", { value: "" });
 		}, { immediate: !0 });
 		function I() {
 			g(({ ownedBuilding: e, birthdate: t, familyComposition: n, familySize: r }) => {
-				s("submit", {
+				s("submitted", {
 					ownedBuilding: e,
 					birthdate: t,
 					familyComposition: n,
@@ -4602,7 +4621,7 @@ var Bi = H.SingleWithChildren, Vi = (e) => R({
 					span: "3",
 					md: "6"
 				}, {
-					default: P(() => [c(E(En), {
+					default: P(() => [c(E(bn), {
 						"resolved-address": E(f),
 						"onUpdate:resolvedAddress": i[0] ||= (e) => d(f) ? f.value = e : null,
 						"addition-options": E(p)
@@ -4613,12 +4632,12 @@ var Bi = H.SingleWithChildren, Vi = (e) => R({
 					span: "3",
 					md: "6"
 				}, {
-					default: P(() => [c(E(Ut), m({
+					default: P(() => [c(E(Lt), m({
 						modelValue: E(b),
 						"onUpdate:modelValue": i[1] ||= (e) => d(b) ? b.value = e : null,
 						legend: "Jouw woning is...",
 						name: "ownedBuilding",
-						options: E(Ii),
+						options: E(ji),
 						variant: "boxed",
 						required: !1,
 						"error-message": E(S)
@@ -4644,7 +4663,7 @@ var Bi = H.SingleWithChildren, Vi = (e) => R({
 					span: "2",
 					md: "6"
 				}, {
-					default: P(() => [c(E(mn), m({
+					default: P(() => [c(E(cn), m({
 						modelValue: E(D),
 						"onUpdate:modelValue": i[3] ||= (e) => d(D) ? D.value = e : null,
 						"error-message": E(k)
@@ -4661,7 +4680,7 @@ var Bi = H.SingleWithChildren, Vi = (e) => R({
 						"onUpdate:modelValue": i[4] ||= (e) => d(A) ? A.value = e : null,
 						label: "Aantal kinderen",
 						placeholder: "Maak een keuze",
-						options: E(Hi),
+						options: E(Li),
 						name: "familySize",
 						required: !1,
 						"error-message": E(M)
@@ -4679,16 +4698,16 @@ var Bi = H.SingleWithChildren, Vi = (e) => R({
 });
 //#endregion
 //#region src/comparisons/legal/legal.presenter.ts
-function Wi(e) {
+function zi(e) {
 	return {
 		comparison: V.LegalAssistance,
 		detail: { comparison: {
-			familySize: e.familyComposition === Bi ? e.familySize : "",
+			familySize: e.familyComposition === Fi ? e.familySize : "",
 			deductables: 300,
 			ownedBuilding: e.ownedBuilding
 		} },
 		user: {
-			zipcode: e.address.zipCode,
+			zipCode: e.address.zipCode,
 			houseNumber: e.address.houseNumber,
 			houseNumberAddition: e.address.houseNumberAddition,
 			birthdate: e.birthdate,
@@ -4700,15 +4719,15 @@ function Wi(e) {
 }
 //#endregion
 //#region src/comparisons/package/package.schema.ts
-var Gi = (e) => R({
+var Bi = (e) => R({
 	address: e,
 	birthdate: $(),
-	familyComposition: ai,
+	familyComposition: $r,
 	partnerBirthdate: z().defined().when("familyComposition", {
-		is: Xr,
+		is: Wr,
 		then: () => $()
 	})
-}), Ki = /* @__PURE__ */ l({
+}), Vi = /* @__PURE__ */ l({
 	__name: "PackageForm",
 	props: /*@__PURE__*/ f({
 		initialData: {},
@@ -4725,20 +4744,20 @@ var Gi = (e) => R({
 		...K,
 		title: "Combineer al je verzekeringen in 1 verzekeringspakket"
 	}),
-	emits: ["submit"],
+	emits: ["submitted"],
 	setup(e, { emit: i }) {
-		let a = e, o = q(a), s = i, { addressSchema: l, draft: u, resolvedAddress: f, additionOptions: p } = Jn({ initial: a.initialData?.address }), { isSubmitting: h, handleSubmit: g, defineField: _, resetField: v } = Z(Gi(l), {
+		let a = e, o = q(a), s = i, { addressSchema: l, draft: u, resolvedAddress: f, additionOptions: p } = Hn({ initial: a.initialData?.address }), { isSubmitting: h, handleSubmit: g, defineField: _, resetField: v } = Z(Bi(l), {
 			birthdate: a.initialData?.birthdate ?? "",
 			familyComposition: a.initialData?.familyComposition ?? H.SingleWithoutChildren,
 			partnerBirthdate: a.initialData?.partnerBirthdate ?? "",
 			address: u
-		}), [b, x, S] = _("birthdate"), [C, w, T] = _("familyComposition", { validateAt: "change" }), [D, O, k] = _("partnerBirthdate"), A = t(() => Xr(C.value));
+		}), [b, x, S] = _("birthdate"), [C, w, T] = _("familyComposition", { validateAt: "change" }), [D, O, k] = _("partnerBirthdate"), A = t(() => Wr(C.value));
 		N(C, (e) => {
-			Xr(e) || v("partnerBirthdate", { value: "" });
+			Wr(e) || v("partnerBirthdate", { value: "" });
 		}, { immediate: !0 });
 		function j() {
 			g(({ birthdate: e, familyComposition: t, partnerBirthdate: n }) => {
-				s("submit", {
+				s("submitted", {
 					birthdate: e,
 					familyComposition: t,
 					partnerBirthdate: n,
@@ -4755,7 +4774,7 @@ var Gi = (e) => R({
 					span: "4",
 					md: "6"
 				}, {
-					default: P(() => [c(E(En), {
+					default: P(() => [c(E(bn), {
 						"resolved-address": E(f),
 						"onUpdate:resolvedAddress": i[0] ||= (e) => d(f) ? f.value = e : null,
 						"addition-options": E(p)
@@ -4778,7 +4797,7 @@ var Gi = (e) => R({
 					span: A.value ? 2 : 3,
 					md: "6"
 				}, {
-					default: P(() => [c(E(mn), m({
+					default: P(() => [c(E(cn), m({
 						modelValue: E(C),
 						"onUpdate:modelValue": i[2] ||= (e) => d(C) ? C.value = e : null,
 						"error-message": E(T)
@@ -4806,12 +4825,12 @@ var Gi = (e) => R({
 });
 //#endregion
 //#region src/comparisons/package/package.presenter.ts
-function qi(e) {
+function Hi(e) {
 	return {
 		comparison: V.Package,
 		detail: { partner: { birthdate: e.partnerBirthdate } },
 		user: {
-			zipcode: e.address.zipCode,
+			zipCode: e.address.zipCode,
 			houseNumber: e.address.houseNumber,
 			houseNumberAddition: e.address.houseNumberAddition,
 			birthdate: e.birthdate,
@@ -4823,18 +4842,18 @@ function qi(e) {
 }
 //#endregion
 //#region src/comparisons/loan/constants.ts
-var Ji = {
+var Ui = {
 	min: 21,
 	max: 74
-}, Yi = {
+}, Wi = {
 	min: 3500,
 	max: 75e3
-}, Xi = R({
+}, Gi = R({
 	LoanPurpose: z().required(Q.loan.purposeRequired),
-	LoanAmount: ri(Q.loan.amountRequired).min(Yi.min, Q.loan.amountMin(Yi.min)).max(Yi.max, Q.loan.amountMax(Yi.max)),
-	birthdate: $(Ji),
-	familyComposition: ai
-}), Zi = [
+	LoanAmount: Zr(Q.loan.amountRequired).min(Wi.min, Q.loan.amountMin(Wi.min)).max(Wi.max, Q.loan.amountMax(Wi.max)),
+	birthdate: $(Ui),
+	familyComposition: $r
+}), Ki = [
 	{
 		title: "Aankoop auto",
 		value: "02"
@@ -4883,7 +4902,7 @@ var Ji = {
 		title: "Anders",
 		value: "99"
 	}
-], Qi = /* @__PURE__ */ l({
+], qi = /* @__PURE__ */ l({
 	__name: "LoanForm",
 	props: /*@__PURE__*/ f({
 		initialData: {},
@@ -4900,9 +4919,9 @@ var Ji = {
 		...K,
 		title: "Geld lenen"
 	}),
-	emits: ["submit"],
+	emits: ["submitted"],
 	setup(e, { emit: t }) {
-		let r = e, i = q(r), a = t, { isSubmitting: o, handleSubmit: s, defineField: l } = Z(Xi, {
+		let r = e, i = q(r), a = t, { isSubmitting: o, handleSubmit: s, defineField: l } = Z(Gi, {
 			LoanPurpose: r.initialData?.LoanPurpose ?? "",
 			LoanAmount: r.initialData?.LoanAmount ?? null,
 			birthdate: r.initialData?.birthdate ?? "",
@@ -4910,7 +4929,7 @@ var Ji = {
 		}), [u, f, p] = l("LoanPurpose", { validateAt: "change" }), [h, g, _] = l("LoanAmount"), [v, b, x] = l("birthdate"), [S, C, w] = l("familyComposition", { validateAt: "change" });
 		function T() {
 			s((e) => {
-				a("submit", { ...e });
+				a("submitted", { ...e });
 			});
 		}
 		return (t, r) => (y(), n(E(Y), m(E(i), {
@@ -4927,7 +4946,7 @@ var Ji = {
 						"onUpdate:modelValue": r[0] ||= (e) => d(u) ? u.value = e : null,
 						label: "Leendoel",
 						placeholder: "Maak een keuze",
-						options: E(Zi),
+						options: E(Ki),
 						name: "LoanPurpose",
 						required: !1,
 						"error-message": E(p)
@@ -4942,7 +4961,7 @@ var Ji = {
 					span: "2",
 					md: "6"
 				}, {
-					default: P(() => [c(E(Je), m({
+					default: P(() => [c(E(We), m({
 						modelValue: E(h),
 						"onUpdate:modelValue": r[1] ||= (e) => d(h) ? h.value = e : null,
 						modelModifiers: { number: !0 },
@@ -4972,7 +4991,7 @@ var Ji = {
 					span: "3",
 					md: "6"
 				}, {
-					default: P(() => [c(E(mn), m({
+					default: P(() => [c(E(cn), m({
 						modelValue: E(S),
 						"onUpdate:modelValue": r[3] ||= (e) => d(S) ? S.value = e : null,
 						"error-message": E(w)
@@ -4986,19 +5005,19 @@ var Ji = {
 });
 //#endregion
 //#region src/comparisons/loan/loan.presenter.ts
-function $i(e) {
-	let t = qr(e, Hr);
+function Ji(e) {
+	let t = Vr(e, Ir);
 	if (!t) return 120;
 	let n = t.add(76, "year").diff(ke(), "month", !0), r = Math.floor(n / 12) * 12;
 	return Math.min(r, 120);
 }
-function ea(e) {
+function Yi(e) {
 	return {
 		comparison: V.Loan,
 		detail: { loan: {
 			LoanPurpose: e.LoanPurpose,
 			LoanAmount: e.LoanAmount,
-			MaxDurationByLegalLimit: $i(e.birthdate)
+			MaxDurationByLegalLimit: Ji(e.birthdate)
 		} },
 		user: {
 			birthdate: e.birthdate,
@@ -5008,14 +5027,14 @@ function ea(e) {
 }
 //#endregion
 //#region src/comparisons/moped/constants.ts
-var ta = {
+var Xi = {
 	min: 16,
 	max: 99
-}, na = (e, t) => R({
+}, Zi = (e, t) => R({
 	licensePlate: e,
 	address: t,
-	birthdate: $(ta)
-}), ra = /* @__PURE__ */ l({
+	birthdate: $(Xi)
+}), Qi = /* @__PURE__ */ l({
 	__name: "MopedForm",
 	props: /*@__PURE__*/ f({
 		initialData: {},
@@ -5032,16 +5051,16 @@ var ta = {
 		...K,
 		title: "Brommerverzekering vergelijken"
 	}),
-	emits: ["submit"],
+	emits: ["submitted"],
 	setup(e, { emit: t }) {
-		let r = e, i = q(r), a = t, { addressSchema: o, draft: s, resolvedAddress: l, additionOptions: u } = Jn({ initial: r.initialData?.address }), { vehicleData: f, licensePlateSchema: p } = mr(V.Moped, { initialData: r.initialData?.vehicle ?? void 0 }), { isSubmitting: h, handleSubmit: g, defineField: _ } = Z(na(p, o), {
+		let r = e, i = q(r), a = t, { addressSchema: o, draft: s, resolvedAddress: l, additionOptions: u } = Hn({ initial: r.initialData?.address }), { vehicleData: f, licensePlateSchema: p } = cr(V.Moped, { initialData: r.initialData?.vehicle ?? void 0 }), { isSubmitting: h, handleSubmit: g, defineField: _ } = Z(Zi(p, o), {
 			licensePlate: r.initialData?.licensePlate ?? "",
 			birthdate: r.initialData?.birthdate ?? "",
 			address: s
 		}), [v, b, x, S] = _("licensePlate"), [C, w, T] = _("birthdate");
 		function D() {
 			g(({ licensePlate: e, birthdate: t }) => {
-				a("submit", {
+				a("submitted", {
 					licensePlate: e,
 					birthdate: t,
 					address: l.value,
@@ -5058,7 +5077,7 @@ var ta = {
 					span: "3",
 					md: "6"
 				}, {
-					default: P(() => [c(E(cr), m({
+					default: P(() => [c(E(nr), m({
 						modelValue: E(v),
 						"onUpdate:modelValue": r[0] ||= (e) => d(v) ? v.value = e : null,
 						"vehicle-data": E(f),
@@ -5089,7 +5108,7 @@ var ta = {
 					span: "4",
 					md: "6"
 				}, {
-					default: P(() => [c(E(En), {
+					default: P(() => [c(E(bn), {
 						"resolved-address": E(l),
 						"onUpdate:resolvedAddress": r[2] ||= (e) => d(l) ? l.value = e : null,
 						"addition-options": E(u)
@@ -5115,12 +5134,12 @@ var ta = {
 });
 //#endregion
 //#region src/comparisons/moped/moped.presenter.ts
-function ia(e) {
+function $i(e) {
 	return {
 		comparison: V.Moped,
 		detail: { moped: { ...e.vehicle } },
 		user: {
-			zipcode: e.address.zipCode,
+			zipCode: e.address.zipCode,
 			houseNumber: e.address.houseNumber,
 			houseNumberAddition: e.address.houseNumberAddition,
 			birthdate: e.birthdate,
@@ -5132,11 +5151,11 @@ function ia(e) {
 }
 //#endregion
 //#region src/comparisons/motor/motor.schema.ts
-var aa = (e, t) => R({
+var ea = (e, t) => R({
 	licensePlate: e,
 	address: t,
 	birthdate: $()
-}), oa = /* @__PURE__ */ l({
+}), ta = /* @__PURE__ */ l({
 	__name: "MotorForm",
 	props: /*@__PURE__*/ f({
 		initialData: {},
@@ -5153,16 +5172,16 @@ var aa = (e, t) => R({
 		...K,
 		title: "Motorverzekering vergelijken"
 	}),
-	emits: ["submit"],
+	emits: ["submitted"],
 	setup(e, { emit: t }) {
-		let r = e, i = q(r), a = t, { addressSchema: o, draft: s, resolvedAddress: l, additionOptions: u } = Jn({ initial: r.initialData?.address }), { vehicleData: f, licensePlateSchema: p } = mr(V.Motor, { initialData: r.initialData?.vehicle ?? void 0 }), { isSubmitting: h, handleSubmit: g, defineField: _ } = Z(aa(p, o), {
+		let r = e, i = q(r), a = t, { addressSchema: o, draft: s, resolvedAddress: l, additionOptions: u } = Hn({ initial: r.initialData?.address }), { vehicleData: f, licensePlateSchema: p } = cr(V.Motor, { initialData: r.initialData?.vehicle ?? void 0 }), { isSubmitting: h, handleSubmit: g, defineField: _ } = Z(ea(p, o), {
 			licensePlate: r.initialData?.licensePlate ?? "",
 			birthdate: r.initialData?.birthdate ?? "",
 			address: s
 		}), [v, b, x, S] = _("licensePlate"), [C, w, T] = _("birthdate");
 		function D() {
 			g(({ licensePlate: e, birthdate: t }) => {
-				a("submit", {
+				a("submitted", {
 					licensePlate: e,
 					birthdate: t,
 					address: l.value,
@@ -5179,7 +5198,7 @@ var aa = (e, t) => R({
 					span: "3",
 					md: "6"
 				}, {
-					default: P(() => [c(E(cr), m({
+					default: P(() => [c(E(nr), m({
 						modelValue: E(v),
 						"onUpdate:modelValue": r[0] ||= (e) => d(v) ? v.value = e : null,
 						"vehicle-data": E(f),
@@ -5210,7 +5229,7 @@ var aa = (e, t) => R({
 					span: "4",
 					md: "6"
 				}, {
-					default: P(() => [c(E(En), {
+					default: P(() => [c(E(bn), {
 						"resolved-address": E(l),
 						"onUpdate:resolvedAddress": r[2] ||= (e) => d(l) ? l.value = e : null,
 						"addition-options": E(u)
@@ -5236,12 +5255,12 @@ var aa = (e, t) => R({
 });
 //#endregion
 //#region src/comparisons/motor/motor.presenter.ts
-function sa(e) {
+function na(e) {
 	return {
 		comparison: V.Motor,
 		detail: { motor: { ...e.vehicle } },
 		user: {
-			zipcode: e.address.zipCode,
+			zipCode: e.address.zipCode,
 			houseNumber: e.address.houseNumber,
 			houseNumberAddition: e.address.houseNumberAddition,
 			birthdate: e.birthdate,
@@ -5253,11 +5272,11 @@ function sa(e) {
 }
 //#endregion
 //#region src/comparisons/car/car.schema.ts
-var ca = (e, t) => R({
+var ra = (e, t) => R({
 	licensePlate: e,
 	address: t,
 	birthdate: $()
-}), la = /* @__PURE__ */ l({
+}), ia = /* @__PURE__ */ l({
 	__name: "CarForm",
 	props: /*@__PURE__*/ f({
 		initialData: {},
@@ -5274,16 +5293,16 @@ var ca = (e, t) => R({
 		...K,
 		title: "Autoverzekering vergelijken"
 	}),
-	emits: ["submit"],
+	emits: ["submitted"],
 	setup(e, { emit: t }) {
-		let r = e, i = q(r), a = t, { addressSchema: o, draft: s, resolvedAddress: l, additionOptions: u } = Jn({ initial: r.initialData?.address }), { vehicleData: f, licensePlateSchema: p } = mr(V.Car, { initialData: r.initialData?.vehicle ?? void 0 }), { isSubmitting: h, handleSubmit: g, defineField: _ } = Z(ca(p, o), {
+		let r = e, i = q(r), a = t, { addressSchema: o, draft: s, resolvedAddress: l, additionOptions: u } = Hn({ initial: r.initialData?.address }), { vehicleData: f, licensePlateSchema: p } = cr(V.Car, { initialData: r.initialData?.vehicle ?? void 0 }), { isSubmitting: h, handleSubmit: g, defineField: _ } = Z(ra(p, o), {
 			licensePlate: r.initialData?.licensePlate ?? "",
 			birthdate: r.initialData?.birthdate ?? "",
 			address: s
 		}), [v, b, x, S] = _("licensePlate"), [C, w, T] = _("birthdate");
 		function D() {
 			g(({ licensePlate: e, birthdate: t }) => {
-				a("submit", {
+				a("submitted", {
 					licensePlate: e,
 					birthdate: t,
 					address: l.value,
@@ -5300,7 +5319,7 @@ var ca = (e, t) => R({
 					span: "3",
 					md: "6"
 				}, {
-					default: P(() => [c(E(cr), m({
+					default: P(() => [c(E(nr), m({
 						modelValue: E(v),
 						"onUpdate:modelValue": r[0] ||= (e) => d(v) ? v.value = e : null,
 						"vehicle-data": E(f),
@@ -5331,7 +5350,7 @@ var ca = (e, t) => R({
 					span: "4",
 					md: "6"
 				}, {
-					default: P(() => [c(E(En), {
+					default: P(() => [c(E(bn), {
 						"resolved-address": E(l),
 						"onUpdate:resolvedAddress": r[2] ||= (e) => d(l) ? l.value = e : null,
 						"addition-options": E(u)
@@ -5357,12 +5376,12 @@ var ca = (e, t) => R({
 });
 //#endregion
 //#region src/comparisons/car/car.presenter.ts
-function ua(e) {
+function aa(e) {
 	return {
 		comparison: V.Car,
 		detail: { car: { ...e.vehicle } },
 		user: {
-			zipcode: e.address.zipCode,
+			zipCode: e.address.zipCode,
 			houseNumber: e.address.houseNumber,
 			houseNumberAddition: e.address.houseNumberAddition,
 			birthdate: e.birthdate,
@@ -5374,10 +5393,10 @@ function ua(e) {
 }
 //#endregion
 //#region src/comparisons/car-business/businessCar.schema.ts
-var da = (e) => R({
+var oa = (e) => R({
 	licensePlate: e,
-	company: Br()
-}), fa = /* @__PURE__ */ l({
+	company: Pr()
+}), sa = /* @__PURE__ */ l({
 	__name: "BusinessCarForm",
 	props: /*@__PURE__*/ f({
 		initialData: {},
@@ -5394,15 +5413,15 @@ var da = (e) => R({
 		...K,
 		title: "Zakelijke autoverzekering vergelijken"
 	}),
-	emits: ["submit"],
+	emits: ["submitted"],
 	setup(e, { emit: i }) {
-		let a = e, o = q(a), s = i, { vehicleData: l, licensePlateSchema: u } = mr(V.Car, { initialData: a.initialData?.vehicle ?? void 0 }), { isSubmitting: f, handleSubmit: p, defineField: h, setErrors: g, removeError: _ } = Z(da(u), {
+		let a = e, o = q(a), s = i, { vehicleData: l, licensePlateSchema: u } = cr(V.Car, { initialData: a.initialData?.vehicle ?? void 0 }), { isSubmitting: f, handleSubmit: p, defineField: h, setErrors: g, removeError: _ } = Z(oa(u), {
 			licensePlate: a.initialData?.licensePlate ?? "",
 			company: a.initialData?.company ?? null
 		}), [v, b, x, S] = h("licensePlate"), [C, w, T] = h("company"), D = (e) => e ? g({ company: e }) : _("company"), O = t(() => !!C.value && !C.value.hasVisitingAddress);
 		function k() {
 			p(({ licensePlate: e, company: t }) => {
-				s("submit", {
+				s("submitted", {
 					licensePlate: e,
 					company: t,
 					vehicle: l.value
@@ -5417,7 +5436,7 @@ var da = (e) => R({
 				span: "5",
 				md: "6"
 			}, {
-				default: P(() => [c(E(cr), m({
+				default: P(() => [c(E(nr), m({
 					modelValue: E(v),
 					"onUpdate:modelValue": i[0] ||= (e) => d(v) ? v.value = e : null,
 					"vehicle-data": E(l),
@@ -5447,7 +5466,7 @@ var da = (e) => R({
 				span: "5",
 				md: "6"
 			}, {
-				default: P(() => [c(E(zr), m({
+				default: P(() => [c(E(Nr), m({
 					modelValue: E(C),
 					"onUpdate:modelValue": i[2] ||= (e) => d(C) ? C.value = e : null,
 					name: "company",
@@ -5463,7 +5482,7 @@ var da = (e) => R({
 						}
 					})]),
 					_: 1
-				}, 16, ["modelValue", "error-message"]), O.value ? (y(), n(E(Kt), {
+				}, 16, ["modelValue", "error-message"]), O.value ? (y(), n(E(Bt), {
 					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."
@@ -5476,20 +5495,19 @@ var da = (e) => R({
 });
 //#endregion
 //#region src/comparisons/car-business/businessCar.presenter.ts
-function pa(e) {
-	let { hasVisitingAddress: t, ...n } = e.company;
+function ca(e) {
 	return {
 		comparison: V.CarBusiness,
 		detail: {
 			car: { ...e.vehicle },
-			companyData: n
+			companyData: { ...e.company }
 		},
 		user: {}
 	};
 }
 //#endregion
 //#region src/comparisons/businessLiability/businessLiability.schema.ts
-var ma = R({ company: Br() }), ha = /* @__PURE__ */ l({
+var la = R({ company: Pr() }), ua = /* @__PURE__ */ l({
 	__name: "BusinessLiabilityForm",
 	props: /*@__PURE__*/ f({
 		initialData: {},
@@ -5508,12 +5526,12 @@ var ma = R({ company: Br() }), ha = /* @__PURE__ */ l({
 		description: "Bescherm jouw bedrijf slim en voordelig. Om te starten hebben we je bedrijfsnaam of KVK-nummer nodig!",
 		submitLabel: "Start gratis vergelijken"
 	}),
-	emits: ["submit"],
+	emits: ["submitted"],
 	setup(e, { emit: i }) {
-		let a = e, o = q(a), s = i, { isSubmitting: l, handleSubmit: u, defineField: f, setErrors: p, removeError: h } = Z(ma, { company: a.initialData?.company ?? null }), [g, _, v] = f("company"), b = (e) => e ? p({ company: e }) : h("company"), x = t(() => !!g.value && !g.value.hasVisitingAddress);
+		let a = e, o = q(a), s = i, { isSubmitting: l, handleSubmit: u, defineField: f, setErrors: p, removeError: h } = Z(la, { company: a.initialData?.company ?? null }), [g, _, v] = f("company"), b = (e) => e ? p({ company: e }) : h("company"), x = t(() => !!g.value && !g.value.hasVisitingAddress);
 		function S() {
 			u(({ company: e }) => {
-				s("submit", { company: e });
+				s("submitted", { company: e });
 			});
 		}
 		return (e, t) => (y(), n(E(Y), m(E(o), {
@@ -5525,7 +5543,7 @@ var ma = R({ company: Br() }), ha = /* @__PURE__ */ l({
 				span: "8",
 				md: "6"
 			}, {
-				default: P(() => [c(E(zr), m({
+				default: P(() => [c(E(Nr), m({
 					modelValue: E(g),
 					"onUpdate:modelValue": t[0] ||= (e) => d(g) ? g.value = e : null,
 					name: "company",
@@ -5541,7 +5559,7 @@ var ma = R({ company: Br() }), ha = /* @__PURE__ */ l({
 						}
 					})]),
 					_: 1
-				}, 16, ["modelValue", "error-message"]), x.value ? (y(), n(E(Kt), {
+				}, 16, ["modelValue", "error-message"]), x.value ? (y(), n(E(Bt), {
 					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."
@@ -5554,22 +5572,21 @@ var ma = R({ company: Br() }), ha = /* @__PURE__ */ l({
 });
 //#endregion
 //#region src/comparisons/businessLiability/businessLiability.presenter.ts
-function ga(e) {
-	let { hasVisitingAddress: t, ...n } = e.company;
+function da(e) {
 	return {
 		comparison: V.BusinessLiability,
-		detail: { companyData: n },
+		detail: { companyData: { ...e.company } },
 		user: {}
 	};
 }
 //#endregion
 //#region src/flow/useComparisonSubmit.ts
-var _a = { [V.Travel]: "/tarieven/" }, va = (e, t, n) => `${e}#/${n}${_a[t] ?? ""}`, ya = (e) => {
+var fa = { [V.Travel]: "/tarieven/" }, pa = (e, t, n) => `${e}#/${n}${fa[t] ?? ""}`, ma = (e) => {
 	window.location.href = e;
-}, ba = ({ user: e, detail: t }) => new Oe({
+}, ha = ({ user: e, detail: t }) => new Oe({
 	email: e.email || null,
 	name: e.firstName || null,
-	zip_code: e.zipcode || null,
+	zip_code: e.zipCode || null,
 	house_number: e.houseNumber ? Number(e.houseNumber) : null,
 	house_number_addition: e.houseNumberAddition || null,
 	birth_date: e.birthdate || null,
@@ -5580,14 +5597,14 @@ var _a = { [V.Travel]: "/tarieven/" }, va = (e, t, n) => `${e}#/${n}${_a[t] ?? "
 		...e.city && { city: e.city }
 	}
 });
-function xa(e) {
+function ga(e) {
 	let t = x(!1), n = x(null);
 	return {
 		submit: async (r) => {
 			t.value = !0, n.value = null;
 			try {
-				let t = await Nn().comparisonService.create(r.comparison, ba(r)), n = va(e.link, r.comparison, t.getId());
-				e.onRedirect ? e.onRedirect(n) : ya(n);
+				let t = await Dn().comparisonService.create(r.comparison, ha(r)), n = pa(e.link, r.comparison, t.getId());
+				e.onRedirect ? e.onRedirect(n) : ma(n);
 			} catch (t) {
 				n.value = t, e.onError?.(t, r);
 			} finally {
@@ -5600,66 +5617,66 @@ function xa(e) {
 }
 //#endregion
 //#region src/comparisons/bike/index.ts
-var Sa = /* @__PURE__ */ B({
+var _a = /* @__PURE__ */ B({
+	Form: () => ui,
+	presenter: () => di
+}), va = /* @__PURE__ */ B({
 	Form: () => hi,
 	presenter: () => gi
-}), Ca = /* @__PURE__ */ B({
-	Form: () => bi,
-	presenter: () => xi
-}), wa = /* @__PURE__ */ B({
+}), ya = /* @__PURE__ */ B({
+	Form: () => xi,
+	presenter: () => Si
+}), ba = /* @__PURE__ */ B({
 	Form: () => Ei,
 	presenter: () => Di
+}), xa = /* @__PURE__ */ B({
+	Form: () => ki,
+	presenter: () => Ai
+}), Sa = /* @__PURE__ */ B({
+	Form: () => Ni,
+	presenter: () => Pi
+}), Ca = /* @__PURE__ */ B({
+	Form: () => Ri,
+	presenter: () => zi
+}), wa = /* @__PURE__ */ B({
+	Form: () => Vi,
+	presenter: () => Hi
 }), Ta = /* @__PURE__ */ B({
-	Form: () => ji,
-	presenter: () => Mi
+	Form: () => qi,
+	presenter: () => Yi
 }), Ea = /* @__PURE__ */ B({
-	Form: () => Pi,
-	presenter: () => Fi
+	Form: () => Qi,
+	presenter: () => $i
 }), Da = /* @__PURE__ */ B({
-	Form: () => Ri,
-	presenter: () => zi
+	Form: () => ta,
+	presenter: () => na
 }), Oa = /* @__PURE__ */ B({
-	Form: () => Ui,
-	presenter: () => Wi
+	Form: () => ia,
+	presenter: () => aa
 }), ka = /* @__PURE__ */ B({
-	Form: () => Ki,
-	presenter: () => qi
+	Form: () => sa,
+	presenter: () => ca
 }), Aa = /* @__PURE__ */ B({
-	Form: () => Qi,
-	presenter: () => ea
-}), ja = /* @__PURE__ */ B({
-	Form: () => ra,
-	presenter: () => ia
-}), Ma = /* @__PURE__ */ B({
-	Form: () => oa,
-	presenter: () => sa
-}), Na = /* @__PURE__ */ B({
-	Form: () => la,
-	presenter: () => ua
-}), Pa = /* @__PURE__ */ B({
-	Form: () => fa,
-	presenter: () => pa
-}), Fa = /* @__PURE__ */ B({
-	Form: () => ha,
-	presenter: () => ga
-}), Ia = {
-	[V.Bike]: Sa,
-	[V.Pet]: Ca,
-	[V.Caravan]: wa,
-	[V.Travel]: Ta,
-	[V.Liability]: Ea,
-	[V.Housing]: Da,
-	house: Da,
-	[V.LegalAssistance]: Oa,
-	[V.Package]: ka,
-	[V.Loan]: Aa,
-	[V.Moped]: ja,
-	[V.Motor]: Ma,
-	[V.Car]: Na,
-	[V.CarBusiness]: Pa,
-	"business-car": Pa,
-	[V.BusinessLiability]: Fa
-}, La = /* @__PURE__ */ l({
+	Form: () => ua,
+	presenter: () => da
+}), ja = {
+	[V.Bike]: _a,
+	[V.Pet]: va,
+	[V.Caravan]: ya,
+	[V.Travel]: ba,
+	[V.Liability]: xa,
+	[V.Housing]: Sa,
+	house: Sa,
+	[V.LegalAssistance]: Ca,
+	[V.Package]: wa,
+	[V.Loan]: Ta,
+	[V.Moped]: Ea,
+	[V.Motor]: Da,
+	[V.Car]: Oa,
+	[V.CarBusiness]: ka,
+	"business-car": ka,
+	[V.BusinessLiability]: Aa
+}, Ma = /* @__PURE__ */ l({
 	__name: "ComparisonFormFlow",
 	props: {
 		form: {},
@@ -5690,7 +5707,7 @@ var Sa = /* @__PURE__ */ B({
 	},
 	emits: ["submitted", "error"],
 	setup(e, { emit: i }) {
-		let a = e, o = i, s = q(a), c = t(() => Ia[a.form]), { submit: l, isSubmitting: u } = xa({
+		let a = e, o = i, s = q(a), c = t(() => ja[a.form]), { submit: l, isSubmitting: u } = ga({
 			link: a.link,
 			onRedirect: (e) => {
 				o("submitted", e), a.redirect ? a.redirect(e) : window.location.href = e;
@@ -5703,37 +5720,38 @@ var Sa = /* @__PURE__ */ B({
 		return (t, i) => c.value ? (y(), n(w(c.value.Form), m({ key: 0 }, E(s), {
 			"initial-data": e.initialData,
 			"submit-disabled": e.submitDisabled || E(u),
-			onSubmit: d
+			onSubmitted: d
 		}), null, 16, ["initial-data", "submit-disabled"])) : r("", !0);
 	}
-}), Ra = { class: "vd-form vd-form--vertical vd-form--card" }, za = {
+}), Na = { class: "vd-form vd-form--vertical vd-form--card" }, Pa = {
 	key: 0,
 	class: "vd-form__header"
-}, Ba = {
+}, Fa = {
 	key: 0,
 	class: "vd-form__title"
-}, Va = {
+}, Ia = {
 	key: 1,
 	class: "vd-form__description"
-}, Ha = /* @__PURE__ */ l({
+}, La = /* @__PURE__ */ l({
 	__name: "QuestionnaireForm",
 	props: {
 		link: {},
+		qaId: {},
+		thankyouPageTemplate: { default: "common" },
 		title: { default: "" },
 		description: { default: "" },
 		buttonText: { default: "" },
 		showTitle: {
 			type: Boolean,
 			default: !0
-		},
-		qaOptions: {}
+		}
 	},
 	setup(e) {
-		let n = e, a = t(() => Qr(n.link, {
-			qaId: n.qaOptions.qaId,
-			template: n.qaOptions.thankyouPageTemplate ?? "common"
+		let n = e, a = t(() => Kr(n.link, {
+			qaId: n.qaId,
+			template: n.thankyouPageTemplate
 		}));
-		return (t, n) => (y(), i("div", Ra, [e.showTitle && e.title || e.description ? (y(), i("div", za, [e.showTitle && e.title ? (y(), i("h2", Ba, T(e.title), 1)) : r("", !0), e.description ? (y(), i("p", Va, T(e.description), 1)) : r("", !0)])) : r("", !0), c(E(Ie), {
+		return (t, n) => (y(), i("div", Na, [e.showTitle && e.title || e.description ? (y(), i("div", Pa, [e.showTitle && e.title ? (y(), i("h2", Fa, T(e.title), 1)) : r("", !0), e.description ? (y(), i("p", Ia, T(e.description), 1)) : r("", !0)])) : r("", !0), c(E(Ne), {
 			href: a.value,
 			label: e.buttonText,
 			"button-type": "green",
@@ -5742,20 +5760,24 @@ var Sa = /* @__PURE__ */ B({
 			block: ""
 		}, null, 8, ["href", "label"])]));
 	}
-}), Ua = {
+}), Ra = {
 	key: 0,
 	class: "vd-form__header"
-}, Wa = {
+}, za = {
 	key: 0,
 	class: "vd-form__title"
-}, Ga = {
+}, Ba = {
 	key: 1,
 	class: "vd-form__description"
-}, Ka = { class: "vd-form__row" }, qa = { class: "vd-form__col-10 vd-form__col-md-6" }, Ja = { class: "vd-form__col-2 vd-form__action" }, Ya = /* @__PURE__ */ l({
+}, Va = { class: "vd-form__row" }, Ha = { class: "vd-form__col-10 vd-form__col-md-6" }, Ua = { class: "vd-form__col-2 vd-form__action" }, Wa = /* @__PURE__ */ l({
 	__name: "RiskScannerForm",
 	props: {
-		qaOptions: { default: () => ({}) },
+		qaUrl: { default: "" },
+		qaId: { default: "6627c64764165beec8076818" },
+		currentItemId: { default: "6627e21c64165beec8076830" },
+		nextItemId: { default: "6627e32464165beec8076838" },
 		link: {},
+		thankyouPageTemplate: { default: "risk-scanner" },
 		title: { default: "Check de risico`s voor jouw bedrijf + ontvang gratis offerte!" },
 		description: { default: "Doe onze risicoscan en ontdek de beste verzekering voor jouw specifieke bedrijf. Om te starten hebben we je bedrijfsnaam of KVK-nummer nodig!" },
 		buttonText: { default: "Start de gratis scan" },
@@ -5765,15 +5787,9 @@ var Sa = /* @__PURE__ */ B({
 		}
 	},
 	setup(e) {
-		let o = e, s = t(() => ({
-			qaId: "6627c64764165beec8076818",
-			currentItemId: "6627e21c64165beec8076830",
-			nextItemId: "6627e32464165beec8076838",
-			thankyouPageTemplate: "risk-scanner",
-			...o.qaOptions
-		})), l = x(null), { isSubmitting: u, handleSubmit: f, defineField: p, setErrors: h, removeError: g } = Z(R({ company: Br() }), { company: null }), [_, v, b] = p("company"), S = (e) => e ? h({ company: e }) : g("company"), C = t(() => !!_.value && !_.value.hasVisitingAddress);
-		async function w(e) {
-			let t = s.value.qaUrl || An(), n = t.endsWith("/") ? t : `${t}/`, r = await fetch(`${n}api/v1/active-questionnaire/${s.value.qaId}/start`, {
+		let o = e, s = x(null), { isSubmitting: l, handleSubmit: u, defineField: f, setErrors: p, removeError: h } = Z(R({ company: Pr() }), { company: null }), [g, _, v] = f("company"), b = (e) => e ? p({ company: e }) : h("company"), S = t(() => !!g.value && !g.value.hasVisitingAddress);
+		async function C(e) {
+			let t = o.qaUrl || wn(), n = t.endsWith("/") ? t : `${t}/`, r = await fetch(`${n}api/v1/active-questionnaire/${o.qaId}/start`, {
 				method: "POST",
 				headers: { "Content-Type": "application/json" },
 				body: JSON.stringify({
@@ -5781,23 +5797,23 @@ var Sa = /* @__PURE__ */ B({
 						value: e.kvkNummer,
 						data: e
 					} } },
-					current_item_id: s.value.currentItemId,
-					next_item_id: s.value.nextItemId
+					current_item_id: o.currentItemId,
+					next_item_id: o.nextItemId
 				})
 			});
 			if (!r.ok) throw Error(`Failed to start the questionnaire (${r.status})`);
 			let { leadId: i } = await r.json();
-			return Qr(o.link, {
+			return Kr(o.link, {
 				leadid: i,
-				qaId: s.value.qaId,
-				template: s.value.thankyouPageTemplate
+				qaId: o.qaId,
+				template: o.thankyouPageTemplate
 			});
 		}
-		function D() {
-			u.value || f(async () => {
+		function w() {
+			l.value || u(async () => {
 				try {
-					if (!l.value) throw Error("Missing company data");
-					let e = await w(l.value);
+					if (!s.value) throw Error("Missing company data");
+					let e = await C(s.value);
 					window.location.href = e;
 				} catch (e) {
 					console.error(e);
@@ -5806,22 +5822,23 @@ var Sa = /* @__PURE__ */ B({
 		}
 		return (t, o) => (y(), i("form", {
 			class: "vd-form vd-form--vertical vd-form--card",
-			onSubmit: I(D, ["prevent"])
-		}, [e.showTitle && e.title || e.description ? (y(), i("div", Ua, [e.showTitle && e.title ? (y(), i("h2", Wa, T(e.title), 1)) : r("", !0), e.description ? (y(), i("p", Ga, T(e.description), 1)) : r("", !0)])) : r("", !0), a("div", Ka, [a("div", qa, [c(E(zr), m({
-			modelValue: E(_),
-			"onUpdate:modelValue": o[0] ||= (e) => d(_) ? _.value = e : null
-		}, E(v), {
-			"error-message": E(b),
-			onError: S,
-			onRaw: o[1] ||= (e) => l.value = e
-		}), null, 16, ["modelValue", "error-message"]), C.value ? (y(), n(E(Kt), {
+			onSubmit: I(w, ["prevent", "stop"])
+		}, [e.showTitle && e.title || e.description ? (y(), i("div", Ra, [e.showTitle && e.title ? (y(), i("h2", za, T(e.title), 1)) : r("", !0), e.description ? (y(), i("p", Ba, T(e.description), 1)) : r("", !0)])) : r("", !0), a("div", Va, [a("div", Ha, [c(E(Nr), m({
+			modelValue: E(g),
+			"onUpdate:modelValue": o[0] ||= (e) => d(g) ? g.value = e : null
+		}, E(_), {
+			"error-message": E(v),
+			onError: b,
+			onRaw: o[1] ||= (e) => s.value = e
+		}), null, 16, ["modelValue", "error-message"]), S.value ? (y(), n(E(Bt), {
 			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."
-		})) : r("", !0)]), a("div", Ja, [c(E(Ie), {
+		})) : r("", !0)]), a("div", Ua, [c(E(Ne), {
+			type: "submit",
 			label: e.buttonText,
-			"is-loading": E(u),
-			disabled: C.value,
+			"is-loading": E(l),
+			disabled: S.value,
 			"button-type": "green",
 			size: "big",
 			block: "",
@@ -5834,4 +5851,4 @@ var Sa = /* @__PURE__ */ B({
 	}
 });
 //#endregion
-export { hi as BikeForm, fa as BusinessCarForm, ha as BusinessLiabilityForm, la as CarForm, Ei as CaravanForm, La as ComparisonFormFlow, V as ComparisonName, Ri as HouseForm, Ui as LegalForm, Pi as LiabilityForm, Qi as LoanForm, ra as MopedForm, oa as MotorForm, Ki as PackageForm, bi as PetForm, Ha as QuestionnaireForm, Ya as RiskScannerForm, ji as TravelForm, gi as bikePresenter, pa as businessCarPresenter, ga as businessLiabilityPresenter, ua as carPresenter, Di as caravanPresenter, zi as housePresenter, Wi as legalPresenter, Fi as liabilityPresenter, ea as loanPresenter, ia as mopedPresenter, sa as motorPresenter, qi as packagePresenter, xi as petPresenter, Mi as travelPresenter, xa as useComparisonSubmit };
+export { ui as BikeForm, sa as BusinessCarForm, ua as BusinessLiabilityForm, ia as CarForm, xi as CaravanForm, Ma as ComparisonFormFlow, V as ComparisonName, Ni as HouseForm, Ri as LegalForm, ki as LiabilityForm, qi as LoanForm, Qi as MopedForm, ta as MotorForm, Vi as PackageForm, hi as PetForm, La as QuestionnaireForm, Wa as RiskScannerForm, Ei as TravelForm, di as bikePresenter, ca as businessCarPresenter, da as businessLiabilityPresenter, aa as carPresenter, Si as caravanPresenter, Pi as housePresenter, zi as legalPresenter, Ai as liabilityPresenter, Yi as loanPresenter, $i as mopedPresenter, na as motorPresenter, Hi as packagePresenter, gi as petPresenter, Di as travelPresenter, ga as useComparisonSubmit };