@elabs-ai/components-maps 4.2.0 → 5.1.0

package/dist/chunk-C4VI37TD.js

@@ -0,0 +1,485 @@
+"use client";
+import {
+  resolveMapResponsive,
+  useMapBreakpoint
+} from "./chunk-W76NLFER.js";
+import {
+  useMap
+} from "./chunk-JYFERXZT.js";
+import {
+  clampShift,
+  mapAnchorGeometry,
+  mapAnchorTransform
+} from "./chunk-4DANBD5B.js";
+import {
+  resolveMapPosition,
+  toPlanPoint
+} from "./chunk-2FPB53NG.js";
+
+// src/map-marker/map-marker.tsx
+import MapLibreGL from "maplibre-gl";
+import {
+  createContext,
+  use,
+  useEffect,
+  useLayoutEffect,
+  useMemo,
+  useRef,
+  useState
+} from "react";
+import { createPortal } from "react-dom";
+import { X } from "lucide-react";
+import { cn } from "@elabs-ai/components-ui/lib/cn";
+import { useLocale } from "@elabs-ai/components-ui";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+var MarkerContext = createContext(null);
+function useMarkerContext() {
+  const context = use(MarkerContext);
+  if (!context) {
+    throw new Error("MapMarker sub-components must be used within <MapMarker>");
+  }
+  return context;
+}
+function MapMarker({
+  longitude: longitudeProp,
+  latitude: latitudeProp,
+  x,
+  y,
+  children,
+  onClick,
+  onMouseEnter,
+  onMouseLeave,
+  onDragStart,
+  onDrag,
+  onDragEnd,
+  draggable = false,
+  dragLabel,
+  showAt = true,
+  label,
+  ...markerOptions
+}) {
+  const { map, plan } = useMap();
+  const { t } = useLocale();
+  const visible = resolveMapResponsive(showAt, useMapBreakpoint());
+  const [marker, setMarker] = useState(null);
+  const [longitude, latitude] = resolveMapPosition(
+    { longitude: longitudeProp, latitude: latitudeProp, x, y },
+    plan,
+    "MapMarker"
+  );
+  const planRef = useRef(plan);
+  planRef.current = plan;
+  const callbacksRef = useRef({
+    onClick,
+    onMouseEnter,
+    onMouseLeave,
+    onDragStart,
+    onDrag,
+    onDragEnd
+  });
+  callbacksRef.current = {
+    onClick,
+    onMouseEnter,
+    onMouseLeave,
+    onDragStart,
+    onDrag,
+    onDragEnd
+  };
+  const { anchor, className, offset, rotation, rotationAlignment, pitchAlignment } = markerOptions;
+  const initialRef = useRef({ longitude, latitude, draggable });
+  initialRef.current = { longitude, latitude, draggable };
+  useEffect(() => {
+    const markerInstance = new MapLibreGL.Marker({
+      anchor,
+      className,
+      element: document.createElement("div"),
+      draggable: initialRef.current.draggable
+    }).setLngLat([initialRef.current.longitude, initialRef.current.latitude]);
+    markerInstance.getElement()?.classList.add("focus-ring");
+    const handleClick = (e) => callbacksRef.current.onClick?.(e);
+    const handleMouseEnter = (e) => callbacksRef.current.onMouseEnter?.(e);
+    const handleMouseLeave = (e) => callbacksRef.current.onMouseLeave?.(e);
+    markerInstance.getElement()?.addEventListener("click", handleClick);
+    markerInstance.getElement()?.addEventListener("mouseenter", handleMouseEnter);
+    markerInstance.getElement()?.addEventListener("mouseleave", handleMouseLeave);
+    const handleDragStart = () => {
+      const lngLat = markerInstance.getLngLat();
+      callbacksRef.current.onDragStart?.(
+        { lng: lngLat.lng, lat: lngLat.lat },
+        toPlanPoint(planRef.current, lngLat)
+      );
+    };
+    const handleDrag = () => {
+      const lngLat = markerInstance.getLngLat();
+      callbacksRef.current.onDrag?.(
+        { lng: lngLat.lng, lat: lngLat.lat },
+        toPlanPoint(planRef.current, lngLat)
+      );
+    };
+    const handleDragEnd = () => {
+      const lngLat = markerInstance.getLngLat();
+      callbacksRef.current.onDragEnd?.(
+        { lng: lngLat.lng, lat: lngLat.lat },
+        toPlanPoint(planRef.current, lngLat)
+      );
+    };
+    markerInstance.on("dragstart", handleDragStart);
+    markerInstance.on("drag", handleDrag);
+    markerInstance.on("dragend", handleDragEnd);
+    setMarker(markerInstance);
+  }, [anchor, className]);
+  useEffect(() => {
+    if (!map || !marker || !visible) return;
+    marker.addTo(map);
+    return () => {
+      marker.remove();
+    };
+  }, [map, marker, visible]);
+  useEffect(() => {
+    if (!marker) return;
+    const current = marker.getLngLat();
+    if (current.lng !== longitude || current.lat !== latitude) {
+      marker.setLngLat([longitude, latitude]);
+    }
+    if (marker.isDraggable() !== draggable) {
+      marker.setDraggable(draggable);
+    }
+    const currentOffset = marker.getOffset();
+    const newOffset = offset ?? [0, 0];
+    const [newOffsetX, newOffsetY] = Array.isArray(newOffset) ? newOffset : [newOffset.x, newOffset.y];
+    if (currentOffset.x !== newOffsetX || currentOffset.y !== newOffsetY) {
+      marker.setOffset(newOffset);
+    }
+    if (marker.getRotation() !== (rotation ?? 0)) {
+      marker.setRotation(rotation ?? 0);
+    }
+    if (marker.getRotationAlignment() !== (rotationAlignment ?? "auto")) {
+      marker.setRotationAlignment(rotationAlignment ?? "auto");
+    }
+    if (marker.getPitchAlignment() !== (pitchAlignment ?? "auto")) {
+      marker.setPitchAlignment(pitchAlignment ?? "auto");
+    }
+  }, [marker, longitude, latitude, draggable, offset, rotation, rotationAlignment, pitchAlignment]);
+  useEffect(() => {
+    const element = marker?.getElement();
+    if (!(draggable && marker && map && element)) return;
+    const hadTabIndex = element.getAttribute("tabindex");
+    const hadRole = element.getAttribute("role");
+    const hadLabel = element.getAttribute("aria-label");
+    if (hadTabIndex === null) element.setAttribute("tabindex", "0");
+    if (hadRole === null) element.setAttribute("role", "button");
+    element.setAttribute("aria-label", dragLabel ?? t("maps.marker.drag"));
+    let dragging = false;
+    const position = () => {
+      const lngLat = marker.getLngLat();
+      return { lng: lngLat.lng, lat: lngLat.lat };
+    };
+    const planPoint = () => toPlanPoint(planRef.current, marker.getLngLat());
+    const settle = () => {
+      if (!dragging) return;
+      dragging = false;
+      callbacksRef.current.onDragEnd?.(position(), planPoint());
+    };
+    const handleKeyDown = (event) => {
+      const step = event.shiftKey ? KEYBOARD_DRAG_STEP_COARSE_PX : KEYBOARD_DRAG_STEP_PX;
+      const delta = KEYBOARD_DRAG_DELTAS[event.key];
+      if (!delta) return;
+      event.preventDefault();
+      event.stopPropagation();
+      if (!dragging) {
+        dragging = true;
+        callbacksRef.current.onDragStart?.(position(), planPoint());
+      }
+      const point = map.project(marker.getLngLat());
+      const next = map.unproject([point.x + delta[0] * step, point.y + delta[1] * step]);
+      marker.setLngLat(next);
+      callbacksRef.current.onDrag?.(position(), planPoint());
+    };
+    const handleKeyUp = (event) => {
+      if (KEYBOARD_DRAG_DELTAS[event.key]) settle();
+    };
+    element.addEventListener("keydown", handleKeyDown);
+    element.addEventListener("keyup", handleKeyUp);
+    element.addEventListener("blur", settle);
+    return () => {
+      element.removeEventListener("keydown", handleKeyDown);
+      element.removeEventListener("keyup", handleKeyUp);
+      element.removeEventListener("blur", settle);
+      if (hadTabIndex === null) element.removeAttribute("tabindex");
+      if (hadRole === null) element.removeAttribute("role");
+      if (hadLabel === null) element.removeAttribute("aria-label");
+      else element.setAttribute("aria-label", hadLabel);
+    };
+  }, [draggable, dragLabel, map, marker, t]);
+  if (!marker) {
+    return null;
+  }
+  return /* @__PURE__ */ jsxs(MarkerContext.Provider, { value: { marker, map }, children: [
+    children,
+    label && /* @__PURE__ */ jsx(MarkerOwnLabel, { label })
+  ] });
+}
+var KEYBOARD_DRAG_STEP_PX = 8;
+var KEYBOARD_DRAG_STEP_COARSE_PX = 40;
+var KEYBOARD_DRAG_DELTAS = {
+  ArrowLeft: [-1, 0],
+  ArrowRight: [1, 0],
+  ArrowUp: [0, -1],
+  ArrowDown: [0, 1]
+};
+var LABEL_GAP = 10;
+var CALLOUT_DISTANCE = 28;
+var LABEL_EDGE_PAD = 4;
+function useLabelInsideMap(element, map, marker, onShift) {
+  const onShiftRef = useRef(onShift);
+  onShiftRef.current = onShift;
+  useLayoutEffect(() => {
+    if (!element || !map) return void 0;
+    const container = map.getContainer();
+    const update = () => {
+      const frame = container.getBoundingClientRect();
+      if (frame.width === 0 || frame.height === 0) return;
+      const point = map.project(marker.getLngLat());
+      const inside = point.x >= 0 && point.y >= 0 && point.x <= frame.width && point.y <= frame.height;
+      element.style.visibility = inside ? "" : "hidden";
+      if (!inside) return;
+      element.style.translate = "";
+      const box = element.getBoundingClientRect();
+      const { sx, sy } = clampShift(
+        box.left - frame.left,
+        box.top - frame.top,
+        box.width,
+        box.height,
+        frame.width,
+        frame.height,
+        LABEL_EDGE_PAD
+      );
+      element.style.translate = sx === 0 && sy === 0 ? "" : `${sx}px ${sy}px`;
+      onShiftRef.current?.(sx, sy);
+    };
+    update();
+    map.on("move", update);
+    map.on("resize", update);
+    const observer = typeof ResizeObserver === "undefined" ? null : new ResizeObserver(() => update());
+    observer?.observe(element);
+    return () => {
+      map.off("move", update);
+      map.off("resize", update);
+      observer?.disconnect();
+    };
+  }, [element, map, marker]);
+}
+function MarkerOwnLabel({ label }) {
+  const { marker, map } = useMarkerContext();
+  const { text, position = "top", box = false, callout = false } = label;
+  const distance = callout ? CALLOUT_DISTANCE : LABEL_GAP;
+  const { dx, dy } = mapAnchorGeometry(position, distance);
+  const [labelEl, setLabelEl] = useState(null);
+  const lineRef = useRef(null);
+  useLabelInsideMap(labelEl, map, marker, (sx, sy) => {
+    const line = lineRef.current;
+    if (!line) return;
+    line.setAttribute("x2", String(dx + sx));
+    line.setAttribute("y2", String(dy + sy));
+  });
+  return createPortal(
+    /* @__PURE__ */ jsxs(Fragment, { children: [
+      callout && /* @__PURE__ */ jsx(
+        "svg",
+        {
+          "aria-hidden": "true",
+          "data-slot": "map-marker-callout",
+          className: "pointer-events-none absolute overflow-visible text-foreground",
+          style: { left: "50%", top: "50%" },
+          width: 1,
+          height: 1,
+          children: /* @__PURE__ */ jsx("line", { ref: lineRef, x1: 0, y1: 0, x2: dx, y2: dy, stroke: "currentColor", strokeWidth: 1 })
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        "div",
+        {
+          ref: setLabelEl,
+          "data-slot": "map-marker-label",
+          "data-position": position,
+          className: cn(
+            "pointer-events-none absolute whitespace-nowrap text-meta font-medium text-foreground",
+            box && "rounded-sm bg-background/90 px-1 py-px"
+          ),
+          style: { left: "50%", top: "50%", transform: mapAnchorTransform(position, distance) },
+          children: text
+        }
+      )
+    ] }),
+    marker.getElement()
+  );
+}
+function MapMarkerContent({ children, className }) {
+  const { marker } = useMarkerContext();
+  return createPortal(
+    /* @__PURE__ */ jsx("div", { className: cn("relative cursor-pointer", className), children: children || /* @__PURE__ */ jsx(DefaultMarkerIcon, {}) }),
+    marker.getElement()
+  );
+}
+function DefaultMarkerIcon() {
+  return /* @__PURE__ */ jsx("div", { className: "relative size-4 rounded-full border-2 border-background bg-primary shadow-sm" });
+}
+function PopupCloseButton({ onClick }) {
+  const { t } = useLocale();
+  return /* @__PURE__ */ jsx(
+    "button",
+    {
+      type: "button",
+      onClick,
+      "aria-label": t("maps.popup.close"),
+      className: "absolute top-1 right-1 z-10 inline-flex size-5 items-center justify-center rounded-sm text-foreground transition-colors duration-fast hover:bg-muted focus-ring-inset",
+      children: /* @__PURE__ */ jsx(X, { className: "size-3.5", "aria-hidden": "true" })
+    }
+  );
+}
+function MapMarkerPopup({
+  children,
+  className,
+  closeButton = false,
+  ...popupOptions
+}) {
+  const { marker, map } = useMarkerContext();
+  const container = useMemo(() => document.createElement("div"), []);
+  const { offset, maxWidth } = popupOptions;
+  const popup = useMemo(() => {
+    return new MapLibreGL.Popup({
+      offset: 16,
+      ...popupOptions,
+      closeButton: false
+    }).setMaxWidth("none").setDOMContent(container);
+  }, []);
+  useEffect(() => {
+    if (!map) return;
+    popup.setDOMContent(container);
+    marker.setPopup(popup);
+    return () => {
+      marker.setPopup(null);
+    };
+  }, [map]);
+  useEffect(() => {
+    popup.setOffset(offset ?? 16);
+    if (maxWidth) {
+      popup.setMaxWidth(maxWidth);
+    }
+  }, [popup, offset, maxWidth]);
+  const handleClose = () => popup.remove();
+  return createPortal(
+    /* @__PURE__ */ jsxs(
+      "div",
+      {
+        className: cn(
+          "relative max-w-62 rounded-md bg-popover p-3 text-popover-foreground shadow-ring-md",
+          "animate-in fade-in-0 zoom-in-95 duration-fast ease-entrance",
+          className
+        ),
+        children: [
+          closeButton && /* @__PURE__ */ jsx(PopupCloseButton, { onClick: handleClose }),
+          children
+        ]
+      }
+    ),
+    container
+  );
+}
+function MapMarkerTooltip({ children, className, ...popupOptions }) {
+  const { marker, map } = useMarkerContext();
+  const container = useMemo(() => document.createElement("div"), []);
+  const { offset, maxWidth } = popupOptions;
+  const tooltip = useMemo(() => {
+    return new MapLibreGL.Popup({
+      offset: 16,
+      ...popupOptions,
+      closeOnClick: true,
+      closeButton: false
+    }).setMaxWidth("none");
+  }, []);
+  useEffect(() => {
+    if (!map) return;
+    tooltip.setDOMContent(container);
+    const show = () => {
+      tooltip.setLngLat(marker.getLngLat()).addTo(map);
+    };
+    const hide = () => tooltip.remove();
+    const handleKeyDown = (event) => {
+      if (event.key === "Escape") hide();
+    };
+    const element = marker.getElement();
+    const hadTabIndex = element?.getAttribute("tabindex") ?? null;
+    if (element && hadTabIndex === null) element.setAttribute("tabindex", "0");
+    element?.addEventListener("mouseenter", show);
+    element?.addEventListener("mouseleave", hide);
+    element?.addEventListener("focus", show);
+    element?.addEventListener("blur", hide);
+    element?.addEventListener("keydown", handleKeyDown);
+    return () => {
+      element?.removeEventListener("mouseenter", show);
+      element?.removeEventListener("mouseleave", hide);
+      element?.removeEventListener("focus", show);
+      element?.removeEventListener("blur", hide);
+      element?.removeEventListener("keydown", handleKeyDown);
+      if (element && hadTabIndex === null) element.removeAttribute("tabindex");
+      tooltip.remove();
+    };
+  }, [map]);
+  useEffect(() => {
+    tooltip.setOffset(offset ?? 16);
+    if (maxWidth) {
+      tooltip.setMaxWidth(maxWidth);
+    }
+  }, [tooltip, offset, maxWidth]);
+  return createPortal(
+    /* @__PURE__ */ jsx(
+      "div",
+      {
+        className: cn(
+          "pointer-events-none rounded-md bg-foreground px-2 py-1 text-meta text-balance text-background shadow-md",
+          "animate-in fade-in-0 zoom-in-95 duration-fast ease-entrance",
+          className
+        ),
+        children
+      }
+    ),
+    container
+  );
+}
+function MapMarkerLabel({ children, className, position = "top" }) {
+  const { marker, map } = useMarkerContext();
+  const [labelEl, setLabelEl] = useState(null);
+  const positionClasses = {
+    top: "bottom-full mb-1",
+    bottom: "top-full mt-1"
+  };
+  useLabelInsideMap(labelEl, map, marker);
+  return createPortal(
+    /* @__PURE__ */ jsx(
+      "div",
+      {
+        ref: setLabelEl,
+        "data-slot": "map-marker-label",
+        "data-position": position,
+        className: cn(
+          "absolute left-1/2 -translate-x-1/2 whitespace-nowrap",
+          "text-meta font-medium text-foreground",
+          positionClasses[position],
+          className
+        ),
+        children
+      }
+    ),
+    marker.getElement()
+  );
+}
+
+export {
+  MapMarker,
+  MapMarkerContent,
+  MapMarkerPopup,
+  MapMarkerTooltip,
+  MapMarkerLabel
+};
+//# sourceMappingURL=chunk-C4VI37TD.js.map

package/dist/chunk-C4VI37TD.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/map-marker/map-marker.tsx"],"sourcesContent":["\"use client\";\n\nimport MapLibreGL, { type MarkerOptions, type PopupOptions } from \"maplibre-gl\";\nimport {\n  createContext,\n  use,\n  useEffect,\n  useLayoutEffect,\n  useMemo,\n  useRef,\n  useState,\n  type ReactNode,\n} from \"react\";\nimport { createPortal } from \"react-dom\";\nimport { X } from \"lucide-react\";\nimport { cn } from \"@elabs-ai/components-ui/lib/cn\";\nimport { useLocale } from \"@elabs-ai/components-ui\";\n\nimport { useMap } from \"../map-canvas/map-context\";\nimport {\n  type MapResponsive,\n  useMapBreakpoint,\n  resolveMapResponsive,\n} from \"../lib/use-map-breakpoint\";\nimport {\n  type MapLabelAnchor,\n  clampShift,\n  mapAnchorGeometry,\n  mapAnchorTransform,\n} from \"../map-annotation/anchor\";\nimport { resolveMapPosition, toPlanPoint, type MapPosition } from \"../lib/map-position\";\nimport type { PlanPoint } from \"../lib/plan-crs\";\n\ntype MarkerContextValue = {\n  marker: MapLibreGL.Marker;\n  map: MapLibreGL.Map | null;\n};\n\nconst MarkerContext = createContext<MarkerContextValue | null>(null);\n\nfunction useMarkerContext() {\n  const context = use(MarkerContext);\n  if (!context) {\n    throw new Error(\"MapMarker sub-components must be used within <MapMarker>\");\n  }\n  return context;\n}\n\n/**\n * A marker's own text label — the locator-map label: one of eight positions,\n * optionally on a box, optionally pushed out on a callout line.\n */\nexport interface MapMarkerLabelSpec {\n  /** The label text. */\n  text: string;\n  /** Where the label sits relative to the point (default `\"top\"`). */\n  position?: MapLabelAnchor;\n  /** Set the label on a background box so it reads over a busy basemap. */\n  box?: boolean;\n  /** Push the label further out and draw a callout line back to the point. */\n  callout?: boolean;\n}\n\nexport type MapMarkerProps = MapPosition & {\n  /**\n   * Marker sub-components (MapMarkerContent, MapMarkerPopup, MapMarkerTooltip,\n   * MapMarkerLabel). Optional when `label` alone marks the place — an inline\n   * area label, for example.\n   */\n  children?: ReactNode;\n  /**\n   * Whether the marker shows at a tier (default `true` everywhere):\n   * `{ base: true, narrow: false }` drops it from a phone-width map. The\n   * The editorial advice applies — duplicate a marker with a shorter label and\n   * the opposite `showAt` rather than cramming one label into both.\n   */\n  showAt?: MapResponsive<boolean>;\n  /** A text label drawn with the marker (see {@link MapMarkerLabelSpec}). */\n  label?: MapMarkerLabelSpec;\n  /** Callback when the marker is clicked. */\n  onClick?: (e: MouseEvent) => void;\n  /** Callback when the mouse enters the marker. */\n  onMouseEnter?: (e: MouseEvent) => void;\n  /** Callback when the mouse leaves the marker. */\n  onMouseLeave?: (e: MouseEvent) => void;\n  /** Callback when a drag starts (requires `draggable`). The plan point is `null` off a plan. */\n  onDragStart?: (lngLat: { lng: number; lat: number }, plan: PlanPoint | null) => void;\n  /** Callback during a drag (requires `draggable`). The plan point is `null` off a plan. */\n  onDrag?: (lngLat: { lng: number; lat: number }, plan: PlanPoint | null) => void;\n  /** Callback when a drag ends (requires `draggable`). The plan point is `null` off a plan. */\n  onDragEnd?: (lngLat: { lng: number; lat: number }, plan: PlanPoint | null) => void;\n  /**\n   * The accessible name of a `draggable` marker — say what it moves (\"Depot\n   * location\"). Defaults to the locale seam's generic name. Ignored when the\n   * marker is not draggable.\n   */\n  dragLabel?: string;\n} & Omit<MarkerOptions, \"element\">;\n\n/**\n * A marker anchored at a lng/lat — or, on a canvas with a `plan` extent, at a\n * plan `x`/`y`. Compose the pieces you need: `MapMarkerContent` (the visual),\n * `MapMarkerLabel`, `MapMarkerPopup` (opens on click) and `MapMarkerTooltip`\n * (shows on hover).\n */\nexport function MapMarker({\n  longitude: longitudeProp,\n  latitude: latitudeProp,\n  x,\n  y,\n  children,\n  onClick,\n  onMouseEnter,\n  onMouseLeave,\n  onDragStart,\n  onDrag,\n  onDragEnd,\n  draggable = false,\n  dragLabel,\n  showAt = true,\n  label,\n  ...markerOptions\n}: MapMarkerProps) {\n  const { map, plan } = useMap();\n  const { t } = useLocale();\n  const visible = resolveMapResponsive(showAt, useMapBreakpoint());\n  const [marker, setMarker] = useState<MapLibreGL.Marker | null>(null);\n\n  // One position prop, two coordinate systems, two scalars out — so every sync\n  // effect below keeps primitive dependencies.\n  const [longitude, latitude] = resolveMapPosition(\n    { longitude: longitudeProp, latitude: latitudeProp, x, y },\n    plan,\n    \"MapMarker\",\n  );\n  const planRef = useRef(plan);\n  planRef.current = plan;\n\n  const callbacksRef = useRef({\n    onClick,\n    onMouseEnter,\n    onMouseLeave,\n    onDragStart,\n    onDrag,\n    onDragEnd,\n  });\n  callbacksRef.current = {\n    onClick,\n    onMouseEnter,\n    onMouseLeave,\n    onDragStart,\n    onDrag,\n    onDragEnd,\n  };\n\n  const { anchor, className, offset, rotation, rotationAlignment, pitchAlignment } = markerOptions;\n\n  // `longitude`/`latitude`/`draggable` at construction time only — the sync\n  // effect below corrects them on the very next commit, and are read from a\n  // ref here so they don't force a rebuild on every position change (see the\n  // `anchor`/`className` note below for what SHOULD force one).\n  const initialRef = useRef({ longitude, latitude, draggable });\n  initialRef.current = { longitude, latitude, draggable };\n\n  // Builds (and tears down) the actual MapLibre `Marker` instance. This is a\n  // real `useEffect`, never `useMemo`: `useMemo`'s initializer runs during\n  // RENDER — including on the server, where `document` doesn't exist — and\n  // React offers no guarantee it runs only once (it may discard and recompute\n  // a memoized value), which would silently leak marker instances/listeners.\n  //\n  // `anchor` and `className` have no MapLibre setter (`Marker` bakes both into\n  // its constructor), so they are the only options that must REBUILD the\n  // instance; every other option (position, draggable, offset, rotation,\n  // alignment) has a live setter and is kept in sync by the effect further\n  // below without ever recreating the marker.\n  useEffect(() => {\n    const markerInstance = new MapLibreGL.Marker({\n      anchor,\n      className,\n      element: document.createElement(\"div\"),\n      draggable: initialRef.current.draggable,\n    }).setLngLat([initialRef.current.longitude, initialRef.current.latitude]);\n\n    // c-10: MapLibre gives a marker a tab stop of its own (a popup, a\n    // keyboard drag), and a raw element shows the BROWSER's focus ring, which\n    // does not follow the theme. The house indicator is a class, so the\n    // element wears the same `focus-ring` every other control does.\n    markerInstance.getElement()?.classList.add(\"focus-ring\");\n\n    const handleClick = (e: MouseEvent) => callbacksRef.current.onClick?.(e);\n    const handleMouseEnter = (e: MouseEvent) => callbacksRef.current.onMouseEnter?.(e);\n    const handleMouseLeave = (e: MouseEvent) => callbacksRef.current.onMouseLeave?.(e);\n\n    markerInstance.getElement()?.addEventListener(\"click\", handleClick);\n    markerInstance.getElement()?.addEventListener(\"mouseenter\", handleMouseEnter);\n    markerInstance.getElement()?.addEventListener(\"mouseleave\", handleMouseLeave);\n\n    const handleDragStart = () => {\n      const lngLat = markerInstance.getLngLat();\n      callbacksRef.current.onDragStart?.(\n        { lng: lngLat.lng, lat: lngLat.lat },\n        toPlanPoint(planRef.current, lngLat),\n      );\n    };\n    const handleDrag = () => {\n      const lngLat = markerInstance.getLngLat();\n      callbacksRef.current.onDrag?.(\n        { lng: lngLat.lng, lat: lngLat.lat },\n        toPlanPoint(planRef.current, lngLat),\n      );\n    };\n    const handleDragEnd = () => {\n      const lngLat = markerInstance.getLngLat();\n      callbacksRef.current.onDragEnd?.(\n        { lng: lngLat.lng, lat: lngLat.lat },\n        toPlanPoint(planRef.current, lngLat),\n      );\n    };\n\n    markerInstance.on(\"dragstart\", handleDragStart);\n    markerInstance.on(\"drag\", handleDrag);\n    markerInstance.on(\"dragend\", handleDragEnd);\n\n    setMarker(markerInstance);\n  }, [anchor, className]);\n\n  // Attaches/detaches the CURRENT marker instance to the map — its own effect\n  // so both a `map` change and an `anchor`/`className`-driven rebuild above\n  // are handled the same way, without a double `remove()`.\n  // A marker hidden at this tier (`showAt`) is simply not on the map.\n  useEffect(() => {\n    if (!map || !marker || !visible) return;\n\n    marker.addTo(map);\n\n    return () => {\n      marker.remove();\n    };\n  }, [map, marker, visible]);\n\n  useEffect(() => {\n    if (!marker) return;\n\n    const current = marker.getLngLat();\n    if (current.lng !== longitude || current.lat !== latitude) {\n      marker.setLngLat([longitude, latitude]);\n    }\n\n    if (marker.isDraggable() !== draggable) {\n      marker.setDraggable(draggable);\n    }\n\n    const currentOffset = marker.getOffset();\n    const newOffset = offset ?? [0, 0];\n    const [newOffsetX, newOffsetY] = Array.isArray(newOffset)\n      ? newOffset\n      : [newOffset.x, newOffset.y];\n    if (currentOffset.x !== newOffsetX || currentOffset.y !== newOffsetY) {\n      marker.setOffset(newOffset);\n    }\n\n    if (marker.getRotation() !== (rotation ?? 0)) {\n      marker.setRotation(rotation ?? 0);\n    }\n    if (marker.getRotationAlignment() !== (rotationAlignment ?? \"auto\")) {\n      marker.setRotationAlignment(rotationAlignment ?? \"auto\");\n    }\n    if (marker.getPitchAlignment() !== (pitchAlignment ?? \"auto\")) {\n      marker.setPitchAlignment(pitchAlignment ?? \"auto\");\n    }\n  }, [marker, longitude, latitude, draggable, offset, rotation, rotationAlignment, pitchAlignment]);\n\n  // c-4 (WCAG 2.1.1): `marker.setDraggable(true)` buys a MOUSE affordance and\n  // nothing else — MapLibre gives a marker element a tab stop and a key\n  // handler only from inside `setPopup`, so a popup-less draggable marker is\n  // not focusable and answers no key. The drag gets its keyboard equivalent\n  // here: a real tab stop, a name that says what moves, and arrow keys that\n  // step the marker in PIXELS (Shift = a coarser step) through the same\n  // project/unproject round trip the pointer drag uses, firing the identical\n  // dragstart/drag/dragend payloads.\n  useEffect(() => {\n    const element = marker?.getElement();\n    if (!(draggable && marker && map && element)) return;\n\n    const hadTabIndex = element.getAttribute(\"tabindex\");\n    const hadRole = element.getAttribute(\"role\");\n    const hadLabel = element.getAttribute(\"aria-label\");\n    if (hadTabIndex === null) element.setAttribute(\"tabindex\", \"0\");\n    if (hadRole === null) element.setAttribute(\"role\", \"button\");\n    // MapLibre's own name is the generic \"Map marker\"; it says neither what\n    // this one moves nor that it can be moved at all. A draggable marker is\n    // named for its drag, and the original name goes back on cleanup.\n    element.setAttribute(\"aria-label\", dragLabel ?? t(\"maps.marker.drag\"));\n\n    let dragging = false;\n    const position = () => {\n      const lngLat = marker.getLngLat();\n      return { lng: lngLat.lng, lat: lngLat.lat };\n    };\n    // The keyboard path reports the plan point exactly as the pointer path\n    // does, so a plan consumer cannot tell the two apart.\n    const planPoint = () => toPlanPoint(planRef.current, marker.getLngLat());\n    const settle = () => {\n      if (!dragging) return;\n      dragging = false;\n      callbacksRef.current.onDragEnd?.(position(), planPoint());\n    };\n\n    const handleKeyDown = (event: KeyboardEvent) => {\n      const step = event.shiftKey ? KEYBOARD_DRAG_STEP_COARSE_PX : KEYBOARD_DRAG_STEP_PX;\n      const delta = KEYBOARD_DRAG_DELTAS[event.key];\n      if (!delta) return;\n      event.preventDefault();\n      // MapLibre appends the marker element straight into\n      // `map.getCanvasContainer()` — the SAME element its own\n      // `HandlerManager` listens on for `keydown` (bubble phase, no\n      // `defaultPrevented` check). Without this, every arrow key we handle\n      // here also reaches MapLibre's built-in keyboard pan handler, which\n      // fires an `easeTo` that moves the CAMERA by 100px the opposite way\n      // (its `offset` is negated) and — since that `easeTo` isn't marked\n      // `essential` — collapses to an instant jump under reduced motion but\n      // animates over 300ms otherwise, so repeated presses compose\n      // differently per motion setting. Stopping propagation keeps the key\n      // entirely inside this handler: only `marker.setLngLat` moves, the\n      // camera never does.\n      event.stopPropagation();\n      if (!dragging) {\n        dragging = true;\n        callbacksRef.current.onDragStart?.(position(), planPoint());\n      }\n      const point = map.project(marker.getLngLat());\n      const next = map.unproject([point.x + delta[0] * step, point.y + delta[1] * step]);\n      marker.setLngLat(next);\n      callbacksRef.current.onDrag?.(position(), planPoint());\n    };\n    const handleKeyUp = (event: KeyboardEvent) => {\n      if (KEYBOARD_DRAG_DELTAS[event.key]) settle();\n    };\n\n    element.addEventListener(\"keydown\", handleKeyDown);\n    element.addEventListener(\"keyup\", handleKeyUp);\n    element.addEventListener(\"blur\", settle);\n\n    return () => {\n      element.removeEventListener(\"keydown\", handleKeyDown);\n      element.removeEventListener(\"keyup\", handleKeyUp);\n      element.removeEventListener(\"blur\", settle);\n      if (hadTabIndex === null) element.removeAttribute(\"tabindex\");\n      if (hadRole === null) element.removeAttribute(\"role\");\n      if (hadLabel === null) element.removeAttribute(\"aria-label\");\n      else element.setAttribute(\"aria-label\", hadLabel);\n    };\n  }, [draggable, dragLabel, map, marker, t]);\n\n  // No marker yet (first client tick after mount, or the moment an\n  // `anchor`/`className` rebuild is in flight) — render nothing rather than\n  // a sub-component (`MapMarkerContent` et al.) reaching into a null marker,\n  // and nothing at all on the server.\n  if (!marker) {\n    return null;\n  }\n\n  return (\n    <MarkerContext.Provider value={{ marker, map }}>\n      {children}\n      {label && <MarkerOwnLabel label={label} />}\n    </MarkerContext.Provider>\n  );\n}\n\n/** One arrow-key press of a keyboard drag, in screen px (c-4). */\nconst KEYBOARD_DRAG_STEP_PX = 8;\n/** The same press with Shift held — a coarser step across the map. */\nconst KEYBOARD_DRAG_STEP_COARSE_PX = 40;\n/** Arrow key → screen-space direction. `y` grows downward, as `map.project` does. */\nconst KEYBOARD_DRAG_DELTAS: Record<string, [number, number] | undefined> = {\n  ArrowLeft: [-1, 0],\n  ArrowRight: [1, 0],\n  ArrowUp: [0, -1],\n  ArrowDown: [0, 1],\n};\n\nconst LABEL_GAP = 10;\nconst CALLOUT_DISTANCE = 28;\n/** How close to the map's edge a clamped label may sit, in px. */\nconst LABEL_EDGE_PAD = 4;\n\n/**\n * Keep a marker's label inside the map box (c-7 / c-8).\n *\n * A label is a pure offset from its marker, so at the edge of a static map it\n * was painted half outside the box and clipped — \"bottom-righ\", \"…urg Gate\" —\n * with no way to pan it back into view. This is the pass `MapAnnotation`\n * already makes: measure the painted box, clamp it into the map's rectangle\n * with `clampShift`, and write the correction to the CSS `translate` property,\n * which composes with the label's own `transform` instead of replacing it.\n *\n * A label whose own point has left the box is hidden rather than pinned to the\n * edge: a name parked at the border beside no marker claims a place the reader\n * cannot see. Skipped while the map box measures 0 (jsdom, first paint).\n */\nfunction useLabelInsideMap(\n  element: HTMLElement | null,\n  map: MapLibreGL.Map | null,\n  marker: MapLibreGL.Marker,\n  onShift?: (sx: number, sy: number) => void,\n) {\n  const onShiftRef = useRef(onShift);\n  onShiftRef.current = onShift;\n\n  useLayoutEffect(() => {\n    if (!element || !map) return undefined;\n    const container = map.getContainer();\n\n    const update = () => {\n      const frame = container.getBoundingClientRect();\n      if (frame.width === 0 || frame.height === 0) return;\n\n      const point = map.project(marker.getLngLat());\n      const inside =\n        point.x >= 0 && point.y >= 0 && point.x <= frame.width && point.y <= frame.height;\n      element.style.visibility = inside ? \"\" : \"hidden\";\n      if (!inside) return;\n\n      // Measure the label where it would sit unshifted, then re-apply.\n      element.style.translate = \"\";\n      const box = element.getBoundingClientRect();\n      const { sx, sy } = clampShift(\n        box.left - frame.left,\n        box.top - frame.top,\n        box.width,\n        box.height,\n        frame.width,\n        frame.height,\n        LABEL_EDGE_PAD,\n      );\n      element.style.translate = sx === 0 && sy === 0 ? \"\" : `${sx}px ${sy}px`;\n      onShiftRef.current?.(sx, sy);\n    };\n\n    update();\n    map.on(\"move\", update);\n    map.on(\"resize\", update);\n    const observer =\n      typeof ResizeObserver === \"undefined\" ? null : new ResizeObserver(() => update());\n    observer?.observe(element);\n    return () => {\n      map.off(\"move\", update);\n      map.off(\"resize\", update);\n      observer?.disconnect();\n    };\n  }, [element, map, marker]);\n}\n\n/** The `label` prop, portaled into the marker element and centred on the point. */\nfunction MarkerOwnLabel({ label }: { label: MapMarkerLabelSpec }) {\n  const { marker, map } = useMarkerContext();\n  const { text, position = \"top\", box = false, callout = false } = label;\n  const distance = callout ? CALLOUT_DISTANCE : LABEL_GAP;\n  const { dx, dy } = mapAnchorGeometry(position, distance);\n  const [labelEl, setLabelEl] = useState<HTMLDivElement | null>(null);\n  const lineRef = useRef<SVGLineElement | null>(null);\n\n  // A clamped label pulls its callout line's end along with it, so the line\n  // still meets the box it points at.\n  useLabelInsideMap(labelEl, map, marker, (sx, sy) => {\n    const line = lineRef.current;\n    if (!line) return;\n    line.setAttribute(\"x2\", String(dx + sx));\n    line.setAttribute(\"y2\", String(dy + sy));\n  });\n\n  return createPortal(\n    <>\n      {callout && (\n        <svg\n          aria-hidden=\"true\"\n          data-slot=\"map-marker-callout\"\n          className=\"pointer-events-none absolute overflow-visible text-foreground\"\n          // The marker element is centred on the point; draw from its centre.\n          style={{ left: \"50%\", top: \"50%\" }}\n          width={1}\n          height={1}\n        >\n          <line ref={lineRef} x1={0} y1={0} x2={dx} y2={dy} stroke=\"currentColor\" strokeWidth={1} />\n        </svg>\n      )}\n      <div\n        ref={setLabelEl}\n        data-slot=\"map-marker-label\"\n        data-position={position}\n        className={cn(\n          \"pointer-events-none absolute whitespace-nowrap text-meta font-medium text-foreground\",\n          box && \"rounded-sm bg-background/90 px-1 py-px\",\n        )}\n        // Geographic placement: physical offsets from the point in every\n        // writing direction (east stays east), like MapLibre's own anchors.\n        style={{ left: \"50%\", top: \"50%\", transform: mapAnchorTransform(position, distance) }}\n      >\n        {text}\n      </div>\n    </>,\n    marker.getElement(),\n  );\n}\n\nexport interface MapMarkerContentProps {\n  /** Custom marker content. Defaults to a primary-colored dot. */\n  children?: ReactNode;\n  /** Additional CSS classes for the marker container. */\n  className?: string;\n}\n\n/** The marker's visual, portaled into the MapLibre marker element. */\nexport function MapMarkerContent({ children, className }: MapMarkerContentProps) {\n  const { marker } = useMarkerContext();\n\n  return createPortal(\n    <div className={cn(\"relative cursor-pointer\", className)}>\n      {children || <DefaultMarkerIcon />}\n    </div>,\n    marker.getElement(),\n  );\n}\n\nfunction DefaultMarkerIcon() {\n  return (\n    <div className=\"relative size-4 rounded-full border-2 border-background bg-primary shadow-sm\" />\n  );\n}\n\nfunction PopupCloseButton({ onClick }: { onClick: () => void }) {\n  const { t } = useLocale();\n  return (\n    <button\n      type=\"button\"\n      onClick={onClick}\n      aria-label={t(\"maps.popup.close\")}\n      className=\"absolute top-1 right-1 z-10 inline-flex size-5 items-center justify-center rounded-sm text-foreground transition-colors duration-fast hover:bg-muted focus-ring-inset\"\n    >\n      <X className=\"size-3.5\" aria-hidden=\"true\" />\n    </button>\n  );\n}\n\nexport type MapMarkerPopupProps = {\n  /** Popup content. */\n  children: ReactNode;\n  /** Additional CSS classes for the popup container. */\n  className?: string;\n  /** Show a close button in the popup (default: false). */\n  closeButton?: boolean;\n} & Omit<PopupOptions, \"className\" | \"closeButton\">;\n\n/** A popup attached to the marker — MapLibre toggles it on marker click. */\nexport function MapMarkerPopup({\n  children,\n  className,\n  closeButton = false,\n  ...popupOptions\n}: MapMarkerPopupProps) {\n  const { marker, map } = useMarkerContext();\n  const container = useMemo(() => document.createElement(\"div\"), []);\n  const { offset, maxWidth } = popupOptions;\n\n  const popup = useMemo(() => {\n    return new MapLibreGL.Popup({\n      offset: 16,\n      ...popupOptions,\n      closeButton: false,\n    })\n      .setMaxWidth(\"none\")\n      .setDOMContent(container);\n    // eslint-disable-next-line react-hooks/exhaustive-deps -- instance created once; options are synced by the effect below\n  }, []);\n\n  useEffect(() => {\n    if (!map) return;\n\n    popup.setDOMContent(container);\n    marker.setPopup(popup);\n\n    return () => {\n      marker.setPopup(null);\n    };\n    // eslint-disable-next-line react-hooks/exhaustive-deps -- popup/marker/container are stable\n  }, [map]);\n\n  // Sync popup options when they change.\n  useEffect(() => {\n    popup.setOffset(offset ?? 16);\n    if (maxWidth) {\n      popup.setMaxWidth(maxWidth);\n    }\n  }, [popup, offset, maxWidth]);\n\n  const handleClose = () => popup.remove();\n\n  return createPortal(\n    <div\n      className={cn(\n        \"relative max-w-62 rounded-md bg-popover p-3 text-popover-foreground shadow-ring-md\",\n        \"animate-in fade-in-0 zoom-in-95 duration-fast ease-entrance\",\n        className,\n      )}\n    >\n      {closeButton && <PopupCloseButton onClick={handleClose} />}\n      {children}\n    </div>,\n    container,\n  );\n}\n\nexport type MapMarkerTooltipProps = {\n  /** Tooltip content. */\n  children: ReactNode;\n  /** Additional CSS classes for the tooltip container. */\n  className?: string;\n} & Omit<PopupOptions, \"className\" | \"closeButton\" | \"closeOnClick\">;\n\n/** A hover tooltip attached to the marker. */\nexport function MapMarkerTooltip({ children, className, ...popupOptions }: MapMarkerTooltipProps) {\n  const { marker, map } = useMarkerContext();\n  const container = useMemo(() => document.createElement(\"div\"), []);\n  const { offset, maxWidth } = popupOptions;\n\n  const tooltip = useMemo(() => {\n    return new MapLibreGL.Popup({\n      offset: 16,\n      ...popupOptions,\n      closeOnClick: true,\n      closeButton: false,\n    }).setMaxWidth(\"none\");\n    // eslint-disable-next-line react-hooks/exhaustive-deps -- instance created once; options are synced by the effect below\n  }, []);\n\n  useEffect(() => {\n    if (!map) return;\n\n    tooltip.setDOMContent(container);\n\n    const show = () => {\n      tooltip.setLngLat(marker.getLngLat()).addTo(map);\n    };\n    const hide = () => tooltip.remove();\n    // WCAG 1.4.13: a tooltip that only answers a pointer is unreachable, and\n    // one that cannot be dismissed without moving the pointer traps the view.\n    const handleKeyDown = (event: KeyboardEvent) => {\n      if (event.key === \"Escape\") hide();\n    };\n\n    const element = marker.getElement();\n    // MapLibre only makes a marker focusable inside `setPopup`, so a\n    // tooltip-only marker has to ask for the tab stop itself. The original\n    // value is put back on cleanup, so a marker that had one keeps it.\n    const hadTabIndex = element?.getAttribute(\"tabindex\") ?? null;\n    if (element && hadTabIndex === null) element.setAttribute(\"tabindex\", \"0\");\n\n    element?.addEventListener(\"mouseenter\", show);\n    element?.addEventListener(\"mouseleave\", hide);\n    element?.addEventListener(\"focus\", show);\n    element?.addEventListener(\"blur\", hide);\n    element?.addEventListener(\"keydown\", handleKeyDown);\n\n    return () => {\n      element?.removeEventListener(\"mouseenter\", show);\n      element?.removeEventListener(\"mouseleave\", hide);\n      element?.removeEventListener(\"focus\", show);\n      element?.removeEventListener(\"blur\", hide);\n      element?.removeEventListener(\"keydown\", handleKeyDown);\n      if (element && hadTabIndex === null) element.removeAttribute(\"tabindex\");\n      tooltip.remove();\n    };\n    // eslint-disable-next-line react-hooks/exhaustive-deps -- tooltip/marker/container are stable\n  }, [map]);\n\n  // Sync tooltip options when they change.\n  useEffect(() => {\n    tooltip.setOffset(offset ?? 16);\n    if (maxWidth) {\n      tooltip.setMaxWidth(maxWidth);\n    }\n  }, [tooltip, offset, maxWidth]);\n\n  return createPortal(\n    <div\n      className={cn(\n        \"pointer-events-none rounded-md bg-foreground px-2 py-1 text-meta text-balance text-background shadow-md\",\n        \"animate-in fade-in-0 zoom-in-95 duration-fast ease-entrance\",\n        className,\n      )}\n    >\n      {children}\n    </div>,\n    container,\n  );\n}\n\nexport interface MapMarkerLabelProps {\n  /** Label text content. */\n  children: ReactNode;\n  /** Additional CSS classes for the label. */\n  className?: string;\n  /** Position of the label relative to the marker (default: \"top\"). */\n  position?: \"top\" | \"bottom\";\n}\n\n/**\n * A small always-visible text label above or below the marker. Portaled into\n * the marker element so it anchors to the marker whether composed as a sibling\n * of `MapMarkerContent` or nested inside it (a cross-theme sweep caught the\n * sibling composition rendering the label against the map container instead).\n */\nexport function MapMarkerLabel({ children, className, position = \"top\" }: MapMarkerLabelProps) {\n  const { marker, map } = useMarkerContext();\n  const [labelEl, setLabelEl] = useState<HTMLDivElement | null>(null);\n  const positionClasses = {\n    top: \"bottom-full mb-1\",\n    bottom: \"top-full mt-1\",\n  };\n\n  // Same edge clamp as the `label` prop's own label (c-7 / c-8): a composed\n  // label is a plain offset from the marker too, so at the map's edge it was\n  // painted outside the box and clipped.\n  useLabelInsideMap(labelEl, map, marker);\n\n  return createPortal(\n    <div\n      ref={setLabelEl}\n      data-slot=\"map-marker-label\"\n      data-position={position}\n      className={cn(\n        \"absolute left-1/2 -translate-x-1/2 whitespace-nowrap\",\n        \"text-meta font-medium text-foreground\",\n        positionClasses[position],\n        className,\n      )}\n    >\n      {children}\n    </div>,\n    marker.getElement(),\n  );\n}\n"],"mappings":"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","names":[]}