@camera.ui/server 2.2.2 → 2.2.4

package/dist/interface/ha/{Camera-ESmteicm.js → Camera-6Vvo7nee.js}

@@ -1,24 +1,24 @@
 import { f as e } from "./ripple-B_itunQV.js";
 import { H as t, Jt as n, N as r, U as i, Wt as a, _t as o, d as s, f as c, g as ee, gt as te, kt as l, l as u, lt as d, o as ne, ot as f, p, qt as re, r as ie, rt as m, u as h, ut as g, v as _, x as v, xt as y, y as b, z as x } from "./runtime-core.esm-bundler-DCktklpY.js";
 import { t as ae } from "./tooltip-X5MY9FoG.js";
-import { $t as oe, Dr as se, Gn as ce, Kt as le, Lr as ue, Or as de, Qt as fe, Rr as S, Vn as pe, Zt as me, _n as he, b as ge, ct as _e, dn as ve, ft as ye, gn as be, ht as C, lr as w, mt as xe, o as T, pr as E, un as Se, vi as Ce, vr as D, xt as we, yr as Te, zr as Ee } from "./api-JPS8NpNG.js";
-import { _ as De, i as Oe, o as ke } from "./intercomService-Dwd0bhSN.js";
-import { n as Ae } from "./vue-i18n-BBObX4QY.js";
-import { t as je } from "./button-DJDZxmKj.js";
-import { M as Me } from "./dist-Ca4K4HIm.js";
-import { t as Ne } from "./delete-LxFfoBRM.js";
-import { t as Pe } from "./utils-DYtBrGDz.js";
-import { l as Fe } from "./cards-CGP6dWjy.js";
-import { t as Ie } from "./useAssistantActions-B6KFp1pU.js";
-import { n as Le, t as Re } from "./zoom-in-ZVdIPder.js";
+import { $t as oe, Br as S, Hn as se, Or as ce, Qn as le, Qt as ue, Rr as C, St as de, _n as fe, b as pe, bi as me, br as he, dn as ge, en as _e, fn as ve, gt as w, ht as ye, jn as be, kr as xe, lt as Se, mr as T, o as Ce, ot as we, pt as Te, qt as Ee, ur as E, vn as De, yr as Oe, zr as ke } from "./api-VnpXqKYj.js";
+import { _ as Ae, i as je, o as Me } from "./intercomService-Dwd0bhSN.js";
+import { n as Ne } from "./vue-i18n-BBObX4QY.js";
+import { t as Pe } from "./button-DJDZxmKj.js";
+import { M as Fe } from "./dist-jxJIsKjm.js";
+import { t as Ie } from "./delete-LxFfoBRM.js";
+import { t as Le } from "./utils-DYtBrGDz.js";
+import { l as Re } from "./cards-CMel6uVq.js";
+import { t as ze } from "./useAssistantActions-B6KFp1pU.js";
+import { n as Be, t as Ve } from "./zoom-in-ZVdIPder.js";
 //#region ~icons/tabler/clock-play
