admins-components 9.0.38 → 9.0.40

package/dist/admins-components84.js

@@ -1,7 +1,230 @@
-import './src/styles/components/data-table/data-filters.scss_vue_type_style_index_0_src_true_lang.css';
-import e from "./admins-components82.js";
-/* empty css                    */
-//#region src/components/data-table/DataFilters.vue
-var t = e;
+import e from "./admins-components6.js";
+import t from "./admins-components14.js";
+import n from "./admins-components17.js";
+import r from "./admins-components19.js";
+import i from "./admins-components22.js";
+import a from "./admins-components25.js";
+import o from "./admins-components31.js";
+import { filterEmptyValues as s, getDefaultFilters as c, writeFilterParams as l } from "./admins-components80.js";
+import u from "./admins-components83.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, withCtx as T } from "vue";
+//#region src/components/data-table/DataFilters.vue?vue&type=script&setup=true&lang.ts
+var E = {
+	key: 0,
+	class: "data-filters__separator"
+}, D = ["for"], O = { class: "c-label" }, k = { class: "c-label" }, A = { class: "data-filters__footer" }, j = /* @__PURE__ */ v({
+	__name: "DataFilters",
+	props: {
+		items: {},
+		open: {
+			type: Boolean,
+			default: !1
+		},
+		position: { default: "left" },
+		lazy: {
+			type: Boolean,
+			default: !0
+		},
+		handleUrl: {
+			type: Boolean,
+			default: !1
+		},
+		historyEnabled: {
+			type: Boolean,
+			default: !0
+		},
+		storageKey: {}
+	},
+	emits: ["close", "change"],
+	setup(v, { expose: j, emit: M }) {
+		let N = v, P = M, F = S(c(N.items, N.storageKey, !1)), I = S({});
+		function L(e, t) {
+			t ? I.value[e] = t : delete I.value[e];
+		}
+		function R(e) {
+			return {
+				...e.config ?? {},
+				showTime: e.type === "datetime",
+				placeholder: e.placeholder ?? (e.type === "datetime" ? "Időpont" : "Dátum")
+			};
+		}
+		function z(e) {
+			return {
+				...e.config ?? {},
+				...e.fullWidth ? {} : { compact: !0 },
+				showTime: e.type === "datetimerange"
+			};
+		}
+		function B(e, t) {
+			F.value = {
+				...F.value,
+				[e.key]: t
+			}, e.onChange && e.onChange(t), N.lazy || U();
+		}
+		let V = f(() => Object.values(F.value).some((e) => e !== null && e !== "" && e !== void 0));
+		function H() {
+			let e = {};
+			for (let t of N.items) {
+				if (t.type === "separator") continue;
+				let n = F.value[t.key];
+				t.transformer ? Object.assign(e, t.transformer(n) ?? {}) : e[t.key] = n;
+			}
+			return {
+				values: s(F.value),
+				transformed: s(e)
+			};
+		}
+		function U() {
+			N.handleUrl && l(N.items, F.value), P("change", H());
+		}
+		function W() {
+			U(), P("close");
+		}
+		function G() {
+			F.value = {}, U();
+		}
+		function K(e) {
+			F.value = {
+				...F.value,
+				[e]: null
+			}, U();
+		}
+		function q(e) {
+			let t = I.value[e];
+			t && (typeof t.focusAndOpen == "function" ? t.focusAndOpen() : typeof t.focus == "function" && t.focus());
+		}
+		function J(e) {
+			let t = { ...F.value };
+			for (let n of N.items) n.type !== "separator" && n.key in e && (t[n.key] = e[n.key] ?? null);
+			F.value = t, U();
+		}
+		j({
+			clearFilter: K,
+			focusFilter: q
+		});
+		function Y(e) {
+			e.key === "Enter" && e.target?.tagName !== "TEXTAREA" && (e.preventDefault(), W());
+		}
+		function X(e, t) {
+			e.onInnerSearch && e.onInnerSearch(t);
+		}
+		return (s, c) => (x(), p(o, {
+			open: v.open,
+			title: "Szűrők",
+			position: v.position,
+			onClose: c[0] ||= (e) => P("close")
+		}, {
+			default: T(() => [
+				g("div", {
+					class: "data-filters",
+					onKeydown: Y
+				}, [(x(!0), h(d, null, C(v.items, (e) => (x(), h("div", {
+					key: e.key,
+					class: b(["data-filters__field", { "data-filters__field--full": e.fullWidth || e.type === "separator" }])
+				}, [e.type === "separator" ? (x(), h("hr", E)) : e.type === "checkbox" ? (x(), p(r, y({
+					key: 1,
+					ref_for: !0,
+					ref: (t) => L(e.key, t),
+					"model-value": F.value[e.key] ?? !1,
+					label: e.label ?? e.key,
+					"onUpdate:modelValue": (t) => B(e, t)
+				}, { ref_for: !0 }, e.config), null, 16, [
+					"model-value",
+					"label",
+					"onUpdate:modelValue"
+				])) : [
+					"text",
+					"number",
+					"textarea"
+				].includes(e.type) ? (x(), p(n, y({
+					key: 2,
+					type: e.type,
+					ref_for: !0,
+					ref: (t) => L(e.key, t),
+					id: `df-${e.key}`,
+					"model-value": F.value[e.key] ?? "",
+					label: e.label ?? e.key,
+					placeholder: e.placeholder,
+					"onUpdate:modelValue": (t) => B(e, t || null)
+				}, { ref_for: !0 }, e.config), null, 16, [
+					"type",
+					"id",
+					"model-value",
+					"label",
+					"placeholder",
+					"onUpdate:modelValue"
+				])) : e.type === "date" || e.type === "datetime" ? (x(), h(d, { key: 3 }, [g("label", {
+					class: "c-label",
+					for: `df-${e.key}`
+				}, w(e.label ?? e.key), 9, D), _(t, {
+					ref_for: !0,
+					ref: (t) => L(e.key, t),
+					id: `df-${e.key}`,
+					"model-value": F.value[e.key] ?? null,
+					config: R(e),
+					"onUpdate:modelValue": (t) => B(e, t)
+				}, null, 8, [
+					"id",
+					"model-value",
+					"config",
+					"onUpdate:modelValue"
+				])], 64)) : e.type === "daterange" || e.type === "datetimerange" ? (x(), h(d, { key: 4 }, [g("span", O, w(e.label ?? e.key), 1), _(i, {
+					ref_for: !0,
+					ref: (t) => L(e.key, t),
+					"model-value": F.value[e.key] ?? null,
+					config: z(e),
+					"onUpdate:modelValue": (t) => B(e, t)
+				}, null, 8, [
+					"model-value",
+					"config",
+					"onUpdate:modelValue"
+				])], 64)) : e.type === "dropdown" ? (x(), h(d, { key: 5 }, [g("span", k, w(e.label ?? e.key), 1), _(a, {
+					ref_for: !0,
+					ref: (t) => L(e.key, t),
+					"model-value": F.value[e.key] ?? null,
+					options: e.options ?? [],
+					config: {
+						...e.config ?? {},
+						placeholder: e.placeholder ?? "Válassz...",
+						clearable: !0,
+						filterable: !0
+					},
+					onFilterInput: (t) => X(e, t),
+					"onUpdate:modelValue": (t) => B(e, t)
+				}, null, 8, [
+					"model-value",
+					"options",
+					"config",
+					"onFilterInput",
+					"onUpdate:modelValue"
+				])], 64)) : m("", !0)], 2))), 128))], 32),
+				g("div", A, [_(e, {
+					icon: "fa-solid fa-trash-can",
+					disabled: !V.value,
+					label: "Szűrők törlése",
+					"aria-label": "Szűrők törlése",
+					size: "small",
+					onClick: G
+				}, null, 8, ["disabled"]), _(e, {
+					label: "Szűrés",
+					"aria-label": "Szűrés",
+					type: "success",
+					onClick: W
+				})]),
+				v.historyEnabled ? (x(), h(d, { key: 0 }, [c[1] ||= g("hr", { class: "separator my-3" }, null, -1), _(u, {
+					items: v.items,
+					values: F.value,
+					"storage-key": v.storageKey,
+					onLoad: J
+				}, null, 8, [
+					"items",
+					"values",
+					"storage-key"
+				])], 64)) : m("", !0)
+			]),
+			_: 1
+		}, 8, ["open", "position"]));
+	}
+});
 //#endregion
