admins-components 9.0.34 → 9.0.36

package/dist/admins-components82.js

@@ -0,0 +1,225 @@
+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-components78.js";
+import u from "./admins-components81.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]: 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());
+		}
+		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.key, 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.key, 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.key, 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.key, 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
+					},
+					"onUpdate:modelValue": (t) => B(e.key, t)
+				}, null, 8, [
+					"model-value",
+					"options",
+					"config",
+					"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 { j as default };

package/dist/admins-components82.js.map

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

package/dist/admins-components84.js

@@ -1,38 +1,7 @@
-import { displayFilterValue as e } from "./admins-components76.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))]));
-	}
-});
+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;
 //#endregion
-export { g as default };
+export { t as default };

package/dist/admins-components84.js.map

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

package/dist/admins-components85.js

@@ -0,0 +1,38 @@
+import { displayFilterValue as e } from "./admins-components77.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 { g as default };

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

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

package/dist/admins-components87.js

@@ -1,199 +1,7 @@
-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ó 3 ikon:"),
-					n("ul", null, [
-						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"]));
-	}
-});
+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;
 //#endregion
-export { _ as default };
+export { t as default };

package/dist/admins-components87.js.map

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