@camera.ui/server 2.2.8 → 2.3.0

package/dist/interface/ha/{Camview-mkG5FXZM.js → Camview-jikpVEE0.js}

@@ -1,19 +1,19 @@
 import { c as e } from "./ripple-ZDATPc2w.js";
 import { B as t, D as n, Dt as r, G as i, H as a, Jt as o, M as s, Wt as c, Y as l, _t as u, d, f, kt as p, l as m, lt as h, ot as g, p as _, qt as v, r as y, rt as b, u as x, ut as S, wt as C, x as w, xt as T, y as E, yt as D, z as ee } from "./runtime-core.esm-bundler-_TfE0DWz.js";
 import { t as te } from "./tooltip-BDrlgLof.js";
-import { An as O, Cn as ne, Dn as re, En as ie, Er as ae, F as k, I as oe, Jn as se, Jt as ce, Kr as le, Mr as ue, Nr as de, Or as A, Ot as j, P as fe, Sn as M, T as N, Tn as pe, Ut as me, Xn as he, Yr as P, a as ge, dt as _e, g as ve, gt as F, jn as I, vn as ye, wi as be, xi as xe, yr as Se } from "./api-DUqpDJ2N.js";
-import { o as L } from "./intercomService-B7HkLs6z.js";
-import { r as Ce } from "./pinia-DIKO5lnE.js";
+import { Ar as O, Ci as ne, Ei as k, En as re, F as ie, Fr as ae, I as oe, In as se, Jr as ce, Mt as le, On as A, Or as ue, P as j, Pr as de, T as M, Zr as fe, _t as N, a as pe, an as me, at as P, fn as he, g as ge, hn as _e, ir as ve, kn as ye, ln as F, pn as be, un as I, xn as xe, xr as Se } from "./api-CH_Y8Hee.js";
+import { o as L } from "./intercomService-BtJ_zUNd.js";
+import { r as Ce } from "./pinia-CVnHHb-s.js";
 import { n as we } from "./vue-i18n-D5EAy78K.js";
-import { f as Te } from "./eventIcons-BFNUgeGr.js";
+import { h as Te } from "./eventLabels-B5GrM5jO.js";
 import { t as Ee } from "./button-BouAFgf5.js";
 import { t as De } from "./inputtext-C_ygnPrC.js";
 import { t as Oe } from "./divider-DeFEXTGs.js";
 import { t as ke } from "./speeddial-B5p0fuqL.js";
 import { t as Ae } from "./delete-DWdURc9X.js";
-import { c as je, d as Me, u as Ne } from "./cards-DWhezIPP.js";
+import { c as je, d as Me, u as Ne } from "./cards-E0zw1UVg.js";
 import { t as Pe } from "./microphone-C4oQPpzp.js";
-import { n as Fe, t as Ie } from "./CuiTopNavbarItem-BGzrrTls.js";
+import { n as Fe, t as Ie } from "./CuiTopNavbarItem-CM-1oPxf.js";
 //#region ~icons/mdi/pencil
 var Le = {
 	viewBox: "0 0 24 24",
@@ -256,7 +256,7 @@ var _t = u({
 	__name: "AudioVisualizer",
 	emits: ["listening"],
 	setup(e, { expose: r, emit: i }) {
-		let s = i, c = L(), l = be(), u = n("dialogRefProps"), d = b("canvasRef"), f = C(), p = C(), g = T(!1), v = m(() => !!u.loading?.value);
+		let s = i, c = L(), l = k(), u = n("dialogRefProps"), d = b("canvasRef"), f = C(), p = C(), g = T(!1), v = m(() => !!u.loading?.value);
 		async function y() {
 			if (g.value) w();
 			else try {
@@ -328,7 +328,7 @@ var _t = u({
 			}, null, 512)])]);
 		};
 	}
-}), Z = ["fill"], St = /* @__PURE__ */ w({
+}), St = ["fill"], Ct = /* @__PURE__ */ w({
 	__name: "CuiCameraGridIcon1",
 	props: { color: { default: "currentColor" } },
 	setup(e) {
@@ -339,9 +339,9 @@ var _t = u({
 			role: "img",
 			"area-hidden": "true",
 			fill: p(t)
-		}, [...n[0] ||= [x("path", { d: "M9 1a8 8 0 0 0-8 8v532a8 8 0 0 0 8 8h952a8 8 0 0 0 8-8V9a8 8 0 0 0-8-8H9Zm0 8h952v532H9V9Z" }, null, -1)]], 8, Z));
+		}, [...n[0] ||= [x("path", { d: "M9 1a8 8 0 0 0-8 8v532a8 8 0 0 0 8 8h952a8 8 0 0 0 8-8V9a8 8 0 0 0-8-8H9Zm0 8h952v532H9V9Z" }, null, -1)]], 8, St));
 	}
-}), Ct = ["fill"], wt = /* @__PURE__ */ w({
+}), Z = ["fill"], wt = /* @__PURE__ */ w({
 	__name: "CuiCameraGridIcon10",
 	props: { color: { default: "currentColor" } },
 	setup(e) {
@@ -352,9 +352,9 @@ var _t = u({
 			role: "img",
 			"area-hidden": "true",
 			fill: p(t)
-		}, [...n[0] ||= [x("path", { d: "M9 1a8 8 0 0 0-8 8v532a8 8 0 0 0 8 8h952a8 8 0 0 0 8-8V9a8 8 0 0 0-8-8H9Zm726 275h226v130H735V276Zm-242 0h234v130H493V276Zm0 265V414h234v127H493ZM9 541V276h476v265H9Zm726 0V414h226v127H735ZM961 9v121H735V9h226ZM735 138h226v130H735V138ZM727 9v121H493V9h234ZM493 138h234v130H493V138ZM485 9v259H9V9h476Z" }, null, -1)]], 8, Ct));
+		}, [...n[0] ||= [x("path", { d: "M9 1a8 8 0 0 0-8 8v532a8 8 0 0 0 8 8h952a8 8 0 0 0 8-8V9a8 8 0 0 0-8-8H9Zm726 275h226v130H735V276Zm-242 0h234v130H493V276Zm0 265V414h234v127H493ZM9 541V276h476v265H9Zm726 0V414h226v127H735ZM961 9v121H735V9h226ZM735 138h226v130H735V138ZM727 9v121H493V9h234ZM493 138h234v130H493V138ZM485 9v259H9V9h476Z" }, null, -1)]], 8, Z));
 	}
