@local-logic/maps 0.0.9 → 0.0.11

package/dist/index-BOuko7CL.js

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

package/dist/index-BdXay-zF.js

@@ -0,0 +1,62 @@
+import { jsxs as u, jsx as s } from "react/jsx-runtime";
+import { useEffect as x } from "react";
+import { u as L, a as c } from "./index.modern-CLRs8JwI.js";
+import { u as b, M as d } from "./index-BOBkPCX5.js";
+import { C as y, c as E, M as O } from "./index-BMvwx9_l.js";
+function N({
+  clusters: n,
+  colors: e,
+  clusterIcon: M,
+  markerBounds: p,
+  markerBoundsPadding: a,
+  onClick: m
+}) {
+  const r = L(), { zoom: g } = b();
+  x(() => {
+    if (r && p) {
+      const [t, f, i, o] = p;
+      r.fitBounds({
+        south: t - a.bottom,
+        west: f - a.left,
+        north: i + a.top,
+        east: o + a.right
+      });
+    }
+  }, [r, p, a]);
+  const h = (t) => () => {
+    m == null || m(t);
+  };
+  return n == null ? void 0 : n.map((t, f) => {
+    const i = t.geometry.coordinates[0], o = t.geometry.coordinates[1];
+    return /* @__PURE__ */ u(
+      c,
+      {
+        position: {
+          lat: o,
+          lng: i
+        },
+        onClick: h(t),
+        children: [
+          t.properties.cluster && /* @__PURE__ */ s(y, { colors: e, icon: M }),
+          !t.properties.cluster && /* @__PURE__ */ s(
+            "div",
+            {
+              className: E,
+              style: {
+                "--background": e == null ? void 0 : e.background,
+                "--fill": e == null ? void 0 : e.fill
+              },
+              "data-is-cluster": !!t.properties.cluster,
+              "data-is-zoomed-out": g - 1 < d + 1,
+              children: /* @__PURE__ */ s(O, { icon: t.properties.icon })
+            }
+          )
+        ]
+      },
+      `map-marker-${i}-${o}-${f}`
+    );
+  });
+}
+export {
+  N as default
+};

package/dist/index-Bn_2qA7h.js

@@ -0,0 +1,65 @@
+import { jsxs as x, jsx as s } from "react/jsx-runtime";
+import { useEffect as c } from "react";
+import { u as h, a as L } from "./logo-control-NE-LlsRy.js";
+import { u as b, M as E } from "./index-BOBkPCX5.js";
+import { C as y, c as O, M as $ } from "./index-BMvwx9_l.js";
+function N({
+  clusters: r,
+  colors: a,
+  clusterIcon: M,
+  markerBounds: m,
+  markerBoundsPadding: e,
+  onClick: p
+}) {
+  const { current: f } = h(), { zoom: u } = b();
+  c(() => {
+    if (f && m) {
+      const [t, i, o, n] = m;
+      f.fitBounds(
+        [
+          [i - e.left, t - e.bottom],
+          [n + e.right, o + e.top]
+        ],
+        {
+          maxZoom: 17,
+          duration: 1e3
+        }
+      );
+    }
+  }, [f, m, e]);
+  const g = (t) => (i) => {
+    i.originalEvent.stopPropagation(), p == null || p(t);
+  };
+  return r == null ? void 0 : r.map((t, i) => {
+    const o = t.geometry.coordinates[0], n = t.geometry.coordinates[1];
+    return /* @__PURE__ */ x(
+      L,
+      {
+        anchor: "bottom",
+        longitude: o,
+        latitude: n,
+        onClick: g(t),
+        children: [
+          t.properties.cluster && /* @__PURE__ */ s(y, { colors: a, icon: M }),
+          !t.properties.cluster && /* @__PURE__ */ s(
+            "div",
+            {
+              className: O,
+              style: {
+                "--background": a == null ? void 0 : a.background,
+                "--fill": a == null ? void 0 : a.fill
+              },
+              "data-is-cluster": !!t.properties.cluster,
+              "data-is-zoomed-out": u < E,
+              children: /* @__PURE__ */ s($, { icon: t.properties.icon })
+            }
+          )
+        ]
+      },
+      `map-marker-${o}-${n}-${i}`
+    );
+  });
+}
+export {
+  N as default
+};

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

@@ -1,6 +1,6 @@
 import { jsx as u, Fragment as h } from "react/jsx-runtime";
 import { useState as i, useContext as P, useEffect as c } from "react";
