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

package/dist/vue/VdSearchableSelect-THqVGo_Q.js

@@ -0,0 +1,209 @@
+import { c as e } from "./useValidator-B8ZuqyvJ.js";
+import { Fragment as t, computed as n, createBlock as r, createCommentVNode as i, createElementBlock as a, createElementVNode as o, createTextVNode as s, createVNode as c, defineComponent as l, mergeModels as u, mergeProps as d, normalizeClass as f, openBlock as p, renderList as m, renderSlot as h, toDisplayString as g, unref as _, useId as v, useModel as y, useSlots as b, withCtx as x } from "vue";
+import { ComboboxCancel as S, ComboboxContent as C, ComboboxEmpty as w, ComboboxInput as T, ComboboxItem as E, ComboboxItemIndicator as D, ComboboxRoot as O, ComboboxTrigger as k, ComboboxViewport as A, ComboboxVirtualizer as j, Label as ee, useForwardProps as te } from "reka-ui";
+import { isEqual as ne } from "es-toolkit";
+import { reactivePick as re } from "@vueuse/core";
+//#region src/components/ui/VdSearchableSelect.vue?vue&type=script&setup=true&lang.ts
+var ie = {
+	key: 0,
+	class: "vd-field__asterisk"
+}, ae = {
+	key: 1,
+	class: "vd-field__popover"
+}, M = { class: "vd-field__wrapper" }, N = {
+	key: 1,
+	class: "vd-field__loader-circle"
+}, P = {
+	key: 0,
+	class: "vd-field__message vd-field__message--error"
+}, F = {
+	key: 1,
+	class: "vd-field__message vd-field__message--information"
+}, I = /* @__PURE__ */ l({
+	__name: "VdSearchableSelect",
+	props: /*@__PURE__*/ u({
+		id: {},
+		name: {},
+		label: {},
+		placeholder: { default: "Typ of selecteer" },
+		options: {},
+		labelKey: { default: "title" },
+		valueKey: { default: "value" },
+		by: {},
+		errorMessage: {},
+		disabled: { type: Boolean },
+		required: { type: Boolean },
+		verified: { type: Boolean },
+		infoMessage: {},
+		loading: {
+			type: Boolean,
+			default: !1
+		},
+		noResultsText: { default: "We hebben geen resultaten gevonden. Controleer de spelling of kies een optie uit de lijst." },
+		ignoreFilter: { type: Boolean },
+		displayValue: {},
+		clearable: {
+			type: Boolean,
+			default: !1
+		},
+		icon: {},
+		virtual: {
+			type: Boolean,
+			default: !1
+		},
+		estimateSize: { default: 40 },
+		overscan: { default: 10 }
+	}, {
+		modelValue: {},
+		modelModifiers: {},
+		open: {
+			type: Boolean,
+			default: !1
+		},
+		openModifiers: {},
+		searchTerm: { default: "" },
+		searchTermModifiers: {}
+	}),
+	emits: /*@__PURE__*/ u([
+		"blur",
+		"select",
+		"clear",
+		"search"
+	], [
+		"update:modelValue",
+		"update:open",
+		"update:searchTerm"
+	]),
+	setup(l, { emit: u }) {
+		let I = l, L = te(re(I, "name", "disabled", "by", "ignoreFilter")), R = y(l, "modelValue"), z = y(l, "open"), B = y(l, "searchTerm"), V = u, H = b(), U = I.id ?? v(), W = n(() => !!I.icon || !!H.icon), G = (e) => typeof e == "object" && !!e, K = (t) => G(t) ? e(t, I.labelKey) ?? t.title ?? "" : String(t), q = (t) => G(t) ? I.valueKey === null ? t : e(t, I.valueKey) : t, J = (e) => G(e) ? e.disabled : void 0, Y = (t, n) => t === void 0 || n === void 0 ? !1 : !G(t) || !G(n) ? t === n : typeof I.by == "function" ? I.by(t, n) : typeof I.by == "string" ? e(t, I.by) === e(n, I.by) : ne(t, n), X = (e) => e == null || e === "", Z = n(() => !X(R.value)), Q = n(() => I.errorMessage ? "error" : Z.value && I.verified && !I.loading ? "verified" : "default"), oe = (e) => {
+			if (X(e)) return "";
+			if (I.displayValue) return I.displayValue(e);
+			let t = I.options.find((t) => Y(q(t), e));
+			return K(t ?? e);
+		}, $ = (e) => {
+			V("select", e);
+		}, se = () => {
+			R.value = void 0, V("clear");
+		};
+		return (e, n) => (p(), r(_(O), d({
+			modelValue: R.value,
+			"onUpdate:modelValue": n[3] ||= (e) => R.value = e,
+			open: z.value,
+			"onUpdate:open": n[4] ||= (e) => z.value = e,
+			class: "vd-field",
+			"open-on-click": "",
+			"open-on-focus": ""
+		}, _(L)), {
+			default: x(() => [
+				o("div", { class: f(["vd-field__label-wrapper", { "vd-field__label-wrapper--disabled": l.disabled }]) }, [l.label || H.label ? (p(), r(_(ee), {
+					key: 0,
+					for: _(U),
+					class: "vd-field__label"
+				}, {
+					default: x(() => [o("span", null, [h(e.$slots, "label", {}, () => [s(g(l.label), 1)]), l.required ? (p(), a("span", ie, "*")) : i("", !0)])]),
+					_: 3
+				}, 8, ["for"])) : i("", !0), H.popover ? (p(), a("span", ae, [h(e.$slots, "popover")])) : i("", !0)], 2),
+				o("div", M, [
+					c(_(T), {
+						id: _(U),
+						modelValue: B.value,
+						"onUpdate:modelValue": n[0] ||= (e) => B.value = e,
+						"display-value": oe,
+						placeholder: l.placeholder,
+						class: f(["vd-field__input vd-field__input--icon-right", [`vd-field__input--${Q.value}`, { "vd-field__input--icon-left": W.value }]]),
+						onInput: n[1] ||= (e) => V("search", e.target.value),
+						onBlur: n[2] ||= (e) => V("blur", e)
+					}, null, 8, [
+						"id",
+						"modelValue",
+						"placeholder",
+						"class"
+					]),
+					W.value ? (p(), a("span", {
+						key: 0,
+						class: f(["vd-field__icon vd-field__icon--left", { "vd-field__icon--disabled": l.disabled }])
+					}, [h(e.$slots, "icon", {}, () => [o("i", { class: f(l.icon) }, null, 2)])], 2)) : i("", !0),
+					l.loading ? (p(), a("div", N)) : l.clearable && Z.value ? (p(), r(_(S), {
+						key: 2,
+						as: "span",
+						class: "vd-field__icon",
+						onClick: se
+					}, {
+						default: x(() => [...n[5] ||= [o("i", { class: "far fa-times vd-field__icon--clickable" }, null, -1)]]),
+						_: 1
+					})) : (p(), r(_(k), {
+						key: 3,
+						as: "span",
+						class: "vd-field__icon"
+					}, {
+						default: x(() => [o("i", { class: f(z.value ? "far fa-chevron-up" : "far fa-chevron-down") }, null, 2)]),
+						_: 1
+					})),
+					c(_(C), { class: "vd-combobox" }, {
+						default: x(() => [c(_(A), { class: "vd-combobox__list" }, {
+							default: x(() => [l.virtual ? (p(), r(_(j), {
+								key: 0,
+								options: l.options,
+								"estimate-size": l.estimateSize,
+								overscan: l.overscan,
+								"text-content": K
+							}, {
+								default: x(({ option: t }) => [c(_(E), {
+									value: q(t),
+									"text-value": K(t),
+									disabled: J(t),
+									class: "vd-combobox__item",
+									onSelect: (e) => $(q(t))
+								}, {
+									default: x(() => [h(e.$slots, "item", { option: t }, () => [s(g(K(t)), 1)]), c(_(D), { class: "vd-combobox__check" }, {
+										default: x(() => [...n[6] ||= [o("i", { class: "far fa-check" }, null, -1)]]),
+										_: 1
+									})]),
+									_: 2
+								}, 1032, [
+									"value",
+									"text-value",
+									"disabled",
+									"onSelect"
+								])]),
+								_: 3
+							}, 8, [
+								"options",
+								"estimate-size",
+								"overscan"
+							])) : (p(!0), a(t, { key: 1 }, m(l.options, (t, i) => (p(), r(_(E), {
+								key: i,
+								value: q(t),
+								"text-value": K(t),
+								disabled: J(t),
+								class: "vd-combobox__item",
+								onSelect: (e) => $(q(t))
+							}, {
+								default: x(() => [h(e.$slots, "item", { option: t }, () => [s(g(K(t)), 1)]), c(_(D), { class: "vd-combobox__check" }, {
+									default: x(() => [...n[7] ||= [o("i", { class: "far fa-check" }, null, -1)]]),
+									_: 1
+								})]),
+								_: 2
+							}, 1032, [
+								"value",
+								"text-value",
+								"disabled",
+								"onSelect"
+							]))), 128)), c(_(w), { class: "vd-combobox__empty" }, {
+								default: x(() => [s(g(l.noResultsText), 1)]),
+								_: 1
+							})]),
+							_: 3
+						})]),
+						_: 3
+					})
+				]),
+				Q.value === "error" || H.errorMessage ? (p(), a("div", P, [h(e.$slots, "errorMessage", {}, () => [n[8] ||= o("i", { class: "fas fa-exclamation-circle vd-field__message-icon" }, null, -1), s(" " + g(l.errorMessage), 1)])])) : i("", !0),
+				l.infoMessage || H.information ? (p(), a("div", F, [h(e.$slots, "information", {}, () => [n[9] ||= o("i", { class: "fas fa-info-circle vd-field__message-icon" }, null, -1), s(" " + g(l.infoMessage), 1)])])) : i("", !0)
+			]),
+			_: 3
+		}, 16, ["modelValue", "open"]));
+	}
+});
+//#endregion
+export { I as t };

