@camera.ui/server 2.2.8 → 2.3.0

package/dist/interface/ha/Camera-Ai4BxVh_.js

@@ -0,0 +1,747 @@
+import { f as e } from "./ripple-ZDATPc2w.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 l, kt as u, l as d, lt as f, o as te, ot as p, p as m, qt as h, r as ne, rt as g, u as _, ut as v, v as y, wt as re, x as ie, xt as b, y as x, z as S } from "./runtime-core.esm-bundler-_TfE0DWz.js";
+import { t as ae } from "./tooltip-BDrlgLof.js";
+import { An as oe, Ar as se, Bn as ce, Bt as le, Ei as ue, Fr as de, Gr as fe, Kr as C, Or as pe, Pr as me, Qt as he, Rn as ge, Rt as _e, Sn as w, Wr as ve, Zt as ye, an as be, at as xe, er as Se, et as T, ft as Ce, hn as we, hr as Te, ir as Ee, mn as De, o as Oe, on as ke, tt as Ae, wr as je, xn as Me, yr as Ne, zt as Pe } from "./api-CH_Y8Hee.js";
+import { C as Fe, _ as Ie, i as Le, o as Re } from "./intercomService-BtJ_zUNd.js";
+import { n as ze } from "./vue-i18n-D5EAy78K.js";
+import { t as Be } from "./button-BouAFgf5.js";
+import { M as Ve } from "./dist-BQf9ANPx.js";
+import { t as He } from "./delete-DWdURc9X.js";
+import { t as Ue } from "./utils-DYtBrGDz.js";
+import { l as We } from "./cards-E0zw1UVg.js";
+import { t as Ge } from "./useAssistantActions-kDwiO-u5.js";
+import { n as Ke, t as qe } from "./zoom-in-BCxZo2jC.js";
+//#region ~icons/tabler/clock-play
+var Je = {
+	viewBox: "0 0 24 24",
+	width: "1.2em",
+	height: "1.2em"
+};
+function Ye(e, n) {
+	return t(), m("svg", Je, [...n[0] ||= [_("g", {
+		fill: "none",
+		stroke: "currentColor",
+		"stroke-linecap": "round",
+		"stroke-linejoin": "round",
+		"stroke-width": "2"
+	}, [_("path", { d: "M12 7v5l2 2m3 8l5-3l-5-3z" }), _("path", { d: "M13.017 20.943a9 9 0 1 1 7.831-7.292" })], -1)]]);
+}
+var Xe = o({
+	name: "tabler-clock-play",
+	render: Ye
+}), Ze = {
+	viewBox: "0 0 24 24",
+	width: "1.2em",
+	height: "1.2em"
+};
+function Qe(e, n) {
+	return t(), m("svg", Ze, [...n[0] ||= [_("path", {
+		fill: "currentColor",
+		d: "M18 18v2H6v-2zm3-7v2H3v-2zm-3-7v2H6V4z"
+	}, null, -1)]]);
+}
+var $e = o({
+	name: "ri-menu5-line",
+	render: Qe
+}), et = { class: "w-full h-full flex flex-col lg:flex-row gap-0 lg:gap-2 relative" }, tt = {
+	key: 0,
+	class: "h-full flex items-center justify-center"
+}, nt = .6, rt = .2, it = 160, at = /*#__PURE__*/ se(/* @__PURE__ */ ie({
+	__name: "Camera",
+	setup(o) {
+		let ie = w(() => import("./CuiCameraRecordings-DYjecmE_.js")), se = w(() => import("./CuiCameraTable-CQNMyBaq.js").then((e) => e.n)), Je = w(() => import("./CuiCameraShares-C0H60nZS.js")), Ye = w(() => import("./CuiBottomSheet-CYNvQV4T.js").then((e) => e.n)), Ze = new we(), Qe = Se("@camera.ui/camera-ui-nvr"), at = Re(), E = ue(), ot = Me(), D = ze(), st = xe(), O = fe(), ct = C(), lt = Ge(), { openEventTrace: ut } = Ae(), { openSimilarSearch: dt, openOnCamera: ft, cameraSearch: pt, forgetCameraSearch: mt } = T(), { xmdBreakpoint: k, smBreakpoint: A, mdBreakpoint: ht } = me(), { topbarOffset: gt } = de(), { plugin: j } = Ve("@camera.ui/camera-ui-nvr"), _t = Te(), M = d(() => O.params.cameraname), { data: N } = Ze.getCameraQuery(M), P = [
+			"Off",
+			"1m",
+			"2m",
+			"3m",
+			"5m"
+		], F = g("cameraCardRef"), I = g("cuiTimelineRef"), vt = g("timelineRef"), yt = g("cameraColumnRef"), bt = g("cameraPaneRef"), xt = Fe("cui-camera-view-share", nt), L = re(pt()), R = b(!_t.isTransitioning), St = b(!1), z = b(!1), B = b(!1), V = b([]), Ct = b(), wt = b(), H = b(0), Tt = b(!1), Et = b(!1), U = b(!1), W = b(!1), G = b(), K = b("0"), q, Dt = d(() => Ne(void 0, "admin")), J = d(() => N.value?._id), Y = d(() => !!F.value?.isFullscreen), X = d(() => k.value || Y.value), Ot = d(() => I.value?.currentEventDescription), kt = d(() => {
+			let e = I.value?.currentEvent?.id;
+			return e ? Qe.getEvent(e) : void 0;
+		}), At = Ie(vt), jt = d(() => N.value?.interfaceSettings?.playbackSource ?? "auto"), Z = ce(d(() => J.value ?? ""), { sourceRole: jt }), Mt = d(() => {
+			let e = O.query.startTs, t = Number(e);
+			return e && !isNaN(t) ? t : void 0;
+		}), Nt = d(() => typeof O.query.pip == "string" && O.query.pip ? O.query.pip : void 0), Pt = d(() => {
+			let e = I.value;
+			return !e?.trimStartMs || !e?.trimEndMs ? 0 : e.trimRecordingDurationMs ?? e.trimEndMs - e.trimStartMs;
+		}), Q = d(() => Pt.value < 36e5);
+		i(Ce, {
+			active: B,
+			regions: V
+		});
+		function Ft(e) {
+			let t = { pip: M.value };
+			Z.mode.value !== "idle" && (t.startTs = String(Math.floor(ge(Z) / 1e3))), ct.push({
+				path: `/cameras/${e}`,
+				query: t,
+				state: { pipFullscreen: Y.value }
+			});
+		}
+		function It() {
+			let e = kt.value;
+			if (!e || !N.value) return;
+			let t = I.value?.currentTimeMs;
+			ut(e, N.value, t ? Math.floor(t) : void 0);
+		}
+		function Lt(e) {
+			return Ue(e, V.value);
+		}
+		function Rt() {
+			B.value = !B.value, B.value || (V.value = []);
+		}
+		if (!R.value) {
+			let e = p(() => _t.isTransitioning, (t) => {
+				t || (R.value = !0, e());
+			});
+			setTimeout(() => {
+				R.value || (R.value = !0, e());
+			}, 1e3);
+		}
+		function zt() {
+			Q.value || (H.value = (H.value + 1) % P.length);
+		}
+		function Bt(e) {
+			try {
+				F.value?.timelineScroll(e);
+			} catch {}
+		}
+		function Vt(e) {
+			let t = bt.value;
+			t && (e.currentTarget.setPointerCapture(e.pointerId), q = {
+				y: e.clientY,
+				height: t.offsetHeight
+			});
+		}
+		function Ht(e) {
+			let t = yt.value?.clientHeight;
+			if (!q || !t) return;
+			let n = (q.height + e.clientY - q.y) / t;
+			xt.value = Math.min(Math.max(n, rt), 1 - it / t);
+		}
+		function Ut() {
+			q = void 0;
+		}
+		function $(e) {
+			I.value?.scrollToEvent(e);
+		}
+		function Wt(e) {
+			L.value = e, G.value = void 0;
+		}
+		function Gt() {
+			L.value = void 0, G.value = void 0, mt();
+		}
+		function Kt({ event: e, camera: t, timestamp: n }) {
+			if (e.cameraId === J.value) {
+				$(n);
+				return;
+			}
+			t && L.value && ft(t.name, n, L.value);
+		}
+		function qt() {
+			L.value && dt(L.value);
+		}
+		async function Jt() {
+			let e = I.value;
+			if (!e) return;
+			let t = e.trimStartMs, n = e.trimEndMs;
+			if (!t || !n || !J.value) return;
+			let r = j.value;
+			if (!r?.nvrExport) return;
+			let i = P[H.value], a = i === "Off" ? 0 : parseInt(i) * 60;
+			Tt.value = !0;
+			try {
+				let e = await r.nvrExport(J.value, t * 1e3, n * 1e3, {
+					timelapseIntervalSec: a || void 0,
+					sourceRole: Z.effectiveRole.value || void 0
+				});
+				await je({
+					url: e.url,
+					filename: e.filename
+				});
+			} catch (e) {
+				at.error("Export failed:", e), E.add({
+					severity: "error",
+					summary: D.t("views.recordings.download_failed"),
+					detail: Oe(e),
+					life: 5e3
+				});
+			} finally {
+				Tt.value = !1;
+			}
+		}
+		function Yt() {
+			let e = I.value;
+			e?.trimStartMs && e?.trimEndMs && J.value && ot.openTextDialog({
+				data: {
+					title: D.t("components.dialog.title.confirm"),
+					contentText: D.t("components.player.delete_range_confirm"),
+					confirmText: D.t("components.form.button.remove"),
+					confirmButtonProps: { severity: "danger" }
+				},
+				onConfirm: () => Xt()
+			});
+		}
+		async function Xt() {
+			let e = I.value;
+			if (!e?.trimStartMs || !e?.trimEndMs || !J.value) return;
+			let t = j.value;
+			if (t?.nvrDeleteRange) {
+				Et.value = !0;
+				try {
+					let n = await t.nvrDeleteRange(J.value, e.trimStartMs * 1e3, e.trimEndMs * 1e3);
+					n?.endMs > n?.startMs ? (E.add({
+						severity: "success",
+						detail: D.t("components.player.delete_range_done"),
+						life: 4e3
+					}), W.value = !1) : e.trimEndMs > Date.now() - 18e4 ? E.add({
+						severity: "info",
+						detail: D.t("components.player.delete_range_too_recent"),
+						life: 5e3
+					}) : E.add({
+						severity: "info",
+						detail: D.t("components.player.delete_range_nothing"),
+						life: 4e3
+					});
+				} catch (e) {
+					at.error("Range delete failed:", e), E.add({
+						severity: "error",
+						detail: Oe(e),
+						life: 5e3
+					});
+				} finally {
+					Et.value = !1;
+				}
+			}
+		}
+		function Zt() {
+			U.value = !U.value, U.value && (W.value = !1);
+		}
+		function Qt() {
+			W.value = !W.value, W.value && (U.value = !1);
+		}
+		return p(() => F.value?.timelineState, (e) => {
+			e === !1 && (U.value = !1, W.value = !1);
+		}), p(Mt, (e) => {
+			e && (Z.mode.value = "play");
+		}, {
+			immediate: !0,
+			flush: "sync"
+		}), p([J, Mt], ([e, t]) => {
+			e && t && wt.value !== t && N.value?.name === M.value && (wt.value = t, Z.play(t * 1e3), I.value?.scrollToTime(t), ct.replace({ query: {
+				...O.query,
+				startTs: void 0
+			} }));
+		}, { immediate: !0 }), p(M, () => {
+			L.value = pt(), L.value || (G.value = void 0);
+		}), p(L, (e) => {
+			e && (K.value = "0", A.value && (z.value = !0));
+		}, { immediate: !0 }), p(M, (e, t) => {
+			t && k.value && St.value && r(() => {
+				r(() => {
+					try {
+						F.value?.toggleTimeline();
+					} catch {}
+				});
+			});
+		}, { flush: "pre" }), p(() => F.value?.timelineState, (e) => {
+			e !== void 0 && (St.value = e);
+		}), p(U, (e) => {
+			e || (H.value = 0);
+		}), p(F, (e) => {
+			e && window.history.state?.pipFullscreen && (window.history.replaceState({
+				...window.history.state,
+				pipFullscreen: !1
+			}, ""), e.isFullscreen || e.toggleFs());
+		}), p(Y, (e) => {
+			e && (W.value = !1);
+		}), p(Q, (e) => {
+			e && (H.value = 0);
+		}), ve((e, t) => {
+			e.params.cameraname !== t.params.cameraname && Z.isActive.value && Z.stop();
+		}), S(() => {
+			Ze.ensureCamerasList({
+				page: 1,
+				pageSize: -1
+			}).catch(() => void 0), lt.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 Z.play(t * 1e3), I.value?.scrollToTime(t), `timeline at ${new Date(t).toLocaleString()}`;
+				}
+			}), lt.register({
+				name: "timeline.zoom",
+				description: "Zoom the timeline of the open camera. Args: { direction: \"in\" | \"out\" }.",
+				run: (e) => (e.direction === "in" ? I.value?.zoomIn() : I.value?.zoomOut(), `timeline zoomed ${e.direction === "in" ? "in" : "out"}`)
+			});
+		}), (r, i) => {
+			let o = We, d = pe, p = _e, g = Pe, re = De, b = le, S = ye, ce = he, ue = Le, de = be, fe = ke, C = Be, me = $e, ge = Xe, w = oe, ve = He, xe = qe, Se = Ke, T = ae;
+			return t(), m("div", { class: a({
+				"pt-2": !u(A),
+				"px-2": !u(A)
+			}) }, [
+				_("div", et, [_("div", {
+					ref_key: "cameraColumnRef",
+					ref: yt,
+					class: a(["w-full flex flex-col", { "h-full": !u(A) }]),
+					style: h({ paddingRight: !u(A) && !u(k) ? `calc(${u(At).width.value || 400}px + 0.5rem)` : "0px" })
+				}, [
+					_("div", {
+						ref_key: "cameraPaneRef",
+						ref: bt,
+						class: a({ flex: !u(A) }),
+						style: h(u(A) ? void 0 : { maxHeight: `${u(xt) * 100}%` })
+					}, [(t(), s(o, {
+						ref_key: "cameraCardRef",
+						ref: F,
+						key: u(M),
+						"source-role": u(Ct),
+						"onUpdate:sourceRole": i[0] ||= (e) => l(Ct) ? Ct.value = e : null,
+						"back-button": u(A),
+						"camera-info": u(M),
+						"flat-card": u(A),
+						resizable: u(A),
+						"control-microphone-button": !u(A),
+						"toolbar-timeline-button": u(k),
+						"fullscreen-timeline": "",
+						"toolbar-description-button": !!u(j),
+						"event-description": u(Ot),
+						"current-event": u(kt),
+						onOpenTrace: It,
+						"pip-camera": u(Nt),
+						"on-search-similar": u(j) ? Wt : void 0,
+						onOpenCamera: Ft,
+						"camera-name-overlay": !1,
+						"show-shortcuts": "",
+						"view-transition": "",
+						class: "flex-1 h-full min-w-0"
+					}, null, 8, [
+						"source-role",
+						"back-button",
+						"camera-info",
+						"flat-card",
+						"resizable",
+						"control-microphone-button",
+						"toolbar-timeline-button",
+						"toolbar-description-button",
+						"event-description",
+						"current-event",
+						"pip-camera",
+						"on-search-similar"
+					]))], 6),
+					u(A) ? c("", !0) : (t(), m("div", {
+						key: 0,
+						class: "group relative z-10 h-3 -my-0.5 shrink-0 flex items-center justify-center cursor-ns-resize touch-none select-none",
+						onPointerdown: Vt,
+						onPointermove: Ht,
+						onPointerup: Ut,
+						onPointercancel: Ut,
+						onDblclick: i[1] ||= (e) => xt.value = nt
+					}, [...i[11] ||= [_("div", { class: "w-9 h-1 rounded-full bg-surface-400/50 group-hover:bg-surface-400" }, null, -1)]], 32)),
+					u(A) ? c("", !0) : (t(), s(ue, {
+						key: 1,
+						class: "cui-card flex-1 min-h-0",
+						pt: {
+							content: { class: "overflow-hidden h-full flex flex-col" },
+							body: { class: "h-full" }
+						}
+					}, {
+						content: f(() => [u(R) ? (t(), s(ce, {
+							key: 1,
+							value: u(K),
+							"onUpdate:value": i[3] ||= (e) => l(K) ? K.value = e : null,
+							lazy: "",
+							class: "h-full flex flex-col"
+						}, {
+							default: f(() => [x(g, { class: "shrink-0" }, {
+								default: f(() => [
+									x(p, {
+										value: "0",
+										class: "pt-0 text-sm"
+									}, {
+										default: f(() => [y(n(r.$t("views.camera.recordings")), 1)]),
+										_: 1
+									}),
+									x(p, {
+										value: "1",
+										class: "pt-0 text-sm"
+									}, {
+										default: f(() => [y(n(r.$t("views.camera.cameras")), 1)]),
+										_: 1
+									}),
+									("hasPermission" in r ? r.hasPermission : u(Ne))(void 0, "admin") ? (t(), s(p, {
+										key: 0,
+										value: "2",
+										class: "pt-0 text-sm"
+									}, {
+										default: f(() => [y(n(r.$t("views.camera.shares")), 1)]),
+										_: 1
+									})) : c("", !0)
+								]),
+								_: 1
+							}), x(S, { class: "camera-tab-panels px-0 pb-0 flex-1 min-h-0" }, {
+								default: f(() => [
+									x(b, {
+										value: "0",
+										class: "!overflow-hidden"
+									}, {
+										default: f(() => [u(L) ? (t(), s(re, {
+											key: 0,
+											request: u(L),
+											class: "h-full",
+											onOpen: Kt,
+											onClose: Gt,
+											onShowAll: qt,
+											onShown: i[2] ||= (e) => G.value = e
+										}, null, 8, ["request"])) : u(J) ? (t(), s(u(ie), {
+											key: 1,
+											"camera-id": u(J),
+											"camera-name": u(M),
+											camera: u(N),
+											onScrollToEvent: $
+										}, null, 8, [
+											"camera-id",
+											"camera-name",
+											"camera"
+										])) : c("", !0)]),
+										_: 1
+									}),
+									x(b, { value: "1" }, {
+										default: f(() => [x(u(se), { "active-camera": u(M) }, null, 8, ["active-camera"])]),
+										_: 1
+									}),
+									("hasPermission" in r ? r.hasPermission : u(Ne))(void 0, "admin") ? (t(), s(b, {
+										key: 0,
+										value: "2"
+									}, {
+										default: f(() => [u(J) ? (t(), s(u(Je), {
+											key: 0,
+											"camera-id": u(J),
+											"camera-name": u(M)
+										}, null, 8, ["camera-id", "camera-name"])) : c("", !0)]),
+										_: 1
+									})) : c("", !0)
+								]),
+								_: 1
+							})]),
+							_: 1
+						}, 8, ["value"])) : (t(), m("div", tt, [x(d, {
+							class: "w-[32px] h-[32px]",
+							"stroke-width": "4"
+						})]))]),
+						_: 1
+					}))
+				], 6), u(k) ? c("", !0) : v((t(), m("div", {
+					key: 0,
+					id: "camera-sidebar",
+					ref_key: "timelineRef",
+					ref: vt,
+					class: a({
+						"min-w-[300px]": u(A),
+						"min-w-[400px]": !u(A),
+						"border-t-[1px] border-color": u(A),
+						"lg:fixed lg:right-safe-offset-2 lg:bottom-[var(--cui-bottom-gap)]": !u(A) && !u(k)
+					}),
+					style: h({ height: `calc(100% - ${u(gt)}px - var(--safe-area-inset-top) - 0.5rem - var(--cui-bottom-gap))` })
+				}, null, 6)), [[e, !u(Y)]])]),
+				u(A) && u(R) ? (t(), s(u(Ye), {
+					key: 0,
+					modelValue: u(z),
+					"onUpdate:modelValue": i[6] ||= (e) => l(z) ? z.value = e : null,
+					height: "70vh",
+					"max-height": "85vh"
+				}, {
+					default: f(() => [(t(), s(ce, {
+						key: u(M),
+						value: u(K),
+						"onUpdate:value": i[5] ||= (e) => l(K) ? K.value = e : null,
+						lazy: "",
+						class: "h-full flex flex-col"
+					}, {
+						default: f(() => [x(g, { class: "shrink-0 w-full mt-5" }, {
+							default: f(() => [
+								x(p, {
+									value: "0",
+									class: "pt-0 text-sm flex-1"
+								}, {
+									default: f(() => [y(n(r.$t("views.camera.recordings")), 1)]),
+									_: 1
+								}),
+								x(p, {
+									value: "1",
+									class: "pt-0 text-sm flex-1"
+								}, {
+									default: f(() => [y(n(r.$t("views.camera.cameras")), 1)]),
+									_: 1
+								}),
+								x(p, {
+									value: "2",
+									class: "pt-0 text-sm flex-1"
+								}, {
+									default: f(() => [y(n(r.$t("views.camera.shares")), 1)]),
+									_: 1
+								})
+							]),
+							_: 1
+						}), x(S, { class: "mobile-sheet-panels px-0 pb-0 flex-1 min-h-0" }, {
+							default: f(() => [
+								x(b, {
+									value: "0",
+									class: "h-full !overflow-hidden"
+								}, {
+									default: f(() => [u(L) ? (t(), s(re, {
+										key: 0,
+										request: u(L),
+										class: "h-full",
+										onOpen: Kt,
+										onClose: Gt,
+										onShowAll: qt,
+										onShown: i[4] ||= (e) => G.value = e
+									}, null, 8, ["request"])) : u(J) ? (t(), s(u(ie), {
+										key: 1,
+										"camera-id": u(J),
+										"camera-name": u(M),
+										camera: u(N),
+										compact: "",
+										onScrollToEvent: $
+									}, null, 8, [
+										"camera-id",
+										"camera-name",
+										"camera"
+									])) : c("", !0)]),
+									_: 1
+								}),
+								x(b, {
+									value: "1",
+									class: "h-full overflow-auto"
+								}, {
+									default: f(() => [x(u(se), { "active-camera": u(M) }, null, 8, ["active-camera"])]),
+									_: 1
+								}),
+								x(b, {
+									value: "2",
+									class: "h-full overflow-auto"
+								}, {
+									default: f(() => [u(J) ? (t(), s(u(Je), {
+										key: 0,
+										"camera-id": u(J),
+										"camera-name": u(M)
+									}, null, 8, ["camera-id", "camera-name"])) : c("", !0)]),
+									_: 1
+								})
+							]),
+							_: 1
+						})]),
+						_: 1
+					}, 8, ["value"]))]),
+					_: 1
+				}, 8, ["modelValue"])) : c("", !0),
+				(t(), s(te, {
+					key: u(M),
+					to: u(X) ? u(F)?.timelineTarget ?? "#timeline-container" : "#camera-sidebar",
+					defer: ""
+				}, [(t(), s(u(Ee), {
+					ref_key: "cuiTimelineRef",
+					ref: I,
+					key: u(M),
+					"camera-ids": u(J) ? [u(J)] : [],
+					loading: !u(R),
+					"flat-card": u(A) || u(X),
+					type: u(X) ? "horizontal" : "vertical",
+					"show-segments": !u(A) && !u(X),
+					"show-zoom": !0,
+					"initial-timestamp": u(Mt),
+					"only-events": u(L) ? u(G) : void 0,
+					class: a({
+						"absolute bottom-0 left-0 w-full h-[200px]": u(X),
+						"h-full": !u(X)
+					}),
+					"card-class": { "h-[200px]": u(X) },
+					transparent: u(X),
+					"dark-mode": u(X),
+					"overlay-class": u(X) ? "timeline-overlay !z-0" : void 0,
+					"locale-settings": u(st),
+					"trim-mode": u(U) || u(W),
+					"trim-variant": u(W) ? "delete" : "export",
+					"export-available": !0,
+					"delete-available": u(Dt) && !u(Y),
+					"ignore-bottom-safe-area": !u(X),
+					"md-breakpoint": u(ht),
+					"zone-filter-active": u(B),
+					"zone-has-regions": u(V).length > 0,
+					"zone-box-matcher": Lt,
+					onScrolling: Bt,
+					onToggleZoneFilter: Rt,
+					onToggleExportMode: Zt,
+					onToggleDeleteMode: Qt
+				}, {
+					"bottom-right": f(() => [_("div", { class: a(["flex gap-2 items-center", u(X) ? "flex-row-reverse" : "flex-col-reverse"]) }, [
+						u(A) && !u(U) && !u(W) ? v((t(), s(C, {
+							key: 0,
+							rounded: "",
+							severity: "primary",
+							disabled: u(F)?.micButtonDisabled ?? !0,
+							class: "shadow-md pointer-events-auto w-[46px] h-[46px]",
+							onClick: i[7] ||= (e) => u(F)?.toggleMicrophone(void 0, !0)
+						}, {
+							icon: f(() => [u(F)?.micActive ? (t(), s(de, {
+								key: 0,
+								width: "100%",
+								height: "100%"
+							})) : (t(), s(fe, {
+								key: 1,
+								width: "100%",
+								height: "100%"
+							}))]),
+							_: 1
+						}, 8, ["disabled"])), [[
+							T,
+							{ value: r.$t("components.player.intercom") },
+							void 0,
+							{ left: !0 }
+						]]) : c("", !0),
+						u(A) && !u(Y) && !u(U) && !u(W) ? v((t(), s(C, {
+							key: 1,
+							rounded: "",
+							severity: "secondary",
+							class: "shadow-md pointer-events-auto w-[42px] h-[42px]",
+							onClick: i[8] ||= (e) => z.value = !0
+						}, {
+							icon: f(() => [x(me, {
+								width: "100%",
+								height: "100%"
+							})]),
+							_: 1
+						})), [[
+							T,
+							{ value: r.$t("components.player.more") },
+							void 0,
+							{ left: !0 }
+						]]) : c("", !0),
+						u(U) ? (t(), m(ne, { key: 2 }, [v((t(), s(C, {
+							rounded: "",
+							severity: "secondary",
+							disabled: u(Q),
+							label: u(H) > 0 ? P[u(H)] : void 0,
+							class: a(["shadow-md pointer-events-auto !text-xs !font-semibold", u(X) ? "cui-button-small" : "w-[42px] h-[42px]"]),
+							onClick: zt
+						}, ee({ _: 2 }, [u(H) === 0 ? {
+							name: "icon",
+							fn: f(() => [x(ge, {
+								width: "100%",
+								height: "100%",
+								class: "opacity-40"
+							})]),
+							key: "0"
+						} : void 0]), 1032, [
+							"disabled",
+							"label",
+							"class"
+						])), [[
+							T,
+							{ value: u(Q) ? r.$t("components.player.timelapse_min_duration") : u(H) > 0 ? `${r.$t("components.player.timelapse")}: ${P[u(H)]}` : r.$t("components.player.timelapse_off") },
+							void 0,
+							{ left: !0 }
+						]]), v((t(), s(C, {
+							rounded: "",
+							severity: "success",
+							loading: u(Tt),
+							class: a(["shadow-md pointer-events-auto", u(X) ? "cui-button-small" : "w-[42px] h-[42px]"]),
+							onClick: Jt
+						}, {
+							icon: f(() => [x(w, {
+								width: "100%",
+								height: "100%"
+							})]),
+							_: 1
+						}, 8, ["loading", "class"])), [[
+							T,
+							{ value: r.$t("components.player.export_selection") },
+							void 0,
+							{ left: !0 }
+						]])], 64)) : c("", !0),
+						u(W) ? v((t(), s(C, {
+							key: 3,
+							rounded: "",
+							severity: "danger",
+							loading: u(Et),
+							class: a(["shadow-md pointer-events-auto", u(X) ? "cui-button-small" : "w-[42px] h-[42px]"]),
+							onClick: Yt
+						}, {
+							icon: f(() => [x(ve, {
+								width: "100%",
+								height: "100%"
+							})]),
+							_: 1
+						}, 8, ["loading", "class"])), [[
+							T,
+							{ value: r.$t("components.player.delete_selection") },
+							void 0,
+							{ left: !0 }
+						]]) : c("", !0),
+						u(A) || u(X) ? (t(), m(ne, { key: 4 }, [v((t(), s(C, {
+							rounded: "",
+							severity: "secondary",
+							disabled: (u(I)?.zoomLevel ?? 0) >= 8,
+							class: a(["shadow-md pointer-events-auto", u(X) ? "cui-button-small" : "w-[42px] h-[42px]"]),
+							onClick: i[9] ||= (e) => u(I)?.zoomIn()
+						}, {
+							icon: f(() => [x(xe, {
+								width: "100%",
+								height: "100%"
+							})]),
+							_: 1
+						}, 8, ["disabled", "class"])), [[
+							T,
+							{ value: r.$t("components.form.tooltip.zoom_in") },
+							void 0,
+							{ left: !0 }
+						]]), v((t(), s(C, {
+							rounded: "",
+							severity: "secondary",
+							disabled: (u(I)?.zoomLevel ?? 0) <= 0,
+							class: a(["shadow-md pointer-events-auto", u(X) ? "cui-button-small" : "w-[42px] h-[42px]"]),
+							onClick: i[10] ||= (e) => u(I)?.zoomOut()
+						}, {
+							icon: f(() => [x(Se, {
+								width: "100%",
+								height: "100%"
+							})]),
+							_: 1
+						}, 8, ["disabled", "class"])), [[
+							T,
+							{ value: r.$t("components.form.tooltip.zoom_out") },
+							void 0,
+							{ left: !0 }
+						]])], 64)) : c("", !0)
+					], 2)]),
+					_: 1
+				}, 8, [
+					"camera-ids",
+					"loading",
+					"flat-card",
+					"type",
+					"show-segments",
+					"initial-timestamp",
+					"only-events",
+					"class",
+					"card-class",
+					"transparent",
+					"dark-mode",
+					"overlay-class",
+					"locale-settings",
+					"trim-mode",
+					"trim-variant",
+					"delete-available",
+					"ignore-bottom-safe-area",
+					"md-breakpoint",
+					"zone-filter-active",
+					"zone-has-regions"
+				]))], 8, ["to"]))
+			], 2);
+		};
+	}
+}), [["__scopeId", "data-v-2923c44a"]]);
+//#endregion
+export { at as default };