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

package/dist/visualization.es478.js

@@ -1,16 +1,46 @@
-const f = {
-  offset: "stroke-dashoffset",
-  array: "stroke-dasharray"
-}, h = {
-  offset: "strokeDashoffset",
-  array: "strokeDasharray"
+import { observeIntersection as f } from "./visualization.es545.js";
+import { Feature as m } from "./visualization.es287.js";
+const w = {
+  some: 0,
+  all: 1
 };
-function y(s, e, o = 1, r = 0, t = !0) {
-  s.pathLength = 1;
-  const a = t ? f : h;
-  s[a.offset] = `${-r}`, s[a.array] = `${e} ${o}`;
+class b extends m {
+  constructor() {
+    super(...arguments), this.hasEnteredView = !1, this.isInView = !1;
+  }
+  startObserver() {
+    this.stopObserver?.();
+    const { viewport: s = {} } = this.node.getProps(), { root: e, margin: r, amount: n = "some", once: h } = s, p = {
+      root: e ? e.current : void 0,
+      rootMargin: r,
+      threshold: typeof n == "number" ? n : w[n]
+    }, c = (i) => {
+      const { isIntersecting: t } = i;
+      if (this.isInView === t || (this.isInView = t, h && !t && this.hasEnteredView))
+        return;
+      t && (this.hasEnteredView = !0), this.node.animationState && this.node.animationState.setActive("whileInView", t);
+      const { onViewportEnter: d, onViewportLeave: u } = this.node.getProps(), a = t ? d : u;
+      a && a(i);
+    };
+    this.stopObserver = f(this.node.current, p, c);
+  }
+  mount() {
+    this.startObserver();
+  }
+  update() {
+    if (typeof IntersectionObserver > "u")
+      return;
+    const { props: s, prevProps: e } = this.node;
+    ["amount", "margin", "root"].some(l(s, e)) && this.startObserver();
+  }
+  unmount() {
+    this.stopObserver?.(), this.hasEnteredView = !1, this.isInView = !1;
+  }
+}
+function l({ viewport: o = {} }, { viewport: s = {} } = {}) {
+  return (e) => o[e] !== s[e];
 }
 export {
-  y as buildSVGPath
+  b as InViewFeature
 };
 //# sourceMappingURL=visualization.es478.js.map

package/dist/visualization.es478.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es478.js","sources":["../../../node_modules/.pnpm/motion-dom@12.38.0/node_modules/motion-dom/dist/es/render/svg/utils/path.mjs"],"sourcesContent":["const dashKeys = {\n    offset: \"stroke-dashoffset\",\n    array: \"stroke-dasharray\",\n};\nconst camelKeys = {\n    offset: \"strokeDashoffset\",\n    array: \"strokeDasharray\",\n};\n/**\n * Build SVG path properties. Uses the path's measured length to convert\n * our custom pathLength, pathSpacing and pathOffset into stroke-dashoffset\n * and stroke-dasharray attributes.\n *\n * This function is mutative to reduce per-frame GC.\n *\n * Note: We use unitless values for stroke-dasharray and stroke-dashoffset\n * because Safari incorrectly scales px values when the page is zoomed.\n */\nfunction buildSVGPath(attrs, length, spacing = 1, offset = 0, useDashCase = true) {\n    // Normalise path length by setting SVG attribute pathLength to 1\n    attrs.pathLength = 1;\n    // We use dash case when setting attributes directly to the DOM node and camel case\n    // when defining props on a React component.\n    const keys = useDashCase ? dashKeys : camelKeys;\n    // Build the dash offset (unitless to avoid Safari zoom bug)\n    attrs[keys.offset] = `${-offset}`;\n    // Build the dash array (unitless to avoid Safari zoom bug)\n    attrs[keys.array] = `${length} ${spacing}`;\n}\n\nexport { buildSVGPath };\n//# sourceMappingURL=path.mjs.map\n"],"names":["dashKeys","camelKeys","buildSVGPath","attrs","length","spacing","offset","useDashCase","keys"],"mappings":"AAAA,MAAMA,IAAW;AAAA,EACb,QAAQ;AAAA,EACR,OAAO;AACX,GACMC,IAAY;AAAA,EACd,QAAQ;AAAA,EACR,OAAO;AACX;AAWA,SAASC,EAAaC,GAAOC,GAAQC,IAAU,GAAGC,IAAS,GAAGC,IAAc,IAAM;AAE9E,EAAAJ,EAAM,aAAa;AAGnB,QAAMK,IAAOD,IAAcP,IAAWC;AAEtC,EAAAE,EAAMK,EAAK,MAAM,IAAI,GAAG,CAACF,CAAM,IAE/BH,EAAMK,EAAK,KAAK,IAAI,GAAGJ,CAAM,IAAIC,CAAO;AAC5C;","x_google_ignoreList":[0]}
+{"version":3,"file":"visualization.es478.js","sources":["../../../node_modules/.pnpm/framer-motion@12.38.0_@emotion+is-prop-valid@1.4.0_react-dom@19.2.4_react@19.2.4__react@19.2.4/node_modules/framer-motion/dist/es/motion/features/viewport/index.mjs"],"sourcesContent":["import { Feature } from 'motion-dom';\nimport { observeIntersection } from './observers.mjs';\n\nconst thresholdNames = {\n    some: 0,\n    all: 1,\n};\nclass InViewFeature extends Feature {\n    constructor() {\n        super(...arguments);\n        this.hasEnteredView = false;\n        this.isInView = false;\n    }\n    startObserver() {\n        this.stopObserver?.();\n        const { viewport = {} } = this.node.getProps();\n        const { root, margin: rootMargin, amount = \"some\", once } = viewport;\n        const options = {\n            root: root ? root.current : undefined,\n            rootMargin,\n            threshold: typeof amount === \"number\" ? amount : thresholdNames[amount],\n        };\n        const onIntersectionUpdate = (entry) => {\n            const { isIntersecting } = entry;\n            /**\n             * If there's been no change in the viewport state, early return.\n             */\n            if (this.isInView === isIntersecting)\n                return;\n            this.isInView = isIntersecting;\n            /**\n             * Handle hasEnteredView. If this is only meant to run once, and\n             * element isn't visible, early return. Otherwise set hasEnteredView to true.\n             */\n            if (once && !isIntersecting && this.hasEnteredView) {\n                return;\n            }\n            else if (isIntersecting) {\n                this.hasEnteredView = true;\n            }\n            if (this.node.animationState) {\n                this.node.animationState.setActive(\"whileInView\", isIntersecting);\n            }\n            /**\n             * Use the latest committed props rather than the ones in scope\n             * when this observer is created\n             */\n            const { onViewportEnter, onViewportLeave } = this.node.getProps();\n            const callback = isIntersecting ? onViewportEnter : onViewportLeave;\n            callback && callback(entry);\n        };\n        this.stopObserver = observeIntersection(this.node.current, options, onIntersectionUpdate);\n    }\n    mount() {\n        this.startObserver();\n    }\n    update() {\n        if (typeof IntersectionObserver === \"undefined\")\n            return;\n        const { props, prevProps } = this.node;\n        const hasOptionsChanged = [\"amount\", \"margin\", \"root\"].some(hasViewportOptionChanged(props, prevProps));\n        if (hasOptionsChanged) {\n            this.startObserver();\n        }\n    }\n    unmount() {\n        this.stopObserver?.();\n        this.hasEnteredView = false;\n        this.isInView = false;\n    }\n}\nfunction hasViewportOptionChanged({ viewport = {} }, { viewport: prevViewport = {} } = {}) {\n    return (name) => viewport[name] !== prevViewport[name];\n}\n\nexport { InViewFeature };\n//# sourceMappingURL=index.mjs.map\n"],"names":["thresholdNames","InViewFeature","Feature","viewport","root","rootMargin","amount","once","options","onIntersectionUpdate","entry","isIntersecting","onViewportEnter","onViewportLeave","callback","observeIntersection","props","prevProps","hasViewportOptionChanged","prevViewport","name"],"mappings":";;AAGA,MAAMA,IAAiB;AAAA,EACnB,MAAM;AAAA,EACN,KAAK;AACT;AACA,MAAMC,UAAsBC,EAAQ;AAAA,EAChC,cAAc;AACV,UAAM,GAAG,SAAS,GAClB,KAAK,iBAAiB,IACtB,KAAK,WAAW;AAAA,EACpB;AAAA,EACA,gBAAgB;AACZ,SAAK,eAAY;AACjB,UAAM,EAAE,UAAAC,IAAW,CAAA,EAAE,IAAK,KAAK,KAAK,SAAQ,GACtC,EAAE,MAAAC,GAAM,QAAQC,GAAY,QAAAC,IAAS,QAAQ,MAAAC,EAAI,IAAKJ,GACtDK,IAAU;AAAA,MACZ,MAAMJ,IAAOA,EAAK,UAAU;AAAA,MAC5B,YAAAC;AAAA,MACA,WAAW,OAAOC,KAAW,WAAWA,IAASN,EAAeM,CAAM;AAAA,IAClF,GACcG,IAAuB,CAACC,MAAU;AACpC,YAAM,EAAE,gBAAAC,EAAc,IAAKD;AAW3B,UAPI,KAAK,aAAaC,MAEtB,KAAK,WAAWA,GAKZJ,KAAQ,CAACI,KAAkB,KAAK;AAChC;AAEC,MAAIA,MACL,KAAK,iBAAiB,KAEtB,KAAK,KAAK,kBACV,KAAK,KAAK,eAAe,UAAU,eAAeA,CAAc;AAMpE,YAAM,EAAE,iBAAAC,GAAiB,iBAAAC,EAAe,IAAK,KAAK,KAAK,SAAQ,GACzDC,IAAWH,IAAiBC,IAAkBC;AACpD,MAAAC,KAAYA,EAASJ,CAAK;AAAA,IAC9B;AACA,SAAK,eAAeK,EAAoB,KAAK,KAAK,SAASP,GAASC,CAAoB;AAAA,EAC5F;AAAA,EACA,QAAQ;AACJ,SAAK,cAAa;AAAA,EACtB;AAAA,EACA,SAAS;AACL,QAAI,OAAO,uBAAyB;AAChC;AACJ,UAAM,EAAE,OAAAO,GAAO,WAAAC,EAAS,IAAK,KAAK;AAElC,IAD0B,CAAC,UAAU,UAAU,MAAM,EAAE,KAAKC,EAAyBF,GAAOC,CAAS,CAAC,KAElG,KAAK,cAAa;AAAA,EAE1B;AAAA,EACA,UAAU;AACN,SAAK,eAAY,GACjB,KAAK,iBAAiB,IACtB,KAAK,WAAW;AAAA,EACpB;AACJ;AACA,SAASC,EAAyB,EAAE,UAAAf,IAAW,GAAE,GAAI,EAAE,UAAUgB,IAAe,GAAE,IAAK,IAAI;AACvF,SAAO,CAACC,MAASjB,EAASiB,CAAI,MAAMD,EAAaC,CAAI;AACzD;","x_google_ignoreList":[0]}

package/dist/visualization.es479.js

@@ -1,5 +1,23 @@
-const o = /* @__PURE__ */ Symbol.for("motionComponentSymbol");
+import { VisualElementDragControls as t } from "./visualization.es542.js";
+import { Feature as e } from "./visualization.es287.js";
+import { noop as s } from "./visualization.es307.js";
+class m extends e {
+  constructor(o) {
+    super(o), this.removeGroupControls = s, this.removeListeners = s, this.controls = new t(o);
+  }
+  mount() {
+    const { dragControls: o } = this.node.getProps();
+    o && (this.removeGroupControls = o.subscribe(this.controls)), this.removeListeners = this.controls.addListeners() || s;
+  }
+  update() {
+    const { dragControls: o } = this.node.getProps(), { dragControls: r } = this.node.prevProps || {};
+    o !== r && (this.removeGroupControls(), o && (this.removeGroupControls = o.subscribe(this.controls)));
+  }
+  unmount() {
+    this.removeGroupControls(), this.removeListeners(), this.controls.isDragging || this.controls.endPanSession();
+  }
+}
 export {
-  o as motionComponentSymbol
+  m as DragGesture
 };
 //# sourceMappingURL=visualization.es479.js.map

package/dist/visualization.es479.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es479.js","sources":["../../../node_modules/.pnpm/framer-motion@12.38.0_@emotion+is-prop-valid@1.4.0_react-dom@19.2.4_react@19.2.4__react@19.2.4/node_modules/framer-motion/dist/es/motion/utils/symbol.mjs"],"sourcesContent":["const motionComponentSymbol = Symbol.for(\"motionComponentSymbol\");\n\nexport { motionComponentSymbol };\n//# sourceMappingURL=symbol.mjs.map\n"],"names":["motionComponentSymbol"],"mappings":"AAAK,MAACA,IAAwB,uBAAO,IAAI,uBAAuB;","x_google_ignoreList":[0]}
+{"version":3,"file":"visualization.es479.js","sources":["../../../node_modules/.pnpm/framer-motion@12.38.0_@emotion+is-prop-valid@1.4.0_react-dom@19.2.4_react@19.2.4__react@19.2.4/node_modules/framer-motion/dist/es/gestures/drag/index.mjs"],"sourcesContent":["import { Feature } from 'motion-dom';\nimport { noop } from 'motion-utils';\nimport { VisualElementDragControls } from './VisualElementDragControls.mjs';\n\nclass DragGesture extends Feature {\n    constructor(node) {\n        super(node);\n        this.removeGroupControls = noop;\n        this.removeListeners = noop;\n        this.controls = new VisualElementDragControls(node);\n    }\n    mount() {\n        // If we've been provided a DragControls for manual control over the drag gesture,\n        // subscribe this component to it on mount.\n        const { dragControls } = this.node.getProps();\n        if (dragControls) {\n            this.removeGroupControls = dragControls.subscribe(this.controls);\n        }\n        this.removeListeners = this.controls.addListeners() || noop;\n    }\n    update() {\n        const { dragControls } = this.node.getProps();\n        const { dragControls: prevDragControls } = this.node.prevProps || {};\n        if (dragControls !== prevDragControls) {\n            this.removeGroupControls();\n            if (dragControls) {\n                this.removeGroupControls = dragControls.subscribe(this.controls);\n            }\n        }\n    }\n    unmount() {\n        this.removeGroupControls();\n        this.removeListeners();\n        /**\n         * In React 19, during list reorder reconciliation, components may\n         * briefly unmount and remount while the drag is still active. If we're\n         * actively dragging, we should NOT end the pan session - it will\n         * continue tracking pointer events via its window-level listeners.\n         *\n         * The pan session will be properly cleaned up when:\n         * 1. The drag ends naturally (pointerup/pointercancel)\n         * 2. The component is truly removed from the DOM\n         */\n        if (!this.controls.isDragging) {\n            this.controls.endPanSession();\n        }\n    }\n}\n\nexport { DragGesture };\n//# sourceMappingURL=index.mjs.map\n"],"names":["DragGesture","Feature","node","noop","VisualElementDragControls","dragControls","prevDragControls"],"mappings":";;;AAIA,MAAMA,UAAoBC,EAAQ;AAAA,EAC9B,YAAYC,GAAM;AACd,UAAMA,CAAI,GACV,KAAK,sBAAsBC,GAC3B,KAAK,kBAAkBA,GACvB,KAAK,WAAW,IAAIC,EAA0BF,CAAI;AAAA,EACtD;AAAA,EACA,QAAQ;AAGJ,UAAM,EAAE,cAAAG,EAAY,IAAK,KAAK,KAAK,SAAQ;AAC3C,IAAIA,MACA,KAAK,sBAAsBA,EAAa,UAAU,KAAK,QAAQ,IAEnE,KAAK,kBAAkB,KAAK,SAAS,aAAY,KAAMF;AAAA,EAC3D;AAAA,EACA,SAAS;AACL,UAAM,EAAE,cAAAE,EAAY,IAAK,KAAK,KAAK,SAAQ,GACrC,EAAE,cAAcC,EAAgB,IAAK,KAAK,KAAK,aAAa,CAAA;AAClE,IAAID,MAAiBC,MACjB,KAAK,oBAAmB,GACpBD,MACA,KAAK,sBAAsBA,EAAa,UAAU,KAAK,QAAQ;AAAA,EAG3E;AAAA,EACA,UAAU;AACN,SAAK,oBAAmB,GACxB,KAAK,gBAAe,GAWf,KAAK,SAAS,cACf,KAAK,SAAS,cAAa;AAAA,EAEnC;AACJ;","x_google_ignoreList":[0]}

