admins-components 9.0.4 → 9.0.6

package/dist/admins-components75.js

@@ -1,222 +1,9 @@
-import { formatDate as e } from "./admins-components3.js";
-import t from "./admins-components6.js";
-import n from "./admins-components35.js";
-import { buildFilterDisplay as r } from "./admins-components74.js";
-import { Fragment as i, computed as a, createBlock as o, createCommentVNode as s, createElementBlock as c, createElementVNode as l, createTextVNode as u, createVNode as ee, defineComponent as d, nextTick as f, normalizeClass as p, onMounted as m, openBlock as h, ref as g, renderList as _, resolveDirective as v, toDisplayString as y, vModelText as b, watch as x, withDirectives as S, withKeys as C, withModifiers as w } from "vue";
-//#region src/components/data-table/FiltersHistory.vue?vue&type=script&setup=true&lang.ts
-var te = { class: "ac-component" }, ne = { class: "filters-history" }, re = ["aria-expanded"], ie = {
-	key: 0,
-	class: "c-indicator"
-}, ae = { key: 1 }, oe = {
-	key: 0,
-	class: "filters-history__panel c-scroll"
-}, se = { class: "filters-history__save-row" }, ce = {
-	key: 0,
-	class: "filters-history__hint"
-}, le = {
-	key: 1,
-	class: "filters-history__hint"
-}, ue = {
-	key: 2,
-	class: "filters-history__list"
-}, de = [
-	"aria-expanded",
-	"onClick",
-	"onKeydown"
-], fe = { class: "filters-history__item-header-text" }, T = { class: "filters-history__item-date" }, E = {
-	key: 0,
-	class: "filters-history__item-name"
-}, D = ["onClick"], O = ["onClick"], k = ["onClick"], A = {
-	key: 0,
-	class: "filters-history__item-content"
-}, j = {
-	key: 0,
-	class: "filters-history__item-body"
-}, M = {
-	key: 1,
-	class: "filters-history__item-empty"
-}, N = { key: 3 }, P = 50, F = 7, I = /* @__PURE__ */ d({
-	__name: "FiltersHistory",
-	props: {
-		items: {},
-		values: {},
-		storageKey: {}
-	},
-	emits: ["load", "change"],
-	setup(d, { emit: I }) {
-		let L = d, R = a(() => `data-filters-${L.storageKey}`), z = I, B = g(!1), V = g([]), H = g(""), U = g(/* @__PURE__ */ new Set()), W = g(!1);
-		function G(e) {
-			return U.value.has(e);
-		}
-		function K(e) {
-			let t = new Set(U.value);
-			t.has(e) ? t.delete(e) : t.add(e), U.value = t;
-		}
-		function pe() {
-			try {
-				let e = localStorage.getItem(R.value);
-				if (!e) {
-					V.value = [];
-					return;
-				}
-				let t = JSON.parse(e);
-				Array.isArray(t) ? V.value = t.filter((e) => e && typeof e == "object" && typeof e.id == "string" && e.values && typeof e.savedAt == "string") : V.value = [];
-			} catch {
-				V.value = [];
-			}
-		}
-		function q() {
-			try {
-				localStorage.setItem(R.value, JSON.stringify(V.value));
-			} catch {}
-		}
-		m(pe);
-		let J = a(() => Object.values(L.values).some((e) => e !== null && e !== "" && e !== void 0));
-		function me() {
-			return `${Date.now()}-${Math.random().toString(36).slice(2, 8)}`;
-		}
-		x(() => [L.values, H.value], () => {
-			Y.value &&= !1;
-		}, { deep: !0 });
-		let Y = g(!1);
-		function X() {
-			if (!J.value) return;
-			let e = H.value.trim();
-			V.value = [{
-				id: me(),
-				savedAt: (/* @__PURE__ */ new Date()).toISOString(),
-				name: e || void 0,
-				values: { ...L.values }
-			}, ...V.value].slice(0, P), H.value = "", q(), f(() => {
-				Y.value = !0;
-			});
-		}
-		function he(e) {
-			z("load", { ...e.values }), z("change", { ...e.values });
-		}
-		function Z(e) {
-			if (V.value = V.value.filter((t) => t.id !== e.id), U.value.has(e.id)) {
-				let t = new Set(U.value);
-				t.delete(e.id), U.value = t;
-			}
-			q();
-		}
-		function ge() {
-			V.value = [], U.value = /* @__PURE__ */ new Set(), q(), W.value = !1;
-		}
-		function Q(e) {
-			return r(L.items, e.values);
-		}
-		let _e = a(() => {
-			let e = /* @__PURE__ */ new Map();
-			for (let t of V.value) e.set(t.id, Q(t));
-			return e;
-		});
-		function $(e) {
-			return _e.value.get(e.id) ?? Q(e);
-		}
-		let ve = a(() => V.value.length >= P - F);
-		function ye(t) {
-			let n = new Date(t);
-			return isNaN(n.getTime()) ? t : e(n, "YYYY-MM-DD HH:mm");
-		}
-		return (e, r) => {
-			let a = v("tooltip");
-			return h(), c("div", te, [l("div", ne, [l("button", {
-				type: "button",
-				class: p(["filters-history__toggle", { "is-open": B.value }]),
-				"aria-expanded": B.value,
-				onClick: r[0] ||= (e) => B.value = !B.value
-			}, [
-				r[6] ||= l("i", { class: "fa-solid fa-sliders filters-history__toggle-icon" }, null, -1),
-				r[7] ||= l("span", { class: "filters-history__toggle-label" }, "Mentett szűrők", -1),
-				V.value.length ? (h(), c("span", ie, y(V.value.length), 1)) : s("", !0),
-				ve.value ? S((h(), c("span", ae, [u("/ " + y(P))])), [[a, `Maximum ${P} szűrő menthető`]]) : s("", !0),
-				l("i", { class: p(["fa-solid filters-history__chevron", B.value ? "fa-chevron-up" : "fa-chevron-down"]) }, null, 2)
-			], 10, re), B.value ? (h(), c("div", oe, [
-				l("div", se, [S(l("input", {
-					"onUpdate:modelValue": r[1] ||= (e) => H.value = e,
-					type: "text",
-					class: "c-input-row c-input-row--sm",
-					placeholder: "Elnevezés",
-					onKeydown: C(X, ["enter"])
-				}, null, 544), [[b, H.value]]), ee(t, {
-					icon: "fa-solid fa-bookmark",
-					label: "Mentés",
-					size: "small",
-					type: "info",
-					disabled: !J.value || Y.value,
-					onClick: X
-				}, null, 8, ["disabled"])]),
-				!J.value && V.value.length === 0 ? (h(), c("p", ce, " Nincs aktív szűrő. Adj meg értékeket a mentéshez. ")) : V.value.length === 0 ? (h(), c("p", le, [...r[8] ||= [
-					u(" Még nincs mentett szűrő.", -1),
-					l("br", null, null, -1),
-					u(" Az aktuális beállítások a „Mentés\" gombbal menthetők.", -1),
-					l("br", null, null, -1),
-					u(" Az „Elnevezés\" mező csak a könnyebb azonosítás miatt van, megadása nem kötelező. ", -1)
-				]])) : s("", !0),
-				V.value.length > 0 ? (h(), c("ul", ue, [(h(!0), c(i, null, _(V.value, (e) => (h(), c("li", {
-					key: e.id,
-					class: p(["filters-history__item", { "is-open": G(e.id) }])
-				}, [l("div", {
-					class: p(["filters-history__item-header", { "is-open": G(e.id) }]),
-					role: "button",
-					tabindex: "0",
-					"aria-expanded": G(e.id),
-					onClick: (t) => K(e.id),
-					onKeydown: [C(w((t) => K(e.id), ["prevent"]), ["enter"]), C(w((t) => K(e.id), ["prevent"]), ["space"])]
-				}, [
-					l("i", { class: p(["fa-solid filters-history__item-chevron", G(e.id) ? "fa-chevron-down" : "fa-chevron-right"]) }, null, 2),
-					l("span", fe, [l("span", T, y(ye(e.savedAt)), 1), e.name ? (h(), c("span", E, y(e.name), 1)) : s("", !0)]),
-					l("div", {
-						class: "filters-history__item-actions",
-						onClick: r[2] ||= w(() => {}, ["stop"])
-					}, [
-						l("button", {
-							type: "button",
-							class: "c-indicator filters-history__item-btn filters-history__item-load",
-							"aria-label": "Betöltés",
-							title: "Betöltés",
-							onClick: (t) => he(e)
-						}, [...r[9] ||= [l("i", { class: "fa-solid fa-check" }, null, -1)]], 8, D),
-						$(e).length ? S((h(), c("span", {
-							key: 0,
-							class: "c-indicator",
-							onClick: w((t) => K(e.id), ["stop"])
-						}, [u(y($(e).length), 1)], 8, O)), [[a, `${$(e).length} szűrési feltétel`]]) : s("", !0),
-						l("button", {
-							type: "button",
-							class: "c-indicator filters-history__item-btn filters-history__item-remove",
-							"aria-label": "Törlés",
-							title: "Törlés",
-							onClick: (t) => Z(e)
-						}, [...r[10] ||= [l("i", { class: "fa-solid fa-xmark" }, null, -1)]], 8, k)
-					])
-				], 42, de), G(e.id) ? (h(), c("div", A, [$(e).length ? (h(), c("div", j, [(h(!0), c(i, null, _($(e), (e, t) => (h(), c("span", {
-					key: t,
-					class: p(["c-chip", e.displayClass])
-				}, y(e.text), 3))), 128))])) : (h(), c("p", M, "Nincs megjeleníthető szűrő."))])) : s("", !0)], 2))), 128))])) : s("", !0),
-				V.value.length > 3 ? (h(), c("div", N, [
-					r[11] ||= l("hr", { class: "separator my-1" }, null, -1),
-					V.value.length ? (h(), c("a", {
-						key: 0,
-						class: "filters-history__clear-all px-2",
-						onClick: r[3] ||= (e) => W.value = !0
-					}, "Összes törlése")) : s("", !0),
-					W.value ? (h(), o(n, {
-						key: 1,
-						title: "Mentett szűrők törlése",
-						message: "Biztosan törlöd az összes mentett szűrőt?",
-						"confirm-label": "Törlés",
-						"cancel-label": "Mégse",
-						type: "error",
-						onConfirm: r[4] ||= (e) => ge(),
-						onCancel: r[5] ||= (e) => W.value = !1
-					})) : s("", !0)
-				])) : s("", !0)
-			])) : s("", !0)])]);
-		};
-	}
-});
+//#region src/utils/debounce.ts
+function e(e, t = 300) {
+	let n = null;
+	return (...r) => {
+		n !== null && clearTimeout(n), n = setTimeout(() => e(...r), t);
+	};
+}
 //#endregion
-export { I as default };
+export { e as debounce };

package/dist/admins-components76.js

@@ -0,0 +1,47 @@
+import { parseDropdownValue as e } from "./admins-components71.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 { t as getFilterParams, i as readFilterParams, a as writeFilterParams };

package/dist/admins-components77.js

@@ -1,7 +1,251 @@
-import './src/styles/components/data-table/filters-history.scss_vue_type_style_index_0_src_true_lang.css';
-import e from "./admins-components75.js";
-/* empty css                    */
-//#region src/components/data-table/FiltersHistory.vue
-var t = e;
+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"]));
+	}
+});
 //#endregion
-export { t as default };
+export { F as default };

package/dist/admins-components79.js

@@ -1,47 +1,8 @@
-import { parseDropdownValue as e } from "./admins-components74.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);
-}
+import './src/styles/components/data-table/data-filters.scss_vue_type_style_index_0_src_true_lang.css';
+import "./admins-components76.js";
+import e from "./admins-components77.js";
+/* empty css                    */
+//#region src/components/data-table/DataFilters.vue
+var t = e;
 //#endregion
-export { t as getFilterParams, i as readFilterParams, a as writeFilterParams };
+export { t as default };