admins-components 9.0.10 → 9.0.11

package/dist/admins-components46.js

@@ -11,7 +11,7 @@ var i = /* @__PURE__ */ t({
 			class: "loader",
 			style: n({
 				width: t.size,
-				"--loader-thickness": `calc(${t.size} / 5)`
+				"--loader-thickness": `calc(${t.size} / 6)`
 			})
 		}, null, 4));
 	}

package/dist/admins-components57.js

@@ -1,15 +1,19 @@
 import e from "./admins-components38.js";
-import { getColumnValue as t } from "./admins-components55.js";
-import { shortUuid as n } from "./admins-components56.js";
-import { computed as r, createBlock as i, createCommentVNode as a, createElementBlock as o, createElementVNode as s, defineComponent as c, openBlock as l, resolveDirective as u, toDisplayString as d, withDirectives as f } from "vue";
+import t from "./admins-components48.js";
+import { getColumnValue as n } from "./admins-components55.js";
+import { shortUuid as r } from "./admins-components56.js";
+import { computed as i, createBlock as a, createCommentVNode as o, createElementBlock as s, createElementVNode as c, createVNode as l, defineComponent as u, openBlock as d, resolveDirective as f, toDisplayString as p, withDirectives as m } from "vue";
 //#region src/components/data-table/DataCell.vue?vue&type=script&setup=true&lang.ts
