@courtneyring/components-library 1.0.35 → 1.0.37

package/dist/index.modern-DPbS1w7M 4.js

@@ -1,1443 +0,0 @@
-import * as Me from "react";
-import A, { forwardRef as B, useMemo as T, useImperativeHandle as F, useState as k, Children as Be, useEffect as C, useContext as H, createContext as je, useCallback as ce, useLayoutEffect as J, useRef as x, useReducer as Ae } from "react";
-import { r as De } from "./index-DyQs5aC7.js";
-import { g as Fe } from "./index-B2JRaoNz.js";
-var te, he;
-function ze() {
-  return he || (he = 1, te = function e(n, t) {
-    if (n === t) return !0;
-    if (n && t && typeof n == "object" && typeof t == "object") {
-      if (n.constructor !== t.constructor) return !1;
-      var o, r, a;
-      if (Array.isArray(n)) {
-        if (o = n.length, o != t.length) return !1;
-        for (r = o; r-- !== 0; )
-          if (!e(n[r], t[r])) return !1;
-        return !0;
-      }
-      if (n.constructor === RegExp) return n.source === t.source && n.flags === t.flags;
-      if (n.valueOf !== Object.prototype.valueOf) return n.valueOf() === t.valueOf();
-      if (n.toString !== Object.prototype.toString) return n.toString() === t.toString();
-      if (a = Object.keys(n), o = a.length, o !== Object.keys(t).length) return !1;
-      for (r = o; r-- !== 0; )
-        if (!Object.prototype.hasOwnProperty.call(t, a[r])) return !1;
-      for (r = o; r-- !== 0; ) {
-        var i = a[r];
-        if (!e(n[i], t[i])) return !1;
-      }
-      return !0;
-    }
-    return n !== n && t !== t;
-  }), te;
-}
-var Ue = ze();
-const q = /* @__PURE__ */ Fe(Ue), Ge = "1.8.3";
-function R(e, n) {
-  var t = {};
-  for (var o in e) Object.prototype.hasOwnProperty.call(e, o) && n.indexOf(o) < 0 && (t[o] = e[o]);
-  if (e != null && typeof Object.getOwnPropertySymbols == "function")
-    for (var r = 0, o = Object.getOwnPropertySymbols(e); r < o.length; r++)
-      n.indexOf(o[r]) < 0 && Object.prototype.propertyIsEnumerable.call(e, o[r]) && (t[o[r]] = e[o[r]]);
-  return t;
-}
-function ve(e, n, t, o) {
-  function r(a) {
-    return a instanceof t ? a : new t(function(i) {
-      i(a);
-    });
-  }
-  return new (t || (t = Promise))(function(a, i) {
-    function c(s) {
-      try {
-        d(o.next(s));
-      } catch (h) {
-        i(h);
-      }
-    }
-    function p(s) {
-      try {
-        d(o.throw(s));
-      } catch (h) {
-        i(h);
-      }
-    }
-    function d(s) {
-      s.done ? a(s.value) : r(s.value).then(c, p);
-    }
-    d((o = o.apply(e, [])).next());
-  });
-}
-function He(e, n) {
-  e.src = n;
-}
-const Je = (e) => {
-  var n, t, o, r = "The Google Maps JavaScript API", a = "google", i = "importLibrary", c = "__ib__", p = document, d = window, s = d[a] || (d[a] = {}), h = s.maps || (s.maps = {}), m = /* @__PURE__ */ new Set(), u = new URLSearchParams(), f = () => n || (n = new Promise(async (y, l) => {
-    await (t = p.createElement("script")), u.set("libraries", [...m] + "");
-    for (o in e)
-      u.set(o.replace(/[A-Z]/g, (g) => "_" + g[0].toLowerCase()), e[o]);
-    u.set("callback", a + ".maps." + c), He(t, "https://maps.googleapis.com/maps/api/js?" + u), h[c] = y, t.onerror = () => n = l(Error(r + " could not load.")), t.nonce = p.querySelector("script[nonce]")?.nonce || "", p.head.append(t);
-  }));
-  h[i] ? console.warn(r + " only loads once. Ignoring:", e) : h[i] = (y, ...l) => m.add(y) && f().then(() => h[i](y, ...l));
-}, Ve = (e) => `The setOptions() function should only be called once. The options passed to the additional call (${JSON.stringify(e)}) will be ignored.`, $e = (e) => `The google.maps.importLibrary() function is already defined, and @googlemaps/js-api-loader will use the existing function instead of overwriting it. The options passed to setOptions (${JSON.stringify(e)}) will be ignored.`, qe = "No options were set before calling importLibrary. Make sure to configure the loader using setOptions().", Ze = "There already is a script loading the Google Maps JavaScript API, and no google.maps.importLibrary function is defined. @googlemaps/js-api-loader will proceed to bootstrap the API with the specified options, but the existing script might cause problems using the API. Make sure to remove the script loading the API.", Pe = process.env.NODE_ENV !== "production", ue = Pe ? (e) => {
-  console.warn(`[@googlemaps/js-api-loader] ${e}`);
-} : () => {
-}, We = Pe ? (e) => {
-  console.info(`[@googlemaps/js-api-loader] ${e}`);
-} : () => {
-}, Ke = process.env.NODE_ENV !== "production";
-let re = !1;
-function Ye(e) {
-  if (re) {
-    ue(Ve(e));
-    return;
-  }
-  Qe(e), re = !0;
-}
-async function Xe(e) {
-  if (re || ue(qe), !window?.google?.maps?.importLibrary)
-    throw new Error("google.maps.importLibrary is not installed.");
-  return await google.maps.importLibrary(e);
-}
-function Qe(e) {
-  const n = !!window.google?.maps?.importLibrary;
-  n ? We($e(e)) : Ke && document.querySelector('script[src*="maps.googleapis.com/maps/api/js"]') && ue(Ze), n || Je(e);
-}
-const N = {
-  NOT_LOADED: "NOT_LOADED",
-  LOADING: "LOADING",
-  LOADED: "LOADED",
-  FAILED: "FAILED",
-  AUTH_FAILURE: "AUTH_FAILURE"
-}, en = "GMP_visgl_rgmlibrary_v1_default", nn = [
-  `gmp_visgl_reactgooglemaps_v${Ge}`
-], V = A.createContext(null);
-let j = N.NOT_LOADED, Y;
-const ae = /* @__PURE__ */ new Set();
-function X(e) {
-  e !== j && (j = e, ae.forEach((n) => n(j)));
-}
-function tn() {
-  const [e, n] = k({});
-  return { mapInstances: e, addMapInstance: (a, i = "default") => {
-    n((c) => Object.assign(Object.assign({}, c), { [i]: a }));
-  }, removeMapInstance: (a = "default") => {
-    n((i) => {
-      var c = a;
-      i[c];
-      var p = R(i, [typeof c == "symbol" ? c : c + ""]);
-      return p;
-    });
-  }, clearMapInstances: () => {
-    n({});
-  } };
-}
-function on() {
-  const [e, n] = k({});
-  return {
-    map3dInstances: e,
-    addMap3DInstance: (a, i = "default") => {
-      n((c) => Object.assign(Object.assign({}, c), { [i]: a }));
-    },
-    removeMap3DInstance: (a = "default") => {
-      n((i) => {
-        var c = a;
-        i[c];
-        var p = R(i, [typeof c == "symbol" ? c : c + ""]);
-        return p;
-      });
-    },
-    clearMap3DInstances: () => {
-      n({});
-    }
-  };
-}
-function rn(e) {
-  const { onLoad: n, onError: t, apiKey: o, version: r, libraries: a = [], region: i, language: c, authReferrerPolicy: p, channel: d, solutionChannel: s, fetchAppCheckToken: h } = e, [m, u] = k(j), [f, y] = Ae((b, E) => b[E.name] ? b : Object.assign(Object.assign({}, b), { [E.name]: E.value }), {}), l = T(() => {
-    const b = {
-      apiKey: o,
-      version: r,
-      libraries: a.join(","),
-      region: i,
-      language: c,
-      authReferrerPolicy: p,
-      channel: d,
-      solutionChannel: s
-    };
-    return JSON.stringify(b);
-  }, [
-    o,
-    r,
-    a,
-    i,
-    c,
-    p,
-    d,
-    s
-  ]), g = ce((b) => ve(this, void 0, void 0, function* () {
-    if (f[b])
-      return f[b];
-    const E = yield Xe(b);
-    return y({ name: b, value: E }), E;
-  }), [f]);
-  return C(() => (ae.add(u), u(j), () => {
-    ae.delete(u);
-  }), []), C(
-    () => {
-      ve(this, void 0, void 0, function* () {
-        var b, E;
-        try {
-          Y && Y !== l && console.warn("The Google Maps JavaScript API has already been loaded with different parameters. The new parameters will be ignored. If you need to use different parameters, please refresh the page.");
-          const M = ["core", "maps", ...a];
-          if (!((E = (b = window.google) === null || b === void 0 ? void 0 : b.maps) === null || E === void 0) && E.importLibrary) {
-            Y || X(N.LOADED), yield Promise.all(M.map((v) => g(v))), n && n();
-            return;
-          }
-          if (j === N.LOADING || j === N.LOADED) {
-            j === N.LOADED && n && n();
-            return;
-          }
-          Y = l, X(N.LOADING);
-          const D = Object.fromEntries(Object.entries({
-            key: o,
-            v: r,
-            libraries: a,
-            region: i,
-            language: c,
-            authReferrerPolicy: p
-          }).filter(([, v]) => v !== void 0));
-          d !== void 0 && d >= 0 && d <= 999 && (D.channel = String(d)), s === void 0 ? D.solutionChannel = en : s !== "" && (D.solutionChannel = s), Ye(D), yield Promise.all(M.map((v) => g(v))), X(N.LOADED), n && n();
-        } catch (M) {
-          X(N.FAILED), t ? t(M) : console.error("The Google Maps JavaScript API failed to load.", M);
-        }
-      });
-    },
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-    [l, n, t, g, a]
-  ), C(() => {
-    if (m !== N.LOADED)
-      return;
-    const b = google.maps.Settings.getInstance();
-    h ? b.fetchAppCheckToken = h : b.fetchAppCheckToken && (b.fetchAppCheckToken = null);
-  }, [m, h]), {
-    status: m,
-    loadedLibraries: f,
-    importLibrary: g
-  };
-}
-function an(e) {
-  return T(() => e.disableUsageAttribution ? null : nn, [e.disableUsageAttribution]);
-}
-const _t = (e) => {
-  const { children: n } = e, t = R(e, ["children"]), { mapInstances: o, addMapInstance: r, removeMapInstance: a, clearMapInstances: i } = tn(), { map3dInstances: c, addMap3DInstance: p, removeMap3DInstance: d, clearMap3DInstances: s } = on(), { status: h, loadedLibraries: m, importLibrary: u } = rn(t), f = an(t), y = T(() => ({
-    mapInstances: o,
-    addMapInstance: r,
-    removeMapInstance: a,
-    clearMapInstances: i,
-    map3dInstances: c,
-    addMap3DInstance: p,
-    removeMap3DInstance: d,
-    clearMap3DInstances: s,
-    status: h,
-    loadedLibraries: m,
-    importLibrary: u,
-    internalUsageAttributionIds: f
-  }), [
-    o,
-    r,
-    a,
-    i,
-    c,
-    p,
-    d,
-    s,
-    h,
-    m,
-    u,
-    f
-  ]);
-  return A.createElement(V.Provider, { value: y }, n);
-};
-function sn(e, n) {
-  for (const t of dn) {
-    const o = n[t], r = Le[t];
-    C(() => {
-      if (!e || !o)
-        return;
-      const a = google.maps.event.addListener(e, r, (i) => {
-        o(ln(r, e, i));
-      });
-      return () => a.remove();
-    }, [e, r, o]);
-  }
-}
-function ln(e, n, t) {
-  var o;
-  const r = {
-    type: e,
-    map: n,
-    detail: {},
-    stoppable: !1,
-    stop: () => {
-    }
-  };
-  if (cn.includes(e)) {
-    const a = r, i = n.getCenter(), c = n.getZoom(), p = n.getHeading() || 0, d = n.getTilt() || 0, s = n.getBounds();
-    return (!i || !s || !Number.isFinite(c)) && 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"), a.detail = {
-      center: i?.toJSON() || { lat: 0, lng: 0 },
-      zoom: c || 0,
-      heading: p,
-      tilt: d,
-      bounds: s?.toJSON() || {
-        north: 90,
-        east: 180,
-        south: -90,
-        west: -180
-      }
-    }, a;
-  } else if (un.includes(e)) {
-    if (!t)
-      throw new Error("[createEvent] mouse events must provide a srcEvent");
-    const a = r;
-    return a.domEvent = t.domEvent, a.stoppable = !0, a.stop = () => t.stop(), a.detail = {
-      latLng: ((o = t.latLng) === null || o === void 0 ? void 0 : o.toJSON()) || null,
-      placeId: t.placeId
-    }, a;
-  }
-  return r;
-}
-const Le = {
-  onBoundsChanged: "bounds_changed",
-  onCenterChanged: "center_changed",
-  onClick: "click",
-  onContextmenu: "contextmenu",
-  onDblclick: "dblclick",
-  onDrag: "drag",
-  onDragend: "dragend",
-  onDragstart: "dragstart",
-  onHeadingChanged: "heading_changed",
-  onIdle: "idle",
-  onIsFractionalZoomEnabledChanged: "isfractionalzoomenabled_changed",
-  onMapCapabilitiesChanged: "mapcapabilities_changed",
-  onMapTypeIdChanged: "maptypeid_changed",
-  onMousemove: "mousemove",
-  onMouseout: "mouseout",
-  onMouseover: "mouseover",
-  onProjectionChanged: "projection_changed",
-  onRenderingTypeChanged: "renderingtype_changed",
-  onTilesLoaded: "tilesloaded",
-  onTiltChanged: "tilt_changed",
-  onZoomChanged: "zoom_changed",
-  // note: onCameraChanged is an alias for the bounds_changed event,
-  // since that is going to be fired in every situation where the camera is
-  // updated.
-  onCameraChanged: "bounds_changed"
-}, cn = [
-  "bounds_changed",
-  "center_changed",
-  "heading_changed",
-  "tilt_changed",
-  "zoom_changed"
-], un = [
-  "click",
-  "contextmenu",
-  "dblclick",
-  "mousemove",
-  "mouseout",
-  "mouseover"
-], dn = Object.keys(Le);
-function Z(e, n) {
-  const t = x(e);
-  return n(e, t.current) || (t.current = e), t.current;
-}
-function gn(e, n, t) {
-  C(e, [Z(n, t)]);
-}
-function _e(e, n) {
-  gn(e, n, q);
-}
-const fn = /* @__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 mn(e, n) {
-  const t = {}, o = Object.keys(n);
-  for (const r of o)
-    fn.has(r) && (t[r] = n[r]);
-  _e(() => {
-    e && e.setOptions(t);
-  }, [t]);
-}
-function Ie() {
-  var e;
-  return ((e = H(V)) === null || e === void 0 ? void 0 : e.status) || N.NOT_LOADED;
-}
-function pn(e, n) {
-  const { viewport: t, viewState: o } = n, r = !!t;
-  return J(() => {
-    if (!e || !o)
-      return;
-    const { latitude: a, longitude: i, bearing: c, pitch: p, zoom: d } = o;
-    e.moveCamera({
-      center: { lat: a, lng: i },
-      heading: c,
-      tilt: p,
-      zoom: d + 1
-    });
-  }, [e, o]), r;
-}
-function hn(e) {
-  return !e || typeof e != "object" || !("lat" in e && "lng" in e) ? !1 : Number.isFinite(e.lat) && Number.isFinite(e.lng);
-}
-function Se(e, n) {
-  if (!e || !n)
-    return !1;
-  const t = ee(e), o = ee(n);
-  return !(t.lat !== o.lat || t.lng !== o.lng);
-}
-function ee(e) {
-  return hn(e) ? e : e.toJSON();
-}
-function ye(e) {
-  if ("north" in e && "south" in e && "east" in e && "west" in e)
-    return e;
-  const n = e.getNorthEast().toJSON(), t = e.getSouthWest().toJSON();
-  return {
-    north: n.lat,
-    east: n.lng,
-    south: t.lat,
-    west: t.lng
-  };
-}
-function vn(e, n) {
-  if (!e || !n)
-    return !1;
-  const t = ye(e), o = ye(n);
-  return t.north === o.north && t.south === o.south && t.east === o.east && t.west === o.west;
-}
-function ke(e, n) {
-  if (!e || !n)
-    return e === n;
-  const t = "getArray" in n ? n.getArray() : n;
-  if (e.length !== t.length)
-    return !1;
-  for (let o = 0; o < e.length; o++)
-    if (!Se(e[o], t[o]))
-      return !1;
-  return !0;
-}
-function yn(e, n) {
-  if (!e || !n)
-    return e === n;
-  const t = "getArray" in n ? n.getArray().map((o) => o.getArray()) : n;
-  if (e.length !== t.length)
-    return !1;
-  for (let o = 0; o < e.length; o++)
-    if (!ke(e[o], t[o]))
-      return !1;
-  return !0;
-}
-function bn(e, n, t) {
-  const o = t.center ? ee(t.center) : null;
-  let r = null, a = null;
-  o && Number.isFinite(o.lat) && Number.isFinite(o.lng) && (r = o.lat, a = o.lng);
-  const i = Number.isFinite(t.zoom) ? t.zoom : null, c = Number.isFinite(t.heading) ? t.heading : null, p = Number.isFinite(t.tilt) ? t.tilt : null;
-  J(() => {
-    if (!e)
-      return;
-    const d = {};
-    let s = !1;
-    r !== null && a !== null && (n.current.center.lat !== r || n.current.center.lng !== a) && (d.center = { lat: r, lng: a }, s = !0), i !== null && n.current.zoom !== i && (d.zoom = i, s = !0), c !== null && n.current.heading !== c && (d.heading = c, s = !0), p !== null && n.current.tilt !== p && (d.tilt = p, s = !0), s && e.moveCamera(d);
-  });
-}
-const En = () => {
-  const e = {
-    position: "absolute",
-    top: 0,
-    left: 0,
-    bottom: 0,
-    right: 0,
-    zIndex: 999,
-    display: "flex",
-    flexFlow: "column nowrap",
-    textAlign: "center",
-    justifyContent: "center",
-    fontSize: ".8rem",
-    color: "rgba(0,0,0,0.6)",
-    background: "#dddddd",
-    padding: "1rem 1.5rem"
-  };
-  return A.createElement(
-    "div",
-    { style: e },
-    A.createElement("h2", null, "Error: AuthFailure"),
-    A.createElement(
-      "p",
-      null,
-      "A problem with your API key prevents the map from rendering correctly. Please make sure the value of the ",
-      A.createElement("code", null, "APIProvider.apiKey"),
-      " prop is correct. Check the error-message in the console for further details."
-    )
-  );
-};
-function ie() {
-  const [e, n] = k(null), t = ce((o) => n(o), [n]);
-  return [e, t];
-}
-function we() {
-  return Ie() === N.LOADED;
-}
-function Ne() {
-  const [, e] = Ae((n) => n + 1, 0);
-  return e;
-}
-function Cn(e, n) {
-  const t = e.getCenter(), o = e.getZoom(), r = e.getHeading() || 0, a = e.getTilt() || 0, i = e.getBounds();
-  (!t || !i || !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(n.current, {
-    center: t?.toJSON() || { lat: 0, lng: 0 },
-    zoom: o || 0,
-    heading: r,
-    tilt: a
-  });
-}
-function On(e) {
-  const n = Ne(), t = x({
-    center: { lat: 0, lng: 0 },
-    heading: 0,
-    tilt: 0,
-    zoom: 0
-  });
-  return C(() => {
-    if (!e)
-      return;
-    const o = google.maps.event.addListener(e, "bounds_changed", () => {
-      Cn(e, t), n();
-    });
-    return () => o.remove();
-  }, [e, n]), t;
-}
-class Q {
-  static has(n) {
-    return this.entries[n] && this.entries[n].length > 0;
-  }
-  static pop(n) {
-    return this.entries[n] && this.entries[n].pop() || null;
-  }
-  static push(n, t) {
-    this.entries[n] || (this.entries[n] = []), this.entries[n].push(t);
-  }
-}
-Q.entries = {};
-function Mn(e, n) {
-  const t = we(), [o, r] = k(null), [a, i] = ie(), c = On(o), { id: p, defaultBounds: d, defaultCenter: s, defaultZoom: h, defaultHeading: m, defaultTilt: u, reuseMaps: f, renderingType: y, colorScheme: l } = e, g = R(e, ["id", "defaultBounds", "defaultCenter", "defaultZoom", "defaultHeading", "defaultTilt", "reuseMaps", "renderingType", "colorScheme"]), b = e.zoom !== void 0 || e.defaultZoom !== void 0, E = e.center !== void 0 || e.defaultCenter !== void 0;
-  !d && (!b || !E) && 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"), !g.center && s && (g.center = s), !g.zoom && Number.isFinite(h) && (g.zoom = h), !g.heading && Number.isFinite(m) && (g.heading = m), !g.tilt && Number.isFinite(u) && (g.tilt = u);
-  const M = g.internalUsageAttributionIds;
-  M == null ? g.internalUsageAttributionIds = n.internalUsageAttributionIds : g.internalUsageAttributionIds = [
-    ...n.internalUsageAttributionIds || [],
-    ...M
-  ];
-  for (const v of Object.keys(g))
-    g[v] === void 0 && delete g[v];
-  const D = x(void 0);
-  return C(
-    () => {
-      if (!a || !t)
-        return;
-      const { addMapInstance: v, removeMapInstance: O } = n, { mapId: L } = e, I = `${L || "default"}:${y || "default"}:${l || "LIGHT"}`;
-      let P, w;
-      if (f && Q.has(I) ? (w = Q.pop(I), P = w.getDiv(), a.appendChild(P), w.setOptions(g), setTimeout(() => w.moveCamera({}), 0)) : (P = document.createElement("div"), P.style.height = "100%", a.appendChild(P), w = new google.maps.Map(P, Object.assign(Object.assign(Object.assign({}, g), y ? { renderingType: y } : {}), l ? { colorScheme: l } : {}))), r(w), v(w, p), d) {
-        const { padding: W } = d, K = R(d, ["padding"]);
-        w.fitBounds(K, W);
-      } else (!b || !E) && w.fitBounds({ east: 180, west: -180, south: -90, north: 90 });
-      if (D.current) {
-        const { mapId: W, cameraState: K } = D.current;
-        W !== L && w.moveCamera(K);
-      }
-      return () => {
-        D.current = {
-          mapId: L,
-          // eslint-disable-next-line react-hooks/exhaustive-deps
-          cameraState: c.current
-        }, P.remove(), f ? Q.push(I, w) : google.maps.event.clearInstanceListeners(w), r(null), O(p);
-      };
-    },
-    // some dependencies are ignored in the list below:
-    //  - defaultBounds and the default* camera props will only be used once, and
-    //    changes should be ignored
-    //  - mapOptions has special hooks that take care of updating the options
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-    [
-      a,
-      t,
-      p,
-      // these props can't be changed after initialization and require a new
-      // instance to be created
-      e.mapId,
-      e.renderingType,
-      e.colorScheme
-    ]
-  ), [o, i, c];
-}
-const Te = A.createContext(null), An = (e) => {
-  const { children: n, id: t, className: o, style: r } = e, a = H(V), i = Ie();
-  if (!a)
-    throw new Error("<Map> can only be used inside an <ApiProvider> component.");
-  const [c, p, d] = Mn(e, a);
-  bn(c, d, e), sn(c, e), mn(c, e);
-  const s = pn(c, e), h = !!e.controlled;
-  C(() => {
-    if (c)
-      return s && c.setOptions({ disableDefaultUI: !0 }), (s || h) && c.setOptions({
-        gestureHandling: "none",
-        keyboardShortcuts: !1
-      }), () => {
-        c.setOptions({
-          gestureHandling: e.gestureHandling,
-          keyboardShortcuts: e.keyboardShortcuts
-        });
-      };
-  }, [
-    c,
-    s,
-    h,
-    e.gestureHandling,
-    e.keyboardShortcuts
-  ]);
-  const m = e.center ? ee(e.center) : null;
-  let u = null, f = null;
-  m && Number.isFinite(m.lat) && Number.isFinite(m.lng) && (u = m.lat, f = m.lng);
-  const y = T(() => {
-    var b, E, M;
-    return {
-      center: { lat: u ?? 0, lng: f ?? 0 },
-      zoom: (b = e.zoom) !== null && b !== void 0 ? b : 0,
-      heading: (E = e.heading) !== null && E !== void 0 ? E : 0,
-      tilt: (M = e.tilt) !== null && M !== void 0 ? M : 0
-    };
-  }, [u, f, e.zoom, e.heading, e.tilt]);
-  J(() => {
-    if (!c || !h)
-      return;
-    c.moveCamera(y);
-    const b = c.addListener("bounds_changed", () => {
-      c.moveCamera(y);
-    });
-    return () => b.remove();
-  }, [c, h, y]);
-  const l = T(() => Object.assign({
-    width: "100%",
-    height: "100%",
-    position: "relative",
-    // when using deckgl, the map should be sent to the back
-    zIndex: s ? -1 : 0
-  }, r), [r, s]), g = T(() => ({ map: c }), [c]);
-  return i === N.AUTH_FAILURE ? A.createElement(
-    "div",
-    { style: Object.assign({ position: "relative" }, o ? {} : l), className: o },
-    A.createElement(En, null)
-  ) : A.createElement("div", Object.assign({ ref: p, "data-testid": "map", style: o ? void 0 : l, className: o }, t ? { id: t } : {}), c ? A.createElement(Te.Provider, { value: g }, n) : null);
-};
-An.deckGLViewProps = !0;
-const be = /* @__PURE__ */ new Set();
-function Dn(...e) {
-  const n = JSON.stringify(e);
-  be.has(n) || (be.add(n), console.error(...e));
-}
-const $ = (e = null) => {
-  const n = H(V), { map: t } = H(Te) || {};
-  if (n === null)
-    return Dn("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 } = n;
-  return e !== null ? o[e] || null : t || o.default || null;
-};
-function ne(e) {
-  const n = we(), t = H(V);
-  return C(() => {
-    !n || !t || t.importLibrary(e);
-  }, [n, t, e]), t?.loadedLibraries[e] || null;
-}
-var oe;
-const { useLayoutEffect: Pn, useRef: Ln } = Me, _n = (oe = Me.useInsertionEffect) !== null && oe !== void 0 ? oe : Pn;
-function In() {
-  throw new Error("useEffectEvent: invalid call during rendering.");
-}
-function Sn(e) {
-  const n = Ln(In);
-  return _n(() => {
-    n.current = e;
-  }, [e]), ((...t) => n.current(...t));
-}
-const Re = Sn, kn = () => {
-};
-function _(e, n, t) {
-  const o = Re(t ?? kn), r = !!t;
-  C(() => {
-    if (!e || !n || !r)
-      return;
-    const a = google.maps.event.addListener(e, n, o);
-    return () => a.remove();
-  }, [e, n, r]);
-}
-function S(e, n, t) {
-  C(() => {
-    e && (e[n] = t);
-  }, [e, n, t]);
-}
-const wn = () => {
-};
-function se(e, n, t) {
-  const o = Re(t ?? wn), r = !!t;
-  C(() => {
-    if (!e || !n || !r)
-      return;
-    const a = o;
-    return e.addEventListener(n, a), () => e.removeEventListener(n, a);
-  }, [e, n, r]);
-}
-class Nn {
-  constructor() {
-    this.renderedStyles = /* @__PURE__ */ new Set(), this.styleElement = null;
-  }
-  getStyleElement() {
-    return this.styleElement || (this.styleElement = document.createElement("style"), this.styleElement.setAttribute("data-rgm-anchor-styles", ""), document.head.appendChild(this.styleElement)), this.styleElement;
-  }
-  addAdvancedMarkerPointerEventsOverwrite() {
-    if (this.renderedStyles.has("marker-pointer-events"))
-      return;
-    const n = this.getStyleElement();
-    n.textContent += `
-      gmp-advanced-marker[data-origin='rgm'] {
-        pointer-events: none !important;
-      }
-    `, this.renderedStyles.add("marker-pointer-events");
-  }
-  cleanup() {
-    this.styleElement && (this.styleElement.remove(), this.styleElement = null, this.renderedStyles.clear());
-  }
-}
-const Tn = new Nn();
-function Rn(e, n) {
-  var t;
-  if (!(!((t = google == null ? void 0 : google.maps) === null || t === void 0) && t.version))
-    return;
-  const o = google.maps.version.split("."), r = parseInt(o[0], 10), a = parseInt(o[1], 10);
-  return r > e || r === e && a >= n;
-}
-const xn = A.createContext(null), Bn = {
-  BOTTOM: ["50%", "100%"]
-}, jn = B((e, n) => {
-  const { children: t, style: o, className: r, anchorPoint: a } = e, [i, c] = zn(e), p = T(() => i ? { marker: i } : null, [i]);
-  return F(n, () => i, [i]), c ? A.createElement(xn.Provider, { value: p }, De.createPortal(A.createElement(Fn, { anchorPoint: a, styles: o, className: r }, t), c)) : null;
-});
-jn.displayName = "AdvancedMarker";
-function le(e) {
-  return e.nodeType === Node.ELEMENT_NODE;
-}
-const Fn = ({ children: e, styles: n, className: t }) => A.createElement("div", { className: t, style: n }, e);
-function zn(e) {
-  const [n, t] = k(null), [o, r] = k(null), a = $(), i = ne("marker"), { children: c, onClick: p, className: d, onMouseEnter: s, onMouseLeave: h, onDrag: m, onDragStart: u, onDragEnd: f, collisionBehavior: y, clickable: l, draggable: g, position: b, title: E, zIndex: M, anchorPoint: D, anchorLeft: v, anchorTop: O } = e, L = Be.count(c);
-  return C(() => {
-    if (!a || !i)
-      return;
-    const I = new i.AdvancedMarkerElement();
-    I.map = a, t(I);
-    let P = null;
-    return L > 0 && (P = document.createElement("div"), I.content = P, r(P)), () => {
-      I.map = null, P?.remove(), t(null), r(null);
-    };
-  }, [a, i, L]), C(() => {
-    !n?.content || !le(n.content) || L > 0 || (n.content.className = d ?? "");
-  }, [n, d, L]), Un(n, D, v, O, L > 0), S(n, "position", b), S(n, "title", E ?? ""), S(n, "zIndex", M), S(n, "collisionBehavior", y), C(() => {
-    n && (g !== void 0 ? n.gmpDraggable = g : m || u || f ? n.gmpDraggable = !0 : n.gmpDraggable = !1);
-  }, [n, g, m, f, u]), C(() => {
-    if (!n)
-      return;
-    const I = l !== void 0 ? l : !!p || !!s || !!h;
-    n.gmpClickable = I, I && n?.content && le(n.content) && (n.content.style.pointerEvents = "all", p && (n.content.style.cursor = "pointer"));
-  }, [n, l, p, s, h]), _(n, "click", p), _(n, "drag", m), _(n, "dragstart", u), _(n, "dragend", f), se(n?.element, "mouseenter", s), se(n?.element, "mouseleave", h), [n, o];
-}
-function Un(e, n, t, o, r) {
-  C(() => {
-    if (!e || !r)
-      return;
-    const a = Rn(3, 62), i = e.content;
-    if (!(!i || !le(i))) {
-      if (t !== void 0 || o !== void 0) {
-        a || console.warn(`AdvancedMarker: The anchorLeft and anchorTop props are only supported in Google Maps API version 3.62 and above. The current version is ${google.maps.version}.`), e.anchorLeft = t, e.anchorTop = o, n !== void 0 && console.warn("AdvancedMarker: the anchorPoint prop is ignored when anchorLeft and/or anchorTop are set.");
-        return;
-      }
-      if (n !== void 0) {
-        const [c, p] = n ?? Bn.BOTTOM, d = `calc(-1 * ${c})`, s = `calc(-1 * ${p})`;
-        a ? (e.anchorLeft = d, e.anchorTop = s, i.style.transform = "") : (i.style.transform = `translate(50%, 100%) translate(${d}, ${s})`, e.dataset.origin = "rgm", Tn.addAdvancedMarkerPointerEventsOverwrite());
-      }
-    }
-  }, [e, n, t, o, r]);
-}
-function Gn(e) {
-  var n, t, o;
-  const { onClick: r, onDrag: a, onDragStart: i, onDragEnd: c, onMouseOver: p, onMouseOut: d, onRadiusChanged: s, onCenterChanged: h, center: m, defaultCenter: u, radius: f, defaultRadius: y } = e, l = R(e, ["onClick", "onDrag", "onDragStart", "onDragEnd", "onMouseOver", "onMouseOut", "onRadiusChanged", "onCenterChanged", "center", "defaultCenter", "radius", "defaultRadius"]), [g, b] = k(null), E = $(), M = Z(Object.assign(Object.assign({}, l), { clickable: (n = l.clickable) !== null && n !== void 0 ? n : !!r, draggable: (t = l.draggable) !== null && t !== void 0 ? t : !!(a || i || c || h), editable: (o = l.editable) !== null && o !== void 0 ? o : !!s }), q);
-  return C(() => {
-    if (!E) {
-      E === void 0 && console.error("<Circle> has to be inside a Map component.");
-      return;
-    }
-    const D = new google.maps.Circle(Object.assign(Object.assign({}, M), { center: m ?? u, radius: f ?? y }));
-    return D.setMap(E), b(D), () => {
-      D.setMap(null), b(null);
-    };
-  }, [E]), _(g, "click", r), _(g, "drag", a), _(g, "dragstart", i), _(g, "dragend", c), _(g, "mouseover", p), _(g, "mouseout", d), _(g, "radius_changed", s ? () => {
-    const D = g?.getRadius();
-    D !== void 0 && s(D);
-  } : null), _(g, "center_changed", h ? () => {
-    h(g?.getCenter());
-  } : null), C(() => {
-    g && g.setOptions(M);
-  }, [g, M]), C(() => {
-    !g || !m || Se(m, g.getCenter()) || g.setCenter(m);
-  }, [g, m]), C(() => {
-    !g || f === void 0 || f !== g.getRadius() && g.setRadius(f);
-  }, [g, f]), g;
-}
-const Hn = B((e, n) => {
-  const t = Gn(e);
-  return F(n, () => t, [t]), A.createElement(A.Fragment, null);
-});
-Hn.displayName = "Circle";
-function Jn(e, n, t) {
-  if (n != null && typeof n != "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 = e.style;
-  if (t == null) {
-    if (n == null)
-      return;
-    for (const r in n)
-      n.hasOwnProperty(r) && Ee(o, r, n[r]);
-    return;
-  }
-  for (const r in t)
-    t.hasOwnProperty(r) && (n == null || !n.hasOwnProperty(r)) && (r.indexOf("--") === 0 ? o.setProperty(r, "") : r === "float" ? o.cssFloat = "" : o[r] = "");
-  if (n != null)
-    for (const r in n) {
-      const a = n[r];
-      n.hasOwnProperty(r) && t[r] !== a && Ee(o, r, a);
-    }
-}
-function Ee(e, n, t) {
-  const o = n.indexOf("--") === 0;
-  t == null || typeof t == "boolean" || t === "" ? o ? e.setProperty(n, "") : n === "float" ? e.cssFloat = "" : e[n] = "" : o ? e.setProperty(n, t) : typeof t == "number" && t !== 0 && !$n(n) ? e[n] = t + "px" : n === "float" ? e.cssFloat = t : e[n] = ("" + t).trim();
-}
-const Vn = /* @__PURE__ */ new Set([
-  "animationIterationCount",
-  "aspectRatio",
-  "borderImageOutset",
-  "borderImageSlice",
-  "borderImageWidth",
-  "boxFlex",
-  "boxFlexGroup",
-  "boxOrdinalGroup",
-  "columnCount",
-  "columns",
-  "flex",
-  "flexGrow",
-  "flexPositive",
-  "flexShrink",
-  "flexNegative",
-  "flexOrder",
-  "gridArea",
-  "gridRow",
-  "gridRowEnd",
-  "gridRowSpan",
-  "gridRowStart",
-  "gridColumn",
-  "gridColumnEnd",
-  "gridColumnSpan",
-  "gridColumnStart",
-  "fontWeight",
-  "lineClamp",
-  "lineHeight",
-  "opacity",
-  "order",
-  "orphans",
-  "scale",
-  "tabSize",
-  "widows",
-  "zIndex",
-  "zoom",
-  "fillOpacity",
-  // SVG-related properties
-  "floodOpacity",
-  "stopOpacity",
-  "strokeDasharray",
-  "strokeDashoffset",
-  "strokeMiterlimit",
-  "strokeOpacity",
-  "strokeWidth"
-]);
-function $n(e) {
-  return Vn.has(e);
-}
-function Ce(e) {
-  const n = e.getPaths(), t = [];
-  for (let o = 0; o < n.getLength(); o++)
-    t.push(n.getAt(o).getArray());
-  return t;
-}
-function qn(e) {
-  var n, t, o;
-  const { onClick: r, onDrag: a, onDragStart: i, onDragEnd: c, onMouseOver: p, onMouseOut: d, onPathsChanged: s, polygon: h, encodedPaths: m, paths: u, defaultPaths: f } = e, y = R(e, ["onClick", "onDrag", "onDragStart", "onDragEnd", "onMouseOver", "onMouseOut", "onPathsChanged", "polygon", "encodedPaths", "paths", "defaultPaths"]), [l, g] = k(null), b = $(), E = ne("geometry"), M = x(!1), D = Z(Object.assign(Object.assign({}, y), { clickable: (n = y.clickable) !== null && n !== void 0 ? n : !!r, draggable: (t = y.draggable) !== null && t !== void 0 ? t : !!(a || i || c || s), editable: (o = y.editable) !== null && o !== void 0 ? o : !!s }), q);
-  return C(() => {
-    if (!b) {
-      b === void 0 && console.error("<Polygon> has to be inside a Map component.");
-      return;
-    }
-    let v;
-    if (h) {
-      v = h;
-      const O = u ?? f;
-      O && Array.isArray(O) && v.setPaths(O), v.setOptions(D);
-    } else {
-      const O = u ?? f, L = Object.assign({}, D);
-      O && Array.isArray(O) && (L.paths = O), v = new google.maps.Polygon(L);
-    }
-    return v.setMap(b), g(v), () => {
-      v.setMap(null), g(null);
-    };
-  }, [b, h]), _(l, "click", r), _(l, "drag", a), _(l, "dragstart", i), _(l, "mouseover", p), _(l, "mouseout", d), _(l, "dragend", (v) => {
-    c?.(v), s && l && !M.current && s(Ce(l));
-  }), C(() => {
-    if (!l || !s)
-      return;
-    const v = [], O = l.getPaths();
-    if (typeof O.getLength != "function" || typeof O.getAt != "function")
-      return;
-    const L = () => {
-      M.current || s(Ce(l));
-    }, I = (P) => {
-      v.push(google.maps.event.addListener(P, "insert_at", L)), v.push(google.maps.event.addListener(P, "remove_at", L)), v.push(google.maps.event.addListener(P, "set_at", L));
-    };
-    for (let P = 0; P < O.getLength(); P++)
-      I(O.getAt(P));
-    return v.push(google.maps.event.addListener(O, "insert_at", (P) => {
-      I(O.getAt(P)), L();
-    })), v.push(google.maps.event.addListener(O, "set_at", (P) => {
-      I(O.getAt(P)), L();
-    })), v.push(google.maps.event.addListener(O, "remove_at", L)), () => {
-      v.forEach((P) => P.remove());
-    };
-  }, [
-    l,
-    s,
-    u,
-    m,
-    D.editable,
-    D.draggable
-  ]), C(() => {
-    l && l.setOptions(D);
-  }, [l, D]), C(() => {
-    if (!l || !u || !Array.isArray(u))
-      return;
-    const v = u[0], O = Array.isArray(v) ? u : [u], L = l.getPaths();
-    yn(O, L) || (M.current = !0, l.setPaths(u), M.current = !1);
-  }, [l, u]), C(() => {
-    if (!l || !m || !E)
-      return;
-    M.current = !0;
-    const v = m.map((O) => E.encoding.decodePath(O));
-    l.setPaths(v), M.current = !1;
-  }, [l, m, E]), l;
-}
-const Zn = B((e, n) => {
-  const t = qn(e);
-  return F(n, () => t, [t]), A.createElement(A.Fragment, null);
-});
-Zn.displayName = "Polygon";
-function Wn(e) {
-  var n, t, o;
-  const { onClick: r, onDrag: a, onDragStart: i, onDragEnd: c, onMouseOver: p, onMouseOut: d, onPathChanged: s, polyline: h, encodedPath: m, path: u, defaultPath: f } = e, y = R(e, ["onClick", "onDrag", "onDragStart", "onDragEnd", "onMouseOver", "onMouseOut", "onPathChanged", "polyline", "encodedPath", "path", "defaultPath"]), [l, g] = k(null), b = $(), E = ne("geometry"), M = x(!1), D = Z(Object.assign(Object.assign({}, y), { clickable: (n = y.clickable) !== null && n !== void 0 ? n : !!r, draggable: (t = y.draggable) !== null && t !== void 0 ? t : !!(a || i || c || s), editable: (o = y.editable) !== null && o !== void 0 ? o : !!s }), q);
-  return C(() => {
-    if (!b) {
-      b === void 0 && console.error("<Polyline> has to be inside a Map component.");
-      return;
-    }
-    let v;
-    if (h) {
-      v = h;
-      const O = u ?? f;
-      O && Array.isArray(O) && v.setPath(O), v.setOptions(D);
-    } else {
-      const O = u ?? f, L = Object.assign({}, D);
-      O && Array.isArray(O) && (L.path = O), v = new google.maps.Polyline(L);
-    }
-    return v.setMap(b), g(v), () => {
-      v.setMap(null), g(null);
-    };
-  }, [b, h]), _(l, "click", r), _(l, "drag", a), _(l, "dragstart", i), _(l, "mouseover", p), _(l, "mouseout", d), _(l, "dragend", (v) => {
-    c?.(v), s && l && !M.current && s(l.getPath().getArray());
-  }), C(() => {
-    if (!l || !s)
-      return;
-    const v = l.getPath();
-    if (!v)
-      return;
-    const O = () => {
-      M.current || s(v.getArray());
-    }, L = [
-      google.maps.event.addListener(v, "insert_at", O),
-      google.maps.event.addListener(v, "remove_at", O),
-      google.maps.event.addListener(v, "set_at", O)
-    ];
-    return () => {
-      L.forEach((I) => I.remove());
-    };
-  }, [
-    l,
-    s,
-    u,
-    m,
-    D.editable,
-    D.draggable
-  ]), C(() => {
-    l && l.setOptions(D);
-  }, [l, D]), C(() => {
-    if (!l || !u)
-      return;
-    const v = l.getPath();
-    ke(u, v) || (M.current = !0, l.setPath(u), M.current = !1);
-  }, [l, u]), C(() => {
-    if (!l || !m || !E)
-      return;
-    M.current = !0;
-    const v = E.encoding.decodePath(m);
-    l.setPath(v), M.current = !1;
-  }, [l, m, E]), l;
-}
-const Kn = B((e, n) => {
-  const t = Wn(e);
-  return F(n, () => t, [t]), A.createElement(A.Fragment, null);
-});
-Kn.displayName = "Polyline";
-const Yn = {
-  center: { lat: 0, lng: 0, altitude: 0 },
-  range: 0,
-  heading: 0,
-  tilt: 0,
-  roll: 0
-}, Xn = ["center", "range", "heading", "tilt", "roll"];
-function Qn(e, n, t) {
-  const o = e[t];
-  if (o != null)
-    if (t === "center") {
-      const r = o;
-      n.current.center = r.toJSON ? r.toJSON() : r;
-    } else
-      n.current[t] = o;
-}
-function et(e) {
-  const n = Ne(), t = x(Object.assign({}, Yn));
-  return C(() => {
-    if (!e)
-      return;
-    const o = [];
-    for (const r of Xn) {
-      const a = `gmp-${r}change`, i = () => {
-        Qn(e, t, r), n();
-      };
-      e.addEventListener(a, i), o.push(() => e.removeEventListener(a, i));
-    }
-    return () => {
-      for (const r of o)
-        r();
-    };
-  }, [e, n]), t;
-}
-function nt(e) {
-  const n = ne("maps3d"), [t, o] = k(!1), [, r] = ie(), [a, i] = ie(), c = et(a);
-  return C(() => {
-    customElements.whenDefined("gmp-map-3d").then(() => {
-      o(!0);
-    });
-  }, []), C(
-    () => {
-      if (!a)
-        return;
-      const {
-        center: d,
-        heading: s,
-        tilt: h,
-        range: m,
-        roll: u,
-        defaultCenter: f,
-        defaultHeading: y,
-        defaultTilt: l,
-        defaultRange: g,
-        defaultRoll: b,
-        // Non-element props to exclude
-        id: E,
-        style: M,
-        className: D,
-        children: v,
-        onCenterChanged: O,
-        onHeadingChanged: L,
-        onTiltChanged: I,
-        onRangeChanged: P,
-        onRollChanged: w,
-        onCameraChanged: W,
-        onClick: K,
-        onSteadyChange: Et,
-        onAnimationEnd: Ct,
-        onError: Ot,
-        mode: Mt,
-        gestureHandling: At
-      } = e, xe = R(e, ["center", "heading", "tilt", "range", "roll", "defaultCenter", "defaultHeading", "defaultTilt", "defaultRange", "defaultRoll", "id", "style", "className", "children", "onCenterChanged", "onHeadingChanged", "onTiltChanged", "onRangeChanged", "onRollChanged", "onCameraChanged", "onClick", "onSteadyChange", "onAnimationEnd", "onError", "mode", "gestureHandling"]), de = d ?? f, ge = s ?? y, fe = h ?? l, me = m ?? g, pe = u ?? b, U = Object.assign({}, xe);
-      de && (U.center = de), ge !== void 0 && (U.heading = ge), fe !== void 0 && (U.tilt = fe), me !== void 0 && (U.range = me), pe !== void 0 && (U.roll = pe), Object.assign(a, U);
-    },
-    // this effect should only run when the map3d element first becomes
-    // available, so we skip re-running it when other props change.
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-    [a]
-  ), [a, r, i, c, !!n && t];
-}
-function tt(e) {
-  return e ? "toJSON" in e && typeof e.toJSON == "function" ? e.toJSON() : e : null;
-}
-function ot(e, n, t) {
-  var o, r, a, i, c, p, d;
-  const s = tt(t.center), h = (o = s?.lat) !== null && o !== void 0 ? o : null, m = (r = s?.lng) !== null && r !== void 0 ? r : null, u = (a = s?.altitude) !== null && a !== void 0 ? a : null, f = (i = t.range) !== null && i !== void 0 ? i : null, y = (c = t.heading) !== null && c !== void 0 ? c : null, l = (p = t.tilt) !== null && p !== void 0 ? p : null, g = (d = t.roll) !== null && d !== void 0 ? d : null;
-  J(() => {
-    var b;
-    if (!e)
-      return;
-    const E = n.current;
-    h !== null && m !== null && (E.center.lat !== h || E.center.lng !== m || u !== null && E.center.altitude !== u) && (e.center = {
-      lat: h,
-      lng: m,
-      altitude: (b = u ?? E.center.altitude) !== null && b !== void 0 ? b : 0
-    }), f !== null && E.range !== f && (e.range = f), y !== null && E.heading !== y && (e.heading = y), l !== null && E.tilt !== l && (e.tilt = l), g !== null && E.roll !== g && (e.roll = g);
-  });
-}
-const Oe = [
-  "gmp-centerchange",
-  "gmp-headingchange",
-  "gmp-tiltchange",
-  "gmp-rangechange",
-  "gmp-rollchange"
-];
-function G(e, n) {
-  const t = e.center;
-  let o;
-  return t && "toJSON" in t && typeof t.toJSON == "function" ? o = t.toJSON() : t ? o = t : o = { lat: 0, lng: 0, altitude: 0 }, {
-    type: n,
-    map3d: e,
-    detail: {
-      center: o,
-      range: e.range || 0,
-      heading: e.heading || 0,
-      tilt: e.tilt || 0,
-      roll: e.roll || 0
-    }
-  };
-}
-function rt(e, n) {
-  const t = n;
-  return {
-    type: "gmp-click",
-    map3d: e,
-    detail: {
-      position: n.position || null,
-      placeId: t.placeId
-    }
-  };
-}
-function at(e, n) {
-  return {
-    type: "gmp-steadychange",
-    map3d: e,
-    detail: {
-      isSteady: n.isSteady
-    }
-  };
-}
-function it(e, n) {
-  const { onCenterChanged: t, onHeadingChanged: o, onTiltChanged: r, onRangeChanged: a, onRollChanged: i, onCameraChanged: c, onClick: p, onSteadyChange: d, onAnimationEnd: s, onError: h } = n;
-  z(e, "gmp-centerchange", t, G), z(e, "gmp-headingchange", o, G), z(e, "gmp-tiltchange", r, G), z(e, "gmp-rangechange", a, G), z(e, "gmp-rollchange", i, G), C(() => {
-    if (!e || !c)
-      return;
-    const m = () => {
-      c(G(e, "camerachange"));
-    };
-    for (const u of Oe)
-      e.addEventListener(u, m);
-    return () => {
-      for (const u of Oe)
-        e.removeEventListener(u, m);
-    };
-  }, [e, c]), C(() => {
-    if (!e || !p)
-      return;
-    const m = (u) => {
-      p(rt(e, u));
-    };
-    return e.addEventListener("gmp-click", m), () => e.removeEventListener("gmp-click", m);
-  }, [e, p]), C(() => {
-    if (!e || !d)
-      return;
-    const m = (u) => {
-      d(at(e, u));
-    };
-    return e.addEventListener("gmp-steadychange", m), () => e.removeEventListener("gmp-steadychange", m);
-  }, [e, d]), z(e, "gmp-animationend", s, (m, u) => ({
-    type: u,
-    map3d: m
-  })), z(e, "gmp-error", h, (m, u) => ({
-    type: u,
-    map3d: m
-  }));
-}
-function z(e, n, t, o) {
-  C(() => {
-    if (!e || !t)
-      return;
-    const r = () => {
-      t(o(e, n));
-    };
-    return e.addEventListener(n, r), () => e.removeEventListener(n, r);
-  }, [e, n, t, o]);
-}
-const st = /* @__PURE__ */ new Set([
-  "bounds",
-  "defaultUIHidden",
-  "gestureHandling",
-  "internalUsageAttributionIds",
-  "maxAltitude",
-  "maxHeading",
-  "maxTilt",
-  "minAltitude",
-  "minHeading",
-  "minTilt",
-  "mode"
-]);
-function lt(e, n) {
-  const t = T(() => {
-    const o = {}, r = Object.keys(n);
-    for (const a of r) {
-      if (!st.has(a))
-        continue;
-      const i = n[a];
-      i !== void 0 && (o[a] = i);
-    }
-    return o;
-  }, [n]);
-  _e(() => {
-    e && Object.assign(e, t);
-  }, [e, t]);
-}
-const ct = A.createContext(null), ut = {
-  width: "100%",
-  height: "100%",
-  position: "relative"
-}, dt = B((e, n) => {
-  const { children: t, id: o, className: r, style: a } = e, i = H(V);
-  if (!i)
-    throw new Error("<Map3D> can only be used inside an <APIProvider> component.");
-  const { addMap3DInstance: c, removeMap3DInstance: p } = i, [d, s, h, m, u] = nt(e);
-  ot(d, m, e), it(d, e), lt(d, e), C(() => {
-    if (!d)
-      return;
-    const l = o ?? "default";
-    return c(d, l), () => {
-      p(l);
-    };
-  }, [d, o]), F(n, () => ({
-    map3d: d,
-    flyCameraAround: (l) => {
-      d?.flyCameraAround(l);
-    },
-    flyCameraTo: (l) => {
-      d?.flyCameraTo(l);
-    },
-    stopCameraAnimation: () => {
-      d?.stopCameraAnimation();
-    }
-  }), [d]);
-  const f = T(() => Object.assign(Object.assign({}, ut), a), [a]), y = T(() => ({ map3d: d }), [d]);
-  return u ? A.createElement(
-    "div",
-    Object.assign({ ref: s, "data-testid": "map-3d", style: r ? void 0 : f, className: r }, o ? { id: o } : {}),
-    A.createElement("gmp-map-3d", { ref: h, style: { width: "100%", height: "100%" } }, d && A.createElement(ct.Provider, { value: y }, t))
-  ) : A.createElement("div", Object.assign({ ref: s, "data-testid": "map-3d", style: r ? void 0 : f, className: r }, o ? { id: o } : {}));
-});
-dt.displayName = "Map3D";
-const gt = je(null), ft = B(function(n, t) {
-  const { children: o, onClick: r, position: a, altitudeMode: i, collisionBehavior: c, drawsWhenOccluded: p, extruded: d, label: s, sizePreserved: h, zIndex: m, title: u } = n, f = !!r, [y, l] = k(null), [g, b] = k(!1), E = T(() => {
-    const v = document.createElement("div");
-    return v.style.display = "none", document.body.appendChild(v), v;
-  }, []);
-  C(() => () => E.remove(), [E]);
-  const M = ce((v) => {
-    l(v), typeof t == "function" ? t(v) : t && (t.current = v);
-  }, [t]);
-  se(y, "gmp-click", r), J(() => {
-    if (g || !y || !E)
-      return;
-    for (; y.firstChild; )
-      y.removeChild(y.firstChild);
-    const v = Array.from(E.childNodes);
-    for (const O of v) {
-      if (O.nodeType !== Node.ELEMENT_NODE)
-        continue;
-      const L = O, I = L.tagName.toLowerCase();
-      if (I === "img" || I === "svg") {
-        const P = document.createElement("template");
-        P.content.appendChild(L.cloneNode(!0)), y.appendChild(P);
-      } else
-        y.appendChild(L.cloneNode(!0));
-    }
-  }, [y, E, o, g]);
-  const D = T(() => ({ marker: y, setContentHandledExternally: b }), [y]);
-  return S(y, "position", a), S(y, "altitudeMode", i), S(y, "collisionBehavior", c), S(y, "drawsWhenOccluded", p), S(y, "extruded", d), S(y, "label", s), S(y, "sizePreserved", h), S(y, "zIndex", m), S(y, "title", u ?? ""), A.createElement(
-    gt.Provider,
-    { value: D },
-    f ? A.createElement("gmp-marker-3d-interactive", { ref: M }) : A.createElement("gmp-marker-3d", { ref: M }),
-    De.createPortal(o, E)
-  );
-});
-ft.displayName = "Marker3D";
-const mt = B(function(n, t) {
-  var o;
-  const { children: r, headerContent: a, style: i, className: c, open: p = !0, position: d, anchor: s, anchorId: h, altitudeMode: m, lightDismissDisabled: u, autoPanDisabled: f, onClose: y } = n, [l, g] = k(null), b = x(null);
-  F(t, () => l, [l]), pt(l, p, y), S(l, "open", p ?? !1), S(l, "altitudeMode", m), S(l, "lightDismissDisabled", u), S(l, "autoPanDisabled", f);
-  const E = (o = s ?? h) !== null && o !== void 0 ? o : d;
-  return S(l, "positionAnchor", E), J(() => {
-    l && (Jn(l, i || null, b.current), b.current = i || null);
-  }, [l, i]), A.createElement(
-    "gmp-popover",
-    { ref: g, className: c },
-    a && A.createElement("div", { slot: "header" }, a),
-    r
-  );
-});
-mt.displayName = "Popover";
-function pt(e, n, t) {
-  const o = x(void 0), r = x(n);
-  C(() => {
-    r.current = n;
-  }, [n]), C(() => {
-    if (!e || !t)
-      return;
-    const a = new MutationObserver((i) => {
-      for (const c of i)
-        if (c.type === "attributes" && c.attributeName === "open") {
-          const p = e.hasAttribute("open");
-          o.current === !0 && !p && r.current !== !1 && t(), o.current = p;
-        }
-    });
-    return a.observe(e, {
-      attributes: !0,
-      attributeFilter: ["open"]
-    }), o.current = e.hasAttribute("open"), () => {
-      a.disconnect();
-    };
-  }, [e, t]);
-}
-function ht(e) {
-  const [n, t] = k(null), o = $(), { onClick: r, onDrag: a, onDragStart: i, onDragEnd: c, onMouseOver: p, onMouseOut: d } = e, s = R(e, ["onClick", "onDrag", "onDragStart", "onDragEnd", "onMouseOver", "onMouseOut"]), { position: h, draggable: m } = s;
-  return C(() => {
-    if (!o) {
-      o === void 0 && console.error("<Marker> has to be inside a Map component.");
-      return;
-    }
-    const u = new google.maps.Marker(s);
-    return u.setMap(o), t(u), () => {
-      u.setMap(null), t(null);
-    };
-  }, [o]), C(() => {
-    if (!n)
-      return;
-    const u = n, f = google.maps.event;
-    return r && f.addListener(u, "click", r), a && f.addListener(u, "drag", a), i && f.addListener(u, "dragstart", i), c && f.addListener(u, "dragend", c), p && f.addListener(u, "mouseover", p), d && f.addListener(u, "mouseout", d), n.setDraggable(!!m), () => {
-      f.clearInstanceListeners(u);
-    };
-  }, [
-    n,
-    m,
-    r,
-    a,
-    i,
-    c,
-    p,
-    d
-  ]), C(() => {
-    n && s && n.setOptions(s);
-  }, [n, s]), C(() => {
-    m || !h || !n || n.setPosition(h);
-  }, [m, h, n]), n;
-}
-const vt = B((e, n) => {
-  const t = ht(e);
-  return F(n, () => t, [t]), A.createElement(A.Fragment, null);
-});
-vt.displayName = "Marker";
-function yt(e) {
-  var n, t, o;
-  const { onClick: r, onDrag: a, onDragStart: i, onDragEnd: c, onMouseOver: p, onMouseOut: d, onBoundsChanged: s, bounds: h, defaultBounds: m } = e, u = R(e, ["onClick", "onDrag", "onDragStart", "onDragEnd", "onMouseOver", "onMouseOut", "onBoundsChanged", "bounds", "defaultBounds"]), [f, y] = k(null), l = $(), g = Z(Object.assign(Object.assign({}, u), { clickable: (n = u.clickable) !== null && n !== void 0 ? n : !!r, draggable: (t = u.draggable) !== null && t !== void 0 ? t : !!(a || i || c || s), editable: (o = u.editable) !== null && o !== void 0 ? o : !!s }), q);
-  return C(() => {
-    if (!l) {
-      l === void 0 && console.error("<Rectangle> has to be inside a Map component.");
-      return;
-    }
-    const b = new google.maps.Rectangle(Object.assign(Object.assign({}, g), { bounds: h ?? m }));
-    return b.setMap(l), y(b), () => {
-      b.setMap(null), y(null);
-    };
-  }, [l]), _(f, "click", r), _(f, "drag", a), _(f, "dragstart", i), _(f, "dragend", c), _(f, "mouseover", p), _(f, "mouseout", d), _(f, "bounds_changed", s ? () => {
-    s(f?.getBounds());
-  } : null), C(() => {
-    f && f.setOptions(g);
-  }, [f, g]), C(() => {
-    !f || !h || vn(h, f.getBounds()) || f.setBounds(h);
-  }, [f, h]), f;
-}
-const bt = B((e, n) => {
-  const t = yt(e);
-  return F(n, () => t, [
-    t
-  ]), A.createElement(A.Fragment, null);
-});
-bt.displayName = "Rectangle";
-export {
-  _t as A,
-  An as M,
-  jn as a
-};