admins-components 9.0.66 → 9.0.68

package/dist/admins-components85.js.map

@@ -1 +1 @@
-{"version":3,"file":"admins-components85.js","names":[],"sources":["../src/components/data-table/FiltersHistory.vue"],"sourcesContent":["<script lang=\"ts\">\nexport interface SavedFilter {\n  id: string\n  savedAt: string\n  name?: string\n  values: Record<string, any>\n  isDefault?: boolean\n}\n</script>\n\n<script setup lang=\"ts\">\nimport { computed, onMounted, ref, watch, nextTick } from 'vue'\nimport Button from '@/components/Button.vue'\nimport ConfirmModal from '@/components/ConfirmModal.vue'\nimport type { FilterItem } from '@/components/data-table/DataFilters.vue'\nimport { formatDate } from '@/utils/date'\nimport { buildFilterDisplay } from '@/utils/filterDisplay'\nimport { getSavedFilters } from '@/utils/dataFilters'\nimport { getFullStorageKey } from '@/utils/storageKey'\n\nconst props = defineProps<{\n  items: FilterItem[]\n  values: Record<string, any>\n  storageKey?: string\n}>()\n\nconst MAX_ITEM_LIMIT = 50\nconst MAX_ITEM_WARNING_THRESHOLD = 7\n\nconst emit = defineEmits<{\n  load: [values: Record<string, any>]\n}>()\n\nconst open = ref(false)\nconst entries = ref<SavedFilter[]>([])\nconst filterSetName = ref('')\nconst expandedIds = ref<Set<string>>(new Set())\nconst confirmingClearAll = ref(false)\n\nfunction isExpanded(id: string): boolean {\n  return expandedIds.value.has(id)\n}\n\nfunction toggleExpanded(id: string): void {\n  const next = new Set(expandedIds.value)\n  if (next.has(id)) {\n    next.delete(id)\n  } else {\n    next.add(id)\n  }\n  expandedIds.value = next\n}\n\nfunction loadFromStorage() {\n  entries.value = getSavedFilters(props.storageKey)\n}\n\nfunction persist() {\n  try {\n    const fullStorageKey = getFullStorageKey('filters', props.storageKey)\n    localStorage.setItem(fullStorageKey, JSON.stringify(entries.value))\n  } catch {\n    console.warn('Failed to persist saved filters to localStorage')\n  }\n}\n\nonMounted(loadFromStorage)\n\nconst hasActiveFilters = computed(() =>\n  Object.values(props.values).some((v) => v !== null && v !== '' && v !== undefined),\n)\n\nfunction makeId(): string {\n  return Date.now().toString(36)\n}\n\nwatch(\n  () => [props.values, filterSetName.value],\n  () => {\n    if (justSaved.value) {\n      justSaved.value = false\n    }\n  },\n  { deep: true },\n)\n\nconst justSaved = ref(false)\n\nfunction save() {\n  if (!hasActiveFilters.value) return\n\n  const trimmed = filterSetName.value.trim()\n  const entry: SavedFilter = {\n    id: makeId(),\n    savedAt: new Date().toISOString(),\n    name: trimmed || undefined,\n    values: { ...props.values },\n  }\n  entries.value = [entry, ...entries.value].slice(0, MAX_ITEM_LIMIT)\n  filterSetName.value = ''\n\n  persist()\n  nextTick(() => {\n    justSaved.value = true\n  })\n}\n\nfunction load(entry: SavedFilter) {\n  emit('load', { ...entry.values })\n}\n\nfunction remove(entry: SavedFilter) {\n  entries.value = entries.value.filter((e) => e.id !== entry.id)\n  if (expandedIds.value.has(entry.id)) {\n    const next = new Set(expandedIds.value)\n    next.delete(entry.id)\n    expandedIds.value = next\n  }\n  persist()\n}\n\nfunction clearAll() {\n  entries.value = []\n  expandedIds.value = new Set()\n  persist()\n  confirmingClearAll.value = false\n}\n\nfunction buildEntry(entry: SavedFilter) {\n  return buildFilterDisplay(props.items, entry.values)\n}\n\nconst entryDisplays = computed(() => {\n  const map = new Map<string, ReturnType<typeof buildEntry>>()\n  for (const entry of entries.value) {\n    map.set(entry.id, buildEntry(entry))\n  }\n  return map\n})\n\nfunction getEntryDisplay(entry: SavedFilter) {\n  return entryDisplays.value.get(entry.id) ?? buildEntry(entry)\n}\n\nconst sortedEntries = computed(() => {\n  const defaultEntry = entries.value.find((e) => e.isDefault)\n  if (!defaultEntry) return entries.value\n  return [defaultEntry, ...entries.value.filter((e) => !e.isDefault)]\n})\n\nconst hasWarning = computed(() => {\n  return entries.value.length >= MAX_ITEM_LIMIT - MAX_ITEM_WARNING_THRESHOLD\n})\n\nfunction formatSavedAt(iso: string): string {\n  const d = new Date(iso)\n  if (isNaN(d.getTime())) return iso\n  return formatDate(d, 'YYYY-MM-DD HH:mm')\n}\n\nfunction toggleDefault(entry: SavedFilter) {\n  if (entry.isDefault) {\n    entry.isDefault = false\n  } else {\n    entries.value.forEach((e) => {\n      e.isDefault = false\n    })\n    entry.isDefault = true\n  }\n  persist()\n}\n</script>\n\n<template>\n  <div class=\"ac-component\">\n    <div class=\"filters-history\">\n      <button\n        type=\"button\"\n        class=\"filters-history__toggle\"\n        :class=\"{ 'is-open': open }\"\n        :aria-expanded=\"open\"\n        @click=\"open = !open\"\n      >\n        <i class=\"fa-solid fa-sliders filters-history__toggle-icon\"></i>\n        <span class=\"filters-history__toggle-label\">Mentett szűrők</span>\n        <span v-if=\"entries.length\" class=\"c-indicator\">{{ entries.length }}</span>\n        <span v-if=\"hasWarning\" v-tooltip=\"`Maximum ${MAX_ITEM_LIMIT} szűrő menthető`\"\n          >/ {{ MAX_ITEM_LIMIT }}</span\n        >\n        <i\n          class=\"fa-solid filters-history__chevron\"\n          :class=\"open ? 'fa-chevron-up' : 'fa-chevron-down'\"\n        ></i>\n      </button>\n\n      <div v-if=\"open\" class=\"filters-history__panel c-scroll\">\n        <div class=\"filters-history__save-row\">\n          <input\n            v-model=\"filterSetName\"\n            type=\"text\"\n            class=\"c-input-row c-input-row--sm\"\n            placeholder=\"Elnevezés\"\n            @keydown.enter=\"save\"\n          />\n          <Button\n            icon=\"fa-solid fa-bookmark\"\n            label=\"Mentés\"\n            size=\"small\"\n            type=\"info\"\n            :disabled=\"!hasActiveFilters || justSaved\"\n            @click=\"save\"\n          />\n        </div>\n\n        <p v-if=\"!hasActiveFilters && entries.length === 0\" class=\"filters-history__hint\">\n          Nincs aktív szűrő. Adj meg értékeket a mentéshez.\n        </p>\n        <p v-else-if=\"entries.length === 0\" class=\"filters-history__hint\">\n          Még nincs mentett szűrő.<br />\n          Az aktuális beállítások a „Mentés\" gombbal menthetők.<br />\n          Az „Elnevezés\" mező csak a könnyebb azonosítás miatt van, megadása nem kötelező.\n        </p>\n\n        <template v-if=\"entries.length > 0\">\n          <ul class=\"filters-history__list\">\n            <li\n              v-for=\"entry in sortedEntries\"\n              :key=\"entry.id\"\n              class=\"filters-history__item\"\n              :class=\"{ 'is-open': isExpanded(entry.id), 'is-default': entry.isDefault }\"\n            >\n              <div\n                class=\"filters-history__item-header\"\n                role=\"button\"\n                tabindex=\"0\"\n                :aria-expanded=\"isExpanded(entry.id)\"\n                @click=\"toggleExpanded(entry.id)\"\n                @keydown.enter.prevent=\"toggleExpanded(entry.id)\"\n                @keydown.space.prevent=\"toggleExpanded(entry.id)\"\n              >\n                <i\n                  class=\"fa-solid filters-history__item-chevron\"\n                  :class=\"isExpanded(entry.id) ? 'fa-chevron-down' : 'fa-chevron-right'\"\n                ></i>\n                <span class=\"filters-history__item-header-text\">\n                  <span class=\"filters-history__item-name\">{{ entry.name }}</span>\n                  <span v-if=\"entry.name\" class=\"filters-history__item-date\">{{\n                    formatSavedAt(entry.savedAt)\n                  }}</span>\n                </span>\n                <div class=\"filters-history__item-actions\" @click.stop>\n                  <button\n                    type=\"button\"\n                    class=\"c-indicator filters-history__item-btn filters-history__item-default\"\n                    @click=\"toggleDefault(entry)\"\n                    :class=\"{ active: entry.isDefault }\"\n                    :aria-label=\"\n                      entry.isDefault\n                        ? 'Alapértelmezett szűrő törlése'\n                        : 'Alapértelmezett szűrő beállítása'\n                    \"\n                    :title=\"\n                      entry.isDefault\n                        ? 'Alapértelmezett szűrő törlése'\n                        : 'Alapértelmezett szűrő beállítása'\n                    \"\n                  >\n                    <i\n                      class=\"fa-star fix-icon-pos\"\n                      :class=\"entry.isDefault ? 'fa-solid' : 'fa-regular'\"\n                    ></i>\n                  </button>\n                  <button\n                    type=\"button\"\n                    class=\"c-indicator filters-history__item-btn filters-history__item-load\"\n                    aria-label=\"Betöltés\"\n                    title=\"Betöltés\"\n                    @click=\"load(entry)\"\n                  >\n                    <i class=\"fa-solid fa-check\"></i>\n                  </button>\n                  <span\n                    v-if=\"getEntryDisplay(entry).length\"\n                    class=\"c-indicator\"\n                    @click.stop=\"toggleExpanded(entry.id)\"\n                    v-tooltip=\"`${getEntryDisplay(entry).length} szűrési feltétel`\"\n                    >{{ getEntryDisplay(entry).length }}</span\n                  >\n                  <button\n                    type=\"button\"\n                    class=\"c-indicator filters-history__item-btn filters-history__item-remove\"\n                    aria-label=\"Törlés\"\n                    title=\"Törlés\"\n                    @click=\"remove(entry)\"\n                  >\n                    <i class=\"fa-solid fa-xmark\"></i>\n                  </button>\n                </div>\n              </div>\n              <div v-if=\"isExpanded(entry.id)\" class=\"filters-history__item-content\">\n                <div v-if=\"getEntryDisplay(entry).length\" class=\"filters-history__item-body\">\n                  <span\n                    v-for=\"(part, idx) in getEntryDisplay(entry)\"\n                    :key=\"idx\"\n                    class=\"c-chip\"\n                    :class=\"part.displayClass\"\n                  >\n                    {{ part.text }}\n                  </span>\n                </div>\n                <p v-else class=\"filters-history__item-empty\">Nincs megjeleníthető szűrő.</p>\n              </div>\n            </li>\n          </ul>\n        </template>\n\n        <div v-if=\"entries.length > 3\">\n          <hr class=\"separator my-1\" />\n          <a\n            v-if=\"entries.length\"\n            class=\"filters-history__clear-all px-2\"\n            @click=\"confirmingClearAll = true\"\n            >Összes törlése</a\n          >\n          <ConfirmModal\n            v-if=\"confirmingClearAll\"\n            title=\"Mentett szűrők törlése\"\n            message=\"Biztosan törlöd az összes mentett szűrőt?\"\n            confirm-label=\"Törlés\"\n            cancel-label=\"Mégse\"\n            type=\"error\"\n            @confirm=\"clearAll()\"\n            @cancel=\"confirmingClearAll = false\"\n          />\n        </div>\n      </div>\n    </div>\n  </div>\n</template>\n\n<style lang=\"scss\" src=\"@/styles/components/data-table/filters-history.scss\"></style>\n"],"mappings":"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"}
+{"version":3,"file":"admins-components85.js","names":[],"sources":["../src/components/data-table/DataSort.vue"],"sourcesContent":["<script lang=\"ts\">\nexport type SortDirection = 'asc' | 'desc'\n\nexport interface DataSortOption {\n  value: string\n  label: string\n  icon?: string\n}\n\nexport interface DataSortProps {\n  modelValue: { key: string; direction: SortDirection } | null\n  options: DataSortOption[]\n  placeholder?: string\n  handleUrl?: boolean\n  disabled?: boolean\n}\n\nexport function getDefaultSort(): { key: string; direction: SortDirection } | null {\n  if (typeof window === 'undefined') return null\n  const params = new URLSearchParams(window.location.search)\n  const key = params.get('sortBy')\n  const dir = params.get('sortDir')\n  if (key && (dir === 'asc' || dir === 'desc')) {\n    return { key, direction: dir }\n  }\n  return null\n}\n</script>\n\n<script setup lang=\"ts\">\nimport { computed, ref, watch } from 'vue'\nimport DropdownSelect from '@/components/DropdownSelect.vue'\nimport { useDropdownAnchor } from '@/composables/useDropdownAnchor'\nimport { writeUrlOrRemove } from '@/utils/url'\nimport Button from '../Button.vue'\n\nconst props = withDefaults(defineProps<DataSortProps>(), {\n  placeholder: 'Rendezés...',\n  handleUrl: false,\n  disabled: false\n})\n\nconst emit = defineEmits<{\n  'update:modelValue': [sort: { key: string; direction: SortDirection } | null]\n  'sort-change': [sort: { key: string; direction: SortDirection } | null]\n}>()\n\nconst wrapperRef = ref<HTMLElement | null>(null)\nconst dropdownRef = ref<HTMLElement | null>(null)\nconst { isOpen, dropdownStyle } = useDropdownAnchor(wrapperRef, dropdownRef, {\n  extraStyle: (rect) => ({ minWidth: `${Math.max(rect.width, 240)}px` }),\n  closeOnScroll: true,\n})\n\nconst sortBy = computed<string | string[] | null>({\n  get: () => props.modelValue?.key ?? null,\n  set: (v) => {\n    if (Array.isArray(v)) return\n    emitChange(v, props.modelValue?.direction ?? 'asc')\n  },\n})\n\nconst direction = computed<SortDirection>({\n  get: () => props.modelValue?.direction ?? 'asc',\n  set: (d) => emitChange(props.modelValue?.key ?? null, d),\n})\n\nconst activeLabel = computed(() => {\n  if (!props.modelValue) return props.placeholder\n  const opt = props.options.find((o) => o.value === props.modelValue!.key)\n  const label = opt?.label ?? props.modelValue.key\n  return `${label} (${props.modelValue.direction === 'asc' ? 'növekvő' : 'csökkenő'})`\n})\n\nfunction emitChange(key: string | null, dir: SortDirection) {\n  if (key == null) {\n    if (props.handleUrl) {\n      writeUrlOrRemove('sortBy', null, { handleUrl: true })\n      writeUrlOrRemove('sortDir', null, { handleUrl: true })\n    }\n    emit('update:modelValue', null)\n    emit('sort-change', null)\n    return\n  }\n  if (props.handleUrl) {\n    writeUrlOrRemove('sortBy', key, { handleUrl: true })\n    writeUrlOrRemove('sortDir', dir, { handleUrl: true, default: 'asc' })\n  }\n  const next = { key, direction: dir }\n  emit('update:modelValue', next)\n  emit('sort-change', next)\n}\n\nfunction clear() {\n  emitChange(null, 'asc')\n  isOpen.value = false\n}\n\n// Read initial state from URL on mount when handleUrl is true and modelValue is empty.\nwatch(\n  isOpen,\n  (open) => {\n    if (!open || !props.handleUrl || props.modelValue) return\n    const sort = getDefaultSort()\n    if (sort) emitChange(sort.key, sort.direction)\n  },\n  { immediate: true },\n)\n</script>\n\n<template>\n  <div class=\"ac-component\">\n    <div ref=\"wrapperRef\" class=\"ds-sort-wrapper\">\n      <button\n        type=\"button\"\n        class=\"c-btn ds-sort-trigger lh-1\"\n        :class=\"[modelValue && 'is-active', disabled && 'is-disabled', isOpen && 'is-open']\"\n        :disabled=\"disabled\"\n        :aria-label=\"`Rendezés: ${activeLabel}`\"\n        @click=\"isOpen = !isOpen\"\n      >\n        <i\n          class=\"fa-solid fa-fw\"\n          :class=\"\n            !modelValue || modelValue.direction === 'asc'\n              ? 'fa-arrow-up-wide-short'\n              : 'fa-arrow-down-wide-short'\n          \"\n        ></i>\n        <span class=\"ds-sort-label c-truncate\">{{ activeLabel }}</span>\n        <button\n          v-if=\"modelValue\"\n          type=\"button\"\n          class=\"c-icon-btn c-icon-btn--clear ds-sort-clear\"\n          aria-label=\"Rendezés törlése\"\n          title=\"Rendezés törlése\"\n          @click.stop=\"clear\"\n        >\n          <i class=\"fa-solid fa-fw fa-xmark\"></i>\n        </button>\n        <span\n          class=\"c-icon-btn c-icon-btn--chevron\"\n          :class=\"{ 'c-icon-btn--chevron-open': isOpen }\"\n        >\n          <i class=\"fa-solid fa-fw fa-chevron-down\"></i>\n        </span>\n      </button>\n\n      <Teleport to=\"body\">\n        <div class=\"ac-component\">\n          <div v-if=\"isOpen\" ref=\"dropdownRef\" class=\"ds-sort-panel\" :style=\"dropdownStyle\">\n\n            <div class=\"ds-sort-panel__row\">\n              <label class=\"ds-sort-panel__label\">Oszlop</label>\n              <DropdownSelect\n                :model-value=\"sortBy\"\n                :options=\"options\"\n                :config=\"{\n                  clearable: false,\n                  placeholder: 'Válassz oszlopot...',\n                  filterable: false,\n                }\"\n                @update:model-value=\"(v) => (sortBy = v)\"\n              />\n            </div>\n\n            <div class=\"ds-sort-panel__row\">\n              <span class=\"ds-sort-panel__label\">Irány</span>\n              <div class=\"ds-sort-direction\" role=\"group\" aria-label=\"Rendezés iránya\">\n                <button\n                  type=\"button\"\n                  class=\"ds-sort-direction__btn\"\n                  :class=\"{ 'is-active': direction === 'asc' }\"\n                  :aria-pressed=\"direction === 'asc'\"\n                  aria-label=\"Növekvő\"\n                  @click=\"direction = 'asc'\"\n                >\n                  <i class=\"fa-solid fa-fw fa-arrow-up-wide-short\"></i>\n                  <span>Növekvő</span>\n                </button>\n                <button\n                  type=\"button\"\n                  class=\"ds-sort-direction__btn dir-desc\"\n                  :class=\"{ 'is-active': direction === 'desc' }\"\n                  :aria-pressed=\"direction === 'desc'\"\n                  aria-label=\"Csökkenő\"\n                  @click=\"direction = 'desc'\"\n                >\n                  <i class=\"fa-solid fa-fw fa-arrow-down-wide-short\"></i>\n                  <span>Csökkenő</span>\n                </button>\n              </div>\n            </div>\n\n            <div class=\"ds-sort-panel__footer\">\n              <Button label=\"Rendben\" outline size=\"small\" @click=\"isOpen = false\" />\n            </div>\n          </div>\n        </div>\n      </Teleport>\n    </div>\n  </div>\n</template>\n\n<style lang=\"scss\" src=\"@/styles/components/data-table/data-sort.scss\"></style>\n"],"mappings":""}

