@boobooking/dashboard-ui-components 0.12.0 → 0.14.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, mergeProps as c, normalizeClass as l, openBlock as u, renderList as d, renderSlot as f, resolveComponent as p, toDisplayString as m, useId as h, vModelText as g, vShow as _, withCtx as v, withDirectives as y, withKeys as ee, withModifiers as b } from "vue";
-import te 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, 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";
 //#region src/i18n.js
-var x = ["ru", "en"];
-function S(e) {
-	return x.includes(e);
+var C = ["ru", "en"];
+function w(e) {
+	return C.includes(e);
 }
-var ne = {
+var re = {
 	ru: {
 		cancel: "Отмена",
 		download: "Скачать",
@@ -102,26 +102,152 @@ var ne = {
 		back: "Back",
 		close: "Close"
 	}
-}, C = Symbol("dashboardUi"), re = Object.freeze({
+};
+//#endregion
+//#region src/windows.js
+function ie(e, t) {
+	if (e == null || e === "") return null;
+	let n = new URL(String(e), t);
+	return n.pathname + n.search;
+}
+function ae(e) {
+	return e === null ? null : e.split("?")[0];
+}
+function oe() {
+	return {
+		windows: [],
+		cards: /* @__PURE__ */ new Map(),
+		shown: null,
+		transition: {
+			number: 0,
+			fromAddress: null,
+			fromWindow: null,
+			assigned: /* @__PURE__ */ new Map()
+		},
+		nextId: 1
+	};
+}
+function T(e, t) {
+	return e.windows.includes(t);
+}
+function se(e) {
+	return e.returnAddress ?? e.fallbackAddress;
+}
+function ce(e) {
+	let t = null;
+	for (let n of e.cards.values()) t = n.window;
+	return t;
+}
+function E(e, t) {
+	let n = t;
+	for (; n !== null && !T(e, n);) n = n.parent;
+	return n;
+}
+function le(e, t) {
+	return e.transition = {
+		number: e.transition.number + 1,
+		fromAddress: e.shown,
+		fromWindow: ce(e),
+		assigned: /* @__PURE__ */ new Map()
+	}, e.shown = t, e.transition.number;
+}
+function ue(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 = E(e, a), o = null), a !== null && se(a) === e.shown && (e.windows.splice(e.windows.indexOf(a)), a = a.parent === null ? null : E(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 = {
+		id: e.nextId,
+		key: t,
+		parent: a,
+		returnAddress: o,
+		fallbackAddress: n
+	};
+	return e.nextId += 1, e.windows.push(s), s;
+}
+function D(e, t, n, r) {
+	let i = ue(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 de(e, t, n, r) {
+	let i = e.cards.get(t);
+	return i === void 0 ? {
+		window: D(e, t, n, r),
+		rejected: !1,
+		key: n
+	} : i.key === n ? (i.processed = e.transition.number, {
+		window: i.window,
+		rejected: !1,
+		key: n
+	}) : i.processed === e.transition.number ? {
+		window: i.window,
+		rejected: !0,
+		key: i.key
+	} : (e.cards.delete(t), {
+		window: D(e, t, n, r),
+		rejected: !1,
+		key: n
+	});
+}
+function fe(e, t) {
+	e.cards.delete(t);
+}
+function pe(e, t, n) {
+	let r = e.cards.get(t);
+	r !== void 0 && (r.window.fallbackAddress = n);
+}
+//#endregion
+//#region src/plugin.js
+var O = Symbol("dashboardUi"), me = Object.freeze({
 	lang: "ru",
-	navigate: null
-}), w = { uiSettings: {
-	from: C,
-	default: () => re
-} }, ie = { install(e, t) {
+	navigate: null,
+	windows: null
+}), k = { uiSettings: {
+	from: O,
+	default: () => me
+} };
+function he(e, t) {
+	let n = oe(), r = h({
+		number: 0,
+		address: null
+	}), i = c(!0);
+	return i.run(() => {
+		ee(t, (e) => {
+			let t = ie(e, window.location.origin);
+			t !== null && t !== r.address && (r.number = le(n, t), r.address = t);
+		}, {
+			flush: "sync",
+			immediate: !0
+		});
+	}), e.onUnmount(() => i.stop()), {
+		state: n,
+		page: r
+	};
+}
+var ge = { install(e, t) {
 	let n = t ?? {}, r = Object.hasOwn(n, "lang") ? n.lang : "ru";
-	if (!S(r)) throw Error(`dashboardUi: неизвестный lang «${r}», допустимы: ${x.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) => …");
-	e.provide(C, Object.freeze({
+	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" ? he(e, s) : null;
+	e.provide(O, Object.freeze({
 		lang: r,
-		navigate: a
+		navigate: a,
+		windows: c
 	}));
-} }, T = (e, t) => {
+} }, A = (e, t) => {
 	let n = e.__vccOpts || e;
 	for (let [e, r] of t) n[e] = r;
 	return n;
-}, ae = {
+}, _e = {
 	props: {
 		isOpen: {
 			type: Boolean,
@@ -142,27 +268,27 @@ var ne = {
 		}
 	},
 	mounted() {
-		document.addEventListener("keydown", this.handleEscape);
+		document.addEventListener("keydown", this.handleEscape, !0);
 	},
 	beforeUnmount() {
-		document.removeEventListener("keydown", this.handleEscape);
+		document.removeEventListener("keydown", this.handleEscape, !0);
 	}
 };
-function E(e, t, n, r, a, o) {
-	return y((u(), i("button", {
+function ve(e, t, n, r, a, o) {
+	return x((d(), i("button", {
 		tabindex: "-1",
-		onClick: t[0] ||= b((...e) => o.closeOverlay && o.closeOverlay(...e), ["prevent"]),
-		class: l(["bb:fixed bb:inset-0 bb:w-full bb:h-full bb:cursor-default bb:flex bb:items-start", {
+		onClick: t[0] ||= S((...e) => o.closeOverlay && o.closeOverlay(...e), ["prevent"]),
+		class: u(["bb:fixed bb:inset-0 bb:w-full bb:h-full bb:cursor-default bb:flex bb:items-start", {
 			"bb:z-20": n.isOpen,
 			"bb:bg-transparent": n.isTransparent,
 			"bb:bg-gray-900 bb:opacity-75": !n.isTransparent
 		}])
-	}, null, 2)), [[_, n.isOpen]]);
+	}, null, 2)), [[y, n.isOpen]]);
 }
 //#endregion
 //#region src/components/Popup.vue
-var oe = {
-	components: { Overlay: /* @__PURE__ */ T(ae, [["render", E]]) },
+var ye = {
+	components: { Overlay: /* @__PURE__ */ A(_e, [["render", ve]]) },
 	inheritAttrs: !1,
 	emits: ["update:modelValue"],
 	props: {
@@ -195,12 +321,12 @@ var oe = {
 			return this.align === "right";
 		}
 	}
-}, se = { class: "bb-dashboard-ui bb:relative" };
-function ce(e, n, r, o, l, d) {
-	let m = p("overlay");
-	return u(), i("div", se, [s(m, {
-		"is-open": l.overlayIsOpen,
-		"onUpdate:isOpen": n[0] ||= (e) => l.overlayIsOpen = e
+}, be = { class: "bb-dashboard-ui bb:relative" };
+function xe(e, n, r, o, c, u) {
+	let f = m("overlay");
+	return d(), i("div", be, [s(f, {
+		"is-open": c.overlayIsOpen,
+		"onUpdate:isOpen": n[0] ||= (e) => c.overlayIsOpen = e
 	}, null, 8, ["is-open"]), s(t, {
 		"enter-active-class": "bb:transition bb:ease-out bb:duration-100",
 		"enter-from-class": "bb:opacity-0 bb:scale-95",
@@ -209,14 +335,14 @@ function ce(e, n, r, o, l, d) {
 		"leave-from-class": "bb:opacity-100 bb:scale-100",
 		"leave-to-class": "bb:opacity-0 bb:scale-95"
 	}, {
-		default: v(() => [y(a("div", c(e.$attrs, { class: ["bb:absolute bb:z-20", {
-			"bb:left-0": d.alignLeft,
-			"bb:right-0": d.alignRight
-		}] }), [f(e.$slots, "default")], 16), [[_, r.modelValue]])]),
+		default: b(() => [x(a("div", l(e.$attrs, { class: ["bb:absolute bb:z-20", {
+			"bb:left-0": u.alignLeft,
+			"bb:right-0": u.alignRight
+		}] }), [p(e.$slots, "default")], 16), [[y, r.modelValue]])]),
 		_: 3
 	})]);
 }
-var D = /*#__PURE__*/ T(oe, [["render", ce]]), le = {
+var j = /*#__PURE__*/ A(ye, [["render", xe]]), Se = {
 	props: {
 		withPulse: {
 			type: Boolean,
@@ -237,8 +363,8 @@ var D = /*#__PURE__*/ T(oe, [["render", ce]]), le = {
 		}
 	}
 };
-function ue(e, t, n, r, o, s) {
-	return u(), i("div", { class: l(["bb-dashboard-ui bb:flex bb:h-full bb:items-center bb:leading-none bb:text-4xl", {
+function Ce(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", {
 		"bb:text-red-500": s.isRed,
 		"bb:text-green-500": s.isGreen,
 		"bb:animate-pulse": n.withPulse
@@ -251,13 +377,13 @@ function ue(e, t, n, r, o, s) {
 		r: "45"
 	})], -1)]], 2);
 }
-var O = /*#__PURE__*/ T(le, [["render", ue]]), de = {}, fe = {
+var M = /*#__PURE__*/ A(Se, [["render", Ce]]), we = {}, Te = {
 	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"
 };
-function pe(e, t, n, r, o, s) {
-	return u(), i("button", fe, [...t[0] ||= [a("svg", {
+function Ee(e, t, n, r, o, s) {
+	return d(), i("button", Te, [...t[0] ||= [a("svg", {
 		class: "bb:w-6 bb:h-6 bb:stroke-current",
 		fill: "none",
 		viewBox: "0 0 24 24"
@@ -268,13 +394,13 @@ function pe(e, t, n, r, o, s) {
 		d: "M6 18L18 6M6 6l12 12"
 	})], -1)]]);
 }
-var k = /*#__PURE__*/ T(de, [["render", pe]]);
+var N = /*#__PURE__*/ A(we, [["render", Ee]]);
 //#endregion
 //#region src/date.js
-function A(e) {
+function P(e) {
 	return `${String(e.getDate()).padStart(2, "0")}.${String(e.getMonth() + 1).padStart(2, "0")}.${String(e.getFullYear()).padStart(4, "0")}`;
 }
-function j(e) {
+function F(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);
@@ -282,27 +408,27 @@ function j(e) {
 }
 //#endregion
 //#region src/lang.js
-var M = {
-	inject: w,
+var I = {
+	inject: k,
 	props: { lang: {
 		type: String,
 		default: null,
-		validator: (e) => e === null || S(e)
+		validator: (e) => e === null || w(e)
 	} },
 	computed: {
 		resolvedLang() {
-			return S(this.lang) ? this.lang : this.uiSettings.lang;
+			return w(this.lang) ? this.lang : this.uiSettings.lang;
 		},
 		texts() {
-			return ne[this.resolvedLang];
+			return re[this.resolvedLang];
 		}
 	}
-}, me = {
+}, De = {
 	components: {
-		Popup: D,
-		Eraser: k
+		Popup: j,
+		Eraser: N
 	},
-	mixins: [M],
+	mixins: [I],
 	emits: ["update:modelValue", "changed"],
 	props: {
 		modelValue: {
@@ -329,8 +455,8 @@ var M = {
 			keyboardInput: !1,
 			bound: !1,
 			firstDay: 1,
-			parse: (e) => j(e),
-			toString: (e) => A(e),
+			parse: (e) => F(e),
+			toString: (e) => P(e),
 			i18n: {
 				previousMonth: this.texts.previousMonth,
 				nextMonth: this.texts.nextMonth,
@@ -339,7 +465,7 @@ var M = {
 				weekdaysShort: this.texts.weekdaysShort
 			},
 			onSelect: (e) => {
-				this.popupIsOpen = !1, this.$emit("update:modelValue", A(e)), this.$emit("changed");
+				this.popupIsOpen = !1, this.$emit("update:modelValue", P(e)), this.$emit("changed");
 			}
 		}));
 	},
@@ -359,7 +485,7 @@ var M = {
 	methods: {
 		syncPicker(e) {
 			if (this.picker === null) return;
-			let t = j(e);
+			let t = F(e);
 			if (t === null) {
 				this.picker.clear();
 				return;
@@ -378,42 +504,42 @@ var M = {
 			return !this.withEraser || this.popupIsOpen ? !1 : this.hasValue;
 		}
 	}
-}, he = { class: "bb-dashboard-ui bb:flex bb:flex-col" }, N = { class: "bb:relative bb:flex bb:h-full bb:cursor-pointer bb:leading-none" }, P = { class: "bb:min-w-24 bb:w-full bb:h-full" }, F = [
+}, Oe = { class: "bb-dashboard-ui bb:flex bb:flex-col" }, ke = { class: "bb:relative bb:flex bb:h-full bb:cursor-pointer bb:leading-none" }, Ae = { class: "bb:min-w-24 bb:w-full bb:h-full" }, je = [
 	"disabled",
 	"value",
 	"placeholder"
-], I = {
+], Me = {
 	ref: "container",
 	class: "bb:flex bb:mt-1 bb:bg-white bb:border bb:border-gray-200 bb:rounded-md bb:shadow-lg"
 };
-function L(e, t, o, c, d, f) {
-	let m = p("eraser"), h = p("popup");
-	return u(), i("div", he, [a("div", N, [a("button", {
+function Ne(e, t, o, c, l, f) {
+	let p = m("eraser"), h = m("popup");
+	return d(), i("div", Oe, [a("div", ke, [a("button", {
 		ref: "trigger",
 		type: "button",
-		class: l(["bb:flex bb:w-full bb:items-center bb:focus:outline-hidden", { "bb:z-20": d.popupIsOpen }]),
-		onClick: t[0] ||= (e) => d.popupIsOpen = !d.popupIsOpen
-	}, [a("label", P, [a("input", {
-		disabled: d.popupIsOpen,
+		class: u(["bb:flex bb:w-full bb:items-center bb:focus:outline-hidden", { "bb:z-20": l.popupIsOpen }]),
+		onClick: t[0] ||= (e) => l.popupIsOpen = !l.popupIsOpen
+	}, [a("label", Ae, [a("input", {
+		disabled: l.popupIsOpen,
 		ref: "field",
 		type: "text",
-		value: d.dayValue,
+		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, F)])], 2), f.needsEraser ? (u(), n(m, {
+	}, null, 8, je)])], 2), f.needsEraser ? (d(), n(p, {
 		key: 0,
 		onClick: f.clearPicker,
 		class: "bb:z-10 bb:h-full bb:pr-2"
 	}, null, 8, ["onClick"])) : r("", !0)]), s(h, {
-		modelValue: d.popupIsOpen,
-		"onUpdate:modelValue": t[1] ||= (e) => d.popupIsOpen = e
+		modelValue: l.popupIsOpen,
+		"onUpdate:modelValue": t[1] ||= (e) => l.popupIsOpen = e
 	}, {
-		default: v(() => [a("div", I, null, 512)]),
+		default: b(() => [a("div", Me, null, 512)]),
 		_: 1
 	}, 8, ["modelValue"])]);
 }
-var R = /*#__PURE__*/ T(me, [["render", L]]), ge = {
-	components: { Dot: O },
+var L = /*#__PURE__*/ A(De, [["render", Ne]]), Pe = {
+	components: { Dot: M },
 	props: {
 		text: {
 			type: String,
@@ -428,43 +554,43 @@ var R = /*#__PURE__*/ T(me, [["render", L]]), ge = {
 			default: !1
 		}
 	}
-}, _e = { class: "bb:flex bb:h-6 bb:px-3 bb:bg-white bb:items-center bb:justify-between" }, ve = ["textContent"];
-function ye(e, t, n, r, o, c) {
-	let l = p("dot");
-	return u(), i("div", _e, [
+}, Fe = { class: "bb:flex bb:h-6 bb:px-3 bb:bg-white bb:items-center bb:justify-between" }, Ie = ["textContent"];
+function Le(e, t, n, r, o, c) {
+	let l = m("dot");
+	return d(), i("div", Fe, [
 		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: m(n.text)
-		}, null, 8, ve),
-		y(s(l, {
+			textContent: g(n.text)
+		}, null, 8, Ie),
+		x(s(l, {
 			color: "red",
 			"with-pulse": !0,
 			class: "bb:ml-3"
-		}, null, 512), [[_, n.isLoading]]),
-		y(s(l, {
+		}, null, 512), [[y, n.isLoading]]),
+		x(s(l, {
 			color: "red",
 			class: "bb:ml-3"
-		}, null, 512), [[_, n.isRequired]])
+		}, null, 512), [[y, n.isRequired]])
 	]);
 }
-var z = /*#__PURE__*/ T(ge, [["render", ye]]), be = 10;
-function xe(e) {
+var R = /*#__PURE__*/ A(Pe, [["render", Le]]), Re = 10;
+function ze(e) {
 	let t = e.replace(/\D/g, "");
-	return (t.startsWith("7") || t.startsWith("8")) && t[1] === "9" && (t = t.slice(1)), t.slice(0, be);
+	return (t.startsWith("7") || t.startsWith("8")) && t[1] === "9" && (t = t.slice(1)), t.slice(0, Re);
 }
-function B(e) {
+function z(e) {
 	return e === "" ? "" : `7${e}`;
 }
-function V(e) {
+function B(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 Se = 400, Ce = 3, we = {
+var Be = 400, Ve = 3, He = {
 	components: {
-		ElementHeader: z,
-		Eraser: k
+		ElementHeader: R,
+		Eraser: N
 	},
 	emits: ["update:modelValue", "changed"],
 	props: {
@@ -486,32 +612,32 @@ var Se = 400, Ce = 3, we = {
 		}
 	},
 	data() {
-		return { digits: V(this.modelValue) };
+		return { digits: B(this.modelValue) };
 	},
 	created() {
-		this.mask = null, this.debounceTimer = null, this.isWritingProgrammatically = !1, this.lastCommitted = V(this.modelValue), this.isUnmounted = !1;
+		this.mask = null, this.debounceTimer = null, this.isWritingProgrammatically = !1, this.lastCommitted = B(this.modelValue), this.isUnmounted = !1;
 	},
 	mounted() {
-		this.mask = te(this.$refs.input, {
+		this.mask = ne(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", B(this.digits)), this.scheduleCommit());
+			this.isWritingProgrammatically || (this.digits = this.mask.unmaskedValue, this.$emit("update:modelValue", z(this.digits)), this.scheduleCommit());
 		}), this.syncFromModelValue(this.modelValue);
 	},
 	beforeUnmount() {
 		this.isUnmounted = !0, clearTimeout(this.debounceTimer), this.mask?.destroy();
 	},
 	watch: { modelValue(e) {
-		e !== B(this.digits) && this.syncFromModelValue(e);
+		e !== z(this.digits) && this.syncFromModelValue(e);
 	} },
 	methods: {
 		syncFromModelValue(e) {
-			this.writeToMask(V(e)), this.digits = this.mask.unmaskedValue, this.lastCommitted = this.digits;
+			this.writeToMask(B(e)), this.digits = this.mask.unmaskedValue, this.lastCommitted = this.digits;
 		},
 		applyUserDigits(e) {
-			this.writeToMask(e), this.digits = this.mask.unmaskedValue, this.$emit("update:modelValue", B(this.digits));
+			this.writeToMask(e), this.digits = this.mask.unmaskedValue, this.$emit("update:modelValue", z(this.digits));
 		},
 		writeToMask(e) {
 			if (this.isWritingProgrammatically = !0, e === "") this.mask.value = "";
@@ -534,7 +660,7 @@ var Se = 400, Ce = 3, we = {
 			this.isUnmounted || (this.setLazy(!0), this.digits === "" && this.writeToMask(""), this.commit());
 		},
 		onPaste(e) {
-			this.applyUserDigits(xe(e.clipboardData?.getData("text") ?? "")), this.scheduleCommit();
+			this.applyUserDigits(ze(e.clipboardData?.getData("text") ?? "")), this.scheduleCommit();
 		},
 		clear() {
 			this.applyUserDigits(""), this.commit();
@@ -544,16 +670,16 @@ var Se = 400, Ce = 3, we = {
 				this.commit();
 				return;
 			}
-			this.digits.length < Ce || (this.debounceTimer = setTimeout(() => this.commit(), Se));
+			this.digits.length < Ve || (this.debounceTimer = setTimeout(() => this.commit(), Be));
 		},
 		commit() {
 			clearTimeout(this.debounceTimer), this.digits !== this.lastCommitted && (this.lastCommitted = this.digits, this.$emit("changed"));
 		}
 	}
-}, Te = { class: "bb-dashboard-ui bb:flex bb:flex-none" }, Ee = { class: "bb:flex bb:w-full bb:flex-col bb:border bb:border-white bb:bg-white" }, De = { class: "bb:relative bb:flex bb:h-full bb:w-full" }, Oe = { class: "bb:flex bb:w-full bb:h-full bb:items-center bb:justify-center" };
-function ke(e, t, n, r, o, c) {
-	let l = p("element-header"), d = p("eraser");
-	return u(), i("div", Te, [a("div", Ee, [s(l, {
+}, Ue = { class: "bb-dashboard-ui bb:flex bb:flex-none" }, We = { class: "bb:flex bb:w-full bb:flex-col bb:border bb:border-white bb:bg-white" }, Ge = { class: "bb:relative bb:flex bb:h-full bb:w-full" }, Ke = { class: "bb:flex bb:w-full bb:h-full bb:items-center bb:justify-center" };
+function qe(e, t, n, r, o, c) {
+	let l = m("element-header"), u = m("eraser");
+	return d(), i("div", Ue, [a("div", We, [s(l, {
 		text: n.header,
 		"is-required": n.isRequired,
 		"is-loading": n.isLoading
@@ -561,7 +687,7 @@ function ke(e, t, n, r, o, c) {
 		"text",
 		"is-required",
 		"is-loading"
-	]), a("div", De, [a("label", Oe, [a("input", {
+	]), a("div", Ge, [a("label", Ke, [a("input", {
 		ref: "input",
 		type: "tel",
 		inputmode: "tel",
@@ -569,18 +695,18 @@ function ke(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] ||= ee((...e) => c.commit && c.commit(...e), ["enter"]),
-		onPaste: t[3] ||= b((...e) => c.onPaste && c.onPaste(...e), ["prevent"])
-	}, null, 544), y(s(d, {
-		onMousedown: t[4] ||= b(() => {}, ["prevent"]),
+		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, {
+		onMousedown: t[4] ||= S(() => {}, ["prevent"]),
 		onClick: c.clear,
 		class: "bb:pr-2 bb:h-full"
-	}, null, 8, ["onClick"]), [[_, o.digits.length > 0]])])])])]);
+	}, null, 8, ["onClick"]), [[y, o.digits.length > 0]])])])])]);
 }
-var Ae = /*#__PURE__*/ T(we, [["render", ke]]), je = {
+var Je = /*#__PURE__*/ A(He, [["render", qe]]), Ye = {
 	components: {
-		ElementHeader: z,
-		Eraser: k
+		ElementHeader: R,
+		Eraser: N
 	},
 	emits: ["update:modelValue", "changed"],
 	props: {
@@ -618,10 +744,10 @@ var Ae = /*#__PURE__*/ T(we, [["render", ke]]), je = {
 			this.$emit("update:modelValue", this.search), this.$emit("changed");
 		}
 	}
-}, Me = { class: "bb-dashboard-ui bb:flex bb:flex-none" }, Ne = { class: "bb:flex bb:w-full bb:flex-col bb:border bb:border-white bb:bg-white" }, Pe = { class: "bb:relative bb:flex bb:h-full bb:w-full" }, Fe = { class: "bb:flex bb:w-full bb:h-full bb:items-center bb:justify-center" };
-function Ie(e, t, n, r, o, c) {
-	let l = p("element-header"), d = p("eraser");
-	return u(), i("div", Me, [a("div", Ne, [s(l, {
+}, Xe = { class: "bb-dashboard-ui bb:flex bb:flex-none" }, Ze = { class: "bb:flex bb:w-full bb:flex-col bb:border bb:border-white bb:bg-white" }, Qe = { class: "bb:relative bb:flex bb:h-full bb:w-full" }, $e = { class: "bb:flex bb:w-full bb:h-full bb:items-center bb:justify-center" };
+function et(e, t, n, r, o, c) {
+	let l = m("element-header"), u = m("eraser");
+	return d(), i("div", Xe, [a("div", Ze, [s(l, {
 		text: n.header,
 		"is-required": n.isRequired,
 		"is-loading": n.isLoading
@@ -629,26 +755,26 @@ function Ie(e, t, n, r, o, c) {
 		"text",
 		"is-required",
 		"is-loading"
-	]), a("div", Pe, [a("label", Fe, [y(a("input", {
+	]), a("div", Qe, [a("label", $e, [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), [[
-		g,
+		v,
 		o.search,
 		void 0,
 		{ trim: !0 }
-	]]), y(s(d, {
+	]]), x(s(u, {
 		onClick: c.clearInput,
 		class: "bb:pr-2 bb:h-full"
-	}, null, 8, ["onClick"]), [[_, c.inputNeedsEraser]])])])])]);
+	}, null, 8, ["onClick"]), [[y, c.inputNeedsEraser]])])])])]);
 }
-var Le = /*#__PURE__*/ T(je, [["render", Ie]]), Re = {
+var tt = /*#__PURE__*/ A(Ye, [["render", et]]), nt = {
 	components: {
-		ElementHeader: z,
-		PickDay: R
+		ElementHeader: R,
+		PickDay: L
 	},
-	mixins: [M],
+	mixins: [I],
 	emits: [
 		"update:dateFrom",
 		"update:dateTo",
@@ -696,10 +822,10 @@ var Le = /*#__PURE__*/ T(je, [["render", Ie]]), Re = {
 			this.$emit("update:dateTo", e), this.dateTo !== e && this.$emit("changed");
 		}
 	}
-}, ze = { class: "bb-dashboard-ui bb:flex" }, Be = { class: "bb:flex bb:border bb:border-white" }, Ve = { class: "bb:flex bb:flex-col bb:min-w-72 bb:w-72 bb:bg-white bb:h-full" }, He = { class: "bb:flex bb:h-full bb:divide-x bb:divide-gray-200" };
-function Ue(e, t, n, r, o, c) {
-	let l = p("element-header"), d = p("pick-day");
-	return u(), i("div", ze, [a("div", Be, [a("div", Ve, [s(l, {
+}, rt = { class: "bb-dashboard-ui bb:flex" }, it = { class: "bb:flex bb:border bb:border-white" }, at = { class: "bb:flex bb:flex-col bb:min-w-72 bb:w-72 bb:bg-white bb:h-full" }, ot = { class: "bb:flex bb:h-full bb:divide-x bb:divide-gray-200" };
+function st(e, t, n, r, o, c) {
+	let l = m("element-header"), u = m("pick-day");
+	return d(), i("div", rt, [a("div", it, [a("div", at, [s(l, {
 		text: n.header,
 		"is-required": n.isRequired,
 		"is-loading": n.isLoading
@@ -707,7 +833,7 @@ function Ue(e, t, n, r, o, c) {
 		"text",
 		"is-required",
 		"is-loading"
-	]), a("div", He, [s(d, {
+	]), a("div", ot, [s(u, {
 		modelValue: o.userDateFrom,
 		"onUpdate:modelValue": t[0] ||= (e) => o.userDateFrom = e,
 		class: "bb:flex-1 bb:min-w-36 bb:pl-3",
@@ -717,7 +843,7 @@ function Ue(e, t, n, r, o, c) {
 		"modelValue",
 		"placeholder-text",
 		"lang"
-	]), s(d, {
+	]), s(u, {
 		modelValue: o.userDateTo,
 		"onUpdate:modelValue": t[1] ||= (e) => o.userDateTo = e,
 		class: "bb:flex-1 bb:min-w-36 bb:pl-3",
@@ -729,10 +855,10 @@ function Ue(e, t, n, r, o, c) {
 		"lang"
 	])])])])]);
 }
-var We = /*#__PURE__*/ T(Re, [["render", Ue]]), Ge = {
+var ct = /*#__PURE__*/ A(nt, [["render", st]]), lt = {
 	components: {
-		Popup: D,
-		Eraser: k
+		Popup: j,
+		Eraser: N
 	},
 	emits: ["update:isOpen", "erased"],
 	props: {
@@ -754,7 +880,7 @@ var We = /*#__PURE__*/ T(Re, [["render", Ue]]), Ge = {
 	},
 	watch: {
 		isOpen(e) {
-			this.popupIsOpen = e;
+			this.popupIsOpen = e, !e && this.$el.contains(document.activeElement) && this.$refs.trigger.focus();
 		},
 		popupIsOpen(e) {
 			this.$emit("update:isOpen", e);
@@ -763,29 +889,30 @@ var We = /*#__PURE__*/ T(Re, [["render", Ue]]), Ge = {
 	computed: { needsEraser() {
 		return !this.isOpen && this.hasValue;
 	} }
-}, Ke = { class: "bb:flex bb:flex-col bb:grow bb:bg-white" }, qe = { class: "bb:relative bb:flex bb:w-full bb:h-full" }, Je = ["textContent"];
-function Ye(e, t, o, c, d, h) {
-	let g = p("eraser"), _ = p("popup");
-	return u(), i("div", Ke, [a("div", qe, [a("button", {
+}, ut = { class: "bb:flex bb:flex-col bb:grow bb:bg-white" }, dt = { class: "bb:relative bb:flex bb:w-full bb:h-full" }, ft = ["textContent"];
+function pt(e, t, o, c, l, f) {
+	let h = m("eraser"), _ = m("popup");
+	return d(), i("div", ut, [a("div", dt, [a("button", {
+		ref: "trigger",
 		type: "button",
-		class: l(["bb:flex bb:w-full bb:h-full bb:items-center bb:focus:outline-hidden bb:cursor-pointer", { "bb:z-20": o.isOpen }]),
-		onClick: t[0] ||= b((t) => e.$emit("update:isOpen", !o.isOpen), ["prevent"])
+		class: u(["bb:flex bb:w-full bb:h-full bb:items-center bb:focus:outline-hidden bb:cursor-pointer", { "bb:z-20": o.isOpen }]),
+		onClick: t[0] ||= S((t) => e.$emit("update:isOpen", !o.isOpen), ["prevent"])
 	}, [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",
-		textContent: m(o.title)
-	}, null, 8, Je)], 2), h.needsEraser ? (u(), n(g, {
+		textContent: g(o.title)
+	}, null, 8, ft)], 2), f.needsEraser ? (d(), n(h, {
 		key: 0,
 		onClick: t[1] ||= (t) => e.$emit("erased"),
 		class: "bb:pr-2 bb:h-full"
 	})) : r("", !0)]), s(_, {
-		modelValue: d.popupIsOpen,
-		"onUpdate:modelValue": t[2] ||= (e) => d.popupIsOpen = e
+		modelValue: l.popupIsOpen,
+		"onUpdate:modelValue": t[2] ||= (e) => l.popupIsOpen = e
 	}, {
-		default: v(() => [f(e.$slots, "default")]),
+		default: b(() => [p(e.$slots, "default")]),
 		_: 3
 	}, 8, ["modelValue"])]);
 }
-var Xe = /*#__PURE__*/ T(Ge, [["render", Ye]]), Ze = {
+var mt = /*#__PURE__*/ A(lt, [["render", pt]]), ht = {
 	props: {
 		isChecked: {
 			type: Boolean,
@@ -797,31 +924,48 @@ var Xe = /*#__PURE__*/ T(Ge, [["render", Ye]]), Ze = {
 	methods: { toggle() {
 		this.$emit("clicked");
 	} }
-}, Qe = { class: "bb:flex bb:w-9 bb:h-9 bb:items-center bb:justify-center" }, $e = {
+}, gt = { class: "bb:flex bb:w-9 bb:h-9 bb:items-center bb:justify-center" }, _t = {
 	class: "bb:w-5 bb:h-5 bb:fill-current bb:text-green-300",
 	viewBox: "0 0 20 20"
-}, et = ["textContent"];
-function tt(e, t, n, r, o, s) {
-	return u(), i("button", {
+}, vt = ["textContent"];
+function yt(e, t, n, r, o, s) {
+	return d(), i("button", {
 		type: "button",
-		onClick: t[0] ||= b((...e) => s.toggle && s.toggle(...e), ["prevent"]),
-		class: "bb:flex bb:w-full bb:bg-white bb:hover:bg-indigo-100 bb:cursor-pointer bb:focus:outline-hidden bb:focus:ring-3 bb:focus:z-10 bb:focus:ring-blue-500/50"
-	}, [a("span", Qe, [y((u(), i("svg", $e, [...t[1] ||= [a("path", {
+		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", gt, [x((d(), i("svg", _t, [...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)), [[_, n.isChecked]])]), a("span", {
+	}, 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",
-		textContent: m(n.name)
-	}, null, 8, et)]);
+		textContent: g(n.name)
+	}, null, 8, vt)]);
+}
+var bt = /*#__PURE__*/ A(ht, [["render", yt]]), V = "a[href], button";
+function H(e, t = () => null) {
+	let n = (n) => {
+		if (n.key !== "ArrowDown" && n.key !== "ArrowUp") return;
+		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(V);
+		t !== null && t.focus({ preventScroll: !0 });
+	};
+	return document.addEventListener("keydown", n, !0), e.addEventListener("mousemove", r), () => {
+		document.removeEventListener("keydown", n, !0), e.removeEventListener("mousemove", r);
+	};
 }
 //#endregion
 //#region src/components/SelectSingle.vue
-var nt = {
+var xt = {
 	components: {
-		ElementHeader: z,
-		DropdownButton: Xe,
-		ListElement: /* @__PURE__ */ T(Ze, [["render", tt]])
+		ElementHeader: R,
+		DropdownButton: mt,
+		ListElement: bt
 	},
 	emits: ["update:modelValue", "changed"],
 	props: {
@@ -849,6 +993,20 @@ var nt = {
 	data() {
 		return { isOpen: !1 };
 	},
+	watch: {
+		isOpen(e) {
+			this.stopMovingFocus(), e && (this.stopArrows = H(this.$refs.list, this.activeItemElement));
+		},
+		hasItems(e) {
+			e || (this.isOpen = !1);
+		}
+	},
+	created() {
+		this.stopArrows = null;
+	},
+	beforeUnmount() {
+		this.stopMovingFocus();
+	},
 	computed: {
 		itemList() {
 			return this.items ?? [];
@@ -872,12 +1030,22 @@ var nt = {
 		},
 		clear() {
 			this.$emit("update:modelValue", null), this.$emit("changed");
+		},
+		activeItemElement() {
+			let e = this.itemList.indexOf(this.activeItem);
+			return e === -1 ? null : this.$refs.list.querySelectorAll("button")[e];
+		},
+		stopMovingFocus() {
+			this.stopArrows !== null && (this.stopArrows(), this.stopArrows = null);
 		}
 	}
-}, rt = { 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" }, at = { class: "bb:flex bb:flex-col bb:py-1 bb:mt-1 bb:bg-white bb:border bb:border-gray-200 bb:rounded-md bb:shadow-lg bb:divide-y bb:divide-gray-200 bb:divide-dashed" };
-function ot(t, o, c, l, f, m) {
-	let h = p("element-header"), g = p("list-element"), _ = p("dropdown-button");
-	return u(), i("div", rt, [a("div", it, [s(h, {
+}, St = { class: "bb-dashboard-ui bb:flex bb:flex-none" }, Ct = { class: "bb:flex bb:w-full bb:flex-col bb:border bb:border-white bb:bg-white" }, wt = {
+	ref: "list",
+	class: "bb:flex bb:flex-col bb:py-1 bb:mt-1 bb:bg-white bb:border bb:border-gray-200 bb:rounded-md bb:shadow-lg bb:divide-y bb:divide-gray-200 bb:divide-dashed"
+};
+function Tt(t, o, c, l, u, p) {
+	let h = m("element-header"), g = m("list-element"), _ = m("dropdown-button");
+	return d(), i("div", St, [a("div", Ct, [s(h, {
 		text: c.header,
 		"is-required": c.isRequired,
 		"is-loading": c.isLoading
@@ -885,24 +1053,24 @@ function ot(t, o, c, l, f, m) {
 		"text",
 		"is-required",
 		"is-loading"
-	]), m.hasItems ? (u(), n(_, {
+	]), p.hasItems ? (d(), n(_, {
 		key: 0,
-		title: m.activeItemName,
-		"is-open": f.isOpen,
-		"onUpdate:isOpen": o[0] ||= (e) => f.isOpen = e,
-		"has-value": m.hasValue,
-		onErased: m.clear
+		title: p.activeItemName,
+		"is-open": u.isOpen,
+		"onUpdate:isOpen": o[0] ||= (e) => u.isOpen = e,
+		"has-value": p.hasValue,
+		onErased: p.clear
 	}, {
-		default: v(() => [a("div", at, [(u(!0), i(e, null, d(m.itemList, (e) => (u(), n(g, {
+		default: b(() => [a("div", wt, [(d(!0), i(e, null, f(p.itemList, (e) => (d(), n(g, {
 			name: e.name,
 			key: e.id,
 			"is-checked": e.id === c.modelValue,
-			onClicked: (t) => m.itemClicked(e)
+			onClicked: (t) => p.itemClicked(e)
 		}, null, 8, [
 			"name",
 			"is-checked",
 			"onClicked"
-		]))), 128))])]),
+		]))), 128))], 512)]),
 		_: 1
 	}, 8, [
 		"title",
@@ -911,7 +1079,7 @@ function ot(t, o, c, l, f, m) {
 		"onErased"
 	])) : r("", !0)])]);
 }
-var st = /*#__PURE__*/ T(nt, [["render", ot]]), ct = {
+var Et = /*#__PURE__*/ A(xt, [["render", Tt]]), Dt = {
 	props: {
 		text: {
 			type: String,
@@ -950,10 +1118,10 @@ var st = /*#__PURE__*/ T(nt, [["render", ot]]), ct = {
 			return this.color === "yellow";
 		}
 	}
-}, lt = ["textContent"];
-function ut(e, t, n, r, a, o) {
-	return u(), i("span", {
-		class: l(["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", {
+}, Ot = ["textContent"];
+function kt(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", {
 			"bb:bg-green-50 bb:text-gray-700": o.isGreen,
 			"bb:bg-indigo-100 bb:text-gray-700": o.isIndigo,
 			"bb:bg-gray-200 bb:text-gray-700": o.isGray,
@@ -961,10 +1129,10 @@ function ut(e, t, n, r, a, o) {
 			"bb:bg-red-100 bb:text-red-800": o.isRed,
 			"bb:bg-yellow-100 bb:text-yellow-800": o.isYellow
 		}]),
-		textContent: m(n.text)
-	}, null, 10, lt);
+		textContent: g(n.text)
+	}, null, 10, Ot);
 }
-var H = /*#__PURE__*/ T(ct, [["render", ut]]), dt = {
+var U = /*#__PURE__*/ A(Dt, [["render", kt]]), At = {
 	props: {
 		messages: {
 			type: [Object, Array],
@@ -984,32 +1152,32 @@ var H = /*#__PURE__*/ T(ct, [["render", ut]]), dt = {
 			return this.type === "dangerous";
 		}
 	}
-}, ft = { class: "bb:flex" }, pt = { class: "bb:shrink-0" }, mt = { class: "bb:ml-3" }, ht = ["textContent"];
-function gt(t, n, o, s, c, f) {
-	return f.hasErrors ? (u(), i("div", {
+}, jt = { class: "bb:flex" }, Mt = { class: "bb:shrink-0" }, Nt = { class: "bb:ml-3" }, Pt = ["textContent"];
+function Ft(t, n, o, s, c, l) {
+	return l.hasErrors ? (d(), i("div", {
 		key: 0,
-		class: l(["bb-dashboard-ui bb:border-l-4 bb:p-4", f.isDangerous ? "bb:bg-red-50 bb:border-red-400" : "bb:bg-yellow-50 bb:border-yellow-400"])
-	}, [a("div", ft, [a("div", pt, [(u(), i("svg", {
-		class: l(["bb:h-5 bb:w-5", f.isDangerous ? "bb:text-red-400" : "bb:text-yellow-400"]),
+		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", jt, [a("div", Mt, [(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"
 	}, [...n[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)]], 2))]), a("div", mt, [(u(!0), i(e, null, d(o.messages, (e, t) => (u(), i("p", {
-		class: l(["bb:text-sm bb:leading-5", f.isDangerous ? "bb:text-red-700" : "bb:text-yellow-700"]),
+	}, null, -1)]], 2))]), a("div", Nt, [(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: m(e)
-	}, null, 10, ht))), 128))])])], 2)) : r("", !0);
+		textContent: g(e)
+	}, null, 10, Pt))), 128))])])], 2)) : r("", !0);
 }
-var _t = /*#__PURE__*/ T(dt, [["render", gt]]), vt = { emits: ["clicked"] };
-function yt(e, t, n, r, o, s) {
-	return u(), i("button", {
+var It = /*#__PURE__*/ A(At, [["render", Ft]]), Lt = { emits: ["clicked"] };
+function Rt(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] ||= b((t) => e.$emit("clicked"), ["prevent"])
+		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",
@@ -1021,15 +1189,15 @@ function yt(e, t, n, r, o, s) {
 		d: "M6 18L18 6M6 6l12 12"
 	})], -1)]]);
 }
-var U = /*#__PURE__*/ T(vt, [["render", yt]]), bt = {}, xt = {
+var W = /*#__PURE__*/ A(Lt, [["render", Rt]]), zt = {}, Bt = {
 	class: "bb:w-4 bb:h-4",
 	fill: "none",
 	stroke: "currentColor",
 	viewBox: "0 0 24 24",
 	xmlns: "http://www.w3.org/2000/svg"
 };
-function St(e, t, n, r, o, s) {
-	return u(), i("svg", xt, [...t[0] ||= [a("path", {
+function Vt(e, t, n, r, o, s) {
+	return d(), i("svg", Bt, [...t[0] ||= [a("path", {
 		"stroke-linecap": "round",
 		"stroke-linejoin": "round",
 		"stroke-width": "2",
@@ -1038,9 +1206,9 @@ function St(e, t, n, r, o, s) {
 }
 //#endregion
 //#region src/components/DownloadLink.vue
-var Ct = {
-	components: { "download-icon": /* @__PURE__ */ T(bt, [["render", St]]) },
-	mixins: [M],
+var Ht = {
+	components: { "download-icon": /* @__PURE__ */ A(zt, [["render", Vt]]) },
+	mixins: [I],
 	props: {
 		url: {
 			type: String,
@@ -1054,16 +1222,16 @@ var Ct = {
 	computed: { label() {
 		return this.title ?? this.texts.download;
 	} }
-}, wt = ["href", "title"], Tt = { class: "bb:ml-1" };
-function Et(e, t, n, r, o, c) {
-	let l = p("download-icon");
-	return u(), i("a", {
+}, Ut = ["href", "title"], Wt = { class: "bb:ml-1" };
+function Gt(e, t, n, r, o, c) {
+	let l = m("download-icon");
+	return d(), i("a", {
 		href: n.url,
 		title: c.label,
 		class: "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:bg-purple-100 bb:text-purple-800 bb:hover:text-purple-600"
-	}, [s(l), a("span", Tt, m(c.label), 1)], 8, wt);
+	}, [s(l), a("span", Wt, g(c.label), 1)], 8, Ut);
 }
-var Dt = /*#__PURE__*/ T(Ct, [["render", Et]]), Ot = { props: {
+var Kt = /*#__PURE__*/ A(Ht, [["render", Gt]]), qt = { props: {
 	isOpen: {
 		type: Boolean,
 		default: !1
@@ -1072,9 +1240,9 @@ var Dt = /*#__PURE__*/ T(Ct, [["render", Et]]), Ot = { props: {
 		type: String,
 		required: !0
 	}
-} }, kt = { 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" }, At = { class: "bb:fixed bb:inset-0 bb:transition-opacity" }, jt = ["aria-labelledby"];
-function Mt(e, n, r, o, c, d) {
-	return u(), i("div", { class: l(["bb-dashboard-ui bb:fixed bb:inset-0 bb:overflow-y-auto bb:z-20", { "bb:pointer-events-none": !r.isOpen }]) }, [a("div", kt, [
+} }, Jt = { 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" }, Yt = { class: "bb:fixed bb:inset-0 bb:transition-opacity" }, Xt = ["aria-labelledby"];
+function Zt(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", Jt, [
 		s(t, {
 			"enter-active-class": "bb:ease-out bb:duration-300",
 			"enter-from-class": "bb:opacity-0",
@@ -1083,7 +1251,7 @@ function Mt(e, n, r, o, c, d) {
 			"leave-from-class": "bb:opacity-100",
 			"leave-to-class": "bb:opacity-0"
 		}, {
-			default: v(() => [y(a("div", At, [...n[0] ||= [a("div", { class: "bb:absolute bb:inset-0 bb:bg-gray-500 bb:opacity-75" }, null, -1)]], 512), [[_, r.isOpen]])]),
+			default: b(() => [x(a("div", Yt, [...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),
@@ -1095,17 +1263,17 @@ function Mt(e, n, r, o, c, d) {
 			"leave-from-class": "bb:opacity-100 bb:translate-y-0 bb:sm:scale-100",
 			"leave-to-class": "bb:opacity-0 bb:translate-y-4 bb:sm:translate-y-0 bb:sm:scale-95"
 		}, {
-			default: v(() => [y(a("div", {
+			default: b(() => [x(a("div", {
 				class: "bb:relative bb:inline-block bb:align-bottom bb:bg-white bb:rounded-lg bb:text-left bb:overflow-visible bb:shadow-xl bb:transition-all bb:sm:my-8 bb:sm:align-middle bb:sm:max-w-lg bb:sm:w-full",
 				role: "dialog",
 				"aria-modal": "true",
 				"aria-labelledby": r.headingId
-			}, [f(e.$slots, "default")], 8, jt), [[_, r.isOpen]])]),
+			}, [p(e.$slots, "default")], 8, Xt), [[y, r.isOpen]])]),
 			_: 3
 		})
 	])], 2);
 }
-var Nt = /*#__PURE__*/ T(Ot, [["render", Mt]]), Pt = {}, Ft = {
+var Qt = /*#__PURE__*/ A(qt, [["render", Zt]]), $t = {}, en = {
 	class: "bb:h-7 bb:w-7 bb:text-red-600",
 	xmlns: "http://www.w3.org/2000/svg",
 	fill: "none",
@@ -1113,35 +1281,35 @@ var Nt = /*#__PURE__*/ T(Ot, [["render", Mt]]), Pt = {}, Ft = {
 	stroke: "currentColor",
 	"aria-hidden": "true"
 };
-function It(e, t, n, r, o, s) {
-	return u(), i("svg", Ft, [...t[0] ||= [a("path", {
+function tn(e, t, n, r, o, s) {
+	return d(), i("svg", en, [...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 W = /*#__PURE__*/ T(Pt, [["render", It]]), Lt = {}, Rt = {
+var G = /*#__PURE__*/ A($t, [["render", tn]]), nn = {}, rn = {
 	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 zt(e, t, n, r, o, s) {
-	return u(), i("svg", Rt, [...t[0] ||= [a("path", {
+function an(e, t, n, r, o, s) {
+	return d(), i("svg", rn, [...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 G = /*#__PURE__*/ T(Lt, [["render", zt]]), Bt = {
+var K = /*#__PURE__*/ A(nn, [["render", an]]), on = {
 	components: {
-		Modal: Nt,
-		Dangerous: W,
-		Warning: G
+		Modal: Qt,
+		Dangerous: G,
+		Warning: K
 	},
-	mixins: [M],
+	mixins: [I],
 	emits: ["actionConfirmed", "actionCanceled"],
 	props: {
 		isOpen: {
@@ -1171,7 +1339,7 @@ var G = /*#__PURE__*/ T(Lt, [["render", zt]]), Bt = {
 		}
 	},
 	setup() {
-		return { headingId: h() };
+		return { headingId: _() };
 	},
 	computed: {
 		isDangerous() {
@@ -1181,52 +1349,65 @@ var G = /*#__PURE__*/ T(Lt, [["render", zt]]), Bt = {
 			return this.type === "warning";
 		}
 	}
-}, Vt = { 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" }, Ht = { class: "bb:sm:flex bb:sm:items-start" }, Ut = { class: "bb:mt-3 bb:text-center bb:sm:mt-0 bb:sm:ml-4 bb:sm:text-left" }, Wt = ["id"], Gt = { class: "bb:mt-2" }, Kt = { class: "bb:text-sm bb:text-gray-500" }, qt = { 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 Jt(e, t, i, o, s, c) {
-	let d = p("warning"), f = p("dangerous"), h = p("modal");
-	return u(), n(h, {
+}, sn = { 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" }, cn = { class: "bb:sm:flex bb:sm:items-start" }, ln = { class: "bb:mt-3 bb:text-center bb:sm:mt-0 bb:sm:ml-4 bb:sm:text-left" }, un = ["id"], dn = { class: "bb:mt-2" }, fn = { 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 mn(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: v(() => [a("div", Vt, [a("div", Ht, [a("div", { class: l(["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", sn, [a("div", cn, [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 ? (u(), n(d, { key: 0 })) : r("", !0), c.isDangerous ? (u(), n(f, { key: 1 })) : r("", !0)], 2), a("div", Ut, [a("h3", {
+		}]) }, [c.isWarning ? (d(), n(l, { key: 0 })) : r("", !0), c.isDangerous ? (d(), n(f, { key: 1 })) : r("", !0)], 2), a("div", ln, [a("h3", {
 			class: "bb:text-lg bb:leading-6 bb:font-medium bb:text-gray-900",
 			id: o.headingId
-		}, m(i.confirmationHeading), 9, Wt), a("div", Gt, [a("p", Kt, m(i.confirmationText), 1)])])])]), a("div", qt, [a("button", {
+		}, g(i.confirmationHeading), 9, un), a("div", dn, [a("p", fn, g(i.confirmationText), 1)])])])]), a("div", pn, [a("button", {
 			type: "button",
-			class: l(["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", {
+			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,
 				"bb:bg-yellow-400 bb:hover:bg-yellow-500 bb:focus:ring-yellow-300": c.isWarning
 			}]),
-			onClick: t[0] ||= b((t) => e.$emit("actionConfirmed"), ["prevent"])
-		}, m(i.actionButtonText), 3), a("button", {
+			onClick: t[0] ||= S((t) => e.$emit("actionConfirmed"), ["prevent"])
+		}, g(i.actionButtonText), 3), a("button", {
 			type: "button",
 			class: "bb:mt-3 bb:w-full 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-base 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:sm:mt-0 bb:sm:ml-3 bb:sm:w-auto bb:sm:text-sm",
-			onClick: t[1] ||= b((t) => e.$emit("actionCanceled"), ["prevent"])
-		}, m(i.cancelButtonText ?? e.texts.cancel), 1)])]),
+			onClick: t[1] ||= S((t) => e.$emit("actionCanceled"), ["prevent"])
+		}, g(i.cancelButtonText ?? e.texts.cancel), 1)])]),
 		_: 1
 	}, 8, ["is-open", "heading-id"]);
 }
-var Yt = /*#__PURE__*/ T(Bt, [["render", Jt]]), K = 4, q = 8;
-function J(e) {
+var hn = /*#__PURE__*/ A(on, [["render", mn]]);
+//#endregion
+//#region src/navigation.js
+function gn(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 q = {
+	inject: k,
+	methods: { followLink(e, t) {
+		let n = this.uiSettings.navigate;
+		n !== null && gn(e) && (e.preventDefault(), n(t));
+	} }
+}, J = 4, Y = 8;
+function X(e) {
 	return typeof e?.showPopover == "function";
 }
-function Y(e) {
-	return J(e) && e.matches(":popover-open");
+function Z(e) {
+	return X(e) && e.matches(":popover-open");
 }
-function Xt(e, t, { maxWidth: n = null } = {}) {
-	let r = e.getBoundingClientRect(), i = document.documentElement.clientWidth, a = document.documentElement.clientHeight, o = Math.max(q, i - r.right), s = Math.max(0, i - o - q), c = Math.max(0, a - r.bottom - K - q), l = Math.max(0, r.top - K - q), u = c >= l;
+function _n(e, t, { maxWidth: n = null } = {}) {
+	let r = e.getBoundingClientRect(), i = document.documentElement.clientWidth, a = document.documentElement.clientHeight, o = Math.max(Y, i - r.right), s = Math.max(0, i - o - Y), c = Math.max(0, a - r.bottom - J - Y), l = Math.max(0, r.top - J - Y), u = c >= l;
 	Object.assign(t.style, {
-		top: u ? `${r.bottom + K}px` : "auto",
-		bottom: u ? "auto" : `${a - r.top + K}px`,
+		top: u ? `${r.bottom + J}px` : "auto",
+		bottom: u ? "auto" : `${a - r.top + J}px`,
 		right: `${o}px`,
 		left: "auto",
 		maxHeight: `${u ? c : l}px`
 	}), n !== null && (t.style.maxWidth = `${Math.min(n, s)}px`);
 }
-function Zt(e, t) {
+function vn(e, t) {
 	let n = (n) => {
 		e.contains(n.target) || t();
 	};
@@ -1239,27 +1420,60 @@ function Zt(e, t) {
 }
 //#endregion
 //#region src/components/DropdownButtonWithAction.vue
-var Qt = 224, $t = {
-	mixins: [M],
+var yn = 224;
+function bn(e) {
+	if (typeof e != "object" || !e || typeof e.label != "string" || e.label === "" || e.danger !== void 0 && typeof e.danger != "boolean") 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;
+}
+var xn = {
+	mixins: [I, q],
 	emits: ["update:modelValue"],
-	props: { modelValue: {
-		type: Boolean,
-		default: !1
-	} },
+	props: {
+		actions: {
+			type: Array,
+			default: () => [],
+			validator: (e) => e.every(bn)
+		},
+		modelValue: {
+			type: Boolean,
+			default: !1
+		}
+	},
 	setup() {
 		return {
-			menuButtonId: h(),
-			menuId: h()
+			menuButtonId: _(),
+			menuId: _()
 		};
 	},
 	data() {
 		return { menuIsOpen: this.modelValue };
 	},
-	watch: { modelValue(e) {
-		this.menuIsOpen = e, this.applyMenuState();
-	} },
+	computed: {
+		actionItems() {
+			return Array.isArray(this.actions) ? this.actions.filter((e) => typeof e == "object" && !!e) : [];
+		},
+		hasActions() {
+			return this.actionItems.length > 0;
+		}
+	},
+	watch: {
+		modelValue(e) {
+			this.menuIsOpen = e, this.applyMenuState();
+		},
+		hasActions: {
+			flush: "post",
+			handler(e) {
+				if (e) {
+					this.applyMenuState();
+					return;
+				}
+				this.stopListening(), this.menuIsOpen && (this.menuIsOpen = !1, this.$emit("update:modelValue", !1));
+			}
+		}
+	},
 	created() {
-		this.stopClosing = null;
+		this.stopClosing = null, this.stopArrows = null, process.env.NODE_ENV !== "production" && this.$slots.actions && console.warn("[dashboard-ui-components] DropdownButtonWithAction: слот actions убран, пункты меню передаются пропом actions");
 	},
 	mounted() {
 		this.applyMenuState();
@@ -1268,43 +1482,51 @@ var Qt = 224, $t = {
 		this.stopListening();
 	},
 	methods: {
+		isLink(e) {
+			return typeof e.href == "string" && e.href !== "";
+		},
+		select(e) {
+			if (typeof e.onSelect == "function") return e.onSelect();
+		},
 		applyMenuState() {
 			let e = this.$refs.menu;
-			J(e) && e.isConnected && (this.menuIsOpen && !Y(e) && e.showPopover(), !this.menuIsOpen && Y(e) && e.hidePopover());
+			X(e) && e.isConnected && (this.menuIsOpen && !Z(e) && e.showPopover(), !this.menuIsOpen && Z(e) && e.hidePopover());
 		},
 		close() {
 			let e = this.$refs.menu;
-			Y(e) && e.hidePopover();
+			Z(e) && e.hidePopover();
 		},
 		onBeforeToggle(e) {
-			e.newState === "open" && Xt(this.$refs.arrow, this.$refs.menu, { maxWidth: Qt });
+			e.newState === "open" && _n(this.$refs.arrow, this.$refs.menu, { maxWidth: yn });
 		},
-		onToggle(e) {
+		onToggle() {
 			this.stopListening();
-			let t = this.$refs.menu;
-			Y(t) && (this.stopClosing = Zt(t, this.close));
-			let n = e.newState === "open";
-			n !== this.menuIsOpen && (this.menuIsOpen = n, this.$emit("update:modelValue", n));
+			let e = this.$refs.menu, t = Z(e);
+			t && (this.stopClosing = vn(e, this.close), this.stopArrows = H(e)), t !== this.menuIsOpen && (this.menuIsOpen = t, this.$emit("update:modelValue", t));
 		},
 		stopListening() {
-			this.stopClosing !== null && (this.stopClosing(), this.stopClosing = null);
+			this.stopClosing !== null && (this.stopClosing(), this.stopClosing = null), this.stopArrows !== null && (this.stopArrows(), this.stopArrows = null);
 		}
 	}
-}, en = { class: "bb-dashboard-ui bb:relative bb:inline-flex bb:shadow-xs bb:rounded-md" }, tn = {
+}, Sn = { class: "bb-dashboard-ui bb:relative bb:inline-flex bb:shadow-xs bb:rounded-md" }, Cn = {
 	key: 0,
 	class: "bb:-ml-px bb:relative bb:block"
-}, nn = ["id", "popovertarget"], rn = { class: "bb:sr-only" }, an = ["id", "aria-labelledby"];
-function on(e, t, n, o, s, c) {
-	return u(), i("span", en, [a("button", {
+}, wn = ["id", "popovertarget"], Tn = { class: "bb:sr-only" }, En = ["id", "aria-labelledby"], Dn = [
+	"href",
+	"onClick",
+	"textContent"
+], On = ["onClick", "textContent"];
+function kn(t, n, o, s, c, l) {
+	return d(), i("span", Sn, [a("button", {
 		type: "button",
-		class: l(["bb:relative bb:inline-flex bb:items-center bb:rounded-l-md bb:border bb:border-gray-300 bb:bg-white bb:hover:bg-gray-50 bb:focus:outline-hidden", { "bb:rounded-r-md": !e.$slots.actions }])
-	}, [f(e.$slots, "button")], 2), e.$slots.actions ? (u(), i("span", tn, [a("button", {
+		class: u(["bb:relative bb:inline-flex bb:items-center bb:rounded-l-md bb:border bb:border-gray-300 bb:bg-white bb:hover:bg-gray-50 bb:focus:outline-hidden", { "bb:rounded-r-md": !l.hasActions }])
+	}, [p(t.$slots, "button")], 2), l.hasActions ? (d(), i("span", Cn, [a("button", {
 		ref: "arrow",
-		id: o.menuButtonId,
+		id: s.menuButtonId,
 		type: "button",
-		popovertarget: o.menuId,
+		popovertarget: s.menuId,
 		class: "bb:relative bb:inline-flex bb:items-center bb:px-2 bb:py-2 bb:rounded-r-md bb:border bb:border-gray-300 bb:bg-white bb:text-sm bb:font-medium bb:text-gray-500 bb:hover:bg-gray-50 bb:focus:z-10 bb:focus:outline-hidden bb:focus:ring-1 bb:focus:ring-indigo-500 bb:focus:border-indigo-500"
-	}, [a("span", rn, m(e.texts.openMenu), 1), t[3] ||= a("svg", {
+	}, [a("span", Tn, g(t.texts.openMenu), 1), n[3] ||= a("svg", {
 		class: "bb:h-5 bb:w-5",
 		xmlns: "http://www.w3.org/2000/svg",
 		viewBox: "0 0 20 20",
@@ -1314,70 +1536,71 @@ function on(e, t, n, o, s, c) {
 		"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)], 8, nn), a("div", {
+	})], -1)], 8, wn), a("div", {
 		ref: "menu",
-		id: o.menuId,
+		id: s.menuId,
 		popover: "auto",
-		class: "bb:m-0 bb:inset-auto bb:w-56 bb:rounded-md bb:shadow-lg bb:bg-white bb:text-inherit bb:ring-1 bb:ring-black/5",
+		class: "bb:m-0 bb:inset-auto bb:w-56 bb:rounded-md bb:shadow-lg bb:bg-white bb:ring-1 bb:ring-black/5",
 		role: "menu",
 		"aria-orientation": "vertical",
-		"aria-labelledby": o.menuButtonId,
-		onBeforetoggle: t[0] ||= (...e) => c.onBeforeToggle && c.onBeforeToggle(...e),
-		onToggle: t[1] ||= (...e) => c.onToggle && c.onToggle(...e),
-		onClick: t[2] ||= (...e) => c.close && c.close(...e)
-	}, [f(e.$slots, "actions")], 40, an)])) : r("", !0)]);
+		"aria-labelledby": s.menuButtonId,
+		onBeforetoggle: n[0] ||= (...e) => l.onBeforeToggle && l.onBeforeToggle(...e),
+		onToggle: n[1] ||= (...e) => l.onToggle && l.onToggle(...e),
+		onClick: n[2] ||= (...e) => l.close && l.close(...e)
+	}, [(d(!0), i(e, null, f(l.actionItems, (n, r) => (d(), i(e, { key: r }, [l.isLink(n) ? (d(), 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", n.danger === !0 ? "bb:bg-red-400 bb:text-white bb:focus:bg-red-500" : "bb:text-gray-700 bb:focus:bg-gray-100 bb:focus:text-gray-900"]),
+		onClick: (e) => t.followLink(e, n.href),
+		textContent: g(n.label)
+	}, null, 10, Dn)) : (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", n.danger === !0 ? "bb:bg-red-400 bb:text-white bb:focus:bg-red-500" : "bb:text-gray-700 bb:focus:bg-gray-100 bb:focus:text-gray-900"]),
+		onClick: (e) => l.select(n),
+		textContent: g(n.label)
+	}, null, 10, On))], 64))), 128))], 40, En)])) : r("", !0)]);
 }
-var sn = /*#__PURE__*/ T($t, [["render", on]]), cn = {}, ln = {
+var An = /*#__PURE__*/ A(xn, [["render", kn]]), jn = {}, Mn = {
 	xmlns: "http://www.w3.org/2000/svg",
 	viewBox: "0 0 20 20",
 	fill: "currentColor",
 	"aria-hidden": "true"
 };
-function un(e, t, n, r, o, s) {
-	return u(), i("svg", ln, [...t[0] ||= [a("path", {
+function Nn(e, t, n, r, o, s) {
+	return d(), i("svg", Mn, [...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 dn = /*#__PURE__*/ T(cn, [["render", un]]), fn = {}, pn = {
+var Pn = /*#__PURE__*/ A(jn, [["render", Nn]]), Fn = {}, In = {
 	xmlns: "http://www.w3.org/2000/svg",
 	viewBox: "0 0 20 20",
 	fill: "currentColor",
 	"aria-hidden": "true"
 };
-function mn(e, t, n, r, o, s) {
-	return u(), i("svg", pn, [...t[0] ||= [a("path", {
+function Ln(e, t, n, r, o, s) {
+	return d(), i("svg", In, [...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 hn = /*#__PURE__*/ T(fn, [["render", mn]]);
-//#endregion
-//#region src/navigation.js
-function gn(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: w,
-	methods: { followLink(e, t) {
-		let n = this.uiSettings.navigate;
-		n !== null && gn(e) && (e.preventDefault(), n(t));
-	} }
-};
+var Rn = /*#__PURE__*/ A(Fn, [["render", Ln]]);
 //#endregion
 //#region src/components/Pagination.vue
-function Z(e) {
+function Q(e) {
 	return typeof e == "string" && e !== "" ? e : null;
 }
-var _n = {
+var zn = {
 	components: {
-		ArrowNarrowLeft: dn,
-		ArrowNarrowRight: hn
+		ArrowNarrowLeft: Pn,
+		ArrowNarrowRight: Rn
 	},
-	mixins: [M, X],
+	mixins: [I, q],
 	props: {
 		links: {
 			type: Object,
@@ -1405,49 +1628,49 @@ var _n = {
 			return typeof this.from == "number" && typeof this.to == "number";
 		},
 		previousPageUrl() {
-			return Z(this.links?.prev);
+			return Q(this.links?.prev);
 		},
 		nextPageUrl() {
-			return Z(this.links?.next);
+			return Q(this.links?.next);
 		}
 	}
-}, vn = {
+}, Bn = {
 	key: 0,
 	class: "bb-dashboard-ui bb:px-4 bb:flex bb:items-center bb:justify-between bb:sm:px-0"
-}, yn = { class: "bb:-mt-px bb:w-0 bb:flex-1 bb:flex" }, bn = ["href"], xn = {
+}, Vn = { class: "bb:-mt-px bb:w-0 bb:flex-1 bb:flex" }, Hn = ["href"], Un = {
 	key: 0,
 	class: "bb:hidden bb:md:-mt-px bb:md:flex bb:text-gray-400 bb:text-sm bb:leading-5"
-}, Sn = { class: "bb:font-medium bb:text-gray-900 bb:mx-1" }, Cn = { class: "bb:font-medium bb:text-gray-900 bb:mx-1" }, wn = { class: "bb:-mt-px bb:w-0 bb:flex-1 bb:flex bb:justify-end" }, Tn = ["href"];
-function En(e, t, n, c, l, d) {
-	let f = p("arrow-narrow-left"), h = p("arrow-narrow-right");
-	return d.hasResults ? (u(), i("nav", vn, [
-		a("div", yn, [d.previousPageUrl === null ? r("", !0) : (u(), i("a", {
+}, Wn = { class: "bb:font-medium bb:text-gray-900 bb:mx-1" }, Gn = { class: "bb:font-medium bb:text-gray-900 bb:mx-1" }, Kn = { class: "bb:-mt-px bb:w-0 bb:flex-1 bb:flex bb:justify-end" }, qn = ["href"];
+function Jn(e, t, n, c, l, u) {
+	let f = m("arrow-narrow-left"), p = m("arrow-narrow-right");
+	return u.hasResults ? (d(), i("nav", Bn, [
+		a("div", Vn, [u.previousPageUrl === null ? r("", !0) : (d(), i("a", {
 			key: 0,
-			href: d.previousPageUrl,
+			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, d.previousPageUrl)
-		}, [s(f, { class: "bb:mr-3 bb:h-5 bb:w-5 bb:text-gray-400" }), o(" " + m(e.texts.previousPage), 1)], 8, bn))]),
-		d.hasRange ? (u(), i("div", xn, [
-			o(m(e.texts.resultsBefore) + " ", 1),
-			a("span", Sn, m(d.from) + " - " + m(d.to), 1),
-			o(" " + m(e.texts.resultsOf) + " ", 1),
-			a("span", Cn, m(d.total), 1),
-			o(" " + m(e.texts.resultsAfter), 1)
+			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, Hn))]),
+		u.hasRange ? (d(), i("div", Un, [
+			o(g(e.texts.resultsBefore) + " ", 1),
+			a("span", Wn, g(u.from) + " - " + g(u.to), 1),
+			o(" " + g(e.texts.resultsOf) + " ", 1),
+			a("span", Gn, g(u.total), 1),
+			o(" " + g(e.texts.resultsAfter), 1)
 		])) : r("", !0),
-		a("div", wn, [d.nextPageUrl === null ? r("", !0) : (u(), i("a", {
+		a("div", Kn, [u.nextPageUrl === null ? r("", !0) : (d(), i("a", {
 			key: 0,
-			href: d.nextPageUrl,
+			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, d.nextPageUrl)
-		}, [o(m(e.texts.nextPage) + " ", 1), s(h, { class: "bb:ml-3 bb:h-5 bb:w-5 bb:text-gray-400" })], 8, Tn))])
+			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, qn))])
 	])) : r("", !0);
 }
-var Dn = /*#__PURE__*/ T(_n, [["render", En]]), On = [
+var Yn = /*#__PURE__*/ A(zn, [["render", Jn]]), Xn = [
 	"left",
 	"center",
 	"right"
-], kn = ["red", "green"];
-function An(e) {
+], Zn = ["red", "green"];
+function Qn(e) {
 	if (typeof e != "object" || !e || typeof e.key != "string" || e.key === "") return null;
 	let t = e.key;
 	return {
@@ -1456,21 +1679,21 @@ function An(e) {
 		value: typeof e.value == "function" ? e.value : (e) => e?.[t],
 		secondary: typeof e.secondary == "function" ? e.secondary : null,
 		muted: e.muted === !0,
-		align: On.includes(e.align) ? e.align : "left",
+		align: Xn.includes(e.align) ? e.align : "left",
 		wrap: e.wrap === !0,
 		narrow: e.narrow === !0,
 		visible: e.visible !== !1
 	};
 }
-function Q(e) {
+function $(e) {
 	return typeof e == "string" && e !== "" ? e : null;
 }
-var jn = {
+var $n = {
 	components: {
-		Pagination: Dn,
-		SmallBadge: H
+		Pagination: Yn,
+		SmallBadge: U
 	},
-	mixins: [M],
+	mixins: [I],
 	props: {
 		rows: {
 			type: Array,
@@ -1515,7 +1738,7 @@ var jn = {
 			return Array.isArray(this.rows) ? this.rows : [];
 		},
 		visibleColumns() {
-			return (Array.isArray(this.columns) ? this.columns : []).map(An).filter((e) => e !== null && e.visible);
+			return (Array.isArray(this.columns) ? this.columns : []).map(Qn).filter((e) => e !== null && e.visible);
 		},
 		isCard() {
 			return this.variant === "card";
@@ -1531,10 +1754,10 @@ var jn = {
 		},
 		badgeText() {
 			if (this.hasRecords) {
-				let e = Q(this.foundText);
+				let e = $(this.foundText);
 				return e === null ? null : `${e}: ${this.recordCount}`;
 			}
-			return Q(this.emptyText);
+			return $(this.emptyText);
 		}
 	},
 	methods: {
@@ -1554,47 +1777,47 @@ var jn = {
 		colorOf(e) {
 			if (typeof this.rowColor != "function") return null;
 			let t = this.rowColor(e);
-			return kn.includes(t) ? t : null;
+			return Zn.includes(t) ? t : null;
 		},
 		textOf(e, t) {
 			let n = e(t);
 			return n == null ? "" : String(n);
 		}
 	}
-}, Mn = { class: "bb:min-w-full bb:divide-y bb:divide-gray-200 bb:border-collapse" }, Nn = { class: "bb:bg-gray-50" }, Pn = ["textContent"], Fn = { class: "bb:divide-y bb:divide-gray-200" }, In = ["textContent"], Ln = ["textContent"];
-function Rn(t, o, s, c, h, g) {
-	let _ = p("small-badge"), v = p("pagination");
-	return u(), i("div", null, [
-		g.hasBadgeRow() ? (u(), i("div", {
+}, er = { class: "bb:min-w-full bb:divide-y bb:divide-gray-200 bb:border-collapse" }, tr = { class: "bb:bg-gray-50" }, nr = ["textContent"], rr = { class: "bb:divide-y bb:divide-gray-200" }, ir = ["textContent"], ar = ["textContent"];
+function or(t, o, s, c, l, h) {
+	let _ = m("small-badge"), v = m("pagination");
+	return d(), i("div", null, [
+		h.hasBadgeRow() ? (d(), i("div", {
 			key: 0,
-			class: l(["bb:flex bb:justify-center bb:items-center bb:space-x-2", g.isCard ? "" : "bb:my-4"])
-		}, [g.badgeText === null ? r("", !0) : (u(), n(_, {
+			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(_, {
 			key: 0,
-			text: g.badgeText,
+			text: h.badgeText,
 			color: "indigo"
-		}, null, 8, ["text"])), g.hasRecords ? f(t.$slots, "results-actions", {}, void 0, void 0, 1) : r("", !0)], 2)) : r("", !0),
-		g.normalizedRows.length > 0 ? (u(), i("div", {
+		}, 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", {
 			key: 1,
-			class: l(g.isCard && g.hasBadgeRow() ? "bb:mt-4" : "")
-		}, [a("div", { class: l(["bb:overflow-x-auto", g.isCard ? "bb:border-t bb:border-gray-200" : "bb:shadow-sm bb:border-b bb:border-gray-200 bb:sm:rounded-lg"]) }, [a("table", Mn, [a("thead", null, [a("tr", Nn, [(u(!0), i(e, null, d(g.visibleColumns, (e) => (u(), i("th", {
+			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", er, [a("thead", null, [a("tr", tr, [(d(!0), i(e, null, f(h.visibleColumns, (e) => (d(), i("th", {
 			key: e.key,
 			scope: "col",
-			class: l(["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", [{
+			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", [{
 				"bb:text-left": e.align === "left",
 				"bb:text-center": e.align === "center",
 				"bb:text-right": e.align === "right"
 			}, { "bb:w-px": e.narrow }]]),
-			textContent: m(e.label)
-		}, null, 10, Pn))), 128))])]), a("tbody", Fn, [(u(!0), i(e, null, d(g.normalizedRows, (n, o) => (u(), i("tr", {
-			key: g.keyOf(n, o),
-			class: l({
-				"bb:bg-white bb:even:bg-gray-50": g.colorOf(n) === null,
-				"bb:bg-red-50": g.colorOf(n) === "red",
-				"bb:bg-green-50": g.colorOf(n) === "green"
+			textContent: g(e.label)
+		}, null, 10, nr))), 128))])]), a("tbody", rr, [(d(!0), i(e, null, f(h.normalizedRows, (n, o) => (d(), i("tr", {
+			key: h.keyOf(n, o),
+			class: u({
+				"bb:bg-white bb:even:bg-gray-50": h.colorOf(n) === null,
+				"bb:bg-red-50": h.colorOf(n) === "red",
+				"bb:bg-green-50": h.colorOf(n) === "green"
 			})
-		}, [(u(!0), i(e, null, d(g.visibleColumns, (e) => (u(), i("td", {
+		}, [(d(!0), i(e, null, f(h.visibleColumns, (e) => (d(), i("td", {
 			key: e.key,
-			class: l(["bb:px-6 bb:py-4 bb:align-top bb:relative bb:text-sm bb:leading-5", [
+			class: u(["bb:px-6 bb:py-4 bb:align-top bb:relative bb:text-sm bb:leading-5", [
 				{ "bb:whitespace-nowrap": !e.wrap },
 				{
 					"bb:text-left": e.align === "left",
@@ -1603,23 +1826,23 @@ function Rn(t, o, s, c, h, g) {
 				},
 				{ "bb:w-px": e.narrow }
 			]])
-		}, [f(t.$slots, `cell-${e.key}`, {
+		}, [p(t.$slots, `cell-${e.key}`, {
 			row: n,
 			index: o
 		}, () => [a("div", {
-			class: l(["bb:font-medium", e.muted ? "bb:text-gray-400" : "bb:text-gray-900"]),
-			textContent: m(g.textOf(e.value, n))
-		}, null, 10, In), e.secondary !== null && g.textOf(e.secondary, n) !== "" ? (u(), i("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, ir), e.secondary !== null && h.textOf(e.secondary, n) !== "" ? (d(), i("div", {
 			key: 0,
 			class: "bb:text-gray-400",
-			textContent: m(g.textOf(e.secondary, n))
-		}, null, 8, Ln)) : r("", !0)])], 2))), 128))], 2))), 128))])])], 2)], 2)) : r("", !0),
-		g.hasMeta ? (u(), n(v, {
+			textContent: g(h.textOf(e.secondary, n))
+		}, null, 8, ar)) : r("", !0)])], 2))), 128))], 2))), 128))])])], 2)], 2)) : r("", !0),
+		h.hasMeta ? (d(), n(v, {
 			key: 2,
 			meta: s.meta,
 			links: s.links ?? {},
 			lang: t.lang,
-			class: l(g.isCard ? "bb:mt-4" : "bb:mt-6")
+			class: u(h.isCard ? "bb:mt-4" : "bb:mt-6")
 		}, null, 8, [
 			"meta",
 			"links",
@@ -1628,8 +1851,8 @@ function Rn(t, o, s, c, h, g) {
 		])) : r("", !0)
 	]);
 }
-var zn = /*#__PURE__*/ T(jn, [["render", Rn]]), Bn = {
-	mixins: [X],
+var sr = /*#__PURE__*/ A($n, [["render", or]]), cr = {
+	mixins: [q],
 	props: {
 		url: {
 			type: String,
@@ -1644,39 +1867,124 @@ var zn = /*#__PURE__*/ T(jn, [["render", Rn]]), Bn = {
 			default: !1
 		}
 	}
-}, Vn = ["href", "textContent"];
-function Hn(e, t, n, r, a, o) {
-	return u(), i("a", {
+}, lr = ["href", "textContent"];
+function ur(e, t, n, r, a, o) {
+	return d(), i("a", {
 		href: n.url,
-		class: l([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"]),
+		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: m(n.name)
-	}, null, 10, Vn);
+		textContent: g(n.name)
+	}, null, 10, lr);
 }
-var Un = /*#__PURE__*/ T(Bn, [["render", Hn]]), Wn = {
-	components: { Closer: U },
-	mixins: [M],
+var dr = /*#__PURE__*/ A(cr, [["render", ur]]), fr = [
+	"xl",
+	"4xl",
+	"7xl"
+], pr = {
+	components: { Closer: W },
+	mixins: [I],
+	inheritAttrs: !1,
+	props: {
+		width: {
+			type: String,
+			default: "xl",
+			validator: (e) => fr.includes(e)
+		},
+		fallbackUrl: {
+			type: String,
+			default: null
+		},
+		windowKey: {
+			type: String,
+			default: null
+		}
+	},
 	data() {
-		return { canGoBack: !1 };
+		return { returnAddress: null };
 	},
+	computed: {
+		resolvedWidth() {
+			return fr.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);
+		},
+		target() {
+			return this.returnAddress === null ? this.fallbackUrl === null || this.fallbackUrl === "" ? null : this.fallbackUrl : this.returnAddress;
+		},
+		canClose() {
+			return this.target !== null;
+		}
+	},
+	watch: { fallbackUrl() {
+		this.windows !== null && pe(this.windows.state, this, this.fallbackAddress());
+	} },
 	mounted() {
-		this.canGoBack = window.history.length > 1;
+		this.windows !== null && (this.returnAddress = D(this.windows.state, this, this.resolvedKey, this.fallbackAddress()).returnAddress, this.$watch(() => [this.windows.page.number, this.resolvedKey], () => this.syncWindow(), { flush: "post" }));
 	},
-	methods: { goBack() {
-		window.history.back();
-	} }
+	beforeUnmount() {
+		this.windows !== null && fe(this.windows.state, this);
+	},
+	methods: {
+		fallbackAddress() {
+			return ie(this.fallbackUrl, window.location.origin);
+		},
+		forwardedAttrs() {
+			return Object.fromEntries(Object.entries(this.$attrs).filter(([e]) => e.startsWith("data-") || e.startsWith("aria-")));
+		},
+		syncWindow() {
+			let e = de(this.windows.state, this, this.resolvedKey, this.fallbackAddress());
+			e.rejected && console.warn(`PageCard: ключ окна сменился на «${this.resolvedKey}» без смены страницы — карточка остаётся в окне «${e.key}»`), this.returnAddress = e.window.returnAddress;
+		},
+		close() {
+			let e = this.target;
+			if (e === null) return;
+			let t = this.uiSettings.navigate;
+			if (t === null) {
+				window.location.assign(e);
+				return;
+			}
+			t(e);
+		}
+	}
 };
-function Gn(e, t, a, o, s, c) {
-	let d = p("closer");
-	return u(), i("div", { class: l(["bb:box-border bb:relative bb:my-6 bb:mx-auto bb:bg-white bb:shadow-xl bb:sm:max-w-xl bb:sm:rounded-lg", s.canGoBack ? "bb:[--bb-closer-space:3.5rem] bb:md:[--bb-closer-space:0px]" : "bb:[--bb-closer-space:0px]"]) }, [f(e.$slots, "default"), s.canGoBack ? (u(), n(d, {
+function mr(e, t, a, o, s, c) {
+	let f = m("closer");
+	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"
+			},
+			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"
+			} : "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, {
 		key: 0,
-		class: "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:md:right-auto bb:md:left-full bb:md:mr-0 bb:md:ml-4 bb:rounded-md bb:focus-visible:ring-2 bb:focus-visible:ring-indigo-500",
+		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"
+		}]),
 		tabindex: "0",
 		"aria-label": e.texts.back,
-		onClicked: c.goBack
-	}, null, 8, ["aria-label", "onClicked"])) : r("", !0)], 2);
+		onClicked: c.close
+	}, null, 8, [
+		"class",
+		"aria-label",
+		"onClicked"
+	])) : r("", !0)], 16);
 }
-var Kn = /*#__PURE__*/ T(Wn, [["render", Gn]]), qn = {}, $ = {
+var hr = /*#__PURE__*/ A(pr, [["render", mr]]), gr = {}, _r = {
 	class: "bb:h-7 bb:w-7 bb:text-green-600",
 	xmlns: "http://www.w3.org/2000/svg",
 	fill: "none",
@@ -1685,22 +1993,22 @@ var Kn = /*#__PURE__*/ T(Wn, [["render", Gn]]), qn = {}, $ = {
 	stroke: "currentColor",
 	"aria-hidden": "true"
 };
-function Jn(e, t, n, r, o, s) {
-	return u(), i("svg", $, [...t[0] ||= [a("path", {
+function vr(e, t, n, r, o, s) {
+	return d(), i("svg", _r, [...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 Yn = /*#__PURE__*/ T(qn, [["render", Jn]]), Xn = {}, Zn = {
+var yr = /*#__PURE__*/ A(gr, [["render", vr]]), br = {}, xr = {
 	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 Qn(e, t, n, r, o, s) {
-	return u(), i("svg", Zn, [...t[0] ||= [a("path", {
+function Sr(e, t, n, r, o, s) {
+	return d(), i("svg", xr, [...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"
@@ -1708,14 +2016,14 @@ function Qn(e, t, n, r, o, s) {
 }
 //#endregion
 //#region src/components/NotificationMessage.vue
-var $n = {
+var Cr = {
 	components: {
-		Check: Yn,
-		Close: /* @__PURE__ */ T(Xn, [["render", Qn]]),
-		Dangerous: W,
-		Warning: G
+		Check: yr,
+		Close: /* @__PURE__ */ A(br, [["render", Sr]]),
+		Dangerous: G,
+		Warning: K
 	},
-	mixins: [M],
+	mixins: [I],
 	emits: ["update:modelValue"],
 	props: {
 		modelValue: {
@@ -1753,37 +2061,37 @@ var $n = {
 			return this.type === "confirmation";
 		}
 	}
-}, er = ["role"], tr = { class: "bb:p-4" }, nr = { class: "bb:flex bb:items-start" }, rr = { class: "bb:shrink-0" }, ir = { class: "bb:ml-3 bb:w-0 bb:flex-1 bb:pt-0.5" }, ar = { class: "bb:text-sm bb:font-medium bb:text-gray-900" }, or = { class: "bb:mt-1 bb:text-sm bb:text-gray-500" }, sr = { class: "bb:ml-4 bb:shrink-0 bb:flex" }, cr = { class: "bb:sr-only" };
-function lr(e, t, o, c, d, f) {
-	let h = p("warning"), g = p("dangerous"), _ = p("check"), v = p("close");
-	return u(), i("div", {
+}, wr = ["role"], Tr = { class: "bb:p-4" }, Er = { class: "bb:flex bb:items-start" }, Dr = { class: "bb:shrink-0" }, Or = { class: "bb:ml-3 bb:w-0 bb:flex-1 bb:pt-0.5" }, kr = { class: "bb:text-sm bb:font-medium bb:text-gray-900" }, Ar = { class: "bb:mt-1 bb:text-sm bb:text-gray-500" }, jr = { class: "bb:ml-4 bb:shrink-0 bb:flex" }, Mr = { class: "bb:sr-only" };
+function Nr(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",
 		role: f.isDangerous ? "alert" : "status"
-	}, [f.hasMessage ? (u(), i("div", {
+	}, [f.hasMessage ? (d(), i("div", {
 		key: 0,
-		class: l(["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", {
+		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
 		}])
-	}, [a("div", tr, [a("div", nr, [
-		a("div", rr, [
-			f.isWarning ? (u(), n(h, { key: 0 })) : r("", !0),
-			f.isDangerous ? (u(), n(g, { key: 1 })) : r("", !0),
-			f.isConfirmation ? (u(), n(_, { key: 2 })) : r("", !0)
+	}, [a("div", Tr, [a("div", Er, [
+		a("div", Dr, [
+			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", ir, [a("p", ar, m(o.notificationHeading), 1), a("p", or, m(f.text), 1)]),
-		a("div", sr, [a("button", {
+		a("div", Or, [a("p", kr, g(o.notificationHeading), 1), a("p", Ar, g(f.text), 1)]),
+		a("div", jr, [a("button", {
 			type: "button",
-			class: l(["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", {
+			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
 			}]),
-			onClick: t[0] ||= b((t) => e.$emit("update:modelValue", ""), ["prevent"])
-		}, [a("span", cr, m(e.texts.close), 1), s(v)], 2)])
-	])])], 2)) : r("", !0)], 8, er);
+			onClick: t[0] ||= S((t) => e.$emit("update:modelValue", ""), ["prevent"])
+		}, [a("span", Mr, g(e.texts.close), 1), s(v)], 2)])
+	])])], 2)) : r("", !0)], 8, wr);
 }
-var ur = /*#__PURE__*/ T($n, [["render", lr]]);
+var Pr = /*#__PURE__*/ A(Cr, [["render", Nr]]);
 //#endregion
-export { U as Closer, Yt as ConfirmationModal, zn as DataTable, O as Dot, Dt as DownloadLink, sn as DropdownButtonWithAction, _t as ErrorMessages, Un as NavigationMenuElement, ur as NotificationMessage, Kn as PageCard, R as PickDay, D as Popup, Ae as RussianMobileFilter, Le as Search, We as SelectDateInterval, st as SelectSingle, H as SmallBadge, ie as dashboardUi };
+export { W as Closer, hn as ConfirmationModal, sr as DataTable, M as Dot, Kt as DownloadLink, An as DropdownButtonWithAction, It as ErrorMessages, dr as NavigationMenuElement, Pr as NotificationMessage, hr as PageCard, L as PickDay, j as Popup, Je as RussianMobileFilter, tt as Search, ct as SelectDateInterval, Et as SelectSingle, U as SmallBadge, ge as dashboardUi };