@camera.ui/server 2.1.14 → 2.1.16

package/dist/interface/ha/{Camview-CyZW6Ccj.js → Camview-CnPz4cGs.js}

@@ -1,17 +1,17 @@
 import { c as e } from "./ripple-BilzxWfY.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-D8slQ3BU.js";
 import { t as te } from "./tooltip-BIrD_hC8.js";
-import { An as ne, Br as re, Cn as ie, Dn as ae, Dr as oe, En as se, Er as ce, F as O, Hn as le, Ht as ue, N as k, Ot as de, P as fe, Rn as A, Sn as pe, Tn as j, Ur as me, a as he, fr as ge, gi as M, it as _e, kn as ve, m as ye, ot as N, pi as be, qt as xe, rn as P, vn as Se, vr as F, w as I, yr as Ce } from "./api-BU1ot-rQ.js";
+import { An as ne, Cn as re, Cr as O, Dn as ie, F as k, Fn as A, Gr as ae, I as oe, Jr as se, Kn as ce, Mn as le, Mr as ue, Mt as de, On as fe, P as j, Pn as pe, Qt as M, Si as N, T as P, Un as me, _r as he, a as ge, cn as _e, ct as F, h as ve, jn as ye, jr as I, qt as be, ut as xe, wr as Se, yi as Ce } from "./api-CmcbBFTx.js";
 import { o as we } from "./intercomService-jB2mTgsn.js";
-import { r as Te } from "./pinia-3D39Do4a.js";
+import { r as Te } from "./pinia-DLNUke3Q.js";
 import { n as Ee } from "./vue-i18n-Dcb07o5U.js";
 import { t as De } from "./button-BlYuI0Q7.js";
 import { t as L } from "./inputtext-DGIESrd0.js";
 import { t as Oe } from "./divider-jkWvVbPJ.js";
 import { t as ke } from "./speeddial-Dv9txWte.js";
 import { t as Ae } from "./delete-D-m8mqly.js";