package/dist/admins-components86.js

@@ -0,0 +1,60 @@
+import { formatDate as e } from "./admins-components3.js";
+//#region src/utils/filterDisplay.ts
+function t(t, r, i) {
+	if (i == null || i === "") return "";
+	let a = t.find((e) => e.key === r);
+	if (a?.type === "dropdown" && a.options) {
+		let e = n(i);
+		if (Array.isArray(e)) return e.map((e) => {
+			let t = a.options?.find((t) => t.value === e);
+			return t ? t.label : String(e);
+		}).join(", ");
+		let t = a.options.find((t) => t.value === e);
+		if (t) return t.label;
+	}
+	if (a?.type === "checkbox") return i ? "Bekapcsolva" : "";
+	if (a?.type === "date" || a?.type === "datetime") {
+		if (typeof i == "object" && i) {
+			let t = i.local ?? i.utc ?? null;
+			if (t == null) return "";
+			let n = t instanceof Date ? t : new Date(t);
+			if (!isNaN(n.getTime())) return e(n, a.type === "datetime" ? "YYYY-MM-DD HH:mm" : "YYYY-MM-DD");
+		}
+		if (typeof i == "string" && i) {
+			let t = new Date(i);
+			if (!isNaN(t.getTime())) return e(t, a.type === "datetime" ? "YYYY-MM-DD HH:mm" : "YYYY-MM-DD");
+		}
+	}
+	if ((a?.type === "daterange" || a?.type === "datetimerange") && typeof i == "object") {
+		let t = a.type === "datetimerange" ? "YYYY-MM-DD HH:mm" : "YYYY-MM-DD";
+		return `${i.fromUtc ? e(new Date(i.fromUtc), t) : "…"} - ${i.toUtc ? e(new Date(i.toUtc), t) : "…"}`;
+	}
+	return typeof i == "object" ? JSON.stringify(i) : String(i);
+}
+function n(e) {
+	if (Array.isArray(e)) return e;
+	if (typeof e == "string") {
+		if (e.startsWith("[") && e.endsWith("]")) try {
+			let t = JSON.parse(e);
+			if (Array.isArray(t)) return t;
+		} catch {}
+		return e;
+	}
+	return e;
+}
+function r(e, n) {
+	let r = [];
+	for (let [i, a] of Object.entries(n)) {
+		let n = t(e, i, a);
+		if (!n) continue;
+		let o = e.find((e) => e.key === i), s = o?.label ?? i;
+		r.push({
+			key: i,
+			text: `${s}: ${n}`,
+			displayClass: o?.displayClass
+		});
+	}
+	return r;
+}
+//#endregion
+export { r as buildFilterDisplay, t as displayFilterValue, n as parseDropdownValue };

