admins-components 9.0.3 → 9.0.5

package/dist/admins-components86.js

@@ -1,199 +1,204 @@
-import e from "./admins-components27.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"
-			});
+import e from "./admins-components5.js";
+import t from "./admins-components47.js";
+import n from "./admins-components60.js";
+import r from "./admins-components63.js";
+import i from "./admins-components67.js";
+import "./admins-components68.js";
+import a from "./admins-components70.js";
+import { getFilterParams as o } from "./admins-components76.js";
+import s from "./admins-components79.js";
+import c from "./admins-components82.js";
+import l from "./admins-components85.js";
+import { Fragment as u, computed as d, createBlock as f, createCommentVNode as p, createElementBlock as m, createElementVNode as h, createVNode as g, defineComponent as _, mergeDefaults 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: "flex-center gap-2 mb-3 wrap-on-small" }, w = { class: "flex-center gap-1" }, T = {
+	key: 1,
+	class: "list-loader my-5"
+}, E = { class: "c-data-list__toolbar" }, D = {
+	layoutBreakpoint: 768,
+	orderable: !0,
+	historyEnabled: !0,
+	loading: !1,
+	handleUrl: !1
+}, O = /*@__PURE__*/ _({
+	__name: "DataList",
+	props: /*@__PURE__*/ v({
+		config: {},
+		items: {},
+		settings: {},
+		id: {},
+		layoutBreakpoint: {},
+		orderable: { type: Boolean },
+		pagination: {},
+		filters: {},
+		historyEnabled: { type: Boolean },
+		loading: { type: Boolean },
+		handleUrl: { type: Boolean }
+	}, { ...D }),
+	emits: [
+		"filter-change",
+		"selection-change",
+		"settings-change",
+		"pagination-change",
+		"sort-change"
+	],
+	setup(_, { expose: v, emit: D }) {
+		let O = S(null), k = _, A = D, j = S(!1), M = S(!1), N = S(null), P = S(!1), F = S(null), I = S(!1), L = d(() => k.filters?.some((e) => e.type === "text" || e.type === "textarea")), R = {
+			type: "checkbox",
+			key: "exactMatch",
+			label: "Pontos egyezés",
+			fullWidth: !0,
+			config: { labelAlignmentFix: !0 },
+			displayClass: "highlight-chip"
+		};
+		function z(e) {
+			return !L.value || e.some((e) => e.key === "exactMatch") ? e : [R, ...e];
 		}
-		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ó 3 ikon:"),
-					n("ul", null, [
-						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"]));
+		let B = d(() => z(k.filters ?? [])), V = S(k.filters ? o(B.value) : {}), H = null;
+		b(() => {
+			H = new ResizeObserver((e) => {
+				P.value = (e[0]?.contentRect.width ?? 0) < k.layoutBreakpoint;
+			}), F.value && H.observe(F.value);
+		}), y(() => H?.disconnect());
+		let U = d(() => {
+			let e = N.value?.layout;
+			return e === "table" || e === "cards" ? e : P.value ? "cards" : "table";
+		}), W = d(() => {
+			if (!N.value) return k.config;
+			let e = N.value.columnOrder, t = k.config.columns.map((e) => ({
+				...e,
+				visible: N.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 G(e) {
+			N.value = e, A("settings-change", e);
+		}
+		v({
+			openOptions: () => j.value = !0,
+			closeOptions: () => j.value = !1,
+			openFilters: () => I.value = !0,
+			closeFilters: () => I.value = !1
+		});
+		async function K(e) {
+			I.value = !0, setTimeout(() => {
+				O.value?.focusFilter(e);
+			}, 300);
+		}
+		function q(e) {
+			V.value = e, A("filter-change", e);
+		}
+		let J = d(() => Object.values(V.value).filter((e) => e != null && e !== "").length);
+		return (o, d) => (x(), m("div", {
+			ref_key: "root",
+			ref: F,
+			class: "c-data-list ac-component"
+		}, [
+			B.value && B.value.length > 0 ? (x(), m(u, { key: 0 }, [h("div", C, [g(e, {
+				label: "Szűrők megnyitása",
+				icon: "fa-solid fa-filter",
+				onClick: d[0] ||= (e) => I.value = !0,
+				style: { "flex-shrink": "0" },
+				type: J.value > 0 ? "info" : "normal",
+				indicator: J.value > 0 ? J.value : void 0
+			}, null, 8, ["type", "indicator"]), h("div", w, [g(c, {
+				filters: V.value,
+				items: B.value,
+				onRemove: d[1] ||= (e) => O.value?.clearFilter(e),
+				onOpenFilter: K
+			}, null, 8, ["filters", "items"])])]), g(s, {
+				ref_key: "dataFiltersRef",
+				ref: O,
+				open: I.value,
+				items: B.value,
+				lazy: "",
+				"handle-url": _.handleUrl,
+				"storage-key": _.id,
+				onClose: d[2] ||= (e) => I.value = !1,
+				onChange: q
+			}, null, 8, [
+				"open",
+				"items",
+				"handle-url",
+				"storage-key"
+			])], 64)) : p("", !0),
+			_.loading ? (x(), m("div", T, [g(t, {
+				loading: !0,
+				size: "2.8125rem"
+			})])) : (x(), m(u, { key: 2 }, [
+				h("div", E, [g(e, {
+					label: "Beállítások",
+					icon: "fa-solid fa-gear",
+					class: "c-data-list__toolbar__item",
+					"label-alignment-fix": "",
+					size: "small",
+					onClick: d[3] ||= (e) => j.value = !0
+				}), g(e, {
+					label: "Súgó",
+					icon: "fa-solid fa-question",
+					"icon-position": "right",
+					class: "c-data-list__toolbar__item ml-auto",
+					"label-alignment-fix": "",
+					size: "small",
+					onClick: d[4] ||= (e) => M.value = !0
+				})]),
+				g(l, {
+					open: M.value,
+					onClose: d[5] ||= (e) => M.value = !1
+				}, null, 8, ["open"]),
+				U.value === "table" ? (x(), f(n, {
+					key: 0,
+					config: W.value,
+					items: _.items,
+					settings: N.value ?? void 0,
+					onFilterChange: d[6] ||= (e) => A("filter-change", e),
+					onSelectionChange: d[7] ||= (e) => A("selection-change", e),
+					onSortChange: d[8] ||= (e) => A("sort-change", e)
+				}, null, 8, [
+					"config",
+					"items",
+					"settings"
+				])) : (x(), f(r, {
+					key: 1,
+					config: W.value,
+					items: _.items,
+					settings: N.value ?? void 0,
+					onSelectionChange: d[9] ||= (e) => A("selection-change", e)
+				}, null, 8, [
+					"config",
+					"items",
+					"settings"
+				])),
+				_.pagination ? (x(), f(a, {
+					key: 2,
+					settings: _.pagination,
+					"storage-key": _.id,
+					"onUpdate:pagination": d[10] ||= (e) => A("pagination-change", e)
+				}, null, 8, ["settings", "storage-key"])) : p("", !0)
+			], 64)),
+			g(i, {
+				open: j.value,
+				columns: _.config.columns,
+				settings: _.settings ?? {},
+				"storage-key": _.id,
+				orderable: _.orderable,
+				onClose: d[11] ||= (e) => j.value = !1,
+				onChange: G
+			}, null, 8, [
+				"open",
+				"columns",
+				"settings",
+				"storage-key",
+				"orderable"
+			])
+		], 512));
 	}
 });
 //#endregion
-export { _ as default };
+export { D as dataListDefaults, O as default };

package/dist/admins-components88.js

@@ -1,7 +1,8 @@
-import './src/styles/components/data-table/data-list-guide.scss_vue_type_style_index_0_src_true_lang.css';
+import './src/styles/components/data-table/data-list.scss_vue_type_style_index_0_src_true_lang.css';
+import "./admins-components68.js";
 import e from "./admins-components86.js";
 /* empty css                    */
-//#region src/components/data-table/DataListGuide.vue
+//#region src/components/data-table/DataList.vue
 var t = e;
 //#endregion
 export { t as default };

package/dist/admins-components89.js

@@ -1,204 +1,4 @@
-import e from "./admins-components6.js";
-import t from "./admins-components48.js";
-import n from "./admins-components63.js";
-import r from "./admins-components66.js";
-import i from "./admins-components70.js";
-import "./admins-components71.js";
-import a from "./admins-components73.js";
-import { getFilterParams as o } from "./admins-components79.js";
-import s from "./admins-components82.js";
-import c from "./admins-components85.js";
-import l from "./admins-components88.js";
-import { Fragment as u, computed as d, createBlock as f, createCommentVNode as p, createElementBlock as m, createElementVNode as h, createVNode as g, defineComponent as _, mergeDefaults 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: "flex-center gap-2 mb-3 wrap-on-small" }, w = { class: "flex-center gap-1" }, T = {
-	key: 1,
-	class: "list-loader my-5"
-}, E = { class: "c-data-list__toolbar" }, D = {
-	layoutBreakpoint: 768,
-	orderable: !0,
-	historyEnabled: !0,
-	loading: !1,
-	handleUrl: !1
-}, O = /* @__PURE__ */ _({
-	__name: "DataList",
-	props: /* @__PURE__ */ v({
-		config: {},
-		items: {},
-		settings: {},
-		id: {},
-		layoutBreakpoint: {},
-		orderable: { type: Boolean },
-		pagination: {},
-		filters: {},
-		historyEnabled: { type: Boolean },
-		loading: { type: Boolean },
-		handleUrl: { type: Boolean }
-	}, { ...D }),
-	emits: [
-		"filter-change",
-		"selection-change",
-		"settings-change",
-		"pagination-change",
-		"sort-change"
-	],
-	setup(_, { expose: v, emit: D }) {
-		let O = S(null), k = _, A = D, j = S(!1), M = S(!1), N = S(null), P = S(!1), F = S(null), I = S(!1), L = d(() => k.filters?.some((e) => e.type === "text" || e.type === "textarea")), R = {
-			type: "checkbox",
-			key: "exactMatch",
-			label: "Pontos egyezés",
-			fullWidth: !0,
-			config: { labelAlignmentFix: !0 },
-			displayClass: "highlight-chip"
-		};
-		function z(e) {
-			return !L.value || e.some((e) => e.key === "exactMatch") ? e : [R, ...e];
-		}
-		let B = d(() => z(k.filters ?? [])), V = S(k.filters ? o(B.value) : {}), H = null;
-		b(() => {
-			H = new ResizeObserver((e) => {
-				P.value = (e[0]?.contentRect.width ?? 0) < k.layoutBreakpoint;
-			}), F.value && H.observe(F.value);
-		}), y(() => H?.disconnect());
-		let U = d(() => {
-			let e = N.value?.layout;
-			return e === "table" || e === "cards" ? e : P.value ? "cards" : "table";
-		}), W = d(() => {
-			if (!N.value) return k.config;
-			let e = N.value.columnOrder, t = k.config.columns.map((e) => ({
-				...e,
-				visible: N.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 G(e) {
-			N.value = e, A("settings-change", e);
-		}
-		v({
-			openOptions: () => j.value = !0,
-			closeOptions: () => j.value = !1,
-			openFilters: () => I.value = !0,
-			closeFilters: () => I.value = !1
-		});
-		async function K(e) {
-			I.value = !0, setTimeout(() => {
-				O.value?.focusFilter(e);
-			}, 300);
-		}
-		function q(e) {
-			V.value = e, A("filter-change", e);
-		}
-		let J = d(() => Object.values(V.value).filter((e) => e != null && e !== "").length);
-		return (o, d) => (x(), m("div", {
-			ref_key: "root",
-			ref: F,
-			class: "c-data-list ac-component"
-		}, [
-			B.value && B.value.length > 0 ? (x(), m(u, { key: 0 }, [h("div", C, [g(e, {
-				label: "Szűrők megnyitása",
-				icon: "fa-solid fa-filter",
-				onClick: d[0] ||= (e) => I.value = !0,
-				style: { "flex-shrink": "0" },
-				type: J.value > 0 ? "info" : "normal",
-				indicator: J.value > 0 ? J.value : void 0
-			}, null, 8, ["type", "indicator"]), h("div", w, [g(c, {
-				filters: V.value,
-				items: B.value,
-				onRemove: d[1] ||= (e) => O.value?.clearFilter(e),
-				onOpenFilter: K
-			}, null, 8, ["filters", "items"])])]), g(s, {
-				ref_key: "dataFiltersRef",
-				ref: O,
-				open: I.value,
-				items: B.value,
-				lazy: "",
-				"handle-url": _.handleUrl,
-				"storage-key": _.id,
-				onClose: d[2] ||= (e) => I.value = !1,
-				onChange: q
-			}, null, 8, [
-				"open",
-				"items",
-				"handle-url",
-				"storage-key"
-			])], 64)) : p("", !0),
-			_.loading ? (x(), m("div", T, [g(t, {
-				loading: !0,
-				size: "2.8125rem"
-			})])) : (x(), m(u, { key: 2 }, [
-				h("div", E, [g(e, {
-					label: "Beállítások",
-					icon: "fa-solid fa-gear",
-					class: "c-data-list__toolbar__item",
-					"label-alignment-fix": "",
-					size: "small",
-					onClick: d[3] ||= (e) => j.value = !0
-				}), g(e, {
-					label: "Súgó",
-					icon: "fa-solid fa-question",
-					"icon-position": "right",
-					class: "c-data-list__toolbar__item ml-auto",
-					"label-alignment-fix": "",
-					size: "small",
-					onClick: d[4] ||= (e) => M.value = !0
-				})]),
-				g(l, {
-					open: M.value,
-					onClose: d[5] ||= (e) => M.value = !1
-				}, null, 8, ["open"]),
-				U.value === "table" ? (x(), f(n, {
-					key: 0,
-					config: W.value,
-					items: _.items,
-					settings: N.value ?? void 0,
-					onFilterChange: d[6] ||= (e) => A("filter-change", e),
-					onSelectionChange: d[7] ||= (e) => A("selection-change", e),
-					onSortChange: d[8] ||= (e) => A("sort-change", e)
-				}, null, 8, [
-					"config",
-					"items",
-					"settings"
-				])) : (x(), f(r, {
-					key: 1,
-					config: W.value,
-					items: _.items,
-					settings: N.value ?? void 0,
-					onSelectionChange: d[9] ||= (e) => A("selection-change", e)
-				}, null, 8, [
-					"config",
-					"items",
-					"settings"
-				])),
-				_.pagination ? (x(), f(a, {
-					key: 2,
-					settings: _.pagination,
-					"storage-key": _.id,
-					"onUpdate:pagination": d[10] ||= (e) => A("pagination-change", e)
-				}, null, 8, ["settings", "storage-key"])) : p("", !0)
-			], 64)),
-			g(i, {
-				open: j.value,
-				columns: _.config.columns,
-				settings: _.settings ?? {},
-				"storage-key": _.id,
-				orderable: _.orderable,
-				onClose: d[11] ||= (e) => j.value = !1,
-				onChange: G
-			}, null, 8, [
-				"open",
-				"columns",
-				"settings",
-				"storage-key",
-				"orderable"
-			])
-		], 512));
-	}
-});
+//#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);
 //#endregion
-export { D as dataListDefaults, O as default };
+export { e as isIpInUrl };

package/dist/admins-components90.js

@@ -0,0 +1,17 @@
+//#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 getUrlParam, r as joinUrl, n as removeUrlParam, t as setUrlParam };