@camstack/addon-osd-manager 0.1.183 → 0.1.185

package/dist/{responsive-CSrcORLE.mjs → responsive-yiWJoiT1.mjs}

@@ -1,8 +1,8 @@
-import { _ as e, b as t, c as n, g as r, l as i, m as a, n as o, r as s, t as c, u as l } from "./_virtual_mf___mfe_internal__addon_osd_manager_page__loadShare__react__loadShare__.js-C5jUMd7X.mjs";
+import { _ as e, c as t, h as n, l as r, n as i, r as a, t as o, u as s, v as c, x as l } from "./_virtual_mf___mfe_internal__addon_osd_manager_page__loadShare__react__loadShare__.js-D7xZfSHZ.mjs";
 import "./_virtual_mf___mfe_internal__addon_osd_manager_page__loadShare__react_mf_1_jsx_mf_2_runtime__loadShare__.js-DalfdIDw.mjs";
-import { i as u } from "./_virtual_mf___mfe_internal__addon_osd_manager_page__loadShare___mf_0_camstack_mf_1_types__loadShare__.js-CWgx3QDa.mjs";
+import { i as u } from "./_virtual_mf___mfe_internal__addon_osd_manager_page__loadShare___mf_0_camstack_mf_1_types__loadShare__.js-CTH5s3ZX.mjs";
 //#region ../../node_modules/lucide-react/dist/esm/shared/src/utils/mergeClasses.js
-t();
+l();
 var d = (...e) => e.filter((e, t, n) => !!e && e.trim() !== "" && n.indexOf(e) === t).join(" ").trim(), f = (e) => e.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase(), p = (e) => e.replace(/^([A-Z])|[\s-_]+(\w)/g, (e, t, n) => n ? n.toUpperCase() : t.toLowerCase()), m = (e) => {
 	let t = p(e);
 	return t.charAt(0).toUpperCase() + t.slice(1);
@@ -19,23 +19,23 @@ var d = (...e) => e.filter((e, t, n) => !!e && e.trim() !== "" && n.indexOf(e) =
 }, g = (e) => {
 	for (let t in e) if (t.startsWith("aria-") || t === "role" || t === "title") return !0;
 	return !1;
-}, _ = s(({ color: e = "currentColor", size: t = 24, strokeWidth: n = 2, absoluteStrokeWidth: r, className: i = "", children: a, iconNode: s, ...c }, l) => o("svg", {
+}, _ = a(({ color: e = "currentColor", size: t = 24, strokeWidth: n = 2, absoluteStrokeWidth: r, className: a = "", children: o, iconNode: s, ...c }, l) => i("svg", {
 	ref: l,
 	...h,
 	width: t,
 	height: t,
 	stroke: e,
 	strokeWidth: r ? Number(n) * 24 / Number(t) : n,
-	className: d("lucide", i),
-	...!a && !g(c) && { "aria-hidden": "true" },
+	className: d("lucide", a),
+	...!o && !g(c) && { "aria-hidden": "true" },
 	...c
-}, [...s.map(([e, t]) => o(e, t)), ...Array.isArray(a) ? a : [a]]));
+}, [...s.map(([e, t]) => i(e, t)), ...Array.isArray(o) ? o : [o]]));
 //#endregion
 //#region ../../node_modules/lucide-react/dist/esm/createLucideIcon.js
