@camera.ui/server 2.2.1 → 2.2.3

package/dist/interface/ha/{ungrouped-DkDSBlpG.js → ungrouped-BDwep3kg.js}

@@ -1,43 +1,26 @@
 import { Et as e, et as t, f as n, gt as r, i, m as a, rt as o } from "./ripple-B_itunQV.js";
 import { n as s } from "./virtualscroller-DuRtMnNf.js";
-import { D as c, G as l, H as u, Jt as d, K as f, M as p, N as m, Wt as h, Y as g, _t as _, d as v, f as y, gt as b, kt as x, l as S, lt as C, ot as w, p as T, q as E, qt as D, r as O, rt as k, u as A, ut as j, x as M, xt as N, y as P, z as ee } from "./runtime-core.esm-bundler-DCktklpY.js";
-import { t as te } from "./tooltip-X5MY9FoG.js";
-import { $ as F, Cr as ne, Dr as re, Fn as ie, Gn as I, Kn as ae, Or as L, Q as oe, Qn as se, Un as ce, Yn as le, Yr as ue, Z as de, _a as fe, at as pe, br as me, et as he, ft as ge, hr as _e, ir as ve, ki as ye, kr as be, mr as xe, o as Se, ot as Ce, qn as we, rr as Te, tr as Ee, tt as De, yr as Oe, yt as ke } from "./api-C0pVlzsW.js";
-import { _ as Ae, o as je } from "./intercomService-Dwd0bhSN.js";
-import { n as Me } from "./vue-i18n-BBObX4QY.js";
-import { M as Ne } from "./dist-aGnBxAoZ.js";
+import { D as c, G as l, H as u, Jt as d, K as f, M as p, N as m, Wt as h, Y as g, _t as _, d as v, f as y, gt as b, kt as x, l as S, lt as C, ot as ee, p as w, q as T, qt as E, r as D, rt as O, u as k, ut as A, x as j, xt as M, y as N, z as te } from "./runtime-core.esm-bundler-DCktklpY.js";
+import { t as ne } from "./tooltip-X5MY9FoG.js";
+import { $ as P, Bn as re, Br as ie, En as ae, Fn as oe, Mn as se, Nn as ce, Rn as F, Vn as le, ar as ue, br as de, ct as fe, dr as pe, er as me, et as he, ht as ge, it as _e, jn as ve, lt as ye, mr as be, nt as xe, o as Se, or as Ce, rt as we, sa as Te, tt as Ee, ur as De, vr as Oe, yi as ke, yr as I, zn as Ae } from "./api-BI6_Fcag.js";
+import { _ as je, o as Me } from "./intercomService-Dwd0bhSN.js";
+import { n as Ne } from "./vue-i18n-BBObX4QY.js";
 import { i as Pe } from "./alert-outline-BssBb-kV.js";
