@boobooking/dashboard-ui-components 0.10.1 → 0.11.0

package/README.md

@@ -99,7 +99,9 @@ Tailwind, `@tailwindcss/forms`, Inertia и какие-либо токены в C
 
 ### PickDay
 
-Поле выбора одной даты на Pikaday, с ластиком очистки.
+Поле выбора одной даты на Pikaday, с ластиком очистки. Pikaday загружается
+в браузере при монтировании компонента, а не при загрузке пакета, поэтому
+календарь появляется, когда загрузка закончится.
 
     <pick-day v-model="date" placeholder-text="от" />
 
@@ -371,11 +373,13 @@ sm:rounded-lg`, `box-sizing: border-box`. Отступов у неё нет: ф
 поля `@tailwindcss/forms`, выглядит так же, как вне карточки.
 
 Крестик показан, если в истории вкладки больше одной записи
-(`history.length > 1`, значение читается при создании компонента), и по клику
-возвращает назад (`history.back()`). `PageCard` читает историю браузера при
-создании компонента, поэтому ему нужен браузер: серверный рендеринг (SSR) не
-поддерживается. `history.length` считает и записи впереди
-текущей, поэтому это не гарантия, что назад есть куда. От `md` крестик стоит
+(`history.length > 1`, значение читается один раз после монтирования), и по
+клику возвращает назад (`history.back()`). При серверном рендеринге (SSR)
+сервер историю вкладки не знает и отдаёт карточку без крестика: крестик
+появляется сразу после гидратации, и на экранах уже `md` заголовок в этот
+момент сдвигается, освобождая под него место. Без SSR крестик появляется до
+первой отрисовки. `history.length` считает и записи впереди текущей, поэтому
+это не гарантия, что назад есть куда. От `md` крестик стоит
 снаружи карточки, на `1rem` правее её края; ниже `md` — в её правом верхнем
 углу. Порог рассчитан на карточку по центру области на всю ширину страницы: в
 узкой колонке или рядом с боковой панелью места снаружи может не хватить. Он
@@ -466,6 +470,18 @@ sm:rounded-lg`, `box-sizing: border-box`. Отступов у неё нет: ф
 Неделя начинается с понедельника. Календарь `PickDay` берёт язык при
 монтировании: смена языка после монтирования в нём не отражается.
 
+## SSR
+
+Пакет загружается и рендерится на сервере (серверный рендеринг, например
+Inertia SSR), а серверная разметка гидратируется без расхождений. К API
+браузера компоненты обращаются только после монтирования, поэтому:
+
+- `PageCard` на сервере рисует карточку без крестика: история вкладки
+  известна только в браузере. Крестик появляется сразу после гидратации;
+- `PickDay` загружает Pikaday в браузере при монтировании: календарь
+  появляется, когда загрузка закончится;
+- остальные компоненты рендерятся на сервере так же, как в браузере.
+
 ## Правила API пакета
 
 Компонент, добавляемый в пакет, следует тем же правилам, что и уже
@@ -505,6 +521,12 @@ sm:rounded-lg`, `box-sizing: border-box`. Отступов у неё нет: ф
   `DownloadLink`: это обычная ссылка браузера, скачивающая файл, и через
   `navigate` она не идёт. Через `navigate` ходят `Pagination` и
   `NavigationMenuElement`.
+- Компонент обращается к `window`, `document` и другим API браузера только
+  в `mounted()`, `beforeUnmount()` и обработчиках событий; загрузка модуля,
+  `data()`, `computed` и рендер работают без браузера. Так пакет
+  загружается и рендерится на сервере (см. «SSR»). Правило проверяют
+  `tests/ssr.test.js` и `tests/hydration.test.js`: каждый экспортируемый
+  компонент обязан иметь фикстуру в `tests/ssrFixtures.js`.
 
 ## Почему у Popup и Dot нет события changed
 

package/dist/index.js

@@ -1,12 +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 b, withModifiers as x } from "vue";
-import S from "pikaday";
-import ee from "imask";
+import { Fragment as e, Transition as t, createBlock as n, createCommentVNode as r, createElementBlock as i, createElementVNode as a, createTextVNode as o, createVNode as s, 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";
 //#region src/i18n.js
-var C = ["ru", "en"];
-function w(e) {
-	return C.includes(e);
+var S = ["ru", "en"];
+function C(e) {
+	return S.includes(e);
 }
-var te = {
+var w = {
 	ru: {
 		cancel: "Отмена",
 		download: "Скачать",
@@ -103,26 +102,26 @@ var te = {
 		back: "Back",
 		close: "Close"
 	}
-}, T = Symbol("dashboardUi"), E = Object.freeze({
+}, T = Symbol("dashboardUi"), te = Object.freeze({
 	lang: "ru",
 	navigate: null
-}), D = { uiSettings: {
+}), E = { uiSettings: {
 	from: T,
-	default: () => E
-} }, O = { install(e, t) {
+	default: () => te
+} }, D = { install(e, t) {
 	let n = t ?? {}, r = Object.hasOwn(n, "lang") ? n.lang : "ru";
-	if (!w(r)) throw Error(`dashboardUi: неизвестный lang «${r}», допустимы: ${C.join(", ")}`);
+	if (!C(r)) throw Error(`dashboardUi: неизвестный lang «${r}», допустимы: ${S.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({
 		lang: r,
 		navigate: a
 	}));
