admins-components 9.0.66 → 9.0.67

package/dist/admins-components5.js.map

@@ -1 +1 @@
-{"version":3,"file":"admins-components5.js","names":[],"sources":["../src/components/Button.vue"],"sourcesContent":["<script lang=\"ts\">\nexport type ButtonType = 'normal' | 'primary' | 'dark' | 'success' | 'error' | 'warning' | 'info'\n\nexport type IconPosition = 'left' | 'right'\n\nexport interface ButtonProps {\n  size?: ControlSize\n  type?: ButtonType\n  outline?: boolean\n  icon?: string\n  iconPosition?: IconPosition\n  label?: string\n  ariaLabel?: string\n  callback?: () => void\n  disabled?: boolean | (() => boolean)\n  indicator?: string | number\n  labelAlignmentFix?: boolean\n  /**\n   * Optional extra class(es) appended to the root `<button>`. Useful when a\n   * caller wants to add one-off styling without modifying component SCSS.\n   */\n  class?: string\n}\n\nexport const buttonDefaults = {\n  size: 'normal' as ControlSize,\n  type: 'normal' as ButtonType,\n  outline: false,\n  icon: undefined,\n  iconPosition: 'left' as IconPosition,\n  labelAlignmentFix: false,\n}\n</script>\n\n<script setup lang=\"ts\">\nimport type { ControlSize } from '@/types/types'\nimport { sizeToClass, typeToClass } from '@/utils/dom'\nimport { computed } from 'vue'\n\nconst props = withDefaults(defineProps<ButtonProps>(), {\n  ...buttonDefaults,\n})\n\nconst classes = computed(() => [\n  'c-btn',\n  sizeToClass(props.size, 'c-btn'),\n  props.outline && 'c-btn-outline',\n  typeToClass(props.type, 'c-btn'),\n  props.class,\n])\n\nconst isDisabled = computed(() => {\n  if (props.disabled === undefined || props.disabled === null) return false\n  return typeof props.disabled === 'function' ? props.disabled() : props.disabled\n})\n</script>\n\n<template>\n  <button\n    type=\"button\"\n    :class=\"classes\"\n    :aria-label=\"ariaLabel ?? label\"\n    :title=\"ariaLabel ?? label\"\n    @click=\"callback?.()\"\n    :disabled=\"isDisabled\"\n  >\n    <i v-if=\"icon && iconPosition === 'left'\" :class=\"icon\"></i>\n    <span v-if=\"label\">{{ label }}</span>\n    <span\n      v-if=\"indicator != null && indicator !== ''\"\n      class=\"c-btn-indicator\"\n      :aria-label=\"`${indicator}`\"\n    >\n      {{ indicator }}\n    </span>\n    <i v-if=\"icon && iconPosition === 'right'\" :class=\"icon\"></i>\n  </button>\n</template>\n"],"mappings":";;;;;;;uCAwBa,IAAiB;CAC5B,MAAM;CACN,MAAM;CACN,SAAS;CACT,MAAM,KAAA;CACN,cAAc;CACd,mBAAmB;AACrB;;;;;;;;;;;;;;;;;EAQA,IAAM,IAAQ,GAIR,IAAU,QAAe;GAC7B;GACA,EAAY,EAAM,MAAM,OAAO;GAC/B,EAAM,WAAW;GACjB,EAAY,EAAM,MAAM,OAAO;GAC/B,EAAM;EACR,CAAC,GAEK,IAAa,QACb,EAAM,aAAa,KAAA,KAAa,EAAM,aAAa,OAAa,KAC7D,OAAO,EAAM,YAAa,aAAa,EAAM,SAAS,IAAI,EAAM,QACxE;yBAIC,EAkBS,UAAA;GAjBP,MAAK;GACJ,OAAK,EAAE,EAAA,KAAO;GACd,cAAY,EAAA,aAAa,EAAA;GACzB,OAAO,EAAA,aAAa,EAAA;GACpB,SAAK,AAAA,EAAA,QAAA,MAAE,EAAA,WAAQ;GACf,UAAU,EAAA;;GAEF,EAAA,QAAQ,EAAA,iBAAY,UAAA,EAAA,GAA7B,EAA4D,KAAA;;IAAjB,OAAK,EAAE,EAAA,IAAI;;GAC1C,EAAA,SAAA,EAAA,GAAZ,EAAqC,QAAA,GAAA,EAAf,EAAA,KAAK,GAAA,CAAA,KAAA,EAAA,IAAA,EAAA;GAEnB,EAAA,aAAS,QAAY,EAAA,cAAS,MAAA,EAAA,GADtC,EAMO,QAAA;;IAJL,OAAM;IACL,cAAU,GAAK,EAAA;QAEb,EAAA,SAAS,GAAA,GAAA,CAAA,KAAA,EAAA,IAAA,EAAA;GAEL,EAAA,QAAQ,EAAA,iBAAY,WAAA,EAAA,GAA7B,EAA6D,KAAA;;IAAjB,OAAK,EAAE,EAAA,IAAI"}
+{"version":3,"file":"admins-components5.js","names":[],"sources":["../src/components/Button.vue"],"sourcesContent":["<script lang=\"ts\">\nexport type ButtonType = 'normal' | 'primary' | 'dark' | 'success' | 'error' | 'warning' | 'info'\n\nexport type IconPosition = 'left' | 'right'\n\nexport interface ButtonProps {\n  size?: ControlSize\n  type?: ButtonType\n  outline?: boolean\n  icon?: string\n  iconPosition?: IconPosition\n  label?: string\n  ariaLabel?: string\n  callback?: () => void\n  disabled?: boolean | (() => boolean)\n  indicator?: string | number\n  labelAlignmentFix?: boolean\n  class?: string\n}\n\nexport const buttonDefaults = {\n  size: 'normal' as ControlSize,\n  type: 'normal' as ButtonType,\n  outline: false,\n  icon: undefined,\n  iconPosition: 'left' as IconPosition,\n  labelAlignmentFix: false,\n}\n</script>\n\n<script setup lang=\"ts\">\nimport type { ControlSize } from '@/types/types'\nimport { sizeToClass, typeToClass } from '@/utils/dom'\nimport { computed } from 'vue'\n\nconst props = withDefaults(defineProps<ButtonProps>(), {\n  ...buttonDefaults,\n})\n\nconst classes = computed(() => [\n  'c-btn',\n  sizeToClass(props.size, 'c-btn'),\n  props.outline && 'c-btn-outline',\n  typeToClass(props.type, 'c-btn'),\n  props.class,\n])\n\nconst isDisabled = computed(() => {\n  if (props.disabled === undefined || props.disabled === null) return false\n  return typeof props.disabled === 'function' ? props.disabled() : props.disabled\n})\n</script>\n\n<template>\n  <button\n    type=\"button\"\n    :class=\"classes\"\n    :aria-label=\"ariaLabel ?? label\"\n    :title=\"ariaLabel ?? label\"\n    @click=\"callback?.()\"\n    :disabled=\"isDisabled\"\n  >\n    <i v-if=\"icon && iconPosition === 'left'\" :class=\"icon\"></i>\n    <span v-if=\"label\">{{ label }}</span>\n    <span\n      v-if=\"indicator != null && indicator !== ''\"\n      class=\"c-btn-indicator\"\n      :aria-label=\"`${indicator}`\"\n    >\n      {{ indicator }}\n    </span>\n    <i v-if=\"icon && iconPosition === 'right'\" :class=\"icon\"></i>\n  </button>\n</template>\n"],"mappings":";;;;;;;uCAoBa,IAAiB;CAC5B,MAAM;CACN,MAAM;CACN,SAAS;CACT,MAAM,KAAA;CACN,cAAc;CACd,mBAAmB;AACrB;;;;;;;;;;;;;;;;;EAQA,IAAM,IAAQ,GAIR,IAAU,QAAe;GAC7B;GACA,EAAY,EAAM,MAAM,OAAO;GAC/B,EAAM,WAAW;GACjB,EAAY,EAAM,MAAM,OAAO;GAC/B,EAAM;EACR,CAAC,GAEK,IAAa,QACb,EAAM,aAAa,KAAA,KAAa,EAAM,aAAa,OAAa,KAC7D,OAAO,EAAM,YAAa,aAAa,EAAM,SAAS,IAAI,EAAM,QACxE;yBAIC,EAkBS,UAAA;GAjBP,MAAK;GACJ,OAAK,EAAE,EAAA,KAAO;GACd,cAAY,EAAA,aAAa,EAAA;GACzB,OAAO,EAAA,aAAa,EAAA;GACpB,SAAK,AAAA,EAAA,QAAA,MAAE,EAAA,WAAQ;GACf,UAAU,EAAA;;GAEF,EAAA,QAAQ,EAAA,iBAAY,UAAA,EAAA,GAA7B,EAA4D,KAAA;;IAAjB,OAAK,EAAE,EAAA,IAAI;;GAC1C,EAAA,SAAA,EAAA,GAAZ,EAAqC,QAAA,GAAA,EAAf,EAAA,KAAK,GAAA,CAAA,KAAA,EAAA,IAAA,EAAA;GAEnB,EAAA,aAAS,QAAY,EAAA,cAAS,MAAA,EAAA,GADtC,EAMO,QAAA;;IAJL,OAAM;IACL,cAAU,GAAK,EAAA;QAEb,EAAA,SAAS,GAAA,GAAA,CAAA,KAAA,EAAA,IAAA,EAAA;GAEL,EAAA,QAAQ,EAAA,iBAAY,WAAA,EAAA,GAA7B,EAA6D,KAAA;;IAAjB,OAAK,EAAE,EAAA,IAAI"}