-var O = {
+var D = {
 	viewBox: "0 0 24 24",
 	width: "1.2em",
 	height: "1.2em"
 };
-function ze(e, n) {
-	return t(), p("svg", O, [...n[0] ||= [h("g", {
+function He(e, n) {
+	return t(), p("svg", D, [...n[0] ||= [h("g", {
 		fill: "none",
 		stroke: "currentColor",
 		"stroke-linecap": "round",
@@ -26,221 +26,232 @@ function ze(e, n) {
 		"stroke-width": "2"
 	}, [h("path", { d: "M12 7v5l2 2m3 8l5-3l-5-3z" }), h("path", { d: "M13.017 20.943a9 9 0 1 1 7.831-7.292" })], -1)]]);
 }
-var Be = o({
+var Ue = o({
 	name: "tabler-clock-play",
-	render: ze
-}), Ve = {
+	render: He
+}), We = {
 	viewBox: "0 0 24 24",
 	width: "1.2em",
 	height: "1.2em"
 };
-function k(e, n) {
-	return t(), p("svg", Ve, [...n[0] ||= [h("path", {
+function Ge(e, n) {
+	return t(), p("svg", We, [...n[0] ||= [h("path", {
 		fill: "currentColor",
 		d: "M18 18v2H6v-2zm3-7v2H3v-2zm-3-7v2H6V4z"
 	}, null, -1)]]);
 }
-var He = o({
+var Ke = o({
 	name: "ri-menu5-line",
-	render: k
-}), Ue = { class: "w-full h-full flex flex-col lg:flex-row gap-0 lg:gap-2 relative" }, We = {
+	render: Ge
+}), qe = { class: "w-full h-full flex flex-col lg:flex-row gap-0 lg:gap-2 relative" }, Je = {
 	key: 0,
 	class: "h-full flex items-center justify-center"
-}, A = /*#__PURE__*/ D(/* @__PURE__ */ v({
+}, O = /*#__PURE__*/ Oe(/* @__PURE__ */ v({
 	__name: "Camera",
 	setup(o) {
-		let v = C(() => import("./CuiCameraRecordings-CifJLj7G.js")), D = C(() => import("./CuiCameraTable-CqfxX0Yn.js").then((e) => e.n)), O = C(() => import("./CuiCameraShares-Xty8LRcn.js")), ze = C(() => import("./CuiBottomSheet-DbCwVXl1.js").then((e) => e.n)), Ve = new le(), k = ke(), A = Ce(), Ge = xe(), j = Ae(), M = ye(), N = S(), Ke = Ee(), qe = Ie(), { xmdBreakpoint: P, smBreakpoint: F, mdBreakpoint: Je } = se(), { topbarOffset: Ye } = de(), { plugin: I } = Me("@camera.ui/camera-ui-nvr"), Xe = ge(), L = u(() => N.params.cameraname), { data: R } = Ve.getCameraQuery(L), z = [
+		let v = w(() => import("./CuiCameraRecordings-BSI8Yn3v.js")), Oe = w(() => import("./CuiCameraTable-BTdP1pEP.js").then((e) => e.n)), D = w(() => import("./CuiCameraShares-DKHZJT-z.js")), He = w(() => import("./CuiBottomSheet-BbJG-998.js").then((e) => e.n)), We = new Ee(), Ge = se("@camera.ui/camera-ui-nvr"), O = Me(), k = me(), Ye = ye(), A = Ne(), j = Te(), M = ke(), Xe = S(), Ze = ze(), { openEventTrace: Qe } = we(), { xmdBreakpoint: N, smBreakpoint: P, mdBreakpoint: $e } = ce(), { topbarOffset: et } = xe(), { plugin: F } = Fe("@camera.ui/camera-ui-nvr"), tt = pe(), I = u(() => M.params.cameraname), { data: L } = We.getCameraQuery(I), R = [
 			"Off",
 			"1m",
 			"2m",
 			"3m",
 			"5m"
-		], B = m("cameraCardRef"), V = m("cuiTimelineRef"), Ze = m("timelineRef"), H = y(!Xe.isTransitioning), Qe = y(!1), U = y(!1), W = y(!1), G = y([]), K = y(), $e = y(), q = y(0), J = y(!1), et = y(!1), Y = y(!1), X = y(!1), tt = u(() => w(void 0, "admin")), Z = u(() => R.value?._id), nt = u(() => !!B.value?.isFullscreen), rt = u(() => V.value?.currentEventDescription), it = De(Ze), at = u(() => R.value?.interfaceSettings?.playbackSource ?? "auto"), Q = pe(u(() => Z.value ?? ""), { sourceRole: at }), ot = u(() => {
-			let e = N.query.startTs, t = Number(e);
+		], z = m("cameraCardRef"), B = m("cuiTimelineRef"), nt = m("timelineRef"), V = y(!tt.isTransitioning), rt = y(!1), H = y(!1), U = y(!1), W = y([]), G = y(), it = y(), K = y(0), q = y(!1), J = y(!1), Y = y(!1), X = y(!1), at = u(() => E(void 0, "admin")), Z = u(() => L.value?._id), ot = u(() => !!z.value?.isFullscreen), st = u(() => B.value?.currentEventDescription), ct = u(() => {
+			let e = B.value?.currentEvent?.id;
+			return e ? Ge.getEvent(e) : void 0;
+		}), lt = Ae(nt), ut = u(() => L.value?.interfaceSettings?.playbackSource ?? "auto"), Q = le(u(() => Z.value ?? ""), { sourceRole: ut }), dt = u(() => {
+			let e = M.query.startTs, t = Number(e);
 			return e && !isNaN(t) ? t : void 0;
-		}), st = u(() => ({
-			locale: j.locale.value,
-			dayNames: M.config.locale?.dayNames,
-			dayNamesShort: M.config.locale?.dayNamesShort,
-			monthNames: M.config.locale?.monthNames,
-			monthNamesShort: M.config.locale?.monthNamesShort
-		})), ct = u(() => {
-			let e = V.value;
+		}), ft = u(() => ({
+			locale: A.locale.value,
+			dayNames: j.config.locale?.dayNames,
+			dayNamesShort: j.config.locale?.dayNamesShort,
+			monthNames: j.config.locale?.monthNames,
+			monthNamesShort: j.config.locale?.monthNamesShort
+		})), pt = u(() => {
+			let e = B.value;
 			return !e?.trimStartMs || !e?.trimEndMs ? 0 : e.trimRecordingDurationMs ?? e.trimEndMs - e.trimStartMs;
-		}), $ = u(() => ct.value < 36e5);
-		i(we, {
-			active: W,
-			regions: G
+		}), $ = u(() => pt.value < 36e5);
+		i(de, {
+			active: U,
+			regions: W
 		});
-		function lt(e) {
-			return Pe(e, G.value);
+		function mt() {
+			let e = ct.value;
+			if (!e || !L.value) return;
+			let t = B.value?.currentTimeMs;
+			Qe(e, L.value, t ? Math.floor(t) : void 0);
 		}
-		function ut() {
-			W.value = !W.value, W.value || (G.value = []);
+		function ht(e) {
+			return Le(e, W.value);
 		}
-		if (!H.value) {
-			let e = f(() => Xe.isTransitioning, (t) => {
-				t || (H.value = !0, e());
+		function gt() {
+			U.value = !U.value, U.value || (W.value = []);
+		}
+		if (!V.value) {
+			let e = f(() => tt.isTransitioning, (t) => {
+				t || (V.value = !0, e());
 			});
 			setTimeout(() => {
-				H.value || (H.value = !0, e());
+				V.value || (V.value = !0, e());
 			}, 1e3);
 		}
-		function dt() {
-			$.value || (q.value = (q.value + 1) % z.length);
+		function _t() {
+			$.value || (K.value = (K.value + 1) % R.length);
 		}
-		function ft(e) {
+		function vt(e) {
 			try {
-				B.value?.timelineScroll(e);
+				z.value?.timelineScroll(e);
 			} catch {}
 		}
-		function pt(e) {
-			V.value?.scrollToEvent(e);
+		function yt(e) {
+			B.value?.scrollToEvent(e);
 		}
-		async function mt() {
-			let e = V.value;
+		async function bt() {
+			let e = B.value;
 			if (!e) return;
 			let t = e.trimStartMs, n = e.trimEndMs;
 			if (!t || !n || !Z.value) return;
-			let r = I.value;
+			let r = F.value;
 			if (!r?.nvrExport) return;
-			let i = z[q.value], a = i === "Off" ? 0 : parseInt(i) * 60;
-			J.value = !0;
+			let i = R[K.value], a = i === "Off" ? 0 : parseInt(i) * 60;
+			q.value = !0;
 			try {
 				let e = await r.nvrExport(Z.value, t * 1e3, n * 1e3, {
 					timelapseIntervalSec: a || void 0,
 					sourceRole: Q.effectiveRole.value || void 0
 				});
-				await E({
+				await T({
 					url: e.url,
 					filename: e.filename
 				});
 			} catch (e) {
-				k.error("Export failed:", e), A.add({
+				O.error("Export failed:", e), k.add({
 					severity: "error",
-					summary: j.t("views.recordings.download_failed"),
-					detail: T(e),
+					summary: A.t("views.recordings.download_failed"),
+					detail: Ce(e),
 					life: 5e3
 				});
 			} finally {
-				J.value = !1;
+				q.value = !1;
 			}
 		}
-		function ht() {
-			let e = V.value;
-			e?.trimStartMs && e?.trimEndMs && Z.value && Ge.openTextDialog({
+		function xt() {
+			let e = B.value;
+			e?.trimStartMs && e?.trimEndMs && Z.value && Ye.openTextDialog({
 				data: {
-					title: j.t("components.dialog.title.confirm"),
-					contentText: j.t("components.player.delete_range_confirm"),
-					confirmText: j.t("components.form.button.remove"),
+					title: A.t("components.dialog.title.confirm"),
+					contentText: A.t("components.player.delete_range_confirm"),
+					confirmText: A.t("components.form.button.remove"),
 					confirmButtonProps: { severity: "danger" }
 				},
-				onConfirm: () => gt()
+				onConfirm: () => St()
 			});
 		}
-		async function gt() {
-			let e = V.value;
+		async function St() {
+			let e = B.value;
 			if (!e?.trimStartMs || !e?.trimEndMs || !Z.value) return;
-			let t = I.value;
+			let t = F.value;
 			if (t?.nvrDeleteRange) {
-				et.value = !0;
+				J.value = !0;
 				try {
 					let n = await t.nvrDeleteRange(Z.value, e.trimStartMs * 1e3, e.trimEndMs * 1e3);
-					n?.endMs > n?.startMs ? (A.add({
+					n?.endMs > n?.startMs ? (k.add({
 						severity: "success",
-						detail: j.t("components.player.delete_range_done"),
+						detail: A.t("components.player.delete_range_done"),
 						life: 4e3
-					}), X.value = !1) : e.trimEndMs > Date.now() - 18e4 ? A.add({
+					}), X.value = !1) : e.trimEndMs > Date.now() - 18e4 ? k.add({
 						severity: "info",
-						detail: j.t("components.player.delete_range_too_recent"),
+						detail: A.t("components.player.delete_range_too_recent"),
 						life: 5e3
-					}) : A.add({
+					}) : k.add({
 						severity: "info",
-						detail: j.t("components.player.delete_range_nothing"),
+						detail: A.t("components.player.delete_range_nothing"),
 						life: 4e3
 					});
 				} catch (e) {
-					k.error("Range delete failed:", e), A.add({
+					O.error("Range delete failed:", e), k.add({
 						severity: "error",
-						detail: T(e),
+						detail: Ce(e),
 						life: 5e3
 					});
 				} finally {
-					et.value = !1;
+					J.value = !1;
 				}
 			}
 		}
-		function _t() {
+		function Ct() {
 			Y.value = !Y.value, Y.value && (X.value = !1);
 		}
-		function vt() {
+		function wt() {
 			X.value = !X.value, X.value && (Y.value = !1);
 		}
-		return f(() => B.value?.timelineState, (e) => {
+		return f(() => z.value?.timelineState, (e) => {
 			e === !1 && (Y.value = !1, X.value = !1);
-		}), f(ot, (e) => {
+		}), f(dt, (e) => {
 			e && (Q.mode.value = "play");
 		}, {
 			immediate: !0,
 			flush: "sync"
-		}), f([Z, ot], ([e, t]) => {
-			e && t && $e.value !== t && R.value?.name === L.value && ($e.value = t, Q.play(t * 1e3), V.value?.scrollToTime(t), Ke.replace({ query: {
-				...N.query,
+		}), f([Z, dt], ([e, t]) => {
+			e && t && it.value !== t && L.value?.name === I.value && (it.value = t, Q.play(t * 1e3), B.value?.scrollToTime(t), Xe.replace({ query: {
+				...M.query,
 				startTs: void 0
 			} }));
-		}, { immediate: !0 }), f(L, (e, t) => {
-			t && P.value && Qe.value && r(() => {
+		}, { immediate: !0 }), f(I, (e, t) => {
+			t && N.value && rt.value && r(() => {
 				r(() => {
 					try {
-						B.value?.toggleTimeline();
+						z.value?.toggleTimeline();
 					} catch {}
 				});
 			});
-		}, { flush: "pre" }), f(() => B.value?.timelineState, (e) => {
-			e !== void 0 && (Qe.value = e);
+		}, { flush: "pre" }), f(() => z.value?.timelineState, (e) => {
+			e !== void 0 && (rt.value = e);
 		}), f(Y, (e) => {
-			e || (q.value = 0);
+			e || (K.value = 0);
 		}), f($, (e) => {
-			e && (q.value = 0);
-		}), ue((e, t) => {
+			e && (K.value = 0);
+		}), C((e, t) => {
 			e.params.cameraname !== t.params.cameraname && Q.isActive.value && Q.stop();
 		}), x(() => {
-			qe.register({
+			Ze.register({
 				name: "timeline.seek",
 				description: "Jump the recording of the open camera to a time. Args: { time: ISO 8601 with offset }.",
 				run: (e) => {
 					let t = Date.parse(String(e.time ?? ""));
 					if (Number.isNaN(t)) throw Error("time is not a valid ISO 8601 timestamp");
-					return Q.play(t * 1e3), V.value?.scrollToTime(t), `timeline at ${new Date(t).toLocaleString()}`;
+					return Q.play(t * 1e3), B.value?.scrollToTime(t), `timeline at ${new Date(t).toLocaleString()}`;
 				}
-			}), qe.register({
+			}), Ze.register({
 				name: "timeline.zoom",
 				description: "Zoom the timeline of the open camera. Args: { direction: \"in\" | \"out\" }.",
-				run: (e) => (e.direction === "in" ? V.value?.zoomIn() : V.value?.zoomOut(), `timeline zoomed ${e.direction === "in" ? "in" : "out"}`)
+				run: (e) => (e.direction === "in" ? B.value?.zoomIn() : B.value?.zoomOut(), `timeline zoomed ${e.direction === "in" ? "in" : "out"}`)
 			});
 		}), (r, i) => {
-			let o = Fe, u = Te, f = me, m = fe, y = oe, x = Se, se = ve, le = Oe, ue = be, de = he, S = je, pe = He, ge = Be, ye = _e, C = Ne, xe = Re, T = Le, E = ae;
+			let o = Re, u = he, f = ue, m = oe, y = _e, x = ge, S = ve, se = je, ce = fe, le = De, C = Pe, de = Ke, pe = Ue, me = Se, w = Ie, ye = Ve, xe = Be, T = ae;
 			return t(), p("div", { class: a({
-				"pt-2": !l(F),
-				"px-2": !l(F)
+				"pt-2": !l(P),
+				"px-2": !l(P)
 			}) }, [
-				h("div", Ue, [h("div", {
-					class: a(["w-full flex flex-col gap-2", { "h-full": !l(F) }]),
-					style: re({ paddingRight: !l(F) && !l(P) ? `calc(${l(it).width.value || 400}px + 0.5rem)` : "0px" })
-				}, [h("div", { class: a({ "flex max-h-[60%]": !l(F) }) }, [(t(), s(o, {
+				h("div", qe, [h("div", {
+					class: a(["w-full flex flex-col gap-2", { "h-full": !l(P) }]),
+					style: re({ paddingRight: !l(P) && !l(N) ? `calc(${l(lt).width.value || 400}px + 0.5rem)` : "0px" })
+				}, [h("div", { class: a({ "flex max-h-[60%]": !l(P) }) }, [(t(), s(o, {
 					ref_key: "cameraCardRef",
-					ref: B,
-					key: l(L),
-					"source-role": l(K),
-					"onUpdate:sourceRole": i[0] ||= (e) => te(K) ? K.value = e : null,
-					"back-button": l(F),
-					"camera-info": l(L),
-					"flat-card": l(F),
-					resizable: l(F),
-					"control-microphone-button": !l(F),
-					"toolbar-timeline-button": l(P),
-					"toolbar-description-button": !!l(I),
-					"event-description": l(rt),
+					ref: z,
+					key: l(I),
+					"source-role": l(G),
+					"onUpdate:sourceRole": i[0] ||= (e) => te(G) ? G.value = e : null,
+					"back-button": l(P),
+					"camera-info": l(I),
+					"flat-card": l(P),
+					resizable: l(P),
+					"control-microphone-button": !l(P),
+					"toolbar-timeline-button": l(N),
+					"toolbar-description-button": !!l(F),
+					"event-description": l(st),
+					"current-event": l(ct),
+					onOpenTrace: mt,
 					"camera-name-overlay": !1,
 					"show-shortcuts": "",
 					"view-transition": "",
@@ -254,8 +265,9 @@ var He = o({
 					"control-microphone-button",
 					"toolbar-timeline-button",
 					"toolbar-description-button",
-					"event-description"
-				]))], 2), l(F) ? c("", !0) : (t(), s(le, {
+					"event-description",
+					"current-event"
+				]))], 2), l(P) ? c("", !0) : (t(), s(se, {
 					key: 0,
 					class: "cui-card flex-1 min-h-0",
 					pt: {
@@ -263,7 +275,7 @@ var He = o({
 						body: { class: "h-full" }
 					}
 				}, {
-					content: d(() => [l(H) ? (t(), s(se, {
+					content: d(() => [l(V) ? (t(), s(S, {
 						key: 1,
 						value: "0",
 						lazy: "",
@@ -285,7 +297,7 @@ var He = o({
 									default: d(() => [_(n(r.$t("views.camera.cameras")), 1)]),
 									_: 1
 								}),
-								("hasPermission" in r ? r.hasPermission : l(w))(void 0, "admin") ? (t(), s(f, {
+								("hasPermission" in r ? r.hasPermission : l(E))(void 0, "admin") ? (t(), s(f, {
 									key: 0,
 									value: "2",
 									class: "pt-0 text-sm"
@@ -304,9 +316,9 @@ var He = o({
 									default: d(() => [l(Z) ? (t(), s(l(v), {
 										key: 0,
 										"camera-id": l(Z),
-										"camera-name": l(L),
-										camera: l(R),
-										onScrollToEvent: pt
+										"camera-name": l(I),
+										camera: l(L),
+										onScrollToEvent: yt
 									}, null, 8, [
 										"camera-id",
 										"camera-name",
@@ -315,17 +327,17 @@ var He = o({
 									_: 1
 								}),
 								b(y, { value: "1" }, {
-									default: d(() => [b(l(D), { "active-camera": l(L) }, null, 8, ["active-camera"])]),
+									default: d(() => [b(l(Oe), { "active-camera": l(I) }, null, 8, ["active-camera"])]),
 									_: 1
 								}),
-								("hasPermission" in r ? r.hasPermission : l(w))(void 0, "admin") ? (t(), s(y, {
+								("hasPermission" in r ? r.hasPermission : l(E))(void 0, "admin") ? (t(), s(y, {
 									key: 0,
 									value: "2"
 								}, {
-									default: d(() => [l(Z) ? (t(), s(l(O), {
+									default: d(() => [l(Z) ? (t(), s(l(D), {
 										key: 0,
 										"camera-id": l(Z),
-										"camera-name": l(L)
+										"camera-name": l(I)
 									}, null, 8, ["camera-id", "camera-name"])) : c("", !0)]),
 									_: 1
 								})) : c("", !0)
@@ -333,33 +345,33 @@ var He = o({
 							_: 1
 						})]),
 						_: 1
-					})) : (t(), p("div", We, [b(u, {
+					})) : (t(), p("div", Je, [b(u, {
 						class: "w-[32px] h-[32px]",
 						"stroke-width": "4"
 					})]))]),
 					_: 1
-				}))], 6), l(P) ? c("", !0) : g((t(), p("div", {
+				}))], 6), l(N) ? c("", !0) : g((t(), p("div", {
 					key: 0,
 					id: "camera-sidebar",
 					ref_key: "timelineRef",
-					ref: Ze,
+					ref: nt,
 					class: a({
-						"min-w-[300px]": l(F),
-						"min-w-[400px]": !l(F),
-						"border-t-[1px] border-color": l(F),
-						"lg:fixed lg:right-safe-offset-2 lg:bottom-safe-offset-2": !l(F) && !l(P)
+						"min-w-[300px]": l(P),
+						"min-w-[400px]": !l(P),
+						"border-t-[1px] border-color": l(P),
+						"lg:fixed lg:right-safe-offset-2 lg:bottom-safe-offset-2": !l(P) && !l(N)
 					}),
-					style: re({ height: `calc(100% - ${l(Ye)}px - 1rem - var(--safe-area-inset-top) - var(--safe-area-inset-bottom))` })
-				}, null, 6)), [[e, !l(nt)]])]),
-				l(F) && l(H) ? (t(), s(l(ze), {
+					style: re({ height: `calc(100% - ${l(et)}px - 1rem - var(--safe-area-inset-top) - var(--safe-area-inset-bottom))` })
+				}, null, 6)), [[e, !l(ot)]])]),
+				l(P) && l(V) ? (t(), s(l(He), {
 					key: 0,
-					modelValue: l(U),
-					"onUpdate:modelValue": i[1] ||= (e) => te(U) ? U.value = e : null,
+					modelValue: l(H),
+					"onUpdate:modelValue": i[1] ||= (e) => te(H) ? H.value = e : null,
 					height: "70vh",
 					"max-height": "85vh"
 				}, {
-					default: d(() => [(t(), s(se, {
-						key: l(L),
+					default: d(() => [(t(), s(S, {
+						key: l(I),
 						value: "0",
 						lazy: "",
 						class: "h-full flex flex-col"
@@ -398,10 +410,10 @@ var He = o({
 									default: d(() => [l(Z) ? (t(), s(l(v), {
 										key: 0,
 										"camera-id": l(Z),
-										"camera-name": l(L),
-										camera: l(R),
+										"camera-name": l(I),
+										camera: l(L),
 										compact: "",
-										onScrollToEvent: pt
+										onScrollToEvent: yt
 									}, null, 8, [
 										"camera-id",
 										"camera-name",
@@ -413,17 +425,17 @@ var He = o({
 									value: "1",
 									class: "h-full overflow-auto"
 								}, {
-									default: d(() => [b(l(D), { "active-camera": l(L) }, null, 8, ["active-camera"])]),
+									default: d(() => [b(l(Oe), { "active-camera": l(I) }, null, 8, ["active-camera"])]),
 									_: 1
 								}),
 								b(y, {
 									value: "2",
 									class: "h-full overflow-auto"
 								}, {
-									default: d(() => [l(Z) ? (t(), s(l(O), {
+									default: d(() => [l(Z) ? (t(), s(l(D), {
 										key: 0,
 										"camera-id": l(Z),
-										"camera-name": l(L)
+										"camera-name": l(I)
 									}, null, 8, ["camera-id", "camera-name"])) : c("", !0)]),
 									_: 1
 								})
@@ -435,96 +447,96 @@ var He = o({
 					_: 1
 				}, 8, ["modelValue"])) : c("", !0),
 				(t(), s(ne, {
-					key: l(L),
-					to: l(P) ? "#timeline-container" : "#camera-sidebar",
+					key: l(I),
+					to: l(N) ? "#timeline-container" : "#camera-sidebar",
 					defer: ""
-				}, [(t(), s(l(ce), {
+				}, [(t(), s(l(be), {
 					ref_key: "cuiTimelineRef",
-					ref: V,
-					key: l(L),
+					ref: B,
+					key: l(I),
 					"camera-ids": l(Z) ? [l(Z)] : [],
-					loading: !l(H),
-					"flat-card": l(F) || l(P),
-					type: l(P) ? "horizontal" : "vertical",
-					"show-segments": !l(F) && !l(P),
+					loading: !l(V),
+					"flat-card": l(P) || l(N),
+					type: l(N) ? "horizontal" : "vertical",
+					"show-segments": !l(P) && !l(N),
 					"show-zoom": !0,
-					"initial-timestamp": l(ot),
+					"initial-timestamp": l(dt),
 					class: a({
-						"absolute bottom-0 left-0 w-full h-[200px]": l(P),
-						"h-full": !l(P)
+						"absolute bottom-0 left-0 w-full h-[200px]": l(N),
+						"h-full": !l(N)
 					}),
-					"card-class": { "h-[200px]": l(P) },
-					transparent: l(P),
-					"dark-mode": l(P),
-					"overlay-class": l(P) ? "timeline-overlay !z-0" : void 0,
-					"locale-settings": l(st),
+					"card-class": { "h-[200px]": l(N) },
+					transparent: l(N),
+					"dark-mode": l(N),
+					"overlay-class": l(N) ? "timeline-overlay !z-0" : void 0,
+					"locale-settings": l(ft),
 					"trim-mode": l(Y) || l(X),
 					"trim-variant": l(X) ? "delete" : "export",
 					"export-available": !0,
-					"delete-available": l(tt),
-					"ignore-bottom-safe-area": !l(P),
-					"md-breakpoint": l(Je),
-					"zone-filter-active": l(W),
-					"zone-has-regions": l(G).length > 0,
-					"zone-box-matcher": lt,
-					onScrolling: ft,
-					onToggleZoneFilter: ut,
-					onToggleExportMode: _t,
-					onToggleDeleteMode: vt
+					"delete-available": l(at),
+					"ignore-bottom-safe-area": !l(N),
+					"md-breakpoint": l($e),
+					"zone-filter-active": l(U),
+					"zone-has-regions": l(W).length > 0,
+					"zone-box-matcher": ht,
+					onScrolling: vt,
+					onToggleZoneFilter: gt,
+					onToggleExportMode: Ct,
+					onToggleDeleteMode: wt
 				}, {
-					"bottom-right": d(() => [h("div", { class: a(["flex gap-2 items-center", l(P) ? "flex-row-reverse" : "flex-col-reverse"]) }, [
-						l(F) && !l(Y) && !l(X) ? g((t(), s(S, {
+					"bottom-right": d(() => [h("div", { class: a(["flex gap-2 items-center", l(N) ? "flex-row-reverse" : "flex-col-reverse"]) }, [
+						l(P) && !l(Y) && !l(X) ? g((t(), s(C, {
 							key: 0,
 							rounded: "",
 							severity: "primary",
-							disabled: l(B)?.micButtonDisabled ?? !0,
+							disabled: l(z)?.micButtonDisabled ?? !0,
 							class: "shadow-md pointer-events-auto w-[46px] h-[46px]",
-							onClick: i[2] ||= (e) => l(B)?.toggleMicrophone(void 0, !0)
+							onClick: i[2] ||= (e) => l(z)?.toggleMicrophone(void 0, !0)
 						}, {
-							icon: d(() => [l(B)?.micActive ? (t(), s(ue, {
+							icon: d(() => [l(z)?.micActive ? (t(), s(ce, {
 								key: 0,
 								width: "100%",
 								height: "100%"
-							})) : (t(), s(de, {
+							})) : (t(), s(le, {
 								key: 1,
 								width: "100%",
 								height: "100%"
 							}))]),
 							_: 1
 						}, 8, ["disabled"])), [[
-							E,
+							T,
 							{ value: r.$t("components.player.intercom") },
 							void 0,
 							{ left: !0 }
 						]]) : c("", !0),
-						l(F) && !l(Y) && !l(X) ? g((t(), s(S, {
+						l(P) && !l(Y) && !l(X) ? g((t(), s(C, {
 							key: 1,
 							rounded: "",
 							severity: "secondary",
 							class: "shadow-md pointer-events-auto w-[42px] h-[42px]",
-							onClick: i[3] ||= (e) => U.value = !0
+							onClick: i[3] ||= (e) => H.value = !0
 						}, {
-							icon: d(() => [b(pe, {
+							icon: d(() => [b(de, {
 								width: "100%",
 								height: "100%"
 							})]),
 							_: 1
 						})), [[
-							E,
+							T,
 							{ value: r.$t("components.player.more") },
 							void 0,
 							{ left: !0 }
 						]]) : c("", !0),
-						l(Y) ? (t(), p(ie, { key: 2 }, [g((t(), s(S, {
+						l(Y) ? (t(), p(ie, { key: 2 }, [g((t(), s(C, {
 							rounded: "",
 							severity: "secondary",
 							disabled: l($),
-							label: l(q) > 0 ? z[l(q)] : void 0,
-							class: a(["shadow-md pointer-events-auto !text-xs !font-semibold", l(P) ? "cui-button-small" : "w-[42px] h-[42px]"]),
-							onClick: dt
-						}, ee({ _: 2 }, [l(q) === 0 ? {
+							label: l(K) > 0 ? R[l(K)] : void 0,
+							class: a(["shadow-md pointer-events-auto !text-xs !font-semibold", l(N) ? "cui-button-small" : "w-[42px] h-[42px]"]),
+							onClick: _t
+						}, ee({ _: 2 }, [l(K) === 0 ? {
 							name: "icon",
-							fn: d(() => [b(ge, {
+							fn: d(() => [b(pe, {
 								width: "100%",
 								height: "100%",
 								class: "opacity-40"
@@ -535,78 +547,78 @@ var He = o({
 							"label",
 							"class"
 						])), [[
-							E,
-							{ value: l($) ? r.$t("components.player.timelapse_min_duration") : l(q) > 0 ? `${r.$t("components.player.timelapse")}: ${z[l(q)]}` : r.$t("components.player.timelapse_off") },
+							T,
+							{ value: l($) ? r.$t("components.player.timelapse_min_duration") : l(K) > 0 ? `${r.$t("components.player.timelapse")}: ${R[l(K)]}` : r.$t("components.player.timelapse_off") },
 							void 0,
 							{ left: !0 }
-						]]), g((t(), s(S, {
+						]]), g((t(), s(C, {
 							rounded: "",
 							severity: "success",
-							loading: l(J),
-							class: a(["shadow-md pointer-events-auto", l(P) ? "cui-button-small" : "w-[42px] h-[42px]"]),
-							onClick: mt
+							loading: l(q),
+							class: a(["shadow-md pointer-events-auto", l(N) ? "cui-button-small" : "w-[42px] h-[42px]"]),
+							onClick: bt
 						}, {
-							icon: d(() => [b(ye, {
+							icon: d(() => [b(me, {
 								width: "100%",
 								height: "100%"
 							})]),
 							_: 1
 						}, 8, ["loading", "class"])), [[
-							E,
+							T,
 							{ value: r.$t("components.player.export_selection") },
 							void 0,
 							{ left: !0 }
 						]])], 64)) : c("", !0),
-						l(X) ? g((t(), s(S, {
+						l(X) ? g((t(), s(C, {
 							key: 3,
 							rounded: "",
 							severity: "danger",
-							loading: l(et),
-							class: a(["shadow-md pointer-events-auto", l(P) ? "cui-button-small" : "w-[42px] h-[42px]"]),
-							onClick: ht
+							loading: l(J),
+							class: a(["shadow-md pointer-events-auto", l(N) ? "cui-button-small" : "w-[42px] h-[42px]"]),
+							onClick: xt
 						}, {
-							icon: d(() => [b(C, {
+							icon: d(() => [b(w, {
 								width: "100%",
 								height: "100%"
 							})]),
 							_: 1
 						}, 8, ["loading", "class"])), [[
-							E,
+							T,
 							{ value: r.$t("components.player.delete_selection") },
 							void 0,
 							{ left: !0 }
 						]]) : c("", !0),
-						l(F) || l(P) ? (t(), p(ie, { key: 4 }, [g((t(), s(S, {
+						l(P) || l(N) ? (t(), p(ie, { key: 4 }, [g((t(), s(C, {
 							rounded: "",
 							severity: "secondary",
-							disabled: (l(V)?.zoomLevel ?? 0) >= 8,
-							class: a(["shadow-md pointer-events-auto", l(P) ? "cui-button-small" : "w-[42px] h-[42px]"]),
-							onClick: i[4] ||= (e) => l(V)?.zoomIn()
+							disabled: (l(B)?.zoomLevel ?? 0) >= 8,
+							class: a(["shadow-md pointer-events-auto", l(N) ? "cui-button-small" : "w-[42px] h-[42px]"]),
+							onClick: i[4] ||= (e) => l(B)?.zoomIn()
 						}, {
-							icon: d(() => [b(xe, {
+							icon: d(() => [b(ye, {
 								width: "100%",
 								height: "100%"
 							})]),
 							_: 1
 						}, 8, ["disabled", "class"])), [[
-							E,
+							T,
 							{ value: r.$t("components.form.tooltip.zoom_in") },
 							void 0,
 							{ left: !0 }
-						]]), g((t(), s(S, {
+						]]), g((t(), s(C, {
 							rounded: "",
 							severity: "secondary",
-							disabled: (l(V)?.zoomLevel ?? 0) <= 0,
-							class: a(["shadow-md pointer-events-auto", l(P) ? "cui-button-small" : "w-[42px] h-[42px]"]),
-							onClick: i[5] ||= (e) => l(V)?.zoomOut()
+							disabled: (l(B)?.zoomLevel ?? 0) <= 0,
+							class: a(["shadow-md pointer-events-auto", l(N) ? "cui-button-small" : "w-[42px] h-[42px]"]),
+							onClick: i[5] ||= (e) => l(B)?.zoomOut()
 						}, {
-							icon: d(() => [b(T, {
+							icon: d(() => [b(xe, {
 								width: "100%",
 								height: "100%"
 							})]),
 							_: 1
 						}, 8, ["disabled", "class"])), [[
-							E,
+							T,
 							{ value: r.$t("components.form.tooltip.zoom_out") },
 							void 0,
 							{ left: !0 }
@@ -637,6 +649,6 @@ var He = o({
 			], 2);
 		};
 	}
-}), [["__scopeId", "data-v-6a15bcd9"]]);
+}), [["__scopeId", "data-v-433600d6"]]);
 //#endregion
-export { A as default };
+export { O as default };