admins-components 9.0.20 → 9.0.22

package/dist/admins-components.js

@@ -28,34 +28,34 @@ import { getDefaultPaginator as V } from "./admins-components69.js";
 import H from "./admins-components71.js";
 import U from "./admins-components75.js";
 import { debounce as W } from "./admins-components76.js";
-import { getFilterParams as G } from "./admins-components77.js";
-import K from "./admins-components80.js";
-import q from "./admins-components83.js";
-import { dataListDefaults as J } from "./admins-components87.js";
-import Y from "./admins-components89.js";
-import { isIpInUrl as X } from "./admins-components90.js";
-import { getUrlParam as Z, joinUrl as Q, removeUrlParam as $, setUrlParam as ee } from "./admins-components91.js";
-import { getCurrentSite as te } from "./admins-components92.js";
-import { vTooltip as ne } from "./admins-components93.js";
-import { createNativeFetch as re } from "./admins-components94.js";
-import { FetchDetails as ie, FetchError as ae, Methods as oe, initRequest as se } from "./admins-components95.js";
-import { useArticleEditorService as ce } from "./admins-components96.js";
-import { useCurrentUser as le } from "./admins-components97.js";
-import { BackendService as ue, useBackendService as de } from "./admins-components98.js";
-import { aoeConfig as fe, configureArticleOfferElement as pe } from "./admins-components151.js";
-import me from "./admins-components153.js";
-import { apeConfig as he, configureArticlePickerElement as ge } from "./admins-components154.js";
-import { configureImagePickerElement as _e, ipeConfig as ve } from "./admins-components155.js";
-import ye from "./admins-components157.js";
-import be from "./admins-components158.js";
-import { configureExternalArticleOfferElement as xe, eaoeConfig as Se } from "./admins-components159.js";
-import Ce from "./admins-components160.js";
-import { configureGalleryImageSelectorElement as we, gisConfig as Te } from "./admins-components161.js";
-import Ee from "./admins-components162.js";
-import De from "./admins-components163.js";
-import Oe from "./admins-components164.js";
-import { configureInternalArticleOfferElement as ke, iaoeConfig as Ae } from "./admins-components165.js";
-import je from "./admins-components166.js";
-import { configurePartnerPickerElement as Me, ppeconfig as Ne } from "./admins-components167.js";
-import Pe from "./admins-components169.js";
-export { me as ArticleOfferElement, ye as ArticlePickerElement, ue as BackendService, n as Button, o as Calendar, c as Checkbox, h as ConfirmModal, g as CopyToClipboard, R as DataCards, K as DataFilters, Y as DataList, B as DataListOptions, H as DataPaginator, L as DataTable, s as DatePicker, l as DateRangePicker, be as DateTimePickerElement, d as DropdownMenu, u as DropdownSelect, v as ExternalArticleOffer, Ce as ExternalArticleOfferElement, ie as FetchDetails, ae as FetchError, q as FilterTags, U as FiltersHistory, Ee as GalleryImageSelectorElement, p as HeaderComponent, _ as ImagePicker, Oe as ImagePickerDetailsElement, De as ImagePickerElement, y as InternalArticleOffer, je as InternalArticleOfferElement, b as Loader, oe as Methods, m as Modal, Pe as PartnerPickerElement, f as Sidebar, S as ToastNotification, fe as aoeConfig, he as apeConfig, E as booleanToString, r as calendarConfigDefaults, pe as configureArticleOfferElement, ge as configureArticlePickerElement, xe as configureExternalArticleOfferElement, we as configureGalleryImageSelectorElement, _e as configureImagePickerElement, ke as configureInternalArticleOfferElement, Me as configurePartnerPickerElement, re as createNativeFetch, C as dataCardsSettingsDefaults, D as dataListConverters, J as dataListDefaults, w as dataListSettingsDefaults, T as dataTableSettingsDefaults, i as datePickerConfigDefaults, a as dateRangePickerConfigDefaults, W as debounce, z as deepMerge, Se as eaoeConfig, O as enumMap, k as formatCurrency, e as formatDate, A as formatNumber, te as getCurrentSite, V as getDefaultPaginator, G as getFilterParams, Z as getUrlParam, Te as gisConfig, Ae as iaoeConfig, j as identity, se as initRequest, ve as ipeConfig, X as isIpInUrl, Q as joinUrl, M as listToString, N as localToLocalString, t as parseDate, Ne as ppeconfig, $ as removeUrlParam, ee as setUrlParam, P as shortUuid, F as textEllipse, x as toast, ce as useArticleEditorService, de as useBackendService, le as useCurrentUser, I as utcToLocalString, ne as vTooltip };
+import { filterEmptyValues as G, getDefaultFilters as K, getFilterParams as q, writeFilterParams as J } from "./admins-components77.js";
+import Y from "./admins-components80.js";
+import X from "./admins-components83.js";
+import { dataListDefaults as Z } from "./admins-components87.js";
+import Q from "./admins-components89.js";
+import { isIpInUrl as $ } from "./admins-components90.js";
+import { getUrlParam as ee, joinUrl as te, removeUrlParam as ne, setUrlParam as re } from "./admins-components91.js";
+import { getCurrentSite as ie } from "./admins-components92.js";
+import { vTooltip as ae } from "./admins-components93.js";
+import { createNativeFetch as oe } from "./admins-components94.js";
+import { FetchDetails as se, FetchError as ce, Methods as le, initRequest as ue } from "./admins-components95.js";
+import { useArticleEditorService as de } from "./admins-components96.js";
+import { useCurrentUser as fe } from "./admins-components97.js";
+import { BackendService as pe, useBackendService as me } from "./admins-components98.js";
+import { aoeConfig as he, configureArticleOfferElement as ge } from "./admins-components151.js";
+import _e from "./admins-components153.js";
+import { apeConfig as ve, configureArticlePickerElement as ye } from "./admins-components154.js";
+import { configureImagePickerElement as be, ipeConfig as xe } from "./admins-components155.js";
+import Se from "./admins-components157.js";
+import Ce from "./admins-components158.js";
+import { configureExternalArticleOfferElement as we, eaoeConfig as Te } from "./admins-components159.js";
+import Ee from "./admins-components160.js";
+import { configureGalleryImageSelectorElement as De, gisConfig as Oe } from "./admins-components161.js";
+import ke from "./admins-components162.js";
+import Ae from "./admins-components163.js";
+import je from "./admins-components164.js";
+import { configureInternalArticleOfferElement as Me, iaoeConfig as Ne } from "./admins-components165.js";
+import Pe from "./admins-components166.js";
+import { configurePartnerPickerElement as Fe, ppeconfig as Ie } from "./admins-components167.js";
+import Le from "./admins-components169.js";
+export { _e as ArticleOfferElement, Se as ArticlePickerElement, pe as BackendService, n as Button, o as Calendar, c as Checkbox, h as ConfirmModal, g as CopyToClipboard, R as DataCards, Y as DataFilters, Q as DataList, B as DataListOptions, H as DataPaginator, L as DataTable, s as DatePicker, l as DateRangePicker, Ce as DateTimePickerElement, d as DropdownMenu, u as DropdownSelect, v as ExternalArticleOffer, Ee as ExternalArticleOfferElement, se as FetchDetails, ce as FetchError, X as FilterTags, U as FiltersHistory, ke as GalleryImageSelectorElement, p as HeaderComponent, _ as ImagePicker, je as ImagePickerDetailsElement, Ae as ImagePickerElement, y as InternalArticleOffer, Pe as InternalArticleOfferElement, b as Loader, le as Methods, m as Modal, Le as PartnerPickerElement, f as Sidebar, S as ToastNotification, he as aoeConfig, ve as apeConfig, E as booleanToString, r as calendarConfigDefaults, ge as configureArticleOfferElement, ye as configureArticlePickerElement, we as configureExternalArticleOfferElement, De as configureGalleryImageSelectorElement, be as configureImagePickerElement, Me as configureInternalArticleOfferElement, Fe as configurePartnerPickerElement, oe as createNativeFetch, C as dataCardsSettingsDefaults, D as dataListConverters, Z as dataListDefaults, w as dataListSettingsDefaults, T as dataTableSettingsDefaults, i as datePickerConfigDefaults, a as dateRangePickerConfigDefaults, W as debounce, z as deepMerge, Te as eaoeConfig, O as enumMap, G as filterEmptyValues, k as formatCurrency, e as formatDate, A as formatNumber, ie as getCurrentSite, K as getDefaultFilters, V as getDefaultPaginator, q as getFilterParams, ee as getUrlParam, Oe as gisConfig, Ne as iaoeConfig, j as identity, ue as initRequest, xe as ipeConfig, $ as isIpInUrl, te as joinUrl, M as listToString, N as localToLocalString, t as parseDate, Ie as ppeconfig, ne as removeUrlParam, re as setUrlParam, P as shortUuid, F as textEllipse, x as toast, de as useArticleEditorService, me as useBackendService, fe as useCurrentUser, I as utcToLocalString, ae as vTooltip, J as writeFilterParams };

package/dist/admins-components77.js

@@ -1,22 +1,37 @@
 import { parseDropdownValue as e } from "./admins-components72.js";
