@weng-lab/visualization 2.4.0-beta.4 → 2.4.0-beta.6

package/dist/visualization.es578.js

@@ -1,38 +1,11 @@
-import { viewport as c } from "./visualization.es503.js";
-import v from "./visualization.es609.js";
-import C from "./visualization.es610.js";
-import x from "./visualization.es507.js";
-import b from "./visualization.es508.js";
-import E from "./visualization.es559.js";
-import P from "./visualization.es560.js";
-import { isHTMLElement as w, isElement as m } from "./visualization.es512.js";
-import T from "./visualization.es570.js";
-import H from "./visualization.es575.js";
-import N from "./visualization.es553.js";
-import y from "./visualization.es551.js";
-import l from "./visualization.es579.js";
-import { max as u, min as a } from "./visualization.es562.js";
-function B(i, r) {
-  var t = T(i, !1, r === "fixed");
-  return t.top = t.top + i.clientTop, t.left = t.left + i.clientLeft, t.bottom = t.top + i.clientHeight, t.right = t.left + i.clientWidth, t.width = i.clientWidth, t.height = i.clientHeight, t.x = t.left, t.y = t.top, t;
-}
-function d(i, r, t) {
-  return r === c ? l(v(i, t)) : m(r) ? B(r, t) : l(C(E(i)));
-}
-function D(i) {
-  var r = x(H(i)), t = ["absolute", "fixed"].indexOf(P(i).position) >= 0, e = t && w(i) ? b(i) : i;
-  return m(e) ? r.filter(function(p) {
-    return m(p) && N(p, e) && y(p) !== "body";
-  }) : [];
-}
-function J(i, r, t, e) {
-  var p = r === "clippingParents" ? D(i) : [].concat(r), g = [].concat(p, [t]), h = g[0], o = g.reduce(function(n, s) {
-    var f = d(i, s, e);
-    return n.top = u(f.top, n.top), n.right = a(f.right, n.right), n.bottom = a(f.bottom, n.bottom), n.left = u(f.left, n.left), n;
-  }, d(i, h, e));
-  return o.width = o.right - o.left, o.height = o.bottom - o.top, o.x = o.left, o.y = o.top, o;
+import e from "./visualization.es243.js";
+function o(t, r) {
+  return new e({
+    x: t.x - r.x,
+    y: t.y - r.y
+  });
 }
 export {
-  J as default
+  o as default
 };
 //# sourceMappingURL=visualization.es578.js.map

package/dist/visualization.es578.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es578.js","sources":["../../../node_modules/.pnpm/@popperjs+core@2.11.8/node_modules/@popperjs/core/lib/dom-utils/getClippingRect.js"],"sourcesContent":["import { viewport } from \"../enums.js\";\nimport getViewportRect from \"./getViewportRect.js\";\nimport getDocumentRect from \"./getDocumentRect.js\";\nimport listScrollParents from \"./listScrollParents.js\";\nimport getOffsetParent from \"./getOffsetParent.js\";\nimport getDocumentElement from \"./getDocumentElement.js\";\nimport getComputedStyle from \"./getComputedStyle.js\";\nimport { isElement, isHTMLElement } from \"./instanceOf.js\";\nimport getBoundingClientRect from \"./getBoundingClientRect.js\";\nimport getParentNode from \"./getParentNode.js\";\nimport contains from \"./contains.js\";\nimport getNodeName from \"./getNodeName.js\";\nimport rectToClientRect from \"../utils/rectToClientRect.js\";\nimport { max, min } from \"../utils/math.js\";\n\nfunction getInnerBoundingClientRect(element, strategy) {\n  var rect = getBoundingClientRect(element, false, strategy === 'fixed');\n  rect.top = rect.top + element.clientTop;\n  rect.left = rect.left + element.clientLeft;\n  rect.bottom = rect.top + element.clientHeight;\n  rect.right = rect.left + element.clientWidth;\n  rect.width = element.clientWidth;\n  rect.height = element.clientHeight;\n  rect.x = rect.left;\n  rect.y = rect.top;\n  return rect;\n}\n\nfunction getClientRectFromMixedType(element, clippingParent, strategy) {\n  return clippingParent === viewport ? rectToClientRect(getViewportRect(element, strategy)) : isElement(clippingParent) ? getInnerBoundingClientRect(clippingParent, strategy) : rectToClientRect(getDocumentRect(getDocumentElement(element)));\n} // A \"clipping parent\" is an overflowable container with the characteristic of\n// clipping (or hiding) overflowing elements with a position different from\n// `initial`\n\n\nfunction getClippingParents(element) {\n  var clippingParents = listScrollParents(getParentNode(element));\n  var canEscapeClipping = ['absolute', 'fixed'].indexOf(getComputedStyle(element).position) >= 0;\n  var clipperElement = canEscapeClipping && isHTMLElement(element) ? getOffsetParent(element) : element;\n\n  if (!isElement(clipperElement)) {\n    return [];\n  } // $FlowFixMe[incompatible-return]: https://github.com/facebook/flow/issues/1414\n\n\n  return clippingParents.filter(function (clippingParent) {\n    return isElement(clippingParent) && contains(clippingParent, clipperElement) && getNodeName(clippingParent) !== 'body';\n  });\n} // Gets the maximum area that the element is visible in due to any number of\n// clipping parents\n\n\nexport default function getClippingRect(element, boundary, rootBoundary, strategy) {\n  var mainClippingParents = boundary === 'clippingParents' ? getClippingParents(element) : [].concat(boundary);\n  var clippingParents = [].concat(mainClippingParents, [rootBoundary]);\n  var firstClippingParent = clippingParents[0];\n  var clippingRect = clippingParents.reduce(function (accRect, clippingParent) {\n    var rect = getClientRectFromMixedType(element, clippingParent, strategy);\n    accRect.top = max(rect.top, accRect.top);\n    accRect.right = min(rect.right, accRect.right);\n    accRect.bottom = min(rect.bottom, accRect.bottom);\n    accRect.left = max(rect.left, accRect.left);\n    return accRect;\n  }, getClientRectFromMixedType(element, firstClippingParent, strategy));\n  clippingRect.width = clippingRect.right - clippingRect.left;\n  clippingRect.height = clippingRect.bottom - clippingRect.top;\n  clippingRect.x = clippingRect.left;\n  clippingRect.y = clippingRect.top;\n  return clippingRect;\n}"],"names":["getInnerBoundingClientRect","element","strategy","rect","getBoundingClientRect","getClientRectFromMixedType","clippingParent","viewport","rectToClientRect","getViewportRect","isElement","getDocumentRect","getDocumentElement","getClippingParents","clippingParents","listScrollParents","getParentNode","canEscapeClipping","getComputedStyle","clipperElement","isHTMLElement","getOffsetParent","contains","getNodeName","getClippingRect","boundary","rootBoundary","mainClippingParents","firstClippingParent","clippingRect","accRect","max","min"],"mappings":";;;;;;;;;;;;;;AAeA,SAASA,EAA2BC,GAASC,GAAU;AACrD,MAAIC,IAAOC,EAAsBH,GAAS,IAAOC,MAAa,OAAO;AACrE,SAAAC,EAAK,MAAMA,EAAK,MAAMF,EAAQ,WAC9BE,EAAK,OAAOA,EAAK,OAAOF,EAAQ,YAChCE,EAAK,SAASA,EAAK,MAAMF,EAAQ,cACjCE,EAAK,QAAQA,EAAK,OAAOF,EAAQ,aACjCE,EAAK,QAAQF,EAAQ,aACrBE,EAAK,SAASF,EAAQ,cACtBE,EAAK,IAAIA,EAAK,MACdA,EAAK,IAAIA,EAAK,KACPA;AACT;AAEA,SAASE,EAA2BJ,GAASK,GAAgBJ,GAAU;AACrE,SAAOI,MAAmBC,IAAWC,EAAiBC,EAAgBR,GAASC,CAAQ,CAAC,IAAIQ,EAAUJ,CAAc,IAAIN,EAA2BM,GAAgBJ,CAAQ,IAAIM,EAAiBG,EAAgBC,EAAmBX,CAAO,CAAC,CAAC;AAC9O;AAKA,SAASY,EAAmBZ,GAAS;AACnC,MAAIa,IAAkBC,EAAkBC,EAAcf,CAAO,CAAC,GAC1DgB,IAAoB,CAAC,YAAY,OAAO,EAAE,QAAQC,EAAiBjB,CAAO,EAAE,QAAQ,KAAK,GACzFkB,IAAiBF,KAAqBG,EAAcnB,CAAO,IAAIoB,EAAgBpB,CAAO,IAAIA;AAE9F,SAAKS,EAAUS,CAAc,IAKtBL,EAAgB,OAAO,SAAUR,GAAgB;AACtD,WAAOI,EAAUJ,CAAc,KAAKgB,EAAShB,GAAgBa,CAAc,KAAKI,EAAYjB,CAAc,MAAM;AAAA,EAClH,CAAC,IANQ,CAAA;AAOX;AAIe,SAASkB,EAAgBvB,GAASwB,GAAUC,GAAcxB,GAAU;AACjF,MAAIyB,IAAsBF,MAAa,oBAAoBZ,EAAmBZ,CAAO,IAAI,CAAA,EAAG,OAAOwB,CAAQ,GACvGX,IAAkB,CAAA,EAAG,OAAOa,GAAqB,CAACD,CAAY,CAAC,GAC/DE,IAAsBd,EAAgB,CAAC,GACvCe,IAAef,EAAgB,OAAO,SAAUgB,GAASxB,GAAgB;AAC3E,QAAIH,IAAOE,EAA2BJ,GAASK,GAAgBJ,CAAQ;AACvE,WAAA4B,EAAQ,MAAMC,EAAI5B,EAAK,KAAK2B,EAAQ,GAAG,GACvCA,EAAQ,QAAQE,EAAI7B,EAAK,OAAO2B,EAAQ,KAAK,GAC7CA,EAAQ,SAASE,EAAI7B,EAAK,QAAQ2B,EAAQ,MAAM,GAChDA,EAAQ,OAAOC,EAAI5B,EAAK,MAAM2B,EAAQ,IAAI,GACnCA;AAAA,EACT,GAAGzB,EAA2BJ,GAAS2B,GAAqB1B,CAAQ,CAAC;AACrE,SAAA2B,EAAa,QAAQA,EAAa,QAAQA,EAAa,MACvDA,EAAa,SAASA,EAAa,SAASA,EAAa,KACzDA,EAAa,IAAIA,EAAa,MAC9BA,EAAa,IAAIA,EAAa,KACvBA;AACT;","x_google_ignoreList":[0]}
+{"version":3,"file":"visualization.es578.js","sources":["../../../node_modules/.pnpm/@visx+point@4.0.0/node_modules/@visx/point/esm/subtractPoints.js"],"sourcesContent":["import Point from \"./Point.js\";\nexport default function subtractPoints(point1, point2) {\n  return new Point({\n    x: point1.x - point2.x,\n    y: point1.y - point2.y\n  });\n}"],"names":["subtractPoints","point1","point2","Point"],"mappings":";AACe,SAASA,EAAeC,GAAQC,GAAQ;AACrD,SAAO,IAAIC,EAAM;AAAA,IACf,GAAGF,EAAO,IAAIC,EAAO;AAAA,IACrB,GAAGD,EAAO,IAAIC,EAAO;AAAA,EACzB,CAAG;AACH;","x_google_ignoreList":[0]}

