@boobooking/dashboard-ui-components 0.17.0 → 0.18.0

package/dist/index.js

@@ -1,11 +1,11 @@
-import { Fragment as e, Transition as t, createBlock as n, createCommentVNode as r, createElementBlock as i, createElementVNode as a, createTextVNode as o, createVNode as s, effectScope as c, mergeProps as l, normalizeClass as u, openBlock as d, renderList as f, renderSlot as p, resolveComponent as m, shallowReactive as h, toDisplayString as g, useId as _, vModelText as v, vShow as y, watch as ee, withCtx as b, withDirectives as x, withKeys as te, withModifiers as S } from "vue";
-import ne from "imask";
+import { Fragment as e, Transition as t, createBlock as n, createCommentVNode as r, createElementBlock as i, createElementVNode as a, createTextVNode as o, createVNode as s, effectScope as c, mergeProps as l, normalizeClass as u, normalizeStyle as d, openBlock as f, renderList as p, renderSlot as m, resolveComponent as h, shallowReactive as g, toDisplayString as _, useId as v, vModelDynamic as ee, vModelText as te, vShow as y, watch as ne, withCtx as b, withDirectives as x, withKeys as re, withModifiers as S } from "vue";
+import ie from "imask";
 //#region src/i18n.js
-var re = ["ru", "en"];
-function C(e) {
-	return re.includes(e);
+var C = ["ru", "en"];
+function w(e) {
+	return C.includes(e);
 }
-var ie = {
+var ae = {
 	ru: {
 		cancel: "Отмена",
 		openMenu: "Открыть меню",
@@ -111,15 +111,15 @@ var ie = {
 };
 //#endregion
 //#region src/windows.js
-function w(e, t) {
+function oe(e, t) {
 	if (e == null || e === "") return null;
 	let n = new URL(String(e), t);
 	return n.pathname + n.search;
 }
-function ae(e) {
+function se(e) {
 	return e === null ? null : e.split("?")[0];
 }
-function oe() {
+function ce() {
 	return {
 		windows: [],
 		cards: /* @__PURE__ */ new Map(),
@@ -136,32 +136,32 @@ function oe() {
 function T(e, t) {
 	return e.windows.includes(t);
 }
-function se(e) {
+function le(e) {
 	return e.returnAddress ?? e.fallbackAddress;
 }
-function ce(e) {
+function ue(e) {
 	let t = null;
 	for (let n of e.cards.values()) t = n.window;
 	return t;
 }
-function le(e, t) {
+function de(e, t) {
 	let n = t;
 	for (; n !== null && !T(e, n);) n = n.parent;
 	return n;
 }
-function ue(e, t) {
+function fe(e, t) {
 	return e.transition = {
 		number: e.transition.number + 1,
 		fromAddress: e.shown,
-		fromWindow: ce(e),
+		fromWindow: ue(e),
 		assigned: /* @__PURE__ */ new Map()
 	}, e.shown = t, e.transition.number;
 }
-function de(e, t, n) {
+function pe(e, t, n) {
 	let r = e.transition, i = r.assigned.get(t);
 	if (i !== void 0 && T(e, i)) return i;
 	let a = r.fromWindow, o = r.fromAddress;
-	a !== null && !T(e, a) && (a = le(e, a), o = null), a !== null && se(a) === e.shown && (e.windows.splice(e.windows.indexOf(a)), a = a.parent === null ? null : le(e, a.parent), o = null);
+	a !== null && !T(e, a) && (a = de(e, a), o = null), a !== null && le(a) === e.shown && (e.windows.splice(e.windows.indexOf(a)), a = a.parent === null ? null : de(e, a.parent), o = null);
 	for (let n = a; n !== null; n = n.parent) if (n.key === t && T(e, n)) return e.windows.splice(e.windows.indexOf(n) + 1), n;
 	a === null ? e.windows = [] : e.windows.splice(e.windows.indexOf(a) + 1);
 	let s = {
@@ -174,14 +174,14 @@ function de(e, t, n) {
 	return e.nextId += 1, e.windows.push(s), s;
 }
 function E(e, t, n, r) {
-	let i = de(e, n, r);
+	let i = pe(e, n, r);
 	return i.fallbackAddress = r, e.transition.assigned.set(n, i), e.cards.delete(t), e.cards.set(t, {
 		key: n,
 		window: i,
 		processed: e.transition.number
 	}), i;
 }
-function fe(e, t, n, r) {
+function me(e, t, n, r) {
 	let i = e.cards.get(t);
 	return i === void 0 ? {
 		window: E(e, t, n, r),
@@ -201,32 +201,32 @@ function fe(e, t, n, r) {
 		key: n
 	});
 }
-function pe(e, t) {
+function he(e, t) {
 	e.cards.delete(t);
 }
-function me(e, t, n) {
+function ge(e, t, n) {
 	let r = e.cards.get(t);
 	r !== void 0 && (r.window.fallbackAddress = n);
 }
 //#endregion
 //#region src/plugin.js
-var D = Symbol("dashboardUi"), he = Object.freeze({
+var _e = Symbol("dashboardUi"), ve = Object.freeze({
 	lang: "ru",
 	navigate: null,
 	windows: null
-}), ge = { uiSettings: {
-	from: D,
-	default: () => he
+}), D = { uiSettings: {
+	from: _e,
+	default: () => ve
 } };
-function _e(e, t) {
-	let n = oe(), r = h({
+function ye(e, t) {
+	let n = ce(), r = g({
 		number: 0,
 		address: null
 	}), i = c(!0);
 	return i.run(() => {
-		ee(t, (e) => {
-			let t = w(e, window.location.origin);
-			t !== null && t !== r.address && (r.number = ue(n, t), r.address = t);
+		ne(t, (e) => {
+			let t = oe(e, window.location.origin);
+			t !== null && t !== r.address && (r.number = fe(n, t), r.address = t);
 		}, {
 			flush: "sync",
 			immediate: !0
@@ -236,21 +236,21 @@ function _e(e, t) {
 		page: r
 	};
 }
-var ve = { install(e, t) {
+var be = { install(e, t) {
 	let n = t ?? {}, r = Object.hasOwn(n, "lang") ? n.lang : "ru";
-	if (!C(r)) throw Error(`dashboardUi: неизвестный lang «${r}», допустимы: ${re.join(", ")}`);
+	if (!w(r)) throw Error(`dashboardUi: неизвестный lang «${r}», допустимы: ${C.join(", ")}`);
 	let i = Object.hasOwn(n, "navigate"), a = i ? n.navigate : null;
 	if (i && typeof a != "function") throw Error("dashboardUi: navigate должен быть функцией (href) => …");
 	let o = Object.hasOwn(n, "currentUrl"), s = o ? n.currentUrl : null;
 	if (o && typeof s != "function") throw Error("dashboardUi: currentUrl должен быть функцией () => адрес страницы");
-	let c = s !== null && typeof window < "u" ? _e(e, s) : null;
-	e.provide(D, Object.freeze({
+	let c = s !== null && typeof window < "u" ? ye(e, s) : null;
+	e.provide(_e, Object.freeze({
 		lang: r,
 		navigate: a,
 		windows: c
 	}));
-} }, ye = 4e4;
-function be(e) {
+} }, xe = 4e4;
+function Se(e) {
 	if (typeof e != "string") return null;
 	let t = /filename\*\s*=\s*UTF-8''([^;]+)/i.exec(e);
 	if (t !== null) try {
@@ -261,7 +261,7 @@ function be(e) {
 	let r = /filename\s*=\s*([^;"\s]+)/i.exec(e);
 	return r === null ? null : r[1];
 }
-function xe(e) {
+function Ce(e) {
 	try {
 		let t = new URL(e, window.location.href).pathname.split("/").filter((e) => e !== "");
 		return t.length === 0 ? null : decodeURIComponent(t[t.length - 1]);
@@ -269,7 +269,7 @@ function xe(e) {
 		return null;
 	}
 }
-async function Se(e) {
+async function we(e) {
 	let t = await fetch(e, { credentials: "same-origin" });
 	if (t.redirected) throw Object.assign(/* @__PURE__ */ Error(`downloadFile: сервер перенаправил запрос ${e}`), {
 		redirectUrl: t.url,
@@ -279,12 +279,12 @@ async function Se(e) {
 		redirectUrl: null,
 		status: t.status
 	});
-	let n = be(t.headers.get("Content-Disposition")) ?? xe(e) ?? "download", r = URL.createObjectURL(await t.blob()), i = document.createElement("a");
-	i.href = r, i.download = n, i.style.display = "none", document.body.appendChild(i), i.click(), i.remove(), setTimeout(() => URL.revokeObjectURL(r), ye);
+	let n = Se(t.headers.get("Content-Disposition")) ?? Ce(e) ?? "download", r = URL.createObjectURL(await t.blob()), i = document.createElement("a");
+	i.href = r, i.download = n, i.style.display = "none", document.body.appendChild(i), i.click(), i.remove(), setTimeout(() => URL.revokeObjectURL(r), xe);
 }
 //#endregion
 //#region src/colors.js
-var Ce = {
+var Te = {
 	gray: {
 		pill: "bb:bg-gray-100 bb:text-gray-800",
 		pillHover: "bb:hover:text-gray-600",
@@ -327,18 +327,18 @@ var Ce = {
 		menuItem: "bb:text-purple-800 bb:focus:bg-purple-100",
 		mark: "bb:text-purple-500"
 	}
-}, we = Object.keys(Ce);
+}, Ee = Object.keys(Te);
 function O(e) {
-	return we.includes(e);
+	return Ee.includes(e);
 }
-function Te(e, t) {
-	return O(e) ? Ce[e][t] ?? "" : "";
+function De(e, t) {
+	return O(e) ? Te[e][t] ?? "" : "";
 }
-var k = { methods: { colorClass: Te } }, A = (e, t) => {
+var k = { methods: { colorClass: De } }, A = (e, t) => {
 	let n = e.__vccOpts || e;
 	for (let [e, r] of t) n[e] = r;
 	return n;
-}, Ee = {
+}, Oe = {
 	mixins: [k],
 	props: {
 		withPulse: {
@@ -352,8 +352,8 @@ var k = { methods: { colorClass: Te } }, A = (e, t) => {
 		}
 	}
 };
-function De(e, t, n, r, o, s) {
-	return d(), i("div", { class: u(["bb-dashboard-ui bb:flex bb:h-full bb:items-center bb:leading-none bb:text-4xl", [e.colorClass(n.color, "mark"), { "bb:animate-pulse": n.withPulse }]]) }, [...t[0] ||= [a("svg", {
+function ke(e, t, n, r, o, s) {
+	return f(), i("div", { class: u(["bb-dashboard-ui bb:flex bb:h-full bb:items-center bb:leading-none bb:text-4xl", [e.colorClass(n.color, "mark"), { "bb:animate-pulse": n.withPulse }]]) }, [...t[0] ||= [a("svg", {
 		class: "bb:fill-current bb:w-2 bb:h-2",
 		viewBox: "0 0 120 120"
 	}, [a("circle", {
@@ -362,8 +362,8 @@ function De(e, t, n, r, o, s) {
 		r: "45"
 	})], -1)]], 2);
 }
-var Oe = /*#__PURE__*/ A(Ee, [["render", De]]), ke = {
-	components: { Dot: Oe },
+var j = /*#__PURE__*/ A(Oe, [["render", ke]]), Ae = {
+	components: { Dot: j },
 	props: {
 		text: {
 			type: String,
@@ -378,14 +378,14 @@ var Oe = /*#__PURE__*/ A(Ee, [["render", De]]), ke = {
 			default: !1
 		}
 	}
-}, Ae = { class: "bb:flex bb:h-6 bb:px-3 bb:bg-white bb:items-center bb:justify-between" }, je = ["textContent"];
-function Me(e, t, n, r, o, c) {
-	let l = m("dot");
-	return d(), i("div", Ae, [
+}, je = { class: "bb:flex bb:h-6 bb:px-3 bb:bg-white bb:items-center bb:justify-between" }, Me = ["textContent"];
+function Ne(e, t, n, r, o, c) {
+	let l = h("dot");
+	return f(), i("div", je, [
 		a("div", {
 			class: "bb:flex bb:flex-1 bb:h-full bb:items-center bb:text-xs bb:text-gray-500 bb:whitespace-nowrap bb:truncate bb:leading-tight bb:select-none",
-			textContent: g(n.text)
-		}, null, 8, je),
+			textContent: _(n.text)
+		}, null, 8, Me),
 		x(s(l, {
 			color: "red",
 			"with-pulse": !0,
@@ -397,26 +397,26 @@ function Me(e, t, n, r, o, c) {
 		}, null, 512), [[y, n.isRequired]])
 	]);
 }
-var j = /*#__PURE__*/ A(ke, [["render", Me]]), M = {
-	inject: ge,
+var M = /*#__PURE__*/ A(Ae, [["render", Ne]]), N = {
+	inject: D,
 	props: { lang: {
 		type: String,
 		default: null,
-		validator: (e) => e === null || C(e)
+		validator: (e) => e === null || w(e)
 	} },
 	computed: {
 		resolvedLang() {
-			return C(this.lang) ? this.lang : this.uiSettings.lang;
+			return w(this.lang) ? this.lang : this.uiSettings.lang;
 		},
 		texts() {
-			return ie[this.resolvedLang];
+			return ae[this.resolvedLang];
 		}
 	}
-}, Ne = [
+}, Pe = [
 	{ transform: "scale(1)" },
 	{ transform: "scale(0.8)" },
 	{ transform: "scale(1)" }
-], Pe = 150, Fe = {
+], Fe = 150, Ie = {
 	created() {
 		this.isPressing = !1, this.isUnmounted = !1;
 	},
@@ -424,40 +424,40 @@ var j = /*#__PURE__*/ A(ke, [["render", Me]]), M = {
 		this.isUnmounted = !0;
 	},
 	methods: { press() {
-		this.isPressing || (this.isPressing = !0, Ie(this.$el).then(() => {
+		this.isPressing || (this.isPressing = !0, Le(this.$el).then(() => {
 			this.isPressing = !1, this.isUnmounted || this.$emit("clicked");
 		}));
 	} }
 };
-function Ie(e) {
-	if (typeof e.animate != "function" || Le()) return Promise.resolve();
+function Le(e) {
+	if (typeof e.animate != "function" || Re()) return Promise.resolve();
 	let t = () => {};
-	return e.animate(Ne, {
-		duration: Pe,
+	return e.animate(Pe, {
+		duration: Fe,
 		easing: "ease-out"
 	}).finished.then(t, t);
 }
-function Le() {
+function Re() {
 	return typeof window.matchMedia == "function" && window.matchMedia("(prefers-reduced-motion: reduce)").matches;
 }
 //#endregion
 //#region src/components/CrossButton.vue
-var Re = {
-	mixins: [M, Fe],
+var ze = {
+	mixins: [N, Ie],
 	props: { size: {
 		type: String,
 		required: !0,
 		validator: (e) => ["small", "large"].includes(e)
 	} },
 	emits: ["clicked"]
-}, ze = { class: "bb:sr-only bb:pointer-events-none bb:cursor-default" };
-function Be(e, t, n, r, s, c) {
-	return d(), i("button", {
+}, Be = { class: "bb:sr-only bb:pointer-events-none bb:cursor-default" };
+function Ve(e, t, n, r, s, c) {
+	return f(), i("button", {
 		type: "button",
 		tabindex: "-1",
 		class: "bb-dashboard-ui bb:flex bb:items-center bb:justify-center bb:bg-transparent bb:cursor-pointer bb:text-gray-400 bb:focus:outline-hidden bb:hover:text-gray-500",
 		onClick: t[0] ||= S((...t) => e.press && e.press(...t), ["prevent"])
-	}, [a("span", ze, [p(e.$slots, "default", {}, () => [o(g(e.texts.clear), 1)])]), (d(), i("svg", {
+	}, [a("span", Be, [m(e.$slots, "default", {}, () => [o(_(e.texts.clear), 1)])]), (f(), i("svg", {
 		class: u(["bb:stroke-current bb:pointer-events-none bb:cursor-default", {
 			"bb:w-6 bb:h-6": n.size === "small",
 			"bb:w-8 bb:h-8": n.size === "large"
@@ -472,24 +472,24 @@ function Be(e, t, n, r, s, c) {
 		d: "M6 18L18 6M6 6l12 12"
 	}, null, -1)]], 2))]);
 }
-var N = /*#__PURE__*/ A(Re, [["render", Be]]), Ve = 10;
-function He(e) {
+var P = /*#__PURE__*/ A(ze, [["render", Ve]]), He = 10;
+function Ue(e) {
 	let t = e.replace(/\D/g, "");
-	return (t.startsWith("7") || t.startsWith("8")) && t[1] === "9" && (t = t.slice(1)), t.slice(0, Ve);
+	return (t.startsWith("7") || t.startsWith("8")) && t[1] === "9" && (t = t.slice(1)), t.slice(0, He);
 }
-function P(e) {
+function F(e) {
 	return e === "" ? "" : `7${e}`;
 }
-function F(e) {
+function I(e) {
 	let t = e ?? "", n = t.startsWith("+") ? t.slice(1) : t;
 	return n.startsWith("7") ? n.slice(1) : n;
 }
 //#endregion
 //#region src/components/RussianMobileFilter.vue
-var Ue = 400, We = 3, Ge = {
+var We = 400, Ge = 3, Ke = {
 	components: {
-		ElementHeader: j,
-		CrossButton: N
+		ElementHeader: M,
+		CrossButton: P
 	},
 	emits: ["update:modelValue", "changed"],
 	props: {
@@ -511,32 +511,32 @@ var Ue = 400, We = 3, Ge = {
 		}
 	},
 	data() {
-		return { digits: F(this.modelValue) };
+		return { digits: I(this.modelValue) };
 	},
 	created() {
-		this.mask = null, this.debounceTimer = null, this.isWritingProgrammatically = !1, this.lastCommitted = F(this.modelValue), this.isUnmounted = !1;
+		this.mask = null, this.debounceTimer = null, this.isWritingProgrammatically = !1, this.lastCommitted = I(this.modelValue), this.isUnmounted = !1;
 	},
 	mounted() {
-		this.mask = ne(this.$refs.input, {
+		this.mask = ie(this.$refs.input, {
 			mask: "+7 (000) 000 00 00",
 			lazy: !0,
 			prepare: (e, t) => t.unmaskedValue === "" && (e === "7" || e === "8") ? "" : e
 		}), this.mask.on("accept", () => {
-			this.isWritingProgrammatically || (this.digits = this.mask.unmaskedValue, this.$emit("update:modelValue", P(this.digits)), this.scheduleCommit());
+			this.isWritingProgrammatically || (this.digits = this.mask.unmaskedValue, this.$emit("update:modelValue", F(this.digits)), this.scheduleCommit());
 		}), this.syncFromModelValue(this.modelValue);
 	},
 	beforeUnmount() {
 		this.isUnmounted = !0, clearTimeout(this.debounceTimer), this.mask?.destroy();
 	},
 	watch: { modelValue(e) {
-		e !== P(this.digits) && this.syncFromModelValue(e);
+		e !== F(this.digits) && this.syncFromModelValue(e);
 	} },
 	methods: {
 		syncFromModelValue(e) {
-			this.writeToMask(F(e)), this.digits = this.mask.unmaskedValue, this.lastCommitted = this.digits;
+			this.writeToMask(I(e)), this.digits = this.mask.unmaskedValue, this.lastCommitted = this.digits;
 		},
 		applyUserDigits(e) {
-			this.writeToMask(e), this.digits = this.mask.unmaskedValue, this.$emit("update:modelValue", P(this.digits));
+			this.writeToMask(e), this.digits = this.mask.unmaskedValue, this.$emit("update:modelValue", F(this.digits));
 		},
 		writeToMask(e) {
 			if (this.isWritingProgrammatically = !0, e === "") this.mask.value = "";
@@ -559,7 +559,7 @@ var Ue = 400, We = 3, Ge = {
 			this.isUnmounted || (this.setLazy(!0), this.digits === "" && this.writeToMask(""), this.commit());
 		},
 		onPaste(e) {
-			this.applyUserDigits(He(e.clipboardData?.getData("text") ?? "")), this.scheduleCommit();
+			this.applyUserDigits(Ue(e.clipboardData?.getData("text") ?? "")), this.scheduleCommit();
 		},
 		clear() {
 			this.applyUserDigits(""), this.commit();
@@ -569,16 +569,16 @@ var Ue = 400, We = 3, Ge = {
 				this.commit();
 				return;
 			}
-			this.digits.length < We || (this.debounceTimer = setTimeout(() => this.commit(), Ue));
+			this.digits.length < Ge || (this.debounceTimer = setTimeout(() => this.commit(), We));
 		},
 		commit() {
 			clearTimeout(this.debounceTimer), this.digits !== this.lastCommitted && (this.lastCommitted = this.digits, this.$emit("changed"));
 		}
 	}
-}, Ke = { class: "bb-dashboard-ui bb:flex bb:flex-none" }, qe = { class: "bb:flex bb:w-full bb:flex-col bb:border bb:border-white bb:bg-white" }, Je = { class: "bb:relative bb:flex bb:h-full bb:w-full" }, Ye = { class: "bb:flex bb:w-full bb:h-full bb:items-center bb:justify-center" };
-function Xe(e, t, n, r, o, c) {
-	let l = m("element-header"), u = m("cross-button");
-	return d(), i("div", Ke, [a("div", qe, [s(l, {
+}, qe = { class: "bb-dashboard-ui bb:flex bb:flex-none" }, Je = { class: "bb:flex bb:w-full bb:flex-col bb:border bb:border-white bb:bg-white" }, Ye = { class: "bb:relative bb:flex bb:h-full bb:w-full" }, Xe = { class: "bb:flex bb:w-full bb:h-full bb:items-center bb:justify-center" };
+function Ze(e, t, n, r, o, c) {
+	let l = h("element-header"), u = h("cross-button");
+	return f(), i("div", qe, [a("div", Je, [s(l, {
 		text: n.header,
 		"is-required": n.isRequired,
 		"is-loading": n.isLoading
@@ -586,7 +586,7 @@ function Xe(e, t, n, r, o, c) {
 		"text",
 		"is-required",
 		"is-loading"
-	]), a("div", Je, [a("label", Ye, [a("input", {
+	]), a("div", Ye, [a("label", Xe, [a("input", {
 		ref: "input",
 		type: "tel",
 		inputmode: "tel",
@@ -594,7 +594,7 @@ function Xe(e, t, n, r, o, c) {
 		class: "bb:flex bb:w-phone bb:h-full bb:px-3 bb:py-2 bb:cursor-pointer bb:truncate bb:focus:outline-hidden bb:border-none",
 		onFocus: t[0] ||= (...e) => c.onFocus && c.onFocus(...e),
 		onBlur: t[1] ||= (...e) => c.onBlur && c.onBlur(...e),
-		onKeydown: t[2] ||= te((...e) => c.commit && c.commit(...e), ["enter"]),
+		onKeydown: t[2] ||= re((...e) => c.commit && c.commit(...e), ["enter"]),
 		onPaste: t[3] ||= S((...e) => c.onPaste && c.onPaste(...e), ["prevent"])
 	}, null, 544)]), x(s(u, {
 		size: "small",
@@ -603,10 +603,10 @@ function Xe(e, t, n, r, o, c) {
 		class: "bb:absolute bb:right-0 bb:top-0 bb:pr-2 bb:h-full"
 	}, null, 8, ["onClicked"]), [[y, o.digits.length > 0]])])])]);
 }
-var Ze = /*#__PURE__*/ A(Ge, [["render", Xe]]), Qe = {
+var Qe = /*#__PURE__*/ A(Ke, [["render", Ze]]), $e = {
 	components: {
-		ElementHeader: j,
-		CrossButton: N
+		ElementHeader: M,
+		CrossButton: P
 	},
 	emits: ["update:modelValue", "changed"],
 	props: {
@@ -644,10 +644,10 @@ var Ze = /*#__PURE__*/ A(Ge, [["render", Xe]]), Qe = {
 			this.$emit("update:modelValue", this.search), this.$emit("changed");
 		}
 	}
-}, $e = { class: "bb-dashboard-ui bb:flex bb:flex-none" }, et = { class: "bb:flex bb:w-full bb:flex-col bb:border bb:border-white bb:bg-white" }, tt = { class: "bb:relative bb:flex bb:h-full bb:w-full" }, nt = { class: "bb:flex bb:w-full bb:h-full bb:items-center bb:justify-center" };
-function rt(e, t, n, r, o, c) {
-	let l = m("element-header"), u = m("cross-button");
-	return d(), i("div", $e, [a("div", et, [s(l, {
+}, et = { class: "bb-dashboard-ui bb:flex bb:flex-none" }, tt = { class: "bb:flex bb:w-full bb:flex-col bb:border bb:border-white bb:bg-white" }, nt = { class: "bb:relative bb:flex bb:h-full bb:w-full" }, rt = { class: "bb:flex bb:w-full bb:h-full bb:items-center bb:justify-center" };
+function it(e, t, n, r, o, c) {
+	let l = h("element-header"), u = h("cross-button");
+	return f(), i("div", et, [a("div", tt, [s(l, {
 		text: n.header,
 		"is-required": n.isRequired,
 		"is-loading": n.isLoading
@@ -655,12 +655,12 @@ function rt(e, t, n, r, o, c) {
 		"text",
 		"is-required",
 		"is-loading"
-	]), a("div", tt, [a("label", nt, [x(a("input", {
+	]), a("div", nt, [a("label", rt, [x(a("input", {
 		class: "bb:flex bb:w-full bb:h-full bb:px-3 bb:py-2 bb:cursor-pointer bb:truncate bb:focus:outline-hidden bb:border-none",
 		"onUpdate:modelValue": t[0] ||= (e) => o.search = e,
 		onInput: t[1] ||= (...e) => c.startSearch && c.startSearch(...e)
 	}, null, 544), [[
-		v,
+		te,
 		o.search,
 		void 0,
 		{ trim: !0 }
@@ -670,29 +670,29 @@ function rt(e, t, n, r, o, c) {
 		class: "bb:absolute bb:right-0 bb:top-0 bb:pr-2 bb:h-full"
 	}, null, 8, ["onClicked"]), [[y, c.inputNeedsEraser]])])])]);
 }
-var it = /*#__PURE__*/ A(Qe, [["render", rt]]), I = 4, L = 8;
-function R(e) {
+var at = /*#__PURE__*/ A($e, [["render", it]]), L = 4, R = 8;
+function ot(e) {
 	return typeof e?.showPopover == "function";
 }
 function z(e) {
-	return R(e) && e.matches(":popover-open");
+	return ot(e) && e.matches(":popover-open");
 }
 function B(e, t, { maxWidth: n = null, align: r = "end", fitsBelow: i = !0, fitsRight: a = !0 } = {}) {
-	let o = e.getBoundingClientRect(), s = document.documentElement.clientWidth, c = document.documentElement.clientHeight, l = Math.max(L, o.left), u = Math.max(L, s - o.right), d = Math.max(0, s - l - L), f = Math.max(0, s - u - L), p = r === "start" && (a || d >= f), m = Math.max(0, c - o.bottom - I - L), h = Math.max(0, o.top - I - L), g = i || m >= h, _ = "";
+	let o = e.getBoundingClientRect(), s = document.documentElement.clientWidth, c = document.documentElement.clientHeight, l = Math.max(R, o.left), u = Math.max(R, s - o.right), d = Math.max(0, s - l - R), f = Math.max(0, s - u - R), p = r === "start" && (a || d >= f), m = Math.max(0, c - o.bottom - L - R), h = Math.max(0, o.top - L - R), g = i || m >= h, _ = "";
 	if (r === "start") {
 		let e = p ? d : f;
 		_ = `${n === null ? e : Math.min(n, e)}px`;
 	} else n !== null && (_ = `${Math.min(n, f)}px`);
 	Object.assign(t.style, {
-		top: g ? `${o.bottom + I}px` : "auto",
-		bottom: g ? "auto" : `${c - o.top + I}px`,
+		top: g ? `${o.bottom + L}px` : "auto",
+		bottom: g ? "auto" : `${c - o.top + L}px`,
 		right: p ? "auto" : `${u}px`,
 		left: p ? `${l}px` : "auto",
 		maxHeight: `${g ? m : h}px`,
 		maxWidth: _
 	});
 }
-function at(e, t, n = {}) {
+function st(e, t, n = {}) {
 	let r = t.scrollHeight <= t.clientHeight + 1, i = t.scrollWidth <= t.clientWidth + 1;
 	r && i || B(e, t, {
 		...n,
@@ -700,7 +700,7 @@ function at(e, t, n = {}) {
 		fitsRight: i
 	});
 }
-function ot(e, t) {
+function ct(e, t) {
 	let n = (n) => {
 		e.contains(n.target) || t();
 	};
@@ -714,7 +714,7 @@ function ot(e, t) {
 //#endregion
 //#region src/menuFocus.js
 var V = "a[href], button";
-function st(e, t = () => null) {
+function lt(e, t = () => null) {
 	let n = (n) => {
 		if (n.key !== "ArrowDown" && n.key !== "ArrowUp") return;
 		let r = [...e.querySelectorAll(V)];
@@ -732,7 +732,7 @@ function st(e, t = () => null) {
 }
 //#endregion
 //#region src/components/PopoverPanel.vue
-var ct = {
+var ut = {
 	emits: ["update:modelValue", "toggle"],
 	props: {
 		modelValue: {
@@ -787,8 +787,8 @@ var ct = {
 	},
 	setup() {
 		return {
-			buttonId: _(),
-			panelId: _()
+			buttonId: v(),
+			panelId: v()
 		};
 	},
 	data() {
@@ -821,7 +821,7 @@ var ct = {
 	methods: {
 		applyPanelState() {
 			let e = this.$refs.panel;
-			R(e) && e.isConnected && (this.panelIsOpen && !z(e) && e.showPopover(), !this.panelIsOpen && z(e) && e.hidePopover());
+			ot(e) && e.isConnected && (this.panelIsOpen && !z(e) && e.showPopover(), !this.panelIsOpen && z(e) && e.hidePopover());
 		},
 		close() {
 			let e = this.$refs.panel;
@@ -841,7 +841,7 @@ var ct = {
 				};
 				B(e, this.$refs.panel, t), requestAnimationFrame(() => {
 					let n = this.$refs.panel;
-					z(n) && at(e, n, t);
+					z(n) && st(e, n, t);
 				});
 				return;
 			}
@@ -851,7 +851,7 @@ var ct = {
 		onToggle() {
 			this.stopListening();
 			let e = this.$refs.panel, t = z(e);
-			t && (this.stopClosing = ot(e, this.close), this.arrows && (this.stopArrows = st(e, this.findSelected))), t || this.restoreFocus(e), this.reportPanelShown(t), t !== this.panelIsOpen && (this.panelIsOpen = t, this.$emit("update:modelValue", t));
+			t && (this.stopClosing = ct(e, this.close), this.arrows && (this.stopArrows = lt(e, this.findSelected))), t || this.restoreFocus(e), this.reportPanelShown(t), t !== this.panelIsOpen && (this.panelIsOpen = t, this.$emit("update:modelValue", t));
 		},
 		restoreFocus(e) {
 			let t = this.focusWasInside;
@@ -863,10 +863,10 @@ var ct = {
 			this.stopClosing !== null && (this.stopClosing(), this.stopClosing = null), this.stopArrows !== null && (this.stopArrows(), this.stopArrows = null);
 		}
 	}
-}, lt = {
+}, dt = {
 	key: 0,
 	class: "bb:relative"
-}, ut = [
+}, ft = [
 	"id",
 	"role",
 	"aria-orientation",
@@ -874,8 +874,8 @@ var ct = {
 	"aria-label",
 	"tabindex"
 ];
-function dt(e, t, n, o, s, c) {
-	return n.hasContent ? (d(), i("span", lt, [p(e.$slots, "trigger", {
+function pt(e, t, n, o, s, c) {
+	return n.hasContent ? (f(), i("span", dt, [m(e.$slots, "trigger", {
 		id: o.buttonId,
 		popovertarget: o.panelId
 	}), a("div", {
@@ -891,9 +891,9 @@ function dt(e, t, n, o, s, c) {
 		onBeforetoggle: t[0] ||= (...e) => c.onBeforeToggle && c.onBeforeToggle(...e),
 		onToggle: t[1] ||= (...e) => c.onToggle && c.onToggle(...e),
 		onClick: t[2] ||= (...e) => c.onClick && c.onClick(...e)
-	}, [p(e.$slots, "default")], 42, ut)])) : r("", !0);
+	}, [m(e.$slots, "default")], 42, ft)])) : r("", !0);
 }
-var H = /*#__PURE__*/ A(ct, [["render", dt]]);
+var H = /*#__PURE__*/ A(ut, [["render", pt]]);
 //#endregion
 //#region src/date.js
 function U(e) {
@@ -907,11 +907,11 @@ function W(e) {
 }
 //#endregion
 //#region src/dayFocus.js
-var G = ".pika-button.pika-day", ft = ".pika-button, .pika-prev, .pika-next";
-function pt(e, t = () => null) {
+var G = ".pika-button.pika-day", mt = ".pika-button, .pika-prev, .pika-next";
+function ht(e, t = () => null) {
 	let n = (n) => {
 		if (n.detail !== 0) return;
-		let r = n.target.closest(ft);
+		let r = n.target.closest(mt);
 		r !== null && e.contains(r) && setTimeout(() => {
 			let n = document.activeElement === r;
 			if (r.dispatchEvent(new MouseEvent("mousedown", {
@@ -924,32 +924,32 @@ function pt(e, t = () => null) {
 	};
 	return e.addEventListener("click", n), () => e.removeEventListener("click", n);
 }
-var mt = {
+var gt = {
 	ArrowLeft: -1,
 	ArrowRight: 1,
 	ArrowUp: -7,
 	ArrowDown: 7
 };
-function ht(e, t) {
+function _t(e, t) {
 	let n = (n) => {
-		let r = mt[n.key];
-		if (r === void 0 || gt(document.activeElement)) return;
+		let r = gt[n.key];
+		if (r === void 0 || vt(document.activeElement)) return;
 		n.preventDefault();
-		let i = document.activeElement?.closest(G) ?? null, a = i !== null && e.contains(i) ? vt(_t(i), r) : t.getDate() ?? yt();
+		let i = document.activeElement?.closest(G) ?? null, a = i !== null && e.contains(i) ? bt(yt(i), r) : t.getDate() ?? xt();
 		K(e, a) === null && t.gotoDate(a), K(e, a)?.focus();
 	};
 	return document.addEventListener("keydown", n, !0), () => document.removeEventListener("keydown", n, !0);
 }
-function gt(e) {
+function vt(e) {
 	return e !== null && e.matches("input, select, textarea, [contenteditable]");
 }
-function _t(e) {
+function yt(e) {
 	return new Date(e.dataset.pikaYear, e.dataset.pikaMonth, e.dataset.pikaDay);
 }
-function vt(e, t) {
+function bt(e, t) {
 	return new Date(e.getFullYear(), e.getMonth(), e.getDate() + t);
 }
-function yt() {
+function xt() {
 	let e = /* @__PURE__ */ new Date();
 	return new Date(e.getFullYear(), e.getMonth(), e.getDate());
 }
@@ -958,12 +958,12 @@ function K(e, t) {
 }
 //#endregion
 //#region src/components/PickDay.vue
-var bt = {
+var St = {
 	components: {
 		PopoverPanel: H,
-		CrossButton: N
+		CrossButton: P
 	},
-	mixins: [M],
+	mixins: [N],
 	emits: ["update:modelValue", "changed"],
 	props: {
 		modelValue: {
@@ -1002,7 +1002,7 @@ var bt = {
 			onSelect: (e) => {
 				this.popupIsOpen = !1, this.$emit("update:modelValue", U(e)), this.$emit("changed");
 			}
-		}), this.stopPickOnClick = pt(this.$refs.container, () => this.$refs.trigger), this.syncDayFocus());
+		}), this.stopPickOnClick = ht(this.$refs.container, () => this.$refs.trigger), this.syncDayFocus());
 	},
 	beforeUnmount() {
 		this.isUnmounted = !0, this.stopPickOnClick?.(), this.stopDayFocus?.(), this.picker?.destroy();
@@ -1024,7 +1024,7 @@ var bt = {
 	},
 	methods: {
 		syncDayFocus() {
-			this.stopDayFocus?.(), this.stopDayFocus = null, this.popupIsOpen && this.picker !== null && (this.stopDayFocus = ht(this.$refs.container, this.picker));
+			this.stopDayFocus?.(), this.stopDayFocus = null, this.popupIsOpen && this.picker !== null && (this.stopDayFocus = _t(this.$refs.container, this.picker));
 		},
 		syncPicker(e) {
 			if (this.picker === null) return;
@@ -1050,17 +1050,17 @@ var bt = {
 			return !this.withEraser || this.popupIsOpen ? !1 : this.hasValue;
 		}
 	}
-}, xt = { class: "bb-dashboard-ui bb:flex bb:flex-col" }, St = { class: "bb:relative bb:flex bb:h-full" }, Ct = ["id", "popovertarget"], wt = ["textContent"], Tt = { class: "bb:flex bb:w-full bb:items-center bb:leading-none bb:min-w-24 bb:pointer-events-none" }, Et = [
+}, Ct = { class: "bb-dashboard-ui bb:flex bb:flex-col" }, wt = { class: "bb:relative bb:flex bb:h-full" }, Tt = ["id", "popovertarget"], Et = ["textContent"], Dt = { class: "bb:flex bb:w-full bb:items-center bb:leading-none bb:min-w-24 bb:pointer-events-none" }, Ot = [
 	"disabled",
 	"value",
 	"placeholder"
-], Dt = {
+], kt = {
 	ref: "container",
 	class: "bb:flex"
 };
-function Ot(e, t, o, c, l, u) {
-	let f = m("popover-panel"), p = m("cross-button");
-	return d(), i("div", xt, [a("div", St, [s(f, {
+function At(e, t, o, c, l, u) {
+	let d = h("popover-panel"), p = h("cross-button");
+	return f(), i("div", Ct, [a("div", wt, [s(d, {
 		class: "bb:flex bb:w-full",
 		modelValue: l.popupIsOpen,
 		"onUpdate:modelValue": t[0] ||= (e) => l.popupIsOpen = e,
@@ -1076,18 +1076,18 @@ function Ot(e, t, o, c, l, u) {
 			class: "bb:absolute bb:inset-0 bb:cursor-pointer bb:focus:outline-hidden"
 		}, [a("span", {
 			class: "bb:sr-only bb:pointer-events-none bb:cursor-default",
-			textContent: g(u.triggerLabel)
-		}, null, 8, wt)], 8, Ct), a("label", Tt, [a("input", {
+			textContent: _(u.triggerLabel)
+		}, null, 8, Et)], 8, Tt), a("label", Dt, [a("input", {
 			disabled: l.popupIsOpen,
 			ref: "field",
 			type: "text",
 			value: l.dayValue,
 			placeholder: o.placeholderText,
 			class: "bb:w-full bb:h-full bb:py-2 bb:pr-3 bb:leading-none bb:border bb:border-transparent bb:whitespace-nowrap bb:bg-transparent bb:placeholder:text-sm bb:placeholder-gray-300 bb:cursor-pointer bb:focus:outline-hidden"
-		}, null, 8, Et)])]),
-		default: b(() => [a("div", Dt, null, 512)]),
+		}, null, 8, Ot)])]),
+		default: b(() => [a("div", kt, null, 512)]),
 		_: 1
-	}, 8, ["modelValue"]), u.needsEraser ? (d(), n(p, {
+	}, 8, ["modelValue"]), u.needsEraser ? (f(), n(p, {
 		key: 0,
 		size: "small",
 		onClicked: u.clearPicker,
@@ -1097,12 +1097,12 @@ function Ot(e, t, o, c, l, u) {
 }
 //#endregion
 //#region src/components/SelectDateInterval.vue
-var kt = {
+var jt = {
 	components: {
-		ElementHeader: j,
-		PickDay: /* @__PURE__ */ A(bt, [["render", Ot]])
+		ElementHeader: M,
+		PickDay: /* @__PURE__ */ A(St, [["render", At]])
 	},
-	mixins: [M],
+	mixins: [N],
 	emits: [
 		"update:dateFrom",
 		"update:dateTo",
@@ -1150,10 +1150,10 @@ var kt = {
 			this.$emit("update:dateTo", e), this.dateTo !== e && this.$emit("changed");
 		}
 	}
-}, At = { class: "bb-dashboard-ui bb:flex" }, jt = { class: "bb:flex bb:border bb:border-white" }, Mt = { class: "bb:flex bb:flex-col bb:min-w-72 bb:w-72 bb:bg-white bb:h-full" }, Nt = { class: "bb:flex bb:h-full bb:divide-x bb:divide-gray-200" };
-function Pt(e, t, n, r, o, c) {
-	let l = m("element-header"), u = m("pick-day");
-	return d(), i("div", At, [a("div", jt, [a("div", Mt, [s(l, {
+}, Mt = { class: "bb-dashboard-ui bb:flex" }, Nt = { class: "bb:flex bb:border bb:border-white" }, Pt = { class: "bb:flex bb:flex-col bb:min-w-72 bb:w-72 bb:bg-white bb:h-full" }, Ft = { class: "bb:flex bb:h-full bb:divide-x bb:divide-gray-200" };
+function It(e, t, n, r, o, c) {
+	let l = h("element-header"), u = h("pick-day");
+	return f(), i("div", Mt, [a("div", Nt, [a("div", Pt, [s(l, {
 		text: n.header,
 		"is-required": n.isRequired,
 		"is-loading": n.isLoading
@@ -1161,7 +1161,7 @@ function Pt(e, t, n, r, o, c) {
 		"text",
 		"is-required",
 		"is-loading"
-	]), a("div", Nt, [s(u, {
+	]), a("div", Ft, [s(u, {
 		modelValue: o.userDateFrom,
 		"onUpdate:modelValue": t[0] ||= (e) => o.userDateFrom = e,
 		class: "bb:flex-1 bb:min-w-36 bb:pl-3",
@@ -1183,10 +1183,10 @@ function Pt(e, t, n, r, o, c) {
 		"lang"
 	])])])])]);
 }
-var Ft = /*#__PURE__*/ A(kt, [["render", Pt]]), It = {
+var Lt = /*#__PURE__*/ A(jt, [["render", It]]), Rt = {
 	components: {
 		PopoverPanel: H,
-		CrossButton: N
+		CrossButton: P
 	},
 	emits: ["update:isOpen", "erased"],
 	props: {
@@ -1210,10 +1210,10 @@ var Ft = /*#__PURE__*/ A(kt, [["render", Pt]]), It = {
 	computed: { needsEraser() {
 		return !this.isOpen && this.hasValue;
 	} }
-}, Lt = { class: "bb:flex bb:flex-col bb:grow bb:bg-white" }, Rt = { class: "bb:relative bb:flex bb:w-full bb:h-full" }, zt = ["id", "popovertarget"], Bt = ["textContent"];
-function Vt(e, t, o, c, l, u) {
-	let f = m("popover-panel"), h = m("cross-button");
-	return d(), i("div", Lt, [a("div", Rt, [s(f, {
+}, zt = { class: "bb:flex bb:flex-col bb:grow bb:bg-white" }, Bt = { class: "bb:relative bb:flex bb:w-full bb:h-full" }, Vt = ["id", "popovertarget"], Ht = ["textContent"];
+function Ut(e, t, o, c, l, u) {
+	let d = h("popover-panel"), p = h("cross-button");
+	return f(), i("div", zt, [a("div", Bt, [s(d, {
 		class: "bb:flex bb:w-full bb:h-full",
 		"model-value": o.isOpen,
 		align: "start",
@@ -1230,18 +1230,18 @@ function Vt(e, t, o, c, l, u) {
 			class: "bb:flex bb:w-full bb:h-full bb:items-center bb:focus:outline-hidden bb:cursor-pointer"
 		}, [a("span", {
 			class: "bb:flex bb:w-full bb:h-full bb:pl-3 bb:pr-12 bb:py-2 bb:items-center bb:whitespace-nowrap bb:leading-none bb:pointer-events-none bb:cursor-default",
-			textContent: g(o.title)
-		}, null, 8, Bt)], 8, zt)]),
-		default: b(() => [p(e.$slots, "default")]),
+			textContent: _(o.title)
+		}, null, 8, Ht)], 8, Vt)]),
+		default: b(() => [m(e.$slots, "default")]),
 		_: 3
-	}, 8, ["model-value", "find-selected"]), u.needsEraser ? (d(), n(h, {
+	}, 8, ["model-value", "find-selected"]), u.needsEraser ? (f(), n(p, {
 		key: 0,
 		size: "small",
 		onClicked: t[1] ||= (t) => e.$emit("erased"),
 		class: "bb:absolute bb:right-0 bb:top-0 bb:pr-2 bb:h-full"
 	})) : r("", !0)])]);
 }
-var Ht = /*#__PURE__*/ A(It, [["render", Vt]]), Ut = {
+var Wt = /*#__PURE__*/ A(Rt, [["render", Ut]]), Gt = {
 	props: {
 		isChecked: {
 			type: Boolean,
@@ -1253,32 +1253,32 @@ var Ht = /*#__PURE__*/ A(It, [["render", Vt]]), Ut = {
 	methods: { toggle() {
 		this.$emit("clicked");
 	} }
-}, Wt = { class: "bb:flex bb:w-9 bb:h-9 bb:items-center bb:justify-center bb:pointer-events-none bb:cursor-default" }, Gt = {
+}, Kt = { class: "bb:flex bb:w-9 bb:h-9 bb:items-center bb:justify-center bb:pointer-events-none bb:cursor-default" }, qt = {
 	class: "bb:w-5 bb:h-5 bb:fill-current bb:text-green-300",
 	viewBox: "0 0 20 20",
 	"aria-hidden": "true"
-}, Kt = ["textContent"];
-function qt(e, t, n, r, o, s) {
-	return d(), i("button", {
+}, Jt = ["textContent"];
+function Yt(e, t, n, r, o, s) {
+	return f(), i("button", {
 		type: "button",
 		onClick: t[0] ||= S((...e) => s.toggle && s.toggle(...e), ["prevent"]),
 		class: "bb:flex bb:w-full bb:bg-white bb:cursor-pointer bb:focus:outline-hidden bb:focus:bg-indigo-100"
-	}, [a("span", Wt, [x((d(), i("svg", Gt, [...t[1] ||= [a("path", {
+	}, [a("span", Kt, [x((f(), i("svg", qt, [...t[1] ||= [a("path", {
 		d: "M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z",
 		"clip-rule": "evenodd",
 		"fill-rule": "evenodd"
 	}, null, -1)]], 512)), [[y, n.isChecked]])]), a("span", {
 		class: "bb:flex bb:h-9 bb:justify-center bb:items-center bb:pr-6 bb:whitespace-nowrap bb:select-none bb:pointer-events-none bb:cursor-default",
-		textContent: g(n.name)
-	}, null, 8, Kt)]);
+		textContent: _(n.name)
+	}, null, 8, Jt)]);
 }
 //#endregion
 //#region src/components/SelectSingle.vue
-var Jt = {
+var Xt = {
 	components: {
-		ElementHeader: j,
-		DropdownButton: Ht,
-		ListElement: /* @__PURE__ */ A(Ut, [["render", qt]])
+		ElementHeader: M,
+		DropdownButton: Wt,
+		ListElement: /* @__PURE__ */ A(Gt, [["render", Yt]])
 	},
 	emits: ["update:modelValue", "changed"],
 	props: {
@@ -1338,13 +1338,13 @@ var Jt = {
 			return e === -1 ? null : this.$refs.list.querySelectorAll("button")[e];
 		}
 	}
-}, Yt = { class: "bb-dashboard-ui bb:flex bb:flex-none" }, Xt = { class: "bb:flex bb:w-full bb:flex-col bb:border bb:border-white bb:bg-white" }, Zt = {
+}, Zt = { class: "bb-dashboard-ui bb:flex bb:flex-none" }, Qt = { class: "bb:flex bb:w-full bb:flex-col bb:border bb:border-white bb:bg-white" }, $t = {
 	ref: "list",
 	class: "bb:flex bb:flex-col bb:py-1 bb:divide-y bb:divide-gray-200 bb:divide-dashed"
 };
-function Qt(t, o, c, l, u, p) {
-	let h = m("element-header"), g = m("list-element"), _ = m("dropdown-button");
-	return d(), i("div", Yt, [a("div", Xt, [s(h, {
+function en(t, o, c, l, u, d) {
+	let m = h("element-header"), g = h("list-element"), _ = h("dropdown-button");
+	return f(), i("div", Zt, [a("div", Qt, [s(m, {
 		text: c.header,
 		"is-required": c.isRequired,
 		"is-loading": c.isLoading
@@ -1352,20 +1352,20 @@ function Qt(t, o, c, l, u, p) {
 		"text",
 		"is-required",
 		"is-loading"
-	]), p.hasItems ? (d(), n(_, {
+	]), d.hasItems ? (f(), n(_, {
 		key: 0,
-		title: p.activeItemName,
+		title: d.activeItemName,
 		"is-open": u.isOpen,
 		"onUpdate:isOpen": o[0] ||= (e) => u.isOpen = e,
-		"has-value": p.hasValue,
-		"find-selected": p.activeItemElement,
-		onErased: p.clear
+		"has-value": d.hasValue,
+		"find-selected": d.activeItemElement,
+		onErased: d.clear
 	}, {
-		default: b(() => [a("div", Zt, [(d(!0), i(e, null, f(p.itemList, (e) => (d(), n(g, {
+		default: b(() => [a("div", $t, [(f(!0), i(e, null, p(d.itemList, (e) => (f(), n(g, {
 			name: e.name,
 			key: e.id,
 			"is-checked": e.id === c.modelValue,
-			onClicked: (t) => p.itemClicked(e)
+			onClicked: (t) => d.itemClicked(e)
 		}, null, 8, [
 			"name",
 			"is-checked",
@@ -1380,7 +1380,7 @@ function Qt(t, o, c, l, u, p) {
 		"onErased"
 	])) : r("", !0)])]);
 }
-var $t = /*#__PURE__*/ A(Jt, [["render", Qt]]), en = {
+var tn = /*#__PURE__*/ A(Xt, [["render", en]]), nn = {
 	mixins: [k],
 	props: {
 		text: {
@@ -1393,14 +1393,14 @@ var $t = /*#__PURE__*/ A(Jt, [["render", Qt]]), en = {
 			validator: O
 		}
 	}
-}, tn = ["textContent"];
-function nn(e, t, n, r, a, o) {
-	return d(), i("span", {
+}, rn = ["textContent"];
+function an(e, t, n, r, a, o) {
+	return f(), i("span", {
 		class: u(["bb-dashboard-ui bb:inline-flex bb:items-center bb:px-3 bb:py-2 bb:rounded-full bb:text-xs bb:font-medium bb:leading-none bb:select-none bb:whitespace-nowrap", e.colorClass(n.color, "pill")]),
-		textContent: g(n.text)
-	}, null, 10, tn);
+		textContent: _(n.text)
+	}, null, 10, rn);
 }
-var q = /*#__PURE__*/ A(en, [["render", nn]]), rn = {
+var q = /*#__PURE__*/ A(nn, [["render", an]]), on = {
 	props: {
 		messages: {
 			type: [Object, Array],
@@ -1420,12 +1420,12 @@ var q = /*#__PURE__*/ A(en, [["render", nn]]), rn = {
 			return this.type === "dangerous";
 		}
 	}
-}, an = { class: "bb:flex" }, on = { class: "bb:shrink-0" }, sn = { class: "bb:ml-3" }, cn = ["textContent"];
-function ln(t, n, o, s, c, l) {
-	return l.hasErrors ? (d(), i("div", {
+}, sn = { class: "bb:flex" }, cn = { class: "bb:shrink-0" }, ln = { class: "bb:ml-3" }, un = ["textContent"];
+function dn(t, n, o, s, c, l) {
+	return l.hasErrors ? (f(), i("div", {
 		key: 0,
 		class: u(["bb-dashboard-ui bb:border-l-4 bb:p-4", l.isDangerous ? "bb:bg-red-50 bb:border-red-400" : "bb:bg-yellow-50 bb:border-yellow-400"])
-	}, [a("div", an, [a("div", on, [(d(), i("svg", {
+	}, [a("div", sn, [a("div", cn, [(f(), i("svg", {
 		class: u(["bb:h-5 bb:w-5", l.isDangerous ? "bb:text-red-400" : "bb:text-yellow-400"]),
 		viewBox: "0 0 20 20",
 		fill: "currentColor"
@@ -1433,13 +1433,90 @@ function ln(t, n, o, s, c, l) {
 		"fill-rule": "evenodd",
 		d: "M8.257 3.099c.765-1.36 2.722-1.36 3.486 0l5.58 9.92c.75 1.334-.213 2.98-1.742 2.98H4.42c-1.53 0-2.493-1.646-1.743-2.98l5.58-9.92zM11 13a1 1 0 11-2 0 1 1 0 012 0zm-1-8a1 1 0 00-1 1v3a1 1 0 002 0V6a1 1 0 00-1-1z",
 		"clip-rule": "evenodd"
-	}, null, -1)]], 2))]), a("div", sn, [(d(!0), i(e, null, f(o.messages, (e, t) => (d(), i("p", {
+	}, null, -1)]], 2))]), a("div", ln, [(f(!0), i(e, null, p(o.messages, (e, t) => (f(), i("p", {
 		class: u(["bb:text-sm bb:leading-5", l.isDangerous ? "bb:text-red-700" : "bb:text-yellow-700"]),
 		key: t,
-		textContent: g(e)
-	}, null, 10, cn))), 128))])])], 2)) : r("", !0);
-}
-var un = /*#__PURE__*/ A(rn, [["render", ln]]), dn = {}, fn = {
+		textContent: _(e)
+	}, null, 10, un))), 128))])])], 2)) : r("", !0);
+}
+var fn = /*#__PURE__*/ A(on, [["render", dn]]), J = [
+	"text",
+	"email",
+	"password",
+	"tel",
+	"url",
+	"search"
+], pn = {
+	components: { Dot: j },
+	inheritAttrs: !1,
+	props: {
+		modelValue: {
+			type: String,
+			default: ""
+		},
+		label: {
+			type: String,
+			required: !0
+		},
+		type: {
+			type: String,
+			default: "text",
+			validator: (e) => J.includes(e)
+		},
+		isRequired: {
+			type: Boolean,
+			default: !1
+		}
+	},
+	emits: ["update:modelValue"],
+	setup() {
+		return { generatedId: v() };
+	},
+	computed: {
+		value: {
+			get() {
+				return this.modelValue ?? "";
+			},
+			set(e) {
+				this.$emit("update:modelValue", e);
+			}
+		},
+		inputType() {
+			return J.includes(this.type) ? this.type : "text";
+		}
+	},
+	methods: {
+		inputId() {
+			return this.$attrs.id ?? this.generatedId;
+		},
+		inputAttrs() {
+			return Object.fromEntries(Object.entries(this.$attrs).filter(([e]) => ![
+				"class",
+				"style",
+				"id"
+			].includes(e)));
+		}
+	}
+}, mn = { class: "bb:flex bb:items-center" }, hn = ["for", "textContent"], gn = ["id", "type"];
+function _n(e, t, n, r, o, c) {
+	let p = h("dot");
+	return f(), i("div", {
+		class: u(["bb-dashboard-ui", e.$attrs.class]),
+		style: d(e.$attrs.style)
+	}, [a("div", mn, [a("label", {
+		for: c.inputId(),
+		class: "bb:block bb:text-sm bb:font-medium bb:leading-5 bb:text-gray-700",
+		textContent: _(n.label)
+	}, null, 8, hn), x(s(p, {
+		color: "red",
+		class: "bb:ml-2"
+	}, null, 512), [[y, n.isRequired]])]), x(a("input", l({ "onUpdate:modelValue": t[0] ||= (e) => c.value = e }, { ...c.inputAttrs() }, {
+		id: c.inputId(),
+		type: c.inputType,
+		class: "bb:mt-1 bb:block bb:w-full bb:rounded-md bb:border bb:border-gray-300 bb:bg-white bb:px-3 bb:py-2 bb:text-sm bb:leading-5 bb:shadow-xs bb:focus:border-blue-300 bb:focus:ring-3 bb:focus:ring-blue-200/50 bb:focus:outline-hidden"
+	}), null, 16, gn), [[ee, c.value]])], 6);
+}
+var vn = /*#__PURE__*/ A(pn, [["render", _n]]), yn = {}, bn = {
 	class: "bb:w-4 bb:h-4",
 	fill: "none",
 	stroke: "currentColor",
@@ -1449,8 +1526,8 @@ var un = /*#__PURE__*/ A(rn, [["render", ln]]), dn = {}, fn = {
 	xmlns: "http://www.w3.org/2000/svg",
 	"aria-hidden": "true"
 };
-function pn(e, t, n, r, o, s) {
-	return d(), i("svg", fn, [...t[0] ||= [
+function xn(e, t, n, r, o, s) {
+	return f(), i("svg", bn, [...t[0] ||= [
 		a("circle", {
 			cx: "12",
 			cy: "12",
@@ -1472,7 +1549,7 @@ function pn(e, t, n, r, o, s) {
 		}, null, -1)
 	]]);
 }
-var mn = /*#__PURE__*/ A(dn, [["render", pn]]), hn = {}, gn = {
+var Sn = /*#__PURE__*/ A(yn, [["render", xn]]), Cn = {}, wn = {
 	class: "bb:w-4 bb:h-4",
 	fill: "none",
 	stroke: "currentColor",
@@ -1480,15 +1557,15 @@ var mn = /*#__PURE__*/ A(dn, [["render", pn]]), hn = {}, gn = {
 	xmlns: "http://www.w3.org/2000/svg",
 	"aria-hidden": "true"
 };
-function _n(e, t, n, r, o, s) {
-	return d(), i("svg", gn, [...t[0] ||= [a("path", {
+function Tn(e, t, n, r, o, s) {
+	return f(), i("svg", wn, [...t[0] ||= [a("path", {
 		"stroke-linecap": "round",
 		"stroke-linejoin": "round",
 		"stroke-width": "2",
 		d: "M4 16v1a3 3 0 003 3h10a3 3 0 003-3v-1m-4-4l-4 4m0 0l-4-4m4 4V4"
 	}, null, -1)]]);
 }
-var vn = /*#__PURE__*/ A(hn, [["render", _n]]), yn = {}, bn = {
+var En = /*#__PURE__*/ A(Cn, [["render", Tn]]), Dn = {}, On = {
 	class: "bb:w-4 bb:h-4",
 	fill: "none",
 	stroke: "currentColor",
@@ -1496,19 +1573,19 @@ var vn = /*#__PURE__*/ A(hn, [["render", _n]]), yn = {}, bn = {
 	xmlns: "http://www.w3.org/2000/svg",
 	"aria-hidden": "true"
 };
-function xn(e, t, n, r, o, s) {
-	return d(), i("svg", bn, [...t[0] ||= [a("path", {
+function kn(e, t, n, r, o, s) {
+	return f(), i("svg", On, [...t[0] ||= [a("path", {
 		"stroke-linecap": "round",
 		"stroke-linejoin": "round",
 		"stroke-width": "2",
 		d: "M4 4v5h.582m15.356 2A8.001 8.001 0 004.582 9m0 0H9m11 11v-5h-.581m0 0a8.003 8.003 0 01-15.357-2m15.357 2H15"
 	}, null, -1)]]);
 }
-var Sn = /*#__PURE__*/ A(yn, [["render", xn]]), Cn = ["download", "refresh"], wn = {
+var An = /*#__PURE__*/ A(Dn, [["render", kn]]), jn = ["download", "refresh"], Mn = {
 	components: {
-		"clock-icon": mn,
-		"download-icon": vn,
-		"refresh-icon": Sn
+		"clock-icon": Sn,
+		"download-icon": En,
+		"refresh-icon": An
 	},
 	mixins: [k],
 	emits: ["click"],
@@ -1520,7 +1597,7 @@ var Sn = /*#__PURE__*/ A(yn, [["render", xn]]), Cn = ["download", "refresh"], wn
 		icon: {
 			type: String,
 			required: !0,
-			validator: (e) => Cn.includes(e)
+			validator: (e) => jn.includes(e)
 		},
 		color: {
 			type: String,
@@ -1540,14 +1617,14 @@ var Sn = /*#__PURE__*/ A(yn, [["render", xn]]), Cn = ["download", "refresh"], wn
 		let e = this.isLoading && typeof this.loadingText == "string" && this.loadingText !== "" ? this.loadingText : this.title;
 		return typeof e == "string" ? e : "";
 	} }
-}, Tn = [
+}, Nn = [
 	"title",
 	"disabled",
 	"aria-busy"
-], En = ["textContent"];
-function Dn(e, t, o, s, c, l) {
-	let f = m("clock-icon"), p = m("download-icon"), h = m("refresh-icon");
-	return d(), i("button", {
+], Pn = ["textContent"];
+function Fn(e, t, o, s, c, l) {
+	let d = h("clock-icon"), p = h("download-icon"), m = h("refresh-icon");
+	return f(), i("button", {
 		type: "button",
 		class: u(["bb-dashboard-ui bb:inline-flex bb:items-center bb:px-3 bb:py-1.5 bb:rounded-full bb:text-xs bb:font-medium bb:leading-none bb:select-none bb:whitespace-nowrap", [
 			e.colorClass(o.color, "pill"),
@@ -1558,32 +1635,91 @@ function Dn(e, t, o, s, c, l) {
 		disabled: o.isLoading,
 		"aria-busy": o.isLoading ? "true" : null,
 		onClick: t[0] ||= (t) => e.$emit("click")
-	}, [o.isLoading ? (d(), n(f, {
+	}, [o.isLoading ? (f(), n(d, {
 		key: 0,
 		class: "bb:pointer-events-none bb:cursor-default"
-	})) : o.icon === "download" ? (d(), n(p, {
+	})) : o.icon === "download" ? (f(), n(p, {
 		key: 1,
 		class: "bb:pointer-events-none bb:cursor-default"
-	})) : o.icon === "refresh" ? (d(), n(h, {
+	})) : o.icon === "refresh" ? (f(), n(m, {
 		key: 2,
 		class: "bb:pointer-events-none bb:cursor-default"
 	})) : r("", !0), a("span", {
 		class: "bb:ml-1 bb:pointer-events-none bb:cursor-default",
-		textContent: g(l.label)
-	}, null, 8, En)], 10, Tn);
+		textContent: _(l.label)
+	}, null, 8, Pn)], 10, Nn);
+}
+var In = /*#__PURE__*/ A(Mn, [["render", Fn]]), Y = "a[href], button:not(:disabled)";
+function Ln(e, t) {
+	let n = document.activeElement;
+	(e.querySelector("[data-dialog-focus]") ?? e.querySelector(Y))?.focus();
+	let r = (n) => {
+		if (n.key === "Escape") {
+			t();
+			return;
+		}
+		if (n.key !== "Tab") return;
+		let r = [...e.querySelectorAll(Y)];
+		if (r.length === 0) return;
+		n.preventDefault();
+		let i = n.shiftKey ? -1 : 1, a = r.indexOf(document.activeElement);
+		r[a === -1 ? i === 1 ? 0 : r.length - 1 : (a + i + r.length) % r.length].focus();
+	};
+	document.addEventListener("keydown", r, !0);
+	let i = !1;
+	return () => {
+		if (i) return;
+		i = !0, document.removeEventListener("keydown", r, !0);
+		let t = document.activeElement, a = t === null || t === document.body || e.contains(t), o = n !== null && n !== document.body && n.isConnected;
+		a && o ? n.focus({ preventScroll: !0 }) : e.contains(t) && t.blur();
+	};
 }
-var On = /*#__PURE__*/ A(wn, [["render", Dn]]), kn = { props: {
-	isOpen: {
-		type: Boolean,
-		default: !1
+//#endregion
+//#region src/components/Modal.vue
+var Rn = {
+	emits: ["escape"],
+	props: {
+		isOpen: {
+			type: Boolean,
+			default: !1
+		},
+		headingId: {
+			type: String,
+			required: !0
+		}
 	},
-	headingId: {
-		type: String,
-		required: !0
+	watch: { isOpen: {
+		flush: "post",
+		handler(e) {
+			if (e) {
+				this.holdFocus();
+				return;
+			}
+			this.releaseFocus();
+		}
+	} },
+	created() {
+		this.focusFrame = null, this.releaseHeldFocus = null;
+	},
+	mounted() {
+		this.isOpen && this.holdFocus();
+	},
+	beforeUnmount() {
+		this.releaseFocus();
+	},
+	methods: {
+		holdFocus() {
+			this.focusFrame === null && this.releaseHeldFocus === null && (this.focusFrame = requestAnimationFrame(() => {
+				this.focusFrame = null, this.releaseHeldFocus = Ln(this.$refs.panel, () => this.$emit("escape"));
+			}));
+		},
+		releaseFocus() {
+			this.focusFrame !== null && (cancelAnimationFrame(this.focusFrame), this.focusFrame = null), this.releaseHeldFocus !== null && (this.releaseHeldFocus(), this.releaseHeldFocus = null);
+		}
 	}
-} }, An = { class: "bb:min-h-screen bb:text-center" }, jn = { class: "bb:fixed bb:inset-0 bb:transition-opacity" }, Mn = ["aria-labelledby"];
-function Nn(e, n, r, o, c, l) {
-	return d(), i("div", { class: u(["bb-dashboard-ui bb:fixed bb:inset-0 bb:overflow-y-auto bb:z-20", { "bb:pointer-events-none": !r.isOpen }]) }, [a("div", An, [
+}, zn = { class: "bb:min-h-screen bb:text-center" }, Bn = { class: "bb:fixed bb:inset-0 bb:transition-opacity" }, Vn = ["aria-labelledby"];
+function Hn(e, n, r, o, c, l) {
+	return f(), i("div", { class: u(["bb-dashboard-ui bb:fixed bb:inset-0 bb:overflow-y-auto bb:z-20", { "bb:pointer-events-none": !r.isOpen }]) }, [a("div", zn, [
 		s(t, {
 			"enter-active-class": "bb:ease-out bb:duration-300",
 			"enter-from-class": "bb:opacity-0",
@@ -1592,7 +1728,7 @@ function Nn(e, n, r, o, c, l) {
 			"leave-from-class": "bb:opacity-100",
 			"leave-to-class": "bb:opacity-0"
 		}, {
-			default: b(() => [x(a("div", jn, [...n[0] ||= [a("div", { class: "bb:absolute bb:inset-0 bb:bg-gray-500 bb:opacity-75" }, null, -1)]], 512), [[y, r.isOpen]])]),
+			default: b(() => [x(a("div", Bn, [...n[0] ||= [a("div", { class: "bb:absolute bb:inset-0 bb:bg-gray-500 bb:opacity-75" }, null, -1)]], 512), [[y, r.isOpen]])]),
 			_: 1
 		}),
 		n[1] ||= a("span", { class: "bb:inline-block bb:align-middle bb:h-screen" }, null, -1),
@@ -1605,16 +1741,17 @@ function Nn(e, n, r, o, c, l) {
 			"leave-to-class": "bb:opacity-0 bb:scale-95"
 		}, {
 			default: b(() => [x(a("div", {
+				ref: "panel",
 				class: "bb:relative bb:inline-block bb:align-middle bb:my-8 bb:max-w-lg bb:w-full bb:bg-white bb:rounded-lg bb:text-left bb:overflow-visible bb:shadow-xl bb:transition-all",
 				role: "dialog",
 				"aria-modal": "true",
 				"aria-labelledby": r.headingId
-			}, [p(e.$slots, "default")], 8, Mn), [[y, r.isOpen]])]),
+			}, [m(e.$slots, "default")], 8, Vn), [[y, r.isOpen]])]),
 			_: 3
 		})
 	])], 2);
 }
-var Pn = /*#__PURE__*/ A(kn, [["render", Nn]]), Fn = {}, In = {
+var Un = /*#__PURE__*/ A(Rn, [["render", Hn]]), Wn = {}, Gn = {
 	class: "bb:h-7 bb:w-7 bb:text-red-600",
 	xmlns: "http://www.w3.org/2000/svg",
 	fill: "none",
@@ -1622,35 +1759,35 @@ var Pn = /*#__PURE__*/ A(kn, [["render", Nn]]), Fn = {}, In = {
 	stroke: "currentColor",
 	"aria-hidden": "true"
 };
-function Ln(e, t, n, r, o, s) {
-	return d(), i("svg", In, [...t[0] ||= [a("path", {
+function Kn(e, t, n, r, o, s) {
+	return f(), i("svg", Gn, [...t[0] ||= [a("path", {
 		"stroke-linecap": "round",
 		"stroke-linejoin": "round",
 		"stroke-width": "2",
 		d: "M12 9v2m0 4h.01m-6.938 4h13.856c1.54 0 2.502-1.667 1.732-3L13.732 4c-.77-1.333-2.694-1.333-3.464 0L3.34 16c-.77 1.333.192 3 1.732 3z"
 	}, null, -1)]]);
 }
-var J = /*#__PURE__*/ A(Fn, [["render", Ln]]), Rn = {}, zn = {
+var qn = /*#__PURE__*/ A(Wn, [["render", Kn]]), Jn = {}, Yn = {
 	class: "bb:h-7 bb:w-7 bb:text-yellow-400",
 	xmlns: "http://www.w3.org/2000/svg",
 	viewBox: "0 0 20 20",
 	fill: "currentColor",
 	"aria-hidden": "true"
 };
-function Bn(e, t, n, r, o, s) {
-	return d(), i("svg", zn, [...t[0] ||= [a("path", {
+function Xn(e, t, n, r, o, s) {
+	return f(), i("svg", Yn, [...t[0] ||= [a("path", {
 		"fill-rule": "evenodd",
 		d: "M8.257 3.099c.765-1.36 2.722-1.36 3.486 0l5.58 9.92c.75 1.334-.213 2.98-1.742 2.98H4.42c-1.53 0-2.493-1.646-1.743-2.98l5.58-9.92zM11 13a1 1 0 11-2 0 1 1 0 012 0zm-1-8a1 1 0 00-1 1v3a1 1 0 002 0V6a1 1 0 00-1-1z",
 		"clip-rule": "evenodd"
 	}, null, -1)]]);
 }
-var Y = /*#__PURE__*/ A(Rn, [["render", Bn]]), Vn = {
+var Zn = /*#__PURE__*/ A(Jn, [["render", Xn]]), Qn = {
 	components: {
-		Modal: Pn,
-		Dangerous: J,
-		Warning: Y
+		Modal: Un,
+		Dangerous: qn,
+		Warning: Zn
 	},
-	mixins: [M],
+	mixins: [N],
 	emits: ["actionConfirmed", "actionCanceled"],
 	props: {
 		isOpen: {
@@ -1680,7 +1817,7 @@ var Y = /*#__PURE__*/ A(Rn, [["render", Bn]]), Vn = {
 		}
 	},
 	setup() {
-		return { headingId: _() };
+		return { headingId: v() };
 	},
 	computed: {
 		isDangerous() {
@@ -1690,64 +1827,66 @@ var Y = /*#__PURE__*/ A(Rn, [["render", Bn]]), Vn = {
 			return this.type === "warning";
 		}
 	}
-}, Hn = { class: "bb:flex bb:bg-white bb:rounded-t-lg bb:p-6 bb:pb-4" }, Un = { class: "bb:flex bb:items-start" }, Wn = { class: "bb:ml-4 bb:text-left" }, Gn = ["id"], Kn = { class: "bb:mt-2" }, qn = { class: "bb:text-sm bb:text-gray-500" }, Jn = { class: "bb:bg-gray-50 bb:rounded-b-lg bb:px-6 bb:py-3 bb:flex bb:flex-row-reverse" };
-function Yn(e, t, i, o, s, c) {
-	let l = m("warning"), f = m("dangerous"), p = m("modal");
-	return d(), n(p, {
+}, $n = { class: "bb:flex bb:bg-white bb:rounded-t-lg bb:p-6 bb:pb-4" }, er = { class: "bb:flex bb:items-start" }, tr = { class: "bb:ml-4 bb:text-left" }, nr = ["id"], rr = { class: "bb:mt-2" }, ir = { class: "bb:text-sm bb:text-gray-500" }, ar = { class: "bb:bg-gray-50 bb:rounded-b-lg bb:px-6 bb:py-3 bb:flex bb:flex-row-reverse" };
+function or(e, t, i, o, s, c) {
+	let l = h("warning"), d = h("dangerous"), p = h("modal");
+	return f(), n(p, {
 		"is-open": i.isOpen,
-		"heading-id": o.headingId
+		"heading-id": o.headingId,
+		onEscape: t[2] ||= (t) => e.$emit("actionCanceled")
 	}, {
-		default: b(() => [a("div", Hn, [a("div", Un, [a("div", { class: u(["bb:shrink-0 bb:flex bb:items-center bb:justify-center bb:h-10 bb:w-10 bb:rounded-full", {
+		default: b(() => [a("div", $n, [a("div", er, [a("div", { class: u(["bb:shrink-0 bb:flex bb:items-center bb:justify-center bb:h-10 bb:w-10 bb:rounded-full", {
 			"bb:bg-red-100": c.isDangerous,
 			"bb:bg-yellow-100": c.isWarning
-		}]) }, [c.isWarning ? (d(), n(l, { key: 0 })) : r("", !0), c.isDangerous ? (d(), n(f, { key: 1 })) : r("", !0)], 2), a("div", Wn, [a("h3", {
+		}]) }, [c.isWarning ? (f(), n(l, { key: 0 })) : r("", !0), c.isDangerous ? (f(), n(d, { key: 1 })) : r("", !0)], 2), a("div", tr, [a("h3", {
 			class: "bb:text-lg bb:leading-6 bb:font-medium bb:text-gray-900",
 			id: o.headingId
-		}, g(i.confirmationHeading), 9, Gn), a("div", Kn, [a("p", qn, g(i.confirmationText), 1)])])])]), a("div", Jn, [a("button", {
+		}, _(i.confirmationHeading), 9, nr), a("div", rr, [a("p", ir, _(i.confirmationText), 1)])])])]), a("div", ar, [a("button", {
 			type: "button",
 			class: u(["bb:inline-flex bb:justify-center bb:rounded-md bb:border bb:border-transparent bb:shadow-xs bb:px-4 bb:py-2 bb:text-sm bb:font-medium bb:text-white bb:focus:outline-hidden bb:focus:ring-2 bb:focus:ring-offset-2 bb:ml-3", {
 				"bb:bg-red-600 bb:hover:bg-red-700 bb:focus:ring-red-500": c.isDangerous,
 				"bb:bg-yellow-400 bb:hover:bg-yellow-500 bb:focus:ring-yellow-300": c.isWarning
 			}]),
 			onClick: t[0] ||= S((t) => e.$emit("actionConfirmed"), ["prevent"])
-		}, g(i.actionButtonText), 3), a("button", {
+		}, _(i.actionButtonText), 3), a("button", {
 			type: "button",
 			class: "bb:inline-flex bb:justify-center bb:rounded-md bb:border bb:border-gray-300 bb:shadow-xs bb:px-4 bb:py-2 bb:bg-white bb:text-sm bb:font-medium bb:text-gray-700 bb:hover:bg-gray-50 bb:focus:outline-hidden bb:focus:ring-2 bb:focus:ring-offset-2 bb:focus:ring-indigo-500 bb:ml-3",
+			"data-dialog-focus": "",
 			onClick: t[1] ||= S((t) => e.$emit("actionCanceled"), ["prevent"])
-		}, g(i.cancelButtonText ?? e.texts.cancel), 1)])]),
+		}, _(i.cancelButtonText ?? e.texts.cancel), 1)])]),
 		_: 1
 	}, 8, ["is-open", "heading-id"]);
 }
-var Xn = /*#__PURE__*/ A(Vn, [["render", Yn]]);
+var sr = /*#__PURE__*/ A(Qn, [["render", or]]);
 //#endregion
 //#region src/menuItems.js
-function Zn(e) {
+function cr(e) {
 	if (typeof e != "object" || !e || typeof e.label != "string" || e.label === "" || e.color !== void 0 && !O(e.color)) return !1;
 	let t = typeof e.href == "string" && e.href !== "" && e.onSelect === void 0, n = typeof e.onSelect == "function" && e.href === void 0;
 	return t || n;
 }
-function Qn(e) {
+function lr(e) {
 	return Array.isArray(e) ? e.filter((e) => typeof e == "object" && !!e) : [];
 }
-function $n(e) {
+function ur(e) {
 	return typeof e.href == "string" && e.href !== "";
 }
-function er(e) {
+function dr(e) {
 	return O(e.color) ? e.color : null;
 }
 //#endregion
 //#region src/navigation.js
-function tr(e) {
+function fr(e) {
 	let t = e.currentTarget?.target ?? "";
 	return !(e.defaultPrevented || e.target?.isContentEditable === !0 || e.altKey || e.ctrlKey || e.metaKey || e.shiftKey || t !== "" && t !== "_self" || e.button !== 0);
 }
 var X = {
-	inject: ge,
+	inject: D,
 	methods: { followLink(e, t) {
 		let n = this.uiSettings.navigate;
-		n !== null && tr(e) && (e.preventDefault(), n(t));
+		n !== null && fr(e) && (e.preventDefault(), n(t));
 	} }
-}, nr = {
+}, pr = {
 	components: { PopoverPanel: H },
 	mixins: [X, k],
 	emits: ["update:modelValue"],
@@ -1760,7 +1899,7 @@ var X = {
 	},
 	computed: {
 		actionItems() {
-			return Qn(this.actions);
+			return lr(this.actions);
 		},
 		hasActions() {
 			return this.actionItems.length > 0;
@@ -1768,23 +1907,23 @@ var X = {
 	},
 	methods: {
 		color(e) {
-			return er(e);
+			return dr(e);
 		},
 		isLink(e) {
-			return $n(e);
+			return ur(e);
 		},
 		select(e) {
 			if (typeof e.onSelect == "function") return e.onSelect();
 		}
 	}
-}, rr = [
+}, mr = [
 	"href",
 	"onClick",
 	"textContent"
-], ir = ["onClick", "textContent"];
-function ar(t, r, a, o, s, c) {
-	let l = m("popover-panel");
-	return d(), n(l, {
+], hr = ["onClick", "textContent"];
+function gr(t, r, a, o, s, c) {
+	let l = h("popover-panel");
+	return f(), n(l, {
 		"model-value": a.modelValue,
 		"has-content": c.hasActions,
 		align: "end",
@@ -1795,32 +1934,32 @@ function ar(t, r, a, o, s, c) {
 		"panel-role": "menu",
 		"onUpdate:modelValue": r[0] ||= (e) => t.$emit("update:modelValue", e)
 	}, {
-		trigger: b((e) => [p(t.$slots, "trigger", {
+		trigger: b((e) => [m(t.$slots, "trigger", {
 			id: e.id,
 			popovertarget: e.popovertarget
 		})]),
-		default: b(() => [(d(!0), i(e, null, f(c.actionItems, (n, r) => (d(), i(e, { key: r }, [c.isLink(n) ? (d(), i("a", {
+		default: b(() => [(f(!0), i(e, null, p(c.actionItems, (n, r) => (f(), i(e, { key: r }, [c.isLink(n) ? (f(), i("a", {
 			key: 0,
 			href: n.href,
 			role: "menuitem",
 			class: u(["bb:block bb:w-full bb:px-4 bb:py-2 bb:text-sm bb:text-left bb:cursor-pointer bb:focus:outline-hidden", c.color(n) === null ? "bb:text-gray-700 bb:focus:bg-gray-100 bb:focus:text-gray-900" : t.colorClass(c.color(n), "menuItem")]),
 			onClick: (e) => t.followLink(e, n.href),
-			textContent: g(n.label)
-		}, null, 10, rr)) : (d(), i("button", {
+			textContent: _(n.label)
+		}, null, 10, mr)) : (f(), i("button", {
 			key: 1,
 			type: "button",
 			role: "menuitem",
 			class: u(["bb:block bb:w-full bb:px-4 bb:py-2 bb:text-sm bb:text-left bb:cursor-pointer bb:focus:outline-hidden", c.color(n) === null ? "bb:text-gray-700 bb:focus:bg-gray-100 bb:focus:text-gray-900" : t.colorClass(c.color(n), "menuItem")]),
 			onClick: (e) => c.select(n),
-			textContent: g(n.label)
-		}, null, 10, ir))], 64))), 128))]),
+			textContent: _(n.label)
+		}, null, 10, hr))], 64))), 128))]),
 		_: 3
 	}, 8, ["model-value", "has-content"]);
 }
-var or = /*#__PURE__*/ A(nr, [["render", ar]]), sr = {
-	components: { PopoverMenu: or },
+var Z = /*#__PURE__*/ A(pr, [["render", gr]]), _r = {
+	components: { PopoverMenu: Z },
 	mixins: [
-		M,
+		N,
 		X,
 		k
 	],
@@ -1829,7 +1968,7 @@ var or = /*#__PURE__*/ A(nr, [["render", ar]]), sr = {
 		actions: {
 			type: Array,
 			default: () => [],
-			validator: (e) => e.every(Zn)
+			validator: (e) => e.every(cr)
 		},
 		modelValue: {
 			type: Boolean,
@@ -1841,7 +1980,7 @@ var or = /*#__PURE__*/ A(nr, [["render", ar]]), sr = {
 	},
 	computed: {
 		items() {
-			return Qn(this.actions);
+			return lr(this.actions);
 		},
 		hasActions() {
 			return this.items.length > 0;
@@ -1850,7 +1989,7 @@ var or = /*#__PURE__*/ A(nr, [["render", ar]]), sr = {
 			return this.items[0];
 		},
 		mainColor() {
-			return this.hasActions ? er(this.mainAction) : null;
+			return this.hasActions ? dr(this.mainAction) : null;
 		},
 		menuActions() {
 			return this.items.slice(1);
@@ -1872,7 +2011,7 @@ var or = /*#__PURE__*/ A(nr, [["render", ar]]), sr = {
 	},
 	methods: {
 		isLink(e) {
-			return $n(e);
+			return ur(e);
 		},
 		select(e) {
 			if (typeof e.onSelect == "function") return e.onSelect();
@@ -1881,13 +2020,13 @@ var or = /*#__PURE__*/ A(nr, [["render", ar]]), sr = {
 			this.menuIsOpen = e, this.$emit("update:modelValue", e);
 		}
 	}
-}, cr = {
+}, vr = {
 	key: 0,
 	class: "bb-dashboard-ui bb:relative bb:inline-flex bb:shadow-xs bb:rounded-md"
-}, lr = ["href", "textContent"], ur = ["textContent"], dr = ["id", "popovertarget"], fr = { class: "bb:sr-only bb:pointer-events-none bb:cursor-default" };
-function pr(e, t, n, o, c, l) {
-	let f = m("popover-menu");
-	return l.hasActions ? (d(), i("span", cr, [l.isLink(l.mainAction) ? (d(), i("a", {
+}, yr = ["href", "textContent"], br = ["textContent"], xr = ["id", "popovertarget"], Sr = { class: "bb:sr-only bb:pointer-events-none bb:cursor-default" };
+function Cr(e, t, n, o, c, l) {
+	let d = h("popover-menu");
+	return l.hasActions ? (f(), i("span", vr, [l.isLink(l.mainAction) ? (f(), i("a", {
 		key: 0,
 		href: l.mainAction.href,
 		class: u(["bb:relative bb:inline-flex bb:items-center bb:px-4 bb:py-2 bb:border bb:text-sm bb:font-medium bb:cursor-pointer bb:focus:z-10 bb:focus:outline-hidden bb:focus:ring-1 bb:focus:ring-indigo-500 bb:focus:border-indigo-500", [{
@@ -1895,8 +2034,8 @@ function pr(e, t, n, o, c, l) {
 			"bb:rounded-md": !l.hasMenu
 		}, l.mainColor === null ? "bb:bg-white bb:border-gray-300 bb:text-gray-700 bb:hover:bg-gray-50" : e.colorClass(l.mainColor, "button")]]),
 		onClick: t[0] ||= (t) => e.followLink(t, l.mainAction.href),
-		textContent: g(l.mainAction.label)
-	}, null, 10, lr)) : (d(), i("button", {
+		textContent: _(l.mainAction.label)
+	}, null, 10, yr)) : (f(), i("button", {
 		key: 1,
 		type: "button",
 		class: u(["bb:relative bb:inline-flex bb:items-center bb:px-4 bb:py-2 bb:border bb:text-sm bb:font-medium bb:cursor-pointer bb:focus:z-10 bb:focus:outline-hidden bb:focus:ring-1 bb:focus:ring-indigo-500 bb:focus:border-indigo-500", [{
@@ -1904,8 +2043,8 @@ function pr(e, t, n, o, c, l) {
 			"bb:rounded-md": !l.hasMenu
 		}, l.mainColor === null ? "bb:bg-white bb:border-gray-300 bb:text-gray-700 bb:hover:bg-gray-50" : e.colorClass(l.mainColor, "button")]]),
 		onClick: t[1] ||= (e) => l.select(l.mainAction),
-		textContent: g(l.mainAction.label)
-	}, null, 10, ur)), s(f, {
+		textContent: _(l.mainAction.label)
+	}, null, 10, br)), s(d, {
 		class: "bb:-ml-px bb:flex",
 		actions: l.menuActions,
 		"model-value": n.modelValue,
@@ -1916,7 +2055,7 @@ function pr(e, t, n, o, c, l) {
 			id: n.id,
 			popovertarget: n.popovertarget,
 			class: u(["bb:relative bb:inline-flex bb:items-center bb:px-2 bb:py-2 bb:rounded-r-md bb:border bb:text-sm bb:font-medium bb:focus:z-10 bb:focus:outline-hidden bb:focus:ring-1 bb:focus:ring-indigo-500 bb:focus:border-indigo-500", l.mainColor === null ? "bb:bg-white bb:border-gray-300 bb:text-gray-500 bb:hover:bg-gray-50" : e.colorClass(l.mainColor, "button")])
-		}, [a("span", fr, g(e.texts.openMenu), 1), t[2] ||= a("svg", {
+		}, [a("span", Sr, _(e.texts.openMenu), 1), t[2] ||= a("svg", {
 			class: "bb:h-5 bb:w-5 bb:pointer-events-none bb:cursor-default",
 			xmlns: "http://www.w3.org/2000/svg",
 			viewBox: "0 0 20 20",
@@ -1926,7 +2065,7 @@ function pr(e, t, n, o, c, l) {
 			"fill-rule": "evenodd",
 			d: "M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z",
 			"clip-rule": "evenodd"
-		})], -1)], 10, dr)]),
+		})], -1)], 10, xr)]),
 		_: 1
 	}, 8, [
 		"actions",
@@ -1934,18 +2073,18 @@ function pr(e, t, n, o, c, l) {
 		"onUpdate:modelValue"
 	])])) : r("", !0);
 }
-var mr = /*#__PURE__*/ A(sr, [["render", pr]]), hr = {
-	components: { PopoverMenu: or },
-	mixins: [M],
+var wr = /*#__PURE__*/ A(_r, [["render", Cr]]), Tr = {
+	components: { PopoverMenu: Z },
+	mixins: [N],
 	props: { actions: {
 		type: Array,
 		default: () => [],
-		validator: (e) => e.every(Zn)
+		validator: (e) => e.every(cr)
 	} }
-}, gr = ["id", "popovertarget"], _r = { class: "bb:sr-only bb:pointer-events-none bb:cursor-default" };
-function vr(e, t, r, i, o, s) {
-	let c = m("popover-menu");
-	return d(), n(c, {
+}, Er = ["id", "popovertarget"], Dr = { class: "bb:sr-only bb:pointer-events-none bb:cursor-default" };
+function Or(e, t, r, i, o, s) {
+	let c = h("popover-menu");
+	return f(), n(c, {
 		class: "bb-dashboard-ui bb:inline-flex",
 		actions: r.actions
 	}, {
@@ -1954,7 +2093,7 @@ function vr(e, t, r, i, o, s) {
 			id: n.id,
 			popovertarget: n.popovertarget,
 			class: "bb:relative bb:inline-flex bb:items-center bb:justify-center bb:p-2 bb:rounded-md bb:text-gray-400 bb:hover:text-gray-500 bb:hover:bg-gray-100 bb:focus:outline-hidden bb:focus:bg-gray-100 bb:focus:text-gray-500 bb:transition bb:duration-150 bb:ease-in-out"
-		}, [a("span", _r, g(e.texts.openMenu), 1), t[0] ||= a("svg", {
+		}, [a("span", Dr, _(e.texts.openMenu), 1), t[0] ||= a("svg", {
 			class: "bb:h-6 bb:w-6 bb:pointer-events-none bb:cursor-default",
 			fill: "none",
 			viewBox: "0 0 24 24",
@@ -1965,48 +2104,48 @@ function vr(e, t, r, i, o, s) {
 			"stroke-linejoin": "round",
 			"stroke-width": "2",
 			d: "M4 6h16M4 12h16M4 18h16"
-		})], -1)], 8, gr)]),
+		})], -1)], 8, Er)]),
 		_: 1
 	}, 8, ["actions"]);
 }
-var yr = /*#__PURE__*/ A(hr, [["render", vr]]), br = {}, xr = {
+var kr = /*#__PURE__*/ A(Tr, [["render", Or]]), Ar = {}, jr = {
 	xmlns: "http://www.w3.org/2000/svg",
 	viewBox: "0 0 20 20",
 	fill: "currentColor",
 	"aria-hidden": "true"
 };
-function Sr(e, t, n, r, o, s) {
-	return d(), i("svg", xr, [...t[0] ||= [a("path", {
+function Mr(e, t, n, r, o, s) {
+	return f(), i("svg", jr, [...t[0] ||= [a("path", {
 		"fill-rule": "evenodd",
 		"clip-rule": "evenodd",
 		d: "M7.707 14.707a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414l4-4a1 1 0 011.414 1.414L5.414 9H17a1 1 0 110 2H5.414l2.293 2.293a1 1 0 010 1.414z"
 	}, null, -1)]]);
 }
-var Cr = /*#__PURE__*/ A(br, [["render", Sr]]), wr = {}, Tr = {
+var Nr = /*#__PURE__*/ A(Ar, [["render", Mr]]), Pr = {}, Fr = {
 	xmlns: "http://www.w3.org/2000/svg",
 	viewBox: "0 0 20 20",
 	fill: "currentColor",
 	"aria-hidden": "true"
 };
-function Er(e, t, n, r, o, s) {
-	return d(), i("svg", Tr, [...t[0] ||= [a("path", {
+function Ir(e, t, n, r, o, s) {
+	return f(), i("svg", Fr, [...t[0] ||= [a("path", {
 		"fill-rule": "evenodd",
 		"clip-rule": "evenodd",
 		d: "M12.293 5.293a1 1 0 011.414 0l4 4a1 1 0 010 1.414l-4 4a1 1 0 01-1.414-1.414L14.586 11H3a1 1 0 110-2h11.586l-2.293-2.293a1 1 0 010-1.414z"
 	}, null, -1)]]);
 }
-var Dr = /*#__PURE__*/ A(wr, [["render", Er]]);
+var Lr = /*#__PURE__*/ A(Pr, [["render", Ir]]);
 //#endregion
 //#region src/components/Pagination.vue
-function Or(e) {
+function Rr(e) {
 	return typeof e == "string" && e !== "" ? e : null;
 }
-var kr = {
+var zr = {
 	components: {
-		ArrowNarrowLeft: Cr,
-		ArrowNarrowRight: Dr
+		ArrowNarrowLeft: Nr,
+		ArrowNarrowRight: Lr
 	},
-	mixins: [M, X],
+	mixins: [N, X],
 	props: {
 		links: {
 			type: Object,
@@ -2034,49 +2173,49 @@ var kr = {
 			return typeof this.from == "number" && typeof this.to == "number";
 		},
 		previousPageUrl() {
-			return Or(this.links?.prev);
+			return Rr(this.links?.prev);
 		},
 		nextPageUrl() {
-			return Or(this.links?.next);
+			return Rr(this.links?.next);
 		}
 	}
-}, Ar = {
+}, Br = {
 	key: 0,
 	class: "bb-dashboard-ui bb:flex bb:items-center bb:justify-between"
-}, jr = { class: "bb:-mt-px bb:w-0 bb:flex-1 bb:flex" }, Mr = ["href"], Nr = {
+}, Vr = { class: "bb:-mt-px bb:w-0 bb:flex-1 bb:flex" }, Hr = ["href"], Ur = {
 	key: 0,
 	class: "bb:-mt-px bb:flex bb:text-gray-400 bb:text-sm bb:leading-5"
-}, Pr = { class: "bb:font-medium bb:text-gray-900 bb:mx-1" }, Fr = { class: "bb:font-medium bb:text-gray-900 bb:mx-1" }, Ir = { class: "bb:-mt-px bb:w-0 bb:flex-1 bb:flex bb:justify-end" }, Lr = ["href"];
-function Rr(e, t, n, c, l, u) {
-	let f = m("arrow-narrow-left"), p = m("arrow-narrow-right");
-	return u.hasResults ? (d(), i("nav", Ar, [
-		a("div", jr, [u.previousPageUrl === null ? r("", !0) : (d(), i("a", {
+}, Wr = { class: "bb:font-medium bb:text-gray-900 bb:mx-1" }, Gr = { class: "bb:font-medium bb:text-gray-900 bb:mx-1" }, Kr = { class: "bb:-mt-px bb:w-0 bb:flex-1 bb:flex bb:justify-end" }, qr = ["href"];
+function Jr(e, t, n, c, l, u) {
+	let d = h("arrow-narrow-left"), p = h("arrow-narrow-right");
+	return u.hasResults ? (f(), i("nav", Br, [
+		a("div", Vr, [u.previousPageUrl === null ? r("", !0) : (f(), i("a", {
 			key: 0,
 			href: u.previousPageUrl,
 			class: "bb:border-t-2 bb:border-transparent bb:pt-4 bb:pr-1 bb:inline-flex bb:items-center bb:text-sm bb:font-medium bb:text-gray-500 bb:hover:text-gray-700 bb:hover:border-indigo-700",
 			onClick: t[0] ||= (t) => e.followLink(t, u.previousPageUrl)
-		}, [s(f, { class: "bb:mr-3 bb:h-5 bb:w-5 bb:text-gray-400 bb:pointer-events-none bb:cursor-default" }), o(" " + g(e.texts.previousPage), 1)], 8, Mr))]),
-		u.hasRange ? (d(), i("div", Nr, [
-			o(g(e.texts.resultsBefore) + " ", 1),
-			a("span", Pr, g(u.from) + " - " + g(u.to), 1),
-			o(" " + g(e.texts.resultsOf) + " ", 1),
-			a("span", Fr, g(u.total), 1),
-			o(" " + g(e.texts.resultsAfter), 1)
+		}, [s(d, { class: "bb:mr-3 bb:h-5 bb:w-5 bb:text-gray-400 bb:pointer-events-none bb:cursor-default" }), o(" " + _(e.texts.previousPage), 1)], 8, Hr))]),
+		u.hasRange ? (f(), i("div", Ur, [
+			o(_(e.texts.resultsBefore) + " ", 1),
+			a("span", Wr, _(u.from) + " - " + _(u.to), 1),
+			o(" " + _(e.texts.resultsOf) + " ", 1),
+			a("span", Gr, _(u.total), 1),
+			o(" " + _(e.texts.resultsAfter), 1)
 		])) : r("", !0),
-		a("div", Ir, [u.nextPageUrl === null ? r("", !0) : (d(), i("a", {
+		a("div", Kr, [u.nextPageUrl === null ? r("", !0) : (f(), i("a", {
 			key: 0,
 			href: u.nextPageUrl,
 			class: "bb:border-t-2 bb:border-transparent bb:pt-4 bb:pl-1 bb:inline-flex bb:items-center bb:text-sm bb:font-medium bb:text-gray-500 bb:hover:text-gray-700 bb:hover:border-indigo-700",
 			onClick: t[1] ||= (t) => e.followLink(t, u.nextPageUrl)
-		}, [o(g(e.texts.nextPage) + " ", 1), s(p, { class: "bb:ml-3 bb:h-5 bb:w-5 bb:text-gray-400 bb:pointer-events-none bb:cursor-default" })], 8, Lr))])
+		}, [o(_(e.texts.nextPage) + " ", 1), s(p, { class: "bb:ml-3 bb:h-5 bb:w-5 bb:text-gray-400 bb:pointer-events-none bb:cursor-default" })], 8, qr))])
 	])) : r("", !0);
 }
-var zr = /*#__PURE__*/ A(kr, [["render", Rr]]), Br = [
+var Yr = /*#__PURE__*/ A(zr, [["render", Jr]]), Xr = [
 	"left",
 	"center",
 	"right"
 ];
-function Vr(e) {
+function Zr(e) {
 	if (typeof e != "object" || !e || typeof e.key != "string" || e.key === "") return null;
 	let t = e.key;
 	return {
@@ -2085,21 +2224,21 @@ function Vr(e) {
 		value: typeof e.value == "function" ? e.value : (e) => e?.[t],
 		secondary: typeof e.secondary == "function" ? e.secondary : null,
 		muted: e.muted === !0,
-		align: Br.includes(e.align) ? e.align : "left",
+		align: Xr.includes(e.align) ? e.align : "left",
 		wrap: e.wrap === !0,
 		narrow: e.narrow === !0,
 		visible: e.visible !== !1
 	};
 }
-function Z(e) {
+function Qr(e) {
 	return typeof e == "string" && e !== "" ? e : null;
 }
-var Hr = {
+var $r = {
 	components: {
-		Pagination: zr,
+		Pagination: Yr,
 		InfoPill: q
 	},
-	mixins: [M, k],
+	mixins: [N, k],
 	props: {
 		rows: {
 			type: Array,
@@ -2144,7 +2283,7 @@ var Hr = {
 			return Array.isArray(this.rows) ? this.rows : [];
 		},
 		visibleColumns() {
-			return (Array.isArray(this.columns) ? this.columns : []).map(Vr).filter((e) => e !== null && e.visible);
+			return (Array.isArray(this.columns) ? this.columns : []).map(Zr).filter((e) => e !== null && e.visible);
 		},
 		rowStripes() {
 			return this.normalizedRows.map((e) => this.stripeOf(e));
@@ -2163,10 +2302,10 @@ var Hr = {
 		},
 		badgeText() {
 			if (this.hasRecords) {
-				let e = Z(this.foundText);
+				let e = Qr(this.foundText);
 				return e === null ? null : `${e}: ${this.recordCount}`;
 			}
-			return Z(this.emptyText);
+			return Qr(this.emptyText);
 		}
 	},
 	methods: {
@@ -2193,22 +2332,22 @@ var Hr = {
 			return n == null ? "" : String(n);
 		}
 	}
-}, Ur = { class: "bb:min-w-full bb:divide-y bb:divide-gray-200 bb:border-collapse" }, Wr = { class: "bb:bg-gray-50" }, Gr = ["textContent"], Kr = { class: "bb:divide-y bb:divide-gray-200" }, qr = ["textContent"], Jr = ["textContent"];
-function Yr(t, o, s, c, l, h) {
-	let _ = m("info-pill"), v = m("pagination");
-	return d(), i("div", null, [
-		h.hasBadgeRow() ? (d(), i("div", {
+}, ei = { class: "bb:min-w-full bb:divide-y bb:divide-gray-200 bb:border-collapse" }, ti = { class: "bb:bg-gray-50" }, ni = ["textContent"], ri = { class: "bb:divide-y bb:divide-gray-200" }, ii = ["textContent"], ai = ["textContent"];
+function oi(t, o, s, c, l, d) {
+	let g = h("info-pill"), v = h("pagination");
+	return f(), i("div", null, [
+		d.hasBadgeRow() ? (f(), i("div", {
 			key: 0,
-			class: u(["bb:flex bb:justify-center bb:items-center bb:space-x-2", h.isCard ? "" : "bb:my-4"])
-		}, [h.badgeText === null ? r("", !0) : (d(), n(_, {
+			class: u(["bb:flex bb:justify-center bb:items-center bb:space-x-2", d.isCard ? "" : "bb:my-4"])
+		}, [d.badgeText === null ? r("", !0) : (f(), n(g, {
 			key: 0,
-			text: h.badgeText,
+			text: d.badgeText,
 			color: "indigo"
-		}, null, 8, ["text"])), h.hasRecords ? p(t.$slots, "results-actions", {}, void 0, void 0, 1) : r("", !0)], 2)) : r("", !0),
-		h.normalizedRows.length > 0 ? (d(), i("div", {
+		}, null, 8, ["text"])), d.hasRecords ? m(t.$slots, "results-actions", {}, void 0, void 0, 1) : r("", !0)], 2)) : r("", !0),
+		d.normalizedRows.length > 0 ? (f(), i("div", {
 			key: 1,
-			class: u(h.isCard && h.hasBadgeRow() ? "bb:mt-4" : "")
-		}, [a("div", { class: u(["bb:overflow-x-auto", h.isCard ? "bb:border-t bb:border-gray-200" : "bb:shadow-sm bb:border-b bb:border-gray-200 bb:rounded-lg"]) }, [a("table", Ur, [a("thead", null, [a("tr", Wr, [(d(!0), i(e, null, f(h.visibleColumns, (e) => (d(), i("th", {
+			class: u(d.isCard && d.hasBadgeRow() ? "bb:mt-4" : "")
+		}, [a("div", { class: u(["bb:overflow-x-auto", d.isCard ? "bb:border-t bb:border-gray-200" : "bb:shadow-sm bb:border-b bb:border-gray-200 bb:rounded-lg"]) }, [a("table", ei, [a("thead", null, [a("tr", ti, [(f(!0), i(e, null, p(d.visibleColumns, (e) => (f(), i("th", {
 			key: e.key,
 			scope: "col",
 			class: u(["bb:px-6 bb:py-3 bb:text-xs bb:leading-4 bb:font-medium bb:text-gray-500 bb:uppercase bb:tracking-wider bb:whitespace-nowrap", [{
@@ -2216,11 +2355,11 @@ function Yr(t, o, s, c, l, h) {
 				"bb:text-center": e.align === "center",
 				"bb:text-right": e.align === "right"
 			}, { "bb:w-px": e.narrow }]]),
-			textContent: g(e.label)
-		}, null, 10, Gr))), 128))])]), a("tbody", Kr, [(d(!0), i(e, null, f(h.normalizedRows, (n, o) => (d(), i("tr", {
-			key: h.keyOf(n, o),
+			textContent: _(e.label)
+		}, null, 10, ni))), 128))])]), a("tbody", ri, [(f(!0), i(e, null, p(d.normalizedRows, (n, o) => (f(), i("tr", {
+			key: d.keyOf(n, o),
 			class: "bb:bg-white bb:even:bg-gray-50"
-		}, [(d(!0), i(e, null, f(h.visibleColumns, (e, s) => (d(), i("td", {
+		}, [(f(!0), i(e, null, p(d.visibleColumns, (e, s) => (f(), i("td", {
 			key: e.key,
 			class: u(["bb:px-6 bb:py-4 bb:align-top bb:relative bb:text-sm bb:leading-5", [
 				{ "bb:whitespace-nowrap": !e.wrap },
@@ -2231,27 +2370,27 @@ function Yr(t, o, s, c, l, h) {
 				},
 				{ "bb:w-px": e.narrow }
 			]])
-		}, [s === 0 && h.rowStripes[o] !== null ? (d(), i("span", {
+		}, [s === 0 && d.rowStripes[o] !== null ? (f(), i("span", {
 			key: 0,
-			class: u(["bb:absolute bb:left-0 bb:inset-y-0 bb:w-1 bb:bg-current", t.colorClass(h.rowStripes[o], "mark")]),
+			class: u(["bb:absolute bb:left-0 bb:inset-y-0 bb:w-1 bb:bg-current", t.colorClass(d.rowStripes[o], "mark")]),
 			"aria-hidden": "true"
-		}, null, 2)) : r("", !0), p(t.$slots, `cell-${e.key}`, {
+		}, null, 2)) : r("", !0), m(t.$slots, `cell-${e.key}`, {
 			row: n,
 			index: o
 		}, () => [a("div", {
 			class: u(["bb:font-medium", e.muted ? "bb:text-gray-400" : "bb:text-gray-900"]),
-			textContent: g(h.textOf(e.value, n))
-		}, null, 10, qr), e.secondary !== null && h.textOf(e.secondary, n) !== "" ? (d(), i("div", {
+			textContent: _(d.textOf(e.value, n))
+		}, null, 10, ii), e.secondary !== null && d.textOf(e.secondary, n) !== "" ? (f(), i("div", {
 			key: 0,
 			class: "bb:text-gray-400",
-			textContent: g(h.textOf(e.secondary, n))
-		}, null, 8, Jr)) : r("", !0)])], 2))), 128))]))), 128))])])], 2)], 2)) : r("", !0),
-		h.hasMeta ? (d(), n(v, {
+			textContent: _(d.textOf(e.secondary, n))
+		}, null, 8, ai)) : r("", !0)])], 2))), 128))]))), 128))])])], 2)], 2)) : r("", !0),
+		d.hasMeta ? (f(), n(v, {
 			key: 2,
 			meta: s.meta,
 			links: s.links ?? {},
 			lang: t.lang,
-			class: u(h.isCard ? "bb:mt-4" : "bb:mt-6")
+			class: u(d.isCard ? "bb:mt-4" : "bb:mt-6")
 		}, null, 8, [
 			"meta",
 			"links",
@@ -2260,7 +2399,7 @@ function Yr(t, o, s, c, l, h) {
 		])) : r("", !0)
 	]);
 }
-var Xr = /*#__PURE__*/ A(Hr, [["render", Yr]]), Zr = {
+var si = /*#__PURE__*/ A($r, [["render", oi]]), ci = {
 	mixins: [X],
 	props: {
 		url: {
@@ -2276,17 +2415,17 @@ var Xr = /*#__PURE__*/ A(Hr, [["render", Yr]]), Zr = {
 			default: !1
 		}
 	}
-}, Qr = ["href", "textContent"];
-function $r(e, t, n, r, a, o) {
-	return d(), i("a", {
+}, li = ["href", "textContent"];
+function ui(e, t, n, r, a, o) {
+	return f(), i("a", {
 		href: n.url,
 		class: u([n.isActive ? "bb:border-indigo-400 bb:text-gray-600 bb:focus:border-indigo-700" : "bb:border-transparent bb:text-gray-500 bb:hover:text-gray-600 bb:hover:border-gray-300 bb:focus:text-gray-700 bb:focus:border-gray-300", "bb-dashboard-ui bb:inline-flex bb:items-center bb:px-1 bb:pt-1 bb:border-b-2 bb:text-sm bb:font-medium bb:leading-5 bb:focus:outline-hidden bb:transition bb:duration-150 bb:ease-in-out"]),
 		onClick: t[0] ||= (t) => e.followLink(t, n.url),
-		textContent: g(n.name)
-	}, null, 10, Qr);
+		textContent: _(n.name)
+	}, null, 10, li);
 }
-var ei = /*#__PURE__*/ A(Zr, [["render", $r]]), ti = {
-	mixins: [M, X],
+var di = /*#__PURE__*/ A(ci, [["render", ui]]), fi = {
+	mixins: [N, X],
 	props: {
 		tabs: {
 			type: Array,
@@ -2300,38 +2439,38 @@ var ei = /*#__PURE__*/ A(Zr, [["render", $r]]), ti = {
 	computed: { tabList() {
 		return Array.isArray(this.tabs) ? this.tabs.filter((e) => typeof e == "object" && !!e) : [];
 	} }
-}, ni = ["aria-label"], ri = [
+}, pi = ["aria-label"], mi = [
 	"href",
 	"aria-current",
 	"onClick",
 	"textContent"
 ];
-function ii(t, n, r, a, o, s) {
-	return d(), i("nav", {
+function hi(t, n, r, a, o, s) {
+	return f(), i("nav", {
 		class: "bb-dashboard-ui bb:flex bb:space-x-4",
 		"aria-label": t.texts.tabs
-	}, [(d(!0), i(e, null, f(s.tabList, (e) => (d(), i("a", {
+	}, [(f(!0), i(e, null, p(s.tabList, (e) => (f(), i("a", {
 		key: e.key,
 		href: e.url,
 		"aria-current": e.key === r.activeKey ? "page" : null,
 		class: u(["bb:px-3 bb:py-2 bb:font-medium bb:text-sm bb:rounded-md", e.key === r.activeKey ? "bb:bg-indigo-100 bb:text-gray-700" : "bb:text-gray-500 bb:hover:text-gray-700"]),
 		onClick: (n) => t.followLink(n, e.url),
-		textContent: g(e.name)
-	}, null, 10, ri))), 128))], 8, ni);
+		textContent: _(e.name)
+	}, null, 10, mi))), 128))], 8, pi);
 }
-var ai = /*#__PURE__*/ A(ti, [["render", ii]]), oi = [
+var gi = /*#__PURE__*/ A(fi, [["render", hi]]), _i = [
 	"xl",
 	"4xl",
 	"7xl"
-], si = {
-	components: { CrossButton: N },
-	mixins: [M],
+], vi = {
+	components: { CrossButton: P },
+	mixins: [N],
 	inheritAttrs: !1,
 	props: {
 		width: {
 			type: String,
 			default: "xl",
-			validator: (e) => oi.includes(e)
+			validator: (e) => _i.includes(e)
 		},
 		fallbackUrl: {
 			type: String,
@@ -2347,13 +2486,13 @@ var ai = /*#__PURE__*/ A(ti, [["render", ii]]), oi = [
 	},
 	computed: {
 		resolvedWidth() {
-			return oi.includes(this.width) ? this.width : "xl";
+			return _i.includes(this.width) ? this.width : "xl";
 		},
 		windows() {
 			return this.uiSettings.windows;
 		},
 		resolvedKey() {
-			return this.windowKey !== null && this.windowKey !== "" ? this.windowKey : this.windows === null ? null : ae(this.windows.page.address);
+			return this.windowKey !== null && this.windowKey !== "" ? this.windowKey : this.windows === null ? null : se(this.windows.page.address);
 		},
 		target() {
 			return this.returnAddress === null ? this.fallbackUrl === null || this.fallbackUrl === "" ? null : this.fallbackUrl : this.returnAddress;
@@ -2363,23 +2502,23 @@ var ai = /*#__PURE__*/ A(ti, [["render", ii]]), oi = [
 		}
 	},
 	watch: { fallbackUrl() {
-		this.windows !== null && me(this.windows.state, this, this.fallbackAddress());
+		this.windows !== null && ge(this.windows.state, this, this.fallbackAddress());
 	} },
 	mounted() {
 		this.windows !== null && (this.returnAddress = E(this.windows.state, this, this.resolvedKey, this.fallbackAddress()).returnAddress, this.$watch(() => [this.windows.page.number, this.resolvedKey], () => this.syncWindow(), { flush: "post" }));
 	},
 	beforeUnmount() {
-		this.windows !== null && pe(this.windows.state, this);
+		this.windows !== null && he(this.windows.state, this);
 	},
 	methods: {
 		fallbackAddress() {
-			return w(this.fallbackUrl, window.location.origin);
+			return oe(this.fallbackUrl, window.location.origin);
 		},
 		forwardedAttrs() {
 			return Object.fromEntries(Object.entries(this.$attrs).filter(([e]) => e.startsWith("data-") || e.startsWith("aria-")));
 		},
 		syncWindow() {
-			let e = fe(this.windows.state, this, this.resolvedKey, this.fallbackAddress());
+			let e = me(this.windows.state, this, this.resolvedKey, this.fallbackAddress());
 			e.rejected && console.warn(`PageCard: ключ окна сменился на «${this.resolvedKey}» без смены страницы — карточка остаётся в окне «${e.key}»`), this.returnAddress = e.window.returnAddress;
 		},
 		close() {
@@ -2394,39 +2533,39 @@ var ai = /*#__PURE__*/ A(ti, [["render", ii]]), oi = [
 		}
 	}
 };
-function ci(e, t, a, s, c, f) {
-	let h = m("cross-button");
-	return d(), i("div", l({
+function yi(e, t, a, s, c, d) {
+	let p = h("cross-button");
+	return f(), i("div", l({
 		class: ["bb:box-border bb:relative bb:my-6 bb:mx-auto bb:bg-white bb:shadow-xl bb:rounded-lg", [
 			{
-				"bb:max-w-xl": f.resolvedWidth === "xl",
-				"bb:max-w-4xl": f.resolvedWidth === "4xl",
-				"bb:max-w-7xl": f.resolvedWidth === "7xl"
+				"bb:max-w-xl": d.resolvedWidth === "xl",
+				"bb:max-w-4xl": d.resolvedWidth === "4xl",
+				"bb:max-w-7xl": d.resolvedWidth === "7xl"
 			},
-			f.canClose ? {
-				"bb:[--bb-closer-space:3.5rem] bb:md:[--bb-closer-space:0px]": f.resolvedWidth === "xl",
-				"bb:[--bb-closer-space:3.5rem] bb:lg:[--bb-closer-space:0px]": f.resolvedWidth === "4xl",
-				"bb:[--bb-closer-space:3.5rem] bb:2xl:[--bb-closer-space:0px]": f.resolvedWidth === "7xl"
+			d.canClose ? {
+				"bb:[--bb-closer-space:3.5rem] bb:md:[--bb-closer-space:0px]": d.resolvedWidth === "xl",
+				"bb:[--bb-closer-space:3.5rem] bb:lg:[--bb-closer-space:0px]": d.resolvedWidth === "4xl",
+				"bb:[--bb-closer-space:3.5rem] bb:2xl:[--bb-closer-space:0px]": d.resolvedWidth === "7xl"
 			} : "bb:[--bb-closer-space:0px]",
 			e.$attrs.class
 		]],
 		style: e.$attrs.style
-	}, { ...f.forwardedAttrs() }), [p(e.$slots, "default", { close: f.close }), f.canClose ? (d(), n(h, {
+	}, { ...d.forwardedAttrs() }), [m(e.$slots, "default", { close: d.close }), d.canClose ? (f(), n(p, {
 		key: 0,
 		size: "large",
 		class: u(["bb:absolute bb:top-0 bb:right-0 bb:mt-6 bb:mr-4 bb:w-8 bb:h-8 bb:rounded-md bb:focus-visible:ring-2 bb:focus-visible:ring-indigo-500", {
-			"bb:md:right-auto bb:md:left-full bb:md:mr-0 bb:md:ml-4": f.resolvedWidth === "xl",
-			"bb:lg:right-auto bb:lg:left-full bb:lg:mr-0 bb:lg:ml-4": f.resolvedWidth === "4xl",
-			"bb:2xl:right-auto bb:2xl:left-full bb:2xl:mr-0 bb:2xl:ml-4": f.resolvedWidth === "7xl"
+			"bb:md:right-auto bb:md:left-full bb:md:mr-0 bb:md:ml-4": d.resolvedWidth === "xl",
+			"bb:lg:right-auto bb:lg:left-full bb:lg:mr-0 bb:lg:ml-4": d.resolvedWidth === "4xl",
+			"bb:2xl:right-auto bb:2xl:left-full bb:2xl:mr-0 bb:2xl:ml-4": d.resolvedWidth === "7xl"
 		}]),
 		tabindex: "0",
-		onClicked: f.close
+		onClicked: d.close
 	}, {
-		default: b(() => [o(g(e.texts.back), 1)]),
+		default: b(() => [o(_(e.texts.back), 1)]),
 		_: 1
 	}, 8, ["class", "onClicked"])) : r("", !0)], 16);
 }
-var li = /*#__PURE__*/ A(si, [["render", ci]]), ui = {}, di = {
+var bi = /*#__PURE__*/ A(vi, [["render", yi]]), xi = {}, Si = {
 	class: "bb:h-7 bb:w-7 bb:text-green-600",
 	xmlns: "http://www.w3.org/2000/svg",
 	fill: "none",
@@ -2435,22 +2574,22 @@ var li = /*#__PURE__*/ A(si, [["render", ci]]), ui = {}, di = {
 	stroke: "currentColor",
 	"aria-hidden": "true"
 };
-function fi(e, t, n, r, o, s) {
-	return d(), i("svg", di, [...t[0] ||= [a("path", {
+function Ci(e, t, n, r, o, s) {
+	return f(), i("svg", Si, [...t[0] ||= [a("path", {
 		"stroke-linecap": "round",
 		"stroke-linejoin": "round",
 		d: "M9 12.75 11.25 15 15 9.75M21 12a9 9 0 1 1-18 0 9 9 0 0 1 18 0Z"
 	}, null, -1)]]);
 }
-var pi = /*#__PURE__*/ A(ui, [["render", fi]]), mi = {}, hi = {
+var wi = /*#__PURE__*/ A(xi, [["render", Ci]]), Ti = {}, Ei = {
 	class: "bb:h-5 bb:w-5",
 	xmlns: "http://www.w3.org/2000/svg",
 	viewBox: "0 0 20 20",
 	fill: "currentColor",
 	"aria-hidden": "true"
 };
-function gi(e, t, n, r, o, s) {
-	return d(), i("svg", hi, [...t[0] ||= [a("path", {
+function Di(e, t, n, r, o, s) {
+	return f(), i("svg", Ei, [...t[0] ||= [a("path", {
 		"fill-rule": "evenodd",
 		d: "M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z",
 		"clip-rule": "evenodd"
@@ -2458,14 +2597,14 @@ function gi(e, t, n, r, o, s) {
 }
 //#endregion
 //#region src/components/NotificationMessage.vue
-var _i = {
+var Oi = {
 	components: {
-		Check: pi,
-		Close: /* @__PURE__ */ A(mi, [["render", gi]]),
-		Dangerous: J,
-		Warning: Y
+		Check: wi,
+		Close: /* @__PURE__ */ A(Ti, [["render", Di]]),
+		Dangerous: qn,
+		Warning: Zn
 	},
-	mixins: [M],
+	mixins: [N],
 	emits: ["update:modelValue"],
 	props: {
 		modelValue: {
@@ -2503,38 +2642,38 @@ var _i = {
 			return this.type === "confirmation";
 		}
 	}
-}, vi = ["role"], yi = { class: "bb:p-4" }, bi = { class: "bb:flex bb:items-start" }, xi = { class: "bb:shrink-0" }, Si = { class: "bb:ml-3 bb:w-0 bb:flex-1 bb:pt-0.5" }, Ci = { class: "bb:text-sm bb:font-medium bb:text-gray-900" }, wi = { class: "bb:mt-1 bb:text-sm bb:text-gray-500" }, Ti = { class: "bb:ml-4 bb:shrink-0 bb:flex" }, Ei = { class: "bb:sr-only bb:pointer-events-none bb:cursor-default" };
-function Di(e, t, o, c, l, f) {
-	let p = m("warning"), h = m("dangerous"), _ = m("check"), v = m("close");
-	return d(), i("div", {
+}, ki = ["role"], Ai = { class: "bb:p-4" }, ji = { class: "bb:flex bb:items-start" }, Mi = { class: "bb:shrink-0" }, Ni = { class: "bb:ml-3 bb:w-0 bb:flex-1 bb:pt-0.5" }, Pi = { class: "bb:text-sm bb:font-medium bb:text-gray-900" }, Fi = { class: "bb:mt-1 bb:text-sm bb:text-gray-500" }, Ii = { class: "bb:ml-4 bb:shrink-0 bb:flex" }, Li = { class: "bb:sr-only bb:pointer-events-none bb:cursor-default" };
+function Ri(e, t, o, c, l, d) {
+	let p = h("warning"), m = h("dangerous"), g = h("check"), v = h("close");
+	return f(), i("div", {
 		class: "bb-dashboard-ui bb:fixed bb:inset-0 bb:flex bb:items-start bb:justify-end bb:p-6 bb:pointer-events-none",
-		role: f.isDangerous ? "alert" : "status"
-	}, [f.hasMessage ? (d(), i("div", {
+		role: d.isDangerous ? "alert" : "status"
+	}, [d.hasMessage ? (f(), i("div", {
 		key: 0,
 		class: u(["bb:max-w-sm bb:w-full bb:shadow-lg bb:rounded-lg bb:pointer-events-auto bb:ring-1 bb:ring-black/5 bb:overflow-hidden", {
-			"bb:bg-red-50": f.isDangerous,
-			"bb:bg-yellow-50": f.isWarning,
-			"bb:bg-gray-50": f.isConfirmation
+			"bb:bg-red-50": d.isDangerous,
+			"bb:bg-yellow-50": d.isWarning,
+			"bb:bg-gray-50": d.isConfirmation
 		}])
-	}, [a("div", yi, [a("div", bi, [
-		a("div", xi, [
-			f.isWarning ? (d(), n(p, { key: 0 })) : r("", !0),
-			f.isDangerous ? (d(), n(h, { key: 1 })) : r("", !0),
-			f.isConfirmation ? (d(), n(_, { key: 2 })) : r("", !0)
+	}, [a("div", Ai, [a("div", ji, [
+		a("div", Mi, [
+			d.isWarning ? (f(), n(p, { key: 0 })) : r("", !0),
+			d.isDangerous ? (f(), n(m, { key: 1 })) : r("", !0),
+			d.isConfirmation ? (f(), n(g, { key: 2 })) : r("", !0)
 		]),
-		a("div", Si, [a("p", Ci, g(o.notificationHeading), 1), a("p", wi, g(f.text), 1)]),
-		a("div", Ti, [a("button", {
+		a("div", Ni, [a("p", Pi, _(o.notificationHeading), 1), a("p", Fi, _(d.text), 1)]),
+		a("div", Ii, [a("button", {
 			type: "button",
 			class: u(["bb:rounded-md bb:inline-flex bb:text-gray-400 bb:hover:text-gray-500 bb:focus:outline-hidden bb:focus:ring-2 bb:focus:ring-offset-2 bb:focus:ring-indigo-500", {
-				"bb:bg-red-50": f.isDangerous,
-				"bb:bg-yellow-50": f.isWarning,
-				"bb:bg-gray-50": f.isConfirmation
+				"bb:bg-red-50": d.isDangerous,
+				"bb:bg-yellow-50": d.isWarning,
+				"bb:bg-gray-50": d.isConfirmation
 			}]),
 			onClick: t[0] ||= S((t) => e.$emit("update:modelValue", ""), ["prevent"])
-		}, [a("span", Ei, g(e.texts.close), 1), s(v, { class: "bb:pointer-events-none bb:cursor-default" })], 2)])
-	])])], 2)) : r("", !0)], 8, vi);
+		}, [a("span", Li, _(e.texts.close), 1), s(v, { class: "bb:pointer-events-none bb:cursor-default" })], 2)])
+	])])], 2)) : r("", !0)], 8, ki);
 }
-var Oi = /*#__PURE__*/ A(_i, [["render", Di]]), ki = {}, Ai = {
+var zi = /*#__PURE__*/ A(Oi, [["render", Ri]]), Bi = {}, Vi = {
 	class: "bb:h-5 bb:w-5",
 	xmlns: "http://www.w3.org/2000/svg",
 	fill: "none",
@@ -2543,8 +2682,8 @@ var Oi = /*#__PURE__*/ A(_i, [["render", Di]]), ki = {}, Ai = {
 	"stroke-width": "2",
 	"aria-hidden": "true"
 };
-function ji(e, t, n, r, o, s) {
-	return d(), i("svg", Ai, [...t[0] ||= [a("path", {
+function Hi(e, t, n, r, o, s) {
+	return f(), i("svg", Vi, [...t[0] ||= [a("path", {
 		"stroke-linecap": "round",
 		"stroke-linejoin": "round",
 		d: "M15 12a3 3 0 11-6 0 3 3 0 016 0z"
@@ -2554,12 +2693,12 @@ function ji(e, t, n, r, o, s) {
 		d: "M2.458 12C3.732 7.943 7.523 5 12 5c4.478 0 8.268 2.943 9.542 7-1.274 4.057-5.064 7-9.542 7-4.477 0-8.268-2.943-9.542-7z"
 	}, null, -1)]]);
 }
-var Mi = /*#__PURE__*/ A(ki, [["render", ji]]), Q = 0, $ = null, Ni = {
+var Ui = /*#__PURE__*/ A(Bi, [["render", Hi]]), Q = 0, $ = null, Wi = {
 	components: {
 		PopoverPanel: H,
-		Eye: Mi
+		Eye: Ui
 	},
-	mixins: [M],
+	mixins: [N],
 	emits: ["update:modelValue"],
 	props: {
 		text: {
@@ -2602,10 +2741,10 @@ var Mi = /*#__PURE__*/ A(ki, [["render", ji]]), Q = 0, $ = null, Ni = {
 			this.holdsPageSelectionLock && (this.holdsPageSelectionLock = !1, --Q, Q === 0 && (Object.assign(document.documentElement.style, $), $ = null));
 		}
 	}
-}, Pi = ["id", "popovertarget"], Fi = { class: "bb:sr-only bb:pointer-events-none bb:cursor-default" };
-function Ii(e, t, r, i, c, l) {
-	let u = m("eye"), f = m("popover-panel");
-	return d(), n(f, {
+}, Gi = ["id", "popovertarget"], Ki = { class: "bb:sr-only bb:pointer-events-none bb:cursor-default" };
+function qi(e, t, r, i, c, l) {
+	let u = h("eye"), d = h("popover-panel");
+	return f(), n(d, {
 		class: "bb-dashboard-ui bb:inline-flex",
 		"has-content": !l.isEmpty,
 		"model-value": r.modelValue,
@@ -2623,8 +2762,8 @@ function Ii(e, t, r, i, c, l) {
 			id: t.id,
 			popovertarget: t.popovertarget,
 			class: "bb:relative bb:text-gray-400 bb:hover:text-gray-600 bb:rounded-md bb:focus:outline-hidden bb:focus-visible:ring-2 bb:focus-visible:ring-indigo-500"
-		}, [a("span", Fi, g(e.texts.showText), 1), s(u, { class: "bb:pointer-events-none bb:cursor-default" })], 8, Pi)]),
-		default: b(() => [o(g(l.normalizedText), 1)]),
+		}, [a("span", Ki, _(e.texts.showText), 1), s(u, { class: "bb:pointer-events-none bb:cursor-default" })], 8, Gi)]),
+		default: b(() => [o(_(l.normalizedText), 1)]),
 		_: 1
 	}, 8, [
 		"has-content",
@@ -2633,6 +2772,6 @@ function Ii(e, t, r, i, c, l) {
 		"onToggle"
 	]);
 }
-var Li = /*#__PURE__*/ A(Ni, [["render", Ii]]);
+var Ji = /*#__PURE__*/ A(Wi, [["render", qi]]);
 //#endregion
-export { On as ActionPill, Xn as ConfirmationModal, Xr as DataTable, Oe as Dot, mr as DropdownButtonWithAction, un as ErrorMessages, yr as HamburgerMenu, q as InfoPill, ei as NavigationMenuElement, Oi as NotificationMessage, li as PageCard, ai as PageTabs, Ze as RussianMobileFilter, it as Search, Ft as SelectDateInterval, $t as SelectSingle, Li as TextPopover, ve as dashboardUi, Se as downloadFile };
+export { In as ActionPill, sr as ConfirmationModal, si as DataTable, j as Dot, wr as DropdownButtonWithAction, fn as ErrorMessages, vn as FormInput, kr as HamburgerMenu, q as InfoPill, di as NavigationMenuElement, zi as NotificationMessage, bi as PageCard, gi as PageTabs, Qe as RussianMobileFilter, at as Search, Lt as SelectDateInterval, tn as SelectSingle, Ji as TextPopover, be as dashboardUi, we as downloadFile };