admins-components 9.0.27 → 9.0.29

package/dist/admins-components73.js

@@ -1,222 +1,125 @@
-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-components72.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 = {
+import e from "./admins-components6.js";
+import { Fragment as t, computed as n, createElementBlock as r, createElementVNode as i, createVNode as a, defineComponent as o, normalizeClass as s, openBlock as c, renderList as l, toDisplayString as u } from "vue";
+//#region src/components/data-table/DataPaginator.vue?vue&type=script&setup=true&lang.ts
+var d = { class: "ac-component" }, f = { class: "c-paginator-wrapper" }, p = { class: "c-paginator" }, m = { class: "c-paginator__info" }, h = { class: "c-paginator__range" }, g = { class: "c-paginator__total" }, _ = {
+	class: "c-paginator__nav",
+	"aria-label": "Pagination"
+}, v = {
 	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",
+	class: "c-paginator__ellipsis"
+}, y = ["onClick"], b = { class: "c-paginator__size" }, x = ["value"], S = ["value"], C = [
+	10,
+	25,
+	50,
+	100
+], w = "pagesize-", T = 100;
+function E(e) {
+	try {
+		let t = localStorage.getItem(w + e);
+		if (t) {
+			let e = Number(t);
+			if (e > 0) return e;
+		}
+	} catch {
+		console.warn("Failed to read page size from localStorage");
+	}
+	return T;
+}
+function D(e) {
+	return {
+		total: 0,
+		page: 1,
+		pageSize: E(e)
+	};
+}
+var O = /* @__PURE__ */ o({
+	__name: "DataPaginator",
 	props: {
-		items: {},
-		values: {},
+		settings: {},
 		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() {
+	emits: ["update:pagination"],
+	setup(o, { emit: T }) {
+		let E = o, D = T;
+		function O(e) {
 			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 = [];
+				localStorage.setItem(w + E.storageKey, String(e));
 			} catch {
-				V.value = [];
+				console.warn("Failed to save page size to localStorage");
 			}
 		}
-		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;
+		let k = n(() => Math.max(1, Math.ceil(E.settings.total / E.settings.pageSize))), A = n(() => E.settings.total === 0 ? 0 : (E.settings.page - 1) * E.settings.pageSize + 1), j = n(() => Math.min(E.settings.page * E.settings.pageSize, E.settings.total)), M = n(() => {
+			let e = k.value, t = E.settings.page;
+			if (e <= N) {
+				let t = [];
+				for (let n = 1; n <= e; n++) t.push(n);
+				return 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 n = N - 2, r = t - 1, i = t + 1;
+			for (r < 2 && (i = Math.min(e - 1, i + (2 - r)), r = 2), i > e - 1 && (r = Math.max(2, r - (i - (e - 1))), i = e - 1); i - r + 1 < n;) {
+				let t = r > 2, a = i < e - 1;
+				if (!t && !a) break;
+				let o = r - 2, s = e - 1 - i, c = +((t ? r - 1 : 0) > 2) + +(i < e - 1), l = +(r > 2) + +((a ? i + 1 : 0) < e - 1), u = i - r + 2, d = !1;
+				if (t && (o >= s || !a) && u + c <= n ? (r--, d = !0) : a && u + l <= n && (i++, d = !0), !d) break;
+			}
+			let a = r > 2, o = i < e - 1, s = [];
+			s.push(1), a && s.push("...");
+			for (let e = r; e <= i; e++) s.push(e);
+			return o && s.push("..."), s.push(e), s;
+		}), N = 7;
+		function P(e) {
+			let t = E.settings.page, n = k.value, r = e === 1 || e === n, i = e === t;
+			return t > 3 && t < n - 2 && !r && !i;
 		}
-		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);
+		function F(e) {
+			e < 1 || e > k.value || e === E.settings.page || D("update:pagination", {
+				page: e,
+				pageSize: E.settings.pageSize
+			});
 		}
-		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");
+		function I(e) {
+			let t = Number(e.target.value);
+			O(t), D("update:pagination", {
+				page: 1,
+				pageSize: t
+			});
 		}
-		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, w) => (c(), r("div", d, [i("div", f, [i("div", p, [
+			i("div", m, [i("span", h, u(A.value) + "–" + u(j.value), 1), i("span", g, " / " + u(o.settings.total), 1)]),
+			i("nav", _, [
+				a(e, {
+					icon: "fa-solid fa-chevron-left",
+					rel: "prev",
+					disabled: o.settings.page <= 1,
+					callback: () => F(o.settings.page - 1)
+				}, null, 8, ["disabled", "callback"]),
+				(c(!0), r(t, null, l(M.value, (e, n) => (c(), r(t, { key: n }, [e === "..." ? (c(), r("span", v, "…")) : (c(), r("button", {
+					key: 1,
+					type: "button",
+					class: s(["c-paginator__page", {
+						"is-active": e === o.settings.page,
+						"is-hidden-sm": P(e)
+					}]),
+					onClick: (t) => F(e)
+				}, u(e), 11, y))], 64))), 128)),
+				a(e, {
+					icon: "fa-solid fa-chevron-right",
+					rel: "next",
+					disabled: o.settings.page >= k.value,
+					callback: () => F(o.settings.page + 1)
+				}, null, 8, ["disabled", "callback"])
+			]),
+			i("div", b, [i("select", {
+				class: "c-paginator__select",
+				id: "page-size-select",
+				value: o.settings.pageSize,
+				onChange: I
+			}, [(c(), r(t, null, l(C, (e) => i("option", {
+				key: e,
+				value: e
+			}, u(e) + " elem / oldal", 9, S)), 64))], 40, x)])
+		])])]));
 	}
 });
 //#endregion
-export { I as default };
+export { O as default, D as getDefaultPaginator, E as getPageSize };

package/dist/admins-components73.js.map

@@ -1 +1 @@
-{"version":3,"file":"admins-components73.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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"}
+{"version":3,"file":"admins-components73.js","names":[],"sources":["../src/components/data-table/DataPaginator.vue"],"sourcesContent":["<script lang=\"ts\">\nconst SIZE_OPTIONS = [10, 25, 50, 100]\nconst STORAGE_KEY_PREFIX = 'pagesize-'\nconst DEFAULT_PAGE_SIZE = 100\n\nexport function getPageSize(storageKey: string): number {\n  try {\n    const raw = localStorage.getItem(STORAGE_KEY_PREFIX + storageKey)\n    if (raw) {\n      const size = Number(raw)\n      if (size > 0) return size\n    }\n  } catch {\n    console.warn('Failed to read page size from localStorage')\n  }\n  return DEFAULT_PAGE_SIZE\n}\n\nexport function getDefaultPaginator(storageKey: string) {\n  return {\n    total: 0,\n    page: 1,\n    pageSize: getPageSize(storageKey),\n  } as PaginatorSettings\n}\n</script>\n\n<script setup lang=\"ts\">\nimport { computed } from 'vue'\nimport Button from '@/components/Button.vue'\nimport type { PaginatorSettings, PageSettings } from '@/types/data-list'\n\nconst props = defineProps<{ settings: PaginatorSettings; storageKey: string }>()\n\nconst emit = defineEmits<{\n  'update:pagination': [pagination: PageSettings]\n}>()\n\nfunction savePageSize(size: number) {\n  try {\n    localStorage.setItem(STORAGE_KEY_PREFIX + props.storageKey, String(size))\n  } catch {\n    console.warn('Failed to save page size to localStorage')\n  }\n}\n\nconst totalPages = computed(() =>\n  Math.max(1, Math.ceil(props.settings.total / props.settings.pageSize)),\n)\n\nconst rangeStart = computed(() =>\n  props.settings.total === 0 ? 0 : (props.settings.page - 1) * props.settings.pageSize + 1,\n)\nconst rangeEnd = computed(() =>\n  Math.min(props.settings.page * props.settings.pageSize, props.settings.total),\n)\n\nconst visiblePages = computed<(number | '...')[]>(() => {\n  const total = totalPages.value\n  const current = props.settings.page\n\n  if (total <= SLOT_COUNT) {\n    const pages: number[] = []\n    for (let i = 1; i <= total; i++) pages.push(i)\n    return pages\n  }\n\n  const inner = SLOT_COUNT - 2\n  let winStart = current - 1\n  let winEnd = current + 1\n  if (winStart < 2) {\n    winEnd = Math.min(total - 1, winEnd + (2 - winStart))\n    winStart = 2\n  }\n  if (winEnd > total - 1) {\n    winStart = Math.max(2, winStart - (winEnd - (total - 1)))\n    winEnd = total - 1\n  }\n\n  while (winEnd - winStart + 1 < inner) {\n    const canExtendLeft = winStart > 2\n    const canExtendRight = winEnd < total - 1\n    if (!canExtendLeft && !canExtendRight) break\n\n    const roomLeft = winStart - 2\n    const roomRight = total - 1 - winEnd\n\n    const ellipsisIfExtendLeft =\n      ((canExtendLeft ? winStart - 1 : 0) > 2 ? 1 : 0) + (winEnd < total - 1 ? 1 : 0)\n    const ellipsisIfExtendRight =\n      (winStart > 2 ? 1 : 0) + ((canExtendRight ? winEnd + 1 : 0) < total - 1 ? 1 : 0)\n\n    const newSize = winEnd - winStart + 2\n\n    let extended = false\n    if (\n      canExtendLeft &&\n      (roomLeft >= roomRight || !canExtendRight) &&\n      newSize + ellipsisIfExtendLeft <= inner\n    ) {\n      winStart--\n      extended = true\n    } else if (canExtendRight && newSize + ellipsisIfExtendRight <= inner) {\n      winEnd++\n      extended = true\n    }\n    if (!extended) break\n  }\n  const showLeftEllipsis = winStart > 2\n  const showRightEllipsis = winEnd < total - 1\n\n  const pages: (number | '...')[] = []\n  pages.push(1)\n  if (showLeftEllipsis) pages.push('...')\n  for (let p = winStart; p <= winEnd; p++) pages.push(p)\n  if (showRightEllipsis) pages.push('...')\n  pages.push(total)\n\n  return pages\n})\n\nconst SLOT_COUNT = 7\n\nfunction shouldHideOnSmall(page: number) {\n  const current = props.settings.page\n  const total = totalPages.value\n\n  const isEdge = page === 1 || page === total\n  const isCurrent = page === current\n\n  const isMiddleRange = current > 3 && current < total - 2\n\n  return isMiddleRange && !isEdge && !isCurrent\n}\n\nfunction goToPage(page: number) {\n  if (page < 1 || page > totalPages.value || page === props.settings.page) return\n  emit('update:pagination', { page, pageSize: props.settings.pageSize })\n}\n\nfunction changePageSize(event: Event) {\n  const size = Number((event.target as HTMLSelectElement).value)\n  savePageSize(size)\n  emit('update:pagination', { page: 1, pageSize: size })\n}\n</script>\n\n<template>\n  <div class=\"ac-component\">\n    <div class=\"c-paginator-wrapper\">\n      <div class=\"c-paginator\">\n        <div class=\"c-paginator__info\">\n          <span class=\"c-paginator__range\">{{ rangeStart }}&ndash;{{ rangeEnd }}</span>\n          <span class=\"c-paginator__total\"> / {{ settings.total }}</span>\n        </div>\n\n        <nav class=\"c-paginator__nav\" aria-label=\"Pagination\">\n          <Button\n            icon=\"fa-solid fa-chevron-left\"\n            rel=\"prev\"\n            :disabled=\"settings.page <= 1\"\n            :callback=\"() => goToPage(settings.page - 1)\"\n          />\n\n          <template v-for=\"(p, i) in visiblePages\" :key=\"i\">\n            <span v-if=\"p === '...'\" class=\"c-paginator__ellipsis\">&hellip;</span>\n            <button\n              v-else\n              type=\"button\"\n              class=\"c-paginator__page\"\n              :class=\"{\n                'is-active': p === settings.page,\n                'is-hidden-sm': shouldHideOnSmall(p),\n              }\"\n              @click=\"goToPage(p)\"\n            >\n              {{ p }}\n            </button>\n          </template>\n\n          <Button\n            icon=\"fa-solid fa-chevron-right\"\n            rel=\"next\"\n            :disabled=\"settings.page >= totalPages\"\n            :callback=\"() => goToPage(settings.page + 1)\"\n          />\n        </nav>\n\n        <div class=\"c-paginator__size\">\n          <select class=\"c-paginator__select\" id=\"page-size-select\" :value=\"settings.pageSize\" @change=\"changePageSize\">\n            <option v-for=\"s in SIZE_OPTIONS\" :key=\"s\" :value=\"s\">{{ s }} elem / oldal</option>\n          </select>\n        </div>\n      </div>\n    </div>\n  </div>\n</template>\n\n<style lang=\"scss\" src=\"@/styles/components/data-table/data-paginator.scss\"></style>\n"],"mappings":"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"}

package/dist/admins-components75.js

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

package/dist/admins-components75.js.map

@@ -1 +1 @@
-{"version":3,"file":"admins-components75.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":""}
+{"version":3,"file":"admins-components75.js","names":[],"sources":["../src/components/data-table/DataPaginator.vue"],"sourcesContent":["<script lang=\"ts\">\nconst SIZE_OPTIONS = [10, 25, 50, 100]\nconst STORAGE_KEY_PREFIX = 'pagesize-'\nconst DEFAULT_PAGE_SIZE = 100\n\nexport function getPageSize(storageKey: string): number {\n  try {\n    const raw = localStorage.getItem(STORAGE_KEY_PREFIX + storageKey)\n    if (raw) {\n      const size = Number(raw)\n      if (size > 0) return size\n    }\n  } catch {\n    console.warn('Failed to read page size from localStorage')\n  }\n  return DEFAULT_PAGE_SIZE\n}\n\nexport function getDefaultPaginator(storageKey: string) {\n  return {\n    total: 0,\n    page: 1,\n    pageSize: getPageSize(storageKey),\n  } as PaginatorSettings\n}\n</script>\n\n<script setup lang=\"ts\">\nimport { computed } from 'vue'\nimport Button from '@/components/Button.vue'\nimport type { PaginatorSettings, PageSettings } from '@/types/data-list'\n\nconst props = defineProps<{ settings: PaginatorSettings; storageKey: string }>()\n\nconst emit = defineEmits<{\n  'update:pagination': [pagination: PageSettings]\n}>()\n\nfunction savePageSize(size: number) {\n  try {\n    localStorage.setItem(STORAGE_KEY_PREFIX + props.storageKey, String(size))\n  } catch {\n    console.warn('Failed to save page size to localStorage')\n  }\n}\n\nconst totalPages = computed(() =>\n  Math.max(1, Math.ceil(props.settings.total / props.settings.pageSize)),\n)\n\nconst rangeStart = computed(() =>\n  props.settings.total === 0 ? 0 : (props.settings.page - 1) * props.settings.pageSize + 1,\n)\nconst rangeEnd = computed(() =>\n  Math.min(props.settings.page * props.settings.pageSize, props.settings.total),\n)\n\nconst visiblePages = computed<(number | '...')[]>(() => {\n  const total = totalPages.value\n  const current = props.settings.page\n\n  if (total <= SLOT_COUNT) {\n    const pages: number[] = []\n    for (let i = 1; i <= total; i++) pages.push(i)\n    return pages\n  }\n\n  const inner = SLOT_COUNT - 2\n  let winStart = current - 1\n  let winEnd = current + 1\n  if (winStart < 2) {\n    winEnd = Math.min(total - 1, winEnd + (2 - winStart))\n    winStart = 2\n  }\n  if (winEnd > total - 1) {\n    winStart = Math.max(2, winStart - (winEnd - (total - 1)))\n    winEnd = total - 1\n  }\n\n  while (winEnd - winStart + 1 < inner) {\n    const canExtendLeft = winStart > 2\n    const canExtendRight = winEnd < total - 1\n    if (!canExtendLeft && !canExtendRight) break\n\n    const roomLeft = winStart - 2\n    const roomRight = total - 1 - winEnd\n\n    const ellipsisIfExtendLeft =\n      ((canExtendLeft ? winStart - 1 : 0) > 2 ? 1 : 0) + (winEnd < total - 1 ? 1 : 0)\n    const ellipsisIfExtendRight =\n      (winStart > 2 ? 1 : 0) + ((canExtendRight ? winEnd + 1 : 0) < total - 1 ? 1 : 0)\n\n    const newSize = winEnd - winStart + 2\n\n    let extended = false\n    if (\n      canExtendLeft &&\n      (roomLeft >= roomRight || !canExtendRight) &&\n      newSize + ellipsisIfExtendLeft <= inner\n    ) {\n      winStart--\n      extended = true\n    } else if (canExtendRight && newSize + ellipsisIfExtendRight <= inner) {\n      winEnd++\n      extended = true\n    }\n    if (!extended) break\n  }\n  const showLeftEllipsis = winStart > 2\n  const showRightEllipsis = winEnd < total - 1\n\n  const pages: (number | '...')[] = []\n  pages.push(1)\n  if (showLeftEllipsis) pages.push('...')\n  for (let p = winStart; p <= winEnd; p++) pages.push(p)\n  if (showRightEllipsis) pages.push('...')\n  pages.push(total)\n\n  return pages\n})\n\nconst SLOT_COUNT = 7\n\nfunction shouldHideOnSmall(page: number) {\n  const current = props.settings.page\n  const total = totalPages.value\n\n  const isEdge = page === 1 || page === total\n  const isCurrent = page === current\n\n  const isMiddleRange = current > 3 && current < total - 2\n\n  return isMiddleRange && !isEdge && !isCurrent\n}\n\nfunction goToPage(page: number) {\n  if (page < 1 || page > totalPages.value || page === props.settings.page) return\n  emit('update:pagination', { page, pageSize: props.settings.pageSize })\n}\n\nfunction changePageSize(event: Event) {\n  const size = Number((event.target as HTMLSelectElement).value)\n  savePageSize(size)\n  emit('update:pagination', { page: 1, pageSize: size })\n}\n</script>\n\n<template>\n  <div class=\"ac-component\">\n    <div class=\"c-paginator-wrapper\">\n      <div class=\"c-paginator\">\n        <div class=\"c-paginator__info\">\n          <span class=\"c-paginator__range\">{{ rangeStart }}&ndash;{{ rangeEnd }}</span>\n          <span class=\"c-paginator__total\"> / {{ settings.total }}</span>\n        </div>\n\n        <nav class=\"c-paginator__nav\" aria-label=\"Pagination\">\n          <Button\n            icon=\"fa-solid fa-chevron-left\"\n            rel=\"prev\"\n            :disabled=\"settings.page <= 1\"\n            :callback=\"() => goToPage(settings.page - 1)\"\n          />\n\n          <template v-for=\"(p, i) in visiblePages\" :key=\"i\">\n            <span v-if=\"p === '...'\" class=\"c-paginator__ellipsis\">&hellip;</span>\n            <button\n              v-else\n              type=\"button\"\n              class=\"c-paginator__page\"\n              :class=\"{\n                'is-active': p === settings.page,\n                'is-hidden-sm': shouldHideOnSmall(p),\n              }\"\n              @click=\"goToPage(p)\"\n            >\n              {{ p }}\n            </button>\n          </template>\n\n          <Button\n            icon=\"fa-solid fa-chevron-right\"\n            rel=\"next\"\n            :disabled=\"settings.page >= totalPages\"\n            :callback=\"() => goToPage(settings.page + 1)\"\n          />\n        </nav>\n\n        <div class=\"c-paginator__size\">\n          <select class=\"c-paginator__select\" id=\"page-size-select\" :value=\"settings.pageSize\" @change=\"changePageSize\">\n            <option v-for=\"s in SIZE_OPTIONS\" :key=\"s\" :value=\"s\">{{ s }} elem / oldal</option>\n          </select>\n        </div>\n      </div>\n    </div>\n  </div>\n</template>\n\n<style lang=\"scss\" src=\"@/styles/components/data-table/data-paginator.scss\"></style>\n"],"mappings":""}

package/dist/admins-components76.js

@@ -1,9 +1,60 @@
-//#region src/utils/debounce.ts
-function e(e, t = 300) {
-	let n = null;
-	return (...r) => {
-		n !== null && clearTimeout(n), n = setTimeout(() => e(...r), t);
-	};
+import { formatDate as e } from "./admins-components3.js";
+//#region src/utils/filterDisplay.ts
+function t(t, r, i) {
+	if (i == null || i === "") return "";
+	let a = t.find((e) => e.key === r);
+	if (a?.type === "dropdown" && a.options) {
+		let e = n(i);
+		if (Array.isArray(e)) return e.map((e) => {
+			let t = a.options?.find((t) => t.value === e);
+			return t ? t.label : String(e);
+		}).join(", ");
+		let t = a.options.find((t) => t.value === e);
+		if (t) return t.label;
+	}
+	if (a?.type === "checkbox") return i ? "Bekapcsolva" : "";
+	if (a?.type === "date" || a?.type === "datetime") {
+		if (typeof i == "object" && i) {
+			let t = i.local ?? i.utc ?? null;
+			if (t == null) return "";
+			let n = t instanceof Date ? t : new Date(t);
+			if (!isNaN(n.getTime())) return e(n, a.type === "datetime" ? "YYYY-MM-DD HH:mm" : "YYYY-MM-DD");
+		}
+		if (typeof i == "string" && i) {
+			let t = new Date(i);
+			if (!isNaN(t.getTime())) return e(t, a.type === "datetime" ? "YYYY-MM-DD HH:mm" : "YYYY-MM-DD");
+		}
+	}
+	if ((a?.type === "daterange" || a?.type === "datetimerange") && typeof i == "object") {
+		let t = a.type === "datetimerange" ? "YYYY-MM-DD HH:mm" : "YYYY-MM-DD";
+		return `${i.fromUtc ? e(new Date(i.fromUtc), t) : "…"} - ${i.toUtc ? e(new Date(i.toUtc), t) : "…"}`;
+	}
+	return typeof i == "object" ? JSON.stringify(i) : String(i);
+}
+function n(e) {
+	if (Array.isArray(e)) return e;
+	if (typeof e == "string") {
+		if (e.startsWith("[") && e.endsWith("]")) try {
+			let t = JSON.parse(e);
+			if (Array.isArray(t)) return t;
+		} catch {}
+		return e;
+	}
+	return e;
+}
+function r(e, n) {
+	let r = [];
+	for (let [i, a] of Object.entries(n)) {
+		let n = t(e, i, a);
+		if (!n) continue;
+		let o = e.find((e) => e.key === i), s = o?.label ?? i;
+		r.push({
+			key: i,
+			text: `${s}: ${n}`,
+			displayClass: o?.displayClass
+		});
+	}
+	return r;
 }
 //#endregion
-export { e as debounce };
+export { r as buildFilterDisplay, t as displayFilterValue, n as parseDropdownValue };

package/dist/admins-components76.js.map

@@ -1 +1 @@
-{"version":3,"file":"admins-components76.js","names":[],"sources":["../src/utils/debounce.ts"],"sourcesContent":["export function debounce<T extends (...args: any[]) => any>(\n  fn: T,\n  delay = 300,\n): (...args: Parameters<T>) => void {\n  let timeoutId: ReturnType<typeof setTimeout> | null = null\n  return (...args: Parameters<T>) => {\n    if (timeoutId !== null) clearTimeout(timeoutId)\n    timeoutId = setTimeout(() => fn(...args), delay)\n  }\n}\n"],"mappings":";AAAA,SAAgB,EACd,GACA,IAAQ,KAC0B;CAClC,IAAI,IAAkD;CACtD,QAAQ,GAAG,MAAwB;EAEjC,AADI,MAAc,QAAM,aAAa,CAAS,GAC9C,IAAY,iBAAiB,EAAG,GAAG,CAAI,GAAG,CAAK;CACjD;AACF"}
+{"version":3,"file":"admins-components76.js","names":[],"sources":["../src/utils/filterDisplay.ts"],"sourcesContent":["import { formatDate } from '@/utils/date'\nimport type { FilterItem } from '@/components/data-table/DataFilters.vue'\n\nexport function displayFilterValue(items: FilterItem[], key: string, value: any): string {\n  if (value === null || value === undefined || value === '') return ''\n\n  const item = items.find((i) => i.key === key)\n\n  if (item?.type === 'dropdown' && item.options) {\n    const parsedValue = parseDropdownValue(value)\n\n    if (Array.isArray(parsedValue)) {\n      const labels = parsedValue.map((v) => {\n        const opt = item.options?.find((o) => o.value === v)\n        return opt ? opt.label : String(v)\n      })\n      return labels.join(', ')\n    }\n\n    const opt = item.options.find((o) => o.value === parsedValue)\n    if (opt) return opt.label\n  }\n  if (item?.type === 'checkbox') {\n    return value ? 'Bekapcsolva' : ''\n  }\n\n  if (item?.type === 'date' || item?.type === 'datetime') {\n    if (typeof value === 'object' && value !== null) {\n      const local: Date | string | null | undefined = value.local ?? value.utc ?? null\n      if (local == null) return ''\n      const d = local instanceof Date ? local : new Date(local)\n      if (!isNaN(d.getTime())) {\n        return formatDate(d, item.type === 'datetime' ? 'YYYY-MM-DD HH:mm' : 'YYYY-MM-DD')\n      }\n    }\n    if (typeof value === 'string' && value) {\n      const d = new Date(value)\n      if (!isNaN(d.getTime())) {\n        return formatDate(d, item.type === 'datetime' ? 'YYYY-MM-DD HH:mm' : 'YYYY-MM-DD')\n      }\n    }\n  }\n\n  if ((item?.type === 'daterange' || item?.type === 'datetimerange') && typeof value === 'object') {\n    const showTime = item.type === 'datetimerange'\n    const fmt = showTime ? 'YYYY-MM-DD HH:mm' : 'YYYY-MM-DD'\n    const from = value.fromUtc ? formatDate(new Date(value.fromUtc), fmt) : '…'\n    const to = value.toUtc ? formatDate(new Date(value.toUtc), fmt) : '…'\n    return `${from} - ${to}`\n  }\n\n  if (typeof value === 'object') return JSON.stringify(value)\n\n  return String(value)\n}\n\nexport function parseDropdownValue(value: any): unknown {\n  if (Array.isArray(value)) {\n    return value\n  }\n\n  if (typeof value === 'string') {\n    if (value.startsWith('[') && value.endsWith(']')) {\n      try {\n        const parsed = JSON.parse(value)\n        if (Array.isArray(parsed)) {\n          return parsed\n        }\n      } catch {\n        // If parsing fails, treat as string\n      }\n    }\n    return value\n  }\n\n  return value\n}\n\nexport interface FilterDisplayPart {\n  key: string\n  text: string\n  displayClass?: string\n}\n\nexport function buildFilterDisplay(\n  items: FilterItem[],\n  values: Record<string, any>,\n): FilterDisplayPart[] {\n  const parts: FilterDisplayPart[] = []\n  for (const [key, rawValue] of Object.entries(values)) {\n    const v = displayFilterValue(items, key, rawValue)\n    if (!v) continue\n    const item = items.find((i) => i.key === key)\n    const labelText = item?.label ?? key\n    parts.push({ key, text: `${labelText}: ${v}`, displayClass: item?.displayClass })\n  }\n\n  return parts\n}\n\nexport function buildFilterValues(items: FilterItem[], values: Record<string, any>): string[] {\n  return buildFilterDisplay(items, values).map((p) => p.text)\n}\n"],"mappings":";;AAGA,SAAgB,EAAmB,GAAqB,GAAa,GAAoB;CACvF,IAAI,KAAU,QAA+B,MAAU,IAAI,OAAO;CAElE,IAAM,IAAO,EAAM,MAAM,MAAM,EAAE,QAAQ,CAAG;CAE5C,IAAI,GAAM,SAAS,cAAc,EAAK,SAAS;EAC7C,IAAM,IAAc,EAAmB,CAAK;EAE5C,IAAI,MAAM,QAAQ,CAAW,GAK3B,OAJe,EAAY,KAAK,MAAM;GACpC,IAAM,IAAM,EAAK,SAAS,MAAM,MAAM,EAAE,UAAU,CAAC;GACnD,OAAO,IAAM,EAAI,QAAQ,OAAO,CAAC;EACnC,CACO,EAAO,KAAK,IAAI;EAGzB,IAAM,IAAM,EAAK,QAAQ,MAAM,MAAM,EAAE,UAAU,CAAW;EAC5D,IAAI,GAAK,OAAO,EAAI;CACtB;CACA,IAAI,GAAM,SAAS,YACjB,OAAO,IAAQ,gBAAgB;CAGjC,IAAI,GAAM,SAAS,UAAU,GAAM,SAAS,YAAY;EACtD,IAAI,OAAO,KAAU,YAAY,GAAgB;GAC/C,IAAM,IAA0C,EAAM,SAAS,EAAM,OAAO;GAC5E,IAAI,KAAS,MAAM,OAAO;GAC1B,IAAM,IAAI,aAAiB,OAAO,IAAQ,IAAI,KAAK,CAAK;GACxD,IAAI,CAAC,MAAM,EAAE,QAAQ,CAAC,GACpB,OAAO,EAAW,GAAG,EAAK,SAAS,aAAa,qBAAqB,YAAY;EAErF;EACA,IAAI,OAAO,KAAU,YAAY,GAAO;GACtC,IAAM,IAAI,IAAI,KAAK,CAAK;GACxB,IAAI,CAAC,MAAM,EAAE,QAAQ,CAAC,GACpB,OAAO,EAAW,GAAG,EAAK,SAAS,aAAa,qBAAqB,YAAY;EAErF;CACF;CAEA,KAAK,GAAM,SAAS,eAAe,GAAM,SAAS,oBAAoB,OAAO,KAAU,UAAU;EAE/F,IAAM,IADW,EAAK,SAAS,kBACR,qBAAqB;EAG5C,OAAO,GAFM,EAAM,UAAU,EAAW,IAAI,KAAK,EAAM,OAAO,GAAG,CAAG,IAAI,IAEzD,KADJ,EAAM,QAAQ,EAAW,IAAI,KAAK,EAAM,KAAK,GAAG,CAAG,IAAI;CAEpE;CAIA,OAFI,OAAO,KAAU,WAAiB,KAAK,UAAU,CAAK,IAEnD,OAAO,CAAK;AACrB;AAEA,SAAgB,EAAmB,GAAqB;CACtD,IAAI,MAAM,QAAQ,CAAK,GACrB,OAAO;CAGT,IAAI,OAAO,KAAU,UAAU;EAC7B,IAAI,EAAM,WAAW,GAAG,KAAK,EAAM,SAAS,GAAG,GAC7C,IAAI;GACF,IAAM,IAAS,KAAK,MAAM,CAAK;GAC/B,IAAI,MAAM,QAAQ,CAAM,GACtB,OAAO;EAEX,QAAQ,CAER;EAEF,OAAO;CACT;CAEA,OAAO;AACT;AAQA,SAAgB,EACd,GACA,GACqB;CACrB,IAAM,IAA6B,CAAC;CACpC,KAAK,IAAM,CAAC,GAAK,MAAa,OAAO,QAAQ,CAAM,GAAG;EACpD,IAAM,IAAI,EAAmB,GAAO,GAAK,CAAQ;EACjD,IAAI,CAAC,GAAG;EACR,IAAM,IAAO,EAAM,MAAM,MAAM,EAAE,QAAQ,CAAG,GACtC,IAAY,GAAM,SAAS;EACjC,EAAM,KAAK;GAAE;GAAK,MAAM,GAAG,EAAU,IAAI;GAAK,cAAc,GAAM;EAAa,CAAC;CAClF;CAEA,OAAO;AACT"}