package/dist/admins-components86.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"admins-components86.js","names":[],"sources":["../src/utils/filterDisplay.ts"],"sourcesContent":["import { formatDate } from '@/utils/date'\nimport type { FilterItem } from '@/components/data-table/DataFilters.vue'\n\nexport function displayFilterValue(items: FilterItem[], key: string, value: any): string {\n  if (value === null || value === undefined || value === '') return ''\n\n  const item = items.find((i) => i.key === key)\n\n  if (item?.type === 'dropdown' && item.options) {\n    const parsedValue = parseDropdownValue(value)\n\n    if (Array.isArray(parsedValue)) {\n      const labels = parsedValue.map((v) => {\n        const opt = item.options?.find((o) => o.value === v)\n        return opt ? opt.label : String(v)\n      })\n      return labels.join(', ')\n    }\n\n    const opt = item.options.find((o) => o.value === parsedValue)\n    if (opt) return opt.label\n  }\n  if (item?.type === 'checkbox') {\n    return value ? 'Bekapcsolva' : ''\n  }\n\n  if (item?.type === 'date' || item?.type === 'datetime') {\n    if (typeof value === 'object' && value !== null) {\n      const local: Date | string | null | undefined = value.local ?? value.utc ?? null\n      if (local == null) return ''\n      const d = local instanceof Date ? local : new Date(local)\n      if (!isNaN(d.getTime())) {\n        return formatDate(d, item.type === 'datetime' ? 'YYYY-MM-DD HH:mm' : 'YYYY-MM-DD')\n      }\n    }\n    if (typeof value === 'string' && value) {\n      const d = new Date(value)\n      if (!isNaN(d.getTime())) {\n        return formatDate(d, item.type === 'datetime' ? 'YYYY-MM-DD HH:mm' : 'YYYY-MM-DD')\n      }\n    }\n  }\n\n  if ((item?.type === 'daterange' || item?.type === 'datetimerange') && typeof value === 'object') {\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}`\n  }\n\n  if (typeof value === 'object') return JSON.stringify(value)\n\n  return String(value)\n}\n\nexport function parseDropdownValue(value: any): unknown {\n  if (Array.isArray(value)) {\n    return value\n  }\n\n  if (typeof value === 'string') {\n    if (value.startsWith('[') && value.endsWith(']')) {\n      try {\n        const parsed = JSON.parse(value)\n        if (Array.isArray(parsed)) {\n          return parsed\n        }\n      } catch {\n        // If parsing fails, treat as string\n      }\n    }\n    return value\n  }\n\n  return value\n}\n\nexport interface FilterDisplayPart {\n  key: string\n  text: string\n  displayClass?: string\n}\n\nexport function buildFilterDisplay(\n  items: FilterItem[],\n  values: Record<string, any>,\n): FilterDisplayPart[] {\n  const parts: FilterDisplayPart[] = []\n  for (const [key, rawValue] of Object.entries(values)) {\n    const v = displayFilterValue(items, key, rawValue)\n    if (!v) continue\n    const item = items.find((i) => i.key === key)\n    const labelText = item?.label ?? key\n    parts.push({ key, text: `${labelText}: ${v}`, displayClass: item?.displayClass })\n  }\n\n  return parts\n}\n\nexport function buildFilterValues(items: FilterItem[], values: Record<string, any>): string[] {\n  return buildFilterDisplay(items, values).map((p) => p.text)\n}\n"],"mappings":";;AAGA,SAAgB,EAAmB,GAAqB,GAAa,GAAoB;CACvF,IAAI,KAAU,QAA+B,MAAU,IAAI,OAAO;CAElE,IAAM,IAAO,EAAM,MAAM,MAAM,EAAE,QAAQ,CAAG;CAE5C,IAAI,GAAM,SAAS,cAAc,EAAK,SAAS;EAC7C,IAAM,IAAc,EAAmB,CAAK;EAE5C,IAAI,MAAM,QAAQ,CAAW,GAK3B,OAJe,EAAY,KAAK,MAAM;GACpC,IAAM,IAAM,EAAK,SAAS,MAAM,MAAM,EAAE,UAAU,CAAC;GACnD,OAAO,IAAM,EAAI,QAAQ,OAAO,CAAC;EACnC,CACO,EAAO,KAAK,IAAI;EAGzB,IAAM,IAAM,EAAK,QAAQ,MAAM,MAAM,EAAE,UAAU,CAAW;EAC5D,IAAI,GAAK,OAAO,EAAI;CACtB;CACA,IAAI,GAAM,SAAS,YACjB,OAAO,IAAQ,gBAAgB;CAGjC,IAAI,GAAM,SAAS,UAAU,GAAM,SAAS,YAAY;EACtD,IAAI,OAAO,KAAU,YAAY,GAAgB;GAC/C,IAAM,IAA0C,EAAM,SAAS,EAAM,OAAO;GAC5E,IAAI,KAAS,MAAM,OAAO;GAC1B,IAAM,IAAI,aAAiB,OAAO,IAAQ,IAAI,KAAK,CAAK;GACxD,IAAI,CAAC,MAAM,EAAE,QAAQ,CAAC,GACpB,OAAO,EAAW,GAAG,EAAK,SAAS,aAAa,qBAAqB,YAAY;EAErF;EACA,IAAI,OAAO,KAAU,YAAY,GAAO;GACtC,IAAM,IAAI,IAAI,KAAK,CAAK;GACxB,IAAI,CAAC,MAAM,EAAE,QAAQ,CAAC,GACpB,OAAO,EAAW,GAAG,EAAK,SAAS,aAAa,qBAAqB,YAAY;EAErF;CACF;CAEA,KAAK,GAAM,SAAS,eAAe,GAAM,SAAS,oBAAoB,OAAO,KAAU,UAAU;EAE/F,IAAM,IADW,EAAK,SAAS,kBACR,qBAAqB;EAG5C,OAAO,GAFM,EAAM,UAAU,EAAW,IAAI,KAAK,EAAM,OAAO,GAAG,CAAG,IAAI,IAEzD,KADJ,EAAM,QAAQ,EAAW,IAAI,KAAK,EAAM,KAAK,GAAG,CAAG,IAAI;CAEpE;CAIA,OAFI,OAAO,KAAU,WAAiB,KAAK,UAAU,CAAK,IAEnD,OAAO,CAAK;AACrB;AAEA,SAAgB,EAAmB,GAAqB;CACtD,IAAI,MAAM,QAAQ,CAAK,GACrB,OAAO;CAGT,IAAI,OAAO,KAAU,UAAU;EAC7B,IAAI,EAAM,WAAW,GAAG,KAAK,EAAM,SAAS,GAAG,GAC7C,IAAI;GACF,IAAM,IAAS,KAAK,MAAM,CAAK;GAC/B,IAAI,MAAM,QAAQ,CAAM,GACtB,OAAO;EAEX,QAAQ,CAER;EAEF,OAAO;CACT;CAEA,OAAO;AACT;AAQA,SAAgB,EACd,GACA,GACqB;CACrB,IAAM,IAA6B,CAAC;CACpC,KAAK,IAAM,CAAC,GAAK,MAAa,OAAO,QAAQ,CAAM,GAAG;EACpD,IAAM,IAAI,EAAmB,GAAO,GAAK,CAAQ;EACjD,IAAI,CAAC,GAAG;EACR,IAAM,IAAO,EAAM,MAAM,MAAM,EAAE,QAAQ,CAAG,GACtC,IAAY,GAAM,SAAS;EACjC,EAAM,KAAK;GAAE;GAAK,MAAM,GAAG,EAAU,IAAI;GAAK,cAAc,GAAM;EAAa,CAAC;CAClF;CAEA,OAAO;AACT"}

