admins-components 9.0.65 → 9.0.67

package/dist/admins-components71.js

@@ -1,8 +1,164 @@
-//#region src/utils/objects.ts
-function e(t, n) {
-	let r = { ...t };
-	for (let i in n) n[i] && typeof n[i] == "object" && !Array.isArray(n[i]) && i in t && typeof t[i] == "object" ? r[i] = e(t[i], n[i]) : r[i] = n[i];
-	return r;
-}
+import e from "./admins-components19.js";
+import t from "./admins-components25.js";
+import n from "./admins-components45.js";
+import { useSelection as r } from "./admins-components57.js";
+import { dataCardsSettingsDefaults as i } from "./admins-components58.js";
+import { getColumnValue as a } from "./admins-components59.js";
+import { shortUuid as o } from "./admins-components63.js";
+import s from "./admins-components65.js";
+import c from "./admins-components67.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 = ["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 = {
+	key: 2,
+	class: "c-cards__backdrop",
+	"aria-hidden": "true"
+}, H = /* @__PURE__ */ g({
+	__name: "DataCards",
+	props: {
+		config: {},
+		items: {},
+		settings: { default: () => ({ ...i }) },
+		loading: {
+			type: Boolean,
+			default: !1
+		}
+	},
+	emits: ["selection-change"],
+	setup(i, { emit: g }) {
+		let H = i, U = g, { selectedKeys: W, toggle: G } = r(() => H.items, () => H.config.selectableAttr, (e) => U("selection-change", e)), K = x(/* @__PURE__ */ new Set()), q = x(null);
+		k(() => H.loading, async (e) => {
+			e && (await v(), q.value?.scrollTo({
+				top: 0,
+				behavior: "smooth"
+			}));
+		}), k(() => H.items, () => {
+			K.value = /* @__PURE__ */ new Set();
+		});
+		let J = u(() => H.config.columns.filter((e) => e.visible !== !1)), Y = u(() => {
+			let e = H.settings;
+			if (e?.cardHeaderColumns) {
+				let t = J.value.filter((t) => e.cardHeaderColumns[t.property]);
+				if (t.length > 0) {
+					if (e.cardHeaderOrder) {
+						let n = e.cardHeaderOrder;
+						return [...t].sort((e, t) => {
+							let r = n.indexOf(e.property), i = n.indexOf(t.property);
+							return (r === -1 ? 999 : r) - (i === -1 ? 999 : i);
+						});
+					}
+					return t;
+				}
+			}
+			let t = J.value.filter((e) => e.primary);
+			return t.length > 0 ? t : J.value.slice(0, 1);
+		}), X = null, Z = !1;
+		function Q(e, t) {
+			H.config.selectableAttr && e.button === 0 && (Z = !1, X = setTimeout(() => {
+				Z = !0, G(t);
+			}, 500));
+		}
+		function $() {
+			X &&= (clearTimeout(X), null);
+		}
+		function ee(e) {
+			Z && e.preventDefault();
+		}
+		function te(e) {
+			if (Z) {
+				Z = !1;
+				return;
+			}
+			ne(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", {
+				ref_key: "cardsWrapperRef",
+				ref: q,
+				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 }])
+			}, [(b(!0), p(l, null, S(i.items, (t, v) => (b(), p("div", {
+				key: v,
+				class: y(["c-card", {
+					"is-open": K.value.has(v),
+					"is-selected": i.config.selectableAttr && D(W).has(t[i.config.selectableAttr])
+				}])
+			}, [m("button", {
+				type: "button",
+				class: "c-card__header",
+				onClick: (e) => te(v),
+				onPointerdown: (e) => Q(e, t),
+				onPointerup: u[1] ||= (e) => $(),
+				onPointerleave: u[2] ||= (e) => $(),
+				onContextmenu: ee
+			}, [
+				i.config.selectableAttr ? (b(), p("span", {
+					key: 0,
+					class: "c-card__check-zone",
+					onClick: j((e) => D(G)(t), ["stop"])
+				}, [h(e, {
+					"model-value": !!D(W).has(t[i.config.selectableAttr]),
+					"onUpdate:modelValue": (e) => D(G)(t),
+					onClick: u[0] ||= j(() => {}, ["stop"])
+				}, null, 8, ["model-value", "onUpdate:modelValue"])], 8, N)) : f("", !0),
+				m("span", P, [(b(!0), p(l, null, S(Y.value, (e, n) => (b(), p("span", {
+					key: e.property,
+					class: y(["c-card__heading-item", [{ primary: e.primary }, e.headerClass]])
+				}, [m("span", F, E(e.hideHeader ? "" : e.label), 1), m("span", { class: y(["c-card__title", { "c-truncate": i.settings.compact && n === 0 }]) }, [_(D(a)(t, e)) ? (b(), d(T(D(a)(t, e)), { key: 0 })) : e.type === "uuid" ? A((b(), p("span", {
+					key: 1,
+					innerHTML: D(o)()(D(a)(t, e))
+				}, null, 8, I)), [[g, D(a)(t, e)]]) : (b(), p("span", {
+					key: 2,
+					innerHTML: D(a)(t, e)
+				}, null, 8, L))], 2)], 2))), 128))]),
+				u[4] ||= m("span", {
+					class: "c-card__icon",
+					"aria-hidden": "true"
+				}, [m("i", { class: "fa-solid fa-chevron-down" })], -1)
+			], 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"
+			}, [
+				m("span", z, E(e.label), 1),
+				C(r.$slots, `cell:${e.property}`, {
+					item: t,
+					col: e
+				}, () => [h(s, {
+					item: t,
+					col: e,
+					class: "c-card__field-value",
+					copy: !1
+				}, null, 8, ["item", "col"])]),
+				D(a)(t, e) && !e.hideCopyToClipboard ? (b(), d(n, {
+					key: 0,
+					class: "c-card__field-copy click-expand",
+					value: D(a)(t, e)
+				}, null, 8, ["value"])) : f("", !0)
+			]))), 128)), i.config.actions ? (b(), p("div", {
+				key: 0,
+				class: "c-card__actions",
+				onClick: u[3] ||= j(() => {}, ["stop"])
+			}, [h(c, {
+				actions: i.config.actions,
+				item: t
+			}, null, 8, ["actions", "item"])])) : f("", !0)], 512), [[O, K.value.has(v)]])], 2))), 128))], 2)) : (b(), p("div", B, [h(t, {
+				loading: !0,
+				size: "2.5rem"
+			})])), i.loading && i.items.length > 0 ? (b(), p("div", V, [h(t, {
+				loading: !0,
+				size: "2.5rem"
+			})])) : f("", !0)], 2);
+		};
+	}
+});
 //#endregion
