@boobooking/dashboard-ui-components 0.8.0 → 0.10.0

package/dist/index.js

@@ -51,7 +51,9 @@ var te = {
 		nextPage: "Следующая",
 		resultsBefore: "Показаны результаты",
 		resultsOf: "из",
-		resultsAfter: ""
+		resultsAfter: "",
+		back: "Назад",
+		close: "Закрыть"
 	},
 	en: {
 		cancel: "Cancel",
@@ -97,7 +99,9 @@ var te = {
 		nextPage: "Next",
 		resultsBefore: "Showing",
 		resultsOf: "of",
-		resultsAfter: "results"
+		resultsAfter: "results",
+		back: "Back",
+		close: "Close"
 	}
 }, T = Symbol("dashboardUi"), E = Object.freeze({
 	lang: "ru",
@@ -248,13 +252,13 @@ function ce(e, t, n, r, o, s) {
 		r: "45"
 	})], -1)]], 2);
 }
-var j = /*#__PURE__*/ k(se, [["render", ce]]), M = {}, N = {
+var j = /*#__PURE__*/ k(se, [["render", ce]]), le = {}, ue = {
 	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 P(e, t, n, r, o, s) {
-	return u(), i("button", N, [...t[0] ||= [a("svg", {
+function M(e, t, n, r, o, s) {
+	return u(), i("button", ue, [...t[0] ||= [a("svg", {
 		class: "bb:w-6 bb:h-6 bb:stroke-current",
 		fill: "none",
 		viewBox: "0 0 24 24"
@@ -265,13 +269,13 @@ function P(e, t, n, r, o, s) {
 		d: "M6 18L18 6M6 6l12 12"
 	})], -1)]]);
 }
-var F = /*#__PURE__*/ k(M, [["render", P]]);
+var N = /*#__PURE__*/ k(le, [["render", M]]);
 //#endregion
 //#region src/date.js
-function I(e) {
+function P(e) {
 	return `${String(e.getDate()).padStart(2, "0")}.${String(e.getMonth() + 1).padStart(2, "0")}.${String(e.getFullYear()).padStart(4, "0")}`;
 }
-function L(e) {
+function F(e) {
 	let t = /^(\d{1,2})\.(\d{1,2})\.(\d{4})$/.exec(e);
 	if (t === null) return null;
 	let [, n, r, i] = t.map(Number), a = /* @__PURE__ */ new Date(0);
@@ -279,7 +283,7 @@ function L(e) {
 }
 //#endregion
 //#region src/lang.js
-var R = {
+var I = {
 	inject: D,
 	props: { lang: {
 		type: String,
@@ -294,12 +298,12 @@ var R = {
 			return te[this.resolvedLang];
 		}
 	}
-}, z = {
+}, L = {
 	components: {
 		Popup: A,
-		Eraser: F
+		Eraser: N
 	},
-	mixins: [R],
+	mixins: [I],
 	emits: ["update:modelValue", "changed"],
 	props: {
 		modelValue: {
@@ -325,8 +329,8 @@ var R = {
 			keyboardInput: !1,
 			bound: !1,
 			firstDay: 1,
-			parse: (e) => L(e),
-			toString: (e) => I(e),
+			parse: (e) => F(e),
+			toString: (e) => P(e),
 			i18n: {
 				previousMonth: this.texts.previousMonth,
 				nextMonth: this.texts.nextMonth,
@@ -335,7 +339,7 @@ var R = {
 				weekdaysShort: this.texts.weekdaysShort
 			},
 			onSelect: (e) => {
-				this.popupIsOpen = !1, this.$emit("update:modelValue", I(e)), this.$emit("changed");
+				this.popupIsOpen = !1, this.$emit("update:modelValue", P(e)), this.$emit("changed");
 			}
 		});
 	},
@@ -354,7 +358,7 @@ var R = {
 	} },
 	methods: {
 		syncPicker(e) {
-			let t = L(e);
+			let t = F(e);
 			if (t === null) {
 				this.picker.clear();
 				return;
@@ -373,29 +377,29 @@ var R = {
 			return !this.withEraser || this.popupIsOpen ? !1 : this.hasValue;
 		}
 	}
-}, B = { class: "bb-dashboard-ui bb:flex bb:flex-col" }, V = { class: "bb:relative bb:flex bb:h-full bb:cursor-pointer bb:leading-none" }, H = { class: "bb:min-w-24 bb:w-full bb:h-full" }, U = [
+}, 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 = [
 	"disabled",
 	"value",
 	"placeholder"
-], W = {
+], H = {
 	ref: "container",
 	class: "bb:flex bb:mt-1 bb:bg-white bb:border bb:border-gray-200 bb:rounded-md bb:shadow-lg"
 };
-function G(e, t, o, c, d, f) {
+function U(e, t, o, c, d, f) {
 	let m = p("eraser"), h = p("popup");
-	return u(), i("div", B, [a("div", V, [a("button", {
+	return u(), i("div", R, [a("div", z, [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", H, [a("input", {
+	}, [a("label", B, [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, U)])], 2), f.needsEraser ? (u(), n(m, {
+	}, null, 8, V)])], 2), f.needsEraser ? (u(), n(m, {
 		key: 0,
 		onClick: f.clearPicker,
 		class: "bb:z-10 bb:h-full bb:pr-2"
@@ -403,11 +407,11 @@ function G(e, t, o, c, d, f) {
 		modelValue: d.popupIsOpen,
 		"onUpdate:modelValue": t[1] ||= (e) => d.popupIsOpen = e
 	}, {
-		default: v(() => [a("div", W, null, 512)]),
+		default: v(() => [a("div", H, null, 512)]),
 		_: 1
 	}, 8, ["modelValue"])]);
 }
-var K = /*#__PURE__*/ k(z, [["render", G]]), le = {
+var W = /*#__PURE__*/ k(L, [["render", U]]), de = {
 	components: { Dot: j },
 	props: {
 		text: {
@@ -423,14 +427,14 @@ var K = /*#__PURE__*/ k(z, [["render", G]]), le = {
 			default: !1
 		}
 	}
-}, ue = { class: "bb:flex bb:h-6 bb:px-3 bb:bg-white bb:items-center bb:justify-between" }, de = ["textContent"];
-function fe(e, t, n, r, o, c) {
+}, fe = { class: "bb:flex bb:h-6 bb:px-3 bb:bg-white bb:items-center bb:justify-between" }, pe = ["textContent"];
+function me(e, t, n, r, o, c) {
 	let l = p("dot");
-	return u(), i("div", ue, [
+	return u(), i("div", fe, [
 		a("div", {
 			class: "bb:flex bb:flex-1 bb:h-full bb:items-center bb:text-xs bb:text-gray-500 bb:whitespace-nowrap bb:truncate bb:leading-tight bb:select-none",
 			textContent: m(n.text)
-		}, null, 8, de),
+		}, null, 8, pe),
 		y(s(l, {
 			color: "red",
 			"with-pulse": !0,
@@ -442,24 +446,24 @@ function fe(e, t, n, r, o, c) {
 		}, null, 512), [[_, n.isRequired]])
 	]);
 }
-var q = /*#__PURE__*/ k(le, [["render", fe]]), pe = 10;
-function me(e) {
+var G = /*#__PURE__*/ k(de, [["render", me]]), he = 10;
+function ge(e) {
 	let t = e.replace(/\D/g, "");
-	return (t.startsWith("7") || t.startsWith("8")) && t[1] === "9" && (t = t.slice(1)), t.slice(0, pe);
+	return (t.startsWith("7") || t.startsWith("8")) && t[1] === "9" && (t = t.slice(1)), t.slice(0, he);
 }
-function J(e) {
+function K(e) {
 	return e === "" ? "" : `7${e}`;
 }
-function Y(e) {
+function q(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 he = 400, ge = 3, _e = {
+var _e = 400, ve = 3, ye = {
 	components: {
-		ElementHeader: q,
-		Eraser: F
+		ElementHeader: G,
+		Eraser: N
 	},
 	emits: ["update:modelValue", "changed"],
 	props: {
@@ -481,10 +485,10 @@ var he = 400, ge = 3, _e = {
 		}
 	},
 	data() {
-		return { digits: Y(this.modelValue) };
+		return { digits: q(this.modelValue) };
 	},
 	created() {
-		this.mask = null, this.debounceTimer = null, this.isWritingProgrammatically = !1, this.lastCommitted = Y(this.modelValue);
+		this.mask = null, this.debounceTimer = null, this.isWritingProgrammatically = !1, this.lastCommitted = q(this.modelValue);
 	},
 	mounted() {
 		this.mask = ee(this.$refs.input, {
@@ -492,21 +496,21 @@ var he = 400, ge = 3, _e = {
 			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", J(this.digits)), this.scheduleCommit());
+			this.isWritingProgrammatically || (this.digits = this.mask.unmaskedValue, this.$emit("update:modelValue", K(this.digits)), this.scheduleCommit());
 		}), this.syncFromModelValue(this.modelValue);
 	},
 	beforeUnmount() {
 		clearTimeout(this.debounceTimer), this.mask?.destroy();
 	},
 	watch: { modelValue(e) {
-		e !== J(this.digits) && this.syncFromModelValue(e);
+		e !== K(this.digits) && this.syncFromModelValue(e);
 	} },
 	methods: {
 		syncFromModelValue(e) {
-			this.writeToMask(Y(e)), this.digits = this.mask.unmaskedValue, this.lastCommitted = this.digits;
+			this.writeToMask(q(e)), this.digits = this.mask.unmaskedValue, this.lastCommitted = this.digits;
 		},
 		applyUserDigits(e) {
-			this.writeToMask(e), this.digits = this.mask.unmaskedValue, this.$emit("update:modelValue", J(this.digits));
+			this.writeToMask(e), this.digits = this.mask.unmaskedValue, this.$emit("update:modelValue", K(this.digits));
 		},
 		writeToMask(e) {
 			if (this.isWritingProgrammatically = !0, e === "") this.mask.value = "";
@@ -529,7 +533,7 @@ var he = 400, ge = 3, _e = {
 			this.setLazy(!0), this.digits === "" && this.writeToMask(""), this.commit();
 		},
 		onPaste(e) {
-			this.applyUserDigits(me(e.clipboardData?.getData("text") ?? "")), this.scheduleCommit();
+			this.applyUserDigits(ge(e.clipboardData?.getData("text") ?? "")), this.scheduleCommit();
 		},
 		clear() {
 			this.applyUserDigits(""), this.commit();
@@ -539,16 +543,16 @@ var he = 400, ge = 3, _e = {
 				this.commit();
 				return;
 			}
-			this.digits.length < ge || (this.debounceTimer = setTimeout(() => this.commit(), he));
+			this.digits.length < ve || (this.debounceTimer = setTimeout(() => this.commit(), _e));
 		},
 		commit() {
 			clearTimeout(this.debounceTimer), this.digits !== this.lastCommitted && (this.lastCommitted = this.digits, this.$emit("changed"));
 		}
 	}
-}, ve = { class: "bb-dashboard-ui bb:flex bb:flex-none" }, ye = { class: "bb:flex bb:w-full bb:flex-col bb:border bb:border-white bb:bg-white" }, be = { class: "bb:relative bb:flex bb:h-full bb:w-full" }, xe = { class: "bb:flex bb:w-full bb:h-full bb:items-center bb:justify-center" };
-function Se(e, t, n, r, o, c) {
+}, be = { 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" }, Se = { class: "bb:relative bb:flex bb:h-full bb:w-full" }, Ce = { class: "bb:flex bb:w-full bb:h-full bb:items-center bb:justify-center" };
+function we(e, t, n, r, o, c) {
 	let l = p("element-header"), d = p("eraser");
-	return u(), i("div", ve, [a("div", ye, [s(l, {
+	return u(), i("div", be, [a("div", xe, [s(l, {
 		text: n.header,
 		"is-required": n.isRequired,
 		"is-loading": n.isLoading
@@ -556,7 +560,7 @@ function Se(e, t, n, r, o, c) {
 		"text",
 		"is-required",
 		"is-loading"
-	]), a("div", be, [a("label", xe, [a("input", {
+	]), a("div", Se, [a("label", Ce, [a("input", {
 		ref: "input",
 		type: "tel",
 		inputmode: "tel",
@@ -572,10 +576,10 @@ function Se(e, t, n, r, o, c) {
 		class: "bb:pr-2 bb:h-full"
 	}, null, 8, ["onClick"]), [[_, o.digits.length > 0]])])])])]);
 }
-var Ce = /*#__PURE__*/ k(_e, [["render", Se]]), we = {
+var Te = /*#__PURE__*/ k(ye, [["render", we]]), Ee = {
 	components: {
-		ElementHeader: q,
-		Eraser: F
+		ElementHeader: G,
+		Eraser: N
 	},
 	emits: ["update:modelValue", "changed"],
 	props: {
@@ -613,10 +617,10 @@ var Ce = /*#__PURE__*/ k(_e, [["render", Se]]), we = {
 			this.$emit("update:modelValue", this.search), this.$emit("changed");
 		}
 	}
-}, Te = { class: "bb-dashboard-ui bb:flex bb:flex-none" }, Ee = { class: "bb:flex bb:w-full bb:flex-col bb:border bb:border-white bb:bg-white" }, De = { class: "bb:relative bb:flex bb:h-full bb:w-full" }, Oe = { class: "bb:flex bb:w-full bb:h-full bb:items-center bb:justify-center" };
-function ke(e, t, n, r, o, c) {
+}, De = { class: "bb-dashboard-ui bb:flex bb:flex-none" }, Oe = { class: "bb:flex bb:w-full bb:flex-col bb:border bb:border-white bb:bg-white" }, ke = { class: "bb:relative bb:flex bb:h-full bb:w-full" }, Ae = { class: "bb:flex bb:w-full bb:h-full bb:items-center bb:justify-center" };
+function je(e, t, n, r, o, c) {
 	let l = p("element-header"), d = p("eraser");
-	return u(), i("div", Te, [a("div", Ee, [s(l, {
+	return u(), i("div", De, [a("div", Oe, [s(l, {
 		text: n.header,
 		"is-required": n.isRequired,
 		"is-loading": n.isLoading
@@ -624,7 +628,7 @@ function ke(e, t, n, r, o, c) {
 		"text",
 		"is-required",
 		"is-loading"
-	]), a("div", De, [a("label", Oe, [y(a("input", {
+	]), a("div", ke, [a("label", Ae, [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)
@@ -638,12 +642,12 @@ function ke(e, t, n, r, o, c) {
 		class: "bb:pr-2 bb:h-full"
 	}, null, 8, ["onClick"]), [[_, c.inputNeedsEraser]])])])])]);
 }
-var Ae = /*#__PURE__*/ k(we, [["render", ke]]), je = {
+var Me = /*#__PURE__*/ k(Ee, [["render", je]]), Ne = {
 	components: {
-		ElementHeader: q,
-		PickDay: K
+		ElementHeader: G,
+		PickDay: W
 	},
-	mixins: [R],
+	mixins: [I],
 	emits: [
 		"update:dateFrom",
 		"update:dateTo",
@@ -691,10 +695,10 @@ var Ae = /*#__PURE__*/ k(we, [["render", ke]]), je = {
 			this.$emit("update:dateTo", e), this.dateTo !== e && this.$emit("changed");
 		}
 	}
-}, Me = { class: "bb-dashboard-ui bb:flex" }, Ne = { class: "bb:flex bb:border bb:border-white" }, Pe = { class: "bb:flex bb:flex-col bb:min-w-72 bb:w-72 bb:bg-white bb:h-full" }, Fe = { class: "bb:flex bb:h-full bb:divide-x bb:divide-gray-200" };
-function Ie(e, t, n, r, o, c) {
+}, Pe = { class: "bb-dashboard-ui bb:flex" }, Fe = { class: "bb:flex bb:border bb:border-white" }, Ie = { class: "bb:flex bb:flex-col bb:min-w-72 bb:w-72 bb:bg-white bb:h-full" }, Le = { class: "bb:flex bb:h-full bb:divide-x bb:divide-gray-200" };
+function Re(e, t, n, r, o, c) {
 	let l = p("element-header"), d = p("pick-day");
-	return u(), i("div", Me, [a("div", Ne, [a("div", Pe, [s(l, {
+	return u(), i("div", Pe, [a("div", Fe, [a("div", Ie, [s(l, {
 		text: n.header,
 		"is-required": n.isRequired,
 		"is-loading": n.isLoading
@@ -702,7 +706,7 @@ function Ie(e, t, n, r, o, c) {
 		"text",
 		"is-required",
 		"is-loading"
-	]), a("div", Fe, [s(d, {
+	]), a("div", Le, [s(d, {
 		modelValue: o.userDateFrom,
 		"onUpdate:modelValue": t[0] ||= (e) => o.userDateFrom = e,
 		class: "bb:flex-1 bb:min-w-36 bb:pl-3",
@@ -724,10 +728,10 @@ function Ie(e, t, n, r, o, c) {
 		"lang"
 	])])])])]);
 }
-var Le = /*#__PURE__*/ k(je, [["render", Ie]]), Re = {
+var ze = /*#__PURE__*/ k(Ne, [["render", Re]]), Be = {
 	components: {
 		Popup: A,
-		Eraser: F
+		Eraser: N
 	},
 	emits: ["update:isOpen", "erased"],
 	props: {
@@ -758,17 +762,17 @@ var Le = /*#__PURE__*/ k(je, [["render", Ie]]), Re = {
 	computed: { needsEraser() {
 		return !this.isOpen && this.hasValue;
 	} }
-}, ze = { class: "bb:flex bb:flex-col bb:grow bb:bg-white" }, Be = { class: "bb:relative bb:flex bb:w-full bb:h-full" }, Ve = ["textContent"];
-function He(e, t, o, c, d, h) {
+}, Ve = { class: "bb:flex bb:flex-col bb:grow bb:bg-white" }, He = { class: "bb:relative bb:flex bb:w-full bb:h-full" }, Ue = ["textContent"];
+function We(e, t, o, c, d, h) {
 	let g = p("eraser"), _ = p("popup");
-	return u(), i("div", ze, [a("div", Be, [a("button", {
+	return u(), i("div", Ve, [a("div", He, [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] ||= x((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, Ve)], 2), h.needsEraser ? (u(), n(g, {
+	}, null, 8, Ue)], 2), h.needsEraser ? (u(), n(g, {
 		key: 0,
 		onClick: t[1] ||= (t) => e.$emit("erased"),
 		class: "bb:pr-2 bb:h-full"
@@ -780,7 +784,7 @@ function He(e, t, o, c, d, h) {
 		_: 3
 	}, 8, ["modelValue"])]);
 }
-var Ue = /*#__PURE__*/ k(Re, [["render", He]]), We = {
+var Ge = /*#__PURE__*/ k(Be, [["render", We]]), Ke = {
 	props: {
 		isChecked: {
 			type: Boolean,
@@ -792,31 +796,31 @@ var Ue = /*#__PURE__*/ k(Re, [["render", He]]), We = {
 	methods: { toggle() {
 		this.$emit("clicked");
 	} }
-}, Ge = { class: "bb:flex bb:w-9 bb:h-9 bb:items-center bb:justify-center" }, Ke = {
+}, qe = { class: "bb:flex bb:w-9 bb:h-9 bb:items-center bb:justify-center" }, Je = {
 	class: "bb:w-5 bb:h-5 bb:fill-current bb:text-green-300",
 	viewBox: "0 0 20 20"
-}, qe = ["textContent"];
-function Je(e, t, n, r, o, s) {
+}, Ye = ["textContent"];
+function Xe(e, t, n, r, o, s) {
 	return u(), i("button", {
 		type: "button",
 		onClick: t[0] ||= x((...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", Ge, [y((u(), i("svg", Ke, [...t[1] ||= [a("path", {
+	}, [a("span", qe, [y((u(), i("svg", Je, [...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, qe)]);
+	}, null, 8, Ye)]);
 }
 //#endregion
 //#region src/components/SelectSingle.vue
-var Ye = {
+var Ze = {
 	components: {
-		ElementHeader: q,
-		DropdownButton: Ue,
-		ListElement: /* @__PURE__ */ k(We, [["render", Je]])
+		ElementHeader: G,
+		DropdownButton: Ge,
+		ListElement: /* @__PURE__ */ k(Ke, [["render", Xe]])
 	},
 	emits: ["update:modelValue", "changed"],
 	props: {
@@ -869,10 +873,10 @@ var Ye = {
 			this.$emit("update:modelValue", null), this.$emit("changed");
 		}
 	}
-}, Xe = { class: "bb-dashboard-ui bb:flex bb:flex-none" }, Ze = { class: "bb:flex bb:w-full bb:flex-col bb:border bb:border-white bb:bg-white" }, Qe = { class: "bb: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 $e(t, o, c, l, f, m) {
+}, Qe = { class: "bb-dashboard-ui bb:flex bb:flex-none" }, $e = { class: "bb:flex bb:w-full bb:flex-col bb:border bb:border-white bb:bg-white" }, et = { class: "bb:flex bb:flex-col bb:py-1 bb:mt-1 bb:bg-white bb:border bb:border-gray-200 bb:rounded-md bb:shadow-lg bb:divide-y bb:divide-gray-200 bb:divide-dashed" };
+function tt(t, o, c, l, f, m) {
 	let h = p("element-header"), g = p("list-element"), _ = p("dropdown-button");
-	return u(), i("div", Xe, [a("div", Ze, [s(h, {
+	return u(), i("div", Qe, [a("div", $e, [s(h, {
 		text: c.header,
 		"is-required": c.isRequired,
 		"is-loading": c.isLoading
@@ -888,7 +892,7 @@ function $e(t, o, c, l, f, m) {
 		"has-value": m.hasValue,
 		onErased: m.clear
 	}, {
-		default: v(() => [a("div", Qe, [(u(!0), i(e, null, d(m.itemList, (e) => (u(), n(g, {
+		default: v(() => [a("div", et, [(u(!0), i(e, null, d(m.itemList, (e) => (u(), n(g, {
 			name: e.name,
 			key: e.id,
 			"is-checked": e.id === c.modelValue,
@@ -906,7 +910,7 @@ function $e(t, o, c, l, f, m) {
 		"onErased"
 	])) : r("", !0)])]);
 }
-var et = /*#__PURE__*/ k(Ye, [["render", $e]]), tt = {
+var nt = /*#__PURE__*/ k(Ze, [["render", tt]]), rt = {
 	props: {
 		text: {
 			type: String,
@@ -945,8 +949,8 @@ var et = /*#__PURE__*/ k(Ye, [["render", $e]]), tt = {
 			return this.color === "yellow";
 		}
 	}
-}, nt = ["textContent"];
-function rt(e, t, n, r, a, o) {
+}, it = ["textContent"];
+function at(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,
@@ -957,9 +961,9 @@ function rt(e, t, n, r, a, o) {
 			"bb:bg-yellow-100 bb:text-yellow-800": o.isYellow
 		}]),
 		textContent: m(n.text)
-	}, null, 10, nt);
+	}, null, 10, it);
 }
-var it = /*#__PURE__*/ k(tt, [["render", rt]]), at = {
+var ot = /*#__PURE__*/ k(rt, [["render", at]]), st = {
 	props: {
 		messages: {
 			type: [Object, Array],
@@ -979,12 +983,12 @@ var it = /*#__PURE__*/ k(tt, [["render", rt]]), at = {
 			return this.type === "dangerous";
 		}
 	}
-}, ot = { class: "bb:flex" }, st = { class: "bb:shrink-0" }, ct = { class: "bb:ml-3" }, lt = ["textContent"];
-function ut(t, n, o, s, c, f) {
+}, ct = { class: "bb:flex" }, lt = { class: "bb:shrink-0" }, ut = { class: "bb:ml-3" }, dt = ["textContent"];
+function ft(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", ot, [a("div", st, [(u(), i("svg", {
+	}, [a("div", ct, [a("div", lt, [(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"
@@ -992,14 +996,14 @@ function ut(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", ct, [(u(!0), i(e, null, d(o.messages, (e, t) => (u(), i("p", {
+	}, null, -1)]], 2))]), a("div", ut, [(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, lt))), 128))])])], 2)) : r("", !0);
+	}, null, 10, dt))), 128))])])], 2)) : r("", !0);
 }
-var dt = /*#__PURE__*/ k(at, [["render", ut]]), ft = { emits: ["clicked"] };
-function pt(e, t, n, r, o, s) {
+var pt = /*#__PURE__*/ k(st, [["render", ft]]), mt = { emits: ["clicked"] };
+function ht(e, t, n, r, o, s) {
 	return u(), i("button", {
 		type: "button",
 		tabindex: "-1",
@@ -1016,15 +1020,15 @@ function pt(e, t, n, r, o, s) {
 		d: "M6 18L18 6M6 6l12 12"
 	})], -1)]]);
 }
-var mt = /*#__PURE__*/ k(ft, [["render", pt]]), ht = {}, gt = {
+var J = /*#__PURE__*/ k(mt, [["render", ht]]), gt = {}, _t = {
 	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 vt(e, t, n, r, o, s) {
+	return u(), i("svg", _t, [...t[0] ||= [a("path", {
 		"stroke-linecap": "round",
 		"stroke-linejoin": "round",
 		"stroke-width": "2",
@@ -1033,9 +1037,9 @@ function _t(e, t, n, r, o, s) {
 }
 //#endregion
 //#region src/components/DownloadLink.vue
-var vt = {
-	components: { "download-icon": /* @__PURE__ */ k(ht, [["render", _t]]) },
-	mixins: [R],
+var yt = {
+	components: { "download-icon": /* @__PURE__ */ k(gt, [["render", vt]]) },
+	mixins: [I],
 	props: {
 		url: {
 			type: String,
@@ -1049,16 +1053,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) {
+}, bt = ["href", "title"], xt = { class: "bb:ml-1" };
+function St(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", xt, m(c.label), 1)], 8, bt);
 }
-var St = /*#__PURE__*/ k(vt, [["render", xt]]), Ct = { props: {
+var Ct = /*#__PURE__*/ k(yt, [["render", St]]), wt = { props: {
 	isOpen: {
 		type: Boolean,
 		default: !1
@@ -1067,9 +1071,9 @@ var St = /*#__PURE__*/ k(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, [
+} }, Tt = { 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" }, Et = { class: "bb:fixed bb:inset-0 bb:transition-opacity" }, Dt = ["aria-labelledby"];
+function Ot(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", Tt, [
 		s(t, {
 			"enter-active-class": "bb:ease-out bb:duration-300",
 			"enter-from-class": "bb:opacity-0",
@@ -1078,7 +1082,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", Et, [...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),
@@ -1095,12 +1099,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, Dt), [[_, r.isOpen]])]),
 			_: 3
 		})
 	])], 2);
 }
-var X = /*#__PURE__*/ k(Ct, [["render", Dt]]), Ot = {}, kt = {
+var kt = /*#__PURE__*/ k(wt, [["render", Ot]]), At = {}, jt = {
 	class: "bb:h-7 bb:w-7 bb:text-red-600",
 	xmlns: "http://www.w3.org/2000/svg",
 	fill: "none",
@@ -1108,37 +1112,35 @@ var X = /*#__PURE__*/ k(Ct, [["render", Dt]]), Ot = {}, kt = {
 	stroke: "currentColor",
 	"aria-hidden": "true"
 };
-function At(e, t, n, r, o, s) {
-	return u(), i("svg", kt, [...t[0] ||= [a("path", {
+function Mt(e, t, n, r, o, s) {
+	return u(), i("svg", jt, [...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 jt = /*#__PURE__*/ k(Ot, [["render", At]]), Mt = {}, Nt = {
+var Y = /*#__PURE__*/ k(At, [["render", Mt]]), Nt = {}, Pt = {
 	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 Ft(e, t, n, r, o, s) {
+	return u(), i("svg", Pt, [...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)]]);
 }
-//#endregion
-//#region src/components/ConfirmationModal.vue
-var Ft = {
+var X = /*#__PURE__*/ k(Nt, [["render", Ft]]), It = {
 	components: {
-		Modal: X,
-		Dangerous: jt,
-		Warning: /* @__PURE__ */ k(Mt, [["render", Pt]])
+		Modal: kt,
+		Dangerous: Y,
+		Warning: X
 	},
-	mixins: [R],
+	mixins: [I],
 	emits: ["actionConfirmed", "actionCanceled"],
 	props: {
 		isOpen: {
@@ -1178,20 +1180,20 @@ var 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) {
+}, Lt = { 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" }, Rt = { class: "bb:sm:flex bb:sm:items-start" }, zt = { class: "bb:mt-3 bb:text-center bb:sm:mt-0 bb:sm:ml-4 bb:sm:text-left" }, Bt = ["id"], Vt = { class: "bb:mt-2" }, Ht = { class: "bb:text-sm bb:text-gray-500" }, Ut = { 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 Wt(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", Lt, [a("div", Rt, [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", zt, [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, Bt), a("div", Vt, [a("p", Ht, m(i.confirmationText), 1)])])])]), a("div", Ut, [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,
@@ -1206,9 +1208,9 @@ function Ut(e, t, i, o, s, c) {
 		_: 1
 	}, 8, ["is-open", "heading-id"]);
 }
-var Wt = /*#__PURE__*/ k(Ft, [["render", Ut]]), Gt = {
+var Gt = /*#__PURE__*/ k(It, [["render", Wt]]), Kt = {
 	components: { Popup: A },
-	mixins: [R],
+	mixins: [I],
 	emits: ["update:modelValue"],
 	props: { modelValue: {
 		type: Boolean,
@@ -1226,21 +1228,21 @@ var Wt = /*#__PURE__*/ k(Ft, [["render", Ut]]), Gt = {
 	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 = {
+}, qt = { class: "bb-dashboard-ui bb:relative bb:inline-flex bb:shadow-xs bb:rounded-md" }, Jt = {
 	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) {
+}, Yt = ["id"], Xt = { class: "bb:sr-only" }, Zt = ["aria-labelledby"];
+function Qt(e, t, n, o, c, d) {
 	let h = p("popup");
-	return u(), i("span", Kt, [a("button", {
+	return u(), i("span", qt, [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", {
+	}, [f(e.$slots, "button")], 2), e.$slots.actions ? (u(), i("span", Jt, [a("button", {
 		onClick: t[0] ||= x((e) => d.setOpen(!c.popupIsOpen), ["prevent"]),
 		id: o.menuButtonId,
 		type: "button",
 		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", Xt, m(e.texts.openMenu), 1), t[1] ||= a("svg", {
 		class: "bb:h-5 bb:w-5",
 		xmlns: "http://www.w3.org/2000/svg",
 		viewBox: "0 0 20 20",
@@ -1250,7 +1252,7 @@ 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, {
+	})], -1)], 8, Yt), s(h, {
 		class: "bb:origin-top-right bb:right-0",
 		"model-value": c.popupIsOpen,
 		align: "right",
@@ -1261,40 +1263,40 @@ function Zt(e, t, n, o, c, d) {
 			role: "menu",
 			"aria-orientation": "vertical",
 			"aria-labelledby": o.menuButtonId
-		}, [f(e.$slots, "actions")], 8, Xt)]),
+		}, [f(e.$slots, "actions")], 8, Zt)]),
 		_: 3
 	}, 8, ["model-value", "onUpdate:modelValue"])])) : r("", !0)]);
 }
-var Qt = /*#__PURE__*/ k(Gt, [["render", Zt]]), $t = {}, en = {
+var $t = /*#__PURE__*/ k(Kt, [["render", Qt]]), en = {}, tn = {
 	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 nn(e, t, n, r, o, s) {
+	return u(), i("svg", tn, [...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__*/ k($t, [["render", tn]]), rn = {}, an = {
+var rn = /*#__PURE__*/ k(en, [["render", nn]]), an = {}, on = {
 	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 sn(e, t, n, r, o, s) {
+	return u(), i("svg", on, [...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__*/ k(rn, [["render", on]]);
+var cn = /*#__PURE__*/ k(an, [["render", sn]]);
 //#endregion
 //#region src/navigation.js
-function cn(e) {
+function ln(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);
 }
@@ -1302,7 +1304,7 @@ var Z = {
 	inject: D,
 	methods: { followLink(e, t) {
 		let n = this.uiSettings.navigate;
-		n !== null && cn(e) && (e.preventDefault(), n(t));
+		n !== null && ln(e) && (e.preventDefault(), n(t));
 	} }
 };
 //#endregion
@@ -1310,12 +1312,12 @@ var Z = {
 function Q(e) {
 	return typeof e == "string" && e !== "" ? e : null;
 }
-var $ = {
+var un = {
 	components: {
-		ArrowNarrowLeft: nn,
-		ArrowNarrowRight: sn
+		ArrowNarrowLeft: rn,
+		ArrowNarrowRight: cn
 	},
-	mixins: [R, Z],
+	mixins: [I, Z],
 	props: {
 		links: {
 			type: Object,
@@ -1349,38 +1351,38 @@ var $ = {
 			return Q(this.links?.next);
 		}
 	}
-}, ln = {
+}, dn = {
 	key: 0,
 	class: "bb-dashboard-ui bb:px-4 bb:flex bb:items-center bb:justify-between bb:sm:px-0"
-}, un = { class: "bb:-mt-px bb:w-0 bb:flex-1 bb:flex" }, dn = ["href"], fn = {
+}, fn = { class: "bb:-mt-px bb:w-0 bb:flex-1 bb:flex" }, pn = ["href"], mn = {
 	key: 0,
 	class: "bb:hidden bb:md:-mt-px bb:md:flex bb:text-gray-400 bb:text-sm bb:leading-5"
-}, pn = { class: "bb:font-medium bb:text-gray-900 bb:mx-1" }, mn = { class: "bb:font-medium bb:text-gray-900 bb:mx-1" }, hn = { class: "bb:-mt-px bb:w-0 bb:flex-1 bb:flex bb:justify-end" }, gn = ["href"];
-function _n(e, t, n, c, l, d) {
+}, hn = { class: "bb:font-medium bb:text-gray-900 bb:mx-1" }, gn = { class: "bb:font-medium bb:text-gray-900 bb:mx-1" }, _n = { class: "bb:-mt-px bb:w-0 bb:flex-1 bb:flex bb:justify-end" }, vn = ["href"];
+function yn(e, t, n, c, l, d) {
 	let f = p("arrow-narrow-left"), h = p("arrow-narrow-right");
-	return d.hasResults ? (u(), i("nav", ln, [
-		a("div", un, [d.previousPageUrl === null ? r("", !0) : (u(), i("a", {
+	return d.hasResults ? (u(), i("nav", dn, [
+		a("div", fn, [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, dn))]),
-		d.hasRange ? (u(), i("div", fn, [
+		}, [s(f, { class: "bb:mr-3 bb:h-5 bb:w-5 bb:text-gray-400" }), o(" " + m(e.texts.previousPage), 1)], 8, pn))]),
+		d.hasRange ? (u(), i("div", mn, [
 			o(m(e.texts.resultsBefore) + " ", 1),
-			a("span", pn, m(d.from) + " - " + m(d.to), 1),
+			a("span", hn, m(d.from) + " - " + m(d.to), 1),
 			o(" " + m(e.texts.resultsOf) + " ", 1),
-			a("span", mn, m(d.total), 1),
+			a("span", gn, m(d.total), 1),
 			o(" " + m(e.texts.resultsAfter), 1)
 		])) : r("", !0),
-		a("div", hn, [d.nextPageUrl === null ? r("", !0) : (u(), i("a", {
+		a("div", _n, [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, gn))])
+		}, [o(m(e.texts.nextPage) + " ", 1), s(h, { class: "bb:ml-3 bb:h-5 bb:w-5 bb:text-gray-400" })], 8, vn))])
 	])) : r("", !0);
 }
-var vn = /*#__PURE__*/ k($, [["render", _n]]), yn = {
+var bn = /*#__PURE__*/ k(un, [["render", yn]]), xn = {
 	mixins: [Z],
 	props: {
 		url: {
@@ -1396,15 +1398,143 @@ var vn = /*#__PURE__*/ k($, [["render", _n]]), yn = {
 			default: !1
 		}
 	}
-}, bn = ["href", "textContent"];
-function xn(e, t, n, r, a, o) {
+}, Sn = ["href", "textContent"];
+function Cn(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, bn);
+	}, null, 10, Sn);
+}
+var wn = /*#__PURE__*/ k(xn, [["render", Cn]]), Tn = {
+	components: { Closer: J },
+	mixins: [I],
+	data() {
+		return { canGoBack: window.history.length > 1 };
+	},
+	methods: { goBack() {
+		window.history.back();
+	} }
+};
+function En(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,
+		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",
+		tabindex: "0",
+		"aria-label": e.texts.back,
+		onClicked: c.goBack
+	}, null, 8, ["aria-label", "onClicked"])) : r("", !0)], 2);
+}
+var $ = /*#__PURE__*/ k(Tn, [["render", En]]), Dn = {}, On = {
+	class: "bb:h-7 bb:w-7 bb:text-green-600",
+	xmlns: "http://www.w3.org/2000/svg",
+	fill: "none",
+	viewBox: "0 0 24 24",
+	"stroke-width": "1.5",
+	stroke: "currentColor",
+	"aria-hidden": "true"
+};
+function kn(e, t, n, r, o, s) {
+	return u(), i("svg", On, [...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 An = /*#__PURE__*/ k(Dn, [["render", kn]]), jn = {}, Mn = {
+	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 Nn(e, t, n, r, o, s) {
+	return u(), i("svg", Mn, [...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"
+	}, null, -1)]]);
+}
+//#endregion
+//#region src/components/NotificationMessage.vue
+var Pn = {
+	components: {
+		Check: An,
+		Close: /* @__PURE__ */ k(jn, [["render", Nn]]),
+		Dangerous: Y,
+		Warning: X
+	},
+	mixins: [I],
+	emits: ["update:modelValue"],
+	props: {
+		modelValue: {
+			type: String,
+			default: ""
+		},
+		type: {
+			type: String,
+			default: "warning",
+			validator: (e) => [
+				"confirmation",
+				"warning",
+				"dangerous"
+			].indexOf(e) !== -1
+		},
+		notificationHeading: {
+			type: String,
+			default: ""
+		}
+	},
+	computed: {
+		text() {
+			return this.modelValue ?? "";
+		},
+		hasMessage() {
+			return this.text.length > 0;
+		},
+		isDangerous() {
+			return this.type === "dangerous";
+		},
+		isWarning() {
+			return this.type === "warning";
+		},
+		isConfirmation() {
+			return this.type === "confirmation";
+		}
+	}
+}, Fn = ["role"], In = { class: "bb:p-4" }, Ln = { class: "bb:flex bb:items-start" }, Rn = { class: "bb:shrink-0" }, zn = { class: "bb:ml-3 bb:w-0 bb:flex-1 bb:pt-0.5" }, Bn = { class: "bb:text-sm bb:font-medium bb:text-gray-900" }, Vn = { class: "bb:mt-1 bb:text-sm bb:text-gray-500" }, Hn = { class: "bb:ml-4 bb:shrink-0 bb:flex" }, Un = { class: "bb:sr-only" };
+function Wn(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",
+		role: f.isDangerous ? "alert" : "status"
+	}, [f.hasMessage ? (u(), 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", {
+			"bb:bg-red-50": f.isDangerous,
+			"bb:bg-yellow-50": f.isWarning,
+			"bb:bg-gray-50": f.isConfirmation
+		}])
+	}, [a("div", In, [a("div", Ln, [
+		a("div", Rn, [
+			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", zn, [a("p", Bn, m(o.notificationHeading), 1), a("p", Vn, m(f.text), 1)]),
+		a("div", Hn, [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,
+				"bb:bg-yellow-50": f.isWarning,
+				"bb:bg-gray-50": f.isConfirmation
+			}]),
+			onClick: t[0] ||= x((t) => e.$emit("update:modelValue", ""), ["prevent"])
+		}, [a("span", Un, m(e.texts.close), 1), s(v)], 2)])
+	])])], 2)) : r("", !0)], 8, Fn);
 }
-var Sn = /*#__PURE__*/ k(yn, [["render", xn]]);
+var Gn = /*#__PURE__*/ k(Pn, [["render", Wn]]);
 //#endregion
-export { mt as Closer, Wt as ConfirmationModal, j as Dot, St as DownloadLink, Qt as DropdownButtonWithAction, dt as ErrorMessages, X as Modal, Sn as NavigationMenuElement, vn as Pagination, K as PickDay, A as Popup, Ce as RussianMobileFilter, Ae as Search, Le as SelectDateInterval, et as SelectSingle, it as SmallBadge, O as dashboardUi };
+export { J as Closer, Gt as ConfirmationModal, j as Dot, Ct as DownloadLink, $t as DropdownButtonWithAction, pt as ErrorMessages, wn as NavigationMenuElement, Gn as NotificationMessage, $ as PageCard, bn as Pagination, W as PickDay, A as Popup, Te as RussianMobileFilter, Me as Search, ze as SelectDateInterval, nt as SelectSingle, ot as SmallBadge, O as dashboardUi };