@camera.ui/server 2.4.0 → 2.4.1

package/dist/interface/ha/Camview-DhjdhCR6.js

@@ -1,1368 +0,0 @@
-import { c as e } from "./ripple-CGl9oC16.js";
-import { B as t, D as n, G as r, H as i, J as a, Kt as o, M as s, N as c, Ot as l, St as u, Tt as ee, U as d, Xt as f, Y as p, Yt as m, bt as h, d as g, f as _, gt as te, jt as v, l as y, lt as b, ot as x, p as S, r as C, rt as w, u as T, ut as E, vt as D, x as O, y as k, z as ne } from "./runtime-core.esm-bundler-CrWKbcD2.js";
-import { $i as A, Ct as re, Ei as ie, Gn as ae, M as oe, Mn as se, Nn as ce, On as le, Pn as ue, Pr as j, Qt as de, Rt as fe, Si as M, Xi as pe, Zn as me, Zr as N, a as he, ar as ge, bt as _e, ci as P, ii as ve, ir as ye, jn as be, kn as xe, li as Se, ni as Ce, nr as we, vr as Te, wn as Ee, wt as De, x as Oe } from "./api-xWofDMK3.js";
-import { l as ke, n as F, r as Ae, t as I } from "./vee-validate-DWIY1QrX.js";
-import { r as je } from "./pinia-BBBIELZl.js";
-import { n as Me } from "./vue-i18n-DzDRu5NH.js";
-import { h as Ne } from "./eventLabels-DV0RmW3T.js";
-import { t as Pe } from "./CuiButton-CGAd8xvo.js";
-import { t as L } from "./inputtext-DfgvQQt_.js";
-import { t as Fe } from "./divider-DXM1KwGC.js";
-import { t as Ie } from "./speeddial-C70QgR0r.js";
-import { t as Le } from "./delete-Bn7AbDKs.js";
-import { t as Re } from "./cctv-B_Ka6Vwb.js";
-import { i as ze, r as Be, t as Ve } from "./cards-DZEFY6FW.js";
-import { t as He } from "./microphone-COC0hdJ5.js";
-import { n as Ue, t as We } from "./CuiTopNavbarItem-KI3ljdF5.js";
-//#region ~icons/mdi/pencil
-var R = {
-	viewBox: "0 0 24 24",
-	width: "1.2em",
-	height: "1.2em"
-};
-function Ge(e, t) {
-	return i(), S("svg", R, [...t[0] ||= [T("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 Ke = D({
-	name: "mdi-pencil",
-	render: Ge
-}), qe = {
-	viewBox: "0 0 24 24",
-	width: "1.2em",
-	height: "1.2em"
-};
-function Je(e, t) {
-	return i(), S("svg", qe, [...t[0] ||= [T("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 Ye = D({
-	name: "mdi-arrow-expand-all",
-	render: Je
-}), Xe = {
-	viewBox: "0 0 24 24",
-	width: "1.2em",
-	height: "1.2em"
-};
-function Ze(e, t) {
-	return i(), S("svg", Xe, [...t[0] ||= [T("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 Qe = D({
-	name: "mdi-auto-fix",
-	render: Ze
-}), $e = {
-	viewBox: "0 0 24 24",
-	width: "1.2em",
-	height: "1.2em"
-};
-function et(e, t) {
-	return i(), S("svg", $e, [...t[0] ||= [T("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 tt = D({
-	name: "mingcute-grid2-fill",
-	render: et
-}), nt = {
-	viewBox: "0 0 24 24",
-	width: "1.2em",
-	height: "1.2em"
-};
-function rt(e, t) {
-	return i(), S("svg", nt, [...t[0] ||= [T("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 it = D({
-	name: "cbi-iosfacetime",
-	render: rt
-}), at = {
-	viewBox: "0 0 24 24",
-	width: "1.2em",
-	height: "1.2em"
-};
-function ot(e, t) {
-	return i(), S("svg", at, [...t[0] ||= [T("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 st = D({
-	name: "fluent-pulse-24-filled",
-	render: ot
-}), ct = {
-	viewBox: "0 0 16 16",
-	width: "1.2em",
-	height: "1.2em"
-};
-function lt(e, t) {
-	return i(), S("svg", ct, [...t[0] ||= [T("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), T("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 ut = D({
-	name: "heroicons-speaker-wave-16-solid",
-	render: lt
-}), z = {
-	viewBox: "0 0 16 16",
-	width: "1.2em",
-	height: "1.2em"
-};
-function dt(e, t) {
-	return i(), S("svg", z, [...t[0] ||= [T("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 ft = D({
-	name: "heroicons-speaker-x-mark-16-solid",
-	render: dt
-}), B = {
-	viewBox: "0 0 48 48",
-	width: "1.2em",
-	height: "1.2em"
-};
-function V(e, t) {
-	return i(), S("svg", B, [...t[0] ||= [T("g", {
-		fill: "none",
-		stroke: "currentColor",
-		"stroke-linejoin": "round",
-		"stroke-width": "4"
-	}, [T("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"
-	}), T("path", {
-		"stroke-linecap": "round",
-		d: "M31.66 10H41l-10 8h10"
-	})], -1)]]);
-}
-var pt = D({
-	name: "icon-park-solid-sleep",
-	render: V
-}), H = {
-	viewBox: "0 0 24 24",
-	width: "1.2em",
-	height: "1.2em"
-};
-function U(e, t) {
-	return i(), S("svg", H, [...t[0] ||= [T("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 mt = D({
-	name: "material-symbols-motion-photos-auto-outline-rounded",
-	render: U
-}), W = {
-	viewBox: "0 0 24 24",
-	width: "1.2em",
-	height: "1.2em"
-};
-function ht(e, t) {
-	return i(), S("svg", W, [...t[0] ||= [T("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 gt = D({
-	name: "mdi-card-plus-outline",
-	render: ht
-}), _t = {
-	viewBox: "0 0 24 24",
-	width: "1.2em",
-	height: "1.2em"
-};
-function vt(e, t) {
-	return i(), S("svg", _t, [...t[0] ||= [T("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 yt = D({
-	name: "mdi-webcam",
-	render: vt
-}), G = {
-	viewBox: "0 0 24 24",
-	width: "1.2em",
-	height: "1.2em"
-};
-function K(e, t) {
-	return i(), S("svg", G, [...t[0] ||= [T("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 bt = D({
-	name: "mynaui-letter-h-square-solid",
-	render: K
-}), q = {
-	viewBox: "0 0 24 24",
-	width: "1.2em",
-	height: "1.2em"
-};
-function xt(e, t) {
-	return i(), S("svg", q, [...t[0] ||= [T("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 St = D({
-	name: "mynaui-letter-l-square-solid",
-	render: xt
-}), Ct = {
-	viewBox: "0 0 24 24",
-	width: "1.2em",
-	height: "1.2em"
-};
-function J(e, t) {
-	return i(), S("svg", Ct, [...t[0] ||= [T("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 wt = D({
-	name: "mynaui-letter-m-square-solid",
-	render: J
-}), Tt = {
-	viewBox: "0 0 24 24",
-	width: "1.2em",
-	height: "1.2em"
-};
-function Et(e, t) {
-	return i(), S("svg", Tt, [...t[0] ||= [T("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 Dt = D({
-	name: "simple-icons-webrtc",
-	render: Et
-}), Ot = { class: "flex flex-col gap-3" }, kt = { class: "text-wrap" }, At = { class: "w-full h-full flex items-center justify-center relative" }, jt = /* @__PURE__ */ O({
-	__name: "AudioVisualizer",
-	emits: ["listening"],
-	setup(e, { expose: r, emit: a }) {
-		let o = a, s = ke(), c = A(), l = n("dialogRefProps"), d = w("canvasRef"), p = ee(), m = ee(), h = u(!1), g = y(() => !!l.loading?.value);
-		async function _() {
-			if (h.value) v();
-			else try {
-				p.value && v();
-				let e;
-				try {
-					e = await navigator.mediaDevices.getUserMedia({ audio: !0 });
-				} catch (e) {
-					c.add({
-						severity: "warn",
-						detail: "Can not enable AudioVisualizer, see console.",
-						life: 3e3
-					}), s.warn("Can not enable AudioVisualizer", e);
-					return;
-				}
-				h.value = !0, o("listening", !0), p.value = new AudioContext();
-				let t = p.value.createAnalyser();
-				t.fftSize = 1024, m.value = e.getTracks(), p.value.createMediaStreamSource(e).connect(t);
-				let n, r = d.value?.getContext("2d"), i = () => {
-					if (d.value && r) {
-						let e = [], a = [];
-						r.clearRect(0, 0, d.value.width, d.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();
-						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);
-							te(r, i, o, s, u, 3);
-						}
-						h.value || r.clearRect(0, 0, d.value.width, d.value.height);
-					}
-				};
-				i();
-			} catch (e) {
-				v(), s.error(e);
-			}
-		}
-		function te(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 v() {
-			p.value?.close(), p.value = void 0, m.value?.forEach((e) => e.stop()), m.value = void 0, h.value = !1, o("listening", !1);
-		}
-		return t(() => {
-			v();
-		}), r({ isLoading: g }), (e, t) => {
-			let n = He, r = Pe;
-			return i(), S("div", Ot, [T("span", kt, f(e.$t("components.dialog.message.intercom_info")), 1), T("div", At, [k(r, {
-				rounded: "",
-				class: "w-[60px] h-[60px] absolute z-1",
-				onClick: _
-			}, {
-				icon: b(() => [k(n, {
-					width: "100%",
-					height: "100%"
-				})]),
-				_: 1
-			}), T("canvas", {
-				ref_key: "canvasRef",
-				ref: d,
-				height: "300",
-				width: "300"
-			}, null, 512)])]);
-		};
-	}
-}), Mt = ["fill"], Nt = /* @__PURE__ */ O({
-	__name: "CuiCameraGridIcon1",
-	props: { color: { default: "currentColor" } },
-	setup(e) {
-		let { color: t } = l(e);
-		return (e, n) => (i(), S("svg", {
-			xmlns: "http://www.w3.org/2000/svg",
-			viewBox: "0 0 970 550",
-			role: "img",
-			"area-hidden": "true",
-			fill: v(t)
-		}, [...n[0] ||= [T("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, Mt));
-	}
-}), Pt = ["fill"], Y = /* @__PURE__ */ O({
-	__name: "CuiCameraGridIcon10",
-	props: { color: { default: "currentColor" } },
-	setup(e) {
-		let { color: t } = l(e);
-		return (e, n) => (i(), S("svg", {
-			xmlns: "http://www.w3.org/2000/svg",
-			viewBox: "0 0 970 550",
-			role: "img",
-			"area-hidden": "true",
-			fill: v(t)
-		}, [...n[0] ||= [T("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, Pt));
-	}
-}), Ft = ["fill"], It = /* @__PURE__ */ O({
-	__name: "CuiCameraGridIcon12",
-	props: { color: { default: "currentColor" } },
-	setup(e) {
-		let { color: t } = l(e);
-		return (e, n) => (i(), S("svg", {
-			xmlns: "http://www.w3.org/2000/svg",
-			viewBox: "0 0 970 550",
-			role: "img",
-			"area-hidden": "true",
-			fill: v(t)
-		}, [...n[0] ||= [T("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, Ft));
-	}
-}), Lt = ["fill"], Rt = /* @__PURE__ */ O({
-	__name: "CuiCameraGridIcon13",
-	props: { color: { default: "currentColor" } },
-	setup(e) {
-		let { color: t } = l(e);
-		return (e, n) => (i(), S("svg", {
-			xmlns: "http://www.w3.org/2000/svg",
-			viewBox: "0 0 970 550",
-			role: "img",
-			"area-hidden": "true",
-			fill: v(t)
-		}, [...n[0] ||= [T("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, Lt));
-	}
-}), X = ["fill"], zt = /* @__PURE__ */ O({
-	__name: "CuiCameraGridIcon15",
-	props: { color: { default: "currentColor" } },
-	setup(e) {
-		let { color: t } = l(e);
-		return (e, n) => (i(), S("svg", {
-			xmlns: "http://www.w3.org/2000/svg",
-			viewBox: "0 0 970 550",
-			role: "img",
-			"area-hidden": "true",
-			fill: v(t)
-		}, [...n[0] ||= [T("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, X));
-	}
-}), Bt = ["fill"], Vt = /* @__PURE__ */ O({
-	__name: "CuiCameraGridIcon16",
-	props: { color: { default: "currentColor" } },
-	setup(e) {
-		let { color: t } = l(e);
-		return (e, n) => (i(), S("svg", {
-			xmlns: "http://www.w3.org/2000/svg",
-			viewBox: "0 0 970 550",
-			role: "img",
-			"area-hidden": "true",
-			fill: v(t)
-		}, [...n[0] ||= [T("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, Bt));
-	}
-}), Ht = ["fill"], Ut = /* @__PURE__ */ O({
-	__name: "CuiCameraGridIcon20",
-	props: { color: { default: "currentColor" } },
-	setup(e) {
-		let { color: t } = l(e);
-		return (e, n) => (i(), S("svg", {
-			xmlns: "http://www.w3.org/2000/svg",
-			viewBox: "0 0 970 550",
-			role: "img",
-			"area-hidden": "true",
-			fill: v(t)
-		}, [...n[0] ||= [T("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, Ht));
-	}
-}), Wt = ["fill"], Gt = /* @__PURE__ */ O({
-	__name: "CuiCameraGridIcon26",
-	props: { color: { default: "currentColor" } },
-	setup(e) {
-		let { color: t } = l(e);
-		return (e, n) => (i(), S("svg", {
-			xmlns: "http://www.w3.org/2000/svg",
-			viewBox: "0 0 970 550",
-			role: "img",
-			"area-hidden": "true",
-			fill: v(t)
-		}, [...n[0] ||= [T("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, Wt));
-	}
-}), Z = ["fill"], Kt = /* @__PURE__ */ O({
-	__name: "CuiCameraGridIcon4",
-	props: { color: { default: "currentColor" } },
-	setup(e) {
-		let { color: t } = l(e);
-		return (e, n) => (i(), S("svg", {
-			xmlns: "http://www.w3.org/2000/svg",
-			viewBox: "0 0 970 550",
-			role: "img",
-			"area-hidden": "true",
-			fill: v(t)
-		}, [...n[0] ||= [T("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, Z));
-	}
-}), Q = ["fill"], $ = /* @__PURE__ */ O({
-	__name: "CuiCameraGridIcon6",
-	props: { color: { default: "currentColor" } },
-	setup(e) {
-		let { color: t } = l(e);
-		return (e, n) => (i(), S("svg", {
-			xmlns: "http://www.w3.org/2000/svg",
-			viewBox: "0 0 970 550",
-			role: "img",
-			"area-hidden": "true",
-			fill: v(t)
-		}, [...n[0] ||= [T("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, Q));
-	}
-}), qt = ["fill"], Jt = /* @__PURE__ */ O({
-	__name: "CuiCameraGridIcon7",
-	props: { color: { default: "currentColor" } },
-	setup(e) {
-		let { color: t } = l(e);
-		return (e, n) => (i(), S("svg", {
-			xmlns: "http://www.w3.org/2000/svg",
-			viewBox: "0 0 970 550",
-			role: "img",
-			"area-hidden": "true",
-			fill: v(t)
-		}, [...n[0] ||= [T("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, qt));
-	}
-}), Yt = ["fill"], Xt = /* @__PURE__ */ O({
-	__name: "CuiCameraGridIcon9",
-	props: { color: { default: "currentColor" } },
-	setup(e) {
-		let { color: t } = l(e);
-		return (e, n) => (i(), S("svg", {
-			xmlns: "http://www.w3.org/2000/svg",
-			viewBox: "0 0 970 550",
-			role: "img",
-			"area-hidden": "true",
-			fill: v(t)
-		}, [...n[0] ||= [T("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, Yt));
-	}
-}), Zt = {
-	for: "name",
-	class: "cui-label"
-}, Qt = {
-	key: 0,
-	class: "flex flex-col gap-6 justify-center"
-}, $t = {
-	key: 0,
-	class: "text-red-500 text-center mb-5"
-}, en = { class: "md:max-h-[350px] overflow-y-auto" }, tn = { class: "block cui-label mb-3" }, nn = {
-	key: 1,
-	class: "flex flex-col gap-6 justify-center"
-}, rn = {
-	key: 0,
-	class: "text-red-500 text-center mb-5"
-}, an = { class: "md:max-h-[450px] overflow-y-auto" }, on = { class: "block cui-label mb-3" }, sn = { class: "view-select-container" }, cn = ["onClick"], ln = /*#__PURE__*/ ve(/* @__PURE__ */ O({
-	__name: "CamviewForm",
-	props: {
-		form: {},
-		type: {},
-		cameras: {},
-		views: {}
-	},
-	setup(t, { expose: a }) {
-		let c = new pe(), ee = t, d = ke(), m = A(), { t: h } = Me(), te = n("dialogRefProps"), E = Oe(), { user: D } = je(E), { mutateAsync: O, isPending: re } = c.createViewQuery(), { mutateAsync: ie, isPending: ae } = c.patchViewQuery(), { form: se, type: ce, cameras: le, views: ue } = l(ee), j = w("formRef"), de = u([
-			1,
-			4,
-			6,
-			7,
-			9,
-			10,
-			12,
-			13,
-			15,
-			16,
-			20,
-			26
-		]), M = u(!0), me = u(!0), N = u([]), _e = u(!!se.value), P = u(se.value ? he(se.value) : {});
-		!_e.value && ce.value === "view" && (P.value.viewSize = de.value[0]);
-		let ve = y(() => !!(te.loading?.value || re.value || ae.value));
-		function be(e) {
-			let t = N.value.findIndex((t) => t.name === e.name);
-			t === -1 ? N.value.push(e) : N.value.splice(t, 1);
-		}
-		function xe(e) {
-			switch (e) {
-				case 1: return Nt;
-				case 4: return Kt;
-				case 6: return $;
-				case 7: return Jt;
-				case 9: return Xt;
-				case 10: return Y;
-				case 12: return It;
-				case 13: return Rt;
-				case 15: return zt;
-				case 16: return Vt;
-				case 20: return Ut;
-				case 26: return Gt;
-				default: return Nt;
-			}
-		}
-		async function Se() {
-			if (!j.value || !D.value) return;
-			let e = ue.value.find((e) => e.name === P.value.name);
-			if (e && !_e.value) return d.error("View already exists", e), m.add({
-				severity: "error",
-				detail: h("components.toast.validation_failed"),
-				life: 3e3
-			}), null;
-			if (ce.value === "dnd") {
-				if (me.value) return d.error("No cameras selected"), m.add({
-					severity: "error",
-					detail: h("components.toast.validation_failed"),
-					life: 3e3
-				}), null;
-				let e = N.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 ? _e.value ? await ie({
-					username: D.value.username,
-					viewid: P.value._id,
-					viewData: P.value
-				}) : await O({
-					username: D.value.username,
-					viewData: P.value
-				}) : (d.error("Validation failed", t), m.add({
-					severity: "error",
-					detail: h("components.toast.validation_failed"),
-					life: 3e3
-				}), null);
-			}
-			{
-				if (M.value) return d.error("No view selected"), m.add({
-					severity: "error",
-					detail: h("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) : (d.error("Validation failed", e), m.add({
-					severity: "error",
-					detail: h("components.toast.validation_failed"),
-					life: 3e3
-				}), null);
-			}
-		}
-		return x(P, (e) => {
-			for (let [t, n] of Object.entries(e)) j.value?.setFieldValue(t, n);
-			e.viewSize && (M.value = !1), e.cameras?.length && (me.value = !1);
-		}, {
-			deep: !0,
-			immediate: !0
-		}), x(N, (e) => {
-			me.value = e.length === 0;
-		}, { deep: !0 }), ne(() => {
-			N.value = le.value?.filter((e) => P.value?.cameras?.some((t) => t.cameraId === e._id)) || [];
-		}), a({
-			isLoading: ve,
-			onConfirm: Se
-		}), (t, n) => {
-			let a = L, c = fe, l = Fe, u = ye, ee = ge;
-			return i(), g(v(Ae), {
-				ref_key: "formRef",
-				ref: j,
-				class: "flex flex-col gap-6",
-				"validation-schema": v(oe),
-				"initial-values": v(P)
-			}, {
-				default: b(() => [
-					k(v(F), {
-						modelValue: v(P).name,
-						"onUpdate:modelValue": n[0] ||= (e) => v(P).name = e,
-						modelModifiers: { trim: !0 },
-						name: "name",
-						as: "div",
-						class: "flex flex-col field-gap"
-					}, {
-						default: b(({ field: n, errors: r }) => [
-							T("label", Zt, f(t.$t("components.form.label.name")), 1),
-							k(c, null, {
-								default: b(() => [k(a, s(n, {
-									invalid: r.length > 0,
-									loading: v(ve),
-									type: "text"
-								}), null, 16, ["invalid", "loading"])]),
-								_: 2
-							}, 1024),
-							k(e, { name: "fade" }, {
-								default: b(() => [k(v(I), {
-									name: "name",
-									class: "cui-input-error"
-								})]),
-								_: 1
-							})
-						]),
-						_: 1
-					}, 8, ["modelValue"]),
-					k(l, { class: "m-0 py-3" }),
-					v(ce) === "dnd" ? (i(), S("div", Qt, [k(e, { name: "fade" }, {
-						default: b(() => [v(me) ? (i(), S("span", $t, f(t.$t("components.form.error.no_cameras_selected")), 1)) : _("", !0)]),
-						_: 1
-					}), T("div", en, [T("label", tn, f(t.$t("components.form.label.cameras")), 1), (i(!0), S(C, null, r(v(le), (e, t) => (i(), S("div", {
-						key: t,
-						class: "cui-list-item"
-					}, [k(ee, {
-						class: "h-14",
-						active: v(N).some((t) => t.name === e.name),
-						onClick: (t) => be(e)
-					}, {
-						append: b(() => [k(u, {
-							"model-value": v(N).some((t) => t.name === e.name),
-							"onUpdate:modelValue": (t) => be(e)
-						}, null, 8, ["model-value", "onUpdate:modelValue"])]),
-						default: b(() => [T("span", null, f(e.name), 1)]),
-						_: 2
-					}, 1032, ["active", "onClick"])]))), 128))])])) : (i(), S("div", nn, [k(e, { name: "fade" }, {
-						default: b(() => [v(M) ? (i(), S("span", rn, f(t.$t("components.form.error.no_view_selected")), 1)) : _("", !0)]),
-						_: 1
-					}), T("div", an, [T("label", on, f(t.$t("components.form.label.views")), 1), T("div", sn, [(i(!0), S(C, null, r(v(de), (e) => (i(), S("div", {
-						key: e,
-						class: "view-select-item w-full",
-						onClick: (t) => v(P).viewSize = e
-					}, [T("div", { class: o(["view-select-item-icon w-full p-3", { "selected-view": v(P).viewSize === e }]) }, [(i(), g(p(xe(e)), { style: {
-						width: "100%",
-						height: "100%"
-					} }))], 2), T("span", { class: o(["view-select-item-label text-muted mt-3 px-2 py-1 cui-rounded-corners", { "selected-view-label": v(P).viewSize === e }]) }, f(e) + " " + f(t.$t("views.camview.cameras")), 3)], 8, cn))), 128))])])]))
-				]),
-				_: 1
-			}, 8, ["validation-schema", "initial-values"]);
-		};
-	}
-}), [["__scopeId", "data-v-641aac54"]]), un = { class: "h-full w-full dark-mode relative" }, dn = {
-	key: 0,
-	class: "flex flex-col w-full h-full items-center justify-center"
-}, fn = {
-	key: 1,
-	class: "flex flex-col w-full h-full"
-}, pn = { class: "flex flex-1 min-h-0 flex-col items-center justify-center w-full gap-4" }, mn = { class: "text-muted text-sm" }, hn = { class: "relative w-6 h-6" }, gn = "calc(192px + var(--cui-bottom-gap))", _n = /*#__PURE__*/ ve(/* @__PURE__ */ O({
-	__name: "Camview",
-	props: {
-		navbarWidth: { default: 0 },
-		navbarLeft: { default: 0 }
-	},
-	setup(t) {
-		let n = new pe(), r = new ae(), ee = t, { t: C } = Me(), D = De(), O = me(), { bottombarHeight: ne } = Se(), { smBreakpoint: A, lgBreakpoint: oe, mdBreakpoint: fe, shortBreakpoint: ge } = P(), { openOnCamera: ve, openSimilarSearch: ye } = re(), ke = Oe(), { user: F } = je(ke), Ae = M(), { uiSettings: I } = je(Ae), { data: L, isLoading: He } = r.getCamerasQuery({
-			page: 1,
-			pageSize: -1
-		}), { data: R, isLoading: Ge } = n.getViewsQuery(F.value?.username ?? "", {
-			page: 1,
-			pageSize: -1
-		}), { mutate: qe, isPending: Je } = n.removeViewQuery(), { mutateAsync: Xe, isPending: Ze } = n.createViewQuery(), { mutateAsync: $e, isPending: et } = n.patchViewQuery(), { mutateAsync: nt } = n.patchViewQuerySilent(), { navbarWidth: rt, navbarLeft: at } = l(ee), ot = w("menuRef"), ct = w("newViewMenuRef"), lt = w("cardFitMenuRef"), z = w("viewDndRef"), dt = w("cuiTimelineRef"), B = u({}), V = u(!1), H = u(!1), U = u(!1), W = u(!1), ht = u(!1), _t = u(!1), vt = u(!0), G = u("low-resolution"), K = u("auto"), q = u([]), xt = u(), Ct = u(null), J = u(null), Tt = h({
-			sourceRole: G.value,
-			activityMode: I.value.camview.activityMode,
-			streamingMode: K.value
-		}), Et = y(() => He.value || Ge.value || Je.value || Ze.value || et.value), Ot = y(() => He.value && !L.value || Ge.value && !R.value || Je.value || Ze.value || et.value), kt = y(() => rt.value + at.value), At = y(() => xt.value ?? Q.value?.cardFit ?? "aspect"), Mt = y(() => [
-			"aspect",
-			"contain",
-			"fill",
-			"cover"
-		].map((e) => ({
-			label: C(`views.camview.card_fit_${e}`),
-			description: C(`views.camview.card_fit_${e}_info`),
-			active: At.value === e,
-			onClick: () => Cn(e)
-		}))), Nt = y(() => ({
-			doubleClickZoom: !1,
-			flatCard: !0,
-			cardFit: At.value,
-			cameraNameOverlay: !0,
-			control: !0,
-			toolbar: !1,
-			expandableCard: Qt.value > 1,
-			detectionIndicatorOverlay: !U.value && Gt.value,
-			detectionIconsOverlay: !U.value && Gt.value,
-			boundingBoxOverlay: !1,
-			cardClickAction: "expand",
-			viewTransition: !0,
-			fullscreenShortcuts: !0,
-			fullscreenTimeline: !0,
-			embeddedTimeline: !0,
-			cardProps: { pt: { root: { style: "background: #000" } } }
-		})), Pt = y(() => ne.value > 0 ? "4px" : "var(--cui-bottom-gap)"), Y = y(() => oe.value || ge.value && !A.value), Ft = y(() => oe.value ? 400 : 300), It = y(() => Y.value ? "var(--cui-bottom-gap)" : ht.value ? gn : ne.value > 0 ? "0.5rem" : "var(--cui-bottom-gap)"), Lt = y(() => ht.value ? Ft.value : 0), Rt = y(() => R.value?.result.length ? Y.value ? {
-			width: Lt.value ? `calc(100% - ${Lt.value}px)` : "100%",
-			height: "100%",
-			paddingBottom: Pt.value,
-			overflowY: "scroll"
-		} : {
-			height: "100%",
-			paddingBottom: ht.value ? gn : Pt.value,
-			overflowY: "scroll"
-		} : {
-			width: "100%",
-			height: "100%",
-			overflowY: "scroll"
-		}), X = y(() => V.value || H.value), zt = _e({
-			shown: () => W.value && !J.value && !X.value && !U.value,
-			pickable: () => !U.value,
-			searchable: () => (L.value?.result ?? []).some((e) => $.value.includes(e._id) && !!e.assignments?.object)
-		}), { segment: Bt, views: Vt, keys: Ht, count: Ut } = zt, Wt = y(() => !!z.value?.isFullscreen), Gt = y(() => I.value.camview.detections !== !1), Z = y(() => I.value.camview.activityMode), Kt = y(() => [
-			{
-				label: Wt.value ? C("components.form.tooltip.fullscreen_off") : C("components.form.tooltip.fullscreen_on"),
-				icon: Wt.value ? xe : le,
-				command: wn
-			},
-			{
-				label: vt.value ? C("components.form.tooltip.unmute") : C("components.form.tooltip.mute"),
-				icon: vt.value ? ft : ut,
-				command: Tn
-			},
-			{
-				label: C("components.form.tooltip.intercom"),
-				icon: Ee,
-				command: () => tn("intercom")
-			},
-			{
-				label: K.value === "auto" ? `${C("components.form.tooltip.mode")}: ${C("components.form.tooltip.streaming_mode_auto")}` : K.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: K.value === "auto" ? mt : K.value === "webrtc" ? Dt : it,
-				command: () => On()
-			},
-			{
-				label: `${C("components.form.label.activity_mode")}: ${Z.value ? Z.value === "always-on" ? C("components.form.tooltip.activity_mode_always_on") : Z.value === "standby" ? C("components.form.tooltip.activity_mode_standby") : C("components.form.tooltip.activity_mode_activity") : C("components.form.tooltip.activity_mode_per_camera")}`,
-				icon: Z.value ? Z.value === "always-on" ? yt : Z.value === "standby" ? pt : st : Re,
-				command: En
-			},
-			{
-				label: G.value === "low-resolution" ? `${C("components.form.tooltip.resolution")}: ${C("components.form.tooltip.source_role_low")}` : G.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")}`,
-				icon: G.value === "low-resolution" ? St : G.value === "mid-resolution" ? wt : bt,
-				command: () => Dn()
-			},
-			{
-				label: `${C("components.form.tooltip.detections")}: ${Gt.value ? C("components.form.tooltip.detections_on") : C("components.form.tooltip.detections_off")}`,
-				icon: Gt.value ? Ne : de,
-				command: () => I.value.camview.detections = !Gt.value
-			}
-		]), Q = y(() => {
-			let e = R.value?.result.find((e) => e._id === I.value.camview.viewid) || R.value?.result[0];
-			return e ? (B.value = e, I.value.camview.viewid = e._id) : B.value = {}, e;
-		}), $ = y(() => Q.value?.cameras?.map((e) => e.cameraId) ?? []), qt = y(() => {
-			let e = Ct.value;
-			return e && $.value.includes(e) ? [e] : $.value;
-		}), Jt = y(() => {
-			let e = J.value;
-			return e && $.value.includes(e) ? [e] : qt.value;
-		}), Yt = y(() => {
-			let e = {};
-			for (let t of L.value?.result ?? []) e[t._id] = t.name;
-			return e;
-		}), { master: Xt } = Te($, {
-			sourceRole: "low",
-			activeIds: Jt
-		}), Zt = y(() => Xt.mode.value !== "idle" && Xt.currentTimestamp.value > 0 ? Math.floor(Xt.currentTimestamp.value / 1e3) : void 0), Qt = y(() => X.value && B.value.viewSize > 0 ? B.value.viewSize : Q.value ? Q.value.viewSize : 1), $t = y(() => {
-			let e = [];
-			for (let t of R.value?.result || []) e.push({
-				label: t.name,
-				active: t._id === Q.value?._id,
-				onClick: () => nn(t)
-			});
-			return e;
-		}), en = y(() => [{
-			label: C("views.camview.new_view"),
-			icon: gt,
-			onClick: () => tn("newView")
-		}]);
-		d(ue, zt);
-		function tn(e) {
-			switch (e) {
-				case "newView":
-				case "editView": {
-					let t = e === "editView", n = C(t ? "components.dialog.title.edit_view" : "components.dialog.title.new_view");
-					t ? V.value = !0 : H.value = !0, O.openComponentDialog(ln, {
-						data: {
-							title: n,
-							loading: Et,
-							confirmText: C("components.form.button.next"),
-							contentProps: {
-								form: t ? B.value : void 0,
-								type: "view",
-								cameras: L.value?.result || [],
-								views: R.value?.result || []
-							}
-						},
-						onConfirm: (e) => {
-							e && (B.value = e);
-						},
-						onCancel: () => {
-							H.value = !1;
-						}
-					});
-					break;
-				}
-				case "intercom":
-					O.openComponentDialog(jt, {
-						data: {
-							title: C("components.dialog.title.intercom"),
-							hideConfirmButton: !0,
-							loading: Et,
-							contentProps: {}
-						},
-						events: { listening: kn }
-					});
-					break;
-				case "removeView": O.openTextDialog({
-					data: {
-						title: C("components.dialog.title.confirm"),
-						confirmText: C("components.form.button.remove"),
-						contentText: C("components.dialog.message.confirm_remove_layout"),
-						confirmButtonProps: { severity: "danger" }
-					},
-					onConfirm: rn
-				});
-			}
-		}
-		function nn(e) {
-			I.value.camview.viewid = e._id;
-		}
-		function rn() {
-			Q.value && F.value && qe({
-				username: F.value.username,
-				viewid: Q.value._id
-			}, { onSuccess: (e) => {
-				e.length ? I.value.camview.viewid = e[0]._id : I.value.camview.viewid = void 0;
-			} });
-		}
-		async function an() {
-			if (!F.value || Object.keys(B.value).length === 0) return;
-			let e = q.value.filter((e) => e.lastDroppedCamera).map((e) => ({
-				cameraId: e.lastDroppedCamera._id,
-				index: e.index,
-				colSpan: e.colSpan,
-				rowSpan: e.rowSpan
-			})).sort((e, t) => e.index - t.index);
-			if (!e.length) return;
-			let t = he(B.value);
-			t.cameras = e, t._id ? Sn(await $e({
-				username: F.value.username,
-				viewid: t._id,
-				viewData: t
-			})) : Sn(await Xe({
-				username: F.value.username,
-				viewData: t
-			}));
-		}
-		function on(e, t) {
-			q.value[e].lastDroppedCamera = t;
-		}
-		function sn(e) {
-			q.value = q.value.map((t) => (t.lastDroppedCamera?.name === e.name && (t.lastDroppedCamera = void 0), t));
-		}
-		function cn(e) {
-			return `${A.value ? "mobile" : "desktop"}:${e}`;
-		}
-		function _n(e) {
-			let t = Q.value?._id;
-			t && (I.value.camview.layouts || (I.value.camview.layouts = {}), I.value.camview.layouts[cn(t)] = e.map((e) => ({
-				index: e.index,
-				cameraId: e.cameraId,
-				x: e.x ?? 0,
-				y: e.y ?? 0,
-				w: e.colSpan ?? 1,
-				h: e.rowSpan ?? 1
-			})));
-		}
-		function vn(e, t) {
-			Ct.value = t ? e._id : null;
-		}
-		function yn(e, t) {
-			t ? J.value = e._id : J.value === e._id && (J.value = null);
-		}
-		function bn(e) {
-			let t = Ct.value;
-			t && e.cameraId && e.cameraId !== t && $.value.includes(e.cameraId) && z.value?.expandCameraById(e.cameraId);
-		}
-		async function xn({ event: e, camera: t, timestamp: n }, r) {
-			$.value.includes(e.cameraId) ? (zt.releaseAll(!1), await c(), dt.value?.scrollToEvent(n, e.cameraId)) : t && ve(t.name, n, r.request);
-		}
-		function Sn(e) {
-			I.value.camview.viewid = e._id, H.value = !1, V.value = !1;
-		}
-		async function Cn(e) {
-			let t = Q.value, n = F.value?.username;
-			if (t && n && At.value !== e) {
-				xt.value = e;
-				try {
-					await nt({
-						username: n,
-						viewid: t._id,
-						viewData: { cardFit: e }
-					});
-				} catch {
-					xt.value = void 0;
-				}
-			}
-		}
-		function wn() {
-			z.value?.toggleFullscreen();
-		}
-		function Tn() {
-			vt.value = !vt.value, z.value?.toggleAllPlayerMute(vt.value);
-		}
-		function En() {
-			let e = Z.value;
-			I.value.camview.activityMode = e ? e === "always-on" ? "standby" : e === "standby" ? "activity" : void 0 : "always-on";
-		}
-		async function Dn(e) {
-			let t = G.value;
-			t = e || (t === "low-resolution" ? "mid-resolution" : t === "mid-resolution" ? "high-resolution" : "low-resolution"), await z.value?.toggleAllPlayerSourceRole(t), G.value = t;
-		}
-		async function On(e) {
-			let t = K.value;
-			t === "auto" && (t = "webrtc");
-			let n = e || (t === "mse" ? "webrtc" : "mse");
-			await z.value?.toggleAllPlayerStreamingMode(n), K.value = n;
-		}
-		async function kn(e) {
-			await z.value?.toggleAllPlayerMicrophone(e);
-		}
-		return x(W, (e) => {
-			e && (_t.value = !0);
-		}), x(Z, (e) => Tt.activityMode = e), x([
-			X,
-			U,
-			() => Q.value?._id
-		], () => zt.releaseAll(!0)), x(Bt, (e) => {
-			e === "find" && (W.value = !0);
-		}), x(() => Q.value?._id, () => {
-			xt.value = void 0;
-		}), x([
-			Qt,
-			Q,
-			L,
-			X,
-			I,
-			A
-		], () => {
-			let e = Array.from({ length: Qt.value }).map((e, t) => ({
-				accept: "camera",
-				index: t,
-				lastDroppedCamera: void 0
-			}));
-			if (!H.value) {
-				let t = Q.value?._id, n = t ? cn(t) : void 0, r = n ? I.value.camview.layouts?.[n] : void 0, i = new Set(L.value?.result.map((e) => e._id) ?? []), a = !1;
-				for (let t of Q.value?.cameras || []) {
-					if (!e[t.index]) continue;
-					let n = L.value?.result.find((e) => e._id === t.cameraId);
-					e[t.index].lastDroppedCamera = n;
-					let o = r?.find((e) => e.index === t.index);
-					o && (!o.cameraId || i.has(o.cameraId) ? (e[t.index].x = o.x, e[t.index].y = o.y, e[t.index].colSpan = o.w, e[t.index].rowSpan = o.h) : a = !0);
-				}
-				a && n && I.value.camview.layouts?.[n] && (I.value.camview.layouts[n] = I.value.camview.layouts[n].filter((e) => !e.cameraId || i.has(e.cameraId)));
-			}
-			q.value = e;
-		}, {
-			deep: !0,
-			immediate: !0
-		}), (t, n) => {
-			let r = We, c = ze, l = N, u = tt, ee = Qe, d = Ye, h = be, y = se, x = Fe, C = Le, w = Ke, O = Be, ne = Ue, re = Ce, ae = ie, oe = ce, le = Pe, ue = Ie, de = we, M = a("tooltip");
-			return i(), S("div", un, [
-				k(ne, {
-					"left-offset": v(kt),
-					animate: ""
-				}, {
-					left: b(() => [!v(H) && v(Q) ? (i(), g(r, {
-						key: 0,
-						type: "dropdown",
-						label: v(Q).name,
-						"menu-open": v(ot)?.isOpen,
-						disabled: v(Et) || v(V),
-						onClick: n[0] ||= (e) => v(ot)?.toggleMenu(e)
-					}, null, 8, [
-						"label",
-						"menu-open",
-						"disabled"
-					])) : v(H) && v(B).name ? (i(), g(r, {
-						key: 1,
-						label: v(B).name,
-						disabled: v(Et)
-					}, null, 8, ["label", "disabled"])) : _("", !0)]),
-					right: b(() => [
-						!v(X) && v(Q) ? E((i(), g(r, {
-							key: 0,
-							active: v(U),
-							onClick: n[1] ||= (e) => U.value = !v(U)
-						}, {
-							icon: b(() => [v(U) ? (i(), g(l, {
-								key: 1,
-								width: "100%",
-								height: "100%"
-							})) : (i(), g(c, {
-								key: 0,
-								width: "100%",
-								height: "100%"
-							}))]),
-							_: 1
-						}, 8, ["active"])), [[
-							M,
-							{ value: v(U) ? t.$t("views.camview.rearrange_done") : t.$t("views.camview.rearrange") },
-							void 0,
-							{ bottom: !0 }
-						]]) : _("", !0),
-						!v(X) && v(Q) && v(U) && !v(A) ? E((i(), g(r, {
-							key: 1,
-							onClick: n[2] ||= (e) => v(z)?.fitAspectRatios()
-						}, {
-							icon: b(() => [k(u, {
-								width: "100%",
-								height: "100%"
-							})]),
-							_: 1
-						})), [[
-							M,
-							{ value: t.$t("views.camview.rearrange_fit_aspect") },
-							void 0,
-							{ bottom: !0 }
-						]]) : _("", !0),
-						!v(X) && v(Q) && v(U) && !v(A) ? E((i(), g(r, {
-							key: 2,
-							onClick: n[3] ||= (e) => v(z)?.compactGrid()
-						}, {
-							icon: b(() => [k(ee, {
-								width: "100%",
-								height: "100%"
-							})]),
-							_: 1
-						})), [[
-							M,
-							{ value: t.$t("views.camview.rearrange_auto") },
-							void 0,
-							{ bottom: !0 }
-						]]) : _("", !0),
-						!v(X) && v(Q) ? E((i(), g(r, {
-							key: 3,
-							active: v(At) !== "aspect",
-							"menu-open": v(lt)?.isOpen,
-							onClick: n[4] ||= (e) => v(lt)?.toggleMenu(e)
-						}, {
-							icon: b(() => [k(d, {
-								width: "100%",
-								height: "100%"
-							})]),
-							_: 1
-						}, 8, ["active", "menu-open"])), [[
-							M,
-							{ value: t.$t("views.camview.card_fit") },
-							void 0,
-							{ bottom: !0 }
-						]]) : _("", !0),
-						!v(X) && v(Q) ? E((i(), g(r, {
-							key: 4,
-							active: v(W),
-							onClick: n[5] ||= (e) => W.value = !v(W)
-						}, {
-							icon: b(() => [v(W) ? (i(), g(y, {
-								key: 1,
-								width: "100%",
-								height: "100%"
-							})) : (i(), g(h, {
-								key: 0,
-								width: "100%",
-								height: "100%"
-							}))]),
-							_: 1
-						}, 8, ["active"])), [[
-							M,
-							{ value: v(W) ? t.$t("components.form.tooltip.hide_timeline") : t.$t("components.form.tooltip.show_timeline") },
-							void 0,
-							{ bottom: !0 }
-						]]) : _("", !0),
-						!v(X) && v(Q) ? (i(), g(x, {
-							key: 5,
-							layout: "vertical"
-						})) : _("", !0),
-						!v(X) && v(Q) ? E((i(), g(r, {
-							key: 6,
-							disabled: v(U),
-							onClick: n[6] ||= (e) => tn("removeView")
-						}, {
-							icon: b(() => [k(C, {
-								width: "100%",
-								height: "100%"
-							})]),
-							_: 1
-						}, 8, ["disabled"])), [[
-							M,
-							{ value: t.$t("components.form.tooltip.delete") },
-							void 0,
-							{ bottom: !0 }
-						]]) : _("", !0),
-						!v(V) && !v(H) && v(Q) ? E((i(), g(r, {
-							key: 7,
-							disabled: v(U),
-							onClick: n[7] ||= (e) => V.value = !0
-						}, {
-							icon: b(() => [k(w, {
-								width: "100%",
-								height: "100%"
-							})]),
-							_: 1
-						}, 8, ["disabled"])), [[
-							M,
-							{ value: t.$t("components.form.tooltip.edit") },
-							void 0,
-							{ bottom: !0 }
-						]]) : _("", !0),
-						!v(V) && !v(H) ? E((i(), g(r, {
-							key: 8,
-							disabled: v(U),
-							onClick: v(ct)?.toggleMenu
-						}, {
-							icon: b(() => [k(O, {
-								class: o(["transform transition-transform duration-300", { "rotate-45": v(ct)?.isOpen }]),
-								width: "100%",
-								height: "100%"
-							}, null, 8, ["class"])]),
-							_: 1
-						}, 8, ["disabled", "onClick"])), [[
-							M,
-							{ value: t.$t("components.form.tooltip.new") },
-							void 0,
-							{ bottom: !0 }
-						]]) : _("", !0),
-						v(V) || v(H) ? (i(), g(r, {
-							key: 9,
-							label: t.$t("components.form.button.cancel"),
-							onClick: n[8] ||= (e) => v(V) ? V.value = !1 : H.value = !1
-						}, null, 8, ["label"])) : _("", !0),
-						v(V) || v(H) ? (i(), g(r, {
-							key: 10,
-							label: t.$t("components.form.button.save"),
-							disabled: v(q).every((e) => e.lastDroppedCamera === void 0),
-							primary: "",
-							onClick: an
-						}, null, 8, ["label", "disabled"])) : _("", !0)
-					]),
-					_: 1
-				}, 8, ["left-offset"]),
-				T("div", {
-					class: o(["w-full h-full flex relative", {
-						"flex-row": v(Y),
-						"flex-col": !v(Y)
-					}]),
-					style: m({ paddingTop: `${v(55)}px` })
-				}, [T("div", {
-					class: o(["flex relative z-1 camview-content-transition", {
-						"h-full items-center justify-center": v(Y) || !v(R)?.result.length,
-						"w-full items-start justify-start": !v(Y) && v(R)?.result.length
-					}]),
-					style: m(v(Rt))
-				}, [v(Ot) ? (i(), S("div", dn, [(i(), g(re, {
-					key: 0,
-					class: "w-[30px] h-[30px] m-0",
-					"stroke-width": "5"
-				}))])) : !v(Q) && !v(H) ? (i(), S("div", fn, [T("div", pn, [k(ae, { class: "w-12 h-12 text-muted" }), T("span", mn, f(t.$t("views.camview.no_views_configured")), 1)])])) : v(Q) || v(H) ? (i(), S("div", {
-					key: 2,
-					class: o(["w-full h-full", { "p-2 pb-0": !v(A) }])
-				}, [(i(), g(Ve, {
-					ref_key: "viewDndRef",
-					ref: z,
-					key: v(I).camview.viewid + (v(H) ? "-new" : v(V) ? "-edit" : "-view"),
-					cameras: v(L)?.result || [],
-					"edit-mode": v(H) || v(V),
-					"rearrange-mode": v(U),
-					"view-size": v(H) ? v(B).viewSize : v(Qt),
-					title: v(B).name,
-					cards: v(q),
-					"camera-card-props": v(Nt),
-					"camera-card-models": v(Tt),
-					onDrop: on,
-					onRemove: sn,
-					onChangeViewSize: n[9] ||= (e) => tn("editView"),
-					onExpand: vn,
-					onFullscreen: yn,
-					onRearrange: _n
-				}, null, 8, [
-					"cameras",
-					"edit-mode",
-					"rearrange-mode",
-					"view-size",
-					"title",
-					"cards",
-					"camera-card-props",
-					"camera-card-models"
-				]))], 2)) : _("", !0)], 6), k(e, {
-					name: v(Y) ? "slide-left" : "slide-up",
-					onBeforeEnter: n[11] ||= (e) => ht.value = !0,
-					onAfterEnter: n[12] ||= (e) => _t.value = !1,
-					onBeforeLeave: n[13] ||= (e) => ht.value = !1
-				}, {
-					default: b(() => [v(W) && !v(J) ? (i(), g(v(j), {
-						key: 0,
-						ref_key: "cuiTimelineRef",
-						ref: dt,
-						segment: v(Bt),
-						"onUpdate:segment": n[10] ||= (e) => te(Bt) ? Bt.value = e : null,
-						views: v(Vt),
-						"find-count": v(Ut),
-						"camera-ids": v(qt),
-						"event-camera-ids": v($),
-						"camera-names": v(Yt),
-						"initial-timestamp": v(Zt),
-						"only-events": v(Ht),
-						onEventSelect: bn,
-						loading: v(_t),
-						type: v(Y) ? "vertical" : "horizontal",
-						"dark-mode": "",
-						"md-breakpoint": v(fe) || v(ge),
-						class: o(["shrink-0 transition-[left] duration-200", {
-							"h-full pt-2 pr-2 pb-[var(--cui-bottom-gap)]": v(Y),
-							"h-[200px] pt-2 px-2 pb-2 pb-safe-offset fixed right-safe-offset-0 z-10": !v(Y),
-							"p-0! pt-2! border-color": v(A)
-						}]),
-						"card-class": {
-							"!shadow-xl": !0,
-							"!rounded-none border-l-0! border-r-0!": v(A)
-						},
-						style: m(v(Y) ? { width: `${v(Ft)}px` } : {
-							left: `calc(${v(kt)}px + var(--safe-area-inset-left))`,
-							bottom: "calc(var(--cui-bottom-bar) + var(--cui-bottom-gap) - 0.5rem)"
-						}),
-						"locale-settings": v(D)
-					}, {
-						find: b(({ layout: e }) => [k(oe, {
-							layout: e,
-							onOpen: xn,
-							onShowAll: v(ye)
-						}, null, 8, ["layout", "onShowAll"])]),
-						_: 1
-					}, 8, [
-						"segment",
-						"views",
-						"find-count",
-						"camera-ids",
-						"event-camera-ids",
-						"camera-names",
-						"initial-timestamp",
-						"only-events",
-						"loading",
-						"type",
-						"md-breakpoint",
-						"class",
-						"card-class",
-						"style",
-						"locale-settings"
-					])) : _("", !0)]),
-					_: 1
-				}, 8, ["name"])], 6),
-				!v(X) && v(Q) ? (i(), g(ue, {
-					key: 0,
-					model: v(Kt),
-					direction: "up",
-					"transition-delay": 80,
-					"tooltip-options": {
-						position: "left",
-						event: void 0
-					},
-					class: "absolute right-2 z-11 dark-mode",
-					pt: { root: { style: "pointer-events: none" } },
-					style: m({
-						bottom: v(It),
-						right: v(Y) ? `calc(${v(Lt)}px + 0.5rem)` : "0.5rem",
-						transition: "bottom 0.25s ease-out, right 0.25s ease-out"
-					})
-				}, {
-					button: b(({ visible: e, toggleCallback: t }) => [k(le, {
-						severity: "secondary",
-						class: o(["dark-mode opacity-40 hover:opacity-100 active:opacity-100 focus:opacity-100 transition pointer-events-auto", { "opacity-100": e }]),
-						rounded: "",
-						loading: v(Et),
-						onClick: t
-					}, {
-						icon: b(() => [T("div", hn, [
-							T("div", { class: o(["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),
-							T("div", { class: o(["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),
-							T("div", { class: o(["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, [
-						"class",
-						"loading",
-						"onClick"
-					])]),
-					item: b(({ item: e, toggleCallback: t }) => [E((i(), g(le, s({
-						loading: v(Et),
-						severity: "secondary"
-					}, e.buttonProps, {
-						rounded: "",
-						onClick: t
-					}), {
-						icon: b(() => [(i(), g(p(e.icon)))]),
-						_: 2
-					}, 1040, ["loading", "onClick"])), [[M, { value: e.label }]])]),
-					_: 1
-				}, 8, ["model", "style"])) : _("", !0),
-				k(de, {
-					ref_key: "menuRef",
-					ref: ot,
-					items: v($t),
-					popover: { pt: { content: { class: "p-0! rounded-xl! overflow-hidden!" } } }
-				}, null, 8, ["items"]),
-				k(de, {
-					ref_key: "cardFitMenuRef",
-					ref: lt,
-					items: v(Mt),
-					popover: { pt: { content: { class: "p-0! rounded-xl! overflow-hidden!" } } }
-				}, null, 8, ["items"]),
-				k(de, {
-					ref_key: "newViewMenuRef",
-					ref: ct,
-					items: v(en),
-					popover: { pt: { content: { class: "p-0! rounded-xl! overflow-hidden!" } } }
-				}, null, 8, ["items"])
-			]);
-		};
-	}
-}), [["__scopeId", "data-v-acf93143"]]);
-//#endregion
-export { _n as default };