@boobooking/dashboard-ui-components 0.11.1 → 0.13.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 x 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 S = ["ru", "en"];
-function C(e) {
-	return S.includes(e);
+var C = ["ru", "en"];
+function w(e) {
+	return C.includes(e);
 }
-var w = {
+var re = {
 	ru: {
 		cancel: "Отмена",
 		download: "Скачать",
@@ -102,26 +102,152 @@ var w = {
 		back: "Back",
 		close: "Close"
 	}
-}, T = Symbol("dashboardUi"), te = Object.freeze({
+};
+//#endregion
+//#region src/windows.js
+function T(e, t) {
+	if (e == null || e === "") return null;
+	let n = new URL(String(e), t);
+	return n.pathname + n.search;
+}
+function ie(e) {
+	return e === null ? null : e.split("?")[0];
+}
+function ae() {
+	return {
+		windows: [],
+		cards: /* @__PURE__ */ new Map(),
+		shown: null,
+		transition: {
+			number: 0,
+			fromAddress: null,
+			fromWindow: null,
+			assigned: /* @__PURE__ */ new Map()
+		},
+		nextId: 1
+	};
+}
+function E(e, t) {
+	return e.windows.includes(t);
+}
+function oe(e) {
+	return e.returnAddress ?? e.fallbackAddress;
+}
+function se(e) {
+	let t = null;
+	for (let n of e.cards.values()) t = n.window;
+	return t;
+}
+function D(e, t) {
+	let n = t;
+	for (; n !== null && !E(e, n);) n = n.parent;
+	return n;
+}
+function ce(e, t) {
+	return e.transition = {
+		number: e.transition.number + 1,
+		fromAddress: e.shown,
+		fromWindow: se(e),
+		assigned: /* @__PURE__ */ new Map()
+	}, e.shown = t, e.transition.number;
+}
+function le(e, t, n) {
+	let r = e.transition, i = r.assigned.get(t);
+	if (i !== void 0 && E(e, i)) return i;
+	let a = r.fromWindow, o = r.fromAddress;
+	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,
+		key: t,
+		parent: a,
+		returnAddress: o,
+		fallbackAddress: n
+	};
+	return e.nextId += 1, e.windows.push(s), s;
+}
+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 ue(e, t, n, r) {
+	let i = e.cards.get(t);
+	return i === void 0 ? {
+		window: O(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: O(e, t, n, r),
+		rejected: !1,
+		key: n
+	});
+}
+function de(e, t) {
+	e.cards.delete(t);
+}
+function fe(e, t, n) {
+	let r = e.cards.get(t);
+	r !== void 0 && (r.window.fallbackAddress = n);
+}
+//#endregion
+//#region src/plugin.js
+var k = Symbol("dashboardUi"), pe = Object.freeze({
 	lang: "ru",
-	navigate: null
-}), E = { uiSettings: {
-	from: T,
-	default: () => te
-} }, D = { install(e, t) {
+	navigate: null,
+	windows: null
+}), A = { uiSettings: {
+	from: k,
+	default: () => pe
+} };
+function me(e, t) {
+	let n = ae(), r = h({
+		number: 0,
+		address: null
+	}), i = c(!0);
+	return i.run(() => {
+		ee(t, (e) => {
+			let t = T(e, window.location.origin);
+			t !== null && t !== r.address && (r.number = ce(n, t), r.address = t);
+		}, {
+			flush: "sync",
+			immediate: !0
+		});
+	}), e.onUnmount(() => i.stop()), {
+		state: n,
+		page: r
+	};
+}
+var he = { install(e, t) {
 	let n = t ?? {}, r = Object.hasOwn(n, "lang") ? n.lang : "ru";
-	if (!C(r)) throw Error(`dashboardUi: неизвестный lang «${r}», допустимы: ${S.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(T, 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" ? me(e, s) : null;
+	e.provide(k, Object.freeze({
 		lang: r,
-		navigate: a
+		navigate: a,
+		windows: c
 	}));
-} }, O = (e, t) => {
+} }, j = (e, t) => {
 	let n = e.__vccOpts || e;
 	for (let [e, r] of t) n[e] = r;
 	return n;
-}, k = {
+}, ge = {
 	props: {
 		isOpen: {
 			type: Boolean,
@@ -148,21 +274,21 @@ var w = {
 		document.removeEventListener("keydown", this.handleEscape);
 	}
 };
-function A(e, t, n, r, a, o) {
-	return y((u(), i("button", {
+function _e(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 ne = {
-	components: { Overlay: /* @__PURE__ */ O(k, [["render", A]]) },
+var ve = {
+	components: { Overlay: /* @__PURE__ */ j(ge, [["render", _e]]) },
 	inheritAttrs: !1,
 	emits: ["update:modelValue"],
 	props: {
@@ -195,12 +321,12 @@ var ne = {
 			return this.align === "right";
 		}
 	}
-}, re = { class: "bb-dashboard-ui bb:relative" };
-function ie(e, n, r, o, l, d) {
-	let m = p("overlay");
-	return u(), i("div", re, [s(m, {
-		"is-open": l.overlayIsOpen,
-		"onUpdate:isOpen": n[0] ||= (e) => l.overlayIsOpen = e
+}, ye = { class: "bb-dashboard-ui bb:relative" };
+function be(e, n, r, o, c, u) {
+	let f = m("overlay");
+	return d(), i("div", ye, [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 ie(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 j = /*#__PURE__*/ O(ne, [["render", ie]]), ae = {
+var M = /*#__PURE__*/ j(ve, [["render", be]]), xe = {
 	props: {
 		withPulse: {
 			type: Boolean,
@@ -237,8 +363,8 @@ var j = /*#__PURE__*/ O(ne, [["render", ie]]), ae = {
 		}
 	}
 };
-function oe(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 Se(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 oe(e, t, n, r, o, s) {
 		r: "45"
 	})], -1)]], 2);
 }
-var M = /*#__PURE__*/ O(ae, [["render", oe]]), se = {}, ce = {
+var N = /*#__PURE__*/ j(xe, [["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 le(e, t, n, r, o, s) {
-	return u(), i("button", ce, [...t[0] ||= [a("svg", {
+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"
@@ -268,13 +394,13 @@ function le(e, t, n, r, o, s) {
 		d: "M6 18L18 6M6 6l12 12"
 	})], -1)]]);
 }
-var N = /*#__PURE__*/ O(se, [["render", le]]);
+var P = /*#__PURE__*/ j(Ce, [["render", Te]]);
 //#endregion
 //#region src/date.js
-function P(e) {
+function F(e) {
 	return `${String(e.getDate()).padStart(2, "0")}.${String(e.getMonth() + 1).padStart(2, "0")}.${String(e.getFullYear()).padStart(4, "0")}`;
 }
-function F(e) {
+function I(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 F(e) {
 }
 //#endregion
 //#region src/lang.js
-var I = {
-	inject: E,
+var L = {
+	inject: A,
 	props: { lang: {
 		type: String,
 		default: null,
-		validator: (e) => e === null || C(e)
+		validator: (e) => e === null || w(e)
 	} },
 	computed: {
 		resolvedLang() {
-			return C(this.lang) ? this.lang : this.uiSettings.lang;
+			return w(this.lang) ? this.lang : this.uiSettings.lang;
 		},
 		texts() {
-			return w[this.resolvedLang];
+			return re[this.resolvedLang];
 		}
 	}
-}, L = {
+}, Ee = {
 	components: {
-		Popup: j,
-		Eraser: N
+		Popup: M,
+		Eraser: P
 	},
-	mixins: [I],
+	mixins: [L],
 	emits: ["update:modelValue", "changed"],
 	props: {
 		modelValue: {
@@ -329,8 +455,8 @@ var I = {
 			keyboardInput: !1,
 			bound: !1,
 			firstDay: 1,
-			parse: (e) => F(e),
-			toString: (e) => P(e),
+			parse: (e) => I(e),
+			toString: (e) => F(e),
 			i18n: {
 				previousMonth: this.texts.previousMonth,
 				nextMonth: this.texts.nextMonth,
@@ -339,7 +465,7 @@ var I = {
 				weekdaysShort: this.texts.weekdaysShort
 			},
 			onSelect: (e) => {
-				this.popupIsOpen = !1, this.$emit("update:modelValue", P(e)), this.$emit("changed");
+				this.popupIsOpen = !1, this.$emit("update:modelValue", F(e)), this.$emit("changed");
 			}
 		}));
 	},
@@ -359,7 +485,7 @@ var I = {
 	methods: {
 		syncPicker(e) {
 			if (this.picker === null) return;
-			let t = F(e);
+			let t = I(e);
 			if (t === null) {
 				this.picker.clear();
 				return;
@@ -378,42 +504,42 @@ var I = {
 			return !this.withEraser || this.popupIsOpen ? !1 : this.hasValue;
 		}
 	}
-}, R = { class: "bb-dashboard-ui bb:flex bb:flex-col" }, z = { class: "bb:relative bb:flex bb:h-full bb:cursor-pointer bb:leading-none" }, B = { class: "bb:min-w-24 bb:w-full bb:h-full" }, V = [
+}, De = { class: "bb-dashboard-ui bb:flex bb:flex-col" }, Oe = { class: "bb:relative bb:flex bb:h-full bb:cursor-pointer bb:leading-none" }, ke = { class: "bb:min-w-24 bb:w-full bb:h-full" }, Ae = [
 	"disabled",
 	"value",
 	"placeholder"
-], H = {
+], je = {
 	ref: "container",
 	class: "bb:flex bb:mt-1 bb:bg-white bb:border bb:border-gray-200 bb:rounded-md bb:shadow-lg"
 };
-function U(e, t, o, c, d, f) {
-	let m = p("eraser"), h = p("popup");
-	return u(), i("div", R, [a("div", z, [a("button", {
+function Me(e, t, o, c, l, f) {
+	let p = m("eraser"), h = m("popup");
+	return d(), i("div", De, [a("div", Oe, [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", B, [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", ke, [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, V)])], 2), f.needsEraser ? (u(), n(m, {
+	}, null, 8, Ae)])], 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", H, null, 512)]),
+		default: b(() => [a("div", je, null, 512)]),
 		_: 1
 	}, 8, ["modelValue"])]);
 }
-var W = /*#__PURE__*/ O(L, [["render", U]]), ue = {
-	components: { Dot: M },
+var R = /*#__PURE__*/ j(Ee, [["render", Me]]), Ne = {
+	components: { Dot: N },
 	props: {
 		text: {
 			type: String,
@@ -428,43 +554,43 @@ var W = /*#__PURE__*/ O(L, [["render", U]]), ue = {
 			default: !1
 		}
 	}
-}, de = { class: "bb:flex bb:h-6 bb:px-3 bb:bg-white bb:items-center bb:justify-between" }, fe = ["textContent"];
-function pe(e, t, n, r, o, c) {
-	let l = p("dot");
-	return u(), i("div", de, [
+}, Pe = { class: "bb:flex bb:h-6 bb:px-3 bb:bg-white bb:items-center bb:justify-between" }, Fe = ["textContent"];
+function Ie(e, t, n, r, o, c) {
+	let l = m("dot");
+	return d(), i("div", Pe, [
 		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, fe),
-		y(s(l, {
+			textContent: g(n.text)
+		}, null, 8, Fe),
+		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 G = /*#__PURE__*/ O(ue, [["render", pe]]), me = 10;
-function he(e) {
+var z = /*#__PURE__*/ j(Ne, [["render", Ie]]), Le = 10;
+function Re(e) {
 	let t = e.replace(/\D/g, "");
-	return (t.startsWith("7") || t.startsWith("8")) && t[1] === "9" && (t = t.slice(1)), t.slice(0, me);
+	return (t.startsWith("7") || t.startsWith("8")) && t[1] === "9" && (t = t.slice(1)), t.slice(0, Le);
 }
-function K(e) {
+function B(e) {
 	return e === "" ? "" : `7${e}`;
 }
-function q(e) {
+function V(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 ge = 400, _e = 3, ve = {
+var ze = 400, Be = 3, Ve = {
 	components: {
-		ElementHeader: G,
-		Eraser: N
+		ElementHeader: z,
+		Eraser: P
 	},
 	emits: ["update:modelValue", "changed"],
 	props: {
@@ -486,32 +612,32 @@ var ge = 400, _e = 3, ve = {
 		}
 	},
 	data() {
-		return { digits: q(this.modelValue) };
+		return { digits: V(this.modelValue) };
 	},
 	created() {
-		this.mask = null, this.debounceTimer = null, this.isWritingProgrammatically = !1, this.lastCommitted = q(this.modelValue), this.isUnmounted = !1;
+		this.mask = null, this.debounceTimer = null, this.isWritingProgrammatically = !1, this.lastCommitted = V(this.modelValue), this.isUnmounted = !1;
 	},
 	mounted() {
-		this.mask = x(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", K(this.digits)), this.scheduleCommit());
+			this.isWritingProgrammatically || (this.digits = this.mask.unmaskedValue, this.$emit("update:modelValue", B(this.digits)), this.scheduleCommit());
 		}), this.syncFromModelValue(this.modelValue);
 	},
 	beforeUnmount() {
 		this.isUnmounted = !0, clearTimeout(this.debounceTimer), this.mask?.destroy();
 	},
 	watch: { modelValue(e) {
-		e !== K(this.digits) && this.syncFromModelValue(e);
+		e !== B(this.digits) && this.syncFromModelValue(e);
 	} },
 	methods: {
 		syncFromModelValue(e) {
-			this.writeToMask(q(e)), this.digits = this.mask.unmaskedValue, this.lastCommitted = this.digits;
+			this.writeToMask(V(e)), this.digits = this.mask.unmaskedValue, this.lastCommitted = this.digits;
 		},
 		applyUserDigits(e) {
-			this.writeToMask(e), this.digits = this.mask.unmaskedValue, this.$emit("update:modelValue", K(this.digits));
+			this.writeToMask(e), this.digits = this.mask.unmaskedValue, this.$emit("update:modelValue", B(this.digits));
 		},
 		writeToMask(e) {
 			if (this.isWritingProgrammatically = !0, e === "") this.mask.value = "";
@@ -534,7 +660,7 @@ var ge = 400, _e = 3, ve = {
 			this.isUnmounted || (this.setLazy(!0), this.digits === "" && this.writeToMask(""), this.commit());
 		},
 		onPaste(e) {
-			this.applyUserDigits(he(e.clipboardData?.getData("text") ?? "")), this.scheduleCommit();
+			this.applyUserDigits(Re(e.clipboardData?.getData("text") ?? "")), this.scheduleCommit();
 		},
 		clear() {
 			this.applyUserDigits(""), this.commit();
@@ -544,16 +670,16 @@ var ge = 400, _e = 3, ve = {
 				this.commit();
 				return;
 			}
-			this.digits.length < _e || (this.debounceTimer = setTimeout(() => this.commit(), ge));
+			this.digits.length < Be || (this.debounceTimer = setTimeout(() => this.commit(), ze));
 		},
 		commit() {
 			clearTimeout(this.debounceTimer), this.digits !== this.lastCommitted && (this.lastCommitted = this.digits, this.$emit("changed"));
 		}
 	}
-}, ye = { class: "bb-dashboard-ui bb:flex bb:flex-none" }, be = { class: "bb:flex bb:w-full bb:flex-col bb:border bb:border-white bb:bg-white" }, xe = { class: "bb:relative bb:flex bb:h-full bb:w-full" }, Se = { class: "bb:flex bb:w-full bb:h-full bb:items-center bb:justify-center" };
-function Ce(e, t, n, r, o, c) {
-	let l = p("element-header"), d = p("eraser");
-	return u(), i("div", ye, [a("div", be, [s(l, {
+}, He = { class: "bb-dashboard-ui bb:flex bb:flex-none" }, Ue = { class: "bb:flex bb:w-full bb:flex-col bb:border bb:border-white bb:bg-white" }, We = { class: "bb:relative bb:flex bb:h-full bb:w-full" }, Ge = { 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 = m("element-header"), u = m("eraser");
+	return d(), i("div", He, [a("div", Ue, [s(l, {
 		text: n.header,
 		"is-required": n.isRequired,
 		"is-loading": n.isLoading
@@ -561,7 +687,7 @@ function Ce(e, t, n, r, o, c) {
 		"text",
 		"is-required",
 		"is-loading"
-	]), a("div", xe, [a("label", Se, [a("input", {
+	]), a("div", We, [a("label", Ge, [a("input", {
 		ref: "input",
 		type: "tel",
 		inputmode: "tel",
@@ -569,18 +695,18 @@ function Ce(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 we = /*#__PURE__*/ O(ve, [["render", Ce]]), Te = {
+var qe = /*#__PURE__*/ j(Ve, [["render", Ke]]), Je = {
 	components: {
-		ElementHeader: G,
-		Eraser: N
+		ElementHeader: z,
+		Eraser: P
 	},
 	emits: ["update:modelValue", "changed"],
 	props: {
@@ -618,10 +744,10 @@ var we = /*#__PURE__*/ O(ve, [["render", Ce]]), Te = {
 			this.$emit("update:modelValue", this.search), this.$emit("changed");
 		}
 	}
-}, Ee = { class: "bb-dashboard-ui bb:flex bb:flex-none" }, De = { class: "bb:flex bb:w-full bb:flex-col bb:border bb:border-white bb:bg-white" }, Oe = { 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 Ae(e, t, n, r, o, c) {
-	let l = p("element-header"), d = p("eraser");
-	return u(), i("div", Ee, [a("div", De, [s(l, {
+}, Ye = { class: "bb-dashboard-ui bb:flex bb:flex-none" }, Xe = { class: "bb:flex bb:w-full bb:flex-col bb:border bb:border-white bb:bg-white" }, Ze = { class: "bb:relative bb:flex bb:h-full bb:w-full" }, Qe = { class: "bb:flex bb:w-full bb:h-full bb:items-center bb:justify-center" };
+function $e(e, t, n, r, o, c) {
+	let l = m("element-header"), u = m("eraser");
+	return d(), i("div", Ye, [a("div", Xe, [s(l, {
 		text: n.header,
 		"is-required": n.isRequired,
 		"is-loading": n.isLoading
@@ -629,26 +755,26 @@ function Ae(e, t, n, r, o, c) {
 		"text",
 		"is-required",
 		"is-loading"
-	]), a("div", Oe, [a("label", ke, [y(a("input", {
+	]), a("div", Ze, [a("label", Qe, [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 je = /*#__PURE__*/ O(Te, [["render", Ae]]), Me = {
+var et = /*#__PURE__*/ j(Je, [["render", $e]]), tt = {
 	components: {
-		ElementHeader: G,
-		PickDay: W
+		ElementHeader: z,
+		PickDay: R
 	},
-	mixins: [I],
+	mixins: [L],
 	emits: [
 		"update:dateFrom",
 		"update:dateTo",
@@ -696,10 +822,10 @@ var je = /*#__PURE__*/ O(Te, [["render", Ae]]), Me = {
 			this.$emit("update:dateTo", e), this.dateTo !== e && this.$emit("changed");
 		}
 	}
-}, Ne = { class: "bb-dashboard-ui bb:flex" }, Pe = { class: "bb:flex bb:border bb:border-white" }, Fe = { class: "bb:flex bb:flex-col bb:min-w-72 bb:w-72 bb:bg-white bb:h-full" }, Ie = { class: "bb:flex bb:h-full bb:divide-x bb:divide-gray-200" };
-function Le(e, t, n, r, o, c) {
-	let l = p("element-header"), d = p("pick-day");
-	return u(), i("div", Ne, [a("div", Pe, [a("div", Fe, [s(l, {
+}, nt = { class: "bb-dashboard-ui bb:flex" }, rt = { class: "bb:flex bb:border bb:border-white" }, it = { class: "bb:flex bb:flex-col bb:min-w-72 bb:w-72 bb:bg-white bb:h-full" }, at = { class: "bb:flex bb:h-full bb:divide-x bb:divide-gray-200" };
+function ot(e, t, n, r, o, c) {
+	let l = m("element-header"), u = m("pick-day");
+	return d(), i("div", nt, [a("div", rt, [a("div", it, [s(l, {
 		text: n.header,
 		"is-required": n.isRequired,
 		"is-loading": n.isLoading
@@ -707,7 +833,7 @@ function Le(e, t, n, r, o, c) {
 		"text",
 		"is-required",
 		"is-loading"
-	]), a("div", Ie, [s(d, {
+	]), a("div", at, [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 Le(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 Le(e, t, n, r, o, c) {
 		"lang"
 	])])])])]);
 }
-var Re = /*#__PURE__*/ O(Me, [["render", Le]]), ze = {
+var st = /*#__PURE__*/ j(tt, [["render", ot]]), ct = {
 	components: {
-		Popup: j,
-		Eraser: N
+		Popup: M,
+		Eraser: P
 	},
 	emits: ["update:isOpen", "erased"],
 	props: {
@@ -763,29 +889,29 @@ var Re = /*#__PURE__*/ O(Me, [["render", Le]]), ze = {
 	computed: { needsEraser() {
 		return !this.isOpen && this.hasValue;
 	} }
-}, Be = { class: "bb:flex bb:flex-col bb:grow bb:bg-white" }, Ve = { class: "bb:relative bb:flex bb:w-full bb:h-full" }, He = ["textContent"];
-function Ue(e, t, o, c, d, h) {
-	let g = p("eraser"), _ = p("popup");
-	return u(), i("div", Be, [a("div", Ve, [a("button", {
+}, lt = { class: "bb:flex bb:flex-col bb:grow bb:bg-white" }, ut = { class: "bb:relative bb:flex bb:w-full bb:h-full" }, dt = ["textContent"];
+function ft(e, t, o, c, l, f) {
+	let h = m("eraser"), _ = m("popup");
+	return d(), i("div", lt, [a("div", ut, [a("button", {
 		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, He)], 2), h.needsEraser ? (u(), n(g, {
+		textContent: g(o.title)
+	}, null, 8, dt)], 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 We = /*#__PURE__*/ O(ze, [["render", Ue]]), Ge = {
+var pt = /*#__PURE__*/ j(ct, [["render", ft]]), mt = {
 	props: {
 		isChecked: {
 			type: Boolean,
@@ -797,31 +923,31 @@ var We = /*#__PURE__*/ O(ze, [["render", Ue]]), Ge = {
 	methods: { toggle() {
 		this.$emit("clicked");
 	} }
-}, Ke = { class: "bb:flex bb:w-9 bb:h-9 bb:items-center bb:justify-center" }, qe = {
+}, ht = { class: "bb:flex bb:w-9 bb:h-9 bb:items-center bb:justify-center" }, gt = {
 	class: "bb:w-5 bb:h-5 bb:fill-current bb:text-green-300",
 	viewBox: "0 0 20 20"
-}, Je = ["textContent"];
-function Ye(e, t, n, r, o, s) {
-	return u(), i("button", {
+}, _t = ["textContent"];
+function vt(e, t, n, r, o, s) {
+	return d(), i("button", {
 		type: "button",
-		onClick: t[0] ||= b((...e) => s.toggle && s.toggle(...e), ["prevent"]),
+		onClick: t[0] ||= S((...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", Ke, [y((u(), i("svg", qe, [...t[1] ||= [a("path", {
+	}, [a("span", ht, [x((d(), i("svg", gt, [...t[1] ||= [a("path", {
 		d: "M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z",
 		"clip-rule": "evenodd",
 		"fill-rule": "evenodd"
-	}, null, -1)]], 512)), [[_, 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, Je)]);
+		textContent: g(n.name)
+	}, null, 8, _t)]);
 }
 //#endregion
 //#region src/components/SelectSingle.vue
-var Xe = {
+var yt = {
 	components: {
-		ElementHeader: G,
-		DropdownButton: We,
-		ListElement: /* @__PURE__ */ O(Ge, [["render", Ye]])
+		ElementHeader: z,
+		DropdownButton: pt,
+		ListElement: /* @__PURE__ */ j(mt, [["render", vt]])
 	},
 	emits: ["update:modelValue", "changed"],
 	props: {
@@ -874,10 +1000,10 @@ var Xe = {
 			this.$emit("update:modelValue", null), this.$emit("changed");
 		}
 	}
-}, Ze = { class: "bb-dashboard-ui bb:flex bb:flex-none" }, Qe = { class: "bb:flex bb:w-full bb:flex-col bb:border bb:border-white bb:bg-white" }, $e = { 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 et(t, o, c, l, f, m) {
-	let h = p("element-header"), g = p("list-element"), _ = p("dropdown-button");
-	return u(), i("div", Ze, [a("div", Qe, [s(h, {
+}, bt = { class: "bb-dashboard-ui bb:flex bb:flex-none" }, xt = { class: "bb:flex bb:w-full bb:flex-col bb:border bb:border-white bb:bg-white" }, St = { 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 Ct(t, o, c, l, u, p) {
+	let h = m("element-header"), g = m("list-element"), _ = m("dropdown-button");
+	return d(), i("div", bt, [a("div", xt, [s(h, {
 		text: c.header,
 		"is-required": c.isRequired,
 		"is-loading": c.isLoading
@@ -885,19 +1011,19 @@ function et(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", $e, [(u(!0), i(e, null, d(m.itemList, (e) => (u(), n(g, {
+		default: b(() => [a("div", St, [(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",
@@ -911,7 +1037,7 @@ function et(t, o, c, l, f, m) {
 		"onErased"
 	])) : r("", !0)])]);
 }
-var tt = /*#__PURE__*/ O(Xe, [["render", et]]), nt = {
+var wt = /*#__PURE__*/ j(yt, [["render", Ct]]), Tt = {
 	props: {
 		text: {
 			type: String,
@@ -950,10 +1076,10 @@ var tt = /*#__PURE__*/ O(Xe, [["render", et]]), nt = {
 			return this.color === "yellow";
 		}
 	}
-}, rt = ["textContent"];
-function it(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", {
+}, Et = ["textContent"];
+function Dt(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 +1087,10 @@ function it(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, rt);
+		textContent: g(n.text)
+	}, null, 10, Et);
 }
-var at = /*#__PURE__*/ O(nt, [["render", it]]), ot = {
+var H = /*#__PURE__*/ j(Tt, [["render", Dt]]), Ot = {
 	props: {
 		messages: {
 			type: [Object, Array],
@@ -984,32 +1110,32 @@ var at = /*#__PURE__*/ O(nt, [["render", it]]), ot = {
 			return this.type === "dangerous";
 		}
 	}
-}, st = { class: "bb:flex" }, ct = { class: "bb:shrink-0" }, lt = { class: "bb:ml-3" }, ut = ["textContent"];
-function dt(t, n, o, s, c, f) {
-	return f.hasErrors ? (u(), i("div", {
+}, kt = { class: "bb:flex" }, At = { class: "bb:shrink-0" }, jt = { class: "bb:ml-3" }, Mt = ["textContent"];
+function Nt(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", st, [a("div", ct, [(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", kt, [a("div", At, [(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", lt, [(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", jt, [(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, ut))), 128))])])], 2)) : r("", !0);
+		textContent: g(e)
+	}, null, 10, Mt))), 128))])])], 2)) : r("", !0);
 }
-var ft = /*#__PURE__*/ O(ot, [["render", dt]]), pt = { emits: ["clicked"] };
-function mt(e, t, n, r, o, s) {
-	return u(), i("button", {
+var Pt = /*#__PURE__*/ j(Ot, [["render", Nt]]), Ft = { emits: ["clicked"] };
+function It(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 +1147,15 @@ function mt(e, t, n, r, o, s) {
 		d: "M6 18L18 6M6 6l12 12"
 	})], -1)]]);
 }
-var J = /*#__PURE__*/ O(pt, [["render", mt]]), ht = {}, gt = {
+var U = /*#__PURE__*/ j(Ft, [["render", It]]), Lt = {}, Rt = {
 	class: "bb:w-4 bb:h-4",
 	fill: "none",
 	stroke: "currentColor",
 	viewBox: "0 0 24 24",
 	xmlns: "http://www.w3.org/2000/svg"
 };
-function _t(e, t, n, r, o, s) {
-	return u(), i("svg", gt, [...t[0] ||= [a("path", {
+function zt(e, t, n, r, o, s) {
+	return d(), i("svg", Rt, [...t[0] ||= [a("path", {
 		"stroke-linecap": "round",
 		"stroke-linejoin": "round",
 		"stroke-width": "2",
@@ -1038,9 +1164,9 @@ function _t(e, t, n, r, o, s) {
 }
 //#endregion
 //#region src/components/DownloadLink.vue
-var vt = {
-	components: { "download-icon": /* @__PURE__ */ O(ht, [["render", _t]]) },
-	mixins: [I],
+var Bt = {
+	components: { "download-icon": /* @__PURE__ */ j(Lt, [["render", zt]]) },
+	mixins: [L],
 	props: {
 		url: {
 			type: String,
@@ -1054,16 +1180,16 @@ var vt = {
 	computed: { label() {
 		return this.title ?? this.texts.download;
 	} }
-}, yt = ["href", "title"], bt = { class: "bb:ml-1" };
-function xt(e, t, n, r, o, c) {
-	let l = p("download-icon");
-	return u(), i("a", {
+}, Vt = ["href", "title"], Ht = { class: "bb:ml-1" };
+function Ut(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", bt, m(c.label), 1)], 8, yt);
+	}, [s(l), a("span", Ht, g(c.label), 1)], 8, Vt);
 }
-var St = /*#__PURE__*/ O(vt, [["render", xt]]), Ct = { props: {
+var Wt = /*#__PURE__*/ j(Bt, [["render", Ut]]), Gt = { props: {
 	isOpen: {
 		type: Boolean,
 		default: !1
@@ -1072,9 +1198,9 @@ var St = /*#__PURE__*/ O(vt, [["render", xt]]), Ct = { props: {
 		type: String,
 		required: !0
 	}
-} }, wt = { 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" }, Tt = { class: "bb:fixed bb:inset-0 bb:transition-opacity" }, Et = ["aria-labelledby"];
-function Dt(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", wt, [
+} }, 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" }, qt = { class: "bb:fixed bb:inset-0 bb:transition-opacity" }, Jt = ["aria-labelledby"];
+function Yt(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", Kt, [
 		s(t, {
 			"enter-active-class": "bb:ease-out bb:duration-300",
 			"enter-from-class": "bb:opacity-0",
@@ -1083,7 +1209,7 @@ function Dt(e, n, r, o, c, d) {
 			"leave-from-class": "bb:opacity-100",
 			"leave-to-class": "bb:opacity-0"
 		}, {
-			default: v(() => [y(a("div", Tt, [...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", qt, [...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 +1221,17 @@ function Dt(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, Et), [[_, r.isOpen]])]),
+			}, [p(e.$slots, "default")], 8, Jt), [[y, r.isOpen]])]),
 			_: 3
 		})
 	])], 2);
 }
-var Ot = /*#__PURE__*/ O(Ct, [["render", Dt]]), kt = {}, At = {
+var Xt = /*#__PURE__*/ j(Gt, [["render", Yt]]), Zt = {}, Qt = {
 	class: "bb:h-7 bb:w-7 bb:text-red-600",
 	xmlns: "http://www.w3.org/2000/svg",
 	fill: "none",
@@ -1113,35 +1239,35 @@ var Ot = /*#__PURE__*/ O(Ct, [["render", Dt]]), kt = {}, At = {
 	stroke: "currentColor",
 	"aria-hidden": "true"
 };
-function jt(e, t, n, r, o, s) {
-	return u(), i("svg", At, [...t[0] ||= [a("path", {
+function $t(e, t, n, r, o, s) {
+	return d(), i("svg", Qt, [...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 Y = /*#__PURE__*/ O(kt, [["render", jt]]), Mt = {}, Nt = {
+var W = /*#__PURE__*/ j(Zt, [["render", $t]]), en = {}, tn = {
 	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 Pt(e, t, n, r, o, s) {
-	return u(), i("svg", Nt, [...t[0] ||= [a("path", {
+function nn(e, t, n, r, o, s) {
+	return d(), i("svg", tn, [...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 X = /*#__PURE__*/ O(Mt, [["render", Pt]]), Ft = {
+var G = /*#__PURE__*/ j(en, [["render", nn]]), rn = {
 	components: {
-		Modal: Ot,
-		Dangerous: Y,
-		Warning: X
+		Modal: Xt,
+		Dangerous: W,
+		Warning: G
 	},
-	mixins: [I],
+	mixins: [L],
 	emits: ["actionConfirmed", "actionCanceled"],
 	props: {
 		isOpen: {
@@ -1171,7 +1297,7 @@ var X = /*#__PURE__*/ O(Mt, [["render", Pt]]), Ft = {
 		}
 	},
 	setup() {
-		return { headingId: h() };
+		return { headingId: _() };
 	},
 	computed: {
 		isDangerous() {
@@ -1181,69 +1307,130 @@ var X = /*#__PURE__*/ O(Mt, [["render", Pt]]), Ft = {
 			return this.type === "warning";
 		}
 	}
-}, It = { 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" }, Lt = { class: "bb:sm:flex bb:sm:items-start" }, Rt = { class: "bb:mt-3 bb:text-center bb:sm:mt-0 bb:sm:ml-4 bb:sm:text-left" }, zt = ["id"], Bt = { class: "bb:mt-2" }, Vt = { class: "bb:text-sm bb:text-gray-500" }, Ht = { 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 Ut(e, t, i, o, s, c) {
-	let d = p("warning"), f = p("dangerous"), h = p("modal");
-	return u(), n(h, {
+}, an = { 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" }, on = { class: "bb:sm:flex bb:sm:items-start" }, sn = { class: "bb:mt-3 bb:text-center bb:sm:mt-0 bb:sm:ml-4 bb:sm:text-left" }, cn = ["id"], ln = { class: "bb:mt-2" }, un = { class: "bb:text-sm bb:text-gray-500" }, dn = { class: "bb:bg-gray-50 bb:rounded-b-lg bb:px-4 bb:py-3 bb:sm:px-6 bb:sm:flex bb:sm:flex-row-reverse" };
+function fn(e, t, i, o, s, c) {
+	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", It, [a("div", Lt, [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", an, [a("div", on, [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", Rt, [a("h3", {
+		}]) }, [c.isWarning ? (d(), n(l, { key: 0 })) : r("", !0), c.isDangerous ? (d(), n(f, { key: 1 })) : r("", !0)], 2), a("div", sn, [a("h3", {
 			class: "bb:text-lg bb:leading-6 bb:font-medium bb:text-gray-900",
 			id: o.headingId
-		}, m(i.confirmationHeading), 9, zt), a("div", Bt, [a("p", Vt, m(i.confirmationText), 1)])])])]), a("div", Ht, [a("button", {
+		}, g(i.confirmationHeading), 9, cn), a("div", ln, [a("p", un, g(i.confirmationText), 1)])])])]), a("div", dn, [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 Wt = /*#__PURE__*/ O(Ft, [["render", Ut]]), Gt = {
-	components: { Popup: j },
-	mixins: [I],
+var pn = /*#__PURE__*/ j(rn, [["render", fn]]), K = 4, q = 8;
+function J(e) {
+	return typeof e?.showPopover == "function";
+}
+function Y(e) {
+	return J(e) && e.matches(":popover-open");
+}
+function mn(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;
+	Object.assign(t.style, {
+		top: u ? `${r.bottom + K}px` : "auto",
+		bottom: u ? "auto" : `${a - r.top + K}px`,
+		right: `${o}px`,
+		left: "auto",
+		maxHeight: `${u ? c : l}px`
+	}), n !== null && (t.style.maxWidth = `${Math.min(n, s)}px`);
+}
+function hn(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/components/DropdownButtonWithAction.vue
+var gn = 224, _n = {
+	mixins: [L],
 	emits: ["update:modelValue"],
 	props: { modelValue: {
 		type: Boolean,
 		default: !1
 	} },
 	setup() {
-		return { menuButtonId: h() };
+		return {
+			menuButtonId: _(),
+			menuId: _()
+		};
 	},
 	data() {
-		return { popupIsOpen: this.modelValue };
+		return { menuIsOpen: this.modelValue };
 	},
 	watch: { modelValue(e) {
-		this.popupIsOpen = e;
+		this.menuIsOpen = e, this.applyMenuState();
 	} },
-	methods: { setOpen(e) {
-		e !== this.popupIsOpen && (this.popupIsOpen = e, this.$emit("update:modelValue", e));
-	} }
-}, Kt = { class: "bb-dashboard-ui bb:relative bb:inline-flex bb:shadow-xs bb:rounded-md" }, qt = {
+	created() {
+		this.stopClosing = null;
+	},
+	mounted() {
+		this.applyMenuState();
+	},
+	beforeUnmount() {
+		this.stopListening();
+	},
+	methods: {
+		applyMenuState() {
+			let e = this.$refs.menu;
+			J(e) && e.isConnected && (this.menuIsOpen && !Y(e) && e.showPopover(), !this.menuIsOpen && Y(e) && e.hidePopover());
+		},
+		close() {
+			let e = this.$refs.menu;
+			Y(e) && e.hidePopover();
+		},
+		onBeforeToggle(e) {
+			e.newState === "open" && mn(this.$refs.arrow, this.$refs.menu, { maxWidth: gn });
+		},
+		onToggle(e) {
+			this.stopListening();
+			let t = this.$refs.menu;
+			Y(t) && (this.stopClosing = hn(t, this.close));
+			let n = e.newState === "open";
+			n !== this.menuIsOpen && (this.menuIsOpen = n, this.$emit("update:modelValue", n));
+		},
+		stopListening() {
+			this.stopClosing !== null && (this.stopClosing(), this.stopClosing = null);
+		}
+	}
+}, vn = { class: "bb-dashboard-ui bb:relative bb:inline-flex bb:shadow-xs bb:rounded-md" }, yn = {
 	key: 0,
 	class: "bb:-ml-px bb:relative bb:block"
-}, Jt = ["id"], Yt = { class: "bb:sr-only" }, Xt = ["aria-labelledby"];
-function Zt(e, t, n, o, c, d) {
-	let h = p("popup");
-	return u(), i("span", Kt, [a("button", {
+}, bn = ["id", "popovertarget"], xn = { class: "bb:sr-only" }, Sn = ["id", "aria-labelledby"];
+function Cn(e, t, n, o, s, c) {
+	return d(), i("span", vn, [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", qt, [a("button", {
-		onClick: t[0] ||= b((e) => d.setOpen(!c.popupIsOpen), ["prevent"]),
+		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": !e.$slots.actions }])
+	}, [p(e.$slots, "button")], 2), e.$slots.actions ? (d(), i("span", yn, [a("button", {
+		ref: "arrow",
 		id: o.menuButtonId,
 		type: "button",
+		popovertarget: o.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", Yt, m(e.texts.openMenu), 1), t[1] ||= a("svg", {
+	}, [a("span", xn, g(e.texts.openMenu), 1), t[3] ||= a("svg", {
 		class: "bb:h-5 bb:w-5",
 		xmlns: "http://www.w3.org/2000/svg",
 		viewBox: "0 0 20 20",
@@ -1253,72 +1440,70 @@ function Zt(e, t, n, o, c, d) {
 		"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, Jt), s(h, {
-		class: "bb:origin-top-right bb:right-0",
-		"model-value": c.popupIsOpen,
-		align: "right",
-		"onUpdate:modelValue": d.setOpen
-	}, {
-		default: v(() => [a("div", {
-			class: "bb:mt-1 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
-		}, [f(e.$slots, "actions")], 8, Xt)]),
-		_: 3
-	}, 8, ["model-value", "onUpdate:modelValue"])])) : r("", !0)]);
+	})], -1)], 8, bn), a("div", {
+		ref: "menu",
+		id: o.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",
+		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)
+	}, [p(e.$slots, "actions")], 40, Sn)])) : r("", !0)]);
 }
-var Qt = /*#__PURE__*/ O(Gt, [["render", Zt]]), $t = {}, en = {
+var wn = /*#__PURE__*/ j(_n, [["render", Cn]]), Tn = {}, En = {
 	xmlns: "http://www.w3.org/2000/svg",
 	viewBox: "0 0 20 20",
 	fill: "currentColor",
 	"aria-hidden": "true"
 };
-function tn(e, t, n, r, o, s) {
-	return u(), i("svg", en, [...t[0] ||= [a("path", {
+function Dn(e, t, n, r, o, s) {
+	return d(), i("svg", En, [...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 nn = /*#__PURE__*/ O($t, [["render", tn]]), rn = {}, an = {
+var On = /*#__PURE__*/ j(Tn, [["render", Dn]]), kn = {}, An = {
 	xmlns: "http://www.w3.org/2000/svg",
 	viewBox: "0 0 20 20",
 	fill: "currentColor",
 	"aria-hidden": "true"
 };
-function on(e, t, n, r, o, s) {
-	return u(), i("svg", an, [...t[0] ||= [a("path", {
+function jn(e, t, n, r, o, s) {
+	return d(), i("svg", An, [...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 sn = /*#__PURE__*/ O(rn, [["render", on]]);
+var Mn = /*#__PURE__*/ j(kn, [["render", jn]]);
 //#endregion
 //#region src/navigation.js
-function cn(e) {
+function Nn(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 Z = {
-	inject: E,
+var X = {
+	inject: A,
 	methods: { followLink(e, t) {
 		let n = this.uiSettings.navigate;
-		n !== null && cn(e) && (e.preventDefault(), n(t));
+		n !== null && Nn(e) && (e.preventDefault(), n(t));
 	} }
 };
 //#endregion
 //#region src/components/Pagination.vue
-function Q(e) {
+function Z(e) {
 	return typeof e == "string" && e !== "" ? e : null;
 }
-var ln = {
+var Pn = {
 	components: {
-		ArrowNarrowLeft: nn,
-		ArrowNarrowRight: sn
+		ArrowNarrowLeft: On,
+		ArrowNarrowRight: Mn
 	},
-	mixins: [I, Z],
+	mixins: [L, X],
 	props: {
 		links: {
 			type: Object,
@@ -1346,45 +1531,231 @@ var ln = {
 			return typeof this.from == "number" && typeof this.to == "number";
 		},
 		previousPageUrl() {
-			return Q(this.links?.prev);
+			return Z(this.links?.prev);
 		},
 		nextPageUrl() {
-			return Q(this.links?.next);
+			return Z(this.links?.next);
 		}
 	}
-}, un = {
+}, Fn = {
 	key: 0,
 	class: "bb-dashboard-ui bb:px-4 bb:flex bb:items-center bb:justify-between bb:sm:px-0"
-}, dn = { class: "bb:-mt-px bb:w-0 bb:flex-1 bb:flex" }, fn = ["href"], pn = {
+}, In = { class: "bb:-mt-px bb:w-0 bb:flex-1 bb:flex" }, Ln = ["href"], Rn = {
 	key: 0,
 	class: "bb:hidden bb:md:-mt-px bb:md:flex bb:text-gray-400 bb:text-sm bb:leading-5"
-}, mn = { class: "bb:font-medium bb:text-gray-900 bb:mx-1" }, hn = { class: "bb:font-medium bb:text-gray-900 bb:mx-1" }, gn = { class: "bb:-mt-px bb:w-0 bb:flex-1 bb:flex bb:justify-end" }, _n = ["href"];
-function vn(e, t, n, c, l, d) {
-	let f = p("arrow-narrow-left"), h = p("arrow-narrow-right");
-	return d.hasResults ? (u(), i("nav", un, [
-		a("div", dn, [d.previousPageUrl === null ? r("", !0) : (u(), i("a", {
+}, zn = { class: "bb:font-medium bb:text-gray-900 bb:mx-1" }, Bn = { class: "bb:font-medium bb:text-gray-900 bb:mx-1" }, Vn = { class: "bb:-mt-px bb:w-0 bb:flex-1 bb:flex bb:justify-end" }, Hn = ["href"];
+function Un(e, t, n, c, l, u) {
+	let f = m("arrow-narrow-left"), p = m("arrow-narrow-right");
+	return u.hasResults ? (d(), i("nav", Fn, [
+		a("div", In, [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, fn))]),
-		d.hasRange ? (u(), i("div", pn, [
-			o(m(e.texts.resultsBefore) + " ", 1),
-			a("span", mn, m(d.from) + " - " + m(d.to), 1),
-			o(" " + m(e.texts.resultsOf) + " ", 1),
-			a("span", hn, 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, Ln))]),
+		u.hasRange ? (d(), i("div", Rn, [
+			o(g(e.texts.resultsBefore) + " ", 1),
+			a("span", zn, g(u.from) + " - " + g(u.to), 1),
+			o(" " + g(e.texts.resultsOf) + " ", 1),
+			a("span", Bn, g(u.total), 1),
+			o(" " + g(e.texts.resultsAfter), 1)
 		])) : r("", !0),
-		a("div", gn, [d.nextPageUrl === null ? r("", !0) : (u(), i("a", {
+		a("div", Vn, [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, _n))])
+			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, Hn))])
 	])) : r("", !0);
 }
-var yn = /*#__PURE__*/ O(ln, [["render", vn]]), bn = {
-	mixins: [Z],
+var Wn = /*#__PURE__*/ j(Pn, [["render", Un]]), Gn = [
+	"left",
+	"center",
+	"right"
+], Kn = ["red", "green"];
+function qn(e) {
+	if (typeof e != "object" || !e || typeof e.key != "string" || e.key === "") return null;
+	let t = e.key;
+	return {
+		key: t,
+		label: typeof e.label == "string" ? e.label : "",
+		value: typeof e.value == "function" ? e.value : (e) => e?.[t],
+		secondary: typeof e.secondary == "function" ? e.secondary : null,
+		muted: e.muted === !0,
+		align: Gn.includes(e.align) ? e.align : "left",
+		wrap: e.wrap === !0,
+		narrow: e.narrow === !0,
+		visible: e.visible !== !1
+	};
+}
+function Q(e) {
+	return typeof e == "string" && e !== "" ? e : null;
+}
+var Jn = {
+	components: {
+		Pagination: Wn,
+		SmallBadge: H
+	},
+	mixins: [L],
+	props: {
+		rows: {
+			type: Array,
+			required: !0
+		},
+		columns: {
+			type: Array,
+			required: !0
+		},
+		rowKey: {
+			type: [String, Function],
+			required: !0
+		},
+		meta: {
+			type: Object,
+			default: null
+		},
+		links: {
+			type: Object,
+			default: null
+		},
+		foundText: {
+			type: String,
+			default: null
+		},
+		emptyText: {
+			type: String,
+			default: null
+		},
+		variant: {
+			type: String,
+			default: "page",
+			validator: (e) => ["page", "card"].indexOf(e) !== -1
+		},
+		rowColor: {
+			type: Function,
+			default: null
+		}
+	},
+	computed: {
+		normalizedRows() {
+			return Array.isArray(this.rows) ? this.rows : [];
+		},
+		visibleColumns() {
+			return (Array.isArray(this.columns) ? this.columns : []).map(qn).filter((e) => e !== null && e.visible);
+		},
+		isCard() {
+			return this.variant === "card";
+		},
+		hasMeta() {
+			return this.meta !== null && typeof this.meta == "object";
+		},
+		recordCount() {
+			return this.hasMeta && typeof this.meta.total == "number" ? this.meta.total : this.normalizedRows.length;
+		},
+		hasRecords() {
+			return this.recordCount > 0;
+		},
+		badgeText() {
+			if (this.hasRecords) {
+				let e = Q(this.foundText);
+				return e === null ? null : `${e}: ${this.recordCount}`;
+			}
+			return Q(this.emptyText);
+		}
+	},
+	methods: {
+		hasBadgeRow() {
+			return this.badgeText !== null || this.hasRecords && this.$slots["results-actions"] !== void 0;
+		},
+		keyOf(e, t) {
+			let n;
+			if (typeof this.rowKey == "function") try {
+				n = this.rowKey(e);
+			} catch {
+				n = void 0;
+			}
+			else typeof this.rowKey == "string" && (n = e?.[this.rowKey]);
+			return n ?? `row-${t}`;
+		},
+		colorOf(e) {
+			if (typeof this.rowColor != "function") return null;
+			let t = this.rowColor(e);
+			return Kn.includes(t) ? t : null;
+		},
+		textOf(e, t) {
+			let n = e(t);
+			return n == null ? "" : String(n);
+		}
+	}
+}, Yn = { class: "bb:min-w-full bb:divide-y bb:divide-gray-200 bb:border-collapse" }, Xn = { class: "bb:bg-gray-50" }, Zn = ["textContent"], Qn = { class: "bb:divide-y bb:divide-gray-200" }, $n = ["textContent"], er = ["textContent"];
+function tr(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: 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: h.badgeText,
+			color: "indigo"
+		}, null, 8, ["text"])), h.hasRecords ? p(t.$slots, "results-actions", {}, void 0, void 0, 1) : r("", !0)], 2)) : r("", !0),
+		h.normalizedRows.length > 0 ? (d(), i("div", {
+			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", Yn, [a("thead", null, [a("tr", Xn, [(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", [{
+				"bb:text-left": e.align === "left",
+				"bb:text-center": e.align === "center",
+				"bb:text-right": e.align === "right"
+			}, { "bb:w-px": e.narrow }]]),
+			textContent: g(e.label)
+		}, null, 10, Zn))), 128))])]), a("tbody", Qn, [(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"
+			})
+		}, [(d(!0), i(e, null, f(h.visibleColumns, (e) => (d(), i("td", {
+			key: e.key,
+			class: u(["bb:px-6 bb:py-4 bb:align-top bb:relative bb:text-sm bb:leading-5", [
+				{ "bb:whitespace-nowrap": !e.wrap },
+				{
+					"bb:text-left": e.align === "left",
+					"bb:text-center": e.align === "center",
+					"bb:text-right": e.align === "right"
+				},
+				{ "bb:w-px": e.narrow }
+			]])
+		}, [p(t.$slots, `cell-${e.key}`, {
+			row: n,
+			index: o
+		}, () => [a("div", {
+			class: u(["bb:font-medium", e.muted ? "bb:text-gray-400" : "bb:text-gray-900"]),
+			textContent: g(h.textOf(e.value, n))
+		}, null, 10, $n), 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, er)) : 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: u(h.isCard ? "bb:mt-4" : "bb:mt-6")
+		}, null, 8, [
+			"meta",
+			"links",
+			"lang",
+			"class"
+		])) : r("", !0)
+	]);
+}
+var nr = /*#__PURE__*/ j(Jn, [["render", tr]]), rr = {
+	mixins: [X],
 	props: {
 		url: {
 			type: String,
@@ -1399,39 +1770,124 @@ var yn = /*#__PURE__*/ O(ln, [["render", vn]]), bn = {
 			default: !1
 		}
 	}
-}, xn = ["href", "textContent"];
-function Sn(e, t, n, r, a, o) {
-	return u(), i("a", {
+}, ir = ["href", "textContent"];
+function ar(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, xn);
+		textContent: g(n.name)
+	}, null, 10, ir);
 }
-var Cn = /*#__PURE__*/ O(bn, [["render", Sn]]), wn = {
-	components: { Closer: J },
-	mixins: [I],
+var or = /*#__PURE__*/ j(rr, [["render", ar]]), $ = [
+	"xl",
+	"4xl",
+	"7xl"
+], sr = {
+	components: { Closer: U },
+	mixins: [L],
+	inheritAttrs: !1,
+	props: {
+		width: {
+			type: String,
+			default: "xl",
+			validator: (e) => $.includes(e)
+		},
+		fallbackUrl: {
+			type: String,
+			default: null
+		},
+		windowKey: {
+			type: String,
+			default: null
+		}
+	},
 	data() {
-		return { canGoBack: !1 };
+		return { returnAddress: null };
+	},
+	computed: {
+		resolvedWidth() {
+			return $.includes(this.width) ? this.width : "xl";
+		},
+		windows() {
+			return this.uiSettings.windows;
+		},
+		resolvedKey() {
+			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;
+		},
+		canClose() {
+			return this.target !== null;
+		}
 	},
+	watch: { fallbackUrl() {
+		this.windows !== null && fe(this.windows.state, this, this.fallbackAddress());
+	} },
 	mounted() {
-		this.canGoBack = window.history.length > 1;
+		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" }));
 	},
-	methods: { goBack() {
-		window.history.back();
-	} }
+	beforeUnmount() {
+		this.windows !== null && de(this.windows.state, this);
+	},
+	methods: {
+		fallbackAddress() {
+			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 = ue(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 Tn(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 cr(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 En = /*#__PURE__*/ O(wn, [["render", Tn]]), $ = {}, Dn = {
+var lr = /*#__PURE__*/ j(sr, [["render", cr]]), ur = {}, dr = {
 	class: "bb:h-7 bb:w-7 bb:text-green-600",
 	xmlns: "http://www.w3.org/2000/svg",
 	fill: "none",
@@ -1440,22 +1896,22 @@ var En = /*#__PURE__*/ O(wn, [["render", Tn]]), $ = {}, Dn = {
 	stroke: "currentColor",
 	"aria-hidden": "true"
 };
-function On(e, t, n, r, o, s) {
-	return u(), i("svg", Dn, [...t[0] ||= [a("path", {
+function fr(e, t, n, r, o, s) {
+	return d(), i("svg", dr, [...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 kn = /*#__PURE__*/ O($, [["render", On]]), An = {}, jn = {
+var pr = /*#__PURE__*/ j(ur, [["render", fr]]), mr = {}, hr = {
 	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 Mn(e, t, n, r, o, s) {
-	return u(), i("svg", jn, [...t[0] ||= [a("path", {
+function gr(e, t, n, r, o, s) {
+	return d(), i("svg", hr, [...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"
@@ -1463,14 +1919,14 @@ function Mn(e, t, n, r, o, s) {
 }
 //#endregion
 //#region src/components/NotificationMessage.vue
-var Nn = {
+var _r = {
 	components: {
-		Check: kn,
-		Close: /* @__PURE__ */ O(An, [["render", Mn]]),
-		Dangerous: Y,
-		Warning: X
+		Check: pr,
+		Close: /* @__PURE__ */ j(mr, [["render", gr]]),
+		Dangerous: W,
+		Warning: G
 	},
-	mixins: [I],
+	mixins: [L],
 	emits: ["update:modelValue"],
 	props: {
 		modelValue: {
@@ -1508,37 +1964,37 @@ var Nn = {
 			return this.type === "confirmation";
 		}
 	}
-}, Pn = ["role"], Fn = { class: "bb:p-4" }, In = { class: "bb:flex bb:items-start" }, Ln = { class: "bb:shrink-0" }, Rn = { class: "bb:ml-3 bb:w-0 bb:flex-1 bb:pt-0.5" }, zn = { class: "bb:text-sm bb:font-medium bb:text-gray-900" }, Bn = { class: "bb:mt-1 bb:text-sm bb:text-gray-500" }, Vn = { class: "bb:ml-4 bb:shrink-0 bb:flex" }, Hn = { class: "bb:sr-only" };
-function Un(e, t, o, c, d, f) {
-	let h = p("warning"), g = p("dangerous"), _ = p("check"), v = p("close");
-	return u(), i("div", {
+}, vr = ["role"], yr = { class: "bb:p-4" }, br = { class: "bb:flex bb:items-start" }, xr = { class: "bb:shrink-0" }, Sr = { class: "bb:ml-3 bb:w-0 bb:flex-1 bb:pt-0.5" }, Cr = { class: "bb:text-sm bb:font-medium bb:text-gray-900" }, wr = { class: "bb:mt-1 bb:text-sm bb:text-gray-500" }, Tr = { class: "bb:ml-4 bb:shrink-0 bb:flex" }, Er = { class: "bb:sr-only" };
+function Dr(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", Fn, [a("div", In, [
-		a("div", Ln, [
-			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", yr, [a("div", br, [
+		a("div", xr, [
+			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", Rn, [a("p", zn, m(o.notificationHeading), 1), a("p", Bn, m(f.text), 1)]),
-		a("div", Vn, [a("button", {
+		a("div", Sr, [a("p", Cr, g(o.notificationHeading), 1), a("p", wr, g(f.text), 1)]),
+		a("div", Tr, [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", Hn, m(e.texts.close), 1), s(v)], 2)])
-	])])], 2)) : r("", !0)], 8, Pn);
+			onClick: t[0] ||= S((t) => e.$emit("update:modelValue", ""), ["prevent"])
+		}, [a("span", Er, g(e.texts.close), 1), s(v)], 2)])
+	])])], 2)) : r("", !0)], 8, vr);
 }
-var Wn = /*#__PURE__*/ O(Nn, [["render", Un]]);
+var Or = /*#__PURE__*/ j(_r, [["render", Dr]]);
 //#endregion
-export { J as Closer, Wt as ConfirmationModal, M as Dot, St as DownloadLink, Qt as DropdownButtonWithAction, ft as ErrorMessages, Cn as NavigationMenuElement, Wn as NotificationMessage, En as PageCard, yn as Pagination, W as PickDay, j as Popup, we as RussianMobileFilter, je as Search, Re as SelectDateInterval, tt as SelectSingle, at as SmallBadge, D as dashboardUi };
+export { U as Closer, pn as ConfirmationModal, nr as DataTable, N as Dot, Wt as DownloadLink, wn as DropdownButtonWithAction, Pt as ErrorMessages, or as NavigationMenuElement, Or as NotificationMessage, lr as PageCard, R as PickDay, M as Popup, qe as RussianMobileFilter, et as Search, st as SelectDateInterval, wt as SelectSingle, H as SmallBadge, he as dashboardUi };