@carto/ps-react-ui 3.0.0 → 4.0.0-canary.1

package/dist/components.js

@@ -0,0 +1,1397 @@
+import { jsx as l, jsxs as _, Fragment as P } from "react/jsx-runtime";
+import { c as I } from "react/compiler-runtime";
+import { alpha as Re, Chip as ze, Tooltip as re, Paper as we, Divider as Y, Box as ee, IconButton as Q, Menu as Ie, MenuItem as ce, ListItemIcon as Ze, SvgIcon as Me, ListItemText as ae, ToggleButton as se, Typography as H, ToggleButtonGroup as ke, Button as ye, Dialog as He, DialogTitle as Ne, DialogContent as Xe, FormControl as We, RadioGroup as Ke, FormControlLabel as Ye, Radio as qe, DialogActions as Je, CircularProgress as Qe, ListItem as et, List as tt } from "@mui/material";
+import ot from "@mui/icons-material/ArrowDropDown";
+import it from "@mui/icons-material/MoreVertOutlined";
+import { useMemo as Ce, useState as ne, useRef as nt, useEffect as lt } from "react";
+import { Close as rt, ArrowDropDown as ct, MyLocationOutlined as at, LocationDisabledOutlined as st, CropFreeOutlined as dt, AddOutlined as ut, RemoveOutlined as mt } from "@mui/icons-material";
+const G = {
+  container: {
+    display: "flex",
+    flexDirection: "row",
+    alignItems: "center",
+    justifyContent: "flex-start",
+    overflow: "hidden",
+    "&.inline": {
+      flexDirection: "column",
+      alignItems: "flex-start",
+      gap: ({
+        spacing: t
+      }) => t(1)
+    }
+  },
+  actions: {
+    icon: {
+      width: ({
+        spacing: t
+      }) => t(4),
+      height: ({
+        spacing: t
+      }) => t(4),
+      borderRadius: 0,
+      ".MuiTouchRipple-ripple .MuiTouchRipple-child": {
+        borderRadius: 0
+      }
+    }
+  },
+  options: {
+    menu: {
+      paddingTop: ({
+        spacing: t
+      }) => t(1),
+      "&.inline": {
+        boxShadow: "none",
+        backgroundColor: "transparent",
+        borderRadius: ({
+          spacing: t
+        }) => t(0.5),
+        "& .MuiDivider-root": {
+          height: ({
+            spacing: t
+          }) => t(4),
+          "&.MuiToggleButtonGroup-groupedHorizontal": {
+            height: ({
+              spacing: t
+            }) => t(4)
+          },
+          "&.MuiToggleButtonGroup-groupedVertical": {
+            height: "auto",
+            width: ({
+              spacing: t
+            }) => t(4),
+            margin: ({
+              spacing: t
+            }) => `${t(0.5, 0, 1)} !important`,
+            borderRadius: "0 !important"
+          }
+        },
+        "& .MuiToggleButton-sizeSmall": {
+          margin: 0,
+          "&.MuiToggleButtonGroup-grouped:not(.MuiDivider-root)": {
+            margin: 0
+          },
+          "& + .MuiDivider-root.MuiToggleButtonGroup-groupedHorizontal": {
+            height: ({
+              spacing: t
+            }) => t(3)
+          },
+          "& + .MuiDivider-root.MuiToggleButtonGroup-groupedVertical": {
+            height: "auto",
+            width: ({
+              spacing: t
+            }) => t(3)
+          }
+        },
+        ".MuiToggleButtonGroup-grouped:not(.MuiDivider-root)": {
+          margin: 0,
+          "&:first-of-type": {
+            marginLeft: 0
+          },
+          "&:not(:last-of-type)": {
+            marginRight: ({
+              spacing: t
+            }) => t(0.5)
+          }
+        },
+        "&.MuiToggleButtonGroup-horizontal:not(.MuiDivider-root)": {
+          ".MuiToggleButtonGroup-grouped": {
+            margin: ({
+              spacing: t
+            }) => t(0, 0.5)
+          }
+        },
+        "&.MuiToggleButtonGroup-vertical:not(.MuiDivider-root)": {
+          ".MuiToggleButtonGroup-grouped": {
+            margin: ({
+              spacing: t
+            }) => t(0, 0, 0.5),
+            "&:not(:last-of-type)": {
+              marginRight: 0
+            },
+            "&:last-of-type": {
+              marginBottom: 0
+            }
+          }
+        }
+      }
+    },
+    icon: {
+      borderRadius: 0,
+      width: ({
+        spacing: t
+      }) => t(3)
+    },
+    title: {
+      paddingX: ({
+        spacing: t
+      }) => t(2),
+      paddingBottom: ({
+        spacing: t
+      }) => t(0.5),
+      "&.inline": {
+        paddingX: 0,
+        paddingBottom: 0
+      }
+    },
+    icons: {
+      color: ({
+        palette: t
+      }) => t.text.primary
+    },
+    tag: {
+      borderRadius: ({
+        spacing: t
+      }) => t(0.25),
+      border: "1px solid",
+      borderColor: ({
+        palette: t
+      }) => t.primary.main,
+      paddingX: ({
+        spacing: t
+      }) => t(0.5),
+      color: ({
+        palette: t
+      }) => t.primary.main,
+      backgroundColor: ({
+        palette: t
+      }) => Re(t.primary.main, 0.08)
+    },
+    more: {
+      width: ({
+        spacing: t
+      }) => t(4)
+    }
+  },
+  chip: {
+    container: {
+      display: "flex",
+      flexDirection: "row",
+      alignItems: "center",
+      gap: ({
+        spacing: t
+      }) => t(0.5),
+      overflowX: "auto",
+      scrollbarWidth: "none",
+      paddingX: ({
+        spacing: t
+      }) => t(1),
+      "&.inline": {
+        overflowX: "visible",
+        flexWrap: "wrap"
+      }
+    },
+    chip: {
+      marginRight: ({
+        spacing: t
+      }) => t(0.5)
+    },
+    disabled: {
+      opacity: ({
+        palette: t
+      }) => t.action.disabledOpacity
+    }
+  }
+};
+function ht(t) {
+  const e = I(3);
+  let i;
+  e[0] === Symbol.for("react.memo_cache_sentinel") ? (i = /* @__PURE__ */ l("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M4 18a2 2 0 1 1 0 4 2 2 0 0 1 0-4Zm16 0a2 2 0 1 1 0 4 2 2 0 0 1 0-4Zm-2.829 1a2.996 2.996 0 0 0 0 2H6.829a2.995 2.995 0 0 0 0-2h10.342Zm-2.463-5.707 3.998 4a3.013 3.013 0 0 0-1.414 1.414l-4-3.999a3.014 3.014 0 0 0 1.31-1.214l.106-.201ZM2.998 6.829a2.995 2.995 0 0 0 2.002 0v10.342a2.993 2.993 0 0 0-2.002 0V6.83ZM12 10a2 2 0 1 1 0 4 2 2 0 0 1 0-4Zm1.84-3.919c.464.483 1.09.81 1.79.896l-1.47 2.94a2.992 2.992 0 0 0-1.79-.894l1.47-2.942ZM16 2a2 2 0 1 1 0 4 2 2 0 0 1 0-4ZM4 2a2 2 0 1 1 0 4 2 2 0 0 1 0-4Zm9.171.998a2.994 2.994 0 0 0 0 2.002H6.829a2.995 2.995 0 0 0 0-2.002h6.342Z", fill: "currentColor" }), e[0] = i) : i = e[0];
+  let o;
+  return e[1] !== t ? (o = /* @__PURE__ */ l("svg", { fill: "none", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", ...t, children: i }), e[1] = t, e[2] = o) : o = e[2], o;
+}
+function ft(t) {
+  const e = I(3);
+  let i;
+  e[0] === Symbol.for("react.memo_cache_sentinel") ? (i = /* @__PURE__ */ l("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M4 18a2 2 0 1 1 0 4 2 2 0 0 1 0-4Zm16 0a2 2 0 1 1 0 4 2 2 0 0 1 0-4Zm-2.829 1a2.993 2.993 0 0 0-.17.974l-.001.052.007.183a3 3 0 0 0 .164.79H6.829a2.995 2.995 0 0 0 0-2h10.342ZM2.998 6.828a2.995 2.995 0 0 0 2.002 0V17.17a2.993 2.993 0 0 0-2.002 0V6.83Zm16.001 0a2.995 2.995 0 0 0 2 0V17.17a2.993 2.993 0 0 0-2 0V6.829ZM20 2a2 2 0 1 1 0 4 2 2 0 0 1 0-4ZM4 2a2 2 0 1 1 0 4 2 2 0 0 1 0-4Zm13.171.998a2.991 2.991 0 0 0-.17.976L17 4.026l.007.183a3 3 0 0 0 .164.79H6.829a2.995 2.995 0 0 0 0-2H17.17Z", fill: "currentColor" }), e[0] = i) : i = e[0];
+  let o;
+  return e[1] !== t ? (o = /* @__PURE__ */ l("svg", { fill: "none", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", ...t, children: i }), e[1] = t, e[2] = o) : o = e[2], o;
+}
+function pt(t) {
+  const e = I(3);
+  let i;
+  e[0] === Symbol.for("react.memo_cache_sentinel") ? (i = /* @__PURE__ */ l("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M12 2c5.523 0 10 4.477 10 10s-4.477 10-10 10S2 17.523 2 12 6.477 2 12 2Zm0 2a8 8 0 1 0 0 16 8 8 0 0 0 0-16Zm0 6a2 2 0 1 1 0 4 2 2 0 0 1 0-4Z", fill: "currentColor" }), e[0] = i) : i = e[0];
+  let o;
+  return e[1] !== t ? (o = /* @__PURE__ */ l("svg", { fill: "none", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", ...t, children: i }), e[1] = t, e[2] = o) : o = e[2], o;
+}
+function gt(t) {
+  const e = I(3);
+  let i;
+  e[0] === Symbol.for("react.memo_cache_sentinel") ? (i = /* @__PURE__ */ l("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M12 3c4.935 0 9 3.736 9 9l-.002.343-.012.668c-.012.438-.033.86-.062 1.266l-.05.597C20.498 18.767 19.267 21 17 21c-1.192 0-1.971-.341-2.988-1.122l-.472-.375c-.401-.319-.64-.473-.888-.566a4.938 4.938 0 0 0-.415-.13l-.34-.085-.398-.086-.456-.086-.66-.111-1.708-.273a9.112 9.112 0 0 1-.952-.206C5.46 17.301 3 14.954 3 12.015c0-1.508.485-2.995 1.436-4.458.355.585.906 1.04 1.562 1.272C5.328 9.916 5 10.977 5 12.015c0 1.889 1.78 3.588 3.282 4.025l.085.023.345.076.517.092 1.619.257.583.1.518.098.237.05.433.103c.272.07.512.143.73.224.434.161.783.373 1.235.718l.457.362c.806.646 1.24.857 1.959.857.893 0 1.63-1.518 1.895-4.45l.045-.585c.013-.2.024-.407.033-.62l.02-.655c.005-.224.007-.454.007-.69 0-4.12-3.133-7-7-7a1 1 0 1 1 0-2ZM7 4a2 2 0 1 1 0 4 2 2 0 0 1 0-4Z", fill: "currentColor" }), e[0] = i) : i = e[0];
+  let o;
+  return e[1] !== t ? (o = /* @__PURE__ */ l("svg", { fill: "none", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", ...t, children: i }), e[1] = t, e[2] = o) : o = e[2], o;
+}
+function vt(t) {
+  const e = I(3);
+  let i;
+  e[0] === Symbol.for("react.memo_cache_sentinel") ? (i = /* @__PURE__ */ l("path", { fillRule: "evenodd", clipRule: "evenodd", d: "m10.083 19.394.057.113a1 1 0 0 0 1.72.007l2.869-4.786 4.786-2.87a1 1 0 0 0-.121-1.777l-14-6c-.83-.356-1.669.483-1.313 1.313l6.002 14ZM6.905 6.904l9.903 4.244-3.322 1.995-.102.069a1 1 0 0 0-.242.274l-1.992 3.321-4.245-9.903Z", fill: "currentColor" }), e[0] = i) : i = e[0];
+  let o;
+  return e[1] !== t ? (o = /* @__PURE__ */ l("svg", { fill: "none", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", ...t, children: i }), e[1] = t, e[2] = o) : o = e[2], o;
+}
+const E = {
+  action: {
+    tooltip: {
+      active: "Click on the map to trace the line you want to measure",
+      inactive: "Click on the map to trace the line you want to measure"
+    }
+  },
+  chip: {
+    tooltip: {
+      active: "Hide measure",
+      inactive: "Show measure"
+    }
+  },
+  options: {
+    mode: {
+      title: "Choose a drawing tool",
+      options: {
+        circle: "Circle",
+        lasso: "Lasso tool",
+        polygon: "Polygon",
+        rectangle: "Rectangle",
+        edit: "Edit feature"
+      }
+    }
+  },
+  noData: {
+    title: "Spatial filter not applied",
+    description: "Select a drawing or editing tool and click on the map to define your spatial filter"
+  },
+  actions: {
+    toggleAll: {
+      active: "Hide all",
+      inactive: "Show all"
+    },
+    deleteAll: "Remove all"
+  }
+}, to = {
+  polygon: {
+    icon: ht
+  },
+  rectangle: {
+    icon: ft
+  },
+  circle: {
+    icon: pt
+  },
+  lasso: {
+    icon: gt
+  },
+  edit: {
+    icon: vt
+  }
+};
+function yt(t) {
+  return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
+}
+var wt = function(e) {
+  return xt(e) && !bt(e);
+};
+function xt(t) {
+  return !!t && typeof t == "object";
+}
+function bt(t) {
+  var e = Object.prototype.toString.call(t);
+  return e === "[object RegExp]" || e === "[object Date]" || Tt(t);
+}
+var Mt = typeof Symbol == "function" && Symbol.for, Ct = Mt ? Symbol.for("react.element") : 60103;
+function Tt(t) {
+  return t.$$typeof === Ct;
+}
+function St(t) {
+  return Array.isArray(t) ? [] : {};
+}
+function de(t, e) {
+  return e.clone !== !1 && e.isMergeableObject(t) ? le(St(t), t, e) : t;
+}
+function At(t, e, i) {
+  return t.concat(e).map(function(o) {
+    return de(o, i);
+  });
+}
+function _t(t, e) {
+  if (!e.customMerge)
+    return le;
+  var i = e.customMerge(t);
+  return typeof i == "function" ? i : le;
+}
+function Dt(t) {
+  return Object.getOwnPropertySymbols ? Object.getOwnPropertySymbols(t).filter(function(e) {
+    return Object.propertyIsEnumerable.call(t, e);
+  }) : [];
+}
+function De(t) {
+  return Object.keys(t).concat(Dt(t));
+}
+function Be(t, e) {
+  try {
+    return e in t;
+  } catch {
+    return !1;
+  }
+}
+function Lt(t, e) {
+  return Be(t, e) && !(Object.hasOwnProperty.call(t, e) && Object.propertyIsEnumerable.call(t, e));
+}
+function Ot(t, e, i) {
+  var o = {};
+  return i.isMergeableObject(t) && De(t).forEach(function(n) {
+    o[n] = de(t[n], i);
+  }), De(e).forEach(function(n) {
+    Lt(t, n) || (Be(t, n) && i.isMergeableObject(e[n]) ? o[n] = _t(n, i)(t[n], e[n], i) : o[n] = de(e[n], i));
+  }), o;
+}
+function le(t, e, i) {
+  i = i || {}, i.arrayMerge = i.arrayMerge || At, i.isMergeableObject = i.isMergeableObject || wt, i.cloneUnlessOtherwiseSpecified = de;
+  var o = Array.isArray(e), n = Array.isArray(t), a = o === n;
+  return a ? o ? i.arrayMerge(t, e, i) : Ot(t, e, i) : de(e, i);
+}
+le.all = function(e, i) {
+  if (!Array.isArray(e))
+    throw new Error("first argument should be an array");
+  return e.reduce(function(o, n) {
+    return le(o, n, i);
+  }, {});
+};
+var Rt = le, It = Rt;
+const Te = /* @__PURE__ */ yt(It);
+function Pe(t) {
+  var b;
+  const e = I(18), {
+    chipProps: i,
+    value: o,
+    labels: n,
+    onChipToggle: a,
+    onDelete: r
+  } = t, s = o.visible ? "active" : "inactive", c = ((b = n == null ? void 0 : n.tooltip) == null ? void 0 : b[s]) ?? E.chip.tooltip[s], u = i == null ? void 0 : i.TooltipProps;
+  let d;
+  e[0] === Symbol.for("react.memo_cache_sentinel") ? (d = {
+    ...G.chip.chip
+  }, e[0] = d) : d = e[0];
+  const m = o.visible ? "secondary" : "default";
+  let f;
+  e[1] !== r || e[2] !== o.id ? (f = () => r(o.id), e[1] = r, e[2] = o.id, e[3] = f) : f = e[3];
+  let h;
+  e[4] !== a || e[5] !== o.id || e[6] !== o.visible ? (h = () => a(o.id, !o.visible), e[4] = a, e[5] = o.id, e[6] = o.visible, e[7] = h) : h = e[7];
+  const M = i == null ? void 0 : i.ChipsProps;
+  let g;
+  e[8] !== m || e[9] !== f || e[10] !== h || e[11] !== M || e[12] !== o.label ? (g = /* @__PURE__ */ l(ze, { sx: d, color: m, size: "small", onDelete: f, label: o.label, onClick: h, ...M }), e[8] = m, e[9] = f, e[10] = h, e[11] = M, e[12] = o.label, e[13] = g) : g = e[13];
+  let w;
+  return e[14] !== c || e[15] !== u || e[16] !== g ? (w = /* @__PURE__ */ l(re, { title: c, placement: "bottom", ...u, children: g }), e[14] = c, e[15] = u, e[16] = g, e[17] = w) : w = e[17], w;
+}
+function oo({
+  enabled: t,
+  values: e = [],
+  actionProps: i,
+  chipProps: o,
+  labels: n,
+  modes: a,
+  modesMapping: r,
+  modeSelected: s,
+  PaperProps: {
+    sx: c,
+    ...u
+  } = {},
+  onActionToggle: d,
+  onChipToggle: m,
+  onDelete: f,
+  onChangeMode: h,
+  onAllChipToggle: M,
+  onAllDelete: g
+}) {
+  const w = Ce(() => Te(a, r), [a, r]), {
+    edit: b,
+    ...C
+  } = w, D = (v) => (d(!1), f(v)), S = (v) => d(v), A = (v) => h == null ? void 0 : h(v), y = (s ?? "") in a ? s : Object.keys(w)[0], p = w[y], x = Object.values(C);
+  return /* @__PURE__ */ _(we, { sx: {
+    ...G.container,
+    ...c
+  }, ...u, children: [
+    /* @__PURE__ */ l(Zt, { actionProps: i, labels: n == null ? void 0 : n.action, enabled: t, onActionToggle: S, children: (p == null ? void 0 : p.icon) && /* @__PURE__ */ l(p.icon, {}) }),
+    /* @__PURE__ */ l(je, { children: (v) => /* @__PURE__ */ _(P, { children: [
+      /* @__PURE__ */ l(kt, { data: x, labels: n == null ? void 0 : n.options, children: /* @__PURE__ */ l(Le, { ...v, labels: n == null ? void 0 : n.options, data: x, modeSelected: y, onChangeMode: A }) }),
+      !!b && /* @__PURE__ */ _(P, { children: [
+        /* @__PURE__ */ l(Y, {}),
+        /* @__PURE__ */ l(Le, { ...v, labels: n == null ? void 0 : n.options, data: [{
+          ...b,
+          disabled: !e.length
+        }], modeSelected: y, onChangeMode: A })
+      ] })
+    ] }) }),
+    !!e.length && /* @__PURE__ */ l(ee, { sx: G.chip.container, children: e.map((v) => /* @__PURE__ */ l(Pe, { value: v, labels: n == null ? void 0 : n.chip, chipProps: o, onDelete: D, onChipToggle: m }, v.id)) }),
+    /* @__PURE__ */ l(Bt, { values: e, labels: n == null ? void 0 : n.actions, onAllChipToggle: M, onAllDelete: g })
+  ] });
+}
+function Zt(t) {
+  var h;
+  const e = I(12), {
+    actionProps: i,
+    labels: o,
+    enabled: n,
+    children: a,
+    onActionToggle: r
+  } = t, s = n ? "active" : "inactive", c = ((h = o == null ? void 0 : o.tooltip) == null ? void 0 : h[s]) ?? E.action.tooltip[s], u = i == null ? void 0 : i.TooltipProps;
+  let d;
+  e[0] !== n || e[1] !== r ? (d = () => r(!n), e[0] = n, e[1] = r, e[2] = d) : d = e[2];
+  let m;
+  e[3] !== c || e[4] !== a || e[5] !== n || e[6] !== d ? (m = /* @__PURE__ */ l(se, { value: "toggle", sx: G.actions.icon, onClick: d, "aria-label": c, selected: n, children: a }), e[3] = c, e[4] = a, e[5] = n, e[6] = d, e[7] = m) : m = e[7];
+  let f;
+  return e[8] !== c || e[9] !== u || e[10] !== m ? (f = /* @__PURE__ */ l(re, { title: c, placement: "right", ...u, children: m }), e[8] = c, e[9] = u, e[10] = m, e[11] = f) : f = e[11], f;
+}
+function je({
+  TriggerProps: {
+    Icon: t = /* @__PURE__ */ l(ot, {}),
+    sx: e
+  } = {},
+  MenuProps: i,
+  children: o
+}) {
+  const [n, a] = ne(null), r = !!n, s = (u) => {
+    a(u.currentTarget);
+  }, c = () => {
+    a(null);
+  };
+  return /* @__PURE__ */ _(P, { children: [
+    /* @__PURE__ */ l(Q, { sx: {
+      ...G.options.icon,
+      ...e
+    }, onClick: s, children: t }),
+    /* @__PURE__ */ l(Ie, { id: "lasso-menu", anchorEl: n, open: r, onClose: c, MenuListProps: {
+      "aria-labelledby": "lasso-button",
+      sx: G.options.menu
+    }, ...i, children: /* @__PURE__ */ l("div", { children: o({
+      onClose: c
+    }) }) })
+  ] });
+}
+function kt(t) {
+  var c;
+  const e = I(5), {
+    data: i,
+    labels: o,
+    children: n
+  } = t;
+  if (i.length <= 1)
+    return null;
+  const a = ((c = o == null ? void 0 : o.mode) == null ? void 0 : c.title) ?? E.options.mode.title;
+  let r;
+  e[0] !== a ? (r = /* @__PURE__ */ l(H, { variant: "subtitle2", color: "text.secondary", sx: G.options.title, children: a }), e[0] = a, e[1] = r) : r = e[1];
+  let s;
+  return e[2] !== n || e[3] !== r ? (s = /* @__PURE__ */ _(P, { children: [
+    r,
+    n
+  ] }), e[2] = n, e[3] = r, e[4] = s) : s = e[4], s;
+}
+function Le({
+  data: t,
+  modeSelected: e,
+  labels: i,
+  onChangeMode: o,
+  onClose: n
+}) {
+  const a = (r, s) => {
+    r.preventDefault(), o == null || o(s), n();
+  };
+  return t.map((r) => {
+    var u;
+    const c = (((u = i == null ? void 0 : i.mode) == null ? void 0 : u.options) ?? E.options.mode.options)[r.value];
+    return /* @__PURE__ */ _(ce, { disabled: !!r.disabled, onClick: (d) => a(d, r.value), selected: r.value === e, children: [
+      /* @__PURE__ */ l(Ze, { sx: G.options.icons, children: /* @__PURE__ */ l(Me, { children: /* @__PURE__ */ l(r.icon, {}) }) }),
+      /* @__PURE__ */ l(ae, { children: c })
+    ] }, r.value);
+  });
+}
+function Bt(t) {
+  var h, M;
+  const e = I(8), {
+    values: i,
+    labels: o,
+    onAllChipToggle: n,
+    onAllDelete: a
+  } = t;
+  if (i.length <= 1)
+    return null;
+  const s = i.some(Pt) ? ((h = o == null ? void 0 : o.toggleAll) == null ? void 0 : h.active) ?? E.actions.toggleAll.active : ((M = o == null ? void 0 : o.toggleAll) == null ? void 0 : M.inactive) ?? E.actions.toggleAll.inactive, c = (o == null ? void 0 : o.deleteAll) ?? E.actions.deleteAll;
+  let u;
+  e[0] === Symbol.for("react.memo_cache_sentinel") ? (u = /* @__PURE__ */ l(Y, { orientation: "vertical", flexItem: !0 }), e[0] = u) : u = e[0];
+  let d, m;
+  e[1] === Symbol.for("react.memo_cache_sentinel") ? (d = {
+    Icon: /* @__PURE__ */ l(it, {}),
+    sx: G.options.more
+  }, m = {
+    anchorOrigin: {
+      vertical: "bottom",
+      horizontal: "right"
+    },
+    transformOrigin: {
+      vertical: "top",
+      horizontal: "right"
+    }
+  }, e[1] = d, e[2] = m) : (d = e[1], m = e[2]);
+  let f;
+  return e[3] !== c || e[4] !== n || e[5] !== a || e[6] !== s ? (f = /* @__PURE__ */ _(P, { children: [
+    u,
+    /* @__PURE__ */ l(je, { TriggerProps: d, MenuProps: m, children: (g) => /* @__PURE__ */ _(P, { children: [
+      /* @__PURE__ */ l(ce, { color: "inherit", onClick: () => {
+        n(), g.onClose();
+      }, children: s }),
+      /* @__PURE__ */ l(Y, {}),
+      /* @__PURE__ */ l(ce, { color: "error", onClick: () => {
+        a(), g.onClose();
+      }, children: /* @__PURE__ */ l(H, { variant: "body2", color: "error", children: c }) })
+    ] }) })
+  ] }), e[3] = c, e[4] = n, e[5] = a, e[6] = s, e[7] = f) : f = e[7], f;
+}
+function Pt(t) {
+  return t.visible;
+}
+function io({
+  enabled: t,
+  values: e = [],
+  chipProps: i,
+  labels: o,
+  modes: n,
+  modesMapping: a,
+  modeSelected: r,
+  BoxProps: {
+    sx: s,
+    ...c
+  } = {},
+  onChipToggle: u,
+  onDelete: d,
+  onChangeMode: m,
+  onAllChipToggle: f,
+  onAllDelete: h
+}) {
+  const M = Ce(() => Te(n, a), [n, a]), {
+    edit: g,
+    ...w
+  } = M, b = (y) => d(y), C = (y, p) => {
+    y.preventDefault(), m == null || m(p);
+  }, S = (r ?? "") in n ? r : Object.keys(M)[0], A = t ? M[S] : null, T = Object.values(w);
+  return /* @__PURE__ */ _(ee, { sx: {
+    ...G.container,
+    ...s
+  }, ...c, className: "inline", children: [
+    /* @__PURE__ */ l(jt, { data: T, labels: o == null ? void 0 : o.options, children: /* @__PURE__ */ _(ke, { value: A == null ? void 0 : A.value, exclusive: !0, className: "inline", sx: G.options.menu, onChange: C, children: [
+      /* @__PURE__ */ l(Oe, { labels: o == null ? void 0 : o.options, data: T }),
+      !!g && /* @__PURE__ */ _(P, { children: [
+        /* @__PURE__ */ l(Y, { orientation: "vertical" }),
+        /* @__PURE__ */ l(Oe, { labels: o == null ? void 0 : o.options, data: [{
+          ...g,
+          disabled: !e.length
+        }] })
+      ] })
+    ] }) }),
+    /* @__PURE__ */ l(Y, { flexItem: !0 }),
+    /* @__PURE__ */ l(Et, { hasValues: !!e.length, labels: o == null ? void 0 : o.noData }),
+    !!e.length && /* @__PURE__ */ l(ee, { sx: G.chip.container, className: "inline", children: e.map((y) => /* @__PURE__ */ l(Pe, { value: y, labels: o == null ? void 0 : o.chip, chipProps: i, onDelete: b, onChipToggle: u }, y.id)) }),
+    /* @__PURE__ */ l($t, { values: e, labels: o == null ? void 0 : o.actions, onAllChipToggle: f, onAllDelete: h })
+  ] });
+}
+function jt(t) {
+  var c;
+  const e = I(5), {
+    data: i,
+    labels: o,
+    children: n
+  } = t;
+  if (i.length <= 1)
+    return null;
+  const a = ((c = o == null ? void 0 : o.mode) == null ? void 0 : c.title) ?? E.options.mode.title;
+  let r;
+  e[0] !== a ? (r = /* @__PURE__ */ l(H, { variant: "subtitle2", color: "text.secondary", sx: G.options.title, className: "inline", children: a }), e[0] = a, e[1] = r) : r = e[1];
+  let s;
+  return e[2] !== n || e[3] !== r ? (s = /* @__PURE__ */ _(P, { children: [
+    r,
+    n
+  ] }), e[2] = n, e[3] = r, e[4] = s) : s = e[4], s;
+}
+function Oe({
+  data: t,
+  labels: e
+}) {
+  return t.map((i) => {
+    var a;
+    const n = (((a = e == null ? void 0 : e.mode) == null ? void 0 : a.options) ?? E.options.mode.options)[i.value];
+    return /* @__PURE__ */ l(re, { title: n, placement: "bottom", children: /* @__PURE__ */ l(se, { disabled: !!i.disabled, value: i.value, "aria-label": i.value, children: /* @__PURE__ */ l(Me, { children: /* @__PURE__ */ l(i.icon, {}) }) }) }, i.value);
+  });
+}
+function Et(t) {
+  const e = I(7), {
+    hasValues: i,
+    labels: o
+  } = t;
+  if (i)
+    return null;
+  const n = (o == null ? void 0 : o.title) ?? E.noData.title, a = (o == null ? void 0 : o.description) ?? E.noData.description;
+  let r;
+  e[0] !== n ? (r = /* @__PURE__ */ l(H, { variant: "body1", color: "textSecondary", children: n }), e[0] = n, e[1] = r) : r = e[1];
+  let s;
+  e[2] !== a ? (s = /* @__PURE__ */ l(H, { variant: "body2", color: "textSecondary", children: a }), e[2] = a, e[3] = s) : s = e[3];
+  let c;
+  return e[4] !== r || e[5] !== s ? (c = /* @__PURE__ */ _(P, { children: [
+    r,
+    s
+  ] }), e[4] = r, e[5] = s, e[6] = c) : c = e[6], c;
+}
+function $t(t) {
+  var f, h;
+  const e = I(9), {
+    values: i,
+    labels: o,
+    onAllChipToggle: n,
+    onAllDelete: a
+  } = t;
+  if (i.length <= 1)
+    return null;
+  const s = i.some(Ut) ? ((f = o == null ? void 0 : o.toggleAll) == null ? void 0 : f.active) ?? E.actions.toggleAll.active : ((h = o == null ? void 0 : o.toggleAll) == null ? void 0 : h.inactive) ?? E.actions.toggleAll.inactive, c = (o == null ? void 0 : o.deleteAll) ?? E.actions.deleteAll;
+  let u;
+  e[0] !== n || e[1] !== s ? (u = /* @__PURE__ */ l(ye, { color: "inherit", onClick: n, children: s }), e[0] = n, e[1] = s, e[2] = u) : u = e[2];
+  let d;
+  e[3] !== c || e[4] !== a ? (d = /* @__PURE__ */ l(ye, { color: "error", onClick: a, children: c }), e[3] = c, e[4] = a, e[5] = d) : d = e[5];
+  let m;
+  return e[6] !== u || e[7] !== d ? (m = /* @__PURE__ */ _(ee, { children: [
+    u,
+    d
+  ] }), e[6] = u, e[7] = d, e[8] = m) : m = e[8], m;
+}
+function Ut(t) {
+  return t.visible;
+}
+const q = {
+  action: {
+    tooltip: {
+      active: "Click on the map to trace the line you want to measure",
+      inactive: "Click on the map to trace the line you want to measure"
+    }
+  },
+  chip: {
+    tooltip: {
+      active: "Hide measure",
+      inactive: "Show measure"
+    }
+  },
+  options: {
+    mode: {
+      title: "Choose a measuring tool",
+      options: {
+        distance: "Measure distance",
+        buffer: "Buffer distance",
+        area: "Area"
+      }
+    },
+    units: {
+      title: "Unit of measurement",
+      modal: {
+        title: "Map Measurement Unit",
+        subtitle: "Select the unit of measurement for your measurements",
+        apply: "Save",
+        options: {
+          metric: {
+            title: "Meters and Kilometers",
+            options: {
+              "m-km": "Auto",
+              kilometer: "Kilometers",
+              meter: "Meter",
+              centimeter: "Centimeter",
+              milimeter: "Milimeter"
+            }
+          },
+          imperial: {
+            title: "Feet and Miles",
+            options: {
+              "ft-mi": "Auto",
+              mile: "Mile",
+              feet: "Feet",
+              yard: "Yard"
+            }
+          }
+        }
+      }
+    }
+  }
+}, Vt = {
+  "m-km": {
+    short: "m-km"
+  },
+  kilometer: {
+    short: "km"
+  },
+  meter: {
+    short: "m"
+  },
+  centimeter: {
+    short: "cm"
+  },
+  milimeter: {
+    short: "mm"
+  },
+  "ft-mi": {
+    short: "ft-mi"
+  },
+  mile: {
+    short: "mi"
+  },
+  yard: {
+    short: "yd"
+  },
+  feet: {
+    short: "ft"
+  }
+};
+function no(t) {
+  const e = I(3);
+  let i;
+  e[0] === Symbol.for("react.memo_cache_sentinel") ? (i = /* @__PURE__ */ l("path", { fill: "currentColor", d: "M3 13.5c-.413 0-.766-.147-1.06-.44A1.445 1.445 0 0 1 1.5 12V6c0-.412.147-.766.44-1.06.294-.293.647-.44 1.06-.44h12c.412 0 .766.147 1.06.44.293.294.44.647.44 1.06v6c0 .412-.147.766-.44 1.06-.294.293-.647.44-1.06.44H3ZM3 12h12V6h-2.25v3h-1.5V6h-1.5v3h-1.5V6h-1.5v3h-1.5V6H3v6Z" }), e[0] = i) : i = e[0];
+  let o;
+  return e[1] !== t ? (o = /* @__PURE__ */ l("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 18 18", fill: "currentColor", ...t, children: i }), e[1] = t, e[2] = o) : o = e[2], o;
+}
+function lo(t) {
+  const e = I(3);
+  let i;
+  e[0] === Symbol.for("react.memo_cache_sentinel") ? (i = /* @__PURE__ */ l("path", { fill: "currentColor", fillRule: "evenodd", d: "M9 1.5a7.5 7.5 0 1 1 0 15 7.5 7.5 0 0 1 0-15ZM9 3a6 6 0 1 0 0 12A6 6 0 0 0 9 3Zm0 4.5a1.5 1.5 0 1 1 0 3 1.5 1.5 0 0 1 0-3Z", clipRule: "evenodd" }), e[0] = i) : i = e[0];
+  let o;
+  return e[1] !== t ? (o = /* @__PURE__ */ l("svg", { fill: "none", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 18 18", ...t, children: i }), e[1] = t, e[2] = o) : o = e[2], o;
+}
+function ro(t) {
+  const e = I(4);
+  let i, o;
+  e[0] === Symbol.for("react.memo_cache_sentinel") ? (i = /* @__PURE__ */ l("path", { fill: "currentColor", fillRule: "evenodd", d: "M4.5 13.5v-9h9v9h-9Zm.75-8.25h7.5v7.5h-7.5v-7.5Z", clipRule: "evenodd" }), o = /* @__PURE__ */ l("path", { fill: "#2C3032", fillRule: "evenodd", d: "M1.5 3A1.5 1.5 0 0 1 3 1.5h12A1.5 1.5 0 0 1 16.5 3v12a1.5 1.5 0 0 1-1.5 1.5H3A1.5 1.5 0 0 1 1.5 15V3ZM3 3h12v12H3V3Z", clipRule: "evenodd" }), e[0] = i, e[1] = o) : (i = e[0], o = e[1]);
+  let n;
+  return e[2] !== t ? (n = /* @__PURE__ */ _("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 18 18", ...t, children: [
+    i,
+    o
+  ] }), e[2] = t, e[3] = n) : n = e[3], n;
+}
+const V = {
+  container: {
+    display: "flex",
+    flexDirection: "row",
+    alignItems: "center",
+    justifyContent: "flex-start",
+    gap: ({
+      spacing: t
+    }) => t(1),
+    overflow: "hidden"
+  },
+  actions: {
+    icon: {
+      width: ({
+        spacing: t
+      }) => t(4),
+      height: ({
+        spacing: t
+      }) => t(4),
+      borderRadius: 0,
+      ".MuiTouchRipple-ripple .MuiTouchRipple-child": {
+        borderRadius: 0
+      }
+    }
+  },
+  options: {
+    menu: {
+      marginTop: ({
+        spacing: t
+      }) => t(1)
+    },
+    icon: {
+      width: ({
+        spacing: t
+      }) => t(3)
+    },
+    title: {
+      paddingX: ({
+        spacing: t
+      }) => t(2),
+      paddingY: ({
+        spacing: t
+      }) => t(0.5)
+    },
+    icons: {
+      color: ({
+        palette: t
+      }) => t.text.primary
+    },
+    tag: {
+      borderRadius: ({
+        spacing: t
+      }) => t(0.25),
+      border: "1px solid",
+      borderColor: ({
+        palette: t
+      }) => t.primary.main,
+      paddingX: ({
+        spacing: t
+      }) => t(0.5),
+      color: ({
+        palette: t
+      }) => t.primary.main,
+      backgroundColor: ({
+        palette: t
+      }) => Re(t.primary.main, 0.08)
+    },
+    modal: {
+      toggle: {
+        boxShadow: "none",
+        backgroundColor: "#F8F9F9",
+        padding: ({
+          spacing: t
+        }) => t(0.5),
+        marginTop: ({
+          spacing: t
+        }) => t(2),
+        marginBottom: ({
+          spacing: t
+        }) => t(1),
+        ".MuiToggleButtonGroup-grouped": ({
+          typography: t
+        }) => ({
+          ...t.caption,
+          fontWeight: 500,
+          margin: 0,
+          "&:first-of-type:not(.MuiDivider-root)": {
+            marginLeft: 0
+          }
+        })
+      },
+      subtitle: ({
+        typography: t,
+        palette: e
+      }) => ({
+        ...t.body2,
+        color: e.text.secondary
+      }),
+      optionsGroup: {
+        marginLeft: ({
+          spacing: t
+        }) => t(1),
+        ".MuiTypography-root": ({
+          typography: t
+        }) => ({
+          ...t.body2
+        })
+      },
+      title: {
+        display: "flex",
+        justifyContent: "space-between",
+        alignItems: "center",
+        padding: ({
+          spacing: t
+        }) => t(2)
+      },
+      content: {
+        paddingX: ({
+          spacing: t
+        }) => t(2),
+        minWidth: ({
+          spacing: t
+        }) => t(50)
+      },
+      actions: {
+        paddingX: ({
+          spacing: t
+        }) => t(2)
+      }
+    }
+  },
+  chip: {
+    chip: {
+      marginRight: ({
+        spacing: t
+      }) => t(0.5)
+    },
+    disabled: {
+      opacity: ({
+        palette: t
+      }) => t.action.disabledOpacity
+    }
+  }
+};
+function co(t) {
+  const e = I(46), {
+    enabled: i,
+    actionProps: o,
+    labels: n,
+    modes: a,
+    modesMapping: r,
+    unitsMapping: s,
+    modeSelected: c,
+    PaperProps: u,
+    units: d,
+    unitSelected: m,
+    onActionToggle: f,
+    onChangeMode: h,
+    onChangeUnit: M
+  } = t, g = s === void 0 ? Vt : s;
+  let w;
+  e[0] !== u ? (w = u === void 0 ? {} : u, e[0] = u, e[1] = w) : w = e[1];
+  let b, C;
+  e[2] !== w ? ({
+    sx: C,
+    ...b
+  } = w, e[2] = w, e[3] = b, e[4] = C) : (b = e[3], C = e[4]);
+  let D;
+  e[5] !== f ? (D = (z) => f(!!z), e[5] = f, e[6] = D) : D = e[6];
+  const S = D;
+  let A, T;
+  e[7] !== a || e[8] !== r ? (T = Te(a, r), e[7] = a, e[8] = r, e[9] = T) : T = e[9], A = T;
+  const y = A, p = (c ?? "") in y;
+  let x;
+  e[10] !== y || e[11] !== p || e[12] !== c ? (x = p ? c : Object.keys(y)[0], e[10] = y, e[11] = p, e[12] = c, e[13] = x) : x = e[13];
+  const v = x, O = y[v];
+  let R;
+  const L = d[v];
+  let Z;
+  e[14] !== v || e[15] !== L || e[16] !== d ? (Z = Object.keys(d).length >= 1 ? d : {
+    [v]: L.slice(0, 1)
+  }, e[14] = v, e[15] = L, e[16] = d, e[17] = Z) : Z = e[17];
+  const B = Z[v];
+  let k;
+  if (e[18] !== B || e[19] !== g) {
+    let z;
+    e[21] !== g ? (z = (xe) => ({
+      ...xe,
+      ...g[xe.value]
+    }), e[21] = g, e[22] = z) : z = e[22], k = B.map(z), e[18] = B, e[19] = g, e[20] = k;
+  } else
+    k = e[20];
+  R = k;
+  const F = R;
+  let $;
+  e[23] !== C ? ($ = {
+    ...V.container,
+    ...C
+  }, e[23] = C, e[24] = $) : $ = e[24];
+  const te = n == null ? void 0 : n.action, oe = O == null ? void 0 : O.icon;
+  let N;
+  e[25] !== o || e[26] !== i || e[27] !== S || e[28] !== te || e[29] !== oe ? (N = /* @__PURE__ */ l(Gt, { actionProps: o, labels: te, enabled: i, onActionToggle: S, children: oe }), e[25] = o, e[26] = i, e[27] = S, e[28] = te, e[29] = oe, e[30] = N) : N = e[30];
+  const ie = n == null ? void 0 : n.options;
+  let X;
+  e[31] !== F || e[32] !== y || e[33] !== v || e[34] !== h || e[35] !== M || e[36] !== ie || e[37] !== m ? (X = /* @__PURE__ */ l(Ft, { labels: ie, modes: y, modeSelected: v, units: F, unitSelected: m, onChangeMode: h, onChangeUnit: M }), e[31] = F, e[32] = y, e[33] = v, e[34] = h, e[35] = M, e[36] = ie, e[37] = m, e[38] = X) : X = e[38];
+  let W;
+  e[39] !== N || e[40] !== X ? (W = /* @__PURE__ */ _(ee, { children: [
+    N,
+    X
+  ] }), e[39] = N, e[40] = X, e[41] = W) : W = e[41];
+  let K;
+  return e[42] !== b || e[43] !== $ || e[44] !== W ? (K = /* @__PURE__ */ l(we, { sx: $, ...b, children: W }), e[42] = b, e[43] = $, e[44] = W, e[45] = K) : K = e[45], K;
+}
+function Gt(t) {
+  var h;
+  const e = I(12), {
+    actionProps: i,
+    labels: o,
+    enabled: n,
+    children: a,
+    onActionToggle: r
+  } = t, s = n ? "active" : "inactive", c = ((h = o == null ? void 0 : o.tooltip) == null ? void 0 : h[s]) ?? q.action.tooltip[s], u = i == null ? void 0 : i.TooltipProps;
+  let d;
+  e[0] !== n || e[1] !== r ? (d = () => r(!n), e[0] = n, e[1] = r, e[2] = d) : d = e[2];
+  let m;
+  e[3] !== c || e[4] !== a || e[5] !== n || e[6] !== d ? (m = /* @__PURE__ */ l(se, { value: "toggle", sx: V.actions.icon, onClick: d, "aria-label": c, selected: n, children: a }), e[3] = c, e[4] = a, e[5] = n, e[6] = d, e[7] = m) : m = e[7];
+  let f;
+  return e[8] !== c || e[9] !== u || e[10] !== m ? (f = /* @__PURE__ */ l(re, { title: c, placement: "right", ...u, children: m }), e[8] = c, e[9] = u, e[10] = m, e[11] = f) : f = e[11], f;
+}
+function Ft(t) {
+  var F, $, te, oe, N, ie, X, W;
+  const e = I(68), {
+    modes: i,
+    modeSelected: o,
+    units: n,
+    unitSelected: a,
+    labels: r,
+    onChangeMode: s,
+    onChangeUnit: c
+  } = t, [u, d] = ne(null), [m, f] = ne(!1);
+  let h, M, g, w, b, C, D, S, A, T, y, p, x, v, O, R;
+  if (e[0] !== u || e[1] !== ((F = r == null ? void 0 : r.mode) == null ? void 0 : F.options) || e[2] !== (($ = r == null ? void 0 : r.mode) == null ? void 0 : $.title) || e[3] !== ((te = r == null ? void 0 : r.units) == null ? void 0 : te.title) || e[4] !== o || e[5] !== i || e[6] !== s || e[7] !== c || e[8] !== a || e[9] !== n) {
+    x = Symbol.for("react.early_return_sentinel");
+    e: {
+      const K = Object.values(i);
+      let z;
+      if (e[26] !== n ? (z = Object.values(n), e[26] = n, e[27] = z) : z = e[27], R = z, !(K.length > 1 || R.length > 1)) {
+        x = null;
+        break e;
+      }
+      const Ee = !!u;
+      let ue;
+      e[28] === Symbol.for("react.memo_cache_sentinel") ? (ue = (U) => {
+        d(U.currentTarget);
+      }, e[28] = ue) : ue = e[28];
+      const $e = ue;
+      let me;
+      e[29] === Symbol.for("react.memo_cache_sentinel") ? (me = () => {
+        d(null);
+      }, e[29] = me) : me = e[29];
+      const Se = me;
+      let he;
+      e[30] !== s ? (he = (U, Ae) => {
+        U.preventDefault(), s(Ae.value), Se();
+      }, e[30] = s, e[31] = he) : he = e[31];
+      const Ue = he;
+      let fe;
+      e[32] === Symbol.for("react.memo_cache_sentinel") ? (fe = () => {
+        f(!0);
+      }, e[32] = fe) : fe = e[32], g = fe;
+      let pe;
+      e[33] === Symbol.for("react.memo_cache_sentinel") ? (pe = () => {
+        f(!1);
+      }, e[33] = pe) : pe = e[33], w = pe;
+      let ge;
+      e[34] !== c ? (ge = (U) => {
+        w(), c(U);
+      }, e[34] = c, e[35] = ge) : ge = e[35], M = ge;
+      const Ve = ((oe = r == null ? void 0 : r.mode) == null ? void 0 : oe.title) ?? q.options.mode.title;
+      O = ((N = r == null ? void 0 : r.units) == null ? void 0 : N.title) ?? q.options.units.title, b = K.length > 1 && R.length > 1;
+      let ve;
+      e[36] !== a || e[37] !== n ? (ve = n.find((U) => U.value === a) ?? n[0], e[36] = a, e[37] = n, e[38] = ve) : ve = e[38], v = ve, e[39] === Symbol.for("react.memo_cache_sentinel") ? (p = /* @__PURE__ */ l(Q, { sx: V.options.icon, onClick: $e, children: /* @__PURE__ */ l(ct, {}) }), e[39] = p) : p = e[39], h = Ie, D = "measurement-menu", S = u, A = Ee, T = Se, e[40] === Symbol.for("react.memo_cache_sentinel") ? (y = {
+        "aria-labelledby": "basic-button",
+        sx: V.options.menu
+      }, e[40] = y) : y = e[40], C = K.length > 1 && /* @__PURE__ */ _(P, { children: [
+        /* @__PURE__ */ l(H, { variant: "subtitle2", color: "text.secondary", sx: V.options.title, children: Ve }),
+        K.map((U) => {
+          var _e;
+          const Ge = (((_e = r == null ? void 0 : r.mode) == null ? void 0 : _e.options) ?? q.options.mode.options)[U.value];
+          return /* @__PURE__ */ _(ce, { onClick: (Fe) => Ue(Fe, U), selected: U.value === o, children: [
+            /* @__PURE__ */ l(Ze, { sx: V.options.icons, children: /* @__PURE__ */ l(Me, { children: U.icon }) }),
+            /* @__PURE__ */ l(ae, { children: Ge })
+          ] }, U.value);
+        })
+      ] });
+    }
+    e[0] = u, e[1] = (ie = r == null ? void 0 : r.mode) == null ? void 0 : ie.options, e[2] = (X = r == null ? void 0 : r.mode) == null ? void 0 : X.title, e[3] = (W = r == null ? void 0 : r.units) == null ? void 0 : W.title, e[4] = o, e[5] = i, e[6] = s, e[7] = c, e[8] = a, e[9] = n, e[10] = h, e[11] = M, e[12] = g, e[13] = w, e[14] = b, e[15] = C, e[16] = D, e[17] = S, e[18] = A, e[19] = T, e[20] = y, e[21] = p, e[22] = x, e[23] = v, e[24] = O, e[25] = R;
+  } else
+    h = e[10], M = e[11], g = e[12], w = e[13], b = e[14], C = e[15], D = e[16], S = e[17], A = e[18], T = e[19], y = e[20], p = e[21], x = e[22], v = e[23], O = e[24], R = e[25];
+  if (x !== Symbol.for("react.early_return_sentinel"))
+    return x;
+  let L;
+  e[41] !== b ? (L = b && /* @__PURE__ */ l(Y, {}), e[41] = b, e[42] = L) : L = e[42];
+  let Z;
+  e[43] !== M || e[44] !== g || e[45] !== w || e[46] !== r || e[47] !== m || e[48] !== v || e[49] !== O || e[50] !== n || e[51] !== R.length ? (Z = R.length > 1 && /* @__PURE__ */ _(P, { children: [
+    /* @__PURE__ */ _(ce, { onClick: g, children: [
+      /* @__PURE__ */ l(ae, { children: O }),
+      /* @__PURE__ */ l(H, { variant: "caption", fontWeight: 500, sx: V.options.tag, children: v.short })
+    ] }),
+    /* @__PURE__ */ l(zt, { open: m, labels: r, units: n, unitSelectedValue: v, onClose: w, onSubmit: M })
+  ] }), e[43] = M, e[44] = g, e[45] = w, e[46] = r, e[47] = m, e[48] = v, e[49] = O, e[50] = n, e[51] = R.length, e[52] = Z) : Z = e[52];
+  let j;
+  e[53] !== C || e[54] !== Z || e[55] !== L ? (j = /* @__PURE__ */ _("div", { children: [
+    C,
+    L,
+    Z
+  ] }), e[53] = C, e[54] = Z, e[55] = L, e[56] = j) : j = e[56];
+  let B;
+  e[57] !== h || e[58] !== j || e[59] !== D || e[60] !== S || e[61] !== A || e[62] !== T || e[63] !== y ? (B = /* @__PURE__ */ l(h, { id: D, anchorEl: S, open: A, onClose: T, MenuListProps: y, children: j }), e[57] = h, e[58] = j, e[59] = D, e[60] = S, e[61] = A, e[62] = T, e[63] = y, e[64] = B) : B = e[64];
+  let k;
+  return e[65] !== B || e[66] !== p ? (k = /* @__PURE__ */ _(P, { children: [
+    p,
+    B
+  ] }), e[65] = B, e[66] = p, e[67] = k) : k = e[67], k;
+}
+function zt({
+  open: t,
+  labels: e,
+  units: i,
+  unitSelectedValue: o,
+  onClose: n,
+  onSubmit: a
+}) {
+  var w, b, C, D, S, A, T, y;
+  const [r, s] = ne("metric"), c = Ce(() => i.filter((p) => p.system === r), [r, i]), u = (p, x) => {
+    s(x);
+  }, d = ((b = (w = e == null ? void 0 : e.units) == null ? void 0 : w.modal) == null ? void 0 : b.options) ?? q.options.units.modal.options, m = d[r].options, f = ((D = (C = e == null ? void 0 : e.units) == null ? void 0 : C.modal) == null ? void 0 : D.title) ?? q.options.units.modal.title, h = ((A = (S = e == null ? void 0 : e.units) == null ? void 0 : S.modal) == null ? void 0 : A.subtitle) ?? q.options.units.modal.subtitle, M = ((y = (T = e == null ? void 0 : e.units) == null ? void 0 : T.modal) == null ? void 0 : y.apply) ?? q.options.units.modal.apply, g = o.system === r ? o : c[0];
+  return /* @__PURE__ */ _(He, { open: t, component: ee, onClose: n, maxWidth: "xs", PaperProps: {
+    component: "form",
+    onSubmit: (p) => {
+      p.preventDefault();
+      const x = new FormData(p.currentTarget);
+      a(x.get("unit-value"));
+    }
+  }, children: [
+    /* @__PURE__ */ _(Ne, { sx: V.options.modal.title, children: [
+      f,
+      /* @__PURE__ */ l(Q, { onClick: n, children: /* @__PURE__ */ l(rt, {}) })
+    ] }),
+    /* @__PURE__ */ _(Xe, { sx: V.options.modal.content, children: [
+      /* @__PURE__ */ l(H, { sx: V.options.modal.subtitle, children: h }),
+      /* @__PURE__ */ _(ke, { color: "primary", value: r, exclusive: !0, fullWidth: !0, onChange: u, "aria-label": "system", sx: V.options.modal.toggle, children: [
+        /* @__PURE__ */ l(se, { value: "metric", children: d.metric.title }),
+        /* @__PURE__ */ l(se, { value: "imperial", children: d.imperial.title })
+      ] }),
+      /* @__PURE__ */ l(We, { children: /* @__PURE__ */ l(Ke, { "aria-labelledby": "unit-value", defaultValue: g == null ? void 0 : g.value, name: "unit-value", sx: V.options.modal.optionsGroup, children: c.map((p) => {
+        const x = m[p.value];
+        return /* @__PURE__ */ l(Ye, { value: p.value, control: /* @__PURE__ */ l(qe, {}), label: x }, p.value);
+      }) }) }, g == null ? void 0 : g.value)
+    ] }),
+    /* @__PURE__ */ l(Je, { sx: V.options.modal.actions, children: /* @__PURE__ */ l(ye, { variant: "contained", type: "submit", children: M }) })
+  ] });
+}
+const Ht = {
+  enabled: "Show your current location",
+  disabled: "Location unavailable"
+}, Nt = "geolocation";
+function ao(t) {
+  const e = I(25), {
+    disabled: i,
+    labels: o,
+    PaperProps: n,
+    TooltipProps: a,
+    watch: r,
+    onChange: s,
+    onError: c
+  } = t, u = nt(null), d = "geolocation" in navigator, [m, f] = ne(d);
+  let h, M;
+  e[0] !== c ? (h = () => (d && navigator.permissions.query({
+    name: "geolocation"
+  }).then((L) => {
+    f(L.state === "granted"), L.onchange = () => {
+      f(L.state === "granted");
+    };
+  }).catch((L) => {
+    f(!1), c == null || c(L);
+  }), () => {
+    u.current && navigator.geolocation.clearWatch(u.current);
+  }), M = [d, c], e[0] = c, e[1] = h, e[2] = M) : (h = e[1], M = e[2]), lt(h, M);
+  let g;
+  e[3] !== s ? (g = (L) => {
+    s(L.coords);
+  }, e[3] = s, e[4] = g) : g = e[4];
+  const w = g;
+  let b;
+  e[5] !== c ? (b = (L) => {
+    f(!1), c == null || c(L);
+  }, e[5] = c, e[6] = b) : b = e[6];
+  const C = b;
+  let D;
+  e[7] !== C || e[8] !== w || e[9] !== r ? (D = () => {
+    if (u.current && navigator.geolocation.clearWatch(u.current), r) {
+      u.current = navigator.geolocation.watchPosition(w, C);
+      return;
+    }
+    navigator.geolocation.getCurrentPosition(w, C);
+  }, e[7] = C, e[8] = w, e[9] = r, e[10] = D) : D = e[10];
+  const S = D, T = ((o == null ? void 0 : o.tooltip) ?? Ht)[m ? "enabled" : "disabled"], y = (o == null ? void 0 : o.ariaLabel) ?? Nt, p = !d || i;
+  let x;
+  e[11] !== m ? (x = m ? /* @__PURE__ */ l(at, {}) : /* @__PURE__ */ l(st, {}), e[11] = m, e[12] = x) : x = e[12];
+  let v;
+  e[13] !== S || e[14] !== y || e[15] !== p || e[16] !== x ? (v = /* @__PURE__ */ l(Q, { onClick: S, "aria-label": y, disabled: p, children: x }), e[13] = S, e[14] = y, e[15] = p, e[16] = x, e[17] = v) : v = e[17];
+  let O;
+  e[18] !== a || e[19] !== v || e[20] !== T ? (O = /* @__PURE__ */ l(re, { arrow: !0, placement: "right", title: T, ...a, children: v }), e[18] = a, e[19] = v, e[20] = T, e[21] = O) : O = e[21];
+  let R;
+  return e[22] !== n || e[23] !== O ? (R = /* @__PURE__ */ l(we, { ...n, children: O }), e[22] = n, e[23] = O, e[24] = R) : R = e[24], R;
+}
+const be = {
+  zoom: {
+    position: "relative",
+    height: ({
+      spacing: t
+    }) => t(4),
+    aspectRatio: 1,
+    display: "flex",
+    alignItems: "center",
+    justifyContent: "center"
+  },
+  paper: {
+    display: "flex",
+    backgroundColor: ({
+      palette: t
+    }) => t.background.paper,
+    width: "auto",
+    overflow: "hidden",
+    boxShadow: ({
+      shadows: t
+    }) => t[1],
+    borderRadius: ({
+      spacing: t
+    }) => t(0.5),
+    button: {
+      borderRadius: 0
+    }
+  },
+  circularProgress: {
+    position: "absolute"
+  }
+};
+function so(t) {
+  const e = I(40), {
+    zoom: i,
+    disabled: o,
+    direction: n,
+    isLoading: a,
+    maxZoom: r,
+    minZoom: s,
+    PaperProps: c,
+    ResetViewProps: u,
+    showZoom: d,
+    onChange: m,
+    onReset: f
+  } = t, h = n === void 0 ? "vertical" : n, M = r === void 0 ? 24 : r, g = s === void 0 ? 0 : s;
+  let w;
+  e[0] !== u ? (w = u === void 0 ? {
+    Icon: dt
+  } : u, e[0] = u, e[1] = w) : w = e[1];
+  const b = w, C = d === void 0 ? !0 : d;
+  let D;
+  e[2] !== M || e[3] !== m || e[4] !== i ? (D = () => {
+    const $ = Math.min(M, i + 1);
+    m($);
+  }, e[2] = M, e[3] = m, e[4] = i, e[5] = D) : D = e[5];
+  const S = D;
+  let A;
+  e[6] !== g || e[7] !== m || e[8] !== i ? (A = () => {
+    const $ = Math.max(g, i - 1);
+    m($);
+  }, e[6] = g, e[7] = m, e[8] = i, e[9] = A) : A = e[9];
+  const T = A, y = Math.floor(i), p = h === "vertical" ? "horizontal" : "vertical", x = h === "vertical" ? "column" : "row";
+  let v;
+  e[10] !== x ? (v = {
+    ...be.paper,
+    flexDirection: x
+  }, e[10] = x, e[11] = v) : v = e[11];
+  let O;
+  e[12] !== b || e[13] !== o || e[14] !== p || e[15] !== f ? (O = f && /* @__PURE__ */ _(P, { children: [
+    /* @__PURE__ */ l(Q, { onClick: f, "aria-label": "Decrease zoom", disabled: o, children: /* @__PURE__ */ l(b.Icon, {}) }),
+    /* @__PURE__ */ l(Y, { orientation: p, flexItem: !0 })
+  ] }), e[12] = b, e[13] = o, e[14] = p, e[15] = f, e[16] = O) : O = e[16];
+  let R;
+  e[17] === Symbol.for("react.memo_cache_sentinel") ? (R = /* @__PURE__ */ l(ut, {}), e[17] = R) : R = e[17];
+  let L;
+  e[18] !== o || e[19] !== S ? (L = /* @__PURE__ */ l(Q, { onClick: S, "aria-label": "Increase zoom", disabled: o, children: R }), e[18] = o, e[19] = S, e[20] = L) : L = e[20];
+  let Z;
+  e[21] !== p ? (Z = /* @__PURE__ */ l(Y, { orientation: p, flexItem: !0 }), e[21] = p, e[22] = Z) : Z = e[22];
+  let j;
+  e[23] !== y || e[24] !== p || e[25] !== a || e[26] !== C ? (j = C && /* @__PURE__ */ _(P, { children: [
+    /* @__PURE__ */ _(ee, { sx: be.zoom, children: [
+      /* @__PURE__ */ l(H, { display: "block", align: "center", color: "textSecondary", variant: "overline", children: y }),
+      a && /* @__PURE__ */ l(Qe, { sx: be.circularProgress, variant: "indeterminate", size: 24 })
+    ] }),
+    /* @__PURE__ */ l(Y, { orientation: p, flexItem: !0 })
+  ] }), e[23] = y, e[24] = p, e[25] = a, e[26] = C, e[27] = j) : j = e[27];
+  let B;
+  e[28] === Symbol.for("react.memo_cache_sentinel") ? (B = /* @__PURE__ */ l(mt, {}), e[28] = B) : B = e[28];
+  let k;
+  e[29] !== T || e[30] !== o ? (k = /* @__PURE__ */ l(Q, { onClick: T, "aria-label": "Decrease zoom", disabled: o, children: B }), e[29] = T, e[30] = o, e[31] = k) : k = e[31];
+  let F;
+  return e[32] !== c || e[33] !== v || e[34] !== O || e[35] !== L || e[36] !== Z || e[37] !== j || e[38] !== k ? (F = /* @__PURE__ */ _(we, { sx: v, ...c, children: [
+    O,
+    L,
+    Z,
+    j,
+    k
+  ] }), e[32] = c, e[33] = v, e[34] = O, e[35] = L, e[36] = Z, e[37] = j, e[38] = k, e[39] = F) : F = e[39], F;
+}
+const J = {
+  firstColumn: {
+    flex: 2.5,
+    "& .MuiListItemText-primary": {
+      wordBreak: "break-word",
+      whiteSpace: "normal"
+    }
+  },
+  secondColumn: {
+    flex: 0.5,
+    textAlign: "right",
+    "& .MuiListItemText-primary": {
+      wordBreak: "break-word",
+      whiteSpace: "normal"
+    }
+  },
+  clickable: {
+    cursor: "pointer",
+    "&:hover": {
+      backgroundColor: ({
+        palette: t
+      }) => t.action.hover
+    }
+  },
+  button: {
+    mt: 2
+  },
+  showDivider: {
+    borderBottom: ({
+      palette: t
+    }) => `1px solid ${t.divider}`
+  },
+  selected: {
+    backgroundColor: ({
+      palette: t
+    }) => t.action.selected
+  },
+  disabled: {
+    opacity: 0.5,
+    cursor: "not-allowed"
+  }
+}, Xt = {
+  showMore: "Show More",
+  showLess: "Show Less"
+};
+function uo(t) {
+  const e = I(30), {
+    data: i,
+    itemsToShow: o,
+    labels: n,
+    showDivider: a,
+    selectedItemId: r,
+    tooltipProps: s,
+    onExpand: c,
+    onItemClick: u
+  } = t, d = o === void 0 ? 0 : o, m = n === void 0 ? Xt : n, f = a === void 0 ? !0 : a, [h, M] = ne(!1);
+  let g, w;
+  e[0] !== i || e[1] !== d || e[2] !== h ? (w = h || d === 0 ? i : i.slice(0, d), e[0] = i, e[1] = d, e[2] = h, e[3] = w) : w = e[3], g = w;
+  const b = g;
+  let C;
+  e[4] !== c || e[5] !== h ? (C = () => {
+    M(!h), c == null || c(h);
+  }, e[4] = c, e[5] = h, e[6] = C) : C = e[6];
+  const D = C;
+  if (b.length === 0) {
+    let p;
+    return e[7] === Symbol.for("react.memo_cache_sentinel") ? (p = /* @__PURE__ */ l(H, { variant: "body1", children: "No data" }), e[7] = p) : p = e[7], p;
+  }
+  let S;
+  if (e[8] !== b || e[9] !== u || e[10] !== r || e[11] !== f || e[12] !== s) {
+    let p;
+    e[14] !== u || e[15] !== r || e[16] !== f || e[17] !== s ? (p = (x, v) => /* @__PURE__ */ l(re, { followCursor: !1, placement: "top", arrow: !0, title: x.tooltipTitle, enterDelay: 10, ...s, children: /* @__PURE__ */ _(et, { sx: {
+      ...f && J.showDivider,
+      ...u && J.clickable,
+      ...r === x.id && J.selected,
+      ...x.disabled && J.disabled
+    }, onClick: () => {
+      x.disabled || u == null || u(x);
+    }, children: [
+      /* @__PURE__ */ l(ae, { primary: x.label, sx: J.firstColumn }),
+      /* @__PURE__ */ l(ae, { primary: x.value, sx: J.secondColumn })
+    ] }) }, `list-item-${v}`), e[14] = u, e[15] = r, e[16] = f, e[17] = s, e[18] = p) : p = e[18], S = b.map(p), e[8] = b, e[9] = u, e[10] = r, e[11] = f, e[12] = s, e[13] = S;
+  } else
+    S = e[13];
+  let A;
+  e[19] !== S ? (A = /* @__PURE__ */ l(tt, { id: "expandable-list", children: S }), e[19] = S, e[20] = A) : A = e[20];
+  let T;
+  e[21] !== i.length || e[22] !== D || e[23] !== d || e[24] !== m || e[25] !== h ? (T = i.length > d && /* @__PURE__ */ l(ye, { onClick: D, sx: J.button, variant: "text", color: "primary", "aria-expanded": h, "aria-controls": "expandable-list", children: h ? m.showLess : m.showMore }), e[21] = i.length, e[22] = D, e[23] = d, e[24] = m, e[25] = h, e[26] = T) : T = e[26];
+  let y;
+  return e[27] !== A || e[28] !== T ? (y = /* @__PURE__ */ _(P, { children: [
+    A,
+    T
+  ] }), e[27] = A, e[28] = T, e[29] = y) : y = e[29], y;
+}
+export {
+  ro as AreaIcon,
+  lo as BufferIcon,
+  to as DEFAULT_LASSO_TOOLS_MODES_MAPPING,
+  q as DEFAULT_MEASUREMENT_TOOLS_LABELS,
+  Vt as DEFAULT_MEASUREMENT_TOOLS_UNITS_MAPPING,
+  pt as DrawCircleIcon,
+  gt as DrawLassoIcon,
+  ht as DrawPolygonIcon,
+  ft as DrawSquareIcon,
+  ao as GeolocationControls,
+  E as LASSO_TOOLS_LABELS,
+  io as LassoToolsInlineUI,
+  oo as LassoToolsUI,
+  uo as ListDataUI,
+  co as MeasurementToolsUI,
+  no as RulerIcon,
+  vt as SelectToolIcon,
+  so as ZoomControlsUI
+};
+//# sourceMappingURL=components.js.map