@vergelijkdirect/comparison-forms 2.0.2 → 2.1.0-ver-9053.1

package/dist/vue/useValidator-B8ZuqyvJ.js

@@ -0,0 +1,535 @@
+import { computed as e, createBlock as t, createCommentVNode as n, createElementBlock as r, createElementVNode as i, createTextVNode as a, createVNode as o, defineComponent as s, inject as c, mergeDefaults as l, mergeProps as u, nextTick as d, normalizeClass as f, openBlock as p, provide as m, ref as h, renderSlot as g, resolveDynamicComponent as _, toDisplayString as v, unref as y, useSlots as b, withCtx as x, withModifiers as S } from "vue";
+import { cloneDeep as C } from "es-toolkit";
+import { reactivePick as w } from "@vueuse/core";
+import "yup";
+//#region src/enums/comparisonName.enum.ts
+var T = /* @__PURE__ */ function(e) {
+	return e.Bike = "bike", e.Car = "car", e.Caravan = "caravan", e.CarBusiness = "car-business", e.BusinessLiability = "business-liability", e.Housing = "housing", e.LegalAssistance = "legal-assistance", e.Liability = "liability", e.Loan = "loan", e.Moped = "moped", e.Motor = "motor", e.Package = "package", e.Pet = "pet", e.Travel = "travel", e;
+}({}), E = {
+	key: 1,
+	class: "vd-btn-new__label"
+}, D = /* @__PURE__ */ s({
+	__name: "VdButton",
+	props: {
+		buttonType: { default: "primary" },
+		type: { default: "button" },
+		label: { default: "" },
+		disabled: {
+			type: Boolean,
+			default: !1
+		},
+		isLoading: {
+			type: Boolean,
+			default: !1
+		},
+		icon: { default: "" },
+		iconLeft: {
+			type: Boolean,
+			default: !1
+		},
+		size: { default: null },
+		href: { default: null },
+		target: { default: "_blank" },
+		hideLabelOnResize: {
+			type: Boolean,
+			default: !1
+		},
+		block: {
+			type: Boolean,
+			default: !1
+		},
+		tabindex: { default: null }
+	},
+	emits: ["click"],
+	setup(o, { emit: s }) {
+		let c = o, l = s, d = b(), m = e(() => !!c.href), h = e(() => c.disabled || c.isLoading), y = e(() => !!c.label || !!d.default), S = e(() => m.value ? "a" : "button"), C = e(() => [
+			"vd-btn-new",
+			...c.buttonType.split("-").map((e) => `vd-btn-new--${e}`),
+			{
+				"vd-btn-new--link-type": m.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": h.value
+			},
+			c.size ? `vd-btn-new--${c.size}` : ""
+		]), w = e(() => {
+			let e = {
+				"aria-busy": c.isLoading || void 0,
+				"aria-label": c.hideLabelOnResize && c.label || void 0
+			};
+			return m.value ? {
+				...e,
+				href: h.value ? void 0 : c.href,
+				target: c.target,
+				rel: c.target === "_blank" ? "noopener noreferrer" : void 0,
+				"aria-disabled": h.value || void 0,
+				tabindex: h.value ? -1 : c.tabindex ?? void 0
+			} : {
+				...e,
+				type: c.type,
+				disabled: h.value,
+				tabindex: c.tabindex ?? void 0
+			};
+		}), T = (e) => {
+			if (h.value) {
+				e.preventDefault(), e.stopPropagation();
+				return;
+			}
+			l("click", e);
+		};
+		return (e, s) => (p(), t(_(S.value), u({ class: C.value }, w.value, { onClick: T }), {
+			default: x(() => [
+				o.icon && o.iconLeft ? (p(), r("i", {
+					key: 0,
+					class: f([
+						"vd-btn-new__icon",
+						o.icon,
+						{ "vd-btn-new__icon--non-label": !y.value }
+					]),
+					"aria-hidden": "true"
+				}, null, 2)) : n("", !0),
+				y.value ? (p(), r("span", E, [g(e.$slots, "default", {}, () => [a(v(o.label), 1)])])) : n("", !0),
+				o.icon && !o.iconLeft ? (p(), r("i", {
+					key: 2,
+					class: f([
+						"vd-btn-new__icon",
+						o.icon,
+						{ "vd-btn-new__icon--non-label": !y.value }
+					]),
+					"aria-hidden": "true"
+				}, null, 2)) : n("", !0),
+				s[0] ||= i("div", {
+					class: "loader-circle",
+					"aria-hidden": "true"
+				}, null, -1)
+			]),
+			_: 3
+		}, 16, ["class"]));
+	}
+});
+//#endregion
+//#region node_modules/es-toolkit/dist/_internal/isEqualsSameValueZero.mjs
+function O(e, t) {
+	return e === t || Number.isNaN(e) && Number.isNaN(t);
+}
+//#endregion
+//#region node_modules/es-toolkit/dist/compat/util/toString.mjs
+function k(e) {
+	if (e == null) return "";
+	if (typeof e == "string") return e;
+	if (Array.isArray(e)) return e.map(k).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 A(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 j(e) {
+	if (Array.isArray(e)) return e.map(A);
+	if (typeof e == "symbol") return [e];
+	e = k(e);
+	let t = [], n = e.length;
+	if (n === 0) return t;
+	let r = 0, i = "", a = "", o = !1;
+	for (e.charCodeAt(0) === 46 && t.push(""); r < n;) {
+		let s = e[r];
+		if (a) s === "\\" && r + 1 < n ? (r++, i += e[r]) : s === a ? a = "" : i += s;
+		else if (o) s === "\"" || s === "'" ? a = s : s === "]" ? (o = !1, t.push(i), i = "") : i += s;
+		else if (s === "[") o = !0, i &&= (t.push(i), "");
+		else if (s === ".") {
+			i &&= (t.push(i), "");
+			let n = e[r + 1];
+			(n === void 0 || n === ".") && t.push("");
+		} else i += s;
+		r++;
+	}
+	return i && t.push(i), t;
+}
+//#endregion
+//#region node_modules/es-toolkit/dist/_internal/isUnsafeProperty.mjs
+function M(e) {
+	return e === "__proto__";
+}
+//#endregion
+//#region node_modules/es-toolkit/dist/compat/_internal/isDeepKey.mjs
+function N(e) {
+	switch (typeof e) {
+		case "number":
+		case "symbol": return !1;
+		case "string": return e.includes(".") || e.includes("[") || e.includes("]");
+	}
+}
+//#endregion
+//#region node_modules/es-toolkit/dist/compat/object/get.mjs
+function P(e, t, n) {
+	if (e == null) return n;
+	switch (typeof t) {
+		case "string": {
+			if (M(t)) return n;
+			let r = e[t];
+			return r === void 0 ? N(t) && !Object.hasOwn(e, t) ? P(e, j(t), n) : n : r;
+		}
+		case "number":
+		case "symbol": {
+			typeof t == "number" && (t = A(t));
+			let r = e[t];
+			return r === void 0 ? n : r;
+		}
+		default: {
+			if (Array.isArray(t)) return F(e, t, n);
+			if (t = Object.is(t?.valueOf(), -0) ? "-0" : String(t), M(t)) return n;
+			let r = e[t];
+			return r === void 0 ? n : r;
+		}
+	}
+}
+function F(e, t, n) {
+	if (t.length === 0) return n;
+	let r = e;
+	for (let e = 0; e < t.length; e++) {
+		if (r == null || M(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 I(e) {
+	return e !== null && (typeof e == "object" || typeof e == "function");
+}
+//#endregion
+//#region node_modules/es-toolkit/dist/compat/_internal/isIndex.mjs
+var L = /^(?:0|[1-9]\d*)$/;
+function R(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 L.test(e);
+	}
+}
+//#endregion
+//#region node_modules/es-toolkit/dist/compat/predicate/isSymbol.mjs
+function z(e) {
+	return typeof e == "symbol" || e instanceof Symbol;
+}
+//#endregion
+//#region node_modules/es-toolkit/dist/compat/_internal/isKey.mjs
+var B = /\.|\[(?:[^[\]]*|(["'])(?:(?!\1)[^\\]|\\.)*?\1)\]/, V = /^\w*$/;
+function ee(e, t) {
+	return Array.isArray(e) ? !1 : typeof e == "number" || typeof e == "boolean" || e == null || z(e) ? !0 : typeof e == "string" && (V.test(e) || !B.test(e)) || t != null && Object.hasOwn(t, e);
+}
+//#endregion
+//#region node_modules/es-toolkit/dist/compat/_internal/assignValue.mjs
+var H = (e, t, n) => {
+	let r = e[t];
+	(!(Object.hasOwn(e, t) && O(r, n)) || n === void 0 && !(t in e)) && (e[t] = n);
+};
+//#endregion
+//#region node_modules/es-toolkit/dist/compat/object/updateWith.mjs
+function te(e, t, n, r) {
+	if (e == null && !I(e)) return e;
+	let i;
+	i = ee(t, e) ? [t] : Array.isArray(t) ? t : j(t);
+	let a = n(P(e, i)), o = e;
+	for (let t = 0; t < i.length && o != null; t++) {
+		let n = A(i[t]);
+		if (M(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 ? I(a) ? a : R(i[t + 1]) ? [] : {} : c;
+		}
+		H(o, n, s), o = o[n];
+	}
+	return e;
+}
+//#endregion
+//#region node_modules/es-toolkit/dist/compat/object/set.mjs
+function ne(e, t, n) {
+	return te(e, t, () => n, () => void 0);
+}
+//#endregion
+//#region src/composables/useComparisonForm.ts
+var U = {
+	title: "",
+	description: "",
+	banner: "",
+	layout: "vertical",
+	card: !0,
+	flat: !1,
+	fullWidth: !1,
+	submitLabel: "Vergelijken",
+	submitDisabled: !1
+}, re = Object.keys(U);
+function ie(e) {
+	return w(e, ...re);
+}
+//#endregion
+//#region \0plugin-vue:export-helper
+var W = (e, t) => {
+	let n = e.__vccOpts || e;
+	for (let [e, r] of t) n[e] = r;
+	return n;
+}, G = {}, K = { class: "vd-form__row" };
+function q(e, t) {
+	return p(), r("div", K, [g(e.$slots, "default")]);
+}
+var J = /*#__PURE__*/ W(G, [["render", q]]), Y = /* @__PURE__ */ s({
+	__name: "VdFormCol",
+	props: {
+		span: { default: null },
+		md: { default: null },
+		ratio: { default: null }
+	},
+	setup(t) {
+		let n = t, i = e(() => [
+			n.span == null ? null : `vd-form__col-${n.span}`,
+			n.md == null ? null : `vd-form__col-md-${n.md}`,
+			n.ratio == null ? null : `vd-form__ratio-${n.ratio}`
+		]);
+		return (e, t) => (p(), r("div", { class: f(i.value) }, [g(e.$slots, "default")], 2));
+	}
+}), ae = {
+	key: 0,
+	class: "vd-form__banner"
+}, oe = ["innerHTML"], se = {
+	key: 1,
+	class: "vd-form__header"
+}, ce = {
+	key: 0,
+	class: "vd-form__title"
+}, le = {
+	key: 1,
+	class: "vd-form__description"
+}, ue = /* @__PURE__ */ s({
+	__name: "VdComparisonForm",
+	props: /*@__PURE__*/ l({
+		actionSpan: {},
+		actionMd: {},
+		title: {},
+		description: {},
+		banner: {},
+		layout: {},
+		card: { type: Boolean },
+		flat: { type: Boolean },
+		fullWidth: { type: Boolean },
+		submitLabel: {},
+		submitDisabled: { type: Boolean }
+	}, {
+		...U,
+		actionSpan: 2,
+		actionMd: null
+	}),
+	emits: ["submit"],
+	setup(t, { emit: a }) {
+		let s = t, c = a, l = b(), u = e(() => [
+			"vd-form",
+			`vd-form--${s.layout}`,
+			{ "vd-form--card": s.card },
+			{ "vd-form--flat": s.flat },
+			{ "vd-form--full-width": s.fullWidth }
+		]), d = (e) => {
+			c("submit", e);
+		};
+		return (e, a) => (p(), r("form", {
+			class: f(u.value),
+			onSubmit: S(d, ["prevent", "stop"])
+		}, [
+			y(l).banner || t.banner ? (p(), r("div", ae, [g(e.$slots, "banner", {}, () => [i("span", { innerHTML: t.banner }, null, 8, oe)])])) : n("", !0),
+			y(l).header || t.title || t.description ? (p(), r("div", se, [g(e.$slots, "header", {}, () => [t.title ? (p(), r("h2", ce, v(t.title), 1)) : n("", !0), t.description ? (p(), r("p", le, v(t.description), 1)) : n("", !0)])])) : n("", !0),
+			o(J, null, {
+				default: x(() => [g(e.$slots, "default"), o(Y, {
+					class: "vd-form__action",
+					span: t.actionSpan,
+					md: t.actionMd
+				}, {
+					default: x(() => [g(e.$slots, "action", {}, () => [o(D, {
+						type: "submit",
+						label: t.submitLabel,
+						"button-type": "green",
+						size: "big",
+						block: "",
+						disabled: t.submitDisabled,
+						icon: "fas fa-chevron-right"
+					}, null, 8, ["label", "disabled"])])]),
+					_: 3
+				}, 8, ["span", "md"])]),
+				_: 3
+			})
+		], 34));
+	}
+}), de = (e) => e.replace(/\["(\d+)"\]/g, "[$1]"), X = (e, t) => `${e}${t}`, fe = (e) => (e.inner || []).reduce((e, t) => {
+	let n = de(t.path);
+	return e[n] || (e[n] = t.message), e;
+}, {}), Z = (e) => {
+	if (!e.inner) throw e;
+	return fe(e);
+}, Q = { isValidating: !1 }, pe = {
+	validateAt: "blur",
+	strict: !0,
+	abortEarly: !1
+}, $ = Symbol("useValidator"), me = (t, n, r) => {
+	let i = {
+		...pe,
+		...r
+	}, a = C(n), o = h(C(a)), s = h({}), c = h(!1), l = h(!1), u = h({}), f = (t) => e({
+		get: () => b(t),
+		set: (e) => x(t, e)
+	}), p = (t, n) => e(() => ({
+		onBlur: () => S(t, n),
+		onChange: () => w(t, n),
+		onInput: () => T(t, n)
+	})), g = (t) => e(() => F(t)), _ = (t) => e(() => ({
+		isValid: !F(t),
+		isValidating: u.value[t]?.isValidating ?? !1
+	})), v = (e, t) => {
+		let n = t && "value" in t ? t.value : P(a, e), r = { isValidating: t?.isValidating ?? !1 }, i = t?.error ?? "";
+		x(e, C(n)), y(e, r), i ? N({ [e]: i }) : I(e);
+	}, y = (e, t) => {
+		u.value[e] = {
+			...u.value[e],
+			...t
+		};
+	}, b = (e) => P(o.value, e), x = (e, t) => {
+		ne(o.value, e, t);
+	}, S = (e, t) => {
+		t === "blur" && M(e);
+	}, w = (e, t) => {
+		t === "change" && d(() => M(e));
+	}, T = (e, t) => {
+		t === "input" && d(() => M(e));
+	}, E = (e, t) => {
+		let n = t?.validateAt ?? i.validateAt;
+		return y(e, Q), [
+			f(e),
+			p(e, n),
+			g(e),
+			_(e)
+		];
+	}, D = (e) => {
+		let t = f(e), n = (t, n) => {
+			let r = n?.validateAt ?? i.validateAt, a = X(e, t);
+			return p(a, r).value;
+		}, r = (t) => {
+			let n = X(e, t);
+			return F(n);
+		};
+		return {
+			fields: t,
+			getAttrs: n,
+			getError: r,
+			getMeta: (t) => {
+				let n = X(e, t);
+				return _(n);
+			},
+			arrayError: r(e),
+			push: (n, r = 1) => {
+				if (!t.value) {
+					console.warn(`Fields at path "${e}" is not initialized`);
+					return;
+				}
+				for (let e = 0; e < r; e++) t.value.push(C(n));
+				I(e);
+			},
+			pop: (n = 1) => {
+				if (!t.value?.length) return [];
+				let r = Math.min(n, t.value.length), i = t.value.splice(-r);
+				return O(e, t.value.length, r), i;
+			},
+			clear: () => {
+				t.value && (t.value = [], k(e));
+			}
+		};
+	}, O = (e, t, n) => {
+		for (let r = t; r < t + n; r++) Object.keys(s.value).forEach((t) => {
+			t.includes(`${e}[${r}]`) && I(t);
+		});
+	}, k = (e) => {
+		Object.keys(s.value).forEach((t) => {
+			t.startsWith(e) && I(t);
+		});
+	}, A = async (e, t) => {
+		B(!0);
+		try {
+			let n = await j();
+			if (n && typeof e == "function") return await e(n);
+			if (!n && typeof t == "function") return await t();
+		} catch (e) {
+			console.error(e);
+		} finally {
+			B(!1);
+		}
+	}, j = async () => {
+		z(!0), R();
+		try {
+			return await t.validate(o.value, {
+				strict: i.strict,
+				abortEarly: i.abortEarly
+			}), o.value;
+		} catch (e) {
+			let t = Z(e);
+			N(t);
+			return;
+		} finally {
+			z(!1);
+		}
+	}, M = async (e) => {
+		y(e, { isValidating: !0 }), L(e);
+		try {
+			await t.validateAt(e, o.value, {
+				strict: i.strict,
+				abortEarly: i.abortEarly
+			});
+		} catch (e) {
+			let t = Z(e);
+			N(t);
+		} finally {
+			y(e, { isValidating: !1 });
+		}
+	}, N = (e) => {
+		Object.assign(s.value, e);
+	}, F = (e) => s.value[e], I = (e) => {
+		delete s.value[e];
+	}, L = (e) => {
+		Object.keys(s.value).forEach((t) => {
+			(t === e || t.startsWith(`${e}.`) || t.startsWith(`${e}[`)) && I(t);
+		});
+	}, R = () => {
+		s.value = {};
+	}, z = (e) => {
+		l.value = e;
+	}, B = (e) => {
+		c.value = e;
+	}, V = {
+		formData: o,
+		errors: e(() => s.value),
+		isValid: e(() => Object.keys(s.value).length === 0),
+		isSubmitting: e(() => c.value),
+		isValidating: e(() => l.value),
+		handleSubmit: A,
+		defineField: E,
+		defineArray: D,
+		getFieldMeta: _,
+		resetField: v,
+		setErrors: N,
+		setFieldMeta: y,
+		getError: F,
+		removeError: I,
+		resetErrors: R,
+		validateForm: j,
+		validateField: M
+	};
+	return m($, V), V;
+}, he = () => {
+	let e = c($);
+	if (!e) throw Error("useValidatorContext must be used within a component that has called useValidator");
+	return e;
+};
+//#endregion
+export { J as a, P as c, Y as i, D as l, he as n, U as o, ue as r, ie as s, me as t, T as u };

package/dist/vue/yesNo-BvJlCm7Y.js

@@ -0,0 +1,6 @@
+//#region src/enums/yesNo.ts
+var e = /* @__PURE__ */ function(e) {
+	return e.Yes = "J", e.No = "N", e;
+}({}), t = [e.Yes, e.No];
+//#endregion
+export { e as n, t };