@camera.ui/server 2.2.3 → 2.2.5-beta.0

package/dist/interface/ha/{Camview-DVoIdM3o.js → Camview-DPjoUMSP.js}

@@ -1,113 +1,113 @@
 import { c as e } from "./ripple-B_itunQV.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-DCktklpY.js";
 import { t as te } from "./tooltip-X5MY9FoG.js";
-import { Dt as ne, E as O, En as re, F as k, Gr as ie, Hr as ae, Ht as oe, I as se, In as ce, L as le, On as A, Or as ue, Sn as j, Tn as de, Un as M, _n as fe, a as pe, br as N, dr as me, g as he, gi as ge, ht as _e, kn as ve, kr as ye, pt as P, qt as be, wn as F, xn as xe, yi as I, yr as L } from "./api-BI6_Fcag.js";
-import { o as Se } from "./intercomService-Dwd0bhSN.js";
-import { r as Ce } from "./pinia-DoDLbPZ3.js";
-import { n as we } from "./vue-i18n-BBObX4QY.js";
-import { f as Te } from "./eventIcons-DrjNuTS2.js";
-import { t as Ee } from "./button-DJDZxmKj.js";
-import { t as R } from "./inputtext-vdcrNX6K.js";
-import { t as De } from "./divider-Cf59Ua0f.js";
-import { t as Oe } from "./speeddial-CpW9sIFY.js";
-import { t as ke } from "./delete-LxFfoBRM.js";
-import { c as Ae, d as je, u as Me } from "./cards-BW9I5B5Z.js";
-import { t as Ne } from "./microphone-TB58caA2.js";
-import { n as Pe, t as Fe } from "./CuiTopNavbarItem-B139fVxP.js";
+import { Dt as ne, E as O, En as re, F as k, Gr as ie, Hr as ae, Ht as oe, I as se, L as ce, On as A, Or as le, Sn as ue, Tn as de, Yn as j, _i as fe, _n as pe, a as me, bi as he, br as ge, dr as M, g as _e, ht as ve, jn as ye, kn as N, kr as be, pt as P, qt as xe, wn as F, xn as Se, yr as I } from "./api-VnpXqKYj.js";
+import { o as Ce } from "./intercomService-Dwd0bhSN.js";
+import { r as we } from "./pinia-D2fpp6nV.js";
+import { n as Te } from "./vue-i18n-BBObX4QY.js";
+import { f as Ee } from "./eventIcons-DrjNuTS2.js";
+import { t as De } from "./button-DJDZxmKj.js";
+import { t as L } from "./inputtext-vdcrNX6K.js";
+import { t as Oe } from "./divider-Cf59Ua0f.js";
+import { t as ke } from "./speeddial-CpW9sIFY.js";
+import { t as Ae } from "./delete-LxFfoBRM.js";
+import { c as je, d as Me, u as Ne } from "./cards-CMel6uVq.js";
+import { t as Pe } from "./microphone-TB58caA2.js";
+import { n as Fe, t as Ie } from "./CuiTopNavbarItem-BwpXgGJ-.js";
 //#region ~icons/mdi/pencil
