@local-logic/maps 0.0.11 → 0.0.13

package/dist/index-C36u5N_F.js

@@ -0,0 +1,34 @@
+import { jsx as e } from "react/jsx-runtime";
+import { useEffect as a } from "react";
+import { P as c } from "./scale-control-CyJd4u6j.js";
+import { u as i } from "./index-Bp1bWq9c.js";
+import { c as n } from "./styles-ChFj97uV.js";
+function l({
+  latitude: p,
+  longitude: t,
+  anchor: f,
+  offset: o = [0, -35],
+  onClose: r,
+  children: m
+}) {
+  const { zoom: u } = i();
+  return a(() => {
+    r == null || r();
+  }, [u]), typeof p > "u" || typeof t > "u" ? null : /* @__PURE__ */ e(
+    c,
+    {
+      className: "mapbox-popup",
+      focusAfterOpen: !0,
+      latitude: p,
+      longitude: t,
+      anchor: f,
+      offset: o,
+      onClose: r,
+      closeButton: !1,
+      children: /* @__PURE__ */ e("div", { className: n, children: m })
+    }
+  );
+}
+export {
+  l as default
+};

package/dist/{index-BMvwx9_l.js → index-CBp9gCca.js}

@@ -1,9 +1,9 @@
-import { jsx as t, jsxs as o, Fragment as f } from "react/jsx-runtime";
+import { jsx as r, jsxs as c, Fragment as g } from "react/jsx-runtime";
 import * as e from "react";
-import { useMemo as g } from "react";
-import { u as Z, M as c } from "./index-BOBkPCX5.js";
-import { p as A } from "./IconBase.es-rM5tt24D.js";
-const p = /* @__PURE__ */ new Map([
+import { useMemo as Z } from "react";
+import { u as A, M as o } from "./index-Bp1bWq9c.js";
+import { p } from "./IconBase.es-rM5tt24D.js";
+const h = /* @__PURE__ */ new Map([
   [
     "bold",
     /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("path", { d: "M128,60a44,44,0,1,0,44,44A44.05,44.05,0,0,0,128,60Zm0,64a20,20,0,1,1,20-20A20,20,0,0,1,128,124Zm0-112a92.1,92.1,0,0,0-92,92c0,77.36,81.64,135.4,85.12,137.83a12,12,0,0,0,13.76,0,259,259,0,0,0,42.18-39C205.15,170.57,220,136.37,220,104A92.1,92.1,0,0,0,128,12Zm31.3,174.71A249.35,249.35,0,0,1,128,216.89a249.35,249.35,0,0,1-31.3-30.18C80,167.37,60,137.31,60,104a68,68,0,0,1,136,0C196,137.31,176,167.37,159.3,186.71Z" }))
@@ -34,7 +34,7 @@ const p = /* @__PURE__ */ new Map([
     "thin",
     /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("path", { d: "M128,68a36,36,0,1,0,36,36A36,36,0,0,0,128,68Zm0,64a28,28,0,1,1,28-28A28,28,0,0,1,128,132Zm0-112a84.09,84.09,0,0,0-84,84c0,30.42,14.17,62.79,41,93.62a250,250,0,0,0,40.73,37.66,4,4,0,0,0,4.58,0A250,250,0,0,0,171,197.62c26.81-30.83,41-63.2,41-93.62A84.09,84.09,0,0,0,128,20Zm37.1,172.23A254.62,254.62,0,0,1,128,227a254.62,254.62,0,0,1-37.1-34.81C73.15,171.8,52,139.9,52,104a76,76,0,0,1,152,0C204,139.9,182.85,171.8,165.1,192.23Z" }))
   ]
-]), d = e.forwardRef((a, r) => /* @__PURE__ */ e.createElement(A, { ref: r, ...a, weights: p }));
+]), d = e.forwardRef((t, a) => /* @__PURE__ */ e.createElement(p, { ref: a, ...t, weights: h }));
 d.displayName = "MapPinIcon";
 const m = `
   group/marker cursor-pointer rounded-full
@@ -50,6 +50,8 @@ const m = `
   data-[is-zoomed-out=true]:bg-[var(--fill)]
   data-[is-zoomed-out=true]:h-4
   data-[is-zoomed-out=true]:w-4
