admins-components 9.0.73 → 9.0.75

package/dist/admins-components.js

@@ -32,35 +32,35 @@ import { getUrlParam as ee, joinUrl as te, navigateIframe as ne, removeUrlParam
 import { getDefaultPaginator as ae } from "./admins-components80.js";
 import oe from "./admins-components82.js";
 import { getDefaultSort as se } from "./admins-components83.js";
-import { filterEmptyValues as ce, getDefaultFilters as le, getDefaultSavedFilter as ue, getFilterUrlParams as de, getSavedFilters as fe, writeFilterParams as pe } from "./admins-components87.js";
-import me from "./admins-components90.js";
-import he from "./admins-components93.js";
-import ge from "./admins-components96.js";
-import { getDefaultSearch as _e } from "./admins-components100.js";
-import { dataListDefaults as ve, getDefaultFetchData as ye } from "./admins-components103.js";
-import be from "./admins-components105.js";
-import { isIpInUrl as xe } from "./admins-components106.js";
-import { getCurrentSite as Se } from "./admins-components107.js";
-import { vTooltip as Ce } from "./admins-components108.js";
-import { createNativeFetch as we } from "./admins-components109.js";
-import { FetchDetails as Te, FetchError as Ee, Methods as De, initRequest as Oe } from "./admins-components110.js";
-import { useArticleEditorService as ke } from "./admins-components111.js";
-import { useCurrentUser as Ae } from "./admins-components112.js";
-import { BackendService as je, useBackendService as Me } from "./admins-components113.js";
-import { aoeConfig as Ne, configureArticleOfferElement as Pe } from "./admins-components166.js";
-import Fe from "./admins-components168.js";
-import { apeConfig as Ie, configureArticlePickerElement as Le } from "./admins-components169.js";
-import { configureImagePickerElement as Re, ipeConfig as ze } from "./admins-components170.js";
-import Be from "./admins-components172.js";
-import Ve from "./admins-components173.js";
-import { configureExternalArticleOfferElement as He, eaoeConfig as Ue } from "./admins-components174.js";
-import We from "./admins-components175.js";
-import { configureGalleryImageSelectorElement as Ge, gisConfig as Ke } from "./admins-components176.js";
-import qe from "./admins-components177.js";
-import Je from "./admins-components178.js";
-import Ye from "./admins-components179.js";
-import { configureInternalArticleOfferElement as Xe, iaoeConfig as Ze } from "./admins-components180.js";
-import Qe from "./admins-components181.js";
-import { configurePartnerPickerElement as $e, ppeconfig as et } from "./admins-components182.js";
-import tt from "./admins-components184.js";
-export { Fe as ArticleOfferElement, Be as ArticlePickerElement, je as BackendService, u as Button, m as Calendar, v as Checkbox, E as ConfirmModal, D as CopyToClipboard, X as DataCards, he as DataFilters, be as DataList, N as DataListActions, Q as DataListOptions, oe as DataPaginator, Y as DataTable, h as DatePicker, y as DateRangePicker, Ve as DateTimePickerElement, S as DropdownMenu, x as DropdownSelect, k as ExternalArticleOffer, We as ExternalArticleOfferElement, Te as FetchDetails, Ee as FetchError, ge as FilterTags, me as FiltersHistory, qe as GalleryImageSelectorElement, w as HeaderComponent, O as ImagePicker, Ye as ImagePickerDetailsElement, Je as ImagePickerElement, A as InternalArticleOffer, Qe as InternalArticleOfferElement, b as Loader, De as Methods, T as Modal, tt as PartnerPickerElement, C as Sidebar, _ as TextInput, M as ToastNotification, Ne as aoeConfig, Ie as apeConfig, L as booleanToString, d as calendarConfigDefaults, e as castToDate, Pe as configureArticleOfferElement, Le as configureArticlePickerElement, He as configureExternalArticleOfferElement, Ge as configureGalleryImageSelectorElement, Re as configureImagePickerElement, Xe as configureInternalArticleOfferElement, $e as configurePartnerPickerElement, we as createNativeFetch, P as dataCardsSettingsDefaults, R as dataListConverters, ve as dataListDefaults, F as dataListSettingsDefaults, I as dataTableSettingsDefaults, f as datePickerConfigDefaults, p as dateRangePickerConfigDefaults, g as debounce, Z as deepMerge, Ue as eaoeConfig, t as earlierOf, n as endOfDay, z as enumMap, ce as filterEmptyValues, B as formatCurrency, r as formatDate, V as formatNumber, Se as getCurrentSite, ye as getDefaultFetchData, le as getDefaultFilters, ae as getDefaultPaginator, ue as getDefaultSavedFilter, _e as getDefaultSearch, se as getDefaultSort, de as getFilterUrlParams, $ as getFullStorageKey, fe as getSavedFilters, ee as getUrlParam, Ke as gisConfig, Ze as iaoeConfig, H as identity, Oe as initRequest, ze as ipeConfig, xe as isIpInUrl, te as joinUrl, i as laterOf, U as listToString, W as localToLocalString, a as localToUTCString, ne as navigateIframe, o as parseDate, et as ppeconfig, re as removeUrlParam, ie as setUrlParam, G as shortUuid, s as startOfDay, c as startOfWeek, K as tagList, q as textEllipse, j as toast, ke as useArticleEditorService, Me as useBackendService, Ae as useCurrentUser, J as utcToLocalString, l as utcToString, Ce as vTooltip, pe as writeFilterParams };
+import { filterEmptyValues as ce, getDefaultFilterValues as le, getDefaultFilters as ue, getDefaultSavedFilter as de, getFilterUrlParams as fe, getSavedFilters as pe, writeFilterParams as me } from "./admins-components87.js";
+import he from "./admins-components90.js";
+import ge from "./admins-components93.js";
+import _e from "./admins-components96.js";
+import { getDefaultSearch as ve } from "./admins-components100.js";
+import { dataListDefaults as ye, getDefaultFetchData as be } from "./admins-components103.js";
+import xe from "./admins-components105.js";
+import { isIpInUrl as Se } from "./admins-components106.js";
+import { getCurrentSite as Ce } from "./admins-components107.js";
+import { vTooltip as we } from "./admins-components108.js";
+import { createNativeFetch as Te } from "./admins-components109.js";
+import { FetchDetails as Ee, FetchError as De, Methods as Oe, initRequest as ke } from "./admins-components110.js";
+import { useArticleEditorService as Ae } from "./admins-components111.js";
+import { useCurrentUser as je } from "./admins-components112.js";
+import { BackendService as Me, useBackendService as Ne } from "./admins-components113.js";
+import { aoeConfig as Pe, configureArticleOfferElement as Fe } from "./admins-components166.js";
+import Ie from "./admins-components168.js";
+import { apeConfig as Le, configureArticlePickerElement as Re } from "./admins-components169.js";
+import { configureImagePickerElement as ze, ipeConfig as Be } from "./admins-components170.js";
+import Ve from "./admins-components172.js";
+import He from "./admins-components173.js";
+import { configureExternalArticleOfferElement as Ue, eaoeConfig as We } from "./admins-components174.js";
+import Ge from "./admins-components175.js";
+import { configureGalleryImageSelectorElement as Ke, gisConfig as qe } from "./admins-components176.js";
+import Je from "./admins-components177.js";
+import Ye from "./admins-components178.js";
+import Xe from "./admins-components179.js";
+import { configureInternalArticleOfferElement as Ze, iaoeConfig as Qe } from "./admins-components180.js";
+import $e from "./admins-components181.js";
+import { configurePartnerPickerElement as et, ppeconfig as tt } from "./admins-components182.js";
+import nt from "./admins-components184.js";
+export { Ie as ArticleOfferElement, Ve as ArticlePickerElement, Me as BackendService, u as Button, m as Calendar, v as Checkbox, E as ConfirmModal, D as CopyToClipboard, X as DataCards, ge as DataFilters, xe as DataList, N as DataListActions, Q as DataListOptions, oe as DataPaginator, Y as DataTable, h as DatePicker, y as DateRangePicker, He as DateTimePickerElement, S as DropdownMenu, x as DropdownSelect, k as ExternalArticleOffer, Ge as ExternalArticleOfferElement, Ee as FetchDetails, De as FetchError, _e as FilterTags, he as FiltersHistory, Je as GalleryImageSelectorElement, w as HeaderComponent, O as ImagePicker, Xe as ImagePickerDetailsElement, Ye as ImagePickerElement, A as InternalArticleOffer, $e as InternalArticleOfferElement, b as Loader, Oe as Methods, T as Modal, nt as PartnerPickerElement, C as Sidebar, _ as TextInput, M as ToastNotification, Pe as aoeConfig, Le as apeConfig, L as booleanToString, d as calendarConfigDefaults, e as castToDate, Fe as configureArticleOfferElement, Re as configureArticlePickerElement, Ue as configureExternalArticleOfferElement, Ke as configureGalleryImageSelectorElement, ze as configureImagePickerElement, Ze as configureInternalArticleOfferElement, et as configurePartnerPickerElement, Te as createNativeFetch, P as dataCardsSettingsDefaults, R as dataListConverters, ye as dataListDefaults, F as dataListSettingsDefaults, I as dataTableSettingsDefaults, f as datePickerConfigDefaults, p as dateRangePickerConfigDefaults, g as debounce, Z as deepMerge, We as eaoeConfig, t as earlierOf, n as endOfDay, z as enumMap, ce as filterEmptyValues, B as formatCurrency, r as formatDate, V as formatNumber, Ce as getCurrentSite, be as getDefaultFetchData, le as getDefaultFilterValues, ue as getDefaultFilters, ae as getDefaultPaginator, de as getDefaultSavedFilter, ve as getDefaultSearch, se as getDefaultSort, fe as getFilterUrlParams, $ as getFullStorageKey, pe as getSavedFilters, ee as getUrlParam, qe as gisConfig, Qe as iaoeConfig, H as identity, ke as initRequest, Be as ipeConfig, Se as isIpInUrl, te as joinUrl, i as laterOf, U as listToString, W as localToLocalString, a as localToUTCString, ne as navigateIframe, o as parseDate, tt as ppeconfig, re as removeUrlParam, ie as setUrlParam, G as shortUuid, s as startOfDay, c as startOfWeek, K as tagList, q as textEllipse, j as toast, Ae as useArticleEditorService, Ne as useBackendService, je as useCurrentUser, J as utcToLocalString, l as utcToString, we as vTooltip, me as writeFilterParams };

package/dist/admins-components103.js

@@ -6,15 +6,15 @@ import { getDefaultPaginator as i } from "./admins-components80.js";
 import a from "./admins-components82.js";
 import { getDefaultSort as o } from "./admins-components83.js";
 import s from "./admins-components85.js";
-import { getDefaultFilters as c } from "./admins-components87.js";
-import ee from "./admins-components93.js";
-import l from "./admins-components96.js";
-import te from "./admins-components99.js";
-import { getDefaultSearch as u } from "./admins-components100.js";
-import d from "./admins-components102.js";
-import { computed as f, createBlock as p, createCommentVNode as m, createElementBlock as h, createElementVNode as g, createSlots as _, createVNode as v, defineComponent as y, guardReactiveProps as b, mergeDefaults as x, mergeProps as S, normalizeClass as C, normalizeProps as w, onBeforeUnmount as T, onMounted as E, openBlock as D, ref as O, renderList as k, renderSlot as A, useSlots as j, withCtx as M } from "vue";
+import { getDefaultFilterValues as c, getDefaultFilters as l } from "./admins-components87.js";
+import u from "./admins-components93.js";
+import d from "./admins-components96.js";
+import f from "./admins-components99.js";
+import { getDefaultSearch as p } from "./admins-components100.js";
+import ee from "./admins-components102.js";
+import { computed as m, createBlock as h, createCommentVNode as g, createElementBlock as _, createElementVNode as v, createSlots as y, createVNode as b, defineComponent as x, guardReactiveProps as S, mergeDefaults as C, mergeProps as w, normalizeClass as te, normalizeProps as T, onBeforeUnmount as ne, onMounted as re, openBlock as E, ref as D, renderList as O, renderSlot as k, useSlots as A, withCtx as j } from "vue";
 //#region src/components/data-table/DataList.vue?vue&type=script&setup=true&lang.ts
-var ne = { class: "c-data-list__toolbar" }, N = {
+var M = { class: "c-data-list__toolbar" }, N = {
 	key: 2,
 	class: "flex-center gap-1 flex-center-wrap-on-mobile"
 }, P = { class: "c-data-list__toolbar__right" }, F = {
@@ -27,7 +27,7 @@ var ne = { class: "c-data-list__toolbar" }, N = {
 	fillHeight: !1
 };
 function I(e, t) {
-	let n = i(t), r = o(), a = u(), s = c(e, t, !0);
+	let n = i(t), r = o(), a = p(), s = c(e, t, !0);
 	return {
 		...n,
 		...r,
@@ -35,9 +35,9 @@ function I(e, t) {
 		...s
 	};
 }
-var L = /* @__PURE__ */ y({
+var L = /* @__PURE__ */ x({
 	__name: "DataList",
-	props: /* @__PURE__ */ x({
+	props: /* @__PURE__ */ C({
 		config: {},
 		items: {},
 		settings: {},
@@ -65,91 +65,91 @@ var L = /* @__PURE__ */ y({
 		"sort-change",
 		"search-change"
 	],
-	setup(i, { expose: u, emit: y }) {
-		let x = O(null), F = j(), I = f(() => !!F.actions), L = i;
-		function R(e) {
-			let t = L[e];
-			return t && Object.hasOwn(t, "handleUrl") ? t.handleUrl : L.handleUrl;
+	setup(i, { expose: c, emit: p }) {
+		let x = D(null), C = A(), F = m(() => !!C.actions), I = i;
+		function L(e) {
+			let t = I[e];
+			return t && Object.hasOwn(t, "handleUrl") ? t.handleUrl : I.handleUrl;
 		}
-		let re = f(() => ({
-			...L.searchConfig,
-			handleUrl: R("searchConfig")
-		})), ie = f(() => ({
-			...L.filterConfig,
-			handleUrl: R("filterConfig")
-		})), z = y, B = O(!1), V = O(!1), H = O(null), U = O(!1), W = O(null), G = O(!1), K = O(L.filterConfig?.items ? c(L.filterConfig.items, L.id, !1) : {}), q = null;
-		E(() => {
-			q = new ResizeObserver((e) => {
-				U.value = (e[0]?.contentRect.width ?? 0) < L.layoutBreakpoint;
-			}), W.value && q.observe(W.value);
-		}), T(() => q?.disconnect());
-		let J = f(() => {
-			let e = H.value?.layout;
-			return e === "table" || e === "cards" ? e : U.value ? "cards" : "table";
-		}), Y = f(() => {
-			if (!H.value) return L.config;
-			let e = H.value.columnOrder, t = L.config.columns.map((e) => ({
+		let R = m(() => ({
+			...I.searchConfig,
+			handleUrl: L("searchConfig")
+		})), z = m(() => ({
+			...I.filterConfig,
+			handleUrl: L("filterConfig")
+		})), B = p, V = D(!1), H = D(!1), U = D(null), W = D(!1), G = D(null), K = D(!1), q = D(I.filterConfig?.items ? l(I.filterConfig.items, I.id, !1) : {}), J = null;
+		re(() => {
+			J = new ResizeObserver((e) => {
+				W.value = (e[0]?.contentRect.width ?? 0) < I.layoutBreakpoint;
+			}), G.value && J.observe(G.value);
+		}), ne(() => J?.disconnect());
+		let ie = m(() => {
+			let e = U.value?.layout;
+			return e === "table" || e === "cards" ? e : W.value ? "cards" : "table";
+		}), Y = m(() => {
+			if (!U.value) return I.config;
+			let e = U.value.columnOrder, t = I.config.columns.map((e) => ({
 				...e,
-				visible: H.value.columns[e.property] ?? e.visible !== !1
+				visible: U.value.columns[e.property] ?? e.visible !== !1
 			}));
 			return e?.length && t.sort((t, n) => {
 				let r = e.indexOf(t.property), i = e.indexOf(n.property);
 				return (r === -1 ? 999 : r) - (i === -1 ? 999 : i);
 			}), {
-				...L.config,
+				...I.config,
 				columns: t
 			};
 		});
 		function ae(e) {
-			H.value = e, z("settings-change", e);
+			U.value = e, B("settings-change", e);
 		}
-		u({
-			openOptions: () => B.value = !0,
-			closeOptions: () => B.value = !1,
-			openFilters: () => G.value = !0,
-			closeFilters: () => G.value = !1
+		c({
+			openOptions: () => V.value = !0,
+			closeOptions: () => V.value = !1,
+			openFilters: () => K.value = !0,
+			closeFilters: () => K.value = !1
 		});
 		async function oe(e) {
-			G.value = !0, setTimeout(() => {
+			K.value = !0, setTimeout(() => {
 				x.value?.focusFilter(e);
 			}, 300);
 		}
 		function se(e) {
-			K.value = e.values, z("filter-change", e.transformed);
+			q.value = e.values, B("filter-change", e.transformed);
 		}
-		let X = f(() => Object.values(K.value).filter((e) => e != null && e !== "").length), ce = f(() => !!L.pagination && (L.items.length > 0 || !L.loading)), le = (e) => {
-			z("search-change", e);
-		}, Z = f(() => L.config.columns.filter((e) => e.sort).map((e) => ({
+		let X = m(() => Object.values(q.value).filter((e) => e != null && e !== "").length), ce = m(() => !!I.pagination && (I.items.length > 0 || !I.loading)), le = (e) => {
+			B("search-change", e);
+		}, Z = m(() => I.config.columns.filter((e) => e.sort).map((e) => ({
 			value: e.property,
 			label: e.label
-		}))), Q = O(L.handleUrl ? o() : null), $ = (e) => {
-			Q.value = e, z("sort-change", e);
+		}))), Q = D(I.handleUrl ? o() : null), $ = (e) => {
+			Q.value = e, B("sort-change", e);
 		};
-		return (o, c) => (D(), h("div", {
+		return (o, c) => (E(), _("div", {
 			ref_key: "root",
-			ref: W,
-			class: C(["ac-component c-data-list", { "c-data-list--fill-height": i.fillHeight }])
+			ref: G,
+			class: te(["ac-component c-data-list", { "c-data-list--fill-height": i.fillHeight }])
 		}, [
-			g("div", ne, [
-				i.useSearch ? (D(), p(d, S({ key: 0 }, re.value, { onSearchChange: le }), null, 16)) : m("", !0),
-				i.useFilters && i.filterConfig?.items && i.filterConfig.items.length > 0 ? (D(), p(e, {
+			v("div", M, [
+				i.useSearch ? (E(), h(ee, w({ key: 0 }, R.value, { onSearchChange: le }), null, 16)) : g("", !0),
+				i.useFilters && i.filterConfig?.items && i.filterConfig.items.length > 0 ? (E(), h(e, {
 					key: 1,
 					label: "Szűrők",
 					icon: "fa-solid fa-filter",
-					onClick: c[0] ||= (e) => G.value = !0,
+					onClick: c[0] ||= (e) => K.value = !0,
 					style: { "flex-shrink": "0" },
 					type: X.value > 0 ? "primary" : "normal",
 					indicator: X.value > 0 ? X.value : void 0
-				}, null, 8, ["type", "indicator"])) : m("", !0),
-				i.useFilters && i.filterConfig?.items && i.filterConfig.items.length > 0 ? (D(), h("div", N, [v(l, {
-					filters: K.value,
+				}, null, 8, ["type", "indicator"])) : g("", !0),
+				i.useFilters && i.filterConfig?.items && i.filterConfig.items.length > 0 ? (E(), _("div", N, [b(d, {
+					filters: q.value,
 					items: i.filterConfig.items,
 					compact: "",
 					onRemove: c[1] ||= (e) => x.value?.clearFilter(e),
 					onOpenFilter: oe
-				}, null, 8, ["filters", "items"])])) : m("", !0),
-				g("div", P, [
-					Z.value.length > 0 ? (D(), p(s, {
+				}, null, 8, ["filters", "items"])])) : g("", !0),
+				v("div", P, [
+					Z.value.length > 0 ? (E(), h(s, {
 						key: 0,
 						modelValue: Q.value,
 						"onUpdate:modelValue": c[2] ||= (e) => Q.value = e,
@@ -160,51 +160,51 @@ var L = /* @__PURE__ */ y({
 						"modelValue",
 						"options",
 						"handle-url"
-					])) : m("", !0),
-					v(e, {
+					])) : g("", !0),
+					b(e, {
 						icon: "fa-solid fa-gear",
 						class: "lh-normal settings-btn",
 						ariaLabel: "Beállítások",
-						onClick: c[3] ||= (e) => B.value = !0
+						onClick: c[3] ||= (e) => V.value = !0
 					}),
-					v(e, {
+					b(e, {
 						icon: "fa-solid fa-question",
 						class: "lh-normal",
-						onClick: c[4] ||= (e) => V.value = !0,
+						onClick: c[4] ||= (e) => H.value = !0,
 						ariaLabel: "Súgó"
 					})
 				])
 			]),
-			i.useFilters && i.filterConfig?.items && i.filterConfig.items.length > 0 ? (D(), p(ee, S({
+			i.useFilters && i.filterConfig?.items && i.filterConfig.items.length > 0 ? (E(), h(u, w({
 				key: 0,
 				ref_key: "dataFiltersRef",
 				ref: x
-			}, ie.value, {
+			}, z.value, {
 				"storage-key": i.id,
-				open: G.value,
-				onClose: c[5] ||= (e) => G.value = !1,
+				open: K.value,
+				onClose: c[5] ||= (e) => K.value = !1,
 				onChange: se
-			}), null, 16, ["storage-key", "open"])) : m("", !0),
-			v(te, {
-				open: V.value,
-				onClose: c[6] ||= (e) => V.value = !1
+			}), null, 16, ["storage-key", "open"])) : g("", !0),
+			b(f, {
+				open: H.value,
+				onClose: c[6] ||= (e) => H.value = !1
 			}, null, 8, ["open"]),
-			J.value === "table" ? (D(), p(t, {
+			ie.value === "table" ? (E(), h(t, {
 				key: 1,
 				config: Y.value,
 				loading: i.loading,
 				items: i.items,
-				settings: H.value ?? void 0,
+				settings: U.value ?? void 0,
 				"initial-sort": Q.value,
-				onFilterChange: c[7] ||= (e) => z("filter-change", e),
-				onSelectionChange: c[8] ||= (e) => z("selection-change", e),
+				onFilterChange: c[7] ||= (e) => B("filter-change", e),
+				onSelectionChange: c[8] ||= (e) => B("selection-change", e),
 				onSortChange: $
-			}, _({ _: 2 }, [k(Y.value.columns, (e) => ({
+			}, y({ _: 2 }, [O(Y.value.columns, (e) => ({
 				name: `cell:${e.property}`,
-				fn: M((t) => [A(o.$slots, `cell:${e.property}`, w(b(t)))])
-			})), I.value ? {
+				fn: j((t) => [k(o.$slots, `cell:${e.property}`, T(S(t)))])
+			})), F.value ? {
 				name: "actions",
-				fn: M((e) => [A(o.$slots, "actions", w(b(e)))]),
+				fn: j((e) => [k(o.$slots, "actions", T(S(e)))]),
 				key: "0"
 			} : void 0]), 1032, [
 				"config",
@@ -212,19 +212,19 @@ var L = /* @__PURE__ */ y({
 				"items",
 				"settings",
 				"initial-sort"
-			])) : (D(), p(n, {
+			])) : (E(), h(n, {
 				key: 2,
 				config: Y.value,
 				loading: i.loading,
 				items: i.items,
-				settings: H.value ?? void 0,
-				onSelectionChange: c[9] ||= (e) => z("selection-change", e)
-			}, _({ _: 2 }, [k(Y.value.columns, (e) => ({
+				settings: U.value ?? void 0,
+				onSelectionChange: c[9] ||= (e) => B("selection-change", e)
+			}, y({ _: 2 }, [O(Y.value.columns, (e) => ({
 				name: `cell:${e.property}`,
-				fn: M((t) => [A(o.$slots, `cell:${e.property}`, w(b(t)))])
-			})), I.value ? {
+				fn: j((t) => [k(o.$slots, `cell:${e.property}`, T(S(t)))])
+			})), F.value ? {
 				name: "actions",
-				fn: M((e) => [A(o.$slots, "actions", w(b(e)))]),
+				fn: j((e) => [k(o.$slots, "actions", T(S(e)))]),
 				key: "0"
 			} : void 0]), 1032, [
 				"config",
@@ -232,24 +232,24 @@ var L = /* @__PURE__ */ y({
 				"items",
 				"settings"
 			])),
-			i.pagination && ce.value ? (D(), p(a, {
+			i.pagination && ce.value ? (E(), h(a, {
 				key: 3,
 				settings: i.pagination,
 				"storage-key": i.id,
 				"handle-url": i.handleUrl,
-				"onUpdate:pagination": c[10] ||= (e) => z("pagination-change", e)
+				"onUpdate:pagination": c[10] ||= (e) => B("pagination-change", e)
 			}, null, 8, [
 				"settings",
 				"storage-key",
 				"handle-url"
-			])) : m("", !0),
-			v(r, {
-				open: B.value,
+			])) : g("", !0),
+			b(r, {
+				open: V.value,
 				columns: i.config.columns,
 				settings: i.settings ?? {},
 				"storage-key": i.id,
 				orderable: i.orderable,
-				onClose: c[11] ||= (e) => B.value = !1,
+				onClose: c[11] ||= (e) => V.value = !1,
 				onChange: ae
 			}, null, 8, [
 				"open",

package/dist/admins-components103.js.map

@@ -1 +1 @@
-{"version":3,"file":"admins-components103.js","names":[],"sources":["../src/components/data-table/DataList.vue"],"sourcesContent":["<script lang=\"ts\">\nexport type { PaginatorSettings } from '@/types/data-list'\nexport type { DataSearchProps } from './DataSearch.vue'\nexport type { DataFiltersProps } from './DataFilters.vue'\n\nexport interface DataListProps {\n  config: DataListConfig\n  items: Record<string, unknown>[]\n  settings?: Partial<DataListSettings>\n  id: string\n  layoutBreakpoint?: number\n  orderable?: boolean\n  pagination?: PaginatorSettings\n  loading?: boolean\n  handleUrl?: boolean\n  useSearch?: boolean\n  useFilters?: boolean\n  searchConfig?: DataSearchProps\n  filterConfig?: DataFiltersProps\n  fillHeight?: boolean\n}\n\nexport const dataListDefaults = {\n  layoutBreakpoint: 768,\n  orderable: true,\n  loading: false,\n  useSearch: true,\n  useFilters: true,\n  handleUrl: false,\n  fillHeight: false,\n}\n\nexport function getDefaultFetchData(filters: FilterItem[], storageKey: string) {\n  const defaultPaginator = getDefaultPaginator(storageKey)\n  const defaultSort = getDefaultSort()\n  const defaultSearch = getDefaultSearch()\n  const defaultFilters = getDefaultFilters(filters, storageKey, true)\n\n  return {\n    ...defaultPaginator,\n    ...defaultSort,\n    ...defaultSearch,\n    ...defaultFilters,\n  }\n}\n</script>\n\n<script setup lang=\"ts\">\nimport { ref, computed, onMounted, onBeforeUnmount, useSlots } from 'vue'\nimport DataTable from '@/components/data-table/DataTable.vue'\nimport DataCards from '@/components/data-table/DataCards.vue'\nimport DataListOptions from '@/components/data-table/DataListOptions.vue'\nimport DataPaginator, { getDefaultPaginator } from '@/components/data-table/DataPaginator.vue'\nimport Button from '@/components/Button.vue'\nimport DataSort, { getDefaultSort, type DataSortOption } from '@/components/data-table/DataSort.vue'\nimport type {\n  DataListConfig,\n  DataListSettings,\n  PageSettings,\n  PaginatorSettings,\n} from '@/types/data-list'\nimport type { FilterValue } from '@/types/data-list'\nimport DataFilters, {\n  type FilterResponse,\n  type DataFiltersProps,\n  type FilterItem,\n} from '@/components/data-table/DataFilters.vue'\nimport FilterTags from '@/components/data-table/FilterTags.vue'\nimport DataListGuide from '@/components/data-table/DataListGuide.vue'\nimport DataSearch, { getDefaultSearch, type DataSearchProps } from './DataSearch.vue'\nimport { getDefaultFilters } from '@/utils/dataFilters.ts'\n\nconst dataFiltersRef = ref<InstanceType<typeof DataFilters> | null>(null)\nconst slots = useSlots()\nconst hasActionsSlot = computed(() => !!slots.actions)\n\nconst props = withDefaults(defineProps<DataListProps>(), {\n  ...dataListDefaults,\n  searchConfig: undefined,\n  filterConfig: undefined,\n})\n\nfunction resolvedHandleUrl(side: 'searchConfig' | 'filterConfig'): boolean | undefined {\n  const sideConfig = props[side]\n  if (sideConfig && Object.hasOwn(sideConfig as object, 'handleUrl')) {\n    return (sideConfig as { handleUrl?: boolean }).handleUrl\n  }\n  return props.handleUrl\n}\n\nconst mergedSearchConfig = computed<DataSearchProps>(() => ({\n  ...props.searchConfig,\n  handleUrl: resolvedHandleUrl('searchConfig'),\n}))\n\nconst mergedFilterConfig = computed<DataFiltersProps>(() => ({\n  ...(props.filterConfig as DataFiltersProps),\n  handleUrl: resolvedHandleUrl('filterConfig'),\n}))\n\nconst emit = defineEmits<{\n  'filter-change': [filters: Record<string, FilterValue>]\n  'selection-change': [selected: unknown[]]\n  'settings-change': [settings: DataListSettings]\n  'pagination-change': [pagination: PageSettings]\n  'sort-change': [sort: { key: string; direction: 'asc' | 'desc' } | null]\n  'search-change': [filters: Record<string, string | boolean>]\n}>()\n\nconst showOptions = ref(false)\nconst showGuide = ref(false)\nconst resolvedSettings = ref<DataListSettings | null>(null)\nconst isMobile = ref(false)\nconst root = ref<HTMLElement | null>(null)\nconst showFilters = ref(false)\n\nconst activeFilters = ref<Record<string, unknown>>(\n  props.filterConfig?.items ? getDefaultFilters(props.filterConfig.items, props.id, false) : {},\n)\nlet resizeObserver: ResizeObserver | null = null\n\nonMounted(() => {\n  resizeObserver = new ResizeObserver((entries) => {\n    isMobile.value = (entries[0]?.contentRect.width ?? 0) < props.layoutBreakpoint\n  })\n  if (root.value) resizeObserver.observe(root.value)\n})\n\nonBeforeUnmount(() => resizeObserver?.disconnect())\n\nconst effectiveLayout = computed<'table' | 'cards'>(() => {\n  const layout = resolvedSettings.value?.layout\n  if (layout === 'table' || layout === 'cards') return layout\n  return isMobile.value ? 'cards' : 'table'\n})\n\nconst internalConfig = computed<DataListConfig>(() => {\n  if (!resolvedSettings.value) return props.config\n  const order = resolvedSettings.value.columnOrder\n  const mapped = props.config.columns.map((c) => ({\n    ...c,\n    visible: resolvedSettings.value!.columns[c.property] ?? c.visible !== false,\n  }))\n  if (order?.length) {\n    mapped.sort((a, b) => {\n      const ai = order.indexOf(a.property)\n      const bi = order.indexOf(b.property)\n      return (ai === -1 ? 999 : ai) - (bi === -1 ? 999 : bi)\n    })\n  }\n  return { ...props.config, columns: mapped }\n})\n\nfunction onSettingsChange(s: DataListSettings) {\n  resolvedSettings.value = s\n  emit('settings-change', s)\n}\n\ndefineExpose({\n  openOptions: () => (showOptions.value = true),\n  closeOptions: () => (showOptions.value = false),\n  openFilters: () => (showFilters.value = true),\n  closeFilters: () => (showFilters.value = false),\n})\n\nasync function openFilter(key: string) {\n  showFilters.value = true\n  setTimeout(() => {\n    dataFiltersRef.value?.focusFilter(key)\n  }, 300)\n}\n\nfunction onFilterChange(response: FilterResponse) {\n  activeFilters.value = response.values\n  emit('filter-change', response.transformed)\n}\n\nconst activeFiltersCount = computed(\n  () => Object.values(activeFilters.value).filter((v) => v != null && v !== '').length,\n)\n\nconst showPaginator = computed(\n  () => !!props.pagination && (props.items.length > 0 || !props.loading),\n)\n\nconst searchChange = (value: Record<string, string | boolean>) => {\n  emit('search-change', value)\n}\n\nconst sortableColumns = computed<DataSortOption[]>(() =>\n  props.config.columns.filter((c) => c.sort).map((c) => ({ value: c.property, label: c.label })),\n)\n\nconst currentSort = ref<{ key: string; direction: 'asc' | 'desc' } | null>(\n  props.handleUrl ? getDefaultSort() : null,\n)\n\nconst onSortChange = (sort: { key: string; direction: 'asc' | 'desc' } | null) => {\n  currentSort.value = sort\n  // DataSort already writes the URL when handleUrl: true; we only emit.\n  emit('sort-change', sort)\n}\n</script>\n\n<template>\n  <div\n    ref=\"root\"\n    class=\"ac-component c-data-list\"\n    :class=\"{ 'c-data-list--fill-height': fillHeight }\"\n  >\n    <div class=\"c-data-list__toolbar\">\n      <DataSearch v-if=\"useSearch\" v-bind=\"mergedSearchConfig\" @search-change=\"searchChange\" />\n      <Button\n        v-if=\"useFilters && filterConfig?.items && filterConfig.items.length > 0\"\n        label=\"Szűrők\"\n        icon=\"fa-solid fa-filter\"\n        @click=\"showFilters = true\"\n        style=\"flex-shrink: 0\"\n        :type=\"activeFiltersCount > 0 ? 'primary' : 'normal'\"\n        :indicator=\"activeFiltersCount > 0 ? activeFiltersCount : undefined\"\n      />\n      <div\n        class=\"flex-center gap-1 flex-center-wrap-on-mobile\"\n        v-if=\"useFilters && filterConfig?.items && filterConfig.items.length > 0\"\n      >\n        <FilterTags\n          :filters=\"activeFilters\"\n          :items=\"filterConfig.items\"\n          compact\n          @remove=\"(key: string) => dataFiltersRef?.clearFilter(key)\"\n          @openFilter=\"openFilter\"\n        />\n      </div>\n      <div class=\"c-data-list__toolbar__right\">\n        <DataSort\n          v-if=\"sortableColumns.length > 0\"\n          v-model=\"currentSort\"\n          :options=\"sortableColumns\"\n          :handle-url=\"handleUrl\"\n          @sort-change=\"onSortChange\"\n        />\n\n        <Button\n          icon=\"fa-solid fa-gear\"\n          class=\"lh-normal settings-btn\"\n          ariaLabel=\"Beállítások\"\n          @click=\"showOptions = true\"\n        />\n        <Button\n          icon=\"fa-solid fa-question\"\n          class=\"lh-normal\"\n          @click=\"showGuide = true\"\n          ariaLabel=\"Súgó\"\n        />\n      </div>\n    </div>\n    <DataFilters\n      ref=\"dataFiltersRef\"\n      v-if=\"useFilters && filterConfig?.items && filterConfig.items.length > 0\"\n      v-bind=\"mergedFilterConfig\"\n      :storage-key=\"id\"\n      :open=\"showFilters\"\n      @close=\"showFilters = false\"\n      @change=\"onFilterChange\"\n    />\n    <DataListGuide :open=\"showGuide\" @close=\"showGuide = false\" />\n    <DataTable\n      v-if=\"effectiveLayout === 'table'\"\n      :config=\"internalConfig\"\n      :loading=\"loading\"\n      :items=\"items\"\n      :settings=\"resolvedSettings ?? undefined\"\n      :initial-sort=\"currentSort\"\n      @filter-change=\"emit('filter-change', $event)\"\n      @selection-change=\"emit('selection-change', $event)\"\n      @sort-change=\"onSortChange\"\n    >\n      <template\n        v-for=\"col in internalConfig.columns\"\n        :key=\"col.property\"\n        #[`cell:${col.property}`]=\"slotProps\"\n      >\n        <slot :name=\"`cell:${col.property}`\" v-bind=\"slotProps\" />\n      </template>\n      <template v-if=\"hasActionsSlot\" #actions=\"slotProps\">\n        <slot name=\"actions\" v-bind=\"slotProps\" />\n      </template>\n    </DataTable>\n\n    <DataCards\n      v-else\n      :config=\"internalConfig\"\n      :loading=\"loading\"\n      :items=\"items\"\n      :settings=\"resolvedSettings ?? undefined\"\n      @selection-change=\"emit('selection-change', $event)\"\n    >\n      <template\n        v-for=\"col in internalConfig.columns\"\n        :key=\"col.property\"\n        #[`cell:${col.property}`]=\"slotProps\"\n      >\n        <slot :name=\"`cell:${col.property}`\" v-bind=\"slotProps\" />\n      </template>\n      <template v-if=\"hasActionsSlot\" #actions=\"slotProps\">\n        <slot name=\"actions\" v-bind=\"slotProps\" />\n      </template>\n    </DataCards>\n\n    <DataPaginator\n      v-if=\"pagination && showPaginator\"\n      :settings=\"pagination\"\n      :storage-key=\"id\"\n      :handle-url=\"handleUrl\"\n      @update:pagination=\"emit('pagination-change', $event)\"\n    />\n\n    <DataListOptions\n      :open=\"showOptions\"\n      :columns=\"config.columns\"\n      :settings=\"settings ?? {}\"\n      :storage-key=\"id\"\n      :orderable=\"orderable\"\n      @close=\"showOptions = false\"\n      @change=\"onSettingsChange\"\n    />\n  </div>\n</template>\n\n<style lang=\"scss\" src=\"@/styles/components/data-table/data-list.scss\"></style>\n"],"mappings":"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"}
+{"version":3,"file":"admins-components103.js","names":[],"sources":["../src/components/data-table/DataList.vue"],"sourcesContent":["<script lang=\"ts\">\nexport type { PaginatorSettings } from '@/types/data-list'\nexport type { DataSearchProps } from './DataSearch.vue'\nexport type { DataFiltersProps } from './DataFilters.vue'\n\nexport interface DataListProps {\n  config: DataListConfig\n  items: Record<string, unknown>[]\n  settings?: Partial<DataListSettings>\n  id: string\n  layoutBreakpoint?: number\n  orderable?: boolean\n  pagination?: PaginatorSettings\n  loading?: boolean\n  handleUrl?: boolean\n  useSearch?: boolean\n  useFilters?: boolean\n  searchConfig?: DataSearchProps\n  filterConfig?: DataFiltersProps\n  fillHeight?: boolean\n}\n\nexport const dataListDefaults = {\n  layoutBreakpoint: 768,\n  orderable: true,\n  loading: false,\n  useSearch: true,\n  useFilters: true,\n  handleUrl: false,\n  fillHeight: false,\n}\n\nexport function getDefaultFetchData(filters: FilterItem[], storageKey: string) {\n  const defaultPaginator = getDefaultPaginator(storageKey)\n  const defaultSort = getDefaultSort()\n  const defaultSearch = getDefaultSearch()\n  const defaultFilters = getDefaultFilterValues(filters, storageKey, true)\n\n  return {\n    ...defaultPaginator,\n    ...defaultSort,\n    ...defaultSearch,\n    ...defaultFilters,\n  }\n}\n</script>\n\n<script setup lang=\"ts\">\nimport { ref, computed, onMounted, onBeforeUnmount, useSlots } from 'vue'\nimport DataTable from '@/components/data-table/DataTable.vue'\nimport DataCards from '@/components/data-table/DataCards.vue'\nimport DataListOptions from '@/components/data-table/DataListOptions.vue'\nimport DataPaginator, { getDefaultPaginator } from '@/components/data-table/DataPaginator.vue'\nimport Button from '@/components/Button.vue'\nimport DataSort, { getDefaultSort, type DataSortOption } from '@/components/data-table/DataSort.vue'\nimport type {\n  DataListConfig,\n  DataListSettings,\n  PageSettings,\n  PaginatorSettings,\n} from '@/types/data-list'\nimport type { FilterValue } from '@/types/data-list'\nimport DataFilters, {\n  type FilterResponse,\n  type DataFiltersProps,\n  type FilterItem,\n} from '@/components/data-table/DataFilters.vue'\nimport FilterTags from '@/components/data-table/FilterTags.vue'\nimport DataListGuide from '@/components/data-table/DataListGuide.vue'\nimport DataSearch, { getDefaultSearch, type DataSearchProps } from './DataSearch.vue'\nimport { getDefaultFilters, getDefaultFilterValues } from '@/utils/dataFilters.ts'\n\nconst dataFiltersRef = ref<InstanceType<typeof DataFilters> | null>(null)\nconst slots = useSlots()\nconst hasActionsSlot = computed(() => !!slots.actions)\n\nconst props = withDefaults(defineProps<DataListProps>(), {\n  ...dataListDefaults,\n  searchConfig: undefined,\n  filterConfig: undefined,\n})\n\nfunction resolvedHandleUrl(side: 'searchConfig' | 'filterConfig'): boolean | undefined {\n  const sideConfig = props[side]\n  if (sideConfig && Object.hasOwn(sideConfig as object, 'handleUrl')) {\n    return (sideConfig as { handleUrl?: boolean }).handleUrl\n  }\n  return props.handleUrl\n}\n\nconst mergedSearchConfig = computed<DataSearchProps>(() => ({\n  ...props.searchConfig,\n  handleUrl: resolvedHandleUrl('searchConfig'),\n}))\n\nconst mergedFilterConfig = computed<DataFiltersProps>(() => ({\n  ...(props.filterConfig as DataFiltersProps),\n  handleUrl: resolvedHandleUrl('filterConfig'),\n}))\n\nconst emit = defineEmits<{\n  'filter-change': [filters: Record<string, FilterValue>]\n  'selection-change': [selected: unknown[]]\n  'settings-change': [settings: DataListSettings]\n  'pagination-change': [pagination: PageSettings]\n  'sort-change': [sort: { key: string; direction: 'asc' | 'desc' } | null]\n  'search-change': [filters: Record<string, string | boolean>]\n}>()\n\nconst showOptions = ref(false)\nconst showGuide = ref(false)\nconst resolvedSettings = ref<DataListSettings | null>(null)\nconst isMobile = ref(false)\nconst root = ref<HTMLElement | null>(null)\nconst showFilters = ref(false)\n\nconst activeFilters = ref<Record<string, unknown>>(\n  props.filterConfig?.items ? getDefaultFilters(props.filterConfig.items, props.id, false) : {},\n)\nlet resizeObserver: ResizeObserver | null = null\n\nonMounted(() => {\n  resizeObserver = new ResizeObserver((entries) => {\n    isMobile.value = (entries[0]?.contentRect.width ?? 0) < props.layoutBreakpoint\n  })\n  if (root.value) resizeObserver.observe(root.value)\n})\n\nonBeforeUnmount(() => resizeObserver?.disconnect())\n\nconst effectiveLayout = computed<'table' | 'cards'>(() => {\n  const layout = resolvedSettings.value?.layout\n  if (layout === 'table' || layout === 'cards') return layout\n  return isMobile.value ? 'cards' : 'table'\n})\n\nconst internalConfig = computed<DataListConfig>(() => {\n  if (!resolvedSettings.value) return props.config\n  const order = resolvedSettings.value.columnOrder\n  const mapped = props.config.columns.map((c) => ({\n    ...c,\n    visible: resolvedSettings.value!.columns[c.property] ?? c.visible !== false,\n  }))\n  if (order?.length) {\n    mapped.sort((a, b) => {\n      const ai = order.indexOf(a.property)\n      const bi = order.indexOf(b.property)\n      return (ai === -1 ? 999 : ai) - (bi === -1 ? 999 : bi)\n    })\n  }\n  return { ...props.config, columns: mapped }\n})\n\nfunction onSettingsChange(s: DataListSettings) {\n  resolvedSettings.value = s\n  emit('settings-change', s)\n}\n\ndefineExpose({\n  openOptions: () => (showOptions.value = true),\n  closeOptions: () => (showOptions.value = false),\n  openFilters: () => (showFilters.value = true),\n  closeFilters: () => (showFilters.value = false),\n})\n\nasync function openFilter(key: string) {\n  showFilters.value = true\n  setTimeout(() => {\n    dataFiltersRef.value?.focusFilter(key)\n  }, 300)\n}\n\nfunction onFilterChange(response: FilterResponse) {\n  activeFilters.value = response.values\n  emit('filter-change', response.transformed)\n}\n\nconst activeFiltersCount = computed(\n  () => Object.values(activeFilters.value).filter((v) => v != null && v !== '').length,\n)\n\nconst showPaginator = computed(\n  () => !!props.pagination && (props.items.length > 0 || !props.loading),\n)\n\nconst searchChange = (value: Record<string, string | boolean>) => {\n  emit('search-change', value)\n}\n\nconst sortableColumns = computed<DataSortOption[]>(() =>\n  props.config.columns.filter((c) => c.sort).map((c) => ({ value: c.property, label: c.label })),\n)\n\nconst currentSort = ref<{ key: string; direction: 'asc' | 'desc' } | null>(\n  props.handleUrl ? getDefaultSort() : null,\n)\n\nconst onSortChange = (sort: { key: string; direction: 'asc' | 'desc' } | null) => {\n  currentSort.value = sort\n  // DataSort already writes the URL when handleUrl: true; we only emit.\n  emit('sort-change', sort)\n}\n</script>\n\n<template>\n  <div\n    ref=\"root\"\n    class=\"ac-component c-data-list\"\n    :class=\"{ 'c-data-list--fill-height': fillHeight }\"\n  >\n    <div class=\"c-data-list__toolbar\">\n      <DataSearch v-if=\"useSearch\" v-bind=\"mergedSearchConfig\" @search-change=\"searchChange\" />\n      <Button\n        v-if=\"useFilters && filterConfig?.items && filterConfig.items.length > 0\"\n        label=\"Szűrők\"\n        icon=\"fa-solid fa-filter\"\n        @click=\"showFilters = true\"\n        style=\"flex-shrink: 0\"\n        :type=\"activeFiltersCount > 0 ? 'primary' : 'normal'\"\n        :indicator=\"activeFiltersCount > 0 ? activeFiltersCount : undefined\"\n      />\n      <div\n        class=\"flex-center gap-1 flex-center-wrap-on-mobile\"\n        v-if=\"useFilters && filterConfig?.items && filterConfig.items.length > 0\"\n      >\n        <FilterTags\n          :filters=\"activeFilters\"\n          :items=\"filterConfig.items\"\n          compact\n          @remove=\"(key: string) => dataFiltersRef?.clearFilter(key)\"\n          @openFilter=\"openFilter\"\n        />\n      </div>\n      <div class=\"c-data-list__toolbar__right\">\n        <DataSort\n          v-if=\"sortableColumns.length > 0\"\n          v-model=\"currentSort\"\n          :options=\"sortableColumns\"\n          :handle-url=\"handleUrl\"\n          @sort-change=\"onSortChange\"\n        />\n\n        <Button\n          icon=\"fa-solid fa-gear\"\n          class=\"lh-normal settings-btn\"\n          ariaLabel=\"Beállítások\"\n          @click=\"showOptions = true\"\n        />\n        <Button\n          icon=\"fa-solid fa-question\"\n          class=\"lh-normal\"\n          @click=\"showGuide = true\"\n          ariaLabel=\"Súgó\"\n        />\n      </div>\n    </div>\n    <DataFilters\n      ref=\"dataFiltersRef\"\n      v-if=\"useFilters && filterConfig?.items && filterConfig.items.length > 0\"\n      v-bind=\"mergedFilterConfig\"\n      :storage-key=\"id\"\n      :open=\"showFilters\"\n      @close=\"showFilters = false\"\n      @change=\"onFilterChange\"\n    />\n    <DataListGuide :open=\"showGuide\" @close=\"showGuide = false\" />\n    <DataTable\n      v-if=\"effectiveLayout === 'table'\"\n      :config=\"internalConfig\"\n      :loading=\"loading\"\n      :items=\"items\"\n      :settings=\"resolvedSettings ?? undefined\"\n      :initial-sort=\"currentSort\"\n      @filter-change=\"emit('filter-change', $event)\"\n      @selection-change=\"emit('selection-change', $event)\"\n      @sort-change=\"onSortChange\"\n    >\n      <template\n        v-for=\"col in internalConfig.columns\"\n        :key=\"col.property\"\n        #[`cell:${col.property}`]=\"slotProps\"\n      >\n        <slot :name=\"`cell:${col.property}`\" v-bind=\"slotProps\" />\n      </template>\n      <template v-if=\"hasActionsSlot\" #actions=\"slotProps\">\n        <slot name=\"actions\" v-bind=\"slotProps\" />\n      </template>\n    </DataTable>\n\n    <DataCards\n      v-else\n      :config=\"internalConfig\"\n      :loading=\"loading\"\n      :items=\"items\"\n      :settings=\"resolvedSettings ?? undefined\"\n      @selection-change=\"emit('selection-change', $event)\"\n    >\n      <template\n        v-for=\"col in internalConfig.columns\"\n        :key=\"col.property\"\n        #[`cell:${col.property}`]=\"slotProps\"\n      >\n        <slot :name=\"`cell:${col.property}`\" v-bind=\"slotProps\" />\n      </template>\n      <template v-if=\"hasActionsSlot\" #actions=\"slotProps\">\n        <slot name=\"actions\" v-bind=\"slotProps\" />\n      </template>\n    </DataCards>\n\n    <DataPaginator\n      v-if=\"pagination && showPaginator\"\n      :settings=\"pagination\"\n      :storage-key=\"id\"\n      :handle-url=\"handleUrl\"\n      @update:pagination=\"emit('pagination-change', $event)\"\n    />\n\n    <DataListOptions\n      :open=\"showOptions\"\n      :columns=\"config.columns\"\n      :settings=\"settings ?? {}\"\n      :storage-key=\"id\"\n      :orderable=\"orderable\"\n      @close=\"showOptions = false\"\n      @change=\"onSettingsChange\"\n    />\n  </div>\n</template>\n\n<style lang=\"scss\" src=\"@/styles/components/data-table/data-list.scss\"></style>\n"],"mappings":"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"}

package/dist/admins-components105.js.map

@@ -1 +1 @@
-{"version":3,"file":"admins-components105.js","names":[],"sources":["../src/components/data-table/DataList.vue"],"sourcesContent":["<script lang=\"ts\">\nexport type { PaginatorSettings } from '@/types/data-list'\nexport type { DataSearchProps } from './DataSearch.vue'\nexport type { DataFiltersProps } from './DataFilters.vue'\n\nexport interface DataListProps {\n  config: DataListConfig\n  items: Record<string, unknown>[]\n  settings?: Partial<DataListSettings>\n  id: string\n  layoutBreakpoint?: number\n  orderable?: boolean\n  pagination?: PaginatorSettings\n  loading?: boolean\n  handleUrl?: boolean\n  useSearch?: boolean\n  useFilters?: boolean\n  searchConfig?: DataSearchProps\n  filterConfig?: DataFiltersProps\n  fillHeight?: boolean\n}\n\nexport const dataListDefaults = {\n  layoutBreakpoint: 768,\n  orderable: true,\n  loading: false,\n  useSearch: true,\n  useFilters: true,\n  handleUrl: false,\n  fillHeight: false,\n}\n\nexport function getDefaultFetchData(filters: FilterItem[], storageKey: string) {\n  const defaultPaginator = getDefaultPaginator(storageKey)\n  const defaultSort = getDefaultSort()\n  const defaultSearch = getDefaultSearch()\n  const defaultFilters = getDefaultFilters(filters, storageKey, true)\n\n  return {\n    ...defaultPaginator,\n    ...defaultSort,\n    ...defaultSearch,\n    ...defaultFilters,\n  }\n}\n</script>\n\n<script setup lang=\"ts\">\nimport { ref, computed, onMounted, onBeforeUnmount, useSlots } from 'vue'\nimport DataTable from '@/components/data-table/DataTable.vue'\nimport DataCards from '@/components/data-table/DataCards.vue'\nimport DataListOptions from '@/components/data-table/DataListOptions.vue'\nimport DataPaginator, { getDefaultPaginator } from '@/components/data-table/DataPaginator.vue'\nimport Button from '@/components/Button.vue'\nimport DataSort, { getDefaultSort, type DataSortOption } from '@/components/data-table/DataSort.vue'\nimport type {\n  DataListConfig,\n  DataListSettings,\n  PageSettings,\n  PaginatorSettings,\n} from '@/types/data-list'\nimport type { FilterValue } from '@/types/data-list'\nimport DataFilters, {\n  type FilterResponse,\n  type DataFiltersProps,\n  type FilterItem,\n} from '@/components/data-table/DataFilters.vue'\nimport FilterTags from '@/components/data-table/FilterTags.vue'\nimport DataListGuide from '@/components/data-table/DataListGuide.vue'\nimport DataSearch, { getDefaultSearch, type DataSearchProps } from './DataSearch.vue'\nimport { getDefaultFilters } from '@/utils/dataFilters.ts'\n\nconst dataFiltersRef = ref<InstanceType<typeof DataFilters> | null>(null)\nconst slots = useSlots()\nconst hasActionsSlot = computed(() => !!slots.actions)\n\nconst props = withDefaults(defineProps<DataListProps>(), {\n  ...dataListDefaults,\n  searchConfig: undefined,\n  filterConfig: undefined,\n})\n\nfunction resolvedHandleUrl(side: 'searchConfig' | 'filterConfig'): boolean | undefined {\n  const sideConfig = props[side]\n  if (sideConfig && Object.hasOwn(sideConfig as object, 'handleUrl')) {\n    return (sideConfig as { handleUrl?: boolean }).handleUrl\n  }\n  return props.handleUrl\n}\n\nconst mergedSearchConfig = computed<DataSearchProps>(() => ({\n  ...props.searchConfig,\n  handleUrl: resolvedHandleUrl('searchConfig'),\n}))\n\nconst mergedFilterConfig = computed<DataFiltersProps>(() => ({\n  ...(props.filterConfig as DataFiltersProps),\n  handleUrl: resolvedHandleUrl('filterConfig'),\n}))\n\nconst emit = defineEmits<{\n  'filter-change': [filters: Record<string, FilterValue>]\n  'selection-change': [selected: unknown[]]\n  'settings-change': [settings: DataListSettings]\n  'pagination-change': [pagination: PageSettings]\n  'sort-change': [sort: { key: string; direction: 'asc' | 'desc' } | null]\n  'search-change': [filters: Record<string, string | boolean>]\n}>()\n\nconst showOptions = ref(false)\nconst showGuide = ref(false)\nconst resolvedSettings = ref<DataListSettings | null>(null)\nconst isMobile = ref(false)\nconst root = ref<HTMLElement | null>(null)\nconst showFilters = ref(false)\n\nconst activeFilters = ref<Record<string, unknown>>(\n  props.filterConfig?.items ? getDefaultFilters(props.filterConfig.items, props.id, false) : {},\n)\nlet resizeObserver: ResizeObserver | null = null\n\nonMounted(() => {\n  resizeObserver = new ResizeObserver((entries) => {\n    isMobile.value = (entries[0]?.contentRect.width ?? 0) < props.layoutBreakpoint\n  })\n  if (root.value) resizeObserver.observe(root.value)\n})\n\nonBeforeUnmount(() => resizeObserver?.disconnect())\n\nconst effectiveLayout = computed<'table' | 'cards'>(() => {\n  const layout = resolvedSettings.value?.layout\n  if (layout === 'table' || layout === 'cards') return layout\n  return isMobile.value ? 'cards' : 'table'\n})\n\nconst internalConfig = computed<DataListConfig>(() => {\n  if (!resolvedSettings.value) return props.config\n  const order = resolvedSettings.value.columnOrder\n  const mapped = props.config.columns.map((c) => ({\n    ...c,\n    visible: resolvedSettings.value!.columns[c.property] ?? c.visible !== false,\n  }))\n  if (order?.length) {\n    mapped.sort((a, b) => {\n      const ai = order.indexOf(a.property)\n      const bi = order.indexOf(b.property)\n      return (ai === -1 ? 999 : ai) - (bi === -1 ? 999 : bi)\n    })\n  }\n  return { ...props.config, columns: mapped }\n})\n\nfunction onSettingsChange(s: DataListSettings) {\n  resolvedSettings.value = s\n  emit('settings-change', s)\n}\n\ndefineExpose({\n  openOptions: () => (showOptions.value = true),\n  closeOptions: () => (showOptions.value = false),\n  openFilters: () => (showFilters.value = true),\n  closeFilters: () => (showFilters.value = false),\n})\n\nasync function openFilter(key: string) {\n  showFilters.value = true\n  setTimeout(() => {\n    dataFiltersRef.value?.focusFilter(key)\n  }, 300)\n}\n\nfunction onFilterChange(response: FilterResponse) {\n  activeFilters.value = response.values\n  emit('filter-change', response.transformed)\n}\n\nconst activeFiltersCount = computed(\n  () => Object.values(activeFilters.value).filter((v) => v != null && v !== '').length,\n)\n\nconst showPaginator = computed(\n  () => !!props.pagination && (props.items.length > 0 || !props.loading),\n)\n\nconst searchChange = (value: Record<string, string | boolean>) => {\n  emit('search-change', value)\n}\n\nconst sortableColumns = computed<DataSortOption[]>(() =>\n  props.config.columns.filter((c) => c.sort).map((c) => ({ value: c.property, label: c.label })),\n)\n\nconst currentSort = ref<{ key: string; direction: 'asc' | 'desc' } | null>(\n  props.handleUrl ? getDefaultSort() : null,\n)\n\nconst onSortChange = (sort: { key: string; direction: 'asc' | 'desc' } | null) => {\n  currentSort.value = sort\n  // DataSort already writes the URL when handleUrl: true; we only emit.\n  emit('sort-change', sort)\n}\n</script>\n\n<template>\n  <div\n    ref=\"root\"\n    class=\"ac-component c-data-list\"\n    :class=\"{ 'c-data-list--fill-height': fillHeight }\"\n  >\n    <div class=\"c-data-list__toolbar\">\n      <DataSearch v-if=\"useSearch\" v-bind=\"mergedSearchConfig\" @search-change=\"searchChange\" />\n      <Button\n        v-if=\"useFilters && filterConfig?.items && filterConfig.items.length > 0\"\n        label=\"Szűrők\"\n        icon=\"fa-solid fa-filter\"\n        @click=\"showFilters = true\"\n        style=\"flex-shrink: 0\"\n        :type=\"activeFiltersCount > 0 ? 'primary' : 'normal'\"\n        :indicator=\"activeFiltersCount > 0 ? activeFiltersCount : undefined\"\n      />\n      <div\n        class=\"flex-center gap-1 flex-center-wrap-on-mobile\"\n        v-if=\"useFilters && filterConfig?.items && filterConfig.items.length > 0\"\n      >\n        <FilterTags\n          :filters=\"activeFilters\"\n          :items=\"filterConfig.items\"\n          compact\n          @remove=\"(key: string) => dataFiltersRef?.clearFilter(key)\"\n          @openFilter=\"openFilter\"\n        />\n      </div>\n      <div class=\"c-data-list__toolbar__right\">\n        <DataSort\n          v-if=\"sortableColumns.length > 0\"\n          v-model=\"currentSort\"\n          :options=\"sortableColumns\"\n          :handle-url=\"handleUrl\"\n          @sort-change=\"onSortChange\"\n        />\n\n        <Button\n          icon=\"fa-solid fa-gear\"\n          class=\"lh-normal settings-btn\"\n          ariaLabel=\"Beállítások\"\n          @click=\"showOptions = true\"\n        />\n        <Button\n          icon=\"fa-solid fa-question\"\n          class=\"lh-normal\"\n          @click=\"showGuide = true\"\n          ariaLabel=\"Súgó\"\n        />\n      </div>\n    </div>\n    <DataFilters\n      ref=\"dataFiltersRef\"\n      v-if=\"useFilters && filterConfig?.items && filterConfig.items.length > 0\"\n      v-bind=\"mergedFilterConfig\"\n      :storage-key=\"id\"\n      :open=\"showFilters\"\n      @close=\"showFilters = false\"\n      @change=\"onFilterChange\"\n    />\n    <DataListGuide :open=\"showGuide\" @close=\"showGuide = false\" />\n    <DataTable\n      v-if=\"effectiveLayout === 'table'\"\n      :config=\"internalConfig\"\n      :loading=\"loading\"\n      :items=\"items\"\n      :settings=\"resolvedSettings ?? undefined\"\n      :initial-sort=\"currentSort\"\n      @filter-change=\"emit('filter-change', $event)\"\n      @selection-change=\"emit('selection-change', $event)\"\n      @sort-change=\"onSortChange\"\n    >\n      <template\n        v-for=\"col in internalConfig.columns\"\n        :key=\"col.property\"\n        #[`cell:${col.property}`]=\"slotProps\"\n      >\n        <slot :name=\"`cell:${col.property}`\" v-bind=\"slotProps\" />\n      </template>\n      <template v-if=\"hasActionsSlot\" #actions=\"slotProps\">\n        <slot name=\"actions\" v-bind=\"slotProps\" />\n      </template>\n    </DataTable>\n\n    <DataCards\n      v-else\n      :config=\"internalConfig\"\n      :loading=\"loading\"\n      :items=\"items\"\n      :settings=\"resolvedSettings ?? undefined\"\n      @selection-change=\"emit('selection-change', $event)\"\n    >\n      <template\n        v-for=\"col in internalConfig.columns\"\n        :key=\"col.property\"\n        #[`cell:${col.property}`]=\"slotProps\"\n      >\n        <slot :name=\"`cell:${col.property}`\" v-bind=\"slotProps\" />\n      </template>\n      <template v-if=\"hasActionsSlot\" #actions=\"slotProps\">\n        <slot name=\"actions\" v-bind=\"slotProps\" />\n      </template>\n    </DataCards>\n\n    <DataPaginator\n      v-if=\"pagination && showPaginator\"\n      :settings=\"pagination\"\n      :storage-key=\"id\"\n      :handle-url=\"handleUrl\"\n      @update:pagination=\"emit('pagination-change', $event)\"\n    />\n\n    <DataListOptions\n      :open=\"showOptions\"\n      :columns=\"config.columns\"\n      :settings=\"settings ?? {}\"\n      :storage-key=\"id\"\n      :orderable=\"orderable\"\n      @close=\"showOptions = false\"\n      @change=\"onSettingsChange\"\n    />\n  </div>\n</template>\n\n<style lang=\"scss\" src=\"@/styles/components/data-table/data-list.scss\"></style>\n"],"mappings":""}
+{"version":3,"file":"admins-components105.js","names":[],"sources":["../src/components/data-table/DataList.vue"],"sourcesContent":["<script lang=\"ts\">\nexport type { PaginatorSettings } from '@/types/data-list'\nexport type { DataSearchProps } from './DataSearch.vue'\nexport type { DataFiltersProps } from './DataFilters.vue'\n\nexport interface DataListProps {\n  config: DataListConfig\n  items: Record<string, unknown>[]\n  settings?: Partial<DataListSettings>\n  id: string\n  layoutBreakpoint?: number\n  orderable?: boolean\n  pagination?: PaginatorSettings\n  loading?: boolean\n  handleUrl?: boolean\n  useSearch?: boolean\n  useFilters?: boolean\n  searchConfig?: DataSearchProps\n  filterConfig?: DataFiltersProps\n  fillHeight?: boolean\n}\n\nexport const dataListDefaults = {\n  layoutBreakpoint: 768,\n  orderable: true,\n  loading: false,\n  useSearch: true,\n  useFilters: true,\n  handleUrl: false,\n  fillHeight: false,\n}\n\nexport function getDefaultFetchData(filters: FilterItem[], storageKey: string) {\n  const defaultPaginator = getDefaultPaginator(storageKey)\n  const defaultSort = getDefaultSort()\n  const defaultSearch = getDefaultSearch()\n  const defaultFilters = getDefaultFilterValues(filters, storageKey, true)\n\n  return {\n    ...defaultPaginator,\n    ...defaultSort,\n    ...defaultSearch,\n    ...defaultFilters,\n  }\n}\n</script>\n\n<script setup lang=\"ts\">\nimport { ref, computed, onMounted, onBeforeUnmount, useSlots } from 'vue'\nimport DataTable from '@/components/data-table/DataTable.vue'\nimport DataCards from '@/components/data-table/DataCards.vue'\nimport DataListOptions from '@/components/data-table/DataListOptions.vue'\nimport DataPaginator, { getDefaultPaginator } from '@/components/data-table/DataPaginator.vue'\nimport Button from '@/components/Button.vue'\nimport DataSort, { getDefaultSort, type DataSortOption } from '@/components/data-table/DataSort.vue'\nimport type {\n  DataListConfig,\n  DataListSettings,\n  PageSettings,\n  PaginatorSettings,\n} from '@/types/data-list'\nimport type { FilterValue } from '@/types/data-list'\nimport DataFilters, {\n  type FilterResponse,\n  type DataFiltersProps,\n  type FilterItem,\n} from '@/components/data-table/DataFilters.vue'\nimport FilterTags from '@/components/data-table/FilterTags.vue'\nimport DataListGuide from '@/components/data-table/DataListGuide.vue'\nimport DataSearch, { getDefaultSearch, type DataSearchProps } from './DataSearch.vue'\nimport { getDefaultFilters, getDefaultFilterValues } from '@/utils/dataFilters.ts'\n\nconst dataFiltersRef = ref<InstanceType<typeof DataFilters> | null>(null)\nconst slots = useSlots()\nconst hasActionsSlot = computed(() => !!slots.actions)\n\nconst props = withDefaults(defineProps<DataListProps>(), {\n  ...dataListDefaults,\n  searchConfig: undefined,\n  filterConfig: undefined,\n})\n\nfunction resolvedHandleUrl(side: 'searchConfig' | 'filterConfig'): boolean | undefined {\n  const sideConfig = props[side]\n  if (sideConfig && Object.hasOwn(sideConfig as object, 'handleUrl')) {\n    return (sideConfig as { handleUrl?: boolean }).handleUrl\n  }\n  return props.handleUrl\n}\n\nconst mergedSearchConfig = computed<DataSearchProps>(() => ({\n  ...props.searchConfig,\n  handleUrl: resolvedHandleUrl('searchConfig'),\n}))\n\nconst mergedFilterConfig = computed<DataFiltersProps>(() => ({\n  ...(props.filterConfig as DataFiltersProps),\n  handleUrl: resolvedHandleUrl('filterConfig'),\n}))\n\nconst emit = defineEmits<{\n  'filter-change': [filters: Record<string, FilterValue>]\n  'selection-change': [selected: unknown[]]\n  'settings-change': [settings: DataListSettings]\n  'pagination-change': [pagination: PageSettings]\n  'sort-change': [sort: { key: string; direction: 'asc' | 'desc' } | null]\n  'search-change': [filters: Record<string, string | boolean>]\n}>()\n\nconst showOptions = ref(false)\nconst showGuide = ref(false)\nconst resolvedSettings = ref<DataListSettings | null>(null)\nconst isMobile = ref(false)\nconst root = ref<HTMLElement | null>(null)\nconst showFilters = ref(false)\n\nconst activeFilters = ref<Record<string, unknown>>(\n  props.filterConfig?.items ? getDefaultFilters(props.filterConfig.items, props.id, false) : {},\n)\nlet resizeObserver: ResizeObserver | null = null\n\nonMounted(() => {\n  resizeObserver = new ResizeObserver((entries) => {\n    isMobile.value = (entries[0]?.contentRect.width ?? 0) < props.layoutBreakpoint\n  })\n  if (root.value) resizeObserver.observe(root.value)\n})\n\nonBeforeUnmount(() => resizeObserver?.disconnect())\n\nconst effectiveLayout = computed<'table' | 'cards'>(() => {\n  const layout = resolvedSettings.value?.layout\n  if (layout === 'table' || layout === 'cards') return layout\n  return isMobile.value ? 'cards' : 'table'\n})\n\nconst internalConfig = computed<DataListConfig>(() => {\n  if (!resolvedSettings.value) return props.config\n  const order = resolvedSettings.value.columnOrder\n  const mapped = props.config.columns.map((c) => ({\n    ...c,\n    visible: resolvedSettings.value!.columns[c.property] ?? c.visible !== false,\n  }))\n  if (order?.length) {\n    mapped.sort((a, b) => {\n      const ai = order.indexOf(a.property)\n      const bi = order.indexOf(b.property)\n      return (ai === -1 ? 999 : ai) - (bi === -1 ? 999 : bi)\n    })\n  }\n  return { ...props.config, columns: mapped }\n})\n\nfunction onSettingsChange(s: DataListSettings) {\n  resolvedSettings.value = s\n  emit('settings-change', s)\n}\n\ndefineExpose({\n  openOptions: () => (showOptions.value = true),\n  closeOptions: () => (showOptions.value = false),\n  openFilters: () => (showFilters.value = true),\n  closeFilters: () => (showFilters.value = false),\n})\n\nasync function openFilter(key: string) {\n  showFilters.value = true\n  setTimeout(() => {\n    dataFiltersRef.value?.focusFilter(key)\n  }, 300)\n}\n\nfunction onFilterChange(response: FilterResponse) {\n  activeFilters.value = response.values\n  emit('filter-change', response.transformed)\n}\n\nconst activeFiltersCount = computed(\n  () => Object.values(activeFilters.value).filter((v) => v != null && v !== '').length,\n)\n\nconst showPaginator = computed(\n  () => !!props.pagination && (props.items.length > 0 || !props.loading),\n)\n\nconst searchChange = (value: Record<string, string | boolean>) => {\n  emit('search-change', value)\n}\n\nconst sortableColumns = computed<DataSortOption[]>(() =>\n  props.config.columns.filter((c) => c.sort).map((c) => ({ value: c.property, label: c.label })),\n)\n\nconst currentSort = ref<{ key: string; direction: 'asc' | 'desc' } | null>(\n  props.handleUrl ? getDefaultSort() : null,\n)\n\nconst onSortChange = (sort: { key: string; direction: 'asc' | 'desc' } | null) => {\n  currentSort.value = sort\n  // DataSort already writes the URL when handleUrl: true; we only emit.\n  emit('sort-change', sort)\n}\n</script>\n\n<template>\n  <div\n    ref=\"root\"\n    class=\"ac-component c-data-list\"\n    :class=\"{ 'c-data-list--fill-height': fillHeight }\"\n  >\n    <div class=\"c-data-list__toolbar\">\n      <DataSearch v-if=\"useSearch\" v-bind=\"mergedSearchConfig\" @search-change=\"searchChange\" />\n      <Button\n        v-if=\"useFilters && filterConfig?.items && filterConfig.items.length > 0\"\n        label=\"Szűrők\"\n        icon=\"fa-solid fa-filter\"\n        @click=\"showFilters = true\"\n        style=\"flex-shrink: 0\"\n        :type=\"activeFiltersCount > 0 ? 'primary' : 'normal'\"\n        :indicator=\"activeFiltersCount > 0 ? activeFiltersCount : undefined\"\n      />\n      <div\n        class=\"flex-center gap-1 flex-center-wrap-on-mobile\"\n        v-if=\"useFilters && filterConfig?.items && filterConfig.items.length > 0\"\n      >\n        <FilterTags\n          :filters=\"activeFilters\"\n          :items=\"filterConfig.items\"\n          compact\n          @remove=\"(key: string) => dataFiltersRef?.clearFilter(key)\"\n          @openFilter=\"openFilter\"\n        />\n      </div>\n      <div class=\"c-data-list__toolbar__right\">\n        <DataSort\n          v-if=\"sortableColumns.length > 0\"\n          v-model=\"currentSort\"\n          :options=\"sortableColumns\"\n          :handle-url=\"handleUrl\"\n          @sort-change=\"onSortChange\"\n        />\n\n        <Button\n          icon=\"fa-solid fa-gear\"\n          class=\"lh-normal settings-btn\"\n          ariaLabel=\"Beállítások\"\n          @click=\"showOptions = true\"\n        />\n        <Button\n          icon=\"fa-solid fa-question\"\n          class=\"lh-normal\"\n          @click=\"showGuide = true\"\n          ariaLabel=\"Súgó\"\n        />\n      </div>\n    </div>\n    <DataFilters\n      ref=\"dataFiltersRef\"\n      v-if=\"useFilters && filterConfig?.items && filterConfig.items.length > 0\"\n      v-bind=\"mergedFilterConfig\"\n      :storage-key=\"id\"\n      :open=\"showFilters\"\n      @close=\"showFilters = false\"\n      @change=\"onFilterChange\"\n    />\n    <DataListGuide :open=\"showGuide\" @close=\"showGuide = false\" />\n    <DataTable\n      v-if=\"effectiveLayout === 'table'\"\n      :config=\"internalConfig\"\n      :loading=\"loading\"\n      :items=\"items\"\n      :settings=\"resolvedSettings ?? undefined\"\n      :initial-sort=\"currentSort\"\n      @filter-change=\"emit('filter-change', $event)\"\n      @selection-change=\"emit('selection-change', $event)\"\n      @sort-change=\"onSortChange\"\n    >\n      <template\n        v-for=\"col in internalConfig.columns\"\n        :key=\"col.property\"\n        #[`cell:${col.property}`]=\"slotProps\"\n      >\n        <slot :name=\"`cell:${col.property}`\" v-bind=\"slotProps\" />\n      </template>\n      <template v-if=\"hasActionsSlot\" #actions=\"slotProps\">\n        <slot name=\"actions\" v-bind=\"slotProps\" />\n      </template>\n    </DataTable>\n\n    <DataCards\n      v-else\n      :config=\"internalConfig\"\n      :loading=\"loading\"\n      :items=\"items\"\n      :settings=\"resolvedSettings ?? undefined\"\n      @selection-change=\"emit('selection-change', $event)\"\n    >\n      <template\n        v-for=\"col in internalConfig.columns\"\n        :key=\"col.property\"\n        #[`cell:${col.property}`]=\"slotProps\"\n      >\n        <slot :name=\"`cell:${col.property}`\" v-bind=\"slotProps\" />\n      </template>\n      <template v-if=\"hasActionsSlot\" #actions=\"slotProps\">\n        <slot name=\"actions\" v-bind=\"slotProps\" />\n      </template>\n    </DataCards>\n\n    <DataPaginator\n      v-if=\"pagination && showPaginator\"\n      :settings=\"pagination\"\n      :storage-key=\"id\"\n      :handle-url=\"handleUrl\"\n      @update:pagination=\"emit('pagination-change', $event)\"\n    />\n\n    <DataListOptions\n      :open=\"showOptions\"\n      :columns=\"config.columns\"\n      :settings=\"settings ?? {}\"\n      :storage-key=\"id\"\n      :orderable=\"orderable\"\n      @close=\"showOptions = false\"\n      @change=\"onSettingsChange\"\n    />\n  </div>\n</template>\n\n<style lang=\"scss\" src=\"@/styles/components/data-table/data-list.scss\"></style>\n"],"mappings":""}

package/dist/admins-components83.js

@@ -38,19 +38,9 @@ var j = /* @__PURE__ */ d({
 			extraStyle: (e) => ({ minWidth: `${Math.max(e.width, 240)}px` }),
 			closeOnScroll: !0
 		}), R = a({
-			get: () => {
-				let e = M.modelValue?.key;
-				return e ? M.options.find((t) => t.value === e) ?? {
-					value: e,
-					label: e
-				} : null;
-			},
+			get: () => M.modelValue?.key ?? null,
 			set: (e) => {
-				if (e == null) {
-					V(null, M.modelValue?.direction ?? "asc");
-					return;
-				}
-				Array.isArray(e) || V(e.value ?? null, M.modelValue?.direction ?? "asc");
+				Array.isArray(e) || V(typeof e == "string" ? e : null, M.modelValue?.direction ?? "asc");
 			}
 		}), z = a({
 			get: () => M.modelValue?.direction ?? "asc",
@@ -74,6 +64,9 @@ var j = /* @__PURE__ */ d({
 		function H() {
 			V(null, "asc"), I.value = !1;
 		}
+		function U(e) {
+			Array.isArray(e) || (R.value = e?.value ?? null);
+		}
 		return v(I, (e) => {
 			if (!e || !M.handleUrl || M.modelValue) return;
 			let t = A();
@@ -102,8 +95,8 @@ var j = /* @__PURE__ */ d({
 				"aria-label": "Rendezés törlése",
 				title: "Rendezés törlése",
 				onClick: y(H, ["stop"])
-			}, [...r[5] ||= [l("i", { class: "fa-solid fa-fw fa-xmark" }, null, -1)]])) : s("", !0),
-			l("span", { class: f(["c-icon-btn c-icon-btn--chevron", { "c-icon-btn--chevron-open": _(I) }]) }, [...r[6] ||= [l("i", { class: "fa-solid fa-fw fa-chevron-down" }, null, -1)]], 2)
+			}, [...r[4] ||= [l("i", { class: "fa-solid fa-fw fa-xmark" }, null, -1)]])) : s("", !0),
+			l("span", { class: f(["c-icon-btn c-icon-btn--chevron", { "c-icon-btn--chevron-open": _(I) }]) }, [...r[5] ||= [l("i", { class: "fa-solid fa-fw fa-chevron-down" }, null, -1)]], 2)
 		], 10, x), (m(), o(i, { to: "body" }, [l("div", C, [_(I) ? (m(), c("div", {
 			key: 0,
 			ref_key: "dropdownRef",
@@ -111,7 +104,7 @@ var j = /* @__PURE__ */ d({
 			class: "ds-sort-panel",
 			style: p(_(L))
 		}, [
-			l("div", w, [r[7] ||= l("label", { class: "ds-sort-panel__label" }, "Oszlop", -1), u(n, {
+			l("div", w, [r[6] ||= l("label", { class: "ds-sort-panel__label" }, "Oszlop", -1), u(n, {
 				"model-value": R.value,
 				options: d.options,
 				config: {
@@ -119,26 +112,26 @@ var j = /* @__PURE__ */ d({
 					placeholder: "Válassz oszlopot...",
 					filterable: !1
 				},
-				"onUpdate:modelValue": r[1] ||= (e) => R.value = e
+				"onUpdate:modelValue": U
 			}, null, 8, ["model-value", "options"])]),
-			l("div", T, [r[10] ||= l("span", { class: "ds-sort-panel__label" }, "Irány", -1), l("div", E, [l("button", {
+			l("div", T, [r[9] ||= l("span", { class: "ds-sort-panel__label" }, "Irány", -1), l("div", E, [l("button", {
 				type: "button",
 				class: f(["ds-sort-direction__btn", { "is-active": z.value === "asc" }]),
 				"aria-pressed": z.value === "asc",
 				"aria-label": "Növekvő",
-				onClick: r[2] ||= (e) => z.value = "asc"
-			}, [...r[8] ||= [l("i", { class: "fa-solid fa-fw fa-arrow-up-wide-short" }, null, -1), l("span", null, "Növekvő", -1)]], 10, D), l("button", {
+				onClick: r[1] ||= (e) => z.value = "asc"
+			}, [...r[7] ||= [l("i", { class: "fa-solid fa-fw fa-arrow-up-wide-short" }, null, -1), l("span", null, "Növekvő", -1)]], 10, D), l("button", {
 				type: "button",
 				class: f(["ds-sort-direction__btn dir-desc", { "is-active": z.value === "desc" }]),
 				"aria-pressed": z.value === "desc",
 				"aria-label": "Csökkenő",
-				onClick: r[3] ||= (e) => z.value = "desc"
-			}, [...r[9] ||= [l("i", { class: "fa-solid fa-fw fa-arrow-down-wide-short" }, null, -1), l("span", null, "Csökkenő", -1)]], 10, O)])]),
+				onClick: r[2] ||= (e) => z.value = "desc"
+			}, [...r[8] ||= [l("i", { class: "fa-solid fa-fw fa-arrow-down-wide-short" }, null, -1), l("span", null, "Csökkenő", -1)]], 10, O)])]),
 			l("div", k, [u(e, {
 				label: "Rendben",
 				outline: "",
 				size: "small",
-				onClick: r[4] ||= (e) => I.value = !1
+				onClick: r[3] ||= (e) => I.value = !1
 			})])
 		], 4)) : s("", !0)])]))], 512)]));
 	}

package/dist/admins-components83.js.map

@@ -1 +1 @@
-{"version":3,"file":"admins-components83.js","names":[],"sources":["../src/components/data-table/DataSort.vue"],"sourcesContent":["<script lang=\"ts\">\nexport type SortDirection = 'asc' | 'desc'\n\nexport interface DataSortOption {\n  value: string\n  label: string\n  icon?: string\n}\n\nexport interface DataSortProps {\n  modelValue: { key: string; direction: SortDirection } | null\n  options: DataSortOption[]\n  placeholder?: string\n  handleUrl?: boolean\n  disabled?: boolean\n}\n\nexport function getDefaultSort(): { key: string; direction: SortDirection } | null {\n  if (typeof window === 'undefined') return null\n  const params = new URLSearchParams(window.location.search)\n  const key = params.get('sortBy')\n  const dir = params.get('sortDir')\n  if (key && (dir === 'asc' || dir === 'desc')) {\n    return { key, direction: dir }\n  }\n  return null\n}\n</script>\n\n<script setup lang=\"ts\">\nimport { computed, ref, watch } from 'vue'\nimport DropdownSelect, { type DropdownOption } from '@/components/DropdownSelect.vue'\nimport { useDropdownAnchor } from '@/composables/useDropdownAnchor'\nimport { writeUrlOrRemove } from '@/utils/url'\nimport Button from '../Button.vue'\n\nconst props = withDefaults(defineProps<DataSortProps>(), {\n  placeholder: 'Rendezés...',\n  handleUrl: false,\n  disabled: false\n})\n\nconst emit = defineEmits<{\n  'update:modelValue': [sort: { key: string; direction: SortDirection } | null]\n  'sort-change': [sort: { key: string; direction: SortDirection } | null]\n}>()\n\nconst wrapperRef = ref<HTMLElement | null>(null)\nconst dropdownRef = ref<HTMLElement | null>(null)\nconst { isOpen, dropdownStyle } = useDropdownAnchor(wrapperRef, dropdownRef, {\n  extraStyle: (rect) => ({ minWidth: `${Math.max(rect.width, 240)}px` }),\n  closeOnScroll: true,\n})\n\nconst sortBy = computed<DropdownOption | DropdownOption[] | null>({\n  get: () => {\n    const key = props.modelValue?.key\n    if (!key) return null\n    const opt = props.options.find((o) => o.value === key)\n    return opt ?? { value: key, label: key }\n  },\n  set: (v) => {\n    if (v == null) {\n      emitChange(null, props.modelValue?.direction ?? 'asc')\n      return\n    }\n    if (Array.isArray(v)) return\n    emitChange(v.value ?? null, props.modelValue?.direction ?? 'asc')\n  },\n})\n\nconst direction = computed<SortDirection>({\n  get: () => props.modelValue?.direction ?? 'asc',\n  set: (d) => emitChange(props.modelValue?.key ?? null, d),\n})\n\nconst activeLabel = computed(() => {\n  if (!props.modelValue) return props.placeholder\n  const opt = props.options.find((o) => o.value === props.modelValue!.key)\n  const label = opt?.label ?? props.modelValue.key\n  return `${label} (${props.modelValue.direction === 'asc' ? 'növekvő' : 'csökkenő'})`\n})\n\nfunction emitChange(key: string | null, dir: SortDirection) {\n  if (key == null) {\n    if (props.handleUrl) {\n      writeUrlOrRemove('sortBy', null, { handleUrl: true })\n      writeUrlOrRemove('sortDir', null, { handleUrl: true })\n    }\n    emit('update:modelValue', null)\n    emit('sort-change', null)\n    return\n  }\n  if (props.handleUrl) {\n    writeUrlOrRemove('sortBy', key, { handleUrl: true })\n    writeUrlOrRemove('sortDir', dir, { handleUrl: true, default: 'asc' })\n  }\n  const next = { key, direction: dir }\n  emit('update:modelValue', next)\n  emit('sort-change', next)\n}\n\nfunction clear() {\n  emitChange(null, 'asc')\n  isOpen.value = false\n}\n\n// Read initial state from URL on mount when handleUrl is true and modelValue is empty.\nwatch(\n  isOpen,\n  (open) => {\n    if (!open || !props.handleUrl || props.modelValue) return\n    const sort = getDefaultSort()\n    if (sort) emitChange(sort.key, sort.direction)\n  },\n  { immediate: true },\n)\n</script>\n\n<template>\n  <div class=\"ac-component\">\n    <div ref=\"wrapperRef\" class=\"ds-sort-wrapper\">\n      <button\n        type=\"button\"\n        class=\"c-btn ds-sort-trigger lh-1\"\n        :class=\"[modelValue && 'is-active', disabled && 'is-disabled', isOpen && 'is-open']\"\n        :disabled=\"disabled\"\n        :aria-label=\"`Rendezés: ${activeLabel}`\"\n        @click=\"isOpen = !isOpen\"\n      >\n        <i\n          class=\"fa-solid fa-fw\"\n          :class=\"\n            !modelValue || modelValue.direction === 'asc'\n              ? 'fa-arrow-up-wide-short'\n              : 'fa-arrow-down-wide-short'\n          \"\n        ></i>\n        <span class=\"ds-sort-label c-truncate\">{{ activeLabel }}</span>\n        <button\n          v-if=\"modelValue\"\n          type=\"button\"\n          class=\"c-icon-btn c-icon-btn--clear ds-sort-clear\"\n          aria-label=\"Rendezés törlése\"\n          title=\"Rendezés törlése\"\n          @click.stop=\"clear\"\n        >\n          <i class=\"fa-solid fa-fw fa-xmark\"></i>\n        </button>\n        <span\n          class=\"c-icon-btn c-icon-btn--chevron\"\n          :class=\"{ 'c-icon-btn--chevron-open': isOpen }\"\n        >\n          <i class=\"fa-solid fa-fw fa-chevron-down\"></i>\n        </span>\n      </button>\n\n      <Teleport to=\"body\">\n        <div class=\"ac-component\">\n          <div v-if=\"isOpen\" ref=\"dropdownRef\" class=\"ds-sort-panel\" :style=\"dropdownStyle\">\n\n            <div class=\"ds-sort-panel__row\">\n              <label class=\"ds-sort-panel__label\">Oszlop</label>\n              <DropdownSelect\n                :model-value=\"sortBy\"\n                :options=\"options\"\n                :config=\"{\n                  clearable: false,\n                  placeholder: 'Válassz oszlopot...',\n                  filterable: false,\n                }\"\n                @update:model-value=\"(v) => (sortBy = v)\"\n              />\n            </div>\n\n            <div class=\"ds-sort-panel__row\">\n              <span class=\"ds-sort-panel__label\">Irány</span>\n              <div class=\"ds-sort-direction\" role=\"group\" aria-label=\"Rendezés iránya\">\n                <button\n                  type=\"button\"\n                  class=\"ds-sort-direction__btn\"\n                  :class=\"{ 'is-active': direction === 'asc' }\"\n                  :aria-pressed=\"direction === 'asc'\"\n                  aria-label=\"Növekvő\"\n                  @click=\"direction = 'asc'\"\n                >\n                  <i class=\"fa-solid fa-fw fa-arrow-up-wide-short\"></i>\n                  <span>Növekvő</span>\n                </button>\n                <button\n                  type=\"button\"\n                  class=\"ds-sort-direction__btn dir-desc\"\n                  :class=\"{ 'is-active': direction === 'desc' }\"\n                  :aria-pressed=\"direction === 'desc'\"\n                  aria-label=\"Csökkenő\"\n                  @click=\"direction = 'desc'\"\n                >\n                  <i class=\"fa-solid fa-fw fa-arrow-down-wide-short\"></i>\n                  <span>Csökkenő</span>\n                </button>\n              </div>\n            </div>\n\n            <div class=\"ds-sort-panel__footer\">\n              <Button label=\"Rendben\" outline size=\"small\" @click=\"isOpen = false\" />\n            </div>\n          </div>\n        </div>\n      </Teleport>\n    </div>\n  </div>\n</template>\n\n<style lang=\"scss\" src=\"@/styles/components/data-table/data-sort.scss\"></style>\n"],"mappings":"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"}
+{"version":3,"file":"admins-components83.js","names":[],"sources":["../src/components/data-table/DataSort.vue"],"sourcesContent":["<script lang=\"ts\">\nexport type SortDirection = 'asc' | 'desc'\n\nexport interface DataSortOption {\n  value: string\n  label: string\n  icon?: string\n}\n\nexport interface DataSortProps {\n  modelValue: { key: string; direction: SortDirection } | null\n  options: DataSortOption[]\n  placeholder?: string\n  handleUrl?: boolean\n  disabled?: boolean\n}\n\nexport function getDefaultSort(): { key: string; direction: SortDirection } | null {\n  if (typeof window === 'undefined') return null\n  const params = new URLSearchParams(window.location.search)\n  const key = params.get('sortBy')\n  const dir = params.get('sortDir')\n  if (key && (dir === 'asc' || dir === 'desc')) {\n    return { key, direction: dir }\n  }\n  return null\n}\n</script>\n\n<script setup lang=\"ts\">\nimport { computed, ref, watch } from 'vue'\nimport DropdownSelect, { type DropdownOption } from '@/components/DropdownSelect.vue'\nimport { useDropdownAnchor } from '@/composables/useDropdownAnchor'\nimport { writeUrlOrRemove } from '@/utils/url'\nimport Button from '../Button.vue'\n\nconst props = withDefaults(defineProps<DataSortProps>(), {\n  placeholder: 'Rendezés...',\n  handleUrl: false,\n  disabled: false\n})\n\nconst emit = defineEmits<{\n  'update:modelValue': [sort: { key: string; direction: SortDirection } | null]\n  'sort-change': [sort: { key: string; direction: SortDirection } | null]\n}>()\n\nconst wrapperRef = ref<HTMLElement | null>(null)\nconst dropdownRef = ref<HTMLElement | null>(null)\nconst { isOpen, dropdownStyle } = useDropdownAnchor(wrapperRef, dropdownRef, {\n  extraStyle: (rect) => ({ minWidth: `${Math.max(rect.width, 240)}px` }),\n  closeOnScroll: true,\n})\n\nconst sortBy = computed<string | string[] | null>({\n  get: () => props.modelValue?.key ?? null,\n  set: (v) => {\n    if (Array.isArray(v)) return\n    const next = typeof v === 'string' ? v : null\n    emitChange(next, props.modelValue?.direction ?? 'asc')\n  },\n})\n\nconst direction = computed<SortDirection>({\n  get: () => props.modelValue?.direction ?? 'asc',\n  set: (d) => emitChange(props.modelValue?.key ?? null, d),\n})\n\nconst activeLabel = computed(() => {\n  if (!props.modelValue) return props.placeholder\n  const opt = props.options.find((o) => o.value === props.modelValue!.key)\n  const label = opt?.label ?? props.modelValue.key\n  return `${label} (${props.modelValue.direction === 'asc' ? 'növekvő' : 'csökkenő'})`\n})\n\nfunction emitChange(key: string | null, dir: SortDirection) {\n  if (key == null) {\n    if (props.handleUrl) {\n      writeUrlOrRemove('sortBy', null, { handleUrl: true })\n      writeUrlOrRemove('sortDir', null, { handleUrl: true })\n    }\n    emit('update:modelValue', null)\n    emit('sort-change', null)\n    return\n  }\n  if (props.handleUrl) {\n    writeUrlOrRemove('sortBy', key, { handleUrl: true })\n    writeUrlOrRemove('sortDir', dir, { handleUrl: true, default: 'asc' })\n  }\n  const next = { key, direction: dir }\n  emit('update:modelValue', next)\n  emit('sort-change', next)\n}\n\nfunction clear() {\n  emitChange(null, 'asc')\n  isOpen.value = false\n}\n\nfunction onSortColumnChange(v: DropdownOption | DropdownOption[] | null) {\n  if (Array.isArray(v)) return\n  sortBy.value = v?.value ?? null\n}\n\n// Read initial state from URL on mount when handleUrl is true and modelValue is empty.\nwatch(\n  isOpen,\n  (open) => {\n    if (!open || !props.handleUrl || props.modelValue) return\n    const sort = getDefaultSort()\n    if (sort) emitChange(sort.key, sort.direction)\n  },\n  { immediate: true },\n)\n</script>\n\n<template>\n  <div class=\"ac-component\">\n    <div ref=\"wrapperRef\" class=\"ds-sort-wrapper\">\n      <button\n        type=\"button\"\n        class=\"c-btn ds-sort-trigger lh-1\"\n        :class=\"[modelValue && 'is-active', disabled && 'is-disabled', isOpen && 'is-open']\"\n        :disabled=\"disabled\"\n        :aria-label=\"`Rendezés: ${activeLabel}`\"\n        @click=\"isOpen = !isOpen\"\n      >\n        <i\n          class=\"fa-solid fa-fw\"\n          :class=\"\n            !modelValue || modelValue.direction === 'asc'\n              ? 'fa-arrow-up-wide-short'\n              : 'fa-arrow-down-wide-short'\n          \"\n        ></i>\n        <span class=\"ds-sort-label c-truncate\">{{ activeLabel }}</span>\n        <button\n          v-if=\"modelValue\"\n          type=\"button\"\n          class=\"c-icon-btn c-icon-btn--clear ds-sort-clear\"\n          aria-label=\"Rendezés törlése\"\n          title=\"Rendezés törlése\"\n          @click.stop=\"clear\"\n        >\n          <i class=\"fa-solid fa-fw fa-xmark\"></i>\n        </button>\n        <span\n          class=\"c-icon-btn c-icon-btn--chevron\"\n          :class=\"{ 'c-icon-btn--chevron-open': isOpen }\"\n        >\n          <i class=\"fa-solid fa-fw fa-chevron-down\"></i>\n        </span>\n      </button>\n\n      <Teleport to=\"body\">\n        <div class=\"ac-component\">\n          <div v-if=\"isOpen\" ref=\"dropdownRef\" class=\"ds-sort-panel\" :style=\"dropdownStyle\">\n\n            <div class=\"ds-sort-panel__row\">\n              <label class=\"ds-sort-panel__label\">Oszlop</label>\n              <DropdownSelect\n                :model-value=\"sortBy\"\n                :options=\"options\"\n                :config=\"{\n                  clearable: false,\n                  placeholder: 'Válassz oszlopot...',\n                  filterable: false,\n                }\"\n                @update:model-value=\"onSortColumnChange\"\n              />\n            </div>\n\n            <div class=\"ds-sort-panel__row\">\n              <span class=\"ds-sort-panel__label\">Irány</span>\n              <div class=\"ds-sort-direction\" role=\"group\" aria-label=\"Rendezés iránya\">\n                <button\n                  type=\"button\"\n                  class=\"ds-sort-direction__btn\"\n                  :class=\"{ 'is-active': direction === 'asc' }\"\n                  :aria-pressed=\"direction === 'asc'\"\n                  aria-label=\"Növekvő\"\n                  @click=\"direction = 'asc'\"\n                >\n                  <i class=\"fa-solid fa-fw fa-arrow-up-wide-short\"></i>\n                  <span>Növekvő</span>\n                </button>\n                <button\n                  type=\"button\"\n                  class=\"ds-sort-direction__btn dir-desc\"\n                  :class=\"{ 'is-active': direction === 'desc' }\"\n                  :aria-pressed=\"direction === 'desc'\"\n                  aria-label=\"Csökkenő\"\n                  @click=\"direction = 'desc'\"\n                >\n                  <i class=\"fa-solid fa-fw fa-arrow-down-wide-short\"></i>\n                  <span>Csökkenő</span>\n                </button>\n              </div>\n            </div>\n\n            <div class=\"ds-sort-panel__footer\">\n              <Button label=\"Rendben\" outline size=\"small\" @click=\"isOpen = false\" />\n            </div>\n          </div>\n        </div>\n      </Teleport>\n    </div>\n  </div>\n</template>\n\n<style lang=\"scss\" src=\"@/styles/components/data-table/data-sort.scss\"></style>\n"],"mappings":"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"}

package/dist/admins-components85.js.map

@@ -1 +1 @@
-{"version":3,"file":"admins-components85.js","names":[],"sources":["../src/components/data-table/DataSort.vue"],"sourcesContent":["<script lang=\"ts\">\nexport type SortDirection = 'asc' | 'desc'\n\nexport interface DataSortOption {\n  value: string\n  label: string\n  icon?: string\n}\n\nexport interface DataSortProps {\n  modelValue: { key: string; direction: SortDirection } | null\n  options: DataSortOption[]\n  placeholder?: string\n  handleUrl?: boolean\n  disabled?: boolean\n}\n\nexport function getDefaultSort(): { key: string; direction: SortDirection } | null {\n  if (typeof window === 'undefined') return null\n  const params = new URLSearchParams(window.location.search)\n  const key = params.get('sortBy')\n  const dir = params.get('sortDir')\n  if (key && (dir === 'asc' || dir === 'desc')) {\n    return { key, direction: dir }\n  }\n  return null\n}\n</script>\n\n<script setup lang=\"ts\">\nimport { computed, ref, watch } from 'vue'\nimport DropdownSelect, { type DropdownOption } from '@/components/DropdownSelect.vue'\nimport { useDropdownAnchor } from '@/composables/useDropdownAnchor'\nimport { writeUrlOrRemove } from '@/utils/url'\nimport Button from '../Button.vue'\n\nconst props = withDefaults(defineProps<DataSortProps>(), {\n  placeholder: 'Rendezés...',\n  handleUrl: false,\n  disabled: false\n})\n\nconst emit = defineEmits<{\n  'update:modelValue': [sort: { key: string; direction: SortDirection } | null]\n  'sort-change': [sort: { key: string; direction: SortDirection } | null]\n}>()\n\nconst wrapperRef = ref<HTMLElement | null>(null)\nconst dropdownRef = ref<HTMLElement | null>(null)\nconst { isOpen, dropdownStyle } = useDropdownAnchor(wrapperRef, dropdownRef, {\n  extraStyle: (rect) => ({ minWidth: `${Math.max(rect.width, 240)}px` }),\n  closeOnScroll: true,\n})\n\nconst sortBy = computed<DropdownOption | DropdownOption[] | null>({\n  get: () => {\n    const key = props.modelValue?.key\n    if (!key) return null\n    const opt = props.options.find((o) => o.value === key)\n    return opt ?? { value: key, label: key }\n  },\n  set: (v) => {\n    if (v == null) {\n      emitChange(null, props.modelValue?.direction ?? 'asc')\n      return\n    }\n    if (Array.isArray(v)) return\n    emitChange(v.value ?? null, props.modelValue?.direction ?? 'asc')\n  },\n})\n\nconst direction = computed<SortDirection>({\n  get: () => props.modelValue?.direction ?? 'asc',\n  set: (d) => emitChange(props.modelValue?.key ?? null, d),\n})\n\nconst activeLabel = computed(() => {\n  if (!props.modelValue) return props.placeholder\n  const opt = props.options.find((o) => o.value === props.modelValue!.key)\n  const label = opt?.label ?? props.modelValue.key\n  return `${label} (${props.modelValue.direction === 'asc' ? 'növekvő' : 'csökkenő'})`\n})\n\nfunction emitChange(key: string | null, dir: SortDirection) {\n  if (key == null) {\n    if (props.handleUrl) {\n      writeUrlOrRemove('sortBy', null, { handleUrl: true })\n      writeUrlOrRemove('sortDir', null, { handleUrl: true })\n    }\n    emit('update:modelValue', null)\n    emit('sort-change', null)\n    return\n  }\n  if (props.handleUrl) {\n    writeUrlOrRemove('sortBy', key, { handleUrl: true })\n    writeUrlOrRemove('sortDir', dir, { handleUrl: true, default: 'asc' })\n  }\n  const next = { key, direction: dir }\n  emit('update:modelValue', next)\n  emit('sort-change', next)\n}\n\nfunction clear() {\n  emitChange(null, 'asc')\n  isOpen.value = false\n}\n\n// Read initial state from URL on mount when handleUrl is true and modelValue is empty.\nwatch(\n  isOpen,\n  (open) => {\n    if (!open || !props.handleUrl || props.modelValue) return\n    const sort = getDefaultSort()\n    if (sort) emitChange(sort.key, sort.direction)\n  },\n  { immediate: true },\n)\n</script>\n\n<template>\n  <div class=\"ac-component\">\n    <div ref=\"wrapperRef\" class=\"ds-sort-wrapper\">\n      <button\n        type=\"button\"\n        class=\"c-btn ds-sort-trigger lh-1\"\n        :class=\"[modelValue && 'is-active', disabled && 'is-disabled', isOpen && 'is-open']\"\n        :disabled=\"disabled\"\n        :aria-label=\"`Rendezés: ${activeLabel}`\"\n        @click=\"isOpen = !isOpen\"\n      >\n        <i\n          class=\"fa-solid fa-fw\"\n          :class=\"\n            !modelValue || modelValue.direction === 'asc'\n              ? 'fa-arrow-up-wide-short'\n              : 'fa-arrow-down-wide-short'\n          \"\n        ></i>\n        <span class=\"ds-sort-label c-truncate\">{{ activeLabel }}</span>\n        <button\n          v-if=\"modelValue\"\n          type=\"button\"\n          class=\"c-icon-btn c-icon-btn--clear ds-sort-clear\"\n          aria-label=\"Rendezés törlése\"\n          title=\"Rendezés törlése\"\n          @click.stop=\"clear\"\n        >\n          <i class=\"fa-solid fa-fw fa-xmark\"></i>\n        </button>\n        <span\n          class=\"c-icon-btn c-icon-btn--chevron\"\n          :class=\"{ 'c-icon-btn--chevron-open': isOpen }\"\n        >\n          <i class=\"fa-solid fa-fw fa-chevron-down\"></i>\n        </span>\n      </button>\n\n      <Teleport to=\"body\">\n        <div class=\"ac-component\">\n          <div v-if=\"isOpen\" ref=\"dropdownRef\" class=\"ds-sort-panel\" :style=\"dropdownStyle\">\n\n            <div class=\"ds-sort-panel__row\">\n              <label class=\"ds-sort-panel__label\">Oszlop</label>\n              <DropdownSelect\n                :model-value=\"sortBy\"\n                :options=\"options\"\n                :config=\"{\n                  clearable: false,\n                  placeholder: 'Válassz oszlopot...',\n                  filterable: false,\n                }\"\n                @update:model-value=\"(v) => (sortBy = v)\"\n              />\n            </div>\n\n            <div class=\"ds-sort-panel__row\">\n              <span class=\"ds-sort-panel__label\">Irány</span>\n              <div class=\"ds-sort-direction\" role=\"group\" aria-label=\"Rendezés iránya\">\n                <button\n                  type=\"button\"\n                  class=\"ds-sort-direction__btn\"\n                  :class=\"{ 'is-active': direction === 'asc' }\"\n                  :aria-pressed=\"direction === 'asc'\"\n                  aria-label=\"Növekvő\"\n                  @click=\"direction = 'asc'\"\n                >\n                  <i class=\"fa-solid fa-fw fa-arrow-up-wide-short\"></i>\n                  <span>Növekvő</span>\n                </button>\n                <button\n                  type=\"button\"\n                  class=\"ds-sort-direction__btn dir-desc\"\n                  :class=\"{ 'is-active': direction === 'desc' }\"\n                  :aria-pressed=\"direction === 'desc'\"\n                  aria-label=\"Csökkenő\"\n                  @click=\"direction = 'desc'\"\n                >\n                  <i class=\"fa-solid fa-fw fa-arrow-down-wide-short\"></i>\n                  <span>Csökkenő</span>\n                </button>\n              </div>\n            </div>\n\n            <div class=\"ds-sort-panel__footer\">\n              <Button label=\"Rendben\" outline size=\"small\" @click=\"isOpen = false\" />\n            </div>\n          </div>\n        </div>\n      </Teleport>\n    </div>\n  </div>\n</template>\n\n<style lang=\"scss\" src=\"@/styles/components/data-table/data-sort.scss\"></style>\n"],"mappings":""}
+{"version":3,"file":"admins-components85.js","names":[],"sources":["../src/components/data-table/DataSort.vue"],"sourcesContent":["<script lang=\"ts\">\nexport type SortDirection = 'asc' | 'desc'\n\nexport interface DataSortOption {\n  value: string\n  label: string\n  icon?: string\n}\n\nexport interface DataSortProps {\n  modelValue: { key: string; direction: SortDirection } | null\n  options: DataSortOption[]\n  placeholder?: string\n  handleUrl?: boolean\n  disabled?: boolean\n}\n\nexport function getDefaultSort(): { key: string; direction: SortDirection } | null {\n  if (typeof window === 'undefined') return null\n  const params = new URLSearchParams(window.location.search)\n  const key = params.get('sortBy')\n  const dir = params.get('sortDir')\n  if (key && (dir === 'asc' || dir === 'desc')) {\n    return { key, direction: dir }\n  }\n  return null\n}\n</script>\n\n<script setup lang=\"ts\">\nimport { computed, ref, watch } from 'vue'\nimport DropdownSelect, { type DropdownOption } from '@/components/DropdownSelect.vue'\nimport { useDropdownAnchor } from '@/composables/useDropdownAnchor'\nimport { writeUrlOrRemove } from '@/utils/url'\nimport Button from '../Button.vue'\n\nconst props = withDefaults(defineProps<DataSortProps>(), {\n  placeholder: 'Rendezés...',\n  handleUrl: false,\n  disabled: false\n})\n\nconst emit = defineEmits<{\n  'update:modelValue': [sort: { key: string; direction: SortDirection } | null]\n  'sort-change': [sort: { key: string; direction: SortDirection } | null]\n}>()\n\nconst wrapperRef = ref<HTMLElement | null>(null)\nconst dropdownRef = ref<HTMLElement | null>(null)\nconst { isOpen, dropdownStyle } = useDropdownAnchor(wrapperRef, dropdownRef, {\n  extraStyle: (rect) => ({ minWidth: `${Math.max(rect.width, 240)}px` }),\n  closeOnScroll: true,\n})\n\nconst sortBy = computed<string | string[] | null>({\n  get: () => props.modelValue?.key ?? null,\n  set: (v) => {\n    if (Array.isArray(v)) return\n    const next = typeof v === 'string' ? v : null\n    emitChange(next, props.modelValue?.direction ?? 'asc')\n  },\n})\n\nconst direction = computed<SortDirection>({\n  get: () => props.modelValue?.direction ?? 'asc',\n  set: (d) => emitChange(props.modelValue?.key ?? null, d),\n})\n\nconst activeLabel = computed(() => {\n  if (!props.modelValue) return props.placeholder\n  const opt = props.options.find((o) => o.value === props.modelValue!.key)\n  const label = opt?.label ?? props.modelValue.key\n  return `${label} (${props.modelValue.direction === 'asc' ? 'növekvő' : 'csökkenő'})`\n})\n\nfunction emitChange(key: string | null, dir: SortDirection) {\n  if (key == null) {\n    if (props.handleUrl) {\n      writeUrlOrRemove('sortBy', null, { handleUrl: true })\n      writeUrlOrRemove('sortDir', null, { handleUrl: true })\n    }\n    emit('update:modelValue', null)\n    emit('sort-change', null)\n    return\n  }\n  if (props.handleUrl) {\n    writeUrlOrRemove('sortBy', key, { handleUrl: true })\n    writeUrlOrRemove('sortDir', dir, { handleUrl: true, default: 'asc' })\n  }\n  const next = { key, direction: dir }\n  emit('update:modelValue', next)\n  emit('sort-change', next)\n}\n\nfunction clear() {\n  emitChange(null, 'asc')\n  isOpen.value = false\n}\n\nfunction onSortColumnChange(v: DropdownOption | DropdownOption[] | null) {\n  if (Array.isArray(v)) return\n  sortBy.value = v?.value ?? null\n}\n\n// Read initial state from URL on mount when handleUrl is true and modelValue is empty.\nwatch(\n  isOpen,\n  (open) => {\n    if (!open || !props.handleUrl || props.modelValue) return\n    const sort = getDefaultSort()\n    if (sort) emitChange(sort.key, sort.direction)\n  },\n  { immediate: true },\n)\n</script>\n\n<template>\n  <div class=\"ac-component\">\n    <div ref=\"wrapperRef\" class=\"ds-sort-wrapper\">\n      <button\n        type=\"button\"\n        class=\"c-btn ds-sort-trigger lh-1\"\n        :class=\"[modelValue && 'is-active', disabled && 'is-disabled', isOpen && 'is-open']\"\n        :disabled=\"disabled\"\n        :aria-label=\"`Rendezés: ${activeLabel}`\"\n        @click=\"isOpen = !isOpen\"\n      >\n        <i\n          class=\"fa-solid fa-fw\"\n          :class=\"\n            !modelValue || modelValue.direction === 'asc'\n              ? 'fa-arrow-up-wide-short'\n              : 'fa-arrow-down-wide-short'\n          \"\n        ></i>\n        <span class=\"ds-sort-label c-truncate\">{{ activeLabel }}</span>\n        <button\n          v-if=\"modelValue\"\n          type=\"button\"\n          class=\"c-icon-btn c-icon-btn--clear ds-sort-clear\"\n          aria-label=\"Rendezés törlése\"\n          title=\"Rendezés törlése\"\n          @click.stop=\"clear\"\n        >\n          <i class=\"fa-solid fa-fw fa-xmark\"></i>\n        </button>\n        <span\n          class=\"c-icon-btn c-icon-btn--chevron\"\n          :class=\"{ 'c-icon-btn--chevron-open': isOpen }\"\n        >\n          <i class=\"fa-solid fa-fw fa-chevron-down\"></i>\n        </span>\n      </button>\n\n      <Teleport to=\"body\">\n        <div class=\"ac-component\">\n          <div v-if=\"isOpen\" ref=\"dropdownRef\" class=\"ds-sort-panel\" :style=\"dropdownStyle\">\n\n            <div class=\"ds-sort-panel__row\">\n              <label class=\"ds-sort-panel__label\">Oszlop</label>\n              <DropdownSelect\n                :model-value=\"sortBy\"\n                :options=\"options\"\n                :config=\"{\n                  clearable: false,\n                  placeholder: 'Válassz oszlopot...',\n                  filterable: false,\n                }\"\n                @update:model-value=\"onSortColumnChange\"\n              />\n            </div>\n\n            <div class=\"ds-sort-panel__row\">\n              <span class=\"ds-sort-panel__label\">Irány</span>\n              <div class=\"ds-sort-direction\" role=\"group\" aria-label=\"Rendezés iránya\">\n                <button\n                  type=\"button\"\n                  class=\"ds-sort-direction__btn\"\n                  :class=\"{ 'is-active': direction === 'asc' }\"\n                  :aria-pressed=\"direction === 'asc'\"\n                  aria-label=\"Növekvő\"\n                  @click=\"direction = 'asc'\"\n                >\n                  <i class=\"fa-solid fa-fw fa-arrow-up-wide-short\"></i>\n                  <span>Növekvő</span>\n                </button>\n                <button\n                  type=\"button\"\n                  class=\"ds-sort-direction__btn dir-desc\"\n                  :class=\"{ 'is-active': direction === 'desc' }\"\n                  :aria-pressed=\"direction === 'desc'\"\n                  aria-label=\"Csökkenő\"\n                  @click=\"direction = 'desc'\"\n                >\n                  <i class=\"fa-solid fa-fw fa-arrow-down-wide-short\"></i>\n                  <span>Csökkenő</span>\n                </button>\n              </div>\n            </div>\n\n            <div class=\"ds-sort-panel__footer\">\n              <Button label=\"Rendben\" outline size=\"small\" @click=\"isOpen = false\" />\n            </div>\n          </div>\n        </div>\n      </Teleport>\n    </div>\n  </div>\n</template>\n\n<style lang=\"scss\" src=\"@/styles/components/data-table/data-sort.scss\"></style>\n"],"mappings":""}

package/dist/admins-components87.js

@@ -2,32 +2,52 @@ import { getFullStorageKey as e } from "./admins-components78.js";
 import { getUrlParam as t, removeUrlParam as n, setUrlParam as r } from "./admins-components79.js";
 //#region src/utils/dataFilters.ts
 function i(e, t, n = !0) {
-	let r = a(e), i = Object.keys(r).length > 0, o = (i ? null : s(t))?.values ?? {}, c = {};
+	let r = s(e), i = Object.keys(r).length > 0, a = (i ? null : l(t))?.values ?? {}, o = {};
 	for (let t of e) {
 		if (t.type === "separator") continue;
 		let e;
 		if (t.key in r) e = r[t.key];
 		else if (i) continue;
-		else if (t.key in o) e = o[t.key];
+		else if (t.key in a) e = a[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;
+			n && Object.assign(o, n);
+		} else o[t.key] = e;
 	}
-	return c;
+	return o;
 }
-function a(e) {
+function a(e, t, n = !0) {
+	let r = i(e, t, n), a = {};
+	for (let t of e) {
+		if (t.type !== "dropdown") {
+			t.key in r && (a[t.key] = r[t.key]);
+			continue;
+		}
+		let e = o(r[t.key]);
+		e != null && (a[t.key] = e);
+	}
+	return a;
+}
+function o(e) {
+	if (e == null) return null;
+	if (Array.isArray(e)) {
+		let t = e.map((e) => e == null ? null : typeof e == "object" && "value" in e ? e.value ?? null : typeof e == "string" ? e : null).filter((e) => e !== null);
+		return t.length > 0 ? t : null;
+	}
+	return typeof e == "object" && "value" in e ? e.value ?? null : typeof e == "string" ? e : null;
+}
+function s(e) {
 	let n = {};
 	for (let r of e) {
 		if (r.type === "separator") continue;
 		let e = t(r.key);
-		e && (n[r.key] = l(r.type, e, r.value));
+		e && (n[r.key] = d(r.type, e, r.value));
 	}
 	return n;
 }
-function o(t) {
+function c(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") : [];
@@ -35,34 +55,34 @@ function o(t) {
 		return [];
 	}
 }
-function s(e) {
-	return o(e).find((e) => e.isDefault) ?? null;
+function l(e) {
+	return c(e).find((e) => e.isDefault) ?? null;
 }
-function c(e) {
+function u(e) {
 	return Object.fromEntries(Object.entries(e).filter(([e, t]) => t !== null && t !== "" && t !== void 0));
 }
-function l(e, t, n) {
+function d(e, t, n) {
 	if (e === "number") {
 		let e = Number(t);
 		return isNaN(e) ? n ?? null : e;
 	}
-	return e === "date" || e === "datetime" ? { utc: t } : e === "daterange" || e === "datetimerange" ? f(t, n) : e === "dropdown" ? u(t) : e === "checkbox" ? t === "true" : t;
+	return e === "date" || e === "datetime" ? { utc: t } : e === "daterange" || e === "datetimerange" ? m(t, n) : e === "dropdown" ? f(t) : e === "checkbox" ? t === "true" : t;
 }
-function u(e) {
+function f(e) {
 	if (e.startsWith("[") || e.startsWith("{")) try {
 		let t = JSON.parse(e);
 		if (Array.isArray(t)) {
-			let e = t.map(d).filter((e) => e !== null);
+			let e = t.map(p).filter((e) => e !== null);
 			return e.length > 0 ? e : null;
 		}
-		if (t && typeof t == "object") return d(t);
+		if (t && typeof t == "object") return p(t);
 	} catch {}
 	return e ? {
 		value: e,
 		label: e
 	} : null;
 }
-function d(e) {
+function p(e) {
 	if (e == null) return null;
 	if (typeof e == "object" && "label" in e) {
 		let t = e;
@@ -76,7 +96,7 @@ function d(e) {
 		label: e
 	} : null;
 }
-function f(e, t) {
+function m(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;
@@ -84,14 +104,14 @@ function f(e, t) {
 		return t ?? null;
 	}
 }
-function p(e, t) {
+function h(e, t) {
 	for (let i of e) {
 		if (i.type === "separator") continue;
 		let e = t[i.key];
-		e == null || e === "" ? n(i.key) : i.type === "date" || i.type === "datetime" ? r(i.key, e.utc) : i.type === "dropdown" ? r(i.key, JSON.stringify(m(e))) : typeof e == "object" ? r(i.key, JSON.stringify(e)) : r(i.key, String(e));
+		e == null || e === "" ? n(i.key) : i.type === "date" || i.type === "datetime" ? r(i.key, e.utc) : i.type === "dropdown" ? r(i.key, JSON.stringify(g(e))) : typeof e == "object" ? r(i.key, JSON.stringify(e)) : r(i.key, String(e));
 	}
 }
-function m(e, t) {
+function g(e, t) {
 	if (e == null) return null;
 	let n = (e) => {
 		if (e == null) return null;
@@ -109,4 +129,4 @@ function m(e, t) {
 	return n(e);
 }
 //#endregion
-export { c as filterEmptyValues, i as getDefaultFilters, s as getDefaultSavedFilter, a as getFilterUrlParams, o as getSavedFilters, p as writeFilterParams };
+export { u as filterEmptyValues, a as getDefaultFilterValues, i as getDefaultFilters, l as getDefaultSavedFilter, s as getFilterUrlParams, c as getSavedFilters, h as writeFilterParams };

package/dist/admins-components87.js.map

@@ -1 +1 @@
-{"version":3,"file":"admins-components87.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 type { DropdownOption } from '@/components/DropdownSelect.vue'\nimport { getFullStorageKey } from '@/utils/storageKey'\nimport { getUrlParam, setUrlParam, removeUrlParam } from '@/utils/url'\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\nexport function getFilterUrlParams(items: FilterItem[]): Record<string, unknown> {\n  const result: Record<string, unknown> = {}\n\n  for (const item of items) {\n    if (item.type === 'separator') continue\n\n    const raw = getUrlParam(item.key)\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 parseDropdownStoredValue(raw)\n  }\n  if (type === 'checkbox') {\n    return raw === 'true'\n  }\n\n  return raw\n}\n\nfunction parseDropdownStoredValue(raw: string): DropdownOption | DropdownOption[] | null {\n  // Try to parse as JSON first (new format or legacy array)\n  if (raw.startsWith('[') || raw.startsWith('{')) {\n    try {\n      const parsed = JSON.parse(raw)\n      if (Array.isArray(parsed)) {\n        const opts = parsed.map(toDropdownOption).filter((o): o is DropdownOption => o !== null)\n        return opts.length > 0 ? opts : null\n      }\n      if (parsed && typeof parsed === 'object') {\n        const opt = toDropdownOption(parsed)\n        return opt\n      }\n    } catch {\n      // fall through to legacy handling\n    }\n  }\n  // Legacy: plain string value\n  if (raw) return { value: raw, label: raw }\n  return null\n}\n\nfunction toDropdownOption(entry: unknown): DropdownOption | null {\n  if (entry == null) return null\n  if (typeof entry === 'object' && 'label' in (entry as object)) {\n    const obj = entry as DropdownOption\n    if (obj.value != null && typeof obj.label === 'string') {\n      return { value: obj.value, label: obj.label }\n    }\n  }\n  if (typeof entry === 'string') {\n    return { value: entry, label: entry }\n  }\n  return null\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  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      removeUrlParam(item.key)\n    } else if (item.type === 'date' || item.type === 'datetime') {\n      setUrlParam(item.key, (v as { utc: string }).utc)\n    } else if (item.type === 'dropdown') {\n      // Store the full option object(s) so the label is preserved even when\n      // the options list hasn't been loaded yet (e.g. lazy onInnerSearch).\n      setUrlParam(item.key, JSON.stringify(normalizeDropdownValue(v)))\n    } else if (typeof v === 'object') {\n      setUrlParam(item.key, JSON.stringify(v))\n    } else {\n      setUrlParam(item.key, String(v))\n    }\n  }\n}\n\nfunction normalizeDropdownValue(\n  v: unknown,\n  options?: DropdownOption[],\n): DropdownOption | DropdownOption[] | null {\n  if (v == null) return null\n  const toOption = (entry: unknown): DropdownOption | null => {\n    if (entry == null) return null\n    if (typeof entry === 'object' && 'label' in (entry as object)) {\n      return entry as DropdownOption\n    }\n    const value = String(entry)\n    const label = options?.find((o) => o.value === value)?.label ?? value\n    return { value, label }\n  }\n  if (Array.isArray(v)) {\n    const opts = v.map(toOption).filter((o): o is DropdownOption => o !== null)\n    return opts.length > 0 ? opts : null\n  }\n  const opt = toOption(v)\n  return opt\n}\n"],"mappings":"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"}
+{"version":3,"file":"admins-components87.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 type { DropdownOption } from '@/components/DropdownSelect.vue'\nimport { getFullStorageKey } from '@/utils/storageKey'\nimport { getUrlParam, setUrlParam, removeUrlParam } from '@/utils/url'\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/**\n * Like `getDefaultFilters`, but for `dropdown` items returns plain\n * `string | string[]` values instead of the full `DropdownOption` object(s).\n *\n * Useful for consumers that just want to send the filter payload to an API\n * (e.g. `getDefaultFetchData` callers that prefer not to deal with option\n * objects on the wire).\n */\nexport function getDefaultFilterValues(\n  items: FilterItem[],\n  storageKey?: string,\n  useTransformers = true,\n): Record<string, unknown> {\n  const filters = getDefaultFilters(items, storageKey, useTransformers)\n  const result: Record<string, unknown> = {}\n\n  for (const item of items) {\n    if (item.type !== 'dropdown') {\n      if (item.key in filters) result[item.key] = filters[item.key]\n      continue\n    }\n\n    const extracted = extractDropdownValues(filters[item.key])\n    if (extracted != null) {\n      result[item.key] = extracted\n    }\n  }\n\n  return result\n}\n\n/**\n * Extracts plain value(s) from a dropdown filter value.\n * Accepts `DropdownOption | DropdownOption[] | string | string[] | null`\n * and returns `string | string[] | null`.\n */\nfunction extractDropdownValues(val: unknown): string | string[] | null {\n  if (val == null) return null\n  if (Array.isArray(val)) {\n    const values = val\n      .map((entry) => {\n        if (entry == null) return null\n        if (typeof entry === 'object' && 'value' in entry) {\n          return (entry as { value?: string }).value ?? null\n        }\n        if (typeof entry === 'string') return entry\n        return null\n      })\n      .filter((v): v is string => v !== null)\n    return values.length > 0 ? values : null\n  }\n  if (typeof val === 'object' && 'value' in val) {\n    return (val as { value?: string }).value ?? null\n  }\n  if (typeof val === 'string') return val\n  return null\n}\n\nexport function getFilterUrlParams(items: FilterItem[]): Record<string, unknown> {\n  const result: Record<string, unknown> = {}\n\n  for (const item of items) {\n    if (item.type === 'separator') continue\n\n    const raw = getUrlParam(item.key)\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 parseDropdownStoredValue(raw)\n  }\n  if (type === 'checkbox') {\n    return raw === 'true'\n  }\n\n  return raw\n}\n\nfunction parseDropdownStoredValue(raw: string): DropdownOption | DropdownOption[] | null {\n  // Try to parse as JSON first (new format or legacy array)\n  if (raw.startsWith('[') || raw.startsWith('{')) {\n    try {\n      const parsed = JSON.parse(raw)\n      if (Array.isArray(parsed)) {\n        const opts = parsed.map(toDropdownOption).filter((o): o is DropdownOption => o !== null)\n        return opts.length > 0 ? opts : null\n      }\n      if (parsed && typeof parsed === 'object') {\n        const opt = toDropdownOption(parsed)\n        return opt\n      }\n    } catch {\n      // fall through to legacy handling\n    }\n  }\n  // Legacy: plain string value\n  if (raw) return { value: raw, label: raw }\n  return null\n}\n\nfunction toDropdownOption(entry: unknown): DropdownOption | null {\n  if (entry == null) return null\n  if (typeof entry === 'object' && 'label' in (entry as object)) {\n    const obj = entry as DropdownOption\n    if (obj.value != null && typeof obj.label === 'string') {\n      return { value: obj.value, label: obj.label }\n    }\n  }\n  if (typeof entry === 'string') {\n    return { value: entry, label: entry }\n  }\n  return null\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  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      removeUrlParam(item.key)\n    } else if (item.type === 'date' || item.type === 'datetime') {\n      setUrlParam(item.key, (v as { utc: string }).utc)\n    } else if (item.type === 'dropdown') {\n      // Store the full option object(s) so the label is preserved even when\n      // the options list hasn't been loaded yet (e.g. lazy onInnerSearch).\n      setUrlParam(item.key, JSON.stringify(normalizeDropdownValue(v)))\n    } else if (typeof v === 'object') {\n      setUrlParam(item.key, JSON.stringify(v))\n    } else {\n      setUrlParam(item.key, String(v))\n    }\n  }\n}\n\nfunction normalizeDropdownValue(\n  v: unknown,\n  options?: DropdownOption[],\n): DropdownOption | DropdownOption[] | null {\n  if (v == null) return null\n  const toOption = (entry: unknown): DropdownOption | null => {\n    if (entry == null) return null\n    if (typeof entry === 'object' && 'label' in (entry as object)) {\n      return entry as DropdownOption\n    }\n    const value = String(entry)\n    const label = options?.find((o) => o.value === value)?.label ?? value\n    return { value, label }\n  }\n  if (Array.isArray(v)) {\n    const opts = v.map(toOption).filter((o): o is DropdownOption => o !== null)\n    return opts.length > 0 ? opts : null\n  }\n  const opt = toOption(v)\n  return opt\n}\n"],"mappings":"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"}

package/dist/src/index.d.ts

@@ -22,7 +22,7 @@ export { getDefaultPaginator } from './components/data-table/DataPaginator.vue';
 export { getDefaultSearch } from './components/data-table/DataSearch.vue';
 export { getDefaultSort } from './components/data-table/DataSort.vue';
 export { getDefaultFetchData } from './components/data-table/DataList.vue';
-export { getDefaultFilters, getFilterUrlParams, getSavedFilters, getDefaultSavedFilter, filterEmptyValues, writeFilterParams, } from './utils/dataFilters';
+export { getDefaultFilters, getDefaultFilterValues, getFilterUrlParams, getSavedFilters, getDefaultSavedFilter, filterEmptyValues, writeFilterParams, } from './utils/dataFilters';
 export { getFullStorageKey, type Storable } from './utils/storageKey';
 export { default as DataTable } from './components/data-table/DataTable.vue';
 export { default as DataCards } from './components/data-table/DataCards.vue';

package/dist/src/utils/dataFilters.d.ts

@@ -1,6 +1,15 @@
 import { FilterItem } from '../components/data-table/DataFilters.vue';
 import { SavedFilter } from '../components/data-table/FiltersHistory.vue';
 export declare function getDefaultFilters(items: FilterItem[], storageKey?: string, useTransformers?: boolean): Record<string, unknown>;
+/**
+ * Like `getDefaultFilters`, but for `dropdown` items returns plain
+ * `string | string[]` values instead of the full `DropdownOption` object(s).
+ *
+ * Useful for consumers that just want to send the filter payload to an API
+ * (e.g. `getDefaultFetchData` callers that prefer not to deal with option
+ * objects on the wire).
+ */
+export declare function getDefaultFilterValues(items: FilterItem[], storageKey?: string, useTransformers?: boolean): Record<string, unknown>;
 export declare function getFilterUrlParams(items: FilterItem[]): Record<string, unknown>;
 export declare function getSavedFilters(storageKey?: string): SavedFilter[];
 export declare function getDefaultSavedFilter(storageKey?: string): SavedFilter | null;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "admins-components",
-  "version": "9.0.73",
+  "version": "9.0.75",
   "type": "module",
   "module": "./dist/admins-components.js",
   "types": "./dist/index.d.ts",