-export { t as default };
+export { j as default };

package/dist/admins-components84.js.map

@@ -1 +1 @@
-{"version":3,"file":"admins-components84.js","names":[],"sources":["../src/components/data-table/DataFilters.vue"],"sourcesContent":["<script lang=\"ts\">\nimport type { DropdownOption } from '@/components/DropdownSelect.vue'\n\nexport interface FilterItem {\n  type: FilterItemType\n  key: string\n  label?: string\n  placeholder?: string\n  value?: any\n  options?: DropdownOption[]\n  fullWidth?: boolean\n  config?: Record<string, any>\n  displayClass?: string\n  transformer?: (value: any) => Record<string, any> | null | undefined\n  dropdownFilterCallback?: (value: string) => void\n}\n\nexport interface FilterResponse {\n  values: Record<string, any>\n  transformed: Record<string, any>\n}\n\nexport interface DataFiltersProps {\n  items: FilterItem[]\n  open?: boolean\n  position?: SidebarPosition\n  lazy?: boolean\n  handleUrl?: boolean\n  historyEnabled?: boolean\n  storageKey?: string\n}\n\n\n</script>\n\n<script setup lang=\"ts\">\nimport { computed, ref } from 'vue'\nimport Sidebar, { type SidebarPosition } from '@/components/Sidebar.vue'\nimport DatePicker from '@/components/DatePicker.vue'\nimport DateRangePicker from '@/components/DateRangePicker.vue'\nimport DropdownSelect from '@/components/DropdownSelect.vue'\nimport TextInput, { type TextInputType } from '@/components/TextInput.vue'\nimport Button from '@/components/Button.vue'\nimport Checkbox from '@/components/Checkbox.vue'\nimport FiltersHistory from '@/components/data-table/FiltersHistory.vue'\nimport type { DatePickerConfig, DateRangePickerConfig } from '@/types/datepickers'\nimport type { FilterItemType, PickedDate, PickedUtcRange } from '@/types/types'\nimport {\n  filterEmptyValues,\n  getDefaultFilters,\n  writeFilterParams,\n} from '@/utils/dataFilters'\n\nconst props = withDefaults(defineProps<DataFiltersProps>(), {\n  open: false,\n  position: 'left',\n  lazy: true,\n  handleUrl: false,\n  historyEnabled: true,\n})\n\nconst emit = defineEmits<{\n  close: []\n  change: [response: FilterResponse]\n}>()\n\nconst values = ref<Record<string, any>>(getDefaultFilters(props.items, props.storageKey, false))\nconst filterRefs = ref<Record<string, any>>({})\n\nfunction setFilterRef(key: string, el: any) {\n  if (el) filterRefs.value[key] = el\n  else delete filterRefs.value[key]\n}\n\nfunction buildDatePickerConfig(item: FilterItem): DatePickerConfig {\n  return {\n    ...(item.config ?? {}),\n    showTime: item.type === 'datetime',\n    placeholder: item.placeholder ?? (item.type === 'datetime' ? 'Időpont' : 'Dátum'),\n  }\n}\n\nfunction buildDateRangePickerConfig(item: FilterItem): DateRangePickerConfig {\n  return {\n    ...(item.config ?? {}),\n    ...(!item.fullWidth ? { compact: true } : {}),\n    showTime: item.type === 'datetimerange',\n  }\n}\n\nfunction update(key: string, value: any) {\n  values.value = { ...values.value, [key]: value }\n  if (!props.lazy) emitChange()\n}\n\nconst hasActiveFilters = computed(() =>\n  Object.values(values.value).some((v) => v !== null && v !== '' && v !== undefined),\n)\n\nfunction buildResponse(): FilterResponse {\n  const transformed: Record<string, any> = {}\n  for (const item of props.items) {\n    if (item.type === 'separator') continue\n    const val = values.value[item.key]\n    if (item.transformer) Object.assign(transformed, item.transformer(val) ?? {})\n    else transformed[item.key] = val\n  }\n  return { values: filterEmptyValues(values.value), transformed: filterEmptyValues(transformed) }\n}\n\nfunction emitChange() {\n  if (props.handleUrl) writeFilterParams(props.items, values.value)\n  emit('change', buildResponse())\n}\n\nfunction confirm() {\n  emitChange()\n  emit('close')\n}\n\nfunction clearAll() {\n  values.value = {}\n  emitChange()\n}\n\nfunction clearFilter(key: string) {\n  values.value = { ...values.value, [key]: null }\n  emitChange()\n}\n\nfunction focusFilter(key: string) {\n  const el = (filterRefs.value as Record<string, any>)[key]\n  if (!el) return\n\n  if (typeof el.focusAndOpen === 'function') el.focusAndOpen()\n  else if (typeof el.focus === 'function') el.focus()\n}\n\nfunction onHistoryLoad(loaded: Record<string, any>) {\n  const next: Record<string, any> = { ...values.value }\n  for (const item of props.items) {\n    if (item.type === 'separator') continue\n    if (item.key in loaded) next[item.key] = loaded[item.key] ?? null\n  }\n  values.value = next\n  emitChange()\n}\n\ndefineExpose({ clearFilter, focusFilter })\n\nfunction handleFilterKeydown(event: KeyboardEvent) {\n  if (event.key !== 'Enter') return\n\n  // Allow Enter in textarea for line breaks\n  const target = event.target as HTMLElement\n  if (target?.tagName === 'TEXTAREA') return\n\n  event.preventDefault()\n  confirm()\n}\n\nfunction handleDropdownFilterInput(item: FilterItem, text: string) {\n  if (item.dropdownFilterCallback) item.dropdownFilterCallback(text)\n}\n</script>\n\n<template>\n  <Sidebar :open=\"open\" title=\"Szűrők\" :position=\"position\" @close=\"emit('close')\">\n    <div class=\"data-filters\" @keydown=\"handleFilterKeydown\">\n      <div\n        v-for=\"item in items\"\n        :key=\"item.key\"\n        class=\"data-filters__field\"\n        :class=\"{ 'data-filters__field--full': item.fullWidth || item.type === 'separator' }\"\n      >\n        <hr v-if=\"item.type === 'separator'\" class=\"data-filters__separator\" />\n        <template v-else-if=\"item.type === 'checkbox'\">\n          <Checkbox\n            :ref=\"(el: any) => setFilterRef(item.key, el)\"\n            :model-value=\"(values[item.key] as boolean) ?? false\"\n            :label=\"item.label ?? item.key\"\n            @update:model-value=\"(val) => update(item.key, val)\"\n            v-bind=\"item.config\"\n          />\n        </template>\n        <template v-else-if=\"['text', 'number', 'textarea'].includes(item.type)\">\n          <TextInput\n            :type=\"item.type as TextInputType\"\n            :ref=\"(el: any) => setFilterRef(item.key, el)\"\n            :id=\"`df-${item.key}`\"\n            :model-value=\"(values[item.key] as string) ?? ''\"\n            :label=\"item.label ?? item.key\"\n            :placeholder=\"item.placeholder\"\n            @update:model-value=\"(val) => update(item.key, val || null)\"\n            v-bind=\"item.config\"\n          />\n        </template>\n        <template v-else-if=\"item.type === 'date' || item.type === 'datetime'\">\n          <label class=\"c-label\" :for=\"`df-${item.key}`\">{{ item.label ?? item.key }}</label>\n          <DatePicker\n            :ref=\"(el: any) => setFilterRef(item.key, el)\"\n            :id=\"`df-${item.key}`\"\n            :model-value=\"(values[item.key] as PickedDate) ?? null\"\n            :config=\"buildDatePickerConfig(item)\"\n            @update:model-value=\"update(item.key, $event)\"\n          />\n        </template>\n        <template v-else-if=\"item.type === 'daterange' || item.type === 'datetimerange'\">\n          <span class=\"c-label\">{{ item.label ?? item.key }}</span>\n          <DateRangePicker\n            :ref=\"(el: any) => setFilterRef(item.key, el)\"\n            :model-value=\"(values[item.key] as PickedUtcRange) ?? null\"\n            :config=\"buildDateRangePickerConfig(item)\"\n            @update:model-value=\"update(item.key, $event)\"\n          />\n        </template>\n        <template v-else-if=\"item.type === 'dropdown'\">\n          <span class=\"c-label\">{{ item.label ?? item.key }}</span>\n          <DropdownSelect\n            :ref=\"(el: any) => setFilterRef(item.key, el)\"\n            :model-value=\"(values[item.key] as string) ?? null\"\n            :options=\"item.options ?? []\"\n            :config=\"{\n              ...(item.config ?? {}),\n              placeholder: item.placeholder ?? 'Válassz...',\n              clearable: true,\n              filterable: true,\n            }\"\n            @filter-input=\"handleDropdownFilterInput(item, $event)\"\n            @update:model-value=\"update(item.key, $event)\"\n          />\n        </template>\n      </div>\n    </div>\n    <div class=\"data-filters__footer\">\n      <Button\n        icon=\"fa-solid fa-trash-can\"\n        :disabled=\"!hasActiveFilters\"\n        label=\"Szűrők törlése\"\n        aria-label=\"Szűrők törlése\"\n        size=\"small\"\n        @click=\"clearAll\"\n      />\n      <Button label=\"Szűrés\" aria-label=\"Szűrés\" type=\"success\" @click=\"confirm\" />\n    </div>\n    <template v-if=\"historyEnabled\">\n      <hr class=\"separator my-3\" />\n      <FiltersHistory\n        :items=\"items\"\n        :values=\"values\"\n        :storage-key=\"storageKey\"\n        @load=\"onHistoryLoad\"\n      />\n    </template>\n  </Sidebar>\n</template>\n\n<style lang=\"scss\" src=\"@/styles/components/data-table/data-filters.scss\"></style>\n"],"mappings":""}
+{"version":3,"file":"admins-components84.js","names":[],"sources":["../src/components/data-table/DataFilters.vue"],"sourcesContent":["<script lang=\"ts\">\nimport type { DropdownOption } from '@/components/DropdownSelect.vue'\n\nexport interface FilterItem {\n  type: FilterItemType\n  key: string\n  label?: string\n  placeholder?: string\n  value?: any\n  options?: DropdownOption[]\n  fullWidth?: boolean\n  config?: Record<string, any>\n  displayClass?: string\n  transformer?: (value: any) => Record<string, any> | null | undefined\n  onInnerSearch?: (value: string) => void\n  onChange?: (value: any) => void\n}\n\nexport interface FilterResponse {\n  values: Record<string, any>\n  transformed: Record<string, any>\n}\n\nexport interface DataFiltersProps {\n  items: FilterItem[]\n  open?: boolean\n  position?: SidebarPosition\n  lazy?: boolean\n  handleUrl?: boolean\n  historyEnabled?: boolean\n  storageKey?: string\n}\n</script>\n\n<script setup lang=\"ts\">\nimport { computed, ref } from 'vue'\nimport Sidebar, { type SidebarPosition } from '@/components/Sidebar.vue'\nimport DatePicker from '@/components/DatePicker.vue'\nimport DateRangePicker from '@/components/DateRangePicker.vue'\nimport DropdownSelect from '@/components/DropdownSelect.vue'\nimport TextInput, { type TextInputType } from '@/components/TextInput.vue'\nimport Button from '@/components/Button.vue'\nimport Checkbox from '@/components/Checkbox.vue'\nimport FiltersHistory from '@/components/data-table/FiltersHistory.vue'\nimport type { DatePickerConfig, DateRangePickerConfig } from '@/types/datepickers'\nimport type { FilterItemType, PickedDate, PickedUtcRange } from '@/types/types'\nimport { filterEmptyValues, getDefaultFilters, writeFilterParams } from '@/utils/dataFilters'\n\nconst props = withDefaults(defineProps<DataFiltersProps>(), {\n  open: false,\n  position: 'left',\n  lazy: true,\n  handleUrl: false,\n  historyEnabled: true,\n})\n\nconst emit = defineEmits<{\n  close: []\n  change: [response: FilterResponse]\n}>()\n\nconst values = ref<Record<string, any>>(getDefaultFilters(props.items, props.storageKey, false))\nconst filterRefs = ref<Record<string, any>>({})\n\nfunction setFilterRef(key: string, el: any) {\n  if (el) filterRefs.value[key] = el\n  else delete filterRefs.value[key]\n}\n\nfunction buildDatePickerConfig(item: FilterItem): DatePickerConfig {\n  return {\n    ...(item.config ?? {}),\n    showTime: item.type === 'datetime',\n    placeholder: item.placeholder ?? (item.type === 'datetime' ? 'Időpont' : 'Dátum'),\n  }\n}\n\nfunction buildDateRangePickerConfig(item: FilterItem): DateRangePickerConfig {\n  return {\n    ...(item.config ?? {}),\n    ...(!item.fullWidth ? { compact: true } : {}),\n    showTime: item.type === 'datetimerange',\n  }\n}\n\nfunction update(item: FilterItem, value: any) {\n  values.value = { ...values.value, [item.key]: value }\n  if (item.onChange) item.onChange(value)\n  if (!props.lazy) emitChange()\n}\n\nconst hasActiveFilters = computed(() =>\n  Object.values(values.value).some((v) => v !== null && v !== '' && v !== undefined),\n)\n\nfunction buildResponse(): FilterResponse {\n  const transformed: Record<string, any> = {}\n  for (const item of props.items) {\n    if (item.type === 'separator') continue\n    const val = values.value[item.key]\n    if (item.transformer) Object.assign(transformed, item.transformer(val) ?? {})\n    else transformed[item.key] = val\n  }\n  return { values: filterEmptyValues(values.value), transformed: filterEmptyValues(transformed) }\n}\n\nfunction emitChange() {\n  if (props.handleUrl) writeFilterParams(props.items, values.value)\n  emit('change', buildResponse())\n}\n\nfunction confirm() {\n  emitChange()\n  emit('close')\n}\n\nfunction clearAll() {\n  values.value = {}\n  emitChange()\n}\n\nfunction clearFilter(key: string) {\n  values.value = { ...values.value, [key]: null }\n  emitChange()\n}\n\nfunction focusFilter(key: string) {\n  const el = (filterRefs.value as Record<string, any>)[key]\n  if (!el) return\n\n  if (typeof el.focusAndOpen === 'function') el.focusAndOpen()\n  else if (typeof el.focus === 'function') el.focus()\n}\n\nfunction onHistoryLoad(loaded: Record<string, any>) {\n  const next: Record<string, any> = { ...values.value }\n  for (const item of props.items) {\n    if (item.type === 'separator') continue\n    if (item.key in loaded) next[item.key] = loaded[item.key] ?? null\n  }\n  values.value = next\n  emitChange()\n}\n\ndefineExpose({ clearFilter, focusFilter })\n\nfunction handleFilterKeydown(event: KeyboardEvent) {\n  if (event.key !== 'Enter') return\n\n  // Allow Enter in textarea for line breaks\n  const target = event.target as HTMLElement\n  if (target?.tagName === 'TEXTAREA') return\n\n  event.preventDefault()\n  confirm()\n}\n\nfunction handleDropdownFilterInput(item: FilterItem, text: string) {\n  if (item.onInnerSearch) item.onInnerSearch(text)\n}\n</script>\n\n<template>\n  <Sidebar :open=\"open\" title=\"Szűrők\" :position=\"position\" @close=\"emit('close')\">\n    <div class=\"data-filters\" @keydown=\"handleFilterKeydown\">\n      <div\n        v-for=\"item in items\"\n        :key=\"item.key\"\n        class=\"data-filters__field\"\n        :class=\"{ 'data-filters__field--full': item.fullWidth || item.type === 'separator' }\"\n      >\n        <hr v-if=\"item.type === 'separator'\" class=\"data-filters__separator\" />\n        <template v-else-if=\"item.type === 'checkbox'\">\n          <Checkbox\n            :ref=\"(el: any) => setFilterRef(item.key, el)\"\n            :model-value=\"(values[item.key] as boolean) ?? false\"\n            :label=\"item.label ?? item.key\"\n            @update:model-value=\"(val) => update(item, val)\"\n            v-bind=\"item.config\"\n          />\n        </template>\n        <template v-else-if=\"['text', 'number', 'textarea'].includes(item.type)\">\n          <TextInput\n            :type=\"item.type as TextInputType\"\n            :ref=\"(el: any) => setFilterRef(item.key, el)\"\n            :id=\"`df-${item.key}`\"\n            :model-value=\"(values[item.key] as string) ?? ''\"\n            :label=\"item.label ?? item.key\"\n            :placeholder=\"item.placeholder\"\n            @update:model-value=\"(val) => update(item, val || null)\"\n            v-bind=\"item.config\"\n          />\n        </template>\n        <template v-else-if=\"item.type === 'date' || item.type === 'datetime'\">\n          <label class=\"c-label\" :for=\"`df-${item.key}`\">{{ item.label ?? item.key }}</label>\n          <DatePicker\n            :ref=\"(el: any) => setFilterRef(item.key, el)\"\n            :id=\"`df-${item.key}`\"\n            :model-value=\"(values[item.key] as PickedDate) ?? null\"\n            :config=\"buildDatePickerConfig(item)\"\n            @update:model-value=\"(val) => update(item, val)\"\n          />\n        </template>\n        <template v-else-if=\"item.type === 'daterange' || item.type === 'datetimerange'\">\n          <span class=\"c-label\">{{ item.label ?? item.key }}</span>\n          <DateRangePicker\n            :ref=\"(el: any) => setFilterRef(item.key, el)\"\n            :model-value=\"(values[item.key] as PickedUtcRange) ?? null\"\n            :config=\"buildDateRangePickerConfig(item)\"\n            @update:model-value=\"(val) => update(item, val)\"\n          />\n        </template>\n        <template v-else-if=\"item.type === 'dropdown'\">\n          <span class=\"c-label\">{{ item.label ?? item.key }}</span>\n          <DropdownSelect\n            :ref=\"(el: any) => setFilterRef(item.key, el)\"\n            :model-value=\"(values[item.key] as string) ?? null\"\n            :options=\"item.options ?? []\"\n            :config=\"{\n              ...(item.config ?? {}),\n              placeholder: item.placeholder ?? 'Válassz...',\n              clearable: true,\n              filterable: true,\n            }\"\n            @filter-input=\"handleDropdownFilterInput(item, $event)\"\n            @update:model-value=\"(val) => update(item, val)\"\n          />\n        </template>\n      </div>\n    </div>\n    <div class=\"data-filters__footer\">\n      <Button\n        icon=\"fa-solid fa-trash-can\"\n        :disabled=\"!hasActiveFilters\"\n        label=\"Szűrők törlése\"\n        aria-label=\"Szűrők törlése\"\n        size=\"small\"\n        @click=\"clearAll\"\n      />\n      <Button label=\"Szűrés\" aria-label=\"Szűrés\" type=\"success\" @click=\"confirm\" />\n    </div>\n    <template v-if=\"historyEnabled\">\n      <hr class=\"separator my-3\" />\n      <FiltersHistory\n        :items=\"items\"\n        :values=\"values\"\n        :storage-key=\"storageKey\"\n        @load=\"onHistoryLoad\"\n      />\n    </template>\n  </Sidebar>\n</template>\n\n<style lang=\"scss\" src=\"@/styles/components/data-table/data-filters.scss\"></style>\n"],"mappings":"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"}

