@camstack/addon-osd-manager 0.1.128 → 0.1.129

package/dist/MotionZonesSettings-DqRYIx3V.mjs

@@ -1,310 +0,0 @@
-import { c as e, h as t, m as n, p as r, u as i, y as a } from "./_virtual_mf___mfe_internal__addon_osd_manager_page__loadShare__react__loadShare__.js-Bs1t18EM.mjs";
-import { a as o, n as s, r as ee, s as c, t as l } from "./cap-error-Cj2E3c0-.mjs";
-import { n as te, t as u } from "./player-overlays-B1QNz7_H.mjs";
-import { n as d, r as f, t as ne } from "./_virtual_mf___mfe_internal__addon_osd_manager_page__loadShare__react_mf_1_jsx_mf_2_runtime__loadShare__.js-DalfdIDw.mjs";
-import { MaskShapeCanvas as re } from "./MaskShapeCanvas-BEVxAjNq.mjs";
-var p = c("grid-2x2", [
-	["path", {
-		d: "M12 3v18",
-		key: "108xh3"
-	}],
-	["path", {
-		d: "M3 12h18",
-		key: "1i2n21"
-	}],
-	["rect", {
-		x: "3",
-		y: "3",
-		width: "18",
-		height: "18",
-		rx: "2",
-		key: "h1oib"
-	}]
-]);
-//#endregion
-//#region ../ui-library/src/composites/cap-settings/MotionZonesSettings.tsx
-a();
-var m = 110, h = "motion-zones", g = 0, _ = [
-	1,
-	2,
-	3
-], v = 1, y = "rounded-md border border-border bg-surface px-2 py-1 text-[11px] font-medium text-foreground-subtle hover:bg-surface-hover disabled:opacity-40 transition-colors", b = "rounded-md border border-primary/50 bg-primary/15 px-2.5 py-1 text-[11px] font-medium text-primary hover:bg-primary/25 disabled:opacity-40 transition-colors";
-function x(e, t, n) {
-	let r = t * n, i = Array.from({ length: r });
-	for (let t = 0; t < r; t += 1) i[t] = e[t] === !0;
-	return i;
-}
-function S(e, t) {
-	if (e.length !== t.length) return !1;
-	for (let n = 0; n < e.length; n += 1) if (e[n] !== t[n]) return !1;
-	return !0;
-}
-function C(e, t) {
-	return Math.ceil(e / t);
-}
-function w(e, t, n) {
-	return Math.min(n - 1, Math.floor((e + .5) / t * n));
-}
-function T(e, t, n, r) {
-	let i = C(t, r), a = C(n, r), o = Array.from({ length: i * a }, () => !1);
-	for (let r = 0; r < n; r += 1) {
-		let s = w(r, n, a);
-		for (let n = 0; n < t; n += 1) e[r * t + n] === !0 && (o[s * i + w(n, t, i)] = !0);
-	}
-	return o;
-}
-function E(e, t, n, r) {
-	let i = C(t, r), a = C(n, r), o = Array.from({ length: t * n }, () => !1);
-	for (let r = 0; r < n; r += 1) {
-		let s = w(r, n, a);
-		for (let n = 0; n < t; n += 1) o[r * t + n] = e[s * i + w(n, t, i)] === !0;
-	}
-	return o;
-}
-function D({ deviceId: a }) {
-	let c = ee(o().trpcClient, a), [w, D] = t(null), [O, k] = t(!1), [A, j] = t(null), [M, N] = t(null), [P, F] = t(v), [I, L] = t(!1), [R, z] = t(!1), B = n(!1);
-	i(() => {
-		if (!c) return;
-		let e = !1;
-		return B.current = !1, D(null), k(!1), j(null), N(null), F(v), z(!1), (async () => {
-			try {
-				let t = await c.motionZones?.getOptions({});
-				if (e) return;
-				if (!t) throw Error("device proxy not ready");
-				if (D(t), B.current) return;
-				let n = await c.motionZones?.getStatus({});
-				if (e) return;
-				if (!n) throw Error("device proxy not ready");
-				B.current = !0;
-				let r = n.regions.find((e) => e.shape.kind === "grid"), i = x(r ? r.shape.cells : [], t.grid.width, t.grid.height);
-				N(i), j(T(i, t.grid.width, t.grid.height, v));
-			} catch (t) {
-				if (e) return;
-				l(t) ? k(!0) : console.error("Motion Zones load failed", t);
-			}
-		})(), () => {
-			e = !0;
-		};
-	}, [c]);
-	let V = w ? w.grid.width : 0, H = w ? w.grid.height : 0, U = C(V, P), W = C(H, P), G = r(() => A && w ? E(A, V, H, P) : null, [
-		A,
-		w,
-		V,
-		H,
-		P
-	]), K = r(() => G !== null && M !== null && !S(G, M), [G, M]), q = r(() => G ? G.reduce((e, t) => t ? e + 1 : e, 0) : 0, [G]), J = V * H, Y = U * W, X = e((e) => {
-		Y > 0 && j(Array.from({ length: Y }, () => e));
-	}, [Y]), ie = e(() => {
-		j((e) => e && e.map((e) => !e));
-	}, []), Z = e(() => {
-		M && w && j(T(M, V, H, P));
-	}, [
-		M,
-		w,
-		V,
-		H,
-		P
-	]), ae = e((e) => {
-		e === P || !w || j((t) => {
-			if (!t) return F(e), t;
-			let n = T(E(t, V, H, P), V, H, e);
-			return F(e), n;
-		});
-	}, [
-		P,
-		w,
-		V,
-		H
-	]), Q = r(() => w && A ? [{
-		id: g,
-		shape: {
-			kind: "grid",
-			gridWidth: U,
-			gridHeight: W,
-			cells: [...A]
-		}
-	}] : [], [
-		w,
-		A,
-		U,
-		W
-	]), $ = e((e, t) => {
-		t.kind === "grid" && j(t.cells);
-	}, []), oe = e(async () => {
-		if (!(!c || !A || !w)) {
-			L(!0);
-			try {
-				let e = E(A, w.grid.width, w.grid.height, P), t = {
-					kind: "grid",
-					gridWidth: w.grid.width,
-					gridHeight: w.grid.height,
-					cells: e
-				};
-				await c.motionZones?.setZone({ patch: { regions: [{
-					id: g,
-					enabled: !0,
-					shape: t
-				}] } });
-				let n = await c.motionZones?.getStatus({});
-				if (n) {
-					let e = n.regions.find((e) => e.shape.kind === "grid"), t = x(e ? e.shape.cells : [], w.grid.width, w.grid.height);
-					N(t), j(T(t, w.grid.width, w.grid.height, P));
-				}
-			} catch (e) {
-				console.error("Motion Zones save failed", e);
-			} finally {
-				L(!1);
-			}
-		}
-	}, [
-		c,
-		A,
-		w,
-		P
-	]);
-	return u(r(() => R && !O && w && A ? {
-		id: h,
-		order: m,
-		node: /* @__PURE__ */ d(re, {
-			transparent: !0,
-			items: Q,
-			supportedShapes: ["grid"],
-			grid: {
-				width: U,
-				height: W
-			},
-			selectedId: g,
-			onSelect: () => {},
-			onShapeChange: $,
-			onDrawComplete: () => {},
-			drawingKind: null
-		})
-	} : null, [
-		R,
-		O,
-		w,
-		A,
-		Q,
-		$,
-		U,
-		W
-	])), c ? /* @__PURE__ */ d(te, {
-		title: "Motion Zones",
-		icon: /* @__PURE__ */ d(p, { className: "h-3.5 w-3.5 text-foreground-subtle" }),
-		children: /* @__PURE__ */ d("div", {
-			className: "flex flex-col gap-3",
-			children: O ? /* @__PURE__ */ d("p", {
-				className: `${s} leading-relaxed`,
-				children: "This camera doesn't expose an on-board motion zones grid."
-			}) : !O && w !== null && A !== null ? /* @__PURE__ */ f(ne, { children: [/* @__PURE__ */ f("p", {
-				className: `${s} leading-relaxed`,
-				children: [
-					"Toggle ",
-					/* @__PURE__ */ d("strong", {
-						className: "text-foreground",
-						children: "Edit grid"
-					}),
-					" to paint the region directly on the live frame, then ",
-					/* @__PURE__ */ d("strong", {
-						className: "text-foreground",
-						children: "Save"
-					}),
-					" to push the mask to the camera. Pick a bigger",
-					" ",
-					/* @__PURE__ */ d("strong", {
-						className: "text-foreground",
-						children: "Cell size"
-					}),
-					" for quicker, broad-stroke painting — it's resampled to the camera's native ",
-					w.grid.width,
-					"×",
-					w.grid.height,
-					" grid on save (×1 is the finest)."
-				]
-			}), /* @__PURE__ */ f("div", {
-				className: "flex items-center gap-2 flex-wrap",
-				children: [
-					/* @__PURE__ */ d("button", {
-						type: "button",
-						onClick: () => z((e) => !e),
-						disabled: I,
-						"aria-pressed": R,
-						className: R ? b : y,
-						children: R ? "Done editing" : "Edit grid"
-					}),
-					/* @__PURE__ */ d("button", {
-						type: "button",
-						onClick: () => X(!0),
-						disabled: I,
-						className: y,
-						children: "All on"
-					}),
-					/* @__PURE__ */ d("button", {
-						type: "button",
-						onClick: () => X(!1),
-						disabled: I,
-						className: y,
-						children: "All off"
-					}),
-					/* @__PURE__ */ d("button", {
-						type: "button",
-						onClick: ie,
-						disabled: I,
-						className: y,
-						children: "Invert"
-					}),
-					/* @__PURE__ */ f("div", {
-						className: "flex items-center gap-1 ml-1",
-						role: "group",
-						"aria-label": "Cell size",
-						children: [/* @__PURE__ */ d("span", {
-							className: `${s} mr-0.5`,
-							children: "Cell size"
-						}), _.map((e) => /* @__PURE__ */ f("button", {
-							type: "button",
-							onClick: () => ae(e),
-							disabled: I,
-							"aria-pressed": P === e,
-							title: e === 1 ? `Camera grid ${V}×${H} (finest)` : `${C(V, e)}×${C(H, e)} painting grid · cells ×${e} bigger`,
-							className: P === e ? b : y,
-							children: ["×", e]
-						}, e))]
-					}),
-					/* @__PURE__ */ f("span", {
-						className: `${s} ml-1 tabular-nums`,
-						children: [
-							q,
-							" / ",
-							J,
-							" cells · ",
-							w.grid.width,
-							"×",
-							w.grid.height,
-							P === 1 ? "" : ` · paint ${U}×${W}`
-						]
-					}),
-					/* @__PURE__ */ d("span", { className: "flex-1" }),
-					/* @__PURE__ */ d("button", {
-						type: "button",
-						onClick: Z,
-						disabled: I || !K,
-						className: "rounded-md border border-border bg-surface px-2 py-1 text-[11px] text-foreground-subtle hover:bg-surface-hover disabled:opacity-40 transition-colors",
-						children: "Revert"
-					}),
-					/* @__PURE__ */ d("button", {
-						type: "button",
-						onClick: () => void oe(),
-						disabled: I || !K,
-						className: b,
-						children: I ? "Saving…" : "Save"
-					})
-				]
-			})] }) : /* @__PURE__ */ d("p", {
-				className: `${s} leading-relaxed`,
-				children: "Loading the camera's grid…"
-			})
-		})
-	}) : null;
-}
-//#endregion
-export { D as MotionZonesSettings };