admins-components 9.0.7 → 9.0.8

package/dist/admins-components18.js

@@ -1,6 +1,246 @@
-import "./admins-components6.js";
-import e from "./admins-components17.js";
-//#region src/components/DateRangePicker.vue
-var t = e;
+import { earlierOf as e, endOfDay as t, formatDate as n, laterOf as r, localToUTCString as i } from "./admins-components3.js";
+import a from "./admins-components6.js";
+import { dateRangePickerConfigDefaults as o } from "./admins-components7.js";
+import { useDropdownAnchor as ee } from "./admins-components12.js";
+import s from "./admins-components14.js";
+import { applyPredefinedRange as te, canStepInBounds as c, isPredefinedRangeInBounds as ne, matchPredefinedRange as re, predefinedRanges as l } from "./admins-components17.js";
+import { Fragment as u, Teleport as ie, computed as d, createBlock as f, createCommentVNode as p, createElementBlock as m, createElementVNode as h, createVNode as g, defineComponent as _, normalizeClass as v, normalizeStyle as ae, openBlock as y, ref as b, renderList as x, resolveDirective as oe, toDisplayString as S, unref as C, useId as se, watch as w, withDirectives as T, withModifiers as E } from "vue";
+//#region src/components/DateRangePicker.vue?vue&type=script&setup=true&lang.ts
+var ce = { class: "drp-input" }, le = { class: "c-truncate drp-input__single" }, ue = { class: "drp-input__multi" }, de = { class: "c-truncate drp-input__line" }, fe = { class: "c-truncate drp-input__line" }, pe = {
+	key: 1,
+	class: "c-placeholder drp-input__placeholder"
+}, me = { class: "drp-pickers" }, he = { class: "drp-picker-group" }, ge = ["for"], _e = { class: "drp-picker-group" }, ve = ["for"], ye = {
+	key: 0,
+	class: "drp-toolbar"
+}, be = { class: "flex" }, D = { class: "predefined-ranges" }, xe = ["aria-disabled", "onClick"], O = { class: "flex" }, k = {
+	key: 1,
+	class: "c-footer"
+}, A = /* @__PURE__ */ _({
+	__name: "DateRangePicker",
+	props: {
+		modelValue: { default: null },
+		config: { default: () => ({ ...o }) }
+	},
+	emits: ["update:modelValue"],
+	setup(_, { expose: A, emit: j }) {
+		let M = _, N = j, P = d(() => ({
+			...o,
+			...M.config
+		})), F = b(null), I = b(null), { isOpen: L, dropdownStyle: Se } = ee(F, I, { isOutsideClick: (e, t, n) => {
+			let r = e.target;
+			return !(t?.contains(r) ?? !1) && !(n?.contains(r) ?? !1) && !(r instanceof Element && r.closest(".c-dropdown"));
+		} });
+		function R(e) {
+			return e ? {
+				local: new Date(e),
+				utc: e
+			} : null;
+		}
+		function z(e) {
+			return {
+				local: e,
+				utc: i(e, P.value.showTime)
+			};
+		}
+		function Ce(e) {
+			return e.local ? z(t(e.local)) : e;
+		}
+		let we = d(() => P.value.format ?? (P.value.showTime ? "YYYY-MM-DD HH:mm" : "YYYY-MM-DD"));
+		function B(e) {
+			return e ? n(new Date(e), we.value) : "...";
+		}
+		let V = b(R(M.modelValue?.fromUtc ?? null)), H = b(R(M.modelValue?.toUtc ?? null)), U = b(M.modelValue?.fromUtc ?? null), W = b(M.modelValue?.toUtc ?? null), G = d(() => U.value != null || W.value != null), Te = d(() => V.value?.local ?? null), Ee = d(() => H.value?.local ?? null), De = d(() => P.value.minDate ?? null), Oe = d(() => e(P.value.maxDate ?? null, Ee.value ?? null)), ke = d(() => r(P.value.minDate ?? null, Te.value ?? null)), Ae = d(() => P.value.maxDate ?? null);
+		w(() => M.modelValue, (e) => {
+			let t = e?.fromUtc ?? null, n = e?.toUtc ?? null;
+			V.value = R(t), H.value = R(n), U.value = t, W.value = n;
+		}), w(L, (e) => {
+			e && P.value.lazy && (V.value = R(U.value), H.value = R(W.value));
+		});
+		function je(e) {
+			V.value = e, e && !H.value && (H.value = P.value.showTime ? Ce(e) : e), P.value.lazy || K();
+		}
+		function Me(e) {
+			H.value = e, P.value.lazy || K();
+		}
+		function K() {
+			let e = V.value?.utc ?? null, t = H.value?.utc ?? null;
+			U.value = e, W.value = t, N("update:modelValue", e || t ? {
+				fromUtc: e,
+				toUtc: t
+			} : null);
+		}
+		function Ne() {
+			P.value.lazy && K(), L.value = !1;
+		}
+		function q() {
+			V.value = null, H.value = null, U.value = null, W.value = null, N("update:modelValue", null);
+		}
+		function Pe() {
+			V.value = null, H.value = null;
+		}
+		function Fe() {
+			L.value = !0;
+		}
+		A({ focusAndOpen: Fe });
+		function J() {
+			let e = V.value?.local, t = H.value?.local;
+			if (!e || !t) return null;
+			let n = 1440 * 60 * 1e3;
+			return P.value.showTime ? t.getTime() - e.getTime() : (Math.round((t.getTime() - e.getTime()) / n) + 1) * n;
+		}
+		let Y = d(() => {
+			let e = V.value?.local, t = H.value?.local;
+			if (!e || !t) return !1;
+			let n = J();
+			return n == null ? !1 : c(e, t, -n, {
+				minDate: P.value.minDate ?? null,
+				maxDate: P.value.maxDate ?? null,
+				showTime: P.value.showTime ?? !1
+			});
+		}), X = d(() => {
+			let e = V.value?.local, t = H.value?.local;
+			if (!e || !t) return !1;
+			let n = J();
+			return n == null ? !1 : c(e, t, n, {
+				minDate: P.value.minDate ?? null,
+				maxDate: P.value.maxDate ?? null,
+				showTime: P.value.showTime ?? !1
+			});
+		});
+		function Z(e) {
+			let t = V.value?.local, n = H.value?.local;
+			if (!t || !n) return;
+			let r = J();
+			r != null && c(t, n, r * e, {
+				minDate: P.value.minDate ?? null,
+				maxDate: P.value.maxDate ?? null,
+				showTime: P.value.showTime ?? !1
+			}) && (V.value = z(new Date(t.getTime() + r * e)), H.value = z(new Date(n.getTime() + r * e)), P.value.lazy || K());
+		}
+		let Ie = d(() => {
+			let e = V.value?.local, t = H.value?.local;
+			return !e || !t ? null : re(e, t, { showTime: P.value.showTime ?? !1 });
+		}), Q = d(() => {
+			let e = {
+				minDate: P.value.minDate ?? null,
+				maxDate: P.value.maxDate ?? null,
+				showTime: P.value.showTime ?? !1
+			}, t = {};
+			for (let n of l) t[n.key] = !ne(n.key, e);
+			return t;
+		});
+		function Le(e) {
+			let { from: t, to: n } = te(e, { showTime: P.value.showTime ?? !1 });
+			V.value = t, H.value = n, K(), P.value.lazy && (L.value = !1);
+		}
+		let $ = `drp-input-${se()}`;
+		return (e, t) => {
+			let n = oe("tooltip");
+			return y(), m("div", {
+				ref_key: "wrapperRef",
+				ref: F,
+				class: v(["drp-wrapper ac-component", { "drp-wrapper--compact": P.value.compact }])
+			}, [h("div", {
+				class: v(["c-input-row", {
+					"c-input-row--sm": P.value.size === "small",
+					"c-input-row--lg": P.value.size === "large",
+					"c-input-row--focus": C(L)
+				}]),
+				onClick: t[1] ||= (e) => L.value = !C(L)
+			}, [
+				h("div", ce, [G.value ? (y(), m(u, { key: 0 }, [h("span", le, S(B(U.value)) + " – " + S(B(W.value)), 1), h("span", ue, [h("span", de, S(B(U.value)), 1), h("span", fe, S(B(W.value)), 1)])], 64)) : (y(), m("span", pe, S(P.value.placeholderFrom) + " – " + S(P.value.placeholderTo), 1))]),
+				h("button", {
+					type: "button",
+					class: v(["c-icon-btn c-icon-btn--clear", { "c-icon-btn--hidden": !G.value }]),
+					onClick: E(q, ["stop"]),
+					"aria-label": "Törlés"
+				}, [...t[5] ||= [h("i", { class: "fa-solid fa-fw fa-xmark" }, null, -1)]], 2),
+				P.value.showIcon ? (y(), m("button", {
+					key: 0,
+					type: "button",
+					class: "c-icon-btn c-icon-btn--calendar",
+					onClick: t[0] ||= E((e) => L.value = !C(L), ["stop"]),
+					"aria-label": "Naptár megnyitása"
+				}, [...t[6] ||= [h("i", { class: "fa-regular fa-fw fa-calendar" }, null, -1)]])) : p("", !0)
+			], 2), (y(), f(ie, { to: "body" }, [C(L) ? (y(), m("div", {
+				key: 0,
+				ref_key: "dropdownRef",
+				ref: I,
+				class: "c-dropdown drp-dropdown ac-component",
+				style: ae(C(Se))
+			}, [
+				h("div", me, [h("div", he, [h("label", {
+					class: "drp-label",
+					for: `${$}-from`
+				}, S(P.value.placeholderFrom), 9, ge), g(s, {
+					id: `${$}-from`,
+					"model-value": V.value,
+					config: {
+						...P.value,
+						minDate: De.value,
+						maxDate: Oe.value,
+						placeholder: P.value.placeholderFrom
+					},
+					"onUpdate:modelValue": je
+				}, null, 8, [
+					"id",
+					"model-value",
+					"config"
+				])]), h("div", _e, [h("label", {
+					class: "drp-label",
+					for: `${$}-to`
+				}, S(P.value.placeholderTo), 9, ve), g(s, {
+					id: `${$}-to`,
+					"model-value": H.value,
+					config: {
+						...P.value,
+						minDate: ke.value,
+						maxDate: Ae.value,
+						placeholder: P.value.placeholderTo
+					},
+					"onUpdate:modelValue": Me
+				}, null, 8, [
+					"id",
+					"model-value",
+					"config"
+				])])]),
+				P.value.showPresets ? (y(), m("div", ye, [
+					T((y(), m("span", be, [g(a, {
+						icon: "fa-solid fa-chevron-left",
+						class: "drp-toolbar__stepper left",
+						disabled: !Y.value,
+						onClick: t[2] ||= (e) => Z(-1)
+					}, null, 8, ["disabled"])])), [[n, Y.value ? "Intervallum mozgatása visszafelé" : "Nem léphető tovább a minimum dátum miatt"]]),
+					h("div", D, [(y(!0), m(u, null, x(C(l), (e) => (y(), m("a", {
+						key: e.key,
+						class: v(["predefined-range", {
+							"predefined-range--active": Ie.value === e.key,
+							"predefined-range--disabled": Q.value[e.key]
+						}]),
+						"aria-disabled": Q.value[e.key],
+						onClick: (t) => Q.value[e.key] ? null : Le(e.key)
+					}, S(e.label), 11, xe))), 128))]),
+					T((y(), m("span", O, [g(a, {
+						icon: "fa-solid fa-chevron-right",
+						disabled: !X.value,
+						onClick: t[3] ||= (e) => Z(1),
+						class: "drp-toolbar__stepper right"
+					}, null, 8, ["disabled"])])), [[n, X.value ? "Intervallum mozgatása előre" : "Nem léphető tovább a maximum dátum miatt"]])
+				])) : p("", !0),
+				P.value.showClearButton || P.value.showOkButton || P.value.lazy ? (y(), m("div", k, [P.value.showClearButton ? (y(), f(a, {
+					key: 0,
+					label: "Törlés",
+					outline: "",
+					onClick: t[4] ||= (e) => P.value.lazy ? Pe() : q()
+				})) : p("", !0), P.value.showOkButton || P.value.lazy ? (y(), f(a, {
+					key: 1,
+					label: "OK",
+					type: "success",
+					onClick: Ne
+				})) : p("", !0)])) : p("", !0)
+			], 4)) : p("", !0)]))], 2);
+		};
+	}
+});
 //#endregion
