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

package/dist/visualization.es545.js

@@ -1,22 +1,131 @@
-const c = /* @__PURE__ */ new WeakMap(), n = /* @__PURE__ */ new WeakMap(), a = (e) => {
-  const r = c.get(e.target);
-  r && r(e);
-}, b = (e) => {
-  e.forEach(a);
-};
-function i({ root: e, ...r }) {
-  const t = e || document;
-  n.has(t) || n.set(t, {});
-  const s = n.get(t), o = JSON.stringify(r);
-  return s[o] || (s[o] = new IntersectionObserver(b, { root: e, ...r })), s[o];
+import { addPointerEvent as m } from "./visualization.es180.js";
+import { extractEventInfo as D } from "./visualization.es181.js";
+import { distance2D as R } from "./visualization.es204.js";
+import { frameData as y, frame as x, cancelFrame as k } from "./visualization.es346.js";
+import { isPrimaryPointer as U } from "./visualization.es183.js";
+import { pipe as X } from "./visualization.es327.js";
+import { secondsToMilliseconds as S, millisecondsToSeconds as Y } from "./visualization.es328.js";
+const M = /* @__PURE__ */ new Set(["auto", "scroll"]);
+class z {
+  constructor(t, s, { transformPagePoint: i, contextWindow: r = window, dragSnapToOrigin: o = !1, distanceThreshold: l = 3, element: u } = {}) {
+    if (this.startEvent = null, this.lastMoveEvent = null, this.lastMoveEventInfo = null, this.lastRawMoveEventInfo = null, this.handlers = {}, this.contextWindow = window, this.scrollPositions = /* @__PURE__ */ new Map(), this.removeScrollListeners = null, this.onElementScroll = (e) => {
+      this.handleScroll(e.target);
+    }, this.onWindowScroll = () => {
+      this.handleScroll(window);
+    }, this.updatePoint = () => {
+      if (!(this.lastMoveEvent && this.lastMoveEventInfo))
+        return;
+      this.lastRawMoveEventInfo && (this.lastMoveEventInfo = v(this.lastRawMoveEventInfo, this.transformPagePoint));
+      const e = p(this.lastMoveEventInfo, this.history), a = this.startEvent !== null, c = R(e.offset, { x: 0, y: 0 }) >= this.distanceThreshold;
+      if (!a && !c)
+        return;
+      const { point: f } = e, { timestamp: d } = y;
+      this.history.push({ ...f, timestamp: d });
+      const { onStart: h, onMove: P } = this.handlers;
+      a || (h && h(this.lastMoveEvent, e), this.startEvent = this.lastMoveEvent), P && P(this.lastMoveEvent, e);
+    }, this.handlePointerMove = (e, a) => {
+      this.lastMoveEvent = e, this.lastRawMoveEventInfo = a, this.lastMoveEventInfo = v(a, this.transformPagePoint), x.update(this.updatePoint, !0);
+    }, this.handlePointerUp = (e, a) => {
+      this.end();
+      const { onEnd: c, onSessionEnd: f, resumeAnimation: d } = this.handlers;
+      if ((this.dragSnapToOrigin || !this.startEvent) && d && d(), !(this.lastMoveEvent && this.lastMoveEventInfo))
+        return;
+      const h = p(e.type === "pointercancel" ? this.lastMoveEventInfo : v(a, this.transformPagePoint), this.history);
+      this.startEvent && c && c(e, h), f && f(e, h);
+    }, !U(t))
+      return;
+    this.dragSnapToOrigin = o, this.handlers = s, this.transformPagePoint = i, this.distanceThreshold = l, this.contextWindow = r || window;
+    const L = D(t), w = v(L, this.transformPagePoint), { point: T } = w, { timestamp: W } = y;
+    this.history = [{ ...T, timestamp: W }];
+    const { onSessionStart: E } = s;
+    E && E(t, p(w, this.history)), this.removeListeners = X(m(this.contextWindow, "pointermove", this.handlePointerMove), m(this.contextWindow, "pointerup", this.handlePointerUp), m(this.contextWindow, "pointercancel", this.handlePointerUp)), u && this.startScrollTracking(u);
+  }
+  /**
+   * Start tracking scroll on ancestors and window.
+   */
+  startScrollTracking(t) {
+    let s = t.parentElement;
+    for (; s; ) {
+      const i = getComputedStyle(s);
+      (M.has(i.overflowX) || M.has(i.overflowY)) && this.scrollPositions.set(s, {
+        x: s.scrollLeft,
+        y: s.scrollTop
+      }), s = s.parentElement;
+    }
+    this.scrollPositions.set(window, {
+      x: window.scrollX,
+      y: window.scrollY
+    }), window.addEventListener("scroll", this.onElementScroll, {
+      capture: !0
+    }), window.addEventListener("scroll", this.onWindowScroll), this.removeScrollListeners = () => {
+      window.removeEventListener("scroll", this.onElementScroll, {
+        capture: !0
+      }), window.removeEventListener("scroll", this.onWindowScroll);
+    };
+  }
+  /**
+   * Handle scroll compensation during drag.
+   *
+   * For element scroll: adjusts history origin since pageX/pageY doesn't change.
+   * For window scroll: adjusts lastMoveEventInfo since pageX/pageY would change.
+   */
+  handleScroll(t) {
+    const s = this.scrollPositions.get(t);
+    if (!s)
+      return;
+    const i = t === window, r = i ? { x: window.scrollX, y: window.scrollY } : {
+      x: t.scrollLeft,
+      y: t.scrollTop
+    }, o = { x: r.x - s.x, y: r.y - s.y };
+    o.x === 0 && o.y === 0 || (i ? this.lastMoveEventInfo && (this.lastMoveEventInfo.point.x += o.x, this.lastMoveEventInfo.point.y += o.y) : this.history.length > 0 && (this.history[0].x -= o.x, this.history[0].y -= o.y), this.scrollPositions.set(t, r), x.update(this.updatePoint, !0));
+  }
+  updateHandlers(t) {
+    this.handlers = t;
+  }
+  end() {
+    this.removeListeners && this.removeListeners(), this.removeScrollListeners && this.removeScrollListeners(), this.scrollPositions.clear(), k(this.updatePoint);
+  }
+}
+function v(n, t) {
+  return t ? { point: t(n.point) } : n;
+}
+function I(n, t) {
+  return { x: n.x - t.x, y: n.y - t.y };
+}
+function p({ point: n }, t) {
+  return {
+    point: n,
+    delta: I(n, g(t)),
+    offset: I(n, O(t)),
+    velocity: V(t, 0.1)
+  };
+}
+function O(n) {
+  return n[0];
+}
+function g(n) {
+  return n[n.length - 1];
 }
-function v(e, r, t) {
-  const s = i(r);
-  return c.set(e, t), s.observe(e), () => {
-    c.delete(e), s.unobserve(e);
+function V(n, t) {
+  if (n.length < 2)
+    return { x: 0, y: 0 };
+  let s = n.length - 1, i = null;
+  const r = g(n);
+  for (; s >= 0 && (i = n[s], !(r.timestamp - i.timestamp > S(t))); )
+    s--;
+  if (!i)
+    return { x: 0, y: 0 };
+  i === n[0] && n.length > 2 && r.timestamp - i.timestamp > S(t) * 2 && (i = n[1]);
+  const o = Y(r.timestamp - i.timestamp);
+  if (o === 0)
+    return { x: 0, y: 0 };
+  const l = {
+    x: (r.x - i.x) / o,
+    y: (r.y - i.y) / o
   };
+  return l.x === 1 / 0 && (l.x = 0), l.y === 1 / 0 && (l.y = 0), l;
 }
 export {
-  v as observeIntersection
+  z as PanSession
 };
 //# sourceMappingURL=visualization.es545.js.map

package/dist/visualization.es545.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es545.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/observers.mjs"],"sourcesContent":["/**\n * Map an IntersectionHandler callback to an element. We only ever make one handler for one\n * element, so even though these handlers might all be triggered by different\n * observers, we can keep them in the same map.\n */\nconst observerCallbacks = new WeakMap();\n/**\n * Multiple observers can be created for multiple element/document roots. Each with\n * different settings. So here we store dictionaries of observers to each root,\n * using serialised settings (threshold/margin) as lookup keys.\n */\nconst observers = new WeakMap();\nconst fireObserverCallback = (entry) => {\n    const callback = observerCallbacks.get(entry.target);\n    callback && callback(entry);\n};\nconst fireAllObserverCallbacks = (entries) => {\n    entries.forEach(fireObserverCallback);\n};\nfunction initIntersectionObserver({ root, ...options }) {\n    const lookupRoot = root || document;\n    /**\n     * If we don't have an observer lookup map for this root, create one.\n     */\n    if (!observers.has(lookupRoot)) {\n        observers.set(lookupRoot, {});\n    }\n    const rootObservers = observers.get(lookupRoot);\n    const key = JSON.stringify(options);\n    /**\n     * If we don't have an observer for this combination of root and settings,\n     * create one.\n     */\n    if (!rootObservers[key]) {\n        rootObservers[key] = new IntersectionObserver(fireAllObserverCallbacks, { root, ...options });\n    }\n    return rootObservers[key];\n}\nfunction observeIntersection(element, options, callback) {\n    const rootInteresectionObserver = initIntersectionObserver(options);\n    observerCallbacks.set(element, callback);\n    rootInteresectionObserver.observe(element);\n    return () => {\n        observerCallbacks.delete(element);\n        rootInteresectionObserver.unobserve(element);\n    };\n}\n\nexport { observeIntersection };\n//# sourceMappingURL=observers.mjs.map\n"],"names":["observerCallbacks","observers","fireObserverCallback","entry","callback","fireAllObserverCallbacks","entries","initIntersectionObserver","root","options","lookupRoot","rootObservers","key","observeIntersection","element","rootInteresectionObserver"],"mappings":"AAKA,MAAMA,IAAoB,oBAAI,QAAO,GAM/BC,IAAY,oBAAI,QAAO,GACvBC,IAAuB,CAACC,MAAU;AACpC,QAAMC,IAAWJ,EAAkB,IAAIG,EAAM,MAAM;AACnD,EAAAC,KAAYA,EAASD,CAAK;AAC9B,GACME,IAA2B,CAACC,MAAY;AAC1C,EAAAA,EAAQ,QAAQJ,CAAoB;AACxC;AACA,SAASK,EAAyB,EAAE,MAAAC,GAAM,GAAGC,KAAW;AACpD,QAAMC,IAAaF,KAAQ;AAI3B,EAAKP,EAAU,IAAIS,CAAU,KACzBT,EAAU,IAAIS,GAAY,EAAE;AAEhC,QAAMC,IAAgBV,EAAU,IAAIS,CAAU,GACxCE,IAAM,KAAK,UAAUH,CAAO;AAKlC,SAAKE,EAAcC,CAAG,MAClBD,EAAcC,CAAG,IAAI,IAAI,qBAAqBP,GAA0B,EAAE,MAAAG,GAAM,GAAGC,GAAS,IAEzFE,EAAcC,CAAG;AAC5B;AACA,SAASC,EAAoBC,GAASL,GAASL,GAAU;AACrD,QAAMW,IAA4BR,EAAyBE,CAAO;AAClE,SAAAT,EAAkB,IAAIc,GAASV,CAAQ,GACvCW,EAA0B,QAAQD,CAAO,GAClC,MAAM;AACT,IAAAd,EAAkB,OAAOc,CAAO,GAChCC,EAA0B,UAAUD,CAAO;AAAA,EAC/C;AACJ;","x_google_ignoreList":[0]}
+{"version":3,"file":"visualization.es545.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/PanSession.mjs"],"sourcesContent":["import { frameData, frame, isPrimaryPointer, cancelFrame } from 'motion-dom';\nimport { pipe, secondsToMilliseconds, millisecondsToSeconds } from 'motion-utils';\nimport { addPointerEvent } from '../../events/add-pointer-event.mjs';\nimport { extractEventInfo } from '../../events/event-info.mjs';\nimport { distance2D } from '../../utils/distance.mjs';\n\nconst overflowStyles = /*#__PURE__*/ new Set([\"auto\", \"scroll\"]);\n/**\n * @internal\n */\nclass PanSession {\n    constructor(event, handlers, { transformPagePoint, contextWindow = window, dragSnapToOrigin = false, distanceThreshold = 3, element, } = {}) {\n        /**\n         * @internal\n         */\n        this.startEvent = null;\n        /**\n         * @internal\n         */\n        this.lastMoveEvent = null;\n        /**\n         * @internal\n         */\n        this.lastMoveEventInfo = null;\n        /**\n         * Raw (untransformed) event info, re-transformed each frame\n         * so transformPagePoint sees the current parent matrix.\n         * @internal\n         */\n        this.lastRawMoveEventInfo = null;\n        /**\n         * @internal\n         */\n        this.handlers = {};\n        /**\n         * @internal\n         */\n        this.contextWindow = window;\n        /**\n         * Scroll positions of scrollable ancestors and window.\n         * @internal\n         */\n        this.scrollPositions = new Map();\n        /**\n         * Cleanup function for scroll listeners.\n         * @internal\n         */\n        this.removeScrollListeners = null;\n        this.onElementScroll = (event) => {\n            this.handleScroll(event.target);\n        };\n        this.onWindowScroll = () => {\n            this.handleScroll(window);\n        };\n        this.updatePoint = () => {\n            if (!(this.lastMoveEvent && this.lastMoveEventInfo))\n                return;\n            // Re-transform raw point through current transformPagePoint so\n            // animated parent transforms (e.g. rotation) are picked up each frame\n            if (this.lastRawMoveEventInfo) {\n                this.lastMoveEventInfo = transformPoint(this.lastRawMoveEventInfo, this.transformPagePoint);\n            }\n            const info = getPanInfo(this.lastMoveEventInfo, this.history);\n            const isPanStarted = this.startEvent !== null;\n            // Only start panning if the offset is larger than 3 pixels. If we make it\n            // any larger than this we'll want to reset the pointer history\n            // on the first update to avoid visual snapping to the cursor.\n            const isDistancePastThreshold = distance2D(info.offset, { x: 0, y: 0 }) >= this.distanceThreshold;\n            if (!isPanStarted && !isDistancePastThreshold)\n                return;\n            const { point } = info;\n            const { timestamp } = frameData;\n            this.history.push({ ...point, timestamp });\n            const { onStart, onMove } = this.handlers;\n            if (!isPanStarted) {\n                onStart && onStart(this.lastMoveEvent, info);\n                this.startEvent = this.lastMoveEvent;\n            }\n            onMove && onMove(this.lastMoveEvent, info);\n        };\n        this.handlePointerMove = (event, info) => {\n            this.lastMoveEvent = event;\n            this.lastRawMoveEventInfo = info;\n            this.lastMoveEventInfo = transformPoint(info, this.transformPagePoint);\n            // Throttle mouse move event to once per frame\n            frame.update(this.updatePoint, true);\n        };\n        this.handlePointerUp = (event, info) => {\n            this.end();\n            const { onEnd, onSessionEnd, resumeAnimation } = this.handlers;\n            // Resume animation if dragSnapToOrigin is set OR if no drag started (user just clicked)\n            // This ensures constraint animations continue when interrupted by a click\n            if (this.dragSnapToOrigin || !this.startEvent) {\n                resumeAnimation && resumeAnimation();\n            }\n            if (!(this.lastMoveEvent && this.lastMoveEventInfo))\n                return;\n            const panInfo = getPanInfo(event.type === \"pointercancel\"\n                ? this.lastMoveEventInfo\n                : transformPoint(info, this.transformPagePoint), this.history);\n            if (this.startEvent && onEnd) {\n                onEnd(event, panInfo);\n            }\n            onSessionEnd && onSessionEnd(event, panInfo);\n        };\n        // If we have more than one touch, don't start detecting this gesture\n        if (!isPrimaryPointer(event))\n            return;\n        this.dragSnapToOrigin = dragSnapToOrigin;\n        this.handlers = handlers;\n        this.transformPagePoint = transformPagePoint;\n        this.distanceThreshold = distanceThreshold;\n        this.contextWindow = contextWindow || window;\n        const info = extractEventInfo(event);\n        const initialInfo = transformPoint(info, this.transformPagePoint);\n        const { point } = initialInfo;\n        const { timestamp } = frameData;\n        this.history = [{ ...point, timestamp }];\n        const { onSessionStart } = handlers;\n        onSessionStart &&\n            onSessionStart(event, getPanInfo(initialInfo, this.history));\n        this.removeListeners = pipe(addPointerEvent(this.contextWindow, \"pointermove\", this.handlePointerMove), addPointerEvent(this.contextWindow, \"pointerup\", this.handlePointerUp), addPointerEvent(this.contextWindow, \"pointercancel\", this.handlePointerUp));\n        // Start scroll tracking if element provided\n        if (element) {\n            this.startScrollTracking(element);\n        }\n    }\n    /**\n     * Start tracking scroll on ancestors and window.\n     */\n    startScrollTracking(element) {\n        // Store initial scroll positions for scrollable ancestors\n        let current = element.parentElement;\n        while (current) {\n            const style = getComputedStyle(current);\n            if (overflowStyles.has(style.overflowX) ||\n                overflowStyles.has(style.overflowY)) {\n                this.scrollPositions.set(current, {\n                    x: current.scrollLeft,\n                    y: current.scrollTop,\n                });\n            }\n            current = current.parentElement;\n        }\n        // Track window scroll\n        this.scrollPositions.set(window, {\n            x: window.scrollX,\n            y: window.scrollY,\n        });\n        // Capture listener catches element scroll events as they bubble\n        window.addEventListener(\"scroll\", this.onElementScroll, {\n            capture: true,\n        });\n        // Direct window scroll listener (window scroll doesn't bubble)\n        window.addEventListener(\"scroll\", this.onWindowScroll);\n        this.removeScrollListeners = () => {\n            window.removeEventListener(\"scroll\", this.onElementScroll, {\n                capture: true,\n            });\n            window.removeEventListener(\"scroll\", this.onWindowScroll);\n        };\n    }\n    /**\n     * Handle scroll compensation during drag.\n     *\n     * For element scroll: adjusts history origin since pageX/pageY doesn't change.\n     * For window scroll: adjusts lastMoveEventInfo since pageX/pageY would change.\n     */\n    handleScroll(target) {\n        const initial = this.scrollPositions.get(target);\n        if (!initial)\n            return;\n        const isWindow = target === window;\n        const current = isWindow\n            ? { x: window.scrollX, y: window.scrollY }\n            : {\n                x: target.scrollLeft,\n                y: target.scrollTop,\n            };\n        const delta = { x: current.x - initial.x, y: current.y - initial.y };\n        if (delta.x === 0 && delta.y === 0)\n            return;\n        if (isWindow) {\n            // Window scroll: pageX/pageY changes, so update lastMoveEventInfo\n            if (this.lastMoveEventInfo) {\n                this.lastMoveEventInfo.point.x += delta.x;\n                this.lastMoveEventInfo.point.y += delta.y;\n            }\n        }\n        else {\n            // Element scroll: pageX/pageY unchanged, so adjust history origin\n            if (this.history.length > 0) {\n                this.history[0].x -= delta.x;\n                this.history[0].y -= delta.y;\n            }\n        }\n        this.scrollPositions.set(target, current);\n        frame.update(this.updatePoint, true);\n    }\n    updateHandlers(handlers) {\n        this.handlers = handlers;\n    }\n    end() {\n        this.removeListeners && this.removeListeners();\n        this.removeScrollListeners && this.removeScrollListeners();\n        this.scrollPositions.clear();\n        cancelFrame(this.updatePoint);\n    }\n}\nfunction transformPoint(info, transformPagePoint) {\n    return transformPagePoint ? { point: transformPagePoint(info.point) } : info;\n}\nfunction subtractPoint(a, b) {\n    return { x: a.x - b.x, y: a.y - b.y };\n}\nfunction getPanInfo({ point }, history) {\n    return {\n        point,\n        delta: subtractPoint(point, lastDevicePoint(history)),\n        offset: subtractPoint(point, startDevicePoint(history)),\n        velocity: getVelocity(history, 0.1),\n    };\n}\nfunction startDevicePoint(history) {\n    return history[0];\n}\nfunction lastDevicePoint(history) {\n    return history[history.length - 1];\n}\nfunction getVelocity(history, timeDelta) {\n    if (history.length < 2) {\n        return { x: 0, y: 0 };\n    }\n    let i = history.length - 1;\n    let timestampedPoint = null;\n    const lastPoint = lastDevicePoint(history);\n    while (i >= 0) {\n        timestampedPoint = history[i];\n        if (lastPoint.timestamp - timestampedPoint.timestamp >\n            secondsToMilliseconds(timeDelta)) {\n            break;\n        }\n        i--;\n    }\n    if (!timestampedPoint) {\n        return { x: 0, y: 0 };\n    }\n    /**\n     * If the selected point is the pointer-down origin (history[0]),\n     * there are better movement points available, and the time gap\n     * is suspiciously large (>2x timeDelta), use the next point instead.\n     * This prevents stale pointer-down points from diluting velocity\n     * in hold-then-flick gestures.\n     */\n    if (timestampedPoint === history[0] &&\n        history.length > 2 &&\n        lastPoint.timestamp - timestampedPoint.timestamp >\n            secondsToMilliseconds(timeDelta) * 2) {\n        timestampedPoint = history[1];\n    }\n    const time = millisecondsToSeconds(lastPoint.timestamp - timestampedPoint.timestamp);\n    if (time === 0) {\n        return { x: 0, y: 0 };\n    }\n    const currentVelocity = {\n        x: (lastPoint.x - timestampedPoint.x) / time,\n        y: (lastPoint.y - timestampedPoint.y) / time,\n    };\n    if (currentVelocity.x === Infinity) {\n        currentVelocity.x = 0;\n    }\n    if (currentVelocity.y === Infinity) {\n        currentVelocity.y = 0;\n    }\n    return currentVelocity;\n}\n\nexport { PanSession };\n//# sourceMappingURL=PanSession.mjs.map\n"],"names":["overflowStyles","PanSession","event","handlers","transformPagePoint","contextWindow","dragSnapToOrigin","distanceThreshold","element","transformPoint","info","getPanInfo","isPanStarted","isDistancePastThreshold","distance2D","point","timestamp","frameData","onStart","onMove","frame","onEnd","onSessionEnd","resumeAnimation","panInfo","isPrimaryPointer","extractEventInfo","initialInfo","onSessionStart","pipe","addPointerEvent","current","style","target","initial","isWindow","delta","cancelFrame","subtractPoint","a","b","history","lastDevicePoint","startDevicePoint","getVelocity","timeDelta","i","timestampedPoint","lastPoint","secondsToMilliseconds","time","millisecondsToSeconds","currentVelocity"],"mappings":"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","x_google_ignoreList":[0]}

package/dist/visualization.es546.js

@@ -1,13 +1,7 @@
-import { useState as r, useRef as s, useCallback as f, useLayoutEffect as o } from "react";
-function i(u) {
-  const [e, a] = r(u), t = s(null), l = f((c, n) => {
-    t.current = n || null, a(c);
-  }, [a]);
-  return o(() => {
-    t.current && (t.current(e), t.current = null);
-  }, [e]), [e, l];
+function o(e) {
+  return e ? (e.nodeName || "").toLowerCase() : null;
 }
 export {
-  i as default
+  o as default
 };
 //# sourceMappingURL=visualization.es546.js.map

package/dist/visualization.es546.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es546.js","sources":["../../../node_modules/.pnpm/@visx+drag@4.0.0_@types+react@19.2.14_react@19.2.4/node_modules/@visx/drag/esm/util/useStateWithCallback.js"],"sourcesContent":["import { useCallback, useLayoutEffect, useRef, useState } from 'react';\n/** A hook that exposes a setState(state, callback) API similar to a component class. */\nexport default function useStateWithCallback(initialState) {\n  const [state, setState] = useState(initialState);\n  const callbackRef = useRef(null);\n  const setStateCallback = useCallback((nextState, callback) => {\n    callbackRef.current = callback || null;\n    setState(nextState);\n  }, [setState]);\n\n  // if we use useEffect, some callback invocations are skipped\n  useLayoutEffect(() => {\n    // `null` on initial render, so we only execute callback on state *updates*\n    if (callbackRef.current) {\n      callbackRef.current(state);\n      callbackRef.current = null; // reset callback after execution\n    }\n  }, [state]);\n  return [state, setStateCallback];\n}"],"names":["useStateWithCallback","initialState","state","setState","useState","callbackRef","useRef","setStateCallback","useCallback","nextState","callback","useLayoutEffect"],"mappings":";AAEe,SAASA,EAAqBC,GAAc;AACzD,QAAM,CAACC,GAAOC,CAAQ,IAAIC,EAASH,CAAY,GACzCI,IAAcC,EAAO,IAAI,GACzBC,IAAmBC,EAAY,CAACC,GAAWC,MAAa;AAC5D,IAAAL,EAAY,UAAUK,KAAY,MAClCP,EAASM,CAAS;AAAA,EACpB,GAAG,CAACN,CAAQ,CAAC;AAGb,SAAAQ,EAAgB,MAAM;AAEpB,IAAIN,EAAY,YACdA,EAAY,QAAQH,CAAK,GACzBG,EAAY,UAAU;AAAA,EAE1B,GAAG,CAACH,CAAK,CAAC,GACH,CAACA,GAAOK,CAAgB;AACjC;","x_google_ignoreList":[0]}
+{"version":3,"file":"visualization.es546.js","sources":["../../../node_modules/.pnpm/@popperjs+core@2.11.8/node_modules/@popperjs/core/lib/dom-utils/getNodeName.js"],"sourcesContent":["export default function getNodeName(element) {\n  return element ? (element.nodeName || '').toLowerCase() : null;\n}"],"names":["getNodeName","element"],"mappings":"AAAe,SAASA,EAAYC,GAAS;AAC3C,SAAOA,KAAWA,EAAQ,YAAY,IAAI,YAAW,IAAK;AAC5D;","x_google_ignoreList":[0]}

package/dist/visualization.es547.js

@@ -1,13 +1,7 @@
-import r from "./visualization.es603.js";
-import e from "./visualization.es604.js";
-function m(n, i) {
-  let t = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : {};
-  return i.length > 0 ? e(n, i) : {
-    x: r(n.x, t.xMin ?? -1 / 0, t.xMax ?? 1 / 0),
-    y: r(n.y, t.yMin ?? -1 / 0, t.yMax ?? 1 / 0)
-  };
+function t(e) {
+  return e.split("-")[0];
 }
 export {
-  m as default
+  t as default
 };
 //# sourceMappingURL=visualization.es547.js.map

package/dist/visualization.es547.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es547.js","sources":["../../../node_modules/.pnpm/@visx+drag@4.0.0_@types+react@19.2.14_react@19.2.4/node_modules/@visx/drag/esm/util/restrictPoint.js"],"sourcesContent":["import clampNumber from \"./clampNumber.js\";\nimport getClosestPoint from \"./getClosestPoint.js\";\n/** Restrict a point to an area, or samples along a path. */\nexport default function restrictPoint(point, samples) {\n  let restrict = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};\n  if (samples.length > 0) {\n    return getClosestPoint(point, samples);\n  }\n  return {\n    x: clampNumber(point.x, restrict.xMin ?? -Infinity, restrict.xMax ?? Infinity),\n    y: clampNumber(point.y, restrict.yMin ?? -Infinity, restrict.yMax ?? Infinity)\n  };\n}"],"names":["restrictPoint","point","samples","restrict","getClosestPoint","clampNumber"],"mappings":";;AAGe,SAASA,EAAcC,GAAOC,GAAS;AACpD,MAAIC,IAAW,UAAU,SAAS,KAAK,UAAU,CAAC,MAAM,SAAY,UAAU,CAAC,IAAI,CAAA;AACnF,SAAID,EAAQ,SAAS,IACZE,EAAgBH,GAAOC,CAAO,IAEhC;AAAA,IACL,GAAGG,EAAYJ,EAAM,GAAGE,EAAS,QAAQ,QAAWA,EAAS,QAAQ,KAAQ;AAAA,IAC7E,GAAGE,EAAYJ,EAAM,GAAGE,EAAS,QAAQ,QAAWA,EAAS,QAAQ,KAAQ;AAAA,EACjF;AACA;","x_google_ignoreList":[0]}
+{"version":3,"file":"visualization.es547.js","sources":["../../../node_modules/.pnpm/@popperjs+core@2.11.8/node_modules/@popperjs/core/lib/utils/getBasePlacement.js"],"sourcesContent":["import { auto } from \"../enums.js\";\nexport default function getBasePlacement(placement) {\n  return placement.split('-')[0];\n}"],"names":["getBasePlacement","placement"],"mappings":"AACe,SAASA,EAAiBC,GAAW;AAClD,SAAOA,EAAU,MAAM,GAAG,EAAE,CAAC;AAC/B;","x_google_ignoreList":[0]}

package/dist/visualization.es548.js

@@ -1,22 +1,19 @@
-import { useMemo as o } from "react";
-function r(e, s) {
-  let n = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : 1;
-  if (!e) return [];
-  const m = [], a = e.getTotalLength();
-  for (let t = 0; t <= a; t += n) {
-    const l = e.getPointAtLength(t).matrixTransform(s);
-    m.push(l);
+import { isShadowRoot as a } from "./visualization.es512.js";
+function f(r, e) {
+  var t = e.getRootNode && e.getRootNode();
+  if (r.contains(e))
+    return !0;
+  if (t && a(t)) {
+    var o = e;
+    do {
+      if (o && r.isSameNode(o))
+        return !0;
+      o = o.parentNode || o.host;
+    } while (o);
   }
-  return m;
-}
-function p(e) {
-  return o(() => {
-    if (!e) return [];
-    const n = e.getCTM() || new DOMMatrix();
-    return r(e, n);
-  }, [e?.getTotalLength()]);
+  return !1;
 }
 export {
-  p as default
+  f as default
 };
 //# sourceMappingURL=visualization.es548.js.map

package/dist/visualization.es548.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es548.js","sources":["../../../node_modules/.pnpm/@visx+drag@4.0.0_@types+react@19.2.14_react@19.2.4/node_modules/@visx/drag/esm/util/useSamplesAlongPath.js"],"sourcesContent":["import { useMemo } from 'react';\nfunction getSamples(restrictToPath, transform) {\n  let precision = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 1;\n  if (!restrictToPath) return [];\n  const samples = [];\n  const pathLength = restrictToPath.getTotalLength();\n  for (let sampleLength = 0; sampleLength <= pathLength; sampleLength += precision) {\n    const sample = restrictToPath.getPointAtLength(sampleLength);\n    const transformedSample = sample.matrixTransform(transform);\n    samples.push(transformedSample);\n  }\n  return samples;\n}\n\n/** Return samples along a path, relative to the parent SVG  */\nexport default function useSamplesAlongPath(restrictToPath) {\n  const samples = useMemo(() => {\n    if (!restrictToPath) return [];\n    const transform = restrictToPath.getCTM() || new DOMMatrix();\n    return getSamples(restrictToPath, transform);\n    // The path can transform without triggering a re-render,\n    // so we need to update the samples whenever the length changes.\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [restrictToPath?.getTotalLength()]);\n  return samples;\n}"],"names":["getSamples","restrictToPath","transform","precision","samples","pathLength","sampleLength","transformedSample","useSamplesAlongPath","useMemo"],"mappings":";AACA,SAASA,EAAWC,GAAgBC,GAAW;AAC7C,MAAIC,IAAY,UAAU,SAAS,KAAK,UAAU,CAAC,MAAM,SAAY,UAAU,CAAC,IAAI;AACpF,MAAI,CAACF,EAAgB,QAAO,CAAA;AAC5B,QAAMG,IAAU,CAAA,GACVC,IAAaJ,EAAe,eAAc;AAChD,WAASK,IAAe,GAAGA,KAAgBD,GAAYC,KAAgBH,GAAW;AAEhF,UAAMI,IADSN,EAAe,iBAAiBK,CAAY,EAC1B,gBAAgBJ,CAAS;AAC1D,IAAAE,EAAQ,KAAKG,CAAiB;AAAA,EAChC;AACA,SAAOH;AACT;AAGe,SAASI,EAAoBP,GAAgB;AAS1D,SARgBQ,EAAQ,MAAM;AAC5B,QAAI,CAACR,EAAgB,QAAO,CAAA;AAC5B,UAAMC,IAAYD,EAAe,OAAM,KAAM,IAAI,UAAS;AAC1D,WAAOD,EAAWC,GAAgBC,CAAS;AAAA,EAI7C,GAAG,CAACD,GAAgB,eAAc,CAAE,CAAC;AAEvC;","x_google_ignoreList":[0]}
+{"version":3,"file":"visualization.es548.js","sources":["../../../node_modules/.pnpm/@popperjs+core@2.11.8/node_modules/@popperjs/core/lib/dom-utils/contains.js"],"sourcesContent":["import { isShadowRoot } from \"./instanceOf.js\";\nexport default function contains(parent, child) {\n  var rootNode = child.getRootNode && child.getRootNode(); // First, attempt with faster native method\n\n  if (parent.contains(child)) {\n    return true;\n  } // then fallback to custom implementation with Shadow DOM support\n  else if (rootNode && isShadowRoot(rootNode)) {\n      var next = child;\n\n      do {\n        if (next && parent.isSameNode(next)) {\n          return true;\n        } // $FlowFixMe[prop-missing]: need a better way to handle this...\n\n\n        next = next.parentNode || next.host;\n      } while (next);\n    } // Give up, the result is false\n\n\n  return false;\n}"],"names":["contains","parent","child","rootNode","isShadowRoot","next"],"mappings":";AACe,SAASA,EAASC,GAAQC,GAAO;AAC9C,MAAIC,IAAWD,EAAM,eAAeA,EAAM,YAAW;AAErD,MAAID,EAAO,SAASC,CAAK;AACvB,WAAO;AAEJ,MAAIC,KAAYC,EAAaD,CAAQ,GAAG;AACzC,QAAIE,IAAOH;AAEX,OAAG;AACD,UAAIG,KAAQJ,EAAO,WAAWI,CAAI;AAChC,eAAO;AAIT,MAAAA,IAAOA,EAAK,cAAcA,EAAK;AAAA,IACjC,SAASA;AAAA,EACX;AAGF,SAAO;AACT;","x_google_ignoreList":[0]}

package/dist/visualization.es549.js

@@ -1,11 +1,7 @@
-import e from "./visualization.es242.js";
-function o(t, r) {
-  return new e({
-    x: t.x - r.x,
-    y: t.y - r.y
-  });
+function e(t) {
+  return ["top", "bottom"].indexOf(t) >= 0 ? "x" : "y";
 }
 export {
-  o as default
+  e as default
 };
 //# sourceMappingURL=visualization.es549.js.map

package/dist/visualization.es549.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es549.js","sources":["../../../node_modules/.pnpm/@visx+point@4.0.0/node_modules/@visx/point/esm/subtractPoints.js"],"sourcesContent":["import Point from \"./Point.js\";\nexport default function subtractPoints(point1, point2) {\n  return new Point({\n    x: point1.x - point2.x,\n    y: point1.y - point2.y\n  });\n}"],"names":["subtractPoints","point1","point2","Point"],"mappings":";AACe,SAASA,EAAeC,GAAQC,GAAQ;AACrD,SAAO,IAAIC,EAAM;AAAA,IACf,GAAGF,EAAO,IAAIC,EAAO;AAAA,IACrB,GAAGD,EAAO,IAAIC,EAAO;AAAA,EACzB,CAAG;AACH;","x_google_ignoreList":[0]}
+{"version":3,"file":"visualization.es549.js","sources":["../../../node_modules/.pnpm/@popperjs+core@2.11.8/node_modules/@popperjs/core/lib/utils/getMainAxisFromPlacement.js"],"sourcesContent":["export default function getMainAxisFromPlacement(placement) {\n  return ['top', 'bottom'].indexOf(placement) >= 0 ? 'x' : 'y';\n}"],"names":["getMainAxisFromPlacement","placement"],"mappings":"AAAe,SAASA,EAAyBC,GAAW;AAC1D,SAAO,CAAC,OAAO,QAAQ,EAAE,QAAQA,CAAS,KAAK,IAAI,MAAM;AAC3D;","x_google_ignoreList":[0]}

package/dist/visualization.es55.js

@@ -1,119 +1,69 @@
-import { cellKey as x, resolveCellAppearance as S } from "./visualization.es54.js";
-const m = (t, o, n) => Math.min(Math.max(t, o), n);
-function y(t, o, n) {
-  const {
-    xScale: a,
-    cellYScale: u,
-    gap: e,
-    isRect: l,
-    binWidth: c,
-    binHeight: i
-  } = t;
-  if (l)
-    return {
-      isRect: !0,
-      x: a(o),
-      y: u(n) + e,
-      width: c - e,
-      height: i - e
-    };
-  const r = Math.min(c, i) / 2;
-  return {
-    isRect: !1,
-    cx: o * c + c / 2,
-    cy: u(n) + e + r,
-    r: r - e,
-    radius: r
-  };
-}
-function R(t, o, n, a, u, e) {
-  const {
-    data: l,
-    numRows: c,
-    binWidth: i,
-    binHeight: r,
-    yMax: h
-  } = t;
-  return {
-    colStart: m(Math.floor(o / i) - e, 0, Math.max(0, l.length - 1)),
-    colEnd: m(Math.ceil((o + a) / i) + e, 0, Math.max(0, l.length - 1)),
-    rowStart: m(Math.floor((h - (n + u)) / r) - e, 0, Math.max(0, c - 1)),
-    rowEnd: m(Math.floor((h - n) / r) + e, 0, Math.max(0, c - 1))
+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)
   };
-}
-function D(t, o, n, a) {
-  const {
-    data: u,
-    colorScale: e,
-    selectedKeys: l,
-    deselectedColor: c
-  } = o;
-  for (let i = n.colStart; i <= n.colEnd; i++) {
-    const r = u[i];
-    if (r)
-      for (let h = n.rowStart; h <= n.rowEnd; h++) {
-        const f = r.rows[h];
-        if (!f) continue;
-        const d = f.count, M = d == null ? void 0 : e(d), b = !!l && !l.has(x({
-          row: h,
-          column: i
-        })), {
-          fill: w,
-          fillOpacity: g
-        } = S(d, M, b, c);
-        if (g <= 0) continue;
-        const s = y(o, i, h);
-        t.globalAlpha = g, t.fillStyle = w, t.beginPath(), s.isRect ? t.rect(s.x, s.y, Math.max(s.width, 0), Math.max(s.height, 0)) : t.arc(s.cx, s.cy, Math.max(s.r, 0), 0, Math.PI * 2), t.fill(), a && a.row === h && a.column === i && (t.globalAlpha = 1, t.lineWidth = 2, t.strokeStyle = w, t.stroke());
+  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);
+        };
       }
-  }
-  t.globalAlpha = 1;
-}
-function A(t, o, n) {
-  const {
-    data: a,
-    numRows: u,
-    binWidth: e,
-    binHeight: l,
-    yMax: c
-  } = t;
-  if (o < 0 || n < 0) return null;
-  const i = Math.floor(o / e), r = Math.floor((c - n) / l);
-  return i < 0 || i >= a.length || r < 0 || r >= u || !a[i]?.rows[r] ? null : {
-    row: r,
-    column: i
-  };
-}
-function E(t, o) {
-  const n = t.data[o.column], a = n?.rows[o.row];
-  if (!n || !a) return null;
-  const u = a.count, e = u == null ? void 0 : t.colorScale(u), l = y(t, o.column, o.row), c = {
-    bin: a,
-    row: o.row,
-    column: o.column,
-    datum: n,
-    gap: t.gap,
-    count: u,
-    color: e,
-    opacity: u == null ? void 0 : 1
-  };
-  return l.isRect ? {
-    ...c,
-    x: l.x,
-    y: l.y,
-    width: l.width,
-    height: l.height
-  } : {
-    ...c,
-    cx: l.cx,
-    cy: l.cy,
-    r: l.r,
-    radius: l.radius
-  };
-}
+    };
+    return window.addEventListener("keydown", r), () => {
+      window.removeEventListener("keydown", r);
+    };
+  }, m = [l, o, n], t[0] = l, t[1] = o, t[2] = n, t[3] = s, t[4] = m) : (s = t[3], m = t[4]), I(s, m);
+  const f = (r) => ({
+    ...d,
+    color: o === r ? g || "primary.main" : c.palette.text.primary,
+    backgroundColor: o === r ? `color-mix(in srgb, ${b} 15%, transparent)` : "transparent",
+    "&:hover": {
+      backgroundColor: o === r ? `color-mix(in srgb, ${b} 25%, transparent)` : c.palette.action.hover
+    }
+  }), h = o !== "none" && /* @__PURE__ */ E(L, { direction: "column", alignItems: "flex-start", justifyContent: "center", sx: {
+    background: "rgba(255, 255, 255, 0.6)",
+    backdropFilter: "blur(2px)",
+    WebkitBackdropFilter: "blur(2px)",
+    border: "1px solid rgba(255, 255, 255, 0.3)",
+    boxShadow: "0 2px 8px rgba(0, 0, 0, 0.1)",
+    overflow: "hidden"
+  }, children: [
+    n && /* @__PURE__ */ e(i, { title: "Drag to pan, or hold Shift and drag", placement: "right", children: /* @__PURE__ */ e(a, { "aria-label": "pan", onClick: () => l("pan"), sx: f("pan"), children: /* @__PURE__ */ e(Z, { fontSize: "small" }) }) }),
+    n && /* @__PURE__ */ e(i, { title: "Drag to select", placement: "right", children: /* @__PURE__ */ e(a, { "aria-label": "edit", onClick: () => l("select"), sx: f("select"), children: /* @__PURE__ */ e(j, { fontSize: "small" }) }) }),
+    /* @__PURE__ */ e(i, { title: "Zoom In", placement: "right", children: /* @__PURE__ */ e(a, { "aria-label": "zoom-in", onClick: w, sx: d, children: /* @__PURE__ */ e(F, { fontSize: "small" }) }) }),
+    /* @__PURE__ */ e(i, { title: "Zoom Out", placement: "right", children: /* @__PURE__ */ e(a, { "aria-label": "zoom-out", onClick: S, sx: d, children: /* @__PURE__ */ e(P, { fontSize: "small" }) }) }),
+    /* @__PURE__ */ e(i, { title: "Reset Zoom and Pan", placement: "right", children: /* @__PURE__ */ e(a, { "aria-label": "resetZoom", onClick: y, disabled: !k, sx: d, children: /* @__PURE__ */ e(T, { fontSize: "small" }) }) }),
+    z && /* @__PURE__ */ e(i, { title: "Download Plot as SVG", placement: "right", children: /* @__PURE__ */ e(a, { "aria-label": "download", onClick: () => C(), sx: d, children: /* @__PURE__ */ e($, { fontSize: "small" }) }) })
+  ] });
+  let p;
+  return t[5] !== h ? (p = /* @__PURE__ */ e(D, { children: h }), t[5] = h, t[6] = p) : p = t[6], p;
+};
 export {
-  E as buildBin,
-  D as drawHeatmapCells,
-  R as getVisibleRange,
-  A as hitTestCell
+  V as default
 };
 //# sourceMappingURL=visualization.es55.js.map

