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

package/dist/item-B5SaTFQU.js

@@ -0,0 +1,120 @@
+import { t as e } from "./utils-CX-Pz5p6.js";
+import { q as t } from "./spinner-C-HPNxOc.js";
+import "react";
+import { jsx as n } from "react/jsx-runtime";
+import { cva as r } from "class-variance-authority";
+import { mergeProps as i } from "@base-ui/react/merge-props";
+import { useRender as a } from "@base-ui/react/use-render";
+//#region src/ui/item.tsx
+function o({ className: t, ...r }) {
+	return /* @__PURE__ */ n("div", {
+		"data-slot": "item-group",
+		className: e("\n          group/item-group flex w-full flex-col gap-4\n          has-data-[size=sm]:gap-2.5\n          has-data-[size=xs]:gap-2\n        ", t),
+		...r
+	});
+}
+function s({ className: r, ...i }) {
+	return /* @__PURE__ */ n(t, {
+		"data-slot": "item-separator",
+		orientation: "horizontal",
+		className: e("my-2", r),
+		...i
+	});
+}
+var c = r("\n    group/item flex w-full flex-wrap items-center rounded-lg border text-sm transition-colors\n    duration-100 outline-none\n    focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50\n    [a]:transition-colors\n    [a]:hover:bg-muted\n  ", {
+	variants: {
+		variant: {
+			default: "border-transparent",
+			outline: "border-border",
+			muted: "border-transparent bg-muted/50"
+		},
+		size: {
+			default: "gap-2.5 px-3 py-2.5",
+			sm: "gap-2.5 px-3 py-2.5",
+			xs: "\n          gap-2 px-2.5 py-2\n          in-data-[slot=dropdown-menu-content]:p-0\n        "
+		}
+	},
+	defaultVariants: {
+		variant: "default",
+		size: "default"
+	}
+});
+function l({ className: t, variant: n = "default", size: r = "default", render: o, ...s }) {
+	return a({
+		defaultTagName: "div",
+		props: i({ className: e(c({
+			variant: n,
+			size: r,
+			className: t
+		})) }, s),
+		render: o,
+		state: {
+			slot: "item",
+			variant: n,
+			size: r
+		}
+	});
+}
+var u = r("\n    flex shrink-0 items-center justify-center gap-2\n    group-has-data-[slot=item-description]/item:translate-y-0.5\n    group-has-data-[slot=item-description]/item:self-start\n    [&_svg]:pointer-events-none\n  ", {
+	variants: { variant: {
+		default: "bg-transparent",
+		icon: "[&_svg:not([class*='size-'])]:size-4",
+		image: "\n          size-10 overflow-hidden rounded-sm\n          group-data-[size=sm]/item:size-8\n          group-data-[size=xs]/item:size-6\n          [&_img]:size-full [&_img]:object-cover\n        "
+	} },
+	defaultVariants: { variant: "default" }
+});
+function d({ className: t, variant: r = "default", ...i }) {
+	return /* @__PURE__ */ n("div", {
+		"data-slot": "item-media",
+		"data-variant": r,
+		className: e(u({
+			variant: r,
+			className: t
+		})),
+		...i
+	});
+}
+function f({ className: t, ...r }) {
+	return /* @__PURE__ */ n("div", {
+		"data-slot": "item-content",
+		className: e("\n          flex flex-1 flex-col gap-1\n          group-data-[size=xs]/item:gap-0\n          [&+[data-slot=item-content]]:flex-none\n        ", t),
+		...r
+	});
+}
+function p({ className: t, ...r }) {
+	return /* @__PURE__ */ n("div", {
+		"data-slot": "item-title",
+		className: e("line-clamp-1 flex w-fit items-center gap-2 text-sm/snug font-medium underline-offset-4", t),
+		...r
+	});
+}
+function m({ className: t, ...r }) {
+	return /* @__PURE__ */ n("p", {
+		"data-slot": "item-description",
+		className: e("\n          line-clamp-2 text-left text-sm/normal font-normal text-muted-foreground\n          group-data-[size=xs]/item:text-xs\n          [&>a]:underline [&>a]:underline-offset-4\n          [&>a:hover]:text-primary\n        ", t),
+		...r
+	});
+}
+function h({ className: t, ...r }) {
+	return /* @__PURE__ */ n("div", {
+		"data-slot": "item-actions",
+		className: e("flex items-center gap-2", t),
+		...r
+	});
+}
+function g({ className: t, ...r }) {
+	return /* @__PURE__ */ n("div", {
+		"data-slot": "item-header",
+		className: e("flex basis-full items-center justify-between gap-2", t),
+		...r
+	});
+}
+function _({ className: t, ...r }) {
+	return /* @__PURE__ */ n("div", {
+		"data-slot": "item-footer",
+		className: e("flex basis-full items-center justify-between gap-2", t),
+		...r
+	});
+}
+//#endregion
+export { _ as a, d as c, m as i, s as l, h as n, o, f as r, g as s, l as t, p as u };

