vue3-google-map 0.16.0 → 0.17.0

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 = [
+var Be = Object.defineProperty;
+var qe = (o, e, t) => e in o ? Be(o, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : o[e] = t;
+var te = (o, e, t) => (qe(o, typeof e != "symbol" ? e + "" : e, t), t);
+import { defineComponent as M, ref as v, provide as z, watch as O, onMounted as Me, onBeforeUnmount as j, markRaw as E, toRef as B, openBlock as J, createElementBlock as Y, createElementVNode as ie, renderSlot as X, normalizeProps as Re, guardReactiveProps as Ze, inject as _, computed as K, withDirectives as Ne, vShow as Fe, Comment as be, mergeProps as Oe, createCommentVNode as Pe } from "vue";
+const q = Symbol("map"), R = Symbol("api"), xe = Symbol("marker"), Ee = Symbol("markerCluster"), Q = Symbol("CustomMarker"), Le = Symbol("mapTilesLoaded"), $ = [
   "click",
   "dblclick",
   "drag",
@@ -16,18 +16,18 @@ const I = Symbol("map"), E = Symbol("api"), _e = Symbol("marker"), ke = Symbol("
   "mouseup",
   "rightclick"
 ];
-var Ee = function o(e, t) {
+var De = function o(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, n;
     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 (!o(e[r], t[r]))
           return !1;
       return !0;
     }
@@ -37,13 +37,13 @@ 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 (n = Object.keys(e), s = n.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, n[r]))
         return !1;
-    for (s = n; s-- !== 0; ) {
-      var a = r[s];
+    for (r = s; r-- !== 0; ) {
+      var a = n[r];
       if (!o(e[a], t[a]))
         return !1;
     }
@@ -51,8 +51,8 @@ var Ee = function o(e, t) {
   }
   return e !== e && t !== t;
 };
-const ne = "__googleMapsScriptId";
-class O {
+const ue = "__googleMapsScriptId";
+class S {
   /**
    * 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 +62,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, channel: t, client: s, id: r = ue, libraries: n = [], language: a, region: c, version: i, mapIds: d, nonce: u, retries: l = 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 = s, this.id = r || ue, this.libraries = n, this.language = a, this.region = c, this.mapIds = d, this.nonce = u, this.retries = l, this.url = h, S.instance) {
+      if (!De(this.options, S.instance.options))
+        throw new Error(`Loader must not be called again with different options. ${JSON.stringify(this.options)} !== ${JSON.stringify(S.instance.options)}`);
+      return S.instance;
     }
-    O.instance = this;
+    S.instance = this;
   }
   get options() {
     return {
@@ -114,8 +114,8 @@ class O {
    */
   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);
       });
     });
   }
@@ -174,14 +174,14 @@ class O {
     }
   }
 }