-var Ie = {
+var Le = {
 	viewBox: "0 0 24 24",
 	width: "1.2em",
 	height: "1.2em"
 };
-function Le(e, t) {
-	return a(), _("svg", Ie, [...t[0] ||= [x("path", {
+function Re(e, t) {
+	return a(), _("svg", Le, [...t[0] ||= [x("path", {
 		fill: "currentColor",
 		d: "M20.71 7.04c.39-.39.39-1.04 0-1.41l-2.34-2.34c-.37-.39-1.02-.39-1.41 0l-1.84 1.83l3.75 3.75M3 17.25V21h3.75L17.81 9.93l-3.75-3.75z"
 	}, null, -1)]]);
 }
-var Re = u({
+var ze = u({
 	name: "mdi-pencil",
-	render: Le
-}), ze = {
+	render: Re
+}), Be = {
 	viewBox: "0 0 24 24",
 	width: "1.2em",
 	height: "1.2em"
 };
-function Be(e, t) {
-	return a(), _("svg", ze, [...t[0] ||= [x("path", {
+function Ve(e, t) {
+	return a(), _("svg", Be, [...t[0] ||= [x("path", {
 		fill: "currentColor",
 		d: "m9.5 13.09l1.41 1.41l-4.5 4.5H10v2H3v-7h2v3.59zm1.41-3.59L9.5 10.91L5 6.41V10H3V3h7v2H6.41zm3.59 3.59l4.5 4.5V14h2v7h-7v-2h3.59l-4.5-4.5zM13.09 9.5l4.5-4.5H14V3h7v7h-2V6.41l-4.5 4.5z"
 	}, null, -1)]]);
 }
-var Ve = u({
+var He = u({
 	name: "mdi-arrow-expand-all",
-	render: Be
-}), He = {
+	render: Ve
+}), Ue = {
 	viewBox: "0 0 24 24",
 	width: "1.2em",
 	height: "1.2em"
 };
-function Ue(e, t) {
-	return a(), _("svg", He, [...t[0] ||= [x("path", {
+function We(e, t) {
+	return a(), _("svg", Ue, [...t[0] ||= [x("path", {
 		fill: "currentColor",
 		d: "M7.5 5.6L5 7l1.4-2.5L5 2l2.5 1.4L10 2L8.6 4.5L10 7zm12 9.8L22 14l-1.4 2.5L22 19l-2.5-1.4L17 19l1.4-2.5L17 14zM22 2l-1.4 2.5L22 7l-2.5-1.4L17 7l1.4-2.5L17 2l2.5 1.4zm-8.66 10.78l2.44-2.44l-2.12-2.12l-2.44 2.44zm1.03-5.49l2.34 2.34c.39.37.39 1.02 0 1.41L5.04 22.71c-.39.39-1.04.39-1.41 0l-2.34-2.34c-.39-.37-.39-1.02 0-1.41L12.96 7.29c.39-.39 1.04-.39 1.41 0"
 	}, null, -1)]]);
 }
-var We = u({
+var Ge = u({
 	name: "mdi-auto-fix",
-	render: Ue
-}), Ge = {
+	render: We
+}), Ke = {
 	viewBox: "0 0 24 24",
 	width: "1.2em",
 	height: "1.2em"
 };
-function Ke(e, t) {
-	return a(), _("svg", Ge, [...t[0] ||= [x("path", {
+function qe(e, t) {
+	return a(), _("svg", Ke, [...t[0] ||= [x("path", {
 		fill: "currentColor",
 		"fill-rule": "evenodd",
 		d: "M9 3a2 2 0 0 1 2 2v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2zm10 0a2 2 0 0 1 2 2v2a2 2 0 0 1-2 2h-4a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2zm2 10a2 2 0 0 0-2-2h-4a2 2 0 0 0-2 2v6a2 2 0 0 0 2 2h4a2 2 0 0 0 2-2zM9 15a2 2 0 0 1 2 2v2a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-2a2 2 0 0 1 2-2z",
 		"clip-rule": "evenodd"
 	}, null, -1)]]);
 }
-var qe = u({
+var Je = u({
 	name: "mingcute-grid2-fill",
-	render: Ke
-}), Je = {
+	render: qe
+}), Ye = {
 	viewBox: "0 0 24 24",
 	width: "1.2em",
 	height: "1.2em"
 };
-function Ye(e, t) {
-	return a(), _("svg", Je, [...t[0] ||= [x("path", {
+function Xe(e, t) {
+	return a(), _("svg", Ye, [...t[0] ||= [x("path", {
 		fill: "currentColor",
 		d: "M17.41 2H6.59A4.58 4.58 0 0 0 2 6.59v10.82A4.58 4.58 0 0 0 6.59 22h10.82A4.58 4.58 0 0 0 22 17.41V6.59A4.58 4.58 0 0 0 17.41 2m-2.653 12.447a1.924 1.924 0 0 1-1.924 1.923h-5.86a1.924 1.924 0 0 1-1.923-1.923v-4.87a1.923 1.923 0 0 1 1.927-1.924h5.856a1.925 1.925 0 0 1 1.924 1.924Zm4.2.74a.771.771 0 0 1-1.266.59l-2.211-1.854a.85.85 0 0 1-.3-.653v-2.52a.85.85 0 0 1 .31-.657l2.206-1.82a.769.769 0 0 1 1.26.594Z"
 	}, null, -1)]]);
 }
-var Xe = u({
+var Ze = u({
 	name: "cbi-iosfacetime",
-	render: Ye
-}), Ze = {
+	render: Xe
+}), Qe = {
 	viewBox: "0 0 24 24",
 	width: "1.2em",
 	height: "1.2em"
 };
-function Qe(e, t) {
-	return a(), _("svg", Ze, [...t[0] ||= [x("path", {
+function $e(e, t) {
+	return a(), _("svg", Qe, [...t[0] ||= [x("path", {
 		fill: "currentColor",
 		d: "m8.471 7.237l3.056 12.992c.233.993 1.63 1.04 1.929.065l2.945-9.58l.384 1.527a1 1 0 0 0 .97.756H21a1 1 0 1 0 0-2h-2.466l-1.069-4.241c-.247-.981-1.628-1.017-1.925-.05l-2.912 9.472L9.475 2.771c-.24-1.02-1.688-1.03-1.943-.014l-2.065 8.24H3a1 1 0 0 0 0 2h3.247a1 1 0 0 0 .97-.757z"
 	}, null, -1)]]);
 }
-var $e = u({
+var et = u({
 	name: "fluent-pulse-24-filled",
-	render: Qe
-}), z = {
+	render: $e
+}), R = {
 	viewBox: "0 0 16 16",
 	width: "1.2em",
 	height: "1.2em"
 };
-function B(e, t) {
-	return a(), _("svg", z, [...t[0] ||= [x("path", {
+function z(e, t) {
+	return a(), _("svg", R, [...t[0] ||= [x("path", {
 		fill: "currentColor",
 		d: "M7.557 2.066A.75.75 0 0 1 8 2.75v10.5a.75.75 0 0 1-1.248.56L3.59 11H2a1 1 0 0 1-1-1V6a1 1 0 0 1 1-1h1.59l3.162-2.81a.75.75 0 0 1 .805-.124m5.393.984a.75.75 0 1 0-1.06 1.06a5.5 5.5 0 0 1 0 7.78a.75.75 0 1 0 1.06 1.06a7 7 0 0 0 0-9.9"
 	}, null, -1), x("path", {
@@ -115,30 +115,30 @@ function B(e, t) {
 		d: "M10.828 5.172a.75.75 0 1 0-1.06 1.06a2.5 2.5 0 0 1 0 3.536a.75.75 0 1 0 1.06 1.06a4 4 0 0 0 0-5.656"
 	}, null, -1)]]);
 }
-var et = u({
+var tt = u({
 	name: "heroicons-speaker-wave-16-solid",
-	render: B
-}), V = {
+	render: z
+}), B = {
 	viewBox: "0 0 16 16",
 	width: "1.2em",
 	height: "1.2em"
 };
-function H(e, t) {
-	return a(), _("svg", V, [...t[0] ||= [x("path", {
+function V(e, t) {
+	return a(), _("svg", B, [...t[0] ||= [x("path", {
 		fill: "currentColor",
 		d: "M7.557 2.066A.75.75 0 0 1 8 2.75v10.5a.75.75 0 0 1-1.248.56L3.59 11H2a1 1 0 0 1-1-1V6a1 1 0 0 1 1-1h1.59l3.162-2.81a.75.75 0 0 1 .805-.124M11.28 5.72a.75.75 0 1 0-1.06 1.06L11.44 8l-1.22 1.22a.75.75 0 1 0 1.06 1.06l1.22-1.22l1.22 1.22a.75.75 0 1 0 1.06-1.06L13.56 8l1.22-1.22a.75.75 0 0 0-1.06-1.06L12.5 6.94z"
 	}, null, -1)]]);
 }
-var tt = u({
+var nt = u({
 	name: "heroicons-speaker-x-mark-16-solid",
-	render: H
-}), U = {
+	render: V
+}), H = {
 	viewBox: "0 0 48 48",
 	width: "1.2em",
 	height: "1.2em"
 };
-function W(e, t) {
-	return a(), _("svg", U, [...t[0] ||= [x("g", {
+function U(e, t) {
+	return a(), _("svg", H, [...t[0] ||= [x("g", {
 		fill: "none",
 		stroke: "currentColor",
 		"stroke-linejoin": "round",
@@ -151,30 +151,30 @@ function W(e, t) {
 		d: "M31.66 10H41l-10 8h10"
 	})], -1)]]);
 }
-var nt = u({
+var rt = u({
 	name: "icon-park-solid-sleep",
-	render: W
-}), G = {
+	render: U
+}), W = {
 	viewBox: "0 0 24 24",
 	width: "1.2em",
 	height: "1.2em"
 };
-function rt(e, t) {
-	return a(), _("svg", G, [...t[0] ||= [x("path", {
+function it(e, t) {
+	return a(), _("svg", W, [...t[0] ||= [x("path", {
 		fill: "currentColor",
 		d: "M10.4 13.45h3.2l.6 1.625q.075.2.238.313t.362.112q.35 0 .538-.275t.062-.6l-2.55-6.7q-.075-.2-.237-.312T12.25 7.5h-.5q-.2 0-.363.113t-.237.312L8.625 14.65q-.125.3.05.575t.525.275q.2 0 .363-.112t.237-.313zm.4-1.15L11.95 9h.1l1.15 3.3zM12 22q-2.075 0-3.9-.788t-3.175-2.137T2.788 15.9T2 12q0-.8.125-1.6T2.5 8.825q.125-.4.513-.537t.737.062q.375.2.538.588t.037.812q-.15.55-.238 1.113T4 12q0 3.35 2.325 5.675T12 20t5.675-2.325T20 12t-2.325-5.675T12 4q-.6 0-1.187.087T9.65 4.35q-.425.125-.8-.025T8.3 3.8t-.013-.762t.563-.513q.75-.275 1.55-.4T12 2q2.075 0 3.9.788t3.175 2.137T21.213 8.1T22 12t-.788 3.9t-2.137 3.175t-3.175 2.138T12 22M4.438 6.563Q4 6.125 4 5.5t.438-1.062T5.5 4t1.063.438T7 5.5t-.437 1.063T5.5 7t-1.062-.437M12 12"
 	}, null, -1)]]);
 }
-var it = u({
+var at = u({
 	name: "material-symbols-motion-photos-auto-outline-rounded",
-	render: rt
-}), at = {
+	render: it
+}), G = {
 	viewBox: "0 0 24 24",
 	width: "1.2em",
 	height: "1.2em"
 };
 function K(e, t) {
-	return a(), _("svg", at, [...t[0] ||= [x("path", {
+	return a(), _("svg", G, [...t[0] ||= [x("path", {
 		fill: "currentColor",
 		d: "M21 15v3h3v2h-3v3h-2v-3h-3v-2h3v-3zm-7 3H3V6h16v7h2V6c0-1.11-.89-2-2-2H3a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h11z"
 	}, null, -1)]]);
@@ -256,7 +256,7 @@ var _t = u({
 	__name: "AudioVisualizer",
 	emits: ["listening"],
 	setup(e, { expose: r, emit: i }) {
-		let s = i, c = Se(), l = I(), u = n("dialogRefProps"), d = b("canvasRef"), f = C(), p = C(), g = T(!1), v = m(() => !!u.loading?.value);
+		let s = i, c = Ce(), l = he(), 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 {
@@ -309,7 +309,7 @@ var _t = u({
 		return t(() => {
 			w();
 		}), r({ isLoading: v }), (e, t) => {
-			let n = Ne, r = Ee;
+			let n = Pe, r = De;
 			return a(), _("div", vt, [x("span", yt, o(e.$t("components.dialog.message.intercom_info")), 1), x("div", bt, [E(r, {
 				rounded: "",
 				class: "w-[60px] h-[60px] absolute z-1",
@@ -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__*/ L(/* @__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__*/ I(/* @__PURE__ */ w({
 	__name: "CamviewForm",
 	props: {
 		form: {},
@@ -511,7 +511,7 @@ var _t = u({
 		views: {}
 	},
 	setup(t, { expose: u }) {
-		let v = new ge(), S = t, C = Se(), w = I(), { t: D } = we(), te = n("dialogRefProps"), re = he(), { user: ie } = Ce(re), { mutateAsync: ae, isPending: oe } = v.createViewQuery(), { mutateAsync: ce, isPending: ue } = v.patchViewQuery(), { form: j, type: de, cameras: M, views: fe } = r(S), N = b("formRef"), me = T([
+		let v = new fe(), S = t, C = Ce(), w = he(), { t: D } = Te(), te = n("dialogRefProps"), re = _e(), { user: ie } = we(re), { mutateAsync: ae, isPending: oe } = v.createViewQuery(), { mutateAsync: le, isPending: ue } = v.patchViewQuery(), { form: de, type: j, cameras: pe, views: ge } = r(S), M = b("formRef"), ve = T([
 			1,
 			4,
 			6,
@@ -524,14 +524,14 @@ var _t = u({
 			16,
 			20,
 			26
-		]), _e = T(!0), ye = T(!0), P = T([]), be = T(!!j.value), F = T(j.value ? pe(j.value) : {});
-		!be.value && de.value === "view" && (F.value.viewSize = me.value[0]);
-		let xe = m(() => !!(te.loading?.value || oe.value || ue.value));
-		function L(e) {
+		]), ye = T(!0), be = T(!0), P = T([]), xe = T(!!de.value), F = T(de.value ? me(de.value) : {});
+		!xe.value && j.value === "view" && (F.value.viewSize = ve.value[0]);
+		let Se = m(() => !!(te.loading?.value || oe.value || ue.value));
+		function I(e) {
 			let t = P.value.findIndex((t) => t.name === e.name);
 			t === -1 ? P.value.push(e) : P.value.splice(t, 1);
 		}
-		function Te(e) {
+		function Ee(e) {
 			switch (e) {
 				case 1: return St;
 				case 4: return It;
@@ -548,16 +548,16 @@ var _t = u({
 				default: return St;
 			}
 		}
-		async function Ee() {
-			if (!N.value || !ie.value) return;
-			let e = fe.value.find((e) => e.name === F.value.name);
-			if (e && !be.value) return C.error("View already exists", e), w.add({
+		async function De() {
+			if (!M.value || !ie.value) return;
+			let e = ge.value.find((e) => e.name === F.value.name);
+			if (e && !xe.value) return C.error("View already exists", e), w.add({
 				severity: "error",
 				detail: D("components.toast.validation_failed"),
 				life: 3e3
 			}), null;
-			if (de.value === "dnd") {
-				if (ye.value) return C.error("No cameras selected"), w.add({
+			if (j.value === "dnd") {
+				if (be.value) return C.error("No cameras selected"), w.add({
 					severity: "error",
 					detail: D("components.toast.validation_failed"),
 					life: 3e3
@@ -566,9 +566,9 @@ var _t = u({
 					cameraId: e._id,
 					index: t
 				}));
-				F.value.cameras = e, F.value.type = "dnd", F.value.viewSize = 1, N.value.setFieldValue("type", "dnd"), N.value.setFieldValue("viewSize", 1), N.value.setFieldValue("cameras", e);
-				let t = await N.value.validate();
-				return t?.valid ? be.value ? await ce({
+				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 ? xe.value ? await le({
 					username: ie.value.username,
 					viewid: F.value._id,
 					viewData: F.value
@@ -582,14 +582,14 @@ var _t = u({
 				}), null);
 			}
 			{
-				if (_e.value) return C.error("No view selected"), w.add({
+				if (ye.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", N.value.setFieldValue("type", "view"), N.value.setFieldValue("cameras", []);
-				let e = await N.value.validate();
-				return e?.valid ? pe(F.value) : (C.error("Validation failed", e), w.add({
+				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 ? me(F.value) : (C.error("Validation failed", e), w.add({
 					severity: "error",
 					detail: D("components.toast.validation_failed"),
 					life: 3e3
@@ -597,23 +597,23 @@ var _t = u({
 			}
 		}
 		return g(F, (e) => {
-			for (let [t, n] of Object.entries(e)) N.value?.setFieldValue(t, n);
-			e.viewSize && (_e.value = !1), e.cameras?.length && (ye.value = !1);
+			for (let [t, n] of Object.entries(e)) M.value?.setFieldValue(t, n);
+			e.viewSize && (ye.value = !1), e.cameras?.length && (be.value = !1);
 		}, {
 			deep: !0,
 			immediate: !0
 		}), g(P, (e) => {
-			ye.value = e.length === 0;
+			be.value = e.length === 0;
 		}, { deep: !0 }), ee(() => {
-			P.value = M.value?.filter((e) => F.value?.cameras?.some((t) => t.cameraId === e._id)) || [];
+			P.value = pe.value?.filter((e) => F.value?.cameras?.some((t) => t.cameraId === e._id)) || [];
 		}), u({
-			isLoading: xe,
-			onConfirm: Ee
+			isLoading: Se,
+			onConfirm: De
 		}), (t, n) => {
-			let r = R, u = ne, m = De, g = A, v = ve;
-			return a(), d(p(le), {
+			let r = L, u = ne, m = Oe, g = A, v = N;
+			return a(), d(p(ce), {
 				ref_key: "formRef",
-				ref: N,
+				ref: M,
 				class: "flex flex-col gap-6",
 				"validation-schema": p(O),
 				"initial-values": p(F)
@@ -632,7 +632,7 @@ var _t = u({
 							E(u, null, {
 								default: h(() => [E(r, s(n, {
 									invalid: i.length > 0,
-									loading: p(xe),
+									loading: p(Se),
 									type: "text"
 								}), null, 16, ["invalid", "loading"])]),
 								_: 2
@@ -648,31 +648,31 @@ var _t = u({
 						_: 1
 					}, 8, ["modelValue"]),
 					E(m, { class: "m-0 py-3" }),
-					p(de) === "dnd" ? (a(), _("div", Wt, [E(e, { name: "fade" }, {
-						default: h(() => [p(ye) ? (a(), _("span", Gt, o(t.$t("components.form.error.no_cameras_selected")), 1)) : f("", !0)]),
+					p(j) === "dnd" ? (a(), _("div", Wt, [E(e, { name: "fade" }, {
+						default: h(() => [p(be) ? (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(M), (e, t) => (a(), _("div", {
+					}), x("div", Kt, [x("label", qt, o(t.$t("components.form.label.cameras")), 1), (a(!0), _(y, null, i(p(pe), (e, t) => (a(), _("div", {
 						key: t,
 						class: "cui-list-item"
 					}, [E(v, {
 						class: "h-14",
 						active: p(P).some((t) => t.name === e.name),
-						onClick: (t) => L(e)
+						onClick: (t) => I(e)
 					}, {
 						append: h(() => [E(g, {
 							"model-value": p(P).some((t) => t.name === e.name),
-							"onUpdate:modelValue": (t) => L(e)
+							"onUpdate:modelValue": (t) => I(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(_e) ? (a(), _("span", Yt, o(t.$t("components.form.error.no_view_selected")), 1)) : f("", !0)]),
+						default: h(() => [p(ye) ? (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(me), (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(ve), (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: {
+					}, [x("div", { class: c(["view-select-item-icon w-full p-3", { "selected-view": p(F).viewSize === e }]) }, [(a(), d(l(Ee(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))])])]))
@@ -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__*/ L(/* @__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 = /*#__PURE__*/ I(/* @__PURE__ */ w({
 	__name: "Camview",
 	props: {
 		navbarWidth: { default: 0 },
 		navbarLeft: { default: 0 }
 	},
 	setup(t) {
-		let n = new ge(), i = new be(), u = t, y = we(), { t: C } = y, w = P(), ee = _e(), { bottombarHeight: ne } = ye(), { smBreakpoint: O, lgBreakpoint: k, mdBreakpoint: se } = ue(), le = he(), { user: A } = Ce(le), ve = ae(), { uiSettings: I } = Ce(ve), { data: L, isLoading: Se } = i.getCamerasQuery({
+		let n = new fe(), i = new xe(), u = t, y = Te(), { t: C } = y, w = P(), ee = ve(), { bottombarHeight: ne } = be(), { smBreakpoint: O, lgBreakpoint: k, mdBreakpoint: se } = le(), ce = _e(), { user: A } = we(ce), he = ae(), { uiSettings: N } = we(he), { data: I, isLoading: Ce } = i.getCamerasQuery({
 			page: 1,
 			pageSize: -1
-		}), { data: R, isLoading: Ne } = n.getViewsQuery(A.value?.username ?? "", {
+		}), { data: L, isLoading: Pe } = n.getViewsQuery(A.value?.username ?? "", {
 			page: 1,
 			pageSize: -1
-		}), { mutate: Ie, isPending: Le } = n.removeViewQuery(), { mutateAsync: ze, isPending: Be } = n.createViewQuery(), { mutateAsync: He, isPending: Ue } = n.patchViewQuery(), { mutateAsync: Ge } = n.patchViewQuerySilent(), { navbarWidth: Ke, navbarLeft: Je } = r(u), Ye = b("menuRef"), Ze = b("newViewMenuRef"), Qe = b("cardFitMenuRef"), z = b("viewDndRef"), B = T({}), V = T(!1), H = T(!1), U = T(!1), W = T(!1), G = T(!1), rt = T(!1), at = T(!0), K = T("always-on"), q = T("low-resolution"), J = T("auto"), Y = T([]), ct = T(), ut = T(null), dt = D({
+		}), { mutate: Le, isPending: Re } = n.removeViewQuery(), { mutateAsync: Be, isPending: Ve } = n.createViewQuery(), { mutateAsync: Ue, isPending: We } = n.patchViewQuery(), { mutateAsync: Ke } = n.patchViewQuerySilent(), { navbarWidth: qe, navbarLeft: Ye } = r(u), Xe = b("menuRef"), Qe = b("newViewMenuRef"), $e = b("cardFitMenuRef"), R = b("viewDndRef"), z = T({}), B = T(!1), V = T(!1), H = T(!1), U = T(!1), W = T(!1), it = T(!1), G = T(!0), K = T("always-on"), q = T("low-resolution"), J = T("auto"), Y = T([]), ct = T(), ut = T(null), dt = D({
 			sourceRole: q.value,
 			activityMode: K.value,
 			streamingMode: J.value
-		}), X = m(() => Se.value || Ne.value || Le.value || Be.value || Ue.value), pt = m(() => Ke.value + Je.value), ht = m(() => ({
+		}), X = m(() => Ce.value || Pe.value || Re.value || Ve.value || We.value), pt = m(() => qe.value + Ye.value), ht = m(() => ({
 			locale: y.locale.value,
 			dayNames: w.config.locale?.dayNames,
 			dayNamesShort: w.config.locale?.dayNamesShort,
@@ -728,48 +728,48 @@ var _t = u({
 			control: !0,
 			toolbar: !1,
 			expandableCard: ($.value?.cameras?.length ?? 0) > 1,
-			detectionIndicatorOverlay: !U.value && Q.value,
-			detectionIconsOverlay: !U.value && Q.value,
+			detectionIndicatorOverlay: !H.value && Q.value,
+			detectionIconsOverlay: !H.value && Q.value,
 			boundingBoxOverlay: !1,
 			cardClickAction: "expand",
 			viewTransition: !0,
 			cardProps: { pt: { root: { style: "background: #000" } } }
-		})), bt = m(() => R.value?.result.length ? k.value ? {
-			width: G.value ? "calc(100% - 400px)" : "100%",
+		})), bt = m(() => L.value?.result.length ? k.value ? {
+			width: W.value ? "calc(100% - 400px)" : "100%",
 			height: "100%",
 			overflowY: "scroll"
 		} : {
 			height: "100%",
-			paddingBottom: G.value ? ne.value > 0 ? "200px" : "192px" : "0px",
+			paddingBottom: W.value ? ne.value > 0 ? "200px" : "192px" : "0px",
 			overflowY: "scroll"
 		} : {
 			width: "100%",
 			height: "100%",
 			overflowY: "scroll"
-		}), Z = m(() => V.value || H.value), St = m(() => !!z.value?.isFullscreen), Q = m(() => I.value.camview.detections !== !1), Ct = m(() => [
+		}), Z = m(() => B.value || V.value), St = m(() => !!R.value?.isFullscreen), Q = m(() => N.value.camview.detections !== !1), Ct = m(() => [
 			{
 				label: St.value ? C("components.form.tooltip.fullscreen_off") : C("components.form.tooltip.fullscreen_on"),
-				icon: St.value ? j : xe,
+				icon: St.value ? ue : Se,
 				command: Wt
 			},
 			{
-				label: at.value ? C("components.form.tooltip.unmute") : C("components.form.tooltip.mute"),
-				icon: at.value ? tt : et,
+				label: G.value ? C("components.form.tooltip.unmute") : C("components.form.tooltip.mute"),
+				icon: G.value ? nt : tt,
 				command: Gt
 			},
 			{
 				label: C("components.form.tooltip.intercom"),
-				icon: fe,
+				icon: pe,
 				command: () => Mt("intercom")
 			},
 			{
 				label: J.value === "auto" ? `${C("components.form.tooltip.mode")}: ${C("components.form.tooltip.streaming_mode_auto")}` : J.value === "webrtc" ? `${C("components.form.tooltip.mode")}: ${C("components.form.tooltip.streaming_mode_webrtc")}` : `${C("components.form.tooltip.mode")}: ${C("components.form.tooltip.streaming_mode_mse")}`,
-				icon: J.value === "auto" ? it : J.value === "webrtc" ? _t : Xe,
+				icon: J.value === "auto" ? at : J.value === "webrtc" ? _t : Ze,
 				command: () => Jt()
 			},
 			{
 				label: K.value === "always-on" ? C("components.form.tooltip.activity_mode_always_on") : K.value === "standby" ? C("components.form.tooltip.activity_mode_standby") : C("components.form.tooltip.activity_mode_activity"),
-				icon: K.value === "always-on" ? st : K.value === "standby" ? nt : $e,
+				icon: K.value === "always-on" ? st : K.value === "standby" ? rt : et,
 				command: () => Kt()
 			},
 			{
@@ -779,25 +779,25 @@ var _t = u({
 			},
 			{
 				label: `${C("components.form.tooltip.detections")}: ${Q.value ? C("components.form.tooltip.detections_on") : C("components.form.tooltip.detections_off")}`,
-				icon: Q.value ? Te : oe,
-				command: () => I.value.camview.detections = !Q.value
+				icon: Q.value ? Ee : oe,
+				command: () => N.value.camview.detections = !Q.value
 			}
 		]), $ = m(() => {
-			let e = R.value?.result.find((e) => e._id === I.value.camview.viewid) || R.value?.result[0];
-			return e ? (B.value = e, I.value.camview.viewid = e._id) : B.value = {}, e;
+			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;
 		}), wt = m(() => $.value?.cameras?.map((e) => e.cameraId) ?? []), Tt = m(() => {
 			let e = ut.value;
 			return e && wt.value.includes(e) ? [e] : wt.value;
 		}), Et = m(() => {
 			let e = {};
-			for (let t of L.value?.result ?? []) e[t._id] = t.name;
+			for (let t of I.value?.result ?? []) e[t._id] = t.name;
 			return e;
-		}), { master: Dt } = M(wt, {
+		}), { master: Dt } = j(wt, {
 			sourceRole: "low",
 			activeIds: Tt
-		}), Ot = m(() => Dt.mode.value !== "idle" && Dt.currentTimestamp.value > 0 ? Math.floor(Dt.currentTimestamp.value / 1e3) : void 0), kt = m(() => Z.value && B.value.viewSize > 0 ? B.value.viewSize : $.value ? $.value.viewSize : 1), At = m(() => {
+		}), Ot = m(() => Dt.mode.value !== "idle" && Dt.currentTimestamp.value > 0 ? Math.floor(Dt.currentTimestamp.value / 1e3) : void 0), kt = m(() => Z.value && z.value.viewSize > 0 ? z.value.viewSize : $.value ? $.value.viewSize : 1), At = m(() => {
 			let e = [];
-			for (let t of R.value?.result || []) e.push({
+			for (let t of L.value?.result || []) e.push({
 				label: t.name,
 				active: t._id === $.value?._id,
 				onClick: () => Nt(t)
@@ -813,23 +813,23 @@ var _t = u({
 				case "newView":
 				case "editView": {
 					let t = e === "editView", n = C(t ? "components.dialog.title.edit_view" : "components.dialog.title.new_view");
-					t ? V.value = !0 : H.value = !0, ee.openComponentDialog(en, {
+					t ? B.value = !0 : V.value = !0, ee.openComponentDialog(en, {
 						data: {
 							title: n,
 							loading: X,
 							confirmText: C("components.form.button.next"),
 							contentProps: {
-								form: t ? B.value : void 0,
+								form: t ? z.value : void 0,
 								type: "view",
-								cameras: L.value?.result || [],
-								views: R.value?.result || []
+								cameras: I.value?.result || [],
+								views: L.value?.result || []
 							}
 						},
 						onConfirm: (e) => {
-							e && (B.value = e);
+							e && (z.value = e);
 						},
 						onCancel: () => {
-							H.value = !1;
+							V.value = !1;
 						}
 					});
 					break;
@@ -857,18 +857,18 @@ var _t = u({
 			}
 		}
 		function Nt(e) {
-			I.value.camview.viewid = e._id;
+			N.value.camview.viewid = e._id;
 		}
 		function Pt() {
-			$.value && A.value && Ie({
+			$.value && A.value && Le({
 				username: A.value.username,
 				viewid: $.value._id
 			}, { onSuccess: (e) => {
-				e.length ? I.value.camview.viewid = e[0]._id : I.value.camview.viewid = void 0;
+				e.length ? N.value.camview.viewid = e[0]._id : N.value.camview.viewid = void 0;
 			} });
 		}
 		async function Ft() {
-			if (!A.value || Object.keys(B.value).length === 0) return;
+			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,12 +876,12 @@ var _t = u({
 				rowSpan: e.rowSpan
 			})).sort((e, t) => e.index - t.index);
 			if (!e.length) return;
-			let t = pe(B.value);
-			t.cameras = e, t._id ? Ht(await He({
+			let t = me(z.value);
+			t.cameras = e, t._id ? Ht(await Ue({
 				username: A.value.username,
 				viewid: t._id,
 				viewData: t
-			})) : Ht(await ze({
+			})) : Ht(await Be({
 				username: A.value.username,
 				viewData: t
 			}));
@@ -897,7 +897,7 @@ var _t = u({
 		}
 		function zt(e) {
 			let t = $.value?._id;
-			t && (I.value.camview.layouts || (I.value.camview.layouts = {}), I.value.camview.layouts[Rt(t)] = e.map((e) => ({
+			t && (N.value.camview.layouts || (N.value.camview.layouts = {}), N.value.camview.layouts[Rt(t)] = e.map((e) => ({
 				index: e.index,
 				cameraId: e.cameraId,
 				x: e.x ?? 0,
@@ -911,17 +911,17 @@ var _t = u({
 		}
 		function Vt(e) {
 			let t = ut.value;
-			t && e.cameraId && e.cameraId !== t && wt.value.includes(e.cameraId) && z.value?.expandCameraById(e.cameraId);
+			t && e.cameraId && e.cameraId !== t && wt.value.includes(e.cameraId) && R.value?.expandCameraById(e.cameraId);
 		}
 		function Ht(e) {
-			I.value.camview.viewid = e._id, H.value = !1, V.value = !1;
+			N.value.camview.viewid = e._id, V.value = !1, B.value = !1;
 		}
 		async function Ut(e) {
 			let t = $.value, n = A.value?.username;
 			if (t && n && gt.value !== e) {
 				ct.value = e;
 				try {
-					await Ge({
+					await Ke({
 						username: n,
 						viewid: t._id,
 						viewData: { cardFit: e }
@@ -932,38 +932,38 @@ var _t = u({
 			}
 		}
 		function Wt() {
-			z.value?.toggleFullscreen();
+			R.value?.toggleFullscreen();
 		}
 		function Gt() {
-			at.value = !at.value, z.value?.toggleAllPlayerMute(at.value);
+			G.value = !G.value, R.value?.toggleAllPlayerMute(G.value);
 		}
 		function Kt(e) {
 			let t = K.value;
-			t = e || (t === "always-on" ? "standby" : t === "standby" ? "activity" : "always-on"), z.value?.toggleAllPlayerActivityMode(t), K.value = t;
+			t = e || (t === "always-on" ? "standby" : t === "standby" ? "activity" : "always-on"), R.value?.toggleAllPlayerActivityMode(t), K.value = t;
 		}
 		async function qt(e) {
 			let t = q.value;
-			t = e || (t === "low-resolution" ? "mid-resolution" : t === "mid-resolution" ? "high-resolution" : "low-resolution"), await z.value?.toggleAllPlayerSourceRole(t), q.value = t;
+			t = e || (t === "low-resolution" ? "mid-resolution" : t === "mid-resolution" ? "high-resolution" : "low-resolution"), await R.value?.toggleAllPlayerSourceRole(t), q.value = t;
 		}
 		async function Jt(e) {
 			let t = J.value;
 			t === "auto" && (t = "webrtc");
 			let n = e || (t === "mse" ? "webrtc" : "mse");
-			await z.value?.toggleAllPlayerStreamingMode(n), J.value = n;
+			await R.value?.toggleAllPlayerStreamingMode(n), J.value = n;
 		}
 		async function Yt(e) {
-			await z.value?.toggleAllPlayerMicrophone(e);
+			await R.value?.toggleAllPlayerMicrophone(e);
 		}
-		return g(W, (e) => {
-			e && (rt.value = !0);
+		return g(U, (e) => {
+			e && (it.value = !0);
 		}), g(() => $.value?._id, () => {
 			ct.value = void 0;
 		}), g([
 			kt,
 			$,
-			L,
-			Z,
 			I,
+			Z,
+			N,
 			O
 		], () => {
 			let e = Array.from({ length: kt.value }).map((e, t) => ({
@@ -971,51 +971,51 @@ var _t = u({
 				index: t,
 				lastDroppedCamera: void 0
 			}));
-			if (!H.value) {
-				let t = $.value?._id, n = t ? Rt(t) : void 0, r = n ? I.value.camview.layouts?.[n] : void 0, i = new Set(L.value?.result.map((e) => e._id) ?? []), a = !1;
+			if (!V.value) {
+				let t = $.value?._id, n = t ? Rt(t) : void 0, r = n ? N.value.camview.layouts?.[n] : void 0, i = new Set(I.value?.result.map((e) => e._id) ?? []), a = !1;
 				for (let t of $.value?.cameras || []) {
 					if (!e[t.index]) continue;
-					let n = L.value?.result.find((e) => e._id === t.cameraId);
+					let n = I.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 && I.value.camview.layouts?.[n] && (I.value.camview.layouts[n] = I.value.camview.layouts[n].filter((e) => !e.cameraId || i.has(e.cameraId)));
+				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)));
 			}
 			Y.value = e;
 		}, {
 			deep: !0,
 			immediate: !0
 		}), (t, n) => {
-			let r = Fe, i = je, u = me, m = qe, g = We, y = Ve, b = F, C = de, w = De, T = ke, D = Re, ee = Me, ae = Pe, oe = N, le = ie, A = Ee, ue = Oe, j = re, M = te;
+			let r = Ie, i = Me, u = M, m = Je, g = Ge, y = He, b = F, C = de, w = Oe, T = Ae, D = ze, ee = Ne, ae = Fe, oe = ge, ce = ie, A = De, le = ke, ue = re, j = te;
 			return a(), _("div", tn, [
 				E(ae, {
 					"left-offset": p(pt),
 					animate: ""
 				}, {
-					left: h(() => [!p(H) && p($) ? (a(), d(r, {
+					left: h(() => [!p(V) && p($) ? (a(), d(r, {
 						key: 0,
 						type: "dropdown",
 						label: p($).name,
-						"menu-open": p(Ye)?.isOpen,
-						disabled: p(X) || p(V),
-						onClick: n[0] ||= (e) => p(Ye)?.toggleMenu(e)
+						"menu-open": p(Xe)?.isOpen,
+						disabled: p(X) || p(B),
+						onClick: n[0] ||= (e) => p(Xe)?.toggleMenu(e)
 					}, null, 8, [
 						"label",
 						"menu-open",
 						"disabled"
-					])) : p(H) && p(B).name ? (a(), d(r, {
+					])) : p(V) && p(z).name ? (a(), d(r, {
 						key: 1,
-						label: p(B).name,
+						label: p(z).name,
 						disabled: p(X)
 					}, null, 8, ["label", "disabled"])) : f("", !0)]),
 					right: h(() => [
 						!p(Z) && p($) ? S((a(), d(r, {
 							key: 0,
-							active: p(U),
-							onClick: n[1] ||= (e) => U.value = !p(U)
+							active: p(H),
+							onClick: n[1] ||= (e) => H.value = !p(H)
 						}, {
-							icon: h(() => [p(U) ? (a(), d(u, {
+							icon: h(() => [p(H) ? (a(), d(u, {
 								key: 1,
 								width: "100%",
 								height: "100%"
@@ -1026,14 +1026,14 @@ var _t = u({
 							}))]),
 							_: 1
 						}, 8, ["active"])), [[
-							M,
-							{ value: p(U) ? t.$t("views.camview.rearrange_done") : t.$t("views.camview.rearrange") },
+							j,
+							{ value: p(H) ? t.$t("views.camview.rearrange_done") : t.$t("views.camview.rearrange") },
 							void 0,
 							{ bottom: !0 }
 						]]) : f("", !0),
-						!p(Z) && p($) && p(U) && !p(O) ? S((a(), d(r, {
+						!p(Z) && p($) && p(H) && !p(O) ? S((a(), d(r, {
 							key: 1,
-							onClick: n[2] ||= (e) => p(z)?.fitAspectRatios()
+							onClick: n[2] ||= (e) => p(R)?.fitAspectRatios()
 						}, {
 							icon: h(() => [E(m, {
 								width: "100%",
@@ -1041,14 +1041,14 @@ var _t = u({
 							})]),
 							_: 1
 						})), [[
-							M,
+							j,
 							{ value: t.$t("views.camview.rearrange_fit_aspect") },
 							void 0,
 							{ bottom: !0 }
 						]]) : f("", !0),
-						!p(Z) && p($) && p(U) && !p(O) ? S((a(), d(r, {
+						!p(Z) && p($) && p(H) && !p(O) ? S((a(), d(r, {
 							key: 2,
-							onClick: n[3] ||= (e) => p(z)?.compactGrid()
+							onClick: n[3] ||= (e) => p(R)?.compactGrid()
 						}, {
 							icon: h(() => [E(g, {
 								width: "100%",
@@ -1056,7 +1056,7 @@ var _t = u({
 							})]),
 							_: 1
 						})), [[
-							M,
+							j,
 							{ value: t.$t("views.camview.rearrange_auto") },
 							void 0,
 							{ bottom: !0 }
@@ -1064,8 +1064,8 @@ var _t = u({
 						!p(Z) && p($) ? S((a(), d(r, {
 							key: 3,
 							active: p(gt) !== "aspect",
-							"menu-open": p(Qe)?.isOpen,
-							onClick: n[4] ||= (e) => p(Qe)?.toggleMenu(e)
+							"menu-open": p($e)?.isOpen,
+							onClick: n[4] ||= (e) => p($e)?.toggleMenu(e)
 						}, {
 							icon: h(() => [E(y, {
 								width: "100%",
@@ -1073,17 +1073,17 @@ var _t = u({
 							})]),
 							_: 1
 						}, 8, ["active", "menu-open"])), [[
-							M,
+							j,
 							{ value: t.$t("views.camview.card_fit") },
 							void 0,
 							{ bottom: !0 }
 						]]) : f("", !0),
 						!p(Z) && p($) ? S((a(), d(r, {
 							key: 4,
-							active: p(W),
-							onClick: n[5] ||= (e) => W.value = !p(W)
+							active: p(U),
+							onClick: n[5] ||= (e) => U.value = !p(U)
 						}, {
-							icon: h(() => [p(W) ? (a(), d(C, {
+							icon: h(() => [p(U) ? (a(), d(C, {
 								key: 1,
 								width: "100%",
 								height: "100%"
@@ -1094,8 +1094,8 @@ var _t = u({
 							}))]),
 							_: 1
 						}, 8, ["active"])), [[
-							M,
-							{ value: p(W) ? t.$t("components.form.tooltip.hide_timeline") : t.$t("components.form.tooltip.show_timeline") },
+							j,
+							{ value: p(U) ? t.$t("components.form.tooltip.hide_timeline") : t.$t("components.form.tooltip.show_timeline") },
 							void 0,
 							{ bottom: !0 }
 						]]) : f("", !0),
@@ -1105,7 +1105,7 @@ var _t = u({
 						})) : f("", !0),
 						!p(Z) && p($) ? S((a(), d(r, {
 							key: 6,
-							disabled: p(U),
+							disabled: p(H),
 							onClick: n[6] ||= (e) => Mt("removeView")
 						}, {
 							icon: h(() => [E(T, {
@@ -1114,15 +1114,15 @@ var _t = u({
 							})]),
 							_: 1
 						}, 8, ["disabled"])), [[
-							M,
+							j,
 							{ value: t.$t("components.form.tooltip.delete") },
 							void 0,
 							{ bottom: !0 }
 						]]) : f("", !0),
-						!p(V) && !p(H) && p($) ? S((a(), d(r, {
+						!p(B) && !p(V) && p($) ? S((a(), d(r, {
 							key: 7,
-							disabled: p(U),
-							onClick: n[7] ||= (e) => V.value = !0
+							disabled: p(H),
+							onClick: n[7] ||= (e) => B.value = !0
 						}, {
 							icon: h(() => [E(D, {
 								width: "100%",
@@ -1130,34 +1130,34 @@ var _t = u({
 							})]),
 							_: 1
 						}, 8, ["disabled"])), [[
-							M,
+							j,
 							{ value: t.$t("components.form.tooltip.edit") },
 							void 0,
 							{ bottom: !0 }
 						]]) : f("", !0),
-						!p(V) && !p(H) ? S((a(), d(r, {
+						!p(B) && !p(V) ? S((a(), d(r, {
 							key: 8,
-							disabled: p(U),
-							onClick: p(Ze)?.toggleMenu
+							disabled: p(H),
+							onClick: p(Qe)?.toggleMenu
 						}, {
 							icon: h(() => [E(ee, {
-								class: c(["transform transition-transform duration-300", { "rotate-45": p(Ze)?.isOpen }]),
+								class: c(["transform transition-transform duration-300", { "rotate-45": p(Qe)?.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 }
 						]]) : f("", !0),
-						p(V) || p(H) ? (a(), d(r, {
+						p(B) || p(V) ? (a(), d(r, {
 							key: 9,
 							label: t.$t("components.form.button.cancel"),
-							onClick: n[8] ||= (e) => p(V) ? V.value = !1 : H.value = !1
+							onClick: n[8] ||= (e) => p(B) ? B.value = !1 : V.value = !1
 						}, null, 8, ["label"])) : f("", !0),
-						p(V) || p(H) ? (a(), d(r, {
+						p(B) || p(V) ? (a(), d(r, {
 							key: 10,
 							label: t.$t("components.form.button.save"),
 							disabled: p(Y).every((e) => e.lastDroppedCamera === void 0),
@@ -1175,26 +1175,26 @@ var _t = u({
 					style: v({ paddingTop: `${p(55)}px` })
 				}, [x("div", {
 					class: c(["flex relative z-1 camview-content-transition", {
-						"h-full items-center justify-center": p(k) || !p(R)?.result.length,
-						"w-full items-start justify-start": !p(k) && p(R)?.result.length
+						"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(X) ? (a(), _("div", nn, [(a(), d(oe, {
 					key: 0,
 					class: "w-[30px] h-[30px] m-0",
 					"stroke-width": "5"
-				}))])) : !p($) && !p(H) ? (a(), _("div", rn, [x("div", an, [E(le, { class: "w-12 h-12 text-muted" }), x("span", on, o(t.$t("views.camview.no_views_configured")), 1)])])) : p($) || p(H) ? (a(), _("div", {
+				}))])) : !p($) && !p(V) ? (a(), _("div", rn, [x("div", an, [E(ce, { class: "w-12 h-12 text-muted" }), x("span", on, o(t.$t("views.camview.no_views_configured")), 1)])])) : p($) || p(V) ? (a(), _("div", {
 					key: 2,
 					class: c(["w-full h-full", { "p-2 pb-0": !p(O) }])
-				}, [(a(), d(Ae, {
+				}, [(a(), d(je, {
 					ref_key: "viewDndRef",
-					ref: z,
-					key: p(I).camview.viewid + (p(H) ? "-new" : p(V) ? "-edit" : "-view"),
-					cameras: p(L)?.result || [],
-					"edit-mode": p(H) || p(V),
-					"rearrange-mode": p(U),
-					"view-size": p(H) ? p(B).viewSize : p(kt),
-					title: p(B).name,
+					ref: R,
+					key: p(N).camview.viewid + (p(V) ? "-new" : p(B) ? "-edit" : "-view"),
+					cameras: p(I)?.result || [],
+					"edit-mode": p(V) || p(B),
+					"rearrange-mode": p(H),
+					"view-size": p(V) ? p(z).viewSize : p(kt),
+					title: p(z).name,
 					cards: p(Y),
 					"camera-card-props": p(yt),
 					"camera-card-models": p(dt),
@@ -1214,18 +1214,18 @@ var _t = u({
 					"camera-card-models"
 				]))], 2)) : f("", !0)], 6), E(e, {
 					name: p(k) ? "slide-left" : "slide-up",
-					onBeforeEnter: n[10] ||= (e) => G.value = !0,
-					onAfterEnter: n[11] ||= (e) => rt.value = !1,
-					onBeforeLeave: n[12] ||= (e) => G.value = !1
+					onBeforeEnter: n[10] ||= (e) => W.value = !0,
+					onAfterEnter: n[11] ||= (e) => it.value = !1,
+					onBeforeLeave: n[12] ||= (e) => W.value = !1
 				}, {
-					default: h(() => [p(W) ? (a(), d(p(ce), {
+					default: h(() => [p(U) ? (a(), d(p(ye), {
 						key: 0,
 						"camera-ids": p(Tt),
 						"event-camera-ids": p(wt),
 						"camera-names": p(Et),
 						"initial-timestamp": p(Ot),
 						onEventSelect: Vt,
-						loading: p(rt),
+						loading: p(it),
 						type: p(k) ? "vertical" : "horizontal",
 						"dark-mode": "",
 						"md-breakpoint": p(se),
@@ -1258,7 +1258,7 @@ var _t = u({
 					])) : f("", !0)]),
 					_: 1
 				}, 8, ["name"])], 6),
-				!p(Z) && p($) ? (a(), d(ue, {
+				!p(Z) && p($) ? (a(), d(le, {
 					key: 0,
 					model: p(Ct),
 					direction: "up",
@@ -1270,8 +1270,8 @@ 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(G) ? 192 : 0}px + ${p(ne) > 0 ? "0.5rem" : "0px"})`,
-						right: p(k) ? `calc(${p(G) ? 400 : 0}px + 0.5rem)` : "0.5rem",
+						bottom: p(k) ? "0" : `calc(${p(W) ? 192 : 0}px + ${p(ne) > 0 ? "0.5rem" : "0px"})`,
+						right: p(k) ? `calc(${p(W) ? 400 : 0}px + 0.5rem)` : "0.5rem",
 						transition: "bottom 0.25s ease-out, right 0.25s ease-out"
 					})
 				}, {
@@ -1302,24 +1302,24 @@ 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(j, {
+				E(ue, {
 					ref_key: "menuRef",
-					ref: Ye,
+					ref: Xe,
 					items: p(At),
 					popover: { pt: { content: { class: "p-0! rounded-xl! overflow-hidden!" } } }
 				}, null, 8, ["items"]),
-				E(j, {
+				E(ue, {
 					ref_key: "cardFitMenuRef",
-					ref: Qe,
+					ref: $e,
 					items: p(vt),
 					popover: { pt: { content: { class: "p-0! rounded-xl! overflow-hidden!" } } }
 				}, null, 8, ["items"]),
-				E(j, {
+				E(ue, {
 					ref_key: "newViewMenuRef",
-					ref: Ze,
+					ref: Qe,
 					items: p(jt),
 					popover: { pt: { content: { class: "p-0! rounded-xl! overflow-hidden!" } } }
 				}, null, 8, ["items"])