package/dist/admins-components86.js

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

package/dist/admins-components86.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"admins-components86.js","names":[],"sources":["../src/components/data-table/DataFilters.vue"],"sourcesContent":["<script lang=\"ts\">\nimport type { DropdownOption } from '@/components/DropdownSelect.vue'\n\nexport interface FilterItem {\n  type: FilterItemType\n  key: string\n  label?: string\n  placeholder?: string\n  value?: any\n  options?: DropdownOption[]\n  fullWidth?: boolean\n  config?: Record<string, any>\n  displayClass?: string\n  transformer?: (value: any) => Record<string, any> | null | undefined\n  onInnerSearch?: (value: string) => void\n  onChange?: (value: any) => void\n}\n\nexport interface FilterResponse {\n  values: Record<string, any>\n  transformed: Record<string, any>\n}\n\nexport interface DataFiltersProps {\n  items: FilterItem[]\n  open?: boolean\n  position?: SidebarPosition\n  lazy?: boolean\n  handleUrl?: boolean\n  historyEnabled?: boolean\n  storageKey?: string\n}\n</script>\n\n<script setup lang=\"ts\">\nimport { computed, ref } from 'vue'\nimport Sidebar, { type SidebarPosition } from '@/components/Sidebar.vue'\nimport DatePicker from '@/components/DatePicker.vue'\nimport DateRangePicker from '@/components/DateRangePicker.vue'\nimport DropdownSelect from '@/components/DropdownSelect.vue'\nimport TextInput, { type TextInputType } from '@/components/TextInput.vue'\nimport Button from '@/components/Button.vue'\nimport Checkbox from '@/components/Checkbox.vue'\nimport FiltersHistory from '@/components/data-table/FiltersHistory.vue'\nimport type { DatePickerConfig, DateRangePickerConfig } from '@/types/datepickers'\nimport type { FilterItemType, PickedDate, PickedUtcRange } from '@/types/types'\nimport { filterEmptyValues, getDefaultFilters, writeFilterParams } from '@/utils/dataFilters'\n\nconst props = withDefaults(defineProps<DataFiltersProps>(), {\n  open: false,\n  position: 'left',\n  lazy: true,\n  handleUrl: false,\n  historyEnabled: true,\n})\n\nconst emit = defineEmits<{\n  close: []\n  change: [response: FilterResponse]\n}>()\n\nconst values = ref<Record<string, any>>(getDefaultFilters(props.items, props.storageKey, false))\nconst filterRefs = ref<Record<string, any>>({})\n\nfunction setFilterRef(key: string, el: any) {\n  if (el) filterRefs.value[key] = el\n  else delete filterRefs.value[key]\n}\n\nfunction buildDatePickerConfig(item: FilterItem): DatePickerConfig {\n  return {\n    ...(item.config ?? {}),\n    showTime: item.type === 'datetime',\n    placeholder: item.placeholder ?? (item.type === 'datetime' ? 'Időpont' : 'Dátum'),\n  }\n}\n\nfunction buildDateRangePickerConfig(item: FilterItem): DateRangePickerConfig {\n  return {\n    ...(item.config ?? {}),\n    ...(!item.fullWidth ? { compact: true } : {}),\n    showTime: item.type === 'datetimerange',\n  }\n}\n\nfunction update(item: FilterItem, value: any) {\n  values.value = { ...values.value, [item.key]: value }\n  if (item.onChange) item.onChange(value)\n  if (!props.lazy) emitChange()\n}\n\nconst hasActiveFilters = computed(() =>\n  Object.values(values.value).some((v) => v !== null && v !== '' && v !== undefined),\n)\n\nfunction buildResponse(): FilterResponse {\n  const transformed: Record<string, any> = {}\n  for (const item of props.items) {\n    if (item.type === 'separator') continue\n    const val = values.value[item.key]\n    if (item.transformer) Object.assign(transformed, item.transformer(val) ?? {})\n    else transformed[item.key] = val\n  }\n  return { values: filterEmptyValues(values.value), transformed: filterEmptyValues(transformed) }\n}\n\nfunction emitChange() {\n  if (props.handleUrl) writeFilterParams(props.items, values.value)\n  emit('change', buildResponse())\n}\n\nfunction confirm() {\n  emitChange()\n  emit('close')\n}\n\nfunction clearAll() {\n  values.value = {}\n  emitChange()\n}\n\nfunction clearFilter(key: string) {\n  values.value = { ...values.value, [key]: null }\n  emitChange()\n}\n\nfunction focusFilter(key: string) {\n  const el = (filterRefs.value as Record<string, any>)[key]\n  if (!el) return\n\n  if (typeof el.focusAndOpen === 'function') el.focusAndOpen()\n  else if (typeof el.focus === 'function') el.focus()\n}\n\nfunction onHistoryLoad(loaded: Record<string, any>) {\n  const next: Record<string, any> = { ...values.value }\n  for (const item of props.items) {\n    if (item.type === 'separator') continue\n    if (item.key in loaded) next[item.key] = loaded[item.key] ?? null\n  }\n  values.value = next\n  emitChange()\n}\n\ndefineExpose({ clearFilter, focusFilter })\n\nfunction handleFilterKeydown(event: KeyboardEvent) {\n  if (event.key !== 'Enter') return\n\n  // Allow Enter in textarea for line breaks\n  const target = event.target as HTMLElement\n  if (target?.tagName === 'TEXTAREA') return\n\n  event.preventDefault()\n  confirm()\n}\n\nfunction handleDropdownFilterInput(item: FilterItem, text: string) {\n  if (item.onInnerSearch) item.onInnerSearch(text)\n}\n</script>\n\n<template>\n  <Sidebar :open=\"open\" title=\"Szűrők\" :position=\"position\" @close=\"emit('close')\">\n    <div class=\"data-filters\" @keydown=\"handleFilterKeydown\">\n      <div\n        v-for=\"item in items\"\n        :key=\"item.key\"\n        class=\"data-filters__field\"\n        :class=\"{ 'data-filters__field--full': item.fullWidth || item.type === 'separator' }\"\n      >\n        <hr v-if=\"item.type === 'separator'\" class=\"data-filters__separator\" />\n        <template v-else-if=\"item.type === 'checkbox'\">\n          <Checkbox\n            :ref=\"(el: any) => setFilterRef(item.key, el)\"\n            :model-value=\"(values[item.key] as boolean) ?? false\"\n            :label=\"item.label ?? item.key\"\n            @update:model-value=\"(val) => update(item, val)\"\n            v-bind=\"item.config\"\n          />\n        </template>\n        <template v-else-if=\"['text', 'number', 'textarea'].includes(item.type)\">\n          <TextInput\n            :type=\"item.type as TextInputType\"\n            :ref=\"(el: any) => setFilterRef(item.key, el)\"\n            :id=\"`df-${item.key}`\"\n            :model-value=\"(values[item.key] as string) ?? ''\"\n            :label=\"item.label ?? item.key\"\n            :placeholder=\"item.placeholder\"\n            @update:model-value=\"(val) => update(item, val || null)\"\n            v-bind=\"item.config\"\n          />\n        </template>\n        <template v-else-if=\"item.type === 'date' || item.type === 'datetime'\">\n          <label class=\"c-label\" :for=\"`df-${item.key}`\">{{ item.label ?? item.key }}</label>\n          <DatePicker\n            :ref=\"(el: any) => setFilterRef(item.key, el)\"\n            :id=\"`df-${item.key}`\"\n            :model-value=\"(values[item.key] as PickedDate) ?? null\"\n            :config=\"buildDatePickerConfig(item)\"\n            @update:model-value=\"(val) => update(item, val)\"\n          />\n        </template>\n        <template v-else-if=\"item.type === 'daterange' || item.type === 'datetimerange'\">\n          <span class=\"c-label\">{{ item.label ?? item.key }}</span>\n          <DateRangePicker\n            :ref=\"(el: any) => setFilterRef(item.key, el)\"\n            :model-value=\"(values[item.key] as PickedUtcRange) ?? null\"\n            :config=\"buildDateRangePickerConfig(item)\"\n            @update:model-value=\"(val) => update(item, val)\"\n          />\n        </template>\n        <template v-else-if=\"item.type === 'dropdown'\">\n          <span class=\"c-label\">{{ item.label ?? item.key }}</span>\n          <DropdownSelect\n            :ref=\"(el: any) => setFilterRef(item.key, el)\"\n            :model-value=\"(values[item.key] as string) ?? null\"\n            :options=\"item.options ?? []\"\n            :config=\"{\n              ...(item.config ?? {}),\n              placeholder: item.placeholder ?? 'Válassz...',\n              clearable: true,\n              filterable: true,\n            }\"\n            @filter-input=\"handleDropdownFilterInput(item, $event)\"\n            @update:model-value=\"(val) => update(item, val)\"\n          />\n        </template>\n      </div>\n    </div>\n    <div class=\"data-filters__footer\">\n      <Button\n        icon=\"fa-solid fa-trash-can\"\n        :disabled=\"!hasActiveFilters\"\n        label=\"Szűrők törlése\"\n        aria-label=\"Szűrők törlése\"\n        size=\"small\"\n        @click=\"clearAll\"\n      />\n      <Button label=\"Szűrés\" aria-label=\"Szűrés\" type=\"success\" @click=\"confirm\" />\n    </div>\n    <template v-if=\"historyEnabled\">\n      <hr class=\"separator my-3\" />\n      <FiltersHistory\n        :items=\"items\"\n        :values=\"values\"\n        :storage-key=\"storageKey\"\n        @load=\"onHistoryLoad\"\n      />\n    </template>\n  </Sidebar>\n</template>\n\n<style lang=\"scss\" src=\"@/styles/components/data-table/data-filters.scss\"></style>\n"],"mappings":""}