-import { t as Fe } from "./spinner-BSEdDTno.js";
-import { t as Ie } from "./button-DJDZxmKj.js";
-import { t as Le } from "./inputtext-vdcrNX6K.js";
-import { t as Re } from "./select-CaVzuLaS.js";
-import { t as ze } from "./ring-resize-11TaovpK.js";
-//#region ~icons/tabler/dots-vertical
-var R = {
+import { t as Fe } from "./eventIcons-DrjNuTS2.js";
+import { t as Ie } from "./spinner-BSEdDTno.js";
+import { t as Le } from "./button-DJDZxmKj.js";
+import { M as Re } from "./dist-BV3OfApt.js";
+import { t as ze } from "./inputtext-vdcrNX6K.js";
+import { t as Be } from "./select-CaVzuLaS.js";
+import { t as Ve } from "./ring-resize-11TaovpK.js";
+//#region ~icons/tabler/user-edit
+var L = {
 	viewBox: "0 0 24 24",
 	width: "1.2em",
 	height: "1.2em"
 };
-function Be(e, t) {
-	return u(), T("svg", R, [...t[0] ||= [A("path", {
-		fill: "none",
-		stroke: "currentColor",
-		"stroke-linecap": "round",
-		"stroke-linejoin": "round",
-		"stroke-width": "2",
-		d: "M11 12a1 1 0 1 0 2 0a1 1 0 1 0-2 0m0 7a1 1 0 1 0 2 0a1 1 0 1 0-2 0m0-14a1 1 0 1 0 2 0a1 1 0 1 0-2 0"
-	}, null, -1)]]);
-}
-var Ve = _({
-	name: "tabler-dots-vertical",
-	render: Be
-}), z = {
-	viewBox: "0 0 24 24",
-	width: "1.2em",
-	height: "1.2em"
-};
-function B(e, t) {
-	return u(), T("svg", z, [...t[0] ||= [A("path", {
+function He(e, t) {
+	return u(), w("svg", L, [...t[0] ||= [k("path", {
 		fill: "none",
 		stroke: "currentColor",
 		"stroke-linecap": "round",
@@ -46,23 +29,23 @@ function B(e, t) {
 		d: "M8 7a4 4 0 1 0 8 0a4 4 0 0 0-8 0M6 21v-2a4 4 0 0 1 4-4h3.5m4.92.61a2.1 2.1 0 0 1 2.97 2.97L18 22h-3v-3z"
 	}, null, -1)]]);
 }
-var He = _({
+var Ue = _({
 	name: "tabler-user-edit",
-	render: B
-}), V = { class: "flex flex-col gap-4 w-full" }, H = {
+	render: He
+}), R = { class: "flex flex-col gap-4 w-full" }, z = {
 	key: 0,
 	class: "flex justify-center"
-}, U = ["src", "alt"], W = { class: "flex flex-col gap-2 w-full" }, G = { class: "cui-label" }, Ue = { class: "flex flex-col gap-2 w-full" }, We = {
+}, B = ["src", "alt"], V = { class: "flex flex-col gap-2 w-full" }, H = { class: "cui-label" }, U = { class: "flex flex-col gap-2 w-full" }, W = {
 	for: "reassignTarget",
 	class: "cui-label"
-}, Ge = /* @__PURE__ */ M({
+}, We = /* @__PURE__ */ j({
 	__name: "FaceReassign",
 	props: {
 		cropUrl: {},
 		oldName: {}
 	},
 	setup(e, { expose: t }) {
-		let n = e, { t: r } = Me(), { plugin: i } = Ne("@camera.ui/camera-ui-nvr"), a = N(null), o = N([]), s = N(!0), c = S(() => n.oldName === "unknown" ? r("views.recordings.reassign_unknown_person") : n.oldName), l = S(() => {
+		let n = e, { t: r } = Ne(), { plugin: i } = Re("@camera.ui/camera-ui-nvr"), a = M(null), o = M([]), s = M(!0), c = S(() => n.oldName === "unknown" ? r("views.recordings.reassign_unknown_person") : n.oldName), l = S(() => {
 			let e = o.value.filter((e) => e !== n.oldName).map((e) => ({
 				label: e,
 				value: e
@@ -72,7 +55,7 @@ var He = _({
 				value: ""
 			}), e;
 		});
-		return ee(async () => {
+		return te(async () => {
 			try {
 				let e = await i.value?.listKnownFaces?.();
 				o.value = (e ?? []).map((e) => e.name);
@@ -80,20 +63,20 @@ var He = _({
 				s.value = !1;
 			}
 		}), t({ onConfirm: async () => a.value }), (e, t) => {
-			let r = Le, i = Re;
-			return u(), T("div", V, [
-				n.cropUrl ? (u(), T("div", H, [A("img", {
+			let r = ze, i = Be;
+			return u(), w("div", R, [
+				n.cropUrl ? (u(), w("div", z, [k("img", {
 					src: n.cropUrl,
 					alt: x(c),
 					class: "w-36 h-36 rounded-xl object-cover bg-neutral-900"
-				}, null, 8, U)])) : y("", !0),
-				A("div", W, [A("label", G, d(e.$t("views.recordings.reassign_current")), 1), P(r, {
+				}, null, 8, B)])) : y("", !0),
+				k("div", V, [k("label", H, d(e.$t("views.recordings.reassign_current")), 1), N(r, {
 					"model-value": x(c),
 					class: "w-full",
 					fluid: "",
 					disabled: ""
 				}, null, 8, ["model-value"])]),
-				A("div", Ue, [A("label", We, d(e.$t("views.recordings.reassign_new")), 1), P(i, {
+				k("div", U, [k("label", W, d(e.$t("views.recordings.reassign_new")), 1), N(i, {
 					id: "reassignTarget",
 					modelValue: x(a),
 					"onUpdate:modelValue": t[0] ||= (e) => b(a) ? a.value = e : null,
@@ -115,28 +98,28 @@ var He = _({
 			]);
 		};
 	}
-}), Ke = ["src"], qe = {
+}), Ge = ["src"], Ke = {
 	key: 2,
 	class: "w-full h-full flex items-center justify-center bg-neutral-800/80"
-}, Je = { class: "absolute top-0 left-0 right-0 p-2 bg-gradient-to-b from-black/80 to-transparent z-[3]" }, Ye = { class: "flex items-center gap-1.5" }, Xe = { class: "text-xs font-semibold text-white truncate min-w-0 flex-1" }, Ze = {
+}, qe = { class: "absolute top-0 left-0 right-0 p-2 bg-gradient-to-b from-black/80 to-transparent z-[3]" }, Je = { class: "flex items-center gap-1.5" }, Ye = { class: "text-xs font-semibold text-white truncate min-w-0 flex-1" }, Xe = {
 	key: 0,
 	class: "text-[10px] font-semibold text-white/80 bg-black/60 px-1.5 py-0.5 rounded-md shrink-0"
-}, Qe = { class: "text-[10px] text-white/70" }, $e = { class: "block text-[11px] text-white font-medium truncate bg-black/50 rounded-md px-2 py-0.5" }, et = { class: "flex items-center gap-1 min-w-0" }, tt = ["title"], nt = {
+}, Ze = { class: "text-[10px] text-white/70" }, Qe = { class: "block text-[11px] text-white font-medium truncate bg-black/50 rounded-md px-2 py-0.5" }, $e = { class: "flex items-center gap-1 min-w-0" }, et = ["title"], tt = {
 	key: 0,
 	class: "flex items-center gap-0.5 shrink-0 opacity-85 group-hover:opacity-100 transition-opacity duration-200"
-}, rt = ["onClick"], it = ["src", "alt"], at = {
+}, nt = ["onClick"], rt = ["src", "alt"], it = {
 	key: 0,
 	class: "text-[10px] text-white/60 font-medium"
-}, ot = {
+}, at = {
 	key: 6,
 	class: "absolute inset-0 z-[4] flex items-center justify-center pointer-events-none"
-}, st = {
+}, ot = {
 	key: 7,
 	class: "absolute bottom-10 left-1/2 -translate-x-1/2 z-[4] pointer-events-none"
-}, ct = {
+}, st = {
 	class: "text-[10px] font-semibold text-white bg-black/60 px-1.5 py-0.5 rounded-md whitespace-nowrap",
 	style: { "font-variant-numeric": "tabular-nums" }
-}, lt = 24, ut = 30, dt = 22, ft = 28, pt = 8, K = /*#__PURE__*/ L(/* @__PURE__ */ M({
+}, ct = 24, lt = 30, ut = 22, dt = 28, ft = 8, pt = /*#__PURE__*/ I(/* @__PURE__ */ j({
 	__name: "RecordingCard",
 	props: {
 		event: {},
@@ -156,7 +139,7 @@ var He = _({
 		"openTrace"
 	],
 	setup(e, { emit: t }) {
-		let r = e, i = t, o = je(), s = ye(), { t: f } = Me(), p = ue(), m = Ee("@camera.ui/camera-ui-nvr"), { plugin: _ } = Ne("@camera.ui/camera-ui-nvr"), b = ge(), { icons: E } = ke(), D = m.getCachedThumbnails(r.event.id), M = D ? I(D, r.event, "card", r.segIndex).url ? "loaded" : "empty" : "loading", L = c(ve, void 0), Fe = k("rootRef"), Le = k("previewCanvasRef"), Re = k("footerRef"), ze = k("cardMenuRef"), R = N(!1), Be = F(Fe, () => Bt(), () => $()), z = N(!1), B = N(D ?? null), V = N(M), H = N(!1), U = N(0), W = N(null), G = N(!1), { width: Ue } = Ae(Re), We = S(() => Oe(void 0, "admin")), K = S(() => W.value ?? r.event.favorite ?? !1), q = S(() => {
+		let r = e, i = t, o = Me(), s = ke(), { t: f } = Ne(), p = ie(), m = le("@camera.ui/camera-ui-nvr"), { plugin: _ } = Re("@camera.ui/camera-ui-nvr"), b = ge(), { icons: T } = Fe(), E = m.getCachedThumbnails(r.event.id), j = E ? F(E, r.event, "card", r.segIndex).url ? "loaded" : "empty" : "loading", I = c(ve, void 0), Ie = O("rootRef"), ze = O("previewCanvasRef"), Be = O("footerRef"), Ve = O("cardMenuRef"), L = M(!1), He = xe(Ie, () => Bt(), () => $()), R = M(!1), z = M(E ?? null), B = M(j), V = M(!1), H = M(0), U = M(null), W = M(!1), { width: pt } = je(Be), mt = S(() => De(void 0, "admin")), G = S(() => U.value ?? r.event.favorite ?? !1), K = S(() => {
 			if (r.semanticScore == null) return;
 			let e = Math.max(0, Math.min(1, r.semanticScore));
 			return {
@@ -164,23 +147,23 @@ var He = _({
 				label: `${(e * 100).toFixed(0)}%`,
 				color: e >= .5 ? "bg-green-500/80" : e >= .25 ? "bg-yellow-500/80" : "bg-red-400/80"
 			};
-		}), J = S(() => B.value ? I(B.value, r.event, "card", r.segIndex) : null), mt = S(() => {
-			let e = r.segIndex ?? J.value?.segIndex;
+		}), q = S(() => z.value ? F(z.value, r.event, "card", r.segIndex) : null), J = S(() => {
+			let e = r.segIndex ?? q.value?.segIndex;
 			return e === void 0 ? void 0 : r.event.segments?.[e];
-		}), ht = S(() => J.value?.url), gt = S(() => J.value?.label), _t = S(() => J.value?.type ?? r.event.types[0] ?? "motion"), Y = S(() => {
+		}), ht = S(() => q.value?.url), Y = S(() => q.value?.label), gt = S(() => q.value?.type ?? r.event.types[0] ?? "motion"), _t = S(() => {
 			if (r.hideSegmentBadge) return;
 			let e = r.event.segments?.length ?? 0;
 			return r.segIndex !== void 0 && e > 1 ? `${r.segIndex + 1}/${e}` : void 0;
 		}), X = S(() => {
-			let e = B.value, t = J.value?.url;
+			let e = z.value, t = q.value?.url;
 			if (!e || !t) return [];
 			let n = [{
 				url: t,
-				label: J.value?.label,
-				type: _t.value,
+				label: q.value?.label,
+				type: gt.value,
 				crop: !1
 			}];
-			for (let t of ae(e, r.segIndex)) {
+			for (let t of re(e, r.segIndex)) {
 				if (n.some((e) => e.url === t.url)) continue;
 				let e = t.key.split(":")[0];
 				n.push({
@@ -192,9 +175,9 @@ var He = _({
 				});
 			}
 			if (r.segIndex === void 0) for (let t of Object.keys(e.cards ?? e.strips ?? {}).sort((e, t) => Number(e) - Number(t))) {
-				let i = le(e.cards?.[t] ?? e.strips?.[t]);
+				let i = me(e.cards?.[t] ?? e.strips?.[t]);
 				if (!i || n.some((e) => e.url === i)) continue;
-				let a = De(r.event, t);
+				let a = _e(r.event, t);
 				n.push({
 					url: i,
 					label: a,
@@ -203,49 +186,49 @@ var He = _({
 				});
 			}
 			return n.length > 1 ? n : [];
-		}), vt = S(() => X.value.length > 1), yt = S(() => X.value.length ? Math.min(U.value, X.value.length - 1) : 0), Z = S(() => vt.value ? X.value[yt.value] : void 0), bt = S(() => !!Z.value?.crop), xt = S(() => Z.value?.url ?? ht.value), St = S(() => Z.value?.label ?? gt.value), Q = S(() => {
-			let e = mt.value;
+		}), vt = S(() => X.value.length > 1), yt = S(() => X.value.length ? Math.min(H.value, X.value.length - 1) : 0), Z = S(() => vt.value ? X.value[yt.value] : void 0), bt = S(() => !!Z.value?.crop), xt = S(() => Z.value?.url ?? ht.value), St = S(() => Z.value?.label ?? Y.value), Q = S(() => {
+			let e = J.value;
 			return (e ? se(r.event, e) : [...new Set(r.event.types)]).filter((e) => e !== "motion" && e !== "audio");
 		}), Ct = S(() => r.cameraName ?? r.event.cameraId), wt = S(() => X.value.map((e) => ({
 			url: e.url,
 			type: e.type
 		}))), Tt = S(() => Q.value.slice(0, Et.value.icons)), Et = S(() => {
-			let e = Ue.value;
+			let e = pt.value;
 			if (!e) return {
 				icons: 2,
 				tiles: 2
 			};
-			let t = e - pt;
-			r.selectionMode && (t -= ft);
-			let n = wt.value.length > 0 ? 52 : 0, i = It(Q.value.length, Math.max(0, t - n), lt), a = Q.value.length > 0 ? Math.max(1, i) : 0, o = a * lt + (a < Q.value.length ? dt : 0);
+			let t = e - ft;
+			r.selectionMode && (t -= dt);
+			let n = wt.value.length > 0 ? 52 : 0, i = It(Q.value.length, Math.max(0, t - n), ct), a = Q.value.length > 0 ? Math.max(1, i) : 0, o = a * ct + (a < Q.value.length ? ut : 0);
 			return {
 				icons: a,
-				tiles: It(wt.value.length, Math.max(0, t - o), ut)
+				tiles: It(wt.value.length, Math.max(0, t - o), lt)
 			};
 		}), Dt = S(() => Q.value.slice(Et.value.icons)), Ot = S(() => wt.value.slice(0, Et.value.tiles)), kt = S(() => wt.value.length - Et.value.tiles), At = S(() => {
-			let e = r.segIndex === void 0 ? void 0 : r.event.segments?.[r.segIndex]?.firstSeen, t = new Date(e ?? r.event.thumbnailAt ?? r.event.startTime), n = /* @__PURE__ */ new Date(), i = t.toDateString() === n.toDateString(), a = t.toLocaleTimeString([], {
+			let e = new Date(J.value?.firstSeen ?? r.event.thumbnailAt ?? r.event.startTime), t = /* @__PURE__ */ new Date(), n = e.toDateString() === t.toDateString(), i = e.toLocaleTimeString([], {
 				hour: "2-digit",
 				minute: "2-digit"
 			});
-			return i ? a : `${t.toLocaleDateString([], {
+			return n ? i : `${e.toLocaleDateString([], {
 				month: "short",
 				day: "numeric"
-			})} ${a}`;
-		}), jt = S(() => !!(_.value && r.event.endTime && r.event.hasRecording !== !1)), Mt = S(() => L ? R.value ? f("views.recordings.no_preview") : z.value ? L.status.value === "unavailable" ? f("views.recordings.no_preview") : L.status.value === "playing" && L.previewTimeMs.value ? zt(L.previewTimeMs.value) : "" : "" : ""), Nt = S(() => {
+			})} ${i}`;
+		}), jt = S(() => !!(_.value && r.event.endTime && r.event.hasRecording !== !1)), Mt = S(() => I ? L.value ? f("views.recordings.no_preview") : R.value ? I.status.value === "unavailable" ? f("views.recordings.no_preview") : I.status.value === "playing" && I.previewTimeMs.value ? zt(I.previewTimeMs.value) : "" : "" : ""), Nt = S(() => {
 			let e = Z.value;
 			if (e && e.type === "face") return e.label ? e.label : "unknown";
 		}), Pt = S(() => {
 			let e = [];
-			return We.value && Nt.value !== void 0 && e.push({
+			return mt.value && Nt.value !== void 0 && e.push({
 				key: "reassign",
 				label: f("views.recordings.reassign_face"),
-				icon: He,
-				loading: G.value,
+				icon: Ue,
+				loading: W.value,
 				onClick: () => Kt()
 			}), r.camera && e.push({
 				key: "trace",
 				label: f("views.recordings.open_trace"),
-				icon: pe,
+				icon: fe,
 				onClick: () => i("openTrace")
 			}), e.push({
 				key: "ask",
@@ -255,8 +238,8 @@ var He = _({
 			}), jt.value && e.push({
 				key: "download",
 				label: f("views.recordings.download"),
-				icon: Ce,
-				loading: H.value,
+				icon: ye,
+				loading: V.value,
 				onClick: () => Yt()
 			}), e;
 		});
@@ -272,63 +255,63 @@ var He = _({
 			});
 		}
 		function It(e, t, n) {
-			return e === 0 || t < n ? 0 : e * n <= t ? e : Math.max(0, Math.floor((t - dt) / n));
+			return e === 0 || t < n ? 0 : e * n <= t ? e : Math.max(0, Math.floor((t - ut) / n));
 		}
 		function Lt(e) {
 			let t = X.value.length;
-			t && ($(), U.value = (yt.value + e + t) % t);
+			t && ($(), H.value = (yt.value + e + t) % t);
 		}
 		function Rt(e, t) {
-			vt.value && (t.stopPropagation(), $(), U.value = e);
+			vt.value && (t.stopPropagation(), $(), H.value = e);
 		}
 		function $() {
-			R.value = !1, L && z.value && (z.value = !1, L.onHoverEnd());
+			L.value = !1, I && R.value && (R.value = !1, I.onHoverEnd());
 		}
 		function zt(e) {
 			let t = new Date(e);
 			return `${String(t.getHours()).padStart(2, "0")}:${String(t.getMinutes()).padStart(2, "0")}:${String(t.getSeconds()).padStart(2, "0")}`;
 		}
 		function Bt() {
-			if (!L || yt.value > 0) return;
-			let e = Le.value;
+			if (!I || yt.value > 0) return;
+			let e = ze.value;
 			if (!e) return;
-			let t = Te(r.event);
+			let t = ce(r.event);
 			if (r.event.hasRecording === !1 || !t) {
-				R.value = !0;
+				L.value = !0;
 				return;
 			}
-			z.value = !0, L.onHoverStart(e, r.event.cameraId, r.event.id, r.event.startTime, t, r.camera?.zones?.privacy, we(r.event));
+			R.value = !0, I.onHoverStart(e, r.event.cameraId, r.event.id, r.event.startTime, t, r.camera?.zones?.privacy, oe(r.event));
 		}
 		function Vt() {
-			Be.blocksMouseEnter() || Bt();
+			He.blocksMouseEnter() || Bt();
 		}
 		function Ht() {
-			R.value = !1, L && (z.value = !1, L.onHoverEnd());
+			L.value = !1, I && (R.value = !1, I.onHoverEnd());
 		}
 		async function Ut(e = 2) {
 			let t = await r.loadThumbnails(r.event.id, r.event.startTime);
 			if (t) {
-				B.value = t;
-				let e = I(t, r.event, "card");
-				V.value = e.url ? "loaded" : "empty";
+				z.value = t;
+				let e = F(t, r.event, "card");
+				B.value = e.url ? "loaded" : "empty";
 			} else if (e > 0) return await new Promise((e) => setTimeout(e, 500)), Ut(e - 1);
-			else V.value = r.event.state === "active" ? "loading" : "empty";
+			else B.value = r.event.state === "active" ? "loading" : "empty";
 		}
 		function Wt() {
-			if (!Be.consumesClick()) {
+			if (!He.consumesClick()) {
 				if (r.selectionMode) {
 					i("select");
 					return;
 				}
-				i("scrollToEvent", mt.value?.firstSeen ?? he(r.event));
+				i("scrollToEvent", J.value?.firstSeen ?? we(r.event));
 			}
 		}
 		function Gt(e) {
-			$(), ze.value?.toggleMenu(e);
+			$(), Ve.value?.toggleMenu(e);
 		}
 		function Kt() {
 			let e = Nt.value;
-			e !== void 0 && b.openComponentDialog(Ge, {
+			e !== void 0 && b.openComponentDialog(We, {
 				data: {
 					title: f("views.recordings.reassign_face"),
 					confirmText: f("components.form.button.save"),
@@ -342,12 +325,12 @@ var He = _({
 		}
 		async function qt(e) {
 			let t = Nt.value;
-			if (t === void 0 || G.value) return;
+			if (t === void 0 || W.value) return;
 			let n = Z.value?.faceSeg ?? -1, i = _.value;
 			if (i?.reassignEventFace) {
-				G.value = !0;
+				W.value = !0;
 				try {
-					await i.reassignEventFace(r.event.id, n, t, e) > 0 && ce(r.event.id), s.add({
+					await i.reassignEventFace(r.event.id, n, t, e) > 0 && Ae(r.event.id), s.add({
 						severity: "success",
 						detail: f("views.recordings.reassign_done"),
 						life: 3e3
@@ -359,17 +342,17 @@ var He = _({
 						life: 5e3
 					});
 				} finally {
-					G.value = !1;
+					W.value = !1;
 				}
 			}
 		}
 		async function Jt() {
-			let e = !K.value;
-			W.value = e;
+			let e = !G.value;
+			U.value = e;
 			try {
 				await m.setEventFavorite(r.event.id, e);
 			} catch (e) {
-				W.value = null, s.add({
+				U.value = null, s.add({
 					severity: "error",
 					detail: Se(e),
 					life: 5e3
@@ -377,13 +360,13 @@ var He = _({
 			}
 		}
 		async function Yt() {
-			if (H.value) return;
+			if (V.value) return;
 			let e = _.value;
 			if (e?.nvrExport && r.event.endTime) {
-				H.value = !0;
+				V.value = !0;
 				try {
 					let t = await e.nvrExport(r.event.cameraId, r.event.startTime * 1e3, r.event.endTime * 1e3);
-					await ne({
+					await be({
 						url: t.url,
 						filename: t.filename
 					});
@@ -395,43 +378,43 @@ var He = _({
 						life: 5e3
 					});
 				} finally {
-					H.value = !1;
+					V.value = !1;
 				}
 			}
 		}
-		return w(() => m.storeVersion.value, () => {
+		return ee(() => m.storeVersion.value, () => {
 			let e = m.getCachedThumbnails(r.event.id);
 			if (!e) {
-				B.value && Ut();
+				z.value && Ut();
 				return;
 			}
-			B.value = e, I(e, r.event, "card").url && (V.value = "loaded");
-		}), ee(() => {
-			M === "loading" && Ut();
+			z.value = e, F(e, r.event, "card").url && (B.value = "loaded");
+		}), te(() => {
+			j === "loading" && Ut();
 		}), (t, r) => {
-			let i = fe, o = re, s = de, c = oe, f = Ie, p = Ve, m = xe, _ = _e, b = me, S = be, w = te;
-			return u(), T("div", {
+			let i = Te, o = Oe, s = P, c = he, f = Le, p = Ee, m = ue, _ = Ce, b = pe, S = de, ee = ne;
+			return u(), w("div", {
 				ref_key: "rootRef",
-				ref: Fe,
+				ref: Ie,
 				class: "recording-card relative group cursor-pointer",
 				onClick: Wt,
 				onMouseenter: Vt,
 				onMouseleave: Ht
-			}, [A("div", {
+			}, [k("div", {
 				class: h(["bg-neutral-900 w-full rounded-xl overflow-hidden relative transition-shadow duration-200", { "ring-2 ring-inset ring-primary/70": e.siblingActive }]),
 				style: { "aspect-ratio": "1/1" }
 			}, [
-				x(V) === "loading" ? (u(), v(i, {
+				x(B) === "loading" ? (u(), v(i, {
 					key: 0,
 					width: "100%",
 					height: "100%",
 					class: "rounded-xl"
-				})) : x(xt) ? (u(), T(O, { key: 1 }, [x(bt) ? (u(), T("img", {
+				})) : x(xt) ? (u(), w(D, { key: 1 }, [x(bt) ? (u(), w("img", {
 					key: 0,
 					src: x(xt),
 					"aria-hidden": "true",
 					class: "absolute inset-0 w-full h-full object-cover blur-xl scale-110 opacity-50 pointer-events-none"
-				}, null, 8, Ke)) : y("", !0), P(o, {
+				}, null, 8, Ge)) : y("", !0), N(o, {
 					src: x(xt),
 					alt: x(Ct),
 					class: "pointer-events-none w-full h-full transition-transform duration-300 group-hover:scale-105",
@@ -441,22 +424,22 @@ var He = _({
 					"src",
 					"alt",
 					"image-style"
-				])], 64)) : (u(), T("div", qe, [(u(), v(g(x(E)[x(_t)] ?? x(E).motion), { class: "w-10 h-10 text-white/20" }))])),
-				x(L) ? j((u(), T("canvas", {
+				])], 64)) : (u(), w("div", Ke, [(u(), v(g(x(T)[x(gt)] ?? x(T).motion), { class: "w-10 h-10 text-white/20" }))])),
+				x(I) ? A((u(), w("canvas", {
 					key: 3,
 					ref_key: "previewCanvasRef",
-					ref: Le,
+					ref: ze,
 					class: "absolute inset-0 w-full h-full object-cover pointer-events-none z-[1]"
-				}, null, 512)), [[n, x(z)]]) : y("", !0),
-				r[2] ||= A("div", { class: "absolute inset-0 bg-transparent group-hover:bg-black/30 pointer-events-none transition-colors duration-200 z-[2]" }, null, -1),
-				A("div", Je, [A("div", Ye, [
-					A("p", Xe, d(x(Ct)), 1),
-					x(Y) ? (u(), T("span", Ze, d(x(Y)), 1)) : y("", !0),
-					x(q) ? (u(), T("span", {
+				}, null, 512)), [[n, x(R)]]) : y("", !0),
+				r[2] ||= k("div", { class: "absolute inset-0 bg-transparent group-hover:bg-black/30 pointer-events-none transition-colors duration-200 z-[2]" }, null, -1),
+				k("div", qe, [k("div", Je, [
+					k("p", Ye, d(x(Ct)), 1),
+					x(_t) ? (u(), w("span", Xe, d(x(_t)), 1)) : y("", !0),
+					x(K) ? (u(), w("span", {
 						key: 1,
-						class: h(["text-[10px] font-bold text-white px-1.5 py-0.5 rounded-md shrink-0", x(q).color])
-					}, d(x(q).label), 3)) : y("", !0),
-					x(We) && !e.selectionMode ? j((u(), v(f, {
+						class: h(["text-[10px] font-bold text-white px-1.5 py-0.5 rounded-md shrink-0", x(K).color])
+					}, d(x(K).label), 3)) : y("", !0),
+					x(mt) && !e.selectionMode ? A((u(), v(f, {
 						key: 2,
 						rounded: "",
 						text: "",
@@ -465,7 +448,7 @@ var He = _({
 						onClick: a(Jt, ["stop"]),
 						onMouseenter: $
 					}, {
-						icon: C(() => [x(K) ? (u(), v(s, {
+						icon: C(() => [x(G) ? (u(), v(s, {
 							key: 0,
 							class: "w-3 h-3 text-yellow-400"
 						})) : (u(), v(c, {
@@ -474,31 +457,31 @@ var He = _({
 						}))]),
 						_: 1
 					})), [[
-						w,
-						{ value: x(K) ? t.$t("views.recordings.unfavorite") : t.$t("views.recordings.favorite") },
+						ee,
+						{ value: x(G) ? t.$t("views.recordings.unfavorite") : t.$t("views.recordings.favorite") },
 						void 0,
 						{ left: !0 }
 					]]) : y("", !0),
-					x(Pt).length > 0 && !e.selectionMode ? j((u(), v(f, {
+					x(Pt).length > 0 && !e.selectionMode ? A((u(), v(f, {
 						key: 3,
 						rounded: "",
 						text: "",
 						severity: "secondary",
-						loading: x(H) || x(G),
+						loading: x(V) || x(W),
 						class: "!w-5 !h-5 !p-0 shrink-0 bg-black/60 hover:!bg-black/80",
 						onClick: a(Gt, ["stop"]),
 						onMouseenter: $
 					}, {
-						icon: C(() => [P(p, { class: "w-3 h-3 text-white" })]),
+						icon: C(() => [N(p, { class: "w-3 h-3 text-white" })]),
 						_: 1
 					}, 8, ["loading"])), [[
-						w,
+						ee,
 						{ value: t.$t("views.recordings.more_actions") },
 						void 0,
 						{ left: !0 }
 					]]) : y("", !0)
-				]), A("p", Qe, d(x(At)), 1)]),
-				x(X).length > 1 ? (u(), T(O, { key: 4 }, [P(f, {
+				]), k("p", Ze, d(x(At)), 1)]),
+				x(X).length > 1 ? (u(), w(D, { key: 4 }, [N(f, {
 					rounded: "",
 					text: "",
 					severity: "secondary",
@@ -507,9 +490,9 @@ var He = _({
 					onClick: r[0] ||= a((e) => Lt(-1), ["stop"]),
 					onMouseenter: $
 				}, {
-					icon: C(() => [P(m, { class: "w-5 h-5 text-white" })]),
+					icon: C(() => [N(m, { class: "w-5 h-5 text-white" })]),
 					_: 1
-				}, 8, ["aria-label"]), P(f, {
+				}, 8, ["aria-label"]), N(f, {
 					rounded: "",
 					text: "",
 					severity: "secondary",
@@ -518,61 +501,61 @@ var He = _({
 					onClick: r[1] ||= a((e) => Lt(1), ["stop"]),
 					onMouseenter: $
 				}, {
-					icon: C(() => [P(_, { class: "w-5 h-5 text-white" })]),
+					icon: C(() => [N(_, { class: "w-5 h-5 text-white" })]),
 					_: 1
 				}, 8, ["aria-label"])], 64)) : y("", !0),
-				x(St) ? (u(), T("div", {
+				x(St) ? (u(), w("div", {
 					key: 5,
 					class: h(["absolute left-1/2 -translate-x-1/2 z-[3] max-w-[85%] pointer-events-none transition-all duration-200", x(Mt) ? "bottom-16" : "bottom-10"])
-				}, [A("span", $e, d(x(St)), 1)], 2)) : y("", !0),
-				A("div", {
+				}, [k("span", Qe, d(x(St)), 1)], 2)) : y("", !0),
+				k("div", {
 					ref_key: "footerRef",
-					ref: Re,
+					ref: Be,
 					class: "absolute bottom-2 left-2 right-2 flex items-center justify-between gap-2 z-[3]"
-				}, [A("div", et, [
-					e.selectionMode ? (u(), T("div", {
+				}, [k("div", $e, [
+					e.selectionMode ? (u(), w("div", {
 						key: 0,
 						class: h(["w-6 h-6 rounded-full border-2 flex items-center justify-center transition-colors shrink-0", e.selected ? "bg-primary border-primary" : "bg-black/40 border-white/80"])
 					}, [e.selected ? (u(), v(b, {
 						key: 0,
 						class: "w-4 h-4 text-white"
 					})) : y("", !0)], 2)) : y("", !0),
-					(u(!0), T(O, null, l(x(Tt), (e) => (u(), T("div", {
+					(u(!0), w(D, null, l(x(Tt), (e) => (u(), w("div", {
 						key: e,
 						class: "flex items-center justify-center w-5 h-5 rounded-md bg-black/60 shrink-0"
-					}, [(u(), v(g(x(E)[e] ?? x(E).motion), { class: "w-3 h-3 text-white/80" }))]))), 128)),
-					x(Dt).length > 0 ? (u(), T("span", {
+					}, [(u(), v(g(x(T)[e] ?? x(T).motion), { class: "w-3 h-3 text-white/80" }))]))), 128)),
+					x(Dt).length > 0 ? (u(), w("span", {
 						key: 1,
 						title: x(Dt).join(", "),
 						class: "text-[10px] text-white/60 font-medium shrink-0"
-					}, " +" + d(x(Dt).length), 9, tt)) : y("", !0)
-				]), x(Ot).length > 0 || x(kt) > 0 ? (u(), T("div", nt, [(u(!0), T(O, null, l(x(Ot), (e, t) => (u(), T("div", {
+					}, " +" + d(x(Dt).length), 9, et)) : y("", !0)
+				]), x(Ot).length > 0 || x(kt) > 0 ? (u(), w("div", tt, [(u(!0), w(D, null, l(x(Ot), (e, t) => (u(), w("div", {
 					key: t,
 					class: h(["w-7 h-7 rounded overflow-hidden border bg-neutral-800 cursor-pointer", t === x(yt) ? "border-primary/80" : "border-white/20"]),
 					onClick: (e) => Rt(t, e)
-				}, [A("img", {
+				}, [k("img", {
 					src: e.url,
 					alt: e.type,
 					decoding: "async",
 					loading: "lazy",
 					class: "w-full h-full object-cover"
-				}, null, 8, it)], 10, rt))), 128)), x(kt) > 0 ? (u(), T("span", at, "+" + d(x(kt)), 1)) : y("", !0)])) : y("", !0)], 512),
-				x(L) && x(z) && x(L).isLoading.value ? (u(), T("div", ot, [P(S, {
+				}, null, 8, rt)], 10, nt))), 128)), x(kt) > 0 ? (u(), w("span", it, "+" + d(x(kt)), 1)) : y("", !0)])) : y("", !0)], 512),
+				x(I) && x(R) && x(I).isLoading.value ? (u(), w("div", at, [N(S, {
 					class: "w-[28px] h-[28px] m-0",
 					"stroke-width": "6"
 				})])) : y("", !0),
-				x(Mt) ? (u(), T("div", st, [A("span", ct, d(x(Mt)), 1)])) : y("", !0)
-			], 2), P(ie, {
+				x(Mt) ? (u(), w("div", ot, [k("span", st, d(x(Mt)), 1)])) : y("", !0)
+			], 2), N(ae, {
 				ref_key: "cardMenuRef",
-				ref: ze,
+				ref: Ve,
 				items: x(Pt),
 				popover: { pt: { content: { class: "p-0! rounded-xl! overflow-hidden!" } } }
 			}, null, 8, ["items"])], 544);
 		};
 	}
-}), [["__scopeId", "data-v-500b223d"]]), q = {
+}), [["__scopeId", "data-v-7f24e751"]]), mt = {
 	name: "VirtualScroller",
-	components: { SpinnerIcon: Fe },
+	components: { SpinnerIcon: Ie },
 	extends: {
 		name: "BaseVirtualScroller",
 		extends: i,
@@ -1120,14 +1103,14 @@ var He = _({
 			this.content = e;
 		}
 	}
-}, J = ["tabindex"];
-function mt(e, t, n, r, i, a) {
-	let o = E("SpinnerIcon");
-	return e.disabled ? (u(), T(O, { key: 1 }, [f(e.$slots, "default"), f(e.$slots, "content", {
+}, G = ["tabindex"];
+function K(e, t, n, r, i, a) {
+	let o = T("SpinnerIcon");
+	return e.disabled ? (u(), w(D, { key: 1 }, [f(e.$slots, "default"), f(e.$slots, "content", {
 		items: e.items,
 		rows: e.items,
 		columns: a.loadedColumns
-	})], 64)) : (u(), T("div", p({
+	})], 64)) : (u(), w("div", p({
 		key: 0,
 		ref: a.elementRef,
 		class: a.containerClass,
@@ -1149,32 +1132,32 @@ function mt(e, t, n, r, i, a) {
 			vertical: a.isVertical(),
 			horizontal: a.isHorizontal(),
 			both: a.isBoth()
-		}, () => [A("div", p({
+		}, () => [k("div", p({
 			ref: a.contentRef,
 			class: a.contentClass,
 			style: i.contentStyle
-		}, e.ptm("content")), [(u(!0), T(O, null, l(a.loadedItems, (t, n) => f(e.$slots, "item", {
+		}, e.ptm("content")), [(u(!0), w(D, null, l(a.loadedItems, (t, n) => f(e.$slots, "item", {
 			item: t,
 			options: a.getOptions(n)
 		}, void 0, void 0, a.resolveItemKey(t, n))), 128))], 16)]),
-		e.showSpacer ? (u(), T("div", p({
+		e.showSpacer ? (u(), w("div", p({
 			key: 0,
 			class: "p-virtualscroller-spacer",
 			style: i.spacerStyle
 		}, e.ptm("spacer")), null, 16)) : y("", !0),
-		!e.loaderDisabled && e.showLoader && i.d_loading ? (u(), T("div", p({
+		!e.loaderDisabled && e.showLoader && i.d_loading ? (u(), w("div", p({
 			key: 1,
 			class: a.loaderClass
-		}, e.ptm("loader")), [e.$slots && e.$slots.loader ? (u(!0), T(O, { key: 0 }, l(i.loaderArr, (t, n) => f(e.$slots, "loader", { options: a.getLoaderOptions(n, a.isBoth() && { numCols: e.d_numItemsInViewport.cols }) }, void 0, void 0, n)), 128)) : y("", !0), f(e.$slots, "loadingicon", {}, () => [P(o, p({
+		}, e.ptm("loader")), [e.$slots && e.$slots.loader ? (u(!0), w(D, { key: 0 }, l(i.loaderArr, (t, n) => f(e.$slots, "loader", { options: a.getLoaderOptions(n, a.isBoth() && { numCols: e.d_numItemsInViewport.cols }) }, void 0, void 0, n)), 128)) : y("", !0), f(e.$slots, "loadingicon", {}, () => [N(o, p({
 			spin: "",
 			class: "p-virtualscroller-loading-icon"
 		}, e.ptm("loadingIcon")), null, 16)])], 16)) : y("", !0)
-	], 16, J));
+	], 16, G));
 }
-var ht = /*#__PURE__*/ L(q, [["render", mt]]), gt = {
+var q = /*#__PURE__*/ I(mt, [["render", K]]), J = {
 	key: 1,
 	class: "pointer-events-none absolute bottom-2 left-1/2 -translate-x-1/2 z-10 rounded-full bg-black/60 p-1.5"
-}, _t = /*#__PURE__*/ L(/* @__PURE__ */ M({
+}, ht = /*#__PURE__*/ I(/* @__PURE__ */ j({
 	__name: "CuiRecordingsGrid",
 	props: {
 		items: {},
@@ -1195,7 +1178,7 @@ var ht = /*#__PURE__*/ L(q, [["render", mt]]), gt = {
 		}
 	},
 	setup(e, { expose: t }) {
-		let n = e, r = k("containerRef"), { width: i, height: a } = Ae(r), o = S(() => a.value > 0 ? `${a.value}px` : void 0), s = S(() => {
+		let n = e, r = O("containerRef"), { width: i, height: a } = je(r), o = S(() => a.value > 0 ? `${a.value}px` : void 0), s = S(() => {
 			let e = i.value;
 			if (!e) return 0;
 			let t = n.gap;
@@ -1219,49 +1202,49 @@ var ht = /*#__PURE__*/ L(q, [["render", mt]]), gt = {
 			let t = e;
 			if (t && t.length !== 0) return g(t[0]);
 		}
-		let b = N(!1), E = null;
-		async function j() {
-			if (b.value || !n.hasMore || !n.loadMore || E !== null && n.items.length === E) return;
+		let b = M(!1), T = null;
+		async function A() {
+			if (b.value || !n.hasMore || !n.loadMore || T !== null && n.items.length === T) return;
 			b.value = !0;
 			let e = n.items.length;
 			try {
 				await Promise.resolve(n.loadMore());
 			} finally {
-				b.value = !1, E = n.items.length === e ? e : null;
+				b.value = !1, T = n.items.length === e ? e : null;
 			}
 		}
-		let M = N(0);
-		function ee(e) {
+		let j = M(0);
+		function te(e) {
 			let t = e.target;
 			if (!t) return;
-			M.value = t.scrollTop;
+			j.value = t.scrollTop;
 			let n = p.value * 3;
-			t.scrollTop + t.clientHeight >= t.scrollHeight - n && j();
+			t.scrollTop + t.clientHeight >= t.scrollHeight - n && A();
 		}
-		function te() {
+		function ne() {
 			(r.value?.querySelector(".recordings-scroll"))?.scrollTo({
 				top: 0,
 				behavior: "smooth"
 			});
 		}
-		let F = !1;
-		return w([
+		let P = !1;
+		return ee([
 			() => n.items.length,
 			a,
 			p,
 			() => n.hasMore
 		], () => {
-			F || (F = !0, m(() => {
-				if (F = !1, !n.hasMore) return;
+			P || (P = !0, m(() => {
+				if (P = !1, !n.hasMore) return;
 				let e = a.value, t = h.value.length * p.value;
-				e > 0 && p.value > 0 && t < e + p.value && j();
+				e > 0 && p.value > 0 && t < e + p.value && A();
 			}));
 		}, { flush: "post" }), t({
-			scrollToTop: te,
-			scrollY: M
+			scrollToTop: ne,
+			scrollY: j
 		}), (t, n) => {
-			let i = ht, a = ze;
-			return u(), T("div", {
+			let i = q, a = Ve;
+			return u(), w("div", {
 				ref_key: "containerRef",
 				ref: r,
 				class: "recordings-grid-root relative"
@@ -1274,17 +1257,17 @@ var ht = /*#__PURE__*/ L(q, [["render", mt]]), gt = {
 				class: "recordings-scroll",
 				"num-tolerated-items": 2,
 				"item-key": _,
-				onScroll: ee
+				onScroll: te
 			}, {
-				item: C(({ item: n }) => [A("div", {
+				item: C(({ item: n }) => [k("div", {
 					class: "recordings-row",
-					style: D({
+					style: E({
 						height: `${x(p)}px`,
 						gap: `${e.gap}px`
 					})
-				}, [(u(!0), T(O, null, l(n, (e) => (u(), T("div", {
+				}, [(u(!0), w(D, null, l(n, (e) => (u(), w("div", {
 					key: g(e),
-					style: D({
+					style: E({
 						width: `${x(c)}px`,
 						height: `${x(d)}px`
 					})
@@ -1294,7 +1277,7 @@ var ht = /*#__PURE__*/ L(q, [["render", mt]]), gt = {
 				"items",
 				"item-size",
 				"scroll-height"
-			])) : y("", !0), x(b) ? (u(), T("div", gt, [P(a, {
+			])) : y("", !0), x(b) ? (u(), w("div", J, [N(a, {
 				width: "18px",
 				height: "18px",
 				class: "text-white"
@@ -1312,7 +1295,7 @@ function Y(e) {
 	}
 	return e.event.thumbnailAt ?? e.event.startTime;
 }
-function X(e) {
+function gt(e) {
 	let t = [];
 	for (let n of e) {
 		let e = n.segments ?? [];
@@ -1334,4 +1317,4 @@ function X(e) {
 	return t.sort((e, t) => Y(t) - Y(e)), t;
 }
 //#endregion
-export { K as i, Y as n, _t as r, X as t };
+export { pt as i, Y as n, ht as r, gt as t };