admins-components 9.0.84 → 9.0.86

package/dist/admins-components103.js

@@ -6,18 +6,18 @@ import { getDefaultPaginator as i } from "./admins-components80.js";
 import a from "./admins-components82.js";
 import { getDefaultSort as o } from "./admins-components83.js";
 import s from "./admins-components85.js";
-import { getDefaultFilterValues as c, getDefaultFilters as l } from "./admins-components87.js";
-import u from "./admins-components93.js";
-import d from "./admins-components96.js";
-import f from "./admins-components99.js";
-import { getDefaultSearch as p } from "./admins-components100.js";
-import ee from "./admins-components102.js";
-import { computed as m, createBlock as h, createCommentVNode as g, createElementBlock as _, createElementVNode as v, createSlots as y, createVNode as b, defineComponent as x, guardReactiveProps as S, mergeDefaults as C, mergeProps as w, normalizeClass as te, normalizeProps as T, onBeforeUnmount as ne, onMounted as re, openBlock as E, ref as D, renderList as O, renderSlot as k, useSlots as A, withCtx as j } from "vue";
+import { getDefaultFilterValues as c, getDefaultFilters as ee } from "./admins-components87.js";
+import l from "./admins-components93.js";
+import u from "./admins-components96.js";
+import d from "./admins-components99.js";
+import { getDefaultSearch as f } from "./admins-components100.js";
+import te from "./admins-components102.js";
+import { computed as p, createBlock as m, createCommentVNode as h, createElementBlock as g, createElementVNode as _, createSlots as v, createVNode as y, defineComponent as b, guardReactiveProps as x, mergeDefaults as S, mergeProps as C, normalizeClass as ne, normalizeProps as w, onBeforeUnmount as re, onMounted as ie, openBlock as T, ref as E, renderList as D, renderSlot as O, useSlots as k, withCtx as A } from "vue";
 //#region src/components/data-table/DataList.vue?vue&type=script&setup=true&lang.ts