-function $e(o) {
+function Ue(o) {
   return class extends o.OverlayView {
-    constructor(n) {
+    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);
+      te(this, "element");
+      te(this, "opts");
+      const { element: r, ...n } = s;
+      this.element = r, this.opts = n, 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;
@@ -189,64 +189,64 @@ function $e(o) {
     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 r = this.getProjection().fromLatLngToDivPixel(this.getPosition());
+      if (r) {
         this.element.style.position = "absolute";
-        const r = this.element.offsetHeight, a = this.element.offsetWidth;
-        let l, i;
+        const n = this.element.offsetHeight, a = this.element.offsetWidth;
+        let c, i;
         switch (this.opts.anchorPoint) {
           case "TOP_CENTER":
-            l = s.x - a / 2, i = s.y;
+            c = r.x - a / 2, i = r.y;
             break;
           case "BOTTOM_CENTER":
-            l = s.x - a / 2, i = s.y - r;
+            c = r.x - a / 2, i = r.y - n;
             break;
           case "LEFT_CENTER":
-            l = s.x, i = s.y - r / 2;
+            c = r.x, i = r.y - n / 2;
             break;
           case "RIGHT_CENTER":
-            l = s.x - a, i = s.y - r / 2;
+            c = r.x - a, i = r.y - n / 2;
             break;
           case "TOP_LEFT":
-            l = s.x, i = s.y;
+            c = r.x, i = r.y;
             break;
           case "TOP_RIGHT":
-            l = s.x - a, i = s.y;
+            c = r.x - a, i = r.y;
             break;
           case "BOTTOM_LEFT":
-            l = s.x, i = s.y - r;
+            c = r.x, i = r.y - n;
             break;
           case "BOTTOM_RIGHT":
-            l = s.x - a, i = s.y - r;
+            c = r.x - a, i = r.y - n;
             break;
           default:
-            l = s.x - a / 2, i = s.y - r / 2;
+            c = r.x - a / 2, i = r.y - n / 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());
+        this.element.style.left = c + "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());
       }
     }
     onRemove() {
       this.element && this.element.remove();
     }
-    setOptions(n) {
-      this.opts = n, this.draw();
+    setOptions(s) {
+      this.opts = s, this.draw();
     }
   };
 }
-let oe;
-const re = [
+let de;
+const he = [
   "bounds_changed",
   "center_changed",
   "click",
@@ -266,7 +266,7 @@ const re = [
   "tilesloaded",
   "tilt_changed",
   "zoom_changed"
-], je = k({
+], ze = M({
   props: {
     apiPromise: {
       type: Promise
@@ -454,104 +454,104 @@ const re = [
       required: !1
     }
   },
-  emits: re,
+  emits: he,
   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);
-    const l = () => {
-      const c = { ...o };
-      Object.keys(c).forEach((m) => {
-        c[m] === void 0 && delete c[m];
+    const t = v(), s = v(!1), r = v(), n = v(), a = v(!1);
+    z(q, r), z(R, n), z(Le, a);
+    const c = () => {
+      const l = { ...o };
+      Object.keys(l).forEach((m) => {
+        l[m] === void 0 && delete l[m];
       });
-      const f = (m) => {
+      const p = (m) => {
         var g;
-        return m ? { position: (g = r.value) == null ? void 0 : g.ControlPosition[m] } : {};
-      }, d = {
+        return m ? { position: (g = n.value) == null ? void 0 : g.ControlPosition[m] } : {};
+      }, f = {
         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),
+        panControlOptions: p(o.panControlPosition),
+        zoomControlOptions: p(o.zoomControlPosition),
+        rotateControlOptions: p(o.rotateControlPosition),
+        streetViewControlOptions: p(o.streetViewControlPosition),
+        fullscreenControlOptions: p(o.fullscreenControlPosition),
         disableDefaultUI: o.disableDefaultUi
       };
-      return { ...c, ...d };
-    }, i = b(
-      [r, s],
-      ([c, h]) => {
-        const f = c, d = h;
-        f && d && (f.event.addListenerOnce(d, "tilesloaded", () => {
+      return { ...l, ...f };
+    }, i = O(
+      [n, r],
+      ([l, h]) => {
+        const p = l, f = h;
+        p && f && (p.event.addListenerOnce(f, "tilesloaded", () => {
           a.value = !0;
         }), setTimeout(i, 0));
       },
       { immediate: !0 }
-    ), p = () => {
+    ), d = () => {
       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 });
-      } catch (c) {
-        console.error(c);
+        const { apiKey: l, region: h, version: p, language: f, libraries: m } = o;
+        de = new S({ apiKey: l, region: h, version: p, language: f, libraries: m });
+      } catch (l) {
+        console.error(l);
       }
-    }, 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) => {
+    }, u = (l) => {
+      n.value = E(l.maps), r.value = E(new l.maps.Map(t.value, c()));
+      const h = Ue(n.value);
+      n.value[Q] = h, he.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(o).filter(
+        (f) => !["apiPromise", "apiKey", "version", "libraries", "region", "language", "center", "zoom"].includes(f)
+      ).map((f) => B(o, f));
+      O(
+        [() => o.center, () => o.zoom, ...p],
+        ([f, m], [g, y]) => {
+          var G, b, F;
+          const { center: w, zoom: C, ...T } = c();
+          (G = r.value) == null || G.setOptions(T), m !== void 0 && m !== y && ((b = r.value) == null || b.setZoom(m));
+          const N = !g || f.lng !== g.lng || f.lat !== g.lat;
+          f && N && ((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(() => {
-      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 };
+    return Me(() => {
+      o.apiPromise && o.apiPromise instanceof Promise ? o.apiPromise.then(u) : (d(), de.load().then(u));
+    }), j(() => {
+      var l;
+      a.value = !1, r.value && ((l = n.value) == null || l.event.clearInstanceListeners(r.value));
+    }), { mapRef: t, ready: s, map: r, api: n, mapTilesLoaded: a };
   }
 });
-const K = (o, e) => {
+const ee = (o, e) => {
   const t = o.__vccOpts || o;
-  for (const [n, s] of e)
-    t[n] = s;
+  for (const [s, r] of e)
+    t[s] = r;
   return t;
-}, Te = {
+}, Ve = {
   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 Ge(o, e, t, s, r, n) {
+  return J(), Y("div", null, [
+    ie("div", Ve, null, 512),
+    X(o.$slots, "default", Re(Ze({ ready: o.ready, map: o.map, api: o.api, mapTilesLoaded: o.mapTilesLoaded })), void 0, !0)
   ]);
 }
-const vt = /* @__PURE__ */ K(je, [["render", qe], ["__scopeId", "data-v-7d660dd5"]]);
-function Re(o) {
+const Ot = /* @__PURE__ */ ee(ze, [["render", Ge], ["__scopeId", "data-v-7d660dd5"]]);
+function He(o) {
   return o && o.__esModule && Object.prototype.hasOwnProperty.call(o, "default") ? o.default : o;
 }
-var Ae = function o(e, t) {
+var We = function o(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, n;
     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 (!o(e[r], t[r]))
           return !1;
       return !0;
     }
@@ -561,13 +561,13 @@ 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 (n = Object.keys(e), s = n.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, n[r]))
         return !1;
-    for (s = n; s-- !== 0; ) {
-      var a = r[s];
+    for (r = s; r-- !== 0; ) {
+      var a = n[r];
       if (!o(e[a], t[a]))
         return !1;
     }
@@ -575,37 +575,37 @@ var Ae = function o(e, t) {
   }
   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 A = /* @__PURE__ */ He(We), Ke = (o) => o === "Marker", Je = (o) => o === Q, Z = (o, e, t, s) => {
+  const r = v(), n = _(q, v()), a = _(R, v()), c = _(Ee, v()), i = K(
+    () => !!(c.value && a.value && (r.value instanceof a.value.Marker || r.value instanceof a.value[Q]))
   );
-  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(
+  return O(
+    [n, t],
+    (d, [u, l]) => {
+      var p, f, m;
+      const h = !A(t.value, l) || n.value !== u;
+      !n.value || !a.value || !h || (r.value ? (r.value.setOptions(t.value), i.value && ((p = c.value) == null || p.removeMarker(r.value), (f = c.value) == null || f.addMarker(r.value))) : (Ke(o) ? r.value = E(
         new a.value[o](t.value)
-      ) : Be(o) ? s.value = M(
+      ) : Je(o) ? r.value = E(
         new a.value[o](t.value)
-      ) : s.value = M(
+      ) : r.value = E(
         new a.value[o]({
           ...t.value,
-          map: r.value
+          map: n.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 = c.value) == null || m.addMarker(r.value) : r.value.setMap(n.value), e.forEach((g) => {
+        var y;
+        (y = r.value) == null || y.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 = [
+  ), j(() => {
+    var d, u;
+    r.value && ((d = a.value) == null || d.event.clearInstanceListeners(r.value), i.value ? (u = c.value) == null || u.removeMarker(r.value) : r.value.setMap(null));
+  }), r;
+}, pe = [
   "animation_changed",
   "click",
   "dblclick",
@@ -629,7 +629,7 @@ const A = /* @__PURE__ */ Re(Ae), Ze = (o) => o === "Marker", Be = (o) => o ===
   "shape_changed",
   "title_changed",
   "visible_changed"
-], yt = k({
+], Pt = M({
   name: "Marker",
   props: {
     options: {
@@ -637,15 +637,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: pe,
+  setup(o, { emit: e, expose: t, slots: s }) {
+    const r = B(o, "options"), n = Z("Marker", pe, r, e);
+    return z(xe, n), t({ marker: n }), () => {
       var a;
-      return (a = n.default) == null ? void 0 : a.call(n);
+      return (a = s.default) == null ? void 0 : a.call(s);
     };
   }
-}), Ct = k({
+}), xt = M({
   name: "Polyline",
   props: {
     options: {
@@ -653,13 +653,13 @@ const A = /* @__PURE__ */ Re(Ae), Ze = (o) => o === "Marker", Be = (o) => o ===
       required: !0
     }
   },
-  emits: P,
+  emits: $,
   setup(o, { emit: e }) {
-    const t = L(o, "options");
-    return { polyline: $("Polyline", P, t, e) };
+    const t = B(o, "options");
+    return { polyline: Z("Polyline", $, t, e) };
   },
   render: () => null
-}), _t = k({
+}), Et = M({
   name: "Polygon",
   props: {
     options: {
@@ -667,13 +667,13 @@ const A = /* @__PURE__ */ Re(Ae), Ze = (o) => o === "Marker", Be = (o) => o ===
       required: !0
     }
   },
-  emits: P,
+  emits: $,
   setup(o, { emit: e }) {
-    const t = L(o, "options");
-    return { polygon: $("Polygon", P, t, e) };
+    const t = B(o, "options");
+    return { polygon: Z("Polygon", $, t, e) };
   },
   render: () => null
-}), ae = P.concat(["bounds_changed"]), kt = k({
+}), fe = $.concat(["bounds_changed"]), Lt = M({
   name: "Rectangle",
   props: {
     options: {
@@ -681,13 +681,13 @@ const A = /* @__PURE__ */ Re(Ae), Ze = (o) => o === "Marker", Be = (o) => o ===
       required: !0
     }
   },
-  emits: ae,
+  emits: fe,
   setup(o, { emit: e }) {
-    const t = L(o, "options");
-    return { rectangle: $("Rectangle", ae, t, e) };
+    const t = B(o, "options");
+    return { rectangle: Z("Rectangle", fe, t, e) };
   },
   render: () => null
-}), le = P.concat(["center_changed", "radius_changed"]), wt = k({
+}), me = $.concat(["center_changed", "radius_changed"]), St = M({
   name: "Circle",
   props: {
     options: {
@@ -695,13 +695,13 @@ const A = /* @__PURE__ */ Re(Ae), Ze = (o) => o === "Marker", Be = (o) => o ===
       required: !0
     }
   },
-  emits: le,
+  emits: me,
   setup(o, { emit: e }) {
-    const t = L(o, "options");
-    return { circle: $("Circle", le, t, e) };
+    const t = B(o, "options");
+    return { circle: Z("Circle", me, t, e) };
   },
   render: () => null
-}), Ne = k({
+}), Ye = M({
   props: {
     position: {
       type: String,
@@ -714,47 +714,47 @@ 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));
+    const t = v(null), s = _(q, v()), r = _(R, v()), n = _(Le, v(!1)), a = v(!1), c = O(
+      [n, r, t],
+      ([u, l, h]) => {
+        l && u && h && (i(o.position), a.value = !0, e("content:loaded"), setTimeout(c, 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 l = r.value.ControlPosition[u];
+        s.value.controls[l].push(t.value);
       }
-    }, p = (u) => {
-      if (n.value && s.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);
+    }, d = (u) => {
+      if (s.value && r.value) {
+        let l = null;
+        const h = r.value.ControlPosition[u];
+        s.value.controls[h].forEach((p, f) => {
+          p === t.value && (l = f);
+        }), l !== null && s.value.controls[h].removeAt(l);
       }
     };
-    return S(() => p(o.position)), b(
+    return j(() => d(o.position)), O(
       () => o.position,
-      (u, c) => {
-        p(c), i(u);
+      (u, l) => {
+        d(l), i(u);
       }
-    ), b(
+    ), O(
       () => o.index,
       (u) => {
         u && t.value && (t.value.index = o.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")
+}), Xe = { ref: "controlRef" };
+function Qe(o, e, t, s, r, n) {
+  return Ne((J(), Y("div", Xe, [
+    X(o.$slots, "default")
   ], 512)), [
-    [Ie, o.showContent]
+    [Fe, o.showContent]
   ]);
 }
-const bt = /* @__PURE__ */ K(Ne, [["render", De]]), ce = ["closeclick", "content_changed", "domready", "position_changed", "visible", "zindex_changed"], Fe = k({
+const At = /* @__PURE__ */ ee(Ye, [["render", Qe]]), ge = ["closeclick", "content_changed", "domready", "position_changed", "visible", "zindex_changed"], et = M({
   inheritAttrs: !1,
   props: {
     options: {
@@ -762,146 +762,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(() => {
+  emits: ge,
+  setup(o, { slots: e, emit: t, expose: s }) {
+    const r = v(), n = v(), a = _(q, v()), c = _(R, v()), i = _(xe, v());
+    let d;
+    const u = K(() => {
+      var p;
+      return (p = e.default) == null ? void 0 : p.call(e).some((f) => f.type !== be);
+    }), l = (p) => {
       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 });
+      return (f = r.value) == null ? void 0 : f.open({ map: a.value, anchor: i.value, ...p });
     }, h = () => {
-      var f;
-      return (f = s.value) == null ? void 0 : f.close();
+      var p;
+      return (p = r.value) == null ? void 0 : p.close();
     };
-    return ge(() => {
-      b(
+    return Me(() => {
+      O(
         [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(
-            new l.value.InfoWindow({
-              ...d,
-              content: u.value ? r.value : d.content
+        ([p, f], [m, g]) => {
+          const y = !A(f, g) || a.value !== m;
+          a.value && c.value && y && (r.value ? (r.value.setOptions({
+            ...f,
+            content: u.value ? n.value : f.content
+          }), i.value || l()) : (r.value = E(
+            new c.value.InfoWindow({
+              ...f,
+              content: u.value ? n.value : f.content
             })
-          ), i.value ? p = i.value.addListener("click", () => {
-            c();
-          }) : c(), ce.forEach((w) => {
-            var j;
-            (j = s.value) == null || j.addListener(w, (_) => t(w, _));
+          ), i.value ? d = i.value.addListener("click", () => {
+            l();
+          }) : l(), ge.forEach((w) => {
+            var C;
+            (C = r.value) == null || C.addListener(w, (T) => t(w, T));
           })));
         },
         {
           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 };
+    }), j(() => {
+      var p;
+      d && d.remove(), r.value && ((p = c.value) == null || p.event.clearInstanceListeners(r.value), h());
+    }), s({ infoWindow: r, open: l, close: h }), { infoWindow: r, infoWindowRef: n, hasSlotContent: u, open: l, close: h };
   }
 });
-const Ge = {
+const tt = {
   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 st(o, e, t, s, r, n) {
+  return o.hasSlotContent ? (J(), Y("div", tt, [
+    ie("div", Oe({ ref: "infoWindowRef" }, o.$attrs), [
+      X(o.$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);
+  ])) : Pe("", !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 Tt = /* @__PURE__ */ ee(et, [["render", st], ["__scopeId", "data-v-45a4606d"]]), ve = [
+  Int8Array,
+  Uint8Array,
+  Uint8ClampedArray,
+  Int16Array,
+  Uint16Array,
+  Int32Array,
+  Uint32Array,
+  Float32Array,
+  Float64Array
+], se = 1, D = 8;
+class ae {
+  /**
+   * 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 !== se)
+      throw new Error(`Got v${r} data when expected v${se}.`);
+    const n = ve[s & 15];
+    if (!n)
+      throw new Error("Unrecognized array type.");
+    const [a] = new Uint16Array(e, 2, 1), [c] = new Uint32Array(e, 4, 1);
+    return new ae(c, a, n, 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 n = ve.indexOf(this.ArrayType), a = e * 2 * this.ArrayType.BYTES_PER_ELEMENT, c = e * this.IndexArrayType.BYTES_PER_ELEMENT, i = (8 - c % 8) % 8;
+    if (n < 0)
+      throw new Error(`Unexpected typed array class: ${s}.`);
+    r && r instanceof ArrayBuffer ? (this.data = r, this.ids = new this.IndexArrayType(this.data, D, e), this.coords = new this.ArrayType(this.data, D + c + i, e * 2), this._pos = e * 2, this._finished = !0) : (this.data = new ArrayBuffer(D + a + c + i), this.ids = new this.IndexArrayType(this.data, D, e), this.coords = new this.ArrayType(this.data, D + c + i, e * 2), this._pos = 0, this._finished = !1, new Uint8Array(this.data, 0, 2).set([219, (se << 4) + n]), 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 ne(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: n, coords: a, nodeSize: c } = this, i = [0, n.length - 1, 0], d = [];
+    for (; i.length; ) {
+      const u = i.pop() || 0, l = i.pop() || 0, h = i.pop() || 0;
+      if (l - h <= c) {
+        for (let g = h; g <= l; g++) {
+          const y = a[2 * g], w = a[2 * g + 1];
+          y >= e && y <= s && w >= t && w <= r && d.push(n[g]);
+        }
+        continue;
+      }
+      const p = h + l >> 1, f = a[2 * p], m = a[2 * p + 1];
+      f >= e && f <= s && m >= t && m <= r && d.push(n[p]), (u === 0 ? e <= f : t <= m) && (i.push(h), i.push(p - 1), i.push(1 - u)), (u === 0 ? s >= f : r >= m) && (i.push(p + 1), i.push(l), 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 d;
+  }
+  /**
+   * 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: n, nodeSize: a } = this, c = [0, r.length - 1, 0], i = [], d = s * s;
+    for (; c.length; ) {
+      const u = c.pop() || 0, l = c.pop() || 0, h = c.pop() || 0;
+      if (l - h <= a) {
+        for (let g = h; g <= l; g++)
+          ye(n[2 * g], n[2 * g + 1], e, t) <= d && i.push(r[g]);
+        continue;
+      }
+      const p = h + l >> 1, f = n[2 * p], m = n[2 * p + 1];
+      ye(f, m, e, t) <= d && i.push(r[p]), (u === 0 ? e - s <= f : t - s <= m) && (c.push(h), c.push(p - 1), c.push(1 - u)), (u === 0 ? e + s >= f : t + s >= m) && (c.push(p + 1), c.push(l), c.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 ne(o, e, t, s, r, n) {
+  if (r - s <= t)
+    return;
+  const a = s + r >> 1;
+  Se(o, e, a, s, r, n), ne(o, e, t, s, a - 1, 1 - n), ne(o, e, t, a + 1, r, 1 - n);
 }
-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 Se(o, e, t, s, r, n) {
+  for (; r > s; ) {
+    if (r - s > 600) {
+      const d = r - s + 1, u = t - s + 1, l = Math.log(d), h = 0.5 * Math.exp(2 * l / 3), p = 0.5 * Math.sqrt(l * h * (d - h) / d) * (u - d / 2 < 0 ? -1 : 1), f = Math.max(s, Math.floor(t - u * h / d + p)), m = Math.min(r, Math.floor(t + (d - u) * h / d + p));
+      Se(o, e, t, f, m, n);
     }
-    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 + n];
+    let c = s, i = r;
+    for (U(o, e, s, t), e[2 * r + n] > a && U(o, e, s, r); c < i; ) {
+      for (U(o, e, c, i), c++, i--; e[2 * c + n] < a; )
+        c++;
+      for (; e[2 * i + n] > 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 + n] === a ? U(o, e, s, i) : (i++, U(o, 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 U(o, e, t, s) {
+  re(o, t, s), re(e, 2 * t, 2 * s), re(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 re(o, e, t) {
+  const s = o[e];
+  o[e] = o[t], o[t] = s;
 }
-const Je = {
+function ye(o, e, t, s) {
+  const r = o - t, n = e - s;
+  return r * r + n * n;
+}
+const rt = {
   minZoom: 0,
   // min zoom to generate clusters on
   maxZoom: 16,
@@ -924,168 +990,201 @@ const Je = {
   // properties to use for individual points when running the reducer
   map: (o) => o
   // props => ({sum: props.my_value})
-}, D = Math.fround || ((o) => (e) => (o[0] = +e, o[0]))(new Float32Array(1));
-class Xe {
+}, we = Math.fround || ((o) => (e) => (o[0] = +e, o[0]))(new Float32Array(1)), L = 2, x = 3, oe = 4, P = 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(rt), 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 n = `prepare ${e.length} points`;
+    t && console.time(n), this.points = e;
+    const a = [];
+    for (let i = 0; i < e.length; i++) {
+      const d = e[i];
+      if (!d.geometry)
+        continue;
+      const [u, l] = d.geometry.coordinates, h = we(H(u)), p = we(W(l));
+      a.push(
+        h,
+        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 c = this.trees[r + 1] = this._createTree(a);
+    t && console.timeEnd(n);
+    for (let i = r; i >= s; i--) {
+      const d = +Date.now();
+      c = this.trees[i] = this._createTree(this._cluster(c, i)), t && console.log("z%d: %d clusters in %dms", i, c.numItems, +Date.now() - d);
     }
     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 n = 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, n = 180;
+    else if (s > n) {
+      const l = this.getClusters([s, r, 180, a], t), h = this.getClusters([-180, r, n, a], t);
+      return l.concat(h);
     }
-    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 c = this.trees[this._limitZoom(t)], i = c.range(H(s), W(a), H(n), W(r)), d = c.data, u = [];
+    for (const l of i) {
+      const h = this.stride * l;
+      u.push(d[h + P] > 1 ? ke(d, h, this.clusterProps) : this.points[d[h + x]]);
     }
-    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.", n = this.trees[s];
+    if (!n)
+      throw new Error(r);
+    const a = n.data;
+    if (t * this.stride >= a.length)
+      throw new Error(r);
+    const c = this.options.radius / (this.options.extent * Math.pow(2, s - 1)), i = a[t * this.stride], d = a[t * this.stride + 1], u = n.within(i, d, c), l = [];
+    for (const h of u) {
+      const p = h * this.stride;
+      a[p + oe] === e && l.push(a[p + P] > 1 ? ke(a, p, this.clusterProps) : this.points[a[p + x]]);
     }
-    if (p.length === 0)
-      throw new Error(s);
-    return p;
+    if (l.length === 0)
+      throw new Error(r);
+    return l;
   }
-  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)], n = Math.pow(2, e), { extent: a, radius: c } = this.options, i = c / a, d = (s - i) / n, u = (s + 1 + i) / n, l = {
       features: []
     };
     return this._addTileFeatures(
-      s.range((t - i) / r, p, (t + 1 + i) / r, u),
-      s.points,
+      r.range((t - i) / n, d, (t + 1 + i) / n, u),
+      r.data,
       t,
+      s,
       n,
-      r,
-      c
+      l
     ), t === 0 && this._addTileFeatures(
-      s.range(1 - i / r, p, 1, u),
-      s.points,
-      r,
+      r.range(1 - i / n, d, 1, u),
+      r.data,
       n,
-      r,
-      c
-    ), t === r - 1 && this._addTileFeatures(
-      s.range(0, p, i / r, u),
-      s.points,
+      s,
+      n,
+      l
+    ), t === n - 1 && this._addTileFeatures(
+      r.range(0, d, i / n, u),
+      r.data,
       -1,
+      s,
       n,
-      r,
-      c
-    ), c.features.length ? c : null;
+      l
+    ), l.features.length ? l : 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, n) {
     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)
+    for (const c of a) {
+      const i = c.properties;
+      if (i && i.cluster ? n + i.point_count <= r ? n += i.point_count : n = this._appendLeaves(e, i.cluster_id, s, r, n) : n < r ? n++ : e.push(c), e.length === s)
         break;
     }
-    return r;
-  }
-  _addTileFeatures(e, t, n, s, r, 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;
+    return n;
+  }
+  _createTree(e) {
+    const t = new ae(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, s, r, n, a) {
+    for (const c of e) {
+      const i = c * this.stride, d = t[i + P] > 1;
+      let u, l, h;
+      if (d)
+        u = Ie(t, i, this.clusterProps), l = t[i], h = 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 + x]];
+        u = m.properties;
+        const [g, y] = m.geometry.coordinates;
+        l = H(g), h = W(y);
       }
-      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 * (l * n - s)),
+          Math.round(this.options.extent * (h * n - 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;
+      d || this.options.generateId ? f = t[i + x] : f = this.points[t[i + x]].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: n, minPoints: a } = this.options, c = s / (r * Math.pow(2, t)), i = e.data, d = [], u = this.stride;
+    for (let l = 0; l < i.length; l += u) {
+      if (i[l + L] <= 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[l + L] = t;
+      const h = i[l], p = i[l + 1], f = e.within(i[l], i[l + 1], c), m = i[l + P];
+      let g = m;
+      for (const y of f) {
+        const w = y * u;
+        i[w + L] > t && (g += i[w + P]);
       }
-      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 y = h * m, w = p * m, C, T = -1;
+        const N = ((l / u | 0) << 5) + (t + 1) + this.points.length;
+        for (const G of f) {
+          const b = G * u;
+          if (i[b + L] <= 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[b + L] = t;
+          const F = i[b + P];
+          y += i[b] * F, w += i[b + 1] * F, i[b + oe] = N, n && (C || (C = this._map(i, l, !0), T = this.clusterProps.length, this.clusterProps.push(C)), n(C, this._map(i, b)));
         }
+        i[l + oe] = N, d.push(y / g, w / g, 1 / 0, N, -1, g), n && d.push(T);
+      } else {
+        for (let y = 0; y < u; y++)
+          d.push(i[l + y]);
+        if (g > 1)
+          for (const y of f) {
+            const w = y * u;
+            if (!(i[w + L] <= t)) {
+              i[w + L] = t;
+              for (let C = 0; C < u; C++)
+                d.push(i[w + C]);
+            }
+          }
+      }
     }
-    return n;
+    return d;
   }
   // get index of the point from which the cluster originated
   _getOriginId(e) {
@@ -1095,87 +1194,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 + P] > 1) {
+      const a = this.clusterProps[e[t + Ae]];
+      return s ? Object.assign({}, a) : a;
+    }
+    const r = this.points[e[t + x]].properties, n = this.options.map(r);
+    return s && n === r ? Object.assign({}, n) : n;
   }
 }
-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(o, e, t) {
   return {
     type: "Feature",
-    id: o.id,
-    properties: Me(o),
+    id: o[e + x],
+    properties: Ie(o, e, t),
     geometry: {
       type: "Point",
-      coordinates: [et(o.x), tt(o.y)]
+      coordinates: [ot(o[e]), nt(o[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 Ie(o, e, t) {
+  const s = o[e + P], r = s >= 1e4 ? `${Math.round(s / 1e3)}k` : s >= 1e3 ? `${Math.round(s / 100) / 10}k` : s, n = o[e + Ae], a = n === -1 ? {} : Object.assign({}, t[n]);
+  return Object.assign(a, {
     cluster: !0,
-    cluster_id: o.id,
-    point_count: e,
-    point_count_abbreviated: t
+    cluster_id: o[e + x],
+    point_count: s,
+    point_count_abbreviated: r
   });
 }
-function B(o) {
+function H(o) {
   return o / 360 + 0.5;
 }
-function N(o) {
+function W(o) {
   const e = Math.sin(o * 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) {
+function ot(o) {
   return (o - 0.5) * 360;
 }
-function tt(o) {
+function nt(o) {
   const e = (180 - o * 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 +1251,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 le(o, e) {
   var t = {};
-  for (var n in o)
-    Object.prototype.hasOwnProperty.call(o, n) && e.indexOf(n) < 0 && (t[n] = o[n]);
+  for (var s in o)
+    Object.prototype.hasOwnProperty.call(o, s) && e.indexOf(s) < 0 && (t[s] = o[s]);
   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 r = 0, s = Object.getOwnPropertySymbols(o); r < s.length; r++)
+      e.indexOf(s[r]) < 0 && Object.prototype.propertyIsEnumerable.call(o, s[r]) && (t[s[r]] = o[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 V {
   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 +1305,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 +1317,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 it = (o, e, t, s) => {
+  const r = $e(o.getBounds(), e, s);
+  return t.filter((n) => r.contains(k.getPosition(n)));
+}, $e = (o, e, t) => {
+  const { northEast: s, southWest: r } = at(o, e), n = lt({ northEast: s, southWest: r }, t);
+  return ct(n, e);
+}, _e = (o, e, t) => {
+  const s = $e(o, e, t), r = s.getNorthEast(), n = s.getSouthWest();
+  return [n.lng(), n.lat(), r.lng(), r.lat()];
+}, at = (o, e) => ({
+  northEast: e.fromLatLngToDivPixel(o.getNorthEast()),
+  southWest: e.fromLatLngToDivPixel(o.getSouthWest())
+}), lt = ({ northEast: o, southWest: e }, t) => (o.x += t, o.y -= t, e.x -= t, e.y += t, { northEast: o, southWest: e }), ct = ({ northEast: o, southWest: e }, t) => {
+  const s = t.fromDivPixelToLatLng(e), r = t.fromDivPixelToLatLng(o);
+  return new google.maps.LatLngBounds(s, r);
+};
+class je {
   constructor({ maxZoom: e = 16 }) {
     this.maxZoom = e;
   }
@@ -1240,78 +1347,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 dt(e);
+  }
+}
+class ut extends je {
+  constructor(e) {
+    var { viewportPadding: t = 60 } = e, s = le(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: it(t, s, e, this.viewportPadding),
+        map: t,
+        mapCanvasProjection: s
+      })
+    };
   }
 }
-const ot = (o) => o.map((t) => new X({
-  position: t.getPosition(),
+const dt = (o) => o.map((t) => new V({
+  position: k.getPosition(t),
   markers: [t]
 }));
-class rt extends nt {
+class ht 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 = le(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;
+    const s = { zoom: e.map.getZoom() };
     if (!A(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((n) => {
+        const a = k.getPosition(n);
+        return {
+          type: "Feature",
+          geometry: {
+            type: "Point",
+            coordinates: [a.lng(), a.lat()]
+          },
+          properties: { marker: n }
+        };
+      });
+      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 = !A(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 V({
+        markers: this.superCluster.getLeaves(s.cluster_id, 1 / 0).map((n) => n.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 V({
+      markers: [r],
+      position: k.getPosition(r)
+    });
+  }
+}
+class pt extends ut {
+  constructor(e) {
+    var { maxZoom: t, radius: s = 60, viewportPadding: r = 60 } = e, n = le(e, ["maxZoom", "radius", "viewportPadding"]);
+    super({ maxZoom: t, viewportPadding: r }), this.superCluster = new Te(Object.assign({ maxZoom: this.maxZoom, radius: s }, n)), this.state = { zoom: -1, view: [0, 0, 0, 0] };
+  }
+  calculate(e) {
+    const t = {
+      zoom: Math.round(e.map.getZoom()),
+      view: _e(e.map.getBounds(), e.mapCanvasProjection, this.viewportPadding)
+    };
+    let s = !A(this.state, t);
+    if (!A(e.markers, this.markers)) {
+      s = !0, this.markers = [...e.markers];
+      const r = this.markers.map((n) => {
+        const a = k.getPosition(n);
+        return {
+          type: "Feature",
+          geometry: {
+            type: "Point",
+            coordinates: [a.lng(), a.lat()]
+          },
+          properties: { marker: n }
+        };
       });
+      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: _e(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 V({
+        markers: this.superCluster.getLeaves(s.cluster_id, 1 / 0).map((n) => n.properties.marker),
+        position: { lat: t, lng: e }
+      });
+    const r = s.marker;
+    return new V({
+      markers: [r],
+      position: k.getPosition(r)
+    });
   }
 }
-class it {
+class ft {
   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((n) => n.count), r = s.reduce((n, a) => n + 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 mt {
   /**
    * The default render function for the library used by {@link MarkerClusterer}.
    *
@@ -1350,67 +1523,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>`, c = `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 l = u.firstElementChild;
+      l.setAttribute("transform", "translate(0 25)");
+      const h = {
+        map: r,
+        position: t,
+        zIndex: i,
+        title: c,
+        content: l
+      };
+      return new google.maps.marker.AdvancedMarkerElement(h);
+    }
+    const d = {
       position: t,
+      zIndex: i,
+      title: c,
       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(d);
   }
 }
-function lt(o, e) {
+function gt(o, e) {
   for (let t in e.prototype)
     o.prototype[t] = e.prototype[t];
 }
-class Q {
+class ce {
   constructor() {
-    lt(Q, google.maps.OverlayView);
+    gt(ce, google.maps.OverlayView);
   }
 }
-var x;
+var I;
 (function(o) {
   o.CLUSTERING_BEGIN = "clusteringbegin", o.CLUSTERING_END = "clusteringend", o.CLUSTER_CLICK = "click";
-})(x || (x = {}));
-const ct = (o, e, t) => {
+})(I || (I = {}));
+const vt = (o, 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 yt extends ce {
+  constructor({ map: e, markers: t = [], algorithmOptions: s = {}, algorithm: r = new ht(s), renderer: n = new mt(), onClusterClick: a = vt }) {
+    super(), this.markers = [...t], this.clusters = [], this.algorithm = r, this.renderer = n, 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 +1602,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, I.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 n = [];
+        for (const a of this.clusters)
+          a.marker != null && (a.markers.length == 1 ? r.has(a.marker) || k.setMap(a.marker, null) : n.push(a.marker));
+        this.clusters = t, this.renderClusters(), requestAnimationFrame(() => n.forEach((a) => k.setMap(a, null)));
+      }
+      google.maps.event.trigger(this, I.CLUSTERING_END, this);
     }
   }
   onAdd() {
@@ -1437,22 +1628,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 ft(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, I.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 Ce = Object.values(I), It = M({
   name: "MarkerCluster",
   props: {
     options: {
@@ -1460,29 +1651,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: Ce,
+  setup(o, { emit: e, expose: t, slots: s }) {
+    const r = v(), n = _(q, v()), a = _(R, v());
+    return z(Ee, r), O(
+      n,
       () => {
-        r.value && (s.value = M(new ut({ map: r.value, ...o.options })), me.forEach((l) => {
+        n.value && (r.value = E(
+          new yt({
+            map: n.value,
+            // Better perf than the default `SuperClusterAlgorithm`. See:
+            // https://github.com/googlemaps/js-markerclusterer/pull/640
+            algorithm: new pt(o.options.algorithmOptions ?? {}),
+            ...o.options
+          })
+        ), Ce.forEach((c) => {
           var i;
-          (i = s.value) == null || i.addListener(l, (p) => e(l, p));
+          (i = r.value) == null || i.addListener(c, (d) => e(c, d));
         }));
       },
       {
         immediate: !0
       }
-    ), S(() => {
-      var l;
-      s.value && ((l = a.value) == null || l.event.clearInstanceListeners(s.value), s.value.clearMarkers(), s.value.setMap(null));
-    }), t({ markerCluster: s }), () => {
-      var l;
-      return (l = n.default) == null ? void 0 : l.call(n);
+    ), j(() => {
+      var c;
+      r.value && ((c = a.value) == null || c.event.clearInstanceListeners(r.value), r.value.clearMarkers(), r.value.setMap(null));
+    }), t({ markerCluster: r }), () => {
+      var c;
+      return (c = s.default) == null ? void 0 : c.call(s);
     };
   }
-}), pt = k({
+}), wt = M({
   inheritAttrs: !1,
   props: {
     options: {
@@ -1490,34 +1689,34 @@ const me = Object.values(x), Ot = k({
       required: !0
     }
   },
-  setup(o, { slots: e, emit: t, expose: n }) {
-    const s = v(), r = z(() => {
+  setup(o, { slots: e, emit: t, expose: s }) {
+    const r = v(), n = K(() => {
       var i;
-      return (i = e.default) == null ? void 0 : i.call(e).some((p) => p.type !== ve);
-    }), a = z(() => ({
+      return (i = e.default) == null ? void 0 : i.call(e).some((d) => d.type !== be);
+    }), a = K(() => ({
       ...o.options,
-      element: s.value
-    })), l = $(H, [], a, t);
-    return n({
-      customMarker: l
-    }), { customMarkerRef: s, customMarker: l, hasSlotContent: r };
+      element: r.value
+    })), c = Z(Q, [], a, t);
+    return s({
+      customMarker: c
+    }), { customMarkerRef: r, customMarker: c, hasSlotContent: n };
   }
 });
-const dt = {
+const kt = {
   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 _t(o, e, t, s, r, n) {
+  return o.hasSlotContent ? (J(), Y("div", kt, [
+    ie("div", Oe({
       ref: "customMarkerRef",
       style: { cursor: o.$attrs.onClick ? "pointer" : void 0 }
     }, o.$attrs), [
-      U(o.$slots, "default", {}, void 0, !0)
+      X(o.$slots, "default", {}, void 0, !0)
     ], 16)
-  ])) : Ce("", !0);
+  ])) : Pe("", !0);
 }
-const xt = /* @__PURE__ */ K(pt, [["render", ht], ["__scopeId", "data-v-c7599d50"]]), Pt = k({
+const $t = /* @__PURE__ */ ee(wt, [["render", _t], ["__scopeId", "data-v-c7599d50"]]), jt = M({
   name: "HeatmapLayer",
   props: {
     options: {
@@ -1526,20 +1725,20 @@ const xt = /* @__PURE__ */ K(pt, [["render", ht], ["__scopeId", "data-v-c7599d50
     }
   },
   setup(o) {
-    const e = v(), t = y(I, v()), n = y(E, v());
-    return b(
+    const e = v(), t = _(q, v()), s = _(R, v());
+    return O(
       [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));
+      ([r, n], [a, c]) => {
+        var d;
+        const i = !A(n, c) || t.value !== a;
+        if (t.value && s.value && i) {
+          const u = structuredClone(n);
+          if (u.data && !(u.data instanceof s.value.MVCArray)) {
+            const l = s.value.LatLng;
+            u.data = (d = u.data) == null ? void 0 : d.map((h) => h instanceof l || "location" in h && (h.location instanceof l || h.location === null) ? h : "location" in h ? { ...h, location: new l(h.location) } : new l(h));
           }
-          e.value ? e.value.setOptions(u) : e.value = M(
-            new n.value.visualization.HeatmapLayer({
+          e.value ? e.value.setOptions(u) : e.value = E(
+            new s.value.visualization.HeatmapLayer({
               ...u,
               map: t.value
             })
@@ -1547,22 +1746,22 @@ const xt = /* @__PURE__ */ K(pt, [["render", ht], ["__scopeId", "data-v-c7599d50
         }
       },
       { immediate: !0 }
-    ), S(() => {
+    ), j(() => {
       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
+  St as Circle,
+  At as CustomControl,
+  $t as CustomMarker,
+  Ot as GoogleMap,
+  jt as HeatmapLayer,
+  Tt as InfoWindow,
+  Pt as Marker,
+  It as MarkerCluster,
+  Et as Polygon,
+  xt as Polyline,
+  Lt as Rectangle
 };