@eyeon/map 2.0.1 → 2.0.3

package/dist/chunks/MapViewer.js

@@ -1,16 +1,228 @@
-import { jsx as t, jsxs as g } from "react/jsx-runtime";
-import { useMemo as T, useState as R, useEffect as z, Suspense as U } from "react";
-import { f as X, e as K, q as W } from "./pathfinding.js";
-import { Canvas as j } from "@react-three/fiber";
-import { OrthographicCamera as q, OrbitControls as V } from "@react-three/drei";
-import * as S from "three";
-function Q(l, i, a) {
-  if (a) return a;
+import { jsx as R, jsxs as te, Fragment as Ye } from "react/jsx-runtime";
+import { useRef as he, useState as ae, useMemo as re, useCallback as be, useEffect as le, useImperativeHandle as $e, Suspense as Ze } from "react";
+import { B as Qe, ad as Ke, d as Je, ac as We, x as et, E as tt, W as nt, J as ot, T as rt, R as st, M as Oe, U as _e, ab as it, am as at, l as ct, Q as Ne, af as lt, a2 as Be, t as De, al as Te, s as ut, Y as ft, z as mt } from "./stacking.js";
+import { useThree as ht, Canvas as dt } from "@react-three/fiber";
+import { Text as pt, OrthographicCamera as yt, OrbitControls as gt } from "@react-three/drei";
+import * as ue from "three";
+import { Loader as bt, FileLoader as xt, Matrix3 as ge, Vector2 as Q, Vector3 as Ae, Box2 as wt, ShapeUtils as kt, Shape as At, Path as Ee, BufferGeometry as Mt, Float32BufferAttribute as Ce, SRGBColorSpace as It, ShapePath as ye } from "three";
+import { createPortal as Nt } from "react-dom";
+function Tt({
+  levels: l,
+  activeLevelId: i,
+  onActiveLevelChange: M,
+  onZoomIn: I,
+  onZoomOut: N,
+  onReset: h,
+  showFloors: B = !0,
+  showZoomReset: W = !0,
+  floorOptions: p,
+  alwaysShowFloors: k = !1
+}) {
+  const z = p ?? Qe(l), O = B && (k ? z.length > 0 : Ke(l));
+  return !O && !W ? null : /* @__PURE__ */ R("div", { className: "eyeon-map-controls", children: /* @__PURE__ */ te("div", { className: "eyeon-map-controls__stack", children: [
+    O && /* @__PURE__ */ R("div", { className: "eyeon-map-controls__floors", role: "tablist", "aria-label": "Floors", children: z.map((C) => {
+      const V = C.id === i;
+      return /* @__PURE__ */ R(
+        "button",
+        {
+          type: "button",
+          role: "tab",
+          "aria-selected": V,
+          className: V ? "eyeon-map-controls__floor is-active" : "eyeon-map-controls__floor",
+          onClick: () => M(C.id),
+          children: C.name
+        },
+        C.id
+      );
+    }) }),
+    W && /* @__PURE__ */ te(Ye, { children: [
+      /* @__PURE__ */ R(
+        "button",
+        {
+          type: "button",
+          className: "eyeon-map-controls__reset",
+          onClick: h,
+          "aria-label": "Reset map",
+          children: "Reset"
+        }
+      ),
+      /* @__PURE__ */ te("div", { className: "eyeon-map-controls__zoom", children: [
+        /* @__PURE__ */ R(
+          "button",
+          {
+            type: "button",
+            className: "eyeon-map-controls__zoom-btn",
+            onClick: N,
+            "aria-label": "Zoom out",
+            children: "−"
+          }
+        ),
+        /* @__PURE__ */ R(
+          "button",
+          {
+            type: "button",
+            className: "eyeon-map-controls__zoom-btn",
+            onClick: I,
+            "aria-label": "Zoom in",
+            children: "+"
+          }
+        )
+      ] })
+    ] })
+  ] }) });
+}
+const Et = 8;
+function Ct(l, i) {
+  const M = i.trim().toLowerCase();
+  return M ? l.filter((I) => I.label.toLowerCase().includes(M)) : l;
+}
+function St(l, i) {
+  return i ?? l >= Et;
+}
+function Ge({
+  value: l,
+  options: i,
+  onChange: M,
+  disabled: I = !1,
+  placeholder: N = "Select…",
+  searchable: h,
+  ariaLabel: B
+}) {
+  const W = he(null), p = he(null), k = he(null), z = he(null), [O, C] = ae(!1), [V, P] = ae(""), [g, u] = ae(null), E = St(i.length, h), y = i.find((w) => w.value === l), m = re(
+    () => Ct(i, V),
+    [i, V]
+  ), v = be(() => {
+    C(!1), P("");
+  }, []), U = be(() => {
+    const w = p.current;
+    if (!w) return;
+    const T = w.getBoundingClientRect(), _ = window.innerHeight - T.bottom - 8, q = T.top - 8, Y = Math.min(280, Math.max(_, q, 120)), G = _ < 160 && q > _;
+    u({
+      top: G ? Math.max(8, T.top - Y - 4) : T.bottom + 4,
+      left: T.left,
+      width: Math.max(T.width, 160),
+      maxHeight: Y
+    });
+  }, []);
+  le(() => {
+    if (!O) {
+      u(null);
+      return;
+    }
+    U();
+    const w = (q) => {
+      var G, K;
+      const Y = q.target;
+      (G = W.current) != null && G.contains(Y) || (K = k.current) != null && K.contains(Y) || v();
+    }, T = (q) => {
+      q.key === "Escape" && v();
+    }, _ = () => U();
+    return document.addEventListener("mousedown", w), document.addEventListener("keydown", T), window.addEventListener("resize", _), window.addEventListener("scroll", _, !0), () => {
+      document.removeEventListener("mousedown", w), document.removeEventListener("keydown", T), window.removeEventListener("resize", _), window.removeEventListener("scroll", _, !0);
+    };
+  }, [O, v, U]), le(() => {
+    !O || !E || requestAnimationFrame(() => {
+      var w;
+      return (w = z.current) == null ? void 0 : w.focus();
+    });
+  }, [O, E]);
+  const d = O && g && !I ? Nt(
+    /* @__PURE__ */ te(
+      "div",
+      {
+        ref: k,
+        className: "eyeon-map-select__menu",
+        role: "listbox",
+        "aria-label": B,
+        style: {
+          top: g.top,
+          left: g.left,
+          width: g.width,
+          maxHeight: g.maxHeight
+        },
+        children: [
+          E ? /* @__PURE__ */ R(
+            "input",
+            {
+              ref: z,
+              className: "eyeon-map-select__search",
+              type: "search",
+              placeholder: "Search…",
+              value: V,
+              "aria-label": "Search options",
+              onChange: (w) => P(w.target.value),
+              onKeyDown: (w) => w.stopPropagation()
+            }
+          ) : null,
+          /* @__PURE__ */ R("ul", { className: "eyeon-map-select__list", children: m.length === 0 ? /* @__PURE__ */ R("li", { className: "eyeon-map-select__empty", children: "No matches" }) : m.map((w) => {
+            const T = w.value === l;
+            return /* @__PURE__ */ R("li", { role: "option", "aria-selected": T, children: /* @__PURE__ */ R(
+              "button",
+              {
+                type: "button",
+                className: T ? "eyeon-map-select__option is-active" : "eyeon-map-select__option",
+                onMouseDown: (_) => _.preventDefault(),
+                onClick: () => {
+                  M(w.value), v();
+                },
+                children: w.label
+              }
+            ) }, w.value);
+          }) })
+        ]
+      }
+    ),
+    document.body
+  ) : null;
+  return /* @__PURE__ */ te("div", { ref: W, className: "eyeon-map-select", children: [
+    /* @__PURE__ */ te(
+      "button",
+      {
+        ref: p,
+        type: "button",
+        className: "eyeon-map-select__trigger",
+        "aria-label": B,
+        "aria-expanded": O,
+        "aria-haspopup": "listbox",
+        disabled: I,
+        onClick: () => {
+          I || C((w) => !w);
+        },
+        children: [
+          /* @__PURE__ */ R("span", { className: y ? void 0 : "eyeon-map-select__placeholder", children: (y == null ? void 0 : y.label) ?? N }),
+          /* @__PURE__ */ R(
+            "svg",
+            {
+              className: "eyeon-map-select__chevron",
+              width: "12",
+              height: "12",
+              viewBox: "0 0 12 12",
+              "aria-hidden": !0,
+              children: /* @__PURE__ */ R(
+                "path",
+                {
+                  d: "M2.5 4.5 6 8l3.5-3.5",
+                  fill: "none",
+                  stroke: "currentColor",
+                  strokeWidth: "1.5",
+                  strokeLinecap: "round",
+                  strokeLinejoin: "round"
+                }
+              )
+            }
+          )
+        ]
+      }
+    ),
+    d
+  ] });
+}
+function vt(l, i, M) {
+  if (l === "walkable") return nt;
+  if (M) return M;
   switch (l) {
     case "unit":
       return i.STORE_DEFAULT_COLOR;
-    case "walkable":
-      return i.WALKABLE_COLOR;
     case "wall":
     case "boundary":
       return i.WALL_COLOR;
@@ -28,375 +240,1768 @@ function Q(l, i, a) {
       return "#e2e8f0";
   }
 }
-function Z(l) {
+function Ot(l) {
   if (l.length < 3) return null;
-  const i = new S.Shape();
+  const i = new ue.Shape();
   i.moveTo(l[0].x, l[0].y);
-  for (let a = 1; a < l.length; a++)
-    i.lineTo(l[a].x, l[a].y);
+  for (let M = 1; M < l.length; M++)
+    i.lineTo(l[M].x, l[M].y);
   return i.closePath(), i;
 }
-function J({
+function _t({
   level: l,
   theme: i,
-  is3d: a,
-  selectedRetailerId: p,
-  onSelectShape: k
+  is3d: M,
+  selectedRetailerId: I,
+  onSelectShape: N,
+  interactiveOnly: h = !1
 }) {
-  const y = T(() => l.shapes.filter((o) => o.kind !== "void").map((o) => {
-    var _;
-    const A = o.geometry.polygons.map(Z).filter((b) => b != null);
-    if (A.length === 0) return null;
-    const s = p != null && ((_ = o.assignment) == null ? void 0 : _.retailerId) === p, v = s ? i.ACCENT_COLOR : Q(o.kind, i, o.style.fill), n = a && (o.kind === "unit" || o.kind === "wall") ? o.style.extrudeHeight ?? (o.kind === "unit" ? i.STORE_HEIGHT : 2) : 0;
-    return { shape: o, threeShapes: A, color: v, extrude: n, selected: s };
-  }).filter(Boolean), [l, i, a, p]);
-  return /* @__PURE__ */ t("group", { children: y.map(({ shape: o, threeShapes: h, color: A, extrude: s, selected: v }) => /* @__PURE__ */ t("group", { children: h.map((n, _) => /* @__PURE__ */ g(
-    "mesh",
-    {
-      position: [0, 0, o.zIndex * 0.01],
-      onClick: (b) => {
-        b.stopPropagation(), (o.kind === "unit" || o.kind === "amenity" || o.kind === "kiosk_screen" || o.kind === "entrance") && (k == null || k(o.id));
-      },
-      children: [
-        s > 0 ? /* @__PURE__ */ t(
-          "extrudeGeometry",
-          {
-            args: [
-              n,
-              { depth: s, bevelEnabled: !1 }
-            ]
-          }
-        ) : /* @__PURE__ */ t("shapeGeometry", { args: [n] }),
-        /* @__PURE__ */ t(
-          "meshBasicMaterial",
-          {
-            color: A,
-            transparent: o.style.transparent || o.kind === "amenity",
-            opacity: o.style.opacity ?? (o.kind === "amenity" ? 0.01 : 1),
-            side: S.DoubleSide
-          }
-        ),
-        v && /* @__PURE__ */ g("lineSegments", { children: [
-          /* @__PURE__ */ t(
-            "edgesGeometry",
+  const B = re(() => l.shapes.filter((p) => p.kind !== "void").filter((p) => {
+    var k, z;
+    return !(p.kind === "label" && ((z = (k = p.label) == null ? void 0 : k.text) != null && z.trim()));
+  }).filter(
+    (p) => {
+      var k, z;
+      return !h || Je.includes(p.kind) || p.kind === "label" && !!((z = (k = p.label) == null ? void 0 : k.text) != null && z.trim()) || p.kind === "walkable" && !We(p.sourceSvgId);
+    }
+  ).filter((p) => !p.orphanedAt).map((p) => {
+    var g;
+    const k = p.kind === "unit" ? i.STORE_RADIUS : 0, O = p.geometry.polygons.map(
+      (u) => k > 0 ? et(u, k) : u
+    ).map(Ot).filter((u) => u != null);
+    if (O.length === 0) return null;
+    const C = I != null && ((g = p.assignment) == null ? void 0 : g.retailerId) === I, V = C ? i.ACCENT_COLOR : vt(p.kind, i, p.style.fill), P = M && (p.kind === "unit" || p.kind === "wall") ? p.style.extrudeHeight ?? (p.kind === "unit" ? i.STORE_HEIGHT : 2) : 0;
+    return { shape: p, threeShapes: O, color: V, extrude: P, selected: C };
+  }).filter(Boolean), [l, i, M, I, h]), W = re(
+    () => l.shapes.filter(
+      (p) => {
+        var k, z;
+        return !p.orphanedAt && p.kind === "label" && !!((z = (k = p.label) == null ? void 0 : k.text) != null && z.trim());
+      }
+    ),
+    [l.shapes]
+  );
+  return /* @__PURE__ */ te("group", { children: [
+    W.map((p) => {
+      const k = tt(p.geometry);
+      return /* @__PURE__ */ R(
+        pt,
+        {
+          position: [k.minX, k.maxY, 0.15],
+          fontSize: p.label.size ?? 24,
+          color: p.label.color ?? i.STORE_TEXT_COLOR,
+          anchorX: "left",
+          anchorY: "bottom",
+          scale: [1, -1, 1],
+          children: p.label.text
+        },
+        `label-${p.id}`
+      );
+    }),
+    B.map(({ shape: p, threeShapes: k, color: z, extrude: O, selected: C }) => /* @__PURE__ */ R("group", { children: k.map((V, P) => /* @__PURE__ */ te(
+      "mesh",
+      {
+        position: [0, 0, p.zIndex * 0.01],
+        onClick: (g) => {
+          g.stopPropagation(), (p.kind === "unit" || p.kind === "amenity" || p.kind === "kiosk_screen" || p.kind === "entrance" || p.kind === "parking_zone") && (N == null || N(p.id));
+        },
+        children: [
+          O > 0 ? /* @__PURE__ */ R(
+            "extrudeGeometry",
             {
               args: [
-                s > 0 ? new S.ExtrudeGeometry(n, {
-                  depth: s,
-                  bevelEnabled: !1
-                }) : new S.ShapeGeometry(n)
+                V,
+                { depth: O, bevelEnabled: !1 }
               ]
             }
+          ) : /* @__PURE__ */ R("shapeGeometry", { args: [V] }),
+          /* @__PURE__ */ R(
+            "meshBasicMaterial",
+            {
+              color: z,
+              transparent: p.style.transparent || p.kind === "amenity",
+              opacity: p.style.opacity ?? (p.kind === "amenity" ? 0.01 : 1),
+              side: ue.DoubleSide
+            }
           ),
-          /* @__PURE__ */ t("lineBasicMaterial", { color: i.ACCENT_COLOR })
-        ] })
-      ]
-    },
-    `${o.id}-${_}`
-  )) }, o.id)) });
+          C && /* @__PURE__ */ te("lineSegments", { children: [
+            /* @__PURE__ */ R(
+              "edgesGeometry",
+              {
+                args: [
+                  O > 0 ? new ue.ExtrudeGeometry(V, {
+                    depth: O,
+                    bevelEnabled: !1
+                  }) : new ue.ShapeGeometry(V)
+                ]
+              }
+            ),
+            /* @__PURE__ */ R("lineBasicMaterial", { color: i.ACCENT_COLOR })
+          ] })
+        ]
+      },
+      `${p.id}-${P}`
+    )) }, p.id))
+  ] });
 }
-function ee({
+function Pt({
   route: l,
   activeLevelId: i,
-  color: a
+  color: M
 }) {
-  const p = T(() => l.points.filter((y) => i == null || y.levelId === i).map((y) => new S.Vector3(y.x, y.y, 2)), [l, i]);
-  if (p.length < 2) return null;
-  const k = new S.CatmullRomCurve3(p);
-  return /* @__PURE__ */ g("mesh", { children: [
-    /* @__PURE__ */ t("tubeGeometry", { args: [k, Math.max(p.length * 4, 8), 1.5, 8, !1] }),
-    /* @__PURE__ */ t("meshBasicMaterial", { color: a })
+  const I = re(() => l.points.filter((h) => i == null || h.levelId === i).map((h) => new ue.Vector3(h.x, h.y, 2)), [l, i]);
+  if (I.length < 2) return null;
+  const N = new ue.CatmullRomCurve3(I);
+  return /* @__PURE__ */ te("mesh", { children: [
+    /* @__PURE__ */ R("tubeGeometry", { args: [N, Math.max(I.length * 4, 8), 1.5, 8, !1] }),
+    /* @__PURE__ */ R("meshBasicMaterial", { color: M })
   ] });
 }
-function ne({
+const Rt = It;
+class Me extends bt {
+  /**
+   * Constructs a new SVG loader.
+   *
+   * @param {LoadingManager} [manager] - The loading manager.
+   */
+  constructor(i) {
+    super(i), this.defaultDPI = 90, this.defaultUnit = "px";
+  }
+  /**
+   * Starts loading from the given URL and passes the loaded SVG asset
+   * to the `onLoad()` callback.
+   *
+   * @param {string} url - The path/URL of the file to be loaded. This can also be a data URI.
+   * @param {function({paths:Array<ShapePath>,xml:string})} onLoad - Executed when the loading process has been finished.
+   * @param {onProgressCallback} onProgress - Executed while the loading is in progress.
+   * @param {onErrorCallback} onError - Executed when errors occur.
+   */
+  load(i, M, I, N) {
+    const h = this, B = new xt(h.manager);
+    B.setPath(h.path), B.setRequestHeader(h.requestHeader), B.setWithCredentials(h.withCredentials), B.load(i, function(W) {
+      try {
+        M(h.parse(W));
+      } catch (p) {
+        N ? N(p) : console.error(p), h.manager.itemError(i);
+      }
+    }, I, N);
+  }
+  /**
+   * Parses the given SVG data and returns the resulting data.
+   *
+   * @param {string} text - The raw SVG data as a string.
+   * @return {{paths:Array<ShapePath>,xml:string}} An object holding an array of shape paths and the
+   * SVG XML document.
+   */
+  parse(i) {
+    const M = this;
+    function I(r, o) {
+      if (r.nodeType !== 1) return;
+      const t = v(r);
+      let e = !1, c = null;
+      switch (r.nodeName) {
+        case "svg":
+          o = P(r, o);
+          break;
+        case "style":
+          h(r);
+          break;
+        case "g":
+          o = P(r, o);
+          break;
+        case "path":
+          o = P(r, o), r.hasAttribute("d") && (c = N(r));
+          break;
+        case "rect":
+          o = P(r, o), c = p(r);
+          break;
+        case "polygon":
+          o = P(r, o), c = k(r);
+          break;
+        case "polyline":
+          o = P(r, o), c = z(r);
+          break;
+        case "circle":
+          o = P(r, o), c = O(r);
+          break;
+        case "ellipse":
+          o = P(r, o), c = C(r);
+          break;
+        case "line":
+          o = P(r, o), c = V(r);
+          break;
+        case "defs":
+          e = !0;
+          break;
+        case "use":
+          o = P(r, o);
+          const S = (r.getAttributeNS("http://www.w3.org/1999/xlink", "href") || "").substring(1), L = r.viewportElement.getElementById(S);
+          L ? I(L, o) : console.warn("SVGLoader: 'use node' references non-existent node id: " + S);
+          break;
+      }
+      c && (o.fill !== void 0 && o.fill !== "none" && c.color.setStyle(o.fill, Rt), d(c, ie), G.push(c), c.userData = { node: r, style: o });
+      const b = r.childNodes;
+      for (let a = 0; a < b.length; a++) {
+        const S = b[a];
+        e && S.nodeName !== "style" && S.nodeName !== "defs" || I(S, o);
+      }
+      t && (Z.pop(), Z.length > 0 ? ie.copy(Z[Z.length - 1]) : ie.identity());
+    }
+    function N(r) {
+      const o = new ye(), t = new Q(), e = new Q(), c = new Q();
+      let b = !0, a = !1;
+      const S = r.getAttribute("d");
+      if (S === "" || S === "none") return null;
+      const L = S.match(/[a-df-z][^a-df-z]*/ig);
+      for (let D = 0, f = L.length; D < f; D++) {
+        const A = L[D], F = A.charAt(0), j = A.slice(1).trim();
+        b === !0 && (a = !0, b = !1);
+        let s;
+        switch (F) {
+          case "M":
+            s = u(j);
+            for (let n = 0, H = s.length; n < H; n += 2)
+              t.x = s[n + 0], t.y = s[n + 1], e.x = t.x, e.y = t.y, n === 0 ? o.moveTo(t.x, t.y) : o.lineTo(t.x, t.y), n === 0 && c.copy(t);
+            break;
+          case "H":
+            s = u(j);
+            for (let n = 0, H = s.length; n < H; n++)
+              t.x = s[n], e.x = t.x, e.y = t.y, o.lineTo(t.x, t.y), n === 0 && a === !0 && c.copy(t);
+            break;
+          case "V":
+            s = u(j);
+            for (let n = 0, H = s.length; n < H; n++)
+              t.y = s[n], e.x = t.x, e.y = t.y, o.lineTo(t.x, t.y), n === 0 && a === !0 && c.copy(t);
+            break;
+          case "L":
+            s = u(j);
+            for (let n = 0, H = s.length; n < H; n += 2)
+              t.x = s[n + 0], t.y = s[n + 1], e.x = t.x, e.y = t.y, o.lineTo(t.x, t.y), n === 0 && a === !0 && c.copy(t);
+            break;
+          case "C":
+            s = u(j);
+            for (let n = 0, H = s.length; n < H; n += 6)
+              o.bezierCurveTo(
+                s[n + 0],
+                s[n + 1],
+                s[n + 2],
+                s[n + 3],
+                s[n + 4],
+                s[n + 5]
+              ), e.x = s[n + 2], e.y = s[n + 3], t.x = s[n + 4], t.y = s[n + 5], n === 0 && a === !0 && c.copy(t);
+            break;
+          case "S":
+            s = u(j);
+            for (let n = 0, H = s.length; n < H; n += 4)
+              o.bezierCurveTo(
+                g(t.x, e.x),
+                g(t.y, e.y),
+                s[n + 0],
+                s[n + 1],
+                s[n + 2],
+                s[n + 3]
+              ), e.x = s[n + 0], e.y = s[n + 1], t.x = s[n + 2], t.y = s[n + 3], n === 0 && a === !0 && c.copy(t);
+            break;
+          case "Q":
+            s = u(j);
+            for (let n = 0, H = s.length; n < H; n += 4)
+              o.quadraticCurveTo(
+                s[n + 0],
+                s[n + 1],
+                s[n + 2],
+                s[n + 3]
+              ), e.x = s[n + 0], e.y = s[n + 1], t.x = s[n + 2], t.y = s[n + 3], n === 0 && a === !0 && c.copy(t);
+            break;
+          case "T":
+            s = u(j);
+            for (let n = 0, H = s.length; n < H; n += 2) {
+              const $ = g(t.x, e.x), ce = g(t.y, e.y);
+              o.quadraticCurveTo(
+                $,
+                ce,
+                s[n + 0],
+                s[n + 1]
+              ), e.x = $, e.y = ce, t.x = s[n + 0], t.y = s[n + 1], n === 0 && a === !0 && c.copy(t);
+            }
+            break;
+          case "A":
+            s = u(j, [3, 4], 7);
+            for (let n = 0, H = s.length; n < H; n += 7) {
+              if (s[n + 5] == t.x && s[n + 6] == t.y) continue;
+              const $ = t.clone();
+              t.x = s[n + 5], t.y = s[n + 6], e.x = t.x, e.y = t.y, B(
+                o,
+                s[n],
+                s[n + 1],
+                s[n + 2],
+                s[n + 3],
+                s[n + 4],
+                $,
+                t
+              ), n === 0 && a === !0 && c.copy(t);
+            }
+            break;
+          case "m":
+            s = u(j);
+            for (let n = 0, H = s.length; n < H; n += 2)
+              t.x += s[n + 0], t.y += s[n + 1], e.x = t.x, e.y = t.y, n === 0 ? o.moveTo(t.x, t.y) : o.lineTo(t.x, t.y), n === 0 && c.copy(t);
+            break;
+          case "h":
+            s = u(j);
+            for (let n = 0, H = s.length; n < H; n++)
+              t.x += s[n], e.x = t.x, e.y = t.y, o.lineTo(t.x, t.y), n === 0 && a === !0 && c.copy(t);
+            break;
+          case "v":
+            s = u(j);
+            for (let n = 0, H = s.length; n < H; n++)
+              t.y += s[n], e.x = t.x, e.y = t.y, o.lineTo(t.x, t.y), n === 0 && a === !0 && c.copy(t);
+            break;
+          case "l":
+            s = u(j);
+            for (let n = 0, H = s.length; n < H; n += 2)
+              t.x += s[n + 0], t.y += s[n + 1], e.x = t.x, e.y = t.y, o.lineTo(t.x, t.y), n === 0 && a === !0 && c.copy(t);
+            break;
+          case "c":
+            s = u(j);
+            for (let n = 0, H = s.length; n < H; n += 6)
+              o.bezierCurveTo(
+                t.x + s[n + 0],
+                t.y + s[n + 1],
+                t.x + s[n + 2],
+                t.y + s[n + 3],
+                t.x + s[n + 4],
+                t.y + s[n + 5]
+              ), e.x = t.x + s[n + 2], e.y = t.y + s[n + 3], t.x += s[n + 4], t.y += s[n + 5], n === 0 && a === !0 && c.copy(t);
+            break;
+          case "s":
+            s = u(j);
+            for (let n = 0, H = s.length; n < H; n += 4)
+              o.bezierCurveTo(
+                g(t.x, e.x),
+                g(t.y, e.y),
+                t.x + s[n + 0],
+                t.y + s[n + 1],
+                t.x + s[n + 2],
+                t.y + s[n + 3]
+              ), e.x = t.x + s[n + 0], e.y = t.y + s[n + 1], t.x += s[n + 2], t.y += s[n + 3], n === 0 && a === !0 && c.copy(t);
+            break;
+          case "q":
+            s = u(j);
+            for (let n = 0, H = s.length; n < H; n += 4)
+              o.quadraticCurveTo(
+                t.x + s[n + 0],
+                t.y + s[n + 1],
+                t.x + s[n + 2],
+                t.y + s[n + 3]
+              ), e.x = t.x + s[n + 0], e.y = t.y + s[n + 1], t.x += s[n + 2], t.y += s[n + 3], n === 0 && a === !0 && c.copy(t);
+            break;
+          case "t":
+            s = u(j);
+            for (let n = 0, H = s.length; n < H; n += 2) {
+              const $ = g(t.x, e.x), ce = g(t.y, e.y);
+              o.quadraticCurveTo(
+                $,
+                ce,
+                t.x + s[n + 0],
+                t.y + s[n + 1]
+              ), e.x = $, e.y = ce, t.x = t.x + s[n + 0], t.y = t.y + s[n + 1], n === 0 && a === !0 && c.copy(t);
+            }
+            break;
+          case "a":
+            s = u(j, [3, 4], 7);
+            for (let n = 0, H = s.length; n < H; n += 7) {
+              if (s[n + 5] == 0 && s[n + 6] == 0) continue;
+              const $ = t.clone();
+              t.x += s[n + 5], t.y += s[n + 6], e.x = t.x, e.y = t.y, B(
+                o,
+                s[n],
+                s[n + 1],
+                s[n + 2],
+                s[n + 3],
+                s[n + 4],
+                $,
+                t
+              ), n === 0 && a === !0 && c.copy(t);
+            }
+            break;
+          case "Z":
+          case "z":
+            o.currentPath.autoClose = !0, o.currentPath.curves.length > 0 && (t.copy(c), o.currentPath.currentPoint.copy(t), b = !0);
+            break;
+          default:
+            console.warn(A);
+        }
+        a = !1;
+      }
+      return o;
+    }
+    function h(r) {
+      if (!(!r.sheet || !r.sheet.cssRules || !r.sheet.cssRules.length))
+        for (let o = 0; o < r.sheet.cssRules.length; o++) {
+          const t = r.sheet.cssRules[o];
+          if (t.type !== 1) continue;
+          const e = t.selectorText.split(/,/gm).filter(Boolean).map((c) => c.trim());
+          for (let c = 0; c < e.length; c++) {
+            const b = Object.fromEntries(
+              Object.entries(t.style).filter(([, a]) => a !== "")
+            );
+            K[e[c]] = Object.assign(
+              K[e[c]] || {},
+              b
+            );
+          }
+        }
+    }
+    function B(r, o, t, e, c, b, a, S) {
+      if (o == 0 || t == 0) {
+        r.lineTo(S.x, S.y);
+        return;
+      }
+      e = e * Math.PI / 180, o = Math.abs(o), t = Math.abs(t);
+      const L = (a.x - S.x) / 2, D = (a.y - S.y) / 2, f = Math.cos(e) * L + Math.sin(e) * D, A = -Math.sin(e) * L + Math.cos(e) * D;
+      let F = o * o, j = t * t;
+      const s = f * f, n = A * A, H = s / F + n / j;
+      if (H > 1) {
+        const ke = Math.sqrt(H);
+        o = ke * o, t = ke * t, F = o * o, j = t * t;
+      }
+      const $ = F * n + j * s, ce = (F * j - $) / $;
+      let me = Math.sqrt(Math.max(0, ce));
+      c === b && (me = -me);
+      const se = me * o * A / t, pe = -me * t * f / o, xe = Math.cos(e) * se - Math.sin(e) * pe + (a.x + S.x) / 2, Pe = Math.sin(e) * se + Math.cos(e) * pe + (a.y + S.y) / 2, we = W(1, 0, (f - se) / o, (A - pe) / t), Ie = W((f - se) / o, (A - pe) / t, (-f - se) / o, (-A - pe) / t) % (Math.PI * 2);
+      r.currentPath.absellipse(xe, Pe, o, t, we, we + Ie, b === 0, e);
+    }
+    function W(r, o, t, e) {
+      const c = r * t + o * e, b = Math.sqrt(r * r + o * o) * Math.sqrt(t * t + e * e);
+      let a = Math.acos(Math.max(-1, Math.min(1, c / b)));
+      return r * e - o * t < 0 && (a = -a), a;
+    }
+    function p(r) {
+      const o = m(r.getAttribute("x") || 0), t = m(r.getAttribute("y") || 0), e = m(r.getAttribute("rx") || r.getAttribute("ry") || 0), c = m(r.getAttribute("ry") || r.getAttribute("rx") || 0), b = m(r.getAttribute("width")), a = m(r.getAttribute("height")), S = 1 - 0.551915024494, L = new ye();
+      return L.moveTo(o + e, t), L.lineTo(o + b - e, t), (e !== 0 || c !== 0) && L.bezierCurveTo(
+        o + b - e * S,
+        t,
+        o + b,
+        t + c * S,
+        o + b,
+        t + c
+      ), L.lineTo(o + b, t + a - c), (e !== 0 || c !== 0) && L.bezierCurveTo(
+        o + b,
+        t + a - c * S,
+        o + b - e * S,
+        t + a,
+        o + b - e,
+        t + a
+      ), L.lineTo(o + e, t + a), (e !== 0 || c !== 0) && L.bezierCurveTo(
+        o + e * S,
+        t + a,
+        o,
+        t + a - c * S,
+        o,
+        t + a - c
+      ), L.lineTo(o, t + c), (e !== 0 || c !== 0) && L.bezierCurveTo(o, t + c * S, o + e * S, t, o + e, t), L;
+    }
+    function k(r) {
+      function o(b, a, S) {
+        const L = m(a), D = m(S);
+        c === 0 ? e.moveTo(L, D) : e.lineTo(L, D), c++;
+      }
+      const t = /([+-]?\d*\.?\d+(?:e[+-]?\d+)?)(?:,|\s)([+-]?\d*\.?\d+(?:e[+-]?\d+)?)/g, e = new ye();
+      let c = 0;
+      return r.getAttribute("points").replace(t, o), e.currentPath.autoClose = !0, e;
+    }
+    function z(r) {
+      function o(b, a, S) {
+        const L = m(a), D = m(S);
+        c === 0 ? e.moveTo(L, D) : e.lineTo(L, D), c++;
+      }
+      const t = /([+-]?\d*\.?\d+(?:e[+-]?\d+)?)(?:,|\s)([+-]?\d*\.?\d+(?:e[+-]?\d+)?)/g, e = new ye();
+      let c = 0;
+      return r.getAttribute("points").replace(t, o), e.currentPath.autoClose = !1, e;
+    }
+    function O(r) {
+      const o = m(r.getAttribute("cx") || 0), t = m(r.getAttribute("cy") || 0), e = m(r.getAttribute("r") || 0), c = new Ee();
+      c.absarc(o, t, e, 0, Math.PI * 2);
+      const b = new ye();
+      return b.subPaths.push(c), b;
+    }
+    function C(r) {
+      const o = m(r.getAttribute("cx") || 0), t = m(r.getAttribute("cy") || 0), e = m(r.getAttribute("rx") || 0), c = m(r.getAttribute("ry") || 0), b = new Ee();
+      b.absellipse(o, t, e, c, 0, Math.PI * 2);
+      const a = new ye();
+      return a.subPaths.push(b), a;
+    }
+    function V(r) {
+      const o = m(r.getAttribute("x1") || 0), t = m(r.getAttribute("y1") || 0), e = m(r.getAttribute("x2") || 0), c = m(r.getAttribute("y2") || 0), b = new ye();
+      return b.moveTo(o, t), b.lineTo(e, c), b.currentPath.autoClose = !1, b;
+    }
+    function P(r, o) {
+      o = Object.assign({}, o);
+      let t = {};
+      if (r.hasAttribute("class")) {
+        const a = r.getAttribute("class").split(/\s/).filter(Boolean).map((S) => S.trim());
+        for (let S = 0; S < a.length; S++)
+          t = Object.assign(t, K["." + a[S]]);
+      }
+      r.hasAttribute("id") && (t = Object.assign(t, K["#" + r.getAttribute("id")]));
+      function e(a, S, L) {
+        L === void 0 && (L = function(f) {
+          return f.startsWith("url") && console.warn("SVGLoader: url access in attributes is not implemented."), f;
+        }), r.hasAttribute(a) && (o[S] = L(r.getAttribute(a))), t[a] && (o[S] = L(t[a])), r.style && r.style[a] !== "" && (o[S] = L(r.style[a]));
+      }
+      function c(a) {
+        return Math.max(0, Math.min(1, m(a)));
+      }
+      function b(a) {
+        return Math.max(0, m(a));
+      }
+      return e("fill", "fill"), e("fill-opacity", "fillOpacity", c), e("fill-rule", "fillRule"), e("opacity", "opacity", c), e("stroke", "stroke"), e("stroke-opacity", "strokeOpacity", c), e("stroke-width", "strokeWidth", b), e("stroke-linejoin", "strokeLineJoin"), e("stroke-linecap", "strokeLineCap"), e("stroke-miterlimit", "strokeMiterLimit", b), e("visibility", "visibility"), o;
+    }
+    function g(r, o) {
+      return r - (o - r);
+    }
+    function u(r, o, t) {
+      if (typeof r != "string")
+        throw new TypeError("Invalid input: " + typeof r);
+      const e = {
+        WHITESPACE: /[ \t\r\n]/,
+        DIGIT: /[\d]/,
+        SIGN: /[-+]/,
+        POINT: /\./,
+        COMMA: /,/,
+        EXP: /e/i,
+        FLAGS: /[01]/
+      }, c = 0, b = 1, a = 2, S = 3;
+      let L = c, D = !0, f = "", A = "";
+      const F = [];
+      function j($, ce, me) {
+        const se = new SyntaxError('Unexpected character "' + $ + '" at index ' + ce + ".");
+        throw se.partial = me, se;
+      }
+      function s() {
+        f !== "" && (A === "" ? F.push(Number(f)) : F.push(Number(f) * Math.pow(10, Number(A)))), f = "", A = "";
+      }
+      let n;
+      const H = r.length;
+      for (let $ = 0; $ < H; $++) {
+        if (n = r[$], Array.isArray(o) && o.includes(F.length % t) && e.FLAGS.test(n)) {
+          L = b, f = n, s();
+          continue;
+        }
+        if (L === c) {
+          if (e.WHITESPACE.test(n))
+            continue;
+          if (e.DIGIT.test(n) || e.SIGN.test(n)) {
+            L = b, f = n;
+            continue;
+          }
+          if (e.POINT.test(n)) {
+            L = a, f = n;
+            continue;
+          }
+          e.COMMA.test(n) && (D && j(n, $, F), D = !0);
+        }
+        if (L === b) {
+          if (e.DIGIT.test(n)) {
+            f += n;
+            continue;
+          }
+          if (e.POINT.test(n)) {
+            f += n, L = a;
+            continue;
+          }
+          if (e.EXP.test(n)) {
+            L = S;
+            continue;
+          }
+          e.SIGN.test(n) && f.length === 1 && e.SIGN.test(f[0]) && j(n, $, F);
+        }
+        if (L === a) {
+          if (e.DIGIT.test(n)) {
+            f += n;
+            continue;
+          }
+          if (e.EXP.test(n)) {
+            L = S;
+            continue;
+          }
+          e.POINT.test(n) && f[f.length - 1] === "." && j(n, $, F);
+        }
+        if (L === S) {
+          if (e.DIGIT.test(n)) {
+            A += n;
+            continue;
+          }
+          if (e.SIGN.test(n)) {
+            if (A === "") {
+              A += n;
+              continue;
+            }
+            A.length === 1 && e.SIGN.test(A) && j(n, $, F);
+          }
+        }
+        e.WHITESPACE.test(n) ? (s(), L = c, D = !1) : e.COMMA.test(n) ? (s(), L = c, D = !0) : e.SIGN.test(n) ? (s(), L = b, f = n) : e.POINT.test(n) ? (s(), L = a, f = n) : j(n, $, F);
+      }
+      return s(), F;
+    }
+    const E = ["mm", "cm", "in", "pt", "pc", "px"], y = {
+      mm: {
+        mm: 1,
+        cm: 0.1,
+        in: 1 / 25.4,
+        pt: 72 / 25.4,
+        pc: 6 / 25.4,
+        px: -1
+      },
+      cm: {
+        mm: 10,
+        cm: 1,
+        in: 1 / 2.54,
+        pt: 72 / 2.54,
+        pc: 6 / 2.54,
+        px: -1
+      },
+      in: {
+        mm: 25.4,
+        cm: 2.54,
+        in: 1,
+        pt: 72,
+        pc: 6,
+        px: -1
+      },
+      pt: {
+        mm: 25.4 / 72,
+        cm: 2.54 / 72,
+        in: 1 / 72,
+        pt: 1,
+        pc: 6 / 72,
+        px: -1
+      },
+      pc: {
+        mm: 25.4 / 6,
+        cm: 2.54 / 6,
+        in: 1 / 6,
+        pt: 72 / 6,
+        pc: 1,
+        px: -1
+      },
+      px: {
+        px: 1
+      }
+    };
+    function m(r) {
+      let o = "px";
+      if (typeof r == "string" || r instanceof String)
+        for (let e = 0, c = E.length; e < c; e++) {
+          const b = E[e];
+          if (r.endsWith(b)) {
+            o = b, r = r.substring(0, r.length - b.length);
+            break;
+          }
+        }
+      let t;
+      return o === "px" && M.defaultUnit !== "px" ? t = y.in[M.defaultUnit] / M.defaultDPI : (t = y[o][M.defaultUnit], t < 0 && (t = y[o].in * M.defaultDPI)), t * parseFloat(r);
+    }
+    function v(r) {
+      if (!(r.hasAttribute("transform") || r.nodeName === "use" && (r.hasAttribute("x") || r.hasAttribute("y"))))
+        return null;
+      const o = U(r);
+      return Z.length > 0 && o.premultiply(Z[Z.length - 1]), ie.copy(o), Z.push(o), o;
+    }
+    function U(r) {
+      const o = new ge(), t = oe;
+      if (r.nodeName === "use" && (r.hasAttribute("x") || r.hasAttribute("y"))) {
+        const e = m(r.getAttribute("x")), c = m(r.getAttribute("y"));
+        o.translate(e, c);
+      }
+      if (r.hasAttribute("transform")) {
+        const e = r.getAttribute("transform").split(")");
+        for (let c = e.length - 1; c >= 0; c--) {
+          const b = e[c].trim();
+          if (b === "") continue;
+          const a = b.indexOf("("), S = b.length;
+          if (a > 0 && a < S) {
+            const L = b.slice(0, a), D = u(b.slice(a + 1));
+            switch (t.identity(), L) {
+              case "translate":
+                if (D.length >= 1) {
+                  const f = D[0];
+                  let A = 0;
+                  D.length >= 2 && (A = D[1]), t.translate(f, A);
+                }
+                break;
+              case "rotate":
+                if (D.length >= 1) {
+                  let f = 0, A = 0, F = 0;
+                  f = D[0] * Math.PI / 180, D.length >= 3 && (A = D[1], F = D[2]), J.makeTranslation(-A, -F), X.makeRotation(f), x.multiplyMatrices(X, J), J.makeTranslation(A, F), t.multiplyMatrices(J, x);
+                }
+                break;
+              case "scale":
+                if (D.length >= 1) {
+                  const f = D[0];
+                  let A = f;
+                  D.length >= 2 && (A = D[1]), t.scale(f, A);
+                }
+                break;
+              case "skewX":
+                D.length === 1 && t.set(
+                  1,
+                  Math.tan(D[0] * Math.PI / 180),
+                  0,
+                  0,
+                  1,
+                  0,
+                  0,
+                  0,
+                  1
+                );
+                break;
+              case "skewY":
+                D.length === 1 && t.set(
+                  1,
+                  0,
+                  0,
+                  Math.tan(D[0] * Math.PI / 180),
+                  1,
+                  0,
+                  0,
+                  0,
+                  1
+                );
+                break;
+              case "matrix":
+                D.length === 6 && t.set(
+                  D[0],
+                  D[2],
+                  D[4],
+                  D[1],
+                  D[3],
+                  D[5],
+                  0,
+                  0,
+                  1
+                );
+                break;
+            }
+          }
+          o.premultiply(t);
+        }
+      }
+      return o;
+    }
+    function d(r, o) {
+      function t(a) {
+        ee.set(a.x, a.y, 1).applyMatrix3(o), a.set(ee.x, ee.y);
+      }
+      function e(a) {
+        const S = a.xRadius, L = a.yRadius, D = Math.cos(a.aRotation), f = Math.sin(a.aRotation), A = new Ae(S * D, S * f, 0), F = new Ae(-L * f, L * D, 0), j = A.applyMatrix3(o), s = F.applyMatrix3(o), n = oe.set(
+          j.x,
+          s.x,
+          0,
+          j.y,
+          s.y,
+          0,
+          0,
+          0,
+          1
+        ), H = J.copy(n).invert(), me = X.copy(H).transpose().multiply(H).elements, se = Y(me[0], me[1], me[4]), pe = Math.sqrt(se.rt1), xe = Math.sqrt(se.rt2);
+        if (a.xRadius = 1 / pe, a.yRadius = 1 / xe, a.aRotation = Math.atan2(se.sn, se.cs), !((a.aEndAngle - a.aStartAngle) % (2 * Math.PI) < Number.EPSILON)) {
+          const we = J.set(
+            pe,
+            0,
+            0,
+            0,
+            xe,
+            0,
+            0,
+            0,
+            1
+          ), Ie = X.set(
+            se.cs,
+            se.sn,
+            0,
+            -se.sn,
+            se.cs,
+            0,
+            0,
+            0,
+            1
+          ), ke = we.multiply(Ie).multiply(n), Re = (Le) => {
+            const { x: qe, y: Xe } = new Ae(Math.cos(Le), Math.sin(Le), 0).applyMatrix3(ke);
+            return Math.atan2(Xe, qe);
+          };
+          a.aStartAngle = Re(a.aStartAngle), a.aEndAngle = Re(a.aEndAngle), w(o) && (a.aClockwise = !a.aClockwise);
+        }
+      }
+      function c(a) {
+        const S = _(o), L = q(o);
+        a.xRadius *= S, a.yRadius *= L;
+        const D = S > Number.EPSILON ? Math.atan2(o.elements[1], o.elements[0]) : Math.atan2(-o.elements[3], o.elements[4]);
+        a.aRotation += D, w(o) && (a.aStartAngle *= -1, a.aEndAngle *= -1, a.aClockwise = !a.aClockwise);
+      }
+      const b = r.subPaths;
+      for (let a = 0, S = b.length; a < S; a++) {
+        const D = b[a].curves;
+        for (let f = 0; f < D.length; f++) {
+          const A = D[f];
+          A.isLineCurve ? (t(A.v1), t(A.v2)) : A.isCubicBezierCurve ? (t(A.v0), t(A.v1), t(A.v2), t(A.v3)) : A.isQuadraticBezierCurve ? (t(A.v0), t(A.v1), t(A.v2)) : A.isEllipseCurve && (ne.set(A.aX, A.aY), t(ne), A.aX = ne.x, A.aY = ne.y, T(o) ? e(A) : c(A));
+        }
+      }
+    }
+    function w(r) {
+      const o = r.elements;
+      return o[0] * o[4] - o[1] * o[3] < 0;
+    }
+    function T(r) {
+      const o = r.elements, t = o[0] * o[3] + o[1] * o[4];
+      if (t === 0) return !1;
+      const e = _(r), c = q(r);
+      return Math.abs(t / (e * c)) > Number.EPSILON;
+    }
+    function _(r) {
+      const o = r.elements;
+      return Math.sqrt(o[0] * o[0] + o[1] * o[1]);
+    }
+    function q(r) {
+      const o = r.elements;
+      return Math.sqrt(o[3] * o[3] + o[4] * o[4]);
+    }
+    function Y(r, o, t) {
+      let e, c, b, a, S;
+      const L = r + t, D = r - t, f = Math.sqrt(D * D + 4 * o * o);
+      return L > 0 ? (e = 0.5 * (L + f), S = 1 / e, c = r * S * t - o * S * o) : L < 0 ? c = 0.5 * (L - f) : (e = 0.5 * f, c = -0.5 * f), D > 0 ? b = D + f : b = D - f, Math.abs(b) > 2 * Math.abs(o) ? (S = -2 * o / b, a = 1 / Math.sqrt(1 + S * S), b = S * a) : Math.abs(o) === 0 ? (b = 1, a = 0) : (S = -0.5 * b / o, b = 1 / Math.sqrt(1 + S * S), a = S * b), D > 0 && (S = b, b = -a, a = S), { rt1: e, rt2: c, cs: b, sn: a };
+    }
+    const G = [], K = {}, Z = [], oe = new ge(), J = new ge(), X = new ge(), x = new ge(), ne = new Q(), ee = new Ae(), ie = new ge(), de = new DOMParser().parseFromString(i, "image/svg+xml");
+    return I(de.documentElement, {
+      fill: "#000",
+      fillOpacity: 1,
+      strokeOpacity: 1,
+      strokeWidth: 1,
+      strokeLineJoin: "miter",
+      strokeLineCap: "butt",
+      strokeMiterLimit: 4
+    }), { paths: G, xml: de.documentElement };
+  }
+  /**
+   * Creates from the given shape path and array of shapes.
+   *
+   * @param {ShapePath} shapePath - The shape path.
+   * @return {Array<Shape>} An array of shapes.
+   */
+  static createShapes(i) {
+    const I = {
+      ORIGIN: 0,
+      DESTINATION: 1,
+      BETWEEN: 2,
+      LEFT: 3,
+      RIGHT: 4,
+      BEHIND: 5,
+      BEYOND: 6
+    }, N = {
+      loc: I.ORIGIN,
+      t: 0
+    };
+    function h(g, u, E, y) {
+      const m = g.x, v = u.x, U = E.x, d = y.x, w = g.y, T = u.y, _ = E.y, q = y.y, Y = (d - U) * (w - _) - (q - _) * (m - U), G = (v - m) * (w - _) - (T - w) * (m - U), K = (q - _) * (v - m) - (d - U) * (T - w), Z = Y / K, oe = G / K;
+      if (K === 0 && Y !== 0 || Z <= 0 || Z >= 1 || oe < 0 || oe > 1)
+        return null;
+      if (Y === 0 && K === 0) {
+        for (let J = 0; J < 2; J++)
+          if (B(J === 0 ? E : y, g, u), N.loc == I.ORIGIN) {
+            const X = J === 0 ? E : y;
+            return { x: X.x, y: X.y, t: N.t };
+          } else if (N.loc == I.BETWEEN) {
+            const X = +(m + N.t * (v - m)).toPrecision(10), x = +(w + N.t * (T - w)).toPrecision(10);
+            return { x: X, y: x, t: N.t };
+          }
+        return null;
+      } else {
+        for (let x = 0; x < 2; x++)
+          if (B(x === 0 ? E : y, g, u), N.loc == I.ORIGIN) {
+            const ne = x === 0 ? E : y;
+            return { x: ne.x, y: ne.y, t: N.t };
+          }
+        const J = +(m + Z * (v - m)).toPrecision(10), X = +(w + Z * (T - w)).toPrecision(10);
+        return { x: J, y: X, t: Z };
+      }
+    }
+    function B(g, u, E) {
+      const y = E.x - u.x, m = E.y - u.y, v = g.x - u.x, U = g.y - u.y, d = y * U - v * m;
+      if (g.x === u.x && g.y === u.y) {
+        N.loc = I.ORIGIN, N.t = 0;
+        return;
+      }
+      if (g.x === E.x && g.y === E.y) {
+        N.loc = I.DESTINATION, N.t = 1;
+        return;
+      }
+      if (d < -Number.EPSILON) {
+        N.loc = I.LEFT;
+        return;
+      }
+      if (d > Number.EPSILON) {
+        N.loc = I.RIGHT;
+        return;
+      }
+      if (y * v < 0 || m * U < 0) {
+        N.loc = I.BEHIND;
+        return;
+      }
+      if (Math.sqrt(y * y + m * m) < Math.sqrt(v * v + U * U)) {
+        N.loc = I.BEYOND;
+        return;
+      }
+      let w;
+      y !== 0 ? w = v / y : w = U / m, N.loc = I.BETWEEN, N.t = w;
+    }
+    function W(g, u) {
+      const E = [], y = [];
+      for (let m = 1; m < g.length; m++) {
+        const v = g[m - 1], U = g[m];
+        for (let d = 1; d < u.length; d++) {
+          const w = u[d - 1], T = u[d], _ = h(v, U, w, T);
+          _ !== null && E.find((q) => q.t <= _.t + Number.EPSILON && q.t >= _.t - Number.EPSILON) === void 0 && (E.push(_), y.push(new Q(_.x, _.y)));
+        }
+      }
+      return y;
+    }
+    function p(g, u, E) {
+      const y = new Q();
+      u.getCenter(y);
+      const m = [];
+      return E.forEach((v) => {
+        v.boundingBox.containsPoint(y) && W(g, v.points).forEach((d) => {
+          m.push({ identifier: v.identifier, isCW: v.isCW, point: d });
+        });
+      }), m.sort((v, U) => v.point.x - U.point.x), m;
+    }
+    function k(g, u, E, y, m) {
+      (m == null || m === "") && (m = "nonzero");
+      const v = new Q();
+      g.boundingBox.getCenter(v);
+      const U = [new Q(E, v.y), new Q(y, v.y)], d = p(U, g.boundingBox, u);
+      d.sort((G, K) => G.point.x - K.point.x);
+      const w = [], T = [];
+      d.forEach((G) => {
+        G.identifier === g.identifier ? w.push(G) : T.push(G);
+      });
+      const _ = w[0].point.x, q = [];
+      let Y = 0;
+      for (; Y < T.length && T[Y].point.x < _; )
+        q.length > 0 && q[q.length - 1] === T[Y].identifier ? q.pop() : q.push(T[Y].identifier), Y++;
+      if (q.push(g.identifier), m === "evenodd") {
+        const G = q.length % 2 === 0, K = q[q.length - 2];
+        return { identifier: g.identifier, isHole: G, for: K };
+      } else if (m === "nonzero") {
+        let G = !0, K = null, Z = null;
+        for (let oe = 0; oe < q.length; oe++) {
+          const J = q[oe];
+          G ? (Z = u[J].isCW, G = !1, K = J) : Z !== u[J].isCW && (Z = u[J].isCW, G = !0);
+        }
+        return { identifier: g.identifier, isHole: G, for: K };
+      } else
+        console.warn('fill-rule: "' + m + '" is currently not implemented.');
+    }
+    let z = 999999999, O = -999999999, C = i.subPaths.map((g) => {
+      const u = g.getPoints();
+      let E = -999999999, y = 999999999, m = -999999999, v = 999999999;
+      for (let U = 0; U < u.length; U++) {
+        const d = u[U];
+        d.y > E && (E = d.y), d.y < y && (y = d.y), d.x > m && (m = d.x), d.x < v && (v = d.x);
+      }
+      return O <= m && (O = m + 1), z >= v && (z = v - 1), { curves: g.curves, points: u, isCW: kt.isClockWise(u), identifier: -1, boundingBox: new wt(new Q(v, y), new Q(m, E)) };
+    });
+    C = C.filter((g) => g.points.length > 1);
+    for (let g = 0; g < C.length; g++)
+      C[g].identifier = g;
+    const V = C.map((g) => k(g, C, z, O, i.userData ? i.userData.style.fillRule : void 0)), P = [];
+    return C.forEach((g) => {
+      if (!V[g.identifier].isHole) {
+        const E = new At();
+        E.curves = g.curves, V.filter((m) => m.isHole && m.for === g.identifier).forEach((m) => {
+          const v = C[m.identifier], U = new Ee();
+          U.curves = v.curves, E.holes.push(U);
+        }), P.push(E);
+      }
+    }), P;
+  }
+  /**
+   * Returns a stroke style object from the given parameters.
+   *
+   * @param {number} [width=1] - The stroke width.
+   * @param {string} [color='#000'] - The stroke color, as  returned by {@link Color#getStyle}.
+   * @param {'round'|'bevel'|'miter'|'miter-limit'} [lineJoin='miter'] - The line join style.
+   * @param {'round'|'square'|'butt'} [lineCap='butt'] - The line cap style.
+   * @param {number} [miterLimit=4] - Maximum join length, in multiples of the `width` parameter (join is truncated if it exceeds that distance).
+   * @return {Object} The style object.
+   */
+  static getStrokeStyle(i, M, I, N, h) {
+    return i = i !== void 0 ? i : 1, M = M !== void 0 ? M : "#000", I = I !== void 0 ? I : "miter", N = N !== void 0 ? N : "butt", h = h !== void 0 ? h : 4, {
+      strokeColor: M,
+      strokeWidth: i,
+      strokeLineJoin: I,
+      strokeLineCap: N,
+      strokeMiterLimit: h
+    };
+  }
+  /**
+   * Creates a stroke from an array of points.
+   *
+   * @param {Array<Vector2>} points - The points in 2D space. Minimum 2 points. The path can be open or closed (last point equals to first point).
+   * @param {Object} style - Object with SVG properties as returned by `SVGLoader.getStrokeStyle()`, or `SVGLoader.parse()` in the `path.userData.style` object.
+   * @param {number} [arcDivisions=12] - Arc divisions for round joins and endcaps.
+   * @param {number} [minDistance=0.001] - Points closer to this distance will be merged.
+   * @return {?BufferGeometry} The stroke geometry. UV coordinates are generated ('u' along path. 'v' across it, from left to right).
+   * Returns `null` if not geometry was generated.
+   */
+  static pointsToStroke(i, M, I, N) {
+    const h = [], B = [], W = [];
+    if (Me.pointsToStrokeWithBuffers(i, M, I, N, h, B, W) === 0)
+      return null;
+    const p = new Mt();
+    return p.setAttribute("position", new Ce(h, 3)), p.setAttribute("normal", new Ce(B, 3)), p.setAttribute("uv", new Ce(W, 2)), p;
+  }
+  /**
+   * Creates a stroke from an array of points.
+   *
+   * @param {Array<Vector2>} points - The points in 2D space. Minimum 2 points.
+   * @param {Object} style - Object with SVG properties as returned by `SVGLoader.getStrokeStyle()`, or `SVGLoader.parse()` in the `path.userData.style` object.
+   * @param {number} [arcDivisions=12] - Arc divisions for round joins and endcaps.
+   * @param {number} [minDistance=0.001] - Points closer to this distance will be merged.
+   * @param {Array<number>} vertices - An array holding vertices.
+   * @param {Array<number>} normals - An array holding normals.
+   * @param {Array<number>} uvs - An array holding uvs.
+   * @param {number} [vertexOffset=0] - The vertex offset.
+   * @return {number} The number of vertices.
+   */
+  static pointsToStrokeWithBuffers(i, M, I, N, h, B, W, p) {
+    const k = new Q(), z = new Q(), O = new Q(), C = new Q(), V = new Q(), P = new Q(), g = new Q(), u = new Q(), E = new Q(), y = new Q(), m = new Q(), v = new Q(), U = new Q(), d = new Q(), w = new Q(), T = new Q(), _ = new Q();
+    I = I !== void 0 ? I : 12, N = N !== void 0 ? N : 1e-3, p = p !== void 0 ? p : 0, i = D(i);
+    const q = i.length;
+    if (q < 2) return 0;
+    const Y = i[0].equals(i[q - 1]);
+    let G, K = i[0], Z;
+    const oe = M.strokeWidth / 2, J = 1 / (q - 1);
+    let X = 0, x, ne, ee, ie, de = !1, fe = 0, r = p * 3, o = p * 2;
+    t(i[0], i[1], k).multiplyScalar(oe), u.copy(i[0]).sub(k), E.copy(i[0]).add(k), y.copy(u), m.copy(E);
+    for (let f = 1; f < q; f++) {
+      G = i[f], f === q - 1 ? Y ? Z = i[1] : Z = void 0 : Z = i[f + 1];
+      const A = k;
+      if (t(K, G, A), O.copy(A).multiplyScalar(oe), v.copy(G).sub(O), U.copy(G).add(O), x = X + J, ne = !1, Z !== void 0) {
+        t(G, Z, z), O.copy(z).multiplyScalar(oe), d.copy(G).sub(O), w.copy(G).add(O), ee = !0, O.subVectors(Z, K), A.dot(O) < 0 && (ee = !1), f === 1 && (de = ee), O.subVectors(Z, G), O.normalize();
+        const F = Math.abs(A.dot(O));
+        if (F > Number.EPSILON) {
+          const j = oe / F;
+          O.multiplyScalar(-j), C.subVectors(G, K), V.copy(C).setLength(j).add(O), T.copy(V).negate();
+          const s = V.length(), n = C.length();
+          C.divideScalar(n), P.subVectors(Z, G);
+          const H = P.length();
+          switch (P.divideScalar(H), C.dot(T) < n && P.dot(T) < H && (ne = !0), _.copy(V).add(G), T.add(G), ie = !1, ne ? ee ? (w.copy(T), U.copy(T)) : (d.copy(T), v.copy(T)) : b(), M.strokeLineJoin) {
+            case "bevel":
+              a(ee, ne, x);
+              break;
+            case "round":
+              S(ee, ne), ee ? c(G, v, d, x, 0) : c(G, w, U, x, 1);
+              break;
+            case "miter":
+            case "miter-clip":
+            default:
+              const $ = oe * M.strokeMiterLimit / s;
+              if ($ < 1)
+                if (M.strokeLineJoin !== "miter-clip") {
+                  a(ee, ne, x);
+                  break;
+                } else
+                  S(ee, ne), ee ? (P.subVectors(_, v).multiplyScalar($).add(v), g.subVectors(_, d).multiplyScalar($).add(d), e(v, x, 0), e(P, x, 0), e(G, x, 0.5), e(G, x, 0.5), e(P, x, 0), e(g, x, 0), e(G, x, 0.5), e(g, x, 0), e(d, x, 0)) : (P.subVectors(_, U).multiplyScalar($).add(U), g.subVectors(_, w).multiplyScalar($).add(w), e(U, x, 1), e(P, x, 1), e(G, x, 0.5), e(G, x, 0.5), e(P, x, 1), e(g, x, 1), e(G, x, 0.5), e(g, x, 1), e(w, x, 1));
+              else
+                ne ? (ee ? (e(E, X, 1), e(u, X, 0), e(_, x, 0), e(E, X, 1), e(_, x, 0), e(T, x, 1)) : (e(E, X, 1), e(u, X, 0), e(_, x, 1), e(u, X, 0), e(T, x, 0), e(_, x, 1)), ee ? d.copy(_) : w.copy(_)) : ee ? (e(v, x, 0), e(_, x, 0), e(G, x, 0.5), e(G, x, 0.5), e(_, x, 0), e(d, x, 0)) : (e(U, x, 1), e(_, x, 1), e(G, x, 0.5), e(G, x, 0.5), e(_, x, 1), e(w, x, 1)), ie = !0;
+              break;
+          }
+        } else
+          b();
+      } else
+        b();
+      !Y && f === q - 1 && L(i[0], y, m, ee, !0, X), X = x, K = G, u.copy(d), E.copy(w);
+    }
+    if (!Y)
+      L(G, v, U, ee, !1, x);
+    else if (ne && h) {
+      let f = _, A = T;
+      de !== ee && (f = T, A = _), ee ? (ie || de) && (A.toArray(h, 0 * 3), A.toArray(h, 3 * 3), ie && f.toArray(h, 1 * 3)) : (ie || !de) && (A.toArray(h, 1 * 3), A.toArray(h, 3 * 3), ie && f.toArray(h, 0 * 3));
+    }
+    return fe;
+    function t(f, A, F) {
+      return F.subVectors(A, f), F.set(-F.y, F.x).normalize();
+    }
+    function e(f, A, F) {
+      h && (h[r] = f.x, h[r + 1] = f.y, h[r + 2] = 0, B && (B[r] = 0, B[r + 1] = 0, B[r + 2] = 1), r += 3, W && (W[o] = A, W[o + 1] = F, o += 2)), fe += 3;
+    }
+    function c(f, A, F, j, s) {
+      k.copy(A).sub(f).normalize(), z.copy(F).sub(f).normalize();
+      let n = Math.PI;
+      const H = k.dot(z);
+      Math.abs(H) < 1 && (n = Math.abs(Math.acos(H))), n /= I, O.copy(A);
+      for (let $ = 0, ce = I - 1; $ < ce; $++)
+        C.copy(O).rotateAround(f, n), e(O, j, s), e(C, j, s), e(f, j, 0.5), O.copy(C);
+      e(C, j, s), e(F, j, s), e(f, j, 0.5);
+    }
+    function b() {
+      e(E, X, 1), e(u, X, 0), e(v, x, 0), e(E, X, 1), e(v, x, 0), e(U, x, 1);
+    }
+    function a(f, A, F) {
+      A ? f ? (e(E, X, 1), e(u, X, 0), e(v, x, 0), e(E, X, 1), e(v, x, 0), e(T, x, 1), e(v, F, 0), e(d, F, 0), e(T, F, 0.5)) : (e(E, X, 1), e(u, X, 0), e(U, x, 1), e(u, X, 0), e(T, x, 0), e(U, x, 1), e(U, F, 1), e(T, F, 0), e(w, F, 1)) : f ? (e(v, F, 0), e(d, F, 0), e(G, F, 0.5)) : (e(U, F, 1), e(w, F, 0), e(G, F, 0.5));
+    }
+    function S(f, A) {
+      A && (f ? (e(E, X, 1), e(u, X, 0), e(v, x, 0), e(E, X, 1), e(v, x, 0), e(T, x, 1), e(v, X, 0), e(G, x, 0.5), e(T, x, 1), e(G, x, 0.5), e(d, X, 0), e(T, x, 1)) : (e(E, X, 1), e(u, X, 0), e(U, x, 1), e(u, X, 0), e(T, x, 0), e(U, x, 1), e(U, X, 1), e(T, x, 0), e(G, x, 0.5), e(G, x, 0.5), e(T, x, 0), e(w, X, 1)));
+    }
+    function L(f, A, F, j, s, n) {
+      switch (M.strokeLineCap) {
+        case "round":
+          s ? c(f, F, A, n, 0.5) : c(f, A, F, n, 0.5);
+          break;
+        case "square":
+          if (s)
+            k.subVectors(A, f), z.set(k.y, -k.x), O.addVectors(k, z).add(f), C.subVectors(z, k).add(f), j ? (O.toArray(h, 1 * 3), C.toArray(h, 0 * 3), C.toArray(h, 3 * 3)) : (O.toArray(h, 1 * 3), W[3 * 2 + 1] === 1 ? C.toArray(h, 3 * 3) : O.toArray(h, 3 * 3), C.toArray(h, 0 * 3));
+          else {
+            k.subVectors(F, f), z.set(k.y, -k.x), O.addVectors(k, z).add(f), C.subVectors(z, k).add(f);
+            const H = h.length;
+            j ? (O.toArray(h, H - 1 * 3), C.toArray(h, H - 2 * 3), C.toArray(h, H - 4 * 3)) : (C.toArray(h, H - 2 * 3), O.toArray(h, H - 1 * 3), C.toArray(h, H - 4 * 3));
+          }
+          break;
+      }
+    }
+    function D(f) {
+      let A = !1;
+      for (let j = 1, s = f.length - 1; j < s; j++)
+        if (f[j].distanceTo(f[j + 1]) < N) {
+          A = !0;
+          break;
+        }
+      if (!A) return f;
+      const F = [];
+      F.push(f[0]);
+      for (let j = 1, s = f.length - 1; j < s; j++)
+        f[j].distanceTo(f[j + 1]) >= N && F.push(f[j]);
+      return F.push(f[f.length - 1]), F;
+    }
+  }
+}
+const Lt = -2;
+function Bt(l) {
+  if (!l || l.nodeType !== 1) return;
+  let i = l;
+  for (; i; ) {
+    const M = i.getAttribute("id");
+    if (M) return M;
+    i = i.parentElement;
+  }
+}
+function Se(l) {
+  if (!l) return !1;
+  let i = l;
+  for (; i; ) {
+    const M = i.getAttribute("id") ?? "", I = i.getAttribute("data-name") ?? "";
+    if (Oe(M) || Oe(I) || _e(M) || _e(I)) return !0;
+    i = i.parentElement;
+  }
+  return !1;
+}
+function Dt({
+  url: l,
+  suppressIds: i,
+  imageProxyUrl: M,
+  is3d: I = !1
+}) {
+  const [N, h] = ae(null);
+  le(() => {
+    let W = !1;
+    const p = it(l, M);
+    return fetch(p).then((k) => {
+      if (!k.ok) throw new Error(`SVG fetch ${k.status}`);
+      return k.text();
+    }).then((k) => {
+      if (W) return;
+      const z = ot(k), O = new Me();
+      h(O.parse(z));
+    }).catch((k) => {
+      W || (h(null), console.warn(
+        `[eyeon-map] Outdoor SVG failed to load from ${p}. If this is a cross-origin error, pass \`imageProxyUrl\` to MapViewer.`,
+        k
+      ));
+    }), () => {
+      W = !0;
+    };
+  }, [l, M]);
+  const B = re(() => {
+    var k, z, O;
+    if (!N) return [];
+    const W = [];
+    let p = 0;
+    for (const C of N.paths) {
+      const V = (k = C.userData) == null ? void 0 : k.node, P = Bt(V);
+      if (P != null && P.toLowerCase().startsWith("route-path") || P && (rt(P) || st(P)) || P && (i != null && i.has(P)) || Se(V) && !P || P && (Oe(P) || _e(P)) || V && Se(V) && P && (i != null && i.has(P)) || V && Se(V)) continue;
+      const g = Me.createShapes(C);
+      if (g.length === 0) continue;
+      const u = We(P), E = new ue.Color();
+      u != null && u.fill ? E.set(u.fill) : C.color ? E.copy(C.color) : E.set("#cccccc"), u != null && u.stroke && !u.fill && E.set(u.stroke);
+      const y = typeof ((O = (z = C.userData) == null ? void 0 : z.style) == null ? void 0 : O.opacity) == "number" ? C.userData.style.opacity : 1, m = I && (u == null ? void 0 : u.extrudeHeight) != null ? u.extrudeHeight : 0;
+      W.push({
+        key: `${P ?? "path"}-${p++}`,
+        shapes: g,
+        color: E,
+        opacity: y,
+        extrude: m,
+        renderOrder: (u == null ? void 0 : u.renderOrder) ?? 2
+      });
+    }
+    return W;
+  }, [N, i, I]);
+  return !N || B.length === 0 ? null : /* @__PURE__ */ R("group", { position: [0, 0, Lt], renderOrder: -20, children: B.map(
+    (W) => W.shapes.map((p, k) => /* @__PURE__ */ te("mesh", { renderOrder: W.renderOrder, children: [
+      W.extrude > 0 ? /* @__PURE__ */ R(
+        "extrudeGeometry",
+        {
+          args: [p, { depth: W.extrude, bevelEnabled: !1 }]
+        }
+      ) : /* @__PURE__ */ R("shapeGeometry", { args: [p] }),
+      /* @__PURE__ */ R(
+        "meshBasicMaterial",
+        {
+          color: W.color,
+          transparent: W.opacity < 1,
+          opacity: W.opacity,
+          depthWrite: !1,
+          toneMapped: !1,
+          side: ue.DoubleSide
+        }
+      )
+    ] }, `${W.key}-${k}`))
+  ) });
+}
+const Gt = [1, -1, 1];
+function zt(l) {
+  return {
+    ...l,
+    minY: -l.maxY,
+    maxY: -l.minY,
+    cy: -l.cy
+  };
+}
+function ze(l, i, M, I) {
+  const N = Math.max(l, 1) / Math.max(M, 1), h = Math.max(i, 1) / Math.max(I, 1);
+  return Math.min(N, h);
+}
+function Ve(l) {
+  return {
+    width: Math.max(l.maxX - l.minX, 1),
+    height: Math.max(l.maxY - l.minY, 1)
+  };
+}
+const Vt = 240;
+function Ft(l) {
+  return 1 - (1 - Math.min(1, Math.max(0, l))) ** 3;
+}
+function jt(l, i, M) {
+  return l + (i - l) * M;
+}
+function Ht(l, i, M, I, N) {
+  const h = 1 + Math.min(Math.max(M, 0.15), 1) * 0.5, B = i > 0 ? l * h : l / h;
+  return Math.min(N, Math.max(I, B));
+}
+const Ut = 0, Fe = 1, ve = 2, Wt = 0, qt = 1, je = 2;
+function Xt(l) {
+  return l ? { LEFT: Ut, MIDDLE: Fe, RIGHT: ve } : { LEFT: ve, MIDDLE: Fe, RIGHT: ve };
+}
+function Yt(l) {
+  return l ? { ONE: Wt, TWO: je } : { ONE: qt, TWO: je };
+}
+function $t({
+  bounds: l,
+  theme: i,
+  is3d: M,
+  controlsRef: I,
+  cameraRef: N
+}) {
+  const { camera: h, size: B, invalidate: W } = ht(), p = he(!1), k = he(null), z = be(() => {
+    k.current != null && (cancelAnimationFrame(k.current), k.current = null);
+  }, []), O = be(
+    (g) => {
+      if (!(h instanceof ue.OrthographicCamera)) return;
+      z();
+      const u = h.zoom;
+      if (u === g) return;
+      const E = performance.now(), y = (m) => {
+        if (!(h instanceof ue.OrthographicCamera)) return;
+        const v = Math.min(1, (m - E) / Vt);
+        if (h.zoom = jt(u, g, Ft(v)), h.updateProjectionMatrix(), W(), v < 1) {
+          k.current = requestAnimationFrame(y);
+          return;
+        }
+        k.current = null;
+      };
+      k.current = requestAnimationFrame(y);
+    },
+    [h, z, W]
+  ), C = be(() => {
+    z();
+    const g = I.current, { width: u, height: E } = Ve(l);
+    if (h.up.set(0, 1, 0), h instanceof ue.OrthographicCamera && !M) {
+      const y = ze(B.width, B.height, u, E);
+      h.position.set(l.cx, l.cy, 500), h.zoom = y, h.updateProjectionMatrix();
+    } else
+      h.position.set(l.cx, l.cy - l.size * 0.35, l.size * 0.85), h.lookAt(l.cx, l.cy, 0);
+    g && (g.target.set(l.cx, l.cy, 0), g.update()), W();
+  }, [
+    l.cx,
+    l.cy,
+    l.maxX,
+    l.maxY,
+    l.minX,
+    l.minY,
+    l.size,
+    h,
+    I,
+    W,
+    M,
+    B.height,
+    B.width,
+    z
+  ]), V = he(C);
+  V.current = C;
+  const P = be(
+    (g) => {
+      p.current = !0;
+      const u = I.current;
+      if (h instanceof ue.OrthographicCamera && !M) {
+        const { width: E, height: y } = Ve(l), m = ze(B.width, B.height, E, y);
+        O(
+          Ht(
+            h.zoom,
+            g,
+            i.ZOOM_STEP,
+            m * 0.2,
+            m * 10
+          )
+        );
+      } else if (u) {
+        const E = h.position.clone().sub(u.target), y = 1 + Math.min(Math.max(i.ZOOM_STEP, 0.15), 1) * 0.5, m = g > 0 ? E.length() / y : E.length() * y;
+        E.setLength(
+          Math.min(i.CAMERA_MAX_DISTANCE, Math.max(i.CAMERA_MIN_DISTANCE, m))
+        ), h.position.copy(u.target).add(E);
+      }
+      u == null || u.update(), W();
+    },
+    [O, l, h, I, W, M, B.height, B.width, i]
+  );
+  return le(() => () => z(), [z]), $e(
+    N,
+    () => ({
+      zoomIn: () => P(1),
+      zoomOut: () => P(-1),
+      reset: () => {
+        p.current = !1, C();
+      }
+    }),
+    [C, P]
+  ), le(() => {
+    B.width < 2 || B.height < 2 || (p.current = !1, V.current());
+  }, [l.cx, l.cy, l.maxX, l.maxY, l.minX, l.minY, M]), le(() => {
+    B.width < 2 || B.height < 2 || p.current || V.current();
+  }, [B.height, B.width]), null;
+}
+const Zt = -1, He = [0, 1, 0], Qt = [1, 2], Kt = { antialias: !0 };
+function Jt({
   doc: l,
   theme: i,
-  activeLevelId: a,
-  route: p,
-  selectedRetailerId: k,
-  onSelectShape: y
+  activeLevelId: M,
+  route: I,
+  selectedRetailerId: N,
+  cameraRef: h,
+  onSelectShape: B,
+  imageProxyUrl: W,
+  eventSource: p
 }) {
-  const o = i.MAP_STYLE === "3D", h = T(() => {
-    let s = 1 / 0, v = 1 / 0, n = -1 / 0, _ = -1 / 0;
-    for (const b of l.levels)
-      if (!(a != null && b.id !== a && b.kind !== "outdoor"))
-        for (const x of b.shapes)
-          s = Math.min(s, x.bbox.minX), v = Math.min(v, x.bbox.minY), n = Math.max(n, x.bbox.maxX), _ = Math.max(_, x.bbox.maxY);
-    return Number.isFinite(s) ? {
-      cx: (s + n) / 2,
-      cy: (v + _) / 2,
-      size: Math.max(n - s, _ - v, 100)
-    } : { cx: 0, cy: 0, size: 500 };
-  }, [l, a]), A = 800 / h.size;
-  return /* @__PURE__ */ g(
-    j,
+  const k = i.MAP_STYLE === "3D", z = he(null), O = re(
+    () => at(l.levels, M),
+    [l.levels, M]
+  ), C = re(
+    () => ct(l.levels, M, l.baseViewbox),
+    [l.levels, l.baseViewbox, M]
+  ), V = re(
+    () => zt(C),
+    [
+      C.cx,
+      C.cy,
+      C.maxX,
+      C.maxY,
+      C.minX,
+      C.minY,
+      C.size
+    ]
+  ), P = re(
+    () => [V.cx, V.cy, 500],
+    [V.cx, V.cy]
+  ), g = re(
+    () => [V.cx, V.cy, 0],
+    [V.cx, V.cy]
+  ), u = re(
+    () => [V.cx, V.cy - V.size * 0.35, V.size * 0.85],
+    [V.cx, V.cy, V.size]
+  ), E = re(() => Xt(k), [k]), y = re(() => Yt(k), [k]), m = re(
+    () => l.levels.find((w) => Ne(w)) ?? null,
+    [l.levels]
+  ), v = (m == null ? void 0 : m.sourceSvgUrl) ?? l.baseSvgUrl ?? null, U = re(() => m ? lt(m.shapes, { omitStaticLayers: !0 }) : /* @__PURE__ */ new Set(), [m]), d = O.some((w) => Ne(w));
+  return /* @__PURE__ */ te(
+    dt,
     {
       style: { width: "100%", height: "100%", background: i.MAP_BACKGROUND_COLOR },
-      orthographic: !o,
-      camera: o ? { position: [h.cx, h.cy - h.size, h.size], fov: 50, near: 1, far: 1e4 } : void 0,
+      eventSource: p ?? void 0,
+      eventPrefix: "offset",
+      orthographic: !k,
+      dpr: Qt,
+      flat: !0,
+      gl: Kt,
+      camera: k ? {
+        position: u,
+        fov: 50,
+        near: 1,
+        far: 1e4,
+        up: He
+      } : void 0,
       children: [
-        !o && /* @__PURE__ */ t(
-          q,
+        !k && /* @__PURE__ */ R(
+          yt,
           {
             makeDefault: !0,
-            position: [h.cx, h.cy, 500],
-            zoom: A,
+            position: P,
+            up: He,
             near: 0.1,
             far: 5e3
           }
         ),
-        /* @__PURE__ */ t("ambientLight", { intensity: 0.85 }),
-        /* @__PURE__ */ t("directionalLight", { position: [200, 400, 200], intensity: 0.4 }),
-        l.levels.map((s) => s.kind === "outdoor" || a == null || s.id === a ? /* @__PURE__ */ t(
-          J,
-          {
-            level: s,
-            theme: i,
-            is3d: o,
-            selectedRetailerId: k,
-            onSelectShape: (n) => y == null ? void 0 : y(n, s.id)
-          },
-          s.id
-        ) : null),
-        p && /* @__PURE__ */ t(ee, { route: p, activeLevelId: a, color: i.ACCENT_COLOR }),
-        /* @__PURE__ */ t(
-          V,
+        /* @__PURE__ */ R("color", { attach: "background", args: [i.MAP_BACKGROUND_COLOR] }),
+        /* @__PURE__ */ R("ambientLight", { intensity: 4, color: "#c4c4c4" }),
+        /* @__PURE__ */ R("directionalLight", { position: [0, 400, 0], color: "#ffffff", intensity: 0.3 }),
+        /* @__PURE__ */ R("directionalLight", { position: [0, 0, 400], color: "#c4c4c4", intensity: 0.2 }),
+        /* @__PURE__ */ R("directionalLight", { position: [0, 0, -400], color: "#c4c4c4", intensity: 0.2 }),
+        /* @__PURE__ */ te("group", { scale: Gt, children: [
+          d && v ? /* @__PURE__ */ R(
+            Dt,
+            {
+              url: v,
+              suppressIds: U,
+              imageProxyUrl: W,
+              is3d: k
+            }
+          ) : null,
+          O.map((w) => {
+            const T = Ne(w), _ = w.transform;
+            return /* @__PURE__ */ R(
+              "group",
+              {
+                position: [
+                  _.translateX,
+                  _.translateY,
+                  T ? Zt : 0
+                ],
+                rotation: [0, 0, _.rotate * Math.PI / 180],
+                scale: _.scale || 1,
+                children: /* @__PURE__ */ R(
+                  _t,
+                  {
+                    level: w,
+                    theme: i,
+                    is3d: k,
+                    selectedRetailerId: N,
+                    interactiveOnly: T && !!v,
+                    onSelectShape: (q) => B == null ? void 0 : B(q, w.id)
+                  }
+                )
+              },
+              w.id
+            );
+          }),
+          I && /* @__PURE__ */ R(
+            Pt,
+            {
+              route: I,
+              activeLevelId: M,
+              color: i.ACCENT_COLOR
+            }
+          )
+        ] }),
+        /* @__PURE__ */ R(
+          gt,
           {
-            enableRotate: o,
+            ref: z,
+            makeDefault: !0,
+            enableDamping: !1,
+            enableRotate: k,
             enablePan: !0,
-            target: [h.cx, h.cy, 0],
+            screenSpacePanning: !0,
+            mouseButtons: E,
+            touches: y,
+            target: g,
             maxDistance: i.CAMERA_MAX_DISTANCE,
             minDistance: i.CAMERA_MIN_DISTANCE
           }
+        ),
+        /* @__PURE__ */ R(
+          $t,
+          {
+            bounds: V,
+            theme: i,
+            is3d: k,
+            controlsRef: z,
+            cameraRef: h
+          }
         )
       ]
     }
   );
 }
-function te({
+function Ue(l, i) {
+  var M, I;
+  return ((M = l.assignment) == null ? void 0 : M.customLabel) || i || l.label.text || ((I = l.assignment) == null ? void 0 : I.unitNumber) || l.key;
+}
+function en({
   doc: l,
   amenities: i,
-  searchOpen: a,
-  onSearchOpenChange: p,
-  activeLevelId: k,
-  onActiveLevelChange: y,
-  fromAnchorId: o,
-  toAnchorId: h,
-  onFromChange: A,
-  onToChange: s,
-  accessibleOnly: v,
-  onAccessibleOnlyChange: n,
-  route: _
+  onActiveLevelChange: M,
+  fromAnchorId: I,
+  toAnchorId: N,
+  onFromChange: h,
+  onToChange: B,
+  accessibleOnly: W,
+  onAccessibleOnlyChange: p,
+  route: k,
+  showSearch: z = !0,
+  showAmenities: O = !0
 }) {
-  const [b, x] = R(""), [P, D] = R(null), E = T(() => {
-    var f, d;
-    const e = [];
-    for (const N of l.levels)
-      for (const I of N.shapes) {
-        const M = N.anchors.find((w) => w.shapeId === I.id) ?? null;
-        if (I.kind === "unit" && ((f = I.assignment) != null && f.retailerId) && e.push({
-          id: `store-${I.id}`,
-          label: I.assignment.customLabel || I.label.text || I.key,
-          group: N.name,
-          anchorId: (M == null ? void 0 : M.id) ?? null,
-          levelId: N.id,
-          kind: "store"
-        }), I.kind === "amenity" && ((d = I.assignment) != null && d.amenityId)) {
-          const w = i.find((B) => B.id === I.assignment.amenityId);
-          e.push({
-            id: `amenity-${I.id}`,
-            label: (w == null ? void 0 : w.name) ?? I.key,
+  const [C, V] = ae(""), [P, g] = ae(null), u = re(() => {
+    var w;
+    const d = [];
+    for (const T of l.levels)
+      for (const _ of T.shapes) {
+        const q = T.anchors.find((Y) => Y.shapeId === _.id) ?? null;
+        if (_.kind === "unit" && d.push({
+          id: `store-${_.id}`,
+          label: Ue(_),
+          group: T.name,
+          anchorId: (q == null ? void 0 : q.id) ?? null,
+          levelId: T.id,
+          kind: "store",
+          amenityId: null
+        }), _.kind === "amenity" && ((w = _.assignment) != null && w.amenityId)) {
+          const Y = i.find((G) => G.id === _.assignment.amenityId);
+          d.push({
+            id: `amenity-${_.id}`,
+            label: Ue(_, Y == null ? void 0 : Y.name),
             group: "Amenities",
-            anchorId: (M == null ? void 0 : M.id) ?? null,
-            levelId: N.id,
-            kind: "amenity"
+            anchorId: (q == null ? void 0 : q.id) ?? null,
+            levelId: T.id,
+            kind: "amenity",
+            amenityId: (Y == null ? void 0 : Y.id) ?? _.assignment.amenityId
           });
         }
       }
-    return e;
-  }, [l, i]), G = T(() => {
-    const e = b.trim().toLowerCase();
-    return e ? E.filter((f) => f.label.toLowerCase().includes(e)) : E;
-  }, [E, b]), $ = T(() => {
-    const e = /* @__PURE__ */ new Map();
-    for (const f of G) {
-      const d = e.get(f.group) ?? [];
-      d.push(f), e.set(f.group, d);
-    }
-    return Array.from(e.entries());
-  }, [G]), L = E.filter((e) => e.anchorId != null);
-  return /* @__PURE__ */ g("div", { className: "eyeon-map-chrome", children: [
-    /* @__PURE__ */ g("div", { className: "eyeon-map-chrome__top", children: [
-      /* @__PURE__ */ t(
-        "button",
+    return d;
+  }, [l, i]), E = re(() => {
+    const d = C.trim().toLowerCase();
+    return d ? u.filter((w) => w.label.toLowerCase().includes(d)) : u;
+  }, [u, C]), y = re(() => {
+    const d = /* @__PURE__ */ new Map();
+    for (const w of E) {
+      const T = d.get(w.group) ?? [];
+      T.push(w), d.set(w.group, T);
+    }
+    return Array.from(d.entries());
+  }, [E]), m = u.filter((d) => d.anchorId != null), v = C.trim().length > 0, U = (d) => {
+    g(d), d.anchorId != null && (B(d.anchorId), M(d.levelId));
+  };
+  return !z && !(O && i.length > 0) ? null : /* @__PURE__ */ te("div", { className: "eyeon-map-chrome", children: [
+    /* @__PURE__ */ te("div", { className: "eyeon-map-chrome__top", children: [
+      z && /* @__PURE__ */ R(
+        "input",
         {
-          type: "button",
-          className: "eyeon-map-chrome__search-toggle",
-          onClick: () => p(!a),
-          "aria-expanded": a,
-          children: a ? "Close" : "Search"
+          type: "search",
+          className: "eyeon-map-chrome__search-input",
+          placeholder: "Search...",
+          "aria-label": "Search...",
+          value: C,
+          onChange: (d) => V(d.target.value)
         }
       ),
-      /* @__PURE__ */ t("div", { className: "eyeon-map-chrome__amenities", children: i.map((e) => /* @__PURE__ */ t(
+      O && i.length > 0 && /* @__PURE__ */ R("div", { className: "eyeon-map-chrome__amenities", children: i.map((d) => /* @__PURE__ */ R(
         "button",
         {
           type: "button",
           className: "eyeon-map-chrome__amenity",
-          title: e.name,
+          "aria-label": d.name,
           onClick: () => {
-            const f = E.find(
-              (d) => d.kind === "amenity" && d.label === e.name && d.anchorId != null
+            const w = u.find(
+              (T) => T.kind === "amenity" && T.amenityId === d.id && T.anchorId != null
             );
-            (f == null ? void 0 : f.anchorId) != null && (s(f.anchorId), y(f.levelId));
+            w && U(w);
           },
-          children: e.builtinIcon ? /* @__PURE__ */ t("span", { className: "eyeon-map-chrome__amenity-icon", children: e.builtinIcon }) : /* @__PURE__ */ t("span", { className: "eyeon-map-chrome__amenity-label", children: e.name.slice(0, 2) })
+          children: d.builtinIcon ? /* @__PURE__ */ R("span", { className: "eyeon-map-chrome__amenity-icon", children: d.builtinIcon }) : /* @__PURE__ */ R("span", { className: "eyeon-map-chrome__amenity-label", children: d.name.slice(0, 2) })
         },
-        e.id
+        d.id
       )) })
     ] }),
-    a && /* @__PURE__ */ g("div", { className: "eyeon-map-chrome__panel", children: [
-      /* @__PURE__ */ t(
-        "input",
-        {
-          className: "eyeon-map-chrome__search-input",
-          placeholder: "Search stores & amenities",
-          value: b,
-          onChange: (e) => x(e.target.value),
-          autoFocus: !0
-        }
-      ),
-      /* @__PURE__ */ t("div", { className: "eyeon-map-chrome__groups", children: $.map(([e, f]) => /* @__PURE__ */ g("div", { className: "eyeon-map-chrome__group", children: [
-        /* @__PURE__ */ t("div", { className: "eyeon-map-chrome__group-title", children: e }),
-        f.map((d) => /* @__PURE__ */ t(
+    z && v && /* @__PURE__ */ te("div", { className: "eyeon-map-chrome__panel", children: [
+      /* @__PURE__ */ R("div", { className: "eyeon-map-chrome__groups", children: y.length === 0 ? /* @__PURE__ */ R("div", { className: "eyeon-map-chrome__empty", children: "No matching stores" }) : y.map(([d, w]) => /* @__PURE__ */ te("div", { className: "eyeon-map-chrome__group", children: [
+        /* @__PURE__ */ R("div", { className: "eyeon-map-chrome__group-title", children: d }),
+        w.map((T) => /* @__PURE__ */ R(
           "button",
           {
             type: "button",
-            className: "eyeon-map-chrome__item",
-            onClick: () => {
-              D(d), d.anchorId != null && (s(d.anchorId), y(d.levelId));
-            },
-            children: d.label
+            className: (P == null ? void 0 : P.id) === T.id ? "eyeon-map-chrome__item is-selected" : "eyeon-map-chrome__item",
+            onClick: () => U(T),
+            children: T.label
           },
-          d.id
+          T.id
         ))
-      ] }, e)) }),
-      P && /* @__PURE__ */ g("div", { className: "eyeon-map-chrome__detail", children: [
-        /* @__PURE__ */ t("div", { className: "eyeon-map-chrome__detail-title", children: P.label }),
-        /* @__PURE__ */ t("div", { className: "eyeon-map-chrome__detail-meta", children: P.group })
+      ] }, d)) }),
+      P && /* @__PURE__ */ te("div", { className: "eyeon-map-chrome__detail", children: [
+        /* @__PURE__ */ R("div", { className: "eyeon-map-chrome__detail-title", children: P.label }),
+        /* @__PURE__ */ R("div", { className: "eyeon-map-chrome__detail-meta", children: P.group })
       ] }),
-      /* @__PURE__ */ g("div", { className: "eyeon-map-chrome__route", children: [
-        /* @__PURE__ */ g("label", { children: [
+      /* @__PURE__ */ te("div", { className: "eyeon-map-chrome__route", children: [
+        /* @__PURE__ */ te("label", { children: [
           "From",
-          /* @__PURE__ */ g(
-            "select",
+          /* @__PURE__ */ R(
+            Ge,
             {
-              value: o ?? "",
-              onChange: (e) => A(e.target.value ? Number(e.target.value) : null),
-              children: [
-                /* @__PURE__ */ t("option", { value: "", children: "Select start" }),
-                L.map((e) => /* @__PURE__ */ t("option", { value: e.anchorId, children: e.label }, e.id))
-              ]
+              ariaLabel: "From",
+              value: I != null ? String(I) : "",
+              placeholder: "Select start",
+              searchable: !0,
+              options: m.map((d) => ({
+                value: String(d.anchorId),
+                label: `${d.label} · ${d.group}`
+              })),
+              onChange: (d) => h(d ? Number(d) : null)
             }
           )
         ] }),
-        /* @__PURE__ */ g("label", { children: [
+        /* @__PURE__ */ te("label", { children: [
           "To",
-          /* @__PURE__ */ g(
-            "select",
+          /* @__PURE__ */ R(
+            Ge,
             {
-              value: h ?? "",
-              onChange: (e) => s(e.target.value ? Number(e.target.value) : null),
-              children: [
-                /* @__PURE__ */ t("option", { value: "", children: "Select destination" }),
-                L.map((e) => /* @__PURE__ */ t("option", { value: e.anchorId, children: e.label }, e.id))
-              ]
+              ariaLabel: "To",
+              value: N != null ? String(N) : "",
+              placeholder: "Select destination",
+              searchable: !0,
+              options: m.map((d) => ({
+                value: String(d.anchorId),
+                label: `${d.label} · ${d.group}`
+              })),
+              onChange: (d) => B(d ? Number(d) : null)
             }
           )
         ] }),
-        /* @__PURE__ */ g("label", { className: "eyeon-map-chrome__accessible", children: [
-          /* @__PURE__ */ t(
+        /* @__PURE__ */ te("label", { className: "eyeon-map-chrome__accessible", children: [
+          /* @__PURE__ */ R(
             "input",
             {
               type: "checkbox",
-              checked: v,
-              onChange: (e) => n(e.target.checked)
+              checked: W,
+              onChange: (d) => p(d.target.checked)
             }
           ),
           "Accessible route"
         ] }),
-        _ && /* @__PURE__ */ t("div", { className: "eyeon-map-chrome__route-meta", children: _.levelChanges.length > 0 ? `${_.levelChanges.length} level change(s)` : "Same level" })
+        k && /* @__PURE__ */ R("div", { className: "eyeon-map-chrome__route-meta", children: k.levelChanges.length > 0 ? `${k.levelChanges.length} level change(s)` : "Same level" })
       ] })
-    ] }),
-    /* @__PURE__ */ t("div", { className: "eyeon-map-chrome__floors", children: l.levels.filter((e) => e.kind === "floor").map((e) => /* @__PURE__ */ t(
-      "button",
-      {
-        type: "button",
-        className: e.id === k ? "eyeon-map-chrome__floor is-active" : "eyeon-map-chrome__floor",
-        onClick: () => y(e.id),
-        children: e.name
-      },
-      e.id
-    )) })
+    ] })
   ] });
 }
-async function ie(l) {
-  const i = l.replace(/\/$/, ""), a = await fetch(`${i}/v1/map/document`, { credentials: "include" });
-  if (!a.ok)
-    throw new Error(`Failed to load map document (${a.status})`);
-  return a.json();
+async function tn(l, i, M) {
+  const I = l.replace(/\/$/, ""), N = new URLSearchParams();
+  i != null && i > 0 && N.set("center_id", String(i)), M && N.set("draft", "1");
+  const h = N.toString(), B = await fetch(`${I}/v1/map/document${h ? `?${h}` : ""}`, {
+    credentials: "include"
+  });
+  if (!B.ok)
+    throw new Error(`Failed to load map document (${B.status})`);
+  return B.json();
 }
-function ce(l) {
+function un(l) {
   const {
     document: i,
-    webApiURI: a,
-    role: p = "WP_SITE",
-    kioskId: k = null,
-    selectedRetailerId: y = null,
-    themeOverrides: o,
-    onExtractedAmenities: h,
-    createRouteRef: A,
-    className: s,
-    style: v
-  } = l, [n, _] = R(i ?? null), [b, x] = R(null), [P, D] = R(null), [E, G] = R(null), [$, L] = R(null), [e, f] = R(!1), [d, N] = R(null), [I, M] = R(!1);
-  z(() => {
+    webApiURI: M,
+    centerId: I,
+    host: N = "WEBSITE",
+    kioskId: h = null,
+    selectedRetailerId: B = null,
+    themeOverrides: W,
+    onExtractedAmenities: p,
+    createRouteRef: k,
+    className: z,
+    style: O,
+    activeLevelId: C,
+    onActiveLevelChange: V,
+    routeOnSelect: P = !0,
+    imageProxyUrl: g
+  } = l, [u, E] = ae(i ?? null), y = re(
+    () => u ? Be(u) : null,
+    [u]
+  ), [m, v] = ae(null), [U, d] = ae(null), [w, T] = ae(null), [_, q] = ae(null), [Y, G] = ae(!1), [K, Z] = ae(() => i ? De(Be(i).levels) : null), oe = he(null), J = he(null), X = C ?? K, x = (r) => {
+    Z(r), r != null && (V == null || V(r));
+  };
+  le(() => {
     if (i) {
-      _(i);
+      E(i);
       return;
     }
-    if (!a) return;
+    if (!M) return;
     let r = !1;
-    return ie(a).then((c) => {
-      r || _(c);
-    }).catch((c) => {
-      r || x(c instanceof Error ? c.message : String(c));
+    const o = Te(N).fetchDraft;
+    return tn(M, I, o).then((t) => {
+      r || E(t);
+    }).catch((t) => {
+      r || v(t instanceof Error ? t.message : String(t));
     }), () => {
       r = !0;
     };
-  }, [i, a]), z(() => {
-    var c;
-    if (!n) return;
-    d == null && n.levels.length > 0 && N(n.levels[0].id);
-    const r = /* @__PURE__ */ new Set();
-    for (const u of n.levels)
-      for (const m of u.shapes)
-        if (m.kind === "amenity" && ((c = m.assignment) == null ? void 0 : c.amenityId) != null) {
-          const C = n.amenities.find((O) => O.id === m.assignment.amenityId);
-          C && r.add(C.code);
+  }, [i, M, I, N]), le(() => {
+    var t;
+    if (!y) return;
+    const r = new Set(y.levels.map((e) => e.id));
+    (X == null || !r.has(X)) && x(De(y.levels));
+    const o = /* @__PURE__ */ new Set();
+    for (const e of y.levels)
+      for (const c of e.shapes)
+        if (c.kind === "amenity" && ((t = c.assignment) == null ? void 0 : t.amenityId) != null) {
+          const b = y.amenities.find((a) => a.id === c.assignment.amenityId);
+          b && o.add(b.code);
         }
-    h == null || h(Array.from(r));
-  }, [n, d, h]), z(() => {
+    p == null || p(Array.from(o));
+  }, [y, X, p]), le(() => {
     var r;
-    if (!(!n || p !== "DISPLAY_APP" || k == null)) {
-      for (const c of n.levels)
-        for (const u of c.shapes)
-          if (u.kind === "kiosk_screen" && ((r = u.assignment) == null ? void 0 : r.kioskId) === k) {
-            const m = c.anchors.find((C) => C.shapeId === u.id);
-            m && G(m.id);
+    if (!(!y || B == null)) {
+      for (const o of y.levels)
+        for (const t of o.shapes)
+          if (((r = t.assignment) == null ? void 0 : r.retailerId) === B) {
+            x(o.id);
+            return;
           }
     }
-  }, [n, p, k]);
-  const w = T(() => n ? X(
-    n.graph.nodes.map((r) => ({
+  }, [y, B]), le(() => {
+    var r;
+    if (!(!y || !Te(N).kioskOrigin || h == null)) {
+      for (const o of y.levels)
+        for (const t of o.shapes)
+          if (t.kind === "kiosk_screen" && ((r = t.assignment) == null ? void 0 : r.kioskId) === h) {
+            const e = o.anchors.find((c) => c.shapeId === t.id);
+            e && T(e.id);
+          }
+    }
+  }, [y, N, h]);
+  const ne = re(() => y ? ut(
+    y.graph.nodes.map((r) => ({
       id: r.id,
       levelId: r.levelId,
       shapeId: r.shapeId,
@@ -405,9 +2010,9 @@ function ce(l) {
       y: r.y,
       connectorId: r.connectorId
     })),
-    n.graph.edges.map((r) => ({
+    y.graph.edges.map((r) => ({
       id: r.id,
-      mapId: n.mapId,
+      mapId: y.mapId,
       fromAnchorId: r.from,
       toAnchorId: r.to,
       weight: r.weight,
@@ -415,106 +2020,129 @@ function ce(l) {
       accessible: r.accessible,
       kind: r.kind
     })),
-    n.connectors
-  ) : null, [n]), B = (r, c) => {
-    if (!w || r == null || c == null) {
-      D(null);
+    y.connectors
+  ) : null, [y]), ee = (r, o) => {
+    if (!ne || r == null || o == null) {
+      d(null);
       return;
     }
-    const u = W(w, r, c, { accessibleOnly: e });
-    D(u);
+    const t = mt(ne, r, o, { accessibleOnly: Y });
+    d(t);
   };
-  z(() => {
-    B(E, $);
-  }, [E, $, e, w]), z(() => {
-    !A || !n || (A.current = {
+  le(() => {
+    ee(w, _);
+  }, [w, _, Y, ne]), le(() => {
+    !k || !y || (k.current = {
       createRouteToStore(r) {
-        var c;
-        for (const u of n.levels)
-          for (const m of u.shapes)
-            if (((c = m.assignment) == null ? void 0 : c.retailerId) === r) {
-              const C = u.anchors.find((O) => O.shapeId === m.id);
-              C && (L(C.id), N(u.id));
+        var o;
+        for (const t of y.levels)
+          for (const e of t.shapes)
+            if (((o = e.assignment) == null ? void 0 : o.retailerId) === r) {
+              const c = t.anchors.find((b) => b.shapeId === e.id);
+              c && (q(c.id), x(t.id));
             }
       },
       createRouteToAmenity(r) {
-        var u;
-        const c = n.amenities.find((m) => m.code === r);
-        if (c) {
-          for (const m of n.levels)
-            for (const C of m.shapes)
-              if (((u = C.assignment) == null ? void 0 : u.amenityId) === c.id) {
-                const O = m.anchors.find((H) => H.shapeId === C.id);
-                if (O) {
-                  L(O.id), N(m.id);
+        var t;
+        const o = y.amenities.find((e) => e.code === r);
+        if (o) {
+          for (const e of y.levels)
+            for (const c of e.shapes)
+              if (((t = c.assignment) == null ? void 0 : t.amenityId) === o.id) {
+                const b = e.anchors.find((a) => a.shapeId === c.id);
+                if (b) {
+                  q(b.id), x(e.id);
                   return;
                 }
               }
         }
       },
       clearRoute() {
-        L(null), D(null);
+        q(null), d(null);
       }
     });
-  }, [A, n]);
-  const F = {
-    ...K,
-    ...(n == null ? void 0 : n.theme) ?? {},
-    ...o ?? {}
-  };
-  if (b)
-    return /* @__PURE__ */ t("div", { className: `eyeon-map-viewer eyeon-map-viewer--error ${s ?? ""}`, style: v, children: /* @__PURE__ */ t("div", { className: "eyeon-map-viewer__error", children: b }) });
-  if (!n)
-    return /* @__PURE__ */ t("div", { className: `eyeon-map-viewer eyeon-map-viewer--loading ${s ?? ""}`, style: v, children: /* @__PURE__ */ t("div", { className: "eyeon-map-viewer__loading", children: "Loading map…" }) });
-  const Y = n.amenities.filter(
-    (r) => n.levels.some(
-      (c) => c.shapes.some((u) => {
-        var m;
-        return ((m = u.assignment) == null ? void 0 : m.amenityId) === r.id;
+  }, [k, y]);
+  const ie = ft(y == null ? void 0 : y.theme, W);
+  if (m)
+    return /* @__PURE__ */ R("div", { className: `eyeon-map-viewer eyeon-map-viewer--error ${z ?? ""}`, style: O, children: /* @__PURE__ */ R("div", { className: "eyeon-map-viewer__error", children: m }) });
+  if (!y)
+    return /* @__PURE__ */ R("div", { className: `eyeon-map-viewer eyeon-map-viewer--loading ${z ?? ""}`, style: O, children: /* @__PURE__ */ R("div", { className: "eyeon-map-viewer__loading", children: "Loading map…" }) });
+  const de = y.amenities.filter(
+    (r) => y.levels.some(
+      (o) => o.shapes.some((t) => {
+        var e;
+        return ((e = t.assignment) == null ? void 0 : e.amenityId) === r.id;
       })
     )
-  );
-  return /* @__PURE__ */ g(
+  ), fe = Te(N);
+  return /* @__PURE__ */ te(
     "div",
     {
-      className: `eyeon-map-viewer eyeon-map-viewer--${p} ${s ?? ""}`,
+      className: `eyeon-map-viewer eyeon-map-viewer--${N} ${z ?? ""}`,
       style: {
-        ...v,
-        "--map-accent": F.ACCENT_COLOR,
-        "--map-bg": F.MAP_BACKGROUND_COLOR
+        ...O,
+        "--map-accent": ie.ACCENT_COLOR,
+        "--map-bg": ie.MAP_BACKGROUND_COLOR
       },
       children: [
-        p !== "DISPLAY_APP" && /* @__PURE__ */ t(
-          te,
+        (fe.search || fe.amenities) && /* @__PURE__ */ R(
+          en,
+          {
+            doc: y,
+            amenities: de,
+            activeLevelId: X,
+            onActiveLevelChange: x,
+            fromAnchorId: w,
+            toAnchorId: _,
+            onFromChange: T,
+            onToChange: q,
+            accessibleOnly: Y,
+            onAccessibleOnlyChange: G,
+            route: U,
+            showSearch: fe.search,
+            showAmenities: fe.amenities
+          }
+        ),
+        /* @__PURE__ */ R(
+          Tt,
           {
-            doc: n,
-            amenities: Y,
-            searchOpen: I,
-            onSearchOpenChange: M,
-            activeLevelId: d,
-            onActiveLevelChange: N,
-            fromAnchorId: E,
-            toAnchorId: $,
-            onFromChange: G,
-            onToChange: L,
-            accessibleOnly: e,
-            onAccessibleOnlyChange: f,
-            route: P
+            levels: y.levels,
+            activeLevelId: X,
+            onActiveLevelChange: x,
+            onZoomIn: () => {
+              var r;
+              return (r = oe.current) == null ? void 0 : r.zoomIn();
+            },
+            onZoomOut: () => {
+              var r;
+              return (r = oe.current) == null ? void 0 : r.zoomOut();
+            },
+            onReset: () => {
+              var r;
+              return (r = oe.current) == null ? void 0 : r.reset();
+            },
+            showFloors: fe.floors,
+            showZoomReset: fe.zoomReset
           }
         ),
-        /* @__PURE__ */ t("div", { className: "eyeon-map-viewer__canvas", children: /* @__PURE__ */ t(U, { fallback: null, children: /* @__PURE__ */ t(
-          ne,
+        /* @__PURE__ */ R("div", { ref: J, className: "eyeon-map-viewer__canvas", children: /* @__PURE__ */ R(Ze, { fallback: null, children: /* @__PURE__ */ R(
+          Jt,
           {
-            doc: n,
-            theme: F,
-            activeLevelId: d,
-            route: P,
-            selectedRetailerId: y,
-            onSelectShape: (r, c) => {
-              var C;
-              N(c);
-              const u = n.levels.find((O) => O.id === c), m = u == null ? void 0 : u.anchors.find((O) => O.shapeId === r);
-              m && L(m.id), (C = l.onSelectShape) == null || C.call(l, r);
+            doc: y,
+            theme: ie,
+            activeLevelId: X,
+            route: U,
+            selectedRetailerId: B,
+            cameraRef: oe,
+            eventSource: J,
+            imageProxyUrl: g,
+            onSelectShape: (r, o) => {
+              var t;
+              if (x(o), P) {
+                const e = y.levels.find((b) => b.id === o), c = e == null ? void 0 : e.anchors.find((b) => b.shapeId === r);
+                c && q(c.id);
+              }
+              (t = l.onSelectShape) == null || t.call(l, r);
             }
           }
         ) }) })
@@ -523,8 +2151,10 @@ function ce(l) {
   );
 }
 export {
-  ne as M,
-  te as R,
-  ce as a
+  Tt as M,
+  en as R,
+  Jt as a,
+  un as b,
+  Ge as c
 };
 //# sourceMappingURL=MapViewer.js.map