@camera.ui/server 2.1.14-beta.2 → 2.1.14

package/dist/interface/ha/{Camera-B4ER1Z0s.js → Camera-gfUjA1cF.js}

@@ -1,14 +1,14 @@
 import { f as e } from "./ripple-BilzxWfY.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 } from "./runtime-core.esm-bundler-D8slQ3BU.js";
 import { t as ae } from "./tooltip-BIrD_hC8.js";
-import { $t as oe, Ct as x, Dr as S, Er as se, Hn as ce, Ir as le, Lr as ue, Qt as de, Rr as C, Wn as fe, Zt as pe, _t as w, dn as me, dr as T, fn as he, gi as ge, gt as _e, hr as ve, mt as ye, o as E, qt as be, ut as xe, v as Se, vn as Ce, vr as D, yn as we, yr as Te } from "./api-DgV9VAO6.js";
+import { $t as oe, Ct as x, Dr as S, Er as se, Hn as ce, Ir as le, Lr as ue, Qt as de, Rr as C, Wn as fe, Zt as pe, dn as me, dr as he, et as ge, fn as _e, gi as ve, hr as ye, it as be, o as w, ot as xe, qt as T, st as E, v as Se, vn as Ce, vr as D, yn as we, yr as Te } from "./api-BU1ot-rQ.js";
 import { _ as Ee, i as De, o as Oe } from "./intercomService-jB2mTgsn.js";
 import { n as ke } from "./vue-i18n-Dcb07o5U.js";
-import { M as Ae } from "./dist-Ca9_5rzq.js";
+import { M as Ae } from "./dist-BQFunPaA.js";
 import { t as je } from "./button-BlYuI0Q7.js";
 import { t as Me } from "./delete-D-m8mqly.js";
 import { t as Ne } from "./utils-DYtBrGDz.js";
