@vergelijkdirect/comparison-forms 2.0.0-rc.12 → 2.0.0-rc.14

package/dist/wc-forms/VdInput-PLH7DZsc.js

@@ -0,0 +1,331 @@
+import { Gt as e, Jt as t, Kt as n, On as r, Un as i, Xn as a, Yt as o, fr as s, in as c, kt as l, li as u, lr as d, oi as f, ri as p, tn as m, ur as h, wr as g } from "./useValidator-DdXn8soU.js";
+//#region node_modules/maska/dist/maska.mjs
+var _ = Object.defineProperty, v = (e, t, n) => t in e ? _(e, t, {
+	enumerable: !0,
+	configurable: !0,
+	writable: !0,
+	value: n
+}) : e[t] = n, y = (e, t, n) => v(e, typeof t == "symbol" ? t : t + "", n), b = {
+	"#": { pattern: /[0-9]/ },
+	"@": { pattern: /[a-zA-Z]/ },
+	"*": { pattern: /[a-zA-Z0-9]/ }
+}, x = (e, t, n) => e.replaceAll(t, "").replace(n, ".").replace("..", ".").replace(/[^.\d]/g, ""), S = (e, t, n) => new Intl.NumberFormat(n.number?.locale ?? "en", {
+	minimumFractionDigits: e,
+	maximumFractionDigits: t,
+	roundingMode: "trunc"
+}), C = (e, t = !0, n) => {
+	let r = n.number?.unsigned !== !0 && e.startsWith("-") ? "-" : "", i = n.number?.fraction ?? 0, a = S(0, i, n), o = a.formatToParts(1000.12), s = o.find((e) => e.type === "group")?.value ?? " ", c = o.find((e) => e.type === "decimal")?.value ?? ".", l = x(e, s, c);
+	if (Number.isNaN(parseFloat(l))) return r;
+	let u = l.split(".");
+	u[1] != null && u[1].length >= 1 && (a = S(u[1].length <= i ? u[1].length : i, i, n));
+	let d = a.format(parseFloat(l));
+	return t ? i > 0 && l.endsWith(".") && !l.slice(0, -1).includes(".") && (d += c) : d = x(d, s, c), r + d;
+}, w = (e) => JSON.parse(e.replaceAll("'", "\"")), T = (e, t = {}) => {
+	let n = { ...t };
+	e.dataset.maska != null && e.dataset.maska !== "" && (n.mask = D(e.dataset.maska)), e.dataset.maskaEager != null && (n.eager = E(e.dataset.maskaEager)), e.dataset.maskaReversed != null && (n.reversed = E(e.dataset.maskaReversed)), e.dataset.maskaTokensReplace != null && (n.tokensReplace = E(e.dataset.maskaTokensReplace)), e.dataset.maskaTokens != null && (n.tokens = O(e.dataset.maskaTokens));
+	let r = {};
+	return e.dataset.maskaNumberLocale != null && (r.locale = e.dataset.maskaNumberLocale), e.dataset.maskaNumberFraction != null && (r.fraction = parseInt(e.dataset.maskaNumberFraction)), e.dataset.maskaNumberUnsigned != null && (r.unsigned = E(e.dataset.maskaNumberUnsigned)), (e.dataset.maskaNumber != null || Object.values(r).length > 0) && (n.number = r), n;
+}, E = (e) => e === "" || !!JSON.parse(e), D = (e) => e.startsWith("[") && e.endsWith("]") ? w(e) : e, O = (e) => {
+	if (e.startsWith("{") && e.endsWith("}")) return w(e);
+	let t = {};
+	return e.split("|").forEach((e) => {
+		let n = e.split(":");
+		t[n[0]] = {
+			pattern: k() ? new RegExp(n[1], "u") : new RegExp(n[1]),
+			optional: n[2] === "optional",
+			multiple: n[2] === "multiple",
+			repeated: n[2] === "repeated"
+		};
+	}), t;
+}, k = () => {
+	try {
+		return !0;
+	} catch {
+		return !1;
+	}
+}, A = class {
+	constructor(e = {}) {
+		y(this, "opts", {}), y(this, "memo", /* @__PURE__ */ new Map());
+		let t = { ...e };
+		if (t.tokens != null) {
+			t.tokens = t.tokensReplace ? { ...t.tokens } : {
+				...b,
+				...t.tokens
+			};
+			for (let e of Object.values(t.tokens)) typeof e.pattern == "string" && (e.pattern = k() ? new RegExp(e.pattern, "u") : new RegExp(e.pattern));
+		} else t.tokens = b;
+		Array.isArray(t.mask) && (t.mask.length > 1 ? t.mask = [...t.mask].sort((e, t) => e.length - t.length) : t.mask = t.mask[0] ?? ""), t.mask === "" && (t.mask = null), this.opts = t;
+	}
+	masked(e) {
+		return this.process(String(e), this.findMask(String(e)));
+	}
+	unmasked(e) {
+		return this.process(String(e), this.findMask(String(e)), !1);
+	}
+	isEager() {
+		return this.opts.eager === !0;
+	}
+	isReversed() {
+		return this.opts.reversed === !0;
+	}
+	completed(e) {
+		let t = this.findMask(String(e));
+		if (this.opts.mask == null || t == null) return !1;
+		let n = this.process(String(e), t).length;
+		return typeof this.opts.mask == "string" ? n >= this.opts.mask.length : n >= t.length;
+	}
+	findMask(e) {
+		let t = this.opts.mask;
+		if (t == null) return null;
+		if (typeof t == "string") return t;
+		if (typeof t == "function") return t(e);
+		let n = this.process(e, t.slice(-1).pop() ?? "", !1);
+		return t.find((t) => this.process(e, t, !1).length >= n.length) ?? "";
+	}
+	escapeMask(e) {
+		let t = [], n = [];
+		return e.split("").forEach((r, i) => {
+			r === "!" && e[i - 1] !== "!" ? n.push(i - n.length) : t.push(r);
+		}), {
+			mask: t.join(""),
+			escaped: n
+		};
+	}
+	process(e, t, n = !0) {
+		if (this.opts.number != null) return C(e, n, this.opts);
+		if (t == null) return e;
+		let r = `v=${e},mr=${t},m=${+!!n}`;
+		if (this.memo.has(r)) return this.memo.get(r);
+		let { mask: i, escaped: a } = this.escapeMask(t), o = [], s = this.opts.tokens == null ? {} : this.opts.tokens, c = this.isReversed() ? -1 : 1, l = this.isReversed() ? "unshift" : "push", u = this.isReversed() ? 0 : i.length - 1, d = this.isReversed() ? () => h > -1 && g > -1 : () => h < i.length && g < e.length, f = (e) => !this.isReversed() && e <= u || this.isReversed() && e >= u, p, m = -1, h = this.isReversed() ? i.length - 1 : 0, g = this.isReversed() ? e.length - 1 : 0, _ = !1;
+		for (; d();) {
+			let t = i.charAt(h), r = s[t], d = r?.transform == null ? e.charAt(g) : r.transform(e.charAt(g));
+			if (!a.includes(h) && r != null ? (d.match(r.pattern) == null ? r.multiple ? _ &&= (h += c, g -= c, !1) : d === p ? p = void 0 : r.optional && (h += c, g -= c) : (o[l](d), r.repeated ? (m === -1 ? m = h : h === u && h !== m && (h = m - c), u === m && (h -= c)) : r.multiple && (_ = !0, h -= c), h += c), g += c) : (n && !this.isEager() && o[l](t), d === t && !this.isEager() ? g += c : p = t, this.isEager() || (h += c)), this.isEager()) for (; f(h) && (s[i.charAt(h)] == null || a.includes(h));) {
+				if (n) {
+					if (o[l](i.charAt(h)), e.charAt(g) === i.charAt(h)) {
+						h += c, g += c;
+						continue;
+					}
+				} else i.charAt(h) === e.charAt(g) && (g += c);
+				h += c;
+			}
+		}
+		return this.memo.set(r, o.join("")), this.memo.get(r);
+	}
+}, j = class {
+	constructor(e, t = {}) {
+		y(this, "items", /* @__PURE__ */ new Map()), y(this, "eventAbortController"), y(this, "onInput", (e) => {
+			if (e instanceof CustomEvent && e.type === "input" && !e.isTrusted && !e.bubbles) return;
+			let t = e.target, n = this.items.get(t);
+			if (n === void 0) return;
+			let r = "inputType" in e && e.inputType.startsWith("delete"), i = n.isEager(), a = r && i && n.unmasked(t.value) === "" ? "" : t.value;
+			this.fixCursor(t, r, () => this.setValue(t, a));
+		}), this.options = t, this.eventAbortController = new AbortController(), this.init(this.getInputs(e));
+	}
+	update(e = {}) {
+		this.options = { ...e }, this.init(Array.from(this.items.keys()));
+	}
+	updateValue(e) {
+		e.value !== "" && e.value !== this.processInput(e)?.masked && this.setValue(e, e.value);
+	}
+	destroy() {
+		this.eventAbortController.abort(), this.items.clear();
+	}
+	init(e) {
+		let t = this.getOptions(this.options);
+		for (let n of e) {
+			if (!this.items.has(n)) {
+				let { signal: e } = this.eventAbortController;
+				n.addEventListener("input", this.onInput, {
+					capture: !0,
+					signal: e
+				});
+			}
+			let e = new A(T(n, t));
+			this.items.set(n, e), queueMicrotask(() => this.updateValue(n)), n.selectionStart === null && e.isEager() && console.warn("Maska: input of `%s` type is not supported", n.type);
+		}
+	}
+	getInputs(e) {
+		return typeof e == "string" ? Array.from(document.querySelectorAll(e)) : "length" in e ? Array.from(e) : [e];
+	}
+	getOptions(e) {
+		let { onMaska: t, preProcess: n, postProcess: r, ...i } = e;
+		return i;
+	}
+	fixCursor(e, t, n) {
+		let r = e.selectionStart, i = e.value;
+		if (n(), r === null || r === i.length && !t) return;
+		let a = e.value, o = i.slice(0, r), s = a.slice(0, r), c = this.processInput(e, o)?.unmasked, l = this.processInput(e, s)?.unmasked;
+		if (c === void 0 || l === void 0) return;
+		let u = r;
+		o !== s && (u += t ? a.length - i.length : c.length - l.length), e.setSelectionRange(u, u);
+	}
+	setValue(e, t) {
+		let n = this.processInput(e, t);
+		n !== void 0 && (e.value = n.masked, this.options.onMaska != null && (Array.isArray(this.options.onMaska) ? this.options.onMaska.forEach((e) => e(n)) : this.options.onMaska(n)), e.dispatchEvent(new CustomEvent("maska", { detail: n })), e.dispatchEvent(new CustomEvent("input", { detail: n.masked })));
+	}
+	processInput(e, t) {
+		let n = this.items.get(e);
+		if (n === void 0) return;
+		let r = t ?? e.value;
+		this.options.preProcess != null && (r = this.options.preProcess(r));
+		let i = n.masked(r);
+		return this.options.postProcess != null && (i = this.options.postProcess(i)), {
+			masked: i,
+			unmasked: n.unmasked(r),
+			completed: n.completed(r)
+		};
+	}
+}, M = /* @__PURE__ */ new WeakMap(), N = (e, t) => {
+	if (e.arg == null || e.instance == null) return;
+	let n = "setup" in e.instance.$.type;
+	e.arg in e.instance ? e.instance[e.arg] = t : n && console.warn("Maska: please expose `%s` using defineExpose", e.arg);
+}, P = (e, t) => {
+	var n;
+	let r = e instanceof HTMLInputElement ? e : e.querySelector("input");
+	if (r == null || r?.type === "file") return;
+	let i = {};
+	if (t.value != null && (i = typeof t.value == "string" ? { mask: t.value } : { ...t.value }), t.arg != null) {
+		let e = (e) => {
+			N(t, t.modifiers.unmasked ? e.unmasked : t.modifiers.completed ? e.completed : e.masked);
+		};
+		i.onMaska = i.onMaska == null ? e : Array.isArray(i.onMaska) ? [...i.onMaska, e] : [i.onMaska, e];
+	}
+	M.has(r) ? (n = M.get(r)) == null || n.update(i) : M.set(r, new j(r, i));
+}, F = { class: "vd-field" }, I = ["for"], L = {
+	key: 0,
+	class: "vd-field__asterisk"
+}, R = {
+	key: 1,
+	class: "vd-field__popover"
+}, z = [
+	"id",
+	"value",
+	"type",
+	"name",
+	"inputmode",
+	"placeholder",
+	"disabled",
+	"readonly",
+	"autocomplete"
+], B = {
+	key: 0,
+	class: "vd-field__icon-and-loader"
+}, V = {
+	key: 0,
+	class: "vd-field__icon vd-field__icon--with-loader"
+}, H = { key: 1 }, U = {
+	key: 0,
+	class: "vd-field__loader-circle"
+}, W = {
+	key: 0,
+	class: "vd-field__message vd-field__message--error"
+}, G = {
+	key: 1,
+	class: "vd-field__message vd-field__message--information"
+}, K = /* @__PURE__ */ c({
+	__name: "VdInput",
+	props: /*@__PURE__*/ r({
+		id: { default: null },
+		name: {},
+		type: { default: "text" },
+		label: { default: "" },
+		placeholder: { default: "" },
+		errorMessage: { default: null },
+		disabled: {
+			type: Boolean,
+			default: !1
+		},
+		readonly: {
+			type: Boolean,
+			default: !1
+		},
+		required: {
+			type: Boolean,
+			default: !0
+		},
+		verified: {
+			type: Boolean,
+			default: !1
+		},
+		mask: { default: "" },
+		autocomplete: {
+			type: Boolean,
+			default: !1
+		},
+		infoMessage: { default: "" },
+		icon: { default: "" },
+		iconLeft: {
+			type: Boolean,
+			default: !1
+		},
+		capitalize: {
+			type: Boolean,
+			default: !1
+		},
+		hasError: {
+			type: [Boolean, null],
+			default: null
+		},
+		loading: {
+			type: Boolean,
+			default: !1
+		},
+		inputmode: { default: void 0 }
+	}, {
+		modelValue: { required: !0 },
+		modelModifiers: {}
+	}),
+	emits: /*@__PURE__*/ r(["blur", "change"], ["update:modelValue"]),
+	setup(r, { emit: c }) {
+		let _ = r, v = h(r, "modelValue"), y = c, b = s(), x = _.id ?? d(), S = (e) => _.capitalize ? e.toUpperCase() : e, C = e(() => !_.errorMessage && !_.verified && !_.hasError), w = e(() => !!v.value && !_.errorMessage && _.verified && !_.hasError && !_.loading), T = e(() => !!_.errorMessage || !!_.hasError), E = e(() => !!_.errorMessage || !!b.errorMessage), D = (e) => {
+			v.value = S(e.target.value);
+		}, O = (e) => {
+			y("blur", S(e.target.value));
+		}, k = (e) => {
+			y("change", S(e.target.value));
+		};
+		return (e, s) => (i(), o("div", F, [
+			n("div", {
+				class: f(["vd-field__label-wrapper", { "vd-field__label-wrapper--disabled": r.disabled }]),
+				onClick: s[0] ||= l(() => {}, ["prevent"])
+			}, [r.label || p(b).label ? (i(), o("label", {
+				key: 0,
+				for: r.name,
+				class: "vd-field__label"
+			}, [n("span", null, [a(e.$slots, "label", {}, () => [m(u(r.label), 1)]), r.required ? (i(), o("span", L, "*")) : t("", !0)])], 8, I)) : t("", !0), p(b).popover ? (i(), o("span", R, [a(e.$slots, "popover")])) : t("", !0)], 2),
+			n("div", { class: f(["vd-field__wrapper", { "vd-field__wrapper-checkmark": w.value && !(r.icon || p(b).icon) }]) }, [g(n("input", {
+				id: p(x),
+				value: v.value,
+				type: r.type,
+				name: r.name,
+				inputmode: r.inputmode,
+				placeholder: r.placeholder,
+				disabled: r.disabled,
+				readonly: r.readonly,
+				autocomplete: r.autocomplete ? "off" : "on",
+				class: f(["vd-field__input", {
+					"vd-field__input--verified": w.value,
+					"vd-field__input--default": C.value,
+					"vd-field__input--error": T.value,
+					"vd-field__input--icon-left": (r.icon || p(b).icon) && r.iconLeft,
+					"vd-field__input--icon-right": (r.icon || p(b).icon) && !r.iconLeft,
+					"vd-field__input--loading": r.loading,
+					"vd-field__input--loading vd-field__input--icon": r.loading && !r.iconLeft && (r.icon || p(b).icon)
+				}]),
+				onInput: D,
+				onChange: k,
+				onBlur: O
+			}, null, 42, z), [[p(P), r.mask || void 0]]), r.loading && r.icon && !r.iconLeft ? (i(), o("div", B, [s[1] ||= n("div", { class: "vd-field__loader-circle vd-field__loader-circle--and-icon" }, null, -1), r.icon || p(b).icon ? (i(), o("span", V, [a(e.$slots, "icon", {}, () => [n("i", { class: f(r.icon) }, null, 2)])])) : t("", !0)])) : (i(), o("div", H, [r.loading ? (i(), o("div", U)) : t("", !0), r.icon || p(b).icon ? (i(), o("span", {
+				key: 1,
+				class: f(["vd-field__icon", {
+					"vd-field__icon--left": r.iconLeft,
+					"vd-field__icon--disabled": r.disabled
+				}])
+			}, [a(e.$slots, "icon", {}, () => [n("i", { class: f(r.icon) }, null, 2)])], 2)) : t("", !0)]))], 2),
+			E.value || p(b).errorMessage ? (i(), o("div", W, [a(e.$slots, "errorMessage", {}, () => [s[2] ||= n("i", { class: "fas fa-exclamation-circle vd-field__message-icon" }, null, -1), m(" " + u(r.errorMessage), 1)])])) : t("", !0),
+			r.infoMessage || p(b).information ? (i(), o("div", G, [a(e.$slots, "information", {}, () => [s[3] ||= n("i", { class: "fas fa-info-circle vd-field__message-icon" }, null, -1), m(" " + u(r.infoMessage), 1)])])) : t("", !0)
+		]));
+	}
+});
+//#endregion
+export { K as t };

