admins-components 9.0.27 → 9.0.29

package/dist/admins-components89.js.map

@@ -1 +1 @@
-{"version":3,"file":"admins-components89.js","names":[],"sources":["../src/components/data-table/DataList.vue"],"sourcesContent":["<script lang=\"ts\">\nexport type { PaginatorSettings } from '@/types/data-list'\n\nexport interface DataListProps {\n  config: DataListConfig\n  items: Record<string, unknown>[]\n  settings?: Partial<DataListSettings>\n  id: string\n  layoutBreakpoint?: number\n  orderable?: boolean\n  pagination?: PaginatorSettings\n  filters?: FilterItem[]\n  historyEnabled?: boolean\n  loading?: boolean\n  handleUrl?: boolean\n}\n\nexport const dataListDefaults = {\n  layoutBreakpoint: 768,\n  orderable: true,\n  historyEnabled: true,\n  loading: false,\n  handleUrl: false,\n}\n</script>\n\n<script setup lang=\"ts\">\nimport { ref, computed, onMounted, onBeforeUnmount } from 'vue'\nimport DataTable from '@/components/data-table/DataTable.vue'\nimport DataCards from '@/components/data-table/DataCards.vue'\nimport DataListOptions from '@/components/data-table/DataListOptions.vue'\nimport DataPaginator from '@/components/data-table/DataPaginator.vue'\nimport Button from '@/components/Button.vue'\nimport type {\n  DataListConfig,\n  DataListSettings,\n  PageSettings,\n  PaginatorSettings,\n} from '@/types/data-list'\nimport type { FilterValue } from '@/types/data-list'\nimport DataFilters, {\n  type FilterItem,\n  type FilterResponse,\n} from '@/components/data-table/DataFilters.vue'\nimport FilterTags from '@/components/data-table/FilterTags.vue'\nimport DataListGuide from '@/components/data-table/DataListGuide.vue'\nimport { getFilterParams } from '@/utils/dataFilters'\n\nconst dataFiltersRef = ref<InstanceType<typeof DataFilters> | null>(null)\n\nconst props = withDefaults(defineProps<DataListProps>(), {\n  ...dataListDefaults,\n})\n\nconst emit = defineEmits<{\n  'filter-change': [filters: Record<string, FilterValue>]\n  'selection-change': [selected: unknown[]]\n  'settings-change': [settings: DataListSettings]\n  'pagination-change': [pagination: PageSettings]\n  'sort-change': [sort: { key: string; direction: 'asc' | 'desc' }]\n}>()\n\nconst showOptions = ref(false)\nconst showGuide = ref(false)\nconst resolvedSettings = ref<DataListSettings | null>(null)\nconst isMobile = ref(false)\nconst root = ref<HTMLElement | null>(null)\nconst showFilters = ref(false)\n\n// const hasTextFilter = computed(() =>\n//   props.filters?.some((item) => item.type === 'text' || item.type === 'textarea'),\n// )\n\n// const exactMatchFilterItem: FilterItem = {\n//   type: 'checkbox',\n//   key: 'exactMatch',\n//   label: 'Pontos egyezés',\n//   fullWidth: true,\n//   config: {\n//     labelAlignmentFix: true,\n//   },\n//   displayClass: 'highlight-chip',\n// }\n\n// function ensureExactMatchItem(items: FilterItem[]): FilterItem[] {\n//   if (!hasTextFilter.value) return items\n//   if (items.some((i) => i.key === 'exactMatch')) return items\n\n//   return [exactMatchFilterItem, ...items]\n// }\n\n// const resolvedFilters = computed<FilterItem[]>(() => ensureExactMatchItem(props.filters ?? []))\n\nconst activeFilters = ref<Record<string, any>>(\n  props.filters ? (getFilterParams(props.filters) ?? {}) : {},\n)\n\nlet resizeObserver: ResizeObserver | null = null\n\nonMounted(() => {\n  resizeObserver = new ResizeObserver((entries) => {\n    isMobile.value = (entries[0]?.contentRect.width ?? 0) < props.layoutBreakpoint\n  })\n  if (root.value) resizeObserver.observe(root.value)\n})\n\nonBeforeUnmount(() => resizeObserver?.disconnect())\n\nconst effectiveLayout = computed<'table' | 'cards'>(() => {\n  const layout = resolvedSettings.value?.layout\n  if (layout === 'table' || layout === 'cards') return layout\n  return isMobile.value ? 'cards' : 'table'\n})\n\nconst internalConfig = computed<DataListConfig>(() => {\n  if (!resolvedSettings.value) return props.config\n  const order = resolvedSettings.value.columnOrder\n  const mapped = props.config.columns.map((c) => ({\n    ...c,\n    visible: resolvedSettings.value!.columns[c.property] ?? c.visible !== false,\n  }))\n  if (order?.length) {\n    mapped.sort((a, b) => {\n      const ai = order.indexOf(a.property)\n      const bi = order.indexOf(b.property)\n      return (ai === -1 ? 999 : ai) - (bi === -1 ? 999 : bi)\n    })\n  }\n  return { ...props.config, columns: mapped }\n})\n\nfunction onSettingsChange(s: DataListSettings) {\n  resolvedSettings.value = s\n  emit('settings-change', s)\n}\n\ndefineExpose({\n  openOptions: () => (showOptions.value = true),\n  closeOptions: () => (showOptions.value = false),\n  openFilters: () => (showFilters.value = true),\n  closeFilters: () => (showFilters.value = false),\n})\n\nasync function openFilter(key: string) {\n  showFilters.value = true\n  setTimeout(() => {\n    dataFiltersRef.value?.focusFilter(key)\n  }, 300)\n}\n\nfunction onFilterChange(response: FilterResponse) {\n  activeFilters.value = response.values\n  emit('filter-change', response.transformed)\n}\n\nconst activeFiltersCount = computed(\n  () => Object.values(activeFilters.value).filter((v) => v != null && v !== '').length,\n)\n\nconst showPaginator = computed(\n  () => !!props.pagination && (props.items.length > 0 || !props.loading),\n)\n</script>\n\n<template>\n  <div class=\"ac-component\">\n    <div ref=\"root\" class=\"c-data-list\">\n      <template v-if=\"filters && filters.length > 0\">\n        <div class=\"flex-center gap-2 mb-3 wrap-on-small\">\n          <Button\n            label=\"Szűrők megnyitása\"\n            icon=\"fa-solid fa-filter\"\n            @click=\"showFilters = true\"\n            style=\"flex-shrink: 0\"\n            :type=\"activeFiltersCount > 0 ? 'info' : 'normal'\"\n            :indicator=\"activeFiltersCount > 0 ? activeFiltersCount : undefined\"\n          />\n          <div class=\"flex-center gap-1\">\n            <FilterTags\n              :filters=\"activeFilters\"\n              :items=\"filters\"\n              @remove=\"(key: string) => dataFiltersRef?.clearFilter(key)\"\n              @openFilter=\"openFilter\"\n            />\n          </div>\n        </div>\n        <DataFilters\n          ref=\"dataFiltersRef\"\n          :open=\"showFilters\"\n          :items=\"filters\"\n          :history-enabled=\"historyEnabled\"\n          lazy\n          :handle-url=\"handleUrl\"\n          :storage-key=\"id\"\n          @close=\"showFilters = false\"\n          @change=\"onFilterChange\"\n        />\n      </template>\n\n      <div class=\"c-data-list__toolbar\">\n        <Button\n          label=\"Beállítások\"\n          icon=\"fa-solid fa-gear\"\n          class=\"c-data-list__toolbar__item\"\n          size=\"small\"\n          @click=\"showOptions = true\"\n        />\n        <Button\n          label=\"Súgó\"\n          icon=\"fa-solid fa-question\"\n          icon-position=\"right\"\n          class=\"c-data-list__toolbar__item ml-auto\"\n          label-alignment-fix\n          size=\"small\"\n          @click=\"showGuide = true\"\n        />\n      </div>\n      <DataListGuide :open=\"showGuide\" @close=\"showGuide = false\" />\n      <DataTable\n        v-if=\"effectiveLayout === 'table'\"\n        :config=\"internalConfig\"\n        :loading=\"loading\"\n        :items=\"items\"\n        :settings=\"resolvedSettings ?? undefined\"\n        @filter-change=\"emit('filter-change', $event)\"\n        @selection-change=\"emit('selection-change', $event)\"\n        @sort-change=\"emit('sort-change', $event)\"\n      />\n\n      <DataCards\n        v-else\n        :config=\"internalConfig\"\n        :loading=\"loading\"\n        :items=\"items\"\n        :settings=\"resolvedSettings ?? undefined\"\n        @selection-change=\"emit('selection-change', $event)\"\n      />\n\n      <DataPaginator\n        v-if=\"pagination && showPaginator\"\n        :settings=\"pagination\"\n        :storage-key=\"id\"\n        @update:pagination=\"emit('pagination-change', $event)\"\n      />\n\n      <DataListOptions\n        :open=\"showOptions\"\n        :columns=\"config.columns\"\n        :settings=\"settings ?? {}\"\n        :storage-key=\"id\"\n        :orderable=\"orderable\"\n        @close=\"showOptions = false\"\n        @change=\"onSettingsChange\"\n      />\n    </div>\n  </div>\n</template>\n\n<style lang=\"scss\" src=\"@/styles/components/data-table/data-list.scss\"></style>\n"],"mappings":""}
+{"version":3,"file":"admins-components89.js","names":[],"sources":["../src/components/data-table/DataListGuide.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { ref } from 'vue'\nimport Sidebar, { type SidebarPosition } from '@/components/Sidebar.vue'\n\nwithDefaults(\n  defineProps<{\n    open?: boolean\n    position?: SidebarPosition\n  }>(),\n  {\n    open: false,\n    position: 'right',\n  },\n)\n\nconst emit = defineEmits<{\n  close: []\n}>()\n\nconst root = ref<HTMLElement | null>(null)\n\nfunction scrollToSection(target: string | null | undefined) {\n  if (!target || !root.value) return\n  const el = root.value.querySelector(`#${target}`)\n  if (el) el.scrollIntoView({ behavior: 'smooth', block: 'start' })\n}\n</script>\n\n<template>\n  <Sidebar :open=\"open\" title=\"Súgó\" :position=\"position\" @close=\"emit('close')\">\n    <div ref=\"root\" class=\"ac-component dl-guide\">\n      <section class=\"dl-guide-section\">\n        <h3 class=\"dl-guide-title\">Tartalom</h3>\n        <ul class=\"dl-guide-toc m-0\">\n          <li>\n            <a\n              href=\"#\"\n              class=\"dl-guide-toc-link dl-guide-toc-link--primary\"\n              @click.prevent=\"scrollToSection('layout')\"\n              >Megjelenés testreszabása</a\n            >\n            <ul>\n              <li class=\"m-0\">\n                <a href=\"#\" class=\"dl-guide-toc-link\" @click.prevent=\"scrollToSection('view')\"\n                  >Nézet</a\n                >\n              </li>\n              <li class=\"m-0\">\n                <a href=\"#\" class=\"dl-guide-toc-link\" @click.prevent=\"scrollToSection('appearance')\"\n                  >Megjelenés</a\n                >\n              </li>\n              <li class=\"m-0\">\n                <a href=\"#\" class=\"dl-guide-toc-link\" @click.prevent=\"scrollToSection('columns')\"\n                  >Oszlopok láthatósága és sorrendje</a\n                >\n              </li>\n              <li class=\"m-0\">\n                <a href=\"#\" class=\"dl-guide-toc-link\" @click.prevent=\"scrollToSection('reset')\"\n                  >Beállítások visszaállítása</a\n                >\n              </li>\n            </ul>\n          </li>\n          <li>\n            <a\n              href=\"#\"\n              class=\"dl-guide-toc-link dl-guide-toc-link--primary\"\n              @click.prevent=\"scrollToSection('filters')\"\n              >Szűrők</a\n            >\n            <ul>\n                 <li class=\"m-0\">\n                <a\n                  href=\"#\"\n                  class=\"dl-guide-toc-link\"\n                  @click.prevent=\"scrollToSection('exact-match')\"\n                  >Pontos egyezés</a\n                >\n              </li>\n              <li class=\"m-0\">\n                <a\n                  href=\"#\"\n                  class=\"dl-guide-toc-link\"\n                  @click.prevent=\"scrollToSection('save-filters')\"\n                  >Szűrések mentése</a\n                >\n              </li>\n            </ul>\n          </li>\n        </ul>\n      </section>\n      <hr class=\"separator\" />\n      <section id=\"layout\" class=\"dl-guide-section\">\n        <h3 class=\"dl-guide-title\">A táblázat megjelenésének testreszabása</h3>\n        <p>\n          A <strong><i class=\"fa-solid fa-gear\"></i> Beállítások</strong> gombra kattintva lehetőség\n          van a tábla megjelenésének testreszabására. A beállítások az adott táblához kapcsolódóan\n          helyi tárolóban kerülnek mentésre, így ugyanazon eszközön és böngészőben megmaradnak a\n          következő látogatáskor is.\n        </p>\n        <hr class=\"separator\" />\n        <h4 id=\"view\" class=\"dl-guide-subtitle\">Nézet</h4>\n        <ul>\n          <li>\n            <i class=\"fa-solid fa-display mr-1\"></i>\n            <strong>Kijelző méretéhez igazodó</strong> (alapértelmezett): A kijelző méretétől\n            függően automatikusan választ a táblázat és a kártyás nézet között.\n          </li>\n          <li>\n            <i class=\"fa-solid fa-table-list mr-1\"></i> <strong>Táblázat:</strong> klasszikus\n            táblázatos megjelenés\n          </li>\n          <li>\n            <i class=\"fa-solid fa-list mr-1\"></i> <strong>Kártyák:</strong> sorok kártyás\n            megjelenítése, a kártya fejlécére kattintva lenyithatóak a részletes adatok.\n          </li>\n        </ul>\n        <hr class=\"separator\" />\n        <h4 id=\"appearance\" class=\"dl-guide-subtitle\">Megjelenés</h4>\n        <ul>\n          <li>\n            <strong>Kompakt:</strong> A sorok közti távolság és a belső margók csökkentésével több\n            adat jeleníthető meg egyszerre.\n          </li>\n          <li>\n            <strong>Sávos (striped):</strong> Csak a táblázatos nézetben elérhető, minden második\n            sor enyhe szürke hátteret kap, ezzel megkönnyítve a sorok követését.\n          </li>\n        </ul>\n        <hr class=\"separator\" />\n        <h4 id=\"columns\" class=\"dl-guide-subtitle\">Oszlopok láthatósága és sorrendje</h4>\n        <ul>\n          <li>\n            <strong>Kártya fejléc:</strong> kártyás nézet esetén a fejlécben megjelenő mezők\n            láthatósága és sorrendje.\n          </li>\n          <li>\n            <strong>Oszlopok:</strong> táblázat nézetben az oszlopok láthatósága és sorrendje.\n          </li>\n        </ul>\n        <p>\n          A sorrend módosítása történhet az <i class=\"fa-solid fa-grip-vertical\"></i> ikonon\n          <strong class=\"nowrap\">drag-n-drop</strong>al vagy az ikonra kattinva a megjelenő nyilak\n          segítségével.\n        </p>\n        <hr class=\"separator\" />\n\n        <h4 id=\"reset\" class=\"dl-guide-subtitle\">Beállítások visszaállítása</h4>\n        <p>\n          Az\n          <strong>Alapértelmezés visszaállítása</strong> gomb visszaállítja a gyári értékeket, és\n          törli a helyi tárolóban elmentett beállításokat.\n        </p>\n      </section>\n      <hr class=\"separator\" />\n      <section id=\"filters\" class=\"dl-guide-section\">\n        <h3 class=\"dl-guide-title\">Szűrők</h3>\n        <h4 id=\"exact-match\" class=\"dl-guide-subtitle\">Pontos egyezés</h4>\n        <p>\n          Amennyiben a táblázhoz tartozik szabad szavas keresés, a pontos egyezés opciót használva\n          csak azokat a találatokat kapjuk, amelyek teljes mértékben megfelelnek a keresett\n          kifejezésnek. Pl. alap esetben <strong><em>\"alma\"</em></strong> keresésre a <strong><em>\"piros alma\"</em></strong>, <strong><em>\"almafa\"</em></strong>, <strong><em>\"alma\"</em></strong> vagy\n          <strong><em>\"almás pite\"</em></strong> is találat lehet, míg pontos egyezés esetén csak az <strong><em>\"alma\"</em></strong> található meg.\n        </p>\n<hr class=\"separator\" />\n        <h4 id=\"save-filters\" class=\"dl-guide-subtitle\">Szűrések mentése</h4>\n        <p>\n          A <strong><i class=\"fa-solid fa-sliders\"></i> Mentett szűrők</strong>re kattintva\n          lehetőség van elmenteni az aktuális szűrési feltételeket, így később egyetlen kattintással\n          előhívhatja azokat.\n        </p>\n        <p>\n          A szűrési feltételek megadása után a\n          <strong><i class=\"fa-solid fa-bookmark fa-sm\"></i> Mentés</strong> gomb megnyomásával\n          elmenthető a szűrőkészlet. Az elnevezés megadása nem kötelező, csak saját magadnak szól a\n          későbbi könnyebb azonosítás érdekében.\n        </p>\n        <p>\n          Ezt követően a szűrőkészlet a mentés dátumával és elnevezésével jelenik meg a mentett\n          szűrők között. Ezekre kattintva lenyithatók a szűrőkészlet részletei.\n        </p>\n        <p>A mentett készlet jobb oldalán található 3 ikon:</p>\n        <ul>\n          <li>\n            <i class=\"fa-solid fa-check\"></i>: ikonra kattintva tölthetők be a készletek.\n            Megnyomásakor a szűrési feltételek automatikusan kitöltődnek az elmentett értékekkel.\n          </li>\n\n          <li>\n            <span class=\"c-indicator\">?</span>: azt mutatja, hogy hány szűrési feltétel van a\n            készletben.\n          </li>\n          <li>\n            <i class=\"fa-solid fa-xmark\"></i>: a mentett szűrőkészlet törlése (a művelet\n            megerősítést kér).\n          </li>\n        </ul>\n        <p class=\"dl-guide-note\">Táblázatonként maximum <strong>20</strong> készlet menthető el.</p>\n        <p>\n          A lista alján található \"Összes törlése\" gombbal törölhető a táblához tartozó minden\n          elmentett szűrőkészlet.\n        </p>\n\n        <p class=\"dl-guide-note\">\n          <strong>Fontos:</strong> a beállítások és a szűrők is csak böngészőben (localStorage)\n          kerülnek tárolásra, ezért más eszközön vagy böngészőben nem lesznek elérhetőek.\n        </p>\n      </section>\n    </div>\n  </Sidebar>\n</template>\n\n<style lang=\"scss\" src=\"@/styles/components/data-table/data-list-guide.scss\"></style>\n"],"mappings":""}

