@carto/ps-react-maps 3.0.1 → 3.1.0-canary.1

package/dist/index.js

@@ -1,209 +1,326 @@
-var gt = Object.defineProperty;
-var yt = (o, e, t) => e in o ? gt(o, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : o[e] = t;
-var ne = (o, e, t) => yt(o, typeof e != "symbol" ? e + "" : e, t);
-import { jsx as H, jsxs as ht } from "react/jsx-runtime";
-import { c as k } from "react/compiler-runtime";
-import { useState as fe, useEffect as Y, useImperativeHandle as St, createContext as Ue, useContext as $e, useMemo as de, useCallback as $, useRef as Ee } from "react";
-import { DeckGL as vt } from "@deck.gl/react";
-import { Map as bt, MapProvider as Tt, useMap as Mt } from "react-map-gl/maplibre";
-import { Map as Lt, APIProvider as _t, limitTiltRange as Pt, useMap as Et } from "@vis.gl/react-google-maps";
-import { CompositeMode as kt, TranslateMode as Ct, ModifyMode as wt, DrawPolygonByDraggingMode as Ft, DrawCircleFromCenterMode as Xe, DrawRectangleMode as Ot, DrawPolygonMode as At, EditableGeoJsonLayer as Je, MeasureAreaMode as Rt, getPickedEditHandle as Dt, MeasureDistanceMode as xt, ViewMode as qt } from "@deck.gl-community/editable-layers";
-import { DataFilterExtension as Ut, MaskExtension as $t } from "@deck.gl/extensions";
-import { create as et, createStore as Ve, useStore as je } from "zustand";
-import { FlyToInterpolator as Vt, WebMercatorViewport as jt } from "@deck.gl/core";
-import { GeoJsonLayer as Nt } from "@deck.gl/layers";
-import { useShallow as tt } from "zustand/shallow";
-import { area as Ie, centroid as It, lineIntersect as Bt } from "@turf/turf";
-import { formatNumber as st, formatCurrency as Ht } from "@carto/ps-utils";
-import Qt from "convert-units";
-import Kt from "convert-units/definitions/length";
-import { WidgetRasterSource as Gt, WidgetTilesetSource as Zt, TileFormat as zt, WidgetTableSource as Wt, WidgetQuerySource as Yt, createViewportSpatialFilter as Xt } from "@carto/api-client";
-import { useQuery as me } from "@tanstack/react-query";
+var pt = Object.defineProperty;
+var gt = (r, e, t) => e in r ? pt(r, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : r[e] = t;
+var W = (r, e, t) => gt(r, typeof e != "symbol" ? e + "" : e, t);
+import { jsx as N, jsxs as Xe } from "react/jsx-runtime";
+import { c as F } from "react/compiler-runtime";
+import { useEffect as B, useImperativeHandle as xe, useMemo as J, useCallback as G, useState as ee, createContext as Ue, useContext as qe, useRef as ve } from "react";
+import { MapProvider as yt, Map as ht, useMap as St } from "react-map-gl/maplibre";
+import vt from "@deck.gl/react";
+import { useMap as Je, APIProvider as bt, Map as Mt } from "@vis.gl/react-google-maps";
+import { GoogleMapsOverlay as _t } from "@deck.gl/google-maps";
+import { CompositeMode as Lt, TranslateMode as Tt, ModifyMode as Et, DrawPolygonByDraggingMode as kt, DrawCircleFromCenterMode as et, DrawRectangleMode as Pt, DrawPolygonMode as Ct, EditableGeoJsonLayer as wt, MeasureAreaMode as Ft, getPickedEditHandle as Ot, MeasureDistanceMode as Dt, ViewMode as At } from "@deck.gl-community/editable-layers";
+import { DataFilterExtension as Rt, MaskExtension as $t } from "@deck.gl/extensions";
+import { create as tt, createStore as Ve, useStore as je } from "zustand";
+import { FlyToInterpolator as xt, WebMercatorViewport as Ut } from "@deck.gl/core";
+import { EventManager as qt } from "mjolnir.js";
+import { GeoJsonLayer as Vt } from "@deck.gl/layers";
+import { useShallow as st } from "zustand/shallow";
+import { area as Ne, centroid as jt, lineIntersect as Nt } from "@turf/turf";
+import { formatNumber as nt, formatCurrency as It } from "@carto/ps-utils";
+import Ht from "convert-units";
+import Bt from "convert-units/definitions/length";
+import { removeFilter as Gt, addFilter as zt, WidgetRasterSource as Qt, WidgetTilesetSource as Zt, TileFormat as Kt, WidgetTableSource as Wt, WidgetQuerySource as Yt, createViewportSpatialFilter as Xt } from "@carto/api-client";
+import { useQuery as te } from "@tanstack/react-query";
 import Jt from "html2canvas";
 import { multiPolygon as es } from "@turf/helpers";
-const Fe = {
+const we = {
   roadmap: "roadmap",
   satellite: "satellite",
   hybrid: "hybrid"
-}, ee = {
+}, K = {
   darkMatter: "darkMatter",
   positron: "positron",
   voyager: "voyager"
-}, Oe = {
-  [ee.positron]: "https://basemaps.cartocdn.com/gl/positron-gl-style/style.json",
-  [ee.voyager]: "https://basemaps.cartocdn.com/gl/voyager-gl-style/style.json",
-  [ee.darkMatter]: "https://basemaps.cartocdn.com/gl/dark-matter-gl-style/style.json"
-}, ue = {
+}, Fe = {
+  [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"
+}, Y = {
   maplibre: "maplibre",
   googleMaps: "google-maps"
-}, nt = {
-  [ee.positron]: {
-    url: Oe[ee.positron],
-    type: ue.maplibre
+}, ue = {
+  [K.positron]: {
+    url: Fe[K.positron],
+    type: Y.maplibre
   },
-  [ee.voyager]: {
-    url: Oe[ee.voyager],
-    type: ue.maplibre
+  [K.voyager]: {
+    url: Fe[K.voyager],
+    type: Y.maplibre
   },
-  [ee.darkMatter]: {
-    url: Oe[ee.darkMatter],
-    type: ue.maplibre,
+  [K.darkMatter]: {
+    url: Fe[K.darkMatter],
+    type: Y.maplibre,
     dark: !0
   },
-  [Fe.roadmap]: {
-    type: ue.googleMaps
+  [we.roadmap]: {
+    type: Y.googleMaps
   },
-  [Fe.satellite]: {
-    type: ue.googleMaps
+  [we.satellite]: {
+    type: Y.googleMaps
   },
-  [Fe.hybrid]: {
-    type: ue.googleMaps
+  [we.hybrid]: {
+    type: Y.googleMaps
   }
 };
 function ts({
-  isDragging: o,
+  isDragging: r,
   isHovering: e
 }) {
-  return o ? "grabbing" : e ? "pointer" : "grab";
+  return r ? "grabbing" : e ? "pointer" : "grab";
 }
-function ss(o) {
-  return o.html ? {
-    html: `<div class='map-tooltip__content'>${o.html}</div>`,
+function ss(r) {
+  return r.html ? {
+    html: `<div class='map-tooltip__content'>${r.html}</div>`,
     style: {
       padding: "0",
       background: "none"
     }
   } : null;
 }
-function ns(o) {
-  var ye, _, Ne;
-  const e = k(66);
-  let t, n, s, i, r, a, l, m, c, p, d, u, g, f;
-  e[0] !== o ? ({
-    instanceRef: t,
-    overlayRef: i,
-    basemap: l,
-    controller: m,
-    id: c,
-    layers: p,
-    parameters: r,
-    gmapsProps: d,
-    getCursor: u,
-    getTooltip: g,
-    onLoad: n,
-    onResize: s,
-    onViewStateChange: f,
-    ...a
-  } = o, e[0] = o, e[1] = t, e[2] = n, e[3] = s, e[4] = i, e[5] = r, e[6] = a, e[7] = l, e[8] = m, e[9] = c, e[10] = p, e[11] = d, e[12] = u, e[13] = g, e[14] = f) : (t = e[1], n = e[2], s = e[3], i = e[4], r = e[5], a = e[6], l = e[7], m = e[8], c = e[9], p = e[10], d = e[11], u = e[12], g = e[13], f = e[14]);
-  const M = l === void 0 ? ee.positron : l, h = m === void 0 ? !0 : m, y = c === void 0 ? "deck-gl-map" : c;
-  let T;
-  e[15] !== p ? (T = p === void 0 ? [] : p, e[15] = p, e[16] = T) : T = e[16];
-  const S = T;
+function ns(r) {
+  const e = F(42);
+  let t, n, s, o, i, a, c, d, l, p, f, u;
+  e[0] !== r ? ({
+    instanceRef: i,
+    overlayRef: p,
+    controller: t,
+    id: o,
+    layers: a,
+    mapStyle: c,
+    parameters: f,
+    getCursor: n,
+    getTooltip: s,
+    onLoad: d,
+    onViewStateChange: l,
+    ...u
+  } = r, e[0] = r, e[1] = t, e[2] = n, e[3] = s, e[4] = o, e[5] = i, e[6] = a, e[7] = c, e[8] = d, e[9] = l, e[10] = p, e[11] = f, e[12] = u) : (t = e[1], n = e[2], s = e[3], o = e[4], i = e[5], a = e[6], c = e[7], d = e[8], l = e[9], p = e[10], f = e[11], u = e[12]);
+  let y, m;
+  e[13] !== d ? (y = () => {
+    d({
+      type: "load",
+      value: !1
+    }), d({
+      type: "deckgl",
+      value: !1
+    });
+  }, m = [d], e[13] = d, e[14] = y, e[15] = m) : (y = e[14], m = e[15]), B(y, m);
+  let L, h;
+  e[16] !== a ? (h = a.filter(is).map(rs), e[16] = a, e[17] = h) : h = e[17], L = h;
+  const g = L, S = i;
   let v;
-  e[17] !== d ? (v = d === void 0 ? {
-    apiKey: ""
-  } : d, e[17] = d, e[18] = v) : v = e[18];
-  let L, E, F;
-  e[19] !== v ? ({
-    apiKey: F,
-    APIProviderProps: L,
-    ...E
-  } = v, e[19] = v, e[20] = L, e[21] = E, e[22] = F) : (L = e[20], E = e[21], F = e[22]);
-  const O = u === void 0 ? ts : u, D = g === void 0 ? ss : g, U = f === void 0 ? ls : f;
-  let V;
-  e[23] === Symbol.for("react.memo_cache_sentinel") ? (V = [!1, !1], e[23] = V) : V = e[23];
-  const [b, P] = fe(V);
-  let C;
-  e[24] !== b ? (C = b.every(as), e[24] = b, e[25] = C) : C = e[25];
-  const A = C;
-  let x;
-  e[26] !== s ? (x = (he) => {
-    s == null || s(he);
-  }, e[26] = s, e[27] = x) : x = e[27];
-  const B = x, {
-    url: N,
-    type: G
-  } = nt[M], I = G === ue.googleMaps;
-  let be, te;
-  e[28] !== S ? (te = S.filter(rs).map(is), e[28] = S, e[29] = te) : te = e[29], be = te;
-  const ge = be;
-  let oe;
-  e[30] !== I || e[31] !== U ? (oe = (he) => {
-    const we = I ? {
-      ...he,
-      viewState: Pt(he)
-    } : he;
-    U(we);
-  }, e[30] = I, e[31] = U, e[32] = oe) : oe = e[32];
-  const ie = oe;
-  let Z;
-  e[33] === Symbol.for("react.memo_cache_sentinel") ? (Z = (he) => {
-    const we = he.type === "deckgl" ? 0 : 1;
-    P((ft) => ft.map((mt, pt) => pt === we ? !0 : mt));
-  }, e[33] = Z) : Z = e[33];
-  const re = Z;
-  let ae, le;
-  e[34] !== A || e[35] !== n ? (ae = () => {
-    n == null || n(A);
-  }, le = [A, n], e[34] = A, e[35] = n, e[36] = ae, e[37] = le) : (ae = e[36], le = e[37]), Y(ae, le);
-  let se;
-  e[38] === Symbol.for("react.memo_cache_sentinel") ? (se = () => re({
-    type: "deckgl"
-  }), e[38] = se) : se = e[38];
-  let X;
-  e[39] !== r ? (X = {
+  e[18] !== d ? (v = () => d({
+    type: "deckgl",
+    value: !0
+  }), e[18] = d, e[19] = v) : v = e[19];
+  let b;
+  e[20] !== f ? (b = {
     depthTest: !1,
-    ...r
-  }, e[39] = r, e[40] = X) : X = e[40];
-  let z;
-  e[41] !== i ? (z = /* @__PURE__ */ H(cs, { overlayRef: i }), e[41] = i, e[42] = z) : z = e[42];
-  let J;
-  e[43] !== E || e[44] !== M || e[45] !== I || e[46] !== N || e[47] !== a ? (J = I ? /* @__PURE__ */ H(Lt, { mapTypeId: M, reuseMaps: !0, renderingType: "RASTER", ...E, defaultCenter: {
-    lat: ((ye = a.initialViewState) == null ? void 0 : ye.latitude) ?? 0,
-    lng: ((_ = a.initialViewState) == null ? void 0 : _.longitude) ?? 0
-  }, defaultZoom: ((Ne = a.initialViewState) == null ? void 0 : Ne.zoom) ?? 0, onTilesLoaded: () => re({
-    type: "load"
-  }) }) : /* @__PURE__ */ H(bt, { reuseMaps: !0, mapStyle: N, onLoad: () => re({
-    type: "load"
-  }), onRender: os }), e[43] = E, e[44] = M, e[45] = I, e[46] = N, e[47] = a, e[48] = J) : J = e[48];
-  let W;
-  e[49] !== ge || e[50] !== h || e[51] !== O || e[52] !== D || e[53] !== B || e[54] !== ie || e[55] !== y || e[56] !== t || e[57] !== a || e[58] !== X || e[59] !== z || e[60] !== J ? (W = /* @__PURE__ */ H(Tt, { children: /* @__PURE__ */ H("div", { className: "deckgl-map", children: /* @__PURE__ */ ht(vt, { controller: h, id: y, ref: t, layers: ge, getCursor: O, getTooltip: D, onLoad: se, onResize: B, onViewStateChange: ie, parameters: X, ...a, children: [
-    z,
-    J
-  ] }) }) }), e[49] = ge, e[50] = h, e[51] = O, e[52] = D, e[53] = B, e[54] = ie, e[55] = y, e[56] = t, e[57] = a, e[58] = X, e[59] = z, e[60] = J, e[61] = W) : W = e[61];
-  let ce;
-  return e[62] !== L || e[63] !== F || e[64] !== W ? (ce = /* @__PURE__ */ H(_t, { apiKey: F, ...L, children: W }), e[62] = L, e[63] = F, e[64] = W, e[65] = ce) : ce = e[65], ce;
+    ...f
+  }, e[20] = f, e[21] = b) : b = e[21];
+  let _;
+  e[22] !== p ? (_ = /* @__PURE__ */ N(as, { overlayRef: p }), e[22] = p, e[23] = _) : _ = e[23];
+  let E;
+  e[24] !== d ? (E = () => d({
+    type: "load",
+    value: !0
+  }), e[24] = d, e[25] = E) : E = e[25];
+  let P;
+  e[26] !== c || e[27] !== E ? (P = /* @__PURE__ */ N(ht, { reuseMaps: !0, mapStyle: c, onLoad: E, onRender: os }), e[26] = c, e[27] = E, e[28] = P) : P = e[28];
+  let O;
+  return e[29] !== g || e[30] !== t || e[31] !== n || e[32] !== s || e[33] !== o || e[34] !== l || e[35] !== u || e[36] !== P || e[37] !== S || e[38] !== v || e[39] !== b || e[40] !== _ ? (O = /* @__PURE__ */ N(yt, { children: /* @__PURE__ */ N("div", { className: "deckgl-map", children: /* @__PURE__ */ Xe(vt, { controller: t, id: o, ref: S, layers: g, getCursor: n, getTooltip: s, onLoad: v, onViewStateChange: l, parameters: b, ...u, children: [
+    _,
+    P
+  ] }) }) }), e[29] = g, e[30] = t, e[31] = n, e[32] = s, e[33] = o, e[34] = l, e[35] = u, e[36] = P, e[37] = S, e[38] = v, e[39] = b, e[40] = _, e[41] = O) : O = e[41], O;
 }
 function os() {
-  const o = document.querySelector(".maplibregl-compact-show");
-  o == null || o.classList.remove("maplibregl-compact-show");
+  const r = document.querySelector(".maplibregl-compact-show");
+  r == null || r.classList.remove("maplibregl-compact-show");
 }
-function is(o) {
+function rs(r) {
   const {
     type: e,
     props: t
-  } = o;
+  } = r;
   return new e(t);
 }
-function rs(o) {
-  return !!(o != null && o.type);
-}
-function as(o) {
-  return o;
+function is(r) {
+  return !!(r != null && r.type);
 }
-function ls() {
-  return null;
-}
-function cs(o) {
-  const e = k(4), {
+function as(r) {
+  const e = F(3), {
     overlayRef: t
-  } = o, {
+  } = r, {
     default: n
-  } = Mt(), s = Et();
-  let i, r;
-  return e[0] !== s || e[1] !== n ? (i = () => n ?? s, r = [n, s], e[0] = s, e[1] = n, e[2] = i, e[3] = r) : (i = e[2], r = e[3]), St(t, i, r), null;
+  } = St();
+  let s, o;
+  return e[0] !== n ? (s = () => n, o = [n], e[0] = n, e[1] = s, e[2] = o) : (s = e[1], o = e[2]), xe(t, s, o), null;
+}
+const ls = (r) => {
+  const e = F(9);
+  let t, n;
+  e[0] === Symbol.for("react.memo_cache_sentinel") ? (n = new _t({
+    interleaved: !0
+  }), e[0] = n) : n = e[0], t = n;
+  const s = t, o = Je();
+  let i, a;
+  e[1] === Symbol.for("react.memo_cache_sentinel") ? (i = () => s, a = [s], e[1] = i, e[2] = a) : (i = e[1], a = e[2]), xe(r.instanceRef, i, a);
+  let c, d;
+  e[3] !== o ? (c = () => (s.setMap(o), () => {
+    s.finalize();
+  }), d = [s, o], e[3] = o, e[4] = c, e[5] = d) : (c = e[4], d = e[5]), B(c, d);
+  let l, p;
+  return e[6] !== r ? (l = () => {
+    s.setProps(r);
+  }, p = [s, r], e[6] = r, e[7] = l, e[8] = p) : (l = e[7], p = e[8]), B(l, p), null;
+};
+function cs({
+  id: r,
+  instanceRef: e,
+  basemap: t,
+  layers: n,
+  gmapsProps: {
+    apiKey: s,
+    APIProviderProps: o,
+    ...i
+  } = {
+    apiKey: ""
+  },
+  overlayRef: a,
+  parameters: c,
+  onLoad: d,
+  onViewStateChange: l,
+  ...p
+}) {
+  var m, L, h;
+  B(() => {
+    d({
+      type: "load",
+      value: !1
+    }), d({
+      type: "deckgl",
+      value: !1
+    });
+  }, [d]);
+  const f = J(() => n.filter((g) => !!(g != null && g.type)).map(({
+    type: g,
+    props: S
+  }) => new g(S)), [n]), u = G(({
+    detail: {
+      center: g,
+      zoom: S,
+      heading: v,
+      tilt: b
+    }
+  }) => ({
+    latitude: g.lat,
+    longitude: g.lng,
+    zoom: S - 1,
+    bearing: v,
+    pitch: b
+  }), []), y = G((g) => {
+    const S = e == null ? void 0 : e.current, v = S == null ? void 0 : S._deck, b = {
+      // @ts-expect-error accessing protected props
+      ...v == null ? void 0 : v.viewState,
+      ...g
+    }, _ = {
+      latitude: b.latitude,
+      longitude: b.longitude,
+      zoom: b.zoom,
+      pitch: b.pitch,
+      bearing: b.bearing,
+      // @ts-expect-error - `width` and `height` is not in the types
+      width: v == null ? void 0 : v.width,
+      height: v == null ? void 0 : v.height
+    };
+    l == null || l({
+      viewState: _,
+      interactionState: {
+        isZooming: !0
+      }
+    });
+  }, [e, l]);
+  return /* @__PURE__ */ N(bt, { apiKey: s, ...o, children: /* @__PURE__ */ N("div", { className: "deckgl-map", children: /* @__PURE__ */ Xe(Mt, { mapTypeId: t, disableDefaultUI: !0, gestureHandling: "greedy", ...i, defaultCenter: {
+    lat: ((m = p.initialViewState) == null ? void 0 : m.latitude) ?? 0,
+    lng: ((L = p.initialViewState) == null ? void 0 : L.longitude) ?? 0
+  }, defaultZoom: (((h = p.initialViewState) == null ? void 0 : h.zoom) ?? 0) + 1, onTilesLoaded: () => {
+    d({
+      type: "load",
+      value: !0
+    }), y(p.initialViewState);
+  }, onBoundsChanged: (g) => y(u(g)), onZoomChanged: (g) => y(u(g)), children: [
+    /* @__PURE__ */ N(us, { overlayRef: a }),
+    /* @__PURE__ */ N(ls, { id: r, instanceRef: e, layers: f, onLoad: () => {
+      d({
+        type: "deckgl",
+        value: !0
+      });
+    }, parameters: {
+      // @ts-expect-error - `depthTest` is not in the types
+      depthTest: !1,
+      ...c
+    }, ...p })
+  ] }) }) });
+}
+function us(r) {
+  const e = F(3), {
+    overlayRef: t
+  } = r, n = Je();
+  let s, o;
+  return e[0] !== n ? (s = () => n, o = [n], e[0] = n, e[1] = s, e[2] = o) : (s = e[1], o = e[2]), xe(t, s, o), null;
+}
+function ds(r) {
+  const e = F(46);
+  let t, n, s, o, i, a, c, d, l, p, f, u;
+  e[0] !== r ? ({
+    instanceRef: n,
+    overlayRef: o,
+    basemap: a,
+    controller: c,
+    id: d,
+    layers: l,
+    gmapsProps: t,
+    getCursor: p,
+    getTooltip: f,
+    onLoad: s,
+    onViewStateChange: u,
+    ...i
+  } = r, e[0] = r, e[1] = t, e[2] = n, e[3] = s, e[4] = o, e[5] = i, e[6] = a, e[7] = c, e[8] = d, e[9] = l, e[10] = p, e[11] = f, e[12] = u) : (t = e[1], n = e[2], s = e[3], o = e[4], i = e[5], a = e[6], c = e[7], d = e[8], l = e[9], p = e[10], f = e[11], u = e[12]);
+  const y = a === void 0 ? K.positron : a, m = c === void 0 ? !0 : c, L = d === void 0 ? "deck-gl-map" : d;
+  let h;
+  e[13] !== l ? (h = l === void 0 ? [] : l, e[13] = l, e[14] = h) : h = e[14];
+  const g = h, S = p === void 0 ? ts : p, v = f === void 0 ? ss : f, b = u === void 0 ? ms : u;
+  let _;
+  e[15] === Symbol.for("react.memo_cache_sentinel") ? (_ = [!1, !1], e[15] = _) : _ = e[15];
+  const [E, P] = ee(_);
+  let O;
+  e[16] !== E ? (O = E.every(fs), e[16] = E, e[17] = O) : O = e[17];
+  const R = O, {
+    url: x,
+    type: j
+  } = ue[y], q = j === Y.googleMaps;
+  let M;
+  e[18] === Symbol.for("react.memo_cache_sentinel") ? (M = ($) => {
+    const Z = $.type === "deckgl" ? 0 : 1;
+    P((H) => H.map((X, re) => re === Z ? $.value : X));
+  }, e[18] = M) : M = e[18];
+  const T = M;
+  let C, w;
+  if (e[19] !== R || e[20] !== s ? (C = () => {
+    s == null || s(R);
+  }, w = [R, s], e[19] = R, e[20] = s, e[21] = C, e[22] = w) : (C = e[21], w = e[22]), B(C, w), q) {
+    let $;
+    return e[23] !== y || e[24] !== m || e[25] !== S || e[26] !== v || e[27] !== t || e[28] !== L || e[29] !== n || e[30] !== g || e[31] !== b || e[32] !== o || e[33] !== i ? ($ = /* @__PURE__ */ N(cs, { instanceRef: n, overlayRef: o, controller: m, id: L, basemap: y, layers: g, gmapsProps: t, getCursor: S, getTooltip: v, onLoad: T, onViewStateChange: b, ...i }), e[23] = y, e[24] = m, e[25] = S, e[26] = v, e[27] = t, e[28] = L, e[29] = n, e[30] = g, e[31] = b, e[32] = o, e[33] = i, e[34] = $) : $ = e[34], $;
+  }
+  let A;
+  return e[35] !== m || e[36] !== S || e[37] !== v || e[38] !== L || e[39] !== n || e[40] !== g || e[41] !== x || e[42] !== b || e[43] !== o || e[44] !== i ? (A = /* @__PURE__ */ N(ns, { instanceRef: n, overlayRef: o, controller: m, id: L, layers: g, mapStyle: x, getCursor: S, getTooltip: v, onLoad: T, onViewStateChange: b, ...i }), e[35] = m, e[36] = S, e[37] = v, e[38] = L, e[39] = n, e[40] = g, e[41] = x, e[42] = b, e[43] = o, e[44] = i, e[45] = A) : A = e[45], A;
+}
+function fs(r) {
+  return r;
 }
-const K = {
+function ms() {
+  return null;
+}
+const Q = {
   addFeature: "addFeature",
   addTentativePosition: "addTentativePosition",
   updateTentativeFeature: "updateTentativeFeature",
@@ -211,20 +328,20 @@ const K = {
   finish: "finish",
   addPosition: "addPosition"
 };
-class us extends kt {
+class ps extends Lt {
   constructor() {
-    super([new Ct(), new wt()]);
+    super([new Tt(), new Et()]);
   }
   handleKeyUp(e, t) {
     super.handleKeyUp(e, t), e.key === "Enter" && (this.resetClickSequence(), t.onEdit({
       updatedData: t.data,
-      editType: K.addFeature,
+      editType: Q.addFeature,
       editContext: {}
     }));
   }
 }
-const Te = "lassoLayer", ke = "maskLayer", ds = {
-  id: Te,
+const ae = "lassoLayer", be = "maskLayer", gs = {
+  id: ae,
   billboard: !1,
   editHandlePointRadiusUnits: "pixels",
   editHandlePointRadiusMinPixels: 1,
@@ -236,7 +353,7 @@ const Te = "lassoLayer", ke = "maskLayer", ds = {
   lineWidthUnits: "pixels",
   getLineWidth: 2,
   lineWidthMinPixels: 2
-}, Be = {
+}, Ie = {
   editing: {
     border: [3, 111, 226, 255],
     fill: [3, 111, 226, 20.4],
@@ -246,49 +363,49 @@ const Te = "lassoLayer", ke = "maskLayer", ds = {
     border: [71, 219, 153, 255],
     fill: [71, 219, 153, 0]
   }
-}, Ae = {
+}, Oe = {
   styles: {
     colors: {
-      editing: Be.editing,
-      finished: Be.finished
+      editing: Ie.editing,
+      finished: Ie.finished
     }
   },
   labels: {
     mask: "Mask"
   }
-}, fs = [new Ut({
+}, ys = [new Rt({
   filterSize: 1
-})], Pe = {
-  id: ke,
+})], Se = {
+  id: be,
   operation: "mask",
   pickable: !1,
   visible: !0,
-  extensions: fs,
+  extensions: ys,
   filterRange: [1, 1]
-}, Re = {
+}, De = {
   polygon: {
     value: "polygon",
-    mode: At
+    mode: Ct
   },
   rectangle: {
     value: "rectangle",
-    mode: Ot
+    mode: Pt
   },
   circle: {
     value: "circle",
-    mode: Xe
+    mode: et
   },
   lasso: {
     value: "lasso",
-    mode: Ft
+    mode: kt
   },
   edit: {
     value: "edit",
-    mode: us
+    mode: ps
   }
-}, _e = et((o) => ({
+}, de = tt((r) => ({
   layers: {},
-  setLayer: (e, t) => o((n) => {
+  setLayer: (e, t) => r((n) => {
     var a;
     const s = {
       ...n.layers
@@ -297,42 +414,41 @@ const Te = "lassoLayer", ke = "maskLayer", ds = {
       return delete s[e], {
         layers: s
       };
-    const i = s[e] ?? {
+    const o = s[e] ?? {
       type: null,
       props: {}
-    }, r = [...i.props.extensions ?? [], ...((a = t.props) == null ? void 0 : a.extensions) ?? []].reduce((l, m) => (l.some((c) => c.equals(m)) || l.push(m), l), []);
+    }, i = [...o.props.extensions ?? [], ...((a = t.props) == null ? void 0 : a.extensions) ?? []].reduce((c, d) => (c.some((l) => l.equals(d)) || c.push(d), c), []);
     return s[e] = {
-      ...i,
+      ...o,
       ...t,
       props: {
         id: e,
-        ...i.props,
+        ...o.props,
         ...t.props,
-        extensions: r
+        extensions: i
       },
       legend: {
-        ...i.legend,
+        ...o.legend,
         ...t.legend
       }
     }, {
       layers: s
     };
   })
-})), ms = {
+})), hs = {
   transitionDuration: "auto",
-  transitionInterpolator: new Vt({
+  transitionInterpolator: new xt({
     curve: 2
   })
-}, ps = (o) => {
-  const e = o.reduce((t, n) => {
+}, Ss = (r) => {
+  const e = r.reduce((t, n) => {
     const {
       id: s,
-      basemap: i
+      basemap: o
     } = n;
     return t[s] = {
       isLoaded: !1,
-      areLayersLoaded: !1,
-      basemap: i,
+      basemap: o,
       instanceRef: {
         current: {}
       },
@@ -344,81 +460,101 @@ const Te = "lassoLayer", ke = "maskLayer", ds = {
   }, {});
   return (t, n) => ({
     maps: e,
-    setBasemap: (s, i) => t((r) => ({
-      maps: {
-        ...r.maps,
-        [s]: {
-          ...r.maps[s],
-          basemap: i
-        }
-      }
-    })),
-    setLoad: (s, i) => t((r) => ({
-      maps: {
-        ...r.maps,
-        [s]: {
-          ...r.maps[s],
-          isLoaded: i
+    setBasemap: (s, o) => t((i) => {
+      var l;
+      const {
+        type: a
+      } = ue[i.maps[s].basemap], {
+        type: c
+      } = ue[o], d = a === c && !!((l = i.maps[s]) != null && l.isLoaded);
+      return {
+        maps: {
+          ...i.maps,
+          [s]: {
+            ...i.maps[s],
+            isLoaded: d,
+            basemap: o
+          }
         }
-      }
-    })),
-    setLayersLoad: (s, i) => t((r) => ({
+      };
+    }),
+    setLoad: (s, o) => t((i) => ({
       maps: {
-        ...r.maps,
+        ...i.maps,
         [s]: {
-          ...r.maps[s],
-          areLayersLoaded: i
+          ...i.maps[s],
+          isLoaded: o
         }
       }
     })),
     getOverlayInstance: (s) => {
-      var r, a;
-      return (a = (r = n().maps[s]) == null ? void 0 : r.overlayRef) == null ? void 0 : a.current;
+      var i, a;
+      return (a = (i = n().maps[s]) == null ? void 0 : i.overlayRef) == null ? void 0 : a.current;
     },
     getDeckInstance: (s) => {
-      var r, a, l;
-      return (l = (a = (r = n().maps[s]) == null ? void 0 : r.instanceRef) == null ? void 0 : a.current) == null ? void 0 : l.deck;
+      var a, c;
+      const i = (c = (a = n().maps[s]) == null ? void 0 : a.instanceRef) == null ? void 0 : c.current;
+      return (
+        // @ts-expect-error accessing protected props
+        (i == null ? void 0 : i.deck) ?? i._deck
+      );
     },
     getViewState: (s) => {
-      const r = n().getDeckInstance(s);
-      return r == null ? void 0 : r.viewState;
+      const i = n().getDeckInstance(s);
+      return i == null ? void 0 : i.viewState;
     },
-    getViewports: (s, i) => {
+    getViewports: (s, o) => {
       const a = n().getDeckInstance(s);
-      return a == null ? void 0 : a.getViewports(i);
+      return a == null ? void 0 : a.getViewports(o);
     },
-    getViewport: (s, i = 0, r) => {
-      var m;
-      const l = n().getDeckInstance(s);
-      return (m = l == null ? void 0 : l.getViewports(r)) == null ? void 0 : m[i];
+    getViewport: (s, o = 0, i) => {
+      var d;
+      const c = n().getDeckInstance(s);
+      return (d = c == null ? void 0 : c.getViewports(i)) == null ? void 0 : d[o];
     },
-    addLayers: (s, i) => t((r) => {
-      var c;
+    addLayers: (s, o) => t((i) => {
+      var l;
       const a = {
-        ...r.maps
-      }, l = ((c = a[s]) == null ? void 0 : c.layers) ?? [], m = /* @__PURE__ */ new Set([...l, ...i]);
+        ...i.maps
+      }, c = ((l = a[s]) == null ? void 0 : l.layers) ?? [], d = /* @__PURE__ */ new Set([...c, ...o]);
       return a[s] = {
         ...a[s],
-        layers: [...m]
+        layers: [...d]
       }, {
         maps: a
       };
     }),
-    removeLayers: (s, i) => t((r) => {
-      var m;
+    removeLayers: (s, o) => t((i) => {
+      var d;
       const a = {
-        ...r.maps
-      }, l = ((m = a[s]) == null ? void 0 : m.layers) ?? [];
+        ...i.maps
+      }, c = ((d = a[s]) == null ? void 0 : d.layers) ?? [];
       return a[s] = {
         ...a[s],
-        layers: l.filter((c) => !i.includes(c))
+        layers: c.filter((l) => !o.includes(l))
       }, {
         maps: a
       };
     })
   });
-}, gs = (o) => {
-  const e = o.reduce((t, n) => (n.viewState && (t.viewStates[n.id] = n.viewState, t.viewports[n.id] = null), t), {
+}, vs = (r) => {
+  const e = r.reduce((t, n) => {
+    const {
+      id: s
+    } = n;
+    return t[s] = !1, t;
+  }, {});
+  return (t) => ({
+    areLayersLoaded: e,
+    setLayersLoad: (n, s) => t((o) => ({
+      areLayersLoaded: {
+        ...o.areLayersLoaded,
+        [n]: s
+      }
+    }))
+  });
+}, bs = (r) => {
+  const e = r.reduce((t, n) => (n.viewState && (t.viewStates[n.id] = n.viewState, t.viewports[n.id] = null), t), {
     viewStates: {},
     viewports: {}
   });
@@ -426,200 +562,239 @@ const Te = "lassoLayer", ke = "maskLayer", ds = {
     viewports: e.viewports,
     updateViewPort: (s) => {
       var a;
-      const i = n();
-      if (!((a = i.maps[s]) != null && a.isLoaded)) return;
-      const r = new jt(i.viewStates[s]);
-      t((l) => ({
+      const o = n();
+      if (!((a = o.maps[s]) != null && a.isLoaded)) return;
+      const i = new Ut(o.viewStates[s]);
+      t((c) => ({
         viewports: {
-          ...l.viewports,
-          [s]: r
+          ...c.viewports,
+          [s]: i
         }
       }));
     },
     viewStates: e.viewStates,
-    setViewState: (s, i) => t((r) => ({
+    setViewState: (s, o) => t((i) => ({
       viewStates: {
-        ...r.viewStates,
+        ...i.viewStates,
         [s]: {
-          ...r.viewStates[s],
-          ...i
+          ...i.viewStates[s],
+          ...o
         }
       }
     })),
-    setZoom: (s, i) => t((r) => ({
+    setZoom: (s, o) => t((i) => ({
       viewStates: {
-        ...r.viewStates,
+        ...i.viewStates,
         [s]: {
-          ...r.viewStates[s],
-          zoom: i
+          ...i.viewStates[s],
+          zoom: o
         }
       }
     })),
-    setMinZoom: (s, i) => t((r) => ({
+    setMinZoom: (s, o) => t((i) => ({
       viewStates: {
-        ...r.viewStates,
+        ...i.viewStates,
         [s]: {
-          ...r.viewStates[s],
-          minZoom: i
+          ...i.viewStates[s],
+          minZoom: o
         }
       }
     })),
-    setMaxZoom: (s, i) => t((r) => ({
+    setMaxZoom: (s, o) => t((i) => ({
       viewStates: {
-        ...r.viewStates,
+        ...i.viewStates,
         [s]: {
-          ...r.viewStates[s],
-          maxZoom: i
+          ...i.viewStates[s],
+          maxZoom: o
         }
       }
     }))
   });
-}, ys = (o, e) => ({
+}, Ms = (r, e) => ({
   fitBounds: (t, n, s) => {
-    const i = e(), r = i.getViewport(t);
-    if (!r) return;
-    const l = {
-      ...r == null ? void 0 : r.fitBounds(n, s == null ? void 0 : s.boundsOptions),
+    const o = e(), i = o.getViewport(t);
+    if (!i) return;
+    const c = {
+      ...i == null ? void 0 : i.fitBounds(n, s == null ? void 0 : s.boundsOptions),
       ...s == null ? void 0 : s.viewStateOptions
     };
-    i.setViewState(t, l);
+    o.setViewState(t, c);
   },
   flyTo: (t, n, s = {}) => {
-    const i = e();
-    if (!i.getViewport(t)) return;
+    const o = e();
+    if (!o.getViewport(t)) return;
     const a = {
-      ...ms,
+      ...hs,
       ...s == null ? void 0 : s.viewStateOptions
-    }, l = {
+    }, c = {
       ...n,
       ...a
     };
-    i.setViewState(t, l);
+    o.setViewState(t, c);
   }
-}), hs = (o) => Ve()((...e) => ({
-  ...ps(o)(...e),
-  ...gs(o)(...e),
-  ...ys(...e)
+}), _s = (r) => Ve()((...e) => ({
+  ...Ss(r)(...e),
+  ...vs(r)(...e),
+  ...bs(r)(...e),
+  ...Ms(...e)
 })), ot = Ue({});
-function Ss(o) {
-  const e = k(5), {
+function Ls(r) {
+  const e = F(5), {
     children: t,
     values: n
-  } = o;
+  } = r;
   let s;
-  e[0] !== n ? (s = hs(n), e[0] = n, e[1] = s) : s = e[1];
-  const [i] = fe(s);
-  let r;
-  return e[2] !== t || e[3] !== i ? (r = /* @__PURE__ */ H(ot.Provider, { value: i, children: t }), e[2] = t, e[3] = i, e[4] = r) : r = e[4], r;
+  e[0] !== n ? (s = _s(n), e[0] = n, e[1] = s) : s = e[1];
+  const [o] = ee(s);
+  let i;
+  return e[2] !== t || e[3] !== o ? (i = /* @__PURE__ */ N(ot.Provider, { value: o, children: t }), e[2] = t, e[3] = o, e[4] = i) : i = e[4], i;
 }
-function w(o) {
-  const e = $e(ot);
+function D(r) {
+  const e = qe(ot);
   if (!Object.keys(e).length)
     throw new Error("Missing MapProvider in the tree");
-  return je(e, o);
+  return je(e, r);
 }
-function vs(o) {
-  return o && o.__esModule && Object.prototype.hasOwnProperty.call(o, "default") ? o.default : o;
+function Ts(r) {
+  return r && r.__esModule && Object.prototype.hasOwnProperty.call(r, "default") ? r.default : r;
 }
-var De, He;
-function bs() {
-  if (He) return De;
+var Ae, He;
+function Es() {
+  if (He) return Ae;
   He = 1;
-  var o = function(y) {
-    return e(y) && !t(y);
+  var r = function(g) {
+    return e(g) && !t(g);
   };
   function e(h) {
     return !!h && typeof h == "object";
   }
   function t(h) {
-    var y = Object.prototype.toString.call(h);
-    return y === "[object RegExp]" || y === "[object Date]" || i(h);
+    var g = Object.prototype.toString.call(h);
+    return g === "[object RegExp]" || g === "[object Date]" || o(h);
   }
   var n = typeof Symbol == "function" && Symbol.for, s = n ? Symbol.for("react.element") : 60103;
-  function i(h) {
+  function o(h) {
     return h.$$typeof === s;
   }
-  function r(h) {
+  function i(h) {
     return Array.isArray(h) ? [] : {};
   }
-  function a(h, y) {
-    return y.clone !== !1 && y.isMergeableObject(h) ? f(r(h), h, y) : h;
+  function a(h, g) {
+    return g.clone !== !1 && g.isMergeableObject(h) ? m(i(h), h, g) : h;
   }
-  function l(h, y, T) {
-    return h.concat(y).map(function(S) {
-      return a(S, T);
+  function c(h, g, S) {
+    return h.concat(g).map(function(v) {
+      return a(v, S);
     });
   }
-  function m(h, y) {
-    if (!y.customMerge)
-      return f;
-    var T = y.customMerge(h);
-    return typeof T == "function" ? T : f;
+  function d(h, g) {
+    if (!g.customMerge)
+      return m;
+    var S = g.customMerge(h);
+    return typeof S == "function" ? S : m;
   }
-  function c(h) {
-    return Object.getOwnPropertySymbols ? Object.getOwnPropertySymbols(h).filter(function(y) {
-      return Object.propertyIsEnumerable.call(h, y);
+  function l(h) {
+    return Object.getOwnPropertySymbols ? Object.getOwnPropertySymbols(h).filter(function(g) {
+      return Object.propertyIsEnumerable.call(h, g);
     }) : [];
   }
   function p(h) {
-    return Object.keys(h).concat(c(h));
+    return Object.keys(h).concat(l(h));
   }
-  function d(h, y) {
+  function f(h, g) {
     try {
-      return y in h;
+      return g in h;
     } catch {
       return !1;
     }
   }
-  function u(h, y) {
-    return d(h, y) && !(Object.hasOwnProperty.call(h, y) && Object.propertyIsEnumerable.call(h, y));
+  function u(h, g) {
+    return f(h, g) && !(Object.hasOwnProperty.call(h, g) && Object.propertyIsEnumerable.call(h, g));
   }
-  function g(h, y, T) {
-    var S = {};
-    return T.isMergeableObject(h) && p(h).forEach(function(v) {
-      S[v] = a(h[v], T);
-    }), p(y).forEach(function(v) {
-      u(h, v) || (d(h, v) && T.isMergeableObject(y[v]) ? S[v] = m(v, T)(h[v], y[v], T) : S[v] = a(y[v], T));
-    }), S;
+  function y(h, g, S) {
+    var v = {};
+    return S.isMergeableObject(h) && p(h).forEach(function(b) {
+      v[b] = a(h[b], S);
+    }), p(g).forEach(function(b) {
+      u(h, b) || (f(h, b) && S.isMergeableObject(g[b]) ? v[b] = d(b, S)(h[b], g[b], S) : v[b] = a(g[b], S));
+    }), v;
   }
-  function f(h, y, T) {
-    T = T || {}, T.arrayMerge = T.arrayMerge || l, T.isMergeableObject = T.isMergeableObject || o, T.cloneUnlessOtherwiseSpecified = a;
-    var S = Array.isArray(y), v = Array.isArray(h), L = S === v;
-    return L ? S ? T.arrayMerge(h, y, T) : g(h, y, T) : a(y, T);
+  function m(h, g, S) {
+    S = S || {}, S.arrayMerge = S.arrayMerge || c, S.isMergeableObject = S.isMergeableObject || r, S.cloneUnlessOtherwiseSpecified = a;
+    var v = Array.isArray(g), b = Array.isArray(h), _ = v === b;
+    return _ ? v ? S.arrayMerge(h, g, S) : y(h, g, S) : a(g, S);
   }
-  f.all = function(y, T) {
-    if (!Array.isArray(y))
+  m.all = function(g, S) {
+    if (!Array.isArray(g))
       throw new Error("first argument should be an array");
-    return y.reduce(function(S, v) {
-      return f(S, v, T);
+    return g.reduce(function(v, b) {
+      return m(v, b, S);
     }, {});
   };
-  var M = f;
-  return De = M, De;
-}
-var Ts = bs();
-const Me = /* @__PURE__ */ vs(Ts);
-function Ms({
-  mode: o,
-  ...e
+  var L = m;
+  return Ae = L, Ae;
+}
+var ks = Es();
+const le = /* @__PURE__ */ Ts(ks), Be = ["anyclick", "pointermove", "panstart", "panmove", "panend", "keyup"];
+class rt extends wt {
+  updateState({
+    props: e,
+    oldProps: t,
+    context: n,
+    changeFlags: s
+  }) {
+    e.eventManager !== t.eventManager && (this._removeEventHandlers(e.eventManager), this._removeEventHandlers(t.eventManager), this._addEventHandlers()), super.updateState({
+      props: e,
+      oldProps: t,
+      context: n,
+      changeFlags: s
+    });
+  }
+  _addEventHandlers() {
+    const e = this._getEventManager(), {
+      eventHandler: t
+    } = this.state._editableLayerState;
+    for (const n of Be)
+      e.on(n, t, {
+        // give nebula a higher priority so that it can stop propagation to deck.gl's map panning handlers
+        priority: 100
+      });
+  }
+  _removeEventHandlers(e) {
+    const t = e ?? this._getEventManager(), {
+      eventHandler: n
+    } = this.state._editableLayerState;
+    for (const s of Be)
+      t.off(s, n);
+  }
+  _getEventManager() {
+    return this.props.eventManager ?? // @ts-expect-error accessing protected props
+    this.context.deck.eventManager;
+  }
+}
+function Ps({
+  mode: r,
+  eventManager: e,
+  ...t
 }) {
-  const t = Ls(e);
+  const n = Cs(t);
   return {
-    type: Je,
+    type: rt,
     props: {
-      ...t,
-      mode: o
+      ...n,
+      eventManager: e,
+      mode: r
     }
   };
 }
-function Ls({
-  layerProps: o,
+function Cs({
+  layerProps: r,
   onEdit: e,
   getLineColor: t,
   getFillColor: n,
   pointColor: s
 }) {
-  const i = Me(o, {
+  const o = le(r, {
     modeConfig: {
       //   // We force distance due to conversion is addressed at feature getText level
       //   formatTooltip: (_distance: number) => {
@@ -628,82 +803,82 @@ function Ls({
       preventOverlappingLines: !0
     },
     onEdit: e
-  }), r = Me(ds, {
+  }), i = le(gs, {
     getTentativeLineColor: t,
     getTentativeFillColor: n,
     getLineColor: t,
     getFillColor: n,
     getEditHandlePointColor: s.fill,
     getEditHandlePointOutlineColor: s.outline,
-    dataComparator: (l, m) => l.features[0] === m.features[0]
+    dataComparator: (c, d) => c.features[0] === d.features[0]
   });
-  return Me(r, i);
+  return le(i, o);
 }
-const _s = (o) => Ve()((e) => ({
-  data: o.reduce((n, s) => {
+const ws = (r) => Ve()((e) => ({
+  data: r.reduce((n, s) => {
     const {
-      enabled: i = !1,
-      mapId: r,
-      modeInstance: a = new Re.polygon.mode(),
-      modes: l = Re,
-      modeSelected: m = Re.polygon.value,
-      values: c = {}
+      enabled: o = !1,
+      mapId: i,
+      modeInstance: a = new De.polygon.mode(),
+      modes: c = De,
+      modeSelected: d = De.polygon.value,
+      values: l = {}
     } = s;
-    return n[r] = {
-      enabled: i,
+    return n[i] = {
+      enabled: o,
       modeInstance: a,
-      modes: l,
-      modeSelected: m,
-      values: c
+      modes: c,
+      modeSelected: d,
+      values: l
     }, n;
   }, {}),
   setEnabled: (n, s) => {
-    e((i) => ({
+    e((o) => ({
       data: {
-        ...i.data,
+        ...o.data,
         [n]: {
-          ...i.data[n],
+          ...o.data[n],
           enabled: s,
           visible: s
         }
       }
     }));
   },
-  setValue: (n, s, i) => {
-    e((r) => {
+  setValue: (n, s, o) => {
+    e((i) => {
       const a = {
-        ...r.data[n].values
-      }, l = a[s] ?? {
+        ...i.data[n].values
+      }, c = a[s] ?? {
         type: "mask"
       };
       return a[s] = {
-        ...l,
-        ...i,
+        ...c,
+        ...o,
         id: s
-      }, i || delete a[s], {
+      }, o || delete a[s], {
         data: {
-          ...r.data,
+          ...i.data,
           [n]: {
-            ...r.data[n],
+            ...i.data[n],
             values: a
           }
         }
       };
     });
   },
-  setVisibility: (n, s, i) => {
-    e((r) => {
+  setVisibility: (n, s, o) => {
+    e((i) => {
       const a = {
-        ...r.data[n].values
-      }, l = a[s] ?? {};
-      return l.properties.visible = i, {
+        ...i.data[n].values
+      }, c = a[s] ?? {};
+      return c.properties.visible = o, {
         data: {
-          ...r.data,
+          ...i.data,
           [n]: {
-            ...r.data[n],
+            ...i.data[n],
             values: {
               ...a,
-              [s]: l
+              [s]: c
             }
           }
         }
@@ -711,137 +886,137 @@ const _s = (o) => Ve()((e) => ({
     });
   },
   setModeSelected: (n, s) => {
-    e((i) => ({
+    e((o) => ({
       data: {
-        ...i.data,
+        ...o.data,
         [n]: {
-          ...i.data[n],
+          ...o.data[n],
           modeSelected: s
         }
       }
     }));
   },
   setModeInstance: (n, s) => {
-    e((i) => ({
+    e((o) => ({
       data: {
-        ...i.data,
+        ...o.data,
         [n]: {
-          ...i.data[n],
+          ...o.data[n],
           modeInstance: s
         }
       }
     }));
   }
 })), it = Ue({});
-function Ps(o) {
-  const e = k(5), {
+function Fs(r) {
+  const e = F(5), {
     children: t,
     values: n
-  } = o;
+  } = r;
   let s;
-  e[0] !== n ? (s = () => _s(n), e[0] = n, e[1] = s) : s = e[1];
-  const [i] = fe(s);
-  let r;
-  return e[2] !== t || e[3] !== i ? (r = /* @__PURE__ */ H(it.Provider, { value: i, children: t }), e[2] = t, e[3] = i, e[4] = r) : r = e[4], r;
+  e[0] !== n ? (s = () => ws(n), e[0] = n, e[1] = s) : s = e[1];
+  const [o] = ee(s);
+  let i;
+  return e[2] !== t || e[3] !== o ? (i = /* @__PURE__ */ N(it.Provider, { value: o, children: t }), e[2] = t, e[3] = o, e[4] = i) : i = e[4], i;
 }
-function j(o) {
-  const e = $e(it);
+function I(r) {
+  const e = qe(it);
   if (!Object.keys(e).length)
     throw new Error("Missing LassoToolsProvider in the tree");
-  return je(e, o);
+  return je(e, r);
 }
-function Es({
-  mapId: o,
+function Os({
+  mapId: r,
   children: e
 }) {
-  const t = j((u) => {
-    var g;
-    return (g = u.data[o]) == null ? void 0 : g.enabled;
-  }), n = j((u) => u.setEnabled), s = j((u) => {
-    var g;
-    return (g = u.data[o]) == null ? void 0 : g.values;
-  }), i = j((u) => u.setValue), r = j((u) => u.setVisibility), a = j((u) => {
-    var g;
-    return (g = u.data[o]) == null ? void 0 : g.modeSelected;
-  }), l = j((u) => u.setModeSelected), m = j((u) => {
-    var g;
-    return (g = u.data[o]) == null ? void 0 : g.modes;
-  }), c = j((u) => u.setModeInstance);
-  Y(() => {
-    const u = m[a];
+  const t = I((u) => {
+    var y;
+    return (y = u.data[r]) == null ? void 0 : y.enabled;
+  }), n = I((u) => u.setEnabled), s = I((u) => {
+    var y;
+    return (y = u.data[r]) == null ? void 0 : y.values;
+  }), o = I((u) => u.setValue), i = I((u) => u.setVisibility), a = I((u) => {
+    var y;
+    return (y = u.data[r]) == null ? void 0 : y.modeSelected;
+  }), c = I((u) => u.setModeSelected), d = I((u) => {
+    var y;
+    return (y = u.data[r]) == null ? void 0 : y.modes;
+  }), l = I((u) => u.setModeInstance);
+  B(() => {
+    const u = d[a];
     if (u && t) {
-      const g = u.mode;
-      c(o, new g());
+      const y = u.mode;
+      l(r, new y());
     }
-  }, [t, o, a, m, c]);
+  }, [t, r, a, d, l]);
   const [
     p
     // , draw
-  ] = de(() => {
-    const u = (M) => {
+  ] = J(() => {
+    const u = (L) => {
       var h;
       return {
-        id: M.id,
-        visible: M.properties.visible,
-        label: (h = M.properties) == null ? void 0 : h.label
+        id: L.id,
+        visible: L.properties.visible,
+        label: (h = L.properties) == null ? void 0 : h.label
       };
     };
     return [
-      Object.values(s).filter((M) => M.type === "mask").map(u)
+      Object.values(s).filter((L) => L.type === "mask").map(u)
       // , draw
     ];
-  }, [s]), d = $((u) => {
-    n(o, !!u), l(o, u);
-  }, [o, n, l]);
+  }, [s]), f = G((u) => {
+    n(r, !!u), c(r, u);
+  }, [r, n, c]);
   return e({
-    mapId: o,
+    mapId: r,
     enabled: t,
-    modes: m,
+    modes: d,
     modeSelected: a,
     values: {
       mask: p
       // draw,
     },
-    setValue: $((u) => i(o, u), [o, i]),
-    setEnabled: $((u) => n(o, u), [o, n]),
-    setVisibility: $((u, g) => r(o, u, g), [o, r]),
-    setModeSelected: d
+    setValue: G((u) => o(r, u), [r, o]),
+    setEnabled: G((u) => n(r, u), [r, n]),
+    setVisibility: G((u, y) => i(r, u, y), [r, i]),
+    setModeSelected: f
   });
 }
-function rt({
-  values: o
+function at({
+  values: r
 }) {
-  return Object.values(o ?? {}).filter((e) => e.type === "mask");
+  return Object.values(r ?? {}).filter((e) => e.type === "mask");
 }
-const ks = Qt({
-  length: Kt
+const Ds = Ht({
+  length: Bt
 });
-function Qe(o, e) {
-  return ks(o).from(Ze[R.meter]).to(Ze[e]);
+function Ge(r, e) {
+  return Ds(r).from(Ze[U.meter]).to(Ze[e]);
 }
-const Ke = 1e4;
-function Ce({
-  meters: o,
+const ze = 1e4;
+function Me({
+  meters: r,
   unit: e,
   locale: t,
   options: {
     autoSplitNumber: n,
     ...s
   } = {
-    autoSplitNumber: Ke
+    autoSplitNumber: ze
   }
 }) {
-  const i = e === qe["m-km"], r = e === qe["ft-mi"], a = i || r;
-  let l, m;
+  const o = e === $e["m-km"], i = e === $e["ft-mi"], a = o || i;
+  let c, d;
   if (a) {
-    const c = o < (n ?? Ke);
-    let p = c ? R.meter : R.kilometer;
-    l = c ? Le.meter : Le.kilometer, r && (l = c ? Le.feet : Le.mile, p = c ? R.feet : R.mile), m = Qe(o, p);
+    const l = r < (n ?? ze);
+    let p = l ? U.meter : U.kilometer;
+    c = l ? ce.meter : ce.kilometer, i && (c = l ? ce.feet : ce.mile, p = l ? U.feet : U.mile), d = Ge(r, p);
   } else
-    l = Le[e], m = Qe(o, e);
-  return `${st(m, t, {
+    c = ce[e], d = Ge(r, e);
+  return `${nt(d, t, {
     style: "unit",
-    unit: l,
+    unit: c,
     unitDisplay: "short",
     notation: "standard",
     minimumFractionDigits: 2,
@@ -849,18 +1024,18 @@ function Ce({
     ...s
   })}`;
 }
-function Zn(o, {
+function lo(r, {
   hasDoubleClickZoom: e
 }) {
-  return typeof o == "boolean" ? {
+  return typeof r == "boolean" ? {
     doubleClickZoom: e
   } : {
-    ...o,
+    ...r,
     doubleClickZoom: e
   };
 }
-function at(o, e, t) {
-  if (o > 0) {
+function lt(r, e, t) {
+  if (r > 0) {
     const {
       formatTooltip: n,
       turfOptions: s
@@ -868,26 +1043,26 @@ function at(o, e, t) {
       turfOptions: {
         units: "kilometers"
       }
-    }, i = s == null ? void 0 : s.units;
-    let r;
-    n ? r = n(o) : r = `${parseFloat(o.toString()).toFixed(2)} ${i}`;
+    }, o = s == null ? void 0 : s.units;
+    let i;
+    n ? i = n(r) : i = `${parseFloat(r.toString()).toFixed(2)} ${o}`;
     const {
       measurementCallback: a
     } = t;
-    return a && a(o), [{
+    return a && a(r), [{
       position: e,
-      text: r
+      text: i
     }];
   }
   return [];
 }
-class Cs extends Rt {
+class As extends Ft {
   constructor() {
     super(...arguments);
-    ne(this, "_isMeasuringSessionFinished", !1);
-    ne(this, "area", 0);
-    ne(this, "tooltips", []);
-    ne(this, "resultPolygon", {
+    W(this, "_isMeasuringSessionFinished", !1);
+    W(this, "area", 0);
+    W(this, "tooltips", []);
+    W(this, "resultPolygon", {
       type: "FeatureCollection",
       features: []
     });
@@ -896,12 +1071,12 @@ class Cs extends Rt {
     this._isMeasuringSessionFinished && (this._isMeasuringSessionFinished = !1, this.resetClickSequence(), this.area = 0);
     const {
       picks: s
-    } = t, i = Dt(s), r = this.getClickSequence();
+    } = t, o = Ot(s), i = this.getClickSequence();
     let a = !1;
-    !i && !this.allowOverlapping(n) && (this.addClickSequence(t), a = !0), this.area = Ie({
+    !o && !this.allowOverlapping(n) && (this.addClickSequence(t), a = !0), this.area = Ne({
       type: "Polygon",
       coordinates: [this.getClickSequence()]
-    }), this.isFinalizedEdition(r, i) ? this.finalizeEdition(n) : a && n.onEdit({
+    }), this.isFinalizedEdition(i, o) ? this.finalizeEdition(n) : a && n.onEdit({
       // data is the same
       updatedData: n.data,
       editType: "addTentativePosition",
@@ -919,8 +1094,8 @@ class Cs extends Rt {
     super.handlePointerMove(t, n);
     const s = this.getTentativeGuide(n);
     if (s && s.geometry.type === "Polygon") {
-      const i = It(s);
-      this.area = Ie(s), this.tooltips = at(this.area, i.geometry.coordinates, n.modeConfig);
+      const o = jt(s);
+      this.area = Ne(s), this.tooltips = lt(this.area, o.geometry.coordinates, n.modeConfig);
     }
   }
   resetClickSequence() {
@@ -941,19 +1116,19 @@ class Cs extends Rt {
     return t.length > 2 && n !== void 0 && (s[0] === 0 || s[0] === t.length - 1);
   }
   allowOverlapping(t) {
-    var i;
+    var o;
     let n = !1;
     const s = this.getClickSequence();
     if (s.length > 2 && // eslint-disable-next-line @typescript-eslint/no-unsafe-member-access
-    ((i = t.modeConfig) != null && i.preventOverlappingLines)) {
-      const r = {
+    ((o = t.modeConfig) != null && o.preventOverlappingLines)) {
+      const i = {
         type: "LineString",
         coordinates: [...s, s[0]]
       }, a = {
         type: "LineString",
         coordinates: [...s.slice(0, s.length - 1)]
       };
-      Bt(r, a).features.length > 0 && (n = !0);
+      Nt(i, a).features.length > 0 && (n = !0);
     }
     return n;
   }
@@ -966,12 +1141,12 @@ class Cs extends Rt {
       type: "FeatureCollection",
       features: []
     };
-    const i = this.getAddFeatureOrBooleanPolygonAction(s, t);
-    this._isMeasuringSessionFinished = !0, i && (this.resultPolygon = i.updatedData, t.onEdit({
-      ...i,
-      editType: K.addPosition,
+    const o = this.getAddFeatureOrBooleanPolygonAction(s, t);
+    this._isMeasuringSessionFinished = !0, o && (this.resultPolygon = o.updatedData, t.onEdit({
+      ...o,
+      editType: Q.addPosition,
       editContext: {
-        ...i.editContext,
+        ...o.editContext,
         distance: this.area,
         positions: this.getClickSequence(),
         finished: this._isMeasuringSessionFinished
@@ -990,32 +1165,32 @@ class Cs extends Rt {
     meters: t,
     locale: n,
     unit: s,
-    options: i
+    options: o
   }) {
-    return Ce({
+    return Me({
       meters: t,
       locale: n,
       unit: s,
-      options: i
+      options: o
     }) + "2";
   }
 }
-class ws extends Xe {
+class Rs extends et {
   constructor() {
     super(...arguments);
-    ne(this, "_isMeasuringSessionFinished", !1);
-    ne(this, "_currentArea", 0);
-    ne(this, "resultPolygon", {
+    W(this, "_isMeasuringSessionFinished", !1);
+    W(this, "_currentArea", 0);
+    W(this, "resultPolygon", {
       type: "FeatureCollection",
       features: []
     });
-    ne(this, "tooltips", []);
+    W(this, "tooltips", []);
   }
   handleClick(t, n) {
     this._isMeasuringSessionFinished && (this._isMeasuringSessionFinished = !1, this.resetClickSequence(), this._currentArea = 0), super.handleClick(t, n);
   }
   handlePointerMove(t, n) {
-    this._isMeasuringSessionFinished || (super.handlePointerMove(t, n), this.tooltips = at(this.areaCircle, this.position, n.modeConfig));
+    this._isMeasuringSessionFinished || (super.handlePointerMove(t, n), this.tooltips = lt(this.areaCircle, this.position, n.modeConfig));
   }
   checkAndFinishPolygon(t) {
     const n = this.getClickSequence(), s = this.getTentativeGuide(t);
@@ -1039,7 +1214,7 @@ class ws extends Xe {
     const s = this.getAddFeatureOrBooleanPolygonAction(n, t);
     this._isMeasuringSessionFinished = !0, t.onUpdateCursor("cell"), s && (this.resultPolygon = s.updatedData, t.onEdit({
       ...s,
-      editType: K.addPosition,
+      editType: Q.addPosition,
       editContext: {
         ...s.editContext,
         distance: this._currentArea,
@@ -1066,22 +1241,22 @@ class ws extends Xe {
     meters: t,
     locale: n,
     unit: s,
-    options: i
+    options: o
   }) {
-    return Ce({
+    return Me({
       meters: t,
       locale: n,
       unit: s,
-      options: i
+      options: o
     }) + "2";
   }
 }
-class lt extends xt {
+class ct extends Dt {
   handleClick(e, t) {
     super.handleClick(e, t), t.onEdit({
       // data is the same
       updatedData: t.data,
-      editType: K.addPosition,
+      editType: Q.addPosition,
       editContext: {
         distance: this._currentDistance,
         finished: this._isMeasuringSessionFinished,
@@ -1095,7 +1270,7 @@ class lt extends xt {
     const {
       key: n
     } = e, s = this.getClickSequence().length;
-    let i = K.finish;
+    let o = Q.finish;
     switch (n) {
       case "Escape":
         t.onEdit({
@@ -1103,14 +1278,14 @@ class lt extends xt {
             type: "FeatureCollection",
             features: []
           },
-          editType: K.cancel,
+          editType: Q.cancel,
           editContext: {}
         });
         break;
       case "Enter":
-        this._isMeasuringSessionFinished = !0, s === 1 && (this.resetClickSequence(), i = K.cancel), t.onUpdateCursor("cell"), t.onEdit({
+        this._isMeasuringSessionFinished = !0, s === 1 && (this.resetClickSequence(), o = Q.cancel), t.onUpdateCursor("cell"), t.onEdit({
           updatedData: t.data,
-          editType: i,
+          editType: o,
           editContext: {
             finished: this._isMeasuringSessionFinished
           }
@@ -1127,7 +1302,7 @@ class lt extends xt {
     unit: n,
     options: s
   }) {
-    return Ce({
+    return Me({
       meters: e,
       locale: t,
       unit: n,
@@ -1135,8 +1310,8 @@ class lt extends xt {
     });
   }
 }
-const ve = "mapMeasureLayer", Fs = {
-  id: ve,
+const oe = "mapMeasureLayer", $s = {
+  id: oe,
   pickable: !1,
   billboard: !1,
   editHandlePointRadiusUnits: "pixels",
@@ -1160,19 +1335,19 @@ const ve = "mapMeasureLayer", Fs = {
       getLineWidth: 2
     }
   }
-}, xe = {
+}, Re = {
   editing: [23, 102, 214, 255],
   finished: [71, 219, 153, 255],
   point: [255, 255, 255, 255]
-}, Ge = {
+}, Qe = {
   styles: {
     colors: {
-      editing: xe.editing,
-      finished: xe.finished,
-      point: xe.point
+      editing: Re.editing,
+      finished: Re.finished,
+      point: Re.point
     }
   }
-}, R = {
+}, U = {
   kilometer: "kilometer",
   meter: "meter",
   centimeter: "centimeter",
@@ -1180,31 +1355,31 @@ const ve = "mapMeasureLayer", Fs = {
   mile: "mile",
   yard: "yard",
   feet: "feet"
-}, qe = {
+}, $e = {
   "m-km": "m-km",
   "ft-mi": "ft-mi",
-  ...R
-}, Os = {
+  ...U
+}, xs = {
   meters: "meters",
   kilometer: "kilometers",
   mile: "miles"
 }, Ze = {
-  [R.kilometer]: "km",
-  [R.meter]: "m",
-  [R.centimeter]: "cm",
-  [R.milimeter]: "mm",
-  [R.mile]: "mi",
-  [R.yard]: "yd",
-  [R.feet]: "ft"
-}, Le = {
-  [R.kilometer]: "kilometer",
-  [R.meter]: "meter",
-  [R.centimeter]: "centimeter",
-  [R.milimeter]: "millimeter",
-  [R.mile]: "mile",
-  [R.yard]: "yard",
-  [R.feet]: "foot"
-}, Q = {
+  [U.kilometer]: "km",
+  [U.meter]: "m",
+  [U.centimeter]: "cm",
+  [U.milimeter]: "mm",
+  [U.mile]: "mi",
+  [U.yard]: "yd",
+  [U.feet]: "ft"
+}, ce = {
+  [U.kilometer]: "kilometer",
+  [U.meter]: "meter",
+  [U.centimeter]: "centimeter",
+  [U.milimeter]: "millimeter",
+  [U.mile]: "mile",
+  [U.yard]: "yard",
+  [U.feet]: "foot"
+}, z = {
   "m-km": {
     value: "m-km",
     system: "metric"
@@ -1241,205 +1416,248 @@ const ve = "mapMeasureLayer", Fs = {
     value: "feet",
     system: "imperial"
   }
-}, ze = [Q["m-km"], Q.kilometer, Q.meter, Q["ft-mi"], Q.mile, Q.feet], As = [Q["m-km"], Q.kilometer, Q.meter, Q["ft-mi"], Q.mile, Q.feet], Rs = {
+}, Ke = [z["m-km"], z.kilometer, z.meter, z["ft-mi"], z.mile, z.feet], Us = [z["m-km"], z.kilometer, z.meter, z["ft-mi"], z.mile, z.feet], qs = {
   distance: {
     value: "distance",
-    mode: lt
+    mode: ct
   },
   buffer: {
     value: "buffer",
-    mode: ws
+    mode: Rs
   },
   area: {
     value: "area",
-    mode: Cs
-  }
-}, Ds = {
-  distance: ze,
-  buffer: ze,
-  area: As
-}, xs = [Te, ke, ve];
-function qs({
-  children: o,
+    mode: As
+  }
+}, Vs = {
+  distance: Ke,
+  buffer: Ke,
+  area: Us
+};
+function ut(r) {
+  const e = F(7), {
+    mapId: t
+  } = r;
+  let n;
+  e[0] !== t ? (n = (f) => {
+    var u;
+    return (u = f.maps[t]) == null ? void 0 : u.basemap;
+  }, e[0] = t, e[1] = n) : n = e[1];
+  const s = D(n);
+  let o;
+  e[2] !== t ? (o = (f) => {
+    var u;
+    return (u = f.maps[t]) == null ? void 0 : u.isLoaded;
+  }, e[2] = t, e[3] = o) : o = e[3];
+  const i = D(o), a = D(js), {
+    type: c
+  } = ue[s], d = c === Y.googleMaps;
+  let l;
+  e: {
+    if (!d || !i) {
+      l = null;
+      break e;
+    }
+    let f;
+    if (e[4] !== a || e[5] !== t) {
+      const y = a(t);
+      f = new qt(y.getDiv(), {}), e[4] = a, e[5] = t, e[6] = f;
+    } else
+      f = e[6];
+    l = f;
+  }
+  return l;
+}
+function js(r) {
+  return r.getOverlayInstance;
+}
+const Ns = [ae, be, oe];
+function Is({
+  children: r,
   mapId: e,
   defaultProps: {
-    styles: t = Ae.styles,
+    styles: t = Oe.styles,
     labels: n
   } = {
-    styles: Ae.styles,
-    labels: Ae.labels
+    styles: Oe.styles,
+    labels: Oe.labels
   },
   layerProps: s = {},
-  defaultType: i = "mask"
+  defaultType: o = "mask"
 }) {
-  const r = j((b) => {
-    var P;
-    return (P = b.data[e]) == null ? void 0 : P.enabled;
-  }), a = j((b) => b.setEnabled), l = j((b) => {
-    var P;
-    return (P = b.data[e]) == null ? void 0 : P.values;
-  }), m = j((b) => b.setValue), c = j((b) => {
-    var P;
-    return (P = b.data[e]) == null ? void 0 : P.modeInstance;
-  }), p = j((b) => {
-    var P;
-    return (P = b.data[e]) == null ? void 0 : P.modeSelected;
-  }), d = _e((b) => b.setLayer), u = w((b) => b.addLayers), g = w((b) => b.removeLayers), f = w(tt((b) => {
-    var P;
-    return (P = b.maps[e]) == null ? void 0 : P.layers.filter((C) => !xs.includes(C));
-  })), M = w((b) => b.getDeckInstance), h = Ee({}), y = de(() => rt({
-    values: l
-  }), [l]), T = de(() => ({
+  const i = I((M) => {
+    var T;
+    return (T = M.data[e]) == null ? void 0 : T.enabled;
+  }), a = I((M) => M.setEnabled), c = I((M) => {
+    var T;
+    return (T = M.data[e]) == null ? void 0 : T.values;
+  }), d = I((M) => M.setValue), l = I((M) => {
+    var T;
+    return (T = M.data[e]) == null ? void 0 : T.modeInstance;
+  }), p = I((M) => {
+    var T;
+    return (T = M.data[e]) == null ? void 0 : T.modeSelected;
+  }), f = de((M) => M.setLayer), u = D((M) => M.addLayers), y = D((M) => M.removeLayers), m = D(st((M) => {
+    var T;
+    return (T = M.maps[e]) == null ? void 0 : T.layers.filter((C) => !Ns.includes(C));
+  })), L = D((M) => M.getDeckInstance), h = ve({}), g = ut({
+    mapId: e
+  }), S = J(() => at({
+    values: c
+  }), [c]), v = J(() => ({
     type: "FeatureCollection",
-    features: y.map((b) => ({
+    features: S.map((M) => ({
       type: "Feature",
-      geometry: b.geometry,
-      properties: b.properties,
-      id: b.id
+      geometry: M.geometry,
+      properties: M.properties,
+      id: M.id
     }))
-  }), [y]), S = de(() => y.filter((b) => b.properties.visible).map((b) => b.id), [y]), [v, L] = fe(T), [E, F] = fe([]), O = $(() => {
-    const b = {
-      ...T,
-      features: T.features.filter((P) => {
+  }), [S]), b = J(() => S.filter((M) => M.properties.visible).map((M) => M.id), [S]), [_, E] = ee(v), [P, O] = ee([]), R = G(() => {
+    const M = {
+      ...v,
+      features: v.features.filter((T) => {
         var C;
-        return (C = P.properties) == null ? void 0 : C.visible;
+        return (C = T.properties) == null ? void 0 : C.visible;
       })
     };
-    L(b);
-  }, [T]);
-  Y(() => {
-    O();
-  }, [O]);
-  const D = Ee(y.length);
-  Y(() => (u(e, [Te]), () => {
-    g(e, [Te]);
-  }), [u, e, g]);
-  const U = $(() => {
-    O(), F([]), a(e, !1);
-  }, [e, O, a]), V = $(({
-    editType: b,
-    updatedData: P
+    E(M);
+  }, [v]);
+  B(() => {
+    R();
+  }, [R]);
+  const x = ve(S.length);
+  B(() => (u(e, [ae]), () => {
+    y(e, [ae]);
+  }), [u, e, y]);
+  const j = G(() => {
+    R(), O([]), a(e, !1);
+  }, [e, R, a]), q = G(({
+    editType: M,
+    updatedData: T
   }) => {
-    if (b === K.cancel) {
-      U();
+    if (M === Q.cancel) {
+      j();
       return;
     }
-    L(P), b !== K.updateTentativeFeature && b === K.addFeature && (p !== "edit" && (D.current = D.current + 1), P.features.forEach((C, A) => {
-      var B;
-      (B = C.properties).label ?? (B.label = `${n == null ? void 0 : n.mask} ${D.current}`), C.properties.index = A, C.properties.visible = C.properties.visible ?? !0;
-      const x = C.id ?? crypto.randomUUID();
-      m(e, x, {
+    E(T), M !== Q.updateTentativeFeature && M === Q.addFeature && (p !== "edit" && (x.current = x.current + 1), T.features.forEach((C, w) => {
+      var $;
+      ($ = C.properties).label ?? ($.label = `${n == null ? void 0 : n.mask} ${x.current}`), C.properties.index = w, C.properties.visible = C.properties.visible ?? !0;
+      const A = C.id ?? crypto.randomUUID();
+      d(e, A, {
         geometry: C.geometry,
         properties: C.properties,
         // visible: true,
-        type: i
+        type: o
       });
-    }), U());
-  }, [i, U, n == null ? void 0 : n.mask, e, p, m]);
-  return Y(() => {
-    const b = r, {
-      border: P,
+    }), j());
+  }, [o, j, n == null ? void 0 : n.mask, e, p, d]);
+  return B(() => {
+    const M = i, {
+      border: T,
       point: C,
-      fill: A
+      fill: w
     } = t.colors.editing, {
-      border: x,
-      fill: B
-    } = t.colors.finished, N = Ms({
+      border: A,
+      fill: $
+    } = t.colors.finished, Z = Ps({
       layerProps: {
         ...s.mask,
-        pickable: b,
-        data: v,
-        selectedFeatureIndexes: E,
+        pickable: M,
+        data: _,
+        selectedFeatureIndexes: P,
         updateTriggers: {
-          getFilterValue: S
+          getFilterValue: b
         },
-        onClick: (G) => {
-          const I = G;
-          I.isGuide || F([I.index]);
+        onClick: (H) => {
+          const X = H;
+          X.isGuide || O([X.index]);
         }
       },
-      getLineColor: (G) => E[0] === G.properties.index ? P : x,
-      getFillColor: (G) => E[0] === G.properties.index ? A : B,
+      getLineColor: (H) => P[0] === H.properties.index ? T : A,
+      getFillColor: (H) => P[0] === H.properties.index ? w : $,
       pointColor: {
         fill: C,
-        outline: P
+        outline: T
       },
-      onEdit: V,
-      mode: b ? c : new qt()
+      eventManager: g,
+      onEdit: q,
+      mode: M ? l : new At()
     });
-    d(Te, N);
-  }, [v, r, s.mask, S, c, V, E, d, t.colors.editing, t.colors.finished]), Y(() => {
-    const b = {
-      ...Pe,
-      data: T,
-      getFilterValue: (P) => Number(S.includes(P.id)),
+    f(ae, Z);
+  }, [_, i, s.mask, b, l, q, P, f, t.colors.editing, t.colors.finished, g]), B(() => {
+    const M = {
+      ...Se,
+      data: v,
+      getFilterValue: (T) => Number(b.includes(T.id)),
       updateTriggers: {
-        getFilterValue: S
+        getFilterValue: b
       }
     };
-    return d(Pe.id, {
-      type: Nt,
-      props: b
-    }), u(e, [Pe.id]), () => {
-      g(e, [Pe.id]);
+    return f(Se.id, {
+      type: Vt,
+      props: M
+    }), u(e, [Se.id]), () => {
+      y(e, [Se.id]);
     };
-  }, [u, e, T, S, g, d]), Y(() => {
-    f == null || f.forEach((b) => {
-      var A;
-      const P = (A = M(e)) == null ? void 0 : A.props.layers.find((x) => x.props.id === b);
-      r && (h.current[b] = P == null ? void 0 : P.props.pickable);
-      const C = !r && (h.current[b] ?? (P == null ? void 0 : P.props.pickable));
-      d(b, {
+  }, [u, e, v, b, y, f]), B(() => {
+    m == null || m.forEach((M) => {
+      var w;
+      const T = (w = L(e)) == null ? void 0 : w.props.layers.find((A) => A.props.id === M);
+      i && (h.current[M] = T == null ? void 0 : T.props.pickable);
+      const C = !i && (h.current[M] ?? (T == null ? void 0 : T.props.pickable));
+      f(M, {
         props: {
           pickable: C,
           extensions: [new $t()],
-          maskId: !r && S.length ? ke : void 0
+          maskId: !i && b.length ? be : void 0
         }
       });
     });
-  }, [r, M, e, f, S.length, d]), o;
+  }, [i, L, e, m, b.length, f]), r;
 }
-qs.Controls = Es;
-function Us({
-  mode: o,
-  ...e
+Is.Controls = Os;
+function Hs({
+  mode: r,
+  eventManager: e,
+  ...t
 }) {
-  const t = $s({
-    mode: o,
-    ...e
+  const n = Bs({
+    mode: r,
+    ...t
   });
   return {
-    type: Je,
+    type: rt,
     props: {
-      ...t,
-      mode: o,
+      ...n,
+      eventManager: e,
+      mode: r,
       data: []
     }
   };
 }
-function $s({
-  mode: o,
+function Bs({
+  mode: r,
   layerProps: e,
   locale: t,
   enabled: n,
   unit: s,
-  onEdit: i,
-  guideColor: r,
+  onEdit: o,
+  guideColor: i,
   pointColor: a,
-  textOptions: l
+  textOptions: c
 }) {
-  const m = Me(e, {
+  const d = le(e, {
     visible: n,
     pickable: n,
     modeConfig: {
       // We force distance due to conversion is addressed at feature getText level
-      formatTooltip: (d) => d,
+      formatTooltip: (f) => f,
       turfOptions: {
-        units: Os.meters
+        units: xs.meters
       }
     },
     ...n && {
-      onEdit: i
+      onEdit: o
     },
     _subLayerProps: {
       tooltips: {
@@ -1450,508 +1668,557 @@ function $s({
           // needed for the outlineWidth and outlineColor attributes to be effective
           smoothing: 0.2
         },
-        getText: (d) => {
+        getText: (f) => {
           var u;
-          return (u = o == null ? void 0 : o.getTooltipText) == null ? void 0 : u.call(o, {
-            meters: d.text,
+          return (u = r == null ? void 0 : r.getTooltipText) == null ? void 0 : u.call(r, {
+            meters: f.text,
             locale: t,
             unit: s,
-            options: l
+            options: c
           });
         },
         updateTriggers: {
-          getText: [s, t, l]
+          getText: [s, t, c]
         }
       }
     }
-  }), c = Me(Fs, {
+  }), l = le($s, {
     _subLayerProps: {
       guides: {
-        getLineColor: r,
-        getFillColor: r.with(3, 20)
+        getLineColor: i,
+        getFillColor: i.with(3, 20)
       }
     },
     getEditHandlePointColor: a,
-    getEditHandlePointOutlineColor: r
+    getEditHandlePointOutlineColor: i
   });
-  return Me(c, m);
+  return le(l, d);
 }
-const Vs = (o) => Ve()((e) => ({
-  measurements: o.reduce((n, s) => {
+const Gs = (r) => Ve()((e) => ({
+  measurements: r.reduce((n, s) => {
     const {
-      mapId: i,
-      modeSelected: r,
-      modes: a = Rs,
-      units: l = Ds,
-      distance: m = 0,
-      finished: c = !1,
+      mapId: o,
+      modeSelected: i,
+      modes: a = qs,
+      units: c = Vs,
+      distance: d = 0,
+      finished: l = !1,
       locale: p = "en",
-      positions: d = [],
+      positions: f = [],
       clearLayerOnStart: u = !1,
-      unit: g = qe["m-km"],
-      enabled: f = !1
+      unit: y = $e["m-km"],
+      enabled: m = !1
     } = s;
-    return n[i] = {
+    return n[o] = {
       modes: a,
-      units: l,
-      modeSelected: r,
-      distance: m,
-      finished: c,
+      units: c,
+      modeSelected: i,
+      distance: d,
+      finished: l,
       locale: p,
-      positions: d,
-      unit: g,
+      positions: f,
+      unit: y,
       clearLayerOnStart: u,
-      enabled: f
+      enabled: m
     }, n;
   }, {}),
-  mode: lt,
+  mode: ct,
   setModeInstance: (n, s) => {
-    e((i) => ({
+    e((o) => ({
       measurements: {
-        ...i.measurements,
+        ...o.measurements,
         [n]: {
-          ...i.measurements[n],
+          ...o.measurements[n],
           modeInstance: s
         }
       }
     }));
   },
   setModeSelected: (n, s) => {
-    e((i) => ({
+    e((o) => ({
       measurements: {
-        ...i.measurements,
+        ...o.measurements,
         [n]: {
-          ...i.measurements[n],
+          ...o.measurements[n],
           modeSelected: s
         }
       }
     }));
   },
   setFinished: (n, s) => {
-    e((i) => ({
+    e((o) => ({
       measurements: {
-        ...i.measurements,
+        ...o.measurements,
         [n]: {
-          ...i.measurements[n],
+          ...o.measurements[n],
           finished: s
         }
       }
     }));
   },
   setDistance: (n, s) => {
-    e((i) => ({
+    e((o) => ({
       measurements: {
-        ...i.measurements,
+        ...o.measurements,
         [n]: {
-          ...i.measurements[n],
+          ...o.measurements[n],
           distance: s
         }
       }
     }));
   },
   setUnit: (n, s) => {
-    e((i) => ({
+    e((o) => ({
       measurements: {
-        ...i.measurements,
+        ...o.measurements,
         [n]: {
-          ...i.measurements[n],
+          ...o.measurements[n],
           unit: s
         }
       }
     }));
   },
   setLocale: (n, s) => {
-    e((i) => ({
+    e((o) => ({
       measurements: {
-        ...i.measurements,
+        ...o.measurements,
         [n]: {
-          ...i.measurements[n],
+          ...o.measurements[n],
           locale: s
         }
       }
     }));
   },
   setPositions: (n, s) => {
-    e((i) => ({
+    e((o) => ({
       measurements: {
-        ...i.measurements,
+        ...o.measurements,
         [n]: {
-          ...i.measurements[n],
+          ...o.measurements[n],
           positions: [...s]
         }
       }
     }));
   },
   setEnabled: (n, s) => {
-    e((i) => ({
+    e((o) => ({
       measurements: {
-        ...i.measurements,
+        ...o.measurements,
         [n]: {
-          ...i.measurements[n],
+          ...o.measurements[n],
           enabled: s
         }
       }
     }));
   }
-})), ct = Ue({});
-function js(o) {
-  const e = k(5), {
+})), dt = Ue({});
+function zs(r) {
+  const e = F(5), {
     children: t,
     values: n
-  } = o;
+  } = r;
   let s;
-  e[0] !== n ? (s = Vs(n), e[0] = n, e[1] = s) : s = e[1];
-  const [i] = fe(s);
-  let r;
-  return e[2] !== t || e[3] !== i ? (r = /* @__PURE__ */ H(ct.Provider, { value: i, children: t }), e[2] = t, e[3] = i, e[4] = r) : r = e[4], r;
+  e[0] !== n ? (s = Gs(n), e[0] = n, e[1] = s) : s = e[1];
+  const [o] = ee(s);
+  let i;
+  return e[2] !== t || e[3] !== o ? (i = /* @__PURE__ */ N(dt.Provider, { value: o, children: t }), e[2] = t, e[3] = o, e[4] = i) : i = e[4], i;
 }
-function q(o) {
-  const e = $e(ct);
+function V(r) {
+  const e = qe(dt);
   if (!Object.keys(e).length)
     throw new Error("Missing MeasurementToolsProvider in the tree");
-  return je(e, o);
+  return je(e, r);
 }
-function ut(o) {
-  const e = k(74), {
+function ft(r) {
+  const e = F(74), {
     mapId: t
-  } = o;
+  } = r;
   let n;
-  e[0] !== t ? (n = (_) => _.measurements[t].modes, e[0] = t, e[1] = n) : n = e[1];
-  const s = q(n);
-  let i;
-  e[2] !== t ? (i = (_) => _.measurements[t].units, e[2] = t, e[3] = i) : i = e[3];
-  const r = q(i);
+  e[0] !== t ? (n = (k) => k.measurements[t].modes, e[0] = t, e[1] = n) : n = e[1];
+  const s = V(n);
+  let o;
+  e[2] !== t ? (o = (k) => k.measurements[t].units, e[2] = t, e[3] = o) : o = e[3];
+  const i = V(o);
   let a;
-  e[4] !== t ? (a = (_) => _.measurements[t].distance, e[4] = t, e[5] = a) : a = e[5];
-  const l = q(a), m = q(Zs);
-  let c;
-  e[6] !== m || e[7] !== t ? (c = (_) => m(t, _), e[6] = m, e[7] = t, e[8] = c) : c = e[8];
-  const p = c;
-  let d;
-  e[9] !== t ? (d = (_) => _.measurements[t].clearLayerOnStart, e[9] = t, e[10] = d) : d = e[10];
-  const u = q(d);
-  let g;
-  e[11] !== t ? (g = (_) => _.measurements[t].enabled, e[11] = t, e[12] = g) : g = e[12];
-  const f = q(g), M = q(Gs);
+  e[4] !== t ? (a = (k) => k.measurements[t].distance, e[4] = t, e[5] = a) : a = e[5];
+  const c = V(a), d = V(en);
+  let l;
+  e[6] !== d || e[7] !== t ? (l = (k) => d(t, k), e[6] = d, e[7] = t, e[8] = l) : l = e[8];
+  const p = l;
+  let f;
+  e[9] !== t ? (f = (k) => k.measurements[t].clearLayerOnStart, e[9] = t, e[10] = f) : f = e[10];
+  const u = V(f);
+  let y;
+  e[11] !== t ? (y = (k) => k.measurements[t].enabled, e[11] = t, e[12] = y) : y = e[12];
+  const m = V(y), L = V(Js);
   let h;
-  e[13] !== M || e[14] !== t ? (h = (_) => M(t, _), e[13] = M, e[14] = t, e[15] = h) : h = e[15];
-  const y = h;
-  let T;
-  e[16] !== t ? (T = (_) => _.measurements[t].modeSelected, e[16] = t, e[17] = T) : T = e[17];
-  const S = q(T), v = q(Ks);
-  let L;
-  e[18] !== v || e[19] !== t || e[20] !== y ? (L = (_) => {
-    y(!!_), v(t, _);
-  }, e[18] = v, e[19] = t, e[20] = y, e[21] = L) : L = e[21];
-  const E = L;
-  let F;
-  e[22] !== t ? (F = (_) => _.measurements[t].finished, e[22] = t, e[23] = F) : F = e[23];
-  const O = q(F), D = q(Qs);
-  let U;
-  e[24] !== D || e[25] !== t ? (U = (_) => D(t, _), e[24] = D, e[25] = t, e[26] = U) : U = e[26];
-  const V = U;
-  let b;
-  e[27] !== t ? (b = (_) => _.measurements[t].locale, e[27] = t, e[28] = b) : b = e[28];
-  const P = q(b), C = q(Hs);
+  e[13] !== L || e[14] !== t ? (h = (k) => L(t, k), e[13] = L, e[14] = t, e[15] = h) : h = e[15];
+  const g = h;
+  let S;
+  e[16] !== t ? (S = (k) => k.measurements[t].modeSelected, e[16] = t, e[17] = S) : S = e[17];
+  const v = V(S), b = V(Xs);
+  let _;
+  e[18] !== b || e[19] !== t || e[20] !== g ? (_ = (k) => {
+    g(!!k), b(t, k);
+  }, e[18] = b, e[19] = t, e[20] = g, e[21] = _) : _ = e[21];
+  const E = _;
+  let P;
+  e[22] !== t ? (P = (k) => k.measurements[t].finished, e[22] = t, e[23] = P) : P = e[23];
+  const O = V(P), R = V(Ys);
+  let x;
+  e[24] !== R || e[25] !== t ? (x = (k) => R(t, k), e[24] = R, e[25] = t, e[26] = x) : x = e[26];
+  const j = x;
+  let q;
+  e[27] !== t ? (q = (k) => k.measurements[t].locale, e[27] = t, e[28] = q) : q = e[28];
+  const M = V(q), T = V(Ws);
+  let C;
+  e[29] !== T || e[30] !== t ? (C = (k) => T(t, k), e[29] = T, e[30] = t, e[31] = C) : C = e[31];
+  const w = C;
   let A;
-  e[29] !== C || e[30] !== t ? (A = (_) => C(t, _), e[29] = C, e[30] = t, e[31] = A) : A = e[31];
-  const x = A;
-  let B;
-  e[32] !== t ? (B = (_) => _.measurements[t].modeInstance, e[32] = t, e[33] = B) : B = e[33];
-  const N = q(B), G = q(Bs);
-  let I;
-  e[34] !== G || e[35] !== t ? (I = (_) => G(t, _), e[34] = G, e[35] = t, e[36] = I) : I = e[36];
-  const be = I;
-  let te;
-  e[37] !== t ? (te = (_) => _.measurements[t].positions, e[37] = t, e[38] = te) : te = e[38];
-  const ge = q(te), oe = q(Is);
-  let ie;
-  e[39] !== oe || e[40] !== t ? (ie = (_) => oe(t, _), e[39] = oe, e[40] = t, e[41] = ie) : ie = e[41];
-  const Z = ie;
+  e[32] !== t ? (A = (k) => k.measurements[t].modeInstance, e[32] = t, e[33] = A) : A = e[33];
+  const $ = V(A), Z = V(Ks);
+  let H;
+  e[34] !== Z || e[35] !== t ? (H = (k) => Z(t, k), e[34] = Z, e[35] = t, e[36] = H) : H = e[36];
+  const X = H;
   let re;
-  e[42] !== t ? (re = (_) => _.measurements[t].unit, e[42] = t, e[43] = re) : re = e[43];
-  const ae = q(re), le = q(Ns);
-  let se;
-  e[44] !== le || e[45] !== t ? (se = (_) => le(t, _), e[44] = le, e[45] = t, e[46] = se) : se = e[46];
-  const X = se;
-  let z;
-  e[47] !== N || e[48] !== Z ? (z = () => {
-    N == null || N.resetClickSequence(), Z([]);
-  }, e[47] = N, e[48] = Z, e[49] = z) : z = e[49];
-  const J = z;
-  let W;
-  e[50] !== y ? (W = (_) => {
-    y(_);
-  }, e[50] = y, e[51] = W) : W = e[51];
-  const ce = W;
+  e[37] !== t ? (re = (k) => k.measurements[t].positions, e[37] = t, e[38] = re) : re = e[38];
+  const _e = V(re), Le = V(Zs);
+  let fe;
+  e[39] !== Le || e[40] !== t ? (fe = (k) => Le(t, k), e[39] = Le, e[40] = t, e[41] = fe) : fe = e[41];
+  const ie = fe;
+  let me;
+  e[42] !== t ? (me = (k) => k.measurements[t].unit, e[42] = t, e[43] = me) : me = e[43];
+  const Te = V(me), Ee = V(Qs);
+  let pe;
+  e[44] !== Ee || e[45] !== t ? (pe = (k) => Ee(t, k), e[44] = Ee, e[45] = t, e[46] = pe) : pe = e[46];
+  const ke = pe;
+  let ge;
+  e[47] !== $ || e[48] !== ie ? (ge = () => {
+    $ == null || $.resetClickSequence(), ie([]);
+  }, e[47] = $, e[48] = ie, e[49] = ge) : ge = e[49];
+  const Pe = ge;
   let ye;
-  return e[52] !== J || e[53] !== u || e[54] !== l || e[55] !== f || e[56] !== O || e[57] !== P || e[58] !== N || e[59] !== S || e[60] !== s || e[61] !== ge || e[62] !== p || e[63] !== y || e[64] !== V || e[65] !== x || e[66] !== be || e[67] !== E || e[68] !== Z || e[69] !== X || e[70] !== ce || e[71] !== ae || e[72] !== r ? (ye = {
+  e[50] !== g ? (ye = (k) => {
+    g(k);
+  }, e[50] = g, e[51] = ye) : ye = e[51];
+  const Ce = ye;
+  let he;
+  return e[52] !== Pe || e[53] !== u || e[54] !== c || e[55] !== m || e[56] !== O || e[57] !== M || e[58] !== $ || e[59] !== v || e[60] !== s || e[61] !== _e || e[62] !== p || e[63] !== g || e[64] !== j || e[65] !== w || e[66] !== X || e[67] !== E || e[68] !== ie || e[69] !== ke || e[70] !== Ce || e[71] !== Te || e[72] !== i ? (he = {
     modes: s,
-    units: r,
-    distance: l,
+    units: i,
+    distance: c,
     clearLayerOnStart: u,
-    modeSelected: S,
-    enabled: f,
+    modeSelected: v,
+    enabled: m,
     finished: O,
-    locale: P,
-    modeInstance: N,
-    positions: ge,
-    unit: ae,
+    locale: M,
+    modeInstance: $,
+    positions: _e,
+    unit: Te,
     setDistance: p,
     setModeSelected: E,
-    setFinished: V,
-    setLocale: x,
-    setPositions: Z,
-    setUnit: X,
-    setEnabled: y,
-    toggleLayer: ce,
-    clearLayer: J,
-    setModeInstance: be
-  }, e[52] = J, e[53] = u, e[54] = l, e[55] = f, e[56] = O, e[57] = P, e[58] = N, e[59] = S, e[60] = s, e[61] = ge, e[62] = p, e[63] = y, e[64] = V, e[65] = x, e[66] = be, e[67] = E, e[68] = Z, e[69] = X, e[70] = ce, e[71] = ae, e[72] = r, e[73] = ye) : ye = e[73], ye;
+    setFinished: j,
+    setLocale: w,
+    setPositions: ie,
+    setUnit: ke,
+    setEnabled: g,
+    toggleLayer: Ce,
+    clearLayer: Pe,
+    setModeInstance: X
+  }, e[52] = Pe, e[53] = u, e[54] = c, e[55] = m, e[56] = O, e[57] = M, e[58] = $, e[59] = v, e[60] = s, e[61] = _e, e[62] = p, e[63] = g, e[64] = j, e[65] = w, e[66] = X, e[67] = E, e[68] = ie, e[69] = ke, e[70] = Ce, e[71] = Te, e[72] = i, e[73] = he) : he = e[73], he;
 }
-function Ns(o) {
-  return o.setUnit;
+function Qs(r) {
+  return r.setUnit;
 }
-function Is(o) {
-  return o.setPositions;
+function Zs(r) {
+  return r.setPositions;
 }
-function Bs(o) {
-  return o.setModeInstance;
+function Ks(r) {
+  return r.setModeInstance;
 }
-function Hs(o) {
-  return o.setLocale;
+function Ws(r) {
+  return r.setLocale;
 }
-function Qs(o) {
-  return o.setFinished;
+function Ys(r) {
+  return r.setFinished;
 }
-function Ks(o) {
-  return o.setModeSelected;
+function Xs(r) {
+  return r.setModeSelected;
 }
-function Gs(o) {
-  return o.setEnabled;
+function Js(r) {
+  return r.setEnabled;
 }
-function Zs(o) {
-  return o.setDistance;
+function en(r) {
+  return r.setDistance;
 }
-function zs(o) {
-  const e = k(42), {
+function tn(r) {
+  const e = F(42), {
     mapId: t,
     textOptions: n,
     children: s
-  } = o;
-  let i;
-  e[0] !== t ? (i = {
+  } = r;
+  let o;
+  e[0] !== t ? (o = {
     mapId: t
-  }, e[0] = t, e[1] = i) : i = e[1];
+  }, e[0] = t, e[1] = o) : o = e[1];
   const {
-    modes: r,
+    modes: i,
     units: a,
-    distance: l,
-    setDistance: m,
-    clearLayerOnStart: c,
+    distance: c,
+    setDistance: d,
+    clearLayerOnStart: l,
     modeSelected: p,
-    setModeSelected: d,
+    setModeSelected: f,
     enabled: u,
-    setEnabled: g,
-    finished: f,
-    setFinished: M,
+    setEnabled: y,
+    finished: m,
+    setFinished: L,
     locale: h,
-    setLocale: y,
-    modeInstance: T,
-    setModeInstance: S,
-    positions: v,
-    setPositions: L,
+    setLocale: g,
+    modeInstance: S,
+    setModeInstance: v,
+    positions: b,
+    setPositions: _,
     unit: E,
-    setUnit: F,
+    setUnit: P,
     clearLayer: O,
-    toggleLayer: D
-  } = ut(i);
-  let U;
-  e[2] !== p || e[3] !== r || e[4] !== S || e[5] !== L ? (U = () => {
-    if (p && r[p]) {
-      const x = r[p].mode;
-      S(new x());
+    toggleLayer: R
+  } = ft(o);
+  let x;
+  e[2] !== p || e[3] !== i || e[4] !== v || e[5] !== _ ? (x = () => {
+    if (p && i[p]) {
+      const w = i[p].mode;
+      v(new w());
     }
     return () => {
-      L([]);
+      _([]);
     };
-  }, e[2] = p, e[3] = r, e[4] = S, e[5] = L, e[6] = U) : U = e[6];
-  let V;
-  e[7] !== p || e[8] !== r || e[9] !== g || e[10] !== S || e[11] !== L ? (V = [r, p, L, S, g], e[7] = p, e[8] = r, e[9] = g, e[10] = S, e[11] = L, e[12] = V) : V = e[12], Y(U, V);
-  let b;
-  e[13] !== D || e[14] !== O || e[15] !== c || e[16] !== f ? (b = (x) => {
-    x && (c || !f) && O(), D(x);
-  }, e[13] = D, e[14] = O, e[15] = c, e[16] = f, e[17] = b) : b = e[17];
-  const P = b, C = !!c;
-  let A;
-  return e[18] !== s || e[19] !== O || e[20] !== l || e[21] !== u || e[22] !== f || e[23] !== h || e[24] !== t || e[25] !== T || e[26] !== p || e[27] !== r || e[28] !== v || e[29] !== m || e[30] !== g || e[31] !== M || e[32] !== y || e[33] !== d || e[34] !== L || e[35] !== F || e[36] !== C || e[37] !== n || e[38] !== P || e[39] !== E || e[40] !== a ? (A = s({
+  }, e[2] = p, e[3] = i, e[4] = v, e[5] = _, e[6] = x) : x = e[6];
+  let j;
+  e[7] !== p || e[8] !== i || e[9] !== y || e[10] !== v || e[11] !== _ ? (j = [i, p, _, v, y], e[7] = p, e[8] = i, e[9] = y, e[10] = v, e[11] = _, e[12] = j) : j = e[12], B(x, j);
+  let q;
+  e[13] !== R || e[14] !== O || e[15] !== l || e[16] !== m ? (q = (w) => {
+    w && (l || !m) && O(), R(w);
+  }, e[13] = R, e[14] = O, e[15] = l, e[16] = m, e[17] = q) : q = e[17];
+  const M = q, T = !!l;
+  let C;
+  return e[18] !== s || e[19] !== O || e[20] !== c || e[21] !== u || e[22] !== m || e[23] !== h || e[24] !== t || e[25] !== S || e[26] !== p || e[27] !== i || e[28] !== b || e[29] !== d || e[30] !== y || e[31] !== L || e[32] !== g || e[33] !== f || e[34] !== _ || e[35] !== P || e[36] !== T || e[37] !== n || e[38] !== M || e[39] !== E || e[40] !== a ? (C = s({
     mapId: t,
-    distance: l,
+    distance: c,
     enabled: u,
-    finished: f,
+    finished: m,
     locale: h,
-    positions: v,
+    positions: b,
     unit: E,
-    clearLayerOnStart: C,
+    clearLayerOnStart: T,
     modeSelected: p,
-    modes: r,
+    modes: i,
     units: a,
-    value: Ce({
-      meters: l,
+    value: Me({
+      meters: c,
       unit: E,
       locale: h,
       options: n
     }),
-    modeInstance: T,
-    setModeSelected: d,
-    setDistance: m,
-    setFinished: M,
-    setLocale: y,
-    setPositions: L,
-    setUnit: F,
-    setEnabled: g,
-    toggleLayer: P,
+    modeInstance: S,
+    setModeSelected: f,
+    setDistance: d,
+    setFinished: L,
+    setLocale: g,
+    setPositions: _,
+    setUnit: P,
+    setEnabled: y,
+    toggleLayer: M,
     clearLayer: O
-  }), e[18] = s, e[19] = O, e[20] = l, e[21] = u, e[22] = f, e[23] = h, e[24] = t, e[25] = T, e[26] = p, e[27] = r, e[28] = v, e[29] = m, e[30] = g, e[31] = M, e[32] = y, e[33] = d, e[34] = L, e[35] = F, e[36] = C, e[37] = n, e[38] = P, e[39] = E, e[40] = a, e[41] = A) : A = e[41], A;
+  }), e[18] = s, e[19] = O, e[20] = c, e[21] = u, e[22] = m, e[23] = h, e[24] = t, e[25] = S, e[26] = p, e[27] = i, e[28] = b, e[29] = d, e[30] = y, e[31] = L, e[32] = g, e[33] = f, e[34] = _, e[35] = P, e[36] = T, e[37] = n, e[38] = M, e[39] = E, e[40] = a, e[41] = C) : C = e[41], C;
 }
-const Ws = [ve];
-function Ys({
-  children: o,
+const sn = [oe];
+function nn({
+  children: r,
   mapId: e,
   defaultProps: {
-    styles: t = Ge.styles
+    styles: t = Qe.styles
   } = {
-    styles: Ge.styles
+    styles: Qe.styles
   },
   layerProps: n = {},
   textOptions: s
 }) {
   const {
-    setDistance: i,
-    clearLayerOnStart: r,
+    setDistance: o,
+    clearLayerOnStart: i,
     enabled: a,
-    finished: l,
-    setFinished: m,
-    locale: c,
+    finished: c,
+    setFinished: d,
+    locale: l,
     setPositions: p,
-    unit: d,
+    unit: f,
     modeInstance: u
-  } = ut({
+  } = ft({
     mapId: e
-  }), g = _e((v) => v.setLayer), f = w((v) => v.addLayers), M = w((v) => v.removeLayers), h = w(tt((v) => {
-    var L;
-    return (L = v.maps[e]) == null ? void 0 : L.layers.filter((E) => !Ws.includes(E));
-  })), y = w((v) => v.getDeckInstance), T = Ee({});
-  Y(() => (a && f(e, [ve]), () => {
-    M(e, [ve]);
-  }), [f, r, e, M, a]), Y(() => {
-    h == null || h.forEach((v) => {
-      var F;
-      const L = (F = y(e)) == null ? void 0 : F.props.layers.find((O) => O.props.id === v);
-      a && (T.current[v] = L == null ? void 0 : L.props.pickable);
-      const E = !a && (T.current[v] ?? (L == null ? void 0 : L.props.pickable));
-      g(v, {
+  }), y = de((_) => _.setLayer), m = D((_) => _.addLayers), L = D((_) => _.removeLayers), h = D(st((_) => {
+    var E;
+    return (E = _.maps[e]) == null ? void 0 : E.layers.filter((P) => !sn.includes(P));
+  })), g = D((_) => _.getDeckInstance), S = ve({}), v = ut({
+    mapId: e
+  });
+  B(() => (a && m(e, [oe]), () => {
+    L(e, [oe]);
+  }), [m, i, e, L, a]), B(() => {
+    h == null || h.forEach((_) => {
+      var O;
+      const E = (O = g(e)) == null ? void 0 : O.props.layers.find((R) => R.props.id === _);
+      a && (S.current[_] = E == null ? void 0 : E.props.pickable);
+      const P = !a && (S.current[_] ?? (E == null ? void 0 : E.props.pickable));
+      y(_, {
         props: {
-          pickable: E
+          pickable: P
         }
       });
     });
-  }, [a, y, e, h, g]);
-  const S = $(({
-    editType: v,
-    editContext: L
+  }, [a, g, e, h, y]);
+  const b = G(({
+    editType: _,
+    editContext: E
   }) => {
-    if (v === K.cancel) {
+    if (_ === Q.cancel) {
       u.resetClickSequence();
       return;
     }
-    v === K.addPosition && i(L.distance), m(!!L.finished);
-    const E = L.positions;
-    E != null && E.length && p(E);
-  }, [u, i, m, p]);
-  return Y(() => {
-    const v = l ? t.colors.finished : t.colors.editing, L = l ? t.colors.finished : t.colors.point, E = Us({
+    _ === Q.addPosition && o(E.distance), d(!!E.finished);
+    const P = E.positions;
+    P != null && P.length && p(P);
+  }, [u, o, d, p]);
+  return B(() => {
+    const _ = c ? t.colors.finished : t.colors.editing, E = c ? t.colors.finished : t.colors.point, P = Hs({
       layerProps: {
         ...n,
-        pickable: n.pickable ?? !l
+        pickable: n.pickable ?? !c
       },
       enabled: a,
-      guideColor: v,
-      pointColor: L,
-      locale: c,
-      onEdit: S,
-      unit: d,
+      guideColor: _,
+      pointColor: E,
+      locale: l,
+      onEdit: b,
+      unit: f,
       mode: u,
-      textOptions: s
+      textOptions: s,
+      eventManager: v
     });
-    g(ve, E);
-  }, [l, u, n, c, S, g, t.colors.editing, t.colors.finished, t.colors.point, s, d, a]), o;
+    y(oe, P);
+  }, [c, u, n, l, b, y, t.colors.editing, t.colors.finished, t.colors.point, s, f, a, v]), r;
 }
-Ys.Controls = zs;
-function Xs(o) {
-  const e = k(7), {
+nn.Controls = tn;
+function on(r) {
+  const e = F(7), {
     mapId: t
-  } = o;
+  } = r;
   let n;
-  e[0] !== t ? (n = (m) => m.maps[t], e[0] = t, e[1] = n) : n = e[1];
+  e[0] !== t ? (n = (d) => d.maps[t], e[0] = t, e[1] = n) : n = e[1];
   const {
     layers: s
-  } = w(n), i = _e(en);
-  let r, a;
-  if (e[2] !== i || e[3] !== s) {
-    let m;
-    e[5] !== i ? (m = (c) => i[c], e[5] = i, e[6] = m) : m = e[6], a = s.map(m).filter(Js), e[2] = i, e[3] = s, e[4] = a;
+  } = D(n), o = de(an);
+  let i, a;
+  if (e[2] !== o || e[3] !== s) {
+    let d;
+    e[5] !== o ? (d = (l) => o[l], e[5] = o, e[6] = d) : d = e[6], a = s.map(d).filter(rn), e[2] = o, e[3] = s, e[4] = a;
   } else
     a = e[4];
-  return r = a, r;
+  return i = a, i;
 }
-function Js(o) {
-  return !!o;
+function rn(r) {
+  return !!r;
 }
-function en(o) {
-  return o.layers;
+function an(r) {
+  return r.layers;
 }
-const We = [ke, Te, ve];
-function dt(o) {
-  const e = o.filter((n) => !We.includes(n.props.id)).sort((n, s) => (n.order ?? 1 / 0) - (s.order ?? 1 / 0)), t = We.map((n) => o.find((s) => s.props.id === n)).filter((n) => !!n);
+const We = [be, ae, oe];
+function mt(r) {
+  const e = r.filter((n) => !We.includes(n.props.id)).sort((n, s) => (n.order ?? 1 / 0) - (s.order ?? 1 / 0)), t = We.map((n) => r.find((s) => s.props.id === n)).filter((n) => !!n);
   return [...e, ...t];
 }
-const tn = 200;
-function zn({
-  id: o,
-  onLoad: e,
-  onViewStateChange: t,
-  ...n
-}) {
+const ln = 200;
+function co(r) {
+  const e = F(44);
+  let t, n, s, o;
+  e[0] !== r ? ({
+    id: t,
+    onLoad: n,
+    onViewStateChange: s,
+    ...o
+  } = r, e[0] = r, e[1] = t, e[2] = n, e[3] = s, e[4] = o) : (t = e[1], n = e[2], s = e[3], o = e[4]);
+  let i;
+  e[5] !== t ? (i = (w) => w.maps[t], e[5] = t, e[6] = i) : i = e[6];
   const {
-    basemap: s,
-    instanceRef: i,
-    overlayRef: r
-  } = w((S) => S.maps[o]), a = Ee(null), l = w((S) => S.viewStates[o]), m = w((S) => S.setViewState), c = w((S) => S.setLoad), p = w((S) => S.setLayersLoad), d = w((S) => S.updateViewPort), u = Xs({
-    mapId: o
-  }), g = de(() => dt(u), [u]), f = $((S) => {
-    const v = m;
-    if (S.interactionState.isZooming && (a.current && clearInterval(a.current), a.current = setTimeout(() => {
-      d(o);
-    }, tn)), t) {
-      t(S, v);
+    basemap: a,
+    instanceRef: c,
+    overlayRef: d
+  } = D(i), l = ve(null);
+  let p;
+  e[7] !== t ? (p = (w) => w.viewStates[t], e[7] = t, e[8] = p) : p = e[8];
+  const f = D(p), u = D(pn), y = D(mn), m = D(fn), L = D(dn), h = D(un);
+  let g;
+  e[9] !== t ? (g = {
+    mapId: t
+  }, e[9] = t, e[10] = g) : g = e[10];
+  const S = on(g);
+  let v, b;
+  e[11] !== S ? (b = mt(S), e[11] = S, e[12] = b) : b = e[12], v = b;
+  const _ = v;
+  let E;
+  e[13] !== t || e[14] !== s || e[15] !== y || e[16] !== h ? (E = (w) => {
+    const A = y;
+    if (w.interactionState.isZooming && (l.current && clearInterval(l.current), l.current = setTimeout(() => {
+      h(t);
+    }, ln)), s) {
+      s(w, A);
       return;
     }
-    v(o, S.viewState);
-  }, [o, t, m, d]), M = $((S) => {
-    c(o, S), e == null || e(S), d(o);
-  }, [o, e, c, d]), h = $((S) => {
-    var E, F, O;
-    const v = (F = (E = i == null ? void 0 : i.current) == null ? void 0 : E.deck) == null ? void 0 : F.props.layers, L = !!(v != null && v.every((D) => D == null ? void 0 : D.isLoaded));
-    p(o, L), (O = n.onAfterRender) == null || O.call(n, S);
-  }, [o, i, n, p]), y = n.onDragEnd, T = $((...S) => {
-    d(o), y && y(...S);
-  }, [o, d, y]);
-  return /* @__PURE__ */ H(ns, { ...n, layers: g, instanceRef: i, overlayRef: r, basemap: s, initialViewState: l, onLoad: M, onViewStateChange: f, onAfterRender: h, onDragEnd: T });
-}
-const sn = "https://gcp-us-east1.api.carto.com", nn = "ps", on = et((o) => ({
+    A(t, w.viewState);
+  }, e[13] = t, e[14] = s, e[15] = y, e[16] = h, e[17] = E) : E = e[17];
+  const P = E;
+  let O;
+  e[18] !== t || e[19] !== n || e[20] !== m || e[21] !== h ? (O = (w) => {
+    m(t, w), n == null || n(w), h(t);
+  }, e[18] = t, e[19] = n, e[20] = m, e[21] = h, e[22] = O) : O = e[22];
+  const R = O;
+  let x;
+  e[23] !== u || e[24] !== t || e[25] !== o || e[26] !== L ? (x = (w) => {
+    var Z, H;
+    const A = (Z = u(t)) == null ? void 0 : Z.props.layers, $ = !!(A != null && A.every(cn));
+    L(t, $), (H = o.onAfterRender) == null || H.call(o, w);
+  }, e[23] = u, e[24] = t, e[25] = o, e[26] = L, e[27] = x) : x = e[27];
+  const j = x, q = o.onDragEnd;
+  let M;
+  e[28] !== q || e[29] !== t || e[30] !== h ? (M = (...w) => {
+    const A = w;
+    h(t), q && q(...A);
+  }, e[28] = q, e[29] = t, e[30] = h, e[31] = M) : M = e[31];
+  const T = M;
+  let C;
+  return e[32] !== a || e[33] !== _ || e[34] !== j || e[35] !== T || e[36] !== R || e[37] !== P || e[38] !== t || e[39] !== c || e[40] !== d || e[41] !== o || e[42] !== f ? (C = /* @__PURE__ */ N(ds, { ...o, id: t, layers: _, instanceRef: c, overlayRef: d, basemap: a, initialViewState: f, onLoad: R, onViewStateChange: P, onAfterRender: j, onDragEnd: T }), e[32] = a, e[33] = _, e[34] = j, e[35] = T, e[36] = R, e[37] = P, e[38] = t, e[39] = c, e[40] = d, e[41] = o, e[42] = f, e[43] = C) : C = e[43], C;
+}
+function cn(r) {
+  return r == null ? void 0 : r.isLoaded;
+}
+function un(r) {
+  return r.updateViewPort;
+}
+function dn(r) {
+  return r.setLayersLoad;
+}
+function fn(r) {
+  return r.setLoad;
+}
+function mn(r) {
+  return r.setViewState;
+}
+function pn(r) {
+  return r.getDeckInstance;
+}
+const gn = "https://gcp-us-east1.api.carto.com", yn = "ps", hn = tt((r) => ({
   sources: {},
-  setSource: (e, t) => o((n) => {
+  setSource: (e, t) => r((n) => {
     const s = {
       ...n.sources
     };
@@ -1959,31 +2226,47 @@ const sn = "https://gcp-us-east1.api.carto.com", nn = "ps", on = et((o) => ({
       return delete s[e], {
         sources: s
       };
-    const i = {
+    const o = {
       ...s[e] ?? {
-        apiBaseUrl: sn,
-        clientId: nn
+        apiBaseUrl: gn,
+        clientId: yn
       },
       ...t
-    }, r = an({
-      source: i
+    }, i = vn({
+      source: o
     });
-    return i.widgets = r, s[e] = i, {
+    return o.widgets = i, s[e] = o, {
       sources: s
     };
+  }),
+  setFilters: (e, t) => r((n) => {
+    let s = {};
+    const o = n.sources[e] ?? {};
+    return t.length !== 0 && (s = t.reduce((i, a) => {
+      var c;
+      return !("values" in a) || !((c = a.values) != null && c.length) ? (i = Gt(i, a), i) : (i = zt(i, a), i);
+    }, (o == null ? void 0 : o.filters) ?? {})), {
+      sources: {
+        ...n.sources,
+        [e]: {
+          ...o,
+          filters: s
+        }
+      }
+    };
   })
 }));
-function rn(o) {
-  const e = k(2);
+function Sn(r) {
+  const e = F(2);
   let t;
-  return e[0] !== o ? (t = (n) => n.sources[o], e[0] = o, e[1] = t) : t = e[1], on(t);
+  return e[0] !== r ? (t = (n) => n.sources[r], e[0] = r, e[1] = t) : t = e[1], hn(t);
 }
-function an({
-  source: o
+function vn({
+  source: r
 }) {
   const e = {
     query: () => {
-      const s = o;
+      const s = r;
       return new Yt({
         ...s,
         accessToken: "",
@@ -1992,7 +2275,7 @@ function an({
       });
     },
     table: () => {
-      const s = o;
+      const s = r;
       return new Wt({
         ...s,
         accessToken: "",
@@ -2001,18 +2284,18 @@ function an({
       });
     },
     tileset: () => {
-      const s = o;
+      const s = r;
       return new Zt({
         ...s,
         accessToken: "",
         tableName: s.data,
-        tileFormat: s.tileFormat ?? zt.BINARY,
+        tileFormat: s.tileFormat ?? Kt.BINARY,
         spatialDataType: s.spatialDataType ?? "geo"
       });
     },
     raster: () => {
-      const s = o;
-      return s.rasterMetadata ? new Gt({
+      const s = r;
+      return s.rasterMetadata ? new Qt({
         ...s,
         accessToken: "",
         tableName: s.data,
@@ -2020,699 +2303,698 @@ function an({
         rasterMetadata: s.rasterMetadata
       }) : null;
     }
-  }, t = o.type.split("+")[0], n = e[t];
+  }, t = r.type.split("+")[0], n = e[t];
   return n == null ? void 0 : n();
 }
-function pe(o, e) {
-  const t = rn(e);
-  return de(() => {
+function se(r, e) {
+  const t = Sn(e);
+  return J(() => {
     const n = t == null ? void 0 : t.widgets;
-    return !n || !o ? null : (n.props.accessToken = o, n);
-  }, [o, t]);
+    return !n || !r ? null : (n.props.accessToken = r, n);
+  }, [r, t]);
 }
-function ln(o) {
-  const e = k(18), {
+function bn(r) {
+  const e = F(18), {
     accessToken: t,
     sourceId: n,
     widgetProps: s,
-    useQueryProps: i
-  } = o;
-  let r;
-  e[0] !== i ? (r = i === void 0 ? {} : i, e[0] = i, e[1] = r) : r = e[1];
-  let a, l;
-  e[2] !== r ? ({
+    useQueryProps: o
+  } = r;
+  let i;
+  e[0] !== o ? (i = o === void 0 ? {} : o, e[0] = o, e[1] = i) : i = e[1];
+  let a, c;
+  e[2] !== i ? ({
     enabled: a,
-    ...l
-  } = r, e[2] = r, e[3] = a, e[4] = l) : (a = e[3], l = e[4]);
-  const m = a === void 0 ? !0 : a, c = pe(t, n), p = c == null ? void 0 : c.props.filters;
-  let d;
-  e[5] !== t || e[6] !== n || e[7] !== p || e[8] !== s ? (d = ["categories", n, t, s, p], e[5] = t, e[6] = n, e[7] = p, e[8] = s, e[9] = d) : d = e[9];
-  let u;
-  e[10] !== c || e[11] !== s ? (u = () => c == null ? void 0 : c.getCategories(s), e[10] = c, e[11] = s, e[12] = u) : u = e[12];
-  const g = !!c && m;
+    ...c
+  } = i, e[2] = i, e[3] = a, e[4] = c) : (a = e[3], c = e[4]);
+  const d = a === void 0 ? !0 : a, l = se(t, n), p = l == null ? void 0 : l.props.filters;
   let f;
-  return e[13] !== d || e[14] !== u || e[15] !== g || e[16] !== l ? (f = {
-    queryKey: d,
+  e[5] !== t || e[6] !== n || e[7] !== p || e[8] !== s ? (f = ["categories", n, t, s, p], e[5] = t, e[6] = n, e[7] = p, e[8] = s, e[9] = f) : f = e[9];
+  let u;
+  e[10] !== l || e[11] !== s ? (u = () => l == null ? void 0 : l.getCategories(s), e[10] = l, e[11] = s, e[12] = u) : u = e[12];
+  const y = !!l && d;
+  let m;
+  return e[13] !== f || e[14] !== u || e[15] !== y || e[16] !== c ? (m = {
+    queryKey: f,
     queryFn: u,
-    enabled: g,
-    ...l
-  }, e[13] = d, e[14] = u, e[15] = g, e[16] = l, e[17] = f) : f = e[17], me(f);
+    enabled: y,
+    ...c
+  }, e[13] = f, e[14] = u, e[15] = y, e[16] = c, e[17] = m) : m = e[17], te(m);
 }
-function Wn(o) {
-  const e = k(6);
+function uo(r) {
+  const e = F(6);
   let t, n;
-  e[0] !== o ? ({
+  e[0] !== r ? ({
     children: t,
     ...n
-  } = o, e[0] = o, e[1] = t, e[2] = n) : (t = e[1], n = e[2]);
-  const s = ln(n);
-  let i;
-  return e[3] !== t || e[4] !== s ? (i = t(s), e[3] = t, e[4] = s, e[5] = i) : i = e[5], i;
+  } = r, e[0] = r, e[1] = t, e[2] = n) : (t = e[1], n = e[2]);
+  const s = bn(n);
+  let o;
+  return e[3] !== t || e[4] !== s ? (o = t(s), e[3] = t, e[4] = s, e[5] = o) : o = e[5], o;
 }
-function cn(o) {
-  const e = k(18), {
+function Mn(r) {
+  const e = F(18), {
     accessToken: t,
     sourceId: n,
     widgetProps: s,
-    useQueryProps: i
-  } = o;
-  let r;
-  e[0] !== i ? (r = i === void 0 ? {} : i, e[0] = i, e[1] = r) : r = e[1];
-  let a, l;
-  e[2] !== r ? ({
+    useQueryProps: o
+  } = r;
+  let i;
+  e[0] !== o ? (i = o === void 0 ? {} : o, e[0] = o, e[1] = i) : i = e[1];
+  let a, c;
+  e[2] !== i ? ({
     enabled: a,
-    ...l
-  } = r, e[2] = r, e[3] = a, e[4] = l) : (a = e[3], l = e[4]);
-  const m = a === void 0 ? !0 : a, c = pe(t, n), p = c == null ? void 0 : c.props.filters;
-  let d;
-  e[5] !== t || e[6] !== n || e[7] !== p || e[8] !== s ? (d = ["features", n, t, s, p], e[5] = t, e[6] = n, e[7] = p, e[8] = s, e[9] = d) : d = e[9];
-  let u;
-  e[10] !== c || e[11] !== s ? (u = () => c == null ? void 0 : c.getFeatures(s), e[10] = c, e[11] = s, e[12] = u) : u = e[12];
-  const g = !!c && m;
+    ...c
+  } = i, e[2] = i, e[3] = a, e[4] = c) : (a = e[3], c = e[4]);
+  const d = a === void 0 ? !0 : a, l = se(t, n), p = l == null ? void 0 : l.props.filters;
   let f;
-  return e[13] !== d || e[14] !== u || e[15] !== g || e[16] !== l ? (f = {
-    queryKey: d,
+  e[5] !== t || e[6] !== n || e[7] !== p || e[8] !== s ? (f = ["features", n, t, s, p], e[5] = t, e[6] = n, e[7] = p, e[8] = s, e[9] = f) : f = e[9];
+  let u;
+  e[10] !== l || e[11] !== s ? (u = () => l == null ? void 0 : l.getFeatures(s), e[10] = l, e[11] = s, e[12] = u) : u = e[12];
+  const y = !!l && d;
+  let m;
+  return e[13] !== f || e[14] !== u || e[15] !== y || e[16] !== c ? (m = {
+    queryKey: f,
     queryFn: u,
-    enabled: g,
-    ...l
-  }, e[13] = d, e[14] = u, e[15] = g, e[16] = l, e[17] = f) : f = e[17], me(f);
+    enabled: y,
+    ...c
+  }, e[13] = f, e[14] = u, e[15] = y, e[16] = c, e[17] = m) : m = e[17], te(m);
 }
-function Yn(o) {
-  const e = k(6);
+function fo(r) {
+  const e = F(6);
   let t, n;
-  e[0] !== o ? ({
+  e[0] !== r ? ({
     children: t,
     ...n
-  } = o, e[0] = o, e[1] = t, e[2] = n) : (t = e[1], n = e[2]);
-  const s = cn(n);
-  let i;
-  return e[3] !== t || e[4] !== s ? (i = t(s), e[3] = t, e[4] = s, e[5] = i) : i = e[5], i;
+  } = r, e[0] = r, e[1] = t, e[2] = n) : (t = e[1], n = e[2]);
+  const s = Mn(n);
+  let o;
+  return e[3] !== t || e[4] !== s ? (o = t(s), e[3] = t, e[4] = s, e[5] = o) : o = e[5], o;
 }
-function un(o) {
-  const e = k(18), {
+function _n(r) {
+  const e = F(18), {
     accessToken: t,
     sourceId: n,
     widgetProps: s,
-    useQueryProps: i
-  } = o;
-  let r;
-  e[0] !== i ? (r = i === void 0 ? {} : i, e[0] = i, e[1] = r) : r = e[1];
-  let a, l;
-  e[2] !== r ? ({
+    useQueryProps: o
+  } = r;
+  let i;
+  e[0] !== o ? (i = o === void 0 ? {} : o, e[0] = o, e[1] = i) : i = e[1];
+  let a, c;
+  e[2] !== i ? ({
     enabled: a,
-    ...l
-  } = r, e[2] = r, e[3] = a, e[4] = l) : (a = e[3], l = e[4]);
-  const m = a === void 0 ? !0 : a, c = pe(t, n), p = c == null ? void 0 : c.props.filters;
-  let d;
-  e[5] !== t || e[6] !== n || e[7] !== p || e[8] !== s ? (d = ["formula", n, t, s, p], e[5] = t, e[6] = n, e[7] = p, e[8] = s, e[9] = d) : d = e[9];
-  let u;
-  e[10] !== c || e[11] !== s ? (u = () => c == null ? void 0 : c.getFormula(s), e[10] = c, e[11] = s, e[12] = u) : u = e[12];
-  const g = !!c && m;
+    ...c
+  } = i, e[2] = i, e[3] = a, e[4] = c) : (a = e[3], c = e[4]);
+  const d = a === void 0 ? !0 : a, l = se(t, n), p = l == null ? void 0 : l.props.filters;
   let f;
-  return e[13] !== d || e[14] !== u || e[15] !== g || e[16] !== l ? (f = {
-    queryKey: d,
+  e[5] !== t || e[6] !== n || e[7] !== p || e[8] !== s ? (f = ["formula", n, t, s, p], e[5] = t, e[6] = n, e[7] = p, e[8] = s, e[9] = f) : f = e[9];
+  let u;
+  e[10] !== l || e[11] !== s ? (u = () => l == null ? void 0 : l.getFormula(s), e[10] = l, e[11] = s, e[12] = u) : u = e[12];
+  const y = !!l && d;
+  let m;
+  return e[13] !== f || e[14] !== u || e[15] !== y || e[16] !== c ? (m = {
+    queryKey: f,
     queryFn: u,
-    enabled: g,
-    ...l
-  }, e[13] = d, e[14] = u, e[15] = g, e[16] = l, e[17] = f) : f = e[17], me(f);
+    enabled: y,
+    ...c
+  }, e[13] = f, e[14] = u, e[15] = y, e[16] = c, e[17] = m) : m = e[17], te(m);
 }
-function Xn(o) {
-  const e = k(6);
+function mo(r) {
+  const e = F(6);
   let t, n;
-  e[0] !== o ? ({
+  e[0] !== r ? ({
     children: t,
     ...n
-  } = o, e[0] = o, e[1] = t, e[2] = n) : (t = e[1], n = e[2]);
-  const s = un(n);
-  let i;
-  return e[3] !== t || e[4] !== s ? (i = t(s), e[3] = t, e[4] = s, e[5] = i) : i = e[5], i;
+  } = r, e[0] = r, e[1] = t, e[2] = n) : (t = e[1], n = e[2]);
+  const s = _n(n);
+  let o;
+  return e[3] !== t || e[4] !== s ? (o = t(s), e[3] = t, e[4] = s, e[5] = o) : o = e[5], o;
 }
-function dn(o) {
-  const e = k(18), {
+function Ln(r) {
+  const e = F(18), {
     accessToken: t,
     sourceId: n,
     widgetProps: s,
-    useQueryProps: i
-  } = o;
-  let r;
-  e[0] !== i ? (r = i === void 0 ? {} : i, e[0] = i, e[1] = r) : r = e[1];
-  let a, l;
-  e[2] !== r ? ({
+    useQueryProps: o
+  } = r;
+  let i;
+  e[0] !== o ? (i = o === void 0 ? {} : o, e[0] = o, e[1] = i) : i = e[1];
+  let a, c;
+  e[2] !== i ? ({
     enabled: a,
-    ...l
-  } = r, e[2] = r, e[3] = a, e[4] = l) : (a = e[3], l = e[4]);
-  const m = a === void 0 ? !0 : a, c = pe(t, n), p = c == null ? void 0 : c.props.filters;
-  let d;
-  e[5] !== t || e[6] !== n || e[7] !== p || e[8] !== s ? (d = ["histogram", n, t, s, p], e[5] = t, e[6] = n, e[7] = p, e[8] = s, e[9] = d) : d = e[9];
-  let u;
-  e[10] !== c || e[11] !== s ? (u = () => c == null ? void 0 : c.getHistogram(s), e[10] = c, e[11] = s, e[12] = u) : u = e[12];
-  const g = !!c && m;
+    ...c
+  } = i, e[2] = i, e[3] = a, e[4] = c) : (a = e[3], c = e[4]);
+  const d = a === void 0 ? !0 : a, l = se(t, n), p = l == null ? void 0 : l.props.filters;
   let f;
-  return e[13] !== d || e[14] !== u || e[15] !== g || e[16] !== l ? (f = {
-    queryKey: d,
+  e[5] !== t || e[6] !== n || e[7] !== p || e[8] !== s ? (f = ["histogram", n, t, s, p], e[5] = t, e[6] = n, e[7] = p, e[8] = s, e[9] = f) : f = e[9];
+  let u;
+  e[10] !== l || e[11] !== s ? (u = () => l == null ? void 0 : l.getHistogram(s), e[10] = l, e[11] = s, e[12] = u) : u = e[12];
+  const y = !!l && d;
+  let m;
+  return e[13] !== f || e[14] !== u || e[15] !== y || e[16] !== c ? (m = {
+    queryKey: f,
     queryFn: u,
-    enabled: g,
-    ...l
-  }, e[13] = d, e[14] = u, e[15] = g, e[16] = l, e[17] = f) : f = e[17], me(f);
+    enabled: y,
+    ...c
+  }, e[13] = f, e[14] = u, e[15] = y, e[16] = c, e[17] = m) : m = e[17], te(m);
 }
-function Jn(o) {
-  const e = k(6);
+function po(r) {
+  const e = F(6);
   let t, n;
-  e[0] !== o ? ({
+  e[0] !== r ? ({
     children: t,
     ...n
-  } = o, e[0] = o, e[1] = t, e[2] = n) : (t = e[1], n = e[2]);
-  const s = dn(n);
-  let i;
-  return e[3] !== t || e[4] !== s ? (i = t(s), e[3] = t, e[4] = s, e[5] = i) : i = e[5], i;
+  } = r, e[0] = r, e[1] = t, e[2] = n) : (t = e[1], n = e[2]);
+  const s = Ln(n);
+  let o;
+  return e[3] !== t || e[4] !== s ? (o = t(s), e[3] = t, e[4] = s, e[5] = o) : o = e[5], o;
 }
-function fn(o) {
-  const e = k(18), {
+function Tn(r) {
+  const e = F(18), {
     accessToken: t,
     sourceId: n,
     widgetProps: s,
-    useQueryProps: i
-  } = o;
-  let r;
-  e[0] !== i ? (r = i === void 0 ? {} : i, e[0] = i, e[1] = r) : r = e[1];
-  let a, l;
-  e[2] !== r ? ({
+    useQueryProps: o
+  } = r;
+  let i;
+  e[0] !== o ? (i = o === void 0 ? {} : o, e[0] = o, e[1] = i) : i = e[1];
+  let a, c;
+  e[2] !== i ? ({
     enabled: a,
-    ...l
-  } = r, e[2] = r, e[3] = a, e[4] = l) : (a = e[3], l = e[4]);
-  const m = a === void 0 ? !0 : a, c = pe(t, n), p = c == null ? void 0 : c.props.filters;
-  let d;
-  e[5] !== t || e[6] !== n || e[7] !== p || e[8] !== s ? (d = ["range", n, t, s, p], e[5] = t, e[6] = n, e[7] = p, e[8] = s, e[9] = d) : d = e[9];
-  let u;
-  e[10] !== c || e[11] !== s ? (u = () => c == null ? void 0 : c.getRange(s), e[10] = c, e[11] = s, e[12] = u) : u = e[12];
-  const g = !!c && m;
+    ...c
+  } = i, e[2] = i, e[3] = a, e[4] = c) : (a = e[3], c = e[4]);
+  const d = a === void 0 ? !0 : a, l = se(t, n), p = l == null ? void 0 : l.props.filters;
   let f;
-  return e[13] !== d || e[14] !== u || e[15] !== g || e[16] !== l ? (f = {
-    queryKey: d,
+  e[5] !== t || e[6] !== n || e[7] !== p || e[8] !== s ? (f = ["range", n, t, s, p], e[5] = t, e[6] = n, e[7] = p, e[8] = s, e[9] = f) : f = e[9];
+  let u;
+  e[10] !== l || e[11] !== s ? (u = () => l == null ? void 0 : l.getRange(s), e[10] = l, e[11] = s, e[12] = u) : u = e[12];
+  const y = !!l && d;
+  let m;
+  return e[13] !== f || e[14] !== u || e[15] !== y || e[16] !== c ? (m = {
+    queryKey: f,
     queryFn: u,
-    enabled: g,
-    ...l
-  }, e[13] = d, e[14] = u, e[15] = g, e[16] = l, e[17] = f) : f = e[17], me(f);
+    enabled: y,
+    ...c
+  }, e[13] = f, e[14] = u, e[15] = y, e[16] = c, e[17] = m) : m = e[17], te(m);
 }
-function eo(o) {
-  const e = k(6);
+function go(r) {
+  const e = F(6);
   let t, n;
-  e[0] !== o ? ({
+  e[0] !== r ? ({
     children: t,
     ...n
-  } = o, e[0] = o, e[1] = t, e[2] = n) : (t = e[1], n = e[2]);
-  const s = fn(n);
-  let i;
-  return e[3] !== t || e[4] !== s ? (i = t(s), e[3] = t, e[4] = s, e[5] = i) : i = e[5], i;
+  } = r, e[0] = r, e[1] = t, e[2] = n) : (t = e[1], n = e[2]);
+  const s = Tn(n);
+  let o;
+  return e[3] !== t || e[4] !== s ? (o = t(s), e[3] = t, e[4] = s, e[5] = o) : o = e[5], o;
 }
-function mn(o) {
-  const e = k(18), {
+function En(r) {
+  const e = F(18), {
     accessToken: t,
     sourceId: n,
     widgetProps: s,
-    useQueryProps: i
-  } = o;
-  let r;
-  e[0] !== i ? (r = i === void 0 ? {} : i, e[0] = i, e[1] = r) : r = e[1];
-  let a, l;
-  e[2] !== r ? ({
+    useQueryProps: o
+  } = r;
+  let i;
+  e[0] !== o ? (i = o === void 0 ? {} : o, e[0] = o, e[1] = i) : i = e[1];
+  let a, c;
+  e[2] !== i ? ({
     enabled: a,
-    ...l
-  } = r, e[2] = r, e[3] = a, e[4] = l) : (a = e[3], l = e[4]);
-  const m = a === void 0 ? !0 : a, c = pe(t, n), p = c == null ? void 0 : c.props.filters;
-  let d;
-  e[5] !== t || e[6] !== n || e[7] !== p || e[8] !== s ? (d = ["scatter", n, t, s, p], e[5] = t, e[6] = n, e[7] = p, e[8] = s, e[9] = d) : d = e[9];
-  let u;
-  e[10] !== c || e[11] !== s ? (u = () => c == null ? void 0 : c.getScatter(s), e[10] = c, e[11] = s, e[12] = u) : u = e[12];
-  const g = !!c && m;
+    ...c
+  } = i, e[2] = i, e[3] = a, e[4] = c) : (a = e[3], c = e[4]);
+  const d = a === void 0 ? !0 : a, l = se(t, n), p = l == null ? void 0 : l.props.filters;
   let f;
-  return e[13] !== d || e[14] !== u || e[15] !== g || e[16] !== l ? (f = {
-    queryKey: d,
+  e[5] !== t || e[6] !== n || e[7] !== p || e[8] !== s ? (f = ["scatter", n, t, s, p], e[5] = t, e[6] = n, e[7] = p, e[8] = s, e[9] = f) : f = e[9];
+  let u;
+  e[10] !== l || e[11] !== s ? (u = () => l == null ? void 0 : l.getScatter(s), e[10] = l, e[11] = s, e[12] = u) : u = e[12];
+  const y = !!l && d;
+  let m;
+  return e[13] !== f || e[14] !== u || e[15] !== y || e[16] !== c ? (m = {
+    queryKey: f,
     queryFn: u,
-    enabled: g,
-    ...l
-  }, e[13] = d, e[14] = u, e[15] = g, e[16] = l, e[17] = f) : f = e[17], me(f);
+    enabled: y,
+    ...c
+  }, e[13] = f, e[14] = u, e[15] = y, e[16] = c, e[17] = m) : m = e[17], te(m);
 }
-function to(o) {
-  const e = k(6);
+function yo(r) {
+  const e = F(6);
   let t, n;
-  e[0] !== o ? ({
+  e[0] !== r ? ({
     children: t,
     ...n
-  } = o, e[0] = o, e[1] = t, e[2] = n) : (t = e[1], n = e[2]);
-  const s = mn(n);
-  let i;
-  return e[3] !== t || e[4] !== s ? (i = t(s), e[3] = t, e[4] = s, e[5] = i) : i = e[5], i;
+  } = r, e[0] = r, e[1] = t, e[2] = n) : (t = e[1], n = e[2]);
+  const s = En(n);
+  let o;
+  return e[3] !== t || e[4] !== s ? (o = t(s), e[3] = t, e[4] = s, e[5] = o) : o = e[5], o;
 }
-function pn(o) {
-  const e = k(18), {
+function kn(r) {
+  const e = F(18), {
     accessToken: t,
     sourceId: n,
     widgetProps: s,
-    useQueryProps: i
-  } = o;
-  let r;
-  e[0] !== i ? (r = i === void 0 ? {} : i, e[0] = i, e[1] = r) : r = e[1];
-  let a, l;
-  e[2] !== r ? ({
+    useQueryProps: o
+  } = r;
+  let i;
+  e[0] !== o ? (i = o === void 0 ? {} : o, e[0] = o, e[1] = i) : i = e[1];
+  let a, c;
+  e[2] !== i ? ({
     enabled: a,
-    ...l
-  } = r, e[2] = r, e[3] = a, e[4] = l) : (a = e[3], l = e[4]);
-  const m = a === void 0 ? !0 : a, c = pe(t, n), p = c == null ? void 0 : c.props.filters;
-  let d;
-  e[5] !== t || e[6] !== n || e[7] !== p || e[8] !== s ? (d = ["table", n, t, s, p], e[5] = t, e[6] = n, e[7] = p, e[8] = s, e[9] = d) : d = e[9];
-  let u;
-  e[10] !== c || e[11] !== s ? (u = () => c == null ? void 0 : c.getTable(s), e[10] = c, e[11] = s, e[12] = u) : u = e[12];
-  const g = !!c && m;
+    ...c
+  } = i, e[2] = i, e[3] = a, e[4] = c) : (a = e[3], c = e[4]);
+  const d = a === void 0 ? !0 : a, l = se(t, n), p = l == null ? void 0 : l.props.filters;
   let f;
-  return e[13] !== d || e[14] !== u || e[15] !== g || e[16] !== l ? (f = {
-    queryKey: d,
+  e[5] !== t || e[6] !== n || e[7] !== p || e[8] !== s ? (f = ["table", n, t, s, p], e[5] = t, e[6] = n, e[7] = p, e[8] = s, e[9] = f) : f = e[9];
+  let u;
+  e[10] !== l || e[11] !== s ? (u = () => l == null ? void 0 : l.getTable(s), e[10] = l, e[11] = s, e[12] = u) : u = e[12];
+  const y = !!l && d;
+  let m;
+  return e[13] !== f || e[14] !== u || e[15] !== y || e[16] !== c ? (m = {
+    queryKey: f,
     queryFn: u,
-    enabled: g,
-    ...l
-  }, e[13] = d, e[14] = u, e[15] = g, e[16] = l, e[17] = f) : f = e[17], me(f);
+    enabled: y,
+    ...c
+  }, e[13] = f, e[14] = u, e[15] = y, e[16] = c, e[17] = m) : m = e[17], te(m);
 }
-function so(o) {
-  const e = k(6);
+function ho(r) {
+  const e = F(6);
   let t, n;
-  e[0] !== o ? ({
+  e[0] !== r ? ({
     children: t,
     ...n
-  } = o, e[0] = o, e[1] = t, e[2] = n) : (t = e[1], n = e[2]);
-  const s = pn(n);
-  let i;
-  return e[3] !== t || e[4] !== s ? (i = t(s), e[3] = t, e[4] = s, e[5] = i) : i = e[5], i;
+  } = r, e[0] = r, e[1] = t, e[2] = n) : (t = e[1], n = e[2]);
+  const s = kn(n);
+  let o;
+  return e[3] !== t || e[4] !== s ? (o = t(s), e[3] = t, e[4] = s, e[5] = o) : o = e[5], o;
 }
-function gn(o) {
-  const e = k(18), {
+function Pn(r) {
+  const e = F(18), {
     accessToken: t,
     sourceId: n,
     widgetProps: s,
-    useQueryProps: i
-  } = o;
-  let r;
-  e[0] !== i ? (r = i === void 0 ? {} : i, e[0] = i, e[1] = r) : r = e[1];
-  let a, l;
-  e[2] !== r ? ({
+    useQueryProps: o
+  } = r;
+  let i;
+  e[0] !== o ? (i = o === void 0 ? {} : o, e[0] = o, e[1] = i) : i = e[1];
+  let a, c;
+  e[2] !== i ? ({
     enabled: a,
-    ...l
-  } = r, e[2] = r, e[3] = a, e[4] = l) : (a = e[3], l = e[4]);
-  const m = a === void 0 ? !0 : a, c = pe(t, n), p = c == null ? void 0 : c.props.filters;
-  let d;
-  e[5] !== t || e[6] !== n || e[7] !== p || e[8] !== s ? (d = ["time-series", n, t, s, p], e[5] = t, e[6] = n, e[7] = p, e[8] = s, e[9] = d) : d = e[9];
-  let u;
-  e[10] !== c || e[11] !== s ? (u = () => c == null ? void 0 : c.getTimeSeries(s), e[10] = c, e[11] = s, e[12] = u) : u = e[12];
-  const g = !!c && m;
+    ...c
+  } = i, e[2] = i, e[3] = a, e[4] = c) : (a = e[3], c = e[4]);
+  const d = a === void 0 ? !0 : a, l = se(t, n), p = l == null ? void 0 : l.props.filters;
   let f;
-  return e[13] !== d || e[14] !== u || e[15] !== g || e[16] !== l ? (f = {
-    queryKey: d,
+  e[5] !== t || e[6] !== n || e[7] !== p || e[8] !== s ? (f = ["time-series", n, t, s, p], e[5] = t, e[6] = n, e[7] = p, e[8] = s, e[9] = f) : f = e[9];
+  let u;
+  e[10] !== l || e[11] !== s ? (u = () => l == null ? void 0 : l.getTimeSeries(s), e[10] = l, e[11] = s, e[12] = u) : u = e[12];
+  const y = !!l && d;
+  let m;
+  return e[13] !== f || e[14] !== u || e[15] !== y || e[16] !== c ? (m = {
+    queryKey: f,
     queryFn: u,
-    enabled: g,
-    ...l
-  }, e[13] = d, e[14] = u, e[15] = g, e[16] = l, e[17] = f) : f = e[17], me(f);
+    enabled: y,
+    ...c
+  }, e[13] = f, e[14] = u, e[15] = y, e[16] = c, e[17] = m) : m = e[17], te(m);
 }
-function no(o) {
-  const e = k(6);
+function So(r) {
+  const e = F(6);
   let t, n;
-  e[0] !== o ? ({
+  e[0] !== r ? ({
     children: t,
     ...n
-  } = o, e[0] = o, e[1] = t, e[2] = n) : (t = e[1], n = e[2]);
-  const s = gn(n);
-  let i;
-  return e[3] !== t || e[4] !== s ? (i = t(s), e[3] = t, e[4] = s, e[5] = i) : i = e[5], i;
+  } = r, e[0] = r, e[1] = t, e[2] = n) : (t = e[1], n = e[2]);
+  const s = Pn(n);
+  let o;
+  return e[3] !== t || e[4] !== s ? (o = t(s), e[3] = t, e[4] = s, e[5] = o) : o = e[5], o;
 }
-function oo(o) {
-  const e = k(13), {
+function vo(r) {
+  const e = F(13), {
     children: t,
     maps: n,
     lassoTools: s,
-    measureTools: i
-  } = o;
-  let r;
-  e[0] !== s ? (r = s === void 0 ? [] : s, e[0] = s, e[1] = r) : r = e[1];
-  const a = r;
-  let l;
-  e[2] !== i ? (l = i === void 0 ? [] : i, e[2] = i, e[3] = l) : l = e[3];
-  const m = l;
+    measureTools: o
+  } = r;
+  let i;
+  e[0] !== s ? (i = s === void 0 ? [] : s, e[0] = s, e[1] = i) : i = e[1];
+  const a = i;
   let c;
-  e[4] !== t || e[5] !== m ? (c = /* @__PURE__ */ H(js, { values: m, children: t }), e[4] = t, e[5] = m, e[6] = c) : c = e[6];
+  e[2] !== o ? (c = o === void 0 ? [] : o, e[2] = o, e[3] = c) : c = e[3];
+  const d = c;
+  let l;
+  e[4] !== t || e[5] !== d ? (l = /* @__PURE__ */ N(zs, { values: d, children: t }), e[4] = t, e[5] = d, e[6] = l) : l = e[6];
   let p;
-  e[7] !== a || e[8] !== c ? (p = /* @__PURE__ */ H(Ps, { values: a, children: c }), e[7] = a, e[8] = c, e[9] = p) : p = e[9];
-  let d;
-  return e[10] !== n || e[11] !== p ? (d = /* @__PURE__ */ H(Ss, { values: n, children: p }), e[10] = n, e[11] = p, e[12] = d) : d = e[12], d;
-}
-function io(o, e) {
-  const t = _e((m) => m.layers), n = _e((m) => m.setLayer), s = de(() => dt(o.map((m) => t[m]).filter((m) => !!m)), [t, o]), i = de(() => s.map(e), [e, s]), r = $(({
-    id: m,
-    visible: c,
+  e[7] !== a || e[8] !== l ? (p = /* @__PURE__ */ N(Fs, { values: a, children: l }), e[7] = a, e[8] = l, e[9] = p) : p = e[9];
+  let f;
+  return e[10] !== n || e[11] !== p ? (f = /* @__PURE__ */ N(Ls, { values: n, children: p }), e[10] = n, e[11] = p, e[12] = f) : f = e[12], f;
+}
+function bo(r, e) {
+  const t = de((d) => d.layers), n = de((d) => d.setLayer), s = J(() => mt(r.map((d) => t[d]).filter((d) => !!d)), [t, r]), o = J(() => s.map(e), [e, s]), i = G(({
+    id: d,
+    visible: l,
     ...p
   }) => {
-    n(m, {
+    n(d, {
       props: {
-        visible: c
+        visible: l
       },
       legend: p
     });
-  }, [n]), a = $(({
-    id: m,
-    collapsed: c
+  }, [n]), a = G(({
+    id: d,
+    collapsed: l
   }) => {
-    n(m, {
+    n(d, {
       legend: {
-        collapsed: c
+        collapsed: l
       }
     });
-  }, [n]), l = $(({
-    id: m,
-    opacity: c
+  }, [n]), c = G(({
+    id: d,
+    opacity: l
   }) => {
-    n(m, {
+    n(d, {
       props: {
-        opacity: c
+        opacity: l
       }
     });
   }, [n]);
   return {
-    legend: i,
-    onChangeVisibility: r,
-    onChangeOpacity: l,
+    legend: o,
+    onChangeVisibility: i,
+    onChangeOpacity: c,
     onChangRowCollapsed: a
   };
 }
-function ro({
-  mapId: o
+function Mo({
+  mapId: r
 }) {
-  const [e, t] = fe(void 0), [n, s] = fe(!1), i = w((f) => {
-    var M;
-    return (M = f.maps[o]) == null ? void 0 : M.basemap;
-  }), r = w((f) => f.getDeckInstance), a = w((f) => f.getOverlayInstance), l = w((f) => {
-    var M;
-    return (M = f.maps[o]) == null ? void 0 : M.areLayersLoaded;
-  }), c = w((f) => {
-    var M;
-    return (M = f.maps[o]) == null ? void 0 : M.isLoaded;
-  }) && l, {
+  const [e, t] = ee(void 0), [n, s] = ee(!1), o = D((m) => {
+    var L;
+    return (L = m.maps[r]) == null ? void 0 : L.basemap;
+  }), i = D((m) => m.getDeckInstance), a = D((m) => m.getOverlayInstance), c = D((m) => m.areLayersLoaded[r]), l = D((m) => {
+    var L;
+    return (L = m.maps[r]) == null ? void 0 : L.isLoaded;
+  }) && c, {
     type: p
-  } = nt[i], d = p === ue.googleMaps, u = $(async () => {
-    const f = r(o), M = a(o);
+  } = ue[o], f = p === Y.googleMaps, u = G(async () => {
+    const m = i(r), L = a(r);
     try {
       const h = document.createElement("canvas");
-      h.width = f.width ?? 0, h.height = f.height ?? 0;
-      const y = h.getContext("2d");
-      if (d) {
-        const S = M;
-        if (S.getRenderingType() !== "RASTER")
+      h.width = m.width ?? 0, h.height = m.height ?? 0;
+      const g = h.getContext("2d");
+      if (f) {
+        const v = L;
+        if (v.getRenderingType() !== "RASTER")
           throw new Error("Only raster type is supported for Google Maps");
-        const v = await Jt(S.getDiv(), {
+        const b = await Jt(v.getDiv(), {
           useCORS: !0
         });
-        y == null || y.drawImage(v, 0, 0, f.width, f.height);
+        g == null || g.drawImage(b, 0, 0, m.width, m.height);
       } else {
-        const S = M;
-        S.redraw(), y == null || y.drawImage(S.getMap().getCanvas(), 0, 0, f.width, f.height);
+        const v = L;
+        v.redraw(), g == null || g.drawImage(v.getMap().getCanvas(), 0, 0, m.width, m.height);
       }
-      f == null || f.redraw("screenshot"), y == null || y.drawImage(f.getCanvas(), 0, 0, f.width, f.height);
-      const T = h.toDataURL();
-      t(T);
+      m == null || m.redraw("screenshot"), g == null || g.drawImage(m.getCanvas(), 0, 0, m.width, m.height);
+      const S = h.toDataURL();
+      t(S);
     } catch (h) {
       console.error(h);
     } finally {
       s(!1);
     }
-  }, [r, d, o, a]);
+  }, [i, f, r, a]);
   return {
-    takeScreenshot: $(() => {
-      s(!0), c && u();
-    }, [u, c]),
+    takeScreenshot: G(() => {
+      s(!0), l && u();
+    }, [u, l]),
     isLoading: n,
     screenshot: e
   };
 }
-function ao(o) {
-  const e = k(8), {
+function _o(r) {
+  const e = F(8), {
     mapId: t
-  } = o;
+  } = r;
   let n;
   e[0] !== t ? (n = {
     mapId: t
   }, e[0] = t, e[1] = n) : n = e[1];
-  const s = yn(n);
-  let i;
-  e[2] !== t ? (i = {
+  const s = Cn(n);
+  let o;
+  e[2] !== t ? (o = {
     mapId: t
-  }, e[2] = t, e[3] = i) : i = e[3];
-  const r = hn(i), a = r ?? s;
-  let l;
-  return e[4] !== r || e[5] !== a || e[6] !== s ? (l = {
+  }, e[2] = t, e[3] = o) : o = e[3];
+  const i = wn(o), a = i ?? s;
+  let c;
+  return e[4] !== i || e[5] !== a || e[6] !== s ? (c = {
     spatialFilter: a,
-    lassoToolsSpatialFilter: r,
+    lassoToolsSpatialFilter: i,
     viewportSpatialFilter: s
-  }, e[4] = r, e[5] = a, e[6] = s, e[7] = l) : l = e[7], l;
+  }, e[4] = i, e[5] = a, e[6] = s, e[7] = c) : c = e[7], c;
 }
-function yn(o) {
-  const e = k(4), {
+function Cn(r) {
+  const e = F(4), {
     mapId: t
-  } = o;
+  } = r;
   let n;
-  e[0] !== t ? (n = (r) => r.viewports[t], e[0] = t, e[1] = n) : n = e[1];
-  const s = w(n);
-  let i;
+  e[0] !== t ? (n = (i) => i.viewports[t], e[0] = t, e[1] = n) : n = e[1];
+  const s = D(n);
+  let o;
   e: {
     if (!s) {
-      i = void 0;
+      o = void 0;
       break e;
     }
-    let r;
-    e[2] !== s ? (r = Xt(s.getBounds()), e[2] = s, e[3] = r) : r = e[3], i = r;
+    let i;
+    e[2] !== s ? (i = Xt(s.getBounds()), e[2] = s, e[3] = i) : i = e[3], o = i;
   }
-  return i;
+  return o;
 }
-function hn(o) {
-  const e = k(5), {
+function wn(r) {
+  const e = F(5), {
     mapId: t
-  } = o;
+  } = r;
   let n;
-  e[0] !== t ? (n = (r) => {
+  e[0] !== t ? (n = (i) => {
     var a;
-    return (a = r.data[t]) == null ? void 0 : a.values;
+    return (a = i.data[t]) == null ? void 0 : a.values;
   }, e[0] = t, e[1] = n) : n = e[1];
-  const s = j(n);
-  let i;
+  const s = I(n);
+  let o;
   e: {
-    let r;
+    let i;
     if (e[2] !== s) {
-      const a = rt({
+      const a = at({
         values: s
-      }).filter(vn);
+      }).filter(On);
       if (!(a != null && a.length)) {
-        i = void 0;
+        o = void 0;
         break e;
       }
-      r = es(a.map(Sn)), e[2] = s, e[3] = r, e[4] = i;
+      i = es(a.map(Fn)), e[2] = s, e[3] = i, e[4] = o;
     } else
-      r = e[3], i = e[4];
-    i = r.geometry;
+      i = e[3], o = e[4];
+    o = i.geometry;
   }
-  return i;
+  return o;
 }
-function Sn(o) {
-  return o.geometry.coordinates;
+function Fn(r) {
+  return r.geometry.coordinates;
 }
-function vn(o) {
-  return o.properties.visible;
+function On(r) {
+  return r.properties.visible;
 }
-const Se = {
+const ne = {
   currency: "CURRENCY",
   default: "DEFAULT",
   number: "NUMBER"
 }, Ye = {
-  [Se.currency]: {
-    type: Se.currency,
-    format: (o, e) => Ht(o, e)
+  [ne.currency]: {
+    type: ne.currency,
+    format: (r, e) => It(r, e)
   },
-  [Se.number]: {
-    type: Se.number,
-    format: (o, e) => st(o, e)
+  [ne.number]: {
+    type: ne.number,
+    format: (r, e) => nt(r, e)
   },
-  [Se.default]: {
-    type: Se.default,
-    format: (o) => o.toLocaleString()
+  [ne.default]: {
+    type: ne.default,
+    format: (r) => r.toLocaleString()
   }
 };
-function lo({
-  properties: o,
+function Lo({
+  properties: r,
   formatters: e = {},
-  includeColumns: t = Object.keys(o),
+  includeColumns: t = Object.keys(r),
   locale: n = "en-US",
   showColumnName: s = !0,
-  title: i,
-  getColumnName: r = _n,
-  getFieldHtml: a = Tn,
-  getTitle: l = bn,
-  getValue: m = Mn
+  title: o,
+  getColumnName: i = xn,
+  getFieldHtml: a = An,
+  getTitle: c = Dn,
+  getValue: d = Rn
 }) {
-  const c = i ? l(i) : "", d = t.reduce((u, g) => {
-    const f = e[g], M = o[g], h = m(M, n, f), y = s ? r(g) : "";
-    return u + a(y, h);
+  const l = o ? c(o) : "", f = t.reduce((u, y) => {
+    const m = e[y], L = r[y], h = d(L, n, m), g = s ? i(y) : "";
+    return u + a(g, h);
   }, "");
-  return c + d;
+  return l + f;
 }
-function bn(o) {
-  return `<h3 style="margin: 0"><strong>${o}</strong></h3></br>`;
+function Dn(r) {
+  return `<h3 style="margin: 0"><strong>${r}</strong></h3></br>`;
 }
-function Tn(o, e) {
-  return `${o}${e}</br>`;
+function An(r, e) {
+  return `${r}${e}</br>`;
 }
-function Mn(o, e, t) {
+function Rn(r, e, t) {
   try {
-    return Ln(t)(o, e);
+    return $n(t)(r, e);
   } catch {
-    return o;
+    return r;
   }
 }
-function Ln(o) {
-  return typeof o == "function" ? o : ((o && Ye[o]) ?? Ye[Se.default]).format;
+function $n(r) {
+  return typeof r == "function" ? r : ((r && Ye[r]) ?? Ye[ne.default]).format;
 }
-function _n(o) {
-  return `<strong>${o}</strong>: `;
+function xn(r) {
+  return `<strong>${r}</strong>: `;
 }
-function co(o) {
-  var e, t, n, s, i, r, a, l;
+function To(r) {
+  var e, t, n, s, o, i, a, c;
   return {
-    collapsed: (e = o.legend) == null ? void 0 : e.collapsed,
-    collapsible: (t = o.legend) == null ? void 0 : t.collapsible,
-    helperText: (n = o.legend) == null ? void 0 : n.helperText,
-    id: o.props.id,
-    legend: (s = o.legend) == null ? void 0 : s.variables,
-    maxZoom: (i = o.legend) == null ? void 0 : i.maxZoom,
-    minZoom: (r = o.legend) == null ? void 0 : r.minZoom,
-    opacity: o.props.opacity ?? 1,
-    showOpacityControl: (a = o.legend) == null ? void 0 : a.opacityControl,
-    switchable: (l = o.legend) == null ? void 0 : l.switchable,
-    title: o.name,
-    visible: o.props.visible ?? !0
+    collapsed: (e = r.legend) == null ? void 0 : e.collapsed,
+    collapsible: (t = r.legend) == null ? void 0 : t.collapsible,
+    helperText: (n = r.legend) == null ? void 0 : n.helperText,
+    id: r.props.id,
+    legend: (s = r.legend) == null ? void 0 : s.variables,
+    maxZoom: (o = r.legend) == null ? void 0 : o.maxZoom,
+    minZoom: (i = r.legend) == null ? void 0 : i.minZoom,
+    opacity: r.props.opacity ?? 1,
+    showOpacityControl: (a = r.legend) == null ? void 0 : a.opacityControl,
+    switchable: (c = r.legend) == null ? void 0 : c.switchable,
+    title: r.name,
+    visible: r.props.visible ?? !0
   };
 }
-function uo(o) {
-  const e = k(18), {
+function Eo(r) {
+  const e = F(18), {
     children: t,
     mapId: n
-  } = o;
+  } = r;
   let s;
-  e[0] !== n ? (s = (y) => y.viewStates[n], e[0] = n, e[1] = s) : s = e[1];
+  e[0] !== n ? (s = (g) => g.viewStates[n], e[0] = n, e[1] = s) : s = e[1];
   const {
-    zoom: i,
-    maxZoom: r,
+    zoom: o,
+    maxZoom: i,
     minZoom: a
-  } = w(s);
-  let l;
-  e[2] !== n ? (l = (y) => y.maps[n].areLayersLoaded, e[2] = n, e[3] = l) : l = e[3];
-  const m = w(l), c = w(En), p = w(Pn), d = !m;
+  } = D(s);
+  let c;
+  e[2] !== n ? (c = (g) => g.areLayersLoaded[n], e[2] = n, e[3] = c) : c = e[3];
+  const d = D(c), l = D(qn), p = D(Un), f = !d;
   let u;
-  e[4] !== n || e[5] !== c ? (u = (y) => c(n, y), e[4] = n, e[5] = c, e[6] = u) : u = e[6];
-  const g = u;
-  let f;
-  e[7] !== p || e[8] !== n ? (f = (y) => p(n, y), e[7] = p, e[8] = n, e[9] = f) : f = e[9];
-  const M = f;
+  e[4] !== n || e[5] !== l ? (u = (g) => l(n, g), e[4] = n, e[5] = l, e[6] = u) : u = e[6];
+  const y = u;
+  let m;
+  e[7] !== p || e[8] !== n ? (m = (g) => p(n, g), e[7] = p, e[8] = n, e[9] = m) : m = e[9];
+  const L = m;
   let h;
-  return e[10] !== t || e[11] !== r || e[12] !== a || e[13] !== d || e[14] !== g || e[15] !== M || e[16] !== i ? (h = t({
-    zoom: i,
-    maxZoom: r,
+  return e[10] !== t || e[11] !== i || e[12] !== a || e[13] !== f || e[14] !== y || e[15] !== L || e[16] !== o ? (h = t({
+    zoom: o,
+    maxZoom: i,
     minZoom: a,
-    isLoading: d,
-    setZoom: g,
-    flyTo: M
-  }), e[10] = t, e[11] = r, e[12] = a, e[13] = d, e[14] = g, e[15] = M, e[16] = i, e[17] = h) : h = e[17], h;
+    isLoading: f,
+    setZoom: y,
+    flyTo: L
+  }), e[10] = t, e[11] = i, e[12] = a, e[13] = f, e[14] = y, e[15] = L, e[16] = o, e[17] = h) : h = e[17], h;
 }
-function Pn(o) {
-  return o.flyTo;
+function Un(r) {
+  return r.flyTo;
 }
-function En(o) {
-  return o.setZoom;
+function qn(r) {
+  return r.setZoom;
 }
 export {
-  sn as ApiBaseUrl,
+  gn as ApiBaseUrl,
   Ze as CONVERSIONS_UNITS,
-  Oe as CartoBasemapURL,
-  ee as CartoBasemaps,
-  Wn as CategoriesModel,
-  us as CustomCompositeEditMode,
-  Cs as CustomMeasureAreaMode,
-  ws as CustomMeasureBufferMode,
-  lt as CustomMeasureDistanceMode,
-  Be as DEFAULT_LASSO_TOOLS_COLORS,
-  ds as DEFAULT_LASSO_TOOLS_LAYER_PROPS,
-  Re as DEFAULT_LASSO_TOOLS_MODES,
-  Ae as DEFAULT_LASSO_TOOLS_PROPS,
-  Pe as DEFAULT_MASK_LAYER_PROPS,
-  Rs as DEFAULT_MEASUREMENT_TOOLS_MODES,
-  Ds as DEFAULT_MEASUREMENT_TOOLS_UNITS,
-  xe as DEFAULT_MEASURE_COLORS,
-  ns as DeckGLComponent,
-  K as EditableEditType,
-  Yn as FeaturesModel,
-  Xn as FormulaModel,
-  Fe as GmapsBasemap,
-  Jn as HistogramModel,
-  Le as INTL_UNITS,
-  qs as LassoTools,
-  Ps as LassoToolsProvider,
-  nt as MAPS_BASEMAP,
-  Te as MAP_LASSO_TOOLS_LAYER_ID,
-  ke as MAP_MASK_LAYER_ID,
-  ve as MAP_MEASURE_LAYER_ID,
-  As as MEASUREMENT_TOOLS_UNITS_AREA,
-  ze as MEASUREMENT_TOOLS_UNITS_DISTANCE,
-  Q as MEASUREMENT_TOOLS_UNITS_DISTANCE_VALUES,
-  zn as MapComponent,
-  qe as MapMeasurementUnitAuto,
-  Os as MapMeasurementUnitTurf,
-  Ss as MapProvider,
-  oo as MapsProvider,
-  ue as MapsTypes,
-  Ys as MeasurementTools,
-  js as MeasurementToolsProvider,
-  eo as RangeModel,
-  to as ScatterModel,
-  so as TableModel,
-  no as TimeSeriesModel,
-  uo as ZoomControls,
-  nn as clientID,
-  Qe as convertMetersTo,
-  _s as createLassoToolsStore,
-  hs as createMapStore,
-  Vs as createMeasurementToolsStore,
-  Se as formatterTypes,
+  Fe as CartoBasemapURL,
+  K as CartoBasemaps,
+  uo as CategoriesModel,
+  ps as CustomCompositeEditMode,
+  rt as CustomEditableGeojsonLayer,
+  As as CustomMeasureAreaMode,
+  Rs as CustomMeasureBufferMode,
+  ct as CustomMeasureDistanceMode,
+  Ie as DEFAULT_LASSO_TOOLS_COLORS,
+  gs as DEFAULT_LASSO_TOOLS_LAYER_PROPS,
+  De as DEFAULT_LASSO_TOOLS_MODES,
+  Oe as DEFAULT_LASSO_TOOLS_PROPS,
+  Se as DEFAULT_MASK_LAYER_PROPS,
+  qs as DEFAULT_MEASUREMENT_TOOLS_MODES,
+  Vs as DEFAULT_MEASUREMENT_TOOLS_UNITS,
+  Re as DEFAULT_MEASURE_COLORS,
+  ds as DeckGLComponent,
+  Q as EditableEditType,
+  fo as FeaturesModel,
+  mo as FormulaModel,
+  we as GmapsBasemap,
+  po as HistogramModel,
+  ce as INTL_UNITS,
+  Is as LassoTools,
+  Fs as LassoToolsProvider,
+  ue as MAPS_BASEMAP,
+  ae as MAP_LASSO_TOOLS_LAYER_ID,
+  be as MAP_MASK_LAYER_ID,
+  oe as MAP_MEASURE_LAYER_ID,
+  Us as MEASUREMENT_TOOLS_UNITS_AREA,
+  Ke as MEASUREMENT_TOOLS_UNITS_DISTANCE,
+  z as MEASUREMENT_TOOLS_UNITS_DISTANCE_VALUES,
+  co as MapComponent,
+  $e as MapMeasurementUnitAuto,
+  xs as MapMeasurementUnitTurf,
+  Ls as MapProvider,
+  vo as MapsProvider,
+  Y as MapsTypes,
+  nn as MeasurementTools,
+  zs as MeasurementToolsProvider,
+  go as RangeModel,
+  yo as ScatterModel,
+  ho as TableModel,
+  So as TimeSeriesModel,
+  Eo as ZoomControls,
+  yn as clientID,
+  Ge as convertMetersTo,
+  ws as createLassoToolsStore,
+  _s as createMapStore,
+  Gs as createMeasurementToolsStore,
+  ne as formatterTypes,
   ts as getCursorDefault,
-  Zn as getDeckController,
-  Ms as getLassoToolsLayer,
-  Us as getMeasurementToolsLayer,
-  Ce as getTextLayerFormattedDistance,
+  lo as getDeckController,
+  Ps as getLassoToolsLayer,
+  Hs as getMeasurementToolsLayer,
+  Me as getTextLayerFormattedDistance,
   ss as getTooltipDefault,
-  co as mappingLegendMeridian,
-  lo as objectToHtml,
-  dt as sortLayers,
-  ms as transitionFlyConfig,
-  ln as useCategories,
-  cn as useFeatures,
-  un as useFormula,
-  dn as useHistogram,
-  hn as useLassoToolsSpatialFilter,
-  j as useLassoToolsState,
-  _e as useLayerStore,
-  Xs as useLayers,
-  io as useLegend,
-  ro as useMapScreenshot,
-  w as useMapStore,
-  q as useMeasurementToolsState,
-  fn as useRange,
-  mn as useScatter,
-  on as useSourceStore,
-  ao as useSpatialFilter,
-  pn as useTable,
-  gn as useTimeSeries,
-  yn as useViewportSpatialFilter,
-  pe as useWidgetModel
+  To as mappingLegendMeridian,
+  Lo as objectToHtml,
+  mt as sortLayers,
+  hs as transitionFlyConfig,
+  bn as useCategories,
+  ut as useEventManager,
+  Mn as useFeatures,
+  _n as useFormula,
+  Ln as useHistogram,
+  wn as useLassoToolsSpatialFilter,
+  I as useLassoToolsState,
+  de as useLayerStore,
+  on as useLayers,
+  bo as useLegend,
+  Mo as useMapScreenshot,
+  D as useMapStore,
+  V as useMeasurementToolsState,
+  Tn as useRange,
+  En as useScatter,
+  hn as useSourceStore,
+  _o as useSpatialFilter,
+  kn as useTable,
+  Pn as useTimeSeries,
+  Cn as useViewportSpatialFilter,
+  se as useWidgetModel
 };
 //# sourceMappingURL=index.js.map