-export { t as default };
+export { A as default };

package/dist/admins-components19.js

@@ -1,182 +1,6 @@
-import e from "./admins-components5.js";
-import { Fragment as t, computed as n, createBlock as r, createCommentVNode as i, createElementBlock as a, createElementVNode as o, defineComponent as s, nextTick as c, normalizeClass as l, onBeforeUnmount as u, onMounted as d, openBlock as f, ref as p, renderList as m, toDisplayString as h, vModelText as g, watch as _, withDirectives as v, withModifiers as y } from "vue";
-//#region src/components/DropdownSelect.vue?vue&type=script&setup=true&lang.ts
-var b = {
-	key: 0,
-	class: "c-truncate ds-value"
-}, x = {
-	key: 1,
-	class: "c-placeholder"
-}, S = {
-	key: 0,
-	class: "ds-filter"
-}, C = ["title"], w = { class: "ds-options c-scroll" }, T = ["onClick", "onKeydown"], E = {
-	key: 0,
-	class: "ds-option ds-option--empty"
-}, D = {
-	key: 1,
-	class: "c-footer"
-}, O = {
-	placeholder: "Select...",
-	filterable: !0,
-	clearable: !0,
-	textEllipsis: !0,
-	multiple: !1,
-	lazy: !1,
-	size: "normal"
-}, k = /* @__PURE__ */ s({
-	__name: "DropdownSelect",
-	props: {
-		modelValue: { default: null },
-		options: {},
-		config: { default: () => ({ ...O }) }
-	},
-	emits: ["update:modelValue"],
-	setup(s, { expose: k, emit: A }) {
-		let j = s, M = n(() => ({
-			...O,
-			...j.config
-		})), N = A, P = p(!1), F = p(""), I = p(null), L = p(null), R = p([]), z = p(B(j.modelValue));
-		function B(e) {
-			return e == null ? [] : Array.isArray(e) ? [...e] : [e];
-		}
-		_(() => j.modelValue, (e) => {
-			z.value = B(e);
-		}), _(P, (e) => {
-			e && (F.value = "", M.value.filterable && c(() => L.value?.focus()), M.value.lazy && (R.value = [...z.value]));
-		});
-		let V = n(() => z.value.length === 0 ? null : M.value.multiple ? z.value.length > 2 ? `${z.value.length} kiválasztva` : z.value.map((e) => j.options.find((t) => t.value === e)?.label ?? e).join(", ") : j.options.find((e) => e.value === z.value[0])?.label ?? null), H = n(() => {
-			let e = F.value.toLowerCase();
-			return e ? j.options.filter((t) => t.label.toLowerCase().includes(e)) : j.options;
-		}), U = n(() => H.value.filter((e) => e.value)), W = n(() => {
-			if (U.value.length === 0) return !1;
-			let e = M.value.lazy && P.value ? R.value : z.value;
-			return U.value.every((t) => t.value && e.includes(t.value));
-		});
-		function G(e) {
-			return (M.value.lazy && P.value ? R : z).value.includes(e);
-		}
-		function K() {
-			let e = M.value.lazy && P.value ? R : z, t = U.value.map((e) => e.value);
-			if (W.value) e.value = e.value.filter((e) => !t.includes(e));
-			else {
-				let n = t.filter((t) => !e.value.includes(t));
-				e.value = [...e.value, ...n];
-			}
-			M.value.lazy || N("update:modelValue", z.value.length > 0 ? [...z.value] : null);
-		}
-		function q(e, t) {
-			let n = e.indexOf(t);
-			return n >= 0 ? e.filter((e, t) => t !== n) : [...e, t];
-		}
-		function J(e) {
-			if (e.callback) {
-				e.callback(), P.value = !1;
-				return;
-			}
-			let t = e.value;
-			t && (M.value.multiple ? M.value.lazy ? R.value = q(R.value, t) : (z.value = q(z.value, t), N("update:modelValue", z.value.length > 0 ? [...z.value] : null)) : (z.value = [t], N("update:modelValue", t), P.value = !1));
-		}
-		function Y() {
-			M.value.lazy && (z.value = [...R.value], N("update:modelValue", R.value.length > 0 ? [...R.value] : null)), P.value = !1;
-		}
-		function X() {
-			M.value.lazy ? R.value = [] : (z.value = [], N("update:modelValue", null));
-		}
-		function Z(e, t) {
-			e.key === " " ? (e.preventDefault(), J(t)) : e.key === "Enter" && (e.preventDefault(), Y());
-		}
-		function Q(e) {
-			I.value && !I.value.contains(e.target) && (P.value = !1);
-		}
-		d(() => document.addEventListener("mousedown", Q)), u(() => document.removeEventListener("mousedown", Q));
-		function $() {
-			P.value = !P.value, P.value && (F.value = "");
-		}
-		function ee() {
-			z.value = [], N("update:modelValue", null), P.value = !1;
-		}
-		function te() {
-			P.value = !0, M.value.filterable && c(() => L.value?.focus());
-		}
-		return k({ focusAndOpen: te }), (n, s) => (f(), a("div", {
-			ref_key: "wrapperRef",
-			ref: I,
-			class: "c-wrapper ds-wrapper ac-component"
-		}, [o("div", {
-			class: l(["c-input-row pointer", {
-				"c-input-row--sm": M.value.size === "small",
-				"c-input-row--lg": M.value.size === "large"
-			}]),
-			onClick: s[1] ||= (e) => $()
-		}, [
-			V.value ? (f(), a("span", b, h(V.value), 1)) : (f(), a("span", x, h(M.value.placeholder), 1)),
-			M.value.clearable && z.value.length > 0 ? (f(), a("button", {
-				key: 2,
-				type: "button",
-				class: "c-icon-btn c-icon-btn--clear ds-clear-btn",
-				onClick: s[0] ||= y((e) => ee(), ["stop"]),
-				"aria-label": "Törlés"
-			}, [...s[6] ||= [o("i", { class: "fa-solid fa-fw fa-xmark" }, null, -1)]])) : i("", !0),
-			o("span", { class: l(["c-icon-btn c-icon-btn--chevron mr-2", { "c-icon-btn--chevron-open": P.value }]) }, [...s[7] ||= [o("i", { class: "fa-solid fa-fw fa-chevron-down" }, null, -1)]], 2)
-		], 2), P.value ? (f(), a("div", {
-			key: 0,
-			class: l(["c-dropdown ds-dropdown ac-component", { "ds-dropdown--multiple": M.value.multiple }])
-		}, [
-			M.value.filterable ? (f(), a("div", S, [
-				M.value.multiple ? (f(), a("span", {
-					key: 0,
-					class: l(["c-checkbox ds-select-all-checkbox", { "c-checkbox--checked": W.value }]),
-					onClick: s[2] ||= y((e) => K(), ["stop"]),
-					title: W.value ? "Összes kijelölés törlése" : "Összes kijelölése"
-				}, null, 10, C)) : i("", !0),
-				v(o("input", {
-					ref_key: "filterInputRef",
-					ref: L,
-					type: "text",
-					class: "c-focus ds-filter-input",
-					"onUpdate:modelValue": s[3] ||= (e) => F.value = e,
-					placeholder: "Filter...",
-					onClick: s[4] ||= y(() => {}, ["stop"])
-				}, null, 512), [[g, F.value]]),
-				F.value ? (f(), a("button", {
-					key: 1,
-					type: "button",
-					class: "c-icon-btn c-icon-btn--clear ds-filter-clear",
-					onClick: s[5] ||= y((e) => F.value = "", ["stop"]),
-					"aria-label": "Szűrők törlése"
-				}, [...s[8] ||= [o("i", { class: "fa-solid fa-xmark" }, null, -1)]])) : i("", !0)
-			])) : i("", !0),
-			o("ul", w, [(f(!0), a(t, null, m(H.value, (e, t) => (f(), a("li", {
-				key: e.value ?? `cb-${t}`,
-				class: l(["d-option ds-option", { "ds-option--selected": e.value && G(e.value) }]),
-				tabindex: "0",
-				onClick: (t) => J(e),
-				onKeydown: (t) => Z(t, e)
-			}, [
-				M.value.multiple && e.value ? (f(), a("span", {
-					key: 0,
-					class: l(["c-checkbox", { "c-checkbox--checked": G(e.value) }])
-				}, null, 2)) : i("", !0),
-				e.icon ? (f(), a("i", {
-					key: 1,
-					class: l(["fa-fw", e.icon])
-				}, null, 2)) : i("", !0),
-				o("span", { class: l(["d-option__label", { "c-truncate": M.value.textEllipsis }]) }, h(e.label), 3)
-			], 42, T))), 128)), H.value.length === 0 ? (f(), a("li", E, " Nincs találat ")) : i("", !0)]),
-			M.value.multiple || M.value.clearable && z.value.length > 0 ? (f(), a("div", D, [M.value.clearable ? (f(), r(e, {
-				key: 0,
-				label: "Törlés",
-				outline: "",
-				onClick: X
-			})) : i("", !0), M.value.multiple ? (f(), r(e, {
-				key: 1,
-				label: "OK",
-				type: "success",
-				onClick: Y
-			})) : i("", !0)])) : i("", !0)
-		], 2)) : i("", !0)], 512));
-	}
-});
+import "./admins-components7.js";
+import e from "./admins-components18.js";
+//#region src/components/DateRangePicker.vue
+var t = e;
 //#endregion