package/dist/admins-components90.js

@@ -1,4 +1,17 @@
-//#region src/utils/ipUtils.ts
-var e = (e) => /(25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)\.(25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)\.(25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)\.(25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)/.test(e);
+//#region src/utils/url.ts
+function e(e) {
+	return new URLSearchParams(window.location.search).get(e);
+}
+function t(e, t) {
+	let n = new URL(window.location.href);
+	n.searchParams.set(e, String(t)), window.history.replaceState({}, "", n.toString());
+}
+function n(e) {
+	let t = new URL(window.location.href);
+	e ? t.searchParams.delete(e) : t.search = "", window.history.replaceState({}, "", t.toString());
+}
+function r(...e) {
+	return e.map((e, t) => t === 0 ? e.replace(/\/+$/, "") : e.replace(/^\/+|\/+$/g, "")).filter(Boolean).join("/");
+}
 //#endregion
-export { e as isIpInUrl };
+export { e as getUrlParam, r as joinUrl, n as removeUrlParam, t as setUrlParam };

package/dist/admins-components90.js.map

@@ -1 +1 @@
-{"version":3,"file":"admins-components90.js","names":[],"sources":["../src/utils/ipUtils.ts"],"sourcesContent":["export const isIpInUrl = (url: string) => {\n  const ipv4Regex =\n    /(25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)\\.(25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)\\.(25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)\\.(25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)/\n\n  return ipv4Regex.test(url)\n}\n"],"mappings":";AAAA,IAAa,KAAa,MAIjB,iKAAU,KAAK,CAAG"}
+{"version":3,"file":"admins-components90.js","names":[],"sources":["../src/utils/url.ts"],"sourcesContent":["export function getUrlParam(key: string): string | null {\n  return new URLSearchParams(window.location.search).get(key)\n}\n\nexport function setUrlParam(key: string, value: string | number): void {\n  const url = new URL(window.location.href)\n  url.searchParams.set(key, String(value))\n  window.history.replaceState({}, '', url.toString())\n}\n\nexport function removeUrlParam(key?: string): void {\n  const url = new URL(window.location.href)\n  if (key) {\n    url.searchParams.delete(key)\n  } else {\n    url.search = ''\n  }\n  window.history.replaceState({}, '', url.toString())\n}\n\nexport function joinUrl(...parts: string[]): string {\n  return parts\n    .map((part, i) => {\n      if (i === 0) return part.replace(/\\/+$/, '')\n      return part.replace(/^\\/+|\\/+$/g, '')\n    })\n    .filter(Boolean)\n    .join('/')\n}\n"],"mappings":";AAAA,SAAgB,EAAY,GAA4B;CACtD,OAAO,IAAI,gBAAgB,OAAO,SAAS,MAAM,EAAE,IAAI,CAAG;AAC5D;AAEA,SAAgB,EAAY,GAAa,GAA8B;CACrE,IAAM,IAAM,IAAI,IAAI,OAAO,SAAS,IAAI;CAExC,AADA,EAAI,aAAa,IAAI,GAAK,OAAO,CAAK,CAAC,GACvC,OAAO,QAAQ,aAAa,CAAC,GAAG,IAAI,EAAI,SAAS,CAAC;AACpD;AAEA,SAAgB,EAAe,GAAoB;CACjD,IAAM,IAAM,IAAI,IAAI,OAAO,SAAS,IAAI;CAMxC,AALI,IACF,EAAI,aAAa,OAAO,CAAG,IAE3B,EAAI,SAAS,IAEf,OAAO,QAAQ,aAAa,CAAC,GAAG,IAAI,EAAI,SAAS,CAAC;AACpD;AAEA,SAAgB,EAAQ,GAAG,GAAyB;CAClD,OAAO,EACJ,KAAK,GAAM,MACN,MAAM,IAAU,EAAK,QAAQ,QAAQ,EAAE,IACpC,EAAK,QAAQ,cAAc,EAAE,CACrC,EACA,OAAO,OAAO,EACd,KAAK,GAAG;AACb"}

