@carto/ps-react-maps 2.1.0 → 3.0.0-canary.1

package/dist/index.js

@@ -1,1019 +1,1601 @@
-import nt, { createContext as ee, useContext as te, useCallback as O, useReducer as at, useRef as ce, useMemo as Qt, useEffect as ot } from "react";
-import { EventManager as er } from "mjolnir.js";
-import { EditableGeoJsonLayer as tr, MeasureDistanceMode as rr } from "@deck.gl-community/editable-layers";
-import nr from "convert-units";
-var ar = /* @__PURE__ */ ((t) => (t.Roadmap = "roadmap", t.Satellite = "satellite", t.Hybrid = "hybrid", t))(ar || {}), or = /* @__PURE__ */ ((t) => (t.DarkMatter = "dark-matter", t.Positron = "positron", t.Voyager = "voyager", t))(or || {});
-const be = {
-  positron: "https://basemaps.cartocdn.com/gl/positron-gl-style/style.json",
-  voyager: "https://basemaps.cartocdn.com/gl/voyager-gl-style/style.json",
-  "dark-matter": "https://basemaps.cartocdn.com/gl/dark-matter-gl-style/style.json"
-};
-var it = /* @__PURE__ */ ((t) => (t.Maplibre = "maplibre", t.GoogleMaps = "google-maps", t))(it || {});
-const Se = {
-  positron: {
-    url: be.positron,
-    type: "maplibre"
-    /* Maplibre */
+var Pt = Object.defineProperty;
+var Ct = (n, e, t) => e in n ? Pt(n, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : n[e] = t;
+var Q = (n, e, t) => Ct(n, typeof e != "symbol" ? e + "" : e, t);
+import { jsx as Z, jsxs as Tt } from "react/jsx-runtime";
+import { c as ee } from "react/compiler-runtime";
+import { useState as pe, useEffect as ce, useImperativeHandle as kt, createContext as Ne, useContext as $e, useMemo as Me, useCallback as q, useRef as Ft } from "react";
+import { DeckGL as At } from "@deck.gl/react";
+import { Map as Ot, MapProvider as Rt, useMap as Dt } from "react-map-gl/maplibre";
+import { Map as Ut, APIProvider as xt, limitTiltRange as Vt, useMap as Nt } from "@vis.gl/react-google-maps";
+import { CompositeMode as $t, TranslateMode as qt, ModifyMode as Gt, DrawPolygonMode as Bt, DrawRectangleMode as Ht, DrawCircleFromCenterMode as at, DrawPolygonByDraggingMode as jt, EditableGeoJsonLayer as lt, MeasureAreaMode as zt, getPickedEditHandle as It, MeasureDistanceMode as Wt } from "@deck.gl-community/editable-layers";
+import { create as ct, createStore as qe, useStore as Ge } from "zustand";
+import { FlyToInterpolator as Zt } from "@deck.gl/core";
+import { GeoJsonLayer as Kt } from "@deck.gl/layers";
+import { DataFilterExtension as Yt } from "@deck.gl/extensions";
+import { formatNumber as ut, formatCurrency as Xt } from "@carto/ps-utils";
+import Jt from "convert-units";
+import Qt from "convert-units/definitions/length";
+import en from "html2canvas";
+const Ae = {
+  roadmap: "roadmap",
+  satellite: "satellite",
+  hybrid: "hybrid"
+}, K = {
+  darkMatter: "darkMatter",
+  positron: "positron",
+  voyager: "voyager"
+}, Oe = {
+  [K.positron]: "https://basemaps.cartocdn.com/gl/positron-gl-style/style.json",
+  [K.voyager]: "https://basemaps.cartocdn.com/gl/voyager-gl-style/style.json",
+  [K.darkMatter]: "https://basemaps.cartocdn.com/gl/dark-matter-gl-style/style.json"
+}, le = {
+  maplibre: "maplibre",
+  googleMaps: "google-maps"
+}, dt = {
+  [K.positron]: {
+    url: Oe[K.positron],
+    type: le.maplibre
   },
-  voyager: {
-    url: be.voyager,
-    type: "maplibre"
-    /* Maplibre */
+  [K.voyager]: {
+    url: Oe[K.voyager],
+    type: le.maplibre
   },
-  "dark-matter": {
-    url: be[
-      "dark-matter"
-      /* DarkMatter */
-    ],
-    type: "maplibre",
+  [K.darkMatter]: {
+    url: Oe[K.darkMatter],
+    type: le.maplibre,
     dark: !0
   },
-  roadmap: {
-    type: "google-maps"
-    /* GoogleMaps */
+  [Ae.roadmap]: {
+    type: le.googleMaps
   },
-  satellite: {
-    type: "google-maps"
-    /* GoogleMaps */
+  [Ae.satellite]: {
+    type: le.googleMaps
   },
-  hybrid: {
-    type: "google-maps"
-    /* GoogleMaps */
+  [Ae.hybrid]: {
+    type: le.googleMaps
   }
-}, K = () => {
-  throw new Error("You forgot to wrap your component in <MapProvider>.");
-}, X = {
-  state: {
-    maps: {}
-    // sync: false,
+};
+function tn({
+  isDragging: n,
+  isHovering: e
+}) {
+  return n ? "grabbing" : e ? "pointer" : "grab";
+}
+function nn(n) {
+  return n.html ? {
+    html: `<div class='map-tooltip__content'>${n.html}</div>`,
+    style: {
+      padding: "0",
+      background: "none"
+    }
+  } : null;
+}
+function sn(n) {
+  var de, M, He;
+  const e = ee(66);
+  let t, s, i, r, o, a, l, u, d, p, y, c, m, h;
+  e[0] !== n ? ({
+    instanceRef: t,
+    overlayRef: r,
+    basemap: l,
+    controller: u,
+    id: d,
+    layers: p,
+    parameters: o,
+    gmapsProps: y,
+    getCursor: c,
+    getTooltip: m,
+    onLoad: s,
+    onResize: i,
+    onViewStateChange: h,
+    ...a
+  } = n, e[0] = n, e[1] = t, e[2] = s, e[3] = i, e[4] = r, e[5] = o, e[6] = a, e[7] = l, e[8] = u, e[9] = d, e[10] = p, e[11] = y, e[12] = c, e[13] = m, e[14] = h) : (t = e[1], s = e[2], i = e[3], r = e[4], o = e[5], a = e[6], l = e[7], u = e[8], d = e[9], p = e[10], y = e[11], c = e[12], m = e[13], h = e[14]);
+  const f = l === void 0 ? K.positron : l, S = u === void 0 ? !0 : u, v = d === void 0 ? "deck-gl-map" : d;
+  let E;
+  e[15] !== p ? (E = p === void 0 ? [] : p, e[15] = p, e[16] = E) : E = e[16];
+  const b = E;
+  let _;
+  e[17] !== y ? (_ = y === void 0 ? {
+    apiKey: ""
+  } : y, e[17] = y, e[18] = _) : _ = e[18];
+  let P, g, L;
+  e[19] !== _ ? ({
+    apiKey: L,
+    APIProviderProps: P,
+    ...g
+  } = _, e[19] = _, e[20] = P, e[21] = g, e[22] = L) : (P = e[20], g = e[21], L = e[22]);
+  const w = c === void 0 ? tn : c, F = m === void 0 ? nn : m, A = h === void 0 ? cn : h;
+  let D;
+  e[23] === Symbol.for("react.memo_cache_sentinel") ? (D = [!1, !1], e[23] = D) : D = e[23];
+  const [U, Y] = pe(D);
+  let V;
+  e[24] !== U ? (V = U.every(ln), e[24] = U, e[25] = V) : V = e[25];
+  const R = V;
+  let x;
+  e[26] !== i ? (x = (fe) => {
+    i == null || i(fe);
+  }, e[26] = i, e[27] = x) : x = e[27];
+  const te = x, {
+    url: N,
+    type: Se
+  } = dt[f], B = Se === le.googleMaps;
+  let he, X;
+  e[28] !== b ? (X = b.filter(an).map(on), e[28] = b, e[29] = X) : X = e[29], he = X;
+  const ue = he;
+  let ne;
+  e[30] !== B || e[31] !== A ? (ne = (fe) => {
+    const Fe = B ? {
+      ...fe,
+      viewState: Vt(fe)
+    } : fe;
+    A(Fe);
+  }, e[30] = B, e[31] = A, e[32] = ne) : ne = e[32];
+  const se = ne;
+  let H;
+  e[33] === Symbol.for("react.memo_cache_sentinel") ? (H = (fe) => {
+    const Fe = fe.type === "deckgl" ? 0 : 1;
+    Y((bt) => bt.map((wt, _t) => _t === Fe ? !0 : wt));
+  }, e[33] = H) : H = e[33];
+  const ie = H;
+  let re, oe;
+  e[34] !== R || e[35] !== s ? (re = () => {
+    s == null || s(R);
+  }, oe = [R, s], e[34] = R, e[35] = s, e[36] = re, e[37] = oe) : (re = e[36], oe = e[37]), ce(re, oe);
+  let J;
+  e[38] === Symbol.for("react.memo_cache_sentinel") ? (J = () => ie({
+    type: "deckgl"
+  }), e[38] = J) : J = e[38];
+  let I;
+  e[39] !== o ? (I = {
+    depthTest: !1,
+    ...o
+  }, e[39] = o, e[40] = I) : I = e[40];
+  let j;
+  e[41] !== r ? (j = /* @__PURE__ */ Z(un, { overlayRef: r }), e[41] = r, e[42] = j) : j = e[42];
+  let W;
+  e[43] !== g || e[44] !== f || e[45] !== B || e[46] !== N || e[47] !== a ? (W = B ? /* @__PURE__ */ Z(Ut, { mapTypeId: f, reuseMaps: !0, renderingType: "RASTER", ...g, defaultCenter: {
+    lat: ((de = a.initialViewState) == null ? void 0 : de.latitude) ?? 0,
+    lng: ((M = a.initialViewState) == null ? void 0 : M.longitude) ?? 0
+  }, defaultZoom: ((He = a.initialViewState) == null ? void 0 : He.zoom) ?? 0, onTilesLoaded: () => ie({
+    type: "load"
+  }) }) : /* @__PURE__ */ Z(Ot, { reuseMaps: !0, mapStyle: N, onLoad: () => ie({
+    type: "load"
+  }), onRender: rn }), e[43] = g, e[44] = f, e[45] = B, e[46] = N, e[47] = a, e[48] = W) : W = e[48];
+  let z;
+  e[49] !== ue || e[50] !== S || e[51] !== w || e[52] !== F || e[53] !== te || e[54] !== se || e[55] !== v || e[56] !== t || e[57] !== a || e[58] !== I || e[59] !== j || e[60] !== W ? (z = /* @__PURE__ */ Z(Rt, { children: /* @__PURE__ */ Z("div", { className: "deckgl-map", children: /* @__PURE__ */ Tt(At, { controller: S, id: v, ref: t, layers: ue, getCursor: w, getTooltip: F, onLoad: J, onResize: te, onViewStateChange: se, parameters: I, ...a, children: [
+    j,
+    W
+  ] }) }) }), e[49] = ue, e[50] = S, e[51] = w, e[52] = F, e[53] = te, e[54] = se, e[55] = v, e[56] = t, e[57] = a, e[58] = I, e[59] = j, e[60] = W, e[61] = z) : z = e[61];
+  let ae;
+  return e[62] !== P || e[63] !== L || e[64] !== z ? (ae = /* @__PURE__ */ Z(xt, { apiKey: L, ...P, children: z }), e[62] = P, e[63] = L, e[64] = z, e[65] = ae) : ae = e[65], ae;
+}
+function rn() {
+  const n = document.querySelector(".maplibregl-compact-show");
+  n == null || n.classList.remove("maplibregl-compact-show");
+}
+function on(n) {
+  const {
+    type: e,
+    props: t
+  } = n;
+  return new e(t);
+}
+function an(n) {
+  return !!(n != null && n.type);
+}
+function ln(n) {
+  return n;
+}
+function cn() {
+  return null;
+}
+function un(n) {
+  const e = ee(4), {
+    overlayRef: t
+  } = n, {
+    default: s
+  } = Dt(), i = Nt();
+  let r, o;
+  return e[0] !== i || e[1] !== s ? (r = () => s ?? i, o = [s, i], e[0] = i, e[1] = s, e[2] = r, e[3] = o) : (r = e[2], o = e[3]), kt(t, r, o), null;
+}
+const G = {
+  addFeature: "addFeature",
+  addTentativePosition: "addTentativePosition",
+  updateTentativeFeature: "updateTentativeFeature",
+  cancel: "cancelFeature",
+  finish: "finish",
+  addPosition: "addPosition"
+};
+class dn extends $t {
+  constructor() {
+    super([new qt(), new Gt()]);
+  }
+  handleKeyUp(e, t) {
+    super.handleKeyUp(e, t), e.key === "Enter" && (this.resetClickSequence(), t.onEdit({
+      updatedData: t.data,
+      editType: G.addFeature,
+      editContext: {}
+    }));
+  }
+}
+const Ce = "lassoLayer", fn = "maskLayer", mn = {
+  id: Ce,
+  pickable: !1,
+  billboard: !1,
+  editHandlePointRadiusUnits: "pixels",
+  editHandlePointRadiusMinPixels: 1,
+  editHandlePointRadiusMaxPixels: 12,
+  lineWidthMinPixels: 2,
+  editHandlePointStrokeWidth: 3,
+  getEditHandlePointRadius: 3,
+  _subLayerProps: {
+    guides: {
+      getLineWidth: 2
+    }
+  }
+}, je = {
+  editing: {
+    border: [3, 111, 226, 255],
+    fill: [3, 111, 226, 20.4],
+    point: [255, 255, 255, 255]
+  },
+  finished: {
+    border: [71, 219, 153, 255],
+    fill: [71, 219, 153, 0]
+  }
+}, Re = {
+  styles: {
+    colors: {
+      editing: je.editing,
+      finished: je.finished
+    }
+  },
+  labels: {
+    mask: "Geometry"
+  }
+}, Le = {
+  id: fn,
+  stroked: !0,
+  filled: !0,
+  lineWidthUnits: "pixels",
+  getLineWidth: 2,
+  lineWidthMinPixels: 2
+}, ze = {
+  polygon: {
+    value: "polygon",
+    mode: Bt
   },
-  references: {
-    current: {}
+  rectangle: {
+    value: "rectangle",
+    mode: Ht
   },
-  actions: {
-    // toggleSync: stub,
-    setViewState: K,
-    setBasemap: K,
-    setResize: K,
-    setZoom: K,
-    setLoaded: K
+  circle: {
+    value: "circle",
+    mode: at
+  },
+  lasso: {
+    value: "lasso",
+    mode: jt
+  },
+  edit: {
+    value: "edit",
+    mode: dn
   }
-}, st = ee(
-  X.state
-), ct = ee(X.references), ut = ee(
-  X.actions
-);
-var k = /* @__PURE__ */ ((t) => (t.SetViewState = "SetViewState", t.SetBasemap = "SetBasemap", t.SetResize = "SetResize", t.SetZoom = "SetZoom", t.SetLoaded = "SetLoaded", t))(k || {});
-function ir(t, { type: r, payload: a }) {
-  return {
-    SetViewState: () => {
-      const { id: o, viewState: l } = a, f = { ...t.maps };
-      return f[o] = {
-        ...t.maps[o],
-        viewState: l
-      }, {
-        ...t,
-        maps: f
+}, Be = ct((n) => ({
+  layers: {},
+  setLayer: (e, t) => n((s) => {
+    const i = {
+      ...s.layers
+    };
+    if (!t)
+      return delete i[e], {
+        layers: i
       };
+    const r = i[e] ?? {
+      type: null,
+      props: {}
+    }, o = r.props ?? {}, a = t.props ?? {};
+    return i[e] = {
+      ...r,
+      ...t,
+      props: {
+        id: e,
+        ...o,
+        ...a
+      }
+    }, {
+      layers: i
+    };
+  })
+})), pn = {
+  transitionDuration: "auto",
+  transitionInterpolator: new Zt({
+    curve: 2
+  })
+}, hn = (n) => {
+  const e = n.reduce((t, s) => {
+    const {
+      id: i,
+      basemap: r
+    } = s;
+    return t[i] = {
+      isLoaded: !1,
+      areLayersLoaded: !1,
+      basemap: r,
+      instanceRef: {
+        current: {}
+      },
+      overlayRef: {
+        current: null
+      },
+      layers: s.layers ?? []
+    }, t;
+  }, {});
+  return (t, s) => ({
+    maps: e,
+    setBasemap: (i, r) => t((o) => ({
+      maps: {
+        ...o.maps,
+        [i]: {
+          ...o.maps[i],
+          basemap: r
+        }
+      }
+    })),
+    setLoad: (i, r) => t((o) => ({
+      maps: {
+        ...o.maps,
+        [i]: {
+          ...o.maps[i],
+          isLoaded: r
+        }
+      }
+    })),
+    setLayersLoad: (i, r) => t((o) => ({
+      maps: {
+        ...o.maps,
+        [i]: {
+          ...o.maps[i],
+          areLayersLoaded: r
+        }
+      }
+    })),
+    getOverlayInstance: (i) => {
+      var o, a;
+      return (a = (o = s().maps[i]) == null ? void 0 : o.overlayRef) == null ? void 0 : a.current;
     },
-    SetResize: () => {
-      const { id: o, width: l, height: f } = a, y = { ...t.maps };
-      return y[o] = {
-        ...t.maps[o],
-        width: l,
-        height: f
-      }, {
-        ...t,
-        maps: y
-      };
+    getDeckInstance: (i) => {
+      var o, a, l;
+      return (l = (a = (o = s().maps[i]) == null ? void 0 : o.instanceRef) == null ? void 0 : a.current) == null ? void 0 : l.deck;
     },
-    SetBasemap: () => {
-      const { id: o, basemap: l } = a, f = { ...t.maps }, { basemap: y } = f[o], c = Se[y]?.type, m = Se[l]?.type, E = c === m;
-      return f[o] = {
-        ...t.maps[o],
-        basemap: l,
-        isLoaded: E
-      }, {
-        ...t,
-        maps: f
-      };
+    getViewState: (i) => {
+      const o = s().getDeckInstance(i);
+      return o == null ? void 0 : o.viewState;
     },
-    SetZoom: () => {
-      const { id: o, zoom: l } = a, f = { ...t.maps };
-      return f[o] = {
-        ...t.maps[o],
-        viewState: {
-          ...t.maps[o].viewState,
-          zoom: l
-        }
+    getViewports: (i, r) => {
+      const a = s().getDeckInstance(i);
+      return a == null ? void 0 : a.getViewports(r);
+    },
+    getViewport: (i, r = 0, o) => {
+      var u;
+      const l = s().getDeckInstance(i);
+      return (u = l == null ? void 0 : l.getViewports(o)) == null ? void 0 : u[r];
+    },
+    addLayers: (i, r) => t((o) => {
+      var d;
+      const a = {
+        ...o.maps
+      }, l = ((d = a[i]) == null ? void 0 : d.layers) ?? [], u = /* @__PURE__ */ new Set([...l, ...r]);
+      return a[i] = {
+        ...a[i],
+        layers: [...u]
       }, {
-        ...t,
-        maps: f
+        maps: a
       };
-    },
-    SetLoaded: () => {
-      const { id: o, value: l } = a, f = { ...t.maps };
-      return f[o] = {
-        ...t.maps[o],
-        isLoaded: l
+    }),
+    removeLayers: (i, r) => t((o) => {
+      var u;
+      const a = {
+        ...o.maps
+      }, l = ((u = a[i]) == null ? void 0 : u.layers) ?? [];
+      return a[i] = {
+        ...a[i],
+        layers: l.filter((d) => !r.includes(d))
       }, {
-        ...t,
-        maps: f
+        maps: a
       };
-    }
-  }[r]?.() ?? t;
-}
-function Te(t) {
-  return te(st).maps[t];
-}
-function Pe(t) {
-  const r = te(ct), { instanceRef: a, overlayRef: s } = r.current[t], o = O(() => {
-    const m = a?.current;
-    return m?.deck || m?._deck;
-  }, [a]), l = O(() => s?.current, [s]), f = O(() => o()?._getViewState(), [o]), y = O(
-    (m) => o()?.getViewports(m),
-    [o]
-  ), c = O(
-    (m = 0, E) => y(E)?.[m],
-    [y]
-  );
-  return {
-    instanceRef: a,
-    overlayRef: s,
-    getDeckInstance: o,
-    getOverlayInstance: l,
-    getViewState: f,
-    getViewport: c,
-    getViewports: y
-  };
+    })
+  });
+}, yn = (n) => {
+  const e = n.reduce((t, s) => (t[s.id] = s.viewState, t), {});
+  return (t) => ({
+    viewStates: e,
+    setViewState: (s, i) => t((r) => ({
+      viewStates: {
+        ...r.viewStates,
+        [s]: {
+          ...r.viewStates[s],
+          ...i
+        }
+      }
+    })),
+    setZoom: (s, i) => t((r) => ({
+      viewStates: {
+        ...r.viewStates,
+        [s]: {
+          ...r.viewStates[s],
+          zoom: i
+        }
+      }
+    })),
+    setMinZoom: (s, i) => t((r) => ({
+      viewStates: {
+        ...r.viewStates,
+        [s]: {
+          ...r.viewStates[s],
+          minZoom: i
+        }
+      }
+    })),
+    setMaxZoom: (s, i) => t((r) => ({
+      viewStates: {
+        ...r.viewStates,
+        [s]: {
+          ...r.viewStates[s],
+          maxZoom: i
+        }
+      }
+    }))
+  });
+}, gn = (n, e) => ({
+  fitBounds: (t, s, i) => {
+    const r = e(), o = r.getViewport(t);
+    if (!o) return;
+    const l = {
+      ...o == null ? void 0 : o.fitBounds(s, i == null ? void 0 : i.boundsOptions),
+      ...i == null ? void 0 : i.viewStateOptions
+    };
+    r.setViewState(t, l);
+  },
+  flyTo: (t, s, i = {}) => {
+    const r = e();
+    if (!r.getViewport(t)) return;
+    const a = {
+      ...pn,
+      ...i == null ? void 0 : i.viewStateOptions
+    }, l = {
+      ...s,
+      ...a
+    };
+    r.setViewState(t, l);
+  }
+}), Sn = (n) => qe()((...e) => ({
+  ...hn(n)(...e),
+  ...yn(n)(...e),
+  ...gn(...e)
+})), ft = Ne({});
+function Ks(n) {
+  const e = ee(5), {
+    children: t,
+    values: s
+  } = n;
+  let i;
+  e[0] !== s ? (i = Sn(s), e[0] = s, e[1] = i) : i = e[1];
+  const [r] = pe(i);
+  let o;
+  return e[2] !== t || e[3] !== r ? (o = /* @__PURE__ */ Z(ft.Provider, { value: r, children: t }), e[2] = t, e[3] = r, e[4] = o) : o = e[4], o;
 }
-function sr(t) {
-  const { setBasemap: r, setResize: a, setViewState: s, setZoom: o, setLoaded: l } = te(ut), { getViewport: f } = Pe(t);
+function k(n) {
+  const e = $e(ft);
+  if (!e)
+    throw new Error("Missing Map.Provider in the tree");
+  return Ge(e, n);
+}
+function vn(n) {
+  return n && n.__esModule && Object.prototype.hasOwnProperty.call(n, "default") ? n.default : n;
+}
+var Mn = function(e) {
+  return En(e) && !Ln(e);
+};
+function En(n) {
+  return !!n && typeof n == "object";
+}
+function Ln(n) {
+  var e = Object.prototype.toString.call(n);
+  return e === "[object RegExp]" || e === "[object Date]" || _n(n);
+}
+var bn = typeof Symbol == "function" && Symbol.for, wn = bn ? Symbol.for("react.element") : 60103;
+function _n(n) {
+  return n.$$typeof === wn;
+}
+function Pn(n) {
+  return Array.isArray(n) ? [] : {};
+}
+function Ee(n, e) {
+  return e.clone !== !1 && e.isMergeableObject(n) ? ge(Pn(n), n, e) : n;
+}
+function Cn(n, e, t) {
+  return n.concat(e).map(function(s) {
+    return Ee(s, t);
+  });
+}
+function Tn(n, e) {
+  if (!e.customMerge)
+    return ge;
+  var t = e.customMerge(n);
+  return typeof t == "function" ? t : ge;
+}
+function kn(n) {
+  return Object.getOwnPropertySymbols ? Object.getOwnPropertySymbols(n).filter(function(e) {
+    return Object.propertyIsEnumerable.call(n, e);
+  }) : [];
+}
+function Ie(n) {
+  return Object.keys(n).concat(kn(n));
+}
+function mt(n, e) {
+  try {
+    return e in n;
+  } catch {
+    return !1;
+  }
+}
+function Fn(n, e) {
+  return mt(n, e) && !(Object.hasOwnProperty.call(n, e) && Object.propertyIsEnumerable.call(n, e));
+}
+function An(n, e, t) {
+  var s = {};
+  return t.isMergeableObject(n) && Ie(n).forEach(function(i) {
+    s[i] = Ee(n[i], t);
+  }), Ie(e).forEach(function(i) {
+    Fn(n, i) || (mt(n, i) && t.isMergeableObject(e[i]) ? s[i] = Tn(i, t)(n[i], e[i], t) : s[i] = Ee(e[i], t));
+  }), s;
+}
+function ge(n, e, t) {
+  t = t || {}, t.arrayMerge = t.arrayMerge || Cn, t.isMergeableObject = t.isMergeableObject || Mn, t.cloneUnlessOtherwiseSpecified = Ee;
+  var s = Array.isArray(e), i = Array.isArray(n), r = s === i;
+  return r ? s ? t.arrayMerge(n, e, t) : An(n, e, t) : Ee(e, t);
+}
+ge.all = function(e, t) {
+  if (!Array.isArray(e))
+    throw new Error("first argument should be an array");
+  return e.reduce(function(s, i) {
+    return ge(s, i, t);
+  }, {});
+};
+var On = ge, Rn = On;
+const ye = /* @__PURE__ */ vn(Rn);
+function Dn({
+  mode: n,
+  ...e
+}) {
+  const t = Un(e);
   return {
-    setBasemap: (c) => r(c, t),
-    setResize: (c) => a(c, t),
-    setViewState: (c) => s(c, t),
-    setZoom: (c) => o(c, t),
-    setLoaded: (c) => l(c, t),
-    fitBounds: (c, {
-      boundsOptions: m,
-      viewStateOptions: E
-    } = {}) => {
-      const _ = f(), { latitude: b, longitude: v, zoom: h } = _.fitBounds(
-        c,
-        m
-      );
-      s({ ...E, latitude: b, longitude: v, zoom: h }, t);
+    type: lt,
+    props: {
+      ...t,
+      mode: n
     }
   };
 }
-function Jr(t) {
-  return Te(t);
-}
-function Zr(t) {
-  return Pe(t);
-}
-function Xr(t) {
-  return sr(t);
-}
-function cr(t) {
-  return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
-}
-var _e = { exports: {} }, G = {};
-/**
- * @license React
- * react-jsx-runtime.production.min.js
- *
- * Copyright (c) Facebook, Inc. and its affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-var Ze;
-function ur() {
-  if (Ze)
-    return G;
-  Ze = 1;
-  var t = nt, r = Symbol.for("react.element"), a = Symbol.for("react.fragment"), s = Object.prototype.hasOwnProperty, o = t.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, l = { key: !0, ref: !0, __self: !0, __source: !0 };
-  function f(y, c, m) {
-    var E, _ = {}, b = null, v = null;
-    m !== void 0 && (b = "" + m), c.key !== void 0 && (b = "" + c.key), c.ref !== void 0 && (v = c.ref);
-    for (E in c)
-      s.call(c, E) && !l.hasOwnProperty(E) && (_[E] = c[E]);
-    if (y && y.defaultProps)
-      for (E in c = y.defaultProps, c)
-        _[E] === void 0 && (_[E] = c[E]);
-    return { $$typeof: r, type: y, key: b, ref: v, props: _, _owner: o.current };
-  }
-  return G.Fragment = a, G.jsx = f, G.jsxs = f, G;
-}
-var J = {};
-/**
- * @license React
- * react-jsx-runtime.development.js
- *
- * Copyright (c) Facebook, Inc. and its affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-var Xe;
-function lr() {
-  return Xe || (Xe = 1, process.env.NODE_ENV !== "production" && function() {
-    var t = nt, r = Symbol.for("react.element"), a = Symbol.for("react.portal"), s = Symbol.for("react.fragment"), o = Symbol.for("react.strict_mode"), l = Symbol.for("react.profiler"), f = Symbol.for("react.provider"), y = Symbol.for("react.context"), c = Symbol.for("react.forward_ref"), m = Symbol.for("react.suspense"), E = Symbol.for("react.suspense_list"), _ = Symbol.for("react.memo"), b = Symbol.for("react.lazy"), v = Symbol.for("react.offscreen"), h = Symbol.iterator, A = "@@iterator";
-    function U(e) {
-      if (e === null || typeof e != "object")
-        return null;
-      var n = h && e[h] || e[A];
-      return typeof n == "function" ? n : null;
-    }
-    var j = t.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
-    function P(e) {
-      {
-        for (var n = arguments.length, i = new Array(n > 1 ? n - 1 : 0), u = 1; u < n; u++)
-          i[u - 1] = arguments[u];
-        le("error", e, i);
-      }
-    }
-    function le(e, n, i) {
-      {
-        var u = j.ReactDebugCurrentFrame, g = u.getStackAddendum();
-        g !== "" && (n += "%s", i = i.concat([g]));
-        var S = i.map(function(p) {
-          return String(p);
-        });
-        S.unshift("Warning: " + n), Function.prototype.apply.call(console[e], console, S);
-      }
-    }
-    var W = !1, re = !1, St = !1, _t = !1, Rt = !1, Me;
-    Me = Symbol.for("react.module.reference");
-    function Tt(e) {
-      return !!(typeof e == "string" || typeof e == "function" || e === s || e === l || Rt || e === o || e === m || e === E || _t || e === v || W || re || St || typeof e == "object" && e !== null && (e.$$typeof === b || e.$$typeof === _ || e.$$typeof === f || e.$$typeof === y || e.$$typeof === c || // This needs to include all possible module reference object
-      // types supported by any Flight configuration anywhere since
-      // we don't know which Flight build this will end up being used
-      // with.
-      e.$$typeof === Me || e.getModuleId !== void 0));
-    }
-    function Pt(e, n, i) {
-      var u = e.displayName;
-      if (u)
-        return u;
-      var g = n.displayName || n.name || "";
-      return g !== "" ? i + "(" + g + ")" : i;
-    }
-    function Ce(e) {
-      return e.displayName || "Context";
-    }
-    function D(e) {
-      if (e == null)
-        return null;
-      if (typeof e.tag == "number" && P("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."), typeof e == "function")
-        return e.displayName || e.name || null;
-      if (typeof e == "string")
-        return e;
-      switch (e) {
-        case s:
-          return "Fragment";
-        case a:
-          return "Portal";
-        case l:
-          return "Profiler";
-        case o:
-          return "StrictMode";
-        case m:
-          return "Suspense";
-        case E:
-          return "SuspenseList";
+function Un({
+  layerProps: n,
+  onEdit: e,
+  guideColor: t,
+  fillColor: s,
+  pointColor: i
+}) {
+  const r = ye(n, {
+    modeConfig: {
+      //   // We force distance due to conversion is addressed at feature getText level
+      //   formatTooltip: (_distance: number) => {
+      //     return _distance
+      //   },
+      preventOverlappingLines: !0
+    },
+    onEdit: e
+  }), o = ye(mn, {
+    getTentativeLineColor: t,
+    getTentativeFillColor: s,
+    getLineColor: t,
+    getFillColor: s,
+    getEditHandlePointColor: i,
+    getEditHandlePointOutlineColor: t,
+    dataComparator: (l, u) => l.features[0] === u.features[0]
+  });
+  return ye(o, r);
+}
+const xn = (n) => qe()((e) => ({
+  data: n.reduce((s, i) => {
+    const {
+      enabled: r = !1,
+      mapId: o,
+      modeInstance: a,
+      modes: l = ze,
+      modeSelected: u = ze.polygon.value,
+      values: d = {}
+    } = i;
+    return s[o] = {
+      enabled: r,
+      modeInstance: a,
+      modes: l,
+      modeSelected: u,
+      values: d
+    }, s;
+  }, {}),
+  setEnabled: (s, i) => {
+    e((r) => ({
+      data: {
+        ...r.data,
+        [s]: {
+          ...r.data[s],
+          enabled: i,
+          visible: i
+        }
       }
-      if (typeof e == "object")
-        switch (e.$$typeof) {
-          case y:
-            var n = e;
-            return Ce(n) + ".Consumer";
-          case f:
-            var i = e;
-            return Ce(i._context) + ".Provider";
-          case c:
-            return Pt(e, e.render, "ForwardRef");
-          case _:
-            var u = e.displayName || null;
-            return u !== null ? u : D(e.type) || "Memo";
-          case b: {
-            var g = e, S = g._payload, p = g._init;
-            try {
-              return D(p(S));
-            } catch {
-              return null;
+    }));
+  },
+  setValue: (s, i, r) => {
+    e((o) => {
+      const a = {
+        ...o.data[s].values
+      }, l = a[i] ?? {
+        type: "mask"
+      };
+      return a[i] = {
+        ...l,
+        ...r,
+        id: i
+      }, r || delete a[i], {
+        data: {
+          ...o.data,
+          [s]: {
+            ...o.data[s],
+            values: a
+          }
+        }
+      };
+    });
+  },
+  setVisibility: (s, i, r) => {
+    e((o) => {
+      const a = {
+        ...o.data[s].values
+      }, l = a[i] ?? {};
+      return l.visible = r, {
+        data: {
+          ...o.data,
+          [s]: {
+            ...o.data[s],
+            values: {
+              ...a,
+              [i]: l
             }
           }
         }
-      return null;
-    }
-    var L = Object.assign, H = 0, we, je, xe, Ae, De, ke, Fe;
-    function Le() {
-    }
-    Le.__reactDisabledLog = !0;
-    function Ot() {
-      {
-        if (H === 0) {
-          we = console.log, je = console.info, xe = console.warn, Ae = console.error, De = console.group, ke = console.groupCollapsed, Fe = console.groupEnd;
-          var e = {
-            configurable: !0,
-            enumerable: !0,
-            value: Le,
-            writable: !0
-          };
-          Object.defineProperties(console, {
-            info: e,
-            log: e,
-            warn: e,
-            error: e,
-            group: e,
-            groupCollapsed: e,
-            groupEnd: e
-          });
+      };
+    });
+  },
+  setModeSelected: (s, i) => {
+    e((r) => ({
+      data: {
+        ...r.data,
+        [s]: {
+          ...r.data[s],
+          modeSelected: i
         }
-        H++;
       }
-    }
-    function Mt() {
-      {
-        if (H--, H === 0) {
-          var e = {
-            configurable: !0,
-            enumerable: !0,
-            writable: !0
-          };
-          Object.defineProperties(console, {
-            log: L({}, e, {
-              value: we
-            }),
-            info: L({}, e, {
-              value: je
-            }),
-            warn: L({}, e, {
-              value: xe
-            }),
-            error: L({}, e, {
-              value: Ae
-            }),
-            group: L({}, e, {
-              value: De
-            }),
-            groupCollapsed: L({}, e, {
-              value: ke
-            }),
-            groupEnd: L({}, e, {
-              value: Fe
-            })
-          });
+    }));
+  },
+  setModeInstance: (s, i) => {
+    e((r) => ({
+      data: {
+        ...r.data,
+        [s]: {
+          ...r.data[s],
+          modeInstance: i
         }
-        H < 0 && P("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
       }
+    }));
+  }
+})), pt = Ne({});
+function Ys(n) {
+  const e = ee(5), {
+    children: t,
+    values: s
+  } = n;
+  let i;
+  e[0] !== s ? (i = () => xn(s), e[0] = s, e[1] = i) : i = e[1];
+  const [r] = pe(i);
+  let o;
+  return e[2] !== t || e[3] !== r ? (o = /* @__PURE__ */ Z(pt.Provider, { value: r, children: t }), e[2] = t, e[3] = r, e[4] = o) : o = e[4], o;
+}
+function O(n) {
+  const e = $e(pt);
+  if (!e)
+    throw new Error("Missing Map.Provider in the tree");
+  return Ge(e, n);
+}
+function Vn({
+  mapId: n,
+  children: e
+}) {
+  const t = O((c) => {
+    var m;
+    return (m = c.data[n]) == null ? void 0 : m.enabled;
+  }), s = O((c) => c.setEnabled), i = O((c) => {
+    var m;
+    return (m = c.data[n]) == null ? void 0 : m.values;
+  }), r = O((c) => c.setValue), o = O((c) => c.setVisibility), a = O((c) => {
+    var m;
+    return (m = c.data[n]) == null ? void 0 : m.modeSelected;
+  }), l = O((c) => c.setModeSelected), u = O((c) => {
+    var m;
+    return (m = c.data[n]) == null ? void 0 : m.modes;
+  }), d = O((c) => c.setModeInstance);
+  ce(() => {
+    const c = u[a];
+    if (c) {
+      const m = c.mode, h = new m();
+      d(n, h);
     }
-    var fe = j.ReactCurrentDispatcher, de;
-    function ne(e, n, i) {
-      {
-        if (de === void 0)
-          try {
-            throw Error();
-          } catch (g) {
-            var u = g.stack.trim().match(/\n( *(at )?)/);
-            de = u && u[1] || "";
-          }
-        return `
-` + de + e;
-      }
+  }, [n, a, u, d]);
+  const [
+    p
+    // , draw
+  ] = Me(() => {
+    const c = (f) => {
+      var S;
+      return {
+        id: f.id,
+        visible: f.visible,
+        label: (S = f.properties) == null ? void 0 : S.label
+      };
+    };
+    return [
+      Object.values(i).filter((f) => f.type === "mask").map(c)
+      // , draw
+    ];
+  }, [i]), y = q((c) => {
+    s(n, !!c), l(n, c);
+  }, [n, s, l]);
+  return e({
+    mapId: n,
+    enabled: t,
+    modes: u,
+    modeSelected: a,
+    values: {
+      mask: p
+      // draw,
+    },
+    setValue: q((c) => r(n, c), [n, r]),
+    setEnabled: q((c) => s(n, c), [n, s]),
+    setVisibility: q((c, m) => o(n, c, m), [n, o]),
+    setModeSelected: y
+  });
+}
+const Nn = [new Yt({
+  filterSize: 1
+})];
+function $n({
+  children: n,
+  mapId: e,
+  defaultProps: {
+    styles: t = Re.styles,
+    labels: s
+  } = {
+    styles: Re.styles,
+    labels: Re.labels
+  },
+  layerProps: i = {},
+  defaultType: r = "mask"
+}) {
+  const o = O((g) => {
+    var L;
+    return (L = g.data[e]) == null ? void 0 : L.enabled;
+  }), a = O((g) => g.setEnabled), l = O((g) => {
+    var L;
+    return (L = g.data[e]) == null ? void 0 : L.values;
+  }), u = O((g) => g.setValue), d = O((g) => {
+    var L;
+    return (L = g.data[e]) == null ? void 0 : L.modeInstance;
+  }), p = O((g) => {
+    var L;
+    return (L = g.data[e]) == null ? void 0 : L.modeSelected;
+  }), y = Be((g) => g.setLayer), c = k((g) => g.addLayers), m = k((g) => g.removeLayers), [h, f] = pe(() => be()), S = Me(() => Object.values(l ?? {}).filter((g) => g.type === "mask"), [l]), v = Ft(S.length);
+  ce(() => (o && c(e, [Ce]), () => {
+    f(be()), m(e, [Ce]);
+  }), [c, o, e, m]);
+  const E = q(() => {
+    f(be()), a(e, !1);
+  }, [e, a]), b = q(({
+    editType: g,
+    updatedData: L
+  }) => {
+    var w;
+    if (g === G.cancel) {
+      E();
+      return;
     }
-    var pe = !1, ae;
-    {
-      var Ct = typeof WeakMap == "function" ? WeakMap : Map;
-      ae = new Ct();
+    if (f(L), g !== G.updateTentativeFeature && g === G.addFeature) {
+      const F = L.features[0];
+      (w = F.properties).label ?? (w.label = `${s == null ? void 0 : s.mask} ${v.current + 1}`), v.current += 1;
+      const A = F.id ?? crypto.randomUUID();
+      u(e, A, {
+        geometry: F.geometry,
+        properties: F.properties,
+        visible: !0,
+        type: r
+      }), E();
     }
-    function Ie(e, n) {
-      if (!e || pe)
-        return "";
-      {
-        var i = ae.get(e);
-        if (i !== void 0)
-          return i;
+  }, [E, s == null ? void 0 : s.mask, u, e, r]);
+  ce(() => {
+    const g = h.features.length > 0, {
+      border: L,
+      point: w,
+      fill: F
+    } = t.colors.editing, A = Dn({
+      layerProps: {
+        ...i.mask,
+        pickable: !0,
+        data: h,
+        selectedFeatureIndexes: g ? [0] : []
+      },
+      guideColor: L,
+      fillColor: F,
+      pointColor: w,
+      onEdit: b,
+      mode: d
+    });
+    y(Ce, A);
+  }, [h, i.mask, d, b, y, t.colors.editing]);
+  const _ = Me(() => ({
+    type: "FeatureCollection",
+    features: S.map((g) => ({
+      type: "Feature",
+      geometry: g.geometry,
+      properties: g.properties,
+      id: g.id
+    }))
+  }), [S]), P = Me(() => {
+    const g = S.filter((w) => w.visible).map((w) => w.id), L = h.features.map((w) => w.id);
+    return L.length ? g.filter((w) => !L.includes(w)) : g;
+  }, [h.features, S]);
+  return ce(() => {
+    const g = {
+      ...Le,
+      pickable: o && p === "edit",
+      visible: !0,
+      data: _,
+      getLineColor: t.colors.finished.border,
+      getFillColor: t.colors.finished.fill,
+      extensions: Nn,
+      getFilterValue: (L) => Number(P.includes(L.id)),
+      filterRange: [1, 1],
+      updateTriggers: {
+        getFilterValue: P
+      },
+      onClick: ({
+        object: L
+      }) => {
+        const w = be();
+        w.features.push(L), f(w), a(e, !0);
       }
-      var u;
-      pe = !0;
-      var g = Error.prepareStackTrace;
-      Error.prepareStackTrace = void 0;
-      var S;
-      S = fe.current, fe.current = null, Ot();
-      try {
-        if (n) {
-          var p = function() {
-            throw Error();
-          };
-          if (Object.defineProperty(p.prototype, "props", {
-            set: function() {
-              throw Error();
-            }
-          }), typeof Reflect == "object" && Reflect.construct) {
-            try {
-              Reflect.construct(p, []);
-            } catch (w) {
-              u = w;
-            }
-            Reflect.construct(e, [], p);
-          } else {
-            try {
-              p.call();
-            } catch (w) {
-              u = w;
-            }
-            e.call(p.prototype);
-          }
-        } else {
-          try {
-            throw Error();
-          } catch (w) {
-            u = w;
-          }
-          e();
-        }
-      } catch (w) {
-        if (w && u && typeof w.stack == "string") {
-          for (var d = w.stack.split(`
-`), M = u.stack.split(`
-`), R = d.length - 1, T = M.length - 1; R >= 1 && T >= 0 && d[R] !== M[T]; )
-            T--;
-          for (; R >= 1 && T >= 0; R--, T--)
-            if (d[R] !== M[T]) {
-              if (R !== 1 || T !== 1)
-                do
-                  if (R--, T--, T < 0 || d[R] !== M[T]) {
-                    var x = `
-` + d[R].replace(" at new ", " at ");
-                    return e.displayName && x.includes("<anonymous>") && (x = x.replace("<anonymous>", e.displayName)), typeof e == "function" && ae.set(e, x), x;
+    };
+    return y(Le.id, {
+      type: Kt,
+      props: g
+    }), c(e, [Le.id]), () => {
+      m(e, [Le.id]);
+    };
+  }, [c, o, e, _, P, p, m, a, y, t.colors.finished.border, t.colors.finished.fill]), n;
+}
+function be() {
+  return {
+    type: "FeatureCollection",
+    features: []
+  };
+}
+$n.Controls = Vn;
+var We = 63710088e-1;
+function xe(n, e, t = {}) {
+  const s = { type: "Feature" };
+  return (t.id === 0 || t.id) && (s.id = t.id), t.bbox && (s.bbox = t.bbox), s.properties = e || {}, s.geometry = n, s;
+}
+function ht(n, e, t = {}) {
+  if (!n)
+    throw new Error("coordinates is required");
+  if (!Array.isArray(n))
+    throw new Error("coordinates must be an Array");
+  if (n.length < 2)
+    throw new Error("coordinates must be at least 2 numbers long");
+  if (!Ke(n[0]) || !Ke(n[1]))
+    throw new Error("coordinates must contain numbers");
+  return xe({
+    type: "Point",
+    coordinates: n
+  }, e, t);
+}
+function Ze(n, e = {}) {
+  const t = { type: "FeatureCollection" };
+  return e.id && (t.id = e.id), e.bbox && (t.bbox = e.bbox), t.features = n, t;
+}
+function Ke(n) {
+  return !isNaN(n) && n !== null && !Array.isArray(n);
+}
+function yt(n, e, t) {
+  if (n !== null)
+    for (var s, i, r, o, a, l, u, d = 0, p = 0, y, c = n.type, m = c === "FeatureCollection", h = c === "Feature", f = m ? n.features.length : 1, S = 0; S < f; S++) {
+      u = m ? n.features[S].geometry : h ? n.geometry : n, y = u ? u.type === "GeometryCollection" : !1, a = y ? u.geometries.length : 1;
+      for (var v = 0; v < a; v++) {
+        var E = 0, b = 0;
+        if (o = y ? u.geometries[v] : u, o !== null) {
+          l = o.coordinates;
+          var _ = o.type;
+          switch (d = _ === "Polygon" || _ === "MultiPolygon" ? 1 : 0, _) {
+            case null:
+              break;
+            case "Point":
+              if (e(
+                l,
+                p,
+                S,
+                E,
+                b
+              ) === !1)
+                return !1;
+              p++, E++;
+              break;
+            case "LineString":
+            case "MultiPoint":
+              for (s = 0; s < l.length; s++) {
+                if (e(
+                  l[s],
+                  p,
+                  S,
+                  E,
+                  b
+                ) === !1)
+                  return !1;
+                p++, _ === "MultiPoint" && E++;
+              }
+              _ === "LineString" && E++;
+              break;
+            case "Polygon":
+            case "MultiLineString":
+              for (s = 0; s < l.length; s++) {
+                for (i = 0; i < l[s].length - d; i++) {
+                  if (e(
+                    l[s][i],
+                    p,
+                    S,
+                    E,
+                    b
+                  ) === !1)
+                    return !1;
+                  p++;
+                }
+                _ === "MultiLineString" && E++, _ === "Polygon" && b++;
+              }
+              _ === "Polygon" && E++;
+              break;
+            case "MultiPolygon":
+              for (s = 0; s < l.length; s++) {
+                for (b = 0, i = 0; i < l[s].length; i++) {
+                  for (r = 0; r < l[s][i].length - d; r++) {
+                    if (e(
+                      l[s][i][r],
+                      p,
+                      S,
+                      E,
+                      b
+                    ) === !1)
+                      return !1;
+                    p++;
                   }
-                while (R >= 1 && T >= 0);
+                  b++;
+                }
+                E++;
+              }
               break;
-            }
-        }
-      } finally {
-        pe = !1, fe.current = S, Mt(), Error.prepareStackTrace = g;
-      }
-      var $ = e ? e.displayName || e.name : "", I = $ ? ne($) : "";
-      return typeof e == "function" && ae.set(e, I), I;
-    }
-    function wt(e, n, i) {
-      return Ie(e, !1);
-    }
-    function jt(e) {
-      var n = e.prototype;
-      return !!(n && n.isReactComponent);
-    }
-    function oe(e, n, i) {
-      if (e == null)
-        return "";
-      if (typeof e == "function")
-        return Ie(e, jt(e));
-      if (typeof e == "string")
-        return ne(e);
-      switch (e) {
-        case m:
-          return ne("Suspense");
-        case E:
-          return ne("SuspenseList");
-      }
-      if (typeof e == "object")
-        switch (e.$$typeof) {
-          case c:
-            return wt(e.render);
-          case _:
-            return oe(e.type, n, i);
-          case b: {
-            var u = e, g = u._payload, S = u._init;
-            try {
-              return oe(S(g), n, i);
-            } catch {
-            }
+            case "GeometryCollection":
+              for (s = 0; s < o.geometries.length; s++)
+                if (yt(o.geometries[s], e) === !1)
+                  return !1;
+              break;
+            default:
+              throw new Error("Unknown Geometry Type");
           }
         }
-      return "";
-    }
-    var z = Object.prototype.hasOwnProperty, Ne = {}, Ue = j.ReactDebugCurrentFrame;
-    function ie(e) {
-      if (e) {
-        var n = e._owner, i = oe(e.type, e._source, n ? n.type : null);
-        Ue.setExtraStackFrame(i);
-      } else
-        Ue.setExtraStackFrame(null);
-    }
-    function xt(e, n, i, u, g) {
-      {
-        var S = Function.call.bind(z);
-        for (var p in e)
-          if (S(e, p)) {
-            var d = void 0;
-            try {
-              if (typeof e[p] != "function") {
-                var M = Error((u || "React class") + ": " + i + " type `" + p + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof e[p] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
-                throw M.name = "Invariant Violation", M;
-              }
-              d = e[p](n, p, u, i, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
-            } catch (R) {
-              d = R;
-            }
-            d && !(d instanceof Error) && (ie(g), P("%s: type specification of %s `%s` is invalid; the type checker function must return `null` or an `Error` but returned a %s. You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).", u || "React class", i, p, typeof d), ie(null)), d instanceof Error && !(d.message in Ne) && (Ne[d.message] = !0, ie(g), P("Failed %s type: %s", i, d.message), ie(null));
-          }
-      }
-    }
-    var At = Array.isArray;
-    function me(e) {
-      return At(e);
-    }
-    function Dt(e) {
-      {
-        var n = typeof Symbol == "function" && Symbol.toStringTag, i = n && e[Symbol.toStringTag] || e.constructor.name || "Object";
-        return i;
-      }
-    }
-    function kt(e) {
-      try {
-        return Ve(e), !1;
-      } catch {
-        return !0;
       }
     }
-    function Ve(e) {
-      return "" + e;
-    }
-    function $e(e) {
-      if (kt(e))
-        return P("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", Dt(e)), Ve(e);
-    }
-    var q = j.ReactCurrentOwner, Ft = {
-      key: !0,
-      ref: !0,
-      __self: !0,
-      __source: !0
-    }, Ye, Be, ve;
-    ve = {};
-    function Lt(e) {
-      if (z.call(e, "ref")) {
-        var n = Object.getOwnPropertyDescriptor(e, "ref").get;
-        if (n && n.isReactWarning)
-          return !1;
-      }
-      return e.ref !== void 0;
-    }
-    function It(e) {
-      if (z.call(e, "key")) {
-        var n = Object.getOwnPropertyDescriptor(e, "key").get;
-        if (n && n.isReactWarning)
+}
+function qn(n, e) {
+  var t, s, i, r, o, a, l, u, d, p, y = 0, c = n.type === "FeatureCollection", m = n.type === "Feature", h = c ? n.features.length : 1;
+  for (t = 0; t < h; t++) {
+    for (a = c ? n.features[t].geometry : m ? n.geometry : n, u = c ? n.features[t].properties : m ? n.properties : {}, d = c ? n.features[t].bbox : m ? n.bbox : void 0, p = c ? n.features[t].id : m ? n.id : void 0, l = a ? a.type === "GeometryCollection" : !1, o = l ? a.geometries.length : 1, i = 0; i < o; i++) {
+      if (r = l ? a.geometries[i] : a, r === null) {
+        if (e(
+          null,
+          y,
+          u,
+          d,
+          p
+        ) === !1)
           return !1;
+        continue;
       }
-      return e.key !== void 0;
-    }
-    function Nt(e, n) {
-      if (typeof e.ref == "string" && q.current && n && q.current.stateNode !== n) {
-        var i = D(q.current.type);
-        ve[i] || (P('Component "%s" contains the string ref "%s". Support for string refs will be removed in a future major release. This case cannot be automatically converted to an arrow function. We ask you to manually fix this case by using useRef() or createRef() instead. Learn more about using refs safely here: https://reactjs.org/link/strict-mode-string-ref', D(q.current.type), e.ref), ve[i] = !0);
-      }
-    }
-    function Ut(e, n) {
-      {
-        var i = function() {
-          Ye || (Ye = !0, P("%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", n));
-        };
-        i.isReactWarning = !0, Object.defineProperty(e, "key", {
-          get: i,
-          configurable: !0
-        });
-      }
-    }
-    function Vt(e, n) {
-      {
-        var i = function() {
-          Be || (Be = !0, P("%s: `ref` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", n));
-        };
-        i.isReactWarning = !0, Object.defineProperty(e, "ref", {
-          get: i,
-          configurable: !0
-        });
-      }
-    }
-    var $t = function(e, n, i, u, g, S, p) {
-      var d = {
-        // This tag allows us to uniquely identify this as a React Element
-        $$typeof: r,
-        // Built-in properties that belong on the element
-        type: e,
-        key: n,
-        ref: i,
-        props: p,
-        // Record the component responsible for creating this element.
-        _owner: S
-      };
-      return d._store = {}, Object.defineProperty(d._store, "validated", {
-        configurable: !1,
-        enumerable: !1,
-        writable: !0,
-        value: !1
-      }), Object.defineProperty(d, "_self", {
-        configurable: !1,
-        enumerable: !1,
-        writable: !1,
-        value: u
-      }), Object.defineProperty(d, "_source", {
-        configurable: !1,
-        enumerable: !1,
-        writable: !1,
-        value: g
-      }), Object.freeze && (Object.freeze(d.props), Object.freeze(d)), d;
-    };
-    function Yt(e, n, i, u, g) {
-      {
-        var S, p = {}, d = null, M = null;
-        i !== void 0 && ($e(i), d = "" + i), It(n) && ($e(n.key), d = "" + n.key), Lt(n) && (M = n.ref, Nt(n, g));
-        for (S in n)
-          z.call(n, S) && !Ft.hasOwnProperty(S) && (p[S] = n[S]);
-        if (e && e.defaultProps) {
-          var R = e.defaultProps;
-          for (S in R)
-            p[S] === void 0 && (p[S] = R[S]);
+      switch (r.type) {
+        case "Point":
+        case "LineString":
+        case "MultiPoint":
+        case "Polygon":
+        case "MultiLineString":
+        case "MultiPolygon": {
+          if (e(
+            r,
+            y,
+            u,
+            d,
+            p
+          ) === !1)
+            return !1;
+          break;
         }
-        if (d || M) {
-          var T = typeof e == "function" ? e.displayName || e.name || "Unknown" : e;
-          d && Ut(p, T), M && Vt(p, T);
+        case "GeometryCollection": {
+          for (s = 0; s < r.geometries.length; s++)
+            if (e(
+              r.geometries[s],
+              y,
+              u,
+              d,
+              p
+            ) === !1)
+              return !1;
+          break;
         }
-        return $t(e, d, M, g, u, q.current, p);
+        default:
+          throw new Error("Unknown Geometry Type");
       }
     }
-    var ge = j.ReactCurrentOwner, We = j.ReactDebugCurrentFrame;
-    function V(e) {
-      if (e) {
-        var n = e._owner, i = oe(e.type, e._source, n ? n.type : null);
-        We.setExtraStackFrame(i);
-      } else
-        We.setExtraStackFrame(null);
-    }
-    var ye;
-    ye = !1;
-    function he(e) {
-      return typeof e == "object" && e !== null && e.$$typeof === r;
-    }
-    function He() {
-      {
-        if (ge.current) {
-          var e = D(ge.current.type);
-          if (e)
-            return `
-
-Check the render method of \`` + e + "`.";
-        }
-        return "";
-      }
-    }
-    function Bt(e) {
-      return "";
+    y++;
+  }
+}
+function Gn(n, e, t) {
+  var s = t;
+  return qn(
+    n,
+    function(i, r, o, a, l) {
+      r === 0 && t === void 0 ? s = i : s = e(
+        s,
+        i,
+        r,
+        o,
+        a,
+        l
+      );
     }
-    var ze = {};
-    function Wt(e) {
-      {
-        var n = He();
-        if (!n) {
-          var i = typeof e == "string" ? e : e.displayName || e.name;
-          i && (n = `
-
-Check the top-level render call using <` + i + ">.");
-        }
-        return n;
-      }
+  ), s;
+}
+function Ye(n) {
+  return Gn(
+    n,
+    (e, t) => e + Bn(t),
+    0
+  );
+}
+function Bn(n) {
+  let e = 0, t;
+  switch (n.type) {
+    case "Polygon":
+      return Xe(n.coordinates);
+    case "MultiPolygon":
+      for (t = 0; t < n.coordinates.length; t++)
+        e += Xe(n.coordinates[t]);
+      return e;
+    case "Point":
+    case "MultiPoint":
+    case "LineString":
+    case "MultiLineString":
+      return 0;
+  }
+  return 0;
+}
+function Xe(n) {
+  let e = 0;
+  if (n && n.length > 0) {
+    e += Math.abs(Je(n[0]));
+    for (let t = 1; t < n.length; t++)
+      e -= Math.abs(Je(n[t]));
+  }
+  return e;
+}
+var Hn = We * We / 2, De = Math.PI / 180;
+function Je(n) {
+  const e = n.length - 1;
+  if (e <= 2)
+    return 0;
+  let t = 0, s = 0;
+  for (; s < e; ) {
+    const i = n[s], r = n[s + 1 === e ? 0 : s + 1], o = n[s + 2 >= e ? (s + 2) % e : s + 2], a = i[0] * De, l = r[1] * De, u = o[0] * De;
+    t += (u - a) * Math.sin(l), s++;
+  }
+  return t * Hn;
+}
+class gt {
+  constructor(e = [], t = jn) {
+    if (this.data = e, this.length = this.data.length, this.compare = t, this.length > 0)
+      for (let s = (this.length >> 1) - 1; s >= 0; s--) this._down(s);
+  }
+  push(e) {
+    this.data.push(e), this.length++, this._up(this.length - 1);
+  }
+  pop() {
+    if (this.length === 0) return;
+    const e = this.data[0], t = this.data.pop();
+    return this.length--, this.length > 0 && (this.data[0] = t, this._down(0)), e;
+  }
+  peek() {
+    return this.data[0];
+  }
+  _up(e) {
+    const { data: t, compare: s } = this, i = t[e];
+    for (; e > 0; ) {
+      const r = e - 1 >> 1, o = t[r];
+      if (s(i, o) >= 0) break;
+      t[e] = o, e = r;
     }
-    function qe(e, n) {
-      {
-        if (!e._store || e._store.validated || e.key != null)
-          return;
-        e._store.validated = !0;
-        var i = Wt(n);
-        if (ze[i])
-          return;
-        ze[i] = !0;
-        var u = "";
-        e && e._owner && e._owner !== ge.current && (u = " It was passed a child from " + D(e._owner.type) + "."), V(e), P('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', i, u), V(null);
-      }
+    t[e] = i;
+  }
+  _down(e) {
+    const { data: t, compare: s } = this, i = this.length >> 1, r = t[e];
+    for (; e < i; ) {
+      let o = (e << 1) + 1, a = t[o];
+      const l = o + 1;
+      if (l < this.length && s(t[l], a) < 0 && (o = l, a = t[l]), s(a, r) >= 0) break;
+      t[e] = a, e = o;
     }
-    function Ke(e, n) {
-      {
-        if (typeof e != "object")
-          return;
-        if (me(e))
-          for (var i = 0; i < e.length; i++) {
-            var u = e[i];
-            he(u) && qe(u, n);
-          }
-        else if (he(e))
-          e._store && (e._store.validated = !0);
-        else if (e) {
-          var g = U(e);
-          if (typeof g == "function" && g !== e.entries)
-            for (var S = g.call(e), p; !(p = S.next()).done; )
-              he(p.value) && qe(p.value, n);
-        }
+    t[e] = r;
+  }
+}
+function jn(n, e) {
+  return n < e ? -1 : n > e ? 1 : 0;
+}
+function St(n, e) {
+  return n.p.x > e.p.x ? 1 : n.p.x < e.p.x ? -1 : n.p.y !== e.p.y ? n.p.y > e.p.y ? 1 : -1 : 1;
+}
+function zn(n, e) {
+  return n.rightSweepEvent.p.x > e.rightSweepEvent.p.x ? 1 : n.rightSweepEvent.p.x < e.rightSweepEvent.p.x ? -1 : n.rightSweepEvent.p.y !== e.rightSweepEvent.p.y ? n.rightSweepEvent.p.y < e.rightSweepEvent.p.y ? 1 : -1 : 1;
+}
+class Qe {
+  constructor(e, t, s, i) {
+    this.p = {
+      x: e[0],
+      y: e[1]
+    }, this.featureId = t, this.ringId = s, this.eventId = i, this.otherEvent = null, this.isLeftEndpoint = null;
+  }
+  isSamePoint(e) {
+    return this.p.x === e.p.x && this.p.y === e.p.y;
+  }
+}
+function In(n, e) {
+  if (n.type === "FeatureCollection") {
+    const t = n.features;
+    for (let s = 0; s < t.length; s++)
+      et(t[s], e);
+  } else
+    et(n, e);
+}
+let we = 0, _e = 0, Pe = 0;
+function et(n, e) {
+  const t = n.type === "Feature" ? n.geometry : n;
+  let s = t.coordinates;
+  (t.type === "Polygon" || t.type === "MultiLineString") && (s = [s]), t.type === "LineString" && (s = [[s]]);
+  for (let i = 0; i < s.length; i++)
+    for (let r = 0; r < s[i].length; r++) {
+      let o = s[i][r][0], a = null;
+      _e = _e + 1;
+      for (let l = 0; l < s[i][r].length - 1; l++) {
+        a = s[i][r][l + 1];
+        const u = new Qe(o, we, _e, Pe), d = new Qe(a, we, _e, Pe + 1);
+        u.otherEvent = d, d.otherEvent = u, St(u, d) > 0 ? (d.isLeftEndpoint = !0, u.isLeftEndpoint = !1) : (u.isLeftEndpoint = !0, d.isLeftEndpoint = !1), e.push(u), e.push(d), o = a, Pe = Pe + 1;
       }
     }
-    function Ht(e) {
-      {
-        var n = e.type;
-        if (n == null || typeof n == "string")
-          return;
-        var i;
-        if (typeof n == "function")
-          i = n.propTypes;
-        else if (typeof n == "object" && (n.$$typeof === c || // Note: Memo only checks outer props here.
-        // Inner props are checked in the reconciler.
-        n.$$typeof === _))
-          i = n.propTypes;
-        else
-          return;
-        if (i) {
-          var u = D(n);
-          xt(i, e.props, "prop", u, e);
-        } else if (n.PropTypes !== void 0 && !ye) {
-          ye = !0;
-          var g = D(n);
-          P("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", g || "Unknown");
-        }
-        typeof n.getDefaultProps == "function" && !n.getDefaultProps.isReactClassApproved && P("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.");
+  we = we + 1;
+}
+class Wn {
+  constructor(e) {
+    this.leftSweepEvent = e, this.rightSweepEvent = e.otherEvent;
+  }
+}
+function Zn(n, e) {
+  if (n === null || e === null || n.leftSweepEvent.ringId === e.leftSweepEvent.ringId && (n.rightSweepEvent.isSamePoint(e.leftSweepEvent) || n.rightSweepEvent.isSamePoint(e.leftSweepEvent) || n.rightSweepEvent.isSamePoint(e.rightSweepEvent) || n.leftSweepEvent.isSamePoint(e.leftSweepEvent) || n.leftSweepEvent.isSamePoint(e.rightSweepEvent))) return !1;
+  const t = n.leftSweepEvent.p.x, s = n.leftSweepEvent.p.y, i = n.rightSweepEvent.p.x, r = n.rightSweepEvent.p.y, o = e.leftSweepEvent.p.x, a = e.leftSweepEvent.p.y, l = e.rightSweepEvent.p.x, u = e.rightSweepEvent.p.y, d = (u - a) * (i - t) - (l - o) * (r - s), p = (l - o) * (s - a) - (u - a) * (t - o), y = (i - t) * (s - a) - (r - s) * (t - o);
+  if (d === 0)
+    return !1;
+  const c = p / d, m = y / d;
+  if (c >= 0 && c <= 1 && m >= 0 && m <= 1) {
+    const h = t + c * (i - t), f = s + c * (r - s);
+    return [h, f];
+  }
+  return !1;
+}
+function Kn(n, e) {
+  e = e || !1;
+  const t = [], s = new gt([], zn);
+  for (; n.length; ) {
+    const i = n.pop();
+    if (i.isLeftEndpoint) {
+      const r = new Wn(i);
+      for (let o = 0; o < s.data.length; o++) {
+        const a = s.data[o];
+        if (e && a.leftSweepEvent.featureId === i.featureId)
+          continue;
+        const l = Zn(r, a);
+        l !== !1 && t.push(l);
       }
+      s.push(r);
+    } else i.isLeftEndpoint === !1 && s.pop();
+  }
+  return t;
+}
+function Yn(n, e) {
+  const t = new gt([], St);
+  return In(n, t), Kn(t, e);
+}
+var Xn = Yn;
+function Jn(n, e, t = {}) {
+  const { removeDuplicates: s = !0, ignoreSelfIntersections: i = !1 } = t;
+  let r = [];
+  n.type === "FeatureCollection" ? r = r.concat(n.features) : n.type === "Feature" ? r.push(n) : (n.type === "LineString" || n.type === "Polygon" || n.type === "MultiLineString" || n.type === "MultiPolygon") && r.push(xe(n)), e.type === "FeatureCollection" ? r = r.concat(e.features) : e.type === "Feature" ? r.push(e) : (e.type === "LineString" || e.type === "Polygon" || e.type === "MultiLineString" || e.type === "MultiPolygon") && r.push(xe(e));
+  const o = Xn(
+    Ze(r),
+    i
+  );
+  let a = [];
+  if (s) {
+    const l = {};
+    o.forEach((u) => {
+      const d = u.join(",");
+      l[d] || (l[d] = !0, a.push(u));
+    });
+  } else
+    a = o;
+  return Ze(a.map((l) => ht(l)));
+}
+function Qn(n, e = {}) {
+  let t = 0, s = 0, i = 0;
+  return yt(
+    n,
+    function(r) {
+      t += r[0], s += r[1], i++;
     }
-    function zt(e) {
-      {
-        for (var n = Object.keys(e.props), i = 0; i < n.length; i++) {
-          var u = n[i];
-          if (u !== "children" && u !== "key") {
-            V(e), P("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", u), V(null);
-            break;
-          }
-        }
-        e.ref !== null && (V(e), P("Invalid attribute `ref` supplied to `React.Fragment`."), V(null));
+  ), ht([t / i, s / i], e.properties);
+}
+const es = Jt({
+  length: Qt
+});
+function tt(n, e) {
+  return es(n).from(it[C.meter]).to(it[e]);
+}
+const nt = 1e4;
+function ke({
+  meters: n,
+  unit: e,
+  locale: t,
+  options: {
+    autoSplitNumber: s,
+    ...i
+  } = {
+    autoSplitNumber: nt
+  }
+}) {
+  const r = e === Ve["m-km"], o = e === Ve["ft-mi"], a = r || o;
+  let l, u;
+  if (a) {
+    const d = n < (s ?? nt);
+    let p = d ? C.meter : C.kilometer;
+    l = d ? ve.meter : ve.kilometer, o && (l = d ? ve.feet : ve.mile, p = d ? C.feet : C.mile), u = tt(n, p);
+  } else
+    l = ve[e], u = tt(n, e);
+  return `${ut(u, t, {
+    style: "unit",
+    unit: l,
+    unitDisplay: "short",
+    notation: "standard",
+    minimumFractionDigits: 2,
+    maximumFractionDigits: 2,
+    ...i
+  })}`;
+}
+function Xs(n, {
+  hasDoubleClickZoom: e
+}) {
+  return typeof n == "boolean" ? {
+    doubleClickZoom: e
+  } : {
+    ...n,
+    doubleClickZoom: e
+  };
+}
+function vt(n, e, t) {
+  if (n > 0) {
+    const {
+      formatTooltip: s,
+      turfOptions: i
+    } = t ?? {
+      turfOptions: {
+        units: "kilometers"
       }
-    }
-    var Ge = {};
-    function Je(e, n, i, u, g, S) {
-      {
-        var p = Tt(e);
-        if (!p) {
-          var d = "";
-          (e === void 0 || typeof e == "object" && e !== null && Object.keys(e).length === 0) && (d += " You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports.");
-          var M = Bt();
-          M ? d += M : d += He();
-          var R;
-          e === null ? R = "null" : me(e) ? R = "array" : e !== void 0 && e.$$typeof === r ? (R = "<" + (D(e.type) || "Unknown") + " />", d = " Did you accidentally export a JSX literal instead of a component?") : R = typeof e, P("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", R, d);
-        }
-        var T = Yt(e, n, i, g, S);
-        if (T == null)
-          return T;
-        if (p) {
-          var x = n.children;
-          if (x !== void 0)
-            if (u)
-              if (me(x)) {
-                for (var $ = 0; $ < x.length; $++)
-                  Ke(x[$], e);
-                Object.freeze && Object.freeze(x);
-              } else
-                P("React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.");
-            else
-              Ke(x, e);
-        }
-        if (z.call(n, "key")) {
-          var I = D(e), w = Object.keys(n).filter(function(Xt) {
-            return Xt !== "key";
-          }), Ee = w.length > 0 ? "{key: someKey, " + w.join(": ..., ") + ": ...}" : "{key: someKey}";
-          if (!Ge[I + Ee]) {
-            var Zt = w.length > 0 ? "{" + w.join(": ..., ") + ": ...}" : "{}";
-            P(`A props object containing a "key" prop is being spread into JSX:
-  let props = %s;
-  <%s {...props} />
-React keys must be passed directly to JSX without using spread:
-  let props = %s;
-  <%s key={someKey} {...props} />`, Ee, I, Zt, I), Ge[I + Ee] = !0;
-          }
-        }
-        return e === s ? zt(T) : Ht(T), T;
+    }, r = i == null ? void 0 : i.units;
+    let o;
+    s ? o = s(n) : o = `${parseFloat(n.toString()).toFixed(2)} ${r}`;
+    const {
+      measurementCallback: a
+    } = t;
+    return a && a(n), [{
+      position: e,
+      text: o
+    }];
+  }
+  return [];
+}
+class ts extends zt {
+  constructor() {
+    super(...arguments);
+    Q(this, "_isMeasuringSessionFinished", !1);
+    Q(this, "area", 0);
+    Q(this, "tooltips", []);
+    Q(this, "resultPolygon", {
+      type: "FeatureCollection",
+      features: []
+    });
+  }
+  handleClick(t, s) {
+    this._isMeasuringSessionFinished && (this._isMeasuringSessionFinished = !1, this.resetClickSequence(), this.area = 0);
+    const {
+      picks: i
+    } = t, r = It(i), o = this.getClickSequence();
+    let a = !1;
+    !r && !this.allowOverlapping(s) && (this.addClickSequence(t), a = !0), this.area = Ye({
+      type: "Polygon",
+      coordinates: [this.getClickSequence()]
+    }), this.isFinalizedEdition(o, r) ? this.finalizeEdition(s) : a && s.onEdit({
+      // data is the same
+      updatedData: s.data,
+      editType: "addTentativePosition",
+      editContext: {
+        position: t.mapCoords
       }
+    });
+  }
+  handleKeyUp(t, s) {
+    t.key === "Enter" ? this.getClickSequence().length > 2 ? this.finalizeEdition(s) : this.resetEdition(s) : t.key === "Escape" && this.resetEdition(s);
+  }
+  handlePointerMove(t, s) {
+    if (this._isMeasuringSessionFinished)
+      return;
+    super.handlePointerMove(t, s);
+    const i = this.getTentativeGuide(s);
+    if (i && i.geometry.type === "Polygon") {
+      const r = Qn(i);
+      this.area = Ye(i), this.tooltips = vt(this.area, r.geometry.coordinates, s.modeConfig);
     }
-    function qt(e, n, i) {
-      return Je(e, n, i, !0);
-    }
-    function Kt(e, n, i) {
-      return Je(e, n, i, !1);
+  }
+  resetClickSequence() {
+    super.resetClickSequence(), this.tooltips = [], this._isMeasuringSessionFinished = !1, this.area = 0;
+  }
+  getGuides(t) {
+    return this._isMeasuringSessionFinished ? this.resultPolygon : super.getGuides(t);
+  }
+  getTooltips() {
+    return this.tooltips;
+  }
+  isFinalizedEdition(t, s) {
+    const {
+      positionIndexes: i
+    } = (s == null ? void 0 : s.properties) ?? {
+      positionIndexes: []
+    };
+    return t.length > 2 && s !== void 0 && (i[0] === 0 || i[0] === t.length - 1);
+  }
+  allowOverlapping(t) {
+    var r;
+    let s = !1;
+    const i = this.getClickSequence();
+    if (i.length > 2 && // eslint-disable-next-line @typescript-eslint/no-unsafe-member-access
+    ((r = t.modeConfig) != null && r.preventOverlappingLines)) {
+      const o = {
+        type: "LineString",
+        coordinates: [...i, i[0]]
+      }, a = {
+        type: "LineString",
+        coordinates: [...i.slice(0, i.length - 1)]
+      };
+      Jn(o, a).features.length > 0 && (s = !0);
     }
-    var Gt = Kt, Jt = qt;
-    J.Fragment = s, J.jsx = Gt, J.jsxs = Jt;
-  }()), J;
-}
-process.env.NODE_ENV === "production" ? _e.exports = ur() : _e.exports = lr();
-var Z = _e.exports;
-function Qr({
-  children: t,
-  maps: r,
-  externalSync: a
-}) {
-  const [s, o] = at(ir, {
-    ...X.state,
-    maps: r.reduce((v, h) => (v[h.id] = {
-      ...h,
-      isLoaded: !1
-    }, v), X.state.maps)
-  }), l = ce(
-    r.reduce((v, h) => (v[h.id] = {
-      instanceRef: {
-        current: null
-      },
-      overlayRef: {
-        current: null
+    return s;
+  }
+  finalizeEdition(t) {
+    const s = this.getClickSequence(), i = {
+      type: "Polygon",
+      coordinates: [[...s, s[0]]]
+    };
+    t.selectedIndexes = [], t.data = {
+      type: "FeatureCollection",
+      features: []
+    };
+    const r = this.getAddFeatureOrBooleanPolygonAction(i, t);
+    this._isMeasuringSessionFinished = !0, r && (this.resultPolygon = r.updatedData, t.onEdit({
+      ...r,
+      editType: G.addPosition,
+      editContext: {
+        ...r.editContext,
+        distance: this.area,
+        positions: this.getClickSequence(),
+        finished: this._isMeasuringSessionFinished
       }
-    }, v), {})
-  ), f = O(
-    (v, h, A) => {
-      r[0].id === v && a?.({
-        type: h,
-        payload: A
-      });
-    },
-    [a, r]
-  ), y = O(
-    (v, h) => {
-      o({
-        type: k.SetViewState,
-        payload: {
-          id: h,
-          viewState: v
-        }
-      }), f(h, k.SetViewState, v);
-    },
-    [o, f]
-  ), c = O(
-    ({ height: v, width: h }, A) => {
-      o({
-        type: k.SetResize,
-        payload: {
-          id: A,
-          height: v,
-          width: h
-        }
-      }), f(A, k.SetResize, { height: v, width: h });
-    },
-    [o, f]
-  ), m = O(
-    (v, h) => {
-      o({
-        type: k.SetBasemap,
-        payload: {
-          id: h,
-          basemap: v
-        }
-      });
-    },
-    [o]
-  ), E = O(
-    (v, h) => {
-      o({
-        type: k.SetZoom,
-        payload: {
-          id: h,
-          zoom: v
-        }
-      });
-    },
-    [o]
-  ), _ = O(
-    (v, h) => {
-      o({
-        type: k.SetLoaded,
-        payload: {
-          id: h,
-          value: v
-        }
-      });
-    },
-    [o]
-  ), b = ce({
-    setViewState: y,
-    setBasemap: m,
-    setResize: c,
-    setZoom: E,
-    setLoaded: _
-  });
-  return /* @__PURE__ */ Z.jsx(ut.Provider, { value: b.current, children: /* @__PURE__ */ Z.jsx(ct.Provider, { value: l, children: /* @__PURE__ */ Z.jsx(st.Provider, { value: s, children: t }) }) });
-}
-const lt = {
-  NUMBER: {
-    style: "decimal",
-    maximumFractionDigits: 1,
-    minimumFractionDigits: 0,
-    notation: "compact",
-    compactDisplay: "short"
-  },
-  CURRENCY: {
-    style: "currency",
-    currency: "USD",
-    maximumFractionDigits: 2,
-    minimumFractionDigits: 2,
-    notation: "compact",
-    compactDisplay: "short"
-  },
-  DATE: {
-    year: "numeric",
-    month: "2-digit",
-    day: "2-digit"
+    }));
+  }
+  resetEdition(t) {
+    this.resetClickSequence(), t.onEdit({
+      // Because the new drawing feature is dropped, so the data will keep as the same.
+      updatedData: t.data,
+      editType: "cancelFeature",
+      editContext: {}
+    });
+  }
+  getTooltipText({
+    meters: t,
+    locale: s,
+    unit: i,
+    options: r
+  }) {
+    return ke({
+      meters: t,
+      locale: s,
+      unit: i,
+      options: r
+    }) + "2";
+  }
+}
+class ns extends at {
+  constructor() {
+    super(...arguments);
+    Q(this, "_isMeasuringSessionFinished", !1);
+    Q(this, "_currentArea", 0);
+    Q(this, "resultPolygon", {
+      type: "FeatureCollection",
+      features: []
+    });
+    Q(this, "tooltips", []);
+  }
+  handleClick(t, s) {
+    this._isMeasuringSessionFinished && (this._isMeasuringSessionFinished = !1, this.resetClickSequence(), this._currentArea = 0), super.handleClick(t, s);
+  }
+  handlePointerMove(t, s) {
+    this._isMeasuringSessionFinished || (super.handlePointerMove(t, s), this.tooltips = vt(this.areaCircle, this.position, s.modeConfig));
+  }
+  checkAndFinishPolygon(t) {
+    const s = this.getClickSequence(), i = this.getTentativeGuide(t);
+    this.isFinalizedEdition(s, i) && this.finalizeEdition(t);
+  }
+  handleKeyUp(t, s) {
+    t.key === "Enter" ? this.finalizeEdition(s) : t.key === "Escape" && this.resetEdition(s);
+  }
+  getGuides(t) {
+    return this._isMeasuringSessionFinished ? this.resultPolygon : super.getGuides(t);
+  }
+  isFinalizedEdition(t, s) {
+    return t.length > 1 && s && s.geometry.type === "Polygon";
+  }
+  finalizeEdition(t) {
+    const s = this.getTentativeGuide(t);
+    t.selectedIndexes = [], t.data = {
+      type: "FeatureCollection",
+      features: []
+    };
+    const i = this.getAddFeatureOrBooleanPolygonAction(s, t);
+    this._isMeasuringSessionFinished = !0, t.onUpdateCursor("cell"), i && (this.resultPolygon = i.updatedData, t.onEdit({
+      ...i,
+      editType: G.addPosition,
+      editContext: {
+        ...i.editContext,
+        distance: this._currentArea,
+        positions: this.getClickSequence(),
+        finished: this._isMeasuringSessionFinished
+      }
+    }));
   }
-};
-function ft(t, r, a) {
-  return Intl.NumberFormat(r, a).format(t);
-}
-function dt(t, r, a = {}) {
-  return ft(t, r, { ...lt.NUMBER, ...a });
-}
-function fr(t, r, a = {}) {
-  return ft(t, r, { ...lt.CURRENCY, ...a });
-}
-var F = /* @__PURE__ */ ((t) => (t.CURRENCY = "CURRENCY", t.DEFAULT = "DEFAULT", t.NUMBER = "NUMBER", t))(F || {});
-const Qe = {
-  [F.CURRENCY]: {
-    type: F.CURRENCY,
-    format: (t, r) => fr(t, r)
-  },
-  [F.NUMBER]: {
-    type: F.NUMBER,
-    format: (t, r) => dt(t, r)
-  },
-  [F.DEFAULT]: {
-    type: F.DEFAULT,
-    format: (t) => t.toLocaleString()
+  resetEdition(t) {
+    this.resetClickSequence(), t.onEdit({
+      // Because the new drawing feature is dropped, so the data will keep as the same.
+      updatedData: t.data,
+      editType: "cancelFeature",
+      editContext: {}
+    });
+  }
+  resetClickSequence() {
+    super.resetClickSequence(), this._isMeasuringSessionFinished = !1, this._currentArea = 0, this.radius = 0;
+  }
+  getTooltips() {
+    return this.tooltips;
+  }
+  getTooltipText({
+    meters: t,
+    locale: s,
+    unit: i,
+    options: r
+  }) {
+    return ke({
+      meters: t,
+      locale: s,
+      unit: i,
+      options: r
+    }) + "2";
   }
-};
-function en({
-  properties: t,
-  formatters: r = {},
-  includeColumns: a = Object.keys(t),
-  locale: s = "en-US",
-  showColumnName: o = !0,
-  title: l,
-  getColumnName: f = gr,
-  getFieldHtml: y = pr,
-  getTitle: c = dr,
-  getValue: m = mr
-}) {
-  const E = l ? c(l) : "", b = a.reduce((v, h) => {
-    const A = r[h], U = t[h], j = m(U, s, A), P = o ? f(h) : "";
-    return v + y(P, j);
-  }, "");
-  return E + b;
-}
-function dr(t) {
-  return `<h3 style="margin: 0"><strong>${t}</strong></h3></br>`;
-}
-function pr(t, r) {
-  return `${t}${r}</br>`;
 }
-function mr(t, r, a) {
-  try {
-    return vr(a)(t, r);
-  } catch {
-    return t;
+class Mt extends Wt {
+  handleClick(e, t) {
+    super.handleClick(e, t), t.onEdit({
+      // data is the same
+      updatedData: t.data,
+      editType: G.addPosition,
+      editContext: {
+        distance: this._currentDistance,
+        finished: this._isMeasuringSessionFinished,
+        positions: this.getClickSequence()
+      }
+    });
+  }
+  handleKeyUp(e, t) {
+    if (this._isMeasuringSessionFinished) return;
+    e.stopPropagation();
+    const {
+      key: s
+    } = e, i = this.getClickSequence().length;
+    let r = G.finish;
+    switch (s) {
+      case "Escape":
+        t.onEdit({
+          updatedData: {
+            type: "FeatureCollection",
+            features: []
+          },
+          editType: G.cancel,
+          editContext: {}
+        });
+        break;
+      case "Enter":
+        this._isMeasuringSessionFinished = !0, i === 1 && (this.resetClickSequence(), r = G.cancel), t.onUpdateCursor("cell"), t.onEdit({
+          updatedData: t.data,
+          editType: r,
+          editContext: {
+            finished: this._isMeasuringSessionFinished
+          }
+        });
+        break;
+    }
+  }
+  resetClickSequence() {
+    super.resetClickSequence(), this._isMeasuringSessionFinished = !1, this._currentTooltips = [], this._currentDistance = 0;
+  }
+  getTooltipText({
+    meters: e,
+    locale: t,
+    unit: s,
+    options: i
+  }) {
+    return ke({
+      meters: e,
+      locale: t,
+      unit: s,
+      options: i
+    });
   }
 }
-function vr(t) {
-  return typeof t == "function" ? t : (t && Qe[t] || Qe[F.DEFAULT]).format;
-}
-function gr(t) {
-  return `<strong>${t}</strong>: `;
-}
-function yr(t) {
-  return Se[t]?.type;
-}
-function hr(t) {
-  return yr(t) === it.GoogleMaps;
-}
-function Er({ mapId: t }) {
-  const { isLoaded: r, basemap: a } = Te(t), { getOverlayInstance: s } = Pe(t);
-  return Qt(() => {
-    if (!r || !hr(a))
-      return null;
-    const l = s()?.getDiv();
-    return new er(l, {});
-  }, [r, s, a]);
-}
-var C = /* @__PURE__ */ ((t) => (t.milimeter = "milimeter", t.centimeter = "centimeter", t.meter = "meter", t.kilometer = "kilometer", t.mile = "mile", t.feet = "feet", t))(C || {}), pt = /* @__PURE__ */ ((t) => (t.meters = "meters", t.kilometer = "kilometers", t.mile = "miles", t))(pt || {}), ue = /* @__PURE__ */ ((t) => (t.AddPosition = "addPosition", t.Finish = "finish", t))(ue || {});
-const et = [
-  "anyclick",
-  "pointermove",
-  "panstart",
-  "panmove",
-  "panend",
-  "keyup"
-], br = "mapMeasureLayer", Sr = {
-  id: br,
+const Te = "mapMeasureLayer", ss = {
+  id: Te,
   pickable: !1,
   billboard: !1,
   editHandlePointRadiusUnits: "pixels",
@@ -1034,542 +1616,844 @@ const et = [
       updateTriggers: {}
     },
     guides: {
-      // getLineColor: conditionalRgbColor,
       getLineWidth: 2
     }
   }
-}, Re = {
-  editing: [71, 219, 153, 255],
-  finished: [49, 153, 107, 255]
-}, _r = {
+}, Ue = {
+  editing: [23, 102, 214, 255],
+  finished: [71, 219, 153, 255],
+  point: [255, 255, 255, 255]
+}, st = {
   styles: {
     colors: {
-      editing: Re.editing,
-      finished: Re.finished
+      editing: Ue.editing,
+      finished: Ue.finished,
+      point: Ue.point
     }
   }
-}, tt = {
+}, C = {
+  kilometer: "kilometer",
+  meter: "meter",
+  centimeter: "centimeter",
+  milimeter: "milimeter",
+  mile: "mile",
+  yard: "yard",
+  feet: "feet"
+}, Ve = {
+  "m-km": "m-km",
+  "ft-mi": "ft-mi",
+  ...C
+}, is = {
+  meters: "meters",
+  kilometer: "kilometers",
+  mile: "miles"
+}, it = {
   [C.kilometer]: "km",
+  [C.meter]: "m",
   [C.centimeter]: "cm",
   [C.milimeter]: "mm",
   [C.mile]: "mi",
-  [C.meter]: "m",
+  [C.yard]: "yd",
   [C.feet]: "ft"
-}, Rr = {
+}, ve = {
   [C.kilometer]: "kilometer",
+  [C.meter]: "meter",
   [C.centimeter]: "centimeter",
   [C.milimeter]: "millimeter",
   [C.mile]: "mile",
-  [C.meter]: "meter",
+  [C.yard]: "yard",
   [C.feet]: "foot"
-};
-class Tr extends tr {
-  eventManager;
-  constructor(r) {
-    super(r), this.eventManager = r.eventManager;
-  }
-  _addEventHandlers() {
-    const r = this._getEventManager(), { eventHandler: a } = this.state._editableLayerState;
-    for (const s of et)
-      r.on(s, a, {
-        // give nebula a higher priority so that it can stop propagation to deck.gl's map panning handlers
-        priority: 100
-      });
-  }
-  _removeEventHandlers(r = void 0) {
-    const a = r || this._getEventManager(), { eventHandler: s } = this.state._editableLayerState;
-    for (const o of et)
-      a.off(o, s);
-  }
-  _getEventManager() {
-    return this.eventManager || // @ts-ignore
-    this.context.deck.eventManager;
-  }
-}
-class Pr extends rr {
-  handleClick(r, a) {
-    super.handleClick(r, a), a.onEdit({
-      // data is the same
-      updatedData: a.data,
-      editType: ue.AddPosition,
-      editContext: {
-        distance: this._currentDistance,
-        finished: this._isMeasuringSessionFinished,
-        positions: this._clickSequence
-      }
-    });
-  }
-  handleKeyUp(r, a) {
-    if (this._isMeasuringSessionFinished)
-      return;
-    r.stopPropagation();
-    const { key: s } = r, o = this.getClickSequence().length;
-    switch (s) {
-      case "Enter":
-      case "Escape":
-        this._isMeasuringSessionFinished = !0, o === 1 && (this.resetClickSequence(), this._currentTooltips = []), a.onUpdateCursor("cell"), a.onEdit({
-          updatedData: a.data,
-          editType: ue.Finish,
-          editContext: {
-            finished: this._isMeasuringSessionFinished
-          }
-        });
-        break;
-    }
-  }
-}
-var Or = function(r) {
-  return Mr(r) && !Cr(r);
-};
-function Mr(t) {
-  return !!t && typeof t == "object";
-}
-function Cr(t) {
-  var r = Object.prototype.toString.call(t);
-  return r === "[object RegExp]" || r === "[object Date]" || xr(t);
-}
-var wr = typeof Symbol == "function" && Symbol.for, jr = wr ? Symbol.for("react.element") : 60103;
-function xr(t) {
-  return t.$$typeof === jr;
-}
-function Ar(t) {
-  return Array.isArray(t) ? [] : {};
-}
-function Q(t, r) {
-  return r.clone !== !1 && r.isMergeableObject(t) ? B(Ar(t), t, r) : t;
-}
-function Dr(t, r, a) {
-  return t.concat(r).map(function(s) {
-    return Q(s, a);
-  });
-}
-function kr(t, r) {
-  if (!r.customMerge)
-    return B;
-  var a = r.customMerge(t);
-  return typeof a == "function" ? a : B;
-}
-function Fr(t) {
-  return Object.getOwnPropertySymbols ? Object.getOwnPropertySymbols(t).filter(function(r) {
-    return Object.propertyIsEnumerable.call(t, r);
-  }) : [];
-}
-function rt(t) {
-  return Object.keys(t).concat(Fr(t));
-}
-function mt(t, r) {
-  try {
-    return r in t;
-  } catch {
-    return !1;
-  }
-}
-function Lr(t, r) {
-  return mt(t, r) && !(Object.hasOwnProperty.call(t, r) && Object.propertyIsEnumerable.call(t, r));
-}
-function Ir(t, r, a) {
-  var s = {};
-  return a.isMergeableObject(t) && rt(t).forEach(function(o) {
-    s[o] = Q(t[o], a);
-  }), rt(r).forEach(function(o) {
-    Lr(t, o) || (mt(t, o) && a.isMergeableObject(r[o]) ? s[o] = kr(o, a)(t[o], r[o], a) : s[o] = Q(r[o], a));
-  }), s;
-}
-function B(t, r, a) {
-  a = a || {}, a.arrayMerge = a.arrayMerge || Dr, a.isMergeableObject = a.isMergeableObject || Or, a.cloneUnlessOtherwiseSpecified = Q;
-  var s = Array.isArray(r), o = Array.isArray(t), l = s === o;
-  return l ? s ? a.arrayMerge(t, r, a) : Ir(t, r, a) : Q(r, a);
-}
-B.all = function(r, a) {
-  if (!Array.isArray(r))
-    throw new Error("first argument should be an array");
-  return r.reduce(function(s, o) {
-    return B(s, o, a);
-  }, {});
-};
-var Nr = B, Ur = Nr;
-const se = /* @__PURE__ */ cr(Ur), Y = () => {
-  throw new Error(
-    "You forgot to wrap your component in <MeasurementToolsProvider>."
-  );
-}, Oe = {
-  state: {
-    enable: !1,
-    finished: !0,
-    distance: 0,
-    locale: "en",
-    unit: C.kilometer,
-    positions: []
-  },
-  actions: {
-    setEnable: Y,
-    setFinished: Y,
-    setUnit: Y,
-    setDistance: Y,
-    setLocale: Y,
-    setPositions: Y
-  }
-}, vt = ee(Oe.state), gt = ee(Oe.actions);
-function yt() {
-  return te(
-    vt
-  );
-}
-function ht() {
-  return te(
-    gt
-  );
-}
-const Vr = {
-  nm: {
-    name: {
-      singular: "Nanometer",
-      plural: "Nanometers"
-    },
-    to_anchor: 1e-9
-  },
-  μm: {
-    name: {
-      singular: "Micrometer",
-      plural: "Micrometers"
-    },
-    to_anchor: 1e-6
-  },
-  mm: {
-    name: {
-      singular: "Millimeter",
-      plural: "Millimeters"
-    },
-    to_anchor: 1e-3
+}, $ = {
+  "m-km": {
+    value: "m-km",
+    system: "metric"
   },
-  cm: {
-    name: {
-      singular: "Centimeter",
-      plural: "Centimeters"
-    },
-    to_anchor: 0.01
-  },
-  m: {
-    name: {
-      singular: "Meter",
-      plural: "Meters"
-    },
-    to_anchor: 1
-  },
-  km: {
-    name: {
-      singular: "Kilometer",
-      plural: "Kilometers"
-    },
-    to_anchor: 1e3
-  }
-}, $r = {
-  mil: {
-    name: {
-      singular: "Mil",
-      plural: "Mils"
-    },
-    to_anchor: 1 / 12e3
+  kilometer: {
+    value: "kilometer",
+    system: "metric"
   },
-  in: {
-    name: {
-      singular: "Inch",
-      plural: "Inches"
-    },
-    to_anchor: 1 / 12
+  meter: {
+    value: "meter",
+    system: "metric"
   },
-  yd: {
-    name: {
-      singular: "Yard",
-      plural: "Yards"
-    },
-    to_anchor: 3
+  centimeter: {
+    value: "centimeter",
+    system: "metric"
   },
-  "ft-us": {
-    name: {
-      singular: "US Survey Foot",
-      plural: "US Survey Feet"
-    },
-    to_anchor: 1.000002
+  milimeter: {
+    value: "milimeter",
+    system: "metric"
   },
-  ft: {
-    name: {
-      singular: "Foot",
-      plural: "Feet"
-    },
-    to_anchor: 1
+  "ft-mi": {
+    value: "ft-mi",
+    system: "imperial"
   },
-  fathom: {
-    name: {
-      singular: "Fathom",
-      plural: "Fathoms"
-    },
-    to_anchor: 6
+  mile: {
+    value: "mile",
+    system: "imperial"
   },
-  mi: {
-    name: {
-      singular: "Mile",
-      plural: "Miles"
-    },
-    to_anchor: 5280
+  yard: {
+    value: "yard",
+    system: "imperial"
   },
-  nMi: {
-    name: {
-      singular: "Nautical Mile",
-      plural: "Nautical Miles"
-    },
-    to_anchor: 6076.12
+  feet: {
+    value: "feet",
+    system: "imperial"
   }
-}, Yr = {
-  systems: {
-    metric: Vr,
-    imperial: $r
+}, rt = [$["m-km"], $.kilometer, $.meter, $["ft-mi"], $.mile, $.feet], rs = [$["m-km"], $.kilometer, $.meter, $["ft-mi"], $.mile, $.feet], os = {
+  distance: {
+    value: "distance",
+    mode: Mt
   },
-  anchors: {
-    metric: {
-      imperial: {
-        ratio: 3.28084
-      }
-    },
-    imperial: {
-      metric: {
-        ratio: 1 / 3.28084
-      }
-    }
+  buffer: {
+    value: "buffer",
+    mode: ns
+  },
+  area: {
+    value: "area",
+    mode: ts
   }
-}, Br = nr({
-  length: Yr
-});
-function Et(t, r) {
-  return Br(t).from(tt[C.meter]).to(tt[r]);
-}
-function bt({
-  meters: t,
-  unit: r,
-  locale: a
-}) {
-  return `${dt(Et(t, r), a, {
-    style: "unit",
-    unit: Rr[r],
-    unitDisplay: "short"
-  })}`;
-}
-function tn(t, {
-  hasDoubleClickZoom: r
-}) {
-  return typeof t == "boolean" ? { doubleClickZoom: r } : { ...t, doubleClickZoom: r };
-}
-function rn({
-  mapId: t,
-  defaultProps: { styles: r = _r.styles } = {},
-  layerProps: a = {}
+}, as = {
+  distance: rt,
+  buffer: rt,
+  area: rs
+};
+function ls({
+  mode: n,
+  ...e
 }) {
-  const { enable: s, unit: o, finished: l, locale: f } = yt(), { setDistance: y, setFinished: c, setPositions: m } = ht(), { isLoaded: E } = Te(t), _ = ce(), b = Er({ mapId: t }), v = l ? r.colors?.finished : r.colors?.editing, h = O(
-    ({ editType: le, editContext: W }) => {
-      le === ue.AddPosition && y(W.distance), c(W.finished);
-      const re = W.positions;
-      re?.length && m(re);
-    },
-    [y, c, m]
-  );
-  if (ot(() => {
-    s || (_.current = void 0);
-  }, [s]), !s || !E)
-    return null;
-  const { pickable: A, onHover: U, ...j } = Wr(
-    a,
-    f,
-    o,
-    h,
-    v || Re.guide
-  );
-  return !_.current && !j.mode && (_.current = new Pr()), new Tr({
-    ...j,
-    pickable: A || !l,
-    onHover: l ? U : void 0,
-    mode: j?.mode || _.current,
-    eventManager: b
+  const t = cs({
+    mode: n,
+    ...e
   });
+  return {
+    type: lt,
+    props: {
+      ...t,
+      mode: n,
+      data: []
+    }
+  };
 }
-function Wr(t, r, a, s, o) {
-  const l = se(t, {
+function cs({
+  mode: n,
+  layerProps: e,
+  locale: t,
+  enabled: s,
+  unit: i,
+  onEdit: r,
+  guideColor: o,
+  pointColor: a,
+  textOptions: l
+}) {
+  const u = ye(e, {
+    visible: s,
+    pickable: s,
     modeConfig: {
       // We force distance due to conversion is addressed at feature getText level
-      formatTooltip: (c) => c,
+      formatTooltip: (y) => y,
       turfOptions: {
-        units: pt.meters
+        units: is.meters
       }
     },
-    onEdit: s,
+    ...s && {
+      onEdit: r
+    },
     _subLayerProps: {
       tooltips: {
-        getText: (c) => bt({
-          ...c,
-          meters: c.text,
-          locale: r,
-          unit: a
-        }),
+        getText: (y) => {
+          var c;
+          return (c = n == null ? void 0 : n.getTooltipText) == null ? void 0 : c.call(n, {
+            meters: y.text,
+            locale: t,
+            unit: i,
+            options: l
+          });
+        },
         updateTriggers: {
-          getText: [a, r]
+          getText: [i, t, l]
         }
       }
     }
-  }), f = se(Sr, {
+  }), d = ye(ss, {
     _subLayerProps: {
       guides: {
         getLineColor: o,
-        getFillColor: o
+        getFillColor: o.with(3, 20)
       }
     },
-    getEditHandlePointColor: o,
+    getEditHandlePointColor: a,
     getEditHandlePointOutlineColor: o
   });
-  return se(f, l);
+  return ye(d, u);
+}
+const us = (n) => qe()((e) => ({
+  measurements: n.reduce((s, i) => {
+    const {
+      mapId: r,
+      modeSelected: o,
+      modes: a = os,
+      units: l = as,
+      distance: u = 0,
+      finished: d = !1,
+      locale: p = "en",
+      positions: y = [],
+      clearLayerOnStart: c = !1,
+      unit: m = Ve["m-km"],
+      enabled: h = !1
+    } = i;
+    return s[r] = {
+      modes: a,
+      units: l,
+      modeSelected: o,
+      distance: u,
+      finished: d,
+      locale: p,
+      positions: y,
+      unit: m,
+      clearLayerOnStart: c,
+      enabled: h
+    }, s;
+  }, {}),
+  mode: Mt,
+  setModeInstance: (s, i) => {
+    e((r) => ({
+      measurements: {
+        ...r.measurements,
+        [s]: {
+          ...r.measurements[s],
+          modeInstance: i
+        }
+      }
+    }));
+  },
+  setModeSelected: (s, i) => {
+    e((r) => ({
+      measurements: {
+        ...r.measurements,
+        [s]: {
+          ...r.measurements[s],
+          modeSelected: i
+        }
+      }
+    }));
+  },
+  setFinished: (s, i) => {
+    e((r) => ({
+      measurements: {
+        ...r.measurements,
+        [s]: {
+          ...r.measurements[s],
+          finished: i
+        }
+      }
+    }));
+  },
+  setDistance: (s, i) => {
+    e((r) => ({
+      measurements: {
+        ...r.measurements,
+        [s]: {
+          ...r.measurements[s],
+          distance: i
+        }
+      }
+    }));
+  },
+  setUnit: (s, i) => {
+    e((r) => ({
+      measurements: {
+        ...r.measurements,
+        [s]: {
+          ...r.measurements[s],
+          unit: i
+        }
+      }
+    }));
+  },
+  setLocale: (s, i) => {
+    e((r) => ({
+      measurements: {
+        ...r.measurements,
+        [s]: {
+          ...r.measurements[s],
+          locale: i
+        }
+      }
+    }));
+  },
+  setPositions: (s, i) => {
+    e((r) => ({
+      measurements: {
+        ...r.measurements,
+        [s]: {
+          ...r.measurements[s],
+          positions: [...i]
+        }
+      }
+    }));
+  },
+  setEnable: (s, i) => {
+    e((r) => ({
+      measurements: {
+        ...r.measurements,
+        [s]: {
+          ...r.measurements[s],
+          enabled: i
+        }
+      }
+    }));
+  }
+})), Et = Ne({});
+function Js(n) {
+  const e = ee(5), {
+    children: t,
+    values: s
+  } = n;
+  let i;
+  e[0] !== s ? (i = us(s), e[0] = s, e[1] = i) : i = e[1];
+  const [r] = pe(i);
+  let o;
+  return e[2] !== t || e[3] !== r ? (o = /* @__PURE__ */ Z(Et.Provider, { value: r, children: t }), e[2] = t, e[3] = r, e[4] = o) : o = e[4], o;
+}
+function T(n) {
+  const e = $e(Et);
+  if (!e)
+    throw new Error("Missing Map.Provider in the tree");
+  return Ge(e, n);
 }
-function nn({ children: t }) {
+function Lt(n) {
+  const e = ee(73), {
+    mapId: t
+  } = n;
+  let s;
+  e[0] !== t ? (s = (M) => M.measurements[t].modes, e[0] = t, e[1] = s) : s = e[1];
+  const i = T(s);
+  let r;
+  e[2] !== t ? (r = (M) => M.measurements[t].units, e[2] = t, e[3] = r) : r = e[3];
+  const o = T(r);
+  let a;
+  e[4] !== t ? (a = (M) => M.measurements[t].distance, e[4] = t, e[5] = a) : a = e[5];
+  const l = T(a), u = T(Ss);
+  let d;
+  e[6] !== u || e[7] !== t ? (d = (M) => u(t, M), e[6] = u, e[7] = t, e[8] = d) : d = e[8];
+  const p = d;
+  let y;
+  e[9] !== t ? (y = (M) => M.measurements[t].clearLayerOnStart, e[9] = t, e[10] = y) : y = e[10];
+  const c = T(y);
+  let m;
+  e[11] !== t ? (m = (M) => M.measurements[t].modeSelected, e[11] = t, e[12] = m) : m = e[12];
+  const h = T(m), f = T(gs);
+  let S;
+  e[13] !== f || e[14] !== t ? (S = (M) => f(t, M), e[13] = f, e[14] = t, e[15] = S) : S = e[15];
+  const v = S;
+  let E;
+  e[16] !== t ? (E = (M) => M.measurements[t].enabled, e[16] = t, e[17] = E) : E = e[17];
+  const b = T(E), _ = T(ys);
+  let P;
+  e[18] !== _ || e[19] !== t ? (P = (M) => _(t, M), e[18] = _, e[19] = t, e[20] = P) : P = e[20];
+  const g = P;
+  let L;
+  e[21] !== t ? (L = (M) => M.measurements[t].finished, e[21] = t, e[22] = L) : L = e[22];
+  const w = T(L), F = T(hs);
+  let A;
+  e[23] !== F || e[24] !== t ? (A = (M) => F(t, M), e[23] = F, e[24] = t, e[25] = A) : A = e[25];
+  const D = A;
+  let U;
+  e[26] !== t ? (U = (M) => M.measurements[t].locale, e[26] = t, e[27] = U) : U = e[27];
+  const Y = T(U), V = T(ps);
+  let R;
+  e[28] !== V || e[29] !== t ? (R = (M) => V(t, M), e[28] = V, e[29] = t, e[30] = R) : R = e[30];
+  const x = R;
+  let te;
+  e[31] !== t ? (te = (M) => M.measurements[t].modeInstance, e[31] = t, e[32] = te) : te = e[32];
+  const N = T(te), Se = T(ms);
+  let B;
+  e[33] !== Se || e[34] !== t ? (B = (M) => Se(t, M), e[33] = Se, e[34] = t, e[35] = B) : B = e[35];
+  const he = B;
+  let X;
+  e[36] !== t ? (X = (M) => M.measurements[t].positions, e[36] = t, e[37] = X) : X = e[37];
+  const ue = T(X), ne = T(fs);
+  let se;
+  e[38] !== ne || e[39] !== t ? (se = (M) => ne(t, M), e[38] = ne, e[39] = t, e[40] = se) : se = e[40];
+  const H = se;
+  let ie;
+  e[41] !== t ? (ie = (M) => M.measurements[t].unit, e[41] = t, e[42] = ie) : ie = e[42];
+  const re = T(ie), oe = T(ds);
+  let J;
+  e[43] !== oe || e[44] !== t ? (J = (M) => oe(t, M), e[43] = oe, e[44] = t, e[45] = J) : J = e[45];
+  const I = J;
+  let j;
+  e[46] !== N || e[47] !== H ? (j = () => {
+    N == null || N.resetClickSequence(), H([]);
+  }, e[46] = N, e[47] = H, e[48] = j) : j = e[48];
+  const W = j;
+  let z;
+  e[49] !== g ? (z = (M) => {
+    g(M);
+  }, e[49] = g, e[50] = z) : z = e[50];
+  const ae = z;
+  let de;
+  return e[51] !== W || e[52] !== c || e[53] !== l || e[54] !== b || e[55] !== w || e[56] !== Y || e[57] !== N || e[58] !== h || e[59] !== i || e[60] !== ue || e[61] !== p || e[62] !== g || e[63] !== D || e[64] !== x || e[65] !== he || e[66] !== v || e[67] !== H || e[68] !== I || e[69] !== ae || e[70] !== re || e[71] !== o ? (de = {
+    modes: i,
+    units: o,
+    distance: l,
+    clearLayerOnStart: c,
+    modeSelected: h,
+    enabled: b,
+    finished: w,
+    locale: Y,
+    modeInstance: N,
+    positions: ue,
+    unit: re,
+    setDistance: p,
+    setModeSelected: v,
+    setFinished: D,
+    setLocale: x,
+    setPositions: H,
+    setUnit: I,
+    setEnable: g,
+    toggleLayer: ae,
+    clearLayer: W,
+    setModeInstance: he
+  }, e[51] = W, e[52] = c, e[53] = l, e[54] = b, e[55] = w, e[56] = Y, e[57] = N, e[58] = h, e[59] = i, e[60] = ue, e[61] = p, e[62] = g, e[63] = D, e[64] = x, e[65] = he, e[66] = v, e[67] = H, e[68] = I, e[69] = ae, e[70] = re, e[71] = o, e[72] = de) : de = e[72], de;
+}
+function ds(n) {
+  return n.setUnit;
+}
+function fs(n) {
+  return n.setPositions;
+}
+function ms(n) {
+  return n.setModeInstance;
+}
+function ps(n) {
+  return n.setLocale;
+}
+function hs(n) {
+  return n.setFinished;
+}
+function ys(n) {
+  return n.setEnable;
+}
+function gs(n) {
+  return n.setModeSelected;
+}
+function Ss(n) {
+  return n.setDistance;
+}
+function vs(n) {
+  const e = ee(38), {
+    mapId: t,
+    textOptions: s,
+    children: i
+  } = n;
+  let r;
+  e[0] !== t ? (r = {
+    mapId: t
+  }, e[0] = t, e[1] = r) : r = e[1];
   const {
-    distance: r,
-    enable: a,
-    unit: s,
-    locale: o,
-    positions: l
-  } = yt(), { setDistance: f, setEnable: y } = ht(), c = Et(r, s), m = () => {
-    f(0), y(!a);
-  };
-  return t({
-    enable: a,
-    meters: r,
-    text: bt({ meters: r, unit: s, locale: o }),
-    distance: c,
-    unit: s,
-    onToggleButton: m,
-    positions: l
-  });
+    modes: o,
+    units: a,
+    distance: l,
+    setDistance: u,
+    clearLayerOnStart: d,
+    modeSelected: p,
+    setModeSelected: y,
+    enabled: c,
+    setEnable: m,
+    finished: h,
+    setFinished: f,
+    locale: S,
+    setLocale: v,
+    modeInstance: E,
+    setModeInstance: b,
+    positions: _,
+    setPositions: P,
+    unit: g,
+    setUnit: L,
+    clearLayer: w,
+    toggleLayer: F
+  } = Lt(r);
+  let A, D;
+  e[2] !== p || e[3] !== o || e[4] !== m || e[5] !== b || e[6] !== P ? (A = () => {
+    if (p && o[p]) {
+      const x = o[p].mode;
+      b(new x()), m(!0);
+    }
+    return () => {
+      P([]);
+    };
+  }, D = [o, p, P, b, m], e[2] = p, e[3] = o, e[4] = m, e[5] = b, e[6] = P, e[7] = A, e[8] = D) : (A = e[7], D = e[8]), ce(A, D);
+  let U;
+  e[9] !== F || e[10] !== w || e[11] !== d || e[12] !== h ? (U = (x) => {
+    x && (d || !h) && w(), F(x);
+  }, e[9] = F, e[10] = w, e[11] = d, e[12] = h, e[13] = U) : U = e[13];
+  const Y = U, V = !!d;
+  let R;
+  return e[14] !== i || e[15] !== w || e[16] !== l || e[17] !== c || e[18] !== h || e[19] !== S || e[20] !== t || e[21] !== E || e[22] !== p || e[23] !== o || e[24] !== _ || e[25] !== u || e[26] !== m || e[27] !== f || e[28] !== v || e[29] !== y || e[30] !== P || e[31] !== L || e[32] !== V || e[33] !== s || e[34] !== Y || e[35] !== g || e[36] !== a ? (R = i({
+    mapId: t,
+    distance: l,
+    enabled: c,
+    finished: h,
+    locale: S,
+    positions: _,
+    unit: g,
+    clearLayerOnStart: V,
+    modeSelected: p,
+    modes: o,
+    units: a,
+    value: ke({
+      meters: l,
+      unit: g,
+      locale: S,
+      options: s
+    }),
+    modeInstance: E,
+    setModeSelected: y,
+    setDistance: u,
+    setFinished: f,
+    setLocale: v,
+    setPositions: P,
+    setUnit: L,
+    setEnable: m,
+    toggleLayer: Y,
+    clearLayer: w
+  }), e[14] = i, e[15] = w, e[16] = l, e[17] = c, e[18] = h, e[19] = S, e[20] = t, e[21] = E, e[22] = p, e[23] = o, e[24] = _, e[25] = u, e[26] = m, e[27] = f, e[28] = v, e[29] = y, e[30] = P, e[31] = L, e[32] = V, e[33] = s, e[34] = Y, e[35] = g, e[36] = a, e[37] = R) : R = e[37], R;
 }
-var N = /* @__PURE__ */ ((t) => (t.SetEnable = "SET_ENABLE", t.SetFinished = "SET_FINISHED", t.SetDistance = "SET_DISTANCE", t.SetUnit = "SET_UNIT", t.SetLocale = "SET_LOCALE", t.SetPositions = "SET_POSITIONS", t))(N || {});
-function Hr(t, { type: r, payload: a }) {
+function Ms({
+  children: n,
+  mapId: e,
+  defaultProps: {
+    styles: t = st.styles
+  } = {
+    styles: st.styles
+  },
+  layerProps: s = {},
+  textOptions: i
+}) {
+  const {
+    setDistance: r,
+    clearLayerOnStart: o,
+    enabled: a,
+    finished: l,
+    setFinished: u,
+    locale: d,
+    setPositions: p,
+    unit: y,
+    modeInstance: c
+  } = Lt({
+    mapId: e
+  }), m = Be((v) => v.setLayer), h = k((v) => v.addLayers), f = k((v) => v.removeLayers);
+  ce(() => (a && h(e, [Te]), () => {
+    f(e, [Te]);
+  }), [h, o, e, f, a]);
+  const S = q(({
+    editType: v,
+    editContext: E
+  }) => {
+    if (v === G.cancel) {
+      c.resetClickSequence();
+      return;
+    }
+    v === G.addPosition && r(E.distance), u(!!E.finished);
+    const b = E.positions;
+    b != null && b.length && p(b);
+  }, [c, r, u, p]);
+  return ce(() => {
+    const v = l ? t.colors.finished : t.colors.editing, E = l ? t.colors.finished : t.colors.point, b = ls({
+      layerProps: {
+        ...s,
+        pickable: s.pickable ?? !l
+      },
+      enabled: a,
+      guideColor: v,
+      pointColor: E,
+      locale: d,
+      onEdit: S,
+      unit: y,
+      mode: c,
+      textOptions: i
+    });
+    m(Te, b);
+  }, [l, c, s, d, S, m, t.colors.editing, t.colors.finished, t.colors.point, i, y, a]), n;
+}
+Ms.Controls = vs;
+function Es(n) {
+  const e = ee(7), {
+    id: t
+  } = n;
+  let s;
+  e[0] !== t ? (s = (u) => u.maps[t], e[0] = t, e[1] = s) : s = e[1];
+  const {
+    layers: i
+  } = k(s), r = Be(bs);
+  let o, a;
+  if (e[2] !== r || e[3] !== i) {
+    let u;
+    e[5] !== r ? (u = (d) => r[d], e[5] = r, e[6] = u) : u = e[6], a = i.map(u).filter(Ls), e[2] = r, e[3] = i, e[4] = a;
+  } else
+    a = e[4];
+  return o = a, o;
+}
+function Ls(n) {
+  return !!n;
+}
+function bs(n) {
+  return n.layers;
+}
+function Qs({
+  id: n,
+  onLoad: e,
+  onViewStateChange: t,
+  ...s
+}) {
+  const {
+    basemap: i,
+    instanceRef: r,
+    overlayRef: o
+  } = k((f) => f.maps[n]), a = k((f) => f.viewStates[n]), l = k((f) => f.setViewState), u = k((f) => f.setLoad), d = k((f) => f.setLayersLoad), p = Es({
+    id: n
+  }), y = Me(() => p.sort((f, S) => (f.order ?? 1 / 0) - (S.order ?? 1 / 0)), [p]), c = q((f) => {
+    const S = l;
+    if (t) {
+      t(f, S);
+      return;
+    }
+    S(n, f.viewState);
+  }, [n, t, l]), m = q((f) => {
+    u(n, f), e == null || e(f);
+  }, [n, e, u]), h = q((f) => {
+    var E, b, _;
+    const S = (b = (E = r == null ? void 0 : r.current) == null ? void 0 : E.deck) == null ? void 0 : b.props.layers, v = !!(S != null && S.every((P) => P == null ? void 0 : P.isLoaded));
+    d(n, v), (_ = s.onAfterRender) == null || _.call(s, f);
+  }, [n, r, s, d]);
+  return /* @__PURE__ */ Z(sn, { ...s, layers: y, instanceRef: r, overlayRef: o, basemap: i, initialViewState: a, onLoad: m, onViewStateChange: c, onAfterRender: h });
+}
+const ws = "https://gcp-us-east1.api.carto.com", _s = "ps", ei = ct((n) => ({
+  sources: {},
+  setSource: (e, t) => n((s) => {
+    const i = {
+      ...s.sources
+    };
+    if (!t)
+      return delete i[e], {
+        sources: i
+      };
+    const {
+      apiBaseUrl: r = ws,
+      clientId: o = _s,
+      ...a
+    } = t, l = i[e] ?? {
+      apiBaseUrl: r,
+      clientId: o
+    };
+    return i[e] = {
+      ...l,
+      ...a
+    }, {
+      sources: i
+    };
+  })
+}));
+function ti({
+  mapId: n
+}) {
+  const [e, t] = pe(void 0), [s, i] = pe(!1), r = k((h) => {
+    var f;
+    return (f = h.maps[n]) == null ? void 0 : f.basemap;
+  }), o = k((h) => h.getDeckInstance(n)), a = k((h) => h.getOverlayInstance(n)), l = k((h) => {
+    var f;
+    return (f = h.maps[n]) == null ? void 0 : f.areLayersLoaded;
+  }), d = k((h) => {
+    var f;
+    return (f = h.maps[n]) == null ? void 0 : f.isLoaded;
+  }) && l, {
+    type: p
+  } = dt[r], y = p === le.googleMaps, c = q(async () => {
+    try {
+      const h = document.createElement("canvas");
+      h.width = o.width ?? 0, h.height = o.height ?? 0;
+      const f = h.getContext("2d");
+      if (y) {
+        const v = a;
+        if (v.getRenderingType() !== "RASTER")
+          throw new Error("Only raster type is supported for Google Maps");
+        const E = await en(v.getDiv(), {
+          useCORS: !0
+        });
+        f == null || f.drawImage(E, 0, 0, o.width, o.height);
+      } else {
+        const v = a;
+        v.redraw(), f == null || f.drawImage(v.getMap().getCanvas(), 0, 0, o.width, o.height);
+      }
+      o == null || o.redraw("screenshot"), f == null || f.drawImage(o.getCanvas(), 0, 0, o.width, o.height);
+      const S = h.toDataURL();
+      t(S);
+    } catch (h) {
+      console.error(h);
+    } finally {
+      i(!1);
+    }
+  }, [o, y, a]);
   return {
-    SET_ENABLE: () => ({
-      ...t,
-      enable: a,
-      finished: !1
-    }),
-    SET_FINISHED: () => ({
-      ...t,
-      finished: a
-    }),
-    SET_DISTANCE: () => ({
-      ...t,
-      distance: a
-    }),
-    SET_UNIT: () => ({
-      ...t,
-      unit: a
-    }),
-    SET_LOCALE: () => ({
-      ...t,
-      locale: a
-    }),
-    SET_POSITIONS: () => ({
-      ...t,
-      positions: a
-    })
-  }[r]?.() ?? t;
+    takeScreenshot: q(() => {
+      i(!0), d && c();
+    }, [c, d]),
+    isLoading: s,
+    screenshot: e
+  };
 }
-function an({
-  children: t,
-  defaultProps: r = {},
-  locale: a
+const me = {
+  currency: "CURRENCY",
+  default: "DEFAULT",
+  number: "NUMBER"
+}, ot = {
+  [me.currency]: {
+    type: me.currency,
+    format: (n, e) => Xt(n, e)
+  },
+  [me.number]: {
+    type: me.number,
+    format: (n, e) => ut(n, e)
+  },
+  [me.default]: {
+    type: me.default,
+    format: (n) => n.toLocaleString()
+  }
+};
+function ni({
+  properties: n,
+  formatters: e = {},
+  includeColumns: t = Object.keys(n),
+  locale: s = "en-US",
+  showColumnName: i = !0,
+  title: r,
+  getColumnName: o = Fs,
+  getFieldHtml: a = Cs,
+  getTitle: l = Ps,
+  getValue: u = Ts
 }) {
-  const [s, o] = at(
-    Hr,
-    se(Oe.state, r)
-  ), l = O(
-    (b) => {
-      o({ type: N.SetLocale, payload: b });
-    },
-    [o]
-  );
-  ot(() => {
-    a && l(a);
-  }, [a, l]);
-  const f = O(
-    (b) => {
-      o({ type: N.SetEnable, payload: b });
-    },
-    [o]
-  ), y = O(
-    (b) => {
-      o({ type: N.SetFinished, payload: b });
-    },
-    [o]
-  ), c = O(
-    (b) => {
-      o({ type: N.SetDistance, payload: b });
-    },
-    [o]
-  ), m = O(
-    (b) => {
-      o({ type: N.SetUnit, payload: b });
-    },
-    [o]
-  ), E = O(
-    (b) => {
-      o({ type: N.SetPositions, payload: b });
-    },
-    [o]
-  ), _ = ce({
-    setEnable: f,
-    setFinished: y,
-    setDistance: c,
-    setUnit: m,
-    setLocale: l,
-    setPositions: E
-  });
-  return /* @__PURE__ */ Z.jsx(gt.Provider, { value: _.current, children: /* @__PURE__ */ Z.jsx(vt.Provider, { value: s, children: t }) });
+  const d = r ? l(r) : "", y = t.reduce((c, m) => {
+    const h = e[m], f = n[m], S = u(f, s, h), v = i ? o(m) : "";
+    return c + a(v, S);
+  }, "");
+  return d + y;
+}
+function Ps(n) {
+  return `<h3 style="margin: 0"><strong>${n}</strong></h3></br>`;
+}
+function Cs(n, e) {
+  return `${n}${e}</br>`;
+}
+function Ts(n, e, t) {
+  try {
+    return ks(t)(n, e);
+  } catch {
+    return n;
+  }
+}
+function ks(n) {
+  return typeof n == "function" ? n : ((n && ot[n]) ?? ot[me.default]).format;
+}
+function Fs(n) {
+  return `<strong>${n}</strong>: `;
+}
+function si(n) {
+  const e = ee(18), {
+    children: t,
+    id: s
+  } = n;
+  let i;
+  e[0] !== s ? (i = (v) => v.viewStates[s], e[0] = s, e[1] = i) : i = e[1];
+  const {
+    zoom: r,
+    maxZoom: o,
+    minZoom: a
+  } = k(i);
+  let l;
+  e[2] !== s ? (l = (v) => v.maps[s].areLayersLoaded, e[2] = s, e[3] = l) : l = e[3];
+  const u = k(l), d = k(Os), p = k(As), y = !u;
+  let c;
+  e[4] !== s || e[5] !== d ? (c = (v) => d(s, v), e[4] = s, e[5] = d, e[6] = c) : c = e[6];
+  const m = c;
+  let h;
+  e[7] !== p || e[8] !== s ? (h = (v) => p(s, v), e[7] = p, e[8] = s, e[9] = h) : h = e[9];
+  const f = h;
+  let S;
+  return e[10] !== t || e[11] !== o || e[12] !== a || e[13] !== y || e[14] !== m || e[15] !== f || e[16] !== r ? (S = t({
+    zoom: r,
+    maxZoom: o,
+    minZoom: a,
+    isLoading: y,
+    setZoom: m,
+    flyTo: f
+  }), e[10] = t, e[11] = o, e[12] = a, e[13] = y, e[14] = m, e[15] = f, e[16] = r, e[17] = S) : S = e[17], S;
+}
+function As(n) {
+  return n.flyTo;
+}
+function Os(n) {
+  return n.setZoom;
 }
 export {
-  tt as CONVERSIONS_UNITS,
-  be as CartoBasemapURL,
-  or as CartoBasemapsNames,
-  Tr as CustomEditableGeojsonLayer,
-  Pr as CustomMeasureDistanceMode,
-  Re as DEFAULT_COLORS,
-  Sr as DEFAULT_LAYER_PROPS,
-  _r as DEFAULT_PROPS,
-  et as EVENT_MANAGER_EVENT_TYPES,
-  ue as EditType,
-  F as FormatterTypes,
-  ar as GMapsBasemap,
-  Rr as INTL_UNITS,
-  Se as MAPS_BASEMAP,
-  br as MAP_MEASURE_LAYER_ID,
-  k as MapActions,
-  ut as MapActionsContext,
-  st as MapContext,
-  nn as MapMeasurementTools,
-  rn as MapMeasurementToolsLayer,
-  an as MapMeasurementToolsProvider,
-  C as MapMeasurementUnit,
-  pt as MapMeasurementUnitTurf,
-  Qr as MapProvider,
-  ct as MapReferencesContext,
-  it as MapsTypes,
-  Et as convertMetersTo,
-  tn as getDeckController,
-  yr as getMapType,
-  bt as getTextLayerFormattedDistance,
-  hr as isGmaps,
-  en as objectToHtml,
-  ir as reducer,
-  Er as useEventManager,
-  Te as useMap,
-  sr as useMapActions,
-  Xr as useMapActionsByID,
-  Jr as useMapByID,
-  yt as useMapMeasurementTools,
-  ht as useMapMeasurementToolsActions,
-  Pe as useMapRefences,
-  Pe as useMapReferences,
-  Zr as useMapReferencesByID
+  ws as ApiBaseUrl,
+  it as CONVERSIONS_UNITS,
+  Oe as CartoBasemapURL,
+  K as CartoBasemaps,
+  dn as CustomCompositeEditMode,
+  ts as CustomMeasureAreaMode,
+  ns as CustomMeasureBufferMode,
+  Mt as CustomMeasureDistanceMode,
+  je as DEFAULT_LASSO_TOOLS_COLORS,
+  mn as DEFAULT_LASSO_TOOLS_LAYER_PROPS,
+  ze as DEFAULT_LASSO_TOOLS_MODES,
+  Re as DEFAULT_LASSO_TOOLS_PROPS,
+  Le as DEFAULT_MASK_LAYER_PROPS,
+  os as DEFAULT_MEASUREMENT_TOOLS_MODES,
+  as as DEFAULT_MEASUREMENT_TOOLS_UNITS,
+  Ue as DEFAULT_MEASURE_COLORS,
+  sn as DeckGLComponent,
+  G as EditableEditType,
+  Ae as GmapsBasemap,
+  ve as INTL_UNITS,
+  $n as LassoTools,
+  Ys as LassoToolsProvider,
+  dt as MAPS_BASEMAP,
+  Ce as MAP_LASSO_TOOLS_LAYER_ID,
+  fn as MAP_MASK_LAYER_ID,
+  Te as MAP_MEASURE_LAYER_ID,
+  rs as MEASUREMENT_TOOLS_UNITS_AREA,
+  rt as MEASUREMENT_TOOLS_UNITS_DISTANCE,
+  $ as MEASUREMENT_TOOLS_UNITS_DISTANCE_VALUES,
+  Qs as MapComponent,
+  Ve as MapMeasurementUnitAuto,
+  is as MapMeasurementUnitTurf,
+  Ks as MapProvider,
+  le as MapsTypes,
+  Ms as MeasurementTools,
+  Js as MeasurementToolsProvider,
+  si as ZoomControls,
+  _s as clientID,
+  tt as convertMetersTo,
+  xn as createLassoToolsStore,
+  Sn as createMapStateStore,
+  us as createMeasurementToolsStore,
+  me as formatterTypes,
+  tn as getCursorDefault,
+  Xs as getDeckController,
+  Dn as getLassoToolsLayer,
+  ls as getMeasurementToolsLayer,
+  ke as getTextLayerFormattedDistance,
+  nn as getTooltipDefault,
+  ni as objectToHtml,
+  pn as transitionFlyConfig,
+  Es as useGetLayers,
+  O as useLassoToolsState,
+  Be as useLayers,
+  ti as useMapScreenshot,
+  k as useMapState,
+  T as useMeasurementToolsState,
+  ei as useSource
 };
+//# sourceMappingURL=index.js.map