admins-components 9.0.35 → 9.0.36

package/dist/admins-components.js

@@ -29,35 +29,35 @@ import Y from "./admins-components72.js";
 import { getFullStorageKey as X } from "./admins-components73.js";
 import { getDefaultPaginator as Z } from "./admins-components74.js";
 import Q from "./admins-components76.js";
-import { filterEmptyValues as $, getDefaultFilterRaws as ee, getDefaultFilters as te, getDefaultSavedFilter as ne, getFilterUrlParams as re, getSavedFilters as ie, writeFilterParams as ae } from "./admins-components78.js";
-import oe from "./admins-components81.js";
-import se from "./admins-components84.js";
-import ce from "./admins-components87.js";
-import { getUrlParam as le, joinUrl as ue, removeUrlParam as de, setUrlParam as fe } from "./admins-components91.js";
-import { dataListDefaults as pe } from "./admins-components95.js";
-import me from "./admins-components97.js";
-import { isIpInUrl as he } from "./admins-components98.js";
-import { getCurrentSite as ge } from "./admins-components99.js";
-import { vTooltip as _e } from "./admins-components100.js";
-import { createNativeFetch as ve } from "./admins-components101.js";
-import { FetchDetails as ye, FetchError as be, Methods as xe, initRequest as Se } from "./admins-components102.js";
-import { useArticleEditorService as Ce } from "./admins-components103.js";
-import { useCurrentUser as we } from "./admins-components104.js";
-import { BackendService as Te, useBackendService as Ee } from "./admins-components105.js";
-import { aoeConfig as De, configureArticleOfferElement as Oe } from "./admins-components158.js";
-import ke from "./admins-components160.js";
-import { apeConfig as Ae, configureArticlePickerElement as je } from "./admins-components161.js";
-import { configureImagePickerElement as Me, ipeConfig as Ne } from "./admins-components162.js";
-import Pe from "./admins-components164.js";
-import Fe from "./admins-components165.js";
-import { configureExternalArticleOfferElement as Ie, eaoeConfig as Le } from "./admins-components166.js";
-import Re from "./admins-components167.js";
-import { configureGalleryImageSelectorElement as ze, gisConfig as Be } from "./admins-components168.js";
-import Ve from "./admins-components169.js";
-import He from "./admins-components170.js";
-import Ue from "./admins-components171.js";
-import { configureInternalArticleOfferElement as We, iaoeConfig as Ge } from "./admins-components172.js";
-import Ke from "./admins-components173.js";
-import { configurePartnerPickerElement as qe, ppeconfig as Je } from "./admins-components174.js";
-import Ye from "./admins-components176.js";
-export { ke as ArticleOfferElement, Pe as ArticlePickerElement, Te as BackendService, l as Button, p as Calendar, _ as Checkbox, w as ConfirmModal, T as CopyToClipboard, q as DataCards, se as DataFilters, me as DataList, Y as DataListOptions, Q as DataPaginator, K as DataTable, m as DatePicker, v as DateRangePicker, Fe as DateTimePickerElement, b as DropdownMenu, y as DropdownSelect, D as ExternalArticleOffer, Re as ExternalArticleOfferElement, ye as FetchDetails, be as FetchError, ce as FilterTags, oe as FiltersHistory, Ve as GalleryImageSelectorElement, S as HeaderComponent, E as ImagePicker, Ue as ImagePickerDetailsElement, He as ImagePickerElement, O as InternalArticleOffer, Ke as InternalArticleOfferElement, k as Loader, xe as Methods, C as Modal, Ye as PartnerPickerElement, x as Sidebar, g as TextInput, j as ToastNotification, De as aoeConfig, Ae as apeConfig, F as booleanToString, u as calendarConfigDefaults, e as castToDate, Oe as configureArticleOfferElement, je as configureArticlePickerElement, Ie as configureExternalArticleOfferElement, ze as configureGalleryImageSelectorElement, Me as configureImagePickerElement, We as configureInternalArticleOfferElement, qe as configurePartnerPickerElement, ve as createNativeFetch, M as dataCardsSettingsDefaults, I as dataListConverters, pe as dataListDefaults, N as dataListSettingsDefaults, P as dataTableSettingsDefaults, d as datePickerConfigDefaults, f as dateRangePickerConfigDefaults, h as debounce, J as deepMerge, Le as eaoeConfig, t as earlierOf, n as endOfDay, L as enumMap, $ as filterEmptyValues, R as formatCurrency, r as formatDate, z as formatNumber, ge as getCurrentSite, ee as getDefaultFilterRaws, te as getDefaultFilters, Z as getDefaultPaginator, ne as getDefaultSavedFilter, re as getFilterUrlParams, X as getFullStorageKey, ie as getSavedFilters, le as getUrlParam, Be as gisConfig, Ge as iaoeConfig, B as identity, Se as initRequest, Ne as ipeConfig, he as isIpInUrl, ue as joinUrl, i as laterOf, V as listToString, H as localToLocalString, a as localToUTCString, o as parseDate, Je as ppeconfig, de as removeUrlParam, fe as setUrlParam, U as shortUuid, s as startOfDay, c as startOfWeek, W as textEllipse, A as toast, Ce as useArticleEditorService, Ee as useBackendService, we as useCurrentUser, G as utcToLocalString, _e as vTooltip, ae as writeFilterParams };
+import { filterEmptyValues as $, getDefaultFilters as ee, getDefaultSavedFilter as te, getFilterUrlParams as ne, getSavedFilters as re, writeFilterParams as ie } from "./admins-components78.js";
+import ae from "./admins-components81.js";
+import oe from "./admins-components84.js";
+import se from "./admins-components87.js";
+import { getUrlParam as ce, joinUrl as le, removeUrlParam as ue, setUrlParam as de } from "./admins-components91.js";
+import { dataListDefaults as fe } from "./admins-components95.js";
+import pe from "./admins-components97.js";
+import { isIpInUrl as me } from "./admins-components98.js";
+import { getCurrentSite as he } from "./admins-components99.js";
+import { vTooltip as ge } from "./admins-components100.js";
+import { createNativeFetch as _e } from "./admins-components101.js";
+import { FetchDetails as ve, FetchError as ye, Methods as be, initRequest as xe } from "./admins-components102.js";
+import { useArticleEditorService as Se } from "./admins-components103.js";
+import { useCurrentUser as Ce } from "./admins-components104.js";
+import { BackendService as we, useBackendService as Te } from "./admins-components105.js";
+import { aoeConfig as Ee, configureArticleOfferElement as De } from "./admins-components158.js";
+import Oe from "./admins-components160.js";
+import { apeConfig as ke, configureArticlePickerElement as Ae } from "./admins-components161.js";
+import { configureImagePickerElement as je, ipeConfig as Me } from "./admins-components162.js";
+import Ne from "./admins-components164.js";
+import Pe from "./admins-components165.js";
+import { configureExternalArticleOfferElement as Fe, eaoeConfig as Ie } from "./admins-components166.js";
+import Le from "./admins-components167.js";
+import { configureGalleryImageSelectorElement as Re, gisConfig as ze } from "./admins-components168.js";
+import Be from "./admins-components169.js";
+import Ve from "./admins-components170.js";
+import He from "./admins-components171.js";
+import { configureInternalArticleOfferElement as Ue, iaoeConfig as We } from "./admins-components172.js";
+import Ge from "./admins-components173.js";
+import { configurePartnerPickerElement as Ke, ppeconfig as qe } from "./admins-components174.js";
+import Je from "./admins-components176.js";
+export { Oe as ArticleOfferElement, Ne as ArticlePickerElement, we as BackendService, l as Button, p as Calendar, _ as Checkbox, w as ConfirmModal, T as CopyToClipboard, q as DataCards, oe as DataFilters, pe as DataList, Y as DataListOptions, Q as DataPaginator, K as DataTable, m as DatePicker, v as DateRangePicker, Pe as DateTimePickerElement, b as DropdownMenu, y as DropdownSelect, D as ExternalArticleOffer, Le as ExternalArticleOfferElement, ve as FetchDetails, ye as FetchError, se as FilterTags, ae as FiltersHistory, Be as GalleryImageSelectorElement, S as HeaderComponent, E as ImagePicker, He as ImagePickerDetailsElement, Ve as ImagePickerElement, O as InternalArticleOffer, Ge as InternalArticleOfferElement, k as Loader, be as Methods, C as Modal, Je as PartnerPickerElement, x as Sidebar, g as TextInput, j as ToastNotification, Ee as aoeConfig, ke as apeConfig, F as booleanToString, u as calendarConfigDefaults, e as castToDate, De as configureArticleOfferElement, Ae as configureArticlePickerElement, Fe as configureExternalArticleOfferElement, Re as configureGalleryImageSelectorElement, je as configureImagePickerElement, Ue as configureInternalArticleOfferElement, Ke as configurePartnerPickerElement, _e as createNativeFetch, M as dataCardsSettingsDefaults, I as dataListConverters, fe as dataListDefaults, N as dataListSettingsDefaults, P as dataTableSettingsDefaults, d as datePickerConfigDefaults, f as dateRangePickerConfigDefaults, h as debounce, J as deepMerge, Ie as eaoeConfig, t as earlierOf, n as endOfDay, L as enumMap, $ as filterEmptyValues, R as formatCurrency, r as formatDate, z as formatNumber, he as getCurrentSite, ee as getDefaultFilters, Z as getDefaultPaginator, te as getDefaultSavedFilter, ne as getFilterUrlParams, X as getFullStorageKey, re as getSavedFilters, ce as getUrlParam, ze as gisConfig, We as iaoeConfig, B as identity, xe as initRequest, Me as ipeConfig, me as isIpInUrl, le as joinUrl, i as laterOf, V as listToString, H as localToLocalString, a as localToUTCString, o as parseDate, qe as ppeconfig, ue as removeUrlParam, de as setUrlParam, U as shortUuid, s as startOfDay, c as startOfWeek, W as textEllipse, A as toast, Se as useArticleEditorService, Te as useBackendService, Ce as useCurrentUser, G as utcToLocalString, ge as vTooltip, ie as writeFilterParams };

package/dist/admins-components78.js

@@ -1,36 +1,33 @@
 import { getFullStorageKey as e } from "./admins-components73.js";
 import { parseDropdownValue as t } from "./admins-components77.js";
 //#region src/utils/dataFilters.ts