-export { k as default, O as dropdownSelectConfigDefaults };
+export { t as default };

package/dist/admins-components20.js

@@ -0,0 +1,183 @@
+import e from "./admins-components6.js";
+import { Fragment as t, computed as n, createBlock as r, createCommentVNode as i, createElementBlock as a, createElementVNode as o, defineComponent as s, nextTick as c, normalizeClass as l, onBeforeUnmount as u, onMounted as d, openBlock as f, ref as p, renderList as m, toDisplayString as h, useId as g, vModelText as _, watch as v, withDirectives as y, withModifiers as b } from "vue";
+//#region src/components/DropdownSelect.vue?vue&type=script&setup=true&lang.ts
+var x = {
+	key: 0,
+	class: "c-truncate ds-value"
+}, S = {
+	key: 1,
+	class: "c-placeholder"
+}, C = {
+	key: 0,
+	class: "ds-filter"
+}, w = ["title"], T = ["id"], E = { class: "ds-options c-scroll" }, D = ["onClick", "onKeydown"], O = {
+	key: 0,
+	class: "ds-option ds-option--empty"
+}, k = {
+	key: 1,
+	class: "c-footer"
+}, A = {
+	placeholder: "Select...",
+	filterable: !0,
+	clearable: !0,
+	textEllipsis: !0,
+	multiple: !1,
+	lazy: !1,
+	size: "normal"
+}, j = /* @__PURE__ */ s({
+	__name: "DropdownSelect",
+	props: {
+		modelValue: { default: null },
+		options: {},
+		config: { default: () => ({ ...A }) }
+	},
+	emits: ["update:modelValue"],
+	setup(s, { expose: j, emit: M }) {
+		let N = s, P = n(() => ({
+			...A,
+			...N.config
+		})), F = M, I = p(!1), L = p(""), R = p(null), z = p(null), B = p([]), V = p(H(N.modelValue));
+		function H(e) {
+			return e == null ? [] : Array.isArray(e) ? [...e] : [e];
+		}
+		v(() => N.modelValue, (e) => {
+			V.value = H(e);
+		}), v(I, (e) => {
+			e && (L.value = "", P.value.filterable && c(() => z.value?.focus()), P.value.lazy && (B.value = [...V.value]));
+		});
+		let U = n(() => V.value.length === 0 ? null : P.value.multiple ? V.value.length > 2 ? `${V.value.length} kiválasztva` : V.value.map((e) => N.options.find((t) => t.value === e)?.label ?? e).join(", ") : N.options.find((e) => e.value === V.value[0])?.label ?? null), W = n(() => {
+			let e = L.value.toLowerCase();
+			return e ? N.options.filter((t) => t.label.toLowerCase().includes(e)) : N.options;
+		}), G = n(() => W.value.filter((e) => e.value)), K = n(() => {
+			if (G.value.length === 0) return !1;
+			let e = P.value.lazy && I.value ? B.value : V.value;
+			return G.value.every((t) => t.value && e.includes(t.value));
+		});
+		function q(e) {
+			return (P.value.lazy && I.value ? B : V).value.includes(e);
+		}
+		function J() {
+			let e = P.value.lazy && I.value ? B : V, t = G.value.map((e) => e.value);
+			if (K.value) e.value = e.value.filter((e) => !t.includes(e));
+			else {
+				let n = t.filter((t) => !e.value.includes(t));
+				e.value = [...e.value, ...n];
+			}
+			P.value.lazy || F("update:modelValue", V.value.length > 0 ? [...V.value] : null);
+		}
+		function Y(e, t) {
+			let n = e.indexOf(t);
+			return n >= 0 ? e.filter((e, t) => t !== n) : [...e, t];
+		}
+		function X(e) {
+			if (e.callback) {
+				e.callback(), I.value = !1;
+				return;
+			}
+			let t = e.value;
+			t && (P.value.multiple ? P.value.lazy ? B.value = Y(B.value, t) : (V.value = Y(V.value, t), F("update:modelValue", V.value.length > 0 ? [...V.value] : null)) : (V.value = [t], F("update:modelValue", t), I.value = !1));
+		}
+		function Z() {
+			P.value.lazy && (V.value = [...B.value], F("update:modelValue", B.value.length > 0 ? [...B.value] : null)), I.value = !1;
+		}
+		function Q() {
+			P.value.lazy ? B.value = [] : (V.value = [], F("update:modelValue", null));
+		}
+		function ee(e, t) {
+			e.key === " " ? (e.preventDefault(), X(t)) : e.key === "Enter" && (e.preventDefault(), Z());
+		}
+		function $(e) {
+			R.value && !R.value.contains(e.target) && (I.value = !1);
+		}
+		d(() => document.addEventListener("mousedown", $)), u(() => document.removeEventListener("mousedown", $));
+		function te() {
+			I.value = !I.value, I.value && (L.value = "");
+		}
+		function ne() {
+			V.value = [], F("update:modelValue", null), I.value = !1;
+		}
+		function re() {
+			I.value = !0, P.value.filterable && c(() => z.value?.focus());
+		}
+		return j({ focusAndOpen: re }), (n, s) => (f(), a("div", {
+			ref_key: "wrapperRef",
+			ref: R,
+			class: "c-wrapper ds-wrapper ac-component"
+		}, [o("div", {
+			class: l(["c-input-row pointer", {
+				"c-input-row--sm": P.value.size === "small",
+				"c-input-row--lg": P.value.size === "large"
+			}]),
+			onClick: s[1] ||= (e) => te()
+		}, [
+			U.value ? (f(), a("span", x, h(U.value), 1)) : (f(), a("span", S, h(P.value.placeholder), 1)),
+			P.value.clearable && V.value.length > 0 ? (f(), a("button", {
+				key: 2,
+				type: "button",
+				class: "c-icon-btn c-icon-btn--clear ds-clear-btn",
+				onClick: s[0] ||= b((e) => ne(), ["stop"]),
+				"aria-label": "Törlés"
+			}, [...s[6] ||= [o("i", { class: "fa-solid fa-fw fa-xmark" }, null, -1)]])) : i("", !0),
+			o("span", { class: l(["c-icon-btn c-icon-btn--chevron mr-2", { "c-icon-btn--chevron-open": I.value }]) }, [...s[7] ||= [o("i", { class: "fa-solid fa-fw fa-chevron-down" }, null, -1)]], 2)
+		], 2), I.value ? (f(), a("div", {
+			key: 0,
+			class: l(["c-dropdown ds-dropdown ac-component", { "ds-dropdown--multiple": P.value.multiple }])
+		}, [
+			P.value.filterable ? (f(), a("div", C, [
+				P.value.multiple ? (f(), a("span", {
+					key: 0,
+					class: l(["c-checkbox ds-select-all-checkbox", { "c-checkbox--checked": K.value }]),
+					onClick: s[2] ||= b((e) => J(), ["stop"]),
+					title: K.value ? "Összes kijelölés törlése" : "Összes kijelölése"
+				}, null, 10, w)) : i("", !0),
+				y(o("input", {
+					ref_key: "filterInputRef",
+					ref: z,
+					type: "text",
+					id: `ds-input-filter-${g()}`,
+					class: "c-focus ds-filter-input",
+					"onUpdate:modelValue": s[3] ||= (e) => L.value = e,
+					placeholder: "Filter...",
+					onClick: s[4] ||= b(() => {}, ["stop"])
+				}, null, 8, T), [[_, L.value]]),
+				L.value ? (f(), a("button", {
+					key: 1,
+					type: "button",
+					class: "c-icon-btn c-icon-btn--clear ds-filter-clear",
+					onClick: s[5] ||= b((e) => L.value = "", ["stop"]),
+					"aria-label": "Szűrők törlése"
+				}, [...s[8] ||= [o("i", { class: "fa-solid fa-xmark" }, null, -1)]])) : i("", !0)
+			])) : i("", !0),
+			o("ul", E, [(f(!0), a(t, null, m(W.value, (e, t) => (f(), a("li", {
+				key: e.value ?? `cb-${t}`,
+				class: l(["d-option ds-option", { "ds-option--selected": e.value && q(e.value) }]),
+				tabindex: "0",
+				onClick: (t) => X(e),
+				onKeydown: (t) => ee(t, e)
+			}, [
+				P.value.multiple && e.value ? (f(), a("span", {
+					key: 0,
+					class: l(["c-checkbox", { "c-checkbox--checked": q(e.value) }])
+				}, null, 2)) : i("", !0),
+				e.icon ? (f(), a("i", {
+					key: 1,
+					class: l(["fa-fw", e.icon])
+				}, null, 2)) : i("", !0),
+				o("span", { class: l(["d-option__label", { "c-truncate": P.value.textEllipsis }]) }, h(e.label), 3)
+			], 42, D))), 128)), W.value.length === 0 ? (f(), a("li", O, " Nincs találat ")) : i("", !0)]),
+			P.value.multiple || P.value.clearable && V.value.length > 0 ? (f(), a("div", k, [P.value.clearable ? (f(), r(e, {
+				key: 0,
+				label: "Törlés",
+				outline: "",
+				onClick: Q
+			})) : i("", !0), P.value.multiple ? (f(), r(e, {
+				key: 1,
+				label: "OK",
+				type: "success",
+				onClick: Z
+			})) : i("", !0)])) : i("", !0)
+		], 2)) : i("", !0)], 512));
+	}
+});
+//#endregion
+export { j as default, A as dropdownSelectConfigDefaults };