-var p = { key: 0 }, m = ["innerHTML"], h = {
-	key: 1,
+var h = {
+	key: 0,
+	class: "dc-loading"
+}, g = { key: 1 }, _ = ["innerHTML"], v = {
+	key: 2,
 	class: "dc-datetime"
-}, g = { class: "dc-datetime__part" }, _ = {
+}, y = { class: "dc-datetime__part" }, b = {
 	key: 0,
 	class: "dc-datetime__sep"
-}, v = { class: "dc-datetime__part" }, y = { key: 2 }, b = ["innerHTML"], x = /* @__PURE__ */ c({
+}, x = { class: "dc-datetime__part" }, S = { key: 3 }, C = ["innerHTML"], w = /* @__PURE__ */ u({
 	__name: "DataCell",
 	props: {
 		item: {},
@@ -19,10 +23,10 @@ var p = { key: 0 }, m = ["innerHTML"], h = {
 			default: !0
 		}
 	},
-	setup(c) {
-		let x = c, S = r(() => t(x.item, x.col)), C = r(() => n()(S.value)), w = r(() => {
-			if (x.col.type !== "datetime") return null;
-			let e = S.value;
+	setup(u) {
+		let w = u, T = i(() => n(w.item, w.col)), E = i(() => r()(T.value)), D = i(() => {
+			if (w.col.type !== "datetime") return null;
+			let e = T.value;
 			if (!e) return {
 				date: "",
 				time: ""
@@ -36,25 +40,28 @@ var p = { key: 0 }, m = ["innerHTML"], h = {
 				time: e.slice(t + 1)
 			};
 		});
-		return (t, n) => {
-			let r = u("tooltip");
-			return c.col.type === "uuid" ? f((l(), o("span", p, [s("span", { innerHTML: C.value }, null, 8, m), c.copy ? (l(), i(e, {
+		return (n, r) => {
+			let i = f("tooltip");
+			return u.col.loading?.() ? (d(), s("span", h, [l(t, {
+				loading: !0,
+				size: "1rem"
+			})])) : u.col.type === "uuid" ? m((d(), s("span", g, [c("span", { innerHTML: E.value }, null, 8, _), u.copy && T.value ? (d(), a(e, {
 				key: 0,
-				value: S.value
-			}, null, 8, ["value"])) : a("", !0)])), [[r, S.value]]) : c.col.type === "datetime" ? (l(), o("span", h, [
-				s("span", g, d(w.value?.date), 1),
-				w.value?.time ? (l(), o("span", _)) : a("", !0),
-				s("span", v, d(w.value?.time), 1),
-				c.copy ? (l(), i(e, {
+				value: T.value
+			}, null, 8, ["value"])) : o("", !0)])), [[i, T.value]]) : u.col.type === "datetime" ? (d(), s("span", v, [
+				c("span", y, p(D.value?.date), 1),
+				D.value?.time ? (d(), s("span", b)) : o("", !0),
+				c("span", x, p(D.value?.time), 1),
+				u.copy && T.value ? (d(), a(e, {
 					key: 1,
-					value: S.value
-				}, null, 8, ["value"])) : a("", !0)
-			])) : (l(), o("span", y, [s("span", { innerHTML: S.value }, null, 8, b), c.copy ? (l(), i(e, {
+					value: T.value
+				}, null, 8, ["value"])) : o("", !0)
+			])) : (d(), s("span", S, [c("span", { innerHTML: T.value }, null, 8, C), u.copy && T.value ? (d(), a(e, {
 				key: 0,
-				value: S.value
-			}, null, 8, ["value"])) : a("", !0)]));
+				value: T.value
+			}, null, 8, ["value"])) : o("", !0)]));
 		};
 	}
 });
 //#endregion
-export { x as default };
+export { w as default };

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-components87.js

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

package/dist/base.css

@@ -1 +1 @@
-@import"https://fonts.googleapis.com/css2?family=Geist:wght@100..900&display=swap";@import"https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.2/css/fontawesome.min.css";@import"https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.2/css/solid.min.css";@import"https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.2/css/regular.min.css";:root{--ac-font-family: 'Geist', 'Segoe UI', system-ui, -apple-system, sans-serif;--background-50: #f7f9f9;--background-100: #eff3f3;--background-dm-mobile: #303f40;--neutral-0: #fff;--neutral-30: #f9f9f9;--neutral-50: #f2f4f4;--neutral-100: #e5e9ea;--neutral-150: #dae0e1;--neutral-200: #cbd3d4;--neutral-250: #bec8ca;--neutral-300: #b0bdbf;--neutral-400: #96a7a9;--neutral-500: #7c9194;--neutral-600: #637476;--neutral-700: #4a5759;--neutral-800: #323a3b;--neutral-900: #1f2d2d;--site-50: #ffebe1;--site-100: #ffceb6;--site-200: #f79d71;--site-300: #f5844e;--site-400: #f37438;--site-500: #f26522;--site-600: #da5b1f;--site-700: #c2511b;--premium-20: #eaf4f4;--premium-50: #dfefef;--premium-100: #cfe7e6;--premium-200: #bfdfde;--premium-300: #9ed0ce;--premium-400: #7ec0bd;--premium-500: #5eb0ad;--premium-600: #4b8d8a;--premium-700: #386a68;--ac-color-error: #d92d20;--ac-color-warning: #dc6803;--ac-color-success: #067647;--ac-color-info: #1570ef;--ac-input-padding: 0.5rem;--ac-input-padding-sm: 0.3125rem;--ac-input-padding-lg: 0.75rem;--ac-field-padding: 0.5rem 0.75rem;--ac-field-padding-sm: 0.3125rem 0.625rem;--ac-field-padding-lg: 0.6875rem 1rem;--ac-field-font-size: 0.825rem;--ac-field-font-size-sm: 0.75rem;--ac-field-font-size-lg: 0.9375rem;--ac-field-border-radius: 0.5rem;--ac-field-border-radius-sm: 0.375rem;--ac-field-border-radius-lg: 0.625rem}*,*::before,*::after{box-sizing:border-box}img,picture,video,canvas,svg{display:block;max-width:100%}@media(prefers-reduced-motion: no-preference){html{interpolate-size:allow-keywords}}input,button,textarea,select{font:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}*:not(dialog){margin:0}i{line-height:inherit}.ac-component{font-family:var(--ac-font-family);letter-spacing:-0.18px;text-align:left;color:var(--neutral-800);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.ac-component .align-center-text-fix{transform:translateY(0.5px)}.ac-component hr.separator{border:none;border-top:1px solid var(--neutral-200);margin:.5rem 0}.ac-component .lh-1{line-height:1}.ac-component .flex{display:flex}.ac-component .flex-wrap{flex-wrap:wrap}.ac-component .flex-center{display:flex;align-items:center}.ac-component .flex-column{display:flex;flex-direction:column}.ac-component .flex-1{flex:1;min-width:0}.ac-component .click-expand{--expand-size: 0.5rem}.ac-component .click-expand::after{content:"";position:absolute;inset:calc(-1*var(--expand-size))}.ac-component .m-0{margin:0 !important}.ac-component .mx-0{margin-left:0 !important;margin-right:0 !important}.ac-component .my-0{margin-top:0 !important;margin-bottom:0 !important}.ac-component .mt-0{margin-top:0 !important}.ac-component .mb-0{margin-bottom:0 !important}.ac-component .ml-0{margin-left:0 !important}.ac-component .mr-0{margin-right:0 !important}.ac-component .m-1{margin:.25rem !important}.ac-component .mx-1{margin-left:.25rem !important;margin-right:.25rem !important}.ac-component .my-1{margin-top:.25rem !important;margin-bottom:.25rem !important}.ac-component .mt-1{margin-top:.25rem !important}.ac-component .mb-1{margin-bottom:.25rem !important}.ac-component .ml-1{margin-left:.25rem !important}.ac-component .mr-1{margin-right:.25rem !important}.ac-component .m-2{margin:.5rem !important}.ac-component .mx-2{margin-left:.5rem !important;margin-right:.5rem !important}.ac-component .my-2{margin-top:.5rem !important;margin-bottom:.5rem !important}.ac-component .mt-2{margin-top:.5rem !important}.ac-component .mb-2{margin-bottom:.5rem !important}.ac-component .ml-2{margin-left:.5rem !important}.ac-component .mr-2{margin-right:.5rem !important}.ac-component .m-3{margin:1rem !important}.ac-component .mx-3{margin-left:1rem !important;margin-right:1rem !important}.ac-component .my-3{margin-top:1rem !important;margin-bottom:1rem !important}.ac-component .mt-3{margin-top:1rem !important}.ac-component .mb-3{margin-bottom:1rem !important}.ac-component .ml-3{margin-left:1rem !important}.ac-component .mr-3{margin-right:1rem !important}.ac-component .m-4{margin:1.5rem !important}.ac-component .mx-4{margin-left:1.5rem !important;margin-right:1.5rem !important}.ac-component .my-4{margin-top:1.5rem !important;margin-bottom:1.5rem !important}.ac-component .mt-4{margin-top:1.5rem !important}.ac-component .mb-4{margin-bottom:1.5rem !important}.ac-component .ml-4{margin-left:1.5rem !important}.ac-component .mr-4{margin-right:1.5rem !important}.ac-component .m-5{margin:3rem !important}.ac-component .mx-5{margin-left:3rem !important;margin-right:3rem !important}.ac-component .my-5{margin-top:3rem !important;margin-bottom:3rem !important}.ac-component .mt-5{margin-top:3rem !important}.ac-component .mb-5{margin-bottom:3rem !important}.ac-component .ml-5{margin-left:3rem !important}.ac-component .mr-5{margin-right:3rem !important}.ac-component .m-auto{margin:auto !important}.ac-component .mx-auto{margin-left:auto !important;margin-right:auto !important}.ac-component .my-auto{margin-top:auto !important;margin-bottom:auto !important}.ac-component .mt-auto{margin-top:auto !important}.ac-component .mb-auto{margin-bottom:auto !important}.ac-component .ml-auto{margin-left:auto !important}.ac-component .mr-auto{margin-right:auto !important}.ac-component .p-0{padding:0 !important}.ac-component .px-0{padding-left:0 !important;padding-right:0 !important}.ac-component .py-0{padding-top:0 !important;padding-bottom:0 !important}.ac-component .pt-0{padding-top:0 !important}.ac-component .pb-0{padding-bottom:0 !important}.ac-component .pl-0{padding-left:0 !important}.ac-component .pr-0{padding-right:0 !important}.ac-component .p-1{padding:.25rem !important}.ac-component .px-1{padding-left:.25rem !important;padding-right:.25rem !important}.ac-component .py-1{padding-top:.25rem !important;padding-bottom:.25rem !important}.ac-component .pt-1{padding-top:.25rem !important}.ac-component .pb-1{padding-bottom:.25rem !important}.ac-component .pl-1{padding-left:.25rem !important}.ac-component .pr-1{padding-right:.25rem !important}.ac-component .p-2{padding:.5rem !important}.ac-component .px-2{padding-left:.5rem !important;padding-right:.5rem !important}.ac-component .py-2{padding-top:.5rem !important;padding-bottom:.5rem !important}.ac-component .pt-2{padding-top:.5rem !important}.ac-component .pb-2{padding-bottom:.5rem !important}.ac-component .pl-2{padding-left:.5rem !important}.ac-component .pr-2{padding-right:.5rem !important}.ac-component .p-3{padding:1rem !important}.ac-component .px-3{padding-left:1rem !important;padding-right:1rem !important}.ac-component .py-3{padding-top:1rem !important;padding-bottom:1rem !important}.ac-component .pt-3{padding-top:1rem !important}.ac-component .pb-3{padding-bottom:1rem !important}.ac-component .pl-3{padding-left:1rem !important}.ac-component .pr-3{padding-right:1rem !important}.ac-component .p-4{padding:1.5rem !important}.ac-component .px-4{padding-left:1.5rem !important;padding-right:1.5rem !important}.ac-component .py-4{padding-top:1.5rem !important;padding-bottom:1.5rem !important}.ac-component .pt-4{padding-top:1.5rem !important}.ac-component .pb-4{padding-bottom:1.5rem !important}.ac-component .pl-4{padding-left:1.5rem !important}.ac-component .pr-4{padding-right:1.5rem !important}.ac-component .p-5{padding:3rem !important}.ac-component .px-5{padding-left:3rem !important;padding-right:3rem !important}.ac-component .py-5{padding-top:3rem !important;padding-bottom:3rem !important}.ac-component .pt-5{padding-top:3rem !important}.ac-component .pb-5{padding-bottom:3rem !important}.ac-component .pl-5{padding-left:3rem !important}.ac-component .pr-5{padding-right:3rem !important}.ac-component .gap-0{gap:0 !important}.ac-component .gap-1{gap:.25rem !important}.ac-component .gap-2{gap:.5rem !important}.ac-component .gap-3{gap:1rem !important}.ac-component .gap-4{gap:1.5rem !important}.ac-component .gap-5{gap:3rem !important}.d-flex{display:flex !important}.d-inline-flex{display:inline-flex !important}.d-block{display:block !important}.d-inline-block{display:inline-block !important}.text-center{text-align:center}.w-100{width:100% !important}.mw-100{max-width:100% !important}.pointer{cursor:pointer}.nowrap{white-space:nowrap}.align-items-center{align-items:center}.text-primary,.text-normal{color:var(--neutral-800) !important}.text-info{color:var(--ac-color-info) !important}.text-success{color:var(--ac-color-success) !important}.text-warning{color:var(--ac-color-warning) !important}.text-error,.text-danger{color:var(--ac-color-error) !important}.c-wrapper{position:relative}.c-truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.c-field-size{font-size:var(--ac-field-font-size);padding:var(--ac-field-padding)}.c-field-size--sm,.c-field-size--small{font-size:var(--ac-field-font-size-sm);padding:var(--ac-field-padding-sm)}.c-field-size--lg,.c-field-size--large{font-size:var(--ac-field-font-size-lg);padding:var(--ac-field-padding-lg)}.c-type-color{--text-color: var(--neutral-800);--hover-bg-color: var(--neutral-100);--hover-text-color: var(--neutral-800);color:var(--text-color)}.c-type-color:hover{background-color:var(--hover-bg-color);color:var(--hover-text-color)}.c-type-color--error{--text-color: var(--ac-color-error);--hover-bg-color: var(--ac-color-error);--hover-text-color: var(--neutral-0)}.c-type-color--success{--text-color: var(--ac-color-success);--hover-bg-color: var(--ac-color-success);--hover-text-color: var(--neutral-0)}.c-type-color--warning{--text-color: var(--ac-color-warning);--hover-bg-color: var(--ac-color-warning);--hover-text-color: var(--neutral-0)}.c-type-color--info{--text-color: var(--ac-color-info);--hover-bg-color: var(--ac-color-info);--hover-text-color: var(--neutral-0)}.c-type-color--dark{--text-color: var(--neutral-0);--hover-bg-color: var(--neutral-800);--hover-text-color: var(--neutral-0)}.c-chip{display:inline-block;padding:.1875rem .4rem;border-radius:.25rem;background:var(--neutral-100);color:var(--neutral-700);font-size:.75rem;line-height:1.3;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.c-indicator{display:inline-flex;align-items:center;justify-content:center;min-width:1.25rem;height:1.25rem;padding:0 .375rem;border-radius:999px;background:var(--neutral-200);color:var(--neutral-700);font-family:var(--ac-font-family);font-size:.7rem;font-weight:700;font-variant-numeric:tabular-nums}.c-scroll{scrollbar-width:thin;scrollbar-color:var(--neutral-300) rgba(0,0,0,0)}.c-scroll::-webkit-scrollbar{width:.5rem;height:.5rem}.c-scroll::-webkit-scrollbar-track{background:rgba(0,0,0,0)}.c-scroll::-webkit-scrollbar-thumb{background:var(--neutral-300);border-radius:999px;border:2px solid rgba(0,0,0,0);background-clip:content-box;transition:background-color .15s}.c-scroll::-webkit-scrollbar-thumb:hover{background:var(--neutral-500);background-clip:content-box}.c-scroll::-webkit-scrollbar-corner{background:rgba(0,0,0,0)}.c-placeholder{flex:1;min-width:0;padding:var(--ac-input-padding);color:var(--neutral-400)}.c-input{width:100%;font-family:inherit;letter-spacing:-0.36px;border:none;background:rgba(0,0,0,0);padding:var(--ac-input-padding);font-size:var(--ac-field-font-size);color:var(--neutral-900)}.c-input::placeholder{color:var(--neutral-400)}.c-input:focus,.c-input:focus-within,.c-input:focus-visible,.c-focus:focus,.c-focus:focus-within,.c-focus:focus-visible{border-color:var(--premium-500);box-shadow:0 0 0 2px rgba(242,101,34,.12);outline:0}.c-input-row{display:flex;align-items:center;font-family:inherit;border:1px solid var(--neutral-200);border-radius:var(--ac-field-border-radius);background:var(--neutral-0);font-size:var(--ac-field-font-size);color:var(--neutral-900);transition:border-color .15s}.c-input-row::placeholder{color:var(--neutral-400)}.c-input-row:is(input,textarea){padding:var(--ac-input-padding)}.c-input-row:hover{border-color:var(--neutral-300)}.c-input-row:focus-within,.c-input-row:focus,.c-input-row:focus-visible,.c-input-row--focus{border-color:var(--premium-500);box-shadow:0 0 0 2px rgba(242,101,34,.12);outline:0}.c-input-row:focus-within:hover,.c-input-row:focus:hover,.c-input-row:focus-visible:hover,.c-input-row--focus:hover{border-color:var(--premium-600)}.c-input-row--sm{border-radius:var(--ac-field-border-radius-sm);font-size:var(--ac-field-font-size-sm)}.c-input-row--sm:is(input,textarea){padding:var(--ac-input-padding-sm)}.c-input-row--sm .c-icon-btn{font-size:var(--ac-field-font-size-sm)}.c-input-row--sm .c-placeholder{font-size:var(--ac-field-font-size-sm);padding:var(--ac-input-padding-sm)}.c-input-row--sm .c-input{padding:var(--ac-input-padding-sm);font-size:var(--ac-field-font-size-sm)}.c-input-row--lg{border-radius:var(--ac-field-border-radius-lg);font-size:var(--ac-field-font-size-lg)}.c-input-row--lg:is(input,textarea){padding:var(--ac-input-padding-lg)}.c-input-row--lg .c-icon-btn{font-size:var(--ac-field-font-size-lg)}.c-input-row--lg .c-placeholder{font-size:var(--ac-field-font-size-lg);padding:var(--ac-input-padding-lg)}.c-input-row--lg .c-input{padding:var(--ac-input-padding-lg);font-size:var(--ac-field-font-size-lg)}.c-icon-btn{display:flex;align-items:center;justify-content:center;border:none;background:rgba(0,0,0,0);cursor:pointer;transition:color .15s}.c-icon-btn--clear{color:var(--neutral-400);padding-left:0;padding-right:.375rem}.c-icon-btn--clear:hover{color:var(--ac-color-error)}.c-icon-btn--chevron{color:var(--neutral-500);transition:transform .2s}.c-icon-btn--chevron-open{transform:rotate(180deg)}.c-icon-btn--calendar{font-size:.925rem;color:var(--neutral-500);padding-inline:.375rem}.c-icon-btn--calendar:hover{color:var(--site-500)}.c-icon-btn--hidden{visibility:hidden;pointer-events:none}.c-dropdown{position:absolute;top:calc(100% + .25rem);left:0;z-index:1000;background:var(--neutral-0);border:1px solid var(--neutral-200);border-radius:var(--field-border-radius);box-shadow:0 4px 12px rgba(0,0,0,.5);overflow:hidden}.c-footer{display:flex;align-items:center;justify-content:flex-end;gap:1rem;margin-top:1rem;padding:.5rem;border-top:1px solid var(--neutral-100)}.c-checkbox{display:inline-block;width:1rem;height:1rem;vertical-align:middle;position:relative;cursor:pointer;border:1.5px solid var(--neutral-300);border-radius:.25rem;background:var(--neutral-0);transition:border-color .15s,background-color .15s}.c-checkbox:hover{border-color:var(--premium-500);background:var(--premium-200)}.c-checkbox::after{content:"";position:absolute;top:50%;left:50%;width:.3rem;height:.55rem;border:solid #fff;border-width:0 2px 2px 0;transform:translate(-50%, -60%) rotate(45deg);opacity:0}.c-checkbox--checked,.c-checkbox:checked{border-color:var(--premium-500);background:var(--premium-500)}.c-checkbox--checked::after,.c-checkbox:checked::after{opacity:1}.c-checkbox--checked:hover,.c-checkbox:checked:hover{background:var(--premium-600)}.c-checkbox--disabled,.c-checkbox:disabled{opacity:.5;cursor:not-allowed}input.c-checkbox{appearance:none;-webkit-appearance:none;-moz-appearance:none;margin:0}.c-checkbox-wrapper{display:inline-flex;align-items:center;gap:.5rem;cursor:pointer;line-height:1}.c-checkbox-wrapper:hover .c-checkbox{border-color:var(--premium-500);background:var(--premium-200)}.c-checkbox-wrapper:hover .c-checkbox:checked,.c-checkbox-wrapper:hover .c-checkbox--checked{background:var(--premium-600)}.c-label{font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.03em;color:var(--neutral-600)}.c-btn-group{display:inline-flex;border-radius:var(--ac-field-border-radius);overflow:hidden}.c-btn-group>*{border-radius:0 !important}.c-btn-group>*:not(:last-child){border-right-width:0 !important}.c-btn-group>*:first-child{border-top-left-radius:var(--ac-field-border-radius) !important;border-bottom-left-radius:var(--ac-field-border-radius) !important}.c-btn-group>*:last-child{border-top-right-radius:var(--ac-field-border-radius) !important;border-bottom-right-radius:var(--ac-field-border-radius) !important}.c-btn-group-vertical{display:inline-flex;flex-direction:column;border-radius:var(--ac-field-border-radius);overflow:hidden}.c-btn-group-vertical>*{border-radius:0 !important;width:100%}.c-btn-group-vertical>*:not(:last-child){border-bottom-width:0 !important}.c-btn-group-vertical>*:first-child{border-top-left-radius:var(--ac-field-border-radius) !important;border-top-right-radius:var(--ac-field-border-radius) !important}.c-btn-group-vertical>*:last-child{border-bottom-left-radius:var(--ac-field-border-radius) !important;border-bottom-right-radius:var(--ac-field-border-radius) !important}.c-btn{--btn-color: var(--neutral-200);--btn-bg: var(--background-50);--btn-text: var(--neutral-800);--btn-hover-bg: var(--neutral-100);--btn-hover-border: var(--neutral-300);--btn-indicator-bg: var(--neutral-0);--btn-indicator-text: var(--neutral-700);--btn-height: 2.25rem;--btn-height-sm: 1.75rem;font-family:var(--ac-font-family);letter-spacing:-0.18px;display:inline-flex;align-items:center;gap:.375em;padding:var(--ac-field-padding);border:1px solid var(--btn-color);border-radius:var(--ac-field-border-radius);background:var(--btn-bg);color:var(--btn-text);font-size:var(--ac-field-font-size);font-weight:500;cursor:pointer;transition:background-color .15s,border-color .15s,color .15s,box-shadow .15s}.c-btn:hover,.c-btn:active{background:var(--btn-hover-bg);border-color:var(--btn-hover-border)}.c-btn:focus-visible{outline:none;box-shadow:0 0 0 2px rgba(242,101,34,.12)}.c-btn:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.c-btn .c-btn-indicator{display:inline-flex;align-items:center;justify-content:center;min-width:1.125rem;height:1.125rem;margin-left:.5rem;padding:0 .35rem;border-radius:999px;color:var(--btn-indicator-text);font-variant-numeric:tabular-nums;font-size:.75rem;font-weight:600;line-height:1;background:var(--btn-indicator-bg)}.c-btn-sm{padding:var(--ac-field-padding-sm);font-size:var(--ac-field-font-size-sm);border-radius:var(--ac-field-border-radius-sm)}.c-btn-lg{padding:var(--ac-field-padding-lg);font-size:var(--ac-field-font-size-lg);border-radius:var(--ac-field-border-radius-lg)}.c-btn-dark{--btn-color: var(--neutral-800);--btn-bg: var(--neutral-800);--btn-text: var(--neutral-0);--btn-hover-bg: var(--neutral-900);--btn-hover-border: var(--neutral-900);--btn-indicator-bg: var(--neutral-0);--btn-indicator-text: var(--neutral-800)}.c-btn-outline{--btn-bg: transparent;--btn-color: var(--neutral-300);--btn-text: var(--neutral-800);--btn-hover-bg: var(--neutral-800);--btn-hover-border: var(--neutral-500);--btn-indicator-bg: var(--neutral-100);--btn-indicator-text: var(--neutral-800)}.c-btn-outline:hover,.c-btn-outline:active{color:var(--neutral-0)}.c-btn-success{--btn-color: var(--ac-color-success);--btn-bg: var(--ac-color-success);--btn-text: var(--neutral-0);--btn-hover-bg: color-mix(in srgb, var(--ac-color-success) 85%, black);--btn-hover-border: color-mix(in srgb, var(--ac-color-success) 85%, black);--btn-indicator-bg: var(--neutral-0);--btn-indicator-text: var(--ac-color-success)}.c-btn-error{--btn-color: var(--ac-color-error);--btn-bg: var(--ac-color-error);--btn-text: var(--neutral-0);--btn-hover-bg: color-mix(in srgb, var(--ac-color-error) 85%, black);--btn-hover-border: color-mix(in srgb, var(--ac-color-error) 85%, black);--btn-indicator-bg: var(--neutral-0);--btn-indicator-text: var(--ac-color-error)}.c-btn-warning{--btn-color: var(--ac-color-warning);--btn-bg: var(--ac-color-warning);--btn-text: var(--neutral-0);--btn-hover-bg: color-mix(in srgb, var(--ac-color-warning) 85%, black);--btn-hover-border: color-mix(in srgb, var(--ac-color-warning) 85%, black);--btn-indicator-bg: var(--neutral-0);--btn-indicator-text: var(--ac-color-warning)}.c-btn-info{--btn-color: var(--ac-color-info);--btn-bg: var(--ac-color-info);--btn-text: var(--neutral-0);--btn-hover-bg: color-mix(in srgb, var(--ac-color-info) 85%, black);--btn-hover-border: color-mix(in srgb, var(--ac-color-info) 85%, black);--btn-indicator-bg: var(--neutral-0);--btn-indicator-text: var(--ac-color-info)}.c-btn-outline.c-btn-success{--btn-bg: transparent;--btn-text: var(--ac-color-success);--btn-hover-bg: var(--ac-color-success);--btn-hover-border: var(--ac-color-success);--btn-indicator-bg: var(--ac-color-success);--btn-indicator-text: var(--neutral-0)}.c-btn-outline.c-btn-success:hover,.c-btn-outline.c-btn-success:active{color:var(--neutral-0);--btn-indicator-bg: var(--neutral-0);--btn-indicator-text: var(--neutral-700)}.c-btn-outline.c-btn-error{--btn-bg: transparent;--btn-text: var(--ac-color-error);--btn-hover-bg: var(--ac-color-error);--btn-hover-border: var(--ac-color-error);--btn-indicator-bg: var(--ac-color-error);--btn-indicator-text: var(--neutral-0)}.c-btn-outline.c-btn-error:hover,.c-btn-outline.c-btn-error:active{color:var(--neutral-0);--btn-indicator-bg: var(--neutral-0);--btn-indicator-text: var(--neutral-700)}.c-btn-outline.c-btn-warning{--btn-bg: transparent;--btn-text: var(--ac-color-warning);--btn-hover-bg: var(--ac-color-warning);--btn-hover-border: var(--ac-color-warning);--btn-indicator-bg: var(--ac-color-warning);--btn-indicator-text: var(--neutral-900)}.c-btn-outline.c-btn-warning:hover,.c-btn-outline.c-btn-warning:active{color:var(--neutral-900);--btn-indicator-bg: var(--neutral-0);--btn-indicator-text: var(--neutral-700)}.c-btn-outline.c-btn-info{--btn-bg: transparent;--btn-text: var(--ac-color-info);--btn-hover-bg: var(--ac-color-info);--btn-hover-border: var(--ac-color-info);--btn-indicator-bg: var(--ac-color-info);--btn-indicator-text: var(--neutral-0)}.c-btn-outline.c-btn-info:hover,.c-btn-outline.c-btn-info:active{color:var(--neutral-0);--btn-indicator-bg: var(--neutral-0);--btn-indicator-text: var(--neutral-700)}.c-btn-outline.c-btn-dark{--btn-bg: transparent;--btn-color: var(--neutral-800);--btn-text: var(--neutral-800);--btn-hover-bg: var(--neutral-800);--btn-hover-border: var(--neutral-800);--btn-indicator-bg: var(--neutral-800);--btn-indicator-text: var(--neutral-0)}.c-btn-outline.c-btn-dark:hover,.c-btn-outline.c-btn-dark:active{color:var(--neutral-0);--btn-indicator-bg: var(--neutral-0);--btn-indicator-text: var(--neutral-700)}.v-tooltip{background:var(--neutral-800);font-family:var(--ac-font-family);color:var(--neutral-0);font-size:.8125rem;font-weight:400;line-height:1.4;padding:var(--ac-field-padding);border-radius:.5rem;white-space:normal;width:max-content;box-shadow:0 2px 6px rgba(0,0,0,.12)}
+@import"https://fonts.googleapis.com/css2?family=Geist:wght@100..900&display=swap";@import"https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.2/css/fontawesome.min.css";@import"https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.2/css/solid.min.css";@import"https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.2/css/regular.min.css";:root{--ac-font-family: 'Geist', 'Segoe UI', system-ui, -apple-system, sans-serif;--background-50: #f7f9f9;--background-100: #eff3f3;--background-dm-mobile: #303f40;--neutral-0: #fff;--neutral-30: #f9f9f9;--neutral-50: #f2f4f4;--neutral-100: #e5e9ea;--neutral-150: #dae0e1;--neutral-200: #cbd3d4;--neutral-250: #bec8ca;--neutral-300: #b0bdbf;--neutral-400: #96a7a9;--neutral-500: #7c9194;--neutral-600: #637476;--neutral-700: #4a5759;--neutral-800: #323a3b;--neutral-900: #1f2d2d;--site-50: #ffebe1;--site-100: #ffceb6;--site-200: #f79d71;--site-300: #f5844e;--site-400: #f37438;--site-500: #f26522;--site-600: #da5b1f;--site-700: #c2511b;--premium-20: #eaf4f4;--premium-50: #dfefef;--premium-100: #cfe7e6;--premium-200: #bfdfde;--premium-300: #9ed0ce;--premium-400: #7ec0bd;--premium-500: #5eb0ad;--premium-600: #4b8d8a;--premium-700: #386a68;--ac-color-error: #d92d20;--ac-color-warning: #dc6803;--ac-color-success: #067647;--ac-color-info: #1570ef;--ac-input-padding: 0.5rem;--ac-input-padding-sm: 0.3125rem;--ac-input-padding-lg: 0.75rem;--ac-field-padding: 0.5rem 0.75rem;--ac-field-padding-sm: 0.3125rem 0.625rem;--ac-field-padding-lg: 0.6875rem 1rem;--ac-field-font-size: 0.825rem;--ac-field-font-size-sm: 0.75rem;--ac-field-font-size-lg: 0.9375rem;--ac-field-border-radius: 0.5rem;--ac-field-border-radius-sm: 0.375rem;--ac-field-border-radius-lg: 0.625rem}*,*::before,*::after{box-sizing:border-box}img,picture,video,canvas,svg{display:block;max-width:100%}@media(prefers-reduced-motion: no-preference){html{interpolate-size:allow-keywords}}input,button,textarea,select{font:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}*:not(dialog){margin:0}i{line-height:inherit}.ac-component{font-family:var(--ac-font-family);letter-spacing:-0.18px;text-align:left;color:var(--neutral-800);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.ac-component .align-center-text-fix{transform:translateY(0.5px)}.ac-component hr.separator{border:none;border-top:1px solid var(--neutral-200);margin:.5rem 0}.ac-component .lh-1{line-height:1}.ac-component .flex{display:flex}.ac-component .flex-center{display:flex;align-items:center}.ac-component .flex-column{display:flex;flex-direction:column}.ac-component .flex-1{flex:1;min-width:0}.ac-component .click-expand{--expand-size: 0.5rem}.ac-component .click-expand::after{content:"";position:absolute;inset:calc(-1*var(--expand-size))}.ac-component .m-0{margin:0 !important}.ac-component .mx-0{margin-left:0 !important;margin-right:0 !important}.ac-component .my-0{margin-top:0 !important;margin-bottom:0 !important}.ac-component .mt-0{margin-top:0 !important}.ac-component .mb-0{margin-bottom:0 !important}.ac-component .ml-0{margin-left:0 !important}.ac-component .mr-0{margin-right:0 !important}.ac-component .m-1{margin:.25rem !important}.ac-component .mx-1{margin-left:.25rem !important;margin-right:.25rem !important}.ac-component .my-1{margin-top:.25rem !important;margin-bottom:.25rem !important}.ac-component .mt-1{margin-top:.25rem !important}.ac-component .mb-1{margin-bottom:.25rem !important}.ac-component .ml-1{margin-left:.25rem !important}.ac-component .mr-1{margin-right:.25rem !important}.ac-component .m-2{margin:.5rem !important}.ac-component .mx-2{margin-left:.5rem !important;margin-right:.5rem !important}.ac-component .my-2{margin-top:.5rem !important;margin-bottom:.5rem !important}.ac-component .mt-2{margin-top:.5rem !important}.ac-component .mb-2{margin-bottom:.5rem !important}.ac-component .ml-2{margin-left:.5rem !important}.ac-component .mr-2{margin-right:.5rem !important}.ac-component .m-3{margin:1rem !important}.ac-component .mx-3{margin-left:1rem !important;margin-right:1rem !important}.ac-component .my-3{margin-top:1rem !important;margin-bottom:1rem !important}.ac-component .mt-3{margin-top:1rem !important}.ac-component .mb-3{margin-bottom:1rem !important}.ac-component .ml-3{margin-left:1rem !important}.ac-component .mr-3{margin-right:1rem !important}.ac-component .m-4{margin:1.5rem !important}.ac-component .mx-4{margin-left:1.5rem !important;margin-right:1.5rem !important}.ac-component .my-4{margin-top:1.5rem !important;margin-bottom:1.5rem !important}.ac-component .mt-4{margin-top:1.5rem !important}.ac-component .mb-4{margin-bottom:1.5rem !important}.ac-component .ml-4{margin-left:1.5rem !important}.ac-component .mr-4{margin-right:1.5rem !important}.ac-component .m-5{margin:3rem !important}.ac-component .mx-5{margin-left:3rem !important;margin-right:3rem !important}.ac-component .my-5{margin-top:3rem !important;margin-bottom:3rem !important}.ac-component .mt-5{margin-top:3rem !important}.ac-component .mb-5{margin-bottom:3rem !important}.ac-component .ml-5{margin-left:3rem !important}.ac-component .mr-5{margin-right:3rem !important}.ac-component .m-auto{margin:auto !important}.ac-component .mx-auto{margin-left:auto !important;margin-right:auto !important}.ac-component .my-auto{margin-top:auto !important;margin-bottom:auto !important}.ac-component .mt-auto{margin-top:auto !important}.ac-component .mb-auto{margin-bottom:auto !important}.ac-component .ml-auto{margin-left:auto !important}.ac-component .mr-auto{margin-right:auto !important}.ac-component .p-0{padding:0 !important}.ac-component .px-0{padding-left:0 !important;padding-right:0 !important}.ac-component .py-0{padding-top:0 !important;padding-bottom:0 !important}.ac-component .pt-0{padding-top:0 !important}.ac-component .pb-0{padding-bottom:0 !important}.ac-component .pl-0{padding-left:0 !important}.ac-component .pr-0{padding-right:0 !important}.ac-component .p-1{padding:.25rem !important}.ac-component .px-1{padding-left:.25rem !important;padding-right:.25rem !important}.ac-component .py-1{padding-top:.25rem !important;padding-bottom:.25rem !important}.ac-component .pt-1{padding-top:.25rem !important}.ac-component .pb-1{padding-bottom:.25rem !important}.ac-component .pl-1{padding-left:.25rem !important}.ac-component .pr-1{padding-right:.25rem !important}.ac-component .p-2{padding:.5rem !important}.ac-component .px-2{padding-left:.5rem !important;padding-right:.5rem !important}.ac-component .py-2{padding-top:.5rem !important;padding-bottom:.5rem !important}.ac-component .pt-2{padding-top:.5rem !important}.ac-component .pb-2{padding-bottom:.5rem !important}.ac-component .pl-2{padding-left:.5rem !important}.ac-component .pr-2{padding-right:.5rem !important}.ac-component .p-3{padding:1rem !important}.ac-component .px-3{padding-left:1rem !important;padding-right:1rem !important}.ac-component .py-3{padding-top:1rem !important;padding-bottom:1rem !important}.ac-component .pt-3{padding-top:1rem !important}.ac-component .pb-3{padding-bottom:1rem !important}.ac-component .pl-3{padding-left:1rem !important}.ac-component .pr-3{padding-right:1rem !important}.ac-component .p-4{padding:1.5rem !important}.ac-component .px-4{padding-left:1.5rem !important;padding-right:1.5rem !important}.ac-component .py-4{padding-top:1.5rem !important;padding-bottom:1.5rem !important}.ac-component .pt-4{padding-top:1.5rem !important}.ac-component .pb-4{padding-bottom:1.5rem !important}.ac-component .pl-4{padding-left:1.5rem !important}.ac-component .pr-4{padding-right:1.5rem !important}.ac-component .p-5{padding:3rem !important}.ac-component .px-5{padding-left:3rem !important;padding-right:3rem !important}.ac-component .py-5{padding-top:3rem !important;padding-bottom:3rem !important}.ac-component .pt-5{padding-top:3rem !important}.ac-component .pb-5{padding-bottom:3rem !important}.ac-component .pl-5{padding-left:3rem !important}.ac-component .pr-5{padding-right:3rem !important}.ac-component .gap-0{gap:0 !important}.ac-component .gap-1{gap:.25rem !important}.ac-component .gap-2{gap:.5rem !important}.ac-component .gap-3{gap:1rem !important}.ac-component .gap-4{gap:1.5rem !important}.ac-component .gap-5{gap:3rem !important}.d-flex{display:flex !important}.d-inline-flex{display:inline-flex !important}.d-block{display:block !important}.d-inline-block{display:inline-block !important}.flex-wrap{flex-wrap:wrap}.text-center{text-align:center}.w-100{width:100% !important}.mw-100{max-width:100% !important}.pointer{cursor:pointer}.nowrap{white-space:nowrap}.align-items-center{align-items:center}.text-primary,.text-normal{color:var(--neutral-800) !important}.text-info{color:var(--ac-color-info) !important}.text-success{color:var(--ac-color-success) !important}.text-warning{color:var(--ac-color-warning) !important}.text-error,.text-danger{color:var(--ac-color-error) !important}.c-wrapper{position:relative}.c-truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.c-field-size{font-size:var(--ac-field-font-size);padding:var(--ac-field-padding)}.c-field-size--sm,.c-field-size--small{font-size:var(--ac-field-font-size-sm);padding:var(--ac-field-padding-sm)}.c-field-size--lg,.c-field-size--large{font-size:var(--ac-field-font-size-lg);padding:var(--ac-field-padding-lg)}.c-type-color{--text-color: var(--neutral-800);--hover-bg-color: var(--neutral-100);--hover-text-color: var(--neutral-800);color:var(--text-color)}.c-type-color:hover{background-color:var(--hover-bg-color);color:var(--hover-text-color)}.c-type-color--error{--text-color: var(--ac-color-error);--hover-bg-color: var(--ac-color-error);--hover-text-color: var(--neutral-0)}.c-type-color--success{--text-color: var(--ac-color-success);--hover-bg-color: var(--ac-color-success);--hover-text-color: var(--neutral-0)}.c-type-color--warning{--text-color: var(--ac-color-warning);--hover-bg-color: var(--ac-color-warning);--hover-text-color: var(--neutral-0)}.c-type-color--info{--text-color: var(--ac-color-info);--hover-bg-color: var(--ac-color-info);--hover-text-color: var(--neutral-0)}.c-type-color--dark{--text-color: var(--neutral-0);--hover-bg-color: var(--neutral-800);--hover-text-color: var(--neutral-0)}.c-chip{display:inline-block;padding:.1875rem .4rem;border-radius:.25rem;background:var(--neutral-100);color:var(--neutral-700);font-size:.75rem;line-height:1.3;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.c-indicator{display:inline-flex;align-items:center;justify-content:center;min-width:1.25rem;height:1.25rem;padding:0 .375rem;border-radius:999px;background:var(--neutral-200);color:var(--neutral-700);font-family:var(--ac-font-family);font-size:.7rem;font-weight:700;font-variant-numeric:tabular-nums}.c-scroll{scrollbar-width:thin;scrollbar-color:var(--neutral-300) rgba(0,0,0,0)}.c-scroll::-webkit-scrollbar{width:.5rem;height:.5rem}.c-scroll::-webkit-scrollbar-track{background:rgba(0,0,0,0)}.c-scroll::-webkit-scrollbar-thumb{background:var(--neutral-300);border-radius:999px;border:2px solid rgba(0,0,0,0);background-clip:content-box;transition:background-color .15s}.c-scroll::-webkit-scrollbar-thumb:hover{background:var(--neutral-500);background-clip:content-box}.c-scroll::-webkit-scrollbar-corner{background:rgba(0,0,0,0)}.c-placeholder{flex:1;min-width:0;padding:var(--ac-input-padding);color:var(--neutral-400)}.c-input{width:100%;font-family:inherit;letter-spacing:-0.36px;border:none;background:rgba(0,0,0,0);padding:var(--ac-input-padding);font-size:var(--ac-field-font-size);color:var(--neutral-900)}.c-input::placeholder{color:var(--neutral-400)}.c-input:focus,.c-input:focus-within,.c-input:focus-visible,.c-focus:focus,.c-focus:focus-within,.c-focus:focus-visible{border-color:var(--premium-500);box-shadow:0 0 0 2px rgba(242,101,34,.12);outline:0}.c-input-row{display:flex;align-items:center;font-family:inherit;border:1px solid var(--neutral-200);border-radius:var(--ac-field-border-radius);background:var(--neutral-0);font-size:var(--ac-field-font-size);color:var(--neutral-900);transition:border-color .15s}.c-input-row::placeholder{color:var(--neutral-400)}.c-input-row:is(input,textarea){padding:var(--ac-input-padding)}.c-input-row:hover{border-color:var(--neutral-300)}.c-input-row:focus-within,.c-input-row:focus,.c-input-row:focus-visible,.c-input-row--focus{border-color:var(--premium-500);box-shadow:0 0 0 2px rgba(242,101,34,.12);outline:0}.c-input-row:focus-within:hover,.c-input-row:focus:hover,.c-input-row:focus-visible:hover,.c-input-row--focus:hover{border-color:var(--premium-600)}.c-input-row--sm{border-radius:var(--ac-field-border-radius-sm);font-size:var(--ac-field-font-size-sm)}.c-input-row--sm:is(input,textarea){padding:var(--ac-input-padding-sm)}.c-input-row--sm .c-icon-btn{font-size:var(--ac-field-font-size-sm)}.c-input-row--sm .c-placeholder{font-size:var(--ac-field-font-size-sm);padding:var(--ac-input-padding-sm)}.c-input-row--sm .c-input{padding:var(--ac-input-padding-sm);font-size:var(--ac-field-font-size-sm)}.c-input-row--lg{border-radius:var(--ac-field-border-radius-lg);font-size:var(--ac-field-font-size-lg)}.c-input-row--lg:is(input,textarea){padding:var(--ac-input-padding-lg)}.c-input-row--lg .c-icon-btn{font-size:var(--ac-field-font-size-lg)}.c-input-row--lg .c-placeholder{font-size:var(--ac-field-font-size-lg);padding:var(--ac-input-padding-lg)}.c-input-row--lg .c-input{padding:var(--ac-input-padding-lg);font-size:var(--ac-field-font-size-lg)}.c-icon-btn{display:flex;align-items:center;justify-content:center;border:none;background:rgba(0,0,0,0);cursor:pointer;transition:color .15s}.c-icon-btn--clear{color:var(--neutral-400);padding-left:0;padding-right:.375rem}.c-icon-btn--clear:hover{color:var(--ac-color-error)}.c-icon-btn--chevron{color:var(--neutral-500);transition:transform .2s}.c-icon-btn--chevron-open{transform:rotate(180deg)}.c-icon-btn--calendar{font-size:.925rem;color:var(--neutral-500);padding-inline:.375rem}.c-icon-btn--calendar:hover{color:var(--site-500)}.c-icon-btn--hidden{visibility:hidden;pointer-events:none}.c-dropdown{position:absolute;top:calc(100% + .25rem);left:0;z-index:1000;background:var(--neutral-0);border:1px solid var(--neutral-200);border-radius:var(--field-border-radius);box-shadow:0 4px 12px rgba(0,0,0,.5);overflow:hidden}.c-footer{display:flex;align-items:center;justify-content:flex-end;gap:1rem;margin-top:1rem;padding:.5rem;border-top:1px solid var(--neutral-100)}.c-checkbox{display:inline-block;width:1rem;height:1rem;vertical-align:middle;position:relative;cursor:pointer;border:1.5px solid var(--neutral-300);border-radius:.25rem;background:var(--neutral-0);transition:border-color .15s,background-color .15s}.c-checkbox:hover{border-color:var(--premium-500);background:var(--premium-200)}.c-checkbox::after{content:"";position:absolute;top:50%;left:50%;width:.3rem;height:.55rem;border:solid #fff;border-width:0 2px 2px 0;transform:translate(-50%, -60%) rotate(45deg);opacity:0}.c-checkbox--checked,.c-checkbox:checked{border-color:var(--premium-500);background:var(--premium-500)}.c-checkbox--checked::after,.c-checkbox:checked::after{opacity:1}.c-checkbox--checked:hover,.c-checkbox:checked:hover{background:var(--premium-600)}.c-checkbox--disabled,.c-checkbox:disabled{opacity:.5;cursor:not-allowed}input.c-checkbox{appearance:none;-webkit-appearance:none;-moz-appearance:none;margin:0}.c-checkbox-wrapper{display:inline-flex;align-items:center;gap:.5rem;cursor:pointer;line-height:1}.c-checkbox-wrapper:hover .c-checkbox{border-color:var(--premium-500);background:var(--premium-200)}.c-checkbox-wrapper:hover .c-checkbox:checked,.c-checkbox-wrapper:hover .c-checkbox--checked{background:var(--premium-600)}.c-label{font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.03em;color:var(--neutral-600)}.c-btn-group{display:inline-flex;border-radius:var(--ac-field-border-radius);overflow:hidden}.c-btn-group>*{border-radius:0 !important}.c-btn-group>*:not(:last-child){border-right-width:0 !important}.c-btn-group>*:first-child{border-top-left-radius:var(--ac-field-border-radius) !important;border-bottom-left-radius:var(--ac-field-border-radius) !important}.c-btn-group>*:last-child{border-top-right-radius:var(--ac-field-border-radius) !important;border-bottom-right-radius:var(--ac-field-border-radius) !important}.c-btn-group-vertical{display:inline-flex;flex-direction:column;border-radius:var(--ac-field-border-radius);overflow:hidden}.c-btn-group-vertical>*{border-radius:0 !important;width:100%}.c-btn-group-vertical>*:not(:last-child){border-bottom-width:0 !important}.c-btn-group-vertical>*:first-child{border-top-left-radius:var(--ac-field-border-radius) !important;border-top-right-radius:var(--ac-field-border-radius) !important}.c-btn-group-vertical>*:last-child{border-bottom-left-radius:var(--ac-field-border-radius) !important;border-bottom-right-radius:var(--ac-field-border-radius) !important}.c-btn{--btn-color: var(--neutral-200);--btn-bg: var(--background-50);--btn-text: var(--neutral-800);--btn-hover-bg: var(--neutral-100);--btn-hover-border: var(--neutral-300);--btn-indicator-bg: var(--neutral-0);--btn-indicator-text: var(--neutral-700);--btn-height: 2.25rem;--btn-height-sm: 1.75rem;font-family:var(--ac-font-family);letter-spacing:-0.18px;display:inline-flex;align-items:center;gap:.375em;padding:var(--ac-field-padding);border:1px solid var(--btn-color);border-radius:var(--ac-field-border-radius);background:var(--btn-bg);color:var(--btn-text);font-size:var(--ac-field-font-size);font-weight:500;cursor:pointer;transition:background-color .15s,border-color .15s,color .15s,box-shadow .15s}.c-btn:hover,.c-btn:active{background:var(--btn-hover-bg);border-color:var(--btn-hover-border)}.c-btn:focus-visible{outline:none;box-shadow:0 0 0 2px rgba(242,101,34,.12)}.c-btn:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.c-btn .c-btn-indicator{display:inline-flex;align-items:center;justify-content:center;min-width:1.125rem;height:1.125rem;margin-left:.5rem;padding:0 .35rem;border-radius:999px;color:var(--btn-indicator-text);font-variant-numeric:tabular-nums;font-size:.75rem;font-weight:600;line-height:1;background:var(--btn-indicator-bg)}.c-btn-sm{padding:var(--ac-field-padding-sm);font-size:var(--ac-field-font-size-sm);border-radius:var(--ac-field-border-radius-sm)}.c-btn-lg{padding:var(--ac-field-padding-lg);font-size:var(--ac-field-font-size-lg);border-radius:var(--ac-field-border-radius-lg)}.c-btn-dark{--btn-color: var(--neutral-800);--btn-bg: var(--neutral-800);--btn-text: var(--neutral-0);--btn-hover-bg: var(--neutral-900);--btn-hover-border: var(--neutral-900);--btn-indicator-bg: var(--neutral-0);--btn-indicator-text: var(--neutral-800)}.c-btn-outline{--btn-bg: transparent;--btn-color: var(--neutral-300);--btn-text: var(--neutral-800);--btn-hover-bg: var(--neutral-800);--btn-hover-border: var(--neutral-500);--btn-indicator-bg: var(--neutral-100);--btn-indicator-text: var(--neutral-800)}.c-btn-outline:hover,.c-btn-outline:active{color:var(--neutral-0)}.c-btn-success{--btn-color: var(--ac-color-success);--btn-bg: var(--ac-color-success);--btn-text: var(--neutral-0);--btn-hover-bg: color-mix(in srgb, var(--ac-color-success) 85%, black);--btn-hover-border: color-mix(in srgb, var(--ac-color-success) 85%, black);--btn-indicator-bg: var(--neutral-0);--btn-indicator-text: var(--ac-color-success)}.c-btn-error{--btn-color: var(--ac-color-error);--btn-bg: var(--ac-color-error);--btn-text: var(--neutral-0);--btn-hover-bg: color-mix(in srgb, var(--ac-color-error) 85%, black);--btn-hover-border: color-mix(in srgb, var(--ac-color-error) 85%, black);--btn-indicator-bg: var(--neutral-0);--btn-indicator-text: var(--ac-color-error)}.c-btn-warning{--btn-color: var(--ac-color-warning);--btn-bg: var(--ac-color-warning);--btn-text: var(--neutral-0);--btn-hover-bg: color-mix(in srgb, var(--ac-color-warning) 85%, black);--btn-hover-border: color-mix(in srgb, var(--ac-color-warning) 85%, black);--btn-indicator-bg: var(--neutral-0);--btn-indicator-text: var(--ac-color-warning)}.c-btn-info{--btn-color: var(--ac-color-info);--btn-bg: var(--ac-color-info);--btn-text: var(--neutral-0);--btn-hover-bg: color-mix(in srgb, var(--ac-color-info) 85%, black);--btn-hover-border: color-mix(in srgb, var(--ac-color-info) 85%, black);--btn-indicator-bg: var(--neutral-0);--btn-indicator-text: var(--ac-color-info)}.c-btn-outline.c-btn-success{--btn-bg: transparent;--btn-text: var(--ac-color-success);--btn-hover-bg: var(--ac-color-success);--btn-hover-border: var(--ac-color-success);--btn-indicator-bg: var(--ac-color-success);--btn-indicator-text: var(--neutral-0)}.c-btn-outline.c-btn-success:hover,.c-btn-outline.c-btn-success:active{color:var(--neutral-0);--btn-indicator-bg: var(--neutral-0);--btn-indicator-text: var(--neutral-700)}.c-btn-outline.c-btn-error{--btn-bg: transparent;--btn-text: var(--ac-color-error);--btn-hover-bg: var(--ac-color-error);--btn-hover-border: var(--ac-color-error);--btn-indicator-bg: var(--ac-color-error);--btn-indicator-text: var(--neutral-0)}.c-btn-outline.c-btn-error:hover,.c-btn-outline.c-btn-error:active{color:var(--neutral-0);--btn-indicator-bg: var(--neutral-0);--btn-indicator-text: var(--neutral-700)}.c-btn-outline.c-btn-warning{--btn-bg: transparent;--btn-text: var(--ac-color-warning);--btn-hover-bg: var(--ac-color-warning);--btn-hover-border: var(--ac-color-warning);--btn-indicator-bg: var(--ac-color-warning);--btn-indicator-text: var(--neutral-900)}.c-btn-outline.c-btn-warning:hover,.c-btn-outline.c-btn-warning:active{color:var(--neutral-900);--btn-indicator-bg: var(--neutral-0);--btn-indicator-text: var(--neutral-700)}.c-btn-outline.c-btn-info{--btn-bg: transparent;--btn-text: var(--ac-color-info);--btn-hover-bg: var(--ac-color-info);--btn-hover-border: var(--ac-color-info);--btn-indicator-bg: var(--ac-color-info);--btn-indicator-text: var(--neutral-0)}.c-btn-outline.c-btn-info:hover,.c-btn-outline.c-btn-info:active{color:var(--neutral-0);--btn-indicator-bg: var(--neutral-0);--btn-indicator-text: var(--neutral-700)}.c-btn-outline.c-btn-dark{--btn-bg: transparent;--btn-color: var(--neutral-800);--btn-text: var(--neutral-800);--btn-hover-bg: var(--neutral-800);--btn-hover-border: var(--neutral-800);--btn-indicator-bg: var(--neutral-800);--btn-indicator-text: var(--neutral-0)}.c-btn-outline.c-btn-dark:hover,.c-btn-outline.c-btn-dark:active{color:var(--neutral-0);--btn-indicator-bg: var(--neutral-0);--btn-indicator-text: var(--neutral-700)}.v-tooltip{background:var(--neutral-800);font-family:var(--ac-font-family);color:var(--neutral-0);font-size:.8125rem;font-weight:400;line-height:1.4;padding:var(--ac-field-padding);border-radius:.5rem;white-space:normal;width:max-content;box-shadow:0 2px 6px rgba(0,0,0,.12)}

package/dist/src/styles/components/data-table/data-cards.scss_vue_type_style_index_0_src_true_lang.css

@@ -1 +1 @@
-.c-cards{border-top:2px solid var(--neutral-200);border-bottom:2px solid var(--neutral-200);flex-direction:column;gap:.5rem;padding:.5rem 0;font-size:.875rem;display:flex}.c-card{border:1px solid var(--neutral-200);background:var(--neutral-0);border-radius:12px;transition:border-color .15s,box-shadow .15s}.c-card.is-open{border-color:var(--premium-500)}.c-card.is-selected{border-color:var(--premium-400);box-shadow:0 0 0 1px var(--premium-200)}.c-card__header{--header-padding-y:1rem;--header-padding-x:.75rem;width:100%;padding:var(--header-padding-y) var(--header-padding-x);background:var(--neutral-50);color:inherit;text-align:left;cursor:pointer;border:0;align-items:center;gap:.75rem;line-height:1.2;transition:background-color .15s;display:flex}.c-card__header:hover{background:var(--premium-100)}.c-card.is-open .c-card__header{background:var(--premium-50)}.c-card.is-open .c-card__header:hover{background:var(--premium-100)}.c-card.is-selected .c-card__header{background:var(--site-100)}.c-card.is-selected .c-card__header:hover{background:var(--site-200)}.c-card__check-zone{padding:0 .5rem 0 var(--header-padding-x);margin:calc(-1 * var(--header-padding-y)) -.5rem calc(-1 * var(--header-padding-y)) calc(-1 * var(--header-padding-x));align-self:stretch;align-items:center;display:flex}.c-card__check-zone:hover .c-card__check{border-color:var(--premium-500)}.c-card__check{border:1.5px solid var(--neutral-300);background:var(--neutral-0);color:#0000;border-radius:.25rem;flex-shrink:0;justify-content:center;align-items:center;width:1.25rem;height:1.25rem;font-size:.625rem;transition:background-color .15s,border-color .15s,color .15s;display:flex}.c-card__check.is-checked{background:var(--premium-500);border-color:var(--premium-500);color:var(--neutral-0)}.c-card__heading{flex-direction:row;flex:auto;gap:1rem;min-width:0;display:flex}.c-card__heading-item{flex-direction:column;flex:1 1 0;min-width:0;display:flex}.c-card__heading-item:first-child{flex:2 1 0}.c-card__label{color:var(--neutral-600);text-transform:uppercase;letter-spacing:.03em;font-size:.7rem;font-weight:700}.c-card__title{color:var(--neutral-900);font-size:.95rem;font-weight:700}.c-card__icon{color:var(--neutral-700);font-size:.9rem;transition:transform .2s}.c-card.is-open .c-card__icon{transform:rotate(180deg)}.c-card__body{--field-gap-x:.5rem;gap:.75rem var(--field-gap-x);flex-wrap:wrap;padding:1rem .75rem;display:flex}.c-card__select-row{flex:100%;display:flex}.c-card__field{flex:1 1 calc(50% - .5 * var(--field-gap-x));border:1px solid var(--neutral-200);border-radius:8px;align-items:center;min-height:2.75rem;padding:.75rem;display:flex;position:relative}.c-card__field-value{overflow-wrap:break-word;word-break:break-word;flex:1;font-size:.875rem}.c-card__field-label{letter-spacing:.02em;background:var(--neutral-0);color:var(--neutral-600);padding:0 .125rem;font-size:.7rem;font-weight:700;position:absolute;top:-.5lh;left:.5rem}.c-card__field .c-copy-btn{opacity:0}.c-card__field-copy{--padding:.125rem;top:calc(-.5lh - var(--padding));padding:var(--padding);background:var(--neutral-0);color:var(--neutral-500);cursor:pointer;opacity:0;font-size:.8rem;transition:opacity .15s,color .15s;position:absolute;right:.5rem}.c-card__field-copy:hover{color:var(--premium-600);background:var(--background-100)}.c-card__field-copy.c-copy-btn--copied{background:var(--premium-50);color:var(--ac-color-success)}@media (hover:none),(pointer:coarse){.c-card__field .c-card__field:focus-within,.c-card__field .c-card__field:hover{border-color:var(--neutral-300)}.c-card__field .c-card__field:focus-within .c-card__field-copy,.c-card__field .c-card__field:hover .c-card__field-copy{opacity:1}}.c-card__field:hover .c-copy-btn{opacity:1}.c-card__actions{flex-wrap:wrap;flex:100%;justify-content:space-around;align-items:center;gap:.5rem;padding-top:.25rem;display:flex}.c-cards.is-compact{gap:.25rem}.c-cards.is-compact .c-card__header{--header-padding-y:.5rem}.c-cards.is-compact .c-card__label{font-size:.6rem}.c-cards.is-compact .c-card__check{width:1.125rem;height:1.125rem}.c-cards.is-compact .c-card__field{min-height:unset;padding-top:.5rem;padding-bottom:.375rem}.c-cards.is-compact .c-card__body{row-gap:.5rem;padding-bottom:.5rem}.c-cards.is-compact .c-card__actions{padding-top:0}.c-card__body{container-type:inline-size}@container (width<=526px){.c-card__field{flex-basis:100%}}
+.ac-component{position:relative}.ac-component.is-loading .c-cards{opacity:.45;transition:opacity .15s ease-out}.c-cards{border-top:2px solid var(--neutral-200);border-bottom:2px solid var(--neutral-200);flex-direction:column;gap:.5rem;padding:.5rem 0;font-size:.875rem;display:flex}.c-cards__loading-wrap{border-top:2px solid var(--neutral-200);border-bottom:2px solid var(--neutral-200);justify-content:center;align-items:center;width:100%;padding:2rem;display:flex}.c-cards__backdrop{z-index:1;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);pointer-events:none;background:#fff9;justify-content:center;align-items:center;animation:.15s ease-out c-cards-backdrop-in;display:flex;position:absolute;inset:0}@keyframes c-cards-backdrop-in{0%{opacity:0}to{opacity:1}}.c-card{border:1px solid var(--neutral-200);background:var(--neutral-0);border-radius:12px;transition:border-color .15s,box-shadow .15s}.c-card.is-open{border-color:var(--premium-500)}.c-card.is-selected{border-color:var(--premium-400);box-shadow:0 0 0 1px var(--premium-200)}.c-card__header{--header-padding-y:1rem;--header-padding-x:.75rem;width:100%;padding:var(--header-padding-y) var(--header-padding-x);background:var(--neutral-50);color:inherit;text-align:left;cursor:pointer;border:0;align-items:center;gap:.75rem;line-height:1.2;transition:background-color .15s;display:flex}.c-card__header:hover{background:var(--premium-100)}.c-card.is-open .c-card__header{background:var(--premium-50)}.c-card.is-open .c-card__header:hover{background:var(--premium-100)}.c-card.is-selected .c-card__header{background:var(--site-100)}.c-card.is-selected .c-card__header:hover{background:var(--site-200)}.c-card__check-zone{padding:0 .5rem 0 var(--header-padding-x);margin:calc(-1 * var(--header-padding-y)) -.5rem calc(-1 * var(--header-padding-y)) calc(-1 * var(--header-padding-x));align-self:stretch;align-items:center;display:flex}.c-card__check-zone:hover .c-card__check{border-color:var(--premium-500)}.c-card__check{border:1.5px solid var(--neutral-300);background:var(--neutral-0);color:#0000;border-radius:.25rem;flex-shrink:0;justify-content:center;align-items:center;width:1.25rem;height:1.25rem;font-size:.625rem;transition:background-color .15s,border-color .15s,color .15s;display:flex}.c-card__check.is-checked{background:var(--premium-500);border-color:var(--premium-500);color:var(--neutral-0)}.c-card__heading{flex-direction:row;flex:auto;gap:1rem;min-width:0;display:flex}.c-card__heading-item{flex-direction:column;flex:1 1 0;min-width:0;display:flex}.c-card__heading-item:first-child{flex:2 1 0}.c-card__label{color:var(--neutral-600);text-transform:uppercase;letter-spacing:.03em;font-size:.7rem;font-weight:700}.c-card__title{color:var(--neutral-900);font-size:.95rem;font-weight:700}.c-card__icon{color:var(--neutral-700);font-size:.9rem;transition:transform .2s}.c-card.is-open .c-card__icon{transform:rotate(180deg)}.c-card__body{--field-gap-x:.5rem;gap:.75rem var(--field-gap-x);flex-wrap:wrap;padding:1rem .75rem;display:flex}.c-card__select-row{flex:100%;display:flex}.c-card__field{flex:1 1 calc(50% - .5 * var(--field-gap-x));border:1px solid var(--neutral-200);border-radius:8px;align-items:center;min-height:2.75rem;padding:.75rem;display:flex;position:relative}.c-card__field-value{overflow-wrap:break-word;word-break:break-word;flex:1;font-size:.875rem}.c-card__field-label{letter-spacing:.02em;background:var(--neutral-0);color:var(--neutral-600);padding:0 .125rem;font-size:.7rem;font-weight:700;position:absolute;top:-.5lh;left:.5rem}.c-card__field .c-copy-btn{opacity:0}.c-card__field-copy{--padding:.125rem;top:calc(-.5lh - var(--padding));padding:var(--padding);background:var(--neutral-0);color:var(--neutral-500);cursor:pointer;opacity:0;font-size:.8rem;transition:opacity .15s,color .15s;position:absolute;right:.5rem}.c-card__field-copy:hover{color:var(--premium-600);background:var(--background-100)}.c-card__field-copy.c-copy-btn--copied{background:var(--premium-50);color:var(--ac-color-success)}@media (hover:none),(pointer:coarse){.c-card__field .c-card__field:focus-within,.c-card__field .c-card__field:hover{border-color:var(--neutral-300)}.c-card__field .c-card__field:focus-within .c-card__field-copy,.c-card__field .c-card__field:hover .c-card__field-copy{opacity:1}}.c-card__field:hover .c-copy-btn{opacity:1}.c-card__actions{flex-wrap:wrap;flex:100%;justify-content:space-around;align-items:center;gap:.5rem;padding-top:.25rem;display:flex}.c-cards.is-compact{gap:.25rem}.c-cards.is-compact .c-card__header{--header-padding-y:.5rem}.c-cards.is-compact .c-card__label{font-size:.6rem}.c-cards.is-compact .c-card__check{width:1.125rem;height:1.125rem}.c-cards.is-compact .c-card__field{min-height:unset;padding-top:.5rem;padding-bottom:.375rem}.c-cards.is-compact .c-card__body{row-gap:.5rem;padding-bottom:.5rem}.c-cards.is-compact .c-card__actions{padding-top:0}.c-card__body{container-type:inline-size}@container (width<=526px){.c-card__field{flex-basis:100%}}

package/dist/src/styles/components/data-table/data-list.scss_vue_type_style_index_0_src_true_lang.css

@@ -1 +1 @@
-.c-data-list__toolbar{z-index:1;margin-bottom:-1px;display:flex;position:relative}.c-data-list__toolbar__item{border-radius:8px 8px 0 0;padding:.25rem .625rem}.c-data-list .dc-datetime{white-space:normal;display:inline}.c-data-list .dc-datetime__part{white-space:nowrap}.c-data-list .dc-datetime__sep{white-space:normal;width:.25em;display:inline-block}.c-data-list .list-loader{justify-content:center;align-items:center;display:flex}@media (width<=768px){.c-data-list .wrap-on-small{flex-wrap:wrap}}
+.c-data-list__toolbar{z-index:1;margin-bottom:-1px;display:flex;position:relative}.c-data-list__toolbar__item{border-radius:8px 8px 0 0;padding:.25rem .625rem}.c-data-list .dc-datetime{white-space:normal;display:inline}.c-data-list .dc-datetime__part{white-space:nowrap}.c-data-list .dc-datetime__sep{white-space:normal;width:.25em;display:inline-block}.c-data-list .dc-loading{vertical-align:middle;align-items:center;display:inline-flex}.c-data-list .list-loader{justify-content:center;align-items:center;display:flex}@media (width<=768px){.c-data-list .wrap-on-small{flex-wrap:wrap}}

package/dist/src/styles/components/data-table/data-table.scss_vue_type_style_index_0_src_true_lang.css

@@ -1 +1 @@
-.c-table-wrapper{max-height:var(--table-max-height,70vh);-webkit-overflow-scrolling:touch;overflow:auto}.c-table-wrapper .c-table{--cell-padding:.75rem .5rem;--action-count:0;--min-width-per-action:2.5rem;border-collapse:collapse;width:100%;min-width:48rem;font-size:.875rem}.c-table-wrapper .c-table thead{z-index:1;background-color:var(--neutral-150);box-shadow:inset 0 -1px 0 var(--neutral-600);position:sticky;top:0}.c-table-wrapper .c-table th,.c-table-wrapper .c-table td{padding:var(--cell-padding);text-align:left;border-bottom:1px solid var(--neutral-200)}.c-table-wrapper .c-table th.c-sortable{cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap}.c-table-wrapper .c-table th.c-sortable--sorted{color:var(--premium-500)}.c-table-wrapper .c-table th .c-sort-icon{color:var(--neutral-400);margin-left:.25rem;transition:color .15s}.c-table-wrapper .c-table th .c-sort-icon--active{color:var(--premium-500)}.c-table-wrapper .c-table td.is-nowrap{white-space:nowrap}.c-table-wrapper .c-table.is-compact th{padding-top:.75rem;padding-bottom:.75rem}.c-table-wrapper .c-table.is-compact td{padding-top:.375rem;padding-bottom:.375rem}.c-table-wrapper .c-table tbody tr.is-striped{background-color:var(--neutral-50)}.c-table-wrapper .c-table tbody tr.is-selected,.c-table-wrapper .c-table tbody tr.is-striped.is-selected{background-color:var(--premium-200)}@media (hover:hover) and (pointer:fine){.c-table-wrapper .c-table th.c-sortable:hover .c-sort-icon{color:var(--neutral-700)}.c-table-wrapper .c-table tbody tr:hover,.c-table-wrapper .c-table tbody tr.is-striped:hover{background-color:var(--premium-100)}.c-table-wrapper .c-table tbody tr:hover td,.c-table-wrapper .c-table tbody tr.is-striped:hover td{border-color:var(--premium-400)}.c-table-wrapper .c-table tbody tr.is-selected:hover,.c-table-wrapper .c-table tbody tr.is-striped.is-selected:hover{background-color:var(--premium-300)}}.c-table-wrapper .c-table .c-actions-header{text-align:center;min-width:calc(var(--action-count) * var(--min-width-per-action))}.c-table-wrapper .c-table .c-actions-cell{min-width:calc(var(--action-count) * var(--min-width-per-action))}.c-table-wrapper .c-table .c-actions-cell .c-actions-wrap{flex-wrap:wrap;justify-content:center;align-items:baseline;gap:.25rem;display:flex}.c-table-wrapper .c-table__cell{position:relative}@media (hover:none),(pointer:coarse){.c-table-wrapper .c-table__cell{transition:background-color .15s}.c-table-wrapper .c-table__cell:focus-within,.c-table-wrapper .c-table__cell:hover{background-color:#dfefef80}}.c-table-wrapper .c-table__cell .c-copy-btn{opacity:0;position:absolute;top:0;right:0}.c-table-wrapper .c-table__cell:hover .c-copy-btn,.c-table-wrapper .c-table__cell:focus-within .c-copy-btn{opacity:1}
+.c-table-wrapper{max-height:var(--table-max-height,70vh);-webkit-overflow-scrolling:touch;position:relative;overflow:auto}.c-table-wrapper .c-table{--cell-padding:.75rem .5rem;--action-count:0;--min-width-per-action:2.5rem;border-collapse:collapse;width:100%;min-width:48rem;font-size:.875rem}.c-table-wrapper .c-table thead{z-index:2;background-color:var(--neutral-150);box-shadow:inset 0 -1px 0 var(--neutral-600);position:sticky;top:0}.c-table-wrapper .c-table th,.c-table-wrapper .c-table td{padding:var(--cell-padding);text-align:left;border-bottom:1px solid var(--neutral-200)}.c-table-wrapper .c-table th.c-sortable{cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap}.c-table-wrapper .c-table th.c-sortable--sorted{color:var(--premium-500)}.c-table-wrapper .c-table th .c-sort-icon{color:var(--neutral-400);margin-left:.25rem;transition:color .15s}.c-table-wrapper .c-table th .c-sort-icon--active{color:var(--premium-500)}.c-table-wrapper .c-table td.is-nowrap{white-space:nowrap}.c-table-wrapper .c-table.is-compact th{padding-top:.75rem;padding-bottom:.75rem}.c-table-wrapper .c-table.is-compact td{padding-top:.375rem;padding-bottom:.375rem}.c-table-wrapper .c-table tbody tr.is-striped{background-color:var(--neutral-50)}.c-table-wrapper .c-table tbody tr.is-selected,.c-table-wrapper .c-table tbody tr.is-striped.is-selected{background-color:var(--premium-200)}.c-table-wrapper .c-table tbody .c-table__loading-row,.c-table-wrapper .c-table tbody .c-table__loading-row:hover{background-color:#0000}.c-table-wrapper .c-table tbody .c-table__loading-cell{text-align:center;border-bottom:1px solid var(--neutral-200);padding:2rem}.c-table-wrapper .c-table tbody .c-table__loading-wrap{justify-content:center;align-items:center;width:100%;display:flex}@media (hover:hover) and (pointer:fine){.c-table-wrapper .c-table th.c-sortable:hover .c-sort-icon{color:var(--neutral-700)}.c-table-wrapper .c-table tbody tr:hover,.c-table-wrapper .c-table tbody tr.is-striped:hover{background-color:var(--premium-100)}.c-table-wrapper .c-table tbody tr:hover td,.c-table-wrapper .c-table tbody tr.is-striped:hover td{border-color:var(--premium-400)}.c-table-wrapper .c-table tbody tr.is-selected:hover,.c-table-wrapper .c-table tbody tr.is-striped.is-selected:hover{background-color:var(--premium-300)}}.c-table-wrapper .c-table .c-actions-header{text-align:center;min-width:calc(var(--action-count) * var(--min-width-per-action))}.c-table-wrapper .c-table .c-actions-cell{min-width:calc(var(--action-count) * var(--min-width-per-action))}.c-table-wrapper .c-table .c-actions-cell .c-actions-wrap{flex-wrap:wrap;justify-content:center;align-items:baseline;gap:.25rem;display:flex}.c-table-wrapper .c-table__cell{position:relative}@media (hover:none),(pointer:coarse){.c-table-wrapper .c-table__cell{transition:background-color .15s}.c-table-wrapper .c-table__cell:focus-within,.c-table-wrapper .c-table__cell:hover{background-color:#dfefef80}}.c-table-wrapper .c-table__cell .c-copy-btn{opacity:0;position:absolute;top:0;right:0}.c-table-wrapper .c-table__cell:hover .c-copy-btn,.c-table-wrapper .c-table__cell:focus-within .c-copy-btn{opacity:1}.c-table-wrapper .c-table__backdrop{z-index:1;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);pointer-events:none;background:#fff9;justify-content:center;align-items:center;animation:.15s ease-out c-table-backdrop-in;display:flex;position:absolute;inset:0}.c-table-wrapper.is-loading .c-table tbody{opacity:.45;transition:opacity .15s ease-out}@keyframes c-table-backdrop-in{0%{opacity:0}to{opacity:1}}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "admins-components",
-  "version": "9.0.10",
+  "version": "9.0.11",
   "type": "module",
   "module": "./dist/admins-components.js",
   "types": "./dist/index.d.ts",