package/dist/admins-components6.js.map

@@ -1 +1 @@
-{"version":3,"file":"admins-components6.js","names":[],"sources":["../src/components/Button.vue"],"sourcesContent":["<script lang=\"ts\">\nexport type ButtonType = 'normal' | 'primary' | 'dark' | 'success' | 'error' | 'warning' | 'info'\n\nexport type IconPosition = 'left' | 'right'\n\nexport interface ButtonProps {\n  size?: ControlSize\n  type?: ButtonType\n  outline?: boolean\n  icon?: string\n  iconPosition?: IconPosition\n  label?: string\n  ariaLabel?: string\n  callback?: () => void\n  disabled?: boolean | (() => boolean)\n  indicator?: string | number\n  labelAlignmentFix?: boolean\n  /**\n   * Optional extra class(es) appended to the root `<button>`. Useful when a\n   * caller wants to add one-off styling without modifying component SCSS.\n   */\n  class?: string\n}\n\nexport const buttonDefaults = {\n  size: 'normal' as ControlSize,\n  type: 'normal' as ButtonType,\n  outline: false,\n  icon: undefined,\n  iconPosition: 'left' as IconPosition,\n  labelAlignmentFix: false,\n}\n</script>\n\n<script setup lang=\"ts\">\nimport type { ControlSize } from '@/types/types'\nimport { sizeToClass, typeToClass } from '@/utils/dom'\nimport { computed } from 'vue'\n\nconst props = withDefaults(defineProps<ButtonProps>(), {\n  ...buttonDefaults,\n})\n\nconst classes = computed(() => [\n  'c-btn',\n  sizeToClass(props.size, 'c-btn'),\n  props.outline && 'c-btn-outline',\n  typeToClass(props.type, 'c-btn'),\n  props.class,\n])\n\nconst isDisabled = computed(() => {\n  if (props.disabled === undefined || props.disabled === null) return false\n  return typeof props.disabled === 'function' ? props.disabled() : props.disabled\n})\n</script>\n\n<template>\n  <button\n    type=\"button\"\n    :class=\"classes\"\n    :aria-label=\"ariaLabel ?? label\"\n    :title=\"ariaLabel ?? label\"\n    @click=\"callback?.()\"\n    :disabled=\"isDisabled\"\n  >\n    <i v-if=\"icon && iconPosition === 'left'\" :class=\"icon\"></i>\n    <span v-if=\"label\">{{ label }}</span>\n    <span\n      v-if=\"indicator != null && indicator !== ''\"\n      class=\"c-btn-indicator\"\n      :aria-label=\"`${indicator}`\"\n    >\n      {{ indicator }}\n    </span>\n    <i v-if=\"icon && iconPosition === 'right'\" :class=\"icon\"></i>\n  </button>\n</template>\n"],"mappings":""}
+{"version":3,"file":"admins-components6.js","names":[],"sources":["../src/components/Button.vue"],"sourcesContent":["<script lang=\"ts\">\nexport type ButtonType = 'normal' | 'primary' | 'dark' | 'success' | 'error' | 'warning' | 'info'\n\nexport type IconPosition = 'left' | 'right'\n\nexport interface ButtonProps {\n  size?: ControlSize\n  type?: ButtonType\n  outline?: boolean\n  icon?: string\n  iconPosition?: IconPosition\n  label?: string\n  ariaLabel?: string\n  callback?: () => void\n  disabled?: boolean | (() => boolean)\n  indicator?: string | number\n  labelAlignmentFix?: boolean\n  class?: string\n}\n\nexport const buttonDefaults = {\n  size: 'normal' as ControlSize,\n  type: 'normal' as ButtonType,\n  outline: false,\n  icon: undefined,\n  iconPosition: 'left' as IconPosition,\n  labelAlignmentFix: false,\n}\n</script>\n\n<script setup lang=\"ts\">\nimport type { ControlSize } from '@/types/types'\nimport { sizeToClass, typeToClass } from '@/utils/dom'\nimport { computed } from 'vue'\n\nconst props = withDefaults(defineProps<ButtonProps>(), {\n  ...buttonDefaults,\n})\n\nconst classes = computed(() => [\n  'c-btn',\n  sizeToClass(props.size, 'c-btn'),\n  props.outline && 'c-btn-outline',\n  typeToClass(props.type, 'c-btn'),\n  props.class,\n])\n\nconst isDisabled = computed(() => {\n  if (props.disabled === undefined || props.disabled === null) return false\n  return typeof props.disabled === 'function' ? props.disabled() : props.disabled\n})\n</script>\n\n<template>\n  <button\n    type=\"button\"\n    :class=\"classes\"\n    :aria-label=\"ariaLabel ?? label\"\n    :title=\"ariaLabel ?? label\"\n    @click=\"callback?.()\"\n    :disabled=\"isDisabled\"\n  >\n    <i v-if=\"icon && iconPosition === 'left'\" :class=\"icon\"></i>\n    <span v-if=\"label\">{{ label }}</span>\n    <span\n      v-if=\"indicator != null && indicator !== ''\"\n      class=\"c-btn-indicator\"\n      :aria-label=\"`${indicator}`\"\n    >\n      {{ indicator }}\n    </span>\n    <i v-if=\"icon && iconPosition === 'right'\" :class=\"icon\"></i>\n  </button>\n</template>\n"],"mappings":""}

