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

package/dist/visualization.es478.js

@@ -1,46 +1,23 @@
-import { observeIntersection as f } from "./visualization.es545.js";
-import { Feature as m } from "./visualization.es287.js";
-const w = {
-  some: 0,
-  all: 1
-};
-class b extends m {
-  constructor() {
-    super(...arguments), this.hasEnteredView = !1, this.isInView = !1;
-  }
-  startObserver() {
-    this.stopObserver?.();
-    const { viewport: s = {} } = this.node.getProps(), { root: e, margin: r, amount: n = "some", once: h } = s, p = {
-      root: e ? e.current : void 0,
-      rootMargin: r,
-      threshold: typeof n == "number" ? n : w[n]
-    }, c = (i) => {
-      const { isIntersecting: t } = i;
-      if (this.isInView === t || (this.isInView = t, h && !t && this.hasEnteredView))
-        return;
-      t && (this.hasEnteredView = !0), this.node.animationState && this.node.animationState.setActive("whileInView", t);
-      const { onViewportEnter: d, onViewportLeave: u } = this.node.getProps(), a = t ? d : u;
-      a && a(i);
-    };
-    this.stopObserver = f(this.node.current, p, c);
+import { VisualElementDragControls as t } from "./visualization.es542.js";
+import { Feature as e } from "./visualization.es292.js";
+import { noop as s } from "./visualization.es306.js";
+class m extends e {
+  constructor(o) {
+    super(o), this.removeGroupControls = s, this.removeListeners = s, this.controls = new t(o);
   }
   mount() {
-    this.startObserver();
+    const { dragControls: o } = this.node.getProps();
+    o && (this.removeGroupControls = o.subscribe(this.controls)), this.removeListeners = this.controls.addListeners() || s;
   }
   update() {
-    if (typeof IntersectionObserver > "u")
-      return;
-    const { props: s, prevProps: e } = this.node;
-    ["amount", "margin", "root"].some(l(s, e)) && this.startObserver();
+    const { dragControls: o } = this.node.getProps(), { dragControls: r } = this.node.prevProps || {};
+    o !== r && (this.removeGroupControls(), o && (this.removeGroupControls = o.subscribe(this.controls)));
   }
   unmount() {
-    this.stopObserver?.(), this.hasEnteredView = !1, this.isInView = !1;
+    this.removeGroupControls(), this.removeListeners(), this.controls.isDragging || this.controls.endPanSession();
   }
 }
-function l({ viewport: o = {} }, { viewport: s = {} } = {}) {
-  return (e) => o[e] !== s[e];
-}
 export {
-  b as InViewFeature
+  m as DragGesture
 };
 //# sourceMappingURL=visualization.es478.js.map

package/dist/visualization.es478.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es478.js","sources":["../../../node_modules/.pnpm/framer-motion@12.38.0_@emotion+is-prop-valid@1.4.0_react-dom@19.2.4_react@19.2.4__react@19.2.4/node_modules/framer-motion/dist/es/motion/features/viewport/index.mjs"],"sourcesContent":["import { Feature } from 'motion-dom';\nimport { observeIntersection } from './observers.mjs';\n\nconst thresholdNames = {\n    some: 0,\n    all: 1,\n};\nclass InViewFeature extends Feature {\n    constructor() {\n        super(...arguments);\n        this.hasEnteredView = false;\n        this.isInView = false;\n    }\n    startObserver() {\n        this.stopObserver?.();\n        const { viewport = {} } = this.node.getProps();\n        const { root, margin: rootMargin, amount = \"some\", once } = viewport;\n        const options = {\n            root: root ? root.current : undefined,\n            rootMargin,\n            threshold: typeof amount === \"number\" ? amount : thresholdNames[amount],\n        };\n        const onIntersectionUpdate = (entry) => {\n            const { isIntersecting } = entry;\n            /**\n             * If there's been no change in the viewport state, early return.\n             */\n            if (this.isInView === isIntersecting)\n                return;\n            this.isInView = isIntersecting;\n            /**\n             * Handle hasEnteredView. If this is only meant to run once, and\n             * element isn't visible, early return. Otherwise set hasEnteredView to true.\n             */\n            if (once && !isIntersecting && this.hasEnteredView) {\n                return;\n            }\n            else if (isIntersecting) {\n                this.hasEnteredView = true;\n            }\n            if (this.node.animationState) {\n                this.node.animationState.setActive(\"whileInView\", isIntersecting);\n            }\n            /**\n             * Use the latest committed props rather than the ones in scope\n             * when this observer is created\n             */\n            const { onViewportEnter, onViewportLeave } = this.node.getProps();\n            const callback = isIntersecting ? onViewportEnter : onViewportLeave;\n            callback && callback(entry);\n        };\n        this.stopObserver = observeIntersection(this.node.current, options, onIntersectionUpdate);\n    }\n    mount() {\n        this.startObserver();\n    }\n    update() {\n        if (typeof IntersectionObserver === \"undefined\")\n            return;\n        const { props, prevProps } = this.node;\n        const hasOptionsChanged = [\"amount\", \"margin\", \"root\"].some(hasViewportOptionChanged(props, prevProps));\n        if (hasOptionsChanged) {\n            this.startObserver();\n        }\n    }\n    unmount() {\n        this.stopObserver?.();\n        this.hasEnteredView = false;\n        this.isInView = false;\n    }\n}\nfunction hasViewportOptionChanged({ viewport = {} }, { viewport: prevViewport = {} } = {}) {\n    return (name) => viewport[name] !== prevViewport[name];\n}\n\nexport { InViewFeature };\n//# sourceMappingURL=index.mjs.map\n"],"names":["thresholdNames","InViewFeature","Feature","viewport","root","rootMargin","amount","once","options","onIntersectionUpdate","entry","isIntersecting","onViewportEnter","onViewportLeave","callback","observeIntersection","props","prevProps","hasViewportOptionChanged","prevViewport","name"],"mappings":";;AAGA,MAAMA,IAAiB;AAAA,EACnB,MAAM;AAAA,EACN,KAAK;AACT;AACA,MAAMC,UAAsBC,EAAQ;AAAA,EAChC,cAAc;AACV,UAAM,GAAG,SAAS,GAClB,KAAK,iBAAiB,IACtB,KAAK,WAAW;AAAA,EACpB;AAAA,EACA,gBAAgB;AACZ,SAAK,eAAY;AACjB,UAAM,EAAE,UAAAC,IAAW,CAAA,EAAE,IAAK,KAAK,KAAK,SAAQ,GACtC,EAAE,MAAAC,GAAM,QAAQC,GAAY,QAAAC,IAAS,QAAQ,MAAAC,EAAI,IAAKJ,GACtDK,IAAU;AAAA,MACZ,MAAMJ,IAAOA,EAAK,UAAU;AAAA,MAC5B,YAAAC;AAAA,MACA,WAAW,OAAOC,KAAW,WAAWA,IAASN,EAAeM,CAAM;AAAA,IAClF,GACcG,IAAuB,CAACC,MAAU;AACpC,YAAM,EAAE,gBAAAC,EAAc,IAAKD;AAW3B,UAPI,KAAK,aAAaC,MAEtB,KAAK,WAAWA,GAKZJ,KAAQ,CAACI,KAAkB,KAAK;AAChC;AAEC,MAAIA,MACL,KAAK,iBAAiB,KAEtB,KAAK,KAAK,kBACV,KAAK,KAAK,eAAe,UAAU,eAAeA,CAAc;AAMpE,YAAM,EAAE,iBAAAC,GAAiB,iBAAAC,EAAe,IAAK,KAAK,KAAK,SAAQ,GACzDC,IAAWH,IAAiBC,IAAkBC;AACpD,MAAAC,KAAYA,EAASJ,CAAK;AAAA,IAC9B;AACA,SAAK,eAAeK,EAAoB,KAAK,KAAK,SAASP,GAASC,CAAoB;AAAA,EAC5F;AAAA,EACA,QAAQ;AACJ,SAAK,cAAa;AAAA,EACtB;AAAA,EACA,SAAS;AACL,QAAI,OAAO,uBAAyB;AAChC;AACJ,UAAM,EAAE,OAAAO,GAAO,WAAAC,EAAS,IAAK,KAAK;AAElC,IAD0B,CAAC,UAAU,UAAU,MAAM,EAAE,KAAKC,EAAyBF,GAAOC,CAAS,CAAC,KAElG,KAAK,cAAa;AAAA,EAE1B;AAAA,EACA,UAAU;AACN,SAAK,eAAY,GACjB,KAAK,iBAAiB,IACtB,KAAK,WAAW;AAAA,EACpB;AACJ;AACA,SAASC,EAAyB,EAAE,UAAAf,IAAW,GAAE,GAAI,EAAE,UAAUgB,IAAe,GAAE,IAAK,IAAI;AACvF,SAAO,CAACC,MAASjB,EAASiB,CAAI,MAAMD,EAAaC,CAAI;AACzD;","x_google_ignoreList":[0]}
+{"version":3,"file":"visualization.es478.js","sources":["../../../node_modules/.pnpm/framer-motion@12.38.0_@emotion+is-prop-valid@1.4.0_react-dom@19.2.4_react@19.2.4__react@19.2.4/node_modules/framer-motion/dist/es/gestures/drag/index.mjs"],"sourcesContent":["import { Feature } from 'motion-dom';\nimport { noop } from 'motion-utils';\nimport { VisualElementDragControls } from './VisualElementDragControls.mjs';\n\nclass DragGesture extends Feature {\n    constructor(node) {\n        super(node);\n        this.removeGroupControls = noop;\n        this.removeListeners = noop;\n        this.controls = new VisualElementDragControls(node);\n    }\n    mount() {\n        // If we've been provided a DragControls for manual control over the drag gesture,\n        // subscribe this component to it on mount.\n        const { dragControls } = this.node.getProps();\n        if (dragControls) {\n            this.removeGroupControls = dragControls.subscribe(this.controls);\n        }\n        this.removeListeners = this.controls.addListeners() || noop;\n    }\n    update() {\n        const { dragControls } = this.node.getProps();\n        const { dragControls: prevDragControls } = this.node.prevProps || {};\n        if (dragControls !== prevDragControls) {\n            this.removeGroupControls();\n            if (dragControls) {\n                this.removeGroupControls = dragControls.subscribe(this.controls);\n            }\n        }\n    }\n    unmount() {\n        this.removeGroupControls();\n        this.removeListeners();\n        /**\n         * In React 19, during list reorder reconciliation, components may\n         * briefly unmount and remount while the drag is still active. If we're\n         * actively dragging, we should NOT end the pan session - it will\n         * continue tracking pointer events via its window-level listeners.\n         *\n         * The pan session will be properly cleaned up when:\n         * 1. The drag ends naturally (pointerup/pointercancel)\n         * 2. The component is truly removed from the DOM\n         */\n        if (!this.controls.isDragging) {\n            this.controls.endPanSession();\n        }\n    }\n}\n\nexport { DragGesture };\n//# sourceMappingURL=index.mjs.map\n"],"names":["DragGesture","Feature","node","noop","VisualElementDragControls","dragControls","prevDragControls"],"mappings":";;;AAIA,MAAMA,UAAoBC,EAAQ;AAAA,EAC9B,YAAYC,GAAM;AACd,UAAMA,CAAI,GACV,KAAK,sBAAsBC,GAC3B,KAAK,kBAAkBA,GACvB,KAAK,WAAW,IAAIC,EAA0BF,CAAI;AAAA,EACtD;AAAA,EACA,QAAQ;AAGJ,UAAM,EAAE,cAAAG,EAAY,IAAK,KAAK,KAAK,SAAQ;AAC3C,IAAIA,MACA,KAAK,sBAAsBA,EAAa,UAAU,KAAK,QAAQ,IAEnE,KAAK,kBAAkB,KAAK,SAAS,aAAY,KAAMF;AAAA,EAC3D;AAAA,EACA,SAAS;AACL,UAAM,EAAE,cAAAE,EAAY,IAAK,KAAK,KAAK,SAAQ,GACrC,EAAE,cAAcC,EAAgB,IAAK,KAAK,KAAK,aAAa,CAAA;AAClE,IAAID,MAAiBC,MACjB,KAAK,oBAAmB,GACpBD,MACA,KAAK,sBAAsBA,EAAa,UAAU,KAAK,QAAQ;AAAA,EAG3E;AAAA,EACA,UAAU;AACN,SAAK,oBAAmB,GACxB,KAAK,gBAAe,GAWf,KAAK,SAAS,cACf,KAAK,SAAS,cAAa;AAAA,EAEnC;AACJ;","x_google_ignoreList":[0]}

package/dist/visualization.es479.js

@@ -1,23 +1,44 @@
-import { VisualElementDragControls as t } from "./visualization.es542.js";
-import { Feature as e } from "./visualization.es287.js";
-import { noop as s } from "./visualization.es307.js";
-class m extends e {
-  constructor(o) {
-    super(o), this.removeGroupControls = s, this.removeListeners = s, this.controls = new t(o);
+import { addPointerEvent as m } from "./visualization.es202.js";
+import { getContextWindow as P } from "./visualization.es543.js";
+import { PanSession as h } from "./visualization.es544.js";
+import { Feature as p } from "./visualization.es292.js";
+import { noop as u } from "./visualization.es306.js";
+import { frame as r } from "./visualization.es334.js";
+const o = (e) => (n, t) => {
+  e && r.update(() => e(n, t), !1, !0);
+};
+class v extends p {
+  constructor() {
+    super(...arguments), this.removePointerDownListener = u;
+  }
+  onPointerDown(n) {
+    this.session = new h(n, this.createPanHandlers(), {
+      transformPagePoint: this.node.getTransformPagePoint(),
+      contextWindow: P(this.node)
+    });
+  }
+  createPanHandlers() {
+    const { onPanSessionStart: n, onPanStart: t, onPan: i, onPanEnd: s } = this.node.getProps();
+    return {
+      onSessionStart: o(n),
+      onStart: o(t),
+      onMove: o(i),
+      onEnd: (a, d) => {
+        delete this.session, s && r.postRender(() => s(a, d));
+      }
+    };
   }
   mount() {
-    const { dragControls: o } = this.node.getProps();
-    o && (this.removeGroupControls = o.subscribe(this.controls)), this.removeListeners = this.controls.addListeners() || s;
+    this.removePointerDownListener = m(this.node.current, "pointerdown", (n) => this.onPointerDown(n));
   }
   update() {
-    const { dragControls: o } = this.node.getProps(), { dragControls: r } = this.node.prevProps || {};
-    o !== r && (this.removeGroupControls(), o && (this.removeGroupControls = o.subscribe(this.controls)));
+    this.session && this.session.updateHandlers(this.createPanHandlers());
   }
   unmount() {
-    this.removeGroupControls(), this.removeListeners(), this.controls.isDragging || this.controls.endPanSession();
+    this.removePointerDownListener(), this.session && this.session.end();
   }
 }
 export {
-  m as DragGesture
+  v as PanGesture
 };
 //# sourceMappingURL=visualization.es479.js.map

package/dist/visualization.es479.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es479.js","sources":["../../../node_modules/.pnpm/framer-motion@12.38.0_@emotion+is-prop-valid@1.4.0_react-dom@19.2.4_react@19.2.4__react@19.2.4/node_modules/framer-motion/dist/es/gestures/drag/index.mjs"],"sourcesContent":["import { Feature } from 'motion-dom';\nimport { noop } from 'motion-utils';\nimport { VisualElementDragControls } from './VisualElementDragControls.mjs';\n\nclass DragGesture extends Feature {\n    constructor(node) {\n        super(node);\n        this.removeGroupControls = noop;\n        this.removeListeners = noop;\n        this.controls = new VisualElementDragControls(node);\n    }\n    mount() {\n        // If we've been provided a DragControls for manual control over the drag gesture,\n        // subscribe this component to it on mount.\n        const { dragControls } = this.node.getProps();\n        if (dragControls) {\n            this.removeGroupControls = dragControls.subscribe(this.controls);\n        }\n        this.removeListeners = this.controls.addListeners() || noop;\n    }\n    update() {\n        const { dragControls } = this.node.getProps();\n        const { dragControls: prevDragControls } = this.node.prevProps || {};\n        if (dragControls !== prevDragControls) {\n            this.removeGroupControls();\n            if (dragControls) {\n                this.removeGroupControls = dragControls.subscribe(this.controls);\n            }\n        }\n    }\n    unmount() {\n        this.removeGroupControls();\n        this.removeListeners();\n        /**\n         * In React 19, during list reorder reconciliation, components may\n         * briefly unmount and remount while the drag is still active. If we're\n         * actively dragging, we should NOT end the pan session - it will\n         * continue tracking pointer events via its window-level listeners.\n         *\n         * The pan session will be properly cleaned up when:\n         * 1. The drag ends naturally (pointerup/pointercancel)\n         * 2. The component is truly removed from the DOM\n         */\n        if (!this.controls.isDragging) {\n            this.controls.endPanSession();\n        }\n    }\n}\n\nexport { DragGesture };\n//# sourceMappingURL=index.mjs.map\n"],"names":["DragGesture","Feature","node","noop","VisualElementDragControls","dragControls","prevDragControls"],"mappings":";;;AAIA,MAAMA,UAAoBC,EAAQ;AAAA,EAC9B,YAAYC,GAAM;AACd,UAAMA,CAAI,GACV,KAAK,sBAAsBC,GAC3B,KAAK,kBAAkBA,GACvB,KAAK,WAAW,IAAIC,EAA0BF,CAAI;AAAA,EACtD;AAAA,EACA,QAAQ;AAGJ,UAAM,EAAE,cAAAG,EAAY,IAAK,KAAK,KAAK,SAAQ;AAC3C,IAAIA,MACA,KAAK,sBAAsBA,EAAa,UAAU,KAAK,QAAQ,IAEnE,KAAK,kBAAkB,KAAK,SAAS,aAAY,KAAMF;AAAA,EAC3D;AAAA,EACA,SAAS;AACL,UAAM,EAAE,cAAAE,EAAY,IAAK,KAAK,KAAK,SAAQ,GACrC,EAAE,cAAcC,EAAgB,IAAK,KAAK,KAAK,aAAa,CAAA;AAClE,IAAID,MAAiBC,MACjB,KAAK,oBAAmB,GACpBD,MACA,KAAK,sBAAsBA,EAAa,UAAU,KAAK,QAAQ;AAAA,EAG3E;AAAA,EACA,UAAU;AACN,SAAK,oBAAmB,GACxB,KAAK,gBAAe,GAWf,KAAK,SAAS,cACf,KAAK,SAAS,cAAa;AAAA,EAEnC;AACJ;","x_google_ignoreList":[0]}
+{"version":3,"file":"visualization.es479.js","sources":["../../../node_modules/.pnpm/framer-motion@12.38.0_@emotion+is-prop-valid@1.4.0_react-dom@19.2.4_react@19.2.4__react@19.2.4/node_modules/framer-motion/dist/es/gestures/pan/index.mjs"],"sourcesContent":["import { Feature, frame } from 'motion-dom';\nimport { noop } from 'motion-utils';\nimport { addPointerEvent } from '../../events/add-pointer-event.mjs';\nimport { getContextWindow } from '../../utils/get-context-window.mjs';\nimport { PanSession } from './PanSession.mjs';\n\nconst asyncHandler = (handler) => (event, info) => {\n    if (handler) {\n        frame.update(() => handler(event, info), false, true);\n    }\n};\nclass PanGesture extends Feature {\n    constructor() {\n        super(...arguments);\n        this.removePointerDownListener = noop;\n    }\n    onPointerDown(pointerDownEvent) {\n        this.session = new PanSession(pointerDownEvent, this.createPanHandlers(), {\n            transformPagePoint: this.node.getTransformPagePoint(),\n            contextWindow: getContextWindow(this.node),\n        });\n    }\n    createPanHandlers() {\n        const { onPanSessionStart, onPanStart, onPan, onPanEnd } = this.node.getProps();\n        return {\n            onSessionStart: asyncHandler(onPanSessionStart),\n            onStart: asyncHandler(onPanStart),\n            onMove: asyncHandler(onPan),\n            onEnd: (event, info) => {\n                delete this.session;\n                if (onPanEnd) {\n                    frame.postRender(() => onPanEnd(event, info));\n                }\n            },\n        };\n    }\n    mount() {\n        this.removePointerDownListener = addPointerEvent(this.node.current, \"pointerdown\", (event) => this.onPointerDown(event));\n    }\n    update() {\n        this.session && this.session.updateHandlers(this.createPanHandlers());\n    }\n    unmount() {\n        this.removePointerDownListener();\n        this.session && this.session.end();\n    }\n}\n\nexport { PanGesture };\n//# sourceMappingURL=index.mjs.map\n"],"names":["asyncHandler","handler","event","info","frame","PanGesture","Feature","noop","pointerDownEvent","PanSession","getContextWindow","onPanSessionStart","onPanStart","onPan","onPanEnd","addPointerEvent"],"mappings":";;;;;;AAMA,MAAMA,IAAe,CAACC,MAAY,CAACC,GAAOC,MAAS;AAC/C,EAAIF,KACAG,EAAM,OAAO,MAAMH,EAAQC,GAAOC,CAAI,GAAG,IAAO,EAAI;AAE5D;AACA,MAAME,UAAmBC,EAAQ;AAAA,EAC7B,cAAc;AACV,UAAM,GAAG,SAAS,GAClB,KAAK,4BAA4BC;AAAA,EACrC;AAAA,EACA,cAAcC,GAAkB;AAC5B,SAAK,UAAU,IAAIC,EAAWD,GAAkB,KAAK,qBAAqB;AAAA,MACtE,oBAAoB,KAAK,KAAK,sBAAqB;AAAA,MACnD,eAAeE,EAAiB,KAAK,IAAI;AAAA,IACrD,CAAS;AAAA,EACL;AAAA,EACA,oBAAoB;AAChB,UAAM,EAAE,mBAAAC,GAAmB,YAAAC,GAAY,OAAAC,GAAO,UAAAC,EAAQ,IAAK,KAAK,KAAK,SAAQ;AAC7E,WAAO;AAAA,MACH,gBAAgBd,EAAaW,CAAiB;AAAA,MAC9C,SAASX,EAAaY,CAAU;AAAA,MAChC,QAAQZ,EAAaa,CAAK;AAAA,MAC1B,OAAO,CAACX,GAAOC,MAAS;AACpB,eAAO,KAAK,SACRW,KACAV,EAAM,WAAW,MAAMU,EAASZ,GAAOC,CAAI,CAAC;AAAA,MAEpD;AAAA,IACZ;AAAA,EACI;AAAA,EACA,QAAQ;AACJ,SAAK,4BAA4BY,EAAgB,KAAK,KAAK,SAAS,eAAe,CAACb,MAAU,KAAK,cAAcA,CAAK,CAAC;AAAA,EAC3H;AAAA,EACA,SAAS;AACL,SAAK,WAAW,KAAK,QAAQ,eAAe,KAAK,mBAAmB;AAAA,EACxE;AAAA,EACA,UAAU;AACN,SAAK,0BAAyB,GAC9B,KAAK,WAAW,KAAK,QAAQ,IAAG;AAAA,EACpC;AACJ;","x_google_ignoreList":[0]}

package/dist/visualization.es48.js

@@ -1,243 +1,116 @@
-import { jsx as s, jsxs as k, Fragment as _ } from "react/jsx-runtime";
-import { useRef as C, useState as Bt, useEffect as B, useMemo as P, useCallback as lt } from "react";
-import Kt from "@mui/material/CircularProgress";
-import { Stack as Ot, Box as at } from "@mui/material";
-import { rescaleX as $t, rescaleY as qt, prepareCanvas as It, partitionPointsByHover as Ut, getTicks as it, isPointVisible as Jt, drawCanvasPoint as Nt } from "./visualization.es17.js";
-import Qt from "./visualization.es101.js";
-import Gt from "./visualization.es102.js";
-import _t from "./visualization.es103.js";
-import Wt from "./visualization.es104.js";
-import { useDragSelection as Zt } from "./visualization.es105.js";
-import ft from "./visualization.es36.js";
-import Ht from "./visualization.es106.js";
-import zt from "./visualization.es88.js";
-import bt from "./visualization.es66.js";
-import te from "./visualization.es24.js";
-import ee from "./visualization.es44.js";
-import re from "./visualization.es90.js";
-import ut from "./visualization.es23.js";
-import ne from "./visualization.es46.js";
-const se = 120, oe = (A) => 1 - Math.pow(1 - A, 3), Ce = ({
-  size: A,
-  margin: o,
-  boundedWidth: l,
-  boundedHeight: c,
-  loading: pt,
-  pointData: v,
-  animation: T,
-  animationGroupSize: K,
-  animationBuffer: O,
-  xScale: $,
-  yScale: q,
-  zoom: a,
-  selectMode: i,
-  selectable: vt,
-  disableZoom: x,
-  groupPointsAnchor: W,
-  hoveredPoint: h,
-  handleMouseMove: ht,
-  handleMouseLeave: Z,
-  onDisplayedPointsChange: H,
-  onSelectionChange: xt,
-  onPointClicked: z,
-  leftAxisLabel: yt,
-  bottomAxisLabel: mt,
-  border: wt,
-  originLine: St,
-  backgroundGradient: L,
-  crosshair: I,
-  divRef: kt
+import { jsxs as S, jsx as p, Fragment as oe } from "react/jsx-runtime";
+import ce, { useMemo as z, useCallback as ne } from "react";
+import se from "./visualization.es102.js";
+import { calculateBoxStats as re, scottRule as me, silvermanRule as he, kernelDensityEstimator as pe, seededRandom as ue, gaussian as fe } from "./visualization.es47.js";
+import de from "./visualization.es103.js";
+import ie from "./visualization.es22.js";
+import ve from "./visualization.es87.js";
+import ye from "./visualization.es24.js";
+import ke from "./visualization.es104.js";
+import { line as ge } from "./visualization.es88.js";
+import xe from "./visualization.es20.js";
+import $e from "./visualization.es89.js";
+const Re = ({
+  distribution: t,
+  distIndex: $,
+  violinProps: l,
+  crossProps: D,
+  valueScale: m,
+  labelScale: C,
+  offset: Q,
+  labels: R,
+  disableCrossPlot: P,
+  disableViolinPlot: H,
+  horizontal: o,
+  pointTooltipBody: k,
+  onViolinClicked: b,
+  onPointClicked: A
 }) => {
-  const b = C(null), tt = C(null), D = C(0), U = C(null), [J, N] = Bt(!!T);
-  B(() => {
-    if (!T) return;
-    if (v.length > 2500) {
-      N(!1);
-      return;
-    }
-    const t = 450, e = (O ?? 0.03) * 1e3, r = Math.ceil(v.length / (K ?? 1)), n = t + r * e, f = window.setTimeout(() => N(!1), n);
-    return () => window.clearTimeout(f);
-  }, [T, O, K, v.length]);
   const {
-    lines: Et,
-    isDragging: m,
-    x: g,
-    y: R,
-    dx: V,
-    dy: Y,
-    dragStart: et,
-    dragMove: rt,
-    dragEnd: At,
-    completeSelection: Lt
-  } = Zt({
-    pointData: v,
-    margin: o,
-    xScale: $,
-    yScale: q,
-    onSelectionChange: xt
-  });
-  B(() => {
-    const t = b.current, e = (f) => {
-      f.preventDefault();
-    }, r = (f) => {
-      f.preventDefault();
-    }, n = (f) => {
-      f.preventDefault();
-    };
-    return t && (t.addEventListener("wheel", e, {
-      passive: !1
-    }), t.addEventListener("touchstart", n, {
-      passive: !1
-    }), t.addEventListener("touchmove", r, {
-      passive: !1
-    })), () => {
-      t && (t.removeEventListener("wheel", e), t.removeEventListener("touchstart", n), t.removeEventListener("touchmove", r));
-    };
-  }, []);
-  const u = P(() => $t($, a.transformMatrix.translateX, a.transformMatrix.scaleX), [$, a.transformMatrix]), p = P(() => qt(q, a.transformMatrix.translateY, a.transformMatrix.scaleY), [q, a.transformMatrix]), nt = P(() => {
-    const t = W;
-    return t && h ? v.filter((e) => t in e ? e[t] === h[t] : e.metaData && h.metaData ? e.metaData[t] === h.metaData[t] : !1) : h ? [h] : [];
-  }, [h, W, v]), st = C(/* @__PURE__ */ new Set()), M = P(() => {
-    const t = new Set(nt.map((r) => `${r.x},${r.y}`)), e = st.current;
-    return t.size === e.size && [...t].every((r) => e.has(r)) ? e : (st.current = t, t);
-  }, [nt]), X = P(() => v.filter((t) => {
-    const e = u(t.x), r = p(t.y);
-    return e >= 0 && e <= l && r >= 0 && r <= c;
-  }), [v, u, p, l, c]), j = lt((t, e, r) => {
-    const n = r.getContext("2d");
-    if (!n) return;
-    if (It(n, l, c), L) {
-      const [y, G, F] = L.colorScale ?? ["red", "white", "blue"], S = l, E = c, jt = t(0), Ft = e(0), dt = Math.max(1e-3, Math.min(0.999, (jt * S - Ft * E + E * E) / (S * S + E * E))), d = n.createLinearGradient(0, E, S, 0);
-      d.addColorStop(0, y), d.addColorStop(dt, G), d.addColorStop(1, F), n.globalAlpha = L.opacity ?? 1, n.fillStyle = d, n.fillRect(0, 0, S, E), n.globalAlpha = 1;
-    }
-    const {
-      nonHovered: f,
-      hovered: w
-    } = Ut(v, M), ct = (y, G) => {
-      const F = t(y.x), S = e(y.y);
-      Jt(F, S, l, c) && Nt(n, y, F, S, G ? D.current : 0);
-    };
-    f.forEach((y) => ct(y, !1)), w.forEach((y) => ct(y, !0));
-  }, [c, l, M, v, L]);
-  B(() => {
-    const t = tt.current;
-    if (!t || J) return;
-    if (M.size === 0) {
-      U.current = null, D.current = 0, j(u, p, t);
-      return;
-    }
-    if (U.current === M) {
-      j(u, p, t);
-      return;
-    }
-    U.current = M;
-    const e = performance.now();
-    D.current = 0;
-    let r = requestAnimationFrame(function n() {
-      const f = Math.min(1, (performance.now() - e) / se);
-      D.current = oe(f), j(u, p, t), f < 1 && (r = requestAnimationFrame(n));
+    tooltipData: a,
+    tooltipLeft: X,
+    tooltipTop: N,
+    tooltipOpen: V,
+    showTooltip: Y,
+    hideTooltip: _
+  } = ie(), u = t.data.flatMap((e) => e.value), {
+    min: w,
+    max: T,
+    firstQuartile: F,
+    thirdQuartile: j,
+    median: E,
+    outliers: q
+  } = re(u, D?.outliers ?? "all"), ee = t.data.filter((e) => q.includes(e.value)).map((e) => ({
+    ...e,
+    outlier: !0
+  })), te = t.data.filter((e) => !q.includes(e.value)), G = z(() => {
+    const e = (T - w) / Math.max(100, u.length), s = ve(w, T, e), r = typeof l?.bandwidth == "number" ? l.bandwidth : typeof l?.bandwidth == "function" ? l.bandwidth(u) : l?.bandwidth === "scott" ? me(u) : he(u);
+    return [...pe(fe(r), s)(u)].sort((d, c) => d.value - c.value);
+  }, [u, T, w, l]), W = Math.min(C.bandwidth(), 50), ae = D?.medianWidth ?? W * 0.25, L = z(() => ({
+    label: t.label,
+    sampleSize: t.data.length,
+    median: E.toFixed(2),
+    firstQuartile: F.toFixed(2),
+    thirdQuartile: j.toFixed(2)
+  }), [t.label, t.data.length, E, F, j]), M = ne((e, s, r) => {
+    Y({
+      tooltipData: r && k ? {
+        point: r
+      } : s,
+      tooltipLeft: e.pageX,
+      tooltipTop: e.pageY
     });
-    return () => cancelAnimationFrame(r);
-  }, [j, u, p, J, M]);
-  const Mt = lt(() => {
-    h && z?.(h);
-  }, [h, z]), Ct = x ? vt ? m ? "none" : "crosshair" : m ? "none" : "default" : h ? "default" : i === "select" ? m ? "none" : "crosshair" : a.isDragging ? "grabbing" : "grab", Q = (t) => {
-    At(t), Lt(a);
-  }, Tt = i === "none" ? void 0 : i === "select" ? et : x ? void 0 : a.dragStart, gt = i === "none" ? void 0 : i === "select" ? Q : x ? void 0 : a.dragEnd, Rt = i === "none" ? void 0 : i === "select" ? m ? rt : void 0 : x ? void 0 : a.dragMove, Pt = i === "none" ? void 0 : i === "select" ? Q : x ? void 0 : a.dragEnd, Dt = i === "none" ? void 0 : i === "select" ? et : x ? void 0 : a.dragStart, Vt = i === "none" ? void 0 : i === "select" ? Q : x ? void 0 : a.dragEnd, Yt = i === "none" ? void 0 : i === "select" ? m ? rt : void 0 : x ? void 0 : a.dragMove, Xt = (t) => {
-    if (N(!1), !x) {
-      const e = ne(t) || {
-        x: 0,
-        y: 0
-      }, r = t.deltaY < 0 ? 1.1 : 0.9;
-      a.scale({
-        scaleX: r,
-        scaleY: r,
-        point: e
-      });
-    }
-  }, ot = C([]);
-  return B(() => {
-    ((e, r) => e.length !== r.length ? !0 : !e.every((n, f) => {
-      const w = r[f];
-      return n.x === w.x && n.y === w.y && n.r === w.r && n.shape === w.shape && n.color === w.color && n.opacity === w.opacity;
-    }))(ot.current, X) && (H?.(X), ot.current = X);
-  }, [X, H]), /* @__PURE__ */ s(Ot, { justifyContent: "center", alignItems: "center", direction: "row", sx: {
-    position: "relative"
-  }, children: /* @__PURE__ */ s(at, { sx: {
-    width: A,
-    height: A
-  }, children: pt ? /* @__PURE__ */ s(at, { display: "flex", width: "100%", height: "100%", sx: {
-    justifyContent: "center",
-    alignItems: "center"
-  }, children: /* @__PURE__ */ s(Kt, {}) }) : /* @__PURE__ */ k("div", { style: {
-    position: "relative"
-  }, ref: kt, children: [
-    /* @__PURE__ */ s("canvas", { ref: tt, width: l * 2, height: c * 2, style: {
-      userSelect: "none",
-      position: "absolute",
-      top: o.top,
-      left: o.left,
-      width: l,
-      height: c,
-      backgroundColor: "transparent"
-    } }),
-    /* @__PURE__ */ k("svg", { width: A, height: A, overflow: "visible", style: {
-      position: "absolute",
-      userSelect: "none"
-    }, onMouseMove: (t) => {
-      m ? Z() : ht(t, a);
-    }, onMouseLeave: Z, children: [
-      /* @__PURE__ */ k(ft, { top: o.top, left: o.left, children: [
-        J && T && /* @__PURE__ */ s(Qt, { pointData: v, animation: T, animationGroupSize: K, animationBuffer: O, xScaleTransformed: u, yScaleTransformed: p, boundedWidth: l, boundedHeight: c }),
-        i === "select" && /* @__PURE__ */ k(_, { children: [
-          Et.map((t, e) => /* @__PURE__ */ s(Ht, { fill: "transparent", stroke: "black", strokeWidth: 3, data: t, curve: zt, x: (r) => r.x, y: (r) => r.y }, `line-${e}`)),
-          m && /* @__PURE__ */ k("g", { children: [
-            /* @__PURE__ */ s("line", { x1: g - o.left + V - 6, y1: R - o.top + Y, x2: g - o.left + V + 6, y2: R - o.top + Y, stroke: "black", strokeWidth: 1 }),
-            /* @__PURE__ */ s("line", { x1: g - o.left + V, y1: R - o.top + Y - 6, x2: g - o.left + V, y2: R - o.top + Y + 6, stroke: "black", strokeWidth: 1 }),
-            /* @__PURE__ */ s("circle", { cx: g - o.left, cy: R - o.top, r: 4, fill: "transparent", stroke: "black", pointerEvents: "none" })
-          ] })
-        ] }),
-        St && (() => {
-          const t = u(0), e = p(0);
-          return /* @__PURE__ */ k(_, { children: [
-            e >= 0 && e <= c && /* @__PURE__ */ s("line", { x1: 0, x2: l, y1: e, y2: e, stroke: "#000", strokeWidth: 1, strokeDasharray: "4,4", pointerEvents: "none" }),
-            t >= 0 && t <= l && /* @__PURE__ */ s("line", { x1: t, x2: t, y1: 0, y2: c, stroke: "#000", strokeWidth: 1, strokeDasharray: "4,4", pointerEvents: "none" })
-          ] });
-        })(),
-        /* @__PURE__ */ s("rect", { ref: b, fill: "transparent", width: l, height: c, style: {
-          cursor: Ct
-        }, onMouseDown: Tt, onMouseUp: gt, onMouseMove: Rt, onMouseLeave: Pt, onTouchStart: Dt, onTouchEnd: Vt, onTouchMove: Yt, onWheel: Xt, onClick: Mt }),
-        I && !m && /* @__PURE__ */ s(Wt, { position: {
-          x: u(I.x),
-          y: p(I.y)
-        }, boundedWidth: l, boundedHeight: c })
-      ] }),
-      /* @__PURE__ */ k(ft, { top: o.top, left: o.left, children: [
-        /* @__PURE__ */ s(bt, { scale: p, tickLabelProps: () => ({
-          fill: "#1c1917",
-          fontSize: 10,
-          textAnchor: "end",
-          verticalAnchor: "middle",
-          x: -10
-        }), tickValues: it(p, 5) }),
-        /* @__PURE__ */ s(te, { top: c, scale: u, tickLabelProps: () => ({
-          fill: "#1c1917",
-          fontSize: 11,
-          textAnchor: "middle"
-        }), tickValues: it(u, 5) }),
-        wt && /* @__PURE__ */ k(_, { children: [
-          /* @__PURE__ */ s(ee, { top: 0, scale: u, tickValues: [] }),
-          /* @__PURE__ */ s(re, { scale: p, tickValues: [], left: l })
-        ] }),
-        /* @__PURE__ */ s(ut, { textAnchor: "middle", verticalAnchor: "end", angle: -90, fontSize: 15, y: c / 2, x: 0, dx: -50, children: yt }),
-        /* @__PURE__ */ s(ut, { textAnchor: "middle", verticalAnchor: "start", fontSize: 15, y: c, x: l / 2, dy: 50, children: mt })
-      ] }),
-      /* @__PURE__ */ s(Gt, { pointData: v, xScaleTransformed: u, yScaleTransformed: p, boundedWidth: l, boundedHeight: c, margin: o }),
-      L?.legend && /* @__PURE__ */ s(_t, { backgroundGradient: L, boundedHeight: c, barLeft: o.left + l + 25, marginTop: o.top })
-    ] })
-  ] }) }) });
+  }, [k, Y]), J = () => {
+    !b || !a || a && b(t);
+  }, O = (e) => {
+    !A || !a || a && A(e);
+  }, n = o ? (C(R[$]) ?? 0) + W / 2 : (C(R[$]) ?? 0) + Q + C.bandwidth() / 2, K = ye().domain([0, ke(G, (e) => Math.abs(e.count)) || 1]).range([0, W / 2]), U = G.filter((e) => e && e.count != null && e.value != null);
+  let g = [...U.map((e) => ({
+    x: n + K(e.count),
+    y: m(e.value)
+  })), ...U.slice().reverse().map((e) => ({
+    x: n - K(e.count),
+    y: m(e.value)
+  }))];
+  if (g.length > 2) {
+    const e = g.slice(1);
+    e.push(g[0]), e.push(g[1]), g = e;
+  }
+  const Z = ge().x((e) => o ? e.y : e.x).y((e) => o ? e.x : e.y).curve($e)(g) ?? null;
+  return /* @__PURE__ */ S(ce.Fragment, {
+    //display plots if enough data provided
+    children: [
+      /* @__PURE__ */ S("g", { onMouseLeave: _, transform: o ? `translate(${Q}, 0)` : "translate(0, 0)", children: [
+        t.data.length >= (l?.pointDisplayThreshold ?? 3) && !H && Z && /* @__PURE__ */ p(oe, { children: /* @__PURE__ */ p("path", { d: Z, fill: t.violinColor ?? "none", fillOpacity: t.opacity ?? 0.3, stroke: t.violinColor ?? "black", strokeOpacity: t.opacity ?? 1, strokeWidth: a === L ? (l?.stroke ?? 1) + 1 : l?.stroke ?? 1, pointerEvents: "all", onMouseMove: (e) => M(e, L), onClick: J }) }),
+        t.data.length >= (l?.pointDisplayThreshold ?? 3) && !P && /* @__PURE__ */ p(se, { crossProps: D, left: o ? 0 : n, top: o ? n : 0, median: E, firstQuartile: F, thirdQuartile: j, valueScale: m, medianWidth: ae, tooltipData: a ?? {}, handleMouseMove: M, handleCrossClick: J, disableViolinPlot: H, tooltip: L, horizontal: o }),
+        ee.map((e, s) => {
+          const r = m(e.value), x = m(e.value), f = o ? x : n, d = o ? n : r, c = {
+            outlier: !0,
+            label: t.label,
+            value: e.value.toFixed(2)
+          }, h = k ? a?.point === e : a?.label === c.label && a?.value === c.value, i = e.radius ?? 4;
+          return /* @__PURE__ */ p("circle", { cx: f, cy: d, r: h ? i + 1 : i, stroke: h ? "#000000" : e.stroke ?? "none", fill: e.color ?? t.violinColor ?? "#000000", opacity: e.opacity ?? t.opacity ?? 1, pointerEvents: "all", onMouseMove: (v) => M(v, c, e), onClick: () => O(e) }, `outlier-${s}`);
+        }),
+        t.data.length >= (l?.pointDisplayThreshold ?? 3) && l?.showAllPoints && te.map((e, s) => {
+          const r = m(e.value), x = m(e.value), f = l?.jitter ?? 0, d = `${t.label}-${e}-${s}`, c = f > 0 ? (ue(d) - 0.5) * 2 * f : 0, h = o ? x : n + c, i = o ? n + c : r, v = {
+            label: t.label,
+            value: e.value.toFixed(2)
+          }, B = k ? a?.point === e : a?.label === v.label && a?.value === v.value, I = e.radius ?? 2, y = B ? I + 1 : I;
+          return /* @__PURE__ */ p("path", { d: `M ${h},${i} m -${y},0 a ${y},${y} 0 1,0 ${2 * y},0 a ${y},${y} 0 1,0 -${2 * y},0`, stroke: B ? "black" : e.stroke ?? "none", fill: e.color ?? t.violinColor ?? "black", opacity: e.opacity ?? t.opacity ?? 1, pointerEvents: "all", onMouseMove: (le) => M(le, v, e), onClick: () => O(e) }, `${$}-point-${s}`);
+        }),
+        t.data.length < (l?.pointDisplayThreshold ?? 3) && t.data.map((e, s) => {
+          const r = m(e.value), x = m(e.value), f = o ? x : n, d = o ? n : r, c = e.radius ?? 2, h = {
+            label: t.label,
+            value: e.value.toFixed(2)
+          }, i = k ? a?.point === e : a?.label === h.label && a?.value === h.value;
+          return /* @__PURE__ */ p("circle", { cx: f, cy: d, r: i ? c + 1 : c, stroke: i ? "black" : e.stroke ?? "none", fill: e.color ?? t.violinColor ?? "black", opacity: e.opacity ?? t.opacity ?? 1, pointerEvents: "all", onMouseMove: (v) => M(v, h, e), onClick: () => O(e) }, `thresh-${s}`);
+        })
+      ] }, `group-${$}`),
+      V && a && /* @__PURE__ */ p(xe, { children: /* @__PURE__ */ p(de, { left: X ?? 0, top: N ?? 0, data: a, open: V, pointTooltipBody: k }, `${X}-${N}`) })
+    ]
+  }, `frag-${$}`);
 };
 export {
-  Ce as default
+  Re as default
 };
 //# sourceMappingURL=visualization.es48.js.map