admins-components 9.0.27 → 9.0.29

package/dist/admins-components52.js.map

@@ -1 +1 @@
-{"version":3,"file":"admins-components52.js","names":[],"sources":["../src/components/ToastNotification.vue"],"sourcesContent":["<script lang=\"ts\">\nexport type ToastType = 'info' | 'success' | 'warning' | 'error'\n\nexport type ToastPosition =\n  | 'top-right'\n  | 'top-center'\n  | 'top-left'\n  | 'middle-right'\n  | 'middle-center'\n  | 'middle-left'\n  | 'bottom-right'\n  | 'bottom-center'\n  | 'bottom-left'\n\nexport interface ToastInput {\n  title: string\n  message: string\n  type?: ToastType\n  displayDuration?: number\n  position?: ToastPosition\n  id?: number\n}\n\nexport interface Toast extends Required<ToastInput> {\n  id: number\n  addedAt: number\n}\n</script>\n\n<script setup lang=\"ts\">\nimport { getCurrentInstance, onBeforeUnmount, onMounted, ref } from 'vue'\nimport { __setToastInstance, type ToastExposed } from '@/services/toast'\n\nexport interface ToastNotificationProps {\n  defaultPosition?: ToastPosition\n  defaultDisplayDuration?: number\n}\n\nconst props = withDefaults(defineProps<ToastNotificationProps>(), {\n  defaultPosition: 'bottom-right',\n  defaultDisplayDuration: 5000,\n})\n\nconst TICK_MS = 500\nlet timer: ReturnType<typeof setInterval> | null = null\nlet nextId = 0\n\nconst toasts = ref<Toast[]>([])\n\nfunction addToast(input: ToastInput): number {\n  const id = input.id ?? ++nextId\n  const toast: Toast = {\n    id,\n    title: input.title,\n    message: input.message,\n    type: input.type ?? 'info',\n    displayDuration: input.displayDuration ?? props.defaultDisplayDuration,\n    position: input.position ?? props.defaultPosition,\n    addedAt: Date.now(),\n  }\n  toasts.value.push(toast)\n  return id\n}\n\nfunction dismiss(id: number): void {\n  toasts.value = toasts.value.filter((t) => t.id !== id)\n}\n\n//This way toasts doesnt expire while browser tab is inactive.\nfunction tick(): void {\n  const now = Date.now()\n  toasts.value = toasts.value.filter((t) => now - t.addedAt < t.displayDuration)\n}\n\nif (!timer) {\n  timer = setInterval(tick, TICK_MS)\n}\n\nonBeforeUnmount(() => {\n  if (timer) {\n    clearInterval(timer)\n    timer = null\n  }\n})\n\ndefineExpose({ addToast, dismiss })\n\n//Singleton\nconst ownInstance = getCurrentInstance()\nonMounted(() => {\n  __setToastInstance((ownInstance?.exposed as ToastExposed | null) ?? null)\n})\nonBeforeUnmount(() => {\n  __setToastInstance(null)\n})\n\nfunction iconFor(type: ToastType): string {\n  switch (type) {\n    case 'success':\n      return 'fa-solid fa-circle-check'\n    case 'warning':\n      return 'fa-solid fa-triangle-exclamation'\n    case 'error':\n      return 'fa-solid fa-circle-xmark'\n    case 'info':\n    default:\n      return 'fa-solid fa-circle-info'\n  }\n}\n\nfunction getStackIndex(toast: Toast): number {\n  let index = 0\n  for (const t of toasts.value) {\n    if (t.id === toast.id) break\n    if (t.position === toast.position) index++\n  }\n  return index\n}\n</script>\n\n<template>\n  <div class=\"ac-component\">\n    <TransitionGroup tag=\"div\" class=\"c-toast-container\" name=\"c-toast\">\n      <div\n        v-for=\"toast in toasts\"\n        :key=\"toast.id\"\n        class=\"c-toast\"\n        :class=\"[`c-toast--${toast.type}`, `c-toast--pos-${toast.position}`]\"\n        :style=\"{ '--stack-index': getStackIndex(toast) }\"\n        role=\"status\"\n        aria-live=\"polite\"\n      >\n        <i class=\"c-toast__icon\" :class=\"iconFor(toast.type)\" aria-hidden=\"true\"></i>\n        <div class=\"c-toast__body\">\n          <div v-if=\"toast.title\" class=\"c-toast__title\">{{ toast.title }}</div>\n          <div class=\"c-toast__message\">{{ toast.message }}</div>\n        </div>\n        <button\n          type=\"button\"\n          class=\"c-toast__close\"\n          aria-label=\"Bezárás\"\n          @click=\"dismiss(toast.id)\"\n        >\n          <i class=\"fa-solid fa-xmark\" aria-hidden=\"true\"></i>\n        </button>\n      </div>\n    </TransitionGroup>\n  </div>\n</template>\n\n<style lang=\"scss\" src=\"@/styles/components/toast-notification.scss\"></style>\n"],"mappings":""}
+{"version":3,"file":"admins-components52.js","names":[],"sources":["../src/components/Loader.vue"],"sourcesContent":["<script setup lang=\"ts\">\nwithDefaults(\n  defineProps<{\n    loading: boolean\n    size?: string\n  }>(),\n  {\n    size: '2rem',\n  },\n)\n</script>\n<template>\n  <div class=\"loader\" :style=\"{ width: size, '--loader-thickness': `calc(${size} / 6)` }\"></div>\n</template>\n\n<style lang=\"scss\" src=\"@/styles/components/loader.scss\"></style>\n"],"mappings":""}

package/dist/admins-components53.js

