admins-components 9.0.8 → 9.0.10

package/dist/admins-components18.js

@@ -23,163 +23,162 @@ var ce = { class: "drp-input" }, le = { class: "c-truncate drp-input__single" },
 	},
 	emits: ["update:modelValue"],
 	setup(_, { expose: A, emit: j }) {
-		let M = _, N = j, P = d(() => ({
+		let M = _, N = j, P = `drp-input-${se()}`, F = d(() => ({
 			...o,
 			...M.config
-		})), F = b(null), I = b(null), { isOpen: L, dropdownStyle: Se } = ee(F, I, { isOutsideClick: (e, t, n) => {
+		})), I = b(null), L = b(null), { isOpen: R, dropdownStyle: Se } = ee(I, L, { 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) {
+		function z(e) {
 			return e ? {
 				local: new Date(e),
 				utc: e
 			} : null;
 		}
-		function z(e) {
+		function B(e) {
 			return {
 				local: e,
-				utc: i(e, P.value.showTime)
+				utc: i(e, F.value.showTime)
 			};
 		}
 		function Ce(e) {
-			return e.local ? z(t(e.local)) : e;
+			return e.local ? B(t(e.local)) : e;
 		}
-		let we = d(() => P.value.format ?? (P.value.showTime ? "YYYY-MM-DD HH:mm" : "YYYY-MM-DD"));
-		function B(e) {
+		let we = d(() => F.value.format ?? (F.value.showTime ? "YYYY-MM-DD HH:mm" : "YYYY-MM-DD"));
+		function V(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);
+		let H = b(z(M.modelValue?.fromUtc ?? null)), U = b(z(M.modelValue?.toUtc ?? null)), W = b(M.modelValue?.fromUtc ?? null), G = b(M.modelValue?.toUtc ?? null), K = d(() => W.value != null || G.value != null), Te = d(() => H.value?.local ?? null), Ee = d(() => U.value?.local ?? null), De = d(() => F.value.minDate ?? null), Oe = d(() => e(F.value.maxDate ?? null, Ee.value ?? null)), ke = d(() => r(F.value.minDate ?? null, Te.value ?? null)), Ae = d(() => F.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));
+			H.value = z(t), U.value = z(n), W.value = t, G.value = n;
+		}), w(R, (e) => {
+			e && F.value.lazy && (H.value = z(W.value), U.value = z(G.value));
 		});
 		function je(e) {
-			V.value = e, e && !H.value && (H.value = P.value.showTime ? Ce(e) : e), P.value.lazy || K();
+			H.value = e, e && !U.value && (U.value = F.value.showTime ? Ce(e) : e), F.value.lazy || q();
 		}
 		function Me(e) {
-			H.value = e, P.value.lazy || K();
+			U.value = e, F.value.lazy || q();
 		}
-		function K() {
-			let e = V.value?.utc ?? null, t = H.value?.utc ?? null;
-			U.value = e, W.value = t, N("update:modelValue", e || t ? {
+		function q() {
+			let e = H.value?.utc ?? null, t = U.value?.utc ?? null;
+			W.value = e, G.value = t, N("update:modelValue", e || t ? {
 				fromUtc: e,
 				toUtc: t
 			} : null);
 		}
 		function Ne() {
-			P.value.lazy && K(), L.value = !1;
+			F.value.lazy && q(), R.value = !1;
 		}
-		function q() {
-			V.value = null, H.value = null, U.value = null, W.value = null, N("update:modelValue", null);
+		function J() {
+			H.value = null, U.value = null, W.value = null, G.value = null, N("update:modelValue", null);
 		}
 		function Pe() {
-			V.value = null, H.value = null;
+			H.value = null, U.value = null;
 		}
 		function Fe() {
-			L.value = !0;
+			R.value = !0;
 		}
 		A({ focusAndOpen: Fe });
-		function J() {
-			let e = V.value?.local, t = H.value?.local;
+		function Y() {
+			let e = H.value?.local, t = U.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;
+			return F.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;
+		let X = d(() => {
+			let e = H.value?.local, t = U.value?.local;
 			if (!e || !t) return !1;
-			let n = J();
+			let n = Y();
 			return n == null ? !1 : c(e, t, -n, {
-				minDate: P.value.minDate ?? null,
-				maxDate: P.value.maxDate ?? null,
-				showTime: P.value.showTime ?? !1
+				minDate: F.value.minDate ?? null,
+				maxDate: F.value.maxDate ?? null,
+				showTime: F.value.showTime ?? !1
 			});
-		}), X = d(() => {
-			let e = V.value?.local, t = H.value?.local;
+		}), Z = d(() => {
+			let e = H.value?.local, t = U.value?.local;
 			if (!e || !t) return !1;
-			let n = J();
+			let n = Y();
 			return n == null ? !1 : c(e, t, n, {
-				minDate: P.value.minDate ?? null,
-				maxDate: P.value.maxDate ?? null,
-				showTime: P.value.showTime ?? !1
+				minDate: F.value.minDate ?? null,
+				maxDate: F.value.maxDate ?? null,
+				showTime: F.value.showTime ?? !1
 			});
 		});
-		function Z(e) {
-			let t = V.value?.local, n = H.value?.local;
+		function Q(e) {
+			let t = H.value?.local, n = U.value?.local;
 			if (!t || !n) return;
-			let r = J();
+			let r = Y();
 			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());
+				minDate: F.value.minDate ?? null,
+				maxDate: F.value.maxDate ?? null,
+				showTime: F.value.showTime ?? !1
+			}) && (H.value = B(new Date(t.getTime() + r * e)), U.value = B(new Date(n.getTime() + r * e)), F.value.lazy || q());
 		}
 		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 = H.value?.local, t = U.value?.local;
+			return !e || !t ? null : re(e, t, { showTime: F.value.showTime ?? !1 });
+		}), $ = d(() => {
 			let e = {
-				minDate: P.value.minDate ?? null,
-				maxDate: P.value.maxDate ?? null,
-				showTime: P.value.showTime ?? !1
+				minDate: F.value.minDate ?? null,
+				maxDate: F.value.maxDate ?? null,
+				showTime: F.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 { from: t, to: n } = te(e, { showTime: F.value.showTime ?? !1 });
+			H.value = t, U.value = n, q(), F.value.lazy && (R.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 }])
+				ref: I,
+				class: v(["drp-wrapper ac-component", { "drp-wrapper--compact": F.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)
+					"c-input-row--sm": F.value.size === "small",
+					"c-input-row--lg": F.value.size === "large",
+					"c-input-row--focus": C(R)
 				}]),
-				onClick: t[1] ||= (e) => L.value = !C(L)
+				onClick: t[1] ||= (e) => R.value = !C(R)
 			}, [
-				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("div", ce, [K.value ? (y(), m(u, { key: 0 }, [h("span", le, S(V(W.value)) + " – " + S(V(G.value)), 1), h("span", ue, [h("span", de, S(V(W.value)), 1), h("span", fe, S(V(G.value)), 1)])], 64)) : (y(), m("span", pe, S(F.value.placeholderFrom) + " – " + S(F.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"]),
+					class: v(["c-icon-btn c-icon-btn--clear", { "c-icon-btn--hidden": !K.value }]),
+					onClick: E(J, ["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", {
+				F.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"]),
+					onClick: t[0] ||= E((e) => R.value = !C(R), ["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", {
+			], 2), (y(), f(ie, { to: "body" }, [C(R) ? (y(), m("div", {
 				key: 0,
 				ref_key: "dropdownRef",
-				ref: I,
+				ref: L,
 				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,
+					for: `${P}-from`
+				}, S(F.value.placeholderFrom), 9, ge), g(s, {
+					id: `${P}-from`,
+					"model-value": H.value,
 					config: {
-						...P.value,
+						...F.value,
 						minDate: De.value,
 						maxDate: Oe.value,
-						placeholder: P.value.placeholderFrom
+						placeholder: F.value.placeholderFrom
 					},
 					"onUpdate:modelValue": je
 				}, null, 8, [
@@ -188,15 +187,15 @@ var ce = { class: "drp-input" }, le = { class: "c-truncate drp-input__single" },
 					"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,
+					for: `${P}-to`
+				}, S(F.value.placeholderTo), 9, ve), g(s, {
+					id: `${P}-to`,
+					"model-value": U.value,
 					config: {
-						...P.value,
+						...F.value,
 						minDate: ke.value,
 						maxDate: Ae.value,
-						placeholder: P.value.placeholderTo
+						placeholder: F.value.placeholderTo
 					},
 					"onUpdate:modelValue": Me
 				}, null, 8, [
@@ -204,35 +203,35 @@ var ce = { class: "drp-input" }, le = { class: "c-truncate drp-input__single" },
 					"model-value",
 					"config"
 				])])]),
-				P.value.showPresets ? (y(), m("div", ye, [
+				F.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"]]),
+						disabled: !X.value,
+						onClick: t[2] ||= (e) => Q(-1)
+					}, null, 8, ["disabled"])])), [[n, X.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]
+							"predefined-range--disabled": $.value[e.key]
 						}]),
-						"aria-disabled": Q.value[e.key],
-						onClick: (t) => Q.value[e.key] ? null : Le(e.key)
+						"aria-disabled": $.value[e.key],
+						onClick: (t) => $.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),
+						disabled: !Z.value,
+						onClick: t[3] ||= (e) => Q(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"]])
+					}, null, 8, ["disabled"])])), [[n, Z.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, {
+				F.value.showClearButton || F.value.showOkButton || F.value.lazy ? (y(), m("div", k, [F.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, {
+					onClick: t[4] ||= (e) => F.value.lazy ? Pe() : J()
+				})) : p("", !0), F.value.showOkButton || F.value.lazy ? (y(), f(a, {
 					key: 1,
 					label: "OK",
 					type: "success",

package/dist/admins-components20.js

@@ -10,13 +10,13 @@ var x = {
 }, C = {
 	key: 0,
 	class: "ds-filter"
-}, w = ["title"], T = ["id"], E = { class: "ds-options c-scroll" }, D = ["onClick", "onKeydown"], O = {
+}, w = ["title"], T = { class: "ds-options c-scroll" }, E = ["onClick", "onKeydown"], D = {
 	key: 0,
 	class: "ds-option ds-option--empty"
-}, k = {
+}, O = {
 	key: 1,
 	class: "c-footer"
-}, A = {
+}, k = {
 	placeholder: "Select...",
 	filterable: !0,
 	clearable: !0,
@@ -24,46 +24,46 @@ var x = {
 	multiple: !1,
 	lazy: !1,
 	size: "normal"
-}, j = /* @__PURE__ */ s({
+}, A = /* @__PURE__ */ s({
 	__name: "DropdownSelect",
 	props: {
 		modelValue: { default: null },
 		options: {},
-		config: { default: () => ({ ...A }) }
+		config: { default: () => ({ ...k }) }
 	},
 	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));
+	setup(s, { expose: A, emit: j }) {
+		let M = s, N = n(() => ({
+			...k,
+			...M.config
+		})), P = j, F = `ds-input-filter-${g()}`, I = p(!1), L = p(""), R = p(null), z = p(null), B = p([]), V = p(H(M.modelValue));
 		function H(e) {
 			return e == null ? [] : Array.isArray(e) ? [...e] : [e];
 		}
-		v(() => N.modelValue, (e) => {
+		v(() => M.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]));
+			e && (L.value = "", N.value.filterable && c(() => z.value?.focus()), N.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 U = n(() => V.value.length === 0 ? null : N.value.multiple ? V.value.length > 2 ? `${V.value.length} kiválasztva` : V.value.map((e) => M.options.find((t) => t.value === e)?.label ?? e).join(", ") : M.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;
+			return e ? M.options.filter((t) => t.label.toLowerCase().includes(e)) : M.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;
+			let e = N.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);
+			return (N.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);
+			let e = N.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);
+			N.value.lazy || P("update:modelValue", V.value.length > 0 ? [...V.value] : null);
 		}
 		function Y(e, t) {
 			let n = e.indexOf(t);
@@ -75,13 +75,13 @@ var x = {
 				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));
+			t && (N.value.multiple ? N.value.lazy ? B.value = Y(B.value, t) : (V.value = Y(V.value, t), P("update:modelValue", V.value.length > 0 ? [...V.value] : null)) : (V.value = [t], P("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;
+			N.value.lazy && (V.value = [...B.value], P("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));
+			N.value.lazy ? B.value = [] : (V.value = [], P("update:modelValue", null));
 		}
 		function ee(e, t) {
 			e.key === " " ? (e.preventDefault(), X(t)) : e.key === "Enter" && (e.preventDefault(), Z());
@@ -94,24 +94,24 @@ var x = {
 			I.value = !I.value, I.value && (L.value = "");
 		}
 		function ne() {
-			V.value = [], F("update:modelValue", null), I.value = !1;
+			V.value = [], P("update:modelValue", null), I.value = !1;
 		}
 		function re() {
-			I.value = !0, P.value.filterable && c(() => z.value?.focus());
+			I.value = !0, N.value.filterable && c(() => z.value?.focus());
 		}
-		return j({ focusAndOpen: re }), (n, s) => (f(), a("div", {
+		return A({ 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"
+				"c-input-row--sm": N.value.size === "small",
+				"c-input-row--lg": N.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", {
+			U.value ? (f(), a("span", x, h(U.value), 1)) : (f(), a("span", S, h(N.value.placeholder), 1)),
+			N.value.clearable && V.value.length > 0 ? (f(), a("button", {
 				key: 2,
 				type: "button",
 				class: "c-icon-btn c-icon-btn--clear ds-clear-btn",
@@ -121,10 +121,10 @@ var x = {
 			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 }])
+			class: l(["c-dropdown ds-dropdown ac-component", { "ds-dropdown--multiple": N.value.multiple }])
 		}, [
-			P.value.filterable ? (f(), a("div", C, [
-				P.value.multiple ? (f(), a("span", {
+			N.value.filterable ? (f(), a("div", C, [
+				N.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"]),
@@ -134,12 +134,12 @@ var x = {
 					ref_key: "filterInputRef",
 					ref: z,
 					type: "text",
-					id: `ds-input-filter-${g()}`,
+					id: F,
 					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]]),
+				}, null, 512), [[_, L.value]]),
 				L.value ? (f(), a("button", {
 					key: 1,
 					type: "button",
@@ -148,14 +148,14 @@ var x = {
 					"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", {
+			o("ul", T, [(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", {
+				N.value.multiple && e.value ? (f(), a("span", {
 					key: 0,
 					class: l(["c-checkbox", { "c-checkbox--checked": q(e.value) }])
 				}, null, 2)) : i("", !0),
@@ -163,14 +163,14 @@ var x = {
 					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, {
+				o("span", { class: l(["d-option__label", { "c-truncate": N.value.textEllipsis }]) }, h(e.label), 3)
+			], 42, E))), 128)), W.value.length === 0 ? (f(), a("li", D, " Nincs találat ")) : i("", !0)]),
+			N.value.multiple || N.value.clearable && V.value.length > 0 ? (f(), a("div", O, [N.value.clearable ? (f(), r(e, {
 				key: 0,
 				label: "Törlés",
 				outline: "",
 				onClick: Q
-			})) : i("", !0), P.value.multiple ? (f(), r(e, {
+			})) : i("", !0), N.value.multiple ? (f(), r(e, {
 				key: 1,
 				label: "OK",
 				type: "success",
@@ -180,4 +180,4 @@ var x = {
 	}
 });
 //#endregion
-export { j as default, A as dropdownSelectConfigDefaults };
+export { A as default, k as dropdownSelectConfigDefaults };

package/dist/admins-components77.js

@@ -1,7 +1,9 @@
 import { parseDropdownValue as e } from "./admins-components72.js";
 //#region src/utils/filterUrlSync.ts
 function t(e) {
-	let t = new URLSearchParams(window.location.search), r = {};
+	let t = new URLSearchParams(window.location.search);
+	if (!window.location.search) return null;
+	let r = {};
 	for (let i of e) {
 		if (i.type === "separator") continue;
 		let e = t.get(i.key);
@@ -44,4 +46,4 @@ function a(e, t) {
 	window.history.replaceState(null, "", i);
 }
 //#endregion
-export { t as getFilterParams, i as readFilterParams, a as writeFilterParams };
+export { t as getFilterParams, i as readUrlFilterParams, a as writeFilterParams };

package/dist/admins-components78.js

@@ -6,7 +6,7 @@ import i from "./admins-components22.js";
 import a from "./admins-components27.js";
 import o from "./admins-components75.js";
 import { debounce as s } from "./admins-components76.js";
-import { readFilterParams as c, writeFilterParams as l } from "./admins-components77.js";
+import { readUrlFilterParams as c, writeFilterParams as l } from "./admins-components77.js";
 import { Fragment as u, createBlock as d, createCommentVNode as f, createElementBlock as p, createElementVNode as m, createVNode as h, defineComponent as g, mergeProps as _, normalizeClass as v, onMounted as y, openBlock as b, ref as x, renderList as S, toDisplayString as C, unref as w, watch as T, withCtx as E } from "vue";
 //#region src/components/data-table/DataFilters.vue?vue&type=script&setup=true&lang.ts
 var D = { class: "data-filters" }, O = {
@@ -81,7 +81,7 @@ var D = { class: "data-filters" }, O = {
 		y(() => {
 			if (!L.handleUrl) return;
 			let e = c(L.items);
-			console.log(e), Object.keys(e).length > 0 && (z.value = {
+			Object.keys(e).length > 0 && (z.value = {
 				...z.value,
 				...e
 			});

package/dist/admins-components87.js

@@ -54,7 +54,7 @@ var C = { class: "flex-center gap-2 mb-3 wrap-on-small" }, w = { class: "flex-ce
 		function z(e) {
 			return !L.value || e.some((e) => e.key === "exactMatch") ? e : [R, ...e];
 		}
-		let B = d(() => z(k.filters ?? [])), V = S(k.filters ? o(B.value) : {}), H = null;
+		let B = d(() => z(k.filters ?? [])), V = S(k.filters ? o(B.value) ?? {} : {}), H = null;
 		b(() => {
 			H = new ResizeObserver((e) => {
 				P.value = (e[0]?.contentRect.width ?? 0) < k.layoutBreakpoint;

package/dist/admins-components95.js

@@ -15,9 +15,9 @@ var a = class {
 }({}), s = class {
 	relativeUrl;
 	method;
-	fetchMethode;
+	fetchMethod;
 	constructor(r, i, a, s, c = "application/json", l) {
-		this.relativeUrl = i, this.method = a, this.fetchMethode = n({
+		this.relativeUrl = i, this.method = a, this.fetchMethod = n({
 			baseUrl: r,
 			fetchOptions: { credentials: r.indexOf("localhost") != -1 || t(r) ? "omit" : "include" },
 			options: {
@@ -44,7 +44,7 @@ function c(e, t, n, o) {
 	let c = null, l = null;
 	return s.execute = () => {
 		c &&= (c(), null), l &&= (l(), null), s.fetch && s.fetch.canAbort.value && s.fetch.abort();
-		let t = `${u(e.relativeUrl, s.routeParams.value, s.queryParams.value)}`, n = e.fetchMethode(t), r, o = n.isFetching;
+		let t = `${u(e.relativeUrl, s.routeParams.value, s.queryParams.value)}`, n = e.fetchMethod(t), r, o = n.isFetching;
 		async function d() {
 			if (f() && s.successCallback) s.successCallback(s.data.value);
 			else if (!f() && s.errorCallback) {

package/dist/admins-components98.js

@@ -1,8 +1,21 @@
-//#region node_modules/axios/lib/helpers/bind.js
-function e(e, t) {
-	return function() {
-		return e.apply(t, arguments);
-	};
+import { FetchDetails as e, Methods as t, initRequest as n } from "./admins-components95.js";
+//#region src/services/backendService.ts
+function r(e) {
+	return new i(e);
+}
+var i = class {
+	backendUrl;
+	endpoints;
+	constructor({ backendUrl: e, endpoints: t }) {
+		this.backendUrl = e, this.endpoints = Object.fromEntries(Object.entries(t).filter(([, e]) => e.url).map(([t, n]) => [t, a(e, n, n.entityName ?? t)]));
+	}
+};
+function a(r, i, a) {
+	let s = i.method ?? t.POST, c = i.operationName ?? String(s);
+	return n(new e(r, i.url, s, o(a, c)), i.payloadType, i.routeParamsType, i.queryParamsType);
+}
+function o(e, t) {
+	return new Map([[400, `${e} ${t} során 400-as hiba történt!`], [500, `${e} ${t} során 500-as hiba történt!`]]);
 }
 //#endregion
-export { e as default };
+export { i as BackendService, r as useBackendService };