admins-components 9.0.39 → 9.0.41

package/dist/admins-components97.js

@@ -1,7 +1,205 @@
-import './src/styles/components/data-table/data-list.scss_vue_type_style_index_0_src_true_lang.css';
-import e from "./admins-components95.js";
-/* empty css                    */
-//#region src/components/data-table/DataList.vue
-var t = e;
+import e from "./admins-components6.js";
+import t from "./admins-components67.js";
+import n from "./admins-components70.js";
+import r from "./admins-components74.js";
+import i from "./admins-components78.js";
+import { getDefaultFilters as a } from "./admins-components80.js";
+import o from "./admins-components86.js";
+import s from "./admins-components89.js";
+import c from "./admins-components92.js";
+import l from "./admins-components96.js";
+import { computed as u, createBlock as d, createCommentVNode as f, createElementBlock as p, createElementVNode as m, createVNode as h, defineComponent as g, mergeDefaults as _, mergeProps as v, onBeforeUnmount as y, onMounted as b, openBlock as x, ref as S } from "vue";
+//#region src/components/data-table/DataList.vue?vue&type=script&setup=true&lang.ts
+var C = { class: "ac-component" }, w = { class: "c-data-list__toolbar" }, T = {
+	key: 2,
+	class: "flex-center gap-1"
+}, E = { class: "flex-center ml-auto nowrap" }, D = {
+	layoutBreakpoint: 768,
+	orderable: !0,
+	loading: !1,
+	useSearch: !0,
+	useFilters: !0,
+	handleUrl: !1
+}, O = /* @__PURE__ */ g({
+	__name: "DataList",
+	props: /* @__PURE__ */ _({
+		config: {},
+		items: {},
+		settings: {},
+		id: {},
+		layoutBreakpoint: {},
+		orderable: { type: Boolean },
+		pagination: {},
+		loading: { type: Boolean },
+		handleUrl: { type: Boolean },
+		useSearch: { type: Boolean },
+		useFilters: { type: Boolean },
+		searchConfig: {},
+		filterConfig: {}
+	}, {
+		...D,
+		searchConfig: void 0,
+		filterConfig: void 0
+	}),
+	emits: [
+		"filter-change",
+		"selection-change",
+		"settings-change",
+		"pagination-change",
+		"sort-change",
+		"search-change"
+	],
+	setup(g, { expose: _, emit: D }) {
+		let O = S(null), k = g;
+		function A(e) {
+			let t = k[e];
+			return t && Object.hasOwn(t, "handleUrl") ? t.handleUrl : k.handleUrl;
+		}
+		let j = u(() => ({
+			...k.searchConfig,
+			handleUrl: A("searchConfig")
+		})), M = u(() => ({
+			...k.filterConfig,
+			handleUrl: A("filterConfig")
+		})), N = D, P = S(!1), F = S(!1), I = S(null), L = S(!1), R = S(null), z = S(!1), B = S(k.filterConfig?.items ? a(k.filterConfig.items, k.id, !1) : {}), V = null;
+		b(() => {
+			V = new ResizeObserver((e) => {
+				L.value = (e[0]?.contentRect.width ?? 0) < k.layoutBreakpoint;
+			}), R.value && V.observe(R.value);
+		}), y(() => V?.disconnect());
+		let H = u(() => {
+			let e = I.value?.layout;
+			return e === "table" || e === "cards" ? e : L.value ? "cards" : "table";
+		}), U = u(() => {
+			if (!I.value) return k.config;
+			let e = I.value.columnOrder, t = k.config.columns.map((e) => ({
+				...e,
+				visible: I.value.columns[e.property] ?? e.visible !== !1
+			}));
+			return e?.length && t.sort((t, n) => {
+				let r = e.indexOf(t.property), i = e.indexOf(n.property);
+				return (r === -1 ? 999 : r) - (i === -1 ? 999 : i);
+			}), {
+				...k.config,
+				columns: t
+			};
+		});
+		function W(e) {
+			I.value = e, N("settings-change", e);
+		}
+		_({
+			openOptions: () => P.value = !0,
+			closeOptions: () => P.value = !1,
+			openFilters: () => z.value = !0,
+			closeFilters: () => z.value = !1
+		});
+		async function G(e) {
+			z.value = !0, setTimeout(() => {
+				O.value?.focusFilter(e);
+			}, 300);
+		}
+		function K(e) {
+			B.value = e.values, N("filter-change", e.transformed);
+		}
+		let q = u(() => Object.values(B.value).filter((e) => e != null && e !== "").length), J = u(() => !!k.pagination && (k.items.length > 0 || !k.loading)), Y = (e) => {
+			N("search-change", e);
+		};
+		return (a, u) => (x(), p("div", C, [m("div", {
+			ref_key: "root",
+			ref: R,
+			class: "c-data-list"
+		}, [
+			m("div", w, [
+				g.useSearch ? (x(), d(l, v({ key: 0 }, j.value, { onSearchChange: Y }), null, 16)) : f("", !0),
+				g.useFilters && g.filterConfig?.items && g.filterConfig.items.length > 0 ? (x(), d(e, {
+					key: 1,
+					label: "Szűrők",
+					icon: "fa-solid fa-filter",
+					onClick: u[0] ||= (e) => z.value = !0,
+					style: { "flex-shrink": "0" },
+					type: q.value > 0 ? "info" : "normal",
+					indicator: q.value > 0 ? q.value : void 0
+				}, null, 8, ["type", "indicator"])) : f("", !0),
+				g.useFilters && g.filterConfig?.items && g.filterConfig.items.length > 0 ? (x(), p("div", T, [h(s, {
+					filters: B.value,
+					items: g.filterConfig.items,
+					onRemove: u[1] ||= (e) => O.value?.clearFilter(e),
+					onOpenFilter: G
+				}, null, 8, ["filters", "items"])])) : f("", !0),
+				m("div", E, [h(e, {
+					icon: "fa-solid fa-gear",
+					class: "lh-normal",
+					onClick: u[2] ||= (e) => P.value = !0
+				}), h(e, {
+					icon: "fa-solid fa-question",
+					class: "lh-normal",
+					onClick: u[3] ||= (e) => F.value = !0
+				})])
+			]),
+			g.useFilters && g.filterConfig?.items && g.filterConfig.items.length > 0 ? (x(), d(o, v({
+				key: 0,
+				ref_key: "dataFiltersRef",
+				ref: O
+			}, M.value, {
+				"storage-key": g.id,
+				open: z.value,
+				onClose: u[4] ||= (e) => z.value = !1,
+				onChange: K
+			}), null, 16, ["storage-key", "open"])) : f("", !0),
+			h(c, {
+				open: F.value,
+				onClose: u[5] ||= (e) => F.value = !1
+			}, null, 8, ["open"]),
+			H.value === "table" ? (x(), d(t, {
+				key: 1,
+				config: U.value,
+				loading: g.loading,
+				items: g.items,
+				settings: I.value ?? void 0,
+				onFilterChange: u[6] ||= (e) => N("filter-change", e),
+				onSelectionChange: u[7] ||= (e) => N("selection-change", e),
+				onSortChange: u[8] ||= (e) => N("sort-change", e)
+			}, null, 8, [
+				"config",
+				"loading",
+				"items",
+				"settings"
+			])) : (x(), d(n, {
+				key: 2,
+				config: U.value,
+				loading: g.loading,
+				items: g.items,
+				settings: I.value ?? void 0,
+				onSelectionChange: u[9] ||= (e) => N("selection-change", e)
+			}, null, 8, [
+				"config",
+				"loading",
+				"items",
+				"settings"
+			])),
+			g.pagination && J.value ? (x(), d(i, {
+				key: 3,
+				settings: g.pagination,
+				"storage-key": g.id,
+				"onUpdate:pagination": u[10] ||= (e) => N("pagination-change", e)
+			}, null, 8, ["settings", "storage-key"])) : f("", !0),
+			h(r, {
+				open: P.value,
+				columns: g.config.columns,
+				settings: g.settings ?? {},
+				"storage-key": g.id,
+				orderable: g.orderable,
+				onClose: u[11] ||= (e) => P.value = !1,
+				onChange: W
+			}, null, 8, [
+				"open",
+				"columns",
+				"settings",
+				"storage-key",
+				"orderable"
+			])
+		], 512)]));
+	}
+});
 //#endregion
