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

package/dist/visualization.es66.js

@@ -1,69 +1,60 @@
-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
+import { c as L } from "react/compiler-runtime";
+import { useState as T, useRef as W } from "react";
+import { invertRescaled as y } from "./visualization.es17.js";
+import { useStableCallback as $ } from "./visualization.es19.js";
+import j from "./visualization.es41.js";
+const D = (P) => {
+  const t = L(17), {
+    enabled: i,
+    margin: l,
+    boundedWidth: c,
+    boundedHeight: u,
+    xScale: f,
+    yScale: h,
+    onCrosshairChange: R
+  } = P, [m, X] = T(null), S = W(null), p = $(R);
+  let s;
+  t[0] !== p ? (s = (r) => {
+    r === null && S.current === null || (S.current = r, X(r), p(r));
+  }, t[0] = p, t[1] = s) : s = t[1];
+  const e = s;
+  let o;
+  t[2] !== u || t[3] !== c || t[4] !== i || t[5] !== l.left || t[6] !== l.top || t[7] !== e || t[8] !== f || t[9] !== h ? (o = (r, Y) => {
+    if (!i)
+      return;
+    const C = j(r.currentTarget, r);
+    if (!C)
+      return;
+    const g = C.x - l.left, x = C.y - l.top;
+    if (g < 0 || g > c || x < 0 || x > u) {
+      e(null);
+      return;
     }
-  }), 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;
+    const {
+      translateX: v,
+      translateY: M,
+      scaleX: k,
+      scaleY: H
+    } = Y.transformMatrix;
+    e({
+      x: y(f, v, k, g),
+      y: y(h, M, H, x)
+    });
+  }, t[2] = u, t[3] = c, t[4] = i, t[5] = l.left, t[6] = l.top, t[7] = e, t[8] = f, t[9] = h, t[10] = o) : o = t[10];
+  const d = o;
+  let n;
+  t[11] !== e ? (n = () => {
+    e(null);
+  }, t[11] = e, t[12] = n) : n = t[12];
+  const b = n;
+  let a;
+  return t[13] !== m || t[14] !== b || t[15] !== d ? (a = {
+    crosshairPosition: m,
+    handleCrosshairMove: d,
+    handleCrosshairLeave: b
+  }, t[13] = m, t[14] = b, t[15] = d, t[16] = a) : a = t[16], a;
 };
 export {
-  V as default
+  D as useCrosshair
 };
 //# sourceMappingURL=visualization.es66.js.map

