@camera.ui/server 2.2.6 → 2.2.8

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

@@ -0,0 +1,670 @@
+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 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 ae, xt as v, y, z as b } from "./runtime-core.esm-bundler-_TfE0DWz.js";
+import { t as oe } from "./tooltip-BDrlgLof.js";
+import { $t as se, Ct as x, Er as ce, Hr as le, Jn as ue, Jt as de, Kn as fe, Mr as S, Nr as pe, Or as C, Qn as me, Sr as he, Ur as ge, Wr as _e, _r as ve, _t as w, dt as T, en as ye, fn as be, gt as xe, lt as Se, o as Ce, ot as we, pn as Te, pr as Ee, rr as De, tn as Oe, vn as ke, wi as Ae, yn as je } from "./api-DUqpDJ2N.js";
+import { _ as Me, i as Ne, o as Pe } from "./intercomService-B7HkLs6z.js";
+import { n as Fe } from "./vue-i18n-D5EAy78K.js";
+import { t as Ie } from "./button-BouAFgf5.js";
+import { M as Le } from "./dist-CM7R4_Gj.js";
+import { t as Re } from "./delete-DWdURc9X.js";
+import { t as ze } from "./utils-DYtBrGDz.js";
+import { l as Be } from "./cards-DWhezIPP.js";
+import { t as Ve } from "./useAssistantActions-S1FrNe9b.js";
+import { n as He, t as Ue } from "./zoom-in-BCxZo2jC.js";
+//#region ~icons/tabler/clock-play
+var E = {
+	viewBox: "0 0 24 24",
+	width: "1.2em",
+	height: "1.2em"
+};
+function We(e, n) {
+	return t(), p("svg", E, [...n[0] ||= [h("g", {
+		fill: "none",
+		stroke: "currentColor",
+		"stroke-linecap": "round",
+		"stroke-linejoin": "round",
+		"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 Ge = o({
+	name: "tabler-clock-play",
+	render: We
+}), Ke = {
+	viewBox: "0 0 24 24",
+	width: "1.2em",
+	height: "1.2em"
+};
+function qe(e, n) {
+	return t(), p("svg", Ke, [...n[0] ||= [h("path", {
+		fill: "currentColor",
+		d: "M18 18v2H6v-2zm3-7v2H3v-2zm-3-7v2H6V4z"
+	}, null, -1)]]);
+}
+var Je = o({
+	name: "ri-menu5-line",
+	render: qe
+}), Ye = { class: "w-full h-full flex flex-col lg:flex-row gap-0 lg:gap-2 relative" }, Xe = {
+	key: 0,
+	class: "h-full flex items-center justify-center"
+}, D = /*#__PURE__*/ C(/* @__PURE__ */ ae({
+	__name: "Camera",
+	setup(o) {
+		let ae = w(() => import("./CuiCameraRecordings-R5ArEmqJ.js")), C = w(() => import("./CuiCameraTable-CKjGKaMC.js").then((e) => e.n)), E = w(() => import("./CuiCameraShares-B9pfRkM4.js")), We = w(() => import("./CuiBottomSheet-Cu-t3H0Z.js").then((e) => e.n)), Ke = new de(), qe = De("@camera.ui/camera-ui-nvr"), D = Pe(), O = Ae(), Ze = xe(), k = Fe(), Qe = T(), A = ge(), $e = _e(), et = Ve(), { openEventTrace: tt } = we(), { xmdBreakpoint: j, smBreakpoint: M, mdBreakpoint: nt } = S(), { topbarOffset: rt } = pe(), { plugin: N } = Le("@camera.ui/camera-ui-nvr"), it = Ee(), P = u(() => A.params.cameraname), { data: F } = Ke.getCameraQuery(P), I = [
+			"Off",
+			"1m",
+			"2m",
+			"3m",
+			"5m"
+		], L = m("cameraCardRef"), R = m("cuiTimelineRef"), at = m("timelineRef"), z = v(!it.isTransitioning), ot = v(!1), B = v(!1), V = v(!1), H = v([]), U = v(), st = v(), W = v(0), G = v(!1), K = v(!1), q = v(!1), J = v(!1), ct = u(() => ve(void 0, "admin")), Y = u(() => F.value?._id), X = u(() => !!L.value?.isFullscreen), Z = u(() => j.value || X.value), lt = u(() => R.value?.currentEventDescription), ut = u(() => {
+			let e = R.value?.currentEvent?.id;
+			return e ? qe.getEvent(e) : void 0;
+		}), dt = Me(at), ft = u(() => F.value?.interfaceSettings?.playbackSource ?? "auto"), Q = me(u(() => Y.value ?? ""), { sourceRole: ft }), pt = u(() => {
+			let e = A.query.startTs, t = Number(e);
+			return e && !isNaN(t) ? t : void 0;
+		}), mt = u(() => typeof A.query.pip == "string" && A.query.pip ? A.query.pip : void 0), ht = u(() => {
+			let e = R.value;
+			return !e?.trimStartMs || !e?.trimEndMs ? 0 : e.trimRecordingDurationMs ?? e.trimEndMs - e.trimStartMs;
+		}), $ = u(() => ht.value < 36e5);
+		i(x, {
+			active: V,
+			regions: H
+		});
+		function gt(e) {
+			let t = { pip: P.value };
+			Q.mode.value !== "idle" && (t.startTs = String(Math.floor(fe(Q) / 1e3))), $e.push({
+				path: `/cameras/${e}`,
+				query: t,
+				state: { pipFullscreen: X.value }
+			});
+		}
+		function _t() {
+			let e = ut.value;
+			if (!e || !F.value) return;
+			let t = R.value?.currentTimeMs;
+			tt(e, F.value, t ? Math.floor(t) : void 0);
+		}
+		function vt(e) {
+			return ze(e, H.value);
+		}
+		function yt() {
+			V.value = !V.value, V.value || (H.value = []);
+		}
+		if (!z.value) {
+			let e = f(() => it.isTransitioning, (t) => {
+				t || (z.value = !0, e());
+			});
+			setTimeout(() => {
+				z.value || (z.value = !0, e());
+			}, 1e3);
+		}
+		function bt() {
+			$.value || (W.value = (W.value + 1) % I.length);
+		}
+		function xt(e) {
+			try {
+				L.value?.timelineScroll(e);
+			} catch {}
+		}
+		function St(e) {
+			R.value?.scrollToEvent(e);
+		}
+		async function Ct() {
+			let e = R.value;
+			if (!e) return;
+			let t = e.trimStartMs, n = e.trimEndMs;
+			if (!t || !n || !Y.value) return;
+			let r = N.value;
+			if (!r?.nvrExport) return;
+			let i = I[W.value], a = i === "Off" ? 0 : parseInt(i) * 60;
+			G.value = !0;
+			try {
+				let e = await r.nvrExport(Y.value, t * 1e3, n * 1e3, {
+					timelapseIntervalSec: a || void 0,
+					sourceRole: Q.effectiveRole.value || void 0
+				});
+				await he({
+					url: e.url,
+					filename: e.filename
+				});
+			} catch (e) {
+				D.error("Export failed:", e), O.add({
+					severity: "error",
+					summary: k.t("views.recordings.download_failed"),
+					detail: Ce(e),
+					life: 5e3
+				});
+			} finally {
+				G.value = !1;
+			}
+		}
+		function wt() {
+			let e = R.value;
+			e?.trimStartMs && e?.trimEndMs && Y.value && Ze.openTextDialog({
+				data: {
+					title: k.t("components.dialog.title.confirm"),
+					contentText: k.t("components.player.delete_range_confirm"),
+					confirmText: k.t("components.form.button.remove"),
+					confirmButtonProps: { severity: "danger" }
+				},
+				onConfirm: () => Tt()
+			});
+		}
+		async function Tt() {
+			let e = R.value;
+			if (!e?.trimStartMs || !e?.trimEndMs || !Y.value) return;
+			let t = N.value;
+			if (t?.nvrDeleteRange) {
+				K.value = !0;
+				try {
+					let n = await t.nvrDeleteRange(Y.value, e.trimStartMs * 1e3, e.trimEndMs * 1e3);
+					n?.endMs > n?.startMs ? (O.add({
+						severity: "success",
+						detail: k.t("components.player.delete_range_done"),
+						life: 4e3
+					}), J.value = !1) : e.trimEndMs > Date.now() - 18e4 ? O.add({
+						severity: "info",
+						detail: k.t("components.player.delete_range_too_recent"),
+						life: 5e3
+					}) : O.add({
+						severity: "info",
+						detail: k.t("components.player.delete_range_nothing"),
+						life: 4e3
+					});
+				} catch (e) {
+					D.error("Range delete failed:", e), O.add({
+						severity: "error",
+						detail: Ce(e),
+						life: 5e3
+					});
+				} finally {
+					K.value = !1;
+				}
+			}
+		}
+		function Et() {
+			q.value = !q.value, q.value && (J.value = !1);
+		}
+		function Dt() {
+			J.value = !J.value, J.value && (q.value = !1);
+		}
+		return f(() => L.value?.timelineState, (e) => {
+			e === !1 && (q.value = !1, J.value = !1);
+		}), f(pt, (e) => {
+			e && (Q.mode.value = "play");
+		}, {
+			immediate: !0,
+			flush: "sync"
+		}), f([Y, pt], ([e, t]) => {
+			e && t && st.value !== t && F.value?.name === P.value && (st.value = t, Q.play(t * 1e3), R.value?.scrollToTime(t), $e.replace({ query: {
+				...A.query,
+				startTs: void 0
+			} }));
+		}, { immediate: !0 }), f(P, (e, t) => {
+			t && j.value && ot.value && r(() => {
+				r(() => {
+					try {
+						L.value?.toggleTimeline();
+					} catch {}
+				});
+			});
+		}, { flush: "pre" }), f(() => L.value?.timelineState, (e) => {
+			e !== void 0 && (ot.value = e);
+		}), f(q, (e) => {
+			e || (W.value = 0);
+		}), f(L, (e) => {
+			e && window.history.state?.pipFullscreen && (window.history.replaceState({
+				...window.history.state,
+				pipFullscreen: !1
+			}, ""), e.isFullscreen || e.toggleFs());
+		}), f(X, (e) => {
+			e && (J.value = !1);
+		}), f($, (e) => {
+			e && (W.value = 0);
+		}), le((e, t) => {
+			e.params.cameraname !== t.params.cameraname && Q.isActive.value && Q.stop();
+		}), b(() => {
+			Ke.ensureCamerasList({
+				page: 1,
+				pageSize: -1
+			}).catch(() => void 0), et.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), R.value?.scrollToTime(t), `timeline at ${new Date(t).toLocaleString()}`;
+				}
+			}), et.register({
+				name: "timeline.zoom",
+				description: "Zoom the timeline of the open camera. Args: { direction: \"in\" | \"out\" }.",
+				run: (e) => (e.direction === "in" ? R.value?.zoomIn() : R.value?.zoomOut(), `timeline zoomed ${e.direction === "in" ? "in" : "out"}`)
+			});
+		}), (r, i) => {
+			let o = Be, u = ce, f = se, m = ye, v = Oe, b = be, x = Te, le = Ne, de = ke, fe = je, S = Ie, pe = Je, me = Ge, he = Se, ge = Re, _e = Ue, w = He, T = oe;
+			return t(), p("div", { class: a({
+				"pt-2": !l(M),
+				"px-2": !l(M)
+			}) }, [
+				h("div", Ye, [h("div", {
+					class: a(["w-full flex flex-col gap-2", { "h-full": !l(M) }]),
+					style: re({ paddingRight: !l(M) && !l(j) ? `calc(${l(dt).width.value || 400}px + 0.5rem)` : "0px" })
+				}, [h("div", { class: a({ "flex max-h-[60%]": !l(M) }) }, [(t(), s(o, {
+					ref_key: "cameraCardRef",
+					ref: L,
+					key: l(P),
+					"source-role": l(U),
+					"onUpdate:sourceRole": i[0] ||= (e) => te(U) ? U.value = e : null,
+					"back-button": l(M),
+					"camera-info": l(P),
+					"flat-card": l(M),
+					resizable: l(M),
+					"control-microphone-button": !l(M),
+					"toolbar-timeline-button": l(j),
+					"fullscreen-timeline": "",
+					"toolbar-description-button": !!l(N),
+					"event-description": l(lt),
+					"current-event": l(ut),
+					onOpenTrace: _t,
+					"pip-camera": l(mt),
+					onOpenCamera: gt,
+					"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"
+				]))], 2), l(M) ? c("", !0) : (t(), s(le, {
+					key: 0,
+					class: "cui-card flex-1 min-h-0",
+					pt: {
+						content: { class: "overflow-hidden h-full flex flex-col" },
+						body: { class: "h-full" }
+					}
+				}, {
+					content: d(() => [l(z) ? (t(), s(x, {
+						key: 1,
+						value: "0",
+						lazy: "",
+						class: "h-full flex flex-col"
+					}, {
+						default: d(() => [y(m, { class: "shrink-0" }, {
+							default: d(() => [
+								y(f, {
+									value: "0",
+									class: "pt-0 text-sm"
+								}, {
+									default: d(() => [_(n(r.$t("views.camera.recordings")), 1)]),
+									_: 1
+								}),
+								y(f, {
+									value: "1",
+									class: "pt-0 text-sm"
+								}, {
+									default: d(() => [_(n(r.$t("views.camera.cameras")), 1)]),
+									_: 1
+								}),
+								("hasPermission" in r ? r.hasPermission : l(ve))(void 0, "admin") ? (t(), s(f, {
+									key: 0,
+									value: "2",
+									class: "pt-0 text-sm"
+								}, {
+									default: d(() => [_(n(r.$t("views.camera.shares")), 1)]),
+									_: 1
+								})) : c("", !0)
+							]),
+							_: 1
+						}), y(b, { class: "camera-tab-panels px-0 pb-0 flex-1 min-h-0" }, {
+							default: d(() => [
+								y(v, {
+									value: "0",
+									class: "!overflow-hidden"
+								}, {
+									default: d(() => [l(Y) ? (t(), s(l(ae), {
+										key: 0,
+										"camera-id": l(Y),
+										"camera-name": l(P),
+										camera: l(F),
+										onScrollToEvent: St
+									}, null, 8, [
+										"camera-id",
+										"camera-name",
+										"camera"
+									])) : c("", !0)]),
+									_: 1
+								}),
+								y(v, { value: "1" }, {
+									default: d(() => [y(l(C), { "active-camera": l(P) }, null, 8, ["active-camera"])]),
+									_: 1
+								}),
+								("hasPermission" in r ? r.hasPermission : l(ve))(void 0, "admin") ? (t(), s(v, {
+									key: 0,
+									value: "2"
+								}, {
+									default: d(() => [l(Y) ? (t(), s(l(E), {
+										key: 0,
+										"camera-id": l(Y),
+										"camera-name": l(P)
+									}, null, 8, ["camera-id", "camera-name"])) : c("", !0)]),
+									_: 1
+								})) : c("", !0)
+							]),
+							_: 1
+						})]),
+						_: 1
+					})) : (t(), p("div", Xe, [y(u, {
+						class: "w-[32px] h-[32px]",
+						"stroke-width": "4"
+					})]))]),
+					_: 1
+				}))], 6), l(j) ? c("", !0) : g((t(), p("div", {
+					key: 0,
+					id: "camera-sidebar",
+					ref_key: "timelineRef",
+					ref: at,
+					class: a({
+						"min-w-[300px]": l(M),
+						"min-w-[400px]": !l(M),
+						"border-t-[1px] border-color": l(M),
+						"lg:fixed lg:right-safe-offset-2 lg:bottom-safe-offset-2": !l(M) && !l(j)
+					}),
+					style: re({ height: `calc(100% - ${l(rt)}px - 1rem - var(--safe-area-inset-top) - var(--safe-area-inset-bottom))` })
+				}, null, 6)), [[e, !l(X)]])]),
+				l(M) && l(z) ? (t(), s(l(We), {
+					key: 0,
+					modelValue: l(B),
+					"onUpdate:modelValue": i[1] ||= (e) => te(B) ? B.value = e : null,
+					height: "70vh",
+					"max-height": "85vh"
+				}, {
+					default: d(() => [(t(), s(x, {
+						key: l(P),
+						value: "0",
+						lazy: "",
+						class: "h-full flex flex-col"
+					}, {
+						default: d(() => [y(m, { class: "shrink-0 w-full mt-5" }, {
+							default: d(() => [
+								y(f, {
+									value: "0",
+									class: "pt-0 text-sm flex-1"
+								}, {
+									default: d(() => [_(n(r.$t("views.camera.recordings")), 1)]),
+									_: 1
+								}),
+								y(f, {
+									value: "1",
+									class: "pt-0 text-sm flex-1"
+								}, {
+									default: d(() => [_(n(r.$t("views.camera.cameras")), 1)]),
+									_: 1
+								}),
+								y(f, {
+									value: "2",
+									class: "pt-0 text-sm flex-1"
+								}, {
+									default: d(() => [_(n(r.$t("views.camera.shares")), 1)]),
+									_: 1
+								})
+							]),
+							_: 1
+						}), y(b, { class: "mobile-sheet-panels px-0 pb-0 flex-1 min-h-0" }, {
+							default: d(() => [
+								y(v, {
+									value: "0",
+									class: "h-full !overflow-hidden"
+								}, {
+									default: d(() => [l(Y) ? (t(), s(l(ae), {
+										key: 0,
+										"camera-id": l(Y),
+										"camera-name": l(P),
+										camera: l(F),
+										compact: "",
+										onScrollToEvent: St
+									}, null, 8, [
+										"camera-id",
+										"camera-name",
+										"camera"
+									])) : c("", !0)]),
+									_: 1
+								}),
+								y(v, {
+									value: "1",
+									class: "h-full overflow-auto"
+								}, {
+									default: d(() => [y(l(C), { "active-camera": l(P) }, null, 8, ["active-camera"])]),
+									_: 1
+								}),
+								y(v, {
+									value: "2",
+									class: "h-full overflow-auto"
+								}, {
+									default: d(() => [l(Y) ? (t(), s(l(E), {
+										key: 0,
+										"camera-id": l(Y),
+										"camera-name": l(P)
+									}, null, 8, ["camera-id", "camera-name"])) : c("", !0)]),
+									_: 1
+								})
+							]),
+							_: 1
+						})]),
+						_: 1
+					}))]),
+					_: 1
+				}, 8, ["modelValue"])) : c("", !0),
+				(t(), s(ne, {
+					key: l(P),
+					to: l(Z) ? l(L)?.timelineTarget ?? "#timeline-container" : "#camera-sidebar",
+					defer: ""
+				}, [(t(), s(l(ue), {
+					ref_key: "cuiTimelineRef",
+					ref: R,
+					key: l(P),
+					"camera-ids": l(Y) ? [l(Y)] : [],
+					loading: !l(z),
+					"flat-card": l(M) || l(Z),
+					type: l(Z) ? "horizontal" : "vertical",
+					"show-segments": !l(M) && !l(Z),
+					"show-zoom": !0,
+					"initial-timestamp": l(pt),
+					class: a({
+						"absolute bottom-0 left-0 w-full h-[200px]": l(Z),
+						"h-full": !l(Z)
+					}),
+					"card-class": { "h-[200px]": l(Z) },
+					transparent: l(Z),
+					"dark-mode": l(Z),
+					"overlay-class": l(Z) ? "timeline-overlay !z-0" : void 0,
+					"locale-settings": l(Qe),
+					"trim-mode": l(q) || l(J),
+					"trim-variant": l(J) ? "delete" : "export",
+					"export-available": !0,
+					"delete-available": l(ct) && !l(X),
+					"ignore-bottom-safe-area": !l(Z),
+					"md-breakpoint": l(nt),
+					"zone-filter-active": l(V),
+					"zone-has-regions": l(H).length > 0,
+					"zone-box-matcher": vt,
+					onScrolling: xt,
+					onToggleZoneFilter: yt,
+					onToggleExportMode: Et,
+					onToggleDeleteMode: Dt
+				}, {
+					"bottom-right": d(() => [h("div", { class: a(["flex gap-2 items-center", l(Z) ? "flex-row-reverse" : "flex-col-reverse"]) }, [
+						l(M) && !l(q) && !l(J) ? g((t(), s(S, {
+							key: 0,
+							rounded: "",
+							severity: "primary",
+							disabled: l(L)?.micButtonDisabled ?? !0,
+							class: "shadow-md pointer-events-auto w-[46px] h-[46px]",
+							onClick: i[2] ||= (e) => l(L)?.toggleMicrophone(void 0, !0)
+						}, {
+							icon: d(() => [l(L)?.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),
+						l(M) && !l(X) && !l(q) && !l(J) ? g((t(), s(S, {
+							key: 1,
+							rounded: "",
+							severity: "secondary",
+							class: "shadow-md pointer-events-auto w-[42px] h-[42px]",
+							onClick: i[3] ||= (e) => B.value = !0
+						}, {
+							icon: d(() => [y(pe, {
+								width: "100%",
+								height: "100%"
+							})]),
+							_: 1
+						})), [[
+							T,
+							{ value: r.$t("components.player.more") },
+							void 0,
+							{ left: !0 }
+						]]) : c("", !0),
+						l(q) ? (t(), p(ie, { key: 2 }, [g((t(), s(S, {
+							rounded: "",
+							severity: "secondary",
+							disabled: l($),
+							label: l(W) > 0 ? I[l(W)] : void 0,
+							class: a(["shadow-md pointer-events-auto !text-xs !font-semibold", l(Z) ? "cui-button-small" : "w-[42px] h-[42px]"]),
+							onClick: bt
+						}, ee({ _: 2 }, [l(W) === 0 ? {
+							name: "icon",
+							fn: d(() => [y(me, {
+								width: "100%",
+								height: "100%",
+								class: "opacity-40"
+							})]),
+							key: "0"
+						} : void 0]), 1032, [
+							"disabled",
+							"label",
+							"class"
+						])), [[
+							T,
+							{ value: l($) ? r.$t("components.player.timelapse_min_duration") : l(W) > 0 ? `${r.$t("components.player.timelapse")}: ${I[l(W)]}` : r.$t("components.player.timelapse_off") },
+							void 0,
+							{ left: !0 }
+						]]), g((t(), s(S, {
+							rounded: "",
+							severity: "success",
+							loading: l(G),
+							class: a(["shadow-md pointer-events-auto", l(Z) ? "cui-button-small" : "w-[42px] h-[42px]"]),
+							onClick: Ct
+						}, {
+							icon: d(() => [y(he, {
+								width: "100%",
+								height: "100%"
+							})]),
+							_: 1
+						}, 8, ["loading", "class"])), [[
+							T,
+							{ value: r.$t("components.player.export_selection") },
+							void 0,
+							{ left: !0 }
+						]])], 64)) : c("", !0),
+						l(J) ? g((t(), s(S, {
+							key: 3,
+							rounded: "",
+							severity: "danger",
+							loading: l(K),
+							class: a(["shadow-md pointer-events-auto", l(Z) ? "cui-button-small" : "w-[42px] h-[42px]"]),
+							onClick: wt
+						}, {
+							icon: d(() => [y(ge, {
+								width: "100%",
+								height: "100%"
+							})]),
+							_: 1
+						}, 8, ["loading", "class"])), [[
+							T,
+							{ value: r.$t("components.player.delete_selection") },
+							void 0,
+							{ left: !0 }
+						]]) : c("", !0),
+						l(M) || l(Z) ? (t(), p(ie, { key: 4 }, [g((t(), s(S, {
+							rounded: "",
+							severity: "secondary",
+							disabled: (l(R)?.zoomLevel ?? 0) >= 8,
+							class: a(["shadow-md pointer-events-auto", l(Z) ? "cui-button-small" : "w-[42px] h-[42px]"]),
+							onClick: i[4] ||= (e) => l(R)?.zoomIn()
+						}, {
+							icon: d(() => [y(_e, {
+								width: "100%",
+								height: "100%"
+							})]),
+							_: 1
+						}, 8, ["disabled", "class"])), [[
+							T,
+							{ value: r.$t("components.form.tooltip.zoom_in") },
+							void 0,
+							{ left: !0 }
+						]]), g((t(), s(S, {
+							rounded: "",
+							severity: "secondary",
+							disabled: (l(R)?.zoomLevel ?? 0) <= 0,
+							class: a(["shadow-md pointer-events-auto", l(Z) ? "cui-button-small" : "w-[42px] h-[42px]"]),
+							onClick: i[5] ||= (e) => l(R)?.zoomOut()
+						}, {
+							icon: d(() => [y(w, {
+								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",
+					"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-8f8f4233"]]);
+//#endregion
+export { D as default };

package/dist/interface/ha/{CameraConsole-oMNZfKE6.js → CameraConsole-BoVql05l.js}

@@ -1,14 +1,14 @@
 import { B as e, D as t, Dt as n, H as r, kt as i, l as a, p as o, rt as s, x as c, y as l, z as u } from "./runtime-core.esm-bundler-_TfE0DWz.js";
-import { Ar as d, Jt as f, br as p } from "./api-D2VzV4is.js";
-import { t as m } from "./CuiConsole-C77k5q_-.js";
-import { t as h } from "./useLogsSocket-y9Aex3tJ.js";
+import { Jt as d, Mr as f, Sr as p } from "./api-DUqpDJ2N.js";
+import { t as m } from "./CuiConsole-C5fzsR7t.js";
+import { t as h } from "./useLogsSocket-DtvfQlPh.js";
 //#endregion
 //#region src/components/CuiDialog/templates/CameraConsole/CameraConsole.vue
 var g = /* @__PURE__ */ c({
 	__name: "CameraConsole",
 	props: { cameraName: {} },
 	setup(c, { expose: g }) {
-		let _ = new f(), v = c, { mdBreakpoint: y } = d(), b = t("dialogRefProps"), { cameraName: x } = n(v), S = h({
+		let _ = new d(), v = c, { mdBreakpoint: y } = f(), b = t("dialogRefProps"), { cameraName: x } = n(v), S = h({
 			target: x.value,
 			onStdout: (e) => E.value?.writeTerminal(e),
 			onDisconnect: () => E.value?.writeTerminal("\r\nWebsocket failed to connect! Is the server running?\r\n\r\n"),