@local-logic/maps 0.0.23 → 0.0.24

package/dist/index-BOZt1-DO.js

@@ -0,0 +1,69 @@
+import { jsxs as x, jsx as g } from "react/jsx-runtime";
+import { useState as B, useRef as k, useCallback as y, useEffect as c } from "react";
+import { M as E, N as L, u as P } from "./logo-control-CHapR1Dt.js";
+import { u as v, D as p, a as h, m as Z } from "./index-Ct-3yYUx.js";
+import { t as _ } from "./index-DscDx7HE.js";
+const b = () => {
+  const { current: e } = P(), { markerPoints: o, setZoom: s, mapPadding: m } = v(), [a, f] = B(void 0), i = k(void 0), n = y(() => {
+    e && s(e.getZoom());
+  }, [e, s]);
+  return c(() => (n(), e?.on("zoom", n), () => {
+    e?.off("zoom", n);
+  }), [e, n]), c(() => {
+    if (!e || typeof o > "u" || o.length === 0)
+      return;
+    const t = _(Z(o));
+    (!i.current || !t.every((r, u) => r === i.current?.[u])) && (i.current = t, f(t));
+  }, [e, o]), c(() => {
+    if (!e || typeof a > "u")
+      return;
+    const [t, r, u, l] = a, d = (u - t) * 0.05 || 1e-3, M = (l - r) * 0.05 || 1e-3;
+    e.fitBounds(
+      [
+        [t - d, r - M],
+        [u + d, l + M]
+      ],
+      {
+        padding: m,
+        maxZoom: 17,
+        duration: 700
+      }
+    );
+  }, [e, a, m]), null;
+};
+function D({ children: e }) {
+  const {
+    mapProvider: o,
+    center: s,
+    zoom: m = p.zoom,
+    minZoom: a,
+    maxZoom: f,
+    pitch: i = p.pitch,
+    bearing: n = p.bearing,
+    cooperativeGestures: t = p.cooperativeGestures,
+    zoomPosition: r
+  } = v();
+  return o.name !== "maptiler" ? null : /* @__PURE__ */ x(
+    E,
+    {
+      initialViewState: {
+        ...s,
+        zoom: m,
+        pitch: i,
+        bearing: n
+      },
+      cooperativeGestures: t,
+      minZoom: a,
+      maxZoom: f,
+      mapStyle: `https://api.maptiler.com/maps/${o.theme || h.maptiler}/style.json?key=${o.apiKey}`,
+      children: [
+        /* @__PURE__ */ g(b, {}),
+        r && /* @__PURE__ */ g(L, { position: r }),
+        e
+      ]
+    }
+  );
+}
+export {
+  D as default
+};

package/dist/{index-BrxP9NHZ.js → index-Buv9_Jj9.js}

@@ -1,8 +1,8 @@
 import { jsxs as f, jsx as i } from "react/jsx-runtime";
-import { a as k } from "./logo-control-VgN6MEKI.js";
+import { a as k } from "./logo-control-CHapR1Dt.js";
 import "react";
