admins-components 9.0.23 → 9.0.24

package/dist/admins-components78.js

@@ -9,28 +9,28 @@ import { debounce as s } from "./admins-components76.js";
 import { filterEmptyValues as c, getFilterParams as l, writeFilterParams as u } from "./admins-components77.js";
 import { Fragment as d, createBlock as f, createCommentVNode as p, createElementBlock as m, createElementVNode as h, createVNode as g, defineComponent as _, mergeProps as v, normalizeClass as y, onMounted as b, openBlock as x, ref as S, renderList as C, toDisplayString as w, unref as T, watch as E, withCtx as D } from "vue";
 //#region src/components/data-table/DataFilters.vue?vue&type=script&setup=true&lang.ts
-var O = { class: "data-filters" }, k = {
+var ee = { class: "data-filters" }, te = {
 	key: 0,
 	class: "data-filters__separator"
-}, A = ["for"], j = [
+}, O = ["for"], k = [
 	"placeholder",
 	"value",
 	"id",
 	"onInput"
-], M = [
+], A = ["for"], j = [
 	"placeholder",
 	"value",
 	"id",
 	"onInput"
-], N = [
+], M = ["for"], N = [
 	"placeholder",
 	"value",
 	"id",
 	"onInput"
-], P = { class: "data-filters__footer" }, F = {
+], P = ["for"], F = { class: "c-label" }, I = { class: "c-label" }, L = { class: "data-filters__footer" }, R = {
 	key: 0,
 	class: "separator my-3"
-}, I = /* @__PURE__ */ _({
+}, z = /* @__PURE__ */ _({
 	__name: "DataFilters",
 	props: {
 		open: {
@@ -54,19 +54,19 @@ var O = { class: "data-filters" }, k = {
 		storageKey: {}
 	},
 	emits: ["close", "change"],
-	setup(_, { expose: I, emit: L }) {
-		let R = _, z = L, B = S(l(R.items) ?? {}), V = S({});
-		function H(e, t) {
-			t ? V.value[e] = t : delete V.value[e];
+	setup(_, { expose: z, emit: B }) {
+		let V = _, H = B, U = S(l(V.items) ?? {}), W = S({});
+		function G(e, t) {
+			t ? W.value[e] = t : delete W.value[e];
 		}
-		function U(e) {
+		function K(e) {
 			return {
 				...e.config ?? {},
 				showTime: e.type === "datetime",
 				placeholder: e.placeholder ?? (e.type === "datetime" ? "Időpont" : "Dátum")
 			};
 		}
-		function W(e) {
+		function q(e) {
 			return {
 				...e.config ?? {},
 				...e.fullWidth ? {} : { compact: !0 },
@@ -74,22 +74,22 @@ var O = { class: "data-filters" }, k = {
 			};
 		}
 		b(() => {
-			if (!R.handleUrl) return;
-			let e = l(R.items);
-			e && Object.keys(e).length > 0 && (B.value = {
-				...B.value,
+			if (!V.handleUrl) return;
+			let e = l(V.items);
+			e && Object.keys(e).length > 0 && (U.value = {
+				...U.value,
 				...e
 			});
 		});
-		function G(e, t) {
-			B.value = {
-				...B.value,
+		function J(e, t) {
+			U.value = {
+				...U.value,
 				[e]: t
-			}, R.lazy || (R.handleUrl && u(R.items, B.value), z("change", K()));
+			}, V.lazy || (V.handleUrl && u(V.items, U.value), H("change", Y()));
 		}
-		function K() {
-			let e = R.items.reduce((e, t) => {
-				let n = B.value[t.key];
+		function Y() {
+			let e = V.items.reduce((e, t) => {
+				let n = U.value[t.key];
 				return t.transformer ? {
 					...e,
 					...t.transformer(n) ?? {}
@@ -99,34 +99,34 @@ var O = { class: "data-filters" }, k = {
 				};
 			}, {});
 			return {
-				values: c(B.value),
+				values: c(U.value),
 				transformed: c(e)
 			};
 		}
-		let q = s((e, t) => {
-			G(e, t);
+		let X = s((e, t) => {
+			J(e, t);
 		});
-		function J() {
-			R.handleUrl && u(R.items, B.value), z("change", K()), z("close");
+		function Z() {
+			V.handleUrl && u(V.items, U.value), H("change", Y()), H("close");
 		}
-		function Y() {
-			B.value = {}, R.handleUrl && u(R.items, B.value), z("change", K());
+		function ne() {
+			U.value = {}, V.handleUrl && u(V.items, U.value), H("change", Y());
 		}
-		let X = S(!1);
-		E(B, (e) => {
-			X.value = Object.values(e).some((e) => e !== null && e !== "" && e !== void 0);
+		let Q = S(!1);
+		E(U, (e) => {
+			Q.value = Object.values(e).some((e) => e !== null && e !== "" && e !== void 0);
 		}, {
 			deep: !0,
 			immediate: !0
 		});
-		function Z(e) {
-			B.value = {
-				...B.value,
+		function re(e) {
+			U.value = {
+				...U.value,
 				[e]: null
-			}, R.handleUrl && u(R.items, B.value), z("change", K());
+			}, V.handleUrl && u(V.items, U.value), H("change", Y());
 		}
-		function Q(e) {
-			let t = V.value[e];
+		function ie(e) {
+			let t = W.value[e];
 			if (t) {
 				if (typeof t.focusAndOpen == "function") {
 					t.focusAndOpen();
@@ -136,93 +136,97 @@ var O = { class: "data-filters" }, k = {
 			}
 		}
 		function $(e) {
-			let t = { ...B.value };
-			for (let n of R.items) n.type !== "separator" && n.key in e && (t[n.key] = e[n.key] ?? null);
-			B.value = t, R.handleUrl && u(R.items, B.value), z("change", K());
+			let t = { ...U.value };
+			for (let n of V.items) n.type !== "separator" && n.key in e && (t[n.key] = e[n.key] ?? null);
+			U.value = t, V.handleUrl && u(V.items, U.value), H("change", Y());
 		}
-		return I({
-			clearFilter: Z,
-			focusFilter: Q
+		return z({
+			clearFilter: re,
+			focusFilter: ie
 		}), (s, c) => (x(), f(a, {
 			open: _.open,
 			title: "Szűrők",
 			position: _.position,
-			onClose: c[0] ||= (e) => z("close")
+			onClose: c[0] ||= (e) => H("close")
 		}, {
 			default: D(() => [
-				h("div", O, [(x(!0), m(d, null, C(_.items, (e) => (x(), m("div", {
+				h("div", ee, [(x(!0), m(d, null, C(_.items, (e) => (x(), m("div", {
 					key: e.key,
 					class: y(["data-filters__field", { "data-filters__field--full": e.fullWidth || e.type === "separator" }])
-				}, [e.type === "separator" ? (x(), m("hr", k)) : e.type === "checkbox" ? (x(), f(n, v({
+				}, [e.type === "separator" ? (x(), m("hr", te)) : e.type === "checkbox" ? (x(), f(n, v({
 					key: 1,
 					ref_for: !0,
-					ref: (t) => H(e.key, t),
-					"model-value": B.value[e.key] ?? !1,
+					ref: (t) => G(e.key, t),
+					"model-value": U.value[e.key] ?? !1,
 					label: e.label ?? e.key,
-					"onUpdate:modelValue": (t) => G(e.key, t)
+					"onUpdate:modelValue": (t) => J(e.key, t)
 				}, { ref_for: !0 }, e.config), null, 16, [
 					"model-value",
 					"label",
 					"onUpdate:modelValue"
-				])) : (x(), m(d, { key: 2 }, [h("label", {
+				])) : (x(), m(d, { key: 2 }, [e.type === "text" ? (x(), m(d, { key: 0 }, [h("label", {
 					class: "c-label",
 					for: `df-${e.key}`
-				}, w(e.label ?? e.key), 9, A), e.type === "text" ? (x(), m("input", v({
+				}, w(e.label ?? e.key), 9, O), e.type === "text" ? (x(), m("input", v({
 					key: 0,
 					type: "text",
 					class: "c-input-row",
 					placeholder: e.placeholder,
-					value: B.value[e.key] ?? "",
+					value: U.value[e.key] ?? "",
 					ref_for: !0,
-					ref: (t) => H(e.key, t),
+					ref: (t) => G(e.key, t),
 					id: `df-${e.key}`,
-					onInput: (t) => T(q)(e.key, t.target.value || null)
-				}, { ref_for: !0 }, e.config), null, 16, j)) : e.type === "textarea" ? (x(), m("textarea", v({
-					key: 1,
+					onInput: (t) => T(X)(e.key, t.target.value || null)
+				}, { ref_for: !0 }, e.config), null, 16, k)) : p("", !0)], 64)) : e.type === "textarea" ? (x(), m(d, { key: 1 }, [h("label", {
+					class: "c-label",
+					for: `df-${e.key}`
+				}, w(e.label ?? e.key), 9, A), h("textarea", v({
 					class: "c-input-row data-filters__textarea",
 					placeholder: e.placeholder,
-					value: B.value[e.key] ?? "",
+					value: U.value[e.key] ?? "",
 					ref_for: !0,
-					ref: (t) => H(e.key, t),
+					ref: (t) => G(e.key, t),
 					id: `df-${e.key}`
-				}, { ref_for: !0 }, e.config, { onInput: (t) => T(q)(e.key, t.target.value || null) }), null, 16, M)) : e.type === "number" ? (x(), m("input", v({
-					key: 2,
+				}, { ref_for: !0 }, e.config, { onInput: (t) => T(X)(e.key, t.target.value || null) }), null, 16, j)], 64)) : e.type === "number" ? (x(), m(d, { key: 2 }, [h("label", {
+					class: "c-label",
+					for: `df-${e.key}`
+				}, w(e.label ?? e.key), 9, M), h("input", v({
 					type: "number",
 					class: "c-input-row",
 					placeholder: e.placeholder,
-					value: B.value[e.key] ?? "",
+					value: U.value[e.key] ?? "",
 					ref_for: !0,
-					ref: (t) => H(e.key, t),
+					ref: (t) => G(e.key, t),
 					id: `df-${e.key}`
-				}, { ref_for: !0 }, e.config, { onInput: (t) => T(q)(e.key, t.target.value ? Number(t.target.value) : null) }), null, 16, N)) : e.type === "date" || e.type === "datetime" ? (x(), f(t, {
-					key: 3,
+				}, { ref_for: !0 }, e.config, { onInput: (t) => T(X)(e.key, t.target.value ? Number(t.target.value) : null) }), null, 16, N)], 64)) : e.type === "date" || e.type === "datetime" ? (x(), m(d, { key: 3 }, [h("label", {
+					class: "c-label",
+					for: `df-${e.key}`
+				}, w(e.label ?? e.key), 9, P), g(t, {
 					ref_for: !0,
-					ref: (t) => H(e.key, t),
+					ref: (t) => G(e.key, t),
 					id: `df-${e.key}`,
-					"model-value": B.value[e.key] ?? null,
-					config: U(e),
-					"onUpdate:modelValue": (t) => G(e.key, t)
+					"model-value": U.value[e.key] ?? null,
+					config: K(e),
+					"onUpdate:modelValue": (t) => J(e.key, t)
 				}, null, 8, [
 					"id",
 					"model-value",
 					"config",
 					"onUpdate:modelValue"
-				])) : e.type === "daterange" || e.type === "datetimerange" ? (x(), f(r, {
-					key: 4,
+				])], 64)) : e.type === "daterange" || e.type === "datetimerange" ? (x(), m(d, { key: 4 }, [h("span", F, w(e.label ?? e.key), 1), g(r, {
 					ref_for: !0,
-					ref: (t) => H(e.key, t),
-					"model-value": B.value[e.key] ?? null,
-					config: W(e),
-					"onUpdate:modelValue": (t) => G(e.key, t)
+					ref: (t) => G(e.key, t),
+					"model-value": U.value[e.key] ?? null,
+					config: q(e),
+					"onUpdate:modelValue": (t) => J(e.key, t)
 				}, null, 8, [
 					"model-value",
 					"config",
 					"onUpdate:modelValue"
-				])) : e.type === "dropdown" ? (x(), f(i, {
-					key: 5,
+				])], 64)) : e.type === "dropdown" ? (x(), m(d, { key: 5 }, [h("span", I, w(e.label ?? e.key), 1), g(i, {
 					ref_for: !0,
-					ref: (t) => H(e.key, t),
-					"model-value": B.value[e.key] ?? null,
+					ref: (t) => G(e.key, t),
+					"model-value": U.value[e.key] ?? null,
 					options: e.options ?? [],
 					config: {
 						...e.config ?? {},
@@ -230,31 +234,31 @@ var O = { class: "data-filters" }, k = {
 						clearable: !0,
 						filterable: !0
 					},
-					"onUpdate:modelValue": (t) => G(e.key, t)
+					"onUpdate:modelValue": (t) => J(e.key, t)
 				}, null, 8, [
 					"model-value",
 					"options",
 					"config",
 					"onUpdate:modelValue"
-				])) : p("", !0)], 64))], 2))), 128))]),
-				h("div", P, [g(e, {
+				])], 64)) : p("", !0)], 64))], 2))), 128))]),
+				h("div", L, [g(e, {
 					icon: "fa-solid fa-trash-can",
-					disabled: !X.value,
+					disabled: !Q.value,
 					label: "Szűrők törlése",
 					"aria-label": "Szűrők törlése",
 					size: "small",
-					onClick: Y
+					onClick: ne
 				}, null, 8, ["disabled"]), g(e, {
 					label: "Szűrés",
 					"aria-label": "Szűrés",
 					type: "success",
-					onClick: J
+					onClick: Z
 				})]),
-				_.historyEnabled ? (x(), m("hr", F)) : p("", !0),
+				_.historyEnabled ? (x(), m("hr", R)) : p("", !0),
 				_.historyEnabled ? (x(), f(o, {
 					key: 1,
 					items: _.items,
-					values: B.value,
+					values: U.value,
 					"storage-key": _.storageKey,
 					onLoad: $,
 					onChange: $
@@ -269,4 +273,4 @@ var O = { class: "data-filters" }, k = {
 	}
 });
 //#endregion
-export { I as default };
+export { z as default };

package/dist/admins-components78.js.map

@@ -1 +1 @@
-{"version":3,"file":"admins-components78.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</script>\n\n<script setup lang=\"ts\">\nimport { ref, watch, onMounted } 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 Button from '@/components/Button.vue'\nimport Checkbox from '@/components/Checkbox.vue'\nimport FiltersHistory from '@/components/data-table/FiltersHistory.vue'\nimport { debounce } from '@/utils/debounce'\nimport type { DatePickerConfig, DateRangePickerConfig } from '@/types/datepickers'\nimport type { FilterItemType, PickedDate, PickedUtcRange } from '@/types/types'\nimport { filterEmptyValues, getFilterParams, writeFilterParams } from '@/utils/dataFilters'\n\n\nconst props = withDefaults(\n  defineProps<{\n    open?: boolean\n    items: FilterItem[]\n    position?: SidebarPosition\n    lazy?: boolean\n    handleUrl?: boolean\n    historyEnabled?: boolean\n    storageKey?: string\n  }>(),\n  {\n    open: false,\n    position: 'left',\n    lazy: true,\n    handleUrl: false,\n    historyEnabled: true,\n  },\n)\n\nconst emit = defineEmits<{\n  close: []\n  change: [response: FilterResponse]\n}>()\n\nconst values = ref<Record<string, any>>(getFilterParams(props.items) ?? {})\nconst filterRefs = ref<Record<string, any>>({})\n\nfunction setFilterRef(key: string, el: any) {\n  if (el) {\n    filterRefs.value[key] = el\n  } else {\n    delete filterRefs.value[key]\n  }\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\nonMounted(() => {\n  if (!props.handleUrl) return\n  const fromUrl = getFilterParams(props.items)\n  if (fromUrl && Object.keys(fromUrl).length > 0) {\n    values.value = { ...values.value, ...fromUrl }\n  }\n})\n\nfunction update(key: string, value: any) {\n  values.value = { ...values.value, [key]: value }\n\n  if (!props.lazy) {\n    if (props.handleUrl) writeFilterParams(props.items, values.value)\n    emit('change', buildResponseEmit())\n  }\n}\n\nfunction buildResponseEmit() {\n  const transformedValues = props.items.reduce((acc, item) => {\n    const val = values.value[item.key]\n    if (item.transformer) {\n      return { ...acc, ...(item.transformer(val) ?? {}) }\n    }\n    return { ...acc, [item.key]: val }\n  }, {})\n  return {\n    values: filterEmptyValues(values.value),\n    transformed: filterEmptyValues(transformedValues),\n  }\n}\n\nconst debouncedUpdate = debounce((key: string, value: any) => {\n  update(key, value)\n})\n\nfunction confirm() {\n  if (props.handleUrl) writeFilterParams(props.items, values.value)\n\n  emit('change', buildResponseEmit())\n  emit('close')\n}\n\n/* function reset() {\n  values.value = getDefaults()\n  if (props.handleUrl) writeFilterParams(props.items, values.value)\n  emit('change', filterEmptyValues(values.value))\n} */\n\nfunction clearAll() {\n  values.value = {}\n  if (props.handleUrl) writeFilterParams(props.items, values.value)\n\n  emit('change', buildResponseEmit())\n}\n\nconst hasActiveFilters = ref(false)\nwatch(\n  values,\n  (v) => {\n    hasActiveFilters.value = Object.values(v).some(\n      (val) => val !== null && val !== '' && val !== undefined,\n    )\n  },\n  { deep: true, immediate: true },\n)\n\nfunction clearFilter(key: string) {\n  values.value = { ...values.value, [key]: null }\n  if (props.handleUrl) writeFilterParams(props.items, values.value)\n  emit('change', buildResponseEmit())\n}\n\nfunction focusFilter(key: string) {\n  const ref = (filterRefs.value as Record<string, any>)[key]\n  if (!ref) return\n\n  if (typeof ref.focusAndOpen === 'function') {\n    ref.focusAndOpen()\n    return\n  }\n  if (typeof ref.focus === 'function') {\n    ref.focus()\n  }\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) {\n      next[item.key] = loaded[item.key] ?? null\n    }\n  }\n  values.value = next\n  if (props.handleUrl) writeFilterParams(props.items, values.value)\n  emit('change', buildResponseEmit())\n}\n\ndefineExpose({ clearFilter, focusFilter })\n</script>\n\n<template>\n  <Sidebar :open=\"open\" title=\"Szűrők\" :position=\"position\" @close=\"emit('close')\">\n    <div class=\"data-filters\">\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>\n          <label class=\"c-label\" :for=\"`df-${item.key}`\">{{ item.label ?? item.key }}</label>\n\n          <input\n            v-if=\"item.type === 'text'\"\n            type=\"text\"\n            class=\"c-input-row\"\n            :placeholder=\"item.placeholder\"\n            :value=\"values[item.key] ?? ''\"\n            :ref=\"(el: any) => setFilterRef(item.key, el)\"\n            :id=\"`df-${item.key}`\"\n            @input=\"debouncedUpdate(item.key, ($event.target as HTMLInputElement).value || null)\"\n            v-bind=\"item.config\"\n          />\n\n          <textarea\n            v-else-if=\"item.type === 'textarea'\"\n            class=\"c-input-row data-filters__textarea\"\n            :placeholder=\"item.placeholder\"\n            :value=\"values[item.key] ?? ''\"\n            :ref=\"(el: any) => setFilterRef(item.key, el)\"\n            :id=\"`df-${item.key}`\"\n            v-bind=\"item.config\"\n            @input=\"debouncedUpdate(item.key, ($event.target as HTMLTextAreaElement).value || null)\"\n          />\n\n          <input\n            v-else-if=\"item.type === 'number'\"\n            type=\"number\"\n            class=\"c-input-row\"\n            :placeholder=\"item.placeholder\"\n            :value=\"values[item.key] ?? ''\"\n            :ref=\"(el: any) => setFilterRef(item.key, el)\"\n            :id=\"`df-${item.key}`\"\n            v-bind=\"item.config\"\n            @input=\"\n              debouncedUpdate(\n                item.key,\n                ($event.target as HTMLInputElement).value\n                  ? Number(($event.target as HTMLInputElement).value)\n                  : null,\n              )\n            \"\n          />\n\n          <DatePicker\n            v-else-if=\"item.type === 'date' || item.type === 'datetime'\"\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\n          <DateRangePicker\n            v-else-if=\"item.type === 'daterange' || item.type === 'datetimerange'\"\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\n          <DropdownSelect\n            v-else-if=\"item.type === 'dropdown'\"\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=\"Alaphelyzet visszaállítása\"\n        size=\"small\"\n        @click=\"reset\"\n      /> -->\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    <hr v-if=\"historyEnabled\" class=\"separator my-3\" />\n    <FiltersHistory\n      v-if=\"historyEnabled\"\n      :items=\"items\"\n      :values=\"values\"\n      :storage-key=\"storageKey\"\n      @load=\"onHistoryLoad\"\n      @change=\"onHistoryLoad\"\n    />\n  </Sidebar>\n</template>\n\n<style lang=\"scss\" src=\"@/styles/components/data-table/data-filters.scss\"></style>\n"],"mappings":"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"}
+{"version":3,"file":"admins-components78.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</script>\n\n<script setup lang=\"ts\">\nimport { ref, watch, onMounted } 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 Button from '@/components/Button.vue'\nimport Checkbox from '@/components/Checkbox.vue'\nimport FiltersHistory from '@/components/data-table/FiltersHistory.vue'\nimport { debounce } from '@/utils/debounce'\nimport type { DatePickerConfig, DateRangePickerConfig } from '@/types/datepickers'\nimport type { FilterItemType, PickedDate, PickedUtcRange } from '@/types/types'\nimport { filterEmptyValues, getFilterParams, writeFilterParams } from '@/utils/dataFilters'\n\nconst props = withDefaults(\n  defineProps<{\n    open?: boolean\n    items: FilterItem[]\n    position?: SidebarPosition\n    lazy?: boolean\n    handleUrl?: boolean\n    historyEnabled?: boolean\n    storageKey?: string\n  }>(),\n  {\n    open: false,\n    position: 'left',\n    lazy: true,\n    handleUrl: false,\n    historyEnabled: true,\n  },\n)\n\nconst emit = defineEmits<{\n  close: []\n  change: [response: FilterResponse]\n}>()\n\nconst values = ref<Record<string, any>>(getFilterParams(props.items) ?? {})\nconst filterRefs = ref<Record<string, any>>({})\n\nfunction setFilterRef(key: string, el: any) {\n  if (el) {\n    filterRefs.value[key] = el\n  } else {\n    delete filterRefs.value[key]\n  }\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\nonMounted(() => {\n  if (!props.handleUrl) return\n  const fromUrl = getFilterParams(props.items)\n  if (fromUrl && Object.keys(fromUrl).length > 0) {\n    values.value = { ...values.value, ...fromUrl }\n  }\n})\n\nfunction update(key: string, value: any) {\n  values.value = { ...values.value, [key]: value }\n\n  if (!props.lazy) {\n    if (props.handleUrl) writeFilterParams(props.items, values.value)\n    emit('change', buildResponseEmit())\n  }\n}\n\nfunction buildResponseEmit() {\n  const transformedValues = props.items.reduce((acc, item) => {\n    const val = values.value[item.key]\n    if (item.transformer) {\n      return { ...acc, ...(item.transformer(val) ?? {}) }\n    }\n    return { ...acc, [item.key]: val }\n  }, {})\n  return {\n    values: filterEmptyValues(values.value),\n    transformed: filterEmptyValues(transformedValues),\n  }\n}\n\nconst debouncedUpdate = debounce((key: string, value: any) => {\n  update(key, value)\n})\n\nfunction confirm() {\n  if (props.handleUrl) writeFilterParams(props.items, values.value)\n\n  emit('change', buildResponseEmit())\n  emit('close')\n}\n\n/* function reset() {\n  values.value = getDefaults()\n  if (props.handleUrl) writeFilterParams(props.items, values.value)\n  emit('change', filterEmptyValues(values.value))\n} */\n\nfunction clearAll() {\n  values.value = {}\n  if (props.handleUrl) writeFilterParams(props.items, values.value)\n\n  emit('change', buildResponseEmit())\n}\n\nconst hasActiveFilters = ref(false)\nwatch(\n  values,\n  (v) => {\n    hasActiveFilters.value = Object.values(v).some(\n      (val) => val !== null && val !== '' && val !== undefined,\n    )\n  },\n  { deep: true, immediate: true },\n)\n\nfunction clearFilter(key: string) {\n  values.value = { ...values.value, [key]: null }\n  if (props.handleUrl) writeFilterParams(props.items, values.value)\n  emit('change', buildResponseEmit())\n}\n\nfunction focusFilter(key: string) {\n  const ref = (filterRefs.value as Record<string, any>)[key]\n  if (!ref) return\n\n  if (typeof ref.focusAndOpen === 'function') {\n    ref.focusAndOpen()\n    return\n  }\n  if (typeof ref.focus === 'function') {\n    ref.focus()\n  }\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) {\n      next[item.key] = loaded[item.key] ?? null\n    }\n  }\n  values.value = next\n  if (props.handleUrl) writeFilterParams(props.items, values.value)\n  emit('change', buildResponseEmit())\n}\n\ndefineExpose({ clearFilter, focusFilter })\n</script>\n\n<template>\n  <Sidebar :open=\"open\" title=\"Szűrők\" :position=\"position\" @close=\"emit('close')\">\n    <div class=\"data-filters\">\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>\n          <template v-if=\"item.type === 'text'\">\n            <label class=\"c-label\" :for=\"`df-${item.key}`\">{{ item.label ?? item.key }}</label>\n            <input\n              v-if=\"item.type === 'text'\"\n              type=\"text\"\n              class=\"c-input-row\"\n              :placeholder=\"item.placeholder\"\n              :value=\"values[item.key] ?? ''\"\n              :ref=\"(el: any) => setFilterRef(item.key, el)\"\n              :id=\"`df-${item.key}`\"\n              @input=\"debouncedUpdate(item.key, ($event.target as HTMLInputElement).value || null)\"\n              v-bind=\"item.config\"\n            />\n          </template>\n          <template v-else-if=\"item.type === 'textarea'\">\n            <label class=\"c-label\" :for=\"`df-${item.key}`\">{{ item.label ?? item.key }}</label>\n            <textarea\n              class=\"c-input-row data-filters__textarea\"\n              :placeholder=\"item.placeholder\"\n              :value=\"values[item.key] ?? ''\"\n              :ref=\"(el: any) => setFilterRef(item.key, el)\"\n              :id=\"`df-${item.key}`\"\n              v-bind=\"item.config\"\n              @input=\"\n                debouncedUpdate(item.key, ($event.target as HTMLTextAreaElement).value || null)\n              \"\n            />\n          </template>\n          <template v-else-if=\"item.type === 'number'\">\n            <label class=\"c-label\" :for=\"`df-${item.key}`\">{{ item.label ?? item.key }}</label>\n            <input\n              type=\"number\"\n              class=\"c-input-row\"\n              :placeholder=\"item.placeholder\"\n              :value=\"values[item.key] ?? ''\"\n              :ref=\"(el: any) => setFilterRef(item.key, el)\"\n              :id=\"`df-${item.key}`\"\n              v-bind=\"item.config\"\n              @input=\"\n                debouncedUpdate(\n                  item.key,\n                  ($event.target as HTMLInputElement).value\n                    ? Number(($event.target as HTMLInputElement).value)\n                    : null,\n                )\n              \"\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        </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=\"Alaphelyzet visszaállítása\"\n        size=\"small\"\n        @click=\"reset\"\n      /> -->\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    <hr v-if=\"historyEnabled\" class=\"separator my-3\" />\n    <FiltersHistory\n      v-if=\"historyEnabled\"\n      :items=\"items\"\n      :values=\"values\"\n      :storage-key=\"storageKey\"\n      @load=\"onHistoryLoad\"\n      @change=\"onHistoryLoad\"\n    />\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-components80.js.map

@@ -1 +1 @@
-{"version":3,"file":"admins-components80.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</script>\n\n<script setup lang=\"ts\">\nimport { ref, watch, onMounted } 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 Button from '@/components/Button.vue'\nimport Checkbox from '@/components/Checkbox.vue'\nimport FiltersHistory from '@/components/data-table/FiltersHistory.vue'\nimport { debounce } from '@/utils/debounce'\nimport type { DatePickerConfig, DateRangePickerConfig } from '@/types/datepickers'\nimport type { FilterItemType, PickedDate, PickedUtcRange } from '@/types/types'\nimport { filterEmptyValues, getFilterParams, writeFilterParams } from '@/utils/dataFilters'\n\n\nconst props = withDefaults(\n  defineProps<{\n    open?: boolean\n    items: FilterItem[]\n    position?: SidebarPosition\n    lazy?: boolean\n    handleUrl?: boolean\n    historyEnabled?: boolean\n    storageKey?: string\n  }>(),\n  {\n    open: false,\n    position: 'left',\n    lazy: true,\n    handleUrl: false,\n    historyEnabled: true,\n  },\n)\n\nconst emit = defineEmits<{\n  close: []\n  change: [response: FilterResponse]\n}>()\n\nconst values = ref<Record<string, any>>(getFilterParams(props.items) ?? {})\nconst filterRefs = ref<Record<string, any>>({})\n\nfunction setFilterRef(key: string, el: any) {\n  if (el) {\n    filterRefs.value[key] = el\n  } else {\n    delete filterRefs.value[key]\n  }\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\nonMounted(() => {\n  if (!props.handleUrl) return\n  const fromUrl = getFilterParams(props.items)\n  if (fromUrl && Object.keys(fromUrl).length > 0) {\n    values.value = { ...values.value, ...fromUrl }\n  }\n})\n\nfunction update(key: string, value: any) {\n  values.value = { ...values.value, [key]: value }\n\n  if (!props.lazy) {\n    if (props.handleUrl) writeFilterParams(props.items, values.value)\n    emit('change', buildResponseEmit())\n  }\n}\n\nfunction buildResponseEmit() {\n  const transformedValues = props.items.reduce((acc, item) => {\n    const val = values.value[item.key]\n    if (item.transformer) {\n      return { ...acc, ...(item.transformer(val) ?? {}) }\n    }\n    return { ...acc, [item.key]: val }\n  }, {})\n  return {\n    values: filterEmptyValues(values.value),\n    transformed: filterEmptyValues(transformedValues),\n  }\n}\n\nconst debouncedUpdate = debounce((key: string, value: any) => {\n  update(key, value)\n})\n\nfunction confirm() {\n  if (props.handleUrl) writeFilterParams(props.items, values.value)\n\n  emit('change', buildResponseEmit())\n  emit('close')\n}\n\n/* function reset() {\n  values.value = getDefaults()\n  if (props.handleUrl) writeFilterParams(props.items, values.value)\n  emit('change', filterEmptyValues(values.value))\n} */\n\nfunction clearAll() {\n  values.value = {}\n  if (props.handleUrl) writeFilterParams(props.items, values.value)\n\n  emit('change', buildResponseEmit())\n}\n\nconst hasActiveFilters = ref(false)\nwatch(\n  values,\n  (v) => {\n    hasActiveFilters.value = Object.values(v).some(\n      (val) => val !== null && val !== '' && val !== undefined,\n    )\n  },\n  { deep: true, immediate: true },\n)\n\nfunction clearFilter(key: string) {\n  values.value = { ...values.value, [key]: null }\n  if (props.handleUrl) writeFilterParams(props.items, values.value)\n  emit('change', buildResponseEmit())\n}\n\nfunction focusFilter(key: string) {\n  const ref = (filterRefs.value as Record<string, any>)[key]\n  if (!ref) return\n\n  if (typeof ref.focusAndOpen === 'function') {\n    ref.focusAndOpen()\n    return\n  }\n  if (typeof ref.focus === 'function') {\n    ref.focus()\n  }\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) {\n      next[item.key] = loaded[item.key] ?? null\n    }\n  }\n  values.value = next\n  if (props.handleUrl) writeFilterParams(props.items, values.value)\n  emit('change', buildResponseEmit())\n}\n\ndefineExpose({ clearFilter, focusFilter })\n</script>\n\n<template>\n  <Sidebar :open=\"open\" title=\"Szűrők\" :position=\"position\" @close=\"emit('close')\">\n    <div class=\"data-filters\">\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>\n          <label class=\"c-label\" :for=\"`df-${item.key}`\">{{ item.label ?? item.key }}</label>\n\n          <input\n            v-if=\"item.type === 'text'\"\n            type=\"text\"\n            class=\"c-input-row\"\n            :placeholder=\"item.placeholder\"\n            :value=\"values[item.key] ?? ''\"\n            :ref=\"(el: any) => setFilterRef(item.key, el)\"\n            :id=\"`df-${item.key}`\"\n            @input=\"debouncedUpdate(item.key, ($event.target as HTMLInputElement).value || null)\"\n            v-bind=\"item.config\"\n          />\n\n          <textarea\n            v-else-if=\"item.type === 'textarea'\"\n            class=\"c-input-row data-filters__textarea\"\n            :placeholder=\"item.placeholder\"\n            :value=\"values[item.key] ?? ''\"\n            :ref=\"(el: any) => setFilterRef(item.key, el)\"\n            :id=\"`df-${item.key}`\"\n            v-bind=\"item.config\"\n            @input=\"debouncedUpdate(item.key, ($event.target as HTMLTextAreaElement).value || null)\"\n          />\n\n          <input\n            v-else-if=\"item.type === 'number'\"\n            type=\"number\"\n            class=\"c-input-row\"\n            :placeholder=\"item.placeholder\"\n            :value=\"values[item.key] ?? ''\"\n            :ref=\"(el: any) => setFilterRef(item.key, el)\"\n            :id=\"`df-${item.key}`\"\n            v-bind=\"item.config\"\n            @input=\"\n              debouncedUpdate(\n                item.key,\n                ($event.target as HTMLInputElement).value\n                  ? Number(($event.target as HTMLInputElement).value)\n                  : null,\n              )\n            \"\n          />\n\n          <DatePicker\n            v-else-if=\"item.type === 'date' || item.type === 'datetime'\"\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\n          <DateRangePicker\n            v-else-if=\"item.type === 'daterange' || item.type === 'datetimerange'\"\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\n          <DropdownSelect\n            v-else-if=\"item.type === 'dropdown'\"\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=\"Alaphelyzet visszaállítása\"\n        size=\"small\"\n        @click=\"reset\"\n      /> -->\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    <hr v-if=\"historyEnabled\" class=\"separator my-3\" />\n    <FiltersHistory\n      v-if=\"historyEnabled\"\n      :items=\"items\"\n      :values=\"values\"\n      :storage-key=\"storageKey\"\n      @load=\"onHistoryLoad\"\n      @change=\"onHistoryLoad\"\n    />\n  </Sidebar>\n</template>\n\n<style lang=\"scss\" src=\"@/styles/components/data-table/data-filters.scss\"></style>\n"],"mappings":""}
+{"version":3,"file":"admins-components80.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</script>\n\n<script setup lang=\"ts\">\nimport { ref, watch, onMounted } 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 Button from '@/components/Button.vue'\nimport Checkbox from '@/components/Checkbox.vue'\nimport FiltersHistory from '@/components/data-table/FiltersHistory.vue'\nimport { debounce } from '@/utils/debounce'\nimport type { DatePickerConfig, DateRangePickerConfig } from '@/types/datepickers'\nimport type { FilterItemType, PickedDate, PickedUtcRange } from '@/types/types'\nimport { filterEmptyValues, getFilterParams, writeFilterParams } from '@/utils/dataFilters'\n\nconst props = withDefaults(\n  defineProps<{\n    open?: boolean\n    items: FilterItem[]\n    position?: SidebarPosition\n    lazy?: boolean\n    handleUrl?: boolean\n    historyEnabled?: boolean\n    storageKey?: string\n  }>(),\n  {\n    open: false,\n    position: 'left',\n    lazy: true,\n    handleUrl: false,\n    historyEnabled: true,\n  },\n)\n\nconst emit = defineEmits<{\n  close: []\n  change: [response: FilterResponse]\n}>()\n\nconst values = ref<Record<string, any>>(getFilterParams(props.items) ?? {})\nconst filterRefs = ref<Record<string, any>>({})\n\nfunction setFilterRef(key: string, el: any) {\n  if (el) {\n    filterRefs.value[key] = el\n  } else {\n    delete filterRefs.value[key]\n  }\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\nonMounted(() => {\n  if (!props.handleUrl) return\n  const fromUrl = getFilterParams(props.items)\n  if (fromUrl && Object.keys(fromUrl).length > 0) {\n    values.value = { ...values.value, ...fromUrl }\n  }\n})\n\nfunction update(key: string, value: any) {\n  values.value = { ...values.value, [key]: value }\n\n  if (!props.lazy) {\n    if (props.handleUrl) writeFilterParams(props.items, values.value)\n    emit('change', buildResponseEmit())\n  }\n}\n\nfunction buildResponseEmit() {\n  const transformedValues = props.items.reduce((acc, item) => {\n    const val = values.value[item.key]\n    if (item.transformer) {\n      return { ...acc, ...(item.transformer(val) ?? {}) }\n    }\n    return { ...acc, [item.key]: val }\n  }, {})\n  return {\n    values: filterEmptyValues(values.value),\n    transformed: filterEmptyValues(transformedValues),\n  }\n}\n\nconst debouncedUpdate = debounce((key: string, value: any) => {\n  update(key, value)\n})\n\nfunction confirm() {\n  if (props.handleUrl) writeFilterParams(props.items, values.value)\n\n  emit('change', buildResponseEmit())\n  emit('close')\n}\n\n/* function reset() {\n  values.value = getDefaults()\n  if (props.handleUrl) writeFilterParams(props.items, values.value)\n  emit('change', filterEmptyValues(values.value))\n} */\n\nfunction clearAll() {\n  values.value = {}\n  if (props.handleUrl) writeFilterParams(props.items, values.value)\n\n  emit('change', buildResponseEmit())\n}\n\nconst hasActiveFilters = ref(false)\nwatch(\n  values,\n  (v) => {\n    hasActiveFilters.value = Object.values(v).some(\n      (val) => val !== null && val !== '' && val !== undefined,\n    )\n  },\n  { deep: true, immediate: true },\n)\n\nfunction clearFilter(key: string) {\n  values.value = { ...values.value, [key]: null }\n  if (props.handleUrl) writeFilterParams(props.items, values.value)\n  emit('change', buildResponseEmit())\n}\n\nfunction focusFilter(key: string) {\n  const ref = (filterRefs.value as Record<string, any>)[key]\n  if (!ref) return\n\n  if (typeof ref.focusAndOpen === 'function') {\n    ref.focusAndOpen()\n    return\n  }\n  if (typeof ref.focus === 'function') {\n    ref.focus()\n  }\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) {\n      next[item.key] = loaded[item.key] ?? null\n    }\n  }\n  values.value = next\n  if (props.handleUrl) writeFilterParams(props.items, values.value)\n  emit('change', buildResponseEmit())\n}\n\ndefineExpose({ clearFilter, focusFilter })\n</script>\n\n<template>\n  <Sidebar :open=\"open\" title=\"Szűrők\" :position=\"position\" @close=\"emit('close')\">\n    <div class=\"data-filters\">\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>\n          <template v-if=\"item.type === 'text'\">\n            <label class=\"c-label\" :for=\"`df-${item.key}`\">{{ item.label ?? item.key }}</label>\n            <input\n              v-if=\"item.type === 'text'\"\n              type=\"text\"\n              class=\"c-input-row\"\n              :placeholder=\"item.placeholder\"\n              :value=\"values[item.key] ?? ''\"\n              :ref=\"(el: any) => setFilterRef(item.key, el)\"\n              :id=\"`df-${item.key}`\"\n              @input=\"debouncedUpdate(item.key, ($event.target as HTMLInputElement).value || null)\"\n              v-bind=\"item.config\"\n            />\n          </template>\n          <template v-else-if=\"item.type === 'textarea'\">\n            <label class=\"c-label\" :for=\"`df-${item.key}`\">{{ item.label ?? item.key }}</label>\n            <textarea\n              class=\"c-input-row data-filters__textarea\"\n              :placeholder=\"item.placeholder\"\n              :value=\"values[item.key] ?? ''\"\n              :ref=\"(el: any) => setFilterRef(item.key, el)\"\n              :id=\"`df-${item.key}`\"\n              v-bind=\"item.config\"\n              @input=\"\n                debouncedUpdate(item.key, ($event.target as HTMLTextAreaElement).value || null)\n              \"\n            />\n          </template>\n          <template v-else-if=\"item.type === 'number'\">\n            <label class=\"c-label\" :for=\"`df-${item.key}`\">{{ item.label ?? item.key }}</label>\n            <input\n              type=\"number\"\n              class=\"c-input-row\"\n              :placeholder=\"item.placeholder\"\n              :value=\"values[item.key] ?? ''\"\n              :ref=\"(el: any) => setFilterRef(item.key, el)\"\n              :id=\"`df-${item.key}`\"\n              v-bind=\"item.config\"\n              @input=\"\n                debouncedUpdate(\n                  item.key,\n                  ($event.target as HTMLInputElement).value\n                    ? Number(($event.target as HTMLInputElement).value)\n                    : null,\n                )\n              \"\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        </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=\"Alaphelyzet visszaállítása\"\n        size=\"small\"\n        @click=\"reset\"\n      /> -->\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    <hr v-if=\"historyEnabled\" class=\"separator my-3\" />\n    <FiltersHistory\n      v-if=\"historyEnabled\"\n      :items=\"items\"\n      :values=\"values\"\n      :storage-key=\"storageKey\"\n      @load=\"onHistoryLoad\"\n      @change=\"onHistoryLoad\"\n    />\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

@@ -38,27 +38,16 @@ var S = { class: "ac-component" }, C = { class: "flex-center gap-2 mb-3 wrap-on-
 		"sort-change"
 	],
 	setup(g, { expose: _, emit: E }) {
-		let D = x(null), O = g, k = E, A = x(!1), j = x(!1), M = x(null), N = x(!1), P = x(null), F = x(!1), I = u(() => O.filters?.some((e) => e.type === "text" || e.type === "textarea")), L = {
-			type: "checkbox",
-			key: "exactMatch",
-			label: "Pontos egyezés",
-			fullWidth: !0,
-			config: { labelAlignmentFix: !0 },
-			displayClass: "highlight-chip"
-		};
-		function R(e) {
-			return !I.value || e.some((e) => e.key === "exactMatch") ? e : [L, ...e];
-		}
-		let z = u(() => R(O.filters ?? [])), B = x(O.filters ? a(z.value) ?? {} : {}), V = null;
+		let D = x(null), O = g, k = E, A = x(!1), j = x(!1), M = x(null), N = x(!1), P = x(null), F = x(!1), I = x(O.filters ? a(O.filters) ?? {} : {}), L = null;
 		y(() => {
-			V = new ResizeObserver((e) => {
+			L = new ResizeObserver((e) => {
 				N.value = (e[0]?.contentRect.width ?? 0) < O.layoutBreakpoint;
-			}), P.value && V.observe(P.value);
-		}), v(() => V?.disconnect());
-		let H = u(() => {
+			}), P.value && L.observe(P.value);
+		}), v(() => L?.disconnect());
+		let R = u(() => {
 			let e = M.value?.layout;
 			return e === "table" || e === "cards" ? e : N.value ? "cards" : "table";
-		}), U = u(() => {
+		}), z = u(() => {
 			if (!M.value) return O.config;
 			let e = M.value.columnOrder, t = O.config.columns.map((e) => ({
 				...e,
@@ -72,7 +61,7 @@ var S = { class: "ac-component" }, C = { class: "flex-center gap-2 mb-3 wrap-on-
 				columns: t
 			};
 		});
-		function W(e) {
+		function B(e) {
 			M.value = e, k("settings-change", e);
 		}
 		_({
@@ -81,45 +70,47 @@ var S = { class: "ac-component" }, C = { class: "flex-center gap-2 mb-3 wrap-on-
 			openFilters: () => F.value = !0,
 			closeFilters: () => F.value = !1
 		});
-		async function G(e) {
+		async function V(e) {
 			F.value = !0, setTimeout(() => {
 				D.value?.focusFilter(e);
 			}, 300);
 		}
-		function K(e) {
-			B.value = e.values, k("filter-change", e.transformed);
+		function H(e) {
+			I.value = e.values, k("filter-change", e.transformed);
 		}
-		let q = u(() => Object.values(B.value).filter((e) => e != null && e !== "").length), J = u(() => !!O.pagination && (O.items.length > 0 || !O.loading));
+		let U = u(() => Object.values(I.value).filter((e) => e != null && e !== "").length), W = u(() => !!O.pagination && (O.items.length > 0 || !O.loading));
 		return (a, u) => (b(), p("div", S, [m("div", {
 			ref_key: "root",
 			ref: P,
 			class: "c-data-list"
 		}, [
-			z.value && z.value.length > 0 ? (b(), p(l, { key: 0 }, [m("div", C, [h(e, {
+			g.filters && g.filters.length > 0 ? (b(), p(l, { key: 0 }, [m("div", C, [h(e, {
 				label: "Szűrők megnyitása",
 				icon: "fa-solid fa-filter",
 				onClick: u[0] ||= (e) => F.value = !0,
 				style: { "flex-shrink": "0" },
-				type: q.value > 0 ? "info" : "normal",
-				indicator: q.value > 0 ? q.value : void 0
+				type: U.value > 0 ? "info" : "normal",
+				indicator: U.value > 0 ? U.value : void 0
 			}, null, 8, ["type", "indicator"]), m("div", w, [h(s, {
-				filters: B.value,
-				items: z.value,
+				filters: I.value,
+				items: g.filters,
 				onRemove: u[1] ||= (e) => D.value?.clearFilter(e),
-				onOpenFilter: G
+				onOpenFilter: V
 			}, null, 8, ["filters", "items"])])]), h(o, {
 				ref_key: "dataFiltersRef",
 				ref: D,
 				open: F.value,
-				items: z.value,
+				items: g.filters,
+				"history-enabled": g.historyEnabled,
 				lazy: "",
 				"handle-url": g.handleUrl,
 				"storage-key": g.id,
 				onClose: u[2] ||= (e) => F.value = !1,
-				onChange: K
+				onChange: H
 			}, null, 8, [
 				"open",
 				"items",
+				"history-enabled",
 				"handle-url",
 				"storage-key"
 			])], 64)) : f("", !0),
@@ -142,9 +133,9 @@ var S = { class: "ac-component" }, C = { class: "flex-center gap-2 mb-3 wrap-on-
 				open: j.value,
 				onClose: u[5] ||= (e) => j.value = !1
 			}, null, 8, ["open"]),
-			H.value === "table" ? (b(), d(t, {
+			R.value === "table" ? (b(), d(t, {
 				key: 1,
-				config: U.value,
+				config: z.value,
 				loading: g.loading,
 				items: g.items,
 				settings: M.value ?? void 0,
@@ -158,7 +149,7 @@ var S = { class: "ac-component" }, C = { class: "flex-center gap-2 mb-3 wrap-on-
 				"settings"
 			])) : (b(), d(n, {
 				key: 2,
-				config: U.value,
+				config: z.value,
 				loading: g.loading,
 				items: g.items,
 				settings: M.value ?? void 0,
@@ -169,7 +160,7 @@ var S = { class: "ac-component" }, C = { class: "flex-center gap-2 mb-3 wrap-on-
 				"items",
 				"settings"
 			])),
-			g.pagination && J.value ? (b(), d(i, {
+			g.pagination && W.value ? (b(), d(i, {
 				key: 3,
 				settings: g.pagination,
 				"storage-key": g.id,
@@ -182,7 +173,7 @@ var S = { class: "ac-component" }, C = { class: "flex-center gap-2 mb-3 wrap-on-
 				"storage-key": g.id,
 				orderable: g.orderable,
 				onClose: u[11] ||= (e) => A.value = !1,
-				onChange: W
+				onChange: B
 			}, null, 8, [
 				"open",
 				"columns",