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

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

@@ -1,26 +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 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 "./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";
+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, Bn as ne, Br as re, En as ie, Fn as ae, Hn as oe, In as se, Mn as ce, Nn as le, Pn as ue, ar as de, bi as fe, br as pe, ca as me, ct as he, dr as ge, er as _e, et as ve, ht as ye, it as be, lt as xe, mr as Se, nt as Ce, o as we, or as Te, rt as Ee, tt as De, ur as Oe, vr as ke, yr as I, zn as L } from "./api-VnpXqKYj.js";
+import { _ as Ae, o as je } from "./intercomService-Dwd0bhSN.js";
+import { n as Me } from "./vue-i18n-BBObX4QY.js";
+import { i as Ne } from "./alert-outline-BssBb-kV.js";
+import { t as Pe } from "./eventIcons-DrjNuTS2.js";
+import { t as Fe } from "./spinner-BSEdDTno.js";
+import { t as Ie } from "./button-DJDZxmKj.js";
+import { M as Le } from "./dist-jxJIsKjm.js";
+import { t as Re } from "./inputtext-vdcrNX6K.js";
+import { t as ze } from "./select-CaVzuLaS.js";
+import { t as Be } from "./ring-resize-11TaovpK.js";
 //#region ~icons/tabler/user-edit