-export { t as default };
+export { D as dataListDefaults, O as default };

package/dist/admins-components97.js.map

@@ -1 +1 @@
-{"version":3,"file":"admins-components97.js","names":[],"sources":["../src/components/data-table/DataList.vue"],"sourcesContent":["<script lang=\"ts\">\nexport type { PaginatorSettings } from '@/types/data-list'\nexport type { DataSearchProps } from './DataSearch.vue'\nexport type { DataFiltersProps } from './DataFilters.vue'\n\nexport interface DataListProps {\n  config: DataListConfig\n  items: Record<string, unknown>[]\n  settings?: Partial<DataListSettings>\n  id: string\n  layoutBreakpoint?: number\n  orderable?: boolean\n  pagination?: PaginatorSettings\n  loading?: boolean\n  handleUrl?: boolean\n  useSearch?: boolean\n  useFilters?: boolean\n  searchConfig?: DataSearchProps\n  filterConfig?: DataFiltersProps\n}\n\nexport const dataListDefaults = {\n  layoutBreakpoint: 768,\n  orderable: true,\n  loading: false,\n  useSearch: true,\n  useFilters: true,\n  handleUrl: false\n}\n</script>\n\n<script setup lang=\"ts\">\nimport { ref, computed, onMounted, onBeforeUnmount } from 'vue'\nimport DataTable from '@/components/data-table/DataTable.vue'\nimport DataCards from '@/components/data-table/DataCards.vue'\nimport DataListOptions from '@/components/data-table/DataListOptions.vue'\nimport DataPaginator from '@/components/data-table/DataPaginator.vue'\nimport Button from '@/components/Button.vue'\nimport type {\n  DataListConfig,\n  DataListSettings,\n  PageSettings,\n  PaginatorSettings,\n} from '@/types/data-list'\nimport type { FilterValue } from '@/types/data-list'\nimport DataFilters, {\n  type FilterResponse,\n  type DataFiltersProps,\n} from '@/components/data-table/DataFilters.vue'\nimport FilterTags from '@/components/data-table/FilterTags.vue'\nimport DataListGuide from '@/components/data-table/DataListGuide.vue'\nimport DataSearch, { type DataSearchProps } from './DataSearch.vue'\nimport { getDefaultFilters } from '@/utils/dataFilters.ts'\n\nconst dataFiltersRef = ref<InstanceType<typeof DataFilters> | null>(null)\n\nconst props = withDefaults(defineProps<DataListProps>(), {\n  ...dataListDefaults,\n  searchConfig: undefined,\n  filterConfig: undefined,\n})\n\nfunction resolvedHandleUrl(side: 'searchConfig' | 'filterConfig'): boolean | undefined {\n  const sideConfig = props[side]\n  if (sideConfig && Object.hasOwn(sideConfig as object, 'handleUrl')) {\n    return (sideConfig as { handleUrl?: boolean }).handleUrl\n  }\n  return props.handleUrl\n}\n\nconst mergedSearchConfig = computed<DataSearchProps>(() => ({\n  ...props.searchConfig,\n  handleUrl: resolvedHandleUrl('searchConfig'),\n}))\n\nconst mergedFilterConfig = computed<DataFiltersProps>(() => ({\n  ...(props.filterConfig as DataFiltersProps),\n  handleUrl: resolvedHandleUrl('filterConfig'),\n}))\n\nconst emit = defineEmits<{\n  'filter-change': [filters: Record<string, FilterValue>]\n  'selection-change': [selected: unknown[]]\n  'settings-change': [settings: DataListSettings]\n  'pagination-change': [pagination: PageSettings]\n  'sort-change': [sort: { key: string; direction: 'asc' | 'desc' }]\n  'search-change': [filters: Record<string, string | boolean>]\n}>()\n\nconst showOptions = ref(false)\nconst showGuide = ref(false)\nconst resolvedSettings = ref<DataListSettings | null>(null)\nconst isMobile = ref(false)\nconst root = ref<HTMLElement | null>(null)\nconst showFilters = ref(false)\n\nconst activeFilters = ref<Record<string, unknown>>(\n  props.filterConfig?.items ? getDefaultFilters(props.filterConfig.items, props.id, false) : {},\n)\nlet resizeObserver: ResizeObserver | null = null\n\nonMounted(() => {\n  resizeObserver = new ResizeObserver((entries) => {\n    isMobile.value = (entries[0]?.contentRect.width ?? 0) < props.layoutBreakpoint\n  })\n  if (root.value) resizeObserver.observe(root.value)\n})\n\nonBeforeUnmount(() => resizeObserver?.disconnect())\n\nconst effectiveLayout = computed<'table' | 'cards'>(() => {\n  const layout = resolvedSettings.value?.layout\n  if (layout === 'table' || layout === 'cards') return layout\n  return isMobile.value ? 'cards' : 'table'\n})\n\nconst internalConfig = computed<DataListConfig>(() => {\n  if (!resolvedSettings.value) return props.config\n  const order = resolvedSettings.value.columnOrder\n  const mapped = props.config.columns.map((c) => ({\n    ...c,\n    visible: resolvedSettings.value!.columns[c.property] ?? c.visible !== false,\n  }))\n  if (order?.length) {\n    mapped.sort((a, b) => {\n      const ai = order.indexOf(a.property)\n      const bi = order.indexOf(b.property)\n      return (ai === -1 ? 999 : ai) - (bi === -1 ? 999 : bi)\n    })\n  }\n  return { ...props.config, columns: mapped }\n})\n\nfunction onSettingsChange(s: DataListSettings) {\n  resolvedSettings.value = s\n  emit('settings-change', s)\n}\n\ndefineExpose({\n  openOptions: () => (showOptions.value = true),\n  closeOptions: () => (showOptions.value = false),\n  openFilters: () => (showFilters.value = true),\n  closeFilters: () => (showFilters.value = false),\n})\n\nasync function openFilter(key: string) {\n  showFilters.value = true\n  setTimeout(() => {\n    dataFiltersRef.value?.focusFilter(key)\n  }, 300)\n}\n\nfunction onFilterChange(response: FilterResponse) {\n  activeFilters.value = response.values\n  emit('filter-change', response.transformed)\n}\n\nconst activeFiltersCount = computed(\n  () => Object.values(activeFilters.value).filter((v) => v != null && v !== '').length,\n)\n\nconst showPaginator = computed(\n  () => !!props.pagination && (props.items.length > 0 || !props.loading),\n)\n\nconst searchChange = (value: Record<string, string | boolean>) => {\n  emit('search-change', value)\n}\n\n</script>\n\n<template>\n  <div class=\"ac-component\">\n    <div ref=\"root\" class=\"c-data-list\">\n      <div class=\"c-data-list__toolbar\">\n        <DataSearch v-if=\"useSearch\" v-bind=\"mergedSearchConfig\" @search-change=\"searchChange\" />\n        <Button\n          v-if=\"useFilters && filterConfig?.items && filterConfig.items.length > 0\"\n          label=\"Szűrők\"\n          icon=\"fa-solid fa-filter\"\n          @click=\"showFilters = true\"\n          style=\"flex-shrink: 0\"\n          :type=\"activeFiltersCount > 0 ? 'info' : 'normal'\"\n          :indicator=\"activeFiltersCount > 0 ? activeFiltersCount : undefined\"\n        />\n        <div\n          class=\"flex-center gap-1\"\n          v-if=\"useFilters && filterConfig?.items && filterConfig.items.length > 0\"\n        >\n          <FilterTags\n            :filters=\"activeFilters\"\n            :items=\"filterConfig.items\"\n            @remove=\"(key: string) => dataFiltersRef?.clearFilter(key)\"\n            @openFilter=\"openFilter\"\n          />\n        </div>\n        <div class=\"flex-center ml-auto nowrap\">\n          <Button icon=\"fa-solid fa-gear\" class=\"lh-normal\" @click=\"showOptions = true\" />\n          <Button icon=\"fa-solid fa-question\" class=\"lh-normal\" @click=\"showGuide = true\" />\n        </div>\n      </div>\n      <DataFilters\n        ref=\"dataFiltersRef\"\n        v-if=\"useFilters && filterConfig?.items && filterConfig.items.length > 0\"\n        v-bind=\"mergedFilterConfig\"\n        :storage-key=\"id\"\n        :open=\"showFilters\"\n        @close=\"showFilters = false\"\n        @change=\"onFilterChange\"\n      />\n      <DataListGuide :open=\"showGuide\" @close=\"showGuide = false\" />\n      <DataTable\n        v-if=\"effectiveLayout === 'table'\"\n        :config=\"internalConfig\"\n        :loading=\"loading\"\n        :items=\"items\"\n        :settings=\"resolvedSettings ?? undefined\"\n        @filter-change=\"emit('filter-change', $event)\"\n        @selection-change=\"emit('selection-change', $event)\"\n        @sort-change=\"emit('sort-change', $event)\"\n      />\n\n      <DataCards\n        v-else\n        :config=\"internalConfig\"\n        :loading=\"loading\"\n        :items=\"items\"\n        :settings=\"resolvedSettings ?? undefined\"\n        @selection-change=\"emit('selection-change', $event)\"\n      />\n\n      <DataPaginator\n        v-if=\"pagination && showPaginator\"\n        :settings=\"pagination\"\n        :storage-key=\"id\"\n        @update:pagination=\"emit('pagination-change', $event)\"\n      />\n\n      <DataListOptions\n        :open=\"showOptions\"\n        :columns=\"config.columns\"\n        :settings=\"settings ?? {}\"\n        :storage-key=\"id\"\n        :orderable=\"orderable\"\n        @close=\"showOptions = false\"\n        @change=\"onSettingsChange\"\n      />\n    </div>\n  </div>\n</template>\n\n<style lang=\"scss\" src=\"@/styles/components/data-table/data-list.scss\"></style>\n"],"mappings":""}
+{"version":3,"file":"admins-components97.js","names":[],"sources":["../src/components/data-table/DataList.vue"],"sourcesContent":["<script lang=\"ts\">\nexport type { PaginatorSettings } from '@/types/data-list'\nexport type { DataSearchProps } from './DataSearch.vue'\nexport type { DataFiltersProps } from './DataFilters.vue'\n\nexport interface DataListProps {\n  config: DataListConfig\n  items: Record<string, unknown>[]\n  settings?: Partial<DataListSettings>\n  id: string\n  layoutBreakpoint?: number\n  orderable?: boolean\n  pagination?: PaginatorSettings\n  loading?: boolean\n  handleUrl?: boolean\n  useSearch?: boolean\n  useFilters?: boolean\n  searchConfig?: DataSearchProps\n  filterConfig?: DataFiltersProps\n}\n\nexport const dataListDefaults = {\n  layoutBreakpoint: 768,\n  orderable: true,\n  loading: false,\n  useSearch: true,\n  useFilters: true,\n  handleUrl: false\n}\n</script>\n\n<script setup lang=\"ts\">\nimport { ref, computed, onMounted, onBeforeUnmount } from 'vue'\nimport DataTable from '@/components/data-table/DataTable.vue'\nimport DataCards from '@/components/data-table/DataCards.vue'\nimport DataListOptions from '@/components/data-table/DataListOptions.vue'\nimport DataPaginator from '@/components/data-table/DataPaginator.vue'\nimport Button from '@/components/Button.vue'\nimport type {\n  DataListConfig,\n  DataListSettings,\n  PageSettings,\n  PaginatorSettings,\n} from '@/types/data-list'\nimport type { FilterValue } from '@/types/data-list'\nimport DataFilters, {\n  type FilterResponse,\n  type DataFiltersProps,\n} from '@/components/data-table/DataFilters.vue'\nimport FilterTags from '@/components/data-table/FilterTags.vue'\nimport DataListGuide from '@/components/data-table/DataListGuide.vue'\nimport DataSearch, { type DataSearchProps } from './DataSearch.vue'\nimport { getDefaultFilters } from '@/utils/dataFilters.ts'\n\nconst dataFiltersRef = ref<InstanceType<typeof DataFilters> | null>(null)\n\nconst props = withDefaults(defineProps<DataListProps>(), {\n  ...dataListDefaults,\n  searchConfig: undefined,\n  filterConfig: undefined,\n})\n\nfunction resolvedHandleUrl(side: 'searchConfig' | 'filterConfig'): boolean | undefined {\n  const sideConfig = props[side]\n  if (sideConfig && Object.hasOwn(sideConfig as object, 'handleUrl')) {\n    return (sideConfig as { handleUrl?: boolean }).handleUrl\n  }\n  return props.handleUrl\n}\n\nconst mergedSearchConfig = computed<DataSearchProps>(() => ({\n  ...props.searchConfig,\n  handleUrl: resolvedHandleUrl('searchConfig'),\n}))\n\nconst mergedFilterConfig = computed<DataFiltersProps>(() => ({\n  ...(props.filterConfig as DataFiltersProps),\n  handleUrl: resolvedHandleUrl('filterConfig'),\n}))\n\nconst emit = defineEmits<{\n  'filter-change': [filters: Record<string, FilterValue>]\n  'selection-change': [selected: unknown[]]\n  'settings-change': [settings: DataListSettings]\n  'pagination-change': [pagination: PageSettings]\n  'sort-change': [sort: { key: string; direction: 'asc' | 'desc' }]\n  'search-change': [filters: Record<string, string | boolean>]\n}>()\n\nconst showOptions = ref(false)\nconst showGuide = ref(false)\nconst resolvedSettings = ref<DataListSettings | null>(null)\nconst isMobile = ref(false)\nconst root = ref<HTMLElement | null>(null)\nconst showFilters = ref(false)\n\nconst activeFilters = ref<Record<string, unknown>>(\n  props.filterConfig?.items ? getDefaultFilters(props.filterConfig.items, props.id, false) : {},\n)\nlet resizeObserver: ResizeObserver | null = null\n\nonMounted(() => {\n  resizeObserver = new ResizeObserver((entries) => {\n    isMobile.value = (entries[0]?.contentRect.width ?? 0) < props.layoutBreakpoint\n  })\n  if (root.value) resizeObserver.observe(root.value)\n})\n\nonBeforeUnmount(() => resizeObserver?.disconnect())\n\nconst effectiveLayout = computed<'table' | 'cards'>(() => {\n  const layout = resolvedSettings.value?.layout\n  if (layout === 'table' || layout === 'cards') return layout\n  return isMobile.value ? 'cards' : 'table'\n})\n\nconst internalConfig = computed<DataListConfig>(() => {\n  if (!resolvedSettings.value) return props.config\n  const order = resolvedSettings.value.columnOrder\n  const mapped = props.config.columns.map((c) => ({\n    ...c,\n    visible: resolvedSettings.value!.columns[c.property] ?? c.visible !== false,\n  }))\n  if (order?.length) {\n    mapped.sort((a, b) => {\n      const ai = order.indexOf(a.property)\n      const bi = order.indexOf(b.property)\n      return (ai === -1 ? 999 : ai) - (bi === -1 ? 999 : bi)\n    })\n  }\n  return { ...props.config, columns: mapped }\n})\n\nfunction onSettingsChange(s: DataListSettings) {\n  resolvedSettings.value = s\n  emit('settings-change', s)\n}\n\ndefineExpose({\n  openOptions: () => (showOptions.value = true),\n  closeOptions: () => (showOptions.value = false),\n  openFilters: () => (showFilters.value = true),\n  closeFilters: () => (showFilters.value = false),\n})\n\nasync function openFilter(key: string) {\n  showFilters.value = true\n  setTimeout(() => {\n    dataFiltersRef.value?.focusFilter(key)\n  }, 300)\n}\n\nfunction onFilterChange(response: FilterResponse) {\n  activeFilters.value = response.values\n  emit('filter-change', response.transformed)\n}\n\nconst activeFiltersCount = computed(\n  () => Object.values(activeFilters.value).filter((v) => v != null && v !== '').length,\n)\n\nconst showPaginator = computed(\n  () => !!props.pagination && (props.items.length > 0 || !props.loading),\n)\n\nconst searchChange = (value: Record<string, string | boolean>) => {\n  emit('search-change', value)\n}\n\n</script>\n\n<template>\n  <div class=\"ac-component\">\n    <div ref=\"root\" class=\"c-data-list\">\n      <div class=\"c-data-list__toolbar\">\n        <DataSearch v-if=\"useSearch\" v-bind=\"mergedSearchConfig\" @search-change=\"searchChange\" />\n        <Button\n          v-if=\"useFilters && filterConfig?.items && filterConfig.items.length > 0\"\n          label=\"Szűrők\"\n          icon=\"fa-solid fa-filter\"\n          @click=\"showFilters = true\"\n          style=\"flex-shrink: 0\"\n          :type=\"activeFiltersCount > 0 ? 'info' : 'normal'\"\n          :indicator=\"activeFiltersCount > 0 ? activeFiltersCount : undefined\"\n        />\n        <div\n          class=\"flex-center gap-1\"\n          v-if=\"useFilters && filterConfig?.items && filterConfig.items.length > 0\"\n        >\n          <FilterTags\n            :filters=\"activeFilters\"\n            :items=\"filterConfig.items\"\n            @remove=\"(key: string) => dataFiltersRef?.clearFilter(key)\"\n            @openFilter=\"openFilter\"\n          />\n        </div>\n        <div class=\"flex-center ml-auto nowrap\">\n          <Button icon=\"fa-solid fa-gear\" class=\"lh-normal\" @click=\"showOptions = true\" />\n          <Button icon=\"fa-solid fa-question\" class=\"lh-normal\" @click=\"showGuide = true\" />\n        </div>\n      </div>\n      <DataFilters\n        ref=\"dataFiltersRef\"\n        v-if=\"useFilters && filterConfig?.items && filterConfig.items.length > 0\"\n        v-bind=\"mergedFilterConfig\"\n        :storage-key=\"id\"\n        :open=\"showFilters\"\n        @close=\"showFilters = false\"\n        @change=\"onFilterChange\"\n      />\n      <DataListGuide :open=\"showGuide\" @close=\"showGuide = false\" />\n      <DataTable\n        v-if=\"effectiveLayout === 'table'\"\n        :config=\"internalConfig\"\n        :loading=\"loading\"\n        :items=\"items\"\n        :settings=\"resolvedSettings ?? undefined\"\n        @filter-change=\"emit('filter-change', $event)\"\n        @selection-change=\"emit('selection-change', $event)\"\n        @sort-change=\"emit('sort-change', $event)\"\n      />\n\n      <DataCards\n        v-else\n        :config=\"internalConfig\"\n        :loading=\"loading\"\n        :items=\"items\"\n        :settings=\"resolvedSettings ?? undefined\"\n        @selection-change=\"emit('selection-change', $event)\"\n      />\n\n      <DataPaginator\n        v-if=\"pagination && showPaginator\"\n        :settings=\"pagination\"\n        :storage-key=\"id\"\n        @update:pagination=\"emit('pagination-change', $event)\"\n      />\n\n      <DataListOptions\n        :open=\"showOptions\"\n        :columns=\"config.columns\"\n        :settings=\"settings ?? {}\"\n        :storage-key=\"id\"\n        :orderable=\"orderable\"\n        @close=\"showOptions = false\"\n        @change=\"onSettingsChange\"\n      />\n    </div>\n  </div>\n</template>\n\n<style lang=\"scss\" src=\"@/styles/components/data-table/data-list.scss\"></style>\n"],"mappings":"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"}

