admins-components 9.0.6 → 9.0.8

package/dist/admins-components77.js

@@ -1,251 +1,47 @@
-import e from "./admins-components5.js";
-import t from "./admins-components13.js";
-import n from "./admins-components15.js";
-import r from "./admins-components18.js";
-import i from "./admins-components21.js";
-import a from "./admins-components26.js";
-import o from "./admins-components74.js";
-import { debounce as s } from "./admins-components75.js";
-import { readFilterParams as c, writeFilterParams as l } from "./admins-components76.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 = {
-	key: 0,
-	class: "data-filters__separator"
-}, k = { class: "c-label" }, A = [
-	"placeholder",
-	"value",
-	"onInput"
-], j = [
-	"placeholder",
-	"value",
-	"onInput"
-], M = [
-	"placeholder",
-	"value",
-	"onInput"
-], N = { class: "data-filters__footer" }, P = {
-	key: 0,
-	class: "separator my-3"
-}, F = /*@__PURE__*/ g({
-	__name: "DataFilters",
-	props: {
-		open: {
-			type: Boolean,
-			default: !1
-		},
-		items: {},
-		position: { default: "left" },
-		lazy: {
-			type: Boolean,
-			default: !0
-		},
-		handleUrl: {
-			type: Boolean,
-			default: !1
-		},
-		historyEnabled: {
-			type: Boolean,
-			default: !0
-		},
-		storageKey: {}
-	},
-	emits: ["close", "change"],
-	setup(g, { expose: F, emit: I }) {
-		let L = g, R = I, z = x(W()), B = x({});
-		function V(e, t) {
-			t ? B.value[e] = t : delete B.value[e];
-		}
-		function H(e) {
-			return {
-				...e.config ?? {},
-				showTime: e.type === "datetime",
-				placeholder: e.placeholder ?? (e.type === "datetime" ? "Időpont" : "Dátum")
-			};
-		}
-		function U(e) {
-			return {
-				...e.config ?? {},
-				...e.fullWidth ? {} : { compact: !0 },
-				showTime: e.type === "datetimerange"
-			};
-		}
-		function W(e = null) {
-			let t = {};
-			for (let n of L.items) n.type !== "separator" && (t[n.key] = n.value ?? e);
-			return t;
-		}
-		y(() => {
-			if (!L.handleUrl) return;
-			let e = c(L.items);
-			console.log(e), Object.keys(e).length > 0 && (z.value = {
-				...z.value,
-				...e
-			});
-		});
-		function G(e) {
-			return Object.fromEntries(Object.entries(e).filter(([e, t]) => t !== null && t !== "" && t !== void 0));
-		}
-		function K(e, t) {
-			z.value = {
-				...z.value,
-				[e]: t
-			}, L.lazy || (L.handleUrl && l(L.items, z.value), R("change", G(z.value)));
-		}
-		let q = s((e, t) => {
-			K(e, t);
-		});
-		function J() {
-			L.handleUrl && l(L.items, z.value), R("change", G(z.value)), R("close");
-		}
-		function Y() {
-			z.value = {}, L.handleUrl && l(L.items, z.value), R("change", G(z.value));
-		}
-		let X = x(!1);
-		T(z, (e) => {
-			X.value = Object.values(e).some((e) => e !== null && e !== "" && e !== void 0);
-		}, {
-			deep: !0,
-			immediate: !0
-		});
-		function Z(e) {
-			z.value = {
-				...z.value,
-				[e]: null
-			}, L.handleUrl && l(L.items, z.value), R("change", G(z.value));
-		}
-		function Q(e) {
-			let t = B.value[e];
-			if (t) {
-				if (typeof t.focusAndOpen == "function") {
-					t.focusAndOpen();
-					return;
-				}
-				typeof t.focus == "function" && t.focus();
-			}
-		}
-		function $(e) {
-			let t = { ...z.value };
-			for (let n of L.items) n.type !== "separator" && n.key in e && (t[n.key] = e[n.key] ?? null);
-			z.value = t, L.handleUrl && l(L.items, z.value), R("change", G(z.value));
-		}
-		return F({
-			clearFilter: Z,
-			focusFilter: Q
-		}), (s, c) => (b(), d(a, {
-			open: g.open,
-			title: "Szűrők",
-			position: g.position,
-			onClose: c[0] ||= (e) => R("close")
-		}, {
-			default: E(() => [
-				m("div", D, [(b(!0), p(u, null, S(g.items, (e) => (b(), p("div", {
-					key: e.key,
-					class: v(["data-filters__field", { "data-filters__field--full": e.fullWidth || e.type === "separator" }])
-				}, [e.type === "separator" ? (b(), p("hr", O)) : e.type === "checkbox" ? (b(), d(n, _({
-					key: 1,
-					ref_for: !0,
-					ref: (t) => V(e.key, t),
-					"model-value": z.value[e.key] ?? !1,
-					label: e.label ?? e.key,
-					"onUpdate:modelValue": (t) => K(e.key, t)
-				}, { ref_for: !0 }, e.config), null, 16, [
-					"model-value",
-					"label",
-					"onUpdate:modelValue"
-				])) : (b(), p(u, { key: 2 }, [m("label", k, C(e.label ?? e.key), 1), e.type === "text" ? (b(), p("input", _({
-					key: 0,
-					type: "text",
-					class: "c-input-row",
-					placeholder: e.placeholder,
-					value: z.value[e.key] ?? "",
-					ref_for: !0,
-					ref: (t) => V(e.key, t),
-					onInput: (t) => w(q)(e.key, t.target.value || null)
-				}, { ref_for: !0 }, e.config), null, 16, A)) : e.type === "textarea" ? (b(), p("textarea", _({
-					key: 1,
-					class: "c-input-row data-filters__textarea",
-					placeholder: e.placeholder,
-					value: z.value[e.key] ?? "",
-					ref_for: !0,
-					ref: (t) => V(e.key, t)
-				}, { ref_for: !0 }, e.config, { onInput: (t) => w(q)(e.key, t.target.value || null) }), null, 16, j)) : e.type === "number" ? (b(), p("input", _({
-					key: 2,
-					type: "number",
-					class: "c-input-row",
-					placeholder: e.placeholder,
-					value: z.value[e.key] ?? "",
-					ref_for: !0,
-					ref: (t) => V(e.key, t)
-				}, { ref_for: !0 }, e.config, { onInput: (t) => w(q)(e.key, t.target.value ? Number(t.target.value) : null) }), null, 16, M)) : e.type === "date" || e.type === "datetime" ? (b(), d(t, {
-					key: 3,
-					ref_for: !0,
-					ref: (t) => V(e.key, t),
-					"model-value": z.value[e.key] ?? null,
-					config: H(e),
-					"onUpdate:modelValue": (t) => K(e.key, t)
-				}, null, 8, [
-					"model-value",
-					"config",
-					"onUpdate:modelValue"
-				])) : e.type === "daterange" || e.type === "datetimerange" ? (b(), d(r, {
-					key: 4,
-					ref_for: !0,
-					ref: (t) => V(e.key, t),
-					"model-value": z.value[e.key] ?? null,
-					config: U(e),
-					"onUpdate:modelValue": (t) => K(e.key, t)
-				}, null, 8, [
-					"model-value",
-					"config",
-					"onUpdate:modelValue"
-				])) : e.type === "dropdown" ? (b(), d(i, {
-					key: 5,
-					ref_for: !0,
-					ref: (t) => V(e.key, t),
-					"model-value": z.value[e.key] ?? null,
-					options: e.options ?? [],
-					config: {
-						...e.config ?? {},
-						placeholder: e.placeholder ?? "Válassz...",
-						clearable: !0,
-						filterable: !0
-					},
-					"onUpdate:modelValue": (t) => K(e.key, t)
-				}, null, 8, [
-					"model-value",
-					"options",
-					"config",
-					"onUpdate:modelValue"
-				])) : f("", !0)], 64))], 2))), 128))]),
-				m("div", N, [h(e, {
-					icon: "fa-solid fa-trash-can",
-					disabled: !X.value,
-					label: "Szűrők törlése",
-					size: "small",
-					onClick: Y
-				}, null, 8, ["disabled"]), h(e, {
-					label: "Szűrés",
-					type: "success",
-					onClick: J
-				})]),
-				g.historyEnabled ? (b(), p("hr", P)) : f("", !0),
-				g.historyEnabled ? (b(), d(o, {
-					key: 1,
-					items: g.items,
-					values: z.value,
-					"storage-key": g.storageKey,
-					onLoad: $,
-					onChange: $
-				}, null, 8, [
-					"items",
-					"values",
-					"storage-key"
-				])) : f("", !0)
-			]),
-			_: 1
-		}, 8, ["open", "position"]));
+import { parseDropdownValue as e } from "./admins-components72.js";
+//#region src/utils/filterUrlSync.ts
+function t(e) {
+	let t = new URLSearchParams(window.location.search), r = {};
+	for (let i of e) {
+		if (i.type === "separator") continue;
+		let e = t.get(i.key);
+		r[i.key] = e === null ? i.value ?? null : n(i.type, e, i.value);
 	}
-});
+	return r;
+}
+function n(t, n, i) {
+	if (t === "number") {
+		let e = Number(n);
+		return isNaN(e) ? i ?? null : e;
+	}
+	return t === "date" || t === "datetime" ? { utc: n } : t === "daterange" || t === "datetimerange" ? r(n, i) : t === "dropdown" ? e(n) : t === "checkbox" ? n === "true" : n;
+}
+function r(e, t) {
+	try {
+		let t = JSON.parse(e);
+		return t && typeof t == "object" && "local" in t && t.local && (t.local = new Date(t.local)), t;
+	} catch {
+		return t ?? null;
+	}
+}
+function i(e) {
+	let t = new URLSearchParams(window.location.search), r = {};
+	for (let i of e) {
+		if (i.type === "separator") continue;
+		let e = t.get(i.key);
+		e !== null && (r[i.key] = n(i.type, e, i.value));
+	}
+	return r;
+}
+function a(e, t) {
+	let n = new URLSearchParams(window.location.search);
+	for (let r of e) {
+		if (r.type === "separator") continue;
+		let e = t[r.key];
+		e == null || e === "" ? n.delete(r.key) : r.type === "date" || r.type === "datetime" ? n.set(r.key, e.utc) : typeof e == "object" ? n.set(r.key, JSON.stringify(e)) : n.set(r.key, String(e));
+	}
+	let r = n.toString(), i = window.location.pathname + (r ? `?${r}` : "");
+	window.history.replaceState(null, "", i);
+}
 //#endregion
-export { F as default };
+export { t as getFilterParams, i as readFilterParams, a as writeFilterParams };

package/dist/admins-components78.js

@@ -0,0 +1,264 @@
+import e from "./admins-components6.js";
+import t from "./admins-components14.js";
+import n from "./admins-components16.js";
+import r from "./admins-components19.js";
+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 { 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 = {
+	key: 0,
+	class: "data-filters__separator"
+}, k = ["for"], A = [
+	"placeholder",
+	"value",
+	"id",
+	"onInput"
+], j = [
+	"placeholder",
+	"value",
+	"id",
+	"onInput"
+], M = [
+	"placeholder",
+	"value",
+	"id",
+	"onInput"
+], N = { class: "data-filters__footer" }, P = {
+	key: 0,
+	class: "separator my-3"
+}, F = /* @__PURE__ */ g({
+	__name: "DataFilters",
+	props: {
+		open: {
+			type: Boolean,
+			default: !1
+		},
+		items: {},
+		position: { default: "left" },
+		lazy: {
+			type: Boolean,
+			default: !0
+		},
+		handleUrl: {
+			type: Boolean,
+			default: !1
+		},
+		historyEnabled: {
+			type: Boolean,
+			default: !0
+		},
+		storageKey: {}
+	},
+	emits: ["close", "change"],
+	setup(g, { expose: F, emit: I }) {
+		let L = g, R = I, z = x(W()), B = x({});
+		function V(e, t) {
+			t ? B.value[e] = t : delete B.value[e];
+		}
+		function H(e) {
+			return {
+				...e.config ?? {},
+				showTime: e.type === "datetime",
+				placeholder: e.placeholder ?? (e.type === "datetime" ? "Időpont" : "Dátum")
+			};
+		}
+		function U(e) {
+			return {
+				...e.config ?? {},
+				...e.fullWidth ? {} : { compact: !0 },
+				showTime: e.type === "datetimerange"
+			};
+		}
+		function W(e = null) {
+			let t = {};
+			for (let n of L.items) n.type !== "separator" && (t[n.key] = n.value ?? e);
+			return t;
+		}
+		y(() => {
+			if (!L.handleUrl) return;
+			let e = c(L.items);
+			console.log(e), Object.keys(e).length > 0 && (z.value = {
+				...z.value,
+				...e
+			});
+		});
+		function G(e) {
+			return Object.fromEntries(Object.entries(e).filter(([e, t]) => t !== null && t !== "" && t !== void 0));
+		}
+		function K(e, t) {
+			z.value = {
+				...z.value,
+				[e]: t
+			}, L.lazy || (L.handleUrl && l(L.items, z.value), R("change", G(z.value)));
+		}
+		let q = s((e, t) => {
+			K(e, t);
+		});
+		function J() {
+			L.handleUrl && l(L.items, z.value), R("change", G(z.value)), R("close");
+		}
+		function Y() {
+			z.value = {}, L.handleUrl && l(L.items, z.value), R("change", G(z.value));
+		}
+		let X = x(!1);
+		T(z, (e) => {
+			X.value = Object.values(e).some((e) => e !== null && e !== "" && e !== void 0);
+		}, {
+			deep: !0,
+			immediate: !0
+		});
+		function Z(e) {
+			z.value = {
+				...z.value,
+				[e]: null
+			}, L.handleUrl && l(L.items, z.value), R("change", G(z.value));
+		}
+		function Q(e) {
+			let t = B.value[e];
+			if (t) {
+				if (typeof t.focusAndOpen == "function") {
+					t.focusAndOpen();
+					return;
+				}
+				typeof t.focus == "function" && t.focus();
+			}
+		}
+		function $(e) {
+			let t = { ...z.value };
+			for (let n of L.items) n.type !== "separator" && n.key in e && (t[n.key] = e[n.key] ?? null);
+			z.value = t, L.handleUrl && l(L.items, z.value), R("change", G(z.value));
+		}
+		return F({
+			clearFilter: Z,
+			focusFilter: Q
+		}), (s, c) => (b(), d(a, {
+			open: g.open,
+			title: "Szűrők",
+			position: g.position,
+			onClose: c[0] ||= (e) => R("close")
+		}, {
+			default: E(() => [
+				m("div", D, [(b(!0), p(u, null, S(g.items, (e) => (b(), p("div", {
+					key: e.key,
+					class: v(["data-filters__field", { "data-filters__field--full": e.fullWidth || e.type === "separator" }])
+				}, [e.type === "separator" ? (b(), p("hr", O)) : e.type === "checkbox" ? (b(), d(n, _({
+					key: 1,
+					ref_for: !0,
+					ref: (t) => V(e.key, t),
+					"model-value": z.value[e.key] ?? !1,
+					label: e.label ?? e.key,
+					"onUpdate:modelValue": (t) => K(e.key, t)
+				}, { ref_for: !0 }, e.config), null, 16, [
+					"model-value",
+					"label",
+					"onUpdate:modelValue"
+				])) : (b(), p(u, { key: 2 }, [m("label", {
+					class: "c-label",
+					for: `df-${e.key}`
+				}, C(e.label ?? e.key), 9, k), e.type === "text" ? (b(), p("input", _({
+					key: 0,
+					type: "text",
+					class: "c-input-row",
+					placeholder: e.placeholder,
+					value: z.value[e.key] ?? "",
+					ref_for: !0,
+					ref: (t) => V(e.key, t),
+					id: `df-${e.key}`,
+					onInput: (t) => w(q)(e.key, t.target.value || null)
+				}, { ref_for: !0 }, e.config), null, 16, A)) : e.type === "textarea" ? (b(), p("textarea", _({
+					key: 1,
+					class: "c-input-row data-filters__textarea",
+					placeholder: e.placeholder,
+					value: z.value[e.key] ?? "",
+					ref_for: !0,
+					ref: (t) => V(e.key, t),
+					id: `df-${e.key}`
+				}, { ref_for: !0 }, e.config, { onInput: (t) => w(q)(e.key, t.target.value || null) }), null, 16, j)) : e.type === "number" ? (b(), p("input", _({
+					key: 2,
+					type: "number",
+					class: "c-input-row",
+					placeholder: e.placeholder,
+					value: z.value[e.key] ?? "",
+					ref_for: !0,
+					ref: (t) => V(e.key, t),
+					id: `df-${e.key}`
+				}, { ref_for: !0 }, e.config, { onInput: (t) => w(q)(e.key, t.target.value ? Number(t.target.value) : null) }), null, 16, M)) : e.type === "date" || e.type === "datetime" ? (b(), d(t, {
+					key: 3,
+					ref_for: !0,
+					ref: (t) => V(e.key, t),
+					id: `df-${e.key}`,
+					"model-value": z.value[e.key] ?? null,
+					config: H(e),
+					"onUpdate:modelValue": (t) => K(e.key, t)
+				}, null, 8, [
+					"id",
+					"model-value",
+					"config",
+					"onUpdate:modelValue"
+				])) : e.type === "daterange" || e.type === "datetimerange" ? (b(), d(r, {
+					key: 4,
+					ref_for: !0,
+					ref: (t) => V(e.key, t),
+					"model-value": z.value[e.key] ?? null,
+					config: U(e),
+					"onUpdate:modelValue": (t) => K(e.key, t)
+				}, null, 8, [
+					"model-value",
+					"config",
+					"onUpdate:modelValue"
+				])) : e.type === "dropdown" ? (b(), d(i, {
+					key: 5,
+					ref_for: !0,
+					ref: (t) => V(e.key, t),
+					"model-value": z.value[e.key] ?? null,
+					options: e.options ?? [],
+					config: {
+						...e.config ?? {},
+						placeholder: e.placeholder ?? "Válassz...",
+						clearable: !0,
+						filterable: !0
+					},
+					"onUpdate:modelValue": (t) => K(e.key, t)
+				}, null, 8, [
+					"model-value",
+					"options",
+					"config",
+					"onUpdate:modelValue"
+				])) : f("", !0)], 64))], 2))), 128))]),
+				m("div", N, [h(e, {
+					icon: "fa-solid fa-trash-can",
+					disabled: !X.value,
+					label: "Szűrők törlése",
+					"aria-label": "Szűrők törlése",
+					size: "small",
+					onClick: Y
+				}, null, 8, ["disabled"]), h(e, {
+					label: "Szűrés",
+					"aria-label": "Szűrés",
+					type: "success",
+					onClick: J
+				})]),
+				g.historyEnabled ? (b(), p("hr", P)) : f("", !0),
+				g.historyEnabled ? (b(), d(o, {
+					key: 1,
+					items: g.items,
+					values: z.value,
+					"storage-key": g.storageKey,
+					onLoad: $,
+					onChange: $
+				}, null, 8, [
+					"items",
+					"values",
+					"storage-key"
+				])) : f("", !0)
+			]),
+			_: 1
+		}, 8, ["open", "position"]));
+	}
+});
+//#endregion
+export { F as default };