@local-logic/maps 0.0.27 → 0.0.29

package/dist/{index-DWhC5cZK.js → index--TOrExMa.js}

@@ -1,8 +1,8 @@
 import { jsxs as f, jsx as i } from "react/jsx-runtime";
 import { a as k } from "./scale-control-Dsir9fWY.js";
 import "react";
-import { u, M } from "./index-DoUM-dTH.js";
-import { C as g, c as C, M as b } from "./index-DBpXJh_8.js";
+import { u, M } from "./index-D5oT0rvy.js";
+import { C as g, c as C, M as b } from "./index-DRdXfLHP.js";
 function _({
   clusters: n,
   colors: r,

package/dist/index-5JWsWx8g.js

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

package/dist/index-7WiriOPf.js

@@ -0,0 +1,108 @@
+import { jsxs as b, jsx as M } from "react/jsx-runtime";
+import { useState as v, useRef as x, useCallback as Z, useEffect as p } from "react";
+import { M as B, N as L, u as T } from "./scale-control-Dsir9fWY.js";
+import { u as C, D as m, a as h, m as k } from "./index-D5oT0rvy.js";
+import { t as z } from "./index-DscDx7HE.js";
+const A = {
+  en: {
+    "AttributionControl.ToggleAttribution": "Toggle attribution",
+    "FullscreenControl.Enter": "Enter fullscreen",
+    "FullscreenControl.Exit": "Exit fullscreen",
+    "GeolocateControl.FindMyLocation": "Find my location",
+    "GeolocateControl.LocationNotAvailable": "Location not available",
+    "LogoControl.Title": "Mapbox homepage",
+    "Map.Title": "Map",
+    "NavigationControl.ResetBearing": "Reset bearing to north",
+    "NavigationControl.ZoomIn": "Zoom in",
+    "NavigationControl.ZoomOut": "Zoom out",
+    "ScrollZoomBlocker.CtrlMessage": "Use ctrl + scroll to zoom the map",
+    "ScrollZoomBlocker.CmdMessage": "Use ⌘ + scroll to zoom the map",
+    "TouchPanBlocker.Message": "Use two fingers to move the map"
+  },
+  fr: {
+    "AttributionControl.ToggleAttribution": "Afficher/Masquer l’attribution",
+    "FullscreenControl.Enter": "Passer en plein écran",
+    "FullscreenControl.Exit": "Quitter le plein écran",
+    "GeolocateControl.FindMyLocation": "Trouver ma position",
+    "GeolocateControl.LocationNotAvailable": "Position non disponible",
+    "LogoControl.Title": "Page d’accueil Mapbox",
+    "Map.Title": "Carte",
+    "NavigationControl.ResetBearing": "Réinitialiser l’orientation au nord",
+    "NavigationControl.ZoomIn": "Zoomer",
+    "NavigationControl.ZoomOut": "Dézoomer",
+    "ScrollZoomBlocker.CtrlMessage": "Utilisez ctrl + défilement pour zoomer sur la carte",
+    "ScrollZoomBlocker.CmdMessage": "Utilisez ⌘ + défilement pour zoomer sur la carte",
+    "TouchPanBlocker.Message": "Utilisez deux doigts pour déplacer la carte"
+  }
+}, E = () => {
+  const { current: o } = T(), { markerPoints: e, setZoom: s, mapPadding: c } = C(), [i, u] = v(void 0), l = x(void 0), n = Z(() => {
+    o && s(o.getZoom());
+  }, [o, s]);
+  return p(() => (n(), o?.on("zoom", n), () => {
+    o?.off("zoom", n);
+  }), [o, n]), p(() => {
+    if (!o || typeof e > "u" || e.length === 0)
+      return;
+    const t = z(k(e));
+    (!l.current || !t.every((a, r) => a === l.current?.[r])) && (l.current = t, u(t));
+  }, [o, e]), p(() => {
+    if (!o || typeof i > "u")
+      return;
+    const [t, a, r, d] = i, f = (r - t) * 0.05 || 1e-3, g = (d - a) * 0.05 || 1e-3;
+    o.fitBounds(
+      [
+        [t - f, a - g],
+        [r + f, d + g]
+      ],
+      {
+        // Mapbox seems to retain padding, thus further calls
+        // to map.getBounds() include the padding and make calculations
+        // harder. Explicitly turning this off.
+        retainPadding: !1,
+        padding: c,
+        maxZoom: 17,
+        duration: 700
+      }
+    );
+  }, [o, i, c]), null;
+};
+function U({ children: o }) {
+  const {
+    mapProvider: e,
+    locale: s,
+    center: c,
+    zoom: i = m.zoom,
+    minZoom: u,
+    maxZoom: l,
+    pitch: n = m.pitch,
+    bearing: t = m.bearing,
+    cooperativeGestures: a = m.cooperativeGestures,
+    zoomPosition: r
+  } = C();
+  return e.name !== "mapbox" ? null : /* @__PURE__ */ b(
+    B,
+    {
+      mapboxAccessToken: e.apiKey,
+      initialViewState: {
+        ...c,
+        zoom: i,
+        pitch: n,
+        bearing: t
+      },
+      cooperativeGestures: a,
+      minZoom: u,
+      maxZoom: l,
+      mapStyle: `mapbox://styles/${e.theme || h.mapbox}`,
+      interactiveLayerIds: ["road-label", "waterway-label"],
+      locale: A[s],
+      children: [
+        /* @__PURE__ */ M(E, {}),
+        r && /* @__PURE__ */ M(L, { position: r }),
+        o
+      ]
+    }
+  );
+}
+export {
+  U as default
+};

package/dist/{index-DqtKFLcm.js → index-B1UUkU25.js}

@@ -1,8 +1,8 @@
 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-DoUM-dTH.js";
-import { c as x, m as A } from "./styles-Lnv5-v_D.js";
+import { u as j, P as T } from "./index-D5oT0rvy.js";
+import { c as x, m as A } from "./styles-mseP7Fna.js";
 function Z({
   latitude: l,
   longitude: h,

package/dist/index-B9irDFVS.js

@@ -0,0 +1,126 @@
+import { jsxs as g, jsx as f } from "react/jsx-runtime";
+import { useState as v, useRef as T, useCallback as E, useEffect as p } from "react";
+import { M as x, N as L, u as A } from "./logo-control-CHapR1Dt.js";
+import { u as M, D as c, a as G, m as k } from "./index-D5oT0rvy.js";
+import { t as S } from "./index-DscDx7HE.js";
+const F = {
+  en: {
+    "AttributionControl.ToggleAttribution": "Toggle attribution",
+    "AttributionControl.MapFeedback": "Map feedback",
+    "FullscreenControl.Enter": "Enter fullscreen",
+    "FullscreenControl.Exit": "Exit fullscreen",
+    "GeolocateControl.FindMyLocation": "Find my location",
+    "GeolocateControl.LocationNotAvailable": "Location not available",
+    "LogoControl.Title": "MapLibre logo",
+    "Map.Title": "Map",
+    "Marker.Title": "Map marker",
+    "NavigationControl.ResetBearing": "Reset bearing to north",
+    "NavigationControl.ZoomIn": "Zoom in",
+    "NavigationControl.ZoomOut": "Zoom out",
+    "Popup.Close": "Close popup",
+    "ScaleControl.Feet": "ft",
+    "ScaleControl.Meters": "m",
+    "ScaleControl.Kilometers": "km",
+    "ScaleControl.Miles": "mi",
+    "ScaleControl.NauticalMiles": "nm",
+    "GlobeControl.Enable": "Enable globe",
+    "GlobeControl.Disable": "Disable globe",
+    "TerrainControl.Enable": "Enable terrain",
+    "TerrainControl.Disable": "Disable terrain",
+    "CooperativeGesturesHandler.WindowsHelpText": "Use Ctrl + scroll to zoom the map",
+    "CooperativeGesturesHandler.MacHelpText": "Use ⌘ + scroll to zoom the map",
+    "CooperativeGesturesHandler.MobileHelpText": "Use two fingers to move the map"
+  },
+  fr: {
+    "AttributionControl.ToggleAttribution": "Afficher/Masquer l’attribution",
+    "AttributionControl.MapFeedback": "Retour sur la carte",
+    "FullscreenControl.Enter": "Passer en plein écran",
+    "FullscreenControl.Exit": "Quitter le plein écran",
+    "GeolocateControl.FindMyLocation": "Trouver ma position",
+    "GeolocateControl.LocationNotAvailable": "Position non disponible",
+    "LogoControl.Title": "Logo MapLibre",
+    "Map.Title": "Carte",
+    "Marker.Title": "Marqueur de carte",
+    "NavigationControl.ResetBearing": "Réinitialiser l’orientation au nord",
+    "NavigationControl.ZoomIn": "Zoomer",
+    "NavigationControl.ZoomOut": "Dézoomer",
+    "Popup.Close": "Fermer la fenêtre",
+    "ScaleControl.Feet": "pi",
+    "ScaleControl.Meters": "m",
+    "ScaleControl.Kilometers": "km",
+    "ScaleControl.Miles": "mi",
+    "ScaleControl.NauticalMiles": "mn",
+    "GlobeControl.Enable": "Activer le globe",
+    "GlobeControl.Disable": "Désactiver le globe",
+    "TerrainControl.Enable": "Activer le relief",
+    "TerrainControl.Disable": "Désactiver le relief",
+    "CooperativeGesturesHandler.WindowsHelpText": "Utilisez Ctrl + défilement pour zoomer sur la carte",
+    "CooperativeGesturesHandler.MacHelpText": "Utilisez ⌘ + défilement pour zoomer sur la carte",
+    "CooperativeGesturesHandler.MobileHelpText": "Utilisez deux doigts pour déplacer la carte"
+  }
+}, z = () => {
+  const { current: e } = A(), { markerPoints: o, setZoom: s, mapPadding: u } = M(), [a, m] = v(void 0), i = T(void 0), l = E(() => {
+    e && s(e.getZoom());
+  }, [e, s]);
+  return p(() => (l(), e?.on("zoom", l), () => {
+    e?.off("zoom", l);
+  }), [e, l]), p(() => {
+    if (!e || typeof o > "u" || o.length === 0)
+      return;
+    const t = S(k(o));
+    (!i.current || !t.every((n, r) => n === i.current?.[r])) && (i.current = t, m(t));
+  }, [e, o]), p(() => {
+    if (!e || typeof a > "u")
+      return;
+    const [t, n, r, C] = a, b = (r - t) * 0.05 || 1e-3, d = (C - n) * 0.05 || 1e-3;
+    e.fitBounds(
+      [
+        [t - b, n - d],
+        [r + b, C + d]
+      ],
+      {
+        padding: u,
+        maxZoom: 17,
+        duration: 700
+      }
+    );
+  }, [e, a, u]), null;
+};
+function P({ children: e }) {
+  const {
+    mapProvider: o,
+    locale: s,
+    center: u,
+    zoom: a = c.zoom,
+    minZoom: m,
+    maxZoom: i,
+    pitch: l = c.pitch,
+    bearing: t = c.bearing,
+    cooperativeGestures: n = c.cooperativeGestures,
+    zoomPosition: r
+  } = M();
+  return o.name !== "maptiler" ? null : /* @__PURE__ */ g(
+    x,
+    {
+      initialViewState: {
+        ...u,
+        zoom: a,
+        pitch: l,
+        bearing: t
+      },
+      cooperativeGestures: n,
+      minZoom: m,
+      maxZoom: i,
+      mapStyle: `https://api.maptiler.com/maps/${o.theme || G.maptiler}/style.json?key=${o.apiKey}`,
+      locale: F[s],
+      children: [
+        /* @__PURE__ */ f(z, {}),
+        r && /* @__PURE__ */ f(L, { position: r }),
+        e
+      ]
+    }
+  );
+}
+export {
+  P as default
+};

package/dist/{index-B1pyYX8E.js → index-BCEeluIN.js}

@@ -1,8 +1,8 @@
 import { jsx as E } from "react/jsx-runtime";
 import { useRef as d, useEffect as M } from "react";
 import { u as z, P as D } from "./scale-control-Dsir9fWY.js";
-import { u as H, P as T } from "./index-DoUM-dTH.js";
-import { c as j, m as A } from "./styles-Lnv5-v_D.js";
+import { u as H, P as T } from "./index-D5oT0rvy.js";
+import { c as j, m as A } from "./styles-mseP7Fna.js";
 function Z({
   latitude: h,
   longitude: l,

package/dist/{index-DZDCWEAt.js → index-Bn4XgGCE.js}

@@ -1,7 +1,7 @@
 import { jsxs as f, jsx as r } from "react/jsx-runtime";
 import { useMap as k, AdvancedMarker as u } from "@vis.gl/react-google-maps";
-import { u as M, M as g } from "./index-DoUM-dTH.js";
-import { C, c as v, M as I } from "./index-DBpXJh_8.js";
+import { u as M, M as g } from "./index-D5oT0rvy.js";
+import { C, c as v, M as I } from "./index-DRdXfLHP.js";
 function x({
   clusters: a,
   colors: o,

package/dist/{index-C9omoY_W.js → index-Cnab0xsb.js}

@@ -1,8 +1,8 @@
 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-DoUM-dTH.js";
-import { c as H, m as j } from "./styles-Lnv5-v_D.js";
+import { u as z, P as y } from "./index-D5oT0rvy.js";
+import { c as H, m as j } from "./styles-mseP7Fna.js";
 function Z({
   latitude: g,
   longitude: m,

package/dist/{index-DoUM-dTH.js → index-D5oT0rvy.js}

@@ -15,7 +15,7 @@ const et = at.createContext({}), R = () => ct(et), C = {
   bottom: 10,
   left: 10,
   right: 10
-}, J = 10, pt = 22, Jt = 10, ht = 30, lt = 60, Wt = 15, ft = [-180, -85.0511, 180, 85.0511], dt = "w-full h-full relative overflow-hidden", mt = w(() => import("./index-D-wKsZtO.js")), gt = w(() => import("./index-BfcWqVMc.js")), yt = w(() => import("./index-k7gr6NRM.js")), wt = w(() => import("./index-qqbvBkdn.js")), Mt = ({ children: r }) => {
+}, J = 10, pt = 22, Jt = 10, ht = 30, lt = 60, Wt = 15, ft = [-180, -85.0511, 180, 85.0511], dt = "w-full h-full relative overflow-hidden", mt = w(() => import("./index-B9irDFVS.js")), gt = w(() => import("./index-5JWsWx8g.js")), yt = w(() => import("./index-7WiriOPf.js")), wt = w(() => import("./index-qqbvBkdn.js")), Mt = ({ children: r }) => {
   const {
     mapProvider: t,
     center: e,
@@ -569,7 +569,7 @@ var Lt = function(t) {
     supercluster: c.current
   };
 };
-const Rt = w(() => import("./index-C6dKnCta.js")), It = w(() => import("./index-DZDCWEAt.js")), Ut = w(() => import("./index-DWhC5cZK.js"));
+const Rt = w(() => import("./index-DImiFUoC.js")), It = w(() => import("./index-Bn4XgGCE.js")), Ut = w(() => import("./index--TOrExMa.js"));
 function Dt({ markers: r, onClick: t, ...e }) {
   const { mapProvider: n, activeMarker: o, center: i, zoom: a, setMarkerPoints: c, setClusterPoints: s } = R();
   H(() => {
@@ -650,7 +650,7 @@ function Dt({ markers: r, onClick: t, ...e }) {
     }
   ) : null;
 }
-const Zt = w(() => import("./index-DqtKFLcm.js")), Ft = w(() => import("./index-C9omoY_W.js")), Bt = w(() => import("./index-B1pyYX8E.js"));
+const Zt = w(() => import("./index-B1UUkU25.js")), Ft = w(() => import("./index-Cnab0xsb.js")), Bt = w(() => import("./index-BCEeluIN.js"));
 function Nt({ children: r, anchor: t = "bottom", ...e }) {
   const { mapProvider: n } = R(), o = S(() => {
     switch (n?.name) {
@@ -689,6 +689,7 @@ function kt(r) {
     {
       value: {
         ...r,
+        locale: r.locale || "en",
         mapPadding: r.mapPadding || ut,
         markerPoints: t,
         setMarkerPoints: e,

package/dist/{index-C6dKnCta.js → index-DImiFUoC.js}

@@ -1,8 +1,8 @@
 import { jsxs as f, jsx as i } from "react/jsx-runtime";
 import { a as k } from "./logo-control-CHapR1Dt.js";
 import "react";
-import { u, M } from "./index-DoUM-dTH.js";
-import { C as g, c as C, M as v } from "./index-DBpXJh_8.js";
+import { u, M } from "./index-D5oT0rvy.js";
+import { C as g, c as C, M as v } from "./index-DRdXfLHP.js";
 function x({
   clusters: n,
   colors: o,

package/dist/{index-DBpXJh_8.js → index-DRdXfLHP.js}

@@ -1,6 +1,6 @@
 import { jsx as r, jsxs as l, Fragment as d } from "react/jsx-runtime";
 import { useMemo as f } from "react";
-import { u as h, M as n } from "./index-DoUM-dTH.js";
+import { u as h, M as n } from "./index-D5oT0rvy.js";
 import { MapPinIcon as g } from "@phosphor-icons/react";
 const a = `
   group/marker cursor-pointer rounded-full

package/dist/index.es.js

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