package/dist/admins-components87.js

@@ -1,7 +1,38 @@
-import './src/styles/components/data-table/filter-tags.scss_vue_type_style_index_0_src_true_lang.css';
-import e from "./admins-components85.js";
-/* empty css                    */
-//#region src/components/data-table/FilterTags.vue
-var t = e;
+import { displayFilterValue as e } from "./admins-components79.js";
+import { Fragment as t, createCommentVNode as n, createElementBlock as r, createElementVNode as i, defineComponent as a, normalizeClass as o, openBlock as s, renderList as c, toDisplayString as l, unref as u } from "vue";
+//#region src/components/data-table/FilterTags.vue?vue&type=script&setup=true&lang.ts
+var d = { class: "filter-tags ac-component gap-1" }, f = ["onClick"], p = { class: "filter-tags__key" }, m = ["title"], h = ["onClick"], g = /* @__PURE__ */ a({
+	__name: "FilterTags",
+	props: {
+		filters: {},
+		items: {},
+		itemClass: {}
+	},
+	emits: ["remove", "openFilter"],
+	setup(a, { emit: g }) {
+		let _ = a, v = g;
+		function y(e) {
+			return _.items.find((t) => t.key === e);
+		}
+		function b(e) {
+			return y(e)?.label ?? e;
+		}
+		return (g, _) => (s(), r("div", d, [(s(!0), r(t, null, c(a.filters, (c, d) => (s(), r(t, { key: d }, [c != null && c !== "" ? (s(), r("span", {
+			key: 0,
+			class: o(["filter-tags__tag c-chip", [a.itemClass, y(d)?.displayClass]])
+		}, [i("span", {
+			class: "filter-tags__content align-center-fix",
+			onClick: (e) => v("openFilter", String(d))
+		}, [i("span", p, l(b(String(d))) + ":", 1), i("span", {
+			class: "filter-tags__value",
+			title: u(e)(a.items, String(d), c)
+		}, l(u(e)(a.items, String(d), c)), 9, m)], 8, f), i("button", {
+			type: "button",
+			class: "filter-tags__remove",
+			onClick: (e) => v("remove", String(d)),
+			"aria-label": "Remove filter"
+		}, [..._[0] ||= [i("i", { class: "fa-solid fa-fw fa-xmark" }, null, -1)]], 8, h)], 2)) : n("", !0)], 64))), 128))]));
+	}
+});
 //#endregion