package/dist/admins-components91.js

@@ -1,17 +1,78 @@
-//#region src/utils/url.ts
-function e(e) {
-	return new URLSearchParams(window.location.search).get(e);
-}
-function t(e, t) {
-	let n = new URL(window.location.href);
-	n.searchParams.set(e, String(t)), window.history.replaceState({}, "", n.toString());
-}
-function n(e) {
-	let t = new URL(window.location.href);
-	e ? t.searchParams.delete(e) : t.search = "", window.history.replaceState({}, "", t.toString());
-}
-function r(...e) {
-	return e.map((e, t) => t === 0 ? e.replace(/\/+$/, "") : e.replace(/^\/+|\/+$/g, "")).filter(Boolean).join("/");
-}
+import { debounce as e } from "./admins-components15.js";
+import t from "./admins-components17.js";
+import n from "./admins-components19.js";
+import { getUrlParam as r, removeUrlParam as i, setUrlParam as a } from "./admins-components90.js";
+import { createBlock as o, createCommentVNode as s, createElementBlock as c, createElementVNode as l, createTextVNode as u, defineComponent as d, onMounted as f, openBlock as p, ref as m, withCtx as h } from "vue";
+//#region src/components/data-table/DataSearch.vue?vue&type=script&setup=true&lang.ts
+var g = { class: "data-search-wrapper" }, _ = /* @__PURE__ */ d({
+	__name: "DataSearch",
+	props: {
+		showExactMatch: {
+			type: Boolean,
+			default: !0
+		},
+		showSearch: {
+			type: Boolean,
+			default: !0
+		},
+		placeholder: { default: "Keresés..." },
+		handleUrl: {
+			type: Boolean,
+			default: !1
+		},
+		searchKey: { default: "search" },
+		exactMatchKey: { default: "exactMatch" }
+	},
+	emits: ["search-change"],
+	setup(d, { emit: _ }) {
+		let v = d, y = m(!1), b = m(""), x = _;
+		function S() {
+			let e = {};
+			v.showSearch && (e[v.searchKey] = b.value), v.showExactMatch && (e[v.exactMatchKey] = y.value ?? !1), x("search-change", e);
+		}
+		function C(e) {
+			y.value = e, S(), D();
+		}
+		function w(e) {
+			b.value = e == null ? "" : String(e), S(), D();
+		}
+		function T() {
+			let e = r(v.searchKey);
+			e && e !== "" && (b.value = e);
+			let t = r(v.exactMatchKey);
+			t === "true" || t === "1" ? y.value = !0 : (t === "false" || t === "0") && (y.value = !1);
+		}
+		function E() {
+			v.handleUrl && (b.value === "" ? i(v.searchKey) : a(v.searchKey, b.value), y.value ?? !1 ? a(v.exactMatchKey, "true") : i(v.exactMatchKey));
+		}
+		let D = e(E, 300);
+		return f(() => {
+			v.handleUrl && (T(), S());
+		}), (e, r) => (p(), c("div", g, [d.showExactMatch ? (p(), o(n, {
+			key: 0,
+			"model-value": y.value,
+			class: "gap-1",
+			"onUpdate:modelValue": C
+		}, {
+			label: h(() => [...r[0] ||= [l("span", { class: "data-search-label" }, [
+				u(" Pontos"),
+				l("br"),
+				u("egyezés ")
+			], -1)]]),
+			_: 1
+		}, 8, ["model-value"])) : s("", !0), d.showSearch ? (p(), o(t, {
+			key: 1,
+			type: "text",
+			clearable: "",
+			"model-value": b.value,
+			"label-on-border": "Keresés",
+			placeholder: d.placeholder,
+			autocomplete: !1,
+			icon: "fa-solid fa-magnifying-glass",
+			iconPosition: "right",
+			"onUpdate:modelValue": w
+		}, null, 8, ["model-value", "placeholder"])) : s("", !0)]));
+	}
+});
 //#endregion
