admins-components 9.0.66 → 9.0.68

package/dist/admins-components91.js

@@ -1,71 +1,231 @@
-import { formatDate as e } from "./admins-components3.js";
-import { displayFilterValue as t } from "./admins-components83.js";
-import { Fragment as n, computed as r, createCommentVNode as i, createElementBlock as a, createElementVNode as o, defineComponent as s, normalizeClass as c, openBlock as l, renderList as u, toDisplayString as d, unref as f } from "vue";
-//#region src/components/data-table/FilterTags.vue?vue&type=script&setup=true&lang.ts
-var p = { class: "filter-tags ac-component gap-1" }, m = ["onClick"], h = { class: "filter-tags__key" }, g = ["title"], _ = { class: "filter-tags__value-row" }, v = { class: "filter-tags__value-row" }, y = ["title"], b = ["title"], x = ["onClick"], S = /* @__PURE__ */ s({
-	__name: "FilterTags",
+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-components28.js";
+import o from "./admins-components34.js";
+import { filterEmptyValues as s, getDefaultFilters as c, writeFilterParams as l } from "./admins-components87.js";
+import u from "./admins-components90.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: {
-		filters: {},
 		items: {},
-		itemClass: {},
-		compact: { type: Boolean }
+		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: ["remove", "openFilter"],
-	setup(s, { emit: S }) {
-		let C = s, w = S;
-		function T(e) {
-			let t = E(e);
-			return t?.type === "daterange" || t?.type === "datetimerange";
+	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 E(e) {
-			return C.items.find((t) => t.key === 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 D(e) {
-			return E(e)?.label ?? e;
+		function B(e, t) {
+			let n = typeof t == "string" ? t.trim() : t;
+			F.value = {
+				...F.value,
+				[e.key]: n
+			}, e.onChange && e.onChange(n), N.lazy || U();
 		}
-		function O(t, n) {
-			let r = E(t);
-			if (!r || r.type !== "daterange" && r.type !== "datetimerange" || !n || typeof n != "object") return null;
-			let i = r.type === "datetimerange" ? "YYYY-MM-DD HH:mm" : "YYYY-MM-DD", a = n.fromUtc ? e(new Date(n.fromUtc), i) : "…", o = n.toUtc ? e(new Date(n.toUtc), i) : "…";
+		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) ?? {}) : t.type === "date" || t.type === "datetime" ? e[t.key] = n?.utc ?? n : e[t.key] = n;
+			}
 			return {
-				from: a,
-				to: o,
-				title: `${a} - ${o}`
+				values: s(F.value),
+				transformed: s(e)
 			};
 		}
-		function k(e) {
-			return O(e, C.filters[e]);
+		function U() {
+			N.handleUrl && l(N.items, F.value), P("change", H());
+		}
+		function W() {
+			U(), P("close");
+		}
+		function G() {
+			F.value = {}, U();
+		}
+		function K(e) {
+			F.value = {
+				...F.value,
+				[e]: null
+			}, U();
+		}
+		function q(e) {
+			let t = I.value[e];
+			t && (typeof t.focusAndOpen == "function" ? t.focusAndOpen() : typeof t.focus == "function" && t.focus());
+		}
+		function J(e) {
+			let t = { ...F.value };
+			for (let n of N.items) n.type !== "separator" && n.key in e && (t[n.key] = e[n.key] ?? null);
+			F.value = t, U();
+		}
+		j({
+			clearFilter: K,
+			focusFilter: q
+		});
+		function Y(e) {
+			e.key === "Enter" && e.target?.tagName !== "TEXTAREA" && (e.preventDefault(), W());
+		}
+		function X(e, t) {
+			e.onInnerSearch && e.onInnerSearch(t);
 		}
-		let A = r(() => Object.entries(C.filters).filter(([, e]) => e != null && e !== ""));
-		return (e, r) => (l(), a("div", p, [(l(!0), a(n, null, u(A.value, ([e, u]) => (l(), a(n, { key: e }, [u != null && u !== "" ? (l(), a("span", {
-			key: 0,
-			class: c(["filter-tags__tag c-chip", [
-				s.itemClass,
-				E(e)?.displayClass,
-				{ "filter-tags__tag--daterange": s.compact && (E(e)?.type === "daterange" || E(e)?.type === "datetimerange") }
-			]])
-		}, [o("span", {
-			class: "filter-tags__content align-center-fix",
-			onClick: (t) => w("openFilter", String(e))
-		}, [o("span", h, d(D(e)) + ":", 1), s.compact && T(e) && k(e) ? (l(), a("span", {
-			key: 0,
-			class: "filter-tags__value",
-			title: k(e).title
-		}, [o("span", _, d(k(e).from), 1), o("span", v, d(k(e).to), 1)], 8, g)) : T(e) && k(e) ? (l(), a("span", {
-			key: 1,
-			class: "filter-tags__value",
-			title: k(e).title
-		}, d(k(e).from) + " - " + d(k(e).to), 9, y)) : (l(), a("span", {
-			key: 2,
-			class: "filter-tags__value",
-			title: f(t)(s.items, e, u)
-		}, d(f(t)(s.items, e, u)), 9, b))], 8, m), o("button", {
-			type: "button",
-			class: "filter-tags__remove",
-			onClick: (t) => w("remove", String(e)),
-			"aria-label": "Remove filter"
-		}, [...r[0] ||= [o("i", { class: "fa-solid fa-fw fa-xmark" }, null, -1)]], 8, x)], 2)) : i("", !0)], 64))), 128))]));
+		return (s, c) => (x(), p(o, {
+			open: v.open,
+			title: "Szűrők",
+			position: v.position,
+			onClose: c[0] ||= (e) => P("close")
+		}, {
+			default: T(() => [
+				g("div", {
+					class: "data-filters",
+					onKeydown: Y
+				}, [(x(!0), h(d, null, C(v.items, (e) => (x(), h("div", {
+					key: e.key,
+					class: b(["data-filters__field", { "data-filters__field--full": e.fullWidth || e.type === "separator" }])
+				}, [e.type === "separator" ? (x(), h("hr", E)) : e.type === "checkbox" ? (x(), p(r, y({
+					key: 1,
+					ref_for: !0,
+					ref: (t) => L(e.key, t),
+					"model-value": F.value[e.key] ?? !1,
+					label: e.label ?? e.key,
+					"onUpdate:modelValue": (t) => B(e, t)
+				}, { ref_for: !0 }, e.config), null, 16, [
+					"model-value",
+					"label",
+					"onUpdate:modelValue"
+				])) : [
+					"text",
+					"number",
+					"textarea"
+				].includes(e.type) ? (x(), p(n, y({
+					key: 2,
+					type: e.type,
+					ref_for: !0,
+					ref: (t) => L(e.key, t),
+					id: `df-${e.key}`,
+					"model-value": F.value[e.key] ?? "",
+					label: e.label ?? e.key,
+					placeholder: e.placeholder,
+					"onUpdate:modelValue": (t) => B(e, t || null)
+				}, { ref_for: !0 }, e.config), null, 16, [
+					"type",
+					"id",
+					"model-value",
+					"label",
+					"placeholder",
+					"onUpdate:modelValue"
+				])) : e.type === "date" || e.type === "datetime" ? (x(), h(d, { key: 3 }, [g("label", {
+					class: "c-label",
+					for: `df-${e.key}`
+				}, w(e.label ?? e.key), 9, D), _(t, {
+					ref_for: !0,
+					ref: (t) => L(e.key, t),
+					id: `df-${e.key}`,
+					"model-value": F.value[e.key] ?? null,
+					config: R(e),
+					"onUpdate:modelValue": (t) => B(e, t)
+				}, null, 8, [
+					"id",
+					"model-value",
+					"config",
+					"onUpdate:modelValue"
+				])], 64)) : e.type === "daterange" || e.type === "datetimerange" ? (x(), h(d, { key: 4 }, [g("span", O, w(e.label ?? e.key), 1), _(i, {
+					ref_for: !0,
+					ref: (t) => L(e.key, t),
+					"model-value": F.value[e.key] ?? null,
+					config: z(e),
+					"onUpdate:modelValue": (t) => B(e, t)
+				}, null, 8, [
+					"model-value",
+					"config",
+					"onUpdate:modelValue"
+				])], 64)) : e.type === "dropdown" ? (x(), h(d, { key: 5 }, [g("span", k, w(e.label ?? e.key), 1), _(a, {
+					ref_for: !0,
+					ref: (t) => L(e.key, t),
+					"model-value": F.value[e.key] ?? null,
+					options: e.options ?? [],
+					config: {
+						...e.config ?? {},
+						placeholder: e.placeholder ?? "Válassz...",
+						clearable: !0,
+						filterable: !0
+					},
+					onFilterInput: (t) => X(e, t),
+					"onUpdate:modelValue": (t) => B(e, t)
+				}, null, 8, [
+					"model-value",
+					"options",
+					"config",
+					"onFilterInput",
+					"onUpdate:modelValue"
+				])], 64)) : m("", !0)], 2))), 128))], 32),
+				g("div", A, [_(e, {
+					icon: "fa-solid fa-trash-can",
+					disabled: !V.value,
+					label: "Szűrők törlése",
+					"aria-label": "Szűrők törlése",
+					size: "small",
+					onClick: G
+				}, null, 8, ["disabled"]), _(e, {
+					label: "Szűrés",
+					"aria-label": "Szűrés",
+					type: "success",
+					onClick: W
+				})]),
+				v.historyEnabled ? (x(), h(d, { key: 0 }, [c[1] ||= g("hr", { class: "separator my-3" }, null, -1), _(u, {
+					items: v.items,
+					values: F.value,
+					"storage-key": v.storageKey,
+					onLoad: J
+				}, null, 8, [
+					"items",
+					"values",
+					"storage-key"
+				])], 64)) : m("", !0)
+			]),
+			_: 1
+		}, 8, ["open", "position"]));
 	}
 });
 //#endregion
-export { S as default };
+export { j as default };

package/dist/admins-components91.js.map

@@ -1 +1 @@
-{"version":3,"file":"admins-components91.js","names":[],"sources":["../src/components/data-table/FilterTags.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed } from 'vue'\nimport type { FilterItem } from '@/components/data-table/DataFilters.vue'\nimport { displayFilterValue } from '@/utils/filterDisplay'\nimport { formatDate } from '@/utils/date'\n\nconst props = defineProps<{\n  filters: Record<string, any>\n  items: FilterItem[]\n  itemClass?: string\n  /**\n   * When `true`, daterange/datetimerange tags are rendered in compact mode:\n   * the two dates stack under the key on separate lines, with a smaller\n   * font and tighter line-height. When `false` (the default), daterange\n   * tags render inline as a single line, identical to the legacy behavior.\n   */\n  compact?: boolean\n}>()\nconst emit = defineEmits<{\n  remove: [key: string]\n  openFilter: [key: string]\n}>()\n\nfunction isRange(key: string): boolean {\n  const item = getFilterItem(key)\n  return item?.type === 'daterange' || item?.type === 'datetimerange'\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\ninterface DateRangeParts {\n  from: string\n  to: string\n  title: string\n}\n\nfunction getDateRangeParts(key: string, value: any): DateRangeParts | null {\n  const item = getFilterItem(key)\n  if (!item || (item.type !== 'daterange' && item.type !== 'datetimerange')) return null\n  if (!value || typeof value !== 'object') return null\n  const showTime = item.type === 'datetimerange'\n  const fmt = showTime ? 'YYYY-MM-DD HH:mm' : 'YYYY-MM-DD'\n  const from = value.fromUtc ? formatDate(new Date(value.fromUtc), fmt) : '…'\n  const to = value.toUtc ? formatDate(new Date(value.toUtc), fmt) : '…'\n  return { from, to, title: `${from} - ${to}` }\n}\n\nfunction getParts(key: string): DateRangeParts | null {\n  return getDateRangeParts(key, props.filters[key])\n}\n\nconst entries = computed(() =>\n  Object.entries(props.filters).filter(\n    ([, value]) => value != null && value !== '',\n  ),\n)\n</script>\n\n<template>\n  <div class=\"filter-tags ac-component gap-1\">\n    <template v-for=\"([key, value]) in entries\" :key=\"key\">\n      <span\n        v-if=\"value != null && value !== ''\"\n        class=\"filter-tags__tag c-chip\"\n        :class=\"[\n          itemClass,\n          getFilterItem(key)?.displayClass,\n          {\n            'filter-tags__tag--daterange':\n              compact &&\n              (getFilterItem(key)?.type === 'daterange' ||\n                getFilterItem(key)?.type === 'datetimerange'),\n          },\n        ]\"\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(key) }}:</span>\n\n          <span\n            v-if=\"compact && isRange(key) && getParts(key)\"\n            class=\"filter-tags__value\"\n            :title=\"getParts(key)!.title\"\n          >\n            <span class=\"filter-tags__value-row\">{{ getParts(key)!.from }}</span>\n            <span class=\"filter-tags__value-row\">{{ getParts(key)!.to }}</span>\n          </span>\n\n          <span\n            v-else-if=\"isRange(key) && getParts(key)\"\n            class=\"filter-tags__value\"\n            :title=\"getParts(key)!.title\"\n          >{{ getParts(key)!.from }} - {{ getParts(key)!.to }}</span>\n\n          <span\n            v-else\n            class=\"filter-tags__value\"\n            :title=\"displayFilterValue(items, key, value)\"\n          >{{ displayFilterValue(items, key, value) }}</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":";;;;;;;;;;;;;;EAMA,IAAM,IAAQ,GAYR,IAAO;EAKb,SAAS,EAAQ,GAAsB;GACrC,IAAM,IAAO,EAAc,CAAG;GAC9B,OAAO,GAAM,SAAS,eAAe,GAAM,SAAS;EACtD;EAEA,SAAS,EAAc,GAAqC;GAC1D,OAAO,EAAM,MAAM,MAAM,MAAM,EAAE,QAAQ,CAAG;EAC9C;EAEA,SAAS,EAAS,GAAqB;GACrC,OAAO,EAAc,CAAG,GAAG,SAAS;EACtC;EAQA,SAAS,EAAkB,GAAa,GAAmC;GACzE,IAAM,IAAO,EAAc,CAAG;GAE9B,IADI,CAAC,KAAS,EAAK,SAAS,eAAe,EAAK,SAAS,mBACrD,CAAC,KAAS,OAAO,KAAU,UAAU,OAAO;GAEhD,IAAM,IADW,EAAK,SAAS,kBACR,qBAAqB,cACtC,IAAO,EAAM,UAAU,EAAW,IAAI,KAAK,EAAM,OAAO,GAAG,CAAG,IAAI,KAClE,IAAK,EAAM,QAAQ,EAAW,IAAI,KAAK,EAAM,KAAK,GAAG,CAAG,IAAI;GAClE,OAAO;IAAE;IAAM;IAAI,OAAO,GAAG,EAAK,KAAK;GAAK;EAC9C;EAEA,SAAS,EAAS,GAAoC;GACpD,OAAO,EAAkB,GAAK,EAAM,QAAQ,EAAI;EAClD;EAEA,IAAM,IAAU,QACd,OAAO,QAAQ,EAAM,OAAO,EAAE,QAC3B,GAAG,OAAW,KAAS,QAAQ,MAAU,EAC5C,CACF;yBAIE,EAsDM,OAtDN,GAsDM,EAAA,EAAA,EAAA,GArDJ,EAoDW,GAAA,MAAA,EApDwB,EAAA,QAAO,CAAvB,GAAK,oBAA0B,OAAG,GAAA,CAE3C,KAAK,QAAY,MAAK,MAAA,EAAA,GAD9B,EAkDO,QAAA;;GAhDL,OAAK,EAAA,CAAC,2BAAyB;IACX,EAAA;IAAqB,EAAc,CAAG,GAAG;qCAAmF,EAAA,YAA0B,EAAc,CAAG,GAAG,SAAI,eAAoC,EAAc,CAAG,GAAG,SAAI,iBAAA;;MAW9P,EA0BO,QAAA;GAzBL,OAAM;GACL,UAAK,MAAE,EAAI,cAAe,OAAO,CAAG,CAAA;MAErC,EAA0D,QAA1D,GAA0D,EAAxB,EAAS,CAAG,CAAA,IAAI,KAAC,CAAA,GAG3C,EAAA,WAAW,EAAQ,CAAG,KAAK,EAAS,CAAG,KAAA,EAAA,GAD/C,EAOO,QAAA;;GALL,OAAM;GACL,OAAO,EAAS,CAAG,EAAG;MAEvB,EAAqE,QAArE,GAAqE,EAA7B,EAAS,CAAG,EAAG,IAAI,GAAA,CAAA,GAC3D,EAAmE,QAAnE,GAAmE,EAA3B,EAAS,CAAG,EAAG,EAAE,GAAA,CAAA,CAAA,GAAA,GAAA,CAAA,KAI9C,EAAQ,CAAG,KAAK,EAAS,CAAG,KAAA,EAAA,GADzC,EAI2D,QAAA;;GAFzD,OAAM;GACL,OAAO,EAAS,CAAG,EAAG;OACrB,EAAS,CAAG,EAAG,IAAI,IAAG,QAAG,EAAG,EAAS,CAAG,EAAG,EAAE,GAAA,GAAA,CAAA,MAAA,EAAA,GAEjD,EAImD,QAAA;;GAFjD,OAAM;GACL,OAAO,EAAA,CAAA,EAAmB,EAAA,OAAO,GAAK,CAAK;OAC1C,EAAA,CAAA,EAAmB,EAAA,OAAO,GAAK,CAAK,CAAA,GAAA,GAAA,CAAA,EAAA,GAAA,GAAA,CAAA,GAG1C,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-components91.js","names":[],"sources":["../src/components/data-table/DataFilters.vue"],"sourcesContent":["<script lang=\"ts\">\nimport type { DropdownOption } from '@/components/DropdownSelect.vue'\n\nexport interface FilterItem {\n  type: FilterItemType\n  key: string\n  label?: string\n  placeholder?: string\n  value?: any\n  options?: DropdownOption[]\n  fullWidth?: boolean\n  config?: Record<string, any>\n  displayClass?: string\n  transformer?: (value: any) => Record<string, any> | null | undefined\n  onInnerSearch?: (value: string) => void\n  onChange?: (value: any) => void\n}\n\nexport interface FilterResponse {\n  values: Record<string, any>\n  transformed: Record<string, any>\n}\n\nexport interface DataFiltersProps {\n  items: FilterItem[]\n  open?: boolean\n  position?: SidebarPosition\n  lazy?: boolean\n  handleUrl?: boolean\n  historyEnabled?: boolean\n  storageKey?: string\n}\n</script>\n\n<script setup lang=\"ts\">\nimport { computed, ref } from 'vue'\nimport Sidebar, { type SidebarPosition } from '@/components/Sidebar.vue'\nimport DatePicker from '@/components/DatePicker.vue'\nimport DateRangePicker from '@/components/DateRangePicker.vue'\nimport DropdownSelect from '@/components/DropdownSelect.vue'\nimport TextInput, { type TextInputType } from '@/components/TextInput.vue'\nimport Button from '@/components/Button.vue'\nimport Checkbox from '@/components/Checkbox.vue'\nimport FiltersHistory from '@/components/data-table/FiltersHistory.vue'\nimport type { DatePickerConfig, DateRangePickerConfig } from '@/types/datepickers'\nimport type { FilterItemType, PickedDate, PickedUtcRange } from '@/types/types'\nimport { filterEmptyValues, getDefaultFilters, writeFilterParams } from '@/utils/dataFilters'\n\nconst props = withDefaults(defineProps<DataFiltersProps>(), {\n  open: false,\n  position: 'left',\n  lazy: true,\n  handleUrl: false,\n  historyEnabled: true,\n})\n\nconst emit = defineEmits<{\n  close: []\n  change: [response: FilterResponse]\n}>()\n\nconst values = ref<Record<string, any>>(getDefaultFilters(props.items, props.storageKey, false))\nconst filterRefs = ref<Record<string, any>>({})\n\nfunction setFilterRef(key: string, el: any) {\n  if (el) filterRefs.value[key] = el\n  else delete filterRefs.value[key]\n}\n\nfunction buildDatePickerConfig(item: FilterItem): DatePickerConfig {\n  return {\n    ...(item.config ?? {}),\n    showTime: item.type === 'datetime',\n    placeholder: item.placeholder ?? (item.type === 'datetime' ? 'Időpont' : 'Dátum'),\n  }\n}\n\nfunction buildDateRangePickerConfig(item: FilterItem): DateRangePickerConfig {\n  return {\n    ...(item.config ?? {}),\n    ...(!item.fullWidth ? { compact: true } : {}),\n    showTime: item.type === 'datetimerange',\n  }\n}\n\nfunction update(item: FilterItem, value: any) {\n  const stored = typeof value === 'string' ? value.trim() : value\n  values.value = { ...values.value, [item.key]: stored }\n  if (item.onChange) item.onChange(stored)\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) {\n      Object.assign(transformed, item.transformer(val) ?? {})\n    } else if (item.type === 'date' || item.type === 'datetime') {\n      transformed[item.key] = val?.utc ?? val\n    } else {\n      transformed[item.key] = val\n    }\n  }\n  return { values: filterEmptyValues(values.value), transformed: filterEmptyValues(transformed) }\n}\n\nfunction emitChange() {\n  if (props.handleUrl) writeFilterParams(props.items, values.value)\n  emit('change', buildResponse())\n}\n\nfunction confirm() {\n  emitChange()\n  emit('close')\n}\n\nfunction clearAll() {\n  values.value = {}\n  emitChange()\n}\n\nfunction clearFilter(key: string) {\n  values.value = { ...values.value, [key]: null }\n  emitChange()\n}\n\nfunction focusFilter(key: string) {\n  const el = (filterRefs.value as Record<string, any>)[key]\n  if (!el) return\n\n  if (typeof el.focusAndOpen === 'function') el.focusAndOpen()\n  else if (typeof el.focus === 'function') el.focus()\n}\n\nfunction onHistoryLoad(loaded: Record<string, any>) {\n  const next: Record<string, any> = { ...values.value }\n  for (const item of props.items) {\n    if (item.type === 'separator') continue\n    if (item.key in loaded) next[item.key] = loaded[item.key] ?? null\n  }\n  values.value = next\n  emitChange()\n}\n\ndefineExpose({ clearFilter, focusFilter })\n\nfunction handleFilterKeydown(event: KeyboardEvent) {\n  if (event.key !== 'Enter') return\n\n  // Allow Enter in textarea for line breaks\n  const target = event.target as HTMLElement\n  if (target?.tagName === 'TEXTAREA') return\n\n  event.preventDefault()\n  confirm()\n}\n\nfunction handleDropdownFilterInput(item: FilterItem, text: string) {\n  if (item.onInnerSearch) item.onInnerSearch(text)\n}\n</script>\n\n<template>\n  <Sidebar :open=\"open\" title=\"Szűrők\" :position=\"position\" @close=\"emit('close')\">\n    <div class=\"data-filters\" @keydown=\"handleFilterKeydown\">\n      <div\n        v-for=\"item in items\"\n        :key=\"item.key\"\n        class=\"data-filters__field\"\n        :class=\"{ 'data-filters__field--full': item.fullWidth || item.type === 'separator' }\"\n      >\n        <hr v-if=\"item.type === 'separator'\" class=\"data-filters__separator\" />\n        <template v-else-if=\"item.type === 'checkbox'\">\n          <Checkbox\n            :ref=\"(el: any) => setFilterRef(item.key, el)\"\n            :model-value=\"(values[item.key] as boolean) ?? false\"\n            :label=\"item.label ?? item.key\"\n            @update:model-value=\"(val) => update(item, val)\"\n            v-bind=\"item.config\"\n          />\n        </template>\n        <template v-else-if=\"['text', 'number', 'textarea'].includes(item.type)\">\n          <TextInput\n            :type=\"item.type as TextInputType\"\n            :ref=\"(el: any) => setFilterRef(item.key, el)\"\n            :id=\"`df-${item.key}`\"\n            :model-value=\"(values[item.key] as string) ?? ''\"\n            :label=\"item.label ?? item.key\"\n            :placeholder=\"item.placeholder\"\n            @update:model-value=\"(val) => update(item, val || null)\"\n            v-bind=\"item.config\"\n          />\n        </template>\n        <template v-else-if=\"item.type === 'date' || item.type === 'datetime'\">\n          <label class=\"c-label\" :for=\"`df-${item.key}`\">{{ item.label ?? item.key }}</label>\n          <DatePicker\n            :ref=\"(el: any) => setFilterRef(item.key, el)\"\n            :id=\"`df-${item.key}`\"\n            :model-value=\"(values[item.key] as PickedDate) ?? null\"\n            :config=\"buildDatePickerConfig(item)\"\n            @update:model-value=\"(val) => update(item, val)\"\n          />\n        </template>\n        <template v-else-if=\"item.type === 'daterange' || item.type === 'datetimerange'\">\n          <span class=\"c-label\">{{ item.label ?? item.key }}</span>\n          <DateRangePicker\n            :ref=\"(el: any) => setFilterRef(item.key, el)\"\n            :model-value=\"(values[item.key] as PickedUtcRange) ?? null\"\n            :config=\"buildDateRangePickerConfig(item)\"\n            @update:model-value=\"(val) => update(item, val)\"\n          />\n        </template>\n        <template v-else-if=\"item.type === 'dropdown'\">\n          <span class=\"c-label\">{{ item.label ?? item.key }}</span>\n          <DropdownSelect\n            :ref=\"(el: any) => setFilterRef(item.key, el)\"\n            :model-value=\"(values[item.key] as string) ?? null\"\n            :options=\"item.options ?? []\"\n            :config=\"{\n              ...(item.config ?? {}),\n              placeholder: item.placeholder ?? 'Válassz...',\n              clearable: true,\n              filterable: true,\n            }\"\n            @filter-input=\"handleDropdownFilterInput(item, $event)\"\n            @update:model-value=\"(val) => update(item, val)\"\n          />\n        </template>\n      </div>\n    </div>\n    <div class=\"data-filters__footer\">\n      <Button\n        icon=\"fa-solid fa-trash-can\"\n        :disabled=\"!hasActiveFilters\"\n        label=\"Szűrők törlése\"\n        aria-label=\"Szűrők törlése\"\n        size=\"small\"\n        @click=\"clearAll\"\n      />\n      <Button label=\"Szűrés\" aria-label=\"Szűrés\" type=\"success\" @click=\"confirm\" />\n    </div>\n    <template v-if=\"historyEnabled\">\n      <hr class=\"separator my-3\" />\n      <FiltersHistory\n        :items=\"items\"\n        :values=\"values\"\n        :storage-key=\"storageKey\"\n        @load=\"onHistoryLoad\"\n      />\n    </template>\n  </Sidebar>\n</template>\n\n<style lang=\"scss\" src=\"@/styles/components/data-table/data-filters.scss\"></style>\n"],"mappings":"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"}

package/dist/admins-components93.js

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

package/dist/admins-components93.js.map

@@ -1 +1 @@
-{"version":3,"file":"admins-components93.js","names":[],"sources":["../src/components/data-table/FilterTags.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed } from 'vue'\nimport type { FilterItem } from '@/components/data-table/DataFilters.vue'\nimport { displayFilterValue } from '@/utils/filterDisplay'\nimport { formatDate } from '@/utils/date'\n\nconst props = defineProps<{\n  filters: Record<string, any>\n  items: FilterItem[]\n  itemClass?: string\n  /**\n   * When `true`, daterange/datetimerange tags are rendered in compact mode:\n   * the two dates stack under the key on separate lines, with a smaller\n   * font and tighter line-height. When `false` (the default), daterange\n   * tags render inline as a single line, identical to the legacy behavior.\n   */\n  compact?: boolean\n}>()\nconst emit = defineEmits<{\n  remove: [key: string]\n  openFilter: [key: string]\n}>()\n\nfunction isRange(key: string): boolean {\n  const item = getFilterItem(key)\n  return item?.type === 'daterange' || item?.type === 'datetimerange'\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\ninterface DateRangeParts {\n  from: string\n  to: string\n  title: string\n}\n\nfunction getDateRangeParts(key: string, value: any): DateRangeParts | null {\n  const item = getFilterItem(key)\n  if (!item || (item.type !== 'daterange' && item.type !== 'datetimerange')) return null\n  if (!value || typeof value !== 'object') return null\n  const showTime = item.type === 'datetimerange'\n  const fmt = showTime ? 'YYYY-MM-DD HH:mm' : 'YYYY-MM-DD'\n  const from = value.fromUtc ? formatDate(new Date(value.fromUtc), fmt) : '…'\n  const to = value.toUtc ? formatDate(new Date(value.toUtc), fmt) : '…'\n  return { from, to, title: `${from} - ${to}` }\n}\n\nfunction getParts(key: string): DateRangeParts | null {\n  return getDateRangeParts(key, props.filters[key])\n}\n\nconst entries = computed(() =>\n  Object.entries(props.filters).filter(\n    ([, value]) => value != null && value !== '',\n  ),\n)\n</script>\n\n<template>\n  <div class=\"filter-tags ac-component gap-1\">\n    <template v-for=\"([key, value]) in entries\" :key=\"key\">\n      <span\n        v-if=\"value != null && value !== ''\"\n        class=\"filter-tags__tag c-chip\"\n        :class=\"[\n          itemClass,\n          getFilterItem(key)?.displayClass,\n          {\n            'filter-tags__tag--daterange':\n              compact &&\n              (getFilterItem(key)?.type === 'daterange' ||\n                getFilterItem(key)?.type === 'datetimerange'),\n          },\n        ]\"\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(key) }}:</span>\n\n          <span\n            v-if=\"compact && isRange(key) && getParts(key)\"\n            class=\"filter-tags__value\"\n            :title=\"getParts(key)!.title\"\n          >\n            <span class=\"filter-tags__value-row\">{{ getParts(key)!.from }}</span>\n            <span class=\"filter-tags__value-row\">{{ getParts(key)!.to }}</span>\n          </span>\n\n          <span\n            v-else-if=\"isRange(key) && getParts(key)\"\n            class=\"filter-tags__value\"\n            :title=\"getParts(key)!.title\"\n          >{{ getParts(key)!.from }} - {{ getParts(key)!.to }}</span>\n\n          <span\n            v-else\n            class=\"filter-tags__value\"\n            :title=\"displayFilterValue(items, key, value)\"\n          >{{ displayFilterValue(items, key, value) }}</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-components93.js","names":[],"sources":["../src/components/data-table/DataFilters.vue"],"sourcesContent":["<script lang=\"ts\">\nimport type { DropdownOption } from '@/components/DropdownSelect.vue'\n\nexport interface FilterItem {\n  type: FilterItemType\n  key: string\n  label?: string\n  placeholder?: string\n  value?: any\n  options?: DropdownOption[]\n  fullWidth?: boolean\n  config?: Record<string, any>\n  displayClass?: string\n  transformer?: (value: any) => Record<string, any> | null | undefined\n  onInnerSearch?: (value: string) => void\n  onChange?: (value: any) => void\n}\n\nexport interface FilterResponse {\n  values: Record<string, any>\n  transformed: Record<string, any>\n}\n\nexport interface DataFiltersProps {\n  items: FilterItem[]\n  open?: boolean\n  position?: SidebarPosition\n  lazy?: boolean\n  handleUrl?: boolean\n  historyEnabled?: boolean\n  storageKey?: string\n}\n</script>\n\n<script setup lang=\"ts\">\nimport { computed, ref } from 'vue'\nimport Sidebar, { type SidebarPosition } from '@/components/Sidebar.vue'\nimport DatePicker from '@/components/DatePicker.vue'\nimport DateRangePicker from '@/components/DateRangePicker.vue'\nimport DropdownSelect from '@/components/DropdownSelect.vue'\nimport TextInput, { type TextInputType } from '@/components/TextInput.vue'\nimport Button from '@/components/Button.vue'\nimport Checkbox from '@/components/Checkbox.vue'\nimport FiltersHistory from '@/components/data-table/FiltersHistory.vue'\nimport type { DatePickerConfig, DateRangePickerConfig } from '@/types/datepickers'\nimport type { FilterItemType, PickedDate, PickedUtcRange } from '@/types/types'\nimport { filterEmptyValues, getDefaultFilters, writeFilterParams } from '@/utils/dataFilters'\n\nconst props = withDefaults(defineProps<DataFiltersProps>(), {\n  open: false,\n  position: 'left',\n  lazy: true,\n  handleUrl: false,\n  historyEnabled: true,\n})\n\nconst emit = defineEmits<{\n  close: []\n  change: [response: FilterResponse]\n}>()\n\nconst values = ref<Record<string, any>>(getDefaultFilters(props.items, props.storageKey, false))\nconst filterRefs = ref<Record<string, any>>({})\n\nfunction setFilterRef(key: string, el: any) {\n  if (el) filterRefs.value[key] = el\n  else delete filterRefs.value[key]\n}\n\nfunction buildDatePickerConfig(item: FilterItem): DatePickerConfig {\n  return {\n    ...(item.config ?? {}),\n    showTime: item.type === 'datetime',\n    placeholder: item.placeholder ?? (item.type === 'datetime' ? 'Időpont' : 'Dátum'),\n  }\n}\n\nfunction buildDateRangePickerConfig(item: FilterItem): DateRangePickerConfig {\n  return {\n    ...(item.config ?? {}),\n    ...(!item.fullWidth ? { compact: true } : {}),\n    showTime: item.type === 'datetimerange',\n  }\n}\n\nfunction update(item: FilterItem, value: any) {\n  const stored = typeof value === 'string' ? value.trim() : value\n  values.value = { ...values.value, [item.key]: stored }\n  if (item.onChange) item.onChange(stored)\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) {\n      Object.assign(transformed, item.transformer(val) ?? {})\n    } else if (item.type === 'date' || item.type === 'datetime') {\n      transformed[item.key] = val?.utc ?? val\n    } else {\n      transformed[item.key] = val\n    }\n  }\n  return { values: filterEmptyValues(values.value), transformed: filterEmptyValues(transformed) }\n}\n\nfunction emitChange() {\n  if (props.handleUrl) writeFilterParams(props.items, values.value)\n  emit('change', buildResponse())\n}\n\nfunction confirm() {\n  emitChange()\n  emit('close')\n}\n\nfunction clearAll() {\n  values.value = {}\n  emitChange()\n}\n\nfunction clearFilter(key: string) {\n  values.value = { ...values.value, [key]: null }\n  emitChange()\n}\n\nfunction focusFilter(key: string) {\n  const el = (filterRefs.value as Record<string, any>)[key]\n  if (!el) return\n\n  if (typeof el.focusAndOpen === 'function') el.focusAndOpen()\n  else if (typeof el.focus === 'function') el.focus()\n}\n\nfunction onHistoryLoad(loaded: Record<string, any>) {\n  const next: Record<string, any> = { ...values.value }\n  for (const item of props.items) {\n    if (item.type === 'separator') continue\n    if (item.key in loaded) next[item.key] = loaded[item.key] ?? null\n  }\n  values.value = next\n  emitChange()\n}\n\ndefineExpose({ clearFilter, focusFilter })\n\nfunction handleFilterKeydown(event: KeyboardEvent) {\n  if (event.key !== 'Enter') return\n\n  // Allow Enter in textarea for line breaks\n  const target = event.target as HTMLElement\n  if (target?.tagName === 'TEXTAREA') return\n\n  event.preventDefault()\n  confirm()\n}\n\nfunction handleDropdownFilterInput(item: FilterItem, text: string) {\n  if (item.onInnerSearch) item.onInnerSearch(text)\n}\n</script>\n\n<template>\n  <Sidebar :open=\"open\" title=\"Szűrők\" :position=\"position\" @close=\"emit('close')\">\n    <div class=\"data-filters\" @keydown=\"handleFilterKeydown\">\n      <div\n        v-for=\"item in items\"\n        :key=\"item.key\"\n        class=\"data-filters__field\"\n        :class=\"{ 'data-filters__field--full': item.fullWidth || item.type === 'separator' }\"\n      >\n        <hr v-if=\"item.type === 'separator'\" class=\"data-filters__separator\" />\n        <template v-else-if=\"item.type === 'checkbox'\">\n          <Checkbox\n            :ref=\"(el: any) => setFilterRef(item.key, el)\"\n            :model-value=\"(values[item.key] as boolean) ?? false\"\n            :label=\"item.label ?? item.key\"\n            @update:model-value=\"(val) => update(item, val)\"\n            v-bind=\"item.config\"\n          />\n        </template>\n        <template v-else-if=\"['text', 'number', 'textarea'].includes(item.type)\">\n          <TextInput\n            :type=\"item.type as TextInputType\"\n            :ref=\"(el: any) => setFilterRef(item.key, el)\"\n            :id=\"`df-${item.key}`\"\n            :model-value=\"(values[item.key] as string) ?? ''\"\n            :label=\"item.label ?? item.key\"\n            :placeholder=\"item.placeholder\"\n            @update:model-value=\"(val) => update(item, val || null)\"\n            v-bind=\"item.config\"\n          />\n        </template>\n        <template v-else-if=\"item.type === 'date' || item.type === 'datetime'\">\n          <label class=\"c-label\" :for=\"`df-${item.key}`\">{{ item.label ?? item.key }}</label>\n          <DatePicker\n            :ref=\"(el: any) => setFilterRef(item.key, el)\"\n            :id=\"`df-${item.key}`\"\n            :model-value=\"(values[item.key] as PickedDate) ?? null\"\n            :config=\"buildDatePickerConfig(item)\"\n            @update:model-value=\"(val) => update(item, val)\"\n          />\n        </template>\n        <template v-else-if=\"item.type === 'daterange' || item.type === 'datetimerange'\">\n          <span class=\"c-label\">{{ item.label ?? item.key }}</span>\n          <DateRangePicker\n            :ref=\"(el: any) => setFilterRef(item.key, el)\"\n            :model-value=\"(values[item.key] as PickedUtcRange) ?? null\"\n            :config=\"buildDateRangePickerConfig(item)\"\n            @update:model-value=\"(val) => update(item, val)\"\n          />\n        </template>\n        <template v-else-if=\"item.type === 'dropdown'\">\n          <span class=\"c-label\">{{ item.label ?? item.key }}</span>\n          <DropdownSelect\n            :ref=\"(el: any) => setFilterRef(item.key, el)\"\n            :model-value=\"(values[item.key] as string) ?? null\"\n            :options=\"item.options ?? []\"\n            :config=\"{\n              ...(item.config ?? {}),\n              placeholder: item.placeholder ?? 'Válassz...',\n              clearable: true,\n              filterable: true,\n            }\"\n            @filter-input=\"handleDropdownFilterInput(item, $event)\"\n            @update:model-value=\"(val) => update(item, val)\"\n          />\n        </template>\n      </div>\n    </div>\n    <div class=\"data-filters__footer\">\n      <Button\n        icon=\"fa-solid fa-trash-can\"\n        :disabled=\"!hasActiveFilters\"\n        label=\"Szűrők törlése\"\n        aria-label=\"Szűrők törlése\"\n        size=\"small\"\n        @click=\"clearAll\"\n      />\n      <Button label=\"Szűrés\" aria-label=\"Szűrés\" type=\"success\" @click=\"confirm\" />\n    </div>\n    <template v-if=\"historyEnabled\">\n      <hr class=\"separator my-3\" />\n      <FiltersHistory\n        :items=\"items\"\n        :values=\"values\"\n        :storage-key=\"storageKey\"\n        @load=\"onHistoryLoad\"\n      />\n    </template>\n  </Sidebar>\n</template>\n\n<style lang=\"scss\" src=\"@/styles/components/data-table/data-filters.scss\"></style>\n"],"mappings":""}