@eyeon/map 2.0.1 → 2.0.2

package/dist/chunks/MapViewer.js

@@ -1,402 +1,1767 @@
-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;
-  switch (l) {
+import { jsx as _, jsxs as ne, Fragment as We } from "react/jsx-runtime";
+import { useMemo as ie, useState as ue, useEffect as me, useRef as Ae, useCallback as _e, useImperativeHandle as qe, Suspense as Xe } from "react";
+import { f as Ye, N as $e, Q as Oe, V as ve, a7 as Ze, ae as Qe, r as Ke, U as Me, H as Je, a8 as et, a0 as Ge, z as De, v as Te, y as tt, X as nt, E as ot } from "./stacking.js";
+import { useThree as rt, Canvas as st } from "@react-three/fiber";
+import { OrthographicCamera as it, OrbitControls as at } from "@react-three/drei";
+import * as fe from "three";
+import { Loader as ct, FileLoader as lt, Matrix3 as ye, Vector2 as Q, Vector3 as ke, Box2 as ut, ShapeUtils as ft, Shape as ht, Path as Ne, BufferGeometry as mt, Float32BufferAttribute as Ee, SRGBColorSpace as dt, ShapePath as pe } from "three";
+function pt(u, a, A) {
+  if (A) return A;
+  switch (u) {
     case "unit":
-      return i.STORE_DEFAULT_COLOR;
+      return a.STORE_DEFAULT_COLOR;
     case "walkable":
-      return i.WALKABLE_COLOR;
+      return a.WALKABLE_COLOR;
     case "wall":
     case "boundary":
-      return i.WALL_COLOR;
+      return a.WALL_COLOR;
     case "parking_zone":
-      return i.PARKING_ZONE_COLOR;
+      return a.PARKING_ZONE_COLOR;
     case "green_area":
-      return i.GREEN_AREA_COLOR;
+      return a.GREEN_AREA_COLOR;
     case "water":
-      return i.WATER_COLOR;
+      return a.WATER_COLOR;
     case "floorplate":
-      return i.BASE_COLOR;
+      return a.BASE_COLOR;
     case "void":
       return "#00000000";
     default:
       return "#e2e8f0";
   }
 }
-function Z(l) {
-  if (l.length < 3) return null;
-  const i = new S.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);
-  return i.closePath(), i;
+function yt(u) {
+  if (u.length < 3) return null;
+  const a = new fe.Shape();
+  a.moveTo(u[0].x, u[0].y);
+  for (let A = 1; A < u.length; A++)
+    a.lineTo(u[A].x, u[A].y);
+  return a.closePath(), a;
 }
-function J({
-  level: l,
-  theme: i,
-  is3d: a,
-  selectedRetailerId: p,
-  onSelectShape: k
+function gt({
+  level: u,
+  theme: a,
+  is3d: A,
+  selectedRetailerId: M,
+  onSelectShape: I,
+  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(
+  const v = ie(() => u.shapes.filter((x) => x.kind !== "void").filter((x) => !h || Ye.includes(x.kind)).filter((x) => !x.orphanedAt).map((x) => {
+    var W;
+    const T = x.geometry.polygons.map(yt).filter((N) => N != null);
+    if (T.length === 0) return null;
+    const H = M != null && ((W = x.assignment) == null ? void 0 : W.retailerId) === M, G = H ? a.ACCENT_COLOR : pt(x.kind, a, x.style.fill), E = A && (x.kind === "unit" || x.kind === "wall") ? x.style.extrudeHeight ?? (x.kind === "unit" ? a.STORE_HEIGHT : 2) : 0;
+    return { shape: x, threeShapes: T, color: G, extrude: E, selected: H };
+  }).filter(Boolean), [u, a, A, M, h]);
+  return /* @__PURE__ */ _("group", { children: v.map(({ shape: x, threeShapes: q, color: T, extrude: H, selected: G }) => /* @__PURE__ */ _("group", { children: q.map((E, W) => /* @__PURE__ */ ne(
     "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));
+      position: [0, 0, x.zIndex * 0.01],
+      onClick: (N) => {
+        N.stopPropagation(), (x.kind === "unit" || x.kind === "amenity" || x.kind === "kiosk_screen" || x.kind === "entrance" || x.kind === "parking_zone") && (I == null || I(x.id));
       },
       children: [
-        s > 0 ? /* @__PURE__ */ t(
+        H > 0 ? /* @__PURE__ */ _(
           "extrudeGeometry",
           {
             args: [
-              n,
-              { depth: s, bevelEnabled: !1 }
+              E,
+              { depth: H, bevelEnabled: !1 }
             ]
           }
-        ) : /* @__PURE__ */ t("shapeGeometry", { args: [n] }),
-        /* @__PURE__ */ t(
+        ) : /* @__PURE__ */ _("shapeGeometry", { args: [E] }),
+        /* @__PURE__ */ _(
           "meshBasicMaterial",
           {
-            color: A,
-            transparent: o.style.transparent || o.kind === "amenity",
-            opacity: o.style.opacity ?? (o.kind === "amenity" ? 0.01 : 1),
-            side: S.DoubleSide
+            color: T,
+            transparent: x.style.transparent || x.kind === "amenity",
+            opacity: x.style.opacity ?? (x.kind === "amenity" ? 0.01 : 1),
+            side: fe.DoubleSide
           }
         ),
-        v && /* @__PURE__ */ g("lineSegments", { children: [
-          /* @__PURE__ */ t(
+        G && /* @__PURE__ */ ne("lineSegments", { children: [
+          /* @__PURE__ */ _(
             "edgesGeometry",
             {
               args: [
-                s > 0 ? new S.ExtrudeGeometry(n, {
-                  depth: s,
+                H > 0 ? new fe.ExtrudeGeometry(E, {
+                  depth: H,
                   bevelEnabled: !1
-                }) : new S.ShapeGeometry(n)
+                }) : new fe.ShapeGeometry(E)
               ]
             }
           ),
-          /* @__PURE__ */ t("lineBasicMaterial", { color: i.ACCENT_COLOR })
+          /* @__PURE__ */ _("lineBasicMaterial", { color: a.ACCENT_COLOR })
         ] })
       ]
     },
-    `${o.id}-${_}`
-  )) }, o.id)) });
+    `${x.id}-${W}`
+  )) }, x.id)) });
 }
-function ee({
-  route: l,
-  activeLevelId: i,
-  color: a
+function bt({
+  route: u,
+  activeLevelId: a,
+  color: A
 }) {
-  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 M = ie(() => u.points.filter((h) => a == null || h.levelId === a).map((h) => new fe.Vector3(h.x, h.y, 2)), [u, a]);
+  if (M.length < 2) return null;
+  const I = new fe.CatmullRomCurve3(M);
+  return /* @__PURE__ */ ne("mesh", { children: [
+    /* @__PURE__ */ _("tubeGeometry", { args: [I, Math.max(M.length * 4, 8), 1.5, 8, !1] }),
+    /* @__PURE__ */ _("meshBasicMaterial", { color: A })
   ] });
 }
-function ne({
-  doc: l,
-  theme: i,
-  activeLevelId: a,
-  route: p,
-  selectedRetailerId: k,
-  onSelectShape: y
+const xt = dt;
+class Ie extends ct {
+  /**
+   * Constructs a new SVG loader.
+   *
+   * @param {LoadingManager} [manager] - The loading manager.
+   */
+  constructor(a) {
+    super(a), 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(a, A, M, I) {
+    const h = this, v = new lt(h.manager);
+    v.setPath(h.path), v.setRequestHeader(h.requestHeader), v.setWithCredentials(h.withCredentials), v.load(a, function(x) {
+      try {
+        A(h.parse(x));
+      } catch (q) {
+        I ? I(q) : console.error(q), h.manager.itemError(a);
+      }
+    }, M, I);
+  }
+  /**
+   * 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(a) {
+    const A = this;
+    function M(r, o) {
+      if (r.nodeType !== 1) return;
+      const t = S(r);
+      let e = !1, c = null;
+      switch (r.nodeName) {
+        case "svg":
+          o = N(r, o);
+          break;
+        case "style":
+          h(r);
+          break;
+        case "g":
+          o = N(r, o);
+          break;
+        case "path":
+          o = N(r, o), r.hasAttribute("d") && (c = I(r));
+          break;
+        case "rect":
+          o = N(r, o), c = q(r);
+          break;
+        case "polygon":
+          o = N(r, o), c = T(r);
+          break;
+        case "polyline":
+          o = N(r, o), c = H(r);
+          break;
+        case "circle":
+          o = N(r, o), c = G(r);
+          break;
+        case "ellipse":
+          o = N(r, o), c = E(r);
+          break;
+        case "line":
+          o = N(r, o), c = W(r);
+          break;
+        case "defs":
+          e = !0;
+          break;
+        case "use":
+          o = N(r, o);
+          const w = (r.getAttributeNS("http://www.w3.org/1999/xlink", "href") || "").substring(1), C = r.viewportElement.getElementById(w);
+          C ? M(C, o) : console.warn("SVGLoader: 'use node' references non-existent node id: " + w);
+          break;
+      }
+      c && (o.fill !== void 0 && o.fill !== "none" && c.color.setStyle(o.fill, xt), m(c, se), V.push(c), c.userData = { node: r, style: o });
+      const y = r.childNodes;
+      for (let i = 0; i < y.length; i++) {
+        const w = y[i];
+        e && w.nodeName !== "style" && w.nodeName !== "defs" || M(w, o);
+      }
+      t && ($.pop(), $.length > 0 ? se.copy($[$.length - 1]) : se.identity());
+    }
+    function I(r) {
+      const o = new pe(), t = new Q(), e = new Q(), c = new Q();
+      let y = !0, i = !1;
+      const w = r.getAttribute("d");
+      if (w === "" || w === "none") return null;
+      const C = w.match(/[a-df-z][^a-df-z]*/ig);
+      for (let O = 0, l = C.length; O < l; O++) {
+        const b = C[O], L = b.charAt(0), D = b.slice(1).trim();
+        y === !0 && (i = !0, y = !1);
+        let s;
+        switch (L) {
+          case "M":
+            s = f(D);
+            for (let n = 0, B = s.length; n < B; 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 = f(D);
+            for (let n = 0, B = s.length; n < B; n++)
+              t.x = s[n], e.x = t.x, e.y = t.y, o.lineTo(t.x, t.y), n === 0 && i === !0 && c.copy(t);
+            break;
+          case "V":
+            s = f(D);
+            for (let n = 0, B = s.length; n < B; n++)
+              t.y = s[n], e.x = t.x, e.y = t.y, o.lineTo(t.x, t.y), n === 0 && i === !0 && c.copy(t);
+            break;
+          case "L":
+            s = f(D);
+            for (let n = 0, B = s.length; n < B; 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 && i === !0 && c.copy(t);
+            break;
+          case "C":
+            s = f(D);
+            for (let n = 0, B = s.length; n < B; 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 && i === !0 && c.copy(t);
+            break;
+          case "S":
+            s = f(D);
+            for (let n = 0, B = s.length; n < B; n += 4)
+              o.bezierCurveTo(
+                k(t.x, e.x),
+                k(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 && i === !0 && c.copy(t);
+            break;
+          case "Q":
+            s = f(D);
+            for (let n = 0, B = s.length; n < B; 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 && i === !0 && c.copy(t);
+            break;
+          case "T":
+            s = f(D);
+            for (let n = 0, B = s.length; n < B; n += 2) {
+              const Y = k(t.x, e.x), ae = k(t.y, e.y);
+              o.quadraticCurveTo(
+                Y,
+                ae,
+                s[n + 0],
+                s[n + 1]
+              ), e.x = Y, e.y = ae, t.x = s[n + 0], t.y = s[n + 1], n === 0 && i === !0 && c.copy(t);
+            }
+            break;
+          case "A":
+            s = f(D, [3, 4], 7);
+            for (let n = 0, B = s.length; n < B; n += 7) {
+              if (s[n + 5] == t.x && s[n + 6] == t.y) continue;
+              const Y = t.clone();
+              t.x = s[n + 5], t.y = s[n + 6], e.x = t.x, e.y = t.y, v(
+                o,
+                s[n],
+                s[n + 1],
+                s[n + 2],
+                s[n + 3],
+                s[n + 4],
+                Y,
+                t
+              ), n === 0 && i === !0 && c.copy(t);
+            }
+            break;
+          case "m":
+            s = f(D);
+            for (let n = 0, B = s.length; n < B; 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 = f(D);
+            for (let n = 0, B = s.length; n < B; n++)
+              t.x += s[n], e.x = t.x, e.y = t.y, o.lineTo(t.x, t.y), n === 0 && i === !0 && c.copy(t);
+            break;
+          case "v":
+            s = f(D);
+            for (let n = 0, B = s.length; n < B; n++)
+              t.y += s[n], e.x = t.x, e.y = t.y, o.lineTo(t.x, t.y), n === 0 && i === !0 && c.copy(t);
+            break;
+          case "l":
+            s = f(D);
+            for (let n = 0, B = s.length; n < B; 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 && i === !0 && c.copy(t);
+            break;
+          case "c":
+            s = f(D);
+            for (let n = 0, B = s.length; n < B; 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 && i === !0 && c.copy(t);
+            break;
+          case "s":
+            s = f(D);
+            for (let n = 0, B = s.length; n < B; n += 4)
+              o.bezierCurveTo(
+                k(t.x, e.x),
+                k(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 && i === !0 && c.copy(t);
+            break;
+          case "q":
+            s = f(D);
+            for (let n = 0, B = s.length; n < B; 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 && i === !0 && c.copy(t);
+            break;
+          case "t":
+            s = f(D);
+            for (let n = 0, B = s.length; n < B; n += 2) {
+              const Y = k(t.x, e.x), ae = k(t.y, e.y);
+              o.quadraticCurveTo(
+                Y,
+                ae,
+                t.x + s[n + 0],
+                t.y + s[n + 1]
+              ), e.x = Y, e.y = ae, t.x = t.x + s[n + 0], t.y = t.y + s[n + 1], n === 0 && i === !0 && c.copy(t);
+            }
+            break;
+          case "a":
+            s = f(D, [3, 4], 7);
+            for (let n = 0, B = s.length; n < B; n += 7) {
+              if (s[n + 5] == 0 && s[n + 6] == 0) continue;
+              const Y = t.clone();
+              t.x += s[n + 5], t.y += s[n + 6], e.x = t.x, e.y = t.y, v(
+                o,
+                s[n],
+                s[n + 1],
+                s[n + 2],
+                s[n + 3],
+                s[n + 4],
+                Y,
+                t
+              ), n === 0 && i === !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), y = !0);
+            break;
+          default:
+            console.warn(b);
+        }
+        i = !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 y = Object.fromEntries(
+              Object.entries(t.style).filter(([, i]) => i !== "")
+            );
+            K[e[c]] = Object.assign(
+              K[e[c]] || {},
+              y
+            );
+          }
+        }
+    }
+    function v(r, o, t, e, c, y, i, w) {
+      if (o == 0 || t == 0) {
+        r.lineTo(w.x, w.y);
+        return;
+      }
+      e = e * Math.PI / 180, o = Math.abs(o), t = Math.abs(t);
+      const C = (i.x - w.x) / 2, O = (i.y - w.y) / 2, l = Math.cos(e) * C + Math.sin(e) * O, b = -Math.sin(e) * C + Math.cos(e) * O;
+      let L = o * o, D = t * t;
+      const s = l * l, n = b * b, B = s / L + n / D;
+      if (B > 1) {
+        const xe = Math.sqrt(B);
+        o = xe * o, t = xe * t, L = o * o, D = t * t;
+      }
+      const Y = L * n + D * s, ae = (L * D - Y) / Y;
+      let le = Math.sqrt(Math.max(0, ae));
+      c === y && (le = -le);
+      const re = le * o * b / t, de = -le * t * l / o, ge = Math.cos(e) * re - Math.sin(e) * de + (i.x + w.x) / 2, Pe = Math.sin(e) * re + Math.cos(e) * de + (i.y + w.y) / 2, be = x(1, 0, (l - re) / o, (b - de) / t), we = x((l - re) / o, (b - de) / t, (-l - re) / o, (-b - de) / t) % (Math.PI * 2);
+      r.currentPath.absellipse(ge, Pe, o, t, be, be + we, y === 0, e);
+    }
+    function x(r, o, t, e) {
+      const c = r * t + o * e, y = Math.sqrt(r * r + o * o) * Math.sqrt(t * t + e * e);
+      let i = Math.acos(Math.max(-1, Math.min(1, c / y)));
+      return r * e - o * t < 0 && (i = -i), i;
+    }
+    function q(r) {
+      const o = p(r.getAttribute("x") || 0), t = p(r.getAttribute("y") || 0), e = p(r.getAttribute("rx") || r.getAttribute("ry") || 0), c = p(r.getAttribute("ry") || r.getAttribute("rx") || 0), y = p(r.getAttribute("width")), i = p(r.getAttribute("height")), w = 1 - 0.551915024494, C = new pe();
+      return C.moveTo(o + e, t), C.lineTo(o + y - e, t), (e !== 0 || c !== 0) && C.bezierCurveTo(
+        o + y - e * w,
+        t,
+        o + y,
+        t + c * w,
+        o + y,
+        t + c
+      ), C.lineTo(o + y, t + i - c), (e !== 0 || c !== 0) && C.bezierCurveTo(
+        o + y,
+        t + i - c * w,
+        o + y - e * w,
+        t + i,
+        o + y - e,
+        t + i
+      ), C.lineTo(o + e, t + i), (e !== 0 || c !== 0) && C.bezierCurveTo(
+        o + e * w,
+        t + i,
+        o,
+        t + i - c * w,
+        o,
+        t + i - c
+      ), C.lineTo(o, t + c), (e !== 0 || c !== 0) && C.bezierCurveTo(o, t + c * w, o + e * w, t, o + e, t), C;
+    }
+    function T(r) {
+      function o(y, i, w) {
+        const C = p(i), O = p(w);
+        c === 0 ? e.moveTo(C, O) : e.lineTo(C, O), c++;
+      }
+      const t = /([+-]?\d*\.?\d+(?:e[+-]?\d+)?)(?:,|\s)([+-]?\d*\.?\d+(?:e[+-]?\d+)?)/g, e = new pe();
+      let c = 0;
+      return r.getAttribute("points").replace(t, o), e.currentPath.autoClose = !0, e;
+    }
+    function H(r) {
+      function o(y, i, w) {
+        const C = p(i), O = p(w);
+        c === 0 ? e.moveTo(C, O) : e.lineTo(C, O), c++;
+      }
+      const t = /([+-]?\d*\.?\d+(?:e[+-]?\d+)?)(?:,|\s)([+-]?\d*\.?\d+(?:e[+-]?\d+)?)/g, e = new pe();
+      let c = 0;
+      return r.getAttribute("points").replace(t, o), e.currentPath.autoClose = !1, e;
+    }
+    function G(r) {
+      const o = p(r.getAttribute("cx") || 0), t = p(r.getAttribute("cy") || 0), e = p(r.getAttribute("r") || 0), c = new Ne();
+      c.absarc(o, t, e, 0, Math.PI * 2);
+      const y = new pe();
+      return y.subPaths.push(c), y;
+    }
+    function E(r) {
+      const o = p(r.getAttribute("cx") || 0), t = p(r.getAttribute("cy") || 0), e = p(r.getAttribute("rx") || 0), c = p(r.getAttribute("ry") || 0), y = new Ne();
+      y.absellipse(o, t, e, c, 0, Math.PI * 2);
+      const i = new pe();
+      return i.subPaths.push(y), i;
+    }
+    function W(r) {
+      const o = p(r.getAttribute("x1") || 0), t = p(r.getAttribute("y1") || 0), e = p(r.getAttribute("x2") || 0), c = p(r.getAttribute("y2") || 0), y = new pe();
+      return y.moveTo(o, t), y.lineTo(e, c), y.currentPath.autoClose = !1, y;
+    }
+    function N(r, o) {
+      o = Object.assign({}, o);
+      let t = {};
+      if (r.hasAttribute("class")) {
+        const i = r.getAttribute("class").split(/\s/).filter(Boolean).map((w) => w.trim());
+        for (let w = 0; w < i.length; w++)
+          t = Object.assign(t, K["." + i[w]]);
+      }
+      r.hasAttribute("id") && (t = Object.assign(t, K["#" + r.getAttribute("id")]));
+      function e(i, w, C) {
+        C === void 0 && (C = function(l) {
+          return l.startsWith("url") && console.warn("SVGLoader: url access in attributes is not implemented."), l;
+        }), r.hasAttribute(i) && (o[w] = C(r.getAttribute(i))), t[i] && (o[w] = C(t[i])), r.style && r.style[i] !== "" && (o[w] = C(r.style[i]));
+      }
+      function c(i) {
+        return Math.max(0, Math.min(1, p(i)));
+      }
+      function y(i) {
+        return Math.max(0, p(i));
+      }
+      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", y), e("stroke-linejoin", "strokeLineJoin"), e("stroke-linecap", "strokeLineCap"), e("stroke-miterlimit", "strokeMiterLimit", y), e("visibility", "visibility"), o;
+    }
+    function k(r, o) {
+      return r - (o - r);
+    }
+    function f(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, y = 1, i = 2, w = 3;
+      let C = c, O = !0, l = "", b = "";
+      const L = [];
+      function D(Y, ae, le) {
+        const re = new SyntaxError('Unexpected character "' + Y + '" at index ' + ae + ".");
+        throw re.partial = le, re;
+      }
+      function s() {
+        l !== "" && (b === "" ? L.push(Number(l)) : L.push(Number(l) * Math.pow(10, Number(b)))), l = "", b = "";
+      }
+      let n;
+      const B = r.length;
+      for (let Y = 0; Y < B; Y++) {
+        if (n = r[Y], Array.isArray(o) && o.includes(L.length % t) && e.FLAGS.test(n)) {
+          C = y, l = n, s();
+          continue;
+        }
+        if (C === c) {
+          if (e.WHITESPACE.test(n))
+            continue;
+          if (e.DIGIT.test(n) || e.SIGN.test(n)) {
+            C = y, l = n;
+            continue;
+          }
+          if (e.POINT.test(n)) {
+            C = i, l = n;
+            continue;
+          }
+          e.COMMA.test(n) && (O && D(n, Y, L), O = !0);
+        }
+        if (C === y) {
+          if (e.DIGIT.test(n)) {
+            l += n;
+            continue;
+          }
+          if (e.POINT.test(n)) {
+            l += n, C = i;
+            continue;
+          }
+          if (e.EXP.test(n)) {
+            C = w;
+            continue;
+          }
+          e.SIGN.test(n) && l.length === 1 && e.SIGN.test(l[0]) && D(n, Y, L);
+        }
+        if (C === i) {
+          if (e.DIGIT.test(n)) {
+            l += n;
+            continue;
+          }
+          if (e.EXP.test(n)) {
+            C = w;
+            continue;
+          }
+          e.POINT.test(n) && l[l.length - 1] === "." && D(n, Y, L);
+        }
+        if (C === w) {
+          if (e.DIGIT.test(n)) {
+            b += n;
+            continue;
+          }
+          if (e.SIGN.test(n)) {
+            if (b === "") {
+              b += n;
+              continue;
+            }
+            b.length === 1 && e.SIGN.test(b) && D(n, Y, L);
+          }
+        }
+        e.WHITESPACE.test(n) ? (s(), C = c, O = !1) : e.COMMA.test(n) ? (s(), C = c, O = !0) : e.SIGN.test(n) ? (s(), C = y, l = n) : e.POINT.test(n) ? (s(), C = i, l = n) : D(n, Y, L);
+      }
+      return s(), L;
+    }
+    const P = ["mm", "cm", "in", "pt", "pc", "px"], d = {
+      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 p(r) {
+      let o = "px";
+      if (typeof r == "string" || r instanceof String)
+        for (let e = 0, c = P.length; e < c; e++) {
+          const y = P[e];
+          if (r.endsWith(y)) {
+            o = y, r = r.substring(0, r.length - y.length);
+            break;
+          }
+        }
+      let t;
+      return o === "px" && A.defaultUnit !== "px" ? t = d.in[A.defaultUnit] / A.defaultDPI : (t = d[o][A.defaultUnit], t < 0 && (t = d[o].in * A.defaultDPI)), t * parseFloat(r);
+    }
+    function S(r) {
+      if (!(r.hasAttribute("transform") || r.nodeName === "use" && (r.hasAttribute("x") || r.hasAttribute("y"))))
+        return null;
+      const o = j(r);
+      return $.length > 0 && o.premultiply($[$.length - 1]), se.copy(o), $.push(o), o;
+    }
+    function j(r) {
+      const o = new ye(), t = oe;
+      if (r.nodeName === "use" && (r.hasAttribute("x") || r.hasAttribute("y"))) {
+        const e = p(r.getAttribute("x")), c = p(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 y = e[c].trim();
+          if (y === "") continue;
+          const i = y.indexOf("("), w = y.length;
+          if (i > 0 && i < w) {
+            const C = y.slice(0, i), O = f(y.slice(i + 1));
+            switch (t.identity(), C) {
+              case "translate":
+                if (O.length >= 1) {
+                  const l = O[0];
+                  let b = 0;
+                  O.length >= 2 && (b = O[1]), t.translate(l, b);
+                }
+                break;
+              case "rotate":
+                if (O.length >= 1) {
+                  let l = 0, b = 0, L = 0;
+                  l = O[0] * Math.PI / 180, O.length >= 3 && (b = O[1], L = O[2]), J.makeTranslation(-b, -L), U.makeRotation(l), g.multiplyMatrices(U, J), J.makeTranslation(b, L), t.multiplyMatrices(J, g);
+                }
+                break;
+              case "scale":
+                if (O.length >= 1) {
+                  const l = O[0];
+                  let b = l;
+                  O.length >= 2 && (b = O[1]), t.scale(l, b);
+                }
+                break;
+              case "skewX":
+                O.length === 1 && t.set(
+                  1,
+                  Math.tan(O[0] * Math.PI / 180),
+                  0,
+                  0,
+                  1,
+                  0,
+                  0,
+                  0,
+                  1
+                );
+                break;
+              case "skewY":
+                O.length === 1 && t.set(
+                  1,
+                  0,
+                  0,
+                  Math.tan(O[0] * Math.PI / 180),
+                  1,
+                  0,
+                  0,
+                  0,
+                  1
+                );
+                break;
+              case "matrix":
+                O.length === 6 && t.set(
+                  O[0],
+                  O[2],
+                  O[4],
+                  O[1],
+                  O[3],
+                  O[5],
+                  0,
+                  0,
+                  1
+                );
+                break;
+            }
+          }
+          o.premultiply(t);
+        }
+      }
+      return o;
+    }
+    function m(r, o) {
+      function t(i) {
+        ee.set(i.x, i.y, 1).applyMatrix3(o), i.set(ee.x, ee.y);
+      }
+      function e(i) {
+        const w = i.xRadius, C = i.yRadius, O = Math.cos(i.aRotation), l = Math.sin(i.aRotation), b = new ke(w * O, w * l, 0), L = new ke(-C * l, C * O, 0), D = b.applyMatrix3(o), s = L.applyMatrix3(o), n = oe.set(
+          D.x,
+          s.x,
+          0,
+          D.y,
+          s.y,
+          0,
+          0,
+          0,
+          1
+        ), B = J.copy(n).invert(), le = U.copy(B).transpose().multiply(B).elements, re = Z(le[0], le[1], le[4]), de = Math.sqrt(re.rt1), ge = Math.sqrt(re.rt2);
+        if (i.xRadius = 1 / de, i.yRadius = 1 / ge, i.aRotation = Math.atan2(re.sn, re.cs), !((i.aEndAngle - i.aStartAngle) % (2 * Math.PI) < Number.EPSILON)) {
+          const be = J.set(
+            de,
+            0,
+            0,
+            0,
+            ge,
+            0,
+            0,
+            0,
+            1
+          ), we = U.set(
+            re.cs,
+            re.sn,
+            0,
+            -re.sn,
+            re.cs,
+            0,
+            0,
+            0,
+            1
+          ), xe = be.multiply(we).multiply(n), Re = (Le) => {
+            const { x: He, y: Ue } = new ke(Math.cos(Le), Math.sin(Le), 0).applyMatrix3(xe);
+            return Math.atan2(Ue, He);
+          };
+          i.aStartAngle = Re(i.aStartAngle), i.aEndAngle = Re(i.aEndAngle), z(o) && (i.aClockwise = !i.aClockwise);
+        }
+      }
+      function c(i) {
+        const w = F(o), C = X(o);
+        i.xRadius *= w, i.yRadius *= C;
+        const O = w > Number.EPSILON ? Math.atan2(o.elements[1], o.elements[0]) : Math.atan2(-o.elements[3], o.elements[4]);
+        i.aRotation += O, z(o) && (i.aStartAngle *= -1, i.aEndAngle *= -1, i.aClockwise = !i.aClockwise);
+      }
+      const y = r.subPaths;
+      for (let i = 0, w = y.length; i < w; i++) {
+        const O = y[i].curves;
+        for (let l = 0; l < O.length; l++) {
+          const b = O[l];
+          b.isLineCurve ? (t(b.v1), t(b.v2)) : b.isCubicBezierCurve ? (t(b.v0), t(b.v1), t(b.v2), t(b.v3)) : b.isQuadraticBezierCurve ? (t(b.v0), t(b.v1), t(b.v2)) : b.isEllipseCurve && (te.set(b.aX, b.aY), t(te), b.aX = te.x, b.aY = te.y, R(o) ? e(b) : c(b));
+        }
+      }
+    }
+    function z(r) {
+      const o = r.elements;
+      return o[0] * o[4] - o[1] * o[3] < 0;
+    }
+    function R(r) {
+      const o = r.elements, t = o[0] * o[3] + o[1] * o[4];
+      if (t === 0) return !1;
+      const e = F(r), c = X(r);
+      return Math.abs(t / (e * c)) > Number.EPSILON;
+    }
+    function F(r) {
+      const o = r.elements;
+      return Math.sqrt(o[0] * o[0] + o[1] * o[1]);
+    }
+    function X(r) {
+      const o = r.elements;
+      return Math.sqrt(o[3] * o[3] + o[4] * o[4]);
+    }
+    function Z(r, o, t) {
+      let e, c, y, i, w;
+      const C = r + t, O = r - t, l = Math.sqrt(O * O + 4 * o * o);
+      return C > 0 ? (e = 0.5 * (C + l), w = 1 / e, c = r * w * t - o * w * o) : C < 0 ? c = 0.5 * (C - l) : (e = 0.5 * l, c = -0.5 * l), O > 0 ? y = O + l : y = O - l, Math.abs(y) > 2 * Math.abs(o) ? (w = -2 * o / y, i = 1 / Math.sqrt(1 + w * w), y = w * i) : Math.abs(o) === 0 ? (y = 1, i = 0) : (w = -0.5 * y / o, y = 1 / Math.sqrt(1 + w * w), i = w * y), O > 0 && (w = y, y = -i, i = w), { rt1: e, rt2: c, cs: y, sn: i };
+    }
+    const V = [], K = {}, $ = [], oe = new ye(), J = new ye(), U = new ye(), g = new ye(), te = new Q(), ee = new ke(), se = new ye(), he = new DOMParser().parseFromString(a, "image/svg+xml");
+    return M(he.documentElement, {
+      fill: "#000",
+      fillOpacity: 1,
+      strokeOpacity: 1,
+      strokeWidth: 1,
+      strokeLineJoin: "miter",
+      strokeLineCap: "butt",
+      strokeMiterLimit: 4
+    }), { paths: V, xml: he.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(a) {
+    const M = {
+      ORIGIN: 0,
+      DESTINATION: 1,
+      BETWEEN: 2,
+      LEFT: 3,
+      RIGHT: 4,
+      BEHIND: 5,
+      BEYOND: 6
+    }, I = {
+      loc: M.ORIGIN,
+      t: 0
+    };
+    function h(k, f, P, d) {
+      const p = k.x, S = f.x, j = P.x, m = d.x, z = k.y, R = f.y, F = P.y, X = d.y, Z = (m - j) * (z - F) - (X - F) * (p - j), V = (S - p) * (z - F) - (R - z) * (p - j), K = (X - F) * (S - p) - (m - j) * (R - z), $ = Z / K, oe = V / K;
+      if (K === 0 && Z !== 0 || $ <= 0 || $ >= 1 || oe < 0 || oe > 1)
+        return null;
+      if (Z === 0 && K === 0) {
+        for (let J = 0; J < 2; J++)
+          if (v(J === 0 ? P : d, k, f), I.loc == M.ORIGIN) {
+            const U = J === 0 ? P : d;
+            return { x: U.x, y: U.y, t: I.t };
+          } else if (I.loc == M.BETWEEN) {
+            const U = +(p + I.t * (S - p)).toPrecision(10), g = +(z + I.t * (R - z)).toPrecision(10);
+            return { x: U, y: g, t: I.t };
+          }
+        return null;
+      } else {
+        for (let g = 0; g < 2; g++)
+          if (v(g === 0 ? P : d, k, f), I.loc == M.ORIGIN) {
+            const te = g === 0 ? P : d;
+            return { x: te.x, y: te.y, t: I.t };
+          }
+        const J = +(p + $ * (S - p)).toPrecision(10), U = +(z + $ * (R - z)).toPrecision(10);
+        return { x: J, y: U, t: $ };
+      }
+    }
+    function v(k, f, P) {
+      const d = P.x - f.x, p = P.y - f.y, S = k.x - f.x, j = k.y - f.y, m = d * j - S * p;
+      if (k.x === f.x && k.y === f.y) {
+        I.loc = M.ORIGIN, I.t = 0;
+        return;
+      }
+      if (k.x === P.x && k.y === P.y) {
+        I.loc = M.DESTINATION, I.t = 1;
+        return;
+      }
+      if (m < -Number.EPSILON) {
+        I.loc = M.LEFT;
+        return;
+      }
+      if (m > Number.EPSILON) {
+        I.loc = M.RIGHT;
+        return;
+      }
+      if (d * S < 0 || p * j < 0) {
+        I.loc = M.BEHIND;
+        return;
+      }
+      if (Math.sqrt(d * d + p * p) < Math.sqrt(S * S + j * j)) {
+        I.loc = M.BEYOND;
+        return;
+      }
+      let z;
+      d !== 0 ? z = S / d : z = j / p, I.loc = M.BETWEEN, I.t = z;
+    }
+    function x(k, f) {
+      const P = [], d = [];
+      for (let p = 1; p < k.length; p++) {
+        const S = k[p - 1], j = k[p];
+        for (let m = 1; m < f.length; m++) {
+          const z = f[m - 1], R = f[m], F = h(S, j, z, R);
+          F !== null && P.find((X) => X.t <= F.t + Number.EPSILON && X.t >= F.t - Number.EPSILON) === void 0 && (P.push(F), d.push(new Q(F.x, F.y)));
+        }
+      }
+      return d;
+    }
+    function q(k, f, P) {
+      const d = new Q();
+      f.getCenter(d);
+      const p = [];
+      return P.forEach((S) => {
+        S.boundingBox.containsPoint(d) && x(k, S.points).forEach((m) => {
+          p.push({ identifier: S.identifier, isCW: S.isCW, point: m });
+        });
+      }), p.sort((S, j) => S.point.x - j.point.x), p;
+    }
+    function T(k, f, P, d, p) {
+      (p == null || p === "") && (p = "nonzero");
+      const S = new Q();
+      k.boundingBox.getCenter(S);
+      const j = [new Q(P, S.y), new Q(d, S.y)], m = q(j, k.boundingBox, f);
+      m.sort((V, K) => V.point.x - K.point.x);
+      const z = [], R = [];
+      m.forEach((V) => {
+        V.identifier === k.identifier ? z.push(V) : R.push(V);
+      });
+      const F = z[0].point.x, X = [];
+      let Z = 0;
+      for (; Z < R.length && R[Z].point.x < F; )
+        X.length > 0 && X[X.length - 1] === R[Z].identifier ? X.pop() : X.push(R[Z].identifier), Z++;
+      if (X.push(k.identifier), p === "evenodd") {
+        const V = X.length % 2 === 0, K = X[X.length - 2];
+        return { identifier: k.identifier, isHole: V, for: K };
+      } else if (p === "nonzero") {
+        let V = !0, K = null, $ = null;
+        for (let oe = 0; oe < X.length; oe++) {
+          const J = X[oe];
+          V ? ($ = f[J].isCW, V = !1, K = J) : $ !== f[J].isCW && ($ = f[J].isCW, V = !0);
+        }
+        return { identifier: k.identifier, isHole: V, for: K };
+      } else
+        console.warn('fill-rule: "' + p + '" is currently not implemented.');
+    }
+    let H = 999999999, G = -999999999, E = a.subPaths.map((k) => {
+      const f = k.getPoints();
+      let P = -999999999, d = 999999999, p = -999999999, S = 999999999;
+      for (let j = 0; j < f.length; j++) {
+        const m = f[j];
+        m.y > P && (P = m.y), m.y < d && (d = m.y), m.x > p && (p = m.x), m.x < S && (S = m.x);
+      }
+      return G <= p && (G = p + 1), H >= S && (H = S - 1), { curves: k.curves, points: f, isCW: ft.isClockWise(f), identifier: -1, boundingBox: new ut(new Q(S, d), new Q(p, P)) };
+    });
+    E = E.filter((k) => k.points.length > 1);
+    for (let k = 0; k < E.length; k++)
+      E[k].identifier = k;
+    const W = E.map((k) => T(k, E, H, G, a.userData ? a.userData.style.fillRule : void 0)), N = [];
+    return E.forEach((k) => {
+      if (!W[k.identifier].isHole) {
+        const P = new ht();
+        P.curves = k.curves, W.filter((p) => p.isHole && p.for === k.identifier).forEach((p) => {
+          const S = E[p.identifier], j = new Ne();
+          j.curves = S.curves, P.holes.push(j);
+        }), N.push(P);
+      }
+    }), N;
+  }
+  /**
+   * 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(a, A, M, I, h) {
+    return a = a !== void 0 ? a : 1, A = A !== void 0 ? A : "#000", M = M !== void 0 ? M : "miter", I = I !== void 0 ? I : "butt", h = h !== void 0 ? h : 4, {
+      strokeColor: A,
+      strokeWidth: a,
+      strokeLineJoin: M,
+      strokeLineCap: I,
+      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(a, A, M, I) {
+    const h = [], v = [], x = [];
+    if (Ie.pointsToStrokeWithBuffers(a, A, M, I, h, v, x) === 0)
+      return null;
+    const q = new mt();
+    return q.setAttribute("position", new Ee(h, 3)), q.setAttribute("normal", new Ee(v, 3)), q.setAttribute("uv", new Ee(x, 2)), q;
+  }
+  /**
+   * 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(a, A, M, I, h, v, x, q) {
+    const T = new Q(), H = new Q(), G = new Q(), E = new Q(), W = new Q(), N = new Q(), k = new Q(), f = new Q(), P = new Q(), d = new Q(), p = new Q(), S = new Q(), j = new Q(), m = new Q(), z = new Q(), R = new Q(), F = new Q();
+    M = M !== void 0 ? M : 12, I = I !== void 0 ? I : 1e-3, q = q !== void 0 ? q : 0, a = O(a);
+    const X = a.length;
+    if (X < 2) return 0;
+    const Z = a[0].equals(a[X - 1]);
+    let V, K = a[0], $;
+    const oe = A.strokeWidth / 2, J = 1 / (X - 1);
+    let U = 0, g, te, ee, se, he = !1, ce = 0, r = q * 3, o = q * 2;
+    t(a[0], a[1], T).multiplyScalar(oe), f.copy(a[0]).sub(T), P.copy(a[0]).add(T), d.copy(f), p.copy(P);
+    for (let l = 1; l < X; l++) {
+      V = a[l], l === X - 1 ? Z ? $ = a[1] : $ = void 0 : $ = a[l + 1];
+      const b = T;
+      if (t(K, V, b), G.copy(b).multiplyScalar(oe), S.copy(V).sub(G), j.copy(V).add(G), g = U + J, te = !1, $ !== void 0) {
+        t(V, $, H), G.copy(H).multiplyScalar(oe), m.copy(V).sub(G), z.copy(V).add(G), ee = !0, G.subVectors($, K), b.dot(G) < 0 && (ee = !1), l === 1 && (he = ee), G.subVectors($, V), G.normalize();
+        const L = Math.abs(b.dot(G));
+        if (L > Number.EPSILON) {
+          const D = oe / L;
+          G.multiplyScalar(-D), E.subVectors(V, K), W.copy(E).setLength(D).add(G), R.copy(W).negate();
+          const s = W.length(), n = E.length();
+          E.divideScalar(n), N.subVectors($, V);
+          const B = N.length();
+          switch (N.divideScalar(B), E.dot(R) < n && N.dot(R) < B && (te = !0), F.copy(W).add(V), R.add(V), se = !1, te ? ee ? (z.copy(R), j.copy(R)) : (m.copy(R), S.copy(R)) : y(), A.strokeLineJoin) {
+            case "bevel":
+              i(ee, te, g);
+              break;
+            case "round":
+              w(ee, te), ee ? c(V, S, m, g, 0) : c(V, z, j, g, 1);
+              break;
+            case "miter":
+            case "miter-clip":
+            default:
+              const Y = oe * A.strokeMiterLimit / s;
+              if (Y < 1)
+                if (A.strokeLineJoin !== "miter-clip") {
+                  i(ee, te, g);
+                  break;
+                } else
+                  w(ee, te), ee ? (N.subVectors(F, S).multiplyScalar(Y).add(S), k.subVectors(F, m).multiplyScalar(Y).add(m), e(S, g, 0), e(N, g, 0), e(V, g, 0.5), e(V, g, 0.5), e(N, g, 0), e(k, g, 0), e(V, g, 0.5), e(k, g, 0), e(m, g, 0)) : (N.subVectors(F, j).multiplyScalar(Y).add(j), k.subVectors(F, z).multiplyScalar(Y).add(z), e(j, g, 1), e(N, g, 1), e(V, g, 0.5), e(V, g, 0.5), e(N, g, 1), e(k, g, 1), e(V, g, 0.5), e(k, g, 1), e(z, g, 1));
+              else
+                te ? (ee ? (e(P, U, 1), e(f, U, 0), e(F, g, 0), e(P, U, 1), e(F, g, 0), e(R, g, 1)) : (e(P, U, 1), e(f, U, 0), e(F, g, 1), e(f, U, 0), e(R, g, 0), e(F, g, 1)), ee ? m.copy(F) : z.copy(F)) : ee ? (e(S, g, 0), e(F, g, 0), e(V, g, 0.5), e(V, g, 0.5), e(F, g, 0), e(m, g, 0)) : (e(j, g, 1), e(F, g, 1), e(V, g, 0.5), e(V, g, 0.5), e(F, g, 1), e(z, g, 1)), se = !0;
+              break;
+          }
+        } else
+          y();
+      } else
+        y();
+      !Z && l === X - 1 && C(a[0], d, p, ee, !0, U), U = g, K = V, f.copy(m), P.copy(z);
+    }
+    if (!Z)
+      C(V, S, j, ee, !1, g);
+    else if (te && h) {
+      let l = F, b = R;
+      he !== ee && (l = R, b = F), ee ? (se || he) && (b.toArray(h, 0 * 3), b.toArray(h, 3 * 3), se && l.toArray(h, 1 * 3)) : (se || !he) && (b.toArray(h, 1 * 3), b.toArray(h, 3 * 3), se && l.toArray(h, 0 * 3));
+    }
+    return ce;
+    function t(l, b, L) {
+      return L.subVectors(b, l), L.set(-L.y, L.x).normalize();
+    }
+    function e(l, b, L) {
+      h && (h[r] = l.x, h[r + 1] = l.y, h[r + 2] = 0, v && (v[r] = 0, v[r + 1] = 0, v[r + 2] = 1), r += 3, x && (x[o] = b, x[o + 1] = L, o += 2)), ce += 3;
+    }
+    function c(l, b, L, D, s) {
+      T.copy(b).sub(l).normalize(), H.copy(L).sub(l).normalize();
+      let n = Math.PI;
+      const B = T.dot(H);
+      Math.abs(B) < 1 && (n = Math.abs(Math.acos(B))), n /= M, G.copy(b);
+      for (let Y = 0, ae = M - 1; Y < ae; Y++)
+        E.copy(G).rotateAround(l, n), e(G, D, s), e(E, D, s), e(l, D, 0.5), G.copy(E);
+      e(E, D, s), e(L, D, s), e(l, D, 0.5);
+    }
+    function y() {
+      e(P, U, 1), e(f, U, 0), e(S, g, 0), e(P, U, 1), e(S, g, 0), e(j, g, 1);
+    }
+    function i(l, b, L) {
+      b ? l ? (e(P, U, 1), e(f, U, 0), e(S, g, 0), e(P, U, 1), e(S, g, 0), e(R, g, 1), e(S, L, 0), e(m, L, 0), e(R, L, 0.5)) : (e(P, U, 1), e(f, U, 0), e(j, g, 1), e(f, U, 0), e(R, g, 0), e(j, g, 1), e(j, L, 1), e(R, L, 0), e(z, L, 1)) : l ? (e(S, L, 0), e(m, L, 0), e(V, L, 0.5)) : (e(j, L, 1), e(z, L, 0), e(V, L, 0.5));
+    }
+    function w(l, b) {
+      b && (l ? (e(P, U, 1), e(f, U, 0), e(S, g, 0), e(P, U, 1), e(S, g, 0), e(R, g, 1), e(S, U, 0), e(V, g, 0.5), e(R, g, 1), e(V, g, 0.5), e(m, U, 0), e(R, g, 1)) : (e(P, U, 1), e(f, U, 0), e(j, g, 1), e(f, U, 0), e(R, g, 0), e(j, g, 1), e(j, U, 1), e(R, g, 0), e(V, g, 0.5), e(V, g, 0.5), e(R, g, 0), e(z, U, 1)));
+    }
+    function C(l, b, L, D, s, n) {
+      switch (A.strokeLineCap) {
+        case "round":
+          s ? c(l, L, b, n, 0.5) : c(l, b, L, n, 0.5);
+          break;
+        case "square":
+          if (s)
+            T.subVectors(b, l), H.set(T.y, -T.x), G.addVectors(T, H).add(l), E.subVectors(H, T).add(l), D ? (G.toArray(h, 1 * 3), E.toArray(h, 0 * 3), E.toArray(h, 3 * 3)) : (G.toArray(h, 1 * 3), x[3 * 2 + 1] === 1 ? E.toArray(h, 3 * 3) : G.toArray(h, 3 * 3), E.toArray(h, 0 * 3));
+          else {
+            T.subVectors(L, l), H.set(T.y, -T.x), G.addVectors(T, H).add(l), E.subVectors(H, T).add(l);
+            const B = h.length;
+            D ? (G.toArray(h, B - 1 * 3), E.toArray(h, B - 2 * 3), E.toArray(h, B - 4 * 3)) : (E.toArray(h, B - 2 * 3), G.toArray(h, B - 1 * 3), E.toArray(h, B - 4 * 3));
+          }
+          break;
+      }
+    }
+    function O(l) {
+      let b = !1;
+      for (let D = 1, s = l.length - 1; D < s; D++)
+        if (l[D].distanceTo(l[D + 1]) < I) {
+          b = !0;
+          break;
+        }
+      if (!b) return l;
+      const L = [];
+      L.push(l[0]);
+      for (let D = 1, s = l.length - 1; D < s; D++)
+        l[D].distanceTo(l[D + 1]) >= I && L.push(l[D]);
+      return L.push(l[l.length - 1]), L;
+    }
+  }
+}
+const kt = -2;
+function At(u) {
+  if (!u || u.nodeType !== 1) return;
+  let a = u;
+  for (; a; ) {
+    const A = a.getAttribute("id");
+    if (A) return A;
+    a = a.parentElement;
+  }
+}
+function Ce(u) {
+  if (!u) return !1;
+  let a = u;
+  for (; a; ) {
+    const A = a.getAttribute("id") ?? "", M = a.getAttribute("data-name") ?? "";
+    if (Oe(A) || Oe(M) || ve(A) || ve(M)) return !0;
+    a = a.parentElement;
+  }
+  return !1;
+}
+function It(u, a) {
+  return a ? a + encodeURIComponent(u) : u;
+}
+function wt({
+  url: u,
+  suppressIds: a,
+  imageProxyUrl: A,
+  is3d: M = !1
+}) {
+  const [I, h] = ue(null);
+  me(() => {
+    let x = !1;
+    const q = It(u, A);
+    return fetch(q).then((T) => {
+      if (!T.ok) throw new Error(`SVG fetch ${T.status}`);
+      return T.text();
+    }).then((T) => {
+      if (x) return;
+      const H = $e(T), G = new Ie();
+      h(G.parse(H));
+    }).catch((T) => {
+      x || (h(null), console.warn(
+        `[eyeon-map] Outdoor SVG failed to load from ${q}. If this is a cross-origin error, pass \`imageProxyUrl\` to MapViewer.`,
+        T
+      ));
+    }), () => {
+      x = !0;
+    };
+  }, [u, A]);
+  const v = ie(() => {
+    var T, H, G;
+    if (!I) return [];
+    const x = [];
+    let q = 0;
+    for (const E of I.paths) {
+      const W = (T = E.userData) == null ? void 0 : T.node, N = At(W);
+      if (N != null && N.toLowerCase().startsWith("route-path") || N && (a != null && a.has(N)) || Ce(W) && !N || N && (Oe(N) || ve(N)) || W && Ce(W) && N && (a != null && a.has(N)) || W && Ce(W)) continue;
+      const k = Ie.createShapes(E);
+      if (k.length === 0) continue;
+      const f = Ze(N), P = new fe.Color();
+      f != null && f.fill ? P.set(f.fill) : E.color ? P.copy(E.color) : P.set("#cccccc"), f != null && f.stroke && !f.fill && P.set(f.stroke);
+      const d = typeof ((G = (H = E.userData) == null ? void 0 : H.style) == null ? void 0 : G.opacity) == "number" ? E.userData.style.opacity : 1, p = M && (f == null ? void 0 : f.extrudeHeight) != null ? f.extrudeHeight : 0;
+      x.push({
+        key: `${N ?? "path"}-${q++}`,
+        shapes: k,
+        color: P,
+        opacity: d,
+        extrude: p,
+        renderOrder: (f == null ? void 0 : f.renderOrder) ?? 2
+      });
+    }
+    return x;
+  }, [I, a, M]);
+  return !I || v.length === 0 ? null : /* @__PURE__ */ _("group", { position: [0, 0, kt], renderOrder: -20, children: v.map(
+    (x) => x.shapes.map((q, T) => /* @__PURE__ */ ne("mesh", { renderOrder: x.renderOrder, children: [
+      x.extrude > 0 ? /* @__PURE__ */ _(
+        "extrudeGeometry",
+        {
+          args: [q, { depth: x.extrude, bevelEnabled: !1 }]
+        }
+      ) : /* @__PURE__ */ _("shapeGeometry", { args: [q] }),
+      /* @__PURE__ */ _(
+        "meshBasicMaterial",
+        {
+          color: x.color,
+          transparent: x.opacity < 1,
+          opacity: x.opacity,
+          depthWrite: !1,
+          toneMapped: !1,
+          side: fe.DoubleSide
+        }
+      )
+    ] }, `${x.key}-${T}`))
+  ) });
+}
+const Mt = [1, -1, 1];
+function Tt(u) {
+  return {
+    ...u,
+    minY: -u.maxY,
+    maxY: -u.minY,
+    cy: -u.cy
+  };
+}
+function Be(u, a, A, M) {
+  const I = Math.max(u, 1) / Math.max(A, 1), h = Math.max(a, 1) / Math.max(M, 1);
+  return Math.min(I, h);
+}
+function Ve(u) {
+  return {
+    width: Math.max(u.maxX - u.minX, 1),
+    height: Math.max(u.maxY - u.minY, 1)
+  };
+}
+function Nt(u, a, A, M, I) {
+  const h = 1 + Math.min(Math.max(A, 0.15), 1) * 0.5, v = a > 0 ? u * h : u / h;
+  return Math.min(I, Math.max(M, v));
+}
+const Et = 0, je = 1, Se = 2, Ct = 0, St = 1, ze = 2;
+function Ot(u) {
+  return u ? { LEFT: Et, MIDDLE: je, RIGHT: Se } : { LEFT: Se, MIDDLE: je, RIGHT: Se };
+}
+function vt(u) {
+  return u ? { ONE: Ct, TWO: ze } : { ONE: St, TWO: ze };
+}
+function Pt({
+  bounds: u,
+  theme: a,
+  is3d: A,
+  controlsRef: M,
+  cameraRef: I
+}) {
+  const { camera: h, size: v, invalidate: x } = rt(), q = Ae(!1), T = _e(() => {
+    const G = M.current, { width: E, height: W } = Ve(u);
+    if (h.up.set(0, 1, 0), h instanceof fe.OrthographicCamera && !A) {
+      const N = Be(v.width, v.height, E, W);
+      h.position.set(u.cx, u.cy, 500), h.zoom = N, h.updateProjectionMatrix();
+    } else
+      h.position.set(u.cx, u.cy - u.size * 0.35, u.size * 0.85), h.lookAt(u.cx, u.cy, 0);
+    G && (G.target.set(u.cx, u.cy, 0), G.update()), x();
+  }, [
+    u,
+    h,
+    M,
+    x,
+    A,
+    v.height,
+    v.width
+  ]), H = _e(
+    (G) => {
+      q.current = !0;
+      const E = M.current;
+      if (h instanceof fe.OrthographicCamera && !A) {
+        const { width: W, height: N } = Ve(u), k = Be(v.width, v.height, W, N);
+        h.zoom = Nt(
+          h.zoom,
+          G,
+          a.ZOOM_STEP,
+          k * 0.2,
+          k * 10
+        ), h.updateProjectionMatrix();
+      } else if (E) {
+        const W = h.position.clone().sub(E.target), N = 1 + Math.min(Math.max(a.ZOOM_STEP, 0.15), 1) * 0.5, k = G > 0 ? W.length() / N : W.length() * N;
+        W.setLength(
+          Math.min(a.CAMERA_MAX_DISTANCE, Math.max(a.CAMERA_MIN_DISTANCE, k))
+        ), h.position.copy(E.target).add(W);
+      }
+      E == null || E.update(), x();
+    },
+    [u, h, M, x, A, v.height, v.width, a]
+  );
+  return qe(
+    I,
+    () => ({
+      zoomIn: () => H(1),
+      zoomOut: () => H(-1),
+      reset: () => {
+        q.current = !1, T();
+      }
+    }),
+    [T, H]
+  ), me(() => {
+    v.width < 2 || v.height < 2 || (q.current = !1, T());
+  }, [T, u.cx, u.cy, u.maxX, u.maxY, u.minX, u.minY]), me(() => {
+    v.width < 2 || v.height < 2 || q.current || T();
+  }, [T, v.height, v.width]), null;
+}
+const Rt = -1;
+function Lt({
+  doc: u,
+  theme: a,
+  activeLevelId: A,
+  route: M,
+  selectedRetailerId: I,
+  cameraRef: h,
+  onSelectShape: v,
+  imageProxyUrl: x,
+  eventSource: q
 }) {
-  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 T = a.MAP_STYLE === "3D", H = Ae(null), G = ie(
+    () => Qe(u.levels, A),
+    [u.levels, A]
+  ), E = ie(
+    () => Ke(u.levels, A, u.baseViewbox),
+    [u.levels, u.baseViewbox, A]
+  ), W = ie(() => Tt(E), [E]), N = ie(
+    () => u.levels.find((d) => Me(d)) ?? null,
+    [u.levels]
+  ), k = (N == null ? void 0 : N.sourceSvgUrl) ?? u.baseSvgUrl ?? null, f = ie(() => {
+    const d = /* @__PURE__ */ new Set();
+    if (!N) return d;
+    for (const p of N.shapes)
+      p.sourceSvgId && d.add(p.sourceSvgId);
+    return d;
+  }, [N]), P = G.some((d) => Me(d));
+  return /* @__PURE__ */ ne(
+    st,
     {
-      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,
+      style: { width: "100%", height: "100%", background: a.MAP_BACKGROUND_COLOR },
+      eventSource: q ?? void 0,
+      eventPrefix: "offset",
+      orthographic: !T,
+      dpr: [1, 2],
+      flat: !0,
+      gl: { antialias: !0 },
+      camera: T ? {
+        position: [W.cx, W.cy - W.size * 0.35, W.size * 0.85],
+        fov: 50,
+        near: 1,
+        far: 1e4,
+        up: [0, 1, 0]
+      } : void 0,
       children: [
-        !o && /* @__PURE__ */ t(
-          q,
+        !T && /* @__PURE__ */ _(
+          it,
           {
             makeDefault: !0,
-            position: [h.cx, h.cy, 500],
-            zoom: A,
+            position: [W.cx, W.cy, 500],
+            up: [0, 1, 0],
             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__ */ _("color", { attach: "background", args: [a.MAP_BACKGROUND_COLOR] }),
+        /* @__PURE__ */ _("ambientLight", { intensity: 4, color: "#c4c4c4" }),
+        /* @__PURE__ */ _("directionalLight", { position: [0, 400, 0], color: "#ffffff", intensity: 0.3 }),
+        /* @__PURE__ */ _("directionalLight", { position: [0, 0, 400], color: "#c4c4c4", intensity: 0.2 }),
+        /* @__PURE__ */ _("directionalLight", { position: [0, 0, -400], color: "#c4c4c4", intensity: 0.2 }),
+        /* @__PURE__ */ ne("group", { scale: Mt, children: [
+          P && k ? /* @__PURE__ */ _(
+            wt,
+            {
+              url: k,
+              suppressIds: f,
+              imageProxyUrl: x,
+              is3d: T
+            }
+          ) : null,
+          G.map((d) => {
+            const p = Me(d), S = d.transform;
+            return /* @__PURE__ */ _(
+              "group",
+              {
+                position: [
+                  S.translateX,
+                  S.translateY,
+                  p ? Rt : 0
+                ],
+                rotation: [0, 0, S.rotate * Math.PI / 180],
+                scale: S.scale || 1,
+                children: /* @__PURE__ */ _(
+                  gt,
+                  {
+                    level: d,
+                    theme: a,
+                    is3d: T,
+                    selectedRetailerId: I,
+                    interactiveOnly: p && !!k,
+                    onSelectShape: (j) => v == null ? void 0 : v(j, d.id)
+                  }
+                )
+              },
+              d.id
+            );
+          }),
+          M && /* @__PURE__ */ _(
+            bt,
+            {
+              route: M,
+              activeLevelId: A,
+              color: a.ACCENT_COLOR
+            }
+          )
+        ] }),
+        /* @__PURE__ */ _(
+          at,
           {
-            enableRotate: o,
+            ref: H,
+            makeDefault: !0,
+            enableDamping: !1,
+            enableRotate: T,
             enablePan: !0,
-            target: [h.cx, h.cy, 0],
-            maxDistance: i.CAMERA_MAX_DISTANCE,
-            minDistance: i.CAMERA_MIN_DISTANCE
+            screenSpacePanning: !0,
+            mouseButtons: Ot(T),
+            touches: vt(T),
+            target: [W.cx, W.cy, 0],
+            maxDistance: a.CAMERA_MAX_DISTANCE,
+            minDistance: a.CAMERA_MIN_DISTANCE
+          }
+        ),
+        /* @__PURE__ */ _(
+          Pt,
+          {
+            bounds: W,
+            theme: a,
+            is3d: T,
+            controlsRef: H,
+            cameraRef: h
           }
         )
       ]
     }
   );
 }
-function te({
-  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: _
+function Fe(u, a) {
+  var A, M;
+  return ((A = u.assignment) == null ? void 0 : A.customLabel) || a || u.label.text || ((M = u.assignment) == null ? void 0 : M.unitNumber) || u.key;
+}
+function _t({
+  doc: u,
+  amenities: a,
+  onActiveLevelChange: A,
+  fromAnchorId: M,
+  toAnchorId: I,
+  onFromChange: h,
+  onToChange: v,
+  accessibleOnly: x,
+  onAccessibleOnlyChange: q,
+  route: T,
+  showSearch: H = !0,
+  showAmenities: G = !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 [E, W] = ue(""), [N, k] = ue(null), f = ie(() => {
+    var z;
+    const m = [];
+    for (const R of u.levels)
+      for (const F of R.shapes) {
+        const X = R.anchors.find((Z) => Z.shapeId === F.id) ?? null;
+        if (F.kind === "unit" && m.push({
+          id: `store-${F.id}`,
+          label: Fe(F),
+          group: R.name,
+          anchorId: (X == null ? void 0 : X.id) ?? null,
+          levelId: R.id,
+          kind: "store",
+          amenityId: null
+        }), F.kind === "amenity" && ((z = F.assignment) != null && z.amenityId)) {
+          const Z = a.find((V) => V.id === F.assignment.amenityId);
+          m.push({
+            id: `amenity-${F.id}`,
+            label: Fe(F, Z == null ? void 0 : Z.name),
             group: "Amenities",
-            anchorId: (M == null ? void 0 : M.id) ?? null,
-            levelId: N.id,
-            kind: "amenity"
+            anchorId: (X == null ? void 0 : X.id) ?? null,
+            levelId: R.id,
+            kind: "amenity",
+            amenityId: (Z == null ? void 0 : Z.id) ?? F.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 m;
+  }, [u, a]), P = ie(() => {
+    const m = E.trim().toLowerCase();
+    return m ? f.filter((z) => z.label.toLowerCase().includes(m)) : f;
+  }, [f, E]), d = ie(() => {
+    const m = /* @__PURE__ */ new Map();
+    for (const z of P) {
+      const R = m.get(z.group) ?? [];
+      R.push(z), m.set(z.group, R);
+    }
+    return Array.from(m.entries());
+  }, [P]), p = f.filter((m) => m.anchorId != null), S = E.trim().length > 0, j = (m) => {
+    k(m), m.anchorId != null && (v(m.anchorId), A(m.levelId));
+  };
+  return !H && !(G && a.length > 0) ? null : /* @__PURE__ */ ne("div", { className: "eyeon-map-chrome", children: [
+    /* @__PURE__ */ ne("div", { className: "eyeon-map-chrome__top", children: [
+      H && /* @__PURE__ */ _(
+        "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: E,
+          onChange: (m) => W(m.target.value)
         }
       ),
-      /* @__PURE__ */ t("div", { className: "eyeon-map-chrome__amenities", children: i.map((e) => /* @__PURE__ */ t(
+      G && a.length > 0 && /* @__PURE__ */ _("div", { className: "eyeon-map-chrome__amenities", children: a.map((m) => /* @__PURE__ */ _(
         "button",
         {
           type: "button",
           className: "eyeon-map-chrome__amenity",
-          title: e.name,
+          "aria-label": m.name,
           onClick: () => {
-            const f = E.find(
-              (d) => d.kind === "amenity" && d.label === e.name && d.anchorId != null
+            const z = f.find(
+              (R) => R.kind === "amenity" && R.amenityId === m.id && R.anchorId != null
             );
-            (f == null ? void 0 : f.anchorId) != null && (s(f.anchorId), y(f.levelId));
+            z && j(z);
           },
-          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: m.builtinIcon ? /* @__PURE__ */ _("span", { className: "eyeon-map-chrome__amenity-icon", children: m.builtinIcon }) : /* @__PURE__ */ _("span", { className: "eyeon-map-chrome__amenity-label", children: m.name.slice(0, 2) })
         },
-        e.id
+        m.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(
+    H && S && /* @__PURE__ */ ne("div", { className: "eyeon-map-chrome__panel", children: [
+      /* @__PURE__ */ _("div", { className: "eyeon-map-chrome__groups", children: d.length === 0 ? /* @__PURE__ */ _("div", { className: "eyeon-map-chrome__empty", children: "No matching stores" }) : d.map(([m, z]) => /* @__PURE__ */ ne("div", { className: "eyeon-map-chrome__group", children: [
+        /* @__PURE__ */ _("div", { className: "eyeon-map-chrome__group-title", children: m }),
+        z.map((R) => /* @__PURE__ */ _(
           "button",
           {
             type: "button",
-            className: "eyeon-map-chrome__item",
-            onClick: () => {
-              D(d), d.anchorId != null && (s(d.anchorId), y(d.levelId));
-            },
-            children: d.label
+            className: (N == null ? void 0 : N.id) === R.id ? "eyeon-map-chrome__item is-selected" : "eyeon-map-chrome__item",
+            onClick: () => j(R),
+            children: R.label
           },
-          d.id
+          R.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 })
+      ] }, m)) }),
+      N && /* @__PURE__ */ ne("div", { className: "eyeon-map-chrome__detail", children: [
+        /* @__PURE__ */ _("div", { className: "eyeon-map-chrome__detail-title", children: N.label }),
+        /* @__PURE__ */ _("div", { className: "eyeon-map-chrome__detail-meta", children: N.group })
       ] }),
-      /* @__PURE__ */ g("div", { className: "eyeon-map-chrome__route", children: [
-        /* @__PURE__ */ g("label", { children: [
+      /* @__PURE__ */ ne("div", { className: "eyeon-map-chrome__route", children: [
+        /* @__PURE__ */ ne("label", { children: [
           "From",
-          /* @__PURE__ */ g(
+          /* @__PURE__ */ ne(
             "select",
             {
-              value: o ?? "",
-              onChange: (e) => A(e.target.value ? Number(e.target.value) : null),
+              value: M ?? "",
+              onChange: (m) => h(m.target.value ? Number(m.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))
+                /* @__PURE__ */ _("option", { value: "", children: "Select start" }),
+                p.map((m) => /* @__PURE__ */ _("option", { value: m.anchorId, children: m.label }, m.id))
               ]
             }
           )
         ] }),
-        /* @__PURE__ */ g("label", { children: [
+        /* @__PURE__ */ ne("label", { children: [
           "To",
-          /* @__PURE__ */ g(
+          /* @__PURE__ */ ne(
             "select",
             {
-              value: h ?? "",
-              onChange: (e) => s(e.target.value ? Number(e.target.value) : null),
+              value: I ?? "",
+              onChange: (m) => v(m.target.value ? Number(m.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))
+                /* @__PURE__ */ _("option", { value: "", children: "Select destination" }),
+                p.map((m) => /* @__PURE__ */ _("option", { value: m.anchorId, children: m.label }, m.id))
               ]
             }
           )
         ] }),
-        /* @__PURE__ */ g("label", { className: "eyeon-map-chrome__accessible", children: [
-          /* @__PURE__ */ t(
+        /* @__PURE__ */ ne("label", { className: "eyeon-map-chrome__accessible", children: [
+          /* @__PURE__ */ _(
             "input",
             {
               type: "checkbox",
-              checked: v,
-              onChange: (e) => n(e.target.checked)
+              checked: x,
+              onChange: (m) => q(m.target.checked)
             }
           ),
           "Accessible route"
         ] }),
-        _ && /* @__PURE__ */ t("div", { className: "eyeon-map-chrome__route-meta", children: _.levelChanges.length > 0 ? `${_.levelChanges.length} level change(s)` : "Same level" })
+        T && /* @__PURE__ */ _("div", { className: "eyeon-map-chrome__route-meta", children: T.levelChanges.length > 0 ? `${T.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();
+function Gt({
+  levels: u,
+  activeLevelId: a,
+  onActiveLevelChange: A,
+  onZoomIn: M,
+  onZoomOut: I,
+  onReset: h,
+  showFloors: v = !0,
+  showZoomReset: x = !0
+}) {
+  const q = Je(u);
+  return !v && !x ? null : /* @__PURE__ */ _("div", { className: "eyeon-map-controls", children: /* @__PURE__ */ ne("div", { className: "eyeon-map-controls__stack", children: [
+    v && et(u) && /* @__PURE__ */ _("div", { className: "eyeon-map-controls__floors", role: "tablist", "aria-label": "Floors", children: q.map((T) => {
+      const H = T.id === a;
+      return /* @__PURE__ */ _(
+        "button",
+        {
+          type: "button",
+          role: "tab",
+          "aria-selected": H,
+          className: H ? "eyeon-map-controls__floor is-active" : "eyeon-map-controls__floor",
+          onClick: () => A(T.id),
+          children: T.name
+        },
+        T.id
+      );
+    }) }),
+    x && /* @__PURE__ */ ne(We, { children: [
+      /* @__PURE__ */ _(
+        "button",
+        {
+          type: "button",
+          className: "eyeon-map-controls__reset",
+          onClick: h,
+          "aria-label": "Reset map",
+          children: "Reset"
+        }
+      ),
+      /* @__PURE__ */ ne("div", { className: "eyeon-map-controls__zoom", children: [
+        /* @__PURE__ */ _(
+          "button",
+          {
+            type: "button",
+            className: "eyeon-map-controls__zoom-btn",
+            onClick: I,
+            "aria-label": "Zoom out",
+            children: "−"
+          }
+        ),
+        /* @__PURE__ */ _(
+          "button",
+          {
+            type: "button",
+            className: "eyeon-map-controls__zoom-btn",
+            onClick: M,
+            "aria-label": "Zoom in",
+            children: "+"
+          }
+        )
+      ] })
+    ] })
+  ] }) });
+}
+async function Dt(u, a, A) {
+  const M = u.replace(/\/$/, ""), I = new URLSearchParams();
+  a != null && a > 0 && I.set("center_id", String(a)), A && I.set("draft", "1");
+  const h = I.toString(), v = await fetch(`${M}/v1/map/document${h ? `?${h}` : ""}`, {
+    credentials: "include"
+  });
+  if (!v.ok)
+    throw new Error(`Failed to load map document (${v.status})`);
+  return v.json();
 }
-function ce(l) {
+function Ut(u) {
   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(() => {
-    if (i) {
-      _(i);
+    document: a,
+    webApiURI: A,
+    centerId: M,
+    host: I = "WEBSITE",
+    kioskId: h = null,
+    selectedRetailerId: v = null,
+    themeOverrides: x,
+    onExtractedAmenities: q,
+    createRouteRef: T,
+    className: H,
+    style: G,
+    activeLevelId: E,
+    onActiveLevelChange: W,
+    routeOnSelect: N = !0,
+    imageProxyUrl: k
+  } = u, [f, P] = ue(a ?? null), d = ie(
+    () => f ? Ge(f) : null,
+    [f]
+  ), [p, S] = ue(null), [j, m] = ue(null), [z, R] = ue(null), [F, X] = ue(null), [Z, V] = ue(!1), [K, $] = ue(() => a ? De(Ge(a).levels) : null), oe = Ae(null), J = Ae(null), U = E ?? K, g = (r) => {
+    $(r), r != null && (W == null || W(r));
+  };
+  me(() => {
+    if (a) {
+      P(a);
       return;
     }
-    if (!a) return;
+    if (!A) 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(I).fetchDraft;
+    return Dt(A, M, o).then((t) => {
+      r || P(t);
+    }).catch((t) => {
+      r || S(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);
+  }, [a, A, M, I]), me(() => {
+    var t;
+    if (!d) return;
+    const r = new Set(d.levels.map((e) => e.id));
+    (U == null || !r.has(U)) && g(De(d.levels));
+    const o = /* @__PURE__ */ new Set();
+    for (const e of d.levels)
+      for (const c of e.shapes)
+        if (c.kind === "amenity" && ((t = c.assignment) == null ? void 0 : t.amenityId) != null) {
+          const y = d.amenities.find((i) => i.id === c.assignment.amenityId);
+          y && o.add(y.code);
         }
-    h == null || h(Array.from(r));
-  }, [n, d, h]), z(() => {
+    q == null || q(Array.from(o));
+  }, [d, U, q]), me(() => {
+    var r;
+    if (!(!d || v == null)) {
+      for (const o of d.levels)
+        for (const t of o.shapes)
+          if (((r = t.assignment) == null ? void 0 : r.retailerId) === v) {
+            g(o.id);
+            return;
+          }
+    }
+  }, [d, v]), me(() => {
     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 (!(!d || !Te(I).kioskOrigin || h == null)) {
+      for (const o of d.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 && R(e.id);
           }
     }
-  }, [n, p, k]);
-  const w = T(() => n ? X(
-    n.graph.nodes.map((r) => ({
+  }, [d, I, h]);
+  const te = ie(() => d ? tt(
+    d.graph.nodes.map((r) => ({
       id: r.id,
       levelId: r.levelId,
       shapeId: r.shapeId,
@@ -405,9 +1770,9 @@ function ce(l) {
       y: r.y,
       connectorId: r.connectorId
     })),
-    n.graph.edges.map((r) => ({
+    d.graph.edges.map((r) => ({
       id: r.id,
-      mapId: n.mapId,
+      mapId: d.mapId,
       fromAnchorId: r.from,
       toAnchorId: r.to,
       weight: r.weight,
@@ -415,106 +1780,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);
+    d.connectors
+  ) : null, [d]), ee = (r, o) => {
+    if (!te || r == null || o == null) {
+      m(null);
       return;
     }
-    const u = W(w, r, c, { accessibleOnly: e });
-    D(u);
+    const t = ot(te, r, o, { accessibleOnly: Z });
+    m(t);
   };
-  z(() => {
-    B(E, $);
-  }, [E, $, e, w]), z(() => {
-    !A || !n || (A.current = {
+  me(() => {
+    ee(z, F);
+  }, [z, F, Z, te]), me(() => {
+    !T || !d || (T.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 d.levels)
+          for (const e of t.shapes)
+            if (((o = e.assignment) == null ? void 0 : o.retailerId) === r) {
+              const c = t.anchors.find((y) => y.shapeId === e.id);
+              c && (X(c.id), g(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 = d.amenities.find((e) => e.code === r);
+        if (o) {
+          for (const e of d.levels)
+            for (const c of e.shapes)
+              if (((t = c.assignment) == null ? void 0 : t.amenityId) === o.id) {
+                const y = e.anchors.find((i) => i.shapeId === c.id);
+                if (y) {
+                  X(y.id), g(e.id);
                   return;
                 }
               }
         }
       },
       clearRoute() {
-        L(null), D(null);
+        X(null), m(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;
+  }, [T, d]);
+  const se = nt(d == null ? void 0 : d.theme, x);
+  if (p)
+    return /* @__PURE__ */ _("div", { className: `eyeon-map-viewer eyeon-map-viewer--error ${H ?? ""}`, style: G, children: /* @__PURE__ */ _("div", { className: "eyeon-map-viewer__error", children: p }) });
+  if (!d)
+    return /* @__PURE__ */ _("div", { className: `eyeon-map-viewer eyeon-map-viewer--loading ${H ?? ""}`, style: G, children: /* @__PURE__ */ _("div", { className: "eyeon-map-viewer__loading", children: "Loading map…" }) });
+  const he = d.amenities.filter(
+    (r) => d.levels.some(
+      (o) => o.shapes.some((t) => {
+        var e;
+        return ((e = t.assignment) == null ? void 0 : e.amenityId) === r.id;
       })
     )
-  );
-  return /* @__PURE__ */ g(
+  ), ce = Te(I);
+  return /* @__PURE__ */ ne(
     "div",
     {
-      className: `eyeon-map-viewer eyeon-map-viewer--${p} ${s ?? ""}`,
+      className: `eyeon-map-viewer eyeon-map-viewer--${I} ${H ?? ""}`,
       style: {
-        ...v,
-        "--map-accent": F.ACCENT_COLOR,
-        "--map-bg": F.MAP_BACKGROUND_COLOR
+        ...G,
+        "--map-accent": se.ACCENT_COLOR,
+        "--map-bg": se.MAP_BACKGROUND_COLOR
       },
       children: [
-        p !== "DISPLAY_APP" && /* @__PURE__ */ t(
-          te,
+        (ce.search || ce.amenities) && /* @__PURE__ */ _(
+          _t,
           {
-            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
+            doc: d,
+            amenities: he,
+            activeLevelId: U,
+            onActiveLevelChange: g,
+            fromAnchorId: z,
+            toAnchorId: F,
+            onFromChange: R,
+            onToChange: X,
+            accessibleOnly: Z,
+            onAccessibleOnlyChange: V,
+            route: j,
+            showSearch: ce.search,
+            showAmenities: ce.amenities
           }
         ),
-        /* @__PURE__ */ t("div", { className: "eyeon-map-viewer__canvas", children: /* @__PURE__ */ t(U, { fallback: null, children: /* @__PURE__ */ t(
-          ne,
+        /* @__PURE__ */ _(
+          Gt,
           {
-            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);
+            levels: d.levels,
+            activeLevelId: U,
+            onActiveLevelChange: g,
+            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: ce.floors,
+            showZoomReset: ce.zoomReset
+          }
+        ),
+        /* @__PURE__ */ _("div", { ref: J, className: "eyeon-map-viewer__canvas", children: /* @__PURE__ */ _(Xe, { fallback: null, children: /* @__PURE__ */ _(
+          Lt,
+          {
+            doc: d,
+            theme: se,
+            activeLevelId: U,
+            route: j,
+            selectedRetailerId: v,
+            cameraRef: oe,
+            eventSource: J,
+            imageProxyUrl: k,
+            onSelectShape: (r, o) => {
+              var t;
+              if (g(o), N) {
+                const e = d.levels.find((y) => y.id === o), c = e == null ? void 0 : e.anchors.find((y) => y.shapeId === r);
+                c && X(c.id);
+              }
+              (t = u.onSelectShape) == null || t.call(u, r);
             }
           }
         ) }) })
@@ -523,8 +1911,9 @@ function ce(l) {
   );
 }
 export {
-  ne as M,
-  te as R,
-  ce as a
+  Gt as M,
+  _t as R,
+  Lt as a,
+  Ut as b
 };
 //# sourceMappingURL=MapViewer.js.map