package/dist/visualization.es55.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es55.js","sources":["../src/components/Heatmap/HeatmapCanvasCells.ts"],"sourcesContent":["import type { ColumnDatum, HeatmapCellId } from \"./types\";\nimport type { AnyBin } from \"./HeatmapCells\";\nimport { cellKey, resolveCellAppearance } from \"./heatmapCellAppearance\";\n\n/**\n * Everything the canvas draw loop and hit-testing need to place a cell exactly where the SVG\n * path (HeatmapCells.tsx, via @visx/heatmap's HeatmapRect/HeatmapCircle) would. xScale/cellYScale\n * are the same functions Heatmap.tsx already builds and passes to HeatmapCells.\n */\nexport interface CanvasCellParams {\n  data: ColumnDatum[];\n  numRows: number;\n  xScale: (column: number) => number;\n  cellYScale: (row: number) => number;\n  colorScale: (count: number) => string | undefined;\n  gap: number;\n  isRect: boolean;\n  binWidth: number;\n  binHeight: number;\n  yMax: number;\n  selectedKeys: Set<string> | null;\n  deselectedColor: string;\n}\n\nexport interface CanvasDrawRange {\n  colStart: number;\n  colEnd: number;\n  rowStart: number;\n  rowEnd: number;\n}\n\nconst clamp = (value: number, min: number, max: number) => Math.min(Math.max(value, min), max);\n\n// Mirrors @visx/heatmap's HeatmapRect/HeatmapCircle bin geometry exactly (see their source:\n// node_modules/@visx/heatmap/lib/heatmaps/{HeatmapRect,HeatmapCircle}.js) so canvas-drawn cells\n// land on the same pixels the SVG path (export, non-scrollable mode) would draw them at. The\n// circle center's x mirrors HeatmapCell.tsx's own recomputation (col*binWidth + binWidth/2)\n// rather than @visx/heatmap's raw cx, for the same reason that file does it: keeps circles\n// centered in their cell regardless of the configured radius.\ntype CellGeometry =\n  | { isRect: true; x: number; y: number; width: number; height: number }\n  | { isRect: false; cx: number; cy: number; r: number; radius: number };\n\nfunction getCellGeometry(params: CanvasCellParams, col: number, row: number): CellGeometry {\n  const { xScale, cellYScale, gap, isRect, binWidth, binHeight } = params;\n  if (isRect) {\n    return { isRect: true, x: xScale(col), y: cellYScale(row) + gap, width: binWidth - gap, height: binHeight - gap };\n  }\n  const radius = Math.min(binWidth, binHeight) / 2;\n  return { isRect: false, cx: col * binWidth + binWidth / 2, cy: cellYScale(row) + gap + radius, r: radius - gap, radius };\n}\n\n/**\n * Column/row index bounds (inclusive) that intersect the given scroll viewport, plus a small\n * overscan so a cell is already drawn just before it scrolls into view rather than popping in a\n * frame late. Row bounds are derived from cellYScale's own convention (row 0 at the bottom of\n * the grid, row numRows-1 at the top): a cell at row r occupies content-y band\n * [yMax-(r+1)*binHeight, yMax-r*binHeight), so the row under a given y is\n * floor((yMax-y)/binHeight).\n */\nexport function getVisibleRange(\n  params: CanvasCellParams,\n  scrollLeft: number,\n  scrollTop: number,\n  viewportWidth: number,\n  viewportHeight: number,\n  overscan: number\n): CanvasDrawRange {\n  const { data, numRows, binWidth, binHeight, yMax } = params;\n  return {\n    colStart: clamp(Math.floor(scrollLeft / binWidth) - overscan, 0, Math.max(0, data.length - 1)),\n    colEnd: clamp(Math.ceil((scrollLeft + viewportWidth) / binWidth) + overscan, 0, Math.max(0, data.length - 1)),\n    rowStart: clamp(Math.floor((yMax - (scrollTop + viewportHeight)) / binHeight) - overscan, 0, Math.max(0, numRows - 1)),\n    rowEnd: clamp(Math.floor((yMax - scrollTop) / binHeight) + overscan, 0, Math.max(0, numRows - 1)),\n  };\n}\n\n/** Paints the cells in `range` onto `ctx`, whose origin is already at content-space (0,0). */\nexport function drawHeatmapCells(\n  ctx: CanvasRenderingContext2D,\n  params: CanvasCellParams,\n  range: CanvasDrawRange,\n  hoveredCell: HeatmapCellId | null\n) {\n  const { data, colorScale, selectedKeys, deselectedColor } = params;\n  for (let col = range.colStart; col <= range.colEnd; col++) {\n    const columnDatum = data[col];\n    if (!columnDatum) continue;\n    for (let row = range.rowStart; row <= range.rowEnd; row++) {\n      const rowDatum = columnDatum.rows[row];\n      if (!rowDatum) continue;\n      const count = rowDatum.count;\n      const color = count == null ? undefined : colorScale(count);\n      const isDeselected = !!selectedKeys && !selectedKeys.has(cellKey({ row, column: col }));\n      const { fill, fillOpacity } = resolveCellAppearance(count, color, isDeselected, deselectedColor);\n      if (fillOpacity <= 0) continue;\n\n      const geometry = getCellGeometry(params, col, row);\n      ctx.globalAlpha = fillOpacity;\n      ctx.fillStyle = fill;\n      ctx.beginPath();\n      if (geometry.isRect) {\n        ctx.rect(geometry.x, geometry.y, Math.max(geometry.width, 0), Math.max(geometry.height, 0));\n      } else {\n        ctx.arc(geometry.cx, geometry.cy, Math.max(geometry.r, 0), 0, Math.PI * 2);\n      }\n      ctx.fill();\n\n      if (hoveredCell && hoveredCell.row === row && hoveredCell.column === col) {\n        ctx.globalAlpha = 1;\n        ctx.lineWidth = 2;\n        ctx.strokeStyle = fill;\n        ctx.stroke();\n      }\n    }\n  }\n  ctx.globalAlpha = 1;\n}\n\n/** Content-space (post-scroll-offset) coordinates -> the cell under them, or null if none. */\nexport function hitTestCell(params: CanvasCellParams, contentX: number, contentY: number): HeatmapCellId | null {\n  const { data, numRows, binWidth, binHeight, yMax } = params;\n  if (contentX < 0 || contentY < 0) return null;\n  const column = Math.floor(contentX / binWidth);\n  const row = Math.floor((yMax - contentY) / binHeight);\n  if (column < 0 || column >= data.length || row < 0 || row >= numRows) return null;\n  if (!data[column]?.rows[row]) return null;\n  return { row, column };\n}\n\n/** Builds the same bin shape @visx/heatmap's RectCell/CircleCell provide, for onClick/tooltipBody. */\nexport function buildBin(params: CanvasCellParams, cell: HeatmapCellId): AnyBin | null {\n  const columnDatum = params.data[cell.column];\n  const rowDatum = columnDatum?.rows[cell.row];\n  if (!columnDatum || !rowDatum) return null;\n\n  const count = rowDatum.count;\n  const color = count == null ? undefined : params.colorScale(count);\n  const geometry = getCellGeometry(params, cell.column, cell.row);\n  const shared = { bin: rowDatum, row: cell.row, column: cell.column, datum: columnDatum, gap: params.gap, count, color, opacity: count == null ? undefined : 1 };\n\n  return geometry.isRect\n    ? ({ ...shared, x: geometry.x, y: geometry.y, width: geometry.width, height: geometry.height } as AnyBin)\n    : ({ ...shared, cx: geometry.cx, cy: geometry.cy, r: geometry.r, radius: geometry.radius } as AnyBin);\n}\n"],"names":["clamp","value","min","max","Math","getCellGeometry","params","col","row","xScale","cellYScale","gap","isRect","binWidth","binHeight","x","y","width","height","radius","cx","cy","r","getVisibleRange","scrollLeft","scrollTop","viewportWidth","viewportHeight","overscan","data","numRows","yMax","colStart","floor","length","colEnd","ceil","rowStart","rowEnd","drawHeatmapCells","ctx","range","hoveredCell","colorScale","selectedKeys","deselectedColor","columnDatum","rowDatum","rows","count","color","undefined","isDeselected","has","cellKey","column","fill","fillOpacity","resolveCellAppearance","geometry","globalAlpha","fillStyle","beginPath","rect","arc","PI","lineWidth","strokeStyle","stroke","hitTestCell","contentX","contentY","buildBin","cell","shared","bin","datum","opacity"],"mappings":"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"}
+{"version":3,"file":"visualization.es55.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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"}

