@nika-js/onlymap 0.6.13 → 0.6.14

package/dist/react.js

@@ -1,210 +1,210 @@
-var Ee = Object.defineProperty;
-var Fe = (e, t, s) => t in e ? Ee(e, t, { enumerable: !0, configurable: !0, writable: !0, value: s }) : e[t] = s;
-var oe = (e, t, s) => Fe(e, typeof t != "symbol" ? t + "" : t, s);
+var Re = Object.defineProperty;
+var Fe = (t, e, s) => e in t ? Re(t, e, { enumerable: !0, configurable: !0, writable: !0, value: s }) : t[e] = s;
+var oe = (t, e, s) => Fe(t, typeof e != "symbol" ? e + "" : e, s);
 import { jsxs as X, jsx as O } from "react/jsx-runtime";
-import { createContext as Re, useContext as xe, forwardRef as Ce, useRef as h, useState as j, useId as ce, useCallback as se, useMemo as L, useLayoutEffect as ie, useEffect as R, useImperativeHandle as Te, useSyncExternalStore as de } from "react";
-import { MANAGED_SLOTS as Pe, slotContainerStyle as ke, FOLD_SIDES as A, MapController as Le, parseWidgetStyle as Me, foldToggleSlot as $e, foldToggleStyle as je, foldPanelStyle as De, foldDrawerStyle as _e, resolveFoldBreakpointPx as Ae, shouldFoldAtWidth as Ie, DEFAULT_FOLD_BREAKPOINT_PX as ze, resolveSlot as Ke, foldSideForSlot as He, isStoreToken as Ne } from "@nika-js/onlymap";
+import { createContext as Pe, useContext as xe, forwardRef as Ce, useRef as b, useState as $, useId as ce, useCallback as se, useMemo as M, useLayoutEffect as ie, useEffect as F, useImperativeHandle as Te, useSyncExternalStore as de } from "react";
+import { MANAGED_SLOTS as ke, slotContainerStyle as Me, FOLD_SIDES as A, MapController as je, parseWidgetStyle as Le, foldToggleSlot as $e, foldToggleStyle as De, foldPanelStyle as _e, foldDrawerStyle as Ae, resolveFoldBreakpointPx as Ie, shouldFoldAtWidth as Ke, DEFAULT_FOLD_BREAKPOINT_PX as ze, resolveSlot as He, foldSideForSlot as Ne, isStoreToken as We } from "@nika-js/onlymap";
 import { createPortal as ue } from "react-dom";
