admins-components 9.0.27 → 9.0.29

package/dist/admins-components77.js

@@ -1,53 +1,222 @@
-import { parseDropdownValue as e } from "./admins-components72.js";
-//#region src/utils/dataFilters.ts
-function t(e) {
-	let t = new URLSearchParams(window.location.search), n = {};
-	for (let r of e) {
-		if (r.type === "separator") continue;
-		let e = window.location.search ? t.get(r.key) : null;
-		n[r.key] = e === null ? r.value ?? null : i(r.type, e, r.value);
+import { formatDate as e } from "./admins-components3.js";
+import t from "./admins-components6.js";
+import n from "./admins-components39.js";
+import { buildFilterDisplay as r } from "./admins-components76.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)])]);
+		};
 	}
-	return n;
-}
-function n(e) {
-	let n = t(e) ?? {}, i = {};
-	for (let t of e) {
-		if (t.type === "separator") continue;
-		let e = n[t.key];
-		if (t.transformer) {
-			let n = t.transformer(e);
-			n && Object.assign(i, n);
-		} else i[t.key] = e;
-	}
-	return r(i);
-}
-function r(e) {
-	return Object.fromEntries(Object.entries(e).filter(([e, t]) => t !== null && t !== "" && t !== void 0));
-}
-function i(t, n, r) {
-	if (t === "number") {
-		let e = Number(n);
-		return isNaN(e) ? r ?? null : e;
-	}
-	return t === "date" || t === "datetime" ? { utc: n } : t === "daterange" || t === "datetimerange" ? a(n, r) : t === "dropdown" ? e(n) : t === "checkbox" ? n === "true" : n;
-}
-function a(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 o(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 { r as filterEmptyValues, n as getDefaultFilters, t as getFilterParams, o as writeFilterParams };
+export { I as default };

package/dist/admins-components77.js.map

@@ -1 +1 @@
-{"version":3,"file":"admins-components77.js","names":[],"sources":["../src/utils/dataFilters.ts"],"sourcesContent":["import type { FilterItem } from '@/components/data-table/DataFilters.vue'\nimport { parseDropdownValue } from '@/utils/filterDisplay'\n\nexport function getFilterParams(items: FilterItem[]): Record<string, unknown> | null {\n  const params = new URLSearchParams(window.location.search)\n  const result: Record<string, unknown> = {}\n\n  for (const item of items) {\n    if (item.type === 'separator') continue\n\n    const raw = window.location.search ? params.get(item.key) : null\n    result[item.key] =\n      raw === null ? (item.value ?? null) : parseFilterValue(item.type, raw, item.value)\n  }\n  return result\n}\n\nexport function getDefaultFilters(items: FilterItem[]): Record<string, unknown> {\n  const raw = getFilterParams(items) ?? {}\n  const result: Record<string, unknown> = {}\n\n  for (const item of items) {\n    if (item.type === 'separator') continue\n    const val = raw[item.key]\n\n    if (item.transformer) {\n      const t = item.transformer(val)\n      if (t) Object.assign(result, t)\n    } else {\n      result[item.key] = val\n    }\n  }\n\n  return filterEmptyValues(result)\n}\n\nexport function filterEmptyValues(filters: Record<string, any>): Record<string, any> {\n  return Object.fromEntries(\n    // eslint-disable-next-line @typescript-eslint/no-unused-vars\n    Object.entries(filters).filter(([_, val]) => val !== null && val !== '' && val !== undefined),\n  )\n}\n\n\nfunction parseFilterValue(type: FilterItem['type'], raw: string, fallback: unknown): unknown {\n  if (type === 'number') {\n    const n = Number(raw)\n    return isNaN(n) ? (fallback ?? null) : n\n  }\n  if (type === 'date' || type === 'datetime') {\n    return { utc: raw }\n  }\n  if (type === 'daterange' || type === 'datetimerange') {\n    return parseRangeValue(raw, fallback)\n  }\n  if (type === 'dropdown') {\n    return parseDropdownValue(raw)\n  }\n  if (type === 'checkbox') {\n    return raw === 'true'\n  }\n\n  return raw\n}\n\nfunction parseRangeValue(raw: string, fallback: unknown): unknown {\n  try {\n    const parsed = JSON.parse(raw)\n    if (parsed && typeof parsed === 'object' && 'local' in parsed && parsed.local) {\n      parsed.local = new Date(parsed.local)\n    }\n    return parsed\n  } catch {\n    return fallback ?? null\n  }\n}\n\nexport function writeFilterParams(items: FilterItem[], vals: Record<string, unknown>) {\n  const params = new URLSearchParams(window.location.search)\n  for (const item of items) {\n    if (item.type === 'separator') continue\n    const v = vals[item.key]\n    if (v === null || v === undefined || v === '') {\n      params.delete(item.key)\n    } else if (item.type === 'date' || item.type === 'datetime') {\n      params.set(item.key, (v as { utc: string }).utc)\n    } else if (typeof v === 'object') {\n      params.set(item.key, JSON.stringify(v))\n    } else {\n      params.set(item.key, String(v))\n    }\n  }\n  const qs = params.toString()\n  const url = window.location.pathname + (qs ? `?${qs}` : '')\n  window.history.replaceState(null, '', url)\n}\n"],"mappings":";;AAGA,SAAgB,EAAgB,GAAqD;CACnF,IAAM,IAAS,IAAI,gBAAgB,OAAO,SAAS,MAAM,GACnD,IAAkC,CAAC;CAEzC,KAAK,IAAM,KAAQ,GAAO;EACxB,IAAI,EAAK,SAAS,aAAa;EAE/B,IAAM,IAAM,OAAO,SAAS,SAAS,EAAO,IAAI,EAAK,GAAG,IAAI;EAC5D,EAAO,EAAK,OACV,MAAQ,OAAQ,EAAK,SAAS,OAAQ,EAAiB,EAAK,MAAM,GAAK,EAAK,KAAK;CACrF;CACA,OAAO;AACT;AAEA,SAAgB,EAAkB,GAA8C;CAC9E,IAAM,IAAM,EAAgB,CAAK,KAAK,CAAC,GACjC,IAAkC,CAAC;CAEzC,KAAK,IAAM,KAAQ,GAAO;EACxB,IAAI,EAAK,SAAS,aAAa;EAC/B,IAAM,IAAM,EAAI,EAAK;EAErB,IAAI,EAAK,aAAa;GACpB,IAAM,IAAI,EAAK,YAAY,CAAG;GAC9B,AAAI,KAAG,OAAO,OAAO,GAAQ,CAAC;EAChC,OACE,EAAO,EAAK,OAAO;CAEvB;CAEA,OAAO,EAAkB,CAAM;AACjC;AAEA,SAAgB,EAAkB,GAAmD;CACnF,OAAO,OAAO,YAEZ,OAAO,QAAQ,CAAO,EAAE,QAAQ,CAAC,GAAG,OAAS,MAAQ,QAAQ,MAAQ,MAAM,MAAQ,KAAA,CAAS,CAC9F;AACF;AAGA,SAAS,EAAiB,GAA0B,GAAa,GAA4B;CAC3F,IAAI,MAAS,UAAU;EACrB,IAAM,IAAI,OAAO,CAAG;EACpB,OAAO,MAAM,CAAC,IAAK,KAAY,OAAQ;CACzC;CAcA,OAbI,MAAS,UAAU,MAAS,aACvB,EAAE,KAAK,EAAI,IAEhB,MAAS,eAAe,MAAS,kBAC5B,EAAgB,GAAK,CAAQ,IAElC,MAAS,aACJ,EAAmB,CAAG,IAE3B,MAAS,aACJ,MAAQ,SAGV;AACT;AAEA,SAAS,EAAgB,GAAa,GAA4B;CAChE,IAAI;EACF,IAAM,IAAS,KAAK,MAAM,CAAG;EAI7B,OAHI,KAAU,OAAO,KAAW,YAAY,WAAW,KAAU,EAAO,UACtE,EAAO,QAAQ,IAAI,KAAK,EAAO,KAAK,IAE/B;CACT,QAAQ;EACN,OAAO,KAAY;CACrB;AACF;AAEA,SAAgB,EAAkB,GAAqB,GAA+B;CACpF,IAAM,IAAS,IAAI,gBAAgB,OAAO,SAAS,MAAM;CACzD,KAAK,IAAM,KAAQ,GAAO;EACxB,IAAI,EAAK,SAAS,aAAa;EAC/B,IAAM,IAAI,EAAK,EAAK;EACpB,AAAI,KAAM,QAA2B,MAAM,KACzC,EAAO,OAAO,EAAK,GAAG,IACb,EAAK,SAAS,UAAU,EAAK,SAAS,aAC/C,EAAO,IAAI,EAAK,KAAM,EAAsB,GAAG,IACtC,OAAO,KAAM,WACtB,EAAO,IAAI,EAAK,KAAK,KAAK,UAAU,CAAC,CAAC,IAEtC,EAAO,IAAI,EAAK,KAAK,OAAO,CAAC,CAAC;CAElC;CACA,IAAM,IAAK,EAAO,SAAS,GACrB,IAAM,OAAO,SAAS,YAAY,IAAK,IAAI,MAAO;CACxD,OAAO,QAAQ,aAAa,MAAM,IAAI,CAAG;AAC3C"}
+{"version":3,"file":"admins-components77.js","names":[],"sources":["../src/components/data-table/FiltersHistory.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, onMounted, ref, watch, nextTick } from 'vue'\nimport Button from '@/components/Button.vue'\nimport ConfirmModal from '@/components/ConfirmModal.vue'\nimport type { FilterItem } from '@/components/data-table/DataFilters.vue'\nimport { formatDate } from '@/utils/date'\nimport { buildFilterDisplay } from '@/utils/filterDisplay'\n\nexport interface SavedFilter {\n  id: string\n  savedAt: string\n  name?: string\n  values: Record<string, any>\n}\n\nconst props = defineProps<{\n  items: FilterItem[]\n  values: Record<string, any>\n  storageKey?: string\n}>()\n\nconst storageKey = computed(() => `data-filters-${props.storageKey}`)\n\nconst MAX_ITEM_LIMIT = 50\nconst MAX_ITEM_WARNING_THRESHOLD = 7\n\nconst emit = defineEmits<{\n  load: [values: Record<string, any>]\n  change: [values: Record<string, any>]\n}>()\n\nconst open = ref(false)\nconst entries = ref<SavedFilter[]>([])\nconst filterSetName = ref('')\nconst expandedIds = ref<Set<string>>(new Set())\nconst confirmingClearAll = ref(false)\n\nfunction isExpanded(id: string): boolean {\n  return expandedIds.value.has(id)\n}\n\nfunction toggleExpanded(id: string): void {\n  const next = new Set(expandedIds.value)\n  if (next.has(id)) {\n    next.delete(id)\n  } else {\n    next.add(id)\n  }\n  expandedIds.value = next\n}\n\nfunction loadFromStorage() {\n  try {\n    const raw = localStorage.getItem(storageKey.value)\n    if (!raw) {\n      entries.value = []\n      return\n    }\n    const parsed = JSON.parse(raw)\n    if (Array.isArray(parsed)) {\n      entries.value = parsed.filter(\n        (e) =>\n          e &&\n          typeof e === 'object' &&\n          typeof e.id === 'string' &&\n          e.values &&\n          typeof e.savedAt === 'string',\n      )\n    } else {\n      entries.value = []\n    }\n  } catch {\n    entries.value = []\n  }\n}\n\nfunction persist() {\n  try {\n    localStorage.setItem(storageKey.value, JSON.stringify(entries.value))\n  } catch {\n    /* quota / privacy mode - ignore */\n  }\n}\n\nonMounted(loadFromStorage)\n\nconst hasActiveFilters = computed(() =>\n  Object.values(props.values).some((v) => v !== null && v !== '' && v !== undefined),\n)\n\nfunction makeId(): string {\n  return `${Date.now()}-${Math.random().toString(36).slice(2, 8)}`\n}\n\nwatch(\n  () => [props.values, filterSetName.value],\n  () => {\n    if (justSaved.value) {\n      justSaved.value = false\n    }\n  },\n  { deep: true },\n)\n\nconst justSaved = ref(false)\n\nfunction save() {\n  if (!hasActiveFilters.value) return\n\n  const trimmed = filterSetName.value.trim()\n  const entry: SavedFilter = {\n    id: makeId(),\n    savedAt: new Date().toISOString(),\n    name: trimmed || undefined,\n    values: { ...props.values },\n  }\n  entries.value = [entry, ...entries.value].slice(0, MAX_ITEM_LIMIT)\n  filterSetName.value = ''\n\n  persist()\n  nextTick(() => {\n    justSaved.value = true\n  })\n}\n\nfunction load(entry: SavedFilter) {\n  emit('load', { ...entry.values })\n  emit('change', { ...entry.values })\n}\n\nfunction remove(entry: SavedFilter) {\n  entries.value = entries.value.filter((e) => e.id !== entry.id)\n  if (expandedIds.value.has(entry.id)) {\n    const next = new Set(expandedIds.value)\n    next.delete(entry.id)\n    expandedIds.value = next\n  }\n  persist()\n}\n\nfunction clearAll() {\n  entries.value = []\n  expandedIds.value = new Set()\n  persist()\n  confirmingClearAll.value = false\n}\n\nfunction buildEntry(entry: SavedFilter) {\n  return buildFilterDisplay(props.items, entry.values)\n}\n\nconst entryDisplays = computed(() => {\n  const map = new Map<string, ReturnType<typeof buildEntry>>()\n  for (const entry of entries.value) {\n    map.set(entry.id, buildEntry(entry))\n  }\n  return map\n})\n\nfunction getEntryDisplay(entry: SavedFilter) {\n  return entryDisplays.value.get(entry.id) ?? buildEntry(entry)\n}\n\nconst hasWarning = computed(() => {\n  return entries.value.length >= MAX_ITEM_LIMIT - MAX_ITEM_WARNING_THRESHOLD\n})\n\nfunction formatSavedAt(iso: string): string {\n  const d = new Date(iso)\n  if (isNaN(d.getTime())) return iso\n  return formatDate(d, 'YYYY-MM-DD HH:mm')\n}\n</script>\n\n<template>\n  <div class=\"ac-component\">\n    <div class=\"filters-history\">\n      <button\n        type=\"button\"\n        class=\"filters-history__toggle\"\n        :class=\"{ 'is-open': open }\"\n        :aria-expanded=\"open\"\n        @click=\"open = !open\"\n      >\n        <i class=\"fa-solid fa-sliders filters-history__toggle-icon\"></i>\n        <span class=\"filters-history__toggle-label\">Mentett szűrők</span>\n        <span v-if=\"entries.length\" class=\"c-indicator\">{{ entries.length }}</span>\n        <span v-if=\"hasWarning\" v-tooltip=\"`Maximum ${MAX_ITEM_LIMIT} szűrő menthető`\"\n          >/ {{ MAX_ITEM_LIMIT }}</span\n        >\n        <i\n          class=\"fa-solid filters-history__chevron\"\n          :class=\"open ? 'fa-chevron-up' : 'fa-chevron-down'\"\n        ></i>\n      </button>\n\n      <div v-if=\"open\" class=\"filters-history__panel c-scroll\">\n        <div class=\"filters-history__save-row\">\n\n          <input\n            v-model=\"filterSetName\"\n            type=\"text\"\n            class=\"c-input-row c-input-row--sm\"\n            placeholder=\"Elnevezés\"\n            @keydown.enter=\"save\"\n          />\n          <Button\n            icon=\"fa-solid fa-bookmark\"\n            label=\"Mentés\"\n            size=\"small\"\n            type=\"info\"\n            :disabled=\"!hasActiveFilters || justSaved\"\n            @click=\"save\"\n          />\n        </div>\n\n        <p v-if=\"!hasActiveFilters && entries.length === 0\" class=\"filters-history__hint\">\n          Nincs aktív szűrő. Adj meg értékeket a mentéshez.\n        </p>\n        <p v-else-if=\"entries.length === 0\" class=\"filters-history__hint\">\n          Még nincs mentett szűrő.<br />\n          Az aktuális beállítások a „Mentés\" gombbal menthetők.<br />\n          Az „Elnevezés\" mező csak a könnyebb azonosítás miatt van, megadása nem kötelező.\n        </p>\n\n        <template v-if=\"entries.length > 0\">\n          <ul class=\"filters-history__list\">\n            <li\n              v-for=\"entry in entries\"\n              :key=\"entry.id\"\n              class=\"filters-history__item\"\n              :class=\"{ 'is-open': isExpanded(entry.id) }\"\n            >\n              <div\n                class=\"filters-history__item-header\"\n                :class=\"{ 'is-open': isExpanded(entry.id) }\"\n                role=\"button\"\n                tabindex=\"0\"\n                :aria-expanded=\"isExpanded(entry.id)\"\n                @click=\"toggleExpanded(entry.id)\"\n                @keydown.enter.prevent=\"toggleExpanded(entry.id)\"\n                @keydown.space.prevent=\"toggleExpanded(entry.id)\"\n              >\n                <i\n                  class=\"fa-solid filters-history__item-chevron\"\n                  :class=\"isExpanded(entry.id) ? 'fa-chevron-down' : 'fa-chevron-right'\"\n                ></i>\n                <span class=\"filters-history__item-header-text\">\n                  <span class=\"filters-history__item-date\">{{ formatSavedAt(entry.savedAt) }}</span>\n                  <span v-if=\"entry.name\" class=\"filters-history__item-name\">{{ entry.name }}</span>\n                </span>\n                <div class=\"filters-history__item-actions\" @click.stop>\n                  <button\n                    type=\"button\"\n                    class=\"c-indicator filters-history__item-btn filters-history__item-load\"\n                    aria-label=\"Betöltés\"\n                    title=\"Betöltés\"\n                    @click=\"load(entry)\"\n                  >\n                    <i class=\"fa-solid fa-check\"></i>\n                  </button>\n                  <span\n                    v-if=\"getEntryDisplay(entry).length\"\n                    class=\"c-indicator\"\n                    @click.stop=\"toggleExpanded(entry.id)\"\n                    v-tooltip=\"`${getEntryDisplay(entry).length} szűrési feltétel`\"\n                    >{{ getEntryDisplay(entry).length }}</span\n                  >\n                  <button\n                    type=\"button\"\n                    class=\"c-indicator filters-history__item-btn filters-history__item-remove\"\n                    aria-label=\"Törlés\"\n                    title=\"Törlés\"\n                    @click=\"remove(entry)\"\n                  >\n                    <i class=\"fa-solid fa-xmark\"></i>\n                  </button>\n                </div>\n              </div>\n              <div v-if=\"isExpanded(entry.id)\" class=\"filters-history__item-content\">\n                <div v-if=\"getEntryDisplay(entry).length\" class=\"filters-history__item-body\">\n                  <span\n                    v-for=\"(part, idx) in getEntryDisplay(entry)\"\n                    :key=\"idx\"\n                    class=\"c-chip\"\n                    :class=\"part.displayClass\"\n                  >\n                    {{ part.text }}\n                  </span>\n                </div>\n                <p v-else class=\"filters-history__item-empty\">Nincs megjeleníthető szűrő.</p>\n              </div>\n            </li>\n          </ul>\n        </template>\n\n        <div v-if=\"entries.length > 3\">\n          <hr class=\"separator my-1\" />\n          <a\n            v-if=\"entries.length\"\n            class=\"filters-history__clear-all px-2\"\n            @click=\"confirmingClearAll = true\"\n            >Összes törlése</a\n          >\n          <ConfirmModal\n            v-if=\"confirmingClearAll\"\n            title=\"Mentett szűrők törlése\"\n            message=\"Biztosan törlöd az összes mentett szűrőt?\"\n            confirm-label=\"Törlés\"\n            cancel-label=\"Mégse\"\n            type=\"error\"\n            @confirm=\"clearAll()\"\n            @cancel=\"confirmingClearAll = false\"\n          />\n        </div>\n      </div>\n    </div>\n  </div>\n</template>\n\n<style lang=\"scss\" src=\"@/styles/components/data-table/filters-history.scss\"></style>\n"],"mappings":"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"}

package/dist/admins-components79.js

@@ -0,0 +1,7 @@
+import './src/styles/components/data-table/filters-history.scss_vue_type_style_index_0_src_true_lang.css';
+import e from "./admins-components77.js";
+/* empty css                    */
+//#region src/components/data-table/FiltersHistory.vue
+var t = e;
+//#endregion
+export { t as default };

package/dist/admins-components79.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"admins-components79.js","names":[],"sources":["../src/components/data-table/FiltersHistory.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, onMounted, ref, watch, nextTick } from 'vue'\nimport Button from '@/components/Button.vue'\nimport ConfirmModal from '@/components/ConfirmModal.vue'\nimport type { FilterItem } from '@/components/data-table/DataFilters.vue'\nimport { formatDate } from '@/utils/date'\nimport { buildFilterDisplay } from '@/utils/filterDisplay'\n\nexport interface SavedFilter {\n  id: string\n  savedAt: string\n  name?: string\n  values: Record<string, any>\n}\n\nconst props = defineProps<{\n  items: FilterItem[]\n  values: Record<string, any>\n  storageKey?: string\n}>()\n\nconst storageKey = computed(() => `data-filters-${props.storageKey}`)\n\nconst MAX_ITEM_LIMIT = 50\nconst MAX_ITEM_WARNING_THRESHOLD = 7\n\nconst emit = defineEmits<{\n  load: [values: Record<string, any>]\n  change: [values: Record<string, any>]\n}>()\n\nconst open = ref(false)\nconst entries = ref<SavedFilter[]>([])\nconst filterSetName = ref('')\nconst expandedIds = ref<Set<string>>(new Set())\nconst confirmingClearAll = ref(false)\n\nfunction isExpanded(id: string): boolean {\n  return expandedIds.value.has(id)\n}\n\nfunction toggleExpanded(id: string): void {\n  const next = new Set(expandedIds.value)\n  if (next.has(id)) {\n    next.delete(id)\n  } else {\n    next.add(id)\n  }\n  expandedIds.value = next\n}\n\nfunction loadFromStorage() {\n  try {\n    const raw = localStorage.getItem(storageKey.value)\n    if (!raw) {\n      entries.value = []\n      return\n    }\n    const parsed = JSON.parse(raw)\n    if (Array.isArray(parsed)) {\n      entries.value = parsed.filter(\n        (e) =>\n          e &&\n          typeof e === 'object' &&\n          typeof e.id === 'string' &&\n          e.values &&\n          typeof e.savedAt === 'string',\n      )\n    } else {\n      entries.value = []\n    }\n  } catch {\n    entries.value = []\n  }\n}\n\nfunction persist() {\n  try {\n    localStorage.setItem(storageKey.value, JSON.stringify(entries.value))\n  } catch {\n    /* quota / privacy mode - ignore */\n  }\n}\n\nonMounted(loadFromStorage)\n\nconst hasActiveFilters = computed(() =>\n  Object.values(props.values).some((v) => v !== null && v !== '' && v !== undefined),\n)\n\nfunction makeId(): string {\n  return `${Date.now()}-${Math.random().toString(36).slice(2, 8)}`\n}\n\nwatch(\n  () => [props.values, filterSetName.value],\n  () => {\n    if (justSaved.value) {\n      justSaved.value = false\n    }\n  },\n  { deep: true },\n)\n\nconst justSaved = ref(false)\n\nfunction save() {\n  if (!hasActiveFilters.value) return\n\n  const trimmed = filterSetName.value.trim()\n  const entry: SavedFilter = {\n    id: makeId(),\n    savedAt: new Date().toISOString(),\n    name: trimmed || undefined,\n    values: { ...props.values },\n  }\n  entries.value = [entry, ...entries.value].slice(0, MAX_ITEM_LIMIT)\n  filterSetName.value = ''\n\n  persist()\n  nextTick(() => {\n    justSaved.value = true\n  })\n}\n\nfunction load(entry: SavedFilter) {\n  emit('load', { ...entry.values })\n  emit('change', { ...entry.values })\n}\n\nfunction remove(entry: SavedFilter) {\n  entries.value = entries.value.filter((e) => e.id !== entry.id)\n  if (expandedIds.value.has(entry.id)) {\n    const next = new Set(expandedIds.value)\n    next.delete(entry.id)\n    expandedIds.value = next\n  }\n  persist()\n}\n\nfunction clearAll() {\n  entries.value = []\n  expandedIds.value = new Set()\n  persist()\n  confirmingClearAll.value = false\n}\n\nfunction buildEntry(entry: SavedFilter) {\n  return buildFilterDisplay(props.items, entry.values)\n}\n\nconst entryDisplays = computed(() => {\n  const map = new Map<string, ReturnType<typeof buildEntry>>()\n  for (const entry of entries.value) {\n    map.set(entry.id, buildEntry(entry))\n  }\n  return map\n})\n\nfunction getEntryDisplay(entry: SavedFilter) {\n  return entryDisplays.value.get(entry.id) ?? buildEntry(entry)\n}\n\nconst hasWarning = computed(() => {\n  return entries.value.length >= MAX_ITEM_LIMIT - MAX_ITEM_WARNING_THRESHOLD\n})\n\nfunction formatSavedAt(iso: string): string {\n  const d = new Date(iso)\n  if (isNaN(d.getTime())) return iso\n  return formatDate(d, 'YYYY-MM-DD HH:mm')\n}\n</script>\n\n<template>\n  <div class=\"ac-component\">\n    <div class=\"filters-history\">\n      <button\n        type=\"button\"\n        class=\"filters-history__toggle\"\n        :class=\"{ 'is-open': open }\"\n        :aria-expanded=\"open\"\n        @click=\"open = !open\"\n      >\n        <i class=\"fa-solid fa-sliders filters-history__toggle-icon\"></i>\n        <span class=\"filters-history__toggle-label\">Mentett szűrők</span>\n        <span v-if=\"entries.length\" class=\"c-indicator\">{{ entries.length }}</span>\n        <span v-if=\"hasWarning\" v-tooltip=\"`Maximum ${MAX_ITEM_LIMIT} szűrő menthető`\"\n          >/ {{ MAX_ITEM_LIMIT }}</span\n        >\n        <i\n          class=\"fa-solid filters-history__chevron\"\n          :class=\"open ? 'fa-chevron-up' : 'fa-chevron-down'\"\n        ></i>\n      </button>\n\n      <div v-if=\"open\" class=\"filters-history__panel c-scroll\">\n        <div class=\"filters-history__save-row\">\n\n          <input\n            v-model=\"filterSetName\"\n            type=\"text\"\n            class=\"c-input-row c-input-row--sm\"\n            placeholder=\"Elnevezés\"\n            @keydown.enter=\"save\"\n          />\n          <Button\n            icon=\"fa-solid fa-bookmark\"\n            label=\"Mentés\"\n            size=\"small\"\n            type=\"info\"\n            :disabled=\"!hasActiveFilters || justSaved\"\n            @click=\"save\"\n          />\n        </div>\n\n        <p v-if=\"!hasActiveFilters && entries.length === 0\" class=\"filters-history__hint\">\n          Nincs aktív szűrő. Adj meg értékeket a mentéshez.\n        </p>\n        <p v-else-if=\"entries.length === 0\" class=\"filters-history__hint\">\n          Még nincs mentett szűrő.<br />\n          Az aktuális beállítások a „Mentés\" gombbal menthetők.<br />\n          Az „Elnevezés\" mező csak a könnyebb azonosítás miatt van, megadása nem kötelező.\n        </p>\n\n        <template v-if=\"entries.length > 0\">\n          <ul class=\"filters-history__list\">\n            <li\n              v-for=\"entry in entries\"\n              :key=\"entry.id\"\n              class=\"filters-history__item\"\n              :class=\"{ 'is-open': isExpanded(entry.id) }\"\n            >\n              <div\n                class=\"filters-history__item-header\"\n                :class=\"{ 'is-open': isExpanded(entry.id) }\"\n                role=\"button\"\n                tabindex=\"0\"\n                :aria-expanded=\"isExpanded(entry.id)\"\n                @click=\"toggleExpanded(entry.id)\"\n                @keydown.enter.prevent=\"toggleExpanded(entry.id)\"\n                @keydown.space.prevent=\"toggleExpanded(entry.id)\"\n              >\n                <i\n                  class=\"fa-solid filters-history__item-chevron\"\n                  :class=\"isExpanded(entry.id) ? 'fa-chevron-down' : 'fa-chevron-right'\"\n                ></i>\n                <span class=\"filters-history__item-header-text\">\n                  <span class=\"filters-history__item-date\">{{ formatSavedAt(entry.savedAt) }}</span>\n                  <span v-if=\"entry.name\" class=\"filters-history__item-name\">{{ entry.name }}</span>\n                </span>\n                <div class=\"filters-history__item-actions\" @click.stop>\n                  <button\n                    type=\"button\"\n                    class=\"c-indicator filters-history__item-btn filters-history__item-load\"\n                    aria-label=\"Betöltés\"\n                    title=\"Betöltés\"\n                    @click=\"load(entry)\"\n                  >\n                    <i class=\"fa-solid fa-check\"></i>\n                  </button>\n                  <span\n                    v-if=\"getEntryDisplay(entry).length\"\n                    class=\"c-indicator\"\n                    @click.stop=\"toggleExpanded(entry.id)\"\n                    v-tooltip=\"`${getEntryDisplay(entry).length} szűrési feltétel`\"\n                    >{{ getEntryDisplay(entry).length }}</span\n                  >\n                  <button\n                    type=\"button\"\n                    class=\"c-indicator filters-history__item-btn filters-history__item-remove\"\n                    aria-label=\"Törlés\"\n                    title=\"Törlés\"\n                    @click=\"remove(entry)\"\n                  >\n                    <i class=\"fa-solid fa-xmark\"></i>\n                  </button>\n                </div>\n              </div>\n              <div v-if=\"isExpanded(entry.id)\" class=\"filters-history__item-content\">\n                <div v-if=\"getEntryDisplay(entry).length\" class=\"filters-history__item-body\">\n                  <span\n                    v-for=\"(part, idx) in getEntryDisplay(entry)\"\n                    :key=\"idx\"\n                    class=\"c-chip\"\n                    :class=\"part.displayClass\"\n                  >\n                    {{ part.text }}\n                  </span>\n                </div>\n                <p v-else class=\"filters-history__item-empty\">Nincs megjeleníthető szűrő.</p>\n              </div>\n            </li>\n          </ul>\n        </template>\n\n        <div v-if=\"entries.length > 3\">\n          <hr class=\"separator my-1\" />\n          <a\n            v-if=\"entries.length\"\n            class=\"filters-history__clear-all px-2\"\n            @click=\"confirmingClearAll = true\"\n            >Összes törlése</a\n          >\n          <ConfirmModal\n            v-if=\"confirmingClearAll\"\n            title=\"Mentett szűrők törlése\"\n            message=\"Biztosan törlöd az összes mentett szűrőt?\"\n            confirm-label=\"Törlés\"\n            cancel-label=\"Mégse\"\n            type=\"error\"\n            @confirm=\"clearAll()\"\n            @cancel=\"confirmingClearAll = false\"\n          />\n        </div>\n      </div>\n    </div>\n  </div>\n</template>\n\n<style lang=\"scss\" src=\"@/styles/components/data-table/filters-history.scss\"></style>\n"],"mappings":""}

package/dist/admins-components80.js

@@ -1,7 +1,53 @@
-import './src/styles/components/data-table/data-filters.scss_vue_type_style_index_0_src_true_lang.css';
-import e from "./admins-components78.js";
-/* empty css                    */
-//#region src/components/data-table/DataFilters.vue
-var t = e;
+import { parseDropdownValue as e } from "./admins-components76.js";
+//#region src/utils/dataFilters.ts
+function t(e) {
+	let t = new URLSearchParams(window.location.search), n = {};
+	for (let r of e) {
+		if (r.type === "separator") continue;
+		let e = window.location.search ? t.get(r.key) : null;
+		n[r.key] = e === null ? r.value ?? null : i(r.type, e, r.value);
+	}
+	return n;
+}
+function n(e) {
+	let n = t(e) ?? {}, i = {};
+	for (let t of e) {
+		if (t.type === "separator") continue;
+		let e = n[t.key];
+		if (t.transformer) {
+			let n = t.transformer(e);
+			n && Object.assign(i, n);
+		} else i[t.key] = e;
+	}
+	return r(i);
+}
+function r(e) {
+	return Object.fromEntries(Object.entries(e).filter(([e, t]) => t !== null && t !== "" && t !== void 0));
+}
+function i(t, n, r) {
+	if (t === "number") {
+		let e = Number(n);
+		return isNaN(e) ? r ?? null : e;
+	}
+	return t === "date" || t === "datetime" ? { utc: n } : t === "daterange" || t === "datetimerange" ? a(n, r) : t === "dropdown" ? e(n) : t === "checkbox" ? n === "true" : n;
+}
+function a(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 o(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 default };
+export { r as filterEmptyValues, n as getDefaultFilters, t as getFilterParams, o as writeFilterParams };

package/dist/admins-components80.js.map

@@ -1 +1 @@
-{"version":3,"file":"admins-components80.js","names":[],"sources":["../src/components/data-table/DataFilters.vue"],"sourcesContent":["<script lang=\"ts\">\nimport type { DropdownOption } from '@/components/DropdownSelect.vue'\n\nexport interface FilterItem {\n  type: FilterItemType\n  key: string\n  label?: string\n  placeholder?: string\n  value?: any\n  options?: DropdownOption[]\n  fullWidth?: boolean\n  config?: Record<string, any>\n  displayClass?: string\n  transformer?: (value: any) => Record<string, any> | null | undefined\n}\n\nexport interface FilterResponse {\n  values: Record<string, any>\n  transformed: Record<string, any>\n}\n</script>\n\n<script setup lang=\"ts\">\nimport { ref, watch, onMounted } from 'vue'\nimport Sidebar, { type SidebarPosition } from '@/components/Sidebar.vue'\nimport DatePicker from '@/components/DatePicker.vue'\nimport DateRangePicker from '@/components/DateRangePicker.vue'\nimport DropdownSelect from '@/components/DropdownSelect.vue'\nimport Button from '@/components/Button.vue'\nimport Checkbox from '@/components/Checkbox.vue'\nimport FiltersHistory from '@/components/data-table/FiltersHistory.vue'\nimport { debounce } from '@/utils/debounce'\nimport type { DatePickerConfig, DateRangePickerConfig } from '@/types/datepickers'\nimport type { FilterItemType, PickedDate, PickedUtcRange } from '@/types/types'\nimport { filterEmptyValues, getFilterParams, writeFilterParams } from '@/utils/dataFilters'\n\nconst props = withDefaults(\n  defineProps<{\n    open?: boolean\n    items: FilterItem[]\n    position?: SidebarPosition\n    lazy?: boolean\n    handleUrl?: boolean\n    historyEnabled?: boolean\n    storageKey?: string\n  }>(),\n  {\n    open: false,\n    position: 'left',\n    lazy: true,\n    handleUrl: false,\n    historyEnabled: true,\n  },\n)\n\nconst emit = defineEmits<{\n  close: []\n  change: [response: FilterResponse]\n}>()\n\nconst values = ref<Record<string, any>>(getFilterParams(props.items) ?? {})\nconst filterRefs = ref<Record<string, any>>({})\n\nfunction setFilterRef(key: string, el: any) {\n  if (el) {\n    filterRefs.value[key] = el\n  } else {\n    delete filterRefs.value[key]\n  }\n}\n\nfunction buildDatePickerConfig(item: FilterItem): DatePickerConfig {\n  return {\n    ...(item.config ?? {}),\n    showTime: item.type === 'datetime',\n    placeholder: item.placeholder ?? (item.type === 'datetime' ? 'Időpont' : 'Dátum'),\n  }\n}\n\nfunction buildDateRangePickerConfig(item: FilterItem): DateRangePickerConfig {\n  return {\n    ...(item.config ?? {}),\n    ...(!item.fullWidth ? { compact: true } : {}),\n    showTime: item.type === 'datetimerange',\n  }\n}\n\nonMounted(() => {\n  if (!props.handleUrl) return\n  const fromUrl = getFilterParams(props.items)\n  if (fromUrl && Object.keys(fromUrl).length > 0) {\n    values.value = { ...values.value, ...fromUrl }\n  }\n})\n\nfunction update(key: string, value: any) {\n  values.value = { ...values.value, [key]: value }\n\n  if (!props.lazy) {\n    if (props.handleUrl) writeFilterParams(props.items, values.value)\n    emit('change', buildResponseEmit())\n  }\n}\n\nfunction buildResponseEmit() {\n  const transformedValues = props.items.reduce((acc, item) => {\n    const val = values.value[item.key]\n    if (item.transformer) {\n      return { ...acc, ...(item.transformer(val) ?? {}) }\n    }\n    return { ...acc, [item.key]: val }\n  }, {})\n  return {\n    values: filterEmptyValues(values.value),\n    transformed: filterEmptyValues(transformedValues),\n  }\n}\n\nconst debouncedUpdate = debounce((key: string, value: any) => {\n  update(key, value)\n})\n\nfunction confirm() {\n  if (props.handleUrl) writeFilterParams(props.items, values.value)\n\n  emit('change', buildResponseEmit())\n  emit('close')\n}\n\n/* function reset() {\n  values.value = getDefaults()\n  if (props.handleUrl) writeFilterParams(props.items, values.value)\n  emit('change', filterEmptyValues(values.value))\n} */\n\nfunction clearAll() {\n  values.value = {}\n  if (props.handleUrl) writeFilterParams(props.items, values.value)\n\n  emit('change', buildResponseEmit())\n}\n\nconst hasActiveFilters = ref(false)\nwatch(\n  values,\n  (v) => {\n    hasActiveFilters.value = Object.values(v).some(\n      (val) => val !== null && val !== '' && val !== undefined,\n    )\n  },\n  { deep: true, immediate: true },\n)\n\nfunction clearFilter(key: string) {\n  values.value = { ...values.value, [key]: null }\n  if (props.handleUrl) writeFilterParams(props.items, values.value)\n  emit('change', buildResponseEmit())\n}\n\nfunction focusFilter(key: string) {\n  const ref = (filterRefs.value as Record<string, any>)[key]\n  if (!ref) return\n\n  if (typeof ref.focusAndOpen === 'function') {\n    ref.focusAndOpen()\n    return\n  }\n  if (typeof ref.focus === 'function') {\n    ref.focus()\n  }\n}\n\nfunction onHistoryLoad(loaded: Record<string, any>) {\n  const next: Record<string, any> = { ...values.value }\n  for (const item of props.items) {\n    if (item.type === 'separator') continue\n    if (item.key in loaded) {\n      next[item.key] = loaded[item.key] ?? null\n    }\n  }\n  values.value = next\n  if (props.handleUrl) writeFilterParams(props.items, values.value)\n  emit('change', buildResponseEmit())\n}\n\ndefineExpose({ clearFilter, focusFilter })\n</script>\n\n<template>\n  <Sidebar :open=\"open\" title=\"Szűrők\" :position=\"position\" @close=\"emit('close')\">\n    <div class=\"data-filters\">\n      <div\n        v-for=\"item in items\"\n        :key=\"item.key\"\n        class=\"data-filters__field\"\n        :class=\"{ 'data-filters__field--full': item.fullWidth || item.type === 'separator' }\"\n      >\n        <hr v-if=\"item.type === 'separator'\" class=\"data-filters__separator\" />\n        <template v-else-if=\"item.type === 'checkbox'\">\n          <Checkbox\n            :ref=\"(el: any) => setFilterRef(item.key, el)\"\n            :model-value=\"(values[item.key] as boolean) ?? false\"\n            :label=\"item.label ?? item.key\"\n            @update:model-value=\"(val) => update(item.key, val)\"\n            v-bind=\"item.config\"\n          />\n        </template>\n        <template v-else>\n          <template v-if=\"item.type === 'text'\">\n            <label class=\"c-label\" :for=\"`df-${item.key}`\">{{ item.label ?? item.key }}</label>\n            <input\n              v-if=\"item.type === 'text'\"\n              type=\"text\"\n              class=\"c-input-row\"\n              :placeholder=\"item.placeholder\"\n              :value=\"values[item.key] ?? ''\"\n              :ref=\"(el: any) => setFilterRef(item.key, el)\"\n              :id=\"`df-${item.key}`\"\n              @input=\"debouncedUpdate(item.key, ($event.target as HTMLInputElement).value || null)\"\n              v-bind=\"item.config\"\n            />\n          </template>\n          <template v-else-if=\"item.type === 'textarea'\">\n            <label class=\"c-label\" :for=\"`df-${item.key}`\">{{ item.label ?? item.key }}</label>\n            <textarea\n              class=\"c-input-row data-filters__textarea\"\n              :placeholder=\"item.placeholder\"\n              :value=\"values[item.key] ?? ''\"\n              :ref=\"(el: any) => setFilterRef(item.key, el)\"\n              :id=\"`df-${item.key}`\"\n              v-bind=\"item.config\"\n              @input=\"\n                debouncedUpdate(item.key, ($event.target as HTMLTextAreaElement).value || null)\n              \"\n            />\n          </template>\n          <template v-else-if=\"item.type === 'number'\">\n            <label class=\"c-label\" :for=\"`df-${item.key}`\">{{ item.label ?? item.key }}</label>\n            <input\n              type=\"number\"\n              class=\"c-input-row\"\n              :placeholder=\"item.placeholder\"\n              :value=\"values[item.key] ?? ''\"\n              :ref=\"(el: any) => setFilterRef(item.key, el)\"\n              :id=\"`df-${item.key}`\"\n              v-bind=\"item.config\"\n              @input=\"\n                debouncedUpdate(\n                  item.key,\n                  ($event.target as HTMLInputElement).value\n                    ? Number(($event.target as HTMLInputElement).value)\n                    : null,\n                )\n              \"\n            />\n          </template>\n          <template v-else-if=\"item.type === 'date' || item.type === 'datetime'\">\n            <label class=\"c-label\" :for=\"`df-${item.key}`\">{{ item.label ?? item.key }}</label>\n            <DatePicker\n              :ref=\"(el: any) => setFilterRef(item.key, el)\"\n              :id=\"`df-${item.key}`\"\n              :model-value=\"(values[item.key] as PickedDate) ?? null\"\n              :config=\"buildDatePickerConfig(item)\"\n              @update:model-value=\"update(item.key, $event)\"\n            />\n          </template>\n          <template v-else-if=\"item.type === 'daterange' || item.type === 'datetimerange'\">\n            <span class=\"c-label\">{{ item.label ?? item.key }}</span>\n            <DateRangePicker\n              :ref=\"(el: any) => setFilterRef(item.key, el)\"\n              :model-value=\"(values[item.key] as PickedUtcRange) ?? null\"\n              :config=\"buildDateRangePickerConfig(item)\"\n              @update:model-value=\"update(item.key, $event)\"\n            />\n          </template>\n          <template v-else-if=\"item.type === 'dropdown'\">\n            <span class=\"c-label\">{{ item.label ?? item.key }}</span>\n            <DropdownSelect\n              :ref=\"(el: any) => setFilterRef(item.key, el)\"\n              :model-value=\"(values[item.key] as string) ?? null\"\n              :options=\"item.options ?? []\"\n              :config=\"{\n                ...(item.config ?? {}),\n                placeholder: item.placeholder ?? 'Válassz...',\n                clearable: true,\n                filterable: true,\n              }\"\n              @update:model-value=\"update(item.key, $event)\"\n            />\n          </template>\n        </template>\n      </div>\n    </div>\n    <div class=\"data-filters__footer\">\n      <!--   <Button\n        icon=\"fa-solid fa-trash-can\"\n        :disabled=\"!hasActiveFilters\"\n        label=\"Alaphelyzet visszaállítása\"\n        size=\"small\"\n        @click=\"reset\"\n      /> -->\n      <Button\n        icon=\"fa-solid fa-trash-can\"\n        :disabled=\"!hasActiveFilters\"\n        label=\"Szűrők törlése\"\n        aria-label=\"Szűrők törlése\"\n        size=\"small\"\n        @click=\"clearAll\"\n      />\n      <Button label=\"Szűrés\" aria-label=\"Szűrés\" type=\"success\" @click=\"confirm\" />\n    </div>\n    <hr v-if=\"historyEnabled\" class=\"separator my-3\" />\n    <FiltersHistory\n      v-if=\"historyEnabled\"\n      :items=\"items\"\n      :values=\"values\"\n      :storage-key=\"storageKey\"\n      @load=\"onHistoryLoad\"\n      @change=\"onHistoryLoad\"\n    />\n  </Sidebar>\n</template>\n\n<style lang=\"scss\" src=\"@/styles/components/data-table/data-filters.scss\"></style>\n"],"mappings":""}
+{"version":3,"file":"admins-components80.js","names":[],"sources":["../src/utils/dataFilters.ts"],"sourcesContent":["import type { FilterItem } from '@/components/data-table/DataFilters.vue'\nimport { parseDropdownValue } from '@/utils/filterDisplay'\n\nexport function getFilterParams(items: FilterItem[]): Record<string, unknown> | null {\n  const params = new URLSearchParams(window.location.search)\n  const result: Record<string, unknown> = {}\n\n  for (const item of items) {\n    if (item.type === 'separator') continue\n\n    const raw = window.location.search ? params.get(item.key) : null\n    result[item.key] =\n      raw === null ? (item.value ?? null) : parseFilterValue(item.type, raw, item.value)\n  }\n  return result\n}\n\nexport function getDefaultFilters(items: FilterItem[]): Record<string, unknown> {\n  const raw = getFilterParams(items) ?? {}\n  const result: Record<string, unknown> = {}\n\n  for (const item of items) {\n    if (item.type === 'separator') continue\n    const val = raw[item.key]\n\n    if (item.transformer) {\n      const t = item.transformer(val)\n      if (t) Object.assign(result, t)\n    } else {\n      result[item.key] = val\n    }\n  }\n\n  return filterEmptyValues(result)\n}\n\nexport function filterEmptyValues(filters: Record<string, any>): Record<string, any> {\n  return Object.fromEntries(\n    // eslint-disable-next-line @typescript-eslint/no-unused-vars\n    Object.entries(filters).filter(([_, val]) => val !== null && val !== '' && val !== undefined),\n  )\n}\n\n\nfunction parseFilterValue(type: FilterItem['type'], raw: string, fallback: unknown): unknown {\n  if (type === 'number') {\n    const n = Number(raw)\n    return isNaN(n) ? (fallback ?? null) : n\n  }\n  if (type === 'date' || type === 'datetime') {\n    return { utc: raw }\n  }\n  if (type === 'daterange' || type === 'datetimerange') {\n    return parseRangeValue(raw, fallback)\n  }\n  if (type === 'dropdown') {\n    return parseDropdownValue(raw)\n  }\n  if (type === 'checkbox') {\n    return raw === 'true'\n  }\n\n  return raw\n}\n\nfunction parseRangeValue(raw: string, fallback: unknown): unknown {\n  try {\n    const parsed = JSON.parse(raw)\n    if (parsed && typeof parsed === 'object' && 'local' in parsed && parsed.local) {\n      parsed.local = new Date(parsed.local)\n    }\n    return parsed\n  } catch {\n    return fallback ?? null\n  }\n}\n\nexport function writeFilterParams(items: FilterItem[], vals: Record<string, unknown>) {\n  const params = new URLSearchParams(window.location.search)\n  for (const item of items) {\n    if (item.type === 'separator') continue\n    const v = vals[item.key]\n    if (v === null || v === undefined || v === '') {\n      params.delete(item.key)\n    } else if (item.type === 'date' || item.type === 'datetime') {\n      params.set(item.key, (v as { utc: string }).utc)\n    } else if (typeof v === 'object') {\n      params.set(item.key, JSON.stringify(v))\n    } else {\n      params.set(item.key, String(v))\n    }\n  }\n  const qs = params.toString()\n  const url = window.location.pathname + (qs ? `?${qs}` : '')\n  window.history.replaceState(null, '', url)\n}\n"],"mappings":";;AAGA,SAAgB,EAAgB,GAAqD;CACnF,IAAM,IAAS,IAAI,gBAAgB,OAAO,SAAS,MAAM,GACnD,IAAkC,CAAC;CAEzC,KAAK,IAAM,KAAQ,GAAO;EACxB,IAAI,EAAK,SAAS,aAAa;EAE/B,IAAM,IAAM,OAAO,SAAS,SAAS,EAAO,IAAI,EAAK,GAAG,IAAI;EAC5D,EAAO,EAAK,OACV,MAAQ,OAAQ,EAAK,SAAS,OAAQ,EAAiB,EAAK,MAAM,GAAK,EAAK,KAAK;CACrF;CACA,OAAO;AACT;AAEA,SAAgB,EAAkB,GAA8C;CAC9E,IAAM,IAAM,EAAgB,CAAK,KAAK,CAAC,GACjC,IAAkC,CAAC;CAEzC,KAAK,IAAM,KAAQ,GAAO;EACxB,IAAI,EAAK,SAAS,aAAa;EAC/B,IAAM,IAAM,EAAI,EAAK;EAErB,IAAI,EAAK,aAAa;GACpB,IAAM,IAAI,EAAK,YAAY,CAAG;GAC9B,AAAI,KAAG,OAAO,OAAO,GAAQ,CAAC;EAChC,OACE,EAAO,EAAK,OAAO;CAEvB;CAEA,OAAO,EAAkB,CAAM;AACjC;AAEA,SAAgB,EAAkB,GAAmD;CACnF,OAAO,OAAO,YAEZ,OAAO,QAAQ,CAAO,EAAE,QAAQ,CAAC,GAAG,OAAS,MAAQ,QAAQ,MAAQ,MAAM,MAAQ,KAAA,CAAS,CAC9F;AACF;AAGA,SAAS,EAAiB,GAA0B,GAAa,GAA4B;CAC3F,IAAI,MAAS,UAAU;EACrB,IAAM,IAAI,OAAO,CAAG;EACpB,OAAO,MAAM,CAAC,IAAK,KAAY,OAAQ;CACzC;CAcA,OAbI,MAAS,UAAU,MAAS,aACvB,EAAE,KAAK,EAAI,IAEhB,MAAS,eAAe,MAAS,kBAC5B,EAAgB,GAAK,CAAQ,IAElC,MAAS,aACJ,EAAmB,CAAG,IAE3B,MAAS,aACJ,MAAQ,SAGV;AACT;AAEA,SAAS,EAAgB,GAAa,GAA4B;CAChE,IAAI;EACF,IAAM,IAAS,KAAK,MAAM,CAAG;EAI7B,OAHI,KAAU,OAAO,KAAW,YAAY,WAAW,KAAU,EAAO,UACtE,EAAO,QAAQ,IAAI,KAAK,EAAO,KAAK,IAE/B;CACT,QAAQ;EACN,OAAO,KAAY;CACrB;AACF;AAEA,SAAgB,EAAkB,GAAqB,GAA+B;CACpF,IAAM,IAAS,IAAI,gBAAgB,OAAO,SAAS,MAAM;CACzD,KAAK,IAAM,KAAQ,GAAO;EACxB,IAAI,EAAK,SAAS,aAAa;EAC/B,IAAM,IAAI,EAAK,EAAK;EACpB,AAAI,KAAM,QAA2B,MAAM,KACzC,EAAO,OAAO,EAAK,GAAG,IACb,EAAK,SAAS,UAAU,EAAK,SAAS,aAC/C,EAAO,IAAI,EAAK,KAAM,EAAsB,GAAG,IACtC,OAAO,KAAM,WACtB,EAAO,IAAI,EAAK,KAAK,KAAK,UAAU,CAAC,CAAC,IAEtC,EAAO,IAAI,EAAK,KAAK,OAAO,CAAC,CAAC;CAElC;CACA,IAAM,IAAK,EAAO,SAAS,GACrB,IAAM,OAAO,SAAS,YAAY,IAAK,IAAI,MAAO;CACxD,OAAO,QAAQ,aAAa,MAAM,IAAI,CAAG;AAC3C"}