@camera.ui/server 2.4.3 → 2.4.5

package/dist/interface/ha/Camera-BHNFdN-S.js

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