@@ -1,26 +1,55 @@
-import { computed as e, ref as t } from "vue";
-//#region src/composables/useSelection.ts
-function n(n, r, i) {
-	let a = t(/* @__PURE__ */ new Set()), o = e(() => {
-		let e = r(), t = n();
-		return t.length > 0 && e != null && t.every((t) => a.value.has(t[e]));
+import { ref as e } from "vue";
+//#region src/services/toast.ts
+var t = e(null);
+function n(e) {
+	t.value = e;
+}
+function r(e) {
+	return t.value ? t.value.addToast(e) : (console.warn("[useToast] No <ToastNotification /> instance is mounted. Mount it once in your app root (e.g. App.vue) before calling toast.*"), null);
+}
+function i(e, t, n = {}) {
+	return r({
+		title: e,
+		message: t,
+		type: "success",
+		...n
 	});
-	function s(e) {
-		let t = e[r()];
-		a.value.has(t) ? a.value.delete(t) : a.value.add(t), i([...a.value]);
-	}
-	function c() {
-		let e = r();
-		if (o.value) a.value.clear();
-		else for (let t of n()) a.value.add(t[e]);
-		i([...a.value]);
-	}
-	return {
-		selectedKeys: a,
-		allSelected: o,
-		toggle: s,
-		toggleAll: c
-	};
 }
+function a(e, t, n = {}) {
+	return r({
+		title: e,
+		message: t,
+		type: "error",
+		displayDuration: n.displayDuration ?? 1e4,
+		...n
+	});
+}
+function o(e, t, n = {}) {
+	return r({
+		title: e,
+		message: t,
+		type: "warning",
+		...n
+	});
+}
+function s(e, t, n = {}) {
+	return r({
+		title: e,
+		message: t,
+		type: "info",
+		...n
+	});
+}
+function c(e) {
+	t.value?.dismiss(e);
+}
+var l = {
+	show: r,
+	success: i,
+	error: a,
+	warning: o,
+	info: s,
+	dismiss: c
+};
 //#endregion
-export { n as useSelection };
+export { n as __setToastInstance, l as toast };

package/dist/admins-components53.js.map

@@ -1 +1 @@
-{"version":3,"file":"admins-components53.js","names":[],"sources":["../src/composables/useSelection.ts"],"sourcesContent":["import { ref, computed } from 'vue'\n\nexport function useSelection(\n  getItems: () => Record<string, unknown>[],\n  getAttr: () => string | undefined,\n  emit: (selected: unknown[]) => void,\n) {\n  const selectedKeys = ref<Set<unknown>>(new Set())\n\n  const allSelected = computed(() => {\n    const attr = getAttr()\n    const items = getItems()\n    return items.length > 0 && attr != null && items.every((i) => selectedKeys.value.has(i[attr]))\n  })\n\n  function toggle(item: Record<string, unknown>) {\n    const key = item[getAttr()!]\n    if (selectedKeys.value.has(key)) {\n      selectedKeys.value.delete(key)\n    } else {\n      selectedKeys.value.add(key)\n    }\n    emit([...selectedKeys.value])\n  }\n\n  function toggleAll() {\n    const attr = getAttr()!\n    if (allSelected.value) {\n      selectedKeys.value.clear()\n    } else {\n      for (const item of getItems()) {\n        selectedKeys.value.add(item[attr])\n      }\n    }\n    emit([...selectedKeys.value])\n  }\n\n  return { selectedKeys, allSelected, toggle, toggleAll }\n}\n"],"mappings":";;AAEA,SAAgB,EACd,GACA,GACA,GACA;CACA,IAAM,IAAe,kBAAkB,IAAI,IAAI,CAAC,GAE1C,IAAc,QAAe;EACjC,IAAM,IAAO,EAAQ,GACf,IAAQ,EAAS;EACvB,OAAO,EAAM,SAAS,KAAK,KAAQ,QAAQ,EAAM,OAAO,MAAM,EAAa,MAAM,IAAI,EAAE,EAAK,CAAC;CAC/F,CAAC;CAED,SAAS,EAAO,GAA+B;EAC7C,IAAM,IAAM,EAAK,EAAQ;EAMzB,AALI,EAAa,MAAM,IAAI,CAAG,IAC5B,EAAa,MAAM,OAAO,CAAG,IAE7B,EAAa,MAAM,IAAI,CAAG,GAE5B,EAAK,CAAC,GAAG,EAAa,KAAK,CAAC;CAC9B;CAEA,SAAS,IAAY;EACnB,IAAM,IAAO,EAAQ;EACrB,IAAI,EAAY,OACd,EAAa,MAAM,MAAM;OAEzB,KAAK,IAAM,KAAQ,EAAS,GAC1B,EAAa,MAAM,IAAI,EAAK,EAAK;EAGrC,EAAK,CAAC,GAAG,EAAa,KAAK,CAAC;CAC9B;CAEA,OAAO;EAAE;EAAc;EAAa;EAAQ;CAAU;AACxD"}
+{"version":3,"file":"admins-components53.js","names":[],"sources":["../src/services/toast.ts"],"sourcesContent":["import { ref } from 'vue'\nimport type { ToastInput, ToastPosition, ToastType } from '@/components/ToastNotification.vue'\n\n// Singleton instance management\nexport interface ToastExposed {\n  addToast: (input: ToastInput) => number\n  dismiss: (id: number) => void\n}\nconst instance = ref<ToastExposed | null>(null)\n\nexport function __setToastInstance(value: ToastExposed | null): void {\n  instance.value = value\n}\n\nexport interface ToastShortcutOptions {\n  displayDuration?: number\n  position?: ToastPosition\n  title?: string\n  id?: number\n}\n\ninterface ToastApi {\n  show: (input: ToastInput) => number | null\n  success: (title: string, message: string, options?: ToastShortcutOptions) => number | null\n  error: (title: string, message: string, options?: ToastShortcutOptions) => number | null\n  warning: (title: string, message: string, options?: ToastShortcutOptions) => number | null\n  info: (title: string, message: string, options?: ToastShortcutOptions) => number | null\n  dismiss: (id: number) => void\n}\n\nfunction show(input: ToastInput): number | null {\n  if (!instance.value) {\n    console.warn(\n      '[useToast] No <ToastNotification /> instance is mounted. ' +\n        'Mount it once in your app root (e.g. App.vue) before calling toast.*',\n    )\n    return null\n  }\n  return instance.value.addToast(input)\n}\n\nfunction success(\n  title: string,\n  message: string,\n  options: ToastShortcutOptions = {},\n): number | null {\n  return show({\n    title,\n    message,\n    type: 'success',\n    ...options,\n  })\n}\n\nfunction error(title: string, message: string, options: ToastShortcutOptions = {}): number | null {\n  return show({\n    title,\n    message,\n    type: 'error',\n    displayDuration: options.displayDuration ?? 10000,\n    ...options,\n  })\n}\n\nfunction warning(\n  title: string,\n  message: string,\n  options: ToastShortcutOptions = {},\n): number | null {\n  return show({\n    title,\n    message,\n    type: 'warning',\n    ...options,\n  })\n}\n\nfunction info(title: string, message: string, options: ToastShortcutOptions = {}): number | null {\n  return show({\n    title,\n    message,\n    type: 'info',\n    ...options,\n  })\n}\n\nfunction dismiss(id: number): void {\n  instance.value?.dismiss(id)\n}\n\nexport const toast: ToastApi = {\n  show,\n  success,\n  error,\n  warning,\n  info,\n  dismiss,\n}\n\nexport type { ToastInput, ToastPosition, ToastType }\n"],"mappings":";;AAQA,IAAM,IAAW,EAAyB,IAAI;AAE9C,SAAgB,EAAmB,GAAkC;CACnE,EAAS,QAAQ;AACnB;AAkBA,SAAS,EAAK,GAAkC;CAQ9C,OAPK,EAAS,QAOP,EAAS,MAAM,SAAS,CAAK,KANlC,QAAQ,KACN,+HAEF,GACO;AAGX;AAEA,SAAS,EACP,GACA,GACA,IAAgC,CAAC,GAClB;CACf,OAAO,EAAK;EACV;EACA;EACA,MAAM;EACN,GAAG;CACL,CAAC;AACH;AAEA,SAAS,EAAM,GAAe,GAAiB,IAAgC,CAAC,GAAkB;CAChG,OAAO,EAAK;EACV;EACA;EACA,MAAM;EACN,iBAAiB,EAAQ,mBAAmB;EAC5C,GAAG;CACL,CAAC;AACH;AAEA,SAAS,EACP,GACA,GACA,IAAgC,CAAC,GAClB;CACf,OAAO,EAAK;EACV;EACA;EACA,MAAM;EACN,GAAG;CACL,CAAC;AACH;AAEA,SAAS,EAAK,GAAe,GAAiB,IAAgC,CAAC,GAAkB;CAC/F,OAAO,EAAK;EACV;EACA;EACA,MAAM;EACN,GAAG;CACL,CAAC;AACH;AAEA,SAAS,EAAQ,GAAkB;CACjC,EAAS,OAAO,QAAQ,CAAE;AAC5B;AAEA,IAAa,IAAkB;CAC7B;CACA;CACA;CACA;CACA;CACA;AACF"}

package/dist/admins-components54.js

@@ -1,10 +1,94 @@
-//#region src/types/data-list.ts
-var e = {
-	striped: !0,
-	compact: !1
-}, t = { compact: !1 }, n = {
-	layout: "screen",
-	compact: !1
-};
+import { __setToastInstance as e } from "./admins-components53.js";
+import { Fragment as t, TransitionGroup as n, createCommentVNode as r, createElementBlock as i, createElementVNode as a, createVNode as o, defineComponent as s, getCurrentInstance as c, normalizeClass as l, normalizeStyle as u, onBeforeUnmount as d, onMounted as f, openBlock as p, ref as m, renderList as h, toDisplayString as g, withCtx as _ } from "vue";
+//#region src/components/ToastNotification.vue?vue&type=script&setup=true&lang.ts
+var v = { class: "ac-component" }, y = { class: "c-toast__body" }, b = {
+	key: 0,
+	class: "c-toast__title"
+}, x = { class: "c-toast__message" }, S = ["onClick"], C = /* @__PURE__ */ s({
+	__name: "ToastNotification",
+	props: {
+		defaultPosition: { default: "bottom-right" },
+		defaultDisplayDuration: { default: 5e3 }
+	},
+	setup(s, { expose: C }) {
+		let w = s, T = null, E = 0, D = m([]);
+		function O(e) {
+			let t = e.id ?? ++E, n = {
+				id: t,
+				title: e.title,
+				message: e.message,
+				type: e.type ?? "info",
+				displayDuration: e.displayDuration ?? w.defaultDisplayDuration,
+				position: e.position ?? w.defaultPosition,
+				addedAt: Date.now()
+			};
+			return D.value.push(n), t;
+		}
+		function k(e) {
+			D.value = D.value.filter((t) => t.id !== e);
+		}
+		function A() {
+			let e = Date.now();
+			D.value = D.value.filter((t) => e - t.addedAt < t.displayDuration);
+		}
+		T ||= setInterval(A, 500), d(() => {
+			T &&= (clearInterval(T), null);
+		}), C({
+			addToast: O,
+			dismiss: k
+		});
+		let j = c();
+		f(() => {
+			e(j?.exposed ?? null);
+		}), d(() => {
+			e(null);
+		});
+		function M(e) {
+			switch (e) {
+				case "success": return "fa-solid fa-circle-check";
+				case "warning": return "fa-solid fa-triangle-exclamation";
+				case "error": return "fa-solid fa-circle-xmark";
+				default: return "fa-solid fa-circle-info";
+			}
+		}
+		function N(e) {
+			let t = 0;
+			for (let n of D.value) {
+				if (n.id === e.id) break;
+				n.position === e.position && t++;
+			}
+			return t;
+		}
+		return (e, s) => (p(), i("div", v, [o(n, {
+			tag: "div",
+			class: "c-toast-container",
+			name: "c-toast"
+		}, {
+			default: _(() => [(p(!0), i(t, null, h(D.value, (e) => (p(), i("div", {
+				key: e.id,
+				class: l(["c-toast", [`c-toast--${e.type}`, `c-toast--pos-${e.position}`]]),
+				style: u({ "--stack-index": N(e) }),
+				role: "status",
+				"aria-live": "polite"
+			}, [
+				a("i", {
+					class: l(["c-toast__icon", M(e.type)]),
+					"aria-hidden": "true"
+				}, null, 2),
+				a("div", y, [e.title ? (p(), i("div", b, g(e.title), 1)) : r("", !0), a("div", x, g(e.message), 1)]),
+				a("button", {
+					type: "button",
+					class: "c-toast__close",
+					"aria-label": "Bezárás",
+					onClick: (t) => k(e.id)
+				}, [...s[0] ||= [a("i", {
+					class: "fa-solid fa-xmark",
+					"aria-hidden": "true"
+				}, null, -1)]], 8, S)
+			], 6))), 128))]),
+			_: 1
+		})]));
+	}
+});
 //#endregion
-export { t as dataCardsSettingsDefaults, n as dataListSettingsDefaults, e as dataTableSettingsDefaults };
+export { C as default };

package/dist/admins-components54.js.map

@@ -1 +1 @@
-{"version":3,"file":"admins-components54.js","names":[],"sources":["../src/types/data-list.ts"],"sourcesContent":["import type { Ref } from 'vue'\nimport type { DropdownOption } from '@/components/DropdownSelect.vue'\nimport type { PickedDate, PickedUtcRange } from '@/types/types'\nimport type { ButtonType } from '@/components/Button.vue'\n\nexport type FilterValue = string | PickedDate | PickedUtcRange | string[] | null | undefined\n\nexport interface FilterConfig {\n  type: 'text' | 'date' | 'date-range' | 'select' | 'multi-select'\n  key: string\n  placeholder?: string\n  options?: DropdownOption[]\n}\n\nexport type LayoutMode = 'table' | 'cards' | 'screen'\n\nexport interface DataTableSettings {\n  striped: boolean\n  compact: boolean\n}\n\nexport interface DataCardsSettings {\n  compact: boolean\n}\n\nexport interface DataListSettings extends DataTableSettings, DataCardsSettings {\n  layout: LayoutMode\n  columns: Record<string, boolean>\n  cardHeaderColumns: Record<string, boolean>\n  columnOrder: string[]\n  cardHeaderOrder: string[]\n}\n\nexport interface PageSettings {\n  page: number\n  pageSize: number\n}\n\nexport interface PaginatorSettings extends PageSettings {\n  total: number\n}\n\nexport interface DataListConfig {\n  selectableAttr?: string | undefined\n  columns: Column[]\n  sortEnabled: boolean\n\n  actions?: Array<Action | ActionGroup> | undefined\n  actionHeader?: string | undefined\n}\n\nexport type ColumnType = 'normal' | 'uuid' | 'date' | 'datetime'\n\nexport interface Column {\n  visible?: boolean | undefined\n  primary?: boolean | undefined\n  label: string\n  property: string\n  sort?: undefined | Sort\n  converter?: undefined | ((v: any, item: any) => any)\n  type?: ColumnType\n  class?: string | undefined\n  headerClass?: string | undefined\n  loading?: (() => boolean) | undefined\n}\n\nexport type SortDirection = 'asc' | 'desc' | null\n\nexport interface Sort {\n  label: string\n  active: Ref<boolean> | undefined\n  direction?: Ref<SortDirection> | undefined\n  callback: (property: string, direction: SortDirection) => any\n}\n\nexport interface Action {\n  icon: string\n  label?: string\n  ariaLabel?: string\n  cardLabel?: string\n  type?: ButtonType\n  config?: Record<string, any> | undefined\n  disabled?: (item: any) => boolean\n  callback: (item: any) => any\n}\n\nexport interface ActionGroup {\n  isGroup: true\n  icon?: string\n  label?: string\n  ariaLabel?: string\n  cardLabel?: string\n  config?: Record<string, any> | undefined\n  items: Action[]\n  disabled?: (item: any) => boolean\n}\n\nexport const dataTableSettingsDefaults: DataTableSettings = {\n  striped: true,\n  compact: false,\n}\n\nexport const dataCardsSettingsDefaults: DataCardsSettings = {\n  compact: false,\n}\n\nexport const dataListSettingsDefaults: Partial<DataListSettings> = {\n  layout: 'screen',\n  compact: false,\n}\n"],"mappings":";AAiGA,IAAa,IAA+C;CAC1D,SAAS;CACT,SAAS;AACX,GAEa,IAA+C,EAC1D,SAAS,GACX,GAEa,IAAsD;CACjE,QAAQ;CACR,SAAS;AACX"}
+{"version":3,"file":"admins-components54.js","names":[],"sources":["../src/components/ToastNotification.vue"],"sourcesContent":["<script lang=\"ts\">\nexport type ToastType = 'info' | 'success' | 'warning' | 'error'\n\nexport type ToastPosition =\n  | 'top-right'\n  | 'top-center'\n  | 'top-left'\n  | 'middle-right'\n  | 'middle-center'\n  | 'middle-left'\n  | 'bottom-right'\n  | 'bottom-center'\n  | 'bottom-left'\n\nexport interface ToastInput {\n  title: string\n  message: string\n  type?: ToastType\n  displayDuration?: number\n  position?: ToastPosition\n  id?: number\n}\n\nexport interface Toast extends Required<ToastInput> {\n  id: number\n  addedAt: number\n}\n</script>\n\n<script setup lang=\"ts\">\nimport { getCurrentInstance, onBeforeUnmount, onMounted, ref } from 'vue'\nimport { __setToastInstance, type ToastExposed } from '@/services/toast'\n\nexport interface ToastNotificationProps {\n  defaultPosition?: ToastPosition\n  defaultDisplayDuration?: number\n}\n\nconst props = withDefaults(defineProps<ToastNotificationProps>(), {\n  defaultPosition: 'bottom-right',\n  defaultDisplayDuration: 5000,\n})\n\nconst TICK_MS = 500\nlet timer: ReturnType<typeof setInterval> | null = null\nlet nextId = 0\n\nconst toasts = ref<Toast[]>([])\n\nfunction addToast(input: ToastInput): number {\n  const id = input.id ?? ++nextId\n  const toast: Toast = {\n    id,\n    title: input.title,\n    message: input.message,\n    type: input.type ?? 'info',\n    displayDuration: input.displayDuration ?? props.defaultDisplayDuration,\n    position: input.position ?? props.defaultPosition,\n    addedAt: Date.now(),\n  }\n  toasts.value.push(toast)\n  return id\n}\n\nfunction dismiss(id: number): void {\n  toasts.value = toasts.value.filter((t) => t.id !== id)\n}\n\n//This way toasts doesnt expire while browser tab is inactive.\nfunction tick(): void {\n  const now = Date.now()\n  toasts.value = toasts.value.filter((t) => now - t.addedAt < t.displayDuration)\n}\n\nif (!timer) {\n  timer = setInterval(tick, TICK_MS)\n}\n\nonBeforeUnmount(() => {\n  if (timer) {\n    clearInterval(timer)\n    timer = null\n  }\n})\n\ndefineExpose({ addToast, dismiss })\n\n//Singleton\nconst ownInstance = getCurrentInstance()\nonMounted(() => {\n  __setToastInstance((ownInstance?.exposed as ToastExposed | null) ?? null)\n})\nonBeforeUnmount(() => {\n  __setToastInstance(null)\n})\n\nfunction iconFor(type: ToastType): string {\n  switch (type) {\n    case 'success':\n      return 'fa-solid fa-circle-check'\n    case 'warning':\n      return 'fa-solid fa-triangle-exclamation'\n    case 'error':\n      return 'fa-solid fa-circle-xmark'\n    case 'info':\n    default:\n      return 'fa-solid fa-circle-info'\n  }\n}\n\nfunction getStackIndex(toast: Toast): number {\n  let index = 0\n  for (const t of toasts.value) {\n    if (t.id === toast.id) break\n    if (t.position === toast.position) index++\n  }\n  return index\n}\n</script>\n\n<template>\n  <div class=\"ac-component\">\n    <TransitionGroup tag=\"div\" class=\"c-toast-container\" name=\"c-toast\">\n      <div\n        v-for=\"toast in toasts\"\n        :key=\"toast.id\"\n        class=\"c-toast\"\n        :class=\"[`c-toast--${toast.type}`, `c-toast--pos-${toast.position}`]\"\n        :style=\"{ '--stack-index': getStackIndex(toast) }\"\n        role=\"status\"\n        aria-live=\"polite\"\n      >\n        <i class=\"c-toast__icon\" :class=\"iconFor(toast.type)\" aria-hidden=\"true\"></i>\n        <div class=\"c-toast__body\">\n          <div v-if=\"toast.title\" class=\"c-toast__title\">{{ toast.title }}</div>\n          <div class=\"c-toast__message\">{{ toast.message }}</div>\n        </div>\n        <button\n          type=\"button\"\n          class=\"c-toast__close\"\n          aria-label=\"Bezárás\"\n          @click=\"dismiss(toast.id)\"\n        >\n          <i class=\"fa-solid fa-xmark\" aria-hidden=\"true\"></i>\n        </button>\n      </div>\n    </TransitionGroup>\n  </div>\n</template>\n\n<style lang=\"scss\" src=\"@/styles/components/toast-notification.scss\"></style>\n"],"mappings":";;;;;;;;;;;;;EAsCA,IAAM,IAAQ,GAMV,IAA+C,MAC/C,IAAS,GAEP,IAAS,EAAa,CAAC,CAAC;EAE9B,SAAS,EAAS,GAA2B;GAC3C,IAAM,IAAK,EAAM,MAAM,EAAE,GACnB,IAAe;IACnB;IACA,OAAO,EAAM;IACb,SAAS,EAAM;IACf,MAAM,EAAM,QAAQ;IACpB,iBAAiB,EAAM,mBAAmB,EAAM;IAChD,UAAU,EAAM,YAAY,EAAM;IAClC,SAAS,KAAK,IAAI;GACpB;GAEA,OADA,EAAO,MAAM,KAAK,CAAK,GAChB;EACT;EAEA,SAAS,EAAQ,GAAkB;GACjC,EAAO,QAAQ,EAAO,MAAM,QAAQ,MAAM,EAAE,OAAO,CAAE;EACvD;EAGA,SAAS,IAAa;GACpB,IAAM,IAAM,KAAK,IAAI;GACrB,EAAO,QAAQ,EAAO,MAAM,QAAQ,MAAM,IAAM,EAAE,UAAU,EAAE,eAAe;EAC/E;EAaA,AAXA,AACE,MAAQ,YAAY,GAAM,GAAO,GAGnC,QAAsB;GACpB,AAEE,OADA,cAAc,CAAK,GACX;EAEZ,CAAC,GAED,EAAa;GAAE;GAAU;EAAQ,CAAC;EAGlC,IAAM,IAAc,EAAmB;EAIvC,AAHA,QAAgB;GACd,EAAoB,GAAa,WAAmC,IAAI;EAC1E,CAAC,GACD,QAAsB;GACpB,EAAmB,IAAI;EACzB,CAAC;EAED,SAAS,EAAQ,GAAyB;GACxC,QAAQ,GAAR;IACE,KAAK,WACH,OAAO;IACT,KAAK,WACH,OAAO;IACT,KAAK,SACH,OAAO;IAET,SACE,OAAO;GACX;EACF;EAEA,SAAS,EAAc,GAAsB;GAC3C,IAAI,IAAQ;GACZ,KAAK,IAAM,KAAK,EAAO,OAAO;IAC5B,IAAI,EAAE,OAAO,EAAM,IAAI;IACvB,AAAI,EAAE,aAAa,EAAM,YAAU;GACrC;GACA,OAAO;EACT;yBAIE,EA0BM,OA1BN,GA0BM,CAzBJ,EAwBkB,GAAA;GAxBD,KAAI;GAAM,OAAM;GAAoB,MAAK;;oBAE/B,EAAA,EAAA,EAAA,GADzB,EAsBM,GAAA,MAAA,EArBY,EAAA,QAAT,YADT,EAsBM,OAAA;IApBH,KAAK,EAAM;IACZ,OAAK,EAAA,CAAC,WAAS,CAAA,YACM,EAAM,QAAI,gBAAoB,EAAM,UAAQ,CAAA,CAAA;IAChE,OAAK,EAAA,EAAA,iBAAqB,EAAc,CAAK,EAAA,CAAA;IAC9C,MAAK;IACL,aAAU;;IAEV,EAA6E,KAAA;KAA1E,OAAK,EAAA,CAAC,iBAAwB,EAAQ,EAAM,IAAI,CAAA,CAAA;KAAG,eAAY;;IAClE,EAGM,OAHN,GAGM,CAFO,EAAM,SAAA,EAAA,GAAjB,EAAsE,OAAtE,GAAsE,EAApB,EAAM,KAAK,GAAA,CAAA,KAAA,EAAA,IAAA,EAAA,GAC7D,EAAuD,OAAvD,GAAuD,EAAtB,EAAM,OAAO,GAAA,CAAA,CAAA,CAAA;IAEhD,EAOS,UAAA;KANP,MAAK;KACL,OAAM;KACN,cAAW;KACV,UAAK,MAAE,EAAQ,EAAM,EAAE;qBAExB,EAAoD,KAAA;KAAjD,OAAM;KAAoB,eAAY"}

package/dist/admins-components56.js

@@ -1,74 +1,7 @@
-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 = 4) {
-	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 './src/styles/components/toast-notification.scss_vue_type_style_index_0_src_true_lang.css';
+import e from "./admins-components54.js";
+/* empty css                    */
+//#region src/components/ToastNotification.vue
+var t = e;
 //#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 { t as default };

package/dist/admins-components56.js.map

@@ -1 +1 @@
-{"version":3,"file":"admins-components56.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(format = 'YYYY-MM-DD'): Converter {\n  return (value) => {\n    const d = castToDate(value)\n    return d ? formatDate(d, format) : ''\n  }\n} */\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')}\\n${formatDate(d, 'HH:mm')}`\n    if (time) return formatDate(d, 'YYYY-MM-DD HH:mm')\n    return formatDate(d, 'YYYY-MM-DD');\n  }\n}\nexport function shortUuid(length = 4): 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":";;AAWA,SAAgB,EAAiB,IAAO,IAAO,GAA4B;CACzE,QAAQ,MAAU;EAChB,IAAM,IAAI,EAAW,CAAK;EAK1B,OAJK,IACD,IAAe,EAAW,GAAG,CAAM,IAEnC,IAAa,EAAW,GAAG,kBAAkB,IAC1C,EAAW,GAAG,YAAY,IAJlB;CAKjB;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-components56.js","names":[],"sources":["../src/components/ToastNotification.vue"],"sourcesContent":["<script lang=\"ts\">\nexport type ToastType = 'info' | 'success' | 'warning' | 'error'\n\nexport type ToastPosition =\n  | 'top-right'\n  | 'top-center'\n  | 'top-left'\n  | 'middle-right'\n  | 'middle-center'\n  | 'middle-left'\n  | 'bottom-right'\n  | 'bottom-center'\n  | 'bottom-left'\n\nexport interface ToastInput {\n  title: string\n  message: string\n  type?: ToastType\n  displayDuration?: number\n  position?: ToastPosition\n  id?: number\n}\n\nexport interface Toast extends Required<ToastInput> {\n  id: number\n  addedAt: number\n}\n</script>\n\n<script setup lang=\"ts\">\nimport { getCurrentInstance, onBeforeUnmount, onMounted, ref } from 'vue'\nimport { __setToastInstance, type ToastExposed } from '@/services/toast'\n\nexport interface ToastNotificationProps {\n  defaultPosition?: ToastPosition\n  defaultDisplayDuration?: number\n}\n\nconst props = withDefaults(defineProps<ToastNotificationProps>(), {\n  defaultPosition: 'bottom-right',\n  defaultDisplayDuration: 5000,\n})\n\nconst TICK_MS = 500\nlet timer: ReturnType<typeof setInterval> | null = null\nlet nextId = 0\n\nconst toasts = ref<Toast[]>([])\n\nfunction addToast(input: ToastInput): number {\n  const id = input.id ?? ++nextId\n  const toast: Toast = {\n    id,\n    title: input.title,\n    message: input.message,\n    type: input.type ?? 'info',\n    displayDuration: input.displayDuration ?? props.defaultDisplayDuration,\n    position: input.position ?? props.defaultPosition,\n    addedAt: Date.now(),\n  }\n  toasts.value.push(toast)\n  return id\n}\n\nfunction dismiss(id: number): void {\n  toasts.value = toasts.value.filter((t) => t.id !== id)\n}\n\n//This way toasts doesnt expire while browser tab is inactive.\nfunction tick(): void {\n  const now = Date.now()\n  toasts.value = toasts.value.filter((t) => now - t.addedAt < t.displayDuration)\n}\n\nif (!timer) {\n  timer = setInterval(tick, TICK_MS)\n}\n\nonBeforeUnmount(() => {\n  if (timer) {\n    clearInterval(timer)\n    timer = null\n  }\n})\n\ndefineExpose({ addToast, dismiss })\n\n//Singleton\nconst ownInstance = getCurrentInstance()\nonMounted(() => {\n  __setToastInstance((ownInstance?.exposed as ToastExposed | null) ?? null)\n})\nonBeforeUnmount(() => {\n  __setToastInstance(null)\n})\n\nfunction iconFor(type: ToastType): string {\n  switch (type) {\n    case 'success':\n      return 'fa-solid fa-circle-check'\n    case 'warning':\n      return 'fa-solid fa-triangle-exclamation'\n    case 'error':\n      return 'fa-solid fa-circle-xmark'\n    case 'info':\n    default:\n      return 'fa-solid fa-circle-info'\n  }\n}\n\nfunction getStackIndex(toast: Toast): number {\n  let index = 0\n  for (const t of toasts.value) {\n    if (t.id === toast.id) break\n    if (t.position === toast.position) index++\n  }\n  return index\n}\n</script>\n\n<template>\n  <div class=\"ac-component\">\n    <TransitionGroup tag=\"div\" class=\"c-toast-container\" name=\"c-toast\">\n      <div\n        v-for=\"toast in toasts\"\n        :key=\"toast.id\"\n        class=\"c-toast\"\n        :class=\"[`c-toast--${toast.type}`, `c-toast--pos-${toast.position}`]\"\n        :style=\"{ '--stack-index': getStackIndex(toast) }\"\n        role=\"status\"\n        aria-live=\"polite\"\n      >\n        <i class=\"c-toast__icon\" :class=\"iconFor(toast.type)\" aria-hidden=\"true\"></i>\n        <div class=\"c-toast__body\">\n          <div v-if=\"toast.title\" class=\"c-toast__title\">{{ toast.title }}</div>\n          <div class=\"c-toast__message\">{{ toast.message }}</div>\n        </div>\n        <button\n          type=\"button\"\n          class=\"c-toast__close\"\n          aria-label=\"Bezárás\"\n          @click=\"dismiss(toast.id)\"\n        >\n          <i class=\"fa-solid fa-xmark\" aria-hidden=\"true\"></i>\n        </button>\n      </div>\n    </TransitionGroup>\n  </div>\n</template>\n\n<style lang=\"scss\" src=\"@/styles/components/toast-notification.scss\"></style>\n"],"mappings":""}

package/dist/admins-components57.js

@@ -1,67 +1,26 @@
-import e from "./admins-components38.js";
-import t from "./admins-components48.js";
-import { getColumnValue as n } from "./admins-components55.js";
-import { shortUuid as r } from "./admins-components56.js";
-import { computed as i, createBlock as a, createCommentVNode as o, createElementBlock as s, createElementVNode as c, createVNode as l, defineComponent as u, openBlock as d, resolveDirective as f, toDisplayString as p, withDirectives as m } from "vue";
-//#region src/components/data-table/DataCell.vue?vue&type=script&setup=true&lang.ts
-var h = {
-	key: 0,
-	class: "dc-loading"
-}, g = { key: 1 }, _ = ["innerHTML"], v = {
-	key: 2,
-	class: "dc-datetime"
-}, y = { class: "dc-datetime__part" }, b = {
-	key: 0,
-	class: "dc-datetime__sep"
-}, x = { class: "dc-datetime__part" }, S = { key: 3 }, C = ["innerHTML"], w = /* @__PURE__ */ u({
-	__name: "DataCell",
-	props: {
-		item: {},
-		col: {},
-		copy: {
-			type: Boolean,
-			default: !0
-		}
-	},
-	setup(u) {
-		let w = u, T = i(() => n(w.item, w.col)), E = i(() => r()(T.value)), D = i(() => {
-			if (w.col.type !== "datetime") return null;
-			let e = T.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 = f("tooltip");
-			return u.col.loading?.() ? (d(), s("span", h, [l(t, {
-				loading: !0,
-				size: "1rem"
-			})])) : u.col.type === "uuid" ? m((d(), s("span", g, [c("span", { innerHTML: E.value }, null, 8, _), u.copy && T.value ? (d(), a(e, {
-				key: 0,
-				value: T.value
-			}, null, 8, ["value"])) : o("", !0)])), [[i, T.value]]) : u.col.type === "datetime" ? (d(), s("span", v, [
-				c("span", y, p(D.value?.date), 1),
-				D.value?.time ? (d(), s("span", b)) : o("", !0),
-				c("span", x, p(D.value?.time), 1),
-				u.copy && T.value ? (d(), a(e, {
-					key: 1,
-					value: T.value
-				}, null, 8, ["value"])) : o("", !0)
-			])) : (d(), s("span", S, [c("span", { innerHTML: T.value }, null, 8, C), u.copy && T.value ? (d(), a(e, {
-				key: 0,
-				value: T.value
-			}, null, 8, ["value"])) : o("", !0)]));
-		};
+import { computed as e, ref as t } from "vue";
+//#region src/composables/useSelection.ts
+function n(n, r, i) {
+	let a = t(/* @__PURE__ */ new Set()), o = e(() => {
+		let e = r(), t = n();
+		return t.length > 0 && e != null && t.every((t) => a.value.has(t[e]));
+	});
+	function s(e) {
+		let t = e[r()];
+		a.value.has(t) ? a.value.delete(t) : a.value.add(t), i([...a.value]);
 	}
-});
+	function c() {
+		let e = r();
+		if (o.value) a.value.clear();
+		else for (let t of n()) a.value.add(t[e]);
+		i([...a.value]);
+	}
+	return {
+		selectedKeys: a,
+		allSelected: o,
+		toggle: s,
+		toggleAll: c
+	};
+}
 //#endregion
-export { w as default };
+export { n as useSelection };

package/dist/admins-components57.js.map

@@ -1 +1 @@
-{"version":3,"file":"admins-components57.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 } 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>(() => getColumnValue(props.item, props.col))\n\nconst uuIdValue = computed(() => {\n  return shortUuid()(columnValue.value)\n})\n\nconst datetimeParts = computed<{ date: string; time: string } | null>(() => {\n  if (props.col.type !== 'datetime') return null\n  const value = columnValue.value\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 v-if=\"col.loading?.()\" class=\"dc-loading\">\n    <Loader :loading=\"true\" size=\"1rem\" />\n  </span>\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  <span v-else\n    ><span v-html=\"columnValue\"></span\n    ><CopyToClipboard v-if=\"copy && columnValue\" :value=\"columnValue\" />\n  </span>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;EAQA,IAAM,IAAQ,GAWR,IAAc,QAAuB,EAAe,EAAM,MAAM,EAAM,GAAG,CAAC,GAE1E,IAAY,QACT,EAAU,EAAE,EAAY,KAAK,CACrC,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;;;UAGa,EAAA,IAAI,UAAO,KAAA,EAAA,GAAvB,EAEO,QAFP,GAEO,CADL,EAAsC,GAAA;IAA7B,SAAS;IAAM,MAAK;WAEd,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;;eAEtD,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-components57.js","names":[],"sources":["../src/composables/useSelection.ts"],"sourcesContent":["import { ref, computed } from 'vue'\n\nexport function useSelection(\n  getItems: () => Record<string, unknown>[],\n  getAttr: () => string | undefined,\n  emit: (selected: unknown[]) => void,\n) {\n  const selectedKeys = ref<Set<unknown>>(new Set())\n\n  const allSelected = computed(() => {\n    const attr = getAttr()\n    const items = getItems()\n    return items.length > 0 && attr != null && items.every((i) => selectedKeys.value.has(i[attr]))\n  })\n\n  function toggle(item: Record<string, unknown>) {\n    const key = item[getAttr()!]\n    if (selectedKeys.value.has(key)) {\n      selectedKeys.value.delete(key)\n    } else {\n      selectedKeys.value.add(key)\n    }\n    emit([...selectedKeys.value])\n  }\n\n  function toggleAll() {\n    const attr = getAttr()!\n    if (allSelected.value) {\n      selectedKeys.value.clear()\n    } else {\n      for (const item of getItems()) {\n        selectedKeys.value.add(item[attr])\n      }\n    }\n    emit([...selectedKeys.value])\n  }\n\n  return { selectedKeys, allSelected, toggle, toggleAll }\n}\n"],"mappings":";;AAEA,SAAgB,EACd,GACA,GACA,GACA;CACA,IAAM,IAAe,kBAAkB,IAAI,IAAI,CAAC,GAE1C,IAAc,QAAe;EACjC,IAAM,IAAO,EAAQ,GACf,IAAQ,EAAS;EACvB,OAAO,EAAM,SAAS,KAAK,KAAQ,QAAQ,EAAM,OAAO,MAAM,EAAa,MAAM,IAAI,EAAE,EAAK,CAAC;CAC/F,CAAC;CAED,SAAS,EAAO,GAA+B;EAC7C,IAAM,IAAM,EAAK,EAAQ;EAMzB,AALI,EAAa,MAAM,IAAI,CAAG,IAC5B,EAAa,MAAM,OAAO,CAAG,IAE7B,EAAa,MAAM,IAAI,CAAG,GAE5B,EAAK,CAAC,GAAG,EAAa,KAAK,CAAC;CAC9B;CAEA,SAAS,IAAY;EACnB,IAAM,IAAO,EAAQ;EACrB,IAAI,EAAY,OACd,EAAa,MAAM,MAAM;OAEzB,KAAK,IAAM,KAAQ,EAAS,GAC1B,EAAa,MAAM,IAAI,EAAK,EAAK;EAGrC,EAAK,CAAC,GAAG,EAAa,KAAK,CAAC;CAC9B;CAEA,OAAO;EAAE;EAAc;EAAa;EAAQ;CAAU;AACxD"}

package/dist/admins-components58.js

@@ -1,5 +1,10 @@
-import e from "./admins-components57.js";
-//#region src/components/data-table/DataCell.vue
-var t = e;
+//#region src/types/data-list.ts
+var e = {
+	striped: !0,
+	compact: !1
+}, t = { compact: !1 }, n = {
+	layout: "screen",
+	compact: !1
+};
 //#endregion
-export { t as default };
+export { t as dataCardsSettingsDefaults, n as dataListSettingsDefaults, e as dataTableSettingsDefaults };

package/dist/admins-components58.js.map

@@ -1 +1 @@
-{"version":3,"file":"admins-components58.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 } 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>(() => getColumnValue(props.item, props.col))\n\nconst uuIdValue = computed(() => {\n  return shortUuid()(columnValue.value)\n})\n\nconst datetimeParts = computed<{ date: string; time: string } | null>(() => {\n  if (props.col.type !== 'datetime') return null\n  const value = columnValue.value\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 v-if=\"col.loading?.()\" class=\"dc-loading\">\n    <Loader :loading=\"true\" size=\"1rem\" />\n  </span>\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  <span v-else\n    ><span v-html=\"columnValue\"></span\n    ><CopyToClipboard v-if=\"copy && columnValue\" :value=\"columnValue\" />\n  </span>\n</template>\n"],"mappings":""}
+{"version":3,"file":"admins-components58.js","names":[],"sources":["../src/types/data-list.ts"],"sourcesContent":["import type { Ref } from 'vue'\nimport type { DropdownOption } from '@/components/DropdownSelect.vue'\nimport type { PickedDate, PickedUtcRange } from '@/types/types'\nimport type { ButtonType } from '@/components/Button.vue'\n\nexport type FilterValue = string | PickedDate | PickedUtcRange | string[] | null | undefined\n\nexport interface FilterConfig {\n  type: 'text' | 'date' | 'date-range' | 'select' | 'multi-select'\n  key: string\n  placeholder?: string\n  options?: DropdownOption[]\n}\n\nexport type LayoutMode = 'table' | 'cards' | 'screen'\n\nexport interface DataTableSettings {\n  striped: boolean\n  compact: boolean\n}\n\nexport interface DataCardsSettings {\n  compact: boolean\n}\n\nexport interface DataListSettings extends DataTableSettings, DataCardsSettings {\n  layout: LayoutMode\n  columns: Record<string, boolean>\n  cardHeaderColumns: Record<string, boolean>\n  columnOrder: string[]\n  cardHeaderOrder: string[]\n}\n\nexport interface PageSettings {\n  page: number\n  pageSize: number\n}\n\nexport interface PaginatorSettings extends PageSettings {\n  total: number\n}\n\nexport interface DataListConfig {\n  selectableAttr?: string | undefined\n  columns: Column[]\n\n  actions?: Array<Action | ActionGroup> | undefined\n  actionHeader?: string | undefined\n}\n\nexport type ColumnType = 'normal' | 'uuid' | 'date' | 'datetime'\n\nexport interface Column {\n  visible?: boolean | undefined\n  primary?: boolean | undefined\n  label: string\n  property: string\n  sort?: undefined | Sort\n  converter?: undefined | ((v: any, item: any) => any)\n  type?: ColumnType\n  class?: string | undefined\n  headerClass?: string | undefined\n  loading?: (() => boolean) | undefined\n}\n\nexport type SortDirection = 'asc' | 'desc' | null\n\nexport interface Sort {\n  label: string\n  active: Ref<boolean> | undefined\n  direction?: Ref<SortDirection> | undefined\n  callback: (property: string, direction: SortDirection) => any\n}\n\nexport interface Action {\n  icon: string\n  label?: string\n  ariaLabel?: string\n  cardLabel?: string\n  type?: ButtonType\n  config?: Record<string, any> | undefined\n  disabled?: (item: any) => boolean\n  callback: (item: any) => any\n}\n\nexport interface ActionGroup {\n  isGroup: true\n  icon?: string\n  label?: string\n  ariaLabel?: string\n  cardLabel?: string\n  config?: Record<string, any> | undefined\n  items: Action[]\n  disabled?: (item: any) => boolean\n}\n\nexport const dataTableSettingsDefaults: DataTableSettings = {\n  striped: true,\n  compact: false,\n}\n\nexport const dataCardsSettingsDefaults: DataCardsSettings = {\n  compact: false,\n}\n\nexport const dataListSettingsDefaults: Partial<DataListSettings> = {\n  layout: 'screen',\n  compact: false,\n}\n"],"mappings":";AAgGA,IAAa,IAA+C;CAC1D,SAAS;CACT,SAAS;AACX,GAEa,IAA+C,EAC1D,SAAS,GACX,GAEa,IAAsD;CACjE,QAAQ;CACR,SAAS;AACX"}