-import { c as je, d as Me, u as Ne } from "./cards-DJ8I0DpS.js";
-import { n as Pe, t as Fe } from "./CuiTopNavbarItem-4H6Gg0Pe.js";
+import { c as je, d as Me, u as Ne } from "./cards-MnCBmBIR.js";
+import { n as Pe, t as Fe } from "./CuiTopNavbarItem-Bhws0XkE.js";
 //#region ~icons/mdi/pencil
 var Ie = {
 	viewBox: "0 0 24 24",
@@ -268,7 +268,7 @@ var yt = u({
 	__name: "AudioVisualizer",
 	emits: ["listening"],
 	setup(e, { expose: r, emit: i }) {
-		let s = i, c = we(), l = M(), u = n("dialogRefProps"), d = b("canvasRef"), f = C(), p = C(), g = T(!1), v = m(() => !!u.loading?.value);
+		let s = i, c = we(), l = N(), 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 {
@@ -514,7 +514,7 @@ var yt = u({
 }, Zt = {
 	key: 0,
 	class: "text-red-500 text-center mb-5"
-}, Qt = { class: "md:max-h-[450px] overflow-y-auto" }, $t = { class: "block cui-label mb-3" }, en = { class: "view-select-container" }, tn = ["onClick"], nn = /*#__PURE__*/ F(/* @__PURE__ */ w({
+}, Qt = { class: "md:max-h-[450px] overflow-y-auto" }, $t = { class: "block cui-label mb-3" }, en = { class: "view-select-container" }, tn = ["onClick"], nn = /*#__PURE__*/ O(/* @__PURE__ */ w({
 	__name: "CamviewForm",
 	props: {
 		form: {},
@@ -523,7 +523,7 @@ var yt = u({
 		views: {}
 	},
 	setup(t, { expose: u }) {
-		let v = new be(), S = t, C = we(), w = M(), { t: D } = Ee(), te = n("dialogRefProps"), re = ye(), { user: ie } = Te(re), { mutateAsync: ae, isPending: oe } = v.createViewQuery(), { mutateAsync: se, isPending: ce } = v.patchViewQuery(), { form: le, type: ue, cameras: A, views: pe } = r(S), j = b("formRef"), me = T([
+		let v = new Ce(), S = t, C = we(), w = N(), { t: D } = Ee(), te = n("dialogRefProps"), ne = ve(), { user: re } = Te(ne), { mutateAsync: O, isPending: ie } = v.createViewQuery(), { mutateAsync: ae, isPending: se } = v.patchViewQuery(), { form: ce, type: le, cameras: ue, views: fe } = r(S), M = b("formRef"), me = T([
 			1,
 			4,
 			6,
@@ -536,14 +536,14 @@ var yt = u({
 			16,
 			20,
 			26
-		]), ge = T(!0), _e = T(!0), N = T([]), xe = T(!!le.value), P = T(le.value ? he(le.value) : {});
-		!xe.value && ue.value === "view" && (P.value.viewSize = me.value[0]);
-		let Se = m(() => !!(te.loading?.value || oe.value || ce.value));
-		function F(e) {
-			let t = N.value.findIndex((t) => t.name === e.name);
-			t === -1 ? N.value.push(e) : N.value.splice(t, 1);
+		]), he = T(!0), _e = T(!0), F = T([]), ye = T(!!ce.value), I = T(ce.value ? ge(ce.value) : {});
+		!ye.value && le.value === "view" && (I.value.viewSize = me.value[0]);
+		let be = m(() => !!(te.loading?.value || ie.value || se.value));
+		function xe(e) {
+			let t = F.value.findIndex((t) => t.name === e.name);
+			t === -1 ? F.value.push(e) : F.value.splice(t, 1);
 		}
-		function Ce(e) {
+		function Se(e) {
 			switch (e) {
 				case 1: return Ct;
 				case 4: return Rt;
@@ -561,32 +561,32 @@ var yt = u({
 			}
 		}
 		async function De() {
-			if (!j.value || !ie.value) return;
-			let e = pe.value.find((e) => e.name === P.value.name);
-			if (e && !xe.value) return C.error("View already exists", e), w.add({
+			if (!M.value || !re.value) return;
+			let e = fe.value.find((e) => e.name === I.value.name);
+			if (e && !ye.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 (le.value === "dnd") {
 				if (_e.value) return C.error("No cameras selected"), w.add({
 					severity: "error",
 					detail: D("components.toast.validation_failed"),
 					life: 3e3
 				}), null;
-				let e = N.value.map((e, t) => ({
+				let e = F.value.map((e, t) => ({
 					cameraId: e._id,
 					index: t
 				}));
-				P.value.cameras = e, P.value.type = "dnd", P.value.viewSize = 1, j.value.setFieldValue("type", "dnd"), j.value.setFieldValue("viewSize", 1), j.value.setFieldValue("cameras", e);
-				let t = await j.value.validate();
-				return t?.valid ? xe.value ? await se({
-					username: ie.value.username,
-					viewid: P.value._id,
-					viewData: P.value
-				}) : await ae({
-					username: ie.value.username,
-					viewData: P.value
+				I.value.cameras = e, I.value.type = "dnd", I.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 ? ye.value ? await ae({
+					username: re.value.username,
+					viewid: I.value._id,
+					viewData: I.value
+				}) : await O({
+					username: re.value.username,
+					viewData: I.value
 				}) : (C.error("Validation failed", t), w.add({
 					severity: "error",
 					detail: D("components.toast.validation_failed"),
@@ -594,46 +594,46 @@ var yt = u({
 				}), null);
 			}
 			{
-				if (ge.value) return C.error("No view selected"), w.add({
+				if (he.value) return C.error("No view selected"), w.add({
 					severity: "error",
 					detail: D("components.toast.validation_failed"),
 					life: 3e3
 				}), null;
-				P.value.cameras = [], P.value.type = "view", j.value.setFieldValue("type", "view"), j.value.setFieldValue("cameras", []);
-				let e = await j.value.validate();
-				return e?.valid ? he(P.value) : (C.error("Validation failed", e), w.add({
+				I.value.cameras = [], I.value.type = "view", M.value.setFieldValue("type", "view"), M.value.setFieldValue("cameras", []);
+				let e = await M.value.validate();
+				return e?.valid ? ge(I.value) : (C.error("Validation failed", e), w.add({
 					severity: "error",
 					detail: D("components.toast.validation_failed"),
 					life: 3e3
 				}), null);
 			}
 		}
-		return g(P, (e) => {
-			for (let [t, n] of Object.entries(e)) j.value?.setFieldValue(t, n);
-			e.viewSize && (ge.value = !1), e.cameras?.length && (_e.value = !1);
+		return g(I, (e) => {
+			for (let [t, n] of Object.entries(e)) M.value?.setFieldValue(t, n);
+			e.viewSize && (he.value = !1), e.cameras?.length && (_e.value = !1);
 		}, {
 			deep: !0,
 			immediate: !0
-		}), g(N, (e) => {
+		}), g(F, (e) => {
 			_e.value = e.length === 0;
 		}, { deep: !0 }), ee(() => {
-			N.value = A.value?.filter((e) => P.value?.cameras?.some((t) => t.cameraId === e._id)) || [];
+			F.value = ue.value?.filter((e) => I.value?.cameras?.some((t) => t.cameraId === e._id)) || [];
 		}), u({
-			isLoading: Se,
+			isLoading: be,
 			onConfirm: De
 		}), (t, n) => {
-			let r = L, u = de, m = Oe, g = ve, v = ne;
-			return a(), d(p(O), {
+			let r = L, u = de, m = Oe, g = pe, v = A;
+			return a(), d(p(oe), {
 				ref_key: "formRef",
-				ref: j,
+				ref: M,
 				class: "flex flex-col gap-6",
-				"validation-schema": p(I),
-				"initial-values": p(P)
+				"validation-schema": p(P),
+				"initial-values": p(I)
 			}, {
 				default: h(() => [
-					E(p(fe), {
-						modelValue: p(P).name,
-						"onUpdate:modelValue": n[0] ||= (e) => p(P).name = e,
+					E(p(k), {
+						modelValue: p(I).name,
+						"onUpdate:modelValue": n[0] ||= (e) => p(I).name = e,
 						modelModifiers: { trim: !0 },
 						name: "name",
 						as: "div",
@@ -644,13 +644,13 @@ var yt = u({
 							E(u, null, {
 								default: h(() => [E(r, s(n, {
 									invalid: i.length > 0,
-									loading: p(Se),
+									loading: p(be),
 									type: "text"
 								}), null, 16, ["invalid", "loading"])]),
 								_: 2
 							}, 1024),
 							E(e, { name: "fade" }, {
-								default: h(() => [E(p(k), {
+								default: h(() => [E(p(j), {
 									name: "name",
 									class: "cui-input-error"
 								})]),
@@ -660,34 +660,34 @@ var yt = u({
 						_: 1
 					}, 8, ["modelValue"]),
 					E(m, { class: "m-0 py-3" }),
-					p(ue) === "dnd" ? (a(), _("div", Kt, [E(e, { name: "fade" }, {
+					p(le) === "dnd" ? (a(), _("div", Kt, [E(e, { name: "fade" }, {
 						default: h(() => [p(_e) ? (a(), _("span", qt, o(t.$t("components.form.error.no_cameras_selected")), 1)) : f("", !0)]),
 						_: 1
-					}), x("div", Jt, [x("label", Yt, o(t.$t("components.form.label.cameras")), 1), (a(!0), _(y, null, i(p(A), (e, t) => (a(), _("div", {
+					}), x("div", Jt, [x("label", Yt, o(t.$t("components.form.label.cameras")), 1), (a(!0), _(y, null, i(p(ue), (e, t) => (a(), _("div", {
 						key: t,
 						class: "cui-list-item"
 					}, [E(v, {
 						class: "h-14",
-						active: p(N).some((t) => t.name === e.name),
-						onClick: (t) => F(e)
+						active: p(F).some((t) => t.name === e.name),
+						onClick: (t) => xe(e)
 					}, {
 						append: h(() => [E(g, {
-							"model-value": p(N).some((t) => t.name === e.name),
-							"onUpdate:modelValue": (t) => F(e)
+							"model-value": p(F).some((t) => t.name === e.name),
+							"onUpdate:modelValue": (t) => xe(e)
 						}, null, 8, ["model-value", "onUpdate:modelValue"])]),
 						default: h(() => [x("span", null, o(e.name), 1)]),
 						_: 2
 					}, 1032, ["active", "onClick"])]))), 128))])])) : (a(), _("div", Xt, [E(e, { name: "fade" }, {
-						default: h(() => [p(ge) ? (a(), _("span", Zt, o(t.$t("components.form.error.no_view_selected")), 1)) : f("", !0)]),
+						default: h(() => [p(he) ? (a(), _("span", Zt, o(t.$t("components.form.error.no_view_selected")), 1)) : f("", !0)]),
 						_: 1
 					}), x("div", Qt, [x("label", $t, o(t.$t("components.form.label.views")), 1), x("div", en, [(a(!0), _(y, null, i(p(me), (e) => (a(), _("div", {
 						key: e,
 						class: "view-select-item w-full",
-						onClick: (t) => p(P).viewSize = e
-					}, [x("div", { class: c(["view-select-item-icon w-full p-3", { "selected-view": p(P).viewSize === e }]) }, [(a(), d(l(Ce(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(Se(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(P).viewSize === e }]) }, o(e) + " " + o(t.$t("views.camview.cameras")), 3)], 8, tn))), 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, tn))), 128))])])]))
 				]),
 				_: 1
 			}, 8, ["validation-schema", "initial-values"]);
@@ -699,17 +699,17 @@ var yt = u({
 }, on = {
 	key: 1,
 	class: "flex flex-col w-full h-full"
-}, sn = { class: "flex flex-1 min-h-0 flex-col items-center justify-center w-full gap-4" }, cn = { class: "text-muted text-sm" }, ln = { class: "relative w-6 h-6" }, un = /*#__PURE__*/ F(/* @__PURE__ */ w({
+}, sn = { class: "flex flex-1 min-h-0 flex-col items-center justify-center w-full gap-4" }, cn = { class: "text-muted text-sm" }, ln = { class: "relative w-6 h-6" }, un = /*#__PURE__*/ O(/* @__PURE__ */ w({
 	__name: "Camview",
 	props: {
 		navbarWidth: { default: 0 },
 		navbarLeft: { default: 0 }
 	},
 	setup(t) {
-		let n = new be(), i = new xe(), u = t, y = Ee(), { t: C } = y, w = _e(), ee = N(), { bottombarHeight: ne } = oe(), { smBreakpoint: O, lgBreakpoint: k, mdBreakpoint: de } = ce(), fe = ye(), { user: M } = Te(fe), ve = re(), { uiSettings: F } = Te(ve), { data: I, isLoading: we } = i.getCamerasQuery({
+		let n = new Ce(), i = new M(), u = t, y = Ee(), { t: C } = y, w = F(), ee = xe(), { bottombarHeight: O } = ue(), { smBreakpoint: k, lgBreakpoint: A, mdBreakpoint: oe } = I(), de = ve(), { user: j } = Te(de), pe = ae(), { uiSettings: N } = Te(pe), { data: P, isLoading: we } = i.getCamerasQuery({
 			page: 1,
 			pageSize: -1
-		}), { data: L, isLoading: Ie } = n.getViewsQuery(M.value?.username ?? "", {
+		}), { data: L, isLoading: Ie } = n.getViewsQuery(j.value?.username ?? "", {
 			page: 1,
 			pageSize: -1
 		}), { mutate: Le, isPending: ze } = n.removeViewQuery(), { mutateAsync: Be, isPending: He } = n.createViewQuery(), { mutateAsync: Ue, isPending: Ge } = n.patchViewQuery(), { mutateAsync: Ke } = n.patchViewQuerySilent(), { navbarWidth: Je, navbarLeft: Ye } = r(u), Ze = b("menuRef"), Qe = b("newViewMenuRef"), et = b("cardFitMenuRef"), R = b("viewDndRef"), z = T({}), B = T(!1), V = T(!1), H = T(!1), U = T(!1), W = T(!1), at = T(!1), G = T(!0), K = T("always-on"), q = T("low-resolution"), J = T("auto"), Y = T([]), lt = T(), ut = T(null), ft = D({
@@ -746,22 +746,22 @@ var yt = u({
 			cardClickAction: "expand",
 			viewTransition: !0,
 			cardProps: { pt: { root: { style: "background: #000" } } }
-		})), bt = m(() => L.value?.result.length ? k.value ? {
+		})), bt = m(() => L.value?.result.length ? A.value ? {
 			width: W.value ? "calc(100% - 400px)" : "100%",
 			height: "100%",
 			overflowY: "scroll"
 		} : {
 			height: "100%",
-			paddingBottom: W.value ? ne.value > 0 ? "200px" : "192px" : "0px",
+			paddingBottom: W.value ? O.value > 0 ? "200px" : "192px" : "0px",
 			overflowY: "scroll"
 		} : {
 			width: "100%",
 			height: "100%",
 			overflowY: "scroll"
-		}), Z = m(() => B.value || V.value), xt = m(() => !!R.value?.isFullscreen), Q = m(() => F.value.camview.detections !== !1), Ct = m(() => [
+		}), Z = m(() => B.value || V.value), xt = m(() => !!R.value?.isFullscreen), Q = m(() => N.value.camview.detections !== !1), Ct = m(() => [
 			{
 				label: xt.value ? C("components.form.tooltip.fullscreen_off") : C("components.form.tooltip.fullscreen_on"),
-				icon: xt.value ? ie : pe,
+				icon: xt.value ? fe : ie,
 				command: Wt
 			},
 			{
@@ -771,7 +771,7 @@ var yt = u({
 			},
 			{
 				label: C("components.form.tooltip.intercom"),
-				icon: Se,
+				icon: re,
 				command: () => Mt("intercom")
 			},
 			{
@@ -791,20 +791,20 @@ var yt = u({
 			},
 			{
 				label: `${C("components.form.tooltip.detections")}: ${Q.value ? C("components.form.tooltip.detections_on") : C("components.form.tooltip.detections_off")}`,
-				icon: Q.value ? P : ue,
-				command: () => F.value.camview.detections = !Q.value
+				icon: Q.value ? _e : be,
+				command: () => N.value.camview.detections = !Q.value
 			}
 		]), $ = m(() => {
-			let e = L.value?.result.find((e) => e._id === F.value.camview.viewid) || L.value?.result[0];
-			return e ? (z.value = e, F.value.camview.viewid = e._id) : z.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 I.value?.result ?? []) e[t._id] = t.name;
+			for (let t of P.value?.result ?? []) e[t._id] = t.name;
 			return e;
-		}), { master: Dt } = A(wt, {
+		}), { master: Dt } = me(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 && z.value.viewSize > 0 ? z.value.viewSize : $.value ? $.value.viewSize : 1), At = m(() => {
@@ -833,7 +833,7 @@ var yt = u({
 							contentProps: {
 								form: t ? z.value : void 0,
 								type: "view",
-								cameras: I.value?.result || [],
+								cameras: P.value?.result || [],
 								views: L.value?.result || []
 							}
 						},
@@ -869,18 +869,18 @@ var yt = u({
 			}
 		}
 		function Nt(e) {
-			F.value.camview.viewid = e._id;
+			N.value.camview.viewid = e._id;
 		}
 		function Pt() {
-			!$.value || !M.value || Le({
-				username: M.value.username,
+			!$.value || !j.value || Le({
+				username: j.value.username,
 				viewid: $.value._id
 			}, { onSuccess: (e) => {
-				e.length ? F.value.camview.viewid = e[0]._id : F.value.camview.viewid = void 0;
+				e.length ? N.value.camview.viewid = e[0]._id : N.value.camview.viewid = void 0;
 			} });
 		}
 		async function Ft() {
-			if (!M.value || Object.keys(z.value).length === 0) return;
+			if (!j.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,
@@ -888,13 +888,13 @@ var yt = u({
 				rowSpan: e.rowSpan
 			})).sort((e, t) => e.index - t.index);
 			if (!e.length) return;
-			let t = he(z.value);
+			let t = ge(z.value);
 			t.cameras = e, t._id ? Ht(await Ue({
-				username: M.value.username,
+				username: j.value.username,
 				viewid: t._id,
 				viewData: t
 			})) : Ht(await Be({
-				username: M.value.username,
+				username: j.value.username,
 				viewData: t
 			}));
 		}
@@ -905,11 +905,11 @@ var yt = u({
 			Y.value = Y.value.map((t) => (t.lastDroppedCamera?.name === e.name && (t.lastDroppedCamera = void 0), t));
 		}
 		function Rt(e) {
-			return `${O.value ? "mobile" : "desktop"}:${e}`;
+			return `${k.value ? "mobile" : "desktop"}:${e}`;
 		}
 		function zt(e) {
 			let t = $.value?._id;
-			t && (F.value.camview.layouts || (F.value.camview.layouts = {}), F.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,
@@ -926,10 +926,10 @@ var yt = u({
 			!t || !e.cameraId || e.cameraId === t || wt.value.includes(e.cameraId) && R.value?.expandCameraById(e.cameraId);
 		}
 		function Ht(e) {
-			F.value.camview.viewid = e._id, V.value = !1, B.value = !1;
+			N.value.camview.viewid = e._id, V.value = !1, B.value = !1;
 		}
 		async function Ut(e) {
-			let t = $.value, n = M.value?.username;
+			let t = $.value, n = j.value?.username;
 			if (!(!t || !n || _t.value === e)) {
 				lt.value = e;
 				try {
@@ -973,10 +973,10 @@ var yt = u({
 		}), g([
 			kt,
 			$,
-			I,
+			P,
 			Z,
-			F,
-			O
+			N,
+			k
 		], () => {
 			let e = Array.from({ length: kt.value }).map((e, t) => ({
 				accept: "camera",
@@ -984,22 +984,22 @@ var yt = u({
 				lastDroppedCamera: void 0
 			}));
 			if (!V.value) {
-				let t = $.value?._id, n = t ? Rt(t) : void 0, r = n ? F.value.camview.layouts?.[n] : void 0, i = new Set(I.value?.result.map((e) => e._id) ?? []), a = !1;
+				let t = $.value?._id, n = t ? Rt(t) : void 0, r = n ? N.value.camview.layouts?.[n] : void 0, i = new Set(P.value?.result.map((e) => e._id) ?? []), a = !1;
 				for (let t of $.value?.cameras || []) {
 					if (!e[t.index]) continue;
-					let n = I.value?.result.find((e) => e._id === t.cameraId);
+					let n = P.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 && F.value.camview.layouts?.[n] && (F.value.camview.layouts[n] = F.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 = Me, u = ge, m = qe, g = We, y = Ve, b = j, C = se, w = Oe, T = Ae, D = Re, ee = Ne, re = Pe, ie = Ce, oe = me, ce = De, ue = ke, fe = ae, A = te;
+			let r = Fe, i = Me, u = he, m = qe, g = We, y = Ve, b = ne, C = ye, w = Oe, T = Ae, D = Re, ee = Ne, re = Pe, ie = Se, ae = se, ue = De, de = ke, fe = le, j = te;
 			return a(), _("div", rn, [
 				E(re, {
 					"left-offset": p(mt),
@@ -1038,12 +1038,12 @@ var yt = u({
 							}))]),
 							_: 1
 						}, 8, ["active"])), [[
-							A,
+							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(H) && !p(O) ? S((a(), d(r, {
+						!p(Z) && p($) && p(H) && !p(k) ? S((a(), d(r, {
 							key: 1,
 							onClick: n[2] ||= (e) => p(R)?.fitAspectRatios()
 						}, {
@@ -1053,12 +1053,12 @@ var yt = u({
 							})]),
 							_: 1
 						})), [[
-							A,
+							j,
 							{ value: t.$t("views.camview.rearrange_fit_aspect") },
 							void 0,
 							{ bottom: !0 }
 						]]) : f("", !0),
-						!p(Z) && p($) && p(H) && !p(O) ? S((a(), d(r, {
+						!p(Z) && p($) && p(H) && !p(k) ? S((a(), d(r, {
 							key: 2,
 							onClick: n[3] ||= (e) => p(R)?.compactGrid()
 						}, {
@@ -1068,12 +1068,12 @@ var yt = u({
 							})]),
 							_: 1
 						})), [[
-							A,
+							j,
 							{ value: t.$t("views.camview.rearrange_auto") },
 							void 0,
 							{ bottom: !0 }
 						]]) : f("", !0),
-						!p(Z) && p($) && p(H) && !p(O) ? S((a(), d(r, {
+						!p(Z) && p($) ? S((a(), d(r, {
 							key: 3,
 							active: p(_t) !== "aspect",
 							"menu-open": p(et)?.isOpen,
@@ -1085,7 +1085,7 @@ var yt = u({
 							})]),
 							_: 1
 						}, 8, ["active", "menu-open"])), [[
-							A,
+							j,
 							{ value: t.$t("views.camview.card_fit") },
 							void 0,
 							{ bottom: !0 }
@@ -1106,7 +1106,7 @@ var yt = u({
 							}))]),
 							_: 1
 						}, 8, ["active"])), [[
-							A,
+							j,
 							{ value: p(U) ? t.$t("components.form.tooltip.hide_timeline") : t.$t("components.form.tooltip.show_timeline") },
 							void 0,
 							{ bottom: !0 }
@@ -1126,7 +1126,7 @@ var yt = u({
 							})]),
 							_: 1
 						}, 8, ["disabled"])), [[
-							A,
+							j,
 							{ value: t.$t("components.form.tooltip.delete") },
 							void 0,
 							{ bottom: !0 }
@@ -1142,7 +1142,7 @@ var yt = u({
 							})]),
 							_: 1
 						}, 8, ["disabled"])), [[
-							A,
+							j,
 							{ value: t.$t("components.form.tooltip.edit") },
 							void 0,
 							{ bottom: !0 }
@@ -1159,7 +1159,7 @@ var yt = u({
 							}, null, 8, ["class"])]),
 							_: 1
 						}, 8, ["disabled", "onClick"])), [[
-							A,
+							j,
 							{ value: t.$t("components.form.tooltip.new") },
 							void 0,
 							{ bottom: !0 }
@@ -1181,28 +1181,28 @@ var yt = u({
 				}, 8, ["left-offset"]),
 				x("div", {
 					class: c(["w-full h-full flex relative", {
-						"flex-row": p(k),
-						"flex-col": !p(k)
+						"flex-row": p(A),
+						"flex-col": !p(A)
 					}]),
 					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(L)?.result.length,
-						"w-full items-start justify-start": !p(k) && p(L)?.result.length
+						"h-full items-center justify-center": p(A) || !p(L)?.result.length,
+						"w-full items-start justify-start": !p(A) && p(L)?.result.length
 					}]),
 					style: v(p(bt))
 				}, [p(X) ? (a(), _("div", an, [(a(), d(ie, {
 					key: 0,
 					class: "w-[30px] h-[30px] m-0",
 					"stroke-width": "5"
-				}))])) : !p($) && !p(V) ? (a(), _("div", on, [x("div", sn, [E(oe, { class: "w-12 h-12 text-muted" }), x("span", cn, o(t.$t("views.camview.no_views_configured")), 1)])])) : p($) || p(V) ? (a(), _("div", {
+				}))])) : !p($) && !p(V) ? (a(), _("div", on, [x("div", sn, [E(ae, { class: "w-12 h-12 text-muted" }), x("span", cn, 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) }])
+					class: c(["w-full h-full", { "p-2 pb-0": !p(k) }])
 				}, [(a(), d(je, {
 					ref_key: "viewDndRef",
 					ref: R,
-					key: p(F).camview.viewid + (p(V) ? "-new" : p(B) ? "-edit" : "-view"),
-					cameras: p(I)?.result || [],
+					key: p(N).camview.viewid + (p(V) ? "-new" : p(B) ? "-edit" : "-view"),
+					cameras: p(P)?.result || [],
 					"edit-mode": p(V) || p(B),
 					"rearrange-mode": p(H),
 					"view-size": p(V) ? p(z).viewSize : p(kt),
@@ -1225,12 +1225,12 @@ var yt = u({
 					"camera-card-props",
 					"camera-card-models"
 				]))], 2)) : f("", !0)], 6), E(e, {
-					name: p(k) ? "slide-left" : "slide-up",
+					name: p(A) ? "slide-left" : "slide-up",
 					onBeforeEnter: n[10] ||= (e) => W.value = !0,
 					onAfterEnter: n[11] ||= (e) => at.value = !1,
 					onBeforeLeave: n[12] ||= (e) => W.value = !1
 				}, {
-					default: h(() => [p(U) ? (a(), d(p(le), {
+					default: h(() => [p(U) ? (a(), d(p(ce), {
 						key: 0,
 						"camera-ids": p(Tt),
 						"event-camera-ids": p(wt),
@@ -1238,21 +1238,21 @@ var yt = u({
 						"initial-timestamp": p(Ot),
 						onEventSelect: Vt,
 						loading: p(at),
-						type: p(k) ? "vertical" : "horizontal",
+						type: p(A) ? "vertical" : "horizontal",
 						"dark-mode": "",
-						"md-breakpoint": p(de),
+						"md-breakpoint": p(oe),
 						class: c(["shrink-0 transition-[left] duration-200", {
-							"h-full w-[400px] pt-2 pr-2": 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)
+							"h-full w-[400px] pt-2 pr-2": p(A),
+							"h-[200px] pt-2 px-2 pb-2 pb-safe-offset fixed right-safe-offset-0 z-10": !p(A),
+							"p-0! pt-2! border-color": p(k)
 						}]),
 						"card-class": {
 							"!shadow-xl": !0,
-							"!rounded-none border-l-0! border-r-0!": p(O)
+							"!rounded-none border-l-0! border-r-0!": p(k)
 						},
-						style: v(p(k) ? void 0 : {
+						style: v(p(A) ? void 0 : {
 							left: `${p(mt)}px`,
-							bottom: `calc(${p(ne)}px + env(safe-area-inset-bottom, 0px))`
+							bottom: `calc(${p(O)}px + var(--safe-area-inset-bottom))`
 						}),
 						"locale-settings": p(ht)
 					}, null, 8, [
@@ -1270,7 +1270,7 @@ var yt = u({
 					])) : f("", !0)]),
 					_: 1
 				}, 8, ["name"])], 6),
-				!p(Z) && p($) ? (a(), d(ue, {
+				!p(Z) && p($) ? (a(), d(de, {
 					key: 0,
 					model: p(Ct),
 					direction: "up",
@@ -1282,12 +1282,12 @@ var yt = 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(ne) > 0 ? "0.5rem" : "0px"})`,
-						right: p(k) ? `calc(${p(W) ? 400 : 0}px + 0.5rem)` : "0.5rem",
+						bottom: p(A) ? "0" : `calc(${p(W) ? 192 : 0}px + ${p(O) > 0 ? "0.5rem" : "0px"})`,
+						right: p(A) ? `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(ce, {
+					button: h(({ visible: e, toggleCallback: t }) => [E(ue, {
 						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: "",
@@ -1305,7 +1305,7 @@ var yt = u({
 						"loading",
 						"onClick"
 					])]),
-					item: h(({ item: e, toggleCallback: t }) => [S((a(), d(ce, s({
+					item: h(({ item: e, toggleCallback: t }) => [S((a(), d(ue, s({
 						loading: p(X),
 						severity: "secondary"
 					}, e.buttonProps, {
@@ -1314,7 +1314,7 @@ var yt = u({
 					}), {
 						icon: h(() => [(a(), d(l(e.icon)))]),
 						_: 2
-					}, 1040, ["loading", "onClick"])), [[A, { value: e.label }]])]),
+					}, 1040, ["loading", "onClick"])), [[j, { value: e.label }]])]),
 					_: 1
 				}, 8, ["model", "style"])) : f("", !0),
 				E(fe, {
@@ -1338,6 +1338,6 @@ var yt = u({
 			]);
 		};
 	}
-}), [["__scopeId", "data-v-ea6025c5"]]);
+}), [["__scopeId", "data-v-1f0bed85"]]);
 //#endregion
 export { un as default };