package/dist/admins-components99.js

@@ -1,4 +1,7 @@
-//#region src/utils/cmsContext.ts
-var e = () => window.cmsContext?.currentSite;
+import './src/styles/components/data-table/data-list.scss_vue_type_style_index_0_src_true_lang.css';
+import e from "./admins-components97.js";
+/* empty css                    */
+//#region src/components/data-table/DataList.vue
+var t = e;
 //#endregion
-export { e as getCurrentSite };
+export { t as default };

package/dist/admins-components99.js.map

@@ -1 +1 @@
-{"version":3,"file":"admins-components99.js","names":[],"sources":["../src/utils/cmsContext.ts"],"sourcesContent":["export const getCurrentSite = (): string | undefined => {\n    return (window as any).cmsContext?.currentSite\n}\n"],"mappings":";AAAA,IAAa,UACD,OAAe,YAAY"}
+{"version":3,"file":"admins-components99.js","names":[],"sources":["../src/components/data-table/DataList.vue"],"sourcesContent":["<script lang=\"ts\">\nexport type { PaginatorSettings } from '@/types/data-list'\nexport type { DataSearchProps } from './DataSearch.vue'\nexport type { DataFiltersProps } from './DataFilters.vue'\n\nexport interface DataListProps {\n  config: DataListConfig\n  items: Record<string, unknown>[]\n  settings?: Partial<DataListSettings>\n  id: string\n  layoutBreakpoint?: number\n  orderable?: boolean\n  pagination?: PaginatorSettings\n  loading?: boolean\n  handleUrl?: boolean\n  useSearch?: boolean\n  useFilters?: boolean\n  searchConfig?: DataSearchProps\n  filterConfig?: DataFiltersProps\n}\n\nexport const dataListDefaults = {\n  layoutBreakpoint: 768,\n  orderable: true,\n  loading: false,\n  useSearch: true,\n  useFilters: true,\n  handleUrl: false\n}\n</script>\n\n<script setup lang=\"ts\">\nimport { ref, computed, onMounted, onBeforeUnmount } from 'vue'\nimport DataTable from '@/components/data-table/DataTable.vue'\nimport DataCards from '@/components/data-table/DataCards.vue'\nimport DataListOptions from '@/components/data-table/DataListOptions.vue'\nimport DataPaginator from '@/components/data-table/DataPaginator.vue'\nimport Button from '@/components/Button.vue'\nimport type {\n  DataListConfig,\n  DataListSettings,\n  PageSettings,\n  PaginatorSettings,\n} from '@/types/data-list'\nimport type { FilterValue } from '@/types/data-list'\nimport DataFilters, {\n  type FilterResponse,\n  type DataFiltersProps,\n} from '@/components/data-table/DataFilters.vue'\nimport FilterTags from '@/components/data-table/FilterTags.vue'\nimport DataListGuide from '@/components/data-table/DataListGuide.vue'\nimport DataSearch, { type DataSearchProps } from './DataSearch.vue'\nimport { getDefaultFilters } from '@/utils/dataFilters.ts'\n\nconst dataFiltersRef = ref<InstanceType<typeof DataFilters> | null>(null)\n\nconst props = withDefaults(defineProps<DataListProps>(), {\n  ...dataListDefaults,\n  searchConfig: undefined,\n  filterConfig: undefined,\n})\n\nfunction resolvedHandleUrl(side: 'searchConfig' | 'filterConfig'): boolean | undefined {\n  const sideConfig = props[side]\n  if (sideConfig && Object.hasOwn(sideConfig as object, 'handleUrl')) {\n    return (sideConfig as { handleUrl?: boolean }).handleUrl\n  }\n  return props.handleUrl\n}\n\nconst mergedSearchConfig = computed<DataSearchProps>(() => ({\n  ...props.searchConfig,\n  handleUrl: resolvedHandleUrl('searchConfig'),\n}))\n\nconst mergedFilterConfig = computed<DataFiltersProps>(() => ({\n  ...(props.filterConfig as DataFiltersProps),\n  handleUrl: resolvedHandleUrl('filterConfig'),\n}))\n\nconst emit = defineEmits<{\n  'filter-change': [filters: Record<string, FilterValue>]\n  'selection-change': [selected: unknown[]]\n  'settings-change': [settings: DataListSettings]\n  'pagination-change': [pagination: PageSettings]\n  'sort-change': [sort: { key: string; direction: 'asc' | 'desc' }]\n  'search-change': [filters: Record<string, string | boolean>]\n}>()\n\nconst showOptions = ref(false)\nconst showGuide = ref(false)\nconst resolvedSettings = ref<DataListSettings | null>(null)\nconst isMobile = ref(false)\nconst root = ref<HTMLElement | null>(null)\nconst showFilters = ref(false)\n\nconst activeFilters = ref<Record<string, unknown>>(\n  props.filterConfig?.items ? getDefaultFilters(props.filterConfig.items, props.id, false) : {},\n)\nlet resizeObserver: ResizeObserver | null = null\n\nonMounted(() => {\n  resizeObserver = new ResizeObserver((entries) => {\n    isMobile.value = (entries[0]?.contentRect.width ?? 0) < props.layoutBreakpoint\n  })\n  if (root.value) resizeObserver.observe(root.value)\n})\n\nonBeforeUnmount(() => resizeObserver?.disconnect())\n\nconst effectiveLayout = computed<'table' | 'cards'>(() => {\n  const layout = resolvedSettings.value?.layout\n  if (layout === 'table' || layout === 'cards') return layout\n  return isMobile.value ? 'cards' : 'table'\n})\n\nconst internalConfig = computed<DataListConfig>(() => {\n  if (!resolvedSettings.value) return props.config\n  const order = resolvedSettings.value.columnOrder\n  const mapped = props.config.columns.map((c) => ({\n    ...c,\n    visible: resolvedSettings.value!.columns[c.property] ?? c.visible !== false,\n  }))\n  if (order?.length) {\n    mapped.sort((a, b) => {\n      const ai = order.indexOf(a.property)\n      const bi = order.indexOf(b.property)\n      return (ai === -1 ? 999 : ai) - (bi === -1 ? 999 : bi)\n    })\n  }\n  return { ...props.config, columns: mapped }\n})\n\nfunction onSettingsChange(s: DataListSettings) {\n  resolvedSettings.value = s\n  emit('settings-change', s)\n}\n\ndefineExpose({\n  openOptions: () => (showOptions.value = true),\n  closeOptions: () => (showOptions.value = false),\n  openFilters: () => (showFilters.value = true),\n  closeFilters: () => (showFilters.value = false),\n})\n\nasync function openFilter(key: string) {\n  showFilters.value = true\n  setTimeout(() => {\n    dataFiltersRef.value?.focusFilter(key)\n  }, 300)\n}\n\nfunction onFilterChange(response: FilterResponse) {\n  activeFilters.value = response.values\n  emit('filter-change', response.transformed)\n}\n\nconst activeFiltersCount = computed(\n  () => Object.values(activeFilters.value).filter((v) => v != null && v !== '').length,\n)\n\nconst showPaginator = computed(\n  () => !!props.pagination && (props.items.length > 0 || !props.loading),\n)\n\nconst searchChange = (value: Record<string, string | boolean>) => {\n  emit('search-change', value)\n}\n\n</script>\n\n<template>\n  <div class=\"ac-component\">\n    <div ref=\"root\" class=\"c-data-list\">\n      <div class=\"c-data-list__toolbar\">\n        <DataSearch v-if=\"useSearch\" v-bind=\"mergedSearchConfig\" @search-change=\"searchChange\" />\n        <Button\n          v-if=\"useFilters && filterConfig?.items && filterConfig.items.length > 0\"\n          label=\"Szűrők\"\n          icon=\"fa-solid fa-filter\"\n          @click=\"showFilters = true\"\n          style=\"flex-shrink: 0\"\n          :type=\"activeFiltersCount > 0 ? 'info' : 'normal'\"\n          :indicator=\"activeFiltersCount > 0 ? activeFiltersCount : undefined\"\n        />\n        <div\n          class=\"flex-center gap-1\"\n          v-if=\"useFilters && filterConfig?.items && filterConfig.items.length > 0\"\n        >\n          <FilterTags\n            :filters=\"activeFilters\"\n            :items=\"filterConfig.items\"\n            @remove=\"(key: string) => dataFiltersRef?.clearFilter(key)\"\n            @openFilter=\"openFilter\"\n          />\n        </div>\n        <div class=\"flex-center ml-auto nowrap\">\n          <Button icon=\"fa-solid fa-gear\" class=\"lh-normal\" @click=\"showOptions = true\" />\n          <Button icon=\"fa-solid fa-question\" class=\"lh-normal\" @click=\"showGuide = true\" />\n        </div>\n      </div>\n      <DataFilters\n        ref=\"dataFiltersRef\"\n        v-if=\"useFilters && filterConfig?.items && filterConfig.items.length > 0\"\n        v-bind=\"mergedFilterConfig\"\n        :storage-key=\"id\"\n        :open=\"showFilters\"\n        @close=\"showFilters = false\"\n        @change=\"onFilterChange\"\n      />\n      <DataListGuide :open=\"showGuide\" @close=\"showGuide = false\" />\n      <DataTable\n        v-if=\"effectiveLayout === 'table'\"\n        :config=\"internalConfig\"\n        :loading=\"loading\"\n        :items=\"items\"\n        :settings=\"resolvedSettings ?? undefined\"\n        @filter-change=\"emit('filter-change', $event)\"\n        @selection-change=\"emit('selection-change', $event)\"\n        @sort-change=\"emit('sort-change', $event)\"\n      />\n\n      <DataCards\n        v-else\n        :config=\"internalConfig\"\n        :loading=\"loading\"\n        :items=\"items\"\n        :settings=\"resolvedSettings ?? undefined\"\n        @selection-change=\"emit('selection-change', $event)\"\n      />\n\n      <DataPaginator\n        v-if=\"pagination && showPaginator\"\n        :settings=\"pagination\"\n        :storage-key=\"id\"\n        @update:pagination=\"emit('pagination-change', $event)\"\n      />\n\n      <DataListOptions\n        :open=\"showOptions\"\n        :columns=\"config.columns\"\n        :settings=\"settings ?? {}\"\n        :storage-key=\"id\"\n        :orderable=\"orderable\"\n        @close=\"showOptions = false\"\n        @change=\"onSettingsChange\"\n      />\n    </div>\n  </div>\n</template>\n\n<style lang=\"scss\" src=\"@/styles/components/data-table/data-list.scss\"></style>\n"],"mappings":""}