package/dist/visualization.es66.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es66.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.es66.js","sources":["../src/components/ScatterPlot/hooks/useCrosshair.ts"],"sourcesContent":["import React, { useCallback, useRef, useState } from \"react\";\nimport { localPoint } from \"@visx/event\";\nimport { ScaleLinear } from \"@visx/vendor/d3-scale\";\nimport { CrosshairPosition, ZoomType } from \"../types\";\nimport { invertRescaled } from \"../helpers\";\nimport { useStableCallback } from \"../../../hooks\";\n\ntype UseCrosshairProps = {\n    enabled: boolean;\n    margin: { top: number; left: number };\n    boundedWidth: number;\n    boundedHeight: number;\n    xScale: ScaleLinear<number, number, never>;\n    yScale: ScaleLinear<number, number, never>;\n    onCrosshairChange?: (position: CrosshairPosition | null) => void;\n};\n\n/**\n * Tracks the pointer as a crosshair position in data coordinates.\n *\n * Data coordinates rather than pixels because the position is also published to consumers, who\n * may mirror it onto another plot or feed it back in as a controlled position. Keeping one\n * currency means every plot showing this crosshair resolves it through its own scales and so\n * agrees with the others, even mid-zoom.\n *\n * The zoom transform arrives as an argument rather than a hook input because it only exists\n * inside the Zoom render prop, below where this hook is called.\n */\nexport const useCrosshair = ({\n    enabled,\n    margin,\n    boundedWidth,\n    boundedHeight,\n    xScale,\n    yScale,\n    onCrosshairChange,\n}: UseCrosshairProps) => {\n    const [crosshairPosition, setCrosshairPosition] = useState<CrosshairPosition | null>(null);\n    const publishedRef = useRef<CrosshairPosition | null>(null);\n    const publishChange = useStableCallback(onCrosshairChange);\n\n    const publish = useCallback((position: CrosshairPosition | null) => {\n        // Leaving the plot area fires on every subsequent move; only announce the first one.\n        if (position === null && publishedRef.current === null) return;\n        publishedRef.current = position;\n        setCrosshairPosition(position);\n        publishChange(position);\n    }, [publishChange]);\n\n    const handleCrosshairMove = useCallback((event: React.MouseEvent<SVGElement>, zoom: ZoomType) => {\n        if (!enabled) return;\n\n        const point = localPoint(event.currentTarget, event);\n        if (!point) return;\n\n        // The listener covers the whole svg, margins included, so anything outside the plot\n        // area counts as leaving it.\n        const plotX = point.x - margin.left;\n        const plotY = point.y - margin.top;\n        if (plotX < 0 || plotX > boundedWidth || plotY < 0 || plotY > boundedHeight) {\n            publish(null);\n            return;\n        }\n\n        const { translateX, translateY, scaleX, scaleY } = zoom.transformMatrix;\n        publish({\n            x: invertRescaled(xScale, translateX, scaleX, plotX),\n            y: invertRescaled(yScale, translateY, scaleY, plotY),\n        });\n    }, [boundedHeight, boundedWidth, enabled, margin.left, margin.top, publish, xScale, yScale]);\n\n    const handleCrosshairLeave = useCallback(() => {\n        publish(null);\n    }, [publish]);\n\n    return { crosshairPosition, handleCrosshairMove, handleCrosshairLeave };\n};\n"],"names":["useCrosshair","t0","$","_c","enabled","margin","boundedWidth","boundedHeight","xScale","yScale","onCrosshairChange","crosshairPosition","setCrosshairPosition","useState","publishedRef","useRef","publishChange","useStableCallback","t1","position","current","publish","t2","left","top","event","zoom","point","localPoint","currentTarget","plotX","x","plotY","y","translateX","translateY","scaleX","scaleY","transformMatrix","invertRescaled","handleCrosshairMove","t3","handleCrosshairLeave","t4"],"mappings":";;;;;AA4BO,MAAMA,IAAeC,CAAAA,MAAA;AAAA,QAAAC,IAAAC,EAAA,EAAA,GAAC;AAAA,IAAAC,SAAAA;AAAAA,IAAAC,QAAAA;AAAAA,IAAAC,cAAAA;AAAAA,IAAAC,eAAAA;AAAAA,IAAAC,QAAAA;AAAAA,IAAAC,QAAAA;AAAAA,IAAAC,mBAAAA;AAAAA,EAAAA,IAAAT,GASzB,CAAAU,GAAAC,CAAA,IAAkDC,EAAmC,IAAI,GACzFC,IAAqBC,EAAiC,IAAI,GAC1DC,IAAsBC,EAAkBP,CAAiB;AAAE,MAAAQ;AAAA,EAAAhB,SAAAc,KAE/BE,IAAAC,CAAAA,MAAA;AAExB,IAAIA,MAAa,QAAQL,EAAYM,YAAa,SAClDN,EAAYM,UAAWD,GACvBP,EAAqBO,CAAQ,GAC7BH,EAAcG,CAAQ;AAAA,EAAC,GAC1BjB,OAAAc,GAAAd,OAAAgB,KAAAA,IAAAhB,EAAA,CAAA;AAND,QAAAmB,IAAgBH;AAMI,MAAAI;AAAA,EAAApB,EAAA,CAAA,MAAAK,KAAAL,EAAA,CAAA,MAAAI,KAAAJ,SAAAE,KAAAF,EAAA,CAAA,MAAAG,EAAAkB,QAAArB,EAAA,CAAA,MAAAG,EAAAmB,OAAAtB,EAAA,CAAA,MAAAmB,KAAAnB,EAAA,CAAA,MAAAM,KAAAN,SAAAO,KAEoBa,IAAAA,CAAAG,GAAAC,MAAA;AACpC,QAAI,CAACtB;AAAO;AAEZ,UAAAuB,IAAcC,EAAWH,EAAKI,eAAgBJ,CAAK;AACnD,QAAI,CAACE;AAAK;AAIV,UAAAG,IAAcH,EAAKI,IAAK1B,EAAMkB,MAC9BS,IAAcL,EAAKM,IAAK5B,EAAMmB;AAC9B,QAAIM,IAAQ,KAAKA,IAAQxB,KAAgB0B,IAAQ,KAAKA,IAAQzB,GAAa;AACvEc,MAAAA,EAAQ,IAAI;AAAC;AAAA,IAAA;AAIjB,UAAA;AAAA,MAAAa,YAAAA;AAAAA,MAAAC,YAAAA;AAAAA,MAAAC,QAAAA;AAAAA,MAAAC,QAAAA;AAAAA,IAAAA,IAAmDX,EAAIY;AACvDjB,IAAAA,EAAQ;AAAA,MAAAU,GACDQ,EAAe/B,GAAQ0B,GAAYE,GAAQN,CAAK;AAAA,MAACG,GACjDM,EAAe9B,GAAQ0B,GAAYE,GAAQL,CAAK;AAAA,IAAA,CACtD;AAAA,EAAC,GACL9B,OAAAK,GAAAL,OAAAI,GAAAJ,OAAAE,GAAAF,EAAA,CAAA,IAAAG,EAAAkB,MAAArB,EAAA,CAAA,IAAAG,EAAAmB,KAAAtB,OAAAmB,GAAAnB,OAAAM,GAAAN,OAAAO,GAAAP,QAAAoB,KAAAA,IAAApB,EAAA,EAAA;AApBD,QAAAsC,IAA4BlB;AAoBiE,MAAAmB;AAAA,EAAAvC,UAAAmB,KAEpDoB,IAAAA,MAAA;AACrCpB,IAAAA,EAAQ,IAAI;AAAA,EAAC,GAChBnB,QAAAmB,GAAAnB,QAAAuC,KAAAA,IAAAvC,EAAA,EAAA;AAFD,QAAAwC,IAA6BD;AAEf,MAAAE;AAAA,SAAAzC,EAAA,EAAA,MAAAS,KAAAT,UAAAwC,KAAAxC,EAAA,EAAA,MAAAsC,KAEPG,IAAA;AAAA,IAAAhC,mBAAAA;AAAAA,IAAA6B,qBAAAA;AAAAA,IAAAE,sBAAAA;AAAAA,EAAAA,GAAgExC,QAAAS,GAAAT,QAAAwC,GAAAxC,QAAAsC,GAAAtC,QAAAyC,KAAAA,IAAAzC,EAAA,EAAA,GAAhEyC;AAAgE;"}