+
+  data-[is-active=true]:bg-[var(--fill)]
 `, u = `
   m-auto transition-all w-4 h-4 
 
@@ -57,40 +59,51 @@ const m = `
   group-hover/marker:fill-[var(--background)]
 
   group-data-[is-zoomed-out=true]/marker:hidden
+
+  group-data-[is-active=true]/marker:fill-[var(--background)]
 `;
-function h({ icon: a }) {
-  return typeof a < "u" ? /* @__PURE__ */ t(a, { className: u }) : /* @__PURE__ */ t(d, { className: u });
+function v({ icon: t }) {
+  return typeof t < "u" ? /* @__PURE__ */ r(t, { className: u }) : /* @__PURE__ */ r(d, { className: u });
 }
-const E = `
+const M = `
   relative flex
 `, s = `
   -ml-6 -z-10 last:-z-20
 `;
-function k({
+function N({
+  isActive: t = !1,
   colors: a,
-  icon: r
+  icon: f
 }) {
-  const { zoom: n, mapProvider: l } = Z(), i = g(() => l.name === "google" ? n - 1 < c + 1 : n < c, [n, l]);
-  return /* @__PURE__ */ o(
+  const { zoom: n, mapProvider: l } = A(), i = Z(() => l.name === "google" ? n - 1 < o + 1 : n < o, [n, l]);
+  return /* @__PURE__ */ c(
     "div",
     {
-      className: E,
+      className: M,
       style: {
         "--background": a == null ? void 0 : a.background,
         "--fill": a == null ? void 0 : a.fill
       },
       children: [
-        /* @__PURE__ */ t("div", { className: m, "data-is-zoomed-out": i, children: /* @__PURE__ */ t(h, { icon: r }) }),
-        !i && /* @__PURE__ */ o(f, { children: [
-          /* @__PURE__ */ t("div", { className: `${m} ${s}` }),
-          /* @__PURE__ */ t("div", { className: `${m} ${s}` })
+        /* @__PURE__ */ r(
+          "div",
+          {
+            className: m,
+            "data-is-zoomed-out": i,
+            "data-is-active": t,
+            children: /* @__PURE__ */ r(v, { icon: f })
+          }
+        ),
+        !i && /* @__PURE__ */ c(g, { children: [
+          /* @__PURE__ */ r("div", { className: `${m} ${s}` }),
+          /* @__PURE__ */ r("div", { className: `${m} ${s}` })
         ] })
       ]
     }
   );
 }
 export {
-  k as C,
-  h as M,
+  N as C,
+  v as M,
   m as c
 };

package/dist/index-CCtDJ-mV.js

@@ -0,0 +1,56 @@
+import { jsxs as M, jsx as n } from "react/jsx-runtime";
+import { a as u } from "./logo-control-NE-LlsRy.js";
+import "react";
+import { u as _, M as h } from "./index-Bp1bWq9c.js";
+import { C as I, c as O, M as b } from "./index-CBp9gCca.js";
+function $({
+  clusters: e,
+  colors: t,
+  clusterIcon: m,
+  onClick: a,
+  doesSuperclusterContainActiveMarker: s
+}) {
+  const { activeMarker: r, zoom: f } = _(), g = (i) => (o) => {
+    o.originalEvent.stopPropagation(), a == null || a(i);
+  };
+  return e == null ? void 0 : e.map((i, o) => {
+    const p = i.geometry.coordinates[0], d = i.geometry.coordinates[1];
+    return /* @__PURE__ */ M(
+      u,
+      {
+        anchor: "bottom",
+        longitude: p,
+        latitude: d,
+        onClick: g(i),
+        children: [
+          i.properties.cluster && i.properties.cluster_id && /* @__PURE__ */ n(
+            I,
+            {
+              colors: t,
+              icon: m,
+              isActive: s(i.properties.cluster_id)
+            }
+          ),
+          !i.properties.cluster && /* @__PURE__ */ n(
+            "div",
+            {
+              className: O,
+              style: {
+                "--background": t == null ? void 0 : t.background,
+                "--fill": t == null ? void 0 : t.fill
+              },
+              "data-is-cluster": !!i.properties.cluster,
+              "data-is-zoomed-out": f < h,
+              "data-is-active": (r == null ? void 0 : r.id) === i.properties.id,
+              children: /* @__PURE__ */ n(b, { icon: i.properties.icon })
+            }
+          )
+        ]
+      },
+      `map-marker-${p}-${d}-${o}`
+    );
+  });
+}
+export {
+  $ as default
+};

package/dist/index-CFomI3Il.js

@@ -0,0 +1,98 @@
+function g(t, o, f) {
+  if (t !== null)
+    for (var i, n, b, h, p, r, c, u = 0, s = 0, C, v = t.type, M = v === "FeatureCollection", k = v === "Feature", w = M ? t.features.length : 1, e = 0; e < w; e++) {
+      c = M ? t.features[e].geometry : k ? t.geometry : t, C = c ? c.type === "GeometryCollection" : !1, p = C ? c.geometries.length : 1;
+      for (var P = 0; P < p; P++) {
+        var l = 0, a = 0;
+        if (h = C ? c.geometries[P] : c, h !== null) {
+          r = h.coordinates;
+          var y = h.type;
+          switch (u = 0, y) {
+            case null:
+              break;
+            case "Point":
+              if (o(
+                r,
+                s,
+                e,
+                l,
+                a
+              ) === !1)
+                return !1;
+              s++, l++;
+              break;
+            case "LineString":
+            case "MultiPoint":
+              for (i = 0; i < r.length; i++) {
+                if (o(
+                  r[i],
+                  s,
+                  e,
+                  l,
+                  a
+                ) === !1)
+                  return !1;
+                s++, y === "MultiPoint" && l++;
+              }
+              y === "LineString" && l++;
+              break;
+            case "Polygon":
+            case "MultiLineString":
+              for (i = 0; i < r.length; i++) {
+                for (n = 0; n < r[i].length - u; n++) {
+                  if (o(
+                    r[i][n],
+                    s,
+                    e,
+                    l,
+                    a
+                  ) === !1)
+                    return !1;
+                  s++;
+                }
+                y === "MultiLineString" && l++, y === "Polygon" && a++;
+              }
+              y === "Polygon" && l++;
+              break;
+            case "MultiPolygon":
+              for (i = 0; i < r.length; i++) {
+                for (a = 0, n = 0; n < r[i].length; n++) {
+                  for (b = 0; b < r[i][n].length - u; b++) {
+                    if (o(
+                      r[i][n][b],
+                      s,
+                      e,
+                      l,
+                      a
+                    ) === !1)
+                      return !1;
+                    s++;
+                  }
+                  a++;
+                }
+                l++;
+              }
+              break;
+            case "GeometryCollection":
+              for (i = 0; i < h.geometries.length; i++)
+                if (g(h.geometries[i], o) === !1)
+                  return !1;
+              break;
+            default:
+              throw new Error("Unknown Geometry Type");
+          }
+        }
+      }
+    }
+}
+function G(t, o = {}) {
+  if (t.bbox != null && o.recompute !== !0)
+    return t.bbox;
+  const f = [1 / 0, 1 / 0, -1 / 0, -1 / 0];
+  return g(t, (i) => {
+    f[0] > i[0] && (f[0] = i[0]), f[1] > i[1] && (f[1] = i[1]), f[2] < i[0] && (f[2] = i[0]), f[3] < i[1] && (f[3] = i[1]);
+  }), f;
+}
+export {
+  G as b
+};

package/dist/index-CUpaKIZP.js

@@ -0,0 +1,105 @@
+import { jsxs as v, jsx as T } from "react/jsx-runtime";
+import { useState as h, useEffect as M } from "react";
+import { A as y, M as L, C as f, u as P } from "./index.modern-CLRs8JwI.js";
+import { b as x } from "./index-CFomI3Il.js";
+import { u as b, d as p, a as B, m as O } from "./index-Bp1bWq9c.js";
+const Z = {
+  "top-left": f.LEFT_TOP,
+  "top-right": f.RIGHT_TOP,
+  "bottom-left": f.LEFT_BOTTOM,
+  "bottom-right": f.RIGHT_BOTTOM
+}, z = ({
+  isMapLoaded: c,
+  padding: u
+}) => {
+  const e = P(), { markerPoints: s, setBounds: r, setZoom: d } = b(), [n, l] = h(void 0), i = () => {
+    var t;
+    if (!e)
+      return;
+    const o = (t = e.getBounds()) == null ? void 0 : t.toJSON();
+    o && r([o.west, o.south, o.east, o.north]);
+  }, m = () => {
+    if (!e)
+      return;
+    const o = e.getZoom();
+    typeof o < "u" && d(o + 1);
+  };
+  return M(() => {
+    i(), m();
+    const o = e == null ? void 0 : e.addListener("bounds_changed", () => {
+      i();
+    }), t = e == null ? void 0 : e.addListener("zoom_changed", () => {
+      m();
+    });
+    return () => {
+      o == null || o.remove(), t == null || t.remove();
+    };
+  }, [e]), M(() => {
+    if (!e || typeof s > "u" || s.length === 0)
+      return;
+    const o = x(O(s));
+    o.every((t, a) => t === (n == null ? void 0 : n[a])) || l(o);
+  }, [e, s]), M(() => {
+    if (!e || typeof n > "u")
+      return;
+    const [o, t, a, g] = n;
+    e.fitBounds(
+      {
+        south: o,
+        west: t,
+        north: a,
+        east: g
+      },
+      u
+    );
+  }, [c, e, n, u]), null;
+};
+function E({ padding: c, children: u }) {
+  const [e, s] = h(!1), {
+    mapProvider: r,
+    center: d,
+    zoom: n = p.zoom,
+    minZoom: l,
+    maxZoom: i,
+    pitch: m = p.pitch,
+    bearing: o = p.bearing,
+    cooperativeGestures: t = p.cooperativeGestures,
+    zoomPosition: a
+  } = b();
+  if (r.name !== "google")
+    return null;
+  const g = () => {
+    s(!0);
+  };
+  return /* @__PURE__ */ v(y, { apiKey: r.apiKey, children: [
+    /* @__PURE__ */ T(z, { isMapLoaded: e, padding: c }),
+    /* @__PURE__ */ T(
+      L,
+      {
+        mapId: r.theme || B.google,
+        defaultCenter: {
+          lat: d.latitude,
+          lng: d.longitude
+        },
+        defaultZoom: n + 1,
+        defaultTilt: m,
+        defaultHeading: o,
+        gestureHandling: t ? "cooperative" : "greedy",
+        streetViewControl: !1,
+        fullscreenControl: !1,
+        clickableIcons: !1,
+        mapTypeControl: !1,
+        zoomControlOptions: {
+          position: a && Z[a]
+        },
+        minZoom: typeof l == "number" ? l + 1 : void 0,
+        maxZoom: typeof i == "number" ? i + 1 : void 0,
+        onTilesLoaded: g,
+        children: u
+      }
+    )
+  ] });
+}
+export {
+  E as default
+};

package/dist/index-CXTsUiSS.js

@@ -0,0 +1,57 @@
+import { jsxs as u, jsx as r } from "react/jsx-runtime";
+import { u as M, a as I } from "./index.modern-CLRs8JwI.js";
+import { u as O, M as _ } from "./index-Bp1bWq9c.js";
+import { C as h, c as k, M as v } from "./index-CBp9gCca.js";
+function $({
+  clusters: i,
+  colors: a,
+  clusterIcon: d,
+  onClick: t,
+  doesSuperclusterContainActiveMarker: m
+}) {
+  M();
+  const { activeMarker: n, zoom: s } = O(), f = (e) => () => {
+    t == null || t(e);
+  };
+  return i == null ? void 0 : i.map((e, g) => {
+    const o = e.geometry.coordinates[0], p = e.geometry.coordinates[1];
+    return /* @__PURE__ */ u(
+      I,
+      {
+        position: {
+          lat: p,
+          lng: o
+        },
+        onClick: f(e),
+        children: [
+          e.properties.cluster && /* @__PURE__ */ r(
+            h,
+            {
+              colors: a,
+              icon: d,
+              isActive: m(e.properties.cluster_id)
+            }
+          ),
+          !e.properties.cluster && /* @__PURE__ */ r(
+            "div",
+            {
+              className: k,
+              style: {
+                "--background": a == null ? void 0 : a.background,
+                "--fill": a == null ? void 0 : a.fill
+              },
+              "data-is-cluster": !!e.properties.cluster,
+              "data-is-zoomed-out": s - 1 < _ + 1,
+              "data-is-active": (n == null ? void 0 : n.id) === e.properties.id,
+              children: /* @__PURE__ */ r(v, { icon: e.properties.icon })
+            }
+          )
+        ]
+      },
+      `map-marker-${o}-${p}-${g}`
+    );
+  });
+}
+export {
+  $ as default
+};

package/dist/index-CXUQoF5Q.js

@@ -0,0 +1,34 @@
+import { jsx as p } from "react/jsx-runtime";
+import { useEffect as a } from "react";
+import { P as i } from "./logo-control-NE-LlsRy.js";
+import { u as c } from "./index-Bp1bWq9c.js";
+import { c as n } from "./styles-ChFj97uV.js";
+function y({
+  latitude: e,
+  longitude: t,
+  anchor: f,
+  offset: m = [0, -35],
+  onClose: r,
+  children: o
+}) {
+  const { zoom: u } = c();
+  return a(() => {
+    r == null || r();
+  }, [u]), typeof e > "u" || typeof t > "u" ? null : /* @__PURE__ */ p(
+    i,
+    {
+      className: "maplibre-popup",
+      focusAfterOpen: !0,
+      latitude: e,
+      longitude: t,
+      anchor: f,
+      offset: m,
+      onClose: r,
+      closeButton: !1,
+      children: /* @__PURE__ */ p("div", { className: n, children: o })
+    }
+  );
+}
+export {
+  y as default
+};

package/dist/index-DY5pY-zk.js

@@ -0,0 +1,43 @@
+import { jsx as n } from "react/jsx-runtime";
+import { useEffect as a, useMemo as f } from "react";
+import { u as o, I as s } from "./index.modern-CLRs8JwI.js";
+import { u as y } from "./index-Bp1bWq9c.js";
+import { c as x } from "./styles-ChFj97uV.js";
+function I({
+  latitude: u,
+  longitude: e,
+  offset: t = [0, -25],
+  onClose: r,
+  children: m
+}) {
+  const i = o(), { zoom: p } = y();
+  a(() => {
+    r == null || r();
+  }, [p]), a(() => {
+    if (!i) return;
+    const d = i.addListener("click", () => {
+      r == null || r();
+    });
+    return () => {
+      d.remove();
+    };
+  }, [i]);
+  const c = f(() => Array.isArray(t) ? [t[0], t[1]] : [t, t], [t]);
+  return typeof u > "u" || typeof e > "u" ? null : /* @__PURE__ */ n(
+    s,
+    {
+      shouldFocus: !0,
+      disableAutoPan: !0,
+      position: {
+        lat: u,
+        lng: e
+      },
+      pixelOffset: c,
+      onClose: r,
+      children: /* @__PURE__ */ n("div", { className: x, children: m })
+    }
+  );
+}
+export {
+  I as default
+};

package/dist/index-S5SfktvB.js

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

package/dist/{index-BsnsAUt5.js → index-UEadmVww.js}

@@ -29,7 +29,8 @@ function d({ sources: a }) {
       return;
     const n = a.map((t) => {
       const l = {
-        paths: x(t.geometry)
+        paths: x(t.geometry),
+        clickable: !1
       };
       if (Array.isArray(t.layer))
         t.layer.forEach((r) => {

package/dist/index.es.js

@@ -1,4 +1,4 @@
-import { i as c } from "./index-BOBkPCX5.js";
+import { i as c } from "./index-Bp1bWq9c.js";
 export {
   c as LocalLogicMap
 };