admins-components 9.0.38 → 9.0.40

package/dist/admins-components76.js

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

package/dist/admins-components76.js.map

@@ -1 +1 @@
-{"version":3,"file":"admins-components76.js","names":[],"sources":["../src/components/data-table/DataPaginator.vue"],"sourcesContent":["<script lang=\"ts\">\nconst SIZE_OPTIONS = [10, 25, 50, 100]\nconst DEFAULT_PAGE_SIZE = 100\n\nexport function getPageSize(storageKey: string): number {\n  try {\n    const fullStorageKey = getFullStorageKey('pagination', storageKey)\n    const raw = localStorage.getItem(fullStorageKey)\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'\nimport { getFullStorageKey } from '@/utils/storageKey'\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    const fullStorageKey = getFullStorageKey('pagination', props.storageKey)\n    localStorage.setItem(fullStorageKey, 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\n            class=\"c-paginator__select\"\n            id=\"page-size-select\"\n            :value=\"settings.pageSize\"\n            @change=\"changePageSize\"\n          >\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":""}
+{"version":3,"file":"admins-components76.js","names":[],"sources":["../src/components/data-table/DataPaginator.vue"],"sourcesContent":["<script lang=\"ts\">\nconst SIZE_OPTIONS = [10, 25, 50, 100]\nconst DEFAULT_PAGE_SIZE = 100\n\nexport function getPageSize(storageKey: string): number {\n  try {\n    const fullStorageKey = getFullStorageKey('pagination', storageKey)\n    const raw = localStorage.getItem(fullStorageKey)\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'\nimport { getFullStorageKey } from '@/utils/storageKey'\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    const fullStorageKey = getFullStorageKey('pagination', props.storageKey)\n    localStorage.setItem(fullStorageKey, 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\n            class=\"c-paginator__select\"\n            id=\"page-size-select\"\n            :value=\"settings.pageSize\"\n            @change=\"changePageSize\"\n          >\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-components78.js

@@ -1,70 +1,7 @@
-import { getFullStorageKey as e } from "./admins-components73.js";
-import { parseDropdownValue as t } from "./admins-components77.js";
-//#region src/utils/dataFilters.ts
-function n(e, t, n = !0) {
-	let i = r(e), o = Object.keys(i).length > 0, s = (o ? null : a(t))?.values ?? {}, c = {};
-	for (let t of e) {
-		if (t.type === "separator") continue;
-		let e;
-		if (t.key in i) e = i[t.key];
-		else if (o) continue;
-		else if (t.key in s) e = s[t.key];
-		else if (t.value !== void 0) e = t.value;
-		else continue;
-		if (e != null) if (n && t.transformer) {
-			let n = t.transformer(e);
-			n && Object.assign(c, n);
-		} else c[t.key] = e;
-	}
-	return c;
-}
-function r(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;
-		e && (n[r.key] = s(r.type, e, r.value));
-	}
-	return n;
-}
-function i(t) {
-	try {
-		let n = e("filters", t), r = JSON.parse(localStorage.getItem(n) ?? "[]");
-		return Array.isArray(r) ? r.filter((e) => e && typeof e == "object" && typeof e.id == "string" && e.values && typeof e.savedAt == "string") : [];
-	} catch {
-		return [];
-	}
-}
-function a(e) {
-	return i(e).find((e) => e.isDefault) ?? null;
-}
-function o(e) {
-	return Object.fromEntries(Object.entries(e).filter(([e, t]) => t !== null && t !== "" && t !== void 0));
-}
-function s(e, n, r) {
-	if (e === "number") {
-		let e = Number(n);
-		return isNaN(e) ? r ?? null : e;
-	}
-	return e === "date" || e === "datetime" ? { utc: n } : e === "daterange" || e === "datetimerange" ? c(n, r) : e === "dropdown" ? t(n) : e === "checkbox" ? n === "true" : n;
-}
-function c(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 l(e, t) {
-	let n = new URLSearchParams(window.location.search);
-	for (let r of e) {
-		if (r.type === "separator") continue;
-		let e = t[r.key];
-		e == null || e === "" ? n.delete(r.key) : r.type === "date" || r.type === "datetime" ? n.set(r.key, e.utc) : typeof e == "object" ? n.set(r.key, JSON.stringify(e)) : n.set(r.key, String(e));
-	}
-	let r = n.toString(), i = window.location.pathname + (r ? `?${r}` : "");
-	window.history.replaceState(null, "", i);
-}
+import './src/styles/components/data-table/data-paginator.scss_vue_type_style_index_0_src_true_lang.css';
+import e from "./admins-components76.js";
+/* empty css                    */
+//#region src/components/data-table/DataPaginator.vue
+var t = e;
 //#endregion
-export { o as filterEmptyValues, n as getDefaultFilters, a as getDefaultSavedFilter, r as getFilterUrlParams, i as getSavedFilters, l as writeFilterParams };
+export { t as default };

package/dist/admins-components78.js.map

@@ -1 +1 @@
-{"version":3,"file":"admins-components78.js","names":[],"sources":["../src/utils/dataFilters.ts"],"sourcesContent":["import type { FilterItem } from '@/components/data-table/DataFilters.vue'\nimport type { SavedFilter } from '@/components/data-table/FiltersHistory.vue'\nimport { parseDropdownValue } from '@/utils/filterDisplay'\nimport { getFullStorageKey } from '@/utils/storageKey'\n\n export function getDefaultFilters(\n  items: FilterItem[],\n  storageKey?: string,\n  useTransformers = true,\n): Record<string, unknown> {\n  const urlFilters = getFilterUrlParams(items)\n  const hasUrlParams = Object.keys(urlFilters).length > 0\n  const defaultFilter = hasUrlParams ? null : getDefaultSavedFilter(storageKey)\n  const defaultSavedValues = defaultFilter?.values ?? {}\n\n  const result: Record<string, unknown> = {}\n\n  for (const item of items) {\n    if (item.type === 'separator') continue\n\n    let value: unknown\n\n    if (item.key in urlFilters) {\n      value = urlFilters[item.key]\n    } else if (hasUrlParams) {\n      continue\n    } else if (item.key in defaultSavedValues) {\n      value = defaultSavedValues[item.key]\n    } else if (item.value !== undefined) {\n      value = item.value\n    } else {\n      continue\n    }\n\n    if (value == null) continue\n\n    if (useTransformers && item.transformer) {\n      const transformed = item.transformer(value)\n      if (transformed) {\n        Object.assign(result, transformed)\n      }\n    } else {\n      result[item.key] = value\n    }\n  }\n\n  return result\n}\n\n/* export function getDefaultFilters(\n  items: FilterItem[],\n  storageKey?: string,\n): Record<string, unknown> {\n  return getDefaultFilterRaws(items, storageKey, true)\n} */\n\nexport function getFilterUrlParams(items: FilterItem[]): Record<string, unknown> {\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    if (raw) {\n      result[item.key] = parseFilterValue(item.type, raw, item.value)\n    }\n  }\n  return result\n}\n\nexport function getSavedFilters(storageKey?: string): SavedFilter[] {\n  try {\n    const fullStorageKey = getFullStorageKey('filters', storageKey)\n    const parsed = JSON.parse(localStorage.getItem(fullStorageKey) ?? '[]')\n    return Array.isArray(parsed)\n      ? 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      : []\n  } catch {\n    return []\n  }\n}\n\nexport function getDefaultSavedFilter(storageKey?: string): SavedFilter | null {\n  const savedFilters = getSavedFilters(storageKey)\n  return savedFilters.find((f) => f.isDefault) ?? null\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\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":"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"}
+{"version":3,"file":"admins-components78.js","names":[],"sources":["../src/components/data-table/DataPaginator.vue"],"sourcesContent":["<script lang=\"ts\">\nconst SIZE_OPTIONS = [10, 25, 50, 100]\nconst DEFAULT_PAGE_SIZE = 100\n\nexport function getPageSize(storageKey: string): number {\n  try {\n    const fullStorageKey = getFullStorageKey('pagination', storageKey)\n    const raw = localStorage.getItem(fullStorageKey)\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'\nimport { getFullStorageKey } from '@/utils/storageKey'\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    const fullStorageKey = getFullStorageKey('pagination', props.storageKey)\n    localStorage.setItem(fullStorageKey, 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\n            class=\"c-paginator__select\"\n            id=\"page-size-select\"\n            :value=\"settings.pageSize\"\n            @change=\"changePageSize\"\n          >\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-components79.js

@@ -1,239 +1,60 @@
 import { formatDate as e } from "./admins-components3.js";
-import t from "./admins-components6.js";
-import n from "./admins-components39.js";
-import { getFullStorageKey as r } from "./admins-components73.js";
-import { buildFilterDisplay as i } from "./admins-components77.js";
-import { getSavedFilters as ee } from "./admins-components78.js";
-import { Fragment as a, computed as o, createBlock as s, createCommentVNode as c, createElementBlock as l, createElementVNode as u, createTextVNode as d, createVNode as te, defineComponent as f, nextTick as p, normalizeClass as m, onMounted as ne, openBlock as h, ref as g, renderList as _, resolveDirective as v, toDisplayString as y, vModelText as b, watch as re, withDirectives as x, withKeys as S, withModifiers as C } from "vue";
-//#region src/components/data-table/FiltersHistory.vue?vue&type=script&setup=true&lang.ts
-var ie = { class: "ac-component" }, ae = { class: "filters-history" }, oe = ["aria-expanded"], se = {
-	key: 0,
-	class: "c-indicator"
-}, ce = { key: 1 }, le = {
-	key: 0,
-	class: "filters-history__panel c-scroll"
-}, ue = { class: "filters-history__save-row" }, de = {
-	key: 0,
-	class: "filters-history__hint"
-}, fe = {
-	key: 1,
-	class: "filters-history__hint"
-}, w = {
-	key: 2,
-	class: "filters-history__list"
-}, T = [
-	"aria-expanded",
-	"onClick",
-	"onKeydown"
-], E = { class: "filters-history__item-header-text" }, D = { class: "filters-history__item-name" }, O = {
-	key: 0,
-	class: "filters-history__item-date"
-}, k = [
-	"onClick",
-	"aria-label",
-	"title"
-], A = ["onClick"], j = ["onClick"], M = ["onClick"], N = {
-	key: 0,
-	class: "filters-history__item-content"
-}, P = {
-	key: 0,
-	class: "filters-history__item-body"
-}, F = {
-	key: 1,
-	class: "filters-history__item-empty"
-}, I = { key: 3 }, L = /* @__PURE__ */ f({
-	__name: "FiltersHistory",
-	props: {
-		items: {},
-		values: {},
-		storageKey: {}
-	},
-	emits: ["load"],
-	setup(f, { emit: L }) {
-		let R = f, z = L, 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() {
-			V.value = ee(R.storageKey);
-		}
-		function q() {
-			try {
-				let e = r("filters", R.storageKey);
-				localStorage.setItem(e, JSON.stringify(V.value));
-			} catch {
-				console.warn("Failed to persist saved filters to localStorage");
-			}
-		}
-		ne(pe);
-		let J = o(() => Object.values(R.values).some((e) => e !== null && e !== "" && e !== void 0));
-		function me() {
-			return Date.now().toString(36);
-		}
-		re(() => [R.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: { ...R.values }
-			}, ...V.value].slice(0, 50), H.value = "", q(), p(() => {
-				Y.value = !0;
-			});
-		}
-		function he(e) {
-			z("load", { ...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 i(R.items, e.values);
+//#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");
 		}
-		let _e = o(() => {
-			let e = /* @__PURE__ */ new Map();
-			for (let t of V.value) e.set(t.id, Q(t));
-			return e;
+	}
+	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
 		});
-		function $(e) {
-			return _e.value.get(e.id) ?? Q(e);
-		}
-		let ve = o(() => {
-			let e = V.value.find((e) => e.isDefault);
-			return e ? [e, ...V.value.filter((e) => !e.isDefault)] : V.value;
-		}), ye = o(() => V.value.length >= 43);
-		function be(t) {
-			let n = new Date(t);
-			return isNaN(n.getTime()) ? t : e(n, "YYYY-MM-DD HH:mm");
-		}
-		function xe(e) {
-			e.isDefault ? e.isDefault = !1 : (V.value.forEach((e) => {
-				e.isDefault = !1;
-			}), e.isDefault = !0), q();
-		}
-		return (e, r) => {
-			let i = v("tooltip");
-			return h(), l("div", ie, [u("div", ae, [u("button", {
-				type: "button",
-				class: m(["filters-history__toggle", { "is-open": B.value }]),
-				"aria-expanded": B.value,
-				onClick: r[0] ||= (e) => B.value = !B.value
-			}, [
-				r[6] ||= u("i", { class: "fa-solid fa-sliders filters-history__toggle-icon" }, null, -1),
-				r[7] ||= u("span", { class: "filters-history__toggle-label" }, "Mentett szűrők", -1),
-				V.value.length ? (h(), l("span", se, y(V.value.length), 1)) : c("", !0),
-				ye.value ? x((h(), l("span", ce, [d("/ " + y(50))])), [[i, "Maximum 50 szűrő menthető"]]) : c("", !0),
-				u("i", { class: m(["fa-solid filters-history__chevron", B.value ? "fa-chevron-up" : "fa-chevron-down"]) }, null, 2)
-			], 10, oe), B.value ? (h(), l("div", le, [
-				u("div", ue, [x(u("input", {
-					"onUpdate:modelValue": r[1] ||= (e) => H.value = e,
-					type: "text",
-					class: "c-input-row c-input-row--sm",
-					placeholder: "Elnevezés",
-					onKeydown: S(X, ["enter"])
-				}, null, 544), [[b, H.value]]), te(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(), l("p", de, " Nincs aktív szűrő. Adj meg értékeket a mentéshez. ")) : V.value.length === 0 ? (h(), l("p", fe, [...r[8] ||= [
-					d(" Még nincs mentett szűrő.", -1),
-					u("br", null, null, -1),
-					d(" Az aktuális beállítások a „Mentés\" gombbal menthetők.", -1),
-					u("br", null, null, -1),
-					d(" Az „Elnevezés\" mező csak a könnyebb azonosítás miatt van, megadása nem kötelező. ", -1)
-				]])) : c("", !0),
-				V.value.length > 0 ? (h(), l("ul", w, [(h(!0), l(a, null, _(ve.value, (e) => (h(), l("li", {
-					key: e.id,
-					class: m(["filters-history__item", {
-						"is-open": G(e.id),
-						"is-default": e.isDefault
-					}])
-				}, [u("div", {
-					class: "filters-history__item-header",
-					role: "button",
-					tabindex: "0",
-					"aria-expanded": G(e.id),
-					onClick: (t) => K(e.id),
-					onKeydown: [S(C((t) => K(e.id), ["prevent"]), ["enter"]), S(C((t) => K(e.id), ["prevent"]), ["space"])]
-				}, [
-					u("i", { class: m(["fa-solid filters-history__item-chevron", G(e.id) ? "fa-chevron-down" : "fa-chevron-right"]) }, null, 2),
-					u("span", E, [u("span", D, y(e.name), 1), e.name ? (h(), l("span", O, y(be(e.savedAt)), 1)) : c("", !0)]),
-					u("div", {
-						class: "filters-history__item-actions",
-						onClick: r[2] ||= C(() => {}, ["stop"])
-					}, [
-						u("button", {
-							type: "button",
-							class: m(["c-indicator filters-history__item-btn filters-history__item-default", { active: e.isDefault }]),
-							onClick: (t) => xe(e),
-							"aria-label": e.isDefault ? "Alapértelmezett szűrő törlése" : "Alapértelmezett szűrő beállítása",
-							title: e.isDefault ? "Alapértelmezett szűrő törlése" : "Alapértelmezett szűrő beállítása"
-						}, [u("i", { class: m(["fa-star fix-icon-pos", e.isDefault ? "fa-solid" : "fa-regular"]) }, null, 2)], 10, k),
-						u("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] ||= [u("i", { class: "fa-solid fa-check" }, null, -1)]], 8, A),
-						$(e).length ? x((h(), l("span", {
-							key: 0,
-							class: "c-indicator",
-							onClick: C((t) => K(e.id), ["stop"])
-						}, [d(y($(e).length), 1)], 8, j)), [[i, `${$(e).length} szűrési feltétel`]]) : c("", !0),
-						u("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] ||= [u("i", { class: "fa-solid fa-xmark" }, null, -1)]], 8, M)
-					])
-				], 40, T), G(e.id) ? (h(), l("div", N, [$(e).length ? (h(), l("div", P, [(h(!0), l(a, null, _($(e), (e, t) => (h(), l("span", {
-					key: t,
-					class: m(["c-chip", e.displayClass])
-				}, y(e.text), 3))), 128))])) : (h(), l("p", F, "Nincs megjeleníthető szűrő."))])) : c("", !0)], 2))), 128))])) : c("", !0),
-				V.value.length > 3 ? (h(), l("div", I, [
-					r[11] ||= u("hr", { class: "separator my-1" }, null, -1),
-					V.value.length ? (h(), l("a", {
-						key: 0,
-						class: "filters-history__clear-all px-2",
-						onClick: r[3] ||= (e) => W.value = !0
-					}, "Összes törlése")) : c("", !0),
-					W.value ? (h(), s(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
-					})) : c("", !0)
-				])) : c("", !0)
-			])) : c("", !0)])]);
-		};
 	}
-});
+	return r;
+}
 //#endregion
-export { L as default };
+export { r as buildFilterDisplay, t as displayFilterValue, n as parseDropdownValue };