@overvis/hmi-workspace-ui 0.0.0-stage → 0.1.1

package/dist/lat-lng-Bl77AGSO.js

@@ -0,0 +1,10 @@
+// src/workspace/maps/lat-lng.ts
+function e(e) {
+	if (e == null) return null;
+	let t = typeof e.lat == "function" ? e.lat() : e.lat, n = typeof e.lng == "function" ? e.lng() : e.lng;
+	return !Number.isFinite(t) || !Number.isFinite(n) ? null : {
+		lat: t,
+		lng: n
+	};
+}
+export { e as t };

package/dist/list-page-agHupfNb.js

@@ -0,0 +1,356 @@
+import { Kn as e, Qn as t, Wn as n, ii as r, zn as i } from "./quick-report-DEqqwQxR.js";
+import { h as a, m as o, n as s } from "./i18n-Dt6xbSK6.js";
+import { B as c, H as l, K as u, R as d, U as f, V as p, jt as m, xt as h } from "./alert-dialog-B60PF7S9.js";
+import { l as g } from "./spinner-BRcNKwjH.js";
+import { a as _, b as v, i as y, n as b } from "./panel-BCwBlB_h.js";
+import { r as x, t as S } from "./query-gate-DqmHsZ07.js";
+import { t as C } from "./breadcrumbs-D2u8KZQo.js";
+import { a as w, c as T, d as E, i as D, l as O, n as k, o as A, r as j, s as M, t as ee, u as te } from "./catalog-list-LXuRix0-.js";
+import { t as ne } from "./run-text-DneX9rWh.js";
+import { i as re, n as ie, r as ae, t as oe } from "./starter-fields-yM4B49nd.js";
+import { r as N } from "./starter-handoff-BaK8Ss8I.js";
+import { n as P, t as F } from "./entity-controls-BCuRx882.js";
+import { useRef as I, useState as L } from "react";
+import { Fragment as R, jsx as z, jsxs as B } from "react/jsx-runtime";
+import { LayoutTemplateIcon as V, PlusIcon as H, Trash2Icon as U, WorkflowIcon as W } from "lucide-react";
+import { formatAppDateTime as G, resolveLocalized as K } from "@overvis/hmi-shared";
+import { useNavigate as q } from "@tanstack/react-router";
+// src/workspace/setup/automations/starter-dialog.tsx
+function J({ workspaceId: e, kind: t, onClose: n }) {
+	let [r, i] = L(null), [a, o] = L(!1);
+	return /* @__PURE__ */ z(d, {
+		open: !0,
+		onOpenChange: (e) => {
+			!e && !a && n();
+		},
+		children: /* @__PURE__ */ z(c, {
+			className: "sm:max-w-xl",
+			showCloseButton: !a,
+			children: r == null ? /* @__PURE__ */ z(se, {
+				workspaceId: e,
+				kind: t,
+				onPick: i
+			}) : /* @__PURE__ */ z(ce, {
+				workspaceId: e,
+				starterId: r,
+				onBack: () => {
+					i(null);
+				},
+				onBuilt: n,
+				onBuilding: o
+			})
+		})
+	});
+}
+function se({ workspaceId: e, kind: t, onPick: i }) {
+	let a = o(), s = r.templates.automation.list.useQuery({
+		workspaceId: e,
+		kind: t
+	});
+	return /* @__PURE__ */ B(R, { children: [/* @__PURE__ */ B(f, { children: [/* @__PURE__ */ z(u, { children: a("automation_starter_title") }), /* @__PURE__ */ z(p, { children: a("automation_starter_pick_description") })] }), /* @__PURE__ */ z(x, {
+		query: s,
+		loading: /* @__PURE__ */ B("div", {
+			className: "flex flex-col gap-2",
+			children: [/* @__PURE__ */ z(h, { className: "h-14 w-full" }), /* @__PURE__ */ z(h, { className: "h-14 w-full" })]
+		}),
+		error: (e) => /* @__PURE__ */ z(S, { message: n(e) }),
+		isEmpty: (e) => e.starters.length === 0,
+		empty: /* @__PURE__ */ z("p", {
+			className: "text-muted-foreground",
+			children: a("automation_starter_empty")
+		}),
+		children: ({ starters: e }) => /* @__PURE__ */ z(oe, {
+			starters: e,
+			onPick: i
+		})
+	})] });
+}
+function ce({ workspaceId: e, starterId: t, onBack: i, onBuilt: s, onBuilding: c }) {
+	let l = o(), u = a(), d = r.templates.automation.get.useQuery({
+		workspaceId: e,
+		starterId: t
+	}), f = r.automation.validationContext.useQuery({ workspaceId: e }), p = new Set((d.data?.placeholders ?? []).flatMap((e) => e.kind === "list" ? e.fields.map((e) => e.kind) : [e.kind])), m = r.endpoint.list.useQuery({ workspaceId: e }, { enabled: p.has("endpoint") }), g = r.alarmRule.list.useQuery({ workspaceId: e }, { enabled: p.has("alarmRule") }), _ = r.automation.members.useQuery({ workspaceId: e }, { enabled: p.has("recipients") }), v = [
+		d,
+		f,
+		...p.has("endpoint") ? [m] : [],
+		...p.has("alarmRule") ? [g] : [],
+		...p.has("recipients") ? [_] : []
+	], y = (e) => e.map((e) => ({
+		id: e.id,
+		name: K(e.name, u)
+	})), b = d.data, C = f.data, w = new Map((C?.parameters ?? []).map((e) => [e.id, e])), T = b != null && C != null && v.every((e) => e.data != null);
+	return /* @__PURE__ */ z(x, {
+		query: {
+			isLoading: v.some((e) => e.isLoading),
+			isError: !T && v.some((e) => e.isError),
+			error: v.find((e) => e.isError)?.error,
+			data: T ? {
+				starter: b,
+				data: {
+					parameterFits: (e, t) => {
+						let n = w.get(t), r = e.valueTypes;
+						return n !== void 0 && (r === void 0 || r.includes(n.type)) && (e.writable !== !0 || n.writable);
+					},
+					endpoints: y(m.data?.endpoints ?? []),
+					alarmRules: y(g.data?.items ?? []),
+					branches: [],
+					members: _.data?.members ?? []
+				}
+			} : void 0
+		},
+		loading: /* @__PURE__ */ B("div", {
+			className: "flex flex-col gap-4",
+			children: [/* @__PURE__ */ z(h, { className: "h-6 w-48" }), /* @__PURE__ */ z(h, { className: "h-40 w-full" })]
+		}),
+		error: (e) => /* @__PURE__ */ z(S, { message: e == null ? l("error_request_failed") : n(e) }),
+		children: (t) => /* @__PURE__ */ z(le, {
+			workspaceId: e,
+			starter: t.starter,
+			data: t.data,
+			onBack: i,
+			onBuilt: s,
+			onBuilding: c
+		})
+	});
+}
+function le({ workspaceId: n, starter: s, data: c, onBack: d, onBuilt: h, onBuilding: g }) {
+	let _ = o(), v = a(), y = q(), b = r.useUtils(), [x, S] = L([]), C = I(1e3), w = () => `row-${String(C.current++)}`, T = e({
+		defaultValues: { values: ae(s.placeholders) },
+		validators: i({ submit: async (e) => {
+			let t = re(s.placeholders, e.values), r;
+			g(!0);
+			try {
+				r = t.ok ? await b.client.templates.automation.instantiate.query({
+					workspaceId: n,
+					starterId: s.id,
+					values: t.values
+				}) : t;
+			} finally {
+				g(!1);
+			}
+			if (!r.ok) return S(r.problems), {
+				form: () => _("starter_fix_problems"),
+				fields: {}
+			};
+			S([]);
+			let i = r.kind === "automation" ? {
+				kind: "automation",
+				document: r.document
+			} : {
+				kind: "alarmRule",
+				document: r.document
+			};
+			return h(), y({
+				to: i.kind === "automation" ? "/workspace/$workspaceId/setup/automations/new" : "/workspace/$workspaceId/setup/automations/alarm-rules/new",
+				params: { workspaceId: n },
+				state: N(i)
+			}), null;
+		} }),
+		onSubmitInvalid: t
+	}), E = (e) => {
+		S((t) => t.filter((t) => t.path !== e && !t.path.startsWith(`${e}/`)));
+	};
+	return /* @__PURE__ */ z(T.AppForm, { children: /* @__PURE__ */ B(T.FormRoot, {
+		layout: "dialog",
+		children: [
+			/* @__PURE__ */ B(f, { children: [/* @__PURE__ */ z(u, { children: K(s.name, v) }), /* @__PURE__ */ z(p, { children: K(s.description, v) })] }),
+			/* @__PURE__ */ z(T.AppField, {
+				name: "values",
+				children: (e) => /* @__PURE__ */ z(ie, {
+					workspaceId: n,
+					placeholders: s.placeholders,
+					values: e.state.value,
+					onChange: (t, n) => {
+						E(n), e.handleChange(t);
+					},
+					problems: x,
+					data: c,
+					newKey: w
+				})
+			}),
+			/* @__PURE__ */ B(l, { children: [/* @__PURE__ */ z(T.Subscribe, {
+				selector: (e) => e.isSubmitting,
+				children: (e) => /* @__PURE__ */ z(m, {
+					type: "button",
+					variant: "outline",
+					disabled: e,
+					onClick: d,
+					children: _("starter_back")
+				})
+			}), /* @__PURE__ */ z(T.SubmitButton, {
+				label: _("starter_continue"),
+				pendingLabel: _("starter_continue_pending")
+			})] })
+		]
+	}) });
+}
+// src/workspace/setup/automations/list-page.tsx
+function Y({ workspaceId: e, active: t }) {
+	let n = o(), r = q();
+	return /* @__PURE__ */ z(b, {
+		value: t,
+		onValueChange: (t) => {
+			t === "automations" ? r({
+				to: "/workspace/$workspaceId/setup/automations",
+				params: { workspaceId: e }
+			}) : t === "alarm-rules" && r({
+				to: "/workspace/$workspaceId/setup/automations/alarm-rules",
+				params: { workspaceId: e }
+			});
+		},
+		children: /* @__PURE__ */ B(y, {
+			variant: "line",
+			children: [/* @__PURE__ */ z(_, {
+				value: "automations",
+				children: n("automation_tab_automations")
+			}), /* @__PURE__ */ z(_, {
+				value: "alarm-rules",
+				children: n("automation_tab_alarm_rules")
+			})]
+		})
+	});
+}
+function X({ errors: e, warnings: t }) {
+	let n = o();
+	return /* @__PURE__ */ B(R, { children: [e > 0 ? /* @__PURE__ */ z(g, {
+		variant: "destructive",
+		children: n("automation_error_count", { count: String(e) })
+	}) : null, t > 0 ? /* @__PURE__ */ z(g, {
+		variant: "warning",
+		children: n("automation_warning_count", { count: String(t) })
+	}) : null] });
+}
+function Z(e) {
+	let t = a(), n = r.dashboard.list.useQuery({ workspaceId: e });
+	return (e) => {
+		if (e == null) return null;
+		let r = n.data?.dashboards.find((t) => t.id === e);
+		return r == null ? null : K(r.name, t);
+	};
+}
+function ue({ run: e }) {
+	let t = o();
+	if (e === void 0) return /* @__PURE__ */ z(A, { children: t("automation_last_run_none") });
+	let n = G(e.startedAt);
+	return e.status === "ok" ? /* @__PURE__ */ z(A, { children: t("automation_last_run_ok", { at: n }) }) : /* @__PURE__ */ z(A, {
+		className: "text-destructive",
+		children: t("automation_last_run_failed", {
+			at: n,
+			error: ne(e.errorCode ?? "", e.error)
+		})
+	});
+}
+function Q({ workspaceId: e }) {
+	let t = o(), i = s(), c = a(), l = q(), u = r.automation.list.useQuery({ workspaceId: e }), d = r.automation.latestRuns.useQuery({ workspaceId: e }), f = Z(e), [p, g] = L(null), [_, y] = L(!1), b = new Map(d.data?.items.map((e) => [e.automationId, e.run]));
+	return /* @__PURE__ */ B(O, { children: [
+		/* @__PURE__ */ z(v, {
+			icon: /* @__PURE__ */ z(W, {}),
+			breadcrumbs: /* @__PURE__ */ z(C, { workspaceId: e }),
+			title: t("setup_automations_title"),
+			description: t("setup_automations_description"),
+			actions: /* @__PURE__ */ B("div", {
+				className: "flex items-center gap-2",
+				children: [/* @__PURE__ */ B(m, {
+					type: "button",
+					size: "sm",
+					variant: "outline",
+					onClick: () => {
+						y(!0);
+					},
+					children: [/* @__PURE__ */ z(V, { "data-icon": "inline-start" }), t("automation_starter_action")]
+				}), /* @__PURE__ */ B(m, {
+					type: "button",
+					size: "sm",
+					onClick: () => {
+						l({
+							to: "/workspace/$workspaceId/setup/automations/new",
+							params: { workspaceId: e }
+						});
+					},
+					children: [/* @__PURE__ */ z(H, { "data-icon": "inline-start" }), t("automation_create_action")]
+				})]
+			})
+		}),
+		/* @__PURE__ */ B(k, { children: [/* @__PURE__ */ z(Y, {
+			workspaceId: e,
+			active: "automations"
+		}), /* @__PURE__ */ z(x, {
+			query: u,
+			loading: /* @__PURE__ */ B("div", {
+				className: "space-y-2",
+				children: [/* @__PURE__ */ z(h, { className: "h-10 w-full" }), /* @__PURE__ */ z(h, { className: "h-10 w-4/5" })]
+			}),
+			error: (e) => /* @__PURE__ */ z(S, { message: n(e) }),
+			isEmpty: (e) => e.items.length === 0,
+			empty: /* @__PURE__ */ z(j, { children: t("setup_automations_empty") }),
+			children: ({ items: n }) => /* @__PURE__ */ z(w, { children: n.map((n) => {
+				let r = f(n.dashboardId);
+				return /* @__PURE__ */ B(te, { children: [/* @__PURE__ */ B(T, {
+					to: "/workspace/$workspaceId/setup/automations/$automationId",
+					params: {
+						workspaceId: e,
+						automationId: n.id
+					},
+					className: "sm:flex-col sm:items-start",
+					children: [
+						/* @__PURE__ */ B("div", {
+							className: "flex min-w-0 flex-wrap items-center gap-2",
+							children: [/* @__PURE__ */ z(M, { children: K(n.name, c) }), /* @__PURE__ */ z(X, {
+								errors: n.errorCount,
+								warnings: n.warningCount
+							})]
+						}),
+						r == null ? null : /* @__PURE__ */ z(A, { children: t("automation_owned_by", { owner: r }) }),
+						d.isSuccess ? /* @__PURE__ */ z(ue, { run: b.get(n.id) }) : null
+					]
+				}), /* @__PURE__ */ B(ee, { children: [/* @__PURE__ */ z(P, {
+					workspaceId: e,
+					entity: n,
+					kind: "automation"
+				}), /* @__PURE__ */ z(D, { children: /* @__PURE__ */ z(E, {
+					tone: "destructive",
+					"aria-label": t("automation_delete_action"),
+					onClick: () => {
+						g(n);
+					},
+					children: /* @__PURE__ */ z(U, {})
+				}) })] })] }, n.id);
+			}) })
+		})] }),
+		/* @__PURE__ */ z($, {
+			workspaceId: e,
+			kind: "automation",
+			entity: p,
+			onClose: () => {
+				g(null);
+			},
+			onDeleted: () => {
+				g(null), i.success(t("automation_delete_toast"));
+			}
+		}),
+		_ ? /* @__PURE__ */ z(J, {
+			workspaceId: e,
+			kind: "automation",
+			onClose: () => {
+				y(!1);
+			}
+		}) : null
+	] });
+}
+function $({ workspaceId: e, kind: t, entity: n, onClose: r, onDeleted: i }) {
+	return /* @__PURE__ */ z(d, {
+		open: n != null,
+		onOpenChange: (e) => {
+			e || r();
+		},
+		children: /* @__PURE__ */ z(c, { children: n == null ? null : /* @__PURE__ */ z(F, {
+			workspaceId: e,
+			kind: t,
+			id: n.id,
+			baseRevision: n.revision,
+			onCancel: r,
+			onDeleted: i
+		}) })
+	});
+}
+export { Y as AutomationSectionTabs, $ as DeleteDialog, X as ProblemBadges, Q as SetupAutomationsPage, J as t, Z as useDashboardNames };