-}), Q = ["fill"], $ = /* @__PURE__ */ w({
+}), Tt = ["fill"], Et = /* @__PURE__ */ w({
 	__name: "CuiCameraGridIcon12",
 	props: { color: { default: "currentColor" } },
 	setup(e) {
@@ -365,9 +365,9 @@ var _t = u({
 			role: "img",
 			"area-hidden": "true",
 			fill: p(t)
-		}, [...n[0] ||= [x("path", { d: "M9 1a8 8 0 0 0-8 8v532a8 8 0 0 0 8 8h952a8 8 0 0 0 8-8V9a8 8 0 0 0-8-8H9Zm952 275v129H810.5V276H961Zm-158.5 0v129h-152V276h152Zm-152 265V413h152v128h-152Zm-8-265v129H493V276h149.5ZM493 541V413h149.5v128H493ZM9 276h476v265H9V276Zm801.5 265V413H961v128H810.5ZM961 9v259H493V9h468ZM9 268V9h476v259H9Z" }, null, -1)]], 8, Q));
+		}, [...n[0] ||= [x("path", { d: "M9 1a8 8 0 0 0-8 8v532a8 8 0 0 0 8 8h952a8 8 0 0 0 8-8V9a8 8 0 0 0-8-8H9Zm952 275v129H810.5V276H961Zm-158.5 0v129h-152V276h152Zm-152 265V413h152v128h-152Zm-8-265v129H493V276h149.5ZM493 541V413h149.5v128H493ZM9 276h476v265H9V276Zm801.5 265V413H961v128H810.5ZM961 9v259H493V9h468ZM9 268V9h476v259H9Z" }, null, -1)]], 8, Tt));
 	}
