vue3-google-map 0.16.0 → 0.17.1

package/dist/index.es.js

@@ -1,9 +1,9 @@
-(function(){"use strict";try{if(typeof document<"u"){var d=document.createElement("style");d.appendChild(document.createTextNode(".mapdiv[data-v-7d660dd5]{width:100%;height:100%}.info-window-wrapper[data-v-45a4606d]{display:none}.mapdiv .info-window-wrapper[data-v-45a4606d]{display:inline-block}.custom-marker-wrapper[data-v-c7599d50]{display:none}.mapdiv .custom-marker-wrapper[data-v-c7599d50]{display:inline-block}")),document.head.appendChild(d)}}catch(e){console.error("vite-plugin-css-injected-by-js",e)}})();
-var Oe = Object.defineProperty;
-var xe = (o, e, t) => e in o ? Oe(o, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : o[e] = t;
-var V = (o, e, t) => (xe(o, typeof e != "symbol" ? e + "" : e, t), t);
-import { defineComponent as k, ref as v, provide as q, watch as b, onMounted as ge, onBeforeUnmount as S, markRaw as M, toRef as L, openBlock as F, createElementBlock as G, createElementVNode as Y, renderSlot as U, normalizeProps as Pe, guardReactiveProps as Se, inject as y, computed as z, withDirectives as Le, vShow as Ie, Comment as ve, mergeProps as ye, createCommentVNode as Ce } from "vue";
-const I = Symbol("map"), E = Symbol("api"), _e = Symbol("marker"), ke = Symbol("markerCluster"), H = Symbol("CustomMarker"), we = Symbol("mapTilesLoaded"), P = [
+(function(){"use strict";try{if(typeof document<"u"){var a=document.createElement("style");a.appendChild(document.createTextNode(".mapdiv[data-v-174b771e]{width:100%;height:100%}.info-window-wrapper[data-v-45a4606d]{display:none}.mapdiv .info-window-wrapper[data-v-45a4606d]{display:inline-block}.custom-marker-wrapper[data-v-2d2d343a]{display:none}.mapdiv .custom-marker-wrapper[data-v-2d2d343a]{display:inline-block}")),document.head.appendChild(a)}}catch(d){console.error("vite-plugin-css-injected-by-js",d)}})();
+var qe = Object.defineProperty;
+var Be = (n, e, t) => e in n ? qe(n, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : n[e] = t;
+var se = (n, e, t) => (Be(n, typeof e != "symbol" ? e + "" : e, t), t);
+import { defineComponent as b, ref as y, provide as G, watch as O, onMounted as Me, onBeforeUnmount as B, markRaw as S, toRef as N, openBlock as Y, createElementBlock as X, createElementVNode as ae, renderSlot as Q, normalizeProps as Ne, guardReactiveProps as Ze, inject as C, computed as J, withDirectives as De, vShow as Ue, Comment as Ee, mergeProps as Pe, createCommentVNode as Oe } from "vue";
+const Z = Symbol("map"), D = Symbol("api"), xe = Symbol("marker"), Le = Symbol("markerCluster"), ee = Symbol("CustomMarker"), Se = Symbol("mapTilesLoaded"), q = [
   "click",
   "dblclick",
   "drag",
@@ -16,18 +16,59 @@ const I = Symbol("map"), E = Symbol("api"), _e = Symbol("marker"), ke = Symbol("
   "mouseup",
   "rightclick"
 ];
-var Ee = function o(e, t) {
+/*! *****************************************************************************
+Copyright (c) Microsoft Corporation.
+
+Permission to use, copy, modify, and/or distribute this software for any
+purpose with or without fee is hereby granted.
+
+THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
+REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
+AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
+INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
+LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
+OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
+PERFORMANCE OF THIS SOFTWARE.
+***************************************************************************** */
+function Fe(n, e, t, s) {
+  function r(o) {
+    return o instanceof t ? o : new t(function(a) {
+      a(o);
+    });
+  }
+  return new (t || (t = Promise))(function(o, a) {
+    function l(u) {
+      try {
+        h(s.next(u));
+      } catch (c) {
+        a(c);
+      }
+    }
+    function i(u) {
+      try {
+        h(s.throw(u));
+      } catch (c) {
+        a(c);
+      }
+    }
+    function h(u) {
+      u.done ? o(u.value) : r(u.value).then(l, i);
+    }
+    h((s = s.apply(n, e || [])).next());
+  });
+}
+var ze = function n(e, t) {
   if (e === t)
     return !0;
   if (e && t && typeof e == "object" && typeof t == "object") {
     if (e.constructor !== t.constructor)
       return !1;
-    var n, s, r;
+    var s, r, o;
     if (Array.isArray(e)) {
-      if (n = e.length, n != t.length)
+      if (s = e.length, s != t.length)
         return !1;
-      for (s = n; s-- !== 0; )
-        if (!o(e[s], t[s]))
+      for (r = s; r-- !== 0; )
+        if (!n(e[r], t[r]))
           return !1;
       return !0;
     }
@@ -37,22 +78,26 @@ var Ee = function o(e, t) {
       return e.valueOf() === t.valueOf();
     if (e.toString !== Object.prototype.toString)
       return e.toString() === t.toString();
-    if (r = Object.keys(e), n = r.length, n !== Object.keys(t).length)
+    if (o = Object.keys(e), s = o.length, s !== Object.keys(t).length)
       return !1;
-    for (s = n; s-- !== 0; )
-      if (!Object.prototype.hasOwnProperty.call(t, r[s]))
+    for (r = s; r-- !== 0; )
+      if (!Object.prototype.hasOwnProperty.call(t, o[r]))
         return !1;
-    for (s = n; s-- !== 0; ) {
-      var a = r[s];
-      if (!o(e[a], t[a]))
+    for (r = s; r-- !== 0; ) {
+      var a = o[r];
+      if (!n(e[a], t[a]))
         return !1;
     }
     return !0;
   }
   return e !== e && t !== t;
 };
-const ne = "__googleMapsScriptId";
-class O {
+const he = "__googleMapsScriptId";
+var R;
+(function(n) {
+  n[n.INITIALIZED = 0] = "INITIALIZED", n[n.LOADING = 1] = "LOADING", n[n.SUCCESS = 2] = "SUCCESS", n[n.FAILURE = 3] = "FAILURE";
+})(R || (R = {}));
+class A {
   /**
    * Creates an instance of Loader using [[LoaderOptions]]. No defaults are set
    * using this library, instead the defaults are set by the Google Maps
@@ -62,13 +107,13 @@ class O {
    * const loader = Loader({apiKey, version: 'weekly', libraries: ['places']});
    * ```
    */
-  constructor({ apiKey: e, channel: t, client: n, id: s = ne, libraries: r = [], language: a, region: l, version: i, mapIds: p, nonce: u, retries: c = 3, url: h = "https://maps.googleapis.com/maps/api/js" }) {
-    if (this.CALLBACK = "__googleMapsCallback", this.callbacks = [], this.done = !1, this.loading = !1, this.errors = [], this.version = i, this.apiKey = e, this.channel = t, this.client = n, this.id = s || ne, this.libraries = r, this.language = a, this.region = l, this.mapIds = p, this.nonce = u, this.retries = c, this.url = h, O.instance) {
-      if (!Ee(this.options, O.instance.options))
-        throw new Error(`Loader must not be called again with different options. ${JSON.stringify(this.options)} !== ${JSON.stringify(O.instance.options)}`);
-      return O.instance;
+  constructor({ apiKey: e, authReferrerPolicy: t, channel: s, client: r, id: o = he, language: a, libraries: l = [], mapIds: i, nonce: h, region: u, retries: c = 3, url: d = "https://maps.googleapis.com/maps/api/js", version: p }) {
+    if (this.callbacks = [], this.done = !1, this.loading = !1, this.errors = [], this.apiKey = e, this.authReferrerPolicy = t, this.channel = s, this.client = r, this.id = o || he, this.language = a, this.libraries = l, this.mapIds = i, this.nonce = h, this.region = u, this.retries = c, this.url = d, this.version = p, A.instance) {
+      if (!ze(this.options, A.instance.options))
+        throw new Error(`Loader must not be called again with different options. ${JSON.stringify(this.options)} !== ${JSON.stringify(A.instance.options)}`);
+      return A.instance;
     }
-    O.instance = this;
+    A.instance = this;
   }
   get options() {
     return {
@@ -82,9 +127,13 @@ class O {
       region: this.region,
       mapIds: this.mapIds,
       nonce: this.nonce,
-      url: this.url
+      url: this.url,
+      authReferrerPolicy: this.authReferrerPolicy
     };
   }
+  get status() {
+    return this.errors.length ? R.FAILURE : this.done ? R.SUCCESS : this.loading ? R.LOADING : R.INITIALIZED;
+  }
   get failed() {
     return this.done && !this.loading && this.errors.length >= this.retries + 1;
   }
@@ -92,10 +141,11 @@ class O {
    * CreateUrl returns the Google Maps JavaScript API script url given the [[LoaderOptions]].
    *
    * @ignore
+   * @deprecated
    */
   createUrl() {
     let e = this.url;
-    return e += `?callback=${this.CALLBACK}`, this.apiKey && (e += `&key=${this.apiKey}`), this.channel && (e += `&channel=${this.channel}`), this.client && (e += `&client=${this.client}`), this.libraries.length > 0 && (e += `&libraries=${this.libraries.join(",")}`), this.language && (e += `&language=${this.language}`), this.region && (e += `&region=${this.region}`), this.version && (e += `&v=${this.version}`), this.mapIds && (e += `&map_ids=${this.mapIds.join(",")}`), e;
+    return e += "?callback=__googleMapsCallback", this.apiKey && (e += `&key=${this.apiKey}`), this.channel && (e += `&channel=${this.channel}`), this.client && (e += `&client=${this.client}`), this.libraries.length > 0 && (e += `&libraries=${this.libraries.join(",")}`), this.language && (e += `&language=${this.language}`), this.region && (e += `&region=${this.region}`), this.version && (e += `&v=${this.version}`), this.mapIds && (e += `&map_ids=${this.mapIds.join(",")}`), this.authReferrerPolicy && (e += `&auth_referrer_policy=${this.authReferrerPolicy}`), e;
   }
   deleteScript() {
     const e = document.getElementById(this.id);
@@ -103,6 +153,7 @@ class O {
   }
   /**
    * Load the Google Maps JavaScript API script and return a Promise.
+   * @deprecated, use importLibrary() instead.
    */
   load() {
     return this.loadPromise();
@@ -111,16 +162,21 @@ class O {
    * Load the Google Maps JavaScript API script and return a Promise.
    *
    * @ignore
+   * @deprecated, use importLibrary() instead.
    */
   loadPromise() {
     return new Promise((e, t) => {
-      this.loadCallback((n) => {
-        n ? t(n.error) : e(window.google);
+      this.loadCallback((s) => {
+        s ? t(s.error) : e(window.google);
       });
     });
   }
+  importLibrary(e) {
+    return this.execute(), google.maps.importLibrary(e);
+  }
   /**
    * Load the Google Maps JavaScript API script with a callback.
+   * @deprecated, use importLibrary() instead.
    */
   loadCallback(e) {
     this.callbacks.push(e), this.execute();
@@ -129,12 +185,45 @@ class O {
    * Set the script on document.
    */
   setScript() {
+    var e, t;
     if (document.getElementById(this.id)) {
       this.callback();
       return;
     }
-    const e = this.createUrl(), t = document.createElement("script");
-    t.id = this.id, t.type = "text/javascript", t.src = e, t.onerror = this.loadErrorCallback.bind(this), t.defer = !0, t.async = !0, this.nonce && (t.nonce = this.nonce), document.head.appendChild(t);
+    const s = {
+      key: this.apiKey,
+      channel: this.channel,
+      client: this.client,
+      libraries: this.libraries.length && this.libraries,
+      v: this.version,
+      mapIds: this.mapIds,
+      language: this.language,
+      region: this.region,
+      authReferrerPolicy: this.authReferrerPolicy
+    };
+    Object.keys(s).forEach(
+      // eslint-disable-next-line @typescript-eslint/no-explicit-any
+      (o) => !s[o] && delete s[o]
+    ), !((t = (e = window == null ? void 0 : window.google) === null || e === void 0 ? void 0 : e.maps) === null || t === void 0) && t.importLibrary || ((o) => {
+      let a, l, i, h = "The Google Maps JavaScript API", u = "google", c = "importLibrary", d = "__ib__", p = document, f = window;
+      f = f[u] || (f[u] = {});
+      const m = f.maps || (f.maps = {}), g = /* @__PURE__ */ new Set(), v = new URLSearchParams(), w = () => (
+        // @ts-ignore
+        a || (a = new Promise((_, M) => Fe(this, void 0, void 0, function* () {
+          var P;
+          yield l = p.createElement("script"), l.id = this.id, v.set("libraries", [...g] + "");
+          for (i in o)
+            v.set(i.replace(/[A-Z]/g, ($) => "_" + $[0].toLowerCase()), o[i]);
+          v.set("callback", u + ".maps." + d), l.src = this.url + "?" + v, m[d] = _, l.onerror = () => a = M(Error(h + " could not load.")), l.nonce = this.nonce || ((P = p.querySelector("script[nonce]")) === null || P === void 0 ? void 0 : P.nonce) || "", p.head.append(l);
+        })))
+      );
+      m[c] ? console.warn(h + " only loads once. Ignoring:", o) : m[c] = (_, ...M) => g.add(_) && w().then(() => m[c](_, ...M));
+    })(s);
+    const r = this.libraries.map((o) => this.importLibrary(o));
+    r.length || r.push(this.importLibrary("core")), Promise.all(r).then(() => this.callback(), (o) => {
+      const a = new ErrorEvent("error", { error: o });
+      this.loadErrorCallback(a);
+    });
   }
   /**
    * Reset the loader state.
@@ -148,15 +237,12 @@ class O {
   loadErrorCallback(e) {
     if (this.errors.push(e), this.errors.length <= this.retries) {
       const t = this.errors.length * Math.pow(2, this.errors.length);
-      console.log(`Failed to load Google Maps script, retrying in ${t} ms.`), setTimeout(() => {
+      console.error(`Failed to load Google Maps script, retrying in ${t} ms.`), setTimeout(() => {
         this.deleteScript(), this.setScript();
       }, t);
     } else
       this.onerrorEvent = e, this.callback();
   }
-  setCallback() {
-    window.__googleMapsCallback = this.callback.bind(this);
-  }
   callback() {
     this.done = !0, this.loading = !1, this.callbacks.forEach((e) => {
       e(this.onerrorEvent);
@@ -170,69 +256,69 @@ class O {
         console.warn("Google Maps already loaded outside @googlemaps/js-api-loader.This may result in undesirable behavior as options and script parameters may not match."), this.callback();
         return;
       }
-      this.loading || (this.loading = !0, this.setCallback(), this.setScript());
+      this.loading || (this.loading = !0, this.setScript());
     }
   }
 }
-function $e(o) {
-  return class extends o.OverlayView {
-    constructor(n) {
+function Ve(n) {
+  return class extends n.OverlayView {
+    constructor(s) {
       super();
-      V(this, "element");
-      V(this, "opts");
-      const { element: s, ...r } = n;
-      this.element = s, this.opts = r, this.opts.map && this.setMap(this.opts.map);
+      se(this, "element");
+      se(this, "opts");
+      const { element: r, ...o } = s;
+      this.element = r, this.opts = o, this.opts.map && this.setMap(this.opts.map);
     }
     getPosition() {
-      return this.opts.position ? this.opts.position instanceof o.LatLng ? this.opts.position : new o.LatLng(this.opts.position) : null;
+      return this.opts.position ? this.opts.position instanceof n.LatLng ? this.opts.position : new n.LatLng(this.opts.position) : null;
     }
     getVisible() {
       if (!this.element)
         return !1;
-      const n = this.element;
-      return n.style.display !== "none" && n.style.visibility !== "hidden" && (n.style.opacity === "" || Number(n.style.opacity) > 0.01);
+      const s = this.element;
+      return s.style.display !== "none" && s.style.visibility !== "hidden" && (s.style.opacity === "" || Number(s.style.opacity) > 0.01);
     }
     onAdd() {
       if (!this.element)
         return;
-      const n = this.getPanes();
-      n && n.overlayMouseTarget.appendChild(this.element);
+      const s = this.getPanes();
+      s && s.overlayMouseTarget.appendChild(this.element);
     }
     draw() {
       if (!this.element)
         return;
-      const s = this.getProjection().fromLatLngToDivPixel(this.getPosition());
-      if (s) {
+      const s = this.getProjection(), r = s == null ? void 0 : s.fromLatLngToDivPixel(this.getPosition());
+      if (r) {
         this.element.style.position = "absolute";
-        const r = this.element.offsetHeight, a = this.element.offsetWidth;
+        const o = this.element.offsetHeight, a = this.element.offsetWidth;
         let l, i;
         switch (this.opts.anchorPoint) {
           case "TOP_CENTER":
-            l = s.x - a / 2, i = s.y;
+            l = r.x - a / 2, i = r.y;
             break;
           case "BOTTOM_CENTER":
-            l = s.x - a / 2, i = s.y - r;
+            l = r.x - a / 2, i = r.y - o;
             break;
           case "LEFT_CENTER":
-            l = s.x, i = s.y - r / 2;
+            l = r.x, i = r.y - o / 2;
             break;
           case "RIGHT_CENTER":
-            l = s.x - a, i = s.y - r / 2;
+            l = r.x - a, i = r.y - o / 2;
             break;
           case "TOP_LEFT":
-            l = s.x, i = s.y;
+            l = r.x, i = r.y;
             break;
           case "TOP_RIGHT":
-            l = s.x - a, i = s.y;
+            l = r.x - a, i = r.y;
             break;
           case "BOTTOM_LEFT":
-            l = s.x, i = s.y - r;
+            l = r.x, i = r.y - o;
             break;
           case "BOTTOM_RIGHT":
-            l = s.x - a, i = s.y - r;
+            l = r.x - a, i = r.y - o;
             break;
           default:
-            l = s.x - a / 2, i = s.y - r / 2;
+            l = r.x - a / 2, i = r.y - o / 2;
         }
         this.element.style.left = l + "px", this.element.style.top = i + "px", this.element.style.transform = `translateX(${this.opts.offsetX || 0}px) translateY(${this.opts.offsetY || 0}px)`, this.opts.zIndex && (this.element.style.zIndex = this.opts.zIndex.toString());
       }
@@ -240,13 +326,14 @@ function $e(o) {
     onRemove() {
       this.element && this.element.remove();
     }
-    setOptions(n) {
-      this.opts = n, this.draw();
+    setOptions(s) {
+      const { element: r, ...o } = s;
+      this.element = r, this.opts = o, this.draw();
     }
   };
 }
-let oe;
-const re = [
+let de;
+const pe = [
   "bounds_changed",
   "center_changed",
   "click",
@@ -266,7 +353,7 @@ const re = [
   "tilesloaded",
   "tilt_changed",
   "zoom_changed"
-], je = k({
+], Ge = b({
   props: {
     apiPromise: {
       type: Promise
@@ -454,104 +541,104 @@ const re = [
       required: !1
     }
   },
-  emits: re,
-  setup(o, { emit: e }) {
-    const t = v(), n = v(!1), s = v(), r = v(), a = v(!1);
-    q(I, s), q(E, r), q(we, a);
+  emits: pe,
+  setup(n, { emit: e }) {
+    const t = y(), s = y(!1), r = y(), o = y(), a = y(!1);
+    G(Z, r), G(D, o), G(Se, a);
     const l = () => {
-      const c = { ...o };
+      const c = { ...n };
       Object.keys(c).forEach((m) => {
         c[m] === void 0 && delete c[m];
       });
-      const f = (m) => {
+      const p = (m) => {
         var g;
-        return m ? { position: (g = r.value) == null ? void 0 : g.ControlPosition[m] } : {};
-      }, d = {
-        scaleControlOptions: o.scaleControlStyle ? { style: o.scaleControlStyle } : {},
-        panControlOptions: f(o.panControlPosition),
-        zoomControlOptions: f(o.zoomControlPosition),
-        rotateControlOptions: f(o.rotateControlPosition),
-        streetViewControlOptions: f(o.streetViewControlPosition),
-        fullscreenControlOptions: f(o.fullscreenControlPosition),
-        disableDefaultUI: o.disableDefaultUi
+        return m ? { position: (g = o.value) == null ? void 0 : g.ControlPosition[m] } : {};
+      }, f = {
+        scaleControlOptions: n.scaleControlStyle ? { style: n.scaleControlStyle } : {},
+        panControlOptions: p(n.panControlPosition),
+        zoomControlOptions: p(n.zoomControlPosition),
+        rotateControlOptions: p(n.rotateControlPosition),
+        streetViewControlOptions: p(n.streetViewControlPosition),
+        fullscreenControlOptions: p(n.fullscreenControlPosition),
+        disableDefaultUI: n.disableDefaultUi
       };
-      return { ...c, ...d };
-    }, i = b(
-      [r, s],
-      ([c, h]) => {
-        const f = c, d = h;
-        f && d && (f.event.addListenerOnce(d, "tilesloaded", () => {
+      return { ...c, ...f };
+    }, i = O(
+      [o, r],
+      ([c, d]) => {
+        const p = c, f = d;
+        p && f && (p.event.addListenerOnce(f, "tilesloaded", () => {
           a.value = !0;
         }), setTimeout(i, 0));
       },
       { immediate: !0 }
-    ), p = () => {
+    ), h = () => {
       try {
-        const { apiKey: c, region: h, version: f, language: d, libraries: m } = o;
-        oe = new O({ apiKey: c, region: h, version: f, language: d, libraries: m });
+        const { apiKey: c, region: d, version: p, language: f, libraries: m } = n;
+        de = new A({ apiKey: c, region: d, version: p, language: f, libraries: m });
       } catch (c) {
         console.error(c);
       }
     }, u = (c) => {
-      r.value = M(c.maps), s.value = M(new c.maps.Map(t.value, l()));
-      const h = $e(r.value);
-      r.value[H] = h, re.forEach((d) => {
+      o.value = S(c.maps), r.value = S(new c.maps.Map(t.value, l()));
+      const d = Ve(o.value);
+      o.value[ee] = d, pe.forEach((f) => {
         var m;
-        (m = s.value) == null || m.addListener(d, (g) => e(d, g));
-      }), n.value = !0;
-      const f = Object.keys(o).filter(
-        (d) => !["apiPromise", "apiKey", "version", "libraries", "region", "language", "center", "zoom"].includes(d)
-      ).map((d) => L(o, d));
-      b(
-        [() => o.center, () => o.zoom, ...f],
-        ([d, m], [g, C]) => {
-          var ee, te, se;
-          const { center: w, zoom: j, ..._ } = l();
-          (ee = s.value) == null || ee.setOptions(_), m !== void 0 && m !== C && ((te = s.value) == null || te.setZoom(m));
-          const Z = !g || d.lng !== g.lng || d.lat !== g.lat;
-          d && Z && ((se = s.value) == null || se.panTo(d));
+        (m = r.value) == null || m.addListener(f, (g) => e(f, g));
+      }), s.value = !0;
+      const p = Object.keys(n).filter(
+        (f) => !["apiPromise", "apiKey", "version", "libraries", "region", "language", "center", "zoom"].includes(f)
+      ).map((f) => N(n, f));
+      O(
+        [() => n.center, () => n.zoom, ...p],
+        ([f, m], [g, v]) => {
+          var $, E, F;
+          const { center: w, zoom: _, ...M } = l();
+          ($ = r.value) == null || $.setOptions(M), m !== void 0 && m !== v && ((E = r.value) == null || E.setZoom(m));
+          const P = !g || f.lng !== g.lng || f.lat !== g.lat;
+          f && P && ((F = r.value) == null || F.panTo(f));
         }
       );
     };
-    return ge(() => {
-      o.apiPromise && o.apiPromise instanceof Promise ? o.apiPromise.then(u) : (p(), oe.load().then(u));
-    }), S(() => {
+    return Me(() => {
+      n.apiPromise && n.apiPromise instanceof Promise ? n.apiPromise.then(u) : (h(), de.load().then(u));
+    }), B(() => {
       var c;
-      a.value = !1, s.value && ((c = r.value) == null || c.event.clearInstanceListeners(s.value));
-    }), { mapRef: t, ready: n, map: s, api: r, mapTilesLoaded: a };
+      a.value = !1, r.value && ((c = o.value) == null || c.event.clearInstanceListeners(r.value));
+    }), { mapRef: t, ready: s, map: r, api: o, mapTilesLoaded: a };
   }
 });
-const K = (o, e) => {
-  const t = o.__vccOpts || o;
-  for (const [n, s] of e)
-    t[n] = s;
+const te = (n, e) => {
+  const t = n.__vccOpts || n;
+  for (const [s, r] of e)
+    t[s] = r;
   return t;
-}, Te = {
+}, He = {
   ref: "mapRef",
   class: "mapdiv"
 };
-function qe(o, e, t, n, s, r) {
-  return F(), G("div", null, [
-    Y("div", Te, null, 512),
-    U(o.$slots, "default", Pe(Se({ ready: o.ready, map: o.map, api: o.api, mapTilesLoaded: o.mapTilesLoaded })), void 0, !0)
+function We(n, e, t, s, r, o) {
+  return Y(), X("div", null, [
+    ae("div", He, null, 512),
+    Q(n.$slots, "default", Ne(Ze({ ready: n.ready, map: n.map, api: n.api, mapTilesLoaded: n.mapTilesLoaded })), void 0, !0)
   ]);
 }
-const vt = /* @__PURE__ */ K(je, [["render", qe], ["__scopeId", "data-v-7d660dd5"]]);
-function Re(o) {
-  return o && o.__esModule && Object.prototype.hasOwnProperty.call(o, "default") ? o.default : o;
+const Ot = /* @__PURE__ */ te(Ge, [["render", We], ["__scopeId", "data-v-174b771e"]]);
+function Ke(n) {
+  return n && n.__esModule && Object.prototype.hasOwnProperty.call(n, "default") ? n.default : n;
 }
-var Ae = function o(e, t) {
+var Je = function n(e, t) {
   if (e === t)
     return !0;
   if (e && t && typeof e == "object" && typeof t == "object") {
     if (e.constructor !== t.constructor)
       return !1;
-    var n, s, r;
+    var s, r, o;
     if (Array.isArray(e)) {
-      if (n = e.length, n != t.length)
+      if (s = e.length, s != t.length)
         return !1;
-      for (s = n; s-- !== 0; )
-        if (!o(e[s], t[s]))
+      for (r = s; r-- !== 0; )
+        if (!n(e[r], t[r]))
           return !1;
       return !0;
     }
@@ -561,51 +648,51 @@ var Ae = function o(e, t) {
       return e.valueOf() === t.valueOf();
     if (e.toString !== Object.prototype.toString)
       return e.toString() === t.toString();
-    if (r = Object.keys(e), n = r.length, n !== Object.keys(t).length)
+    if (o = Object.keys(e), s = o.length, s !== Object.keys(t).length)
       return !1;
-    for (s = n; s-- !== 0; )
-      if (!Object.prototype.hasOwnProperty.call(t, r[s]))
+    for (r = s; r-- !== 0; )
+      if (!Object.prototype.hasOwnProperty.call(t, o[r]))
         return !1;
-    for (s = n; s-- !== 0; ) {
-      var a = r[s];
-      if (!o(e[a], t[a]))
+    for (r = s; r-- !== 0; ) {
+      var a = o[r];
+      if (!n(e[a], t[a]))
         return !1;
     }
     return !0;
   }
   return e !== e && t !== t;
 };
-const A = /* @__PURE__ */ Re(Ae), Ze = (o) => o === "Marker", Be = (o) => o === H, $ = (o, e, t, n) => {
-  const s = v(), r = y(I, v()), a = y(E, v()), l = y(ke, v()), i = z(
-    () => !!(l.value && a.value && (s.value instanceof a.value.Marker || s.value instanceof a.value[H]))
+const T = /* @__PURE__ */ Ke(Je), Ye = (n) => n === "Marker", Xe = (n) => n === ee, U = (n, e, t, s) => {
+  const r = y(), o = C(Z, y()), a = C(D, y()), l = C(Le, y()), i = J(
+    () => !!(l.value && a.value && (r.value instanceof a.value.Marker || r.value instanceof a.value[ee]))
   );
-  return b(
-    [r, t],
-    (p, [u, c]) => {
-      var f, d, m;
-      const h = !A(t.value, c) || r.value !== u;
-      !r.value || !a.value || !h || (s.value ? (s.value.setOptions(t.value), i.value && ((f = l.value) == null || f.removeMarker(s.value), (d = l.value) == null || d.addMarker(s.value))) : (Ze(o) ? s.value = M(
-        new a.value[o](t.value)
-      ) : Be(o) ? s.value = M(
-        new a.value[o](t.value)
-      ) : s.value = M(
-        new a.value[o]({
+  return O(
+    [o, t],
+    (h, [u, c]) => {
+      var p, f, m;
+      const d = !T(t.value, c) || o.value !== u;
+      !o.value || !a.value || !d || (r.value ? (r.value.setOptions(t.value), i.value && ((p = l.value) == null || p.removeMarker(r.value), (f = l.value) == null || f.addMarker(r.value))) : (Ye(n) ? r.value = S(
+        new a.value[n](t.value)
+      ) : Xe(n) ? r.value = S(
+        new a.value[n](t.value)
+      ) : r.value = S(
+        new a.value[n]({
           ...t.value,
-          map: r.value
+          map: o.value
         })
-      ), i.value ? (m = l.value) == null || m.addMarker(s.value) : s.value.setMap(r.value), e.forEach((g) => {
-        var C;
-        (C = s.value) == null || C.addListener(g, (w) => n(g, w));
+      ), i.value ? (m = l.value) == null || m.addMarker(r.value) : r.value.setMap(o.value), e.forEach((g) => {
+        var v;
+        (v = r.value) == null || v.addListener(g, (w) => s(g, w));
       })));
     },
     {
       immediate: !0
     }
-  ), S(() => {
-    var p, u;
-    s.value && ((p = a.value) == null || p.event.clearInstanceListeners(s.value), i.value ? (u = l.value) == null || u.removeMarker(s.value) : s.value.setMap(null));
-  }), s;
-}, ie = [
+  ), B(() => {
+    var h, u;
+    r.value && ((h = a.value) == null || h.event.clearInstanceListeners(r.value), i.value ? (u = l.value) == null || u.removeMarker(r.value) : r.value.setMap(null));
+  }), r;
+}, fe = [
   "animation_changed",
   "click",
   "dblclick",
@@ -629,7 +716,7 @@ const A = /* @__PURE__ */ Re(Ae), Ze = (o) => o === "Marker", Be = (o) => o ===
   "shape_changed",
   "title_changed",
   "visible_changed"
-], yt = k({
+], xt = b({
   name: "Marker",
   props: {
     options: {
@@ -637,15 +724,15 @@ const A = /* @__PURE__ */ Re(Ae), Ze = (o) => o === "Marker", Be = (o) => o ===
       required: !0
     }
   },
-  emits: ie,
-  setup(o, { emit: e, expose: t, slots: n }) {
-    const s = L(o, "options"), r = $("Marker", ie, s, e);
-    return q(_e, r), t({ marker: r }), () => {
+  emits: fe,
+  setup(n, { emit: e, expose: t, slots: s }) {
+    const r = N(n, "options"), o = U("Marker", fe, r, e);
+    return G(xe, o), t({ marker: o }), () => {
       var a;
-      return (a = n.default) == null ? void 0 : a.call(n);
+      return (a = s.default) == null ? void 0 : a.call(s);
     };
   }
-}), Ct = k({
+}), Lt = b({
   name: "Polyline",
   props: {
     options: {
@@ -653,13 +740,13 @@ const A = /* @__PURE__ */ Re(Ae), Ze = (o) => o === "Marker", Be = (o) => o ===
       required: !0
     }
   },
-  emits: P,
-  setup(o, { emit: e }) {
-    const t = L(o, "options");
-    return { polyline: $("Polyline", P, t, e) };
+  emits: q,
+  setup(n, { emit: e }) {
+    const t = N(n, "options");
+    return { polyline: U("Polyline", q, t, e) };
   },
   render: () => null
-}), _t = k({
+}), St = b({
   name: "Polygon",
   props: {
     options: {
@@ -667,13 +754,13 @@ const A = /* @__PURE__ */ Re(Ae), Ze = (o) => o === "Marker", Be = (o) => o ===
       required: !0
     }
   },
-  emits: P,
-  setup(o, { emit: e }) {
-    const t = L(o, "options");
-    return { polygon: $("Polygon", P, t, e) };
+  emits: q,
+  setup(n, { emit: e }) {
+    const t = N(n, "options");
+    return { polygon: U("Polygon", q, t, e) };
   },
   render: () => null
-}), ae = P.concat(["bounds_changed"]), kt = k({
+}), me = q.concat(["bounds_changed"]), It = b({
   name: "Rectangle",
   props: {
     options: {
@@ -681,13 +768,13 @@ const A = /* @__PURE__ */ Re(Ae), Ze = (o) => o === "Marker", Be = (o) => o ===
       required: !0
     }
   },
-  emits: ae,
-  setup(o, { emit: e }) {
-    const t = L(o, "options");
-    return { rectangle: $("Rectangle", ae, t, e) };
+  emits: me,
+  setup(n, { emit: e }) {
+    const t = N(n, "options");
+    return { rectangle: U("Rectangle", me, t, e) };
   },
   render: () => null
-}), le = P.concat(["center_changed", "radius_changed"]), wt = k({
+}), ge = q.concat(["center_changed", "radius_changed"]), At = b({
   name: "Circle",
   props: {
     options: {
@@ -695,13 +782,13 @@ const A = /* @__PURE__ */ Re(Ae), Ze = (o) => o === "Marker", Be = (o) => o ===
       required: !0
     }
   },
-  emits: le,
-  setup(o, { emit: e }) {
-    const t = L(o, "options");
-    return { circle: $("Circle", le, t, e) };
+  emits: ge,
+  setup(n, { emit: e }) {
+    const t = N(n, "options");
+    return { circle: U("Circle", ge, t, e) };
   },
   render: () => null
-}), Ne = k({
+}), Qe = b({
   props: {
     position: {
       type: String,
@@ -713,48 +800,48 @@ const A = /* @__PURE__ */ Re(Ae), Ze = (o) => o === "Marker", Be = (o) => o ===
     }
   },
   emits: ["content:loaded"],
-  setup(o, { emit: e }) {
-    const t = v(null), n = y(I, v()), s = y(E, v()), r = y(we, v(!1)), a = v(!1), l = b(
-      [r, s, t],
-      ([u, c, h]) => {
-        c && u && h && (i(o.position), a.value = !0, e("content:loaded"), setTimeout(l, 0));
+  setup(n, { emit: e }) {
+    const t = y(null), s = C(Z, y()), r = C(D, y()), o = C(Se, y(!1)), a = y(!1), l = O(
+      [o, r, t],
+      ([u, c, d]) => {
+        c && u && d && (i(n.position), a.value = !0, e("content:loaded"), setTimeout(l, 0));
       },
       { immediate: !0 }
     ), i = (u) => {
-      if (n.value && s.value && t.value) {
-        const c = s.value.ControlPosition[u];
-        n.value.controls[c].push(t.value);
+      if (s.value && r.value && t.value) {
+        const c = r.value.ControlPosition[u];
+        s.value.controls[c].push(t.value);
       }
-    }, p = (u) => {
-      if (n.value && s.value) {
+    }, h = (u) => {
+      if (s.value && r.value) {
         let c = null;
-        const h = s.value.ControlPosition[u];
-        n.value.controls[h].forEach((f, d) => {
-          f === t.value && (c = d);
-        }), c !== null && n.value.controls[h].removeAt(c);
+        const d = r.value.ControlPosition[u];
+        s.value.controls[d].forEach((p, f) => {
+          p === t.value && (c = f);
+        }), c !== null && s.value.controls[d].removeAt(c);
       }
     };
-    return S(() => p(o.position)), b(
-      () => o.position,
+    return B(() => h(n.position)), O(
+      () => n.position,
       (u, c) => {
-        p(c), i(u);
+        h(c), i(u);
       }
-    ), b(
-      () => o.index,
+    ), O(
+      () => n.index,
       (u) => {
-        u && t.value && (t.value.index = o.index);
+        u && t.value && (t.value.index = n.index);
       }
     ), { controlRef: t, showContent: a };
   }
-}), ze = { ref: "controlRef" };
-function De(o, e, t, n, s, r) {
-  return Le((F(), G("div", ze, [
-    U(o.$slots, "default")
+}), et = { ref: "controlRef" };
+function tt(n, e, t, s, r, o) {
+  return De((Y(), X("div", et, [
+    Q(n.$slots, "default")
   ], 512)), [
-    [Ie, o.showContent]
+    [Ue, n.showContent]
   ]);
 }
-const bt = /* @__PURE__ */ K(Ne, [["render", De]]), ce = ["closeclick", "content_changed", "domready", "position_changed", "visible", "zindex_changed"], Fe = k({
+const Tt = /* @__PURE__ */ te(Qe, [["render", tt]]), ve = ["closeclick", "content_changed", "domready", "position_changed", "visible", "zindex_changed"], st = b({
   inheritAttrs: !1,
   props: {
     options: {
@@ -762,146 +849,212 @@ const bt = /* @__PURE__ */ K(Ne, [["render", De]]), ce = ["closeclick", "content
       default: () => ({})
     }
   },
-  emits: ce,
-  setup(o, { slots: e, emit: t, expose: n }) {
-    const s = v(), r = v(), a = y(I, v()), l = y(E, v()), i = y(_e, v());
-    let p;
-    const u = z(() => {
-      var f;
-      return (f = e.default) == null ? void 0 : f.call(e).some((d) => d.type !== ve);
-    }), c = (f) => {
-      var d;
-      return (d = s.value) == null ? void 0 : d.open({ map: a.value, anchor: i.value, ...f });
-    }, h = () => {
+  emits: ve,
+  setup(n, { slots: e, emit: t, expose: s }) {
+    const r = y(), o = y(), a = C(Z, y()), l = C(D, y()), i = C(xe, y());
+    let h;
+    const u = J(() => {
+      var p;
+      return (p = e.default) == null ? void 0 : p.call(e).some((f) => f.type !== Ee);
+    }), c = (p) => {
       var f;
-      return (f = s.value) == null ? void 0 : f.close();
+      return (f = r.value) == null ? void 0 : f.open({ map: a.value, anchor: i.value, ...p });
+    }, d = () => {
+      var p;
+      return (p = r.value) == null ? void 0 : p.close();
     };
-    return ge(() => {
-      b(
-        [a, () => o.options],
-        ([f, d], [m, g]) => {
-          const C = !A(d, g) || a.value !== m;
-          a.value && l.value && C && (s.value ? (s.value.setOptions({
-            ...d,
-            content: u.value ? r.value : d.content
-          }), i.value || c()) : (s.value = M(
+    return Me(() => {
+      O(
+        [a, () => n.options],
+        ([p, f], [m, g]) => {
+          const v = !T(f, g) || a.value !== m;
+          a.value && l.value && v && (r.value ? (r.value.setOptions({
+            ...f,
+            content: u.value ? o.value : f.content
+          }), i.value || c()) : (r.value = S(
             new l.value.InfoWindow({
-              ...d,
-              content: u.value ? r.value : d.content
+              ...f,
+              content: u.value ? o.value : f.content
             })
-          ), i.value ? p = i.value.addListener("click", () => {
+          ), i.value ? h = i.value.addListener("click", () => {
             c();
-          }) : c(), ce.forEach((w) => {
-            var j;
-            (j = s.value) == null || j.addListener(w, (_) => t(w, _));
+          }) : c(), ve.forEach((w) => {
+            var _;
+            (_ = r.value) == null || _.addListener(w, (M) => t(w, M));
           })));
         },
         {
           immediate: !0
         }
       );
-    }), S(() => {
-      var f;
-      p && p.remove(), s.value && ((f = l.value) == null || f.event.clearInstanceListeners(s.value), h());
-    }), n({ infoWindow: s, open: c, close: h }), { infoWindow: s, infoWindowRef: r, hasSlotContent: u, open: c, close: h };
+    }), B(() => {
+      var p;
+      h && h.remove(), r.value && ((p = l.value) == null || p.event.clearInstanceListeners(r.value), d());
+    }), s({ infoWindow: r, open: c, close: d }), { infoWindow: r, infoWindowRef: o, hasSlotContent: u, open: c, close: d };
   }
 });
-const Ge = {
+const rt = {
   key: 0,
   class: "info-window-wrapper"
 };
-function Ue(o, e, t, n, s, r) {
-  return o.hasSlotContent ? (F(), G("div", Ge, [
-    Y("div", ye({ ref: "infoWindowRef" }, o.$attrs), [
-      U(o.$slots, "default", {}, void 0, !0)
+function nt(n, e, t, s, r, o) {
+  return n.hasSlotContent ? (Y(), X("div", rt, [
+    ae("div", Pe({ ref: "infoWindowRef" }, n.$attrs), [
+      Q(n.$slots, "default", {}, void 0, !0)
     ], 16)
-  ])) : Ce("", !0);
-}
-const Mt = /* @__PURE__ */ K(Fe, [["render", Ue], ["__scopeId", "data-v-45a4606d"]]);
-function J(o, e, t, n, s, r) {
-  if (s - n <= t)
-    return;
-  const a = n + s >> 1;
-  be(o, e, a, n, s, r % 2), J(o, e, t, n, a - 1, r + 1), J(o, e, t, a + 1, s, r + 1);
+  ])) : Oe("", !0);
 }
-function be(o, e, t, n, s, r) {
-  for (; s > n; ) {
-    if (s - n > 600) {
-      const p = s - n + 1, u = t - n + 1, c = Math.log(p), h = 0.5 * Math.exp(2 * c / 3), f = 0.5 * Math.sqrt(c * h * (p - h) / p) * (u - p / 2 < 0 ? -1 : 1), d = Math.max(n, Math.floor(t - u * h / p + f)), m = Math.min(s, Math.floor(t + (p - u) * h / p + f));
-      be(o, e, t, d, m, r);
+const $t = /* @__PURE__ */ te(st, [["render", nt], ["__scopeId", "data-v-45a4606d"]]), ye = [
+  Int8Array,
+  Uint8Array,
+  Uint8ClampedArray,
+  Int16Array,
+  Uint16Array,
+  Int32Array,
+  Uint32Array,
+  Float32Array,
+  Float64Array
+], re = 1, z = 8;
+class le {
+  /**
+   * Creates an index from raw `ArrayBuffer` data.
+   * @param {ArrayBuffer} data
+   */
+  static from(e) {
+    if (!(e instanceof ArrayBuffer))
+      throw new Error("Data must be an instance of ArrayBuffer.");
+    const [t, s] = new Uint8Array(e, 0, 2);
+    if (t !== 219)
+      throw new Error("Data does not appear to be in a KDBush format.");
+    const r = s >> 4;
+    if (r !== re)
+      throw new Error(`Got v${r} data when expected v${re}.`);
+    const o = ye[s & 15];
+    if (!o)
+      throw new Error("Unrecognized array type.");
+    const [a] = new Uint16Array(e, 2, 1), [l] = new Uint32Array(e, 4, 1);
+    return new le(l, a, o, e);
+  }
+  /**
+   * Creates an index that will hold a given number of items.
+   * @param {number} numItems
+   * @param {number} [nodeSize=64] Size of the KD-tree node (64 by default).
+   * @param {TypedArrayConstructor} [ArrayType=Float64Array] The array type used for coordinates storage (`Float64Array` by default).
+   * @param {ArrayBuffer} [data] (For internal use only)
+   */
+  constructor(e, t = 64, s = Float64Array, r) {
+    if (isNaN(e) || e < 0)
+      throw new Error(`Unpexpected numItems value: ${e}.`);
+    this.numItems = +e, this.nodeSize = Math.min(Math.max(+t, 2), 65535), this.ArrayType = s, this.IndexArrayType = e < 65536 ? Uint16Array : Uint32Array;
+    const o = ye.indexOf(this.ArrayType), a = e * 2 * this.ArrayType.BYTES_PER_ELEMENT, l = e * this.IndexArrayType.BYTES_PER_ELEMENT, i = (8 - l % 8) % 8;
+    if (o < 0)
+      throw new Error(`Unexpected typed array class: ${s}.`);
+    r && r instanceof ArrayBuffer ? (this.data = r, this.ids = new this.IndexArrayType(this.data, z, e), this.coords = new this.ArrayType(this.data, z + l + i, e * 2), this._pos = e * 2, this._finished = !0) : (this.data = new ArrayBuffer(z + a + l + i), this.ids = new this.IndexArrayType(this.data, z, e), this.coords = new this.ArrayType(this.data, z + l + i, e * 2), this._pos = 0, this._finished = !1, new Uint8Array(this.data, 0, 2).set([219, (re << 4) + o]), new Uint16Array(this.data, 2, 1)[0] = t, new Uint32Array(this.data, 4, 1)[0] = e);
+  }
+  /**
+   * Add a point to the index.
+   * @param {number} x
+   * @param {number} y
+   * @returns {number} An incremental index associated with the added item (starting from `0`).
+   */
+  add(e, t) {
+    const s = this._pos >> 1;
+    return this.ids[s] = s, this.coords[this._pos++] = e, this.coords[this._pos++] = t, s;
+  }
+  /**
+   * Perform indexing of the added points.
+   */
+  finish() {
+    const e = this._pos >> 1;
+    if (e !== this.numItems)
+      throw new Error(`Added ${e} items when expected ${this.numItems}.`);
+    return ie(this.ids, this.coords, this.nodeSize, 0, this.numItems - 1, 0), this._finished = !0, this;
+  }
+  /**
+   * Search the index for items within a given bounding box.
+   * @param {number} minX
+   * @param {number} minY
+   * @param {number} maxX
+   * @param {number} maxY
+   * @returns {number[]} An array of indices correponding to the found items.
+   */
+  range(e, t, s, r) {
+    if (!this._finished)
+      throw new Error("Data not yet indexed - call index.finish().");
+    const { ids: o, coords: a, nodeSize: l } = this, i = [0, o.length - 1, 0], h = [];
+    for (; i.length; ) {
+      const u = i.pop() || 0, c = i.pop() || 0, d = i.pop() || 0;
+      if (c - d <= l) {
+        for (let g = d; g <= c; g++) {
+          const v = a[2 * g], w = a[2 * g + 1];
+          v >= e && v <= s && w >= t && w <= r && h.push(o[g]);
+        }
+        continue;
+      }
+      const p = d + c >> 1, f = a[2 * p], m = a[2 * p + 1];
+      f >= e && f <= s && m >= t && m <= r && h.push(o[p]), (u === 0 ? e <= f : t <= m) && (i.push(d), i.push(p - 1), i.push(1 - u)), (u === 0 ? s >= f : r >= m) && (i.push(p + 1), i.push(c), i.push(1 - u));
     }
-    const a = e[2 * t + r];
-    let l = n, i = s;
-    for (T(o, e, n, t), e[2 * s + r] > a && T(o, e, n, s); l < i; ) {
-      for (T(o, e, l, i), l++, i--; e[2 * l + r] < a; )
-        l++;
-      for (; e[2 * i + r] > a; )
-        i--;
+    return h;
+  }
+  /**
+   * Search the index for items within a given radius.
+   * @param {number} qx
+   * @param {number} qy
+   * @param {number} r Query radius.
+   * @returns {number[]} An array of indices correponding to the found items.
+   */
+  within(e, t, s) {
+    if (!this._finished)
+      throw new Error("Data not yet indexed - call index.finish().");
+    const { ids: r, coords: o, nodeSize: a } = this, l = [0, r.length - 1, 0], i = [], h = s * s;
+    for (; l.length; ) {
+      const u = l.pop() || 0, c = l.pop() || 0, d = l.pop() || 0;
+      if (c - d <= a) {
+        for (let g = d; g <= c; g++)
+          we(o[2 * g], o[2 * g + 1], e, t) <= h && i.push(r[g]);
+        continue;
+      }
+      const p = d + c >> 1, f = o[2 * p], m = o[2 * p + 1];
+      we(f, m, e, t) <= h && i.push(r[p]), (u === 0 ? e - s <= f : t - s <= m) && (l.push(d), l.push(p - 1), l.push(1 - u)), (u === 0 ? e + s >= f : t + s >= m) && (l.push(p + 1), l.push(c), l.push(1 - u));
     }
-    e[2 * n + r] === a ? T(o, e, n, i) : (i++, T(o, e, i, s)), i <= t && (n = i + 1), t <= i && (s = i - 1);
+    return i;
   }
 }
-function T(o, e, t, n) {
-  W(o, t, n), W(e, 2 * t, 2 * n), W(e, 2 * t + 1, 2 * n + 1);
-}
-function W(o, e, t) {
-  const n = o[e];
-  o[e] = o[t], o[t] = n;
+function ie(n, e, t, s, r, o) {
+  if (r - s <= t)
+    return;
+  const a = s + r >> 1;
+  Ie(n, e, a, s, r, o), ie(n, e, t, s, a - 1, 1 - o), ie(n, e, t, a + 1, r, 1 - o);
 }
-function He(o, e, t, n, s, r, a) {
-  const l = [0, o.length - 1, 0], i = [];
-  let p, u;
-  for (; l.length; ) {
-    const c = l.pop(), h = l.pop(), f = l.pop();
-    if (h - f <= a) {
-      for (let g = f; g <= h; g++)
-        p = e[2 * g], u = e[2 * g + 1], p >= t && p <= s && u >= n && u <= r && i.push(o[g]);
-      continue;
+function Ie(n, e, t, s, r, o) {
+  for (; r > s; ) {
+    if (r - s > 600) {
+      const h = r - s + 1, u = t - s + 1, c = Math.log(h), d = 0.5 * Math.exp(2 * c / 3), p = 0.5 * Math.sqrt(c * d * (h - d) / h) * (u - h / 2 < 0 ? -1 : 1), f = Math.max(s, Math.floor(t - u * d / h + p)), m = Math.min(r, Math.floor(t + (h - u) * d / h + p));
+      Ie(n, e, t, f, m, o);
     }
-    const d = Math.floor((f + h) / 2);
-    p = e[2 * d], u = e[2 * d + 1], p >= t && p <= s && u >= n && u <= r && i.push(o[d]);
-    const m = (c + 1) % 2;
-    (c === 0 ? t <= p : n <= u) && (l.push(f), l.push(d - 1), l.push(m)), (c === 0 ? s >= p : r >= u) && (l.push(d + 1), l.push(h), l.push(m));
-  }
-  return i;
-}
-function Ke(o, e, t, n, s, r) {
-  const a = [0, o.length - 1, 0], l = [], i = s * s;
-  for (; a.length; ) {
-    const p = a.pop(), u = a.pop(), c = a.pop();
-    if (u - c <= r) {
-      for (let g = c; g <= u; g++)
-        ue(e[2 * g], e[2 * g + 1], t, n) <= i && l.push(o[g]);
-      continue;
+    const a = e[2 * t + o];
+    let l = s, i = r;
+    for (V(n, e, s, t), e[2 * r + o] > a && V(n, e, s, r); l < i; ) {
+      for (V(n, e, l, i), l++, i--; e[2 * l + o] < a; )
+        l++;
+      for (; e[2 * i + o] > a; )
+        i--;
     }
-    const h = Math.floor((c + u) / 2), f = e[2 * h], d = e[2 * h + 1];
-    ue(f, d, t, n) <= i && l.push(o[h]);
-    const m = (p + 1) % 2;
-    (p === 0 ? t - s <= f : n - s <= d) && (a.push(c), a.push(h - 1), a.push(m)), (p === 0 ? t + s >= f : n + s >= d) && (a.push(h + 1), a.push(u), a.push(m));
+    e[2 * s + o] === a ? V(n, e, s, i) : (i++, V(n, e, i, r)), i <= t && (s = i + 1), t <= i && (r = i - 1);
   }
-  return l;
 }
-function ue(o, e, t, n) {
-  const s = o - t, r = e - n;
-  return s * s + r * r;
+function V(n, e, t, s) {
+  ne(n, t, s), ne(e, 2 * t, 2 * s), ne(e, 2 * t + 1, 2 * s + 1);
 }
-const Ve = (o) => o[0], We = (o) => o[1];
-class pe {
-  constructor(e, t = Ve, n = We, s = 64, r = Float64Array) {
-    this.nodeSize = s, this.points = e;
-    const a = e.length < 65536 ? Uint16Array : Uint32Array, l = this.ids = new a(e.length), i = this.coords = new r(e.length * 2);
-    for (let p = 0; p < e.length; p++)
-      l[p] = p, i[2 * p] = t(e[p]), i[2 * p + 1] = n(e[p]);
-    J(l, i, s, 0, l.length - 1, 0);
-  }
-  range(e, t, n, s) {
-    return He(this.ids, this.coords, e, t, n, s, this.nodeSize);
-  }
-  within(e, t, n) {
-    return Ke(this.ids, this.coords, e, t, n, this.nodeSize);
-  }
+function ne(n, e, t) {
+  const s = n[e];
+  n[e] = n[t], n[t] = s;
 }
-const Je = {
+function we(n, e, t, s) {
+  const r = n - t, o = e - s;
+  return r * r + o * o;
+}
+const ot = {
   minZoom: 0,
   // min zoom to generate clusters on
   maxZoom: 16,
@@ -922,170 +1075,203 @@ const Je = {
   reduce: null,
   // (accumulated, props) => { accumulated.sum += props.sum; }
   // properties to use for individual points when running the reducer
-  map: (o) => o
+  map: (n) => n
   // props => ({sum: props.my_value})
-}, D = Math.fround || ((o) => (e) => (o[0] = +e, o[0]))(new Float32Array(1));
-class Xe {
+}, _e = Math.fround || ((n) => (e) => (n[0] = +e, n[0]))(new Float32Array(1)), I = 2, L = 3, oe = 4, x = 5, Ae = 6;
+class Te {
   constructor(e) {
-    this.options = R(Object.create(Je), e), this.trees = new Array(this.options.maxZoom + 1);
+    this.options = Object.assign(Object.create(ot), e), this.trees = new Array(this.options.maxZoom + 1), this.stride = this.options.reduce ? 7 : 6, this.clusterProps = [];
   }
   load(e) {
-    const { log: t, minZoom: n, maxZoom: s, nodeSize: r } = this.options;
+    const { log: t, minZoom: s, maxZoom: r } = this.options;
     t && console.time("total time");
-    const a = `prepare ${e.length} points`;
-    t && console.time(a), this.points = e;
-    let l = [];
-    for (let i = 0; i < e.length; i++)
-      e[i].geometry && l.push(Qe(e[i], i));
-    this.trees[s + 1] = new pe(l, he, fe, r, Float32Array), t && console.timeEnd(a);
-    for (let i = s; i >= n; i--) {
-      const p = +Date.now();
-      l = this._cluster(l, i), this.trees[i] = new pe(l, he, fe, r, Float32Array), t && console.log("z%d: %d clusters in %dms", i, l.length, +Date.now() - p);
+    const o = `prepare ${e.length} points`;
+    t && console.time(o), this.points = e;
+    const a = [];
+    for (let i = 0; i < e.length; i++) {
+      const h = e[i];
+      if (!h.geometry)
+        continue;
+      const [u, c] = h.geometry.coordinates, d = _e(W(u)), p = _e(K(c));
+      a.push(
+        d,
+        p,
+        // projected point coordinates
+        1 / 0,
+        // the last zoom the point was processed at
+        i,
+        // index of the source feature in the original input array
+        -1,
+        // parent cluster id
+        1
+        // number of points in a cluster
+      ), this.options.reduce && a.push(0);
+    }
+    let l = this.trees[r + 1] = this._createTree(a);
+    t && console.timeEnd(o);
+    for (let i = r; i >= s; i--) {
+      const h = +Date.now();
+      l = this.trees[i] = this._createTree(this._cluster(l, i)), t && console.log("z%d: %d clusters in %dms", i, l.numItems, +Date.now() - h);
     }
     return t && console.timeEnd("total time"), this;
   }
   getClusters(e, t) {
-    let n = ((e[0] + 180) % 360 + 360) % 360 - 180;
-    const s = Math.max(-90, Math.min(90, e[1]));
-    let r = e[2] === 180 ? 180 : ((e[2] + 180) % 360 + 360) % 360 - 180;
+    let s = ((e[0] + 180) % 360 + 360) % 360 - 180;
+    const r = Math.max(-90, Math.min(90, e[1]));
+    let o = e[2] === 180 ? 180 : ((e[2] + 180) % 360 + 360) % 360 - 180;
     const a = Math.max(-90, Math.min(90, e[3]));
     if (e[2] - e[0] >= 360)
-      n = -180, r = 180;
-    else if (n > r) {
-      const u = this.getClusters([n, s, 180, a], t), c = this.getClusters([-180, s, r, a], t);
-      return u.concat(c);
+      s = -180, o = 180;
+    else if (s > o) {
+      const c = this.getClusters([s, r, 180, a], t), d = this.getClusters([-180, r, o, a], t);
+      return c.concat(d);
     }
-    const l = this.trees[this._limitZoom(t)], i = l.range(B(n), N(a), B(r), N(s)), p = [];
-    for (const u of i) {
-      const c = l.points[u];
-      p.push(c.numPoints ? de(c) : this.points[c.index]);
+    const l = this.trees[this._limitZoom(t)], i = l.range(W(s), K(a), W(o), K(r)), h = l.data, u = [];
+    for (const c of i) {
+      const d = this.stride * c;
+      u.push(h[d + x] > 1 ? ke(h, d, this.clusterProps) : this.points[h[d + L]]);
     }
-    return p;
+    return u;
   }
   getChildren(e) {
-    const t = this._getOriginId(e), n = this._getOriginZoom(e), s = "No cluster with the specified id.", r = this.trees[n];
-    if (!r)
-      throw new Error(s);
-    const a = r.points[t];
-    if (!a)
-      throw new Error(s);
-    const l = this.options.radius / (this.options.extent * Math.pow(2, n - 1)), i = r.within(a.x, a.y, l), p = [];
-    for (const u of i) {
-      const c = r.points[u];
-      c.parentId === e && p.push(c.numPoints ? de(c) : this.points[c.index]);
+    const t = this._getOriginId(e), s = this._getOriginZoom(e), r = "No cluster with the specified id.", o = this.trees[s];
+    if (!o)
+      throw new Error(r);
+    const a = o.data;
+    if (t * this.stride >= a.length)
+      throw new Error(r);
+    const l = this.options.radius / (this.options.extent * Math.pow(2, s - 1)), i = a[t * this.stride], h = a[t * this.stride + 1], u = o.within(i, h, l), c = [];
+    for (const d of u) {
+      const p = d * this.stride;
+      a[p + oe] === e && c.push(a[p + x] > 1 ? ke(a, p, this.clusterProps) : this.points[a[p + L]]);
     }
-    if (p.length === 0)
-      throw new Error(s);
-    return p;
+    if (c.length === 0)
+      throw new Error(r);
+    return c;
   }
-  getLeaves(e, t, n) {
-    t = t || 10, n = n || 0;
-    const s = [];
-    return this._appendLeaves(s, e, t, n, 0), s;
+  getLeaves(e, t, s) {
+    t = t || 10, s = s || 0;
+    const r = [];
+    return this._appendLeaves(r, e, t, s, 0), r;
   }
-  getTile(e, t, n) {
-    const s = this.trees[this._limitZoom(e)], r = Math.pow(2, e), { extent: a, radius: l } = this.options, i = l / a, p = (n - i) / r, u = (n + 1 + i) / r, c = {
+  getTile(e, t, s) {
+    const r = this.trees[this._limitZoom(e)], o = Math.pow(2, e), { extent: a, radius: l } = this.options, i = l / a, h = (s - i) / o, u = (s + 1 + i) / o, c = {
       features: []
     };
     return this._addTileFeatures(
-      s.range((t - i) / r, p, (t + 1 + i) / r, u),
-      s.points,
+      r.range((t - i) / o, h, (t + 1 + i) / o, u),
+      r.data,
       t,
-      n,
-      r,
+      s,
+      o,
       c
     ), t === 0 && this._addTileFeatures(
-      s.range(1 - i / r, p, 1, u),
-      s.points,
-      r,
-      n,
-      r,
+      r.range(1 - i / o, h, 1, u),
+      r.data,
+      o,
+      s,
+      o,
       c
-    ), t === r - 1 && this._addTileFeatures(
-      s.range(0, p, i / r, u),
-      s.points,
+    ), t === o - 1 && this._addTileFeatures(
+      r.range(0, h, i / o, u),
+      r.data,
       -1,
-      n,
-      r,
+      s,
+      o,
       c
     ), c.features.length ? c : null;
   }
   getClusterExpansionZoom(e) {
     let t = this._getOriginZoom(e) - 1;
     for (; t <= this.options.maxZoom; ) {
-      const n = this.getChildren(e);
-      if (t++, n.length !== 1)
+      const s = this.getChildren(e);
+      if (t++, s.length !== 1)
         break;
-      e = n[0].properties.cluster_id;
+      e = s[0].properties.cluster_id;
     }
     return t;
   }
-  _appendLeaves(e, t, n, s, r) {
+  _appendLeaves(e, t, s, r, o) {
     const a = this.getChildren(t);
     for (const l of a) {
       const i = l.properties;
-      if (i && i.cluster ? r + i.point_count <= s ? r += i.point_count : r = this._appendLeaves(e, i.cluster_id, n, s, r) : r < s ? r++ : e.push(l), e.length === n)
+      if (i && i.cluster ? o + i.point_count <= r ? o += i.point_count : o = this._appendLeaves(e, i.cluster_id, s, r, o) : o < r ? o++ : e.push(l), e.length === s)
         break;
     }
-    return r;
+    return o;
+  }
+  _createTree(e) {
+    const t = new le(e.length / this.stride | 0, this.options.nodeSize, Float32Array);
+    for (let s = 0; s < e.length; s += this.stride)
+      t.add(e[s], e[s + 1]);
+    return t.finish(), t.data = e, t;
   }
-  _addTileFeatures(e, t, n, s, r, a) {
+  _addTileFeatures(e, t, s, r, o, a) {
     for (const l of e) {
-      const i = t[l], p = i.numPoints;
-      let u, c, h;
-      if (p)
-        u = Me(i), c = i.x, h = i.y;
+      const i = l * this.stride, h = t[i + x] > 1;
+      let u, c, d;
+      if (h)
+        u = $e(t, i, this.clusterProps), c = t[i], d = t[i + 1];
       else {
-        const m = this.points[i.index];
-        u = m.properties, c = B(m.geometry.coordinates[0]), h = N(m.geometry.coordinates[1]);
+        const m = this.points[t[i + L]];
+        u = m.properties;
+        const [g, v] = m.geometry.coordinates;
+        c = W(g), d = K(v);
       }
-      const f = {
+      const p = {
         type: 1,
         geometry: [[
-          Math.round(this.options.extent * (c * r - n)),
-          Math.round(this.options.extent * (h * r - s))
+          Math.round(this.options.extent * (c * o - s)),
+          Math.round(this.options.extent * (d * o - r))
         ]],
         tags: u
       };
-      let d;
-      p ? d = i.id : this.options.generateId ? d = i.index : this.points[i.index].id && (d = this.points[i.index].id), d !== void 0 && (f.id = d), a.features.push(f);
+      let f;
+      h || this.options.generateId ? f = t[i + L] : f = this.points[t[i + L]].id, f !== void 0 && (p.id = f), a.features.push(p);
     }
   }
   _limitZoom(e) {
     return Math.max(this.options.minZoom, Math.min(Math.floor(+e), this.options.maxZoom + 1));
   }
   _cluster(e, t) {
-    const n = [], { radius: s, extent: r, reduce: a, minPoints: l } = this.options, i = s / (r * Math.pow(2, t));
-    for (let p = 0; p < e.length; p++) {
-      const u = e[p];
-      if (u.zoom <= t)
+    const { radius: s, extent: r, reduce: o, minPoints: a } = this.options, l = s / (r * Math.pow(2, t)), i = e.data, h = [], u = this.stride;
+    for (let c = 0; c < i.length; c += u) {
+      if (i[c + I] <= t)
         continue;
-      u.zoom = t;
-      const c = this.trees[t + 1], h = c.within(u.x, u.y, i), f = u.numPoints || 1;
-      let d = f;
-      for (const m of h) {
-        const g = c.points[m];
-        g.zoom > t && (d += g.numPoints || 1);
+      i[c + I] = t;
+      const d = i[c], p = i[c + 1], f = e.within(i[c], i[c + 1], l), m = i[c + x];
+      let g = m;
+      for (const v of f) {
+        const w = v * u;
+        i[w + I] > t && (g += i[w + x]);
       }
-      if (d > f && d >= l) {
-        let m = u.x * f, g = u.y * f, C = a && f > 1 ? this._map(u, !0) : null;
-        const w = (p << 5) + (t + 1) + this.points.length;
-        for (const j of h) {
-          const _ = c.points[j];
-          if (_.zoom <= t)
+      if (g > m && g >= a) {
+        let v = d * m, w = p * m, _, M = -1;
+        const P = ((c / u | 0) << 5) + (t + 1) + this.points.length;
+        for (const $ of f) {
+          const E = $ * u;
+          if (i[E + I] <= t)
             continue;
-          _.zoom = t;
-          const Z = _.numPoints || 1;
-          m += _.x * Z, g += _.y * Z, _.parentId = w, a && (C || (C = this._map(u, !0)), a(C, this._map(_)));
-        }
-        u.parentId = w, n.push(Ye(m / d, g / d, w, d, C));
-      } else if (n.push(u), d > 1)
-        for (const m of h) {
-          const g = c.points[m];
-          g.zoom <= t || (g.zoom = t, n.push(g));
+          i[E + I] = t;
+          const F = i[E + x];
+          v += i[E] * F, w += i[E + 1] * F, i[E + oe] = P, o && (_ || (_ = this._map(i, c, !0), M = this.clusterProps.length, this.clusterProps.push(_)), o(_, this._map(i, E)));
         }
+        i[c + oe] = P, h.push(v / g, w / g, 1 / 0, P, -1, g), o && h.push(M);
+      } else {
+        for (let v = 0; v < u; v++)
+          h.push(i[c + v]);
+        if (g > 1)
+          for (const v of f) {
+            const w = v * u;
+            if (!(i[w + I] <= t)) {
+              i[w + I] = t;
+              for (let _ = 0; _ < u; _++)
+                h.push(i[w + _]);
+            }
+          }
+      }
     }
-    return n;
+    return h;
   }
   // get index of the point from which the cluster originated
   _getOriginId(e) {
@@ -1095,87 +1281,49 @@ class Xe {
   _getOriginZoom(e) {
     return (e - this.points.length) % 32;
   }
-  _map(e, t) {
-    if (e.numPoints)
-      return t ? R({}, e.properties) : e.properties;
-    const n = this.points[e.index].properties, s = this.options.map(n);
-    return t && s === n ? R({}, s) : s;
+  _map(e, t, s) {
+    if (e[t + x] > 1) {
+      const a = this.clusterProps[e[t + Ae]];
+      return s ? Object.assign({}, a) : a;
+    }
+    const r = this.points[e[t + L]].properties, o = this.options.map(r);
+    return s && o === r ? Object.assign({}, o) : o;
   }
 }
-function Ye(o, e, t, n, s) {
-  return {
-    x: D(o),
-    // weighted cluster center; round for consistency with Float32Array index
-    y: D(e),
-    zoom: 1 / 0,
-    // the last zoom the cluster was processed at
-    id: t,
-    // encodes index of the first child of the cluster and its zoom level
-    parentId: -1,
-    // parent cluster id
-    numPoints: n,
-    properties: s
-  };
-}
-function Qe(o, e) {
-  const [t, n] = o.geometry.coordinates;
-  return {
-    x: D(B(t)),
-    // projected point coordinates
-    y: D(N(n)),
-    zoom: 1 / 0,
-    // the last zoom the point was processed at
-    index: e,
-    // index of the source feature in the original input array,
-    parentId: -1
-    // parent cluster id
-  };
-}
-function de(o) {
+function ke(n, e, t) {
   return {
     type: "Feature",
-    id: o.id,
-    properties: Me(o),
+    id: n[e + L],
+    properties: $e(n, e, t),
     geometry: {
       type: "Point",
-      coordinates: [et(o.x), tt(o.y)]
+      coordinates: [it(n[e]), at(n[e + 1])]
     }
   };
 }
-function Me(o) {
-  const e = o.numPoints, t = e >= 1e4 ? `${Math.round(e / 1e3)}k` : e >= 1e3 ? `${Math.round(e / 100) / 10}k` : e;
-  return R(R({}, o.properties), {
+function $e(n, e, t) {
+  const s = n[e + x], r = s >= 1e4 ? `${Math.round(s / 1e3)}k` : s >= 1e3 ? `${Math.round(s / 100) / 10}k` : s, o = n[e + Ae], a = o === -1 ? {} : Object.assign({}, t[o]);
+  return Object.assign(a, {
     cluster: !0,
-    cluster_id: o.id,
-    point_count: e,
-    point_count_abbreviated: t
+    cluster_id: n[e + L],
+    point_count: s,
+    point_count_abbreviated: r
   });
 }
-function B(o) {
-  return o / 360 + 0.5;
+function W(n) {
+  return n / 360 + 0.5;
 }
-function N(o) {
-  const e = Math.sin(o * Math.PI / 180), t = 0.5 - 0.25 * Math.log((1 + e) / (1 - e)) / Math.PI;
+function K(n) {
+  const e = Math.sin(n * Math.PI / 180), t = 0.5 - 0.25 * Math.log((1 + e) / (1 - e)) / Math.PI;
   return t < 0 ? 0 : t > 1 ? 1 : t;
 }
-function et(o) {
-  return (o - 0.5) * 360;
+function it(n) {
+  return (n - 0.5) * 360;
 }
-function tt(o) {
-  const e = (180 - o * 360) * Math.PI / 180;
+function at(n) {
+  const e = (180 - n * 360) * Math.PI / 180;
   return 360 * Math.atan(Math.exp(e)) / Math.PI - 90;
 }
-function R(o, e) {
-  for (const t in e)
-    o[t] = e[t];
-  return o;
-}
-function he(o) {
-  return o.x;
-}
-function fe(o) {
-  return o.y;
-}
 /*! *****************************************************************************
 Copyright (c) Microsoft Corporation.
 
@@ -1190,22 +1338,52 @@ LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
 OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
 PERFORMANCE OF THIS SOFTWARE.
 ***************************************************************************** */
-function st(o, e) {
+function ce(n, e) {
   var t = {};
-  for (var n in o)
-    Object.prototype.hasOwnProperty.call(o, n) && e.indexOf(n) < 0 && (t[n] = o[n]);
-  if (o != null && typeof Object.getOwnPropertySymbols == "function")
-    for (var s = 0, n = Object.getOwnPropertySymbols(o); s < n.length; s++)
-      e.indexOf(n[s]) < 0 && Object.prototype.propertyIsEnumerable.call(o, n[s]) && (t[n[s]] = o[n[s]]);
+  for (var s in n)
+    Object.prototype.hasOwnProperty.call(n, s) && e.indexOf(s) < 0 && (t[s] = n[s]);
+  if (n != null && typeof Object.getOwnPropertySymbols == "function")
+    for (var r = 0, s = Object.getOwnPropertySymbols(n); r < s.length; r++)
+      e.indexOf(s[r]) < 0 && Object.prototype.propertyIsEnumerable.call(n, s[r]) && (t[s[r]] = n[s[r]]);
   return t;
 }
-class X {
+class k {
+  static isAdvancedMarkerAvailable(e) {
+    return google.maps.marker && e.getMapCapabilities().isAdvancedMarkersAvailable === !0;
+  }
+  static isAdvancedMarker(e) {
+    return google.maps.marker && e instanceof google.maps.marker.AdvancedMarkerElement;
+  }
+  static setMap(e, t) {
+    this.isAdvancedMarker(e) ? e.map = t : e.setMap(t);
+  }
+  static getPosition(e) {
+    if (this.isAdvancedMarker(e)) {
+      if (e.position) {
+        if (e.position instanceof google.maps.LatLng)
+          return e.position;
+        if (e.position.lat && e.position.lng)
+          return new google.maps.LatLng(e.position.lat, e.position.lng);
+      }
+      return new google.maps.LatLng(null);
+    }
+    return e.getPosition();
+  }
+  static getVisible(e) {
+    return this.isAdvancedMarker(e) ? !0 : e.getVisible();
+  }
+}
+class H {
   constructor({ markers: e, position: t }) {
     this.markers = e, t && (t instanceof google.maps.LatLng ? this._position = t : this._position = new google.maps.LatLng(t));
   }
   get bounds() {
-    if (!(this.markers.length === 0 && !this._position))
-      return this.markers.reduce((e, t) => e.extend(t.getPosition()), new google.maps.LatLngBounds(this._position, this._position));
+    if (this.markers.length === 0 && !this._position)
+      return;
+    const e = new google.maps.LatLngBounds(this._position, this._position);
+    for (const t of this.markers)
+      e.extend(k.getPosition(t));
+    return e;
   }
   get position() {
     return this._position || this.bounds.getCenter();
@@ -1214,7 +1392,7 @@ class X {
    * Get the count of **visible** markers.
    */
   get count() {
-    return this.markers.filter((e) => e.getVisible()).length;
+    return this.markers.filter((e) => k.getVisible(e)).length;
   }
   /**
    * Add a marker to the cluster.
@@ -1226,10 +1404,26 @@ class X {
    * Cleanup references and remove marker from map.
    */
   delete() {
-    this.marker && (this.marker.setMap(null), delete this.marker), this.markers.length = 0;
+    this.marker && (k.setMap(this.marker, null), this.marker = void 0), this.markers.length = 0;
   }
 }
-class nt {
+const lt = (n, e, t, s) => {
+  const r = Re(n.getBounds(), e, s);
+  return t.filter((o) => r.contains(k.getPosition(o)));
+}, Re = (n, e, t) => {
+  const { northEast: s, southWest: r } = ct(n, e), o = ut({ northEast: s, southWest: r }, t);
+  return ht(o, e);
+}, Ce = (n, e, t) => {
+  const s = Re(n, e, t), r = s.getNorthEast(), o = s.getSouthWest();
+  return [o.lng(), o.lat(), r.lng(), r.lat()];
+}, ct = (n, e) => ({
+  northEast: e.fromLatLngToDivPixel(n.getNorthEast()),
+  southWest: e.fromLatLngToDivPixel(n.getSouthWest())
+}), ut = ({ northEast: n, southWest: e }, t) => (n.x += t, n.y -= t, e.x -= t, e.y += t, { northEast: n, southWest: e }), ht = ({ northEast: n, southWest: e }, t) => {
+  const s = t.fromDivPixelToLatLng(e), r = t.fromDivPixelToLatLng(n);
+  return new google.maps.LatLngBounds(s, r);
+};
+class je {
   constructor({ maxZoom: e = 16 }) {
     this.maxZoom = e;
   }
@@ -1240,78 +1434,144 @@ class nt {
    * ```typescript
    *  cluster({markers, map}: AlgorithmInput): Cluster[] {
    *    if (shouldBypassClustering(map)) {
-   *      return this.noop({markers, map})
+   *      return this.noop({markers})
    *    }
    * }
    * ```
    */
   noop({ markers: e }) {
-    return ot(e);
+    return pt(e);
+  }
+}
+class dt extends je {
+  constructor(e) {
+    var { viewportPadding: t = 60 } = e, s = ce(e, ["viewportPadding"]);
+    super(s), this.viewportPadding = 60, this.viewportPadding = t;
+  }
+  calculate({ markers: e, map: t, mapCanvasProjection: s }) {
+    return t.getZoom() >= this.maxZoom ? {
+      clusters: this.noop({
+        markers: e
+      }),
+      changed: !1
+    } : {
+      clusters: this.cluster({
+        markers: lt(t, s, e, this.viewportPadding),
+        map: t,
+        mapCanvasProjection: s
+      })
+    };
   }
 }
-const ot = (o) => o.map((t) => new X({
-  position: t.getPosition(),
+const pt = (n) => n.map((t) => new H({
+  position: k.getPosition(t),
   markers: [t]
 }));
-class rt extends nt {
+class ft extends je {
   constructor(e) {
-    var { maxZoom: t, radius: n = 60 } = e, s = st(e, ["maxZoom", "radius"]);
-    super({ maxZoom: t }), this.superCluster = new Xe(Object.assign({ maxZoom: this.maxZoom, radius: n }, s)), this.state = { zoom: null };
+    var { maxZoom: t, radius: s = 60 } = e, r = ce(e, ["maxZoom", "radius"]);
+    super({ maxZoom: t }), this.state = { zoom: -1 }, this.superCluster = new Te(Object.assign({ maxZoom: this.maxZoom, radius: s }, r));
   }
   calculate(e) {
     let t = !1;
-    if (!A(e.markers, this.markers)) {
+    const s = { zoom: e.map.getZoom() };
+    if (!T(e.markers, this.markers)) {
       t = !0, this.markers = [...e.markers];
-      const s = this.markers.map((r) => ({
-        type: "Feature",
-        geometry: {
-          type: "Point",
-          coordinates: [
-            r.getPosition().lng(),
-            r.getPosition().lat()
-          ]
-        },
-        properties: { marker: r }
-      }));
-      this.superCluster.load(s);
+      const r = this.markers.map((o) => {
+        const a = k.getPosition(o);
+        return {
+          type: "Feature",
+          geometry: {
+            type: "Point",
+            coordinates: [a.lng(), a.lat()]
+          },
+          properties: { marker: o }
+        };
+      });
+      this.superCluster.load(r);
     }
-    const n = { zoom: e.map.getZoom() };
-    return t || this.state.zoom > this.maxZoom && n.zoom > this.maxZoom || (t = t || !A(this.state, n)), this.state = n, t && (this.clusters = this.cluster(e)), { clusters: this.clusters, changed: t };
+    return t || (this.state.zoom <= this.maxZoom || s.zoom <= this.maxZoom) && (t = !T(this.state, s)), this.state = s, t && (this.clusters = this.cluster(e)), { clusters: this.clusters, changed: t };
   }
   cluster({ map: e }) {
-    return this.superCluster.getClusters([-180, -90, 180, 90], Math.round(e.getZoom())).map(this.transformCluster.bind(this));
+    return this.superCluster.getClusters([-180, -90, 180, 90], Math.round(e.getZoom())).map((t) => this.transformCluster(t));
   }
-  transformCluster({ geometry: { coordinates: [e, t] }, properties: n }) {
-    if (n.cluster)
-      return new X({
-        markers: this.superCluster.getLeaves(n.cluster_id, 1 / 0).map((s) => s.properties.marker),
-        position: new google.maps.LatLng({ lat: t, lng: e })
+  transformCluster({ geometry: { coordinates: [e, t] }, properties: s }) {
+    if (s.cluster)
+      return new H({
+        markers: this.superCluster.getLeaves(s.cluster_id, 1 / 0).map((o) => o.properties.marker),
+        position: { lat: t, lng: e }
       });
-    {
-      const s = n.marker;
-      return new X({
-        markers: [s],
-        position: s.getPosition()
+    const r = s.marker;
+    return new H({
+      markers: [r],
+      position: k.getPosition(r)
+    });
+  }
+}
+class mt extends dt {
+  constructor(e) {
+    var { maxZoom: t, radius: s = 60, viewportPadding: r = 60 } = e, o = ce(e, ["maxZoom", "radius", "viewportPadding"]);
+    super({ maxZoom: t, viewportPadding: r }), this.superCluster = new Te(Object.assign({ maxZoom: this.maxZoom, radius: s }, o)), this.state = { zoom: -1, view: [0, 0, 0, 0] };
+  }
+  calculate(e) {
+    const t = {
+      zoom: Math.round(e.map.getZoom()),
+      view: Ce(e.map.getBounds(), e.mapCanvasProjection, this.viewportPadding)
+    };
+    let s = !T(this.state, t);
+    if (!T(e.markers, this.markers)) {
+      s = !0, this.markers = [...e.markers];
+      const r = this.markers.map((o) => {
+        const a = k.getPosition(o);
+        return {
+          type: "Feature",
+          geometry: {
+            type: "Point",
+            coordinates: [a.lng(), a.lat()]
+          },
+          properties: { marker: o }
+        };
       });
+      this.superCluster.load(r);
     }
+    return s && (this.clusters = this.cluster(e), this.state = t), { clusters: this.clusters, changed: s };
+  }
+  cluster({ map: e, mapCanvasProjection: t }) {
+    const s = {
+      zoom: Math.round(e.getZoom()),
+      view: Ce(e.getBounds(), t, this.viewportPadding)
+    };
+    return this.superCluster.getClusters(s.view, s.zoom).map((r) => this.transformCluster(r));
+  }
+  transformCluster({ geometry: { coordinates: [e, t] }, properties: s }) {
+    if (s.cluster)
+      return new H({
+        markers: this.superCluster.getLeaves(s.cluster_id, 1 / 0).map((o) => o.properties.marker),
+        position: { lat: t, lng: e }
+      });
+    const r = s.marker;
+    return new H({
+      markers: [r],
+      position: k.getPosition(r)
+    });
   }
 }
-class it {
+class gt {
   constructor(e, t) {
     this.markers = { sum: e.length };
-    const n = t.map((r) => r.count), s = n.reduce((r, a) => r + a, 0);
+    const s = t.map((o) => o.count), r = s.reduce((o, a) => o + a, 0);
     this.clusters = {
       count: t.length,
       markers: {
-        mean: s / t.length,
-        sum: s,
-        min: Math.min(...n),
-        max: Math.max(...n)
+        mean: r / t.length,
+        sum: r,
+        min: Math.min(...s),
+        max: Math.max(...s)
       }
     };
   }
 }
-class at {
+class vt {
   /**
    * The default render function for the library used by {@link MarkerClusterer}.
    *
@@ -1350,67 +1610,76 @@ class at {
    * });
    * ```
    */
-  render({ count: e, position: t }, n) {
-    const s = e > Math.max(10, n.clusters.markers.mean) ? "#ff0000" : "#0000ff", r = window.btoa(`
-  <svg fill="${s}" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 240 240">
-    <circle cx="120" cy="120" opacity=".6" r="70" />
-    <circle cx="120" cy="120" opacity=".3" r="90" />
-    <circle cx="120" cy="120" opacity=".2" r="110" />
-  </svg>`);
-    return new google.maps.Marker({
+  render({ count: e, position: t }, s, r) {
+    const a = `<svg fill="${e > Math.max(10, s.clusters.markers.mean) ? "#ff0000" : "#0000ff"}" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 240 240" width="50" height="50">
+<circle cx="120" cy="120" opacity=".6" r="70" />
+<circle cx="120" cy="120" opacity=".3" r="90" />
+<circle cx="120" cy="120" opacity=".2" r="110" />
+<text x="50%" y="50%" style="fill:#fff" text-anchor="middle" font-size="50" dominant-baseline="middle" font-family="roboto,arial,sans-serif">${e}</text>
+</svg>`, l = `Cluster of ${e} markers`, i = Number(google.maps.Marker.MAX_ZINDEX) + e;
+    if (k.isAdvancedMarkerAvailable(r)) {
+      const u = document.createElement("div");
+      u.innerHTML = a;
+      const c = u.firstElementChild;
+      c.setAttribute("transform", "translate(0 25)");
+      const d = {
+        map: r,
+        position: t,
+        zIndex: i,
+        title: l,
+        content: c
+      };
+      return new google.maps.marker.AdvancedMarkerElement(d);
+    }
+    const h = {
       position: t,
+      zIndex: i,
+      title: l,
       icon: {
-        url: `data:image/svg+xml;base64,${r}`,
-        scaledSize: new google.maps.Size(45, 45)
-      },
-      label: {
-        text: String(e),
-        color: "rgba(255,255,255,0.9)",
-        fontSize: "12px"
-      },
-      title: `Cluster of ${e} markers`,
-      // adjust zIndex to be above other markers
-      zIndex: Number(google.maps.Marker.MAX_ZINDEX) + e
-    });
+        url: `data:image/svg+xml;base64,${btoa(a)}`,
+        anchor: new google.maps.Point(25, 25)
+      }
+    };
+    return new google.maps.Marker(h);
   }
 }
-function lt(o, e) {
+function yt(n, e) {
   for (let t in e.prototype)
-    o.prototype[t] = e.prototype[t];
+    n.prototype[t] = e.prototype[t];
 }
-class Q {
+class ue {
   constructor() {
-    lt(Q, google.maps.OverlayView);
+    yt(ue, google.maps.OverlayView);
   }
 }
-var x;
-(function(o) {
-  o.CLUSTERING_BEGIN = "clusteringbegin", o.CLUSTERING_END = "clusteringend", o.CLUSTER_CLICK = "click";
-})(x || (x = {}));
-const ct = (o, e, t) => {
+var j;
+(function(n) {
+  n.CLUSTERING_BEGIN = "clusteringbegin", n.CLUSTERING_END = "clusteringend", n.CLUSTER_CLICK = "click";
+})(j || (j = {}));
+const wt = (n, e, t) => {
   t.fitBounds(e.bounds);
 };
-class ut extends Q {
-  constructor({ map: e, markers: t = [], algorithm: n = new rt({}), renderer: s = new at(), onClusterClick: r = ct }) {
-    super(), this.markers = [...t], this.clusters = [], this.algorithm = n, this.renderer = s, this.onClusterClick = r, e && this.setMap(e);
+class _t extends ue {
+  constructor({ map: e, markers: t = [], algorithmOptions: s = {}, algorithm: r = new ft(s), renderer: o = new vt(), onClusterClick: a = wt }) {
+    super(), this.markers = [...t], this.clusters = [], this.algorithm = r, this.renderer = o, this.onClusterClick = a, e && this.setMap(e);
   }
   addMarker(e, t) {
     this.markers.includes(e) || (this.markers.push(e), t || this.render());
   }
   addMarkers(e, t) {
-    e.forEach((n) => {
-      this.addMarker(n, !0);
+    e.forEach((s) => {
+      this.addMarker(s, !0);
     }), t || this.render();
   }
   removeMarker(e, t) {
-    const n = this.markers.indexOf(e);
-    return n === -1 ? !1 : (e.setMap(null), this.markers.splice(n, 1), t || this.render(), !0);
+    const s = this.markers.indexOf(e);
+    return s === -1 ? !1 : (k.setMap(e, null), this.markers.splice(s, 1), t || this.render(), !0);
   }
   removeMarkers(e, t) {
-    let n = !1;
-    return e.forEach((s) => {
-      n = this.removeMarker(s, !0) || n;
-    }), n && !t && this.render(), n;
+    let s = !1;
+    return e.forEach((r) => {
+      s = this.removeMarker(r, !0) || s;
+    }), s && !t && this.render(), s;
   }
   clearMarkers(e) {
     this.markers.length = 0, e || this.render();
@@ -1420,14 +1689,23 @@ class ut extends Q {
    */
   render() {
     const e = this.getMap();
-    if (e instanceof google.maps.Map && this.getProjection()) {
-      google.maps.event.trigger(this, x.CLUSTERING_BEGIN, this);
-      const { clusters: t, changed: n } = this.algorithm.calculate({
+    if (e instanceof google.maps.Map && e.getProjection()) {
+      google.maps.event.trigger(this, j.CLUSTERING_BEGIN, this);
+      const { clusters: t, changed: s } = this.algorithm.calculate({
         markers: this.markers,
         map: e,
         mapCanvasProjection: this.getProjection()
       });
-      (n || n == null) && (this.reset(), this.clusters = t, this.renderClusters()), google.maps.event.trigger(this, x.CLUSTERING_END, this);
+      if (s || s == null) {
+        const r = /* @__PURE__ */ new Set();
+        for (const a of t)
+          a.markers.length == 1 && r.add(a.markers[0]);
+        const o = [];
+        for (const a of this.clusters)
+          a.marker != null && (a.markers.length == 1 ? r.has(a.marker) || k.setMap(a.marker, null) : o.push(a.marker));
+        this.clusters = t, this.renderClusters(), requestAnimationFrame(() => o.forEach((a) => k.setMap(a, null)));
+      }
+      google.maps.event.trigger(this, j.CLUSTERING_END, this);
     }
   }
   onAdd() {
@@ -1437,22 +1715,22 @@ class ut extends Q {
     google.maps.event.removeListener(this.idleListener), this.reset();
   }
   reset() {
-    this.markers.forEach((e) => e.setMap(null)), this.clusters.forEach((e) => e.delete()), this.clusters = [];
+    this.markers.forEach((e) => k.setMap(e, null)), this.clusters.forEach((e) => e.delete()), this.clusters = [];
   }
   renderClusters() {
-    const e = new it(this.markers, this.clusters), t = this.getMap();
-    this.clusters.forEach((n) => {
-      n.markers.length === 1 ? n.marker = n.markers[0] : (n.marker = this.renderer.render(n, e), this.onClusterClick && n.marker.addListener(
+    const e = new gt(this.markers, this.clusters), t = this.getMap();
+    this.clusters.forEach((s) => {
+      s.markers.length === 1 ? s.marker = s.markers[0] : (s.marker = this.renderer.render(s, e, t), s.markers.forEach((r) => k.setMap(r, null)), this.onClusterClick && s.marker.addListener(
         "click",
         /* istanbul ignore next */
-        (s) => {
-          google.maps.event.trigger(this, x.CLUSTER_CLICK, n), this.onClusterClick(s, n, t);
+        (r) => {
+          google.maps.event.trigger(this, j.CLUSTER_CLICK, s), this.onClusterClick(r, s, t);
         }
-      )), n.marker.setMap(t);
+      )), k.setMap(s.marker, t);
     });
   }
 }
-const me = Object.values(x), Ot = k({
+const be = Object.values(j), Rt = b({
   name: "MarkerCluster",
   props: {
     options: {
@@ -1460,29 +1738,37 @@ const me = Object.values(x), Ot = k({
       default: () => ({})
     }
   },
-  emits: me,
-  setup(o, { emit: e, expose: t, slots: n }) {
-    const s = v(), r = y(I, v()), a = y(E, v());
-    return q(ke, s), b(
-      r,
+  emits: be,
+  setup(n, { emit: e, expose: t, slots: s }) {
+    const r = y(), o = C(Z, y()), a = C(D, y());
+    return G(Le, r), O(
+      o,
       () => {
-        r.value && (s.value = M(new ut({ map: r.value, ...o.options })), me.forEach((l) => {
+        o.value && (r.value = S(
+          new _t({
+            map: o.value,
+            // Better perf than the default `SuperClusterAlgorithm`. See:
+            // https://github.com/googlemaps/js-markerclusterer/pull/640
+            algorithm: new mt(n.options.algorithmOptions ?? {}),
+            ...n.options
+          })
+        ), be.forEach((l) => {
           var i;
-          (i = s.value) == null || i.addListener(l, (p) => e(l, p));
+          (i = r.value) == null || i.addListener(l, (h) => e(l, h));
         }));
       },
       {
         immediate: !0
       }
-    ), S(() => {
+    ), B(() => {
       var l;
-      s.value && ((l = a.value) == null || l.event.clearInstanceListeners(s.value), s.value.clearMarkers(), s.value.setMap(null));
-    }), t({ markerCluster: s }), () => {
+      r.value && ((l = a.value) == null || l.event.clearInstanceListeners(r.value), r.value.clearMarkers(), r.value.setMap(null));
+    }), t({ markerCluster: r }), () => {
       var l;
-      return (l = n.default) == null ? void 0 : l.call(n);
+      return (l = s.default) == null ? void 0 : l.call(s);
     };
   }
-}), pt = k({
+}), kt = b({
   inheritAttrs: !1,
   props: {
     options: {
@@ -1490,34 +1776,34 @@ const me = Object.values(x), Ot = k({
       required: !0
     }
   },
-  setup(o, { slots: e, emit: t, expose: n }) {
-    const s = v(), r = z(() => {
+  setup(n, { slots: e, emit: t, expose: s }) {
+    const r = y(), o = J(() => {
       var i;
-      return (i = e.default) == null ? void 0 : i.call(e).some((p) => p.type !== ve);
-    }), a = z(() => ({
-      ...o.options,
-      element: s.value
-    })), l = $(H, [], a, t);
-    return n({
+      return (i = e.default) == null ? void 0 : i.call(e).some((h) => h.type !== Ee);
+    }), a = J(() => ({
+      ...n.options,
+      element: r.value
+    })), l = U(ee, [], a, t);
+    return s({
       customMarker: l
-    }), { customMarkerRef: s, customMarker: l, hasSlotContent: r };
+    }), { customMarkerRef: r, customMarker: l, hasSlotContent: o };
   }
 });
-const dt = {
+const Ct = {
   key: 0,
   class: "custom-marker-wrapper"
 };
-function ht(o, e, t, n, s, r) {
-  return o.hasSlotContent ? (F(), G("div", dt, [
-    Y("div", ye({
+function bt(n, e, t, s, r, o) {
+  return n.hasSlotContent ? (Y(), X("div", Ct, [
+    ae("div", Pe({
       ref: "customMarkerRef",
-      style: { cursor: o.$attrs.onClick ? "pointer" : void 0 }
-    }, o.$attrs), [
-      U(o.$slots, "default", {}, void 0, !0)
+      style: { cursor: n.$attrs.onClick ? "pointer" : void 0 }
+    }, n.$attrs), [
+      Q(n.$slots, "default", {}, void 0, !0)
     ], 16)
-  ])) : Ce("", !0);
+  ])) : Oe("", !0);
 }
-const xt = /* @__PURE__ */ K(pt, [["render", ht], ["__scopeId", "data-v-c7599d50"]]), Pt = k({
+const jt = /* @__PURE__ */ te(kt, [["render", bt], ["__scopeId", "data-v-2d2d343a"]]), qt = b({
   name: "HeatmapLayer",
   props: {
     options: {
@@ -1525,21 +1811,21 @@ const xt = /* @__PURE__ */ K(pt, [["render", ht], ["__scopeId", "data-v-c7599d50
       default: () => ({})
     }
   },
-  setup(o) {
-    const e = v(), t = y(I, v()), n = y(E, v());
-    return b(
-      [t, () => o.options],
-      ([s, r], [a, l]) => {
-        var p;
-        const i = !A(r, l) || t.value !== a;
-        if (t.value && n.value && i) {
-          const u = structuredClone(r);
-          if (u.data && !(u.data instanceof n.value.MVCArray)) {
-            const c = n.value.LatLng;
-            u.data = (p = u.data) == null ? void 0 : p.map((h) => h instanceof c || "location" in h && (h.location instanceof c || h.location === null) ? h : "location" in h ? { ...h, location: new c(h.location) } : new c(h));
+  setup(n) {
+    const e = y(), t = C(Z, y()), s = C(D, y());
+    return O(
+      [t, () => n.options],
+      ([r, o], [a, l]) => {
+        var h;
+        const i = !T(o, l) || t.value !== a;
+        if (t.value && s.value && i) {
+          const u = structuredClone(o);
+          if (u.data && !(u.data instanceof s.value.MVCArray)) {
+            const c = s.value.LatLng;
+            u.data = (h = u.data) == null ? void 0 : h.map((d) => d instanceof c || "location" in d && (d.location instanceof c || d.location === null) ? d : "location" in d ? { ...d, location: new c(d.location) } : new c(d));
           }
-          e.value ? e.value.setOptions(u) : e.value = M(
-            new n.value.visualization.HeatmapLayer({
+          e.value ? e.value.setOptions(u) : e.value = S(
+            new s.value.visualization.HeatmapLayer({
               ...u,
               map: t.value
             })
@@ -1547,22 +1833,22 @@ const xt = /* @__PURE__ */ K(pt, [["render", ht], ["__scopeId", "data-v-c7599d50
         }
       },
       { immediate: !0 }
-    ), S(() => {
+    ), B(() => {
       e.value && e.value.setMap(null);
     }), { heatmapLayer: e };
   },
   render: () => null
 });
 export {
-  wt as Circle,
-  bt as CustomControl,
-  xt as CustomMarker,
-  vt as GoogleMap,
-  Pt as HeatmapLayer,
-  Mt as InfoWindow,
-  yt as Marker,
-  Ot as MarkerCluster,
-  _t as Polygon,
-  Ct as Polyline,
-  kt as Rectangle
+  At as Circle,
+  Tt as CustomControl,
+  jt as CustomMarker,
+  Ot as GoogleMap,
+  qt as HeatmapLayer,
+  $t as InfoWindow,
+  xt as Marker,
+  Rt as MarkerCluster,
+  St as Polygon,
+  Lt as Polyline,
+  It as Rectangle
 };