-export { t as default };
+export { g as default };

package/dist/admins-components87.js.map

@@ -1 +1 @@
-{"version":3,"file":"admins-components87.js","names":[],"sources":["../src/components/data-table/FilterTags.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { FilterItem } from '@/components/data-table/DataFilters.vue'\nimport { displayFilterValue } from '@/utils/filterDisplay'\n\nconst props = defineProps<{\n  filters: Record<string, any>\n  items: FilterItem[]\n  itemClass?: string\n}>()\nconst emit = defineEmits<{\n  remove: [key: string]\n  openFilter: [key: string]\n}>()\n\nfunction getFilterItem(key: string): FilterItem | undefined {\n  return props.items.find((i) => i.key === key)\n}\n\nfunction getLabel(key: string): string {\n  return getFilterItem(key)?.label ?? key\n}\n</script>\n\n<template>\n  <div class=\"filter-tags ac-component gap-1\">\n    <template v-for=\"(value, key) in filters\" :key=\"key\">\n      <span\n        v-if=\"value != null && value !== ''\"\n        class=\"filter-tags__tag c-chip\"\n        :class=\"[itemClass, getFilterItem(key)?.displayClass]\"\n      >\n        <span\n          class=\"filter-tags__content align-center-fix\"\n          @click=\"emit('openFilter', String(key))\"\n        >\n          <span class=\"filter-tags__key\">{{ getLabel(String(key)) }}:</span>\n          <span class=\"filter-tags__value\" :title=\"displayFilterValue(items, String(key), value)\">{{\n            displayFilterValue(items, String(key), value)\n          }}</span>\n        </span>\n\n        <button\n          type=\"button\"\n          class=\"filter-tags__remove\"\n          @click=\"emit('remove', String(key))\"\n          aria-label=\"Remove filter\"\n        >\n          <i class=\"fa-solid fa-fw fa-xmark\"></i>\n        </button>\n      </span>\n    </template>\n  </div>\n</template>\n\n<style lang=\"scss\" src=\"@/styles/components/data-table/filter-tags.scss\"></style>\n"],"mappings":""}
+{"version":3,"file":"admins-components87.js","names":[],"sources":["../src/components/data-table/FilterTags.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { FilterItem } from '@/components/data-table/DataFilters.vue'\nimport { displayFilterValue } from '@/utils/filterDisplay'\n\nconst props = defineProps<{\n  filters: Record<string, any>\n  items: FilterItem[]\n  itemClass?: string\n}>()\nconst emit = defineEmits<{\n  remove: [key: string]\n  openFilter: [key: string]\n}>()\n\nfunction getFilterItem(key: string): FilterItem | undefined {\n  return props.items.find((i) => i.key === key)\n}\n\nfunction getLabel(key: string): string {\n  return getFilterItem(key)?.label ?? key\n}\n</script>\n\n<template>\n  <div class=\"filter-tags ac-component gap-1\">\n    <template v-for=\"(value, key) in filters\" :key=\"key\">\n      <span\n        v-if=\"value != null && value !== ''\"\n        class=\"filter-tags__tag c-chip\"\n        :class=\"[itemClass, getFilterItem(key)?.displayClass]\"\n      >\n        <span\n          class=\"filter-tags__content align-center-fix\"\n          @click=\"emit('openFilter', String(key))\"\n        >\n          <span class=\"filter-tags__key\">{{ getLabel(String(key)) }}:</span>\n          <span class=\"filter-tags__value\" :title=\"displayFilterValue(items, String(key), value)\">{{\n            displayFilterValue(items, String(key), value)\n          }}</span>\n        </span>\n\n        <button\n          type=\"button\"\n          class=\"filter-tags__remove\"\n          @click=\"emit('remove', String(key))\"\n          aria-label=\"Remove filter\"\n        >\n          <i class=\"fa-solid fa-fw fa-xmark\"></i>\n        </button>\n      </span>\n    </template>\n  </div>\n</template>\n\n<style lang=\"scss\" src=\"@/styles/components/data-table/filter-tags.scss\"></style>\n"],"mappings":";;;;;;;;;;;;EAIA,IAAM,IAAQ,GAKR,IAAO;EAKb,SAAS,EAAc,GAAqC;GAC1D,OAAO,EAAM,MAAM,MAAM,MAAM,EAAE,QAAQ,CAAG;EAC9C;EAEA,SAAS,EAAS,GAAqB;GACrC,OAAO,EAAc,CAAG,GAAG,SAAS;EACtC;yBAIE,EA2BM,OA3BN,GA2BM,EAAA,EAAA,EAAA,GA1BJ,EAyBW,GAAA,MAAA,EAzBsB,EAAA,UAAf,GAAO,mBAAuB,OAAG,GAAA,CAEzC,KAAK,QAAY,MAAK,MAAA,EAAA,GAD9B,EAuBO,QAAA;;GArBL,OAAK,EAAA,CAAC,2BAAyB,CACtB,EAAA,WAAW,EAAc,CAAG,GAAG,YAAY,CAAA,CAAA;MAEpD,EAQO,QAAA;GAPL,OAAM;GACL,UAAK,MAAE,EAAI,cAAe,OAAO,CAAG,CAAA;MAErC,EAAkE,QAAlE,GAAkE,EAAhC,EAAS,OAAO,CAAG,CAAA,CAAA,IAAK,KAAC,CAAA,GAC3D,EAES,QAAA;GAFH,OAAM;GAAsB,OAAO,EAAA,CAAA,EAAmB,EAAA,OAAO,OAAO,CAAG,GAAG,CAAK;OACnF,EAAA,CAAA,EAAmB,EAAA,OAAO,OAAO,CAAG,GAAG,CAAK,CAAA,GAAA,GAAA,CAAA,CAAA,GAAA,GAAA,CAAA,GAIhD,EAOS,UAAA;GANP,MAAK;GACL,OAAM;GACL,UAAK,MAAE,EAAI,UAAW,OAAO,CAAG,CAAA;GACjC,cAAW;mBAEX,EAAuC,KAAA,EAApC,OAAM,0BAAyB,GAAA,MAAA,EAAA,CAAA,CAAA,GAAA,GAAA,CAAA,CAAA,GAAA,CAAA,KAAA,EAAA,IAAA,EAAA,CAAA,GAAA,EAAA"}