package/dist/location-map-renderer-kxU6cgFl.js

@@ -0,0 +1,145 @@
+import { Nt as e } from "./alert-dialog-B60PF7S9.js";
+import { useCallback as t, useEffect as n, useEffectEvent as r, useState as i } from "react";
+import { Fragment as a, jsx as o, jsxs as s } from "react/jsx-runtime";
+import { APIProvider as c, AdvancedMarker as l, InfoWindow as u, Map as d, useMap as f } from "@vis.gl/react-google-maps";
+import { MarkerClusterer as p } from "@googlemaps/markerclusterer";
+// src/workspace/maps/location-map-renderer.tsx
+var m = {
+	normal: 0,
+	warning: 1,
+	critical: 2
+}, h = {
+	normal: "bg-primary text-primary-foreground",
+	warning: "bg-amber-500 text-amber-950",
+	critical: "bg-destructive text-white"
+};
+function g({ locations: e, apiKey: t, mapId: n, theme: r, clusterLabel: i, onError: a }) {
+	return /* @__PURE__ */ o("div", {
+		className: "\n        h-96 overflow-hidden rounded-xl border\n        lg:h-128\n        [&_.gm-style-iw-c]:bg-background!\n        [&_.gm-style-iw-tc::after]:bg-background!\n        dark:[&_.gm-ui-hover-effect>span]:bg-foreground!\n      ",
+		children: /* @__PURE__ */ o(c, {
+			apiKey: t,
+			libraries: ["marker"],
+			onError: a,
+			children: /* @__PURE__ */ o(d, {
+				mapId: n,
+				className: "size-full",
+				defaultCenter: e[0]?.position ?? {
+					lat: 20,
+					lng: 0
+				},
+				defaultZoom: 10,
+				colorScheme: r === "dark" ? "DARK" : "LIGHT",
+				gestureHandling: "cooperative",
+				streetViewControl: !1,
+				mapTypeControl: !1,
+				children: /* @__PURE__ */ o(_, {
+					locations: e,
+					clusterLabel: i
+				})
+			})
+		})
+	});
+}
+function _({ locations: c, clusterLabel: l }) {
+	let d = f(), [g, _] = i(/* @__PURE__ */ new Map()), [b, x] = i(null), S = c.find((e) => e.id === b), C = t((e, t) => {
+		_((n) => {
+			if (n.get(e) === t || !n.has(e) && t == null) return n;
+			let r = new Map(n);
+			return t == null ? r.delete(e) : r.set(e, t), r;
+		});
+	}, []), w = JSON.stringify(c.map(({ id: e, position: t }) => [
+		e,
+		t.lat,
+		t.lng
+	])), [T, E] = i(() => ({
+		key: w,
+		positions: c.map((e) => e.position)
+	}));
+	T.key !== w && E({
+		key: w,
+		positions: c.map((e) => e.position)
+	}), n(() => {
+		if (d == null) return;
+		let e = new google.maps.LatLngBounds();
+		for (let t of T.positions) e.extend(t);
+		if (!e.isEmpty()) {
+			d.fitBounds(e, 60);
+			let t = google.maps.event.addListenerOnce(d, "idle", () => {
+				(d.getZoom() ?? 0) > 15 && d.setZoom(15);
+			});
+			return () => {
+				google.maps.event.removeListener(t);
+			};
+		}
+	}, [d, T]);
+	let D = JSON.stringify(c.map(({ id: e, tone: t }) => [e, t ?? "normal"])), [O, k] = i(() => ({
+		key: D,
+		byId: v(c)
+	}));
+	O.key !== D && k({
+		key: D,
+		byId: v(c)
+	});
+	let A = r((e, t) => l?.(e, t) ?? String(e));
+	return n(() => {
+		if (d == null) return;
+		let t = /* @__PURE__ */ new Map();
+		for (let [e, n] of g) t.set(n, O.byId.get(e) ?? "normal");
+		let n = ({ count: n, markers: r, position: i }) => {
+			let a = "normal";
+			for (let e of r) {
+				let n = t.get(e) ?? "normal";
+				m[n] > m[a] && (a = n);
+			}
+			let o = A(n, a), s = document.createElement("div");
+			return s.className = e("\n          flex size-10 items-center justify-center rounded-full border-2 border-background text-sm\n          font-semibold shadow-md\n        ", h[a]), s.textContent = String(n), s.setAttribute("aria-hidden", "true"), new google.maps.marker.AdvancedMarkerElement({
+				position: i,
+				content: s,
+				title: o,
+				zIndex: 1e3 + m[a] * 1e4 + n
+			});
+		}, r = new p({
+			map: d,
+			markers: [...g.values()],
+			renderer: { render: n }
+		});
+		return () => {
+			r.setMap(null);
+		};
+	}, [
+		d,
+		g,
+		w,
+		O
+	]), /* @__PURE__ */ s(a, { children: [c.map((e) => /* @__PURE__ */ o(y, {
+		location: e,
+		register: C,
+		onClick: () => {
+			x(e.id);
+		}
+	}, e.id)), S == null || !g.has(S.id) ? null : /* @__PURE__ */ o(u, {
+		anchor: g.get(S.id) ?? null,
+		maxWidth: 360,
+		headerContent: S.header,
+		onCloseClick: () => {
+			x(null);
+		},
+		children: S.content
+	})] });
+}
+function v(e) {
+	return new Map(e.map(({ id: e, tone: t }) => [e, t ?? "normal"]));
+}
+function y({ location: e, register: n, onClick: r }) {
+	let i = t((t) => {
+		n(e.id, t);
+	}, [n, e.id]);
+	return /* @__PURE__ */ o(l, {
+		ref: i,
+		position: e.position,
+		title: e.title ?? e.name,
+		onClick: r,
+		children: e.marker
+	});
+}
+export { g as default };

