@local-logic/maps 0.0.16 → 0.0.18

package/dist/{index.modern-CLRs8JwI.js → index.modern-fpUBOYPT.js}

@@ -1,9 +1,9 @@
-import C, { forwardRef as Y, useMemo as P, useContext as z, useEffect as y, useLayoutEffect as W, useImperativeHandle as Q, useState as A, useRef as N, useReducer as ee, useCallback as te, Children as le } from "react";
+import b, { forwardRef as Y, useMemo as P, useContext as R, useEffect as v, useLayoutEffect as W, useImperativeHandle as Q, useState as A, useRef as z, useReducer as ee, useCallback as te, Children as ue } from "react";
 import { createPortal as $ } from "react-dom";
-import { g as ce } from "./_commonjsHelpers-C6fGbg64.js";
-var j, J;
-function ue() {
-  return J || (J = 1, j = function t(e, n) {
+import { g as de } from "./_commonjsHelpers-C6fGbg64.js";
+var j, q;
+function fe() {
+  return q || (q = 1, j = function t(e, n) {
     if (e === n) return !0;
     if (e && n && typeof e == "object" && typeof n == "object") {
       if (e.constructor !== n.constructor) return !1;
@@ -29,16 +29,16 @@ function ue() {
     return e !== e && n !== n;
   }), j;
 }
-var de = ue();
-const fe = /* @__PURE__ */ ce(de);
-function k() {
-  return k = Object.assign ? Object.assign.bind() : function(t) {
+var ge = fe();
+const ne = /* @__PURE__ */ de(ge);
+function _() {
+  return _ = Object.assign ? Object.assign.bind() : function(t) {
     for (var e = 1; e < arguments.length; e++) {
       var n = arguments[e];
       for (var o in n) ({}).hasOwnProperty.call(n, o) && (t[o] = n[o]);
     }
     return t;
-  }, k.apply(null, arguments);
+  }, _.apply(null, arguments);
 }
 function D(t, e) {
   if (t == null) return {};
@@ -49,7 +49,7 @@ function D(t, e) {
   }
   return n;
 }
-function ge(t, e) {
+function me(t, e) {
   if (typeof t != "object" || !t) return t;
   var n = t[Symbol.toPrimitive];
   if (n !== void 0) {
@@ -59,8 +59,8 @@ function ge(t, e) {
   }
   return String(t);
 }
-function me(t) {
-  var e = ge(t, "string");
+function pe(t) {
+  var e = me(t, "string");
   return typeof e == "symbol" ? e : e + "";
 }
 const x = {
@@ -69,8 +69,8 @@ const x = {
   LOADED: "LOADED",
   FAILED: "FAILED",
   AUTH_FAILURE: "AUTH_FAILURE"
-}, pe = "https://maps.googleapis.com/maps/api/js";
-class R {
+}, he = "https://maps.googleapis.com/maps/api/js";
+class B {
   /**
    * Loads the Maps JavaScript API with the specified parameters.
    * Since the Maps library can only be loaded once per page, this will
@@ -112,12 +112,12 @@ class R {
     let n = null;
     const o = () => n || (n = new Promise((r, i) => {
       var a;
-      const s = document.createElement("script"), u = new URLSearchParams();
-      for (const [d, c] of Object.entries(e)) {
-        const p = d.replace(/[A-Z]/g, (f) => "_" + f[0].toLowerCase());
-        u.set(p, String(c));
+      const s = document.createElement("script"), c = new URLSearchParams();
+      for (const [u, d] of Object.entries(e)) {
+        const p = u.replace(/[A-Z]/g, (f) => "_" + f[0].toLowerCase());
+        c.set(p, String(d));
       }
-      u.set("loading", "async"), u.set("callback", "__googleMapsCallback__"), s.async = !0, s.src = pe + "?" + u.toString(), s.nonce = ((a = document.querySelector("script[nonce]")) == null ? void 0 : a.nonce) || "", s.onerror = () => {
+      c.set("loading", "async"), c.set("callback", "__googleMapsCallback__"), s.async = !0, s.src = he + "?" + c.toString(), s.nonce = ((a = document.querySelector("script[nonce]")) == null ? void 0 : a.nonce) || "", s.onerror = () => {
         this.loadingStatus = x.FAILED, this.notifyLoadingStatusListeners(), i(new Error("The Google Maps JavaScript API could not load."));
       }, window.__googleMapsCallback__ = () => {
         this.loadingStatus = x.LOADED, this.notifyLoadingStatusListeners(), r();
@@ -135,59 +135,59 @@ class R {
       e(this.loadingStatus);
   }
 }
-R.loadingStatus = x.NOT_LOADED;
-R.serializedApiParams = void 0;
-R.listeners = [];
-const he = ["onLoad", "onError", "apiKey", "version", "libraries"], ve = ["children"], Ce = "GMP_visgl_rgmlibrary_v1_default", B = C.createContext(null);
-function ye() {
+B.loadingStatus = x.NOT_LOADED;
+B.serializedApiParams = void 0;
+B.listeners = [];
+const ve = ["onLoad", "onError", "apiKey", "version", "libraries"], Ce = ["children"], ye = "GMP_visgl_rgmlibrary_v1_default", G = b.createContext(null);
+function be() {
   const [t, e] = A({});
   return {
     mapInstances: t,
     addMapInstance: (i, a = "default") => {
-      e((s) => k({}, s, {
+      e((s) => _({}, s, {
         [a]: i
       }));
     },
     removeMapInstance: (i = "default") => {
-      e((a) => D(a, [i].map(me)));
+      e((a) => D(a, [i].map(pe)));
     },
     clearMapInstances: () => {
       e({});
     }
   };
 }
-function be(t) {
+function Oe(t) {
   const {
     onLoad: e,
     onError: n,
     apiKey: o,
     version: r,
     libraries: i = []
-  } = t, a = D(t, he), [s, u] = A(R.loadingStatus), [d, c] = ee((l, g) => l[g.name] ? l : k({}, l, {
+  } = t, a = D(t, ve), [s, c] = A(B.loadingStatus), [u, d] = ee((l, g) => l[g.name] ? l : _({}, l, {
     [g.name]: g.value
-  }), {}), p = P(() => i == null ? void 0 : i.join(","), [i]), f = P(() => JSON.stringify(k({
+  }), {}), p = P(() => i == null ? void 0 : i.join(","), [i]), f = P(() => JSON.stringify(_({
     apiKey: o,
     version: r
   }, a)), [o, r, a]), m = te(async (l) => {
     var g;
-    if (d[l])
-      return d[l];
+    if (u[l])
+      return u[l];
     if (!((g = google) != null && (g = g.maps) != null && g.importLibrary))
       throw new Error("[api-provider-internal] importLibrary was called before google.maps.importLibrary was defined.");
-    const L = await window.google.maps.importLibrary(l);
-    return c({
+    const C = await window.google.maps.importLibrary(l);
+    return d({
       name: l,
-      value: L
-    }), L;
-  }, [d]);
-  return y(
+      value: C
+    }), C;
+  }, [u]);
+  return v(
     () => {
       (async () => {
         try {
-          const l = k({
+          const l = _({
             key: o
           }, a);
-          r && (l.v = r), (p == null ? void 0 : p.length) > 0 && (l.libraries = p), (l.channel === void 0 || l.channel < 0 || l.channel > 999) && delete l.channel, l.solutionChannel === void 0 ? l.solutionChannel = Ce : l.solutionChannel === "" && delete l.solutionChannel, await R.load(l, (g) => u(g));
+          r && (l.v = r), (p == null ? void 0 : p.length) > 0 && (l.libraries = p), (l.channel === void 0 || l.channel < 0 || l.channel > 999) && delete l.channel, l.solutionChannel === void 0 ? l.solutionChannel = ye : l.solutionChannel === "" && delete l.solutionChannel, await B.load(l, (g) => c(g));
           for (const g of ["core", "maps", ...i])
             await m(g);
           e && e();
@@ -200,48 +200,48 @@ function be(t) {
     [o, p, f]
   ), {
     status: s,
-    loadedLibraries: d,
+    loadedLibraries: u,
     importLibrary: m
   };
 }
-const nt = (t) => {
+const rt = (t) => {
   const {
     children: e
-  } = t, n = D(t, ve), {
+  } = t, n = D(t, Ce), {
     mapInstances: o,
     addMapInstance: r,
     removeMapInstance: i,
     clearMapInstances: a
-  } = ye(), {
+  } = be(), {
     status: s,
-    loadedLibraries: u,
-    importLibrary: d
-  } = be(n), c = P(() => ({
+    loadedLibraries: c,
+    importLibrary: u
+  } = Oe(n), d = P(() => ({
     mapInstances: o,
     addMapInstance: r,
     removeMapInstance: i,
     clearMapInstances: a,
     status: s,
-    loadedLibraries: u,
-    importLibrary: d
-  }), [o, r, i, a, s, u, d]);
-  return /* @__PURE__ */ C.createElement(B.Provider, {
-    value: c
+    loadedLibraries: c,
+    importLibrary: u
+  }), [o, r, i, a, s, c, u]);
+  return /* @__PURE__ */ b.createElement(G.Provider, {
+    value: d
   }, e);
 };
-function Oe(t, e) {
-  for (const n of Me) {
-    const o = e[n], r = ne[n];
-    y(() => {
+function we(t, e) {
+  for (const n of Ie) {
+    const o = e[n], r = oe[n];
+    v(() => {
       if (!t || !o) return;
       const i = google.maps.event.addListener(t, r, (a) => {
-        o(we(r, t, a));
+        o(Ee(r, t, a));
       });
       return () => i.remove();
     }, [t, r, o]);
   }
 }
-function we(t, e, n) {
+function Ee(t, e, n) {
   const o = {
     type: t,
     map: e,
@@ -250,24 +250,24 @@ function we(t, e, n) {
     stop: () => {
     }
   };
-  if (Ee.includes(t)) {
-    const i = o, a = e.getCenter(), s = e.getZoom(), u = e.getHeading() || 0, d = e.getTilt() || 0, c = e.getBounds();
-    return (!a || !c || !Number.isFinite(s)) && console.warn("[createEvent] at least one of the values from the map returned undefined. This is not expected to happen. Please report an issue at https://github.com/visgl/react-google-maps/issues/new"), i.detail = {
+  if (Le.includes(t)) {
+    const i = o, a = e.getCenter(), s = e.getZoom(), c = e.getHeading() || 0, u = e.getTilt() || 0, d = e.getBounds();
+    return (!a || !d || !Number.isFinite(s)) && console.warn("[createEvent] at least one of the values from the map returned undefined. This is not expected to happen. Please report an issue at https://github.com/visgl/react-google-maps/issues/new"), i.detail = {
       center: (a == null ? void 0 : a.toJSON()) || {
         lat: 0,
         lng: 0
       },
       zoom: s || 0,
-      heading: u,
-      tilt: d,
-      bounds: (c == null ? void 0 : c.toJSON()) || {
+      heading: c,
+      tilt: u,
+      bounds: (d == null ? void 0 : d.toJSON()) || {
         north: 90,
         east: 180,
         south: -90,
         west: -180
       }
     }, i;
-  } else if (Le.includes(t)) {
+  } else if (Me.includes(t)) {
     var r;
     if (!n) throw new Error("[createEvent] mouse events must provide a srcEvent");
     const i = o;
@@ -278,7 +278,7 @@ function we(t, e, n) {
   }
   return o;
 }
-const ne = {
+const oe = {
   onBoundsChanged: "bounds_changed",
   onCenterChanged: "center_changed",
   onClick: "click",
@@ -304,25 +304,31 @@ const ne = {
   // since that is going to be fired in every situation where the camera is
   // updated.
   onCameraChanged: "bounds_changed"
-}, Ee = ["bounds_changed", "center_changed", "heading_changed", "tilt_changed", "zoom_changed"], Le = ["click", "contextmenu", "dblclick", "mousemove", "mouseout", "mouseover"], Me = Object.keys(ne);
-function Z(t, e) {
-  const n = N(void 0);
-  (!n.current || !fe(e, n.current)) && (n.current = e), y(t, n.current);
+}, Le = ["bounds_changed", "center_changed", "heading_changed", "tilt_changed", "zoom_changed"], Me = ["click", "contextmenu", "dblclick", "mousemove", "mouseout", "mouseover"], Ie = Object.keys(oe);
+function re(t, e) {
+  const n = z(t);
+  return e(t, n.current) || (n.current = t), n.current;
+}
+function Se(t, e, n) {
+  v(t, [re(e, n)]);
 }
-const Ie = /* @__PURE__ */ new Set(["backgroundColor", "clickableIcons", "controlSize", "disableDefaultUI", "disableDoubleClickZoom", "draggable", "draggableCursor", "draggingCursor", "fullscreenControl", "fullscreenControlOptions", "gestureHandling", "headingInteractionEnabled", "isFractionalZoomEnabled", "keyboardShortcuts", "mapTypeControl", "mapTypeControlOptions", "mapTypeId", "maxZoom", "minZoom", "noClear", "panControl", "panControlOptions", "restriction", "rotateControl", "rotateControlOptions", "scaleControl", "scaleControlOptions", "scrollwheel", "streetView", "streetViewControl", "streetViewControlOptions", "styles", "tiltInteractionEnabled", "zoomControl", "zoomControlOptions"]);
-function Se(t, e) {
+function _e(t, e) {
+  Se(t, e, ne);
+}
+const ke = /* @__PURE__ */ new Set(["backgroundColor", "clickableIcons", "controlSize", "disableDefaultUI", "disableDoubleClickZoom", "draggable", "draggableCursor", "draggingCursor", "fullscreenControl", "fullscreenControlOptions", "gestureHandling", "headingInteractionEnabled", "isFractionalZoomEnabled", "keyboardShortcuts", "mapTypeControl", "mapTypeControlOptions", "mapTypeId", "maxZoom", "minZoom", "noClear", "panControl", "panControlOptions", "restriction", "rotateControl", "rotateControlOptions", "scaleControl", "scaleControlOptions", "scrollwheel", "streetView", "streetViewControl", "streetViewControlOptions", "styles", "tiltInteractionEnabled", "zoomControl", "zoomControlOptions"]);
+function xe(t, e) {
   const n = {}, o = Object.keys(e);
   for (const r of o)
-    Ie.has(r) && (n[r] = e[r]);
-  Z(() => {
+    ke.has(r) && (n[r] = e[r]);
+  _e(() => {
     t && t.setOptions(n);
   }, [n]);
 }
-function oe() {
+function ie() {
   var t;
-  return ((t = z(B)) == null ? void 0 : t.status) || x.NOT_LOADED;
+  return ((t = R(G)) == null ? void 0 : t.status) || x.NOT_LOADED;
 }
-function _e(t, e) {
+function Ae(t, e) {
   const {
     viewport: n,
     viewState: o
@@ -333,8 +339,8 @@ function _e(t, e) {
       latitude: i,
       longitude: a,
       bearing: s,
-      pitch: u,
-      zoom: d
+      pitch: c,
+      zoom: u
     } = o;
     t.moveCamera({
       center: {
@@ -342,33 +348,33 @@ function _e(t, e) {
         lng: a
       },
       heading: s,
-      tilt: u,
-      zoom: d + 1
+      tilt: c,
+      zoom: u + 1
     });
   }, [t, o]), r;
 }
-function ke(t) {
+function Pe(t) {
   return !t || typeof t != "object" || !("lat" in t && "lng" in t) ? !1 : Number.isFinite(t.lat) && Number.isFinite(t.lng);
 }
-function re(t) {
-  return ke(t) ? t : t.toJSON();
+function ae(t) {
+  return Pe(t) ? t : t.toJSON();
 }
-function xe(t, e, n) {
-  const o = n.center ? re(n.center) : null;
+function De(t, e, n) {
+  const o = n.center ? ae(n.center) : null;
   let r = null, i = null;
   o && Number.isFinite(o.lat) && Number.isFinite(o.lng) && (r = o.lat, i = o.lng);
-  const a = Number.isFinite(n.zoom) ? n.zoom : null, s = Number.isFinite(n.heading) ? n.heading : null, u = Number.isFinite(n.tilt) ? n.tilt : null;
+  const a = Number.isFinite(n.zoom) ? n.zoom : null, s = Number.isFinite(n.heading) ? n.heading : null, c = Number.isFinite(n.tilt) ? n.tilt : null;
   W(() => {
     if (!t) return;
-    const d = {};
-    let c = !1;
-    r !== null && i !== null && (e.current.center.lat !== r || e.current.center.lng !== i) && (d.center = {
+    const u = {};
+    let d = !1;
+    r !== null && i !== null && (e.current.center.lat !== r || e.current.center.lng !== i) && (u.center = {
       lat: r,
       lng: i
-    }, c = !0), a !== null && e.current.zoom !== a && (d.zoom = a, c = !0), s !== null && e.current.heading !== s && (d.heading = s, c = !0), u !== null && e.current.tilt !== u && (d.tilt = u, c = !0), c && t.moveCamera(d);
+    }, d = !0), a !== null && e.current.zoom !== a && (u.zoom = a, d = !0), s !== null && e.current.heading !== s && (u.heading = s, d = !0), c !== null && e.current.tilt !== c && (u.tilt = c, d = !0), d && t.moveCamera(u);
   });
 }
-const Ae = () => {
+const Te = () => {
   const t = {
     position: "absolute",
     top: 0,
@@ -385,22 +391,22 @@ const Ae = () => {
     background: "#dddddd",
     padding: "1rem 1.5rem"
   };
-  return /* @__PURE__ */ C.createElement("div", {
+  return /* @__PURE__ */ b.createElement("div", {
     style: t
-  }, /* @__PURE__ */ C.createElement("h2", null, "Error: AuthFailure"), /* @__PURE__ */ C.createElement("p", null, "A problem with your API key prevents the map from rendering correctly. Please make sure the value of the ", /* @__PURE__ */ C.createElement("code", null, "APIProvider.apiKey"), " prop is correct. Check the error-message in the console for further details."));
+  }, /* @__PURE__ */ b.createElement("h2", null, "Error: AuthFailure"), /* @__PURE__ */ b.createElement("p", null, "A problem with your API key prevents the map from rendering correctly. Please make sure the value of the ", /* @__PURE__ */ b.createElement("code", null, "APIProvider.apiKey"), " prop is correct. Check the error-message in the console for further details."));
 };
-function Pe() {
+function Fe() {
   const [t, e] = A(null), n = te((o) => e(o), [e]);
   return [t, n];
 }
-function ie() {
-  return oe() === x.LOADED;
+function se() {
+  return ie() === x.LOADED;
 }
-function De() {
+function Ne() {
   const [, t] = ee((e) => e + 1, 0);
   return t;
 }
-function Te(t, e) {
+function ze(t, e) {
   const n = t.getCenter(), o = t.getZoom(), r = t.getHeading() || 0, i = t.getTilt() || 0, a = t.getBounds();
   (!n || !a || !Number.isFinite(o)) && console.warn("[useTrackedCameraState] at least one of the values from the map returned undefined. This is not expected to happen. Please report an issue at https://github.com/visgl/react-google-maps/issues/new"), Object.assign(e.current, {
     center: (n == null ? void 0 : n.toJSON()) || {
@@ -412,8 +418,8 @@ function Te(t, e) {
     tilt: i
   });
 }
-function Fe(t) {
-  const e = De(), n = N({
+function Re(t) {
+  const e = Ne(), n = z({
     center: {
       lat: 0,
       lng: 0
@@ -422,16 +428,16 @@ function Fe(t) {
     tilt: 0,
     zoom: 0
   });
-  return y(() => {
+  return v(() => {
     if (!t) return;
     const o = google.maps.event.addListener(t, "bounds_changed", () => {
-      Te(t, n), e();
+      ze(t, n), e();
     });
     return () => o.remove();
   }, [t, e]), n;
 }
-const Ne = ["id", "defaultBounds", "defaultCenter", "defaultZoom", "defaultHeading", "defaultTilt", "reuseMaps", "renderingType", "colorScheme"], ze = ["padding"];
-class H {
+const Be = ["id", "defaultBounds", "defaultCenter", "defaultZoom", "defaultHeading", "defaultTilt", "reuseMaps", "renderingType", "colorScheme"], Ge = ["padding"];
+class U {
   static has(e) {
     return this.entries[e] && this.entries[e].length > 0;
   }
@@ -442,60 +448,60 @@ class H {
     this.entries[e] || (this.entries[e] = []), this.entries[e].push(n);
   }
 }
-H.entries = {};
-function Re(t, e) {
-  const n = ie(), [o, r] = A(null), [i, a] = Pe(), s = Fe(o), {
-    id: u,
-    defaultBounds: d,
-    defaultCenter: c,
+U.entries = {};
+function He(t, e) {
+  const n = se(), [o, r] = A(null), [i, a] = Fe(), s = Re(o), {
+    id: c,
+    defaultBounds: u,
+    defaultCenter: d,
     defaultZoom: p,
     defaultHeading: f,
     defaultTilt: m,
     reuseMaps: l,
     renderingType: g,
-    colorScheme: L
-  } = t, h = D(t, Ne), b = t.zoom !== void 0 || t.defaultZoom !== void 0, w = t.center !== void 0 || t.defaultCenter !== void 0;
-  !d && (!b || !w) && console.warn("<Map> component is missing configuration. You have to provide zoom and center (via the `zoom`/`defaultZoom` and `center`/`defaultCenter` props) or specify the region to show using `defaultBounds`. See https://visgl.github.io/react-google-maps/docs/api-reference/components/map#required"), !h.center && c && (h.center = c), !h.zoom && Number.isFinite(p) && (h.zoom = p), !h.heading && Number.isFinite(f) && (h.heading = f), !h.tilt && Number.isFinite(m) && (h.tilt = m);
-  for (const v of Object.keys(h)) h[v] === void 0 && delete h[v];
-  const M = N(void 0);
-  return y(
+    colorScheme: C
+  } = t, h = D(t, Be), I = t.zoom !== void 0 || t.defaultZoom !== void 0, O = t.center !== void 0 || t.defaultCenter !== void 0;
+  !u && (!I || !O) && console.warn("<Map> component is missing configuration. You have to provide zoom and center (via the `zoom`/`defaultZoom` and `center`/`defaultCenter` props) or specify the region to show using `defaultBounds`. See https://visgl.github.io/react-google-maps/docs/api-reference/components/map#required"), !h.center && d && (h.center = d), !h.zoom && Number.isFinite(p) && (h.zoom = p), !h.heading && Number.isFinite(f) && (h.heading = f), !h.tilt && Number.isFinite(m) && (h.tilt = m);
+  for (const w of Object.keys(h)) h[w] === void 0 && delete h[w];
+  const E = z(void 0);
+  return v(
     () => {
       if (!i || !n) return;
       const {
-        addMapInstance: v,
-        removeMapInstance: O
+        addMapInstance: w,
+        removeMapInstance: y
       } = e, {
-        mapId: I
-      } = t, S = `${I || "default"}:${g || "default"}:${L || "LIGHT"}`;
-      let _, E;
-      if (l && H.has(S) ? (E = H.pop(S), _ = E.getDiv(), i.appendChild(_), E.setOptions(h), setTimeout(() => E.setCenter(E.getCenter()), 0)) : (_ = document.createElement("div"), _.style.height = "100%", i.appendChild(_), E = new google.maps.Map(_, k({}, h, g ? {
+        mapId: M
+      } = t, k = `${M || "default"}:${g || "default"}:${C || "LIGHT"}`;
+      let S, L;
+      if (l && U.has(k) ? (L = U.pop(k), S = L.getDiv(), i.appendChild(S), L.setOptions(h), setTimeout(() => L.setCenter(L.getCenter()), 0)) : (S = document.createElement("div"), S.style.height = "100%", i.appendChild(S), L = new google.maps.Map(S, _({}, h, g ? {
         renderingType: g
-      } : {}, L ? {
-        colorScheme: L
-      } : {}))), r(E), v(E, u), d) {
+      } : {}, C ? {
+        colorScheme: C
+      } : {}))), r(L), w(L, c), u) {
         const {
           padding: T
-        } = d, U = D(d, ze);
-        E.fitBounds(U, T);
-      } else (!b || !w) && E.fitBounds({
+        } = u, F = D(u, Ge);
+        L.fitBounds(F, T);
+      } else (!I || !O) && L.fitBounds({
         east: 180,
         west: -180,
         south: -90,
         north: 90
       });
-      if (M.current) {
+      if (E.current) {
         const {
           mapId: T,
-          cameraState: U
-        } = M.current;
-        T !== I && E.setOptions(U);
+          cameraState: F
+        } = E.current;
+        T !== M && L.setOptions(F);
       }
       return () => {
-        M.current = {
-          mapId: I,
+        E.current = {
+          mapId: M,
           // eslint-disable-next-line react-hooks/exhaustive-deps
           cameraState: s.current
-        }, _.remove(), l ? H.push(S, E) : google.maps.event.clearInstanceListeners(E), r(null), O(u);
+        }, S.remove(), l ? U.push(k, L) : google.maps.event.clearInstanceListeners(L), r(null), y(c);
       };
     },
     // some dependencies are ignored in the list below:
@@ -506,7 +512,7 @@ function Re(t, e) {
     [
       i,
       n,
-      u,
+      c,
       // these props can't be changed after initialization and require a new
       // instance to be created
       t.mapId,
@@ -515,23 +521,23 @@ function Re(t, e) {
     ]
   ), [o, a, s];
 }
-const ae = C.createContext(null), Be = (t) => {
+const le = b.createContext(null), Ue = (t) => {
   const {
     children: e,
     id: n,
     className: o,
     style: r
-  } = t, i = z(B), a = oe();
+  } = t, i = R(G), a = ie();
   if (!i)
     throw new Error("<Map> can only be used inside an <ApiProvider> component.");
-  const [s, u, d] = Re(t, i);
-  xe(s, d, t), Oe(s, t), Se(s, t);
-  const c = _e(s, t), p = !!t.controlled;
-  y(() => {
+  const [s, c, u] = He(t, i);
+  De(s, u, t), we(s, t), xe(s, t);
+  const d = Ae(s, t), p = !!t.controlled;
+  v(() => {
     if (s)
-      return c && s.setOptions({
+      return d && s.setOptions({
         disableDefaultUI: !0
-      }), (c || p) && s.setOptions({
+      }), (d || p) && s.setOptions({
         gestureHandling: "none",
         keyboardShortcuts: !1
       }), () => {
@@ -540,180 +546,180 @@ const ae = C.createContext(null), Be = (t) => {
           keyboardShortcuts: t.keyboardShortcuts
         });
       };
-  }, [s, c, p, t.gestureHandling, t.keyboardShortcuts]);
-  const f = t.center ? re(t.center) : null;
+  }, [s, d, p, t.gestureHandling, t.keyboardShortcuts]);
+  const f = t.center ? ae(t.center) : null;
   let m = null, l = null;
   f && Number.isFinite(f.lat) && Number.isFinite(f.lng) && (m = f.lat, l = f.lng);
   const g = P(() => {
-    var b, w, M, v, O;
+    var I, O, E, w, y;
     return {
       center: {
-        lat: (b = m) != null ? b : 0,
-        lng: (w = l) != null ? w : 0
+        lat: (I = m) != null ? I : 0,
+        lng: (O = l) != null ? O : 0
       },
-      zoom: (M = t.zoom) != null ? M : 0,
-      heading: (v = t.heading) != null ? v : 0,
-      tilt: (O = t.tilt) != null ? O : 0
+      zoom: (E = t.zoom) != null ? E : 0,
+      heading: (w = t.heading) != null ? w : 0,
+      tilt: (y = t.tilt) != null ? y : 0
     };
   }, [m, l, t.zoom, t.heading, t.tilt]);
   W(() => {
     if (!s || !p) return;
     s.moveCamera(g);
-    const b = s.addListener("bounds_changed", () => {
+    const I = s.addListener("bounds_changed", () => {
       s.moveCamera(g);
     });
-    return () => b.remove();
+    return () => I.remove();
   }, [s, p, g]);
-  const L = P(() => k({
+  const C = P(() => _({
     width: "100%",
     height: "100%",
     position: "relative",
     // when using deckgl, the map should be sent to the back
-    zIndex: c ? -1 : 0
-  }, r), [r, c]), h = P(() => ({
+    zIndex: d ? -1 : 0
+  }, r), [r, d]), h = P(() => ({
     map: s
   }), [s]);
-  return a === x.AUTH_FAILURE ? /* @__PURE__ */ C.createElement("div", {
-    style: k({
+  return a === x.AUTH_FAILURE ? /* @__PURE__ */ b.createElement("div", {
+    style: _({
       position: "relative"
-    }, o ? {} : L),
+    }, o ? {} : C),
     className: o
-  }, /* @__PURE__ */ C.createElement(Ae, null)) : /* @__PURE__ */ C.createElement("div", k({
-    ref: u,
+  }, /* @__PURE__ */ b.createElement(Te, null)) : /* @__PURE__ */ b.createElement("div", _({
+    ref: c,
     "data-testid": "map",
-    style: o ? void 0 : L,
+    style: o ? void 0 : C,
     className: o
   }, n ? {
     id: n
-  } : {}), s ? /* @__PURE__ */ C.createElement(ae.Provider, {
+  } : {}), s ? /* @__PURE__ */ b.createElement(le.Provider, {
     value: h
   }, e) : null);
 };
-Be.deckGLViewProps = !0;
-const V = /* @__PURE__ */ new Set();
-function Ge(...t) {
+Ue.deckGLViewProps = !0;
+const J = /* @__PURE__ */ new Set();
+function je(...t) {
   const e = JSON.stringify(t);
-  V.has(e) || (V.add(e), console.error(...t));
+  J.has(e) || (J.add(e), console.error(...t));
 }
-const q = (t = null) => {
-  const e = z(B), {
+const Z = (t = null) => {
+  const e = R(G), {
     map: n
-  } = z(ae) || {};
+  } = R(le) || {};
   if (e === null)
-    return Ge("useMap(): failed to retrieve APIProviderContext. Make sure that the <APIProvider> component exists and that the component you are calling `useMap()` from is a sibling of the <APIProvider>."), null;
+    return je("useMap(): failed to retrieve APIProviderContext. Make sure that the <APIProvider> component exists and that the component you are calling `useMap()` from is a sibling of the <APIProvider>."), null;
   const {
     mapInstances: o
   } = e;
   return t !== null ? o[t] || null : n || o.default || null;
 };
-function se(t) {
-  const e = ie(), n = z(B);
-  return y(() => {
+function ce(t) {
+  const e = se(), n = R(G);
+  return v(() => {
     !e || !n || n.importLibrary(t);
   }, [e, n, t]), (n == null ? void 0 : n.loadedLibraries[t]) || null;
 }
-function F(t, e, n) {
-  y(() => {
+function N(t, e, n) {
+  v(() => {
     if (!t || !e || !n) return;
     const o = google.maps.event.addListener(t, e, n);
     return () => o.remove();
   }, [t, e, n]);
 }
-function G(t, e, n) {
-  y(() => {
+function H(t, e, n) {
+  v(() => {
     t && (t[e] = n);
   }, [t, e, n]);
 }
-function K(t, e, n) {
-  y(() => {
+function V(t, e, n) {
+  v(() => {
     if (!(!t || !e || !n))
       return t.addEventListener(e, n), () => t.removeEventListener(e, n);
   }, [t, e, n]);
 }
-function He(t) {
+function $e(t) {
   return t.content !== void 0;
 }
-function Ue(t) {
+function K(t) {
   return t.nodeType === Node.ELEMENT_NODE;
 }
-const je = C.createContext(null), $e = {
+const We = b.createContext(null), Ze = {
   BOTTOM: ["50%", "100%"]
-}, Ze = ({
+}, qe = ({
   children: t,
   styles: e,
   className: n,
   anchorPoint: o
 }) => {
-  const [r, i] = o ?? $e.BOTTOM;
+  const [r, i] = o ?? Ze.BOTTOM;
   let a = `-${r}`, s = `-${i}`;
   r.trimStart().startsWith("-") && (a = r.substring(1)), i.trimStart().startsWith("-") && (s = i.substring(1));
-  const u = `translate(50%, 100%) translate(${a}, ${s})`;
+  const c = `translate(50%, 100%) translate(${a}, ${s})`;
   return (
     // anchoring container
-    /* @__PURE__ */ C.createElement("div", {
+    /* @__PURE__ */ b.createElement("div", {
       style: {
-        transform: u
+        transform: c
       }
-    }, /* @__PURE__ */ C.createElement("div", {
+    }, /* @__PURE__ */ b.createElement("div", {
       className: n,
       style: e
     }, t))
   );
 };
-function We(t) {
-  const [e, n] = A(null), [o, r] = A(null), i = q(), a = se("marker"), {
+function Je(t) {
+  const [e, n] = A(null), [o, r] = A(null), i = Z(), a = ce("marker"), {
     children: s,
-    onClick: u,
-    className: d,
-    onMouseEnter: c,
+    onClick: c,
+    className: u,
+    onMouseEnter: d,
     onMouseLeave: p,
     onDrag: f,
     onDragStart: m,
     onDragEnd: l,
     collisionBehavior: g,
-    clickable: L,
+    clickable: C,
     draggable: h,
-    position: b,
-    title: w,
-    zIndex: M
-  } = t, v = le.count(s);
-  return y(() => {
+    position: I,
+    title: O,
+    zIndex: E
+  } = t, w = ue.count(s);
+  return v(() => {
     if (!i || !a) return;
-    const O = new a.AdvancedMarkerElement();
-    O.map = i, n(O);
-    let I = null;
-    return v > 0 && (I = document.createElement("div"), I.isCustomMarker = !0, O.content = I, r(I)), () => {
-      var S;
-      O.map = null, (S = I) == null || S.remove(), n(null), r(null);
+    const y = new a.AdvancedMarkerElement();
+    y.map = i, n(y);
+    let M = null;
+    return w > 0 && (M = document.createElement("div"), M.isCustomMarker = !0, y.content = M, r(M)), () => {
+      var k;
+      y.map = null, (k = M) == null || k.remove(), n(null), r(null);
     };
-  }, [i, a, v]), y(() => {
-    !e || !e.content || v > 0 || (e.content.className = d || "");
-  }, [e, d, v]), G(e, "position", b), G(e, "title", w ?? ""), G(e, "zIndex", M), G(e, "collisionBehavior", g), y(() => {
+  }, [i, a, w]), v(() => {
+    !(e != null && e.content) || !K(e.content) || w > 0 || (e.content.className = u ?? "");
+  }, [e, u, w]), H(e, "position", I), H(e, "title", O ?? ""), H(e, "zIndex", E), H(e, "collisionBehavior", g), v(() => {
     e && (h !== void 0 ? e.gmpDraggable = h : f || m || l ? e.gmpDraggable = !0 : e.gmpDraggable = !1);
-  }, [e, h, f, l, m]), y(() => {
+  }, [e, h, f, l, m]), v(() => {
     if (!e) return;
-    const O = L !== void 0 || !!u || !!c || !!p;
-    e.gmpClickable = O, O && e != null && e.content && Ue(e.content) && (e.content.style.pointerEvents = "none", e.content.firstElementChild && (e.content.firstElementChild.style.pointerEvents = "all"));
-  }, [e, L, u, c, p]), F(e, "click", u), F(e, "drag", f), F(e, "dragstart", m), F(e, "dragend", l), K(e == null ? void 0 : e.element, "mouseenter", c), K(e == null ? void 0 : e.element, "mouseleave", p), [e, o];
+    const y = C !== void 0 || !!c || !!d || !!p;
+    e.gmpClickable = y, y && e != null && e.content && K(e.content) && (e.content.style.pointerEvents = "none", e.content.firstElementChild && (e.content.firstElementChild.style.pointerEvents = "all"));
+  }, [e, C, c, d, p]), N(e, "click", c), N(e, "drag", f), N(e, "dragstart", m), N(e, "dragend", l), V(e == null ? void 0 : e.element, "mouseenter", d), V(e == null ? void 0 : e.element, "mouseleave", p), [e, o];
 }
-const ot = Y((t, e) => {
+const it = Y((t, e) => {
   const {
     children: n,
     style: o,
     className: r,
     anchorPoint: i
-  } = t, [a, s] = We(t), u = P(() => a ? {
+  } = t, [a, s] = Je(t), c = P(() => a ? {
     marker: a
   } : null, [a]);
-  return Q(e, () => a, [a]), s ? /* @__PURE__ */ C.createElement(je.Provider, {
-    value: u
-  }, $(/* @__PURE__ */ C.createElement(Ze, {
+  return Q(e, () => a, [a]), s ? /* @__PURE__ */ b.createElement(We.Provider, {
+    value: c
+  }, $(/* @__PURE__ */ b.createElement(qe, {
     anchorPoint: i,
     styles: o,
     className: r
   }, n), s)) : null;
 });
-function qe(t, e, n) {
+function Ve(t, e, n) {
   if (e != null && typeof e != "object")
     throw new Error("The `style` prop expects a mapping from style properties to values, not a string. For example, style={{marginRight: spacing + 'em'}} when using JSX.");
   const o = t.style;
@@ -733,9 +739,9 @@ function qe(t, e, n) {
 }
 function X(t, e, n) {
   const o = e.indexOf("--") === 0;
-  n == null || typeof n == "boolean" || n === "" ? o ? t.setProperty(e, "") : e === "float" ? t.cssFloat = "" : t[e] = "" : o ? t.setProperty(e, n) : typeof n == "number" && n !== 0 && !Ve(e) ? t[e] = n + "px" : e === "float" ? t.cssFloat = n : t[e] = ("" + n).trim();
+  n == null || typeof n == "boolean" || n === "" ? o ? t.setProperty(e, "") : e === "float" ? t.cssFloat = "" : t[e] = "" : o ? t.setProperty(e, n) : typeof n == "number" && n !== 0 && !Xe(e) ? t[e] = n + "px" : e === "float" ? t.cssFloat = n : t[e] = ("" + n).trim();
 }
-const Je = /* @__PURE__ */ new Set([
+const Ke = /* @__PURE__ */ new Set([
   "animationIterationCount",
   "aspectRatio",
   "borderImageOutset",
@@ -782,10 +788,10 @@ const Je = /* @__PURE__ */ new Set([
   "strokeOpacity",
   "strokeWidth"
 ]);
-function Ve(t) {
-  return Je.has(t);
+function Xe(t) {
+  return Ke.has(t);
 }
-const Ke = ["children", "headerContent", "style", "className", "pixelOffset", "anchor", "shouldFocus", "onClose", "onCloseClick"], rt = (t) => {
+const Ye = ["children", "headerContent", "style", "className", "pixelOffset", "anchor", "shouldFocus", "onClose", "onCloseClick"], at = (t) => {
   const {
     // content options
     children: e,
@@ -797,20 +803,20 @@ const Ke = ["children", "headerContent", "style", "className", "pixelOffset", "a
     anchor: a,
     shouldFocus: s,
     // events
-    onClose: u,
-    onCloseClick: d
+    onClose: c,
+    onCloseClick: u
     // other options
-  } = t, c = D(t, Ke), p = se("maps"), [f, m] = A(null), l = N(null), g = N(null);
-  y(
+  } = t, d = D(t, Ye), p = ce("maps"), [f, m] = A(null), l = z(null), g = z(null), C = re(d, ne);
+  v(
     () => {
       if (!p) return;
       l.current = document.createElement("div"), g.current = document.createElement("div");
-      const b = c;
-      i && (b.pixelOffset = new google.maps.Size(i[0], i[1])), n && (b.headerContent = typeof n == "string" ? n : g.current);
-      const w = new google.maps.InfoWindow(c);
-      return w.setContent(l.current), m(w), () => {
-        var M, v;
-        w.setContent(null), (M = l.current) == null || M.remove(), (v = g.current) == null || v.remove(), l.current = null, g.current = null, m(null);
+      const O = C;
+      i && (O.pixelOffset = new google.maps.Size(i[0], i[1])), n && (O.headerContent = typeof n == "string" ? n : g.current);
+      const E = new google.maps.InfoWindow(C);
+      return E.setContent(l.current), m(E), () => {
+        var w, y;
+        E.setContent(null), (w = l.current) == null || w.remove(), (y = g.current) == null || y.remove(), l.current = null, g.current = null, m(null);
       };
     },
     // `infoWindowOptions` and other props are missing from dependencies:
@@ -822,87 +828,87 @@ const Ke = ["children", "headerContent", "style", "className", "pixelOffset", "a
     // eslint-disable-next-line react-hooks/exhaustive-deps
     [p]
   );
-  const L = N(null);
-  y(() => {
-    !f || !l.current || (qe(l.current, o || null, L.current), L.current = o || null, r !== l.current.className && (l.current.className = r || ""));
-  }, [f, r, o]), Z(
+  const h = z(null);
+  v(() => {
+    !f || !l.current || (Ve(l.current, o || null, h.current), h.current = o || null, r !== l.current.className && (l.current.className = r || ""));
+  }, [f, r, o]), v(
     () => {
       if (!f) return;
-      const b = c;
-      i ? b.pixelOffset = new google.maps.Size(i[0], i[1]) : b.pixelOffset = null, n ? b.headerContent = typeof n == "string" ? n : g.current : b.headerContent = null, f.setOptions(c);
+      const O = C;
+      i ? O.pixelOffset = new google.maps.Size(i[0], i[1]) : O.pixelOffset = null, n ? O.headerContent = typeof n == "string" ? n : g.current : O.headerContent = null, f.setOptions(C);
     },
     // dependency `infoWindow` isn't needed since options are also passed
     // to the constructor when a new infoWindow is created.
     // eslint-disable-next-line react-hooks/exhaustive-deps
-    [c, i, n]
-  ), F(f, "close", u), F(f, "closeclick", d);
-  const h = q();
-  return Z(() => {
-    if (!h || !f || a === null) return;
-    const b = !!a, w = {
-      map: h
+    [C, i, n]
+  ), N(f, "close", c), N(f, "closeclick", u);
+  const I = Z();
+  return v(() => {
+    if (!I || !f || a === null) return;
+    const O = !!a, E = {
+      map: I
     };
-    if (a && (w.anchor = a, He(a) && a.content instanceof Element)) {
-      const v = a.content, O = v == null ? void 0 : v.getBoundingClientRect();
-      if (O && v != null && v.isCustomMarker) {
-        var M;
-        const I = (M = a.content.firstElementChild) == null ? void 0 : M.firstElementChild, S = I == null ? void 0 : I.getBoundingClientRect(), _ = S.x - O.x + (S.width - O.width) / 2, E = S.y - O.y, T = c;
-        T.pixelOffset = new google.maps.Size(i ? i[0] + _ : _, i ? i[1] + E : E), f.setOptions(T);
+    if (a && (E.anchor = a, $e(a) && a.content instanceof Element)) {
+      const y = a.content, M = y == null ? void 0 : y.getBoundingClientRect();
+      if (M && y != null && y.isCustomMarker) {
+        var w;
+        const k = (w = a.content.firstElementChild) == null ? void 0 : w.firstElementChild, S = k == null ? void 0 : k.getBoundingClientRect(), L = S.x - M.x + (S.width - M.width) / 2, T = S.y - M.y, F = C;
+        F.pixelOffset = new google.maps.Size(i ? i[0] + L : L, i ? i[1] + T : T), f.setOptions(F);
       }
     }
-    return s !== void 0 && (w.shouldFocus = s), f.open(w), () => {
-      b && f.set("anchor", null), f.close();
+    return s !== void 0 && (E.shouldFocus = s), f.open(E), () => {
+      O && f.set("anchor", null), f.close();
     };
-  }, [f, a, h, s, c, i]), /* @__PURE__ */ C.createElement(C.Fragment, null, l.current && $(e, l.current), g.current !== null && $(n, g.current));
-}, it = {
+  }, [f, a, I, s, C, i]), /* @__PURE__ */ b.createElement(b.Fragment, null, l.current && $(e, l.current), g.current !== null && $(n, g.current));
+}, st = {
   LEFT_TOP: 5,
   LEFT_BOTTOM: 6,
   RIGHT_TOP: 7,
   RIGHT_BOTTOM: 9
-}, Xe = ["onClick", "onDrag", "onDragStart", "onDragEnd", "onMouseOver", "onMouseOut"];
-function Ye(t) {
-  const [e, n] = A(null), o = q(), {
+}, Qe = ["onClick", "onDrag", "onDragStart", "onDragEnd", "onMouseOver", "onMouseOut"];
+function et(t) {
+  const [e, n] = A(null), o = Z(), {
     onClick: r,
     onDrag: i,
     onDragStart: a,
     onDragEnd: s,
-    onMouseOver: u,
-    onMouseOut: d
-  } = t, c = D(t, Xe), {
+    onMouseOver: c,
+    onMouseOut: u
+  } = t, d = D(t, Qe), {
     position: p,
     draggable: f
-  } = c;
-  return y(() => {
+  } = d;
+  return v(() => {
     if (!o) {
       o === void 0 && console.error("<Marker> has to be inside a Map component.");
       return;
     }
-    const m = new google.maps.Marker(c);
+    const m = new google.maps.Marker(d);
     return m.setMap(o), n(m), () => {
       m.setMap(null), n(null);
     };
-  }, [o]), y(() => {
+  }, [o]), v(() => {
     if (!e) return;
     const m = e, l = google.maps.event;
-    return r && l.addListener(m, "click", r), i && l.addListener(m, "drag", i), a && l.addListener(m, "dragstart", a), s && l.addListener(m, "dragend", s), u && l.addListener(m, "mouseover", u), d && l.addListener(m, "mouseout", d), e.setDraggable(!!f), () => {
+    return r && l.addListener(m, "click", r), i && l.addListener(m, "drag", i), a && l.addListener(m, "dragstart", a), s && l.addListener(m, "dragend", s), c && l.addListener(m, "mouseover", c), u && l.addListener(m, "mouseout", u), e.setDraggable(!!f), () => {
       l.clearInstanceListeners(m);
     };
-  }, [e, f, r, i, a, s, u, d]), y(() => {
-    e && c && e.setOptions(c);
-  }, [e, c]), y(() => {
+  }, [e, f, r, i, a, s, c, u]), v(() => {
+    e && d && e.setOptions(d);
+  }, [e, d]), v(() => {
     f || !p || !e || e.setPosition(p);
   }, [f, p, e]), e;
 }
 Y((t, e) => {
-  const n = Ye(t);
-  return Q(e, () => n, [n]), /* @__PURE__ */ C.createElement(C.Fragment, null);
+  const n = et(t);
+  return Q(e, () => n, [n]), /* @__PURE__ */ b.createElement(b.Fragment, null);
 });
 export {
-  nt as A,
-  it as C,
-  ae as G,
-  rt as I,
-  Be as M,
-  ot as a,
-  q as u
+  rt as A,
+  st as C,
+  le as G,
+  at as I,
+  Ue as M,
+  it as a,
+  Z as u
 };