@alfadocs/ui-kit 0.41.1 → 0.42.0

package/dist/_chunks/index.modern-D2LGACWg.js

@@ -0,0 +1,1529 @@
+import * as Le from "react";
+import M, { useMemo as w, useContext as R, useEffect as E, useLayoutEffect as V, forwardRef as B, useImperativeHandle as z, useState as I, useReducer as Se, useCallback as ue, useRef as j, Children as ge, createContext as Ue } from "react";
+import { createPortal as oe } from "react-dom";
+import { g as He } from "./_commonjsHelpers-DaMA6jEr.js";
+var re, be;
+function Ge() {
+  return be || (be = 1, re = 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, i;
+      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 (i = Object.keys(n), o = i.length, o !== Object.keys(t).length) return !1;
+      for (r = o; r-- !== 0; )
+        if (!Object.prototype.hasOwnProperty.call(t, i[r])) return !1;
+      for (r = o; r-- !== 0; ) {
+        var a = i[r];
+        if (!e(n[a], t[a])) return !1;
+      }
+      return !0;
+    }
+    return n !== n && t !== t;
+  }), re;
+}
+var Je = Ge();
+const W = /* @__PURE__ */ He(Je), Ve = "1.8.3";
+function N(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 Oe(e, n, t, o) {
+  function r(i) {
+    return i instanceof t ? i : new t(function(a) {
+      a(i);
+    });
+  }
+  return new (t || (t = Promise))(function(i, a) {
+    function s(l) {
+      try {
+        c(o.next(l));
+      } catch (h) {
+        a(h);
+      }
+    }
+    function g(l) {
+      try {
+        c(o.throw(l));
+      } catch (h) {
+        a(h);
+      }
+    }
+    function c(l) {
+      l.done ? i(l.value) : r(l.value).then(s, g);
+    }
+    c((o = o.apply(e, [])).next());
+  });
+}
+function $e(e, n) {
+  e.src = n;
+}
+const qe = (e) => {
+  var n, t, o, r = "The Google Maps JavaScript API", i = "google", a = "importLibrary", s = "__ib__", g = document, c = window, l = c[i] || (c[i] = {}), h = l.maps || (l.maps = {}), f = /* @__PURE__ */ new Set(), u = new URLSearchParams(), p = () => n || (n = new Promise(async (y, d) => {
+    var m;
+    await (t = g.createElement("script")), u.set("libraries", [...f] + "");
+    for (o in e)
+      u.set(o.replace(/[A-Z]/g, (C) => "_" + C[0].toLowerCase()), e[o]);
+    u.set("callback", i + ".maps." + s), $e(t, "https://maps.googleapis.com/maps/api/js?" + u), h[s] = y, t.onerror = () => n = d(Error(r + " could not load.")), t.nonce = ((m = g.querySelector("script[nonce]")) == null ? void 0 : m.nonce) || "", g.head.append(t);
+  }));
+  h[a] ? console.warn(r + " only loads once. Ignoring:", e) : h[a] = (y, ...d) => f.add(y) && p().then(() => h[a](y, ...d));
+}, Ze = (e) => `The setOptions() function should only be called once. The options passed to the additional call (${JSON.stringify(e)}) will be ignored.`, We = (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.`, Ke = "No options were set before calling importLibrary. Make sure to configure the loader using setOptions().", Ye = "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.", _e = process.env.NODE_ENV !== "production", fe = _e ? (e) => {
+  console.warn(`[@googlemaps/js-api-loader] ${e}`);
+} : () => {
+}, Xe = _e ? (e) => {
+  console.info(`[@googlemaps/js-api-loader] ${e}`);
+} : () => {
+}, Qe = process.env.NODE_ENV !== "production";
+let ae = !1;
+function en(e) {
+  if (ae) {
+    fe(Ze(e));
+    return;
+  }
+  tn(e), ae = !0;
+}
+async function nn(e) {
+  var n, t;
+  if (ae || fe(Ke), !((t = (n = window == null ? void 0 : window.google) == null ? void 0 : n.maps) != null && t.importLibrary))
+    throw new Error("google.maps.importLibrary is not installed.");
+  return await google.maps.importLibrary(e);
+}
+function tn(e) {
+  var t, o;
+  const n = !!((o = (t = window.google) == null ? void 0 : t.maps) != null && o.importLibrary);
+  n ? Xe(We(e)) : Qe && document.querySelector('script[src*="maps.googleapis.com/maps/api/js"]') && fe(Ye), n || qe(e);
+}
+const x = {
+  NOT_LOADED: "NOT_LOADED",
+  LOADING: "LOADING",
+  LOADED: "LOADED",
+  FAILED: "FAILED",
+  AUTH_FAILURE: "AUTH_FAILURE"
+}, on = "GMP_visgl_rgmlibrary_v1_default", rn = [
+  `gmp_visgl_reactgooglemaps_v${Ve}`
+], $ = M.createContext(null);
+let F = x.NOT_LOADED, Q;
+const se = /* @__PURE__ */ new Set();
+function ee(e) {
+  e !== F && (F = e, se.forEach((n) => n(F)));
+}
+function an() {
+  const [e, n] = I({});
+  return { mapInstances: e, addMapInstance: (i, a = "default") => {
+    n((s) => Object.assign(Object.assign({}, s), { [a]: i }));
+  }, removeMapInstance: (i = "default") => {
+    n((a) => {
+      var s = i;
+      a[s];
+      var g = N(a, [typeof s == "symbol" ? s : s + ""]);
+      return g;
+    });
+  }, clearMapInstances: () => {
+    n({});
+  } };
+}
+function sn() {
+  const [e, n] = I({});
+  return {
+    map3dInstances: e,
+    addMap3DInstance: (i, a = "default") => {
+      n((s) => Object.assign(Object.assign({}, s), { [a]: i }));
+    },
+    removeMap3DInstance: (i = "default") => {
+      n((a) => {
+        var s = i;
+        a[s];
+        var g = N(a, [typeof s == "symbol" ? s : s + ""]);
+        return g;
+      });
+    },
+    clearMap3DInstances: () => {
+      n({});
+    }
+  };
+}
+function ln(e) {
+  const { onLoad: n, onError: t, apiKey: o, version: r, libraries: i = [], region: a, language: s, authReferrerPolicy: g, channel: c, solutionChannel: l, fetchAppCheckToken: h } = e, [f, u] = I(F), [p, y] = Se((C, b) => C[b.name] ? C : Object.assign(Object.assign({}, C), { [b.name]: b.value }), {}), d = w(() => {
+    const C = {
+      apiKey: o,
+      version: r,
+      libraries: i.join(","),
+      region: a,
+      language: s,
+      authReferrerPolicy: g,
+      channel: c,
+      solutionChannel: l
+    };
+    return JSON.stringify(C);
+  }, [
+    o,
+    r,
+    i,
+    a,
+    s,
+    g,
+    c,
+    l
+  ]), m = ue((C) => Oe(this, void 0, void 0, function* () {
+    if (p[C])
+      return p[C];
+    const b = yield nn(C);
+    return y({ name: C, value: b }), b;
+  }), [p]);
+  return E(() => (se.add(u), u(F), () => {
+    se.delete(u);
+  }), []), E(
+    () => {
+      Oe(this, void 0, void 0, function* () {
+        var C, b;
+        try {
+          Q && Q !== d && 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 P = ["core", "maps", ...i];
+          if (!((b = (C = window.google) === null || C === void 0 ? void 0 : C.maps) === null || b === void 0) && b.importLibrary) {
+            Q || ee(x.LOADED), yield Promise.all(P.map((v) => m(v))), n && n();
+            return;
+          }
+          if (F === x.LOADING || F === x.LOADED) {
+            F === x.LOADED && n && n();
+            return;
+          }
+          Q = d, ee(x.LOADING);
+          const A = Object.fromEntries(Object.entries({
+            key: o,
+            v: r,
+            libraries: i,
+            region: a,
+            language: s,
+            authReferrerPolicy: g
+          }).filter(([, v]) => v !== void 0));
+          c !== void 0 && c >= 0 && c <= 999 && (A.channel = String(c)), l === void 0 ? A.solutionChannel = on : l !== "" && (A.solutionChannel = l), en(A), yield Promise.all(P.map((v) => m(v))), ee(x.LOADED), n && n();
+        } catch (P) {
+          ee(x.FAILED), t ? t(P) : console.error("The Google Maps JavaScript API failed to load.", P);
+        }
+      });
+    },
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    [d, n, t, m, i]
+  ), E(() => {
+    if (f !== x.LOADED)
+      return;
+    const C = google.maps.Settings.getInstance();
+    h ? C.fetchAppCheckToken = h : C.fetchAppCheckToken && (C.fetchAppCheckToken = null);
+  }, [f, h]), {
+    status: f,
+    loadedLibraries: p,
+    importLibrary: m
+  };
+}
+function cn(e) {
+  return w(() => e.disableUsageAttribution ? null : rn, [e.disableUsageAttribution]);
+}
+const _t = (e) => {
+  const { children: n } = e, t = N(e, ["children"]), { mapInstances: o, addMapInstance: r, removeMapInstance: i, clearMapInstances: a } = an(), { map3dInstances: s, addMap3DInstance: g, removeMap3DInstance: c, clearMap3DInstances: l } = sn(), { status: h, loadedLibraries: f, importLibrary: u } = ln(t), p = cn(t), y = w(() => ({
+    mapInstances: o,
+    addMapInstance: r,
+    removeMapInstance: i,
+    clearMapInstances: a,
+    map3dInstances: s,
+    addMap3DInstance: g,
+    removeMap3DInstance: c,
+    clearMap3DInstances: l,
+    status: h,
+    loadedLibraries: f,
+    importLibrary: u,
+    internalUsageAttributionIds: p
+  }), [
+    o,
+    r,
+    i,
+    a,
+    s,
+    g,
+    c,
+    l,
+    h,
+    f,
+    u,
+    p
+  ]);
+  return M.createElement($.Provider, { value: y }, n);
+};
+function dn(e, n) {
+  for (const t of hn) {
+    const o = n[t], r = Ie[t];
+    E(() => {
+      if (!e || !o)
+        return;
+      const i = google.maps.event.addListener(e, r, (a) => {
+        o(un(r, e, a));
+      });
+      return () => i.remove();
+    }, [e, r, o]);
+  }
+}
+function un(e, n, t) {
+  var o;
+  const r = {
+    type: e,
+    map: n,
+    detail: {},
+    stoppable: !1,
+    stop: () => {
+    }
+  };
+  if (gn.includes(e)) {
+    const i = r, a = n.getCenter(), s = n.getZoom(), g = n.getHeading() || 0, c = n.getTilt() || 0, l = n.getBounds();
+    return (!a || !l || !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: g,
+      tilt: c,
+      bounds: (l == null ? void 0 : l.toJSON()) || {
+        north: 90,
+        east: 180,
+        south: -90,
+        west: -180
+      }
+    }, i;
+  } else if (fn.includes(e)) {
+    if (!t)
+      throw new Error("[createEvent] mouse events must provide a srcEvent");
+    const i = r;
+    return i.domEvent = t.domEvent, i.stoppable = !0, i.stop = () => t.stop(), i.detail = {
+      latLng: ((o = t.latLng) === null || o === void 0 ? void 0 : o.toJSON()) || null,
+      placeId: t.placeId
+    }, i;
+  }
+  return r;
+}
+const Ie = {
+  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"
+}, gn = [
+  "bounds_changed",
+  "center_changed",
+  "heading_changed",
+  "tilt_changed",
+  "zoom_changed"
+], fn = [
+  "click",
+  "contextmenu",
+  "dblclick",
+  "mousemove",
+  "mouseout",
+  "mouseover"
+], hn = Object.keys(Ie);
+function K(e, n) {
+  const t = j(e);
+  return n(e, t.current) || (t.current = e), t.current;
+}
+function mn(e, n, t) {
+  E(e, [K(n, t)]);
+}
+function we(e, n) {
+  mn(e, n, W);
+}
+const pn = /* @__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 vn(e, n) {
+  const t = {}, o = Object.keys(n);
+  for (const r of o)
+    pn.has(r) && (t[r] = n[r]);
+  we(() => {
+    e && e.setOptions(t);
+  }, [t]);
+}
+function Te() {
+  var e;
+  return ((e = R($)) === null || e === void 0 ? void 0 : e.status) || x.NOT_LOADED;
+}
+function yn(e, n) {
+  const { viewport: t, viewState: o } = n, r = !!t;
+  return V(() => {
+    if (!e || !o)
+      return;
+    const { latitude: i, longitude: a, bearing: s, pitch: g, zoom: c } = o;
+    e.moveCamera({
+      center: { lat: i, lng: a },
+      heading: s,
+      tilt: g,
+      zoom: c + 1
+    });
+  }, [e, o]), r;
+}
+function Cn(e) {
+  return !e || typeof e != "object" || !("lat" in e && "lng" in e) ? !1 : Number.isFinite(e.lat) && Number.isFinite(e.lng);
+}
+function Ne(e, n) {
+  if (!e || !n)
+    return !1;
+  const t = te(e), o = te(n);
+  return !(t.lat !== o.lat || t.lng !== o.lng);
+}
+function te(e) {
+  return Cn(e) ? e : e.toJSON();
+}
+function Me(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 En(e, n) {
+  if (!e || !n)
+    return !1;
+  const t = Me(e), o = Me(n);
+  return t.north === o.north && t.south === o.south && t.east === o.east && t.west === o.west;
+}
+function xe(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 (!Ne(e[o], t[o]))
+      return !1;
+  return !0;
+}
+function bn(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 (!xe(e[o], t[o]))
+      return !1;
+  return !0;
+}
+function On(e, n, t) {
+  const o = t.center ? te(t.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(t.zoom) ? t.zoom : null, s = Number.isFinite(t.heading) ? t.heading : null, g = Number.isFinite(t.tilt) ? t.tilt : null;
+  V(() => {
+    if (!e)
+      return;
+    const c = {};
+    let l = !1;
+    r !== null && i !== null && (n.current.center.lat !== r || n.current.center.lng !== i) && (c.center = { lat: r, lng: i }, l = !0), a !== null && n.current.zoom !== a && (c.zoom = a, l = !0), s !== null && n.current.heading !== s && (c.heading = s, l = !0), g !== null && n.current.tilt !== g && (c.tilt = g, l = !0), l && e.moveCamera(c);
+  });
+}
+const Mn = () => {
+  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 M.createElement(
+    "div",
+    { style: e },
+    M.createElement("h2", null, "Error: AuthFailure"),
+    M.createElement(
+      "p",
+      null,
+      "A problem with your API key prevents the map from rendering correctly. Please make sure the value of the ",
+      M.createElement("code", null, "APIProvider.apiKey"),
+      " prop is correct. Check the error-message in the console for further details."
+    )
+  );
+};
+function le() {
+  const [e, n] = I(null), t = ue((o) => n(o), [n]);
+  return [e, t];
+}
+function Re() {
+  return Te() === x.LOADED;
+}
+function je() {
+  const [, e] = Se((n) => n + 1, 0);
+  return e;
+}
+function Pn(e, n) {
+  const t = e.getCenter(), o = e.getZoom(), r = e.getHeading() || 0, i = e.getTilt() || 0, a = e.getBounds();
+  (!t || !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(n.current, {
+    center: (t == null ? void 0 : t.toJSON()) || { lat: 0, lng: 0 },
+    zoom: o || 0,
+    heading: r,
+    tilt: i
+  });
+}
+function An(e) {
+  const n = je(), t = j({
+    center: { lat: 0, lng: 0 },
+    heading: 0,
+    tilt: 0,
+    zoom: 0
+  });
+  return E(() => {
+    if (!e)
+      return;
+    const o = google.maps.event.addListener(e, "bounds_changed", () => {
+      Pn(e, t), n();
+    });
+    return () => o.remove();
+  }, [e, n]), t;
+}
+class ne {
+  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);
+  }
+}
+ne.entries = {};
+function kn(e, n) {
+  const t = Re(), [o, r] = I(null), [i, a] = le(), s = An(o), { id: g, defaultBounds: c, defaultCenter: l, defaultZoom: h, defaultHeading: f, defaultTilt: u, reuseMaps: p, renderingType: y, colorScheme: d } = e, m = N(e, ["id", "defaultBounds", "defaultCenter", "defaultZoom", "defaultHeading", "defaultTilt", "reuseMaps", "renderingType", "colorScheme"]), C = e.zoom !== void 0 || e.defaultZoom !== void 0, b = e.center !== void 0 || e.defaultCenter !== void 0;
+  !c && (!C || !b) && 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"), !m.center && l && (m.center = l), !m.zoom && Number.isFinite(h) && (m.zoom = h), !m.heading && Number.isFinite(f) && (m.heading = f), !m.tilt && Number.isFinite(u) && (m.tilt = u);
+  const P = m.internalUsageAttributionIds;
+  P == null ? m.internalUsageAttributionIds = n.internalUsageAttributionIds : m.internalUsageAttributionIds = [
+    ...n.internalUsageAttributionIds || [],
+    ...P
+  ];
+  for (const v of Object.keys(m))
+    m[v] === void 0 && delete m[v];
+  const A = j(void 0);
+  return E(
+    () => {
+      if (!i || !t)
+        return;
+      const { addMapInstance: v, removeMapInstance: O } = n, { mapId: D } = e, S = `${D || "default"}:${y || "default"}:${d || "LIGHT"}`;
+      let k, T;
+      if (p && ne.has(S) ? (T = ne.pop(S), k = T.getDiv(), i.appendChild(k), T.setOptions(m), setTimeout(() => T.moveCamera({}), 0)) : (k = document.createElement("div"), k.style.height = "100%", i.appendChild(k), T = new google.maps.Map(k, Object.assign(Object.assign(Object.assign({}, m), y ? { renderingType: y } : {}), d ? { colorScheme: d } : {}))), r(T), v(T, g), c) {
+        const { padding: Y } = c, X = N(c, ["padding"]);
+        T.fitBounds(X, Y);
+      } else (!C || !b) && T.fitBounds({ east: 180, west: -180, south: -90, north: 90 });
+      if (A.current) {
+        const { mapId: Y, cameraState: X } = A.current;
+        Y !== D && T.moveCamera(X);
+      }
+      return () => {
+        A.current = {
+          mapId: D,
+          // eslint-disable-next-line react-hooks/exhaustive-deps
+          cameraState: s.current
+        }, k.remove(), p ? ne.push(S, T) : google.maps.event.clearInstanceListeners(T), r(null), O(g);
+      };
+    },
+    // 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
+    [
+      i,
+      t,
+      g,
+      // these props can't be changed after initialization and require a new
+      // instance to be created
+      e.mapId,
+      e.renderingType,
+      e.colorScheme
+    ]
+  ), [o, a, s];
+}
+const Be = M.createContext(null), Dn = (e) => {
+  const { children: n, id: t, className: o, style: r } = e, i = R($), a = Te();
+  if (!i)
+    throw new Error("<Map> can only be used inside an <ApiProvider> component.");
+  const [s, g, c] = kn(e, i);
+  On(s, c, e), dn(s, e), vn(s, e);
+  const l = yn(s, e), h = !!e.controlled;
+  E(() => {
+    if (s)
+      return l && s.setOptions({ disableDefaultUI: !0 }), (l || h) && s.setOptions({
+        gestureHandling: "none",
+        keyboardShortcuts: !1
+      }), () => {
+        s.setOptions({
+          gestureHandling: e.gestureHandling,
+          keyboardShortcuts: e.keyboardShortcuts
+        });
+      };
+  }, [
+    s,
+    l,
+    h,
+    e.gestureHandling,
+    e.keyboardShortcuts
+  ]);
+  const f = e.center ? te(e.center) : null;
+  let u = null, p = null;
+  f && Number.isFinite(f.lat) && Number.isFinite(f.lng) && (u = f.lat, p = f.lng);
+  const y = w(() => {
+    var C, b, P;
+    return {
+      center: { lat: u ?? 0, lng: p ?? 0 },
+      zoom: (C = e.zoom) !== null && C !== void 0 ? C : 0,
+      heading: (b = e.heading) !== null && b !== void 0 ? b : 0,
+      tilt: (P = e.tilt) !== null && P !== void 0 ? P : 0
+    };
+  }, [u, p, e.zoom, e.heading, e.tilt]);
+  V(() => {
+    if (!s || !h)
+      return;
+    s.moveCamera(y);
+    const C = s.addListener("bounds_changed", () => {
+      s.moveCamera(y);
+    });
+    return () => C.remove();
+  }, [s, h, y]);
+  const d = w(() => Object.assign({
+    width: "100%",
+    height: "100%",
+    position: "relative",
+    // when using deckgl, the map should be sent to the back
+    zIndex: l ? -1 : 0
+  }, r), [r, l]), m = w(() => ({ map: s }), [s]);
+  return a === x.AUTH_FAILURE ? M.createElement(
+    "div",
+    { style: Object.assign({ position: "relative" }, o ? {} : d), className: o },
+    M.createElement(Mn, null)
+  ) : M.createElement("div", Object.assign({ ref: g, "data-testid": "map", style: o ? void 0 : d, className: o }, t ? { id: t } : {}), s ? M.createElement(Be.Provider, { value: m }, n) : null);
+};
+Dn.deckGLViewProps = !0;
+const Pe = /* @__PURE__ */ new Set();
+function Z(...e) {
+  const n = JSON.stringify(e);
+  Pe.has(n) || (Pe.add(n), console.error(...e));
+}
+const q = (e = null) => {
+  const n = R($), { map: t } = R(Be) || {};
+  if (n === null)
+    return Z("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 H(e) {
+  const n = Re(), t = R($);
+  return E(() => {
+    !n || !t || t.importLibrary(e);
+  }, [n, t, e]), (t == null ? void 0 : t.loadedLibraries[e]) || null;
+}
+var ie;
+const { useLayoutEffect: Ln, useRef: Sn } = Le, _n = (ie = Le.useInsertionEffect) !== null && ie !== void 0 ? ie : Ln;
+function In() {
+  throw new Error("useEffectEvent: invalid call during rendering.");
+}
+function wn(e) {
+  const n = Sn(In);
+  return _n(() => {
+    n.current = e;
+  }, [e]), ((...t) => n.current(...t));
+}
+const Fe = wn, Tn = () => {
+};
+function L(e, n, t) {
+  const o = Fe(t ?? Tn), r = !!t;
+  E(() => {
+    if (!e || !n || !r)
+      return;
+    const i = google.maps.event.addListener(e, n, o);
+    return () => i.remove();
+  }, [e, n, r]);
+}
+function _(e, n, t) {
+  E(() => {
+    e && (e[n] = t);
+  }, [e, n, t]);
+}
+const Nn = () => {
+};
+function ce(e, n, t) {
+  const o = Fe(t ?? Nn), r = !!t;
+  E(() => {
+    if (!e || !n || !r)
+      return;
+    const i = o;
+    return e.addEventListener(n, i), () => e.removeEventListener(n, i);
+  }, [e, n, r]);
+}
+class xn {
+  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 Rn = new xn();
+function jn(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), i = parseInt(o[1], 10);
+  return r > e || r === e && i >= n;
+}
+const he = M.createContext(null), Bn = {
+  BOTTOM: ["50%", "100%"]
+}, Fn = B((e, n) => {
+  const { children: t, style: o, className: r, anchorPoint: i } = e, [a, s] = Un(e), g = w(() => a ? { marker: a } : null, [a]);
+  return z(n, () => a, [a]), s ? M.createElement(he.Provider, { value: g }, oe(M.createElement(zn, { anchorPoint: i, styles: o, className: r }, t), s)) : null;
+});
+Fn.displayName = "AdvancedMarker";
+function de(e) {
+  return e.nodeType === Node.ELEMENT_NODE;
+}
+const zn = ({ children: e, styles: n, className: t }) => M.createElement("div", { className: t, style: n }, e);
+function Un(e) {
+  const [n, t] = I(null), [o, r] = I(null), i = q(), a = H("marker"), { children: s, onClick: g, className: c, onMouseEnter: l, onMouseLeave: h, onDrag: f, onDragStart: u, onDragEnd: p, collisionBehavior: y, clickable: d, draggable: m, position: C, title: b, zIndex: P, anchorPoint: A, anchorLeft: v, anchorTop: O } = e, D = ge.count(s);
+  return E(() => {
+    if (!i || !a)
+      return;
+    const S = new a.AdvancedMarkerElement();
+    S.map = i, t(S);
+    let k = null;
+    return D > 0 && (k = document.createElement("div"), S.content = k, r(k)), () => {
+      S.map = null, k == null || k.remove(), t(null), r(null);
+    };
+  }, [i, a, D]), E(() => {
+    !(n != null && n.content) || !de(n.content) || D > 0 || (n.content.className = c ?? "");
+  }, [n, c, D]), Hn(n, A, v, O, D > 0), _(n, "position", C), _(n, "title", b ?? ""), _(n, "zIndex", P), _(n, "collisionBehavior", y), E(() => {
+    n && (m !== void 0 ? n.gmpDraggable = m : f || u || p ? n.gmpDraggable = !0 : n.gmpDraggable = !1);
+  }, [n, m, f, p, u]), E(() => {
+    if (!n)
+      return;
+    const S = d !== void 0 ? d : !!g || !!l || !!h;
+    n.gmpClickable = S, S && (n != null && n.content) && de(n.content) && (n.content.style.pointerEvents = "all", g && (n.content.style.cursor = "pointer"));
+  }, [n, d, g, l, h]), L(n, "click", g), L(n, "drag", f), L(n, "dragstart", u), L(n, "dragend", p), ce(n == null ? void 0 : n.element, "mouseenter", l), ce(n == null ? void 0 : n.element, "mouseleave", h), [n, o];
+}
+function Hn(e, n, t, o, r) {
+  E(() => {
+    if (!e || !r)
+      return;
+    const i = jn(3, 62), a = e.content;
+    if (!(!a || !de(a))) {
+      if (t !== void 0 || o !== void 0) {
+        i || 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 [s, g] = n ?? Bn.BOTTOM, c = `calc(-1 * ${s})`, l = `calc(-1 * ${g})`;
+        i ? (e.anchorLeft = c, e.anchorTop = l, a.style.transform = "") : (a.style.transform = `translate(50%, 100%) translate(${c}, ${l})`, e.dataset.origin = "rgm", Rn.addAdvancedMarkerPointerEventsOverwrite());
+      }
+    }
+  }, [e, n, t, o, r]);
+}
+function Gn(e) {
+  var n, t, o;
+  const { onClick: r, onDrag: i, onDragStart: a, onDragEnd: s, onMouseOver: g, onMouseOut: c, onRadiusChanged: l, onCenterChanged: h, center: f, defaultCenter: u, radius: p, defaultRadius: y } = e, d = N(e, ["onClick", "onDrag", "onDragStart", "onDragEnd", "onMouseOver", "onMouseOut", "onRadiusChanged", "onCenterChanged", "center", "defaultCenter", "radius", "defaultRadius"]), [m, C] = I(null), b = q(), P = K(Object.assign(Object.assign({}, d), { clickable: (n = d.clickable) !== null && n !== void 0 ? n : !!r, draggable: (t = d.draggable) !== null && t !== void 0 ? t : !!(i || a || s || h), editable: (o = d.editable) !== null && o !== void 0 ? o : !!l }), W);
+  return E(() => {
+    if (!b) {
+      b === void 0 && console.error("<Circle> has to be inside a Map component.");
+      return;
+    }
+    const A = new google.maps.Circle(Object.assign(Object.assign({}, P), { center: f ?? u, radius: p ?? y }));
+    return A.setMap(b), C(A), () => {
+      A.setMap(null), C(null);
+    };
+  }, [b]), L(m, "click", r), L(m, "drag", i), L(m, "dragstart", a), L(m, "dragend", s), L(m, "mouseover", g), L(m, "mouseout", c), L(m, "radius_changed", l ? () => {
+    const A = m == null ? void 0 : m.getRadius();
+    A !== void 0 && l(A);
+  } : null), L(m, "center_changed", h ? () => {
+    h(m == null ? void 0 : m.getCenter());
+  } : null), E(() => {
+    m && m.setOptions(P);
+  }, [m, P]), E(() => {
+    !m || !f || Ne(f, m.getCenter()) || m.setCenter(f);
+  }, [m, f]), E(() => {
+    !m || p === void 0 || p !== m.getRadius() && m.setRadius(p);
+  }, [m, p]), m;
+}
+const Jn = B((e, n) => {
+  const t = Gn(e);
+  return z(n, () => t, [t]), M.createElement(M.Fragment, null);
+});
+Jn.displayName = "Circle";
+function Vn(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) && Ae(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 i = n[r];
+      n.hasOwnProperty(r) && t[r] !== i && Ae(o, r, i);
+    }
+}
+function Ae(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 && !qn(n) ? e[n] = t + "px" : n === "float" ? e.cssFloat = t : e[n] = ("" + t).trim();
+}
+const $n = /* @__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 qn(e) {
+  return $n.has(e);
+}
+function ke(e) {
+  const n = e.getPaths(), t = [];
+  for (let o = 0; o < n.getLength(); o++)
+    t.push(n.getAt(o).getArray());
+  return t;
+}
+function Zn(e) {
+  var n, t, o;
+  const { onClick: r, onDrag: i, onDragStart: a, onDragEnd: s, onMouseOver: g, onMouseOut: c, onPathsChanged: l, polygon: h, encodedPaths: f, paths: u, defaultPaths: p } = e, y = N(e, ["onClick", "onDrag", "onDragStart", "onDragEnd", "onMouseOver", "onMouseOut", "onPathsChanged", "polygon", "encodedPaths", "paths", "defaultPaths"]), [d, m] = I(null), C = q(), b = H("geometry"), P = j(!1), A = K(Object.assign(Object.assign({}, y), { clickable: (n = y.clickable) !== null && n !== void 0 ? n : !!r, draggable: (t = y.draggable) !== null && t !== void 0 ? t : !!(i || a || s || l), editable: (o = y.editable) !== null && o !== void 0 ? o : !!l }), W);
+  return E(() => {
+    if (!C) {
+      C === void 0 && console.error("<Polygon> has to be inside a Map component.");
+      return;
+    }
+    let v;
+    if (h) {
+      v = h;
+      const O = u ?? p;
+      O && Array.isArray(O) && v.setPaths(O), v.setOptions(A);
+    } else {
+      const O = u ?? p, D = Object.assign({}, A);
+      O && Array.isArray(O) && (D.paths = O), v = new google.maps.Polygon(D);
+    }
+    return v.setMap(C), m(v), () => {
+      v.setMap(null), m(null);
+    };
+  }, [C, h]), L(d, "click", r), L(d, "drag", i), L(d, "dragstart", a), L(d, "mouseover", g), L(d, "mouseout", c), L(d, "dragend", (v) => {
+    s == null || s(v), l && d && !P.current && l(ke(d));
+  }), E(() => {
+    if (!d || !l)
+      return;
+    const v = [], O = d.getPaths();
+    if (typeof O.getLength != "function" || typeof O.getAt != "function")
+      return;
+    const D = () => {
+      P.current || l(ke(d));
+    }, S = (k) => {
+      v.push(google.maps.event.addListener(k, "insert_at", D)), v.push(google.maps.event.addListener(k, "remove_at", D)), v.push(google.maps.event.addListener(k, "set_at", D));
+    };
+    for (let k = 0; k < O.getLength(); k++)
+      S(O.getAt(k));
+    return v.push(google.maps.event.addListener(O, "insert_at", (k) => {
+      S(O.getAt(k)), D();
+    })), v.push(google.maps.event.addListener(O, "set_at", (k) => {
+      S(O.getAt(k)), D();
+    })), v.push(google.maps.event.addListener(O, "remove_at", D)), () => {
+      v.forEach((k) => k.remove());
+    };
+  }, [
+    d,
+    l,
+    u,
+    f,
+    A.editable,
+    A.draggable
+  ]), E(() => {
+    d && d.setOptions(A);
+  }, [d, A]), E(() => {
+    if (!d || !u || !Array.isArray(u))
+      return;
+    const v = u[0], O = Array.isArray(v) ? u : [u], D = d.getPaths();
+    bn(O, D) || (P.current = !0, d.setPaths(u), P.current = !1);
+  }, [d, u]), E(() => {
+    if (!d || !f || !b)
+      return;
+    P.current = !0;
+    const v = f.map((O) => b.encoding.decodePath(O));
+    d.setPaths(v), P.current = !1;
+  }, [d, f, b]), d;
+}
+const Wn = B((e, n) => {
+  const t = Zn(e);
+  return z(n, () => t, [t]), M.createElement(M.Fragment, null);
+});
+Wn.displayName = "Polygon";
+function Kn(e) {
+  var n, t, o;
+  const { onClick: r, onDrag: i, onDragStart: a, onDragEnd: s, onMouseOver: g, onMouseOut: c, onPathChanged: l, polyline: h, encodedPath: f, path: u, defaultPath: p } = e, y = N(e, ["onClick", "onDrag", "onDragStart", "onDragEnd", "onMouseOver", "onMouseOut", "onPathChanged", "polyline", "encodedPath", "path", "defaultPath"]), [d, m] = I(null), C = q(), b = H("geometry"), P = j(!1), A = K(Object.assign(Object.assign({}, y), { clickable: (n = y.clickable) !== null && n !== void 0 ? n : !!r, draggable: (t = y.draggable) !== null && t !== void 0 ? t : !!(i || a || s || l), editable: (o = y.editable) !== null && o !== void 0 ? o : !!l }), W);
+  return E(() => {
+    if (!C) {
+      C === void 0 && console.error("<Polyline> has to be inside a Map component.");
+      return;
+    }
+    let v;
+    if (h) {
+      v = h;
+      const O = u ?? p;
+      O && Array.isArray(O) && v.setPath(O), v.setOptions(A);
+    } else {
+      const O = u ?? p, D = Object.assign({}, A);
+      O && Array.isArray(O) && (D.path = O), v = new google.maps.Polyline(D);
+    }
+    return v.setMap(C), m(v), () => {
+      v.setMap(null), m(null);
+    };
+  }, [C, h]), L(d, "click", r), L(d, "drag", i), L(d, "dragstart", a), L(d, "mouseover", g), L(d, "mouseout", c), L(d, "dragend", (v) => {
+    s == null || s(v), l && d && !P.current && l(d.getPath().getArray());
+  }), E(() => {
+    if (!d || !l)
+      return;
+    const v = d.getPath();
+    if (!v)
+      return;
+    const O = () => {
+      P.current || l(v.getArray());
+    }, D = [
+      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 () => {
+      D.forEach((S) => S.remove());
+    };
+  }, [
+    d,
+    l,
+    u,
+    f,
+    A.editable,
+    A.draggable
+  ]), E(() => {
+    d && d.setOptions(A);
+  }, [d, A]), E(() => {
+    if (!d || !u)
+      return;
+    const v = d.getPath();
+    xe(u, v) || (P.current = !0, d.setPath(u), P.current = !1);
+  }, [d, u]), E(() => {
+    if (!d || !f || !b)
+      return;
+    P.current = !0;
+    const v = b.encoding.decodePath(f);
+    d.setPath(v), P.current = !1;
+  }, [d, f, b]), d;
+}
+const Yn = B((e, n) => {
+  const t = Kn(e);
+  return z(n, () => t, [t]), M.createElement(M.Fragment, null);
+});
+Yn.displayName = "Polyline";
+const Xn = {
+  center: { lat: 0, lng: 0, altitude: 0 },
+  range: 0,
+  heading: 0,
+  tilt: 0,
+  roll: 0
+}, Qn = ["center", "range", "heading", "tilt", "roll"];
+function et(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 nt(e) {
+  const n = je(), t = j(Object.assign({}, Xn));
+  return E(() => {
+    if (!e)
+      return;
+    const o = [];
+    for (const r of Qn) {
+      const i = `gmp-${r}change`, a = () => {
+        et(e, t, r), n();
+      };
+      e.addEventListener(i, a), o.push(() => e.removeEventListener(i, a));
+    }
+    return () => {
+      for (const r of o)
+        r();
+    };
+  }, [e, n]), t;
+}
+function tt(e) {
+  const n = H("maps3d"), [t, o] = I(!1), [, r] = le(), [i, a] = le(), s = nt(i);
+  return E(() => {
+    customElements.whenDefined("gmp-map-3d").then(() => {
+      o(!0);
+    });
+  }, []), E(
+    () => {
+      if (!i)
+        return;
+      const {
+        center: c,
+        heading: l,
+        tilt: h,
+        range: f,
+        roll: u,
+        defaultCenter: p,
+        defaultHeading: y,
+        defaultTilt: d,
+        defaultRange: m,
+        defaultRoll: C,
+        // Non-element props to exclude
+        id: b,
+        style: P,
+        className: A,
+        children: v,
+        onCenterChanged: O,
+        onHeadingChanged: D,
+        onTiltChanged: S,
+        onRangeChanged: k,
+        onRollChanged: T,
+        onCameraChanged: Y,
+        onClick: X,
+        onSteadyChange: Ot,
+        onAnimationEnd: Mt,
+        onError: Pt,
+        mode: At,
+        gestureHandling: kt
+      } = e, ze = N(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"]), pe = c ?? p, ve = l ?? y, ye = h ?? d, Ce = f ?? m, Ee = u ?? C, G = Object.assign({}, ze);
+      pe && (G.center = pe), ve !== void 0 && (G.heading = ve), ye !== void 0 && (G.tilt = ye), Ce !== void 0 && (G.range = Ce), Ee !== void 0 && (G.roll = Ee), Object.assign(i, G);
+    },
+    // 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
+    [i]
+  ), [i, r, a, s, !!n && t];
+}
+function ot(e) {
+  return e ? "toJSON" in e && typeof e.toJSON == "function" ? e.toJSON() : e : null;
+}
+function rt(e, n, t) {
+  var o, r, i, a, s, g, c;
+  const l = ot(t.center), h = (o = l == null ? void 0 : l.lat) !== null && o !== void 0 ? o : null, f = (r = l == null ? void 0 : l.lng) !== null && r !== void 0 ? r : null, u = (i = l == null ? void 0 : l.altitude) !== null && i !== void 0 ? i : null, p = (a = t.range) !== null && a !== void 0 ? a : null, y = (s = t.heading) !== null && s !== void 0 ? s : null, d = (g = t.tilt) !== null && g !== void 0 ? g : null, m = (c = t.roll) !== null && c !== void 0 ? c : null;
+  V(() => {
+    var C;
+    if (!e)
+      return;
+    const b = n.current;
+    h !== null && f !== null && (b.center.lat !== h || b.center.lng !== f || u !== null && b.center.altitude !== u) && (e.center = {
+      lat: h,
+      lng: f,
+      altitude: (C = u ?? b.center.altitude) !== null && C !== void 0 ? C : 0
+    }), p !== null && b.range !== p && (e.range = p), y !== null && b.heading !== y && (e.heading = y), d !== null && b.tilt !== d && (e.tilt = d), m !== null && b.roll !== m && (e.roll = m);
+  });
+}
+const De = [
+  "gmp-centerchange",
+  "gmp-headingchange",
+  "gmp-tiltchange",
+  "gmp-rangechange",
+  "gmp-rollchange"
+];
+function J(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 it(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 st(e, n) {
+  const { onCenterChanged: t, onHeadingChanged: o, onTiltChanged: r, onRangeChanged: i, onRollChanged: a, onCameraChanged: s, onClick: g, onSteadyChange: c, onAnimationEnd: l, onError: h } = n;
+  U(e, "gmp-centerchange", t, J), U(e, "gmp-headingchange", o, J), U(e, "gmp-tiltchange", r, J), U(e, "gmp-rangechange", i, J), U(e, "gmp-rollchange", a, J), E(() => {
+    if (!e || !s)
+      return;
+    const f = () => {
+      s(J(e, "camerachange"));
+    };
+    for (const u of De)
+      e.addEventListener(u, f);
+    return () => {
+      for (const u of De)
+        e.removeEventListener(u, f);
+    };
+  }, [e, s]), E(() => {
+    if (!e || !g)
+      return;
+    const f = (u) => {
+      g(it(e, u));
+    };
+    return e.addEventListener("gmp-click", f), () => e.removeEventListener("gmp-click", f);
+  }, [e, g]), E(() => {
+    if (!e || !c)
+      return;
+    const f = (u) => {
+      c(at(e, u));
+    };
+    return e.addEventListener("gmp-steadychange", f), () => e.removeEventListener("gmp-steadychange", f);
+  }, [e, c]), U(e, "gmp-animationend", l, (f, u) => ({
+    type: u,
+    map3d: f
+  })), U(e, "gmp-error", h, (f, u) => ({
+    type: u,
+    map3d: f
+  }));
+}
+function U(e, n, t, o) {
+  E(() => {
+    if (!e || !t)
+      return;
+    const r = () => {
+      t(o(e, n));
+    };
+    return e.addEventListener(n, r), () => e.removeEventListener(n, r);
+  }, [e, n, t, o]);
+}
+const lt = /* @__PURE__ */ new Set([
+  "bounds",
+  "defaultUIHidden",
+  "gestureHandling",
+  "internalUsageAttributionIds",
+  "maxAltitude",
+  "maxHeading",
+  "maxTilt",
+  "minAltitude",
+  "minHeading",
+  "minTilt",
+  "mode"
+]);
+function ct(e, n) {
+  const t = w(() => {
+    const o = {}, r = Object.keys(n);
+    for (const i of r) {
+      if (!lt.has(i))
+        continue;
+      const a = n[i];
+      a !== void 0 && (o[i] = a);
+    }
+    return o;
+  }, [n]);
+  we(() => {
+    e && Object.assign(e, t);
+  }, [e, t]);
+}
+const dt = M.createContext(null), ut = {
+  width: "100%",
+  height: "100%",
+  position: "relative"
+}, gt = B((e, n) => {
+  const { children: t, id: o, className: r, style: i } = e, a = R($);
+  if (!a)
+    throw new Error("<Map3D> can only be used inside an <APIProvider> component.");
+  const { addMap3DInstance: s, removeMap3DInstance: g } = a, [c, l, h, f, u] = tt(e);
+  rt(c, f, e), st(c, e), ct(c, e), E(() => {
+    if (!c)
+      return;
+    const d = o ?? "default";
+    return s(c, d), () => {
+      g(d);
+    };
+  }, [c, o]), z(n, () => ({
+    map3d: c,
+    flyCameraAround: (d) => {
+      c == null || c.flyCameraAround(d);
+    },
+    flyCameraTo: (d) => {
+      c == null || c.flyCameraTo(d);
+    },
+    stopCameraAnimation: () => {
+      c == null || c.stopCameraAnimation();
+    }
+  }), [c]);
+  const p = w(() => Object.assign(Object.assign({}, ut), i), [i]), y = w(() => ({ map3d: c }), [c]);
+  return u ? M.createElement(
+    "div",
+    Object.assign({ ref: l, "data-testid": "map-3d", style: r ? void 0 : p, className: r }, o ? { id: o } : {}),
+    M.createElement("gmp-map-3d", { ref: h, style: { width: "100%", height: "100%" } }, c && M.createElement(dt.Provider, { value: y }, t))
+  ) : M.createElement("div", Object.assign({ ref: l, "data-testid": "map-3d", style: r ? void 0 : p, className: r }, o ? { id: o } : {}));
+});
+gt.displayName = "Map3D";
+const me = Ue(null), ft = B(function(n, t) {
+  const { children: o, onClick: r, position: i, altitudeMode: a, collisionBehavior: s, drawsWhenOccluded: g, extruded: c, label: l, sizePreserved: h, zIndex: f, title: u } = n, p = !!r, [y, d] = I(null), [m, C] = I(!1), b = w(() => {
+    const v = document.createElement("div");
+    return v.style.display = "none", document.body.appendChild(v), v;
+  }, []);
+  E(() => () => b.remove(), [b]);
+  const P = ue((v) => {
+    d(v), typeof t == "function" ? t(v) : t && (t.current = v);
+  }, [t]);
+  ce(y, "gmp-click", r), V(() => {
+    if (m || !y || !b)
+      return;
+    for (; y.firstChild; )
+      y.removeChild(y.firstChild);
+    const v = Array.from(b.childNodes);
+    for (const O of v) {
+      if (O.nodeType !== Node.ELEMENT_NODE)
+        continue;
+      const D = O, S = D.tagName.toLowerCase();
+      if (S === "img" || S === "svg") {
+        const k = document.createElement("template");
+        k.content.appendChild(D.cloneNode(!0)), y.appendChild(k);
+      } else
+        y.appendChild(D.cloneNode(!0));
+    }
+  }, [y, b, o, m]);
+  const A = w(() => ({ marker: y, setContentHandledExternally: C }), [y]);
+  return _(y, "position", i), _(y, "altitudeMode", a), _(y, "collisionBehavior", s), _(y, "drawsWhenOccluded", g), _(y, "extruded", c), _(y, "label", l), _(y, "sizePreserved", h), _(y, "zIndex", f), _(y, "title", u ?? ""), M.createElement(
+    me.Provider,
+    { value: A },
+    p ? M.createElement("gmp-marker-3d-interactive", { ref: P }) : M.createElement("gmp-marker-3d", { ref: P }),
+    oe(o, b)
+  );
+});
+ft.displayName = "Marker3D";
+const ht = B(function(n, t) {
+  var o;
+  const { children: r, headerContent: i, style: a, className: s, open: g = !0, position: c, anchor: l, anchorId: h, altitudeMode: f, lightDismissDisabled: u, autoPanDisabled: p, onClose: y } = n, [d, m] = I(null), C = j(null);
+  z(t, () => d, [d]), mt(d, g, y), _(d, "open", g ?? !1), _(d, "altitudeMode", f), _(d, "lightDismissDisabled", u), _(d, "autoPanDisabled", p);
+  const b = (o = l ?? h) !== null && o !== void 0 ? o : c;
+  return _(d, "positionAnchor", b), V(() => {
+    d && (Vn(d, a || null, C.current), C.current = a || null);
+  }, [d, a]), M.createElement(
+    "gmp-popover",
+    { ref: m, className: s },
+    i && M.createElement("div", { slot: "header" }, i),
+    r
+  );
+});
+ht.displayName = "Popover";
+function mt(e, n, t) {
+  const o = j(void 0), r = j(n);
+  E(() => {
+    r.current = n;
+  }, [n]), E(() => {
+    if (!e || !t)
+      return;
+    const i = new MutationObserver((a) => {
+      for (const s of a)
+        if (s.type === "attributes" && s.attributeName === "open") {
+          const g = e.hasAttribute("open");
+          o.current === !0 && !g && r.current !== !1 && t(), o.current = g;
+        }
+    });
+    return i.observe(e, {
+      attributes: !0,
+      attributeFilter: ["open"]
+    }), o.current = e.hasAttribute("open"), () => {
+      i.disconnect();
+    };
+  }, [e, t]);
+}
+function pt(e) {
+  const [n, t] = I(null), o = q(), { onClick: r, onDrag: i, onDragStart: a, onDragEnd: s, onMouseOver: g, onMouseOut: c } = e, l = N(e, ["onClick", "onDrag", "onDragStart", "onDragEnd", "onMouseOver", "onMouseOut"]), { position: h, draggable: f } = l;
+  return E(() => {
+    if (!o) {
+      o === void 0 && console.error("<Marker> has to be inside a Map component.");
+      return;
+    }
+    const u = new google.maps.Marker(l);
+    return u.setMap(o), t(u), () => {
+      u.setMap(null), t(null);
+    };
+  }, [o]), E(() => {
+    if (!n)
+      return;
+    const u = n, p = google.maps.event;
+    return r && p.addListener(u, "click", r), i && p.addListener(u, "drag", i), a && p.addListener(u, "dragstart", a), s && p.addListener(u, "dragend", s), g && p.addListener(u, "mouseover", g), c && p.addListener(u, "mouseout", c), n.setDraggable(!!f), () => {
+      p.clearInstanceListeners(u);
+    };
+  }, [
+    n,
+    f,
+    r,
+    i,
+    a,
+    s,
+    g,
+    c
+  ]), E(() => {
+    n && l && n.setOptions(l);
+  }, [n, l]), E(() => {
+    f || !h || !n || n.setPosition(h);
+  }, [f, h, n]), n;
+}
+const vt = B((e, n) => {
+  const t = pt(e);
+  return z(n, () => t, [t]), M.createElement(M.Fragment, null);
+});
+vt.displayName = "Marker";
+const yt = (e) => {
+  const n = R(he), t = R(me), o = n == null ? void 0 : n.marker, r = t == null ? void 0 : t.marker, i = t == null ? void 0 : t.setContentHandledExternally, a = w(() => document.createElement("div"), []), s = H("marker");
+  return E(() => {
+    if (r && i)
+      return i(!0), () => i(!1);
+  }, [r, i]), E(() => {
+    if (!r || !s)
+      return;
+    const g = Object.assign({}, e), c = new s.PinElement(g);
+    for (e.children && (c.glyph = a); r.firstChild; )
+      r.removeChild(r.firstChild);
+    return r.append(c), () => {
+    };
+  }, [r, s, a, e]), E(() => {
+    var g;
+    if (r)
+      return;
+    if (!o) {
+      o === void 0 && r === void 0 && console.error("The <Pin> component can only be used inside <AdvancedMarker> or <Marker3D>.");
+      return;
+    }
+    e.glyph && e.children && Z("The <Pin> component only uses children to render the glyph if both the glyph property and children are present."), ge.count(e.children) > 1 && Z("Passing multiple children to the <Pin> component might lead to unexpected results.");
+    const c = Object.assign({}, e), l = new google.maps.marker.PinElement(c);
+    e.children && (l.glyph = a);
+    const h = (g = o.content) === null || g === void 0 ? void 0 : g.firstChild;
+    for (; h != null && h.firstChild; )
+      h.removeChild(h.firstChild);
+    h && h.appendChild(l.element);
+  }, [o, a, r, e]), oe(e.children, a);
+}, Ct = (e) => {
+  const { children: n } = e, t = R(he), o = R(me), r = t == null ? void 0 : t.marker, i = o == null ? void 0 : o.marker, a = o == null ? void 0 : o.setContentHandledExternally, s = w(() => document.createElement("div"), []), g = H("marker");
+  return E(() => {
+    if (i && a)
+      return a(!0), () => a(!1);
+  }, [i, a]), E(() => {
+    if (!i || !g)
+      return;
+    const c = Object.assign({}, e), l = new g.PinElement(c);
+    for (n && l.appendChild(s); i.firstChild; )
+      i.removeChild(i.firstChild);
+    return i.appendChild(l), () => {
+    };
+  }, [i, g, s, n, e]), E(() => {
+    var c;
+    if (i)
+      return;
+    if (!r || !g) {
+      r === void 0 && i === void 0 && console.error("The <Pin> component can only be used inside <AdvancedMarker> or <Marker3D>.");
+      return;
+    }
+    (e.glyphSrc || e.glyphText) && n && Z("The <Pin> component only uses children to render the glyph if both glyphSrc/glyphText and children are present."), ge.count(n) > 1 && Z("Passing multiple children to the <Pin> component might lead to unexpected results.");
+    const l = Object.assign({}, e), h = new g.PinElement(l);
+    n && h.appendChild(s);
+    const f = (c = r.content) === null || c === void 0 ? void 0 : c.firstChild;
+    for (; f != null && f.firstChild; )
+      f.removeChild(f.firstChild);
+    f && f.appendChild(h);
+  }, [
+    r,
+    g,
+    s,
+    i,
+    n,
+    e
+  ]), oe(n, s);
+}, It = (e) => {
+  var n;
+  const t = H("marker"), o = w(() => t ? typeof customElements < "u" && customElements.get("gmp-pin") !== void 0 : !1, [t]);
+  if (!t)
+    return null;
+  if (o) {
+    const { glyph: r, glyphSrc: i, glyphText: a } = e, s = N(e, ["glyph", "glyphSrc", "glyphText"]), g = r instanceof URL || typeof r == "string" && r.startsWith("http"), c = a ?? (typeof r == "string" && !g ? r : void 0), l = i ?? (g ? String(r) : void 0);
+    return M.createElement(Ct, Object.assign({}, s, { glyphText: c, glyphSrc: l }));
+  } else {
+    const { glyph: r, glyphSrc: i, glyphText: a } = e, s = N(e, ["glyph", "glyphSrc", "glyphText"]), g = (n = r ?? i) !== null && n !== void 0 ? n : a;
+    return M.createElement(yt, Object.assign({}, s, { glyph: g }));
+  }
+};
+function Et(e) {
+  var n, t, o;
+  const { onClick: r, onDrag: i, onDragStart: a, onDragEnd: s, onMouseOver: g, onMouseOut: c, onBoundsChanged: l, bounds: h, defaultBounds: f } = e, u = N(e, ["onClick", "onDrag", "onDragStart", "onDragEnd", "onMouseOver", "onMouseOut", "onBoundsChanged", "bounds", "defaultBounds"]), [p, y] = I(null), d = q(), m = K(Object.assign(Object.assign({}, u), { clickable: (n = u.clickable) !== null && n !== void 0 ? n : !!r, draggable: (t = u.draggable) !== null && t !== void 0 ? t : !!(i || a || s || l), editable: (o = u.editable) !== null && o !== void 0 ? o : !!l }), W);
+  return E(() => {
+    if (!d) {
+      d === void 0 && console.error("<Rectangle> has to be inside a Map component.");
+      return;
+    }
+    const C = new google.maps.Rectangle(Object.assign(Object.assign({}, m), { bounds: h ?? f }));
+    return C.setMap(d), y(C), () => {
+      C.setMap(null), y(null);
+    };
+  }, [d]), L(p, "click", r), L(p, "drag", i), L(p, "dragstart", a), L(p, "dragend", s), L(p, "mouseover", g), L(p, "mouseout", c), L(p, "bounds_changed", l ? () => {
+    l(p == null ? void 0 : p.getBounds());
+  } : null), E(() => {
+    p && p.setOptions(m);
+  }, [p, m]), E(() => {
+    !p || !h || En(h, p.getBounds()) || p.setBounds(h);
+  }, [p, h]), p;
+}
+const bt = B((e, n) => {
+  const t = Et(e);
+  return z(n, () => t, [
+    t
+  ]), M.createElement(M.Fragment, null);
+});
+bt.displayName = "Rectangle";
+export {
+  _t as A,
+  Dn as M,
+  It as P,
+  Fn as a,
+  vt as b,
+  q as c,
+  H as u
+};
+//# sourceMappingURL=index.modern-D2LGACWg.js.map