package/dist/admins-components87.js

@@ -1,7 +1,68 @@
-import './src/styles/components/data-table/filters-history.scss_vue_type_style_index_0_src_true_lang.css';
-import e from "./admins-components85.js";
-/* empty css                    */
-//#region src/components/data-table/FiltersHistory.vue
-var t = e;
+import { getFullStorageKey as e } from "./admins-components78.js";
+import { getUrlParam as t, removeUrlParam as n, setUrlParam as r } from "./admins-components79.js";
+import { parseDropdownValue as i } from "./admins-components86.js";
+//#region src/utils/dataFilters.ts
+function a(e, t, n = !0) {
+	let r = o(e), i = Object.keys(r).length > 0, a = (i ? null : c(t))?.values ?? {}, s = {};
+	for (let t of e) {
+		if (t.type === "separator") continue;
+		let e;
+		if (t.key in r) e = r[t.key];
+		else if (i) continue;
+		else if (t.key in a) e = a[t.key];
+		else if (t.value !== void 0) e = t.value;
+		else continue;
+		if (e != null) if (n && t.transformer) {
+			let n = t.transformer(e);
+			n && Object.assign(s, n);
+		} else s[t.key] = e;
+	}
+	return s;
+}
+function o(e) {
+	let n = {};
+	for (let r of e) {
+		if (r.type === "separator") continue;
+		let e = t(r.key);
+		e && (n[r.key] = u(r.type, e, r.value));
+	}
+	return n;
+}
+function s(t) {
+	try {
+		let n = e("filters", t), r = JSON.parse(localStorage.getItem(n) ?? "[]");
+		return Array.isArray(r) ? r.filter((e) => e && typeof e == "object" && typeof e.id == "string" && e.values && typeof e.savedAt == "string") : [];
+	} catch {
+		return [];
+	}
+}
+function c(e) {
+	return s(e).find((e) => e.isDefault) ?? null;
+}
+function l(e) {
+	return Object.fromEntries(Object.entries(e).filter(([e, t]) => t !== null && t !== "" && t !== void 0));
+}
+function u(e, t, n) {
+	if (e === "number") {
+		let e = Number(t);
+		return isNaN(e) ? n ?? null : e;
+	}
+	return e === "date" || e === "datetime" ? { utc: t } : e === "daterange" || e === "datetimerange" ? d(t, n) : e === "dropdown" ? i(t) : e === "checkbox" ? t === "true" : t;
+}
+function d(e, t) {
+	try {
+		let t = JSON.parse(e);
+		return t && typeof t == "object" && "local" in t && t.local && (t.local = new Date(t.local)), t;
+	} catch {
+		return t ?? null;
+	}
+}
+function f(e, t) {
+	for (let i of e) {
+		if (i.type === "separator") continue;
+		let e = t[i.key];
+		e == null || e === "" ? n(i.key) : i.type === "date" || i.type === "datetime" ? r(i.key, e.utc) : typeof e == "object" ? r(i.key, JSON.stringify(e)) : r(i.key, String(e));
+	}
+}
 //#endregion