package/dist/admins-components89.js

@@ -0,0 +1,7 @@
+import './src/styles/components/data-table/filter-tags.scss_vue_type_style_index_0_src_true_lang.css';
+import e from "./admins-components87.js";
+/* empty css                    */
+//#region src/components/data-table/FilterTags.vue
+var t = e;
+//#endregion
+export { t as default };

package/dist/{admins-components85.js.map → admins-components89.js.map}

@@ -1 +1 @@
-{"version":3,"file":"admins-components85.js","names":[],"sources":["../src/components/data-table/FilterTags.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { FilterItem } from '@/components/data-table/DataFilters.vue'\nimport { displayFilterValue } from '@/utils/filterDisplay'\n\nconst props = defineProps<{\n  filters: Record<string, any>\n  items: FilterItem[]\n  itemClass?: string\n}>()\nconst emit = defineEmits<{\n  remove: [key: string]\n  openFilter: [key: string]\n}>()\n\nfunction getFilterItem(key: string): FilterItem | undefined {\n  return props.items.find((i) => i.key === key)\n}\n\nfunction getLabel(key: string): string {\n  return getFilterItem(key)?.label ?? key\n}\n</script>\n\n<template>\n  <div class=\"filter-tags ac-component gap-1\">\n    <template v-for=\"(value, key) in filters\" :key=\"key\">\n      <span\n        v-if=\"value != null && value !== ''\"\n        class=\"filter-tags__tag c-chip\"\n        :class=\"[itemClass, getFilterItem(key)?.displayClass]\"\n      >\n        <span\n          class=\"filter-tags__content align-center-fix\"\n          @click=\"emit('openFilter', String(key))\"\n        >\n          <span class=\"filter-tags__key\">{{ getLabel(String(key)) }}:</span>\n          <span class=\"filter-tags__value\" :title=\"displayFilterValue(items, String(key), value)\">{{\n            displayFilterValue(items, String(key), value)\n          }}</span>\n        </span>\n\n        <button\n          type=\"button\"\n          class=\"filter-tags__remove\"\n          @click=\"emit('remove', String(key))\"\n          aria-label=\"Remove filter\"\n        >\n          <i class=\"fa-solid fa-fw fa-xmark\"></i>\n        </button>\n      </span>\n    </template>\n  </div>\n</template>\n\n<style lang=\"scss\" src=\"@/styles/components/data-table/filter-tags.scss\"></style>\n"],"mappings":";;;;;;;;;;;;EAIA,IAAM,IAAQ,GAKR,IAAO;EAKb,SAAS,EAAc,GAAqC;GAC1D,OAAO,EAAM,MAAM,MAAM,MAAM,EAAE,QAAQ,CAAG;EAC9C;EAEA,SAAS,EAAS,GAAqB;GACrC,OAAO,EAAc,CAAG,GAAG,SAAS;EACtC;yBAIE,EA2BM,OA3BN,GA2BM,EAAA,EAAA,EAAA,GA1BJ,EAyBW,GAAA,MAAA,EAzBsB,EAAA,UAAf,GAAO,mBAAuB,OAAG,GAAA,CAEzC,KAAK,QAAY,MAAK,MAAA,EAAA,GAD9B,EAuBO,QAAA;;GArBL,OAAK,EAAA,CAAC,2BAAyB,CACtB,EAAA,WAAW,EAAc,CAAG,GAAG,YAAY,CAAA,CAAA;MAEpD,EAQO,QAAA;GAPL,OAAM;GACL,UAAK,MAAE,EAAI,cAAe,OAAO,CAAG,CAAA;MAErC,EAAkE,QAAlE,GAAkE,EAAhC,EAAS,OAAO,CAAG,CAAA,CAAA,IAAK,KAAC,CAAA,GAC3D,EAES,QAAA;GAFH,OAAM;GAAsB,OAAO,EAAA,CAAA,EAAmB,EAAA,OAAO,OAAO,CAAG,GAAG,CAAK;OACnF,EAAA,CAAA,EAAmB,EAAA,OAAO,OAAO,CAAG,GAAG,CAAK,CAAA,GAAA,GAAA,CAAA,CAAA,GAAA,GAAA,CAAA,GAIhD,EAOS,UAAA;GANP,MAAK;GACL,OAAM;GACL,UAAK,MAAE,EAAI,UAAW,OAAO,CAAG,CAAA;GACjC,cAAW;mBAEX,EAAuC,KAAA,EAApC,OAAM,0BAAyB,GAAA,MAAA,EAAA,CAAA,CAAA,GAAA,GAAA,CAAA,CAAA,GAAA,CAAA,KAAA,EAAA,IAAA,EAAA,CAAA,GAAA,EAAA"}
+{"version":3,"file":"admins-components89.js","names":[],"sources":["../src/components/data-table/FilterTags.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { FilterItem } from '@/components/data-table/DataFilters.vue'\nimport { displayFilterValue } from '@/utils/filterDisplay'\n\nconst props = defineProps<{\n  filters: Record<string, any>\n  items: FilterItem[]\n  itemClass?: string\n}>()\nconst emit = defineEmits<{\n  remove: [key: string]\n  openFilter: [key: string]\n}>()\n\nfunction getFilterItem(key: string): FilterItem | undefined {\n  return props.items.find((i) => i.key === key)\n}\n\nfunction getLabel(key: string): string {\n  return getFilterItem(key)?.label ?? key\n}\n</script>\n\n<template>\n  <div class=\"filter-tags ac-component gap-1\">\n    <template v-for=\"(value, key) in filters\" :key=\"key\">\n      <span\n        v-if=\"value != null && value !== ''\"\n        class=\"filter-tags__tag c-chip\"\n        :class=\"[itemClass, getFilterItem(key)?.displayClass]\"\n      >\n        <span\n          class=\"filter-tags__content align-center-fix\"\n          @click=\"emit('openFilter', String(key))\"\n        >\n          <span class=\"filter-tags__key\">{{ getLabel(String(key)) }}:</span>\n          <span class=\"filter-tags__value\" :title=\"displayFilterValue(items, String(key), value)\">{{\n            displayFilterValue(items, String(key), value)\n          }}</span>\n        </span>\n\n        <button\n          type=\"button\"\n          class=\"filter-tags__remove\"\n          @click=\"emit('remove', String(key))\"\n          aria-label=\"Remove filter\"\n        >\n          <i class=\"fa-solid fa-fw fa-xmark\"></i>\n        </button>\n      </span>\n    </template>\n  </div>\n</template>\n\n<style lang=\"scss\" src=\"@/styles/components/data-table/filter-tags.scss\"></style>\n"],"mappings":""}