package/dist/visualization.es48.js

@@ -1,14 +1,243 @@
-import { PureComponent as e } from "react";
-import t from "react-dom";
-class i extends e {
-  componentWillUnmount() {
-    this.node && document.body && (document.body.removeChild(this.node), delete this.node);
-  }
-  render() {
-    return !this.node && typeof document < "u" && (this.node = document.createElement("div"), this.props.zIndex != null && (this.node.style.zIndex = `${this.props.zIndex}`), document.body.append(this.node)), this.node ? /* @__PURE__ */ t.createPortal(this.props.children, this.node) : null;
-  }
-}
+import { jsx as s, jsxs as k, Fragment as _ } from "react/jsx-runtime";
+import { useRef as C, useState as Bt, useEffect as B, useMemo as P, useCallback as lt } from "react";
+import Kt from "@mui/material/CircularProgress";
+import { Stack as Ot, Box as at } from "@mui/material";
+import { rescaleX as $t, rescaleY as qt, prepareCanvas as It, partitionPointsByHover as Ut, getTicks as it, isPointVisible as Jt, drawCanvasPoint as Nt } from "./visualization.es17.js";
+import Qt from "./visualization.es101.js";
+import Gt from "./visualization.es102.js";
+import _t from "./visualization.es103.js";
+import Wt from "./visualization.es104.js";
+import { useDragSelection as Zt } from "./visualization.es105.js";
+import ft from "./visualization.es36.js";
+import Ht from "./visualization.es106.js";
+import zt from "./visualization.es88.js";
+import bt from "./visualization.es66.js";
+import te from "./visualization.es24.js";
+import ee from "./visualization.es44.js";
+import re from "./visualization.es90.js";
+import ut from "./visualization.es23.js";
+import ne from "./visualization.es46.js";
+const se = 120, oe = (A) => 1 - Math.pow(1 - A, 3), Ce = ({
+  size: A,
+  margin: o,
+  boundedWidth: l,
+  boundedHeight: c,
+  loading: pt,
+  pointData: v,
+  animation: T,
+  animationGroupSize: K,
+  animationBuffer: O,
+  xScale: $,
+  yScale: q,
+  zoom: a,
+  selectMode: i,
+  selectable: vt,
+  disableZoom: x,
+  groupPointsAnchor: W,
+  hoveredPoint: h,
+  handleMouseMove: ht,
+  handleMouseLeave: Z,
+  onDisplayedPointsChange: H,
+  onSelectionChange: xt,
+  onPointClicked: z,
+  leftAxisLabel: yt,
+  bottomAxisLabel: mt,
+  border: wt,
+  originLine: St,
+  backgroundGradient: L,
+  crosshair: I,
+  divRef: kt
+}) => {
+  const b = C(null), tt = C(null), D = C(0), U = C(null), [J, N] = Bt(!!T);
+  B(() => {
+    if (!T) return;
+    if (v.length > 2500) {
+      N(!1);
+      return;
+    }
+    const t = 450, e = (O ?? 0.03) * 1e3, r = Math.ceil(v.length / (K ?? 1)), n = t + r * e, f = window.setTimeout(() => N(!1), n);
+    return () => window.clearTimeout(f);
+  }, [T, O, K, v.length]);
+  const {
+    lines: Et,
+    isDragging: m,
+    x: g,
+    y: R,
+    dx: V,
+    dy: Y,
+    dragStart: et,
+    dragMove: rt,
+    dragEnd: At,
+    completeSelection: Lt
+  } = Zt({
+    pointData: v,
+    margin: o,
+    xScale: $,
+    yScale: q,
+    onSelectionChange: xt
+  });
+  B(() => {
+    const t = b.current, e = (f) => {
+      f.preventDefault();
+    }, r = (f) => {
+      f.preventDefault();
+    }, n = (f) => {
+      f.preventDefault();
+    };
+    return t && (t.addEventListener("wheel", e, {
+      passive: !1
+    }), t.addEventListener("touchstart", n, {
+      passive: !1
+    }), t.addEventListener("touchmove", r, {
+      passive: !1
+    })), () => {
+      t && (t.removeEventListener("wheel", e), t.removeEventListener("touchstart", n), t.removeEventListener("touchmove", r));
+    };
+  }, []);
+  const u = P(() => $t($, a.transformMatrix.translateX, a.transformMatrix.scaleX), [$, a.transformMatrix]), p = P(() => qt(q, a.transformMatrix.translateY, a.transformMatrix.scaleY), [q, a.transformMatrix]), nt = P(() => {
+    const t = W;
+    return t && h ? v.filter((e) => t in e ? e[t] === h[t] : e.metaData && h.metaData ? e.metaData[t] === h.metaData[t] : !1) : h ? [h] : [];
+  }, [h, W, v]), st = C(/* @__PURE__ */ new Set()), M = P(() => {
+    const t = new Set(nt.map((r) => `${r.x},${r.y}`)), e = st.current;
+    return t.size === e.size && [...t].every((r) => e.has(r)) ? e : (st.current = t, t);
+  }, [nt]), X = P(() => v.filter((t) => {
+    const e = u(t.x), r = p(t.y);
+    return e >= 0 && e <= l && r >= 0 && r <= c;
+  }), [v, u, p, l, c]), j = lt((t, e, r) => {
+    const n = r.getContext("2d");
+    if (!n) return;
+    if (It(n, l, c), L) {
+      const [y, G, F] = L.colorScale ?? ["red", "white", "blue"], S = l, E = c, jt = t(0), Ft = e(0), dt = Math.max(1e-3, Math.min(0.999, (jt * S - Ft * E + E * E) / (S * S + E * E))), d = n.createLinearGradient(0, E, S, 0);
+      d.addColorStop(0, y), d.addColorStop(dt, G), d.addColorStop(1, F), n.globalAlpha = L.opacity ?? 1, n.fillStyle = d, n.fillRect(0, 0, S, E), n.globalAlpha = 1;
+    }
+    const {
+      nonHovered: f,
+      hovered: w
+    } = Ut(v, M), ct = (y, G) => {
+      const F = t(y.x), S = e(y.y);
+      Jt(F, S, l, c) && Nt(n, y, F, S, G ? D.current : 0);
+    };
+    f.forEach((y) => ct(y, !1)), w.forEach((y) => ct(y, !0));
+  }, [c, l, M, v, L]);
+  B(() => {
+    const t = tt.current;
+    if (!t || J) return;
+    if (M.size === 0) {
+      U.current = null, D.current = 0, j(u, p, t);
+      return;
+    }
+    if (U.current === M) {
+      j(u, p, t);
+      return;
+    }
+    U.current = M;
+    const e = performance.now();
+    D.current = 0;
+    let r = requestAnimationFrame(function n() {
+      const f = Math.min(1, (performance.now() - e) / se);
+      D.current = oe(f), j(u, p, t), f < 1 && (r = requestAnimationFrame(n));
+    });
+    return () => cancelAnimationFrame(r);
+  }, [j, u, p, J, M]);
+  const Mt = lt(() => {
+    h && z?.(h);
+  }, [h, z]), Ct = x ? vt ? m ? "none" : "crosshair" : m ? "none" : "default" : h ? "default" : i === "select" ? m ? "none" : "crosshair" : a.isDragging ? "grabbing" : "grab", Q = (t) => {
+    At(t), Lt(a);
+  }, Tt = i === "none" ? void 0 : i === "select" ? et : x ? void 0 : a.dragStart, gt = i === "none" ? void 0 : i === "select" ? Q : x ? void 0 : a.dragEnd, Rt = i === "none" ? void 0 : i === "select" ? m ? rt : void 0 : x ? void 0 : a.dragMove, Pt = i === "none" ? void 0 : i === "select" ? Q : x ? void 0 : a.dragEnd, Dt = i === "none" ? void 0 : i === "select" ? et : x ? void 0 : a.dragStart, Vt = i === "none" ? void 0 : i === "select" ? Q : x ? void 0 : a.dragEnd, Yt = i === "none" ? void 0 : i === "select" ? m ? rt : void 0 : x ? void 0 : a.dragMove, Xt = (t) => {
+    if (N(!1), !x) {
+      const e = ne(t) || {
+        x: 0,
+        y: 0
+      }, r = t.deltaY < 0 ? 1.1 : 0.9;
+      a.scale({
+        scaleX: r,
+        scaleY: r,
+        point: e
+      });
+    }
+  }, ot = C([]);
+  return B(() => {
+    ((e, r) => e.length !== r.length ? !0 : !e.every((n, f) => {
+      const w = r[f];
+      return n.x === w.x && n.y === w.y && n.r === w.r && n.shape === w.shape && n.color === w.color && n.opacity === w.opacity;
+    }))(ot.current, X) && (H?.(X), ot.current = X);
+  }, [X, H]), /* @__PURE__ */ s(Ot, { justifyContent: "center", alignItems: "center", direction: "row", sx: {
+    position: "relative"
+  }, children: /* @__PURE__ */ s(at, { sx: {
+    width: A,
+    height: A
+  }, children: pt ? /* @__PURE__ */ s(at, { display: "flex", width: "100%", height: "100%", sx: {
+    justifyContent: "center",
+    alignItems: "center"
+  }, children: /* @__PURE__ */ s(Kt, {}) }) : /* @__PURE__ */ k("div", { style: {
+    position: "relative"
+  }, ref: kt, children: [
+    /* @__PURE__ */ s("canvas", { ref: tt, width: l * 2, height: c * 2, style: {
+      userSelect: "none",
+      position: "absolute",
+      top: o.top,
+      left: o.left,
+      width: l,
+      height: c,
+      backgroundColor: "transparent"
+    } }),
+    /* @__PURE__ */ k("svg", { width: A, height: A, overflow: "visible", style: {
+      position: "absolute",
+      userSelect: "none"
+    }, onMouseMove: (t) => {
+      m ? Z() : ht(t, a);
+    }, onMouseLeave: Z, children: [
+      /* @__PURE__ */ k(ft, { top: o.top, left: o.left, children: [
+        J && T && /* @__PURE__ */ s(Qt, { pointData: v, animation: T, animationGroupSize: K, animationBuffer: O, xScaleTransformed: u, yScaleTransformed: p, boundedWidth: l, boundedHeight: c }),
+        i === "select" && /* @__PURE__ */ k(_, { children: [
+          Et.map((t, e) => /* @__PURE__ */ s(Ht, { fill: "transparent", stroke: "black", strokeWidth: 3, data: t, curve: zt, x: (r) => r.x, y: (r) => r.y }, `line-${e}`)),
+          m && /* @__PURE__ */ k("g", { children: [
+            /* @__PURE__ */ s("line", { x1: g - o.left + V - 6, y1: R - o.top + Y, x2: g - o.left + V + 6, y2: R - o.top + Y, stroke: "black", strokeWidth: 1 }),
+            /* @__PURE__ */ s("line", { x1: g - o.left + V, y1: R - o.top + Y - 6, x2: g - o.left + V, y2: R - o.top + Y + 6, stroke: "black", strokeWidth: 1 }),
+            /* @__PURE__ */ s("circle", { cx: g - o.left, cy: R - o.top, r: 4, fill: "transparent", stroke: "black", pointerEvents: "none" })
+          ] })
+        ] }),
+        St && (() => {
+          const t = u(0), e = p(0);
+          return /* @__PURE__ */ k(_, { children: [
+            e >= 0 && e <= c && /* @__PURE__ */ s("line", { x1: 0, x2: l, y1: e, y2: e, stroke: "#000", strokeWidth: 1, strokeDasharray: "4,4", pointerEvents: "none" }),
+            t >= 0 && t <= l && /* @__PURE__ */ s("line", { x1: t, x2: t, y1: 0, y2: c, stroke: "#000", strokeWidth: 1, strokeDasharray: "4,4", pointerEvents: "none" })
+          ] });
+        })(),
+        /* @__PURE__ */ s("rect", { ref: b, fill: "transparent", width: l, height: c, style: {
+          cursor: Ct
+        }, onMouseDown: Tt, onMouseUp: gt, onMouseMove: Rt, onMouseLeave: Pt, onTouchStart: Dt, onTouchEnd: Vt, onTouchMove: Yt, onWheel: Xt, onClick: Mt }),
+        I && !m && /* @__PURE__ */ s(Wt, { position: {
+          x: u(I.x),
+          y: p(I.y)
+        }, boundedWidth: l, boundedHeight: c })
+      ] }),
+      /* @__PURE__ */ k(ft, { top: o.top, left: o.left, children: [
+        /* @__PURE__ */ s(bt, { scale: p, tickLabelProps: () => ({
+          fill: "#1c1917",
+          fontSize: 10,
+          textAnchor: "end",
+          verticalAnchor: "middle",
+          x: -10
+        }), tickValues: it(p, 5) }),
+        /* @__PURE__ */ s(te, { top: c, scale: u, tickLabelProps: () => ({
+          fill: "#1c1917",
+          fontSize: 11,
+          textAnchor: "middle"
+        }), tickValues: it(u, 5) }),
+        wt && /* @__PURE__ */ k(_, { children: [
+          /* @__PURE__ */ s(ee, { top: 0, scale: u, tickValues: [] }),
+          /* @__PURE__ */ s(re, { scale: p, tickValues: [], left: l })
+        ] }),
+        /* @__PURE__ */ s(ut, { textAnchor: "middle", verticalAnchor: "end", angle: -90, fontSize: 15, y: c / 2, x: 0, dx: -50, children: yt }),
+        /* @__PURE__ */ s(ut, { textAnchor: "middle", verticalAnchor: "start", fontSize: 15, y: c, x: l / 2, dy: 50, children: mt })
+      ] }),
+      /* @__PURE__ */ s(Gt, { pointData: v, xScaleTransformed: u, yScaleTransformed: p, boundedWidth: l, boundedHeight: c, margin: o }),
+      L?.legend && /* @__PURE__ */ s(_t, { backgroundGradient: L, boundedHeight: c, barLeft: o.left + l + 25, marginTop: o.top })
+    ] })
+  ] }) }) });
+};
 export {
-  i as default
+  Ce as default
 };
 //# sourceMappingURL=visualization.es48.js.map