package/dist/vue/VdSelect-Dv35x4sz.js

@@ -0,0 +1,112 @@
+import { Fragment as e, computed as t, createBlock as n, createCommentVNode as r, createElementBlock as i, createElementVNode as a, createTextVNode as o, defineComponent as s, mergeModels as c, normalizeClass as l, openBlock as u, ref as d, renderList as f, renderSlot as p, toDisplayString as m, unref as h, useId as g, useModel as _, useSlots as v, vModelSelect as y, withCtx as b, withDirectives as x } from "vue";
+import { Label as S } from "reka-ui";
+//#region src/components/ui/VdSelect.vue?vue&type=script&setup=true&lang.ts
+var C = { class: "vd-field" }, w = {
+	key: 0,
+	class: "vd-field__asterisk"
+}, T = {
+	key: 1,
+	class: "vd-field__popover"
+}, E = { class: "vd-field__wrapper" }, D = [
+	"id",
+	"name",
+	"disabled"
+], O = {
+	key: 0,
+	value: "",
+	disabled: "",
+	selected: ""
+}, k = [
+	"value",
+	"selected",
+	"disabled"
+], A = {
+	key: 0,
+	class: "vd-field__icon-and-loader"
+}, j = {
+	key: 0,
+	class: "vd-field__message vd-field__message--error"
+}, M = {
+	key: 1,
+	class: "vd-field__message vd-field__message--information"
+}, N = /* @__PURE__ */ s({
+	__name: "VdSelect",
+	props: /*@__PURE__*/ c({
+		id: { default: null },
+		name: {},
+		label: { default: "" },
+		placeholder: { default: "Maak je keuze" },
+		options: {},
+		errorMessage: { default: null },
+		disabled: {
+			type: Boolean,
+			default: !1
+		},
+		required: {
+			type: Boolean,
+			default: !0
+		},
+		verified: {
+			type: Boolean,
+			default: !1
+		},
+		infoMessage: { default: "" },
+		loading: {
+			type: Boolean,
+			default: !1
+		}
+	}, {
+		modelValue: { required: !0 },
+		modelModifiers: {}
+	}),
+	emits: /*@__PURE__*/ c(["blur", "select"], ["update:modelValue"]),
+	setup(s, { emit: c }) {
+		let N = s, P = _(s, "modelValue"), F = c, I = v(), L = N.id ?? g(), R = t({
+			get: () => P.value ?? "",
+			set: (e) => {
+				P.value = e === "" ? null : e;
+			}
+		}), z = d(!0), B = t(() => !N.errorMessage && N.verified && !N.disabled && !N.loading), V = t(() => !N.errorMessage && !B.value), H = t(() => !!N.errorMessage), U = () => `vd-field__select--placeholder-${!P.value && z.value ? "shown" : "hidden"}`, W = (e) => {
+			F("select", e.target.value), z.value = !1;
+		}, G = (e) => {
+			F("blur", e.target.value);
+		};
+		return (t, c) => (u(), i("div", C, [
+			a("div", { class: l(["vd-field__label-wrapper", { "vd-field__label-wrapper--disabled": s.disabled }]) }, [s.label || h(I).label ? (u(), n(h(S), {
+				key: 0,
+				for: h(L),
+				class: "vd-field__label"
+			}, {
+				default: b(() => [a("span", null, [p(t.$slots, "label", {}, () => [o(m(s.label), 1)]), s.required ? (u(), i("span", w, "*")) : r("", !0)])]),
+				_: 3
+			}, 8, ["for"])) : r("", !0), h(I).popover ? (u(), i("span", T, [p(t.$slots, "popover")])) : r("", !0)], 2),
+			a("div", E, [x(a("select", {
+				id: h(L),
+				"onUpdate:modelValue": c[0] ||= (e) => R.value = e,
+				name: s.name,
+				disabled: s.disabled,
+				class: l(["vd-field__input vd-field__select", [U(), {
+					"vd-field__input--error": H.value,
+					"vd-field__input--verified": B.value,
+					"vd-field__input--default": V.value,
+					"vd-field__select--placeholder-with-loader-and-icon-shown": s.loading
+				}]]),
+				onChange: W,
+				onBlur: G
+			}, [s.placeholder ? (u(), i("option", O, m(s.placeholder), 1)) : r("", !0), (u(!0), i(e, null, f(s.options, (e, t) => (u(), i("option", {
+				key: e.value + "_" + t,
+				value: e.value,
+				selected: e.selected || !1,
+				disabled: e.disabled || !1
+			}, m(e.title), 9, k))), 128))], 42, D), [[y, R.value]]), s.loading ? (u(), i("div", A, [...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)]])) : (u(), n(h(S), {
+				key: 1,
+				for: h(L),
+				class: "vd-field__select-icon"
+			}, null, 8, ["for"]))]),
+			H.value || h(I).errorMessage ? (u(), i("div", j, [p(t.$slots, "errorMessage", {}, () => [c[2] ||= a("i", { class: "fas fa-exclamation-circle vd-field__message-icon" }, null, -1), o(" " + m(s.errorMessage), 1)])])) : r("", !0),
+			s.infoMessage || h(I).information ? (u(), i("div", M, [p(t.$slots, "information", {}, () => [c[3] ||= a("i", { class: "fas fa-info-circle vd-field__message-icon" }, null, -1), o(" " + m(s.infoMessage), 1)])])) : r("", !0)
+		]));
+	}
+});
+//#endregion
+export { N as t };

package/dist/vue/bike-Ch7ZcSpI.js

@@ -0,0 +1,2 @@
+import { n as e, t } from "./bike.presenter-CdCny1-M.js";
+export { e as Form, t as presenter };