-const fe = Re(null);
-function W(e) {
-  const t = xe(fe);
-  if (!t) throw new Error(`[onlymapjs] ${e} must be rendered inside <OmMap>.`);
-  return t;
+const fe = Pe(null);
+function W(t) {
+  const e = xe(fe);
+  if (!e) throw new Error(`[onlymapjs] ${t} must be rendered inside <OmMap>.`);
+  return e;
 }
-function Q(e, t) {
-  if (e === t) return !0;
-  const s = Object.keys(e ?? {}), o = Object.keys(t ?? {});
-  return s.length !== o.length ? !1 : s.every((i) => e[i] === t[i]);
+function Q(t, e) {
+  if (t === e) return !0;
+  const s = Object.keys(t ?? {}), n = Object.keys(e ?? {});
+  return s.length !== n.length ? !1 : s.every((i) => t[i] === e[i]);
 }
-function We(e, t) {
-  const { props: s, updateTriggers: o, ...i } = e, { props: m, updateTriggers: c, ...l } = t;
-  return Q(i, l) && Q(s, m) && Q(o, c);
+function Be(t, e) {
+  const { props: s, updateTriggers: n, ...i } = t, { props: p, updateTriggers: c, ...l } = e;
+  return Q(i, l) && Q(s, p) && Q(n, c);
 }
 class qe {
-  constructor(t) {
+  constructor(e) {
     oe(this, "descriptors", /* @__PURE__ */ new Map());
-    this.controller = t;
+    this.controller = e;
   }
-  upsert(t) {
-    const s = this.descriptors.get(t.id);
-    s && We(s, t) || (this.descriptors.set(t.id, t), this.controller.setLayers([...this.descriptors.values()]));
+  upsert(e) {
+    const s = this.descriptors.get(e.id);
+    s && Be(s, e) || (this.descriptors.set(e.id, e), this.controller.setLayers([...this.descriptors.values()]));
   }
-  remove(t) {
-    this.descriptors.delete(t) && this.controller.setLayers([...this.descriptors.values()]);
+  remove(e) {
+    this.descriptors.delete(e) && this.controller.setLayers([...this.descriptors.values()]);
   }
 }
-const N = Pe, Ve = Object.fromEntries(N.map((e) => [e, ke(e)])), ae = { display: "flex", pointerEvents: "none", order: 2147483647 }, Be = Object.fromEntries(A.map((e) => [e, null]));
-function Je(e) {
-  const t = e.querySelector(
+const N = ke, Ve = Object.fromEntries(N.map((t) => [t, Me(t)])), ae = { display: "flex", pointerEvents: "none", order: 2147483647 }, Je = Object.fromEntries(A.map((t) => [t, null]));
+function Ye(t) {
+  const e = t.querySelector(
     'button:not([disabled]),a[href],input:not([disabled]),select:not([disabled]),textarea:not([disabled]),[tabindex]:not([tabindex="-1"])'
   );
-  t ? t.focus() : (e.tabIndex = -1, e.focus());
+  e ? e.focus() : (t.tabIndex = -1, t.focus());
 }
-function Ye(e, t) {
-  return Object.entries(t).some(([s, o]) => o !== void 0 && e[s] !== o);
+function Ge(t, e) {
+  return Object.entries(e).some(([s, n]) => n !== void 0 && t[s] !== n);
 }
-const nt = Ce(function(t, s) {
-  const { center: o, zoom: i, pitch: m, bearing: c, basemap: l, basemapKey: g, attribution: p, headless: d, widgetStyle: x, widgetsHidden: v, widgetsFold: b = !0, className: y, style: C, children: w } = t, E = h(null), P = h(null), [a, M] = j(null), [k, q] = j(null), [T, D] = j(
+const ot = Ce(function(e, s) {
+  const { center: n, zoom: i, pitch: p, bearing: c, basemap: l, basemapKey: m, attribution: h, headless: d, widgetStyle: P, widgetsHidden: v, widgetsFold: g = !0, className: y, style: x, children: w } = e, E = b(null), T = b(null), [a, j] = $(null), [k, B] = $(null), [C, D] = $(
     () => Object.fromEntries(N.map((r) => [r, null]))
-  ), [F, I] = j(!1), [V, me] = j(Be), [ge, ye] = j(
+  ), [R, I] = $(!1), [q, me] = $(Je), [ye, ge] = $(
     () => Object.fromEntries(A.map((r) => [r, 0]))
-  ), [be, B] = j(null), Z = `om-react-fold-${ce().replaceAll(":", "")}`, he = h(new Map(A.map((r) => [r, /* @__PURE__ */ new Set()]))), ee = d ? JSON.stringify(d) : "", z = h({
+  ), [be, V] = $(null), Z = `om-react-fold-${ce().replaceAll(":", "")}`, he = b(new Map(A.map((r) => [r, /* @__PURE__ */ new Set()]))), ee = d ? JSON.stringify(d) : "", K = b({
     badge: null,
     attribution: null
-  }), pe = se((r) => {
-    q((n) => n === r ? n : r);
-  }, []), ve = L(
+  }), ve = se((r) => {
+    B((o) => o === r ? o : r);
+  }, []), Se = M(
     () => Object.fromEntries(
       N.map((r) => [
         r,
-        (n) => {
-          D((u) => u[r] === n ? u : { ...u, [r]: n });
+        (o) => {
+          D((u) => u[r] === o ? u : { ...u, [r]: o });
         }
       ])
     ),
     []
-  ), Se = L(
+  ), Oe = M(
     () => Object.fromEntries(
       A.map((r) => [
         r,
-        (n) => {
-          me((u) => u[r] === n ? u : { ...u, [r]: n });
+        (o) => {
+          me((u) => u[r] === o ? u : { ...u, [r]: o });
         }
       ])
     ),
     []
-  ), te = se((r, n, u) => {
+  ), te = se((r, o, u) => {
     const f = he.current.get(r), S = f.size;
-    u ? f.add(n) : f.delete(n), f.size !== S && ye((_) => ({ ..._, [r]: f.size }));
+    u ? f.add(o) : f.delete(o), f.size !== S && ge((_) => ({ ..._, [r]: f.size }));
   }, []);
   ie(() => {
     const r = E.current;
     if (!r) return;
-    let n, u = ze;
+    let o, u = ze;
     const f = (_) => {
       const U = getComputedStyle(r).getPropertyValue("--om-widget-fold-breakpoint").trim();
-      U !== n && (n = U, u = Ae(U, r)), I((we) => b && Ie(_, u, we));
+      U !== o && (o = U, u = Ie(U, r)), I((Ee) => g && Ke(_, u, Ee));
     };
     if (f(r.getBoundingClientRect().width || (d ? d === !0 ? 800 : d.width ?? 800 : 0)), typeof ResizeObserver > "u") return;
     const S = new ResizeObserver(([_]) => f(_.contentRect.width));
     return S.observe(r), () => S.disconnect();
-  }, [b, ee]), R(() => {
-    (!F || v) && B(null);
-  }, [F, v]);
-  const re = h({ center: o, zoom: i, pitch: m, bearing: c });
-  re.current = { center: o, zoom: i, pitch: m, bearing: c };
-  const K = h(t.onReady);
-  K.current = t.onReady;
-  const $ = h(t.onViewStateChange);
-  $.current = t.onViewStateChange;
-  const H = h(t.onRuntimeError);
-  H.current = t.onRuntimeError;
-  const J = h(l);
+  }, [g, ee]), F(() => {
+    (!R || v) && V(null);
+  }, [R, v]);
+  const re = b({ center: n, zoom: i, pitch: p, bearing: c });
+  re.current = { center: n, zoom: i, pitch: p, bearing: c };
+  const z = b(e.onReady);
+  z.current = e.onReady;
+  const L = b(e.onViewStateChange);
+  L.current = e.onViewStateChange;
+  const H = b(e.onRuntimeError);
+  H.current = e.onRuntimeError;
+  const J = b(l);
   J.current = l;
-  const Y = h(void 0);
+  const Y = b(void 0);
   ie(() => {
-    if (!P.current) return;
+    if (!T.current) return;
     const r = re.current;
     Y.current = J.current;
-    const n = new Le(P.current, {
+    const o = new je(T.current, {
       center: r.center,
       zoom: r.zoom,
       pitch: r.pitch,
       bearing: r.bearing,
       basemap: J.current,
-      basemapKey: g,
-      attribution: p,
+      basemapKey: m,
+      attribution: h,
       headless: d ? d === !0 ? {} : d : void 0,
       chromeHosts: {
-        badge: z.current.badge ?? void 0,
-        attribution: z.current.attribution ?? void 0
+        badge: K.current.badge ?? void 0,
+        attribution: K.current.attribution ?? void 0
       },
       onRuntimeError: (f) => {
         var S;
         return (S = H.current) == null ? void 0 : S.call(H, f);
       }
     });
-    M(n);
+    j(o);
     let u = !0;
-    return n.ready.then(() => {
+    return o.ready.then(() => {
       var f;
-      u && ((f = K.current) == null || f.call(K));
+      u && ((f = z.current) == null || f.call(z));
     }), () => {
-      u = !1, M(null), n.destroy();
+      u = !1, j(null), o.destroy();
     };
-  }, [ee]), R(() => {
+  }, [ee]), F(() => {
     !a || Y.current === l || (Y.current = l, a.setBasemap(l ?? null));
-  }, [a, l]), Te(s, () => a, [a]), R(() => {
+  }, [a, l]), Te(s, () => a, [a]), F(() => {
     if (!a) return;
-    const r = { longitude: o == null ? void 0 : o[0], latitude: o == null ? void 0 : o[1], zoom: i, pitch: m, bearing: c };
-    Ye(a.getViewState(), r) && a.setView(r);
-  }, [a, o == null ? void 0 : o[0], o == null ? void 0 : o[1], i, m, c]), R(() => {
+    const r = { longitude: n == null ? void 0 : n[0], latitude: n == null ? void 0 : n[1], zoom: i, pitch: p, bearing: c };
+    Ge(a.getViewState(), r) && a.setView(r);
+  }, [a, n == null ? void 0 : n[0], n == null ? void 0 : n[1], i, p, c]), F(() => {
     var r;
     if (a)
-      return (r = $.current) == null || r.call($, a.getViewState()), a.getStore("viewport").subscribe(() => {
-        var n;
-        return (n = $.current) == null ? void 0 : n.call($, a.getViewState());
+      return (r = L.current) == null || r.call(L, a.getViewState()), a.getStore("viewport").subscribe(() => {
+        var o;
+        return (o = L.current) == null ? void 0 : o.call(L, a.getViewState());
       });
   }, [a]);
-  const Oe = L(
+  const we = M(
     () => ({
       position: "absolute",
       inset: 0,
       zIndex: 20,
       pointerEvents: "none",
       opacity: "var(--om-widget-opacity, 1)",
-      ...x ? Me(x).properties : void 0
+      ...P ? Le(P).properties : void 0
     }),
-    [x]
-  ), G = L(() => a ? new qe(a) : null, [a]), ne = L(
-    () => a && G && k ? { controller: a, layers: G, overlayPane: k, corners: T, widgetsHidden: !!v, widgetsFolded: F, foldPanels: V, registerFoldedWidget: te } : null,
-    [a, G, k, T, v, F, V, te]
+    [P]
+  ), G = M(() => a ? new qe(a) : null, [a]), ne = M(
+    () => a && G && k ? { controller: a, layers: G, overlayPane: k, corners: C, widgetsHidden: !!v, widgetsFolded: R, foldPanels: q, registerFoldedWidget: te } : null,
+    [a, G, k, C, v, R, q, te]
   );
-  return /* @__PURE__ */ X("div", { ref: E, className: y, style: { position: "relative", overflow: "hidden", ...C }, children: [
-    /* @__PURE__ */ O("div", { ref: P, style: { position: "absolute", inset: 0 } }),
+  return /* @__PURE__ */ X("div", { ref: E, className: y, style: { position: "relative", overflow: "hidden", ...x }, children: [
+    /* @__PURE__ */ O("div", { ref: T, style: { position: "absolute", inset: 0 } }),
     /* @__PURE__ */ O(
       "div",
       {
-        ref: pe,
+        ref: ve,
         style: { position: "absolute", top: 0, left: 0, zIndex: 10, pointerEvents: "none" }
       }
     ),
-    /* @__PURE__ */ O("div", { "data-om-widget-layer": "", style: Oe, children: N.map((r) => /* @__PURE__ */ X(
+    /* @__PURE__ */ O("div", { "data-om-widget-layer": "", style: we, children: N.map((r) => /* @__PURE__ */ X(
       "div",
       {
         "data-om-widget-slot": r,
-        ref: ve[r],
+        ref: Se[r],
         style: {
           ...Ve[r],
-          ...F && r === "bottom-end" ? { bottom: "calc(var(--om-widget-inset-y, 12px) + 28px)" } : void 0
+          ...R && r === "bottom-end" ? { bottom: "calc(var(--om-widget-inset-y, 12px) + 28px)" } : void 0
         },
         children: [
-          F && A.filter((n) => $e(n) === r && ge[n] > 0).map((n) => {
-            const u = be === n;
+          R && A.filter((o) => $e(o) === r && ye[o] > 0).map((o) => {
+            const u = be === o;
             return /* @__PURE__ */ X(
               "div",
               {
-                "data-om-fold-drawer": n,
-                style: { ..._e(n), display: v ? "none" : "flex" },
+                "data-om-fold-drawer": o,
+                style: { ...Ae(o), display: v ? "none" : "flex" },
                 onKeyDown: (f) => {
                   var S;
-                  f.key !== "Escape" || !u || (B(null), (S = f.currentTarget.querySelector("[data-om-fold-toggle]")) == null || S.focus(), f.preventDefault(), f.stopPropagation());
+                  f.key !== "Escape" || !u || (V(null), (S = f.currentTarget.querySelector("[data-om-fold-toggle]")) == null || S.focus(), f.preventDefault(), f.stopPropagation());
                 },
                 children: [
                   /* @__PURE__ */ O(
                     "button",
                     {
                       type: "button",
-                      "data-om-fold-toggle": n,
+                      "data-om-fold-toggle": o,
                       "aria-expanded": u,
-                      "aria-controls": `${Z}-${n}`,
-                      "aria-label": `${u ? "Close" : "Open"} ${n} map controls`,
-                      style: je(),
+                      "aria-controls": `${Z}-${o}`,
+                      "aria-label": `${u ? "Close" : "Open"} ${o} map controls`,
+                      style: De(),
                       onClick: () => {
-                        B(u ? null : n), u || requestAnimationFrame(() => {
+                        V(u ? null : o), u || requestAnimationFrame(() => {
                           var S;
-                          const f = (S = E.current) == null ? void 0 : S.querySelector(`[data-om-fold-panel="${n}"]`);
-                          f && Je(f);
+                          const f = (S = E.current) == null ? void 0 : S.querySelector(`[data-om-fold-panel="${o}"]`);
+                          f && Ye(f);
                         });
                       },
                       children: "⋯"
@@ -213,26 +213,26 @@ const nt = Ce(function(t, s) {
                   /* @__PURE__ */ O(
                     "div",
                     {
-                      id: `${Z}-${n}`,
-                      ref: Se[n],
-                      "data-om-fold-panel": n,
+                      id: `${Z}-${o}`,
+                      ref: Oe[o],
+                      "data-om-fold-panel": o,
                       role: "region",
-                      "aria-label": `${n} map controls`,
+                      "aria-label": `${o} map controls`,
                       hidden: !u,
-                      style: { ...De(n), display: u ? "flex" : "none" }
+                      style: { ..._e(o), display: u ? "flex" : "none" }
                     }
                   )
                 ]
               },
-              `fold-${n}`
+              `fold-${o}`
             );
           }),
           r === "bottom-start" && /* @__PURE__ */ O(
             "div",
             {
               "data-om-mandated-chrome": "badge",
-              ref: (n) => {
-                z.current.badge = n;
+              ref: (o) => {
+                K.current.badge = o;
               },
               style: ae
             }
@@ -241,8 +241,8 @@ const nt = Ce(function(t, s) {
             "div",
             {
               "data-om-mandated-chrome": "attribution",
-              ref: (n) => {
-                z.current.attribution = n;
+              ref: (o) => {
+                K.current.attribution = o;
               },
               style: ae
             }
@@ -253,109 +253,92 @@ const nt = Ce(function(t, s) {
     )) }),
     ne && /* @__PURE__ */ O(fe.Provider, { value: ne, children: w })
   ] });
-}), Ge = /* @__PURE__ */ new Set([
-  "id",
-  "type",
-  "data",
-  "label",
-  "color",
-  "filterField",
-  "filterRange",
-  "filterSoftRange",
-  "filterFields",
-  "filterCategoryField",
-  "filterCategories",
-  "filterCategoryFields",
-  "dash",
-  "dashJustified",
-  "source",
-  "streamKey",
-  "flush",
-  "refresh",
-  "terrain",
-  "updateTriggers",
-  "onClick",
-  "onHover"
-]);
-function Ue(e) {
-  const t = {};
-  for (const [s, o] of Object.entries(e))
-    !Ge.has(s) && o !== void 0 && (t[s] = o);
-  return {
-    id: e.id,
-    type: e.type,
-    data: e.data,
-    label: e.label,
-    color: e.color,
-    filterField: e.filterField,
-    filterRange: e.filterRange,
-    filterSoftRange: e.filterSoftRange,
-    filterFields: e.filterFields,
-    filterCategoryField: e.filterCategoryField,
-    filterCategories: e.filterCategories,
-    filterCategoryFields: e.filterCategoryFields,
-    dash: e.dash,
-    dashJustified: e.dashJustified,
-    source: e.source,
-    key: e.streamKey,
-    flush: e.flush,
-    refresh: e.refresh,
-    terrain: e.terrain,
-    updateTriggers: e.updateTriggers,
-    ...Object.keys(t).length > 0 ? { props: t } : {}
-  };
+}), pe = {
+  id: "id",
+  type: "type",
+  data: "data",
+  label: "label",
+  color: "color",
+  filterField: "filterField",
+  filterRange: "filterRange",
+  filterSoftRange: "filterSoftRange",
+  filterFields: "filterFields",
+  filterCategoryField: "filterCategoryField",
+  filterCategories: "filterCategories",
+  filterCategoryFields: "filterCategoryFields",
+  dash: "dash",
+  dashJustified: "dashJustified",
+  classifyBy: "classifyBy",
+  classifyScale: "classifyScale",
+  classifyClasses: "classifyClasses",
+  classifyRamp: "classifyRamp",
+  source: "source",
+  streamKey: "key",
+  flush: "flush",
+  refresh: "refresh",
+  terrain: "terrain",
+  updateTriggers: "updateTriggers"
+}, Ue = /* @__PURE__ */ new Set([...Object.keys(pe), "onClick", "onHover"]);
+function Xe(t) {
+  const e = {};
+  for (const [n, i] of Object.entries(t))
+    !Ue.has(n) && i !== void 0 && (e[n] = i);
+  const s = {};
+  for (const [n, i] of Object.entries(pe))
+    s[i] = t[n];
+  return Object.keys(e).length > 0 && (s.props = e), s;
 }
-function ot(e) {
-  const { controller: t, layers: s } = W("OmLayer"), { id: o } = e, i = Ue(e);
-  R(() => {
+function st(t) {
+  const { controller: e, layers: s } = W("OmLayer"), { id: n } = t, i = Xe(t);
+  F(() => {
     s.upsert(i);
-  }), R(() => () => s.remove(o), [s, o]);
-  const m = h(e.onClick);
-  m.current = e.onClick;
-  const c = h(e.onHover);
-  return c.current = e.onHover, R(
-    () => t.watchPicks((l) => {
-      var g, p, d;
+  }), F(() => () => s.remove(n), [s, n]);
+  const p = b(t.onClick);
+  p.current = t.onClick;
+  const c = b(t.onHover);
+  return c.current = t.onHover, F(
+    () => e.watchPicks((l) => {
+      var m, h, d;
       if (l === null) {
-        (g = c.current) == null || g.call(c, null);
+        (m = c.current) == null || m.call(c, null);
         return;
       }
-      l.layerId === o && (l.type === "click" ? (p = m.current) == null || p.call(m, l) : (d = c.current) == null || d.call(c, l));
+      l.layerId === n && (l.type === "click" ? (h = p.current) == null || h.call(p, l) : (d = c.current) == null || d.call(c, l));
     }),
-    [t, o]
+    [e, n]
   ), null;
 }
-function st({ position: e = "top-start", order: t, fold: s, className: o, style: i, children: m }) {
-  const { corners: c, widgetsHidden: l, widgetsFolded: g, foldPanels: p, registerFoldedWidget: d } = W("OmWidget"), x = ce(), v = Ke(e) ?? "top-start", b = g && v !== "manual" && s !== "never", y = v === "manual" ? null : He(v);
-  if (R(() => {
+function it({ position: t = "top-start", order: e, fold: s, className: n, style: i, children: p }) {
+  const { corners: c, widgetsHidden: l, widgetsFolded: m, foldPanels: h, registerFoldedWidget: d } = W("OmWidget"), P = ce(), v = He(t) ?? "top-start", g = m && v !== "manual" && s !== "never", y = v === "manual" ? null : Ne(v);
+  if (F(() => {
     if (y)
-      return d(y, x, b), () => d(y, x, !1);
-  }, [y, x, b, d]), v === "manual")
-    return /* @__PURE__ */ O("div", { className: o, style: { pointerEvents: "auto", ...i }, children: m });
-  const C = b && y ? p[y] : c[v];
-  return C ? ue(
+      return d(y, P, g), () => d(y, P, !1);
+  }, [y, P, g, d]), v === "manual")
+    return /* @__PURE__ */ O("div", { className: n, style: { pointerEvents: "auto", ...i }, children: p });
+  const x = g && y ? h[y] : c[v];
+  return x ? ue(
     /* @__PURE__ */ O(
       "div",
       {
         "data-om-react-widget": "",
-        "data-om-fold-origin-slot": b ? v : void 0,
-        className: o,
+        "data-om-fold-origin-slot": g ? v : void 0,
+        className: n,
         style: {
-          ...t !== void 0 ? { order: t } : void 0,
+          ...e !== void 0 ? { order: e } : void 0,
           ...i,
           pointerEvents: l ? "none" : (i == null ? void 0 : i.pointerEvents) ?? "auto",
           visibility: l ? "hidden" : i == null ? void 0 : i.visibility
         },
-        children: m
+        children: p
       }
     ),
-    C
+    x
   ) : null;
 }
-function le(e, t, s, o) {
-  return t && (e == null ? void 0 : e.layerId) !== t ? !1 : !s || (e ? e.type : o) === s;
+function le(t, e, s, n) {
+  return e && (t == null ? void 0 : t.layerId) !== e ? !1 : !s || (t ? t.type : n) === s;
 }
-const Xe = {
+const Qe = {
   "top-left": "translate(0, 0)",
   "top-center": "translate(-50%, 0)",
   "top-right": "translate(-100%, 0)",
@@ -366,52 +349,52 @@ const Xe = {
   "bottom-center": "translate(-50%, -100%)",
   "bottom-right": "translate(-100%, -100%)"
 };
-function it(e) {
-  const { controller: t, overlayPane: s } = W("OmOverlay"), o = h(null), i = h(void 0), m = h(e);
-  m.current = e;
-  const c = L(() => {
-    const b = t.getStore("selection");
-    let y, C, w = null;
+function at(t) {
+  const { controller: e, overlayPane: s } = W("OmOverlay"), n = b(null), i = b(void 0), p = b(t);
+  p.current = t;
+  const c = M(() => {
+    const g = e.getStore("selection");
+    let y, x, w = null;
     return {
-      subscribe: b.subscribe,
+      subscribe: g.subscribe,
       getSnapshot: () => {
-        const E = b.getSnapshot(), { anchorFrom: P, layer: a, selectionType: M } = m.current, k = `${P ?? ""}|${a ?? ""}|${M ?? ""}`;
-        return (E !== y || k !== C) && (y = E, C = k, P === "selection" && le(E, a, M, t.getLastPickType()) && (w = E)), w;
+        const E = g.getSnapshot(), { anchorFrom: T, layer: a, selectionType: j } = p.current, k = `${T ?? ""}|${a ?? ""}|${j ?? ""}`;
+        return (E !== y || k !== x) && (y = E, x = k, T === "selection" && le(E, a, j, e.getLastPickType()) && (w = E)), w;
       }
     };
-  }, [t]), l = de(
+  }, [e]), l = de(
     c.subscribe,
     c.getSnapshot,
     c.getSnapshot
   );
-  R(
-    () => t.registerOverlay((b, y, C) => {
-      const w = o.current;
+  F(
+    () => e.registerOverlay((g, y, x) => {
+      const w = n.current;
       if (!w) return;
-      const { anchor: E, anchorFrom: P, layer: a, selectionType: M, visible: k = !0, anchorOffset: q } = m.current;
-      let T;
-      if (P === "selection" ? (le(y, a, M, C) && (i.current = (y == null ? void 0 : y.coordinate) ?? void 0), T = i.current) : T = E, !k || !T || !b) {
+      const { anchor: E, anchorFrom: T, layer: a, selectionType: j, visible: k = !0, anchorOffset: B } = p.current;
+      let C;
+      if (T === "selection" ? (le(y, a, j, x) && (i.current = (y == null ? void 0 : y.coordinate) ?? void 0), C = i.current) : C = E, !k || !C || !g) {
         w.style.visibility = "hidden";
         return;
       }
-      const [D, F, I] = b.project([T[0], T[1], T[2] ?? 0]);
-      if (!(D >= 0 && D <= b.width && F >= 0 && F <= b.height) || I !== void 0 && I < 0) {
+      const [D, R, I] = g.project([C[0], C[1], C[2] ?? 0]);
+      if (!(D >= 0 && D <= g.width && R >= 0 && R <= g.height) || I !== void 0 && I < 0) {
         w.style.visibility = "hidden";
         return;
       }
-      w.style.visibility = "visible", w.style.transform = `translate(${D}px, ${F}px) ${Xe[q ?? "bottom-center"]}`;
+      w.style.visibility = "visible", w.style.transform = `translate(${D}px, ${R}px) ${Qe[B ?? "bottom-center"]}`;
     }),
-    [t]
-  ), R(() => {
-    t.refreshOverlays();
+    [e]
+  ), F(() => {
+    e.refreshOverlays();
   });
-  const { children: g, className: p, style: d, interactive: x = !0 } = e, v = typeof g == "function" ? g(l) : g;
+  const { children: m, className: h, style: d, interactive: P = !0 } = t, v = typeof m == "function" ? m(l) : m;
   return ue(
     /* @__PURE__ */ O(
       "div",
       {
-        ref: o,
-        className: p,
+        ref: n,
+        className: h,
         style: {
           position: "absolute",
           top: 0,
@@ -419,7 +402,7 @@ function it(e) {
           visibility: "hidden",
           // hidden until the first flush positions it — never flashes at the origin
           willChange: "transform",
-          pointerEvents: x ? "auto" : "none",
+          pointerEvents: P ? "auto" : "none",
           ...d
         },
         children: v
@@ -428,29 +411,29 @@ function it(e) {
     s
   );
 }
-function at(e = []) {
-  const { controller: t } = W("useOmMap"), s = e.join(" "), o = L(() => {
-    const c = (s ? s.split(" ") : []).flatMap((g) => Ne(g) ? [t.getStore(g)] : (console.warn(`[onlymapjs] useOmMap: "${g}" is not a watch token on the React front-end — expected viewport, selection, layers, or data:<layerId>.`), []));
+function lt(t = []) {
+  const { controller: e } = W("useOmMap"), s = t.join(" "), n = M(() => {
+    const c = (s ? s.split(" ") : []).flatMap((m) => We(m) ? [e.getStore(m)] : (console.warn(`[onlymapjs] useOmMap: "${m}" is not a watch token on the React front-end — expected viewport, selection, layers, or data:<layerId>.`), []));
     let l;
     return {
-      subscribe: (g) => {
-        const p = c.map((d) => d.subscribe(g));
+      subscribe: (m) => {
+        const h = c.map((d) => d.subscribe(m));
         return () => {
-          for (const d of p) d();
+          for (const d of h) d();
         };
       },
       getSnapshot: () => {
-        const g = c.map((p) => p.getSnapshot());
-        return (!l || g.some((p, d) => p !== l[d])) && (l = g), l;
+        const m = c.map((h) => h.getSnapshot());
+        return (!l || m.some((h, d) => h !== l[d])) && (l = m), l;
       }
     };
-  }, [t, s]), i = de(o.subscribe, o.getSnapshot, o.getSnapshot);
-  return L(() => t.buildCtx(), [t, i]);
+  }, [e, s]), i = de(n.subscribe, n.getSnapshot, n.getSnapshot);
+  return M(() => e.buildCtx(), [e, i]);
 }
 export {
-  ot as OmLayer,
-  nt as OmMap,
-  it as OmOverlay,
-  st as OmWidget,
-  at as useOmMap
+  st as OmLayer,
+  ot as OmMap,
+  at as OmOverlay,
+  it as OmWidget,
+  lt as useOmMap
 };