package/dist/visualization.es67.js

@@ -1,307 +1,55 @@
-import { jsx as s, jsxs as k, Fragment as Ge } from "react/jsx-runtime";
-import { c as nt } from "react/compiler-runtime";
-import { useRef as He, useState as rt, useEffect as fe } from "react";
-import it from "@mui/material/CircularProgress";
-import { Box as Ke, Stack as st } from "@mui/material";
-import { rescaleX as at, rescaleY as lt, getTicks as Ze, prepareCanvas as ct, partitionPointsByHover as ft, isPointVisible as dt, drawCanvasPoint as ut } from "./visualization.es17.js";
-import ht from "./visualization.es117.js";
-import mt from "./visualization.es118.js";
-import pt from "./visualization.es119.js";
-import vt from "./visualization.es120.js";
-import { useDragSelection as gt } from "./visualization.es121.js";
-import qe from "./visualization.es26.js";
-import xt from "./visualization.es29.js";
-import yt from "./visualization.es28.js";
-import St from "./visualization.es54.js";
-import Mt from "./visualization.es47.js";
-import Je from "./visualization.es25.js";
-import bt from "./visualization.es122.js";
-import kt from "./visualization.es90.js";
-import wt from "./visualization.es65.js";
-const to = (f) => {
-  const e = nt(117), {
-    size: v,
-    margin: r,
-    boundedWidth: o,
-    boundedHeight: i,
-    loading: de,
-    pointData: a,
-    animation: y,
-    animationGroupSize: w,
-    animationBuffer: P,
-    xScale: C,
-    yScale: T,
-    zoom: n,
-    selectMode: d,
-    selectable: Ne,
-    disableZoom: g,
-    groupPointsAnchor: Oe,
-    hoveredPoint: m,
-    handleMouseMove: ue,
-    handleMouseLeave: V,
-    onDisplayedPointsChange: G,
-    onSelectionChange: he,
-    onPointClicked: me,
-    leftAxisLabel: pe,
-    bottomAxisLabel: ve,
-    border: ge,
-    originLine: xe,
-    backgroundGradient: S,
-    crosshair: B,
-    divRef: ye
-  } = f, je = He(null), Se = He(null), [L, Me] = rt(!!y);
-  let H, j;
-  e[0] !== y || e[1] !== P || e[2] !== w || e[3] !== a.length ? (H = () => {
-    if (!y)
-      return;
-    if (a.length > 2500) {
-      Me(!1);
-      return;
-    }
-    const t = (P ?? 0.03) * 1e3, p = 450 + Math.ceil(a.length / (w ?? 1)) * t, c = window.setTimeout(() => Me(!1), p);
-    return () => window.clearTimeout(c);
-  }, j = [y, P, w, a.length], e[0] = y, e[1] = P, e[2] = w, e[3] = a.length, e[4] = H, e[5] = j) : (H = e[4], j = e[5]), fe(H, j);
-  let $;
-  e[6] !== r || e[7] !== he || e[8] !== a || e[9] !== C || e[10] !== T ? ($ = {
-    pointData: a,
-    margin: r,
-    xScale: C,
-    yScale: T,
-    onSelectionChange: he
-  }, e[6] = r, e[7] = he, e[8] = a, e[9] = C, e[10] = T, e[11] = $) : $ = e[11];
-  const {
-    lines: be,
-    isDragging: x,
-    x: D,
-    y: E,
-    dx: W,
-    dy: Y,
-    dragStart: $e,
-    dragMove: Ie,
-    dragEnd: ke,
-    completeSelection: we
-  } = gt($);
-  let I, U;
-  e[12] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (I = () => {
-    const t = je.current, l = Pt, p = Lt, c = Dt;
-    return t && (t.addEventListener("wheel", l, {
-      passive: !1
-    }), t.addEventListener("touchstart", c, {
-      passive: !1
-    }), t.addEventListener("touchmove", p, {
-      passive: !1
-    })), () => {
-      t && (t.removeEventListener("wheel", l), t.removeEventListener("touchstart", c), t.removeEventListener("touchmove", p));
-    };
-  }, U = [], e[12] = I, e[13] = U) : (I = e[12], U = e[13]), fe(I, U);
-  let F;
-  e[14] !== C || e[15] !== n.transformMatrix.scaleX || e[16] !== n.transformMatrix.translateX ? (F = at(C, n.transformMatrix.translateX, n.transformMatrix.scaleX), e[14] = C, e[15] = n.transformMatrix.scaleX, e[16] = n.transformMatrix.translateX, e[17] = F) : F = e[17];
-  const u = F;
-  let K;
-  e[18] !== T || e[19] !== n.transformMatrix.scaleY || e[20] !== n.transformMatrix.translateY ? (K = lt(T, n.transformMatrix.translateY, n.transformMatrix.scaleY), e[18] = T, e[19] = n.transformMatrix.scaleY, e[20] = n.transformMatrix.translateY, e[21] = K) : K = e[21];
-  const h = K;
-  let Pe;
-  e: {
-    const t = Oe;
-    if (t && m) {
-      let p;
-      if (e[22] !== t || e[23] !== m || e[24] !== a) {
-        let c;
-        e[26] !== t || e[27] !== m ? (c = (R) => t in R ? R[t] === m[t] : R.metaData && m.metaData ? R.metaData[t] === m.metaData[t] : !1, e[26] = t, e[27] = m, e[28] = c) : c = e[28], p = a.filter(c), e[22] = t, e[23] = m, e[24] = a, e[25] = p;
-      } else
-        p = e[25];
-      Pe = p;
-      break e;
-    }
-    let l;
-    e[29] !== m ? (l = m ? [m] : [], e[29] = m, e[30] = l) : l = e[30], Pe = l;
+import { jsxs as m, jsx as o } from "react/jsx-runtime";
+import Y from "./visualization.es113.js";
+import { truncateTextToWidth as j, getLabelPlacement as A } from "./visualization.es114.js";
+import D, { useCallback as R } from "react";
+import E from "./visualization.es22.js";
+import F from "./visualization.es20.js";
+import $ from "./visualization.es21.js";
+const Z = (t) => {
+  function i(e) {
+    return e.children && e.children.length > 0 ? e.children.reduce((d, X) => d + i(X), 0) : e.data.value ?? 0;
   }
-  const Le = Pe;
-  let Z;
-  e[31] !== Le ? (Z = new Set(Le.map(Et)), e[31] = Le, e[32] = Z) : Z = e[32];
-  const De = Z;
-  let q;
-  if (e[33] !== i || e[34] !== o || e[35] !== a || e[36] !== u || e[37] !== h) {
-    let t;
-    e[39] !== i || e[40] !== o || e[41] !== u || e[42] !== h ? (t = (l) => {
-      const p = u(l.x), c = h(l.y);
-      return p >= 0 && p <= o && c >= 0 && c <= i;
-    }, e[39] = i, e[40] = o, e[41] = u, e[42] = h, e[43] = t) : t = e[43], q = a.filter(t), e[33] = i, e[34] = o, e[35] = a, e[36] = u, e[37] = h, e[38] = q;
-  } else
-    q = e[38];
-  const X = q;
-  let J;
-  e[44] !== S || e[45] !== i || e[46] !== o || e[47] !== De || e[48] !== a ? (J = (t, l, p) => {
-    const c = p.getContext("2d");
-    if (!c)
-      return;
-    if (ct(c, o, i), S) {
-      const [M, Ve, le] = S.colorScale ?? ["red", "white", "blue"], b = o, A = i, et = t(0), tt = l(0), ot = Math.max(1e-3, Math.min(0.999, (et * b - tt * A + A * A) / (b * b + A * A))), ce = c.createLinearGradient(0, A, b, 0);
-      ce.addColorStop(0, M), ce.addColorStop(ot, Ve), ce.addColorStop(1, le), c.globalAlpha = S.opacity ?? 1, c.fillStyle = ce, c.fillRect(0, 0, b, A), c.globalAlpha = 1;
-    }
-    const {
-      nonHovered: R,
-      hovered: Qe
-    } = ft(a, De), Fe = (M, Ve) => {
-      const le = t(M.x), b = l(M.y);
-      dt(le, b, o, i) && ut(c, M, le, b, Ve);
-    };
-    R.forEach((M) => Fe(M, !1)), Qe.forEach((M) => Fe(M, !0));
-  }, e[44] = S, e[45] = i, e[46] = o, e[47] = De, e[48] = a, e[49] = J) : J = e[49];
-  const N = J;
-  let O, Q;
-  e[50] !== N || e[51] !== L || e[52] !== u || e[53] !== h ? (O = () => {
-    Se.current && !L && N(u, h, Se.current);
-  }, Q = [N, u, h, L], e[50] = N, e[51] = L, e[52] = u, e[53] = h, e[54] = O, e[55] = Q) : (O = e[54], Q = e[55]), fe(O, Q);
-  let ee;
-  e[56] !== m || e[57] !== me ? (ee = () => {
-    m && me?.(m);
-  }, e[56] = m, e[57] = me, e[58] = ee) : ee = e[58];
-  const Ee = ee, Ae = g ? Ne ? x ? "none" : "crosshair" : x ? "none" : "default" : m ? "default" : d === "select" ? x ? "none" : "crosshair" : n.isDragging ? "grabbing" : "grab";
-  let te;
-  e[59] !== we || e[60] !== ke || e[61] !== n ? (te = (t) => {
-    ke(t), we(n);
-  }, e[59] = we, e[60] = ke, e[61] = n, e[62] = te) : te = e[62];
-  const Ce = te, Te = d === "none" ? void 0 : d === "select" ? $e : g ? void 0 : n.dragStart, We = d === "none" ? void 0 : d === "select" ? Ce : g ? void 0 : n.dragEnd, Ye = d === "none" ? void 0 : d === "select" ? x ? Ie : void 0 : g ? void 0 : n.dragMove, Xe = d === "none" ? void 0 : d === "select" ? Ce : g ? void 0 : n.dragEnd, _e = d === "none" ? void 0 : d === "select" ? $e : g ? void 0 : n.dragStart, ze = d === "none" ? void 0 : d === "select" ? Ce : g ? void 0 : n.dragEnd, Re = d === "none" ? void 0 : d === "select" ? x ? Ie : void 0 : g ? void 0 : n.dragMove;
-  let oe;
-  e[63] !== g || e[64] !== n ? (oe = (t) => {
-    if (Me(!1), !g) {
-      const l = wt(t) || {
-        x: 0,
-        y: 0
-      }, p = t.deltaY < 0 ? 1.1 : 0.9;
-      n.scale({
-        scaleX: p,
-        scaleY: p,
-        point: l
-      });
-    }
-  }, e[63] = g, e[64] = n, e[65] = oe) : oe = e[65];
-  const Be = oe;
-  let ne;
-  e[66] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (ne = [], e[66] = ne) : ne = e[66];
-  const Ue = He(ne);
-  let re, ie;
-  e[67] !== X || e[68] !== G ? (re = () => {
-    At(Ue.current, X) && (G?.(X), Ue.current = X);
-  }, ie = [X, G], e[67] = X, e[68] = G, e[69] = re, e[70] = ie) : (re = e[69], ie = e[70]), fe(re, ie);
-  let se;
-  e[71] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (se = {
-    position: "relative"
-  }, e[71] = se) : se = e[71];
-  let _;
-  e[72] !== v ? (_ = {
-    width: v,
-    height: v
-  }, e[72] = v, e[73] = _) : _ = e[73];
-  let z;
-  e[74] !== y || e[75] !== P || e[76] !== w || e[77] !== S || e[78] !== ge || e[79] !== ve || e[80] !== i || e[81] !== o || e[82] !== B || e[83] !== ye || e[84] !== W || e[85] !== Y || e[86] !== V || e[87] !== ue || e[88] !== Ee || e[89] !== x || e[90] !== pe || e[91] !== be || e[92] !== de || e[93] !== r || e[94] !== Te || e[95] !== Xe || e[96] !== Ye || e[97] !== We || e[98] !== ze || e[99] !== Re || e[100] !== _e || e[101] !== Be || e[102] !== xe || e[103] !== a || e[104] !== d || e[105] !== L || e[106] !== v || e[107] !== Ae || e[108] !== D || e[109] !== u || e[110] !== E || e[111] !== h || e[112] !== n ? (z = de ? /* @__PURE__ */ s(Ke, { display: "flex", width: "100%", height: "100%", sx: {
-    justifyContent: "center",
-    alignItems: "center"
-  }, children: /* @__PURE__ */ s(it, {}) }) : /* @__PURE__ */ k("div", { style: {
-    position: "relative"
-  }, ref: ye, children: [
-    /* @__PURE__ */ s("canvas", { ref: Se, width: o * 2, height: i * 2, style: {
-      userSelect: "none",
-      position: "absolute",
-      top: r.top,
-      left: r.left,
-      width: o,
-      height: i,
-      backgroundColor: "transparent"
-    } }),
-    /* @__PURE__ */ k("svg", { width: v, height: v, overflow: "visible", style: {
-      position: "absolute",
-      userSelect: "none"
-    }, onMouseMove: (t) => {
-      x ? V() : ue(t, n);
-    }, onMouseLeave: V, children: [
-      /* @__PURE__ */ k(qe, { top: r.top, left: r.left, children: [
-        L && y && /* @__PURE__ */ s(ht, { pointData: a, animation: y, animationGroupSize: w, animationBuffer: P, xScaleTransformed: u, yScaleTransformed: h, boundedWidth: o, boundedHeight: i }),
-        d === "select" && /* @__PURE__ */ k(Ge, { children: [
-          be.map(Wt),
-          x && /* @__PURE__ */ k("g", { children: [
-            /* @__PURE__ */ s("line", { x1: D - r.left + W - 6, y1: E - r.top + Y, x2: D - r.left + W + 6, y2: E - r.top + Y, stroke: "black", strokeWidth: 1 }),
-            /* @__PURE__ */ s("line", { x1: D - r.left + W, y1: E - r.top + Y - 6, x2: D - r.left + W, y2: E - r.top + Y + 6, stroke: "black", strokeWidth: 1 }),
-            /* @__PURE__ */ s("circle", { cx: D - r.left, cy: E - r.top, r: 4, fill: "transparent", stroke: "black", pointerEvents: "none" })
-          ] })
-        ] }),
-        xe && (() => {
-          const t = u(0), l = h(0);
-          return /* @__PURE__ */ k(Ge, { children: [
-            l >= 0 && l <= i && /* @__PURE__ */ s("line", { x1: 0, x2: o, y1: l, y2: l, stroke: "#000", strokeWidth: 1, strokeDasharray: "4,4", pointerEvents: "none" }),
-            t >= 0 && t <= o && /* @__PURE__ */ s("line", { x1: t, x2: t, y1: 0, y2: i, stroke: "#000", strokeWidth: 1, strokeDasharray: "4,4", pointerEvents: "none" })
-          ] });
-        })(),
-        /* @__PURE__ */ s("rect", { ref: je, fill: "transparent", width: o, height: i, style: {
-          cursor: Ae
-        }, onMouseDown: Te, onMouseUp: We, onMouseMove: Ye, onMouseLeave: Xe, onTouchStart: _e, onTouchEnd: ze, onTouchMove: Re, onWheel: Be, onClick: Ee }),
-        B && !x && /* @__PURE__ */ s(vt, { position: {
-          x: u(B.x),
-          y: h(B.y)
-        }, boundedWidth: o, boundedHeight: i })
-      ] }),
-      /* @__PURE__ */ k(qe, { top: r.top, left: r.left, children: [
-        /* @__PURE__ */ s(xt, { scale: h, tickLabelProps: Yt, tickValues: Ze(h, 5) }),
-        /* @__PURE__ */ s(yt, { top: i, scale: u, tickLabelProps: Xt, tickValues: Ze(u, 5) }),
-        ge && /* @__PURE__ */ k(Ge, { children: [
-          /* @__PURE__ */ s(St, { top: 0, scale: u, tickValues: [] }),
-          /* @__PURE__ */ s(Mt, { scale: h, tickValues: [], left: o })
-        ] }),
-        /* @__PURE__ */ s(Je, { textAnchor: "middle", verticalAnchor: "end", angle: -90, fontSize: 15, y: i / 2, x: 0, dx: -50, children: pe }),
-        /* @__PURE__ */ s(Je, { textAnchor: "middle", verticalAnchor: "start", fontSize: 15, y: i, x: o / 2, dy: 50, children: ve })
-      ] }),
-      /* @__PURE__ */ s(mt, { pointData: a, xScaleTransformed: u, yScaleTransformed: h, boundedWidth: o, boundedHeight: i, margin: r }),
-      S?.legend && /* @__PURE__ */ s(pt, { backgroundGradient: S, boundedHeight: i, barLeft: r.left + o + 25, marginTop: r.top })
-    ] })
-  ] }), e[74] = y, e[75] = P, e[76] = w, e[77] = S, e[78] = ge, e[79] = ve, e[80] = i, e[81] = o, e[82] = B, e[83] = ye, e[84] = W, e[85] = Y, e[86] = V, e[87] = ue, e[88] = Ee, e[89] = x, e[90] = pe, e[91] = be, e[92] = de, e[93] = r, e[94] = Te, e[95] = Xe, e[96] = Ye, e[97] = We, e[98] = ze, e[99] = Re, e[100] = _e, e[101] = Be, e[102] = xe, e[103] = a, e[104] = d, e[105] = L, e[106] = v, e[107] = Ae, e[108] = D, e[109] = u, e[110] = E, e[111] = h, e[112] = n, e[113] = z) : z = e[113];
-  let ae;
-  return e[114] !== _ || e[115] !== z ? (ae = /* @__PURE__ */ s(st, { justifyContent: "center", alignItems: "center", direction: "row", sx: se, children: /* @__PURE__ */ s(Ke, { sx: _, children: z }) }), e[114] = _, e[115] = z, e[116] = ae) : ae = e[116], ae;
-};
-function Pt(f) {
-  f.preventDefault();
-}
-function Lt(f) {
-  f.preventDefault();
-}
-function Dt(f) {
-  f.preventDefault();
-}
-function Et(f) {
-  return `${f.x},${f.y}`;
-}
-function At(f, e) {
-  return f.length !== e.length ? !0 : !f.every((v, r) => {
-    const o = e[r];
-    return v.x === o.x && v.y === o.y && v.r === o.r && v.shape === o.shape && v.color === o.color && v.opacity === o.opacity;
-  });
-}
-function Ct(f) {
-  return f.x;
-}
-function Tt(f) {
-  return f.y;
-}
-function Wt(f, e) {
-  return /* @__PURE__ */ s(bt, { fill: "transparent", stroke: "black", strokeWidth: 3, data: f, curve: kt, x: Ct, y: Tt }, `line-${e}`);
-}
-function Yt() {
-  return {
-    fill: "#1c1917",
-    fontSize: 10,
-    textAnchor: "end",
-    verticalAnchor: "middle",
-    x: -10
-  };
-}
-function Xt() {
-  return {
-    fill: "#1c1917",
-    fontSize: 11,
-    textAnchor: "middle"
+  const c = t.node.children !== void 0 && t.node.children.length > 0, r = c ? t.node.data.displayValue ?? i(t.node) : t.node.data.value ?? 0, k = t.fontSize, n = t.node.data.style?.color || t.node.parent?.data.style?.color || "black", h = t.node.data.style?.labelColor || n, x = t.node.data.style?.strokeColor || n, u = t.node.data.style?.strokeWidth === 0 ? 0 : t.node.data.style?.strokeWidth || t.strokeWidth, v = t.isHovered ? u + 2 : u, l = t.node.x1 - t.node.x0, a = t.node.y1 - t.node.y0, b = t.node.data.label, C = j(b, l - 8, k, "sans-serif"), f = a > 55 && l > 50 && r > 0, g = a > 20, {
+    textX: T,
+    textY: S,
+    textAnchor: W,
+    valueAnchor: B,
+    baseline: L,
+    valueY: M,
+    valueX: w
+  } = A(t.node, t.labelPlacement, f, c), {
+    tooltipData: s,
+    tooltipLeft: N,
+    tooltipTop: z,
+    tooltipOpen: V,
+    showTooltip: y,
+    hideTooltip: H
+  } = E(), O = R((e) => {
+    if (!t.tooltipBody) return;
+    const d = t.tooltipBody(t.node.data);
+    y({
+      tooltipLeft: e.clientX + 10,
+      tooltipTop: e.clientY + 10,
+      tooltipData: d
+    });
+  }, [t.tooltipBody, t.node.data, y]), P = () => {
+    t.onNodeClicked && t.onNodeClicked(t.node.data);
   };
-}
+  return /* @__PURE__ */ m(D.Fragment, { children: [
+    /* @__PURE__ */ m("g", { onMouseEnter: () => t.onHover(!0), onMouseLeave: () => {
+      t.onHover(!1), H?.();
+    }, onMouseMove: O, onClick: P, style: {
+      cursor: "pointer",
+      transition: "stroke-width 0.2s"
+    }, children: [
+      /* @__PURE__ */ o("rect", { x: t.node.x0, y: t.node.y0, width: l, height: a, fill: n, fillOpacity: t.opacity, stroke: x, strokeWidth: v, rx: t.borderRadius }),
+      g && /* @__PURE__ */ o("text", { x: T, y: S, textAnchor: W, dominantBaseline: L, fill: h, fontSize: t.fontSize, fontWeight: 500, children: C }),
+      f && /* @__PURE__ */ o(Y, { cx: w, cy: M, color: h, value: r, align: B })
+    ] }),
+    t.tooltipBody && V && s && /* @__PURE__ */ o(F, { children: /* @__PURE__ */ o($, { left: (N ?? 0) + 10, top: z, children: s }) })
+  ] }, `frag-${t.node.data.label}`);
+};
 export {
-  to as default
+  Z as default
 };
 //# sourceMappingURL=visualization.es67.js.map