@camera.ui/server 2.2.5 → 2.2.7

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

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

package/dist/interface/ha/{CameraConsole-hRGwbjsD.js → CameraConsole-7MhlS2VK.js}

@@ -1,7 +1,7 @@
 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, Yt as f, br as p } from "./api-Dv3Lk_g5.js";
-import { t as m } from "./CuiConsole-UpN0Wihm.js";
-import { t as h } from "./useLogsSocket-BOLAXPuD.js";
+import { Ar as d, Jt as f, br as p } from "./api-BelbnLQO.js";
+import { t as m } from "./CuiConsole-DpeXZmJd.js";
+import { t as h } from "./useLogsSocket-C6k217mW.js";
 //#endregion
 //#region src/components/CuiDialog/templates/CameraConsole/CameraConsole.vue
 var g = /* @__PURE__ */ c({