-t();
+l();
 var v = (e, t) => {
-	let n = s(({ className: n, ...r }, i) => o(_, {
-		ref: i,
+	let n = a(({ className: n, ...r }, a) => i(_, {
+		ref: a,
 		iconNode: t,
 		className: d(`lucide-${f(m(e))}`, `lucide-${e}`, n),
 		...r
@@ -44,61 +44,61 @@ var v = (e, t) => {
 };
 //#endregion
 //#region ../ui-library/src/lib/shared-context.ts
-t();
+l();
 function y(e, t) {
-	if (typeof globalThis > "u") return c(t);
+	if (typeof globalThis > "u") return o(t);
 	let n = globalThis.__camstackSharedContexts, r = n ?? /* @__PURE__ */ new Map();
 	n || (globalThis.__camstackSharedContexts = r);
 	let i = r.get(e);
 	if (i) return i;
-	let a = c(t);
+	let a = o(t);
 	return r.set(e, a), a;
 }
 //#endregion
 //#region ../ui-library/src/contexts/system-context.tsx
-t();
+l();
 var b = y("camstack:system", null);
 function x() {
-	let e = i(b);
+	let e = r(b);
 	if (!e) throw Error("useSystem(): no <SystemProvider> in tree");
 	return e;
 }
 //#endregion
 //#region ../ui-library/src/hooks/use-device-proxy.ts
-t();
+l();
 var S = "capability.binding-changed";
-function C(e, t) {
-	let [n, i] = r(null);
-	return l(() => {
-		if (t === null) {
-			i(null);
+function C(t, r) {
+	let [i, a] = e(null);
+	return s(() => {
+		if (r === null) {
+			a(null);
 			return;
 		}
-		let n = !1, r = async () => {
+		let e = !1, n = async () => {
 			try {
-				let r = await e.deviceManager.getBindings.query({ deviceId: t });
-				n || i(r);
+				let n = await t.deviceManager.getBindings.query({ deviceId: r });
+				e || a(n);
 			} catch {
-				n || i((e) => e);
+				e || a((e) => e);
 			}
 		};
-		r();
-		let a = e.live?.onEvent.subscribe({ category: S }, { onData: (e) => {
-			let n = e.data?.source;
-			if (!n) {
-				r();
+		n();
+		let i = t.live?.onEvent.subscribe({ category: S }, { onData: (e) => {
+			let t = e.data?.source;
+			if (!t) {
+				n();
 				return;
 			}
-			n.type === "device" && n.id === t && r();
+			t.type === "device" && t.id === r && n();
 		} });
 		return () => {
-			n = !0, a?.unsubscribe();
+			e = !0, i?.unsubscribe();
 		};
-	}, [e, t]), a(() => n ? u(e, n) : null, [e, n]);
+	}, [t, r]), n(() => i ? u(t, i) : null, [t, i]);
 }
-function w(t) {
-	let r = n((e) => t ? t.subscribe(() => e()) : () => void 0, [t]), i = n(() => t?.value, [t]);
-	return e(r, i, i);
+function w(e) {
+	let n = t((t) => e ? e.subscribe(() => t()) : () => void 0, [e]), r = t(() => e?.value, [e]);
+	return c(n, r, r);
 }
 function T(e, t, n) {
 	let r = C(e, t);

package/dist/{scene-monitor-copy-DvcsgzM2.mjs → scene-monitor-copy-6bTPHwxW.mjs}

@@ -1,5 +1,5 @@
-import { b as e, c as t, g as n, m as r } from "./_virtual_mf___mfe_internal__addon_osd_manager_page__loadShare__react__loadShare__.js-C5jUMd7X.mjs";
-import { c as i } from "./responsive-CSrcORLE.mjs";
+import { _ as e, c as t, h as n, x as r } from "./_virtual_mf___mfe_internal__addon_osd_manager_page__loadShare__react__loadShare__.js-D7xZfSHZ.mjs";
+import { c as i } from "./responsive-yiWJoiT1.mjs";
 var a = i("camera", [["path", {
 	d: "M13.997 4a2 2 0 0 1 1.76 1.05l.486.9A2 2 0 0 0 18.003 7H20a2 2 0 0 1 2 2v9a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V9a2 2 0 0 1 2-2h1.997a2 2 0 0 0 1.759-1.048l.489-.904A2 2 0 0 1 10.004 4z",
 	key: "18u6gg"
@@ -51,7 +51,7 @@ var a = i("camera", [["path", {
 }]]);
 //#endregion
 //#region ../ui-library/src/lib/hub-mount.ts
-e();
+r();
 var c = "camstack-mount", l = /^\/(?:[A-Za-z0-9_\-.]+\/)*$/, u = null;
 function d(e) {
 	if (e == null || e === "") return null;
@@ -88,17 +88,17 @@ function g(e) {
 //#endregion
 //#region ../ui-library/src/hooks/use-device-snapshot.ts
 var _ = "/addon/snapshot/media";
-function v(e, i = {}) {
-	let { width: a, baseUrl: o } = i, [s, c] = n(0);
+function v(r, i = {}) {
+	let { width: a, baseUrl: o } = i, [s, c] = e(0);
 	return {
-		src: r(() => {
-			if (e === null || e <= 0) return null;
-			let t = o === void 0 ? m() : o.replace(/\/+$/, ""), n = new URLSearchParams();
-			a !== void 0 && Number.isInteger(a) && a > 0 && n.set("w", String(a)), s > 0 && (n.set("force", "1"), n.set("r", String(s)));
-			let r = n.toString();
-			return `${t}${_}/${String(e)}.jpg${r.length > 0 ? `?${r}` : ""}`;
+		src: n(() => {
+			if (r === null || r <= 0) return null;
+			let e = o === void 0 ? m() : o.replace(/\/+$/, ""), t = new URLSearchParams();
+			a !== void 0 && Number.isInteger(a) && a > 0 && t.set("w", String(a)), s > 0 && (t.set("force", "1"), t.set("r", String(s)));
+			let n = t.toString();
+			return `${e}${_}/${String(r)}.jpg${n.length > 0 ? `?${n}` : ""}`;
 		}, [
-			e,
+			r,
 			a,
 			o,
 			s

package/dist/{square-BALj2dYA.mjs → square-ClXZfZgc.mjs}

@@ -1,4 +1,4 @@
-import { c as e } from "./responsive-CSrcORLE.mjs";
+import { c as e } from "./responsive-yiWJoiT1.mjs";
 var t = e("eye-off", [
 	["path", {
 		d: "M10.733 5.076a10.744 10.744 0 0 1 11.205 6.575 1 1 0 0 1 0 .696 10.747 10.747 0 0 1-1.444 2.49",

package/dist/{trash-2-BMJXCVQ3.mjs → trash-2-Cm-45fYx.mjs}

@@ -1,4 +1,4 @@
-import { c as e } from "./responsive-CSrcORLE.mjs";
+import { c as e } from "./responsive-yiWJoiT1.mjs";
 var t = e("trash-2", [
 	["path", {
 		d: "M10 11v6",

package/dist/{virtual_mf-REMOTE_ENTRY_ID___mfe_internal__addon_osd_manager_page__remoteEntry_js-2kWEtYV7.mjs → virtual_mf-REMOTE_ENTRY_ID___mfe_internal__addon_osd_manager_page__remoteEntry_js-BfGWacqv.mjs}

@@ -2753,7 +2753,7 @@ async function rr(e) {
 	}
 }
 async function ir() {
-	return tr ||= rr(() => import("./_virtual_mf-localSharedImportMap___mfe_internal__addon_osd_manager_page-ChI8RP64.mjs")).catch((e) => {
+	return tr ||= rr(() => import("./_virtual_mf-localSharedImportMap___mfe_internal__addon_osd_manager_page-CKsdRf-b.mjs")).catch((e) => {
 		throw tr = void 0, e;
 	}), tr;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@camstack/addon-osd-manager",
-  "version": "0.1.183",
+  "version": "0.1.185",
   "description": "Binds camera on-screen-display slots to live state and recognitions",
   "keywords": [
     "camstack",

package/dist/MotionZonesSettings-zw2RZO3c.mjs

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