package/dist/visualization.es48.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es48.js","sources":["../../../node_modules/.pnpm/@visx+tooltip@4.0.0_@types+react-dom@19.2.3_@types+react@19.2.14__@types+react@19.2.14__1992a6888b9348459183e160bdb98c40/node_modules/@visx/tooltip/esm/Portal.js"],"sourcesContent":["import { PureComponent } from 'react';\nimport ReactDOM from 'react-dom';\n/** Render within a portal using a declarative component API. */\nexport default class Portal extends PureComponent {\n  componentWillUnmount() {\n    if (this.node && document.body) {\n      document.body.removeChild(this.node);\n      delete this.node;\n    }\n  }\n  render() {\n    // SSR check\n    if (!this.node && typeof document !== 'undefined') {\n      this.node = document.createElement('div');\n      if (this.props.zIndex != null) this.node.style.zIndex = `${this.props.zIndex}`;\n      document.body.append(this.node);\n    }\n    if (!this.node) {\n      return null;\n    }\n    return /*#__PURE__*/ReactDOM.createPortal(this.props.children, this.node);\n  }\n}"],"names":["Portal","PureComponent","ReactDOM"],"mappings":";;AAGe,MAAMA,UAAeC,EAAc;AAAA,EAChD,uBAAuB;AACrB,IAAI,KAAK,QAAQ,SAAS,SACxB,SAAS,KAAK,YAAY,KAAK,IAAI,GACnC,OAAO,KAAK;AAAA,EAEhB;AAAA,EACA,SAAS;AAOP,WALI,CAAC,KAAK,QAAQ,OAAO,WAAa,QACpC,KAAK,OAAO,SAAS,cAAc,KAAK,GACpC,KAAK,MAAM,UAAU,SAAM,KAAK,KAAK,MAAM,SAAS,GAAG,KAAK,MAAM,MAAM,KAC5E,SAAS,KAAK,OAAO,KAAK,IAAI,IAE3B,KAAK,OAGU,gBAAAC,EAAS,aAAa,KAAK,MAAM,UAAU,KAAK,IAAI,IAF/D;AAAA,EAGX;AACF;","x_google_ignoreList":[0]}
+{"version":3,"file":"visualization.es48.js","sources":["../src/components/ScatterPlot/ScatterPlotViewport.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useMemo, useRef, useState } from \"react\";\nimport CircularProgress from \"@mui/material/CircularProgress\";\nimport { Box, Stack } from \"@mui/material\";\nimport { Group } from \"@visx/group\";\nimport { AxisBottom, AxisLeft, AxisRight, AxisTop } from \"@visx/axis\";\nimport { LinePath } from \"@visx/shape\";\nimport { Text } from \"@visx/text\";\nimport { curveBasis } from \"@visx/curve\";\nimport { localPoint } from \"@visx/event\";\nimport { ScaleLinear } from \"@visx/vendor/d3-scale\";\nimport { BackgroundGradient, ChartProps, CrosshairPosition, Point, SelectionMode, ZoomType } from \"./types\";\nimport { drawCanvasPoint, getTicks, isPointVisible, partitionPointsByHover, prepareCanvas, rescaleX, rescaleY } from \"./helpers\";\nimport AnimatedPoints from \"./AnimatedPoints\";\nimport PointLabels from \"./PointLabels\";\nimport GradientLegend from \"./GradientLegend\";\nimport Crosshair from \"./Crosshair\";\nimport { useDragSelection } from \"./hooks/useDragSelection\";\n\ntype ScatterPlotViewportProps<T extends object> = {\n    size: number;\n    margin: { top: number; left: number };\n    boundedWidth: number;\n    boundedHeight: number;\n    loading: boolean;\n    pointData: Point<T>[];\n    animation?: ChartProps<T, boolean | undefined, boolean | undefined>[\"animation\"];\n    animationGroupSize?: number;\n    animationBuffer?: number;\n    xScale: ScaleLinear<number, number, never>;\n    yScale: ScaleLinear<number, number, never>;\n    zoom: ZoomType;\n    selectMode: SelectionMode;\n    selectable: boolean;\n    disableZoom?: boolean;\n    groupPointsAnchor?: keyof Point<T> | keyof T;\n    hoveredPoint: Point<T> | null;\n    handleMouseMove: (event: React.MouseEvent<SVGElement>, zoom: ZoomType) => void;\n    handleMouseLeave: () => void;\n    onDisplayedPointsChange?: (points: Point<T>[]) => void;\n    onSelectionChange?: (selectedPoints: Point<T>[]) => void;\n    onPointClicked?: (point: Point<T>) => void;\n    leftAxisLabel?: string;\n    bottomAxisLabel?: string;\n    border: boolean;\n    originLine?: boolean;\n    backgroundGradient?: BackgroundGradient;\n    /** Crosshair position in data coordinates, or null for no crosshair. */\n    crosshair?: CrosshairPosition | null;\n    divRef: React.RefObject<HTMLDivElement | null>;\n};\n\n/**\n * Hover growth eases in over this long, and is dropped instantly on the way out.\n * Easing the exit too would drag a tail of still-shrinking points behind the cursor\n * whenever it sweeps across a dense plot.\n */\nconst HOVER_GROW_MS = 120;\n\nconst easeOutCubic = (t: number) => 1 - Math.pow(1 - t, 3);\n\nconst ScatterPlotViewport = <T extends object>({\n    size,\n    margin,\n    boundedWidth,\n    boundedHeight,\n    loading,\n    pointData,\n    animation,\n    animationGroupSize,\n    animationBuffer,\n    xScale,\n    yScale,\n    zoom,\n    selectMode,\n    selectable,\n    disableZoom,\n    groupPointsAnchor,\n    hoveredPoint,\n    handleMouseMove,\n    handleMouseLeave,\n    onDisplayedPointsChange,\n    onSelectionChange,\n    onPointClicked,\n    leftAxisLabel,\n    bottomAxisLabel,\n    border,\n    originLine,\n    backgroundGradient,\n    crosshair,\n    divRef,\n}: ScatterPlotViewportProps<T>) => {\n    const graphRef = useRef<SVGRectElement | null>(null);\n    const canvasRef = useRef<HTMLCanvasElement | null>(null);\n    // Hover growth is driven straight onto the canvas through a ref. A redraw is ~0.3ms at\n    // 3.4k points so the drawing is cheap, but a re-render per frame would not be.\n    const hoverAmountRef = useRef(0);\n    const animatedKeysRef = useRef<Set<string> | null>(null);\n\n    // Animation state — viewport owns what it renders\n    const [showPointAnimation, setShowPointAnimation] = useState(Boolean(animation));\n\n    useEffect(() => {\n        if (!animation) return;\n        if (pointData.length > 2500) {\n            setShowPointAnimation(false);\n            return;\n        }\n        const duration = 450;\n        const buffer = (animationBuffer ?? 0.03) * 1000;\n        const groups = Math.ceil(pointData.length / (animationGroupSize ?? 1));\n        const total = duration + groups * buffer;\n\n        const t = window.setTimeout(() => setShowPointAnimation(false), total);\n        return () => window.clearTimeout(t);\n    }, [animation, animationBuffer, animationGroupSize, pointData.length]);\n\n    const { lines, isDragging, x, y, dx, dy, dragStart, dragMove, dragEnd, completeSelection } =\n        useDragSelection({ pointData, margin, xScale, yScale, onSelectionChange });\n\n    // Passive event listeners to prevent default scroll/touch behavior on the chart surface\n    useEffect(() => {\n        const graphElement = graphRef.current;\n\n        const handleWheel = (event: WheelEvent) => { event.preventDefault(); };\n        const handleTouchMove = (event: TouchEvent) => { event.preventDefault(); };\n        const handleTouchStart = (event: TouchEvent) => { event.preventDefault(); };\n\n        if (graphElement) {\n            graphElement.addEventListener('wheel', handleWheel, { passive: false });\n            graphElement.addEventListener('touchstart', handleTouchStart, { passive: false });\n            graphElement.addEventListener('touchmove', handleTouchMove, { passive: false });\n        }\n\n        return () => {\n            if (graphElement) {\n                graphElement.removeEventListener('wheel', handleWheel);\n                graphElement.removeEventListener('touchstart', handleTouchStart);\n                graphElement.removeEventListener('touchmove', handleTouchMove);\n            }\n        };\n    }, []);\n\n    const xScaleTransformed = useMemo(\n        () => rescaleX(xScale, zoom.transformMatrix.translateX, zoom.transformMatrix.scaleX),\n        [xScale, zoom.transformMatrix]\n    );\n    const yScaleTransformed = useMemo(\n        () => rescaleY(yScale, zoom.transformMatrix.translateY, zoom.transformMatrix.scaleY),\n        [yScale, zoom.transformMatrix]\n    );\n\n    const groupedPoints: Point<T>[] = useMemo(() => {\n        const anchor = groupPointsAnchor;\n        if (anchor && hoveredPoint) {\n            return pointData.filter((point) => {\n                if (anchor in point) {\n                    return point[anchor as keyof Point<T>] === hoveredPoint[anchor as keyof Point<T>];\n                }\n                if (point.metaData && hoveredPoint.metaData) {\n                    return point.metaData[anchor as keyof T] === hoveredPoint.metaData[anchor as keyof T];\n                }\n                return false;\n            });\n        }\n        return hoveredPoint ? [hoveredPoint] : [];\n    }, [hoveredPoint, groupPointsAnchor, pointData]);\n\n    const previousHoveredKeysRef = useRef<Set<string>>(new Set());\n\n    const hoveredPointKeys = useMemo(() => {\n        const next = new Set(groupedPoints.map((point) => `${point.x},${point.y}`));\n        const previous = previousHoveredKeysRef.current;\n\n        // Moving between points inside one anchored group rebuilds this set, but its contents\n        // are unchanged - the hovered group is the same group. Handing back the previous Set\n        // keeps its identity stable, so the redraw effect and the hover growth it drives both\n        // sit still instead of restarting on every point the cursor crosses. Purely a\n        // memoisation hint: the contents are correct either way.\n        if (next.size === previous.size && [...next].every((key) => previous.has(key))) {\n            return previous;\n        }\n\n        previousHoveredKeysRef.current = next;\n        return next;\n    }, [groupedPoints]);\n\n    const currentDisplayedPoints = useMemo(\n        () => pointData.filter((point) => {\n            const tx = xScaleTransformed(point.x);\n            const ty = yScaleTransformed(point.y);\n            return tx >= 0 && tx <= boundedWidth && ty >= 0 && ty <= boundedHeight;\n        }),\n        [pointData, xScaleTransformed, yScaleTransformed, boundedWidth, boundedHeight]\n    );\n\n    const drawPoints = useCallback((\n        xST: ScaleLinear<number, number, never>,\n        yST: ScaleLinear<number, number, never>,\n        canvas: HTMLCanvasElement\n    ) => {\n        const context = canvas.getContext('2d');\n        if (!context) return;\n\n        prepareCanvas(context, boundedWidth, boundedHeight);\n\n        if (backgroundGradient) {\n            const [colorLow, colorMid, colorHigh] = backgroundGradient.colorScale ?? [\"red\", \"white\", \"blue\"];\n            const W = boundedWidth;\n            const H = boundedHeight;\n            const x0 = xST(0);\n            const y0 = yST(0);\n            const fraction = Math.max(0.001, Math.min(0.999, (x0 * W - y0 * H + H * H) / (W * W + H * H)));\n            const gradient = context.createLinearGradient(0, H, W, 0);\n            gradient.addColorStop(0, colorLow);\n            gradient.addColorStop(fraction, colorMid);\n            gradient.addColorStop(1, colorHigh);\n            context.globalAlpha = backgroundGradient.opacity ?? 1;\n            context.fillStyle = gradient;\n            context.fillRect(0, 0, W, H);\n            context.globalAlpha = 1;\n        }\n\n        const { nonHovered, hovered } = partitionPointsByHover(pointData, hoveredPointKeys);\n\n        const drawRenderedPoint = (point: Point<T>, isHovered: boolean) => {\n            const transformedX = xST(point.x);\n            const transformedY = yST(point.y);\n            if (!isPointVisible(transformedX, transformedY, boundedWidth, boundedHeight)) return;\n            drawCanvasPoint(context, point, transformedX, transformedY, isHovered ? hoverAmountRef.current : 0);\n        };\n\n        nonHovered.forEach((point) => drawRenderedPoint(point, false));\n        hovered.forEach((point) => drawRenderedPoint(point, true));\n    }, [boundedHeight, boundedWidth, hoveredPointKeys, pointData, backgroundGradient]);\n\n    useEffect(() => {\n        const canvas = canvasRef.current;\n        if (!canvas || showPointAnimation) return;\n\n        // Leaving is instant: drop the growth and repaint once.\n        if (hoveredPointKeys.size === 0) {\n            animatedKeysRef.current = null;\n            hoverAmountRef.current = 0;\n            drawPoints(xScaleTransformed, yScaleTransformed, canvas);\n            return;\n        }\n\n        // Only a change of hovered set starts the growth. This effect also runs on pan, zoom\n        // and data changes, which should repaint at the size the points have already reached\n        // rather than snapping them back to zero.\n        if (animatedKeysRef.current === hoveredPointKeys) {\n            drawPoints(xScaleTransformed, yScaleTransformed, canvas);\n            return;\n        }\n        animatedKeysRef.current = hoveredPointKeys;\n\n        const startedAt = performance.now();\n        hoverAmountRef.current = 0;\n        let frame = requestAnimationFrame(function step() {\n            const t = Math.min(1, (performance.now() - startedAt) / HOVER_GROW_MS);\n            hoverAmountRef.current = easeOutCubic(t);\n            drawPoints(xScaleTransformed, yScaleTransformed, canvas);\n            if (t < 1) frame = requestAnimationFrame(step);\n        });\n\n        return () => cancelAnimationFrame(frame);\n    }, [drawPoints, xScaleTransformed, yScaleTransformed, showPointAnimation, hoveredPointKeys]);\n\n    const handlePointClick = useCallback(() => {\n        if (hoveredPoint) onPointClicked?.(hoveredPoint);\n    }, [hoveredPoint, onPointClicked]);\n\n    const surfaceCursor = disableZoom\n        ? selectable\n            ? isDragging ? 'none' : 'crosshair'\n            : isDragging ? 'none' : 'default'\n        : hoveredPoint\n            ? 'default'\n            : selectMode === 'select'\n                ? isDragging ? 'none' : 'crosshair'\n                : zoom.isDragging\n                    ? 'grabbing'\n                    : 'grab';\n\n    const handleSelectionEnd = (event: React.MouseEvent<SVGRectElement> | React.TouchEvent<SVGRectElement>) => {\n        dragEnd(event);\n        completeSelection(zoom);\n    };\n\n    const onSurfaceMouseDown = selectMode === \"none\"\n        ? undefined\n        : selectMode === \"select\"\n            ? dragStart\n            : disableZoom ? undefined : zoom.dragStart;\n    const onSurfaceMouseUp = selectMode === \"none\"\n        ? undefined\n        : selectMode === \"select\"\n            ? handleSelectionEnd\n            : disableZoom ? undefined : zoom.dragEnd;\n    const onSurfaceMouseMove = selectMode === \"none\"\n        ? undefined\n        : selectMode === \"select\"\n            ? (isDragging ? dragMove : undefined)\n            : disableZoom ? undefined : zoom.dragMove;\n    const onSurfaceMouseLeave = selectMode === \"none\"\n        ? undefined\n        : selectMode === \"select\"\n            ? handleSelectionEnd\n            : disableZoom ? undefined : zoom.dragEnd;\n    const onSurfaceTouchStart = selectMode === \"none\"\n        ? undefined\n        : selectMode === \"select\"\n            ? dragStart\n            : disableZoom ? undefined : zoom.dragStart;\n    const onSurfaceTouchEnd = selectMode === \"none\"\n        ? undefined\n        : selectMode === \"select\"\n            ? handleSelectionEnd\n            : disableZoom ? undefined : zoom.dragEnd;\n    const onSurfaceTouchMove = selectMode === \"none\"\n        ? undefined\n        : selectMode === \"select\"\n            ? (isDragging ? dragMove : undefined)\n            : disableZoom ? undefined : zoom.dragMove;\n    const onSurfaceWheel: React.WheelEventHandler<SVGRectElement> = (event) => {\n        setShowPointAnimation(false);\n        if (!disableZoom) {\n            const point = localPoint(event) || { x: 0, y: 0 };\n            const zoomDirection = event.deltaY < 0 ? 1.1 : 0.9;\n            zoom.scale({ scaleX: zoomDirection, scaleY: zoomDirection, point });\n        }\n    };\n\n    const previousDisplayedPoints = useRef<Point<T>[]>([]);\n\n    useEffect(() => {\n        const haveDisplayedPointsChanged = (prevPoints: Point<T>[], nextPoints: Point<T>[]) => {\n            if (prevPoints.length !== nextPoints.length) return true;\n            return !prevPoints.every((point, index) => {\n                const nextPoint = nextPoints[index];\n                return (\n                    point.x === nextPoint.x &&\n                    point.y === nextPoint.y &&\n                    point.r === nextPoint.r &&\n                    point.shape === nextPoint.shape &&\n                    point.color === nextPoint.color &&\n                    point.opacity === nextPoint.opacity\n                );\n            });\n        };\n\n        if (haveDisplayedPointsChanged(previousDisplayedPoints.current, currentDisplayedPoints)) {\n            onDisplayedPointsChange?.(currentDisplayedPoints);\n            previousDisplayedPoints.current = currentDisplayedPoints;\n        }\n    }, [currentDisplayedPoints, onDisplayedPointsChange]);\n\n    return (\n        <Stack justifyContent=\"center\" alignItems=\"center\" direction=\"row\" sx={{ position: \"relative\" }}>\n            <Box sx={{ width: size, height: size }}>\n                {loading ? (\n                    <Box display=\"flex\" width=\"100%\" height=\"100%\" sx={{ justifyContent: \"center\", alignItems: \"center\" }}>\n                        <CircularProgress />\n                    </Box>\n                ) : (\n                    <div style={{ position: \"relative\" }} ref={divRef}>\n                        <canvas\n                            ref={canvasRef}\n                            width={boundedWidth * 2}\n                            height={boundedHeight * 2}\n                            style={{\n                                userSelect: \"none\",\n                                position: \"absolute\",\n                                top: margin.top,\n                                left: margin.left,\n                                width: boundedWidth,\n                                height: boundedHeight,\n                                backgroundColor: \"transparent\",\n                            }}\n                        />\n                        <svg\n                            width={size}\n                            height={size}\n                            overflow=\"visible\"\n                            style={{ position: \"absolute\", userSelect: \"none\" }}\n                            onMouseMove={(event) => {\n                                if (isDragging) handleMouseLeave();\n                                else handleMouseMove(event, zoom);\n                            }}\n                            onMouseLeave={handleMouseLeave}\n                        >\n                            <Group top={margin.top} left={margin.left}>\n                                {showPointAnimation && animation && (\n                                    <AnimatedPoints\n                                        pointData={pointData}\n                                        animation={animation}\n                                        animationGroupSize={animationGroupSize}\n                                        animationBuffer={animationBuffer}\n                                        xScaleTransformed={xScaleTransformed}\n                                        yScaleTransformed={yScaleTransformed}\n                                        boundedWidth={boundedWidth}\n                                        boundedHeight={boundedHeight}\n                                    />\n                                )}\n                                {selectMode === \"select\" && (\n                                    <>\n                                        {lines.map((line, index) => (\n                                            <LinePath\n                                                key={`line-${index}`}\n                                                fill=\"transparent\"\n                                                stroke=\"black\"\n                                                strokeWidth={3}\n                                                data={line}\n                                                curve={curveBasis}\n                                                x={(datum) => datum.x}\n                                                y={(datum) => datum.y}\n                                            />\n                                        ))}\n                                        {isDragging && (\n                                            <g>\n                                                <line x1={x - margin.left + dx - 6} y1={y - margin.top + dy} x2={x - margin.left + dx + 6} y2={y - margin.top + dy} stroke=\"black\" strokeWidth={1} />\n                                                <line x1={x - margin.left + dx} y1={y - margin.top + dy - 6} x2={x - margin.left + dx} y2={y - margin.top + dy + 6} stroke=\"black\" strokeWidth={1} />\n                                                <circle cx={x - margin.left} cy={y - margin.top} r={4} fill=\"transparent\" stroke=\"black\" pointerEvents=\"none\" />\n                                            </g>\n                                        )}\n                                    </>\n                                )}\n                                {originLine && (() => {\n                                    const x0 = xScaleTransformed(0);\n                                    const y0 = yScaleTransformed(0);\n                                    return (\n                                        <>\n                                            {y0 >= 0 && y0 <= boundedHeight && (\n                                                <line x1={0} x2={boundedWidth} y1={y0} y2={y0} stroke=\"#000\" strokeWidth={1} strokeDasharray=\"4,4\" pointerEvents=\"none\" />\n                                            )}\n                                            {x0 >= 0 && x0 <= boundedWidth && (\n                                                <line x1={x0} x2={x0} y1={0} y2={boundedHeight} stroke=\"#000\" strokeWidth={1} strokeDasharray=\"4,4\" pointerEvents=\"none\" />\n                                            )}\n                                        </>\n                                    );\n                                })()}\n                                <rect\n                                    ref={graphRef}\n                                    fill=\"transparent\"\n                                    width={boundedWidth}\n                                    height={boundedHeight}\n                                    style={{ cursor: surfaceCursor }}\n                                    onMouseDown={onSurfaceMouseDown}\n                                    onMouseUp={onSurfaceMouseUp}\n                                    onMouseMove={onSurfaceMouseMove}\n                                    onMouseLeave={onSurfaceMouseLeave}\n                                    onTouchStart={onSurfaceTouchStart}\n                                    onTouchEnd={onSurfaceTouchEnd}\n                                    onTouchMove={onSurfaceTouchMove}\n                                    onWheel={onSurfaceWheel}\n                                    onClick={handlePointClick}\n                                />\n                                {crosshair && !isDragging && (\n                                    <Crosshair\n                                        position={{\n                                            x: xScaleTransformed(crosshair.x),\n                                            y: yScaleTransformed(crosshair.y),\n                                        }}\n                                        boundedWidth={boundedWidth}\n                                        boundedHeight={boundedHeight}\n                                    />\n                                )}\n                            </Group>\n                            <Group top={margin.top} left={margin.left}>\n                                <AxisLeft\n                                    scale={yScaleTransformed}\n                                    tickLabelProps={() => ({\n                                        fill: \"#1c1917\",\n                                        fontSize: 10,\n                                        textAnchor: \"end\",\n                                        verticalAnchor: \"middle\",\n                                        x: -10,\n                                    })}\n                                    tickValues={getTicks(yScaleTransformed, 5)}\n                                />\n                                <AxisBottom\n                                    top={boundedHeight}\n                                    scale={xScaleTransformed}\n                                    tickLabelProps={() => ({\n                                        fill: \"#1c1917\",\n                                        fontSize: 11,\n                                        textAnchor: \"middle\",\n                                    })}\n                                    tickValues={getTicks(xScaleTransformed, 5)}\n                                />\n                                {border && (\n                                    <>\n                                        <AxisTop top={0} scale={xScaleTransformed} tickValues={[]} />\n                                        <AxisRight scale={yScaleTransformed} tickValues={[]} left={boundedWidth} />\n                                    </>\n                                )}\n                                <Text textAnchor=\"middle\" verticalAnchor=\"end\" angle={-90} fontSize={15} y={boundedHeight / 2} x={0} dx={-50}>\n                                    {leftAxisLabel}\n                                </Text>\n                                <Text textAnchor=\"middle\" verticalAnchor=\"start\" fontSize={15} y={boundedHeight} x={boundedWidth / 2} dy={50}>\n                                    {bottomAxisLabel}\n                                </Text>\n                            </Group>\n                            <PointLabels\n                                pointData={pointData}\n                                xScaleTransformed={xScaleTransformed}\n                                yScaleTransformed={yScaleTransformed}\n                                boundedWidth={boundedWidth}\n                                boundedHeight={boundedHeight}\n                                margin={margin}\n                            />\n                            {backgroundGradient?.legend && (\n                                <GradientLegend\n                                    backgroundGradient={backgroundGradient}\n                                    boundedHeight={boundedHeight}\n                                    barLeft={margin.left + boundedWidth + 25}\n                                    marginTop={margin.top}\n                                />\n                            )}\n                        </svg>\n                    </div>\n                )}\n            </Box>\n        </Stack>\n    );\n};\n\nexport default ScatterPlotViewport;\n"],"names":["HOVER_GROW_MS","easeOutCubic","t","Math","pow","ScatterPlotViewport","size","margin","boundedWidth","boundedHeight","loading","pointData","animation","animationGroupSize","animationBuffer","xScale","yScale","zoom","selectMode","selectable","disableZoom","groupPointsAnchor","hoveredPoint","handleMouseMove","handleMouseLeave","onDisplayedPointsChange","onSelectionChange","onPointClicked","leftAxisLabel","bottomAxisLabel","border","originLine","backgroundGradient","crosshair","divRef","graphRef","useRef","canvasRef","hoverAmountRef","animatedKeysRef","showPointAnimation","setShowPointAnimation","useState","Boolean","useEffect","length","duration","buffer","groups","ceil","total","window","setTimeout","clearTimeout","lines","isDragging","x","y","dx","dy","dragStart","dragMove","dragEnd","completeSelection","useDragSelection","graphElement","current","handleWheel","event","preventDefault","handleTouchMove","handleTouchStart","addEventListener","passive","removeEventListener","xScaleTransformed","useMemo","rescaleX","transformMatrix","translateX","scaleX","yScaleTransformed","rescaleY","translateY","scaleY","groupedPoints","anchor","filter","point","metaData","previousHoveredKeysRef","Set","hoveredPointKeys","next","map","previous","every","key","has","currentDisplayedPoints","tx","ty","drawPoints","useCallback","xST","yST","canvas","context","getContext","prepareCanvas","colorLow","colorMid","colorHigh","colorScale","W","H","x0","y0","fraction","max","min","gradient","createLinearGradient","addColorStop","globalAlpha","opacity","fillStyle","fillRect","nonHovered","hovered","partitionPointsByHover","drawRenderedPoint","isHovered","transformedX","transformedY","isPointVisible","drawCanvasPoint","forEach","startedAt","performance","now","frame","requestAnimationFrame","step","cancelAnimationFrame","handlePointClick","surfaceCursor","handleSelectionEnd","onSurfaceMouseDown","undefined","onSurfaceMouseUp","onSurfaceMouseMove","onSurfaceMouseLeave","onSurfaceTouchStart","onSurfaceTouchEnd","onSurfaceTouchMove","onSurfaceWheel","localPoint","zoomDirection","deltaY","scale","previousDisplayedPoints","haveDisplayedPointsChanged","prevPoints","nextPoints","index","nextPoint","r","shape","color","jsx","Stack","position","Box","width","height","justifyContent","alignItems","CircularProgress","jsxs","userSelect","top","left","backgroundColor","Group","AnimatedPoints","Fragment","line","LinePath","curveBasis","datum","cursor","Crosshair","AxisLeft","fill","fontSize","textAnchor","verticalAnchor","getTicks","AxisBottom","AxisTop","AxisRight","Text","PointLabels","legend","GradientLegend"],"mappings":"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"}

package/dist/visualization.es480.js

@@ -1,7 +1,44 @@
-function n(o, t) {
-  return t ? `${o}. For more information and steps for solving, visit https://motion.dev/troubleshooting/${t}` : o;
+import { addPointerEvent as m } from "./visualization.es192.js";
+import { getContextWindow as P } from "./visualization.es543.js";
+import { PanSession as h } from "./visualization.es544.js";
+import { Feature as p } from "./visualization.es287.js";
+import { noop as u } from "./visualization.es307.js";
+import { frame as r } from "./visualization.es335.js";
+const o = (e) => (n, t) => {
+  e && r.update(() => e(n, t), !1, !0);
+};
+class v extends p {
+  constructor() {
+    super(...arguments), this.removePointerDownListener = u;
+  }
+  onPointerDown(n) {
+    this.session = new h(n, this.createPanHandlers(), {
+      transformPagePoint: this.node.getTransformPagePoint(),
+      contextWindow: P(this.node)
+    });
+  }
+  createPanHandlers() {
+    const { onPanSessionStart: n, onPanStart: t, onPan: i, onPanEnd: s } = this.node.getProps();
+    return {
+      onSessionStart: o(n),
+      onStart: o(t),
+      onMove: o(i),
+      onEnd: (a, d) => {
+        delete this.session, s && r.postRender(() => s(a, d));
+      }
+    };
+  }
+  mount() {
+    this.removePointerDownListener = m(this.node.current, "pointerdown", (n) => this.onPointerDown(n));
+  }
+  update() {
+    this.session && this.session.updateHandlers(this.createPanHandlers());
+  }
+  unmount() {
+    this.removePointerDownListener(), this.session && this.session.end();
+  }
 }
 export {
-  n as formatErrorMessage
+  v as PanGesture
 };
 //# sourceMappingURL=visualization.es480.js.map

package/dist/visualization.es480.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es480.js","sources":["../../../node_modules/.pnpm/motion-utils@12.36.0/node_modules/motion-utils/dist/es/format-error-message.mjs"],"sourcesContent":["function formatErrorMessage(message, errorCode) {\n    return errorCode\n        ? `${message}. For more information and steps for solving, visit https://motion.dev/troubleshooting/${errorCode}`\n        : message;\n}\n\nexport { formatErrorMessage };\n//# sourceMappingURL=format-error-message.mjs.map\n"],"names":["formatErrorMessage","message","errorCode"],"mappings":"AAAA,SAASA,EAAmBC,GAASC,GAAW;AAC5C,SAAOA,IACD,GAAGD,CAAO,0FAA0FC,CAAS,KAC7GD;AACV;","x_google_ignoreList":[0]}
+{"version":3,"file":"visualization.es480.js","sources":["../../../node_modules/.pnpm/framer-motion@12.38.0_@emotion+is-prop-valid@1.4.0_react-dom@19.2.4_react@19.2.4__react@19.2.4/node_modules/framer-motion/dist/es/gestures/pan/index.mjs"],"sourcesContent":["import { Feature, frame } from 'motion-dom';\nimport { noop } from 'motion-utils';\nimport { addPointerEvent } from '../../events/add-pointer-event.mjs';\nimport { getContextWindow } from '../../utils/get-context-window.mjs';\nimport { PanSession } from './PanSession.mjs';\n\nconst asyncHandler = (handler) => (event, info) => {\n    if (handler) {\n        frame.update(() => handler(event, info), false, true);\n    }\n};\nclass PanGesture extends Feature {\n    constructor() {\n        super(...arguments);\n        this.removePointerDownListener = noop;\n    }\n    onPointerDown(pointerDownEvent) {\n        this.session = new PanSession(pointerDownEvent, this.createPanHandlers(), {\n            transformPagePoint: this.node.getTransformPagePoint(),\n            contextWindow: getContextWindow(this.node),\n        });\n    }\n    createPanHandlers() {\n        const { onPanSessionStart, onPanStart, onPan, onPanEnd } = this.node.getProps();\n        return {\n            onSessionStart: asyncHandler(onPanSessionStart),\n            onStart: asyncHandler(onPanStart),\n            onMove: asyncHandler(onPan),\n            onEnd: (event, info) => {\n                delete this.session;\n                if (onPanEnd) {\n                    frame.postRender(() => onPanEnd(event, info));\n                }\n            },\n        };\n    }\n    mount() {\n        this.removePointerDownListener = addPointerEvent(this.node.current, \"pointerdown\", (event) => this.onPointerDown(event));\n    }\n    update() {\n        this.session && this.session.updateHandlers(this.createPanHandlers());\n    }\n    unmount() {\n        this.removePointerDownListener();\n        this.session && this.session.end();\n    }\n}\n\nexport { PanGesture };\n//# sourceMappingURL=index.mjs.map\n"],"names":["asyncHandler","handler","event","info","frame","PanGesture","Feature","noop","pointerDownEvent","PanSession","getContextWindow","onPanSessionStart","onPanStart","onPan","onPanEnd","addPointerEvent"],"mappings":";;;;;;AAMA,MAAMA,IAAe,CAACC,MAAY,CAACC,GAAOC,MAAS;AAC/C,EAAIF,KACAG,EAAM,OAAO,MAAMH,EAAQC,GAAOC,CAAI,GAAG,IAAO,EAAI;AAE5D;AACA,MAAME,UAAmBC,EAAQ;AAAA,EAC7B,cAAc;AACV,UAAM,GAAG,SAAS,GAClB,KAAK,4BAA4BC;AAAA,EACrC;AAAA,EACA,cAAcC,GAAkB;AAC5B,SAAK,UAAU,IAAIC,EAAWD,GAAkB,KAAK,qBAAqB;AAAA,MACtE,oBAAoB,KAAK,KAAK,sBAAqB;AAAA,MACnD,eAAeE,EAAiB,KAAK,IAAI;AAAA,IACrD,CAAS;AAAA,EACL;AAAA,EACA,oBAAoB;AAChB,UAAM,EAAE,mBAAAC,GAAmB,YAAAC,GAAY,OAAAC,GAAO,UAAAC,EAAQ,IAAK,KAAK,KAAK,SAAQ;AAC7E,WAAO;AAAA,MACH,gBAAgBd,EAAaW,CAAiB;AAAA,MAC9C,SAASX,EAAaY,CAAU;AAAA,MAChC,QAAQZ,EAAaa,CAAK;AAAA,MAC1B,OAAO,CAACX,GAAOC,MAAS;AACpB,eAAO,KAAK,SACRW,KACAV,EAAM,WAAW,MAAMU,EAASZ,GAAOC,CAAI,CAAC;AAAA,MAEpD;AAAA,IACZ;AAAA,EACI;AAAA,EACA,QAAQ;AACJ,SAAK,4BAA4BY,EAAgB,KAAK,KAAK,SAAS,eAAe,CAACb,MAAU,KAAK,cAAcA,CAAK,CAAC;AAAA,EAC3H;AAAA,EACA,SAAS;AACL,SAAK,WAAW,KAAK,QAAQ,eAAe,KAAK,mBAAmB;AAAA,EACxE;AAAA,EACA,UAAU;AACN,SAAK,0BAAyB,GAC9B,KAAK,WAAW,KAAK,QAAQ,IAAG;AAAA,EACpC;AACJ;","x_google_ignoreList":[0]}

package/dist/visualization.es481.js

@@ -1,6 +1,61 @@
-import { backIn as o } from "./visualization.es482.js";
-const c = (t) => t >= 1 ? 1 : (t *= 2) < 1 ? 0.5 * o(t) : 0.5 * (2 - Math.pow(2, -10 * (t - 1)));
+import { jsx as m } from "react/jsx-runtime";
+import { useContext as u, Component as l } from "react";
+import { usePresence as c } from "./visualization.es212.js";
+import { LayoutGroupContext as f } from "./visualization.es213.js";
+import { SwitchLayoutGroupContext as d } from "./visualization.es215.js";
+import { frame as h } from "./visualization.es335.js";
+import { microtask as y } from "./visualization.es374.js";
+import { globalProjectionState as g } from "./visualization.es470.js";
+let i = !1;
+class v extends l {
+  /**
+   * This only mounts projection nodes for components that
+   * need measuring, we might want to do it for all components
+   * in order to incorporate transforms
+   */
+  componentDidMount() {
+    const { visualElement: t, layoutGroup: o, switchLayoutGroup: e, layoutId: s } = this.props, { projection: n } = t;
+    n && (o.group && o.group.add(n), e && e.register && s && e.register(n), i && n.root.didUpdate(), n.addEventListener("animationComplete", () => {
+      this.safeToRemove();
+    }), n.setOptions({
+      ...n.options,
+      layoutDependency: this.props.layoutDependency,
+      onExitComplete: () => this.safeToRemove()
+    })), g.hasEverUpdated = !0;
+  }
+  getSnapshotBeforeUpdate(t) {
+    const { layoutDependency: o, visualElement: e, drag: s, isPresent: n } = this.props, { projection: r } = e;
+    return r && (r.isPresent = n, t.layoutDependency !== o && r.setOptions({
+      ...r.options,
+      layoutDependency: o
+    }), i = !0, s || t.layoutDependency !== o || o === void 0 || t.isPresent !== n ? r.willUpdate() : this.safeToRemove(), t.isPresent !== n && (n ? r.promote() : r.relegate() || h.postRender(() => {
+      const p = r.getStack();
+      (!p || !p.members.length) && this.safeToRemove();
+    }))), null;
+  }
+  componentDidUpdate() {
+    const { visualElement: t, layoutAnchor: o } = this.props, { projection: e } = t;
+    e && (e.options.layoutAnchor = o, e.root.didUpdate(), y.postRender(() => {
+      !e.currentAnimation && e.isLead() && this.safeToRemove();
+    }));
+  }
+  componentWillUnmount() {
+    const { visualElement: t, layoutGroup: o, switchLayoutGroup: e } = this.props, { projection: s } = t;
+    i = !0, s && (s.scheduleCheckAfterUnmount(), o && o.group && o.group.remove(s), e && e.deregister && e.deregister(s));
+  }
+  safeToRemove() {
+    const { safeToRemove: t } = this.props;
+    t && t();
+  }
+  render() {
+    return null;
+  }
+}
+function E(a) {
+  const [t, o] = c(), e = u(f);
+  return m(v, { ...a, layoutGroup: e, switchLayoutGroup: u(d), isPresent: t, safeToRemove: o });
+}
 export {
-  c as anticipate
+  E as MeasureLayout
 };
 //# sourceMappingURL=visualization.es481.js.map