-import { u, M } from "./index-CN_dNOir.js";
-import { C as g, c as C, M as v } from "./index-CmajMf1d.js";
+import { u, M } from "./index-Ct-3yYUx.js";
+import { C as g, c as C, M as v } from "./index-DntG4mBo.js";
 function x({
   clusters: n,
   colors: o,

package/dist/index-C3Tj3r2u.js

@@ -0,0 +1,24 @@
+import { jsxs as n, jsx as i } from "react/jsx-runtime";
+import { t as o, b as a, S as r, i as s, c } from "./styles-BhmqUA5C.js";
+import { a as d } from "./logo-control-CHapR1Dt.js";
+import "react";
+import { HouseLineIcon as l } from "@phosphor-icons/react";
+function b({ marker: t, className: e }) {
+  return /* @__PURE__ */ n(
+    d,
+    {
+      anchor: "bottom",
+      longitude: t.longitude,
+      latitude: t.latitude,
+      className: o(c.trim(), e),
+      children: [
+        /* @__PURE__ */ i("span", { id: "center-pin-background", className: a, children: /* @__PURE__ */ i(r, {}) }),
+        /* @__PURE__ */ i(l, { id: "center-pin-icon", className: s })
+      ]
+    },
+    `center-pin-marker-${t.longitude}-${t.latitude}`
+  );
+}
+export {
+  b as default
+};

package/dist/index-C6a0FCIX.js

@@ -0,0 +1,92 @@
+import { jsx as E } from "react/jsx-runtime";
+import { useState as L, useRef as M, useCallback as N, useEffect as f, useMemo as W } from "react";
+import { useMap as _, InfoWindow as x } from "@vis.gl/react-google-maps";
+import { u as z, P as y } from "./index-Ct-3yYUx.js";
+import { c as H, m as j } from "./styles-BNaT0cTi.js";
+function Z({
+  latitude: g,
+  longitude: m,
+  offset: r = [0, -25],
+  onClose: d,
+  children: C
+}) {
+  const [i, S] = L(null), e = _(), { mapPadding: s, activeMarker: n, clusterPoints: a } = z(), v = M(a), w = M(n), T = N((t) => {
+    S(t);
+  }, []);
+  f(() => {
+    const t = v.current !== a, l = w.current === n;
+    t && l && typeof n < "u" && d?.(), v.current = a, w.current = n;
+  }, [a, n, d]), f(() => {
+    let t = { width: 0, height: 0 };
+    const l = () => {
+      if (!e || !i || typeof n > "u")
+        return;
+      const c = e.getBounds(), h = e.getCenter(), p = e.getDiv(), o = i?.getBoundingClientRect();
+      if (!c || !h || !o)
+        return;
+      const I = Math.abs(o.width - t.width), O = Math.abs(o.height - t.height);
+      if (t.width !== 0 && I < y && O < y)
+        return;
+      t = { width: o.width, height: o.height };
+      const b = p.getBoundingClientRect(), A = {
+        width: p.clientWidth,
+        height: p.clientHeight,
+        top: b.top,
+        left: b.left
+      }, B = {
+        latitude: h.lat(),
+        longitude: h.lng()
+      }, D = {
+        left: c.getSouthWest().lng(),
+        right: c.getNorthEast().lng(),
+        top: c.getNorthEast().lat(),
+        bottom: c.getSouthWest().lat()
+      };
+      j(o, B, D, A, s, (P) => {
+        e.panTo(new google.maps.LatLng(P.latitude, P.longitude));
+      });
+    };
+    let u;
+    const R = new ResizeObserver(() => {
+      u && clearTimeout(u), u = window.setTimeout(() => {
+        l();
+      }, 100);
+    });
+    return i && R.observe(i), () => {
+      u && clearTimeout(u), R.disconnect();
+    };
+  }, [
+    e,
+    i,
+    n,
+    s.top,
+    s.bottom,
+    s.left,
+    s.right
+  ]), f(() => {
+    if (!e) return;
+    const t = e.addListener("click", () => {
+      d?.();
+    });
+    return () => {
+      t.remove();
+    };
+  }, [e]);
+  const k = W(() => Array.isArray(r) ? [r[0], r[1]] : [r, r], [r]);
+  return typeof g > "u" || typeof m > "u" ? null : /* @__PURE__ */ E(
+    x,
+    {
+      shouldFocus: !0,
+      disableAutoPan: !0,
+      position: {
+        lat: g,
+        lng: m
+      },
+      pixelOffset: k,
+      children: /* @__PURE__ */ E("div", { ref: T, className: H, children: C })
+    }
+  );
+}
+export {
+  Z as default
+};

package/dist/index-CCS3Ef2w.js

@@ -0,0 +1,92 @@
+import { jsx as E } from "react/jsx-runtime";
+import { useRef as d, useEffect as M } from "react";
+import { u as D, P as H } from "./logo-control-CHapR1Dt.js";
+import { u as j, P as T } from "./index-Ct-3yYUx.js";
+import { c as x, m as A } from "./styles-BNaT0cTi.js";
+function Z({
+  latitude: l,
+  longitude: h,
+  anchor: B,
+  offset: C = [0, -35],
+  onClose: a,
+  children: O
+}) {
+  const p = d(null), { current: n } = D(), { activeMarker: e, clusterPoints: u, mapPadding: t } = j(), m = d(u), g = d(e);
+  return M(() => {
+    const i = m.current !== u, o = g.current === e;
+    i && o && typeof e < "u" && a?.(), m.current = u, g.current = e;
+  }, [u, e, a]), M(() => {
+    const i = p?.current;
+    let o = { width: 0, height: 0 };
+    const y = () => {
+      if (!n || !i || typeof e > "u")
+        return;
+      const c = n.getBounds(), P = n.getCenter(), f = n.getCanvas(), r = i.getElement()?.getBoundingClientRect();
+      if (!c || !r)
+        return;
+      const I = Math.abs(r.width - o.width), N = Math.abs(r.height - o.height);
+      if (o.width !== 0 && I < T && N < T)
+        return;
+      o = { width: r.width, height: r.height };
+      const R = f.getBoundingClientRect(), S = {
+        width: f.clientWidth,
+        height: f.clientHeight,
+        top: R.top,
+        left: R.left
+      }, _ = {
+        latitude: P.lat,
+        longitude: P.lng
+      }, k = {
+        left: c.getWest(),
+        right: c.getEast(),
+        top: c.getNorth(),
+        bottom: c.getSouth()
+      }, z = {
+        left: t.left || 0,
+        right: t.right || 0,
+        top: t.top || 0,
+        bottom: t.bottom || 0
+      };
+      A(r, _, k, S, z, (w) => {
+        n.easeTo({
+          center: [w.longitude, w.latitude],
+          duration: 500
+        });
+      });
+    };
+    let s;
+    const v = new ResizeObserver(() => {
+      s && clearTimeout(s), s = window.setTimeout(() => {
+        y();
+      }, 100);
+    }), b = i?.getElement();
+    return b && v.observe(b), () => {
+      s && clearTimeout(s), v.disconnect();
+    };
+  }, [
+    n,
+    p,
+    e,
+    t.top,
+    t.bottom,
+    t.left,
+    t.right
+  ]), typeof l > "u" || typeof h > "u" ? null : /* @__PURE__ */ E(
+    H,
+    {
+      ref: p,
+      className: "maplibre-popup",
+      focusAfterOpen: !0,
+      latitude: l,
+      longitude: h,
+      anchor: B,
+      offset: C,
+      onClose: a,
+      closeButton: !1,
+      children: /* @__PURE__ */ E("div", { className: x, children: O })
+    }
+  );
+}
+export {
+  Z as default
+};

package/dist/{index-CSVsF1EQ.js → index-CEDpofgZ.js}

@@ -1,6 +1,6 @@
 import { jsx as P, Fragment as u } from "react/jsx-runtime";
 import { useState as y, useContext as M, useEffect as g } from "react";
-import { G as L } from "./index.modern-B-ChKejQ.js";
+import { GoogleMapsContext as L } from "@vis.gl/react-google-maps";
 import { a as s } from "./utils-DJ13veBM.js";
 function f(o, e, r) {
   switch (o) {

package/dist/{index-BRD3rjLE.js → index-CIE9YlvM.js}

@@ -1,21 +1,21 @@
 import { jsx as c, Fragment as b } from "react/jsx-runtime";
 import * as $ from "react";
 import { useContext as S, useRef as k, useState as C, useMemo as g, useEffect as w, cloneElement as j } from "react";
-import { b as x, d as u } from "./scale-control-jBKptTbw.js";
+import { b as x, d as u } from "./scale-control-Dsir9fWY.js";
 import { g as I } from "./utils-DJ13veBM.js";
 function s(t, e) {
   if (!t)
     throw new Error(e);
 }
 let M = 0;
-function U(t, e, n) {
+function R(t, e, n) {
   if (t.style && t.style._loaded) {
     const a = { ...n };
     return delete a.id, delete a.children, t.addSource(e, a), t.getSource(e);
   }
   return null;
 }
-function z(t, e, n) {
+function U(t, e, n) {
   s(e.id === n.id, "source id changed"), s(e.type === n.type, "source type changed");
   let a = "", i = 0;
   for (const o in e)
@@ -28,7 +28,7 @@ function z(t, e, n) {
     coordinates: e.coordinates
   }) : "setCoordinates" in t && i === 1 && a === "coordinates" ? t.setCoordinates(e.coordinates) : "setUrl" in t && a === "url" ? t.setUrl(e.url) : "setTiles" in t && a === "tiles" ? t.setTiles(e.tiles) : console.warn(`Unable to update <Source> prop: ${a}`);
 }
-function A(t) {
+function z(t) {
   const e = S(x).map.getMap(), n = k(t), [, a] = C(0), i = g(() => t.id || `jsx-source-${M++}`, []);
   w(() => {
     if (e) {
@@ -45,11 +45,11 @@ function A(t) {
     }
   }, [e]);
   let l = e && e.style && e.getSource(i);
-  return l ? z(l, t, n.current) : l = U(e, i, t), n.current = t, l && $.Children.map(t.children, (o) => o && j(o, {
+  return l ? U(l, t, n.current) : l = R(e, i, t), n.current = t, l && $.Children.map(t.children, (o) => o && j(o, {
     source: i
   })) || null;
 }
-function E(t, e, n, a) {
+function A(t, e, n, a) {
   if (s(n.id === a.id, "layer id changed"), s(n.type === a.type, "layer type changed"), n.type === "custom" || a.type === "custom")
     return;
   const { layout: i = {}, paint: l = {}, filter: o, minzoom: y, maxzoom: f, beforeId: m } = n;
@@ -69,15 +69,15 @@ function E(t, e, n, a) {
   }
   u(o, a.filter) || t.setFilter(e, o), (y !== a.minzoom || f !== a.maxzoom) && t.setLayerZoomRange(e, y, f);
 }
-function F(t, e, n) {
+function E(t, e, n) {
   if (t.style && t.style._loaded && (!("source" in n) || t.getSource(n.source))) {
     const a = { ...n, id: e };
     delete a.beforeId, t.addLayer(a, n.beforeId);
   }
 }
-let R = 0;
+let F = 0;
 function L(t) {
-  const e = S(x).map.getMap(), n = k(t), [, a] = C(0), i = g(() => t.id || `jsx-layer-${R++}`, []);
+  const e = S(x).map.getMap(), n = k(t), [, a] = C(0), i = g(() => t.id || `jsx-layer-${F++}`, []);
   if (w(() => {
     if (e) {
       const o = () => a((y) => y + 1);
@@ -87,12 +87,12 @@ function L(t) {
     }
   }, [e]), e && e.style && e.getLayer(i))
     try {
-      E(e, i, t, n.current);
+      A(e, i, t, n.current);
     } catch (o) {
       console.warn(o);
     }
   else
-    F(e, i, t);
+    E(e, i, t);
   return n.current = t, null;
 }
 function h(t, e, n) {
@@ -116,7 +116,7 @@ function O({ sources: t }) {
     ...n,
     geoJson: n.geometry ? I(n.geometry, n.type) : null
   })), [t]);
-  return e?.length === 0 ? null : /* @__PURE__ */ c(b, { children: e?.map((n) => /* @__PURE__ */ c("div", { children: n.geoJson && /* @__PURE__ */ c(A, { id: n.key, type: "geojson", data: n.geoJson, children: n.layer && (Array.isArray(n.layer) ? n.layer.map((a, i) => /* @__PURE__ */ c(
+  return e?.length === 0 ? null : /* @__PURE__ */ c(b, { children: e?.map((n) => /* @__PURE__ */ c("div", { children: n.geoJson && /* @__PURE__ */ c(z, { id: n.key, type: "geojson", data: n.geoJson, children: n.layer && (Array.isArray(n.layer) ? n.layer.map((a, i) => /* @__PURE__ */ c(
     L,
     {
       id: `${n.key}-${i}`,

package/dist/index-CUUravWc.js

@@ -0,0 +1,25 @@
+import { jsxs as t, jsx as e } from "react/jsx-runtime";
+import { t as o, b as a, S as r, i as s, c } from "./styles-BhmqUA5C.js";
+import { AdvancedMarker as d } from "@vis.gl/react-google-maps";
+import { HouseLineIcon as l } from "@phosphor-icons/react";
+function f({ marker: n, className: i }) {
+  return /* @__PURE__ */ t(
+    d,
+    {
+      position: {
+        lat: n.latitude,
+        lng: n.longitude
+      },
+      className: o(c.trim(), i),
+      zIndex: 10,
+      children: [
+        /* @__PURE__ */ e("span", { id: "center-pin-background", className: a, children: /* @__PURE__ */ e(r, {}) }),
+        /* @__PURE__ */ e(l, { id: "center-pin-icon", className: s })
+      ]
+    },
+    `center-pin-marker-${n.longitude}-${n.latitude}`
+  );
+}
+export {
+  f as default
+};

package/dist/index-CUvZ7gVt.js

@@ -0,0 +1,98 @@
+import { jsxs as B, jsx as h } from "react/jsx-runtime";
+import { useState as P, useRef as _, useCallback as b, useEffect as M } from "react";
+import { APIProvider as y, Map as C, ControlPosition as f, useMap as E } from "@vis.gl/react-google-maps";
+import { u as v, D as p, W as c, a as O, m as x } from "./index-Ct-3yYUx.js";
+import { t as z } from "./index-DscDx7HE.js";
+const Z = {
+  "top-left": f.LEFT_TOP,
+  "top-right": f.RIGHT_TOP,
+  "bottom-left": f.LEFT_BOTTOM,
+  "bottom-right": f.RIGHT_BOTTOM
+}, k = ({ isMapLoaded: g }) => {
+  const e = E(), { markerPoints: n, setZoom: r, mapPadding: i } = v(), [u, d] = P(void 0), a = _(void 0), m = b(() => {
+    if (!e)
+      return;
+    const o = e.getZoom();
+    typeof o < "u" && r(o + 1);
+  }, [e, r]);
+  return M(() => {
+    m();
+    const o = e?.addListener("zoom_changed", m);
+    return () => {
+      o?.remove();
+    };
+  }, [e, m]), M(() => {
+    if (!e || typeof n > "u" || n.length === 0)
+      return;
+    const o = z(x(n));
+    (!a.current || !o.every((s, t) => s === a.current?.[t])) && (a.current = o, d(o));
+  }, [e, n]), M(() => {
+    if (!e || typeof u > "u")
+      return;
+    const [o, s, t, l] = u, L = (t - o) * 0.05 || 1e-3, T = (l - s) * 0.05 || 1e-3;
+    e.fitBounds(
+      {
+        south: s - T,
+        west: o - L,
+        north: l + T,
+        east: t + L
+      },
+      i
+    );
+  }, [g, e, u, i]), null;
+};
+function H({ children: g }) {
+  const [e, n] = P(!1), {
+    mapProvider: r,
+    center: i,
+    zoom: u = p.zoom,
+    minZoom: d,
+    maxZoom: a,
+    pitch: m = p.pitch,
+    bearing: o = p.bearing,
+    cooperativeGestures: s = p.cooperativeGestures,
+    zoomPosition: t
+  } = v();
+  if (r.name !== "google")
+    return null;
+  const l = () => {
+    n(!0);
+  };
+  return /* @__PURE__ */ B(y, { apiKey: r.apiKey, children: [
+    /* @__PURE__ */ h(k, { isMapLoaded: e }),
+    /* @__PURE__ */ h(
+      C,
+      {
+        mapId: r.theme || O.google,
+        defaultCenter: {
+          lat: i.latitude,
+          lng: i.longitude
+        },
+        defaultBounds: {
+          north: c[3],
+          south: c[1],
+          east: c[2],
+          west: c[0]
+        },
+        defaultZoom: u + 1,
+        defaultTilt: m,
+        defaultHeading: o,
+        gestureHandling: s ? "cooperative" : "greedy",
+        streetViewControl: !1,
+        fullscreenControl: !1,
+        clickableIcons: !1,
+        mapTypeControl: !1,
+        zoomControlOptions: {
+          position: t && Z[t]
+        },
+        minZoom: typeof d == "number" ? d + 1 : void 0,
+        maxZoom: typeof a == "number" ? a + 1 : void 0,
+        onTilesLoaded: l,
+        children: g
+      }
+    )
+  ] });
+}
+export {
+  H as default
+};