-export { e as deepMerge };
+export { H as default };

package/dist/admins-components71.js.map

@@ -1 +1 @@
-{"version":3,"file":"admins-components71.js","names":[],"sources":["../src/utils/objects.ts"],"sourcesContent":["export function deepMerge(target: Record<string, any>, source: Record<string, any>) {\n  const result = { ...target };\n\n  for (const key in source) {\n    if (\n      source[key] &&\n      typeof source[key] === 'object' &&\n      !Array.isArray(source[key]) &&\n      key in target &&\n      typeof target[key] === 'object'\n    ) {\n      result[key] = deepMerge(target[key], source[key]);\n    } else {\n      result[key] = source[key];\n    }\n  }\n\n  return result;\n}\n"],"mappings":";AAAA,SAAgB,EAAU,GAA6B,GAA6B;CAClF,IAAM,IAAS,EAAE,GAAG,EAAO;CAE3B,KAAK,IAAM,KAAO,GAChB,AACE,EAAO,MACP,OAAO,EAAO,MAAS,YACvB,CAAC,MAAM,QAAQ,EAAO,EAAI,KAC1B,KAAO,KACP,OAAO,EAAO,MAAS,WAEvB,EAAO,KAAO,EAAU,EAAO,IAAM,EAAO,EAAI,IAEhD,EAAO,KAAO,EAAO;CAIzB,OAAO;AACT"}
+{"version":3,"file":"admins-components71.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</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-components73.js

@@ -0,0 +1,8 @@
+import './src/styles/components/data-table/data-cards.scss_vue_type_style_index_0_src_true_lang.css';
+import "./admins-components58.js";
+import e from "./admins-components71.js";
+/* empty css                    */
+//#region src/components/data-table/DataCards.vue
+var t = e;
+//#endregion
+export { t as default };

package/dist/admins-components73.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"admins-components73.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</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-components74.js

@@ -1,7 +1,8 @@
-import './src/styles/components/data-table/data-list-options.scss_vue_type_style_index_0_src_true_lang.css';
-import e from "./admins-components72.js";
-/* empty css                    */
-//#region src/components/data-table/DataListOptions.vue
-var t = e;
+//#region src/utils/objects.ts
+function e(t, n) {
+	let r = { ...t };
+	for (let i in n) n[i] && typeof n[i] == "object" && !Array.isArray(n[i]) && i in t && typeof t[i] == "object" ? r[i] = e(t[i], n[i]) : r[i] = n[i];
+	return r;
+}
 //#endregion
-export { t as default };
+export { e as deepMerge };

package/dist/admins-components74.js.map

@@ -1 +1 @@
-{"version":3,"file":"admins-components74.js","names":[],"sources":["../src/components/data-table/DataListOptions.vue"],"sourcesContent":["<script lang=\"ts\">\nimport type { Column, DataListSettings } from '@/types/data-list'\nimport {\n  dataTableSettingsDefaults,\n  dataCardsSettingsDefaults,\n  dataListSettingsDefaults,\n} from '@/types/data-list'\nimport { deepMerge } from '@/utils/objects'\nimport Button from '@/components/Button.vue'\n\nexport interface DataListOptionsProps {\n  open?: boolean\n  columns: Column[]\n  settings: Partial<DataListSettings>\n  position?: SidebarPosition\n  storageKey: string\n  orderable?: boolean\n}\n</script>\n\n<script setup lang=\"ts\">\nimport { ref, computed, onMounted, watch } from 'vue'\nimport Sidebar, { type SidebarPosition } from '@/components/Sidebar.vue'\n\nconst props = withDefaults(defineProps<DataListOptionsProps>(), {\n  orderable: false,\n})\n\nconst emit = defineEmits<{\n  close: []\n  change: [settings: DataListSettings]\n}>()\n\nconst local = ref<DataListSettings>(getDefaults())\n\nconst storageKey = computed(() => `data-list-${props.storageKey}`)\n\nconst hasCustomSettings = computed(\n  () => JSON.stringify(local.value) !== JSON.stringify(getDefaults()),\n)\n\nfunction isColumnLocked(col: Column): boolean {\n  return col.primary === true || col.hideable === false\n}\n\n// Force locked columns to true in both column maps, regardless of saved state.\nfunction applyLockedOverrides(s: DataListSettings) {\n  for (const col of props.columns) {\n    if (isColumnLocked(col)) {\n      s.columns[col.property] = true\n      s.cardHeaderColumns[col.property] = true\n    }\n  }\n}\n\nfunction getDefaults(): DataListSettings {\n  return {\n    ...dataCardsSettingsDefaults,\n    ...dataTableSettingsDefaults,\n    ...dataListSettingsDefaults,\n    ...props.settings,\n    columns: Object.fromEntries(\n      props.columns.map((c) => [\n        c.property,\n        props.settings.columns?.[c.property] ?? c.visible !== false,\n      ]),\n    ),\n    cardHeaderColumns: Object.fromEntries(\n      props.columns.map((c) => [\n        c.property,\n        props.settings.cardHeaderColumns?.[c.property] ??\n          (c.primary === true || c.hideable === false || c.defaultCardHeader === true),\n      ]),\n    ),\n    columnOrder: props.settings.columnOrder ?? props.columns.map((c) => c.property),\n    cardHeaderOrder: props.settings.cardHeaderOrder ?? props.columns.map((c) => c.property),\n  } as DataListSettings\n}\n\nfunction load() {\n  try {\n    const raw = localStorage.getItem(storageKey.value)\n    const defaults = getDefaults()\n    if (raw) {\n      const data = JSON.parse(raw)\n      local.value = data.settings\n        ? reconcileOrders(deepMerge(defaults, data.settings) as DataListSettings, props.columns)\n        : defaults\n    } else {\n      local.value = defaults\n    }\n  } catch {\n    local.value = getDefaults()\n  }\n  applyLockedOverrides(local.value)\n  emit('change', local.value)\n}\n\nfunction reconcileOrders(settings: DataListSettings, columns: Column[]): DataListSettings {\n  const sourceOrder = columns.map((c) => c.property)\n  const reconcile = (order: string[] | undefined): string[] => {\n    // Saved order, restricted to columns that still exist in the source config.\n    const saved = (order ?? []).filter((p) => sourceOrder.includes(p))\n    const savedSet = new Set(saved)\n    // Walk the source-code order. For each property:\n    // - if it was saved, pull it from the saved sequence in saved order\n    // - if it's new, insert it at its source-code position\n    const merged: string[] = []\n    let savedIdx = 0\n    for (const property of sourceOrder) {\n      if (savedSet.has(property)) {\n        merged.push(saved[savedIdx++]!)\n      } else {\n        merged.push(property)\n      }\n    }\n    return merged\n  }\n  return {\n    ...settings,\n    columnOrder: reconcile(settings.columnOrder),\n    cardHeaderOrder: reconcile(settings.cardHeaderOrder),\n  }\n}\n\nfunction save() {\n  try {\n    const key = storageKey.value\n    const raw = localStorage.getItem(key)\n    const data = raw ? JSON.parse(raw) : {}\n    data.settings = local.value\n    localStorage.setItem(key, JSON.stringify(data))\n  } catch {\n    /* ignore */\n  }\n  emit('change', local.value)\n}\n\nfunction update<K extends keyof DataListSettings>(key: K, value: DataListSettings[K]) {\n  local.value = { ...local.value, [key]: value }\n  save()\n}\n\nfunction toggleColumn(property: string) {\n  update('columns', { ...local.value.columns, [property]: !local.value.columns[property] })\n}\n\nfunction toggleCardHeaderColumn(property: string) {\n  update('cardHeaderColumns', {\n    ...local.value.cardHeaderColumns,\n    [property]: !local.value.cardHeaderColumns[property],\n  })\n}\n\nfunction toggle(key: 'striped' | 'compact') {\n  update(key, !local.value[key])\n}\n\nfunction sortByOrder(cols: Column[], order: 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\nconst orderedColumns = computed(() => sortByOrder(props.columns, local.value.columnOrder))\n\nconst orderedCardHeaderColumns = computed(() =>\n  sortByOrder(props.columns, local.value.cardHeaderOrder),\n)\n\nconst dragIndex = ref<number | null>(null)\nconst selectedReorderIndex = ref<number | null>(null)\n\nconst cardHeaderDragIndex = ref<number | null>(null)\nconst selectedCardHeaderIndex = ref<number | null>(null)\n\nfunction onDragStart(index: number) {\n  dragIndex.value = index\n}\n\nfunction onDragOver(e: DragEvent, index: number) {\n  e.preventDefault()\n  if (dragIndex.value === null || dragIndex.value === index) return\n  const order = [...local.value.columnOrder]\n  const moved = order.splice(dragIndex.value, 1)[0]\n  if (!moved) return\n  order.splice(index, 0, moved)\n  dragIndex.value = index\n  update('columnOrder', order)\n}\n\nfunction onDragEnd() {\n  dragIndex.value = null\n}\n\nfunction selectForReorder(index: number) {\n  selectedReorderIndex.value = selectedReorderIndex.value === index ? null : index\n}\n\nfunction moveSelected(direction: -1 | 1) {\n  if (selectedReorderIndex.value === null) return\n  const target = selectedReorderIndex.value + direction\n  if (target < 0 || target >= local.value.columnOrder.length) return\n  const order = [...local.value.columnOrder]\n  const tmp = order[selectedReorderIndex.value]!\n  order[selectedReorderIndex.value] = order[target]!\n  order[target] = tmp\n  update('columnOrder', order)\n  selectedReorderIndex.value = target\n}\n\nfunction onCardHeaderDragStart(index: number) {\n  cardHeaderDragIndex.value = index\n}\n\nfunction onCardHeaderDragOver(e: DragEvent, index: number) {\n  e.preventDefault()\n  if (cardHeaderDragIndex.value === null || cardHeaderDragIndex.value === index) return\n  const order = [...local.value.cardHeaderOrder]\n  const moved = order.splice(cardHeaderDragIndex.value, 1)[0]\n  if (!moved) return\n  order.splice(index, 0, moved)\n  cardHeaderDragIndex.value = index\n  update('cardHeaderOrder', order)\n}\n\nfunction onCardHeaderDragEnd() {\n  cardHeaderDragIndex.value = null\n}\n\nfunction selectCardHeader(index: number) {\n  selectedCardHeaderIndex.value = selectedCardHeaderIndex.value === index ? null : index\n}\n\nfunction moveCardHeader(direction: -1 | 1) {\n  if (selectedCardHeaderIndex.value === null) return\n  const target = selectedCardHeaderIndex.value + direction\n  if (target < 0 || target >= local.value.cardHeaderOrder.length) return\n  const order = [...local.value.cardHeaderOrder]\n  const tmp = order[selectedCardHeaderIndex.value]!\n  order[selectedCardHeaderIndex.value] = order[target]!\n  order[target] = tmp\n  update('cardHeaderOrder', order)\n  selectedCardHeaderIndex.value = target\n}\n\nfunction reset() {\n  localStorage.removeItem(storageKey.value)\n  local.value = getDefaults()\n  emit('change', local.value)\n}\n\nonMounted(load)\n\n// If the columns prop changes at runtime, re-reconcile the orders so new\n// columns appear at their source-code position, and re-apply locked overrides.\nwatch(() => props.columns, () => {\n  local.value = reconcileOrders(local.value, props.columns)\n  applyLockedOverrides(local.value)\n})\n</script>\n\n<template>\n  <Sidebar :open=\"open\" title=\"Lista beállítások\" :position=\"props.position\" @close=\"emit('close')\">\n    <div class=\"table-options\">\n      <div class=\"table-options__col\">\n        <h4 class=\"table-options__title\">\n          Elrendezés\n          <span class=\"table-options__title-value\"\n            >—\n            {{\n              local.layout === 'screen' ? 'Auto' : local.layout === 'table' ? 'Táblázat' : 'Kártyák'\n            }}</span\n          >\n        </h4>\n        <div class=\"layout-switch\">\n          <button\n            class=\"layout-switch__btn\"\n            :class=\"{ 'layout-switch__btn--active': local.layout === 'screen' }\"\n            title=\"Kijelző méretéhez igazodó elrendezés\"\n            @click=\"update('layout', 'screen')\"\n          >\n            <i class=\"fa-solid fa-display\"></i>\n          </button>\n          <button\n            class=\"layout-switch__btn\"\n            :class=\"{ 'layout-switch__btn--active': local.layout === 'table' }\"\n            title=\"Táblázat nézet\"\n            @click=\"update('layout', 'table')\"\n          >\n            <i class=\"fa-solid fa-table-list\"></i>\n          </button>\n          <button\n            class=\"layout-switch__btn\"\n            :class=\"{ 'layout-switch__btn--active': local.layout === 'cards' }\"\n            title=\"Kártya nézet\"\n            @click=\"update('layout', 'cards')\"\n          >\n            <i class=\"fa-solid fa-list\"></i>\n          </button>\n        </div>\n      </div>\n      <div class=\"table-options__col\">\n        <h4\n          class=\"table-options__title\"\n          v-tooltip.html=\"\n            '<b>Kompakt</b>: A sorok közötti térköz csökkentése<br><br><b>Sávos</b> (csak táblázat nézetben):  A páros sorok háttere kicsit sötétebb '\"\n        >\n          Megjelenés <i class=\"fa-regular fa-question-circle\"></i>\n        </h4>\n        <ul class=\"table-options__list\">\n          <li\n            class=\"table-options__item\"\n            @click=\"toggle('compact')\"\n            title=\"A sorok közötti térköz csökkentése\"\n          >\n            <span\n              class=\"c-checkbox\"\n              :class=\"{ 'c-checkbox--checked': local.compact }\"\n              @click.stop=\"toggle('compact')\"\n            ></span>\n            <span>Kompakt</span>\n          </li>\n          <li\n            class=\"table-options__item\"\n            @click=\"toggle('striped')\"\n            title=\"A páros sorok háttere kicsit sötétebb (csak táblázat nézetben)\"\n          >\n            <span\n              class=\"c-checkbox\"\n              :class=\"{ 'c-checkbox--checked': local.striped }\"\n              @click.stop=\"toggle('striped')\"\n            ></span>\n            <span>Sávos (striped)</span>\n          </li>\n        </ul>\n      </div>\n      <div class=\"table-options__col\">\n        <h4 class=\"table-options__title\" v-tooltip=\"'Táblázat nézetben megjelenő oszlopok'\">\n          Táblázat oszlopok <i class=\"fa-regular fa-question-circle\"></i>\n        </h4>\n        <ul class=\"table-options__list\">\n          <li\n            v-for=\"(col, index) in orderedColumns\"\n            :key=\"col.property\"\n            class=\"table-options__item\"\n            :class=\"{\n              'table-options__item--disabled': isColumnLocked(col),\n              'table-options__item--selected': orderable && selectedReorderIndex === index,\n              'table-options__item--dragging': orderable && dragIndex === index,\n            }\"\n            :draggable=\"orderable\"\n            @dragstart.stop=\"orderable && onDragStart(index)\"\n            @dragover.prevent=\"orderable && onDragOver($event, index)\"\n            @drop.prevent\n            @dragend=\"orderable && onDragEnd()\"\n            @click.prevent=\"\n              orderable ? selectForReorder(index) : !isColumnLocked(col) && toggleColumn(col.property)\n            \"\n          >\n            <i v-if=\"orderable\" class=\"fa-solid fa-grip-vertical table-options__drag-handle\"></i>\n            <span\n              class=\"table-options__toggle\"\n              @click.stop=\"!isColumnLocked(col) && toggleColumn(col.property)\"\n            >\n              <span\n                class=\"c-checkbox\"\n                :class=\"{ 'c-checkbox--checked': local.columns[col.property] }\"\n              ></span>\n              <span>{{ col.label }}</span>\n            </span>\n          </li>\n        </ul>\n        <div v-if=\"orderable && selectedReorderIndex !== null\" class=\"table-options__move-actions\">\n          <button\n            class=\"table-options__move-btn\"\n            :disabled=\"selectedReorderIndex === 0\"\n            @click=\"moveSelected(-1)\"\n          >\n            <i class=\"fa-solid fa-arrow-up\"></i>\n          </button>\n          <button\n            class=\"table-options__move-btn\"\n            :disabled=\"selectedReorderIndex === orderedColumns.length - 1\"\n            @click=\"moveSelected(1)\"\n          >\n            <i class=\"fa-solid fa-arrow-down\"></i>\n          </button>\n        </div>\n      </div>\n      <div class=\"table-options__col\">\n        <h4\n          class=\"table-options__title flex-center gap-1\"\n          v-tooltip=\"'Kártya nézetben, a sorok fejlécén megjelenő oszlopok'\"\n        >\n          Kártya fejléc <i class=\"fa-regular fa-question-circle\"></i>\n        </h4>\n        <ul class=\"table-options__list\">\n          <li\n            v-for=\"(col, index) in orderedCardHeaderColumns\"\n            :key=\"'ch-' + col.property\"\n            class=\"table-options__item\"\n            :class=\"{\n              'table-options__item--disabled': isColumnLocked(col),\n              'table-options__item--selected': orderable && selectedCardHeaderIndex === index,\n              'table-options__item--dragging': orderable && cardHeaderDragIndex === index,\n            }\"\n            :draggable=\"orderable\"\n            @dragstart.stop=\"orderable && onCardHeaderDragStart(index)\"\n            @dragover.prevent=\"orderable && onCardHeaderDragOver($event, index)\"\n            @drop.prevent\n            @dragend=\"orderable && onCardHeaderDragEnd()\"\n            @click.prevent=\"\n              orderable\n                ? selectCardHeader(index)\n                : !isColumnLocked(col) && toggleCardHeaderColumn(col.property)\n            \"\n          >\n            <i v-if=\"orderable\" class=\"fa-solid fa-grip-vertical table-options__drag-handle\"></i>\n            <span\n              class=\"table-options__toggle\"\n              @click.stop=\"!isColumnLocked(col) && toggleCardHeaderColumn(col.property)\"\n            >\n              <span\n                class=\"c-checkbox\"\n                :class=\"{ 'c-checkbox--checked': local.cardHeaderColumns[col.property] }\"\n              ></span>\n              <span>{{ col.label }}</span>\n            </span>\n          </li>\n        </ul>\n        <div\n          v-if=\"orderable && selectedCardHeaderIndex !== null\"\n          class=\"table-options__move-actions\"\n        >\n          <button\n            class=\"table-options__move-btn\"\n            :disabled=\"selectedCardHeaderIndex === 0\"\n            @click=\"moveCardHeader(-1)\"\n          >\n            <i class=\"fa-solid fa-arrow-up\"></i>\n          </button>\n          <button\n            class=\"table-options__move-btn\"\n            :disabled=\"selectedCardHeaderIndex === orderedCardHeaderColumns.length - 1\"\n            @click=\"moveCardHeader(1)\"\n          >\n            <i class=\"fa-solid fa-arrow-down\"></i>\n          </button>\n        </div>\n      </div>\n    </div>\n    <div class=\"table-options__footer\">\n      <Button\n        icon=\"fa-solid  fa-triangle-exclamation\"\n        :disabled=\"!hasCustomSettings\"\n        label=\"Alapértelmezés visszaállítása\"\n        size=\"small\"\n        @click=\"reset\"\n      />\n      <Button label=\"OK\" @click=\"emit('close')\" />\n    </div>\n  </Sidebar>\n</template>\n\n<style lang=\"scss\" src=\"@/styles/components/data-table/data-list-options.scss\"></style>\n"],"mappings":""}
+{"version":3,"file":"admins-components74.js","names":[],"sources":["../src/utils/objects.ts"],"sourcesContent":["export function deepMerge(target: Record<string, any>, source: Record<string, any>) {\n  const result = { ...target };\n\n  for (const key in source) {\n    if (\n      source[key] &&\n      typeof source[key] === 'object' &&\n      !Array.isArray(source[key]) &&\n      key in target &&\n      typeof target[key] === 'object'\n    ) {\n      result[key] = deepMerge(target[key], source[key]);\n    } else {\n      result[key] = source[key];\n    }\n  }\n\n  return result;\n}\n"],"mappings":";AAAA,SAAgB,EAAU,GAA6B,GAA6B;CAClF,IAAM,IAAS,EAAE,GAAG,EAAO;CAE3B,KAAK,IAAM,KAAO,GAChB,AACE,EAAO,MACP,OAAO,EAAO,MAAS,YACvB,CAAC,MAAM,QAAQ,EAAO,EAAI,KAC1B,KAAO,KACP,OAAO,EAAO,MAAS,WAEvB,EAAO,KAAO,EAAU,EAAO,IAAM,EAAO,EAAI,IAEhD,EAAO,KAAO,EAAO;CAIzB,OAAO;AACT"}

package/dist/admins-components75.js

@@ -1,10 +1,291 @@
-//#region src/utils/storageKey.ts
-var e = "data-filters-", t = "pageSize-";
-function n(n, r = "") {
-	switch (n) {
-		case "filters": return e + r;
-		case "pagination": return t + r;
+import e from "./admins-components6.js";
+import t from "./admins-components34.js";
+import { dataCardsSettingsDefaults as n, dataListSettingsDefaults as r, dataTableSettingsDefaults as i } from "./admins-components58.js";
+import { deepMerge as a } from "./admins-components74.js";
+import { Fragment as o, computed as s, createBlock as ee, createCommentVNode as c, createElementBlock as l, createElementVNode as u, createTextVNode as d, createVNode as f, defineComponent as p, normalizeClass as m, onMounted as te, openBlock as h, ref as g, renderList as _, resolveDirective as ne, toDisplayString as v, watch as re, withCtx as ie, withDirectives as y, withModifiers as b } from "vue";
+//#region src/components/data-table/DataListOptions.vue?vue&type=script&setup=true&lang.ts
+var ae = { class: "table-options" }, oe = { class: "table-options__col" }, se = { class: "table-options__title" }, ce = { class: "table-options__title-value" }, le = { class: "layout-switch" }, ue = { class: "table-options__col" }, x = { class: "table-options__title" }, S = { class: "table-options__list" }, de = { class: "table-options__col" }, fe = { class: "table-options__title" }, pe = { class: "table-options__list" }, me = [
+	"draggable",
+	"onDragstart",
+	"onDragover",
+	"onClick"
+], he = {
+	key: 0,
+	class: "fa-solid fa-grip-vertical table-options__drag-handle"
+}, ge = ["onClick"], _e = {
+	key: 0,
+	class: "table-options__move-actions"
+}, ve = ["disabled"], ye = ["disabled"], be = { class: "table-options__col" }, xe = { class: "table-options__title flex-center gap-1" }, C = { class: "table-options__list" }, w = [
+	"draggable",
+	"onDragstart",
+	"onDragover",
+	"onClick"
+], T = {
+	key: 0,
+	class: "fa-solid fa-grip-vertical table-options__drag-handle"
+}, E = ["onClick"], D = {
+	key: 0,
+	class: "table-options__move-actions"
+}, O = ["disabled"], k = ["disabled"], A = { class: "table-options__footer" }, j = /* @__PURE__ */ p({
+	__name: "DataListOptions",
+	props: {
+		open: { type: Boolean },
+		columns: {},
+		settings: {},
+		position: {},
+		storageKey: {},
+		orderable: {
+			type: Boolean,
+			default: !1
+		}
+	},
+	emits: ["close", "change"],
+	setup(p, { emit: j }) {
+		let M = p, N = j, P = g(z()), F = s(() => `data-list-${M.storageKey}`), I = s(() => JSON.stringify(P.value) !== JSON.stringify(z()));
+		function L(e) {
+			return e.primary === !0 || e.hideable === !1;
+		}
+		function R(e) {
+			for (let t of M.columns) L(t) && (e.columns[t.property] = !0, e.cardHeaderColumns[t.property] = !0);
+		}
+		function z() {
+			return {
+				...n,
+				...i,
+				...r,
+				...M.settings,
+				columns: Object.fromEntries(M.columns.map((e) => [e.property, M.settings.columns?.[e.property] ?? e.visible !== !1])),
+				cardHeaderColumns: Object.fromEntries(M.columns.map((e) => [e.property, M.settings.cardHeaderColumns?.[e.property] ?? (e.primary === !0 || e.hideable === !1 || e.defaultCardHeader === !0)])),
+				columnOrder: M.settings.columnOrder ?? M.columns.map((e) => e.property),
+				cardHeaderOrder: M.settings.cardHeaderOrder ?? M.columns.map((e) => e.property)
+			};
+		}
+		function Se() {
+			try {
+				let e = localStorage.getItem(F.value), t = z();
+				if (e) {
+					let n = JSON.parse(e);
+					P.value = n.settings ? B(a(t, n.settings), M.columns) : t;
+				} else P.value = t;
+			} catch {
+				P.value = z();
+			}
+			R(P.value), N("change", P.value);
+		}
+		function B(e, t) {
+			let n = t.map((e) => e.property), r = (e) => {
+				let t = (e ?? []).filter((e) => n.includes(e)), r = new Set(t), i = [], a = 0;
+				for (let e of n) r.has(e) ? i.push(t[a++]) : i.push(e);
+				return i;
+			};
+			return {
+				...e,
+				columnOrder: r(e.columnOrder),
+				cardHeaderOrder: r(e.cardHeaderOrder)
+			};
+		}
+		function Ce() {
+			try {
+				let e = F.value, t = localStorage.getItem(e), n = t ? JSON.parse(t) : {};
+				n.settings = P.value, localStorage.setItem(e, JSON.stringify(n));
+			} catch (e) {
+				console.error(e);
+			}
+			N("change", P.value);
+		}
+		function V(e, t) {
+			P.value = {
+				...P.value,
+				[e]: t
+			}, Ce();
+		}
+		function H(e) {
+			V("columns", {
+				...P.value.columns,
+				[e]: !P.value.columns[e]
+			});
+		}
+		function U(e) {
+			V("cardHeaderColumns", {
+				...P.value.cardHeaderColumns,
+				[e]: !P.value.cardHeaderColumns[e]
+			});
+		}
+		function W(e) {
+			V(e, !P.value[e]);
+		}
+		function G(e, t) {
+			return [...e].sort((e, n) => {
+				let r = t.indexOf(e.property), i = t.indexOf(n.property);
+				return (r === -1 ? 999 : r) - (i === -1 ? 999 : i);
+			});
+		}
+		let K = s(() => G(M.columns, P.value.columnOrder)), q = s(() => G(M.columns, P.value.cardHeaderOrder)), J = g(null), Y = g(null), X = g(null), Z = g(null);
+		function we(e) {
+			J.value = e;
+		}
+		function Te(e, t) {
+			if (e.preventDefault(), J.value === null || J.value === t) return;
+			let n = [...P.value.columnOrder], r = n.splice(J.value, 1)[0];
+			r && (n.splice(t, 0, r), J.value = t, V("columnOrder", n));
+		}
+		function Ee() {
+			J.value = null;
+		}
+		function De(e) {
+			Y.value = Y.value === e ? null : e;
+		}
+		function Q(e) {
+			if (Y.value === null) return;
+			let t = Y.value + e;
+			if (t < 0 || t >= P.value.columnOrder.length) return;
+			let n = [...P.value.columnOrder], r = n[Y.value];
+			n[Y.value] = n[t], n[t] = r, V("columnOrder", n), Y.value = t;
+		}
+		function Oe(e) {
+			X.value = e;
+		}
+		function ke(e, t) {
+			if (e.preventDefault(), X.value === null || X.value === t) return;
+			let n = [...P.value.cardHeaderOrder], r = n.splice(X.value, 1)[0];
+			r && (n.splice(t, 0, r), X.value = t, V("cardHeaderOrder", n));
+		}
+		function Ae() {
+			X.value = null;
+		}
+		function je(e) {
+			Z.value = Z.value === e ? null : e;
+		}
+		function $(e) {
+			if (Z.value === null) return;
+			let t = Z.value + e;
+			if (t < 0 || t >= P.value.cardHeaderOrder.length) return;
+			let n = [...P.value.cardHeaderOrder], r = n[Z.value];
+			n[Z.value] = n[t], n[t] = r, V("cardHeaderOrder", n), Z.value = t;
+		}
+		function Me() {
+			localStorage.removeItem(F.value), P.value = z(), N("change", P.value);
+		}
+		return te(Se), re(() => M.columns, () => {
+			P.value = B(P.value, M.columns), R(P.value);
+		}), (n, r) => {
+			let i = ne("tooltip");
+			return h(), ee(t, {
+				open: p.open,
+				title: "Lista beállítások",
+				position: M.position,
+				onClose: r[16] ||= (e) => N("close")
+			}, {
+				default: ie(() => [u("div", ae, [
+					u("div", oe, [u("h4", se, [r[17] ||= d(" Elrendezés ", -1), u("span", ce, "— " + v(P.value.layout === "screen" ? "Auto" : P.value.layout === "table" ? "Táblázat" : "Kártyák"), 1)]), u("div", le, [
+						u("button", {
+							class: m(["layout-switch__btn", { "layout-switch__btn--active": P.value.layout === "screen" }]),
+							title: "Kijelző méretéhez igazodó elrendezés",
+							onClick: r[0] ||= (e) => V("layout", "screen")
+						}, [...r[18] ||= [u("i", { class: "fa-solid fa-display" }, null, -1)]], 2),
+						u("button", {
+							class: m(["layout-switch__btn", { "layout-switch__btn--active": P.value.layout === "table" }]),
+							title: "Táblázat nézet",
+							onClick: r[1] ||= (e) => V("layout", "table")
+						}, [...r[19] ||= [u("i", { class: "fa-solid fa-table-list" }, null, -1)]], 2),
+						u("button", {
+							class: m(["layout-switch__btn", { "layout-switch__btn--active": P.value.layout === "cards" }]),
+							title: "Kártya nézet",
+							onClick: r[2] ||= (e) => V("layout", "cards")
+						}, [...r[20] ||= [u("i", { class: "fa-solid fa-list" }, null, -1)]], 2)
+					])]),
+					u("div", ue, [y((h(), l("h4", x, [...r[21] ||= [d(" Megjelenés ", -1), u("i", { class: "fa-regular fa-question-circle" }, null, -1)]])), [[
+						i,
+						"<b>Kompakt</b>: A sorok közötti térköz csökkentése<br><br><b>Sávos</b> (csak táblázat nézetben):  A páros sorok háttere kicsit sötétebb ",
+						void 0,
+						{ html: !0 }
+					]]), u("ul", S, [u("li", {
+						class: "table-options__item",
+						onClick: r[4] ||= (e) => W("compact"),
+						title: "A sorok közötti térköz csökkentése"
+					}, [u("span", {
+						class: m(["c-checkbox", { "c-checkbox--checked": P.value.compact }]),
+						onClick: r[3] ||= b((e) => W("compact"), ["stop"])
+					}, null, 2), r[22] ||= u("span", null, "Kompakt", -1)]), u("li", {
+						class: "table-options__item",
+						onClick: r[6] ||= (e) => W("striped"),
+						title: "A páros sorok háttere kicsit sötétebb (csak táblázat nézetben)"
+					}, [u("span", {
+						class: m(["c-checkbox", { "c-checkbox--checked": P.value.striped }]),
+						onClick: r[5] ||= b((e) => W("striped"), ["stop"])
+					}, null, 2), r[23] ||= u("span", null, "Sávos (striped)", -1)])])]),
+					u("div", de, [
+						y((h(), l("h4", fe, [...r[24] ||= [d(" Táblázat oszlopok ", -1), u("i", { class: "fa-regular fa-question-circle" }, null, -1)]])), [[i, "Táblázat nézetben megjelenő oszlopok"]]),
+						u("ul", pe, [(h(!0), l(o, null, _(K.value, (e, t) => (h(), l("li", {
+							key: e.property,
+							class: m(["table-options__item", {
+								"table-options__item--disabled": L(e),
+								"table-options__item--selected": p.orderable && Y.value === t,
+								"table-options__item--dragging": p.orderable && J.value === t
+							}]),
+							draggable: p.orderable,
+							onDragstart: b((e) => p.orderable && we(t), ["stop"]),
+							onDragover: b((e) => p.orderable && Te(e, t), ["prevent"]),
+							onDrop: r[7] ||= b(() => {}, ["prevent"]),
+							onDragend: r[8] ||= (e) => p.orderable && Ee(),
+							onClick: b((n) => p.orderable ? De(t) : !L(e) && H(e.property), ["prevent"])
+						}, [p.orderable ? (h(), l("i", he)) : c("", !0), u("span", {
+							class: "table-options__toggle",
+							onClick: b((t) => !L(e) && H(e.property), ["stop"])
+						}, [u("span", { class: m(["c-checkbox", { "c-checkbox--checked": P.value.columns[e.property] }]) }, null, 2), u("span", null, v(e.label), 1)], 8, ge)], 42, me))), 128))]),
+						p.orderable && Y.value !== null ? (h(), l("div", _e, [u("button", {
+							class: "table-options__move-btn",
+							disabled: Y.value === 0,
+							onClick: r[9] ||= (e) => Q(-1)
+						}, [...r[25] ||= [u("i", { class: "fa-solid fa-arrow-up" }, null, -1)]], 8, ve), u("button", {
+							class: "table-options__move-btn",
+							disabled: Y.value === K.value.length - 1,
+							onClick: r[10] ||= (e) => Q(1)
+						}, [...r[26] ||= [u("i", { class: "fa-solid fa-arrow-down" }, null, -1)]], 8, ye)])) : c("", !0)
+					]),
+					u("div", be, [
+						y((h(), l("h4", xe, [...r[27] ||= [d(" Kártya fejléc ", -1), u("i", { class: "fa-regular fa-question-circle" }, null, -1)]])), [[i, "Kártya nézetben, a sorok fejlécén megjelenő oszlopok"]]),
+						u("ul", C, [(h(!0), l(o, null, _(q.value, (e, t) => (h(), l("li", {
+							key: "ch-" + e.property,
+							class: m(["table-options__item", {
+								"table-options__item--disabled": L(e),
+								"table-options__item--selected": p.orderable && Z.value === t,
+								"table-options__item--dragging": p.orderable && X.value === t
+							}]),
+							draggable: p.orderable,
+							onDragstart: b((e) => p.orderable && Oe(t), ["stop"]),
+							onDragover: b((e) => p.orderable && ke(e, t), ["prevent"]),
+							onDrop: r[11] ||= b(() => {}, ["prevent"]),
+							onDragend: r[12] ||= (e) => p.orderable && Ae(),
+							onClick: b((n) => p.orderable ? je(t) : !L(e) && U(e.property), ["prevent"])
+						}, [p.orderable ? (h(), l("i", T)) : c("", !0), u("span", {
+							class: "table-options__toggle",
+							onClick: b((t) => !L(e) && U(e.property), ["stop"])
+						}, [u("span", { class: m(["c-checkbox", { "c-checkbox--checked": P.value.cardHeaderColumns[e.property] }]) }, null, 2), u("span", null, v(e.label), 1)], 8, E)], 42, w))), 128))]),
+						p.orderable && Z.value !== null ? (h(), l("div", D, [u("button", {
+							class: "table-options__move-btn",
+							disabled: Z.value === 0,
+							onClick: r[13] ||= (e) => $(-1)
+						}, [...r[28] ||= [u("i", { class: "fa-solid fa-arrow-up" }, null, -1)]], 8, O), u("button", {
+							class: "table-options__move-btn",
+							disabled: Z.value === q.value.length - 1,
+							onClick: r[14] ||= (e) => $(1)
+						}, [...r[29] ||= [u("i", { class: "fa-solid fa-arrow-down" }, null, -1)]], 8, k)])) : c("", !0)
+					])
+				]), u("div", A, [f(e, {
+					icon: "fa-solid  fa-triangle-exclamation",
+					disabled: !I.value,
+					label: "Alapértelmezés visszaállítása",
+					size: "small",
+					onClick: Me
+				}, null, 8, ["disabled"]), f(e, {
+					label: "OK",
+					onClick: r[15] ||= (e) => N("close")
+				})])]),
+				_: 1
+			}, 8, ["open", "position"]);
+		};
 	}
-}
+});
 //#endregion
-export { n as getFullStorageKey };
+export { j as default };