-}), Tt = ["fill"], Et = /* @__PURE__ */ w({
+}), Q = ["fill"], $ = /* @__PURE__ */ w({
 	__name: "CuiCameraGridIcon13",
 	props: { color: { default: "currentColor" } },
 	setup(e) {
@@ -378,7 +378,7 @@ var _t = u({
 			role: "img",
 			"area-hidden": "true",
 			fill: p(t)
-		}, [...n[0] ||= [x("path", { d: "M250 549.5h.5v-.5H961a8 8 0 0 0 8-8V9a8 8 0 0 0-8-8H9a8 8 0 0 0-8 8v532a8 8 0 0 0 8 8h233.5v.5h7.5Zm.5-273.5H485v129.5H250.5V276Zm-8 0v129.5H9V276h233.5ZM961 9v121H735V9h226ZM727 9v121H493V9h234ZM493 138h234v130H493V138ZM485 9v259H9V9h476Zm250 129h226v130H735V138Zm0 267.5V276h226v129.5H735ZM493 276h234v129.5H493V276Zm0 265V413.5h234V541H493Zm-242.5 0V413.5H485V541H250.5ZM9 541V413.5h233.5V541H9Zm726 0V413.5h226V541H735Z" }, null, -1)]], 8, Tt));
+		}, [...n[0] ||= [x("path", { d: "M250 549.5h.5v-.5H961a8 8 0 0 0 8-8V9a8 8 0 0 0-8-8H9a8 8 0 0 0-8 8v532a8 8 0 0 0 8 8h233.5v.5h7.5Zm.5-273.5H485v129.5H250.5V276Zm-8 0v129.5H9V276h233.5ZM961 9v121H735V9h226ZM727 9v121H493V9h234ZM493 138h234v130H493V138ZM485 9v259H9V9h476Zm250 129h226v130H735V138Zm0 267.5V276h226v129.5H735ZM493 276h234v129.5H493V276Zm0 265V413.5h234V541H493Zm-242.5 0V413.5H485V541H250.5ZM9 541V413.5h233.5V541H9Zm726 0V413.5h226V541H735Z" }, null, -1)]], 8, Q));
 	}
 }), Dt = ["fill"], Ot = /* @__PURE__ */ w({
 	__name: "CuiCameraGridIcon15",
@@ -502,7 +502,7 @@ var _t = u({
 }, Yt = {
 	key: 0,
 	class: "text-red-500 text-center mb-5"
-}, Xt = { class: "md:max-h-[450px] overflow-y-auto" }, Zt = { class: "block cui-label mb-3" }, Qt = { class: "view-select-container" }, $t = ["onClick"], en = /*#__PURE__*/ A(/* @__PURE__ */ w({
+}, Xt = { class: "md:max-h-[450px] overflow-y-auto" }, Zt = { class: "block cui-label mb-3" }, Qt = { class: "view-select-container" }, $t = ["onClick"], en = /*#__PURE__*/ O(/* @__PURE__ */ w({
 	__name: "CamviewForm",
 	props: {
 		form: {},
@@ -511,7 +511,7 @@ var _t = u({
 		views: {}
 	},
 	setup(t, { expose: u }) {
-		let v = new xe(), S = t, C = L(), w = be(), { t: D } = we(), te = n("dialogRefProps"), ne = ve(), { user: re } = Ce(ne), { mutateAsync: ie, isPending: ae } = v.createViewQuery(), { mutateAsync: se, isPending: ce } = v.patchViewQuery(), { form: le, type: ue, cameras: de, views: A } = r(S), M = b("formRef"), pe = T([
+		let v = new ne(), S = t, C = L(), w = k(), { t: D } = we(), te = n("dialogRefProps"), O = ge(), { user: re } = Ce(O), { mutateAsync: ae, isPending: se } = v.createViewQuery(), { mutateAsync: ce, isPending: le } = v.patchViewQuery(), { form: ue, type: de, cameras: fe, views: me } = r(S), P = b("formRef"), he = T([
 			1,
 			4,
 			6,
@@ -524,57 +524,57 @@ var _t = u({
 			16,
 			20,
 			26
-		]), me = T(!0), he = T(!0), P = T([]), _e = T(!!le.value), F = T(le.value ? ge(le.value) : {});
-		!_e.value && ue.value === "view" && (F.value.viewSize = pe.value[0]);
-		let ye = m(() => !!(te.loading?.value || ae.value || ce.value));
+		]), _e = T(!0), ve = T(!0), F = T([]), be = T(!!ue.value), I = T(ue.value ? pe(ue.value) : {});
+		!be.value && de.value === "view" && (I.value.viewSize = he.value[0]);
+		let xe = m(() => !!(te.loading?.value || se.value || le.value));
 		function Se(e) {
-			let t = P.value.findIndex((t) => t.name === e.name);
-			t === -1 ? P.value.push(e) : P.value.splice(t, 1);
+			let t = F.value.findIndex((t) => t.name === e.name);
+			t === -1 ? F.value.push(e) : F.value.splice(t, 1);
 		}
 		function Te(e) {
 			switch (e) {
-				case 1: return St;
+				case 1: return Ct;
 				case 4: return It;
 				case 6: return Rt;
 				case 7: return Bt;
 				case 9: return Ht;
 				case 10: return wt;
-				case 12: return $;
-				case 13: return Et;
+				case 12: return Et;
+				case 13: return $;
 				case 15: return Ot;
 				case 16: return At;
 				case 20: return Mt;
 				case 26: return Pt;
-				default: return St;
+				default: return Ct;
 			}
 		}
 		async function Ee() {
-			if (!M.value || !re.value) return;
-			let e = A.value.find((e) => e.name === F.value.name);
-			if (e && !_e.value) return C.error("View already exists", e), w.add({
+			if (!P.value || !re.value) return;
+			let e = me.value.find((e) => e.name === I.value.name);
+			if (e && !be.value) return C.error("View already exists", e), w.add({
 				severity: "error",
 				detail: D("components.toast.validation_failed"),
 				life: 3e3
 			}), null;
-			if (ue.value === "dnd") {
-				if (he.value) return C.error("No cameras selected"), w.add({
+			if (de.value === "dnd") {
+				if (ve.value) return C.error("No cameras selected"), w.add({
 					severity: "error",
 					detail: D("components.toast.validation_failed"),
 					life: 3e3
 				}), null;
-				let e = P.value.map((e, t) => ({
+				let e = F.value.map((e, t) => ({
 					cameraId: e._id,
 					index: t
 				}));
-				F.value.cameras = e, F.value.type = "dnd", F.value.viewSize = 1, M.value.setFieldValue("type", "dnd"), M.value.setFieldValue("viewSize", 1), M.value.setFieldValue("cameras", e);
-				let t = await M.value.validate();
-				return t?.valid ? _e.value ? await se({
+				I.value.cameras = e, I.value.type = "dnd", I.value.viewSize = 1, P.value.setFieldValue("type", "dnd"), P.value.setFieldValue("viewSize", 1), P.value.setFieldValue("cameras", e);
+				let t = await P.value.validate();
+				return t?.valid ? be.value ? await ce({
 					username: re.value.username,
-					viewid: F.value._id,
-					viewData: F.value
-				}) : await ie({
+					viewid: I.value._id,
+					viewData: I.value
+				}) : await ae({
 					username: re.value.username,
-					viewData: F.value
+					viewData: I.value
 				}) : (C.error("Validation failed", t), w.add({
 					severity: "error",
 					detail: D("components.toast.validation_failed"),
@@ -582,46 +582,46 @@ var _t = u({
 				}), null);
 			}
 			{
-				if (me.value) return C.error("No view selected"), w.add({
+				if (_e.value) return C.error("No view selected"), w.add({
 					severity: "error",
 					detail: D("components.toast.validation_failed"),
 					life: 3e3
 				}), null;
-				F.value.cameras = [], F.value.type = "view", M.value.setFieldValue("type", "view"), M.value.setFieldValue("cameras", []);
-				let e = await M.value.validate();
-				return e?.valid ? ge(F.value) : (C.error("Validation failed", e), w.add({
+				I.value.cameras = [], I.value.type = "view", P.value.setFieldValue("type", "view"), P.value.setFieldValue("cameras", []);
+				let e = await P.value.validate();
+				return e?.valid ? pe(I.value) : (C.error("Validation failed", e), w.add({
 					severity: "error",
 					detail: D("components.toast.validation_failed"),
 					life: 3e3
 				}), null);
 			}
 		}
-		return g(F, (e) => {
-			for (let [t, n] of Object.entries(e)) M.value?.setFieldValue(t, n);
-			e.viewSize && (me.value = !1), e.cameras?.length && (he.value = !1);
+		return g(I, (e) => {
+			for (let [t, n] of Object.entries(e)) P.value?.setFieldValue(t, n);
+			e.viewSize && (_e.value = !1), e.cameras?.length && (ve.value = !1);
 		}, {
 			deep: !0,
 			immediate: !0
-		}), g(P, (e) => {
-			he.value = e.length === 0;
+		}), g(F, (e) => {
+			ve.value = e.length === 0;
 		}, { deep: !0 }), ee(() => {
-			P.value = de.value?.filter((e) => F.value?.cameras?.some((t) => t.cameraId === e._id)) || [];
+			F.value = fe.value?.filter((e) => I.value?.cameras?.some((t) => t.cameraId === e._id)) || [];
 		}), u({
-			isLoading: ye,
+			isLoading: xe,
 			onConfirm: Ee
 		}), (t, n) => {
-			let r = De, u = j, m = Oe, g = O, v = I;
+			let r = De, u = N, m = Oe, g = A, v = ye;
 			return a(), d(p(oe), {
 				ref_key: "formRef",
-				ref: M,
+				ref: P,
 				class: "flex flex-col gap-6",
-				"validation-schema": p(N),
-				"initial-values": p(F)
+				"validation-schema": p(M),
+				"initial-values": p(I)
 			}, {
 				default: h(() => [
-					E(p(k), {
-						modelValue: p(F).name,
-						"onUpdate:modelValue": n[0] ||= (e) => p(F).name = e,
+					E(p(ie), {
+						modelValue: p(I).name,
+						"onUpdate:modelValue": n[0] ||= (e) => p(I).name = e,
 						modelModifiers: { trim: !0 },
 						name: "name",
 						as: "div",
@@ -632,13 +632,13 @@ var _t = u({
 							E(u, null, {
 								default: h(() => [E(r, s(n, {
 									invalid: i.length > 0,
-									loading: p(ye),
+									loading: p(xe),
 									type: "text"
 								}), null, 16, ["invalid", "loading"])]),
 								_: 2
 							}, 1024),
 							E(e, { name: "fade" }, {
-								default: h(() => [E(p(fe), {
+								default: h(() => [E(p(j), {
 									name: "name",
 									class: "cui-input-error"
 								})]),
@@ -648,34 +648,34 @@ var _t = u({
 						_: 1
 					}, 8, ["modelValue"]),
 					E(m, { class: "m-0 py-3" }),
-					p(ue) === "dnd" ? (a(), _("div", Wt, [E(e, { name: "fade" }, {
-						default: h(() => [p(he) ? (a(), _("span", Gt, o(t.$t("components.form.error.no_cameras_selected")), 1)) : f("", !0)]),
+					p(de) === "dnd" ? (a(), _("div", Wt, [E(e, { name: "fade" }, {
+						default: h(() => [p(ve) ? (a(), _("span", Gt, o(t.$t("components.form.error.no_cameras_selected")), 1)) : f("", !0)]),
 						_: 1
-					}), x("div", Kt, [x("label", qt, o(t.$t("components.form.label.cameras")), 1), (a(!0), _(y, null, i(p(de), (e, t) => (a(), _("div", {
+					}), x("div", Kt, [x("label", qt, o(t.$t("components.form.label.cameras")), 1), (a(!0), _(y, null, i(p(fe), (e, t) => (a(), _("div", {
 						key: t,
 						class: "cui-list-item"
 					}, [E(v, {
 						class: "h-14",
-						active: p(P).some((t) => t.name === e.name),
+						active: p(F).some((t) => t.name === e.name),
 						onClick: (t) => Se(e)
 					}, {
 						append: h(() => [E(g, {
-							"model-value": p(P).some((t) => t.name === e.name),
+							"model-value": p(F).some((t) => t.name === e.name),
 							"onUpdate:modelValue": (t) => Se(e)
 						}, null, 8, ["model-value", "onUpdate:modelValue"])]),
 						default: h(() => [x("span", null, o(e.name), 1)]),
 						_: 2
 					}, 1032, ["active", "onClick"])]))), 128))])])) : (a(), _("div", Jt, [E(e, { name: "fade" }, {
-						default: h(() => [p(me) ? (a(), _("span", Yt, o(t.$t("components.form.error.no_view_selected")), 1)) : f("", !0)]),
+						default: h(() => [p(_e) ? (a(), _("span", Yt, o(t.$t("components.form.error.no_view_selected")), 1)) : f("", !0)]),
 						_: 1
-					}), x("div", Xt, [x("label", Zt, o(t.$t("components.form.label.views")), 1), x("div", Qt, [(a(!0), _(y, null, i(p(pe), (e) => (a(), _("div", {
+					}), x("div", Xt, [x("label", Zt, o(t.$t("components.form.label.views")), 1), x("div", Qt, [(a(!0), _(y, null, i(p(he), (e) => (a(), _("div", {
 						key: e,
 						class: "view-select-item w-full",
-						onClick: (t) => p(F).viewSize = e
-					}, [x("div", { class: c(["view-select-item-icon w-full p-3", { "selected-view": p(F).viewSize === e }]) }, [(a(), d(l(Te(e)), { style: {
+						onClick: (t) => p(I).viewSize = e
+					}, [x("div", { class: c(["view-select-item-icon w-full p-3", { "selected-view": p(I).viewSize === e }]) }, [(a(), d(l(Te(e)), { style: {
 						width: "100%",
 						height: "100%"
-					} }))], 2), x("span", { class: c(["view-select-item-label text-muted mt-3 px-2 py-1 cui-rounded-corners", { "selected-view-label": p(F).viewSize === e }]) }, o(e) + " " + o(t.$t("views.camview.cameras")), 3)], 8, $t))), 128))])])]))
+					} }))], 2), x("span", { class: c(["view-select-item-label text-muted mt-3 px-2 py-1 cui-rounded-corners", { "selected-view-label": p(I).viewSize === e }]) }, o(e) + " " + o(t.$t("views.camview.cameras")), 3)], 8, $t))), 128))])])]))
 				]),
 				_: 1
 			}, 8, ["validation-schema", "initial-values"]);
@@ -687,24 +687,24 @@ var _t = u({
 }, rn = {
 	key: 1,
 	class: "flex flex-col w-full h-full"
-}, an = { class: "flex flex-1 min-h-0 flex-col items-center justify-center w-full gap-4" }, on = { class: "text-muted text-sm" }, sn = { class: "relative w-6 h-6" }, cn = /*#__PURE__*/ A(/* @__PURE__ */ w({
+}, an = { class: "flex flex-1 min-h-0 flex-col items-center justify-center w-full gap-4" }, on = { class: "text-muted text-sm" }, sn = { class: "relative w-6 h-6" }, cn = "calc(192px + var(--cui-bottom-gap))", ln = /*#__PURE__*/ O(/* @__PURE__ */ w({
 	__name: "Camview",
 	props: {
 		navbarWidth: { default: 0 },
 		navbarLeft: { default: 0 }
 	},
 	setup(t) {
-		let n = new xe(), i = new ce(), u = t, { t: y } = we(), C = _e(), w = F(), { bottombarHeight: ee } = de(), { smBreakpoint: O, lgBreakpoint: k, mdBreakpoint: oe } = ue(), A = ve(), { user: j } = Ce(A), fe = le(), { uiSettings: N } = Ce(fe), { data: I, isLoading: be } = i.getCamerasQuery({
+		let n = new ne(), i = new _e(), u = t, { t: y } = we(), C = P(), w = xe(), { bottombarHeight: ee } = ae(), { smBreakpoint: O, lgBreakpoint: k, mdBreakpoint: ie } = de(), oe = ge(), { user: A } = Ce(oe), j = ce(), { uiSettings: M } = Ce(j), { data: N, isLoading: ye } = i.getCamerasQuery({
 			page: 1,
 			pageSize: -1
-		}), { data: L, isLoading: De } = n.getViewsQuery(j.value?.username ?? "", {
+		}), { data: L, isLoading: De } = n.getViewsQuery(A.value?.username ?? "", {
 			page: 1,
 			pageSize: -1
 		}), { mutate: Pe, isPending: Le } = n.removeViewQuery(), { mutateAsync: Re, isPending: Be } = n.createViewQuery(), { mutateAsync: Ve, isPending: Ue } = n.patchViewQuery(), { mutateAsync: We } = n.patchViewQuerySilent(), { navbarWidth: Ke, navbarLeft: qe } = r(u), Ye = b("menuRef"), Xe = b("newViewMenuRef"), Qe = b("cardFitMenuRef"), R = b("viewDndRef"), z = T({}), B = T(!1), V = T(!1), H = T(!1), U = T(!1), W = T(!1), rt = T(!1), G = T(!0), K = T("always-on"), q = T("low-resolution"), J = T("auto"), Y = T([]), st = T(), ct = T(null), ut = T(null), dt = D({
 			sourceRole: q.value,
 			activityMode: K.value,
 			streamingMode: J.value
-		}), X = m(() => be.value || De.value || Le.value || Be.value || Ue.value), pt = m(() => be.value && !I.value || De.value && !L.value || Le.value || Be.value || Ue.value), ht = m(() => Ke.value + qe.value), gt = m(() => st.value ?? Q.value?.cardFit ?? "aspect"), vt = m(() => [
+		}), X = m(() => ye.value || De.value || Le.value || Be.value || Ue.value), pt = m(() => ye.value && !N.value || De.value && !L.value || Le.value || Be.value || Ue.value), ht = m(() => Ke.value + qe.value), gt = m(() => st.value ?? Q.value?.cardFit ?? "aspect"), vt = m(() => [
 			"aspect",
 			"contain",
 			"fill",
@@ -713,7 +713,7 @@ var _t = u({
 			label: y(`views.camview.card_fit_${e}`),
 			description: y(`views.camview.card_fit_${e}_info`),
 			active: gt.value === e,
-			onClick: () => Gt(e)
+			onClick: () => qt(e)
 		}))), yt = m(() => ({
 			doubleClickZoom: !1,
 			flatCard: !0,
@@ -722,8 +722,8 @@ var _t = u({
 			control: !0,
 			toolbar: !1,
 			expandableCard: (Q.value?.cameras?.length ?? 0) > 1,
-			detectionIndicatorOverlay: !H.value && Ct.value,
-			detectionIconsOverlay: !H.value && Ct.value,
+			detectionIndicatorOverlay: !H.value && Tt.value,
+			detectionIconsOverlay: !H.value && Tt.value,
 			boundingBoxOverlay: !1,
 			cardClickAction: "expand",
 			viewTransition: !0,
@@ -731,84 +731,85 @@ var _t = u({
 			fullscreenTimeline: !0,
 			embeddedTimeline: !0,
 			cardProps: { pt: { root: { style: "background: #000" } } }
-		})), bt = m(() => L.value?.result.length ? k.value ? {
+		})), bt = m(() => ee.value > 0 ? "4px" : "var(--cui-bottom-gap)"), St = m(() => k.value ? "var(--cui-bottom-gap)" : W.value ? cn : ee.value > 0 ? "0.5rem" : "var(--cui-bottom-gap)"), Ct = m(() => L.value?.result.length ? k.value ? {
 			width: W.value ? "calc(100% - 400px)" : "100%",
 			height: "100%",
+			paddingBottom: bt.value,
 			overflowY: "scroll"
 		} : {
 			height: "100%",
-			paddingBottom: W.value ? ee.value > 0 ? "200px" : "192px" : "0px",
+			paddingBottom: W.value ? cn : bt.value,
 			overflowY: "scroll"
 		} : {
 			width: "100%",
 			height: "100%",
 			overflowY: "scroll"
-		}), Z = m(() => B.value || V.value), St = m(() => !!R.value?.isFullscreen), Ct = m(() => N.value.camview.detections !== !1), wt = m(() => [
+		}), Z = m(() => B.value || V.value), wt = m(() => !!R.value?.isFullscreen), Tt = m(() => M.value.camview.detections !== !1), Et = m(() => [
 			{
-				label: St.value ? y("components.form.tooltip.fullscreen_off") : y("components.form.tooltip.fullscreen_on"),
-				icon: St.value ? ne : M,
-				command: Kt
+				label: wt.value ? y("components.form.tooltip.fullscreen_off") : y("components.form.tooltip.fullscreen_on"),
+				icon: wt.value ? I : F,
+				command: Jt
 			},
 			{
 				label: G.value ? y("components.form.tooltip.unmute") : y("components.form.tooltip.mute"),
 				icon: G.value ? tt : et,
-				command: qt
+				command: Yt
 			},
 			{
 				label: y("components.form.tooltip.intercom"),
-				icon: ye,
-				command: () => Nt("intercom")
+				icon: me,
+				command: () => Ft("intercom")
 			},
 			{
 				label: J.value === "auto" ? `${y("components.form.tooltip.mode")}: ${y("components.form.tooltip.streaming_mode_auto")}` : J.value === "webrtc" ? `${y("components.form.tooltip.mode")}: ${y("components.form.tooltip.streaming_mode_webrtc")}` : `${y("components.form.tooltip.mode")}: ${y("components.form.tooltip.streaming_mode_mse")}`,
 				icon: J.value === "auto" ? it : J.value === "webrtc" ? _t : Ze,
-				command: () => Xt()
+				command: () => Qt()
 			},
 			{
 				label: K.value === "always-on" ? y("components.form.tooltip.activity_mode_always_on") : K.value === "standby" ? y("components.form.tooltip.activity_mode_standby") : y("components.form.tooltip.activity_mode_activity"),
 				icon: K.value === "always-on" ? ot : K.value === "standby" ? nt : $e,
-				command: () => Jt()
+				command: () => Xt()
 			},
 			{
 				label: q.value === "low-resolution" ? `${y("components.form.tooltip.resolution")}: ${y("components.form.tooltip.source_role_low")}` : q.value === "mid-resolution" ? `${y("components.form.tooltip.resolution")}: ${y("components.form.tooltip.source_role_mid")}` : `${y("components.form.tooltip.resolution")}: ${y("components.form.tooltip.source_role_high")}`,
 				icon: q.value === "low-resolution" ? ft : q.value === "mid-resolution" ? mt : lt,
-				command: () => Yt()
+				command: () => Zt()
 			},
 			{
-				label: `${y("components.form.tooltip.detections")}: ${Ct.value ? y("components.form.tooltip.detections_on") : y("components.form.tooltip.detections_off")}`,
-				icon: Ct.value ? Te : me,
-				command: () => N.value.camview.detections = !Ct.value
+				label: `${y("components.form.tooltip.detections")}: ${Tt.value ? y("components.form.tooltip.detections_on") : y("components.form.tooltip.detections_off")}`,
+				icon: Tt.value ? Te : le,
+				command: () => M.value.camview.detections = !Tt.value
 			}
 		]), Q = m(() => {
-			let e = L.value?.result.find((e) => e._id === N.value.camview.viewid) || L.value?.result[0];
-			return e ? (z.value = e, N.value.camview.viewid = e._id) : z.value = {}, e;
-		}), $ = m(() => Q.value?.cameras?.map((e) => e.cameraId) ?? []), Tt = m(() => {
+			let e = L.value?.result.find((e) => e._id === M.value.camview.viewid) || L.value?.result[0];
+			return e ? (z.value = e, M.value.camview.viewid = e._id) : z.value = {}, e;
+		}), $ = m(() => Q.value?.cameras?.map((e) => e.cameraId) ?? []), Dt = m(() => {
 			let e = ct.value;
 			return e && $.value.includes(e) ? [e] : $.value;
-		}), Et = m(() => {
+		}), Ot = m(() => {
 			let e = ut.value;
-			return e && $.value.includes(e) ? [e] : Tt.value;
-		}), Dt = m(() => {
+			return e && $.value.includes(e) ? [e] : Dt.value;
+		}), kt = m(() => {
 			let e = {};
-			for (let t of I.value?.result ?? []) e[t._id] = t.name;
+			for (let t of N.value?.result ?? []) e[t._id] = t.name;
 			return e;
-		}), { master: Ot } = he($, {
+		}), { master: At } = se($, {
 			sourceRole: "low",
-			activeIds: Et
-		}), kt = m(() => Ot.mode.value !== "idle" && Ot.currentTimestamp.value > 0 ? Math.floor(Ot.currentTimestamp.value / 1e3) : void 0), At = m(() => Z.value && z.value.viewSize > 0 ? z.value.viewSize : Q.value ? Q.value.viewSize : 1), jt = m(() => {
+			activeIds: Ot
+		}), jt = m(() => At.mode.value !== "idle" && At.currentTimestamp.value > 0 ? Math.floor(At.currentTimestamp.value / 1e3) : void 0), Mt = m(() => Z.value && z.value.viewSize > 0 ? z.value.viewSize : Q.value ? Q.value.viewSize : 1), Nt = m(() => {
 			let e = [];
 			for (let t of L.value?.result || []) e.push({
 				label: t.name,
 				active: t._id === Q.value?._id,
-				onClick: () => Pt(t)
+				onClick: () => It(t)
 			});
 			return e;
-		}), Mt = m(() => [{
+		}), Pt = m(() => [{
 			label: y("views.camview.new_view"),
 			icon: at,
-			onClick: () => Nt("newView")
+			onClick: () => Ft("newView")
 		}]);
-		function Nt(e) {
+		function Ft(e) {
 			switch (e) {
 				case "newView":
 				case "editView": {
@@ -821,7 +822,7 @@ var _t = u({
 							contentProps: {
 								form: t ? z.value : void 0,
 								type: "view",
-								cameras: I.value?.result || [],
+								cameras: N.value?.result || [],
 								views: L.value?.result || []
 							}
 						},
@@ -842,7 +843,7 @@ var _t = u({
 							loading: X,
 							contentProps: {}
 						},
-						events: { listening: Zt }
+						events: { listening: $t }
 					});
 					break;
 				case "removeView": w.openTextDialog({
@@ -852,23 +853,23 @@ var _t = u({
 						contentText: y("components.dialog.message.confirm_remove_layout"),
 						confirmButtonProps: { severity: "danger" }
 					},
-					onConfirm: Ft
+					onConfirm: Lt
 				});
 			}
 		}
-		function Pt(e) {
-			N.value.camview.viewid = e._id;
+		function It(e) {
+			M.value.camview.viewid = e._id;
 		}
-		function Ft() {
-			Q.value && j.value && Pe({
-				username: j.value.username,
+		function Lt() {
+			Q.value && A.value && Pe({
+				username: A.value.username,
 				viewid: Q.value._id
 			}, { onSuccess: (e) => {
-				e.length ? N.value.camview.viewid = e[0]._id : N.value.camview.viewid = void 0;
+				e.length ? M.value.camview.viewid = e[0]._id : M.value.camview.viewid = void 0;
 			} });
 		}
-		async function It() {
-			if (!j.value || Object.keys(z.value).length === 0) return;
+		async function Rt() {
+			if (!A.value || Object.keys(z.value).length === 0) return;
 			let e = Y.value.filter((e) => e.lastDroppedCamera).map((e) => ({
 				cameraId: e.lastDroppedCamera._id,
 				index: e.index,
@@ -876,28 +877,28 @@ var _t = u({
 				rowSpan: e.rowSpan
 			})).sort((e, t) => e.index - t.index);
 			if (!e.length) return;
-			let t = ge(z.value);
-			t.cameras = e, t._id ? Wt(await Ve({
-				username: j.value.username,
+			let t = pe(z.value);
+			t.cameras = e, t._id ? Kt(await Ve({
+				username: A.value.username,
 				viewid: t._id,
 				viewData: t
-			})) : Wt(await Re({
-				username: j.value.username,
+			})) : Kt(await Re({
+				username: A.value.username,
 				viewData: t
 			}));
 		}
-		function Lt(e, t) {
+		function zt(e, t) {
 			Y.value[e].lastDroppedCamera = t;
 		}
-		function Rt(e) {
+		function Bt(e) {
 			Y.value = Y.value.map((t) => (t.lastDroppedCamera?.name === e.name && (t.lastDroppedCamera = void 0), t));
 		}
-		function zt(e) {
+		function Vt(e) {
 			return `${O.value ? "mobile" : "desktop"}:${e}`;
 		}
-		function Bt(e) {
+		function Ht(e) {
 			let t = Q.value?._id;
-			t && (N.value.camview.layouts || (N.value.camview.layouts = {}), N.value.camview.layouts[zt(t)] = e.map((e) => ({
+			t && (M.value.camview.layouts || (M.value.camview.layouts = {}), M.value.camview.layouts[Vt(t)] = e.map((e) => ({
 				index: e.index,
 				cameraId: e.cameraId,
 				x: e.x ?? 0,
@@ -906,21 +907,21 @@ var _t = u({
 				h: e.rowSpan ?? 1
 			})));
 		}
-		function Vt(e, t) {
+		function Ut(e, t) {
 			ct.value = t ? e._id : null;
 		}
-		function Ht(e, t) {
+		function Wt(e, t) {
 			t ? ut.value = e._id : ut.value === e._id && (ut.value = null);
 		}
-		function Ut(e) {
+		function Gt(e) {
 			let t = ct.value;
 			t && e.cameraId && e.cameraId !== t && $.value.includes(e.cameraId) && R.value?.expandCameraById(e.cameraId);
 		}
-		function Wt(e) {
-			N.value.camview.viewid = e._id, V.value = !1, B.value = !1;
+		function Kt(e) {
+			M.value.camview.viewid = e._id, V.value = !1, B.value = !1;
 		}
-		async function Gt(e) {
-			let t = Q.value, n = j.value?.username;
+		async function qt(e) {
+			let t = Q.value, n = A.value?.username;
 			if (t && n && gt.value !== e) {
 				st.value = e;
 				try {
@@ -934,27 +935,27 @@ var _t = u({
 				}
 			}
 		}
-		function Kt() {
+		function Jt() {
 			R.value?.toggleFullscreen();
 		}
-		function qt() {
+		function Yt() {
 			G.value = !G.value, R.value?.toggleAllPlayerMute(G.value);
 		}
-		function Jt(e) {
+		function Xt(e) {
 			let t = K.value;
 			t = e || (t === "always-on" ? "standby" : t === "standby" ? "activity" : "always-on"), R.value?.toggleAllPlayerActivityMode(t), K.value = t;
 		}
-		async function Yt(e) {
+		async function Zt(e) {
 			let t = q.value;
 			t = e || (t === "low-resolution" ? "mid-resolution" : t === "mid-resolution" ? "high-resolution" : "low-resolution"), await R.value?.toggleAllPlayerSourceRole(t), q.value = t;
 		}
-		async function Xt(e) {
+		async function Qt(e) {
 			let t = J.value;
 			t === "auto" && (t = "webrtc");
 			let n = e || (t === "mse" ? "webrtc" : "mse");
 			await R.value?.toggleAllPlayerStreamingMode(n), J.value = n;
 		}
-		async function Zt(e) {
+		async function $t(e) {
 			await R.value?.toggleAllPlayerMicrophone(e);
 		}
 		return g(U, (e) => {
@@ -962,37 +963,37 @@ var _t = u({
 		}), g(() => Q.value?._id, () => {
 			st.value = void 0;
 		}), g([
-			At,
+			Mt,
 			Q,
-			I,
-			Z,
 			N,
+			Z,
+			M,
 			O
 		], () => {
-			let e = Array.from({ length: At.value }).map((e, t) => ({
+			let e = Array.from({ length: Mt.value }).map((e, t) => ({
 				accept: "camera",
 				index: t,
 				lastDroppedCamera: void 0
 			}));
 			if (!V.value) {
-				let t = Q.value?._id, n = t ? zt(t) : void 0, r = n ? N.value.camview.layouts?.[n] : void 0, i = new Set(I.value?.result.map((e) => e._id) ?? []), a = !1;
+				let t = Q.value?._id, n = t ? Vt(t) : void 0, r = n ? M.value.camview.layouts?.[n] : void 0, i = new Set(N.value?.result.map((e) => e._id) ?? []), a = !1;
 				for (let t of Q.value?.cameras || []) {
 					if (!e[t.index]) continue;
-					let n = I.value?.result.find((e) => e._id === t.cameraId);
+					let n = N.value?.result.find((e) => e._id === t.cameraId);
 					e[t.index].lastDroppedCamera = n;
 					let o = r?.find((e) => e.index === t.index);
 					o && (!o.cameraId || i.has(o.cameraId) ? (e[t.index].x = o.x, e[t.index].y = o.y, e[t.index].colSpan = o.w, e[t.index].rowSpan = o.h) : a = !0);
 				}
-				a && n && N.value.camview.layouts?.[n] && (N.value.camview.layouts[n] = N.value.camview.layouts[n].filter((e) => !e.cameraId || i.has(e.cameraId)));
+				a && n && M.value.camview.layouts?.[n] && (M.value.camview.layouts[n] = M.value.camview.layouts[n].filter((e) => !e.cameraId || i.has(e.cameraId)));
 			}
 			Y.value = e;
 		}, {
 			deep: !0,
 			immediate: !0
 		}), (t, n) => {
-			let r = Ie, i = Me, u = Se, m = Je, g = Ge, y = He, b = pe, w = ie, T = Oe, D = Ae, ne = ze, ce = Ne, le = Fe, ue = ae, de = P, A = Ee, j = ke, fe = re, M = te;
+			let r = Ie, i = Me, u = Se, m = Je, g = Ge, y = He, b = he, w = be, T = Oe, D = Ae, ee = ze, ne = Ne, ae = Fe, oe = ue, se = fe, ce = Ee, le = ke, A = re, j = te;
 			return a(), _("div", tn, [
-				E(le, {
+				E(ae, {
 					"left-offset": p(ht),
 					animate: ""
 				}, {
@@ -1029,7 +1030,7 @@ var _t = u({
 							}))]),
 							_: 1
 						}, 8, ["active"])), [[
-							M,
+							j,
 							{ value: p(H) ? t.$t("views.camview.rearrange_done") : t.$t("views.camview.rearrange") },
 							void 0,
 							{ bottom: !0 }
@@ -1044,7 +1045,7 @@ var _t = u({
 							})]),
 							_: 1
 						})), [[
-							M,
+							j,
 							{ value: t.$t("views.camview.rearrange_fit_aspect") },
 							void 0,
 							{ bottom: !0 }
@@ -1059,7 +1060,7 @@ var _t = u({
 							})]),
 							_: 1
 						})), [[
-							M,
+							j,
 							{ value: t.$t("views.camview.rearrange_auto") },
 							void 0,
 							{ bottom: !0 }
@@ -1076,7 +1077,7 @@ var _t = u({
 							})]),
 							_: 1
 						}, 8, ["active", "menu-open"])), [[
-							M,
+							j,
 							{ value: t.$t("views.camview.card_fit") },
 							void 0,
 							{ bottom: !0 }
@@ -1097,7 +1098,7 @@ var _t = u({
 							}))]),
 							_: 1
 						}, 8, ["active"])), [[
-							M,
+							j,
 							{ value: p(U) ? t.$t("components.form.tooltip.hide_timeline") : t.$t("components.form.tooltip.show_timeline") },
 							void 0,
 							{ bottom: !0 }
@@ -1109,7 +1110,7 @@ var _t = u({
 						!p(Z) && p(Q) ? S((a(), d(r, {
 							key: 6,
 							disabled: p(H),
-							onClick: n[6] ||= (e) => Nt("removeView")
+							onClick: n[6] ||= (e) => Ft("removeView")
 						}, {
 							icon: h(() => [E(D, {
 								width: "100%",
@@ -1117,7 +1118,7 @@ var _t = u({
 							})]),
 							_: 1
 						}, 8, ["disabled"])), [[
-							M,
+							j,
 							{ value: t.$t("components.form.tooltip.delete") },
 							void 0,
 							{ bottom: !0 }
@@ -1127,13 +1128,13 @@ var _t = u({
 							disabled: p(H),
 							onClick: n[7] ||= (e) => B.value = !0
 						}, {
-							icon: h(() => [E(ne, {
+							icon: h(() => [E(ee, {
 								width: "100%",
 								height: "100%"
 							})]),
 							_: 1
 						}, 8, ["disabled"])), [[
-							M,
+							j,
 							{ value: t.$t("components.form.tooltip.edit") },
 							void 0,
 							{ bottom: !0 }
@@ -1143,14 +1144,14 @@ var _t = u({
 							disabled: p(H),
 							onClick: p(Xe)?.toggleMenu
 						}, {
-							icon: h(() => [E(ce, {
+							icon: h(() => [E(ne, {
 								class: c(["transform transition-transform duration-300", { "rotate-45": p(Xe)?.isOpen }]),
 								width: "100%",
 								height: "100%"
 							}, null, 8, ["class"])]),
 							_: 1
 						}, 8, ["disabled", "onClick"])), [[
-							M,
+							j,
 							{ value: t.$t("components.form.tooltip.new") },
 							void 0,
 							{ bottom: !0 }
@@ -1165,7 +1166,7 @@ var _t = u({
 							label: t.$t("components.form.button.save"),
 							disabled: p(Y).every((e) => e.lastDroppedCamera === void 0),
 							primary: "",
-							onClick: It
+							onClick: Rt
 						}, null, 8, ["label", "disabled"])) : f("", !0)
 					]),
 					_: 1
@@ -1181,32 +1182,32 @@ var _t = u({
 						"h-full items-center justify-center": p(k) || !p(L)?.result.length,
 						"w-full items-start justify-start": !p(k) && p(L)?.result.length
 					}]),
-					style: v(p(bt))
-				}, [p(pt) ? (a(), _("div", nn, [(a(), d(ue, {
+					style: v(p(Ct))
+				}, [p(pt) ? (a(), _("div", nn, [(a(), d(oe, {
 					key: 0,
 					class: "w-[30px] h-[30px] m-0",
 					"stroke-width": "5"
-				}))])) : !p(Q) && !p(V) ? (a(), _("div", rn, [x("div", an, [E(de, { class: "w-12 h-12 text-muted" }), x("span", on, o(t.$t("views.camview.no_views_configured")), 1)])])) : p(Q) || p(V) ? (a(), _("div", {
+				}))])) : !p(Q) && !p(V) ? (a(), _("div", rn, [x("div", an, [E(se, { class: "w-12 h-12 text-muted" }), x("span", on, o(t.$t("views.camview.no_views_configured")), 1)])])) : p(Q) || p(V) ? (a(), _("div", {
 					key: 2,
 					class: c(["w-full h-full", { "p-2 pb-0": !p(O) }])
 				}, [(a(), d(je, {
 					ref_key: "viewDndRef",
 					ref: R,
-					key: p(N).camview.viewid + (p(V) ? "-new" : p(B) ? "-edit" : "-view"),
-					cameras: p(I)?.result || [],
+					key: p(M).camview.viewid + (p(V) ? "-new" : p(B) ? "-edit" : "-view"),
+					cameras: p(N)?.result || [],
 					"edit-mode": p(V) || p(B),
 					"rearrange-mode": p(H),
-					"view-size": p(V) ? p(z).viewSize : p(At),
+					"view-size": p(V) ? p(z).viewSize : p(Mt),
 					title: p(z).name,
 					cards: p(Y),
 					"camera-card-props": p(yt),
 					"camera-card-models": p(dt),
-					onDrop: Lt,
-					onRemove: Rt,
-					onChangeViewSize: n[9] ||= (e) => Nt("editView"),
-					onExpand: Vt,
-					onFullscreen: Ht,
-					onRearrange: Bt
+					onDrop: zt,
+					onRemove: Bt,
+					onChangeViewSize: n[9] ||= (e) => Ft("editView"),
+					onExpand: Ut,
+					onFullscreen: Wt,
+					onRearrange: Ht
 				}, null, 8, [
 					"cameras",
 					"edit-mode",
@@ -1222,19 +1223,19 @@ var _t = u({
 					onAfterEnter: n[11] ||= (e) => rt.value = !1,
 					onBeforeLeave: n[12] ||= (e) => W.value = !1
 				}, {
-					default: h(() => [p(U) && !p(ut) ? (a(), d(p(se), {
+					default: h(() => [p(U) && !p(ut) ? (a(), d(p(ve), {
 						key: 0,
-						"camera-ids": p(Tt),
+						"camera-ids": p(Dt),
 						"event-camera-ids": p($),
-						"camera-names": p(Dt),
-						"initial-timestamp": p(kt),
-						onEventSelect: Ut,
+						"camera-names": p(kt),
+						"initial-timestamp": p(jt),
+						onEventSelect: Gt,
 						loading: p(rt),
 						type: p(k) ? "vertical" : "horizontal",
 						"dark-mode": "",
-						"md-breakpoint": p(oe),
+						"md-breakpoint": p(ie),
 						class: c(["shrink-0 transition-[left] duration-200", {
-							"h-full w-[400px] pt-2 pr-2": p(k),
+							"h-full w-[400px] pt-2 pr-2 pb-[var(--cui-bottom-gap)]": p(k),
 							"h-[200px] pt-2 px-2 pb-2 pb-safe-offset fixed right-safe-offset-0 z-10": !p(k),
 							"p-0! pt-2! border-color": p(O)
 						}]),
@@ -1243,8 +1244,8 @@ var _t = u({
 							"!rounded-none border-l-0! border-r-0!": p(O)
 						},
 						style: v(p(k) ? void 0 : {
-							left: `${p(ht)}px`,
-							bottom: `calc(${p(ee)}px + var(--safe-area-inset-bottom))`
+							left: `calc(${p(ht)}px + var(--safe-area-inset-left))`,
+							bottom: "calc(var(--cui-bottom-bar) + var(--cui-bottom-gap) - 0.5rem)"
 						}),
 						"locale-settings": p(C)
 					}, null, 8, [
@@ -1262,9 +1263,9 @@ var _t = u({
 					])) : f("", !0)]),
 					_: 1
 				}, 8, ["name"])], 6),
-				!p(Z) && p(Q) ? (a(), d(j, {
+				!p(Z) && p(Q) ? (a(), d(le, {
 					key: 0,
-					model: p(wt),
+					model: p(Et),
 					direction: "up",
 					"transition-delay": 80,
 					"tooltip-options": {
@@ -1274,12 +1275,12 @@ var _t = u({
 					class: "absolute right-2 z-11 dark-mode",
 					pt: { root: { style: "pointer-events: none" } },
 					style: v({
-						bottom: p(k) ? "0" : `calc(${p(W) ? 192 : 0}px + ${p(ee) > 0 ? "0.5rem" : "0px"})`,
+						bottom: p(St),
 						right: p(k) ? `calc(${p(W) ? 400 : 0}px + 0.5rem)` : "0.5rem",
 						transition: "bottom 0.25s ease-out, right 0.25s ease-out"
 					})
 				}, {
-					button: h(({ visible: e, toggleCallback: t }) => [E(A, {
+					button: h(({ visible: e, toggleCallback: t }) => [E(ce, {
 						severity: "secondary",
 						class: c(["dark-mode opacity-40 hover:opacity-100 active:opacity-100 focus:opacity-100 transition pointer-events-auto", { "opacity-100": e }]),
 						rounded: "",
@@ -1297,7 +1298,7 @@ var _t = u({
 						"loading",
 						"onClick"
 					])]),
-					item: h(({ item: e, toggleCallback: t }) => [S((a(), d(A, s({
+					item: h(({ item: e, toggleCallback: t }) => [S((a(), d(ce, s({
 						loading: p(X),
 						severity: "secondary"
 					}, e.buttonProps, {
@@ -1306,30 +1307,30 @@ var _t = u({
 					}), {
 						icon: h(() => [(a(), d(l(e.icon)))]),
 						_: 2
-					}, 1040, ["loading", "onClick"])), [[M, { value: e.label }]])]),
+					}, 1040, ["loading", "onClick"])), [[j, { value: e.label }]])]),
 					_: 1
 				}, 8, ["model", "style"])) : f("", !0),
-				E(fe, {
+				E(A, {
 					ref_key: "menuRef",
 					ref: Ye,
-					items: p(jt),
+					items: p(Nt),
 					popover: { pt: { content: { class: "p-0! rounded-xl! overflow-hidden!" } } }
 				}, null, 8, ["items"]),
-				E(fe, {
+				E(A, {
 					ref_key: "cardFitMenuRef",
 					ref: Qe,
 					items: p(vt),
 					popover: { pt: { content: { class: "p-0! rounded-xl! overflow-hidden!" } } }
 				}, null, 8, ["items"]),
-				E(fe, {
+				E(A, {
 					ref_key: "newViewMenuRef",
 					ref: Xe,
-					items: p(Mt),
+					items: p(Pt),
 					popover: { pt: { content: { class: "p-0! rounded-xl! overflow-hidden!" } } }
 				}, null, 8, ["items"])
 			]);
 		};
 	}
-}), [["__scopeId", "data-v-fef4f94c"]]);
+}), [["__scopeId", "data-v-58bc54a1"]]);
 //#endregion
-export { cn as default };
+export { ln as default };