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

package/dist/index.js

@@ -1,202 +1,206 @@
-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 = {
+var Rt = Object.defineProperty;
+var Dt = (s, e, t) => e in s ? Rt(s, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : s[e] = t;
+var te = (s, e, t) => Dt(s, typeof e != "symbol" ? e + "" : e, t);
+import { jsx as V, jsxs as xt } from "react/jsx-runtime";
+import { c as _ } from "react/compiler-runtime";
+import { useState as Se, useEffect as Y, useImperativeHandle as Ut, createContext as Ie, useContext as Be, useMemo as ue, useCallback as x, useRef as ut } from "react";
+import { DeckGL as qt } from "@deck.gl/react";
+import { Map as $t, MapProvider as Vt, useMap as Nt } from "react-map-gl/maplibre";
+import { Map as It, APIProvider as Bt, limitTiltRange as Gt, useMap as Ht } from "@vis.gl/react-google-maps";
+import { CompositeMode as Wt, TranslateMode as jt, ModifyMode as Qt, DrawPolygonMode as Kt, DrawRectangleMode as Zt, DrawCircleFromCenterMode as dt, DrawPolygonByDraggingMode as zt, EditableGeoJsonLayer as ft, MeasureAreaMode as Yt, getPickedEditHandle as Xt, MeasureDistanceMode as Jt } from "@deck.gl-community/editable-layers";
+import { create as pt, createStore as Ge, useStore as He } from "zustand";
+import { FlyToInterpolator as en, WebMercatorViewport as tn } from "@deck.gl/core";
+import { GeoJsonLayer as nn } from "@deck.gl/layers";
+import { DataFilterExtension as sn, MaskExtension as rn } from "@deck.gl/extensions";
+import { useShallow as mt } from "zustand/shallow";
+import { earthRadius as je, feature as Qe, featureCollection as Ke, point as yt, multiPolygon as on } from "@turf/helpers";
+import { formatNumber as ht, formatCurrency as an } from "@carto/ps-utils";
+import ln from "convert-units";
+import cn from "convert-units/definitions/length";
+import { WidgetQuerySource as un, WidgetTableSource as dn, WidgetTilesetSource as fn, TileFormat as pn, WidgetRasterSource as mn, createViewportSpatialFilter as yn } from "@carto/api-client";
+import { useQuery as de } from "@tanstack/react-query";
+import hn from "html2canvas";
+const xe = {
   roadmap: "roadmap",
   satellite: "satellite",
   hybrid: "hybrid"
-}, K = {
+}, z = {
   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 = {
+}, Ue = {
+  [z.positron]: "https://basemaps.cartocdn.com/gl/positron-gl-style/style.json",
+  [z.voyager]: "https://basemaps.cartocdn.com/gl/voyager-gl-style/style.json",
+  [z.darkMatter]: "https://basemaps.cartocdn.com/gl/dark-matter-gl-style/style.json"
+}, ce = {
   maplibre: "maplibre",
   googleMaps: "google-maps"
-}, dt = {
-  [K.positron]: {
-    url: Oe[K.positron],
-    type: le.maplibre
+}, gt = {
+  [z.positron]: {
+    url: Ue[z.positron],
+    type: ce.maplibre
   },
-  [K.voyager]: {
-    url: Oe[K.voyager],
-    type: le.maplibre
+  [z.voyager]: {
+    url: Ue[z.voyager],
+    type: ce.maplibre
   },
-  [K.darkMatter]: {
-    url: Oe[K.darkMatter],
-    type: le.maplibre,
+  [z.darkMatter]: {
+    url: Ue[z.darkMatter],
+    type: ce.maplibre,
     dark: !0
   },
-  [Ae.roadmap]: {
-    type: le.googleMaps
+  [xe.roadmap]: {
+    type: ce.googleMaps
   },
-  [Ae.satellite]: {
-    type: le.googleMaps
+  [xe.satellite]: {
+    type: ce.googleMaps
   },
-  [Ae.hybrid]: {
-    type: le.googleMaps
+  [xe.hybrid]: {
+    type: ce.googleMaps
   }
 };
-function tn({
-  isDragging: n,
+function gn({
+  isDragging: s,
   isHovering: e
 }) {
-  return n ? "grabbing" : e ? "pointer" : "grab";
+  return s ? "grabbing" : e ? "pointer" : "grab";
 }
-function nn(n) {
-  return n.html ? {
-    html: `<div class='map-tooltip__content'>${n.html}</div>`,
+function Sn(s) {
+  return s.html ? {
+    html: `<div class='map-tooltip__content'>${s.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 ? ({
+function vn(s) {
+  var me, P, We;
+  const e = _(66);
+  let t, n, r, i, o, a, l, f, c, m, d, u, y, p;
+  e[0] !== s ? ({
     instanceRef: t,
-    overlayRef: r,
+    overlayRef: i,
     basemap: l,
-    controller: u,
-    id: d,
-    layers: p,
+    controller: f,
+    id: c,
+    layers: m,
     parameters: o,
-    gmapsProps: y,
-    getCursor: c,
-    getTooltip: m,
-    onLoad: s,
-    onResize: i,
-    onViewStateChange: h,
+    gmapsProps: d,
+    getCursor: u,
+    getTooltip: y,
+    onLoad: n,
+    onResize: r,
+    onViewStateChange: p,
     ...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;
+  } = s, e[0] = s, e[1] = t, e[2] = n, e[3] = r, e[4] = i, e[5] = o, e[6] = a, e[7] = l, e[8] = f, e[9] = c, e[10] = m, e[11] = d, e[12] = u, e[13] = y, e[14] = p) : (t = e[1], n = e[2], r = e[3], i = e[4], o = e[5], a = e[6], l = e[7], f = e[8], c = e[9], m = e[10], d = e[11], u = e[12], y = e[13], p = e[14]);
+  const v = l === void 0 ? z.positron : l, b = f === void 0 ? !0 : f, S = c === void 0 ? "deck-gl-map" : c;
   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 ? {
+  e[15] !== m ? (E = m === void 0 ? [] : m, e[15] = m, e[16] = E) : E = e[16];
+  const h = E;
+  let L;
+  e[17] !== d ? (L = d === 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({
+  } : d, e[17] = d, e[18] = L) : L = e[18];
+  let T, C, g;
+  e[19] !== L ? ({
+    apiKey: g,
+    APIProviderProps: T,
+    ...C
+  } = L, e[19] = L, e[20] = T, e[21] = C, e[22] = g) : (T = e[20], C = e[21], g = e[22]);
+  const M = u === void 0 ? gn : u, w = y === void 0 ? Sn : y, F = p === void 0 ? Pn : p;
+  let R;
+  e[23] === Symbol.for("react.memo_cache_sentinel") ? (R = [!1, !1], e[23] = R) : R = e[23];
+  const [q, X] = Se(R);
+  let N;
+  e[24] !== q ? (N = q.every(Mn), e[24] = q, e[25] = N) : N = e[25];
+  const U = N;
+  let $;
+  e[26] !== r ? ($ = (ye) => {
+    r == null || r(ye);
+  }, e[26] = r, e[27] = $) : $ = e[27];
+  const ne = $, {
+    url: I,
+    type: Me
+  } = gt[v], H = Me === ce.googleMaps;
+  let ve, J;
+  e[28] !== h ? (J = h.filter(Ln).map(En), e[28] = h, e[29] = J) : J = e[29], ve = J;
+  const pe = ve;
+  let se;
+  e[30] !== H || e[31] !== F ? (se = (ye) => {
+    const De = H ? {
+      ...ye,
+      viewState: Gt(ye)
+    } : ye;
+    F(De);
+  }, e[30] = H, e[31] = F, e[32] = se) : se = e[32];
+  const re = se;
+  let W;
+  e[33] === Symbol.for("react.memo_cache_sentinel") ? (W = (ye) => {
+    const De = ye.type === "deckgl" ? 0 : 1;
+    X((Ft) => Ft.map((Ot, At) => At === De ? !0 : Ot));
+  }, e[33] = W) : W = e[33];
+  const ie = W;
+  let oe, ae;
+  e[34] !== U || e[35] !== n ? (oe = () => {
+    n == null || n(U);
+  }, ae = [U, n], e[34] = U, e[35] = n, e[36] = oe, e[37] = ae) : (oe = e[36], ae = e[37]), Y(oe, ae);
+  let ee;
+  e[38] === Symbol.for("react.memo_cache_sentinel") ? (ee = () => ie({
     type: "deckgl"
-  }), e[38] = J) : J = e[38];
-  let I;
-  e[39] !== o ? (I = {
+  }), e[38] = ee) : ee = e[38];
+  let K;
+  e[39] !== o ? (K = {
     depthTest: !1,
     ...o
-  }, e[39] = o, e[40] = I) : I = e[40];
+  }, e[39] = o, e[40] = K) : K = 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({
+  e[41] !== i ? (j = /* @__PURE__ */ V(wn, { overlayRef: i }), e[41] = i, e[42] = j) : j = e[42];
+  let Z;
+  e[43] !== C || e[44] !== v || e[45] !== H || e[46] !== I || e[47] !== a ? (Z = H ? /* @__PURE__ */ V(It, { mapTypeId: v, reuseMaps: !0, renderingType: "RASTER", ...C, defaultCenter: {
+    lat: ((me = a.initialViewState) == null ? void 0 : me.latitude) ?? 0,
+    lng: ((P = a.initialViewState) == null ? void 0 : P.longitude) ?? 0
+  }, defaultZoom: ((We = a.initialViewState) == null ? void 0 : We.zoom) ?? 0, onTilesLoaded: () => ie({
     type: "load"
-  }) }) : /* @__PURE__ */ Z(Ot, { reuseMaps: !0, mapStyle: N, onLoad: () => ie({
+  }) }) : /* @__PURE__ */ V($t, { reuseMaps: !0, mapStyle: I, 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: [
+  }), onRender: bn }), e[43] = C, e[44] = v, e[45] = H, e[46] = I, e[47] = a, e[48] = Z) : Z = e[48];
+  let Q;
+  e[49] !== pe || e[50] !== b || e[51] !== M || e[52] !== w || e[53] !== ne || e[54] !== re || e[55] !== S || e[56] !== t || e[57] !== a || e[58] !== K || e[59] !== j || e[60] !== Z ? (Q = /* @__PURE__ */ V(Vt, { children: /* @__PURE__ */ V("div", { className: "deckgl-map", children: /* @__PURE__ */ xt(qt, { controller: b, id: S, ref: t, layers: pe, getCursor: M, getTooltip: w, onLoad: ee, onResize: ne, onViewStateChange: re, parameters: K, ...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;
+    Z
+  ] }) }) }), e[49] = pe, e[50] = b, e[51] = M, e[52] = w, e[53] = ne, e[54] = re, e[55] = S, e[56] = t, e[57] = a, e[58] = K, e[59] = j, e[60] = Z, e[61] = Q) : Q = e[61];
+  let le;
+  return e[62] !== T || e[63] !== g || e[64] !== Q ? (le = /* @__PURE__ */ V(Bt, { apiKey: g, ...T, children: Q }), e[62] = T, e[63] = g, e[64] = Q, e[65] = le) : le = e[65], le;
 }
-function rn() {
-  const n = document.querySelector(".maplibregl-compact-show");
-  n == null || n.classList.remove("maplibregl-compact-show");
+function bn() {
+  const s = document.querySelector(".maplibregl-compact-show");
+  s == null || s.classList.remove("maplibregl-compact-show");
 }
-function on(n) {
+function En(s) {
   const {
     type: e,
     props: t
-  } = n;
+  } = s;
   return new e(t);
 }
-function an(n) {
-  return !!(n != null && n.type);
+function Ln(s) {
+  return !!(s != null && s.type);
 }
-function ln(n) {
-  return n;
+function Mn(s) {
+  return s;
 }
-function cn() {
+function Pn() {
   return null;
 }
-function un(n) {
-  const e = ee(4), {
+function wn(s) {
+  const e = _(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;
+  } = s, {
+    default: n
+  } = Nt(), r = Ht();
+  let i, o;
+  return e[0] !== r || e[1] !== n ? (i = () => n ?? r, o = [n, r], e[0] = r, e[1] = n, e[2] = i, e[3] = o) : (i = e[2], o = e[3]), Ut(t, i, o), null;
 }
 const G = {
   addFeature: "addFeature",
@@ -206,9 +210,9 @@ const G = {
   finish: "finish",
   addPosition: "addPosition"
 };
-class dn extends $t {
+class _n extends Wt {
   constructor() {
-    super([new qt(), new Gt()]);
+    super([new jt(), new Qt()]);
   }
   handleKeyUp(e, t) {
     super.handleKeyUp(e, t), e.key === "Enter" && (this.resetClickSequence(), t.onEdit({
@@ -218,8 +222,8 @@ class dn extends $t {
     }));
   }
 }
-const Ce = "lassoLayer", fn = "maskLayer", mn = {
-  id: Ce,
+const be = "lassoLayer", Ae = "maskLayer", Tn = {
+  id: be,
   pickable: !1,
   billboard: !1,
   editHandlePointRadiusUnits: "pixels",
@@ -233,7 +237,7 @@ const Ce = "lassoLayer", fn = "maskLayer", mn = {
       getLineWidth: 2
     }
   }
-}, je = {
+}, Ze = {
   editing: {
     border: [3, 111, 226, 255],
     fill: [3, 111, 226, 20.4],
@@ -243,349 +247,372 @@ const Ce = "lassoLayer", fn = "maskLayer", mn = {
     border: [71, 219, 153, 255],
     fill: [71, 219, 153, 0]
   }
-}, Re = {
+}, qe = {
   styles: {
     colors: {
-      editing: je.editing,
-      finished: je.finished
+      editing: Ze.editing,
+      finished: Ze.finished
     }
   },
   labels: {
     mask: "Geometry"
   }
-}, Le = {
-  id: fn,
+}, Te = {
+  id: Ae,
   stroked: !0,
   filled: !0,
   lineWidthUnits: "pixels",
   getLineWidth: 2,
-  lineWidthMinPixels: 2
+  lineWidthMinPixels: 2,
+  operation: "mask+draw"
 }, ze = {
   polygon: {
     value: "polygon",
-    mode: Bt
+    mode: Kt
   },
   rectangle: {
     value: "rectangle",
-    mode: Ht
+    mode: Zt
   },
   circle: {
     value: "circle",
-    mode: at
+    mode: dt
   },
   lasso: {
     value: "lasso",
-    mode: jt
+    mode: zt
   },
   edit: {
     value: "edit",
-    mode: dn
+    mode: _n
   }
-}, Be = ct((n) => ({
+}, we = pt((s) => ({
   layers: {},
-  setLayer: (e, t) => n((s) => {
-    const i = {
-      ...s.layers
+  setLayer: (e, t) => s((n) => {
+    var o;
+    const r = {
+      ...n.layers
     };
     if (!t)
-      return delete i[e], {
-        layers: i
+      return delete r[e], {
+        layers: r
       };
-    const r = i[e] ?? {
+    const i = r[e] ?? {
       type: null,
       props: {}
-    }, o = r.props ?? {}, a = t.props ?? {};
-    return i[e] = {
-      ...r,
+    };
+    return r[e] = {
+      ...i,
       ...t,
       props: {
         id: e,
-        ...o,
-        ...a
+        ...i.props,
+        ...t.props,
+        extensions: [...i.props.extensions ?? [], ...((o = t.props) == null ? void 0 : o.extensions) ?? []]
+      },
+      legend: {
+        ...i.legend,
+        ...t.legend
       }
     }, {
-      layers: i
+      layers: r
     };
   })
-})), pn = {
+})), Cn = {
   transitionDuration: "auto",
-  transitionInterpolator: new Zt({
+  transitionInterpolator: new en({
     curve: 2
   })
-}, hn = (n) => {
-  const e = n.reduce((t, s) => {
+}, kn = (s) => {
+  const e = s.reduce((t, n) => {
     const {
-      id: i,
-      basemap: r
-    } = s;
-    return t[i] = {
+      id: r,
+      basemap: i
+    } = n;
+    return t[r] = {
       isLoaded: !1,
       areLayersLoaded: !1,
-      basemap: r,
+      basemap: i,
       instanceRef: {
         current: {}
       },
       overlayRef: {
         current: null
       },
-      layers: s.layers ?? []
+      layers: n.layers ?? []
     }, t;
   }, {});
-  return (t, s) => ({
+  return (t, n) => ({
     maps: e,
-    setBasemap: (i, r) => t((o) => ({
+    setBasemap: (r, i) => t((o) => ({
       maps: {
         ...o.maps,
-        [i]: {
-          ...o.maps[i],
-          basemap: r
+        [r]: {
+          ...o.maps[r],
+          basemap: i
         }
       }
     })),
-    setLoad: (i, r) => t((o) => ({
+    setLoad: (r, i) => t((o) => ({
       maps: {
         ...o.maps,
-        [i]: {
-          ...o.maps[i],
-          isLoaded: r
+        [r]: {
+          ...o.maps[r],
+          isLoaded: i
         }
       }
     })),
-    setLayersLoad: (i, r) => t((o) => ({
+    setLayersLoad: (r, i) => t((o) => ({
       maps: {
         ...o.maps,
-        [i]: {
-          ...o.maps[i],
-          areLayersLoaded: r
+        [r]: {
+          ...o.maps[r],
+          areLayersLoaded: i
         }
       }
     })),
-    getOverlayInstance: (i) => {
+    getOverlayInstance: (r) => {
       var o, a;
-      return (a = (o = s().maps[i]) == null ? void 0 : o.overlayRef) == null ? void 0 : a.current;
+      return (a = (o = n().maps[r]) == null ? void 0 : o.overlayRef) == null ? void 0 : a.current;
     },
-    getDeckInstance: (i) => {
+    getDeckInstance: (r) => {
       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;
+      return (l = (a = (o = n().maps[r]) == null ? void 0 : o.instanceRef) == null ? void 0 : a.current) == null ? void 0 : l.deck;
     },
-    getViewState: (i) => {
-      const o = s().getDeckInstance(i);
+    getViewState: (r) => {
+      const o = n().getDeckInstance(r);
       return o == null ? void 0 : o.viewState;
     },
-    getViewports: (i, r) => {
-      const a = s().getDeckInstance(i);
-      return a == null ? void 0 : a.getViewports(r);
+    getViewports: (r, i) => {
+      const a = n().getDeckInstance(r);
+      return a == null ? void 0 : a.getViewports(i);
     },
-    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];
+    getViewport: (r, i = 0, o) => {
+      var f;
+      const l = n().getDeckInstance(r);
+      return (f = l == null ? void 0 : l.getViewports(o)) == null ? void 0 : f[i];
     },
-    addLayers: (i, r) => t((o) => {
-      var d;
+    addLayers: (r, i) => t((o) => {
+      var c;
       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]
+      }, l = ((c = a[r]) == null ? void 0 : c.layers) ?? [], f = /* @__PURE__ */ new Set([...l, ...i]);
+      return a[r] = {
+        ...a[r],
+        layers: [...f]
       }, {
         maps: a
       };
     }),
-    removeLayers: (i, r) => t((o) => {
-      var u;
+    removeLayers: (r, i) => t((o) => {
+      var f;
       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))
+      }, l = ((f = a[r]) == null ? void 0 : f.layers) ?? [];
+      return a[r] = {
+        ...a[r],
+        layers: l.filter((c) => !i.includes(c))
       }, {
         maps: a
       };
     })
   });
-}, yn = (n) => {
-  const e = n.reduce((t, s) => (t[s.id] = s.viewState, t), {});
-  return (t) => ({
-    viewStates: e,
-    setViewState: (s, i) => t((r) => ({
+}, Fn = (s) => {
+  const e = s.reduce((t, n) => (n.viewState && (t.viewStates[n.id] = n.viewState, t.viewports[n.id] = null), t), {
+    viewStates: {},
+    viewports: {}
+  });
+  return (t, n) => ({
+    viewports: e.viewports,
+    updateViewPort: (r) => {
+      var a;
+      const i = n();
+      if (!((a = i.maps[r]) != null && a.isLoaded)) return;
+      const o = new tn(i.viewStates[r]);
+      t((l) => ({
+        viewports: {
+          ...l.viewports,
+          [r]: o
+        }
+      }));
+    },
+    viewStates: e.viewStates,
+    setViewState: (r, i) => t((o) => ({
       viewStates: {
-        ...r.viewStates,
-        [s]: {
-          ...r.viewStates[s],
+        ...o.viewStates,
+        [r]: {
+          ...o.viewStates[r],
           ...i
         }
       }
     })),
-    setZoom: (s, i) => t((r) => ({
+    setZoom: (r, i) => t((o) => ({
       viewStates: {
-        ...r.viewStates,
-        [s]: {
-          ...r.viewStates[s],
+        ...o.viewStates,
+        [r]: {
+          ...o.viewStates[r],
           zoom: i
         }
       }
     })),
-    setMinZoom: (s, i) => t((r) => ({
+    setMinZoom: (r, i) => t((o) => ({
       viewStates: {
-        ...r.viewStates,
-        [s]: {
-          ...r.viewStates[s],
+        ...o.viewStates,
+        [r]: {
+          ...o.viewStates[r],
           minZoom: i
         }
       }
     })),
-    setMaxZoom: (s, i) => t((r) => ({
+    setMaxZoom: (r, i) => t((o) => ({
       viewStates: {
-        ...r.viewStates,
-        [s]: {
-          ...r.viewStates[s],
+        ...o.viewStates,
+        [r]: {
+          ...o.viewStates[r],
           maxZoom: i
         }
       }
     }))
   });
-}, gn = (n, e) => ({
-  fitBounds: (t, s, i) => {
-    const r = e(), o = r.getViewport(t);
+}, On = (s, e) => ({
+  fitBounds: (t, n, r) => {
+    const i = e(), o = i.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
+      ...o == null ? void 0 : o.fitBounds(n, r == null ? void 0 : r.boundsOptions),
+      ...r == null ? void 0 : r.viewStateOptions
     };
-    r.setViewState(t, l);
+    i.setViewState(t, l);
   },
-  flyTo: (t, s, i = {}) => {
-    const r = e();
-    if (!r.getViewport(t)) return;
+  flyTo: (t, n, r = {}) => {
+    const i = e();
+    if (!i.getViewport(t)) return;
     const a = {
-      ...pn,
-      ...i == null ? void 0 : i.viewStateOptions
+      ...Cn,
+      ...r == null ? void 0 : r.viewStateOptions
     }, l = {
-      ...s,
+      ...n,
       ...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), {
+    i.setViewState(t, l);
+  }
+}), An = (s) => Ge()((...e) => ({
+  ...kn(s)(...e),
+  ...Fn(s)(...e),
+  ...On(...e)
+})), St = Ie({});
+function Rn(s) {
+  const e = _(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);
+    values: n
+  } = s;
+  let r;
+  e[0] !== n ? (r = An(n), e[0] = n, e[1] = r) : r = e[1];
+  const [i] = Se(r);
   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;
+  return e[2] !== t || e[3] !== i ? (o = /* @__PURE__ */ V(St.Provider, { value: i, children: t }), e[2] = t, e[3] = i, e[4] = o) : o = e[4], o;
 }
-function k(n) {
-  const e = $e(ft);
-  if (!e)
-    throw new Error("Missing Map.Provider in the tree");
-  return Ge(e, n);
+function k(s) {
+  const e = Be(St);
+  if (!Object.keys(e).length)
+    throw new Error("Missing MapProvider in the tree");
+  return He(e, s);
 }
-function vn(n) {
-  return n && n.__esModule && Object.prototype.hasOwnProperty.call(n, "default") ? n.default : n;
+function Dn(s) {
+  return s.__esModule && Object.prototype.hasOwnProperty.call(s, "default") ? s.default : s;
 }
-var Mn = function(e) {
-  return En(e) && !Ln(e);
+var xn = function(e) {
+  return Un(e) && !qn(e);
 };
-function En(n) {
-  return !!n && typeof n == "object";
+function Un(s) {
+  return !!s && typeof s == "object";
 }
-function Ln(n) {
-  var e = Object.prototype.toString.call(n);
-  return e === "[object RegExp]" || e === "[object Date]" || _n(n);
+function qn(s) {
+  var e = Object.prototype.toString.call(s);
+  return e === "[object RegExp]" || e === "[object Date]" || Nn(s);
 }
-var bn = typeof Symbol == "function" && Symbol.for, wn = bn ? Symbol.for("react.element") : 60103;
-function _n(n) {
-  return n.$$typeof === wn;
+var $n = typeof Symbol == "function" && Symbol.for, Vn = $n ? Symbol.for("react.element") : 60103;
+function Nn(s) {
+  return s.$$typeof === Vn;
 }
-function Pn(n) {
-  return Array.isArray(n) ? [] : {};
+function In(s) {
+  return Array.isArray(s) ? [] : {};
 }
-function Ee(n, e) {
-  return e.clone !== !1 && e.isMergeableObject(n) ? ge(Pn(n), n, e) : n;
+function _e(s, e) {
+  return e.clone !== !1 && e.isMergeableObject(s) ? Le(In(s), s, e) : s;
 }
-function Cn(n, e, t) {
-  return n.concat(e).map(function(s) {
-    return Ee(s, t);
+function Bn(s, e, t) {
+  return s.concat(e).map(function(n) {
+    return _e(n, t);
   });
 }
-function Tn(n, e) {
+function Gn(s, e) {
   if (!e.customMerge)
-    return ge;
-  var t = e.customMerge(n);
-  return typeof t == "function" ? t : ge;
+    return Le;
+  var t = e.customMerge(s);
+  return typeof t == "function" ? t : Le;
 }
-function kn(n) {
-  return Object.getOwnPropertySymbols ? Object.getOwnPropertySymbols(n).filter(function(e) {
-    return Object.propertyIsEnumerable.call(n, e);
+function Hn(s) {
+  return Object.getOwnPropertySymbols ? Object.getOwnPropertySymbols(s).filter(function(e) {
+    return Object.propertyIsEnumerable.call(s, e);
   }) : [];
 }
-function Ie(n) {
-  return Object.keys(n).concat(kn(n));
+function Ye(s) {
+  return Object.keys(s).concat(Hn(s));
 }
-function mt(n, e) {
+function vt(s, e) {
   try {
-    return e in n;
+    return e in s;
   } catch {
     return !1;
   }
 }
-function Fn(n, e) {
-  return mt(n, e) && !(Object.hasOwnProperty.call(n, e) && Object.propertyIsEnumerable.call(n, e));
+function Wn(s, e) {
+  return vt(s, e) && !(Object.hasOwnProperty.call(s, e) && Object.propertyIsEnumerable.call(s, 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 jn(s, e, t) {
+  var n = {};
+  return t.isMergeableObject(s) && Ye(s).forEach(function(r) {
+    n[r] = _e(s[r], t);
+  }), Ye(e).forEach(function(r) {
+    Wn(s, r) || (vt(s, r) && t.isMergeableObject(e[r]) ? n[r] = Gn(r, t)(s[r], e[r], t) : n[r] = _e(e[r], t));
+  }), n;
 }
-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);
+function Le(s, e, t) {
+  t = t || {}, t.arrayMerge = t.arrayMerge || Bn, t.isMergeableObject = t.isMergeableObject || xn, t.cloneUnlessOtherwiseSpecified = _e;
+  var n = Array.isArray(e), r = Array.isArray(s), i = n === r;
+  return i ? n ? t.arrayMerge(s, e, t) : jn(s, e, t) : _e(e, t);
 }
-ge.all = function(e, t) {
+Le.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);
+  return e.reduce(function(n, r) {
+    return Le(n, r, t);
   }, {});
 };
-var On = ge, Rn = On;
-const ye = /* @__PURE__ */ vn(Rn);
-function Dn({
-  mode: n,
+var Qn = Le, Kn = Qn;
+const Ee = /* @__PURE__ */ Dn(Kn);
+function Zn({
+  mode: s,
   ...e
 }) {
-  const t = Un(e);
+  const t = zn(e);
   return {
-    type: lt,
+    type: ft,
     props: {
       ...t,
-      mode: n
+      mode: s
     }
   };
 }
-function Un({
-  layerProps: n,
+function zn({
+  layerProps: s,
   onEdit: e,
   guideColor: t,
-  fillColor: s,
-  pointColor: i
+  fillColor: n,
+  pointColor: r
 }) {
-  const r = ye(n, {
+  const i = Ee(s, {
     modeConfig: {
       //   // We force distance due to conversion is addressed at feature getText level
       //   formatTooltip: (_distance: number) => {
@@ -594,413 +621,269 @@ function Un({
       preventOverlappingLines: !0
     },
     onEdit: e
-  }), o = ye(mn, {
+  }), o = Ee(Tn, {
     getTentativeLineColor: t,
-    getTentativeFillColor: s,
+    getTentativeFillColor: n,
     getLineColor: t,
-    getFillColor: s,
-    getEditHandlePointColor: i,
+    getFillColor: n,
+    getEditHandlePointColor: r,
     getEditHandlePointOutlineColor: t,
-    dataComparator: (l, u) => l.features[0] === u.features[0]
+    dataComparator: (l, f) => l.features[0] === f.features[0]
   });
-  return ye(o, r);
+  return Ee(o, i);
 }
-const xn = (n) => qe()((e) => ({
-  data: n.reduce((s, i) => {
+const Yn = (s) => Ge()((e) => ({
+  data: s.reduce((n, r) => {
     const {
-      enabled: r = !1,
+      enabled: i = !1,
       mapId: o,
       modeInstance: a,
       modes: l = ze,
-      modeSelected: u = ze.polygon.value,
-      values: d = {}
-    } = i;
-    return s[o] = {
-      enabled: r,
+      modeSelected: f = ze.polygon.value,
+      values: c = {}
+    } = r;
+    return n[o] = {
+      enabled: i,
       modeInstance: a,
       modes: l,
-      modeSelected: u,
-      values: d
-    }, s;
+      modeSelected: f,
+      values: c
+    }, n;
   }, {}),
-  setEnabled: (s, i) => {
-    e((r) => ({
+  setEnabled: (n, r) => {
+    e((i) => ({
       data: {
-        ...r.data,
-        [s]: {
-          ...r.data[s],
-          enabled: i,
-          visible: i
+        ...i.data,
+        [n]: {
+          ...i.data[n],
+          enabled: r,
+          visible: r
         }
       }
     }));
   },
-  setValue: (s, i, r) => {
+  setValue: (n, r, i) => {
     e((o) => {
       const a = {
-        ...o.data[s].values
-      }, l = a[i] ?? {
+        ...o.data[n].values
+      }, l = a[r] ?? {
         type: "mask"
       };
-      return a[i] = {
+      return a[r] = {
         ...l,
-        ...r,
-        id: i
-      }, r || delete a[i], {
+        ...i,
+        id: r
+      }, i || delete a[r], {
         data: {
           ...o.data,
-          [s]: {
-            ...o.data[s],
+          [n]: {
+            ...o.data[n],
             values: a
           }
         }
       };
     });
   },
-  setVisibility: (s, i, r) => {
+  setVisibility: (n, r, i) => {
     e((o) => {
       const a = {
-        ...o.data[s].values
-      }, l = a[i] ?? {};
-      return l.visible = r, {
+        ...o.data[n].values
+      }, l = a[r] ?? {};
+      return l.visible = i, {
         data: {
           ...o.data,
-          [s]: {
-            ...o.data[s],
+          [n]: {
+            ...o.data[n],
             values: {
               ...a,
-              [i]: l
+              [r]: l
             }
           }
         }
       };
     });
   },
-  setModeSelected: (s, i) => {
-    e((r) => ({
+  setModeSelected: (n, r) => {
+    e((i) => ({
       data: {
-        ...r.data,
-        [s]: {
-          ...r.data[s],
-          modeSelected: i
+        ...i.data,
+        [n]: {
+          ...i.data[n],
+          modeSelected: r
         }
       }
     }));
   },
-  setModeInstance: (s, i) => {
-    e((r) => ({
+  setModeInstance: (n, r) => {
+    e((i) => ({
       data: {
-        ...r.data,
-        [s]: {
-          ...r.data[s],
-          modeInstance: i
+        ...i.data,
+        [n]: {
+          ...i.data[n],
+          modeInstance: r
         }
       }
     }));
   }
-})), pt = Ne({});
-function Ys(n) {
-  const e = ee(5), {
+})), bt = Ie({});
+function Xn(s) {
+  const e = _(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);
+    values: n
+  } = s;
+  let r;
+  e[0] !== n ? (r = () => Yn(n), e[0] = n, e[1] = r) : r = e[1];
+  const [i] = Se(r);
   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;
+  return e[2] !== t || e[3] !== i ? (o = /* @__PURE__ */ V(bt.Provider, { value: i, children: t }), e[2] = t, e[3] = i, 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 D(s) {
+  const e = Be(bt);
+  if (!Object.keys(e).length)
+    throw new Error("Missing LassoToolsProvider in the tree");
+  return He(e, s);
 }
-function Vn({
-  mapId: n,
+function Jn({
+  mapId: s,
   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);
+  const t = D((u) => {
+    var y;
+    return (y = u.data[s]) == null ? void 0 : y.enabled;
+  }), n = D((u) => u.setEnabled), r = D((u) => {
+    var y;
+    return (y = u.data[s]) == null ? void 0 : y.values;
+  }), i = D((u) => u.setValue), o = D((u) => u.setVisibility), a = D((u) => {
+    var y;
+    return (y = u.data[s]) == null ? void 0 : y.modeSelected;
+  }), l = D((u) => u.setModeSelected), f = D((u) => {
+    var y;
+    return (y = u.data[s]) == null ? void 0 : y.modes;
+  }), c = D((u) => u.setModeInstance);
+  Y(() => {
+    const u = f[a];
+    if (u && t) {
+      const y = u.mode, p = new y();
+      c(s, p);
     }
-  }, [n, a, u, d]);
+  }, [t, s, a, f, c]);
   const [
-    p
+    m
     // , draw
-  ] = Me(() => {
-    const c = (f) => {
-      var S;
+  ] = ue(() => {
+    const u = (v) => {
+      var b;
       return {
-        id: f.id,
-        visible: f.visible,
-        label: (S = f.properties) == null ? void 0 : S.label
+        id: v.id,
+        visible: v.visible,
+        label: (b = v.properties) == null ? void 0 : b.label
       };
     };
     return [
-      Object.values(i).filter((f) => f.type === "mask").map(c)
+      Object.values(r).filter((v) => v.type === "mask").map(u)
       // , draw
     ];
-  }, [i]), y = q((c) => {
-    s(n, !!c), l(n, c);
-  }, [n, s, l]);
+  }, [r]), d = x((u) => {
+    n(s, !!u), l(s, u);
+  }, [s, n, l]);
   return e({
-    mapId: n,
+    mapId: s,
     enabled: t,
-    modes: u,
+    modes: f,
     modeSelected: a,
     values: {
-      mask: p
+      mask: m
       // 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
+    setValue: x((u) => i(s, u), [s, i]),
+    setEnabled: x((u) => n(s, u), [s, n]),
+    setVisibility: x((u, y) => o(s, u, y), [s, o]),
+    setModeSelected: d
   });
 }
-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"
+function Et({
+  values: s
 }) {
-  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;
-    }
-    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();
-    }
-  }, [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);
-      }
-    };
-    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) {
+  return Object.values(s ?? {}).filter((e) => e.type === "mask");
+}
+function Lt(s, e, t) {
+  if (s !== null)
+    for (var n, r, i, o, a, l, f, c = 0, m = 0, d, u = s.type, y = u === "FeatureCollection", p = u === "Feature", v = y ? s.features.length : 1, b = 0; b < v; b++) {
+      f = y ? s.features[b].geometry : p ? s.geometry : s, d = f ? f.type === "GeometryCollection" : !1, a = d ? f.geometries.length : 1;
+      for (var S = 0; S < a; S++) {
+        var E = 0, h = 0;
+        if (o = d ? f.geometries[S] : f, o !== null) {
           l = o.coordinates;
-          var _ = o.type;
-          switch (d = _ === "Polygon" || _ === "MultiPolygon" ? 1 : 0, _) {
+          var L = o.type;
+          switch (c = L === "Polygon" || L === "MultiPolygon" ? 1 : 0, L) {
             case null:
               break;
             case "Point":
               if (e(
                 l,
-                p,
-                S,
+                m,
+                b,
                 E,
-                b
+                h
               ) === !1)
                 return !1;
-              p++, E++;
+              m++, E++;
               break;
             case "LineString":
             case "MultiPoint":
-              for (s = 0; s < l.length; s++) {
+              for (n = 0; n < l.length; n++) {
                 if (e(
-                  l[s],
-                  p,
-                  S,
+                  l[n],
+                  m,
+                  b,
                   E,
-                  b
+                  h
                 ) === !1)
                   return !1;
-                p++, _ === "MultiPoint" && E++;
+                m++, L === "MultiPoint" && E++;
               }
-              _ === "LineString" && E++;
+              L === "LineString" && E++;
               break;
             case "Polygon":
             case "MultiLineString":
-              for (s = 0; s < l.length; s++) {
-                for (i = 0; i < l[s].length - d; i++) {
+              for (n = 0; n < l.length; n++) {
+                for (r = 0; r < l[n].length - c; r++) {
                   if (e(
-                    l[s][i],
-                    p,
-                    S,
+                    l[n][r],
+                    m,
+                    b,
                     E,
-                    b
+                    h
                   ) === !1)
                     return !1;
-                  p++;
+                  m++;
                 }
-                _ === "MultiLineString" && E++, _ === "Polygon" && b++;
+                L === "MultiLineString" && E++, L === "Polygon" && h++;
               }
-              _ === "Polygon" && E++;
+              L === "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++) {
+              for (n = 0; n < l.length; n++) {
+                for (h = 0, r = 0; r < l[n].length; r++) {
+                  for (i = 0; i < l[n][r].length - c; i++) {
                     if (e(
-                      l[s][i][r],
-                      p,
-                      S,
+                      l[n][r][i],
+                      m,
+                      b,
                       E,
-                      b
+                      h
                     ) === !1)
                       return !1;
-                    p++;
+                    m++;
                   }
-                  b++;
+                  h++;
                 }
                 E++;
               }
               break;
             case "GeometryCollection":
-              for (s = 0; s < o.geometries.length; s++)
-                if (yt(o.geometries[s], e) === !1)
+              for (n = 0; n < o.geometries.length; n++)
+                if (Lt(o.geometries[n], e) === !1)
                   return !1;
               break;
             default:
@@ -1010,22 +893,22 @@ function yt(n, e, t) {
       }
     }
 }
-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) {
+function es(s, e) {
+  var t, n, r, i, o, a, l, f, c, m, d = 0, u = s.type === "FeatureCollection", y = s.type === "Feature", p = u ? s.features.length : 1;
+  for (t = 0; t < p; t++) {
+    for (a = u ? s.features[t].geometry : y ? s.geometry : s, f = u ? s.features[t].properties : y ? s.properties : {}, c = u ? s.features[t].bbox : y ? s.bbox : void 0, m = u ? s.features[t].id : y ? s.id : void 0, l = a ? a.type === "GeometryCollection" : !1, o = l ? a.geometries.length : 1, r = 0; r < o; r++) {
+      if (i = l ? a.geometries[r] : a, i === null) {
         if (e(
           null,
-          y,
-          u,
           d,
-          p
+          f,
+          c,
+          m
         ) === !1)
           return !1;
         continue;
       }
-      switch (r.type) {
+      switch (i.type) {
         case "Point":
         case "LineString":
         case "MultiPoint":
@@ -1033,23 +916,23 @@ function qn(n, e) {
         case "MultiLineString":
         case "MultiPolygon": {
           if (e(
-            r,
-            y,
-            u,
+            i,
             d,
-            p
+            f,
+            c,
+            m
           ) === !1)
             return !1;
           break;
         }
         case "GeometryCollection": {
-          for (s = 0; s < r.geometries.length; s++)
+          for (n = 0; n < i.geometries.length; n++)
             if (e(
-              r.geometries[s],
-              y,
-              u,
+              i.geometries[n],
               d,
-              p
+              f,
+              c,
+              m
             ) === !1)
               return !1;
           break;
@@ -1058,40 +941,40 @@ function qn(n, e) {
           throw new Error("Unknown Geometry Type");
       }
     }
-    y++;
+    d++;
   }
 }
-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,
+function ts(s, e, t) {
+  var n = t;
+  return es(
+    s,
+    function(r, i, o, a, l) {
+      n = e(
+        n,
         r,
+        i,
         o,
         a,
         l
       );
     }
-  ), s;
+  ), n;
 }
-function Ye(n) {
-  return Gn(
-    n,
-    (e, t) => e + Bn(t),
+function Xe(s) {
+  return ts(
+    s,
+    (e, t) => e + ns(t),
     0
   );
 }
-function Bn(n) {
+function ns(s) {
   let e = 0, t;
-  switch (n.type) {
+  switch (s.type) {
     case "Polygon":
-      return Xe(n.coordinates);
+      return Je(s.coordinates);
     case "MultiPolygon":
-      for (t = 0; t < n.coordinates.length; t++)
-        e += Xe(n.coordinates[t]);
+      for (t = 0; t < s.coordinates.length; t++)
+        e += Je(s.coordinates[t]);
       return e;
     case "Point":
     case "MultiPoint":
@@ -1101,31 +984,30 @@ function Bn(n) {
   }
   return 0;
 }
-function Xe(n) {
+function Je(s) {
   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]));
+  if (s && s.length > 0) {
+    e += Math.abs(et(s[0]));
+    for (let t = 1; t < s.length; t++)
+      e -= Math.abs(et(s[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++;
+var ss = je * je / 2, $e = Math.PI / 180;
+function et(s) {
+  const e = s.length - 1;
+  if (e <= 2) return 0;
+  let t = 0, n = 0;
+  for (; n < e; ) {
+    const r = s[n], i = s[n + 1 === e ? 0 : n + 1], o = s[n + 2 >= e ? (n + 2) % e : n + 2], a = r[0] * $e, l = i[1] * $e, f = o[0] * $e;
+    t += (f - a) * Math.sin(l), n++;
   }
-  return t * Hn;
+  return t * ss;
 }
-class gt {
-  constructor(e = [], t = jn) {
+class Mt {
+  constructor(e = [], t = rs) {
     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);
+      for (let n = (this.length >> 1) - 1; n >= 0; n--) this._down(n);
   }
   push(e) {
     this.data.push(e), this.length++, this._up(this.length - 1);
@@ -1139,247 +1021,247 @@ class gt {
     return this.data[0];
   }
   _up(e) {
-    const { data: t, compare: s } = this, i = t[e];
+    const { data: t, compare: n } = this, r = t[e];
     for (; e > 0; ) {
-      const r = e - 1 >> 1, o = t[r];
-      if (s(i, o) >= 0) break;
-      t[e] = o, e = r;
+      const i = e - 1 >> 1, o = t[i];
+      if (n(r, o) >= 0) break;
+      t[e] = o, e = i;
     }
-    t[e] = i;
+    t[e] = r;
   }
   _down(e) {
-    const { data: t, compare: s } = this, i = this.length >> 1, r = t[e];
-    for (; e < i; ) {
+    const { data: t, compare: n } = this, r = this.length >> 1, i = t[e];
+    for (; e < r; ) {
       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;
+      if (l < this.length && n(t[l], a) < 0 && (o = l, a = t[l]), n(a, i) >= 0) break;
       t[e] = a, e = o;
     }
-    t[e] = r;
+    t[e] = i;
   }
 }
-function jn(n, e) {
-  return n < e ? -1 : n > e ? 1 : 0;
+function rs(s, e) {
+  return s < e ? -1 : s > 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 Pt(s, e) {
+  return s.p.x > e.p.x ? 1 : s.p.x < e.p.x ? -1 : s.p.y !== e.p.y ? s.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;
+function is(s, e) {
+  return s.rightSweepEvent.p.x > e.rightSweepEvent.p.x ? 1 : s.rightSweepEvent.p.x < e.rightSweepEvent.p.x ? -1 : s.rightSweepEvent.p.y !== e.rightSweepEvent.p.y ? s.rightSweepEvent.p.y < e.rightSweepEvent.p.y ? 1 : -1 : 1;
 }
-class Qe {
-  constructor(e, t, s, i) {
+class tt {
+  constructor(e, t, n, r) {
     this.p = {
       x: e[0],
       y: e[1]
-    }, this.featureId = t, this.ringId = s, this.eventId = i, this.otherEvent = null, this.isLeftEndpoint = null;
+    }, this.featureId = t, this.ringId = n, this.eventId = r, 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);
+function os(s, e) {
+  if (s.type === "FeatureCollection") {
+    const t = s.features;
+    for (let n = 0; n < t.length; n++)
+      nt(t[n], 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;
+    nt(s, e);
+}
+let Ce = 0, ke = 0, Fe = 0;
+function nt(s, e) {
+  const t = s.type === "Feature" ? s.geometry : s;
+  let n = t.coordinates;
+  (t.type === "Polygon" || t.type === "MultiLineString") && (n = [n]), t.type === "LineString" && (n = [[n]]);
+  for (let r = 0; r < n.length; r++)
+    for (let i = 0; i < n[r].length; i++) {
+      let o = n[r][i][0], a = null;
+      ke = ke + 1;
+      for (let l = 0; l < n[r][i].length - 1; l++) {
+        a = n[r][i][l + 1];
+        const f = new tt(o, Ce, ke, Fe), c = new tt(a, Ce, ke, Fe + 1);
+        f.otherEvent = c, c.otherEvent = f, Pt(f, c) > 0 ? (c.isLeftEndpoint = !0, f.isLeftEndpoint = !1) : (f.isLeftEndpoint = !0, c.isLeftEndpoint = !1), e.push(f), e.push(c), o = a, Fe = Fe + 1;
       }
     }
-  we = we + 1;
+  Ce = Ce + 1;
 }
-class Wn {
+class as {
   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)
+function ls(s, e) {
+  if (s === null || e === null || s.leftSweepEvent.ringId === e.leftSweepEvent.ringId && (s.rightSweepEvent.isSamePoint(e.leftSweepEvent) || s.rightSweepEvent.isSamePoint(e.leftSweepEvent) || s.rightSweepEvent.isSamePoint(e.rightSweepEvent) || s.leftSweepEvent.isSamePoint(e.leftSweepEvent) || s.leftSweepEvent.isSamePoint(e.rightSweepEvent))) return !1;
+  const t = s.leftSweepEvent.p.x, n = s.leftSweepEvent.p.y, r = s.rightSweepEvent.p.x, i = s.rightSweepEvent.p.y, o = e.leftSweepEvent.p.x, a = e.leftSweepEvent.p.y, l = e.rightSweepEvent.p.x, f = e.rightSweepEvent.p.y, c = (f - a) * (r - t) - (l - o) * (i - n), m = (l - o) * (n - a) - (f - a) * (t - o), d = (r - t) * (n - a) - (i - n) * (t - o);
+  if (c === 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];
+  const u = m / c, y = d / c;
+  if (u >= 0 && u <= 1 && y >= 0 && y <= 1) {
+    const p = t + u * (r - t), v = n + u * (i - n);
+    return [p, v];
   }
   return !1;
 }
-function Kn(n, e) {
+function cs(s, 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)
+  const t = [], n = new Mt([], is);
+  for (; s.length; ) {
+    const r = s.pop();
+    if (r.isLeftEndpoint) {
+      const i = new as(r);
+      for (let o = 0; o < n.data.length; o++) {
+        const a = n.data[o];
+        if (e && a.leftSweepEvent.featureId === r.featureId)
           continue;
-        const l = Zn(r, a);
+        const l = ls(i, a);
         l !== !1 && t.push(l);
       }
-      s.push(r);
-    } else i.isLeftEndpoint === !1 && s.pop();
+      n.push(i);
+    } else r.isLeftEndpoint === !1 && n.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
+function us(s, e) {
+  const t = new Mt([], Pt);
+  return os(s, t), cs(t, e);
+}
+var ds = us;
+function fs(s, e, t = {}) {
+  const { removeDuplicates: n = !0, ignoreSelfIntersections: r = !0 } = t;
+  let i = [];
+  s.type === "FeatureCollection" ? i = i.concat(s.features) : s.type === "Feature" ? i.push(s) : (s.type === "LineString" || s.type === "Polygon" || s.type === "MultiLineString" || s.type === "MultiPolygon") && i.push(Qe(s)), e.type === "FeatureCollection" ? i = i.concat(e.features) : e.type === "Feature" ? i.push(e) : (e.type === "LineString" || e.type === "Polygon" || e.type === "MultiLineString" || e.type === "MultiPolygon") && i.push(Qe(e));
+  const o = ds(
+    Ke(i),
+    r
   );
   let a = [];
-  if (s) {
+  if (n) {
     const l = {};
-    o.forEach((u) => {
-      const d = u.join(",");
-      l[d] || (l[d] = !0, a.push(u));
+    o.forEach((f) => {
+      const c = f.join(",");
+      l[c] || (l[c] = !0, a.push(f));
     });
   } 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++;
+  return Ke(a.map((l) => yt(l)));
+}
+function ps(s, e = {}) {
+  let t = 0, n = 0, r = 0;
+  return Lt(
+    s,
+    function(i) {
+      t += i[0], n += i[1], r++;
     }
-  ), ht([t / i, s / i], e.properties);
+  ), yt([t / r, n / r], e.properties);
 }
-const es = Jt({
-  length: Qt
+const ms = ln({
+  length: cn
 });
-function tt(n, e) {
-  return es(n).from(it[C.meter]).to(it[e]);
+function st(s, e) {
+  return ms(s).from(ot[O.meter]).to(ot[e]);
 }
-const nt = 1e4;
-function ke({
-  meters: n,
+const rt = 1e4;
+function Re({
+  meters: s,
   unit: e,
   locale: t,
   options: {
-    autoSplitNumber: s,
-    ...i
+    autoSplitNumber: n,
+    ...r
   } = {
-    autoSplitNumber: nt
+    autoSplitNumber: rt
   }
 }) {
-  const r = e === Ve["m-km"], o = e === Ve["ft-mi"], a = r || o;
-  let l, u;
+  const i = e === Ne["m-km"], o = e === Ne["ft-mi"], a = i || o;
+  let l, f;
   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);
+    const c = s < (n ?? rt);
+    let m = c ? O.meter : O.kilometer;
+    l = c ? Pe.meter : Pe.kilometer, o && (l = c ? Pe.feet : Pe.mile, m = c ? O.feet : O.mile), f = st(s, m);
   } else
-    l = ve[e], u = tt(n, e);
-  return `${ut(u, t, {
+    l = Pe[e], f = st(s, e);
+  return `${ht(f, t, {
     style: "unit",
     unit: l,
     unitDisplay: "short",
     notation: "standard",
     minimumFractionDigits: 2,
     maximumFractionDigits: 2,
-    ...i
+    ...r
   })}`;
 }
-function Xs(n, {
+function Dr(s, {
   hasDoubleClickZoom: e
 }) {
-  return typeof n == "boolean" ? {
+  return typeof s == "boolean" ? {
     doubleClickZoom: e
   } : {
-    ...n,
+    ...s,
     doubleClickZoom: e
   };
 }
-function vt(n, e, t) {
-  if (n > 0) {
+function wt(s, e, t) {
+  if (s > 0) {
     const {
-      formatTooltip: s,
-      turfOptions: i
+      formatTooltip: n,
+      turfOptions: r
     } = t ?? {
       turfOptions: {
         units: "kilometers"
       }
-    }, r = i == null ? void 0 : i.units;
+    }, i = r == null ? void 0 : r.units;
     let o;
-    s ? o = s(n) : o = `${parseFloat(n.toString()).toFixed(2)} ${r}`;
+    n ? o = n(s) : o = `${parseFloat(s.toString()).toFixed(2)} ${i}`;
     const {
       measurementCallback: a
     } = t;
-    return a && a(n), [{
+    return a && a(s), [{
       position: e,
       text: o
     }];
   }
   return [];
 }
-class ts extends zt {
+class ys extends Yt {
   constructor() {
     super(...arguments);
-    Q(this, "_isMeasuringSessionFinished", !1);
-    Q(this, "area", 0);
-    Q(this, "tooltips", []);
-    Q(this, "resultPolygon", {
+    te(this, "_isMeasuringSessionFinished", !1);
+    te(this, "area", 0);
+    te(this, "tooltips", []);
+    te(this, "resultPolygon", {
       type: "FeatureCollection",
       features: []
     });
   }
-  handleClick(t, s) {
+  handleClick(t, n) {
     this._isMeasuringSessionFinished && (this._isMeasuringSessionFinished = !1, this.resetClickSequence(), this.area = 0);
     const {
-      picks: i
-    } = t, r = It(i), o = this.getClickSequence();
+      picks: r
+    } = t, i = Xt(r), o = this.getClickSequence();
     let a = !1;
-    !r && !this.allowOverlapping(s) && (this.addClickSequence(t), a = !0), this.area = Ye({
+    !i && !this.allowOverlapping(n) && (this.addClickSequence(t), a = !0), this.area = Xe({
       type: "Polygon",
       coordinates: [this.getClickSequence()]
-    }), this.isFinalizedEdition(o, r) ? this.finalizeEdition(s) : a && s.onEdit({
+    }), this.isFinalizedEdition(o, i) ? this.finalizeEdition(n) : a && n.onEdit({
       // data is the same
-      updatedData: s.data,
+      updatedData: n.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);
+  handleKeyUp(t, n) {
+    t.key === "Enter" ? this.getClickSequence().length > 2 ? this.finalizeEdition(n) : this.resetEdition(n) : t.key === "Escape" && this.resetEdition(n);
   }
-  handlePointerMove(t, s) {
+  handlePointerMove(t, n) {
     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);
+    super.handlePointerMove(t, n);
+    const r = this.getTentativeGuide(n);
+    if (r && r.geometry.type === "Polygon") {
+      const i = ps(r);
+      this.area = Xe(r), this.tooltips = wt(this.area, i.geometry.coordinates, n.modeConfig);
     }
   }
   resetClickSequence() {
@@ -1391,46 +1273,46 @@ class ts extends zt {
   getTooltips() {
     return this.tooltips;
   }
-  isFinalizedEdition(t, s) {
+  isFinalizedEdition(t, n) {
     const {
-      positionIndexes: i
-    } = (s == null ? void 0 : s.properties) ?? {
+      positionIndexes: r
+    } = (n == null ? void 0 : n.properties) ?? {
       positionIndexes: []
     };
-    return t.length > 2 && s !== void 0 && (i[0] === 0 || i[0] === t.length - 1);
+    return t.length > 2 && n !== void 0 && (r[0] === 0 || r[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)) {
+    var i;
+    let n = !1;
+    const r = this.getClickSequence();
+    if (r.length > 2 && // eslint-disable-next-line @typescript-eslint/no-unsafe-member-access
+    ((i = t.modeConfig) != null && i.preventOverlappingLines)) {
       const o = {
         type: "LineString",
-        coordinates: [...i, i[0]]
+        coordinates: [...r, r[0]]
       }, a = {
         type: "LineString",
-        coordinates: [...i.slice(0, i.length - 1)]
+        coordinates: [...r.slice(0, r.length - 1)]
       };
-      Jn(o, a).features.length > 0 && (s = !0);
+      fs(o, a).features.length > 0 && (n = !0);
     }
-    return s;
+    return n;
   }
   finalizeEdition(t) {
-    const s = this.getClickSequence(), i = {
+    const n = this.getClickSequence(), r = {
       type: "Polygon",
-      coordinates: [[...s, s[0]]]
+      coordinates: [[...n, n[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,
+    const i = this.getAddFeatureOrBooleanPolygonAction(r, t);
+    this._isMeasuringSessionFinished = !0, i && (this.resultPolygon = i.updatedData, t.onEdit({
+      ...i,
       editType: G.addPosition,
       editContext: {
-        ...r.editContext,
+        ...i.editContext,
         distance: this.area,
         positions: this.getClickSequence(),
         finished: this._isMeasuringSessionFinished
@@ -1447,60 +1329,60 @@ class ts extends zt {
   }
   getTooltipText({
     meters: t,
-    locale: s,
-    unit: i,
-    options: r
+    locale: n,
+    unit: r,
+    options: i
   }) {
-    return ke({
+    return Re({
       meters: t,
-      locale: s,
-      unit: i,
-      options: r
+      locale: n,
+      unit: r,
+      options: i
     }) + "2";
   }
 }
-class ns extends at {
+class hs extends dt {
   constructor() {
     super(...arguments);
-    Q(this, "_isMeasuringSessionFinished", !1);
-    Q(this, "_currentArea", 0);
-    Q(this, "resultPolygon", {
+    te(this, "_isMeasuringSessionFinished", !1);
+    te(this, "_currentArea", 0);
+    te(this, "resultPolygon", {
       type: "FeatureCollection",
       features: []
     });
-    Q(this, "tooltips", []);
+    te(this, "tooltips", []);
   }
-  handleClick(t, s) {
-    this._isMeasuringSessionFinished && (this._isMeasuringSessionFinished = !1, this.resetClickSequence(), this._currentArea = 0), super.handleClick(t, s);
+  handleClick(t, n) {
+    this._isMeasuringSessionFinished && (this._isMeasuringSessionFinished = !1, this.resetClickSequence(), this._currentArea = 0), super.handleClick(t, n);
   }
-  handlePointerMove(t, s) {
-    this._isMeasuringSessionFinished || (super.handlePointerMove(t, s), this.tooltips = vt(this.areaCircle, this.position, s.modeConfig));
+  handlePointerMove(t, n) {
+    this._isMeasuringSessionFinished || (super.handlePointerMove(t, n), this.tooltips = wt(this.areaCircle, this.position, n.modeConfig));
   }
   checkAndFinishPolygon(t) {
-    const s = this.getClickSequence(), i = this.getTentativeGuide(t);
-    this.isFinalizedEdition(s, i) && this.finalizeEdition(t);
+    const n = this.getClickSequence(), r = this.getTentativeGuide(t);
+    this.isFinalizedEdition(n, r) && this.finalizeEdition(t);
   }
-  handleKeyUp(t, s) {
-    t.key === "Enter" ? this.finalizeEdition(s) : t.key === "Escape" && this.resetEdition(s);
+  handleKeyUp(t, n) {
+    t.key === "Enter" ? this.finalizeEdition(n) : t.key === "Escape" && this.resetEdition(n);
   }
   getGuides(t) {
     return this._isMeasuringSessionFinished ? this.resultPolygon : super.getGuides(t);
   }
-  isFinalizedEdition(t, s) {
-    return t.length > 1 && s && s.geometry.type === "Polygon";
+  isFinalizedEdition(t, n) {
+    return t.length > 1 && n && n.geometry.type === "Polygon";
   }
   finalizeEdition(t) {
-    const s = this.getTentativeGuide(t);
+    const n = 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,
+    const r = this.getAddFeatureOrBooleanPolygonAction(n, t);
+    this._isMeasuringSessionFinished = !0, t.onUpdateCursor("cell"), r && (this.resultPolygon = r.updatedData, t.onEdit({
+      ...r,
       editType: G.addPosition,
       editContext: {
-        ...i.editContext,
+        ...r.editContext,
         distance: this._currentArea,
         positions: this.getClickSequence(),
         finished: this._isMeasuringSessionFinished
@@ -1516,26 +1398,26 @@ class ns extends at {
     });
   }
   resetClickSequence() {
-    super.resetClickSequence(), this._isMeasuringSessionFinished = !1, this._currentArea = 0, this.radius = 0;
+    super.resetClickSequence(), this.tooltips = [], this._isMeasuringSessionFinished = !1, this._currentArea = 0, this.radius = 0, this.areaCircle = 0;
   }
   getTooltips() {
     return this.tooltips;
   }
   getTooltipText({
     meters: t,
-    locale: s,
-    unit: i,
-    options: r
+    locale: n,
+    unit: r,
+    options: i
   }) {
-    return ke({
+    return Re({
       meters: t,
-      locale: s,
-      unit: i,
-      options: r
+      locale: n,
+      unit: r,
+      options: i
     }) + "2";
   }
 }
-class Mt extends Wt {
+class _t extends Jt {
   handleClick(e, t) {
     super.handleClick(e, t), t.onEdit({
       // data is the same
@@ -1552,10 +1434,10 @@ class Mt extends Wt {
     if (this._isMeasuringSessionFinished) return;
     e.stopPropagation();
     const {
-      key: s
-    } = e, i = this.getClickSequence().length;
-    let r = G.finish;
-    switch (s) {
+      key: n
+    } = e, r = this.getClickSequence().length;
+    let i = G.finish;
+    switch (n) {
       case "Escape":
         t.onEdit({
           updatedData: {
@@ -1567,9 +1449,9 @@ class Mt extends Wt {
         });
         break;
       case "Enter":
-        this._isMeasuringSessionFinished = !0, i === 1 && (this.resetClickSequence(), r = G.cancel), t.onUpdateCursor("cell"), t.onEdit({
+        this._isMeasuringSessionFinished = !0, r === 1 && (this.resetClickSequence(), i = G.cancel), t.onUpdateCursor("cell"), t.onEdit({
           updatedData: t.data,
-          editType: r,
+          editType: i,
           editContext: {
             finished: this._isMeasuringSessionFinished
           }
@@ -1583,19 +1465,19 @@ class Mt extends Wt {
   getTooltipText({
     meters: e,
     locale: t,
-    unit: s,
-    options: i
+    unit: n,
+    options: r
   }) {
-    return ke({
+    return Re({
       meters: e,
       locale: t,
-      unit: s,
-      options: i
+      unit: n,
+      options: r
     });
   }
 }
-const Te = "mapMeasureLayer", ss = {
-  id: Te,
+const ge = "mapMeasureLayer", gs = {
+  id: ge,
   pickable: !1,
   billboard: !1,
   editHandlePointRadiusUnits: "pixels",
@@ -1619,19 +1501,19 @@ const Te = "mapMeasureLayer", ss = {
       getLineWidth: 2
     }
   }
-}, Ue = {
+}, Ve = {
   editing: [23, 102, 214, 255],
   finished: [71, 219, 153, 255],
   point: [255, 255, 255, 255]
-}, st = {
+}, it = {
   styles: {
     colors: {
-      editing: Ue.editing,
-      finished: Ue.finished,
-      point: Ue.point
+      editing: Ve.editing,
+      finished: Ve.finished,
+      point: Ve.point
     }
   }
-}, C = {
+}, O = {
   kilometer: "kilometer",
   meter: "meter",
   centimeter: "centimeter",
@@ -1639,31 +1521,31 @@ const Te = "mapMeasureLayer", ss = {
   mile: "mile",
   yard: "yard",
   feet: "feet"
-}, Ve = {
+}, Ne = {
   "m-km": "m-km",
   "ft-mi": "ft-mi",
-  ...C
-}, is = {
+  ...O
+}, Ss = {
   meters: "meters",
   kilometer: "kilometers",
   mile: "miles"
-}, it = {
-  [C.kilometer]: "km",
-  [C.meter]: "m",
-  [C.centimeter]: "cm",
-  [C.milimeter]: "mm",
-  [C.mile]: "mi",
-  [C.yard]: "yd",
-  [C.feet]: "ft"
-}, ve = {
-  [C.kilometer]: "kilometer",
-  [C.meter]: "meter",
-  [C.centimeter]: "centimeter",
-  [C.milimeter]: "millimeter",
-  [C.mile]: "mile",
-  [C.yard]: "yard",
-  [C.feet]: "foot"
-}, $ = {
+}, ot = {
+  [O.kilometer]: "km",
+  [O.meter]: "m",
+  [O.centimeter]: "cm",
+  [O.milimeter]: "mm",
+  [O.mile]: "mi",
+  [O.yard]: "yd",
+  [O.feet]: "ft"
+}, Pe = {
+  [O.kilometer]: "kilometer",
+  [O.meter]: "meter",
+  [O.centimeter]: "centimeter",
+  [O.milimeter]: "millimeter",
+  [O.mile]: "mile",
+  [O.yard]: "yard",
+  [O.feet]: "foot"
+}, B = {
   "m-km": {
     value: "m-km",
     system: "metric"
@@ -1700,82 +1582,226 @@ const Te = "mapMeasureLayer", ss = {
     value: "feet",
     system: "imperial"
   }
-}, rt = [$["m-km"], $.kilometer, $.meter, $["ft-mi"], $.mile, $.feet], rs = [$["m-km"], $.kilometer, $.meter, $["ft-mi"], $.mile, $.feet], os = {
+}, at = [B["m-km"], B.kilometer, B.meter, B["ft-mi"], B.mile, B.feet], vs = [B["m-km"], B.kilometer, B.meter, B["ft-mi"], B.mile, B.feet], bs = {
   distance: {
     value: "distance",
-    mode: Mt
+    mode: _t
   },
   buffer: {
     value: "buffer",
-    mode: ns
+    mode: hs
   },
   area: {
     value: "area",
-    mode: ts
+    mode: ys
   }
-}, as = {
-  distance: rt,
-  buffer: rt,
-  area: rs
-};
-function ls({
-  mode: n,
+}, Es = {
+  distance: at,
+  buffer: at,
+  area: vs
+}, Ls = [new sn({
+  filterSize: 1
+})], Ms = [be, Ae, ge];
+function Ps({
+  children: s,
+  mapId: e,
+  defaultProps: {
+    styles: t = qe.styles,
+    labels: n
+  } = {
+    styles: qe.styles,
+    labels: qe.labels
+  },
+  layerProps: r = {},
+  defaultType: i = "mask"
+}) {
+  const o = D((g) => {
+    var M;
+    return (M = g.data[e]) == null ? void 0 : M.enabled;
+  }), a = D((g) => g.setEnabled), l = D((g) => {
+    var M;
+    return (M = g.data[e]) == null ? void 0 : M.values;
+  }), f = D((g) => g.setValue), c = D((g) => {
+    var M;
+    return (M = g.data[e]) == null ? void 0 : M.modeInstance;
+  }), m = D((g) => {
+    var M;
+    return (M = g.data[e]) == null ? void 0 : M.modeSelected;
+  }), d = we((g) => g.setLayer), u = k((g) => g.addLayers), y = k((g) => g.removeLayers), p = k(mt((g) => {
+    var M;
+    return (M = g.maps[e]) == null ? void 0 : M.layers.filter((w) => !Ms.includes(w));
+  })), [v, b] = Se(() => Oe()), S = ue(() => Et({
+    values: l
+  }), [l]), E = ut(S.length);
+  Y(() => (o && u(e, [be]), () => {
+    b(Oe()), y(e, [be]);
+  }), [u, o, e, y]);
+  const h = x(() => {
+    b(Oe()), a(e, !1);
+  }, [e, a]), L = x(({
+    editType: g,
+    updatedData: M
+  }) => {
+    var w;
+    if (g === G.cancel) {
+      h();
+      return;
+    }
+    if (b(M), g !== G.updateTentativeFeature && g === G.addFeature) {
+      const F = M.features[0];
+      (w = F.properties).label ?? (w.label = `${n == null ? void 0 : n.mask} ${E.current + 1}`), E.current += 1;
+      const R = F.id ?? crypto.randomUUID();
+      f(e, R, {
+        geometry: F.geometry,
+        properties: F.properties,
+        visible: !0,
+        type: i
+      }), h();
+    }
+  }, [h, n == null ? void 0 : n.mask, f, e, i]);
+  Y(() => {
+    const g = v.features.length > 0, {
+      border: M,
+      point: w,
+      fill: F
+    } = t.colors.editing, R = Zn({
+      layerProps: {
+        ...r.mask,
+        pickable: !0,
+        data: v,
+        selectedFeatureIndexes: g ? [0] : []
+      },
+      guideColor: M,
+      fillColor: F,
+      pointColor: w,
+      onEdit: L,
+      mode: c
+    });
+    d(be, R);
+  }, [v, r.mask, c, L, d, t.colors.editing]);
+  const T = ue(() => ({
+    type: "FeatureCollection",
+    features: S.map((g) => ({
+      type: "Feature",
+      geometry: g.geometry,
+      properties: g.properties,
+      id: g.id
+    }))
+  }), [S]), C = ue(() => {
+    const g = S.filter((w) => w.visible).map((w) => w.id), M = v.features.map((w) => w.id);
+    return M.length ? g.filter((w) => !M.includes(w)) : g;
+  }, [v.features, S]);
+  return Y(() => {
+    const g = {
+      ...Te,
+      pickable: o && m === "edit",
+      visible: !0,
+      data: T,
+      getLineColor: t.colors.finished.border,
+      getFillColor: t.colors.finished.fill,
+      extensions: Ls,
+      getFilterValue: (M) => Number(C.includes(M.id)),
+      filterRange: [1, 1],
+      updateTriggers: {
+        getFilterValue: C
+      },
+      onClick: ({
+        object: M
+      }) => {
+        const w = Oe();
+        w.features.push(M), b(w), a(e, !0);
+      }
+    };
+    return d(Te.id, {
+      type: nn,
+      props: g
+    }), u(e, [Te.id]), () => {
+      y(e, [Te.id]);
+    };
+  }, [u, o, e, T, C, m, y, a, d, t.colors.finished.border, t.colors.finished.fill]), Y(() => {
+    p == null || p.forEach((g) => {
+      d(g, {
+        props: {
+          pickable: !o,
+          extensions: [new rn()],
+          maskId: !o && C.length ? Ae : void 0
+        }
+      });
+    });
+  }, [o, e, p, C.length, d]), s;
+}
+function Oe() {
+  return {
+    type: "FeatureCollection",
+    features: []
+  };
+}
+Ps.Controls = Jn;
+function ws({
+  mode: s,
   ...e
 }) {
-  const t = cs({
-    mode: n,
+  const t = _s({
+    mode: s,
     ...e
   });
   return {
-    type: lt,
+    type: ft,
     props: {
       ...t,
-      mode: n,
+      mode: s,
       data: []
     }
   };
 }
-function cs({
-  mode: n,
+function _s({
+  mode: s,
   layerProps: e,
   locale: t,
-  enabled: s,
-  unit: i,
-  onEdit: r,
+  enabled: n,
+  unit: r,
+  onEdit: i,
   guideColor: o,
   pointColor: a,
   textOptions: l
 }) {
-  const u = ye(e, {
-    visible: s,
-    pickable: s,
+  const f = Ee(e, {
+    visible: n,
+    pickable: n,
     modeConfig: {
       // We force distance due to conversion is addressed at feature getText level
-      formatTooltip: (y) => y,
+      formatTooltip: (d) => d,
       turfOptions: {
-        units: is.meters
+        units: Ss.meters
       }
     },
-    ...s && {
-      onEdit: r
+    ...n && {
+      onEdit: i
     },
     _subLayerProps: {
       tooltips: {
-        getText: (y) => {
-          var c;
-          return (c = n == null ? void 0 : n.getTooltipText) == null ? void 0 : c.call(n, {
-            meters: y.text,
+        outlineColor: [255, 255, 255, 255],
+        outlineWidth: 6,
+        fontSettings: {
+          sdf: !0,
+          // needed for the outlineWidth and outlineColor attributes to be effective
+          smoothing: 0.2
+        },
+        getText: (d) => {
+          var u;
+          return (u = s == null ? void 0 : s.getTooltipText) == null ? void 0 : u.call(s, {
+            meters: d.text,
             locale: t,
-            unit: i,
+            unit: r,
             options: l
           });
         },
         updateTriggers: {
-          getText: [i, t, l]
+          getText: [r, t, l]
         }
       }
     }
-  }), d = ye(ss, {
+  }), c = Ee(gs, {
     _subLayerProps: {
       guides: {
         getLineColor: o,
@@ -1785,675 +1811,1241 @@ function cs({
     getEditHandlePointColor: a,
     getEditHandlePointOutlineColor: o
   });
-  return ye(d, u);
+  return Ee(c, f);
 }
-const us = (n) => qe()((e) => ({
-  measurements: n.reduce((s, i) => {
+const Ts = (s) => Ge()((e) => ({
+  measurements: s.reduce((n, r) => {
     const {
-      mapId: r,
+      mapId: i,
       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 = bs,
+      units: l = Es,
+      distance: f = 0,
+      finished: c = !1,
+      locale: m = "en",
+      positions: d = [],
+      clearLayerOnStart: u = !1,
+      unit: y = Ne["m-km"],
+      enabled: p = !1
+    } = r;
+    return n[i] = {
       modes: a,
       units: l,
       modeSelected: o,
-      distance: u,
-      finished: d,
-      locale: p,
-      positions: y,
-      unit: m,
-      clearLayerOnStart: c,
-      enabled: h
-    }, s;
+      distance: f,
+      finished: c,
+      locale: m,
+      positions: d,
+      unit: y,
+      clearLayerOnStart: u,
+      enabled: p
+    }, n;
   }, {}),
-  mode: Mt,
-  setModeInstance: (s, i) => {
-    e((r) => ({
+  mode: _t,
+  setModeInstance: (n, r) => {
+    e((i) => ({
       measurements: {
-        ...r.measurements,
-        [s]: {
-          ...r.measurements[s],
-          modeInstance: i
+        ...i.measurements,
+        [n]: {
+          ...i.measurements[n],
+          modeInstance: r
         }
       }
     }));
   },
-  setModeSelected: (s, i) => {
-    e((r) => ({
+  setModeSelected: (n, r) => {
+    e((i) => ({
       measurements: {
-        ...r.measurements,
-        [s]: {
-          ...r.measurements[s],
-          modeSelected: i
+        ...i.measurements,
+        [n]: {
+          ...i.measurements[n],
+          modeSelected: r
         }
       }
     }));
   },
-  setFinished: (s, i) => {
-    e((r) => ({
+  setFinished: (n, r) => {
+    e((i) => ({
       measurements: {
-        ...r.measurements,
-        [s]: {
-          ...r.measurements[s],
-          finished: i
+        ...i.measurements,
+        [n]: {
+          ...i.measurements[n],
+          finished: r
         }
       }
     }));
   },
-  setDistance: (s, i) => {
-    e((r) => ({
+  setDistance: (n, r) => {
+    e((i) => ({
       measurements: {
-        ...r.measurements,
-        [s]: {
-          ...r.measurements[s],
-          distance: i
+        ...i.measurements,
+        [n]: {
+          ...i.measurements[n],
+          distance: r
         }
       }
     }));
   },
-  setUnit: (s, i) => {
-    e((r) => ({
+  setUnit: (n, r) => {
+    e((i) => ({
       measurements: {
-        ...r.measurements,
-        [s]: {
-          ...r.measurements[s],
-          unit: i
+        ...i.measurements,
+        [n]: {
+          ...i.measurements[n],
+          unit: r
         }
       }
     }));
   },
-  setLocale: (s, i) => {
-    e((r) => ({
+  setLocale: (n, r) => {
+    e((i) => ({
       measurements: {
-        ...r.measurements,
-        [s]: {
-          ...r.measurements[s],
-          locale: i
+        ...i.measurements,
+        [n]: {
+          ...i.measurements[n],
+          locale: r
         }
       }
     }));
   },
-  setPositions: (s, i) => {
-    e((r) => ({
+  setPositions: (n, r) => {
+    e((i) => ({
       measurements: {
-        ...r.measurements,
-        [s]: {
-          ...r.measurements[s],
-          positions: [...i]
+        ...i.measurements,
+        [n]: {
+          ...i.measurements[n],
+          positions: [...r]
         }
       }
     }));
   },
-  setEnable: (s, i) => {
-    e((r) => ({
+  setEnabled: (n, r) => {
+    e((i) => ({
       measurements: {
-        ...r.measurements,
-        [s]: {
-          ...r.measurements[s],
-          enabled: i
+        ...i.measurements,
+        [n]: {
+          ...i.measurements[n],
+          enabled: r
         }
       }
     }));
   }
-})), Et = Ne({});
-function Js(n) {
-  const e = ee(5), {
+})), Tt = Ie({});
+function Cs(s) {
+  const e = _(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);
+    values: n
+  } = s;
+  let r;
+  e[0] !== n ? (r = Ts(n), e[0] = n, e[1] = r) : r = e[1];
+  const [i] = Se(r);
   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;
+  return e[2] !== t || e[3] !== i ? (o = /* @__PURE__ */ V(Tt.Provider, { value: i, children: t }), e[2] = t, e[3] = i, 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 A(s) {
+  const e = Be(Tt);
+  if (!Object.keys(e).length)
+    throw new Error("Missing MeasurementToolsProvider in the tree");
+  return He(e, s);
 }
-function Lt(n) {
-  const e = ee(73), {
+function Ct(s) {
+  const e = _(74), {
     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);
+  } = s;
+  let n;
+  e[0] !== t ? (n = (P) => P.measurements[t].modes, e[0] = t, e[1] = n) : n = e[1];
+  const r = A(n);
+  let i;
+  e[2] !== t ? (i = (P) => P.measurements[t].units, e[2] = t, e[3] = i) : i = e[3];
+  const o = A(i);
   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);
+  e[4] !== t ? (a = (P) => P.measurements[t].distance, e[4] = t, e[5] = a) : a = e[5];
+  const l = A(a), f = A(Us);
+  let c;
+  e[6] !== f || e[7] !== t ? (c = (P) => f(t, P), e[6] = f, e[7] = t, e[8] = c) : c = e[8];
+  const m = c;
   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;
+  e[9] !== t ? (d = (P) => P.measurements[t].clearLayerOnStart, e[9] = t, e[10] = d) : d = e[10];
+  const u = A(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;
+  e[11] !== t ? (y = (P) => P.measurements[t].enabled, e[11] = t, e[12] = y) : y = e[12];
+  const p = A(y), v = A(xs);
+  let b;
+  e[13] !== v || e[14] !== t ? (b = (P) => v(t, P), e[13] = v, e[14] = t, e[15] = b) : b = e[15];
+  const S = b;
   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;
+  e[16] !== t ? (E = (P) => P.measurements[t].modeSelected, e[16] = t, e[17] = E) : E = e[17];
+  const h = A(E), L = A(Ds);
+  let T;
+  e[18] !== L || e[19] !== t || e[20] !== S ? (T = (P) => {
+    S(!!P), L(t, P);
+  }, e[18] = L, e[19] = t, e[20] = S, e[21] = T) : T = e[21];
+  const C = T;
+  let g;
+  e[22] !== t ? (g = (P) => P.measurements[t].finished, e[22] = t, e[23] = g) : g = e[23];
+  const M = A(g), w = A(Rs);
+  let F;
+  e[24] !== w || e[25] !== t ? (F = (P) => w(t, P), e[24] = w, e[25] = t, e[26] = F) : F = e[26];
+  const R = F;
+  let q;
+  e[27] !== t ? (q = (P) => P.measurements[t].locale, e[27] = t, e[28] = q) : q = e[28];
+  const X = A(q), N = A(As);
   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);
+  e[29] !== N || e[30] !== t ? (U = (P) => N(t, P), e[29] = N, e[30] = t, e[31] = U) : U = e[31];
+  const $ = U;
+  let ne;
+  e[32] !== t ? (ne = (P) => P.measurements[t].modeInstance, e[32] = t, e[33] = ne) : ne = e[33];
+  const I = A(ne), Me = A(Os);
+  let H;
+  e[34] !== Me || e[35] !== t ? (H = (P) => Me(t, P), e[34] = Me, e[35] = t, e[36] = H) : H = e[36];
+  const ve = H;
   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;
+  e[37] !== t ? (J = (P) => P.measurements[t].positions, e[37] = t, e[38] = J) : J = e[38];
+  const pe = A(J), se = A(Fs);
+  let re;
+  e[39] !== se || e[40] !== t ? (re = (P) => se(t, P), e[39] = se, e[40] = t, e[41] = re) : re = e[41];
+  const W = re;
+  let ie;
+  e[42] !== t ? (ie = (P) => P.measurements[t].unit, e[42] = t, e[43] = ie) : ie = e[43];
+  const oe = A(ie), ae = A(ks);
+  let ee;
+  e[44] !== ae || e[45] !== t ? (ee = (P) => ae(t, P), e[44] = ae, e[45] = t, e[46] = ee) : ee = e[46];
+  const K = ee;
   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,
+  e[47] !== I || e[48] !== W ? (j = () => {
+    I == null || I.resetClickSequence(), W([]);
+  }, e[47] = I, e[48] = W, e[49] = j) : j = e[49];
+  const Z = j;
+  let Q;
+  e[50] !== S ? (Q = (P) => {
+    S(P);
+  }, e[50] = S, e[51] = Q) : Q = e[51];
+  const le = Q;
+  let me;
+  return e[52] !== Z || e[53] !== u || e[54] !== l || e[55] !== p || e[56] !== M || e[57] !== X || e[58] !== I || e[59] !== h || e[60] !== r || e[61] !== pe || e[62] !== m || e[63] !== S || e[64] !== R || e[65] !== $ || e[66] !== ve || e[67] !== C || e[68] !== W || e[69] !== K || e[70] !== le || e[71] !== oe || e[72] !== o ? (me = {
+    modes: r,
     units: o,
     distance: l,
-    clearLayerOnStart: c,
+    clearLayerOnStart: u,
     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), {
+    enabled: p,
+    finished: M,
+    locale: X,
+    modeInstance: I,
+    positions: pe,
+    unit: oe,
+    setDistance: m,
+    setModeSelected: C,
+    setFinished: R,
+    setLocale: $,
+    setPositions: W,
+    setUnit: K,
+    setEnabled: S,
+    toggleLayer: le,
+    clearLayer: Z,
+    setModeInstance: ve
+  }, e[52] = Z, e[53] = u, e[54] = l, e[55] = p, e[56] = M, e[57] = X, e[58] = I, e[59] = h, e[60] = r, e[61] = pe, e[62] = m, e[63] = S, e[64] = R, e[65] = $, e[66] = ve, e[67] = C, e[68] = W, e[69] = K, e[70] = le, e[71] = oe, e[72] = o, e[73] = me) : me = e[73], me;
+}
+function ks(s) {
+  return s.setUnit;
+}
+function Fs(s) {
+  return s.setPositions;
+}
+function Os(s) {
+  return s.setModeInstance;
+}
+function As(s) {
+  return s.setLocale;
+}
+function Rs(s) {
+  return s.setFinished;
+}
+function Ds(s) {
+  return s.setModeSelected;
+}
+function xs(s) {
+  return s.setEnabled;
+}
+function Us(s) {
+  return s.setDistance;
+}
+function qs(s) {
+  const e = _(42), {
     mapId: t,
-    textOptions: s,
-    children: i
-  } = n;
-  let r;
-  e[0] !== t ? (r = {
+    textOptions: n,
+    children: r
+  } = s;
+  let i;
+  e[0] !== t ? (i = {
     mapId: t
-  }, e[0] = t, e[1] = r) : r = e[1];
+  }, e[0] = t, e[1] = i) : i = e[1];
   const {
     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,
+    setDistance: f,
+    clearLayerOnStart: c,
+    modeSelected: m,
+    setModeSelected: d,
+    enabled: u,
+    setEnabled: y,
+    finished: p,
+    setFinished: v,
+    locale: b,
+    setLocale: S,
     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);
+    setModeInstance: h,
+    positions: L,
+    setPositions: T,
+    unit: C,
+    setUnit: g,
+    clearLayer: M,
+    toggleLayer: w
+  } = Ct(i);
+  let F;
+  e[2] !== m || e[3] !== o || e[4] !== h || e[5] !== T ? (F = () => {
+    if (m && o[m]) {
+      const $ = o[m].mode;
+      h(new $());
     }
     return () => {
-      P([]);
+      T([]);
     };
-  }, 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;
+  }, e[2] = m, e[3] = o, e[4] = h, e[5] = T, e[6] = F) : F = e[6];
   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({
+  e[7] !== m || e[8] !== o || e[9] !== y || e[10] !== h || e[11] !== T ? (R = [o, m, T, h, y], e[7] = m, e[8] = o, e[9] = y, e[10] = h, e[11] = T, e[12] = R) : R = e[12], Y(F, R);
+  let q;
+  e[13] !== w || e[14] !== M || e[15] !== c || e[16] !== p ? (q = ($) => {
+    $ && (c || !p) && M(), w($);
+  }, e[13] = w, e[14] = M, e[15] = c, e[16] = p, e[17] = q) : q = e[17];
+  const X = q, N = !!c;
+  let U;
+  return e[18] !== r || e[19] !== M || e[20] !== l || e[21] !== u || e[22] !== p || e[23] !== b || e[24] !== t || e[25] !== E || e[26] !== m || e[27] !== o || e[28] !== L || e[29] !== f || e[30] !== y || e[31] !== v || e[32] !== S || e[33] !== d || e[34] !== T || e[35] !== g || e[36] !== N || e[37] !== n || e[38] !== X || e[39] !== C || e[40] !== a ? (U = r({
     mapId: t,
     distance: l,
-    enabled: c,
-    finished: h,
-    locale: S,
-    positions: _,
-    unit: g,
-    clearLayerOnStart: V,
-    modeSelected: p,
+    enabled: u,
+    finished: p,
+    locale: b,
+    positions: L,
+    unit: C,
+    clearLayerOnStart: N,
+    modeSelected: m,
     modes: o,
     units: a,
-    value: ke({
+    value: Re({
       meters: l,
-      unit: g,
-      locale: S,
-      options: s
+      unit: C,
+      locale: b,
+      options: n
     }),
     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;
-}
-function Ms({
-  children: n,
+    setModeSelected: d,
+    setDistance: f,
+    setFinished: v,
+    setLocale: S,
+    setPositions: T,
+    setUnit: g,
+    setEnabled: y,
+    toggleLayer: X,
+    clearLayer: M
+  }), e[18] = r, e[19] = M, e[20] = l, e[21] = u, e[22] = p, e[23] = b, e[24] = t, e[25] = E, e[26] = m, e[27] = o, e[28] = L, e[29] = f, e[30] = y, e[31] = v, e[32] = S, e[33] = d, e[34] = T, e[35] = g, e[36] = N, e[37] = n, e[38] = X, e[39] = C, e[40] = a, e[41] = U) : U = e[41], U;
+}
+const $s = [ge];
+function Vs({
+  children: s,
   mapId: e,
   defaultProps: {
-    styles: t = st.styles
+    styles: t = it.styles
   } = {
-    styles: st.styles
+    styles: it.styles
   },
-  layerProps: s = {},
-  textOptions: i
+  layerProps: n = {},
+  textOptions: r
 }) {
   const {
-    setDistance: r,
+    setDistance: i,
     clearLayerOnStart: o,
     enabled: a,
     finished: l,
-    setFinished: u,
-    locale: d,
-    setPositions: p,
-    unit: y,
-    modeInstance: c
-  } = Lt({
+    setFinished: f,
+    locale: c,
+    setPositions: m,
+    unit: d,
+    modeInstance: u
+  } = Ct({
     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
+  }), y = we((E) => E.setLayer), p = k((E) => E.addLayers), v = k((E) => E.removeLayers), b = k(mt((E) => {
+    var h;
+    return (h = E.maps[e]) == null ? void 0 : h.layers.filter((L) => !$s.includes(L));
+  }));
+  Y(() => (a && p(e, [ge]), () => {
+    v(e, [ge]);
+  }), [p, o, e, v, a]), Y(() => {
+    b == null || b.forEach((E) => {
+      y(E, {
+        props: {
+          pickable: !a
+        }
+      });
+    });
+  }, [a, b, y]);
+  const S = x(({
+    editType: E,
+    editContext: h
   }) => {
-    if (v === G.cancel) {
-      c.resetClickSequence();
+    if (E === G.cancel) {
+      u.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({
+    E === G.addPosition && i(h.distance), f(!!h.finished);
+    const L = h.positions;
+    L != null && L.length && m(L);
+  }, [u, i, f, m]);
+  return Y(() => {
+    const E = l ? t.colors.finished : t.colors.editing, h = l ? t.colors.finished : t.colors.point, L = ws({
       layerProps: {
-        ...s,
-        pickable: s.pickable ?? !l
+        ...n,
+        pickable: n.pickable ?? !l
       },
       enabled: a,
-      guideColor: v,
-      pointColor: E,
-      locale: d,
+      guideColor: E,
+      pointColor: h,
+      locale: c,
       onEdit: S,
-      unit: y,
-      mode: c,
-      textOptions: i
+      unit: d,
+      mode: u,
+      textOptions: r
     });
-    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];
+    y(ge, L);
+  }, [l, u, n, c, S, y, t.colors.editing, t.colors.finished, t.colors.point, r, d, a]), s;
+}
+Vs.Controls = qs;
+function Ns(s) {
+  const e = _(7), {
+    mapId: t
+  } = s;
+  let n;
+  e[0] !== t ? (n = (f) => f.maps[t], e[0] = t, e[1] = n) : n = e[1];
   const {
-    layers: i
-  } = k(s), r = Be(bs);
+    layers: r
+  } = k(n), i = we(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;
+  if (e[2] !== i || e[3] !== r) {
+    let f;
+    e[5] !== i ? (f = (c) => i[c], e[5] = i, e[6] = f) : f = e[6], a = r.map(f).filter(Is), e[2] = i, e[3] = r, e[4] = a;
   } else
     a = e[4];
   return o = a, o;
 }
-function Ls(n) {
-  return !!n;
+function Is(s) {
+  return !!s;
+}
+function Bs(s) {
+  return s.layers;
 }
-function bs(n) {
-  return n.layers;
+const lt = [Ae, be, ge];
+function kt(s) {
+  const e = s.filter((n) => !lt.includes(n.props.id)).sort((n, r) => (n.order ?? 1 / 0) - (r.order ?? 1 / 0)), t = lt.map((n) => s.find((r) => r.props.id === n)).filter((n) => !!n);
+  return [...e, ...t];
 }
-function Qs({
-  id: n,
+const Gs = 200;
+function xr({
+  id: s,
   onLoad: e,
   onViewStateChange: t,
-  ...s
+  ...n
 }) {
   const {
-    basemap: i,
-    instanceRef: r,
+    basemap: r,
+    instanceRef: i,
     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);
+  } = k((h) => h.maps[s]), a = ut(null), l = k((h) => h.viewStates[s]), f = k((h) => h.setViewState), c = k((h) => h.setLoad), m = k((h) => h.setLayersLoad), d = k((h) => h.updateViewPort), u = Ns({
+    mapId: s
+  }), y = ue(() => kt(u), [u]), p = x((h) => {
+    const L = f;
+    if (h.interactionState.isZooming && (a.current && clearInterval(a.current), a.current = setTimeout(() => {
+      d(s);
+    }, Gs)), t) {
+      t(h, L);
       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) => ({
+    L(s, h.viewState);
+  }, [s, t, f, d]), v = x((h) => {
+    c(s, h), e == null || e(h), d(s);
+  }, [s, e, c, d]), b = x((h) => {
+    var C, g, M;
+    const L = (g = (C = i == null ? void 0 : i.current) == null ? void 0 : C.deck) == null ? void 0 : g.props.layers, T = !!(L != null && L.every((w) => w == null ? void 0 : w.isLoaded));
+    m(s, T), (M = n.onAfterRender) == null || M.call(n, h);
+  }, [s, i, n, m]), S = n.onDragEnd, E = x((...h) => {
+    d(s), S && S(...h);
+  }, [s, d, S]);
+  return /* @__PURE__ */ V(vn, { ...n, layers: y, instanceRef: i, overlayRef: o, basemap: r, initialViewState: l, onLoad: v, onViewStateChange: p, onAfterRender: b, onDragEnd: E });
+}
+const Hs = "https://gcp-us-east1.api.carto.com", Ws = "ps", js = pt((s) => ({
   sources: {},
-  setSource: (e, t) => n((s) => {
-    const i = {
-      ...s.sources
+  setSource: (e, t) => s((n) => {
+    const r = {
+      ...n.sources
     };
     if (!t)
-      return delete i[e], {
-        sources: i
+      return delete r[e], {
+        sources: r
       };
-    const {
-      apiBaseUrl: r = ws,
-      clientId: o = _s,
-      ...a
-    } = t, l = i[e] ?? {
-      apiBaseUrl: r,
-      clientId: o
-    };
-    return i[e] = {
-      ...l,
-      ...a
-    }, {
-      sources: i
+    const i = {
+      ...r[e] ?? {
+        apiBaseUrl: Hs,
+        clientId: Ws
+      },
+      ...t
+    }, o = Ks({
+      source: i
+    });
+    return i.widgets = o, r[e] = i, {
+      sources: r
     };
   })
 }));
-function ti({
-  mapId: n
+function Qs(s) {
+  const e = _(2);
+  let t;
+  return e[0] !== s ? (t = (n) => n.sources[s], e[0] = s, e[1] = t) : t = e[1], js(t);
+}
+function Ks({
+  source: s
 }) {
-  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;
+  const e = {
+    query: () => {
+      const r = s;
+      return new un({
+        ...r,
+        accessToken: "",
+        sqlQuery: r.data,
+        spatialDataType: r.spatialDataType ?? "geo"
+      });
+    },
+    table: () => {
+      const r = s;
+      return new dn({
+        ...r,
+        accessToken: "",
+        tableName: r.data,
+        spatialDataType: r.spatialDataType ?? "geo"
+      });
+    },
+    tileset: () => {
+      const r = s;
+      return new fn({
+        ...r,
+        accessToken: "",
+        tableName: r.data,
+        tileFormat: r.tileFormat ?? pn.BINARY,
+        spatialDataType: r.spatialDataType ?? "geo"
+      });
+    },
+    raster: () => {
+      const r = s;
+      return r.rasterMetadata ? new mn({
+        ...r,
+        accessToken: "",
+        tableName: r.data,
+        spatialDataType: "quadbin",
+        rasterMetadata: r.rasterMetadata
+      }) : null;
+    }
+  }, t = s.type.split("+")[0], n = e[t];
+  return n == null ? void 0 : n();
+}
+function fe(s, e) {
+  const t = Qs(e);
+  return ue(() => {
+    const n = t == null ? void 0 : t.widgets;
+    return !n || !s ? null : (n.props.accessToken = s, n);
+  }, [s, t]);
+}
+function Zs(s) {
+  const e = _(18), {
+    accessToken: t,
+    sourceId: n,
+    widgetProps: r,
+    useQueryProps: i
+  } = s;
+  let o;
+  e[0] !== i ? (o = i === void 0 ? {} : i, e[0] = i, e[1] = o) : o = e[1];
+  let a, l;
+  e[2] !== o ? ({
+    enabled: a,
+    ...l
+  } = o, e[2] = o, e[3] = a, e[4] = l) : (a = e[3], l = e[4]);
+  const f = a === void 0 ? !0 : a, c = fe(t, n), m = c == null ? void 0 : c.props.filters;
+  let d;
+  e[5] !== t || e[6] !== n || e[7] !== m || e[8] !== r ? (d = ["categories", n, t, r, m], e[5] = t, e[6] = n, e[7] = m, e[8] = r, e[9] = d) : d = e[9];
+  let u;
+  e[10] !== c || e[11] !== r ? (u = () => c == null ? void 0 : c.getCategories(r), e[10] = c, e[11] = r, e[12] = u) : u = e[12];
+  const y = !!c && f;
+  let p;
+  return e[13] !== d || e[14] !== u || e[15] !== y || e[16] !== l ? (p = {
+    queryKey: d,
+    queryFn: u,
+    enabled: y,
+    ...l
+  }, e[13] = d, e[14] = u, e[15] = y, e[16] = l, e[17] = p) : p = e[17], de(p);
+}
+function Ur(s) {
+  const e = _(6);
+  let t, n;
+  e[0] !== s ? ({
+    children: t,
+    ...n
+  } = s, e[0] = s, e[1] = t, e[2] = n) : (t = e[1], n = e[2]);
+  const r = Zs(n);
+  let i;
+  return e[3] !== t || e[4] !== r ? (i = t(r), e[3] = t, e[4] = r, e[5] = i) : i = e[5], i;
+}
+function zs(s) {
+  const e = _(18), {
+    accessToken: t,
+    sourceId: n,
+    widgetProps: r,
+    useQueryProps: i
+  } = s;
+  let o;
+  e[0] !== i ? (o = i === void 0 ? {} : i, e[0] = i, e[1] = o) : o = e[1];
+  let a, l;
+  e[2] !== o ? ({
+    enabled: a,
+    ...l
+  } = o, e[2] = o, e[3] = a, e[4] = l) : (a = e[3], l = e[4]);
+  const f = a === void 0 ? !0 : a, c = fe(t, n), m = c == null ? void 0 : c.props.filters;
+  let d;
+  e[5] !== t || e[6] !== n || e[7] !== m || e[8] !== r ? (d = ["features", n, t, r, m], e[5] = t, e[6] = n, e[7] = m, e[8] = r, e[9] = d) : d = e[9];
+  let u;
+  e[10] !== c || e[11] !== r ? (u = () => c == null ? void 0 : c.getFeatures(r), e[10] = c, e[11] = r, e[12] = u) : u = e[12];
+  const y = !!c && f;
+  let p;
+  return e[13] !== d || e[14] !== u || e[15] !== y || e[16] !== l ? (p = {
+    queryKey: d,
+    queryFn: u,
+    enabled: y,
+    ...l
+  }, e[13] = d, e[14] = u, e[15] = y, e[16] = l, e[17] = p) : p = e[17], de(p);
+}
+function qr(s) {
+  const e = _(6);
+  let t, n;
+  e[0] !== s ? ({
+    children: t,
+    ...n
+  } = s, e[0] = s, e[1] = t, e[2] = n) : (t = e[1], n = e[2]);
+  const r = zs(n);
+  let i;
+  return e[3] !== t || e[4] !== r ? (i = t(r), e[3] = t, e[4] = r, e[5] = i) : i = e[5], i;
+}
+function Ys(s) {
+  const e = _(18), {
+    accessToken: t,
+    sourceId: n,
+    widgetProps: r,
+    useQueryProps: i
+  } = s;
+  let o;
+  e[0] !== i ? (o = i === void 0 ? {} : i, e[0] = i, e[1] = o) : o = e[1];
+  let a, l;
+  e[2] !== o ? ({
+    enabled: a,
+    ...l
+  } = o, e[2] = o, e[3] = a, e[4] = l) : (a = e[3], l = e[4]);
+  const f = a === void 0 ? !0 : a, c = fe(t, n), m = c == null ? void 0 : c.props.filters;
+  let d;
+  e[5] !== t || e[6] !== n || e[7] !== m || e[8] !== r ? (d = ["formula", n, t, r, m], e[5] = t, e[6] = n, e[7] = m, e[8] = r, e[9] = d) : d = e[9];
+  let u;
+  e[10] !== c || e[11] !== r ? (u = () => c == null ? void 0 : c.getFormula(r), e[10] = c, e[11] = r, e[12] = u) : u = e[12];
+  const y = !!c && f;
+  let p;
+  return e[13] !== d || e[14] !== u || e[15] !== y || e[16] !== l ? (p = {
+    queryKey: d,
+    queryFn: u,
+    enabled: y,
+    ...l
+  }, e[13] = d, e[14] = u, e[15] = y, e[16] = l, e[17] = p) : p = e[17], de(p);
+}
+function $r(s) {
+  const e = _(6);
+  let t, n;
+  e[0] !== s ? ({
+    children: t,
+    ...n
+  } = s, e[0] = s, e[1] = t, e[2] = n) : (t = e[1], n = e[2]);
+  const r = Ys(n);
+  let i;
+  return e[3] !== t || e[4] !== r ? (i = t(r), e[3] = t, e[4] = r, e[5] = i) : i = e[5], i;
+}
+function Xs(s) {
+  const e = _(18), {
+    accessToken: t,
+    sourceId: n,
+    widgetProps: r,
+    useQueryProps: i
+  } = s;
+  let o;
+  e[0] !== i ? (o = i === void 0 ? {} : i, e[0] = i, e[1] = o) : o = e[1];
+  let a, l;
+  e[2] !== o ? ({
+    enabled: a,
+    ...l
+  } = o, e[2] = o, e[3] = a, e[4] = l) : (a = e[3], l = e[4]);
+  const f = a === void 0 ? !0 : a, c = fe(t, n), m = c == null ? void 0 : c.props.filters;
+  let d;
+  e[5] !== t || e[6] !== n || e[7] !== m || e[8] !== r ? (d = ["histogram", n, t, r, m], e[5] = t, e[6] = n, e[7] = m, e[8] = r, e[9] = d) : d = e[9];
+  let u;
+  e[10] !== c || e[11] !== r ? (u = () => c == null ? void 0 : c.getHistogram(r), e[10] = c, e[11] = r, e[12] = u) : u = e[12];
+  const y = !!c && f;
+  let p;
+  return e[13] !== d || e[14] !== u || e[15] !== y || e[16] !== l ? (p = {
+    queryKey: d,
+    queryFn: u,
+    enabled: y,
+    ...l
+  }, e[13] = d, e[14] = u, e[15] = y, e[16] = l, e[17] = p) : p = e[17], de(p);
+}
+function Vr(s) {
+  const e = _(6);
+  let t, n;
+  e[0] !== s ? ({
+    children: t,
+    ...n
+  } = s, e[0] = s, e[1] = t, e[2] = n) : (t = e[1], n = e[2]);
+  const r = Xs(n);
+  let i;
+  return e[3] !== t || e[4] !== r ? (i = t(r), e[3] = t, e[4] = r, e[5] = i) : i = e[5], i;
+}
+function Js(s) {
+  const e = _(18), {
+    accessToken: t,
+    sourceId: n,
+    widgetProps: r,
+    useQueryProps: i
+  } = s;
+  let o;
+  e[0] !== i ? (o = i === void 0 ? {} : i, e[0] = i, e[1] = o) : o = e[1];
+  let a, l;
+  e[2] !== o ? ({
+    enabled: a,
+    ...l
+  } = o, e[2] = o, e[3] = a, e[4] = l) : (a = e[3], l = e[4]);
+  const f = a === void 0 ? !0 : a, c = fe(t, n), m = c == null ? void 0 : c.props.filters;
+  let d;
+  e[5] !== t || e[6] !== n || e[7] !== m || e[8] !== r ? (d = ["range", n, t, r, m], e[5] = t, e[6] = n, e[7] = m, e[8] = r, e[9] = d) : d = e[9];
+  let u;
+  e[10] !== c || e[11] !== r ? (u = () => c == null ? void 0 : c.getRange(r), e[10] = c, e[11] = r, e[12] = u) : u = e[12];
+  const y = !!c && f;
+  let p;
+  return e[13] !== d || e[14] !== u || e[15] !== y || e[16] !== l ? (p = {
+    queryKey: d,
+    queryFn: u,
+    enabled: y,
+    ...l
+  }, e[13] = d, e[14] = u, e[15] = y, e[16] = l, e[17] = p) : p = e[17], de(p);
+}
+function Nr(s) {
+  const e = _(6);
+  let t, n;
+  e[0] !== s ? ({
+    children: t,
+    ...n
+  } = s, e[0] = s, e[1] = t, e[2] = n) : (t = e[1], n = e[2]);
+  const r = Js(n);
+  let i;
+  return e[3] !== t || e[4] !== r ? (i = t(r), e[3] = t, e[4] = r, e[5] = i) : i = e[5], i;
+}
+function er(s) {
+  const e = _(18), {
+    accessToken: t,
+    sourceId: n,
+    widgetProps: r,
+    useQueryProps: i
+  } = s;
+  let o;
+  e[0] !== i ? (o = i === void 0 ? {} : i, e[0] = i, e[1] = o) : o = e[1];
+  let a, l;
+  e[2] !== o ? ({
+    enabled: a,
+    ...l
+  } = o, e[2] = o, e[3] = a, e[4] = l) : (a = e[3], l = e[4]);
+  const f = a === void 0 ? !0 : a, c = fe(t, n), m = c == null ? void 0 : c.props.filters;
+  let d;
+  e[5] !== t || e[6] !== n || e[7] !== m || e[8] !== r ? (d = ["scatter", n, t, r, m], e[5] = t, e[6] = n, e[7] = m, e[8] = r, e[9] = d) : d = e[9];
+  let u;
+  e[10] !== c || e[11] !== r ? (u = () => c == null ? void 0 : c.getScatter(r), e[10] = c, e[11] = r, e[12] = u) : u = e[12];
+  const y = !!c && f;
+  let p;
+  return e[13] !== d || e[14] !== u || e[15] !== y || e[16] !== l ? (p = {
+    queryKey: d,
+    queryFn: u,
+    enabled: y,
+    ...l
+  }, e[13] = d, e[14] = u, e[15] = y, e[16] = l, e[17] = p) : p = e[17], de(p);
+}
+function Ir(s) {
+  const e = _(6);
+  let t, n;
+  e[0] !== s ? ({
+    children: t,
+    ...n
+  } = s, e[0] = s, e[1] = t, e[2] = n) : (t = e[1], n = e[2]);
+  const r = er(n);
+  let i;
+  return e[3] !== t || e[4] !== r ? (i = t(r), e[3] = t, e[4] = r, e[5] = i) : i = e[5], i;
+}
+function tr(s) {
+  const e = _(18), {
+    accessToken: t,
+    sourceId: n,
+    widgetProps: r,
+    useQueryProps: i
+  } = s;
+  let o;
+  e[0] !== i ? (o = i === void 0 ? {} : i, e[0] = i, e[1] = o) : o = e[1];
+  let a, l;
+  e[2] !== o ? ({
+    enabled: a,
+    ...l
+  } = o, e[2] = o, e[3] = a, e[4] = l) : (a = e[3], l = e[4]);
+  const f = a === void 0 ? !0 : a, c = fe(t, n), m = c == null ? void 0 : c.props.filters;
+  let d;
+  e[5] !== t || e[6] !== n || e[7] !== m || e[8] !== r ? (d = ["table", n, t, r, m], e[5] = t, e[6] = n, e[7] = m, e[8] = r, e[9] = d) : d = e[9];
+  let u;
+  e[10] !== c || e[11] !== r ? (u = () => c == null ? void 0 : c.getTable(r), e[10] = c, e[11] = r, e[12] = u) : u = e[12];
+  const y = !!c && f;
+  let p;
+  return e[13] !== d || e[14] !== u || e[15] !== y || e[16] !== l ? (p = {
+    queryKey: d,
+    queryFn: u,
+    enabled: y,
+    ...l
+  }, e[13] = d, e[14] = u, e[15] = y, e[16] = l, e[17] = p) : p = e[17], de(p);
+}
+function Br(s) {
+  const e = _(6);
+  let t, n;
+  e[0] !== s ? ({
+    children: t,
+    ...n
+  } = s, e[0] = s, e[1] = t, e[2] = n) : (t = e[1], n = e[2]);
+  const r = tr(n);
+  let i;
+  return e[3] !== t || e[4] !== r ? (i = t(r), e[3] = t, e[4] = r, e[5] = i) : i = e[5], i;
+}
+function nr(s) {
+  const e = _(18), {
+    accessToken: t,
+    sourceId: n,
+    widgetProps: r,
+    useQueryProps: i
+  } = s;
+  let o;
+  e[0] !== i ? (o = i === void 0 ? {} : i, e[0] = i, e[1] = o) : o = e[1];
+  let a, l;
+  e[2] !== o ? ({
+    enabled: a,
+    ...l
+  } = o, e[2] = o, e[3] = a, e[4] = l) : (a = e[3], l = e[4]);
+  const f = a === void 0 ? !0 : a, c = fe(t, n), m = c == null ? void 0 : c.props.filters;
+  let d;
+  e[5] !== t || e[6] !== n || e[7] !== m || e[8] !== r ? (d = ["time-series", n, t, r, m], e[5] = t, e[6] = n, e[7] = m, e[8] = r, e[9] = d) : d = e[9];
+  let u;
+  e[10] !== c || e[11] !== r ? (u = () => c == null ? void 0 : c.getTimeSeries(r), e[10] = c, e[11] = r, e[12] = u) : u = e[12];
+  const y = !!c && f;
+  let p;
+  return e[13] !== d || e[14] !== u || e[15] !== y || e[16] !== l ? (p = {
+    queryKey: d,
+    queryFn: u,
+    enabled: y,
+    ...l
+  }, e[13] = d, e[14] = u, e[15] = y, e[16] = l, e[17] = p) : p = e[17], de(p);
+}
+function Gr(s) {
+  const e = _(6);
+  let t, n;
+  e[0] !== s ? ({
+    children: t,
+    ...n
+  } = s, e[0] = s, e[1] = t, e[2] = n) : (t = e[1], n = e[2]);
+  const r = nr(n);
+  let i;
+  return e[3] !== t || e[4] !== r ? (i = t(r), e[3] = t, e[4] = r, e[5] = i) : i = e[5], i;
+}
+function Hr(s) {
+  const e = _(13), {
+    children: t,
+    maps: n,
+    lassoTools: r,
+    measureTools: i
+  } = s;
+  let o;
+  e[0] !== r ? (o = r === void 0 ? [] : r, e[0] = r, e[1] = o) : o = e[1];
+  const a = o;
+  let l;
+  e[2] !== i ? (l = i === void 0 ? [] : i, e[2] = i, e[3] = l) : l = e[3];
+  const f = l;
+  let c;
+  e[4] !== t || e[5] !== f ? (c = /* @__PURE__ */ V(Cs, { values: f, children: t }), e[4] = t, e[5] = f, e[6] = c) : c = e[6];
+  let m;
+  e[7] !== a || e[8] !== c ? (m = /* @__PURE__ */ V(Xn, { values: a, children: c }), e[7] = a, e[8] = c, e[9] = m) : m = e[9];
+  let d;
+  return e[10] !== n || e[11] !== m ? (d = /* @__PURE__ */ V(Rn, { values: n, children: m }), e[10] = n, e[11] = m, e[12] = d) : d = e[12], d;
+}
+function Wr(s, e) {
+  const t = we((f) => f.layers), n = we((f) => f.setLayer), r = ue(() => kt(s.map((f) => t[f]).filter((f) => !!f)), [t, s]), i = ue(() => r.map(e), [e, r]), o = x(({
+    id: f,
+    visible: c,
+    ...m
+  }) => {
+    n(f, {
+      props: {
+        visible: c
+      },
+      legend: m
+    });
+  }, [n]), a = x(({
+    id: f,
+    collapsed: c
+  }) => {
+    n(f, {
+      legend: {
+        collapsed: c
+      }
+    });
+  }, [n]), l = x(({
+    id: f,
+    opacity: c
+  }) => {
+    n(f, {
+      props: {
+        opacity: c
+      }
+    });
+  }, [n]);
+  return {
+    legend: i,
+    onChangeVisibility: o,
+    onChangeOpacity: l,
+    onChangRowCollapsed: a
+  };
+}
+function jr({
+  mapId: s
+}) {
+  const [e, t] = Se(void 0), [n, r] = Se(!1), i = k((p) => {
+    var v;
+    return (v = p.maps[s]) == null ? void 0 : v.basemap;
+  }), o = k((p) => p.getDeckInstance), a = k((p) => p.getOverlayInstance), l = k((p) => {
+    var v;
+    return (v = p.maps[s]) == null ? void 0 : v.areLayersLoaded;
+  }), c = k((p) => {
+    var v;
+    return (v = p.maps[s]) == null ? void 0 : v.isLoaded;
   }) && l, {
-    type: p
-  } = dt[r], y = p === le.googleMaps, c = q(async () => {
+    type: m
+  } = gt[i], d = m === ce.googleMaps, u = x(async () => {
+    const p = o(s), v = a(s);
     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")
+      const b = document.createElement("canvas");
+      b.width = p.width ?? 0, b.height = p.height ?? 0;
+      const S = b.getContext("2d");
+      if (d) {
+        const h = v;
+        if (h.getRenderingType() !== "RASTER")
           throw new Error("Only raster type is supported for Google Maps");
-        const E = await en(v.getDiv(), {
+        const L = await hn(h.getDiv(), {
           useCORS: !0
         });
-        f == null || f.drawImage(E, 0, 0, o.width, o.height);
+        S == null || S.drawImage(L, 0, 0, p.width, p.height);
       } else {
-        const v = a;
-        v.redraw(), f == null || f.drawImage(v.getMap().getCanvas(), 0, 0, o.width, o.height);
+        const h = v;
+        h.redraw(), S == null || S.drawImage(h.getMap().getCanvas(), 0, 0, p.width, p.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);
+      p == null || p.redraw("screenshot"), S == null || S.drawImage(p.getCanvas(), 0, 0, p.width, p.height);
+      const E = b.toDataURL();
+      t(E);
+    } catch (b) {
+      console.error(b);
     } finally {
-      i(!1);
+      r(!1);
     }
-  }, [o, y, a]);
+  }, [o, d, s, a]);
   return {
-    takeScreenshot: q(() => {
-      i(!0), d && c();
-    }, [c, d]),
-    isLoading: s,
+    takeScreenshot: x(() => {
+      r(!0), c && u();
+    }, [u, c]),
+    isLoading: n,
     screenshot: e
   };
 }
-const me = {
+function Qr(s) {
+  const e = _(8), {
+    mapId: t
+  } = s;
+  let n;
+  e[0] !== t ? (n = {
+    mapId: t
+  }, e[0] = t, e[1] = n) : n = e[1];
+  const r = sr(n);
+  let i;
+  e[2] !== t ? (i = {
+    mapId: t
+  }, e[2] = t, e[3] = i) : i = e[3];
+  const o = rr(i), a = o ?? r;
+  let l;
+  return e[4] !== o || e[5] !== a || e[6] !== r ? (l = {
+    spatialFilter: a,
+    lassoToolsSpatialFilter: o,
+    viewportSpatialFilter: r
+  }, e[4] = o, e[5] = a, e[6] = r, e[7] = l) : l = e[7], l;
+}
+function sr(s) {
+  const e = _(4), {
+    mapId: t
+  } = s;
+  let n;
+  e[0] !== t ? (n = (o) => o.viewports[t], e[0] = t, e[1] = n) : n = e[1];
+  const r = k(n);
+  let i;
+  e: {
+    if (!r) {
+      i = void 0;
+      break e;
+    }
+    let o;
+    e[2] !== r ? (o = yn(r.getBounds()), e[2] = r, e[3] = o) : o = e[3], i = o;
+  }
+  return i;
+}
+function rr(s) {
+  const e = _(5), {
+    mapId: t
+  } = s;
+  let n;
+  e[0] !== t ? (n = (o) => {
+    var a;
+    return (a = o.data[t]) == null ? void 0 : a.values;
+  }, e[0] = t, e[1] = n) : n = e[1];
+  const r = D(n);
+  let i;
+  e: {
+    let o;
+    if (e[2] !== r) {
+      const a = Et({
+        values: r
+      }).filter(or);
+      if (!(a != null && a.length)) {
+        i = void 0;
+        break e;
+      }
+      o = on(a.map(ir)), e[2] = r, e[3] = o, e[4] = i;
+    } else
+      o = e[3], i = e[4];
+    i = o.geometry;
+  }
+  return i;
+}
+function ir(s) {
+  return s.geometry.coordinates;
+}
+function or(s) {
+  return s.visible;
+}
+const he = {
   currency: "CURRENCY",
   default: "DEFAULT",
   number: "NUMBER"
-}, ot = {
-  [me.currency]: {
-    type: me.currency,
-    format: (n, e) => Xt(n, e)
+}, ct = {
+  [he.currency]: {
+    type: he.currency,
+    format: (s, e) => an(s, e)
   },
-  [me.number]: {
-    type: me.number,
-    format: (n, e) => ut(n, e)
+  [he.number]: {
+    type: he.number,
+    format: (s, e) => ht(s, e)
   },
-  [me.default]: {
-    type: me.default,
-    format: (n) => n.toLocaleString()
+  [he.default]: {
+    type: he.default,
+    format: (s) => s.toLocaleString()
   }
 };
-function ni({
-  properties: n,
+function Kr({
+  properties: s,
   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
+  includeColumns: t = Object.keys(s),
+  locale: n = "en-US",
+  showColumnName: r = !0,
+  title: i,
+  getColumnName: o = dr,
+  getFieldHtml: a = lr,
+  getTitle: l = ar,
+  getValue: f = cr
 }) {
-  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);
+  const c = i ? l(i) : "", d = t.reduce((u, y) => {
+    const p = e[y], v = s[y], b = f(v, n, p), S = r ? o(y) : "";
+    return u + a(S, b);
   }, "");
-  return d + y;
+  return c + d;
 }
-function Ps(n) {
-  return `<h3 style="margin: 0"><strong>${n}</strong></h3></br>`;
+function ar(s) {
+  return `<h3 style="margin: 0"><strong>${s}</strong></h3></br>`;
 }
-function Cs(n, e) {
-  return `${n}${e}</br>`;
+function lr(s, e) {
+  return `${s}${e}</br>`;
 }
-function Ts(n, e, t) {
+function cr(s, e, t) {
   try {
-    return ks(t)(n, e);
+    return ur(t)(s, e);
   } catch {
-    return n;
+    return s;
   }
 }
-function ks(n) {
-  return typeof n == "function" ? n : ((n && ot[n]) ?? ot[me.default]).format;
+function ur(s) {
+  return typeof s == "function" ? s : ((s && ct[s]) ?? ct[he.default]).format;
+}
+function dr(s) {
+  return `<strong>${s}</strong>: `;
 }
-function Fs(n) {
-  return `<strong>${n}</strong>: `;
+function Zr(s) {
+  var e, t, n, r, i, o, a, l;
+  return {
+    collapsed: (e = s.legend) == null ? void 0 : e.collapsed,
+    collapsible: (t = s.legend) == null ? void 0 : t.collapsible,
+    helperText: (n = s.legend) == null ? void 0 : n.helperText,
+    id: s.props.id,
+    legend: (r = s.legend) == null ? void 0 : r.variables,
+    maxZoom: (i = s.legend) == null ? void 0 : i.maxZoom,
+    minZoom: (o = s.legend) == null ? void 0 : o.minZoom,
+    opacity: s.props.opacity ?? 1,
+    opacityControl: (a = s.legend) == null ? void 0 : a.opacityControl,
+    switchable: (l = s.legend) == null ? void 0 : l.switchable,
+    title: s.name,
+    visible: s.props.visible ?? !0
+  };
 }
-function si(n) {
-  const e = ee(18), {
+function zr(s) {
+  const e = _(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];
+    mapId: n
+  } = s;
+  let r;
+  e[0] !== n ? (r = (S) => S.viewStates[n], e[0] = n, e[1] = r) : r = e[1];
   const {
-    zoom: r,
+    zoom: i,
     maxZoom: o,
     minZoom: a
-  } = k(i);
+  } = k(r);
   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,
+  e[2] !== n ? (l = (S) => S.maps[n].areLayersLoaded, e[2] = n, e[3] = l) : l = e[3];
+  const f = k(l), c = k(pr), m = k(fr), d = !f;
+  let u;
+  e[4] !== n || e[5] !== c ? (u = (S) => c(n, S), e[4] = n, e[5] = c, e[6] = u) : u = e[6];
+  const y = u;
+  let p;
+  e[7] !== m || e[8] !== n ? (p = (S) => m(n, S), e[7] = m, e[8] = n, e[9] = p) : p = e[9];
+  const v = p;
+  let b;
+  return e[10] !== t || e[11] !== o || e[12] !== a || e[13] !== d || e[14] !== y || e[15] !== v || e[16] !== i ? (b = t({
+    zoom: i,
     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;
+    isLoading: d,
+    setZoom: y,
+    flyTo: v
+  }), e[10] = t, e[11] = o, e[12] = a, e[13] = d, e[14] = y, e[15] = v, e[16] = i, e[17] = b) : b = e[17], b;
 }
-function As(n) {
-  return n.flyTo;
+function fr(s) {
+  return s.flyTo;
 }
-function Os(n) {
-  return n.setZoom;
+function pr(s) {
+  return s.setZoom;
 }
 export {
-  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,
+  Hs as ApiBaseUrl,
+  ot as CONVERSIONS_UNITS,
+  Ue as CartoBasemapURL,
+  z as CartoBasemaps,
+  Ur as CategoriesModel,
+  _n as CustomCompositeEditMode,
+  ys as CustomMeasureAreaMode,
+  hs as CustomMeasureBufferMode,
+  _t as CustomMeasureDistanceMode,
+  Ze as DEFAULT_LASSO_TOOLS_COLORS,
+  Tn 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,
+  qe as DEFAULT_LASSO_TOOLS_PROPS,
+  Te as DEFAULT_MASK_LAYER_PROPS,
+  bs as DEFAULT_MEASUREMENT_TOOLS_MODES,
+  Es as DEFAULT_MEASUREMENT_TOOLS_UNITS,
+  Ve as DEFAULT_MEASURE_COLORS,
+  vn 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
+  qr as FeaturesModel,
+  $r as FormulaModel,
+  xe as GmapsBasemap,
+  Vr as HistogramModel,
+  Pe as INTL_UNITS,
+  Ps as LassoTools,
+  Xn as LassoToolsProvider,
+  gt as MAPS_BASEMAP,
+  be as MAP_LASSO_TOOLS_LAYER_ID,
+  Ae as MAP_MASK_LAYER_ID,
+  ge as MAP_MEASURE_LAYER_ID,
+  vs as MEASUREMENT_TOOLS_UNITS_AREA,
+  at as MEASUREMENT_TOOLS_UNITS_DISTANCE,
+  B as MEASUREMENT_TOOLS_UNITS_DISTANCE_VALUES,
+  xr as MapComponent,
+  Ne as MapMeasurementUnitAuto,
+  Ss as MapMeasurementUnitTurf,
+  Rn as MapProvider,
+  Hr as MapsProvider,
+  ce as MapsTypes,
+  Vs as MeasurementTools,
+  Cs as MeasurementToolsProvider,
+  Nr as RangeModel,
+  Ir as ScatterModel,
+  Br as TableModel,
+  Gr as TimeSeriesModel,
+  zr as ZoomControls,
+  Ws as clientID,
+  st as convertMetersTo,
+  Yn as createLassoToolsStore,
+  An as createMapStore,
+  Ts as createMeasurementToolsStore,
+  he as formatterTypes,
+  gn as getCursorDefault,
+  Dr as getDeckController,
+  Zn as getLassoToolsLayer,
+  ws as getMeasurementToolsLayer,
+  Re as getTextLayerFormattedDistance,
+  Sn as getTooltipDefault,
+  Zr as mappingLegendMeridian,
+  Kr as objectToHtml,
+  kt as sortLayers,
+  Cn as transitionFlyConfig,
+  Zs as useCategories,
+  zs as useFeatures,
+  Ys as useFormula,
+  Xs as useHistogram,
+  rr as useLassoToolsSpatialFilter,
+  D as useLassoToolsState,
+  we as useLayerStore,
+  Ns as useLayers,
+  Wr as useLegend,
+  jr as useMapScreenshot,
+  k as useMapStore,
+  A as useMeasurementToolsState,
+  Js as useRange,
+  er as useScatter,
+  js as useSourceStore,
+  Qr as useSpatialFilter,
+  tr as useTable,
+  nr as useTimeSeries,
+  sr as useViewportSpatialFilter,
+  fe as useWidgetModel
 };
 //# sourceMappingURL=index.js.map