package/dist/lat-lng-B12P7QyY.js

@@ -0,0 +1,11 @@
+//#region 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
+	};
+}
+//#endregion
+export { e as t };

package/dist/list-page-CvsdZb86.js

@@ -0,0 +1,363 @@
+import { r as e } from "./trpc-CvJUuUXp.js";
+import { h as t, m as n, n as r } from "./i18n-BgzakKoC.js";
+import { a as i, d as a, t as o } from "./mutation-form-validators-BNz5bsv1.js";
+import { l as s } from "./spinner-C-HPNxOc.js";
+import { t as c } from "./button-6SxPBYMz.js";
+import { a as l, i as u, l as d, o as f, r as p, t as m } from "./dialog-BIhQXcZC.js";
+import { n as h } from "./skeleton-6yk8Tdh5.js";
+import { n as g } from "./api-error-9rQmUN5L.js";
+import { t as _ } from "./page-header-RB2YFWlE.js";
+import { i as v, r as y, t as b } from "./tabs-CSIucYFP.js";
+import { r as x, t as S } from "./query-gate-DVhNIkge.js";
+import { t as C } from "./breadcrumbs-0cjsV2cq.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-DjZojYLJ.js";
+import { t as ne } from "./run-text-DvaO8LDF.js";
+import { i as re, n as ie, r as ae, t as oe } from "./starter-fields-BRLX0z-v.js";
+import { r as N } from "./starter-handoff-BA3ucMKL.js";
+import { n as P, t as F } from "./entity-controls-D1K4Ot3O.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";
+//#region 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(m, {
+		open: !0,
+		onOpenChange: (e) => {
+			!e && !a && n();
+		},
+		children: /* @__PURE__ */ z(p, {
+			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: t, kind: r, onPick: i }) {
+	let a = n(), o = e.templates.automation.list.useQuery({
+		workspaceId: t,
+		kind: r
+	});
+	return /* @__PURE__ */ B(R, { children: [/* @__PURE__ */ B(f, { children: [/* @__PURE__ */ z(d, { children: a("automation_starter_title") }), /* @__PURE__ */ z(u, { children: a("automation_starter_pick_description") })] }), /* @__PURE__ */ z(x, {
+		query: o,
+		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: g(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: r, starterId: i, onBack: a, onBuilt: o, onBuilding: s }) {
+	let c = n(), l = t(), u = e.templates.automation.get.useQuery({
+		workspaceId: r,
+		starterId: i
+	}), d = e.automation.validationContext.useQuery({ workspaceId: r }), f = new Set((u.data?.placeholders ?? []).flatMap((e) => e.kind === "list" ? e.fields.map((e) => e.kind) : [e.kind])), p = e.endpoint.list.useQuery({ workspaceId: r }, { enabled: f.has("endpoint") }), m = e.alarmRule.list.useQuery({ workspaceId: r }, { enabled: f.has("alarmRule") }), _ = e.automation.members.useQuery({ workspaceId: r }, { enabled: f.has("recipients") }), v = [
+		u,
+		d,
+		...f.has("endpoint") ? [p] : [],
+		...f.has("alarmRule") ? [m] : [],
+		...f.has("recipients") ? [_] : []
+	], y = (e) => e.map((e) => ({
+		id: e.id,
+		name: K(e.name, l)
+	})), b = u.data, C = d.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(p.data?.endpoints ?? []),
+					alarmRules: y(m.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 ? c("error_request_failed") : g(e) }),
+		children: (e) => /* @__PURE__ */ z(le, {
+			workspaceId: r,
+			starter: e.starter,
+			data: e.data,
+			onBack: a,
+			onBuilt: o,
+			onBuilding: s
+		})
+	});
+}
+function le({ workspaceId: r, starter: s, data: p, onBack: m, onBuilt: h, onBuilding: g }) {
+	let _ = n(), v = t(), y = q(), b = e.useUtils(), [x, S] = L([]), C = I(1e3), w = () => `row-${String(C.current++)}`, T = i({
+		defaultValues: { values: ae(s.placeholders) },
+		validators: o({ submit: async (e) => {
+			let t = re(s.placeholders, e.values), n;
+			g(!0);
+			try {
+				n = t.ok ? await b.client.templates.automation.instantiate.query({
+					workspaceId: r,
+					starterId: s.id,
+					values: t.values
+				}) : t;
+			} finally {
+				g(!1);
+			}
+			if (!n.ok) return S(n.problems), {
+				form: () => _("starter_fix_problems"),
+				fields: {}
+			};
+			S([]);
+			let i = n.kind === "automation" ? {
+				kind: "automation",
+				document: n.document
+			} : {
+				kind: "alarmRule",
+				document: n.document
+			};
+			return h(), y({
+				to: i.kind === "automation" ? "/workspace/$workspaceId/setup/automations/new" : "/workspace/$workspaceId/setup/automations/alarm-rules/new",
+				params: { workspaceId: r },
+				state: N(i)
+			}), null;
+		} }),
+		onSubmitInvalid: a
+	}), 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(d, { children: K(s.name, v) }), /* @__PURE__ */ z(u, { children: K(s.description, v) })] }),
+			/* @__PURE__ */ z(T.AppField, {
+				name: "values",
+				children: (e) => /* @__PURE__ */ z(ie, {
+					workspaceId: r,
+					placeholders: s.placeholders,
+					values: e.state.value,
+					onChange: (t, n) => {
+						E(n), e.handleChange(t);
+					},
+					problems: x,
+					data: p,
+					newKey: w
+				})
+			}),
+			/* @__PURE__ */ B(l, { children: [/* @__PURE__ */ z(T.Subscribe, {
+				selector: (e) => e.isSubmitting,
+				children: (e) => /* @__PURE__ */ z(c, {
+					type: "button",
+					variant: "outline",
+					disabled: e,
+					onClick: m,
+					children: _("starter_back")
+				})
+			}), /* @__PURE__ */ z(T.SubmitButton, {
+				label: _("starter_continue"),
+				pendingLabel: _("starter_continue_pending")
+			})] })
+		]
+	}) });
+}
+//#endregion
+//#region src/workspace/setup/automations/list-page.tsx
+function Y({ workspaceId: e, active: t }) {
+	let r = n(), i = q();
+	return /* @__PURE__ */ z(b, {
+		value: t,
+		onValueChange: (t) => {
+			t === "automations" ? i({
+				to: "/workspace/$workspaceId/setup/automations",
+				params: { workspaceId: e }
+			}) : t === "alarm-rules" && i({
+				to: "/workspace/$workspaceId/setup/automations/alarm-rules",
+				params: { workspaceId: e }
+			});
+		},
+		children: /* @__PURE__ */ B(y, {
+			variant: "line",
+			children: [/* @__PURE__ */ z(v, {
+				value: "automations",
+				children: r("automation_tab_automations")
+			}), /* @__PURE__ */ z(v, {
+				value: "alarm-rules",
+				children: r("automation_tab_alarm_rules")
+			})]
+		})
+	});
+}
+function X({ errors: e, warnings: t }) {
+	let r = n();
+	return /* @__PURE__ */ B(R, { children: [e > 0 ? /* @__PURE__ */ z(s, {
+		variant: "destructive",
+		children: r("automation_error_count", { count: String(e) })
+	}) : null, t > 0 ? /* @__PURE__ */ z(s, {
+		variant: "warning",
+		children: r("automation_warning_count", { count: String(t) })
+	}) : null] });
+}
+function Z(n) {
+	let r = t(), i = e.dashboard.list.useQuery({ workspaceId: n });
+	return (e) => {
+		if (e == null) return null;
+		let t = i.data?.dashboards.find((t) => t.id === e);
+		return t == null ? null : K(t.name, r);
+	};
+}
+function ue({ run: e }) {
+	let t = n();
+	if (e === void 0) return /* @__PURE__ */ z(A, { children: t("automation_last_run_none") });
+	let r = G(e.startedAt);
+	return e.status === "ok" ? /* @__PURE__ */ z(A, { children: t("automation_last_run_ok", { at: r }) }) : /* @__PURE__ */ z(A, {
+		className: "text-destructive",
+		children: t("automation_last_run_failed", {
+			at: r,
+			error: ne(e.errorCode ?? "", e.error)
+		})
+	});
+}
+function Q({ workspaceId: i }) {
+	let a = n(), o = r(), s = t(), l = q(), u = e.automation.list.useQuery({ workspaceId: i }), d = e.automation.latestRuns.useQuery({ workspaceId: i }), f = Z(i), [p, m] = L(null), [v, y] = L(!1), b = new Map(d.data?.items.map((e) => [e.automationId, e.run]));
+	return /* @__PURE__ */ B(O, { children: [
+		/* @__PURE__ */ z(_, {
+			icon: /* @__PURE__ */ z(W, {}),
+			breadcrumbs: /* @__PURE__ */ z(C, { workspaceId: i }),
+			title: a("setup_automations_title"),
+			description: a("setup_automations_description"),
+			actions: /* @__PURE__ */ B("div", {
+				className: "flex items-center gap-2",
+				children: [/* @__PURE__ */ B(c, {
+					type: "button",
+					size: "sm",
+					variant: "outline",
+					onClick: () => {
+						y(!0);
+					},
+					children: [/* @__PURE__ */ z(V, { "data-icon": "inline-start" }), a("automation_starter_action")]
+				}), /* @__PURE__ */ B(c, {
+					type: "button",
+					size: "sm",
+					onClick: () => {
+						l({
+							to: "/workspace/$workspaceId/setup/automations/new",
+							params: { workspaceId: i }
+						});
+					},
+					children: [/* @__PURE__ */ z(H, { "data-icon": "inline-start" }), a("automation_create_action")]
+				})]
+			})
+		}),
+		/* @__PURE__ */ B(k, { children: [/* @__PURE__ */ z(Y, {
+			workspaceId: i,
+			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: g(e) }),
+			isEmpty: (e) => e.items.length === 0,
+			empty: /* @__PURE__ */ z(j, { children: a("setup_automations_empty") }),
+			children: ({ items: e }) => /* @__PURE__ */ z(w, { children: e.map((e) => {
+				let t = f(e.dashboardId);
+				return /* @__PURE__ */ B(te, { children: [/* @__PURE__ */ B(T, {
+					to: "/workspace/$workspaceId/setup/automations/$automationId",
+					params: {
+						workspaceId: i,
+						automationId: e.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(e.name, s) }), /* @__PURE__ */ z(X, {
+								errors: e.errorCount,
+								warnings: e.warningCount
+							})]
+						}),
+						t == null ? null : /* @__PURE__ */ z(A, { children: a("automation_owned_by", { owner: t }) }),
+						d.isSuccess ? /* @__PURE__ */ z(ue, { run: b.get(e.id) }) : null
+					]
+				}), /* @__PURE__ */ B(ee, { children: [/* @__PURE__ */ z(P, {
+					workspaceId: i,
+					entity: e,
+					kind: "automation"
+				}), /* @__PURE__ */ z(D, { children: /* @__PURE__ */ z(E, {
+					tone: "destructive",
+					"aria-label": a("automation_delete_action"),
+					onClick: () => {
+						m(e);
+					},
+					children: /* @__PURE__ */ z(U, {})
+				}) })] })] }, e.id);
+			}) })
+		})] }),
+		/* @__PURE__ */ z($, {
+			workspaceId: i,
+			kind: "automation",
+			entity: p,
+			onClose: () => {
+				m(null);
+			},
+			onDeleted: () => {
+				m(null), o.success(a("automation_delete_toast"));
+			}
+		}),
+		v ? /* @__PURE__ */ z(J, {
+			workspaceId: i,
+			kind: "automation",
+			onClose: () => {
+				y(!1);
+			}
+		}) : null
+	] });
+}
+function $({ workspaceId: e, kind: t, entity: n, onClose: r, onDeleted: i }) {
+	return /* @__PURE__ */ z(m, {
+		open: n != null,
+		onOpenChange: (e) => {
+			e || r();
+		},
+		children: /* @__PURE__ */ z(p, { children: n == null ? null : /* @__PURE__ */ z(F, {
+			workspaceId: e,
+			kind: t,
+			id: n.id,
+			baseRevision: n.revision,
+			onCancel: r,
+			onDeleted: i
+		}) })
+	});
+}
+//#endregion
+export { Y as AutomationSectionTabs, $ as DeleteDialog, X as ProblemBadges, Q as SetupAutomationsPage, J as t, Z as useDashboardNames };

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

@@ -0,0 +1,145 @@
+import { t as e } from "./utils-CX-Pz5p6.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";
+//#region 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 }) {
+	return /* @__PURE__ */ o(l, {
+		ref: t((t) => {
+			n(e.id, t);
+		}, [n, e.id]),
+		position: e.position,
+		title: e.title ?? e.name,
+		onClick: r,
+		children: e.marker
+	});
+}
+//#endregion
+export { g as default };