@camera.ui/server 2.2.1 → 2.2.2

package/dist/interface/ha/{Camview-fb7D6KvD.js → Camview-BU1027if.js}

@@ -1,184 +1,185 @@
 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 { An as ne, E as re, Ei as ie, En as ae, F as O, Fn as oe, I as k, Jn as se, L as ce, Ln as le, Lr as ue, Nn as de, Or as A, Pn as fe, Pt as j, Rn as M, Rr as pe, Vn as me, Yt as N, Zr as he, a as ge, br as _e, dn as ve, ei as P, en as ye, ft as F, g as be, jn as xe, ki as I, kr as Se, ut as Ce } from "./api-C0pVlzsW.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 ee, _t as l, d as u, f as d, kt as f, l as p, lt as m, ot as h, p as g, qt as _, r as v, rt as y, u as b, ut as x, wt as S, x as C, xt as w, y as T, yt as E, z as te } from "./runtime-core.esm-bundler-DCktklpY.js";
+import { t as ne } from "./tooltip-X5MY9FoG.js";
+import { Cn as re, Dn as ie, Dr as ae, E as D, Et as O, F as oe, Gn as se, I as ce, Kt as le, L as k, On as ue, Or as de, Tn as fe, Vr as A, Vt as pe, Wr as me, a as he, bn as ge, ft as j, g as _e, gn as ve, hi as ye, mt as be, qn as xe, ur as M, vi as N, vr as P, wn as F, xn as Se, yr as Ce } from "./api-JPS8NpNG.js";
 import { o as we } from "./intercomService-Dwd0bhSN.js";
-import { r as Te } from "./pinia-Dk3LfWcE.js";
+import { r as Te } from "./pinia-CqffEnzx.js";
 import { n as Ee } from "./vue-i18n-BBObX4QY.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-Cn0baEOx.js";
-import { t as Pe } from "./microphone-TB58caA2.js";
-import { n as Fe, t as Ie } from "./CuiTopNavbarItem-KlOpTPMA.js";
+import { f as De } from "./eventIcons-DrjNuTS2.js";
+import { t as Oe } from "./button-DJDZxmKj.js";
+import { t as I } from "./inputtext-vdcrNX6K.js";
+import { t as ke } from "./divider-Cf59Ua0f.js";
+import { t as Ae } from "./speeddial-CpW9sIFY.js";
+import { t as je } from "./delete-LxFfoBRM.js";
+import { c as Me, d as Ne, u as Pe } from "./cards-CGP6dWjy.js";
+import { t as Fe } from "./microphone-TB58caA2.js";
+import { n as Ie, t as Le } from "./CuiTopNavbarItem-C3a5NA7u.js";
 //#region ~icons/mdi/pencil
