@carto/ps-react-ui 4.2.7 → 5.0.0-widgets.1

package/dist/exports-Cr43OCul.js

@@ -0,0 +1,51 @@
+import { jsx as c } from "react/jsx-runtime";
+import a from "html2canvas";
+import { ImageOutlined as l } from "@mui/icons-material";
+import { SvgIcon as s } from "@mui/material";
+function d(e) {
+  const t = e == null ? "" : typeof e == "object" ? JSON.stringify(e) : String(e);
+  return /[",\n]/.test(t) ? `"${t.replace(/"/g, '""')}"` : t;
+}
+async function h(e) {
+  const t = e.map((n) => n.map(d).join(",")).join(`
+`), o = new Blob([t], {
+    type: "text/csv;charset=utf-8;"
+  });
+  return Promise.resolve(URL.createObjectURL(o));
+}
+const g = {
+  id: "csv",
+  label: "CSV",
+  icon: /* @__PURE__ */ c(s, { children: /* @__PURE__ */ c("svg", { xmlns: "http://www.w3.org/2000/svg", width: "18", height: "18", fill: "none", viewBox: "0 0 18 18", children: /* @__PURE__ */ c("path", { fill: "currentColor", d: "M4.313 11.25h2.25v-1.125H4.688v-2.25h1.875V6.75h-2.25a.726.726 0 0 0-.535.216.726.726 0 0 0-.216.534v3c0 .213.072.39.216.534a.726.726 0 0 0 .534.216Zm2.925 0h2.25c.212 0 .39-.072.534-.216a.726.726 0 0 0 .216-.534V9.375a.931.931 0 0 0-.216-.59.658.658 0 0 0-.534-.273H8.363v-.637h1.875V6.75h-2.25a.726.726 0 0 0-.535.216.726.726 0 0 0-.216.534v1.125c0 .213.072.403.216.572a.675.675 0 0 0 .534.253h1.126v.675H7.238v1.125Zm4.95 0h1.124l1.313-4.5H13.5l-.75 2.588L12 6.75h-1.125l1.313 4.5ZM3 15c-.413 0-.766-.147-1.06-.44a1.445 1.445 0 0 1-.44-1.06v-9c0-.412.147-.766.44-1.06C2.235 3.148 2.588 3 3 3h12c.412 0 .766.147 1.06.44.293.294.44.648.44 1.06v9c0 .412-.147.766-.44 1.06-.294.293-.647.44-1.06.44H3Zm0-1.5h12v-9H3v9Z" }) }) }),
+  modifier: h,
+  callback: (e) => {
+    URL.revokeObjectURL(e);
+  }
+};
+async function m(e) {
+  if (!e || typeof e == "function" || !e.current) {
+    console.warn("[CARTO downloadFileToPNG] Invalid ref passed to downloadFileToPNG. Expected a React ref object with a .current property pointing to an HTMLElement. Download aborted.");
+    return;
+  }
+  const o = e.current.cloneNode(!0);
+  o.querySelector(".widget-toolbar-container")?.remove(), o.querySelector(".widget-wrapper-actions")?.remove(), document.body.appendChild(o);
+  const n = o.getBoundingClientRect(), r = {
+    useCORS: !0,
+    scale: 2,
+    backgroundColor: "#fff",
+    width: n.width,
+    height: n.height
+  }, i = (await a(o, r)).toDataURL("image/png");
+  return document.body.removeChild(o), Promise.resolve(i);
+}
+const b = {
+  id: "png",
+  label: "PNG",
+  icon: /* @__PURE__ */ c(l, {}),
+  modifier: m
+};
+export {
+  g as a,
+  b as d
+};
+//# sourceMappingURL=exports-Cr43OCul.js.map

package/dist/exports-Cr43OCul.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"exports-Cr43OCul.js","sources":["../src/widgets/actions/download/exports.tsx"],"sourcesContent":["import type { Ref } from 'react'\nimport type { DownloadItem } from './types'\nimport html2canvas from 'html2canvas'\nimport { ImageOutlined } from '@mui/icons-material'\nimport { SvgIcon } from '@mui/material'\n\n// Helper to escape CSV cell values\nfunction escapeCSVCell<D>(value: D): string {\n  const str =\n    value == null\n      ? ''\n      : typeof value === 'object'\n        ? JSON.stringify(value)\n        : String(value)\n\n  // If the value contains a comma, quote, or newline, wrap in quotes and escape quotes\n  if (/[\",\\n]/.test(str)) {\n    return `\"${str.replace(/\"/g, '\"\"')}\"`\n  }\n  return str\n}\n\nasync function downloadFileToCSV<D>(data: D[][]) {\n  const csvContent = data\n    .map((row) => row.map(escapeCSVCell<D>).join(','))\n    .join('\\n')\n  const blob = new Blob([csvContent], { type: 'text/csv;charset=utf-8;' })\n  return Promise.resolve(URL.createObjectURL(blob))\n}\n\nexport const downloadToCSV: DownloadItem<unknown[][]> = {\n  id: 'csv',\n  label: 'CSV',\n  icon: (\n    <SvgIcon>\n      <svg\n        xmlns='http://www.w3.org/2000/svg'\n        width='18'\n        height='18'\n        fill='none'\n        viewBox='0 0 18 18'\n      >\n        <path\n          fill='currentColor'\n          d='M4.313 11.25h2.25v-1.125H4.688v-2.25h1.875V6.75h-2.25a.726.726 0 0 0-.535.216.726.726 0 0 0-.216.534v3c0 .213.072.39.216.534a.726.726 0 0 0 .534.216Zm2.925 0h2.25c.212 0 .39-.072.534-.216a.726.726 0 0 0 .216-.534V9.375a.931.931 0 0 0-.216-.59.658.658 0 0 0-.534-.273H8.363v-.637h1.875V6.75h-2.25a.726.726 0 0 0-.535.216.726.726 0 0 0-.216.534v1.125c0 .213.072.403.216.572a.675.675 0 0 0 .534.253h1.126v.675H7.238v1.125Zm4.95 0h1.124l1.313-4.5H13.5l-.75 2.588L12 6.75h-1.125l1.313 4.5ZM3 15c-.413 0-.766-.147-1.06-.44a1.445 1.445 0 0 1-.44-1.06v-9c0-.412.147-.766.44-1.06C2.235 3.148 2.588 3 3 3h12c.412 0 .766.147 1.06.44.293.294.44.648.44 1.06v9c0 .412-.147.766-.44 1.06-.294.293-.647.44-1.06.44H3Zm0-1.5h12v-9H3v9Z'\n        />\n      </svg>\n    </SvgIcon>\n  ),\n  modifier: downloadFileToCSV,\n  callback: (data) => {\n    URL.revokeObjectURL(data)\n  },\n}\n\nasync function downloadFileToPNG(ref: Ref<HTMLElement | null> | undefined) {\n  if (!ref || typeof ref === 'function' || !ref.current) {\n    // eslint-disable-next-line no-console\n    console.warn(\n      '[CARTO downloadFileToPNG] Invalid ref passed to downloadFileToPNG. ' +\n        'Expected a React ref object with a .current property pointing to an HTMLElement. ' +\n        'Download aborted.',\n    )\n    return\n  }\n\n  const element = ref.current\n  const clone = element.cloneNode(true) as HTMLElement\n\n  clone.querySelector('.widget-toolbar-container')?.remove()\n  clone.querySelector('.widget-wrapper-actions')?.remove()\n\n  document.body.appendChild(clone)\n\n  const rect = clone.getBoundingClientRect()\n\n  const opts = {\n    useCORS: true,\n    scale: 2,\n    backgroundColor: '#fff',\n    width: rect.width,\n    height: rect.height,\n  }\n\n  const canvasResult: HTMLCanvasElement = await html2canvas(clone, opts)\n\n  const result = canvasResult.toDataURL('image/png')\n\n  document.body.removeChild(clone)\n\n  return Promise.resolve(result)\n}\n\nexport const downloadToPNG: Omit<DownloadItem, 'modifier'> & {\n  modifier: (\n    ref: Ref<HTMLElement | null> | undefined,\n  ) => Promise<string | undefined>\n} = {\n  id: 'png',\n  label: 'PNG',\n  icon: <ImageOutlined />,\n  modifier: downloadFileToPNG,\n}\n"],"names":["escapeCSVCell","value","str","JSON","stringify","String","test","replace","downloadFileToCSV","data","csvContent","map","row","join","blob","Blob","type","Promise","resolve","URL","createObjectURL","downloadToCSV","id","label","icon","SvgIcon","jsx","modifier","callback","revokeObjectURL","downloadFileToPNG","ref","current","console","warn","clone","cloneNode","querySelector","remove","document","body","appendChild","rect","getBoundingClientRect","opts","useCORS","scale","backgroundColor","width","height","result","html2canvas","toDataURL","removeChild","downloadToPNG","ImageOutlined"],"mappings":";;;;AAOA,SAASA,EAAiBC,GAAkB;AAC1C,QAAMC,IACJD,KAAS,OACL,KACA,OAAOA,KAAU,WACfE,KAAKC,UAAUH,CAAK,IACpBI,OAAOJ,CAAK;AAGpB,SAAI,SAASK,KAAKJ,CAAG,IACZ,IAAIA,EAAIK,QAAQ,MAAM,IAAI,CAAC,MAE7BL;AACT;AAEA,eAAeM,EAAqBC,GAAa;AAC/C,QAAMC,IAAaD,EAChBE,IAAKC,CAAAA,MAAQA,EAAID,IAAIX,CAAgB,EAAEa,KAAK,GAAG,CAAC,EAChDA,KAAK;AAAA,CAAI,GACNC,IAAO,IAAIC,KAAK,CAACL,CAAU,GAAG;AAAA,IAAEM,MAAM;AAAA,EAAA,CAA2B;AACvE,SAAOC,QAAQC,QAAQC,IAAIC,gBAAgBN,CAAI,CAAC;AAClD;AAEO,MAAMO,IAA2C;AAAA,EACtDC,IAAI;AAAA,EACJC,OAAO;AAAA,EACPC,wBACGC,GAAA,EACC,UAAA,gBAAAC,EAAC,SACC,OAAM,8BACN,OAAM,MACN,QAAO,MACP,MAAK,QACL,SAAQ,aAER,UAAA,gBAAAA,EAAC,QAAA,EACC,MAAK,gBACL,GAAE,+sBAAA,CAA8sB,EAAA,CAEptB,EAAA,CACF;AAAA,EAEFC,UAAUnB;AAAAA,EACVoB,UAAWnB,CAAAA,MAAS;AAClBU,QAAIU,gBAAgBpB,CAAI;AAAA,EAC1B;AACF;AAEA,eAAeqB,EAAkBC,GAA0C;AACzE,MAAI,CAACA,KAAO,OAAOA,KAAQ,cAAc,CAACA,EAAIC,SAAS;AAErDC,YAAQC,KACN,uKAGF;AACA;AAAA,EACF;AAGA,QAAMC,IADUJ,EAAIC,QACEI,UAAU,EAAI;AAEpCD,EAAAA,EAAME,cAAc,2BAA2B,GAAGC,OAAAA,GAClDH,EAAME,cAAc,yBAAyB,GAAGC,OAAAA,GAEhDC,SAASC,KAAKC,YAAYN,CAAK;AAE/B,QAAMO,IAAOP,EAAMQ,sBAAAA,GAEbC,IAAO;AAAA,IACXC,SAAS;AAAA,IACTC,OAAO;AAAA,IACPC,iBAAiB;AAAA,IACjBC,OAAON,EAAKM;AAAAA,IACZC,QAAQP,EAAKO;AAAAA,EAAAA,GAKTC,KAFkC,MAAMC,EAAYhB,GAAOS,CAAI,GAEzCQ,UAAU,WAAW;AAEjDb,kBAASC,KAAKa,YAAYlB,CAAK,GAExBlB,QAAQC,QAAQgC,CAAM;AAC/B;AAEO,MAAMI,IAIT;AAAA,EACFhC,IAAI;AAAA,EACJC,OAAO;AAAA,EACPC,wBAAO+B,GAAA,EAAa;AAAA,EACpB5B,UAAUG;AACZ;"}

package/dist/lasso-tool-CYn3ivf-.js

@@ -0,0 +1,534 @@
+import { jsx as i, jsxs as T, Fragment as R } from "react/jsx-runtime";
+import { c as b } from "react/compiler-runtime";
+import { ArrowDropDown as ee, MoreVertOutlined as te } from "@mui/icons-material";
+import { Chip as oe, Paper as le, IconButton as ie, Menu as ne, Box as re, Divider as H, MenuItem as z, ListItemIcon as ae, SvgIcon as ce, ListItemText as se, ToggleButton as de, Typography as q } from "@mui/material";
+import { d as N } from "./cjs-D9ro6BXv.js";
+import { useState as ue, useMemo as J } from "react";
+import { T as K } from "./tooltip-BDnrRKrp.js";
+function ge(t) {
+  const e = b(3);
+  let l;
+  e[0] === Symbol.for("react.memo_cache_sentinel") ? (l = /* @__PURE__ */ i("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] = l) : l = e[0];
+  let o;
+  return e[1] !== t ? (o = /* @__PURE__ */ i("svg", { fill: "none", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", ...t, children: l }), e[1] = t, e[2] = o) : o = e[2], o;
+}
+function pe(t) {
+  const e = b(3);
+  let l;
+  e[0] === Symbol.for("react.memo_cache_sentinel") ? (l = /* @__PURE__ */ i("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] = l) : l = e[0];
+  let o;
+  return e[1] !== t ? (o = /* @__PURE__ */ i("svg", { fill: "none", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", ...t, children: l }), e[1] = t, e[2] = o) : o = e[2], o;
+}
+function he(t) {
+  const e = b(3);
+  let l;
+  e[0] === Symbol.for("react.memo_cache_sentinel") ? (l = /* @__PURE__ */ i("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] = l) : l = e[0];
+  let o;
+  return e[1] !== t ? (o = /* @__PURE__ */ i("svg", { fill: "none", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", ...t, children: l }), e[1] = t, e[2] = o) : o = e[2], o;
+}
+function fe(t) {
+  const e = b(3);
+  let l;
+  e[0] === Symbol.for("react.memo_cache_sentinel") ? (l = /* @__PURE__ */ i("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] = l) : l = e[0];
+  let o;
+  return e[1] !== t ? (o = /* @__PURE__ */ i("svg", { fill: "none", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", ...t, children: l }), e[1] = t, e[2] = o) : o = e[2], o;
+}
+function me(t) {
+  const e = b(3);
+  let l;
+  e[0] === Symbol.for("react.memo_cache_sentinel") ? (l = /* @__PURE__ */ i("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] = l) : l = e[0];
+  let o;
+  return e[1] !== t ? (o = /* @__PURE__ */ i("svg", { fill: "none", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", ...t, children: l }), e[1] = t, e[2] = o) : o = e[2], o;
+}
+const x = {
+  action: {
+    tooltip: {
+      active: "Click on the map to draw your spatial filter",
+      inactive: "Click on the map to draw your spatial filter"
+    }
+  },
+  chip: {
+    tooltip: {
+      active: "Hide drawing",
+      inactive: "Show drawing"
+    }
+  },
+  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"
+  }
+}, Be = {
+  polygon: {
+    icon: ge
+  },
+  rectangle: {
+    icon: pe
+  },
+  circle: {
+    icon: he
+  },
+  lasso: {
+    icon: fe
+  },
+  edit: {
+    icon: me
+  }
+}, M = {
+  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
+    },
+    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)
+    }
+  }
+};
+function ve(t) {
+  const e = b(18), {
+    chipProps: l,
+    value: o,
+    labels: r,
+    onChipToggle: c,
+    onDelete: n
+  } = t, s = o.visible ? "active" : "inactive", a = r?.tooltip?.[s] ?? x.chip.tooltip[s], d = l?.TooltipProps;
+  let u;
+  e[0] === Symbol.for("react.memo_cache_sentinel") ? (u = {
+    ...M.chip.chip
+  }, e[0] = u) : u = e[0];
+  const p = o.visible ? "secondary" : "default";
+  let g;
+  e[1] !== n || e[2] !== o.id ? (g = () => n(o.id), e[1] = n, e[2] = o.id, e[3] = g) : g = e[3];
+  let h;
+  e[4] !== c || e[5] !== o.id || e[6] !== o.visible ? (h = () => c(o.id, !o.visible), e[4] = c, e[5] = o.id, e[6] = o.visible, e[7] = h) : h = e[7];
+  const v = l?.ChipsProps;
+  let f;
+  e[8] !== p || e[9] !== g || e[10] !== h || e[11] !== v || e[12] !== o.label ? (f = /* @__PURE__ */ i(oe, { sx: u, color: p, size: "small", onDelete: g, label: o.label, onClick: h, ...v }), e[8] = p, e[9] = g, e[10] = h, e[11] = v, e[12] = o.label, e[13] = f) : f = e[13];
+  let C;
+  return e[14] !== a || e[15] !== d || e[16] !== f ? (C = /* @__PURE__ */ i(K, { title: a, placement: "bottom", ...d, children: f }), e[14] = a, e[15] = d, e[16] = f, e[17] = C) : C = e[17], C;
+}
+function S(t) {
+  const e = b(44), {
+    enabled: l,
+    values: o,
+    actionProps: r,
+    chipProps: c,
+    labels: n,
+    modes: s,
+    modesMapping: a,
+    modeSelected: d,
+    PaperProps: u,
+    onActionToggle: p,
+    onChipToggle: g,
+    onDelete: h,
+    onChangeMode: v,
+    onAllChipToggle: f,
+    onAllDelete: C,
+    ChipsSlot: j,
+    ActionSlot: W,
+    SecondaryActionsSlot: X,
+    OptionsSlot: U
+  } = t;
+  let I;
+  e[0] !== o ? (I = o === void 0 ? [] : o, e[0] = o, e[1] = I) : I = e[1];
+  const E = I;
+  let y;
+  e[2] !== u ? (y = u === void 0 ? {} : u, e[2] = u, e[3] = y) : y = e[3];
+  let w, A;
+  e[4] !== y ? ({
+    sx: A,
+    ...w
+  } = y, e[4] = y, e[5] = w, e[6] = A) : (w = e[5], A = e[6]);
+  const O = j === void 0 ? S.Chips : j, P = W === void 0 ? S.Action : W, k = X === void 0 ? S.SecondaryActions : X, V = U === void 0 ? S.Options : U;
+  let G;
+  e[7] !== w || e[8] !== r || e[9] !== c || e[10] !== l || e[11] !== n || e[12] !== d || e[13] !== s || e[14] !== a || e[15] !== p || e[16] !== f || e[17] !== C || e[18] !== v || e[19] !== g || e[20] !== h || e[21] !== E ? (G = {
+    enabled: l,
+    values: E,
+    actionProps: r,
+    chipProps: c,
+    labels: n,
+    modes: s,
+    modesMapping: a,
+    modeSelected: d,
+    PaperProps: w,
+    onActionToggle: p,
+    onChipToggle: g,
+    onDelete: h,
+    onChangeMode: v,
+    onAllChipToggle: f,
+    onAllDelete: C
+  }, e[7] = w, e[8] = r, e[9] = c, e[10] = l, e[11] = n, e[12] = d, e[13] = s, e[14] = a, e[15] = p, e[16] = f, e[17] = C, e[18] = v, e[19] = g, e[20] = h, e[21] = E, e[22] = G) : G = e[22];
+  const m = G;
+  let D;
+  e[23] !== A ? (D = {
+    ...M.container,
+    ...A
+  }, e[23] = A, e[24] = D) : D = e[24];
+  let Z;
+  e[25] !== P || e[26] !== m ? (Z = !!P && /* @__PURE__ */ i(P, { ...m }), e[25] = P, e[26] = m, e[27] = Z) : Z = e[27];
+  let B;
+  e[28] !== V || e[29] !== m ? (B = !!V && /* @__PURE__ */ i(Q, { children: (Y) => /* @__PURE__ */ i(V, { ...m, ...Y }) }), e[28] = V, e[29] = m, e[30] = B) : B = e[30];
+  let L;
+  e[31] !== O || e[32] !== m ? (L = !!O && /* @__PURE__ */ i(O, { ...m }), e[31] = O, e[32] = m, e[33] = L) : L = e[33];
+  let _;
+  e[34] !== k || e[35] !== m ? (_ = !!k && /* @__PURE__ */ i(k, { ...m }), e[34] = k, e[35] = m, e[36] = _) : _ = e[36];
+  let $;
+  return e[37] !== w || e[38] !== D || e[39] !== Z || e[40] !== B || e[41] !== L || e[42] !== _ ? ($ = /* @__PURE__ */ T(le, { sx: D, ...w, children: [
+    Z,
+    B,
+    L,
+    _
+  ] }), e[37] = w, e[38] = D, e[39] = Z, e[40] = B, e[41] = L, e[42] = _, e[43] = $) : $ = e[43], $;
+}
+function be(t) {
+  const e = b(12), {
+    actionProps: l,
+    labels: o,
+    enabled: r,
+    children: c,
+    onActionToggle: n
+  } = t, s = r ? "active" : "inactive", a = o?.tooltip?.[s] ?? x.action.tooltip[s], d = l?.TooltipProps;
+  let u;
+  e[0] !== r || e[1] !== n ? (u = () => n(!r), e[0] = r, e[1] = n, e[2] = u) : u = e[2];
+  let p;
+  e[3] !== a || e[4] !== c || e[5] !== r || e[6] !== u ? (p = /* @__PURE__ */ i(de, { value: "toggle", sx: M.actions.icon, onClick: u, "aria-label": a, selected: r, children: c }), e[3] = a, e[4] = c, e[5] = r, e[6] = u, e[7] = p) : p = e[7];
+  let g;
+  return e[8] !== a || e[9] !== d || e[10] !== p ? (g = /* @__PURE__ */ i(K, { title: a, placement: "right", ...d, children: p }), e[8] = a, e[9] = d, e[10] = p, e[11] = g) : g = e[11], g;
+}
+function Q({
+  TriggerProps: {
+    Icon: t = /* @__PURE__ */ i(ee, {}),
+    sx: e
+  } = {},
+  MenuProps: l,
+  children: o
+}) {
+  const [r, c] = ue(null), n = !!r, s = (d) => {
+    c(d.currentTarget);
+  }, a = () => {
+    c(null);
+  };
+  return /* @__PURE__ */ T(R, { children: [
+    /* @__PURE__ */ i(ie, { sx: {
+      ...M.options.icon,
+      ...e
+    }, onClick: s, children: t }),
+    /* @__PURE__ */ i(ne, { id: "lasso-menu", anchorEl: r, open: n, onClose: a, MenuListProps: {
+      "aria-labelledby": "lasso-button",
+      sx: M.options.menu
+    }, ...l, children: /* @__PURE__ */ i("div", { children: o({
+      onClose: a
+    }) }) })
+  ] });
+}
+function we(t) {
+  const e = b(5), {
+    data: l,
+    labels: o,
+    children: r
+  } = t;
+  if (l.length <= 1)
+    return null;
+  const c = o?.mode?.title ?? x.options.mode.title;
+  let n;
+  e[0] !== c ? (n = /* @__PURE__ */ i(q, { variant: "subtitle2", color: "text.secondary", sx: M.options.title, children: c }), e[0] = c, e[1] = n) : n = e[1];
+  let s;
+  return e[2] !== r || e[3] !== n ? (s = /* @__PURE__ */ T(R, { children: [
+    n,
+    r
+  ] }), e[2] = r, e[3] = n, e[4] = s) : s = e[4], s;
+}
+function F({
+  data: t,
+  modeSelected: e,
+  labels: l,
+  onChangeMode: o,
+  onClose: r
+}) {
+  const c = (n, s) => {
+    n.preventDefault(), o?.(s), r();
+  };
+  return t.map((n) => {
+    const a = (l?.mode?.options ?? x.options.mode.options)[n.value];
+    return /* @__PURE__ */ T(z, { disabled: !!n.disabled, onClick: (d) => c(d, n.value), selected: n.value === e, children: [
+      /* @__PURE__ */ i(ae, { sx: M.options.icons, children: /* @__PURE__ */ i(ce, { children: /* @__PURE__ */ i(n.icon, {}) }) }),
+      /* @__PURE__ */ i(se, { children: a })
+    ] }, n.value);
+  });
+}
+function Me(t) {
+  const e = b(8), {
+    values: l,
+    labels: o,
+    onAllChipToggle: r,
+    onAllDelete: c
+  } = t;
+  if (!l?.length || l.length <= 1)
+    return null;
+  const s = l?.some(Ce) ? o?.actions?.toggleAll?.active ?? x.actions.toggleAll.active : o?.actions?.toggleAll?.inactive ?? x.actions.toggleAll.inactive, a = o?.actions?.deleteAll ?? x.actions.deleteAll;
+  let d;
+  e[0] === Symbol.for("react.memo_cache_sentinel") ? (d = /* @__PURE__ */ i(H, { orientation: "vertical", flexItem: !0 }), e[0] = d) : d = e[0];
+  let u, p;
+  e[1] === Symbol.for("react.memo_cache_sentinel") ? (u = {
+    Icon: /* @__PURE__ */ i(te, {}),
+    sx: M.options.more
+  }, p = {
+    anchorOrigin: {
+      vertical: "bottom",
+      horizontal: "right"
+    },
+    transformOrigin: {
+      vertical: "top",
+      horizontal: "right"
+    }
+  }, e[1] = u, e[2] = p) : (u = e[1], p = e[2]);
+  let g;
+  return e[3] !== a || e[4] !== r || e[5] !== c || e[6] !== s ? (g = /* @__PURE__ */ T(R, { children: [
+    d,
+    /* @__PURE__ */ i(Q, { TriggerProps: u, MenuProps: p, children: (h) => /* @__PURE__ */ T(R, { children: [
+      /* @__PURE__ */ i(z, { color: "inherit", onClick: () => {
+        r?.(), h.onClose();
+      }, children: s }),
+      /* @__PURE__ */ i(H, {}),
+      /* @__PURE__ */ i(z, { color: "error", onClick: () => {
+        c?.(), h.onClose();
+      }, children: /* @__PURE__ */ i(q, { variant: "body2", color: "error", children: a }) })
+    ] }) })
+  ] }), e[3] = a, e[4] = r, e[5] = c, e[6] = s, e[7] = g) : g = e[7], g;
+}
+function Ce(t) {
+  return t.visible;
+}
+S.Action = function({
+  modes: e,
+  modesMapping: l,
+  modeSelected: o,
+  actionProps: r,
+  enabled: c,
+  labels: n,
+  onActionToggle: s
+}) {
+  const a = J(() => N(e ?? {}, l ?? {}), [e, l]), d = (h) => s?.(h), p = (o ? o in (e ?? {}) : !1) ? o : Object.keys(a)[0], g = a[p];
+  return /* @__PURE__ */ i(be, { actionProps: r, labels: n?.action, enabled: c ?? !1, onActionToggle: d, children: g?.icon && /* @__PURE__ */ i(g.icon, {}) });
+};
+S.Chips = function({
+  values: e,
+  labels: l,
+  chipProps: o,
+  onDelete: r,
+  onChipToggle: c,
+  onActionToggle: n
+}) {
+  const s = (a) => (n?.(!1), r?.(a));
+  return !!e?.length && /* @__PURE__ */ i(re, { sx: M.chip.container, children: e?.map((a) => /* @__PURE__ */ i(ve, { value: a, labels: l?.chip, chipProps: o, onDelete: s, onChipToggle: (d, u) => c?.(d, u) }, a.id)) });
+};
+S.SecondaryActions = Me;
+S.Options = function({
+  values: e,
+  modes: l,
+  modesMapping: o,
+  modeSelected: r,
+  labels: c,
+  onChangeMode: n,
+  ...s
+}) {
+  const a = J(() => N(l ?? {}, o ?? {}), [l, o]), {
+    edit: d,
+    ...u
+  } = a, g = (r ? r in (l ?? {}) : !1) ? r : Object.keys(a)[0], h = Object.values(u), v = (f) => n?.(f);
+  return /* @__PURE__ */ T(R, { children: [
+    /* @__PURE__ */ i(we, { data: h, labels: c?.options, children: /* @__PURE__ */ i(F, { ...s, labels: c?.options, data: h, modeSelected: g, onChangeMode: v }) }),
+    !!d && /* @__PURE__ */ T(R, { children: [
+      /* @__PURE__ */ i(H, {}),
+      /* @__PURE__ */ i(F, { ...s, labels: c?.options, data: [{
+        ...d,
+        disabled: !e?.length
+      }], modeSelected: g, onChangeMode: v })
+    ] })
+  ] });
+};
+export {
+  Be as D,
+  ve as L,
+  me as S,
+  x as a,
+  S as b,
+  he as c,
+  fe as d,
+  ge as e,
+  pe as f,
+  M as s
+};
+//# sourceMappingURL=lasso-tool-CYn3ivf-.js.map