@weng-lab/visualization 2.5.0 → 2.5.1

package/dist/visualization.es49.js

@@ -1,73 +1,106 @@
-import { c as G } from "react/compiler-runtime";
-import { useState as I, useRef as E, useEffect as L } from "react";
-import { rescaleX as J, rescaleY as K } from "./visualization.es18.js";
-import { useStableCallback as N } from "./visualization.es20.js";
-import O from "./visualization.es57.js";
-const tt = ($) => {
-  const t = G(23), {
-    pointData: n,
-    margin: r,
-    xScale: y,
-    yScale: g,
-    onHoveredPointChange: q,
-    tooltipRef: o
-  } = $, [i, b] = I(null), j = E(null);
-  let c;
-  t[0] !== n || t[1] !== i ? (c = i ? n.find((a) => a.x === i.x && a.y === i.y) ?? null : null, t[0] = n, t[1] = i, t[2] = c) : c = t[2];
-  const e = c, s = N(q), C = E(null);
-  let u, f;
-  t[3] !== e || t[4] !== s ? (u = () => {
-    C.current !== e && (C.current = e, s(e));
-  }, f = [e, s], t[3] = e, t[4] = s, t[5] = u, t[6] = f) : (u = t[5], f = t[6]), L(u, f);
-  let d, p;
-  t[7] !== s ? (d = () => () => {
-    C.current !== null && s(null);
-  }, p = [s], t[7] = s, t[8] = d, t[9] = p) : (d = t[8], p = t[9]), L(d, p);
-  let h;
-  t[10] !== r.left || t[11] !== r.top || t[12] !== n || t[13] !== o || t[14] !== y || t[15] !== g ? (h = (a, k) => {
-    if (k.isDragging) {
-      o.current?.hide(), b(null);
-      return;
-    }
-    const S = O(a.currentTarget, a);
-    if (!S)
-      return;
-    const A = S.x - r.left, B = S.y - r.top, {
-      translateX: T,
-      translateY: X,
-      scaleX: Y,
-      scaleY: v
-    } = k.transformMatrix, l = j.current, D = (l && l.pointData === n && l.translateX === T && l.translateY === X && l.scaleX === Y && l.scaleY === v ? l.points : (() => {
-      const P = J(y, T, Y), F = K(g, X, v), w = n.map((H) => ({
-        point: H,
-        x: P(H.x),
-        y: F(H.y)
-      }));
-      return j.current = {
-        pointData: n,
-        translateX: T,
-        translateY: X,
-        scaleX: Y,
-        scaleY: v,
-        points: w
-      }, w;
-    })()).find((P) => Math.abs(A - P.x) < 5 && Math.abs(B - P.y) < 5)?.point ?? null;
-    b(D), D ? o.current?.show(D, a) : o.current?.hide();
-  }, t[10] = r.left, t[11] = r.top, t[12] = n, t[13] = o, t[14] = y, t[15] = g, t[16] = h) : h = t[16];
-  const M = h;
-  let m;
-  t[17] !== o ? (m = () => {
-    o.current?.hide(), b(null);
-  }, t[17] = o, t[18] = m) : m = t[18];
-  const R = m;
-  let x;
-  return t[19] !== R || t[20] !== M || t[21] !== e ? (x = {
-    hoveredPoint: e,
-    handleMouseMove: M,
-    handleMouseLeave: R
-  }, t[19] = R, t[20] = M, t[21] = e, t[22] = x) : x = t[22], x;
+import { jsxs as b, jsx as f } from "react/jsx-runtime";
+import { useRef as S, useEffect as Y } from "react";
+import { CROSSHAIR_STROKE as T, CROSSHAIR_DASH as W, CROSSHAIR_STROKE_WIDTH as P } from "./visualization.es108.js";
+import { useStableCallback as w } from "./visualization.es20.js";
+const o = 0.25, H = P / o, _ = W.map((c) => c / o).join(","), N = ({
+  miniMap: c,
+  width: C,
+  height: D,
+  pointData: E,
+  xScale: m,
+  yScale: R,
+  zoom: r,
+  crosshair: h
+}) => {
+  const a = h ? m(h.x) : null, u = h ? R(h.y) : null, l = C - 100, i = D - 100, s = S(null), d = S(null), g = S(null), M = w(() => {
+    const n = d.current;
+    d.current = null, n && r.setTransformMatrix({
+      ...r.transformMatrix,
+      translateX: r.transformMatrix.translateX - n.dx / o * r.transformMatrix.scaleX,
+      translateY: r.transformMatrix.translateY - n.dy / o * r.transformMatrix.scaleY
+    });
+  }), p = (n, t) => {
+    const e = d.current ?? {
+      dx: 0,
+      dy: 0
+    };
+    e.dx += n, e.dy += t, d.current = e;
+  }, A = () => {
+    s.current === null && (s.current = requestAnimationFrame(() => {
+      s.current = null, M();
+    }));
+  }, x = () => {
+    s.current !== null && (cancelAnimationFrame(s.current), s.current = null), M(), g.current = null, r.dragEnd();
+  };
+  return Y(() => () => {
+    s.current !== null && cancelAnimationFrame(s.current);
+  }, []), /* @__PURE__ */ b("div", { style: {
+    position: "absolute",
+    bottom: c.position ? c.position.bottom : 10,
+    right: c.position ? c.position.right : 10
+  }, children: [
+    /* @__PURE__ */ f("canvas", { width: l * o, height: i * o, ref: (n) => {
+      if (n) {
+        const t = n.getContext("2d"), e = o, I = l * e, k = i * e;
+        t && (t.clearRect(0, 0, n.width, n.height), t.fillStyle = "white", t.fillRect(0, 0, I, k), t.strokeStyle = "grey", t.lineWidth = 4, t.strokeRect(0, 0, I, k), E.forEach((y) => {
+          const O = m(y.x) * e, X = R(y.y) * e;
+          t.beginPath(), t.arc(O, X, 3 * e, 0, Math.PI * 2), t.fillStyle = y.color ?? "black", t.fill();
+        }));
+      }
+    }, style: {
+      display: "block"
+    } }),
+    /* @__PURE__ */ f("svg", { width: l * o, height: i * o, style: {
+      position: "absolute",
+      top: 0,
+      left: 0
+    }, children: /* @__PURE__ */ b("g", { transform: `scale(${o})`, children: [
+      /* @__PURE__ */ f(
+        "rect",
+        {
+          width: l,
+          height: i,
+          fill: "#0d0f98",
+          fillOpacity: 0.2,
+          stroke: "#0d0f98",
+          strokeWidth: 4,
+          rx: 8,
+          transform: r.toStringInvert(),
+          style: {
+            cursor: r.isDragging ? "grabbing" : "grab",
+            touchAction: "none"
+          },
+          onMouseDown: r.dragStart,
+          onMouseUp: x,
+          onMouseMove: (n) => {
+            r.isDragging && (p(n.movementX, n.movementY), A());
+          },
+          onMouseLeave: x,
+          onTouchStart: (n) => {
+            const t = n.touches[0];
+            t && (g.current = {
+              x: t.clientX,
+              y: t.clientY
+            }), r.dragStart(n);
+          },
+          onTouchEnd: x,
+          onTouchCancel: x,
+          onTouchMove: (n) => {
+            if (!r.isDragging || n.touches.length !== 1) return;
+            const t = n.touches[0], e = g.current;
+            g.current = {
+              x: t.clientX,
+              y: t.clientY
+            }, e && (p(t.clientX - e.x, t.clientY - e.y), A());
+          }
+        }
+      ),
+      u !== null && u >= 0 && u <= i && /* @__PURE__ */ f("line", { x1: 0, x2: l, y1: u, y2: u, stroke: T, strokeWidth: H, strokeDasharray: _, pointerEvents: "none" }),
+      a !== null && a >= 0 && a <= l && /* @__PURE__ */ f("line", { x1: a, x2: a, y1: 0, y2: i, stroke: T, strokeWidth: H, strokeDasharray: _, pointerEvents: "none" })
+    ] }) })
+  ] });
 };
 export {
-  tt as useHoverTooltip
+  N as default
 };
 //# sourceMappingURL=visualization.es49.js.map

package/dist/visualization.es49.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es49.js","sources":["../src/components/ScatterPlot/hooks/useHoverTooltip.ts"],"sourcesContent":["import React, { useCallback, useEffect, useMemo, useRef, useState } from \"react\";\nimport { localPoint } from \"@visx/event\";\nimport { ScaleLinear } from \"@visx/vendor/d3-scale\";\nimport { Point, ZoomType } from \"../types\";\nimport { rescaleX, rescaleY } from \"../helpers\";\nimport { useStableCallback } from \"../../../hooks\";\nimport type { PlotTooltipRef } from \"../../../tooltip\";\n\ntype UseHoverTooltipProps<T extends object> = {\n    pointData: Point<T>[];\n    margin: { top: number; left: number };\n    xScale: ScaleLinear<number, number, never>;\n    yScale: ScaleLinear<number, number, never>;\n    onHoveredPointChange?: (point: Point<T> | null) => void;\n    /**\n     * The plot's tooltip, driven directly rather than through state.\n     *\n     * The pointer position is the tooltip's business alone, and holding it here would re-render\n     * the whole plot on every mousemove across it - thousands of points and every axis - to move\n     * a box that renders itself. Only the hovered point is state, and that changes on entering\n     * and leaving a point rather than on every move.\n     */\n    tooltipRef: PlotTooltipRef<Point<T>>;\n};\n\ntype TransformedPointCache<T extends object> = {\n    pointData: Point<T>[];\n    translateX: number;\n    translateY: number;\n    scaleX: number;\n    scaleY: number;\n    points: Array<{ point: Point<T>; x: number; y: number }>;\n};\n\nexport const useHoverTooltip = <T extends object>({\n    pointData,\n    margin,\n    xScale,\n    yScale,\n    onHoveredPointChange,\n    tooltipRef,\n}: UseHoverTooltipProps<T>) => {\n    const [tooltipData, setTooltipData] = useState<Point<T> | null>(null);\n    const transformedPointCacheRef = useRef<TransformedPointCache<T> | null>(null);\n\n    const hoveredPoint = useMemo(\n        () => tooltipData\n            ? pointData.find((point) => point.x === tooltipData.x && point.y === tooltipData.y) ?? null\n            : null,\n        [pointData, tooltipData]\n    );\n\n    // Published from an effect rather than the move handler because hoveredPoint is derived:\n    // setTooltipData is called on every move and React discards the ones that do not change it,\n    // so watching the derived value is what turns a stream of moves into enter/leave events.\n    // The ref keeps that true when the effect itself is re-run without a real change.\n    const publishHoverChange = useStableCallback(onHoveredPointChange);\n    const publishedPointRef = useRef<Point<T> | null>(null);\n\n    useEffect(() => {\n        if (publishedPointRef.current === hoveredPoint) return;\n        publishedPointRef.current = hoveredPoint;\n        publishHoverChange(hoveredPoint);\n    }, [hoveredPoint, publishHoverChange]);\n\n    // Announce the hover as ended when the plot unmounts, so a consumer driving highlight state\n    // of its own - a legend entry, a linked chart - isn't left lit for a plot that is gone.\n    // Kept apart from the effect above, whose cleanup would otherwise fire on every transition.\n    useEffect(() => () => {\n        if (publishedPointRef.current !== null) publishHoverChange(null);\n    }, [publishHoverChange]);\n\n    const handleMouseMove = useCallback((event: React.MouseEvent<SVGElement>, zoom: ZoomType) => {\n        if (zoom.isDragging) {\n            tooltipRef.current?.hide();\n            setTooltipData(null);\n            return;\n        }\n\n        const point = localPoint(event.currentTarget, event);\n        if (!point) return;\n\n        const adjustedX = point.x - margin.left;\n        const adjustedY = point.y - margin.top;\n        const { translateX, translateY, scaleX, scaleY } = zoom.transformMatrix;\n\n        const cachedTransformedPoints = transformedPointCacheRef.current;\n        const shouldReuseCachedPoints =\n            cachedTransformedPoints &&\n            cachedTransformedPoints.pointData === pointData &&\n            cachedTransformedPoints.translateX === translateX &&\n            cachedTransformedPoints.translateY === translateY &&\n            cachedTransformedPoints.scaleX === scaleX &&\n            cachedTransformedPoints.scaleY === scaleY;\n\n        const transformedPoints = shouldReuseCachedPoints\n            ? cachedTransformedPoints.points\n            : (() => {\n                const xScaleTransformed = rescaleX(xScale, translateX, scaleX);\n                const yScaleTransformed = rescaleY(yScale, translateY, scaleY);\n                const nextPoints = pointData.map((curr) => ({\n                    point: curr,\n                    x: xScaleTransformed(curr.x),\n                    y: yScaleTransformed(curr.y),\n                }));\n\n                transformedPointCacheRef.current = {\n                    pointData,\n                    translateX,\n                    translateY,\n                    scaleX,\n                    scaleY,\n                    points: nextPoints,\n                };\n\n                return nextPoints;\n            })();\n\n        const threshold = 5;\n        const nextHoveredPoint = transformedPoints.find((curr) => (\n            Math.abs(adjustedX - curr.x) < threshold &&\n            Math.abs(adjustedY - curr.y) < threshold\n        ))?.point ?? null;\n\n        // React bails out when the point is unchanged, so this only re-renders the plot when the\n        // cursor enters or leaves one. The tooltip follows the cursor through its own ref\n        // instead, which re-renders nothing but the tooltip.\n        setTooltipData(nextHoveredPoint);\n        if (nextHoveredPoint) tooltipRef.current?.show(nextHoveredPoint, event);\n        else tooltipRef.current?.hide();\n    }, [margin.left, margin.top, pointData, xScale, yScale, tooltipRef]);\n\n    const handleMouseLeave = useCallback(() => {\n        tooltipRef.current?.hide();\n        setTooltipData(null);\n    }, [tooltipRef]);\n\n    return { hoveredPoint, handleMouseMove, handleMouseLeave };\n};\n"],"names":["useHoverTooltip","t0","$","_c","pointData","margin","xScale","yScale","onHoveredPointChange","tooltipRef","tooltipData","setTooltipData","useState","transformedPointCacheRef","useRef","t1","find","point","x","y","hoveredPoint","publishHoverChange","useStableCallback","publishedPointRef","t2","t3","current","useEffect","t4","t5","t6","left","top","event","zoom","isDragging","hide","point_0","localPoint","currentTarget","adjustedX","adjustedY","translateX","translateY","scaleX","scaleY","transformMatrix","cachedTransformedPoints","nextHoveredPoint","points","xScaleTransformed","rescaleX","yScaleTransformed","rescaleY","nextPoints","map","curr","curr_0","Math","abs","show","handleMouseMove","t7","handleMouseLeave","t8"],"mappings":"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"}
+{"version":3,"file":"visualization.es49.js","sources":["../src/components/ScatterPlot/minimap.tsx"],"sourcesContent":["import { useEffect, useRef } from \"react\";\nimport { MapProps } from \"./types\";\nimport { CROSSHAIR_DASH, CROSSHAIR_STROKE, CROSSHAIR_STROKE_WIDTH } from \"./Crosshair\";\nimport { useStableCallback } from \"../../hooks\";\n\nconst MINIMAP_SCALE_FACTOR = 0.25;\n// The crosshair is drawn inside the scaled group, so its stroke and dashes shrink with it.\n// Scale them back up so it renders identically to the crosshair on the plot itself.\nconst MINIMAP_CROSSHAIR_STROKE_WIDTH = CROSSHAIR_STROKE_WIDTH / MINIMAP_SCALE_FACTOR;\nconst MINIMAP_CROSSHAIR_DASH = CROSSHAIR_DASH.map((dash) => dash / MINIMAP_SCALE_FACTOR).join(\",\");\n\nconst MiniMap = <T,>({\n    miniMap,\n    width,\n    height,\n    pointData,\n    xScale,\n    yScale,\n    zoom,\n    crosshair\n}: MapProps<T>) => {\n    // The minimap frame is the whole plot area untransformed, so a data coordinate maps onto it\n    // through the base scales - no need to undo the current zoom.\n    const crosshairX = crosshair ? xScale(crosshair.x) : null;\n    const crosshairY = crosshair ? yScale(crosshair.y) : null;\n    const frameWidth = width - 100;\n    const frameHeight = height - 100;\n\n    /**\n     * Dragging the window is coalesced to one zoom update per animation frame.\n     *\n     * This handler sets the transform matrix directly rather than going through zoom.dragMove,\n     * so it needs its own coalescing: without it a mouse reporting faster than the browser\n     * paints updates a zoom shared by every synced plot on each move, and React eventually\n     * warns that the update depth was exceeded.\n     *\n     * Movement is accumulated rather than replaced: these are deltas, so dropping the moves in\n     * between would lose the distance they covered. A pointer moving faster than the frame rate\n     * still pans exactly as far as it travelled.\n     */\n    const frameRef = useRef<number | null>(null);\n    const pendingRef = useRef<{ dx: number; dy: number } | null>(null);\n    // Touch events carry absolute positions, so a drag delta is the step from the previous one.\n    const lastTouchRef = useRef<{ x: number; y: number } | null>(null);\n\n    const flushPan = useStableCallback(() => {\n        const pending = pendingRef.current;\n        pendingRef.current = null;\n        if (!pending) return;\n\n        zoom.setTransformMatrix({\n            ...zoom.transformMatrix,\n            translateX: zoom.transformMatrix.translateX - pending.dx / MINIMAP_SCALE_FACTOR * zoom.transformMatrix.scaleX,\n            translateY: zoom.transformMatrix.translateY - pending.dy / MINIMAP_SCALE_FACTOR * zoom.transformMatrix.scaleY,\n        });\n    });\n\n    const accumulate = (dx: number, dy: number) => {\n        const pending = pendingRef.current ?? { dx: 0, dy: 0 };\n        pending.dx += dx;\n        pending.dy += dy;\n        pendingRef.current = pending;\n    };\n\n    const scheduleFrame = () => {\n        if (frameRef.current !== null) return;\n        frameRef.current = requestAnimationFrame(() => {\n            frameRef.current = null;\n            flushPan();\n        });\n    };\n\n    // Apply whatever is still queued before the gesture closes, so the window lands where the\n    // pointer left it rather than a frame behind.\n    const endPan = () => {\n        if (frameRef.current !== null) {\n            cancelAnimationFrame(frameRef.current);\n            frameRef.current = null;\n        }\n        flushPan();\n        lastTouchRef.current = null;\n        zoom.dragEnd();\n    };\n\n    useEffect(() => () => {\n        if (frameRef.current !== null) cancelAnimationFrame(frameRef.current);\n    }, []);\n\n    return (\n        <div\n            style={{\n                position: 'absolute',\n                bottom: miniMap.position ? miniMap.position.bottom : 10,\n                right: miniMap.position ? miniMap.position.right : 10,\n            }}\n        >\n            {/* Canvas for rendering points on minimap */}\n            <canvas\n                width={frameWidth * MINIMAP_SCALE_FACTOR}\n                height={frameHeight * MINIMAP_SCALE_FACTOR}\n                ref={(canvas) => {\n                    if (canvas) {\n                        const context = canvas.getContext('2d');\n                        const scaleFactor = MINIMAP_SCALE_FACTOR;\n                        const scaledWidth = frameWidth * scaleFactor;\n                        const scaledHeight = frameHeight * scaleFactor;\n                        if (context) {\n                            // Clear canvas\n                            context.clearRect(0, 0, canvas.width, canvas.height);\n\n                            // Draw background and outline\n                            context.fillStyle = 'white';\n                            context.fillRect(0, 0, scaledWidth, scaledHeight);\n                            context.strokeStyle = 'grey';\n                            context.lineWidth = 4;\n                            context.strokeRect(0, 0, scaledWidth, scaledHeight);\n\n                            // Draw points\n                            pointData.forEach(point => {\n                                const transformedX = xScale(point.x) * scaleFactor;\n                                const transformedY = yScale(point.y) * scaleFactor;\n                                context.beginPath();\n                                context.arc(transformedX, transformedY, 3 * scaleFactor, 0, Math.PI * 2);\n                                context.fillStyle = point.color ?? \"black\";\n                                context.fill();\n                            });\n                        }\n                    }\n                }}\n                style={{ display: 'block' }}\n            />\n\n            {/* SVG for rendering the zoom window */}\n            <svg\n                width={frameWidth * MINIMAP_SCALE_FACTOR}\n                height={frameHeight * MINIMAP_SCALE_FACTOR}\n                style={{ position: 'absolute', top: 0, left: 0 }}\n            >\n                <g transform={`scale(${MINIMAP_SCALE_FACTOR})`}>\n                    <rect\n                        width={frameWidth}\n                        height={frameHeight}\n                        fill=\"#0d0f98\"\n                        fillOpacity={0.2}\n                        stroke=\"#0d0f98\"\n                        strokeWidth={4}\n                        rx={8}\n                        transform={zoom.toStringInvert()}\n                        //drag functionality for window, must invert zoom and take the scale into account\n                        style={{ cursor: zoom.isDragging ? \"grabbing\" : \"grab\", touchAction: \"none\" }}\n                        onMouseDown={zoom.dragStart}\n                        onMouseUp={endPan}\n                        onMouseMove={(event) => {\n                            if (zoom.isDragging) {\n                                accumulate(event.movementX, event.movementY);\n                                scheduleFrame();\n                            }\n                        }}\n                        onMouseLeave={endPan}\n                        onTouchStart={(event) => {\n                            const touch = event.touches[0];\n                            // Seed the previous position so the first move measures a step from\n                            // where the finger landed, not from the origin.\n                            if (touch) lastTouchRef.current = { x: touch.clientX, y: touch.clientY };\n                            zoom.dragStart(event);\n                        }}\n                        onTouchEnd={endPan}\n                        onTouchCancel={endPan}\n                        onTouchMove={(event) => {\n                            // Only a single finger pans; a second one is a pinch, which belongs\n                            // to the plot's own zoom rather than to this window.\n                            if (!zoom.isDragging || event.touches.length !== 1) return;\n                            const touch = event.touches[0];\n                            const last = lastTouchRef.current;\n                            lastTouchRef.current = { x: touch.clientX, y: touch.clientY };\n                            if (!last) return;\n                            accumulate(touch.clientX - last.x, touch.clientY - last.y);\n                            scheduleFrame();\n                        }}\n                    />\n                    {crosshairY !== null && crosshairY >= 0 && crosshairY <= frameHeight && (\n                        <line\n                            x1={0}\n                            x2={frameWidth}\n                            y1={crosshairY}\n                            y2={crosshairY}\n                            stroke={CROSSHAIR_STROKE}\n                            strokeWidth={MINIMAP_CROSSHAIR_STROKE_WIDTH}\n                            strokeDasharray={MINIMAP_CROSSHAIR_DASH}\n                            pointerEvents=\"none\"\n                        />\n                    )}\n                    {crosshairX !== null && crosshairX >= 0 && crosshairX <= frameWidth && (\n                        <line\n                            x1={crosshairX}\n                            x2={crosshairX}\n                            y1={0}\n                            y2={frameHeight}\n                            stroke={CROSSHAIR_STROKE}\n                            strokeWidth={MINIMAP_CROSSHAIR_STROKE_WIDTH}\n                            strokeDasharray={MINIMAP_CROSSHAIR_DASH}\n                            pointerEvents=\"none\"\n                        />\n                    )}\n                </g>\n            </svg>\n        </div>\n    );\n};\n\nexport default MiniMap;"],"names":["MINIMAP_SCALE_FACTOR","MINIMAP_CROSSHAIR_STROKE_WIDTH","CROSSHAIR_STROKE_WIDTH","MINIMAP_CROSSHAIR_DASH","CROSSHAIR_DASH","map","dash","join","MiniMap","miniMap","width","height","pointData","xScale","yScale","zoom","crosshair","crosshairX","x","crosshairY","y","frameWidth","frameHeight","frameRef","useRef","pendingRef","lastTouchRef","flushPan","useStableCallback","pending","current","setTransformMatrix","transformMatrix","translateX","dx","scaleX","translateY","dy","scaleY","accumulate","scheduleFrame","requestAnimationFrame","endPan","cancelAnimationFrame","dragEnd","useEffect","jsxs","position","bottom","right","jsx","canvas","context","getContext","scaleFactor","scaledWidth","scaledHeight","clearRect","fillStyle","fillRect","strokeStyle","lineWidth","strokeRect","forEach","point","transformedX","transformedY","beginPath","arc","Math","PI","color","fill","display","top","left","toStringInvert","cursor","isDragging","touchAction","dragStart","event","movementX","movementY","touch","touches","clientX","clientY","length","last","CROSSHAIR_STROKE"],"mappings":"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"}

