admins-components 9.0.68 → 9.0.69

package/dist/admins-components64.js.map

@@ -1 +1 @@
-{"version":3,"file":"admins-components64.js","names":[],"sources":["../src/components/data-table/DataCell.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { Column } from '@/types/data-list'\nimport { getColumnValue } from '@/utils/dataList'\nimport CopyToClipboard from '@/components/CopyToClipboard.vue'\nimport Loader from '@/components/Loader.vue'\nimport { computed, isVNode, type VNode } from 'vue'\nimport { shortUuid } from '@/utils/dataListConverters'\n\nconst props = withDefaults(\n  defineProps<{\n    item: Record<string, unknown>\n    col: Column\n    copy?: boolean\n  }>(),\n  {\n    copy: true,\n  },\n)\n\nconst columnValue = computed<string | VNode>(() => getColumnValue(props.item, props.col))\nconst isVnodeValue = computed(() => isVNode(columnValue.value))\n\nconst uuIdValue = computed(() => {\n  return shortUuid()(columnValue.value as string)\n})\n\nconst datetimeParts = computed<{ date: string; time: string } | null>(() => {\n  if (props.col.type !== 'datetime') return null\n  const value = columnValue.value as string\n  if (!value) return { date: '', time: '' }\n  const spaceIdx = value.indexOf(' ')\n  if (spaceIdx === -1) return { date: value, time: '' }\n  return {\n    date: value.slice(0, spaceIdx),\n    time: value.slice(spaceIdx + 1),\n  }\n})\n</script>\n<template>\n  <span class=\"dc-cell\">\n    <slot name=\"cell\" :item=\"item\" :col=\"col\" :value=\"columnValue\">\n      <span v-if=\"col.loading?.()\" class=\"dc-loading\">\n        <Loader :loading=\"true\" size=\"1rem\" />\n      </span>\n\n      <component :is=\"columnValue\" v-else-if=\"isVnodeValue\" />\n\n      <span v-else-if=\"col.type === 'uuid'\" v-tooltip=\"columnValue\">\n        <span v-html=\"uuIdValue\"></span>\n        <CopyToClipboard v-if=\"copy && columnValue\" :value=\"columnValue\" />\n      </span>\n      <span v-else-if=\"col.type === 'datetime'\" class=\"dc-datetime\">\n        <span class=\"dc-datetime__part\">{{ datetimeParts?.date }}</span\n        ><span v-if=\"datetimeParts?.time\" class=\"dc-datetime__sep\"> </span\n        ><span class=\"dc-datetime__part\">{{ datetimeParts?.time }}</span>\n        <CopyToClipboard v-if=\"copy && columnValue\" :value=\"columnValue\" />\n      </span>\n\n      <span v-else\n        ><span v-html=\"columnValue\"></span\n        ><CopyToClipboard v-if=\"copy && columnValue\" :value=\"columnValue\" />\n      </span>\n    </slot>\n  </span>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;EAQA,IAAM,IAAQ,GAWR,IAAc,QAA+B,EAAe,EAAM,MAAM,EAAM,GAAG,CAAC,GAClF,IAAe,QAAe,EAAQ,EAAY,KAAK,CAAC,GAExD,IAAY,QACT,EAAU,EAAE,EAAY,KAAe,CAC/C,GAEK,IAAgB,QAAsD;GAC1E,IAAI,EAAM,IAAI,SAAS,YAAY,OAAO;GAC1C,IAAM,IAAQ,EAAY;GAC1B,IAAI,CAAC,GAAO,OAAO;IAAE,MAAM;IAAI,MAAM;GAAG;GACxC,IAAM,IAAW,EAAM,QAAQ,GAAG;GAElC,OADI,MAAa,KAAW;IAAE,MAAM;IAAO,MAAM;GAAG,IAC7C;IACL,MAAM,EAAM,MAAM,GAAG,CAAQ;IAC7B,MAAM,EAAM,MAAM,IAAW,CAAC;GAChC;EACF,CAAC;;;eAGC,EAwBO,QAxBP,GAwBO,CAvBL,EAsBO,EAAA,QAAA,QAAA;IAtBY,MAAM,EAAA;IAAO,KAAK,EAAA;IAAM,OAAO,EAAA;YAsB3C,CArBO,EAAA,IAAI,UAAO,KAAA,EAAA,GAAvB,EAEO,QAFP,GAEO,CADL,EAAsC,GAAA;IAA7B,SAAS;IAAM,MAAK;WAGS,EAAA,SAAA,EAAA,GAAxC,EAAwD,EAAxC,EAAA,KAAW,GAAA,EAAA,KAAA,EAAA,CAAA,KAEV,EAAA,IAAI,SAAI,SAAA,GAAA,EAAA,GAAzB,EAGO,QAAA,GAAA,CAFL,EAAgC,QAAA,EAA1B,WAAQ,EAAA,MAAS,GAAA,MAAA,GAAA,CAAA,GACA,EAAA,QAAQ,EAAA,SAAA,EAAA,GAA/B,EAAmE,GAAA;;IAAtB,OAAO,EAAA;gDAFL,EAAA,KAAW,CAAA,CAAA,IAI3C,EAAA,IAAI,SAAI,cAAA,EAAA,GAAzB,EAKO,QALP,GAKO;IAJL,EACC,QADD,GACC,EADkC,EAAA,OAAe,IAAI,GAAA,CAAA;IACzC,EAAA,OAAe,QAAA,EAAA,GAA3B,EACA,QADA,CACA,KAAA,EAAA,IAAA,EAAA;IAAA,EAAgE,QAAhE,GAAgE,EAA7B,EAAA,OAAe,IAAI,GAAA,CAAA;IAChC,EAAA,QAAQ,EAAA,SAAA,EAAA,GAA/B,EAAmE,GAAA;;KAAtB,OAAO,EAAA;;eAGtD,EAGO,QAAA,GAAA,CAFJ,EACA,QAAA,EADM,WAAQ,EAAA,MAAW,GAAA,MAAA,GAAA,CAAA,GACF,EAAA,QAAQ,EAAA,SAAA,EAAA,GAA/B,EAAmE,GAAA;;IAAtB,OAAO,EAAA"}
+{"version":3,"file":"admins-components64.js","names":[],"sources":["../src/components/data-table/TagList.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, ref } from 'vue'\n\ninterface TagListProps {\n  items: Array<string | { label?: string; id?: string | number }>\n  visibleCount?: number\n  class?: string\n}\n\nconst props = withDefaults(defineProps<TagListProps>(), {\n  visibleCount: 3,\n  items: () => [],\n  class: undefined,\n})\n\nconst expanded = ref(false)\n\nconst total = computed(() => props.items.length)\nconst overflow = computed(() => Math.max(0, total.value - props.visibleCount))\n\nconst visibleItems = computed(() => {\n  if (expanded.value || total.value <= props.visibleCount) {\n    return props.items\n  }\n  return props.items.slice(0, props.visibleCount)\n})\n\nconst hiddenCount = computed(() => {\n  return expanded.value ? 0 : overflow.value\n})\n\nfunction labelOf(item: TagListProps['items'][number]): string {\n  if (item == null) return ''\n  if (typeof item === 'string') return item\n  return item.label ?? (item.id != null ? String(item.id) : '')\n}\n\nfunction toggle() {\n  expanded.value = !expanded.value\n}\n</script>\n\n<template>\n  <span class=\"tag-list\" :class=\"props.class\">\n    <span v-for=\"(item, i) in visibleItems\" :key=\"i\" class=\"tag-list__item\"\n      >{{ labelOf(item) }}{{ i < visibleItems.length - 1 ? ',' : '' }}</span\n    >\n<!--        <template v-for=\"(item, i) in visibleItems\" :key=\"i\"\n      >{{ labelOf(item) }}{{ i < visibleItems.length - 1 ? ', ' : '' }}</template\n    > -->\n    <button\n      v-if=\"hiddenCount > 0\"\n      type=\"button\"\n      class=\"tag-list__toggle\"\n      :aria-expanded=\"expanded\"\n      :title=\"expanded ? 'Összecsukás' : `További ${hiddenCount} megjelenítése`\"\n      @click=\"toggle\"\n    >\n      +{{ hiddenCount }}\n    </button>\n    <!-- <button\n      v-else-if=\"expanded && total > visibleCount\"\n      type=\"button\"\n      class=\"tag-list__toggle tag-list__toggle--collapse\"\n      :aria-expanded=\"expanded\"\n      title=\"Összecsukás\"\n      @click=\"toggle\"\n    >\n      <i class=\"fa-solid fa-fw fa-chevron-up\" aria-hidden=\"true\"></i>\n    </button> -->\n  </span>\n</template>\n\n<style lang=\"scss\" src=\"@/styles/components/data-table/tag-list.scss\"></style>\n"],"mappings":""}

package/dist/admins-components65.js

@@ -1,5 +1,97 @@
-import e from "./admins-components64.js";
-//#region src/components/data-table/DataCell.vue
-var t = e;
+import { castToDate as e, formatDate as t } from "./admins-components3.js";
+import n from "./admins-components64.js";
+import { h as r } from "vue";
+//#region src/utils/dataListConverters.ts
+function i(n = !1, r) {
+	return (i) => {
+		let a = e(i);
+		return a ? r ? t(a, r) : n ? t(a, "YYYY-MM-DD HH:mm") : t(a, "YYYY-MM-DD") : "";
+	};
+}
+function a(e = 3) {
+	return (t) => {
+		if (!t) return "";
+		let n = typeof t == "string" ? t : String(t);
+		return `${n.slice(0, e)}...${n.slice(-e)}`;
+	};
+}
+function o(n = "YYYY-MM-DD") {
+	return (r) => {
+		let i = e(r);
+		return i ? t(i, n) : "";
+	};
+}
+function s(e = 60, t = "…") {
+	return (n) => {
+		let r = typeof n == "string" ? n : n == null ? "" : String(n);
+		return r.length <= e ? r : r.slice(0, e).trimEnd() + t;
+	};
+}
+function c(e = "Igen", t = "Nem", n = "") {
+	return (r) => r === !0 ? e : r === !1 ? t : n;
+}
+function l(e, t) {
+	return (n) => {
+		if (n == null) return t ?? "";
+		let r = String(n);
+		return r in e ? e[r] : t ?? n;
+	};
+}
+function u(e = 0, t = "hu-HU") {
+	return (n) => {
+		let r = typeof n == "number" ? n : Number(n);
+		return Number.isFinite(r) ? r.toLocaleString(t, {
+			minimumFractionDigits: e,
+			maximumFractionDigits: e
+		}) : n;
+	};
+}
+function d(e = "HUF", t = "hu-HU", n = 0) {
+	return (r) => {
+		let i = typeof r == "number" ? r : Number(r);
+		return Number.isFinite(i) ? i.toLocaleString(t, {
+			style: "currency",
+			currency: e,
+			minimumFractionDigits: n,
+			maximumFractionDigits: n
+		}) : r;
+	};
+}
+function f(e = ", ", t = !1) {
+	return (n) => {
+		if (Array.isArray(n)) {
+			let r = n.map(String);
+			if (!t || r.length === 0) return r.join(e);
+			let [i, ...a] = r;
+			return `<strong>${i}</strong>${a.length ? e + a.join(e) : ""}`;
+		}
+		return n == null ? "" : String(n);
+	};
+}
+function p(e = {}) {
+	let { visibleCount: t = 3, class: i } = e;
+	return (e) => Array.isArray(e) ? r(n, {
+		items: e,
+		visibleCount: t,
+		class: i
+	}) : r(n, {
+		items: [],
+		visibleCount: t,
+		class: i
+	});
+}
+var m = (e) => e, h = {
+	utcToLocalString: i,
+	localToLocalString: o,
+	shortUuid: a,
+	textEllipse: s,
+	booleanToString: c,
+	enumMap: l,
+	formatNumber: u,
+	formatCurrency: d,
+	listToString: f,
+	tagList: p,
+	identity: m
+};
 //#endregion
-export { t as default };
+export { c as booleanToString, h as dataListConverters, l as enumMap, d as formatCurrency, u as formatNumber, m as identity, f as listToString, o as localToLocalString, a as shortUuid, p as tagList, s as textEllipse, i as utcToLocalString };

package/dist/admins-components65.js.map

@@ -1 +1 @@
-{"version":3,"file":"admins-components65.js","names":[],"sources":["../src/components/data-table/DataCell.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { Column } from '@/types/data-list'\nimport { getColumnValue } from '@/utils/dataList'\nimport CopyToClipboard from '@/components/CopyToClipboard.vue'\nimport Loader from '@/components/Loader.vue'\nimport { computed, isVNode, type VNode } from 'vue'\nimport { shortUuid } from '@/utils/dataListConverters'\n\nconst props = withDefaults(\n  defineProps<{\n    item: Record<string, unknown>\n    col: Column\n    copy?: boolean\n  }>(),\n  {\n    copy: true,\n  },\n)\n\nconst columnValue = computed<string | VNode>(() => getColumnValue(props.item, props.col))\nconst isVnodeValue = computed(() => isVNode(columnValue.value))\n\nconst uuIdValue = computed(() => {\n  return shortUuid()(columnValue.value as string)\n})\n\nconst datetimeParts = computed<{ date: string; time: string } | null>(() => {\n  if (props.col.type !== 'datetime') return null\n  const value = columnValue.value as string\n  if (!value) return { date: '', time: '' }\n  const spaceIdx = value.indexOf(' ')\n  if (spaceIdx === -1) return { date: value, time: '' }\n  return {\n    date: value.slice(0, spaceIdx),\n    time: value.slice(spaceIdx + 1),\n  }\n})\n</script>\n<template>\n  <span class=\"dc-cell\">\n    <slot name=\"cell\" :item=\"item\" :col=\"col\" :value=\"columnValue\">\n      <span v-if=\"col.loading?.()\" class=\"dc-loading\">\n        <Loader :loading=\"true\" size=\"1rem\" />\n      </span>\n\n      <component :is=\"columnValue\" v-else-if=\"isVnodeValue\" />\n\n      <span v-else-if=\"col.type === 'uuid'\" v-tooltip=\"columnValue\">\n        <span v-html=\"uuIdValue\"></span>\n        <CopyToClipboard v-if=\"copy && columnValue\" :value=\"columnValue\" />\n      </span>\n      <span v-else-if=\"col.type === 'datetime'\" class=\"dc-datetime\">\n        <span class=\"dc-datetime__part\">{{ datetimeParts?.date }}</span\n        ><span v-if=\"datetimeParts?.time\" class=\"dc-datetime__sep\"> </span\n        ><span class=\"dc-datetime__part\">{{ datetimeParts?.time }}</span>\n        <CopyToClipboard v-if=\"copy && columnValue\" :value=\"columnValue\" />\n      </span>\n\n      <span v-else\n        ><span v-html=\"columnValue\"></span\n        ><CopyToClipboard v-if=\"copy && columnValue\" :value=\"columnValue\" />\n      </span>\n    </slot>\n  </span>\n</template>\n"],"mappings":""}
+{"version":3,"file":"admins-components65.js","names":[],"sources":["../src/utils/dataListConverters.ts"],"sourcesContent":["import { h } from 'vue'\nimport { castToDate, formatDate } from '@/utils/date'\nimport TagList from '@/components/data-table/TagList.vue'\n\ntype Converter = (value: unknown, item?: unknown) => unknown\n\nexport function utcToLocalString(time = false, format?: string): Converter {\n  return (value) => {\n    const d = castToDate(value)\n    if (!d) return ''\n    if (format) return formatDate(d, format)\n    if (time) return formatDate(d, 'YYYY-MM-DD HH:mm')\n    return formatDate(d, 'YYYY-MM-DD');\n  }\n}\nexport function shortUuid(length = 3): Converter {\n  return (value) => {\n    if (!value) return ''\n    const s = typeof value === 'string' ? value : String(value)\n    return `${s.slice(0, length)}...${s.slice(-length)}`\n  }\n}\n\nexport function localToLocalString(format = 'YYYY-MM-DD'): Converter {\n  return (value) => {\n    const d = castToDate(value)\n    return d ? formatDate(d, format) : ''\n  }\n}\n\nexport function textEllipse(max = 60, suffix = '…'): Converter {\n  return (value) => {\n    const s = typeof value === 'string' ? value : value == null ? '' : String(value)\n    if (s.length <= max) return s\n    return s.slice(0, max).trimEnd() + suffix\n  }\n}\n\nexport function booleanToString(trueLabel = 'Igen', falseLabel = 'Nem', fallback = ''): Converter {\n  return (value) => {\n    if (value === true) return trueLabel\n    if (value === false) return falseLabel\n    return fallback\n  }\n}\n\nexport function enumMap<T = unknown>(map: Record<string, T>, fallback?: T): Converter {\n  return (value) => {\n    if (value == null) return fallback ?? ''\n    const key = String(value)\n    return key in map ? map[key] : (fallback ?? value)\n  }\n}\n\nexport function formatNumber(decimals = 0, locale = 'hu-HU'): Converter {\n  return (value) => {\n    const n = typeof value === 'number' ? value : Number(value)\n    if (!Number.isFinite(n)) return value\n    return n.toLocaleString(locale, {\n      minimumFractionDigits: decimals,\n      maximumFractionDigits: decimals,\n    })\n  }\n}\n\nexport function formatCurrency(currencyCode = 'HUF', locale = 'hu-HU', decimals = 0): Converter {\n  return (value) => {\n    const n = typeof value === 'number' ? value : Number(value)\n    if (!Number.isFinite(n)) return value\n    return n.toLocaleString(locale, {\n      style: 'currency',\n      currency: currencyCode,\n      minimumFractionDigits: decimals,\n      maximumFractionDigits: decimals,\n    })\n  }\n}\n\nexport function listToString(\n  separator = ', ',\n  boldFirstItem = false,\n): Converter {\n  return (value) => {\n    if (Array.isArray(value)) {\n      const parts = value.map(String)\n      if (!boldFirstItem || parts.length === 0) {\n        return parts.join(separator)\n      }\n      const [head, ...rest] = parts\n      return `<strong>${head}</strong>${rest.length ? separator + rest.join(separator) : ''}`\n    }\n    if (value == null) return ''\n    return String(value)\n  }\n}\n/**\n * Converter that renders an array of values as a collapsed tag list.\n *\n * - `visibleCount` controls how many items show before the `+N` toggle.\n *   The component lets the user expand to show every item, and re-collapse\n *   via a small chevron. Expansion state is per-cell (one per row).\n * - `class` is forwarded to the wrapping element.\n *\n * Returns a Vue `VNode` so the toggle state can persist within the cell.\n */\nexport function tagList(\n  options: { visibleCount?: number; class?: string } = {},\n): Converter {\n  const { visibleCount = 3, class: cls } = options\n  return (value) => {\n    if (!Array.isArray(value)) return h(TagList, { items: [], visibleCount, class: cls })\n    const items = value as Array<string | { label?: string; id?: string | number }>\n    return h(TagList, { items, visibleCount, class: cls })\n  }\n}\nexport const identity: Converter = (value) => value\n\nexport const dataListConverters = {\n  utcToLocalString,\n  localToLocalString,\n  shortUuid,\n  textEllipse,\n  booleanToString,\n  enumMap,\n  formatNumber,\n  formatCurrency,\n  listToString,\n  tagList,\n  identity,\n} as const\n"],"mappings":";;;;AAMA,SAAgB,EAAiB,IAAO,IAAO,GAA4B;CACzE,QAAQ,MAAU;EAChB,IAAM,IAAI,EAAW,CAAK;EAI1B,OAHK,IACD,IAAe,EAAW,GAAG,CAAM,IACnC,IAAa,EAAW,GAAG,kBAAkB,IAC1C,EAAW,GAAG,YAAY,IAHlB;CAIjB;AACF;AACA,SAAgB,EAAU,IAAS,GAAc;CAC/C,QAAQ,MAAU;EAChB,IAAI,CAAC,GAAO,OAAO;EACnB,IAAM,IAAI,OAAO,KAAU,WAAW,IAAQ,OAAO,CAAK;EAC1D,OAAO,GAAG,EAAE,MAAM,GAAG,CAAM,EAAE,KAAK,EAAE,MAAM,CAAC,CAAM;CACnD;AACF;AAEA,SAAgB,EAAmB,IAAS,cAAyB;CACnE,QAAQ,MAAU;EAChB,IAAM,IAAI,EAAW,CAAK;EAC1B,OAAO,IAAI,EAAW,GAAG,CAAM,IAAI;CACrC;AACF;AAEA,SAAgB,EAAY,IAAM,IAAI,IAAS,KAAgB;CAC7D,QAAQ,MAAU;EAChB,IAAM,IAAI,OAAO,KAAU,WAAW,IAAQ,KAAS,OAAO,KAAK,OAAO,CAAK;EAE/E,OADI,EAAE,UAAU,IAAY,IACrB,EAAE,MAAM,GAAG,CAAG,EAAE,QAAQ,IAAI;CACrC;AACF;AAEA,SAAgB,EAAgB,IAAY,QAAQ,IAAa,OAAO,IAAW,IAAe;CAChG,QAAQ,MACF,MAAU,KAAa,IACvB,MAAU,KAAc,IACrB;AAEX;AAEA,SAAgB,EAAqB,GAAwB,GAAyB;CACpF,QAAQ,MAAU;EAChB,IAAI,KAAS,MAAM,OAAO,KAAY;EACtC,IAAM,IAAM,OAAO,CAAK;EACxB,OAAO,KAAO,IAAM,EAAI,KAAQ,KAAY;CAC9C;AACF;AAEA,SAAgB,EAAa,IAAW,GAAG,IAAS,SAAoB;CACtE,QAAQ,MAAU;EAChB,IAAM,IAAI,OAAO,KAAU,WAAW,IAAQ,OAAO,CAAK;EAE1D,OADK,OAAO,SAAS,CAAC,IACf,EAAE,eAAe,GAAQ;GAC9B,uBAAuB;GACvB,uBAAuB;EACzB,CAAC,IAJ+B;CAKlC;AACF;AAEA,SAAgB,EAAe,IAAe,OAAO,IAAS,SAAS,IAAW,GAAc;CAC9F,QAAQ,MAAU;EAChB,IAAM,IAAI,OAAO,KAAU,WAAW,IAAQ,OAAO,CAAK;EAE1D,OADK,OAAO,SAAS,CAAC,IACf,EAAE,eAAe,GAAQ;GAC9B,OAAO;GACP,UAAU;GACV,uBAAuB;GACvB,uBAAuB;EACzB,CAAC,IAN+B;CAOlC;AACF;AAEA,SAAgB,EACd,IAAY,MACZ,IAAgB,IACL;CACX,QAAQ,MAAU;EAChB,IAAI,MAAM,QAAQ,CAAK,GAAG;GACxB,IAAM,IAAQ,EAAM,IAAI,MAAM;GAC9B,IAAI,CAAC,KAAiB,EAAM,WAAW,GACrC,OAAO,EAAM,KAAK,CAAS;GAE7B,IAAM,CAAC,GAAM,GAAG,KAAQ;GACxB,OAAO,WAAW,EAAK,WAAW,EAAK,SAAS,IAAY,EAAK,KAAK,CAAS,IAAI;EACrF;EAEA,OADI,KAAS,OAAa,KACnB,OAAO,CAAK;CACrB;AACF;AAWA,SAAgB,EACd,IAAqD,CAAC,GAC3C;CACX,IAAM,EAAE,kBAAe,GAAG,OAAO,MAAQ;CACzC,QAAQ,MACD,MAAM,QAAQ,CAAK,IAEjB,EAAE,GAAS;EAAE,OAAA;EAAO;EAAc,OAAO;CAAI,CAAC,IAFnB,EAAE,GAAS;EAAE,OAAO,CAAC;EAAG;EAAc,OAAO;CAAI,CAAC;AAIxF;AACA,IAAa,KAAuB,MAAU,GAEjC,IAAqB;CAChC;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;AACF"}

package/dist/admins-components66.js

@@ -1,90 +1,71 @@
-import e from "./admins-components6.js";
-import t from "./admins-components30.js";
-import n from "./admins-components42.js";
-import { Fragment as r, createBlock as i, createCommentVNode as a, createElementBlock as o, defineComponent as s, mergeProps as c, openBlock as l, ref as u, renderList as d } from "vue";
-//#region src/components/data-table/DataListActions.vue?vue&type=script&setup=true&lang.ts
-var f = /* @__PURE__ */ s({
-	__name: "DataListActions",
+import e from "./admins-components25.js";
+import t from "./admins-components45.js";
+import { getColumnValue as n } from "./admins-components61.js";
+import { shortUuid as r } from "./admins-components65.js";
+import { computed as i, createBlock as a, createCommentVNode as o, createElementBlock as s, createElementVNode as c, createVNode as l, defineComponent as u, isVNode as d, openBlock as f, renderSlot as p, resolveDirective as m, resolveDynamicComponent as h, toDisplayString as g, withDirectives as _ } from "vue";
+//#region src/components/data-table/DataCell.vue?vue&type=script&setup=true&lang.ts
+var v = { class: "dc-cell" }, y = {
+	key: 0,
+	class: "dc-loading"
+}, b = { key: 2 }, x = ["innerHTML"], S = {
+	key: 3,
+	class: "dc-datetime"
+}, C = { class: "dc-datetime__part" }, w = {
+	key: 0,
+	class: "dc-datetime__sep"
+}, T = { class: "dc-datetime__part" }, E = { key: 4 }, D = ["innerHTML"], O = /* @__PURE__ */ u({
+	__name: "DataCell",
 	props: {
-		actions: {},
-		item: {}
+		item: {},
+		col: {},
+		copy: {
+			type: Boolean,
+			default: !0
+		}
 	},
-	setup(s) {
-		let f = u(null);
-		function p(e, t) {
-			let n = {
-				title: e.label ?? "Megerősítés",
-				message: "Biztosan végrehajta a műveletet?",
-				type: e.type
-			}, r = typeof e.withConfirmConfig == "function" ? e.withConfirmConfig(t) : e.withConfirmConfig;
-			return {
-				...n,
-				...r
+	setup(u) {
+		let O = u, k = i(() => n(O.item, O.col)), A = i(() => d(k.value)), j = i(() => r()(k.value)), M = i(() => {
+			if (O.col.type !== "datetime") return null;
+			let e = k.value;
+			if (!e) return {
+				date: "",
+				time: ""
 			};
-		}
-		function m(e, t) {
-			e.withConfirm ? f.value = {
-				action: e,
-				item: t
-			} : e.callback(t);
-		}
-		function h() {
-			f.value &&= (f.value.action.callback(f.value.item), null);
-		}
-		function g(e) {
-			return e.isGroup === !0 && Array.isArray(e.items);
-		}
-		function _(e, t) {
-			return e.items.map((e) => {
-				let n = e.disabled, r = e.hidden;
-				return {
-					icon: e.icon,
-					label: e.label ?? "",
-					type: e.type,
-					size: e.label ? "small" : "normal",
-					class: e.class,
-					callback: () => m(e, t),
-					disabled: n ? () => n(t) : void 0,
-					hidden: r ? () => r(t) : void 0
-				};
-			});
-		}
-		return (u, v) => (l(), o(r, null, [(l(!0), o(r, null, d(s.actions, (n, u) => (l(), o(r, { key: u }, [n.hidden && n.hidden(s.item) ? a("", !0) : (l(), o(r, { key: 0 }, [g(n) ? (l(), i(t, c({
-			key: 0,
-			icon: n.icon,
-			label: n.label,
-			items: _(n, s.item),
-			class: n.class
-		}, { ref_for: !0 }, n.config), null, 16, [
-			"icon",
-			"label",
-			"items",
-			"class"
-		])) : (l(), i(e, c({
-			key: 1,
-			icon: n.icon,
-			label: n.label,
-			type: n.type,
-			size: n.label ? "small" : "normal",
-			ariaLabel: n.ariaLabel,
-			class: n.class,
-			outline: "",
-			callback: () => m(n, s.item),
-			disabled: n.disabled ? n.disabled(s.item) : !1
-		}, { ref_for: !0 }, n.config), null, 16, [
-			"icon",
-			"label",
-			"type",
-			"size",
-			"ariaLabel",
-			"class",
-			"callback",
-			"disabled"
-		]))], 64))], 64))), 128)), f.value ? (l(), i(n, c({ key: 0 }, p(f.value.action, f.value.item), {
-			onConfirm: h,
-			onCancel: v[0] ||= (e) => f.value = null
-		}), null, 16)) : a("", !0)], 64));
+			let t = e.indexOf(" ");
+			return t === -1 ? {
+				date: e,
+				time: ""
+			} : {
+				date: e.slice(0, t),
+				time: e.slice(t + 1)
+			};
+		});
+		return (n, r) => {
+			let i = m("tooltip");
+			return f(), s("span", v, [p(n.$slots, "cell", {
+				item: u.item,
+				col: u.col,
+				value: k.value
+			}, () => [u.col.loading?.() ? (f(), s("span", y, [l(e, {
+				loading: !0,
+				size: "1rem"
+			})])) : A.value ? (f(), a(h(k.value), { key: 1 })) : u.col.type === "uuid" ? _((f(), s("span", b, [c("span", { innerHTML: j.value }, null, 8, x), u.copy && k.value ? (f(), a(t, {
+				key: 0,
+				value: k.value
+			}, null, 8, ["value"])) : o("", !0)])), [[i, k.value]]) : u.col.type === "datetime" ? (f(), s("span", S, [
+				c("span", C, g(M.value?.date), 1),
+				M.value?.time ? (f(), s("span", w)) : o("", !0),
+				c("span", T, g(M.value?.time), 1),
+				u.copy && k.value ? (f(), a(t, {
+					key: 1,
+					value: k.value
+				}, null, 8, ["value"])) : o("", !0)
+			])) : (f(), s("span", E, [c("span", { innerHTML: k.value }, null, 8, D), u.copy && k.value ? (f(), a(t, {
+				key: 0,
+				value: k.value
+			}, null, 8, ["value"])) : o("", !0)]))])]);
+		};
 	}
 });
 //#endregion
-export { f as default };
+export { O as default };

package/dist/admins-components66.js.map

@@ -1 +1 @@
-{"version":3,"file":"admins-components66.js","names":[],"sources":["../src/components/data-table/DataListActions.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { ref } from 'vue'\nimport type { Action, ActionGroup } from '@/types/data-list'\nimport type { ConfirmModalProps } from '@/components/ConfirmModal.vue'\nimport Button from '@/components/Button.vue'\nimport DropdownMenu from '@/components/DropdownMenu.vue'\nimport ConfirmModal from '@/components/ConfirmModal.vue'\nimport type { DropdownMenuItem } from '@/components/DropdownMenu.vue'\n\ndefineProps<{\n  actions: Array<Action | ActionGroup>\n  item?: Record<string, unknown>\n}>()\n\nconst activeConfirm = ref<{\n  action: Action\n  item?: Record<string, unknown>\n} | null>(null)\n\nfunction getConfirmConfig(action: Action, item?: Record<string, unknown>): ConfirmModalProps {\n  const defaultConfig = {\n    title: action.label ?? 'Megerősítés',\n    message: 'Biztosan végrehajta a műveletet?',\n    type: action.type,\n  }\n  const extra = typeof action.withConfirmConfig === 'function'\n    ? action.withConfirmConfig(item)\n    : action.withConfirmConfig\n  return {\n    ...defaultConfig,\n    ...extra,\n  }\n}\n\nfunction handleOnClick(action: Action, item?: Record<string, unknown>) {\n  if (action.withConfirm) {\n    activeConfirm.value = { action, item }\n  } else {\n    action.callback(item)\n  }\n}\n\nfunction handleConfirm() {\n  if (activeConfirm.value) {\n    activeConfirm.value.action.callback(activeConfirm.value.item)\n    activeConfirm.value = null\n  }\n}\n\nfunction isActionGroup(entry: Action | ActionGroup): entry is ActionGroup {\n  return (entry as ActionGroup).isGroup === true && Array.isArray((entry as ActionGroup).items)\n}\n\nfunction buildActionGroupMenuItems(\n  group: ActionGroup,\n  item?: Record<string, unknown>,\n): DropdownMenuItem[] {\n  return group.items.map((action: Action) => {\n    const isDisabled = action.disabled\n    const isHidden = action.hidden\n    return {\n      icon: action.icon,\n      label: action.label ?? '',\n      type: action.type,\n      size: action.label ? 'small' : 'normal',\n      class: action.class,\n      callback: () => handleOnClick(action, item),\n      disabled: isDisabled ? () => isDisabled(item) : undefined,\n      hidden: isHidden ? () => isHidden(item) : undefined,\n    }\n  })\n}\n</script>\n\n<template>\n  <template v-for=\"(action, ai) in actions\" :key=\"ai\">\n    <template v-if=\"!(action.hidden && action.hidden(item))\">\n      <DropdownMenu\n        v-if=\"isActionGroup(action)\"\n        :icon=\"action.icon\"\n        :label=\"action.label\"\n        :items=\"buildActionGroupMenuItems(action, item)\"\n        :class=\"action.class\"\n        v-bind=\"action.config\"\n      />\n\n      <Button\n        v-else\n        :icon=\"action.icon\"\n        :label=\"action.label\"\n        :type=\"action.type\"\n        :size=\"action.label ? 'small' : 'normal'\"\n        :ariaLabel=\"action.ariaLabel\"\n        :class=\"action.class\"\n        outline\n        :callback=\"() => handleOnClick(action, item)\"\n        :disabled=\"action.disabled ? action.disabled(item) : false\"\n        v-bind=\"action.config\"\n      />\n    </template>\n  </template>\n\n  <ConfirmModal\n    v-if=\"activeConfirm\"\n    v-bind=\"getConfirmConfig(activeConfirm.action, activeConfirm.item)\"\n    @confirm=\"handleConfirm\"\n    @cancel=\"activeConfirm = null\"\n  />\n</template>\n"],"mappings":";;;;;;;;;;;;EAcA,IAAM,IAAgB,EAGZ,IAAI;EAEd,SAAS,EAAiB,GAAgB,GAAmD;GAC3F,IAAM,IAAgB;IACpB,OAAO,EAAO,SAAS;IACvB,SAAS;IACT,MAAM,EAAO;GACf,GACM,IAAQ,OAAO,EAAO,qBAAsB,aAC9C,EAAO,kBAAkB,CAAI,IAC7B,EAAO;GACX,OAAO;IACL,GAAG;IACH,GAAG;GACL;EACF;EAEA,SAAS,EAAc,GAAgB,GAAgC;GACrE,AAAI,EAAO,cACT,EAAc,QAAQ;IAAE;IAAQ;GAAK,IAErC,EAAO,SAAS,CAAI;EAExB;EAEA,SAAS,IAAgB;GACvB,AAEE,EAAc,WADd,EAAc,MAAM,OAAO,SAAS,EAAc,MAAM,IAAI,GACtC;EAE1B;EAEA,SAAS,EAAc,GAAmD;GACxE,OAAQ,EAAsB,YAAY,MAAQ,MAAM,QAAS,EAAsB,KAAK;EAC9F;EAEA,SAAS,EACP,GACA,GACoB;GACpB,OAAO,EAAM,MAAM,KAAK,MAAmB;IACzC,IAAM,IAAa,EAAO,UACpB,IAAW,EAAO;IACxB,OAAO;KACL,MAAM,EAAO;KACb,OAAO,EAAO,SAAS;KACvB,MAAM,EAAO;KACb,MAAM,EAAO,QAAQ,UAAU;KAC/B,OAAO,EAAO;KACd,gBAAgB,EAAc,GAAQ,CAAI;KAC1C,UAAU,UAAmB,EAAW,CAAI,IAAI,KAAA;KAChD,QAAQ,UAAiB,EAAS,CAAI,IAAI,KAAA;IAC5C;GACF,CAAC;EACH;6CAIE,EAyBW,GAAA,MAAA,EAzBsB,EAAA,UAAf,GAAQ,wBAAsB,EAAE,GAAA,CAC9B,EAAO,UAAU,EAAO,OAAO,EAAA,IAAI,IAqB5B,EAAA,IAAA,EAAA,KArB4B,EAAA,GAArD,EAuBW,GAAA,EAAA,KAAA,EAAA,GAAA,CArBD,EAAc,CAAM,KAAA,EAAA,GAD5B,EAOE,GAPF,EAOE;;GALC,MAAM,EAAO;GACb,OAAO,EAAO;GACd,OAAO,EAA0B,GAAQ,EAAA,IAAI;GAC7C,OAAO,EAAO;sBACP,EAAO,MAAM,GAAA,MAAA,IAAA;GAAA;GAAA;GAAA;GAAA;EAAA,CAAA,MAAA,EAAA,GAGvB,EAYE,GAZF,EAYE;;GAVC,MAAM,EAAO;GACb,OAAO,EAAO;GACd,MAAM,EAAO;GACb,MAAM,EAAO,QAAK,UAAA;GAClB,WAAW,EAAO;GAClB,OAAO,EAAO;GACf,SAAA;GACC,gBAAgB,EAAc,GAAQ,EAAA,IAAI;GAC1C,UAAU,EAAO,WAAW,EAAO,SAAS,EAAA,IAAI,IAAA;sBACzC,EAAO,MAAM,GAAA,MAAA,IAAA;GAAA;GAAA;GAAA;GAAA;GAAA;GAAA;GAAA;GAAA;EAAA,CAAA,EAAA,GAAA,EAAA,EAAA,GAAA,EAAA,YAMnB,EAAA,SAAA,EAAA,GADR,EAKE,GALF,EAKE,EAAA,KAAA,EAAA,GAHQ,EAAiB,EAAA,MAAc,QAAQ,EAAA,MAAc,IAAI,GAAA;GAChE,WAAS;GACT,UAAM,AAAA,EAAA,QAAA,MAAE,EAAA,QAAa"}
+{"version":3,"file":"admins-components66.js","names":[],"sources":["../src/components/data-table/DataCell.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { Column } from '@/types/data-list'\nimport { getColumnValue } from '@/utils/dataList'\nimport CopyToClipboard from '@/components/CopyToClipboard.vue'\nimport Loader from '@/components/Loader.vue'\nimport { computed, isVNode, type VNode } from 'vue'\nimport { shortUuid } from '@/utils/dataListConverters'\n\nconst props = withDefaults(\n  defineProps<{\n    item: Record<string, unknown>\n    col: Column\n    copy?: boolean\n  }>(),\n  {\n    copy: true,\n  },\n)\n\nconst columnValue = computed<string | VNode>(() => getColumnValue(props.item, props.col))\nconst isVnodeValue = computed(() => isVNode(columnValue.value))\n\nconst uuIdValue = computed(() => {\n  return shortUuid()(columnValue.value as string)\n})\n\nconst datetimeParts = computed<{ date: string; time: string } | null>(() => {\n  if (props.col.type !== 'datetime') return null\n  const value = columnValue.value as string\n  if (!value) return { date: '', time: '' }\n  const spaceIdx = value.indexOf(' ')\n  if (spaceIdx === -1) return { date: value, time: '' }\n  return {\n    date: value.slice(0, spaceIdx),\n    time: value.slice(spaceIdx + 1),\n  }\n})\n</script>\n<template>\n  <span class=\"dc-cell\">\n    <slot name=\"cell\" :item=\"item\" :col=\"col\" :value=\"columnValue\">\n      <span v-if=\"col.loading?.()\" class=\"dc-loading\">\n        <Loader :loading=\"true\" size=\"1rem\" />\n      </span>\n\n      <component :is=\"columnValue\" v-else-if=\"isVnodeValue\" />\n\n      <span v-else-if=\"col.type === 'uuid'\" v-tooltip=\"columnValue\">\n        <span v-html=\"uuIdValue\"></span>\n        <CopyToClipboard v-if=\"copy && columnValue\" :value=\"columnValue\" />\n      </span>\n      <span v-else-if=\"col.type === 'datetime'\" class=\"dc-datetime\">\n        <span class=\"dc-datetime__part\">{{ datetimeParts?.date }}</span\n        ><span v-if=\"datetimeParts?.time\" class=\"dc-datetime__sep\"> </span\n        ><span class=\"dc-datetime__part\">{{ datetimeParts?.time }}</span>\n        <CopyToClipboard v-if=\"copy && columnValue\" :value=\"columnValue\" />\n      </span>\n\n      <span v-else\n        ><span v-html=\"columnValue\"></span\n        ><CopyToClipboard v-if=\"copy && columnValue\" :value=\"columnValue\" />\n      </span>\n    </slot>\n  </span>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;EAQA,IAAM,IAAQ,GAWR,IAAc,QAA+B,EAAe,EAAM,MAAM,EAAM,GAAG,CAAC,GAClF,IAAe,QAAe,EAAQ,EAAY,KAAK,CAAC,GAExD,IAAY,QACT,EAAU,EAAE,EAAY,KAAe,CAC/C,GAEK,IAAgB,QAAsD;GAC1E,IAAI,EAAM,IAAI,SAAS,YAAY,OAAO;GAC1C,IAAM,IAAQ,EAAY;GAC1B,IAAI,CAAC,GAAO,OAAO;IAAE,MAAM;IAAI,MAAM;GAAG;GACxC,IAAM,IAAW,EAAM,QAAQ,GAAG;GAElC,OADI,MAAa,KAAW;IAAE,MAAM;IAAO,MAAM;GAAG,IAC7C;IACL,MAAM,EAAM,MAAM,GAAG,CAAQ;IAC7B,MAAM,EAAM,MAAM,IAAW,CAAC;GAChC;EACF,CAAC;;;eAGC,EAwBO,QAxBP,GAwBO,CAvBL,EAsBO,EAAA,QAAA,QAAA;IAtBY,MAAM,EAAA;IAAO,KAAK,EAAA;IAAM,OAAO,EAAA;YAsB3C,CArBO,EAAA,IAAI,UAAO,KAAA,EAAA,GAAvB,EAEO,QAFP,GAEO,CADL,EAAsC,GAAA;IAA7B,SAAS;IAAM,MAAK;WAGS,EAAA,SAAA,EAAA,GAAxC,EAAwD,EAAxC,EAAA,KAAW,GAAA,EAAA,KAAA,EAAA,CAAA,KAEV,EAAA,IAAI,SAAI,SAAA,GAAA,EAAA,GAAzB,EAGO,QAAA,GAAA,CAFL,EAAgC,QAAA,EAA1B,WAAQ,EAAA,MAAS,GAAA,MAAA,GAAA,CAAA,GACA,EAAA,QAAQ,EAAA,SAAA,EAAA,GAA/B,EAAmE,GAAA;;IAAtB,OAAO,EAAA;gDAFL,EAAA,KAAW,CAAA,CAAA,IAI3C,EAAA,IAAI,SAAI,cAAA,EAAA,GAAzB,EAKO,QALP,GAKO;IAJL,EACC,QADD,GACC,EADkC,EAAA,OAAe,IAAI,GAAA,CAAA;IACzC,EAAA,OAAe,QAAA,EAAA,GAA3B,EACA,QADA,CACA,KAAA,EAAA,IAAA,EAAA;IAAA,EAAgE,QAAhE,GAAgE,EAA7B,EAAA,OAAe,IAAI,GAAA,CAAA;IAChC,EAAA,QAAQ,EAAA,SAAA,EAAA,GAA/B,EAAmE,GAAA;;KAAtB,OAAO,EAAA;;eAGtD,EAGO,QAAA,GAAA,CAFJ,EACA,QAAA,EADM,WAAQ,EAAA,MAAW,GAAA,MAAA,GAAA,CAAA,GACF,EAAA,QAAQ,EAAA,SAAA,EAAA,GAA/B,EAAmE,GAAA;;IAAtB,OAAO,EAAA"}

package/dist/admins-components67.js

@@ -1,5 +1,5 @@
 import e from "./admins-components66.js";
-//#region src/components/data-table/DataListActions.vue
+//#region src/components/data-table/DataCell.vue
 var t = e;
 //#endregion
 export { t as default };

package/dist/admins-components67.js.map

@@ -1 +1 @@
-{"version":3,"file":"admins-components67.js","names":[],"sources":["../src/components/data-table/DataListActions.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { ref } from 'vue'\nimport type { Action, ActionGroup } from '@/types/data-list'\nimport type { ConfirmModalProps } from '@/components/ConfirmModal.vue'\nimport Button from '@/components/Button.vue'\nimport DropdownMenu from '@/components/DropdownMenu.vue'\nimport ConfirmModal from '@/components/ConfirmModal.vue'\nimport type { DropdownMenuItem } from '@/components/DropdownMenu.vue'\n\ndefineProps<{\n  actions: Array<Action | ActionGroup>\n  item?: Record<string, unknown>\n}>()\n\nconst activeConfirm = ref<{\n  action: Action\n  item?: Record<string, unknown>\n} | null>(null)\n\nfunction getConfirmConfig(action: Action, item?: Record<string, unknown>): ConfirmModalProps {\n  const defaultConfig = {\n    title: action.label ?? 'Megerősítés',\n    message: 'Biztosan végrehajta a műveletet?',\n    type: action.type,\n  }\n  const extra = typeof action.withConfirmConfig === 'function'\n    ? action.withConfirmConfig(item)\n    : action.withConfirmConfig\n  return {\n    ...defaultConfig,\n    ...extra,\n  }\n}\n\nfunction handleOnClick(action: Action, item?: Record<string, unknown>) {\n  if (action.withConfirm) {\n    activeConfirm.value = { action, item }\n  } else {\n    action.callback(item)\n  }\n}\n\nfunction handleConfirm() {\n  if (activeConfirm.value) {\n    activeConfirm.value.action.callback(activeConfirm.value.item)\n    activeConfirm.value = null\n  }\n}\n\nfunction isActionGroup(entry: Action | ActionGroup): entry is ActionGroup {\n  return (entry as ActionGroup).isGroup === true && Array.isArray((entry as ActionGroup).items)\n}\n\nfunction buildActionGroupMenuItems(\n  group: ActionGroup,\n  item?: Record<string, unknown>,\n): DropdownMenuItem[] {\n  return group.items.map((action: Action) => {\n    const isDisabled = action.disabled\n    const isHidden = action.hidden\n    return {\n      icon: action.icon,\n      label: action.label ?? '',\n      type: action.type,\n      size: action.label ? 'small' : 'normal',\n      class: action.class,\n      callback: () => handleOnClick(action, item),\n      disabled: isDisabled ? () => isDisabled(item) : undefined,\n      hidden: isHidden ? () => isHidden(item) : undefined,\n    }\n  })\n}\n</script>\n\n<template>\n  <template v-for=\"(action, ai) in actions\" :key=\"ai\">\n    <template v-if=\"!(action.hidden && action.hidden(item))\">\n      <DropdownMenu\n        v-if=\"isActionGroup(action)\"\n        :icon=\"action.icon\"\n        :label=\"action.label\"\n        :items=\"buildActionGroupMenuItems(action, item)\"\n        :class=\"action.class\"\n        v-bind=\"action.config\"\n      />\n\n      <Button\n        v-else\n        :icon=\"action.icon\"\n        :label=\"action.label\"\n        :type=\"action.type\"\n        :size=\"action.label ? 'small' : 'normal'\"\n        :ariaLabel=\"action.ariaLabel\"\n        :class=\"action.class\"\n        outline\n        :callback=\"() => handleOnClick(action, item)\"\n        :disabled=\"action.disabled ? action.disabled(item) : false\"\n        v-bind=\"action.config\"\n      />\n    </template>\n  </template>\n\n  <ConfirmModal\n    v-if=\"activeConfirm\"\n    v-bind=\"getConfirmConfig(activeConfirm.action, activeConfirm.item)\"\n    @confirm=\"handleConfirm\"\n    @cancel=\"activeConfirm = null\"\n  />\n</template>\n"],"mappings":""}
+{"version":3,"file":"admins-components67.js","names":[],"sources":["../src/components/data-table/DataCell.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { Column } from '@/types/data-list'\nimport { getColumnValue } from '@/utils/dataList'\nimport CopyToClipboard from '@/components/CopyToClipboard.vue'\nimport Loader from '@/components/Loader.vue'\nimport { computed, isVNode, type VNode } from 'vue'\nimport { shortUuid } from '@/utils/dataListConverters'\n\nconst props = withDefaults(\n  defineProps<{\n    item: Record<string, unknown>\n    col: Column\n    copy?: boolean\n  }>(),\n  {\n    copy: true,\n  },\n)\n\nconst columnValue = computed<string | VNode>(() => getColumnValue(props.item, props.col))\nconst isVnodeValue = computed(() => isVNode(columnValue.value))\n\nconst uuIdValue = computed(() => {\n  return shortUuid()(columnValue.value as string)\n})\n\nconst datetimeParts = computed<{ date: string; time: string } | null>(() => {\n  if (props.col.type !== 'datetime') return null\n  const value = columnValue.value as string\n  if (!value) return { date: '', time: '' }\n  const spaceIdx = value.indexOf(' ')\n  if (spaceIdx === -1) return { date: value, time: '' }\n  return {\n    date: value.slice(0, spaceIdx),\n    time: value.slice(spaceIdx + 1),\n  }\n})\n</script>\n<template>\n  <span class=\"dc-cell\">\n    <slot name=\"cell\" :item=\"item\" :col=\"col\" :value=\"columnValue\">\n      <span v-if=\"col.loading?.()\" class=\"dc-loading\">\n        <Loader :loading=\"true\" size=\"1rem\" />\n      </span>\n\n      <component :is=\"columnValue\" v-else-if=\"isVnodeValue\" />\n\n      <span v-else-if=\"col.type === 'uuid'\" v-tooltip=\"columnValue\">\n        <span v-html=\"uuIdValue\"></span>\n        <CopyToClipboard v-if=\"copy && columnValue\" :value=\"columnValue\" />\n      </span>\n      <span v-else-if=\"col.type === 'datetime'\" class=\"dc-datetime\">\n        <span class=\"dc-datetime__part\">{{ datetimeParts?.date }}</span\n        ><span v-if=\"datetimeParts?.time\" class=\"dc-datetime__sep\"> </span\n        ><span class=\"dc-datetime__part\">{{ datetimeParts?.time }}</span>\n        <CopyToClipboard v-if=\"copy && columnValue\" :value=\"columnValue\" />\n      </span>\n\n      <span v-else\n        ><span v-html=\"columnValue\"></span\n        ><CopyToClipboard v-if=\"copy && columnValue\" :value=\"columnValue\" />\n      </span>\n    </slot>\n  </span>\n</template>\n"],"mappings":""}

package/dist/admins-components68.js

@@ -1,8 +1,8 @@
 import e from "./admins-components19.js";
 import t from "./admins-components25.js";
-import { useSelection as n } from "./admins-components57.js";
-import { dataTableSettingsDefaults as r } from "./admins-components58.js";
-import i from "./admins-components65.js";
+import n from "./admins-components58.js";
+import { useSelection as r } from "./admins-components59.js";
+import { dataTableSettingsDefaults as i } from "./admins-components60.js";
 import a from "./admins-components67.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
@@ -12,7 +12,10 @@ var T = { key: 0 }, E = ["title", "onClick"], D = {
 }, O = { key: 0 }, k = ["onClick"], A = {
 	key: 1,
 	class: "c-actions-cell"
-}, j = { class: "c-actions-wrap" }, M = { key: 1 }, N = { class: "c-table__loading-row" }, P = ["colspan"], F = { class: "c-table__loading-wrap" }, I = {
+}, j = {
+	key: 1,
+	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"
@@ -21,7 +24,7 @@ var T = { key: 0 }, E = ["title", "onClick"], D = {
 	props: {
 		config: {},
 		items: {},
-		settings: { default: () => ({ ...r }) },
+		settings: { default: () => ({ ...i }) },
 		loading: {
 			type: Boolean,
 			default: !1
@@ -29,15 +32,15 @@ var T = { key: 0 }, E = ["title", "onClick"], D = {
 		initialSort: { default: null }
 	},
 	emits: ["selection-change", "sort-change"],
-	setup(r, { emit: p }) {
-		let L = r, R = p, z = v(null), B = v(null);
+	setup(i, { emit: p }) {
+		let L = i, 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: 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));
+		let { selectedKeys: V, allSelected: H, toggle: U, toggleAll: W } = r(() => 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;
 		}
@@ -77,12 +80,12 @@ var T = { key: 0 }, E = ["title", "onClick"], D = {
 				key: e.key,
 				direction: e.direction
 			}));
-		}), (n, s) => (_(), l("div", {
+		}), (r, s) => (_(), l("div", {
 			ref_key: "tableWrapperRef",
 			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", T, [f(e, {
+			class: h(["ac-component c-table-wrapper list-table-view", { "is-loading": i.loading }])
+		}, [u("table", { class: h(["c-table", { "is-compact": i.settings.compact }]) }, [u("thead", null, [u("tr", null, [
+			i.config.selectableAttr ? (_(), l("th", T, [f(e, {
 				"model-value": S(H),
 				"onUpdate:modelValue": S(W)
 			}, null, 8, ["model-value", "onUpdate:modelValue"])])) : c("", !0),
@@ -106,30 +109,30 @@ var T = { key: 0 }, E = ["title", "onClick"], D = {
 					"is-desc": z.value?.key === e.property && z.value.direction === "desc"
 				}])
 			}, 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,
+			i.config.actions ? (_(), l("th", D, x(i.config.actionHeader ?? ""), 1)) : c("", !0)
+		])]), !i.loading || i.items.length > 0 ? (_(), l("tbody", O, [(_(!0), l(o, null, y(i.items, (t, u) => (_(), l("tr", {
+			key: u,
 			class: h({
-				"is-selected": r.config.selectableAttr && S(V).has(t[r.config.selectableAttr]),
-				"is-striped": r.settings.striped && d % 2 == 1
+				"is-selected": i.config.selectableAttr && S(V).has(t[i.config.selectableAttr]),
+				"is-striped": i.settings.striped && u % 2 == 1
 			})
 		}, [
-			r.config.selectableAttr ? (_(), l("td", {
+			i.config.selectableAttr ? (_(), l("td", {
 				key: 0,
 				class: "pointer",
 				onClick: w((e) => S(U)(t), ["stop"])
 			}, [f(e, {
-				"model-value": !!S(V).has(t[r.config.selectableAttr]),
+				"model-value": !!S(V).has(t[i.config.selectableAttr]),
 				"onUpdate:modelValue": (e) => S(U)(t),
 				onClick: s[0] ||= w(() => {}, ["stop"])
 			}, 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}`, {
+			}, [b(r.$slots, `cell:${e.property}`, {
 				item: t,
 				col: e
-			}, () => [f(i, {
+			}, () => [f(a, {
 				item: t,
 				col: e,
 				copy: !e.hideCopyToClipboard
@@ -138,17 +141,22 @@ var T = { key: 0 }, E = ["title", "onClick"], D = {
 				"col",
 				"copy"
 			])])], 2))), 128)),
-			r.config.actions ? (_(), l("td", A, [u("div", j, [f(a, {
-				actions: r.config.actions,
+			i.config.actions ? (_(), l("td", A, [r.$slots.actions ? b(r.$slots, "actions", {
+				key: 0,
+				item: t,
+				index: u,
+				actions: i.config.actions
+			}) : (_(), l("div", j, [f(n, {
+				actions: i.config.actions,
 				item: t
-			}, null, 8, ["actions", "item"])])])) : c("", !0)
+			}, null, 8, ["actions", "item"])]))])) : c("", !0)
 		], 2))), 128))])) : (_(), l("tbody", M, [u("tr", N, [u("td", {
-			colspan: G.value.length + +!!r.config.selectableAttr + +!!r.config.actions,
+			colspan: G.value.length + +!!i.config.selectableAttr + +!!i.config.actions,
 			class: "c-table__loading-cell"
 		}, [u("div", F, [f(t, {
 			loading: !0,
 			size: "2.5rem"
-		})])], 8, P)])]))], 2), r.loading && r.items.length > 0 ? (_(), l("div", I, [f(t, {
+		})])], 8, P)])]))], 2), i.loading && i.items.length > 0 ? (_(), l("div", I, [f(t, {
 			loading: !0,
 			size: "2.5rem"
 		})])) : c("", !0)], 2));

package/dist/admins-components68.js.map

@@ -1 +1 @@
-{"version":3,"file":"admins-components68.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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAkCA,IAAM,IAAQ,GAeR,IAAO,GAOP,IAAa,EAGT,IAAI,GAER,IAAkB,EAAwB,IAAI;EAEpD,QACQ,EAAM,SACZ,OAAO,MAAc;GACnB,AAAI,MACF,MAAM,EAAS,GACf,EAAgB,OAAO,SAAS;IAAE,KAAK;IAAG,UAAU;GAAS,CAAC;EAElE,CACF;EAEA,IAAM,EACJ,iBACA,gBACA,QAAQ,GACR,iBACE,QACI,EAAM,aACN,EAAM,OAAO,iBAClB,MAAM,EAAK,oBAAoB,CAAC,CACnC,GAEM,IAAiB,QAAe,EAAM,OAAO,QAAQ,QAAQ,MAAM,EAAE,YAAY,EAAK,CAAC;EAE7F,SAAS,EAAc,GAA0B;GAE/C,OADK,EAAI,OACF,OAAO,EAAI,QAAS,YAAY,OAAO,EAAI,OAD5B;EAExB;EAEA,SAAS,EAAW,GAAsB;GACxC,OAAO,CAAC,CAAC,EAAI;EACf;EAEA,SAAS,EAAW,GAAa;GAC/B,IAAM,IAAM,EAAI,UACV,IACJ,EAAW,OAAO,QAAQ,KAAO,EAAW,MAAM,cAAc,QAAQ,SAAS;GAKnF,AAHA,EAAW,QAAQ;IAAE;IAAK;GAAU,GACpC,EAAc,CAAG,GAAG,WAAW,GAAK,CAAS,GAE7C,EAAK,eAAe;IAAE;IAAK;GAAU,CAAC;EACxC;EAEA,SAAS,EAAiB,GAAoE;GAC5F,IAAI,CAAC,GAAM;IACT,AAAI,EAAW,UAAU,SAAM,EAAW,QAAQ;IAClD;GACF;GACA,IAAM,IAAM,EAAM,OAAO,QAAQ,MAAM,MAAM,EAAE,aAAa,EAAK,GAAG;GAC/D,MACD,EAAW,OAAO,QAAQ,EAAK,OAAO,EAAW,MAAM,cAAc,EAAK,cAC9E,EAAW,QAAQ;IAAE,KAAK,EAAK;IAAK,WAAW,EAAK;GAAU,GAC9D,EAAc,CAAG,GAAG,WAAW,EAAK,KAAK,EAAK,SAAS,GACvD,EAAK,eAAe;IAAE,KAAK,EAAK;IAAK,WAAW,EAAK;GAAU,CAAC;EAClE;SAEA,QAAgB,EAAiB,EAAM,WAAW,CAAC,GACnD,QACQ,EAAM,cACX,MAAM;GAIL,IAAI,CAAC,GAAG;IACN,AAAI,EAAW,UAAU,SAAM,EAAW,QAAQ;IAClD;GACF;GACY,EAAM,OAAO,QAAQ,MAAM,MAAM,EAAE,aAAa,EAAE,GACzD,MACD,EAAW,OAAO,QAAQ,EAAE,OAAO,EAAW,MAAM,cAAc,EAAE,cACxE,EAAW,QAAQ;IAAE,KAAK,EAAE;IAAK,WAAW,EAAE;GAAU;EAC1D,CACF,mBAIE,EA0GM,OAAA;YAzGA;GAAJ,KAAI;GACJ,OAAK,EAAA,CAAC,gDAA8C,EAAA,cAC5B,EAAA,QAAO,CAAA,CAAA;MAG/B,EAgGQ,SAAA,EAhGD,OAAK,EAAA,CAAC,WAAS,EAAA,cAAyB,EAAA,SAAS,QAAO,CAAA,CAAA,EAAA,GAAA,CAC7D,EAwCQ,SAAA,MAAA,CAvCN,EAsCK,MAAA,MAAA;GArCO,EAAA,OAAO,kBAAA,EAAA,GAAjB,EAEK,MAAA,GAAA,CADH,EAAuE,GAAA;IAA5D,eAAa,EAAA,CAAA;IAAc,uBAAoB,EAAA,CAAA;;WAG5D,EA4BK,GAAA,MAAA,EA3BW,EAAA,QAAP,YADT,EA4BK,MAAA;IA1BF,KAAK,EAAI;IACT,OAAK,EAAA,CAAA;mBAAkD,EAAW,CAAG;2BAAyC,EAAA,OAAY,QAAQ,EAAI;oBAAyC,EAAI;OAAwC,EAAI,WAAA,CAAA;IAQ/N,OAAO,EAAW,CAAG,IAAA,eAAmB,EAAI,MAAK,YAAa,KAAA;IAC9D,UAAK,MAAE,EAAW,CAAG,IAAI,EAAW,CAAG,IAAI,KAAA;WAExC,EAAI,aAAsB,KAAT,EAAI,KAAK,IAAQ,KAEtC,CAAA,GACQ,EAAW,CAAG,KAAA,EAAA,GADtB,EAWQ,QAAA;;IATN,OAAK,EAAA,CAAC,wBAAsB;gBACS,EAAA,OAAY,QAAQ,EAAI;qBAA0C,EAAA,OAAY,QAAQ,EAAI,YAAY,EAAA,MAAW,cAAS;mBAA2C,EAAA,OAAY,QAAQ,EAAI,YAAY,EAAA,MAAW,cAAS;4BAAmD,EAAA,OAAY,QAAQ,EAAI;eAAoC,EAAA,OAAY,QAAQ,EAAI,YAAY,EAAA,MAAW,cAAS;gBAAuC,EAAA,OAAY,QAAQ,EAAI,YAAY,EAAA,MAAW,cAAS;;;GAWlgB,EAAA,OAAO,WAAA,EAAA,GAAjB,EAEK,MAFL,GAEK,EADA,EAAA,OAAO,gBAAY,EAAA,GAAA,CAAA,KAAA,EAAA,IAAA,EAAA;SAKd,EAAA,WAAW,EAAA,MAAM,SAAM,KAAA,EAAA,GAArC,EAsCQ,SAAA,GAAA,EAAA,EAAA,EAAA,GArCN,EAoCK,GAAA,MAAA,EAnCqB,EAAA,QAAhB,GAAM,YADhB,EAoCK,MAAA;GAlCF,KAAK;GACL,OAAK,EAAA;mBAA+B,EAAA,OAAO,kBAAkB,EAAA,CAAA,EAAa,IAAI,EAAK,EAAA,OAAO,eAAc;kBAA8B,EAAA,SAAS,WAAW,IAAK,KAAA;;;GAKtJ,EAAA,OAAO,kBAAA,EAAA,GAAjB,EAMK,MAAA;;IAN4B,OAAM;IAAW,SAAK,GAAA,MAAO,EAAA,CAAA,EAAU,CAAI,GAAA,CAAA,MAAA,CAAA;OAC1E,EAIE,GAAA;IAHC,eAAW,CAAA,CAAI,EAAA,CAAA,EAAa,IAAI,EAAK,EAAA,OAAO,eAAc;IAC1D,wBAAkB,MAAE,EAAA,CAAA,EAAU,CAAI;IAClC,SAAK,AAAA,EAAA,OAAA,QAAN,CAAA,GAAW,CAAA,MAAA,CAAA;;WAIf,EAaK,GAAA,MAAA,EAZW,EAAA,QAAP,YADT,EAaK,MAAA;IAXF,KAAK,EAAI;IACV,OAAK,EAAA,CAAC,iBAAe,CACG,EAAI,OAAA,EAAA,eAAsC,EAAI,QAAO,CAAA,CAAA,CAAA;OAM7E,EAEO,EAAA,QAAA,QAFc,EAAI,YAAQ;IAAW;IAAY;YAEjD,CADL,EAAqE,GAAA;IAApD;IAAY;IAAM,MAAI,CAAG,EAAI;;;;;;GAIxC,EAAA,OAAO,WAAA,EAAA,GAAjB,EAIK,MAJL,GAIK,CAHH,EAEM,OAFN,GAEM,CADJ,EAA0D,GAAA;IAAxC,SAAS,EAAA,OAAO;IAAgB;;4BAK1D,EAaQ,SAAA,GAAA,CAZN,EAWK,MAXL,GAWK,CAVH,EASK,MAAA;GARF,SAAwB,EAAA,MAAe,SAAU,KAAA,OAAO,iBAA2B,KAAA,OAAO;GAG3F,OAAM;MAEN,EAEM,OAFN,GAEM,CADJ,EAAwC,GAAA;GAA/B,SAAS;GAAM,MAAK;0BAM5B,EAAA,WAAW,EAAA,MAAM,SAAM,KAAA,EAAA,GAAlC,EAEM,OAFN,GAEM,CADJ,EAAwC,GAAA;GAA/B,SAAS;GAAM,MAAK"}
+{"version":3,"file":"admins-components68.js","names":["$slots"],"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            <slot\n              v-if=\"$slots.actions\"\n              name=\"actions\"\n              :item=\"item\"\n              :index=\"index\"\n              :actions=\"config.actions\"\n            />\n            <div v-else 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-components70.js

@@ -1,5 +1,5 @@
 import './src/styles/components/data-table/data-table.scss_vue_type_style_index_0_src_true_lang.css';
-import "./admins-components58.js";
+import "./admins-components60.js";
 import e from "./admins-components68.js";
 /* empty css                    */
 //#region src/components/data-table/DataTable.vue