@boobooking/dashboard-ui-components 0.11.0 → 0.12.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 te from "imask";
 //#region src/i18n.js
-var S = ["ru", "en"];
-function C(e) {
-	return S.includes(e);
+var x = ["ru", "en"];
+function S(e) {
+	return x.includes(e);
 }
-var w = {
+var ne = {
 	ru: {
 		cancel: "Отмена",
 		download: "Скачать",
@@ -102,26 +102,26 @@ var w = {
 		back: "Back",
 		close: "Close"
 	}
-}, T = Symbol("dashboardUi"), te = Object.freeze({
+}, C = Symbol("dashboardUi"), re = Object.freeze({
 	lang: "ru",
 	navigate: null
-}), E = { uiSettings: {
-	from: T,
-	default: () => te
-} }, D = { install(e, t) {
+}), w = { uiSettings: {
+	from: C,
+	default: () => re
+} }, ie = { 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 (!S(r)) throw Error(`dashboardUi: неизвестный lang «${r}», допустимы: ${x.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({
+	e.provide(C, Object.freeze({
 		lang: r,
 		navigate: a
 	}));
-} }, O = (e, t) => {
+} }, T = (e, t) => {
 	let n = e.__vccOpts || e;
 	for (let [e, r] of t) n[e] = r;
 	return n;
-}, k = {
+}, ae = {
 	props: {
 		isOpen: {
 			type: Boolean,
@@ -148,7 +148,7 @@ var w = {
 		document.removeEventListener("keydown", this.handleEscape);
 	}
 };
-function A(e, t, n, r, a, o) {
+function E(e, t, n, r, a, o) {
 	return y((u(), i("button", {
 		tabindex: "-1",
 		onClick: t[0] ||= b((...e) => o.closeOverlay && o.closeOverlay(...e), ["prevent"]),
@@ -161,8 +161,8 @@ function A(e, t, n, r, a, o) {
 }
 //#endregion
 //#region src/components/Popup.vue
-var ne = {
-	components: { Overlay: /* @__PURE__ */ O(k, [["render", A]]) },
+var oe = {
+	components: { Overlay: /* @__PURE__ */ T(ae, [["render", E]]) },
 	inheritAttrs: !1,
 	emits: ["update:modelValue"],
 	props: {
@@ -195,10 +195,10 @@ var ne = {
 			return this.align === "right";
 		}
 	}
-}, re = { class: "bb-dashboard-ui bb:relative" };
-function ie(e, n, r, o, l, d) {
+}, se = { class: "bb-dashboard-ui bb:relative" };
+function ce(e, n, r, o, l, d) {
 	let m = p("overlay");
-	return u(), i("div", re, [s(m, {
+	return u(), i("div", se, [s(m, {
 		"is-open": l.overlayIsOpen,
 		"onUpdate:isOpen": n[0] ||= (e) => l.overlayIsOpen = e
 	}, null, 8, ["is-open"]), s(t, {
@@ -216,7 +216,7 @@ function ie(e, n, r, o, l, d) {
 		_: 3
 	})]);
 }
-var j = /*#__PURE__*/ O(ne, [["render", ie]]), ae = {
+var D = /*#__PURE__*/ T(oe, [["render", ce]]), le = {
 	props: {
 		withPulse: {
 			type: Boolean,
@@ -237,7 +237,7 @@ var j = /*#__PURE__*/ O(ne, [["render", ie]]), ae = {
 		}
 	}
 };
-function oe(e, t, n, r, o, s) {
+function ue(e, t, n, r, o, s) {
 	return u(), i("div", { class: l(["bb-dashboard-ui bb:flex bb:h-full bb:items-center bb:leading-none bb:text-4xl", {
 		"bb:text-red-500": s.isRed,
 		"bb:text-green-500": s.isGreen,
@@ -251,13 +251,13 @@ function oe(e, t, n, r, o, s) {
 		r: "45"
 	})], -1)]], 2);
 }
-var M = /*#__PURE__*/ O(ae, [["render", oe]]), se = {}, ce = {
+var O = /*#__PURE__*/ T(le, [["render", ue]]), de = {}, fe = {
 	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 pe(e, t, n, r, o, s) {
+	return u(), i("button", fe, [...t[0] ||= [a("svg", {
 		class: "bb:w-6 bb:h-6 bb:stroke-current",
 		fill: "none",
 		viewBox: "0 0 24 24"
@@ -268,13 +268,13 @@ function le(e, t, n, r, o, s) {
 		d: "M6 18L18 6M6 6l12 12"
 	})], -1)]]);
 }
-var N = /*#__PURE__*/ O(se, [["render", le]]);
+var k = /*#__PURE__*/ T(de, [["render", pe]]);
 //#endregion
 //#region src/date.js
-function P(e) {
+function A(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 j(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 +282,27 @@ function F(e) {
 }
 //#endregion
 //#region src/lang.js
-var I = {
-	inject: E,
+var M = {
+	inject: w,
 	props: { lang: {
 		type: String,
 		default: null,
-		validator: (e) => e === null || C(e)
+		validator: (e) => e === null || S(e)
 	} },
 	computed: {
 		resolvedLang() {
-			return C(this.lang) ? this.lang : this.uiSettings.lang;
+			return S(this.lang) ? this.lang : this.uiSettings.lang;
 		},
 		texts() {
-			return w[this.resolvedLang];
+			return ne[this.resolvedLang];
 		}
 	}
-}, L = {
+}, me = {
 	components: {
-		Popup: j,
-		Eraser: N
+		Popup: D,
+		Eraser: k
 	},
-	mixins: [I],
+	mixins: [M],
 	emits: ["update:modelValue", "changed"],
 	props: {
 		modelValue: {
@@ -329,8 +329,8 @@ var I = {
 			keyboardInput: !1,
 			bound: !1,
 			firstDay: 1,
-			parse: (e) => F(e),
-			toString: (e) => P(e),
+			parse: (e) => j(e),
+			toString: (e) => A(e),
 			i18n: {
 				previousMonth: this.texts.previousMonth,
 				nextMonth: this.texts.nextMonth,
@@ -339,7 +339,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", A(e)), this.$emit("changed");
 			}
 		}));
 	},
@@ -359,7 +359,7 @@ var I = {
 	methods: {
 		syncPicker(e) {
 			if (this.picker === null) return;
-			let t = F(e);
+			let t = j(e);
 			if (t === null) {
 				this.picker.clear();
 				return;
@@ -378,29 +378,29 @@ 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 = [
+}, he = { class: "bb-dashboard-ui bb:flex bb:flex-col" }, N = { class: "bb:relative bb:flex bb:h-full bb:cursor-pointer bb:leading-none" }, P = { class: "bb:min-w-24 bb:w-full bb:h-full" }, F = [
 	"disabled",
 	"value",
 	"placeholder"
-], H = {
+], I = {
 	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) {
+function L(e, t, o, c, d, f) {
 	let m = p("eraser"), h = p("popup");
-	return u(), i("div", R, [a("div", z, [a("button", {
+	return u(), i("div", he, [a("div", N, [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", {
+	}, [a("label", P, [a("input", {
 		disabled: d.popupIsOpen,
 		ref: "field",
 		type: "text",
 		value: d.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, F)])], 2), f.needsEraser ? (u(), n(m, {
 		key: 0,
 		onClick: f.clearPicker,
 		class: "bb:z-10 bb:h-full bb:pr-2"
@@ -408,12 +408,12 @@ function U(e, t, o, c, d, f) {
 		modelValue: d.popupIsOpen,
 		"onUpdate:modelValue": t[1] ||= (e) => d.popupIsOpen = e
 	}, {
-		default: v(() => [a("div", H, null, 512)]),
+		default: v(() => [a("div", I, null, 512)]),
 		_: 1
 	}, 8, ["modelValue"])]);
 }
-var W = /*#__PURE__*/ O(L, [["render", U]]), ue = {
-	components: { Dot: M },
+var R = /*#__PURE__*/ T(me, [["render", L]]), ge = {
+	components: { Dot: O },
 	props: {
 		text: {
 			type: String,
@@ -428,14 +428,14 @@ 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) {
+}, _e = { class: "bb:flex bb:h-6 bb:px-3 bb:bg-white bb:items-center bb:justify-between" }, ve = ["textContent"];
+function ye(e, t, n, r, o, c) {
 	let l = p("dot");
-	return u(), i("div", de, [
+	return u(), i("div", _e, [
 		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),
+		}, null, 8, ve),
 		y(s(l, {
 			color: "red",
 			"with-pulse": !0,
@@ -447,24 +447,24 @@ function pe(e, t, n, r, o, c) {
 		}, null, 512), [[_, n.isRequired]])
 	]);
 }
-var G = /*#__PURE__*/ O(ue, [["render", pe]]), me = 10;
-function he(e) {
+var z = /*#__PURE__*/ T(ge, [["render", ye]]), be = 10;
+function xe(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, be);
 }
-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 Se = 400, Ce = 3, we = {
 	components: {
-		ElementHeader: G,
-		Eraser: N
+		ElementHeader: z,
+		Eraser: k
 	},
 	emits: ["update:modelValue", "changed"],
 	props: {
@@ -486,32 +486,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.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 = te(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() {
-		clearTimeout(this.debounceTimer), this.mask?.destroy();
+		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 = "";
@@ -531,10 +531,10 @@ var ge = 400, _e = 3, ve = {
 			});
 		},
 		onBlur() {
-			this.setLazy(!0), this.digits === "" && this.writeToMask(""), this.commit();
+			this.isUnmounted || (this.setLazy(!0), this.digits === "" && this.writeToMask(""), this.commit());
 		},
 		onPaste(e) {
-			this.applyUserDigits(he(e.clipboardData?.getData("text") ?? "")), this.scheduleCommit();
+			this.applyUserDigits(xe(e.clipboardData?.getData("text") ?? "")), this.scheduleCommit();
 		},
 		clear() {
 			this.applyUserDigits(""), this.commit();
@@ -544,16 +544,16 @@ var ge = 400, _e = 3, ve = {
 				this.commit();
 				return;
 			}
-			this.digits.length < _e || (this.debounceTimer = setTimeout(() => this.commit(), ge));
+			this.digits.length < Ce || (this.debounceTimer = setTimeout(() => this.commit(), Se));
 		},
 		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) {
+}, Te = { class: "bb-dashboard-ui bb:flex bb:flex-none" }, Ee = { class: "bb:flex bb:w-full bb:flex-col bb:border bb:border-white bb:bg-white" }, De = { class: "bb:relative bb:flex bb:h-full bb:w-full" }, Oe = { class: "bb:flex bb:w-full bb:h-full bb:items-center bb:justify-center" };
+function ke(e, t, n, r, o, c) {
 	let l = p("element-header"), d = p("eraser");
-	return u(), i("div", ye, [a("div", be, [s(l, {
+	return u(), i("div", Te, [a("div", Ee, [s(l, {
 		text: n.header,
 		"is-required": n.isRequired,
 		"is-loading": n.isLoading
@@ -561,7 +561,7 @@ function Ce(e, t, n, r, o, c) {
 		"text",
 		"is-required",
 		"is-loading"
-	]), a("div", xe, [a("label", Se, [a("input", {
+	]), a("div", De, [a("label", Oe, [a("input", {
 		ref: "input",
 		type: "tel",
 		inputmode: "tel",
@@ -577,10 +577,10 @@ function Ce(e, t, n, r, o, c) {
 		class: "bb:pr-2 bb:h-full"
 	}, null, 8, ["onClick"]), [[_, o.digits.length > 0]])])])])]);
 }
-var we = /*#__PURE__*/ O(ve, [["render", Ce]]), Te = {
+var Ae = /*#__PURE__*/ T(we, [["render", ke]]), je = {
 	components: {
-		ElementHeader: G,
-		Eraser: N
+		ElementHeader: z,
+		Eraser: k
 	},
 	emits: ["update:modelValue", "changed"],
 	props: {
@@ -618,10 +618,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) {
+}, Me = { class: "bb-dashboard-ui bb:flex bb:flex-none" }, Ne = { class: "bb:flex bb:w-full bb:flex-col bb:border bb:border-white bb:bg-white" }, Pe = { class: "bb:relative bb:flex bb:h-full bb:w-full" }, Fe = { class: "bb:flex bb:w-full bb:h-full bb:items-center bb:justify-center" };
+function Ie(e, t, n, r, o, c) {
 	let l = p("element-header"), d = p("eraser");
-	return u(), i("div", Ee, [a("div", De, [s(l, {
+	return u(), i("div", Me, [a("div", Ne, [s(l, {
 		text: n.header,
 		"is-required": n.isRequired,
 		"is-loading": n.isLoading
@@ -629,7 +629,7 @@ function Ae(e, t, n, r, o, c) {
 		"text",
 		"is-required",
 		"is-loading"
-	]), a("div", Oe, [a("label", ke, [y(a("input", {
+	]), a("div", Pe, [a("label", Fe, [y(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)
@@ -643,12 +643,12 @@ function Ae(e, t, n, r, o, c) {
 		class: "bb:pr-2 bb:h-full"
 	}, null, 8, ["onClick"]), [[_, c.inputNeedsEraser]])])])])]);
 }
-var je = /*#__PURE__*/ O(Te, [["render", Ae]]), Me = {
+var Le = /*#__PURE__*/ T(je, [["render", Ie]]), Re = {
 	components: {
-		ElementHeader: G,
-		PickDay: W
+		ElementHeader: z,
+		PickDay: R
 	},
-	mixins: [I],
+	mixins: [M],
 	emits: [
 		"update:dateFrom",
 		"update:dateTo",
@@ -696,10 +696,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) {
+}, ze = { class: "bb-dashboard-ui bb:flex" }, Be = { class: "bb:flex bb:border bb:border-white" }, Ve = { class: "bb:flex bb:flex-col bb:min-w-72 bb:w-72 bb:bg-white bb:h-full" }, He = { class: "bb:flex bb:h-full bb:divide-x bb:divide-gray-200" };
+function Ue(e, t, n, r, o, c) {
 	let l = p("element-header"), d = p("pick-day");
-	return u(), i("div", Ne, [a("div", Pe, [a("div", Fe, [s(l, {
+	return u(), i("div", ze, [a("div", Be, [a("div", Ve, [s(l, {
 		text: n.header,
 		"is-required": n.isRequired,
 		"is-loading": n.isLoading
@@ -707,7 +707,7 @@ function Le(e, t, n, r, o, c) {
 		"text",
 		"is-required",
 		"is-loading"
-	]), a("div", Ie, [s(d, {
+	]), a("div", He, [s(d, {
 		modelValue: o.userDateFrom,
 		"onUpdate:modelValue": t[0] ||= (e) => o.userDateFrom = e,
 		class: "bb:flex-1 bb:min-w-36 bb:pl-3",
@@ -729,10 +729,10 @@ function Le(e, t, n, r, o, c) {
 		"lang"
 	])])])])]);
 }
-var Re = /*#__PURE__*/ O(Me, [["render", Le]]), ze = {
+var We = /*#__PURE__*/ T(Re, [["render", Ue]]), Ge = {
 	components: {
-		Popup: j,
-		Eraser: N
+		Popup: D,
+		Eraser: k
 	},
 	emits: ["update:isOpen", "erased"],
 	props: {
@@ -763,17 +763,17 @@ 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) {
+}, Ke = { class: "bb:flex bb:flex-col bb:grow bb:bg-white" }, qe = { class: "bb:relative bb:flex bb:w-full bb:h-full" }, Je = ["textContent"];
+function Ye(e, t, o, c, d, h) {
 	let g = p("eraser"), _ = p("popup");
-	return u(), i("div", Be, [a("div", Ve, [a("button", {
+	return u(), i("div", Ke, [a("div", qe, [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"])
 	}, [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, {
+	}, null, 8, Je)], 2), h.needsEraser ? (u(), n(g, {
 		key: 0,
 		onClick: t[1] ||= (t) => e.$emit("erased"),
 		class: "bb:pr-2 bb:h-full"
@@ -785,7 +785,7 @@ function Ue(e, t, o, c, d, h) {
 		_: 3
 	}, 8, ["modelValue"])]);
 }
-var We = /*#__PURE__*/ O(ze, [["render", Ue]]), Ge = {
+var Xe = /*#__PURE__*/ T(Ge, [["render", Ye]]), Ze = {
 	props: {
 		isChecked: {
 			type: Boolean,
@@ -797,31 +797,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 = {
+}, Qe = { class: "bb:flex bb:w-9 bb:h-9 bb:items-center bb:justify-center" }, $e = {
 	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) {
+}, et = ["textContent"];
+function tt(e, t, n, r, o, s) {
 	return u(), i("button", {
 		type: "button",
 		onClick: t[0] ||= b((...e) => s.toggle && s.toggle(...e), ["prevent"]),
 		class: "bb:flex bb:w-full bb:bg-white bb:hover:bg-indigo-100 bb:cursor-pointer bb:focus:outline-hidden bb:focus:ring-3 bb:focus:z-10 bb:focus:ring-blue-500/50"
-	}, [a("span", Ke, [y((u(), i("svg", qe, [...t[1] ||= [a("path", {
+	}, [a("span", Qe, [y((u(), i("svg", $e, [...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", {
 		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)]);
+	}, null, 8, et)]);
 }
 //#endregion
 //#region src/components/SelectSingle.vue
-var Xe = {
+var nt = {
 	components: {
-		ElementHeader: G,
-		DropdownButton: We,
-		ListElement: /* @__PURE__ */ O(Ge, [["render", Ye]])
+		ElementHeader: z,
+		DropdownButton: Xe,
+		ListElement: /* @__PURE__ */ T(Ze, [["render", tt]])
 	},
 	emits: ["update:modelValue", "changed"],
 	props: {
@@ -874,10 +874,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) {
+}, rt = { class: "bb-dashboard-ui bb:flex bb:flex-none" }, it = { class: "bb:flex bb:w-full bb:flex-col bb:border bb:border-white bb:bg-white" }, at = { class: "bb:flex bb:flex-col bb:py-1 bb:mt-1 bb:bg-white bb:border bb:border-gray-200 bb:rounded-md bb:shadow-lg bb:divide-y bb:divide-gray-200 bb:divide-dashed" };
+function ot(t, o, c, l, f, m) {
 	let h = p("element-header"), g = p("list-element"), _ = p("dropdown-button");
-	return u(), i("div", Ze, [a("div", Qe, [s(h, {
+	return u(), i("div", rt, [a("div", it, [s(h, {
 		text: c.header,
 		"is-required": c.isRequired,
 		"is-loading": c.isLoading
@@ -893,7 +893,7 @@ function et(t, o, c, l, f, m) {
 		"has-value": m.hasValue,
 		onErased: m.clear
 	}, {
-		default: v(() => [a("div", $e, [(u(!0), i(e, null, d(m.itemList, (e) => (u(), n(g, {
+		default: v(() => [a("div", at, [(u(!0), i(e, null, d(m.itemList, (e) => (u(), n(g, {
 			name: e.name,
 			key: e.id,
 			"is-checked": e.id === c.modelValue,
@@ -911,7 +911,7 @@ function et(t, o, c, l, f, m) {
 		"onErased"
 	])) : r("", !0)])]);
 }
-var tt = /*#__PURE__*/ O(Xe, [["render", et]]), nt = {
+var st = /*#__PURE__*/ T(nt, [["render", ot]]), ct = {
 	props: {
 		text: {
 			type: String,
@@ -950,8 +950,8 @@ var tt = /*#__PURE__*/ O(Xe, [["render", et]]), nt = {
 			return this.color === "yellow";
 		}
 	}
-}, rt = ["textContent"];
-function it(e, t, n, r, a, o) {
+}, lt = ["textContent"];
+function ut(e, t, n, r, a, o) {
 	return u(), i("span", {
 		class: l(["bb-dashboard-ui bb:inline-flex bb:items-center bb:px-3 bb:py-2 bb:rounded-full bb:text-xs bb:font-medium bb:leading-none bb:select-none bb:whitespace-nowrap", {
 			"bb:bg-green-50 bb:text-gray-700": o.isGreen,
@@ -962,9 +962,9 @@ function it(e, t, n, r, a, o) {
 			"bb:bg-yellow-100 bb:text-yellow-800": o.isYellow
 		}]),
 		textContent: m(n.text)
-	}, null, 10, rt);
+	}, null, 10, lt);
 }
-var at = /*#__PURE__*/ O(nt, [["render", it]]), ot = {
+var H = /*#__PURE__*/ T(ct, [["render", ut]]), dt = {
 	props: {
 		messages: {
 			type: [Object, Array],
@@ -984,12 +984,12 @@ 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) {
+}, ft = { class: "bb:flex" }, pt = { class: "bb:shrink-0" }, mt = { class: "bb:ml-3" }, ht = ["textContent"];
+function gt(t, n, o, s, c, f) {
 	return f.hasErrors ? (u(), i("div", {
 		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", {
+	}, [a("div", ft, [a("div", pt, [(u(), i("svg", {
 		class: l(["bb:h-5 bb:w-5", f.isDangerous ? "bb:text-red-400" : "bb:text-yellow-400"]),
 		viewBox: "0 0 20 20",
 		fill: "currentColor"
@@ -997,14 +997,14 @@ function dt(t, n, o, s, c, f) {
 		"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", {
+	}, null, -1)]], 2))]), a("div", mt, [(u(!0), i(e, null, d(o.messages, (e, t) => (u(), i("p", {
 		class: l(["bb:text-sm bb:leading-5", f.isDangerous ? "bb:text-red-700" : "bb:text-yellow-700"]),
 		key: t,
 		textContent: m(e)
-	}, null, 10, ut))), 128))])])], 2)) : r("", !0);
+	}, null, 10, ht))), 128))])])], 2)) : r("", !0);
 }
-var ft = /*#__PURE__*/ O(ot, [["render", dt]]), pt = { emits: ["clicked"] };
-function mt(e, t, n, r, o, s) {
+var _t = /*#__PURE__*/ T(dt, [["render", gt]]), vt = { emits: ["clicked"] };
+function yt(e, t, n, r, o, s) {
 	return u(), i("button", {
 		type: "button",
 		tabindex: "-1",
@@ -1021,15 +1021,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__*/ T(vt, [["render", yt]]), bt = {}, xt = {
 	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 St(e, t, n, r, o, s) {
+	return u(), i("svg", xt, [...t[0] ||= [a("path", {
 		"stroke-linecap": "round",
 		"stroke-linejoin": "round",
 		"stroke-width": "2",
@@ -1038,9 +1038,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 Ct = {
+	components: { "download-icon": /* @__PURE__ */ T(bt, [["render", St]]) },
+	mixins: [M],
 	props: {
 		url: {
 			type: String,
@@ -1054,16 +1054,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) {
+}, wt = ["href", "title"], Tt = { class: "bb:ml-1" };
+function Et(e, t, n, r, o, c) {
 	let l = p("download-icon");
 	return u(), i("a", {
 		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", Tt, m(c.label), 1)], 8, wt);
 }
-var St = /*#__PURE__*/ O(vt, [["render", xt]]), Ct = { props: {
+var Dt = /*#__PURE__*/ T(Ct, [["render", Et]]), Ot = { props: {
 	isOpen: {
 		type: Boolean,
 		default: !1
@@ -1072,9 +1072,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" }, At = { class: "bb:fixed bb:inset-0 bb:transition-opacity" }, jt = ["aria-labelledby"];
+function Mt(e, n, r, o, c, d) {
+	return u(), i("div", { class: l(["bb-dashboard-ui bb:fixed bb:inset-0 bb:overflow-y-auto bb:z-20", { "bb:pointer-events-none": !r.isOpen }]) }, [a("div", kt, [
 		s(t, {
 			"enter-active-class": "bb:ease-out bb:duration-300",
 			"enter-from-class": "bb:opacity-0",
@@ -1083,7 +1083,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: v(() => [y(a("div", At, [...n[0] ||= [a("div", { class: "bb:absolute bb:inset-0 bb:bg-gray-500 bb:opacity-75" }, null, -1)]], 512), [[_, r.isOpen]])]),
 			_: 1
 		}),
 		n[1] ||= a("span", { class: "bb:hidden bb:sm:inline-block bb:sm:align-middle bb:sm:h-screen" }, null, -1),
@@ -1100,12 +1100,12 @@ function Dt(e, n, r, o, c, d) {
 				role: "dialog",
 				"aria-modal": "true",
 				"aria-labelledby": r.headingId
-			}, [f(e.$slots, "default")], 8, Et), [[_, r.isOpen]])]),
+			}, [f(e.$slots, "default")], 8, jt), [[_, r.isOpen]])]),
 			_: 3
 		})
 	])], 2);
 }
-var Ot = /*#__PURE__*/ O(Ct, [["render", Dt]]), kt = {}, At = {
+var Nt = /*#__PURE__*/ T(Ot, [["render", Mt]]), Pt = {}, Ft = {
 	class: "bb:h-7 bb:w-7 bb:text-red-600",
 	xmlns: "http://www.w3.org/2000/svg",
 	fill: "none",
@@ -1113,35 +1113,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 It(e, t, n, r, o, s) {
+	return u(), i("svg", Ft, [...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__*/ T(Pt, [["render", It]]), Lt = {}, Rt = {
 	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 zt(e, t, n, r, o, s) {
+	return u(), i("svg", Rt, [...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__*/ T(Lt, [["render", zt]]), Bt = {
 	components: {
-		Modal: Ot,
-		Dangerous: Y,
-		Warning: X
+		Modal: Nt,
+		Dangerous: W,
+		Warning: G
 	},
-	mixins: [I],
+	mixins: [M],
 	emits: ["actionConfirmed", "actionCanceled"],
 	props: {
 		isOpen: {
@@ -1181,20 +1181,20 @@ 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) {
+}, Vt = { class: "bb:flex bb:bg-white bb:rounded-t-lg bb:px-4 bb:pt-5 bb:pb-4 bb:sm:p-6 bb:sm:pb-4" }, Ht = { class: "bb:sm:flex bb:sm:items-start" }, Ut = { class: "bb:mt-3 bb:text-center bb:sm:mt-0 bb:sm:ml-4 bb:sm:text-left" }, Wt = ["id"], Gt = { class: "bb:mt-2" }, Kt = { class: "bb:text-sm bb:text-gray-500" }, qt = { class: "bb:bg-gray-50 bb:rounded-b-lg bb:px-4 bb:py-3 bb:sm:px-6 bb:sm:flex bb:sm:flex-row-reverse" };
+function Jt(e, t, i, o, s, c) {
 	let d = p("warning"), f = p("dangerous"), h = p("modal");
 	return u(), n(h, {
 		"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: v(() => [a("div", Vt, [a("div", Ht, [a("div", { class: l(["bb:mx-auto bb:shrink-0 bb:flex bb:items-center bb:justify-center bb:h-12 bb:w-12 bb:rounded-full bb:sm:mx-0 bb:sm:h-10 bb:sm:w-10", {
 			"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 ? (u(), n(d, { key: 0 })) : r("", !0), c.isDangerous ? (u(), n(f, { key: 1 })) : r("", !0)], 2), a("div", Ut, [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", {
+		}, m(i.confirmationHeading), 9, Wt), a("div", Gt, [a("p", Kt, m(i.confirmationText), 1)])])])]), a("div", qt, [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", {
 				"bb:bg-red-600 bb:hover:bg-red-700 bb:focus:ring-red-500": c.isDangerous,
@@ -1209,41 +1209,102 @@ function Ut(e, t, i, o, s, c) {
 		_: 1
 	}, 8, ["is-open", "heading-id"]);
 }
-var Wt = /*#__PURE__*/ O(Ft, [["render", Ut]]), Gt = {
-	components: { Popup: j },
-	mixins: [I],
+var Yt = /*#__PURE__*/ T(Bt, [["render", Jt]]), K = 4, q = 8;
+function J(e) {
+	return typeof e?.showPopover == "function";
+}
+function Y(e) {
+	return J(e) && e.matches(":popover-open");
+}
+function Xt(e, t, { maxWidth: n = null } = {}) {
+	let r = e.getBoundingClientRect(), i = document.documentElement.clientWidth, a = document.documentElement.clientHeight, o = Math.max(q, i - r.right), s = Math.max(0, i - o - q), c = Math.max(0, a - r.bottom - K - q), l = Math.max(0, r.top - K - q), u = c >= l;
+	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 Zt(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 Qt = 224, $t = {
+	mixins: [M],
 	emits: ["update:modelValue"],
 	props: { modelValue: {
 		type: Boolean,
 		default: !1
 	} },
 	setup() {
-		return { menuButtonId: h() };
+		return {
+			menuButtonId: h(),
+			menuId: h()
+		};
 	},
 	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" && Xt(this.$refs.arrow, this.$refs.menu, { maxWidth: Qt });
+		},
+		onToggle(e) {
+			this.stopListening();
+			let t = this.$refs.menu;
+			Y(t) && (this.stopClosing = Zt(t, this.close));
+			let n = e.newState === "open";
+			n !== this.menuIsOpen && (this.menuIsOpen = n, this.$emit("update:modelValue", n));
+		},
+		stopListening() {
+			this.stopClosing !== null && (this.stopClosing(), this.stopClosing = null);
+		}
+	}
+}, en = { class: "bb-dashboard-ui bb:relative bb:inline-flex bb:shadow-xs bb:rounded-md" }, tn = {
 	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", {
+}, nn = ["id", "popovertarget"], rn = { class: "bb:sr-only" }, an = ["id", "aria-labelledby"];
+function on(e, t, n, o, s, c) {
+	return u(), i("span", en, [a("button", {
 		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"]),
+	}, [f(e.$slots, "button")], 2), e.$slots.actions ? (u(), i("span", tn, [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", rn, m(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 +1314,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, nn), 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)
+	}, [f(e.$slots, "actions")], 40, an)])) : r("", !0)]);
 }
-var Qt = /*#__PURE__*/ O(Gt, [["render", Zt]]), $t = {}, en = {
+var sn = /*#__PURE__*/ T($t, [["render", on]]), cn = {}, ln = {
 	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 un(e, t, n, r, o, s) {
+	return u(), i("svg", ln, [...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 dn = /*#__PURE__*/ T(cn, [["render", un]]), fn = {}, pn = {
 	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 mn(e, t, n, r, o, s) {
+	return u(), i("svg", pn, [...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 hn = /*#__PURE__*/ T(fn, [["render", mn]]);
 //#endregion
 //#region src/navigation.js
-function cn(e) {
+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 Z = {
-	inject: E,
+var X = {
+	inject: w,
 	methods: { followLink(e, t) {
 		let n = this.uiSettings.navigate;
-		n !== null && cn(e) && (e.preventDefault(), n(t));
+		n !== null && gn(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 _n = {
 	components: {
-		ArrowNarrowLeft: nn,
-		ArrowNarrowRight: sn
+		ArrowNarrowLeft: dn,
+		ArrowNarrowRight: hn
 	},
-	mixins: [I, Z],
+	mixins: [M, X],
 	props: {
 		links: {
 			type: Object,
@@ -1346,45 +1405,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 = {
+}, vn = {
 	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 = {
+}, yn = { class: "bb:-mt-px bb:w-0 bb:flex-1 bb:flex" }, bn = ["href"], xn = {
 	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) {
+}, Sn = { class: "bb:font-medium bb:text-gray-900 bb:mx-1" }, Cn = { class: "bb:font-medium bb:text-gray-900 bb:mx-1" }, wn = { class: "bb:-mt-px bb:w-0 bb:flex-1 bb:flex bb:justify-end" }, Tn = ["href"];
+function En(e, t, n, c, l, d) {
 	let f = p("arrow-narrow-left"), h = p("arrow-narrow-right");
-	return d.hasResults ? (u(), i("nav", un, [
-		a("div", dn, [d.previousPageUrl === null ? r("", !0) : (u(), i("a", {
+	return d.hasResults ? (u(), i("nav", vn, [
+		a("div", yn, [d.previousPageUrl === null ? r("", !0) : (u(), i("a", {
 			key: 0,
 			href: d.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, [
+		}, [s(f, { class: "bb:mr-3 bb:h-5 bb:w-5 bb:text-gray-400" }), o(" " + m(e.texts.previousPage), 1)], 8, bn))]),
+		d.hasRange ? (u(), i("div", xn, [
 			o(m(e.texts.resultsBefore) + " ", 1),
-			a("span", mn, m(d.from) + " - " + m(d.to), 1),
+			a("span", Sn, m(d.from) + " - " + m(d.to), 1),
 			o(" " + m(e.texts.resultsOf) + " ", 1),
-			a("span", hn, m(d.total), 1),
+			a("span", Cn, m(d.total), 1),
 			o(" " + m(e.texts.resultsAfter), 1)
 		])) : r("", !0),
-		a("div", gn, [d.nextPageUrl === null ? r("", !0) : (u(), i("a", {
+		a("div", wn, [d.nextPageUrl === null ? r("", !0) : (u(), i("a", {
 			key: 0,
 			href: d.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))])
+		}, [o(m(e.texts.nextPage) + " ", 1), s(h, { class: "bb:ml-3 bb:h-5 bb:w-5 bb:text-gray-400" })], 8, Tn))])
 	])) : r("", !0);
 }
-var yn = /*#__PURE__*/ O(ln, [["render", vn]]), bn = {
-	mixins: [Z],
+var Dn = /*#__PURE__*/ T(_n, [["render", En]]), On = [
+	"left",
+	"center",
+	"right"
+], kn = ["red", "green"];
+function An(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: On.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: Dn,
+		SmallBadge: H
+	},
+	mixins: [M],
+	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(An).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);
+		}
+	}
+}, Mn = { class: "bb:min-w-full bb:divide-y bb:divide-gray-200 bb:border-collapse" }, Nn = { class: "bb:bg-gray-50" }, Pn = ["textContent"], Fn = { class: "bb:divide-y bb:divide-gray-200" }, In = ["textContent"], Ln = ["textContent"];
+function Rn(t, o, s, c, h, g) {
+	let _ = p("small-badge"), v = p("pagination");
+	return u(), i("div", null, [
+		g.hasBadgeRow() ? (u(), i("div", {
+			key: 0,
+			class: l(["bb:flex bb:justify-center bb:items-center bb:space-x-2", g.isCard ? "" : "bb:my-4"])
+		}, [g.badgeText === null ? r("", !0) : (u(), n(_, {
+			key: 0,
+			text: g.badgeText,
+			color: "indigo"
+		}, null, 8, ["text"])), g.hasRecords ? f(t.$slots, "results-actions", {}, void 0, void 0, 1) : r("", !0)], 2)) : r("", !0),
+		g.normalizedRows.length > 0 ? (u(), i("div", {
+			key: 1,
+			class: l(g.isCard && g.hasBadgeRow() ? "bb:mt-4" : "")
+		}, [a("div", { class: l(["bb:overflow-x-auto", g.isCard ? "bb:border-t bb:border-gray-200" : "bb:shadow-sm bb:border-b bb:border-gray-200 bb:sm:rounded-lg"]) }, [a("table", Mn, [a("thead", null, [a("tr", Nn, [(u(!0), i(e, null, d(g.visibleColumns, (e) => (u(), i("th", {
+			key: e.key,
+			scope: "col",
+			class: l(["bb:px-6 bb:py-3 bb:text-xs bb:leading-4 bb:font-medium bb:text-gray-500 bb:uppercase bb:tracking-wider bb:whitespace-nowrap", [{
+				"bb:text-left": e.align === "left",
+				"bb:text-center": e.align === "center",
+				"bb:text-right": e.align === "right"
+			}, { "bb:w-px": e.narrow }]]),
+			textContent: m(e.label)
+		}, null, 10, Pn))), 128))])]), a("tbody", Fn, [(u(!0), i(e, null, d(g.normalizedRows, (n, o) => (u(), i("tr", {
+			key: g.keyOf(n, o),
+			class: l({
+				"bb:bg-white bb:even:bg-gray-50": g.colorOf(n) === null,
+				"bb:bg-red-50": g.colorOf(n) === "red",
+				"bb:bg-green-50": g.colorOf(n) === "green"
+			})
+		}, [(u(!0), i(e, null, d(g.visibleColumns, (e) => (u(), i("td", {
+			key: e.key,
+			class: l(["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 }
+			]])
+		}, [f(t.$slots, `cell-${e.key}`, {
+			row: n,
+			index: o
+		}, () => [a("div", {
+			class: l(["bb:font-medium", e.muted ? "bb:text-gray-400" : "bb:text-gray-900"]),
+			textContent: m(g.textOf(e.value, n))
+		}, null, 10, In), e.secondary !== null && g.textOf(e.secondary, n) !== "" ? (u(), i("div", {
+			key: 0,
+			class: "bb:text-gray-400",
+			textContent: m(g.textOf(e.secondary, n))
+		}, null, 8, Ln)) : r("", !0)])], 2))), 128))], 2))), 128))])])], 2)], 2)) : r("", !0),
+		g.hasMeta ? (u(), n(v, {
+			key: 2,
+			meta: s.meta,
+			links: s.links ?? {},
+			lang: t.lang,
+			class: l(g.isCard ? "bb:mt-4" : "bb:mt-6")
+		}, null, 8, [
+			"meta",
+			"links",
+			"lang",
+			"class"
+		])) : r("", !0)
+	]);
+}
+var zn = /*#__PURE__*/ T(jn, [["render", Rn]]), Bn = {
+	mixins: [X],
 	props: {
 		url: {
 			type: String,
@@ -1399,18 +1644,18 @@ var yn = /*#__PURE__*/ O(ln, [["render", vn]]), bn = {
 			default: !1
 		}
 	}
-}, xn = ["href", "textContent"];
-function Sn(e, t, n, r, a, o) {
+}, Vn = ["href", "textContent"];
+function Hn(e, t, n, r, a, o) {
 	return u(), 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"]),
 		onClick: t[0] ||= (t) => e.followLink(t, n.url),
 		textContent: m(n.name)
-	}, null, 10, xn);
+	}, null, 10, Vn);
 }
-var Cn = /*#__PURE__*/ O(bn, [["render", Sn]]), wn = {
-	components: { Closer: J },
-	mixins: [I],
+var Un = /*#__PURE__*/ T(Bn, [["render", Hn]]), Wn = {
+	components: { Closer: U },
+	mixins: [M],
 	data() {
 		return { canGoBack: !1 };
 	},
@@ -1421,7 +1666,7 @@ var Cn = /*#__PURE__*/ O(bn, [["render", Sn]]), wn = {
 		window.history.back();
 	} }
 };
-function Tn(e, t, a, o, s, c) {
+function Gn(e, t, a, o, s, c) {
 	let d = p("closer");
 	return u(), i("div", { class: l(["bb:box-border bb:relative bb:my-6 bb:mx-auto bb:bg-white bb:shadow-xl bb:sm:max-w-xl bb:sm:rounded-lg", s.canGoBack ? "bb:[--bb-closer-space:3.5rem] bb:md:[--bb-closer-space:0px]" : "bb:[--bb-closer-space:0px]"]) }, [f(e.$slots, "default"), s.canGoBack ? (u(), n(d, {
 		key: 0,
@@ -1431,7 +1676,7 @@ function Tn(e, t, a, o, s, c) {
 		onClicked: c.goBack
 	}, null, 8, ["aria-label", "onClicked"])) : r("", !0)], 2);
 }
-var En = /*#__PURE__*/ O(wn, [["render", Tn]]), $ = {}, Dn = {
+var Kn = /*#__PURE__*/ T(Wn, [["render", Gn]]), qn = {}, $ = {
 	class: "bb:h-7 bb:w-7 bb:text-green-600",
 	xmlns: "http://www.w3.org/2000/svg",
 	fill: "none",
@@ -1440,22 +1685,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 Jn(e, t, n, r, o, s) {
+	return u(), i("svg", $, [...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 Yn = /*#__PURE__*/ T(qn, [["render", Jn]]), Xn = {}, Zn = {
 	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 Qn(e, t, n, r, o, s) {
+	return u(), i("svg", Zn, [...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 +1708,14 @@ function Mn(e, t, n, r, o, s) {
 }
 //#endregion
 //#region src/components/NotificationMessage.vue
-var Nn = {
+var $n = {
 	components: {
-		Check: kn,
-		Close: /* @__PURE__ */ O(An, [["render", Mn]]),
-		Dangerous: Y,
-		Warning: X
+		Check: Yn,
+		Close: /* @__PURE__ */ T(Xn, [["render", Qn]]),
+		Dangerous: W,
+		Warning: G
 	},
-	mixins: [I],
+	mixins: [M],
 	emits: ["update:modelValue"],
 	props: {
 		modelValue: {
@@ -1508,8 +1753,8 @@ 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) {
+}, er = ["role"], tr = { class: "bb:p-4" }, nr = { class: "bb:flex bb:items-start" }, rr = { class: "bb:shrink-0" }, ir = { class: "bb:ml-3 bb:w-0 bb:flex-1 bb:pt-0.5" }, ar = { class: "bb:text-sm bb:font-medium bb:text-gray-900" }, or = { class: "bb:mt-1 bb:text-sm bb:text-gray-500" }, sr = { class: "bb:ml-4 bb:shrink-0 bb:flex" }, cr = { class: "bb:sr-only" };
+function lr(e, t, o, c, d, f) {
 	let h = p("warning"), g = p("dangerous"), _ = p("check"), v = p("close");
 	return u(), i("div", {
 		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",
@@ -1521,14 +1766,14 @@ function Un(e, t, o, c, d, f) {
 			"bb:bg-yellow-50": f.isWarning,
 			"bb:bg-gray-50": f.isConfirmation
 		}])
-	}, [a("div", Fn, [a("div", In, [
-		a("div", Ln, [
+	}, [a("div", tr, [a("div", nr, [
+		a("div", rr, [
 			f.isWarning ? (u(), n(h, { key: 0 })) : r("", !0),
 			f.isDangerous ? (u(), n(g, { key: 1 })) : r("", !0),
 			f.isConfirmation ? (u(), n(_, { key: 2 })) : r("", !0)
 		]),
-		a("div", Rn, [a("p", zn, m(o.notificationHeading), 1), a("p", Bn, m(f.text), 1)]),
-		a("div", Vn, [a("button", {
+		a("div", ir, [a("p", ar, m(o.notificationHeading), 1), a("p", or, m(f.text), 1)]),
+		a("div", sr, [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", {
 				"bb:bg-red-50": f.isDangerous,
@@ -1536,9 +1781,9 @@ function Un(e, t, o, c, d, f) {
 				"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);
+		}, [a("span", cr, m(e.texts.close), 1), s(v)], 2)])
+	])])], 2)) : r("", !0)], 8, er);
 }
-var Wn = /*#__PURE__*/ O(Nn, [["render", Un]]);
+var ur = /*#__PURE__*/ T($n, [["render", lr]]);
 //#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, Yt as ConfirmationModal, zn as DataTable, O as Dot, Dt as DownloadLink, sn as DropdownButtonWithAction, _t as ErrorMessages, Un as NavigationMenuElement, ur as NotificationMessage, Kn as PageCard, R as PickDay, D as Popup, Ae as RussianMobileFilter, Le as Search, We as SelectDateInterval, st as SelectSingle, H as SmallBadge, ie as dashboardUi };