@local-logic/maps 0.0.19 → 0.0.20

package/dist/scale-control-Cflgzbvb.js

@@ -0,0 +1,744 @@
+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]);
+}
+function Q(e) {
+  return {
+    longitude: e.center.lng,
+    latitude: e.center.lat,
+    zoom: e._seaLevelZoom ?? e.zoom,
+    pitch: e.pitch,
+    bearing: e.bearing,
+    padding: e.padding,
+    elevation: e._centerAltitude
+  };
+}
+function K(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) {
+  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 Y(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)) {
+    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));
+    } 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([
+  "_calcMatrices",
+  "_calcFogMatrices",
+  "_updateCameraState",
+  "_updateSeaLevelZoom"
+]);
+function ee(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]);
+    },
+    set(a, s, c) {
+      if (s === "$reactViewState")
+        return o = c, Y(i, o), !0;
+      if (s === "$proposedTransform")
+        return n = c, !0;
+      if (s === "$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 new Proxy(e, r);
+}
+const te = ["type", "source", "source-layer", "minzoom", "maxzoom", "filter", "layout"];
+function Z(e) {
+  if (!e)
+    return null;
+  if (typeof e == "string" || ("toJS" in e && (e = e.toJS()), !e.layers))
+    return e;
+  const t = {};
+  for (const i of e.layers)
+    t[i.id] = i;
+  const o = e.layers.map((i) => {
+    let n = null;
+    "interactive" in i && (n = Object.assign({}, i), delete n.interactive);
+    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]);
+    }
+    return n || i;
+  });
+  return { ...e, layers: o };
+}
+function ne(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) {
+  if (e === t)
+    return !0;
+  if (!e || !t)
+    return !1;
+  if (Array.isArray(e)) {
+    if (!Array.isArray(t) || e.length !== t.length)
+      return !1;
+    for (let o = 0; o < e.length; o++)
+      if (!v(e[o], t[o]))
+        return !1;
+    return !0;
+  } else if (Array.isArray(t))
+    return !1;
+  if (typeof e == "object" && typeof t == "object") {
+    const o = Object.keys(e), i = Object.keys(t);
+    if (o.length !== i.length)
+      return !1;
+    for (const n of o)
+      if (!t.hasOwnProperty(n) || !v(e[n], t[n]))
+        return !1;
+    return !0;
+  }
+  return !1;
+}
+const O = { version: 8, sources: {}, layers: [] }, U = {
+  mousedown: "onMouseDown",
+  mouseup: "onMouseUp",
+  mouseover: "onMouseOver",
+  mousemove: "onMouseMove",
+  click: "onClick",
+  dblclick: "onDblClick",
+  mouseenter: "onMouseEnter",
+  mouseleave: "onMouseLeave",
+  mouseout: "onMouseOut",
+  contextmenu: "onContextMenu",
+  touchstart: "onTouchStart",
+  touchend: "onTouchEnd",
+  touchmove: "onTouchMove",
+  touchcancel: "onTouchCancel"
+}, D = {
+  movestart: "onMoveStart",
+  move: "onMove",
+  moveend: "onMoveEnd",
+  dragstart: "onDragStart",
+  drag: "onDrag",
+  dragend: "onDragEnd",
+  zoomstart: "onZoomStart",
+  zoom: "onZoom",
+  zoomend: "onZoomEnd",
+  rotatestart: "onRotateStart",
+  rotate: "onRotate",
+  rotateend: "onRotateEnd",
+  pitchstart: "onPitchStart",
+  pitch: "onPitch",
+  pitchend: "onPitchEnd"
+}, j = {
+  wheel: "onWheel",
+  boxzoomstart: "onBoxZoomStart",
+  boxzoomend: "onBoxZoomEnd",
+  boxzoomcancel: "onBoxZoomCancel",
+  resize: "onResize",
+  load: "onLoad",
+  render: "onRender",
+  idle: "onIdle",
+  remove: "onRemove",
+  data: "onData",
+  styledata: "onStyleData",
+  sourcedata: "onSourceData",
+  error: "onError"
+}, oe = [
+  "minZoom",
+  "maxZoom",
+  "minPitch",
+  "maxPitch",
+  "maxBounds",
+  "projection",
+  "renderWorldCopies"
+], re = [
+  "scrollZoom",
+  "boxZoom",
+  "dragRotate",
+  "dragPan",
+  "keyboard",
+  "doubleClickZoom",
+  "touchZoomRotate",
+  "touchPitch"
+];
+class x {
+  constructor(t, o, i) {
+    this._map = null, this._internalUpdate = !1, this._inRender = !1, this._hoveredFeatures = null, this._deferredEvents = {
+      move: !1,
+      zoom: !1,
+      pitch: !1,
+      rotate: !1
+    }, this._onEvent = (n) => {
+      const r = this.props[j[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]];
+      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);
+      }
+      n.type in this._deferredEvents && (this._deferredEvents[n.type] = !1);
+    }, this._MapClass = t, this.props = o, this._initialize(i);
+  }
+  get map() {
+    return this._map;
+  }
+  get transform() {
+    return this._map.transform;
+  }
+  setProps(t) {
+    const o = this.props;
+    this.props = t;
+    const i = this._updateSettings(t, o);
+    i && this._createProxyTransform(this._map);
+    const n = this._updateSize(t), r = this._updateViewState(t, !0);
+    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();
+    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;
+  }
+  /* eslint-disable complexity,max-statements */
+  _initialize(t) {
+    const { props: o } = this, { mapStyle: i = O } = o, n = {
+      ...o,
+      ...o.initialViewState,
+      accessToken: o.mapboxAccessToken || ie() || null,
+      container: t,
+      style: Z(i)
+    }, r = n.initialViewState || n.viewState || n;
+    if (Object.assign(n, {
+      center: [r.longitude || 0, r.latitude || 0],
+      zoom: r.zoom || 0,
+      pitch: r.pitch || 0,
+      bearing: r.bearing || 0
+    }), o.gl) {
+      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 c = a._renderTaskQueue.run;
+    a._renderTaskQueue.run = (u) => {
+      this._proxyTransform.$internalUpdate = !0, c.call(a._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", () => {
+      this._updateStyleComponents(this.props, {});
+    }), a.on("sourcedata", () => {
+      this._updateStyleComponents(this.props, {});
+    });
+    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;
+  }
+  /* eslint-enable complexity,max-statements */
+  recycle() {
+    const o = this.map.getContainer().querySelector("[mapboxgl-children]");
+    o == null || o.remove(), x.savedMaps.push(this);
+  }
+  destroy() {
+    this._map.remove();
+  }
+  // Force redraw the map now. Typically resize() and jumpTo() is reflected in the next
+  // render cycle, which is managed by Mapbox's animation loop.
+  // This removes the synchronization issue caused by requestAnimationFrame.
+  redraw() {
+    const t = this._map;
+    !this._inRender && t.style && (t._frame && (t._frame.cancel(), t._frame = null), t._render());
+  }
+  _createProxyTransform(t) {
+    const o = ee(t.transform);
+    t.transform = o, t.painter.transform = o, this._proxyTransform = o;
+  }
+  /* Trigger map resize if size is controlled
+     @param {object} nextProps
+     @returns {bool} true if size has changed
+   */
+  _updateSize(t) {
+    const { viewState: o } = t;
+    if (o) {
+      const i = this._map;
+      if (o.width !== i.transform.width || o.height !== i.transform.height)
+        return i.resize(), !0;
+    }
+    return !1;
+  }
+  // Adapted from map.jumpTo
+  /* Update camera to match props
+     @param {object} nextProps
+     @param {bool} triggerEvents - should fire camera events
+     @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);
+    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);
+    }
+    return c;
+  }
+  /* Update camera constraints and projection settings to match props
+     @param {object} nextProps
+     @param {object} currProps
+     @returns {bool} true if anything is changed
+   */
+  _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]);
+      }
+    return n;
+  }
+  /* Update map style to match props
+     @param {object} nextProps
+     @param {object} currProps
+     @returns {bool} true if style is changed
+   */
+  _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 = {
+        diff: n
+      };
+      return "localIdeographFontFamily" in t && (r.localIdeographFontFamily = t.localIdeographFontFamily), this._map.setStyle(Z(i), r), !0;
+    }
+    return !1;
+  }
+  /* Update fog, light and terrain to match props
+     @param {object} nextProps
+     @param {object} currProps
+     @returns {bool} true if anything is changed
+   */
+  _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;
+  }
+  /* Update interaction handlers to match props
+     @param {object} nextProps
+     @param {object} currProps
+     @returns {bool} true if anything is changed
+   */
+  _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());
+    }
+    return n;
+  }
+  _queryRenderedFeatures(t) {
+    const o = this._map, { interactiveLayerIds: i = [] } = this.props;
+    try {
+      return o.queryRenderedFeatures(t, {
+        layers: i.filter(o.getLayer.bind(o))
+      });
+    } catch {
+      return [];
+    }
+  }
+  _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;
+    } else
+      this._hoveredFeatures = null;
+  }
+  _fireEvent(t, o, i) {
+    const n = this._map, r = this._proxyTransform, a = r.$internalUpdate;
+    try {
+      r.$internalUpdate = !1, t.call(n, o, i);
+    } finally {
+      r.$internalUpdate = a;
+    }
+    return n;
+  }
+  // If there are camera changes driven by props, invoke camera events so that DOM controls are synced
+  _fireDefferedEvents() {
+    const t = this._map;
+    this._internalUpdate = !0;
+    for (const o in this._deferredEvents)
+      this._deferredEvents[o] && t.fire(o);
+    this._internalUpdate = !1;
+  }
+}
+x.savedMaps = [];
+function ie() {
+  let e = null;
+  if (typeof location < "u") {
+    const t = /access_token=([^&\/]*)/.exec(location.search);
+    e = t && t[1];
+  }
+  try {
+    e = e || process.env.MapboxAccessToken;
+  } catch {
+  }
+  try {
+    e = e || process.env.REACT_APP_MAPBOX_ACCESS_TOKEN;
+  } catch {
+  }
+  return e;
+}
+const ae = [
+  "setMaxBounds",
+  "setMinZoom",
+  "setMaxZoom",
+  "setMinPitch",
+  "setMaxPitch",
+  "setRenderWorldCopies",
+  "setProjection",
+  "setStyle",
+  "addSource",
+  "removeSource",
+  "addLayer",
+  "removeLayer",
+  "setLayerZoomRange",
+  "setFilter",
+  "setPaintProperty",
+  "setLayoutProperty",
+  "setLight",
+  "setTerrain",
+  "setFog",
+  "remove"
+];
+function se(e) {
+  if (!e)
+    return null;
+  const t = e.map, o = {
+    getMap: () => t,
+    // Overwrite getters to use our shadow transform
+    getCenter: () => e.transform.center,
+    getZoom: () => e.transform.zoom,
+    getBearing: () => e.transform.bearing,
+    getPitch: () => e.transform.pitch,
+    getPadding: () => e.transform.padding,
+    getBounds: () => e.transform.getBounds(),
+    project: (i) => {
+      const n = t.transform;
+      t.transform = e.transform;
+      const r = t.project(i);
+      return t.transform = n, r;
+    },
+    unproject: (i) => {
+      const n = t.transform;
+      t.transform = e.transform;
+      const r = t.unproject(i);
+      return t.transform = n, r;
+    },
+    // options diverge between mapbox and maplibre
+    queryTerrainElevation: (i, n) => {
+      const r = t.transform;
+      t.transform = e.transform;
+      const a = t.queryTerrainElevation(i, n);
+      return t.transform = r, a;
+    },
+    queryRenderedFeatures: (i, n) => {
+      const r = t.transform;
+      t.transform = e.transform;
+      const a = t.queryRenderedFeatures(i, n);
+      return t.transform = r, a;
+    }
+  };
+  for (const i of ce(t))
+    !(i in o) && !ae.includes(i) && (o[i] = t[i].bind(t));
+  return o;
+}
+function ce(e) {
+  const t = /* @__PURE__ */ new Set();
+  let o = e;
+  for (; o; ) {
+    for (const i of Object.getOwnPropertyNames(o))
+      i[0] !== "_" && typeof e[i] == "function" && i !== "fire" && i !== "setEventedParent" && t.add(i);
+    o = Object.getPrototypeOf(o);
+  }
+  return Array.from(t);
+}
+const le = typeof document < "u" ? I : m, ue = [
+  "baseApiUrl",
+  "maxParallelImageRequests",
+  "workerClass",
+  "workerCount",
+  "workerUrl"
+];
+function fe(e, t) {
+  for (const i of ue)
+    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 l = e.mapLib;
+    let f = !0, u;
+    return Promise.resolve(l || import("./mapbox-gl-D6JObe4m.js").then((d) => d.m)).then((d) => {
+      if (!f)
+        return;
+      if (!d)
+        throw new Error("Invalid mapLib");
+      const y = "Map" in d ? d : d.default;
+      if (!y.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({
+        type: "error",
+        target: null,
+        error: d
+      }) : console.error(d);
+    }), () => {
+      f = !1, u && (o == null || o.onMapUnmount(e.id), e.reuseMaps ? u.recycle() : u.destroy());
+    };
+  }, []), le(() => {
+    i && i.setProps(e);
+  }), z(t, () => a.map, [i]);
+  const s = M(() => ({
+    position: "relative",
+    width: "100%",
+    height: "100%",
+    ...e.style
+  }), [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)
+  ));
+}
+const Se = C.forwardRef(de), me = /box|flex|grid|column|lineHeight|fontWeight|opacity|order|tabSize|zIndex/;
+function E(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;
+  }
+}
+function H(e, t) {
+  if (e === t)
+    return null;
+  const o = $(e), i = $(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) {
+  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 B = {
+      ...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, {
+        type: "click",
+        target: b,
+        originalEvent: _
+      });
+    }), 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;
+  }, []);
+  m(() => (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);
+    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);
+    }), c;
+  }, []);
+  if (m(() => {
+    const s = (c) => {
+      var l, f;
+      (f = (l = r.current.props).onClose) == null || f.call(l, c);
+    };
+    return a.on("close", s), a.setDOMContent(n).addTo(o.getMap()), () => {
+      a.off("close", s), a.isOpen() && a.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);
+    if (c)
+      for (const l of c)
+        a.toggleClassName(l);
+    r.current.props = e;
+  }
+  return V(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)), () => {
+      c && c(n), l.hasControl(r) && l.removeControl(r);
+    };
+  }, []), r;
+}
+function he(e) {
+  const t = F(({ mapLib: o }) => new o.AttributionControl(e), {
+    position: e.position
+  });
+  return m(() => {
+    E(t._container, e.style);
+  }, [e.style]), null;
+}
+S(he);
+function ge(e) {
+  const t = F(({ mapLib: o }) => new o.FullscreenControl({
+    container: e.containerId && document.getElementById(e.containerId)
+  }), { position: e.position });
+  return m(() => {
+    E(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);
+    }), r;
+  }, { position: e.position });
+  return o.current.props = e, z(t, () => i, []), m(() => {
+    E(i._container, e.style);
+  }, [e.style]), null;
+}
+S(R(ye));
+function _e(e) {
+  const t = F(({ mapLib: o }) => new o.NavigationControl(e), {
+    position: e.position
+  });
+  return m(() => {
+    E(t._container, e.style);
+  }, [e.style]), null;
+}
+const Me = S(_e);
+function pe(e) {
+  const t = F(({ mapLib: r }) => new r.ScaleControl(e), {
+    position: e.position
+  }), o = T(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);
+  }, [n]), null;
+}
+S(pe);
+export {
+  Se as M,
+  Me as N,
+  Le as P,
+  Ee as a,
+  w as b,
+  v as d,
+  Ce as u
+};