-//#region src/utils/filterUrlSync.ts
+//#region src/utils/dataFilters.ts
 function t(e) {
-	let t = new URLSearchParams(window.location.search), r = {};
-	for (let i of e) {
-		if (i.type === "separator") continue;
-		let e = window.location.search ? t.get(i.key) : null;
-		r[i.key] = e === null ? i.value ?? null : n(i.type, e, i.value);
+	let t = new URLSearchParams(window.location.search), n = {};
+	for (let r of e) {
+		if (r.type === "separator") continue;
+		let e = window.location.search ? t.get(r.key) : null;
+		n[r.key] = e === null ? r.value ?? null : i(r.type, e, r.value);
 	}
-	return r;
+	return n;
+}
+function n(e) {
+	let n = t(e) ?? {}, i = {};
+	for (let t of e) {
+		if (t.type === "separator") continue;
+		let e = n[t.key];
+		if (t.transformer) {
+			let n = t.transformer(e);
+			n && Object.assign(i, n);
+		} else i[t.key] = e;
+	}
+	return r(i);
+}
+function r(e) {
+	return Object.fromEntries(Object.entries(e).filter(([e, t]) => t !== null && t !== "" && t !== void 0));
 }
-function n(t, n, i) {
+function i(t, n, r) {
 	if (t === "number") {
 		let e = Number(n);
-		return isNaN(e) ? i ?? null : e;
+		return isNaN(e) ? r ?? null : e;
 	}
-	return t === "date" || t === "datetime" ? { utc: n } : t === "daterange" || t === "datetimerange" ? r(n, i) : t === "dropdown" ? e(n) : t === "checkbox" ? n === "true" : n;
+	return t === "date" || t === "datetime" ? { utc: n } : t === "daterange" || t === "datetimerange" ? a(n, r) : t === "dropdown" ? e(n) : t === "checkbox" ? n === "true" : n;
 }
-function r(e, t) {
+function a(e, t) {
 	try {
 		let t = JSON.parse(e);
 		return t && typeof t == "object" && "local" in t && t.local && (t.local = new Date(t.local)), t;
@@ -24,16 +39,7 @@ function r(e, t) {
 		return t ?? null;
 	}
 }
-function i(e) {
-	let t = new URLSearchParams(window.location.search), r = {};
-	for (let i of e) {
-		if (i.type === "separator") continue;
-		let e = t.get(i.key);
-		e !== null && (r[i.key] = n(i.type, e, i.value));
-	}
-	return r;
-}
-function a(e, t) {
+function o(e, t) {
 	let n = new URLSearchParams(window.location.search);
 	for (let r of e) {
 		if (r.type === "separator") continue;
@@ -44,4 +50,4 @@ function a(e, t) {
 	window.history.replaceState(null, "", i);
 }
 //#endregion
-export { t as getFilterParams, i as readUrlFilterParams, a as writeFilterParams };
+export { r as filterEmptyValues, n as getDefaultFilters, t as getFilterParams, o as writeFilterParams };

package/dist/admins-components77.js.map

@@ -1 +1 @@
-{"version":3,"file":"admins-components77.js","names":[],"sources":["../src/utils/filterUrlSync.ts"],"sourcesContent":["import type { FilterItem } from '@/components/data-table/DataFilters.vue'\nimport { parseDropdownValue } from '@/utils/filterDisplay'\n\nexport function getFilterParams(items: FilterItem[]): Record<string, unknown> | null {\n  const params = new URLSearchParams(window.location.search)\n  const result: Record<string, unknown> = {}\n\n  for (const item of items) {\n    if (item.type === 'separator') continue\n\n    const raw = window.location.search ? params.get(item.key) : null\n    result[item.key] =\n      raw === null ? (item.value ?? null) : parseFilterValue(item.type, raw, item.value)\n  }\n  return result\n}\n\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 readUrlFilterParams(items: FilterItem[]): Record<string, unknown> {\n  const params = new URLSearchParams(window.location.search)\n  const result: Record<string, unknown> = {}\n  for (const item of items) {\n    if (item.type === 'separator') continue\n    const raw = params.get(item.key)\n    if (raw === null) continue\n    result[item.key] = parseFilterValue(item.type, raw, item.value)\n  }\n  return result\n}\n\nexport function writeFilterParams(items: FilterItem[], vals: Record<string, unknown>) {\n  const params = new URLSearchParams(window.location.search)\n  for (const item of items) {\n    if (item.type === 'separator') continue\n    const v = vals[item.key]\n    if (v === null || v === undefined || v === '') {\n      params.delete(item.key)\n    } else if (item.type === 'date' || item.type === 'datetime') {\n      params.set(item.key, (v as { utc: string }).utc)\n    } else if (typeof v === 'object') {\n      params.set(item.key, JSON.stringify(v))\n    } else {\n      params.set(item.key, String(v))\n    }\n  }\n  const qs = params.toString()\n  const url = window.location.pathname + (qs ? `?${qs}` : '')\n  window.history.replaceState(null, '', url)\n}\n"],"mappings":";;AAGA,SAAgB,EAAgB,GAAqD;CACnF,IAAM,IAAS,IAAI,gBAAgB,OAAO,SAAS,MAAM,GACnD,IAAkC,CAAC;CAEzC,KAAK,IAAM,KAAQ,GAAO;EACxB,IAAI,EAAK,SAAS,aAAa;EAE/B,IAAM,IAAM,OAAO,SAAS,SAAS,EAAO,IAAI,EAAK,GAAG,IAAI;EAC5D,EAAO,EAAK,OACV,MAAQ,OAAQ,EAAK,SAAS,OAAQ,EAAiB,EAAK,MAAM,GAAK,EAAK,KAAK;CACrF;CACA,OAAO;AACT;AAEA,SAAS,EAAiB,GAA0B,GAAa,GAA4B;CAC3F,IAAI,MAAS,UAAU;EACrB,IAAM,IAAI,OAAO,CAAG;EACpB,OAAO,MAAM,CAAC,IAAK,KAAY,OAAQ;CACzC;CAcA,OAbI,MAAS,UAAU,MAAS,aACvB,EAAE,KAAK,EAAI,IAEhB,MAAS,eAAe,MAAS,kBAC5B,EAAgB,GAAK,CAAQ,IAElC,MAAS,aACJ,EAAmB,CAAG,IAE3B,MAAS,aACJ,MAAQ,SAGV;AACT;AAEA,SAAS,EAAgB,GAAa,GAA4B;CAChE,IAAI;EACF,IAAM,IAAS,KAAK,MAAM,CAAG;EAI7B,OAHI,KAAU,OAAO,KAAW,YAAY,WAAW,KAAU,EAAO,UACtE,EAAO,QAAQ,IAAI,KAAK,EAAO,KAAK,IAE/B;CACT,QAAQ;EACN,OAAO,KAAY;CACrB;AACF;AAEA,SAAgB,EAAoB,GAA8C;CAChF,IAAM,IAAS,IAAI,gBAAgB,OAAO,SAAS,MAAM,GACnD,IAAkC,CAAC;CACzC,KAAK,IAAM,KAAQ,GAAO;EACxB,IAAI,EAAK,SAAS,aAAa;EAC/B,IAAM,IAAM,EAAO,IAAI,EAAK,GAAG;EAC3B,MAAQ,SACZ,EAAO,EAAK,OAAO,EAAiB,EAAK,MAAM,GAAK,EAAK,KAAK;CAChE;CACA,OAAO;AACT;AAEA,SAAgB,EAAkB,GAAqB,GAA+B;CACpF,IAAM,IAAS,IAAI,gBAAgB,OAAO,SAAS,MAAM;CACzD,KAAK,IAAM,KAAQ,GAAO;EACxB,IAAI,EAAK,SAAS,aAAa;EAC/B,IAAM,IAAI,EAAK,EAAK;EACpB,AAAI,KAAM,QAA2B,MAAM,KACzC,EAAO,OAAO,EAAK,GAAG,IACb,EAAK,SAAS,UAAU,EAAK,SAAS,aAC/C,EAAO,IAAI,EAAK,KAAM,EAAsB,GAAG,IACtC,OAAO,KAAM,WACtB,EAAO,IAAI,EAAK,KAAK,KAAK,UAAU,CAAC,CAAC,IAEtC,EAAO,IAAI,EAAK,KAAK,OAAO,CAAC,CAAC;CAElC;CACA,IAAM,IAAK,EAAO,SAAS,GACrB,IAAM,OAAO,SAAS,YAAY,IAAK,IAAI,MAAO;CACxD,OAAO,QAAQ,aAAa,MAAM,IAAI,CAAG;AAC3C"}
+{"version":3,"file":"admins-components77.js","names":[],"sources":["../src/utils/dataFilters.ts"],"sourcesContent":["import type { FilterItem } from '@/components/data-table/DataFilters.vue'\nimport { parseDropdownValue } from '@/utils/filterDisplay'\n\nexport function getFilterParams(items: FilterItem[]): Record<string, unknown> | null {\n  const params = new URLSearchParams(window.location.search)\n  const result: Record<string, unknown> = {}\n\n  for (const item of items) {\n    if (item.type === 'separator') continue\n\n    const raw = window.location.search ? params.get(item.key) : null\n    result[item.key] =\n      raw === null ? (item.value ?? null) : parseFilterValue(item.type, raw, item.value)\n  }\n  return result\n}\n\nexport function getDefaultFilters(items: FilterItem[]): Record<string, unknown> {\n  const raw = getFilterParams(items) ?? {}\n  const result: Record<string, unknown> = {}\n\n  for (const item of items) {\n    if (item.type === 'separator') continue\n    const val = raw[item.key]\n\n    if (item.transformer) {\n      const t = item.transformer(val)\n      if (t) Object.assign(result, t)\n    } else {\n      result[item.key] = val\n    }\n  }\n\n  return filterEmptyValues(result)\n}\n\nexport function filterEmptyValues(filters: Record<string, any>): Record<string, any> {\n  return Object.fromEntries(\n    // eslint-disable-next-line @typescript-eslint/no-unused-vars\n    Object.entries(filters).filter(([_, val]) => val !== null && val !== '' && val !== undefined),\n  )\n}\n\n\nfunction parseFilterValue(type: FilterItem['type'], raw: string, fallback: unknown): unknown {\n  if (type === 'number') {\n    const n = Number(raw)\n    return isNaN(n) ? (fallback ?? null) : n\n  }\n  if (type === 'date' || type === 'datetime') {\n    return { utc: raw }\n  }\n  if (type === 'daterange' || type === 'datetimerange') {\n    return parseRangeValue(raw, fallback)\n  }\n  if (type === 'dropdown') {\n    return parseDropdownValue(raw)\n  }\n  if (type === 'checkbox') {\n    return raw === 'true'\n  }\n\n  return raw\n}\n\nfunction parseRangeValue(raw: string, fallback: unknown): unknown {\n  try {\n    const parsed = JSON.parse(raw)\n    if (parsed && typeof parsed === 'object' && 'local' in parsed && parsed.local) {\n      parsed.local = new Date(parsed.local)\n    }\n    return parsed\n  } catch {\n    return fallback ?? null\n  }\n}\n\nexport function writeFilterParams(items: FilterItem[], vals: Record<string, unknown>) {\n  const params = new URLSearchParams(window.location.search)\n  for (const item of items) {\n    if (item.type === 'separator') continue\n    const v = vals[item.key]\n    if (v === null || v === undefined || v === '') {\n      params.delete(item.key)\n    } else if (item.type === 'date' || item.type === 'datetime') {\n      params.set(item.key, (v as { utc: string }).utc)\n    } else if (typeof v === 'object') {\n      params.set(item.key, JSON.stringify(v))\n    } else {\n      params.set(item.key, String(v))\n    }\n  }\n  const qs = params.toString()\n  const url = window.location.pathname + (qs ? `?${qs}` : '')\n  window.history.replaceState(null, '', url)\n}\n"],"mappings":";;AAGA,SAAgB,EAAgB,GAAqD;CACnF,IAAM,IAAS,IAAI,gBAAgB,OAAO,SAAS,MAAM,GACnD,IAAkC,CAAC;CAEzC,KAAK,IAAM,KAAQ,GAAO;EACxB,IAAI,EAAK,SAAS,aAAa;EAE/B,IAAM,IAAM,OAAO,SAAS,SAAS,EAAO,IAAI,EAAK,GAAG,IAAI;EAC5D,EAAO,EAAK,OACV,MAAQ,OAAQ,EAAK,SAAS,OAAQ,EAAiB,EAAK,MAAM,GAAK,EAAK,KAAK;CACrF;CACA,OAAO;AACT;AAEA,SAAgB,EAAkB,GAA8C;CAC9E,IAAM,IAAM,EAAgB,CAAK,KAAK,CAAC,GACjC,IAAkC,CAAC;CAEzC,KAAK,IAAM,KAAQ,GAAO;EACxB,IAAI,EAAK,SAAS,aAAa;EAC/B,IAAM,IAAM,EAAI,EAAK;EAErB,IAAI,EAAK,aAAa;GACpB,IAAM,IAAI,EAAK,YAAY,CAAG;GAC9B,AAAI,KAAG,OAAO,OAAO,GAAQ,CAAC;EAChC,OACE,EAAO,EAAK,OAAO;CAEvB;CAEA,OAAO,EAAkB,CAAM;AACjC;AAEA,SAAgB,EAAkB,GAAmD;CACnF,OAAO,OAAO,YAEZ,OAAO,QAAQ,CAAO,EAAE,QAAQ,CAAC,GAAG,OAAS,MAAQ,QAAQ,MAAQ,MAAM,MAAQ,KAAA,CAAS,CAC9F;AACF;AAGA,SAAS,EAAiB,GAA0B,GAAa,GAA4B;CAC3F,IAAI,MAAS,UAAU;EACrB,IAAM,IAAI,OAAO,CAAG;EACpB,OAAO,MAAM,CAAC,IAAK,KAAY,OAAQ;CACzC;CAcA,OAbI,MAAS,UAAU,MAAS,aACvB,EAAE,KAAK,EAAI,IAEhB,MAAS,eAAe,MAAS,kBAC5B,EAAgB,GAAK,CAAQ,IAElC,MAAS,aACJ,EAAmB,CAAG,IAE3B,MAAS,aACJ,MAAQ,SAGV;AACT;AAEA,SAAS,EAAgB,GAAa,GAA4B;CAChE,IAAI;EACF,IAAM,IAAS,KAAK,MAAM,CAAG;EAI7B,OAHI,KAAU,OAAO,KAAW,YAAY,WAAW,KAAU,EAAO,UACtE,EAAO,QAAQ,IAAI,KAAK,EAAO,KAAK,IAE/B;CACT,QAAQ;EACN,OAAO,KAAY;CACrB;AACF;AAEA,SAAgB,EAAkB,GAAqB,GAA+B;CACpF,IAAM,IAAS,IAAI,gBAAgB,OAAO,SAAS,MAAM;CACzD,KAAK,IAAM,KAAQ,GAAO;EACxB,IAAI,EAAK,SAAS,aAAa;EAC/B,IAAM,IAAI,EAAK,EAAK;EACpB,AAAI,KAAM,QAA2B,MAAM,KACzC,EAAO,OAAO,EAAK,GAAG,IACb,EAAK,SAAS,UAAU,EAAK,SAAS,aAC/C,EAAO,IAAI,EAAK,KAAM,EAAsB,GAAG,IACtC,OAAO,KAAM,WACtB,EAAO,IAAI,EAAK,KAAK,KAAK,UAAU,CAAC,CAAC,IAEtC,EAAO,IAAI,EAAK,KAAK,OAAO,CAAC,CAAC;CAElC;CACA,IAAM,IAAK,EAAO,SAAS,GACrB,IAAM,OAAO,SAAS,YAAY,IAAK,IAAI,MAAO;CACxD,OAAO,QAAQ,aAAa,MAAM,IAAI,CAAG;AAC3C"}

package/dist/admins-components78.js

@@ -6,31 +6,31 @@ import i from "./admins-components22.js";
 import a from "./admins-components27.js";
 import o from "./admins-components75.js";
 import { debounce as s } from "./admins-components76.js";
-import { readUrlFilterParams as c, writeFilterParams as l } from "./admins-components77.js";
-import { Fragment as u, createBlock as d, createCommentVNode as f, createElementBlock as p, createElementVNode as m, createVNode as h, defineComponent as g, mergeProps as _, normalizeClass as v, onMounted as y, openBlock as b, ref as x, renderList as S, toDisplayString as C, unref as w, watch as T, withCtx as E } from "vue";
+import { filterEmptyValues as c, getFilterParams as l, writeFilterParams as u } from "./admins-components77.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, unref as T, watch as E, withCtx as D } from "vue";
 //#region src/components/data-table/DataFilters.vue?vue&type=script&setup=true&lang.ts
-var D = { class: "data-filters" }, O = {
+var O = { class: "data-filters" }, k = {
 	key: 0,
 	class: "data-filters__separator"
-}, k = ["for"], A = [
+}, A = ["for"], j = [
 	"placeholder",
 	"value",
 	"id",
 	"onInput"
-], j = [
+], M = [
 	"placeholder",
 	"value",
 	"id",
 	"onInput"
-], M = [
+], N = [
 	"placeholder",
 	"value",
 	"id",
 	"onInput"
-], N = { class: "data-filters__footer" }, P = {
+], P = { class: "data-filters__footer" }, F = {
 	key: 0,
 	class: "separator my-3"
-}, F = /* @__PURE__ */ g({
+}, I = /* @__PURE__ */ _({
 	__name: "DataFilters",
 	props: {
 		open: {
@@ -54,71 +54,79 @@ var D = { class: "data-filters" }, O = {
 		storageKey: {}
 	},
 	emits: ["close", "change"],
-	setup(g, { expose: F, emit: I }) {
-		let L = g, R = I, z = x(W()), B = x({});
-		function V(e, t) {
-			t ? B.value[e] = t : delete B.value[e];
+	setup(_, { expose: I, emit: L }) {
+		let R = _, z = L, B = S(l(R.items) ?? {}), V = S({});
+		function H(e, t) {
+			t ? V.value[e] = t : delete V.value[e];
 		}
-		function H(e) {
+		function U(e) {
 			return {
 				...e.config ?? {},
 				showTime: e.type === "datetime",
 				placeholder: e.placeholder ?? (e.type === "datetime" ? "Időpont" : "Dátum")
 			};
 		}
-		function U(e) {
+		function W(e) {
 			return {
 				...e.config ?? {},
 				...e.fullWidth ? {} : { compact: !0 },
 				showTime: e.type === "datetimerange"
 			};
 		}
-		function W(e = null) {
-			let t = {};
-			for (let n of L.items) n.type !== "separator" && (t[n.key] = n.value ?? e);
-			return t;
-		}
-		y(() => {
-			if (!L.handleUrl) return;
-			let e = c(L.items);
-			Object.keys(e).length > 0 && (z.value = {
-				...z.value,
+		b(() => {
+			if (!R.handleUrl) return;
+			let e = l(R.items);
+			e && Object.keys(e).length > 0 && (B.value = {
+				...B.value,
 				...e
 			});
 		});
-		function G(e) {
-			return Object.fromEntries(Object.entries(e).filter(([e, t]) => t !== null && t !== "" && t !== void 0));
-		}
-		function K(e, t) {
-			z.value = {
-				...z.value,
+		function G(e, t) {
+			B.value = {
+				...B.value,
 				[e]: t
-			}, L.lazy || (L.handleUrl && l(L.items, z.value), R("change", G(z.value)));
+			}, R.lazy || (R.handleUrl && u(R.items, B.value), z("change", K()));
+		}
+		function K() {
+			let e = R.items.reduce((e, t) => {
+				let n = B.value[t.key];
+				return t.transformer ? {
+					...e,
+					...t.transformer(n) ?? {}
+				} : {
+					...e,
+					[t.key]: n
+				};
+			}, {});
+			return {
+				values: c(B.value),
+				transformed: c(e)
+			};
 		}
 		let q = s((e, t) => {
-			K(e, t);
+			G(e, t);
 		});
 		function J() {
-			L.handleUrl && l(L.items, z.value), R("change", G(z.value)), R("close");
+			R.handleUrl && u(R.items, B.value), z("change", K()), z("close");
 		}
 		function Y() {
-			z.value = {}, L.handleUrl && l(L.items, z.value), R("change", G(z.value));
+			B.value = {}, R.handleUrl && u(R.items, B.value), z("change", K());
 		}
-		let X = x(!1);
-		T(z, (e) => {
+		let X = S(!1);
+		E(B, (e) => {
 			X.value = Object.values(e).some((e) => e !== null && e !== "" && e !== void 0);
 		}, {
 			deep: !0,
 			immediate: !0
 		});
 		function Z(e) {
-			z.value = {
-				...z.value,
+			B.value = {
+				...B.value,
 				[e]: null
-			}, L.handleUrl && l(L.items, z.value), R("change", G(z.value));
+			}, R.handleUrl && u(R.items, B.value), z("change", K());
 		}
 		function Q(e) {
-			let t = B.value[e];
+			let t = V.value[e];
 			if (t) {
 				if (typeof t.focusAndOpen == "function") {
 					t.focusAndOpen();
@@ -128,93 +136,93 @@ var D = { class: "data-filters" }, O = {
 			}
 		}
 		function $(e) {
-			let t = { ...z.value };
-			for (let n of L.items) n.type !== "separator" && n.key in e && (t[n.key] = e[n.key] ?? null);
-			z.value = t, L.handleUrl && l(L.items, z.value), R("change", G(z.value));
+			let t = { ...B.value };
+			for (let n of R.items) n.type !== "separator" && n.key in e && (t[n.key] = e[n.key] ?? null);
+			B.value = t, R.handleUrl && u(R.items, B.value), z("change", K());
 		}
-		return F({
+		return I({
 			clearFilter: Z,
 			focusFilter: Q
-		}), (s, c) => (b(), d(a, {
-			open: g.open,
+		}), (s, c) => (x(), f(a, {
+			open: _.open,
 			title: "Szűrők",
-			position: g.position,
-			onClose: c[0] ||= (e) => R("close")
+			position: _.position,
+			onClose: c[0] ||= (e) => z("close")
 		}, {
-			default: E(() => [
-				m("div", D, [(b(!0), p(u, null, S(g.items, (e) => (b(), p("div", {
+			default: D(() => [
+				h("div", O, [(x(!0), m(d, null, C(_.items, (e) => (x(), m("div", {
 					key: e.key,
-					class: v(["data-filters__field", { "data-filters__field--full": e.fullWidth || e.type === "separator" }])
-				}, [e.type === "separator" ? (b(), p("hr", O)) : e.type === "checkbox" ? (b(), d(n, _({
+					class: y(["data-filters__field", { "data-filters__field--full": e.fullWidth || e.type === "separator" }])
+				}, [e.type === "separator" ? (x(), m("hr", k)) : e.type === "checkbox" ? (x(), f(n, v({
 					key: 1,
 					ref_for: !0,
-					ref: (t) => V(e.key, t),
-					"model-value": z.value[e.key] ?? !1,
+					ref: (t) => H(e.key, t),
+					"model-value": B.value[e.key] ?? !1,
 					label: e.label ?? e.key,
-					"onUpdate:modelValue": (t) => K(e.key, t)
+					"onUpdate:modelValue": (t) => G(e.key, t)
 				}, { ref_for: !0 }, e.config), null, 16, [
 					"model-value",
 					"label",
 					"onUpdate:modelValue"
-				])) : (b(), p(u, { key: 2 }, [m("label", {
+				])) : (x(), m(d, { key: 2 }, [h("label", {
 					class: "c-label",
 					for: `df-${e.key}`
-				}, C(e.label ?? e.key), 9, k), e.type === "text" ? (b(), p("input", _({
+				}, w(e.label ?? e.key), 9, A), e.type === "text" ? (x(), m("input", v({
 					key: 0,
 					type: "text",
 					class: "c-input-row",
 					placeholder: e.placeholder,
-					value: z.value[e.key] ?? "",
+					value: B.value[e.key] ?? "",
 					ref_for: !0,
-					ref: (t) => V(e.key, t),
+					ref: (t) => H(e.key, t),
 					id: `df-${e.key}`,
-					onInput: (t) => w(q)(e.key, t.target.value || null)
-				}, { ref_for: !0 }, e.config), null, 16, A)) : e.type === "textarea" ? (b(), p("textarea", _({
+					onInput: (t) => T(q)(e.key, t.target.value || null)
+				}, { ref_for: !0 }, e.config), null, 16, j)) : e.type === "textarea" ? (x(), m("textarea", v({
 					key: 1,
 					class: "c-input-row data-filters__textarea",
 					placeholder: e.placeholder,
-					value: z.value[e.key] ?? "",
+					value: B.value[e.key] ?? "",
 					ref_for: !0,
-					ref: (t) => V(e.key, t),
+					ref: (t) => H(e.key, t),
 					id: `df-${e.key}`
-				}, { ref_for: !0 }, e.config, { onInput: (t) => w(q)(e.key, t.target.value || null) }), null, 16, j)) : e.type === "number" ? (b(), p("input", _({
+				}, { ref_for: !0 }, e.config, { onInput: (t) => T(q)(e.key, t.target.value || null) }), null, 16, M)) : e.type === "number" ? (x(), m("input", v({
 					key: 2,
 					type: "number",
 					class: "c-input-row",
 					placeholder: e.placeholder,
-					value: z.value[e.key] ?? "",
+					value: B.value[e.key] ?? "",
 					ref_for: !0,
-					ref: (t) => V(e.key, t),
+					ref: (t) => H(e.key, t),
 					id: `df-${e.key}`
-				}, { ref_for: !0 }, e.config, { onInput: (t) => w(q)(e.key, t.target.value ? Number(t.target.value) : null) }), null, 16, M)) : e.type === "date" || e.type === "datetime" ? (b(), d(t, {
+				}, { ref_for: !0 }, e.config, { onInput: (t) => T(q)(e.key, t.target.value ? Number(t.target.value) : null) }), null, 16, N)) : e.type === "date" || e.type === "datetime" ? (x(), f(t, {
 					key: 3,
 					ref_for: !0,
-					ref: (t) => V(e.key, t),
+					ref: (t) => H(e.key, t),
 					id: `df-${e.key}`,
-					"model-value": z.value[e.key] ?? null,
-					config: H(e),
-					"onUpdate:modelValue": (t) => K(e.key, t)
+					"model-value": B.value[e.key] ?? null,
+					config: U(e),
+					"onUpdate:modelValue": (t) => G(e.key, t)
 				}, null, 8, [
 					"id",
 					"model-value",
 					"config",
 					"onUpdate:modelValue"
-				])) : e.type === "daterange" || e.type === "datetimerange" ? (b(), d(r, {
+				])) : e.type === "daterange" || e.type === "datetimerange" ? (x(), f(r, {
 					key: 4,
 					ref_for: !0,
-					ref: (t) => V(e.key, t),
-					"model-value": z.value[e.key] ?? null,
-					config: U(e),
-					"onUpdate:modelValue": (t) => K(e.key, t)
+					ref: (t) => H(e.key, t),
+					"model-value": B.value[e.key] ?? null,
+					config: W(e),
+					"onUpdate:modelValue": (t) => G(e.key, t)
 				}, null, 8, [
 					"model-value",
 					"config",
 					"onUpdate:modelValue"
-				])) : e.type === "dropdown" ? (b(), d(i, {
+				])) : e.type === "dropdown" ? (x(), f(i, {
 					key: 5,
 					ref_for: !0,
-					ref: (t) => V(e.key, t),
-					"model-value": z.value[e.key] ?? null,
+					ref: (t) => H(e.key, t),
+					"model-value": B.value[e.key] ?? null,
 					options: e.options ?? [],
 					config: {
 						...e.config ?? {},
@@ -222,43 +230,43 @@ var D = { class: "data-filters" }, O = {
 						clearable: !0,
 						filterable: !0
 					},
-					"onUpdate:modelValue": (t) => K(e.key, t)
+					"onUpdate:modelValue": (t) => G(e.key, t)
 				}, null, 8, [
 					"model-value",
 					"options",
 					"config",
 					"onUpdate:modelValue"
-				])) : f("", !0)], 64))], 2))), 128))]),
-				m("div", N, [h(e, {
+				])) : p("", !0)], 64))], 2))), 128))]),
+				h("div", P, [g(e, {
 					icon: "fa-solid fa-trash-can",
 					disabled: !X.value,
 					label: "Szűrők törlése",
 					"aria-label": "Szűrők törlése",
 					size: "small",
 					onClick: Y
-				}, null, 8, ["disabled"]), h(e, {
+				}, null, 8, ["disabled"]), g(e, {
 					label: "Szűrés",
 					"aria-label": "Szűrés",
 					type: "success",
 					onClick: J
 				})]),
-				g.historyEnabled ? (b(), p("hr", P)) : f("", !0),
-				g.historyEnabled ? (b(), d(o, {
+				_.historyEnabled ? (x(), m("hr", F)) : p("", !0),
+				_.historyEnabled ? (x(), f(o, {
 					key: 1,
-					items: g.items,
-					values: z.value,
-					"storage-key": g.storageKey,
+					items: _.items,
+					values: B.value,
+					"storage-key": _.storageKey,
 					onLoad: $,
 					onChange: $
 				}, null, 8, [
 					"items",
 					"values",
 					"storage-key"
-				])) : f("", !0)
+				])) : p("", !0)
 			]),
 			_: 1
 		}, 8, ["open", "position"]));
 	}
 });
 //#endregion
-export { F as default };
+export { I as default };

package/dist/admins-components78.js.map

@@ -1 +1 @@
-{"version":3,"file":"admins-components78.js","names":[],"sources":["../src/components/data-table/DataFilters.vue"],"sourcesContent":["<script lang=\"ts\">\nimport type { DropdownOption } from '@/components/DropdownSelect.vue'\nimport { getFilterParams } from '@/utils/filterUrlSync'\n\nexport { getFilterParams }\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}\n</script>\n\n<script setup lang=\"ts\">\nimport { ref, watch, onMounted } from 'vue'\nimport Sidebar, { type SidebarPosition } from '@/components/Sidebar.vue'\nimport DatePicker from '@/components/DatePicker.vue'\nimport DateRangePicker from '@/components/DateRangePicker.vue'\nimport DropdownSelect from '@/components/DropdownSelect.vue'\nimport Button from '@/components/Button.vue'\nimport Checkbox from '@/components/Checkbox.vue'\nimport FiltersHistory from '@/components/data-table/FiltersHistory.vue'\nimport { debounce } from '@/utils/debounce'\nimport { readUrlFilterParams, writeFilterParams } from '@/utils/filterUrlSync'\nimport type { DatePickerConfig, DateRangePickerConfig } from '@/types/datepickers'\nimport type { FilterItemType, PickedDate, PickedUtcRange } from '@/types/types'\n\nconst props = withDefaults(\n  defineProps<{\n    open?: boolean\n    items: FilterItem[]\n    position?: SidebarPosition\n    lazy?: boolean\n    handleUrl?: boolean\n    historyEnabled?: boolean\n    storageKey?: string\n  }>(),\n  {\n    open: false,\n    position: 'left',\n    lazy: true,\n    handleUrl: false,\n    historyEnabled: true,\n  },\n)\n\nconst emit = defineEmits<{\n  close: []\n  change: [filters: Record<string, any>]\n}>()\n\nconst values = ref<Record<string, any>>(getDefaults())\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\nfunction getDefaults(value: any = null): Record<string, any> {\n  const defaults: Record<string, any> = {}\n  for (const item of props.items) {\n    if (item.type === 'separator') continue\n    defaults[item.key] = item.value ?? value\n  }\n  return defaults\n}\n\nonMounted(() => {\n  if (!props.handleUrl) return\n  const fromUrl = readUrlFilterParams(props.items)\n  if (Object.keys(fromUrl).length > 0) {\n    values.value = { ...values.value, ...fromUrl }\n  }\n})\nfunction filterEmptyValues(filters: Record<string, any>): Record<string, any> {\n  return Object.fromEntries(\n    Object.entries(filters).filter(([_, val]) => val !== null && val !== '' && val !== undefined),\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', filterEmptyValues(values.value))\n  }\n}\n\nconst debouncedUpdate = debounce((key: string, value: any) => {\n  update(key, value)\n})\n\nfunction confirm() {\n  if (props.handleUrl) writeFilterParams(props.items, values.value)\n  emit('change', filterEmptyValues(values.value))\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', filterEmptyValues(values.value))\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', filterEmptyValues(values.value))\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', filterEmptyValues(values.value))\n}\n\ndefineExpose({ clearFilter, focusFilter })\n</script>\n\n<template>\n  <Sidebar :open=\"open\" title=\"Szűrők\" :position=\"position\" @close=\"emit('close')\">\n    <div class=\"data-filters\">\n      <div\n        v-for=\"item in items\"\n        :key=\"item.key\"\n        class=\"data-filters__field\"\n        :class=\"{ 'data-filters__field--full': item.fullWidth || item.type === 'separator' }\"\n      >\n        <hr v-if=\"item.type === 'separator'\" class=\"data-filters__separator\" />\n        <template v-else-if=\"item.type === 'checkbox'\">\n          <Checkbox\n            :ref=\"(el: any) => setFilterRef(item.key, el)\"\n            :model-value=\"(values[item.key] as boolean) ?? false\"\n            :label=\"item.label ?? item.key\"\n            @update:model-value=\"(val) => update(item.key, val)\"\n            v-bind=\"item.config\"\n          />\n        </template>\n        <template v-else>\n          <label class=\"c-label\" :for=\"`df-${item.key}`\">{{ item.label ?? item.key }}</label>\n\n          <input\n            v-if=\"item.type === 'text'\"\n            type=\"text\"\n            class=\"c-input-row\"\n            :placeholder=\"item.placeholder\"\n            :value=\"values[item.key] ?? ''\"\n            :ref=\"(el: any) => setFilterRef(item.key, el)\"\n            :id=\"`df-${item.key}`\"\n            @input=\"debouncedUpdate(item.key, ($event.target as HTMLInputElement).value || null)\"\n            v-bind=\"item.config\"\n          />\n\n          <textarea\n            v-else-if=\"item.type === 'textarea'\"\n            class=\"c-input-row data-filters__textarea\"\n            :placeholder=\"item.placeholder\"\n            :value=\"values[item.key] ?? ''\"\n            :ref=\"(el: any) => setFilterRef(item.key, el)\"\n            :id=\"`df-${item.key}`\"\n            v-bind=\"item.config\"\n            @input=\"debouncedUpdate(item.key, ($event.target as HTMLTextAreaElement).value || null)\"\n          />\n\n          <input\n            v-else-if=\"item.type === 'number'\"\n            type=\"number\"\n            class=\"c-input-row\"\n            :placeholder=\"item.placeholder\"\n            :value=\"values[item.key] ?? ''\"\n            :ref=\"(el: any) => setFilterRef(item.key, el)\"\n            :id=\"`df-${item.key}`\"\n            v-bind=\"item.config\"\n            @input=\"\n              debouncedUpdate(\n                item.key,\n                ($event.target as HTMLInputElement).value\n                  ? Number(($event.target as HTMLInputElement).value)\n                  : null,\n              )\n            \"\n          />\n\n          <DatePicker\n            v-else-if=\"item.type === 'date' || item.type === 'datetime'\"\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\n          <DateRangePicker\n            v-else-if=\"item.type === 'daterange' || item.type === 'datetimerange'\"\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\n          <DropdownSelect\n            v-else-if=\"item.type === 'dropdown'\"\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    <hr v-if=\"historyEnabled\" class=\"separator my-3\" />\n    <FiltersHistory\n      v-if=\"historyEnabled\"\n      :items=\"items\"\n      :values=\"values\"\n      :storage-key=\"storageKey\"\n      @load=\"onHistoryLoad\"\n      @change=\"onHistoryLoad\"\n    />\n  </Sidebar>\n</template>\n\n<style lang=\"scss\" src=\"@/styles/components/data-table/data-filters.scss\"></style>\n"],"mappings":"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"}
+{"version":3,"file":"admins-components78.js","names":[],"sources":["../src/components/data-table/DataFilters.vue"],"sourcesContent":["<script lang=\"ts\">\nimport type { DropdownOption } from '@/components/DropdownSelect.vue'\n\nexport interface FilterItem {\n  type: FilterItemType\n  key: string\n  label?: string\n  placeholder?: string\n  value?: any\n  options?: DropdownOption[]\n  fullWidth?: boolean\n  config?: Record<string, any>\n  displayClass?: string\n  transformer?: (value: any) => Record<string, any> | null | undefined\n}\n\nexport interface FilterResponse {\n  values: Record<string, any>\n  transformed: Record<string, any>\n}\n</script>\n\n<script setup lang=\"ts\">\nimport { ref, watch, onMounted } from 'vue'\nimport Sidebar, { type SidebarPosition } from '@/components/Sidebar.vue'\nimport DatePicker from '@/components/DatePicker.vue'\nimport DateRangePicker from '@/components/DateRangePicker.vue'\nimport DropdownSelect from '@/components/DropdownSelect.vue'\nimport Button from '@/components/Button.vue'\nimport Checkbox from '@/components/Checkbox.vue'\nimport FiltersHistory from '@/components/data-table/FiltersHistory.vue'\nimport { debounce } from '@/utils/debounce'\nimport type { DatePickerConfig, DateRangePickerConfig } from '@/types/datepickers'\nimport type { FilterItemType, PickedDate, PickedUtcRange } from '@/types/types'\nimport { filterEmptyValues, getFilterParams, writeFilterParams } from '@/utils/dataFilters'\n\n\nconst props = withDefaults(\n  defineProps<{\n    open?: boolean\n    items: FilterItem[]\n    position?: SidebarPosition\n    lazy?: boolean\n    handleUrl?: boolean\n    historyEnabled?: boolean\n    storageKey?: string\n  }>(),\n  {\n    open: false,\n    position: 'left',\n    lazy: true,\n    handleUrl: false,\n    historyEnabled: true,\n  },\n)\n\nconst emit = defineEmits<{\n  close: []\n  change: [response: FilterResponse]\n}>()\n\nconst values = ref<Record<string, any>>(getFilterParams(props.items) ?? {})\nconst filterRefs = ref<Record<string, any>>({})\n\nfunction setFilterRef(key: string, el: any) {\n  if (el) {\n    filterRefs.value[key] = el\n  } else {\n    delete filterRefs.value[key]\n  }\n}\n\nfunction buildDatePickerConfig(item: FilterItem): DatePickerConfig {\n  return {\n    ...(item.config ?? {}),\n    showTime: item.type === 'datetime',\n    placeholder: item.placeholder ?? (item.type === 'datetime' ? 'Időpont' : 'Dátum'),\n  }\n}\n\nfunction buildDateRangePickerConfig(item: FilterItem): DateRangePickerConfig {\n  return {\n    ...(item.config ?? {}),\n    ...(!item.fullWidth ? { compact: true } : {}),\n    showTime: item.type === 'datetimerange',\n  }\n}\n\nonMounted(() => {\n  if (!props.handleUrl) return\n  const fromUrl = getFilterParams(props.items)\n  if (fromUrl && Object.keys(fromUrl).length > 0) {\n    values.value = { ...values.value, ...fromUrl }\n  }\n})\n\nfunction update(key: string, value: any) {\n  values.value = { ...values.value, [key]: value }\n\n  if (!props.lazy) {\n    if (props.handleUrl) writeFilterParams(props.items, values.value)\n    emit('change', buildResponseEmit())\n  }\n}\n\nfunction buildResponseEmit() {\n  const transformedValues = props.items.reduce((acc, item) => {\n    const val = values.value[item.key]\n    if (item.transformer) {\n      return { ...acc, ...(item.transformer(val) ?? {}) }\n    }\n    return { ...acc, [item.key]: val }\n  }, {})\n  return {\n    values: filterEmptyValues(values.value),\n    transformed: filterEmptyValues(transformedValues),\n  }\n}\n\nconst debouncedUpdate = debounce((key: string, value: any) => {\n  update(key, value)\n})\n\nfunction confirm() {\n  if (props.handleUrl) writeFilterParams(props.items, values.value)\n\n  emit('change', buildResponseEmit())\n  emit('close')\n}\n\n/* function reset() {\n  values.value = getDefaults()\n  if (props.handleUrl) writeFilterParams(props.items, values.value)\n  emit('change', filterEmptyValues(values.value))\n} */\n\nfunction clearAll() {\n  values.value = {}\n  if (props.handleUrl) writeFilterParams(props.items, values.value)\n\n  emit('change', buildResponseEmit())\n}\n\nconst hasActiveFilters = ref(false)\nwatch(\n  values,\n  (v) => {\n    hasActiveFilters.value = Object.values(v).some(\n      (val) => val !== null && val !== '' && val !== undefined,\n    )\n  },\n  { deep: true, immediate: true },\n)\n\nfunction clearFilter(key: string) {\n  values.value = { ...values.value, [key]: null }\n  if (props.handleUrl) writeFilterParams(props.items, values.value)\n  emit('change', buildResponseEmit())\n}\n\nfunction focusFilter(key: string) {\n  const ref = (filterRefs.value as Record<string, any>)[key]\n  if (!ref) return\n\n  if (typeof ref.focusAndOpen === 'function') {\n    ref.focusAndOpen()\n    return\n  }\n  if (typeof ref.focus === 'function') {\n    ref.focus()\n  }\n}\n\nfunction onHistoryLoad(loaded: Record<string, any>) {\n  const next: Record<string, any> = { ...values.value }\n  for (const item of props.items) {\n    if (item.type === 'separator') continue\n    if (item.key in loaded) {\n      next[item.key] = loaded[item.key] ?? null\n    }\n  }\n  values.value = next\n  if (props.handleUrl) writeFilterParams(props.items, values.value)\n  emit('change', buildResponseEmit())\n}\n\ndefineExpose({ clearFilter, focusFilter })\n</script>\n\n<template>\n  <Sidebar :open=\"open\" title=\"Szűrők\" :position=\"position\" @close=\"emit('close')\">\n    <div class=\"data-filters\">\n      <div\n        v-for=\"item in items\"\n        :key=\"item.key\"\n        class=\"data-filters__field\"\n        :class=\"{ 'data-filters__field--full': item.fullWidth || item.type === 'separator' }\"\n      >\n        <hr v-if=\"item.type === 'separator'\" class=\"data-filters__separator\" />\n        <template v-else-if=\"item.type === 'checkbox'\">\n          <Checkbox\n            :ref=\"(el: any) => setFilterRef(item.key, el)\"\n            :model-value=\"(values[item.key] as boolean) ?? false\"\n            :label=\"item.label ?? item.key\"\n            @update:model-value=\"(val) => update(item.key, val)\"\n            v-bind=\"item.config\"\n          />\n        </template>\n        <template v-else>\n          <label class=\"c-label\" :for=\"`df-${item.key}`\">{{ item.label ?? item.key }}</label>\n\n          <input\n            v-if=\"item.type === 'text'\"\n            type=\"text\"\n            class=\"c-input-row\"\n            :placeholder=\"item.placeholder\"\n            :value=\"values[item.key] ?? ''\"\n            :ref=\"(el: any) => setFilterRef(item.key, el)\"\n            :id=\"`df-${item.key}`\"\n            @input=\"debouncedUpdate(item.key, ($event.target as HTMLInputElement).value || null)\"\n            v-bind=\"item.config\"\n          />\n\n          <textarea\n            v-else-if=\"item.type === 'textarea'\"\n            class=\"c-input-row data-filters__textarea\"\n            :placeholder=\"item.placeholder\"\n            :value=\"values[item.key] ?? ''\"\n            :ref=\"(el: any) => setFilterRef(item.key, el)\"\n            :id=\"`df-${item.key}`\"\n            v-bind=\"item.config\"\n            @input=\"debouncedUpdate(item.key, ($event.target as HTMLTextAreaElement).value || null)\"\n          />\n\n          <input\n            v-else-if=\"item.type === 'number'\"\n            type=\"number\"\n            class=\"c-input-row\"\n            :placeholder=\"item.placeholder\"\n            :value=\"values[item.key] ?? ''\"\n            :ref=\"(el: any) => setFilterRef(item.key, el)\"\n            :id=\"`df-${item.key}`\"\n            v-bind=\"item.config\"\n            @input=\"\n              debouncedUpdate(\n                item.key,\n                ($event.target as HTMLInputElement).value\n                  ? Number(($event.target as HTMLInputElement).value)\n                  : null,\n              )\n            \"\n          />\n\n          <DatePicker\n            v-else-if=\"item.type === 'date' || item.type === 'datetime'\"\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\n          <DateRangePicker\n            v-else-if=\"item.type === 'daterange' || item.type === 'datetimerange'\"\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\n          <DropdownSelect\n            v-else-if=\"item.type === 'dropdown'\"\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    <hr v-if=\"historyEnabled\" class=\"separator my-3\" />\n    <FiltersHistory\n      v-if=\"historyEnabled\"\n      :items=\"items\"\n      :values=\"values\"\n      :storage-key=\"storageKey\"\n      @load=\"onHistoryLoad\"\n      @change=\"onHistoryLoad\"\n    />\n  </Sidebar>\n</template>\n\n<style lang=\"scss\" src=\"@/styles/components/data-table/data-filters.scss\"></style>\n"],"mappings":"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"}

package/dist/admins-components80.js

@@ -1,5 +1,4 @@
 import './src/styles/components/data-table/data-filters.scss_vue_type_style_index_0_src_true_lang.css';
-import "./admins-components77.js";
 import e from "./admins-components78.js";
 /* empty css                    */
 //#region src/components/data-table/DataFilters.vue

package/dist/admins-components80.js.map

@@ -1 +1 @@
-{"version":3,"file":"admins-components80.js","names":[],"sources":["../src/components/data-table/DataFilters.vue"],"sourcesContent":["<script lang=\"ts\">\nimport type { DropdownOption } from '@/components/DropdownSelect.vue'\nimport { getFilterParams } from '@/utils/filterUrlSync'\n\nexport { getFilterParams }\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}\n</script>\n\n<script setup lang=\"ts\">\nimport { ref, watch, onMounted } from 'vue'\nimport Sidebar, { type SidebarPosition } from '@/components/Sidebar.vue'\nimport DatePicker from '@/components/DatePicker.vue'\nimport DateRangePicker from '@/components/DateRangePicker.vue'\nimport DropdownSelect from '@/components/DropdownSelect.vue'\nimport Button from '@/components/Button.vue'\nimport Checkbox from '@/components/Checkbox.vue'\nimport FiltersHistory from '@/components/data-table/FiltersHistory.vue'\nimport { debounce } from '@/utils/debounce'\nimport { readUrlFilterParams, writeFilterParams } from '@/utils/filterUrlSync'\nimport type { DatePickerConfig, DateRangePickerConfig } from '@/types/datepickers'\nimport type { FilterItemType, PickedDate, PickedUtcRange } from '@/types/types'\n\nconst props = withDefaults(\n  defineProps<{\n    open?: boolean\n    items: FilterItem[]\n    position?: SidebarPosition\n    lazy?: boolean\n    handleUrl?: boolean\n    historyEnabled?: boolean\n    storageKey?: string\n  }>(),\n  {\n    open: false,\n    position: 'left',\n    lazy: true,\n    handleUrl: false,\n    historyEnabled: true,\n  },\n)\n\nconst emit = defineEmits<{\n  close: []\n  change: [filters: Record<string, any>]\n}>()\n\nconst values = ref<Record<string, any>>(getDefaults())\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\nfunction getDefaults(value: any = null): Record<string, any> {\n  const defaults: Record<string, any> = {}\n  for (const item of props.items) {\n    if (item.type === 'separator') continue\n    defaults[item.key] = item.value ?? value\n  }\n  return defaults\n}\n\nonMounted(() => {\n  if (!props.handleUrl) return\n  const fromUrl = readUrlFilterParams(props.items)\n  if (Object.keys(fromUrl).length > 0) {\n    values.value = { ...values.value, ...fromUrl }\n  }\n})\nfunction filterEmptyValues(filters: Record<string, any>): Record<string, any> {\n  return Object.fromEntries(\n    Object.entries(filters).filter(([_, val]) => val !== null && val !== '' && val !== undefined),\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', filterEmptyValues(values.value))\n  }\n}\n\nconst debouncedUpdate = debounce((key: string, value: any) => {\n  update(key, value)\n})\n\nfunction confirm() {\n  if (props.handleUrl) writeFilterParams(props.items, values.value)\n  emit('change', filterEmptyValues(values.value))\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', filterEmptyValues(values.value))\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', filterEmptyValues(values.value))\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', filterEmptyValues(values.value))\n}\n\ndefineExpose({ clearFilter, focusFilter })\n</script>\n\n<template>\n  <Sidebar :open=\"open\" title=\"Szűrők\" :position=\"position\" @close=\"emit('close')\">\n    <div class=\"data-filters\">\n      <div\n        v-for=\"item in items\"\n        :key=\"item.key\"\n        class=\"data-filters__field\"\n        :class=\"{ 'data-filters__field--full': item.fullWidth || item.type === 'separator' }\"\n      >\n        <hr v-if=\"item.type === 'separator'\" class=\"data-filters__separator\" />\n        <template v-else-if=\"item.type === 'checkbox'\">\n          <Checkbox\n            :ref=\"(el: any) => setFilterRef(item.key, el)\"\n            :model-value=\"(values[item.key] as boolean) ?? false\"\n            :label=\"item.label ?? item.key\"\n            @update:model-value=\"(val) => update(item.key, val)\"\n            v-bind=\"item.config\"\n          />\n        </template>\n        <template v-else>\n          <label class=\"c-label\" :for=\"`df-${item.key}`\">{{ item.label ?? item.key }}</label>\n\n          <input\n            v-if=\"item.type === 'text'\"\n            type=\"text\"\n            class=\"c-input-row\"\n            :placeholder=\"item.placeholder\"\n            :value=\"values[item.key] ?? ''\"\n            :ref=\"(el: any) => setFilterRef(item.key, el)\"\n            :id=\"`df-${item.key}`\"\n            @input=\"debouncedUpdate(item.key, ($event.target as HTMLInputElement).value || null)\"\n            v-bind=\"item.config\"\n          />\n\n          <textarea\n            v-else-if=\"item.type === 'textarea'\"\n            class=\"c-input-row data-filters__textarea\"\n            :placeholder=\"item.placeholder\"\n            :value=\"values[item.key] ?? ''\"\n            :ref=\"(el: any) => setFilterRef(item.key, el)\"\n            :id=\"`df-${item.key}`\"\n            v-bind=\"item.config\"\n            @input=\"debouncedUpdate(item.key, ($event.target as HTMLTextAreaElement).value || null)\"\n          />\n\n          <input\n            v-else-if=\"item.type === 'number'\"\n            type=\"number\"\n            class=\"c-input-row\"\n            :placeholder=\"item.placeholder\"\n            :value=\"values[item.key] ?? ''\"\n            :ref=\"(el: any) => setFilterRef(item.key, el)\"\n            :id=\"`df-${item.key}`\"\n            v-bind=\"item.config\"\n            @input=\"\n              debouncedUpdate(\n                item.key,\n                ($event.target as HTMLInputElement).value\n                  ? Number(($event.target as HTMLInputElement).value)\n                  : null,\n              )\n            \"\n          />\n\n          <DatePicker\n            v-else-if=\"item.type === 'date' || item.type === 'datetime'\"\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\n          <DateRangePicker\n            v-else-if=\"item.type === 'daterange' || item.type === 'datetimerange'\"\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\n          <DropdownSelect\n            v-else-if=\"item.type === 'dropdown'\"\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    <hr v-if=\"historyEnabled\" class=\"separator my-3\" />\n    <FiltersHistory\n      v-if=\"historyEnabled\"\n      :items=\"items\"\n      :values=\"values\"\n      :storage-key=\"storageKey\"\n      @load=\"onHistoryLoad\"\n      @change=\"onHistoryLoad\"\n    />\n  </Sidebar>\n</template>\n\n<style lang=\"scss\" src=\"@/styles/components/data-table/data-filters.scss\"></style>\n"],"mappings":""}
+{"version":3,"file":"admins-components80.js","names":[],"sources":["../src/components/data-table/DataFilters.vue"],"sourcesContent":["<script lang=\"ts\">\nimport type { DropdownOption } from '@/components/DropdownSelect.vue'\n\nexport interface FilterItem {\n  type: FilterItemType\n  key: string\n  label?: string\n  placeholder?: string\n  value?: any\n  options?: DropdownOption[]\n  fullWidth?: boolean\n  config?: Record<string, any>\n  displayClass?: string\n  transformer?: (value: any) => Record<string, any> | null | undefined\n}\n\nexport interface FilterResponse {\n  values: Record<string, any>\n  transformed: Record<string, any>\n}\n</script>\n\n<script setup lang=\"ts\">\nimport { ref, watch, onMounted } from 'vue'\nimport Sidebar, { type SidebarPosition } from '@/components/Sidebar.vue'\nimport DatePicker from '@/components/DatePicker.vue'\nimport DateRangePicker from '@/components/DateRangePicker.vue'\nimport DropdownSelect from '@/components/DropdownSelect.vue'\nimport Button from '@/components/Button.vue'\nimport Checkbox from '@/components/Checkbox.vue'\nimport FiltersHistory from '@/components/data-table/FiltersHistory.vue'\nimport { debounce } from '@/utils/debounce'\nimport type { DatePickerConfig, DateRangePickerConfig } from '@/types/datepickers'\nimport type { FilterItemType, PickedDate, PickedUtcRange } from '@/types/types'\nimport { filterEmptyValues, getFilterParams, writeFilterParams } from '@/utils/dataFilters'\n\n\nconst props = withDefaults(\n  defineProps<{\n    open?: boolean\n    items: FilterItem[]\n    position?: SidebarPosition\n    lazy?: boolean\n    handleUrl?: boolean\n    historyEnabled?: boolean\n    storageKey?: string\n  }>(),\n  {\n    open: false,\n    position: 'left',\n    lazy: true,\n    handleUrl: false,\n    historyEnabled: true,\n  },\n)\n\nconst emit = defineEmits<{\n  close: []\n  change: [response: FilterResponse]\n}>()\n\nconst values = ref<Record<string, any>>(getFilterParams(props.items) ?? {})\nconst filterRefs = ref<Record<string, any>>({})\n\nfunction setFilterRef(key: string, el: any) {\n  if (el) {\n    filterRefs.value[key] = el\n  } else {\n    delete filterRefs.value[key]\n  }\n}\n\nfunction buildDatePickerConfig(item: FilterItem): DatePickerConfig {\n  return {\n    ...(item.config ?? {}),\n    showTime: item.type === 'datetime',\n    placeholder: item.placeholder ?? (item.type === 'datetime' ? 'Időpont' : 'Dátum'),\n  }\n}\n\nfunction buildDateRangePickerConfig(item: FilterItem): DateRangePickerConfig {\n  return {\n    ...(item.config ?? {}),\n    ...(!item.fullWidth ? { compact: true } : {}),\n    showTime: item.type === 'datetimerange',\n  }\n}\n\nonMounted(() => {\n  if (!props.handleUrl) return\n  const fromUrl = getFilterParams(props.items)\n  if (fromUrl && Object.keys(fromUrl).length > 0) {\n    values.value = { ...values.value, ...fromUrl }\n  }\n})\n\nfunction update(key: string, value: any) {\n  values.value = { ...values.value, [key]: value }\n\n  if (!props.lazy) {\n    if (props.handleUrl) writeFilterParams(props.items, values.value)\n    emit('change', buildResponseEmit())\n  }\n}\n\nfunction buildResponseEmit() {\n  const transformedValues = props.items.reduce((acc, item) => {\n    const val = values.value[item.key]\n    if (item.transformer) {\n      return { ...acc, ...(item.transformer(val) ?? {}) }\n    }\n    return { ...acc, [item.key]: val }\n  }, {})\n  return {\n    values: filterEmptyValues(values.value),\n    transformed: filterEmptyValues(transformedValues),\n  }\n}\n\nconst debouncedUpdate = debounce((key: string, value: any) => {\n  update(key, value)\n})\n\nfunction confirm() {\n  if (props.handleUrl) writeFilterParams(props.items, values.value)\n\n  emit('change', buildResponseEmit())\n  emit('close')\n}\n\n/* function reset() {\n  values.value = getDefaults()\n  if (props.handleUrl) writeFilterParams(props.items, values.value)\n  emit('change', filterEmptyValues(values.value))\n} */\n\nfunction clearAll() {\n  values.value = {}\n  if (props.handleUrl) writeFilterParams(props.items, values.value)\n\n  emit('change', buildResponseEmit())\n}\n\nconst hasActiveFilters = ref(false)\nwatch(\n  values,\n  (v) => {\n    hasActiveFilters.value = Object.values(v).some(\n      (val) => val !== null && val !== '' && val !== undefined,\n    )\n  },\n  { deep: true, immediate: true },\n)\n\nfunction clearFilter(key: string) {\n  values.value = { ...values.value, [key]: null }\n  if (props.handleUrl) writeFilterParams(props.items, values.value)\n  emit('change', buildResponseEmit())\n}\n\nfunction focusFilter(key: string) {\n  const ref = (filterRefs.value as Record<string, any>)[key]\n  if (!ref) return\n\n  if (typeof ref.focusAndOpen === 'function') {\n    ref.focusAndOpen()\n    return\n  }\n  if (typeof ref.focus === 'function') {\n    ref.focus()\n  }\n}\n\nfunction onHistoryLoad(loaded: Record<string, any>) {\n  const next: Record<string, any> = { ...values.value }\n  for (const item of props.items) {\n    if (item.type === 'separator') continue\n    if (item.key in loaded) {\n      next[item.key] = loaded[item.key] ?? null\n    }\n  }\n  values.value = next\n  if (props.handleUrl) writeFilterParams(props.items, values.value)\n  emit('change', buildResponseEmit())\n}\n\ndefineExpose({ clearFilter, focusFilter })\n</script>\n\n<template>\n  <Sidebar :open=\"open\" title=\"Szűrők\" :position=\"position\" @close=\"emit('close')\">\n    <div class=\"data-filters\">\n      <div\n        v-for=\"item in items\"\n        :key=\"item.key\"\n        class=\"data-filters__field\"\n        :class=\"{ 'data-filters__field--full': item.fullWidth || item.type === 'separator' }\"\n      >\n        <hr v-if=\"item.type === 'separator'\" class=\"data-filters__separator\" />\n        <template v-else-if=\"item.type === 'checkbox'\">\n          <Checkbox\n            :ref=\"(el: any) => setFilterRef(item.key, el)\"\n            :model-value=\"(values[item.key] as boolean) ?? false\"\n            :label=\"item.label ?? item.key\"\n            @update:model-value=\"(val) => update(item.key, val)\"\n            v-bind=\"item.config\"\n          />\n        </template>\n        <template v-else>\n          <label class=\"c-label\" :for=\"`df-${item.key}`\">{{ item.label ?? item.key }}</label>\n\n          <input\n            v-if=\"item.type === 'text'\"\n            type=\"text\"\n            class=\"c-input-row\"\n            :placeholder=\"item.placeholder\"\n            :value=\"values[item.key] ?? ''\"\n            :ref=\"(el: any) => setFilterRef(item.key, el)\"\n            :id=\"`df-${item.key}`\"\n            @input=\"debouncedUpdate(item.key, ($event.target as HTMLInputElement).value || null)\"\n            v-bind=\"item.config\"\n          />\n\n          <textarea\n            v-else-if=\"item.type === 'textarea'\"\n            class=\"c-input-row data-filters__textarea\"\n            :placeholder=\"item.placeholder\"\n            :value=\"values[item.key] ?? ''\"\n            :ref=\"(el: any) => setFilterRef(item.key, el)\"\n            :id=\"`df-${item.key}`\"\n            v-bind=\"item.config\"\n            @input=\"debouncedUpdate(item.key, ($event.target as HTMLTextAreaElement).value || null)\"\n          />\n\n          <input\n            v-else-if=\"item.type === 'number'\"\n            type=\"number\"\n            class=\"c-input-row\"\n            :placeholder=\"item.placeholder\"\n            :value=\"values[item.key] ?? ''\"\n            :ref=\"(el: any) => setFilterRef(item.key, el)\"\n            :id=\"`df-${item.key}`\"\n            v-bind=\"item.config\"\n            @input=\"\n              debouncedUpdate(\n                item.key,\n                ($event.target as HTMLInputElement).value\n                  ? Number(($event.target as HTMLInputElement).value)\n                  : null,\n              )\n            \"\n          />\n\n          <DatePicker\n            v-else-if=\"item.type === 'date' || item.type === 'datetime'\"\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\n          <DateRangePicker\n            v-else-if=\"item.type === 'daterange' || item.type === 'datetimerange'\"\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\n          <DropdownSelect\n            v-else-if=\"item.type === 'dropdown'\"\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    <hr v-if=\"historyEnabled\" class=\"separator my-3\" />\n    <FiltersHistory\n      v-if=\"historyEnabled\"\n      :items=\"items\"\n      :values=\"values\"\n      :storage-key=\"storageKey\"\n      @load=\"onHistoryLoad\"\n      @change=\"onHistoryLoad\"\n    />\n  </Sidebar>\n</template>\n\n<style lang=\"scss\" src=\"@/styles/components/data-table/data-filters.scss\"></style>\n"],"mappings":""}

package/dist/admins-components87.js

@@ -2,7 +2,6 @@ import e from "./admins-components6.js";
 import t from "./admins-components61.js";
 import n from "./admins-components64.js";
 import r from "./admins-components68.js";
-import "./admins-components69.js";
 import i from "./admins-components71.js";
 import { getFilterParams as a } from "./admins-components77.js";
 import o from "./admins-components80.js";
@@ -88,7 +87,7 @@ var S = { class: "ac-component" }, C = { class: "flex-center gap-2 mb-3 wrap-on-
 			}, 300);
 		}
 		function K(e) {
-			B.value = e, k("filter-change", e);
+			B.value = e.values, k("filter-change", e.transformed);
 		}
 		let q = u(() => Object.values(B.value).filter((e) => e != null && e !== "").length), J = u(() => !!O.pagination && (O.items.length > 0 || !O.loading));
 		return (a, u) => (b(), p("div", S, [m("div", {

package/dist/admins-components87.js.map

@@ -1 +1 @@
-{"version":3,"file":"admins-components87.js","names":[],"sources":["../src/components/data-table/DataList.vue"],"sourcesContent":["<script lang=\"ts\">\nexport { getDefaultPaginator } from '@/components/data-table/DataPaginator.vue'\nexport type { PaginatorSettings } from '@/types/data-list'\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  filters?: FilterItem[]\n  historyEnabled?: boolean\n  loading?: boolean\n  handleUrl?: boolean\n}\n\nexport const dataListDefaults = {\n  layoutBreakpoint: 768,\n  orderable: true,\n  historyEnabled: true,\n  loading: false,\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  getFilterParams,\n  type FilterItem,\n} from '@/components/data-table/DataFilters.vue'\nimport FilterTags from '@/components/data-table/FilterTags.vue'\nimport DataListGuide from '@/components/data-table/DataListGuide.vue'\n\nconst dataFiltersRef = ref<InstanceType<typeof DataFilters> | null>(null)\n\nconst props = withDefaults(defineProps<DataListProps>(), {\n  ...dataListDefaults,\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}>()\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 hasTextFilter = computed(() =>\n  props.filters?.some((item) => item.type === 'text' || item.type === 'textarea'),\n)\n\nconst exactMatchFilterItem: FilterItem = {\n  type: 'checkbox',\n  key: 'exactMatch',\n  label: 'Pontos egyezés',\n  fullWidth: true,\n  config: {\n    labelAlignmentFix: true,\n  },\n  displayClass: 'highlight-chip',\n}\n\nfunction ensureExactMatchItem(items: FilterItem[]): FilterItem[] {\n  if (!hasTextFilter.value) return items\n  if (items.some((i) => i.key === 'exactMatch')) return items\n\n  return [exactMatchFilterItem, ...items]\n}\n\nconst resolvedFilters = computed<FilterItem[]>(() => ensureExactMatchItem(props.filters ?? []))\n\nconst activeFilters = ref<Record<string, any>>(\n  props.filters ? (getFilterParams(resolvedFilters.value) ?? {}) : {},\n)\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(values: Record<string, any>) {\n  activeFilters.value = values\n  emit('filter-change', values)\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</script>\n\n<template>\n  <div class=\"ac-component\">\n    <div ref=\"root\" class=\"c-data-list\">\n      <template v-if=\"resolvedFilters && resolvedFilters.length > 0\">\n        <div class=\"flex-center gap-2 mb-3 wrap-on-small\">\n          <Button\n            label=\"Szűrők megnyitása\"\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 class=\"flex-center gap-1\">\n            <FilterTags\n              :filters=\"activeFilters\"\n              :items=\"resolvedFilters\"\n              @remove=\"(key: string) => dataFiltersRef?.clearFilter(key)\"\n              @openFilter=\"openFilter\"\n            />\n          </div>\n        </div>\n        <DataFilters\n          ref=\"dataFiltersRef\"\n          :open=\"showFilters\"\n          :items=\"resolvedFilters\"\n          lazy\n          :handle-url=\"handleUrl\"\n          :storage-key=\"id\"\n          @close=\"showFilters = false\"\n          @change=\"onFilterChange\"\n        />\n      </template>\n\n      <div class=\"c-data-list__toolbar\">\n        <Button\n          label=\"Beállítások\"\n          icon=\"fa-solid fa-gear\"\n          class=\"c-data-list__toolbar__item\"\n          size=\"small\"\n          @click=\"showOptions = true\"\n        />\n        <Button\n          label=\"Súgó\"\n          icon=\"fa-solid fa-question\"\n          icon-position=\"right\"\n          class=\"c-data-list__toolbar__item ml-auto\"\n          label-alignment-fix\n          size=\"small\"\n          @click=\"showGuide = true\"\n        />\n      </div>\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-components87.js","names":[],"sources":["../src/components/data-table/DataList.vue"],"sourcesContent":["<script lang=\"ts\">\nexport type { PaginatorSettings } from '@/types/data-list'\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  filters?: FilterItem[]\n  historyEnabled?: boolean\n  loading?: boolean\n  handleUrl?: boolean\n}\n\nexport const dataListDefaults = {\n  layoutBreakpoint: 768,\n  orderable: true,\n  historyEnabled: true,\n  loading: false,\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 FilterItem,\n  type FilterResponse,\n} from '@/components/data-table/DataFilters.vue'\nimport FilterTags from '@/components/data-table/FilterTags.vue'\nimport DataListGuide from '@/components/data-table/DataListGuide.vue'\nimport { getFilterParams } from '@/utils/dataFilters'\n\nconst dataFiltersRef = ref<InstanceType<typeof DataFilters> | null>(null)\n\nconst props = withDefaults(defineProps<DataListProps>(), {\n  ...dataListDefaults,\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}>()\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 hasTextFilter = computed(() =>\n  props.filters?.some((item) => item.type === 'text' || item.type === 'textarea'),\n)\n\nconst exactMatchFilterItem: FilterItem = {\n  type: 'checkbox',\n  key: 'exactMatch',\n  label: 'Pontos egyezés',\n  fullWidth: true,\n  config: {\n    labelAlignmentFix: true,\n  },\n  displayClass: 'highlight-chip',\n}\n\nfunction ensureExactMatchItem(items: FilterItem[]): FilterItem[] {\n  if (!hasTextFilter.value) return items\n  if (items.some((i) => i.key === 'exactMatch')) return items\n\n  return [exactMatchFilterItem, ...items]\n}\n\nconst resolvedFilters = computed<FilterItem[]>(() => ensureExactMatchItem(props.filters ?? []))\n\nconst activeFilters = ref<Record<string, any>>(\n  props.filters ? (getFilterParams(resolvedFilters.value) ?? {}) : {},\n)\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</script>\n\n<template>\n  <div class=\"ac-component\">\n    <div ref=\"root\" class=\"c-data-list\">\n      <template v-if=\"resolvedFilters && resolvedFilters.length > 0\">\n        <div class=\"flex-center gap-2 mb-3 wrap-on-small\">\n          <Button\n            label=\"Szűrők megnyitása\"\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 class=\"flex-center gap-1\">\n            <FilterTags\n              :filters=\"activeFilters\"\n              :items=\"resolvedFilters\"\n              @remove=\"(key: string) => dataFiltersRef?.clearFilter(key)\"\n              @openFilter=\"openFilter\"\n            />\n          </div>\n        </div>\n        <DataFilters\n          ref=\"dataFiltersRef\"\n          :open=\"showFilters\"\n          :items=\"resolvedFilters\"\n          lazy\n          :handle-url=\"handleUrl\"\n          :storage-key=\"id\"\n          @close=\"showFilters = false\"\n          @change=\"onFilterChange\"\n        />\n      </template>\n\n      <div class=\"c-data-list__toolbar\">\n        <Button\n          label=\"Beállítások\"\n          icon=\"fa-solid fa-gear\"\n          class=\"c-data-list__toolbar__item\"\n          size=\"small\"\n          @click=\"showOptions = true\"\n        />\n        <Button\n          label=\"Súgó\"\n          icon=\"fa-solid fa-question\"\n          icon-position=\"right\"\n          class=\"c-data-list__toolbar__item ml-auto\"\n          label-alignment-fix\n          size=\"small\"\n          @click=\"showGuide = true\"\n        />\n      </div>\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-components89.js

@@ -1,5 +1,4 @@
 import './src/styles/components/data-table/data-list.scss_vue_type_style_index_0_src_true_lang.css';
-import "./admins-components69.js";
 import e from "./admins-components87.js";
 /* empty css                    */
 //#region src/components/data-table/DataList.vue

package/dist/admins-components89.js.map

@@ -1 +1 @@
-{"version":3,"file":"admins-components89.js","names":[],"sources":["../src/components/data-table/DataList.vue"],"sourcesContent":["<script lang=\"ts\">\nexport { getDefaultPaginator } from '@/components/data-table/DataPaginator.vue'\nexport type { PaginatorSettings } from '@/types/data-list'\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  filters?: FilterItem[]\n  historyEnabled?: boolean\n  loading?: boolean\n  handleUrl?: boolean\n}\n\nexport const dataListDefaults = {\n  layoutBreakpoint: 768,\n  orderable: true,\n  historyEnabled: true,\n  loading: false,\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  getFilterParams,\n  type FilterItem,\n} from '@/components/data-table/DataFilters.vue'\nimport FilterTags from '@/components/data-table/FilterTags.vue'\nimport DataListGuide from '@/components/data-table/DataListGuide.vue'\n\nconst dataFiltersRef = ref<InstanceType<typeof DataFilters> | null>(null)\n\nconst props = withDefaults(defineProps<DataListProps>(), {\n  ...dataListDefaults,\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}>()\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 hasTextFilter = computed(() =>\n  props.filters?.some((item) => item.type === 'text' || item.type === 'textarea'),\n)\n\nconst exactMatchFilterItem: FilterItem = {\n  type: 'checkbox',\n  key: 'exactMatch',\n  label: 'Pontos egyezés',\n  fullWidth: true,\n  config: {\n    labelAlignmentFix: true,\n  },\n  displayClass: 'highlight-chip',\n}\n\nfunction ensureExactMatchItem(items: FilterItem[]): FilterItem[] {\n  if (!hasTextFilter.value) return items\n  if (items.some((i) => i.key === 'exactMatch')) return items\n\n  return [exactMatchFilterItem, ...items]\n}\n\nconst resolvedFilters = computed<FilterItem[]>(() => ensureExactMatchItem(props.filters ?? []))\n\nconst activeFilters = ref<Record<string, any>>(\n  props.filters ? (getFilterParams(resolvedFilters.value) ?? {}) : {},\n)\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(values: Record<string, any>) {\n  activeFilters.value = values\n  emit('filter-change', values)\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</script>\n\n<template>\n  <div class=\"ac-component\">\n    <div ref=\"root\" class=\"c-data-list\">\n      <template v-if=\"resolvedFilters && resolvedFilters.length > 0\">\n        <div class=\"flex-center gap-2 mb-3 wrap-on-small\">\n          <Button\n            label=\"Szűrők megnyitása\"\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 class=\"flex-center gap-1\">\n            <FilterTags\n              :filters=\"activeFilters\"\n              :items=\"resolvedFilters\"\n              @remove=\"(key: string) => dataFiltersRef?.clearFilter(key)\"\n              @openFilter=\"openFilter\"\n            />\n          </div>\n        </div>\n        <DataFilters\n          ref=\"dataFiltersRef\"\n          :open=\"showFilters\"\n          :items=\"resolvedFilters\"\n          lazy\n          :handle-url=\"handleUrl\"\n          :storage-key=\"id\"\n          @close=\"showFilters = false\"\n          @change=\"onFilterChange\"\n        />\n      </template>\n\n      <div class=\"c-data-list__toolbar\">\n        <Button\n          label=\"Beállítások\"\n          icon=\"fa-solid fa-gear\"\n          class=\"c-data-list__toolbar__item\"\n          size=\"small\"\n          @click=\"showOptions = true\"\n        />\n        <Button\n          label=\"Súgó\"\n          icon=\"fa-solid fa-question\"\n          icon-position=\"right\"\n          class=\"c-data-list__toolbar__item ml-auto\"\n          label-alignment-fix\n          size=\"small\"\n          @click=\"showGuide = true\"\n        />\n      </div>\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-components89.js","names":[],"sources":["../src/components/data-table/DataList.vue"],"sourcesContent":["<script lang=\"ts\">\nexport type { PaginatorSettings } from '@/types/data-list'\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  filters?: FilterItem[]\n  historyEnabled?: boolean\n  loading?: boolean\n  handleUrl?: boolean\n}\n\nexport const dataListDefaults = {\n  layoutBreakpoint: 768,\n  orderable: true,\n  historyEnabled: true,\n  loading: false,\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 FilterItem,\n  type FilterResponse,\n} from '@/components/data-table/DataFilters.vue'\nimport FilterTags from '@/components/data-table/FilterTags.vue'\nimport DataListGuide from '@/components/data-table/DataListGuide.vue'\nimport { getFilterParams } from '@/utils/dataFilters'\n\nconst dataFiltersRef = ref<InstanceType<typeof DataFilters> | null>(null)\n\nconst props = withDefaults(defineProps<DataListProps>(), {\n  ...dataListDefaults,\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}>()\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 hasTextFilter = computed(() =>\n  props.filters?.some((item) => item.type === 'text' || item.type === 'textarea'),\n)\n\nconst exactMatchFilterItem: FilterItem = {\n  type: 'checkbox',\n  key: 'exactMatch',\n  label: 'Pontos egyezés',\n  fullWidth: true,\n  config: {\n    labelAlignmentFix: true,\n  },\n  displayClass: 'highlight-chip',\n}\n\nfunction ensureExactMatchItem(items: FilterItem[]): FilterItem[] {\n  if (!hasTextFilter.value) return items\n  if (items.some((i) => i.key === 'exactMatch')) return items\n\n  return [exactMatchFilterItem, ...items]\n}\n\nconst resolvedFilters = computed<FilterItem[]>(() => ensureExactMatchItem(props.filters ?? []))\n\nconst activeFilters = ref<Record<string, any>>(\n  props.filters ? (getFilterParams(resolvedFilters.value) ?? {}) : {},\n)\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</script>\n\n<template>\n  <div class=\"ac-component\">\n    <div ref=\"root\" class=\"c-data-list\">\n      <template v-if=\"resolvedFilters && resolvedFilters.length > 0\">\n        <div class=\"flex-center gap-2 mb-3 wrap-on-small\">\n          <Button\n            label=\"Szűrők megnyitása\"\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 class=\"flex-center gap-1\">\n            <FilterTags\n              :filters=\"activeFilters\"\n              :items=\"resolvedFilters\"\n              @remove=\"(key: string) => dataFiltersRef?.clearFilter(key)\"\n              @openFilter=\"openFilter\"\n            />\n          </div>\n        </div>\n        <DataFilters\n          ref=\"dataFiltersRef\"\n          :open=\"showFilters\"\n          :items=\"resolvedFilters\"\n          lazy\n          :handle-url=\"handleUrl\"\n          :storage-key=\"id\"\n          @close=\"showFilters = false\"\n          @change=\"onFilterChange\"\n        />\n      </template>\n\n      <div class=\"c-data-list__toolbar\">\n        <Button\n          label=\"Beállítások\"\n          icon=\"fa-solid fa-gear\"\n          class=\"c-data-list__toolbar__item\"\n          size=\"small\"\n          @click=\"showOptions = true\"\n        />\n        <Button\n          label=\"Súgó\"\n          icon=\"fa-solid fa-question\"\n          icon-position=\"right\"\n          class=\"c-data-list__toolbar__item ml-auto\"\n          label-alignment-fix\n          size=\"small\"\n          @click=\"showGuide = true\"\n        />\n      </div>\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/DataFilters.vue.d.ts

@@ -1,8 +1,6 @@
 import { SidebarPosition } from '../Sidebar.vue';
 import { FilterItemType } from '../../types/types';
 import { DropdownOption } from '../DropdownSelect.vue';
-import { getFilterParams } from '../../utils/filterUrlSync';
-export { getFilterParams };
 export interface FilterItem {
     type: FilterItemType;
     key: string;
@@ -13,6 +11,11 @@ export interface FilterItem {
     fullWidth?: boolean;
     config?: Record<string, any>;
     displayClass?: string;
+    transformer?: (value: any) => Record<string, any> | null | undefined;
+}
+export interface FilterResponse {
+    values: Record<string, any>;
+    transformed: Record<string, any>;
 }
 declare const _default: typeof __VLS_export;
 export default _default;
@@ -28,7 +31,7 @@ declare const __VLS_export: import('vue').DefineComponent<{
     clearFilter: (key: string) => void;
     focusFilter: (key: string) => void;
 }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-    change: (filters: Record<string, any>) => any;
+    change: (response: FilterResponse) => any;
     close: () => any;
 }, string, import('vue').PublicProps, Readonly<{
     open?: boolean;
@@ -39,7 +42,7 @@ declare const __VLS_export: import('vue').DefineComponent<{
     historyEnabled?: boolean;
     storageKey?: string;
 }> & Readonly<{
-    onChange?: ((filters: Record<string, any>) => any) | undefined;
+    onChange?: ((response: FilterResponse) => any) | undefined;
     onClose?: (() => any) | undefined;
 }>, {
     lazy: boolean;

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

@@ -1,6 +1,5 @@
 import { DataListConfig, DataListSettings, PageSettings, PaginatorSettings, FilterValue } from '../../types/data-list';
 import { FilterItem } from './DataFilters.vue';
-export { getDefaultPaginator } from './DataPaginator.vue';
 export type { PaginatorSettings } from '../../types/data-list';
 export interface DataListProps {
     config: DataListConfig;

package/dist/src/index.d.ts

@@ -15,8 +15,9 @@ export { default as ImagePicker } from './components/custom/ImagePicker.vue';
 export { default as InternalArticleOffer } from './components/custom/InternalArticleOffer.vue';
 export { default as Loader } from './components/Loader.vue';
 export { default as ToastNotification } from './components/ToastNotification.vue';
-export { default as DataList, dataListDefaults, getDefaultPaginator, } from './components/data-table/DataList.vue';
-export { getFilterParams } from './components/data-table/DataFilters.vue';
+export { default as DataList, dataListDefaults } from './components/data-table/DataList.vue';
+export { getDefaultPaginator } from './components/data-table/DataPaginator.vue';
+export { getFilterParams, getDefaultFilters, filterEmptyValues, writeFilterParams, } from './utils/dataFilters';
 export { default as DataTable } from './components/data-table/DataTable.vue';
 export { default as DataCards } from './components/data-table/DataCards.vue';
 export { default as DataFilters } from './components/data-table/DataFilters.vue';

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

@@ -0,0 +1 @@
+export declare const getCurrentSite: () => string | undefined;

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

@@ -0,0 +1,5 @@
+import { FilterItem } from '../components/data-table/DataFilters.vue';
+export declare function getFilterParams(items: FilterItem[]): Record<string, unknown> | null;
+export declare function getDefaultFilters(items: FilterItem[]): Record<string, unknown>;
+export declare function filterEmptyValues(filters: Record<string, any>): Record<string, any>;
+export declare function writeFilterParams(items: FilterItem[], vals: Record<string, unknown>): void;

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

@@ -0,0 +1,6 @@
+import { Column, Action, ActionGroup } from '../types/data-list';
+import { DropdownMenuItem } from '../components/DropdownMenu.vue';
+export declare function getColumnValue(item: Record<string, unknown>, col: Column | undefined): any;
+export declare function isUuid(str: string): boolean;
+export declare function isActionGroup(entry: Action | ActionGroup): entry is ActionGroup;
+export declare function buildActionGroupMenuItems(group: ActionGroup, item: Record<string, unknown>): DropdownMenuItem[];

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

@@ -0,0 +1,24 @@
+type Converter = (value: unknown, item?: unknown) => unknown;
+export declare function utcToLocalString(time?: boolean, format?: string): Converter;
+export declare function shortUuid(length?: number): Converter;
+export declare function localToLocalString(format?: string): Converter;
+export declare function textEllipse(max?: number, suffix?: string): Converter;
+export declare function booleanToString(trueLabel?: string, falseLabel?: string, fallback?: string): Converter;
+export declare function enumMap<T = unknown>(map: Record<string, T>, fallback?: T): Converter;
+export declare function formatNumber(decimals?: number, locale?: string): Converter;
+export declare function formatCurrency(currencyCode?: string, locale?: string, decimals?: number): Converter;
+export declare function listToString(separator?: string): Converter;
+export declare const identity: Converter;
+export declare const dataListConverters: {
+    readonly utcToLocalString: typeof utcToLocalString;
+    readonly localToLocalString: typeof localToLocalString;
+    readonly shortUuid: typeof shortUuid;
+    readonly textEllipse: typeof textEllipse;
+    readonly booleanToString: typeof booleanToString;
+    readonly enumMap: typeof enumMap;
+    readonly formatNumber: typeof formatNumber;
+    readonly formatCurrency: typeof formatCurrency;
+    readonly listToString: typeof listToString;
+    readonly identity: Converter;
+};
+export {};

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

@@ -0,0 +1,10 @@
+export declare function formatDate(date: Date, format: string): string;
+export declare function parseDate(value: string, format: string): Date | null;
+export declare function localToUTCString(date: Date, includeTime?: boolean): string;
+export declare function castToDate(v: any): Date | null;
+export declare function startOfDay(date: Date): Date;
+export declare function endOfDay(date: Date): Date;
+export declare function startOfWeek(date: Date): Date;
+export declare function isSameCalendarDay(a: Date, b: Date): boolean;
+export declare function laterOf(a: Date | null | undefined, b: Date | null | undefined): Date | null;
+export declare function earlierOf(a: Date | null | undefined, b: Date | null | undefined): Date | null;

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

@@ -0,0 +1 @@
+export declare function debounce<T extends (...args: any[]) => any>(fn: T, delay?: number): (...args: Parameters<T>) => void;

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

@@ -0,0 +1,3 @@
+import { ControlSize } from '../types/types';
+export declare function sizeToClass(size: ControlSize | undefined, prefix?: string): string;
+export declare function typeToClass(type: string | undefined, prefix?: string): string;

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

@@ -0,0 +1,10 @@
+import { FilterItem } from '../components/data-table/DataFilters.vue';
+export declare function displayFilterValue(items: FilterItem[], key: string, value: any): string;
+export declare function parseDropdownValue(value: any): unknown;
+export interface FilterDisplayPart {
+    key: string;
+    text: string;
+    displayClass?: string;
+}
+export declare function buildFilterDisplay(items: FilterItem[], values: Record<string, any>): FilterDisplayPart[];
+export declare function buildFilterValues(items: FilterItem[], values: Record<string, any>): string[];

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

@@ -0,0 +1 @@
+export declare const isIpInUrl: (url: string) => boolean;

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

@@ -0,0 +1,3 @@
+export declare function deepMerge(target: Record<string, any>, source: Record<string, any>): {
+    [x: string]: any;
+};

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

@@ -0,0 +1,33 @@
+import { PickedDate } from '../types/types';
+export type PredefinedRangeKey = 'lastDay' | 'thisDay' | 'lastWeek' | 'thisWeek' | 'lastMonth' | 'thisMonth';
+export interface PredefinedRange {
+    key: PredefinedRangeKey;
+    label: string;
+}
+export declare const predefinedRanges: PredefinedRange[];
+export declare function computePredefinedRange(key: PredefinedRangeKey, now?: Date): {
+    from: Date;
+    to: Date;
+};
+export declare function applyPredefinedRange(key: PredefinedRangeKey, options: {
+    showTime: boolean;
+    now?: Date;
+}): {
+    from: PickedDate;
+    to: PickedDate;
+};
+export declare function matchPredefinedRange(fromLocal: Date, toLocal: Date, options: {
+    showTime: boolean;
+    now?: Date;
+}): PredefinedRangeKey | null;
+export declare function isPredefinedRangeInBounds(key: PredefinedRangeKey, bounds: {
+    minDate?: Date | null;
+    maxDate?: Date | null;
+    showTime: boolean;
+    now?: Date;
+}): boolean;
+export declare function canStepInBounds(from: Date, to: Date, delta: number, bounds: {
+    minDate?: Date | null;
+    maxDate?: Date | null;
+    showTime: boolean;
+}): boolean;

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

@@ -0,0 +1,4 @@
+export declare function getUrlParam(key: string): string | null;
+export declare function setUrlParam(key: string, value: string | number): void;
+export declare function removeUrlParam(key?: string): void;
+export declare function joinUrl(...parts: string[]): string;

package/package.json

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