-import { l as Pe } from "./cards-Nr4bm7Wh.js";
+import { l as Pe } from "./cards-DJ8I0DpS.js";
 import { n as Fe, t as Ie } from "./zoom-in-CNVB9H3D.js";
 //#region ~icons/tabler/clock-play
 var O = {
@@ -33,139 +33,139 @@ var Re = o({
 	width: "1.2em",
 	height: "1.2em"
 };
-function Be(e, n) {
+function k(e, n) {
 	return t(), p("svg", ze, [...n[0] ||= [h("path", {
 		fill: "currentColor",
 		d: "M18 18v2H6v-2zm3-7v2H3v-2zm-3-7v2H6V4z"
 	}, null, -1)]]);
 }
-var Ve = o({
+var Be = o({
 	name: "ri-menu5-line",
-	render: Be
-}), He = { class: "w-full h-full flex flex-col lg:flex-row gap-0 lg:gap-2 relative" }, Ue = {
+	render: k
+}), Ve = { class: "w-full h-full flex flex-col lg:flex-row gap-0 lg:gap-2 relative" }, He = {
 	key: 0,
 	class: "h-full flex items-center justify-center"
-}, k = /*#__PURE__*/ D(/* @__PURE__ */ v({
+}, A = /*#__PURE__*/ D(/* @__PURE__ */ v({
 	__name: "Camera",
 	setup(o) {
-		let v = w(() => import("./CuiCameraRecordings-RbA-z2aC.js")), D = w(() => import("./CuiCameraTable-D8v9f0KG.js").then((e) => e.n)), O = w(() => import("./CuiCameraShares-ljsNljpk.js")), Le = w(() => import("./CuiBottomSheet-H-Q85NZI.js").then((e) => e.n)), ze = new be(), Be = Oe(), k = ge(), We = _e(), A = ke(), j = ye(), M = ue(), Ge = C(), { xmdBreakpoint: N, smBreakpoint: P, mdBreakpoint: Ke } = se(), { topbarHeight: qe } = S(), { plugin: F } = Ae("@camera.ui/camera-ui-nvr"), Je = Se(), I = u(() => M.params.cameraname), { data: L } = ze.getCameraQuery(I), R = [
+		let v = E(() => import("./CuiCameraRecordings-CbXShYur.js")), D = E(() => import("./CuiCameraTable-cCH34Rqx.js").then((e) => e.n)), O = E(() => import("./CuiCameraShares-fsCg_eYs.js")), Le = E(() => import("./CuiBottomSheet-tJqB2HMb.js").then((e) => e.n)), ze = new T(), k = Oe(), A = ve(), Ue = xe(), j = ke(), M = be(), N = ue(), We = C(), { xmdBreakpoint: P, smBreakpoint: F, mdBreakpoint: Ge } = se(), { topbarOffset: Ke } = S(), { plugin: I } = Ae("@camera.ui/camera-ui-nvr"), qe = Se(), L = u(() => N.params.cameraname), { data: R } = ze.getCameraQuery(L), z = [
 			"Off",
 			"1m",
 			"2m",
 			"3m",
 			"5m"
-		], z = m("cameraCardRef"), B = m("cuiTimelineRef"), Ye = m("timelineRef"), V = y(!Je.isTransitioning), Xe = y(!1), H = y(!1), U = y(!1), W = y([]), G = y(), Ze = y(), K = y(0), q = y(!1), J = y(!1), Y = y(!1), X = y(!1), Qe = u(() => T(void 0, "admin")), Z = u(() => L.value?._id), $e = u(() => !!z.value?.isFullscreen), et = u(() => B.value?.currentEventDescription), tt = Ee(Ye), nt = u(() => L.value?.interfaceSettings?.playbackSource ?? "auto"), Q = fe(u(() => Z.value ?? ""), { sourceRole: nt }), rt = u(() => {
-			let e = M.query.startTs, t = Number(e);
+		], B = m("cameraCardRef"), V = m("cuiTimelineRef"), Je = m("timelineRef"), H = y(!qe.isTransitioning), Ye = y(!1), U = y(!1), W = y(!1), G = y([]), K = y(), Xe = y(), q = y(0), J = y(!1), Ze = y(!1), Y = y(!1), X = y(!1), Qe = u(() => he(void 0, "admin")), Z = u(() => R.value?._id), $e = u(() => !!B.value?.isFullscreen), et = u(() => V.value?.currentEventDescription), tt = Ee(Je), nt = u(() => R.value?.interfaceSettings?.playbackSource ?? "auto"), Q = fe(u(() => Z.value ?? ""), { sourceRole: nt }), rt = u(() => {
+			let e = N.query.startTs, t = Number(e);
 			return e && !isNaN(t) ? t : void 0;
 		}), it = 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
+			locale: j.locale.value,
+			dayNames: M.config.locale?.dayNames,
+			dayNamesShort: M.config.locale?.dayNamesShort,
+			monthNames: M.config.locale?.monthNames,
+			monthNamesShort: M.config.locale?.monthNamesShort
 		})), at = u(() => {
-			let e = B.value;
+			let e = V.value;
 			return !e?.trimStartMs || !e?.trimEndMs ? 0 : e.trimRecordingDurationMs ?? e.trimEndMs - e.trimStartMs;
 		}), $ = u(() => at.value < 36e5);
 		i(x, {
-			active: U,
-			regions: W
+			active: W,
+			regions: G
 		});
 		function ot(e) {
-			return Ne(e, W.value);
+			return Ne(e, G.value);
 		}
 		function st() {
-			U.value = !U.value, U.value || (W.value = []);
+			W.value = !W.value, W.value || (G.value = []);
 		}
-		if (!V.value) {
-			let e = f(() => Je.isTransitioning, (t) => {
-				t || (V.value = !0, e());
+		if (!H.value) {
+			let e = f(() => qe.isTransitioning, (t) => {
+				t || (H.value = !0, e());
 			});
 			setTimeout(() => {
-				V.value || (V.value = !0, e());
+				H.value || (H.value = !0, e());
 			}, 1e3);
 		}
 		function ct() {
-			$.value || (K.value = (K.value + 1) % R.length);
+			$.value || (q.value = (q.value + 1) % z.length);
 		}
 		function lt(e) {
 			try {
-				z.value?.timelineScroll(e);
+				B.value?.timelineScroll(e);
 			} catch {}
 		}
 		function ut(e) {
-			B.value?.scrollToEvent(e);
+			V.value?.scrollToEvent(e);
 		}
 		async function dt() {
-			let e = B.value;
+			let e = V.value;
 			if (!e) return;
 			let t = e.trimStartMs, n = e.trimEndMs;
 			if (!t || !n || !Z.value) return;
-			let r = F.value;
+			let r = I.value;
 			if (!r?.nvrExport) return;
-			let i = R[K.value], a = i === "Off" ? 0 : parseInt(i) * 60;
-			q.value = !0;
+			let i = z[q.value], a = i === "Off" ? 0 : parseInt(i) * 60;
+			J.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 ve({
+				await ye({
 					url: e.url,
 					filename: e.filename
 				});
 			} catch (e) {
-				Be.error("Export failed:", e), k.add({
+				k.error("Export failed:", e), A.add({
 					severity: "error",
-					summary: A.t("views.recordings.download_failed"),
-					detail: E(e),
+					summary: j.t("views.recordings.download_failed"),
+					detail: w(e),
 					life: 5e3
 				});
 			} finally {
-				q.value = !1;
+				J.value = !1;
 			}
 		}
 		function ft() {
-			let e = B.value;
-			!e?.trimStartMs || !e?.trimEndMs || !Z.value || We.openTextDialog({
+			let e = V.value;
+			!e?.trimStartMs || !e?.trimEndMs || !Z.value || Ue.openTextDialog({
 				data: {
-					title: A.t("components.dialog.title.confirm"),
-					contentText: A.t("components.player.delete_range_confirm"),
-					confirmText: A.t("components.form.button.remove"),
+					title: j.t("components.dialog.title.confirm"),
+					contentText: j.t("components.player.delete_range_confirm"),
+					confirmText: j.t("components.form.button.remove"),
 					confirmButtonProps: { severity: "danger" }
 				},
 				onConfirm: () => pt()
 			});
 		}
 		async function pt() {
-			let e = B.value;
+			let e = V.value;
 			if (!e?.trimStartMs || !e?.trimEndMs || !Z.value) return;
-			let t = F.value;
+			let t = I.value;
 			if (t?.nvrDeleteRange) {
-				J.value = !0;
+				Ze.value = !0;
 				try {
 					let n = await t.nvrDeleteRange(Z.value, e.trimStartMs * 1e3, e.trimEndMs * 1e3);
-					n?.endMs > n?.startMs ? (k.add({
+					n?.endMs > n?.startMs ? (A.add({
 						severity: "success",
-						detail: A.t("components.player.delete_range_done"),
+						detail: j.t("components.player.delete_range_done"),
 						life: 4e3
-					}), X.value = !1) : e.trimEndMs > Date.now() - 18e4 ? k.add({
+					}), X.value = !1) : e.trimEndMs > Date.now() - 18e4 ? A.add({
 						severity: "info",
-						detail: A.t("components.player.delete_range_too_recent"),
+						detail: j.t("components.player.delete_range_too_recent"),
 						life: 5e3
-					}) : k.add({
+					}) : A.add({
 						severity: "info",
-						detail: A.t("components.player.delete_range_nothing"),
+						detail: j.t("components.player.delete_range_nothing"),
 						life: 4e3
 					});
 				} catch (e) {
-					Be.error("Range delete failed:", e), k.add({
+					k.error("Range delete failed:", e), A.add({
 						severity: "error",
-						detail: E(e),
+						detail: w(e),
 						life: 5e3
 					});
 				} finally {
-					J.value = !1;
+					Ze.value = !1;
 				}
 			}
 		}
@@ -175,7 +175,7 @@ var Ve = o({
 		function ht() {
 			X.value = !X.value, X.value && (Y.value = !1);
 		}
-		return f(() => z.value?.timelineState, (e) => {
+		return f(() => B.value?.timelineState, (e) => {
 			e === !1 && (Y.value = !1, X.value = !1);
 		}), f(rt, (e) => {
 			e && (Q.mode.value = "play");
@@ -183,48 +183,48 @@ var Ve = o({
 			immediate: !0,
 			flush: "sync"
 		}), f([Z, rt], ([e, t]) => {
-			!e || !t || Ze.value !== t && L.value?.name === I.value && (Ze.value = t, Q.play(t * 1e3), Ge.replace({ query: {
-				...M.query,
+			!e || !t || Xe.value !== t && R.value?.name === L.value && (Xe.value = t, Q.play(t * 1e3), We.replace({ query: {
+				...N.query,
 				startTs: void 0
 			} }));
-		}, { immediate: !0 }), f(I, (e, t) => {
-			t && N.value && Xe.value && r(() => {
+		}, { immediate: !0 }), f(L, (e, t) => {
+			t && P.value && Ye.value && r(() => {
 				r(() => {
 					try {
-						z.value?.toggleTimeline();
+						B.value?.toggleTimeline();
 					} catch {}
 				});
 			});
-		}, { flush: "pre" }), f(() => z.value?.timelineState, (e) => {
-			e !== void 0 && (Xe.value = e);
+		}, { flush: "pre" }), f(() => B.value?.timelineState, (e) => {
+			e !== void 0 && (Ye.value = e);
 		}), f(Y, (e) => {
-			e || (K.value = 0);
+			e || (q.value = 0);
 		}), f($, (e) => {
-			e && (K.value = 0);
+			e && (q.value = 0);
 		}), le((e, t) => {
 			e.params.cameraname !== t.params.cameraname && Q.isActive.value && Q.stop();
 		}), (r, i) => {
-			let o = Pe, u = Te, f = pe, m = de, y = oe, x = me, S = he, se = De, le = Ce, ue = we, C = je, fe = Ve, w = Re, ge = xe, _e = Me, ve = Ie, ye = Fe, E = ae;
+			let o = Pe, u = Te, f = pe, m = de, y = oe, x = me, S = _e, se = De, le = Ce, ue = we, C = je, fe = Be, ve = Re, ye = ge, be = Me, w = Ie, xe = Fe, T = ae;
 			return t(), p("div", { class: a({
-				"pt-2": !l(P),
-				"px-2": !l(P)
+				"pt-2": !l(F),
+				"px-2": !l(F)
 			}) }, [
-				h("div", He, [h("div", {
-					class: a(["w-full flex flex-col gap-2", { "h-full": !l(P) }]),
-					style: re({ paddingRight: !l(P) && !l(N) ? `calc(${l(tt).width.value || 400}px + 0.5rem)` : "0px" })
-				}, [h("div", { class: a({ "flex max-h-[60%]": !l(P) }) }, [(t(), s(o, {
+				h("div", Ve, [h("div", {
+					class: a(["w-full flex flex-col gap-2", { "h-full": !l(F) }]),
+					style: re({ paddingRight: !l(F) && !l(P) ? `calc(${l(tt).width.value || 400}px + 0.5rem)` : "0px" })
+				}, [h("div", { class: a({ "flex max-h-[60%]": !l(F) }) }, [(t(), s(o, {
 					ref_key: "cameraCardRef",
-					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),
+					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(et),
 					"camera-name-overlay": !1,
 					"show-shortcuts": "",
@@ -240,7 +240,7 @@ var Ve = o({
 					"toolbar-timeline-button",
 					"toolbar-description-button",
 					"event-description"
-				]))], 2), l(P) ? c("", !0) : (t(), s(se, {
+				]))], 2), l(F) ? c("", !0) : (t(), s(se, {
 					key: 0,
 					class: "cui-card flex-1 min-h-0",
 					pt: {
@@ -248,7 +248,7 @@ var Ve = o({
 						body: { class: "h-full" }
 					}
 				}, {
-					content: d(() => [l(V) ? (t(), s(S, {
+					content: d(() => [l(H) ? (t(), s(S, {
 						key: 1,
 						value: "0",
 						class: "h-full flex flex-col"
@@ -269,7 +269,7 @@ var Ve = o({
 									default: d(() => [_(n(r.$t("views.camera.cameras")), 1)]),
 									_: 1
 								}),
-								("hasPermission" in r ? r.hasPermission : l(T))(void 0, "admin") ? (t(), s(f, {
+								("hasPermission" in r ? r.hasPermission : l(he))(void 0, "admin") ? (t(), s(f, {
 									key: 0,
 									value: "2",
 									class: "pt-0 text-sm"
@@ -288,8 +288,8 @@ var Ve = o({
 									default: d(() => [l(Z) ? (t(), s(l(v), {
 										key: 0,
 										"camera-id": l(Z),
-										"camera-name": l(I),
-										camera: l(L),
+										"camera-name": l(L),
+										camera: l(R),
 										onScrollToEvent: ut
 									}, null, 8, [
 										"camera-id",
@@ -299,17 +299,17 @@ var Ve = o({
 									_: 1
 								}),
 								b(y, { value: "1" }, {
-									default: d(() => [b(l(D), { "active-camera": l(I) }, null, 8, ["active-camera"])]),
+									default: d(() => [b(l(D), { "active-camera": l(L) }, null, 8, ["active-camera"])]),
 									_: 1
 								}),
-								("hasPermission" in r ? r.hasPermission : l(T))(void 0, "admin") ? (t(), s(y, {
+								("hasPermission" in r ? r.hasPermission : l(he))(void 0, "admin") ? (t(), s(y, {
 									key: 0,
 									value: "2"
 								}, {
 									default: d(() => [l(Z) ? (t(), s(l(O), {
 										key: 0,
 										"camera-id": l(Z),
-										"camera-name": l(I)
+										"camera-name": l(L)
 									}, null, 8, ["camera-id", "camera-name"])) : c("", !0)]),
 									_: 1
 								})) : c("", !0)
@@ -317,33 +317,33 @@ var Ve = o({
 							_: 1
 						})]),
 						_: 1
-					})) : (t(), p("div", Ue, [b(u, {
+					})) : (t(), p("div", He, [b(u, {
 						class: "w-[32px] h-[32px]",
 						"stroke-width": "4"
 					})]))]),
 					_: 1
-				}))], 6), l(N) ? c("", !0) : g((t(), p("div", {
+				}))], 6), l(P) ? c("", !0) : g((t(), p("div", {
 					key: 0,
 					id: "camera-sidebar",
 					ref_key: "timelineRef",
-					ref: Ye,
+					ref: Je,
 					class: a({
-						"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)
+						"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)
 					}),
-					style: re({ height: `calc(100% - ${l(qe)}px - 1rem - env(safe-area-inset-top) - env(safe-area-inset-bottom))` })
+					style: re({ height: `calc(100% - ${l(Ke)}px - 1rem - env(safe-area-inset-top) - env(safe-area-inset-bottom))` })
 				}, null, 6)), [[e, !l($e)]])]),
-				l(P) && l(V) ? (t(), s(l(Le), {
+				l(F) && l(H) ? (t(), s(l(Le), {
 					key: 0,
-					modelValue: l(H),
-					"onUpdate:modelValue": i[1] ||= (e) => te(H) ? H.value = e : null,
+					modelValue: l(U),
+					"onUpdate:modelValue": i[1] ||= (e) => te(U) ? U.value = e : null,
 					height: "70vh",
 					"max-height": "85vh"
 				}, {
 					default: d(() => [(t(), s(S, {
-						key: l(I),
+						key: l(L),
 						value: "0",
 						class: "h-full flex flex-col"
 					}, {
@@ -381,8 +381,8 @@ var Ve = o({
 									default: d(() => [l(Z) ? (t(), s(l(v), {
 										key: 0,
 										"camera-id": l(Z),
-										"camera-name": l(I),
-										camera: l(L),
+										"camera-name": l(L),
+										camera: l(R),
 										compact: "",
 										onScrollToEvent: ut
 									}, null, 8, [
@@ -396,7 +396,7 @@ var Ve = o({
 									value: "1",
 									class: "h-full overflow-auto"
 								}, {
-									default: d(() => [b(l(D), { "active-camera": l(I) }, null, 8, ["active-camera"])]),
+									default: d(() => [b(l(D), { "active-camera": l(L) }, null, 8, ["active-camera"])]),
 									_: 1
 								}),
 								b(y, {
@@ -406,7 +406,7 @@ var Ve = o({
 									default: d(() => [l(Z) ? (t(), s(l(O), {
 										key: 0,
 										"camera-id": l(Z),
-										"camera-name": l(I)
+										"camera-name": l(L)
 									}, null, 8, ["camera-id", "camera-name"])) : c("", !0)]),
 									_: 1
 								})
@@ -418,53 +418,53 @@ var Ve = o({
 					_: 1
 				}, 8, ["modelValue"])) : c("", !0),
 				(t(), s(ne, {
-					key: l(I),
-					to: l(N) ? "#timeline-container" : "#camera-sidebar",
+					key: l(L),
+					to: l(P) ? "#timeline-container" : "#camera-sidebar",
 					defer: ""
 				}, [(t(), s(l(ce), {
 					ref_key: "cuiTimelineRef",
-					ref: B,
-					key: l(I),
+					ref: V,
+					key: l(L),
 					"camera-ids": l(Z) ? [l(Z)] : [],
-					loading: !l(V),
-					"flat-card": l(P) || l(N),
-					type: l(N) ? "horizontal" : "vertical",
-					"show-segments": !l(P) && !l(N),
+					loading: !l(H),
+					"flat-card": l(F) || l(P),
+					type: l(P) ? "horizontal" : "vertical",
+					"show-segments": !l(F) && !l(P),
 					"show-zoom": !0,
 					"initial-timestamp": l(rt),
 					class: a({
-						"absolute bottom-0 left-0 w-full h-[200px]": l(N),
-						"h-full": !l(N)
+						"absolute bottom-0 left-0 w-full h-[200px]": l(P),
+						"h-full": !l(P)
 					}),
-					"card-class": { "h-[200px]": l(N) },
-					transparent: l(N),
-					"dark-mode": l(N),
-					"overlay-class": l(N) ? "timeline-overlay !z-0" : void 0,
+					"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(it),
 					"trim-mode": l(Y) || l(X),
 					"trim-variant": l(X) ? "delete" : "export",
 					"export-available": !0,
 					"delete-available": l(Qe),
-					"ignore-bottom-safe-area": !l(N),
-					"md-breakpoint": l(Ke),
-					"zone-filter-active": l(U),
-					"zone-has-regions": l(W).length > 0,
+					"ignore-bottom-safe-area": !l(P),
+					"md-breakpoint": l(Ge),
+					"zone-filter-active": l(W),
+					"zone-has-regions": l(G).length > 0,
 					"zone-box-matcher": ot,
 					onScrolling: lt,
 					onToggleZoneFilter: st,
 					onToggleExportMode: mt,
 					onToggleDeleteMode: ht
 				}, {
-					"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, {
+					"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(C, {
 							key: 0,
 							rounded: "",
 							severity: "primary",
-							disabled: l(z)?.micButtonDisabled ?? !0,
+							disabled: l(B)?.micButtonDisabled ?? !0,
 							class: "shadow-md pointer-events-auto w-[46px] h-[46px]",
-							onClick: i[2] ||= (e) => l(z)?.toggleMicrophone(void 0, !0)
+							onClick: i[2] ||= (e) => l(B)?.toggleMicrophone(void 0, !0)
 						}, {
-							icon: d(() => [l(z)?.micActive ? (t(), s(le, {
+							icon: d(() => [l(B)?.micActive ? (t(), s(le, {
 								key: 0,
 								width: "100%",
 								height: "100%"
@@ -475,17 +475,17 @@ var Ve = o({
 							}))]),
 							_: 1
 						}, 8, ["disabled"])), [[
-							E,
+							T,
 							{ value: r.$t("components.player.intercom") },
 							void 0,
 							{ left: !0 }
 						]]) : c("", !0),
-						l(P) && !l(Y) && !l(X) ? g((t(), s(C, {
+						l(F) && !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) => H.value = !0
+							onClick: i[3] ||= (e) => U.value = !0
 						}, {
 							icon: d(() => [b(fe, {
 								width: "100%",
@@ -493,7 +493,7 @@ var Ve = o({
 							})]),
 							_: 1
 						})), [[
-							E,
+							T,
 							{ value: r.$t("components.player.more") },
 							void 0,
 							{ left: !0 }
@@ -502,12 +502,12 @@ var Ve = o({
 							rounded: "",
 							severity: "secondary",
 							disabled: l($),
-							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]"]),
+							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: ct
-						}, ee({ _: 2 }, [l(K) === 0 ? {
+						}, ee({ _: 2 }, [l(q) === 0 ? {
 							name: "icon",
-							fn: d(() => [b(w, {
+							fn: d(() => [b(ve, {
 								width: "100%",
 								height: "100%",
 								class: "opacity-40"
@@ -518,24 +518,24 @@ var Ve = o({
 							"label",
 							"class"
 						])), [[
-							E,
-							{ 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") },
+							T,
+							{ 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") },
 							void 0,
 							{ left: !0 }
 						]]), g((t(), s(C, {
 							rounded: "",
 							severity: "success",
-							loading: l(q),
-							class: a(["shadow-md pointer-events-auto", l(N) ? "cui-button-small" : "w-[42px] h-[42px]"]),
+							loading: l(J),
+							class: a(["shadow-md pointer-events-auto", l(P) ? "cui-button-small" : "w-[42px] h-[42px]"]),
 							onClick: dt
 						}, {
-							icon: d(() => [b(ge, {
+							icon: d(() => [b(ye, {
 								width: "100%",
 								height: "100%"
 							})]),
 							_: 1
 						}, 8, ["loading", "class"])), [[
-							E,
+							T,
 							{ value: r.$t("components.player.export_selection") },
 							void 0,
 							{ left: !0 }
@@ -544,52 +544,52 @@ var Ve = o({
 							key: 3,
 							rounded: "",
 							severity: "danger",
-							loading: l(J),
-							class: a(["shadow-md pointer-events-auto", l(N) ? "cui-button-small" : "w-[42px] h-[42px]"]),
+							loading: l(Ze),
+							class: a(["shadow-md pointer-events-auto", l(P) ? "cui-button-small" : "w-[42px] h-[42px]"]),
 							onClick: ft
 						}, {
-							icon: d(() => [b(_e, {
+							icon: d(() => [b(be, {
 								width: "100%",
 								height: "100%"
 							})]),
 							_: 1
 						}, 8, ["loading", "class"])), [[
-							E,
+							T,
 							{ value: r.$t("components.player.delete_selection") },
 							void 0,
 							{ left: !0 }
 						]]) : c("", !0),
-						l(P) || l(N) ? (t(), p(ie, { key: 4 }, [g((t(), s(C, {
+						l(F) || l(P) ? (t(), p(ie, { key: 4 }, [g((t(), s(C, {
 							rounded: "",
 							severity: "secondary",
-							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()
+							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()
 						}, {
-							icon: d(() => [b(ve, {
+							icon: d(() => [b(w, {
 								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(C, {
 							rounded: "",
 							severity: "secondary",
-							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()
+							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()
 						}, {
-							icon: d(() => [b(ye, {
+							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 }
@@ -620,6 +620,6 @@ var Ve = o({
 			], 2);
 		};
 	}
-}), [["__scopeId", "data-v-605556b3"]]);
+}), [["__scopeId", "data-v-16d83c8e"]]);
 //#endregion
-export { k as default };
+export { A as default };