@weng-lab/visualization 2.6.0-beta.1 → 2.7.0-beta.0

package/dist/visualization.es11.js

@@ -1,130 +1,150 @@
-import { jsx as n, jsxs as C, Fragment as z } from "react/jsx-runtime";
-import { useRef as E, useMemo as g, useImperativeHandle as J } from "react";
-import { getTextHeight as O } from "./visualization.es22.js";
-import K from "./visualization.es23.js";
-import { downloadSVGAsPNG as Q, downloadAsSVG as U, getAnimationProps as Z } from "./visualization.es24.js";
-import { useResponsiveParentSize as _ } from "./visualization.es19.js";
-import R from "./visualization.es25.js";
-import T from "./visualization.es26.js";
-import H from "./visualization.es27.js";
-import { ResponsiveContainer as p } from "./visualization.es15.js";
-import tt from "./visualization.es28.js";
-import { motion as et } from "./visualization.es29.js";
-import N from "./visualization.es30.js";
-import X from "./visualization.es31.js";
-const xt = (t) => {
-  const {
-    parentRef: F,
-    containerStyle: j,
-    width: m,
-    height: w
-  } = _({
+import { jsx as o, jsxs as rt, Fragment as ct } from "react/jsx-runtime";
+import st, { useRef as dt, useMemo as d, useCallback as $, useImperativeHandle as mt } from "react";
+import ht from "./visualization.es53.js";
+import { useTheme as gt, Stack as ut, Tooltip as ft, IconButton as Mt } from "@mui/material";
+import { HighlightAlt as xt } from "@mui/icons-material";
+import { downloadDivAsPNG as bt, downloadDivAsSVG as K } from "./visualization.es36.js";
+import { getPointExtents as Pt, getDomains as vt, DEFAULT_DIM_STYLE as V, isSameTransform as Dt } from "./visualization.es23.js";
+import St from "./visualization.es54.js";
+import yt from "./visualization.es55.js";
+import wt from "./visualization.es56.js";
+import Ct from "./visualization.es57.js";
+import { useSelectionMode as Lt } from "./visualization.es58.js";
+import { useMiniMapToggle as Tt } from "./visualization.es59.js";
+import { useHoverTooltip as At } from "./visualization.es60.js";
+import { useCrosshair as Gt } from "./visualization.es61.js";
+import { useHoveredPointKeys as Ht } from "./visualization.es62.js";
+import { useResponsiveParentSize as Rt } from "./visualization.es25.js";
+import W from "./visualization.es50.js";
+import { ResponsiveContainer as zt } from "./visualization.es19.js";
+import It from "./visualization.es17.js";
+const e = {
+  top: 20,
+  right: 20,
+  bottom: 70,
+  left: 70
+}, to = (t) => {
+  const Y = gt(), M = dt(null), j = t.initialState?.controls?.selectionType ?? (t.selectable ? "select" : "pan"), q = t.initialState?.minimap?.open ?? !1, {
+    parentRef: X,
+    containerStyle: U,
+    width: x,
+    height: b
+  } = Rt({
     width: t.width,
     height: t.height
-  }), V = E(null), h = g(() => t.distributions.map((e, i) => e.label ?? `Group ${i + 1}`), [t.distributions]), o = t.labelOrientation ?? "horizontal", d = 15, S = t.cutoffLine ?? "none", x = t.horizontal ? o === "vertical" ? d : Math.max(...h.map((e) => O(e, d, "Arial"))) / (o !== "horizontal" ? 1.25 : 1) : o === "horizontal" ? d : Math.max(...h.map((e) => O(e, d, "Arial"))) / (o !== "vertical" ? 1.25 : 1), A = 40, a = t.horizontal ? o !== "vertical" ? x / 1.75 : x : A, $ = m - 2 * a, v = w - x - 2 * a, P = m - 2.5 * a, s = w - 130, D = t.distributions.flatMap((e) => e.data.flatMap((i) => i.value)), u = Math.min(...D), b = Math.max(...D), l = t.cutoffValue ?? u, B = g(() => R({
-    range: [0, $],
-    round: !0,
-    domain: h,
-    padding: 0.4
-  }), [$, h]), r = g(() => {
-    const e = 0.07 * (b - Math.max(u, l));
-    return T({
-      range: [v, 0],
-      round: !0,
-      // Make the bottom most tick 7% of the domain less so that there is room between the lowest plot and the bottom axis
-      domain: [Math.max(u, l) - e, b + e]
-    });
-  }, [v, u, b, l]), f = g(() => {
-    const e = 0.07 * (b - Math.max(u, l));
-    return T({
-      range: [0, P],
-      round: !0,
-      // Make the bottom most tick 7% of the domain less so that there is room between the lowest plot and the bottom axis
-      domain: [Math.max(u, l) - e, b + e]
-    });
-  }, [P, u, b, l]), G = g(() => R({
-    range: [0, s],
-    round: !0,
-    domain: h,
-    padding: 0.4
-  }), [s, h]), I = t.horizontal ? f : r, W = t.horizontal ? G : B, Y = t.horizontal ? /* @__PURE__ */ n(H, { textAnchor: "middle", verticalAnchor: "end", fontSize: d, y: s + A + 20, x: P / 2 + a, children: t.axisLabel }) : /* @__PURE__ */ n(H, { textAnchor: "middle", verticalAnchor: "end", angle: -90, fontSize: d, y: v / 2, x: -10, children: t.axisLabel }), q = g(() => {
-    const e = r.ticks();
-    return t.cutoffValue ? Array.from(/* @__PURE__ */ new Set([...e, l])).sort((i, c) => i - c) : e;
-  }, [r, l]);
-  return J(t.ref, () => ({
+  }), n = t.square ?? !1, a = Math.min(b, x), g = n ? a : x, u = n ? a : b, l = st.useRef(null), P = t.selectable ?? !1, r = n ? a * 0.9 - e.left : Math.max(0, g - e.left - e.right), c = n ? a * 0.9 - e.left : Math.max(0, u - e.top - e.bottom), J = t.downloadButton ?? !1, {
+    selectMode: v,
+    handleSelectionModeChange: Q
+  } = Lt({
+    initialSelectionMode: j
+  }), {
+    showMiniMap: D,
+    toggleMiniMap: _
+  } = Tt({
+    initialOpen: q
+  }), S = d(() => Pt(t.pointData), [t.pointData]), y = d(() => vt(S), [S]), [w, C] = t.xDomain ?? y.xDomain, [L, T] = t.yDomain ?? y.yDomain, m = d(() => W({
+    domain: [w, C],
+    range: [0, r]
+  }), [r, w, C]), h = d(() => W({
+    domain: [L, T],
+    range: [c, 0]
+  }), [c, L, T]), {
+    hoveredPoint: f,
+    handleMouseMove: A,
+    handleMouseLeave: G
+  } = At({
+    pointData: t.pointData,
+    margin: e,
+    xScale: m,
+    yScale: h,
+    onHoveredPointChange: t.onHoveredPointChange,
+    tooltipRef: M
+  }), H = Ht({
+    pointData: t.pointData,
+    hoveredPoint: f,
+    hoveredPoints: t.hoveredPoints,
+    groupPointsAnchor: t.groupPointsAnchor
+  }), R = (t.spotlight ?? !1) && !f && t.hoveredPoints !== void 0, z = t.dimStyle?.color ?? V.color, I = t.dimStyle?.opacity ?? V.opacity, k = d(() => ({
+    color: z,
+    opacity: I
+  }), [z, I]), B = t.crosshair ?? !1, {
+    crosshairPosition: p,
+    handleCrosshairMove: Z,
+    handleCrosshairLeave: N
+  } = Gt({
+    enabled: B,
+    margin: e,
+    boundedWidth: r,
+    boundedHeight: c,
+    xScale: m,
+    yScale: h,
+    onCrosshairChange: t.onCrosshairChange
+  }), E = B ? p ?? t.crosshairPosition ?? null : null, tt = $((i, s) => {
+    A(i, s), Z(i, s);
+  }, [Z, A]), ot = $(() => {
+    G(), N();
+  }, [N, G]);
+  mt(t.ref, () => ({
     downloadSVG: () => {
-      V.current && U(V.current, t.downloadFileName ?? "violin_plot.svg");
+      l.current && K(l.current, t.downloadFileName ?? "scatter_plot.svg");
     },
     downloadPNG: () => {
-      V.current && Q(V.current, t.downloadFileName ?? "violin_plot.png");
+      l.current && bt(l.current, t.downloadFileName ?? "scatter_plot.png");
     }
-  })), /* @__PURE__ */ n(p, { parentRef: F, containerStyle: j, children: /* @__PURE__ */ n("svg", { width: m ?? 0, height: w ?? 0, ref: V, children: /* @__PURE__ */ C(tt, { top: A, left: a, children: [
-    t.distributions.map((e, i) => {
-      const c = t.animation ? et.g : "g", k = Z(t.animation, i, t.animationBuffer ?? 0.03);
-      return /* @__PURE__ */ n(c, { ...k, children: /* @__PURE__ */ n(K, { distribution: e, distIndex: i, violinProps: t.violinProps, crossProps: t.crossProps, valueScale: I, labelScale: W, offset: a, labels: h, disableCrossPlot: t.disableCrossPlot ?? !1, disableViolinPlot: t.disableViolinPlot ?? !1, horizontal: t.horizontal ?? !1, pointTooltipBody: t.pointTooltipBody, onViolinClicked: t.onViolinClicked, onPointClicked: t.onPointClicked }, i) }, `node-${i}`);
-    }),
-    t.cutoffValue && (t.horizontal ? /* @__PURE__ */ C(z, { children: [
-      /* @__PURE__ */ n("rect", { x: 0, y: 0, width: f(l), height: s, fill: "white", opacity: t.cutoffOpacity ?? 0.8 }),
-      /* @__PURE__ */ n("rect", { x: -x, y: 0, width: x + a, height: s, fill: "white" })
-    ] }) : /* @__PURE__ */ C(z, { children: [
-      /* @__PURE__ */ n("rect", { x: a, y: r(l), width: m - a, height: r(l), fill: "white", opacity: t.cutoffOpacity ?? 0.8 }),
-      /* @__PURE__ */ n("rect", { x: a, y: v, width: m - a, height: x + 2 * a, fill: "white" })
-    ] })),
-    t.horizontal ? /* @__PURE__ */ C(z, { children: [
-      /* @__PURE__ */ n(N, { scale: f, top: s, left: a, stroke: "black", tickStroke: "black", tickValues: q, tickLabelProps: () => ({
-        fill: "black",
-        fontSize: d,
-        textAnchor: "end",
-        dy: "0.33em"
-      }) }, "axisLeft"),
-      Y,
-      /* @__PURE__ */ n(X, { left: a, scale: G, stroke: "black", tickStroke: "black", tickValues: h, tickLabelProps: () => ({
-        fill: "black",
-        fontSize: d
-      }), tickComponent: ({
-        x: e,
-        y: i,
-        formattedValue: c,
-        ...k
-      }) => {
-        const y = () => {
-          if (!t.onViolinClicked) return;
-          const L = t.distributions.find((M) => M.label === c);
-          t.onViolinClicked(L);
-        };
-        return o !== "horizontal" ? /* @__PURE__ */ n("text", { ...k, onClick: y, cursor: t.onViolinClicked ? "pointer" : "text", x: e, y: i, dx: o === "vertical" ? 0 : "-0.25em", dy: o === "vertical" ? "0.50em" : o === "leftDiagonal" ? "-0.25em" : "0.25em", transform: o === "vertical" ? `rotate(90, ${e}, ${i})` : o === "leftDiagonal" ? `rotate(-45, ${e}, ${i})` : `rotate(45, ${e}, ${i})`, textAnchor: o === "vertical" ? "middle" : "end", dominantBaseline: "middle", children: c }) : /* @__PURE__ */ n("text", { ...k, x: e, y: i, textAnchor: "end", dominantBaseline: "middle", dx: "-0.50em", onClick: y, cursor: t.onViolinClicked ? "pointer" : "text", children: c });
-      } }, "axisBottom")
-    ] }) : /* @__PURE__ */ C(z, { children: [
-      /* @__PURE__ */ n(X, { left: a, scale: r, stroke: "black", tickStroke: "black", tickLabelProps: () => ({
-        fill: "black",
-        fontSize: d,
-        textAnchor: "end",
-        dy: "0.33em"
-      }) }, "axisLeft"),
-      Y,
-      /* @__PURE__ */ n(N, { left: a, top: v, scale: B, stroke: "black", tickStroke: "black", tickValues: h, tickLabelProps: () => ({
-        fill: "black",
-        fontSize: d,
-        textAnchor: o === "vertical" || o === "leftDiagonal" ? "end" : o === "rightDiagonal" ? "start" : "middle"
-      }), tickComponent: ({
-        x: e,
-        y: i,
-        formattedValue: c,
-        ...k
-      }) => {
-        const y = () => {
-          if (!t.onViolinClicked) return;
-          const L = t.distributions.find((M) => M.label === c);
-          t.onViolinClicked(L);
-        };
-        return o !== "horizontal" ? /* @__PURE__ */ n("text", { onClick: y, cursor: t.onViolinClicked ? "pointer" : "text", ...k, x: e, y: i, transform: o === "vertical" ? `rotate(-90, ${e}, ${i})` : o === "leftDiagonal" ? `rotate(-45, ${e}, ${i})` : `rotate(45, ${e}, ${i})`, textAnchor: o === "vertical" || o === "leftDiagonal" ? "end" : o === "rightDiagonal" ? "start" : "middle", children: c }) : /* @__PURE__ */ n("text", { ...k, x: e, y: i, textAnchor: "middle", onClick: y, cursor: t.onViolinClicked ? "pointer" : "text", children: c });
-      } }, "axisBottom")
-    ] }),
-    t.show95thPercentileLine && (t.horizontal ? f.domain()[1] > 1.645 && /* @__PURE__ */ n("line", { x1: f(1.645), x2: f(1.645), y1: 0, y2: s, stroke: "black", strokeDasharray: "5 7" }) : r.domain()[1] > 1.645 && /* @__PURE__ */ n("line", { y1: r(1.645), y2: r(1.645), x1: a, x2: m, stroke: "black", strokeDasharray: "5 7" })),
-    t.cutoffValue && S !== "none" && (t.horizontal ? /* @__PURE__ */ n("line", { x1: f(t.cutoffValue), x2: f(t.cutoffValue), y1: 0, y2: s, stroke: "black", strokeDasharray: S === "dashed" ? "5 7" : "" }) : /* @__PURE__ */ n("line", { y1: r(t.cutoffValue), y2: r(t.cutoffValue), x1: a, x2: m, stroke: "black", strokeDasharray: S === "dashed" ? "5 7" : "" }))
-  ] }) }) });
+  }));
+  const et = () => {
+    l.current && K(l.current, t.downloadFileName ?? "scatter_plot.svg");
+  }, F = (i) => {
+    const s = {
+      x: r / 2,
+      y: c / 2
+    }, it = () => {
+      i.scale({
+        scaleX: 1.2,
+        scaleY: 1.2,
+        point: s
+      });
+    }, nt = () => {
+      i.scale({
+        scaleX: 0.8,
+        scaleY: 0.8,
+        point: s
+      });
+    }, at = () => {
+      i.reset();
+    }, lt = t.controlsPosition ?? "left";
+    return /* @__PURE__ */ rt(ct, { children: [
+      !t.disableZoom && /* @__PURE__ */ o(ut, { direction: "column", sx: {
+        position: "absolute",
+        ...lt === "right" ? {
+          right: n ? `max(10px, calc(45% - ${a / 2}px))` : "10px"
+        } : {
+          left: n ? `max(10px, calc(45% - ${a / 2}px))` : "10px"
+        },
+        top: n ? `calc(50% - ${a / 2}px + ${e.top}px)` : `${e.top}px`,
+        zIndex: 10
+      }, children: /* @__PURE__ */ o(ht, { selectable: P, resetable: !Dt(i.transformMatrix, i.initialTransformMatrix), handleSelectionModeChange: Q, selectMode: v, zoomIn: it, zoomOut: nt, zoomReset: at, highlight: t.controlsHighlight, downloadButton: J, downloadPlot: et }) }),
+      /* @__PURE__ */ o(St, { width: g, height: u, margin: e, boundedWidth: r, boundedHeight: c, loading: t.loading, pointData: t.pointData, animation: t.animation, animationGroupSize: t.animationGroupSize, animationBuffer: t.animationBuffer, xScale: m, yScale: h, zoom: i, selectMode: v, selectable: P, disableZoom: t.disableZoom, hoveredPoint: f, hoveredPointKeys: H, spotlit: R, dimStyle: k, hoverGrowth: t.hoverGrowth, hoverStroke: t.hoverStroke, handleMouseMove: tt, handleMouseLeave: ot, onDisplayedPointsChange: t.onDisplayedPointsChange, onSelectionChange: t.onSelectionChange, onPointClicked: t.onPointClicked, leftAxisLabel: t.leftAxisLabel, bottomAxisLabel: t.bottomAxisLabel, border: t.border ?? !1, originLine: t.originLine, backgroundGradient: t.backgroundGradient, crosshair: E, divRef: l }),
+      t.miniMap && !t.disableZoom && /* @__PURE__ */ o(ft, { title: "Toggle Minimap", children: /* @__PURE__ */ o(Mt, { sx: {
+        position: "absolute",
+        right: 10,
+        bottom: 10,
+        zIndex: 10,
+        width: "auto",
+        height: "auto",
+        color: D ? t.controlsHighlight ?? "primary.main" : "default"
+      }, size: "small", onClick: _, children: /* @__PURE__ */ o(xt, {}) }) }),
+      D && t.miniMap && !t.disableZoom && !t.loading && /* @__PURE__ */ o(yt, { miniMap: t.miniMap, width: g, height: u, pointData: t.pointData, xScale: m, yScale: h, zoom: i, crosshair: E, dimStyle: k, spotlitKeys: R ? H : null }),
+      !t.disableTooltip && // Above the controls and the minimap toggle, which sit at z-index 10 in the
+      // root stacking context and would otherwise win against the portalled
+      // tooltip's auto z-index. The theme's tooltip layer also matches the MUI
+      // tooltips on those same controls.
+      /* @__PURE__ */ o(It, { ref: M, zIndex: Y.zIndex.tooltip, children: (O) => t.tooltipBody ? t.tooltipBody(O) : /* @__PURE__ */ o(Ct, { point: O }) })
+    ] });
+  };
+  return /* @__PURE__ */ o(zt, { parentRef: X, containerStyle: U, children: t.zoom ? F(t.zoom) : /* @__PURE__ */ o(wt, { width: r, height: c, children: F }) });
 };
 export {
-  xt as default
+  to as default
 };
 //# sourceMappingURL=visualization.es11.js.map

package/dist/visualization.es11.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es11.js","sources":["../src/components/ViolinPlot/violinPlot.tsx"],"sourcesContent":["import { Distribution, ViolinPlotProps } from \"./types\";\nimport { Group } from \"@visx/group\";\nimport { scaleBand, scaleLinear } from \"@visx/scale\";\nimport { AxisLeft, AxisBottom } from '@visx/axis';\nimport { useImperativeHandle, useMemo, useRef } from \"react\";\nimport { Text } from '@visx/text';\nimport { getTextHeight } from \"./helpers\";\nimport SingleViolin from \"./singleViolin\";\nimport { downloadAsSVG, downloadSVGAsPNG, getAnimationProps } from \"../../utility\";\nimport { ResponsiveContainer, useResponsiveParentSize } from \"../../responsive\";\nimport { motion } from \"framer-motion\";\n\nconst ViolinPlot = <T extends object>(\n    props: ViolinPlotProps<T>,\n) => {\n    const { parentRef, containerStyle, width: parentWidth, height: parentHeight } = useResponsiveParentSize({ width: props.width, height: props.height });\n    const svgRef = useRef<SVGSVGElement | null>(null);\n\n    //Array of labels fo xDomain\n    const labels = useMemo(() => {\n        return props.distributions.map((x, i) => x.label ?? `Group ${i + 1}`);\n    }, [props.distributions]);\n\n    const labelOrientation = props.labelOrientation ?? \"horizontal\"\n    const fontSize = 15;\n\n    const cutoffLine = props.cutoffLine ?? \"none\"\n\n    //If the label orientation is anything but horizontal, find the max height of the elements, otherwise set to fontsize\n    const maxLabelHeight = props.horizontal ? ((labelOrientation === \"vertical\" ? fontSize : Math.max(\n        ...labels.map(label => getTextHeight(label, fontSize, \"Arial\"))\n    ) / (labelOrientation !== \"horizontal\" ? 1.25 : 1))) :\n        (labelOrientation === \"horizontal\" ? fontSize : Math.max(\n            ...labels.map(label => getTextHeight(label, fontSize, \"Arial\"))\n        ) / (labelOrientation !== \"vertical\" ? 1.25 : 1));\n\n    const baseOffset = 40;\n    const offset = props.horizontal ? labelOrientation !== \"vertical\" ? maxLabelHeight / 1.75 : maxLabelHeight : baseOffset;\n\n    // bounds\n    const vertXMax = parentWidth - 2 * offset;\n    const vertYMax = parentHeight - maxLabelHeight - 2 * offset;\n    const horizonXMax = parentWidth - 2.5 * offset;\n    const horizonYMax = parentHeight - 130;\n\n    //all values from data spread out based on count\n    const allValues: number[] = props.distributions.flatMap(x =>\n        x.data.flatMap(d => d.value)\n    );\n\n    const minYValue = Math.min(...allValues);\n    const maxYValue = Math.max(...allValues);\n\n    const cutoffValue = props.cutoffValue ?? minYValue\n\n    // scales\n    const vertXScale = useMemo(() => {\n        return scaleBand<string>({\n            range: [0, vertXMax],\n            round: true,\n            domain: labels,\n            padding: 0.4,\n        });\n    }, [vertXMax, labels]);\n\n    const vertYScale = useMemo(() => {\n        const padding = .07 * (maxYValue - (Math.max(minYValue, cutoffValue)))\n        return scaleLinear<number>({\n            range: [vertYMax, 0],\n            round: true,\n            // Make the bottom most tick 7% of the domain less so that there is room between the lowest plot and the bottom axis\n            domain: [(Math.max(minYValue, cutoffValue)) - padding, maxYValue + padding],\n        });\n    }, [vertYMax, minYValue, maxYValue, cutoffValue]);\n\n    const horizonXScale = useMemo(() => {\n        const padding = .07 * (maxYValue - (Math.max(minYValue, cutoffValue)))\n        return scaleLinear<number>({\n            range: [0, horizonXMax],\n            round: true,\n            // Make the bottom most tick 7% of the domain less so that there is room between the lowest plot and the bottom axis\n            domain: [(Math.max(minYValue, cutoffValue)) - padding, maxYValue + padding],\n        });\n    }, [horizonXMax, minYValue, maxYValue, cutoffValue]);\n\n    const horizonYScale = useMemo(() => {\n        return scaleBand<string>({\n            range: [0, horizonYMax],\n            round: true,\n            domain: labels,\n            padding: 0.4,\n        });\n    }, [horizonYMax, labels]);\n\n\n    const valueScale = props.horizontal ? horizonXScale : vertYScale;\n    const labelScale = props.horizontal ? horizonYScale : vertXScale;\n\n    const axisLabel = props.horizontal ? (\n        <Text\n            textAnchor=\"middle\"\n            verticalAnchor=\"end\"\n            fontSize={fontSize}\n            y={horizonYMax + baseOffset + 20}\n            x={horizonXMax / 2 + offset}\n        >\n            {props.axisLabel}\n        </Text>\n    ) : (\n        <Text\n            textAnchor=\"middle\"\n            verticalAnchor=\"end\"\n            angle={-90}\n            fontSize={fontSize}\n            y={vertYMax / 2}\n            x={-10}\n        >\n            {props.axisLabel}\n        </Text>\n    );\n\n    const tickValues = useMemo(() => {\n        const baseTicks = vertYScale.ticks();\n        if (props.cutoffValue) return Array.from(new Set([...baseTicks, cutoffValue])).sort((a, b) => a - b);\n        return baseTicks;\n    }, [vertYScale, cutoffValue]);\n\n    //Download the plot as svg or png using the passed ref from the parent\n    useImperativeHandle(props.ref, () => ({\n        downloadSVG: () => {\n            if (svgRef.current) downloadAsSVG(svgRef.current, props.downloadFileName ?? \"violin_plot.svg\");\n        },\n        downloadPNG: () => {\n            if (svgRef.current) downloadSVGAsPNG(svgRef.current, props.downloadFileName ?? \"violin_plot.png\");\n        },\n    }));\n\n    return (\n        <ResponsiveContainer parentRef={parentRef} containerStyle={containerStyle}>\n            <svg width={parentWidth ?? 0} height={parentHeight?? 0} ref={svgRef}>\n                <Group top={baseOffset} left={offset}>\n                    {props.distributions.map((x: Distribution<T>, i) => {\n                        const Wrapper = props.animation ? motion.g : \"g\";\n                        const animProps = getAnimationProps(props.animation, i, props.animationBuffer ?? .03);\n                        \n                        return (\n                            <Wrapper key={`node-${i}`} {...animProps}>\n                                <SingleViolin\n                                    key={i}\n                                    distribution={x}\n                                    distIndex={i}\n                                    violinProps={props.violinProps}\n                                    crossProps={props.crossProps}\n                                    valueScale={valueScale}\n                                    labelScale={labelScale}\n                                    offset={offset}\n                                    labels={labels}\n                                    disableCrossPlot={props.disableCrossPlot ?? false}\n                                    disableViolinPlot={props.disableViolinPlot ?? false}\n                                    horizontal={props.horizontal ?? false}\n                                    pointTooltipBody={props.pointTooltipBody}\n                                    onViolinClicked={props.onViolinClicked}\n                                    onPointClicked={props.onPointClicked}\n                                />\n                            </Wrapper>\n                        )\n                    })}\n                    {/* opacity box to cutoff the rest of the plot */}\n                    {props.cutoffValue && (\n                        props.horizontal ? (\n                            <>\n                                <rect\n                                    x={0}\n                                    y={0}\n                                    width={horizonXScale(cutoffValue)}\n                                    height={horizonYMax}\n                                    fill=\"white\"\n                                    opacity={props.cutoffOpacity ?? .8}\n                                />\n                                <rect\n                                    x={-maxLabelHeight}\n                                    y={0}\n                                    width={maxLabelHeight + offset}\n                                    height={horizonYMax}\n                                    fill=\"white\"\n                                />\n                            </>\n                        ) : (\n                            <>\n                                <rect\n                                    x={offset}\n                                    y={vertYScale(cutoffValue)}\n                                    width={parentWidth - offset}\n                                    height={vertYScale(cutoffValue)}\n                                    fill=\"white\"\n                                    opacity={props.cutoffOpacity ?? .8}\n                                />\n                                <rect\n                                    x={offset}\n                                    y={vertYMax}\n                                    width={parentWidth - offset}\n                                    height={maxLabelHeight + 2 * offset}\n                                    fill=\"white\"\n                                />\n                            </>\n                        )\n                    )}\n                    {props.horizontal ? (\n                        <>\n                            <AxisBottom\n                                key={\"axisLeft\"}\n                                scale={horizonXScale}\n                                top={horizonYMax}\n                                left={offset}\n                                stroke=\"black\"\n                                tickStroke=\"black\"\n                                tickValues={tickValues}\n                                tickLabelProps={() => ({\n                                    fill: 'black',\n                                    fontSize: fontSize,\n                                    textAnchor: 'end',\n                                    dy: '0.33em',\n                                })}\n                            />\n                            {axisLabel}\n                            <AxisLeft\n                                key={\"axisBottom\"}\n                                left={offset}\n                                scale={horizonYScale}\n                                stroke=\"black\"\n                                tickStroke=\"black\"\n                                tickValues={labels}\n                                tickLabelProps={() => ({\n                                    fill: 'black',\n                                    fontSize: fontSize,\n                                })}\n                                tickComponent={({ x, y, formattedValue, ...tickProps }) => {\n                                    const handleClick = () => {\n                                        if (!props.onViolinClicked) return;\n\n                                        const distribution = props.distributions.find(d => d.label === formattedValue)!;\n                                        props.onViolinClicked(distribution);\n                                    };\n\n                                    if (labelOrientation !== \"horizontal\") {\n                                        return (\n                                            <text\n                                                {...tickProps}\n                                                onClick={handleClick}\n                                                cursor={props.onViolinClicked ? \"pointer\" : \"text\"}\n                                                x={x}\n                                                y={y}\n                                                dx={labelOrientation === \"vertical\" ? 0 : \"-0.25em\"}\n                                                dy={labelOrientation === \"vertical\" ? \"0.50em\" : labelOrientation === \"leftDiagonal\" ? \"-0.25em\" : \"0.25em\"}\n                                                transform={\n                                                    labelOrientation === \"vertical\" ? `rotate(90, ${x}, ${y})` :\n                                                        labelOrientation === \"leftDiagonal\" ? `rotate(-45, ${x}, ${y})` :\n                                                            `rotate(45, ${x}, ${y})`\n                                                }\n                                                textAnchor={labelOrientation === \"vertical\" ? \"middle\" : \"end\"}\n                                                dominantBaseline=\"middle\"\n                                            >\n                                                {formattedValue}\n                                            </text>\n                                        );\n                                    }\n                                    return (\n                                        <text {...tickProps} x={x} y={y} textAnchor=\"end\" dominantBaseline=\"middle\" dx=\"-0.50em\" onClick={handleClick} cursor={props.onViolinClicked ? \"pointer\" : \"text\"}>\n                                            {formattedValue}\n                                        </text>\n                                    );\n                                }}\n                            />\n                        </>\n                    ) : (\n                        <>\n                            <AxisLeft\n                                key={\"axisLeft\"}\n                                left={offset}\n                                scale={vertYScale}\n                                stroke=\"black\"\n                                tickStroke=\"black\"\n                                tickLabelProps={() => ({\n                                    fill: 'black',\n                                    fontSize: fontSize,\n                                    textAnchor: 'end',\n                                    dy: '0.33em',\n                                })}\n                            />\n                            {axisLabel}\n                            <AxisBottom\n                                key={\"axisBottom\"}\n                                left={offset}\n                                top={vertYMax}\n                                scale={vertXScale}\n                                stroke=\"black\"\n                                tickStroke=\"black\"\n                                tickValues={labels}\n                                tickLabelProps={() => ({\n                                    fill: 'black',\n                                    fontSize: fontSize,\n                                    textAnchor: labelOrientation === \"vertical\" || labelOrientation === \"leftDiagonal\" ? \"end\" : labelOrientation === \"rightDiagonal\" ? \"start\" : \"middle\",\n                                })}\n                                tickComponent={({ x, y, formattedValue, ...tickProps }) => {\n                                    const handleClick = () => {\n                                        if (!props.onViolinClicked) return;\n\n                                        const distribution = props.distributions.find(d => d.label === formattedValue)!;\n                                        props.onViolinClicked(distribution);\n                                    };\n\n                                    if (labelOrientation !== \"horizontal\") {\n                                        return (\n                                            <text\n                                                onClick={handleClick}\n                                                cursor={props.onViolinClicked ? \"pointer\" : \"text\"}\n                                                {...tickProps}\n                                                x={x}\n                                                y={y}\n                                                transform={\n                                                    labelOrientation === \"vertical\" ? `rotate(-90, ${x}, ${y})` :\n                                                        labelOrientation === \"leftDiagonal\" ? `rotate(-45, ${x}, ${y})` :\n                                                            `rotate(45, ${x}, ${y})`\n                                                }\n                                                textAnchor={labelOrientation === \"vertical\" || labelOrientation === \"leftDiagonal\" ? \"end\" : labelOrientation === \"rightDiagonal\" ? \"start\" : \"middle\"}\n                                            >\n                                                {formattedValue}\n                                            </text>\n                                        );\n                                    }\n                                    return (\n                                        <text {...tickProps} x={x} y={y} textAnchor=\"middle\" onClick={handleClick} cursor={props.onViolinClicked ? \"pointer\" : \"text\"}>\n                                            {formattedValue}\n                                        </text>\n                                    );\n                                }}\n                            />\n                        </>\n                    )\n                    }\n                    {props.show95thPercentileLine && (\n                        props.horizontal ? (\n                            horizonXScale.domain()[1] > 1.645 && (\n                                <line\n                                    x1={horizonXScale(1.645)}\n                                    x2={horizonXScale(1.645)}\n                                    y1={0}\n                                    y2={horizonYMax}\n                                    stroke=\"black\"\n                                    strokeDasharray=\"5 7\"\n                                />\n                            )\n                        ) : (\n                            vertYScale.domain()[1] > 1.645 && (\n                                <line\n                                    y1={vertYScale(1.645)}\n                                    y2={vertYScale(1.645)}\n                                    x1={offset}\n                                    x2={parentWidth}\n                                    stroke=\"black\"\n                                    strokeDasharray=\"5 7\"\n                                />\n                            )\n                        )\n                    )}\n                    {/* cutoff dotted line */}\n                    {props.cutoffValue && cutoffLine !== \"none\" && (\n                        props.horizontal ? (\n                            <line\n                                x1={horizonXScale(props.cutoffValue)}\n                                x2={horizonXScale(props.cutoffValue)}\n                                y1={0}\n                                y2={horizonYMax}\n                                stroke=\"black\"\n                                strokeDasharray={cutoffLine === \"dashed\" ? \"5 7\" : \"\"}\n                            />\n                        ) : (\n                            <line\n                                y1={vertYScale(props.cutoffValue)}\n                                y2={vertYScale(props.cutoffValue)}\n                                x1={offset}\n                                x2={parentWidth}\n                                stroke=\"black\"\n                                strokeDasharray={cutoffLine === \"dashed\" ? \"5 7\" : \"\"}\n                            />\n                        )\n                    )}\n                </Group>\n            </svg>\n        </ResponsiveContainer>\n    );\n}\n\nexport default ViolinPlot"],"names":["ViolinPlot","props","parentRef","containerStyle","width","parentWidth","height","parentHeight","useResponsiveParentSize","svgRef","useRef","labels","useMemo","distributions","map","x","i","label","labelOrientation","fontSize","cutoffLine","maxLabelHeight","horizontal","Math","max","getTextHeight","baseOffset","offset","vertXMax","vertYMax","horizonXMax","horizonYMax","allValues","flatMap","data","d","value","minYValue","min","maxYValue","cutoffValue","vertXScale","scaleBand","range","round","domain","padding","vertYScale","scaleLinear","horizonXScale","horizonYScale","valueScale","labelScale","axisLabel","jsx","Text","tickValues","baseTicks","ticks","Array","from","Set","sort","a","b","useImperativeHandle","ref","downloadSVG","current","downloadAsSVG","downloadFileName","downloadPNG","downloadSVGAsPNG","ResponsiveContainer","jsxs","Group","Wrapper","animation","motion","g","animProps","getAnimationProps","animationBuffer","SingleViolin","violinProps","crossProps","disableCrossPlot","disableViolinPlot","pointTooltipBody","onViolinClicked","onPointClicked","Fragment","cutoffOpacity","AxisBottom","fill","textAnchor","dy","AxisLeft","y","formattedValue","tickProps","handleClick","distribution","find","show95thPercentileLine"],"mappings":"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"}
+{"version":3,"file":"visualization.es11.js","sources":["../src/components/ScatterPlot/scatterplot.tsx"],"sourcesContent":["import React, { useCallback, useImperativeHandle, useMemo, useRef } from 'react';\nimport { ChartProps, Point, ZoomType } from './types';\nimport { scaleLinear } from '@visx/scale';\nimport ControlButtons from './controls';\nimport { IconButton, Stack, Tooltip, useTheme } from '@mui/material';\nimport { HighlightAlt } from '@mui/icons-material';\nimport { downloadDivAsPNG, downloadDivAsSVG } from '../../utility';\nimport { ResponsiveContainer, useResponsiveParentSize } from '../../responsive';\nimport { PlotTooltip, type PlotTooltipHandle } from '../../tooltip';\nimport { DEFAULT_DIM_STYLE, getDomains, getPointExtents, isSameTransform } from './helpers';\nimport ScatterPlotViewport from './ScatterPlotViewport';\nimport MiniMap from './minimap';\nimport PlotZoom from './PlotZoom';\nimport DefaultTooltipBody from './tooltip';\nimport { useSelectionMode } from './hooks/useSelectionMode';\nimport { useMiniMapToggle } from './hooks/useMiniMapToggle';\nimport { useHoverTooltip } from './hooks/useHoverTooltip';\nimport { useCrosshair } from './hooks/useCrosshair';\nimport { useHoveredPointKeys } from './hooks/useHoveredPointKeys';\n\nconst MARGIN = { top: 20, right: 20, bottom: 70, left: 70 };\n\nconst ScatterPlot = <T extends object, S extends boolean | undefined = undefined, Z extends boolean | undefined = undefined>(\n    props: ChartProps<T, S, Z>\n) => {\n    const theme = useTheme();\n    const tooltipRef = useRef<PlotTooltipHandle<Point<T>>>(null);\n\n    const initialSelectionMode = props.initialState?.controls?.selectionType ?? (props.selectable ? \"select\" : \"pan\");\n    const initialMiniMapOpen = props.initialState?.minimap?.open ?? false;\n\n    const { parentRef, containerStyle, width: parentWidth, height: parentHeight } = useResponsiveParentSize({ width: props.width, height: props.height });\n    // The square path is kept exactly as it was, so turning `square` on is a no-op against\n    // previous versions. Unsquared, the plot takes the whole container and only the axis\n    // margins are held back.\n    const square = props.square ?? false;\n    const size = Math.min(parentHeight, parentWidth)\n    const plotWidth = square ? size : parentWidth;\n    const plotHeight = square ? size : parentHeight;\n\n    const divRef = React.useRef<HTMLDivElement>(null);\n    const selectable = props.selectable ?? false;\n    const boundedWidth = square\n        ? size * 0.9 - MARGIN.left\n        : Math.max(0, plotWidth - MARGIN.left - MARGIN.right);\n    const boundedHeight = square\n        ? size * 0.9 - MARGIN.left\n        : Math.max(0, plotHeight - MARGIN.top - MARGIN.bottom);\n    const downloadButton = props.downloadButton ?? false\n\n    const { selectMode, handleSelectionModeChange } = useSelectionMode({ initialSelectionMode });\n\n    const { showMiniMap, toggleMiniMap } = useMiniMapToggle({ initialOpen: initialMiniMapOpen });\n\n    const pointExtents = useMemo(() => getPointExtents(props.pointData), [props.pointData]);\n    const dataDomains = useMemo(() => getDomains(pointExtents), [pointExtents]);\n\n    // Depend on the bounds rather than the arrays so a consumer passing a fresh domain array on\n    // every render doesn't rebuild the scales (and with them every derived scale and canvas draw).\n    const [xDomainMin, xDomainMax] = props.xDomain ?? dataDomains.xDomain;\n    const [yDomainMin, yDomainMax] = props.yDomain ?? dataDomains.yDomain;\n\n    const xScale = useMemo(() => {\n        return scaleLinear({\n            domain: [xDomainMin, xDomainMax],\n            range: [0, boundedWidth],\n        });\n    }, [boundedWidth, xDomainMin, xDomainMax]);\n\n    const yScale = useMemo(() => {\n        return scaleLinear({\n            domain: [yDomainMin, yDomainMax],\n            range: [boundedHeight, 0],\n        });\n    }, [boundedHeight, yDomainMin, yDomainMax]);\n\n    const { hoveredPoint, handleMouseMove, handleMouseLeave } = useHoverTooltip({\n        pointData: props.pointData,\n        margin: MARGIN,\n        xScale,\n        yScale,\n        onHoveredPointChange: props.onHoveredPointChange,\n        tooltipRef,\n    });\n\n    const hoveredPointKeys = useHoveredPointKeys({\n        pointData: props.pointData,\n        hoveredPoint,\n        hoveredPoints: props.hoveredPoints,\n        groupPointsAnchor: props.groupPointsAnchor,\n    });\n    // The cursor wins, as it does for hoveredPoints itself.\n    const spotlit = (props.spotlight ?? false) && !hoveredPoint && props.hoveredPoints !== undefined;\n    // Held by its fields, so a consumer passing a fresh object each render doesn't redraw every point.\n    const dimColor = props.dimStyle?.color ?? DEFAULT_DIM_STYLE.color;\n    const dimOpacity = props.dimStyle?.opacity ?? DEFAULT_DIM_STYLE.opacity;\n    const dimStyle = useMemo(() => ({ color: dimColor, opacity: dimOpacity }), [dimColor, dimOpacity]);\n\n    const crosshairEnabled = props.crosshair ?? false;\n\n    const { crosshairPosition, handleCrosshairMove, handleCrosshairLeave } = useCrosshair({\n        enabled: crosshairEnabled,\n        margin: MARGIN,\n        boundedWidth,\n        boundedHeight,\n        xScale,\n        yScale,\n        onCrosshairChange: props.onCrosshairChange,\n    });\n\n    // Our own pointer wins over an externally supplied position, so that leaving this plot for a\n    // sibling hands the crosshair over rather than leaving both plots claiming it.\n    const crosshair = crosshairEnabled ? crosshairPosition ?? props.crosshairPosition ?? null : null;\n\n    const handlePointerMove = useCallback((event: React.MouseEvent<SVGElement>, zoom: ZoomType) => {\n        handleMouseMove(event, zoom);\n        handleCrosshairMove(event, zoom);\n    }, [handleCrosshairMove, handleMouseMove]);\n\n    const handlePointerLeave = useCallback(() => {\n        handleMouseLeave();\n        handleCrosshairLeave();\n    }, [handleCrosshairLeave, handleMouseLeave]);\n\n    //Download the plot as svg or png using the passed ref from the parent\n    useImperativeHandle(props.ref, () => ({\n        downloadSVG: () => {\n            if (divRef.current) downloadDivAsSVG(divRef.current, props.downloadFileName ?? \"scatter_plot.svg\");\n        },\n        downloadPNG: () => {\n            if (divRef.current) downloadDivAsPNG(divRef.current, props.downloadFileName ?? \"scatter_plot.png\");\n        },\n    }));\n\n    const handleDownload = () => {\n        if (divRef.current) downloadDivAsSVG(divRef.current, props.downloadFileName ?? \"scatter_plot.svg\");\n    };\n\n    const renderPlot = (zoom: ZoomType) => {\n        // Anchor the buttons on the plot area explicitly - a shared zoom is sized by whoever owns\n        // it, so visx's own default anchor (the centre of that size) isn't this plot's centre.\n        const zoomCenter = { x: boundedWidth / 2, y: boundedHeight / 2 };\n        const handleZoomIn = () => { zoom.scale({ scaleX: 1.2, scaleY: 1.2, point: zoomCenter }); }\n        const handleZoomOut = () => { zoom.scale({ scaleX: 0.8, scaleY: 0.8, point: zoomCenter }); }\n        const handleZoomReset = () => { zoom.reset(); }\n\n        const controlsPosition = props.controlsPosition ?? \"left\";\n\n        return (\n            <>\n                {!props.disableZoom && (\n                    <Stack\n                        direction=\"column\"\n                        sx={{\n                            position: 'absolute',\n                            ...(controlsPosition === \"right\"\n                                ? { right: square ? `max(10px, calc(45% - ${size / 2}px))` : \"10px\" }\n                                : { left: square ? `max(10px, calc(45% - ${size / 2}px))` : \"10px\" }),\n                            top: square ? `calc(50% - ${size / 2}px + ${MARGIN.top}px)` : `${MARGIN.top}px`,\n                            zIndex: 10\n                        }}\n                    >\n                        <ControlButtons\n                            selectable={selectable}\n                            resetable={!isSameTransform(zoom.transformMatrix, zoom.initialTransformMatrix)}\n                            handleSelectionModeChange={handleSelectionModeChange}\n                            selectMode={selectMode}\n                            zoomIn={handleZoomIn}\n                            zoomOut={handleZoomOut}\n                            zoomReset={handleZoomReset}\n                            highlight={props.controlsHighlight}\n                            downloadButton={downloadButton}\n                            downloadPlot={handleDownload}\n                        />\n                    </Stack>\n                )}\n                <ScatterPlotViewport\n                    width={plotWidth}\n                    height={plotHeight}\n                    margin={MARGIN}\n                    boundedWidth={boundedWidth}\n                    boundedHeight={boundedHeight}\n                    loading={props.loading}\n                    pointData={props.pointData}\n                    animation={props.animation}\n                    animationGroupSize={props.animationGroupSize}\n                    animationBuffer={props.animationBuffer}\n                    xScale={xScale}\n                    yScale={yScale}\n                    zoom={zoom}\n                    selectMode={selectMode}\n                    selectable={selectable}\n                    disableZoom={props.disableZoom}\n                    hoveredPoint={hoveredPoint}\n                    hoveredPointKeys={hoveredPointKeys}\n                    spotlit={spotlit}\n                    dimStyle={dimStyle}\n                    hoverGrowth={props.hoverGrowth}\n                    hoverStroke={props.hoverStroke}\n                    handleMouseMove={handlePointerMove}\n                    handleMouseLeave={handlePointerLeave}\n                    onDisplayedPointsChange={props.onDisplayedPointsChange}\n                    onSelectionChange={props.onSelectionChange}\n                    onPointClicked={props.onPointClicked}\n                    leftAxisLabel={props.leftAxisLabel}\n                    bottomAxisLabel={props.bottomAxisLabel}\n                    border={props.border ?? false}\n                    originLine={props.originLine}\n                    backgroundGradient={props.backgroundGradient}\n                    crosshair={crosshair}\n                    divRef={divRef}\n                />\n                {props.miniMap && !props.disableZoom && (\n                    <Tooltip title=\"Toggle Minimap\">\n                        <IconButton\n                            sx={{\n                                position: \"absolute\",\n                                right: 10,\n                                bottom: 10,\n                                zIndex: 10,\n                                width: \"auto\",\n                                height: \"auto\",\n                                color: showMiniMap ? props.controlsHighlight ?? \"primary.main\" : \"default\",\n                            }}\n                            size=\"small\"\n                            onClick={toggleMiniMap}\n                        >\n                            <HighlightAlt />\n                        </IconButton>\n                    </Tooltip>\n                )}\n                {showMiniMap && props.miniMap && !props.disableZoom && !props.loading && (\n                    <MiniMap\n                        miniMap={props.miniMap}\n                        width={plotWidth}\n                        height={plotHeight}\n                        pointData={props.pointData}\n                        xScale={xScale}\n                        yScale={yScale}\n                        zoom={zoom}\n                        crosshair={crosshair}\n                        dimStyle={dimStyle}\n                        spotlitKeys={spotlit ? hoveredPointKeys : null}\n                    />\n                )}\n                {!props.disableTooltip && (\n                    // Above the controls and the minimap toggle, which sit at z-index 10 in the\n                    // root stacking context and would otherwise win against the portalled\n                    // tooltip's auto z-index. The theme's tooltip layer also matches the MUI\n                    // tooltips on those same controls.\n                    <PlotTooltip ref={tooltipRef} zIndex={theme.zIndex.tooltip}>\n                        {(point) =>\n                            props.tooltipBody ? props.tooltipBody(point) : <DefaultTooltipBody point={point} />\n                        }\n                    </PlotTooltip>\n                )}\n            </>\n        )\n    };\n\n    return (\n        <ResponsiveContainer parentRef={parentRef} containerStyle={containerStyle}>\n            {props.zoom\n                ? renderPlot(props.zoom)\n                : (\n                    <PlotZoom width={boundedWidth} height={boundedHeight}>\n                        {renderPlot}\n                    </PlotZoom>\n                )}\n        </ResponsiveContainer>\n    );\n}\n\nexport default ScatterPlot;\n"],"names":["MARGIN","top","right","bottom","left","ScatterPlot","props","theme","useTheme","tooltipRef","useRef","initialSelectionMode","initialState","controls","selectionType","selectable","initialMiniMapOpen","minimap","open","parentRef","containerStyle","width","parentWidth","height","parentHeight","useResponsiveParentSize","square","size","Math","min","plotWidth","plotHeight","divRef","React","boundedWidth","max","boundedHeight","downloadButton","selectMode","handleSelectionModeChange","useSelectionMode","showMiniMap","toggleMiniMap","useMiniMapToggle","initialOpen","pointExtents","useMemo","getPointExtents","pointData","dataDomains","getDomains","xDomainMin","xDomainMax","xDomain","yDomainMin","yDomainMax","yDomain","xScale","scaleLinear","domain","range","yScale","hoveredPoint","handleMouseMove","handleMouseLeave","useHoverTooltip","margin","onHoveredPointChange","hoveredPointKeys","useHoveredPointKeys","hoveredPoints","groupPointsAnchor","spotlit","spotlight","undefined","dimColor","dimStyle","color","DEFAULT_DIM_STYLE","dimOpacity","opacity","crosshairEnabled","crosshair","crosshairPosition","handleCrosshairMove","handleCrosshairLeave","useCrosshair","enabled","onCrosshairChange","handlePointerMove","useCallback","event","zoom","handlePointerLeave","useImperativeHandle","ref","downloadSVG","current","downloadDivAsSVG","downloadFileName","downloadPNG","downloadDivAsPNG","handleDownload","renderPlot","zoomCenter","x","y","handleZoomIn","scale","scaleX","scaleY","point","handleZoomOut","handleZoomReset","reset","controlsPosition","jsxs","Fragment","disableZoom","jsx","Stack","position","zIndex","ControlButtons","isSameTransform","transformMatrix","initialTransformMatrix","controlsHighlight","ScatterPlotViewport","loading","animation","animationGroupSize","animationBuffer","hoverGrowth","hoverStroke","onDisplayedPointsChange","onSelectionChange","onPointClicked","leftAxisLabel","bottomAxisLabel","border","originLine","backgroundGradient","miniMap","Tooltip","IconButton","HighlightAlt","MiniMap","disableTooltip","PlotTooltip","tooltip","tooltipBody","DefaultTooltipBody","ResponsiveContainer","PlotZoom"],"mappings":"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"}