package/dist/admins-components90.js

@@ -1,7 +1,200 @@
-import './src/styles/components/data-table/data-list-guide.scss_vue_type_style_index_0_src_true_lang.css';
-import e from "./admins-components88.js";
-/* empty css                    */
-//#region src/components/data-table/DataListGuide.vue
-var t = e;
+import e from "./admins-components31.js";
+import { createBlock as t, createElementVNode as n, createTextVNode as r, defineComponent as i, openBlock as a, ref as o, withCtx as s, withModifiers as c } from "vue";
+//#region src/components/data-table/DataListGuide.vue?vue&type=script&setup=true&lang.ts
+var l = { class: "dl-guide-section" }, u = { class: "dl-guide-toc m-0" }, d = { class: "m-0" }, f = { class: "m-0" }, p = { class: "m-0" }, m = { class: "m-0" }, h = { class: "m-0" }, g = { class: "m-0" }, _ = /* @__PURE__ */ i({
+	__name: "DataListGuide",
+	props: {
+		open: {
+			type: Boolean,
+			default: !1
+		},
+		position: { default: "right" }
+	},
+	emits: ["close"],
+	setup(i, { emit: _ }) {
+		let v = _, y = o(null);
+		function b(e) {
+			if (!e || !y.value) return;
+			let t = y.value.querySelector(`#${e}`);
+			t && t.scrollIntoView({
+				behavior: "smooth",
+				block: "start"
+			});
+		}
+		return (o, _) => (a(), t(e, {
+			open: i.open,
+			title: "Súgó",
+			position: i.position,
+			onClose: _[8] ||= (e) => v("close")
+		}, {
+			default: s(() => [n("div", {
+				ref_key: "root",
+				ref: y,
+				class: "ac-component dl-guide"
+			}, [
+				n("section", l, [_[9] ||= n("h3", { class: "dl-guide-title" }, "Tartalom", -1), n("ul", u, [n("li", null, [n("a", {
+					href: "#",
+					class: "dl-guide-toc-link dl-guide-toc-link--primary",
+					onClick: _[0] ||= c((e) => b("layout"), ["prevent"])
+				}, "Megjelenés testreszabása"), n("ul", null, [
+					n("li", d, [n("a", {
+						href: "#",
+						class: "dl-guide-toc-link",
+						onClick: _[1] ||= c((e) => b("view"), ["prevent"])
+					}, "Nézet")]),
+					n("li", f, [n("a", {
+						href: "#",
+						class: "dl-guide-toc-link",
+						onClick: _[2] ||= c((e) => b("appearance"), ["prevent"])
+					}, "Megjelenés")]),
+					n("li", p, [n("a", {
+						href: "#",
+						class: "dl-guide-toc-link",
+						onClick: _[3] ||= c((e) => b("columns"), ["prevent"])
+					}, "Oszlopok láthatósága és sorrendje")]),
+					n("li", m, [n("a", {
+						href: "#",
+						class: "dl-guide-toc-link",
+						onClick: _[4] ||= c((e) => b("reset"), ["prevent"])
+					}, "Beállítások visszaállítása")])
+				])]), n("li", null, [n("a", {
+					href: "#",
+					class: "dl-guide-toc-link dl-guide-toc-link--primary",
+					onClick: _[5] ||= c((e) => b("filters"), ["prevent"])
+				}, "Szűrők"), n("ul", null, [n("li", h, [n("a", {
+					href: "#",
+					class: "dl-guide-toc-link",
+					onClick: _[6] ||= c((e) => b("exact-match"), ["prevent"])
+				}, "Pontos egyezés")]), n("li", g, [n("a", {
+					href: "#",
+					class: "dl-guide-toc-link",
+					onClick: _[7] ||= c((e) => b("save-filters"), ["prevent"])
+				}, "Szűrések mentése")])])])])]),
+				_[10] ||= n("hr", { class: "separator" }, null, -1),
+				_[11] ||= n("section", {
+					id: "layout",
+					class: "dl-guide-section"
+				}, [
+					n("h3", { class: "dl-guide-title" }, "A táblázat megjelenésének testreszabása"),
+					n("p", null, [
+						r(" A "),
+						n("strong", null, [n("i", { class: "fa-solid fa-gear" }), r(" Beállítások")]),
+						r(" gombra kattintva lehetőség van a tábla megjelenésének testreszabására. A beállítások az adott táblához kapcsolódóan helyi tárolóban kerülnek mentésre, így ugyanazon eszközön és böngészőben megmaradnak a következő látogatáskor is. ")
+					]),
+					n("hr", { class: "separator" }),
+					n("h4", {
+						id: "view",
+						class: "dl-guide-subtitle"
+					}, "Nézet"),
+					n("ul", null, [
+						n("li", null, [
+							n("i", { class: "fa-solid fa-display mr-1" }),
+							n("strong", null, "Kijelző méretéhez igazodó"),
+							r(" (alapértelmezett): A kijelző méretétől függően automatikusan választ a táblázat és a kártyás nézet között. ")
+						]),
+						n("li", null, [
+							n("i", { class: "fa-solid fa-table-list mr-1" }),
+							r(),
+							n("strong", null, "Táblázat:"),
+							r(" klasszikus táblázatos megjelenés ")
+						]),
+						n("li", null, [
+							n("i", { class: "fa-solid fa-list mr-1" }),
+							r(),
+							n("strong", null, "Kártyák:"),
+							r(" sorok kártyás megjelenítése, a kártya fejlécére kattintva lenyithatóak a részletes adatok. ")
+						])
+					]),
+					n("hr", { class: "separator" }),
+					n("h4", {
+						id: "appearance",
+						class: "dl-guide-subtitle"
+					}, "Megjelenés"),
+					n("ul", null, [n("li", null, [n("strong", null, "Kompakt:"), r(" A sorok közti távolság és a belső margók csökkentésével több adat jeleníthető meg egyszerre. ")]), n("li", null, [n("strong", null, "Sávos (striped):"), r(" Csak a táblázatos nézetben elérhető, minden második sor enyhe szürke hátteret kap, ezzel megkönnyítve a sorok követését. ")])]),
+					n("hr", { class: "separator" }),
+					n("h4", {
+						id: "columns",
+						class: "dl-guide-subtitle"
+					}, "Oszlopok láthatósága és sorrendje"),
+					n("ul", null, [n("li", null, [n("strong", null, "Kártya fejléc:"), r(" kártyás nézet esetén a fejlécben megjelenő mezők láthatósága és sorrendje. ")]), n("li", null, [n("strong", null, "Oszlopok:"), r(" táblázat nézetben az oszlopok láthatósága és sorrendje. ")])]),
+					n("p", null, [
+						r(" A sorrend módosítása történhet az "),
+						n("i", { class: "fa-solid fa-grip-vertical" }),
+						r(" ikonon "),
+						n("strong", { class: "nowrap" }, "drag-n-drop"),
+						r("al vagy az ikonra kattinva a megjelenő nyilak segítségével. ")
+					]),
+					n("hr", { class: "separator" }),
+					n("h4", {
+						id: "reset",
+						class: "dl-guide-subtitle"
+					}, "Beállítások visszaállítása"),
+					n("p", null, [
+						r(" Az "),
+						n("strong", null, "Alapértelmezés visszaállítása"),
+						r(" gomb visszaállítja a gyári értékeket, és törli a helyi tárolóban elmentett beállításokat. ")
+					])
+				], -1),
+				_[12] ||= n("hr", { class: "separator" }, null, -1),
+				_[13] ||= n("section", {
+					id: "filters",
+					class: "dl-guide-section"
+				}, [
+					n("h3", { class: "dl-guide-title" }, "Szűrők"),
+					n("h4", {
+						id: "exact-match",
+						class: "dl-guide-subtitle"
+					}, "Pontos egyezés"),
+					n("p", null, [
+						r(" Amennyiben a táblázhoz tartozik szabad szavas keresés, a pontos egyezés opciót használva csak azokat a találatokat kapjuk, amelyek teljes mértékben megfelelnek a keresett kifejezésnek. Pl. alap esetben "),
+						n("strong", null, [n("em", null, "\"alma\"")]),
+						r(" keresésre a "),
+						n("strong", null, [n("em", null, "\"piros alma\"")]),
+						r(", "),
+						n("strong", null, [n("em", null, "\"almafa\"")]),
+						r(", "),
+						n("strong", null, [n("em", null, "\"alma\"")]),
+						r(" vagy "),
+						n("strong", null, [n("em", null, "\"almás pite\"")]),
+						r(" is találat lehet, míg pontos egyezés esetén csak az "),
+						n("strong", null, [n("em", null, "\"alma\"")]),
+						r(" található meg. ")
+					]),
+					n("hr", { class: "separator" }),
+					n("h4", {
+						id: "save-filters",
+						class: "dl-guide-subtitle"
+					}, "Szűrések mentése"),
+					n("p", null, [
+						r(" A "),
+						n("strong", null, [n("i", { class: "fa-solid fa-sliders" }), r(" Mentett szűrők")]),
+						r("re kattintva lehetőség van elmenteni az aktuális szűrési feltételeket, így később egyetlen kattintással előhívhatja azokat. ")
+					]),
+					n("p", null, [
+						r(" A szűrési feltételek megadása után a "),
+						n("strong", null, [n("i", { class: "fa-solid fa-bookmark fa-sm" }), r(" Mentés")]),
+						r(" gomb megnyomásával elmenthető a szűrőkészlet. Az elnevezés megadása nem kötelező, csak saját magadnak szól a későbbi könnyebb azonosítás érdekében. ")
+					]),
+					n("p", null, " Ezt követően a szűrőkészlet a mentés dátumával és elnevezésével jelenik meg a mentett szűrők között. Ezekre kattintva lenyithatók a szűrőkészlet részletei. "),
+					n("p", null, "A mentett készlet jobb oldalán található 4 ikon:"),
+					n("ul", null, [
+						n("li", null, [n("i", { class: "fa-regular fa-star" }), r(": ikonra kattintva megjelölhető a készlet alapértelmezettként. Ekkor az oldal következő betöltésekor automatikusan az itt megadott szűrők lesznek alkalmazva. ")]),
+						n("li", null, [n("i", { class: "fa-solid fa-check" }), r(": ikonra kattintva tölthetők be a készletek. Megnyomásakor a szűrési feltételek automatikusan kitöltődnek az elmentett értékekkel. ")]),
+						n("li", null, [n("span", { class: "c-indicator" }, "?"), r(": azt mutatja, hogy hány szűrési feltétel van a készletben. ")]),
+						n("li", null, [n("i", { class: "fa-solid fa-xmark" }), r(": a mentett szűrőkészlet törlése (a művelet megerősítést kér). ")])
+					]),
+					n("p", { class: "dl-guide-note" }, [
+						r("Táblázatonként maximum "),
+						n("strong", null, "20"),
+						r(" készlet menthető el.")
+					]),
+					n("p", null, " A lista alján található \"Összes törlése\" gombbal törölhető a táblához tartozó minden elmentett szűrőkészlet. "),
+					n("p", { class: "dl-guide-note" }, [n("strong", null, "Fontos:"), r(" a beállítások és a szűrők is csak böngészőben (localStorage) kerülnek tárolásra, ezért más eszközön vagy böngészőben nem lesznek elérhetőek. ")])
+				], -1)
+			], 512)]),
+			_: 1
+		}, 8, ["open", "position"]));
+	}
+});
 //#endregion
-export { t as default };
+export { _ as default };