package/dist/location-picker-renderer-B1_-n8lf.js

@@ -0,0 +1,104 @@
+import { t as e } from "./lat-lng-Bl77AGSO.js";
+import { useEffect as t, useState as n } from "react";
+import { jsx as r, jsxs as i } from "react/jsx-runtime";
+import { APIProvider as a, AdvancedMarker as o, Map as s, useMap as c } from "@vis.gl/react-google-maps";
+// src/workspace/maps/location-picker-renderer.tsx
+var l = {
+	lat: 20,
+	lng: 0
+};
+function u(e) {
+	return {
+		lat: Math.round(e.lat * 1e6) / 1e6,
+		lng: Math.round(e.lng * 1e6) / 1e6
+	};
+}
+function d({ value: t, onChange: c, label: d, context: m, apiKey: h, mapId: g, theme: _, onError: v, defaultCenter: y = l, defaultZoom: b = 2 }) {
+	let [x] = n(() => ({
+		center: t ?? y,
+		zoom: t == null ? b : 15,
+		fit: t == null ? m.map((e) => e.position) : []
+	}));
+	return /* @__PURE__ */ r("section", {
+		"aria-label": d,
+		className: "\n        h-56 overflow-hidden rounded-xl border\n        sm:h-64\n      ",
+		children: /* @__PURE__ */ r(a, {
+			apiKey: h,
+			libraries: ["marker"],
+			onError: v,
+			children: /* @__PURE__ */ i(s, {
+				mapId: g,
+				className: "size-full",
+				defaultCenter: x.center,
+				defaultZoom: x.zoom,
+				colorScheme: _ === "dark" ? "DARK" : "LIGHT",
+				gestureHandling: "cooperative",
+				clickableIcons: !1,
+				fullscreenControl: !1,
+				streetViewControl: !1,
+				mapTypeControl: !1,
+				onClick: (e) => {
+					let t = e.detail.latLng;
+					t != null && c(u(t));
+				},
+				children: [
+					/* @__PURE__ */ r(f, { positions: x.fit }),
+					/* @__PURE__ */ r(p, { value: t }),
+					m.map((e) => /* @__PURE__ */ r(o, {
+						position: e.position,
+						clickable: !1,
+						children: /* @__PURE__ */ i("span", {
+							className: "pointer-events-none flex flex-col items-center gap-0.5",
+							children: [/* @__PURE__ */ r("span", {
+								className: "\n                    rounded-sm bg-background/80 px-1 text-xs whitespace-nowrap\n                    text-muted-foreground\n                  ",
+								children: e.name
+							}), /* @__PURE__ */ r("span", { className: "size-3 rounded-full border-2 border-background bg-muted-foreground/70" })]
+						})
+					}, e.id)),
+					t == null ? null : /* @__PURE__ */ r(o, {
+						position: t,
+						title: d,
+						draggable: !0,
+						zIndex: 1,
+						onDragEnd: (t) => {
+							let n = e(t.latLng);
+							n != null && c(u(n));
+						}
+					})
+				]
+			})
+		})
+	});
+}
+function f({ positions: e }) {
+	let n = c();
+	return t(() => {
+		if (n == null || e.length === 0) return;
+		let t = new google.maps.LatLngBounds();
+		for (let n of e) t.extend(n);
+		n.fitBounds(t, 40);
+		let r = google.maps.event.addListenerOnce(n, "idle", () => {
+			(n.getZoom() ?? 0) > 15 && n.setZoom(15);
+		});
+		return () => {
+			google.maps.event.removeListener(r);
+		};
+	}, [n, e]), null;
+}
+function p({ value: e }) {
+	let n = c(), r = e?.lat, i = e?.lng;
+	return t(() => {
+		n != null && r != null && i != null && n.getBounds()?.contains({
+			lat: r,
+			lng: i
+		}) !== !0 && n.panTo({
+			lat: r,
+			lng: i
+		});
+	}, [
+		n,
+		r,
+		i
+	]), null;
+}
+export { d as default };

package/dist/model-tpg_xpFB.js

@@ -0,0 +1,8 @@
+import { resolveLocalized as e } from "@overvis/hmi-shared";
+// src/workspace/page-state/model.ts
+function t(t, n) {
+	if (t == null) return null;
+	let r = e(t, n);
+	return r.length > 0 ? r : null;
+}
+export { t };