@boobooking/dashboard-ui-components 0.14.0 → 0.15.0

package/dist/index.js

@@ -105,15 +105,15 @@ var re = {
 };
 //#endregion
 //#region src/windows.js
-function ie(e, t) {
+function T(e, t) {
 	if (e == null || e === "") return null;
 	let n = new URL(String(e), t);
 	return n.pathname + n.search;
 }
-function ae(e) {
+function ie(e) {
 	return e === null ? null : e.split("?")[0];
 }
-function oe() {
+function ae() {
 	return {
 		windows: [],
 		cards: /* @__PURE__ */ new Map(),
@@ -127,36 +127,36 @@ function oe() {
 		nextId: 1
 	};
 }
-function T(e, t) {
+function E(e, t) {
 	return e.windows.includes(t);
 }
-function se(e) {
+function oe(e) {
 	return e.returnAddress ?? e.fallbackAddress;
 }
-function ce(e) {
+function se(e) {
 	let t = null;
 	for (let n of e.cards.values()) t = n.window;
 	return t;
 }
-function E(e, t) {
+function D(e, t) {
 	let n = t;
-	for (; n !== null && !T(e, n);) n = n.parent;
+	for (; n !== null && !E(e, n);) n = n.parent;
 	return n;
 }
-function le(e, t) {
+function ce(e, t) {
 	return e.transition = {
 		number: e.transition.number + 1,
 		fromAddress: e.shown,
-		fromWindow: ce(e),
+		fromWindow: se(e),
 		assigned: /* @__PURE__ */ new Map()
 	}, e.shown = t, e.transition.number;
 }
-function ue(e, t, n) {
+function le(e, t, n) {
 	let r = e.transition, i = r.assigned.get(t);
-	if (i !== void 0 && T(e, i)) return i;
+	if (i !== void 0 && E(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(e, a) && (a = D(e, a), o = null), a !== null && oe(a) === e.shown && (e.windows.splice(e.windows.indexOf(a)), a = a.parent === null ? null : D(e, a.parent), o = null);
+	for (let n = a; n !== null; n = n.parent) if (n.key === t && E(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,
@@ -167,18 +167,18 @@ function ue(e, t, n) {
 	};
 	return e.nextId += 1, e.windows.push(s), s;
 }
-function D(e, t, n, r) {
-	let i = ue(e, n, r);
+function O(e, t, n, r) {
+	let i = le(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) {
+function ue(e, t, n, r) {
 	let i = e.cards.get(t);
 	return i === void 0 ? {
-		window: D(e, t, n, r),
+		window: O(e, t, n, r),
 		rejected: !1,
 		key: n
 	} : i.key === n ? (i.processed = e.transition.number, {
@@ -190,37 +190,37 @@ function de(e, t, n, r) {
 		rejected: !0,
 		key: i.key
 	} : (e.cards.delete(t), {
-		window: D(e, t, n, r),
+		window: O(e, t, n, r),
 		rejected: !1,
 		key: n
 	});
 }
-function fe(e, t) {
+function de(e, t) {
 	e.cards.delete(t);
 }
-function pe(e, t, n) {
+function fe(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({
+var k = Symbol("dashboardUi"), pe = Object.freeze({
 	lang: "ru",
 	navigate: null,
 	windows: null
-}), k = { uiSettings: {
-	from: O,
-	default: () => me
+}), A = { uiSettings: {
+	from: k,
+	default: () => pe
 } };
-function he(e, t) {
-	let n = oe(), r = h({
+function me(e, t) {
+	let n = ae(), 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);
+			let t = T(e, window.location.origin);
+			t !== null && t !== r.address && (r.number = ce(n, t), r.address = t);
 		}, {
 			flush: "sync",
 			immediate: !0
@@ -230,119 +230,24 @@ function he(e, t) {
 		page: r
 	};
 }
-var ge = { install(e, t) {
+var he = { install(e, t) {
 	let n = t ?? {}, r = Object.hasOwn(n, "lang") ? n.lang : "ru";
 	if (!w(r)) throw Error(`dashboardUi: неизвестный lang «${r}», допустимы: ${C.join(", ")}`);
 	let i = Object.hasOwn(n, "navigate"), a = i ? n.navigate : null;
 	if (i && typeof a != "function") throw Error("dashboardUi: navigate должен быть функцией (href) => …");
 	let o = Object.hasOwn(n, "currentUrl"), s = o ? n.currentUrl : null;
 	if (o && typeof s != "function") throw Error("dashboardUi: currentUrl должен быть функцией () => адрес страницы");
-	let c = s !== null && typeof window < "u" ? he(e, s) : null;
-	e.provide(O, Object.freeze({
+	let c = s !== null && typeof window < "u" ? me(e, s) : null;
+	e.provide(k, Object.freeze({
 		lang: r,
 		navigate: a,
 		windows: c
 	}));
-} }, A = (e, t) => {
+} }, j = (e, t) => {
 	let n = e.__vccOpts || e;
 	for (let [e, r] of t) n[e] = r;
 	return n;
-}, _e = {
-	props: {
-		isOpen: {
-			type: Boolean,
-			default: !1
-		},
-		isTransparent: {
-			type: Boolean,
-			default: !0
-		}
-	},
-	emits: ["update:isOpen", "escaped"],
-	methods: {
-		closeOverlay() {
-			this.$emit("update:isOpen", !1), this.$emit("escaped");
-		},
-		handleEscape(e) {
-			this.isOpen && (e.key === "Esc" || e.key === "Escape") && this.closeOverlay();
-		}
-	},
-	mounted() {
-		document.addEventListener("keydown", this.handleEscape, !0);
-	},
-	beforeUnmount() {
-		document.removeEventListener("keydown", this.handleEscape, !0);
-	}
-};
-function ve(e, t, n, r, a, o) {
-	return x((d(), i("button", {
-		tabindex: "-1",
-		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)), [[y, n.isOpen]]);
-}
-//#endregion
-//#region src/components/Popup.vue
-var ye = {
-	components: { Overlay: /* @__PURE__ */ A(_e, [["render", ve]]) },
-	inheritAttrs: !1,
-	emits: ["update:modelValue"],
-	props: {
-		modelValue: {
-			type: Boolean,
-			default: !1
-		},
-		align: {
-			type: String,
-			default: "left",
-			validator: (e) => ["left", "right"].indexOf(e) !== -1
-		}
-	},
-	data() {
-		return { overlayIsOpen: this.modelValue };
-	},
-	watch: {
-		modelValue: function(e) {
-			this.overlayIsOpen = e;
-		},
-		overlayIsOpen(e) {
-			this.$emit("update:modelValue", e);
-		}
-	},
-	computed: {
-		alignLeft() {
-			return this.align === "left";
-		},
-		alignRight() {
-			return this.align === "right";
-		}
-	}
-}, 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",
-		"enter-to-class": "bb:opacity-100 bb:scale-100",
-		"leave-active-class": "bb:transition bb:ease-in bb:duration-75",
-		"leave-from-class": "bb:opacity-100 bb:scale-100",
-		"leave-to-class": "bb:opacity-0 bb:scale-95"
-	}, {
-		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 j = /*#__PURE__*/ A(ye, [["render", xe]]), Se = {
+}, ge = {
 	props: {
 		withPulse: {
 			type: Boolean,
@@ -363,7 +268,7 @@ var j = /*#__PURE__*/ A(ye, [["render", xe]]), Se = {
 		}
 	}
 };
-function Ce(e, t, n, r, o, s) {
+function _e(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,
@@ -377,169 +282,8 @@ function Ce(e, t, n, r, o, s) {
 		r: "45"
 	})], -1)]], 2);
 }
-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 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"
-	}, [a("path", {
-		"stroke-linecap": "round",
-		"stroke-linejoin": "round",
-		"stroke-width": "2",
-		d: "M6 18L18 6M6 6l12 12"
-	})], -1)]]);
-}
-var N = /*#__PURE__*/ A(we, [["render", Ee]]);
-//#endregion
-//#region src/date.js
-function P(e) {
-	return `${String(e.getDate()).padStart(2, "0")}.${String(e.getMonth() + 1).padStart(2, "0")}.${String(e.getFullYear()).padStart(4, "0")}`;
-}
-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);
-	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 I = {
-	inject: k,
-	props: { lang: {
-		type: String,
-		default: null,
-		validator: (e) => e === null || w(e)
-	} },
-	computed: {
-		resolvedLang() {
-			return w(this.lang) ? this.lang : this.uiSettings.lang;
-		},
-		texts() {
-			return re[this.resolvedLang];
-		}
-	}
-}, De = {
-	components: {
-		Popup: j,
-		Eraser: N
-	},
-	mixins: [I],
-	emits: ["update:modelValue", "changed"],
-	props: {
-		modelValue: {
-			type: String,
-			default: ""
-		},
-		withEraser: {
-			type: Boolean,
-			default: !0
-		},
-		placeholderText: {
-			type: String,
-			default: ""
-		}
-	},
-	created() {
-		this.picker = null, this.isUnmounted = !1;
-	},
-	async mounted() {
-		let { default: e } = await import("pikaday");
-		this.isUnmounted || (this.picker = new e({
-			field: this.$refs.field,
-			container: this.$refs.container,
-			keyboardInput: !1,
-			bound: !1,
-			firstDay: 1,
-			parse: (e) => F(e),
-			toString: (e) => P(e),
-			i18n: {
-				previousMonth: this.texts.previousMonth,
-				nextMonth: this.texts.nextMonth,
-				months: this.texts.months,
-				weekdays: this.texts.weekdays,
-				weekdaysShort: this.texts.weekdaysShort
-			},
-			onSelect: (e) => {
-				this.popupIsOpen = !1, this.$emit("update:modelValue", P(e)), this.$emit("changed");
-			}
-		}));
-	},
-	beforeUnmount() {
-		this.isUnmounted = !0, this.picker?.destroy();
-	},
-	data() {
-		return {
-			popupIsOpen: !1,
-			dayValue: this.modelValue ?? ""
-		};
-	},
-	watch: { modelValue(e) {
-		let t = e ?? "";
-		this.dayValue = t, this.syncPicker(t);
-	} },
-	methods: {
-		syncPicker(e) {
-			if (this.picker === null) return;
-			let t = F(e);
-			if (t === null) {
-				this.picker.clear();
-				return;
-			}
-			this.picker.setDate(t, !0);
-		},
-		clearPicker() {
-			this.$emit("update:modelValue", ""), this.dayValue = "", this.picker?.clear(), this.$emit("changed");
-		}
-	},
-	computed: {
-		hasValue() {
-			return (this.modelValue ?? "").length > 0;
-		},
-		needsEraser() {
-			return !this.withEraser || this.popupIsOpen ? !1 : this.hasValue;
-		}
-	}
-}, 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"
-], 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 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: 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: 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, 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: l.popupIsOpen,
-		"onUpdate:modelValue": t[1] ||= (e) => l.popupIsOpen = e
-	}, {
-		default: b(() => [a("div", Me, null, 512)]),
-		_: 1
-	}, 8, ["modelValue"])]);
-}
-var L = /*#__PURE__*/ A(De, [["render", Ne]]), Pe = {
-	components: { Dot: M },
+var ve = /*#__PURE__*/ j(ge, [["render", _e]]), ye = {
+	components: { Dot: ve },
 	props: {
 		text: {
 			type: String,
@@ -554,14 +298,14 @@ var L = /*#__PURE__*/ A(De, [["render", Ne]]), Pe = {
 			default: !1
 		}
 	}
-}, 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) {
+}, be = { class: "bb:flex bb:h-6 bb:px-3 bb:bg-white bb:items-center bb:justify-between" }, xe = ["textContent"];
+function Se(e, t, n, r, o, c) {
 	let l = m("dot");
-	return d(), i("div", Fe, [
+	return d(), i("div", be, [
 		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, Ie),
+		}, null, 8, xe),
 		x(s(l, {
 			color: "red",
 			"with-pulse": !0,
@@ -573,23 +317,40 @@ function Le(e, t, n, r, o, c) {
 		}, null, 512), [[y, n.isRequired]])
 	]);
 }
-var R = /*#__PURE__*/ A(Pe, [["render", Le]]), Re = 10;
-function ze(e) {
+var M = /*#__PURE__*/ j(ye, [["render", Se]]), Ce = {}, we = {
+	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 Te(e, t, n, r, o, s) {
+	return d(), i("button", we, [...t[0] ||= [a("svg", {
+		class: "bb:w-6 bb:h-6 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 N = /*#__PURE__*/ j(Ce, [["render", Te]]), Ee = 10;
+function De(e) {
 	let t = e.replace(/\D/g, "");
-	return (t.startsWith("7") || t.startsWith("8")) && t[1] === "9" && (t = t.slice(1)), t.slice(0, Re);
+	return (t.startsWith("7") || t.startsWith("8")) && t[1] === "9" && (t = t.slice(1)), t.slice(0, Ee);
 }
-function z(e) {
+function P(e) {
 	return e === "" ? "" : `7${e}`;
 }
-function B(e) {
+function F(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 Be = 400, Ve = 3, He = {
+var Oe = 400, ke = 3, Ae = {
 	components: {
-		ElementHeader: R,
+		ElementHeader: M,
 		Eraser: N
 	},
 	emits: ["update:modelValue", "changed"],
@@ -612,10 +373,10 @@ var Be = 400, Ve = 3, He = {
 		}
 	},
 	data() {
-		return { digits: B(this.modelValue) };
+		return { digits: F(this.modelValue) };
 	},
 	created() {
-		this.mask = null, this.debounceTimer = null, this.isWritingProgrammatically = !1, this.lastCommitted = B(this.modelValue), this.isUnmounted = !1;
+		this.mask = null, this.debounceTimer = null, this.isWritingProgrammatically = !1, this.lastCommitted = F(this.modelValue), this.isUnmounted = !1;
 	},
 	mounted() {
 		this.mask = ne(this.$refs.input, {
@@ -623,21 +384,21 @@ var Be = 400, Ve = 3, He = {
 			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", z(this.digits)), this.scheduleCommit());
+			this.isWritingProgrammatically || (this.digits = this.mask.unmaskedValue, this.$emit("update:modelValue", P(this.digits)), this.scheduleCommit());
 		}), this.syncFromModelValue(this.modelValue);
 	},
 	beforeUnmount() {
 		this.isUnmounted = !0, clearTimeout(this.debounceTimer), this.mask?.destroy();
 	},
 	watch: { modelValue(e) {
-		e !== z(this.digits) && this.syncFromModelValue(e);
+		e !== P(this.digits) && this.syncFromModelValue(e);
 	} },
 	methods: {
 		syncFromModelValue(e) {
-			this.writeToMask(B(e)), this.digits = this.mask.unmaskedValue, this.lastCommitted = this.digits;
+			this.writeToMask(F(e)), this.digits = this.mask.unmaskedValue, this.lastCommitted = this.digits;
 		},
 		applyUserDigits(e) {
-			this.writeToMask(e), this.digits = this.mask.unmaskedValue, this.$emit("update:modelValue", z(this.digits));
+			this.writeToMask(e), this.digits = this.mask.unmaskedValue, this.$emit("update:modelValue", P(this.digits));
 		},
 		writeToMask(e) {
 			if (this.isWritingProgrammatically = !0, e === "") this.mask.value = "";
@@ -660,7 +421,7 @@ var Be = 400, Ve = 3, He = {
 			this.isUnmounted || (this.setLazy(!0), this.digits === "" && this.writeToMask(""), this.commit());
 		},
 		onPaste(e) {
-			this.applyUserDigits(ze(e.clipboardData?.getData("text") ?? "")), this.scheduleCommit();
+			this.applyUserDigits(De(e.clipboardData?.getData("text") ?? "")), this.scheduleCommit();
 		},
 		clear() {
 			this.applyUserDigits(""), this.commit();
@@ -670,16 +431,16 @@ var Be = 400, Ve = 3, He = {
 				this.commit();
 				return;
 			}
-			this.digits.length < Ve || (this.debounceTimer = setTimeout(() => this.commit(), Be));
+			this.digits.length < ke || (this.debounceTimer = setTimeout(() => this.commit(), Oe));
 		},
 		commit() {
 			clearTimeout(this.debounceTimer), this.digits !== this.lastCommitted && (this.lastCommitted = this.digits, this.$emit("changed"));
 		}
 	}
-}, 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) {
+}, je = { class: "bb-dashboard-ui bb:flex bb:flex-none" }, Me = { class: "bb:flex bb:w-full bb:flex-col bb:border bb:border-white bb:bg-white" }, Ne = { class: "bb:relative bb:flex bb:h-full bb:w-full" }, Pe = { class: "bb:flex bb:w-full bb:h-full bb:items-center bb:justify-center" };
+function Fe(e, t, n, r, o, c) {
 	let l = m("element-header"), u = m("eraser");
-	return d(), i("div", Ue, [a("div", We, [s(l, {
+	return d(), i("div", je, [a("div", Me, [s(l, {
 		text: n.header,
 		"is-required": n.isRequired,
 		"is-loading": n.isLoading
@@ -687,7 +448,7 @@ function qe(e, t, n, r, o, c) {
 		"text",
 		"is-required",
 		"is-loading"
-	]), a("div", Ge, [a("label", Ke, [a("input", {
+	]), a("div", Ne, [a("label", Pe, [a("input", {
 		ref: "input",
 		type: "tel",
 		inputmode: "tel",
@@ -703,9 +464,9 @@ function qe(e, t, n, r, o, c) {
 		class: "bb:pr-2 bb:h-full"
 	}, null, 8, ["onClick"]), [[y, o.digits.length > 0]])])])])]);
 }
-var Je = /*#__PURE__*/ A(He, [["render", qe]]), Ye = {
+var Ie = /*#__PURE__*/ j(Ae, [["render", Fe]]), Le = {
 	components: {
-		ElementHeader: R,
+		ElementHeader: M,
 		Eraser: N
 	},
 	emits: ["update:modelValue", "changed"],
@@ -728,53 +489,412 @@ var Je = /*#__PURE__*/ A(He, [["render", qe]]), Ye = {
 		}
 	},
 	data() {
-		return { search: this.modelValue ?? "" };
+		return { search: this.modelValue ?? "" };
+	},
+	computed: { inputNeedsEraser() {
+		return this.search.length > 0;
+	} },
+	watch: { modelValue(e) {
+		this.search = e ?? "";
+	} },
+	methods: {
+		clearInput() {
+			this.search = "", this.startSearch();
+		},
+		startSearch() {
+			this.$emit("update:modelValue", this.search), this.$emit("changed");
+		}
+	}
+}, Re = { 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" }, Be = { class: "bb:relative bb:flex bb:h-full bb:w-full" }, Ve = { class: "bb:flex bb:w-full bb:h-full bb:items-center bb:justify-center" };
+function He(e, t, n, r, o, c) {
+	let l = m("element-header"), u = m("eraser");
+	return d(), i("div", Re, [a("div", ze, [s(l, {
+		text: n.header,
+		"is-required": n.isRequired,
+		"is-loading": n.isLoading
+	}, null, 8, [
+		"text",
+		"is-required",
+		"is-loading"
+	]), a("div", Be, [a("label", Ve, [x(a("input", {
+		class: "bb:flex bb:w-full bb:h-full bb:px-3 bb:py-2 bb:cursor-pointer bb:truncate bb:focus:outline-hidden bb:border-none",
+		"onUpdate:modelValue": t[0] ||= (e) => o.search = e,
+		onInput: t[1] ||= (...e) => c.startSearch && c.startSearch(...e)
+	}, null, 544), [[
+		v,
+		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]])])])])]);
+}
+var Ue = /*#__PURE__*/ j(Le, [["render", He]]), I = 4, L = 8;
+function We(e) {
+	return typeof e?.showPopover == "function";
+}
+function R(e) {
+	return We(e) && e.matches(":popover-open");
+}
+function z(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;
+		_ = `${n === null ? e : Math.min(n, e)}px`;
+	} else n !== null && (_ = `${Math.min(n, f)}px`);
+	Object.assign(t.style, {
+		top: g ? `${o.bottom + I}px` : "auto",
+		bottom: g ? "auto" : `${c - o.top + I}px`,
+		right: p ? "auto" : `${u}px`,
+		left: p ? `${l}px` : "auto",
+		maxHeight: `${g ? m : h}px`,
+		maxWidth: _
+	});
+}
+function Ge(e, t, n = {}) {
+	let r = t.scrollHeight <= t.clientHeight + 1, i = t.scrollWidth <= t.clientWidth + 1;
+	r && i || z(e, t, {
+		...n,
+		fitsBelow: r,
+		fitsRight: i
+	});
+}
+function Ke(e, t) {
+	let n = (n) => {
+		e.contains(n.target) || t();
+	};
+	return window.addEventListener("scroll", n, {
+		capture: !0,
+		passive: !0
+	}), window.addEventListener("resize", t), () => {
+		window.removeEventListener("scroll", n, { capture: !0 }), window.removeEventListener("resize", t);
+	};
+}
+//#endregion
+//#region src/menuFocus.js
+var B = "a[href], button";
+function qe(e, t = () => null) {
+	let n = (n) => {
+		if (n.key !== "ArrowDown" && n.key !== "ArrowUp") return;
+		let r = [...e.querySelectorAll(B)];
+		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);
+		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/PopoverPanel.vue
+var Je = {
+	emits: ["update:modelValue"],
+	props: {
+		modelValue: {
+			type: Boolean,
+			default: !1
+		},
+		hasContent: {
+			type: Boolean,
+			default: !0
+		},
+		align: {
+			type: String,
+			default: "end",
+			validator: (e) => ["start", "end"].includes(e)
+		},
+		maxWidth: {
+			type: Number,
+			default: null
+		},
+		arrows: {
+			type: Boolean,
+			default: !1
+		},
+		findSelected: {
+			type: Function,
+			default: () => null
+		},
+		closeOnClick: {
+			type: Boolean,
+			default: !1
+		},
+		panelClass: {
+			type: String,
+			default: ""
+		},
+		panelRole: {
+			type: String,
+			default: null
+		},
+		returnFocus: {
+			type: Boolean,
+			default: !1
+		}
+	},
+	setup() {
+		return {
+			buttonId: _(),
+			panelId: _()
+		};
+	},
+	data() {
+		return { panelIsOpen: this.modelValue };
+	},
+	watch: {
+		modelValue(e) {
+			this.panelIsOpen = e, this.applyPanelState();
+		},
+		hasContent: {
+			flush: "post",
+			handler(e) {
+				if (e) {
+					this.applyPanelState();
+					return;
+				}
+				this.stopListening(), this.panelIsOpen && (this.panelIsOpen = !1, this.$emit("update:modelValue", !1));
+			}
+		}
+	},
+	created() {
+		this.stopClosing = null, this.stopArrows = null, this.focusWasInside = !1;
+	},
+	mounted() {
+		this.applyPanelState();
+	},
+	beforeUnmount() {
+		this.stopListening();
+	},
+	methods: {
+		applyPanelState() {
+			let e = this.$refs.panel;
+			We(e) && e.isConnected && (this.panelIsOpen && !R(e) && e.showPopover(), !this.panelIsOpen && R(e) && e.hidePopover());
+		},
+		close() {
+			let e = this.$refs.panel;
+			R(e) && e.hidePopover();
+		},
+		onClick() {
+			this.closeOnClick && this.close();
+		},
+		onBeforeToggle(e) {
+			if (e.newState === "open") {
+				let e = document.getElementById(this.buttonId), t = {
+					maxWidth: this.maxWidth,
+					align: this.align
+				};
+				z(e, this.$refs.panel, t), requestAnimationFrame(() => {
+					let n = this.$refs.panel;
+					R(n) && Ge(e, n, t);
+				});
+				return;
+			}
+			let t = this.$refs.panel;
+			this.focusWasInside = t != null && t.contains(document.activeElement);
+		},
+		onToggle() {
+			this.stopListening();
+			let e = this.$refs.panel, t = R(e);
+			t && (this.stopClosing = Ke(e, this.close), this.arrows && (this.stopArrows = qe(e, this.findSelected))), t || this.restoreFocus(e), t !== this.panelIsOpen && (this.panelIsOpen = t, this.$emit("update:modelValue", t));
+		},
+		restoreFocus(e) {
+			let t = this.focusWasInside;
+			if (this.focusWasInside = !1, !this.returnFocus || !t) return;
+			let n = document.activeElement;
+			(n === null || n === document.body || e != null && e.contains(n)) && document.getElementById(this.buttonId)?.focus({ preventScroll: !0 });
+		},
+		stopListening() {
+			this.stopClosing !== null && (this.stopClosing(), this.stopClosing = null), this.stopArrows !== null && (this.stopArrows(), this.stopArrows = null);
+		}
+	}
+}, Ye = {
+	key: 0,
+	class: "bb:relative"
+}, Xe = [
+	"id",
+	"role",
+	"aria-orientation",
+	"aria-labelledby"
+];
+function Ze(e, t, n, o, s, c) {
+	return n.hasContent ? (d(), i("span", Ye, [p(e.$slots, "trigger", {
+		id: o.buttonId,
+		popovertarget: o.panelId
+	}), a("div", {
+		ref: "panel",
+		id: o.panelId,
+		popover: "auto",
+		class: u(["bb:m-0 bb:inset-auto", n.panelClass]),
+		role: n.panelRole,
+		"aria-orientation": n.panelRole === "menu" ? "vertical" : null,
+		"aria-labelledby": o.buttonId,
+		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, Xe)])) : r("", !0);
+}
+var V = /*#__PURE__*/ j(Je, [["render", Ze]]);
+//#endregion
+//#region src/date.js
+function H(e) {
+	return `${String(e.getDate()).padStart(2, "0")}.${String(e.getMonth() + 1).padStart(2, "0")}.${String(e.getFullYear()).padStart(4, "0")}`;
+}
+function U(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: A,
+	props: { lang: {
+		type: String,
+		default: null,
+		validator: (e) => e === null || w(e)
+	} },
+	computed: {
+		resolvedLang() {
+			return w(this.lang) ? this.lang : this.uiSettings.lang;
+		},
+		texts() {
+			return re[this.resolvedLang];
+		}
+	}
+}, Qe = {
+	components: {
+		PopoverPanel: V,
+		Eraser: N
+	},
+	mixins: [W],
+	emits: ["update:modelValue", "changed"],
+	props: {
+		modelValue: {
+			type: String,
+			default: ""
+		},
+		withEraser: {
+			type: Boolean,
+			default: !0
+		},
+		placeholderText: {
+			type: String,
+			default: ""
+		}
+	},
+	created() {
+		this.picker = null, this.isUnmounted = !1;
+	},
+	async mounted() {
+		let { default: e } = await import("pikaday");
+		this.isUnmounted || (this.picker = new e({
+			field: this.$refs.field,
+			container: this.$refs.container,
+			keyboardInput: !1,
+			bound: !1,
+			firstDay: 1,
+			parse: (e) => U(e),
+			toString: (e) => H(e),
+			i18n: {
+				previousMonth: this.texts.previousMonth,
+				nextMonth: this.texts.nextMonth,
+				months: this.texts.months,
+				weekdays: this.texts.weekdays,
+				weekdaysShort: this.texts.weekdaysShort
+			},
+			onSelect: (e) => {
+				this.popupIsOpen = !1, this.$emit("update:modelValue", H(e)), this.$emit("changed");
+			}
+		}));
+	},
+	beforeUnmount() {
+		this.isUnmounted = !0, this.picker?.destroy();
+	},
+	data() {
+		return {
+			popupIsOpen: !1,
+			dayValue: this.modelValue ?? ""
+		};
 	},
-	computed: { inputNeedsEraser() {
-		return this.search.length > 0;
-	} },
 	watch: { modelValue(e) {
-		this.search = e ?? "";
+		let t = e ?? "";
+		this.dayValue = t, this.syncPicker(t);
 	} },
 	methods: {
-		clearInput() {
-			this.search = "", this.startSearch();
+		syncPicker(e) {
+			if (this.picker === null) return;
+			let t = U(e);
+			if (t === null) {
+				this.picker.clear();
+				return;
+			}
+			this.picker.setDate(t, !0);
 		},
-		startSearch() {
-			this.$emit("update:modelValue", this.search), this.$emit("changed");
+		clearPicker() {
+			this.$emit("update:modelValue", ""), this.dayValue = "", this.picker?.clear(), this.$emit("changed");
+		}
+	},
+	computed: {
+		hasValue() {
+			return (this.modelValue ?? "").length > 0;
+		},
+		needsEraser() {
+			return !this.withEraser || this.popupIsOpen ? !1 : this.hasValue;
 		}
 	}
-}, 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
-	}, null, 8, [
-		"text",
-		"is-required",
-		"is-loading"
-	]), 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), [[
-		v,
-		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]])])])])]);
+}, $e = { class: "bb-dashboard-ui bb:flex bb:flex-col" }, et = { class: "bb:relative bb:flex bb:h-full" }, tt = ["id", "popovertarget"], nt = { class: "bb:min-w-24 bb:w-full bb:h-full bb:pointer-events-none" }, rt = [
+	"disabled",
+	"value",
+	"placeholder"
+], it = {
+	ref: "container",
+	class: "bb:flex"
+};
+function at(e, t, o, c, l, u) {
+	let f = m("popover-panel"), p = m("eraser");
+	return d(), i("div", $e, [a("div", et, [s(f, {
+		class: "bb:flex bb:w-full",
+		modelValue: l.popupIsOpen,
+		"onUpdate:modelValue": t[0] ||= (e) => l.popupIsOpen = e,
+		align: "start",
+		"panel-class": "bb:bg-white bb:border bb:border-gray-200 bb:rounded-md bb:shadow-lg"
+	}, {
+		trigger: b((e) => [a("button", {
+			ref: "trigger",
+			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", nt, [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, rt)])], 8, tt)]),
+		default: b(() => [a("div", it, 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)])]);
 }
-var tt = /*#__PURE__*/ A(Ye, [["render", et]]), nt = {
+//#endregion
+//#region src/components/SelectDateInterval.vue
+var ot = {
 	components: {
-		ElementHeader: R,
-		PickDay: L
+		ElementHeader: M,
+		PickDay: /* @__PURE__ */ j(Qe, [["render", at]])
 	},
-	mixins: [I],
+	mixins: [W],
 	emits: [
 		"update:dateFrom",
 		"update:dateTo",
@@ -822,10 +942,10 @@ var tt = /*#__PURE__*/ A(Ye, [["render", et]]), nt = {
 			this.$emit("update:dateTo", e), this.dateTo !== e && this.$emit("changed");
 		}
 	}
-}, 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) {
+}, st = { class: "bb-dashboard-ui bb:flex" }, ct = { class: "bb:flex bb:border bb:border-white" }, lt = { class: "bb:flex bb:flex-col bb:min-w-72 bb:w-72 bb:bg-white bb:h-full" }, ut = { class: "bb:flex bb:h-full bb:divide-x bb:divide-gray-200" };
+function dt(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, {
+	return d(), i("div", st, [a("div", ct, [a("div", lt, [s(l, {
 		text: n.header,
 		"is-required": n.isRequired,
 		"is-loading": n.isLoading
@@ -833,7 +953,7 @@ function st(e, t, n, r, o, c) {
 		"text",
 		"is-required",
 		"is-loading"
-	]), a("div", ot, [s(u, {
+	]), a("div", ut, [s(u, {
 		modelValue: o.userDateFrom,
 		"onUpdate:modelValue": t[0] ||= (e) => o.userDateFrom = e,
 		class: "bb:flex-1 bb:min-w-36 bb:pl-3",
@@ -855,9 +975,9 @@ function st(e, t, n, r, o, c) {
 		"lang"
 	])])])])]);
 }
-var ct = /*#__PURE__*/ A(nt, [["render", st]]), lt = {
+var ft = /*#__PURE__*/ j(ot, [["render", dt]]), pt = {
 	components: {
-		Popup: j,
+		PopoverPanel: V,
 		Eraser: N
 	},
 	emits: ["update:isOpen", "erased"],
@@ -873,46 +993,46 @@ var ct = /*#__PURE__*/ A(nt, [["render", st]]), lt = {
 		hasValue: {
 			type: Boolean,
 			default: !0
-		}
-	},
-	data() {
-		return { popupIsOpen: this.isOpen };
-	},
-	watch: {
-		isOpen(e) {
-			this.popupIsOpen = e, !e && this.$el.contains(document.activeElement) && this.$refs.trigger.focus();
 		},
-		popupIsOpen(e) {
-			this.$emit("update:isOpen", e);
+		findSelected: {
+			type: Function,
+			default: () => null
 		}
 	},
 	computed: { needsEraser() {
 		return !this.isOpen && this.hasValue;
 	} }
-}, 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: 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: 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: l.popupIsOpen,
-		"onUpdate:modelValue": t[2] ||= (e) => l.popupIsOpen = e
+}, mt = { class: "bb:flex bb:flex-col bb:grow bb:bg-white" }, ht = { class: "bb:relative bb:flex bb:w-full bb:h-full" }, gt = ["id", "popovertarget"], _t = ["textContent"];
+function vt(e, t, o, c, l, u) {
+	let f = m("popover-panel"), h = m("eraser");
+	return d(), i("div", mt, [a("div", ht, [s(f, {
+		class: "bb:flex bb:w-full bb:h-full",
+		"model-value": o.isOpen,
+		align: "start",
+		arrows: "",
+		"find-selected": o.findSelected,
+		"return-focus": "",
+		"panel-class": "bb:bg-white bb:text-inherit bb:border bb:border-gray-200 bb:rounded-md bb:shadow-lg bb:overscroll-contain",
+		"onUpdate:modelValue": t[0] ||= (t) => e.$emit("update:isOpen", t)
 	}, {
+		trigger: b((e) => [a("button", {
+			type: "button",
+			id: e.id,
+			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",
+			textContent: g(o.title)
+		}, null, 8, _t)], 8, gt)]),
 		default: b(() => [p(e.$slots, "default")]),
 		_: 3
-	}, 8, ["modelValue"])]);
+	}, 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"
+	})) : r("", !0)])]);
 }
-var mt = /*#__PURE__*/ A(lt, [["render", pt]]), ht = {
+var yt = /*#__PURE__*/ j(pt, [["render", vt]]), bt = {
 	props: {
 		isChecked: {
 			type: Boolean,
@@ -924,48 +1044,31 @@ var mt = /*#__PURE__*/ A(lt, [["render", pt]]), ht = {
 	methods: { toggle() {
 		this.$emit("clicked");
 	} }
-}, gt = { class: "bb:flex bb:w-9 bb:h-9 bb:items-center bb:justify-center" }, _t = {
+}, xt = { class: "bb:flex bb:w-9 bb:h-9 bb:items-center bb:justify-center" }, St = {
 	class: "bb:w-5 bb:h-5 bb:fill-current bb:text-green-300",
 	viewBox: "0 0 20 20"
-}, vt = ["textContent"];
-function yt(e, t, n, r, o, s) {
+}, Ct = ["textContent"];
+function wt(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", gt, [x((d(), i("svg", _t, [...t[1] ||= [a("path", {
+	}, [a("span", xt, [x((d(), i("svg", St, [...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",
 		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);
-	};
+	}, null, 8, Ct)]);
 }
 //#endregion
 //#region src/components/SelectSingle.vue
-var xt = {
+var Tt = {
 	components: {
-		ElementHeader: R,
-		DropdownButton: mt,
-		ListElement: bt
+		ElementHeader: M,
+		DropdownButton: yt,
+		ListElement: /* @__PURE__ */ j(bt, [["render", wt]])
 	},
 	emits: ["update:modelValue", "changed"],
 	props: {
@@ -993,20 +1096,9 @@ var xt = {
 	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();
-	},
+	watch: { hasItems(e) {
+		e || (this.isOpen = !1);
+	} },
 	computed: {
 		itemList() {
 			return this.items ?? [];
@@ -1034,18 +1126,15 @@ var xt = {
 		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);
 		}
 	}
-}, 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 = {
+}, Et = { class: "bb-dashboard-ui bb:flex bb:flex-none" }, Dt = { class: "bb:flex bb:w-full bb:flex-col bb:border bb:border-white bb:bg-white" }, Ot = {
 	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"
+	class: "bb:flex bb:flex-col bb:py-1 bb:divide-y bb:divide-gray-200 bb:divide-dashed"
 };
-function Tt(t, o, c, l, u, p) {
+function kt(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, {
+	return d(), i("div", Et, [a("div", Dt, [s(h, {
 		text: c.header,
 		"is-required": c.isRequired,
 		"is-loading": c.isLoading
@@ -1059,9 +1148,10 @@ function Tt(t, o, c, l, u, p) {
 		"is-open": u.isOpen,
 		"onUpdate:isOpen": o[0] ||= (e) => u.isOpen = e,
 		"has-value": p.hasValue,
+		"find-selected": p.activeItemElement,
 		onErased: p.clear
 	}, {
-		default: b(() => [a("div", wt, [(d(!0), i(e, null, f(p.itemList, (e) => (d(), n(g, {
+		default: b(() => [a("div", Ot, [(d(!0), i(e, null, f(p.itemList, (e) => (d(), n(g, {
 			name: e.name,
 			key: e.id,
 			"is-checked": e.id === c.modelValue,
@@ -1076,10 +1166,11 @@ function Tt(t, o, c, l, u, p) {
 		"title",
 		"is-open",
 		"has-value",
+		"find-selected",
 		"onErased"
 	])) : r("", !0)])]);
 }
-var Et = /*#__PURE__*/ A(xt, [["render", Tt]]), Dt = {
+var At = /*#__PURE__*/ j(Tt, [["render", kt]]), jt = {
 	props: {
 		text: {
 			type: String,
@@ -1118,8 +1209,8 @@ var Et = /*#__PURE__*/ A(xt, [["render", Tt]]), Dt = {
 			return this.color === "yellow";
 		}
 	}
-}, Ot = ["textContent"];
-function kt(e, t, n, r, a, o) {
+}, Mt = ["textContent"];
+function Nt(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,
@@ -1130,9 +1221,9 @@ function kt(e, t, n, r, a, o) {
 			"bb:bg-yellow-100 bb:text-yellow-800": o.isYellow
 		}]),
 		textContent: g(n.text)
-	}, null, 10, Ot);
+	}, null, 10, Mt);
 }
-var U = /*#__PURE__*/ A(Dt, [["render", kt]]), At = {
+var G = /*#__PURE__*/ j(jt, [["render", Nt]]), Pt = {
 	props: {
 		messages: {
 			type: [Object, Array],
@@ -1152,12 +1243,12 @@ var U = /*#__PURE__*/ A(Dt, [["render", kt]]), At = {
 			return this.type === "dangerous";
 		}
 	}
-}, jt = { class: "bb:flex" }, Mt = { class: "bb:shrink-0" }, Nt = { class: "bb:ml-3" }, Pt = ["textContent"];
-function Ft(t, n, o, s, c, l) {
+}, Ft = { class: "bb:flex" }, It = { class: "bb:shrink-0" }, Lt = { class: "bb:ml-3" }, Rt = ["textContent"];
+function zt(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", jt, [a("div", Mt, [(d(), i("svg", {
+	}, [a("div", Ft, [a("div", It, [(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"
@@ -1165,39 +1256,21 @@ function Ft(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", Nt, [(d(!0), i(e, null, f(o.messages, (e, t) => (d(), i("p", {
+	}, null, -1)]], 2))]), a("div", Lt, [(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, Pt))), 128))])])], 2)) : r("", !0);
-}
-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] ||= 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)]]);
+	}, null, 10, Rt))), 128))])])], 2)) : r("", !0);
 }
-var W = /*#__PURE__*/ A(Lt, [["render", Rt]]), zt = {}, Bt = {
+var Bt = /*#__PURE__*/ j(Pt, [["render", zt]]), Vt = {}, Ht = {
 	class: "bb:w-4 bb:h-4",
 	fill: "none",
 	stroke: "currentColor",
 	viewBox: "0 0 24 24",
 	xmlns: "http://www.w3.org/2000/svg"
 };
-function Vt(e, t, n, r, o, s) {
-	return d(), i("svg", Bt, [...t[0] ||= [a("path", {
+function Ut(e, t, n, r, o, s) {
+	return d(), i("svg", Ht, [...t[0] ||= [a("path", {
 		"stroke-linecap": "round",
 		"stroke-linejoin": "round",
 		"stroke-width": "2",
@@ -1206,9 +1279,9 @@ function Vt(e, t, n, r, o, s) {
 }
 //#endregion
 //#region src/components/DownloadLink.vue
-var Ht = {
-	components: { "download-icon": /* @__PURE__ */ A(zt, [["render", Vt]]) },
-	mixins: [I],
+var Wt = {
+	components: { "download-icon": /* @__PURE__ */ j(Vt, [["render", Ut]]) },
+	mixins: [W],
 	props: {
 		url: {
 			type: String,
@@ -1222,16 +1295,16 @@ var Ht = {
 	computed: { label() {
 		return this.title ?? this.texts.download;
 	} }
-}, Ut = ["href", "title"], Wt = { class: "bb:ml-1" };
-function Gt(e, t, n, r, o, c) {
+}, Gt = ["href", "title"], Kt = { class: "bb:ml-1" };
+function qt(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", Wt, g(c.label), 1)], 8, Ut);
+	}, [s(l), a("span", Kt, g(c.label), 1)], 8, Gt);
 }
-var Kt = /*#__PURE__*/ A(Ht, [["render", Gt]]), qt = { props: {
+var Jt = /*#__PURE__*/ j(Wt, [["render", qt]]), Yt = { props: {
 	isOpen: {
 		type: Boolean,
 		default: !1
@@ -1240,9 +1313,9 @@ var Kt = /*#__PURE__*/ A(Ht, [["render", Gt]]), qt = { props: {
 		type: String,
 		required: !0
 	}
-} }, 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, [
+} }, Xt = { 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" }, Zt = { class: "bb:fixed bb:inset-0 bb:transition-opacity" }, Qt = ["aria-labelledby"];
+function $t(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", Xt, [
 		s(t, {
 			"enter-active-class": "bb:ease-out bb:duration-300",
 			"enter-from-class": "bb:opacity-0",
@@ -1251,7 +1324,7 @@ function Zt(e, n, r, o, c, l) {
 			"leave-from-class": "bb:opacity-100",
 			"leave-to-class": "bb:opacity-0"
 		}, {
-			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]])]),
+			default: b(() => [x(a("div", Zt, [...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),
@@ -1268,12 +1341,12 @@ function Zt(e, n, r, o, c, l) {
 				role: "dialog",
 				"aria-modal": "true",
 				"aria-labelledby": r.headingId
-			}, [p(e.$slots, "default")], 8, Xt), [[y, r.isOpen]])]),
+			}, [p(e.$slots, "default")], 8, Qt), [[y, r.isOpen]])]),
 			_: 3
 		})
 	])], 2);
 }
-var Qt = /*#__PURE__*/ A(qt, [["render", Zt]]), $t = {}, en = {
+var en = /*#__PURE__*/ j(Yt, [["render", $t]]), tn = {}, nn = {
 	class: "bb:h-7 bb:w-7 bb:text-red-600",
 	xmlns: "http://www.w3.org/2000/svg",
 	fill: "none",
@@ -1281,35 +1354,35 @@ var Qt = /*#__PURE__*/ A(qt, [["render", Zt]]), $t = {}, en = {
 	stroke: "currentColor",
 	"aria-hidden": "true"
 };
-function tn(e, t, n, r, o, s) {
-	return d(), i("svg", en, [...t[0] ||= [a("path", {
+function rn(e, t, n, r, o, s) {
+	return d(), i("svg", nn, [...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 G = /*#__PURE__*/ A($t, [["render", tn]]), nn = {}, rn = {
+var K = /*#__PURE__*/ j(tn, [["render", rn]]), an = {}, on = {
 	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 an(e, t, n, r, o, s) {
-	return d(), i("svg", rn, [...t[0] ||= [a("path", {
+function sn(e, t, n, r, o, s) {
+	return d(), i("svg", on, [...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 K = /*#__PURE__*/ A(nn, [["render", an]]), on = {
+var q = /*#__PURE__*/ j(an, [["render", sn]]), cn = {
 	components: {
-		Modal: Qt,
-		Dangerous: G,
-		Warning: K
+		Modal: en,
+		Dangerous: K,
+		Warning: q
 	},
-	mixins: [I],
+	mixins: [W],
 	emits: ["actionConfirmed", "actionCanceled"],
 	props: {
 		isOpen: {
@@ -1349,20 +1422,20 @@ var K = /*#__PURE__*/ A(nn, [["render", an]]), on = {
 			return this.type === "warning";
 		}
 	}
-}, 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) {
+}, ln = { 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" }, dn = { class: "bb:mt-3 bb:text-center bb:sm:mt-0 bb:sm:ml-4 bb:sm:text-left" }, fn = ["id"], pn = { class: "bb:mt-2" }, mn = { class: "bb:text-sm bb:text-gray-500" }, hn = { 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 gn(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", 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", {
+		default: b(() => [a("div", ln, [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", ln, [a("h3", {
+		}]) }, [c.isWarning ? (d(), n(l, { key: 0 })) : r("", !0), c.isDangerous ? (d(), n(f, { key: 1 })) : r("", !0)], 2), a("div", dn, [a("h3", {
 			class: "bb:text-lg bb:leading-6 bb:font-medium bb:text-gray-900",
 			id: o.headingId
-		}, g(i.confirmationHeading), 9, un), a("div", dn, [a("p", fn, g(i.confirmationText), 1)])])])]), a("div", pn, [a("button", {
+		}, g(i.confirmationHeading), 9, fn), a("div", pn, [a("p", mn, g(i.confirmationText), 1)])])])]), a("div", hn, [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,
@@ -1377,230 +1450,328 @@ function mn(e, t, i, o, s, c) {
 		_: 1
 	}, 8, ["is-open", "heading-id"]);
 }
-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 _n = /*#__PURE__*/ j(cn, [["render", gn]]), J = ["yellow", "red"];
+function Y(e) {
+	if (typeof e != "object" || !e || typeof e.label != "string" || e.label === "" || e.color !== void 0 && !J.includes(e.color) || e.danger !== void 0) 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 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";
+	return Array.isArray(e) ? e.filter((e) => typeof e == "object" && !!e) : [];
 }
 function Z(e) {
-	return X(e) && e.matches(":popover-open");
+	return typeof e.href == "string" && e.href !== "";
 }
-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 + 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 vn(e, t) {
-	let n = (n) => {
-		e.contains(n.target) || t();
-	};
-	return window.addEventListener("scroll", n, {
-		capture: !0,
-		passive: !0
-	}), window.addEventListener("resize", t), () => {
-		window.removeEventListener("scroll", n, { capture: !0 }), window.removeEventListener("resize", t);
+function Q(e) {
+	return e.danger === void 0 && J.includes(e.color) ? e.color : null;
+}
+function vn(e) {
+	return {
+		data() {
+			return { dangerWarned: !1 };
+		},
+		watch: { actions: {
+			immediate: !0,
+			deep: !0,
+			handler(t) {
+				process.env.NODE_ENV === "production" || this.dangerWarned || X(t).some((e) => e.danger !== void 0) && (this.dangerWarned = !0, console.warn(`[dashboard-ui-components] ${e}: поле danger убрано, красный пункт — color: 'red'`));
+			}
+		} }
 	};
 }
 //#endregion
-//#region src/components/DropdownButtonWithAction.vue
-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;
+//#region src/navigation.js
+function yn(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 $ = {
+	inject: A,
+	methods: { followLink(e, t) {
+		let n = this.uiSettings.navigate;
+		n !== null && yn(e) && (e.preventDefault(), n(t));
+	} }
+}, bn = {
+	components: { PopoverPanel: V },
+	mixins: [$],
+	emits: ["update:modelValue"],
+	props: {
+		actions: { default: () => [] },
+		modelValue: {
+			type: Boolean,
+			default: !1
+		}
+	},
+	computed: {
+		actionItems() {
+			return X(this.actions);
+		},
+		hasActions() {
+			return this.actionItems.length > 0;
+		}
+	},
+	methods: {
+		color(e) {
+			return Q(e);
+		},
+		isLink(e) {
+			return Z(e);
+		},
+		select(e) {
+			if (typeof e.onSelect == "function") return e.onSelect();
+		}
+	}
+}, xn = [
+	"href",
+	"onClick",
+	"textContent"
+], Sn = ["onClick", "textContent"];
+function Cn(t, r, a, o, s, c) {
+	let l = m("popover-panel");
+	return d(), n(l, {
+		"model-value": a.modelValue,
+		"has-content": c.hasActions,
+		align: "end",
+		"max-width": 224,
+		arrows: "",
+		"close-on-click": "",
+		"panel-class": "bb:w-56 bb:rounded-md bb:shadow-lg bb:bg-white bb:ring-1 bb:ring-black/5",
+		"panel-role": "menu",
+		"onUpdate:modelValue": r[0] ||= (e) => t.$emit("update:modelValue", e)
+	}, {
+		trigger: b((e) => [p(t.$slots, "trigger", {
+			id: e.id,
+			popovertarget: e.popovertarget
+		})]),
+		default: b(() => [(d(!0), i(e, null, f(c.actionItems, (n, r) => (d(), i(e, { key: r }, [c.isLink(n) ? (d(), i("a", {
+			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", {
+				"bb:text-gray-700 bb:focus:bg-gray-100 bb:focus:text-gray-900": c.color(n) === null,
+				"bb:text-yellow-800 bb:focus:bg-yellow-100": c.color(n) === "yellow",
+				"bb:text-red-700 bb:focus:bg-red-50": c.color(n) === "red"
+			}]),
+			onClick: (e) => t.followLink(e, n.href),
+			textContent: g(n.label)
+		}, null, 10, xn)) : (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", {
+				"bb:text-gray-700 bb:focus:bg-gray-100 bb:focus:text-gray-900": c.color(n) === null,
+				"bb:text-yellow-800 bb:focus:bg-yellow-100": c.color(n) === "yellow",
+				"bb:text-red-700 bb:focus:bg-red-50": c.color(n) === "red"
+			}]),
+			onClick: (e) => c.select(n),
+			textContent: g(n.label)
+		}, null, 10, Sn))], 64))), 128))]),
+		_: 3
+	}, 8, ["model-value", "has-content"]);
 }
-var xn = {
-	mixins: [I, q],
+var wn = /*#__PURE__*/ j(bn, [["render", Cn]]), Tn = {
+	components: { PopoverMenu: wn },
+	mixins: [
+		W,
+		$,
+		vn("DropdownButtonWithAction")
+	],
 	emits: ["update:modelValue"],
 	props: {
 		actions: {
 			type: Array,
 			default: () => [],
-			validator: (e) => e.every(bn)
+			validator: (e) => e.every(Y)
 		},
 		modelValue: {
 			type: Boolean,
 			default: !1
 		}
 	},
-	setup() {
-		return {
-			menuButtonId: _(),
-			menuId: _()
-		};
-	},
 	data() {
 		return { menuIsOpen: this.modelValue };
 	},
 	computed: {
-		actionItems() {
-			return Array.isArray(this.actions) ? this.actions.filter((e) => typeof e == "object" && !!e) : [];
+		items() {
+			return X(this.actions);
 		},
 		hasActions() {
-			return this.actionItems.length > 0;
+			return this.items.length > 0;
+		},
+		mainAction() {
+			return this.items[0];
+		},
+		mainColor() {
+			return this.hasActions ? Q(this.mainAction) : null;
+		},
+		menuActions() {
+			return this.items.slice(1);
+		},
+		hasMenu() {
+			return this.menuActions.length > 0;
 		}
 	},
 	watch: {
 		modelValue(e) {
-			this.menuIsOpen = e, this.applyMenuState();
+			this.menuIsOpen = e;
 		},
-		hasActions: {
+		hasMenu: {
 			flush: "post",
 			handler(e) {
-				if (e) {
-					this.applyMenuState();
-					return;
-				}
-				this.stopListening(), this.menuIsOpen && (this.menuIsOpen = !1, this.$emit("update:modelValue", !1));
+				!e && !this.hasActions && this.menuIsOpen && (this.menuIsOpen = !1, this.$emit("update:modelValue", !1));
 			}
 		}
 	},
 	created() {
-		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();
-	},
-	beforeUnmount() {
-		this.stopListening();
+		process.env.NODE_ENV !== "production" && this.$slots.actions && console.warn("[dashboard-ui-components] DropdownButtonWithAction: слот actions убран, пункты меню передаются пропом actions"), process.env.NODE_ENV !== "production" && this.$slots.button && console.warn("[dashboard-ui-components] DropdownButtonWithAction: слот button убран, основная кнопка — первый пункт actions");
 	},
 	methods: {
 		isLink(e) {
-			return typeof e.href == "string" && e.href !== "";
+			return Z(e);
 		},
 		select(e) {
 			if (typeof e.onSelect == "function") return e.onSelect();
 		},
-		applyMenuState() {
-			let e = this.$refs.menu;
-			X(e) && e.isConnected && (this.menuIsOpen && !Z(e) && e.showPopover(), !this.menuIsOpen && Z(e) && e.hidePopover());
-		},
-		close() {
-			let e = this.$refs.menu;
-			Z(e) && e.hidePopover();
-		},
-		onBeforeToggle(e) {
-			e.newState === "open" && _n(this.$refs.arrow, this.$refs.menu, { maxWidth: yn });
-		},
-		onToggle() {
-			this.stopListening();
-			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.stopArrows !== null && (this.stopArrows(), this.stopArrows = null);
+		onMenuToggle(e) {
+			this.menuIsOpen = e, this.$emit("update:modelValue", e);
 		}
 	}
-}, Sn = { class: "bb-dashboard-ui bb:relative bb:inline-flex bb:shadow-xs bb:rounded-md" }, Cn = {
+}, En = {
 	key: 0,
-	class: "bb:-ml-px bb:relative bb:block"
-}, 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: 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: s.menuButtonId,
-		type: "button",
-		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", 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",
-		fill: "currentColor",
-		"aria-hidden": "true"
-	}, [a("path", {
-		"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, wn), a("div", {
-		ref: "menu",
-		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:ring-1 bb:ring-black/5",
-		role: "menu",
-		"aria-orientation": "vertical",
-		"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", {
+	class: "bb-dashboard-ui bb:relative bb:inline-flex bb:shadow-xs bb:rounded-md"
+}, Dn = ["href", "textContent"], On = ["textContent"], kn = ["id", "popovertarget"], An = { class: "bb:sr-only" };
+function jn(e, t, n, o, c, l) {
+	let f = m("popover-menu");
+	return l.hasActions ? (d(), i("span", En, [l.isLink(l.mainAction) ? (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)
+		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", {
+			"bb:rounded-l-md": l.hasMenu,
+			"bb:rounded-md": !l.hasMenu,
+			"bb:bg-white bb:border-gray-300 bb:text-gray-700 bb:hover:bg-gray-50": l.mainColor === null,
+			"bb:bg-yellow-100 bb:border-yellow-300 bb:text-yellow-800 bb:hover:bg-yellow-200": l.mainColor === "yellow",
+			"bb:bg-red-50 bb:border-red-300 bb:text-red-700 bb:hover:bg-red-100": l.mainColor === "red"
+		}]),
+		onClick: t[0] ||= (t) => e.followLink(t, l.mainAction.href),
+		textContent: g(l.mainAction.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)]);
+		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", {
+			"bb:rounded-l-md": l.hasMenu,
+			"bb:rounded-md": !l.hasMenu,
+			"bb:bg-white bb:border-gray-300 bb:text-gray-700 bb:hover:bg-gray-50": l.mainColor === null,
+			"bb:bg-yellow-100 bb:border-yellow-300 bb:text-yellow-800 bb:hover:bg-yellow-200": l.mainColor === "yellow",
+			"bb:bg-red-50 bb:border-red-300 bb:text-red-700 bb:hover:bg-red-100": l.mainColor === "red"
+		}]),
+		onClick: t[1] ||= (e) => l.select(l.mainAction),
+		textContent: g(l.mainAction.label)
+	}, null, 10, On)), s(f, {
+		class: "bb:-ml-px bb:flex",
+		actions: l.menuActions,
+		"model-value": n.modelValue,
+		"onUpdate:modelValue": l.onMenuToggle
+	}, {
+		trigger: b((n) => [a("button", {
+			type: "button",
+			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", {
+				"bb:bg-white bb:border-gray-300 bb:text-gray-500 bb:hover:bg-gray-50": l.mainColor === null,
+				"bb:bg-yellow-100 bb:border-yellow-300 bb:text-yellow-800 bb:hover:bg-yellow-200": l.mainColor === "yellow",
+				"bb:bg-red-50 bb:border-red-300 bb:text-red-700 bb:hover:bg-red-100": l.mainColor === "red"
+			}])
+		}, [a("span", An, g(e.texts.openMenu), 1), t[2] ||= a("svg", {
+			class: "bb:h-5 bb:w-5",
+			xmlns: "http://www.w3.org/2000/svg",
+			viewBox: "0 0 20 20",
+			fill: "currentColor",
+			"aria-hidden": "true"
+		}, [a("path", {
+			"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, kn)]),
+		_: 1
+	}, 8, [
+		"actions",
+		"model-value",
+		"onUpdate:modelValue"
+	])])) : r("", !0);
 }
-var An = /*#__PURE__*/ A(xn, [["render", kn]]), jn = {}, Mn = {
+var Mn = /*#__PURE__*/ j(Tn, [["render", jn]]), Nn = {
+	components: { PopoverMenu: wn },
+	mixins: [W, vn("HamburgerMenu")],
+	props: { actions: {
+		type: Array,
+		default: () => [],
+		validator: (e) => e.every(Y)
+	} }
+}, Pn = ["id", "popovertarget"], Fn = { class: "bb:sr-only" };
+function In(e, t, r, i, o, s) {
+	let c = m("popover-menu");
+	return d(), n(c, {
+		class: "bb-dashboard-ui bb:inline-flex",
+		actions: r.actions
+	}, {
+		trigger: b((n) => [a("button", {
+			type: "button",
+			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", Fn, g(e.texts.openMenu), 1), t[0] ||= a("svg", {
+			class: "bb:h-6 bb:w-6",
+			fill: "none",
+			viewBox: "0 0 24 24",
+			stroke: "currentColor",
+			"aria-hidden": "true"
+		}, [a("path", {
+			"stroke-linecap": "round",
+			"stroke-linejoin": "round",
+			"stroke-width": "2",
+			d: "M4 6h16M4 12h16M4 18h16"
+		})], -1)], 8, Pn)]),
+		_: 1
+	}, 8, ["actions"]);
+}
+var Ln = /*#__PURE__*/ j(Nn, [["render", In]]), Rn = {}, zn = {
 	xmlns: "http://www.w3.org/2000/svg",
 	viewBox: "0 0 20 20",
 	fill: "currentColor",
 	"aria-hidden": "true"
 };
-function Nn(e, t, n, r, o, s) {
-	return d(), i("svg", Mn, [...t[0] ||= [a("path", {
+function Bn(e, t, n, r, o, s) {
+	return d(), i("svg", zn, [...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 Pn = /*#__PURE__*/ A(jn, [["render", Nn]]), Fn = {}, In = {
+var Vn = /*#__PURE__*/ j(Rn, [["render", Bn]]), Hn = {}, Un = {
 	xmlns: "http://www.w3.org/2000/svg",
 	viewBox: "0 0 20 20",
 	fill: "currentColor",
 	"aria-hidden": "true"
 };
-function Ln(e, t, n, r, o, s) {
-	return d(), i("svg", In, [...t[0] ||= [a("path", {
+function Wn(e, t, n, r, o, s) {
+	return d(), i("svg", Un, [...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 Rn = /*#__PURE__*/ A(Fn, [["render", Ln]]);
+var Gn = /*#__PURE__*/ j(Hn, [["render", Wn]]);
 //#endregion
 //#region src/components/Pagination.vue
-function Q(e) {
+function Kn(e) {
 	return typeof e == "string" && e !== "" ? e : null;
 }
-var zn = {
+var qn = {
 	components: {
-		ArrowNarrowLeft: Pn,
-		ArrowNarrowRight: Rn
+		ArrowNarrowLeft: Vn,
+		ArrowNarrowRight: Gn
 	},
-	mixins: [I, q],
+	mixins: [W, $],
 	props: {
 		links: {
 			type: Object,
@@ -1628,49 +1799,49 @@ var zn = {
 			return typeof this.from == "number" && typeof this.to == "number";
 		},
 		previousPageUrl() {
-			return Q(this.links?.prev);
+			return Kn(this.links?.prev);
 		},
 		nextPageUrl() {
-			return Q(this.links?.next);
+			return Kn(this.links?.next);
 		}
 	}
-}, Bn = {
+}, Jn = {
 	key: 0,
 	class: "bb-dashboard-ui bb:px-4 bb:flex bb:items-center bb:justify-between bb:sm:px-0"
-}, Vn = { class: "bb:-mt-px bb:w-0 bb:flex-1 bb:flex" }, Hn = ["href"], Un = {
+}, Yn = { class: "bb:-mt-px bb:w-0 bb:flex-1 bb:flex" }, Xn = ["href"], Zn = {
 	key: 0,
 	class: "bb:hidden bb:md:-mt-px bb:md:flex bb:text-gray-400 bb:text-sm bb:leading-5"
-}, 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) {
+}, Qn = { class: "bb:font-medium bb:text-gray-900 bb:mx-1" }, $n = { class: "bb:font-medium bb:text-gray-900 bb:mx-1" }, er = { class: "bb:-mt-px bb:w-0 bb:flex-1 bb:flex bb:justify-end" }, tr = ["href"];
+function nr(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", {
+	return u.hasResults ? (d(), i("nav", Jn, [
+		a("div", Yn, [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, Hn))]),
-		u.hasRange ? (d(), i("div", Un, [
+		}, [s(f, { class: "bb:mr-3 bb:h-5 bb:w-5 bb:text-gray-400" }), o(" " + g(e.texts.previousPage), 1)], 8, Xn))]),
+		u.hasRange ? (d(), i("div", Zn, [
 			o(g(e.texts.resultsBefore) + " ", 1),
-			a("span", Wn, g(u.from) + " - " + g(u.to), 1),
+			a("span", Qn, g(u.from) + " - " + g(u.to), 1),
 			o(" " + g(e.texts.resultsOf) + " ", 1),
-			a("span", Gn, g(u.total), 1),
+			a("span", $n, g(u.total), 1),
 			o(" " + g(e.texts.resultsAfter), 1)
 		])) : r("", !0),
-		a("div", Kn, [u.nextPageUrl === null ? r("", !0) : (d(), i("a", {
+		a("div", er, [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, qn))])
+		}, [o(g(e.texts.nextPage) + " ", 1), s(p, { class: "bb:ml-3 bb:h-5 bb:w-5 bb:text-gray-400" })], 8, tr))])
 	])) : r("", !0);
 }
-var Yn = /*#__PURE__*/ A(zn, [["render", Jn]]), Xn = [
+var rr = /*#__PURE__*/ j(qn, [["render", nr]]), ir = [
 	"left",
 	"center",
 	"right"
-], Zn = ["red", "green"];
-function Qn(e) {
+], ar = ["red", "green"];
+function or(e) {
 	if (typeof e != "object" || !e || typeof e.key != "string" || e.key === "") return null;
 	let t = e.key;
 	return {
@@ -1679,21 +1850,21 @@ function Qn(e) {
 		value: typeof e.value == "function" ? e.value : (e) => e?.[t],
 		secondary: typeof e.secondary == "function" ? e.secondary : null,
 		muted: e.muted === !0,
-		align: Xn.includes(e.align) ? e.align : "left",
+		align: ir.includes(e.align) ? e.align : "left",
 		wrap: e.wrap === !0,
 		narrow: e.narrow === !0,
 		visible: e.visible !== !1
 	};
 }
-function $(e) {
+function sr(e) {
 	return typeof e == "string" && e !== "" ? e : null;
 }
-var $n = {
+var cr = {
 	components: {
-		Pagination: Yn,
-		SmallBadge: U
+		Pagination: rr,
+		SmallBadge: G
 	},
-	mixins: [I],
+	mixins: [W],
 	props: {
 		rows: {
 			type: Array,
@@ -1738,7 +1909,7 @@ var $n = {
 			return Array.isArray(this.rows) ? this.rows : [];
 		},
 		visibleColumns() {
-			return (Array.isArray(this.columns) ? this.columns : []).map(Qn).filter((e) => e !== null && e.visible);
+			return (Array.isArray(this.columns) ? this.columns : []).map(or).filter((e) => e !== null && e.visible);
 		},
 		isCard() {
 			return this.variant === "card";
@@ -1754,10 +1925,10 @@ var $n = {
 		},
 		badgeText() {
 			if (this.hasRecords) {
-				let e = $(this.foundText);
+				let e = sr(this.foundText);
 				return e === null ? null : `${e}: ${this.recordCount}`;
 			}
-			return $(this.emptyText);
+			return sr(this.emptyText);
 		}
 	},
 	methods: {
@@ -1777,15 +1948,15 @@ var $n = {
 		colorOf(e) {
 			if (typeof this.rowColor != "function") return null;
 			let t = this.rowColor(e);
-			return Zn.includes(t) ? t : null;
+			return ar.includes(t) ? t : null;
 		},
 		textOf(e, t) {
 			let n = e(t);
 			return n == null ? "" : String(n);
 		}
 	}
-}, 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) {
+}, lr = { class: "bb:min-w-full bb:divide-y bb:divide-gray-200 bb:border-collapse" }, ur = { class: "bb:bg-gray-50" }, dr = ["textContent"], fr = { class: "bb:divide-y bb:divide-gray-200" }, pr = ["textContent"], mr = ["textContent"];
+function hr(t, o, s, c, l, h) {
 	let _ = m("small-badge"), v = m("pagination");
 	return d(), i("div", null, [
 		h.hasBadgeRow() ? (d(), i("div", {
@@ -1799,7 +1970,7 @@ function or(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", er, [a("thead", null, [a("tr", tr, [(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", lr, [a("thead", null, [a("tr", ur, [(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", [{
@@ -1808,7 +1979,7 @@ function or(t, o, s, c, l, h) {
 				"bb:text-right": e.align === "right"
 			}, { "bb:w-px": e.narrow }]]),
 			textContent: g(e.label)
-		}, null, 10, nr))), 128))])]), a("tbody", rr, [(d(!0), i(e, null, f(h.normalizedRows, (n, o) => (d(), i("tr", {
+		}, null, 10, dr))), 128))])]), a("tbody", fr, [(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,
@@ -1832,11 +2003,11 @@ function or(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, ir), e.secondary !== null && h.textOf(e.secondary, n) !== "" ? (d(), i("div", {
+		}, null, 10, pr), 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, ar)) : r("", !0)])], 2))), 128))], 2))), 128))])])], 2)], 2)) : r("", !0),
+		}, null, 8, mr)) : r("", !0)])], 2))), 128))], 2))), 128))])])], 2)], 2)) : r("", !0),
 		h.hasMeta ? (d(), n(v, {
 			key: 2,
 			meta: s.meta,
@@ -1851,8 +2022,8 @@ function or(t, o, s, c, l, h) {
 		])) : r("", !0)
 	]);
 }
-var sr = /*#__PURE__*/ A($n, [["render", or]]), cr = {
-	mixins: [q],
+var gr = /*#__PURE__*/ j(cr, [["render", hr]]), _r = {
+	mixins: [$],
 	props: {
 		url: {
 			type: String,
@@ -1867,28 +2038,46 @@ var sr = /*#__PURE__*/ A($n, [["render", or]]), cr = {
 			default: !1
 		}
 	}
-}, lr = ["href", "textContent"];
-function ur(e, t, n, r, a, o) {
+}, vr = ["href", "textContent"];
+function yr(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, lr);
+	}, null, 10, vr);
+}
+var br = /*#__PURE__*/ j(_r, [["render", yr]]), xr = { emits: ["clicked"] };
+function Sr(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 dr = /*#__PURE__*/ A(cr, [["render", ur]]), fr = [
+var Cr = /*#__PURE__*/ j(xr, [["render", Sr]]), wr = [
 	"xl",
 	"4xl",
 	"7xl"
-], pr = {
-	components: { Closer: W },
-	mixins: [I],
+], Tr = {
+	components: { Closer: Cr },
+	mixins: [W],
 	inheritAttrs: !1,
 	props: {
 		width: {
 			type: String,
 			default: "xl",
-			validator: (e) => fr.includes(e)
+			validator: (e) => wr.includes(e)
 		},
 		fallbackUrl: {
 			type: String,
@@ -1904,13 +2093,13 @@ var dr = /*#__PURE__*/ A(cr, [["render", ur]]), fr = [
 	},
 	computed: {
 		resolvedWidth() {
-			return fr.includes(this.width) ? this.width : "xl";
+			return wr.includes(this.width) ? this.width : "xl";
 		},
 		windows() {
 			return this.uiSettings.windows;
 		},
 		resolvedKey() {
-			return this.windowKey !== null && this.windowKey !== "" ? this.windowKey : this.windows === null ? null : ae(this.windows.page.address);
+			return this.windowKey !== null && this.windowKey !== "" ? this.windowKey : this.windows === null ? null : ie(this.windows.page.address);
 		},
 		target() {
 			return this.returnAddress === null ? this.fallbackUrl === null || this.fallbackUrl === "" ? null : this.fallbackUrl : this.returnAddress;
@@ -1920,23 +2109,23 @@ var dr = /*#__PURE__*/ A(cr, [["render", ur]]), fr = [
 		}
 	},
 	watch: { fallbackUrl() {
-		this.windows !== null && pe(this.windows.state, this, this.fallbackAddress());
+		this.windows !== null && fe(this.windows.state, this, this.fallbackAddress());
 	} },
 	mounted() {
-		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" }));
+		this.windows !== null && (this.returnAddress = O(this.windows.state, this, this.resolvedKey, this.fallbackAddress()).returnAddress, this.$watch(() => [this.windows.page.number, this.resolvedKey], () => this.syncWindow(), { flush: "post" }));
 	},
 	beforeUnmount() {
-		this.windows !== null && fe(this.windows.state, this);
+		this.windows !== null && de(this.windows.state, this);
 	},
 	methods: {
 		fallbackAddress() {
-			return ie(this.fallbackUrl, window.location.origin);
+			return T(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());
+			let e = ue(this.windows.state, this, this.resolvedKey, this.fallbackAddress());
 			e.rejected && console.warn(`PageCard: ключ окна сменился на «${this.resolvedKey}» без смены страницы — карточка остаётся в окне «${e.key}»`), this.returnAddress = e.window.returnAddress;
 		},
 		close() {
@@ -1951,7 +2140,7 @@ var dr = /*#__PURE__*/ A(cr, [["render", ur]]), fr = [
 		}
 	}
 };
-function mr(e, t, a, o, s, c) {
+function Er(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", [
@@ -1984,7 +2173,7 @@ function mr(e, t, a, o, s, c) {
 		"onClicked"
 	])) : r("", !0)], 16);
 }
-var hr = /*#__PURE__*/ A(pr, [["render", mr]]), gr = {}, _r = {
+var Dr = /*#__PURE__*/ j(Tr, [["render", Er]]), Or = {}, kr = {
 	class: "bb:h-7 bb:w-7 bb:text-green-600",
 	xmlns: "http://www.w3.org/2000/svg",
 	fill: "none",
@@ -1993,22 +2182,22 @@ var hr = /*#__PURE__*/ A(pr, [["render", mr]]), gr = {}, _r = {
 	stroke: "currentColor",
 	"aria-hidden": "true"
 };
-function vr(e, t, n, r, o, s) {
-	return d(), i("svg", _r, [...t[0] ||= [a("path", {
+function Ar(e, t, n, r, o, s) {
+	return d(), i("svg", kr, [...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(gr, [["render", vr]]), br = {}, xr = {
+var jr = /*#__PURE__*/ j(Or, [["render", Ar]]), Mr = {}, Nr = {
 	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 Sr(e, t, n, r, o, s) {
-	return d(), i("svg", xr, [...t[0] ||= [a("path", {
+function Pr(e, t, n, r, o, s) {
+	return d(), i("svg", Nr, [...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"
@@ -2016,14 +2205,14 @@ function Sr(e, t, n, r, o, s) {
 }
 //#endregion
 //#region src/components/NotificationMessage.vue
-var Cr = {
+var Fr = {
 	components: {
-		Check: yr,
-		Close: /* @__PURE__ */ A(br, [["render", Sr]]),
-		Dangerous: G,
-		Warning: K
+		Check: jr,
+		Close: /* @__PURE__ */ j(Mr, [["render", Pr]]),
+		Dangerous: K,
+		Warning: q
 	},
-	mixins: [I],
+	mixins: [W],
 	emits: ["update:modelValue"],
 	props: {
 		modelValue: {
@@ -2061,8 +2250,8 @@ var Cr = {
 			return this.type === "confirmation";
 		}
 	}
-}, 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) {
+}, Ir = ["role"], Lr = { class: "bb:p-4" }, Rr = { class: "bb:flex bb:items-start" }, zr = { class: "bb:shrink-0" }, Br = { class: "bb:ml-3 bb:w-0 bb:flex-1 bb:pt-0.5" }, Vr = { class: "bb:text-sm bb:font-medium bb:text-gray-900" }, Hr = { class: "bb:mt-1 bb:text-sm bb:text-gray-500" }, Ur = { class: "bb:ml-4 bb:shrink-0 bb:flex" }, Wr = { class: "bb:sr-only" };
+function Gr(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",
@@ -2074,14 +2263,14 @@ function Nr(e, t, o, c, l, f) {
 			"bb:bg-yellow-50": f.isWarning,
 			"bb:bg-gray-50": f.isConfirmation
 		}])
-	}, [a("div", Tr, [a("div", Er, [
-		a("div", Dr, [
+	}, [a("div", Lr, [a("div", Rr, [
+		a("div", zr, [
 			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", Or, [a("p", kr, g(o.notificationHeading), 1), a("p", Ar, g(f.text), 1)]),
-		a("div", jr, [a("button", {
+		a("div", Br, [a("p", Vr, g(o.notificationHeading), 1), a("p", Hr, g(f.text), 1)]),
+		a("div", Ur, [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,
@@ -2089,9 +2278,9 @@ function Nr(e, t, o, c, l, f) {
 				"bb:bg-gray-50": f.isConfirmation
 			}]),
 			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);
+		}, [a("span", Wr, g(e.texts.close), 1), s(v)], 2)])
+	])])], 2)) : r("", !0)], 8, Ir);
 }
-var Pr = /*#__PURE__*/ A(Cr, [["render", Nr]]);
+var Kr = /*#__PURE__*/ j(Fr, [["render", Gr]]);
 //#endregion
-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 };
+export { _n as ConfirmationModal, gr as DataTable, ve as Dot, Jt as DownloadLink, Mn as DropdownButtonWithAction, Bt as ErrorMessages, Ln as HamburgerMenu, br as NavigationMenuElement, Kr as NotificationMessage, Dr as PageCard, Ie as RussianMobileFilter, Ue as Search, ft as SelectDateInterval, At as SelectSingle, G as SmallBadge, he as dashboardUi };