@boobooking/dashboard-ui-components 0.16.0 → 0.16.2

package/dist/index.js

@@ -52,6 +52,7 @@ var ie = {
 		resultsAfter: "",
 		back: "Назад",
 		close: "Закрыть",
+		clear: "Очистить",
 		showText: "Показать текст",
 		fullText: "Полный текст"
 	},
@@ -101,6 +102,7 @@ var ie = {
 		resultsAfter: "results",
 		back: "Back",
 		close: "Close",
+		clear: "Clear",
 		showText: "Show text",
 		fullText: "Full text"
 	}
@@ -206,15 +208,15 @@ function me(e, t, n) {
 }
 //#endregion
 //#region src/plugin.js
-var he = Symbol("dashboardUi"), ge = Object.freeze({
+var D = Symbol("dashboardUi"), he = Object.freeze({
 	lang: "ru",
 	navigate: null,
 	windows: null
-}), _e = { uiSettings: {
-	from: he,
-	default: () => ge
+}), ge = { uiSettings: {
+	from: D,
+	default: () => he
 } };
-function ve(e, t) {
+function _e(e, t) {
 	let n = oe(), r = h({
 		number: 0,
 		address: null
@@ -232,21 +234,21 @@ function ve(e, t) {
 		page: r
 	};
 }
-var ye = { install(e, t) {
+var ve = { install(e, t) {
 	let n = t ?? {}, r = Object.hasOwn(n, "lang") ? n.lang : "ru";
 	if (!C(r)) throw Error(`dashboardUi: неизвестный lang «${r}», допустимы: ${re.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" ? ve(e, s) : null;
-	e.provide(he, Object.freeze({
+	let c = s !== null && typeof window < "u" ? _e(e, s) : null;
+	e.provide(D, Object.freeze({
 		lang: r,
 		navigate: a,
 		windows: c
 	}));
-} }, be = 4e4;
-function xe(e) {
+} }, ye = 4e4;
+function be(e) {
 	if (typeof e != "string") return null;
 	let t = /filename\*\s*=\s*UTF-8''([^;]+)/i.exec(e);
 	if (t !== null) try {
@@ -257,7 +259,7 @@ function xe(e) {
 	let r = /filename\s*=\s*([^;"\s]+)/i.exec(e);
 	return r === null ? null : r[1];
 }
-function Se(e) {
+function xe(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]);
@@ -265,16 +267,16 @@ function Se(e) {
 		return null;
 	}
 }
-async function Ce(e) {
+async function Se(e) {
 	let t = await fetch(e, { credentials: "same-origin" });
 	if (t.redirected) throw Error(`downloadFile: сервер перенаправил запрос ${e}`);
 	if (!t.ok) throw Error(`downloadFile: ответ ${t.status} на ${e}`);
-	let n = xe(t.headers.get("Content-Disposition")) ?? Se(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), be);
+	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);
 }
 //#endregion
 //#region src/colors.js
-var D = {
+var Ce = {
 	gray: {
 		pill: "bb:bg-gray-100 bb:text-gray-800",
 		pillHover: "bb:hover:text-gray-600",
@@ -317,12 +319,12 @@ var D = {
 		menuItem: "bb:text-purple-800 bb:focus:bg-purple-100",
 		mark: "bb:text-purple-500"
 	}
-}, we = Object.keys(D);
+}, we = Object.keys(Ce);
 function O(e) {
 	return we.includes(e);
 }
 function Te(e, t) {
-	return O(e) ? D[e][t] ?? "" : "";
+	return O(e) ? Ce[e][t] ?? "" : "";
 }
 var k = { methods: { colorClass: Te } }, A = (e, t) => {
 	let n = e.__vccOpts || e;
@@ -352,8 +354,8 @@ function De(e, t, n, r, o, s) {
 		r: "45"
 	})], -1)]], 2);
 }
-var j = /*#__PURE__*/ A(Ee, [["render", De]]), Oe = {
-	components: { Dot: j },
+var Oe = /*#__PURE__*/ A(Ee, [["render", De]]), ke = {
+	components: { Dot: Oe },
 	props: {
 		text: {
 			type: String,
@@ -368,14 +370,14 @@ var j = /*#__PURE__*/ A(Ee, [["render", De]]), Oe = {
 			default: !1
 		}
 	}
-}, ke = { class: "bb:flex bb:h-6 bb:px-3 bb:bg-white bb:items-center bb:justify-between" }, Ae = ["textContent"];
-function je(e, t, n, r, o, c) {
+}, 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", ke, [
+	return d(), i("div", Ae, [
 		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, Ae),
+		}, null, 8, je),
 		x(s(l, {
 			color: "red",
 			"with-pulse": !0,
@@ -387,27 +389,85 @@ function je(e, t, n, r, o, c) {
 		}, null, 512), [[y, n.isRequired]])
 	]);
 }
-var M = /*#__PURE__*/ A(Oe, [["render", je]]), Me = {}, Ne = {
-	type: "button",
-	tabindex: "-1",
-	class: "bb:absolute bb:right-0 bb:top-0 bb:flex bb:items-center bb:justify-center bb:bg-transparent bb:cursor-pointer bb:text-gray-300 bb:hover:text-gray-400 bb:focus:outline-hidden"
+var j = /*#__PURE__*/ A(ke, [["render", Me]]), M = {
+	inject: ge,
+	props: { lang: {
+		type: String,
+		default: null,
+		validator: (e) => e === null || C(e)
+	} },
+	computed: {
+		resolvedLang() {
+			return C(this.lang) ? this.lang : this.uiSettings.lang;
+		},
+		texts() {
+			return ie[this.resolvedLang];
+		}
+	}
+}, Ne = [
+	{ transform: "scale(1)" },
+	{ transform: "scale(0.8)" },
+	{ transform: "scale(1)" }
+], Pe = 150, Fe = {
+	created() {
+		this.isPressing = !1, this.isUnmounted = !1;
+	},
+	beforeUnmount() {
+		this.isUnmounted = !0;
+	},
+	methods: { press() {
+		this.isPressing || (this.isPressing = !0, Ie(this.$el).then(() => {
+			this.isPressing = !1, this.isUnmounted || this.$emit("clicked");
+		}));
+	} }
 };
-function Pe(e, t, n, r, o, s) {
-	return d(), i("button", Ne, [...t[0] ||= [a("svg", {
-		class: "bb:w-6 bb:h-6 bb:stroke-current",
+function Ie(e) {
+	if (typeof e.animate != "function" || Le()) return Promise.resolve();
+	let t = () => {};
+	return e.animate(Ne, {
+		duration: Pe,
+		easing: "ease-out"
+	}).finished.then(t, t);
+}
+function Le() {
+	return typeof window.matchMedia == "function" && window.matchMedia("(prefers-reduced-motion: reduce)").matches;
+}
+//#endregion
+//#region src/components/CrossButton.vue
+var Re = {
+	mixins: [M, Fe],
+	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", {
+		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", {
+		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"
+		}]),
 		fill: "none",
-		viewBox: "0 0 24 24"
-	}, [a("path", {
+		viewBox: "0 0 24 24",
+		"aria-hidden": "true"
+	}, [...t[1] ||= [a("path", {
 		"stroke-linecap": "round",
 		"stroke-linejoin": "round",
 		"stroke-width": "2",
 		d: "M6 18L18 6M6 6l12 12"
-	})], -1)]]);
+	}, null, -1)]], 2))]);
 }
-var N = /*#__PURE__*/ A(Me, [["render", Pe]]), Fe = 10;
-function Ie(e) {
+var N = /*#__PURE__*/ A(Re, [["render", Be]]), Ve = 10;
+function He(e) {
 	let t = e.replace(/\D/g, "");
-	return (t.startsWith("7") || t.startsWith("8")) && t[1] === "9" && (t = t.slice(1)), t.slice(0, Fe);
+	return (t.startsWith("7") || t.startsWith("8")) && t[1] === "9" && (t = t.slice(1)), t.slice(0, Ve);
 }
 function P(e) {
 	return e === "" ? "" : `7${e}`;
@@ -418,10 +478,10 @@ function F(e) {
 }
 //#endregion
 //#region src/components/RussianMobileFilter.vue
-var Le = 400, Re = 3, ze = {
+var Ue = 400, We = 3, Ge = {
 	components: {
-		ElementHeader: M,
-		Eraser: N
+		ElementHeader: j,
+		CrossButton: N
 	},
 	emits: ["update:modelValue", "changed"],
 	props: {
@@ -491,7 +551,7 @@ var Le = 400, Re = 3, ze = {
 			this.isUnmounted || (this.setLazy(!0), this.digits === "" && this.writeToMask(""), this.commit());
 		},
 		onPaste(e) {
-			this.applyUserDigits(Ie(e.clipboardData?.getData("text") ?? "")), this.scheduleCommit();
+			this.applyUserDigits(He(e.clipboardData?.getData("text") ?? "")), this.scheduleCommit();
 		},
 		clear() {
 			this.applyUserDigits(""), this.commit();
@@ -501,16 +561,16 @@ var Le = 400, Re = 3, ze = {
 				this.commit();
 				return;
 			}
-			this.digits.length < Re || (this.debounceTimer = setTimeout(() => this.commit(), Le));
+			this.digits.length < We || (this.debounceTimer = setTimeout(() => this.commit(), Ue));
 		},
 		commit() {
 			clearTimeout(this.debounceTimer), this.digits !== this.lastCommitted && (this.lastCommitted = this.digits, this.$emit("changed"));
 		}
 	}
-}, Be = { class: "bb-dashboard-ui bb:flex bb:flex-none" }, Ve = { class: "bb:flex bb:w-full bb:flex-col bb:border bb:border-white bb:bg-white" }, He = { class: "bb:relative bb:flex bb:h-full bb:w-full" }, Ue = { class: "bb:flex bb:w-full bb:h-full bb:items-center bb:justify-center" };
-function We(e, t, n, r, o, c) {
-	let l = m("element-header"), u = m("eraser");
-	return d(), i("div", Be, [a("div", Ve, [s(l, {
+}, 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, {
 		text: n.header,
 		"is-required": n.isRequired,
 		"is-loading": n.isLoading
@@ -518,7 +578,7 @@ function We(e, t, n, r, o, c) {
 		"text",
 		"is-required",
 		"is-loading"
-	]), a("div", He, [a("label", Ue, [a("input", {
+	]), a("div", Je, [a("label", Ye, [a("input", {
 		ref: "input",
 		type: "tel",
 		inputmode: "tel",
@@ -528,16 +588,17 @@ function We(e, t, n, r, o, c) {
 		onBlur: t[1] ||= (...e) => c.onBlur && c.onBlur(...e),
 		onKeydown: t[2] ||= te((...e) => c.commit && c.commit(...e), ["enter"]),
 		onPaste: t[3] ||= S((...e) => c.onPaste && c.onPaste(...e), ["prevent"])
-	}, null, 544), x(s(u, {
+	}, null, 544)]), x(s(u, {
+		size: "small",
 		onMousedown: t[4] ||= S(() => {}, ["prevent"]),
-		onClick: c.clear,
-		class: "bb:pr-2 bb:h-full"
-	}, null, 8, ["onClick"]), [[y, o.digits.length > 0]])])])])]);
+		onClicked: c.clear,
+		class: "bb:absolute bb:right-0 bb:top-0 bb:pr-2 bb:h-full"
+	}, null, 8, ["onClicked"]), [[y, o.digits.length > 0]])])])]);
 }
-var Ge = /*#__PURE__*/ A(ze, [["render", We]]), Ke = {
+var Ze = /*#__PURE__*/ A(Ge, [["render", Xe]]), Qe = {
 	components: {
-		ElementHeader: M,
-		Eraser: N
+		ElementHeader: j,
+		CrossButton: N
 	},
 	emits: ["update:modelValue", "changed"],
 	props: {
@@ -575,10 +636,10 @@ var Ge = /*#__PURE__*/ A(ze, [["render", We]]), Ke = {
 			this.$emit("update:modelValue", this.search), this.$emit("changed");
 		}
 	}
-}, 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 = m("element-header"), u = m("eraser");
-	return d(), i("div", qe, [a("div", Je, [s(l, {
+}, $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, {
 		text: n.header,
 		"is-required": n.isRequired,
 		"is-loading": n.isLoading
@@ -586,7 +647,7 @@ function Ze(e, t, n, r, o, c) {
 		"text",
 		"is-required",
 		"is-loading"
-	]), a("div", Ye, [a("label", Xe, [x(a("input", {
+	]), a("div", tt, [a("label", nt, [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)
@@ -595,19 +656,20 @@ function Ze(e, t, n, r, o, c) {
 		o.search,
 		void 0,
 		{ trim: !0 }
-	]]), x(s(u, {
-		onClick: c.clearInput,
-		class: "bb:pr-2 bb:h-full"
-	}, null, 8, ["onClick"]), [[y, c.inputNeedsEraser]])])])])]);
+	]])]), x(s(u, {
+		size: "small",
+		onClicked: c.clearInput,
+		class: "bb:absolute bb:right-0 bb:top-0 bb:pr-2 bb:h-full"
+	}, null, 8, ["onClicked"]), [[y, c.inputNeedsEraser]])])])]);
 }
-var Qe = /*#__PURE__*/ A(Ke, [["render", Ze]]), I = 4, L = 8;
-function $e(e) {
+var it = /*#__PURE__*/ A(Qe, [["render", rt]]), I = 4, L = 8;
+function R(e) {
 	return typeof e?.showPopover == "function";
 }
-function R(e) {
-	return $e(e) && e.matches(":popover-open");
+function z(e) {
+	return R(e) && e.matches(":popover-open");
 }
-function z(e, t, { maxWidth: n = null, align: r = "end", fitsBelow: i = !0, fitsRight: a = !0 } = {}) {
+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, _ = "";
 	if (r === "start") {
 		let e = p ? d : f;
@@ -622,15 +684,15 @@ function z(e, t, { maxWidth: n = null, align: r = "end", fitsBelow: i = !0, fits
 		maxWidth: _
 	});
 }
-function et(e, t, n = {}) {
+function at(e, t, n = {}) {
 	let r = t.scrollHeight <= t.clientHeight + 1, i = t.scrollWidth <= t.clientWidth + 1;
-	r && i || z(e, t, {
+	r && i || B(e, t, {
 		...n,
 		fitsBelow: r,
 		fitsRight: i
 	});
 }
-function tt(e, t) {
+function ot(e, t) {
 	let n = (n) => {
 		e.contains(n.target) || t();
 	};
@@ -643,17 +705,17 @@ function tt(e, t) {
 }
 //#endregion
 //#region src/menuFocus.js
-var B = "a[href], button";
-function nt(e, t = () => null) {
+var V = "a[href], button";
+function st(e, t = () => null) {
 	let n = (n) => {
 		if (n.key !== "ArrowDown" && n.key !== "ArrowUp") return;
-		let r = [...e.querySelectorAll(B)];
+		let r = [...e.querySelectorAll(V)];
 		if (r.length === 0) return;
 		n.preventDefault();
 		let i = n.key === "ArrowDown" ? 1 : -1, a = r.indexOf(document.activeElement);
 		a === -1 && (a = r.indexOf(t())), r[a === -1 ? i === 1 ? 0 : r.length - 1 : (a + i + r.length) % r.length].focus();
 	}, r = (e) => {
-		let t = e.target.closest(B);
+		let t = e.target.closest(V);
 		t !== null && t.focus({ preventScroll: !0 });
 	};
 	return document.addEventListener("keydown", n, !0), e.addEventListener("mousemove", r), () => {
@@ -662,7 +724,7 @@ function nt(e, t = () => null) {
 }
 //#endregion
 //#region src/components/PopoverPanel.vue
-var rt = {
+var ct = {
 	emits: ["update:modelValue", "toggle"],
 	props: {
 		modelValue: {
@@ -751,11 +813,11 @@ var rt = {
 	methods: {
 		applyPanelState() {
 			let e = this.$refs.panel;
-			$e(e) && e.isConnected && (this.panelIsOpen && !R(e) && e.showPopover(), !this.panelIsOpen && R(e) && e.hidePopover());
+			R(e) && e.isConnected && (this.panelIsOpen && !z(e) && e.showPopover(), !this.panelIsOpen && z(e) && e.hidePopover());
 		},
 		close() {
 			let e = this.$refs.panel;
-			R(e) && e.hidePopover();
+			z(e) && e.hidePopover();
 		},
 		reportPanelShown(e) {
 			this.panelShown !== e && (this.panelShown = e, this.$emit("toggle", e));
@@ -769,9 +831,9 @@ var rt = {
 					maxWidth: this.maxWidth,
 					align: this.align
 				};
-				z(e, this.$refs.panel, t), requestAnimationFrame(() => {
+				B(e, this.$refs.panel, t), requestAnimationFrame(() => {
 					let n = this.$refs.panel;
-					R(n) && et(e, n, t);
+					z(n) && at(e, n, t);
 				});
 				return;
 			}
@@ -780,8 +842,8 @@ var rt = {
 		},
 		onToggle() {
 			this.stopListening();
-			let e = this.$refs.panel, t = R(e);
-			t && (this.stopClosing = tt(e, this.close), this.arrows && (this.stopArrows = nt(e, this.findSelected))), t || this.restoreFocus(e), this.reportPanelShown(t), t !== this.panelIsOpen && (this.panelIsOpen = t, this.$emit("update:modelValue", t));
+			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));
 		},
 		restoreFocus(e) {
 			let t = this.focusWasInside;
@@ -793,10 +855,10 @@ var rt = {
 			this.stopClosing !== null && (this.stopClosing(), this.stopClosing = null), this.stopArrows !== null && (this.stopArrows(), this.stopArrows = null);
 		}
 	}
-}, it = {
+}, lt = {
 	key: 0,
 	class: "bb:relative"
-}, at = [
+}, ut = [
 	"id",
 	"role",
 	"aria-orientation",
@@ -804,8 +866,8 @@ var rt = {
 	"aria-label",
 	"tabindex"
 ];
-function ot(e, t, n, o, s, c) {
-	return n.hasContent ? (d(), i("span", it, [p(e.$slots, "trigger", {
+function dt(e, t, n, o, s, c) {
+	return n.hasContent ? (d(), i("span", lt, [p(e.$slots, "trigger", {
 		id: o.buttonId,
 		popovertarget: o.panelId
 	}), a("div", {
@@ -821,43 +883,79 @@ function ot(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, at)])) : r("", !0);
+	}, [p(e.$slots, "default")], 42, ut)])) : r("", !0);
 }
-var V = /*#__PURE__*/ A(rt, [["render", ot]]);
+var H = /*#__PURE__*/ A(ct, [["render", dt]]);
 //#endregion
 //#region src/date.js
-function H(e) {
+function U(e) {
 	return `${String(e.getDate()).padStart(2, "0")}.${String(e.getMonth() + 1).padStart(2, "0")}.${String(e.getFullYear()).padStart(4, "0")}`;
 }
-function U(e) {
+function W(e) {
 	let t = /^(\d{1,2})\.(\d{1,2})\.(\d{4})$/.exec(e);
 	if (t === null) return null;
 	let [, n, r, i] = t.map(Number), a = /* @__PURE__ */ new Date(0);
 	return a.setFullYear(i, r - 1, n), a.setHours(0, 0, 0, 0), a.getDate() !== n || a.getMonth() !== r - 1 || a.getFullYear() !== i ? null : a;
 }
 //#endregion
-//#region src/lang.js
-var W = {
-	inject: _e,
-	props: { lang: {
-		type: String,
-		default: null,
-		validator: (e) => e === null || C(e)
-	} },
-	computed: {
-		resolvedLang() {
-			return C(this.lang) ? this.lang : this.uiSettings.lang;
-		},
-		texts() {
-			return ie[this.resolvedLang];
-		}
-	}
-}, st = {
+//#region src/dayFocus.js
+var G = ".pika-button.pika-day", ft = ".pika-button, .pika-prev, .pika-next";
+function pt(e, t = () => null) {
+	let n = (n) => {
+		if (n.detail !== 0) return;
+		let r = n.target.closest(ft);
+		r !== null && e.contains(r) && setTimeout(() => {
+			let n = document.activeElement === r;
+			if (r.dispatchEvent(new MouseEvent("mousedown", {
+				bubbles: !0,
+				cancelable: !0
+			})), !n || r.isConnected) return;
+			let i = ["pika-prev", "pika-next"].find((e) => r.classList.contains(e));
+			i === void 0 ? t()?.focus({ preventScroll: !0 }) : e.querySelector(`.${i}`)?.focus();
+		}, 0);
+	};
+	return e.addEventListener("click", n), () => e.removeEventListener("click", n);
+}
+var mt = {
+	ArrowLeft: -1,
+	ArrowRight: 1,
+	ArrowUp: -7,
+	ArrowDown: 7
+};
+function ht(e, t) {
+	let n = (n) => {
+		let r = mt[n.key];
+		if (r === void 0 || gt(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();
+		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) {
+	return e !== null && e.matches("input, select, textarea, [contenteditable]");
+}
+function _t(e) {
+	return new Date(e.dataset.pikaYear, e.dataset.pikaMonth, e.dataset.pikaDay);
+}
+function vt(e, t) {
+	return new Date(e.getFullYear(), e.getMonth(), e.getDate() + t);
+}
+function yt() {
+	let e = /* @__PURE__ */ new Date();
+	return new Date(e.getFullYear(), e.getMonth(), e.getDate());
+}
+function K(e, t) {
+	return e.querySelector(`${G}[data-pika-year="${t.getFullYear()}"][data-pika-month="${t.getMonth()}"][data-pika-day="${t.getDate()}"]`);
+}
+//#endregion
+//#region src/components/PickDay.vue
+var bt = {
 	components: {
-		PopoverPanel: V,
-		Eraser: N
+		PopoverPanel: H,
+		CrossButton: N
 	},
-	mixins: [W],
+	mixins: [M],
 	emits: ["update:modelValue", "changed"],
 	props: {
 		modelValue: {
@@ -874,7 +972,7 @@ var W = {
 		}
 	},
 	created() {
-		this.picker = null, this.isUnmounted = !1;
+		this.picker = null, this.isUnmounted = !1, this.stopPickOnClick = null, this.stopDayFocus = null;
 	},
 	async mounted() {
 		let { default: e } = await import("pikaday");
@@ -884,8 +982,8 @@ var W = {
 			keyboardInput: !1,
 			bound: !1,
 			firstDay: 1,
-			parse: (e) => U(e),
-			toString: (e) => H(e),
+			parse: (e) => W(e),
+			toString: (e) => U(e),
 			i18n: {
 				previousMonth: this.texts.previousMonth,
 				nextMonth: this.texts.nextMonth,
@@ -894,12 +992,12 @@ var W = {
 				weekdaysShort: this.texts.weekdaysShort
 			},
 			onSelect: (e) => {
-				this.popupIsOpen = !1, this.$emit("update:modelValue", H(e)), this.$emit("changed");
+				this.popupIsOpen = !1, this.$emit("update:modelValue", U(e)), this.$emit("changed");
 			}
-		}));
+		}), this.stopPickOnClick = pt(this.$refs.container, () => this.$refs.trigger), this.syncDayFocus());
 	},
 	beforeUnmount() {
-		this.isUnmounted = !0, this.picker?.destroy();
+		this.isUnmounted = !0, this.stopPickOnClick?.(), this.stopDayFocus?.(), this.picker?.destroy();
 	},
 	data() {
 		return {
@@ -907,14 +1005,22 @@ var W = {
 			dayValue: this.modelValue ?? ""
 		};
 	},
-	watch: { modelValue(e) {
-		let t = e ?? "";
-		this.dayValue = t, this.syncPicker(t);
-	} },
+	watch: {
+		popupIsOpen() {
+			this.syncDayFocus();
+		},
+		modelValue(e) {
+			let t = e ?? "";
+			this.dayValue = t, this.syncPicker(t);
+		}
+	},
 	methods: {
+		syncDayFocus() {
+			this.stopDayFocus?.(), this.stopDayFocus = null, this.popupIsOpen && this.picker !== null && (this.stopDayFocus = ht(this.$refs.container, this.picker));
+		},
 		syncPicker(e) {
 			if (this.picker === null) return;
-			let t = U(e);
+			let t = W(e);
 			if (t === null) {
 				this.picker.clear();
 				return;
@@ -929,25 +1035,29 @@ var W = {
 		hasValue() {
 			return (this.modelValue ?? "").length > 0;
 		},
+		triggerLabel() {
+			return [this.placeholderText, this.dayValue].filter((e) => e !== "").join(" ");
+		},
 		needsEraser() {
 			return !this.withEraser || this.popupIsOpen ? !1 : this.hasValue;
 		}
 	}
-}, ct = { class: "bb-dashboard-ui bb:flex bb:flex-col" }, lt = { class: "bb:relative bb:flex bb:h-full" }, ut = ["id", "popovertarget"], dt = { class: "bb:min-w-24 bb:w-full bb:h-full bb:pointer-events-none" }, ft = [
+}, 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 = [
 	"disabled",
 	"value",
 	"placeholder"
-], pt = {
+], Dt = {
 	ref: "container",
 	class: "bb:flex"
 };
-function mt(e, t, o, c, l, u) {
-	let f = m("popover-panel"), p = m("eraser");
-	return d(), i("div", ct, [a("div", lt, [s(f, {
+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, {
 		class: "bb:flex bb:w-full",
 		modelValue: l.popupIsOpen,
 		"onUpdate:modelValue": t[0] ||= (e) => l.popupIsOpen = e,
 		align: "start",
+		"return-focus": "",
 		"panel-class": "bb:bg-white bb:border bb:border-gray-200 bb:rounded-md bb:shadow-lg"
 	}, {
 		trigger: b((e) => [a("button", {
@@ -955,31 +1065,36 @@ function mt(e, t, o, c, l, u) {
 			type: "button",
 			id: e.id,
 			popovertarget: e.popovertarget,
-			class: "bb:flex bb:w-full bb:items-center bb:cursor-pointer bb:leading-none bb:focus:outline-hidden"
-		}, [a("label", dt, [a("input", {
+			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", {
 			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, ft)])], 8, ut)]),
-		default: b(() => [a("div", pt, null, 512)]),
+		}, null, 8, Et)])]),
+		default: b(() => [a("div", Dt, null, 512)]),
 		_: 1
 	}, 8, ["modelValue"]), u.needsEraser ? (d(), n(p, {
 		key: 0,
-		onClick: u.clearPicker,
-		class: "bb:z-10 bb:h-full bb:pr-2"
-	}, null, 8, ["onClick"])) : r("", !0)])]);
+		size: "small",
+		onClicked: u.clearPicker,
+		class: "bb:absolute bb:right-0 bb:top-0 bb:z-10 bb:h-full bb:pr-2",
+		lang: e.resolvedLang
+	}, null, 8, ["onClicked", "lang"])) : r("", !0)])]);
 }
 //#endregion
 //#region src/components/SelectDateInterval.vue
-var ht = {
+var kt = {
 	components: {
-		ElementHeader: M,
-		PickDay: /* @__PURE__ */ A(st, [["render", mt]])
+		ElementHeader: j,
+		PickDay: /* @__PURE__ */ A(bt, [["render", Ot]])
 	},
-	mixins: [W],
+	mixins: [M],
 	emits: [
 		"update:dateFrom",
 		"update:dateTo",
@@ -1027,10 +1142,10 @@ var ht = {
 			this.$emit("update:dateTo", e), this.dateTo !== e && this.$emit("changed");
 		}
 	}
-}, gt = { class: "bb-dashboard-ui bb:flex" }, _t = { class: "bb:flex bb:border bb:border-white" }, vt = { class: "bb:flex bb:flex-col bb:min-w-72 bb:w-72 bb:bg-white bb:h-full" }, yt = { class: "bb:flex bb:h-full bb:divide-x bb:divide-gray-200" };
-function bt(e, t, n, r, o, c) {
+}, 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", gt, [a("div", _t, [a("div", vt, [s(l, {
+	return d(), i("div", At, [a("div", jt, [a("div", Mt, [s(l, {
 		text: n.header,
 		"is-required": n.isRequired,
 		"is-loading": n.isLoading
@@ -1038,7 +1153,7 @@ function bt(e, t, n, r, o, c) {
 		"text",
 		"is-required",
 		"is-loading"
-	]), a("div", yt, [s(u, {
+	]), a("div", Nt, [s(u, {
 		modelValue: o.userDateFrom,
 		"onUpdate:modelValue": t[0] ||= (e) => o.userDateFrom = e,
 		class: "bb:flex-1 bb:min-w-36 bb:pl-3",
@@ -1060,10 +1175,10 @@ function bt(e, t, n, r, o, c) {
 		"lang"
 	])])])])]);
 }
-var xt = /*#__PURE__*/ A(ht, [["render", bt]]), St = {
+var Ft = /*#__PURE__*/ A(kt, [["render", Pt]]), It = {
 	components: {
-		PopoverPanel: V,
-		Eraser: N
+		PopoverPanel: H,
+		CrossButton: N
 	},
 	emits: ["update:isOpen", "erased"],
 	props: {
@@ -1087,10 +1202,10 @@ var xt = /*#__PURE__*/ A(ht, [["render", bt]]), St = {
 	computed: { needsEraser() {
 		return !this.isOpen && this.hasValue;
 	} }
-}, Ct = { class: "bb:flex bb:flex-col bb:grow bb:bg-white" }, wt = { class: "bb:relative bb:flex bb:w-full bb:h-full" }, Tt = ["id", "popovertarget"], Et = ["textContent"];
-function Dt(e, t, o, c, l, u) {
-	let f = m("popover-panel"), h = m("eraser");
-	return d(), i("div", Ct, [a("div", wt, [s(f, {
+}, 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, {
 		class: "bb:flex bb:w-full bb:h-full",
 		"model-value": o.isOpen,
 		align: "start",
@@ -1106,18 +1221,19 @@ function Dt(e, t, o, c, l, u) {
 			popovertarget: e.popovertarget,
 			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",
+			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, Et)], 8, Tt)]),
+		}, null, 8, Bt)], 8, zt)]),
 		default: b(() => [p(e.$slots, "default")]),
 		_: 3
 	}, 8, ["model-value", "find-selected"]), u.needsEraser ? (d(), n(h, {
 		key: 0,
-		onClick: t[1] ||= (t) => e.$emit("erased"),
-		class: "bb:pr-2 bb:h-full"
+		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 Ot = /*#__PURE__*/ A(St, [["render", Dt]]), kt = {
+var Ht = /*#__PURE__*/ A(It, [["render", Vt]]), Ut = {
 	props: {
 		isChecked: {
 			type: Boolean,
@@ -1129,31 +1245,32 @@ var Ot = /*#__PURE__*/ A(St, [["render", Dt]]), kt = {
 	methods: { toggle() {
 		this.$emit("clicked");
 	} }
-}, At = { class: "bb:flex bb:w-9 bb:h-9 bb:items-center bb:justify-center" }, jt = {
+}, Wt = { class: "bb:flex bb:w-9 bb:h-9 bb:items-center bb:justify-center bb:pointer-events-none bb:cursor-default" }, Gt = {
 	class: "bb:w-5 bb:h-5 bb:fill-current bb:text-green-300",
-	viewBox: "0 0 20 20"
-}, Mt = ["textContent"];
-function Nt(e, t, n, r, o, s) {
+	viewBox: "0 0 20 20",
+	"aria-hidden": "true"
+}, Kt = ["textContent"];
+function qt(e, t, n, r, o, s) {
 	return d(), 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", At, [x((d(), i("svg", jt, [...t[1] ||= [a("path", {
+	}, [a("span", Wt, [x((d(), i("svg", Gt, [...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",
+		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, Mt)]);
+	}, null, 8, Kt)]);
 }
 //#endregion
 //#region src/components/SelectSingle.vue
-var Pt = {
+var Jt = {
 	components: {
-		ElementHeader: M,
-		DropdownButton: Ot,
-		ListElement: /* @__PURE__ */ A(kt, [["render", Nt]])
+		ElementHeader: j,
+		DropdownButton: Ht,
+		ListElement: /* @__PURE__ */ A(Ut, [["render", qt]])
 	},
 	emits: ["update:modelValue", "changed"],
 	props: {
@@ -1213,13 +1330,13 @@ var Pt = {
 			return e === -1 ? null : this.$refs.list.querySelectorAll("button")[e];
 		}
 	}
-}, Ft = { class: "bb-dashboard-ui bb:flex bb:flex-none" }, It = { class: "bb:flex bb:w-full bb:flex-col bb:border bb:border-white bb:bg-white" }, Lt = {
+}, 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 = {
 	ref: "list",
 	class: "bb:flex bb:flex-col bb:py-1 bb:divide-y bb:divide-gray-200 bb:divide-dashed"
 };
-function Rt(t, o, c, l, u, p) {
+function Qt(t, o, c, l, u, p) {
 	let h = m("element-header"), g = m("list-element"), _ = m("dropdown-button");
-	return d(), i("div", Ft, [a("div", It, [s(h, {
+	return d(), i("div", Yt, [a("div", Xt, [s(h, {
 		text: c.header,
 		"is-required": c.isRequired,
 		"is-loading": c.isLoading
@@ -1236,7 +1353,7 @@ function Rt(t, o, c, l, u, p) {
 		"find-selected": p.activeItemElement,
 		onErased: p.clear
 	}, {
-		default: b(() => [a("div", Lt, [(d(!0), i(e, null, f(p.itemList, (e) => (d(), n(g, {
+		default: b(() => [a("div", Zt, [(d(!0), i(e, null, f(p.itemList, (e) => (d(), n(g, {
 			name: e.name,
 			key: e.id,
 			"is-checked": e.id === c.modelValue,
@@ -1255,7 +1372,7 @@ function Rt(t, o, c, l, u, p) {
 		"onErased"
 	])) : r("", !0)])]);
 }
-var zt = /*#__PURE__*/ A(Pt, [["render", Rt]]), Bt = {
+var $t = /*#__PURE__*/ A(Jt, [["render", Qt]]), en = {
 	mixins: [k],
 	props: {
 		text: {
@@ -1268,14 +1385,14 @@ var zt = /*#__PURE__*/ A(Pt, [["render", Rt]]), Bt = {
 			validator: O
 		}
 	}
-}, Vt = ["textContent"];
-function Ht(e, t, n, r, a, o) {
+}, tn = ["textContent"];
+function nn(e, t, n, r, a, o) {
 	return d(), 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, Vt);
+	}, null, 10, tn);
 }
-var G = /*#__PURE__*/ A(Bt, [["render", Ht]]), Ut = {
+var q = /*#__PURE__*/ A(en, [["render", nn]]), rn = {
 	props: {
 		messages: {
 			type: [Object, Array],
@@ -1295,12 +1412,12 @@ var G = /*#__PURE__*/ A(Bt, [["render", Ht]]), Ut = {
 			return this.type === "dangerous";
 		}
 	}
-}, Wt = { class: "bb:flex" }, Gt = { class: "bb:shrink-0" }, Kt = { class: "bb:ml-3" }, qt = ["textContent"];
-function Jt(t, n, o, s, c, l) {
+}, 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", {
 		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", Wt, [a("div", Gt, [(d(), i("svg", {
+	}, [a("div", an, [a("div", on, [(d(), 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"
@@ -1308,13 +1425,13 @@ function Jt(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", Kt, [(d(!0), i(e, null, f(o.messages, (e, t) => (d(), i("p", {
+	}, null, -1)]], 2))]), a("div", sn, [(d(!0), i(e, null, f(o.messages, (e, t) => (d(), 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, qt))), 128))])])], 2)) : r("", !0);
+	}, null, 10, cn))), 128))])])], 2)) : r("", !0);
 }
-var Yt = /*#__PURE__*/ A(Ut, [["render", Jt]]), Xt = {}, Zt = {
+var un = /*#__PURE__*/ A(rn, [["render", ln]]), dn = {}, fn = {
 	class: "bb:w-4 bb:h-4",
 	fill: "none",
 	stroke: "currentColor",
@@ -1324,8 +1441,8 @@ var Yt = /*#__PURE__*/ A(Ut, [["render", Jt]]), Xt = {}, Zt = {
 	xmlns: "http://www.w3.org/2000/svg",
 	"aria-hidden": "true"
 };
-function Qt(e, t, n, r, o, s) {
-	return d(), i("svg", Zt, [...t[0] ||= [
+function pn(e, t, n, r, o, s) {
+	return d(), i("svg", fn, [...t[0] ||= [
 		a("circle", {
 			cx: "12",
 			cy: "12",
@@ -1347,7 +1464,7 @@ function Qt(e, t, n, r, o, s) {
 		}, null, -1)
 	]]);
 }
-var $t = /*#__PURE__*/ A(Xt, [["render", Qt]]), en = {}, tn = {
+var mn = /*#__PURE__*/ A(dn, [["render", pn]]), hn = {}, gn = {
 	class: "bb:w-4 bb:h-4",
 	fill: "none",
 	stroke: "currentColor",
@@ -1355,15 +1472,15 @@ var $t = /*#__PURE__*/ A(Xt, [["render", Qt]]), en = {}, tn = {
 	xmlns: "http://www.w3.org/2000/svg",
 	"aria-hidden": "true"
 };
-function nn(e, t, n, r, o, s) {
-	return d(), i("svg", tn, [...t[0] ||= [a("path", {
+function _n(e, t, n, r, o, s) {
+	return d(), i("svg", gn, [...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 rn = /*#__PURE__*/ A(en, [["render", nn]]), an = {}, on = {
+var vn = /*#__PURE__*/ A(hn, [["render", _n]]), yn = {}, bn = {
 	class: "bb:w-4 bb:h-4",
 	fill: "none",
 	stroke: "currentColor",
@@ -1371,19 +1488,19 @@ var rn = /*#__PURE__*/ A(en, [["render", nn]]), an = {}, on = {
 	xmlns: "http://www.w3.org/2000/svg",
 	"aria-hidden": "true"
 };
-function sn(e, t, n, r, o, s) {
-	return d(), i("svg", on, [...t[0] ||= [a("path", {
+function xn(e, t, n, r, o, s) {
+	return d(), i("svg", bn, [...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 cn = /*#__PURE__*/ A(an, [["render", sn]]), ln = ["download", "refresh"], un = {
+var Sn = /*#__PURE__*/ A(yn, [["render", xn]]), Cn = ["download", "refresh"], wn = {
 	components: {
-		"clock-icon": $t,
-		"download-icon": rn,
-		"refresh-icon": cn
+		"clock-icon": mn,
+		"download-icon": vn,
+		"refresh-icon": Sn
 	},
 	mixins: [k],
 	emits: ["click"],
@@ -1395,7 +1512,7 @@ var cn = /*#__PURE__*/ A(an, [["render", sn]]), ln = ["download", "refresh"], un
 		icon: {
 			type: String,
 			required: !0,
-			validator: (e) => ln.includes(e)
+			validator: (e) => Cn.includes(e)
 		},
 		color: {
 			type: String,
@@ -1415,12 +1532,12 @@ var cn = /*#__PURE__*/ A(an, [["render", sn]]), ln = ["download", "refresh"], un
 		let e = this.isLoading && typeof this.loadingText == "string" && this.loadingText !== "" ? this.loadingText : this.title;
 		return typeof e == "string" ? e : "";
 	} }
-}, dn = [
+}, Tn = [
 	"title",
 	"disabled",
 	"aria-busy"
-], fn = ["textContent"];
-function pn(e, t, o, s, c, l) {
+], 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", {
 		type: "button",
@@ -1433,12 +1550,21 @@ function pn(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, { key: 0 })) : o.icon === "download" ? (d(), n(p, { key: 1 })) : o.icon === "refresh" ? (d(), n(h, { key: 2 })) : r("", !0), a("span", {
-		class: "bb:ml-1",
+	}, [o.isLoading ? (d(), n(f, {
+		key: 0,
+		class: "bb:pointer-events-none bb:cursor-default"
+	})) : o.icon === "download" ? (d(), n(p, {
+		key: 1,
+		class: "bb:pointer-events-none bb:cursor-default"
+	})) : o.icon === "refresh" ? (d(), n(h, {
+		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, fn)], 10, dn);
+	}, null, 8, En)], 10, Tn);
 }
-var mn = /*#__PURE__*/ A(un, [["render", pn]]), hn = { props: {
+var On = /*#__PURE__*/ A(wn, [["render", Dn]]), kn = { props: {
 	isOpen: {
 		type: Boolean,
 		default: !1
@@ -1447,9 +1573,9 @@ var mn = /*#__PURE__*/ A(un, [["render", pn]]), hn = { props: {
 		type: String,
 		required: !0
 	}
-} }, gn = { class: "bb:flex bb:items-end bb:justify-center bb:min-h-screen bb:pt-4 bb:px-4 bb:pb-20 bb:text-center bb:sm:block bb:sm:p-0" }, _n = { class: "bb:fixed bb:inset-0 bb:transition-opacity" }, vn = ["aria-labelledby"];
-function yn(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", gn, [
+} }, An = { class: "bb:flex bb:items-end bb:justify-center bb:min-h-screen bb:pt-4 bb:px-4 bb:pb-20 bb:text-center bb:sm:block bb:sm:p-0" }, 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, [
 		s(t, {
 			"enter-active-class": "bb:ease-out bb:duration-300",
 			"enter-from-class": "bb:opacity-0",
@@ -1458,7 +1584,7 @@ function yn(e, n, r, o, c, l) {
 			"leave-from-class": "bb:opacity-100",
 			"leave-to-class": "bb:opacity-0"
 		}, {
-			default: b(() => [x(a("div", _n, [...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", jn, [...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:hidden bb:sm:inline-block bb:sm:align-middle bb:sm:h-screen" }, null, -1),
@@ -1475,12 +1601,12 @@ function yn(e, n, r, o, c, l) {
 				role: "dialog",
 				"aria-modal": "true",
 				"aria-labelledby": r.headingId
-			}, [p(e.$slots, "default")], 8, vn), [[y, r.isOpen]])]),
+			}, [p(e.$slots, "default")], 8, Mn), [[y, r.isOpen]])]),
 			_: 3
 		})
 	])], 2);
 }
-var bn = /*#__PURE__*/ A(hn, [["render", yn]]), xn = {}, Sn = {
+var Pn = /*#__PURE__*/ A(kn, [["render", Nn]]), Fn = {}, In = {
 	class: "bb:h-7 bb:w-7 bb:text-red-600",
 	xmlns: "http://www.w3.org/2000/svg",
 	fill: "none",
@@ -1488,35 +1614,35 @@ var bn = /*#__PURE__*/ A(hn, [["render", yn]]), xn = {}, Sn = {
 	stroke: "currentColor",
 	"aria-hidden": "true"
 };
-function Cn(e, t, n, r, o, s) {
-	return d(), i("svg", Sn, [...t[0] ||= [a("path", {
+function Ln(e, t, n, r, o, s) {
+	return d(), i("svg", In, [...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 K = /*#__PURE__*/ A(xn, [["render", Cn]]), wn = {}, Tn = {
+var J = /*#__PURE__*/ A(Fn, [["render", Ln]]), Rn = {}, zn = {
 	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 En(e, t, n, r, o, s) {
-	return d(), i("svg", Tn, [...t[0] ||= [a("path", {
+function Bn(e, t, n, r, o, s) {
+	return d(), i("svg", zn, [...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 q = /*#__PURE__*/ A(wn, [["render", En]]), Dn = {
+var Y = /*#__PURE__*/ A(Rn, [["render", Bn]]), Vn = {
 	components: {
-		Modal: bn,
-		Dangerous: K,
-		Warning: q
+		Modal: Pn,
+		Dangerous: J,
+		Warning: Y
 	},
-	mixins: [W],
+	mixins: [M],
 	emits: ["actionConfirmed", "actionCanceled"],
 	props: {
 		isOpen: {
@@ -1556,20 +1682,20 @@ var q = /*#__PURE__*/ A(wn, [["render", En]]), Dn = {
 			return this.type === "warning";
 		}
 	}
-}, On = { class: "bb:flex bb:bg-white bb:rounded-t-lg bb:px-4 bb:pt-5 bb:pb-4 bb:sm:p-6 bb:sm:pb-4" }, kn = { class: "bb:sm:flex bb:sm:items-start" }, An = { class: "bb:mt-3 bb:text-center bb:sm:mt-0 bb:sm:ml-4 bb:sm:text-left" }, jn = ["id"], Mn = { class: "bb:mt-2" }, Nn = { class: "bb:text-sm bb:text-gray-500" }, Pn = { class: "bb:bg-gray-50 bb:rounded-b-lg bb:px-4 bb:py-3 bb:sm:px-6 bb:sm:flex bb:sm:flex-row-reverse" };
-function Fn(e, t, i, o, s, c) {
+}, Hn = { class: "bb:flex bb:bg-white bb:rounded-t-lg bb:px-4 bb:pt-5 bb:pb-4 bb:sm:p-6 bb:sm:pb-4" }, Un = { class: "bb:sm:flex bb:sm:items-start" }, Wn = { class: "bb:mt-3 bb:text-center bb:sm:mt-0 bb:sm:ml-4 bb:sm: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-4 bb:py-3 bb:sm:px-6 bb:sm:flex bb:sm: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, {
 		"is-open": i.isOpen,
 		"heading-id": o.headingId
 	}, {
-		default: b(() => [a("div", On, [a("div", kn, [a("div", { class: u(["bb:mx-auto bb:shrink-0 bb:flex bb:items-center bb:justify-center bb:h-12 bb:w-12 bb:rounded-full bb:sm:mx-0 bb:sm:h-10 bb:sm:w-10", {
+		default: b(() => [a("div", Hn, [a("div", Un, [a("div", { class: u(["bb:mx-auto bb:shrink-0 bb:flex bb:items-center bb:justify-center bb:h-12 bb:w-12 bb:rounded-full bb:sm:mx-0 bb:sm:h-10 bb:sm:w-10", {
 			"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", An, [a("h3", {
+		}]) }, [c.isWarning ? (d(), n(l, { key: 0 })) : r("", !0), c.isDangerous ? (d(), n(f, { key: 1 })) : r("", !0)], 2), a("div", Wn, [a("h3", {
 			class: "bb:text-lg bb:leading-6 bb:font-medium bb:text-gray-900",
 			id: o.headingId
-		}, g(i.confirmationHeading), 9, jn), a("div", Mn, [a("p", Nn, g(i.confirmationText), 1)])])])]), a("div", Pn, [a("button", {
+		}, g(i.confirmationHeading), 9, Gn), a("div", Kn, [a("p", qn, g(i.confirmationText), 1)])])])]), a("div", Jn, [a("button", {
 			type: "button",
 			class: u(["bb:w-full 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-base bb:font-medium bb:text-white bb:focus:outline-hidden bb:focus:ring-2 bb:focus:ring-offset-2 bb:sm:ml-3 bb:sm:w-auto bb:sm:text-sm", {
 				"bb:bg-red-600 bb:hover:bg-red-700 bb:focus:ring-red-500": c.isDangerous,
@@ -1584,37 +1710,37 @@ function Fn(e, t, i, o, s, c) {
 		_: 1
 	}, 8, ["is-open", "heading-id"]);
 }
-var In = /*#__PURE__*/ A(Dn, [["render", Fn]]);
+var Xn = /*#__PURE__*/ A(Vn, [["render", Yn]]);
 //#endregion
 //#region src/menuItems.js
-function J(e) {
+function Zn(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 Y(e) {
+function Qn(e) {
 	return Array.isArray(e) ? e.filter((e) => typeof e == "object" && !!e) : [];
 }
-function Ln(e) {
+function $n(e) {
 	return typeof e.href == "string" && e.href !== "";
 }
-function Rn(e) {
+function er(e) {
 	return O(e.color) ? e.color : null;
 }
 //#endregion
 //#region src/navigation.js
-function zn(e) {
+function tr(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: _e,
+	inject: ge,
 	methods: { followLink(e, t) {
 		let n = this.uiSettings.navigate;
-		n !== null && zn(e) && (e.preventDefault(), n(t));
+		n !== null && tr(e) && (e.preventDefault(), n(t));
 	} }
-}, Bn = {
-	components: { PopoverPanel: V },
+}, nr = {
+	components: { PopoverPanel: H },
 	mixins: [X, k],
 	emits: ["update:modelValue"],
 	props: {
@@ -1626,7 +1752,7 @@ var X = {
 	},
 	computed: {
 		actionItems() {
-			return Y(this.actions);
+			return Qn(this.actions);
 		},
 		hasActions() {
 			return this.actionItems.length > 0;
@@ -1634,21 +1760,21 @@ var X = {
 	},
 	methods: {
 		color(e) {
-			return Rn(e);
+			return er(e);
 		},
 		isLink(e) {
-			return Ln(e);
+			return $n(e);
 		},
 		select(e) {
 			if (typeof e.onSelect == "function") return e.onSelect();
 		}
 	}
-}, Vn = [
+}, rr = [
 	"href",
 	"onClick",
 	"textContent"
-], Hn = ["onClick", "textContent"];
-function Un(t, r, a, o, s, c) {
+], ir = ["onClick", "textContent"];
+function ar(t, r, a, o, s, c) {
 	let l = m("popover-panel");
 	return d(), n(l, {
 		"model-value": a.modelValue,
@@ -1672,21 +1798,21 @@ function Un(t, r, a, o, s, c) {
 			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, Vn)) : (d(), i("button", {
+		}, null, 10, rr)) : (d(), 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, Hn))], 64))), 128))]),
+		}, null, 10, ir))], 64))), 128))]),
 		_: 3
 	}, 8, ["model-value", "has-content"]);
 }
-var Z = /*#__PURE__*/ A(Bn, [["render", Un]]), Wn = {
-	components: { PopoverMenu: Z },
+var or = /*#__PURE__*/ A(nr, [["render", ar]]), sr = {
+	components: { PopoverMenu: or },
 	mixins: [
-		W,
+		M,
 		X,
 		k
 	],
@@ -1695,7 +1821,7 @@ var Z = /*#__PURE__*/ A(Bn, [["render", Un]]), Wn = {
 		actions: {
 			type: Array,
 			default: () => [],
-			validator: (e) => e.every(J)
+			validator: (e) => e.every(Zn)
 		},
 		modelValue: {
 			type: Boolean,
@@ -1707,7 +1833,7 @@ var Z = /*#__PURE__*/ A(Bn, [["render", Un]]), Wn = {
 	},
 	computed: {
 		items() {
-			return Y(this.actions);
+			return Qn(this.actions);
 		},
 		hasActions() {
 			return this.items.length > 0;
@@ -1716,7 +1842,7 @@ var Z = /*#__PURE__*/ A(Bn, [["render", Un]]), Wn = {
 			return this.items[0];
 		},
 		mainColor() {
-			return this.hasActions ? Rn(this.mainAction) : null;
+			return this.hasActions ? er(this.mainAction) : null;
 		},
 		menuActions() {
 			return this.items.slice(1);
@@ -1738,7 +1864,7 @@ var Z = /*#__PURE__*/ A(Bn, [["render", Un]]), Wn = {
 	},
 	methods: {
 		isLink(e) {
-			return Ln(e);
+			return $n(e);
 		},
 		select(e) {
 			if (typeof e.onSelect == "function") return e.onSelect();
@@ -1747,13 +1873,13 @@ var Z = /*#__PURE__*/ A(Bn, [["render", Un]]), Wn = {
 			this.menuIsOpen = e, this.$emit("update:modelValue", e);
 		}
 	}
-}, Gn = {
+}, cr = {
 	key: 0,
 	class: "bb-dashboard-ui bb:relative bb:inline-flex bb:shadow-xs bb:rounded-md"
-}, Kn = ["href", "textContent"], qn = ["textContent"], Jn = ["id", "popovertarget"], Yn = { class: "bb:sr-only" };
-function Xn(e, t, n, o, c, l) {
+}, 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", Gn, [l.isLink(l.mainAction) ? (d(), i("a", {
+	return l.hasActions ? (d(), i("span", cr, [l.isLink(l.mainAction) ? (d(), 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", [{
@@ -1762,7 +1888,7 @@ function Xn(e, t, n, o, c, l) {
 		}, 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, Kn)) : (d(), i("button", {
+	}, null, 10, lr)) : (d(), 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", [{
@@ -1771,7 +1897,7 @@ function Xn(e, t, n, o, c, l) {
 		}, 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, qn)), s(f, {
+	}, null, 10, ur)), s(f, {
 		class: "bb:-ml-px bb:flex",
 		actions: l.menuActions,
 		"model-value": n.modelValue,
@@ -1782,8 +1908,8 @@ function Xn(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", Yn, g(e.texts.openMenu), 1), t[2] ||= a("svg", {
-			class: "bb:h-5 bb:w-5",
+		}, [a("span", fr, g(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",
 			fill: "currentColor",
@@ -1792,7 +1918,7 @@ function Xn(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, Jn)]),
+		})], -1)], 10, dr)]),
 		_: 1
 	}, 8, [
 		"actions",
@@ -1800,16 +1926,16 @@ function Xn(e, t, n, o, c, l) {
 		"onUpdate:modelValue"
 	])])) : r("", !0);
 }
-var Zn = /*#__PURE__*/ A(Wn, [["render", Xn]]), Qn = {
-	components: { PopoverMenu: Z },
-	mixins: [W],
+var mr = /*#__PURE__*/ A(sr, [["render", pr]]), hr = {
+	components: { PopoverMenu: or },
+	mixins: [M],
 	props: { actions: {
 		type: Array,
 		default: () => [],
-		validator: (e) => e.every(J)
+		validator: (e) => e.every(Zn)
 	} }
-}, $n = ["id", "popovertarget"], er = { class: "bb:sr-only" };
-function tr(e, t, r, i, o, s) {
+}, 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, {
 		class: "bb-dashboard-ui bb:inline-flex",
@@ -1820,8 +1946,8 @@ function tr(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", er, g(e.texts.openMenu), 1), t[0] ||= a("svg", {
-			class: "bb:h-6 bb:w-6",
+		}, [a("span", _r, g(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",
 			stroke: "currentColor",
@@ -1831,48 +1957,48 @@ function tr(e, t, r, i, o, s) {
 			"stroke-linejoin": "round",
 			"stroke-width": "2",
 			d: "M4 6h16M4 12h16M4 18h16"
-		})], -1)], 8, $n)]),
+		})], -1)], 8, gr)]),
 		_: 1
 	}, 8, ["actions"]);
 }
-var nr = /*#__PURE__*/ A(Qn, [["render", tr]]), rr = {}, ir = {
+var yr = /*#__PURE__*/ A(hr, [["render", vr]]), br = {}, xr = {
 	xmlns: "http://www.w3.org/2000/svg",
 	viewBox: "0 0 20 20",
 	fill: "currentColor",
 	"aria-hidden": "true"
 };
-function ar(e, t, n, r, o, s) {
-	return d(), i("svg", ir, [...t[0] ||= [a("path", {
+function Sr(e, t, n, r, o, s) {
+	return d(), i("svg", xr, [...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 or = /*#__PURE__*/ A(rr, [["render", ar]]), sr = {}, cr = {
+var Cr = /*#__PURE__*/ A(br, [["render", Sr]]), wr = {}, Tr = {
 	xmlns: "http://www.w3.org/2000/svg",
 	viewBox: "0 0 20 20",
 	fill: "currentColor",
 	"aria-hidden": "true"
 };
-function lr(e, t, n, r, o, s) {
-	return d(), i("svg", cr, [...t[0] ||= [a("path", {
+function Er(e, t, n, r, o, s) {
+	return d(), i("svg", Tr, [...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 ur = /*#__PURE__*/ A(sr, [["render", lr]]);
+var Dr = /*#__PURE__*/ A(wr, [["render", Er]]);
 //#endregion
 //#region src/components/Pagination.vue
-function dr(e) {
+function Or(e) {
 	return typeof e == "string" && e !== "" ? e : null;
 }
-var fr = {
+var kr = {
 	components: {
-		ArrowNarrowLeft: or,
-		ArrowNarrowRight: ur
+		ArrowNarrowLeft: Cr,
+		ArrowNarrowRight: Dr
 	},
-	mixins: [W, X],
+	mixins: [M, X],
 	props: {
 		links: {
 			type: Object,
@@ -1900,49 +2026,49 @@ var fr = {
 			return typeof this.from == "number" && typeof this.to == "number";
 		},
 		previousPageUrl() {
-			return dr(this.links?.prev);
+			return Or(this.links?.prev);
 		},
 		nextPageUrl() {
-			return dr(this.links?.next);
+			return Or(this.links?.next);
 		}
 	}
-}, pr = {
+}, Ar = {
 	key: 0,
 	class: "bb-dashboard-ui bb:px-4 bb:flex bb:items-center bb:justify-between bb:sm:px-0"
-}, mr = { class: "bb:-mt-px bb:w-0 bb:flex-1 bb:flex" }, hr = ["href"], gr = {
+}, jr = { class: "bb:-mt-px bb:w-0 bb:flex-1 bb:flex" }, Mr = ["href"], Nr = {
 	key: 0,
 	class: "bb:hidden bb:md:-mt-px bb:md:flex bb:text-gray-400 bb:text-sm bb:leading-5"
-}, _r = { class: "bb:font-medium bb:text-gray-900 bb:mx-1" }, vr = { class: "bb:font-medium bb:text-gray-900 bb:mx-1" }, yr = { class: "bb:-mt-px bb:w-0 bb:flex-1 bb:flex bb:justify-end" }, br = ["href"];
-function xr(e, t, n, c, l, u) {
+}, 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", pr, [
-		a("div", mr, [u.previousPageUrl === null ? r("", !0) : (d(), i("a", {
+	return u.hasResults ? (d(), i("nav", Ar, [
+		a("div", jr, [u.previousPageUrl === null ? r("", !0) : (d(), 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" }), o(" " + g(e.texts.previousPage), 1)], 8, hr))]),
-		u.hasRange ? (d(), i("div", gr, [
+		}, [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", _r, g(u.from) + " - " + g(u.to), 1),
+			a("span", Pr, g(u.from) + " - " + g(u.to), 1),
 			o(" " + g(e.texts.resultsOf) + " ", 1),
-			a("span", vr, g(u.total), 1),
+			a("span", Fr, g(u.total), 1),
 			o(" " + g(e.texts.resultsAfter), 1)
 		])) : r("", !0),
-		a("div", yr, [u.nextPageUrl === null ? r("", !0) : (d(), i("a", {
+		a("div", Ir, [u.nextPageUrl === null ? r("", !0) : (d(), 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" })], 8, br))])
+		}, [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))])
 	])) : r("", !0);
 }
-var Sr = /*#__PURE__*/ A(fr, [["render", xr]]), Cr = [
+var zr = /*#__PURE__*/ A(kr, [["render", Rr]]), Br = [
 	"left",
 	"center",
 	"right"
 ];
-function wr(e) {
+function Vr(e) {
 	if (typeof e != "object" || !e || typeof e.key != "string" || e.key === "") return null;
 	let t = e.key;
 	return {
@@ -1951,21 +2077,21 @@ function wr(e) {
 		value: typeof e.value == "function" ? e.value : (e) => e?.[t],
 		secondary: typeof e.secondary == "function" ? e.secondary : null,
 		muted: e.muted === !0,
-		align: Cr.includes(e.align) ? e.align : "left",
+		align: Br.includes(e.align) ? e.align : "left",
 		wrap: e.wrap === !0,
 		narrow: e.narrow === !0,
 		visible: e.visible !== !1
 	};
 }
-function Tr(e) {
+function Z(e) {
 	return typeof e == "string" && e !== "" ? e : null;
 }
-var Er = {
+var Hr = {
 	components: {
-		Pagination: Sr,
-		InfoPill: G
+		Pagination: zr,
+		InfoPill: q
 	},
-	mixins: [W, k],
+	mixins: [M, k],
 	props: {
 		rows: {
 			type: Array,
@@ -2010,7 +2136,7 @@ var Er = {
 			return Array.isArray(this.rows) ? this.rows : [];
 		},
 		visibleColumns() {
-			return (Array.isArray(this.columns) ? this.columns : []).map(wr).filter((e) => e !== null && e.visible);
+			return (Array.isArray(this.columns) ? this.columns : []).map(Vr).filter((e) => e !== null && e.visible);
 		},
 		rowStripes() {
 			return this.normalizedRows.map((e) => this.stripeOf(e));
@@ -2029,10 +2155,10 @@ var Er = {
 		},
 		badgeText() {
 			if (this.hasRecords) {
-				let e = Tr(this.foundText);
+				let e = Z(this.foundText);
 				return e === null ? null : `${e}: ${this.recordCount}`;
 			}
-			return Tr(this.emptyText);
+			return Z(this.emptyText);
 		}
 	},
 	methods: {
@@ -2059,8 +2185,8 @@ var Er = {
 			return n == null ? "" : String(n);
 		}
 	}
-}, Dr = { class: "bb:min-w-full bb:divide-y bb:divide-gray-200 bb:border-collapse" }, Or = { class: "bb:bg-gray-50" }, kr = ["textContent"], Ar = { class: "bb:divide-y bb:divide-gray-200" }, jr = ["textContent"], Mr = ["textContent"];
-function Nr(t, o, s, c, l, h) {
+}, 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", {
@@ -2074,7 +2200,7 @@ function Nr(t, o, s, c, l, h) {
 		h.normalizedRows.length > 0 ? (d(), 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:sm:rounded-lg"]) }, [a("table", Dr, [a("thead", null, [a("tr", Or, [(d(!0), i(e, null, f(h.visibleColumns, (e) => (d(), i("th", {
+		}, [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:sm:rounded-lg"]) }, [a("table", Ur, [a("thead", null, [a("tr", Wr, [(d(!0), i(e, null, f(h.visibleColumns, (e) => (d(), 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", [{
@@ -2083,7 +2209,7 @@ function Nr(t, o, s, c, l, h) {
 				"bb:text-right": e.align === "right"
 			}, { "bb:w-px": e.narrow }]]),
 			textContent: g(e.label)
-		}, null, 10, kr))), 128))])]), a("tbody", Ar, [(d(!0), i(e, null, f(h.normalizedRows, (n, o) => (d(), i("tr", {
+		}, 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),
 			class: "bb:bg-white bb:even:bg-gray-50"
 		}, [(d(!0), i(e, null, f(h.visibleColumns, (e, s) => (d(), i("td", {
@@ -2107,11 +2233,11 @@ function Nr(t, o, s, c, l, h) {
 		}, () => [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, jr), e.secondary !== null && h.textOf(e.secondary, n) !== "" ? (d(), i("div", {
+		}, null, 10, qr), e.secondary !== null && h.textOf(e.secondary, n) !== "" ? (d(), i("div", {
 			key: 0,
 			class: "bb:text-gray-400",
 			textContent: g(h.textOf(e.secondary, n))
-		}, null, 8, Mr)) : r("", !0)])], 2))), 128))]))), 128))])])], 2)], 2)) : r("", !0),
+		}, null, 8, Jr)) : r("", !0)])], 2))), 128))]))), 128))])])], 2)], 2)) : r("", !0),
 		h.hasMeta ? (d(), n(v, {
 			key: 2,
 			meta: s.meta,
@@ -2126,7 +2252,7 @@ function Nr(t, o, s, c, l, h) {
 		])) : r("", !0)
 	]);
 }
-var Pr = /*#__PURE__*/ A(Er, [["render", Nr]]), Fr = {
+var Xr = /*#__PURE__*/ A(Hr, [["render", Yr]]), Zr = {
 	mixins: [X],
 	props: {
 		url: {
@@ -2142,46 +2268,28 @@ var Pr = /*#__PURE__*/ A(Er, [["render", Nr]]), Fr = {
 			default: !1
 		}
 	}
-}, Ir = ["href", "textContent"];
-function Lr(e, t, n, r, a, o) {
+}, Qr = ["href", "textContent"];
+function $r(e, t, n, r, a, o) {
 	return d(), 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, Ir);
+	}, null, 10, Qr);
 }
-var Rr = /*#__PURE__*/ A(Fr, [["render", Lr]]), zr = { emits: ["clicked"] };
-function Br(e, t, n, r, o, s) {
-	return d(), 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-600",
-		onClick: t[0] ||= S((t) => e.$emit("clicked"), ["prevent"])
-	}, [...t[1] ||= [a("svg", {
-		class: "bb:w-full bb:h-full bb:stroke-current",
-		fill: "none",
-		viewBox: "0 0 24 24"
-	}, [a("path", {
-		"stroke-linecap": "round",
-		"stroke-linejoin": "round",
-		"stroke-width": "2",
-		d: "M6 18L18 6M6 6l12 12"
-	})], -1)]]);
-}
-var Vr = /*#__PURE__*/ A(zr, [["render", Br]]), Hr = [
+var ei = /*#__PURE__*/ A(Zr, [["render", $r]]), ti = [
 	"xl",
 	"4xl",
 	"7xl"
-], Ur = {
-	components: { Closer: Vr },
-	mixins: [W],
+], ni = {
+	components: { CrossButton: N },
+	mixins: [M],
 	inheritAttrs: !1,
 	props: {
 		width: {
 			type: String,
 			default: "xl",
-			validator: (e) => Hr.includes(e)
+			validator: (e) => ti.includes(e)
 		},
 		fallbackUrl: {
 			type: String,
@@ -2197,7 +2305,7 @@ var Vr = /*#__PURE__*/ A(zr, [["render", Br]]), Hr = [
 	},
 	computed: {
 		resolvedWidth() {
-			return Hr.includes(this.width) ? this.width : "xl";
+			return ti.includes(this.width) ? this.width : "xl";
 		},
 		windows() {
 			return this.uiSettings.windows;
@@ -2244,40 +2352,39 @@ var Vr = /*#__PURE__*/ A(zr, [["render", Br]]), Hr = [
 		}
 	}
 };
-function Wr(e, t, a, o, s, c) {
-	let f = m("closer");
+function ri(e, t, a, s, c, f) {
+	let h = m("cross-button");
 	return d(), i("div", l({
 		class: ["bb:box-border bb:relative bb:my-6 bb:mx-auto bb:bg-white bb:shadow-xl bb:sm:rounded-lg", [
 			{
-				"bb:sm:max-w-xl": c.resolvedWidth === "xl",
-				"bb:sm:max-w-4xl": c.resolvedWidth === "4xl",
-				"bb:sm:max-w-7xl": c.resolvedWidth === "7xl"
+				"bb:sm:max-w-xl": f.resolvedWidth === "xl",
+				"bb:sm:max-w-4xl": f.resolvedWidth === "4xl",
+				"bb:sm:max-w-7xl": f.resolvedWidth === "7xl"
 			},
-			c.canClose ? {
-				"bb:[--bb-closer-space:3.5rem] bb:md:[--bb-closer-space:0px]": c.resolvedWidth === "xl",
-				"bb:[--bb-closer-space:3.5rem] bb:lg:[--bb-closer-space:0px]": c.resolvedWidth === "4xl",
-				"bb:[--bb-closer-space:3.5rem] bb:2xl:[--bb-closer-space:0px]": c.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"
 			} : "bb:[--bb-closer-space:0px]",
 			e.$attrs.class
 		]],
 		style: e.$attrs.style
-	}, { ...c.forwardedAttrs() }), [p(e.$slots, "default", { close: c.close }), c.canClose ? (d(), n(f, {
+	}, { ...f.forwardedAttrs() }), [p(e.$slots, "default", { close: f.close }), f.canClose ? (d(), n(h, {
 		key: 0,
+		size: "large",
 		class: u(["bb:absolute bb:top-0 bb:right-0 bb:mt-4 bb:mr-4 bb:w-8 bb:h-8 bb:sm:mt-6 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": c.resolvedWidth === "xl",
-			"bb:lg:right-auto bb:lg:left-full bb:lg:mr-0 bb:lg:ml-4": c.resolvedWidth === "4xl",
-			"bb:2xl:right-auto bb:2xl:left-full bb:2xl:mr-0 bb:2xl:ml-4": c.resolvedWidth === "7xl"
+			"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"
 		}]),
 		tabindex: "0",
-		"aria-label": e.texts.back,
-		onClicked: c.close
-	}, null, 8, [
-		"class",
-		"aria-label",
-		"onClicked"
-	])) : r("", !0)], 16);
+		onClicked: f.close
+	}, {
+		default: b(() => [o(g(e.texts.back), 1)]),
+		_: 1
+	}, 8, ["class", "onClicked"])) : r("", !0)], 16);
 }
-var Gr = /*#__PURE__*/ A(Ur, [["render", Wr]]), Kr = {}, qr = {
+var ii = /*#__PURE__*/ A(ni, [["render", ri]]), ai = {}, oi = {
 	class: "bb:h-7 bb:w-7 bb:text-green-600",
 	xmlns: "http://www.w3.org/2000/svg",
 	fill: "none",
@@ -2286,22 +2393,22 @@ var Gr = /*#__PURE__*/ A(Ur, [["render", Wr]]), Kr = {}, qr = {
 	stroke: "currentColor",
 	"aria-hidden": "true"
 };
-function Jr(e, t, n, r, o, s) {
-	return d(), i("svg", qr, [...t[0] ||= [a("path", {
+function si(e, t, n, r, o, s) {
+	return d(), i("svg", oi, [...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 Yr = /*#__PURE__*/ A(Kr, [["render", Jr]]), Xr = {}, Zr = {
+var ci = /*#__PURE__*/ A(ai, [["render", si]]), li = {}, ui = {
 	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 Qr(e, t, n, r, o, s) {
-	return d(), i("svg", Zr, [...t[0] ||= [a("path", {
+function di(e, t, n, r, o, s) {
+	return d(), i("svg", ui, [...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"
@@ -2309,14 +2416,14 @@ function Qr(e, t, n, r, o, s) {
 }
 //#endregion
 //#region src/components/NotificationMessage.vue
-var $r = {
+var fi = {
 	components: {
-		Check: Yr,
-		Close: /* @__PURE__ */ A(Xr, [["render", Qr]]),
-		Dangerous: K,
-		Warning: q
+		Check: ci,
+		Close: /* @__PURE__ */ A(li, [["render", di]]),
+		Dangerous: J,
+		Warning: Y
 	},
-	mixins: [W],
+	mixins: [M],
 	emits: ["update:modelValue"],
 	props: {
 		modelValue: {
@@ -2354,8 +2461,8 @@ var $r = {
 			return this.type === "confirmation";
 		}
 	}
-}, ei = ["role"], ti = { class: "bb:p-4" }, ni = { class: "bb:flex bb:items-start" }, ri = { class: "bb:shrink-0" }, ii = { class: "bb:ml-3 bb:w-0 bb:flex-1 bb:pt-0.5" }, ai = { class: "bb:text-sm bb:font-medium bb:text-gray-900" }, oi = { class: "bb:mt-1 bb:text-sm bb:text-gray-500" }, si = { class: "bb:ml-4 bb:shrink-0 bb:flex" }, ci = { class: "bb:sr-only" };
-function li(e, t, o, c, l, f) {
+}, pi = ["role"], mi = { class: "bb:p-4" }, hi = { class: "bb:flex bb:items-start" }, gi = { class: "bb:shrink-0" }, _i = { class: "bb:ml-3 bb:w-0 bb:flex-1 bb:pt-0.5" }, vi = { class: "bb:text-sm bb:font-medium bb:text-gray-900" }, yi = { class: "bb:mt-1 bb:text-sm bb:text-gray-500" }, bi = { class: "bb:ml-4 bb:shrink-0 bb:flex" }, xi = { class: "bb:sr-only bb:pointer-events-none bb:cursor-default" };
+function Si(e, t, o, c, l, f) {
 	let p = m("warning"), h = m("dangerous"), _ = m("check"), v = m("close");
 	return d(), i("div", {
 		class: "bb-dashboard-ui bb:fixed bb:inset-0 bb:flex bb:items-end bb:justify-center bb:px-4 bb:py-6 bb:pointer-events-none bb:sm:p-6 bb:sm:items-start bb:sm:justify-end",
@@ -2367,14 +2474,14 @@ function li(e, t, o, c, l, f) {
 			"bb:bg-yellow-50": f.isWarning,
 			"bb:bg-gray-50": f.isConfirmation
 		}])
-	}, [a("div", ti, [a("div", ni, [
-		a("div", ri, [
+	}, [a("div", mi, [a("div", hi, [
+		a("div", gi, [
 			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", ii, [a("p", ai, g(o.notificationHeading), 1), a("p", oi, g(f.text), 1)]),
-		a("div", si, [a("button", {
+		a("div", _i, [a("p", vi, g(o.notificationHeading), 1), a("p", yi, g(f.text), 1)]),
+		a("div", bi, [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,
@@ -2382,10 +2489,10 @@ function li(e, t, o, c, l, f) {
 				"bb:bg-gray-50": f.isConfirmation
 			}]),
 			onClick: t[0] ||= S((t) => e.$emit("update:modelValue", ""), ["prevent"])
-		}, [a("span", ci, g(e.texts.close), 1), s(v)], 2)])
-	])])], 2)) : r("", !0)], 8, ei);
+		}, [a("span", xi, g(e.texts.close), 1), s(v, { class: "bb:pointer-events-none bb:cursor-default" })], 2)])
+	])])], 2)) : r("", !0)], 8, pi);
 }
-var ui = /*#__PURE__*/ A($r, [["render", li]]), di = {}, fi = {
+var Ci = /*#__PURE__*/ A(fi, [["render", Si]]), wi = {}, Ti = {
 	class: "bb:h-5 bb:w-5",
 	xmlns: "http://www.w3.org/2000/svg",
 	fill: "none",
@@ -2394,8 +2501,8 @@ var ui = /*#__PURE__*/ A($r, [["render", li]]), di = {}, fi = {
 	"stroke-width": "2",
 	"aria-hidden": "true"
 };
-function pi(e, t, n, r, o, s) {
-	return d(), i("svg", fi, [...t[0] ||= [a("path", {
+function Ei(e, t, n, r, o, s) {
+	return d(), i("svg", Ti, [...t[0] ||= [a("path", {
 		"stroke-linecap": "round",
 		"stroke-linejoin": "round",
 		d: "M15 12a3 3 0 11-6 0 3 3 0 016 0z"
@@ -2405,12 +2512,12 @@ function pi(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(di, [["render", pi]]), Q = 0, $ = null, hi = {
+var Di = /*#__PURE__*/ A(wi, [["render", Ei]]), Q = 0, $ = null, Oi = {
 	components: {
-		PopoverPanel: V,
-		Eye: mi
+		PopoverPanel: H,
+		Eye: Di
 	},
-	mixins: [W],
+	mixins: [M],
 	emits: ["update:modelValue"],
 	props: {
 		text: {
@@ -2453,8 +2560,8 @@ var mi = /*#__PURE__*/ A(di, [["render", pi]]), Q = 0, $ = null, hi = {
 			this.holdsPageSelectionLock && (this.holdsPageSelectionLock = !1, --Q, Q === 0 && (Object.assign(document.documentElement.style, $), $ = null));
 		}
 	}
-}, gi = ["id", "popovertarget"], _i = { class: "bb:sr-only" };
-function vi(e, t, r, i, c, l) {
+}, ki = ["id", "popovertarget"], Ai = { class: "bb:sr-only bb:pointer-events-none bb:cursor-default" };
+function ji(e, t, r, i, c, l) {
 	let u = m("eye"), f = m("popover-panel");
 	return d(), n(f, {
 		class: "bb-dashboard-ui bb:inline-flex",
@@ -2474,7 +2581,7 @@ function vi(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", _i, g(e.texts.showText), 1), s(u)], 8, gi)]),
+		}, [a("span", Ai, g(e.texts.showText), 1), s(u, { class: "bb:pointer-events-none bb:cursor-default" })], 8, ki)]),
 		default: b(() => [o(g(l.normalizedText), 1)]),
 		_: 1
 	}, 8, [
@@ -2484,6 +2591,6 @@ function vi(e, t, r, i, c, l) {
 		"onToggle"
 	]);
 }
-var yi = /*#__PURE__*/ A(hi, [["render", vi]]);
+var Mi = /*#__PURE__*/ A(Oi, [["render", ji]]);
 //#endregion
-export { mn as ActionPill, In as ConfirmationModal, Pr as DataTable, j as Dot, Zn as DropdownButtonWithAction, Yt as ErrorMessages, nr as HamburgerMenu, G as InfoPill, Rr as NavigationMenuElement, ui as NotificationMessage, Gr as PageCard, Ge as RussianMobileFilter, Qe as Search, xt as SelectDateInterval, zt as SelectSingle, yi as TextPopover, ye as dashboardUi, Ce as downloadFile };
+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, Ci as NotificationMessage, ii as PageCard, Ze as RussianMobileFilter, it as Search, Ft as SelectDateInterval, $t as SelectSingle, Mi as TextPopover, ve as dashboardUi, Se as downloadFile };