package/dist/visualization.es579.js

@@ -1,12 +1,11 @@
-function i(t) {
-  return Object.assign({}, t, {
-    left: t.x,
-    top: t.y,
-    right: t.x + t.width,
-    bottom: t.y + t.height
+import e from "./visualization.es243.js";
+function o(r, t) {
+  return new e({
+    x: r.x + t.x,
+    y: r.y + t.y
   });
 }
 export {
-  i as default
+  o as default
 };
 //# sourceMappingURL=visualization.es579.js.map

package/dist/visualization.es579.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es579.js","sources":["../../../node_modules/.pnpm/@popperjs+core@2.11.8/node_modules/@popperjs/core/lib/utils/rectToClientRect.js"],"sourcesContent":["export default function rectToClientRect(rect) {\n  return Object.assign({}, rect, {\n    left: rect.x,\n    top: rect.y,\n    right: rect.x + rect.width,\n    bottom: rect.y + rect.height\n  });\n}"],"names":["rectToClientRect","rect"],"mappings":"AAAe,SAASA,EAAiBC,GAAM;AAC7C,SAAO,OAAO,OAAO,CAAA,GAAIA,GAAM;AAAA,IAC7B,MAAMA,EAAK;AAAA,IACX,KAAKA,EAAK;AAAA,IACV,OAAOA,EAAK,IAAIA,EAAK;AAAA,IACrB,QAAQA,EAAK,IAAIA,EAAK;AAAA,EAC1B,CAAG;AACH;","x_google_ignoreList":[0]}
+{"version":3,"file":"visualization.es579.js","sources":["../../../node_modules/.pnpm/@visx+point@4.0.0/node_modules/@visx/point/esm/sumPoints.js"],"sourcesContent":["import Point from \"./Point.js\";\nexport default function sumPoints(point1, point2) {\n  return new Point({\n    x: point1.x + point2.x,\n    y: point1.y + point2.y\n  });\n}"],"names":["sumPoints","point1","point2","Point"],"mappings":";AACe,SAASA,EAAUC,GAAQC,GAAQ;AAChD,SAAO,IAAIC,EAAM;AAAA,IACf,GAAGF,EAAO,IAAIC,EAAO;AAAA,IACrB,GAAGD,EAAO,IAAIC,EAAO;AAAA,EACzB,CAAG;AACH;","x_google_ignoreList":[0]}

package/dist/visualization.es58.js

@@ -1,69 +1,31 @@
-import { jsxs as E, jsx as e, Fragment as D } from "react/jsx-runtime";
-import { c as R } from "react/compiler-runtime";
-import { useEffect as I } from "react";
-import { Stack as L, Tooltip as i, IconButton as a } from "@mui/material";
-import { BackHand as Z, Edit as j, Add as F, Remove as P, SettingsBackupRestore as T, Download as $ } from "@mui/icons-material";
-import { useTheme as K } from "@mui/material/styles";
-const V = (x) => {
-  const t = R(7), {
-    selectable: n,
-    resetable: k,
-    handleSelectionModeChange: l,
-    selectMode: o,
-    zoomIn: w,
-    zoomOut: S,
-    zoomReset: y,
-    highlight: g,
-    downloadButton: z,
-    downloadPlot: C
-  } = x, c = K(), b = g ?? c.palette.primary.main, d = {
-    borderRadius: 0,
-    color: c.palette.text.primary,
-    padding: c.spacing(1)
-  };
-  let s, m;
-  t[0] !== l || t[1] !== o || t[2] !== n ? (s = () => {
-    const r = (v) => {
-      if (v.key === "Shift" && n && o === "select") {
-        l("pan");
-        const u = (B) => {
-          B.key === "Shift" && n && l("select");
-        };
-        return window.addEventListener("keyup", u), () => {
-          window.removeEventListener("keyup", u);
-        };
-      }
-    };
-    return window.addEventListener("keydown", r), () => {
-      window.removeEventListener("keydown", r);
-    };
-  }, m = [l, o, n], t[0] = l, t[1] = o, t[2] = n, t[3] = s, t[4] = m) : (s = t[3], m = t[4]), I(s, m);
-  const f = (r) => ({
-    ...d,
-    color: o === r ? g || "primary.main" : c.palette.text.primary,
-    backgroundColor: o === r ? `color-mix(in srgb, ${b} 15%, transparent)` : "transparent",
-    "&:hover": {
-      backgroundColor: o === r ? `color-mix(in srgb, ${b} 25%, transparent)` : c.palette.action.hover
-    }
-  }), h = o !== "none" && /* @__PURE__ */ E(L, { direction: "column", alignItems: "flex-start", justifyContent: "center", sx: {
-    background: "rgba(255, 255, 255, 0.6)",
-    backdropFilter: "blur(2px)",
-    WebkitBackdropFilter: "blur(2px)",
-    border: "1px solid rgba(255, 255, 255, 0.3)",
-    boxShadow: "0 2px 8px rgba(0, 0, 0, 0.1)",
-    overflow: "hidden"
-  }, children: [
-    n && /* @__PURE__ */ e(i, { title: "Drag to pan, or hold Shift and drag", placement: "right", children: /* @__PURE__ */ e(a, { "aria-label": "pan", onClick: () => l("pan"), sx: f("pan"), children: /* @__PURE__ */ e(Z, { fontSize: "small" }) }) }),
-    n && /* @__PURE__ */ e(i, { title: "Drag to select", placement: "right", children: /* @__PURE__ */ e(a, { "aria-label": "edit", onClick: () => l("select"), sx: f("select"), children: /* @__PURE__ */ e(j, { fontSize: "small" }) }) }),
-    /* @__PURE__ */ e(i, { title: "Zoom In", placement: "right", children: /* @__PURE__ */ e(a, { "aria-label": "zoom-in", onClick: w, sx: d, children: /* @__PURE__ */ e(F, { fontSize: "small" }) }) }),
-    /* @__PURE__ */ e(i, { title: "Zoom Out", placement: "right", children: /* @__PURE__ */ e(a, { "aria-label": "zoom-out", onClick: S, sx: d, children: /* @__PURE__ */ e(P, { fontSize: "small" }) }) }),
-    /* @__PURE__ */ e(i, { title: "Reset Zoom and Pan", placement: "right", children: /* @__PURE__ */ e(a, { "aria-label": "resetZoom", onClick: y, disabled: !k, sx: d, children: /* @__PURE__ */ e(T, { fontSize: "small" }) }) }),
-    z && /* @__PURE__ */ e(i, { title: "Download Plot as SVG", placement: "right", children: /* @__PURE__ */ e(a, { "aria-label": "download", onClick: () => C(), sx: d, children: /* @__PURE__ */ e($, { fontSize: "small" }) }) })
-  ] });
-  let p;
-  return t[5] !== h ? (p = /* @__PURE__ */ e(D, { children: h }), t[5] = h, t[6] = p) : p = t[6], p;
+import { jsx as i } from "react/jsx-runtime";
+import { c as n } from "react/compiler-runtime";
+import m from "./visualization.es86.js";
+const f = {
+  scaleX: 1,
+  scaleY: 1,
+  translateX: 0,
+  translateY: 0,
+  skewX: 0,
+  skewY: 0
+}, M = {
+  scaleXMin: 1 / 2,
+  scaleXMax: 10,
+  scaleYMin: 1 / 2,
+  scaleYMax: 10
+}, h = m, d = (r) => {
+  const t = n(6), {
+    width: s,
+    height: a,
+    children: l
+  } = r;
+  let e;
+  t[0] !== l ? (e = (c) => l(c), t[0] = l, t[1] = e) : e = t[1];
+  let o;
+  return t[2] !== a || t[3] !== e || t[4] !== s ? (o = /* @__PURE__ */ i(h, { width: s, height: a, ...M, initialTransformMatrix: f, children: e }), t[2] = a, t[3] = e, t[4] = s, t[5] = o) : o = t[5], o;
 };
 export {
-  V as default
+  d as default,
+  f as initialTransformMatrix
 };
 //# sourceMappingURL=visualization.es58.js.map

package/dist/visualization.es58.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es58.js","sources":["../src/components/ScatterPlot/controls.tsx"],"sourcesContent":["import { useEffect } from \"react\";\nimport { ControlButtonsProps } from \"./types\";\nimport { IconButton, Stack, Tooltip } from \"@mui/material\";\nimport { Add, Remove, BackHand, Edit, SettingsBackupRestore, Download } from \"@mui/icons-material\"\nimport { useTheme } from \"@mui/material/styles\";\n\nconst ControlButtons = ({\n    selectable,\n    resetable,\n    handleSelectionModeChange,\n    selectMode,\n    zoomIn,\n    zoomOut,\n    zoomReset,\n    highlight,\n    downloadButton,\n    downloadPlot\n}: ControlButtonsProps) => {\n    const theme = useTheme();\n    const color = highlight ?? theme.palette.primary.main;\n    const tooltipPlacement = \"right\";\n    \n    const buttonSx = {\n        borderRadius: 0,\n        color: theme.palette.text.primary,\n        padding: theme.spacing(1),\n    };\n\n    useEffect(() => {\n        // Function to handle key press\n        const handleKeyDown = (e: KeyboardEvent) => {\n            if (e.key === 'Shift' && selectable && selectMode === \"select\") {\n                handleSelectionModeChange('pan'); // Switch to pan mode when Shift is pressed\n\n                // Function to handle key release\n                const handleKeyUp = (e: KeyboardEvent) => {\n                    if (e.key === 'Shift' && selectable) {\n                        handleSelectionModeChange('select'); // Switch back to select mode when Shift is released\n                    }\n                };\n\n                window.addEventListener('keyup', handleKeyUp);\n                return () => {\n                    window.removeEventListener('keyup', handleKeyUp);\n                };\n            }\n        };\n\n        // Add event listeners for key press and release\n        window.addEventListener('keydown', handleKeyDown);\n\n        // Clean up event listeners on unmount\n        return () => {\n            window.removeEventListener('keydown', handleKeyDown);\n        };\n    }, [handleSelectionModeChange, selectMode, selectable]);\n\n    const getToggleButtonSx = (mode: \"pan\" | \"select\") => ({\n        ...buttonSx,\n        color: selectMode === mode ? highlight || \"primary.main\" : theme.palette.text.primary,\n        backgroundColor: selectMode === mode\n            ? `color-mix(in srgb, ${color} 15%, transparent)`\n            : \"transparent\",\n        '&:hover': {\n            backgroundColor: selectMode === mode\n                ? `color-mix(in srgb, ${color} 25%, transparent)`\n                : theme.palette.action.hover,\n        },\n    });\n\n    return (\n        <>\n            {selectMode !== \"none\" && (\n                <Stack\n                    direction=\"column\"\n                    alignItems=\"flex-start\"\n                    justifyContent={\"center\"}\n                    sx={{\n                        background: \"rgba(255, 255, 255, 0.6)\",\n                        backdropFilter: \"blur(2px)\",\n                        WebkitBackdropFilter: \"blur(2px)\",\n                        border: \"1px solid rgba(255, 255, 255, 0.3)\",\n                        boxShadow: \"0 2px 8px rgba(0, 0, 0, 0.1)\",\n                        overflow: \"hidden\",\n                    }}\n                >\n                    {\n                        selectable && (\n                            <Tooltip title=\"Drag to pan, or hold Shift and drag\" placement={tooltipPlacement}>\n                                <IconButton\n                                    aria-label=\"pan\"\n                                    onClick={() => handleSelectionModeChange('pan')}\n                                    sx={getToggleButtonSx(\"pan\")}\n                                >\n                                    <BackHand fontSize=\"small\" />\n                                </IconButton>\n                            </Tooltip>\n                        )\n                    }\n                    {\n                        selectable && (\n                            <Tooltip title=\"Drag to select\" placement={tooltipPlacement}>\n                                <IconButton\n                                    aria-label=\"edit\"\n                                    onClick={() => handleSelectionModeChange('select')}\n                                    sx={getToggleButtonSx(\"select\")}\n                                >\n                                    <Edit fontSize=\"small\" />\n                                </IconButton>\n                            </Tooltip>\n                        )\n                    }\n                    <Tooltip title=\"Zoom In\" placement={tooltipPlacement}>\n                        <IconButton aria-label=\"zoom-in\" onClick={zoomIn} sx={buttonSx}>\n                            <Add fontSize=\"small\" />\n                        </IconButton>\n                    </Tooltip>\n                    <Tooltip title=\"Zoom Out\" placement={tooltipPlacement}>\n                        <IconButton aria-label=\"zoom-out\" onClick={zoomOut} sx={buttonSx}>\n                            <Remove fontSize=\"small\" />\n                        </IconButton>\n                    </Tooltip>\n                    <Tooltip title=\"Reset Zoom and Pan\" placement={tooltipPlacement}>\n                        <IconButton aria-label=\"resetZoom\" onClick={zoomReset} disabled={!resetable} sx={buttonSx}>\n                            <SettingsBackupRestore fontSize=\"small\" />\n                        </IconButton>\n                    </Tooltip>\n                    {downloadButton && (\n                        <Tooltip title=\"Download Plot as SVG\" placement={tooltipPlacement}>\n                            <IconButton aria-label=\"download\" onClick={() => downloadPlot()} sx={buttonSx}>\n                                <Download fontSize=\"small\" />\n                            </IconButton>\n                        </Tooltip>\n                    )}\n                </Stack>\n            )}\n        </>\n\n    );\n}\n\nexport default ControlButtons;\n"],"names":["ControlButtons","t0","$","_c","selectable","resetable","handleSelectionModeChange","selectMode","zoomIn","zoomOut","zoomReset","highlight","downloadButton","downloadPlot","theme","useTheme","color","palette","primary","main","buttonSx","borderRadius","text","padding","spacing","t1","t2","handleKeyDown","e","key","handleKeyUp","e_0","window","addEventListener","removeEventListener","useEffect","getToggleButtonSx","mode","backgroundColor","action","hover","t3","jsxs","Stack","background","backdropFilter","WebkitBackdropFilter","border","boxShadow","overflow","jsx","Tooltip","tooltipPlacement","IconButton","BackHand","Edit","Add","Remove","SettingsBackupRestore","Download","t4"],"mappings":"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"}
+{"version":3,"file":"visualization.es58.js","sources":["../src/components/ScatterPlot/PlotZoom.tsx"],"sourcesContent":["import React, { ReactElement } from 'react';\nimport { Zoom as VisxZoom, ZoomProps } from '@visx/zoom';\nimport { ZoomType } from './types';\n\n/**\n * Shared by every plot that creates a zoom, so a plot driving its own zoom and a plot driving a\n * shared one behave identically.\n */\nexport const initialTransformMatrix = {\n    scaleX: 1,\n    scaleY: 1,\n    translateX: 0,\n    translateY: 0,\n    skewX: 0,\n    skewY: 0,\n};\n\nconst ZOOM_SCALE_LIMITS = {\n    scaleXMin: 1 / 2,\n    scaleXMax: 10,\n    scaleYMin: 1 / 2,\n    scaleYMax: 10,\n};\n\n/**\n * Hacky workaround for complex type compatability issues. Hopefully this will fix itself when ugrading to React 19 - Jonathan 12/11/24\n * @todo remove this when possible\n */\nconst Zoom = VisxZoom as unknown as React.FC<ZoomProps<React.ReactElement>>;\n\ntype PlotZoomProps = {\n    /**\n     * Size of the zoomed area. Only used by visx to pick a default anchor point for operations\n     * that have none of their own; the plots always pass an explicit one.\n     */\n    width: number;\n    height: number;\n    children: (zoom: ZoomType) => ReactElement;\n};\n\nconst PlotZoom = ({ width, height, children }: PlotZoomProps) => (\n    <Zoom\n        width={width}\n        height={height}\n        {...ZOOM_SCALE_LIMITS}\n        initialTransformMatrix={initialTransformMatrix}\n    >\n        {(zoom) => children(zoom as ZoomType)}\n    </Zoom>\n);\n\nexport default PlotZoom;\n"],"names":["initialTransformMatrix","scaleX","scaleY","translateX","translateY","skewX","skewY","ZOOM_SCALE_LIMITS","scaleXMin","scaleXMax","scaleYMin","scaleYMax","Zoom","VisxZoom","PlotZoom","t0","$","_c","width","height","children","t1","zoom","t2"],"mappings":";;;AAQO,MAAMA,IAAyB;AAAA,EAClCC,QAAQ;AAAA,EACRC,QAAQ;AAAA,EACRC,YAAY;AAAA,EACZC,YAAY;AAAA,EACZC,OAAO;AAAA,EACPC,OAAO;AACX,GAEMC,IAAoB;AAAA,EACtBC,WAAW,IAAI;AAAA,EACfC,WAAW;AAAA,EACXC,WAAW,IAAI;AAAA,EACfC,WAAW;AACf,GAMMC,IAAOC,GAYPC,IAAWC,CAAAA,MAAA;AAAA,QAAAC,IAAAC,EAAA,CAAA,GAAC;AAAA,IAAAC,OAAAA;AAAAA,IAAAC,QAAAA;AAAAA,IAAAC,UAAAA;AAAAA,EAAAA,IAAAL;AAA0C,MAAAM;AAAA,EAAAL,SAAAI,KAOnDC,IAAAC,CAAAA,MAAUF,EAASE,CAAgB,GAACN,OAAAI,GAAAJ,OAAAK,KAAAA,IAAAL,EAAA,CAAA;AAAA,MAAAO;AAAA,SAAAP,EAAA,CAAA,MAAAG,KAAAH,SAAAK,KAAAL,EAAA,CAAA,MAAAE,KANzCK,sBAACX,GAAA,EACUM,OAAAA,GACCC,QAAAA,MACJZ,GACoBP,wBAAAA,GAEvBqB,UAAAA,GACL,GAAOL,OAAAG,GAAAH,OAAAK,GAAAL,OAAAE,GAAAF,OAAAO,KAAAA,IAAAP,EAAA,CAAA,GAPPO;AAOO;"}

package/dist/visualization.es580.js

@@ -1,4 +1,4 @@
-import { __require as y } from "./visualization.es605.js";
+import { __require as y } from "./visualization.es606.js";
 var f, n;
 function w() {
   if (n) return f;

package/dist/visualization.es582.js

@@ -1,8 +1,8 @@
-import w from "./visualization.es612.js";
-import y from "./visualization.es611.js";
+import w from "./visualization.es611.js";
+import y from "./visualization.es612.js";
 import N from "./visualization.es613.js";
 import A from "./visualization.es614.js";
-import { bisectRight as k } from "./visualization.es258.js";
+import { bisectRight as k } from "./visualization.es277.js";
 import M from "./visualization.es531.js";
 var h = [0, 1];
 function p(n) {

package/dist/visualization.es583.js

@@ -3,7 +3,7 @@ import c from "./visualization.es587.js";
 import e from "./visualization.es588.js";
 import p from "./visualization.es589.js";
 import { formatPrefix as l, format as u } from "./visualization.es586.js";
-import { tickStep as h } from "./visualization.es268.js";
+import { tickStep as h } from "./visualization.es287.js";
 function d(r, t, i, a) {
   var n = h(r, t, i), o;
   switch (a = s(a ?? ",f"), a.type) {

package/dist/visualization.es59.js

@@ -1,249 +1,26 @@
-import { jsx as o, jsxs as w, Fragment as W } from "react/jsx-runtime";
-import { useRef as C, useState as Oe, useEffect as B, useMemo as g, useCallback as ie } from "react";
-import $e from "@mui/material/CircularProgress";
-import { Stack as qe, Box as fe } from "@mui/material";
-import { rescaleX as Ie, rescaleY as Ue, prepareCanvas as Je, partitionPointsByHover as Ne, getTicks as ue, isPointVisible as Qe, drawCanvasPoint as _e } from "./visualization.es17.js";
-import Ge from "./visualization.es107.js";
-import We from "./visualization.es108.js";
-import Ze from "./visualization.es109.js";
-import He from "./visualization.es110.js";
-import { useDragSelection as ze } from "./visualization.es111.js";
-import ve from "./visualization.es36.js";
-import be from "./visualization.es112.js";
-import et from "./visualization.es89.js";
-import tt from "./visualization.es50.js";
-import rt from "./visualization.es26.js";
-import nt from "./visualization.es46.js";
-import ot from "./visualization.es57.js";
-import pe from "./visualization.es25.js";
-import st from "./visualization.es41.js";
-const ct = 120, lt = (A) => 1 - Math.pow(1 - A, 3), Tt = ({
-  size: A,
-  margin: s,
-  boundedWidth: l,
-  boundedHeight: c,
-  loading: he,
-  pointData: p,
-  animation: T,
-  animationGroupSize: K,
-  animationBuffer: O,
-  xScale: $,
-  yScale: q,
-  zoom: a,
-  selectMode: f,
-  selectable: xe,
-  disableZoom: h,
-  groupPointsAnchor: Z,
-  hoveredPoint: k,
-  hoveredPoints: H,
-  handleMouseMove: ye,
-  handleMouseLeave: z,
-  onDisplayedPointsChange: b,
-  onSelectionChange: me,
-  onPointClicked: ee,
-  leftAxisLabel: Se,
-  bottomAxisLabel: we,
-  border: ke,
-  originLine: Ee,
-  backgroundGradient: L,
-  crosshair: I,
-  divRef: Ae
-}) => {
-  const te = C(null), re = C(null), d = C(0), U = C(null), [J, N] = Oe(!!T);
-  B(() => {
-    if (!T) return;
-    if (p.length > 2500) {
-      N(!1);
-      return;
-    }
-    const e = 450, t = (O ?? 0.03) * 1e3, r = Math.ceil(p.length / (K ?? 1)), n = e + r * t, i = window.setTimeout(() => N(!1), n);
-    return () => window.clearTimeout(i);
-  }, [T, O, K, p.length]);
-  const {
-    lines: Le,
-    isDragging: y,
-    x: P,
-    y: R,
-    dx: V,
-    dy: Y,
-    dragStart: ne,
-    dragMove: oe,
-    dragEnd: Me,
-    completeSelection: Ce
-  } = ze({
-    pointData: p,
-    margin: s,
-    xScale: $,
-    yScale: q,
-    onSelectionChange: me
-  });
-  B(() => {
-    const e = te.current, t = (i) => {
-      i.preventDefault();
-    }, r = (i) => {
-      i.preventDefault();
-    }, n = (i) => {
-      i.preventDefault();
-    };
-    return e && (e.addEventListener("wheel", t, {
-      passive: !1
-    }), e.addEventListener("touchstart", n, {
-      passive: !1
-    }), e.addEventListener("touchmove", r, {
-      passive: !1
-    })), () => {
-      e && (e.removeEventListener("wheel", t), e.removeEventListener("touchstart", n), e.removeEventListener("touchmove", r));
-    };
-  }, []);
-  const u = g(() => Ie($, a.transformMatrix.translateX, a.transformMatrix.scaleX), [$, a.transformMatrix]), v = g(() => Ue(q, a.transformMatrix.translateY, a.transformMatrix.scaleY), [q, a.transformMatrix]), Q = g(() => k ? [k] : H ?? [], [k, H]), se = g(() => {
-    const e = Z;
-    if (!e) return Q;
-    const t = (n) => e in n ? n[e] : n.metaData?.[e], r = new Set(Q.map(t).filter((n) => n !== void 0));
-    return r.size === 0 ? [] : p.filter((n) => {
-      const i = t(n);
-      return i !== void 0 && r.has(i);
-    });
-  }, [Q, Z, p]), ce = C(/* @__PURE__ */ new Set()), M = g(() => {
-    const e = new Set(se.map((r) => `${r.x},${r.y}`)), t = ce.current;
-    return e.size === t.size && [...e].every((r) => t.has(r)) ? t : (ce.current = e, e);
-  }, [se]), X = g(() => p.filter((e) => {
-    const t = u(e.x), r = v(e.y);
-    return t >= 0 && t <= l && r >= 0 && r <= c;
-  }), [p, u, v, l, c]), j = ie((e, t, r) => {
-    const n = r.getContext("2d");
-    if (!n) return;
-    if (Je(n, l, c), L) {
-      const [x, G, D] = L.colorScale ?? ["red", "white", "blue"], S = l, E = c, Fe = e(0), Be = t(0), Ke = Math.max(1e-3, Math.min(0.999, (Fe * S - Be * E + E * E) / (S * S + E * E))), F = n.createLinearGradient(0, E, S, 0);
-      F.addColorStop(0, x), F.addColorStop(Ke, G), F.addColorStop(1, D), n.globalAlpha = L.opacity ?? 1, n.fillStyle = F, n.fillRect(0, 0, S, E), n.globalAlpha = 1;
-    }
-    const {
-      nonHovered: i,
-      hovered: m
-    } = Ne(p, M), ae = (x, G) => {
-      const D = e(x.x), S = t(x.y);
-      Qe(D, S, l, c) && _e(n, x, D, S, G ? d.current : 0);
-    };
-    i.forEach((x) => ae(x, !1)), m.forEach((x) => ae(x, !0));
-  }, [c, l, M, p, L]);
-  B(() => {
-    const e = re.current;
-    if (!e || J) return;
-    if (M.size === 0) {
-      U.current = null, d.current = 0, j(u, v, e);
-      return;
-    }
-    if (U.current === M) {
-      j(u, v, e);
-      return;
-    }
-    U.current = M;
-    const t = performance.now();
-    d.current = 0;
-    let r = requestAnimationFrame(function n() {
-      const i = Math.min(1, (performance.now() - t) / ct);
-      d.current = lt(i), j(u, v, e), i < 1 && (r = requestAnimationFrame(n));
-    });
-    return () => cancelAnimationFrame(r);
-  }, [j, u, v, J, M]);
-  const ge = ie(() => {
-    k && ee?.(k);
-  }, [k, ee]), Te = h ? xe ? y ? "none" : "crosshair" : y ? "none" : "default" : k ? "default" : f === "select" ? y ? "none" : "crosshair" : a.isDragging ? "grabbing" : "grab", _ = (e) => {
-    Me(e), Ce(a);
-  }, Pe = f === "none" ? void 0 : f === "select" ? ne : h ? void 0 : a.dragStart, Re = f === "none" ? void 0 : f === "select" ? _ : h ? void 0 : a.dragEnd, de = f === "none" ? void 0 : f === "select" ? y ? oe : void 0 : h ? void 0 : a.dragMove, Ve = f === "none" ? void 0 : f === "select" ? _ : h ? void 0 : a.dragEnd, Ye = f === "none" ? void 0 : f === "select" ? ne : h ? void 0 : a.dragStart, Xe = f === "none" ? void 0 : f === "select" ? _ : h ? void 0 : a.dragEnd, je = f === "none" ? void 0 : f === "select" ? y ? oe : void 0 : h ? void 0 : a.dragMove, De = (e) => {
-    if (N(!1), !h) {
-      const t = st(e) || {
-        x: 0,
-        y: 0
-      }, r = e.deltaY < 0 ? 1.1 : 0.9;
-      a.scale({
-        scaleX: r,
-        scaleY: r,
-        point: t
-      });
-    }
-  }, le = C([]);
-  return B(() => {
-    ((t, r) => t.length !== r.length ? !0 : !t.every((n, i) => {
-      const m = r[i];
-      return n.x === m.x && n.y === m.y && n.r === m.r && n.shape === m.shape && n.color === m.color && n.opacity === m.opacity;
-    }))(le.current, X) && (b?.(X), le.current = X);
-  }, [X, b]), /* @__PURE__ */ o(qe, { justifyContent: "center", alignItems: "center", direction: "row", sx: {
-    position: "relative"
-  }, children: /* @__PURE__ */ o(fe, { sx: {
-    width: A,
-    height: A
-  }, children: he ? /* @__PURE__ */ o(fe, { display: "flex", width: "100%", height: "100%", sx: {
-    justifyContent: "center",
-    alignItems: "center"
-  }, children: /* @__PURE__ */ o($e, {}) }) : /* @__PURE__ */ w("div", { style: {
-    position: "relative"
-  }, ref: Ae, children: [
-    /* @__PURE__ */ o("canvas", { ref: re, width: l * 2, height: c * 2, style: {
-      userSelect: "none",
-      position: "absolute",
-      top: s.top,
-      left: s.left,
-      width: l,
-      height: c,
-      backgroundColor: "transparent"
-    } }),
-    /* @__PURE__ */ w("svg", { width: A, height: A, overflow: "visible", style: {
-      position: "absolute",
-      userSelect: "none"
-    }, onMouseMove: (e) => {
-      y ? z() : ye(e, a);
-    }, onMouseLeave: z, children: [
-      /* @__PURE__ */ w(ve, { top: s.top, left: s.left, children: [
-        J && T && /* @__PURE__ */ o(Ge, { pointData: p, animation: T, animationGroupSize: K, animationBuffer: O, xScaleTransformed: u, yScaleTransformed: v, boundedWidth: l, boundedHeight: c }),
-        f === "select" && /* @__PURE__ */ w(W, { children: [
-          Le.map((e, t) => /* @__PURE__ */ o(be, { fill: "transparent", stroke: "black", strokeWidth: 3, data: e, curve: et, x: (r) => r.x, y: (r) => r.y }, `line-${t}`)),
-          y && /* @__PURE__ */ w("g", { children: [
-            /* @__PURE__ */ o("line", { x1: P - s.left + V - 6, y1: R - s.top + Y, x2: P - s.left + V + 6, y2: R - s.top + Y, stroke: "black", strokeWidth: 1 }),
-            /* @__PURE__ */ o("line", { x1: P - s.left + V, y1: R - s.top + Y - 6, x2: P - s.left + V, y2: R - s.top + Y + 6, stroke: "black", strokeWidth: 1 }),
-            /* @__PURE__ */ o("circle", { cx: P - s.left, cy: R - s.top, r: 4, fill: "transparent", stroke: "black", pointerEvents: "none" })
-          ] })
-        ] }),
-        Ee && (() => {
-          const e = u(0), t = v(0);
-          return /* @__PURE__ */ w(W, { children: [
-            t >= 0 && t <= c && /* @__PURE__ */ o("line", { x1: 0, x2: l, y1: t, y2: t, stroke: "#000", strokeWidth: 1, strokeDasharray: "4,4", pointerEvents: "none" }),
-            e >= 0 && e <= l && /* @__PURE__ */ o("line", { x1: e, x2: e, y1: 0, y2: c, stroke: "#000", strokeWidth: 1, strokeDasharray: "4,4", pointerEvents: "none" })
-          ] });
-        })(),
-        /* @__PURE__ */ o("rect", { ref: te, fill: "transparent", width: l, height: c, style: {
-          cursor: Te
-        }, onMouseDown: Pe, onMouseUp: Re, onMouseMove: de, onMouseLeave: Ve, onTouchStart: Ye, onTouchEnd: Xe, onTouchMove: je, onWheel: De, onClick: ge }),
-        I && !y && /* @__PURE__ */ o(He, { position: {
-          x: u(I.x),
-          y: v(I.y)
-        }, boundedWidth: l, boundedHeight: c })
-      ] }),
-      /* @__PURE__ */ w(ve, { top: s.top, left: s.left, children: [
-        /* @__PURE__ */ o(tt, { scale: v, tickLabelProps: () => ({
-          fill: "#1c1917",
-          fontSize: 10,
-          textAnchor: "end",
-          verticalAnchor: "middle",
-          x: -10
-        }), tickValues: ue(v, 5) }),
-        /* @__PURE__ */ o(rt, { top: c, scale: u, tickLabelProps: () => ({
-          fill: "#1c1917",
-          fontSize: 11,
-          textAnchor: "middle"
-        }), tickValues: ue(u, 5) }),
-        ke && /* @__PURE__ */ w(W, { children: [
-          /* @__PURE__ */ o(nt, { top: 0, scale: u, tickValues: [] }),
-          /* @__PURE__ */ o(ot, { scale: v, tickValues: [], left: l })
-        ] }),
-        /* @__PURE__ */ o(pe, { textAnchor: "middle", verticalAnchor: "end", angle: -90, fontSize: 15, y: c / 2, x: 0, dx: -50, children: Se }),
-        /* @__PURE__ */ o(pe, { textAnchor: "middle", verticalAnchor: "start", fontSize: 15, y: c, x: l / 2, dy: 50, children: we })
-      ] }),
-      /* @__PURE__ */ o(We, { pointData: p, xScaleTransformed: u, yScaleTransformed: v, boundedWidth: l, boundedHeight: c, margin: s }),
-      L?.legend && /* @__PURE__ */ o(Ze, { backgroundGradient: L, boundedHeight: c, barLeft: s.left + l + 25, marginTop: s.top })
-    ] })
-  ] }) }) });
+import { jsx as a, jsxs as c } from "react/jsx-runtime";
+import { c as n } from "react/compiler-runtime";
+const m = (l) => {
+  const t = n(5), {
+    tooltipBody: e,
+    tooltipData: i
+  } = l;
+  let r;
+  t[0] !== e || t[1] !== i ? (r = e ? e(i) : /* @__PURE__ */ a("div", { children: i.metaData && Object.entries(i.metaData).map(s) }), t[0] = e, t[1] = i, t[2] = r) : r = t[2];
+  let o;
+  return t[3] !== r ? (o = /* @__PURE__ */ a("div", { children: r }), t[3] = r, t[4] = o) : o = t[4], o;
 };
+function s(l) {
+  const [t, e] = l;
+  return /* @__PURE__ */ c("div", { children: [
+    /* @__PURE__ */ c("strong", { children: [
+      t.charAt(0).toUpperCase() + t.slice(1),
+      ": "
+    ] }),
+    typeof e == "string" ? e.length > 45 ? `${e.replace(/_/g, " ").slice(0, 45)}...` : e.replace(/_/g, " ") : String(e)
+  ] }, t);
+}
 export {
-  Tt as default
+  m as default
 };
 //# sourceMappingURL=visualization.es59.js.map