@stachelock/ui 0.2.14 → 0.3.0

package/dist/useMap-BaZEIoWM.js

@@ -0,0 +1,525 @@
+import { inject as oe, ref as y, computed as D, watch as ie } from "vue";
+import { a as U, b as z, g as le } from "./mapThemes-DFE9fZm3.js";
+import { useTheme as se } from "./composables/useTheme.js";
+function ve(t) {
+  if (t._geoloc && typeof t._geoloc == "object") {
+    const e = t._geoloc;
+    if (typeof e.lat == "number" && typeof e.lng == "number")
+      return { lat: e.lat, lng: e.lng };
+  }
+  if (t.latLng && typeof t.latLng == "object") {
+    const e = t.latLng;
+    if (typeof e.lat == "number" && typeof e.lng == "number")
+      return { lat: e.lat, lng: e.lng };
+  }
+  if (t.location && typeof t.location == "object") {
+    const e = t.location;
+    if (typeof e.lat == "number" && typeof e.lng == "number")
+      return { lat: e.lat, lng: e.lng };
+  }
+  if (t.coordinates && typeof t.coordinates == "object") {
+    const e = t.coordinates;
+    if (typeof e.lat == "number" && typeof e.lng == "number")
+      return { lat: e.lat, lng: e.lng };
+  }
+  if (typeof t.lat == "number" && typeof t.lng == "number")
+    return { lat: t.lat, lng: t.lng };
+  if (typeof t.latitude == "number" && typeof t.longitude == "number")
+    return { lat: t.latitude, lng: t.longitude };
+  if (t.address && typeof t.address == "object") {
+    const e = t.address;
+    if (e.geocode && typeof e.geocode.lat == "number" && typeof e.geocode.lng == "number")
+      return { lat: e.geocode.lat, lng: e.geocode.lng };
+  }
+  return null;
+}
+function ae(t, e) {
+  if (t < -90 || t > 90 || e < -180 || e > 180 || t === 0 && e === 0)
+    return !1;
+  const i = 1e-3;
+  return !(Math.abs(t) < i && Math.abs(e) < i);
+}
+const ye = { lat: 39.8283, lng: -98.5795 }, be = { lat: 0, lng: 0 };
+function ue(t, e, i, o) {
+  function a(s) {
+    return s instanceof i ? s : new i(function(f) {
+      f(s);
+    });
+  }
+  return new (i || (i = Promise))(function(s, f) {
+    function m(g) {
+      try {
+        v(o.next(g));
+      } catch (d) {
+        f(d);
+      }
+    }
+    function u(g) {
+      try {
+        v(o.throw(g));
+      } catch (d) {
+        f(d);
+      }
+    }
+    function v(g) {
+      g.done ? s(g.value) : a(g.value).then(m, u);
+    }
+    v((o = o.apply(t, [])).next());
+  });
+}
+function ce(t) {
+  return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
+}
+var K, G;
+function fe() {
+  return G || (G = 1, K = function t(e, i) {
+    if (e === i) return !0;
+    if (e && i && typeof e == "object" && typeof i == "object") {
+      if (e.constructor !== i.constructor) return !1;
+      var o, a, s;
+      if (Array.isArray(e)) {
+        if (o = e.length, o != i.length) return !1;
+        for (a = o; a-- !== 0; )
+          if (!t(e[a], i[a])) return !1;
+        return !0;
+      }
+      if (e.constructor === RegExp) return e.source === i.source && e.flags === i.flags;
+      if (e.valueOf !== Object.prototype.valueOf) return e.valueOf() === i.valueOf();
+      if (e.toString !== Object.prototype.toString) return e.toString() === i.toString();
+      if (s = Object.keys(e), o = s.length, o !== Object.keys(i).length) return !1;
+      for (a = o; a-- !== 0; )
+        if (!Object.prototype.hasOwnProperty.call(i, s[a])) return !1;
+      for (a = o; a-- !== 0; ) {
+        var f = s[a];
+        if (!t(e[f], i[f])) return !1;
+      }
+      return !0;
+    }
+    return e !== e && i !== i;
+  }), K;
+}
+var ge = fe(), he = /* @__PURE__ */ ce(ge);
+const W = "__googleMapsScriptId";
+var R;
+(function(t) {
+  t[t.INITIALIZED = 0] = "INITIALIZED", t[t.LOADING = 1] = "LOADING", t[t.SUCCESS = 2] = "SUCCESS", t[t.FAILURE = 3] = "FAILURE";
+})(R || (R = {}));
+class M {
+  /**
+   * Creates an instance of Loader using [[LoaderOptions]]. No defaults are set
+   * using this library, instead the defaults are set by the Google Maps
+   * JavaScript API server.
+   *
+   * ```
+   * const loader = Loader({apiKey, version: 'weekly', libraries: ['places']});
+   * ```
+   */
+  constructor({ apiKey: e, authReferrerPolicy: i, channel: o, client: a, id: s = W, language: f, libraries: m = [], mapIds: u, nonce: v, region: g, retries: d = 3, url: w = "https://maps.googleapis.com/maps/api/js", version: c }) {
+    if (this.callbacks = [], this.done = !1, this.loading = !1, this.errors = [], this.apiKey = e, this.authReferrerPolicy = i, this.channel = o, this.client = a, this.id = s || W, this.language = f, this.libraries = m, this.mapIds = u, this.nonce = v, this.region = g, this.retries = d, this.url = w, this.version = c, M.instance) {
+      if (!he(this.options, M.instance.options))
+        throw new Error(`Loader must not be called again with different options. ${JSON.stringify(this.options)} !== ${JSON.stringify(M.instance.options)}`);
+      return M.instance;
+    }
+    M.instance = this;
+  }
+  get options() {
+    return {
+      version: this.version,
+      apiKey: this.apiKey,
+      channel: this.channel,
+      client: this.client,
+      id: this.id,
+      libraries: this.libraries,
+      language: this.language,
+      region: this.region,
+      mapIds: this.mapIds,
+      nonce: this.nonce,
+      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;
+  }
+  /**
+   * CreateUrl returns the Google Maps JavaScript API script url given the [[LoaderOptions]].
+   *
+   * @ignore
+   * @deprecated
+   */
+  createUrl() {
+    let e = this.url;
+    return e += "?callback=__googleMapsCallback&loading=async", 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);
+    e && e.remove();
+  }
+  /**
+   * Load the Google Maps JavaScript API script and return a Promise.
+   * @deprecated, use importLibrary() instead.
+   */
+  load() {
+    return this.loadPromise();
+  }
+  /**
+   * Load the Google Maps JavaScript API script and return a Promise.
+   *
+   * @ignore
+   * @deprecated, use importLibrary() instead.
+   */
+  loadPromise() {
+    return new Promise((e, i) => {
+      this.loadCallback((o) => {
+        o ? i(o.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();
+  }
+  /**
+   * Set the script on document.
+   */
+  setScript() {
+    var e, i;
+    if (document.getElementById(this.id)) {
+      this.callback();
+      return;
+    }
+    const o = {
+      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(o).forEach(
+      // eslint-disable-next-line @typescript-eslint/no-explicit-any
+      (s) => !o[s] && delete o[s]
+    ), !((i = (e = window?.google) === null || e === void 0 ? void 0 : e.maps) === null || i === void 0) && i.importLibrary || ((s) => {
+      let f, m, u, v = "The Google Maps JavaScript API", g = "google", d = "importLibrary", w = "__ib__", c = document, b = window;
+      b = b[g] || (b[g] = {});
+      const T = b.maps || (b.maps = {}), O = /* @__PURE__ */ new Set(), L = new URLSearchParams(), j = () => (
+        // @ts-ignore
+        f || (f = new Promise((_, P) => ue(this, void 0, void 0, function* () {
+          var k;
+          yield m = c.createElement("script"), m.id = this.id, L.set("libraries", [...O] + "");
+          for (u in s)
+            L.set(u.replace(/[A-Z]/g, ($) => "_" + $[0].toLowerCase()), s[u]);
+          L.set("callback", g + ".maps." + w), m.src = this.url + "?" + L, T[w] = _, m.onerror = () => f = P(Error(v + " could not load.")), m.nonce = this.nonce || ((k = c.querySelector("script[nonce]")) === null || k === void 0 ? void 0 : k.nonce) || "", c.head.append(m);
+        })))
+      );
+      T[d] ? console.warn(v + " only loads once. Ignoring:", s) : T[d] = (_, ...P) => O.add(_) && j().then(() => T[d](_, ...P));
+    })(o);
+    const a = this.libraries.map((s) => this.importLibrary(s));
+    a.length || a.push(this.importLibrary("core")), Promise.all(a).then(() => this.callback(), (s) => {
+      const f = new ErrorEvent("error", { error: s });
+      this.loadErrorCallback(f);
+    });
+  }
+  /**
+   * Reset the loader state.
+   */
+  reset() {
+    this.deleteScript(), this.done = !1, this.loading = !1, this.errors = [], this.onerrorEvent = null;
+  }
+  resetIfRetryingFailed() {
+    this.failed && this.reset();
+  }
+  loadErrorCallback(e) {
+    if (this.errors.push(e), this.errors.length <= this.retries) {
+      const i = this.errors.length * Math.pow(2, this.errors.length);
+      console.error(`Failed to load Google Maps script, retrying in ${i} ms.`), setTimeout(() => {
+        this.deleteScript(), this.setScript();
+      }, i);
+    } else
+      this.onerrorEvent = e, this.callback();
+  }
+  callback() {
+    this.done = !0, this.loading = !1, this.callbacks.forEach((e) => {
+      e(this.onerrorEvent);
+    }), this.callbacks = [];
+  }
+  execute() {
+    if (this.resetIfRetryingFailed(), !this.loading)
+      if (this.done)
+        this.callback();
+      else {
+        if (window.google && window.google.maps && window.google.maps.version) {
+          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 = !0, this.setScript();
+      }
+  }
+}
+let N = null, C = null;
+function we(t = {}) {
+  const e = oe("googleMaps", {}), { isDark: i } = se(), o = {
+    apiKey: t.apiKey || e?.apiKey || "",
+    version: t.version || e?.version || "weekly",
+    libraries: t.libraries || e?.libraries || ["places", "maps", "geometry", "marker"],
+    theme: t.theme || "ultraLight",
+    autoTheme: t.autoTheme ?? !0,
+    lightTheme: t.lightTheme || "ultraLight",
+    darkTheme: t.darkTheme || "dark",
+    customStyles: t.customStyles,
+    clustering: {
+      enabled: t.clustering?.enabled ?? !1,
+      minimumClusterSize: t.clustering?.minimumClusterSize ?? 2,
+      maxZoom: t.clustering?.maxZoom ?? 15,
+      gridSize: t.clustering?.gridSize ?? 60,
+      radius: t.clustering?.radius ?? 60,
+      virtualRendering: t.clustering?.virtualRendering ?? !0,
+      maxMarkersWithoutClustering: t.clustering?.maxMarkersWithoutClustering ?? 100
+    },
+    defaultCenter: t.defaultCenter || e?.defaultCenter || { lat: 39.8283, lng: -98.5795 },
+    defaultZoom: t.defaultZoom ?? e?.defaultZoom ?? 4
+  }, a = y(!1), s = y(!1), f = y(null), m = y(null), u = y(null), v = y(o.theme), g = y(o.defaultCenter), d = y(o.defaultZoom), w = y(null), c = y([]), b = y([]), T = D(() => ({
+    apiLoading: a.value,
+    apiReady: s.value,
+    apiError: f.value,
+    dataLoading: !1,
+    // Can be extended
+    dataReady: c.value.length > 0,
+    dataError: null
+  })), O = D(() => o.customStyles ? o.customStyles : o.autoTheme ? U(i.value, o.lightTheme, o.darkTheme) : z(v.value)), L = D(() => w.value ? c.value.filter((r) => {
+    const { lat: l, lng: n } = r.position, h = w.value;
+    return l >= h.south && l <= h.north && n >= h.west && n <= h.east;
+  }) : c.value), j = D(() => !o.clustering.enabled || d.value > o.clustering.maxZoom ? !1 : c.value.length > o.clustering.maxMarkersWithoutClustering);
+  async function _() {
+    if (s.value && C)
+      return C;
+    if (!o.apiKey) {
+      const r = "Google Maps API key is required";
+      throw f.value = r, new Error(r);
+    }
+    a.value = !0, f.value = null;
+    try {
+      return N || (N = new M({
+        apiKey: o.apiKey,
+        version: o.version,
+        id: "__googleMapsScriptId",
+        libraries: o.libraries
+      })), C || (C = N.load()), m.value = C, await C, s.value = !0, a.value = !1, console.log("[useMap] Google Maps API loaded successfully"), C;
+    } catch (r) {
+      const l = r instanceof Error ? r.message : "Failed to load Google Maps API";
+      throw f.value = l, a.value = !1, console.error("[useMap] Google Maps API loading failed:", r), r;
+    }
+  }
+  function P(r) {
+    u.value = r;
+    const l = r.getCenter();
+    l && (g.value = { lat: l.lat(), lng: l.lng() });
+    const n = r.getZoom();
+    n !== void 0 && (d.value = n), k();
+  }
+  function k() {
+    if (!u.value) return;
+    const r = u.value.getBounds();
+    if (r) {
+      const l = r.getNorthEast(), n = r.getSouthWest();
+      w.value = {
+        north: l.lat(),
+        south: n.lat(),
+        east: l.lng(),
+        west: n.lng()
+      };
+    }
+  }
+  function $(r) {
+    if (v.value = r, u.value && !o.autoTheme) {
+      const l = z(r);
+      u.value.setOptions({ styles: l });
+    }
+  }
+  function B(r) {
+    u.value && (u.value.panTo(r), g.value = r);
+  }
+  function J(r) {
+    u.value && (u.value.setZoom(r), d.value = r);
+  }
+  function V(r, l) {
+    if (!u.value) return;
+    const n = new google.maps.LatLngBounds(
+      { lat: r.south, lng: r.west },
+      { lat: r.north, lng: r.east }
+    );
+    u.value.fitBounds(n, l), k();
+  }
+  function X(r = 50) {
+    if (!u.value || c.value.length === 0) return;
+    const l = new google.maps.LatLngBounds();
+    c.value.forEach((n) => {
+      l.extend(n.position);
+    }), u.value.fitBounds(l, r), k();
+  }
+  function Y(r) {
+    c.value = [...c.value, r];
+  }
+  function H(r) {
+    c.value = c.value.filter((l) => l.id !== r);
+  }
+  function Q(r, l) {
+    c.value = c.value.map(
+      (n) => n.id === r ? { ...n, ...l } : n
+    );
+  }
+  function ee() {
+    c.value = [], b.value = [];
+  }
+  function te(r) {
+    c.value = r;
+  }
+  function re(r, l) {
+    if (!o.clustering.enabled || !j.value) {
+      b.value = [];
+      return;
+    }
+    const n = o.clustering.gridSize / Math.pow(2, r), h = /* @__PURE__ */ new Map();
+    (l ? c.value.filter((p) => {
+      const { lat: S, lng: I } = p.position;
+      return S >= l.south && S <= l.north && I >= l.west && I <= l.east;
+    }) : c.value).forEach((p) => {
+      const S = Math.floor(p.position.lng / n), I = Math.floor(p.position.lat / n), A = `${S}_${I}`;
+      h.has(A) || h.set(A, []), h.get(A).push(p);
+    });
+    const x = [];
+    h.forEach((p, S) => {
+      if (p.length >= o.clustering.minimumClusterSize) {
+        const I = p.reduce((Z, F) => Z + F.position.lat, 0), A = p.reduce((Z, F) => Z + F.position.lng, 0);
+        x.push({
+          id: `cluster_${S}`,
+          position: {
+            lat: I / p.length,
+            lng: A / p.length
+          },
+          size: p.length,
+          markers: p
+        });
+      }
+    }), b.value = x;
+  }
+  function q(r) {
+    const l = [
+      // _geoloc (Algolia format)
+      () => {
+        const n = r._geoloc;
+        return n && typeof n.lat == "number" && typeof n.lng == "number" ? { lat: n.lat, lng: n.lng } : null;
+      },
+      // latLng
+      () => {
+        const n = r.latLng;
+        return n && typeof n.lat == "number" && typeof n.lng == "number" ? { lat: n.lat, lng: n.lng } : null;
+      },
+      // location
+      () => {
+        const n = r.location;
+        return n && typeof n.lat == "number" && typeof n.lng == "number" ? { lat: n.lat, lng: n.lng } : null;
+      },
+      // coordinates
+      () => {
+        const n = r.coordinates;
+        return n && typeof n.lat == "number" && typeof n.lng == "number" ? { lat: n.lat, lng: n.lng } : null;
+      },
+      // Direct lat/lng
+      () => typeof r.lat == "number" && typeof r.lng == "number" ? { lat: r.lat, lng: r.lng } : null,
+      // latitude/longitude
+      () => typeof r.latitude == "number" && typeof r.longitude == "number" ? { lat: r.latitude, lng: r.longitude } : null,
+      // address.geocode
+      () => {
+        const n = r.address;
+        return n?.geocode && typeof n.geocode.lat == "number" && typeof n.geocode.lng == "number" ? { lat: n.geocode.lat, lng: n.geocode.lng } : null;
+      }
+    ];
+    for (const n of l) {
+      const h = n();
+      if (h && ae(h.lat, h.lng))
+        return h;
+    }
+    return null;
+  }
+  function ne(r, l, n = "id") {
+    const h = l || q;
+    return r.map((E, x) => {
+      const p = h(E);
+      if (!p) return null;
+      const S = E[n] || `marker_${x}`, I = E.name || E.title || E.displayName || "";
+      return {
+        id: S,
+        position: p,
+        title: I,
+        data: E
+      };
+    }).filter((E) => E !== null);
+  }
+  return o.autoTheme && ie(i, () => {
+    if (u.value) {
+      const r = U(i.value, o.lightTheme, o.darkTheme);
+      u.value.setOptions({ styles: r });
+    }
+  }), {
+    // Loading state
+    isApiLoading: a,
+    isApiReady: s,
+    apiError: f,
+    apiPromise: m,
+    loadingState: T,
+    // Theme
+    currentTheme: v,
+    mapStyles: O,
+    setTheme: $,
+    // Map reference
+    mapRef: u,
+    setMap: P,
+    // Position
+    center: g,
+    zoom: d,
+    bounds: w,
+    // Markers
+    markers: c,
+    visibleMarkers: L,
+    addMarker: Y,
+    removeMarker: H,
+    updateMarker: Q,
+    clearMarkers: ee,
+    setMarkers: te,
+    // Clustering
+    clusters: b,
+    shouldShowClusters: j,
+    processMarkers: re,
+    getClusterColor: le,
+    // Utilities
+    initializeApi: _,
+    panTo: B,
+    setZoom: J,
+    fitBounds: V,
+    fitToMarkers: X,
+    // Coordinate extraction
+    extractCoordinates: q,
+    markersFromData: ne
+  };
+}
+export {
+  ye as U,
+  be as W,
+  ve as d,
+  ae as i,
+  we as u
+};
+//# sourceMappingURL=useMap-BaZEIoWM.js.map