package/dist/visualization.es490.js

@@ -1,7 +1,12 @@
-function n(o, t) {
-  return t ? `${o}. For more information and steps for solving, visit https://motion.dev/troubleshooting/${t}` : o;
+function f(e, n) {
+  e.indexOf(n) === -1 && e.push(n);
+}
+function d(e, n) {
+  const i = e.indexOf(n);
+  i > -1 && e.splice(i, 1);
 }
 export {
-  n as formatErrorMessage
+  f as addUniqueItem,
+  d as removeItem
 };
 //# sourceMappingURL=visualization.es490.js.map

package/dist/visualization.es490.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es490.js","sources":["../../../node_modules/.pnpm/motion-utils@12.36.0/node_modules/motion-utils/dist/es/format-error-message.mjs"],"sourcesContent":["function formatErrorMessage(message, errorCode) {\n    return errorCode\n        ? `${message}. For more information and steps for solving, visit https://motion.dev/troubleshooting/${errorCode}`\n        : message;\n}\n\nexport { formatErrorMessage };\n//# sourceMappingURL=format-error-message.mjs.map\n"],"names":["formatErrorMessage","message","errorCode"],"mappings":"AAAA,SAASA,EAAmBC,GAASC,GAAW;AAC5C,SAAOA,IACD,GAAGD,CAAO,0FAA0FC,CAAS,KAC7GD;AACV;","x_google_ignoreList":[0]}
+{"version":3,"file":"visualization.es490.js","sources":["../../../node_modules/.pnpm/motion-utils@12.36.0/node_modules/motion-utils/dist/es/array.mjs"],"sourcesContent":["function addUniqueItem(arr, item) {\n    if (arr.indexOf(item) === -1)\n        arr.push(item);\n}\nfunction removeItem(arr, item) {\n    const index = arr.indexOf(item);\n    if (index > -1)\n        arr.splice(index, 1);\n}\n// Adapted from array-move\nfunction moveItem([...arr], fromIndex, toIndex) {\n    const startIndex = fromIndex < 0 ? arr.length + fromIndex : fromIndex;\n    if (startIndex >= 0 && startIndex < arr.length) {\n        const endIndex = toIndex < 0 ? arr.length + toIndex : toIndex;\n        const [item] = arr.splice(fromIndex, 1);\n        arr.splice(endIndex, 0, item);\n    }\n    return arr;\n}\n\nexport { addUniqueItem, moveItem, removeItem };\n//# sourceMappingURL=array.mjs.map\n"],"names":["addUniqueItem","arr","item","removeItem","index"],"mappings":"AAAA,SAASA,EAAcC,GAAKC,GAAM;AAC9B,EAAID,EAAI,QAAQC,CAAI,MAAM,MACtBD,EAAI,KAAKC,CAAI;AACrB;AACA,SAASC,EAAWF,GAAKC,GAAM;AAC3B,QAAME,IAAQH,EAAI,QAAQC,CAAI;AAC9B,EAAIE,IAAQ,MACRH,EAAI,OAAOG,GAAO,CAAC;AAC3B;","x_google_ignoreList":[0]}

package/dist/visualization.es491.js

@@ -1,6 +1,13 @@
-import { backIn as o } from "./visualization.es492.js";
-const c = (t) => t >= 1 ? 1 : (t *= 2) < 1 ? 0.5 * o(t) : 0.5 * (2 - Math.pow(2, -10 * (t - 1)));
+import { time as s } from "./visualization.es321.js";
+import { frame as m, cancelFrame as o } from "./visualization.es359.js";
+function i(c, r) {
+  const n = s.now(), e = ({ timestamp: a }) => {
+    const t = a - n;
+    t >= r && (o(e), c(t - r));
+  };
+  return m.setup(e, !0), () => o(e);
+}
 export {
-  c as anticipate
+  i as delay
 };
 //# sourceMappingURL=visualization.es491.js.map

package/dist/visualization.es491.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es491.js","sources":["../../../node_modules/.pnpm/motion-utils@12.36.0/node_modules/motion-utils/dist/es/easing/anticipate.mjs"],"sourcesContent":["import { backIn } from './back.mjs';\n\nconst anticipate = (p) => p >= 1\n    ? 1\n    : (p *= 2) < 1\n        ? 0.5 * backIn(p)\n        : 0.5 * (2 - Math.pow(2, -10 * (p - 1)));\n\nexport { anticipate };\n//# sourceMappingURL=anticipate.mjs.map\n"],"names":["anticipate","p","backIn"],"mappings":";AAEK,MAACA,IAAa,CAACC,MAAMA,KAAK,IACzB,KACCA,KAAK,KAAK,IACP,MAAMC,EAAOD,CAAC,IACd,OAAO,IAAI,KAAK,IAAI,GAAG,OAAOA,IAAI,EAAE;","x_google_ignoreList":[0]}
+{"version":3,"file":"visualization.es491.js","sources":["../../../node_modules/.pnpm/motion-dom@12.38.0/node_modules/motion-dom/dist/es/utils/delay.mjs"],"sourcesContent":["import { time } from '../frameloop/sync-time.mjs';\nimport { secondsToMilliseconds } from 'motion-utils';\nimport { frame, cancelFrame } from '../frameloop/frame.mjs';\n\n/**\n * Timeout defined in ms\n */\nfunction delay(callback, timeout) {\n    const start = time.now();\n    const checkElapsed = ({ timestamp }) => {\n        const elapsed = timestamp - start;\n        if (elapsed >= timeout) {\n            cancelFrame(checkElapsed);\n            callback(elapsed - timeout);\n        }\n    };\n    frame.setup(checkElapsed, true);\n    return () => cancelFrame(checkElapsed);\n}\nfunction delayInSeconds(callback, timeout) {\n    return delay(callback, secondsToMilliseconds(timeout));\n}\n\nexport { delay, delayInSeconds };\n//# sourceMappingURL=delay.mjs.map\n"],"names":["delay","callback","timeout","start","time","checkElapsed","timestamp","elapsed","cancelFrame","frame"],"mappings":";;AAOA,SAASA,EAAMC,GAAUC,GAAS;AAC9B,QAAMC,IAAQC,EAAK,IAAG,GAChBC,IAAe,CAAC,EAAE,WAAAC,QAAgB;AACpC,UAAMC,IAAUD,IAAYH;AAC5B,IAAII,KAAWL,MACXM,EAAYH,CAAY,GACxBJ,EAASM,IAAUL,CAAO;AAAA,EAElC;AACA,SAAAO,EAAM,MAAMJ,GAAc,EAAI,GACvB,MAAMG,EAAYH,CAAY;AACzC;","x_google_ignoreList":[0]}