-var L = {
+var R = {
 	viewBox: "0 0 24 24",
 	width: "1.2em",
 	height: "1.2em"
 };
-function He(e, t) {
-	return u(), w("svg", L, [...t[0] ||= [k("path", {
+function Ve(e, t) {
+	return u(), T("svg", R, [...t[0] ||= [A("path", {
 		fill: "none",
 		stroke: "currentColor",
 		"stroke-linecap": "round",
@@ -29,23 +29,23 @@ function He(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 Ue = _({
+var He = _({
 	name: "tabler-user-edit",
-	render: He
-}), R = { class: "flex flex-col gap-4 w-full" }, z = {
+	render: Ve
+}), z = { class: "flex flex-col gap-4 w-full" }, B = {
 	key: 0,
 	class: "flex justify-center"
-}, 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 = {
+}, V = ["src", "alt"], H = { class: "flex flex-col gap-2 w-full" }, U = { class: "cui-label" }, W = { class: "flex flex-col gap-2 w-full" }, G = {
 	for: "reassignTarget",
 	class: "cui-label"
-}, We = /* @__PURE__ */ j({
+}, Ue = /* @__PURE__ */ M({
 	__name: "FaceReassign",
 	props: {
 		cropUrl: {},
 		oldName: {}
 	},
 	setup(e, { expose: t }) {
-		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 n = e, { t: r } = Me(), { plugin: i } = Le("@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 e = o.value.filter((e) => e !== n.oldName).map((e) => ({
 				label: e,
 				value: e
@@ -55,7 +55,7 @@ var Ue = _({
 				value: ""
 			}), e;
 		});
-		return te(async () => {
+		return ee(async () => {
 			try {
 				let e = await i.value?.listKnownFaces?.();
 				o.value = (e ?? []).map((e) => e.name);
@@ -63,20 +63,20 @@ var Ue = _({
 				s.value = !1;
 			}
 		}), t({ onConfirm: async () => a.value }), (e, t) => {
-			let r = ze, i = Be;
-			return u(), w("div", R, [
-				n.cropUrl ? (u(), w("div", z, [k("img", {
+			let r = Re, i = ze;
+			return u(), T("div", z, [
+				n.cropUrl ? (u(), T("div", B, [A("img", {
 					src: n.cropUrl,
 					alt: x(c),
 					class: "w-36 h-36 rounded-xl object-cover bg-neutral-900"
-				}, null, 8, B)])) : y("", !0),
-				k("div", V, [k("label", H, d(e.$t("views.recordings.reassign_current")), 1), N(r, {
+				}, null, 8, V)])) : y("", !0),
+				A("div", H, [A("label", U, d(e.$t("views.recordings.reassign_current")), 1), P(r, {
 					"model-value": x(c),
 					class: "w-full",
 					fluid: "",
 					disabled: ""
 				}, null, 8, ["model-value"])]),
-				k("div", U, [k("label", W, d(e.$t("views.recordings.reassign_new")), 1), N(i, {
+				A("div", W, [A("label", G, d(e.$t("views.recordings.reassign_new")), 1), P(i, {
 					id: "reassignTarget",
 					modelValue: x(a),
 					"onUpdate:modelValue": t[0] ||= (e) => b(a) ? a.value = e : null,
@@ -98,28 +98,28 @@ var Ue = _({
 			]);
 		};
 	}
-}), Ge = ["src"], Ke = {
+}), We = ["src"], Ge = {
 	key: 2,
 	class: "w-full h-full flex items-center justify-center bg-neutral-800/80"
-}, 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 = {
+}, Ke = { class: "absolute top-0 left-0 right-0 p-2 bg-gradient-to-b from-black/80 to-transparent z-[3]" }, qe = { class: "flex items-center gap-1.5" }, Je = { class: "text-xs font-semibold text-white truncate min-w-0 flex-1" }, Ye = {
 	key: 0,
 	class: "text-[10px] font-semibold text-white/80 bg-black/60 px-1.5 py-0.5 rounded-md shrink-0"
-}, 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 = {
+}, Xe = { class: "text-[10px] text-white/70" }, Ze = { class: "block text-[11px] text-white font-medium truncate bg-black/50 rounded-md px-2 py-0.5" }, Qe = { class: "flex items-center gap-1 min-w-0" }, $e = ["title"], et = {
 	key: 0,
 	class: "flex items-center gap-0.5 shrink-0 opacity-85 group-hover:opacity-100 transition-opacity duration-200"
-}, nt = ["onClick"], rt = ["src", "alt"], it = {
+}, tt = ["onClick"], nt = ["src", "alt"], rt = {
 	key: 0,
 	class: "text-[10px] text-white/60 font-medium"
-}, at = {
+}, it = {
 	key: 6,
 	class: "absolute inset-0 z-[4] flex items-center justify-center pointer-events-none"
-}, ot = {
+}, at = {
 	key: 7,
 	class: "absolute bottom-10 left-1/2 -translate-x-1/2 z-[4] pointer-events-none"
-}, st = {
+}, ot = {
 	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" }
-}, ct = 24, lt = 30, ut = 22, dt = 28, ft = 8, pt = /*#__PURE__*/ I(/* @__PURE__ */ j({
+}, st = 24, ct = 30, lt = 22, ut = 28, dt = 8, ft = /*#__PURE__*/ I(/* @__PURE__ */ M({
 	__name: "RecordingCard",
 	props: {
 		event: {},
@@ -139,7 +139,7 @@ var Ue = _({
 		"openTrace"
 	],
 	setup(e, { emit: t }) {
-		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(() => {
+		let r = e, i = t, o = je(), s = fe(), { t: f } = Me(), p = re(), m = oe("@camera.ui/camera-ui-nvr"), { plugin: _ } = Le("@camera.ui/camera-ui-nvr"), b = ye(), { icons: E } = Pe(), D = m.getCachedThumbnails(r.event.id), M = D ? L(D, r.event, "card", r.segIndex).url ? "loaded" : "empty" : "loading", I = c(ae, void 0), Fe = k("rootRef"), Re = k("previewCanvasRef"), ze = k("footerRef"), Be = k("cardMenuRef"), R = N(!1), Ve = Ce(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: ft } = Ae(ze), pt = S(() => Oe(void 0, "admin")), K = S(() => W.value ?? r.event.favorite ?? !1), q = S(() => {
 			if (r.semanticScore == null) return;
 			let e = Math.max(0, Math.min(1, r.semanticScore));
 			return {
@@ -147,23 +147,23 @@ var Ue = _({
 				label: `${(e * 100).toFixed(0)}%`,
 				color: e >= .5 ? "bg-green-500/80" : e >= .25 ? "bg-yellow-500/80" : "bg-red-400/80"
 			};
-		}), q = S(() => z.value ? F(z.value, r.event, "card", r.segIndex) : null), J = S(() => {
-			let e = r.segIndex ?? q.value?.segIndex;
+		}), J = S(() => B.value ? L(B.value, r.event, "card", r.segIndex) : null), Y = S(() => {
+			let e = r.segIndex ?? J.value?.segIndex;
 			return e === void 0 ? void 0 : r.event.segments?.[e];
-		}), ht = S(() => q.value?.url), Y = S(() => q.value?.label), gt = S(() => q.value?.type ?? r.event.types[0] ?? "motion"), _t = S(() => {
+		}), mt = S(() => J.value?.url), ht = S(() => J.value?.label), gt = S(() => J.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 = z.value, t = q.value?.url;
+			let e = B.value, t = J.value?.url;
 			if (!e || !t) return [];
 			let n = [{
 				url: t,
-				label: q.value?.label,
+				label: J.value?.label,
 				type: gt.value,
 				crop: !1
 			}];
-			for (let t of re(e, r.segIndex)) {
+			for (let t of ne(e, r.segIndex)) {
 				if (n.some((e) => e.url === t.url)) continue;
 				let e = t.key.split(":")[0];
 				n.push({
@@ -175,9 +175,9 @@ var Ue = _({
 				});
 			}
 			if (r.segIndex === void 0) for (let t of Object.keys(e.cards ?? e.strips ?? {}).sort((e, t) => Number(e) - Number(t))) {
-				let i = me(e.cards?.[t] ?? e.strips?.[t]);
+				let i = _e(e.cards?.[t] ?? e.strips?.[t]);
 				if (!i || n.some((e) => e.url === i)) continue;
-				let a = _e(r.event, t);
+				let a = be(r.event, t);
 				n.push({
 					url: i,
 					label: a,
@@ -186,27 +186,27 @@ var Ue = _({
 				});
 			}
 			return n.length > 1 ? n : [];
-		}), 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");
+		}), 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 ?? mt.value), St = S(() => Z.value?.label ?? ht.value), Q = S(() => {
+			let e = Y.value;
+			return (e ? ce(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 = pt.value;
+			let e = ft.value;
 			if (!e) return {
 				icons: 2,
 				tiles: 2
 			};
-			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);
+			let t = e - dt;
+			r.selectionMode && (t -= ut);
+			let n = wt.value.length > 0 ? 52 : 0, i = It(Q.value.length, Math.max(0, t - n), st), a = Q.value.length > 0 ? Math.max(1, i) : 0, o = a * st + (a < Q.value.length ? lt : 0);
 			return {
 				icons: a,
-				tiles: It(wt.value.length, Math.max(0, t - o), lt)
+				tiles: It(wt.value.length, Math.max(0, t - o), ct)
 			};
 		}), 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 = new Date(J.value?.firstSeen ?? r.event.thumbnailAt ?? r.event.startTime), t = /* @__PURE__ */ new Date(), n = e.toDateString() === t.toDateString(), i = e.toLocaleTimeString([], {
+			let e = new Date(Y.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"
 			});
@@ -214,32 +214,32 @@ var Ue = _({
 				month: "short",
 				day: "numeric"
 			})} ${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(() => {
+		}), jt = S(() => !!(_.value && r.event.endTime && r.event.hasRecording !== !1)), Mt = S(() => I ? R.value ? f("views.recordings.no_preview") : z.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 mt.value && Nt.value !== void 0 && e.push({
+			return pt.value && Nt.value !== void 0 && e.push({
 				key: "reassign",
 				label: f("views.recordings.reassign_face"),
-				icon: Ue,
-				loading: W.value,
+				icon: He,
+				loading: G.value,
 				onClick: () => Kt()
 			}), r.camera && e.push({
 				key: "trace",
 				label: f("views.recordings.open_trace"),
-				icon: fe,
-				onClick: () => i("openTrace")
+				icon: he,
+				onClick: () => i("openTrace", Y.value?.firstSeen)
 			}), e.push({
 				key: "ask",
 				label: f("views.recordings.ask_assistant"),
-				icon: Pe,
+				icon: Ne,
 				onClick: () => Ft()
 			}), jt.value && e.push({
 				key: "download",
 				label: f("views.recordings.download"),
-				icon: ye,
-				loading: V.value,
+				icon: xe,
+				loading: H.value,
 				onClick: () => Yt()
 			}), e;
 		});
@@ -255,17 +255,17 @@ var Ue = _({
 			});
 		}
 		function It(e, t, n) {
-			return e === 0 || t < n ? 0 : e * n <= t ? e : Math.max(0, Math.floor((t - ut) / n));
+			return e === 0 || t < n ? 0 : e * n <= t ? e : Math.max(0, Math.floor((t - lt) / n));
 		}
 		function Lt(e) {
 			let t = X.value.length;
-			t && ($(), H.value = (yt.value + e + t) % t);
+			t && ($(), U.value = (yt.value + e + t) % t);
 		}
 		function Rt(e, t) {
-			vt.value && (t.stopPropagation(), $(), H.value = e);
+			vt.value && (t.stopPropagation(), $(), U.value = e);
 		}
 		function $() {
-			L.value = !1, I && R.value && (R.value = !1, I.onHoverEnd());
+			R.value = !1, I && z.value && (z.value = !1, I.onHoverEnd());
 		}
 		function zt(e) {
 			let t = new Date(e);
@@ -273,45 +273,45 @@ var Ue = _({
 		}
 		function Bt() {
 			if (!I || yt.value > 0) return;
-			let e = ze.value;
+			let e = Re.value;
 			if (!e) return;
-			let t = ce(r.event);
+			let t = ue(r.event);
 			if (r.event.hasRecording === !1 || !t) {
-				L.value = !0;
+				R.value = !0;
 				return;
 			}
-			R.value = !0, I.onHoverStart(e, r.event.cameraId, r.event.id, r.event.startTime, t, r.camera?.zones?.privacy, oe(r.event));
+			z.value = !0, I.onHoverStart(e, r.event.cameraId, r.event.id, r.event.startTime, t, r.camera?.zones?.privacy, se(r.event));
 		}
 		function Vt() {
-			He.blocksMouseEnter() || Bt();
+			Ve.blocksMouseEnter() || Bt();
 		}
 		function Ht() {
-			L.value = !1, I && (R.value = !1, I.onHoverEnd());
+			R.value = !1, I && (z.value = !1, I.onHoverEnd());
 		}
 		async function Ut(e = 2) {
 			let t = await r.loadThumbnails(r.event.id, r.event.startTime);
 			if (t) {
-				z.value = t;
-				let e = F(t, r.event, "card");
-				B.value = e.url ? "loaded" : "empty";
+				B.value = t;
+				let e = L(t, r.event, "card");
+				V.value = e.url ? "loaded" : "empty";
 			} else if (e > 0) return await new Promise((e) => setTimeout(e, 500)), Ut(e - 1);
-			else B.value = r.event.state === "active" ? "loading" : "empty";
+			else V.value = r.event.state === "active" ? "loading" : "empty";
 		}
 		function Wt() {
-			if (!He.consumesClick()) {
+			if (!Ve.consumesClick()) {
 				if (r.selectionMode) {
 					i("select");
 					return;
 				}
-				i("scrollToEvent", J.value?.firstSeen ?? we(r.event));
+				i("scrollToEvent", Y.value?.firstSeen ?? Ee(r.event));
 			}
 		}
 		function Gt(e) {
-			$(), Ve.value?.toggleMenu(e);
+			$(), Be.value?.toggleMenu(e);
 		}
 		function Kt() {
 			let e = Nt.value;
-			e !== void 0 && b.openComponentDialog(We, {
+			e !== void 0 && b.openComponentDialog(Ue, {
 				data: {
 					title: f("views.recordings.reassign_face"),
 					confirmText: f("components.form.button.save"),
@@ -325,12 +325,12 @@ var Ue = _({
 		}
 		async function qt(e) {
 			let t = Nt.value;
-			if (t === void 0 || W.value) return;
+			if (t === void 0 || G.value) return;
 			let n = Z.value?.faceSeg ?? -1, i = _.value;
 			if (i?.reassignEventFace) {
-				W.value = !0;
+				G.value = !0;
 				try {
-					await i.reassignEventFace(r.event.id, n, t, e) > 0 && Ae(r.event.id), s.add({
+					await i.reassignEventFace(r.event.id, n, t, e) > 0 && le(r.event.id), s.add({
 						severity: "success",
 						detail: f("views.recordings.reassign_done"),
 						life: 3e3
@@ -338,35 +338,35 @@ var Ue = _({
 				} catch (e) {
 					s.add({
 						severity: "error",
-						detail: Se(e),
+						detail: we(e),
 						life: 5e3
 					});
 				} finally {
-					W.value = !1;
+					G.value = !1;
 				}
 			}
 		}
 		async function Jt() {
-			let e = !G.value;
-			U.value = e;
+			let e = !K.value;
+			W.value = e;
 			try {
 				await m.setEventFavorite(r.event.id, e);
 			} catch (e) {
-				U.value = null, s.add({
+				W.value = null, s.add({
 					severity: "error",
-					detail: Se(e),
+					detail: we(e),
 					life: 5e3
 				});
 			}
 		}
 		async function Yt() {
-			if (V.value) return;
+			if (H.value) return;
 			let e = _.value;
 			if (e?.nvrExport && r.event.endTime) {
-				V.value = !0;
+				H.value = !0;
 				try {
 					let t = await e.nvrExport(r.event.cameraId, r.event.startTime * 1e3, r.event.endTime * 1e3);
-					await be({
+					await Se({
 						url: t.url,
 						filename: t.filename
 					});
@@ -374,47 +374,47 @@ var Ue = _({
 					o.error("Download failed:", e), s.add({
 						severity: "error",
 						summary: f("views.recordings.download_failed"),
-						detail: Se(e),
+						detail: we(e),
 						life: 5e3
 					});
 				} finally {
-					V.value = !1;
+					H.value = !1;
 				}
 			}
 		}
-		return ee(() => m.storeVersion.value, () => {
+		return w(() => m.storeVersion.value, () => {
 			let e = m.getCachedThumbnails(r.event.id);
 			if (!e) {
-				z.value && Ut();
+				B.value && Ut();
 				return;
 			}
-			z.value = e, F(e, r.event, "card").url && (B.value = "loaded");
-		}), te(() => {
-			j === "loading" && Ut();
+			B.value = e, L(e, r.event, "card").url && (V.value = "loaded");
+		}), ee(() => {
+			M === "loading" && Ut();
 		}), (t, r) => {
-			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", {
+			let i = me, o = ke, s = F, c = ve, f = Ie, p = De, m = de, _ = Te, b = ge, S = pe, w = te;
+			return u(), T("div", {
 				ref_key: "rootRef",
-				ref: Ie,
+				ref: Fe,
 				class: "recording-card relative group cursor-pointer",
 				onClick: Wt,
 				onMouseenter: Vt,
 				onMouseleave: Ht
-			}, [k("div", {
+			}, [A("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(B) === "loading" ? (u(), v(i, {
+				x(V) === "loading" ? (u(), v(i, {
 					key: 0,
 					width: "100%",
 					height: "100%",
 					class: "rounded-xl"
-				})) : x(xt) ? (u(), w(D, { key: 1 }, [x(bt) ? (u(), w("img", {
+				})) : x(xt) ? (u(), T(O, { key: 1 }, [x(bt) ? (u(), T("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, Ge)) : y("", !0), N(o, {
+				}, null, 8, We)) : y("", !0), P(o, {
 					src: x(xt),
 					alt: x(Ct),
 					class: "pointer-events-none w-full h-full transition-transform duration-300 group-hover:scale-105",
@@ -424,22 +424,22 @@ var Ue = _({
 					"src",
 					"alt",
 					"image-style"
-				])], 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", {
+				])], 64)) : (u(), T("div", Ge, [(u(), v(g(x(E)[x(gt)] ?? x(E).motion), { class: "w-10 h-10 text-white/20" }))])),
+				x(I) ? j((u(), T("canvas", {
 					key: 3,
 					ref_key: "previewCanvasRef",
-					ref: ze,
+					ref: Re,
 					class: "absolute inset-0 w-full h-full object-cover pointer-events-none z-[1]"
-				}, 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", {
+				}, 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", Ke, [A("div", qe, [
+					A("p", Je, d(x(Ct)), 1),
+					x(_t) ? (u(), T("span", Ye, d(x(_t)), 1)) : y("", !0),
+					x(q) ? (u(), T("span", {
 						key: 1,
-						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, {
+						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(pt) && !e.selectionMode ? j((u(), v(f, {
 						key: 2,
 						rounded: "",
 						text: "",
@@ -448,7 +448,7 @@ var Ue = _({
 						onClick: a(Jt, ["stop"]),
 						onMouseenter: $
 					}, {
-						icon: C(() => [x(G) ? (u(), v(s, {
+						icon: C(() => [x(K) ? (u(), v(s, {
 							key: 0,
 							class: "w-3 h-3 text-yellow-400"
 						})) : (u(), v(c, {
@@ -457,31 +457,31 @@ var Ue = _({
 						}))]),
 						_: 1
 					})), [[
-						ee,
-						{ value: x(G) ? t.$t("views.recordings.unfavorite") : t.$t("views.recordings.favorite") },
+						w,
+						{ value: x(K) ? t.$t("views.recordings.unfavorite") : t.$t("views.recordings.favorite") },
 						void 0,
 						{ left: !0 }
 					]]) : y("", !0),
-					x(Pt).length > 0 && !e.selectionMode ? A((u(), v(f, {
+					x(Pt).length > 0 && !e.selectionMode ? j((u(), v(f, {
 						key: 3,
 						rounded: "",
 						text: "",
 						severity: "secondary",
-						loading: x(V) || x(W),
+						loading: x(H) || x(G),
 						class: "!w-5 !h-5 !p-0 shrink-0 bg-black/60 hover:!bg-black/80",
 						onClick: a(Gt, ["stop"]),
 						onMouseenter: $
 					}, {
-						icon: C(() => [N(p, { class: "w-3 h-3 text-white" })]),
+						icon: C(() => [P(p, { class: "w-3 h-3 text-white" })]),
 						_: 1
 					}, 8, ["loading"])), [[
-						ee,
+						w,
 						{ value: t.$t("views.recordings.more_actions") },
 						void 0,
 						{ left: !0 }
 					]]) : y("", !0)
-				]), k("p", Ze, d(x(At)), 1)]),
-				x(X).length > 1 ? (u(), w(D, { key: 4 }, [N(f, {
+				]), A("p", Xe, d(x(At)), 1)]),
+				x(X).length > 1 ? (u(), T(O, { key: 4 }, [P(f, {
 					rounded: "",
 					text: "",
 					severity: "secondary",
@@ -490,9 +490,9 @@ var Ue = _({
 					onClick: r[0] ||= a((e) => Lt(-1), ["stop"]),
 					onMouseenter: $
 				}, {
-					icon: C(() => [N(m, { class: "w-5 h-5 text-white" })]),
+					icon: C(() => [P(m, { class: "w-5 h-5 text-white" })]),
 					_: 1
-				}, 8, ["aria-label"]), N(f, {
+				}, 8, ["aria-label"]), P(f, {
 					rounded: "",
 					text: "",
 					severity: "secondary",
@@ -501,61 +501,61 @@ var Ue = _({
 					onClick: r[1] ||= a((e) => Lt(1), ["stop"]),
 					onMouseenter: $
 				}, {
-					icon: C(() => [N(_, { class: "w-5 h-5 text-white" })]),
+					icon: C(() => [P(_, { class: "w-5 h-5 text-white" })]),
 					_: 1
 				}, 8, ["aria-label"])], 64)) : y("", !0),
-				x(St) ? (u(), w("div", {
+				x(St) ? (u(), T("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"])
-				}, [k("span", Qe, d(x(St)), 1)], 2)) : y("", !0),
-				k("div", {
+				}, [A("span", Ze, d(x(St)), 1)], 2)) : y("", !0),
+				A("div", {
 					ref_key: "footerRef",
-					ref: Be,
+					ref: ze,
 					class: "absolute bottom-2 left-2 right-2 flex items-center justify-between gap-2 z-[3]"
-				}, [k("div", $e, [
-					e.selectionMode ? (u(), w("div", {
+				}, [A("div", Qe, [
+					e.selectionMode ? (u(), T("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), w(D, null, l(x(Tt), (e) => (u(), w("div", {
+					(u(!0), T(O, null, l(x(Tt), (e) => (u(), T("div", {
 						key: e,
 						class: "flex items-center justify-center w-5 h-5 rounded-md bg-black/60 shrink-0"
-					}, [(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", {
+					}, [(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", {
 						key: 1,
 						title: x(Dt).join(", "),
 						class: "text-[10px] text-white/60 font-medium shrink-0"
-					}, " +" + 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", {
+					}, " +" + d(x(Dt).length), 9, $e)) : y("", !0)
+				]), x(Ot).length > 0 || x(kt) > 0 ? (u(), T("div", et, [(u(!0), T(O, null, l(x(Ot), (e, t) => (u(), T("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)
-				}, [k("img", {
+				}, [A("img", {
 					src: e.url,
 					alt: e.type,
 					decoding: "async",
 					loading: "lazy",
 					class: "w-full h-full object-cover"
-				}, 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, {
+				}, null, 8, nt)], 10, tt))), 128)), x(kt) > 0 ? (u(), T("span", rt, "+" + d(x(kt)), 1)) : y("", !0)])) : y("", !0)], 512),
+				x(I) && x(z) && x(I).isLoading.value ? (u(), T("div", it, [P(S, {
 					class: "w-[28px] h-[28px] m-0",
 					"stroke-width": "6"
 				})])) : y("", !0),
-				x(Mt) ? (u(), w("div", ot, [k("span", st, d(x(Mt)), 1)])) : y("", !0)
-			], 2), N(ae, {
+				x(Mt) ? (u(), T("div", at, [A("span", ot, d(x(Mt)), 1)])) : y("", !0)
+			], 2), P(ie, {
 				ref_key: "cardMenuRef",
-				ref: Ve,
+				ref: Be,
 				items: x(Pt),
 				popover: { pt: { content: { class: "p-0! rounded-xl! overflow-hidden!" } } }
 			}, null, 8, ["items"])], 544);
 		};
 	}
-}), [["__scopeId", "data-v-7f24e751"]]), mt = {
+}), [["__scopeId", "data-v-7ce0bd00"]]), pt = {
 	name: "VirtualScroller",
-	components: { SpinnerIcon: Ie },
+	components: { SpinnerIcon: Fe },
 	extends: {
 		name: "BaseVirtualScroller",
 		extends: i,
@@ -1103,14 +1103,14 @@ var Ue = _({
 			this.content = e;
 		}
 	}
-}, 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", {
+}, K = ["tabindex"];
+function q(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", {
 		items: e.items,
 		rows: e.items,
 		columns: a.loadedColumns
-	})], 64)) : (u(), w("div", p({
+	})], 64)) : (u(), T("div", p({
 		key: 0,
 		ref: a.elementRef,
 		class: a.containerClass,
@@ -1132,32 +1132,32 @@ function K(e, t, n, r, i, a) {
 			vertical: a.isVertical(),
 			horizontal: a.isHorizontal(),
 			both: a.isBoth()
-		}, () => [k("div", p({
+		}, () => [A("div", p({
 			ref: a.contentRef,
 			class: a.contentClass,
 			style: i.contentStyle
-		}, e.ptm("content")), [(u(!0), w(D, null, l(a.loadedItems, (t, n) => f(e.$slots, "item", {
+		}, e.ptm("content")), [(u(!0), T(O, 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(), w("div", p({
+		e.showSpacer ? (u(), T("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(), w("div", p({
+		!e.loaderDisabled && e.showLoader && i.d_loading ? (u(), T("div", p({
 			key: 1,
 			class: a.loaderClass
-		}, 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({
+		}, 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({
 			spin: "",
 			class: "p-virtualscroller-loading-icon"
 		}, e.ptm("loadingIcon")), null, 16)])], 16)) : y("", !0)
-	], 16, G));
+	], 16, K));
 }
-var q = /*#__PURE__*/ I(mt, [["render", K]]), J = {
+var J = /*#__PURE__*/ I(pt, [["render", q]]), Y = {
 	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"
-}, ht = /*#__PURE__*/ I(/* @__PURE__ */ j({
+}, mt = /*#__PURE__*/ I(/* @__PURE__ */ M({
 	__name: "CuiRecordingsGrid",
 	props: {
 		items: {},
@@ -1178,7 +1178,7 @@ var q = /*#__PURE__*/ I(mt, [["render", K]]), J = {
 		}
 	},
 	setup(e, { expose: t }) {
-		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 n = e, r = k("containerRef"), { width: i, height: a } = Ae(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;
@@ -1202,49 +1202,49 @@ var q = /*#__PURE__*/ I(mt, [["render", K]]), J = {
 			let t = e;
 			if (t && t.length !== 0) return g(t[0]);
 		}
-		let b = M(!1), T = null;
-		async function A() {
-			if (b.value || !n.hasMore || !n.loadMore || T !== null && n.items.length === T) return;
+		let b = N(!1), E = null;
+		async function j() {
+			if (b.value || !n.hasMore || !n.loadMore || E !== null && n.items.length === E) return;
 			b.value = !0;
 			let e = n.items.length;
 			try {
 				await Promise.resolve(n.loadMore());
 			} finally {
-				b.value = !1, T = n.items.length === e ? e : null;
+				b.value = !1, E = n.items.length === e ? e : null;
 			}
 		}
-		let j = M(0);
-		function te(e) {
+		let M = N(0);
+		function ee(e) {
 			let t = e.target;
 			if (!t) return;
-			j.value = t.scrollTop;
+			M.value = t.scrollTop;
 			let n = p.value * 3;
-			t.scrollTop + t.clientHeight >= t.scrollHeight - n && A();
+			t.scrollTop + t.clientHeight >= t.scrollHeight - n && j();
 		}
-		function ne() {
+		function te() {
 			(r.value?.querySelector(".recordings-scroll"))?.scrollTo({
 				top: 0,
 				behavior: "smooth"
 			});
 		}
-		let P = !1;
-		return ee([
+		let F = !1;
+		return w([
 			() => n.items.length,
 			a,
 			p,
 			() => n.hasMore
 		], () => {
-			P || (P = !0, m(() => {
-				if (P = !1, !n.hasMore) return;
+			F || (F = !0, m(() => {
+				if (F = !1, !n.hasMore) return;
 				let e = a.value, t = h.value.length * p.value;
-				e > 0 && p.value > 0 && t < e + p.value && A();
+				e > 0 && p.value > 0 && t < e + p.value && j();
 			}));
 		}, { flush: "post" }), t({
-			scrollToTop: ne,
-			scrollY: j
+			scrollToTop: te,
+			scrollY: M
 		}), (t, n) => {
-			let i = q, a = Ve;
-			return u(), w("div", {
+			let i = J, a = Be;
+			return u(), T("div", {
 				ref_key: "containerRef",
 				ref: r,
 				class: "recordings-grid-root relative"
@@ -1257,17 +1257,17 @@ var q = /*#__PURE__*/ I(mt, [["render", K]]), J = {
 				class: "recordings-scroll",
 				"num-tolerated-items": 2,
 				"item-key": _,
-				onScroll: te
+				onScroll: ee
 			}, {
-				item: C(({ item: n }) => [k("div", {
+				item: C(({ item: n }) => [A("div", {
 					class: "recordings-row",
-					style: E({
+					style: D({
 						height: `${x(p)}px`,
 						gap: `${e.gap}px`
 					})
-				}, [(u(!0), w(D, null, l(n, (e) => (u(), w("div", {
+				}, [(u(!0), T(O, null, l(n, (e) => (u(), T("div", {
 					key: g(e),
-					style: E({
+					style: D({
 						width: `${x(c)}px`,
 						height: `${x(d)}px`
 					})
@@ -1277,7 +1277,7 @@ var q = /*#__PURE__*/ I(mt, [["render", K]]), J = {
 				"items",
 				"item-size",
 				"scroll-height"
-			])) : y("", !0), x(b) ? (u(), w("div", J, [N(a, {
+			])) : y("", !0), x(b) ? (u(), T("div", Y, [P(a, {
 				width: "18px",
 				height: "18px",
 				class: "text-white"
@@ -1287,7 +1287,7 @@ var q = /*#__PURE__*/ I(mt, [["render", K]]), J = {
 }), [["__scopeId", "data-v-57a2aa74"]]);
 //#endregion
 //#region src/components/CuiRecordings/ungrouped.ts
-function Y(e) {
+function ht(e) {
 	if (e.episode) return e.episode.endTime;
 	if (e.segIndex !== void 0) {
 		let t = e.event.segments?.[e.segIndex];
@@ -1314,7 +1314,7 @@ function gt(e) {
 			});
 		});
 	}
-	return t.sort((e, t) => Y(t) - Y(e)), t;
+	return t.sort((e, t) => ht(t) - ht(e)), t;
 }
 //#endregion
-export { pt as i, Y as n, ht as r, gt as t };
+export { ft as i, ht as n, mt as r, gt as t };