package/dist/admins-components60.js

@@ -1,74 +1,29 @@
-import { castToDate as e, formatDate as t } from "./admins-components3.js";
-//#region src/utils/dataListConverters.ts
-function n(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 r(e = 3) {
-	return (t) => {
-		if (!t) return "";
-		let n = typeof t == "string" ? t : String(t);
-		return `${n.slice(0, e)}...${n.slice(-e)}`;
-	};
-}
-function i(n = "YYYY-MM-DD") {
-	return (r) => {
-		let i = e(r);
-		return i ? t(i, n) : "";
-	};
-}
-function a(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 o(e = "Igen", t = "Nem", n = "") {
-	return (r) => r === !0 ? e : r === !1 ? t : n;
-}
-function s(e, t) {
-	return (n) => {
-		if (n == null) return t ?? "";
-		let r = String(n);
-		return r in e ? e[r] : t ?? n;
-	};
-}
-function c(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 l(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 u(e = ", ") {
-	return (t) => Array.isArray(t) ? t.map(String).join(e) : t == null ? "" : String(t);
-}
-var d = (e) => e, f = {
-	utcToLocalString: n,
-	localToLocalString: i,
-	shortUuid: r,
-	textEllipse: a,
-	booleanToString: o,
-	enumMap: s,
-	formatNumber: c,
-	formatCurrency: l,
-	listToString: u,
-	identity: d
-};
+import { Fragment as e, computed as t, createCommentVNode as n, createElementBlock as r, createTextVNode as i, defineComponent as a, normalizeClass as o, openBlock as s, ref as c, renderList as l, toDisplayString as u } from "vue";
+//#region src/components/data-table/TagList.vue?vue&type=script&setup=true&lang.ts
+var d = ["aria-expanded", "title"], f = /* @__PURE__ */ a({
+	__name: "TagList",
+	props: {
+		items: { default: () => [] },
+		visibleCount: { default: 3 },
+		class: { default: void 0 }
+	},
+	setup(a) {
+		let f = a, p = c(!1), m = t(() => f.items.length), h = t(() => Math.max(0, m.value - f.visibleCount)), g = t(() => p.value || m.value <= f.visibleCount ? f.items : f.items.slice(0, f.visibleCount)), _ = t(() => p.value ? 0 : h.value);
+		function v(e) {
+			return e == null ? "" : typeof e == "string" ? e : e.label ?? (e.id == null ? "" : String(e.id));
+		}
+		function y() {
+			p.value = !p.value;
+		}
+		return (t, a) => (s(), r("span", { class: o(["tag-list", f.class]) }, [(s(!0), r(e, null, l(g.value, (t, n) => (s(), r(e, { key: n }, [i(u(v(t)) + u(n < g.value.length - 1 ? ", " : ""), 1)], 64))), 128)), _.value > 0 ? (s(), r("button", {
+			key: 0,
+			type: "button",
+			class: "tag-list__toggle",
+			"aria-expanded": p.value,
+			title: p.value ? "Összecsukás" : `További ${_.value} megjelenítése`,
+			onClick: y
+		}, " +" + u(_.value), 9, d)) : n("", !0)], 2));
+	}
+});
 //#endregion
-export { o as booleanToString, f as dataListConverters, s as enumMap, l as formatCurrency, c as formatNumber, d as identity, u as listToString, i as localToLocalString, r as shortUuid, a as textEllipse, n as utcToLocalString };
+export { f as default };

package/dist/admins-components60.js.map

@@ -1 +1 @@
-{"version":3,"file":"admins-components60.js","names":[],"sources":["../src/utils/dataListConverters.ts"],"sourcesContent":["import { castToDate, formatDate } from '@/utils/date'\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(separator = ', '): Converter {\n  return (value) => {\n    if (Array.isArray(value)) return value.map(String).join(separator)\n    if (value == null) return ''\n    return String(value)\n  }\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  identity,\n} as const\n"],"mappings":";;AAIA,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,EAAa,IAAY,MAAiB;CACxD,QAAQ,MACF,MAAM,QAAQ,CAAK,IAAU,EAAM,IAAI,MAAM,EAAE,KAAK,CAAS,IAC7D,KAAS,OAAa,KACnB,OAAO,CAAK;AAEvB;AAEA,IAAa,KAAuB,MAAU,GAEjC,IAAqB;CAChC;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;AACF"}
+{"version":3,"file":"admins-components60.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":";;;;;;;;;;EASA,IAAM,IAAQ,GAMR,IAAW,EAAI,EAAK,GAEpB,IAAQ,QAAe,EAAM,MAAM,MAAM,GACzC,IAAW,QAAe,KAAK,IAAI,GAAG,EAAM,QAAQ,EAAM,YAAY,CAAC,GAEvE,IAAe,QACf,EAAS,SAAS,EAAM,SAAS,EAAM,eAClC,EAAM,QAER,EAAM,MAAM,MAAM,GAAG,EAAM,YAAY,CAC/C,GAEK,IAAc,QACX,EAAS,QAAQ,IAAI,EAAS,KACtC;EAED,SAAS,EAAQ,GAA6C;GAG5D,OAFI,KAAQ,OAAa,KACrB,OAAO,KAAS,WAAiB,IAC9B,EAAK,UAAU,EAAK,MAAM,OAAyB,KAAlB,OAAO,EAAK,EAAE;EACxD;EAEA,SAAS,IAAS;GAChB,EAAS,QAAQ,CAAC,EAAS;EAC7B;yBAIE,EA2BO,QAAA,EA3BD,OAAK,EAAA,CAAC,YAAmB,EAAM,KAAK,CAAA,EAAA,GAAA,EAAA,EAAA,EAAA,GAIrC,EAEF,GAAA,MAAA,EAFgC,EAAA,QAAZ,GAAM,wBAA0B,EAAC,GAAA,CAAA,EAAA,EAChD,EAAQ,CAAI,CAAA,IAAA,EAAO,IAAI,EAAA,MAAa,SAAM,IAAA,OAAA,EAAA,GAAA,CAAA,CAAA,GAAA,EAAA,YAGxC,EAAA,QAAW,KAAA,EAAA,GADnB,EASS,UAAA;;GAPP,MAAK;GACL,OAAM;GACL,iBAAe,EAAA;GACf,OAAO,EAAA,QAAQ,gBAAA,WAA8B,EAAA,MAAW;GACxD,SAAO;KACT,OACE,EAAG,EAAA,KAAW,GAAA,GAAA,CAAA,KAAA,EAAA,IAAA,EAAA,CAAA,GAAA,CAAA"}

package/dist/admins-components62.js

@@ -1,5 +1,7 @@
-import e from "./admins-components61.js";
-//#region src/components/data-table/DataCell.vue
+import './src/styles/components/data-table/tag-list.scss_vue_type_style_index_0_src_true_lang.css';
+import e from "./admins-components60.js";
+/* empty css                    */
+//#region src/components/data-table/TagList.vue
 var t = e;
 //#endregion
 export { t as default };

package/dist/admins-components62.js.map

@@ -1 +1 @@
-{"version":3,"file":"admins-components62.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-components62.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-components63.js

@@ -1,90 +1,97 @@
-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",
-	props: {
-		actions: {},
-		item: {}
-	},
-	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
-			};
+import { castToDate as e, formatDate as t } from "./admins-components3.js";
+import n from "./admins-components62.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) : ""}`;
 		}
-		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));
-	}
-});
+		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 { f 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-components63.js.map

@@ -1 +1 @@
-{"version":3,"file":"admins-components63.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-components63.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-components64.js

@@ -1,5 +1,71 @@
-import e from "./admins-components63.js";
-//#region src/components/data-table/DataListActions.vue
-var t = e;
+import e from "./admins-components25.js";
+import t from "./admins-components45.js";
+import { getColumnValue as n } from "./admins-components59.js";
+import { shortUuid as r } from "./admins-components63.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: {
+		item: {},
+		col: {},
+		copy: {
+			type: Boolean,
+			default: !0
+		}
+	},
+	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: ""
+			};
+			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 { t as default };
+export { O as default };

package/dist/admins-components64.js.map

@@ -1 +1 @@
-{"version":3,"file":"admins-components64.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-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"}