-import { G as M } from "./index.modern-EsUgbhzI.js";
+import { G as M } from "./index.modern-CLRs8JwI.js";
 import { a as x } from "./utils-YqJg0vBb.js";
 function f(a, e) {
   switch (a) {

package/dist/index-CNxLnZ8O.js

@@ -0,0 +1,23 @@
+import { jsxs as o, jsx as i } from "react/jsx-runtime";
+import { a } from "./scale-control-CyJd4u6j.js";
+import "react";
+import { c as e, S as n, o as r, i as s } from "./styles-D2MYaLhP.js";
+function d({ marker: t }) {
+  return /* @__PURE__ */ o(
+    a,
+    {
+      anchor: "bottom",
+      longitude: t.longitude,
+      latitude: t.latitude,
+      className: e.trim(),
+      children: [
+        /* @__PURE__ */ i(n, {}),
+        /* @__PURE__ */ i(r, { className: s })
+      ]
+    },
+    `center-pin-marker-${t.longitude}-${t.latitude}`
+  );
+}
+export {
+  d as default
+};

package/dist/{index-B43MtiHH.js → index-D5uhfwEH.js}

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

package/dist/index-DJ4SJ9IL.js

@@ -0,0 +1,53 @@
+import { jsxs as f, jsx as i } from "react/jsx-runtime";
+import { useEffect as d } from "react";
+import { M as b, N as x, u as M } from "./scale-control-CyJd4u6j.js";
+import { u as m, d as r, a as v } from "./index-BOBkPCX5.js";
+const y = () => {
+  const { current: e } = M(), { setBounds: o, setZoom: s } = m(), t = () => {
+    var a;
+    e && (o((a = e.getBounds()) == null ? void 0 : a.toArray().flat()), s(e.getZoom()));
+  };
+  return d(() => {
+    e && (t(), e.on("move", () => {
+      t();
+    }));
+  }, [e]), null;
+};
+function z({ children: e }) {
+  const {
+    mapProvider: o,
+    center: s,
+    zoom: t = r.zoom,
+    minZoom: a,
+    maxZoom: p,
+    pitch: u = r.pitch,
+    bearing: l = r.bearing,
+    cooperativeGestures: c = r.cooperativeGestures,
+    zoomPosition: n
+  } = m();
+  return o.name !== "mapbox" ? null : /* @__PURE__ */ f(
+    b,
+    {
+      mapboxAccessToken: o.apiKey,
+      initialViewState: {
+        ...s,
+        zoom: t,
+        pitch: u,
+        bearing: l
+      },
+      cooperativeGestures: c,
+      minZoom: a,
+      maxZoom: p,
+      mapStyle: `mapbox://styles/${o.theme || v.mapbox}`,
+      interactiveLayerIds: ["road-label", "waterway-label"],
+      children: [
+        /* @__PURE__ */ i(y, {}),
+        n && /* @__PURE__ */ i(x, { position: n }),
+        e
+      ]
+    }
+  );
+}
+export {
+  z as default
+};

package/dist/index-DaEKTD5_.js

@@ -0,0 +1,65 @@
+import { jsxs as g, jsx as s } from "react/jsx-runtime";
+import { useEffect as b } from "react";
+import { u as c, a as h } from "./scale-control-CyJd4u6j.js";
+import { u as L, M as E } from "./index-BOBkPCX5.js";
+import { C as y, c as O, M as $ } from "./index-BMvwx9_l.js";
+function N({
+  clusters: m,
+  colors: a,
+  clusterIcon: M,
+  markerBoundsPadding: e,
+  markerBounds: p,
+  onClick: r
+}) {
+  const { current: f } = c(), { zoom: u } = L();
+  b(() => {
+    if (f && p) {
+      const [t, i, o, n] = p;
+      f.fitBounds(
+        [
+          [i - e.left, t - e.bottom],
+          [n + e.right, o + e.top]
+        ],
+        {
+          maxZoom: 17,
+          duration: 1e3
+        }
+      );
+    }
+  }, [f, p, e]);
+  const x = (t) => (i) => {
+    i.originalEvent.stopPropagation(), r == null || r(t);
+  };
+  return m == null ? void 0 : m.map((t, i) => {
+    const o = t.geometry.coordinates[0], n = t.geometry.coordinates[1];
+    return /* @__PURE__ */ g(
+      h,
+      {
+        anchor: "bottom",
+        longitude: o,
+        latitude: n,
+        onClick: x(t),
+        children: [
+          t.properties.cluster && /* @__PURE__ */ s(y, { colors: a, icon: M }),
+          !t.properties.cluster && /* @__PURE__ */ s(
+            "div",
+            {
+              className: O,
+              style: {
+                "--background": a == null ? void 0 : a.background,
+                "--fill": a == null ? void 0 : a.fill
+              },
+              "data-is-cluster": !!t.properties.cluster,
+              "data-is-zoomed-out": u < E,
+              children: /* @__PURE__ */ s($, { icon: t.properties.icon })
+            }
+          )
+        ]
+      },
+      `map-marker-${o}-${n}-${i}`
+    );
+  });
+}
+export {
+  N as default
+};

package/dist/index-Do_dW76Q.js

@@ -0,0 +1,23 @@
+import { jsxs as o, jsx as i } from "react/jsx-runtime";
+import { a as e } from "./logo-control-NE-LlsRy.js";
+import "react";
+import { c as a, S as n, o as r, i as s } from "./styles-D2MYaLhP.js";
+function d({ marker: t }) {
+  return /* @__PURE__ */ o(
+    e,
+    {
+      anchor: "bottom",
+      longitude: t.longitude,
+      latitude: t.latitude,
+      className: a.trim(),
+      children: [
+        /* @__PURE__ */ i(n, {}),
+        /* @__PURE__ */ i(r, { className: s })
+      ]
+    },
+    `center-pin-marker-${t.longitude}-${t.latitude}`
+  );
+}
+export {
+  d as default
+};

package/dist/index-Dyy8UNMs.js

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

package/dist/index.es.js

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

package/dist/{index.modern-EsUgbhzI.js → index.modern-CLRs8JwI.js}

@@ -1,4 +1,4 @@
-import C, { useMemo as P, useContext as z, useEffect as y, useLayoutEffect as W, forwardRef as Y, useState as A, useReducer as Q, useCallback as ee, useRef as N, useImperativeHandle as te, Children as le } from "react";
+import C, { forwardRef as Y, useMemo as P, useContext as z, useEffect as y, useLayoutEffect as W, useImperativeHandle as Q, useState as A, useRef as N, useReducer as ee, useCallback as te, Children as le } from "react";
 import { createPortal as $ } from "react-dom";
 import { g as ce } from "./_commonjsHelpers-C6fGbg64.js";
 var j, J;
@@ -163,12 +163,12 @@ function be(t) {
     apiKey: o,
     version: r,
     libraries: i = []
-  } = t, a = D(t, he), [s, u] = A(R.loadingStatus), [d, c] = Q((l, g) => l[g.name] ? l : k({}, l, {
+  } = t, a = D(t, he), [s, u] = A(R.loadingStatus), [d, c] = ee((l, g) => l[g.name] ? l : k({}, l, {
     [g.name]: g.value
   }), {}), p = P(() => i == null ? void 0 : i.join(","), [i]), f = P(() => JSON.stringify(k({
     apiKey: o,
     version: r
-  }, a)), [o, r, a]), m = ee(async (l) => {
+  }, a)), [o, r, a]), m = te(async (l) => {
     var g;
     if (d[l])
       return d[l];
@@ -390,14 +390,14 @@ const Ae = () => {
   }, /* @__PURE__ */ C.createElement("h2", null, "Error: AuthFailure"), /* @__PURE__ */ C.createElement("p", null, "A problem with your API key prevents the map from rendering correctly. Please make sure the value of the ", /* @__PURE__ */ C.createElement("code", null, "APIProvider.apiKey"), " prop is correct. Check the error-message in the console for further details."));
 };
 function Pe() {
-  const [t, e] = A(null), n = ee((o) => e(o), [e]);
+  const [t, e] = A(null), n = te((o) => e(o), [e]);
   return [t, n];
 }
 function ie() {
   return oe() === x.LOADED;
 }
 function De() {
-  const [, t] = Q((e) => e + 1, 0);
+  const [, t] = ee((e) => e + 1, 0);
   return t;
 }
 function Te(t, e) {
@@ -705,7 +705,7 @@ const ot = Y((t, e) => {
   } = t, [a, s] = We(t), u = P(() => a ? {
     marker: a
   } : null, [a]);
-  return te(e, () => a, [a]), s ? /* @__PURE__ */ C.createElement(je.Provider, {
+  return Q(e, () => a, [a]), s ? /* @__PURE__ */ C.createElement(je.Provider, {
     value: u
   }, $(/* @__PURE__ */ C.createElement(Ze, {
     anchorPoint: i,
@@ -895,7 +895,7 @@ function Ye(t) {
 }
 Y((t, e) => {
   const n = Ye(t);
-  return te(e, () => n, [n]), /* @__PURE__ */ C.createElement(C.Fragment, null);
+  return Q(e, () => n, [n]), /* @__PURE__ */ C.createElement(C.Fragment, null);
 });
 export {
   nt as A,