-var M = { class: "c-data-list__toolbar" }, N = {
+var j = { class: "c-data-list__toolbar" }, M = {
 	key: 2,
 	class: "flex-center gap-1 flex-center-wrap-on-mobile"
-}, P = { class: "c-data-list__toolbar__right" }, F = {
+}, N = { class: "c-data-list__toolbar__right" }, P = {
 	layoutBreakpoint: 768,
 	orderable: !0,
 	loading: !1,
@@ -26,8 +26,8 @@ var M = { class: "c-data-list__toolbar" }, N = {
 	handleUrl: !1,
 	fillHeight: !1
 };
-function I(e, t) {
-	let n = i(t), r = o(), a = p(), s = c(e, t, !0);
+function F(e, t) {
+	let n = i(t), r = o(), a = f(), s = c(e, t, !0);
 	return {
 		...n,
 		...r,
@@ -35,9 +35,9 @@ function I(e, t) {
 		...s
 	};
 }
-var L = /*@__PURE__*/ x({
+var I = /*@__PURE__*/ b({
 	__name: "DataList",
-	props: /*@__PURE__*/ C({
+	props: /*@__PURE__*/ S({
 		config: {},
 		items: {},
 		settings: {},
@@ -53,7 +53,7 @@ var L = /*@__PURE__*/ x({
 		filterConfig: {},
 		fillHeight: { type: Boolean }
 	}, {
-		...F,
+		...P,
 		searchConfig: void 0,
 		filterConfig: void 0
 	}),
@@ -65,147 +65,149 @@ var L = /*@__PURE__*/ x({
 		"sort-change",
 		"search-change"
 	],
-	setup(i, { expose: c, emit: p }) {
-		let x = D(null), C = A(), F = m(() => !!C.actions), I = i;
-		function L(e) {
-			let t = I[e];
-			return t && Object.hasOwn(t, "handleUrl") ? t.handleUrl : I.handleUrl;
+	setup(i, { expose: c, emit: f }) {
+		let b = E(null), S = k(), P = p(() => !!S.actions), F = i;
+		function I(e) {
+			let t = F[e];
+			return t && Object.hasOwn(t, "handleUrl") ? t.handleUrl : F.handleUrl;
 		}
-		let R = m(() => ({
-			...I.searchConfig,
-			handleUrl: L("searchConfig")
-		})), z = m(() => ({
-			...I.filterConfig,
-			handleUrl: L("filterConfig"),
-			lazy: U.value == null ? I.filterConfig?.lazy ?? !0 : !U.value.filtersEager
-		})), B = p, V = D(!1), H = D(!1), U = D(null), W = D(!1), G = D(null), K = D(!1), q = D(I.filterConfig?.items ? l(I.filterConfig.items, I.id, !1) : {}), J = null;
-		re(() => {
-			J = new ResizeObserver((e) => {
-				W.value = (e[0]?.contentRect.width ?? 0) < I.layoutBreakpoint;
-			}), G.value && J.observe(G.value);
-		}), ne(() => J?.disconnect());
-		let ie = m(() => {
-			let e = U.value?.layout;
-			return e === "table" || e === "cards" ? e : W.value ? "cards" : "table";
-		}), Y = m(() => {
-			if (!U.value) return I.config;
-			let e = U.value.columnOrder, t = I.config.columns.map((e) => ({
+		let L = p(() => ({
+			...F.searchConfig,
+			handleUrl: I("searchConfig")
+		})), R = p(() => ({
+			...F.filterConfig,
+			handleUrl: I("filterConfig"),
+			lazy: H.value == null ? F.filterConfig?.lazy ?? !0 : !H.value.filtersEager
+		})), z = f, B = E(!1), V = E(!1), H = E(null), U = E(!1), W = E(null), G = E(!1), K = E(F.filterConfig?.items ? ee(F.filterConfig.items, F.id, !1) : {}), q = null;
+		ie(() => {
+			q = new ResizeObserver((e) => {
+				U.value = (e[0]?.contentRect.width ?? 0) < F.layoutBreakpoint;
+			}), W.value && q.observe(W.value);
+		}), re(() => q?.disconnect());
+		let ae = p(() => {
+			let e = H.value?.layout;
+			return e === "table" || e === "cards" ? e : U.value ? "cards" : "table";
+		}), J = p(() => {
+			if (!H.value) return F.config;
+			let e = H.value.columnOrder, t = F.config.columns.map((e) => ({
 				...e,
-				visible: U.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);
 			}), {
-				...I.config,
+				...F.config,
 				columns: t
 			};
 		});
-		function ae(e) {
-			U.value = e, B("settings-change", e);
+		function oe(e) {
+			H.value = e, z("settings-change", e);
 		}
 		c({
-			openOptions: () => V.value = !0,
-			closeOptions: () => V.value = !1,
-			openFilters: () => K.value = !0,
-			closeFilters: () => K.value = !1
+			openOptions: () => B.value = !0,
+			closeOptions: () => B.value = !1,
+			openFilters: () => G.value = !0,
+			closeFilters: () => G.value = !1
 		});
-		async function oe(e) {
-			K.value = !0, setTimeout(() => {
-				x.value?.focusFilter(e);
+		async function se(e) {
+			G.value = !0, setTimeout(() => {
+				b.value?.focusFilter(e);
 			}, 300);
 		}
-		function se(e) {
-			q.value = e.values, B("filter-change", e.transformed);
+		function ce(e) {
+			K.value = e.values, z("filter-change", e.transformed);
 		}
-		let X = m(() => Object.values(q.value).filter((e) => e != null && e !== "").length), ce = m(() => !!I.pagination && (I.items.length > 0 || !I.loading)), le = (e) => {
-			B("search-change", e);
-		}, Z = m(() => I.config.columns.filter((e) => e.sort).map((e) => ({
+		let Y = p(() => Object.values(K.value).filter((e) => e != null && e !== "").length), le = p(() => !!F.pagination && (F.items.length > 0 || !F.loading)), ue = (e) => {
+			z("search-change", e);
+		}, X = p(() => F.config.columns.filter((e) => e.sort).map((e) => ({
 			value: e.property,
 			label: e.label
-		}))), Q = D(I.handleUrl ? o() : null), $ = (e) => {
-			Q.value = e, B("sort-change", e);
+		}))), Z = p(() => !!F.config.selectableAttr), Q = E(F.handleUrl ? o() : null), $ = (e) => {
+			Q.value = e, z("sort-change", e);
 		};
-		return (o, c) => (E(), _("div", {
+		return (o, c) => (T(), g("div", {
 			ref_key: "root",
-			ref: G,
-			class: te(["ac-component c-data-list", { "c-data-list--fill-height": i.fillHeight }])
+			ref: W,
+			class: ne(["ac-component c-data-list", { "c-data-list--fill-height": i.fillHeight }])
 		}, [
-			v("div", M, [
-				i.useSearch ? (E(), h(ee, w({ key: 0 }, R.value, { onSearchChange: le }), null, 16)) : g("", !0),
-				i.useFilters && i.filterConfig?.items && i.filterConfig.items.length > 0 ? (E(), h(e, {
+			_("div", j, [
+				i.useSearch ? (T(), m(te, C({ key: 0 }, L.value, { onSearchChange: ue }), null, 16)) : h("", !0),
+				i.useFilters && i.filterConfig?.items && i.filterConfig.items.length > 0 ? (T(), m(e, {
 					key: 1,
 					label: "Szűrők",
 					icon: "fa-solid fa-filter",
-					onClick: c[0] ||= (e) => K.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"])) : g("", !0),
-				i.useFilters && i.filterConfig?.items && i.filterConfig.items.length > 0 ? (E(), _("div", N, [b(d, {
-					filters: q.value,
+					type: Y.value > 0 ? "primary" : "normal",
+					indicator: Y.value > 0 ? Y.value : void 0
+				}, null, 8, ["type", "indicator"])) : h("", !0),
+				i.useFilters && i.filterConfig?.items && i.filterConfig.items.length > 0 ? (T(), g("div", M, [y(u, {
+					filters: K.value,
 					items: i.filterConfig.items,
 					compact: "",
-					onRemove: c[1] ||= (e) => x.value?.clearFilter(e),
-					onOpenFilter: oe
-				}, null, 8, ["filters", "items"])])) : g("", !0),
-				v("div", P, [
-					Z.value.length > 0 ? (E(), h(s, {
+					onRemove: c[1] ||= (e) => b.value?.clearFilter(e),
+					onOpenFilter: se
+				}, null, 8, ["filters", "items"])])) : h("", !0),
+				_("div", N, [
+					X.value.length > 0 ? (T(), m(s, {
 						key: 0,
 						modelValue: Q.value,
 						"onUpdate:modelValue": c[2] ||= (e) => Q.value = e,
-						options: Z.value,
+						options: X.value,
 						"handle-url": i.handleUrl,
 						onSortChange: $
 					}, null, 8, [
 						"modelValue",
 						"options",
 						"handle-url"
-					])) : g("", !0),
-					b(e, {
+					])) : h("", !0),
+					Z.value ? h("", !0) : (T(), m(e, {
+						key: 1,
 						icon: "fa-solid fa-gear",
 						class: "lh-normal settings-btn",
 						ariaLabel: "Beállítások",
-						onClick: c[3] ||= (e) => V.value = !0
-					}),
-					b(e, {
+						onClick: c[3] ||= (e) => B.value = !0
+					})),
+					Z.value ? h("", !0) : (T(), m(e, {
+						key: 2,
 						icon: "fa-solid fa-question",
 						class: "lh-normal",
-						onClick: c[4] ||= (e) => H.value = !0,
+						onClick: c[4] ||= (e) => V.value = !0,
 						ariaLabel: "Súgó"
-					})
+					}))
 				])
 			]),
-			i.useFilters && i.filterConfig?.items && i.filterConfig.items.length > 0 ? (E(), h(u, w({
+			i.useFilters && i.filterConfig?.items && i.filterConfig.items.length > 0 ? (T(), m(l, C({
 				key: 0,
 				ref_key: "dataFiltersRef",
-				ref: x
-			}, z.value, {
+				ref: b
+			}, R.value, {
 				"storage-key": i.id,
-				open: K.value,
-				onClose: c[5] ||= (e) => K.value = !1,
-				onChange: se
-			}), null, 16, ["storage-key", "open"])) : g("", !0),
-			b(f, {
-				open: H.value,
-				onClose: c[6] ||= (e) => H.value = !1
+				open: G.value,
+				onClose: c[5] ||= (e) => G.value = !1,
+				onChange: ce
+			}), null, 16, ["storage-key", "open"])) : h("", !0),
+			y(d, {
+				open: V.value,
+				onClose: c[6] ||= (e) => V.value = !1
 			}, null, 8, ["open"]),
-			ie.value === "table" ? (E(), h(t, {
+			ae.value === "table" ? (T(), m(t, {
 				key: 1,
-				config: Y.value,
+				config: J.value,
 				loading: i.loading,
 				items: i.items,
-				settings: U.value ?? void 0,
+				settings: H.value ?? void 0,
 				"initial-sort": Q.value,
-				onFilterChange: c[7] ||= (e) => B("filter-change", e),
-				onSelectionChange: c[8] ||= (e) => B("selection-change", e),
+				onFilterChange: c[7] ||= (e) => z("filter-change", e),
+				onSelectionChange: c[8] ||= (e) => z("selection-change", e),
 				onSortChange: $
-			}, y({ _: 2 }, [O(Y.value.columns, (e) => ({
+			}, v({ _: 2 }, [D(J.value.columns, (e) => ({
 				name: `cell:${e.property}`,
-				fn: j((t) => [k(o.$slots, `cell:${e.property}`, T(S(t)))])
-			})), F.value ? {
+				fn: A((t) => [O(o.$slots, `cell:${e.property}`, w(x(t)))])
+			})), P.value && !Z.value ? {
 				name: "actions",
-				fn: j((e) => [k(o.$slots, "actions", T(S(e)))]),
+				fn: A((e) => [O(o.$slots, "actions", w(x(e)))]),
 				key: "0"
 			} : void 0]), 1032, [
 				"config",
@@ -213,19 +215,19 @@ var L = /*@__PURE__*/ x({
 				"items",
 				"settings",
 				"initial-sort"
-			])) : (E(), h(n, {
+			])) : (T(), m(n, {
 				key: 2,
-				config: Y.value,
+				config: J.value,
 				loading: i.loading,
 				items: i.items,
-				settings: U.value ?? void 0,
-				onSelectionChange: c[9] ||= (e) => B("selection-change", e)
-			}, y({ _: 2 }, [O(Y.value.columns, (e) => ({
+				settings: H.value ?? void 0,
+				onSelectionChange: c[9] ||= (e) => z("selection-change", e)
+			}, v({ _: 2 }, [D(J.value.columns, (e) => ({
 				name: `cell:${e.property}`,
-				fn: j((t) => [k(o.$slots, `cell:${e.property}`, T(S(t)))])
-			})), F.value ? {
+				fn: A((t) => [O(o.$slots, `cell:${e.property}`, w(x(t)))])
+			})), P.value && !Z.value ? {
 				name: "actions",
-				fn: j((e) => [k(o.$slots, "actions", T(S(e)))]),
+				fn: A((e) => [O(o.$slots, "actions", w(x(e)))]),
 				key: "0"
 			} : void 0]), 1032, [
 				"config",
@@ -233,25 +235,27 @@ var L = /*@__PURE__*/ x({
 				"items",
 				"settings"
 			])),
-			i.pagination && ce.value ? (E(), h(a, {
+			i.pagination && le.value ? (T(), m(a, {
 				key: 3,
 				settings: i.pagination,
 				"storage-key": i.id,
 				"handle-url": i.handleUrl,
-				"onUpdate:pagination": c[10] ||= (e) => B("pagination-change", e)
+				"font-size": H.value?.fontSize ?? "normal",
+				"onUpdate:pagination": c[10] ||= (e) => z("pagination-change", e)
 			}, null, 8, [
 				"settings",
 				"storage-key",
-				"handle-url"
-			])) : g("", !0),
-			b(r, {
-				open: V.value,
+				"handle-url",
+				"font-size"
+			])) : h("", !0),
+			y(r, {
+				open: B.value,
 				columns: i.config.columns,
 				settings: i.settings ?? {},
 				"storage-key": i.id,
 				orderable: i.orderable,
-				onClose: c[11] ||= (e) => V.value = !1,
-				onChange: ae
+				onClose: c[11] ||= (e) => B.value = !1,
+				onChange: oe
 			}, null, 8, [
 				"open",
 				"columns",
@@ -263,4 +267,4 @@ var L = /*@__PURE__*/ x({
 	}
 });
 //#endregion
-export { F as dataListDefaults, L as default, I as getDefaultFetchData };
+export { P as dataListDefaults, I as default, F 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 = getDefaultFilterValues(filters, storageKey, true)\n\n  return {\n    ...defaultPaginator,\n    ...defaultSort,\n    ...defaultSearch,\n    ...defaultFilters,\n  }\n}\n</script>\n\n<script setup lang=\"ts\">\nimport { ref, computed, onMounted, onBeforeUnmount, useSlots } from 'vue'\nimport DataTable from '@/components/data-table/DataTable.vue'\nimport DataCards from '@/components/data-table/DataCards.vue'\nimport DataListOptions from '@/components/data-table/DataListOptions.vue'\nimport DataPaginator, { getDefaultPaginator } from '@/components/data-table/DataPaginator.vue'\nimport Button from '@/components/Button.vue'\nimport DataSort, { getDefaultSort, type DataSortOption } from '@/components/data-table/DataSort.vue'\nimport type {\n  DataListConfig,\n  DataListSettings,\n  PageSettings,\n  PaginatorSettings,\n} from '@/types/data-list'\nimport type { FilterValue } from '@/types/data-list'\nimport DataFilters, {\n  type FilterResponse,\n  type DataFiltersProps,\n  type FilterItem,\n} from '@/components/data-table/DataFilters.vue'\nimport FilterTags from '@/components/data-table/FilterTags.vue'\nimport DataListGuide from '@/components/data-table/DataListGuide.vue'\nimport DataSearch, { getDefaultSearch, type DataSearchProps } from './DataSearch.vue'\nimport { getDefaultFilters, getDefaultFilterValues } from '@/utils/dataFilters.ts'\n\nconst dataFiltersRef = ref<InstanceType<typeof DataFilters> | null>(null)\nconst slots = useSlots()\nconst hasActionsSlot = computed(() => !!slots.actions)\n\nconst props = withDefaults(defineProps<DataListProps>(), {\n  ...dataListDefaults,\n  searchConfig: undefined,\n  filterConfig: undefined,\n})\n\nfunction resolvedHandleUrl(side: 'searchConfig' | 'filterConfig'): boolean | undefined {\n  const sideConfig = props[side]\n  if (sideConfig && Object.hasOwn(sideConfig as object, 'handleUrl')) {\n    return (sideConfig as { handleUrl?: boolean }).handleUrl\n  }\n  return props.handleUrl\n}\n\nconst mergedSearchConfig = computed<DataSearchProps>(() => ({\n  ...props.searchConfig,\n  handleUrl: resolvedHandleUrl('searchConfig'),\n}))\n\nconst mergedFilterConfig = computed<DataFiltersProps>(() => ({\n  ...(props.filterConfig as DataFiltersProps),\n  handleUrl: resolvedHandleUrl('filterConfig'),\n  lazy:\n    resolvedSettings.value != null\n      ? !resolvedSettings.value.filtersEager\n      : (props.filterConfig?.lazy ?? true),\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  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":";;;;;;;;;;;;;;;;;;;iDAsBa,IAAmB;CAC9B,kBAAkB;CAClB,WAAW;CACX,SAAS;CACT,WAAW;CACX,YAAY;CACZ,WAAW;CACX,YAAY;AACd;AAEA,SAAgB,EAAoB,GAAuB,GAAoB;CAC7E,IAAM,IAAmB,EAAoB,CAAU,GACjD,IAAc,EAAe,GAC7B,IAAgB,EAAiB,GACjC,IAAiB,EAAuB,GAAS,GAAY,EAAI;CAEvE,OAAO;EACL,GAAG;EACH,GAAG;EACH,GAAG;EACH,GAAG;CACL;AACF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA4BA,IAAM,IAAiB,EAA6C,IAAI,GAClE,IAAQ,EAAS,GACjB,IAAiB,QAAe,CAAC,CAAC,EAAM,OAAO,GAE/C,IAAQ;EAMd,SAAS,EAAkB,GAA4D;GACrF,IAAM,IAAa,EAAM;GAIzB,OAHI,KAAc,OAAO,OAAO,GAAsB,WAAW,IACvD,EAAuC,YAE1C,EAAM;EACf;EAEA,IAAM,IAAqB,SAAiC;GAC1D,GAAG,EAAM;GACT,WAAW,EAAkB,cAAc;EAC7C,EAAE,GAEI,IAAqB,SAAkC;GAC3D,GAAI,EAAM;GACV,WAAW,EAAkB,cAAc;GAC3C,MACE,EAAiB,SAAS,OAErB,EAAM,cAAc,QAAQ,KAD7B,CAAC,EAAiB,MAAM;EAEhC,EAAE,GAEI,IAAO,GASP,IAAc,EAAI,EAAK,GACvB,IAAY,EAAI,EAAK,GACrB,IAAmB,EAA6B,IAAI,GACpD,IAAW,EAAI,EAAK,GACpB,IAAO,EAAwB,IAAI,GACnC,IAAc,EAAI,EAAK,GAEvB,IAAgB,EACpB,EAAM,cAAc,QAAQ,EAAkB,EAAM,aAAa,OAAO,EAAM,IAAI,EAAK,IAAI,CAAC,CAC9F,GACI,IAAwC;EAS5C,AAPA,SAAgB;GAId,AAHA,IAAiB,IAAI,gBAAgB,MAAY;IAC/C,EAAS,SAAS,EAAQ,EAAE,EAAE,YAAY,SAAS,KAAK,EAAM;GAChE,CAAC,GACG,EAAK,SAAO,EAAe,QAAQ,EAAK,KAAK;EACnD,CAAC,GAED,SAAsB,GAAgB,WAAW,CAAC;EAElD,IAAM,KAAkB,QAAkC;GACxD,IAAM,IAAS,EAAiB,OAAO;GAEvC,OADI,MAAW,WAAW,MAAW,UAAgB,IAC9C,EAAS,QAAQ,UAAU;EACpC,CAAC,GAEK,IAAiB,QAA+B;GACpD,IAAI,CAAC,EAAiB,OAAO,OAAO,EAAM;GAC1C,IAAM,IAAQ,EAAiB,MAAM,aAC/B,IAAS,EAAM,OAAO,QAAQ,KAAK,OAAO;IAC9C,GAAG;IACH,SAAS,EAAiB,MAAO,QAAQ,EAAE,aAAa,EAAE,YAAY;GACxE,EAAE;GAQF,OAPI,GAAO,UACT,EAAO,MAAM,GAAG,MAAM;IACpB,IAAM,IAAK,EAAM,QAAQ,EAAE,QAAQ,GAC7B,IAAK,EAAM,QAAQ,EAAE,QAAQ;IACnC,QAAQ,MAAO,KAAK,MAAM,MAAO,MAAO,KAAK,MAAM;GACrD,CAAC,GAEI;IAAE,GAAG,EAAM;IAAQ,SAAS;GAAO;EAC5C,CAAC;EAED,SAAS,GAAiB,GAAqB;GAE7C,AADA,EAAiB,QAAQ,GACzB,EAAK,mBAAmB,CAAC;EAC3B;EAEA,EAAa;GACX,mBAAoB,EAAY,QAAQ;GACxC,oBAAqB,EAAY,QAAQ;GACzC,mBAAoB,EAAY,QAAQ;GACxC,oBAAqB,EAAY,QAAQ;EAC3C,CAAC;EAED,eAAe,GAAW,GAAa;GAErC,AADA,EAAY,QAAQ,IACpB,iBAAiB;IACf,EAAe,OAAO,YAAY,CAAG;GACvC,GAAG,GAAG;EACR;EAEA,SAAS,GAAe,GAA0B;GAEhD,AADA,EAAc,QAAQ,EAAS,QAC/B,EAAK,iBAAiB,EAAS,WAAW;EAC5C;EAEA,IAAM,IAAqB,QACnB,OAAO,OAAO,EAAc,KAAK,CAAC,CAAC,QAAQ,MAAM,KAAK,QAAQ,MAAM,EAAE,CAAC,CAAC,MAChF,GAEM,KAAgB,QACd,CAAC,CAAC,EAAM,eAAe,EAAM,MAAM,SAAS,KAAK,CAAC,EAAM,QAChE,GAEM,MAAgB,MAA4C;GAChE,EAAK,iBAAiB,CAAK;EAC7B,GAEM,IAAkB,QACtB,EAAM,OAAO,QAAQ,QAAQ,MAAM,EAAE,IAAI,CAAC,CAAC,KAAK,OAAO;GAAE,OAAO,EAAE;GAAU,OAAO,EAAE;EAAM,EAAE,CAC/F,GAEM,IAAc,EAClB,EAAM,YAAY,EAAe,IAAI,IACvC,GAEM,KAAgB,MAA4D;GAEhF,AADA,EAAY,QAAQ,GACpB,EAAK,eAAe,CAAI;EAC1B;oBAIE,EAAA,GAAA,EAyHM,OAAA;GAxHA,SAAA;GAAJ,KAAI;GACJ,OAAK,GAAA,CAAC,4BAA0B,EAAA,4BACM,EAAA,WAAU,CAAA,CAAA;;GAEhD,EA6CM,OA7CN,GA6CM;IA5Cc,EAAA,aAAlB,EAAA,GAAA,EAAyF,IAAzF,EAAyF,EAAA,KAAA,EAAA,GAApD,EAAA,OAAkB,EAAG,gBAAe,GAAY,CAAA,GAAA,MAAA,EAAA,KAAA,EAAA,IAAA,EAAA;IAE7E,EAAA,cAAc,EAAA,cAAc,SAAS,EAAA,aAAa,MAAM,SAAM,KADtE,EAAA,GAAA,EAQE,GAAA;;KANA,OAAM;KACN,MAAK;KACJ,SAAK,AAAA,EAAA,QAAA,MAAE,EAAA,QAAW;KACnB,OAAA,EAAA,eAAA,IAAA;KACC,MAAM,EAAA,QAAkB,IAAA,YAAA;KACxB,WAAW,EAAA,QAAkB,IAAO,EAAA,QAAqB,KAAA;;IAIpD,EAAA,cAAc,EAAA,cAAc,SAAS,EAAA,aAAa,MAAM,SAAM,KAFtE,EAAA,GAAA,EAWM,OAXN,GAWM,CAPJ,EAME,GAAA;KALC,SAAS,EAAA;KACT,OAAO,EAAA,aAAa;KACrB,SAAA;KACC,UAAM,AAAA,EAAA,QAAG,MAAgB,EAAA,OAAgB,YAAY,CAAG;KACxD,cAAY;;IAGjB,EAqBM,OArBN,GAqBM;KAnBI,EAAA,MAAgB,SAAM,KAD9B,EAAA,GAAA,EAME,GAAA;;MAJS,YAAA,EAAA;MAAA,uBAAA,AAAA,EAAA,QAAA,MAAA,EAAW,QAAA;MACnB,SAAS,EAAA;MACT,cAAY,EAAA;MACC;;;;;;KAGhB,EAKE,GAAA;MAJA,MAAK;MACL,OAAM;MACN,WAAU;MACT,SAAK,AAAA,EAAA,QAAA,MAAE,EAAA,QAAW;;KAErB,EAKE,GAAA;MAJA,MAAK;MACL,OAAM;MACL,SAAK,AAAA,EAAA,QAAA,MAAE,EAAA,QAAS;MACjB,WAAU;;;;GAMR,EAAA,cAAc,EAAA,cAAc,SAAS,EAAA,aAAa,MAAM,SAAM,KAFtE,EAAA,GAAA,EAQE,GARF,EAQE;;IAPI,SAAA;IAAJ,KAAI;GAEI,GAAA,EAAA,OAAkB;IACzB,eAAa,EAAA;IACb,MAAM,EAAA;IACN,SAAK,AAAA,EAAA,QAAA,MAAE,EAAA,QAAW;IAClB,UAAQ;;GAEX,EAA8D,GAAA;IAA9C,MAAM,EAAA;IAAY,SAAK,AAAA,EAAA,QAAA,MAAE,EAAA,QAAS;;GAE1C,GAAA,UAAe,WADvB,EAAA,GAAA,EAqBY,GAAA;;IAnBT,QAAQ,EAAA;IACR,SAAS,EAAA;IACT,OAAO,EAAA;IACP,UAAU,EAAA,SAAoB,KAAA;IAC9B,gBAAc,EAAA;IACd,gBAAa,AAAA,EAAA,QAAA,MAAE,EAAI,iBAAkB,CAAM;IAC3C,mBAAgB,AAAA,EAAA,QAAA,MAAE,EAAI,oBAAqB,CAAM;IACpC;GAGE,GAAA,EAAA,EAAA,GAAA,EAAA,GAAA,CAAA,EAAA,EAAA,MAAe,UAAtB;IAEE,MAAA,QAAA,EAAI;IAEb,IAAA,GAF2B,MAAS,CAEpC,EAA0D,EAAA,QAAA,QAArC,EAAI,YAAQ,EAAA,EAAY,CAAS,CAAA,CAAA,CAAA,CAAA;KAExC,GAAA,EAAA,QAAA;IAAiB,MAAA;IAC/B,IAAA,GADwC,MAAS,CACjD,EAA0C,EAAA,QAAA,WAAA,EAAA,EAAb,CAAS,CAAA,CAAA,CAAA,CAAA;;;;;;;;GAI1C,CAAA,MAAA,EAAA,GAAA,EAkBY,GAAA;;IAhBT,QAAQ,EAAA;IACR,SAAS,EAAA;IACT,OAAO,EAAA;IACP,UAAU,EAAA,SAAoB,KAAA;IAC9B,mBAAgB,AAAA,EAAA,QAAA,MAAE,EAAI,oBAAqB,CAAM;GAGlC,GAAA,EAAA,EAAA,GAAA,EAAA,GAAA,CAAA,EAAA,EAAA,MAAe,UAAtB;IAEE,MAAA,QAAA,EAAI;IAEb,IAAA,GAF2B,MAAS,CAEpC,EAA0D,EAAA,QAAA,QAArC,EAAI,YAAQ,EAAA,EAAY,CAAS,CAAA,CAAA,CAAA,CAAA;KAExC,GAAA,EAAA,QAAA;IAAiB,MAAA;IAC/B,IAAA,GADwC,MAAS,CACjD,EAA0C,EAAA,QAAA,WAAA,EAAA,EAAb,CAAS,CAAA,CAAA,CAAA,CAAA;;;;;;;;GAKlC,EAAA,cAAc,GAAA,SADtB,EAAA,GAAA,EAME,GAAA;;IAJC,UAAU,EAAA;IACV,eAAa,EAAA;IACb,cAAY,EAAA;IACZ,uBAAiB,AAAA,EAAA,SAAA,MAAE,EAAI,qBAAsB,CAAM;;;;;;GAGtD,EAQE,GAAA;IAPC,MAAM,EAAA;IACN,SAAS,EAAA,OAAO;IAChB,UAAU,EAAA,YAAQ,CAAA;IAClB,eAAa,EAAA;IACb,WAAW,EAAA;IACX,SAAK,AAAA,EAAA,SAAA,MAAE,EAAA,QAAW;IAClB,UAAQ"}
+{"version":3,"file":"admins-components103.js","names":[],"sources":["../src/components/data-table/DataList.vue"],"sourcesContent":["<script lang=\"ts\">\nexport type { PaginatorSettings } from '@/types/data-list'\nexport type { DataSearchProps } from './DataSearch.vue'\nexport type { DataFiltersProps } from './DataFilters.vue'\n\nexport interface DataListProps {\n  config: DataListConfig\n  items: Record<string, unknown>[]\n  settings?: Partial<DataListSettings>\n  id: string\n  layoutBreakpoint?: number\n  orderable?: boolean\n  pagination?: PaginatorSettings\n  loading?: boolean\n  handleUrl?: boolean\n  useSearch?: boolean\n  useFilters?: boolean\n  searchConfig?: DataSearchProps\n  filterConfig?: DataFiltersProps\n  fillHeight?: boolean\n}\n\nexport const dataListDefaults = {\n  layoutBreakpoint: 768,\n  orderable: true,\n  loading: false,\n  useSearch: true,\n  useFilters: true,\n  handleUrl: false,\n  fillHeight: false,\n}\n\nexport function getDefaultFetchData(filters: FilterItem[], storageKey: string) {\n  const defaultPaginator = getDefaultPaginator(storageKey)\n  const defaultSort = getDefaultSort()\n  const defaultSearch = getDefaultSearch()\n  const defaultFilters = getDefaultFilterValues(filters, storageKey, true)\n\n  return {\n    ...defaultPaginator,\n    ...defaultSort,\n    ...defaultSearch,\n    ...defaultFilters,\n  }\n}\n</script>\n\n<script setup lang=\"ts\">\nimport { ref, computed, onMounted, onBeforeUnmount, useSlots } from 'vue'\nimport DataTable from '@/components/data-table/DataTable.vue'\nimport DataCards from '@/components/data-table/DataCards.vue'\nimport DataListOptions from '@/components/data-table/DataListOptions.vue'\nimport DataPaginator, { getDefaultPaginator } from '@/components/data-table/DataPaginator.vue'\nimport Button from '@/components/Button.vue'\nimport DataSort, { getDefaultSort, type DataSortOption } from '@/components/data-table/DataSort.vue'\nimport type {\n  DataListConfig,\n  DataListSettings,\n  PageSettings,\n  PaginatorSettings,\n} from '@/types/data-list'\nimport type { FilterValue } from '@/types/data-list'\nimport DataFilters, {\n  type FilterResponse,\n  type DataFiltersProps,\n  type FilterItem,\n} from '@/components/data-table/DataFilters.vue'\nimport FilterTags from '@/components/data-table/FilterTags.vue'\nimport DataListGuide from '@/components/data-table/DataListGuide.vue'\nimport DataSearch, { getDefaultSearch, type DataSearchProps } from './DataSearch.vue'\nimport { getDefaultFilters, getDefaultFilterValues } from '@/utils/dataFilters.ts'\n\nconst dataFiltersRef = ref<InstanceType<typeof DataFilters> | null>(null)\nconst slots = useSlots()\nconst hasActionsSlot = computed(() => !!slots.actions)\n\nconst props = withDefaults(defineProps<DataListProps>(), {\n  ...dataListDefaults,\n  searchConfig: undefined,\n  filterConfig: undefined,\n})\n\nfunction resolvedHandleUrl(side: 'searchConfig' | 'filterConfig'): boolean | undefined {\n  const sideConfig = props[side]\n  if (sideConfig && Object.hasOwn(sideConfig as object, 'handleUrl')) {\n    return (sideConfig as { handleUrl?: boolean }).handleUrl\n  }\n  return props.handleUrl\n}\n\nconst mergedSearchConfig = computed<DataSearchProps>(() => ({\n  ...props.searchConfig,\n  handleUrl: resolvedHandleUrl('searchConfig'),\n}))\n\nconst mergedFilterConfig = computed<DataFiltersProps>(() => ({\n  ...(props.filterConfig as DataFiltersProps),\n  handleUrl: resolvedHandleUrl('filterConfig'),\n  lazy:\n    resolvedSettings.value != null\n      ? !resolvedSettings.value.filtersEager\n      : (props.filterConfig?.lazy ?? true),\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 isSelectable = computed<boolean>(() => !!props.config.selectableAttr)\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  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          v-if=\"!isSelectable\"\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          v-if=\"!isSelectable\"\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 && !isSelectable\" #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 && !isSelectable\" #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      :font-size=\"resolvedSettings?.fontSize ?? 'normal'\"\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 = getDefaultFilterValues(filters, storageKey, true)\n\n  return {\n    ...defaultPaginator,\n    ...defaultSort,\n    ...defaultSearch,\n    ...defaultFilters,\n  }\n}\n</script>\n\n<script setup lang=\"ts\">\nimport { ref, computed, onMounted, onBeforeUnmount, useSlots } from 'vue'\nimport DataTable from '@/components/data-table/DataTable.vue'\nimport DataCards from '@/components/data-table/DataCards.vue'\nimport DataListOptions from '@/components/data-table/DataListOptions.vue'\nimport DataPaginator, { getDefaultPaginator } from '@/components/data-table/DataPaginator.vue'\nimport Button from '@/components/Button.vue'\nimport DataSort, { getDefaultSort, type DataSortOption } from '@/components/data-table/DataSort.vue'\nimport type {\n  DataListConfig,\n  DataListSettings,\n  PageSettings,\n  PaginatorSettings,\n} from '@/types/data-list'\nimport type { FilterValue } from '@/types/data-list'\nimport DataFilters, {\n  type FilterResponse,\n  type DataFiltersProps,\n  type FilterItem,\n} from '@/components/data-table/DataFilters.vue'\nimport FilterTags from '@/components/data-table/FilterTags.vue'\nimport DataListGuide from '@/components/data-table/DataListGuide.vue'\nimport DataSearch, { getDefaultSearch, type DataSearchProps } from './DataSearch.vue'\nimport { getDefaultFilters, getDefaultFilterValues } from '@/utils/dataFilters.ts'\n\nconst dataFiltersRef = ref<InstanceType<typeof DataFilters> | null>(null)\nconst slots = useSlots()\nconst hasActionsSlot = computed(() => !!slots.actions)\n\nconst props = withDefaults(defineProps<DataListProps>(), {\n  ...dataListDefaults,\n  searchConfig: undefined,\n  filterConfig: undefined,\n})\n\nfunction resolvedHandleUrl(side: 'searchConfig' | 'filterConfig'): boolean | undefined {\n  const sideConfig = props[side]\n  if (sideConfig && Object.hasOwn(sideConfig as object, 'handleUrl')) {\n    return (sideConfig as { handleUrl?: boolean }).handleUrl\n  }\n  return props.handleUrl\n}\n\nconst mergedSearchConfig = computed<DataSearchProps>(() => ({\n  ...props.searchConfig,\n  handleUrl: resolvedHandleUrl('searchConfig'),\n}))\n\nconst mergedFilterConfig = computed<DataFiltersProps>(() => ({\n  ...(props.filterConfig as DataFiltersProps),\n  handleUrl: resolvedHandleUrl('filterConfig'),\n  lazy:\n    resolvedSettings.value != null\n      ? !resolvedSettings.value.filtersEager\n      : (props.filterConfig?.lazy ?? true),\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  emit('sort-change', sort)\n}\n</script>\n\n<template>\n  <div\n    ref=\"root\"\n    class=\"ac-component c-data-list\"\n    :class=\"{ 'c-data-list--fill-height': fillHeight }\"\n  >\n    <div class=\"c-data-list__toolbar\">\n      <DataSearch v-if=\"useSearch\" v-bind=\"mergedSearchConfig\" @search-change=\"searchChange\" />\n      <Button\n        v-if=\"useFilters && filterConfig?.items && filterConfig.items.length > 0\"\n        label=\"Szűrők\"\n        icon=\"fa-solid fa-filter\"\n        @click=\"showFilters = true\"\n        style=\"flex-shrink: 0\"\n        :type=\"activeFiltersCount > 0 ? 'primary' : 'normal'\"\n        :indicator=\"activeFiltersCount > 0 ? activeFiltersCount : undefined\"\n      />\n      <div\n        class=\"flex-center gap-1 flex-center-wrap-on-mobile\"\n        v-if=\"useFilters && filterConfig?.items && filterConfig.items.length > 0\"\n      >\n        <FilterTags\n          :filters=\"activeFilters\"\n          :items=\"filterConfig.items\"\n          compact\n          @remove=\"(key: string) => dataFiltersRef?.clearFilter(key)\"\n          @openFilter=\"openFilter\"\n        />\n      </div>\n      <div class=\"c-data-list__toolbar__right\">\n        <DataSort\n          v-if=\"sortableColumns.length > 0\"\n          v-model=\"currentSort\"\n          :options=\"sortableColumns\"\n          :handle-url=\"handleUrl\"\n          @sort-change=\"onSortChange\"\n        />\n\n        <Button\n          icon=\"fa-solid fa-gear\"\n          class=\"lh-normal settings-btn\"\n          ariaLabel=\"Beállítások\"\n          @click=\"showOptions = true\"\n        />\n        <Button\n          icon=\"fa-solid fa-question\"\n          class=\"lh-normal\"\n          @click=\"showGuide = true\"\n          ariaLabel=\"Súgó\"\n        />\n      </div>\n    </div>\n    <DataFilters\n      ref=\"dataFiltersRef\"\n      v-if=\"useFilters && filterConfig?.items && filterConfig.items.length > 0\"\n      v-bind=\"mergedFilterConfig\"\n      :storage-key=\"id\"\n      :open=\"showFilters\"\n      @close=\"showFilters = false\"\n      @change=\"onFilterChange\"\n    />\n    <DataListGuide :open=\"showGuide\" @close=\"showGuide = false\" />\n    <DataTable\n      v-if=\"effectiveLayout === 'table'\"\n      :config=\"internalConfig\"\n      :loading=\"loading\"\n      :items=\"items\"\n      :settings=\"resolvedSettings ?? undefined\"\n      :initial-sort=\"currentSort\"\n      @filter-change=\"emit('filter-change', $event)\"\n      @selection-change=\"emit('selection-change', $event)\"\n      @sort-change=\"onSortChange\"\n    >\n      <template\n        v-for=\"col in internalConfig.columns\"\n        :key=\"col.property\"\n        #[`cell:${col.property}`]=\"slotProps\"\n      >\n        <slot :name=\"`cell:${col.property}`\" v-bind=\"slotProps\" />\n      </template>\n      <template v-if=\"hasActionsSlot\" #actions=\"slotProps\">\n        <slot name=\"actions\" v-bind=\"slotProps\" />\n      </template>\n    </DataTable>\n\n    <DataCards\n      v-else\n      :config=\"internalConfig\"\n      :loading=\"loading\"\n      :items=\"items\"\n      :settings=\"resolvedSettings ?? undefined\"\n      @selection-change=\"emit('selection-change', $event)\"\n    >\n      <template\n        v-for=\"col in internalConfig.columns\"\n        :key=\"col.property\"\n        #[`cell:${col.property}`]=\"slotProps\"\n      >\n        <slot :name=\"`cell:${col.property}`\" v-bind=\"slotProps\" />\n      </template>\n      <template v-if=\"hasActionsSlot\" #actions=\"slotProps\">\n        <slot name=\"actions\" v-bind=\"slotProps\" />\n      </template>\n    </DataCards>\n\n    <DataPaginator\n      v-if=\"pagination && showPaginator\"\n      :settings=\"pagination\"\n      :storage-key=\"id\"\n      :handle-url=\"handleUrl\"\n      @update:pagination=\"emit('pagination-change', $event)\"\n    />\n\n    <DataListOptions\n      :open=\"showOptions\"\n      :columns=\"config.columns\"\n      :settings=\"settings ?? {}\"\n      :storage-key=\"id\"\n      :orderable=\"orderable\"\n      @close=\"showOptions = false\"\n      @change=\"onSettingsChange\"\n    />\n  </div>\n</template>\n\n<style lang=\"scss\" src=\"@/styles/components/data-table/data-list.scss\"></style>\n"],"mappings":""}
+{"version":3,"file":"admins-components105.js","names":[],"sources":["../src/components/data-table/DataList.vue"],"sourcesContent":["<script lang=\"ts\">\nexport type { PaginatorSettings } from '@/types/data-list'\nexport type { DataSearchProps } from './DataSearch.vue'\nexport type { DataFiltersProps } from './DataFilters.vue'\n\nexport interface DataListProps {\n  config: DataListConfig\n  items: Record<string, unknown>[]\n  settings?: Partial<DataListSettings>\n  id: string\n  layoutBreakpoint?: number\n  orderable?: boolean\n  pagination?: PaginatorSettings\n  loading?: boolean\n  handleUrl?: boolean\n  useSearch?: boolean\n  useFilters?: boolean\n  searchConfig?: DataSearchProps\n  filterConfig?: DataFiltersProps\n  fillHeight?: boolean\n}\n\nexport const dataListDefaults = {\n  layoutBreakpoint: 768,\n  orderable: true,\n  loading: false,\n  useSearch: true,\n  useFilters: true,\n  handleUrl: false,\n  fillHeight: false,\n}\n\nexport function getDefaultFetchData(filters: FilterItem[], storageKey: string) {\n  const defaultPaginator = getDefaultPaginator(storageKey)\n  const defaultSort = getDefaultSort()\n  const defaultSearch = getDefaultSearch()\n  const defaultFilters = getDefaultFilterValues(filters, storageKey, true)\n\n  return {\n    ...defaultPaginator,\n    ...defaultSort,\n    ...defaultSearch,\n    ...defaultFilters,\n  }\n}\n</script>\n\n<script setup lang=\"ts\">\nimport { ref, computed, onMounted, onBeforeUnmount, useSlots } from 'vue'\nimport DataTable from '@/components/data-table/DataTable.vue'\nimport DataCards from '@/components/data-table/DataCards.vue'\nimport DataListOptions from '@/components/data-table/DataListOptions.vue'\nimport DataPaginator, { getDefaultPaginator } from '@/components/data-table/DataPaginator.vue'\nimport Button from '@/components/Button.vue'\nimport DataSort, { getDefaultSort, type DataSortOption } from '@/components/data-table/DataSort.vue'\nimport type {\n  DataListConfig,\n  DataListSettings,\n  PageSettings,\n  PaginatorSettings,\n} from '@/types/data-list'\nimport type { FilterValue } from '@/types/data-list'\nimport DataFilters, {\n  type FilterResponse,\n  type DataFiltersProps,\n  type FilterItem,\n} from '@/components/data-table/DataFilters.vue'\nimport FilterTags from '@/components/data-table/FilterTags.vue'\nimport DataListGuide from '@/components/data-table/DataListGuide.vue'\nimport DataSearch, { getDefaultSearch, type DataSearchProps } from './DataSearch.vue'\nimport { getDefaultFilters, getDefaultFilterValues } from '@/utils/dataFilters.ts'\n\nconst dataFiltersRef = ref<InstanceType<typeof DataFilters> | null>(null)\nconst slots = useSlots()\nconst hasActionsSlot = computed(() => !!slots.actions)\n\nconst props = withDefaults(defineProps<DataListProps>(), {\n  ...dataListDefaults,\n  searchConfig: undefined,\n  filterConfig: undefined,\n})\n\nfunction resolvedHandleUrl(side: 'searchConfig' | 'filterConfig'): boolean | undefined {\n  const sideConfig = props[side]\n  if (sideConfig && Object.hasOwn(sideConfig as object, 'handleUrl')) {\n    return (sideConfig as { handleUrl?: boolean }).handleUrl\n  }\n  return props.handleUrl\n}\n\nconst mergedSearchConfig = computed<DataSearchProps>(() => ({\n  ...props.searchConfig,\n  handleUrl: resolvedHandleUrl('searchConfig'),\n}))\n\nconst mergedFilterConfig = computed<DataFiltersProps>(() => ({\n  ...(props.filterConfig as DataFiltersProps),\n  handleUrl: resolvedHandleUrl('filterConfig'),\n  lazy:\n    resolvedSettings.value != null\n      ? !resolvedSettings.value.filtersEager\n      : (props.filterConfig?.lazy ?? true),\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 isSelectable = computed<boolean>(() => !!props.config.selectableAttr)\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  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          v-if=\"!isSelectable\"\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          v-if=\"!isSelectable\"\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 && !isSelectable\" #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 && !isSelectable\" #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      :font-size=\"resolvedSettings?.fontSize ?? 'normal'\"\n      @update:pagination=\"emit('pagination-change', $event)\"\n    />\n\n    <DataListOptions\n      :open=\"showOptions\"\n      :columns=\"config.columns\"\n      :settings=\"settings ?? {}\"\n      :storage-key=\"id\"\n      :orderable=\"orderable\"\n      @close=\"showOptions = false\"\n      @change=\"onSettingsChange\"\n    />\n  </div>\n</template>\n\n<style lang=\"scss\" src=\"@/styles/components/data-table/data-list.scss\"></style>\n"],"mappings":""}

package/dist/admins-components51.js

@@ -37,9 +37,7 @@ var p = { class: "ac-component" }, m = { class: "d-flex flex-column gap-2" }, h
 				lead: ""
 			},
 			format: ""
-		}, O = E, k = s;
-		console.log("AAAAA", { props: k });
-		let A = d(D), j = d({
+		}, O = E, k = s, A = d(D), j = d({
 			id: A.value.article.imageId || "",
 			url: "",
 			source: "",

package/dist/admins-components51.js.map

@@ -1 +1 @@
-{"version":3,"file":"admins-components51.js","names":[],"sources":["../src/components/custom/InternalArticleOffer.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { onMounted, onUnmounted, ref, watch } from 'vue'\nimport ImagePicker from '@/components/custom/ImagePicker.vue'\nimport DropdownSelect from '@/components/DropdownSelect.vue'\nimport Button from '@/components/Button.vue'\n\nexport interface Article {\n  siteId: string\n  id: string\n  imageId: string\n  title: string\n  lead: string\n}\n\nexport interface InternalArticleOfferModel {\n  article: Article\n  format: string\n}\n\nconst defaultValue: InternalArticleOfferModel = {\n  article: {\n    siteId: '',\n    id: '',\n    imageId: '',\n    title: '',\n    lead: '',\n  },\n  format: '',\n}\n\nconst emit = defineEmits<{\n  (e: 'update:modelValue', v: InternalArticleOfferModel): void\n}>()\n\nconst props = withDefaults(\n  defineProps<{\n    modelValue?: InternalArticleOfferModel\n    searchArticleApiUrl: string\n    searchArticleWidgetUrl: string\n    environment: string\n    searchImageWidgetUrl: string\n    imageBaseUrl: string\n    imageViewId: string\n    showIds?: boolean\n    formats: { label: string; value: string }[]\n  }>(),\n  {\n    showIds: true,\n  },\n)\n\nconsole.log('AAAAA', { props })\n\nconst localModel = ref<InternalArticleOfferModel>(defaultValue)\nconst imageModel = ref({\n  id: localModel.value.article.imageId || '',\n  url: '',\n  source: '',\n  title: '',\n  isAdult: false,\n})\nconst showArticleModal = ref(false)\n\nwatch(\n  () => props.modelValue,\n  (newVal) => {\n    if (!newVal) {\n      localModel.value = defaultValue\n    } else {\n      localModel.value = newVal\n    }\n  },\n  { deep: true, immediate: true },\n)\n\nwatch(\n  () => localModel,\n  (newVal) => {\n    emit('update:modelValue', localModel.value)\n    imageModel.value.id = newVal.value.article.imageId\n  },\n  { deep: true, immediate: true },\n)\n\nwatch(\n  () => imageModel.value.id,\n  (id) => {\n    localModel.value.article.imageId = id\n  },\n  { deep: true, immediate: true },\n)\n\nconst articleCausationId = ref(new Date().getTime().toString() + 'article')\nconst EMPTYGUID = '00000000-0000-0000-0000-000000000000'\n\nonUnmounted(() => {\n  window.removeEventListener('search_posts_selected', onPostSelected)\n})\n\nonMounted(() => {\n  window.addEventListener('search_posts_selected', onPostSelected)\n})\n\nconst onPostSelected = (e: any) => {\n  if (e.detail.id == articleCausationId.value) {\n    if (e.detail.result && e.detail.posts.length > 0) {\n      localModel.value.article.id = e.detail.posts[0].id\n      localModel.value.article.siteId = e.detail.posts[0].siteId\n      localModel.value.article.title = e.detail.posts[0].title\n      localModel.value.article.lead = e.detail.posts[0].lead\n      const imageId = e.detail.posts[0].featuredImage\n      localModel.value.article.imageId = imageId || EMPTYGUID\n    }\n\n    showArticleModal.value = false\n  }\n}\n\nconst selectArticle = () => {\n  showArticleModal.value = true\n}\n\nconst addScript = (url: string) => {\n  if (!customElements.get('search-posts-widget')) {\n    if (!document.querySelector(`script[src=\"${url}\"]`)) {\n      const script = document.createElement('script')\n      script.type = 'text/javascript'\n      script.src = url\n      document.head.appendChild(script)\n    }\n  }\n}\n\nif (!customElements.get('hvg-search-image')) {\n  if (!document.querySelector(`script[src=\"${props.searchImageWidgetUrl}\"]`)) {\n    const script = document.createElement('script')\n    script.type = 'text/javascript'\n    script.src = props.searchImageWidgetUrl\n    script.async = true\n    document.head.appendChild(script)\n  }\n}\n\naddScript(props.searchArticleWidgetUrl)\n</script>\n\n<template>\n  <div class=\"ac-component\">\n    <div class=\"d-flex flex-column gap-2\">\n      <div>\n        <Button\n          type=\"success\"\n          label=\"Cikk kiválasztása\"\n          class=\"nowrap\"\n          @click=\"selectArticle\"\n          icon=\"fa-solid fa-newspaper\"\n        />\n      </div>\n\n      <template v-if=\"showIds\">\n        <div class=\"flex gap-2\">\n          <div>\n            <label for=\"articleId\" class=\"c-label\">Article ID</label>\n            <div class=\"c-input-row\">\n              <input\n                id=\"articleId\"\n                type=\"text\"\n                class=\"c-input\"\n                placeholder=\"Article ID\"\n                disabled\n                :value=\"localModel.article.id\"\n              />\n            </div>\n          </div>\n\n          <div>\n            <label for=\"articleSiteId\" class=\"c-label\">Site ID</label>\n            <div class=\"c-input-row\">\n              <input\n                id=\"articleSiteId\"\n                type=\"text\"\n                class=\"c-input\"\n                placeholder=\"Site ID\"\n                disabled\n                :value=\"localModel.article.siteId\"\n              />\n            </div>\n          </div>\n        </div>\n      </template>\n\n      <div>\n        <label for=\"articleTitle\" class=\"c-label\">Title</label>\n        <div class=\"c-input-row\">\n          <textarea\n            id=\"articleTitle\"\n            class=\"c-input\"\n            placeholder=\"Article title\"\n            :value=\"localModel.article.title\"\n            @input=\"localModel.article.title = ($event.target as any)?.value || ''\"\n          />\n        </div>\n      </div>\n\n      <div>\n        <label for=\"articleLead\" class=\"c-label\">Lead</label>\n        <div class=\"c-input-row\">\n          <textarea\n            id=\"articleLead\"\n            class=\"c-input\"\n            placeholder=\"Article lead / description\"\n            :value=\"localModel.article.lead\"\n            @input=\"localModel.article.lead = ($event.target as any)?.value || ''\"\n          />\n        </div>\n      </div>\n\n      <hr class=\"separator\" />\n\n      <div>\n        <ImagePicker\n          v-model=\"imageModel\"\n          :details=\"false\"\n          :editable=\"false\"\n          :environment=\"props.environment\"\n          :article-editor-url=\"props.searchArticleApiUrl\"\n          :search-image-widget-url=\"props.searchImageWidgetUrl\"\n          :image-base-url=\"props.imageBaseUrl\"\n          :image-view-id=\"props.imageViewId\"\n        />\n      </div>\n\n      <div>\n        <label class=\"c-label\">Format</label>\n        <DropdownSelect\n          v-model=\"localModel.format\"\n          :options=\"props.formats\"\n          :config=\"{ placeholder: 'Select format...' }\"\n        />\n      </div>\n\n      <!--\n        The widget owns its own modal (dialog + header/footer actions)\n        when `modal` is set, so no outer Modal wrapper is needed here -\n        the widget renders as an opaque custom element and can't expose\n        internal refs/slots to an outer Modal component. Selecting \"Rendben\"\n        fires the `search_posts_selected` window event consumed by\n        `onPostSelected` above; `close` is emitted for both confirm and\n        cancel/backdrop-dismiss.\n      -->\n      <search-posts-widget\n        v-if=\"showArticleModal\"\n        :id=\"articleCausationId\"\n        :environment=\"props.environment\"\n        selector\n        modal\n        modal-title=\"Cikk kiválasztása\"\n        :apiurl=\"props.searchArticleApiUrl\"\n        wpurl=\"\"\n        searchurl=\"\"\n        @close=\"showArticleModal = false\"\n      />\n    </div>\n  </div>\n</template>\n"],"mappings":"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"}
+{"version":3,"file":"admins-components51.js","names":[],"sources":["../src/components/custom/InternalArticleOffer.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { onMounted, onUnmounted, ref, watch } from 'vue'\nimport ImagePicker from '@/components/custom/ImagePicker.vue'\nimport DropdownSelect from '@/components/DropdownSelect.vue'\nimport Button from '@/components/Button.vue'\n\nexport interface Article {\n  siteId: string\n  id: string\n  imageId: string\n  title: string\n  lead: string\n}\n\nexport interface InternalArticleOfferModel {\n  article: Article\n  format: string\n}\n\nconst defaultValue: InternalArticleOfferModel = {\n  article: {\n    siteId: '',\n    id: '',\n    imageId: '',\n    title: '',\n    lead: '',\n  },\n  format: '',\n}\n\nconst emit = defineEmits<{\n  (e: 'update:modelValue', v: InternalArticleOfferModel): void\n}>()\n\nconst props = withDefaults(\n  defineProps<{\n    modelValue?: InternalArticleOfferModel\n    searchArticleApiUrl: string\n    searchArticleWidgetUrl: string\n    environment: string\n    searchImageWidgetUrl: string\n    imageBaseUrl: string\n    imageViewId: string\n    showIds?: boolean\n    formats: { label: string; value: string }[]\n  }>(),\n  {\n    showIds: true,\n  },\n)\n\nconst localModel = ref<InternalArticleOfferModel>(defaultValue)\nconst imageModel = ref({\n  id: localModel.value.article.imageId || '',\n  url: '',\n  source: '',\n  title: '',\n  isAdult: false,\n})\nconst showArticleModal = ref(false)\n\nwatch(\n  () => props.modelValue,\n  (newVal) => {\n    if (!newVal) {\n      localModel.value = defaultValue\n    } else {\n      localModel.value = newVal\n    }\n  },\n  { deep: true, immediate: true },\n)\n\nwatch(\n  () => localModel,\n  (newVal) => {\n    emit('update:modelValue', localModel.value)\n    imageModel.value.id = newVal.value.article.imageId\n  },\n  { deep: true, immediate: true },\n)\n\nwatch(\n  () => imageModel.value.id,\n  (id) => {\n    localModel.value.article.imageId = id\n  },\n  { deep: true, immediate: true },\n)\n\nconst articleCausationId = ref(new Date().getTime().toString() + 'article')\nconst EMPTYGUID = '00000000-0000-0000-0000-000000000000'\n\nonUnmounted(() => {\n  window.removeEventListener('search_posts_selected', onPostSelected)\n})\n\nonMounted(() => {\n  window.addEventListener('search_posts_selected', onPostSelected)\n})\n\nconst onPostSelected = (e: any) => {\n  if (e.detail.id == articleCausationId.value) {\n    if (e.detail.result && e.detail.posts.length > 0) {\n      localModel.value.article.id = e.detail.posts[0].id\n      localModel.value.article.siteId = e.detail.posts[0].siteId\n      localModel.value.article.title = e.detail.posts[0].title\n      localModel.value.article.lead = e.detail.posts[0].lead\n      const imageId = e.detail.posts[0].featuredImage\n      localModel.value.article.imageId = imageId || EMPTYGUID\n    }\n\n    showArticleModal.value = false\n  }\n}\n\nconst selectArticle = () => {\n  showArticleModal.value = true\n}\n\nconst addScript = (url: string) => {\n  if (!customElements.get('search-posts-widget')) {\n    if (!document.querySelector(`script[src=\"${url}\"]`)) {\n      const script = document.createElement('script')\n      script.type = 'text/javascript'\n      script.src = url\n      document.head.appendChild(script)\n    }\n  }\n}\n\nif (!customElements.get('hvg-search-image')) {\n  if (!document.querySelector(`script[src=\"${props.searchImageWidgetUrl}\"]`)) {\n    const script = document.createElement('script')\n    script.type = 'text/javascript'\n    script.src = props.searchImageWidgetUrl\n    script.async = true\n    document.head.appendChild(script)\n  }\n}\n\naddScript(props.searchArticleWidgetUrl)\n</script>\n\n<template>\n  <div class=\"ac-component\">\n    <div class=\"d-flex flex-column gap-2\">\n      <div>\n        <Button\n          type=\"success\"\n          label=\"Cikk kiválasztása\"\n          class=\"nowrap\"\n          @click=\"selectArticle\"\n          icon=\"fa-solid fa-newspaper\"\n        />\n      </div>\n\n      <template v-if=\"showIds\">\n        <div class=\"flex gap-2\">\n          <div>\n            <label for=\"articleId\" class=\"c-label\">Article ID</label>\n            <div class=\"c-input-row\">\n              <input\n                id=\"articleId\"\n                type=\"text\"\n                class=\"c-input\"\n                placeholder=\"Article ID\"\n                disabled\n                :value=\"localModel.article.id\"\n              />\n            </div>\n          </div>\n\n          <div>\n            <label for=\"articleSiteId\" class=\"c-label\">Site ID</label>\n            <div class=\"c-input-row\">\n              <input\n                id=\"articleSiteId\"\n                type=\"text\"\n                class=\"c-input\"\n                placeholder=\"Site ID\"\n                disabled\n                :value=\"localModel.article.siteId\"\n              />\n            </div>\n          </div>\n        </div>\n      </template>\n\n      <div>\n        <label for=\"articleTitle\" class=\"c-label\">Title</label>\n        <div class=\"c-input-row\">\n          <textarea\n            id=\"articleTitle\"\n            class=\"c-input\"\n            placeholder=\"Article title\"\n            :value=\"localModel.article.title\"\n            @input=\"localModel.article.title = ($event.target as any)?.value || ''\"\n          />\n        </div>\n      </div>\n\n      <div>\n        <label for=\"articleLead\" class=\"c-label\">Lead</label>\n        <div class=\"c-input-row\">\n          <textarea\n            id=\"articleLead\"\n            class=\"c-input\"\n            placeholder=\"Article lead / description\"\n            :value=\"localModel.article.lead\"\n            @input=\"localModel.article.lead = ($event.target as any)?.value || ''\"\n          />\n        </div>\n      </div>\n\n      <hr class=\"separator\" />\n\n      <div>\n        <ImagePicker\n          v-model=\"imageModel\"\n          :details=\"false\"\n          :editable=\"false\"\n          :environment=\"props.environment\"\n          :article-editor-url=\"props.searchArticleApiUrl\"\n          :search-image-widget-url=\"props.searchImageWidgetUrl\"\n          :image-base-url=\"props.imageBaseUrl\"\n          :image-view-id=\"props.imageViewId\"\n        />\n      </div>\n\n      <div>\n        <label class=\"c-label\">Format</label>\n        <DropdownSelect\n          v-model=\"localModel.format\"\n          :options=\"props.formats\"\n          :config=\"{ placeholder: 'Select format...' }\"\n        />\n      </div>\n\n      <search-posts-widget\n        v-if=\"showArticleModal\"\n        :id=\"articleCausationId\"\n        :environment=\"props.environment\"\n        selector\n        modal\n        modal-title=\"Cikk kiválasztása\"\n        :apiurl=\"props.searchArticleApiUrl\"\n        wpurl=\"\"\n        searchurl=\"\"\n        @close=\"showArticleModal = false\"\n      />\n    </div>\n  </div>\n</template>\n"],"mappings":"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"}