-export { e as getUrlParam, r as joinUrl, n as removeUrlParam, t as setUrlParam };
+export { _ as default };

package/dist/admins-components91.js.map

@@ -1 +1 @@
-{"version":3,"file":"admins-components91.js","names":[],"sources":["../src/utils/url.ts"],"sourcesContent":["export function getUrlParam(key: string): string | null {\n  return new URLSearchParams(window.location.search).get(key)\n}\n\nexport function setUrlParam(key: string, value: string | number): void {\n  const url = new URL(window.location.href)\n  url.searchParams.set(key, String(value))\n  window.history.replaceState({}, '', url.toString())\n}\n\nexport function removeUrlParam(key?: string): void {\n  const url = new URL(window.location.href)\n  if (key) {\n    url.searchParams.delete(key)\n  } else {\n    url.search = ''\n  }\n  window.history.replaceState({}, '', url.toString())\n}\n\nexport function joinUrl(...parts: string[]): string {\n  return parts\n    .map((part, i) => {\n      if (i === 0) return part.replace(/\\/+$/, '')\n      return part.replace(/^\\/+|\\/+$/g, '')\n    })\n    .filter(Boolean)\n    .join('/')\n}\n"],"mappings":";AAAA,SAAgB,EAAY,GAA4B;CACtD,OAAO,IAAI,gBAAgB,OAAO,SAAS,MAAM,EAAE,IAAI,CAAG;AAC5D;AAEA,SAAgB,EAAY,GAAa,GAA8B;CACrE,IAAM,IAAM,IAAI,IAAI,OAAO,SAAS,IAAI;CAExC,AADA,EAAI,aAAa,IAAI,GAAK,OAAO,CAAK,CAAC,GACvC,OAAO,QAAQ,aAAa,CAAC,GAAG,IAAI,EAAI,SAAS,CAAC;AACpD;AAEA,SAAgB,EAAe,GAAoB;CACjD,IAAM,IAAM,IAAI,IAAI,OAAO,SAAS,IAAI;CAMxC,AALI,IACF,EAAI,aAAa,OAAO,CAAG,IAE3B,EAAI,SAAS,IAEf,OAAO,QAAQ,aAAa,CAAC,GAAG,IAAI,EAAI,SAAS,CAAC;AACpD;AAEA,SAAgB,EAAQ,GAAG,GAAyB;CAClD,OAAO,EACJ,KAAK,GAAM,MACN,MAAM,IAAU,EAAK,QAAQ,QAAQ,EAAE,IACpC,EAAK,QAAQ,cAAc,EAAE,CACrC,EACA,OAAO,OAAO,EACd,KAAK,GAAG;AACb"}
+{"version":3,"file":"admins-components91.js","names":[],"sources":["../src/components/data-table/DataSearch.vue"],"sourcesContent":["<script lang=\"ts\">\nexport interface DataSearchProps {\n  showExactMatch?: boolean\n  showSearch?: boolean\n  placeholder?: string\n  handleUrl?: boolean\n  searchKey?: string\n  exactMatchKey?: string\n}\n</script>\n\n<script setup lang=\"ts\">\nimport Checkbox from '@/components/Checkbox.vue'\nimport TextInput from '@/components/TextInput.vue'\nimport { debounce } from '@/utils/debounce'\nimport { getUrlParam, removeUrlParam, setUrlParam } from '@/utils/url'\nimport { onMounted, ref } from 'vue'\n\nconst props = withDefaults(\n  defineProps<DataSearchProps>(),\n  {\n    showExactMatch: true,\n    showSearch: true,\n    placeholder: 'Keresés...',\n    handleUrl: false,\n    searchKey: 'search',\n    exactMatchKey: 'exactMatch',\n  },\n)\n\ntype SearchFilterPayload = { [k: string]: string | boolean }\n\nconst exactMatch = ref<boolean | undefined>(false)\nconst search = ref<string>('')\n\nconst emit = defineEmits<{\n  'search-change': [filters: SearchFilterPayload]\n}>()\n\nfunction emitChange() {\n  const filters: SearchFilterPayload = {}\n  if (props.showSearch) filters[props.searchKey] = search.value\n  if (props.showExactMatch) filters[props.exactMatchKey] = exactMatch.value ?? false\n  emit('search-change', filters)\n}\n\nfunction onCheckboxChange(value: boolean | undefined) {\n  exactMatch.value = value\n  emitChange()\n  debouncedSyncToUrl()\n}\n\nfunction onSearchChange(value: string | number | null) {\n  search.value = value == null ? '' : String(value)\n  emitChange()\n  debouncedSyncToUrl()\n}\n\nfunction readUrlOnMount() {\n  const rawSearch = getUrlParam(props.searchKey)\n  if (rawSearch && rawSearch !== '') search.value = rawSearch\n\n  const rawExact = getUrlParam(props.exactMatchKey)\n  if (rawExact === 'true' || rawExact === '1') exactMatch.value = true\n  else if (rawExact === 'false' || rawExact === '0') exactMatch.value = false\n}\n\nfunction syncToUrl() {\n  if (!props.handleUrl) return\n\n  if (search.value === '') removeUrlParam(props.searchKey)\n  else setUrlParam(props.searchKey, search.value)\n\n  const exact = exactMatch.value ?? false\n  if (!exact) removeUrlParam(props.exactMatchKey)\n  else setUrlParam(props.exactMatchKey, 'true')\n}\n\nconst debouncedSyncToUrl = debounce(syncToUrl, 300)\n\nonMounted(() => {\n  if (!props.handleUrl) return\n  readUrlOnMount()\n\n  emitChange()\n})\n</script>\n<template>\n  <div class=\"data-search-wrapper\">\n    <Checkbox\n      v-if=\"showExactMatch\"\n      :model-value=\"exactMatch\"\n      class=\"gap-1\"\n      @update:model-value=\"onCheckboxChange\"\n    >\n      <template #label>\n        <span class=\"data-search-label\"> Pontos<br />egyezés </span>\n      </template>\n    </Checkbox>\n    <TextInput\n      v-if=\"showSearch\"\n      type=\"text\"\n      clearable\n      :model-value=\"search\"\n      label-on-border=\"Keresés\"\n      :placeholder=\"placeholder\"\n      :autocomplete=\"false\"\n      icon=\"fa-solid fa-magnifying-glass\"\n      iconPosition=\"right\"\n      @update:model-value=\"onSearchChange\"\n    />\n  </div>\n</template>\n<style lang=\"scss\" src=\"@/styles/components/data-table/data-search.scss\"></style>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;EAkBA,IAAM,IAAQ,GAcR,IAAa,EAAyB,EAAK,GAC3C,IAAS,EAAY,EAAE,GAEvB,IAAO;EAIb,SAAS,IAAa;GACpB,IAAM,IAA+B,CAAC;GAGtC,AAFI,EAAM,eAAY,EAAQ,EAAM,aAAa,EAAO,QACpD,EAAM,mBAAgB,EAAQ,EAAM,iBAAiB,EAAW,SAAS,KAC7E,EAAK,iBAAiB,CAAO;EAC/B;EAEA,SAAS,EAAiB,GAA4B;GAGpD,AAFA,EAAW,QAAQ,GACnB,EAAW,GACX,EAAmB;EACrB;EAEA,SAAS,EAAe,GAA+B;GAGrD,AAFA,EAAO,QAAQ,KAAS,OAAO,KAAK,OAAO,CAAK,GAChD,EAAW,GACX,EAAmB;EACrB;EAEA,SAAS,IAAiB;GACxB,IAAM,IAAY,EAAY,EAAM,SAAS;GAC7C,AAAI,KAAa,MAAc,OAAI,EAAO,QAAQ;GAElD,IAAM,IAAW,EAAY,EAAM,aAAa;GAChD,AAAI,MAAa,UAAU,MAAa,MAAK,EAAW,QAAQ,MACvD,MAAa,WAAW,MAAa,SAAK,EAAW,QAAQ;EACxE;EAEA,SAAS,IAAY;GACd,EAAM,cAEP,EAAO,UAAU,KAAI,EAAe,EAAM,SAAS,IAClD,EAAY,EAAM,WAAW,EAAO,KAAK,GAEhC,EAAW,SAAS,KAE7B,EAAY,EAAM,eAAe,MAAM,IADhC,EAAe,EAAM,aAAa;EAEhD;EAEA,IAAM,IAAqB,EAAS,GAAW,GAAG;SAElD,QAAgB;GACT,EAAM,cACX,EAAe,GAEf,EAAW;EACb,CAAC,mBAGC,EAuBM,OAvBN,GAuBM,CArBI,EAAA,kBAAA,EAAA,GADR,EASW,GAAA;;GAPR,eAAa,EAAA;GACd,OAAM;GACL,uBAAoB;;GAEV,OAAK,QAC8C,CAAA,GAAA,AAAA,EAAA,OAAA,CAA5D,EAA4D,QAAA,EAAtD,OAAM,oBAAmB,GAAA;MAAC,SAAO;IAAA,EAAM,IAAA;MAAA,UAAQ;;;uCAIjD,EAAA,cAAA,EAAA,GADR,EAWE,GAAA;;GATA,MAAK;GACL,WAAA;GACC,eAAa,EAAA;GACd,mBAAgB;GACf,aAAa,EAAA;GACb,cAAc;GACf,MAAK;GACL,cAAa;GACZ,uBAAoB"}

package/dist/admins-components93.js

@@ -1,53 +1,7 @@
-//#region src/directives/tooltip.ts
-function e() {
-	let e = document.createElement("div");
-	return e.className = "v-tooltip ac-component", e.style.position = "fixed", e.style.zIndex = "9999999", e.style.opacity = "0", e.style.pointerEvents = "none", e.style.transition = "opacity 0.15s", e;
-}
-function t(e, t) {
-	let n = window.innerWidth, r = window.innerHeight;
-	e.style.maxWidth = `min(${n - 16}px, 300px)`;
-	let i = e.getBoundingClientRect(), a = i.width, o = i.height, s = t.clientX + 12, c = t.clientY + 18;
-	s + a > n - 8 && (s = t.clientX - a - 12), c + o > r - 8 && (c = t.clientY - o - 12), s = Math.max(8, Math.min(s, n - a - 8)), c = Math.max(8, Math.min(c, r - o - 8)), e.style.left = `${s}px`, e.style.top = `${c}px`;
-}
-function n(e, t, n) {
-	n ? e.innerHTML = t : e.textContent = t;
-}
-var r = {
-	mounted(r, i) {
-		let a = e();
-		n(a, i.value, !!i.modifiers.html), document.body.appendChild(a);
-		let o = null, s = null, c = null, l = (e) => {
-			c = e;
-		}, u = (e) => {
-			c = e, s &&= (clearTimeout(s), null), o = setTimeout(() => {
-				t(a, c ?? e), a.style.opacity = "1";
-			}, 400);
-		}, d = () => {
-			c = null, o &&= (clearTimeout(o), null), s = setTimeout(() => {
-				a.style.opacity = "0";
-			}, 50);
-		}, f = (e) => {
-			o &&= (clearTimeout(o), null), s &&= (clearTimeout(s), null), a.style.opacity === "1" ? a.style.opacity = "0" : (t(a, e), a.style.opacity = "1");
-		}, p = () => {
-			o &&= (clearTimeout(o), null), a.style.opacity = "0";
-		};
-		r.addEventListener("mouseenter", u), r.addEventListener("mousemove", l), r.addEventListener("mouseleave", d), r.addEventListener("click", f), window.addEventListener("scroll", p, !0), r._tooltip = {
-			el: a,
-			showTimeout: o,
-			hideTimeout: s,
-			onEnter: u,
-			onMove: l,
-			onLeave: d,
-			onClick: f,
-			onScroll: p
-		};
-	},
-	updated(e, t) {
-		e._tooltip && n(e._tooltip.el, t.value, !!t.modifiers.html);
-	},
-	unmounted(e) {
-		e._tooltip &&= (e.removeEventListener("mouseenter", e._tooltip.onEnter), e.removeEventListener("mousemove", e._tooltip.onMove), e.removeEventListener("mouseleave", e._tooltip.onLeave), e.removeEventListener("click", e._tooltip.onClick), window.removeEventListener("scroll", e._tooltip.onScroll, !0), e._tooltip.el.remove(), void 0);
-	}
-};
+import './src/styles/components/data-table/data-search.scss_vue_type_style_index_0_src_true_lang.css';
+import e from "./admins-components91.js";
+/* empty css                    */
+//#region src/components/data-table/DataSearch.vue
+var t = e;
 //#endregion
-export { r as vTooltip };
+export { t as default };

package/dist/admins-components93.js.map

@@ -1 +1 @@
-{"version":3,"file":"admins-components93.js","names":[],"sources":["../src/directives/tooltip.ts"],"sourcesContent":["import type { Directive, DirectiveBinding } from 'vue'\n\ninterface TooltipEl extends HTMLElement {\n  _tooltip?: {\n    el: HTMLElement\n    showTimeout: ReturnType<typeof setTimeout> | null\n    hideTimeout: ReturnType<typeof setTimeout> | null\n    onEnter: (e: MouseEvent) => void\n    onMove: (e: MouseEvent) => void\n    onLeave: () => void\n    onClick: (e: MouseEvent) => void\n    onScroll: () => void\n  }\n}\n\nfunction createTooltipEl(): HTMLElement {\n  const el = document.createElement('div')\n  el.className = 'v-tooltip ac-component'\n  el.style.position = 'fixed'\n  el.style.zIndex = '9999999'\n  el.style.opacity = '0'\n  el.style.pointerEvents = 'none'\n  el.style.transition = 'opacity 0.15s'\n  return el\n}\n\nfunction position(tooltip: HTMLElement, e: MouseEvent) {\n  const offsetX = 12\n  const offsetY = 18\n  const edge = 8\n  const vw = window.innerWidth\n  const vh = window.innerHeight\n\n  tooltip.style.maxWidth = `min(${vw - 2 * edge}px, 300px)`\n\n  const rect = tooltip.getBoundingClientRect()\n  const w = rect.width\n  const h = rect.height\n\n  let x = e.clientX + offsetX\n  let y = e.clientY + offsetY\n\n  if (x + w > vw - edge) {\n    x = e.clientX - w - offsetX\n  }\n  if (y + h > vh - edge) {\n    y = e.clientY - h - offsetX\n  }\n\n  x = Math.max(edge, Math.min(x, vw - w - edge))\n  y = Math.max(edge, Math.min(y, vh - h - edge))\n\n  tooltip.style.left = `${x}px`\n  tooltip.style.top = `${y}px`\n}\n\nfunction setContent(tooltip: HTMLElement, value: string, html: boolean) {\n  if (html) {\n    tooltip.innerHTML = value\n  } else {\n    tooltip.textContent = value\n  }\n}\n\nexport const vTooltip: Directive = {\n  mounted(el: TooltipEl, binding: DirectiveBinding<string>) {\n    const tooltip = createTooltipEl()\n    setContent(tooltip, binding.value, !!binding.modifiers.html)\n    document.body.appendChild(tooltip)\n\n    let showTimeout: ReturnType<typeof setTimeout> | null = null\n    let hideTimeout: ReturnType<typeof setTimeout> | null = null\n    let lastEvent: MouseEvent | null = null\n\n    const onMove = (e: MouseEvent) => {\n      lastEvent = e\n    }\n\n    const onEnter = (e: MouseEvent) => {\n      lastEvent = e\n      if (hideTimeout) {\n        clearTimeout(hideTimeout)\n        hideTimeout = null\n      }\n      showTimeout = setTimeout(() => {\n        position(tooltip, lastEvent ?? e)\n        tooltip.style.opacity = '1'\n      }, 400)\n    }\n\n    const onLeave = () => {\n      lastEvent = null\n      if (showTimeout) {\n        clearTimeout(showTimeout)\n        showTimeout = null\n      }\n      hideTimeout = setTimeout(() => {\n        tooltip.style.opacity = '0'\n      }, 50)\n    }\n\n    const onClick = (e: MouseEvent) => {\n      if (showTimeout) {\n        clearTimeout(showTimeout)\n        showTimeout = null\n      }\n      if (hideTimeout) {\n        clearTimeout(hideTimeout)\n        hideTimeout = null\n      }\n      if (tooltip.style.opacity === '1') {\n        tooltip.style.opacity = '0'\n      } else {\n        position(tooltip, e)\n        tooltip.style.opacity = '1'\n      }\n    }\n\n    const onScroll = () => {\n      if (showTimeout) {\n        clearTimeout(showTimeout)\n        showTimeout = null\n      }\n      tooltip.style.opacity = '0'\n    }\n\n    el.addEventListener('mouseenter', onEnter)\n    el.addEventListener('mousemove', onMove)\n    el.addEventListener('mouseleave', onLeave)\n    el.addEventListener('click', onClick)\n    window.addEventListener('scroll', onScroll, true)\n\n    el._tooltip = {\n      el: tooltip,\n      showTimeout,\n      hideTimeout,\n      onEnter,\n      onMove,\n      onLeave,\n      onClick,\n      onScroll,\n    }\n  },\n\n  updated(el: TooltipEl, binding: DirectiveBinding<string>) {\n    if (el._tooltip) {\n      setContent(el._tooltip.el, binding.value, !!binding.modifiers.html)\n    }\n  },\n\n  unmounted(el: TooltipEl) {\n    if (el._tooltip) {\n      el.removeEventListener('mouseenter', el._tooltip.onEnter)\n      el.removeEventListener('mousemove', el._tooltip.onMove)\n      el.removeEventListener('mouseleave', el._tooltip.onLeave)\n      el.removeEventListener('click', el._tooltip.onClick)\n      window.removeEventListener('scroll', el._tooltip.onScroll, true)\n      el._tooltip.el.remove()\n      el._tooltip = undefined\n    }\n  },\n}\n"],"mappings":"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"}
+{"version":3,"file":"admins-components93.js","names":[],"sources":["../src/components/data-table/DataSearch.vue"],"sourcesContent":["<script lang=\"ts\">\nexport interface DataSearchProps {\n  showExactMatch?: boolean\n  showSearch?: boolean\n  placeholder?: string\n  handleUrl?: boolean\n  searchKey?: string\n  exactMatchKey?: string\n}\n</script>\n\n<script setup lang=\"ts\">\nimport Checkbox from '@/components/Checkbox.vue'\nimport TextInput from '@/components/TextInput.vue'\nimport { debounce } from '@/utils/debounce'\nimport { getUrlParam, removeUrlParam, setUrlParam } from '@/utils/url'\nimport { onMounted, ref } from 'vue'\n\nconst props = withDefaults(\n  defineProps<DataSearchProps>(),\n  {\n    showExactMatch: true,\n    showSearch: true,\n    placeholder: 'Keresés...',\n    handleUrl: false,\n    searchKey: 'search',\n    exactMatchKey: 'exactMatch',\n  },\n)\n\ntype SearchFilterPayload = { [k: string]: string | boolean }\n\nconst exactMatch = ref<boolean | undefined>(false)\nconst search = ref<string>('')\n\nconst emit = defineEmits<{\n  'search-change': [filters: SearchFilterPayload]\n}>()\n\nfunction emitChange() {\n  const filters: SearchFilterPayload = {}\n  if (props.showSearch) filters[props.searchKey] = search.value\n  if (props.showExactMatch) filters[props.exactMatchKey] = exactMatch.value ?? false\n  emit('search-change', filters)\n}\n\nfunction onCheckboxChange(value: boolean | undefined) {\n  exactMatch.value = value\n  emitChange()\n  debouncedSyncToUrl()\n}\n\nfunction onSearchChange(value: string | number | null) {\n  search.value = value == null ? '' : String(value)\n  emitChange()\n  debouncedSyncToUrl()\n}\n\nfunction readUrlOnMount() {\n  const rawSearch = getUrlParam(props.searchKey)\n  if (rawSearch && rawSearch !== '') search.value = rawSearch\n\n  const rawExact = getUrlParam(props.exactMatchKey)\n  if (rawExact === 'true' || rawExact === '1') exactMatch.value = true\n  else if (rawExact === 'false' || rawExact === '0') exactMatch.value = false\n}\n\nfunction syncToUrl() {\n  if (!props.handleUrl) return\n\n  if (search.value === '') removeUrlParam(props.searchKey)\n  else setUrlParam(props.searchKey, search.value)\n\n  const exact = exactMatch.value ?? false\n  if (!exact) removeUrlParam(props.exactMatchKey)\n  else setUrlParam(props.exactMatchKey, 'true')\n}\n\nconst debouncedSyncToUrl = debounce(syncToUrl, 300)\n\nonMounted(() => {\n  if (!props.handleUrl) return\n  readUrlOnMount()\n\n  emitChange()\n})\n</script>\n<template>\n  <div class=\"data-search-wrapper\">\n    <Checkbox\n      v-if=\"showExactMatch\"\n      :model-value=\"exactMatch\"\n      class=\"gap-1\"\n      @update:model-value=\"onCheckboxChange\"\n    >\n      <template #label>\n        <span class=\"data-search-label\"> Pontos<br />egyezés </span>\n      </template>\n    </Checkbox>\n    <TextInput\n      v-if=\"showSearch\"\n      type=\"text\"\n      clearable\n      :model-value=\"search\"\n      label-on-border=\"Keresés\"\n      :placeholder=\"placeholder\"\n      :autocomplete=\"false\"\n      icon=\"fa-solid fa-magnifying-glass\"\n      iconPosition=\"right\"\n      @update:model-value=\"onSearchChange\"\n    />\n  </div>\n</template>\n<style lang=\"scss\" src=\"@/styles/components/data-table/data-search.scss\"></style>\n"],"mappings":""}

package/dist/admins-components94.js

@@ -1,83 +1,197 @@
-import { joinUrl as e } from "./admins-components91.js";
-import { ref as t } from "vue";
-//#region src/services/createNativeFetch.ts
-function n(n) {
-	return function(i) {
-		let a = t(null), o = t(null), s = t(null), c = t(null), l = t(!1), u = t(!1), d = "GET", f, p = "json", m = null, h = {
-			data: a,
-			error: o,
-			response: s,
-			statusCode: c,
-			isFetching: l,
-			canAbort: u,
-			get() {
-				return d = "GET", h;
-			},
-			post(e) {
-				return d = "POST", f = e, h;
-			},
-			put(e) {
-				return d = "PUT", f = e, h;
-			},
-			patch(e) {
-				return d = "PATCH", f = e, h;
-			},
-			delete(e) {
-				return d = "DELETE", f = e, h;
-			},
-			json() {
-				return p = "json", h;
-			},
-			text() {
-				return p = "text", h;
-			},
-			abort() {
-				m?.abort();
-			},
-			async execute() {
-				m = new AbortController(), l.value = !0, u.value = !0, o.value = null, s.value = null, c.value = null;
-				let t = {
-					...n.fetchOptions,
-					method: d,
-					signal: m.signal
-				};
-				f != null && d !== "GET" && (t.body = r(f) ? JSON.stringify(f.value) : JSON.stringify(f));
-				let g = {
-					url: e(n.baseUrl, i),
-					options: t
-				};
-				try {
-					n.options?.beforeFetch?.(g);
-					let e = await fetch(g.url, g.options);
-					s.value = e, c.value = e.status;
-					let t = null;
-					if (p === "text") t = await e.text();
-					else {
-						let n = await e.text();
-						t = n ? JSON.parse(n) : null;
-					}
-					if (a.value = t, !e.ok) throw Error(e.statusText || `HTTP ${e.status}`);
-					n.options?.afterFetch?.({
-						data: t,
-						response: e
-					});
-				} catch (e) {
-					o.value = e, n.options?.onFetchError?.({
-						error: e,
-						response: s.value,
-						data: a.value
-					});
-				} finally {
-					l.value = !1, u.value = !1, m = null;
-				}
-				return h;
-			}
+import e from "./admins-components6.js";
+import t from "./admins-components65.js";
+import n from "./admins-components68.js";
+import r from "./admins-components72.js";
+import i from "./admins-components75.js";
+import { getFilterParams as a } from "./admins-components80.js";
+import o from "./admins-components83.js";
+import s from "./admins-components86.js";
+import c from "./admins-components89.js";
+import l from "./admins-components93.js";
+import { computed as u, createBlock as d, createCommentVNode as f, createElementBlock as p, createElementVNode as m, createVNode as h, defineComponent as g, mergeDefaults as _, mergeProps as v, onBeforeUnmount as y, onMounted as b, openBlock as x, ref as S } from "vue";
+//#region src/components/data-table/DataList.vue?vue&type=script&setup=true&lang.ts
+var C = { class: "ac-component" }, w = { class: "flex-center gap-2 mb-2 wrap-on-small" }, T = {
+	key: 2,
+	class: "flex-center gap-1"
+}, E = { class: "ml-auto mr-2" }, D = {
+	layoutBreakpoint: 768,
+	orderable: !0,
+	loading: !1
+}, O = /* @__PURE__ */ g({
+	__name: "DataList",
+	props: /* @__PURE__ */ _({
+		config: {},
+		items: {},
+		settings: {},
+		id: {},
+		layoutBreakpoint: {},
+		orderable: { type: Boolean },
+		pagination: {},
+		loading: { type: Boolean },
+		handleUrl: { type: Boolean },
+		searchConfig: {},
+		filterConfig: {}
+	}, {
+		...D,
+		searchConfig: void 0,
+		filterConfig: void 0
+	}),
+	emits: [
+		"filter-change",
+		"selection-change",
+		"settings-change",
+		"pagination-change",
+		"sort-change",
+		"search-change"
+	],
+	setup(g, { expose: _, emit: D }) {
+		let O = S(null), k = g;
+		function A(e) {
+			let t = k[e];
+			return t && Object.hasOwn(t, "handleUrl") ? t.handleUrl : k.handleUrl;
+		}
+		let j = u(() => ({
+			...k.searchConfig,
+			handleUrl: A("searchConfig")
+		})), M = u(() => ({
+			...k.filterConfig,
+			handleUrl: A("filterConfig")
+		})), N = D, P = S(!1), F = S(!1), I = S(null), L = S(!1), R = S(null), z = S(!1), B = S(k.filterConfig?.items ? a(k.filterConfig.items) ?? {} : {}), V = null;
+		b(() => {
+			V = new ResizeObserver((e) => {
+				L.value = (e[0]?.contentRect.width ?? 0) < k.layoutBreakpoint;
+			}), R.value && V.observe(R.value);
+		}), y(() => V?.disconnect());
+		let H = u(() => {
+			let e = I.value?.layout;
+			return e === "table" || e === "cards" ? e : L.value ? "cards" : "table";
+		}), U = u(() => {
+			if (!I.value) return k.config;
+			let e = I.value.columnOrder, t = k.config.columns.map((e) => ({
+				...e,
+				visible: I.value.columns[e.property] ?? e.visible !== !1
+			}));
+			return e?.length && t.sort((t, n) => {
+				let r = e.indexOf(t.property), i = e.indexOf(n.property);
+				return (r === -1 ? 999 : r) - (i === -1 ? 999 : i);
+			}), {
+				...k.config,
+				columns: t
+			};
+		});
+		function W(e) {
+			I.value = e, N("settings-change", e);
+		}
+		_({
+			openOptions: () => P.value = !0,
+			closeOptions: () => P.value = !1,
+			openFilters: () => z.value = !0,
+			closeFilters: () => z.value = !1
+		});
+		async function G(e) {
+			z.value = !0, setTimeout(() => {
+				O.value?.focusFilter(e);
+			}, 300);
+		}
+		function K(e) {
+			B.value = e.values, N("filter-change", e.transformed);
+		}
+		let q = u(() => Object.values(B.value).filter((e) => e != null && e !== "").length), J = u(() => !!k.pagination && (k.items.length > 0 || !k.loading)), Y = (e) => {
+			N("search-change", e);
 		};
-		return n.options?.immediate !== !1 && h.execute(), h;
-	};
-}
-function r(e) {
-	return !!e && typeof e == "object" && "value" in e;
-}
+		return (a, u) => (x(), p("div", C, [m("div", {
+			ref_key: "root",
+			ref: R,
+			class: "c-data-list"
+		}, [
+			m("template", null, [m("div", w, [
+				g.searchConfig ? (x(), d(l, v({ key: 0 }, j.value, { onSearchChange: Y }), null, 16)) : f("", !0),
+				g.filterConfig?.items && g.filterConfig.items.length > 0 ? (x(), d(e, {
+					key: 1,
+					label: "Szűrők",
+					icon: "fa-solid fa-filter",
+					onClick: u[0] ||= (e) => z.value = !0,
+					style: { "flex-shrink": "0" },
+					type: q.value > 0 ? "info" : "normal",
+					indicator: q.value > 0 ? q.value : void 0
+				}, null, 8, ["type", "indicator"])) : f("", !0),
+				g.filterConfig?.items && g.filterConfig.items.length > 0 ? (x(), p("div", T, [h(s, {
+					filters: B.value,
+					items: g.filterConfig.items,
+					onRemove: u[1] ||= (e) => O.value?.clearFilter(e),
+					onOpenFilter: G
+				}, null, 8, ["filters", "items"])])) : f("", !0),
+				m("div", E, [h(e, {
+					icon: "fa-solid fa-gear",
+					onClick: u[2] ||= (e) => P.value = !0
+				}), h(e, {
+					icon: "fa-solid fa-question",
+					onClick: u[3] ||= (e) => F.value = !0
+				})])
+			]), g.filterConfig?.items && g.filterConfig.items.length > 0 ? (x(), d(o, v({
+				key: 0,
+				ref_key: "dataFiltersRef",
+				ref: O
+			}, M.value, {
+				"storage-key": g.id,
+				open: z.value,
+				onClose: u[4] ||= (e) => z.value = !1,
+				onChange: K
+			}), null, 16, ["storage-key", "open"])) : f("", !0)]),
+			h(c, {
+				open: F.value,
+				onClose: u[5] ||= (e) => F.value = !1
+			}, null, 8, ["open"]),
+			H.value === "table" ? (x(), d(t, {
+				key: 0,
+				config: U.value,
+				loading: g.loading,
+				items: g.items,
+				settings: I.value ?? void 0,
+				onFilterChange: u[6] ||= (e) => N("filter-change", e),
+				onSelectionChange: u[7] ||= (e) => N("selection-change", e),
+				onSortChange: u[8] ||= (e) => N("sort-change", e)
+			}, null, 8, [
+				"config",
+				"loading",
+				"items",
+				"settings"
+			])) : (x(), d(n, {
+				key: 1,
+				config: U.value,
+				loading: g.loading,
+				items: g.items,
+				settings: I.value ?? void 0,
+				onSelectionChange: u[9] ||= (e) => N("selection-change", e)
+			}, null, 8, [
+				"config",
+				"loading",
+				"items",
+				"settings"
+			])),
+			g.pagination && J.value ? (x(), d(i, {
+				key: 2,
+				settings: g.pagination,
+				"storage-key": g.id,
+				"onUpdate:pagination": u[10] ||= (e) => N("pagination-change", e)
+			}, null, 8, ["settings", "storage-key"])) : f("", !0),
+			h(r, {
+				open: P.value,
+				columns: g.config.columns,
+				settings: g.settings ?? {},
+				"storage-key": g.id,
+				orderable: g.orderable,
+				onClose: u[11] ||= (e) => P.value = !1,
+				onChange: W
+			}, null, 8, [
+				"open",
+				"columns",
+				"settings",
+				"storage-key",
+				"orderable"
+			])
+		], 512)]));
+	}
+});
 //#endregion
-export { n as createNativeFetch };
+export { D as dataListDefaults, O as default };