-} }, k = (e, t) => {
+} }, O = (e, t) => {
 	let n = e.__vccOpts || e;
 	for (let [e, r] of t) n[e] = r;
 	return n;
-}, ne = {
+}, k = {
 	props: {
 		isOpen: {
 			type: Boolean,
@@ -149,10 +148,10 @@ var te = {
 		document.removeEventListener("keydown", this.handleEscape);
 	}
 };
-function re(e, t, n, r, a, o) {
+function A(e, t, n, r, a, o) {
 	return y((u(), i("button", {
 		tabindex: "-1",
-		onClick: t[0] ||= x((...e) => o.closeOverlay && o.closeOverlay(...e), ["prevent"]),
+		onClick: t[0] ||= b((...e) => o.closeOverlay && o.closeOverlay(...e), ["prevent"]),
 		class: l(["bb:fixed bb:inset-0 bb:w-full bb:h-full bb:cursor-default bb:flex bb:items-start", {
 			"bb:z-20": n.isOpen,
 			"bb:bg-transparent": n.isTransparent,
@@ -162,8 +161,8 @@ function re(e, t, n, r, a, o) {
 }
 //#endregion
 //#region src/components/Popup.vue
-var ie = {
-	components: { Overlay: /* @__PURE__ */ k(ne, [["render", re]]) },
+var ne = {
+	components: { Overlay: /* @__PURE__ */ O(k, [["render", A]]) },
 	inheritAttrs: !1,
 	emits: ["update:modelValue"],
 	props: {
@@ -196,10 +195,10 @@ var ie = {
 			return this.align === "right";
 		}
 	}
-}, ae = { class: "bb-dashboard-ui bb:relative" };
-function oe(e, n, r, o, l, d) {
+}, re = { class: "bb-dashboard-ui bb:relative" };
+function ie(e, n, r, o, l, d) {
 	let m = p("overlay");
-	return u(), i("div", ae, [s(m, {
+	return u(), i("div", re, [s(m, {
 		"is-open": l.overlayIsOpen,
 		"onUpdate:isOpen": n[0] ||= (e) => l.overlayIsOpen = e
 	}, null, 8, ["is-open"]), s(t, {
@@ -217,7 +216,7 @@ function oe(e, n, r, o, l, d) {
 		_: 3
 	})]);
 }
-var A = /*#__PURE__*/ k(ie, [["render", oe]]), se = {
+var j = /*#__PURE__*/ O(ne, [["render", ie]]), ae = {
 	props: {
 		withPulse: {
 			type: Boolean,
@@ -238,7 +237,7 @@ var A = /*#__PURE__*/ k(ie, [["render", oe]]), se = {
 		}
 	}
 };
-function ce(e, t, n, r, o, s) {
+function oe(e, t, n, r, o, s) {
 	return u(), i("div", { class: l(["bb-dashboard-ui bb:flex bb:h-full bb:items-center bb:leading-none bb:text-4xl", {
 		"bb:text-red-500": s.isRed,
 		"bb:text-green-500": s.isGreen,
@@ -252,13 +251,13 @@ function ce(e, t, n, r, o, s) {
 		r: "45"
 	})], -1)]], 2);
 }
-var j = /*#__PURE__*/ k(se, [["render", ce]]), le = {}, ue = {
+var M = /*#__PURE__*/ O(ae, [["render", oe]]), se = {}, ce = {
 	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 M(e, t, n, r, o, s) {
-	return u(), i("button", ue, [...t[0] ||= [a("svg", {
+function le(e, t, n, r, o, s) {
+	return u(), i("button", ce, [...t[0] ||= [a("svg", {
 		class: "bb:w-6 bb:h-6 bb:stroke-current",
 		fill: "none",
 		viewBox: "0 0 24 24"
@@ -269,7 +268,7 @@ function M(e, t, n, r, o, s) {
 		d: "M6 18L18 6M6 6l12 12"
 	})], -1)]]);
 }
-var N = /*#__PURE__*/ k(le, [["render", M]]);
+var N = /*#__PURE__*/ O(se, [["render", le]]);
 //#endregion
 //#region src/date.js
 function P(e) {
@@ -284,23 +283,23 @@ function F(e) {
 //#endregion
 //#region src/lang.js
 var I = {
-	inject: D,
+	inject: E,
 	props: { lang: {
 		type: String,
 		default: null,
-		validator: (e) => e === null || w(e)
+		validator: (e) => e === null || C(e)
 	} },
 	computed: {
 		resolvedLang() {
-			return w(this.lang) ? this.lang : this.uiSettings.lang;
+			return C(this.lang) ? this.lang : this.uiSettings.lang;
 		},
 		texts() {
-			return te[this.resolvedLang];
+			return w[this.resolvedLang];
 		}
 	}
 }, L = {
 	components: {
-		Popup: A,
+		Popup: j,
 		Eraser: N
 	},
 	mixins: [I],
@@ -320,10 +319,11 @@ var I = {
 		}
 	},
 	created() {
-		this.picker = null;
+		this.picker = null, this.isUnmounted = !1;
 	},
-	mounted() {
-		this.picker = new S({
+	async mounted() {
+		let { default: e } = await import("pikaday");
+		this.isUnmounted || (this.picker = new e({
 			field: this.$refs.field,
 			container: this.$refs.container,
 			keyboardInput: !1,
@@ -341,10 +341,10 @@ var I = {
 			onSelect: (e) => {
 				this.popupIsOpen = !1, this.$emit("update:modelValue", P(e)), this.$emit("changed");
 			}
-		});
+		}));
 	},
 	beforeUnmount() {
-		this.picker?.destroy();
+		this.isUnmounted = !0, this.picker?.destroy();
 	},
 	data() {
 		return {
@@ -358,6 +358,7 @@ var I = {
 	} },
 	methods: {
 		syncPicker(e) {
+			if (this.picker === null) return;
 			let t = F(e);
 			if (t === null) {
 				this.picker.clear();
@@ -366,7 +367,7 @@ var I = {
 			this.picker.setDate(t, !0);
 		},
 		clearPicker() {
-			this.$emit("update:modelValue", ""), this.dayValue = "", this.picker.clear(), this.$emit("changed");
+			this.$emit("update:modelValue", ""), this.dayValue = "", this.picker?.clear(), this.$emit("changed");
 		}
 	},
 	computed: {
@@ -411,8 +412,8 @@ function U(e, t, o, c, d, f) {
 		_: 1
 	}, 8, ["modelValue"])]);
 }
-var W = /*#__PURE__*/ k(L, [["render", U]]), de = {
-	components: { Dot: j },
+var W = /*#__PURE__*/ O(L, [["render", U]]), ue = {
+	components: { Dot: M },
 	props: {
 		text: {
 			type: String,
@@ -427,14 +428,14 @@ var W = /*#__PURE__*/ k(L, [["render", U]]), de = {
 			default: !1
 		}
 	}
-}, 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) {
+}, de = { class: "bb:flex bb:h-6 bb:px-3 bb:bg-white bb:items-center bb:justify-between" }, fe = ["textContent"];
+function pe(e, t, n, r, o, c) {
 	let l = p("dot");
-	return u(), i("div", fe, [
+	return u(), i("div", de, [
 		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, pe),
+		}, null, 8, fe),
 		y(s(l, {
 			color: "red",
 			"with-pulse": !0,
@@ -446,10 +447,10 @@ function me(e, t, n, r, o, c) {
 		}, null, 512), [[_, n.isRequired]])
 	]);
 }
-var G = /*#__PURE__*/ k(de, [["render", me]]), he = 10;
-function ge(e) {
+var G = /*#__PURE__*/ O(ue, [["render", pe]]), me = 10;
+function he(e) {
 	let t = e.replace(/\D/g, "");
-	return (t.startsWith("7") || t.startsWith("8")) && t[1] === "9" && (t = t.slice(1)), t.slice(0, he);
+	return (t.startsWith("7") || t.startsWith("8")) && t[1] === "9" && (t = t.slice(1)), t.slice(0, me);
 }
 function K(e) {
 	return e === "" ? "" : `7${e}`;
@@ -460,7 +461,7 @@ function q(e) {
 }
 //#endregion
 //#region src/components/RussianMobileFilter.vue
-var _e = 400, ve = 3, ye = {
+var ge = 400, _e = 3, ve = {
 	components: {
 		ElementHeader: G,
 		Eraser: N
@@ -491,7 +492,7 @@ var _e = 400, ve = 3, ye = {
 		this.mask = null, this.debounceTimer = null, this.isWritingProgrammatically = !1, this.lastCommitted = q(this.modelValue);
 	},
 	mounted() {
-		this.mask = ee(this.$refs.input, {
+		this.mask = x(this.$refs.input, {
 			mask: "+7 (000) 000 00 00",
 			lazy: !0,
 			prepare: (e, t) => t.unmaskedValue === "" && (e === "7" || e === "8") ? "" : e
@@ -533,7 +534,7 @@ var _e = 400, ve = 3, ye = {
 			this.setLazy(!0), this.digits === "" && this.writeToMask(""), this.commit();
 		},
 		onPaste(e) {
-			this.applyUserDigits(ge(e.clipboardData?.getData("text") ?? "")), this.scheduleCommit();
+			this.applyUserDigits(he(e.clipboardData?.getData("text") ?? "")), this.scheduleCommit();
 		},
 		clear() {
 			this.applyUserDigits(""), this.commit();
@@ -543,16 +544,16 @@ var _e = 400, ve = 3, ye = {
 				this.commit();
 				return;
 			}
-			this.digits.length < ve || (this.debounceTimer = setTimeout(() => this.commit(), _e));
+			this.digits.length < _e || (this.debounceTimer = setTimeout(() => this.commit(), ge));
 		},
 		commit() {
 			clearTimeout(this.debounceTimer), this.digits !== this.lastCommitted && (this.lastCommitted = this.digits, this.$emit("changed"));
 		}
 	}
-}, 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) {
+}, ye = { class: "bb-dashboard-ui bb:flex bb:flex-none" }, be = { class: "bb:flex bb:w-full bb:flex-col bb:border bb:border-white bb:bg-white" }, xe = { class: "bb:relative bb:flex bb:h-full bb:w-full" }, Se = { class: "bb:flex bb:w-full bb:h-full bb:items-center bb:justify-center" };
+function Ce(e, t, n, r, o, c) {
 	let l = p("element-header"), d = p("eraser");
-	return u(), i("div", be, [a("div", xe, [s(l, {
+	return u(), i("div", ye, [a("div", be, [s(l, {
 		text: n.header,
 		"is-required": n.isRequired,
 		"is-loading": n.isLoading
@@ -560,7 +561,7 @@ function we(e, t, n, r, o, c) {
 		"text",
 		"is-required",
 		"is-loading"
-	]), a("div", Se, [a("label", Ce, [a("input", {
+	]), a("div", xe, [a("label", Se, [a("input", {
 		ref: "input",
 		type: "tel",
 		inputmode: "tel",
@@ -568,15 +569,15 @@ function we(e, t, n, r, o, c) {
 		class: "bb:flex bb:w-phone bb:h-full bb:px-3 bb:py-2 bb:cursor-pointer bb:truncate bb:focus:outline-hidden bb:border-none",
 		onFocus: t[0] ||= (...e) => c.onFocus && c.onFocus(...e),
 		onBlur: t[1] ||= (...e) => c.onBlur && c.onBlur(...e),
-		onKeydown: t[2] ||= b((...e) => c.commit && c.commit(...e), ["enter"]),
-		onPaste: t[3] ||= x((...e) => c.onPaste && c.onPaste(...e), ["prevent"])
+		onKeydown: t[2] ||= ee((...e) => c.commit && c.commit(...e), ["enter"]),
+		onPaste: t[3] ||= b((...e) => c.onPaste && c.onPaste(...e), ["prevent"])
 	}, null, 544), y(s(d, {
-		onMousedown: t[4] ||= x(() => {}, ["prevent"]),
+		onMousedown: t[4] ||= b(() => {}, ["prevent"]),
 		onClick: c.clear,
 		class: "bb:pr-2 bb:h-full"
 	}, null, 8, ["onClick"]), [[_, o.digits.length > 0]])])])])]);
 }
-var Te = /*#__PURE__*/ k(ye, [["render", we]]), Ee = {
+var we = /*#__PURE__*/ O(ve, [["render", Ce]]), Te = {
 	components: {
 		ElementHeader: G,
 		Eraser: N
@@ -617,10 +618,10 @@ var Te = /*#__PURE__*/ k(ye, [["render", we]]), Ee = {
 			this.$emit("update:modelValue", this.search), this.$emit("changed");
 		}
 	}
-}, 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) {
+}, Ee = { class: "bb-dashboard-ui bb:flex bb:flex-none" }, De = { class: "bb:flex bb:w-full bb:flex-col bb:border bb:border-white bb:bg-white" }, Oe = { class: "bb:relative bb:flex bb:h-full bb:w-full" }, ke = { class: "bb:flex bb:w-full bb:h-full bb:items-center bb:justify-center" };
+function Ae(e, t, n, r, o, c) {
 	let l = p("element-header"), d = p("eraser");
-	return u(), i("div", De, [a("div", Oe, [s(l, {
+	return u(), i("div", Ee, [a("div", De, [s(l, {
 		text: n.header,
 		"is-required": n.isRequired,
 		"is-loading": n.isLoading
@@ -628,7 +629,7 @@ function je(e, t, n, r, o, c) {
 		"text",
 		"is-required",
 		"is-loading"
-	]), a("div", ke, [a("label", Ae, [y(a("input", {
+	]), a("div", Oe, [a("label", ke, [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)
@@ -642,7 +643,7 @@ function je(e, t, n, r, o, c) {
 		class: "bb:pr-2 bb:h-full"
 	}, null, 8, ["onClick"]), [[_, c.inputNeedsEraser]])])])])]);
 }
-var Me = /*#__PURE__*/ k(Ee, [["render", je]]), Ne = {
+var je = /*#__PURE__*/ O(Te, [["render", Ae]]), Me = {
 	components: {
 		ElementHeader: G,
 		PickDay: W
@@ -695,10 +696,10 @@ var Me = /*#__PURE__*/ k(Ee, [["render", je]]), Ne = {
 			this.$emit("update:dateTo", e), this.dateTo !== e && this.$emit("changed");
 		}
 	}
-}, 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) {
+}, Ne = { class: "bb-dashboard-ui bb:flex" }, Pe = { class: "bb:flex bb:border bb:border-white" }, Fe = { class: "bb:flex bb:flex-col bb:min-w-72 bb:w-72 bb:bg-white bb:h-full" }, Ie = { class: "bb:flex bb:h-full bb:divide-x bb:divide-gray-200" };
+function Le(e, t, n, r, o, c) {
 	let l = p("element-header"), d = p("pick-day");
-	return u(), i("div", Pe, [a("div", Fe, [a("div", Ie, [s(l, {
+	return u(), i("div", Ne, [a("div", Pe, [a("div", Fe, [s(l, {
 		text: n.header,
 		"is-required": n.isRequired,
 		"is-loading": n.isLoading
@@ -706,7 +707,7 @@ function Re(e, t, n, r, o, c) {
 		"text",
 		"is-required",
 		"is-loading"
-	]), a("div", Le, [s(d, {
+	]), a("div", Ie, [s(d, {
 		modelValue: o.userDateFrom,
 		"onUpdate:modelValue": t[0] ||= (e) => o.userDateFrom = e,
 		class: "bb:flex-1 bb:min-w-36 bb:pl-3",
@@ -728,9 +729,9 @@ function Re(e, t, n, r, o, c) {
 		"lang"
 	])])])])]);
 }
-var ze = /*#__PURE__*/ k(Ne, [["render", Re]]), Be = {
+var Re = /*#__PURE__*/ O(Me, [["render", Le]]), ze = {
 	components: {
-		Popup: A,
+		Popup: j,
 		Eraser: N
 	},
 	emits: ["update:isOpen", "erased"],
@@ -762,17 +763,17 @@ var ze = /*#__PURE__*/ k(Ne, [["render", Re]]), Be = {
 	computed: { needsEraser() {
 		return !this.isOpen && this.hasValue;
 	} }
-}, 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) {
+}, Be = { class: "bb:flex bb:flex-col bb:grow bb:bg-white" }, Ve = { class: "bb:relative bb:flex bb:w-full bb:h-full" }, He = ["textContent"];
+function Ue(e, t, o, c, d, h) {
 	let g = p("eraser"), _ = p("popup");
-	return u(), i("div", Ve, [a("div", He, [a("button", {
+	return u(), i("div", Be, [a("div", Ve, [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"])
+		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, Ue)], 2), h.needsEraser ? (u(), n(g, {
+	}, null, 8, He)], 2), h.needsEraser ? (u(), n(g, {
 		key: 0,
 		onClick: t[1] ||= (t) => e.$emit("erased"),
 		class: "bb:pr-2 bb:h-full"
@@ -784,7 +785,7 @@ function We(e, t, o, c, d, h) {
 		_: 3
 	}, 8, ["modelValue"])]);
 }
-var Ge = /*#__PURE__*/ k(Be, [["render", We]]), Ke = {
+var We = /*#__PURE__*/ O(ze, [["render", Ue]]), Ge = {
 	props: {
 		isChecked: {
 			type: Boolean,
@@ -796,31 +797,31 @@ var Ge = /*#__PURE__*/ k(Be, [["render", We]]), Ke = {
 	methods: { toggle() {
 		this.$emit("clicked");
 	} }
-}, qe = { class: "bb:flex bb:w-9 bb:h-9 bb:items-center bb:justify-center" }, Je = {
+}, Ke = { class: "bb:flex bb:w-9 bb:h-9 bb:items-center bb:justify-center" }, qe = {
 	class: "bb:w-5 bb:h-5 bb:fill-current bb:text-green-300",
 	viewBox: "0 0 20 20"
-}, Ye = ["textContent"];
-function Xe(e, t, n, r, o, s) {
+}, Je = ["textContent"];
+function Ye(e, t, n, r, o, s) {
 	return u(), i("button", {
 		type: "button",
-		onClick: t[0] ||= x((...e) => s.toggle && s.toggle(...e), ["prevent"]),
+		onClick: t[0] ||= b((...e) => s.toggle && s.toggle(...e), ["prevent"]),
 		class: "bb:flex bb:w-full bb:bg-white bb:hover:bg-indigo-100 bb:cursor-pointer bb:focus:outline-hidden bb:focus:ring-3 bb:focus:z-10 bb:focus:ring-blue-500/50"
-	}, [a("span", qe, [y((u(), i("svg", Je, [...t[1] ||= [a("path", {
+	}, [a("span", Ke, [y((u(), i("svg", qe, [...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, Ye)]);
+	}, null, 8, Je)]);
 }
 //#endregion
 //#region src/components/SelectSingle.vue
-var Ze = {
+var Xe = {
 	components: {
 		ElementHeader: G,
-		DropdownButton: Ge,
-		ListElement: /* @__PURE__ */ k(Ke, [["render", Xe]])
+		DropdownButton: We,
+		ListElement: /* @__PURE__ */ O(Ge, [["render", Ye]])
 	},
 	emits: ["update:modelValue", "changed"],
 	props: {
@@ -873,10 +874,10 @@ var Ze = {
 			this.$emit("update:modelValue", null), this.$emit("changed");
 		}
 	}
-}, 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) {
+}, Ze = { class: "bb-dashboard-ui bb:flex bb:flex-none" }, Qe = { class: "bb:flex bb:w-full bb:flex-col bb:border bb:border-white bb:bg-white" }, $e = { class: "bb:flex bb:flex-col bb:py-1 bb:mt-1 bb:bg-white bb:border bb:border-gray-200 bb:rounded-md bb:shadow-lg bb:divide-y bb:divide-gray-200 bb:divide-dashed" };
+function et(t, o, c, l, f, m) {
 	let h = p("element-header"), g = p("list-element"), _ = p("dropdown-button");
-	return u(), i("div", Qe, [a("div", $e, [s(h, {
+	return u(), i("div", Ze, [a("div", Qe, [s(h, {
 		text: c.header,
 		"is-required": c.isRequired,
 		"is-loading": c.isLoading
@@ -892,7 +893,7 @@ function tt(t, o, c, l, f, m) {
 		"has-value": m.hasValue,
 		onErased: m.clear
 	}, {
-		default: v(() => [a("div", et, [(u(!0), i(e, null, d(m.itemList, (e) => (u(), n(g, {
+		default: v(() => [a("div", $e, [(u(!0), i(e, null, d(m.itemList, (e) => (u(), n(g, {
 			name: e.name,
 			key: e.id,
 			"is-checked": e.id === c.modelValue,
@@ -910,7 +911,7 @@ function tt(t, o, c, l, f, m) {
 		"onErased"
 	])) : r("", !0)])]);
 }
-var nt = /*#__PURE__*/ k(Ze, [["render", tt]]), rt = {
+var tt = /*#__PURE__*/ O(Xe, [["render", et]]), nt = {
 	props: {
 		text: {
 			type: String,
@@ -949,8 +950,8 @@ var nt = /*#__PURE__*/ k(Ze, [["render", tt]]), rt = {
 			return this.color === "yellow";
 		}
 	}
-}, it = ["textContent"];
-function at(e, t, n, r, a, o) {
+}, rt = ["textContent"];
+function it(e, t, n, r, a, o) {
 	return u(), i("span", {
 		class: l(["bb-dashboard-ui bb:inline-flex bb:items-center bb:px-3 bb:py-2 bb:rounded-full bb:text-xs bb:font-medium bb:leading-none bb:select-none bb:whitespace-nowrap", {
 			"bb:bg-green-50 bb:text-gray-700": o.isGreen,
@@ -961,9 +962,9 @@ function at(e, t, n, r, a, o) {
 			"bb:bg-yellow-100 bb:text-yellow-800": o.isYellow
 		}]),
 		textContent: m(n.text)
-	}, null, 10, it);
+	}, null, 10, rt);
 }
-var ot = /*#__PURE__*/ k(rt, [["render", at]]), st = {
+var at = /*#__PURE__*/ O(nt, [["render", it]]), ot = {
 	props: {
 		messages: {
 			type: [Object, Array],
@@ -983,12 +984,12 @@ var ot = /*#__PURE__*/ k(rt, [["render", at]]), st = {
 			return this.type === "dangerous";
 		}
 	}
-}, ct = { class: "bb:flex" }, lt = { class: "bb:shrink-0" }, ut = { class: "bb:ml-3" }, dt = ["textContent"];
-function ft(t, n, o, s, c, f) {
+}, st = { class: "bb:flex" }, ct = { class: "bb:shrink-0" }, lt = { class: "bb:ml-3" }, ut = ["textContent"];
+function dt(t, n, o, s, c, f) {
 	return f.hasErrors ? (u(), i("div", {
 		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", ct, [a("div", lt, [(u(), i("svg", {
+	}, [a("div", st, [a("div", ct, [(u(), i("svg", {
 		class: l(["bb:h-5 bb:w-5", f.isDangerous ? "bb:text-red-400" : "bb:text-yellow-400"]),
 		viewBox: "0 0 20 20",
 		fill: "currentColor"
@@ -996,19 +997,19 @@ function ft(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", ut, [(u(!0), i(e, null, d(o.messages, (e, t) => (u(), i("p", {
+	}, null, -1)]], 2))]), a("div", lt, [(u(!0), i(e, null, d(o.messages, (e, t) => (u(), i("p", {
 		class: l(["bb:text-sm bb:leading-5", f.isDangerous ? "bb:text-red-700" : "bb:text-yellow-700"]),
 		key: t,
 		textContent: m(e)
-	}, null, 10, dt))), 128))])])], 2)) : r("", !0);
+	}, null, 10, ut))), 128))])])], 2)) : r("", !0);
 }
-var pt = /*#__PURE__*/ k(st, [["render", ft]]), mt = { emits: ["clicked"] };
-function ht(e, t, n, r, o, s) {
+var ft = /*#__PURE__*/ O(ot, [["render", dt]]), pt = { emits: ["clicked"] };
+function mt(e, t, n, r, o, s) {
 	return u(), i("button", {
 		type: "button",
 		tabindex: "-1",
 		class: "bb-dashboard-ui bb:flex bb:items-center bb:justify-center bb:bg-transparent bb:cursor-pointer bb:text-gray-400 bb:focus:outline-hidden bb:hover:text-gray-600",
-		onClick: t[0] ||= x((t) => e.$emit("clicked"), ["prevent"])
+		onClick: t[0] ||= b((t) => e.$emit("clicked"), ["prevent"])
 	}, [...t[1] ||= [a("svg", {
 		class: "bb:w-full bb:h-full bb:stroke-current",
 		fill: "none",
@@ -1020,15 +1021,15 @@ function ht(e, t, n, r, o, s) {
 		d: "M6 18L18 6M6 6l12 12"
 	})], -1)]]);
 }
-var J = /*#__PURE__*/ k(mt, [["render", ht]]), gt = {}, _t = {
+var J = /*#__PURE__*/ O(pt, [["render", mt]]), ht = {}, gt = {
 	class: "bb:w-4 bb:h-4",
 	fill: "none",
 	stroke: "currentColor",
 	viewBox: "0 0 24 24",
 	xmlns: "http://www.w3.org/2000/svg"
 };
-function vt(e, t, n, r, o, s) {
-	return u(), i("svg", _t, [...t[0] ||= [a("path", {
+function _t(e, t, n, r, o, s) {
+	return u(), i("svg", gt, [...t[0] ||= [a("path", {
 		"stroke-linecap": "round",
 		"stroke-linejoin": "round",
 		"stroke-width": "2",
@@ -1037,8 +1038,8 @@ function vt(e, t, n, r, o, s) {
 }
 //#endregion
 //#region src/components/DownloadLink.vue
-var yt = {
-	components: { "download-icon": /* @__PURE__ */ k(gt, [["render", vt]]) },
+var vt = {
+	components: { "download-icon": /* @__PURE__ */ O(ht, [["render", _t]]) },
 	mixins: [I],
 	props: {
 		url: {
@@ -1053,16 +1054,16 @@ var yt = {
 	computed: { label() {
 		return this.title ?? this.texts.download;
 	} }
-}, bt = ["href", "title"], xt = { class: "bb:ml-1" };
-function St(e, t, n, r, o, c) {
+}, yt = ["href", "title"], bt = { class: "bb:ml-1" };
+function xt(e, t, n, r, o, c) {
 	let l = p("download-icon");
 	return u(), i("a", {
 		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", xt, m(c.label), 1)], 8, bt);
+	}, [s(l), a("span", bt, m(c.label), 1)], 8, yt);
 }
-var Ct = /*#__PURE__*/ k(yt, [["render", St]]), wt = { props: {
+var St = /*#__PURE__*/ O(vt, [["render", xt]]), Ct = { props: {
 	isOpen: {
 		type: Boolean,
 		default: !1
@@ -1071,9 +1072,9 @@ var Ct = /*#__PURE__*/ k(yt, [["render", St]]), wt = { props: {
 		type: String,
 		required: !0
 	}
-} }, 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, [
+} }, 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, [
 		s(t, {
 			"enter-active-class": "bb:ease-out bb:duration-300",
 			"enter-from-class": "bb:opacity-0",
@@ -1082,7 +1083,7 @@ function Ot(e, n, r, o, c, d) {
 			"leave-from-class": "bb:opacity-100",
 			"leave-to-class": "bb:opacity-0"
 		}, {
-			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]])]),
+			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]])]),
 			_: 1
 		}),
 		n[1] ||= a("span", { class: "bb:hidden bb:sm:inline-block bb:sm:align-middle bb:sm:h-screen" }, null, -1),
@@ -1099,12 +1100,12 @@ function Ot(e, n, r, o, c, d) {
 				role: "dialog",
 				"aria-modal": "true",
 				"aria-labelledby": r.headingId
-			}, [f(e.$slots, "default")], 8, Dt), [[_, r.isOpen]])]),
+			}, [f(e.$slots, "default")], 8, Et), [[_, r.isOpen]])]),
 			_: 3
 		})
 	])], 2);
 }
-var kt = /*#__PURE__*/ k(wt, [["render", Ot]]), At = {}, jt = {
+var Ot = /*#__PURE__*/ O(Ct, [["render", Dt]]), kt = {}, At = {
 	class: "bb:h-7 bb:w-7 bb:text-red-600",
 	xmlns: "http://www.w3.org/2000/svg",
 	fill: "none",
@@ -1112,31 +1113,31 @@ var kt = /*#__PURE__*/ k(wt, [["render", Ot]]), At = {}, jt = {
 	stroke: "currentColor",
 	"aria-hidden": "true"
 };
-function Mt(e, t, n, r, o, s) {
-	return u(), i("svg", jt, [...t[0] ||= [a("path", {
+function jt(e, t, n, r, o, s) {
+	return u(), i("svg", At, [...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__*/ k(At, [["render", Mt]]), Nt = {}, Pt = {
+var Y = /*#__PURE__*/ O(kt, [["render", jt]]), Mt = {}, Nt = {
 	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 Ft(e, t, n, r, o, s) {
-	return u(), i("svg", Pt, [...t[0] ||= [a("path", {
+function Pt(e, t, n, r, o, s) {
+	return u(), i("svg", Nt, [...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__*/ k(Nt, [["render", Ft]]), It = {
+var X = /*#__PURE__*/ O(Mt, [["render", Pt]]), Ft = {
 	components: {
-		Modal: kt,
+		Modal: Ot,
 		Dangerous: Y,
 		Warning: X
 	},
@@ -1180,36 +1181,36 @@ var X = /*#__PURE__*/ k(Nt, [["render", Ft]]), It = {
 			return this.type === "warning";
 		}
 	}
-}, 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) {
+}, It = { class: "bb:flex bb:bg-white bb:rounded-t-lg bb:px-4 bb:pt-5 bb:pb-4 bb:sm:p-6 bb:sm:pb-4" }, Lt = { class: "bb:sm:flex bb:sm:items-start" }, Rt = { class: "bb:mt-3 bb:text-center bb:sm:mt-0 bb:sm:ml-4 bb:sm:text-left" }, zt = ["id"], Bt = { class: "bb:mt-2" }, Vt = { class: "bb:text-sm bb:text-gray-500" }, Ht = { class: "bb:bg-gray-50 bb:rounded-b-lg bb:px-4 bb:py-3 bb:sm:px-6 bb:sm:flex bb:sm:flex-row-reverse" };
+function Ut(e, t, i, o, s, c) {
 	let d = p("warning"), f = p("dangerous"), h = p("modal");
 	return u(), n(h, {
 		"is-open": i.isOpen,
 		"heading-id": o.headingId
 	}, {
-		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", {
+		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", {
 			"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", zt, [a("h3", {
+		}]) }, [c.isWarning ? (u(), n(d, { key: 0 })) : r("", !0), c.isDangerous ? (u(), n(f, { key: 1 })) : r("", !0)], 2), a("div", Rt, [a("h3", {
 			class: "bb:text-lg bb:leading-6 bb:font-medium bb:text-gray-900",
 			id: o.headingId
-		}, m(i.confirmationHeading), 9, Bt), a("div", Vt, [a("p", Ht, m(i.confirmationText), 1)])])])]), a("div", Ut, [a("button", {
+		}, m(i.confirmationHeading), 9, zt), a("div", Bt, [a("p", Vt, m(i.confirmationText), 1)])])])]), a("div", Ht, [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,
 				"bb:bg-yellow-400 bb:hover:bg-yellow-500 bb:focus:ring-yellow-300": c.isWarning
 			}]),
-			onClick: t[0] ||= x((t) => e.$emit("actionConfirmed"), ["prevent"])
+			onClick: t[0] ||= b((t) => e.$emit("actionConfirmed"), ["prevent"])
 		}, m(i.actionButtonText), 3), a("button", {
 			type: "button",
 			class: "bb:mt-3 bb:w-full bb:inline-flex bb:justify-center bb:rounded-md bb:border bb:border-gray-300 bb:shadow-xs bb:px-4 bb:py-2 bb:bg-white bb:text-base bb:font-medium bb:text-gray-700 bb:hover:bg-gray-50 bb:focus:outline-hidden bb:focus:ring-2 bb:focus:ring-offset-2 bb:focus:ring-indigo-500 bb:sm:mt-0 bb:sm:ml-3 bb:sm:w-auto bb:sm:text-sm",
-			onClick: t[1] ||= x((t) => e.$emit("actionCanceled"), ["prevent"])
+			onClick: t[1] ||= b((t) => e.$emit("actionCanceled"), ["prevent"])
 		}, m(i.cancelButtonText ?? e.texts.cancel), 1)])]),
 		_: 1
 	}, 8, ["is-open", "heading-id"]);
 }
-var Gt = /*#__PURE__*/ k(It, [["render", Wt]]), Kt = {
-	components: { Popup: A },
+var Wt = /*#__PURE__*/ O(Ft, [["render", Ut]]), Gt = {
+	components: { Popup: j },
 	mixins: [I],
 	emits: ["update:modelValue"],
 	props: { modelValue: {
@@ -1228,21 +1229,21 @@ var Gt = /*#__PURE__*/ k(It, [["render", Wt]]), Kt = {
 	methods: { setOpen(e) {
 		e !== this.popupIsOpen && (this.popupIsOpen = e, this.$emit("update:modelValue", e));
 	} }
-}, qt = { class: "bb-dashboard-ui bb:relative bb:inline-flex bb:shadow-xs bb:rounded-md" }, Jt = {
+}, Kt = { class: "bb-dashboard-ui bb:relative bb:inline-flex bb:shadow-xs bb:rounded-md" }, qt = {
 	key: 0,
 	class: "bb:-ml-px bb:relative bb:block"
-}, Yt = ["id"], Xt = { class: "bb:sr-only" }, Zt = ["aria-labelledby"];
-function Qt(e, t, n, o, c, d) {
+}, 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", qt, [a("button", {
+	return u(), i("span", Kt, [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", Jt, [a("button", {
-		onClick: t[0] ||= x((e) => d.setOpen(!c.popupIsOpen), ["prevent"]),
+	}, [f(e.$slots, "button")], 2), e.$slots.actions ? (u(), i("span", qt, [a("button", {
+		onClick: t[0] ||= b((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", Xt, m(e.texts.openMenu), 1), t[1] ||= a("svg", {
+	}, [a("span", Yt, 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",
@@ -1252,7 +1253,7 @@ function Qt(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, Yt), s(h, {
+	})], -1)], 8, Jt), s(h, {
 		class: "bb:origin-top-right bb:right-0",
 		"model-value": c.popupIsOpen,
 		align: "right",
@@ -1263,48 +1264,48 @@ function Qt(e, t, n, o, c, d) {
 			role: "menu",
 			"aria-orientation": "vertical",
 			"aria-labelledby": o.menuButtonId
-		}, [f(e.$slots, "actions")], 8, Zt)]),
+		}, [f(e.$slots, "actions")], 8, Xt)]),
 		_: 3
 	}, 8, ["model-value", "onUpdate:modelValue"])])) : r("", !0)]);
 }
-var $t = /*#__PURE__*/ k(Kt, [["render", Qt]]), en = {}, tn = {
+var Qt = /*#__PURE__*/ O(Gt, [["render", Zt]]), $t = {}, en = {
 	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", tn, [...t[0] ||= [a("path", {
+function tn(e, t, n, r, o, s) {
+	return u(), i("svg", en, [...t[0] ||= [a("path", {
 		"fill-rule": "evenodd",
 		"clip-rule": "evenodd",
 		d: "M7.707 14.707a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414l4-4a1 1 0 011.414 1.414L5.414 9H17a1 1 0 110 2H5.414l2.293 2.293a1 1 0 010 1.414z"
 	}, null, -1)]]);
 }
-var rn = /*#__PURE__*/ k(en, [["render", nn]]), an = {}, on = {
+var nn = /*#__PURE__*/ O($t, [["render", tn]]), rn = {}, an = {
 	xmlns: "http://www.w3.org/2000/svg",
 	viewBox: "0 0 20 20",
 	fill: "currentColor",
 	"aria-hidden": "true"
 };
-function sn(e, t, n, r, o, s) {
-	return u(), i("svg", on, [...t[0] ||= [a("path", {
+function on(e, t, n, r, o, s) {
+	return u(), i("svg", an, [...t[0] ||= [a("path", {
 		"fill-rule": "evenodd",
 		"clip-rule": "evenodd",
 		d: "M12.293 5.293a1 1 0 011.414 0l4 4a1 1 0 010 1.414l-4 4a1 1 0 01-1.414-1.414L14.586 11H3a1 1 0 110-2h11.586l-2.293-2.293a1 1 0 010-1.414z"
 	}, null, -1)]]);
 }
-var cn = /*#__PURE__*/ k(an, [["render", sn]]);
+var sn = /*#__PURE__*/ O(rn, [["render", on]]);
 //#endregion
 //#region src/navigation.js
-function ln(e) {
+function cn(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: D,
+	inject: E,
 	methods: { followLink(e, t) {
 		let n = this.uiSettings.navigate;
-		n !== null && ln(e) && (e.preventDefault(), n(t));
+		n !== null && cn(e) && (e.preventDefault(), n(t));
 	} }
 };
 //#endregion
@@ -1312,10 +1313,10 @@ var Z = {
 function Q(e) {
 	return typeof e == "string" && e !== "" ? e : null;
 }
-var un = {
+var ln = {
 	components: {
-		ArrowNarrowLeft: rn,
-		ArrowNarrowRight: cn
+		ArrowNarrowLeft: nn,
+		ArrowNarrowRight: sn
 	},
 	mixins: [I, Z],
 	props: {
@@ -1351,38 +1352,38 @@ var un = {
 			return Q(this.links?.next);
 		}
 	}
-}, dn = {
+}, un = {
 	key: 0,
 	class: "bb-dashboard-ui bb:px-4 bb:flex bb:items-center bb:justify-between bb:sm:px-0"
-}, fn = { class: "bb:-mt-px bb:w-0 bb:flex-1 bb:flex" }, pn = ["href"], mn = {
+}, dn = { class: "bb:-mt-px bb:w-0 bb:flex-1 bb:flex" }, fn = ["href"], pn = {
 	key: 0,
 	class: "bb:hidden bb:md:-mt-px bb:md:flex bb:text-gray-400 bb:text-sm bb:leading-5"
-}, 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) {
+}, mn = { class: "bb:font-medium bb:text-gray-900 bb:mx-1" }, hn = { class: "bb:font-medium bb:text-gray-900 bb:mx-1" }, gn = { class: "bb:-mt-px bb:w-0 bb:flex-1 bb:flex bb:justify-end" }, _n = ["href"];
+function vn(e, t, n, c, l, d) {
 	let f = p("arrow-narrow-left"), h = p("arrow-narrow-right");
-	return d.hasResults ? (u(), i("nav", dn, [
-		a("div", fn, [d.previousPageUrl === null ? r("", !0) : (u(), i("a", {
+	return d.hasResults ? (u(), i("nav", un, [
+		a("div", dn, [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, pn))]),
-		d.hasRange ? (u(), i("div", mn, [
+		}, [s(f, { class: "bb:mr-3 bb:h-5 bb:w-5 bb:text-gray-400" }), o(" " + m(e.texts.previousPage), 1)], 8, fn))]),
+		d.hasRange ? (u(), i("div", pn, [
 			o(m(e.texts.resultsBefore) + " ", 1),
-			a("span", hn, m(d.from) + " - " + m(d.to), 1),
+			a("span", mn, m(d.from) + " - " + m(d.to), 1),
 			o(" " + m(e.texts.resultsOf) + " ", 1),
-			a("span", gn, m(d.total), 1),
+			a("span", hn, m(d.total), 1),
 			o(" " + m(e.texts.resultsAfter), 1)
 		])) : r("", !0),
-		a("div", _n, [d.nextPageUrl === null ? r("", !0) : (u(), i("a", {
+		a("div", gn, [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, vn))])
+		}, [o(m(e.texts.nextPage) + " ", 1), s(h, { class: "bb:ml-3 bb:h-5 bb:w-5 bb:text-gray-400" })], 8, _n))])
 	])) : r("", !0);
 }
-var bn = /*#__PURE__*/ k(un, [["render", yn]]), xn = {
+var yn = /*#__PURE__*/ O(ln, [["render", vn]]), bn = {
 	mixins: [Z],
 	props: {
 		url: {
@@ -1398,26 +1399,29 @@ var bn = /*#__PURE__*/ k(un, [["render", yn]]), xn = {
 			default: !1
 		}
 	}
-}, Sn = ["href", "textContent"];
-function Cn(e, t, n, r, a, o) {
+}, xn = ["href", "textContent"];
+function Sn(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, Sn);
+	}, null, 10, xn);
 }
-var wn = /*#__PURE__*/ k(xn, [["render", Cn]]), Tn = {
+var Cn = /*#__PURE__*/ O(bn, [["render", Sn]]), wn = {
 	components: { Closer: J },
 	mixins: [I],
 	data() {
-		return { canGoBack: window.history.length > 1 };
+		return { canGoBack: !1 };
+	},
+	mounted() {
+		this.canGoBack = window.history.length > 1;
 	},
 	methods: { goBack() {
 		window.history.back();
 	} }
 };
-function En(e, t, a, o, s, c) {
+function Tn(e, t, a, o, s, c) {
 	let d = p("closer");
 	return u(), i("div", { class: l(["bb:box-border bb:relative bb:my-6 bb:mx-auto bb:bg-white bb:shadow-xl bb:sm:max-w-xl bb:sm:rounded-lg", s.canGoBack ? "bb:[--bb-closer-space:3.5rem] bb:md:[--bb-closer-space:0px]" : "bb:[--bb-closer-space:0px]"]) }, [f(e.$slots, "default"), s.canGoBack ? (u(), n(d, {
 		key: 0,
@@ -1427,7 +1431,7 @@ function En(e, t, a, o, s, c) {
 		onClicked: c.goBack
 	}, null, 8, ["aria-label", "onClicked"])) : r("", !0)], 2);
 }
-var $ = /*#__PURE__*/ k(Tn, [["render", En]]), Dn = {}, On = {
+var En = /*#__PURE__*/ O(wn, [["render", Tn]]), $ = {}, Dn = {
 	class: "bb:h-7 bb:w-7 bb:text-green-600",
 	xmlns: "http://www.w3.org/2000/svg",
 	fill: "none",
@@ -1436,22 +1440,22 @@ var $ = /*#__PURE__*/ k(Tn, [["render", En]]), Dn = {}, On = {
 	stroke: "currentColor",
 	"aria-hidden": "true"
 };
-function kn(e, t, n, r, o, s) {
-	return u(), i("svg", On, [...t[0] ||= [a("path", {
+function On(e, t, n, r, o, s) {
+	return u(), i("svg", Dn, [...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 = {
+var kn = /*#__PURE__*/ O($, [["render", On]]), An = {}, jn = {
 	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", {
+function Mn(e, t, n, r, o, s) {
+	return u(), i("svg", jn, [...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"
@@ -1459,10 +1463,10 @@ function Nn(e, t, n, r, o, s) {
 }
 //#endregion
 //#region src/components/NotificationMessage.vue
-var Pn = {
+var Nn = {
 	components: {
-		Check: An,
-		Close: /* @__PURE__ */ k(jn, [["render", Nn]]),
+		Check: kn,
+		Close: /* @__PURE__ */ O(An, [["render", Mn]]),
 		Dangerous: Y,
 		Warning: X
 	},
@@ -1504,8 +1508,8 @@ var Pn = {
 			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) {
+}, Pn = ["role"], Fn = { class: "bb:p-4" }, In = { class: "bb:flex bb:items-start" }, Ln = { class: "bb:shrink-0" }, Rn = { class: "bb:ml-3 bb:w-0 bb:flex-1 bb:pt-0.5" }, zn = { class: "bb:text-sm bb:font-medium bb:text-gray-900" }, Bn = { class: "bb:mt-1 bb:text-sm bb:text-gray-500" }, Vn = { class: "bb:ml-4 bb:shrink-0 bb:flex" }, Hn = { class: "bb:sr-only" };
+function Un(e, t, o, c, d, f) {
 	let h = p("warning"), g = p("dangerous"), _ = p("check"), v = p("close");
 	return u(), i("div", {
 		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",
@@ -1517,24 +1521,24 @@ function Wn(e, t, o, c, d, f) {
 			"bb:bg-yellow-50": f.isWarning,
 			"bb:bg-gray-50": f.isConfirmation
 		}])
-	}, [a("div", In, [a("div", Ln, [
-		a("div", Rn, [
+	}, [a("div", Fn, [a("div", In, [
+		a("div", Ln, [
 			f.isWarning ? (u(), n(h, { key: 0 })) : r("", !0),
 			f.isDangerous ? (u(), n(g, { key: 1 })) : r("", !0),
 			f.isConfirmation ? (u(), n(_, { key: 2 })) : r("", !0)
 		]),
-		a("div", zn, [a("p", Bn, m(o.notificationHeading), 1), a("p", Vn, m(f.text), 1)]),
-		a("div", Hn, [a("button", {
+		a("div", Rn, [a("p", zn, m(o.notificationHeading), 1), a("p", Bn, m(f.text), 1)]),
+		a("div", Vn, [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);
+			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);
 }
-var Gn = /*#__PURE__*/ k(Pn, [["render", Wn]]);
+var Wn = /*#__PURE__*/ O(Nn, [["render", Un]]);
 //#endregion
-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 };
+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 };

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@boobooking/dashboard-ui-components",
-    "version": "0.10.1",
+    "version": "0.11.0",
     "description": "Компоненты дашборда на Vue 3",
     "keywords": [
         "vue",