@local-logic/maps 0.0.21 → 0.0.22

package/dist/index-ufLC1PLO.js

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

package/dist/{index-Dxh7aMoG.js → index-vHMPqmOL.js}

@@ -1,6 +1,6 @@
 import { jsxs as n, jsx as i } from "react/jsx-runtime";
-import { t as a, b as o, S as r, o as s, i as c, c as d } from "./styles-B8oT_wcC.js";
-import { a as l } from "./logo-control-C5ZdRec5.js";
+import { t as a, b as o, S as r, o as s, i as c, c as d } from "./styles-BR85tnqI.js";
+import { a as l } from "./logo-control-VgN6MEKI.js";
 import "react";
 function f({ marker: t, className: e }) {
   return /* @__PURE__ */ n(

package/dist/index.es.js

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

package/dist/{index.modern-fpUBOYPT.js → index.modern-B-ChKejQ.js}

@@ -165,7 +165,7 @@ function Oe(t) {
     libraries: i = []
   } = t, a = D(t, ve), [s, c] = A(B.loadingStatus), [u, d] = ee((l, g) => l[g.name] ? l : _({}, l, {
     [g.name]: g.value
-  }), {}), p = P(() => i == null ? void 0 : i.join(","), [i]), f = P(() => JSON.stringify(_({
+  }), {}), p = P(() => i?.join(","), [i]), f = P(() => JSON.stringify(_({
     apiKey: o,
     version: r
   }, a)), [o, r, a]), m = te(async (l) => {
@@ -187,7 +187,7 @@ function Oe(t) {
           const l = _({
             key: o
           }, a);
-          r && (l.v = r), (p == null ? void 0 : p.length) > 0 && (l.libraries = p), (l.channel === void 0 || l.channel < 0 || l.channel > 999) && delete l.channel, l.solutionChannel === void 0 ? l.solutionChannel = ye : l.solutionChannel === "" && delete l.solutionChannel, await B.load(l, (g) => c(g));
+          r && (l.v = r), p?.length > 0 && (l.libraries = p), (l.channel === void 0 || l.channel < 0 || l.channel > 999) && delete l.channel, l.solutionChannel === void 0 ? l.solutionChannel = ye : l.solutionChannel === "" && delete l.solutionChannel, await B.load(l, (g) => c(g));
           for (const g of ["core", "maps", ...i])
             await m(g);
           e && e();
@@ -253,14 +253,14 @@ function Ee(t, e, n) {
   if (Le.includes(t)) {
     const i = o, a = e.getCenter(), s = e.getZoom(), c = e.getHeading() || 0, u = e.getTilt() || 0, d = e.getBounds();
     return (!a || !d || !Number.isFinite(s)) && console.warn("[createEvent] at least one of the values from the map returned undefined. This is not expected to happen. Please report an issue at https://github.com/visgl/react-google-maps/issues/new"), i.detail = {
-      center: (a == null ? void 0 : a.toJSON()) || {
+      center: a?.toJSON() || {
         lat: 0,
         lng: 0
       },
       zoom: s || 0,
       heading: c,
       tilt: u,
-      bounds: (d == null ? void 0 : d.toJSON()) || {
+      bounds: d?.toJSON() || {
         north: 90,
         east: 180,
         south: -90,
@@ -409,7 +409,7 @@ function Ne() {
 function ze(t, e) {
   const n = t.getCenter(), o = t.getZoom(), r = t.getHeading() || 0, i = t.getTilt() || 0, a = t.getBounds();
   (!n || !a || !Number.isFinite(o)) && console.warn("[useTrackedCameraState] at least one of the values from the map returned undefined. This is not expected to happen. Please report an issue at https://github.com/visgl/react-google-maps/issues/new"), Object.assign(e.current, {
-    center: (n == null ? void 0 : n.toJSON()) || {
+    center: n?.toJSON() || {
       lat: 0,
       lng: 0
     },
@@ -616,7 +616,7 @@ function ce(t) {
   const e = se(), n = R(G);
   return v(() => {
     !e || !n || n.importLibrary(t);
-  }, [e, n, t]), (n == null ? void 0 : n.loadedLibraries[t]) || null;
+  }, [e, n, t]), n?.loadedLibraries[t] || null;
 }
 function N(t, e, n) {
   v(() => {
@@ -700,7 +700,7 @@ function Je(t) {
     if (!e) return;
     const y = C !== void 0 || !!c || !!d || !!p;
     e.gmpClickable = y, y && e != null && e.content && K(e.content) && (e.content.style.pointerEvents = "none", e.content.firstElementChild && (e.content.firstElementChild.style.pointerEvents = "all"));
-  }, [e, C, c, d, p]), N(e, "click", c), N(e, "drag", f), N(e, "dragstart", m), N(e, "dragend", l), V(e == null ? void 0 : e.element, "mouseenter", d), V(e == null ? void 0 : e.element, "mouseleave", p), [e, o];
+  }, [e, C, c, d, p]), N(e, "click", c), N(e, "drag", f), N(e, "dragstart", m), N(e, "dragend", l), V(e?.element, "mouseenter", d), V(e?.element, "mouseleave", p), [e, o];
 }
 const it = Y((t, e) => {
   const {
@@ -849,10 +849,10 @@ const Ye = ["children", "headerContent", "style", "className", "pixelOffset", "a
       map: I
     };
     if (a && (E.anchor = a, $e(a) && a.content instanceof Element)) {
-      const y = a.content, M = y == null ? void 0 : y.getBoundingClientRect();
+      const y = a.content, M = y?.getBoundingClientRect();
       if (M && y != null && y.isCustomMarker) {
         var w;
-        const k = (w = a.content.firstElementChild) == null ? void 0 : w.firstElementChild, S = k == null ? void 0 : k.getBoundingClientRect(), L = S.x - M.x + (S.width - M.width) / 2, T = S.y - M.y, F = C;
+        const k = (w = a.content.firstElementChild) == null ? void 0 : w.firstElementChild, S = k?.getBoundingClientRect(), L = S.x - M.x + (S.width - M.width) / 2, T = S.y - M.y, F = C;
         F.pixelOffset = new google.maps.Size(i ? i[0] + L : L, i ? i[1] + T : T), f.setOptions(F);
       }
     }