-export { t as default };
+export { l as filterEmptyValues, a as getDefaultFilters, c as getDefaultSavedFilter, o as getFilterUrlParams, s as getSavedFilters, f as writeFilterParams };

package/dist/admins-components87.js.map

@@ -1 +1 @@
-{"version":3,"file":"admins-components87.js","names":[],"sources":["../src/components/data-table/FiltersHistory.vue"],"sourcesContent":["<script lang=\"ts\">\nexport interface SavedFilter {\n  id: string\n  savedAt: string\n  name?: string\n  values: Record<string, any>\n  isDefault?: boolean\n}\n</script>\n\n<script setup lang=\"ts\">\nimport { computed, onMounted, ref, watch, nextTick } from 'vue'\nimport Button from '@/components/Button.vue'\nimport ConfirmModal from '@/components/ConfirmModal.vue'\nimport type { FilterItem } from '@/components/data-table/DataFilters.vue'\nimport { formatDate } from '@/utils/date'\nimport { buildFilterDisplay } from '@/utils/filterDisplay'\nimport { getSavedFilters } from '@/utils/dataFilters'\nimport { getFullStorageKey } from '@/utils/storageKey'\n\nconst props = defineProps<{\n  items: FilterItem[]\n  values: Record<string, any>\n  storageKey?: string\n}>()\n\nconst MAX_ITEM_LIMIT = 50\nconst MAX_ITEM_WARNING_THRESHOLD = 7\n\nconst emit = defineEmits<{\n  load: [values: Record<string, any>]\n}>()\n\nconst open = ref(false)\nconst entries = ref<SavedFilter[]>([])\nconst filterSetName = ref('')\nconst expandedIds = ref<Set<string>>(new Set())\nconst confirmingClearAll = ref(false)\n\nfunction isExpanded(id: string): boolean {\n  return expandedIds.value.has(id)\n}\n\nfunction toggleExpanded(id: string): void {\n  const next = new Set(expandedIds.value)\n  if (next.has(id)) {\n    next.delete(id)\n  } else {\n    next.add(id)\n  }\n  expandedIds.value = next\n}\n\nfunction loadFromStorage() {\n  entries.value = getSavedFilters(props.storageKey)\n}\n\nfunction persist() {\n  try {\n    const fullStorageKey = getFullStorageKey('filters', props.storageKey)\n    localStorage.setItem(fullStorageKey, JSON.stringify(entries.value))\n  } catch {\n    console.warn('Failed to persist saved filters to localStorage')\n  }\n}\n\nonMounted(loadFromStorage)\n\nconst hasActiveFilters = computed(() =>\n  Object.values(props.values).some((v) => v !== null && v !== '' && v !== undefined),\n)\n\nfunction makeId(): string {\n  return Date.now().toString(36)\n}\n\nwatch(\n  () => [props.values, filterSetName.value],\n  () => {\n    if (justSaved.value) {\n      justSaved.value = false\n    }\n  },\n  { deep: true },\n)\n\nconst justSaved = ref(false)\n\nfunction save() {\n  if (!hasActiveFilters.value) return\n\n  const trimmed = filterSetName.value.trim()\n  const entry: SavedFilter = {\n    id: makeId(),\n    savedAt: new Date().toISOString(),\n    name: trimmed || undefined,\n    values: { ...props.values },\n  }\n  entries.value = [entry, ...entries.value].slice(0, MAX_ITEM_LIMIT)\n  filterSetName.value = ''\n\n  persist()\n  nextTick(() => {\n    justSaved.value = true\n  })\n}\n\nfunction load(entry: SavedFilter) {\n  emit('load', { ...entry.values })\n}\n\nfunction remove(entry: SavedFilter) {\n  entries.value = entries.value.filter((e) => e.id !== entry.id)\n  if (expandedIds.value.has(entry.id)) {\n    const next = new Set(expandedIds.value)\n    next.delete(entry.id)\n    expandedIds.value = next\n  }\n  persist()\n}\n\nfunction clearAll() {\n  entries.value = []\n  expandedIds.value = new Set()\n  persist()\n  confirmingClearAll.value = false\n}\n\nfunction buildEntry(entry: SavedFilter) {\n  return buildFilterDisplay(props.items, entry.values)\n}\n\nconst entryDisplays = computed(() => {\n  const map = new Map<string, ReturnType<typeof buildEntry>>()\n  for (const entry of entries.value) {\n    map.set(entry.id, buildEntry(entry))\n  }\n  return map\n})\n\nfunction getEntryDisplay(entry: SavedFilter) {\n  return entryDisplays.value.get(entry.id) ?? buildEntry(entry)\n}\n\nconst sortedEntries = computed(() => {\n  const defaultEntry = entries.value.find((e) => e.isDefault)\n  if (!defaultEntry) return entries.value\n  return [defaultEntry, ...entries.value.filter((e) => !e.isDefault)]\n})\n\nconst hasWarning = computed(() => {\n  return entries.value.length >= MAX_ITEM_LIMIT - MAX_ITEM_WARNING_THRESHOLD\n})\n\nfunction formatSavedAt(iso: string): string {\n  const d = new Date(iso)\n  if (isNaN(d.getTime())) return iso\n  return formatDate(d, 'YYYY-MM-DD HH:mm')\n}\n\nfunction toggleDefault(entry: SavedFilter) {\n  if (entry.isDefault) {\n    entry.isDefault = false\n  } else {\n    entries.value.forEach((e) => {\n      e.isDefault = false\n    })\n    entry.isDefault = true\n  }\n  persist()\n}\n</script>\n\n<template>\n  <div class=\"ac-component\">\n    <div class=\"filters-history\">\n      <button\n        type=\"button\"\n        class=\"filters-history__toggle\"\n        :class=\"{ 'is-open': open }\"\n        :aria-expanded=\"open\"\n        @click=\"open = !open\"\n      >\n        <i class=\"fa-solid fa-sliders filters-history__toggle-icon\"></i>\n        <span class=\"filters-history__toggle-label\">Mentett szűrők</span>\n        <span v-if=\"entries.length\" class=\"c-indicator\">{{ entries.length }}</span>\n        <span v-if=\"hasWarning\" v-tooltip=\"`Maximum ${MAX_ITEM_LIMIT} szűrő menthető`\"\n          >/ {{ MAX_ITEM_LIMIT }}</span\n        >\n        <i\n          class=\"fa-solid filters-history__chevron\"\n          :class=\"open ? 'fa-chevron-up' : 'fa-chevron-down'\"\n        ></i>\n      </button>\n\n      <div v-if=\"open\" class=\"filters-history__panel c-scroll\">\n        <div class=\"filters-history__save-row\">\n          <input\n            v-model=\"filterSetName\"\n            type=\"text\"\n            class=\"c-input-row c-input-row--sm\"\n            placeholder=\"Elnevezés\"\n            @keydown.enter=\"save\"\n          />\n          <Button\n            icon=\"fa-solid fa-bookmark\"\n            label=\"Mentés\"\n            size=\"small\"\n            type=\"info\"\n            :disabled=\"!hasActiveFilters || justSaved\"\n            @click=\"save\"\n          />\n        </div>\n\n        <p v-if=\"!hasActiveFilters && entries.length === 0\" class=\"filters-history__hint\">\n          Nincs aktív szűrő. Adj meg értékeket a mentéshez.\n        </p>\n        <p v-else-if=\"entries.length === 0\" class=\"filters-history__hint\">\n          Még nincs mentett szűrő.<br />\n          Az aktuális beállítások a „Mentés\" gombbal menthetők.<br />\n          Az „Elnevezés\" mező csak a könnyebb azonosítás miatt van, megadása nem kötelező.\n        </p>\n\n        <template v-if=\"entries.length > 0\">\n          <ul class=\"filters-history__list\">\n            <li\n              v-for=\"entry in sortedEntries\"\n              :key=\"entry.id\"\n              class=\"filters-history__item\"\n              :class=\"{ 'is-open': isExpanded(entry.id), 'is-default': entry.isDefault }\"\n            >\n              <div\n                class=\"filters-history__item-header\"\n                role=\"button\"\n                tabindex=\"0\"\n                :aria-expanded=\"isExpanded(entry.id)\"\n                @click=\"toggleExpanded(entry.id)\"\n                @keydown.enter.prevent=\"toggleExpanded(entry.id)\"\n                @keydown.space.prevent=\"toggleExpanded(entry.id)\"\n              >\n                <i\n                  class=\"fa-solid filters-history__item-chevron\"\n                  :class=\"isExpanded(entry.id) ? 'fa-chevron-down' : 'fa-chevron-right'\"\n                ></i>\n                <span class=\"filters-history__item-header-text\">\n                  <span class=\"filters-history__item-name\">{{ entry.name }}</span>\n                  <span v-if=\"entry.name\" class=\"filters-history__item-date\">{{\n                    formatSavedAt(entry.savedAt)\n                  }}</span>\n                </span>\n                <div class=\"filters-history__item-actions\" @click.stop>\n                  <button\n                    type=\"button\"\n                    class=\"c-indicator filters-history__item-btn filters-history__item-default\"\n                    @click=\"toggleDefault(entry)\"\n                    :class=\"{ active: entry.isDefault }\"\n                    :aria-label=\"\n                      entry.isDefault\n                        ? 'Alapértelmezett szűrő törlése'\n                        : 'Alapértelmezett szűrő beállítása'\n                    \"\n                    :title=\"\n                      entry.isDefault\n                        ? 'Alapértelmezett szűrő törlése'\n                        : 'Alapértelmezett szűrő beállítása'\n                    \"\n                  >\n                    <i\n                      class=\"fa-star fix-icon-pos\"\n                      :class=\"entry.isDefault ? 'fa-solid' : 'fa-regular'\"\n                    ></i>\n                  </button>\n                  <button\n                    type=\"button\"\n                    class=\"c-indicator filters-history__item-btn filters-history__item-load\"\n                    aria-label=\"Betöltés\"\n                    title=\"Betöltés\"\n                    @click=\"load(entry)\"\n                  >\n                    <i class=\"fa-solid fa-check\"></i>\n                  </button>\n                  <span\n                    v-if=\"getEntryDisplay(entry).length\"\n                    class=\"c-indicator\"\n                    @click.stop=\"toggleExpanded(entry.id)\"\n                    v-tooltip=\"`${getEntryDisplay(entry).length} szűrési feltétel`\"\n                    >{{ getEntryDisplay(entry).length }}</span\n                  >\n                  <button\n                    type=\"button\"\n                    class=\"c-indicator filters-history__item-btn filters-history__item-remove\"\n                    aria-label=\"Törlés\"\n                    title=\"Törlés\"\n                    @click=\"remove(entry)\"\n                  >\n                    <i class=\"fa-solid fa-xmark\"></i>\n                  </button>\n                </div>\n              </div>\n              <div v-if=\"isExpanded(entry.id)\" class=\"filters-history__item-content\">\n                <div v-if=\"getEntryDisplay(entry).length\" class=\"filters-history__item-body\">\n                  <span\n                    v-for=\"(part, idx) in getEntryDisplay(entry)\"\n                    :key=\"idx\"\n                    class=\"c-chip\"\n                    :class=\"part.displayClass\"\n                  >\n                    {{ part.text }}\n                  </span>\n                </div>\n                <p v-else class=\"filters-history__item-empty\">Nincs megjeleníthető szűrő.</p>\n              </div>\n            </li>\n          </ul>\n        </template>\n\n        <div v-if=\"entries.length > 3\">\n          <hr class=\"separator my-1\" />\n          <a\n            v-if=\"entries.length\"\n            class=\"filters-history__clear-all px-2\"\n            @click=\"confirmingClearAll = true\"\n            >Összes törlése</a\n          >\n          <ConfirmModal\n            v-if=\"confirmingClearAll\"\n            title=\"Mentett szűrők törlése\"\n            message=\"Biztosan törlöd az összes mentett szűrőt?\"\n            confirm-label=\"Törlés\"\n            cancel-label=\"Mégse\"\n            type=\"error\"\n            @confirm=\"clearAll()\"\n            @cancel=\"confirmingClearAll = false\"\n          />\n        </div>\n      </div>\n    </div>\n  </div>\n</template>\n\n<style lang=\"scss\" src=\"@/styles/components/data-table/filters-history.scss\"></style>\n"],"mappings":""}
+{"version":3,"file":"admins-components87.js","names":[],"sources":["../src/utils/dataFilters.ts"],"sourcesContent":["import type { FilterItem } from '@/components/data-table/DataFilters.vue'\nimport type { SavedFilter } from '@/components/data-table/FiltersHistory.vue'\nimport { parseDropdownValue } from '@/utils/filterDisplay'\nimport { getFullStorageKey } from '@/utils/storageKey'\nimport { getUrlParam, setUrlParam, removeUrlParam } from '@/utils/url'\n\n export function getDefaultFilters(\n  items: FilterItem[],\n  storageKey?: string,\n  useTransformers = true,\n): Record<string, unknown> {\n  const urlFilters = getFilterUrlParams(items)\n  const hasUrlParams = Object.keys(urlFilters).length > 0\n  const defaultFilter = hasUrlParams ? null : getDefaultSavedFilter(storageKey)\n  const defaultSavedValues = defaultFilter?.values ?? {}\n\n  const result: Record<string, unknown> = {}\n\n  for (const item of items) {\n    if (item.type === 'separator') continue\n\n    let value: unknown\n\n    if (item.key in urlFilters) {\n      value = urlFilters[item.key]\n    } else if (hasUrlParams) {\n      continue\n    } else if (item.key in defaultSavedValues) {\n      value = defaultSavedValues[item.key]\n    } else if (item.value !== undefined) {\n      value = item.value\n    } else {\n      continue\n    }\n\n    if (value == null) continue\n\n    if (useTransformers && item.transformer) {\n      const transformed = item.transformer(value)\n      if (transformed) {\n        Object.assign(result, transformed)\n      }\n    } else {\n      result[item.key] = value\n    }\n  }\n\n  return result\n}\n\nexport function getFilterUrlParams(items: FilterItem[]): Record<string, unknown> {\n  const result: Record<string, unknown> = {}\n\n  for (const item of items) {\n    if (item.type === 'separator') continue\n\n    const raw = getUrlParam(item.key)\n    if (raw) {\n      result[item.key] = parseFilterValue(item.type, raw, item.value)\n    }\n  }\n  return result\n}\n\nexport function getSavedFilters(storageKey?: string): SavedFilter[] {\n  try {\n    const fullStorageKey = getFullStorageKey('filters', storageKey)\n    const parsed = JSON.parse(localStorage.getItem(fullStorageKey) ?? '[]')\n    return Array.isArray(parsed)\n      ? parsed.filter(\n          (e) =>\n            e &&\n            typeof e === 'object' &&\n            typeof e.id === 'string' &&\n            e.values &&\n            typeof e.savedAt === 'string',\n        )\n      : []\n  } catch {\n    return []\n  }\n}\n\nexport function getDefaultSavedFilter(storageKey?: string): SavedFilter | null {\n  const savedFilters = getSavedFilters(storageKey)\n  return savedFilters.find((f) => f.isDefault) ?? null\n}\n\nexport function filterEmptyValues(filters: Record<string, any>): Record<string, any> {\n  return Object.fromEntries(\n    // eslint-disable-next-line @typescript-eslint/no-unused-vars\n    Object.entries(filters).filter(([_, val]) => val !== null && val !== '' && val !== undefined),\n  )\n}\n\nfunction parseFilterValue(type: FilterItem['type'], raw: string, fallback: unknown): unknown {\n  if (type === 'number') {\n    const n = Number(raw)\n    return isNaN(n) ? (fallback ?? null) : n\n  }\n  if (type === 'date' || type === 'datetime') {\n    return { utc: raw }\n  }\n  if (type === 'daterange' || type === 'datetimerange') {\n    return parseRangeValue(raw, fallback)\n  }\n  if (type === 'dropdown') {\n    return parseDropdownValue(raw)\n  }\n  if (type === 'checkbox') {\n    return raw === 'true'\n  }\n\n  return raw\n}\n\nfunction parseRangeValue(raw: string, fallback: unknown): unknown {\n  try {\n    const parsed = JSON.parse(raw)\n    if (parsed && typeof parsed === 'object' && 'local' in parsed && parsed.local) {\n      parsed.local = new Date(parsed.local)\n    }\n    return parsed\n  } catch {\n    return fallback ?? null\n  }\n}\n\nexport function writeFilterParams(items: FilterItem[], vals: Record<string, unknown>) {\n  for (const item of items) {\n    if (item.type === 'separator') continue\n    const v = vals[item.key]\n    if (v === null || v === undefined || v === '') {\n      removeUrlParam(item.key)\n    } else if (item.type === 'date' || item.type === 'datetime') {\n      setUrlParam(item.key, (v as { utc: string }).utc)\n    } else if (typeof v === 'object') {\n      setUrlParam(item.key, JSON.stringify(v))\n    } else {\n      setUrlParam(item.key, String(v))\n    }\n  }\n}\n"],"mappings":"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"}