@local-logic/maps 0.0.21 → 0.0.23

package/dist/{scale-control-Cflgzbvb.js → scale-control-jBKptTbw.js}

@@ -1,13 +1,12 @@
-import * as C from "react";
-import { useContext as L, useMemo as M, useLayoutEffect as I, useEffect as m, useState as G, useRef as T, useImperativeHandle as z, memo as S, forwardRef as R } from "react";
-import { createPortal as V } from "react-dom";
-const W = C.createContext(null);
-function Ce() {
-  var i;
-  const e = (i = L(W)) == null ? void 0 : i.maps, t = L(w);
-  return M(() => ({ ...e, current: t == null ? void 0 : t.map }), [e, t]);
+import * as v from "react";
+import { useContext as S, useMemo as E, useLayoutEffect as q, useEffect as d, useState as B, useRef as M, useImperativeHandle as F, memo as b, forwardRef as N } from "react";
+import { createPortal as j } from "react-dom";
+const $ = v.createContext(null);
+function ve() {
+  const e = S($)?.maps, t = S(T);
+  return E(() => ({ ...e, current: t?.map }), [e, t]);
 }
-function Q(e) {
+function I(e) {
   return {
     longitude: e.center.lng,
     latitude: e.center.lat,
@@ -18,62 +17,62 @@ function Q(e) {
     elevation: e._centerAltitude
   };
 }
-function K(e) {
+function G(e) {
   return Number.isFinite(e.longitude) || Number.isFinite(e.latitude) || Number.isFinite(e.zoom) || Number.isFinite(e.pitch) || Number.isFinite(e.bearing);
 }
-function J(e, t) {
+function Q(e, t) {
   return !!(Number.isFinite(t.longitude) && e.center.lng !== t.longitude || Number.isFinite(t.latitude) && e.center.lat !== t.latitude || Number.isFinite(t.bearing) && e.bearing !== t.bearing || Number.isFinite(t.pitch) && e.pitch !== t.pitch || Number.isFinite(t.zoom) && (e._seaLevelZoom ?? e.zoom) !== t.zoom || t.padding && !e.isPaddingEqual(t.padding));
 }
-function P() {
+function k() {
 }
-function Y(e, t) {
+function K(e, t) {
   const o = e._constrain, i = e._calcMatrices;
-  if (e._constrain = P, e._calcMatrices = P, Number.isFinite(t.bearing) && (e.bearing = t.bearing), Number.isFinite(t.pitch) && (e.pitch = t.pitch), t.padding && !e.isPaddingEqual(t.padding) && (e.padding = t.padding), Number.isFinite(t.longitude) || Number.isFinite(t.latitude)) {
+  if (e._constrain = k, e._calcMatrices = k, Number.isFinite(t.bearing) && (e.bearing = t.bearing), Number.isFinite(t.pitch) && (e.pitch = t.pitch), t.padding && !e.isPaddingEqual(t.padding) && (e.padding = t.padding), Number.isFinite(t.longitude) || Number.isFinite(t.latitude)) {
     const n = e.center;
     e._center = new n.constructor(t.longitude ?? n.lng, t.latitude ?? n.lat);
   }
   if (Number.isFinite(t.zoom))
     if (e._centerAltitude = t.elevation ?? 0, e.elevation) {
       e._seaLevelZoom = t.zoom;
-      const n = e.pixelsPerMeter / e.worldSize * e._centerAltitude, r = e._mercatorZfromZoom(t.zoom), a = e._mercatorZfromZoom(e._maxZoom), s = Math.max(r - n, a);
-      e._setZoom(e._zoomFromMercatorZ(s));
+      const n = e.pixelsPerMeter / e.worldSize * e._centerAltitude, r = e._mercatorZfromZoom(t.zoom), s = e._mercatorZfromZoom(e._maxZoom), a = Math.max(r - n, s);
+      e._setZoom(e._zoomFromMercatorZ(a));
     } else
       e._seaLevelZoom = null, e.zoom = t.zoom;
   e._constrain = o, e._calcMatrices = i, e._unmodified || (e._constrain(), e._calcMatrices());
 }
-const X = /* @__PURE__ */ new Set([
+const J = /* @__PURE__ */ new Set([
   "_calcMatrices",
   "_calcFogMatrices",
   "_updateCameraState",
   "_updateSeaLevelZoom"
 ]);
-function ee(e) {
+function Y(e) {
   let t = !1, o = {};
   const i = e;
   let n = null;
   const r = {
-    get(a, s) {
-      return s === "$reactViewState" ? o : s === "$proposedTransform" ? n : s === "$internalUpdate" ? t : s === "_setZoom" ? (c) => {
-        t && (n == null || n[s](c)), Number.isFinite(o.zoom) || i[s](c);
-      } : (t && s === "_translateCameraConstrained" && K(o) && (n = n || i.clone()), X.has(s) ? function(...c) {
-        n == null || n[s](...c), i[s](...c);
-      } : t && n ? n[s] : i[s]);
+    get(s, a) {
+      return a === "$reactViewState" ? o : a === "$proposedTransform" ? n : a === "$internalUpdate" ? t : a === "_setZoom" ? (c) => {
+        t && n?.[a](c), Number.isFinite(o.zoom) || i[a](c);
+      } : (t && a === "_translateCameraConstrained" && G(o) && (n = n || i.clone()), J.has(a) ? function(...c) {
+        n?.[a](...c), i[a](...c);
+      } : t && n ? n[a] : i[a]);
     },
-    set(a, s, c) {
-      if (s === "$reactViewState")
-        return o = c, Y(i, o), !0;
-      if (s === "$proposedTransform")
+    set(s, a, c) {
+      if (a === "$reactViewState")
+        return o = c, K(i, o), !0;
+      if (a === "$proposedTransform")
         return n = c, !0;
-      if (s === "$internalUpdate")
+      if (a === "$internalUpdate")
         return t = c, !0;
       let l = c;
-      return s === "center" || s === "_center" ? (Number.isFinite(o.longitude) || Number.isFinite(o.latitude)) && (l = new c.constructor(o.longitude ?? c.lng, o.latitude ?? c.lat)) : s === "zoom" || s === "_zoom" || s === "_seaLevelZoom" ? Number.isFinite(o.zoom) && (l = i[s]) : s === "_centerAltitude" ? Number.isFinite(o.elevation) && (l = i[s]) : s === "pitch" || s === "_pitch" ? Number.isFinite(o.pitch) && (l = i[s]) : (s === "bearing" || s === "rotation" || s === "angle") && Number.isFinite(o.bearing) && (l = i[s]), t && l !== c && (n = n || i.clone()), t && n && (n[s] = c), i[s] = l, !0;
+      return a === "center" || a === "_center" ? (Number.isFinite(o.longitude) || Number.isFinite(o.latitude)) && (l = new c.constructor(o.longitude ?? c.lng, o.latitude ?? c.lat)) : a === "zoom" || a === "_zoom" || a === "_seaLevelZoom" ? Number.isFinite(o.zoom) && (l = i[a]) : a === "_centerAltitude" ? Number.isFinite(o.elevation) && (l = i[a]) : a === "pitch" || a === "_pitch" ? Number.isFinite(o.pitch) && (l = i[a]) : (a === "bearing" || a === "rotation" || a === "angle") && Number.isFinite(o.bearing) && (l = i[a]), t && l !== c && (n = n || i.clone()), t && n && (n[a] = c), i[a] = l, !0;
     }
   };
   return new Proxy(e, r);
 }
-const te = ["type", "source", "source-layer", "minzoom", "maxzoom", "filter", "layout"];
-function Z(e) {
+const X = ["type", "source", "source-layer", "minzoom", "maxzoom", "filter", "layout"];
+function A(e) {
   if (!e)
     return null;
   if (typeof e == "string" || ("toJS" in e && (e = e.toJS()), !e.layers))
@@ -87,18 +86,18 @@ function Z(e) {
     const r = t[i.ref];
     if (r) {
       n = n || Object.assign({}, i), delete n.ref;
-      for (const a of te)
-        a in r && (n[a] = r[a]);
+      for (const s of X)
+        s in r && (n[s] = r[s]);
     }
     return n || i;
   });
   return { ...e, layers: o };
 }
-function ne(e, t) {
+function ee(e, t) {
   const o = Array.isArray(e) ? e[0] : e ? e.x : 0, i = Array.isArray(e) ? e[1] : e ? e.y : 0, n = Array.isArray(t) ? t[0] : t ? t.x : 0, r = Array.isArray(t) ? t[1] : t ? t.y : 0;
   return o === n && i === r;
 }
-function v(e, t) {
+function y(e, t) {
   if (e === t)
     return !0;
   if (!e || !t)
@@ -107,7 +106,7 @@ function v(e, t) {
     if (!Array.isArray(t) || e.length !== t.length)
       return !1;
     for (let o = 0; o < e.length; o++)
-      if (!v(e[o], t[o]))
+      if (!y(e[o], t[o]))
         return !1;
     return !0;
   } else if (Array.isArray(t))
@@ -117,13 +116,13 @@ function v(e, t) {
     if (o.length !== i.length)
       return !1;
     for (const n of o)
-      if (!t.hasOwnProperty(n) || !v(e[n], t[n]))
+      if (!t.hasOwnProperty(n) || !y(e[n], t[n]))
         return !1;
     return !0;
   }
   return !1;
 }
-const O = { version: 8, sources: {}, layers: [] }, U = {
+const P = { version: 8, sources: {}, layers: [] }, Z = {
   mousedown: "onMouseDown",
   mouseup: "onMouseUp",
   mouseover: "onMouseOver",
@@ -138,7 +137,7 @@ const O = { version: 8, sources: {}, layers: [] }, U = {
   touchend: "onTouchEnd",
   touchmove: "onTouchMove",
   touchcancel: "onTouchCancel"
-}, D = {
+}, O = {
   movestart: "onMoveStart",
   move: "onMove",
   moveend: "onMoveEnd",
@@ -154,7 +153,7 @@ const O = { version: 8, sources: {}, layers: [] }, U = {
   pitchstart: "onPitchStart",
   pitch: "onPitch",
   pitchend: "onPitchEnd"
-}, j = {
+}, U = {
   wheel: "onWheel",
   boxzoomstart: "onBoxZoomStart",
   boxzoomend: "onBoxZoomEnd",
@@ -168,7 +167,7 @@ const O = { version: 8, sources: {}, layers: [] }, U = {
   styledata: "onStyleData",
   sourcedata: "onSourceData",
   error: "onError"
-}, oe = [
+}, te = [
   "minZoom",
   "maxZoom",
   "minPitch",
@@ -176,7 +175,7 @@ const O = { version: 8, sources: {}, layers: [] }, U = {
   "maxBounds",
   "projection",
   "renderWorldCopies"
-], re = [
+], ne = [
   "scrollZoom",
   "boxZoom",
   "dragRotate",
@@ -186,7 +185,7 @@ const O = { version: 8, sources: {}, layers: [] }, U = {
   "touchZoomRotate",
   "touchPitch"
 ];
-class x {
+class L {
   constructor(t, o, i) {
     this._map = null, this._internalUpdate = !1, this._inRender = !1, this._hoveredFeatures = null, this._deferredEvents = {
       move: !1,
@@ -194,16 +193,16 @@ class x {
       pitch: !1,
       rotate: !1
     }, this._onEvent = (n) => {
-      const r = this.props[j[n.type]];
+      const r = this.props[U[n.type]];
       r ? r(n) : n.type === "error" && console.error(n.error);
     }, this._onPointerEvent = (n) => {
       (n.type === "mousemove" || n.type === "mouseout") && this._updateHover(n);
-      const r = this.props[U[n.type]];
+      const r = this.props[Z[n.type]];
       r && (this.props.interactiveLayerIds && n.type !== "mouseover" && n.type !== "mouseout" && (n.features = this._hoveredFeatures || this._queryRenderedFeatures(n.point)), r(n), delete n.features);
     }, this._onCameraEvent = (n) => {
       if (!this._internalUpdate) {
-        const r = this.props[D[n.type]], a = this._proxyTransform;
-        r && (n.viewState = Q(a.$proposedTransform ?? a), r(n)), n.type === "moveend" && (a.$proposedTransform = null);
+        const r = this.props[O[n.type]], s = this._proxyTransform;
+        r && (n.viewState = I(s.$proposedTransform ?? s), r(n)), n.type === "moveend" && (s.$proposedTransform = null);
       }
       n.type in this._deferredEvents && (this._deferredEvents[n.type] = !1);
     }, this._MapClass = t, this.props = o, this._initialize(i);
@@ -223,24 +222,24 @@ class x {
     this._updateStyle(t, o), this._updateStyleComponents(t, o), this._updateHandlers(t, o), (i || n || r && !this._map.isMoving()) && this.redraw();
   }
   static reuse(t, o) {
-    const i = x.savedMaps.pop();
+    const i = L.savedMaps.pop();
     if (!i)
       return null;
     const n = i.map, r = n.getContainer();
     for (o.className = r.className; r.childNodes.length > 0; )
       o.appendChild(r.childNodes[0]);
     n._container = o, i.setProps({ ...t, styleDiffing: !1 }), n.resize();
-    const { initialViewState: a } = t;
-    return a && (a.bounds ? n.fitBounds(a.bounds, { ...a.fitBoundsOptions, duration: 0 }) : i._updateViewState(a, !1)), n.isStyleLoaded() ? n.fire("load") : n.once("styledata", () => n.fire("load")), n._update(), i;
+    const { initialViewState: s } = t;
+    return s && (s.bounds ? n.fitBounds(s.bounds, { ...s.fitBoundsOptions, duration: 0 }) : i._updateViewState(s, !1)), n.isStyleLoaded() ? n.fire("load") : n.once("styledata", () => n.fire("load")), n._update(), i;
   }
   /* eslint-disable complexity,max-statements */
   _initialize(t) {
-    const { props: o } = this, { mapStyle: i = O } = o, n = {
+    const { props: o } = this, { mapStyle: i = P } = o, n = {
       ...o,
       ...o.initialViewState,
-      accessToken: o.mapboxAccessToken || ie() || null,
+      accessToken: o.mapboxAccessToken || oe() || null,
       container: t,
-      style: Z(i)
+      style: A(i)
     }, r = n.initialViewState || n.viewState || n;
     if (Object.assign(n, {
       center: [r.longitude || 0, r.latitude || 0],
@@ -251,36 +250,35 @@ class x {
       const u = HTMLCanvasElement.prototype.getContext;
       HTMLCanvasElement.prototype.getContext = () => (HTMLCanvasElement.prototype.getContext = u, o.gl);
     }
-    const a = new this._MapClass(n);
-    r.padding && a.setPadding(r.padding), o.cursor && (a.getCanvas().style.cursor = o.cursor), this._createProxyTransform(a);
-    const s = a._render;
-    a._render = (u) => {
-      this._inRender = !0, s.call(a, u), this._inRender = !1;
+    const s = new this._MapClass(n);
+    r.padding && s.setPadding(r.padding), o.cursor && (s.getCanvas().style.cursor = o.cursor), this._createProxyTransform(s);
+    const a = s._render;
+    s._render = (u) => {
+      this._inRender = !0, a.call(s, u), this._inRender = !1;
     };
-    const c = a._renderTaskQueue.run;
-    a._renderTaskQueue.run = (u) => {
-      this._proxyTransform.$internalUpdate = !0, c.call(a._renderTaskQueue, u), this._proxyTransform.$internalUpdate = !1, this._fireDefferedEvents();
+    const c = s._renderTaskQueue.run;
+    s._renderTaskQueue.run = (u) => {
+      this._proxyTransform.$internalUpdate = !0, c.call(s._renderTaskQueue, u), this._proxyTransform.$internalUpdate = !1, this._fireDefferedEvents();
     };
-    const l = a.jumpTo;
-    a.jumpTo = (...u) => (this._proxyTransform.$internalUpdate = !0, l.apply(a, u), this._proxyTransform.$internalUpdate = !1, a);
-    const f = a.fire;
-    a.fire = this._fireEvent.bind(this, f), a.on("styledata", () => {
+    const l = s.jumpTo;
+    s.jumpTo = (...u) => (this._proxyTransform.$internalUpdate = !0, l.apply(s, u), this._proxyTransform.$internalUpdate = !1, s);
+    const p = s.fire;
+    s.fire = this._fireEvent.bind(this, p), s.on("styledata", () => {
       this._updateStyleComponents(this.props, {});
-    }), a.on("sourcedata", () => {
+    }), s.on("sourcedata", () => {
       this._updateStyleComponents(this.props, {});
     });
+    for (const u in Z)
+      s.on(u, this._onPointerEvent);
+    for (const u in O)
+      s.on(u, this._onCameraEvent);
     for (const u in U)
-      a.on(u, this._onPointerEvent);
-    for (const u in D)
-      a.on(u, this._onCameraEvent);
-    for (const u in j)
-      a.on(u, this._onEvent);
-    this._map = a;
+      s.on(u, this._onEvent);
+    this._map = s;
   }
   /* eslint-enable complexity,max-statements */
   recycle() {
-    const o = this.map.getContainer().querySelector("[mapboxgl-children]");
-    o == null || o.remove(), x.savedMaps.push(this);
+    this.map.getContainer().querySelector("[mapboxgl-children]")?.remove(), L.savedMaps.push(this);
   }
   destroy() {
     this._map.remove();
@@ -293,7 +291,7 @@ class x {
     !this._inRender && t.style && (t._frame && (t._frame.cancel(), t._frame = null), t._render());
   }
   _createProxyTransform(t) {
-    const o = ee(t.transform);
+    const o = Y(t.transform);
     t.transform = o, t.painter.transform = o, this._proxyTransform = o;
   }
   /* Trigger map resize if size is controlled
@@ -316,10 +314,10 @@ class x {
      @returns {bool} true if anything is changed
    */
   _updateViewState(t, o) {
-    const i = t.viewState || t, n = this._proxyTransform, { zoom: r, pitch: a, bearing: s } = n, c = J(this._proxyTransform, i);
+    const i = t.viewState || t, n = this._proxyTransform, { zoom: r, pitch: s, bearing: a } = n, c = Q(this._proxyTransform, i);
     if (n.$reactViewState = i, c && o) {
       const l = this._deferredEvents;
-      l.move = !0, l.zoom || (l.zoom = r !== n.zoom), l.rotate || (l.rotate = s !== n.bearing), l.pitch || (l.pitch = a !== n.pitch);
+      l.move = !0, l.zoom || (l.zoom = r !== n.zoom), l.rotate || (l.rotate = a !== n.bearing), l.pitch || (l.pitch = s !== n.pitch);
     }
     return c;
   }
@@ -331,12 +329,8 @@ class x {
   _updateSettings(t, o) {
     const i = this._map;
     let n = !1;
-    for (const r of oe)
-      if (r in t && !v(t[r], o[r])) {
-        n = !0;
-        const a = i[`set${r[0].toUpperCase()}${r.slice(1)}`];
-        a == null || a.call(i, t[r]);
-      }
+    for (const r of te)
+      r in t && !y(t[r], o[r]) && (n = !0, i[`set${r[0].toUpperCase()}${r.slice(1)}`]?.call(i, t[r]));
     return n;
   }
   /* Update map style to match props
@@ -346,10 +340,10 @@ class x {
    */
   _updateStyle(t, o) {
     if (t.cursor !== o.cursor && (this._map.getCanvas().style.cursor = t.cursor || ""), t.mapStyle !== o.mapStyle) {
-      const { mapStyle: i = O, styleDiffing: n = !0 } = t, r = {
+      const { mapStyle: i = P, styleDiffing: n = !0 } = t, r = {
         diff: n
       };
-      return "localIdeographFontFamily" in t && (r.localIdeographFontFamily = t.localIdeographFontFamily), this._map.setStyle(Z(i), r), !0;
+      return "localIdeographFontFamily" in t && (r.localIdeographFontFamily = t.localIdeographFontFamily), this._map.setStyle(A(i), r), !0;
     }
     return !1;
   }
@@ -361,7 +355,7 @@ class x {
   _updateStyleComponents(t, o) {
     const i = this._map;
     let n = !1;
-    return i.isStyleLoaded() && ("light" in t && i.setLight && !v(t.light, o.light) && (n = !0, i.setLight(t.light)), "fog" in t && i.setFog && !v(t.fog, o.fog) && (n = !0, i.setFog(t.fog)), "terrain" in t && i.setTerrain && !v(t.terrain, o.terrain) && (!t.terrain || i.getSource(t.terrain.source)) && (n = !0, i.setTerrain(t.terrain))), n;
+    return i.isStyleLoaded() && ("light" in t && i.setLight && !y(t.light, o.light) && (n = !0, i.setLight(t.light)), "fog" in t && i.setFog && !y(t.fog, o.fog) && (n = !0, i.setFog(t.fog)), "terrain" in t && i.setTerrain && !y(t.terrain, o.terrain) && (!t.terrain || i.getSource(t.terrain.source)) && (n = !0, i.setTerrain(t.terrain))), n;
   }
   /* Update interaction handlers to match props
      @param {object} nextProps
@@ -371,9 +365,9 @@ class x {
   _updateHandlers(t, o) {
     const i = this._map;
     let n = !1;
-    for (const r of re) {
-      const a = t[r] ?? !0, s = o[r] ?? !0;
-      v(a, s) || (n = !0, a ? i[r].enable(a) : i[r].disable());
+    for (const r of ne) {
+      const s = t[r] ?? !0, a = o[r] ?? !0;
+      y(s, a) || (n = !0, s ? i[r].enable(s) : i[r].disable());
     }
     return n;
   }
@@ -388,20 +382,19 @@ class x {
     }
   }
   _updateHover(t) {
-    var n;
     const { props: o } = this;
     if (o.interactiveLayerIds && (o.onMouseMove || o.onMouseEnter || o.onMouseLeave)) {
-      const r = t.type, a = ((n = this._hoveredFeatures) == null ? void 0 : n.length) > 0, s = this._queryRenderedFeatures(t.point), c = s.length > 0;
-      !c && a && (t.type = "mouseleave", this._onPointerEvent(t)), this._hoveredFeatures = s, c && !a && (t.type = "mouseenter", this._onPointerEvent(t)), t.type = r;
+      const n = t.type, r = this._hoveredFeatures?.length > 0, s = this._queryRenderedFeatures(t.point), a = s.length > 0;
+      !a && r && (t.type = "mouseleave", this._onPointerEvent(t)), this._hoveredFeatures = s, a && !r && (t.type = "mouseenter", this._onPointerEvent(t)), t.type = n;
     } else
       this._hoveredFeatures = null;
   }
   _fireEvent(t, o, i) {
-    const n = this._map, r = this._proxyTransform, a = r.$internalUpdate;
+    const n = this._map, r = this._proxyTransform, s = r.$internalUpdate;
     try {
       r.$internalUpdate = !1, t.call(n, o, i);
     } finally {
-      r.$internalUpdate = a;
+      r.$internalUpdate = s;
     }
     return n;
   }
@@ -414,8 +407,8 @@ class x {
     this._internalUpdate = !1;
   }
 }
-x.savedMaps = [];
-function ie() {
+L.savedMaps = [];
+function oe() {
   let e = null;
   if (typeof location < "u") {
     const t = /access_token=([^&\/]*)/.exec(location.search);
@@ -431,7 +424,7 @@ function ie() {
   }
   return e;
 }
-const ae = [
+const re = [
   "setMaxBounds",
   "setMinZoom",
   "setMaxZoom",
@@ -453,7 +446,7 @@ const ae = [
   "setFog",
   "remove"
 ];
-function se(e) {
+function ie(e) {
   if (!e)
     return null;
   const t = e.map, o = {
@@ -481,21 +474,21 @@ function se(e) {
     queryTerrainElevation: (i, n) => {
       const r = t.transform;
       t.transform = e.transform;
-      const a = t.queryTerrainElevation(i, n);
-      return t.transform = r, a;
+      const s = t.queryTerrainElevation(i, n);
+      return t.transform = r, s;
     },
     queryRenderedFeatures: (i, n) => {
       const r = t.transform;
       t.transform = e.transform;
-      const a = t.queryRenderedFeatures(i, n);
-      return t.transform = r, a;
+      const s = t.queryRenderedFeatures(i, n);
+      return t.transform = r, s;
     }
   };
-  for (const i of ce(t))
-    !(i in o) && !ae.includes(i) && (o[i] = t[i].bind(t));
+  for (const i of se(t))
+    !(i in o) && !re.includes(i) && (o[i] = t[i].bind(t));
   return o;
 }
-function ce(e) {
+function se(e) {
   const t = /* @__PURE__ */ new Set();
   let o = e;
   for (; o; ) {
@@ -505,50 +498,50 @@ function ce(e) {
   }
   return Array.from(t);
 }
-const le = typeof document < "u" ? I : m, ue = [
+const ae = typeof document < "u" ? q : d, ce = [
   "baseApiUrl",
   "maxParallelImageRequests",
   "workerClass",
   "workerCount",
   "workerUrl"
 ];
-function fe(e, t) {
-  for (const i of ue)
+function le(e, t) {
+  for (const i of ce)
     i in t && (e[i] = t[i]);
   const { RTLTextPlugin: o = "https://api.mapbox.com/mapbox-gl-js/plugins/mapbox-gl-rtl-text/v0.2.3/mapbox-gl-rtl-text.js" } = t;
   o && e.getRTLTextPluginStatus && e.getRTLTextPluginStatus() === "unavailable" && e.setRTLTextPlugin(o, (i) => {
     i && console.error(i);
   }, !0);
 }
-const w = C.createContext(null);
-function de(e, t) {
-  const o = L(W), [i, n] = G(null), r = T(), { current: a } = T({ mapLib: null, map: null });
-  m(() => {
+const T = v.createContext(null);
+function ue(e, t) {
+  const o = S($), [i, n] = B(null), r = M(), { current: s } = M({ mapLib: null, map: null });
+  d(() => {
     const l = e.mapLib;
-    let f = !0, u;
-    return Promise.resolve(l || import("./mapbox-gl-D6JObe4m.js").then((d) => d.m)).then((d) => {
-      if (!f)
+    let p = !0, u;
+    return Promise.resolve(l || import("./mapbox-gl-C6frO4Gl.js").then((f) => f.m)).then((f) => {
+      if (!p)
         return;
-      if (!d)
+      if (!f)
         throw new Error("Invalid mapLib");
-      const y = "Map" in d ? d : d.default;
-      if (!y.Map)
+      const m = "Map" in f ? f : f.default;
+      if (!m.Map)
         throw new Error("Invalid mapLib");
-      fe(y, e), e.reuseMaps && (u = x.reuse(e, r.current)), u || (u = new x(y.Map, e, r.current)), a.map = se(u), a.mapLib = y, n(u), o == null || o.onMapMount(a.map, e.id);
-    }).catch((d) => {
-      const { onError: y } = e;
-      y ? y({
+      le(m, e), e.reuseMaps && (u = L.reuse(e, r.current)), u || (u = new L(m.Map, e, r.current)), s.map = ie(u), s.mapLib = m, n(u), o?.onMapMount(s.map, e.id);
+    }).catch((f) => {
+      const { onError: m } = e;
+      m ? m({
         type: "error",
         target: null,
-        error: d
-      }) : console.error(d);
+        error: f
+      }) : console.error(f);
     }), () => {
-      f = !1, u && (o == null || o.onMapUnmount(e.id), e.reuseMaps ? u.recycle() : u.destroy());
+      p = !1, u && (o?.onMapUnmount(e.id), e.reuseMaps ? u.recycle() : u.destroy());
     };
-  }, []), le(() => {
+  }, []), ae(() => {
     i && i.setProps(e);
-  }), z(t, () => a.map, [i]);
-  const s = M(() => ({
+  }), F(t, () => s.map, [i]);
+  const a = E(() => ({
     position: "relative",
     width: "100%",
     height: "100%",
@@ -556,189 +549,178 @@ function de(e, t) {
   }), [e.style]), c = {
     height: "100%"
   };
-  return C.createElement("div", { id: e.id, ref: r, style: s }, i && C.createElement(
-    w.Provider,
-    { value: a },
-    C.createElement("div", { "mapboxgl-children": "", style: c }, e.children)
+  return v.createElement("div", { id: e.id, ref: r, style: a }, i && v.createElement(
+    T.Provider,
+    { value: s },
+    v.createElement("div", { "mapboxgl-children": "", style: c }, e.children)
   ));
 }
-const Se = C.forwardRef(de), me = /box|flex|grid|column|lineHeight|fontWeight|opacity|order|tabSize|zIndex/;
-function E(e, t) {
+const be = v.forwardRef(ue), fe = /box|flex|grid|column|lineHeight|fontWeight|opacity|order|tabSize|zIndex/;
+function C(e, t) {
   if (!e || !t)
     return;
   const o = e.style;
   for (const i in t) {
     const n = t[i];
-    Number.isFinite(n) && !me.test(i) ? o[i] = `${n}px` : o[i] = n;
+    Number.isFinite(n) && !fe.test(i) ? o[i] = `${n}px` : o[i] = n;
   }
 }
-function H(e, t) {
+function V(e, t) {
   if (e === t)
     return null;
-  const o = $(e), i = $(t), n = [];
+  const o = D(e), i = D(t), n = [];
   for (const r of i)
     o.has(r) || n.push(r);
   for (const r of o)
     i.has(r) || n.push(r);
   return n.length === 0 ? null : n;
 }
-function $(e) {
+function D(e) {
   return new Set(e ? e.trim().split(/\s+/) : []);
 }
-const Ee = S(R((e, t) => {
-  const { map: o, mapLib: i } = L(w), n = T({ props: e }), r = M(() => {
-    let N = !1;
-    C.Children.forEach(e.children, (_) => {
-      _ && (N = !0);
+const Ce = b(N((e, t) => {
+  const { map: o, mapLib: i } = S(T), n = M({ props: e }), r = E(() => {
+    let w = !1;
+    v.Children.forEach(e.children, (h) => {
+      h && (w = !0);
     });
-    const B = {
+    const H = {
       ...e,
-      element: N ? document.createElement("div") : null
-    }, b = new i.Marker(B);
-    return b.setLngLat([e.longitude, e.latitude]), b.getElement().addEventListener("click", (_) => {
-      var h, g;
-      (g = (h = n.current.props).onClick) == null || g.call(h, {
+      element: w ? document.createElement("div") : null
+    }, _ = new i.Marker(H);
+    return _.setLngLat([e.longitude, e.latitude]), _.getElement().addEventListener("click", (h) => {
+      n.current.props.onClick?.({
         type: "click",
-        target: b,
-        originalEvent: _
+        target: _,
+        originalEvent: h
       });
-    }), b.on("dragstart", (_) => {
-      var g, p;
-      const h = _;
-      h.lngLat = r.getLngLat(), (p = (g = n.current.props).onDragStart) == null || p.call(g, h);
-    }), b.on("drag", (_) => {
-      var g, p;
-      const h = _;
-      h.lngLat = r.getLngLat(), (p = (g = n.current.props).onDrag) == null || p.call(g, h);
-    }), b.on("dragend", (_) => {
-      var g, p;
-      const h = _;
-      h.lngLat = r.getLngLat(), (p = (g = n.current.props).onDragEnd) == null || p.call(g, h);
-    }), b;
+    }), _.on("dragstart", (h) => {
+      const g = h;
+      g.lngLat = r.getLngLat(), n.current.props.onDragStart?.(g);
+    }), _.on("drag", (h) => {
+      const g = h;
+      g.lngLat = r.getLngLat(), n.current.props.onDrag?.(g);
+    }), _.on("dragend", (h) => {
+      const g = h;
+      g.lngLat = r.getLngLat(), n.current.props.onDragEnd?.(g);
+    }), _;
   }, []);
-  m(() => (r.addTo(o.getMap()), () => {
+  d(() => (r.addTo(o.getMap()), () => {
     r.remove();
   }), []);
-  const { longitude: a, latitude: s, offset: c, style: l, draggable: f = !1, popup: u = null, rotation: d = 0, rotationAlignment: y = "auto", pitchAlignment: k = "auto" } = e;
-  m(() => {
-    E(r.getElement(), l);
-  }, [l]), z(t, () => r, []);
-  const q = n.current.props;
-  (r.getLngLat().lng !== a || r.getLngLat().lat !== s) && r.setLngLat([a, s]), c && !ne(r.getOffset(), c) && r.setOffset(c), r.isDraggable() !== f && r.setDraggable(f), r.getRotation() !== d && r.setRotation(d), r.getRotationAlignment() !== y && r.setRotationAlignment(y), r.getPitchAlignment() !== k && r.setPitchAlignment(k), r.getPopup() !== u && r.setPopup(u);
-  const A = H(q.className, e.className);
-  if (A)
-    for (const N of A)
-      r.toggleClassName(N);
-  return n.current.props = e, V(e.children, r.getElement());
-})), Le = S(R((e, t) => {
-  const { map: o, mapLib: i } = L(w), n = M(() => document.createElement("div"), []), r = T({ props: e }), a = M(() => {
-    const s = { ...e }, c = new i.Popup(s);
+  const { longitude: s, latitude: a, offset: c, style: l, draggable: p = !1, popup: u = null, rotation: f = 0, rotationAlignment: m = "auto", pitchAlignment: z = "auto" } = e;
+  d(() => {
+    C(r.getElement(), l);
+  }, [l]), F(t, () => r, []);
+  const W = n.current.props;
+  (r.getLngLat().lng !== s || r.getLngLat().lat !== a) && r.setLngLat([s, a]), c && !ee(r.getOffset(), c) && r.setOffset(c), r.isDraggable() !== p && r.setDraggable(p), r.getRotation() !== f && r.setRotation(f), r.getRotationAlignment() !== m && r.setRotationAlignment(m), r.getPitchAlignment() !== z && r.setPitchAlignment(z), r.getPopup() !== u && r.setPopup(u);
+  const R = V(W.className, e.className);
+  if (R)
+    for (const w of R)
+      r.toggleClassName(w);
+  return n.current.props = e, j(e.children, r.getElement());
+})), Se = b(N((e, t) => {
+  const { map: o, mapLib: i } = S(T), n = E(() => document.createElement("div"), []), r = M({ props: e }), s = E(() => {
+    const a = { ...e }, c = new i.Popup(a);
     return c.setLngLat([e.longitude, e.latitude]), c.once("open", (l) => {
-      var f, u;
-      (u = (f = r.current.props).onOpen) == null || u.call(f, l);
+      r.current.props.onOpen?.(l);
     }), c;
   }, []);
-  if (m(() => {
-    const s = (c) => {
-      var l, f;
-      (f = (l = r.current.props).onClose) == null || f.call(l, c);
+  if (d(() => {
+    const a = (c) => {
+      r.current.props.onClose?.(c);
     };
-    return a.on("close", s), a.setDOMContent(n).addTo(o.getMap()), () => {
-      a.off("close", s), a.isOpen() && a.remove();
+    return s.on("close", a), s.setDOMContent(n).addTo(o.getMap()), () => {
+      s.off("close", a), s.isOpen() && s.remove();
     };
-  }, []), m(() => {
-    E(a.getElement(), e.style);
-  }, [e.style]), z(t, () => a, []), a.isOpen()) {
-    const s = r.current.props;
-    (a.getLngLat().lng !== e.longitude || a.getLngLat().lat !== e.latitude) && a.setLngLat([e.longitude, e.latitude]), e.offset && !v(s.offset, e.offset) && (a.options.anchor = e.anchor, a.setOffset(e.offset)), (s.anchor !== e.anchor || s.maxWidth !== e.maxWidth) && a.setMaxWidth(e.maxWidth);
-    const c = H(s.className, e.className);
+  }, []), d(() => {
+    C(s.getElement(), e.style);
+  }, [e.style]), F(t, () => s, []), s.isOpen()) {
+    const a = r.current.props;
+    (s.getLngLat().lng !== e.longitude || s.getLngLat().lat !== e.latitude) && s.setLngLat([e.longitude, e.latitude]), e.offset && !y(a.offset, e.offset) && (s.options.anchor = e.anchor, s.setOffset(e.offset)), (a.anchor !== e.anchor || a.maxWidth !== e.maxWidth) && s.setMaxWidth(e.maxWidth);
+    const c = V(a.className, e.className);
     if (c)
       for (const l of c)
-        a.toggleClassName(l);
+        s.toggleClassName(l);
     r.current.props = e;
   }
-  return V(e.children, n);
+  return j(e.children, n);
 }));
-function F(e, t, o, i) {
-  const n = L(w), r = M(() => e(n), []);
-  return m(() => {
-    const a = t, s = null, c = typeof t == "function" ? t : null, { map: l } = n;
-    return l.hasControl(r) || (l.addControl(r, a == null ? void 0 : a.position), s && s(n)), () => {
+function x(e, t, o, i) {
+  const n = S(T), r = E(() => e(n), []);
+  return d(() => {
+    const s = t, a = null, c = typeof t == "function" ? t : null, { map: l } = n;
+    return l.hasControl(r) || (l.addControl(r, s?.position), a && a(n)), () => {
       c && c(n), l.hasControl(r) && l.removeControl(r);
     };
   }, []), r;
 }
-function he(e) {
-  const t = F(({ mapLib: o }) => new o.AttributionControl(e), {
+function de(e) {
+  const t = x(({ mapLib: o }) => new o.AttributionControl(e), {
     position: e.position
   });
-  return m(() => {
-    E(t._container, e.style);
+  return d(() => {
+    C(t._container, e.style);
   }, [e.style]), null;
 }
-S(he);
-function ge(e) {
-  const t = F(({ mapLib: o }) => new o.FullscreenControl({
+b(de);
+function me(e) {
+  const t = x(({ mapLib: o }) => new o.FullscreenControl({
     container: e.containerId && document.getElementById(e.containerId)
   }), { position: e.position });
-  return m(() => {
-    E(t._controlContainer, e.style);
+  return d(() => {
+    C(t._controlContainer, e.style);
   }, [e.style]), null;
 }
-S(ge);
-function ye(e, t) {
-  const o = T({ props: e }), i = F(({ mapLib: n }) => {
-    const r = new n.GeolocateControl(e), a = r._setupUI.bind(r);
-    return r._setupUI = (s) => {
-      r._container.hasChildNodes() || a(s);
-    }, r.on("geolocate", (s) => {
-      var c, l;
-      (l = (c = o.current.props).onGeolocate) == null || l.call(c, s);
-    }), r.on("error", (s) => {
-      var c, l;
-      (l = (c = o.current.props).onError) == null || l.call(c, s);
-    }), r.on("outofmaxbounds", (s) => {
-      var c, l;
-      (l = (c = o.current.props).onOutOfMaxBounds) == null || l.call(c, s);
-    }), r.on("trackuserlocationstart", (s) => {
-      var c, l;
-      (l = (c = o.current.props).onTrackUserLocationStart) == null || l.call(c, s);
-    }), r.on("trackuserlocationend", (s) => {
-      var c, l;
-      (l = (c = o.current.props).onTrackUserLocationEnd) == null || l.call(c, s);
+b(me);
+function he(e, t) {
+  const o = M({ props: e }), i = x(({ mapLib: n }) => {
+    const r = new n.GeolocateControl(e), s = r._setupUI.bind(r);
+    return r._setupUI = (a) => {
+      r._container.hasChildNodes() || s(a);
+    }, r.on("geolocate", (a) => {
+      o.current.props.onGeolocate?.(a);
+    }), r.on("error", (a) => {
+      o.current.props.onError?.(a);
+    }), r.on("outofmaxbounds", (a) => {
+      o.current.props.onOutOfMaxBounds?.(a);
+    }), r.on("trackuserlocationstart", (a) => {
+      o.current.props.onTrackUserLocationStart?.(a);
+    }), r.on("trackuserlocationend", (a) => {
+      o.current.props.onTrackUserLocationEnd?.(a);
     }), r;
   }, { position: e.position });
-  return o.current.props = e, z(t, () => i, []), m(() => {
-    E(i._container, e.style);
+  return o.current.props = e, F(t, () => i, []), d(() => {
+    C(i._container, e.style);
   }, [e.style]), null;
 }
-S(R(ye));
-function _e(e) {
-  const t = F(({ mapLib: o }) => new o.NavigationControl(e), {
+b(N(he));
+function ge(e) {
+  const t = x(({ mapLib: o }) => new o.NavigationControl(e), {
     position: e.position
   });
-  return m(() => {
-    E(t._container, e.style);
+  return d(() => {
+    C(t._container, e.style);
   }, [e.style]), null;
 }
-const Me = S(_e);
-function pe(e) {
-  const t = F(({ mapLib: r }) => new r.ScaleControl(e), {
+const Ee = b(ge);
+function ye(e) {
+  const t = x(({ mapLib: r }) => new r.ScaleControl(e), {
     position: e.position
-  }), o = T(e), i = o.current;
+  }), o = M(e), i = o.current;
   o.current = e;
   const { style: n } = e;
-  return e.maxWidth !== void 0 && e.maxWidth !== i.maxWidth && (t.options.maxWidth = e.maxWidth), e.unit !== void 0 && e.unit !== i.unit && t.setUnit(e.unit), m(() => {
-    E(t._container, n);
+  return e.maxWidth !== void 0 && e.maxWidth !== i.maxWidth && (t.options.maxWidth = e.maxWidth), e.unit !== void 0 && e.unit !== i.unit && t.setUnit(e.unit), d(() => {
+    C(t._container, n);
   }, [n]), null;
 }
-S(pe);
+b(ye);
 export {
-  Se as M,
-  Me as N,
-  Le as P,
-  Ee as a,
-  w as b,
-  v as d,
-  Ce as u
+  be as M,
+  Ee as N,
+  Se as P,
+  Ce as a,
+  T as b,
+  y as d,
+  ve as u
 };