admins-components 9.0.64 → 9.0.66

package/dist/admins-components65.js

@@ -6,17 +6,17 @@ import i from "./admins-components62.js";
 import a from "./admins-components64.js";
 import { Fragment as o, computed as s, createCommentVNode as c, createElementBlock as l, createElementVNode as u, createTextVNode as d, createVNode as f, defineComponent as p, nextTick as m, normalizeClass as h, onMounted as g, openBlock as _, ref as v, renderList as y, renderSlot as b, toDisplayString as x, unref as S, watch as C, withModifiers as w } from "vue";
 //#region src/components/data-table/DataTable.vue?vue&type=script&setup=true&lang.ts
-var T = { class: "ac-component" }, E = { key: 0 }, D = ["title", "onClick"], O = {
+var T = { key: 0 }, E = ["title", "onClick"], D = {
 	key: 1,
 	class: "c-actions-header"
-}, k = { key: 0 }, A = ["onClick"], j = {
+}, O = { key: 0 }, k = ["onClick"], A = {
 	key: 1,
 	class: "c-actions-cell"
-}, M = { class: "c-actions-wrap" }, N = { key: 1 }, P = { class: "c-table__loading-row" }, F = ["colspan"], I = { class: "c-table__loading-wrap" }, L = {
+}, j = { class: "c-actions-wrap" }, M = { key: 1 }, N = { class: "c-table__loading-row" }, P = ["colspan"], F = { class: "c-table__loading-wrap" }, I = {
 	key: 0,
 	class: "c-table__backdrop",
 	"aria-hidden": "true"
-}, R = /* @__PURE__ */ p({
+}, L = /* @__PURE__ */ p({
 	__name: "DataTable",
 	props: {
 		config: {},
@@ -30,100 +30,100 @@ var T = { class: "ac-component" }, E = { key: 0 }, D = ["title", "onClick"], O =
 	},
 	emits: ["selection-change", "sort-change"],
 	setup(r, { emit: p }) {
-		let R = r, z = p, B = v(null), V = v(null);
-		C(() => R.loading, async (e) => {
-			e && (await m(), V.value?.scrollTo({
+		let L = r, R = p, z = v(null), B = v(null);
+		C(() => L.loading, async (e) => {
+			e && (await m(), B.value?.scrollTo({
 				top: 0,
 				behavior: "smooth"
 			}));
 		});
-		let { selectedKeys: H, allSelected: U, toggle: W, toggleAll: G } = n(() => R.items, () => R.config.selectableAttr, (e) => z("selection-change", e)), K = s(() => R.config.columns.filter((e) => e.visible !== !1));
-		function q(e) {
+		let { selectedKeys: V, allSelected: H, toggle: U, toggleAll: W } = n(() => L.items, () => L.config.selectableAttr, (e) => R("selection-change", e)), G = s(() => L.config.columns.filter((e) => e.visible !== !1));
+		function K(e) {
 			return e.sort ? typeof e.sort == "boolean" ? null : e.sort : null;
 		}
-		function J(e) {
+		function q(e) {
 			return !!e.sort;
 		}
-		function Y(e) {
-			let t = e.property, n = B.value?.key === t && B.value.direction === "asc" ? "desc" : "asc";
-			B.value = {
+		function J(e) {
+			let t = e.property, n = z.value?.key === t && z.value.direction === "asc" ? "desc" : "asc";
+			z.value = {
 				key: t,
 				direction: n
-			}, q(e)?.callback?.(t, n), z("sort-change", {
+			}, K(e)?.callback?.(t, n), R("sort-change", {
 				key: t,
 				direction: n
 			});
 		}
-		function X(e) {
+		function Y(e) {
 			if (!e) {
-				B.value !== null && (B.value = null);
+				z.value !== null && (z.value = null);
 				return;
 			}
-			let t = R.config.columns.find((t) => t.property === e.key);
-			t && (B.value?.key === e.key && B.value.direction === e.direction || (B.value = {
+			let t = L.config.columns.find((t) => t.property === e.key);
+			t && (z.value?.key === e.key && z.value.direction === e.direction || (z.value = {
 				key: e.key,
 				direction: e.direction
-			}, q(t)?.callback?.(e.key, e.direction), z("sort-change", {
+			}, K(t)?.callback?.(e.key, e.direction), R("sort-change", {
 				key: e.key,
 				direction: e.direction
 			})));
 		}
-		return g(() => X(R.initialSort)), C(() => R.initialSort, (e) => {
+		return g(() => Y(L.initialSort)), C(() => L.initialSort, (e) => {
 			if (!e) {
-				B.value !== null && (B.value = null);
+				z.value !== null && (z.value = null);
 				return;
 			}
-			R.config.columns.find((t) => t.property === e.key) && (B.value?.key === e.key && B.value.direction === e.direction || (B.value = {
+			L.config.columns.find((t) => t.property === e.key) && (z.value?.key === e.key && z.value.direction === e.direction || (z.value = {
 				key: e.key,
 				direction: e.direction
 			}));
-		}), (n, s) => (_(), l("div", T, [u("div", {
+		}), (n, s) => (_(), l("div", {
 			ref_key: "tableWrapperRef",
-			ref: V,
-			class: h(["c-table-wrapper list-table-view", { "is-loading": r.loading }])
+			ref: B,
+			class: h(["ac-component c-table-wrapper list-table-view", { "is-loading": r.loading }])
 		}, [u("table", { class: h(["c-table", { "is-compact": r.settings.compact }]) }, [u("thead", null, [u("tr", null, [
-			r.config.selectableAttr ? (_(), l("th", E, [f(e, {
-				"model-value": S(U),
-				"onUpdate:modelValue": S(G)
+			r.config.selectableAttr ? (_(), l("th", T, [f(e, {
+				"model-value": S(H),
+				"onUpdate:modelValue": S(W)
 			}, null, 8, ["model-value", "onUpdate:modelValue"])])) : c("", !0),
-			(_(!0), l(o, null, y(K.value, (e) => (_(), l("th", {
+			(_(!0), l(o, null, y(G.value, (e) => (_(), l("th", {
 				key: e.property,
 				class: h([{
-					"c-sortable": J(e),
-					"c-sortable--sorted": B.value?.key === e.property,
+					"c-sortable": q(e),
+					"c-sortable--sorted": z.value?.key === e.property,
 					"primary-col": e.primary
 				}, e.headerClass]),
-				title: J(e) ? `Sorrendezés ${e.label} alapján` : void 0,
-				onClick: (t) => J(e) ? Y(e) : void 0
-			}, [d(x(e.hideHeader ? "" : e.label) + " ", 1), J(e) ? (_(), l("span", {
+				title: q(e) ? `Sorrendezés ${e.label} alapján` : void 0,
+				onClick: (t) => q(e) ? J(e) : void 0
+			}, [d(x(e.hideHeader ? "" : e.label) + " ", 1), q(e) ? (_(), l("span", {
 				key: 0,
 				class: h(["c-sort-icon fa-solid", {
-					"fa-sort": B.value?.key !== e.property,
-					"fa-sort-down": B.value?.key === e.property && B.value.direction === "desc",
-					"fa-sort-up": B.value?.key === e.property && B.value.direction === "asc",
-					"c-sort-icon--active": B.value?.key === e.property,
-					"is-asc": B.value?.key === e.property && B.value.direction === "asc",
-					"is-desc": B.value?.key === e.property && B.value.direction === "desc"
+					"fa-sort": z.value?.key !== e.property,
+					"fa-sort-down": z.value?.key === e.property && z.value.direction === "desc",
+					"fa-sort-up": z.value?.key === e.property && z.value.direction === "asc",
+					"c-sort-icon--active": z.value?.key === e.property,
+					"is-asc": z.value?.key === e.property && z.value.direction === "asc",
+					"is-desc": z.value?.key === e.property && z.value.direction === "desc"
 				}])
-			}, null, 2)) : c("", !0)], 10, D))), 128)),
-			r.config.actions ? (_(), l("th", O, x(r.config.actionHeader ?? ""), 1)) : c("", !0)
-		])]), !r.loading || r.items.length > 0 ? (_(), l("tbody", k, [(_(!0), l(o, null, y(r.items, (t, d) => (_(), l("tr", {
+			}, null, 2)) : c("", !0)], 10, E))), 128)),
+			r.config.actions ? (_(), l("th", D, x(r.config.actionHeader ?? ""), 1)) : c("", !0)
+		])]), !r.loading || r.items.length > 0 ? (_(), l("tbody", O, [(_(!0), l(o, null, y(r.items, (t, d) => (_(), l("tr", {
 			key: d,
 			class: h({
-				"is-selected": r.config.selectableAttr && S(H).has(t[r.config.selectableAttr]),
+				"is-selected": r.config.selectableAttr && S(V).has(t[r.config.selectableAttr]),
 				"is-striped": r.settings.striped && d % 2 == 1
 			})
 		}, [
 			r.config.selectableAttr ? (_(), l("td", {
 				key: 0,
 				class: "pointer",
-				onClick: w((e) => S(W)(t), ["stop"])
+				onClick: w((e) => S(U)(t), ["stop"])
 			}, [f(e, {
-				"model-value": !!S(H).has(t[r.config.selectableAttr]),
-				"onUpdate:modelValue": (e) => S(W)(t),
+				"model-value": !!S(V).has(t[r.config.selectableAttr]),
+				"onUpdate:modelValue": (e) => S(U)(t),
 				onClick: s[0] ||= w(() => {}, ["stop"])
-			}, null, 8, ["model-value", "onUpdate:modelValue"])], 8, A)) : c("", !0),
-			(_(!0), l(o, null, y(K.value, (e) => (_(), l("td", {
+			}, null, 8, ["model-value", "onUpdate:modelValue"])], 8, k)) : c("", !0),
+			(_(!0), l(o, null, y(G.value, (e) => (_(), l("td", {
 				key: e.property,
 				class: h(["c-table__cell", [e.class, { "primary-col": e.primary }]])
 			}, [b(n.$slots, `cell:${e.property}`, {
@@ -138,21 +138,21 @@ var T = { class: "ac-component" }, E = { key: 0 }, D = ["title", "onClick"], O =
 				"col",
 				"copy"
 			])])], 2))), 128)),
-			r.config.actions ? (_(), l("td", j, [u("div", M, [f(a, {
+			r.config.actions ? (_(), l("td", A, [u("div", j, [f(a, {
 				actions: r.config.actions,
 				item: t
 			}, null, 8, ["actions", "item"])])])) : c("", !0)
-		], 2))), 128))])) : (_(), l("tbody", N, [u("tr", P, [u("td", {
-			colspan: K.value.length + +!!r.config.selectableAttr + +!!r.config.actions,
+		], 2))), 128))])) : (_(), l("tbody", M, [u("tr", N, [u("td", {
+			colspan: G.value.length + +!!r.config.selectableAttr + +!!r.config.actions,
 			class: "c-table__loading-cell"
-		}, [u("div", I, [f(t, {
+		}, [u("div", F, [f(t, {
 			loading: !0,
 			size: "2.5rem"
-		})])], 8, F)])]))], 2), r.loading && r.items.length > 0 ? (_(), l("div", L, [f(t, {
+		})])], 8, P)])]))], 2), r.loading && r.items.length > 0 ? (_(), l("div", I, [f(t, {
 			loading: !0,
 			size: "2.5rem"
-		})])) : c("", !0)], 2)]));
+		})])) : c("", !0)], 2));
 	}
 });
 //#endregion
-export { R as default };
+export { L as default };

package/dist/admins-components65.js.map

@@ -1 +1 @@
-{"version":3,"file":"admins-components65.js","names":[],"sources":["../src/components/data-table/DataTable.vue"],"sourcesContent":["<script lang=\"ts\">\nexport type {\n  LayoutMode,\n  DataListConfig,\n  DataListSettings,\n  DataTableSettings,\n  DataCardsSettings,\n  Column,\n  Sort,\n  Action,\n  ActionGroup,\n  FilterConfig,\n  FilterValue,\n} from '@/types/data-list'\n\nexport {\n  dataTableSettingsDefaults,\n  dataCardsSettingsDefaults,\n  dataListSettingsDefaults,\n} from '@/types/data-list'\n</script>\n\n<script setup lang=\"ts\">\nimport { computed, ref, onMounted, watch, nextTick } from 'vue'\nimport Checkbox from '@/components/Checkbox.vue'\nimport { useSelection } from '@/composables/useSelection'\nimport { dataTableSettingsDefaults } from '@/types/data-list'\nimport type { Column, DataListConfig, DataTableSettings, Sort } from '@/types/data-list'\nimport Loader from '@/components/Loader.vue'\nimport DataCell from './DataCell.vue'\nimport DataListActions from './DataListActions.vue'\n\ntype SortDirection = 'asc' | 'desc'\n\nconst props = withDefaults(\n  defineProps<{\n    config: DataListConfig\n    items: Record<string, unknown>[]\n    settings?: DataTableSettings\n    loading?: boolean\n    initialSort?: { key: string; direction: SortDirection } | null\n  }>(),\n  {\n    settings: () => ({ ...dataTableSettingsDefaults }),\n    loading: false,\n    initialSort: null,\n  },\n)\n\nconst emit = defineEmits<{\n  'selection-change': [selected: unknown[]]\n  'sort-change': [sort: { key: string; direction: SortDirection }]\n}>()\n\n//const CHARACTER_BREAKPOINT = 20\n\nconst activeSort = ref<{\n  key: string\n  direction: SortDirection\n} | null>(null)\n\nconst tableWrapperRef = ref<HTMLElement | null>(null)\n\nwatch(\n  () => props.loading,\n  async (isLoading) => {\n    if (isLoading) {\n      await nextTick()\n      tableWrapperRef.value?.scrollTo({ top: 0, behavior: 'smooth' })\n    }\n  },\n)\n\nconst {\n  selectedKeys,\n  allSelected,\n  toggle: toggleRow,\n  toggleAll,\n} = useSelection(\n  () => props.items,\n  () => props.config.selectableAttr,\n  (s) => emit('selection-change', s),\n)\n\nconst visibleColumns = computed(() => props.config.columns.filter((c) => c.visible !== false))\n\nfunction getSortConfig(col: Column): Sort | null {\n  if (!col.sort) return null\n  return typeof col.sort === 'boolean' ? null : col.sort\n}\n\nfunction isSortable(col: Column): boolean {\n  return !!col.sort\n}\n\nfunction handleSort(col: Column) {\n  const key = col.property\n  const direction: SortDirection =\n    activeSort.value?.key === key && activeSort.value.direction === 'asc' ? 'desc' : 'asc'\n\n  activeSort.value = { key, direction }\n  getSortConfig(col)?.callback?.(key, direction)\n\n  emit('sort-change', { key, direction })\n}\n\nfunction applyInitialSort(sort: { key: string; direction: SortDirection } | null | undefined) {\n  if (!sort) {\n    if (activeSort.value !== null) activeSort.value = null\n    return\n  }\n  const col = props.config.columns.find((c) => c.property === sort.key)\n  if (!col) return\n  if (activeSort.value?.key === sort.key && activeSort.value.direction === sort.direction) return\n  activeSort.value = { key: sort.key, direction: sort.direction }\n  getSortConfig(col)?.callback?.(sort.key, sort.direction)\n  emit('sort-change', { key: sort.key, direction: sort.direction })\n}\n\nonMounted(() => applyInitialSort(props.initialSort))\nwatch(\n  () => props.initialSort,\n  (s) => {\n    // When initialSort changes, sync the visual indicator only.\n    // Don't re-emit sort-change — that would cause an infinite loop with\n    // parents that re-assign the prop from the emitted value.\n    if (!s) {\n      if (activeSort.value !== null) activeSort.value = null\n      return\n    }\n    const col = props.config.columns.find((c) => c.property === s.key)\n    if (!col) return\n    if (activeSort.value?.key === s.key && activeSort.value.direction === s.direction) return\n    activeSort.value = { key: s.key, direction: s.direction }\n  },\n)\n</script>\n\n<template>\n  <div class=\"ac-component\">\n    <div\n      ref=\"tableWrapperRef\"\n      class=\"c-table-wrapper list-table-view\"\n      :class=\"{ 'is-loading': loading }\"\n    >\n      <!-- :style=\"{ '--action-count': config.actions?.length ?? 0 }\" -->\n      <table class=\"c-table\" :class=\"{ 'is-compact': settings.compact }\">\n        <thead>\n          <tr>\n            <th v-if=\"config.selectableAttr\">\n              <Checkbox :model-value=\"allSelected\" @update:model-value=\"toggleAll\" />\n            </th>\n\n            <th\n              v-for=\"col in visibleColumns\"\n              :key=\"col.property\"\n              :class=\"[\n                {\n                  'c-sortable': isSortable(col),\n                  'c-sortable--sorted': activeSort?.key === col.property,\n                  'primary-col': col.primary,\n                },\n                col.headerClass,\n              ]\"\n              :title=\"isSortable(col) ? `Sorrendezés ${col.label} alapján` : undefined\"\n              @click=\"isSortable(col) ? handleSort(col) : undefined\"\n            >\n              {{ !col.hideHeader ? col.label : '' }}\n\n              <span\n                v-if=\"isSortable(col)\"\n                class=\"c-sort-icon fa-solid\"\n                :class=\"{\n                  'fa-sort': activeSort?.key !== col.property,\n                  'fa-sort-down':\n                    activeSort?.key === col.property && activeSort.direction === 'desc',\n                  'fa-sort-up': activeSort?.key === col.property && activeSort.direction === 'asc',\n                  'c-sort-icon--active': activeSort?.key === col.property,\n                  'is-asc': activeSort?.key === col.property && activeSort.direction === 'asc',\n                  'is-desc': activeSort?.key === col.property && activeSort.direction === 'desc',\n                }\"\n              ></span>\n            </th>\n\n            <th v-if=\"config.actions\" class=\"c-actions-header\">\n              {{ config.actionHeader ?? '' }}\n            </th>\n          </tr>\n        </thead>\n\n        <tbody v-if=\"!loading || items.length > 0\">\n          <tr\n            v-for=\"(item, index) in items\"\n            :key=\"index\"\n            :class=\"{\n              'is-selected': config.selectableAttr && selectedKeys.has(item[config.selectableAttr]),\n              'is-striped': settings.striped && index % 2 === 1,\n            }\"\n          >\n            <td v-if=\"config.selectableAttr\" class=\"pointer\" @click.stop=\"toggleRow(item)\">\n              <Checkbox\n                :model-value=\"!!selectedKeys.has(item[config.selectableAttr])\"\n                @update:model-value=\"toggleRow(item)\"\n                @click.stop\n              />\n            </td>\n\n            <td\n              v-for=\"col in visibleColumns\"\n              :key=\"col.property\"\n              class=\"c-table__cell\"\n              :class=\"[\n                col.class,\n                { 'primary-col': col.primary },\n                /* { 'is-nowrap': String(getColumnValue(item, col) ?? '').length < CHARACTER_BREAKPOINT}, */\n              ]\"\n            >\n              <slot :name=\"`cell:${col.property}`\" :item=\"item\" :col=\"col\">\n                <DataCell :item=\"item\" :col=\"col\" :copy=\"!col.hideCopyToClipboard\" />\n              </slot>\n            </td>\n\n            <td v-if=\"config.actions\" class=\"c-actions-cell\">\n              <div class=\"c-actions-wrap\">\n                <DataListActions :actions=\"config.actions\" :item=\"item\" />\n              </div>\n            </td>\n          </tr>\n        </tbody>\n        <tbody v-else>\n          <tr class=\"c-table__loading-row\">\n            <td\n              :colspan=\"\n                visibleColumns.length + (config.selectableAttr ? 1 : 0) + (config.actions ? 1 : 0)\n              \"\n              class=\"c-table__loading-cell\"\n            >\n              <div class=\"c-table__loading-wrap\">\n                <Loader :loading=\"true\" size=\"2.5rem\" />\n              </div>\n            </td>\n          </tr>\n        </tbody>\n      </table>\n      <div v-if=\"loading && items.length > 0\" class=\"c-table__backdrop\" aria-hidden=\"true\">\n        <Loader :loading=\"true\" size=\"2.5rem\" />\n      </div>\n    </div>\n  </div>\n</template>\n\n<style lang=\"scss\" src=\"@/styles/components/data-table/data-table.scss\"></style>\n"],"mappings":"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"}
+{"version":3,"file":"admins-components65.js","names":[],"sources":["../src/components/data-table/DataTable.vue"],"sourcesContent":["<script lang=\"ts\">\nexport type {\n  LayoutMode,\n  DataListConfig,\n  DataListSettings,\n  DataTableSettings,\n  DataCardsSettings,\n  Column,\n  Sort,\n  Action,\n  ActionGroup,\n  FilterConfig,\n  FilterValue,\n} from '@/types/data-list'\n\nexport {\n  dataTableSettingsDefaults,\n  dataCardsSettingsDefaults,\n  dataListSettingsDefaults,\n} from '@/types/data-list'\n</script>\n\n<script setup lang=\"ts\">\nimport { computed, ref, onMounted, watch, nextTick } from 'vue'\nimport Checkbox from '@/components/Checkbox.vue'\nimport { useSelection } from '@/composables/useSelection'\nimport { dataTableSettingsDefaults } from '@/types/data-list'\nimport type { Column, DataListConfig, DataTableSettings, Sort } from '@/types/data-list'\nimport Loader from '@/components/Loader.vue'\nimport DataCell from './DataCell.vue'\nimport DataListActions from './DataListActions.vue'\n\ntype SortDirection = 'asc' | 'desc'\n\nconst props = withDefaults(\n  defineProps<{\n    config: DataListConfig\n    items: Record<string, unknown>[]\n    settings?: DataTableSettings\n    loading?: boolean\n    initialSort?: { key: string; direction: SortDirection } | null\n  }>(),\n  {\n    settings: () => ({ ...dataTableSettingsDefaults }),\n    loading: false,\n    initialSort: null,\n  },\n)\n\nconst emit = defineEmits<{\n  'selection-change': [selected: unknown[]]\n  'sort-change': [sort: { key: string; direction: SortDirection }]\n}>()\n\n//const CHARACTER_BREAKPOINT = 20\n\nconst activeSort = ref<{\n  key: string\n  direction: SortDirection\n} | null>(null)\n\nconst tableWrapperRef = ref<HTMLElement | null>(null)\n\nwatch(\n  () => props.loading,\n  async (isLoading) => {\n    if (isLoading) {\n      await nextTick()\n      tableWrapperRef.value?.scrollTo({ top: 0, behavior: 'smooth' })\n    }\n  },\n)\n\nconst {\n  selectedKeys,\n  allSelected,\n  toggle: toggleRow,\n  toggleAll,\n} = useSelection(\n  () => props.items,\n  () => props.config.selectableAttr,\n  (s) => emit('selection-change', s),\n)\n\nconst visibleColumns = computed(() => props.config.columns.filter((c) => c.visible !== false))\n\nfunction getSortConfig(col: Column): Sort | null {\n  if (!col.sort) return null\n  return typeof col.sort === 'boolean' ? null : col.sort\n}\n\nfunction isSortable(col: Column): boolean {\n  return !!col.sort\n}\n\nfunction handleSort(col: Column) {\n  const key = col.property\n  const direction: SortDirection =\n    activeSort.value?.key === key && activeSort.value.direction === 'asc' ? 'desc' : 'asc'\n\n  activeSort.value = { key, direction }\n  getSortConfig(col)?.callback?.(key, direction)\n\n  emit('sort-change', { key, direction })\n}\n\nfunction applyInitialSort(sort: { key: string; direction: SortDirection } | null | undefined) {\n  if (!sort) {\n    if (activeSort.value !== null) activeSort.value = null\n    return\n  }\n  const col = props.config.columns.find((c) => c.property === sort.key)\n  if (!col) return\n  if (activeSort.value?.key === sort.key && activeSort.value.direction === sort.direction) return\n  activeSort.value = { key: sort.key, direction: sort.direction }\n  getSortConfig(col)?.callback?.(sort.key, sort.direction)\n  emit('sort-change', { key: sort.key, direction: sort.direction })\n}\n\nonMounted(() => applyInitialSort(props.initialSort))\nwatch(\n  () => props.initialSort,\n  (s) => {\n    // When initialSort changes, sync the visual indicator only.\n    // Don't re-emit sort-change — that would cause an infinite loop with\n    // parents that re-assign the prop from the emitted value.\n    if (!s) {\n      if (activeSort.value !== null) activeSort.value = null\n      return\n    }\n    const col = props.config.columns.find((c) => c.property === s.key)\n    if (!col) return\n    if (activeSort.value?.key === s.key && activeSort.value.direction === s.direction) return\n    activeSort.value = { key: s.key, direction: s.direction }\n  },\n)\n</script>\n\n<template>\n  <div\n    ref=\"tableWrapperRef\"\n    class=\"ac-component c-table-wrapper list-table-view\"\n    :class=\"{ 'is-loading': loading }\"\n  >\n    <!-- :style=\"{ '--action-count': config.actions?.length ?? 0 }\" -->\n    <table class=\"c-table\" :class=\"{ 'is-compact': settings.compact }\">\n      <thead>\n        <tr>\n          <th v-if=\"config.selectableAttr\">\n            <Checkbox :model-value=\"allSelected\" @update:model-value=\"toggleAll\" />\n          </th>\n\n          <th\n            v-for=\"col in visibleColumns\"\n            :key=\"col.property\"\n            :class=\"[\n              {\n                'c-sortable': isSortable(col),\n                'c-sortable--sorted': activeSort?.key === col.property,\n                'primary-col': col.primary,\n              },\n              col.headerClass,\n            ]\"\n            :title=\"isSortable(col) ? `Sorrendezés ${col.label} alapján` : undefined\"\n            @click=\"isSortable(col) ? handleSort(col) : undefined\"\n          >\n            {{ !col.hideHeader ? col.label : '' }}\n\n            <span\n              v-if=\"isSortable(col)\"\n              class=\"c-sort-icon fa-solid\"\n              :class=\"{\n                'fa-sort': activeSort?.key !== col.property,\n                'fa-sort-down': activeSort?.key === col.property && activeSort.direction === 'desc',\n                'fa-sort-up': activeSort?.key === col.property && activeSort.direction === 'asc',\n                'c-sort-icon--active': activeSort?.key === col.property,\n                'is-asc': activeSort?.key === col.property && activeSort.direction === 'asc',\n                'is-desc': activeSort?.key === col.property && activeSort.direction === 'desc',\n              }\"\n            ></span>\n          </th>\n\n          <th v-if=\"config.actions\" class=\"c-actions-header\">\n            {{ config.actionHeader ?? '' }}\n          </th>\n        </tr>\n      </thead>\n\n      <tbody v-if=\"!loading || items.length > 0\">\n        <tr\n          v-for=\"(item, index) in items\"\n          :key=\"index\"\n          :class=\"{\n            'is-selected': config.selectableAttr && selectedKeys.has(item[config.selectableAttr]),\n            'is-striped': settings.striped && index % 2 === 1,\n          }\"\n        >\n          <td v-if=\"config.selectableAttr\" class=\"pointer\" @click.stop=\"toggleRow(item)\">\n            <Checkbox\n              :model-value=\"!!selectedKeys.has(item[config.selectableAttr])\"\n              @update:model-value=\"toggleRow(item)\"\n              @click.stop\n            />\n          </td>\n\n          <td\n            v-for=\"col in visibleColumns\"\n            :key=\"col.property\"\n            class=\"c-table__cell\"\n            :class=\"[\n              col.class,\n              { 'primary-col': col.primary },\n              /* { 'is-nowrap': String(getColumnValue(item, col) ?? '').length < CHARACTER_BREAKPOINT}, */\n            ]\"\n          >\n            <slot :name=\"`cell:${col.property}`\" :item=\"item\" :col=\"col\">\n              <DataCell :item=\"item\" :col=\"col\" :copy=\"!col.hideCopyToClipboard\" />\n            </slot>\n          </td>\n\n          <td v-if=\"config.actions\" class=\"c-actions-cell\">\n            <div class=\"c-actions-wrap\">\n              <DataListActions :actions=\"config.actions\" :item=\"item\" />\n            </div>\n          </td>\n        </tr>\n      </tbody>\n      <tbody v-else>\n        <tr class=\"c-table__loading-row\">\n          <td\n            :colspan=\"\n              visibleColumns.length + (config.selectableAttr ? 1 : 0) + (config.actions ? 1 : 0)\n            \"\n            class=\"c-table__loading-cell\"\n          >\n            <div class=\"c-table__loading-wrap\">\n              <Loader :loading=\"true\" size=\"2.5rem\" />\n            </div>\n          </td>\n        </tr>\n      </tbody>\n    </table>\n    <div v-if=\"loading && items.length > 0\" class=\"c-table__backdrop\" aria-hidden=\"true\">\n      <Loader :loading=\"true\" size=\"2.5rem\" />\n    </div>\n  </div>\n</template>\n\n<style lang=\"scss\" src=\"@/styles/components/data-table/data-table.scss\"></style>\n"],"mappings":"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"}

package/dist/admins-components67.js.map

@@ -1 +1 @@
-{"version":3,"file":"admins-components67.js","names":[],"sources":["../src/components/data-table/DataTable.vue"],"sourcesContent":["<script lang=\"ts\">\nexport type {\n  LayoutMode,\n  DataListConfig,\n  DataListSettings,\n  DataTableSettings,\n  DataCardsSettings,\n  Column,\n  Sort,\n  Action,\n  ActionGroup,\n  FilterConfig,\n  FilterValue,\n} from '@/types/data-list'\n\nexport {\n  dataTableSettingsDefaults,\n  dataCardsSettingsDefaults,\n  dataListSettingsDefaults,\n} from '@/types/data-list'\n</script>\n\n<script setup lang=\"ts\">\nimport { computed, ref, onMounted, watch, nextTick } from 'vue'\nimport Checkbox from '@/components/Checkbox.vue'\nimport { useSelection } from '@/composables/useSelection'\nimport { dataTableSettingsDefaults } from '@/types/data-list'\nimport type { Column, DataListConfig, DataTableSettings, Sort } from '@/types/data-list'\nimport Loader from '@/components/Loader.vue'\nimport DataCell from './DataCell.vue'\nimport DataListActions from './DataListActions.vue'\n\ntype SortDirection = 'asc' | 'desc'\n\nconst props = withDefaults(\n  defineProps<{\n    config: DataListConfig\n    items: Record<string, unknown>[]\n    settings?: DataTableSettings\n    loading?: boolean\n    initialSort?: { key: string; direction: SortDirection } | null\n  }>(),\n  {\n    settings: () => ({ ...dataTableSettingsDefaults }),\n    loading: false,\n    initialSort: null,\n  },\n)\n\nconst emit = defineEmits<{\n  'selection-change': [selected: unknown[]]\n  'sort-change': [sort: { key: string; direction: SortDirection }]\n}>()\n\n//const CHARACTER_BREAKPOINT = 20\n\nconst activeSort = ref<{\n  key: string\n  direction: SortDirection\n} | null>(null)\n\nconst tableWrapperRef = ref<HTMLElement | null>(null)\n\nwatch(\n  () => props.loading,\n  async (isLoading) => {\n    if (isLoading) {\n      await nextTick()\n      tableWrapperRef.value?.scrollTo({ top: 0, behavior: 'smooth' })\n    }\n  },\n)\n\nconst {\n  selectedKeys,\n  allSelected,\n  toggle: toggleRow,\n  toggleAll,\n} = useSelection(\n  () => props.items,\n  () => props.config.selectableAttr,\n  (s) => emit('selection-change', s),\n)\n\nconst visibleColumns = computed(() => props.config.columns.filter((c) => c.visible !== false))\n\nfunction getSortConfig(col: Column): Sort | null {\n  if (!col.sort) return null\n  return typeof col.sort === 'boolean' ? null : col.sort\n}\n\nfunction isSortable(col: Column): boolean {\n  return !!col.sort\n}\n\nfunction handleSort(col: Column) {\n  const key = col.property\n  const direction: SortDirection =\n    activeSort.value?.key === key && activeSort.value.direction === 'asc' ? 'desc' : 'asc'\n\n  activeSort.value = { key, direction }\n  getSortConfig(col)?.callback?.(key, direction)\n\n  emit('sort-change', { key, direction })\n}\n\nfunction applyInitialSort(sort: { key: string; direction: SortDirection } | null | undefined) {\n  if (!sort) {\n    if (activeSort.value !== null) activeSort.value = null\n    return\n  }\n  const col = props.config.columns.find((c) => c.property === sort.key)\n  if (!col) return\n  if (activeSort.value?.key === sort.key && activeSort.value.direction === sort.direction) return\n  activeSort.value = { key: sort.key, direction: sort.direction }\n  getSortConfig(col)?.callback?.(sort.key, sort.direction)\n  emit('sort-change', { key: sort.key, direction: sort.direction })\n}\n\nonMounted(() => applyInitialSort(props.initialSort))\nwatch(\n  () => props.initialSort,\n  (s) => {\n    // When initialSort changes, sync the visual indicator only.\n    // Don't re-emit sort-change — that would cause an infinite loop with\n    // parents that re-assign the prop from the emitted value.\n    if (!s) {\n      if (activeSort.value !== null) activeSort.value = null\n      return\n    }\n    const col = props.config.columns.find((c) => c.property === s.key)\n    if (!col) return\n    if (activeSort.value?.key === s.key && activeSort.value.direction === s.direction) return\n    activeSort.value = { key: s.key, direction: s.direction }\n  },\n)\n</script>\n\n<template>\n  <div class=\"ac-component\">\n    <div\n      ref=\"tableWrapperRef\"\n      class=\"c-table-wrapper list-table-view\"\n      :class=\"{ 'is-loading': loading }\"\n    >\n      <!-- :style=\"{ '--action-count': config.actions?.length ?? 0 }\" -->\n      <table class=\"c-table\" :class=\"{ 'is-compact': settings.compact }\">\n        <thead>\n          <tr>\n            <th v-if=\"config.selectableAttr\">\n              <Checkbox :model-value=\"allSelected\" @update:model-value=\"toggleAll\" />\n            </th>\n\n            <th\n              v-for=\"col in visibleColumns\"\n              :key=\"col.property\"\n              :class=\"[\n                {\n                  'c-sortable': isSortable(col),\n                  'c-sortable--sorted': activeSort?.key === col.property,\n                  'primary-col': col.primary,\n                },\n                col.headerClass,\n              ]\"\n              :title=\"isSortable(col) ? `Sorrendezés ${col.label} alapján` : undefined\"\n              @click=\"isSortable(col) ? handleSort(col) : undefined\"\n            >\n              {{ !col.hideHeader ? col.label : '' }}\n\n              <span\n                v-if=\"isSortable(col)\"\n                class=\"c-sort-icon fa-solid\"\n                :class=\"{\n                  'fa-sort': activeSort?.key !== col.property,\n                  'fa-sort-down':\n                    activeSort?.key === col.property && activeSort.direction === 'desc',\n                  'fa-sort-up': activeSort?.key === col.property && activeSort.direction === 'asc',\n                  'c-sort-icon--active': activeSort?.key === col.property,\n                  'is-asc': activeSort?.key === col.property && activeSort.direction === 'asc',\n                  'is-desc': activeSort?.key === col.property && activeSort.direction === 'desc',\n                }\"\n              ></span>\n            </th>\n\n            <th v-if=\"config.actions\" class=\"c-actions-header\">\n              {{ config.actionHeader ?? '' }}\n            </th>\n          </tr>\n        </thead>\n\n        <tbody v-if=\"!loading || items.length > 0\">\n          <tr\n            v-for=\"(item, index) in items\"\n            :key=\"index\"\n            :class=\"{\n              'is-selected': config.selectableAttr && selectedKeys.has(item[config.selectableAttr]),\n              'is-striped': settings.striped && index % 2 === 1,\n            }\"\n          >\n            <td v-if=\"config.selectableAttr\" class=\"pointer\" @click.stop=\"toggleRow(item)\">\n              <Checkbox\n                :model-value=\"!!selectedKeys.has(item[config.selectableAttr])\"\n                @update:model-value=\"toggleRow(item)\"\n                @click.stop\n              />\n            </td>\n\n            <td\n              v-for=\"col in visibleColumns\"\n              :key=\"col.property\"\n              class=\"c-table__cell\"\n              :class=\"[\n                col.class,\n                { 'primary-col': col.primary },\n                /* { 'is-nowrap': String(getColumnValue(item, col) ?? '').length < CHARACTER_BREAKPOINT}, */\n              ]\"\n            >\n              <slot :name=\"`cell:${col.property}`\" :item=\"item\" :col=\"col\">\n                <DataCell :item=\"item\" :col=\"col\" :copy=\"!col.hideCopyToClipboard\" />\n              </slot>\n            </td>\n\n            <td v-if=\"config.actions\" class=\"c-actions-cell\">\n              <div class=\"c-actions-wrap\">\n                <DataListActions :actions=\"config.actions\" :item=\"item\" />\n              </div>\n            </td>\n          </tr>\n        </tbody>\n        <tbody v-else>\n          <tr class=\"c-table__loading-row\">\n            <td\n              :colspan=\"\n                visibleColumns.length + (config.selectableAttr ? 1 : 0) + (config.actions ? 1 : 0)\n              \"\n              class=\"c-table__loading-cell\"\n            >\n              <div class=\"c-table__loading-wrap\">\n                <Loader :loading=\"true\" size=\"2.5rem\" />\n              </div>\n            </td>\n          </tr>\n        </tbody>\n      </table>\n      <div v-if=\"loading && items.length > 0\" class=\"c-table__backdrop\" aria-hidden=\"true\">\n        <Loader :loading=\"true\" size=\"2.5rem\" />\n      </div>\n    </div>\n  </div>\n</template>\n\n<style lang=\"scss\" src=\"@/styles/components/data-table/data-table.scss\"></style>\n"],"mappings":""}
+{"version":3,"file":"admins-components67.js","names":[],"sources":["../src/components/data-table/DataTable.vue"],"sourcesContent":["<script lang=\"ts\">\nexport type {\n  LayoutMode,\n  DataListConfig,\n  DataListSettings,\n  DataTableSettings,\n  DataCardsSettings,\n  Column,\n  Sort,\n  Action,\n  ActionGroup,\n  FilterConfig,\n  FilterValue,\n} from '@/types/data-list'\n\nexport {\n  dataTableSettingsDefaults,\n  dataCardsSettingsDefaults,\n  dataListSettingsDefaults,\n} from '@/types/data-list'\n</script>\n\n<script setup lang=\"ts\">\nimport { computed, ref, onMounted, watch, nextTick } from 'vue'\nimport Checkbox from '@/components/Checkbox.vue'\nimport { useSelection } from '@/composables/useSelection'\nimport { dataTableSettingsDefaults } from '@/types/data-list'\nimport type { Column, DataListConfig, DataTableSettings, Sort } from '@/types/data-list'\nimport Loader from '@/components/Loader.vue'\nimport DataCell from './DataCell.vue'\nimport DataListActions from './DataListActions.vue'\n\ntype SortDirection = 'asc' | 'desc'\n\nconst props = withDefaults(\n  defineProps<{\n    config: DataListConfig\n    items: Record<string, unknown>[]\n    settings?: DataTableSettings\n    loading?: boolean\n    initialSort?: { key: string; direction: SortDirection } | null\n  }>(),\n  {\n    settings: () => ({ ...dataTableSettingsDefaults }),\n    loading: false,\n    initialSort: null,\n  },\n)\n\nconst emit = defineEmits<{\n  'selection-change': [selected: unknown[]]\n  'sort-change': [sort: { key: string; direction: SortDirection }]\n}>()\n\n//const CHARACTER_BREAKPOINT = 20\n\nconst activeSort = ref<{\n  key: string\n  direction: SortDirection\n} | null>(null)\n\nconst tableWrapperRef = ref<HTMLElement | null>(null)\n\nwatch(\n  () => props.loading,\n  async (isLoading) => {\n    if (isLoading) {\n      await nextTick()\n      tableWrapperRef.value?.scrollTo({ top: 0, behavior: 'smooth' })\n    }\n  },\n)\n\nconst {\n  selectedKeys,\n  allSelected,\n  toggle: toggleRow,\n  toggleAll,\n} = useSelection(\n  () => props.items,\n  () => props.config.selectableAttr,\n  (s) => emit('selection-change', s),\n)\n\nconst visibleColumns = computed(() => props.config.columns.filter((c) => c.visible !== false))\n\nfunction getSortConfig(col: Column): Sort | null {\n  if (!col.sort) return null\n  return typeof col.sort === 'boolean' ? null : col.sort\n}\n\nfunction isSortable(col: Column): boolean {\n  return !!col.sort\n}\n\nfunction handleSort(col: Column) {\n  const key = col.property\n  const direction: SortDirection =\n    activeSort.value?.key === key && activeSort.value.direction === 'asc' ? 'desc' : 'asc'\n\n  activeSort.value = { key, direction }\n  getSortConfig(col)?.callback?.(key, direction)\n\n  emit('sort-change', { key, direction })\n}\n\nfunction applyInitialSort(sort: { key: string; direction: SortDirection } | null | undefined) {\n  if (!sort) {\n    if (activeSort.value !== null) activeSort.value = null\n    return\n  }\n  const col = props.config.columns.find((c) => c.property === sort.key)\n  if (!col) return\n  if (activeSort.value?.key === sort.key && activeSort.value.direction === sort.direction) return\n  activeSort.value = { key: sort.key, direction: sort.direction }\n  getSortConfig(col)?.callback?.(sort.key, sort.direction)\n  emit('sort-change', { key: sort.key, direction: sort.direction })\n}\n\nonMounted(() => applyInitialSort(props.initialSort))\nwatch(\n  () => props.initialSort,\n  (s) => {\n    // When initialSort changes, sync the visual indicator only.\n    // Don't re-emit sort-change — that would cause an infinite loop with\n    // parents that re-assign the prop from the emitted value.\n    if (!s) {\n      if (activeSort.value !== null) activeSort.value = null\n      return\n    }\n    const col = props.config.columns.find((c) => c.property === s.key)\n    if (!col) return\n    if (activeSort.value?.key === s.key && activeSort.value.direction === s.direction) return\n    activeSort.value = { key: s.key, direction: s.direction }\n  },\n)\n</script>\n\n<template>\n  <div\n    ref=\"tableWrapperRef\"\n    class=\"ac-component c-table-wrapper list-table-view\"\n    :class=\"{ 'is-loading': loading }\"\n  >\n    <!-- :style=\"{ '--action-count': config.actions?.length ?? 0 }\" -->\n    <table class=\"c-table\" :class=\"{ 'is-compact': settings.compact }\">\n      <thead>\n        <tr>\n          <th v-if=\"config.selectableAttr\">\n            <Checkbox :model-value=\"allSelected\" @update:model-value=\"toggleAll\" />\n          </th>\n\n          <th\n            v-for=\"col in visibleColumns\"\n            :key=\"col.property\"\n            :class=\"[\n              {\n                'c-sortable': isSortable(col),\n                'c-sortable--sorted': activeSort?.key === col.property,\n                'primary-col': col.primary,\n              },\n              col.headerClass,\n            ]\"\n            :title=\"isSortable(col) ? `Sorrendezés ${col.label} alapján` : undefined\"\n            @click=\"isSortable(col) ? handleSort(col) : undefined\"\n          >\n            {{ !col.hideHeader ? col.label : '' }}\n\n            <span\n              v-if=\"isSortable(col)\"\n              class=\"c-sort-icon fa-solid\"\n              :class=\"{\n                'fa-sort': activeSort?.key !== col.property,\n                'fa-sort-down': activeSort?.key === col.property && activeSort.direction === 'desc',\n                'fa-sort-up': activeSort?.key === col.property && activeSort.direction === 'asc',\n                'c-sort-icon--active': activeSort?.key === col.property,\n                'is-asc': activeSort?.key === col.property && activeSort.direction === 'asc',\n                'is-desc': activeSort?.key === col.property && activeSort.direction === 'desc',\n              }\"\n            ></span>\n          </th>\n\n          <th v-if=\"config.actions\" class=\"c-actions-header\">\n            {{ config.actionHeader ?? '' }}\n          </th>\n        </tr>\n      </thead>\n\n      <tbody v-if=\"!loading || items.length > 0\">\n        <tr\n          v-for=\"(item, index) in items\"\n          :key=\"index\"\n          :class=\"{\n            'is-selected': config.selectableAttr && selectedKeys.has(item[config.selectableAttr]),\n            'is-striped': settings.striped && index % 2 === 1,\n          }\"\n        >\n          <td v-if=\"config.selectableAttr\" class=\"pointer\" @click.stop=\"toggleRow(item)\">\n            <Checkbox\n              :model-value=\"!!selectedKeys.has(item[config.selectableAttr])\"\n              @update:model-value=\"toggleRow(item)\"\n              @click.stop\n            />\n          </td>\n\n          <td\n            v-for=\"col in visibleColumns\"\n            :key=\"col.property\"\n            class=\"c-table__cell\"\n            :class=\"[\n              col.class,\n              { 'primary-col': col.primary },\n              /* { 'is-nowrap': String(getColumnValue(item, col) ?? '').length < CHARACTER_BREAKPOINT}, */\n            ]\"\n          >\n            <slot :name=\"`cell:${col.property}`\" :item=\"item\" :col=\"col\">\n              <DataCell :item=\"item\" :col=\"col\" :copy=\"!col.hideCopyToClipboard\" />\n            </slot>\n          </td>\n\n          <td v-if=\"config.actions\" class=\"c-actions-cell\">\n            <div class=\"c-actions-wrap\">\n              <DataListActions :actions=\"config.actions\" :item=\"item\" />\n            </div>\n          </td>\n        </tr>\n      </tbody>\n      <tbody v-else>\n        <tr class=\"c-table__loading-row\">\n          <td\n            :colspan=\"\n              visibleColumns.length + (config.selectableAttr ? 1 : 0) + (config.actions ? 1 : 0)\n            \"\n            class=\"c-table__loading-cell\"\n          >\n            <div class=\"c-table__loading-wrap\">\n              <Loader :loading=\"true\" size=\"2.5rem\" />\n            </div>\n          </td>\n        </tr>\n      </tbody>\n    </table>\n    <div v-if=\"loading && items.length > 0\" class=\"c-table__backdrop\" aria-hidden=\"true\">\n      <Loader :loading=\"true\" size=\"2.5rem\" />\n    </div>\n  </div>\n</template>\n\n<style lang=\"scss\" src=\"@/styles/components/data-table/data-table.scss\"></style>\n"],"mappings":""}

package/dist/admins-components68.js

@@ -9,7 +9,7 @@ import s from "./admins-components62.js";
 import c from "./admins-components64.js";
 import { Fragment as l, computed as u, createBlock as d, createCommentVNode as f, createElementBlock as p, createElementVNode as m, createVNode as h, defineComponent as g, isVNode as _, nextTick as v, normalizeClass as y, openBlock as b, ref as x, renderList as S, renderSlot as C, resolveDirective as w, resolveDynamicComponent as T, toDisplayString as E, unref as D, vShow as O, watch as k, withDirectives as A, withModifiers as j } from "vue";
 //#region src/components/data-table/DataCards.vue?vue&type=script&setup=true&lang.ts
-var M = { class: "ac-component" }, ee = ["onClick", "onPointerdown"], N = ["onClick"], P = { class: "c-card__heading" }, F = { class: "c-card__label" }, I = ["innerHTML"], L = ["innerHTML"], R = { class: "c-card__body" }, z = { class: "c-card__field-label" }, B = {
+var M = ["onClick", "onPointerdown"], N = ["onClick"], P = { class: "c-card__heading" }, F = { class: "c-card__label" }, I = ["innerHTML"], L = ["innerHTML"], R = { class: "c-card__body" }, z = { class: "c-card__field-label" }, B = {
 	key: 1,
 	class: "c-cards__loading-wrap"
 }, V = {
@@ -64,25 +64,25 @@ var M = { class: "ac-component" }, ee = ["onClick", "onPointerdown"], N = ["onCl
 		function $() {
 			X &&= (clearTimeout(X), null);
 		}
-		function te(e) {
+		function ee(e) {
 			Z && e.preventDefault();
 		}
-		function ne(e) {
+		function te(e) {
 			if (Z) {
 				Z = !1;
 				return;
 			}
-			re(e);
+			ne(e);
 		}
-		function re(e) {
+		function ne(e) {
 			K.value.has(e) ? K.value.delete(e) : K.value.add(e), K.value = new Set(K.value);
 		}
 		return (r, u) => {
 			let g = w("tooltip");
-			return b(), p("div", M, [m("div", {
+			return b(), p("div", {
 				ref_key: "cardsWrapperRef",
 				ref: q,
-				class: y(["c-cards-wrapper list-card-view", { "is-loading": i.loading }])
+				class: y(["ac-component c-cards-wrapper list-card-view", { "is-loading": i.loading }])
 			}, [!i.loading || i.items.length > 0 ? (b(), p("div", {
 				key: 0,
 				class: y(["c-cards", { "is-compact": i.settings.compact }])
@@ -95,11 +95,11 @@ var M = { class: "ac-component" }, ee = ["onClick", "onPointerdown"], N = ["onCl
 			}, [m("button", {
 				type: "button",
 				class: "c-card__header",
-				onClick: (e) => ne(v),
+				onClick: (e) => te(v),
 				onPointerdown: (e) => Q(e, t),
 				onPointerup: u[1] ||= (e) => $(),
 				onPointerleave: u[2] ||= (e) => $(),
-				onContextmenu: te
+				onContextmenu: ee
 			}, [
 				i.config.selectableAttr ? (b(), p("span", {
 					key: 0,
@@ -124,7 +124,7 @@ var M = { class: "ac-component" }, ee = ["onClick", "onPointerdown"], N = ["onCl
 					class: "c-card__icon",
 					"aria-hidden": "true"
 				}, [m("i", { class: "fa-solid fa-chevron-down" })], -1)
-			], 40, ee), A(m("div", R, [(b(!0), p(l, null, S(J.value, (e) => (b(), p("div", {
+			], 40, M), A(m("div", R, [(b(!0), p(l, null, S(J.value, (e) => (b(), p("div", {
 				key: e.property,
 				class: "c-card__field"
 			}, [
@@ -156,7 +156,7 @@ var M = { class: "ac-component" }, ee = ["onClick", "onPointerdown"], N = ["onCl
 			})])), i.loading && i.items.length > 0 ? (b(), p("div", V, [h(t, {
 				loading: !0,
 				size: "2.5rem"
-			})])) : f("", !0)], 2)]);
+			})])) : f("", !0)], 2);
 		};
 	}
 });

package/dist/admins-components68.js.map

@@ -1 +1 @@
-{"version":3,"file":"admins-components68.js","names":[],"sources":["../src/components/data-table/DataCards.vue"],"sourcesContent":["<script lang=\"ts\">\nimport type { DataListConfig, DataCardsSettings, DataListSettings } from '@/types/data-list'\nimport DataCell from './DataCell.vue'\nimport DataListActions from './DataListActions.vue'\nexport { dataCardsSettingsDefaults } from '@/types/data-list'\n</script>\n\n<script setup lang=\"ts\">\nimport { computed, ref, watch, isVNode, nextTick } from 'vue'\nimport Checkbox from '@/components/Checkbox.vue'\nimport CopyToClipboard from '@/components/CopyToClipboard.vue'\nimport Loader from '@/components/Loader.vue'\nimport { useSelection } from '@/composables/useSelection'\nimport { dataCardsSettingsDefaults } from '@/types/data-list'\nimport { getColumnValue } from '@/utils/dataList'\nimport { shortUuid } from '@/utils/dataListConverters'\n\nconst props = withDefaults(\n  defineProps<{\n    config: DataListConfig\n    items: Record<string, unknown>[]\n    settings?: DataCardsSettings | DataListSettings\n    loading?: boolean\n  }>(),\n  {\n    settings: () => ({ ...dataCardsSettingsDefaults }),\n    loading: false,\n  },\n)\n\nconst emit = defineEmits<{\n  'selection-change': [selected: unknown[]]\n}>()\n\nconst { selectedKeys, toggle: toggleRow } = useSelection(\n  () => props.items,\n  () => props.config.selectableAttr,\n  (s) => emit('selection-change', s),\n)\n\nconst openRowIndexes = ref<Set<number>>(new Set())\n\nconst cardsWrapperRef = ref<HTMLElement | null>(null)\n\nwatch(\n  () => props.loading,\n  async (isLoading) => {\n    if (isLoading) {\n      await nextTick()\n      cardsWrapperRef.value?.scrollTo({ top: 0, behavior: 'smooth' })\n    }\n  },\n)\n\nwatch(\n  () => props.items,\n  () => {\n    openRowIndexes.value = new Set()\n  },\n)\n\nconst visibleColumns = computed(() => props.config.columns.filter((c) => c.visible !== false))\n\nconst cardHeaderColumns = computed(() => {\n  const s = props.settings as any\n  if (s?.cardHeaderColumns) {\n    const cols = visibleColumns.value.filter((c) => s.cardHeaderColumns[c.property])\n    if (cols.length > 0) {\n      if (s.cardHeaderOrder) {\n        const order = s.cardHeaderOrder as string[]\n        return [...cols].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 cols\n    }\n  }\n  const primary = visibleColumns.value.filter((c) => c.primary)\n  if (primary.length > 0) return primary\n\n  return visibleColumns.value.slice(0, 1)\n})\n\nlet longPressTimer: ReturnType<typeof setTimeout> | null = null\nlet longPressTriggered = false\n\nfunction onPointerDown(e: PointerEvent, item: Record<string, unknown>) {\n  if (!props.config.selectableAttr) return\n  if (e.button !== 0) return\n  longPressTriggered = false\n  longPressTimer = setTimeout(() => {\n    longPressTriggered = true\n    toggleRow(item)\n  }, 500)\n}\n\nfunction onPointerUp() {\n  if (longPressTimer) {\n    clearTimeout(longPressTimer)\n    longPressTimer = null\n  }\n}\n\nfunction onContextMenu(e: MouseEvent) {\n  if (longPressTriggered) {\n    e.preventDefault()\n  }\n}\n\nfunction onHeaderClick(index: number) {\n  if (longPressTriggered) {\n    longPressTriggered = false\n    return\n  }\n  toggleAccordion(index)\n}\n\nfunction toggleAccordion(index: number) {\n  if (openRowIndexes.value.has(index)) {\n    openRowIndexes.value.delete(index)\n  } else {\n    openRowIndexes.value.add(index)\n  }\n  openRowIndexes.value = new Set(openRowIndexes.value)\n}\n\n/* function isCardHeaderVNode(value: unknown): boolean {\n  return isVNode(value)\n} */\n</script>\n\n<template>\n  <div class=\"ac-component\">\n    <div\n      ref=\"cardsWrapperRef\"\n      class=\"c-cards-wrapper list-card-view\"\n      :class=\"{ 'is-loading': loading }\"\n    >\n      <div\n        v-if=\"!loading || items.length > 0\"\n        class=\"c-cards\"\n        :class=\"{ 'is-compact': settings.compact }\"\n      >\n        <div\n          v-for=\"(item, index) in items\"\n          :key=\"index\"\n          class=\"c-card\"\n          :class=\"{\n            'is-open': openRowIndexes.has(index),\n            'is-selected': config.selectableAttr && selectedKeys.has(item[config.selectableAttr]),\n          }\"\n        >\n          <button\n            type=\"button\"\n            class=\"c-card__header\"\n            @click=\"onHeaderClick(index)\"\n            @pointerdown=\"onPointerDown($event, item)\"\n            @pointerup=\"onPointerUp()\"\n            @pointerleave=\"onPointerUp()\"\n            @contextmenu=\"onContextMenu\"\n          >\n            <span\n              v-if=\"config.selectableAttr\"\n              class=\"c-card__check-zone\"\n              @click.stop=\"toggleRow(item)\"\n            >\n              <Checkbox\n                :model-value=\"!!selectedKeys.has(item[config.selectableAttr])\"\n                @update:model-value=\"toggleRow(item)\"\n                @click.stop\n              />\n            </span>\n            <span class=\"c-card__heading\">\n              <span\n                v-for=\"(col, i) in cardHeaderColumns\"\n                :key=\"col.property\"\n                class=\"c-card__heading-item\"\n                :class=\"[{ primary: col.primary }, col.headerClass]\"\n              >\n                <span class=\"c-card__label\">{{ !col.hideHeader ? col.label : '' }}</span>\n                <span class=\"c-card__title\" :class=\"{ 'c-truncate': settings.compact && i === 0 }\">\n                  <component\n                    v-if=\"isVNode(getColumnValue(item, col))\"\n                    :is=\"getColumnValue(item, col)\"\n                  />\n                  <span\n                    v-else-if=\"col.type === 'uuid'\"\n                    v-tooltip=\"getColumnValue(item, col)\"\n                    v-html=\"shortUuid()(getColumnValue(item, col) as string)\"\n                  ></span>\n                  <span v-else v-html=\"getColumnValue(item, col)\"></span>\n                </span>\n              </span>\n            </span>\n            <span class=\"c-card__icon\" aria-hidden=\"true\"\n              ><i class=\"fa-solid fa-chevron-down\"></i\n            ></span>\n          </button>\n\n          <div v-show=\"openRowIndexes.has(index)\" class=\"c-card__body\">\n            <div v-for=\"col in visibleColumns\" :key=\"col.property\" class=\"c-card__field\">\n              <span class=\"c-card__field-label\">{{ col.label }}</span>\n              <slot :name=\"`cell:${col.property}`\" :item=\"item\" :col=\"col\">\n                <DataCell :item=\"item\" :col=\"col\" class=\"c-card__field-value\" :copy=\"false\" />\n              </slot>\n\n              <CopyToClipboard\n                v-if=\"getColumnValue(item, col) && !col.hideCopyToClipboard\"\n                class=\"c-card__field-copy click-expand\"\n                :value=\"getColumnValue(item, col)\"\n              />\n            </div>\n\n            <div v-if=\"config.actions\" class=\"c-card__actions\" @click.stop>\n              <DataListActions :actions=\"config.actions\" :item=\"item\" />\n            </div>\n          </div>\n        </div>\n      </div>\n      <div v-else class=\"c-cards__loading-wrap\">\n        <Loader :loading=\"true\" size=\"2.5rem\" />\n      </div>\n      <div v-if=\"loading && items.length > 0\" class=\"c-cards__backdrop\" aria-hidden=\"true\">\n        <Loader :loading=\"true\" size=\"2.5rem\" />\n      </div>\n    </div>\n  </div>\n</template>\n\n<style lang=\"scss\" src=\"@/styles/components/data-table/data-cards.scss\"></style>\n"],"mappings":"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"}
+{"version":3,"file":"admins-components68.js","names":[],"sources":["../src/components/data-table/DataCards.vue"],"sourcesContent":["<script lang=\"ts\">\nimport type { DataListConfig, DataCardsSettings, DataListSettings } from '@/types/data-list'\nimport DataCell from './DataCell.vue'\nimport DataListActions from './DataListActions.vue'\nexport { dataCardsSettingsDefaults } from '@/types/data-list'\n</script>\n\n<script setup lang=\"ts\">\nimport { computed, ref, watch, isVNode, nextTick } from 'vue'\nimport Checkbox from '@/components/Checkbox.vue'\nimport CopyToClipboard from '@/components/CopyToClipboard.vue'\nimport Loader from '@/components/Loader.vue'\nimport { useSelection } from '@/composables/useSelection'\nimport { dataCardsSettingsDefaults } from '@/types/data-list'\nimport { getColumnValue } from '@/utils/dataList'\nimport { shortUuid } from '@/utils/dataListConverters'\n\nconst props = withDefaults(\n  defineProps<{\n    config: DataListConfig\n    items: Record<string, unknown>[]\n    settings?: DataCardsSettings | DataListSettings\n    loading?: boolean\n  }>(),\n  {\n    settings: () => ({ ...dataCardsSettingsDefaults }),\n    loading: false,\n  },\n)\n\nconst emit = defineEmits<{\n  'selection-change': [selected: unknown[]]\n}>()\n\nconst { selectedKeys, toggle: toggleRow } = useSelection(\n  () => props.items,\n  () => props.config.selectableAttr,\n  (s) => emit('selection-change', s),\n)\n\nconst openRowIndexes = ref<Set<number>>(new Set())\n\nconst cardsWrapperRef = ref<HTMLElement | null>(null)\n\nwatch(\n  () => props.loading,\n  async (isLoading) => {\n    if (isLoading) {\n      await nextTick()\n      cardsWrapperRef.value?.scrollTo({ top: 0, behavior: 'smooth' })\n    }\n  },\n)\n\nwatch(\n  () => props.items,\n  () => {\n    openRowIndexes.value = new Set()\n  },\n)\n\nconst visibleColumns = computed(() => props.config.columns.filter((c) => c.visible !== false))\n\nconst cardHeaderColumns = computed(() => {\n  const s = props.settings as any\n  if (s?.cardHeaderColumns) {\n    const cols = visibleColumns.value.filter((c) => s.cardHeaderColumns[c.property])\n    if (cols.length > 0) {\n      if (s.cardHeaderOrder) {\n        const order = s.cardHeaderOrder as string[]\n        return [...cols].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 cols\n    }\n  }\n  const primary = visibleColumns.value.filter((c) => c.primary)\n  if (primary.length > 0) return primary\n\n  return visibleColumns.value.slice(0, 1)\n})\n\nlet longPressTimer: ReturnType<typeof setTimeout> | null = null\nlet longPressTriggered = false\n\nfunction onPointerDown(e: PointerEvent, item: Record<string, unknown>) {\n  if (!props.config.selectableAttr) return\n  if (e.button !== 0) return\n  longPressTriggered = false\n  longPressTimer = setTimeout(() => {\n    longPressTriggered = true\n    toggleRow(item)\n  }, 500)\n}\n\nfunction onPointerUp() {\n  if (longPressTimer) {\n    clearTimeout(longPressTimer)\n    longPressTimer = null\n  }\n}\n\nfunction onContextMenu(e: MouseEvent) {\n  if (longPressTriggered) {\n    e.preventDefault()\n  }\n}\n\nfunction onHeaderClick(index: number) {\n  if (longPressTriggered) {\n    longPressTriggered = false\n    return\n  }\n  toggleAccordion(index)\n}\n\nfunction toggleAccordion(index: number) {\n  if (openRowIndexes.value.has(index)) {\n    openRowIndexes.value.delete(index)\n  } else {\n    openRowIndexes.value.add(index)\n  }\n  openRowIndexes.value = new Set(openRowIndexes.value)\n}\n\n/* function isCardHeaderVNode(value: unknown): boolean {\n  return isVNode(value)\n} */\n</script>\n\n<template>\n  <div\n    ref=\"cardsWrapperRef\"\n    class=\"ac-component c-cards-wrapper list-card-view\"\n    :class=\"{ 'is-loading': loading }\"\n  >\n    <div\n      v-if=\"!loading || items.length > 0\"\n      class=\"c-cards\"\n      :class=\"{ 'is-compact': settings.compact }\"\n    >\n      <div\n        v-for=\"(item, index) in items\"\n        :key=\"index\"\n        class=\"c-card\"\n        :class=\"{\n          'is-open': openRowIndexes.has(index),\n          'is-selected': config.selectableAttr && selectedKeys.has(item[config.selectableAttr]),\n        }\"\n      >\n        <button\n          type=\"button\"\n          class=\"c-card__header\"\n          @click=\"onHeaderClick(index)\"\n          @pointerdown=\"onPointerDown($event, item)\"\n          @pointerup=\"onPointerUp()\"\n          @pointerleave=\"onPointerUp()\"\n          @contextmenu=\"onContextMenu\"\n        >\n          <span\n            v-if=\"config.selectableAttr\"\n            class=\"c-card__check-zone\"\n            @click.stop=\"toggleRow(item)\"\n          >\n            <Checkbox\n              :model-value=\"!!selectedKeys.has(item[config.selectableAttr])\"\n              @update:model-value=\"toggleRow(item)\"\n              @click.stop\n            />\n          </span>\n          <span class=\"c-card__heading\">\n            <span\n              v-for=\"(col, i) in cardHeaderColumns\"\n              :key=\"col.property\"\n              class=\"c-card__heading-item\"\n              :class=\"[{ primary: col.primary }, col.headerClass]\"\n            >\n              <span class=\"c-card__label\">{{ !col.hideHeader ? col.label : '' }}</span>\n              <span class=\"c-card__title\" :class=\"{ 'c-truncate': settings.compact && i === 0 }\">\n                <component\n                  v-if=\"isVNode(getColumnValue(item, col))\"\n                  :is=\"getColumnValue(item, col)\"\n                />\n                <span\n                  v-else-if=\"col.type === 'uuid'\"\n                  v-tooltip=\"getColumnValue(item, col)\"\n                  v-html=\"shortUuid()(getColumnValue(item, col) as string)\"\n                ></span>\n                <span v-else v-html=\"getColumnValue(item, col)\"></span>\n              </span>\n            </span>\n          </span>\n          <span class=\"c-card__icon\" aria-hidden=\"true\"\n            ><i class=\"fa-solid fa-chevron-down\"></i\n          ></span>\n        </button>\n\n        <div v-show=\"openRowIndexes.has(index)\" class=\"c-card__body\">\n          <div v-for=\"col in visibleColumns\" :key=\"col.property\" class=\"c-card__field\">\n            <span class=\"c-card__field-label\">{{ col.label }}</span>\n            <slot :name=\"`cell:${col.property}`\" :item=\"item\" :col=\"col\">\n              <DataCell :item=\"item\" :col=\"col\" class=\"c-card__field-value\" :copy=\"false\" />\n            </slot>\n\n            <CopyToClipboard\n              v-if=\"getColumnValue(item, col) && !col.hideCopyToClipboard\"\n              class=\"c-card__field-copy click-expand\"\n              :value=\"getColumnValue(item, col)\"\n            />\n          </div>\n\n          <div v-if=\"config.actions\" class=\"c-card__actions\" @click.stop>\n            <DataListActions :actions=\"config.actions\" :item=\"item\" />\n          </div>\n        </div>\n      </div>\n    </div>\n    <div v-else class=\"c-cards__loading-wrap\">\n      <Loader :loading=\"true\" size=\"2.5rem\" />\n    </div>\n    <div v-if=\"loading && items.length > 0\" class=\"c-cards__backdrop\" aria-hidden=\"true\">\n      <Loader :loading=\"true\" size=\"2.5rem\" />\n    </div>\n  </div>\n</template>\n\n<style lang=\"scss\" src=\"@/styles/components/data-table/data-cards.scss\"></style>\n"],"mappings":"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"}

package/dist/admins-components70.js.map

@@ -1 +1 @@
-{"version":3,"file":"admins-components70.js","names":[],"sources":["../src/components/data-table/DataCards.vue"],"sourcesContent":["<script lang=\"ts\">\nimport type { DataListConfig, DataCardsSettings, DataListSettings } from '@/types/data-list'\nimport DataCell from './DataCell.vue'\nimport DataListActions from './DataListActions.vue'\nexport { dataCardsSettingsDefaults } from '@/types/data-list'\n</script>\n\n<script setup lang=\"ts\">\nimport { computed, ref, watch, isVNode, nextTick } from 'vue'\nimport Checkbox from '@/components/Checkbox.vue'\nimport CopyToClipboard from '@/components/CopyToClipboard.vue'\nimport Loader from '@/components/Loader.vue'\nimport { useSelection } from '@/composables/useSelection'\nimport { dataCardsSettingsDefaults } from '@/types/data-list'\nimport { getColumnValue } from '@/utils/dataList'\nimport { shortUuid } from '@/utils/dataListConverters'\n\nconst props = withDefaults(\n  defineProps<{\n    config: DataListConfig\n    items: Record<string, unknown>[]\n    settings?: DataCardsSettings | DataListSettings\n    loading?: boolean\n  }>(),\n  {\n    settings: () => ({ ...dataCardsSettingsDefaults }),\n    loading: false,\n  },\n)\n\nconst emit = defineEmits<{\n  'selection-change': [selected: unknown[]]\n}>()\n\nconst { selectedKeys, toggle: toggleRow } = useSelection(\n  () => props.items,\n  () => props.config.selectableAttr,\n  (s) => emit('selection-change', s),\n)\n\nconst openRowIndexes = ref<Set<number>>(new Set())\n\nconst cardsWrapperRef = ref<HTMLElement | null>(null)\n\nwatch(\n  () => props.loading,\n  async (isLoading) => {\n    if (isLoading) {\n      await nextTick()\n      cardsWrapperRef.value?.scrollTo({ top: 0, behavior: 'smooth' })\n    }\n  },\n)\n\nwatch(\n  () => props.items,\n  () => {\n    openRowIndexes.value = new Set()\n  },\n)\n\nconst visibleColumns = computed(() => props.config.columns.filter((c) => c.visible !== false))\n\nconst cardHeaderColumns = computed(() => {\n  const s = props.settings as any\n  if (s?.cardHeaderColumns) {\n    const cols = visibleColumns.value.filter((c) => s.cardHeaderColumns[c.property])\n    if (cols.length > 0) {\n      if (s.cardHeaderOrder) {\n        const order = s.cardHeaderOrder as string[]\n        return [...cols].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 cols\n    }\n  }\n  const primary = visibleColumns.value.filter((c) => c.primary)\n  if (primary.length > 0) return primary\n\n  return visibleColumns.value.slice(0, 1)\n})\n\nlet longPressTimer: ReturnType<typeof setTimeout> | null = null\nlet longPressTriggered = false\n\nfunction onPointerDown(e: PointerEvent, item: Record<string, unknown>) {\n  if (!props.config.selectableAttr) return\n  if (e.button !== 0) return\n  longPressTriggered = false\n  longPressTimer = setTimeout(() => {\n    longPressTriggered = true\n    toggleRow(item)\n  }, 500)\n}\n\nfunction onPointerUp() {\n  if (longPressTimer) {\n    clearTimeout(longPressTimer)\n    longPressTimer = null\n  }\n}\n\nfunction onContextMenu(e: MouseEvent) {\n  if (longPressTriggered) {\n    e.preventDefault()\n  }\n}\n\nfunction onHeaderClick(index: number) {\n  if (longPressTriggered) {\n    longPressTriggered = false\n    return\n  }\n  toggleAccordion(index)\n}\n\nfunction toggleAccordion(index: number) {\n  if (openRowIndexes.value.has(index)) {\n    openRowIndexes.value.delete(index)\n  } else {\n    openRowIndexes.value.add(index)\n  }\n  openRowIndexes.value = new Set(openRowIndexes.value)\n}\n\n/* function isCardHeaderVNode(value: unknown): boolean {\n  return isVNode(value)\n} */\n</script>\n\n<template>\n  <div class=\"ac-component\">\n    <div\n      ref=\"cardsWrapperRef\"\n      class=\"c-cards-wrapper list-card-view\"\n      :class=\"{ 'is-loading': loading }\"\n    >\n      <div\n        v-if=\"!loading || items.length > 0\"\n        class=\"c-cards\"\n        :class=\"{ 'is-compact': settings.compact }\"\n      >\n        <div\n          v-for=\"(item, index) in items\"\n          :key=\"index\"\n          class=\"c-card\"\n          :class=\"{\n            'is-open': openRowIndexes.has(index),\n            'is-selected': config.selectableAttr && selectedKeys.has(item[config.selectableAttr]),\n          }\"\n        >\n          <button\n            type=\"button\"\n            class=\"c-card__header\"\n            @click=\"onHeaderClick(index)\"\n            @pointerdown=\"onPointerDown($event, item)\"\n            @pointerup=\"onPointerUp()\"\n            @pointerleave=\"onPointerUp()\"\n            @contextmenu=\"onContextMenu\"\n          >\n            <span\n              v-if=\"config.selectableAttr\"\n              class=\"c-card__check-zone\"\n              @click.stop=\"toggleRow(item)\"\n            >\n              <Checkbox\n                :model-value=\"!!selectedKeys.has(item[config.selectableAttr])\"\n                @update:model-value=\"toggleRow(item)\"\n                @click.stop\n              />\n            </span>\n            <span class=\"c-card__heading\">\n              <span\n                v-for=\"(col, i) in cardHeaderColumns\"\n                :key=\"col.property\"\n                class=\"c-card__heading-item\"\n                :class=\"[{ primary: col.primary }, col.headerClass]\"\n              >\n                <span class=\"c-card__label\">{{ !col.hideHeader ? col.label : '' }}</span>\n                <span class=\"c-card__title\" :class=\"{ 'c-truncate': settings.compact && i === 0 }\">\n                  <component\n                    v-if=\"isVNode(getColumnValue(item, col))\"\n                    :is=\"getColumnValue(item, col)\"\n                  />\n                  <span\n                    v-else-if=\"col.type === 'uuid'\"\n                    v-tooltip=\"getColumnValue(item, col)\"\n                    v-html=\"shortUuid()(getColumnValue(item, col) as string)\"\n                  ></span>\n                  <span v-else v-html=\"getColumnValue(item, col)\"></span>\n                </span>\n              </span>\n            </span>\n            <span class=\"c-card__icon\" aria-hidden=\"true\"\n              ><i class=\"fa-solid fa-chevron-down\"></i\n            ></span>\n          </button>\n\n          <div v-show=\"openRowIndexes.has(index)\" class=\"c-card__body\">\n            <div v-for=\"col in visibleColumns\" :key=\"col.property\" class=\"c-card__field\">\n              <span class=\"c-card__field-label\">{{ col.label }}</span>\n              <slot :name=\"`cell:${col.property}`\" :item=\"item\" :col=\"col\">\n                <DataCell :item=\"item\" :col=\"col\" class=\"c-card__field-value\" :copy=\"false\" />\n              </slot>\n\n              <CopyToClipboard\n                v-if=\"getColumnValue(item, col) && !col.hideCopyToClipboard\"\n                class=\"c-card__field-copy click-expand\"\n                :value=\"getColumnValue(item, col)\"\n              />\n            </div>\n\n            <div v-if=\"config.actions\" class=\"c-card__actions\" @click.stop>\n              <DataListActions :actions=\"config.actions\" :item=\"item\" />\n            </div>\n          </div>\n        </div>\n      </div>\n      <div v-else class=\"c-cards__loading-wrap\">\n        <Loader :loading=\"true\" size=\"2.5rem\" />\n      </div>\n      <div v-if=\"loading && items.length > 0\" class=\"c-cards__backdrop\" aria-hidden=\"true\">\n        <Loader :loading=\"true\" size=\"2.5rem\" />\n      </div>\n    </div>\n  </div>\n</template>\n\n<style lang=\"scss\" src=\"@/styles/components/data-table/data-cards.scss\"></style>\n"],"mappings":""}
+{"version":3,"file":"admins-components70.js","names":[],"sources":["../src/components/data-table/DataCards.vue"],"sourcesContent":["<script lang=\"ts\">\nimport type { DataListConfig, DataCardsSettings, DataListSettings } from '@/types/data-list'\nimport DataCell from './DataCell.vue'\nimport DataListActions from './DataListActions.vue'\nexport { dataCardsSettingsDefaults } from '@/types/data-list'\n</script>\n\n<script setup lang=\"ts\">\nimport { computed, ref, watch, isVNode, nextTick } from 'vue'\nimport Checkbox from '@/components/Checkbox.vue'\nimport CopyToClipboard from '@/components/CopyToClipboard.vue'\nimport Loader from '@/components/Loader.vue'\nimport { useSelection } from '@/composables/useSelection'\nimport { dataCardsSettingsDefaults } from '@/types/data-list'\nimport { getColumnValue } from '@/utils/dataList'\nimport { shortUuid } from '@/utils/dataListConverters'\n\nconst props = withDefaults(\n  defineProps<{\n    config: DataListConfig\n    items: Record<string, unknown>[]\n    settings?: DataCardsSettings | DataListSettings\n    loading?: boolean\n  }>(),\n  {\n    settings: () => ({ ...dataCardsSettingsDefaults }),\n    loading: false,\n  },\n)\n\nconst emit = defineEmits<{\n  'selection-change': [selected: unknown[]]\n}>()\n\nconst { selectedKeys, toggle: toggleRow } = useSelection(\n  () => props.items,\n  () => props.config.selectableAttr,\n  (s) => emit('selection-change', s),\n)\n\nconst openRowIndexes = ref<Set<number>>(new Set())\n\nconst cardsWrapperRef = ref<HTMLElement | null>(null)\n\nwatch(\n  () => props.loading,\n  async (isLoading) => {\n    if (isLoading) {\n      await nextTick()\n      cardsWrapperRef.value?.scrollTo({ top: 0, behavior: 'smooth' })\n    }\n  },\n)\n\nwatch(\n  () => props.items,\n  () => {\n    openRowIndexes.value = new Set()\n  },\n)\n\nconst visibleColumns = computed(() => props.config.columns.filter((c) => c.visible !== false))\n\nconst cardHeaderColumns = computed(() => {\n  const s = props.settings as any\n  if (s?.cardHeaderColumns) {\n    const cols = visibleColumns.value.filter((c) => s.cardHeaderColumns[c.property])\n    if (cols.length > 0) {\n      if (s.cardHeaderOrder) {\n        const order = s.cardHeaderOrder as string[]\n        return [...cols].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 cols\n    }\n  }\n  const primary = visibleColumns.value.filter((c) => c.primary)\n  if (primary.length > 0) return primary\n\n  return visibleColumns.value.slice(0, 1)\n})\n\nlet longPressTimer: ReturnType<typeof setTimeout> | null = null\nlet longPressTriggered = false\n\nfunction onPointerDown(e: PointerEvent, item: Record<string, unknown>) {\n  if (!props.config.selectableAttr) return\n  if (e.button !== 0) return\n  longPressTriggered = false\n  longPressTimer = setTimeout(() => {\n    longPressTriggered = true\n    toggleRow(item)\n  }, 500)\n}\n\nfunction onPointerUp() {\n  if (longPressTimer) {\n    clearTimeout(longPressTimer)\n    longPressTimer = null\n  }\n}\n\nfunction onContextMenu(e: MouseEvent) {\n  if (longPressTriggered) {\n    e.preventDefault()\n  }\n}\n\nfunction onHeaderClick(index: number) {\n  if (longPressTriggered) {\n    longPressTriggered = false\n    return\n  }\n  toggleAccordion(index)\n}\n\nfunction toggleAccordion(index: number) {\n  if (openRowIndexes.value.has(index)) {\n    openRowIndexes.value.delete(index)\n  } else {\n    openRowIndexes.value.add(index)\n  }\n  openRowIndexes.value = new Set(openRowIndexes.value)\n}\n\n/* function isCardHeaderVNode(value: unknown): boolean {\n  return isVNode(value)\n} */\n</script>\n\n<template>\n  <div\n    ref=\"cardsWrapperRef\"\n    class=\"ac-component c-cards-wrapper list-card-view\"\n    :class=\"{ 'is-loading': loading }\"\n  >\n    <div\n      v-if=\"!loading || items.length > 0\"\n      class=\"c-cards\"\n      :class=\"{ 'is-compact': settings.compact }\"\n    >\n      <div\n        v-for=\"(item, index) in items\"\n        :key=\"index\"\n        class=\"c-card\"\n        :class=\"{\n          'is-open': openRowIndexes.has(index),\n          'is-selected': config.selectableAttr && selectedKeys.has(item[config.selectableAttr]),\n        }\"\n      >\n        <button\n          type=\"button\"\n          class=\"c-card__header\"\n          @click=\"onHeaderClick(index)\"\n          @pointerdown=\"onPointerDown($event, item)\"\n          @pointerup=\"onPointerUp()\"\n          @pointerleave=\"onPointerUp()\"\n          @contextmenu=\"onContextMenu\"\n        >\n          <span\n            v-if=\"config.selectableAttr\"\n            class=\"c-card__check-zone\"\n            @click.stop=\"toggleRow(item)\"\n          >\n            <Checkbox\n              :model-value=\"!!selectedKeys.has(item[config.selectableAttr])\"\n              @update:model-value=\"toggleRow(item)\"\n              @click.stop\n            />\n          </span>\n          <span class=\"c-card__heading\">\n            <span\n              v-for=\"(col, i) in cardHeaderColumns\"\n              :key=\"col.property\"\n              class=\"c-card__heading-item\"\n              :class=\"[{ primary: col.primary }, col.headerClass]\"\n            >\n              <span class=\"c-card__label\">{{ !col.hideHeader ? col.label : '' }}</span>\n              <span class=\"c-card__title\" :class=\"{ 'c-truncate': settings.compact && i === 0 }\">\n                <component\n                  v-if=\"isVNode(getColumnValue(item, col))\"\n                  :is=\"getColumnValue(item, col)\"\n                />\n                <span\n                  v-else-if=\"col.type === 'uuid'\"\n                  v-tooltip=\"getColumnValue(item, col)\"\n                  v-html=\"shortUuid()(getColumnValue(item, col) as string)\"\n                ></span>\n                <span v-else v-html=\"getColumnValue(item, col)\"></span>\n              </span>\n            </span>\n          </span>\n          <span class=\"c-card__icon\" aria-hidden=\"true\"\n            ><i class=\"fa-solid fa-chevron-down\"></i\n          ></span>\n        </button>\n\n        <div v-show=\"openRowIndexes.has(index)\" class=\"c-card__body\">\n          <div v-for=\"col in visibleColumns\" :key=\"col.property\" class=\"c-card__field\">\n            <span class=\"c-card__field-label\">{{ col.label }}</span>\n            <slot :name=\"`cell:${col.property}`\" :item=\"item\" :col=\"col\">\n              <DataCell :item=\"item\" :col=\"col\" class=\"c-card__field-value\" :copy=\"false\" />\n            </slot>\n\n            <CopyToClipboard\n              v-if=\"getColumnValue(item, col) && !col.hideCopyToClipboard\"\n              class=\"c-card__field-copy click-expand\"\n              :value=\"getColumnValue(item, col)\"\n            />\n          </div>\n\n          <div v-if=\"config.actions\" class=\"c-card__actions\" @click.stop>\n            <DataListActions :actions=\"config.actions\" :item=\"item\" />\n          </div>\n        </div>\n      </div>\n    </div>\n    <div v-else class=\"c-cards__loading-wrap\">\n      <Loader :loading=\"true\" size=\"2.5rem\" />\n    </div>\n    <div v-if=\"loading && items.length > 0\" class=\"c-cards__backdrop\" aria-hidden=\"true\">\n      <Loader :loading=\"true\" size=\"2.5rem\" />\n    </div>\n  </div>\n</template>\n\n<style lang=\"scss\" src=\"@/styles/components/data-table/data-cards.scss\"></style>\n"],"mappings":""}

package/dist/admins-components76.js

@@ -33,5 +33,12 @@ function a(e, t, i) {
 function o(...e) {
 	return e.map((e, t) => t === 0 ? e.replace(/\/+$/, "") : e.replace(/^\/+|\/+$/g, "")).filter(Boolean).join("/");
 }
+function s(e, t) {
+	if (t === "_blank") {
+		window.open(e, "_blank");
+		return;
+	}
+	window.self === window.top ? window.location.href = e : window.top.location.href = e;
+}
 //#endregion
-export { e as getUrlParam, o as joinUrl, i as readUrlNumber, r as removeUrlParam, n as setUrlParam, a as writeUrlOrRemove };
+export { e as getUrlParam, o as joinUrl, s as navigateIframe, i as readUrlNumber, r as removeUrlParam, n as setUrlParam, a as writeUrlOrRemove };

package/dist/admins-components76.js.map

@@ -1 +1 @@
-{"version":3,"file":"admins-components76.js","names":[],"sources":["../src/utils/url.ts"],"sourcesContent":["export function getUrlParam(key: string): string | null {\n  return new URLSearchParams(window.location.search).get(key)\n}\n\nfunction paginationAtEnd(url: URL) {\n  const params = new URLSearchParams(url.search)\n  const page = params.get('page')\n  const pageSize = params.get('pageSize')\n  if (page == null && pageSize == null) return\n  params.delete('page')\n  params.delete('pageSize')\n  if (pageSize != null) params.append('pageSize', pageSize)\n  if (page != null) params.append('page', page)\n  url.search = params.toString()\n}\n\nexport function setUrlParam(key: string, value: string | number): void {\n  const url = new URL(window.location.href)\n  url.searchParams.set(key, String(value))\n  paginationAtEnd(url)\n  window.history.replaceState({}, '', url.toString())\n}\n\nexport function removeUrlParam(key?: string): void {\n  const url = new URL(window.location.href)\n  if (key) {\n    url.searchParams.delete(key)\n  } else {\n    url.search = ''\n  }\n  paginationAtEnd(url)\n  window.history.replaceState({}, '', url.toString())\n}\n\n/** Read a URL param as a positive number. Returns `null` if missing or invalid. */\nexport function readUrlNumber(key: string): number | null {\n  const raw = getUrlParam(key)\n  if (raw == null) return null\n  const n = Number(raw)\n  return Number.isFinite(n) && n > 0 ? n : null\n}\n\n/** Read a URL param as a boolean. Accepts `'true' | '1' | 'false' | '0'`. Returns `null` otherwise. */\nexport function readUrlBool(key: string): boolean | null {\n  const raw = getUrlParam(key)\n  if (raw === 'true' || raw === '1') return true\n  if (raw === 'false' || raw === '0') return false\n  return null\n}\n\n/** Read a URL param as a non-empty string. Returns `null` if missing or empty. */\nexport function readUrlString(key: string): string | null {\n  const raw = getUrlParam(key)\n  return raw ? raw : null\n}\n\ninterface WriteUrlOptions {\n  handleUrl: boolean\n  /**\n   * If the new value equals the default (or is `''` / `null`), the URL param\n   * is *removed* rather than set. Keeps URLs clean. Defaults to `true`.\n   */\n  removeWhenDefault?: boolean\n  default?: unknown\n}\n\n/**\n * Write a value to the URL — or remove the param if `handleUrl` is `false`,\n * or if the value matches the default / is empty.\n */\nexport function writeUrlOrRemove(\n  key: string,\n  value: string | number | boolean | null | undefined,\n  options: WriteUrlOptions,\n): void {\n  const { handleUrl, removeWhenDefault = true, default: defaultValue } = options\n  if (!handleUrl) return\n  const isEmpty = value == null || value === ''\n  const isDefault = defaultValue !== undefined && value === defaultValue\n  if ((isEmpty || isDefault) && removeWhenDefault) {\n    removeUrlParam(key)\n    return\n  }\n  setUrlParam(key, String(value))\n}\n\nexport function joinUrl(...parts: string[]): string {\n  return parts\n    .map((part, i) => {\n      if (i === 0) return part.replace(/\\/+$/, '')\n      return part.replace(/^\\/+|\\/+$/g, '')\n    })\n    .filter(Boolean)\n    .join('/')\n}\n"],"mappings":";AAAA,SAAgB,EAAY,GAA4B;CACtD,OAAO,IAAI,gBAAgB,OAAO,SAAS,MAAM,EAAE,IAAI,CAAG;AAC5D;AAEA,SAAS,EAAgB,GAAU;CACjC,IAAM,IAAS,IAAI,gBAAgB,EAAI,MAAM,GACvC,IAAO,EAAO,IAAI,MAAM,GACxB,IAAW,EAAO,IAAI,UAAU;CAClC,KAAQ,QAAQ,KAAY,SAChC,EAAO,OAAO,MAAM,GACpB,EAAO,OAAO,UAAU,GACpB,KAAY,QAAM,EAAO,OAAO,YAAY,CAAQ,GACpD,KAAQ,QAAM,EAAO,OAAO,QAAQ,CAAI,GAC5C,EAAI,SAAS,EAAO,SAAS;AAC/B;AAEA,SAAgB,EAAY,GAAa,GAA8B;CACrE,IAAM,IAAM,IAAI,IAAI,OAAO,SAAS,IAAI;CAGxC,AAFA,EAAI,aAAa,IAAI,GAAK,OAAO,CAAK,CAAC,GACvC,EAAgB,CAAG,GACnB,OAAO,QAAQ,aAAa,CAAC,GAAG,IAAI,EAAI,SAAS,CAAC;AACpD;AAEA,SAAgB,EAAe,GAAoB;CACjD,IAAM,IAAM,IAAI,IAAI,OAAO,SAAS,IAAI;CAOxC,AANI,IACF,EAAI,aAAa,OAAO,CAAG,IAE3B,EAAI,SAAS,IAEf,EAAgB,CAAG,GACnB,OAAO,QAAQ,aAAa,CAAC,GAAG,IAAI,EAAI,SAAS,CAAC;AACpD;AAGA,SAAgB,EAAc,GAA4B;CACxD,IAAM,IAAM,EAAY,CAAG;CAC3B,IAAI,KAAO,MAAM,OAAO;CACxB,IAAM,IAAI,OAAO,CAAG;CACpB,OAAO,OAAO,SAAS,CAAC,KAAK,IAAI,IAAI,IAAI;AAC3C;AA8BA,SAAgB,EACd,GACA,GACA,GACM;CACN,IAAM,EAAE,cAAW,uBAAoB,IAAM,SAAS,MAAiB;CAClE,OAGL;OAFgB,KAAS,QAAQ,MAAU,MACzB,MAAiB,KAAA,KAAa,MAAU,MAC5B,GAAmB;GAC/C,EAAe,CAAG;GAClB;EACF;EACA,EAAY,GAAK,OAAO,CAAK,CAAC;CAD9B;AAEF;AAEA,SAAgB,EAAQ,GAAG,GAAyB;CAClD,OAAO,EACJ,KAAK,GAAM,MACN,MAAM,IAAU,EAAK,QAAQ,QAAQ,EAAE,IACpC,EAAK,QAAQ,cAAc,EAAE,CACrC,EACA,OAAO,OAAO,EACd,KAAK,GAAG;AACb"}
+{"version":3,"file":"admins-components76.js","names":[],"sources":["../src/utils/url.ts"],"sourcesContent":["export function getUrlParam(key: string): string | null {\n  return new URLSearchParams(window.location.search).get(key)\n}\n\nfunction paginationAtEnd(url: URL) {\n  const params = new URLSearchParams(url.search)\n  const page = params.get('page')\n  const pageSize = params.get('pageSize')\n  if (page == null && pageSize == null) return\n  params.delete('page')\n  params.delete('pageSize')\n  if (pageSize != null) params.append('pageSize', pageSize)\n  if (page != null) params.append('page', page)\n  url.search = params.toString()\n}\n\nexport function setUrlParam(key: string, value: string | number): void {\n  const url = new URL(window.location.href)\n  url.searchParams.set(key, String(value))\n  paginationAtEnd(url)\n  window.history.replaceState({}, '', url.toString())\n}\n\nexport function removeUrlParam(key?: string): void {\n  const url = new URL(window.location.href)\n  if (key) {\n    url.searchParams.delete(key)\n  } else {\n    url.search = ''\n  }\n  paginationAtEnd(url)\n  window.history.replaceState({}, '', url.toString())\n}\n\n/** Read a URL param as a positive number. Returns `null` if missing or invalid. */\nexport function readUrlNumber(key: string): number | null {\n  const raw = getUrlParam(key)\n  if (raw == null) return null\n  const n = Number(raw)\n  return Number.isFinite(n) && n > 0 ? n : null\n}\n\n/** Read a URL param as a boolean. Accepts `'true' | '1' | 'false' | '0'`. Returns `null` otherwise. */\nexport function readUrlBool(key: string): boolean | null {\n  const raw = getUrlParam(key)\n  if (raw === 'true' || raw === '1') return true\n  if (raw === 'false' || raw === '0') return false\n  return null\n}\n\n/** Read a URL param as a non-empty string. Returns `null` if missing or empty. */\nexport function readUrlString(key: string): string | null {\n  const raw = getUrlParam(key)\n  return raw ? raw : null\n}\n\ninterface WriteUrlOptions {\n  handleUrl: boolean\n  /**\n   * If the new value equals the default (or is `''` / `null`), the URL param\n   * is *removed* rather than set. Keeps URLs clean. Defaults to `true`.\n   */\n  removeWhenDefault?: boolean\n  default?: unknown\n}\n\n/**\n * Write a value to the URL — or remove the param if `handleUrl` is `false`,\n * or if the value matches the default / is empty.\n */\nexport function writeUrlOrRemove(\n  key: string,\n  value: string | number | boolean | null | undefined,\n  options: WriteUrlOptions,\n): void {\n  const { handleUrl, removeWhenDefault = true, default: defaultValue } = options\n  if (!handleUrl) return\n  const isEmpty = value == null || value === ''\n  const isDefault = defaultValue !== undefined && value === defaultValue\n  if ((isEmpty || isDefault) && removeWhenDefault) {\n    removeUrlParam(key)\n    return\n  }\n  setUrlParam(key, String(value))\n}\n\nexport function joinUrl(...parts: string[]): string {\n  return parts\n    .map((part, i) => {\n      if (i === 0) return part.replace(/\\/+$/, '')\n      return part.replace(/^\\/+|\\/+$/g, '')\n    })\n    .filter(Boolean)\n    .join('/')\n}\n\nexport function navigateIframe(url: string, target?: string): void {\n  if (target === '_blank') {\n    window.open(url, '_blank')\n    return\n  }\n\n  const isIframe = window.self !== window.top\n\n  if (isIframe) {\n    window.top!.location.href = url\n  } else {\n    window.location.href = url\n  }\n}\n/* export function navigateIframe(url: string, target?: string): void {\n  const isIframe = window.self !== window.top\n  if (target === '_blank') {\n    window.open(url, '_blank')\n    return\n  }\n  if (!isIframe) {\n    window.location.href = url\n    return\n  }\n  top!.window.location.href = url\n} */\n/*\nexport function setupIframeNavigation(element: HTMLAnchorElement): () => void {\n  const handleClick = (event: MouseEvent) => {\n    if (event.ctrlKey || event.metaKey) {\n      event.preventDefault()\n      navigateIframe(element.getAttribute('href')!, '_blank')\n      return\n    }\n\n    event.preventDefault()\n    navigateIframe(element.getAttribute('href')!)\n  }\n\n  const handleAuxClick = (event: MouseEvent) => {\n    if (event.button !== 1) return\n\n    event.preventDefault()\n    navigateIframe(element.getAttribute('href')!, '_blank')\n  }\n\n  element.addEventListener('click', handleClick)\n  element.addEventListener('auxclick', handleAuxClick)\n\n  return () => {\n    element.removeEventListener('click', handleClick)\n    element.removeEventListener('auxclick', handleAuxClick)\n  }\n} */\n"],"mappings":";AAAA,SAAgB,EAAY,GAA4B;CACtD,OAAO,IAAI,gBAAgB,OAAO,SAAS,MAAM,EAAE,IAAI,CAAG;AAC5D;AAEA,SAAS,EAAgB,GAAU;CACjC,IAAM,IAAS,IAAI,gBAAgB,EAAI,MAAM,GACvC,IAAO,EAAO,IAAI,MAAM,GACxB,IAAW,EAAO,IAAI,UAAU;CAClC,KAAQ,QAAQ,KAAY,SAChC,EAAO,OAAO,MAAM,GACpB,EAAO,OAAO,UAAU,GACpB,KAAY,QAAM,EAAO,OAAO,YAAY,CAAQ,GACpD,KAAQ,QAAM,EAAO,OAAO,QAAQ,CAAI,GAC5C,EAAI,SAAS,EAAO,SAAS;AAC/B;AAEA,SAAgB,EAAY,GAAa,GAA8B;CACrE,IAAM,IAAM,IAAI,IAAI,OAAO,SAAS,IAAI;CAGxC,AAFA,EAAI,aAAa,IAAI,GAAK,OAAO,CAAK,CAAC,GACvC,EAAgB,CAAG,GACnB,OAAO,QAAQ,aAAa,CAAC,GAAG,IAAI,EAAI,SAAS,CAAC;AACpD;AAEA,SAAgB,EAAe,GAAoB;CACjD,IAAM,IAAM,IAAI,IAAI,OAAO,SAAS,IAAI;CAOxC,AANI,IACF,EAAI,aAAa,OAAO,CAAG,IAE3B,EAAI,SAAS,IAEf,EAAgB,CAAG,GACnB,OAAO,QAAQ,aAAa,CAAC,GAAG,IAAI,EAAI,SAAS,CAAC;AACpD;AAGA,SAAgB,EAAc,GAA4B;CACxD,IAAM,IAAM,EAAY,CAAG;CAC3B,IAAI,KAAO,MAAM,OAAO;CACxB,IAAM,IAAI,OAAO,CAAG;CACpB,OAAO,OAAO,SAAS,CAAC,KAAK,IAAI,IAAI,IAAI;AAC3C;AA8BA,SAAgB,EACd,GACA,GACA,GACM;CACN,IAAM,EAAE,cAAW,uBAAoB,IAAM,SAAS,MAAiB;CAClE,OAGL;OAFgB,KAAS,QAAQ,MAAU,MACzB,MAAiB,KAAA,KAAa,MAAU,MAC5B,GAAmB;GAC/C,EAAe,CAAG;GAClB;EACF;EACA,EAAY,GAAK,OAAO,CAAK,CAAC;CAD9B;AAEF;AAEA,SAAgB,EAAQ,GAAG,GAAyB;CAClD,OAAO,EACJ,KAAK,GAAM,MACN,MAAM,IAAU,EAAK,QAAQ,QAAQ,EAAE,IACpC,EAAK,QAAQ,cAAc,EAAE,CACrC,EACA,OAAO,OAAO,EACd,KAAK,GAAG;AACb;AAEA,SAAgB,EAAe,GAAa,GAAuB;CACjE,IAAI,MAAW,UAAU;EACvB,OAAO,KAAK,GAAK,QAAQ;EACzB;CACF;CAIA,AAFiB,OAAO,SAAS,OAAO,MAKtC,OAAO,SAAS,OAAO,IAFvB,OAAO,IAAK,SAAS,OAAO;AAIhC"}