admins-components 9.0.34 → 9.0.36

package/dist/admins-components88.js

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

package/dist/admins-components88.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"admins-components88.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\n          <strong><em>\"piros alma\"</em></strong\n          >, <strong><em>\"almafa\"</em></strong\n          >, <strong><em>\"alma\"</em></strong> vagy <strong><em>\"almás pite\"</em></strong> is találat\n          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ó 4 ikon:</p>\n        <ul>\n          <li>\n            <i class=\"fa-regular fa-star\"></i>: ikonra kattintva megjelölhető a készlet\n            alapértelmezettként. Ekkor az oldal következő betöltésekor automatikusan az itt megadott\n            szűrők lesznek alkalmazva.\n          </li>\n\n          <li>\n            <i class=\"fa-solid fa-check\"></i>: ikonra kattintva tölthetők be a készletek.\n            Megnyomásakor a szűrési feltételek automatikusan kitöltődnek az elmentett értékekkel.\n          </li>\n\n          <li>\n            <span class=\"c-indicator\">?</span>: azt mutatja, hogy hány szűrési feltétel van a\n            készletben.\n          </li>\n          <li>\n            <i class=\"fa-solid fa-xmark\"></i>: a mentett szűrőkészlet törlése (a művelet\n            megerősítést kér).\n          </li>\n        </ul>\n        <p class=\"dl-guide-note\">Táblázatonként maximum <strong>20</strong> készlet menthető el.</p>\n        <p>\n          A lista alján található \"Összes törlése\" gombbal törölhető a táblához tartozó minden\n          elmentett szűrőkészlet.\n        </p>\n\n        <p class=\"dl-guide-note\">\n          <strong>Fontos:</strong> a beállítások és a szűrők is csak böngészőben (localStorage)\n          kerülnek tárolásra, ezért más eszközön vagy böngészőben nem lesznek elérhetőek.\n        </p>\n      </section>\n    </div>\n  </Sidebar>\n</template>\n\n<style lang=\"scss\" src=\"@/styles/components/data-table/data-list-guide.scss\"></style>\n"],"mappings":"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"}

package/dist/admins-components90.js

@@ -1,17 +1,7 @@
-//#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 './src/styles/components/data-table/data-list-guide.scss_vue_type_style_index_0_src_true_lang.css';
+import e from "./admins-components88.js";
+/* empty css                    */
+//#region src/components/data-table/DataListGuide.vue
+var t = e;
 //#endregion
-export { e as getUrlParam, r as joinUrl, n as removeUrlParam, t as setUrlParam };
+export { t as default };

package/dist/admins-components90.js.map

@@ -1 +1 @@
-{"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"}
+{"version":3,"file":"admins-components90.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\n          <strong><em>\"piros alma\"</em></strong\n          >, <strong><em>\"almafa\"</em></strong\n          >, <strong><em>\"alma\"</em></strong> vagy <strong><em>\"almás pite\"</em></strong> is találat\n          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ó 4 ikon:</p>\n        <ul>\n          <li>\n            <i class=\"fa-regular fa-star\"></i>: ikonra kattintva megjelölhető a készlet\n            alapértelmezettként. Ekkor az oldal következő betöltésekor automatikusan az itt megadott\n            szűrők lesznek alkalmazva.\n          </li>\n\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-components91.js

@@ -1,76 +1,17 @@
-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,
-			"onUpdate:modelValue": w
-		}, null, 8, ["model-value", "placeholder"])) : s("", !0)]));
-	}
-});
+//#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 { _ as default };
+export { e as getUrlParam, r as joinUrl, n as removeUrlParam, t as setUrlParam };

package/dist/admins-components91.js.map

@@ -1 +1 @@
-{"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      @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,EAqBM,OArBN,GAqBM,CAnBI,EAAA,kBAAA,EAAA,GADR,EASW,GAAA;;GAPR,eAAa,EAAA;GACd,OAAM;GACL,uBAAoB;;GAEV,OAAK,QAC6C,CAAA,GAAA,AAAA,EAAA,OAAA,CAA3D,EAA2D,QAAA,EAArD,OAAM,oBAAmB,GAAA;MAAC,QAAM;IAAA,EAAM,IAAA;MAAA,UAAQ;;;uCAIhD,EAAA,cAAA,EAAA,GADR,EASE,GAAA;;GAPA,MAAK;GACL,WAAA;GACC,eAAa,EAAA;GACd,mBAAgB;GACf,aAAa,EAAA;GACb,cAAc;GACd,uBAAoB"}
+{"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"}

package/dist/admins-components92.js

@@ -0,0 +1,76 @@
+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-components91.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,
+			"onUpdate:modelValue": w
+		}, null, 8, ["model-value", "placeholder"])) : s("", !0)]));
+	}
+});
+//#endregion
+export { _ as default };

package/dist/{admins-components93.js.map → admins-components92.js.map}

@@ -1 +1 @@
-{"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      @update:model-value=\"onSearchChange\"\n    />\n  </div>\n</template>\n<style lang=\"scss\" src=\"@/styles/components/data-table/data-search.scss\"></style>\n"],"mappings":""}
+{"version":3,"file":"admins-components92.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      @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,EAqBM,OArBN,GAqBM,CAnBI,EAAA,kBAAA,EAAA,GADR,EASW,GAAA;;GAPR,eAAa,EAAA;GACd,OAAM;GACL,uBAAoB;;GAEV,OAAK,QAC6C,CAAA,GAAA,AAAA,EAAA,OAAA,CAA3D,EAA2D,QAAA,EAArD,OAAM,oBAAmB,GAAA;MAAC,QAAM;IAAA,EAAM,IAAA;MAAA,UAAQ;;;uCAIhD,EAAA,cAAA,EAAA,GADR,EASE,GAAA;;GAPA,MAAK;GACL,WAAA;GACC,eAAa,EAAA;GACd,mBAAgB;GACf,aAAa,EAAA;GACb,cAAc;GACd,uBAAoB"}