-var Le = {
+var Re = {
 	viewBox: "0 0 24 24",
 	width: "1.2em",
 	height: "1.2em"
 };
-function Re(e, t) {
-	return a(), _("svg", Le, [...t[0] ||= [x("path", {
+function ze(e, t) {
+	return a(), g("svg", Re, [...t[0] ||= [b("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 ze = u({
+var Be = l({
 	name: "mdi-pencil",
-	render: Re
-}), Be = {
+	render: ze
+}), Ve = {
 	viewBox: "0 0 24 24",
 	width: "1.2em",
 	height: "1.2em"
 };
-function Ve(e, t) {
-	return a(), _("svg", Be, [...t[0] ||= [x("path", {
+function He(e, t) {
+	return a(), g("svg", Ve, [...t[0] ||= [b("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 He = u({
+var Ue = l({
 	name: "mdi-arrow-expand-all",
-	render: Ve
-}), Ue = {
+	render: He
+}), We = {
 	viewBox: "0 0 24 24",
 	width: "1.2em",
 	height: "1.2em"
 };
-function We(e, t) {
-	return a(), _("svg", Ue, [...t[0] ||= [x("path", {
+function Ge(e, t) {
+	return a(), g("svg", We, [...t[0] ||= [b("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 Ge = u({
+var Ke = l({
 	name: "mdi-auto-fix",
-	render: We
-}), Ke = {
+	render: Ge
+}), qe = {
 	viewBox: "0 0 24 24",
 	width: "1.2em",
 	height: "1.2em"
 };
-function qe(e, t) {
-	return a(), _("svg", Ke, [...t[0] ||= [x("path", {
+function Je(e, t) {
+	return a(), g("svg", qe, [...t[0] ||= [b("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 Je = u({
+var Ye = l({
 	name: "mingcute-grid2-fill",
-	render: qe
-}), Ye = {
+	render: Je
+}), Xe = {
 	viewBox: "0 0 24 24",
 	width: "1.2em",
 	height: "1.2em"
 };
-function Xe(e, t) {
-	return a(), _("svg", Ye, [...t[0] ||= [x("path", {
+function Ze(e, t) {
+	return a(), g("svg", Xe, [...t[0] ||= [b("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 Ze = u({
+var Qe = l({
 	name: "cbi-iosfacetime",
-	render: Xe
-}), Qe = {
+	render: Ze
+}), $e = {
 	viewBox: "0 0 24 24",
 	width: "1.2em",
 	height: "1.2em"
 };
-function $e(e, t) {
-	return a(), _("svg", Qe, [...t[0] ||= [x("path", {
+function et(e, t) {
+	return a(), g("svg", $e, [...t[0] ||= [b("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 et = u({
+var tt = l({
 	name: "fluent-pulse-24-filled",
-	render: $e
-}), R = {
+	render: et
+}), L = {
 	viewBox: "0 0 16 16",
 	width: "1.2em",
 	height: "1.2em"
 };
-function z(e, t) {
-	return a(), _("svg", R, [...t[0] ||= [x("path", {
+function R(e, t) {
+	return a(), g("svg", L, [...t[0] ||= [b("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", {
+	}, null, -1), b("path", {
 		fill: "currentColor",
 		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 tt = u({
+var nt = l({
 	name: "heroicons-speaker-wave-16-solid",
-	render: z
-}), B = {
+	render: R
+}), z = {
 	viewBox: "0 0 16 16",
 	width: "1.2em",
 	height: "1.2em"
 };
-function V(e, t) {
-	return a(), _("svg", B, [...t[0] ||= [x("path", {
+function B(e, t) {
+	return a(), g("svg", z, [...t[0] ||= [b("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 nt = u({
+var rt = l({
 	name: "heroicons-speaker-x-mark-16-solid",
-	render: V
-}), H = {
+	render: B
+}), V = {
 	viewBox: "0 0 48 48",
 	width: "1.2em",
 	height: "1.2em"
 };
-function U(e, t) {
-	return a(), _("svg", H, [...t[0] ||= [x("g", {
+function H(e, t) {
+	return a(), g("svg", V, [...t[0] ||= [b("g", {
 		fill: "none",
 		stroke: "currentColor",
 		"stroke-linejoin": "round",
 		"stroke-width": "4"
-	}, [x("path", {
+	}, [b("path", {
 		fill: "currentColor",
 		d: "M16.866 7.47A18 18 0 0 0 16 13c0 9.941 8.059 18 18 18a17.9 17.9 0 0 0 7.134-1.47C38.801 36.767 32.012 42 24 42c-9.941 0-18-8.059-18-18c0-7.407 4.473-13.768 10.866-16.53Z"
-	}), x("path", {
+	}), b("path", {
 		"stroke-linecap": "round",
 		d: "M31.66 10H41l-10 8h10"
 	})], -1)]]);
 }
-var rt = u({
+var it = l({
 	name: "icon-park-solid-sleep",
-	render: U
-}), W = {
+	render: H
+}), U = {
 	viewBox: "0 0 24 24",
 	width: "1.2em",
 	height: "1.2em"
 };
-function it(e, t) {
-	return a(), _("svg", W, [...t[0] ||= [x("path", {
+function at(e, t) {
+	return a(), g("svg", U, [...t[0] ||= [b("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 at = u({
+var ot = l({
 	name: "material-symbols-motion-photos-auto-outline-rounded",
-	render: it
-}), ot = {
+	render: at
+}), W = {
 	viewBox: "0 0 24 24",
 	width: "1.2em",
 	height: "1.2em"
 };
 function G(e, t) {
-	return a(), _("svg", ot, [...t[0] ||= [x("path", {
+	return a(), g("svg", W, [...t[0] ||= [b("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)]]);
 }
-var st = u({
+var st = l({
 	name: "mdi-card-plus-outline",
 	render: G
 }), K = {
@@ -187,12 +188,12 @@ var st = u({
 	height: "1.2em"
 };
 function q(e, t) {
-	return a(), _("svg", K, [...t[0] ||= [x("path", {
+	return a(), g("svg", K, [...t[0] ||= [b("path", {
 		fill: "currentColor",
 		d: "M12 2a7 7 0 0 1 7 7a7 7 0 0 1-7 7a7 7 0 0 1-7-7a7 7 0 0 1 7-7m0 2a5 5 0 0 0-5 5a5 5 0 0 0 5 5a5 5 0 0 0 5-5a5 5 0 0 0-5-5m0 2a3 3 0 0 1 3 3a3 3 0 0 1-3 3a3 3 0 0 1-3-3a3 3 0 0 1 3-3M6 22a2 2 0 0 1-2-2c0-.38.1-.73.29-1.03l1.82-3.16A9 9 0 0 0 12 18c2.25 0 4.31-.83 5.89-2.19l1.82 3.16c.19.3.29.65.29 1.03a2 2 0 0 1-2 2z"
 	}, null, -1)]]);
 }
-var ct = u({
+var ct = l({
 	name: "mdi-webcam",
 	render: q
 }), J = {
@@ -201,12 +202,12 @@ var ct = u({
 	height: "1.2em"
 };
 function lt(e, t) {
-	return a(), _("svg", J, [...t[0] ||= [x("path", {
+	return a(), g("svg", J, [...t[0] ||= [b("path", {
 		fill: "currentColor",
 		d: "M9.367 2.25h5.266c1.092 0 1.958 0 2.655.057c.714.058 1.317.18 1.869.46a4.75 4.75 0 0 1 2.075 2.077c.281.55.403 1.154.461 1.868c.057.697.057 1.563.057 2.655v5.266c0 1.092 0 1.958-.057 2.655c-.058.714-.18 1.317-.46 1.869a4.75 4.75 0 0 1-2.076 2.075c-.552.281-1.155.403-1.869.461c-.697.057-1.563.057-2.655.057H9.367c-1.092 0-1.958 0-2.655-.057c-.714-.058-1.317-.18-1.868-.46a4.75 4.75 0 0 1-2.076-2.076c-.281-.552-.403-1.155-.461-1.869c-.057-.697-.057-1.563-.057-2.655V9.367c0-1.092 0-1.958.057-2.655c.058-.714.18-1.317.46-1.868a4.75 4.75 0 0 1 2.077-2.076c.55-.281 1.154-.403 1.868-.461c.697-.057 1.563-.057 2.655-.057M10.25 8a.75.75 0 0 0-1.5 0v8a.75.75 0 0 0 1.5 0v-3.25h3.5V16a.75.75 0 0 0 1.5 0V8a.75.75 0 0 0-1.5 0v3.25h-3.5z"
 	}, null, -1)]]);
 }
-var ut = u({
+var ut = l({
 	name: "mynaui-letter-h-square-solid",
 	render: lt
 }), dt = {
@@ -215,12 +216,12 @@ var ut = u({
 	height: "1.2em"
 };
 function ft(e, t) {
-	return a(), _("svg", dt, [...t[0] ||= [x("path", {
+	return a(), g("svg", dt, [...t[0] ||= [b("path", {
 		fill: "currentColor",
 		d: "M9.367 2.25h5.266c1.092 0 1.958 0 2.655.057c.714.058 1.317.18 1.869.46a4.75 4.75 0 0 1 2.075 2.077c.281.55.403 1.154.461 1.868c.057.697.057 1.563.057 2.655v5.266c0 1.092 0 1.958-.057 2.655c-.058.714-.18 1.317-.46 1.869a4.75 4.75 0 0 1-2.076 2.075c-.552.281-1.155.403-1.869.461c-.697.057-1.563.057-2.655.057H9.367c-1.092 0-1.958 0-2.655-.057c-.714-.058-1.317-.18-1.868-.46a4.75 4.75 0 0 1-2.076-2.076c-.281-.552-.403-1.155-.461-1.869c-.057-.697-.057-1.563-.057-2.655V9.367c0-1.092 0-1.958.057-2.655c.058-.714.18-1.317.46-1.868a4.75 4.75 0 0 1 2.077-2.076c.55-.281 1.154-.403 1.868-.461c.697-.057 1.563-.057 2.655-.057M10.25 8a.75.75 0 0 0-1.5 0v7.5c0 .414.336.75.75.75H15a.75.75 0 0 0 0-1.5h-4.75z"
 	}, null, -1)]]);
 }
-var pt = u({
+var pt = l({
 	name: "mynaui-letter-l-square-solid",
 	render: ft
 }), Y = {
@@ -229,12 +230,12 @@ var pt = u({
 	height: "1.2em"
 };
 function mt(e, t) {
-	return a(), _("svg", Y, [...t[0] ||= [x("path", {
+	return a(), g("svg", Y, [...t[0] ||= [b("path", {
 		fill: "currentColor",
 		d: "M9.367 2.25h5.266c1.092 0 1.958 0 2.655.057c.714.058 1.317.18 1.869.46a4.75 4.75 0 0 1 2.075 2.077c.281.55.403 1.154.461 1.868c.057.697.057 1.563.057 2.655v5.266c0 1.092 0 1.958-.057 2.655c-.058.714-.18 1.317-.46 1.869a4.75 4.75 0 0 1-2.076 2.075c-.552.281-1.155.403-1.869.461c-.697.057-1.563.057-2.655.057H9.367c-1.092 0-1.958 0-2.655-.057c-.714-.058-1.317-.18-1.868-.46a4.75 4.75 0 0 1-2.076-2.076c-.281-.552-.403-1.155-.461-1.869c-.057-.697-.057-1.563-.057-2.655V9.367c0-1.092 0-1.958.057-2.655c.058-.714.18-1.317.46-1.868a4.75 4.75 0 0 1 2.077-2.076c.55-.281 1.154-.403 1.868-.461c.697-.057 1.563-.057 2.655-.057m.233 5.3A.75.75 0 0 0 8.25 8v8a.75.75 0 0 0 1.5 0v-5.75l1.65 2.2a.75.75 0 0 0 1.2 0l1.65-2.2V16a.75.75 0 0 0 1.5 0V8a.75.75 0 0 0-1.35-.45l-2.4 3.2z"
 	}, null, -1)]]);
 }
-var ht = u({
+var ht = l({
 	name: "mynaui-letter-m-square-solid",
 	render: mt
 }), gt = {
@@ -243,248 +244,248 @@ var ht = u({
 	height: "1.2em"
 };
 function _t(e, t) {
-	return a(), _("svg", gt, [...t[0] ||= [x("path", {
+	return a(), g("svg", gt, [...t[0] ||= [b("path", {
 		fill: "currentColor",
 		d: "M12 .36A5.4 5.4 0 0 0 6.62 5.3a5.4 5.4 0 0 0-1.22-.14a5.4 5.4 0 0 0-2.143 10.357a5.4 5.4 0 0 0-.737 2.723a5.4 5.4 0 0 0 9.54 3.466a5.4 5.4 0 0 0 8.833-6.137a5.4 5.4 0 0 0-3.505-10.152A5.4 5.4 0 0 0 12 .36M6.283 7.228h10.592c.746 0 1.352.605 1.352 1.349v7.646a1.35 1.35 0 0 1-1.352 1.348h-3.608l-7.24 3.55l1.1-3.55h-.844a1.35 1.35 0 0 1-1.352-1.348V8.577c0-.744.606-1.349 1.352-1.349"
 	}, null, -1)]]);
 }
-var vt = u({
+var vt = l({
 	name: "simple-icons-webrtc",
 	render: _t
-}), yt = { class: "flex flex-col gap-3" }, bt = { class: "text-wrap" }, xt = { class: "w-full h-full flex items-center justify-center relative" }, St = /* @__PURE__ */ w({
+}), yt = { class: "flex flex-col gap-3" }, bt = { class: "text-wrap" }, xt = { class: "w-full h-full flex items-center justify-center relative" }, St = /* @__PURE__ */ C({
 	__name: "AudioVisualizer",
 	emits: ["listening"],
 	setup(e, { expose: r, emit: i }) {
-		let s = i, c = we(), l = I(), 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();
+		let s = i, c = we(), ee = N(), l = n("dialogRefProps"), u = y("canvasRef"), d = S(), f = S(), h = w(!1), _ = p(() => !!l.loading?.value);
+		async function v() {
+			if (h.value) C();
 			else try {
-				f.value && w();
+				d.value && C();
 				let e;
 				try {
 					e = await navigator.mediaDevices.getUserMedia({ audio: !0 });
 				} catch (e) {
-					l.add({
+					ee.add({
 						severity: "warn",
 						detail: "Can not enable AudioVisualizer, see console.",
 						life: 3e3
 					}), c.warn("Can not enable AudioVisualizer", e);
 					return;
 				}
-				g.value = !0, s("listening", !0), f.value = new AudioContext();
-				let t = f.value.createAnalyser();
-				t.fftSize = 1024, p.value = e.getTracks(), f.value.createMediaStreamSource(e).connect(t);
-				let n, r = d.value?.getContext("2d"), i = () => {
-					if (d.value && r) {
+				h.value = !0, s("listening", !0), d.value = new AudioContext();
+				let t = d.value.createAnalyser();
+				t.fftSize = 1024, f.value = e.getTracks(), d.value.createMediaStreamSource(e).connect(t);
+				let n, r = u.value?.getContext("2d"), i = () => {
+					if (u.value && r) {
 						let e = [], a = [];
-						r.clearRect(0, 0, d.value.width, d.value.height), requestAnimationFrame(i);
+						r.clearRect(0, 0, u.value.width, u.value.height), requestAnimationFrame(i);
 						let o = t.frequencyBinCount, s = new Uint8Array(o);
 						t.getByteFrequencyData(s), e.push(s);
 						for (let t = 0; t < e[0].length; t++) a.push(0), e.forEach((e) => {
 							a[t] += e[t];
 						});
-						let c = d.value.width / 2, l = d.value.height / 2;
-						r.beginPath(), r.arc(c, l, 30, 0, 2 * Math.PI), r.lineWidth = 1, r.stroke(), r.closePath();
+						let c = u.value.width / 2, ee = u.value.height / 2;
+						r.beginPath(), r.arc(c, ee, 30, 0, 2 * Math.PI), r.lineWidth = 1, r.stroke(), r.closePath();
 						for (let e = 0; e < 90; e++) {
 							n = a[e] * .4;
-							let t = Math.PI * 2 / 90, i = c + Math.cos(t * e) * 30, o = l + Math.sin(t * e) * 30, s = c + Math.cos(t * e) * (30 + n), u = l + Math.sin(t * e) * (30 + n);
-							S(r, i, o, s, u, 3);
+							let t = Math.PI * 2 / 90, i = c + Math.cos(t * e) * 30, o = ee + Math.sin(t * e) * 30, s = c + Math.cos(t * e) * (30 + n), l = ee + Math.sin(t * e) * (30 + n);
+							x(r, i, o, s, l, 3);
 						}
-						g.value || r.clearRect(0, 0, d.value.width, d.value.height);
+						h.value || r.clearRect(0, 0, u.value.width, u.value.height);
 					}
 				};
 				i();
 			} catch (e) {
-				w(), c.error(e);
+				C(), c.error(e);
 			}
 		}
-		function S(e, t, n, r, i, a) {
+		function x(e, t, n, r, i, a) {
 			let o = e.createLinearGradient(t, n, r, i);
 			o.addColorStop(0, "#5b040f"), o.addColorStop(.5, "#b50b21"), o.addColorStop(.9, "#df2a4c"), o.addColorStop(1, "#df6380"), e.lineWidth = a, e.strokeStyle = o, e.beginPath(), e.moveTo(t, n), e.lineTo(r, i), e.stroke(), e.closePath();
 		}
-		function w() {
-			f.value?.close(), f.value = void 0, p.value?.forEach((e) => e.stop()), p.value = void 0, g.value = !1, s("listening", !1);
+		function C() {
+			d.value?.close(), d.value = void 0, f.value?.forEach((e) => e.stop()), f.value = void 0, h.value = !1, s("listening", !1);
 		}
 		return t(() => {
-			w();
-		}), r({ isLoading: v }), (e, t) => {
-			let n = Pe, r = De;
-			return a(), _("div", yt, [x("span", bt, o(e.$t("components.dialog.message.intercom_info")), 1), x("div", xt, [E(r, {
+			C();
+		}), r({ isLoading: _ }), (e, t) => {
+			let n = Fe, r = Oe;
+			return a(), g("div", yt, [b("span", bt, o(e.$t("components.dialog.message.intercom_info")), 1), b("div", xt, [T(r, {
 				rounded: "",
 				class: "w-[60px] h-[60px] absolute z-1",
-				onClick: y
+				onClick: v
 			}, {
-				icon: h(() => [E(n, {
+				icon: m(() => [T(n, {
 					width: "100%",
 					height: "100%"
 				})]),
 				_: 1
-			}), x("canvas", {
+			}), b("canvas", {
 				ref_key: "canvasRef",
-				ref: d,
+				ref: u,
 				height: "300",
 				width: "300"
 			}, null, 512)])]);
 		};
 	}
-}), X = ["fill"], Ct = /* @__PURE__ */ w({
+}), X = ["fill"], Ct = /* @__PURE__ */ C({
 	__name: "CuiCameraGridIcon1",
 	props: { color: { default: "currentColor" } },
 	setup(e) {
 		let { color: t } = r(e);
-		return (e, n) => (a(), _("svg", {
+		return (e, n) => (a(), g("svg", {
 			xmlns: "http://www.w3.org/2000/svg",
 			viewBox: "0 0 970 550",
 			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, X));
+			fill: f(t)
+		}, [...n[0] ||= [b("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, X));
 	}
-}), Z = ["fill"], wt = /* @__PURE__ */ w({
+}), Z = ["fill"], wt = /* @__PURE__ */ C({
 	__name: "CuiCameraGridIcon10",
 	props: { color: { default: "currentColor" } },
 	setup(e) {
 		let { color: t } = r(e);
-		return (e, n) => (a(), _("svg", {
+		return (e, n) => (a(), g("svg", {
 			xmlns: "http://www.w3.org/2000/svg",
 			viewBox: "0 0 970 550",
 			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, Z));
+			fill: f(t)
+		}, [...n[0] ||= [b("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({
+}), Q = ["fill"], $ = /* @__PURE__ */ C({
 	__name: "CuiCameraGridIcon12",
 	props: { color: { default: "currentColor" } },
 	setup(e) {
 		let { color: t } = r(e);
-		return (e, n) => (a(), _("svg", {
+		return (e, n) => (a(), g("svg", {
 			xmlns: "http://www.w3.org/2000/svg",
 			viewBox: "0 0 970 550",
 			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));
+			fill: f(t)
+		}, [...n[0] ||= [b("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));
 	}
-}), Tt = ["fill"], Et = /* @__PURE__ */ w({
+}), Tt = ["fill"], Et = /* @__PURE__ */ C({
 	__name: "CuiCameraGridIcon13",
 	props: { color: { default: "currentColor" } },
 	setup(e) {
 		let { color: t } = r(e);
-		return (e, n) => (a(), _("svg", {
+		return (e, n) => (a(), g("svg", {
 			xmlns: "http://www.w3.org/2000/svg",
 			viewBox: "0 0 970 550",
 			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));
+			fill: f(t)
+		}, [...n[0] ||= [b("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));
 	}
-}), Dt = ["fill"], Ot = /* @__PURE__ */ w({
+}), Dt = ["fill"], Ot = /* @__PURE__ */ C({
 	__name: "CuiCameraGridIcon15",
 	props: { color: { default: "currentColor" } },
 	setup(e) {
 		let { color: t } = r(e);
-		return (e, n) => (a(), _("svg", {
+		return (e, n) => (a(), g("svg", {
 			xmlns: "http://www.w3.org/2000/svg",
 			viewBox: "0 0 970 550",
 			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-144V276H485v129.5H250.5Zm-8-129.5v129.5H9V276h233.5Zm570 90H961v82H812.5v-82Zm-160 0h152v82h-152v-82ZM961 276v82H812.5v-82H961Zm-308.5 0h152v82h-152v-82Zm0 180h152v85h-152v-85ZM961 541H812.5v-85H961v85Zm-316.5-93H493v-82h151.5v82Zm0-172v82H493v-82h151.5Zm0 180v85H493v-85h151.5ZM485 413.5V541H250.5V413.5H485Zm-242.5 0V541H9V413.5h233.5ZM961 9v259H493V9h468ZM9 9h476v259H9V9Z" }, null, -1)]], 8, Dt));
+			fill: f(t)
+		}, [...n[0] ||= [b("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-144V276H485v129.5H250.5Zm-8-129.5v129.5H9V276h233.5Zm570 90H961v82H812.5v-82Zm-160 0h152v82h-152v-82ZM961 276v82H812.5v-82H961Zm-308.5 0h152v82h-152v-82Zm0 180h152v85h-152v-85ZM961 541H812.5v-85H961v85Zm-316.5-93H493v-82h151.5v82Zm0-172v82H493v-82h151.5Zm0 180v85H493v-85h151.5ZM485 413.5V541H250.5V413.5H485Zm-242.5 0V541H9V413.5h233.5ZM961 9v259H493V9h468ZM9 9h476v259H9V9Z" }, null, -1)]], 8, Dt));
 	}
-}), kt = ["fill"], At = /* @__PURE__ */ w({
+}), kt = ["fill"], At = /* @__PURE__ */ C({
 	__name: "CuiCameraGridIcon16",
 	props: { color: { default: "currentColor" } },
 	setup(e) {
 		let { color: t } = r(e);
-		return (e, n) => (a(), _("svg", {
+		return (e, n) => (a(), g("svg", {
 			xmlns: "http://www.w3.org/2000/svg",
 			viewBox: "0 0 970 550",
 			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 8v121.5H732.5V9H961ZM724.5 9v121.5H493V9h231.5ZM493 268V138.5h231.5V268H493Zm0 137.5V276h231.5v129.5H493Zm468 0H732.5V276H961v129.5ZM493 541V413.5h231.5V541H493Zm468 0H732.5V413.5H961V541Zm0-273H732.5V138.5H961V268ZM485 9v121.5H250.5V9H485ZM250.5 138.5H485V268H250.5V138.5ZM242.5 9v121.5H9V9h233.5ZM9 138.5h233.5V268H9V138.5ZM250.5 276H485v129.5H250.5V276Zm0 137.5H485V541H250.5V413.5Zm-8-137.5v129.5H9V276h233.5ZM9 541V413.5h233.5V541H9Z" }, null, -1)]], 8, kt));
+			fill: f(t)
+		}, [...n[0] ||= [b("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 8v121.5H732.5V9H961ZM724.5 9v121.5H493V9h231.5ZM493 268V138.5h231.5V268H493Zm0 137.5V276h231.5v129.5H493Zm468 0H732.5V276H961v129.5ZM493 541V413.5h231.5V541H493Zm468 0H732.5V413.5H961V541Zm0-273H732.5V138.5H961V268ZM485 9v121.5H250.5V9H485ZM250.5 138.5H485V268H250.5V138.5ZM242.5 9v121.5H9V9h233.5ZM9 138.5h233.5V268H9V138.5ZM250.5 276H485v129.5H250.5V276Zm0 137.5H485V541H250.5V413.5Zm-8-137.5v129.5H9V276h233.5ZM9 541V413.5h233.5V541H9Z" }, null, -1)]], 8, kt));
 	}
-}), jt = ["fill"], Mt = /* @__PURE__ */ w({
+}), jt = ["fill"], Mt = /* @__PURE__ */ C({
 	__name: "CuiCameraGridIcon20",
 	props: { color: { default: "currentColor" } },
 	setup(e) {
 		let { color: t } = r(e);
-		return (e, n) => (a(), _("svg", {
+		return (e, n) => (a(), g("svg", {
 			xmlns: "http://www.w3.org/2000/svg",
 			viewBox: "0 0 970 550",
 			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 94v82H812.5V95H961Zm-156.5 82h-152V95h152v82ZM961 9v78H812.5V9H961ZM652.5 9h152v78h-152V9Zm0 176h152v83h-152v-83ZM961 268H812.5v-83H961v83Zm-308.5 8h152v82h-152v-82Zm160 0H961v82H812.5v-82Zm-168-181v82H493V95h151.5Zm0-86v78H493V9h151.5ZM493 268v-83h151.5v83H493Zm0 90v-82h151.5v82H493ZM9 9h476v259H9V9Zm952 357v82H812.5v-82H961Zm-156.5 0v82h-152v-82h152Zm-152 90h152v85h-152v-85ZM961 541H812.5v-85H961v85ZM644.5 366v82H493v-82h151.5ZM493 541v-85h151.5v85H493ZM9 276h476v265H9V276Z" }, null, -1)]], 8, jt));
+			fill: f(t)
+		}, [...n[0] ||= [b("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 94v82H812.5V95H961Zm-156.5 82h-152V95h152v82ZM961 9v78H812.5V9H961ZM652.5 9h152v78h-152V9Zm0 176h152v83h-152v-83ZM961 268H812.5v-83H961v83Zm-308.5 8h152v82h-152v-82Zm160 0H961v82H812.5v-82Zm-168-181v82H493V95h151.5Zm0-86v78H493V9h151.5ZM493 268v-83h151.5v83H493Zm0 90v-82h151.5v82H493ZM9 9h476v259H9V9Zm952 357v82H812.5v-82H961Zm-156.5 0v82h-152v-82h152Zm-152 90h152v85h-152v-85ZM961 541H812.5v-85H961v85ZM644.5 366v82H493v-82h151.5ZM493 541v-85h151.5v85H493ZM9 276h476v265H9V276Z" }, null, -1)]], 8, jt));
 	}
-}), Nt = ["fill"], Pt = /* @__PURE__ */ w({
+}), Nt = ["fill"], Pt = /* @__PURE__ */ C({
 	__name: "CuiCameraGridIcon26",
 	props: { color: { default: "currentColor" } },
 	setup(e) {
 		let { color: t } = r(e);
-		return (e, n) => (a(), _("svg", {
+		return (e, n) => (a(), g("svg", {
 			xmlns: "http://www.w3.org/2000/svg",
 			viewBox: "0 0 970 550",
 			role: "img",
 			"area-hidden": "true",
-			fill: p(t)
-		}, [...n[0] ||= [x("path", {
+			fill: f(t)
+		}, [...n[0] ||= [b("path", {
 			"fill-rule": "evenodd",
 			d: "M1.5 9A7.5 7.5 0 0 1 9 1.5h952a7.5 7.5 0 0 1 7.5 7.5v532a7.5 7.5 0 0 1-7.5 7.5H9a7.5 7.5 0 0 1-7.5-7.5V9Zm960 168V94h-153v83h153Zm-160 0h-153V94h153v83Zm7-90h153V9a.5.5 0 0 0-.5-.5H808.5V87Zm-7-78.5V87h-153V8.5h153Zm0 175.5v84.5h-153V184h153Zm7 84.5V184h153v84.5h-153Zm-167-91.5V94h-149v83h149Zm0-90V8.5h-149V87h149Zm-149 97h149v84.5h-149V184Zm0 91.5H719V402H492.5V275.5Zm0 133.5v132.5H719V409H492.5Zm233.5 0v132.5h235a.5.5 0 0 0 .5-.5V409H726Zm235.5-7V275.5H726V402h235.5Zm-476-270V8.5H252V132h233.5ZM245 139H8.5v129.5H245V139Zm0-7V8.5H9a.5.5 0 0 0-.5.5v123H245Zm240.5 136.5V139H252v129.5h233.5Zm-477 7h157v81H8.5v-81Zm164 81v-81h153v81h-153Zm153 7h-153v83h153v-83Zm7 83v-83h153v83h-153Zm-7 7h-153v88h153v-88Zm7 88v-88h153v88h-153Zm0-185v-81h153v81h-153Zm-324 7h157v83H8.5v-83Zm0 90h157v88H9a.5.5 0 0 1-.5-.5v-87.5Z"
 		}, null, -1)]], 8, Nt));
 	}
-}), Ft = ["fill"], It = /* @__PURE__ */ w({
+}), Ft = ["fill"], It = /* @__PURE__ */ C({
 	__name: "CuiCameraGridIcon4",
 	props: { color: { default: "currentColor" } },
 	setup(e) {
 		let { color: t } = r(e);
-		return (e, n) => (a(), _("svg", {
+		return (e, n) => (a(), g("svg", {
 			xmlns: "http://www.w3.org/2000/svg",
 			viewBox: "0 0 970 550",
 			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 8v259H493V9h468ZM493 541V276h468v265H493ZM485 9v259H9V9h476ZM9 541V276h476v265H9Z" }, null, -1)]], 8, Ft));
+			fill: f(t)
+		}, [...n[0] ||= [b("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 8v259H493V9h468ZM493 541V276h468v265H493ZM485 9v259H9V9h476ZM9 541V276h476v265H9Z" }, null, -1)]], 8, Ft));
 	}
-}), Lt = ["fill"], Rt = /* @__PURE__ */ w({
+}), Lt = ["fill"], Rt = /* @__PURE__ */ C({
 	__name: "CuiCameraGridIcon6",
 	props: { color: { default: "currentColor" } },
 	setup(e) {
 		let { color: t } = r(e);
-		return (e, n) => (a(), _("svg", {
+		return (e, n) => (a(), g("svg", {
 			xmlns: "http://www.w3.org/2000/svg",
 			viewBox: "0 0 970 550",
 			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-8H9Zm641.5 187.5H961v171H650.5v-171ZM961 9v171.5H650.5V9H961ZM642.5 9v350.5H9V9h633.5ZM9 541V367.5h315.5V541H9Zm323.5-173.5h310V541h-310V367.5Zm318 0H961V541H650.5V367.5Z" }, null, -1)]], 8, Lt));
+			fill: f(t)
+		}, [...n[0] ||= [b("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-8H9Zm641.5 187.5H961v171H650.5v-171ZM961 9v171.5H650.5V9H961ZM642.5 9v350.5H9V9h633.5ZM9 541V367.5h315.5V541H9Zm323.5-173.5h310V541h-310V367.5Zm318 0H961V541H650.5V367.5Z" }, null, -1)]], 8, Lt));
 	}
-}), zt = ["fill"], Bt = /* @__PURE__ */ w({
+}), zt = ["fill"], Bt = /* @__PURE__ */ C({
 	__name: "CuiCameraGridIcon7",
 	props: { color: { default: "currentColor" } },
 	setup(e) {
 		let { color: t } = r(e);
-		return (e, n) => (a(), _("svg", {
+		return (e, n) => (a(), g("svg", {
 			xmlns: "http://www.w3.org/2000/svg",
 			viewBox: "0 0 970 550",
 			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-8H9Zm725.5 275H961v130H734.5V276Zm0 265V414H961v127H734.5Zm-8-265v130H493V276h233.5ZM493 541V414h233.5v127H493ZM9 276h476v265H9V276ZM961 9v259H493V9h468ZM9 268V9h476v259H9Z" }, null, -1)]], 8, zt));
+			fill: f(t)
+		}, [...n[0] ||= [b("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-8H9Zm725.5 275H961v130H734.5V276Zm0 265V414H961v127H734.5Zm-8-265v130H493V276h233.5ZM493 541V414h233.5v127H493ZM9 276h476v265H9V276ZM961 9v259H493V9h468ZM9 268V9h476v259H9Z" }, null, -1)]], 8, zt));
 	}
-}), Vt = ["fill"], Ht = /* @__PURE__ */ w({
+}), Vt = ["fill"], Ht = /* @__PURE__ */ C({
 	__name: "CuiCameraGridIcon9",
 	props: { color: { default: "currentColor" } },
 	setup(e) {
 		let { color: t } = r(e);
-		return (e, n) => (a(), _("svg", {
+		return (e, n) => (a(), g("svg", {
 			xmlns: "http://www.w3.org/2000/svg",
 			viewBox: "0 0 970 550",
 			role: "img",
 			"area-hidden": "true",
-			fill: p(t)
-		}, [...n[0] ||= [x("path", { d: "M969.5 359v-.5h-.5V9a8 8 0 0 0-8-8H9a8 8 0 0 0-8 8v532a8 8 0 0 0 8 8h952a8 8 0 0 0 8-8V366.5h.5V359ZM961 187v171.5H651V187h310ZM651 541V366.5h310V541H651Zm-8-354v171.5H330V187h313ZM330 541V366.5h313V541H330Zm-8-354v171.5H9V187h313ZM9 541V366.5h313V541H9ZM961 9v170H651V9h310ZM643 9v170H330V9h313ZM322 9v170H9V9h313Z" }, null, -1)]], 8, Vt));
+			fill: f(t)
+		}, [...n[0] ||= [b("path", { d: "M969.5 359v-.5h-.5V9a8 8 0 0 0-8-8H9a8 8 0 0 0-8 8v532a8 8 0 0 0 8 8h952a8 8 0 0 0 8-8V366.5h.5V359ZM961 187v171.5H651V187h310ZM651 541V366.5h310V541H651Zm-8-354v171.5H330V187h313ZM330 541V366.5h313V541H330Zm-8-354v171.5H9V187h313ZM9 541V366.5h313V541H9ZM961 9v170H651V9h310ZM643 9v170H330V9h313ZM322 9v170H9V9h313Z" }, null, -1)]], 8, Vt));
 	}
 }), Ut = {
 	for: "name",
@@ -501,7 +502,7 @@ var vt = 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__*/ P(/* @__PURE__ */ C({
 	__name: "CamviewForm",
 	props: {
 		form: {},
@@ -509,8 +510,8 @@ var vt = u({
 		cameras: {},
 		views: {}
 	},
-	setup(t, { expose: u }) {
-		let v = new ie(), S = t, C = we(), w = I(), { t: D } = Ee(), te = n("dialogRefProps"), ne = be(), { user: ae } = Te(ne), { mutateAsync: oe, isPending: se } = v.createViewQuery(), { mutateAsync: ue, isPending: de } = v.patchViewQuery(), { form: A, type: fe, cameras: pe, views: me } = r(S), N = b("formRef"), he = T([
+	setup(t, { expose: l }) {
+		let _ = new ye(), x = t, S = we(), C = N(), { t: E } = Ee(), ne = n("dialogRefProps"), re = _e(), { user: ae } = Te(re), { mutateAsync: se, isPending: le } = _.createViewQuery(), { mutateAsync: de, isPending: fe } = _.patchViewQuery(), { form: A, type: pe, cameras: me, views: ge } = r(x), j = y("formRef"), ve = w([
 			1,
 			4,
 			6,
@@ -523,14 +524,14 @@ var vt = u({
 			16,
 			20,
 			26
-		]), _e = T(!0), ve = T(!0), P = T([]), ye = T(!!A.value), F = T(A.value ? ge(A.value) : {});
-		!ye.value && fe.value === "view" && (F.value.viewSize = he.value[0]);
-		let xe = m(() => !!(te.loading?.value || se.value || de.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);
-		}
+		]), be = w(!0), xe = w(!0), M = w([]), P = w(!!A.value), F = w(A.value ? he(A.value) : {});
+		!P.value && pe.value === "view" && (F.value.viewSize = ve.value[0]);
+		let Se = p(() => !!(ne.loading?.value || le.value || fe.value));
 		function Ce(e) {
+			let t = M.value.findIndex((t) => t.name === e.name);
+			t === -1 ? M.value.push(e) : M.value.splice(t, 1);
+		}
+		function De(e) {
 			switch (e) {
 				case 1: return Ct;
 				case 4: return It;
@@ -547,97 +548,97 @@ var vt = u({
 				default: return Ct;
 			}
 		}
-		async function De() {
-			if (!N.value || !ae.value) return;
-			let e = me.value.find((e) => e.name === F.value.name);
-			if (e && !ye.value) return C.error("View already exists", e), w.add({
+		async function Oe() {
+			if (!j.value || !ae.value) return;
+			let e = ge.value.find((e) => e.name === F.value.name);
+			if (e && !P.value) return S.error("View already exists", e), C.add({
 				severity: "error",
-				detail: D("components.toast.validation_failed"),
+				detail: E("components.toast.validation_failed"),
 				life: 3e3
 			}), null;
-			if (fe.value === "dnd") {
-				if (ve.value) return C.error("No cameras selected"), w.add({
+			if (pe.value === "dnd") {
+				if (xe.value) return S.error("No cameras selected"), C.add({
 					severity: "error",
-					detail: D("components.toast.validation_failed"),
+					detail: E("components.toast.validation_failed"),
 					life: 3e3
 				}), null;
-				let e = P.value.map((e, t) => ({
+				let e = M.value.map((e, t) => ({
 					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 ? ye.value ? await ue({
+				F.value.cameras = e, F.value.type = "dnd", F.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 ? P.value ? await de({
 					username: ae.value.username,
 					viewid: F.value._id,
 					viewData: F.value
-				}) : await oe({
+				}) : await se({
 					username: ae.value.username,
 					viewData: F.value
-				}) : (C.error("Validation failed", t), w.add({
+				}) : (S.error("Validation failed", t), C.add({
 					severity: "error",
-					detail: D("components.toast.validation_failed"),
+					detail: E("components.toast.validation_failed"),
 					life: 3e3
 				}), null);
 			}
 			{
-				if (_e.value) return C.error("No view selected"), w.add({
+				if (be.value) return S.error("No view selected"), C.add({
 					severity: "error",
-					detail: D("components.toast.validation_failed"),
+					detail: E("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 ? ge(F.value) : (C.error("Validation failed", e), w.add({
+				F.value.cameras = [], F.value.type = "view", j.value.setFieldValue("type", "view"), j.value.setFieldValue("cameras", []);
+				let e = await j.value.validate();
+				return e?.valid ? he(F.value) : (S.error("Validation failed", e), C.add({
 					severity: "error",
-					detail: D("components.toast.validation_failed"),
+					detail: E("components.toast.validation_failed"),
 					life: 3e3
 				}), null);
 			}
 		}
-		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 && (ve.value = !1);
+		return h(F, (e) => {
+			for (let [t, n] of Object.entries(e)) j.value?.setFieldValue(t, n);
+			e.viewSize && (be.value = !1), e.cameras?.length && (xe.value = !1);
 		}, {
 			deep: !0,
 			immediate: !0
-		}), g(P, (e) => {
-			ve.value = e.length === 0;
-		}, { deep: !0 }), ee(() => {
-			P.value = pe.value?.filter((e) => F.value?.cameras?.some((t) => t.cameraId === e._id)) || [];
-		}), u({
-			isLoading: xe,
-			onConfirm: De
+		}), h(M, (e) => {
+			xe.value = e.length === 0;
+		}, { deep: !0 }), te(() => {
+			M.value = me.value?.filter((e) => F.value?.cameras?.some((t) => t.cameraId === e._id)) || [];
+		}), l({
+			isLoading: Se,
+			onConfirm: Oe
 		}), (t, n) => {
-			let r = L, u = j, m = Oe, g = le, v = M;
-			return a(), d(p(ce), {
+			let r = I, l = O, p = ke, h = ie, _ = ue;
+			return a(), u(f(k), {
 				ref_key: "formRef",
-				ref: N,
+				ref: j,
 				class: "flex flex-col gap-6",
-				"validation-schema": p(re),
-				"initial-values": p(F)
+				"validation-schema": f(D),
+				"initial-values": f(F)
 			}, {
-				default: h(() => [
-					E(p(k), {
-						modelValue: p(F).name,
-						"onUpdate:modelValue": n[0] ||= (e) => p(F).name = e,
+				default: m(() => [
+					T(f(ce), {
+						modelValue: f(F).name,
+						"onUpdate:modelValue": n[0] ||= (e) => f(F).name = e,
 						modelModifiers: { trim: !0 },
 						name: "name",
 						as: "div",
 						class: "flex flex-col field-gap"
 					}, {
-						default: h(({ field: n, errors: i }) => [
-							x("label", Ut, o(t.$t("components.form.label.name")), 1),
-							E(u, null, {
-								default: h(() => [E(r, s(n, {
+						default: m(({ field: n, errors: i }) => [
+							b("label", Ut, o(t.$t("components.form.label.name")), 1),
+							T(l, null, {
+								default: m(() => [T(r, s(n, {
 									invalid: i.length > 0,
-									loading: p(xe),
+									loading: f(Se),
 									type: "text"
 								}), null, 16, ["invalid", "loading"])]),
 								_: 2
 							}, 1024),
-							E(e, { name: "fade" }, {
-								default: h(() => [E(p(O), {
+							T(e, { name: "fade" }, {
+								default: m(() => [T(f(oe), {
 									name: "name",
 									class: "cui-input-error"
 								})]),
@@ -646,35 +647,35 @@ var vt = u({
 						]),
 						_: 1
 					}, 8, ["modelValue"]),
-					E(m, { class: "m-0 py-3" }),
-					p(fe) === "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)]),
+					T(p, { class: "m-0 py-3" }),
+					f(pe) === "dnd" ? (a(), g("div", Wt, [T(e, { name: "fade" }, {
+						default: m(() => [f(xe) ? (a(), g("span", Gt, o(t.$t("components.form.error.no_cameras_selected")), 1)) : d("", !0)]),
 						_: 1
-					}), 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", {
+					}), b("div", Kt, [b("label", qt, o(t.$t("components.form.label.cameras")), 1), (a(!0), g(v, null, i(f(me), (e, t) => (a(), g("div", {
 						key: t,
 						class: "cui-list-item"
-					}, [E(v, {
+					}, [T(_, {
 						class: "h-14",
-						active: p(P).some((t) => t.name === e.name),
-						onClick: (t) => Se(e)
+						active: f(M).some((t) => t.name === e.name),
+						onClick: (t) => Ce(e)
 					}, {
-						append: h(() => [E(g, {
-							"model-value": p(P).some((t) => t.name === e.name),
-							"onUpdate:modelValue": (t) => Se(e)
+						append: m(() => [T(h, {
+							"model-value": f(M).some((t) => t.name === e.name),
+							"onUpdate:modelValue": (t) => Ce(e)
 						}, null, 8, ["model-value", "onUpdate:modelValue"])]),
-						default: h(() => [x("span", null, o(e.name), 1)]),
+						default: m(() => [b("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)]),
+					}, 1032, ["active", "onClick"])]))), 128))])])) : (a(), g("div", Jt, [T(e, { name: "fade" }, {
+						default: m(() => [f(be) ? (a(), g("span", Yt, o(t.$t("components.form.error.no_view_selected")), 1)) : d("", !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(he), (e) => (a(), _("div", {
+					}), b("div", Xt, [b("label", Zt, o(t.$t("components.form.label.views")), 1), b("div", Qt, [(a(!0), g(v, null, i(f(ve), (e) => (a(), g("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(Ce(e)), { style: {
+						onClick: (t) => f(F).viewSize = e
+					}, [b("div", { class: c(["view-select-item-icon w-full p-3", { "selected-view": f(F).viewSize === e }]) }, [(a(), u(ee(De(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), b("span", { class: c(["view-select-item-label text-muted mt-3 px-2 py-1 cui-rounded-corners", { "selected-view-label": f(F).viewSize === e }]) }, o(e) + " " + o(t.$t("views.camview.cameras")), 3)], 8, $t))), 128))])])]))
 				]),
 				_: 1
 			}, 8, ["validation-schema", "initial-values"]);
@@ -686,40 +687,40 @@ var vt = 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 = /*#__PURE__*/ P(/* @__PURE__ */ C({
 	__name: "Camview",
 	props: {
 		navbarWidth: { default: 0 },
 		navbarLeft: { default: 0 }
 	},
 	setup(t) {
-		let n = new ie(), i = new ye(), u = t, y = Ee(), { t: C } = y, w = Ce(), ee = F(), { bottombarHeight: re } = pe(), { smBreakpoint: O, lgBreakpoint: k, mdBreakpoint: ce } = ue(), le = be(), { user: A } = Te(le), j = he(), { uiSettings: M } = Te(j), { data: I, isLoading: we } = i.getCamerasQuery({
+		let n = new ye(), i = new le(), l = t, v = Ee(), { t: S } = v, C = j(), te = be(), { bottombarHeight: ie } = de(), { smBreakpoint: D, lgBreakpoint: O, mdBreakpoint: oe } = ae(), ce = _e(), { user: k } = Te(ce), ue = A(), { uiSettings: N } = Te(ue), { data: P, isLoading: we } = i.getCamerasQuery({
 			page: 1,
 			pageSize: -1
-		}), { data: L, isLoading: Pe } = n.getViewsQuery(A.value?.username ?? "", {
+		}), { data: I, isLoading: Fe } = n.getViewsQuery(k.value?.username ?? "", {
 			page: 1,
 			pageSize: -1
-		}), { 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), ot = T(!0), G = T("always-on"), K = T("low-resolution"), q = T("auto"), J = T([]), lt = T(), dt = T(null), ft = D({
+		}), { mutate: Re, isPending: ze } = n.removeViewQuery(), { mutateAsync: Ve, isPending: He } = n.createViewQuery(), { mutateAsync: We, isPending: Ge } = n.patchViewQuery(), { mutateAsync: qe } = n.patchViewQuerySilent(), { navbarWidth: Je, navbarLeft: Xe } = r(l), Ze = y("menuRef"), $e = y("newViewMenuRef"), et = y("cardFitMenuRef"), L = y("viewDndRef"), R = w({}), z = w(!1), B = w(!1), V = w(!1), H = w(!1), U = w(!1), at = w(!1), W = w(!0), G = w("always-on"), K = w("low-resolution"), q = w("auto"), J = w([]), lt = w(), dt = w(null), ft = E({
 			sourceRole: K.value,
 			activityMode: G.value,
 			streamingMode: q.value
-		}), Y = m(() => we.value || Pe.value || Re.value || Ve.value || We.value), mt = m(() => qe.value + Ye.value), gt = m(() => ({
-			locale: y.locale.value,
-			dayNames: w.config.locale?.dayNames,
-			dayNamesShort: w.config.locale?.dayNamesShort,
-			monthNames: w.config.locale?.monthNames,
-			monthNamesShort: w.config.locale?.monthNamesShort
-		})), _t = m(() => lt.value ?? Q.value?.cardFit ?? "aspect"), yt = m(() => [
+		}), Y = p(() => we.value || Fe.value || ze.value || He.value || Ge.value), mt = p(() => Je.value + Xe.value), gt = p(() => ({
+			locale: v.locale.value,
+			dayNames: C.config.locale?.dayNames,
+			dayNamesShort: C.config.locale?.dayNamesShort,
+			monthNames: C.config.locale?.monthNames,
+			monthNamesShort: C.config.locale?.monthNamesShort
+		})), _t = p(() => lt.value ?? Q.value?.cardFit ?? "aspect"), yt = p(() => [
 			"aspect",
 			"contain",
 			"fill",
 			"cover"
 		].map((e) => ({
-			label: C(`views.camview.card_fit_${e}`),
-			description: C(`views.camview.card_fit_${e}_info`),
+			label: S(`views.camview.card_fit_${e}`),
+			description: S(`views.camview.card_fit_${e}_info`),
 			active: _t.value === e,
 			onClick: () => Ut(e)
-		}))), bt = m(() => ({
+		}))), bt = p(() => ({
 			doubleClickZoom: !1,
 			flatCard: !0,
 			cardFit: _t.value,
@@ -727,83 +728,83 @@ var vt = u({
 			control: !0,
 			toolbar: !1,
 			expandableCard: (Q.value?.cameras?.length ?? 0) > 1,
-			detectionIndicatorOverlay: !H.value && Z.value,
-			detectionIconsOverlay: !H.value && Z.value,
+			detectionIndicatorOverlay: !V.value && Z.value,
+			detectionIconsOverlay: !V.value && Z.value,
 			boundingBoxOverlay: !1,
 			cardClickAction: "expand",
 			viewTransition: !0,
 			cardProps: { pt: { root: { style: "background: #000" } } }
-		})), xt = m(() => L.value?.result.length ? k.value ? {
-			width: W.value ? "calc(100% - 400px)" : "100%",
+		})), xt = p(() => I.value?.result.length ? O.value ? {
+			width: U.value ? "calc(100% - 400px)" : "100%",
 			height: "100%",
 			overflowY: "scroll"
 		} : {
 			height: "100%",
-			paddingBottom: W.value ? re.value > 0 ? "200px" : "192px" : "0px",
+			paddingBottom: U.value ? ie.value > 0 ? "200px" : "192px" : "0px",
 			overflowY: "scroll"
 		} : {
 			width: "100%",
 			height: "100%",
 			overflowY: "scroll"
-		}), X = m(() => B.value || V.value), Ct = m(() => !!R.value?.isFullscreen), Z = m(() => M.value.camview.detections !== !1), wt = m(() => [
+		}), X = p(() => z.value || B.value), Ct = p(() => !!L.value?.isFullscreen), Z = p(() => N.value.camview.detections !== !1), wt = p(() => [
 			{
-				label: Ct.value ? C("components.form.tooltip.fullscreen_off") : C("components.form.tooltip.fullscreen_on"),
-				icon: Ct.value ? xe : ne,
+				label: Ct.value ? S("components.form.tooltip.fullscreen_off") : S("components.form.tooltip.fullscreen_on"),
+				icon: Ct.value ? Se : ge,
 				command: Wt
 			},
 			{
-				label: ot.value ? C("components.form.tooltip.unmute") : C("components.form.tooltip.mute"),
-				icon: ot.value ? nt : tt,
+				label: W.value ? S("components.form.tooltip.unmute") : S("components.form.tooltip.mute"),
+				icon: W.value ? rt : nt,
 				command: Gt
 			},
 			{
-				label: C("components.form.tooltip.intercom"),
-				icon: ae,
+				label: S("components.form.tooltip.intercom"),
+				icon: ve,
 				command: () => Mt("intercom")
 			},
 			{
-				label: q.value === "auto" ? `${C("components.form.tooltip.mode")}: ${C("components.form.tooltip.streaming_mode_auto")}` : q.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: q.value === "auto" ? at : q.value === "webrtc" ? vt : Ze,
+				label: q.value === "auto" ? `${S("components.form.tooltip.mode")}: ${S("components.form.tooltip.streaming_mode_auto")}` : q.value === "webrtc" ? `${S("components.form.tooltip.mode")}: ${S("components.form.tooltip.streaming_mode_webrtc")}` : `${S("components.form.tooltip.mode")}: ${S("components.form.tooltip.streaming_mode_mse")}`,
+				icon: q.value === "auto" ? ot : q.value === "webrtc" ? vt : Qe,
 				command: () => Jt()
 			},
 			{
-				label: G.value === "always-on" ? C("components.form.tooltip.activity_mode_always_on") : G.value === "standby" ? C("components.form.tooltip.activity_mode_standby") : C("components.form.tooltip.activity_mode_activity"),
-				icon: G.value === "always-on" ? ct : G.value === "standby" ? rt : et,
+				label: G.value === "always-on" ? S("components.form.tooltip.activity_mode_always_on") : G.value === "standby" ? S("components.form.tooltip.activity_mode_standby") : S("components.form.tooltip.activity_mode_activity"),
+				icon: G.value === "always-on" ? ct : G.value === "standby" ? it : tt,
 				command: () => Kt()
 			},
 			{
-				label: K.value === "low-resolution" ? `${C("components.form.tooltip.resolution")}: ${C("components.form.tooltip.source_role_low")}` : K.value === "mid-resolution" ? `${C("components.form.tooltip.resolution")}: ${C("components.form.tooltip.source_role_mid")}` : `${C("components.form.tooltip.resolution")}: ${C("components.form.tooltip.source_role_high")}`,
+				label: K.value === "low-resolution" ? `${S("components.form.tooltip.resolution")}: ${S("components.form.tooltip.source_role_low")}` : K.value === "mid-resolution" ? `${S("components.form.tooltip.resolution")}: ${S("components.form.tooltip.source_role_mid")}` : `${S("components.form.tooltip.resolution")}: ${S("components.form.tooltip.source_role_high")}`,
 				icon: K.value === "low-resolution" ? pt : K.value === "mid-resolution" ? ht : ut,
 				command: () => qt()
 			},
 			{
-				label: `${C("components.form.tooltip.detections")}: ${Z.value ? C("components.form.tooltip.detections_on") : C("components.form.tooltip.detections_off")}`,
-				icon: Z.value ? ve : N,
-				command: () => M.value.camview.detections = !Z.value
+				label: `${S("components.form.tooltip.detections")}: ${Z.value ? S("components.form.tooltip.detections_on") : S("components.form.tooltip.detections_off")}`,
+				icon: Z.value ? De : pe,
+				command: () => N.value.camview.detections = !Z.value
 			}
-		]), Q = 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) ?? []), Tt = m(() => {
+		]), Q = p(() => {
+			let e = I.value?.result.find((e) => e._id === N.value.camview.viewid) || I.value?.result[0];
+			return e ? (R.value = e, N.value.camview.viewid = e._id) : R.value = {}, e;
+		}), $ = p(() => Q.value?.cameras?.map((e) => e.cameraId) ?? []), Tt = p(() => {
 			let e = dt.value;
 			return e && $.value.includes(e) ? [e] : $.value;
-		}), Et = m(() => {
+		}), Et = p(() => {
 			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 } = me($, {
+		}), { master: Dt } = xe($, {
 			sourceRole: "low",
 			activeIds: Tt
-		}), Ot = m(() => Dt.mode.value !== "idle" && Dt.currentTimestamp.value > 0 ? Math.floor(Dt.currentTimestamp.value / 1e3) : void 0), kt = m(() => X.value && z.value.viewSize > 0 ? z.value.viewSize : Q.value ? Q.value.viewSize : 1), At = m(() => {
+		}), Ot = p(() => Dt.mode.value !== "idle" && Dt.currentTimestamp.value > 0 ? Math.floor(Dt.currentTimestamp.value / 1e3) : void 0), kt = p(() => X.value && R.value.viewSize > 0 ? R.value.viewSize : Q.value ? Q.value.viewSize : 1), At = p(() => {
 			let e = [];
-			for (let t of L.value?.result || []) e.push({
+			for (let t of I.value?.result || []) e.push({
 				label: t.name,
 				active: t._id === Q.value?._id,
 				onClick: () => Nt(t)
 			});
 			return e;
-		}), jt = m(() => [{
-			label: C("views.camview.new_view"),
+		}), jt = p(() => [{
+			label: S("views.camview.new_view"),
 			icon: st,
 			onClick: () => Mt("newView")
 		}]);
@@ -811,32 +812,32 @@ var vt = u({
 			switch (e) {
 				case "newView":
 				case "editView": {
-					let t = e === "editView", n = C(t ? "components.dialog.title.edit_view" : "components.dialog.title.new_view");
-					t ? B.value = !0 : V.value = !0, ee.openComponentDialog(en, {
+					let t = e === "editView", n = S(t ? "components.dialog.title.edit_view" : "components.dialog.title.new_view");
+					t ? z.value = !0 : B.value = !0, te.openComponentDialog(en, {
 						data: {
 							title: n,
 							loading: Y,
-							confirmText: C("components.form.button.next"),
+							confirmText: S("components.form.button.next"),
 							contentProps: {
-								form: t ? z.value : void 0,
+								form: t ? R.value : void 0,
 								type: "view",
-								cameras: I.value?.result || [],
-								views: L.value?.result || []
+								cameras: P.value?.result || [],
+								views: I.value?.result || []
 							}
 						},
 						onConfirm: (e) => {
-							e && (z.value = e);
+							e && (R.value = e);
 						},
 						onCancel: () => {
-							V.value = !1;
+							B.value = !1;
 						}
 					});
 					break;
 				}
 				case "intercom":
-					ee.openComponentDialog(St, {
+					te.openComponentDialog(St, {
 						data: {
-							title: C("components.dialog.title.intercom"),
+							title: S("components.dialog.title.intercom"),
 							hideConfirmButton: !0,
 							loading: Y,
 							contentProps: {}
@@ -844,11 +845,11 @@ var vt = u({
 						events: { listening: Yt }
 					});
 					break;
-				case "removeView": ee.openTextDialog({
+				case "removeView": te.openTextDialog({
 					data: {
-						title: C("components.dialog.title.confirm"),
-						confirmText: C("components.form.button.remove"),
-						contentText: C("components.dialog.message.confirm_remove_layout"),
+						title: S("components.dialog.title.confirm"),
+						confirmText: S("components.form.button.remove"),
+						contentText: S("components.dialog.message.confirm_remove_layout"),
 						confirmButtonProps: { severity: "danger" }
 					},
 					onConfirm: Pt
@@ -856,18 +857,18 @@ var vt = u({
 			}
 		}
 		function Nt(e) {
-			M.value.camview.viewid = e._id;
+			N.value.camview.viewid = e._id;
 		}
 		function Pt() {
-			Q.value && A.value && Le({
-				username: A.value.username,
+			Q.value && k.value && Re({
+				username: k.value.username,
 				viewid: Q.value._id
 			}, { onSuccess: (e) => {
-				e.length ? M.value.camview.viewid = e[0]._id : M.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(z.value).length === 0) return;
+			if (!k.value || Object.keys(R.value).length === 0) return;
 			let e = J.value.filter((e) => e.lastDroppedCamera).map((e) => ({
 				cameraId: e.lastDroppedCamera._id,
 				index: e.index,
@@ -875,13 +876,13 @@ var vt = 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 ? Ht(await Ue({
-				username: A.value.username,
+			let t = he(R.value);
+			t.cameras = e, t._id ? Ht(await We({
+				username: k.value.username,
 				viewid: t._id,
 				viewData: t
-			})) : Ht(await Be({
-				username: A.value.username,
+			})) : Ht(await Ve({
+				username: k.value.username,
 				viewData: t
 			}));
 		}
@@ -892,11 +893,11 @@ var vt = u({
 			J.value = J.value.map((t) => (t.lastDroppedCamera?.name === e.name && (t.lastDroppedCamera = void 0), t));
 		}
 		function Rt(e) {
-			return `${O.value ? "mobile" : "desktop"}:${e}`;
+			return `${D.value ? "mobile" : "desktop"}:${e}`;
 		}
 		function zt(e) {
 			let t = Q.value?._id;
-			t && (M.value.camview.layouts || (M.value.camview.layouts = {}), M.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,
@@ -910,17 +911,17 @@ var vt = u({
 		}
 		function Vt(e) {
 			let t = dt.value;
-			t && e.cameraId && e.cameraId !== t && $.value.includes(e.cameraId) && R.value?.expandCameraById(e.cameraId);
+			t && e.cameraId && e.cameraId !== t && $.value.includes(e.cameraId) && L.value?.expandCameraById(e.cameraId);
 		}
 		function Ht(e) {
-			M.value.camview.viewid = e._id, V.value = !1, B.value = !1;
+			N.value.camview.viewid = e._id, B.value = !1, z.value = !1;
 		}
 		async function Ut(e) {
-			let t = Q.value, n = A.value?.username;
+			let t = Q.value, n = k.value?.username;
 			if (t && n && _t.value !== e) {
 				lt.value = e;
 				try {
-					await Ke({
+					await qe({
 						username: n,
 						viewid: t._id,
 						viewData: { cardFit: e }
@@ -931,272 +932,272 @@ var vt = u({
 			}
 		}
 		function Wt() {
-			R.value?.toggleFullscreen();
+			L.value?.toggleFullscreen();
 		}
 		function Gt() {
-			ot.value = !ot.value, R.value?.toggleAllPlayerMute(ot.value);
+			W.value = !W.value, L.value?.toggleAllPlayerMute(W.value);
 		}
 		function Kt(e) {
 			let t = G.value;
-			t = e || (t === "always-on" ? "standby" : t === "standby" ? "activity" : "always-on"), R.value?.toggleAllPlayerActivityMode(t), G.value = t;
+			t = e || (t === "always-on" ? "standby" : t === "standby" ? "activity" : "always-on"), L.value?.toggleAllPlayerActivityMode(t), G.value = t;
 		}
 		async function qt(e) {
 			let t = K.value;
-			t = e || (t === "low-resolution" ? "mid-resolution" : t === "mid-resolution" ? "high-resolution" : "low-resolution"), await R.value?.toggleAllPlayerSourceRole(t), K.value = t;
+			t = e || (t === "low-resolution" ? "mid-resolution" : t === "mid-resolution" ? "high-resolution" : "low-resolution"), await L.value?.toggleAllPlayerSourceRole(t), K.value = t;
 		}
 		async function Jt(e) {
 			let t = q.value;
 			t === "auto" && (t = "webrtc");
 			let n = e || (t === "mse" ? "webrtc" : "mse");
-			await R.value?.toggleAllPlayerStreamingMode(n), q.value = n;
+			await L.value?.toggleAllPlayerStreamingMode(n), q.value = n;
 		}
 		async function Yt(e) {
-			await R.value?.toggleAllPlayerMicrophone(e);
+			await L.value?.toggleAllPlayerMicrophone(e);
 		}
-		return g(U, (e) => {
-			e && (it.value = !0);
-		}), g(() => Q.value?._id, () => {
+		return h(H, (e) => {
+			e && (at.value = !0);
+		}), h(() => Q.value?._id, () => {
 			lt.value = void 0;
-		}), g([
+		}), h([
 			kt,
 			Q,
-			I,
+			P,
 			X,
-			M,
-			O
+			N,
+			D
 		], () => {
 			let e = Array.from({ length: kt.value }).map((e, t) => ({
 				accept: "camera",
 				index: t,
 				lastDroppedCamera: void 0
 			}));
-			if (!V.value) {
-				let t = Q.value?._id, n = t ? Rt(t) : void 0, r = n ? M.value.camview.layouts?.[n] : void 0, i = new Set(I.value?.result.map((e) => e._id) ?? []), a = !1;
+			if (!B.value) {
+				let t = Q.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 Q.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 && M.value.camview.layouts?.[n] && (M.value.camview.layouts[n] = M.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)));
 			}
 			J.value = e;
 		}, {
 			deep: !0,
 			immediate: !0
 		}), (t, n) => {
-			let r = Ie, i = Me, u = _e, m = Je, g = Ge, y = He, b = de, C = fe, w = Oe, T = Ae, D = ze, ee = Ne, ne = Fe, ie = Se, ae = P, le = De, ue = ke, A = oe, j = te;
-			return a(), _("div", tn, [
-				E(ne, {
-					"left-offset": p(mt),
+			let r = Le, i = Ne, l = M, p = Ye, h = Ke, v = Ue, y = re, S = F, C = ke, w = je, E = Be, te = Pe, ae = Ie, ce = Ce, le = me, k = Oe, ue = Ae, de = fe, A = ne;
+			return a(), g("div", tn, [
+				T(ae, {
+					"left-offset": f(mt),
 					animate: ""
 				}, {
-					left: h(() => [!p(V) && p(Q) ? (a(), d(r, {
+					left: m(() => [!f(B) && f(Q) ? (a(), u(r, {
 						key: 0,
 						type: "dropdown",
-						label: p(Q).name,
-						"menu-open": p(Xe)?.isOpen,
-						disabled: p(Y) || p(B),
-						onClick: n[0] ||= (e) => p(Xe)?.toggleMenu(e)
+						label: f(Q).name,
+						"menu-open": f(Ze)?.isOpen,
+						disabled: f(Y) || f(z),
+						onClick: n[0] ||= (e) => f(Ze)?.toggleMenu(e)
 					}, null, 8, [
 						"label",
 						"menu-open",
 						"disabled"
-					])) : p(V) && p(z).name ? (a(), d(r, {
+					])) : f(B) && f(R).name ? (a(), u(r, {
 						key: 1,
-						label: p(z).name,
-						disabled: p(Y)
-					}, null, 8, ["label", "disabled"])) : f("", !0)]),
-					right: h(() => [
-						!p(X) && p(Q) ? S((a(), d(r, {
+						label: f(R).name,
+						disabled: f(Y)
+					}, null, 8, ["label", "disabled"])) : d("", !0)]),
+					right: m(() => [
+						!f(X) && f(Q) ? x((a(), u(r, {
 							key: 0,
-							active: p(H),
-							onClick: n[1] ||= (e) => H.value = !p(H)
+							active: f(V),
+							onClick: n[1] ||= (e) => V.value = !f(V)
 						}, {
-							icon: h(() => [p(H) ? (a(), d(u, {
+							icon: m(() => [f(V) ? (a(), u(l, {
 								key: 1,
 								width: "100%",
 								height: "100%"
-							})) : (a(), d(i, {
+							})) : (a(), u(i, {
 								key: 0,
 								width: "100%",
 								height: "100%"
 							}))]),
 							_: 1
 						}, 8, ["active"])), [[
-							j,
-							{ value: p(H) ? t.$t("views.camview.rearrange_done") : t.$t("views.camview.rearrange") },
+							A,
+							{ value: f(V) ? t.$t("views.camview.rearrange_done") : t.$t("views.camview.rearrange") },
 							void 0,
 							{ bottom: !0 }
-						]]) : f("", !0),
-						!p(X) && p(Q) && p(H) && !p(O) ? S((a(), d(r, {
+						]]) : d("", !0),
+						!f(X) && f(Q) && f(V) && !f(D) ? x((a(), u(r, {
 							key: 1,
-							onClick: n[2] ||= (e) => p(R)?.fitAspectRatios()
+							onClick: n[2] ||= (e) => f(L)?.fitAspectRatios()
 						}, {
-							icon: h(() => [E(m, {
+							icon: m(() => [T(p, {
 								width: "100%",
 								height: "100%"
 							})]),
 							_: 1
 						})), [[
-							j,
+							A,
 							{ value: t.$t("views.camview.rearrange_fit_aspect") },
 							void 0,
 							{ bottom: !0 }
-						]]) : f("", !0),
-						!p(X) && p(Q) && p(H) && !p(O) ? S((a(), d(r, {
+						]]) : d("", !0),
+						!f(X) && f(Q) && f(V) && !f(D) ? x((a(), u(r, {
 							key: 2,
-							onClick: n[3] ||= (e) => p(R)?.compactGrid()
+							onClick: n[3] ||= (e) => f(L)?.compactGrid()
 						}, {
-							icon: h(() => [E(g, {
+							icon: m(() => [T(h, {
 								width: "100%",
 								height: "100%"
 							})]),
 							_: 1
 						})), [[
-							j,
+							A,
 							{ value: t.$t("views.camview.rearrange_auto") },
 							void 0,
 							{ bottom: !0 }
-						]]) : f("", !0),
-						!p(X) && p(Q) ? S((a(), d(r, {
+						]]) : d("", !0),
+						!f(X) && f(Q) ? x((a(), u(r, {
 							key: 3,
-							active: p(_t) !== "aspect",
-							"menu-open": p($e)?.isOpen,
-							onClick: n[4] ||= (e) => p($e)?.toggleMenu(e)
+							active: f(_t) !== "aspect",
+							"menu-open": f(et)?.isOpen,
+							onClick: n[4] ||= (e) => f(et)?.toggleMenu(e)
 						}, {
-							icon: h(() => [E(y, {
+							icon: m(() => [T(v, {
 								width: "100%",
 								height: "100%"
 							})]),
 							_: 1
 						}, 8, ["active", "menu-open"])), [[
-							j,
+							A,
 							{ value: t.$t("views.camview.card_fit") },
 							void 0,
 							{ bottom: !0 }
-						]]) : f("", !0),
-						!p(X) && p(Q) ? S((a(), d(r, {
+						]]) : d("", !0),
+						!f(X) && f(Q) ? x((a(), u(r, {
 							key: 4,
-							active: p(U),
-							onClick: n[5] ||= (e) => U.value = !p(U)
+							active: f(H),
+							onClick: n[5] ||= (e) => H.value = !f(H)
 						}, {
-							icon: h(() => [p(U) ? (a(), d(C, {
+							icon: m(() => [f(H) ? (a(), u(S, {
 								key: 1,
 								width: "100%",
 								height: "100%"
-							})) : (a(), d(b, {
+							})) : (a(), u(y, {
 								key: 0,
 								width: "100%",
 								height: "100%"
 							}))]),
 							_: 1
 						}, 8, ["active"])), [[
-							j,
-							{ value: p(U) ? t.$t("components.form.tooltip.hide_timeline") : t.$t("components.form.tooltip.show_timeline") },
+							A,
+							{ value: f(H) ? t.$t("components.form.tooltip.hide_timeline") : t.$t("components.form.tooltip.show_timeline") },
 							void 0,
 							{ bottom: !0 }
-						]]) : f("", !0),
-						!p(X) && p(Q) ? (a(), d(w, {
+						]]) : d("", !0),
+						!f(X) && f(Q) ? (a(), u(C, {
 							key: 5,
 							layout: "vertical"
-						})) : f("", !0),
-						!p(X) && p(Q) ? S((a(), d(r, {
+						})) : d("", !0),
+						!f(X) && f(Q) ? x((a(), u(r, {
 							key: 6,
-							disabled: p(H),
+							disabled: f(V),
 							onClick: n[6] ||= (e) => Mt("removeView")
 						}, {
-							icon: h(() => [E(T, {
+							icon: m(() => [T(w, {
 								width: "100%",
 								height: "100%"
 							})]),
 							_: 1
 						}, 8, ["disabled"])), [[
-							j,
+							A,
 							{ value: t.$t("components.form.tooltip.delete") },
 							void 0,
 							{ bottom: !0 }
-						]]) : f("", !0),
-						!p(B) && !p(V) && p(Q) ? S((a(), d(r, {
+						]]) : d("", !0),
+						!f(z) && !f(B) && f(Q) ? x((a(), u(r, {
 							key: 7,
-							disabled: p(H),
-							onClick: n[7] ||= (e) => B.value = !0
+							disabled: f(V),
+							onClick: n[7] ||= (e) => z.value = !0
 						}, {
-							icon: h(() => [E(D, {
+							icon: m(() => [T(E, {
 								width: "100%",
 								height: "100%"
 							})]),
 							_: 1
 						}, 8, ["disabled"])), [[
-							j,
+							A,
 							{ value: t.$t("components.form.tooltip.edit") },
 							void 0,
 							{ bottom: !0 }
-						]]) : f("", !0),
-						!p(B) && !p(V) ? S((a(), d(r, {
+						]]) : d("", !0),
+						!f(z) && !f(B) ? x((a(), u(r, {
 							key: 8,
-							disabled: p(H),
-							onClick: p(Qe)?.toggleMenu
+							disabled: f(V),
+							onClick: f($e)?.toggleMenu
 						}, {
-							icon: h(() => [E(ee, {
-								class: c(["transform transition-transform duration-300", { "rotate-45": p(Qe)?.isOpen }]),
+							icon: m(() => [T(te, {
+								class: c(["transform transition-transform duration-300", { "rotate-45": f($e)?.isOpen }]),
 								width: "100%",
 								height: "100%"
 							}, null, 8, ["class"])]),
 							_: 1
 						}, 8, ["disabled", "onClick"])), [[
-							j,
+							A,
 							{ value: t.$t("components.form.tooltip.new") },
 							void 0,
 							{ bottom: !0 }
-						]]) : f("", !0),
-						p(B) || p(V) ? (a(), d(r, {
+						]]) : d("", !0),
+						f(z) || f(B) ? (a(), u(r, {
 							key: 9,
 							label: t.$t("components.form.button.cancel"),
-							onClick: n[8] ||= (e) => p(B) ? B.value = !1 : V.value = !1
-						}, null, 8, ["label"])) : f("", !0),
-						p(B) || p(V) ? (a(), d(r, {
+							onClick: n[8] ||= (e) => f(z) ? z.value = !1 : B.value = !1
+						}, null, 8, ["label"])) : d("", !0),
+						f(z) || f(B) ? (a(), u(r, {
 							key: 10,
 							label: t.$t("components.form.button.save"),
-							disabled: p(J).every((e) => e.lastDroppedCamera === void 0),
+							disabled: f(J).every((e) => e.lastDroppedCamera === void 0),
 							primary: "",
 							onClick: Ft
-						}, null, 8, ["label", "disabled"])) : f("", !0)
+						}, null, 8, ["label", "disabled"])) : d("", !0)
 					]),
 					_: 1
 				}, 8, ["left-offset"]),
-				x("div", {
+				b("div", {
 					class: c(["w-full h-full flex relative", {
-						"flex-row": p(k),
-						"flex-col": !p(k)
+						"flex-row": f(O),
+						"flex-col": !f(O)
 					}]),
-					style: v({ paddingTop: `${p(55)}px` })
-				}, [x("div", {
+					style: _({ paddingTop: `${f(55)}px` })
+				}, [b("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": f(O) || !f(I)?.result.length,
+						"w-full items-start justify-start": !f(O) && f(I)?.result.length
 					}]),
-					style: v(p(xt))
-				}, [p(Y) ? (a(), _("div", nn, [(a(), d(ie, {
+					style: _(f(xt))
+				}, [f(Y) ? (a(), g("div", nn, [(a(), u(ce, {
 					key: 0,
 					class: "w-[30px] h-[30px] m-0",
 					"stroke-width": "5"
-				}))])) : !p(Q) && !p(V) ? (a(), _("div", rn, [x("div", an, [E(ae, { 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", {
+				}))])) : !f(Q) && !f(B) ? (a(), g("div", rn, [b("div", an, [T(le, { class: "w-12 h-12 text-muted" }), b("span", on, o(t.$t("views.camview.no_views_configured")), 1)])])) : f(Q) || f(B) ? (a(), g("div", {
 					key: 2,
-					class: c(["w-full h-full", { "p-2 pb-0": !p(O) }])
-				}, [(a(), d(je, {
+					class: c(["w-full h-full", { "p-2 pb-0": !f(D) }])
+				}, [(a(), u(Me, {
 					ref_key: "viewDndRef",
-					ref: R,
-					key: p(M).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(J),
-					"camera-card-props": p(bt),
-					"camera-card-models": p(ft),
+					ref: L,
+					key: f(N).camview.viewid + (f(B) ? "-new" : f(z) ? "-edit" : "-view"),
+					cameras: f(P)?.result || [],
+					"edit-mode": f(B) || f(z),
+					"rearrange-mode": f(V),
+					"view-size": f(B) ? f(R).viewSize : f(kt),
+					title: f(R).name,
+					cards: f(J),
+					"camera-card-props": f(bt),
+					"camera-card-models": f(ft),
 					onDrop: It,
 					onRemove: Lt,
 					onChangeViewSize: n[9] ||= (e) => Mt("editView"),
@@ -1211,37 +1212,37 @@ var vt = u({
 					"cards",
 					"camera-card-props",
 					"camera-card-models"
-				]))], 2)) : f("", !0)], 6), E(e, {
-					name: p(k) ? "slide-left" : "slide-up",
-					onBeforeEnter: n[10] ||= (e) => W.value = !0,
-					onAfterEnter: n[11] ||= (e) => it.value = !1,
-					onBeforeLeave: n[12] ||= (e) => W.value = !1
+				]))], 2)) : d("", !0)], 6), T(e, {
+					name: f(O) ? "slide-left" : "slide-up",
+					onBeforeEnter: n[10] ||= (e) => U.value = !0,
+					onAfterEnter: n[11] ||= (e) => at.value = !1,
+					onBeforeLeave: n[12] ||= (e) => U.value = !1
 				}, {
-					default: h(() => [p(U) ? (a(), d(p(se), {
+					default: m(() => [f(H) ? (a(), u(f(se), {
 						key: 0,
-						"camera-ids": p(Tt),
-						"event-camera-ids": p($),
-						"camera-names": p(Et),
-						"initial-timestamp": p(Ot),
+						"camera-ids": f(Tt),
+						"event-camera-ids": f($),
+						"camera-names": f(Et),
+						"initial-timestamp": f(Ot),
 						onEventSelect: Vt,
-						loading: p(it),
-						type: p(k) ? "vertical" : "horizontal",
+						loading: f(at),
+						type: f(O) ? "vertical" : "horizontal",
 						"dark-mode": "",
-						"md-breakpoint": p(ce),
+						"md-breakpoint": f(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": f(O),
+							"h-[200px] pt-2 px-2 pb-2 pb-safe-offset fixed right-safe-offset-0 z-10": !f(O),
+							"p-0! pt-2! border-color": f(D)
 						}]),
 						"card-class": {
 							"!shadow-xl": !0,
-							"!rounded-none border-l-0! border-r-0!": p(O)
+							"!rounded-none border-l-0! border-r-0!": f(D)
 						},
-						style: v(p(k) ? void 0 : {
-							left: `${p(mt)}px`,
-							bottom: `calc(${p(re)}px + var(--safe-area-inset-bottom))`
+						style: _(f(O) ? void 0 : {
+							left: `${f(mt)}px`,
+							bottom: `calc(${f(ie)}px + var(--safe-area-inset-bottom))`
 						}),
-						"locale-settings": p(gt)
+						"locale-settings": f(gt)
 					}, null, 8, [
 						"camera-ids",
 						"event-camera-ids",
@@ -1254,12 +1255,12 @@ var vt = u({
 						"card-class",
 						"style",
 						"locale-settings"
-					])) : f("", !0)]),
+					])) : d("", !0)]),
 					_: 1
 				}, 8, ["name"])], 6),
-				!p(X) && p(Q) ? (a(), d(ue, {
+				!f(X) && f(Q) ? (a(), u(ue, {
 					key: 0,
-					model: p(wt),
+					model: f(wt),
 					direction: "up",
 					"transition-delay": 80,
 					"tooltip-options": {
@@ -1268,23 +1269,23 @@ var vt = 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(re) > 0 ? "0.5rem" : "0px"})`,
-						right: p(k) ? `calc(${p(W) ? 400 : 0}px + 0.5rem)` : "0.5rem",
+					style: _({
+						bottom: f(O) ? "0" : `calc(${f(U) ? 192 : 0}px + ${f(ie) > 0 ? "0.5rem" : "0px"})`,
+						right: f(O) ? `calc(${f(U) ? 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(le, {
+					button: m(({ visible: e, toggleCallback: t }) => [T(k, {
 						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: "",
-						loading: p(Y),
+						loading: f(Y),
 						onClick: t
 					}, {
-						icon: h(() => [x("div", sn, [
-							x("div", { class: c(["bg-white absolute top-0.5 left-1/2 -translate-x-1/2 w-1.5 h-1.5 rounded-full transform transition-all duration-100 origin-center", { "w-4 h-[2px] rotate-45 top-1/2 -translate-y-1/2 rounded-none": e }]) }, null, 2),
-							x("div", { class: c(["bg-white absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 w-1.5 h-1.5 rounded-full transition-all duration-100", { "opacity-0 scale-0": e }]) }, null, 2),
-							x("div", { class: c(["bg-white absolute bottom-0.5 left-1/2 -translate-x-1/2 w-1.5 h-1.5 rounded-full transform transition-all duration-100 origin-center", { "w-4 h-[2px] -rotate-45 bottom-1/2 translate-y-1/2 rounded-none": e }]) }, null, 2)
+						icon: m(() => [b("div", sn, [
+							b("div", { class: c(["bg-white absolute top-0.5 left-1/2 -translate-x-1/2 w-1.5 h-1.5 rounded-full transform transition-all duration-100 origin-center", { "w-4 h-[2px] rotate-45 top-1/2 -translate-y-1/2 rounded-none": e }]) }, null, 2),
+							b("div", { class: c(["bg-white absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 w-1.5 h-1.5 rounded-full transition-all duration-100", { "opacity-0 scale-0": e }]) }, null, 2),
+							b("div", { class: c(["bg-white absolute bottom-0.5 left-1/2 -translate-x-1/2 w-1.5 h-1.5 rounded-full transform transition-all duration-100 origin-center", { "w-4 h-[2px] -rotate-45 bottom-1/2 translate-y-1/2 rounded-none": e }]) }, null, 2)
 						])]),
 						_: 2
 					}, 1032, [
@@ -1292,34 +1293,34 @@ var vt = u({
 						"loading",
 						"onClick"
 					])]),
-					item: h(({ item: e, toggleCallback: t }) => [S((a(), d(le, s({
-						loading: p(Y),
+					item: m(({ item: e, toggleCallback: t }) => [x((a(), u(k, s({
+						loading: f(Y),
 						severity: "secondary"
 					}, e.buttonProps, {
 						rounded: "",
 						onClick: t
 					}), {
-						icon: h(() => [(a(), d(l(e.icon)))]),
+						icon: m(() => [(a(), u(ee(e.icon)))]),
 						_: 2
-					}, 1040, ["loading", "onClick"])), [[j, { value: e.label }]])]),
+					}, 1040, ["loading", "onClick"])), [[A, { value: e.label }]])]),
 					_: 1
-				}, 8, ["model", "style"])) : f("", !0),
-				E(A, {
+				}, 8, ["model", "style"])) : d("", !0),
+				T(de, {
 					ref_key: "menuRef",
-					ref: Xe,
-					items: p(At),
+					ref: Ze,
+					items: f(At),
 					popover: { pt: { content: { class: "p-0! rounded-xl! overflow-hidden!" } } }
 				}, null, 8, ["items"]),
-				E(A, {
+				T(de, {
 					ref_key: "cardFitMenuRef",
-					ref: $e,
-					items: p(yt),
+					ref: et,
+					items: f(yt),
 					popover: { pt: { content: { class: "p-0! rounded-xl! overflow-hidden!" } } }
 				}, null, 8, ["items"]),
-				E(A, {
+				T(de, {
 					ref_key: "newViewMenuRef",
-					ref: Qe,
-					items: p(jt),
+					ref: $e,
+					items: f(jt),
 					popover: { pt: { content: { class: "p-0! rounded-xl! overflow-hidden!" } } }
 				}, null, 8, ["items"])
 			]);