package/dist/visualization.es550.js

@@ -1,11 +1,13 @@
-import e from "./visualization.es242.js";
-function o(r, t) {
-  return new e({
-    x: r.x + t.x,
-    y: r.y + t.y
-  });
+import { max as o, min as u } from "./visualization.es557.js";
+function e(i, r, n) {
+  return o(i, u(r, n));
+}
+function m(i, r, n) {
+  var t = e(i, r, n);
+  return t > n ? n : t;
 }
 export {
-  o as default
+  e as within,
+  m as withinMaxClamp
 };
 //# sourceMappingURL=visualization.es550.js.map

package/dist/visualization.es550.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es550.js","sources":["../../../node_modules/.pnpm/@visx+point@4.0.0/node_modules/@visx/point/esm/sumPoints.js"],"sourcesContent":["import Point from \"./Point.js\";\nexport default function sumPoints(point1, point2) {\n  return new Point({\n    x: point1.x + point2.x,\n    y: point1.y + point2.y\n  });\n}"],"names":["sumPoints","point1","point2","Point"],"mappings":";AACe,SAASA,EAAUC,GAAQC,GAAQ;AAChD,SAAO,IAAIC,EAAM;AAAA,IACf,GAAGF,EAAO,IAAIC,EAAO;AAAA,IACrB,GAAGD,EAAO,IAAIC,EAAO;AAAA,EACzB,CAAG;AACH;","x_google_ignoreList":[0]}
+{"version":3,"file":"visualization.es550.js","sources":["../../../node_modules/.pnpm/@popperjs+core@2.11.8/node_modules/@popperjs/core/lib/utils/within.js"],"sourcesContent":["import { max as mathMax, min as mathMin } from \"./math.js\";\nexport function within(min, value, max) {\n  return mathMax(min, mathMin(value, max));\n}\nexport function withinMaxClamp(min, value, max) {\n  var v = within(min, value, max);\n  return v > max ? max : v;\n}"],"names":["within","min","value","max","mathMax","mathMin","withinMaxClamp","v"],"mappings":";AACO,SAASA,EAAOC,GAAKC,GAAOC,GAAK;AACtC,SAAOC,EAAQH,GAAKI,EAAQH,GAAOC,CAAG,CAAC;AACzC;AACO,SAASG,EAAeL,GAAKC,GAAOC,GAAK;AAC9C,MAAII,IAAIP,EAAOC,GAAKC,GAAOC,CAAG;AAC9B,SAAOI,IAAIJ,IAAMA,IAAMI;AACzB;","x_google_ignoreList":[0]}

package/dist/visualization.es551.js

@@ -1,7 +1,8 @@
-function o(e) {
-  return e ? (e.nodeName || "").toLowerCase() : null;
+import t from "./visualization.es564.js";
+function i(e) {
+  return Object.assign({}, t(), e);
 }
 export {
-  o as default
+  i as default
 };
 //# sourceMappingURL=visualization.es551.js.map