@weng-lab/visualization 2.4.0-beta.5 → 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.es55.js

@@ -1,47 +1,69 @@
-import { forwardRef as m } from "react";
-import u from "./visualization.es128.js";
-import { jsx as c } from "react/jsx-runtime";
-const x = {
-  position: "absolute",
-  backgroundColor: "white",
-  color: "#666666",
-  padding: "0.3rem 0.5rem",
-  borderRadius: "3px",
-  fontSize: "14px",
-  boxShadow: "0 1px 2px rgba(33,33,33,0.2)",
-  lineHeight: "1em",
-  pointerEvents: "none"
-}, y = /* @__PURE__ */ m((s, r) => {
-  let {
-    className: i,
-    top: o,
-    left: e,
-    offsetLeft: t = 10,
-    offsetTop: l = 10,
-    style: p = x,
-    children: n,
-    unstyled: a = !1,
-    applyPositionStyle: f = !1,
-    ...d
-  } = s;
-  return /* @__PURE__ */ c("div", {
-    ref: r,
-    className: u("visx-tooltip", i),
-    style: {
-      top: o == null || l == null ? o : o + l,
-      left: e == null || t == null ? e : e + t,
-      ...f && {
-        position: "absolute"
-      },
-      ...!a && p
-    },
+import { jsxs as E, jsx as e, Fragment as D } from "react/jsx-runtime";
+import { c as R } from "react/compiler-runtime";
+import { useEffect as I } from "react";
+import { Stack as L, Tooltip as i, IconButton as a } from "@mui/material";
+import { BackHand as Z, Edit as j, Add as F, Remove as P, SettingsBackupRestore as T, Download as $ } from "@mui/icons-material";
+import { useTheme as K } from "@mui/material/styles";
+const V = (x) => {
+  const t = R(7), {
+    selectable: n,
+    resetable: k,
+    handleSelectionModeChange: l,
+    selectMode: o,
+    zoomIn: w,
+    zoomOut: S,
+    zoomReset: y,
+    highlight: g,
+    downloadButton: z,
+    downloadPlot: C
+  } = x, c = K(), b = g ?? c.palette.primary.main, d = {
+    borderRadius: 0,
+    color: c.palette.text.primary,
+    padding: c.spacing(1)
+  };
+  let s, m;
+  t[0] !== l || t[1] !== o || t[2] !== n ? (s = () => {
+    const r = (v) => {
+      if (v.key === "Shift" && n && o === "select") {
+        l("pan");
+        const u = (B) => {
+          B.key === "Shift" && n && l("select");
+        };
+        return window.addEventListener("keyup", u), () => {
+          window.removeEventListener("keyup", u);
+        };
+      }
+    };
+    return window.addEventListener("keydown", r), () => {
+      window.removeEventListener("keydown", r);
+    };
+  }, m = [l, o, n], t[0] = l, t[1] = o, t[2] = n, t[3] = s, t[4] = m) : (s = t[3], m = t[4]), I(s, m);
+  const f = (r) => ({
     ...d,
-    children: n
-  });
-});
-y.displayName = "Tooltip";
+    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 {
-  y as default,
-  x as defaultStyles
+  V as default
 };
 //# sourceMappingURL=visualization.es55.js.map

package/dist/visualization.es55.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es55.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/tooltips/Tooltip.js"],"sourcesContent":["import { forwardRef } from 'react';\nimport cx from 'classnames';\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nexport const defaultStyles = {\n  position: 'absolute',\n  backgroundColor: 'white',\n  color: '#666666',\n  padding: '0.3rem 0.5rem',\n  borderRadius: '3px',\n  fontSize: '14px',\n  boxShadow: '0 1px 2px rgba(33,33,33,0.2)',\n  lineHeight: '1em',\n  pointerEvents: 'none'\n};\nconst Tooltip = /*#__PURE__*/forwardRef((_ref, ref) => {\n  let {\n    className,\n    top,\n    left,\n    offsetLeft = 10,\n    offsetTop = 10,\n    style = defaultStyles,\n    children,\n    unstyled = false,\n    applyPositionStyle = false,\n    ...restProps\n  } = _ref;\n  return /*#__PURE__*/_jsx(\"div\", {\n    ref: ref,\n    className: cx('visx-tooltip', className),\n    style: {\n      top: top == null || offsetTop == null ? top : top + offsetTop,\n      left: left == null || offsetLeft == null ? left : left + offsetLeft,\n      ...(applyPositionStyle && {\n        position: 'absolute'\n      }),\n      ...(!unstyled && style)\n    },\n    ...restProps,\n    children: children\n  });\n});\nTooltip.displayName = 'Tooltip';\nexport default Tooltip;"],"names":["defaultStyles","Tooltip","forwardRef","_ref","ref","className","top","left","offsetLeft","offsetTop","style","children","unstyled","applyPositionStyle","restProps","_jsx","cx"],"mappings":";;;AAGY,MAACA,IAAgB;AAAA,EAC3B,UAAU;AAAA,EACV,iBAAiB;AAAA,EACjB,OAAO;AAAA,EACP,SAAS;AAAA,EACT,cAAc;AAAA,EACd,UAAU;AAAA,EACV,WAAW;AAAA,EACX,YAAY;AAAA,EACZ,eAAe;AACjB,GACMC,IAAuB,gBAAAC,EAAW,CAACC,GAAMC,MAAQ;AACrD,MAAI;AAAA,IACF,WAAAC;AAAA,IACA,KAAAC;AAAA,IACA,MAAAC;AAAA,IACA,YAAAC,IAAa;AAAA,IACb,WAAAC,IAAY;AAAA,IACZ,OAAAC,IAAQV;AAAA,IACR,UAAAW;AAAA,IACA,UAAAC,IAAW;AAAA,IACX,oBAAAC,IAAqB;AAAA,IACrB,GAAGC;AAAA,EACP,IAAMX;AACJ,SAAoBY,gBAAAA,EAAK,OAAO;AAAA,IAC9B,KAAKX;AAAA,IACL,WAAWY,EAAG,gBAAgBX,CAAS;AAAA,IACvC,OAAO;AAAA,MACL,KAAKC,KAAO,QAAQG,KAAa,OAAOH,IAAMA,IAAMG;AAAA,MACpD,MAAMF,KAAQ,QAAQC,KAAc,OAAOD,IAAOA,IAAOC;AAAA,MACzD,GAAIK,KAAsB;AAAA,QACxB,UAAU;AAAA,MAClB;AAAA,MACM,GAAI,CAACD,KAAYF;AAAA,IACvB;AAAA,IACI,GAAGI;AAAA,IACH,UAAUH;AAAA,EACd,CAAG;AACH,CAAC;AACDV,EAAQ,cAAc;","x_google_ignoreList":[0]}
+{"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":";;;;;;AAMA,MAAMA,IAAiBC,CAAAA,MAAA;AAAA,QAAAC,IAAAC,EAAA,CAAA,GAAC;AAAA,IAAAC,YAAAA;AAAAA,IAAAC,WAAAA;AAAAA,IAAAC,2BAAAA;AAAAA,IAAAC,YAAAA;AAAAA,IAAAC,QAAAA;AAAAA,IAAAC,SAAAA;AAAAA,IAAAC,WAAAA;AAAAA,IAAAC,WAAAA;AAAAA,IAAAC,gBAAAA;AAAAA,IAAAC,cAAAA;AAAAA,EAAAA,IAAAZ,GAYpBa,IAAcC,EAAAA,GACdC,IAAcL,KAAaG,EAAKG,QAAQC,QAAQC,MAGhDC,IAAiB;AAAA,IAAAC,cACC;AAAA,IAACL,OACRF,EAAKG,QAAQK,KAAKJ;AAAAA,IAAQK,SACxBT,EAAKU,QAAS,CAAC;AAAA,EAAA;AAC1B,MAAAC,GAAAC;AAAA,EAAAxB,EAAA,CAAA,MAAAI,KAAAJ,SAAAK,KAAAL,EAAA,CAAA,MAAAE,KAEQqB,IAAAA,MAAA;AAEN,UAAAE,IAAsBC,CAAAA,MAAA;AAClB,UAAIA,EAACC,QAAS,WAAVzB,KAAmCG,MAAe,UAAQ;AAC1DD,QAAAA,EAA0B,KAAK;AAG/B,cAAAwB,IAAoBC,CAAAA,MAAA;AAChB,UAAIH,EAACC,QAAS,WAAVzB,KACAE,EAA0B,QAAQ;AAAA,QACrC;AAGL0B,sBAAMC,iBAAkB,SAASH,CAAW,GACrC,MAAA;AACHE,iBAAME,oBAAqB,SAASJ,CAAW;AAAA,QAAC;AAAA,MACnD;AAAA,IACJ;AAILE,kBAAMC,iBAAkB,WAAWN,CAAa,GAGzC,MAAA;AACHK,aAAME,oBAAqB,WAAWP,CAAa;AAAA,IAAC;AAAA,EACvD,GACFD,KAACpB,GAA2BC,GAAYH,CAAU,GAACF,OAAAI,GAAAJ,OAAAK,GAAAL,OAAAE,GAAAF,OAAAuB,GAAAvB,OAAAwB,MAAAD,IAAAvB,EAAA,CAAA,GAAAwB,IAAAxB,EAAA,CAAA,IA3BtDiC,EAAUV,GA2BPC,CAAmD;AAEtD,QAAAU,IAA0BC,CAAAA,OAA6B;AAAA,IAAA,GAChDjB;AAAAA,IAAQJ,OACJT,MAAe8B,IAAO1B,KAAA,iBAA8BG,EAAKG,QAAQK,KAAKJ;AAAAA,IAAQoB,iBACpE/B,MAAe8B,IAAf,sBACWrB,CAAK,uBADhB;AAAA,IAEE,WACR;AAAA,MAAAsB,iBACU/B,MAAe8B,IAAf,sBACWrB,CAAK,uBAC3BF,EAAKG,QAAQsB,OAAOC;AAAAA,IAAAA;AAAAA,EAC9B,IAKKC,IAAAlC,MAAe,UACZ,gBAAAmC,EAACC,GAAA,EACa,WAAA,UACC,YAAA,cACK,gBAAA,UACZ,IAAA;AAAA,IAAAC,YACY;AAAA,IAA0BC,gBACtB;AAAA,IAAWC,sBACL;AAAA,IAAWC,QACzB;AAAA,IAAoCC,WACjC;AAAA,IAA8BC,UAC/B;AAAA,EAAA,GAIV7C,UAAAA;AAAAA,IAAAA,KACI,gBAAA8C,EAACC,GAAA,EAAc,OAAA,uCAAiDC,WApE/D,SAqEG,UAAA,gBAAAF,EAACG,GAAA,EACc,cAAA,OACF,SAAA,MAAM/C,EAA0B,KAAK,GAC1C,IAAA8B,EAAkB,KAAK,GAE3B,4BAACkB,GAAA,EAAkB,UAAA,QAAA,CAAO,EAAA,CAC9B,EAAA,CACJ;AAAA,IAIJlD,KACI,gBAAA8C,EAACC,GAAA,EAAc,OAAA,kBAA4BC,WAjF1C,SAkFG,UAAA,gBAAAF,EAACG,GAAA,EACc,cAAA,QACF,SAAA,MAAM/C,EAA0B,QAAQ,GAC7C,IAAA8B,EAAkB,QAAQ,GAE9B,UAAA,gBAAAc,EAACK,GAAA,EAAc,UAAA,QAAA,CAAO,EAAA,CAC1B,EAAA,CACJ;AAAA,sBAGPJ,GAAA,EAAc,OAAA,WAAqBC,WA5F3B,SA6FL,4BAACC,GAAA,EAAsB,cAAA,WAAmB7C,SAAAA,GAAYY,OAClD,UAAA,gBAAA8B,EAACM,KAAa,UAAA,YAClB,EAAA,CACJ;AAAA,sBACCL,GAAA,EAAc,OAAA,YAAsBC,WAjG5B,SAkGL,4BAACC,GAAA,EAAsB,cAAA,YAAoB5C,SAAAA,GAAaW,IAAAA,GACpD,UAAA,gBAAA8B,EAACO,KAAgB,UAAA,SAAO,GAC5B,EAAA,CACJ;AAAA,IACA,gBAAAP,EAACC,KAAc,OAAA,sBAAgCC,WAtGtC,SAuGL,UAAA,gBAAAF,EAACG,GAAA,EAAsB,cAAA,aAAqB3C,SAAAA,GAAqB,UAAA,CAACL,GAAee,IAAAA,GAC7E,4BAACsC,GAAA,EAA+B,UAAA,SAAO,EAAA,CAC3C,EAAA,CACJ;AAAA,IACC9C,uBACIuC,GAAA,EAAc,OAAA,wBAAkCC,WA5G5C,SA6GD,UAAA,gBAAAF,EAACG,GAAA,EAAsB,cAAA,YAAoB,SAAA,MAAMxC,EAAAA,GAAoBO,OACjE,4BAACuC,GAAA,EAAkB,UAAA,QAAA,IACvB,EAAA,CACJ;AAAA,EAAA,GAER;AACH,MAAAC;AAAA,SAAA1D,SAAAuC,KAhELmB,2BACKnB,UAAAA,EAAAA,CA+DA,GACFvC,OAAAuC,GAAAvC,OAAA0D,KAAAA,IAAA1D,EAAA,CAAA,GAjEH0D;AAiEG;"}

package/dist/visualization.es56.js

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