admins-components 9.0.9 → 9.0.11

package/dist/admins-components59.js

@@ -10,10 +10,14 @@ import { Fragment as c, computed as l, createBlock as u, createCommentVNode as d
 var E = { class: "c-table-wrapper ac-component" }, D = { key: 0 }, O = ["onClick"], k = {
 	key: 1,
 	class: "c-actions-header"
-}, A = ["onClick"], j = {
+}, A = { key: 0 }, j = ["onClick"], M = {
 	key: 1,
 	class: "c-actions-cell"
-}, M = { class: "c-actions-wrap" }, N = /* @__PURE__ */ g({
+}, N = { class: "c-actions-wrap" }, P = { key: 1 }, F = { class: "c-table__loading-row" }, I = ["colspan"], L = { class: "c-table__loading-wrap" }, R = {
+	key: 0,
+	class: "c-table__backdrop",
+	"aria-hidden": "true"
+}, z = /* @__PURE__ */ g({
 	__name: "DataTable",
 	props: {
 		config: {},
@@ -26,68 +30,67 @@ var E = { class: "c-table-wrapper ac-component" }, D = { key: 0 }, O = ["onClick
 	},
 	emits: ["selection-change", "sort-change"],
 	setup(i, { emit: g }) {
-		let N = i, P = g, F = x(null), { selectedKeys: I, allSelected: L, toggle: R, toggleAll: z } = r(() => N.items, () => N.config.selectableAttr, (e) => P("selection-change", e)), B = l(() => N.config.columns.filter((e) => e.visible !== !1));
-		function V(e) {
-			let t = F.value?.key === e && F.value.direction === "asc" ? "desc" : "asc";
-			F.value = {
+		let z = i, B = g, V = x(null), { selectedKeys: H, allSelected: U, toggle: W, toggleAll: G } = r(() => z.items, () => z.config.selectableAttr, (e) => B("selection-change", e)), K = l(() => z.config.columns.filter((e) => e.visible !== !1));
+		function q(e) {
+			let t = V.value?.key === e && V.value.direction === "asc" ? "desc" : "asc";
+			V.value = {
 				key: e,
 				direction: t
-			}, P("sort-change", {
+			}, B("sort-change", {
 				key: e,
 				direction: t
 			});
 		}
-		return (r, l) => (b(), f("div", E, [i.loading ? (b(), u(n, {
-			key: 0,
-			loading: !0
-		})) : (b(), f("table", {
-			key: 1,
-			class: v(["c-table", { "is-compact": i.settings.compact }]),
+		return (r, l) => (b(), f("div", E, [p("table", {
+			class: v(["c-table", {
+				"is-compact": i.settings.compact,
+				"is-loading": i.loading
+			}]),
 			style: y({ "--action-count": i.config.actions?.length ?? 0 })
 		}, [p("thead", null, [p("tr", null, [
 			i.config.selectableAttr ? (b(), f("th", D, [p("span", {
-				class: v(["c-checkbox", { "c-checkbox--checked": w(L) }]),
-				onClick: l[0] ||= (...e) => w(z) && w(z)(...e)
+				class: v(["c-checkbox", { "c-checkbox--checked": w(U) }]),
+				onClick: l[0] ||= (...e) => w(G) && w(G)(...e)
 			}, null, 2)])) : d("", !0),
-			(b(!0), f(c, null, S(B.value, (e) => (b(), f("th", {
+			(b(!0), f(c, null, S(K.value, (e) => (b(), f("th", {
 				key: e.property,
 				class: v({
 					"c-sortable": e.sort,
-					"c-sortable--sorted": F.value?.key === e.property
+					"c-sortable--sorted": V.value?.key === e.property
 				}),
-				onClick: (t) => e.sort ? V(e.property) : void 0
+				onClick: (t) => e.sort ? q(e.property) : void 0
 			}, [m(C(e.label) + " ", 1), e.sort ? (b(), f("span", {
 				key: 0,
 				class: v(["c-sort-icon fa-solid", {
-					"fa-sort": F.value?.key !== e.property,
-					"fa-sort-down": F.value?.key === e.property && F.value.direction === "desc",
-					"fa-sort-up": F.value?.key === e.property && F.value.direction === "asc",
-					"c-sort-icon--active": F.value?.key === e.property,
-					"is-asc": F.value?.key === e.property && F.value.direction === "asc",
-					"is-desc": F.value?.key === e.property && F.value.direction === "desc"
+					"fa-sort": V.value?.key !== e.property,
+					"fa-sort-down": V.value?.key === e.property && V.value.direction === "desc",
+					"fa-sort-up": V.value?.key === e.property && V.value.direction === "asc",
+					"c-sort-icon--active": V.value?.key === e.property,
+					"is-asc": V.value?.key === e.property && V.value.direction === "asc",
+					"is-desc": V.value?.key === e.property && V.value.direction === "desc"
 				}])
 			}, null, 2)) : d("", !0)], 10, O))), 128)),
 			i.config.actions ? (b(), f("th", k, C(i.config.actionHeader ?? ""), 1)) : d("", !0)
-		])]), p("tbody", null, [(b(!0), f(c, null, S(i.items, (n, r) => (b(), f("tr", {
+		])]), !i.loading || i.items.length > 0 ? (b(), f("tbody", A, [(b(!0), f(c, null, S(i.items, (n, r) => (b(), f("tr", {
 			key: r,
 			class: v({
-				"is-selected": i.config.selectableAttr && w(I).has(n[i.config.selectableAttr]),
+				"is-selected": i.config.selectableAttr && w(H).has(n[i.config.selectableAttr]),
 				"is-striped": i.settings.striped && r % 2 == 1
 			})
 		}, [
 			i.config.selectableAttr ? (b(), f("td", {
 				key: 0,
 				class: "pointer",
-				onClick: T((e) => w(R)(n), ["stop"])
-			}, [p("span", { class: v(["c-checkbox", { "c-checkbox--checked": w(I).has(n[i.config.selectableAttr]) }]) }, null, 2)], 8, A)) : d("", !0),
-			(b(!0), f(c, null, S(B.value, (e) => (b(), f("td", {
+				onClick: T((e) => w(W)(n), ["stop"])
+			}, [p("span", { class: v(["c-checkbox", { "c-checkbox--checked": w(H).has(n[i.config.selectableAttr]) }]) }, null, 2)], 8, j)) : d("", !0),
+			(b(!0), f(c, null, S(K.value, (e) => (b(), f("td", {
 				key: e.property,
 				class: v(["c-table__cell", [e.class]])
 			}, [h(s, {
 				item: n,
 				col: e
 			}, null, 8, ["item", "col"])], 2))), 128)),
-			i.config.actions ? (b(), f("td", j, [p("div", M, [(b(!0), f(c, null, S(i.config.actions, (r, i) => (b(), f(c, { key: i }, [w(o)(r) ? (b(), u(t, _({
+			i.config.actions ? (b(), f("td", M, [p("div", N, [(b(!0), f(c, null, S(i.config.actions, (r, i) => (b(), f(c, { key: i }, [w(o)(r) ? (b(), u(t, _({
 				key: 0,
 				icon: r.icon,
 				label: r.label,
@@ -115,8 +118,17 @@ var E = { class: "c-table-wrapper ac-component" }, D = { key: 0 }, O = ["onClick
 				"ariaLabel",
 				"callback"
 			]))], 64))), 128))])])) : d("", !0)
-		], 2))), 128))])], 6))]));
+		], 2))), 128))])) : (b(), f("tbody", P, [p("tr", F, [p("td", {
+			colspan: K.value.length + +!!i.config.selectableAttr + +!!i.config.actions,
+			class: "c-table__loading-cell"
+		}, [p("div", L, [h(n, {
+			loading: !0,
+			size: "2.5rem"
+		})])], 8, I)])]))], 6), i.loading && i.items.length > 0 ? (b(), f("div", R, [h(n, {
+			loading: !0,
+			size: "2.5rem"
+		})])) : d("", !0)]));
 	}
 });
 //#endregion
-export { N as default };
+export { z as default };

package/dist/admins-components62.js

@@ -6,9 +6,16 @@ import { useSelection as i } from "./admins-components53.js";
 import { dataCardsSettingsDefaults as a } from "./admins-components54.js";
 import { buildActionGroupMenuItems as o, getColumnValue as s, isActionGroup as c } from "./admins-components55.js";
 import l from "./admins-components58.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 _, mergeProps as v, normalizeClass as y, openBlock as b, ref as x, renderList as S, toDisplayString as C, unref as w, vShow as T, withDirectives as E, withModifiers as D } from "vue";
+import { Fragment as u, computed as d, createBlock as f, createCommentVNode as p, createElementBlock as m, createElementVNode as h, createVNode as g, defineComponent as _, mergeProps as v, normalizeClass as y, openBlock as b, ref as x, renderList as S, toDisplayString as C, unref as w, vShow as T, watch as E, withDirectives as D, withModifiers as O } from "vue";
 //#region src/components/data-table/DataCards.vue?vue&type=script&setup=true&lang.ts
-var O = { class: "ac-component" }, k = ["onClick", "onPointerdown"], A = ["onClick"], j = { class: "c-card__heading" }, M = { class: "c-card__label" }, N = { class: "c-card__body" }, P = { class: "c-card__field-label" }, F = /* @__PURE__ */ _({
+var k = ["onClick", "onPointerdown"], A = ["onClick"], j = { class: "c-card__heading" }, M = { class: "c-card__label" }, N = ["innerHTML"], P = { class: "c-card__body" }, F = { class: "c-card__field-label" }, I = {
+	key: 1,
+	class: "c-cards__loading-wrap"
+}, L = {
+	key: 2,
+	class: "c-cards__backdrop",
+	"aria-hidden": "true"
+}, R = /* @__PURE__ */ _({
 	__name: "DataCards",
 	props: {
 		config: {},
@@ -21,10 +28,14 @@ var O = { class: "ac-component" }, k = ["onClick", "onPointerdown"], A = ["onCli
 	},
 	emits: ["selection-change"],
 	setup(a, { emit: _ }) {
-		let F = a, I = _, { selectedKeys: L, toggle: R } = i(() => F.items, () => F.config.selectableAttr, (e) => I("selection-change", e)), z = x(/* @__PURE__ */ new Set()), B = d(() => F.config.columns.filter((e) => e.visible !== !1)), V = d(() => {
-			let e = F.settings;
+		let R = a, z = _, { selectedKeys: B, toggle: V } = i(() => R.items, () => R.config.selectableAttr, (e) => z("selection-change", e)), H = x(/* @__PURE__ */ new Set());
+		E(() => R.items, () => {
+			H.value = /* @__PURE__ */ new Set();
+		});
+		let U = d(() => R.config.columns.filter((e) => e.visible !== !1)), W = d(() => {
+			let e = R.settings;
 			if (e?.cardHeaderColumns) {
-				let t = B.value.filter((t) => e.cardHeaderColumns[t.property]);
+				let t = U.value.filter((t) => e.cardHeaderColumns[t.property]);
 				if (t.length > 0) {
 					if (e.cardHeaderOrder) {
 						let n = e.cardHeaderOrder;
@@ -36,84 +47,85 @@ var O = { class: "ac-component" }, k = ["onClick", "onPointerdown"], A = ["onCli
 					return t;
 				}
 			}
-			let t = B.value.filter((e) => e.primary);
-			return t.length > 0 ? t : B.value.slice(0, 1);
-		}), H = null, U = !1;
-		function W(e, t) {
-			F.config.selectableAttr && e.button === 0 && (U = !1, H = setTimeout(() => {
-				U = !0, R(t);
+			let t = U.value.filter((e) => e.primary);
+			return t.length > 0 ? t : U.value.slice(0, 1);
+		}), G = null, K = !1;
+		function q(e, t) {
+			R.config.selectableAttr && e.button === 0 && (K = !1, G = setTimeout(() => {
+				K = !0, V(t);
 			}, 500));
 		}
-		function G() {
-			H &&= (clearTimeout(H), null);
+		function J() {
+			G &&= (clearTimeout(G), null);
 		}
-		function K(e) {
-			U && e.preventDefault();
+		function Y(e) {
+			K && e.preventDefault();
 		}
-		function q(e) {
-			if (U) {
-				U = !1;
+		function X(e) {
+			if (K) {
+				K = !1;
 				return;
 			}
-			J(e);
+			Z(e);
 		}
-		function J(e) {
-			z.value.has(e) ? z.value.delete(e) : z.value.add(e), z.value = new Set(z.value);
+		function Z(e) {
+			H.value.has(e) ? H.value.delete(e) : H.value.add(e), H.value = new Set(H.value);
 		}
-		return (i, d) => (b(), m("div", O, [a.loading ? (b(), f(r, {
+		return (i, d) => (b(), m("div", { class: y(["ac-component", { "is-loading": a.loading }]) }, [!a.loading || a.items.length > 0 ? (b(), m("div", {
 			key: 0,
-			loading: !0
-		})) : (b(), m("div", {
-			key: 1,
 			class: y(["c-cards", { "is-compact": a.settings.compact }])
 		}, [(b(!0), m(u, null, S(a.items, (r, i) => (b(), m("div", {
 			key: i,
 			class: y(["c-card", {
-				"is-open": z.value.has(i),
-				"is-selected": a.config.selectableAttr && w(L).has(r[a.config.selectableAttr])
+				"is-open": H.value.has(i),
+				"is-selected": a.config.selectableAttr && w(B).has(r[a.config.selectableAttr])
 			}])
 		}, [h("button", {
 			type: "button",
 			class: "c-card__header",
-			onClick: (e) => q(i),
-			onPointerdown: (e) => W(e, r),
-			onPointerup: d[0] ||= (e) => G(),
-			onPointerleave: d[1] ||= (e) => G(),
-			onContextmenu: K
+			onClick: (e) => X(i),
+			onPointerdown: (e) => q(e, r),
+			onPointerup: d[0] ||= (e) => J(),
+			onPointerleave: d[1] ||= (e) => J(),
+			onContextmenu: Y
 		}, [
 			a.config.selectableAttr ? (b(), m("span", {
 				key: 0,
 				class: "c-card__check-zone",
-				onClick: D((e) => w(R)(r), ["stop"])
-			}, [h("span", { class: y(["c-card__check", { "is-checked": w(L).has(r[a.config.selectableAttr]) }]) }, [...d[3] ||= [h("i", { class: "fa-solid fa-check" }, null, -1)]], 2)], 8, A)) : p("", !0),
-			h("span", j, [(b(!0), m(u, null, S(V.value, (e, t) => (b(), m("span", {
+				onClick: O((e) => w(V)(r), ["stop"])
+			}, [h("span", { class: y(["c-card__check", { "is-checked": w(B).has(r[a.config.selectableAttr]) }]) }, [...d[3] ||= [h("i", { class: "fa-solid fa-check" }, null, -1)]], 2)], 8, A)) : p("", !0),
+			h("span", j, [(b(!0), m(u, null, S(W.value, (e, t) => (b(), m("span", {
 				key: e.property,
 				class: "c-card__heading-item"
-			}, [h("span", M, C(e.label), 1), h("span", { class: y(["c-card__title", { "c-truncate": a.settings.compact && t === 0 }]) }, C(w(s)(r, e)), 3)]))), 128))]),
+			}, [h("span", M, C(e.label), 1), h("span", {
+				class: y(["c-card__title", { "c-truncate": a.settings.compact && t === 0 }]),
+				innerHTML: w(s)(r, e)
+			}, null, 10, N)]))), 128))]),
 			d[4] ||= h("span", {
 				class: "c-card__icon",
 				"aria-hidden": "true"
 			}, [h("i", { class: "fa-solid fa-chevron-down" })], -1)
-		], 40, k), E(h("div", N, [(b(!0), m(u, null, S(B.value, (e) => (b(), m("div", {
+		], 40, k), D(h("div", P, [(b(!0), m(u, null, S(U.value, (e) => (b(), m("div", {
 			key: e.property,
 			class: "c-card__field",
 			tabindex: "0"
 		}, [
-			h("span", P, C(e.label), 1),
+			h("span", F, C(e.label), 1),
 			g(l, {
 				item: r,
 				col: e,
 				class: "c-card__field-value",
 				copy: !1
 			}, null, 8, ["item", "col"]),
-			g(n, {
+			w(s)(r, e) ? (b(), f(n, {
+				key: 0,
 				class: "c-card__field-copy click-expand",
 				value: w(s)(r, e)
-			}, null, 8, ["value"])
+			}, null, 8, ["value"])) : p("", !0)
 		]))), 128)), a.config.actions ? (b(), m("div", {
 			key: 0,
 			class: "c-card__actions",
-			onClick: d[2] ||= D(() => {}, ["stop"])
+			onClick: d[2] ||= O(() => {}, ["stop"])
 		}, [(b(!0), m(u, null, S(a.config.actions, (n, i) => (b(), m(u, { key: i }, [w(c)(n) ? (b(), f(t, v({
 			key: 0,
 			icon: n.icon,
@@ -141,8 +153,14 @@ var O = { class: "ac-component" }, k = ["onClick", "onPointerdown"], A = ["onCli
 			"ariaLabel",
 			"disabled",
 			"callback"
-		]))], 64))), 128))])) : p("", !0)], 512), [[T, z.value.has(i)]])], 2))), 128))], 2))]));
+		]))], 64))), 128))])) : p("", !0)], 512), [[T, H.value.has(i)]])], 2))), 128))], 2)) : (b(), m("div", I, [g(r, {
+			loading: !0,
+			size: "2.5rem"
+		})])), a.loading && a.items.length > 0 ? (b(), m("div", L, [g(r, {
+			loading: !0,
+			size: "2.5rem"
+		})])) : p("", !0)], 2));
 	}
 });
 //#endregion
-export { F as default };
+export { R as default };

package/dist/admins-components66.js

@@ -59,14 +59,25 @@ var te = { class: "table-options" }, ne = { class: "table-options__col" }, re =
 				let e = localStorage.getItem(R.value), t = z();
 				if (e) {
 					let n = JSON.parse(e);
-					L.value = n.settings ? ee(t, n.settings) : t;
+					L.value = n.settings ? ve(ee(t, n.settings), F.columns) : t;
 				} else L.value = t;
 			} catch {
 				L.value = z();
 			}
 			I("change", L.value);
 		}
-		function ve() {
+		function ve(e, t) {
+			let n = t.map((e) => e.property), r = (e) => {
+				let t = new Set(n), r = (e ?? []).filter((e) => t.has(e)), i = n.filter((e) => !r.includes(e));
+				return [...r, ...i];
+			};
+			return {
+				...e,
+				columnOrder: r(e.columnOrder),
+				cardHeaderOrder: r(e.cardHeaderOrder)
+			};
+		}
+		function ye() {
 			try {
 				let e = R.value, t = localStorage.getItem(e), n = t ? JSON.parse(t) : {};
 				n.settings = L.value, localStorage.setItem(e, JSON.stringify(n));
@@ -77,7 +88,7 @@ var te = { class: "table-options" }, ne = { class: "table-options__col" }, re =
 			L.value = {
 				...L.value,
 				[e]: t
-			}, ve();
+			}, ye();
 		}
 		function V(e) {
 			B("columns", {
@@ -101,18 +112,18 @@ var te = { class: "table-options" }, ne = { class: "table-options__col" }, re =
 			});
 		}
 		let G = o(() => W(F.columns, L.value.columnOrder)), K = o(() => W(F.columns, L.value.cardHeaderOrder)), q = _(null), J = _(null), Y = _(null), X = _(null);
-		function ye(e) {
+		function be(e) {
 			q.value = e;
 		}
-		function be(e, t) {
+		function xe(e, t) {
 			if (e.preventDefault(), q.value === null || q.value === t) return;
 			let n = [...L.value.columnOrder], r = n.splice(q.value, 1)[0];
 			r && (n.splice(t, 0, r), q.value = t, B("columnOrder", n));
 		}
-		function xe() {
+		function Se() {
 			q.value = null;
 		}
-		function Se(e) {
+		function Ce(e) {
 			J.value = J.value === e ? null : e;
 		}
 		function Z(e) {
@@ -122,18 +133,18 @@ var te = { class: "table-options" }, ne = { class: "table-options__col" }, re =
 			let n = [...L.value.columnOrder], r = n[J.value];
 			n[J.value] = n[t], n[t] = r, B("columnOrder", n), J.value = t;
 		}
-		function Ce(e) {
+		function we(e) {
 			Y.value = e;
 		}
-		function we(e, t) {
+		function Q(e, t) {
 			if (e.preventDefault(), Y.value === null || Y.value === t) return;
 			let n = [...L.value.cardHeaderOrder], r = n.splice(Y.value, 1)[0];
 			r && (n.splice(t, 0, r), Y.value = t, B("cardHeaderOrder", n));
 		}
-		function Q() {
+		function Te() {
 			Y.value = null;
 		}
-		function Te(e) {
+		function Ee(e) {
 			X.value = X.value === e ? null : e;
 		}
 		function $(e) {
@@ -143,7 +154,7 @@ var te = { class: "table-options" }, ne = { class: "table-options__col" }, re =
 			let n = [...L.value.cardHeaderOrder], r = n[X.value];
 			n[X.value] = n[t], n[t] = r, B("cardHeaderOrder", n), X.value = t;
 		}
-		function Ee() {
+		function De() {
 			localStorage.removeItem(R.value), L.value = z(), I("change", L.value);
 		}
 		return h(_e), (n, r) => {
@@ -197,11 +208,11 @@ var te = { class: "table-options" }, ne = { class: "table-options__col" }, re =
 								"table-options__item--dragging": p.orderable && Y.value === t
 							}]),
 							draggable: p.orderable,
-							onDragstart: C((e) => p.orderable && Ce(t), ["stop"]),
-							onDragover: C((e) => p.orderable && we(e, t), ["prevent"]),
+							onDragstart: C((e) => p.orderable && we(t), ["stop"]),
+							onDragover: C((e) => p.orderable && Q(e, t), ["prevent"]),
 							onDrop: r[7] ||= C(() => {}, ["prevent"]),
-							onDragend: r[8] ||= (e) => p.orderable && Q(),
-							onClick: C((n) => p.orderable ? Te(t) : !e.primary && H(e.property), ["prevent"])
+							onDragend: r[8] ||= (e) => p.orderable && Te(),
+							onClick: C((n) => p.orderable ? Ee(t) : !e.primary && H(e.property), ["prevent"])
 						}, [p.orderable ? (g(), l("i", fe)) : c("", !0), u("span", {
 							class: "table-options__toggle",
 							onClick: C((t) => !e.primary && H(e.property), ["stop"])
@@ -226,11 +237,11 @@ var te = { class: "table-options" }, ne = { class: "table-options__col" }, re =
 								"table-options__item--dragging": p.orderable && q.value === t
 							}]),
 							draggable: p.orderable,
-							onDragstart: C((e) => p.orderable && ye(t), ["stop"]),
-							onDragover: C((e) => p.orderable && be(e, t), ["prevent"]),
+							onDragstart: C((e) => p.orderable && be(t), ["stop"]),
+							onDragover: C((e) => p.orderable && xe(e, t), ["prevent"]),
 							onDrop: r[11] ||= C(() => {}, ["prevent"]),
-							onDragend: r[12] ||= (e) => p.orderable && xe(),
-							onClick: C((n) => p.orderable ? Se(t) : !e.primary && V(e.property), ["prevent"])
+							onDragend: r[12] ||= (e) => p.orderable && Se(),
+							onClick: C((n) => p.orderable ? Ce(t) : !e.primary && V(e.property), ["prevent"])
 						}, [p.orderable ? (g(), l("i", O)) : c("", !0), u("span", {
 							class: "table-options__toggle",
 							onClick: C((t) => !e.primary && V(e.property), ["stop"])
@@ -250,7 +261,7 @@ var te = { class: "table-options" }, ne = { class: "table-options__col" }, re =
 					disabled: !ge.value,
 					label: "Alapértelmezés visszaállítása",
 					size: "small",
-					onClick: Ee
+					onClick: De
 				}, null, 8, ["disabled"]), f(e, {
 					label: "OK",
 					onClick: r[15] ||= (e) => I("close")

package/dist/admins-components69.js

@@ -45,27 +45,35 @@ var E = /* @__PURE__ */ o({
 			} catch {}
 		}
 		let O = n(() => Math.max(1, Math.ceil(T.settings.total / T.settings.pageSize))), k = n(() => T.settings.total === 0 ? 0 : (T.settings.page - 1) * T.settings.pageSize + 1), A = n(() => Math.min(T.settings.page * T.settings.pageSize, T.settings.total)), j = n(() => {
-			let e = O.value, t = T.settings.page, n = [];
-			if (e <= 7) {
-				for (let t = 1; t <= e; t++) n.push(t);
-				return n;
+			let e = O.value, t = T.settings.page;
+			if (e <= M) {
+				let t = [];
+				for (let n = 1; n <= e; n++) t.push(n);
+				return t;
 			}
-			n.push(1), t > 3 && n.push("...");
-			let r = Math.max(2, t - 1), i = Math.min(e - 1, t + 1);
-			for (let e = r; e <= i; e++) n.push(e);
-			return t < e - 2 && n.push("..."), n.push(e), n;
-		});
-		function M(e) {
+			let n = M - 2, r = t - 1, i = t + 1;
+			for (r < 2 && (i = Math.min(e - 1, i + (2 - r)), r = 2), i > e - 1 && (r = Math.max(2, r - (i - (e - 1))), i = e - 1); i - r + 1 < n;) {
+				let t = r > 2, a = i < e - 1;
+				if (!t && !a) break;
+				let o = r - 2, s = e - 1 - i, c = +((t ? r - 1 : 0) > 2) + +(i < e - 1), l = +(r > 2) + +((a ? i + 1 : 0) < e - 1), u = i - r + 2, d = !1;
+				if (t && (o >= s || !a) && u + c <= n ? (r--, d = !0) : a && u + l <= n && (i++, d = !0), !d) break;
+			}
+			let a = r > 2, o = i < e - 1, s = [];
+			s.push(1), a && s.push("...");
+			for (let e = r; e <= i; e++) s.push(e);
+			return o && s.push("..."), s.push(e), s;
+		}), M = 7;
+		function N(e) {
 			let t = T.settings.page, n = O.value, r = e === 1 || e === n, i = e === t;
 			return t > 3 && t < n - 2 && !r && !i;
 		}
-		function N(e) {
+		function P(e) {
 			e < 1 || e > O.value || e === T.settings.page || E("update:pagination", {
 				page: e,
 				pageSize: T.settings.pageSize
 			});
 		}
-		function P(e) {
+		function F(e) {
 			let t = Number(e.target.value);
 			D(t), E("update:pagination", {
 				page: 1,
@@ -79,28 +87,28 @@ var E = /* @__PURE__ */ o({
 					icon: "fa-solid fa-chevron-left",
 					rel: "prev",
 					disabled: o.settings.page <= 1,
-					callback: () => N(o.settings.page - 1)
+					callback: () => P(o.settings.page - 1)
 				}, null, 8, ["disabled", "callback"]),
 				(c(!0), r(t, null, l(j.value, (e, n) => (c(), r(t, { key: n }, [e === "..." ? (c(), r("span", _, "…")) : (c(), r("button", {
 					key: 1,
 					type: "button",
 					class: s(["c-paginator__page", {
 						"is-active": e === o.settings.page,
-						"is-hidden-sm": M(e)
+						"is-hidden-sm": N(e)
 					}]),
-					onClick: (t) => N(e)
+					onClick: (t) => P(e)
 				}, u(e), 11, v))], 64))), 128)),
 				a(e, {
 					icon: "fa-solid fa-chevron-right",
 					rel: "next",
 					disabled: o.settings.page >= O.value,
-					callback: () => N(o.settings.page + 1)
+					callback: () => P(o.settings.page + 1)
 				}, null, 8, ["disabled", "callback"])
 			]),
 			i("div", y, [i("select", {
 				class: "c-paginator__select",
 				value: o.settings.pageSize,
-				onChange: P
+				onChange: F
 			}, [(c(), r(t, null, l(S, (e) => i("option", {
 				key: e,
 				value: e

package/dist/admins-components77.js

@@ -1,7 +1,9 @@
 import { parseDropdownValue as e } from "./admins-components72.js";
 //#region src/utils/filterUrlSync.ts
 function t(e) {
-	let t = new URLSearchParams(window.location.search), r = {};
+	let t = new URLSearchParams(window.location.search);
+	if (!window.location.search) return null;
+	let r = {};
 	for (let i of e) {
 		if (i.type === "separator") continue;
 		let e = t.get(i.key);
@@ -44,4 +46,4 @@ function a(e, t) {
 	window.history.replaceState(null, "", i);
 }
 //#endregion
-export { t as getFilterParams, i as readFilterParams, a as writeFilterParams };
+export { t as getFilterParams, i as readUrlFilterParams, a as writeFilterParams };

package/dist/admins-components78.js

@@ -6,7 +6,7 @@ import i from "./admins-components22.js";
 import a from "./admins-components27.js";
 import o from "./admins-components75.js";
 import { debounce as s } from "./admins-components76.js";
-import { readFilterParams as c, writeFilterParams as l } from "./admins-components77.js";
+import { readUrlFilterParams as c, writeFilterParams as l } from "./admins-components77.js";
 import { Fragment as u, createBlock as d, createCommentVNode as f, createElementBlock as p, createElementVNode as m, createVNode as h, defineComponent as g, mergeProps as _, normalizeClass as v, onMounted as y, openBlock as b, ref as x, renderList as S, toDisplayString as C, unref as w, watch as T, withCtx as E } from "vue";
 //#region src/components/data-table/DataFilters.vue?vue&type=script&setup=true&lang.ts
 var D = { class: "data-filters" }, O = {
@@ -81,7 +81,7 @@ var D = { class: "data-filters" }, O = {
 		y(() => {
 			if (!L.handleUrl) return;
 			let e = c(L.items);
-			console.log(e), Object.keys(e).length > 0 && (z.value = {
+			Object.keys(e).length > 0 && (z.value = {
 				...z.value,
 				...e
 			});