@local-logic/maps 0.1.0 → 0.1.1

package/dist/{index-CQ-JcUiN.js → index-BOJCRr60.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-H-u2bXnc.js";
-import { C, c as v, M as I } from "./index-CHAIEOV7.js";
+import { u as M, M as g } from "./index-D37STE_k.js";
+import { C, c as v, M as I } from "./index-BUZonjTY.js";
 function x({
   clusters: a,
   colors: o,

package/dist/{index-CHAIEOV7.js → index-BUZonjTY.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-H-u2bXnc.js";
+import { u as h, M as n } from "./index-D37STE_k.js";
 import { MapPinIcon as g } from "@phosphor-icons/react";
 const a = `
   group/marker cursor-pointer rounded-full

package/dist/{index-Dsui7RRW.js → index-BabQioiH.js}

@@ -1,7 +1,7 @@
 import { jsx as P, jsxs as x, Fragment as A } from "react/jsx-runtime";
 import { useState as v, useEffect as L, useRef as C, useCallback as E } from "react";
 import { APIProvider as O, Map as z, ControlPosition as g, useMap as G } from "@vis.gl/react-google-maps";
-import { u as B, D as h, W as f, a as Z, m as I } from "./index-H-u2bXnc.js";
+import { u as B, D as h, W as f, a as Z, m as I } from "./index-D37STE_k.js";
 import { t as R } from "./index-DscDx7HE.js";
 const F = {
   "top-left": g.LEFT_TOP,

package/dist/{index-DbGw-3H2.js → index-CTWLtI5f.js}

@@ -1,7 +1,7 @@
 import { jsxs as v, jsx as g } from "react/jsx-runtime";
 import { useState as T, useRef as E, useCallback as x, useEffect as b } from "react";
 import { M as L, N as A, u as G } from "./logo-control-CHapR1Dt.js";
-import { u as M, D as m, a as F, m as S } from "./index-H-u2bXnc.js";
+import { u as M, D as m, a as F, m as S } from "./index-D37STE_k.js";
 import { t as h } from "./index-DscDx7HE.js";
 const z = {
   en: {

package/dist/{index-zSTRJ71g.js → index-CWXZA3V3.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-H-u2bXnc.js";
-import { c as j, m as A } from "./styles-D8bDP2Op.js";
+import { u as H, P as T } from "./index-D37STE_k.js";
+import { c as j, m as A } from "./styles-B3ZaR0wz.js";
 function Z({
   latitude: h,
   longitude: l,

package/dist/{index-E5WaU61r.js → index-Ci9PQ3VM.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-H-u2bXnc.js";
-import { c as x, m as A } from "./styles-D8bDP2Op.js";
+import { u as j, P as T } from "./index-D37STE_k.js";
+import { c as x, m as A } from "./styles-B3ZaR0wz.js";
 function Z({
   latitude: l,
   longitude: h,

package/dist/{index-H-u2bXnc.js → index-D37STE_k.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-DbGw-3H2.js")), gt = w(() => import("./index-Dsui7RRW.js")), yt = w(() => import("./index-BDKwzoXR.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-CTWLtI5f.js")), gt = w(() => import("./index-BabQioiH.js")), yt = w(() => import("./index-xDS1OfMB.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-DL98jat0.js")), It = w(() => import("./index-CQ-JcUiN.js")), Ut = w(() => import("./index-BnFfeG7K.js"));
+const Rt = w(() => import("./index-Dy0j33aN.js")), It = w(() => import("./index-BOJCRr60.js")), Ut = w(() => import("./index-vIYPnHrB.js"));
 function Dt({ isLoading: r, markers: t, onClick: e, ...n }) {
   const { mapProvider: o, activeMarker: i, zoom: a, setMarkerPoints: c, setClusterPoints: s } = R();
   H(() => {
@@ -650,7 +650,7 @@ function Dt({ isLoading: r, markers: t, onClick: e, ...n }) {
     }
   ) : null;
 }
-const Zt = w(() => import("./index-E5WaU61r.js")), Bt = w(() => import("./index-tFIqhoKk.js")), Ft = w(() => import("./index-zSTRJ71g.js"));
+const Zt = w(() => import("./index-Ci9PQ3VM.js")), Bt = w(() => import("./index-DHOxmHER.js")), Ft = w(() => import("./index-CWXZA3V3.js"));
 function Nt({ children: r, anchor: t = "bottom", ...e }) {
   const { mapProvider: n } = R(), o = S(() => {
     switch (n?.name) {
@@ -666,7 +666,7 @@ function Nt({ children: r, anchor: t = "bottom", ...e }) {
   }, [n]);
   return o ? /* @__PURE__ */ O(o, { ...e, anchor: t, children: r }) : null;
 }
-const zt = w(() => import("./index-Id4hTpek.js")), jt = w(() => import("./index-CscTuMMv.js")), Gt = w(() => import("./index-CyFPuX3E.js"));
+const zt = w(() => import("./index-DKy2opdk.js")), jt = w(() => import("./index-k9UFzKZZ.js")), Gt = w(() => import("./index-D8-yY6UK.js"));
 function $t(r) {
   const { mapProvider: t } = R(), e = S(() => {
     switch (t?.name) {

package/dist/{index-CyFPuX3E.js → index-D8-yY6UK.js}

@@ -2,7 +2,7 @@ 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-Dsir9fWY.js";
-import { g as I } from "./utils-CNmTUsO1.js";
+import { g as I } from "./utils-IAXGPK5I.js";
 function s(t, e) {
   if (!t)
     throw new Error(e);

package/dist/{index-tFIqhoKk.js → index-DHOxmHER.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-H-u2bXnc.js";
-import { c as H, m as j } from "./styles-D8bDP2Op.js";
+import { u as z, P as y } from "./index-D37STE_k.js";
+import { c as H, m as j } from "./styles-B3ZaR0wz.js";
 function Z({
   latitude: g,
   longitude: m,

package/dist/{index-Id4hTpek.js → index-DKy2opdk.js}

@@ -2,7 +2,7 @@ import { jsx as f, Fragment as x } from "react/jsx-runtime";
 import * as $ from "react";
 import { useContext as S, useRef as k, useState as b, useMemo as g, useEffect as w, cloneElement as j } from "react";
 import { b as C, d as u } from "./logo-control-CHapR1Dt.js";
-import { g as I } from "./utils-CNmTUsO1.js";
+import { g as I } from "./utils-IAXGPK5I.js";
 function s(t, e) {
   if (!t)
     throw new Error(e);

package/dist/{index-DL98jat0.js → index-Dy0j33aN.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-H-u2bXnc.js";
-import { C as g, c as C, M as v } from "./index-CHAIEOV7.js";
+import { u, M } from "./index-D37STE_k.js";
+import { C as g, c as C, M as v } from "./index-BUZonjTY.js";
 function x({
   clusters: n,
   colors: o,

package/dist/{index-CscTuMMv.js → index-k9UFzKZZ.js}

@@ -1,7 +1,7 @@
 import { jsx as P, Fragment as u } from "react/jsx-runtime";
 import { useState as s, useContext as M, useEffect as g } from "react";
 import { GoogleMapsContext as L } from "@vis.gl/react-google-maps";
-import { a as k } from "./utils-CNmTUsO1.js";
+import { a as k } from "./utils-IAXGPK5I.js";
 function f(o, e, r) {
   switch (o) {
     case "fill":

package/dist/{index-BnFfeG7K.js → index-vIYPnHrB.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-H-u2bXnc.js";
-import { C as g, c as C, M as b } from "./index-CHAIEOV7.js";
+import { u, M } from "./index-D37STE_k.js";
+import { C as g, c as C, M as b } from "./index-BUZonjTY.js";
 function _({
   clusters: n,
   colors: r,

package/dist/{index-BDKwzoXR.js → index-xDS1OfMB.js}

@@ -1,7 +1,7 @@
 import { jsxs as v, jsx as C } from "react/jsx-runtime";
 import { useState as x, useRef as Z, useCallback as h, useEffect as d } from "react";
 import { M as B, N as L, u as T } from "./scale-control-Dsir9fWY.js";
-import { u as M, D as p, a as z, m as A } from "./index-H-u2bXnc.js";
+import { u as M, D as p, a as z, m as A } from "./index-D37STE_k.js";
 import { t as E } from "./index-DscDx7HE.js";
 const P = {
   en: {

package/dist/index.es.js

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

package/dist/index.umd.js

@@ -35,4 +35,4 @@
 `;function tt({isActive:e=!1,colors:t,icon:o}){const{zoom:n,mapProvider:r}=O(),i=c.useMemo(()=>r.name==="google"?n-1<ve+1:n<ve,[n,r]);return h.jsxs("div",{className:ai,style:{"--background":t?.background,"--fill":t?.fill},children:[h.jsx("div",{className:ge,"data-is-zoomed-out":i,"data-is-active":e,children:h.jsx(Ae,{icon:o})}),!i&&h.jsxs(h.Fragment,{children:[h.jsx("div",{className:`${ge} ${so}`}),h.jsx("div",{className:`${ge} ${so}`})]})]})}function li({clusters:e,colors:t,clusterIcon:o,onClick:n,doesSuperclusterContainActiveMarker:r}){const{activeMarker:i,zoom:s}=O(),l=a=>u=>{u.originalEvent.stopPropagation(),!a.properties.disableClick&&n?.(a)};return e?.map((a,u)=>{const f=a.geometry.coordinates[0],d=a.geometry.coordinates[1];return h.jsxs(zt,{anchor:"bottom",longitude:f,latitude:d,onClick:l(a),children:[a.properties.cluster&&a.properties.cluster_id&&h.jsx(tt,{colors:t,icon:o,isActive:r(a.properties.cluster_id)}),!a.properties.cluster&&h.jsx("div",{className:ge,style:a.properties.defaultColor?{}:{"--background":t?.background,"--fill":t?.fill},"data-is-cluster":!!a.properties.cluster,"data-is-zoomed-out":s<ve,"data-is-active":i?.id===a.properties.id,children:h.jsx(Ae,{icon:a.properties.icon})})]},`map-marker-${f}-${d}-${u}`)})}const ci=Object.freeze(Object.defineProperty({__proto__:null,default:li},Symbol.toStringTag,{value:"Module"}));function ui({clusters:e,colors:t,clusterIcon:o,onClick:n,doesSuperclusterContainActiveMarker:r}){U.useMap();const{activeMarker:i,zoom:s}=O(),l=a=>()=>{a.properties.disableClick||n?.(a)};return e?.map((a,u)=>{const f=a.geometry.coordinates[0],d=a.geometry.coordinates[1];return h.jsxs(U.AdvancedMarker,{position:{lat:d,lng:f},onClick:l(a),children:[a.properties.cluster&&h.jsx(tt,{colors:t,icon:o,isActive:r(a.properties.cluster_id)}),!a.properties.cluster&&h.jsx("div",{className:ge,style:a.properties.defaultColor?{}:{"--background":t?.background,"--fill":t?.fill},"data-is-cluster":!!a.properties.cluster,"data-is-zoomed-out":s-1<ve+1,"data-is-active":i?.id===a.properties.id,children:h.jsx(Ae,{icon:a.properties.icon})})]},`map-marker-${f}-${d}-${u}`)})}const di=Object.freeze(Object.defineProperty({__proto__:null,default:ui},Symbol.toStringTag,{value:"Module"}));function fi({clusters:e,colors:t,clusterIcon:o,onClick:n,doesSuperclusterContainActiveMarker:r}){const{activeMarker:i,zoom:s}=O(),l=a=>u=>{u.originalEvent.stopPropagation(),!a.properties.disableClick&&n?.(a)};return e?.map((a,u)=>{const f=a.geometry.coordinates[0],d=a.geometry.coordinates[1];return h.jsxs(Gt,{anchor:"bottom",longitude:f,latitude:d,onClick:l(a),children:[a.properties.cluster&&h.jsx(tt,{colors:t,icon:o,isActive:r(a.properties.cluster_id)}),!a.properties.cluster&&h.jsx("div",{className:ge,style:a.properties.defaultColor?{}:{"--background":t?.background,"--fill":t?.fill},"data-is-cluster":!!a.properties.cluster,"data-is-zoomed-out":s<ve,"data-is-active":i?.id===a.properties.id,children:h.jsx(Ae,{icon:a.properties.icon})})]},`map-marker-${f}-${d}-${u}`)})}const mi=Object.freeze(Object.defineProperty({__proto__:null,default:fi},Symbol.toStringTag,{value:"Module"}));function ot(e,t,o,n,r,i){const s={left:r.left||be.left,right:r.right||be.right,top:r.top||be.top,bottom:r.bottom||be.bottom},l=n.top||0,a=n.left||0,u={top:e.top-l,bottom:e.bottom-l,left:e.left-a,right:e.right-a,width:e.width,height:e.height},f={top:u.top>=s.top,left:u.left>=s.left,bottom:u.bottom<=n.height-s.bottom,right:u.right<=n.width-s.right};if(!!Object.values(f).includes(!1)){let m=0,p=0;f.top?f.bottom||(m=n.height-s.bottom-u.bottom):m=s.top-u.top,f.left?f.right||(p=n.width-s.right-u.right):p=s.left-u.left,i({longitude:t.longitude-p/n.width*(o.right-o.left),latitude:t.latitude+m/n.height*(o.top-o.bottom)})}}const nt=`
   bg-base-white border border-primary-100 w-auto overflow-hidden
   rounded-lg shadow-sm
-`;function pi({latitude:e,longitude:t,anchor:o,offset:n=[0,-35],onClose:r,children:i}){const s=c.useRef(null),{current:l}=wt(),{activeMarker:a,clusterPoints:u,mapPadding:f}=O(),d=c.useRef(u),m=c.useRef(a);return c.useEffect(()=>{const p=d.current!==u,y=m.current===a;p&&y&&typeof a<"u"&&r?.(),d.current=u,m.current=a},[u,a,r]),c.useEffect(()=>{const p=s?.current;let y={width:0,height:0};const x=()=>{if(!l||!p||typeof a>"u")return;const C=l.getBounds(),M=l.getCenter(),k=l.getCanvas(),P=p.getElement()?.getBoundingClientRect();if(!C||!P)return;const A=Math.abs(P.width-y.width),_=Math.abs(P.height-y.height);if(y.width!==0&&A<le&&_<le)return;y={width:P.width,height:P.height};const $=k.getBoundingClientRect(),X={width:k.clientWidth,height:k.clientHeight,top:$.top,left:$.left},R={latitude:M.lat,longitude:M.lng},G={left:C.getWest(),right:C.getEast(),top:C.getNorth(),bottom:C.getSouth()},V={left:f.left||0,right:f.right||0,top:f.top||0,bottom:f.bottom||0};ot(P,R,G,X,V,q=>{l.easeTo({center:[q.longitude,q.latitude],duration:500})})};let g;const b=new ResizeObserver(()=>{g&&clearTimeout(g),g=window.setTimeout(()=>{x()},100)}),L=p?.getElement();return L&&b.observe(L),()=>{g&&clearTimeout(g),b.disconnect()}},[l,s,a,f.top,f.bottom,f.left,f.right]),typeof e>"u"||typeof t>"u"?null:h.jsx(fn,{ref:s,className:"maplibre-popup",focusAfterOpen:!0,latitude:e,longitude:t,anchor:o,offset:n,onClose:r,closeButton:!1,children:h.jsx("div",{className:nt,children:i})})}const gi=Object.freeze(Object.defineProperty({__proto__:null,default:pi},Symbol.toStringTag,{value:"Module"}));function hi({latitude:e,longitude:t,offset:o=[0,-25],onClose:n,children:r}){const[i,s]=c.useState(null),l=U.useMap(),{mapPadding:a,activeMarker:u,clusterPoints:f}=O(),d=c.useRef(f),m=c.useRef(u),p=c.useCallback(x=>{s(x)},[]);c.useEffect(()=>{const x=d.current!==f,g=m.current===u;x&&g&&typeof u<"u"&&n?.(),d.current=f,m.current=u},[f,u,n]),c.useEffect(()=>{let x={width:0,height:0};const g=()=>{if(!l||!i||typeof u>"u")return;const C=l.getBounds(),M=l.getCenter(),k=l.getDiv(),P=i?.getBoundingClientRect();if(!C||!M||!P)return;const A=Math.abs(P.width-x.width),_=Math.abs(P.height-x.height);if(x.width!==0&&A<le&&_<le)return;x={width:P.width,height:P.height};const $=k.getBoundingClientRect(),X={width:k.clientWidth,height:k.clientHeight,top:$.top,left:$.left},R={latitude:M.lat(),longitude:M.lng()},G={left:C.getSouthWest().lng(),right:C.getNorthEast().lng(),top:C.getNorthEast().lat(),bottom:C.getSouthWest().lat()};ot(P,R,G,X,a,V=>{l.panTo(new google.maps.LatLng(V.latitude,V.longitude))})};let b;const L=new ResizeObserver(()=>{b&&clearTimeout(b),b=window.setTimeout(()=>{g()},100)});return i&&L.observe(i),()=>{b&&clearTimeout(b),L.disconnect()}},[l,i,u,a.top,a.bottom,a.left,a.right]),c.useEffect(()=>{if(!l)return;const x=l.addListener("click",()=>{n?.()});return()=>{x.remove()}},[l]);const y=c.useMemo(()=>Array.isArray(o)?[o[0],o[1]]:[o,o],[o]);return typeof e>"u"||typeof t>"u"?null:h.jsx(U.InfoWindow,{shouldFocus:!0,disableAutoPan:!0,position:{lat:e,lng:t},pixelOffset:y,children:h.jsx("div",{ref:p,className:nt,children:r})})}const yi=Object.freeze(Object.defineProperty({__proto__:null,default:hi},Symbol.toStringTag,{value:"Module"}));function bi({latitude:e,longitude:t,anchor:o,offset:n=[0,-35],onClose:r,children:i}){const s=c.useRef(null),{current:l}=$t(),{activeMarker:a,clusterPoints:u,mapPadding:f}=O(),d=c.useRef(u),m=c.useRef(a);return c.useEffect(()=>{const p=d.current!==u,y=m.current===a;p&&y&&typeof a<"u"&&r?.(),d.current=u,m.current=a},[u,a,r]),c.useEffect(()=>{const p=s?.current;let y={width:0,height:0};const x=()=>{if(!l||!p||typeof a>"u")return;const C=l.getBounds(),M=l.getCenter(),k=l.getCanvas(),P=p.getElement()?.getBoundingClientRect();if(!C||!P)return;const A=Math.abs(P.width-y.width),_=Math.abs(P.height-y.height);if(y.width!==0&&A<le&&_<le)return;y={width:P.width,height:P.height};const $=k.getBoundingClientRect(),X={width:k.clientWidth,height:k.clientHeight,top:$.top,left:$.left},R={latitude:M.lat,longitude:M.lng},G={left:C.getWest(),right:C.getEast(),top:C.getNorth(),bottom:C.getSouth()},V={left:f.left||0,right:f.right||0,top:f.top||0,bottom:f.bottom||0};ot(P,R,G,X,V,q=>{l.easeTo({center:[q.longitude,q.latitude],duration:500})})};let g;const b=new ResizeObserver(()=>{g&&clearTimeout(g),g=window.setTimeout(()=>{x()},100)}),L=p?.getElement();return L&&b.observe(L),()=>{g&&clearTimeout(g),b.disconnect()}},[l,s,a,f.top,f.bottom,f.left,f.right]),typeof e>"u"||typeof t>"u"?null:h.jsx(nr,{ref:s,className:"mapbox-popup",focusAfterOpen:!0,latitude:e,longitude:t,anchor:o,offset:n,onClose:r,closeButton:!1,children:h.jsx("div",{className:nt,children:i})})}const vi=Object.freeze(Object.defineProperty({__proto__:null,default:bi},Symbol.toStringTag,{value:"Module"}));function ao(e=[],t="MultiPolygon"){const o=l=>Object.values(l).map(a=>Array.isArray(a[0])?o(a):[a[1],a[0]]),n=o(e);let r;const i=n[0]?.[0];if(t==="MultiPolygon"){const l=n[0]?.[1];r=[[i||[],...l||[]]]}else r=i||[];return{type:"FeatureCollection",features:[{type:"Feature",geometry:{type:t,coordinates:r}}]}}function wi(e=[],t="MultiPolygon"){const o=s=>Object.values(s).map(l=>Array.isArray(l[0])?o(l):{lat:l[0],lng:l[1]}),n=o(e),r=n[0]?.[0],i=n[0]?.[1];return t==="MultiPolygon"?[r||[],...i||[]]:r||[]}function lo(e,t,o){switch(e){case"fill":return{"fill-color":t,"fill-opacity":.25};case"line":return{"line-color":t,"line-width":o==="LineString"?6:2};default:return{}}}function xi({sources:e}){const t=c.useMemo(()=>!Array.isArray(e)||e.length===0?[]:e.map(o=>({...o,geoJson:o.geometry?ao(o.geometry,o.type):null})),[e]);return t?.length===0?null:h.jsx(h.Fragment,{children:t?.map(o=>h.jsx("div",{children:o.geoJson&&h.jsx(Mn,{id:o.key,type:"geojson",data:o.geoJson,children:o.layer&&(Array.isArray(o.layer)?o.layer.map((n,r)=>h.jsx(Tt,{id:`${o.key}-${r}`,type:n.type,paint:lo(n.type,n.color,o.type)},`${o.key}-${r}`)):h.jsx(Tt,{id:o.key,type:o.layer.type,paint:lo(o.layer.type,o.layer.color,o.type)}))},o.key)},o.key))})}const Ci=Object.freeze(Object.defineProperty({__proto__:null,default:xi},Symbol.toStringTag,{value:"Module"}));function co(e,t,o){switch(e){case"fill":return{fillColor:t,fillOpacity:.25};case"line":return{strokeColor:t,strokeWeight:o==="LineString"?6:2};default:return{}}}function _i({sources:e}){const[t,o]=c.useState(null),[n,r]=c.useState([]),i=c.useContext(U.GoogleMapsContext);return c.useEffect(()=>{i&&o(i.map)},[i]),c.useEffect(()=>{if(n.forEach(l=>{l?.setMap(null)}),!t||typeof e>"u"||e.length===0)return;const s=e.map(l=>{const a={type:l.type||"MultiPolygon",clickable:!1};if(Array.isArray(l.layer))l.layer.forEach(d=>{const m=co(d.type,d.color,l.type);Object.assign(a,m)});else{const d=co(l.layer.type,l.layer.color,l.type);Object.assign(a,d)}let u;const f=wi(l.geometry,a.type);return l.type==="LineString"?u=new google.maps.Polyline({strokeWeight:6,path:f,...a}):u=new google.maps.Polygon({strokeWeight:0,fillOpacity:0,paths:f,...a}),u.setMap(t),u});return r(s),s.forEach(l=>{l.setMap(t)}),()=>{s.forEach(l=>{l?.setMap(null)})}},[t,e]),h.jsx(h.Fragment,{})}const Mi=Object.freeze(Object.defineProperty({__proto__:null,default:_i},Symbol.toStringTag,{value:"Module"}));function uo(e,t,o){switch(e){case"fill":return{"fill-color":t,"fill-opacity":.25};case"line":return{"line-color":t,"line-width":o==="LineString"?6:2};default:return{}}}function ki({sources:e}){const t=c.useMemo(()=>!Array.isArray(e)||e.length===0?[]:e.map(o=>({...o,geoJson:o.geometry?ao(o.geometry,o.type):null})),[e]);return t?.length===0?null:h.jsx(h.Fragment,{children:t?.map(o=>h.jsx("div",{children:o.geoJson&&h.jsx(mr,{id:o.key,type:"geojson",data:o.geoJson,children:o.layer&&(Array.isArray(o.layer)?o.layer.map((n,r)=>h.jsx(Ht,{id:`${o.key}-${r}`,type:n.type,paint:uo(n.type,n.color,o.type)},`${o.key}-${r}`)):h.jsx(Ht,{id:o.key,type:o.layer.type,paint:uo(o.layer.type,o.layer.color,o.type)}))},o.key)},o.key))})}const Si=Object.freeze(Object.defineProperty({__proto__:null,default:ki},Symbol.toStringTag,{value:"Module"}));D.LocalLogicMap=Xo,Object.defineProperty(D,Symbol.toStringTag,{value:"Module"})}));
+`;function pi({latitude:e,longitude:t,anchor:o,offset:n=[0,-35],onClose:r,children:i}){const s=c.useRef(null),{current:l}=wt(),{activeMarker:a,clusterPoints:u,mapPadding:f}=O(),d=c.useRef(u),m=c.useRef(a);return c.useEffect(()=>{const p=d.current!==u,y=m.current===a;p&&y&&typeof a<"u"&&r?.(),d.current=u,m.current=a},[u,a,r]),c.useEffect(()=>{const p=s?.current;let y={width:0,height:0};const x=()=>{if(!l||!p||typeof a>"u")return;const C=l.getBounds(),M=l.getCenter(),k=l.getCanvas(),P=p.getElement()?.getBoundingClientRect();if(!C||!P)return;const A=Math.abs(P.width-y.width),_=Math.abs(P.height-y.height);if(y.width!==0&&A<le&&_<le)return;y={width:P.width,height:P.height};const $=k.getBoundingClientRect(),X={width:k.clientWidth,height:k.clientHeight,top:$.top,left:$.left},R={latitude:M.lat,longitude:M.lng},G={left:C.getWest(),right:C.getEast(),top:C.getNorth(),bottom:C.getSouth()},V={left:f.left||0,right:f.right||0,top:f.top||0,bottom:f.bottom||0};ot(P,R,G,X,V,q=>{l.easeTo({center:[q.longitude,q.latitude],duration:500})})};let g;const b=new ResizeObserver(()=>{g&&clearTimeout(g),g=window.setTimeout(()=>{x()},100)}),L=p?.getElement();return L&&b.observe(L),()=>{g&&clearTimeout(g),b.disconnect()}},[l,s,a,f.top,f.bottom,f.left,f.right]),typeof e>"u"||typeof t>"u"?null:h.jsx(fn,{ref:s,className:"maplibre-popup",focusAfterOpen:!0,latitude:e,longitude:t,anchor:o,offset:n,onClose:r,closeButton:!1,children:h.jsx("div",{className:nt,children:i})})}const gi=Object.freeze(Object.defineProperty({__proto__:null,default:pi},Symbol.toStringTag,{value:"Module"}));function hi({latitude:e,longitude:t,offset:o=[0,-25],onClose:n,children:r}){const[i,s]=c.useState(null),l=U.useMap(),{mapPadding:a,activeMarker:u,clusterPoints:f}=O(),d=c.useRef(f),m=c.useRef(u),p=c.useCallback(x=>{s(x)},[]);c.useEffect(()=>{const x=d.current!==f,g=m.current===u;x&&g&&typeof u<"u"&&n?.(),d.current=f,m.current=u},[f,u,n]),c.useEffect(()=>{let x={width:0,height:0};const g=()=>{if(!l||!i||typeof u>"u")return;const C=l.getBounds(),M=l.getCenter(),k=l.getDiv(),P=i?.getBoundingClientRect();if(!C||!M||!P)return;const A=Math.abs(P.width-x.width),_=Math.abs(P.height-x.height);if(x.width!==0&&A<le&&_<le)return;x={width:P.width,height:P.height};const $=k.getBoundingClientRect(),X={width:k.clientWidth,height:k.clientHeight,top:$.top,left:$.left},R={latitude:M.lat(),longitude:M.lng()},G={left:C.getSouthWest().lng(),right:C.getNorthEast().lng(),top:C.getNorthEast().lat(),bottom:C.getSouthWest().lat()};ot(P,R,G,X,a,V=>{l.panTo(new google.maps.LatLng(V.latitude,V.longitude))})};let b;const L=new ResizeObserver(()=>{b&&clearTimeout(b),b=window.setTimeout(()=>{g()},100)});return i&&L.observe(i),()=>{b&&clearTimeout(b),L.disconnect()}},[l,i,u,a.top,a.bottom,a.left,a.right]),c.useEffect(()=>{if(!l)return;const x=l.addListener("click",()=>{n?.()});return()=>{x.remove()}},[l]);const y=c.useMemo(()=>Array.isArray(o)?[o[0],o[1]]:[o,o],[o]);return typeof e>"u"||typeof t>"u"?null:h.jsx(U.InfoWindow,{shouldFocus:!0,disableAutoPan:!0,position:{lat:e,lng:t},pixelOffset:y,children:h.jsx("div",{ref:p,className:nt,children:r})})}const yi=Object.freeze(Object.defineProperty({__proto__:null,default:hi},Symbol.toStringTag,{value:"Module"}));function bi({latitude:e,longitude:t,anchor:o,offset:n=[0,-35],onClose:r,children:i}){const s=c.useRef(null),{current:l}=$t(),{activeMarker:a,clusterPoints:u,mapPadding:f}=O(),d=c.useRef(u),m=c.useRef(a);return c.useEffect(()=>{const p=d.current!==u,y=m.current===a;p&&y&&typeof a<"u"&&r?.(),d.current=u,m.current=a},[u,a,r]),c.useEffect(()=>{const p=s?.current;let y={width:0,height:0};const x=()=>{if(!l||!p||typeof a>"u")return;const C=l.getBounds(),M=l.getCenter(),k=l.getCanvas(),P=p.getElement()?.getBoundingClientRect();if(!C||!P)return;const A=Math.abs(P.width-y.width),_=Math.abs(P.height-y.height);if(y.width!==0&&A<le&&_<le)return;y={width:P.width,height:P.height};const $=k.getBoundingClientRect(),X={width:k.clientWidth,height:k.clientHeight,top:$.top,left:$.left},R={latitude:M.lat,longitude:M.lng},G={left:C.getWest(),right:C.getEast(),top:C.getNorth(),bottom:C.getSouth()},V={left:f.left||0,right:f.right||0,top:f.top||0,bottom:f.bottom||0};ot(P,R,G,X,V,q=>{l.easeTo({center:[q.longitude,q.latitude],duration:500})})};let g;const b=new ResizeObserver(()=>{g&&clearTimeout(g),g=window.setTimeout(()=>{x()},100)}),L=p?.getElement();return L&&b.observe(L),()=>{g&&clearTimeout(g),b.disconnect()}},[l,s,a,f.top,f.bottom,f.left,f.right]),typeof e>"u"||typeof t>"u"?null:h.jsx(nr,{ref:s,className:"mapbox-popup",focusAfterOpen:!0,latitude:e,longitude:t,anchor:o,offset:n,onClose:r,closeButton:!1,children:h.jsx("div",{className:nt,children:i})})}const vi=Object.freeze(Object.defineProperty({__proto__:null,default:bi},Symbol.toStringTag,{value:"Module"}));function ao(e=[],t="MultiPolygon"){const o=s=>Object.values(s).map(l=>Array.isArray(l[0])?o(l):[l[1],l[0]]),n=o(e);let r;if(t==="MultiPolygon"){const s=n[0]?.[0],l=n[0]?.[1];r=[[s||[],...l||[]]]}else r=n;return{type:"FeatureCollection",features:[{type:"Feature",geometry:{type:t,coordinates:r}}]}}function wi(e=[],t="MultiPolygon"){const o=r=>Object.values(r).map(i=>Array.isArray(i[0])?o(i):{lat:i[0],lng:i[1]}),n=o(e);if(t==="MultiPolygon"){const r=n,i=r[0]?.[0],s=r[0]?.[1];return[i||[],...s||[]]}return n}function lo(e,t,o){switch(e){case"fill":return{"fill-color":t,"fill-opacity":.25};case"line":return{"line-color":t,"line-width":o==="LineString"?6:2};default:return{}}}function xi({sources:e}){const t=c.useMemo(()=>!Array.isArray(e)||e.length===0?[]:e.map(o=>({...o,geoJson:o.geometry?ao(o.geometry,o.type):null})),[e]);return t?.length===0?null:h.jsx(h.Fragment,{children:t?.map(o=>h.jsx("div",{children:o.geoJson&&h.jsx(Mn,{id:o.key,type:"geojson",data:o.geoJson,children:o.layer&&(Array.isArray(o.layer)?o.layer.map((n,r)=>h.jsx(Tt,{id:`${o.key}-${r}`,type:n.type,paint:lo(n.type,n.color,o.type)},`${o.key}-${r}`)):h.jsx(Tt,{id:o.key,type:o.layer.type,paint:lo(o.layer.type,o.layer.color,o.type)}))},o.key)},o.key))})}const Ci=Object.freeze(Object.defineProperty({__proto__:null,default:xi},Symbol.toStringTag,{value:"Module"}));function co(e,t,o){switch(e){case"fill":return{fillColor:t,fillOpacity:.25};case"line":return{strokeColor:t,strokeWeight:o==="LineString"?6:2};default:return{}}}function _i({sources:e}){const[t,o]=c.useState(null),[n,r]=c.useState([]),i=c.useContext(U.GoogleMapsContext);return c.useEffect(()=>{i&&o(i.map)},[i]),c.useEffect(()=>{if(n.forEach(l=>{l?.setMap(null)}),!t||typeof e>"u"||e.length===0)return;const s=e.map(l=>{const a={type:l.type||"MultiPolygon",clickable:!1};if(Array.isArray(l.layer))l.layer.forEach(d=>{const m=co(d.type,d.color,l.type);Object.assign(a,m)});else{const d=co(l.layer.type,l.layer.color,l.type);Object.assign(a,d)}let u;const f=wi(l.geometry,a.type);return l.type==="LineString"?u=new google.maps.Polyline({strokeWeight:6,path:f,...a}):u=new google.maps.Polygon({strokeWeight:0,fillOpacity:0,paths:f,...a}),u.setMap(t),u});return r(s),s.forEach(l=>{l.setMap(t)}),()=>{s.forEach(l=>{l?.setMap(null)})}},[t,e]),h.jsx(h.Fragment,{})}const Mi=Object.freeze(Object.defineProperty({__proto__:null,default:_i},Symbol.toStringTag,{value:"Module"}));function uo(e,t,o){switch(e){case"fill":return{"fill-color":t,"fill-opacity":.25};case"line":return{"line-color":t,"line-width":o==="LineString"?6:2};default:return{}}}function ki({sources:e}){const t=c.useMemo(()=>!Array.isArray(e)||e.length===0?[]:e.map(o=>({...o,geoJson:o.geometry?ao(o.geometry,o.type):null})),[e]);return t?.length===0?null:h.jsx(h.Fragment,{children:t?.map(o=>h.jsx("div",{children:o.geoJson&&h.jsx(mr,{id:o.key,type:"geojson",data:o.geoJson,children:o.layer&&(Array.isArray(o.layer)?o.layer.map((n,r)=>h.jsx(Ht,{id:`${o.key}-${r}`,type:n.type,paint:uo(n.type,n.color,o.type)},`${o.key}-${r}`)):h.jsx(Ht,{id:o.key,type:o.layer.type,paint:uo(o.layer.type,o.layer.color,o.type)}))},o.key)},o.key))})}const Si=Object.freeze(Object.defineProperty({__proto__:null,default:ki},Symbol.toStringTag,{value:"Module"}));D.LocalLogicMap=Xo,Object.defineProperty(D,Symbol.toStringTag,{value:"Module"})}));

package/dist/src/components/Map/Root/Layers/utils.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Map/Root/Layers/utils.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,YAAY,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAE3E,OAAO,KAAK,EACV,YAAY,EAIZ,oBAAoB,EAErB,MAAM,SAAS,CAAC;AAEjB,wBAAgB,0CAA0C,CACxD,QAAQ,GAAE,YAAiB,EAC3B,IAAI,GAAE,cAAc,GAAG,YAA6B,qFA6CrD;AAED,wBAAgB,sCAAsC,CACpD,QAAQ,GAAE,YAAiB,EAC3B,IAAI,GAAE,cAAc,GAAG,YAA6B,iDA2BrD"}
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Map/Root/Layers/utils.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,YAAY,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAE3E,OAAO,KAAK,EACV,YAAY,EAIZ,oBAAoB,EAErB,MAAM,SAAS,CAAC;AAEjB,wBAAgB,0CAA0C,CACxD,QAAQ,GAAE,YAAiB,EAC3B,IAAI,GAAE,cAAc,GAAG,YAA6B,qFA6CrD;AAED,wBAAgB,sCAAsC,CACpD,QAAQ,GAAE,YAAiB,EAC3B,IAAI,GAAE,cAAc,GAAG,YAA6B,iDA6BrD"}

package/dist/{styles-D8bDP2Op.js → styles-B3ZaR0wz.js}

@@ -1,4 +1,4 @@
-import { b as r } from "./index-H-u2bXnc.js";
+import { b as r } from "./index-D37STE_k.js";
 function n(e, b, f, t, l, w) {
   const o = {
     left: l.left || r.left,

package/dist/utils-IAXGPK5I.js

@@ -0,0 +1,33 @@
+function u(a = [], l = "MultiPolygon") {
+  const n = (s) => Object.values(s).map((r) => Array.isArray(r[0]) ? n(r) : [r[1], r[0]]), o = n(a);
+  let t;
+  if (l === "MultiPolygon") {
+    const s = o[0]?.[0], r = o[0]?.[1];
+    t = [[s || [], ...r || []]];
+  } else
+    t = o;
+  return {
+    type: "FeatureCollection",
+    features: [
+      {
+        type: "Feature",
+        geometry: {
+          type: l,
+          coordinates: t
+        }
+      }
+    ]
+  };
+}
+function g(a = [], l = "MultiPolygon") {
+  const n = (t) => Object.values(t).map((e) => Array.isArray(e[0]) ? n(e) : { lat: e[0], lng: e[1] }), o = n(a);
+  if (l === "MultiPolygon") {
+    const t = o, e = t[0]?.[0], s = t[0]?.[1];
+    return [e || [], ...s || []];
+  }
+  return o;
+}
+export {
+  g as a,
+  u as g
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@local-logic/maps",
-  "version": "0.1.0",
+  "version": "0.1.1",
   "description": "This is a maps implementation allowing for the display of Local Logic data on a map.",
   "author": "Local Logic",
   "license": "ISC",

package/dist/utils-CNmTUsO1.js

@@ -1,30 +0,0 @@
-function g(a = [], n = "MultiPolygon") {
-  const o = (e) => Object.values(e).map((s) => Array.isArray(s[0]) ? o(s) : [s[1], s[0]]), r = o(a);
-  let t;
-  const l = r[0]?.[0];
-  if (n === "MultiPolygon") {
-    const e = r[0]?.[1];
-    t = [[l || [], ...e || []]];
-  } else
-    t = l || [];
-  return {
-    type: "FeatureCollection",
-    features: [
-      {
-        type: "Feature",
-        geometry: {
-          type: n,
-          coordinates: t
-        }
-      }
-    ]
-  };
-}
-function i(a = [], n = "MultiPolygon") {
-  const o = (u) => Object.values(u).map((e) => Array.isArray(e[0]) ? o(e) : { lat: e[0], lng: e[1] }), r = o(a), t = r[0]?.[0], l = r[0]?.[1];
-  return n === "MultiPolygon" ? [t || [], ...l || []] : t || [];
-}
-export {
-  i as a,
-  g
-};