-function n(e, t) {
-	let n = o(t)?.values ?? {}, r = i(e), a = {};
-	for (let t of e) if (t.type !== "separator") if (t.key in r) a[t.key] = r[t.key];
-	else if (t.key in n) a[t.key] = n[t.key];
-	else if (t.value !== void 0) a[t.key] = t.value;
-	else continue;
-	return a;
-}
-function r(e, t) {
-	let r = n(e, t), i = {};
+function n(e, t, n = !0) {
+	let i = r(e), o = Object.keys(i).length > 0, s = (o ? null : a(t))?.values ?? {}, c = {};
 	for (let t of e) {
 		if (t.type === "separator") continue;
-		let e = r[t.key];
-		if (e != null) if (t.transformer) {
+		let e;
+		if (t.key in i) e = i[t.key];
+		else if (o) continue;
+		else if (t.key in s) e = s[t.key];
+		else if (t.value !== void 0) e = t.value;
+		else continue;
+		if (e != null) if (n && t.transformer) {
 			let n = t.transformer(e);
-			n && Object.assign(i, n);
-		} else i[t.key] = e;
+			n && Object.assign(c, n);
+		} else c[t.key] = e;
 	}
-	return i;
+	return c;
 }
-function i(e) {
+function r(e) {
 	let t = new URLSearchParams(window.location.search), n = {};
 	for (let r of e) {
 		if (r.type === "separator") continue;
 		let e = window.location.search ? t.get(r.key) : null;
-		e && (n[r.key] = c(r.type, e, r.value));
+		e && (n[r.key] = s(r.type, e, r.value));
 	}
 	return n;
 }
-function a(t) {
+function i(t) {
 	try {
 		let n = e("filters", t), r = JSON.parse(localStorage.getItem(n) ?? "[]");
 		return Array.isArray(r) ? r.filter((e) => e && typeof e == "object" && typeof e.id == "string" && e.values && typeof e.savedAt == "string") : [];
@@ -38,20 +35,20 @@ function a(t) {
 		return [];
 	}
 }
-function o(e) {
-	return a(e).find((e) => e.isDefault) ?? null;
+function a(e) {
+	return i(e).find((e) => e.isDefault) ?? null;
 }
-function s(e) {
+function o(e) {
 	return Object.fromEntries(Object.entries(e).filter(([e, t]) => t !== null && t !== "" && t !== void 0));
 }
-function c(e, n, r) {
+function s(e, n, r) {
 	if (e === "number") {
 		let e = Number(n);
 		return isNaN(e) ? r ?? null : e;
 	}
-	return e === "date" || e === "datetime" ? { utc: n } : e === "daterange" || e === "datetimerange" ? l(n, r) : e === "dropdown" ? t(n) : e === "checkbox" ? n === "true" : n;
+	return e === "date" || e === "datetime" ? { utc: n } : e === "daterange" || e === "datetimerange" ? c(n, r) : e === "dropdown" ? t(n) : e === "checkbox" ? n === "true" : n;
 }
-function l(e, t) {
+function c(e, t) {
 	try {
 		let t = JSON.parse(e);
 		return t && typeof t == "object" && "local" in t && t.local && (t.local = new Date(t.local)), t;
@@ -59,7 +56,7 @@ function l(e, t) {
 		return t ?? null;
 	}
 }
-function u(e, t) {
+function l(e, t) {
 	let n = new URLSearchParams(window.location.search);
 	for (let r of e) {
 		if (r.type === "separator") continue;
@@ -70,4 +67,4 @@ function u(e, t) {
 	window.history.replaceState(null, "", i);
 }
 //#endregion
-export { s as filterEmptyValues, n as getDefaultFilterRaws, r as getDefaultFilters, o as getDefaultSavedFilter, i as getFilterUrlParams, a as getSavedFilters, u as writeFilterParams };
+export { o as filterEmptyValues, n as getDefaultFilters, a as getDefaultSavedFilter, r as getFilterUrlParams, i as getSavedFilters, l as writeFilterParams };

package/dist/admins-components78.js.map

@@ -1 +1 @@
-{"version":3,"file":"admins-components78.js","names":[],"sources":["../src/utils/dataFilters.ts"],"sourcesContent":["import type { FilterItem } from '@/components/data-table/DataFilters.vue'\nimport type { SavedFilter } from '@/components/data-table/FiltersHistory.vue'\nimport { parseDropdownValue } from '@/utils/filterDisplay'\nimport { getFullStorageKey } from '@/utils/storageKey'\n\nexport function getDefaultFilterRaws(\n  items: FilterItem[],\n  storageKey?: string,\n): Record<string, unknown> {\n  const defaultFilter = getDefaultSavedFilter(storageKey)\n  const defaultSavedValues = defaultFilter?.values ?? {}\n  const urlFilters = getFilterUrlParams(items)\n\n  const result: Record<string, unknown> = {}\n\n  for (const item of items) {\n    if (item.type === 'separator') continue\n\n    if (item.key in urlFilters) {\n      result[item.key] = urlFilters[item.key]\n    } else if (item.key in defaultSavedValues) {\n      result[item.key] = defaultSavedValues[item.key]\n    } else if (item.value !== undefined) {\n      result[item.key] = item.value\n    } else {\n      continue\n    }\n  }\n  return result\n}\n\nexport function getDefaultFilters(\n  items: FilterItem[],\n  storageKey?: string,\n): Record<string, unknown> {\n  const rawValues = getDefaultFilterRaws(items, storageKey)\n  const result: Record<string, unknown> = {}\n\n  for (const item of items) {\n    if (item.type === 'separator') continue\n\n    const value = rawValues[item.key]\n    if (value === undefined || value === null) continue\n\n    if (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 params = new URLSearchParams(window.location.search)\n  const result: Record<string, unknown> = {}\n\n  for (const item of items) {\n    if (item.type === 'separator') continue\n\n    const raw = window.location.search ? params.get(item.key) : null\n    if (raw) {\n      result[item.key] = parseFilterValue(item.type, raw, item.value)\n    }\n  }\n  return result\n}\n\nexport function getSavedFilters(storageKey?: string): SavedFilter[] {\n  try {\n    const fullStorageKey = getFullStorageKey('filters', storageKey)\n    const parsed = JSON.parse(localStorage.getItem(fullStorageKey) ?? '[]')\n    return Array.isArray(parsed)\n      ? parsed.filter(\n          (e) =>\n            e &&\n            typeof e === 'object' &&\n            typeof e.id === 'string' &&\n            e.values &&\n            typeof e.savedAt === 'string',\n        )\n      : []\n  } catch {\n    return []\n  }\n}\n\nexport function getDefaultSavedFilter(storageKey?: string): SavedFilter | null {\n  const savedFilters = getSavedFilters(storageKey)\n  return savedFilters.find((f) => f.isDefault) ?? null\n}\n\nexport function filterEmptyValues(filters: Record<string, any>): Record<string, any> {\n  return Object.fromEntries(\n    // eslint-disable-next-line @typescript-eslint/no-unused-vars\n    Object.entries(filters).filter(([_, val]) => val !== null && val !== '' && val !== undefined),\n  )\n}\n\nfunction parseFilterValue(type: FilterItem['type'], raw: string, fallback: unknown): unknown {\n  if (type === 'number') {\n    const n = Number(raw)\n    return isNaN(n) ? (fallback ?? null) : n\n  }\n  if (type === 'date' || type === 'datetime') {\n    return { utc: raw }\n  }\n  if (type === 'daterange' || type === 'datetimerange') {\n    return parseRangeValue(raw, fallback)\n  }\n  if (type === 'dropdown') {\n    return parseDropdownValue(raw)\n  }\n  if (type === 'checkbox') {\n    return raw === 'true'\n  }\n\n  return raw\n}\n\nfunction parseRangeValue(raw: string, fallback: unknown): unknown {\n  try {\n    const parsed = JSON.parse(raw)\n    if (parsed && typeof parsed === 'object' && 'local' in parsed && parsed.local) {\n      parsed.local = new Date(parsed.local)\n    }\n    return parsed\n  } catch {\n    return fallback ?? null\n  }\n}\n\nexport function writeFilterParams(items: FilterItem[], vals: Record<string, unknown>) {\n  const params = new URLSearchParams(window.location.search)\n  for (const item of items) {\n    if (item.type === 'separator') continue\n    const v = vals[item.key]\n    if (v === null || v === undefined || v === '') {\n      params.delete(item.key)\n    } else if (item.type === 'date' || item.type === 'datetime') {\n      params.set(item.key, (v as { utc: string }).utc)\n    } else if (typeof v === 'object') {\n      params.set(item.key, JSON.stringify(v))\n    } else {\n      params.set(item.key, String(v))\n    }\n  }\n  const qs = params.toString()\n  const url = window.location.pathname + (qs ? `?${qs}` : '')\n  window.history.replaceState(null, '', url)\n}\n"],"mappings":"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"}
+{"version":3,"file":"admins-components78.js","names":[],"sources":["../src/utils/dataFilters.ts"],"sourcesContent":["import type { FilterItem } from '@/components/data-table/DataFilters.vue'\nimport type { SavedFilter } from '@/components/data-table/FiltersHistory.vue'\nimport { parseDropdownValue } from '@/utils/filterDisplay'\nimport { getFullStorageKey } from '@/utils/storageKey'\n\n export function getDefaultFilters(\n  items: FilterItem[],\n  storageKey?: string,\n  useTransformers = true,\n): Record<string, unknown> {\n  const urlFilters = getFilterUrlParams(items)\n  const hasUrlParams = Object.keys(urlFilters).length > 0\n  const defaultFilter = hasUrlParams ? null : getDefaultSavedFilter(storageKey)\n  const defaultSavedValues = defaultFilter?.values ?? {}\n\n  const result: Record<string, unknown> = {}\n\n  for (const item of items) {\n    if (item.type === 'separator') continue\n\n    let value: unknown\n\n    if (item.key in urlFilters) {\n      value = urlFilters[item.key]\n    } else if (hasUrlParams) {\n      continue\n    } else if (item.key in defaultSavedValues) {\n      value = defaultSavedValues[item.key]\n    } else if (item.value !== undefined) {\n      value = item.value\n    } else {\n      continue\n    }\n\n    if (value == null) continue\n\n    if (useTransformers && item.transformer) {\n      const transformed = item.transformer(value)\n      if (transformed) {\n        Object.assign(result, transformed)\n      }\n    } else {\n      result[item.key] = value\n    }\n  }\n\n  return result\n}\n\n/* export function getDefaultFilters(\n  items: FilterItem[],\n  storageKey?: string,\n): Record<string, unknown> {\n  return getDefaultFilterRaws(items, storageKey, true)\n} */\n\nexport function getFilterUrlParams(items: FilterItem[]): Record<string, unknown> {\n  const params = new URLSearchParams(window.location.search)\n  const result: Record<string, unknown> = {}\n\n  for (const item of items) {\n    if (item.type === 'separator') continue\n\n    const raw = window.location.search ? params.get(item.key) : null\n    if (raw) {\n      result[item.key] = parseFilterValue(item.type, raw, item.value)\n    }\n  }\n  return result\n}\n\nexport function getSavedFilters(storageKey?: string): SavedFilter[] {\n  try {\n    const fullStorageKey = getFullStorageKey('filters', storageKey)\n    const parsed = JSON.parse(localStorage.getItem(fullStorageKey) ?? '[]')\n    return Array.isArray(parsed)\n      ? parsed.filter(\n          (e) =>\n            e &&\n            typeof e === 'object' &&\n            typeof e.id === 'string' &&\n            e.values &&\n            typeof e.savedAt === 'string',\n        )\n      : []\n  } catch {\n    return []\n  }\n}\n\nexport function getDefaultSavedFilter(storageKey?: string): SavedFilter | null {\n  const savedFilters = getSavedFilters(storageKey)\n  return savedFilters.find((f) => f.isDefault) ?? null\n}\n\nexport function filterEmptyValues(filters: Record<string, any>): Record<string, any> {\n  return Object.fromEntries(\n    // eslint-disable-next-line @typescript-eslint/no-unused-vars\n    Object.entries(filters).filter(([_, val]) => val !== null && val !== '' && val !== undefined),\n  )\n}\n\nfunction parseFilterValue(type: FilterItem['type'], raw: string, fallback: unknown): unknown {\n  if (type === 'number') {\n    const n = Number(raw)\n    return isNaN(n) ? (fallback ?? null) : n\n  }\n  if (type === 'date' || type === 'datetime') {\n    return { utc: raw }\n  }\n  if (type === 'daterange' || type === 'datetimerange') {\n    return parseRangeValue(raw, fallback)\n  }\n  if (type === 'dropdown') {\n    return parseDropdownValue(raw)\n  }\n  if (type === 'checkbox') {\n    return raw === 'true'\n  }\n\n  return raw\n}\n\nfunction parseRangeValue(raw: string, fallback: unknown): unknown {\n  try {\n    const parsed = JSON.parse(raw)\n    if (parsed && typeof parsed === 'object' && 'local' in parsed && parsed.local) {\n      parsed.local = new Date(parsed.local)\n    }\n    return parsed\n  } catch {\n    return fallback ?? null\n  }\n}\n\nexport function writeFilterParams(items: FilterItem[], vals: Record<string, unknown>) {\n  const params = new URLSearchParams(window.location.search)\n  for (const item of items) {\n    if (item.type === 'separator') continue\n    const v = vals[item.key]\n    if (v === null || v === undefined || v === '') {\n      params.delete(item.key)\n    } else if (item.type === 'date' || item.type === 'datetime') {\n      params.set(item.key, (v as { utc: string }).utc)\n    } else if (typeof v === 'object') {\n      params.set(item.key, JSON.stringify(v))\n    } else {\n      params.set(item.key, String(v))\n    }\n  }\n  const qs = params.toString()\n  const url = window.location.pathname + (qs ? `?${qs}` : '')\n  window.history.replaceState(null, '', url)\n}\n"],"mappings":"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"}

package/dist/admins-components82.js

@@ -5,14 +5,14 @@ import r from "./admins-components19.js";
 import i from "./admins-components22.js";
 import a from "./admins-components25.js";
 import o from "./admins-components31.js";
-import { filterEmptyValues as s, getDefaultFilterRaws as c, writeFilterParams as l } from "./admins-components78.js";
+import { filterEmptyValues as s, getDefaultFilters as c, writeFilterParams as l } from "./admins-components78.js";
 import u from "./admins-components81.js";
-import { Fragment as d, createBlock as f, createCommentVNode as p, createElementBlock as m, createElementVNode as h, createVNode as g, defineComponent as _, mergeProps as v, normalizeClass as y, onMounted as b, openBlock as x, ref as S, renderList as C, toDisplayString as w, watch as T, withCtx as E } from "vue";
+import { Fragment as d, computed as f, createBlock as p, createCommentVNode as m, createElementBlock as h, createElementVNode as g, createVNode as _, defineComponent as v, mergeProps as y, normalizeClass as b, openBlock as x, ref as S, renderList as C, toDisplayString as w, withCtx as T } from "vue";
 //#region src/components/data-table/DataFilters.vue?vue&type=script&setup=true&lang.ts
-var D = {
+var E = {
 	key: 0,
 	class: "data-filters__separator"
-}, O = ["for"], k = { class: "c-label" }, A = { class: "c-label" }, j = { class: "data-filters__footer" }, M = /* @__PURE__ */ _({
+}, D = ["for"], O = { class: "c-label" }, k = { class: "c-label" }, A = { class: "data-filters__footer" }, j = /* @__PURE__ */ v({
 	__name: "DataFilters",
 	props: {
 		items: {},
@@ -36,116 +36,95 @@ var D = {
 		storageKey: {}
 	},
 	emits: ["close", "change"],
-	setup(_, { expose: M, emit: N }) {
-		let P = _, F = N, I = S(c(P.items, P.storageKey)), L = S({});
-		function R(e, t) {
-			t ? L.value[e] = t : delete L.value[e];
+	setup(v, { expose: j, emit: M }) {
+		let N = v, P = M, F = S(c(N.items, N.storageKey, !1)), I = S({});
+		function L(e, t) {
+			t ? I.value[e] = t : delete I.value[e];
 		}
-		function z(e) {
+		function R(e) {
 			return {
 				...e.config ?? {},
 				showTime: e.type === "datetime",
 				placeholder: e.placeholder ?? (e.type === "datetime" ? "Időpont" : "Dátum")
 			};
 		}
-		function B(e) {
+		function z(e) {
 			return {
 				...e.config ?? {},
 				...e.fullWidth ? {} : { compact: !0 },
 				showTime: e.type === "datetimerange"
 			};
 		}
-		b(() => {
-			if (!P.handleUrl) return;
-			let e = c(P.items, P.storageKey);
-			e && Object.keys(e).length > 0 && (I.value = {
-				...I.value,
-				...e
-			});
-		});
-		function V(e, t) {
-			I.value = {
-				...I.value,
+		function B(e, t) {
+			F.value = {
+				...F.value,
 				[e]: t
-			}, P.lazy || (P.handleUrl && l(P.items, I.value), F("change", H()));
+			}, N.lazy || U();
 		}
+		let V = f(() => Object.values(F.value).some((e) => e !== null && e !== "" && e !== void 0));
 		function H() {
-			let e = P.items.reduce((e, t) => {
-				let n = I.value[t.key];
-				return t.transformer ? {
-					...e,
-					...t.transformer(n) ?? {}
-				} : {
-					...e,
-					[t.key]: n
-				};
-			}, {});
+			let e = {};
+			for (let t of N.items) {
+				if (t.type === "separator") continue;
+				let n = F.value[t.key];
+				t.transformer ? Object.assign(e, t.transformer(n) ?? {}) : e[t.key] = n;
+			}
 			return {
-				values: s(I.value),
+				values: s(F.value),
 				transformed: s(e)
 			};
 		}
 		function U() {
-			P.handleUrl && l(P.items, I.value), F("change", H()), F("close");
+			N.handleUrl && l(N.items, F.value), P("change", H());
 		}
 		function W() {
-			I.value = {}, P.handleUrl && l(P.items, I.value), F("change", H());
+			U(), P("close");
+		}
+		function G() {
+			F.value = {}, U();
 		}
-		let G = S(!1);
-		T(I, (e) => {
-			G.value = Object.values(e).some((e) => e !== null && e !== "" && e !== void 0);
-		}, {
-			deep: !0,
-			immediate: !0
-		});
 		function K(e) {
-			I.value = {
-				...I.value,
+			F.value = {
+				...F.value,
 				[e]: null
-			}, P.handleUrl && l(P.items, I.value), F("change", H());
+			}, U();
 		}
 		function q(e) {
-			let t = L.value[e];
-			if (t) {
-				if (typeof t.focusAndOpen == "function") {
-					t.focusAndOpen();
-					return;
-				}
-				typeof t.focus == "function" && t.focus();
-			}
+			let t = I.value[e];
+			t && (typeof t.focusAndOpen == "function" ? t.focusAndOpen() : typeof t.focus == "function" && t.focus());
 		}
 		function J(e) {
-			let t = { ...I.value };
-			for (let n of P.items) n.type !== "separator" && n.key in e && (t[n.key] = e[n.key] ?? null);
-			I.value = t, P.handleUrl && l(P.items, I.value), F("change", H());
+			let t = { ...F.value };
+			for (let n of N.items) n.type !== "separator" && n.key in e && (t[n.key] = e[n.key] ?? null);
+			F.value = t, U();
 		}
-		M({
+		j({
 			clearFilter: K,
 			focusFilter: q
 		});
 		function Y(e) {
-			e.key === "Enter" && e.target?.tagName !== "TEXTAREA" && (e.preventDefault(), U());
+			e.key === "Enter" && e.target?.tagName !== "TEXTAREA" && (e.preventDefault(), W());
 		}
-		return (s, c) => (x(), f(o, {
-			open: _.open,
+		return (s, c) => (x(), p(o, {
+			open: v.open,
 			title: "Szűrők",
-			position: _.position,
-			onClose: c[0] ||= (e) => F("close")
+			position: v.position,
+			onClose: c[0] ||= (e) => P("close")
 		}, {
-			default: E(() => [
-				h("div", {
+			default: T(() => [
+				g("div", {
 					class: "data-filters",
 					onKeydown: Y
-				}, [(x(!0), m(d, null, C(_.items, (e) => (x(), m("div", {
+				}, [(x(!0), h(d, null, C(v.items, (e) => (x(), h("div", {
 					key: e.key,
-					class: y(["data-filters__field", { "data-filters__field--full": e.fullWidth || e.type === "separator" }])
-				}, [e.type === "separator" ? (x(), m("hr", D)) : e.type === "checkbox" ? (x(), f(r, v({
+					class: b(["data-filters__field", { "data-filters__field--full": e.fullWidth || e.type === "separator" }])
+				}, [e.type === "separator" ? (x(), h("hr", E)) : e.type === "checkbox" ? (x(), p(r, y({
 					key: 1,
 					ref_for: !0,
-					ref: (t) => R(e.key, t),
-					"model-value": I.value[e.key] ?? !1,
+					ref: (t) => L(e.key, t),
+					"model-value": F.value[e.key] ?? !1,
 					label: e.label ?? e.key,
-					"onUpdate:modelValue": (t) => V(e.key, t)
+					"onUpdate:modelValue": (t) => B(e.key, t)
 				}, { ref_for: !0 }, e.config), null, 16, [
 					"model-value",
 					"label",
@@ -154,16 +133,16 @@ var D = {
 					"text",
 					"number",
 					"textarea"
-				].includes(e.type) ? (x(), f(n, v({
+				].includes(e.type) ? (x(), p(n, y({
 					key: 2,
 					type: e.type,
 					ref_for: !0,
-					ref: (t) => R(e.key, t),
+					ref: (t) => L(e.key, t),
 					id: `df-${e.key}`,
-					"model-value": I.value[e.key] ?? "",
+					"model-value": F.value[e.key] ?? "",
 					label: e.label ?? e.key,
 					placeholder: e.placeholder,
-					"onUpdate:modelValue": (t) => V(e.key, t || null)
+					"onUpdate:modelValue": (t) => B(e.key, t || null)
 				}, { ref_for: !0 }, e.config), null, 16, [
 					"type",
 					"id",
@@ -171,35 +150,35 @@ var D = {
 					"label",
 					"placeholder",
 					"onUpdate:modelValue"
-				])) : e.type === "date" || e.type === "datetime" ? (x(), m(d, { key: 3 }, [h("label", {
+				])) : e.type === "date" || e.type === "datetime" ? (x(), h(d, { key: 3 }, [g("label", {
 					class: "c-label",
 					for: `df-${e.key}`
-				}, w(e.label ?? e.key), 9, O), g(t, {
+				}, w(e.label ?? e.key), 9, D), _(t, {
 					ref_for: !0,
-					ref: (t) => R(e.key, t),
+					ref: (t) => L(e.key, t),
 					id: `df-${e.key}`,
-					"model-value": I.value[e.key] ?? null,
-					config: z(e),
-					"onUpdate:modelValue": (t) => V(e.key, t)
+					"model-value": F.value[e.key] ?? null,
+					config: R(e),
+					"onUpdate:modelValue": (t) => B(e.key, t)
 				}, null, 8, [
 					"id",
 					"model-value",
 					"config",
 					"onUpdate:modelValue"
-				])], 64)) : e.type === "daterange" || e.type === "datetimerange" ? (x(), m(d, { key: 4 }, [h("span", k, w(e.label ?? e.key), 1), g(i, {
+				])], 64)) : e.type === "daterange" || e.type === "datetimerange" ? (x(), h(d, { key: 4 }, [g("span", O, w(e.label ?? e.key), 1), _(i, {
 					ref_for: !0,
-					ref: (t) => R(e.key, t),
-					"model-value": I.value[e.key] ?? null,
-					config: B(e),
-					"onUpdate:modelValue": (t) => V(e.key, t)
+					ref: (t) => L(e.key, t),
+					"model-value": F.value[e.key] ?? null,
+					config: z(e),
+					"onUpdate:modelValue": (t) => B(e.key, t)
 				}, null, 8, [
 					"model-value",
 					"config",
 					"onUpdate:modelValue"
-				])], 64)) : e.type === "dropdown" ? (x(), m(d, { key: 5 }, [h("span", A, w(e.label ?? e.key), 1), g(a, {
+				])], 64)) : e.type === "dropdown" ? (x(), h(d, { key: 5 }, [g("span", k, w(e.label ?? e.key), 1), _(a, {
 					ref_for: !0,
-					ref: (t) => R(e.key, t),
-					"model-value": I.value[e.key] ?? null,
+					ref: (t) => L(e.key, t),
+					"model-value": F.value[e.key] ?? null,
 					options: e.options ?? [],
 					config: {
 						...e.config ?? {},
@@ -207,40 +186,40 @@ var D = {
 						clearable: !0,
 						filterable: !0
 					},
-					"onUpdate:modelValue": (t) => V(e.key, t)
+					"onUpdate:modelValue": (t) => B(e.key, t)
 				}, null, 8, [
 					"model-value",
 					"options",
 					"config",
 					"onUpdate:modelValue"
-				])], 64)) : p("", !0)], 2))), 128))], 32),
-				h("div", j, [g(e, {
+				])], 64)) : m("", !0)], 2))), 128))], 32),
+				g("div", A, [_(e, {
 					icon: "fa-solid fa-trash-can",
-					disabled: !G.value,
+					disabled: !V.value,
 					label: "Szűrők törlése",
 					"aria-label": "Szűrők törlése",
 					size: "small",
-					onClick: W
-				}, null, 8, ["disabled"]), g(e, {
+					onClick: G
+				}, null, 8, ["disabled"]), _(e, {
 					label: "Szűrés",
 					"aria-label": "Szűrés",
 					type: "success",
-					onClick: U
+					onClick: W
 				})]),
-				_.historyEnabled ? (x(), m(d, { key: 0 }, [c[1] ||= h("hr", { class: "separator my-3" }, null, -1), g(u, {
-					items: _.items,
-					values: I.value,
-					"storage-key": _.storageKey,
+				v.historyEnabled ? (x(), h(d, { key: 0 }, [c[1] ||= g("hr", { class: "separator my-3" }, null, -1), _(u, {
+					items: v.items,
+					values: F.value,
+					"storage-key": v.storageKey,
 					onLoad: J
 				}, null, 8, [
 					"items",
 					"values",
 					"storage-key"
-				])], 64)) : p("", !0)
+				])], 64)) : m("", !0)
 			]),
 			_: 1
 		}, 8, ["open", "position"]));
 	}
 });
 //#endregion
-export { M as default };
+export { j as default };

package/dist/admins-components82.js.map

@@ -1 +1 @@
-{"version":3,"file":"admins-components82.js","names":[],"sources":["../src/components/data-table/DataFilters.vue"],"sourcesContent":["<script lang=\"ts\">\nimport type { DropdownOption } from '@/components/DropdownSelect.vue'\n\nexport interface FilterItem {\n  type: FilterItemType\n  key: string\n  label?: string\n  placeholder?: string\n  value?: any\n  options?: DropdownOption[]\n  fullWidth?: boolean\n  config?: Record<string, any>\n  displayClass?: string\n  transformer?: (value: any) => Record<string, any> | null | undefined\n}\n\nexport interface FilterResponse {\n  values: Record<string, any>\n  transformed: Record<string, any>\n}\n\nexport interface DataFiltersProps {\n  items: FilterItem[]\n  open?: boolean\n  position?: SidebarPosition\n  lazy?: boolean\n  handleUrl?: boolean\n  historyEnabled?: boolean\n  storageKey?: string\n}\n\n\n</script>\n\n<script setup lang=\"ts\">\nimport { ref, watch, onMounted } from 'vue'\nimport Sidebar, { type SidebarPosition } from '@/components/Sidebar.vue'\nimport DatePicker from '@/components/DatePicker.vue'\nimport DateRangePicker from '@/components/DateRangePicker.vue'\nimport DropdownSelect from '@/components/DropdownSelect.vue'\nimport TextInput, { type TextInputType } from '@/components/TextInput.vue'\nimport Button from '@/components/Button.vue'\nimport Checkbox from '@/components/Checkbox.vue'\nimport FiltersHistory from '@/components/data-table/FiltersHistory.vue'\nimport type { DatePickerConfig, DateRangePickerConfig } from '@/types/datepickers'\nimport type { FilterItemType, PickedDate, PickedUtcRange } from '@/types/types'\nimport {\n  filterEmptyValues,\n  getDefaultFilterRaws,\n  writeFilterParams,\n} from '@/utils/dataFilters'\n\nconst props = withDefaults(defineProps<DataFiltersProps>(), {\n  open: false,\n  position: 'left',\n  lazy: true,\n  handleUrl: false,\n  historyEnabled: true,\n})\n\nconst emit = defineEmits<{\n  close: []\n  change: [response: FilterResponse]\n}>()\n\nconst values = ref<Record<string, any>>(getDefaultFilterRaws(props.items, props.storageKey))\nconst filterRefs = ref<Record<string, any>>({})\n\nfunction setFilterRef(key: string, el: any) {\n  if (el) {\n    filterRefs.value[key] = el\n  } else {\n    delete filterRefs.value[key]\n  }\n}\n\nfunction buildDatePickerConfig(item: FilterItem): DatePickerConfig {\n  return {\n    ...(item.config ?? {}),\n    showTime: item.type === 'datetime',\n    placeholder: item.placeholder ?? (item.type === 'datetime' ? 'Időpont' : 'Dátum'),\n  }\n}\n\nfunction buildDateRangePickerConfig(item: FilterItem): DateRangePickerConfig {\n  return {\n    ...(item.config ?? {}),\n    ...(!item.fullWidth ? { compact: true } : {}),\n    showTime: item.type === 'datetimerange',\n  }\n}\n\nonMounted(() => {\n\n  if (!props.handleUrl) return\n  const fromUrl = getDefaultFilterRaws(props.items, props.storageKey)\n  if (fromUrl && Object.keys(fromUrl).length > 0) {\n    values.value = { ...values.value, ...fromUrl }\n  }\n})\n\nfunction update(key: string, value: any) {\n  values.value = { ...values.value, [key]: value }\n\n  if (!props.lazy) {\n    if (props.handleUrl) writeFilterParams(props.items, values.value)\n    emit('change', buildResponseEmit())\n  }\n}\n\nfunction buildResponseEmit() {\n  const transformedValues = props.items.reduce((acc, item) => {\n    const val = values.value[item.key]\n    if (item.transformer) {\n      return { ...acc, ...(item.transformer(val) ?? {}) }\n    }\n    return { ...acc, [item.key]: val }\n  }, {})\n  return {\n    values: filterEmptyValues(values.value),\n    transformed: filterEmptyValues(transformedValues),\n  }\n}\n\nfunction confirm() {\n  if (props.handleUrl) writeFilterParams(props.items, values.value)\n\n  emit('change', buildResponseEmit())\n  emit('close')\n}\n\n/* function reset() {\n  values.value = getDefaults()\n  if (props.handleUrl) writeFilterParams(props.items, values.value)\n  emit('change', filterEmptyValues(values.value))\n} */\n\nfunction clearAll() {\n  values.value = {}\n  if (props.handleUrl) writeFilterParams(props.items, values.value)\n\n  emit('change', buildResponseEmit())\n}\n\nconst hasActiveFilters = ref(false)\nwatch(\n  values,\n  (v) => {\n    hasActiveFilters.value = Object.values(v).some(\n      (val) => val !== null && val !== '' && val !== undefined,\n    )\n  },\n  { deep: true, immediate: true },\n)\n\nfunction clearFilter(key: string) {\n  values.value = { ...values.value, [key]: null }\n  if (props.handleUrl) writeFilterParams(props.items, values.value)\n  emit('change', buildResponseEmit())\n}\n\nfunction focusFilter(key: string) {\n  const ref = (filterRefs.value as Record<string, any>)[key]\n  if (!ref) return\n\n  if (typeof ref.focusAndOpen === 'function') {\n    ref.focusAndOpen()\n    return\n  }\n  if (typeof ref.focus === 'function') {\n    ref.focus()\n  }\n}\n\nfunction onHistoryLoad(loaded: Record<string, any>) {\n  const next: Record<string, any> = { ...values.value }\n  for (const item of props.items) {\n    if (item.type === 'separator') continue\n    if (item.key in loaded) {\n      next[item.key] = loaded[item.key] ?? null\n    }\n  }\n  values.value = next\n  if (props.handleUrl) writeFilterParams(props.items, values.value)\n  emit('change', buildResponseEmit())\n}\n\ndefineExpose({ clearFilter, focusFilter })\n\nfunction handleFilterKeydown(event: KeyboardEvent) {\n  if (event.key !== 'Enter') return\n\n  // Allow Enter in textarea for line breaks\n  const target = event.target as HTMLElement\n  if (target?.tagName === 'TEXTAREA') return\n\n  event.preventDefault()\n  confirm()\n}\n</script>\n\n<template>\n  <Sidebar :open=\"open\" title=\"Szűrők\" :position=\"position\" @close=\"emit('close')\">\n    <div class=\"data-filters\" @keydown=\"handleFilterKeydown\">\n      <div\n        v-for=\"item in items\"\n        :key=\"item.key\"\n        class=\"data-filters__field\"\n        :class=\"{ 'data-filters__field--full': item.fullWidth || item.type === 'separator' }\"\n      >\n        <hr v-if=\"item.type === 'separator'\" class=\"data-filters__separator\" />\n        <template v-else-if=\"item.type === 'checkbox'\">\n          <Checkbox\n            :ref=\"(el: any) => setFilterRef(item.key, el)\"\n            :model-value=\"(values[item.key] as boolean) ?? false\"\n            :label=\"item.label ?? item.key\"\n            @update:model-value=\"(val) => update(item.key, val)\"\n            v-bind=\"item.config\"\n          />\n        </template>\n        <template v-else-if=\"['text', 'number', 'textarea'].includes(item.type)\">\n          <TextInput\n            :type=\"item.type as TextInputType\"\n            :ref=\"(el: any) => setFilterRef(item.key, el)\"\n            :id=\"`df-${item.key}`\"\n            :model-value=\"(values[item.key] as string) ?? ''\"\n            :label=\"item.label ?? item.key\"\n            :placeholder=\"item.placeholder\"\n            @update:model-value=\"(val) => update(item.key, val || null)\"\n            v-bind=\"item.config\"\n          />\n        </template>\n        <template v-else-if=\"item.type === 'date' || item.type === 'datetime'\">\n          <label class=\"c-label\" :for=\"`df-${item.key}`\">{{ item.label ?? item.key }}</label>\n          <DatePicker\n            :ref=\"(el: any) => setFilterRef(item.key, el)\"\n            :id=\"`df-${item.key}`\"\n            :model-value=\"(values[item.key] as PickedDate) ?? null\"\n            :config=\"buildDatePickerConfig(item)\"\n            @update:model-value=\"update(item.key, $event)\"\n          />\n        </template>\n        <template v-else-if=\"item.type === 'daterange' || item.type === 'datetimerange'\">\n          <span class=\"c-label\">{{ item.label ?? item.key }}</span>\n          <DateRangePicker\n            :ref=\"(el: any) => setFilterRef(item.key, el)\"\n            :model-value=\"(values[item.key] as PickedUtcRange) ?? null\"\n            :config=\"buildDateRangePickerConfig(item)\"\n            @update:model-value=\"update(item.key, $event)\"\n          />\n        </template>\n        <template v-else-if=\"item.type === 'dropdown'\">\n          <span class=\"c-label\">{{ item.label ?? item.key }}</span>\n          <DropdownSelect\n            :ref=\"(el: any) => setFilterRef(item.key, el)\"\n            :model-value=\"(values[item.key] as string) ?? null\"\n            :options=\"item.options ?? []\"\n            :config=\"{\n              ...(item.config ?? {}),\n              placeholder: item.placeholder ?? 'Válassz...',\n              clearable: true,\n              filterable: true,\n            }\"\n            @update:model-value=\"update(item.key, $event)\"\n          />\n        </template>\n      </div>\n    </div>\n    <div class=\"data-filters__footer\">\n      <!--   <Button\n        icon=\"fa-solid fa-trash-can\"\n        :disabled=\"!hasActiveFilters\"\n        label=\"Alaphelyzet visszaállítása\"\n        size=\"small\"\n        @click=\"reset\"\n      /> -->\n      <Button\n        icon=\"fa-solid fa-trash-can\"\n        :disabled=\"!hasActiveFilters\"\n        label=\"Szűrők törlése\"\n        aria-label=\"Szűrők törlése\"\n        size=\"small\"\n        @click=\"clearAll\"\n      />\n      <Button label=\"Szűrés\" aria-label=\"Szűrés\" type=\"success\" @click=\"confirm\" />\n    </div>\n    <template v-if=\"historyEnabled\">\n      <hr class=\"separator my-3\" />\n      <FiltersHistory\n        :items=\"items\"\n        :values=\"values\"\n        :storage-key=\"storageKey\"\n        @load=\"onHistoryLoad\"\n      />\n    </template>\n  </Sidebar>\n</template>\n\n<style lang=\"scss\" src=\"@/styles/components/data-table/data-filters.scss\"></style>\n"],"mappings":"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"}
+{"version":3,"file":"admins-components82.js","names":[],"sources":["../src/components/data-table/DataFilters.vue"],"sourcesContent":["<script lang=\"ts\">\nimport type { DropdownOption } from '@/components/DropdownSelect.vue'\n\nexport interface FilterItem {\n  type: FilterItemType\n  key: string\n  label?: string\n  placeholder?: string\n  value?: any\n  options?: DropdownOption[]\n  fullWidth?: boolean\n  config?: Record<string, any>\n  displayClass?: string\n  transformer?: (value: any) => Record<string, any> | null | undefined\n}\n\nexport interface FilterResponse {\n  values: Record<string, any>\n  transformed: Record<string, any>\n}\n\nexport interface DataFiltersProps {\n  items: FilterItem[]\n  open?: boolean\n  position?: SidebarPosition\n  lazy?: boolean\n  handleUrl?: boolean\n  historyEnabled?: boolean\n  storageKey?: string\n}\n\n\n</script>\n\n<script setup lang=\"ts\">\nimport { computed, ref } from 'vue'\nimport Sidebar, { type SidebarPosition } from '@/components/Sidebar.vue'\nimport DatePicker from '@/components/DatePicker.vue'\nimport DateRangePicker from '@/components/DateRangePicker.vue'\nimport DropdownSelect from '@/components/DropdownSelect.vue'\nimport TextInput, { type TextInputType } from '@/components/TextInput.vue'\nimport Button from '@/components/Button.vue'\nimport Checkbox from '@/components/Checkbox.vue'\nimport FiltersHistory from '@/components/data-table/FiltersHistory.vue'\nimport type { DatePickerConfig, DateRangePickerConfig } from '@/types/datepickers'\nimport type { FilterItemType, PickedDate, PickedUtcRange } from '@/types/types'\nimport {\n  filterEmptyValues,\n  getDefaultFilters,\n  writeFilterParams,\n} from '@/utils/dataFilters'\n\nconst props = withDefaults(defineProps<DataFiltersProps>(), {\n  open: false,\n  position: 'left',\n  lazy: true,\n  handleUrl: false,\n  historyEnabled: true,\n})\n\nconst emit = defineEmits<{\n  close: []\n  change: [response: FilterResponse]\n}>()\n\nconst values = ref<Record<string, any>>(getDefaultFilters(props.items, props.storageKey, false))\nconst filterRefs = ref<Record<string, any>>({})\n\nfunction setFilterRef(key: string, el: any) {\n  if (el) filterRefs.value[key] = el\n  else delete filterRefs.value[key]\n}\n\nfunction buildDatePickerConfig(item: FilterItem): DatePickerConfig {\n  return {\n    ...(item.config ?? {}),\n    showTime: item.type === 'datetime',\n    placeholder: item.placeholder ?? (item.type === 'datetime' ? 'Időpont' : 'Dátum'),\n  }\n}\n\nfunction buildDateRangePickerConfig(item: FilterItem): DateRangePickerConfig {\n  return {\n    ...(item.config ?? {}),\n    ...(!item.fullWidth ? { compact: true } : {}),\n    showTime: item.type === 'datetimerange',\n  }\n}\n\nfunction update(key: string, value: any) {\n  values.value = { ...values.value, [key]: value }\n  if (!props.lazy) emitChange()\n}\n\nconst hasActiveFilters = computed(() =>\n  Object.values(values.value).some((v) => v !== null && v !== '' && v !== undefined),\n)\n\nfunction buildResponse(): FilterResponse {\n  const transformed: Record<string, any> = {}\n  for (const item of props.items) {\n    if (item.type === 'separator') continue\n    const val = values.value[item.key]\n    if (item.transformer) Object.assign(transformed, item.transformer(val) ?? {})\n    else transformed[item.key] = val\n  }\n  return { values: filterEmptyValues(values.value), transformed: filterEmptyValues(transformed) }\n}\n\nfunction emitChange() {\n  if (props.handleUrl) writeFilterParams(props.items, values.value)\n  emit('change', buildResponse())\n}\n\nfunction confirm() {\n  emitChange()\n  emit('close')\n}\n\nfunction clearAll() {\n  values.value = {}\n  emitChange()\n}\n\nfunction clearFilter(key: string) {\n  values.value = { ...values.value, [key]: null }\n  emitChange()\n}\n\nfunction focusFilter(key: string) {\n  const el = (filterRefs.value as Record<string, any>)[key]\n  if (!el) return\n\n  if (typeof el.focusAndOpen === 'function') el.focusAndOpen()\n  else if (typeof el.focus === 'function') el.focus()\n}\n\nfunction onHistoryLoad(loaded: Record<string, any>) {\n  const next: Record<string, any> = { ...values.value }\n  for (const item of props.items) {\n    if (item.type === 'separator') continue\n    if (item.key in loaded) next[item.key] = loaded[item.key] ?? null\n  }\n  values.value = next\n  emitChange()\n}\n\ndefineExpose({ clearFilter, focusFilter })\n\nfunction handleFilterKeydown(event: KeyboardEvent) {\n  if (event.key !== 'Enter') return\n\n  // Allow Enter in textarea for line breaks\n  const target = event.target as HTMLElement\n  if (target?.tagName === 'TEXTAREA') return\n\n  event.preventDefault()\n  confirm()\n}\n</script>\n\n<template>\n  <Sidebar :open=\"open\" title=\"Szűrők\" :position=\"position\" @close=\"emit('close')\">\n    <div class=\"data-filters\" @keydown=\"handleFilterKeydown\">\n      <div\n        v-for=\"item in items\"\n        :key=\"item.key\"\n        class=\"data-filters__field\"\n        :class=\"{ 'data-filters__field--full': item.fullWidth || item.type === 'separator' }\"\n      >\n        <hr v-if=\"item.type === 'separator'\" class=\"data-filters__separator\" />\n        <template v-else-if=\"item.type === 'checkbox'\">\n          <Checkbox\n            :ref=\"(el: any) => setFilterRef(item.key, el)\"\n            :model-value=\"(values[item.key] as boolean) ?? false\"\n            :label=\"item.label ?? item.key\"\n            @update:model-value=\"(val) => update(item.key, val)\"\n            v-bind=\"item.config\"\n          />\n        </template>\n        <template v-else-if=\"['text', 'number', 'textarea'].includes(item.type)\">\n          <TextInput\n            :type=\"item.type as TextInputType\"\n            :ref=\"(el: any) => setFilterRef(item.key, el)\"\n            :id=\"`df-${item.key}`\"\n            :model-value=\"(values[item.key] as string) ?? ''\"\n            :label=\"item.label ?? item.key\"\n            :placeholder=\"item.placeholder\"\n            @update:model-value=\"(val) => update(item.key, val || null)\"\n            v-bind=\"item.config\"\n          />\n        </template>\n        <template v-else-if=\"item.type === 'date' || item.type === 'datetime'\">\n          <label class=\"c-label\" :for=\"`df-${item.key}`\">{{ item.label ?? item.key }}</label>\n          <DatePicker\n            :ref=\"(el: any) => setFilterRef(item.key, el)\"\n            :id=\"`df-${item.key}`\"\n            :model-value=\"(values[item.key] as PickedDate) ?? null\"\n            :config=\"buildDatePickerConfig(item)\"\n            @update:model-value=\"update(item.key, $event)\"\n          />\n        </template>\n        <template v-else-if=\"item.type === 'daterange' || item.type === 'datetimerange'\">\n          <span class=\"c-label\">{{ item.label ?? item.key }}</span>\n          <DateRangePicker\n            :ref=\"(el: any) => setFilterRef(item.key, el)\"\n            :model-value=\"(values[item.key] as PickedUtcRange) ?? null\"\n            :config=\"buildDateRangePickerConfig(item)\"\n            @update:model-value=\"update(item.key, $event)\"\n          />\n        </template>\n        <template v-else-if=\"item.type === 'dropdown'\">\n          <span class=\"c-label\">{{ item.label ?? item.key }}</span>\n          <DropdownSelect\n            :ref=\"(el: any) => setFilterRef(item.key, el)\"\n            :model-value=\"(values[item.key] as string) ?? null\"\n            :options=\"item.options ?? []\"\n            :config=\"{\n              ...(item.config ?? {}),\n              placeholder: item.placeholder ?? 'Válassz...',\n              clearable: true,\n              filterable: true,\n            }\"\n            @update:model-value=\"update(item.key, $event)\"\n          />\n        </template>\n      </div>\n    </div>\n    <div class=\"data-filters__footer\">\n      <Button\n        icon=\"fa-solid fa-trash-can\"\n        :disabled=\"!hasActiveFilters\"\n        label=\"Szűrők törlése\"\n        aria-label=\"Szűrők törlése\"\n        size=\"small\"\n        @click=\"clearAll\"\n      />\n      <Button label=\"Szűrés\" aria-label=\"Szűrés\" type=\"success\" @click=\"confirm\" />\n    </div>\n    <template v-if=\"historyEnabled\">\n      <hr class=\"separator my-3\" />\n      <FiltersHistory\n        :items=\"items\"\n        :values=\"values\"\n        :storage-key=\"storageKey\"\n        @load=\"onHistoryLoad\"\n      />\n    </template>\n  </Sidebar>\n</template>\n\n<style lang=\"scss\" src=\"@/styles/components/data-table/data-filters.scss\"></style>\n"],"mappings":"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"}

package/dist/admins-components84.js.map

@@ -1 +1 @@
-{"version":3,"file":"admins-components84.js","names":[],"sources":["../src/components/data-table/DataFilters.vue"],"sourcesContent":["<script lang=\"ts\">\nimport type { DropdownOption } from '@/components/DropdownSelect.vue'\n\nexport interface FilterItem {\n  type: FilterItemType\n  key: string\n  label?: string\n  placeholder?: string\n  value?: any\n  options?: DropdownOption[]\n  fullWidth?: boolean\n  config?: Record<string, any>\n  displayClass?: string\n  transformer?: (value: any) => Record<string, any> | null | undefined\n}\n\nexport interface FilterResponse {\n  values: Record<string, any>\n  transformed: Record<string, any>\n}\n\nexport interface DataFiltersProps {\n  items: FilterItem[]\n  open?: boolean\n  position?: SidebarPosition\n  lazy?: boolean\n  handleUrl?: boolean\n  historyEnabled?: boolean\n  storageKey?: string\n}\n\n\n</script>\n\n<script setup lang=\"ts\">\nimport { ref, watch, onMounted } from 'vue'\nimport Sidebar, { type SidebarPosition } from '@/components/Sidebar.vue'\nimport DatePicker from '@/components/DatePicker.vue'\nimport DateRangePicker from '@/components/DateRangePicker.vue'\nimport DropdownSelect from '@/components/DropdownSelect.vue'\nimport TextInput, { type TextInputType } from '@/components/TextInput.vue'\nimport Button from '@/components/Button.vue'\nimport Checkbox from '@/components/Checkbox.vue'\nimport FiltersHistory from '@/components/data-table/FiltersHistory.vue'\nimport type { DatePickerConfig, DateRangePickerConfig } from '@/types/datepickers'\nimport type { FilterItemType, PickedDate, PickedUtcRange } from '@/types/types'\nimport {\n  filterEmptyValues,\n  getDefaultFilterRaws,\n  writeFilterParams,\n} from '@/utils/dataFilters'\n\nconst props = withDefaults(defineProps<DataFiltersProps>(), {\n  open: false,\n  position: 'left',\n  lazy: true,\n  handleUrl: false,\n  historyEnabled: true,\n})\n\nconst emit = defineEmits<{\n  close: []\n  change: [response: FilterResponse]\n}>()\n\nconst values = ref<Record<string, any>>(getDefaultFilterRaws(props.items, props.storageKey))\nconst filterRefs = ref<Record<string, any>>({})\n\nfunction setFilterRef(key: string, el: any) {\n  if (el) {\n    filterRefs.value[key] = el\n  } else {\n    delete filterRefs.value[key]\n  }\n}\n\nfunction buildDatePickerConfig(item: FilterItem): DatePickerConfig {\n  return {\n    ...(item.config ?? {}),\n    showTime: item.type === 'datetime',\n    placeholder: item.placeholder ?? (item.type === 'datetime' ? 'Időpont' : 'Dátum'),\n  }\n}\n\nfunction buildDateRangePickerConfig(item: FilterItem): DateRangePickerConfig {\n  return {\n    ...(item.config ?? {}),\n    ...(!item.fullWidth ? { compact: true } : {}),\n    showTime: item.type === 'datetimerange',\n  }\n}\n\nonMounted(() => {\n\n  if (!props.handleUrl) return\n  const fromUrl = getDefaultFilterRaws(props.items, props.storageKey)\n  if (fromUrl && Object.keys(fromUrl).length > 0) {\n    values.value = { ...values.value, ...fromUrl }\n  }\n})\n\nfunction update(key: string, value: any) {\n  values.value = { ...values.value, [key]: value }\n\n  if (!props.lazy) {\n    if (props.handleUrl) writeFilterParams(props.items, values.value)\n    emit('change', buildResponseEmit())\n  }\n}\n\nfunction buildResponseEmit() {\n  const transformedValues = props.items.reduce((acc, item) => {\n    const val = values.value[item.key]\n    if (item.transformer) {\n      return { ...acc, ...(item.transformer(val) ?? {}) }\n    }\n    return { ...acc, [item.key]: val }\n  }, {})\n  return {\n    values: filterEmptyValues(values.value),\n    transformed: filterEmptyValues(transformedValues),\n  }\n}\n\nfunction confirm() {\n  if (props.handleUrl) writeFilterParams(props.items, values.value)\n\n  emit('change', buildResponseEmit())\n  emit('close')\n}\n\n/* function reset() {\n  values.value = getDefaults()\n  if (props.handleUrl) writeFilterParams(props.items, values.value)\n  emit('change', filterEmptyValues(values.value))\n} */\n\nfunction clearAll() {\n  values.value = {}\n  if (props.handleUrl) writeFilterParams(props.items, values.value)\n\n  emit('change', buildResponseEmit())\n}\n\nconst hasActiveFilters = ref(false)\nwatch(\n  values,\n  (v) => {\n    hasActiveFilters.value = Object.values(v).some(\n      (val) => val !== null && val !== '' && val !== undefined,\n    )\n  },\n  { deep: true, immediate: true },\n)\n\nfunction clearFilter(key: string) {\n  values.value = { ...values.value, [key]: null }\n  if (props.handleUrl) writeFilterParams(props.items, values.value)\n  emit('change', buildResponseEmit())\n}\n\nfunction focusFilter(key: string) {\n  const ref = (filterRefs.value as Record<string, any>)[key]\n  if (!ref) return\n\n  if (typeof ref.focusAndOpen === 'function') {\n    ref.focusAndOpen()\n    return\n  }\n  if (typeof ref.focus === 'function') {\n    ref.focus()\n  }\n}\n\nfunction onHistoryLoad(loaded: Record<string, any>) {\n  const next: Record<string, any> = { ...values.value }\n  for (const item of props.items) {\n    if (item.type === 'separator') continue\n    if (item.key in loaded) {\n      next[item.key] = loaded[item.key] ?? null\n    }\n  }\n  values.value = next\n  if (props.handleUrl) writeFilterParams(props.items, values.value)\n  emit('change', buildResponseEmit())\n}\n\ndefineExpose({ clearFilter, focusFilter })\n\nfunction handleFilterKeydown(event: KeyboardEvent) {\n  if (event.key !== 'Enter') return\n\n  // Allow Enter in textarea for line breaks\n  const target = event.target as HTMLElement\n  if (target?.tagName === 'TEXTAREA') return\n\n  event.preventDefault()\n  confirm()\n}\n</script>\n\n<template>\n  <Sidebar :open=\"open\" title=\"Szűrők\" :position=\"position\" @close=\"emit('close')\">\n    <div class=\"data-filters\" @keydown=\"handleFilterKeydown\">\n      <div\n        v-for=\"item in items\"\n        :key=\"item.key\"\n        class=\"data-filters__field\"\n        :class=\"{ 'data-filters__field--full': item.fullWidth || item.type === 'separator' }\"\n      >\n        <hr v-if=\"item.type === 'separator'\" class=\"data-filters__separator\" />\n        <template v-else-if=\"item.type === 'checkbox'\">\n          <Checkbox\n            :ref=\"(el: any) => setFilterRef(item.key, el)\"\n            :model-value=\"(values[item.key] as boolean) ?? false\"\n            :label=\"item.label ?? item.key\"\n            @update:model-value=\"(val) => update(item.key, val)\"\n            v-bind=\"item.config\"\n          />\n        </template>\n        <template v-else-if=\"['text', 'number', 'textarea'].includes(item.type)\">\n          <TextInput\n            :type=\"item.type as TextInputType\"\n            :ref=\"(el: any) => setFilterRef(item.key, el)\"\n            :id=\"`df-${item.key}`\"\n            :model-value=\"(values[item.key] as string) ?? ''\"\n            :label=\"item.label ?? item.key\"\n            :placeholder=\"item.placeholder\"\n            @update:model-value=\"(val) => update(item.key, val || null)\"\n            v-bind=\"item.config\"\n          />\n        </template>\n        <template v-else-if=\"item.type === 'date' || item.type === 'datetime'\">\n          <label class=\"c-label\" :for=\"`df-${item.key}`\">{{ item.label ?? item.key }}</label>\n          <DatePicker\n            :ref=\"(el: any) => setFilterRef(item.key, el)\"\n            :id=\"`df-${item.key}`\"\n            :model-value=\"(values[item.key] as PickedDate) ?? null\"\n            :config=\"buildDatePickerConfig(item)\"\n            @update:model-value=\"update(item.key, $event)\"\n          />\n        </template>\n        <template v-else-if=\"item.type === 'daterange' || item.type === 'datetimerange'\">\n          <span class=\"c-label\">{{ item.label ?? item.key }}</span>\n          <DateRangePicker\n            :ref=\"(el: any) => setFilterRef(item.key, el)\"\n            :model-value=\"(values[item.key] as PickedUtcRange) ?? null\"\n            :config=\"buildDateRangePickerConfig(item)\"\n            @update:model-value=\"update(item.key, $event)\"\n          />\n        </template>\n        <template v-else-if=\"item.type === 'dropdown'\">\n          <span class=\"c-label\">{{ item.label ?? item.key }}</span>\n          <DropdownSelect\n            :ref=\"(el: any) => setFilterRef(item.key, el)\"\n            :model-value=\"(values[item.key] as string) ?? null\"\n            :options=\"item.options ?? []\"\n            :config=\"{\n              ...(item.config ?? {}),\n              placeholder: item.placeholder ?? 'Válassz...',\n              clearable: true,\n              filterable: true,\n            }\"\n            @update:model-value=\"update(item.key, $event)\"\n          />\n        </template>\n      </div>\n    </div>\n    <div class=\"data-filters__footer\">\n      <!--   <Button\n        icon=\"fa-solid fa-trash-can\"\n        :disabled=\"!hasActiveFilters\"\n        label=\"Alaphelyzet visszaállítása\"\n        size=\"small\"\n        @click=\"reset\"\n      /> -->\n      <Button\n        icon=\"fa-solid fa-trash-can\"\n        :disabled=\"!hasActiveFilters\"\n        label=\"Szűrők törlése\"\n        aria-label=\"Szűrők törlése\"\n        size=\"small\"\n        @click=\"clearAll\"\n      />\n      <Button label=\"Szűrés\" aria-label=\"Szűrés\" type=\"success\" @click=\"confirm\" />\n    </div>\n    <template v-if=\"historyEnabled\">\n      <hr class=\"separator my-3\" />\n      <FiltersHistory\n        :items=\"items\"\n        :values=\"values\"\n        :storage-key=\"storageKey\"\n        @load=\"onHistoryLoad\"\n      />\n    </template>\n  </Sidebar>\n</template>\n\n<style lang=\"scss\" src=\"@/styles/components/data-table/data-filters.scss\"></style>\n"],"mappings":""}
+{"version":3,"file":"admins-components84.js","names":[],"sources":["../src/components/data-table/DataFilters.vue"],"sourcesContent":["<script lang=\"ts\">\nimport type { DropdownOption } from '@/components/DropdownSelect.vue'\n\nexport interface FilterItem {\n  type: FilterItemType\n  key: string\n  label?: string\n  placeholder?: string\n  value?: any\n  options?: DropdownOption[]\n  fullWidth?: boolean\n  config?: Record<string, any>\n  displayClass?: string\n  transformer?: (value: any) => Record<string, any> | null | undefined\n}\n\nexport interface FilterResponse {\n  values: Record<string, any>\n  transformed: Record<string, any>\n}\n\nexport interface DataFiltersProps {\n  items: FilterItem[]\n  open?: boolean\n  position?: SidebarPosition\n  lazy?: boolean\n  handleUrl?: boolean\n  historyEnabled?: boolean\n  storageKey?: string\n}\n\n\n</script>\n\n<script setup lang=\"ts\">\nimport { computed, ref } from 'vue'\nimport Sidebar, { type SidebarPosition } from '@/components/Sidebar.vue'\nimport DatePicker from '@/components/DatePicker.vue'\nimport DateRangePicker from '@/components/DateRangePicker.vue'\nimport DropdownSelect from '@/components/DropdownSelect.vue'\nimport TextInput, { type TextInputType } from '@/components/TextInput.vue'\nimport Button from '@/components/Button.vue'\nimport Checkbox from '@/components/Checkbox.vue'\nimport FiltersHistory from '@/components/data-table/FiltersHistory.vue'\nimport type { DatePickerConfig, DateRangePickerConfig } from '@/types/datepickers'\nimport type { FilterItemType, PickedDate, PickedUtcRange } from '@/types/types'\nimport {\n  filterEmptyValues,\n  getDefaultFilters,\n  writeFilterParams,\n} from '@/utils/dataFilters'\n\nconst props = withDefaults(defineProps<DataFiltersProps>(), {\n  open: false,\n  position: 'left',\n  lazy: true,\n  handleUrl: false,\n  historyEnabled: true,\n})\n\nconst emit = defineEmits<{\n  close: []\n  change: [response: FilterResponse]\n}>()\n\nconst values = ref<Record<string, any>>(getDefaultFilters(props.items, props.storageKey, false))\nconst filterRefs = ref<Record<string, any>>({})\n\nfunction setFilterRef(key: string, el: any) {\n  if (el) filterRefs.value[key] = el\n  else delete filterRefs.value[key]\n}\n\nfunction buildDatePickerConfig(item: FilterItem): DatePickerConfig {\n  return {\n    ...(item.config ?? {}),\n    showTime: item.type === 'datetime',\n    placeholder: item.placeholder ?? (item.type === 'datetime' ? 'Időpont' : 'Dátum'),\n  }\n}\n\nfunction buildDateRangePickerConfig(item: FilterItem): DateRangePickerConfig {\n  return {\n    ...(item.config ?? {}),\n    ...(!item.fullWidth ? { compact: true } : {}),\n    showTime: item.type === 'datetimerange',\n  }\n}\n\nfunction update(key: string, value: any) {\n  values.value = { ...values.value, [key]: value }\n  if (!props.lazy) emitChange()\n}\n\nconst hasActiveFilters = computed(() =>\n  Object.values(values.value).some((v) => v !== null && v !== '' && v !== undefined),\n)\n\nfunction buildResponse(): FilterResponse {\n  const transformed: Record<string, any> = {}\n  for (const item of props.items) {\n    if (item.type === 'separator') continue\n    const val = values.value[item.key]\n    if (item.transformer) Object.assign(transformed, item.transformer(val) ?? {})\n    else transformed[item.key] = val\n  }\n  return { values: filterEmptyValues(values.value), transformed: filterEmptyValues(transformed) }\n}\n\nfunction emitChange() {\n  if (props.handleUrl) writeFilterParams(props.items, values.value)\n  emit('change', buildResponse())\n}\n\nfunction confirm() {\n  emitChange()\n  emit('close')\n}\n\nfunction clearAll() {\n  values.value = {}\n  emitChange()\n}\n\nfunction clearFilter(key: string) {\n  values.value = { ...values.value, [key]: null }\n  emitChange()\n}\n\nfunction focusFilter(key: string) {\n  const el = (filterRefs.value as Record<string, any>)[key]\n  if (!el) return\n\n  if (typeof el.focusAndOpen === 'function') el.focusAndOpen()\n  else if (typeof el.focus === 'function') el.focus()\n}\n\nfunction onHistoryLoad(loaded: Record<string, any>) {\n  const next: Record<string, any> = { ...values.value }\n  for (const item of props.items) {\n    if (item.type === 'separator') continue\n    if (item.key in loaded) next[item.key] = loaded[item.key] ?? null\n  }\n  values.value = next\n  emitChange()\n}\n\ndefineExpose({ clearFilter, focusFilter })\n\nfunction handleFilterKeydown(event: KeyboardEvent) {\n  if (event.key !== 'Enter') return\n\n  // Allow Enter in textarea for line breaks\n  const target = event.target as HTMLElement\n  if (target?.tagName === 'TEXTAREA') return\n\n  event.preventDefault()\n  confirm()\n}\n</script>\n\n<template>\n  <Sidebar :open=\"open\" title=\"Szűrők\" :position=\"position\" @close=\"emit('close')\">\n    <div class=\"data-filters\" @keydown=\"handleFilterKeydown\">\n      <div\n        v-for=\"item in items\"\n        :key=\"item.key\"\n        class=\"data-filters__field\"\n        :class=\"{ 'data-filters__field--full': item.fullWidth || item.type === 'separator' }\"\n      >\n        <hr v-if=\"item.type === 'separator'\" class=\"data-filters__separator\" />\n        <template v-else-if=\"item.type === 'checkbox'\">\n          <Checkbox\n            :ref=\"(el: any) => setFilterRef(item.key, el)\"\n            :model-value=\"(values[item.key] as boolean) ?? false\"\n            :label=\"item.label ?? item.key\"\n            @update:model-value=\"(val) => update(item.key, val)\"\n            v-bind=\"item.config\"\n          />\n        </template>\n        <template v-else-if=\"['text', 'number', 'textarea'].includes(item.type)\">\n          <TextInput\n            :type=\"item.type as TextInputType\"\n            :ref=\"(el: any) => setFilterRef(item.key, el)\"\n            :id=\"`df-${item.key}`\"\n            :model-value=\"(values[item.key] as string) ?? ''\"\n            :label=\"item.label ?? item.key\"\n            :placeholder=\"item.placeholder\"\n            @update:model-value=\"(val) => update(item.key, val || null)\"\n            v-bind=\"item.config\"\n          />\n        </template>\n        <template v-else-if=\"item.type === 'date' || item.type === 'datetime'\">\n          <label class=\"c-label\" :for=\"`df-${item.key}`\">{{ item.label ?? item.key }}</label>\n          <DatePicker\n            :ref=\"(el: any) => setFilterRef(item.key, el)\"\n            :id=\"`df-${item.key}`\"\n            :model-value=\"(values[item.key] as PickedDate) ?? null\"\n            :config=\"buildDatePickerConfig(item)\"\n            @update:model-value=\"update(item.key, $event)\"\n          />\n        </template>\n        <template v-else-if=\"item.type === 'daterange' || item.type === 'datetimerange'\">\n          <span class=\"c-label\">{{ item.label ?? item.key }}</span>\n          <DateRangePicker\n            :ref=\"(el: any) => setFilterRef(item.key, el)\"\n            :model-value=\"(values[item.key] as PickedUtcRange) ?? null\"\n            :config=\"buildDateRangePickerConfig(item)\"\n            @update:model-value=\"update(item.key, $event)\"\n          />\n        </template>\n        <template v-else-if=\"item.type === 'dropdown'\">\n          <span class=\"c-label\">{{ item.label ?? item.key }}</span>\n          <DropdownSelect\n            :ref=\"(el: any) => setFilterRef(item.key, el)\"\n            :model-value=\"(values[item.key] as string) ?? null\"\n            :options=\"item.options ?? []\"\n            :config=\"{\n              ...(item.config ?? {}),\n              placeholder: item.placeholder ?? 'Válassz...',\n              clearable: true,\n              filterable: true,\n            }\"\n            @update:model-value=\"update(item.key, $event)\"\n          />\n        </template>\n      </div>\n    </div>\n    <div class=\"data-filters__footer\">\n      <Button\n        icon=\"fa-solid fa-trash-can\"\n        :disabled=\"!hasActiveFilters\"\n        label=\"Szűrők törlése\"\n        aria-label=\"Szűrők törlése\"\n        size=\"small\"\n        @click=\"clearAll\"\n      />\n      <Button label=\"Szűrés\" aria-label=\"Szűrés\" type=\"success\" @click=\"confirm\" />\n    </div>\n    <template v-if=\"historyEnabled\">\n      <hr class=\"separator my-3\" />\n      <FiltersHistory\n        :items=\"items\"\n        :values=\"values\"\n        :storage-key=\"storageKey\"\n        @load=\"onHistoryLoad\"\n      />\n    </template>\n  </Sidebar>\n</template>\n\n<style lang=\"scss\" src=\"@/styles/components/data-table/data-filters.scss\"></style>\n"],"mappings":""}

package/dist/admins-components95.js

@@ -3,7 +3,7 @@ import t from "./admins-components65.js";
 import n from "./admins-components68.js";
 import r from "./admins-components72.js";
 import i from "./admins-components76.js";
-import { getDefaultFilterRaws as a } from "./admins-components78.js";
+import { getDefaultFilters as a } from "./admins-components78.js";
 import o from "./admins-components84.js";
 import s from "./admins-components87.js";
 import c from "./admins-components90.js";
@@ -18,7 +18,8 @@ var C = { class: "ac-component" }, w = { class: "c-data-list__toolbar" }, T = {
 	orderable: !0,
 	loading: !1,
 	useSearch: !0,
-	useFilters: !0
+	useFilters: !0,
+	handleUrl: !1
 }, O = /* @__PURE__ */ g({
 	__name: "DataList",
 	props: /* @__PURE__ */ _({
@@ -60,7 +61,7 @@ var C = { class: "ac-component" }, w = { class: "c-data-list__toolbar" }, T = {
 		})), M = u(() => ({
 			...k.filterConfig,
 			handleUrl: A("filterConfig")
-		})), N = D, P = S(!1), F = S(!1), I = S(null), L = S(!1), R = S(null), z = S(!1), B = S(k.filterConfig?.items ? a(k.filterConfig.items, k.id) : {}), V = null;
+		})), N = D, P = S(!1), F = S(!1), I = S(null), L = S(!1), R = S(null), z = S(!1), B = S(k.filterConfig?.items ? a(k.filterConfig.items, k.id, !1) : {}), V = null;
 		b(() => {
 			V = new ResizeObserver((e) => {
 				L.value = (e[0]?.contentRect.width ?? 0) < k.layoutBreakpoint;

package/dist/admins-components95.js.map

@@ -1 +1 @@
-{"version":3,"file":"admins-components95.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}\n\nexport const dataListDefaults = {\n  layoutBreakpoint: 768,\n  orderable: true,\n  loading: false,\n  useSearch: true,\n  useFilters: true,\n}\n</script>\n\n<script setup lang=\"ts\">\nimport { ref, computed, onMounted, onBeforeUnmount } 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 from '@/components/data-table/DataPaginator.vue'\nimport Button from '@/components/Button.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} from '@/components/data-table/DataFilters.vue'\nimport FilterTags from '@/components/data-table/FilterTags.vue'\nimport DataListGuide from '@/components/data-table/DataListGuide.vue'\nimport DataSearch, { type DataSearchProps } from './DataSearch.vue'\nimport { getDefaultFilterRaws } from '@/utils/dataFilters.ts'\n\nconst dataFiltersRef = ref<InstanceType<typeof DataFilters> | null>(null)\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' }]\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 ? getDefaultFilterRaws(props.filterConfig.items, props.id) : {},\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\n</script>\n\n<template>\n  <div class=\"ac-component\">\n    <div ref=\"root\" class=\"c-data-list\">\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 ? 'info' : 'normal'\"\n          :indicator=\"activeFiltersCount > 0 ? activeFiltersCount : undefined\"\n        />\n        <div\n          class=\"flex-center gap-1\"\n          v-if=\"useFilters && filterConfig?.items && filterConfig.items.length > 0\"\n        >\n          <FilterTags\n            :filters=\"activeFilters\"\n            :items=\"filterConfig.items\"\n            @remove=\"(key: string) => dataFiltersRef?.clearFilter(key)\"\n            @openFilter=\"openFilter\"\n          />\n        </div>\n        <div class=\"flex-center ml-auto nowrap\">\n          <Button icon=\"fa-solid fa-gear\" class=\"lh-normal\" @click=\"showOptions = true\" />\n          <Button icon=\"fa-solid fa-question\" class=\"lh-normal\" @click=\"showGuide = true\" />\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        @filter-change=\"emit('filter-change', $event)\"\n        @selection-change=\"emit('selection-change', $event)\"\n        @sort-change=\"emit('sort-change', $event)\"\n      />\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\n      <DataPaginator\n        v-if=\"pagination && showPaginator\"\n        :settings=\"pagination\"\n        :storage-key=\"id\"\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  </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-components95.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}\n\nexport const dataListDefaults = {\n  layoutBreakpoint: 768,\n  orderable: true,\n  loading: false,\n  useSearch: true,\n  useFilters: true,\n  handleUrl: false\n}\n</script>\n\n<script setup lang=\"ts\">\nimport { ref, computed, onMounted, onBeforeUnmount } 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 from '@/components/data-table/DataPaginator.vue'\nimport Button from '@/components/Button.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} from '@/components/data-table/DataFilters.vue'\nimport FilterTags from '@/components/data-table/FilterTags.vue'\nimport DataListGuide from '@/components/data-table/DataListGuide.vue'\nimport DataSearch, { type DataSearchProps } from './DataSearch.vue'\nimport { getDefaultFilters } from '@/utils/dataFilters.ts'\n\nconst dataFiltersRef = ref<InstanceType<typeof DataFilters> | null>(null)\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' }]\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\n</script>\n\n<template>\n  <div class=\"ac-component\">\n    <div ref=\"root\" class=\"c-data-list\">\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 ? 'info' : 'normal'\"\n          :indicator=\"activeFiltersCount > 0 ? activeFiltersCount : undefined\"\n        />\n        <div\n          class=\"flex-center gap-1\"\n          v-if=\"useFilters && filterConfig?.items && filterConfig.items.length > 0\"\n        >\n          <FilterTags\n            :filters=\"activeFilters\"\n            :items=\"filterConfig.items\"\n            @remove=\"(key: string) => dataFiltersRef?.clearFilter(key)\"\n            @openFilter=\"openFilter\"\n          />\n        </div>\n        <div class=\"flex-center ml-auto nowrap\">\n          <Button icon=\"fa-solid fa-gear\" class=\"lh-normal\" @click=\"showOptions = true\" />\n          <Button icon=\"fa-solid fa-question\" class=\"lh-normal\" @click=\"showGuide = true\" />\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        @filter-change=\"emit('filter-change', $event)\"\n        @selection-change=\"emit('selection-change', $event)\"\n        @sort-change=\"emit('sort-change', $event)\"\n      />\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\n      <DataPaginator\n        v-if=\"pagination && showPaginator\"\n        :settings=\"pagination\"\n        :storage-key=\"id\"\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  </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-components97.js.map

@@ -1 +1 @@
-{"version":3,"file":"admins-components97.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}\n\nexport const dataListDefaults = {\n  layoutBreakpoint: 768,\n  orderable: true,\n  loading: false,\n  useSearch: true,\n  useFilters: true,\n}\n</script>\n\n<script setup lang=\"ts\">\nimport { ref, computed, onMounted, onBeforeUnmount } 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 from '@/components/data-table/DataPaginator.vue'\nimport Button from '@/components/Button.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} from '@/components/data-table/DataFilters.vue'\nimport FilterTags from '@/components/data-table/FilterTags.vue'\nimport DataListGuide from '@/components/data-table/DataListGuide.vue'\nimport DataSearch, { type DataSearchProps } from './DataSearch.vue'\nimport { getDefaultFilterRaws } from '@/utils/dataFilters.ts'\n\nconst dataFiltersRef = ref<InstanceType<typeof DataFilters> | null>(null)\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' }]\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 ? getDefaultFilterRaws(props.filterConfig.items, props.id) : {},\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\n</script>\n\n<template>\n  <div class=\"ac-component\">\n    <div ref=\"root\" class=\"c-data-list\">\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 ? 'info' : 'normal'\"\n          :indicator=\"activeFiltersCount > 0 ? activeFiltersCount : undefined\"\n        />\n        <div\n          class=\"flex-center gap-1\"\n          v-if=\"useFilters && filterConfig?.items && filterConfig.items.length > 0\"\n        >\n          <FilterTags\n            :filters=\"activeFilters\"\n            :items=\"filterConfig.items\"\n            @remove=\"(key: string) => dataFiltersRef?.clearFilter(key)\"\n            @openFilter=\"openFilter\"\n          />\n        </div>\n        <div class=\"flex-center ml-auto nowrap\">\n          <Button icon=\"fa-solid fa-gear\" class=\"lh-normal\" @click=\"showOptions = true\" />\n          <Button icon=\"fa-solid fa-question\" class=\"lh-normal\" @click=\"showGuide = true\" />\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        @filter-change=\"emit('filter-change', $event)\"\n        @selection-change=\"emit('selection-change', $event)\"\n        @sort-change=\"emit('sort-change', $event)\"\n      />\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\n      <DataPaginator\n        v-if=\"pagination && showPaginator\"\n        :settings=\"pagination\"\n        :storage-key=\"id\"\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  </div>\n</template>\n\n<style lang=\"scss\" src=\"@/styles/components/data-table/data-list.scss\"></style>\n"],"mappings":""}
+{"version":3,"file":"admins-components97.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}\n\nexport const dataListDefaults = {\n  layoutBreakpoint: 768,\n  orderable: true,\n  loading: false,\n  useSearch: true,\n  useFilters: true,\n  handleUrl: false\n}\n</script>\n\n<script setup lang=\"ts\">\nimport { ref, computed, onMounted, onBeforeUnmount } 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 from '@/components/data-table/DataPaginator.vue'\nimport Button from '@/components/Button.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} from '@/components/data-table/DataFilters.vue'\nimport FilterTags from '@/components/data-table/FilterTags.vue'\nimport DataListGuide from '@/components/data-table/DataListGuide.vue'\nimport DataSearch, { type DataSearchProps } from './DataSearch.vue'\nimport { getDefaultFilters } from '@/utils/dataFilters.ts'\n\nconst dataFiltersRef = ref<InstanceType<typeof DataFilters> | null>(null)\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' }]\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\n</script>\n\n<template>\n  <div class=\"ac-component\">\n    <div ref=\"root\" class=\"c-data-list\">\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 ? 'info' : 'normal'\"\n          :indicator=\"activeFiltersCount > 0 ? activeFiltersCount : undefined\"\n        />\n        <div\n          class=\"flex-center gap-1\"\n          v-if=\"useFilters && filterConfig?.items && filterConfig.items.length > 0\"\n        >\n          <FilterTags\n            :filters=\"activeFilters\"\n            :items=\"filterConfig.items\"\n            @remove=\"(key: string) => dataFiltersRef?.clearFilter(key)\"\n            @openFilter=\"openFilter\"\n          />\n        </div>\n        <div class=\"flex-center ml-auto nowrap\">\n          <Button icon=\"fa-solid fa-gear\" class=\"lh-normal\" @click=\"showOptions = true\" />\n          <Button icon=\"fa-solid fa-question\" class=\"lh-normal\" @click=\"showGuide = true\" />\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        @filter-change=\"emit('filter-change', $event)\"\n        @selection-change=\"emit('selection-change', $event)\"\n        @sort-change=\"emit('sort-change', $event)\"\n      />\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\n      <DataPaginator\n        v-if=\"pagination && showPaginator\"\n        :settings=\"pagination\"\n        :storage-key=\"id\"\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  </div>\n</template>\n\n<style lang=\"scss\" src=\"@/styles/components/data-table/data-list.scss\"></style>\n"],"mappings":""}

package/dist/src/components/data-table/DataList.vue.d.ts

@@ -25,6 +25,7 @@ export declare const dataListDefaults: {
     loading: boolean;
     useSearch: boolean;
     useFilters: boolean;
+    handleUrl: boolean;
 };
 declare const _default: typeof __VLS_export;
 export default _default;
@@ -56,6 +57,7 @@ declare const __VLS_export: import('vue').DefineComponent<DataListProps, {
 }>, {
     loading: boolean;
     orderable: boolean;
+    handleUrl: boolean;
     layoutBreakpoint: number;
     useSearch: boolean;
     useFilters: boolean;

package/dist/src/index.d.ts

@@ -18,7 +18,7 @@ export { default as Loader } from './components/Loader.vue';
 export { default as ToastNotification } from './components/ToastNotification.vue';
 export { default as DataList, dataListDefaults } from './components/data-table/DataList.vue';
 export { getDefaultPaginator } from './components/data-table/DataPaginator.vue';
-export { getDefaultFilters, getDefaultFilterRaws, getFilterUrlParams, getSavedFilters, getDefaultSavedFilter, filterEmptyValues, writeFilterParams, } from './utils/dataFilters';
+export { getDefaultFilters, 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,7 +1,6 @@
 import { FilterItem } from '../components/data-table/DataFilters.vue';
 import { SavedFilter } from '../components/data-table/FiltersHistory.vue';
-export declare function getDefaultFilterRaws(items: FilterItem[], storageKey?: string): Record<string, unknown>;
-export declare function getDefaultFilters(items: FilterItem[], storageKey?: string): Record<string, unknown>;
+export declare function getDefaultFilters(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.35",
+  "version": "9.0.36",
   "type": "module",
   "module": "./dist/admins-components.js",
   "types": "./dist/index.d.ts",