package/dist/src/components/ConfirmModal.vue.d.ts

@@ -1,6 +1,6 @@
 import { ButtonType } from './Button.vue';
 export interface ConfirmModalProps {
-    title: string;
+    title?: string;
     message: string;
     confirmLabel?: string;
     cancelLabel?: string;

package/dist/src/components/data-table/DataListActions.vue.d.ts

@@ -0,0 +1,8 @@
+import { Action, ActionGroup } from '../../types/data-list';
+type __VLS_Props = {
+    actions: Array<Action | ActionGroup>;
+    item?: Record<string, unknown>;
+};
+declare const __VLS_export: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/src/styles/components/modal.scss_vue_type_style_index_0_src_true_lang.css

@@ -1 +1 @@
-.ac-component .c-modal-backdrop{z-index:11000;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0006;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.ac-component .c-modal{background:var(--neutral-0);border-radius:.75rem;flex-direction:column;min-width:20rem;max-width:calc(100dvw - 2rem);max-height:calc(100dvh - 4rem);animation:.15s ease-out c-modal-enter;display:flex;overflow:hidden;box-shadow:0 8px 32px #0000001f}.ac-component .c-modal-header{border-bottom:1px solid var(--neutral-100);justify-content:space-between;align-items:center;padding:1rem 1.25rem;display:flex}.ac-component .c-modal-title{color:var(--neutral-900);margin:0;font-size:1rem;font-weight:600}.ac-component .c-modal-close{width:2rem;height:2rem;color:var(--neutral-600);cursor:pointer;background:0 0;border:none;border-radius:.375rem;justify-content:center;align-items:center;font-size:1.25rem;transition:background-color .15s,color .15s;display:flex}.ac-component .c-modal-close:hover{background:var(--neutral-100);color:var(--neutral-900)}.ac-component .c-modal-close:focus-visible{outline:none;box-shadow:0 0 0 2px #f265221f}.ac-component .c-modal-body{flex:1;padding:1.25rem;display:flex;overflow-y:auto}.ac-component .c-modal-footer{border-top:1px solid var(--neutral-100);justify-content:flex-end;align-items:center;gap:.5rem;padding:.75rem 1.25rem;display:flex}.ac-component .c-confirm-modal-message{color:var(--neutral-700);margin:0;font-size:.875rem;line-height:1.5}@keyframes c-modal-enter{0%{opacity:0;transform:scale(.95)translateY(-.5rem)}to{opacity:1;transform:scale(1)translateY(0)}}
+.ac-component .c-modal-backdrop{z-index:11000;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0006;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.ac-component .c-modal{background:var(--neutral-0);border-radius:.75rem;flex-direction:column;min-width:20rem;max-width:calc(100dvw - 2rem);max-height:calc(100dvh - 4rem);animation:.15s ease-out c-modal-enter;display:flex;overflow:hidden;box-shadow:0 8px 32px #0000001f}.ac-component .c-modal-header{border-bottom:1px solid var(--neutral-100);justify-content:space-between;align-items:center;padding:.5rem;display:flex}.ac-component .c-modal-title{color:var(--neutral-900);padding-left:.5rem;font-size:1rem;font-weight:600}.ac-component .c-modal-close{color:var(--neutral-600);cursor:pointer;background:0 0;border:none;border-radius:999px;justify-content:center;align-items:center;padding:.5rem .625rem;font-size:1rem;transition:background-color .15s,color .15s;display:inline-flex}.ac-component .c-modal-close i{transform:translate(.5px)}.ac-component .c-modal-close:hover{background:var(--neutral-100);color:var(--neutral-900)}.ac-component .c-modal-close:focus-visible{outline:none;box-shadow:0 0 0 2px #f265221f}.ac-component .c-modal-body{flex:1;padding:1rem;display:flex;overflow-y:auto}.ac-component .c-modal-footer{border-top:1px solid var(--neutral-100);justify-content:flex-end;align-items:center;gap:.5rem;padding:.75rem 1.25rem;display:flex}.ac-component .c-confirm-modal-message{color:var(--neutral-700);margin:0;font-size:.875rem;line-height:1.5}@keyframes c-modal-enter{0%{opacity:0;transform:scale(.95)translateY(-.5rem)}to{opacity:1;transform:scale(1)translateY(0)}}

package/dist/src/types/data-list.d.ts

@@ -2,6 +2,7 @@ import { Ref } from 'vue';
 import { DropdownOption } from '../components/DropdownSelect.vue';
 import { PickedDate, PickedUtcRange } from './types';
 import { ButtonType } from '../components/Button.vue';
+import { ConfirmModalProps } from '../components/ConfirmModal.vue';
 export type FilterValue = string | PickedDate | PickedUtcRange | string[] | null | undefined;
 export interface FilterConfig {
     type: 'text' | 'date' | 'date-range' | 'select' | 'multi-select';
@@ -44,10 +45,11 @@ export interface Column {
     label: string;
     property: string;
     sort?: undefined | Sort;
-    converter?: undefined | ((v: any, item: any) => any);
     type?: ColumnType;
     class?: string | undefined;
     headerClass?: string | undefined;
+    hideCopyToClipboard?: boolean | undefined;
+    converter?: undefined | ((v: any, item: any) => any);
     loading?: (() => boolean) | undefined;
 }
 export type SortDirection = 'asc' | 'desc' | null;
@@ -66,6 +68,8 @@ export interface Action {
     config?: Record<string, any> | undefined;
     disabled?: (item: any) => boolean;
     callback: (item: any) => any;
+    withConfirm?: boolean;
+    withConfirmConfig?: ConfirmModalProps;
 }
 export interface ActionGroup {
     isGroup: true;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "admins-components",
-  "version": "9.0.39",
+  "version": "9.0.41",
   "type": "module",
   "module": "./dist/admins-components.js",
   "types": "./dist/index.d.ts",

package/dist/admins-components165.js

@@ -1,52 +0,0 @@
-import e from "./admins-components14.js";
-import { defineElement as t } from "./admins-components157.js";
-import n from "./admins-components159.js";
-import { createBlock as r, createCommentVNode as i, createSlots as a, openBlock as o, ref as s, renderList as c, renderSlot as l, resolveComponent as u, resolveDynamicComponent as d, watch as f, withCtx as p } from "vue";
-//#region src/vueformelements/DateTimePickerElement.vue
-var m = t({
-	name: "DateTimePickerElement",
-	components: { DatePicker: e },
-	setup(e, t) {
-		let { value: n } = t.element;
-		n.value = /* @__PURE__ */ new Date();
-		let r = t.attrs.placeholder, i = s(null), a = s(!1);
-		return f(n, () => {
-			i.value = {
-				local: n.value ? new Date(n.value) : null,
-				utc: n.value
-			}, a.value = !0;
-		}, {
-			deep: !0,
-			immediate: !0
-		}), {
-			display: a,
-			placeholder: r,
-			initial: i,
-			value: n,
-			setValue: (e) => {
-				e && e.utc && (n.value = e.utc);
-			}
-		};
-	}
-});
-function h(e, t, n, s, f, m) {
-	let h = u("DatePicker"), g = u("ElementLayout");
-	return o(), r(g, null, a({
-		element: p(() => [e.display ? (o(), r(h, {
-			key: 0,
-			"model-value": e.initial,
-			config: {
-				showTime: !0,
-				placeholder: e.placeholder
-			},
-			"onUpdate:modelValue": t[0] ||= (t) => e.setValue(t)
-		}, null, 8, ["model-value", "config"])) : i("", !0)]),
-		_: 2
-	}, [c(e.elementSlots, (t, n) => ({
-		name: n,
-		fn: p(() => [l(e.$slots, n, { el$: e.el$ }, () => [(o(), r(d(t), { el$: e.el$ }, null, 8, ["el$"]))])])
-	}))]), 1024);
-}
-var g = /* @__PURE__ */ n(m, [["render", h]]);
-//#endregion
-export { g as default };

package/dist/admins-components165.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"admins-components165.js","names":[],"sources":["../src/vueformelements/DateTimePickerElement.vue"],"sourcesContent":["<!-- eslint-disable-next-line vue/block-lang -->\n<script>\nimport { defineElement } from '@vueform/vueform'\nimport { ref, watch } from 'vue'\nimport DatePicker from '@/components/DatePicker.vue'\n\nexport default defineElement({\n  name: 'DateTimePickerElement',\n  components: {\n    DatePicker,\n  },\n  setup(props, context) {\n    const { value } = context.element\n    value.value = new Date()\n\n    const placeholder = context.attrs.placeholder\n    const initial = ref(null)\n    const display = ref(false)\n\n    const setValue = (v) => {\n      if (v && v.utc) {\n        value.value = v.utc\n      }\n    }\n\n    watch(\n      value,\n      () => {\n        initial.value = {\n          local: value.value ? new Date(value.value) : null,\n          utc: value.value,\n        }\n        display.value = true\n      },\n      { deep: true, immediate: true }\n    )\n\n    return {\n      display,\n      placeholder,\n      initial,\n      value,\n      setValue,\n    }\n  },\n})\n</script>\n\n<template>\n  <ElementLayout>\n    <template #element>\n      <DatePicker\n        v-if=\"display\"\n        :model-value=\"initial\"\n        :config=\"{ showTime: true, placeholder: placeholder }\"\n        @update:model-value=\"setValue($event)\"\n      />\n    </template>\n\n    <template v-for=\"(component, slot) in elementSlots\" #[slot]>\n      <!-- eslint-disable-next-line vue/valid-attribute-name -->\n      <slot :name=\"slot\" :el$=\"el$\">\n        <component :is=\"component\" :el$=\"el$\" />\n      </slot>\n    </template>\n  </ElementLayout>\n</template>\n"],"mappings":";;;;;AAMA,IAAK,IAAa,EAAW;CAC3B,MAAM;CACN,YAAY,EACV,YAAA,EACF;CACA,MAAM,GAAO,GAAS;EACpB,IAAM,EAAE,aAAU,EAAQ;EAC1B,EAAM,wBAAQ,IAAI,KAAK;EAEvB,IAAM,IAAc,EAAQ,MAAM,aAC5B,IAAU,EAAI,IAAI,GAClB,IAAU,EAAI,EAAK;EAoBzB,OAZA,EACE,SACM;GAKJ,AAJA,EAAQ,QAAQ;IACd,OAAO,EAAM,QAAQ,IAAI,KAAK,EAAM,KAAK,IAAI;IAC7C,KAAK,EAAM;GACb,GACA,EAAQ,QAAQ;EAClB,GACA;GAAE,MAAM;GAAM,WAAW;EAAK,CAChC,GAEO;GACL;GACA;GACA;GACA;GACA,WAvBgB,MAAM;IACtB,AAAI,KAAK,EAAE,QACT,EAAM,QAAQ,EAAE;GAEpB;EAoBA;CACF;AACF,CAAC;;;aAIC,EAgBgB,GAAA,MAAA,EAAA;EAfH,SAAO,QAMd,CAJM,EAAA,WAAA,EAAA,GADR,EAKE,GAAA;;GAHC,eAAa,EAAA;GACb,QAAM;IAAA,UAAA;IAAA,aAAiC,EAAA;GAAW;GAClD,uBAAkB,AAAA,EAAA,QAAA,MAAE,EAAA,SAAS,CAAM;;;OAIF,EAAA,eAApB,GAAW;QAAwB;cAI5C,CAFP,EAEO,EAAA,QAFM,GAAI,EAAG,KAAK,EAAA,IAAG,SAErB,EAAA,EAAA,GADL,EAAwC,EAAxB,CAAS,GAAA,EAAG,KAAK,EAAA,IAAG,GAAA,MAAA,GAAA,CAAA,KAAA,CAAA,EAAA,CAAA,CAAA,CAAA"}

package/dist/admins-components66.js

@@ -1,171 +0,0 @@
-import e from "./admins-components6.js";
-import t from "./admins-components19.js";
-import n from "./admins-components27.js";
-import r from "./admins-components42.js";
-import i from "./admins-components52.js";
-import { useSelection as a } from "./admins-components57.js";
-import { dataCardsSettingsDefaults as o } from "./admins-components58.js";
-import { buildActionGroupMenuItems as s, getColumnValue as c, isActionGroup as l } from "./admins-components59.js";
-import u from "./admins-components62.js";
-import { Fragment as d, computed as f, createBlock as p, createCommentVNode as m, createElementBlock as h, createElementVNode as g, createVNode as _, defineComponent as v, mergeProps as y, normalizeClass as b, openBlock as x, ref as S, renderList as C, toDisplayString as w, unref as T, vShow as E, watch as D, withDirectives as O, withModifiers as k } from "vue";
-//#region src/components/data-table/DataCards.vue?vue&type=script&setup=true&lang.ts
-var A = { class: "ac-component" }, j = ["onClick", "onPointerdown"], M = ["onClick"], N = { class: "c-card__heading" }, P = { class: "c-card__label" }, F = ["innerHTML"], I = { class: "c-card__body" }, L = { class: "c-card__field-label" }, R = {
-	key: 1,
-	class: "c-cards__loading-wrap"
-}, z = {
-	key: 2,
-	class: "c-cards__backdrop",
-	"aria-hidden": "true"
-}, B = /* @__PURE__ */ v({
-	__name: "DataCards",
-	props: {
-		config: {},
-		items: {},
-		settings: { default: () => ({ ...o }) },
-		loading: {
-			type: Boolean,
-			default: !1
-		}
-	},
-	emits: ["selection-change"],
-	setup(o, { emit: v }) {
-		let B = o, V = v, { selectedKeys: H, toggle: U } = a(() => B.items, () => B.config.selectableAttr, (e) => V("selection-change", e)), W = S(/* @__PURE__ */ new Set());
-		D(() => B.items, () => {
-			W.value = /* @__PURE__ */ new Set();
-		});
-		let G = f(() => B.config.columns.filter((e) => e.visible !== !1)), K = f(() => {
-			let e = B.settings;
-			if (e?.cardHeaderColumns) {
-				let t = G.value.filter((t) => e.cardHeaderColumns[t.property]);
-				if (t.length > 0) {
-					if (e.cardHeaderOrder) {
-						let n = e.cardHeaderOrder;
-						return [...t].sort((e, t) => {
-							let r = n.indexOf(e.property), i = n.indexOf(t.property);
-							return (r === -1 ? 999 : r) - (i === -1 ? 999 : i);
-						});
-					}
-					return t;
-				}
-			}
-			let t = G.value.filter((e) => e.primary);
-			return t.length > 0 ? t : G.value.slice(0, 1);
-		}), q = null, J = !1;
-		function Y(e, t) {
-			B.config.selectableAttr && e.button === 0 && (J = !1, q = setTimeout(() => {
-				J = !0, U(t);
-			}, 500));
-		}
-		function X() {
-			q &&= (clearTimeout(q), null);
-		}
-		function Z(e) {
-			J && e.preventDefault();
-		}
-		function Q(e) {
-			if (J) {
-				J = !1;
-				return;
-			}
-			$(e);
-		}
-		function $(e) {
-			W.value.has(e) ? W.value.delete(e) : W.value.add(e), W.value = new Set(W.value);
-		}
-		return (a, f) => (x(), h("div", A, [g("div", { class: b(["c-cards-wrapper", { "is-loading": o.loading }]) }, [!o.loading || o.items.length > 0 ? (x(), h("div", {
-			key: 0,
-			class: b(["c-cards", { "is-compact": o.settings.compact }])
-		}, [(x(!0), h(d, null, C(o.items, (i, a) => (x(), h("div", {
-			key: a,
-			class: b(["c-card", {
-				"is-open": W.value.has(a),
-				"is-selected": o.config.selectableAttr && T(H).has(i[o.config.selectableAttr])
-			}])
-		}, [g("button", {
-			type: "button",
-			class: "c-card__header",
-			onClick: (e) => Q(a),
-			onPointerdown: (e) => Y(e, i),
-			onPointerup: f[1] ||= (e) => X(),
-			onPointerleave: f[2] ||= (e) => X(),
-			onContextmenu: Z
-		}, [
-			o.config.selectableAttr ? (x(), h("span", {
-				key: 0,
-				class: "c-card__check-zone",
-				onClick: k((e) => T(U)(i), ["stop"])
-			}, [_(t, {
-				"model-value": !!T(H).has(i[o.config.selectableAttr]),
-				"onUpdate:modelValue": (e) => T(U)(i),
-				onClick: f[0] ||= k(() => {}, ["stop"])
-			}, null, 8, ["model-value", "onUpdate:modelValue"])], 8, M)) : m("", !0),
-			g("span", N, [(x(!0), h(d, null, C(K.value, (e, t) => (x(), h("span", {
-				key: e.property,
-				class: "c-card__heading-item"
-			}, [g("span", P, w(e.label), 1), g("span", {
-				class: b(["c-card__title", { "c-truncate": o.settings.compact && t === 0 }]),
-				innerHTML: T(c)(i, e)
-			}, null, 10, F)]))), 128))]),
-			f[4] ||= g("span", {
-				class: "c-card__icon",
-				"aria-hidden": "true"
-			}, [g("i", { class: "fa-solid fa-chevron-down" })], -1)
-		], 40, j), O(g("div", I, [(x(!0), h(d, null, C(G.value, (e) => (x(), h("div", {
-			key: e.property,
-			class: "c-card__field",
-			tabindex: "0"
-		}, [
-			g("span", L, w(e.label), 1),
-			_(u, {
-				item: i,
-				col: e,
-				class: "c-card__field-value",
-				copy: !1
-			}, null, 8, ["item", "col"]),
-			T(c)(i, e) ? (x(), p(r, {
-				key: 0,
-				class: "c-card__field-copy click-expand",
-				value: T(c)(i, e)
-			}, null, 8, ["value"])) : m("", !0)
-		]))), 128)), o.config.actions ? (x(), h("div", {
-			key: 0,
-			class: "c-card__actions",
-			onClick: f[3] ||= k(() => {}, ["stop"])
-		}, [(x(!0), h(d, null, C(o.config.actions, (t, r) => (x(), h(d, { key: r }, [T(l)(t) ? (x(), p(n, y({
-			key: 0,
-			icon: t.icon,
-			label: t.label,
-			ariaLabel: t.ariaLabel,
-			items: T(s)(t, i)
-		}, { ref_for: !0 }, t.config), null, 16, [
-			"icon",
-			"label",
-			"ariaLabel",
-			"items"
-		])) : (x(), p(e, y({
-			key: 1,
-			type: t.type,
-			icon: t.icon,
-			label: t.cardLabel ?? t.label,
-			ariaLabel: t.ariaLabel,
-			outline: "",
-			disabled: t.disabled ? t.disabled(i) : !1,
-			callback: () => t.callback(i)
-		}, { ref_for: !0 }, t.config), null, 16, [
-			"type",
-			"icon",
-			"label",
-			"ariaLabel",
-			"disabled",
-			"callback"
-		]))], 64))), 128))])) : m("", !0)], 512), [[E, W.value.has(a)]])], 2))), 128))], 2)) : (x(), h("div", R, [_(i, {
-			loading: !0,
-			size: "2.5rem"
-		})])), o.loading && o.items.length > 0 ? (x(), h("div", z, [_(i, {
-			loading: !0,
-			size: "2.5rem"
-		})])) : m("", !0)], 2)]));
-	}
-});
-//#endregion
-export { B as default };

package/dist/admins-components66.js.map

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