package/dist/wc-forms/VdPopover-CcRVedXS.js

@@ -0,0 +1,285 @@
+import { Gt as e, Hr as t, Jt as n, Kt as r, Pr as i, Un as a, Xn as o, Xr as s, Yr as c, Yt as l, _r as u, ci as d, in as f, kt as p, li as m, nn as h, oi as g, qr as _, qt as v, ri as y, ti as b } from "./useValidator-DdXn8soU.js";
+import { c as x, d as S, i as C, n as w, r as T, s as E, u as D } from "./floating-ui.dom-B6uyM6oK.js";
+//#region src/components/ui/popover/VdPopoverHeader.vue?vue&type=script&setup=true&lang.ts
+var O = { class: "vd-popover__title" }, k = {
+	key: 0,
+	class: "vd-popover__title-icon"
+}, A = { key: 1 }, j = /* @__PURE__ */ f({
+	__name: "VdPopoverHeader",
+	props: {
+		title: { default: "" },
+		icon: { default: "" }
+	},
+	emits: ["close"],
+	setup(e, { emit: t }) {
+		let i = t, s = () => {
+			i("close");
+		};
+		return (t, i) => (a(), l("div", { class: g(["vd-popover__header", { "vd-popover__header--only-close-icon": !e.title }]) }, [e.title ? o(t.$slots, "default", { key: 0 }, () => [r("div", O, [e.icon ? (a(), l("div", k, [r("i", { class: g(e.icon) }, null, 2)])) : n("", !0), e.title ? (a(), l("span", A, m(e.title), 1)) : n("", !0)])]) : n("", !0), r("button", {
+			class: "vd-popover__close-btn",
+			onClick: s
+		}, [...i[0] ||= [r("i", { class: "far fa-times vd-popover__close-btn-icon" }, null, -1)]])], 2));
+	}
+}), M = ["innerHTML"], N = /* @__PURE__ */ f({
+	__name: "VdPopoverTooltip",
+	props: {
+		content: { default: () => ({
+			title: "",
+			description: ""
+		}) },
+		variant: { default: void 0 },
+		size: { default: void 0 },
+		hideHeaderTooltip: {
+			type: Boolean,
+			default: !1
+		},
+		headerIconTooltip: { default: "" }
+	},
+	emits: ["close"],
+	setup(e, { emit: t }) {
+		let r = t, i = () => {
+			r("close");
+		};
+		return (t, r) => (a(), l("div", {
+			class: g(["vd-popover__tooltip", [e.size ? `vd-popover__tooltip--${e.size}` : "", e.variant ? `vd-popover__tooltip--${e.variant}` : ""]]),
+			onPointerdown: r[0] ||= p(() => {}, ["prevent"])
+		}, [e.hideHeaderTooltip ? n("", !0) : (a(), v(j, {
+			key: 0,
+			title: e.content.title,
+			icon: e.headerIconTooltip,
+			onClose: i
+		}, null, 8, ["title", "icon"])), e.content && e.content.description ? (a(), l("p", {
+			key: 1,
+			class: "vd-popover__description",
+			innerHTML: e.content.description
+		}, null, 8, M)) : n("", !0)], 34));
+	}
+}), P = { key: 1 }, F = /* @__PURE__ */ f({
+	__name: "VdPopoverReference",
+	props: {
+		label: { default: "" },
+		icon: { default: "fas fa-info-circle" },
+		variant: { default: void 0 },
+		iconLeft: {
+			type: Boolean,
+			default: !1
+		}
+	},
+	setup(e) {
+		return (t, r) => (a(), l("span", { class: g(["vd-popover__reference", [e.variant ? `vd-popover__reference--${e.variant}` : ""]]) }, [
+			e.iconLeft ? (a(), l("i", {
+				key: 0,
+				class: g(e.icon)
+			}, null, 2)) : n("", !0),
+			e.label ? (a(), l("span", P, m(e.label), 1)) : n("", !0),
+			e.iconLeft ? n("", !0) : (a(), l("i", {
+				key: 2,
+				class: g(e.icon)
+			}, null, 2))
+		], 2));
+	}
+});
+//#endregion
+//#region node_modules/@floating-ui/vue/dist/floating-ui.vue.mjs
+function I(e) {
+	return typeof e == "object" && !!e && "$el" in e;
+}
+function L(e) {
+	if (I(e)) {
+		let t = e.$el;
+		return S(t) && D(t) === "#comment" ? null : t;
+	}
+	return e;
+}
+function R(e) {
+	return typeof window > "u" ? 1 : (e.ownerDocument.defaultView || window).devicePixelRatio || 1;
+}
+function z(e, t) {
+	let n = R(e);
+	return Math.round(t * n) / n;
+}
+function B(n, r, a) {
+	a === void 0 && (a = {});
+	let o = a.whileElementsMounted, l = e(() => b(a.open) ?? !0), d = e(() => b(a.middleware)), f = e(() => b(a.placement) ?? "bottom"), p = e(() => b(a.strategy) ?? "absolute"), m = e(() => b(a.transform) ?? !0), h = e(() => L(n.value)), g = e(() => L(r.value)), v = _(0), y = _(0), x = _(p.value), S = _(f.value), C = s({}), w = _(!1), E = e(() => {
+		let e = {
+			position: x.value,
+			left: "0",
+			top: "0"
+		};
+		if (!g.value) return e;
+		let t = z(g.value, v.value), n = z(g.value, y.value);
+		return m.value ? {
+			...e,
+			transform: "translate(" + t + "px, " + n + "px)",
+			...R(g.value) >= 1.5 && { willChange: "transform" }
+		} : {
+			position: x.value,
+			left: t + "px",
+			top: n + "px"
+		};
+	}), D;
+	function O() {
+		if (h.value == null || g.value == null) return;
+		let e = l.value;
+		T(h.value, g.value, {
+			middleware: d.value,
+			placement: f.value,
+			strategy: p.value
+		}).then((t) => {
+			v.value = t.x, y.value = t.y, x.value = t.strategy, S.value = t.placement, C.value = t.middlewareData, w.value = e !== !1;
+		});
+	}
+	function k() {
+		typeof D == "function" && (D(), D = void 0);
+	}
+	function A() {
+		if (k(), o === void 0) {
+			O();
+			return;
+		}
+		if (h.value != null && g.value != null) {
+			D = o(h.value, g.value, O);
+			return;
+		}
+	}
+	function j() {
+		l.value || (w.value = !1);
+	}
+	return u([
+		d,
+		f,
+		p,
+		l
+	], O, { flush: "sync" }), u([h, g], A, { flush: "sync" }), u(l, j, { flush: "sync" }), i() && t(k), {
+		x: c(v),
+		y: c(y),
+		strategy: c(x),
+		placement: c(S),
+		middlewareData: c(C),
+		isPositioned: c(w),
+		floatingStyles: E,
+		update: O
+	};
+}
+//#endregion
+//#region src/components/ui/VdPopover.vue
+var V = /* @__PURE__ */ f({
+	__name: "VdPopover",
+	props: {
+		label: { default: "" },
+		iconRef: { default: "fas fa-info-circle" },
+		refVariant: { default: void 0 },
+		iconLeftRef: {
+			type: Boolean,
+			default: !1
+		},
+		offSet: { default: 8 },
+		content: { default: () => ({
+			title: "",
+			description: ""
+		}) },
+		tooltipVariant: { default: void 0 },
+		tooltipSize: { default: void 0 },
+		hideHeaderTooltip: {
+			type: Boolean,
+			default: !1
+		},
+		headerIconTooltip: { default: "fas fa-info-circle" },
+		fixed: {
+			type: Boolean,
+			default: !1
+		},
+		display: { default: "inline-block" },
+		position: { default: "top-start" },
+		disableHoverListener: {
+			type: Boolean,
+			default: !1
+		},
+		disableClickListener: {
+			type: Boolean,
+			default: !1
+		},
+		mousedownListener: {
+			type: Boolean,
+			default: !1
+		},
+		fullWidth: {
+			type: Boolean,
+			default: !1
+		}
+	},
+	setup(e) {
+		let t = e, i = _(null), s = _(null), { floatingStyles: c } = B(i, s, {
+			placement: t.position,
+			middleware: [
+				E(t.offSet),
+				C({ mainAxis: !t.fixed }),
+				x({
+					crossAxis: !1,
+					padding: 10
+				})
+			],
+			whileElementsMounted: w
+		}), u = _(!1), f = _(!1), m = () => {
+			u.value = !0, f.value = !0;
+		}, v = () => {
+			u.value = !1, f.value = !1;
+		}, b = () => {
+			t.disableClickListener || t.mousedownListener || (f.value ? v() : m());
+		}, S = () => {
+			t.mousedownListener && (u.value ? v() : m());
+		}, T = () => {
+			t.disableHoverListener || (u.value = !0);
+		}, D = () => {
+			t.disableHoverListener || f.value || (u.value = !1);
+		};
+		return (f, m) => (a(), l("span", { class: g(["vd-popover", `vd-popover--${e.display}`]) }, [r("span", {
+			ref_key: "reference",
+			ref: i,
+			class: "vd-popover__reference-wrapper",
+			onClick: p(b, ["stop"]),
+			onMouseover: T,
+			onMouseleave: D,
+			onMousedown: S
+		}, [o(f.$slots, "reference", {
+			toggleOnClick: b,
+			onHover: T,
+			onLeave: D,
+			onMousedown: S,
+			isOpen: u.value,
+			close: v
+		}, () => [h(F, {
+			variant: e.refVariant,
+			label: e.label,
+			icon: e.iconRef,
+			"icon-left": e.iconLeftRef
+		}, null, 8, [
+			"variant",
+			"label",
+			"icon",
+			"icon-left"
+		])])], 544), u.value ? (a(), l("div", {
+			key: 0,
+			ref_key: "floating",
+			ref: s,
+			style: d(y(c)),
+			class: g(["vd-popover__floating", t.fullWidth ? "vd-popover__floating--full-width" : ""]),
+			onPointerdown: m[0] ||= p(() => {}, ["prevent"])
+		}, [o(f.$slots, "tooltip", { close: v }, () => [h(N, {
+			content: e.content,
+			variant: e.tooltipVariant,
+			size: e.tooltipSize,
+			"hide-header-tooltip": e.hideHeaderTooltip,
+			"header-icon-tooltip": e.headerIconTooltip,
+			onClose: v
+		}, null, 8, [
+			"content",
+			"variant",
+			"size",
+			"hide-header-tooltip",
+			"header-icon-tooltip"
+		])])], 38)) : n("", !0)], 2));
+	}
+});
+//#endregion
+export { V as t };