admins-components 9.0.67 → 9.0.69

package/dist/admins-components.js

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

package/dist/admins-components103.js

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

package/dist/admins-components103.js.map

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

package/dist/admins-components105.js.map

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