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

package/dist/visualization.es56.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es56.js","sources":["../../../node_modules/.pnpm/@visx+scale@4.0.0/node_modules/@visx/scale/esm/scales/ordinal.js"],"sourcesContent":["import { scaleOrdinal } from '@visx/vendor/d3-scale';\nimport scaleOperator from \"../operators/scaleOperator.js\";\nexport const updateOrdinalScale = scaleOperator('domain', 'range', 'reverse', 'unknown');\nexport default function createOrdinalScale(config) {\n  return updateOrdinalScale(scaleOrdinal(), config);\n}"],"names":["updateOrdinalScale","scaleOperator","createOrdinalScale","config","scaleOrdinal"],"mappings":";;AAEY,MAACA,IAAqBC,EAAc,UAAU,SAAS,WAAW,SAAS;AACxE,SAASC,EAAmBC,GAAQ;AACjD,SAAOH,EAAmBI,EAAY,GAAID,CAAM;AAClD;","x_google_ignoreList":[0]}
+{"version":3,"file":"visualization.es56.js","sources":["../src/components/ScatterPlot/ScatterPlotViewport.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useMemo, useRef, useState } from \"react\";\nimport CircularProgress from \"@mui/material/CircularProgress\";\nimport { Box, Stack } from \"@mui/material\";\nimport { Group } from \"@visx/group\";\nimport { AxisBottom, AxisLeft, AxisRight, AxisTop } from \"@visx/axis\";\nimport { LinePath } from \"@visx/shape\";\nimport { Text } from \"@visx/text\";\nimport { curveBasis } from \"@visx/curve\";\nimport { localPoint } from \"@visx/event\";\nimport { ScaleLinear } from \"@visx/vendor/d3-scale\";\nimport { BackgroundGradient, ChartProps, CrosshairPosition, Point, SelectionMode, ZoomType } from \"./types\";\nimport { drawCanvasPoint, getTicks, isPointVisible, partitionPointsByHover, prepareCanvas, rescaleX, rescaleY } from \"./helpers\";\nimport { useStableCallback } from \"../../hooks\";\nimport AnimatedPoints from \"./AnimatedPoints\";\nimport PointLabels from \"./PointLabels\";\nimport GradientLegend from \"./GradientLegend\";\nimport Crosshair from \"./Crosshair\";\nimport { useDragSelection } from \"./hooks/useDragSelection\";\n\ntype ScatterPlotViewportProps<T extends object> = {\n    width: number;\n    height: number;\n    margin: { top: number; left: number };\n    boundedWidth: number;\n    boundedHeight: number;\n    loading: boolean;\n    pointData: Point<T>[];\n    animation?: ChartProps<T, boolean | undefined, boolean | undefined>[\"animation\"];\n    animationGroupSize?: number;\n    animationBuffer?: number;\n    xScale: ScaleLinear<number, number, never>;\n    yScale: ScaleLinear<number, number, never>;\n    zoom: ZoomType;\n    selectMode: SelectionMode;\n    selectable: boolean;\n    disableZoom?: boolean;\n    groupPointsAnchor?: keyof Point<T> | keyof T;\n    hoveredPoint: Point<T> | null;\n    hoveredPoints?: Point<T>[];\n    handleMouseMove: (event: React.MouseEvent<SVGElement>, zoom: ZoomType) => void;\n    handleMouseLeave: () => void;\n    onDisplayedPointsChange?: (points: Point<T>[]) => void;\n    onSelectionChange?: (selectedPoints: Point<T>[]) => void;\n    onPointClicked?: (point: Point<T>) => void;\n    leftAxisLabel?: string;\n    bottomAxisLabel?: string;\n    border: boolean;\n    originLine?: boolean;\n    backgroundGradient?: BackgroundGradient;\n    /** Crosshair position in data coordinates, or null for no crosshair. */\n    crosshair?: CrosshairPosition | null;\n    divRef: React.RefObject<HTMLDivElement | null>;\n};\n\n/**\n * Hover growth eases in over this long, and is dropped instantly on the way out.\n * Easing the exit too would drag a tail of still-shrinking points behind the cursor\n * whenever it sweeps across a dense plot.\n */\nconst HOVER_GROW_MS = 120;\n\nconst easeOutCubic = (t: number) => 1 - Math.pow(1 - t, 3);\n\nconst ScatterPlotViewport = <T extends object>({\n    width,\n    height,\n    margin,\n    boundedWidth,\n    boundedHeight,\n    loading,\n    pointData,\n    animation,\n    animationGroupSize,\n    animationBuffer,\n    xScale,\n    yScale,\n    zoom,\n    selectMode,\n    selectable,\n    disableZoom,\n    groupPointsAnchor,\n    hoveredPoint,\n    hoveredPoints,\n    handleMouseMove,\n    handleMouseLeave,\n    onDisplayedPointsChange,\n    onSelectionChange,\n    onPointClicked,\n    leftAxisLabel,\n    bottomAxisLabel,\n    border,\n    originLine,\n    backgroundGradient,\n    crosshair,\n    divRef,\n}: ScatterPlotViewportProps<T>) => {\n    const graphRef = useRef<SVGRectElement | null>(null);\n    const canvasRef = useRef<HTMLCanvasElement | null>(null);\n    // Hover growth is driven straight onto the canvas through a ref. A redraw is ~0.3ms at\n    // 3.4k points so the drawing is cheap, but a re-render per frame would not be.\n    const hoverAmountRef = useRef(0);\n    const animatedKeysRef = useRef<Set<string> | null>(null);\n\n    // Animation state — viewport owns what it renders\n    const [showPointAnimation, setShowPointAnimation] = useState(Boolean(animation));\n\n    useEffect(() => {\n        if (!animation) return;\n        if (pointData.length > 2500) {\n            setShowPointAnimation(false);\n            return;\n        }\n        const duration = 450;\n        const buffer = (animationBuffer ?? 0.03) * 1000;\n        const groups = Math.ceil(pointData.length / (animationGroupSize ?? 1));\n        const total = duration + groups * buffer;\n\n        const t = window.setTimeout(() => setShowPointAnimation(false), total);\n        return () => window.clearTimeout(t);\n    }, [animation, animationBuffer, animationGroupSize, pointData.length]);\n\n    const { lines, isDragging, x, y, dx, dy, dragStart, dragMove, dragEnd, completeSelection } =\n        useDragSelection({ pointData, margin, xScale, yScale, onSelectionChange });\n\n    // Passive event listeners to prevent default scroll/touch behavior on the chart surface\n    useEffect(() => {\n        const graphElement = graphRef.current;\n\n        const handleWheel = (event: WheelEvent) => { event.preventDefault(); };\n        const handleTouchMove = (event: TouchEvent) => { event.preventDefault(); };\n        const handleTouchStart = (event: TouchEvent) => { event.preventDefault(); };\n\n        if (graphElement) {\n            graphElement.addEventListener('wheel', handleWheel, { passive: false });\n            graphElement.addEventListener('touchstart', handleTouchStart, { passive: false });\n            graphElement.addEventListener('touchmove', handleTouchMove, { passive: false });\n        }\n\n        return () => {\n            if (graphElement) {\n                graphElement.removeEventListener('wheel', handleWheel);\n                graphElement.removeEventListener('touchstart', handleTouchStart);\n                graphElement.removeEventListener('touchmove', handleTouchMove);\n            }\n        };\n    }, []);\n\n    const xScaleTransformed = useMemo(\n        () => rescaleX(xScale, zoom.transformMatrix.translateX, zoom.transformMatrix.scaleX),\n        [xScale, zoom.transformMatrix]\n    );\n    const yScaleTransformed = useMemo(\n        () => rescaleY(yScale, zoom.transformMatrix.translateY, zoom.transformMatrix.scaleY),\n        [yScale, zoom.transformMatrix]\n    );\n\n    // What is hovered: the point under the cursor if there is one, otherwise whatever the\n    // consumer has asked to highlight. The cursor takes precedence so the plot's own hover is\n    // never overridden mid-gesture.\n    const highlightSeeds: Point<T>[] = useMemo(\n        () => (hoveredPoint ? [hoveredPoint] : hoveredPoints ?? []),\n        [hoveredPoint, hoveredPoints]\n    );\n\n    const groupedPoints: Point<T>[] = useMemo(() => {\n        const anchor = groupPointsAnchor;\n        if (!anchor) return highlightSeeds;\n\n        const anchorValue = (point: Point<T>): unknown =>\n            anchor in point\n                ? point[anchor as keyof Point<T>]\n                : point.metaData?.[anchor as keyof T];\n\n        // Collect the seeds' anchor values first, so this stays O(points + seeds). Matching each\n        // point against each seed would be 2.5m comparisons when a whole 750-point group is\n        // handed in against 3.4k points.\n        const seedValues = new Set(\n            highlightSeeds.map(anchorValue).filter((value) => value !== undefined)\n        );\n        if (seedValues.size === 0) return [];\n\n        return pointData.filter((point) => {\n            const value = anchorValue(point);\n            return value !== undefined && seedValues.has(value);\n        });\n    }, [highlightSeeds, groupPointsAnchor, pointData]);\n\n    const previousHoveredKeysRef = useRef<Set<string>>(new Set());\n\n    const hoveredPointKeys = useMemo(() => {\n        const next = new Set(groupedPoints.map((point) => `${point.x},${point.y}`));\n        const previous = previousHoveredKeysRef.current;\n\n        // Moving between points inside one anchored group rebuilds this set, but its contents\n        // are unchanged - the hovered group is the same group. Handing back the previous Set\n        // keeps its identity stable, so the redraw effect and the hover growth it drives both\n        // sit still instead of restarting on every point the cursor crosses. Purely a\n        // memoisation hint: the contents are correct either way.\n        if (next.size === previous.size && [...next].every((key) => previous.has(key))) {\n            return previous;\n        }\n\n        previousHoveredKeysRef.current = next;\n        return next;\n    }, [groupedPoints]);\n\n    const currentDisplayedPoints = useMemo(\n        () => pointData.filter((point) => {\n            const tx = xScaleTransformed(point.x);\n            const ty = yScaleTransformed(point.y);\n            return tx >= 0 && tx <= boundedWidth && ty >= 0 && ty <= boundedHeight;\n        }),\n        [pointData, xScaleTransformed, yScaleTransformed, boundedWidth, boundedHeight]\n    );\n\n    const drawPoints = useCallback((\n        xST: ScaleLinear<number, number, never>,\n        yST: ScaleLinear<number, number, never>,\n        canvas: HTMLCanvasElement\n    ) => {\n        const context = canvas.getContext('2d');\n        if (!context) return;\n\n        prepareCanvas(context, boundedWidth, boundedHeight);\n\n        if (backgroundGradient) {\n            const [colorLow, colorMid, colorHigh] = backgroundGradient.colorScale ?? [\"red\", \"white\", \"blue\"];\n            const W = boundedWidth;\n            const H = boundedHeight;\n            const x0 = xST(0);\n            const y0 = yST(0);\n            const fraction = Math.max(0.001, Math.min(0.999, (x0 * W - y0 * H + H * H) / (W * W + H * H)));\n            const gradient = context.createLinearGradient(0, H, W, 0);\n            gradient.addColorStop(0, colorLow);\n            gradient.addColorStop(fraction, colorMid);\n            gradient.addColorStop(1, colorHigh);\n            context.globalAlpha = backgroundGradient.opacity ?? 1;\n            context.fillStyle = gradient;\n            context.fillRect(0, 0, W, H);\n            context.globalAlpha = 1;\n        }\n\n        const { nonHovered, hovered } = partitionPointsByHover(pointData, hoveredPointKeys);\n\n        const drawRenderedPoint = (point: Point<T>, isHovered: boolean) => {\n            const transformedX = xST(point.x);\n            const transformedY = yST(point.y);\n            if (!isPointVisible(transformedX, transformedY, boundedWidth, boundedHeight)) return;\n            drawCanvasPoint(context, point, transformedX, transformedY, isHovered ? hoverAmountRef.current : 0);\n        };\n\n        nonHovered.forEach((point) => drawRenderedPoint(point, false));\n        hovered.forEach((point) => drawRenderedPoint(point, true));\n    }, [boundedHeight, boundedWidth, hoveredPointKeys, pointData, backgroundGradient]);\n\n    useEffect(() => {\n        const canvas = canvasRef.current;\n        if (!canvas || showPointAnimation) return;\n\n        // Leaving is instant: drop the growth and repaint once.\n        if (hoveredPointKeys.size === 0) {\n            animatedKeysRef.current = null;\n            hoverAmountRef.current = 0;\n            drawPoints(xScaleTransformed, yScaleTransformed, canvas);\n            return;\n        }\n\n        // Only a change of hovered set starts the growth. This effect also runs on pan, zoom\n        // and data changes, which should repaint at the size the points have already reached\n        // rather than snapping them back to zero.\n        if (animatedKeysRef.current === hoveredPointKeys) {\n            drawPoints(xScaleTransformed, yScaleTransformed, canvas);\n            return;\n        }\n        animatedKeysRef.current = hoveredPointKeys;\n\n        const startedAt = performance.now();\n        hoverAmountRef.current = 0;\n        let frame = requestAnimationFrame(function step() {\n            const t = Math.min(1, (performance.now() - startedAt) / HOVER_GROW_MS);\n            hoverAmountRef.current = easeOutCubic(t);\n            drawPoints(xScaleTransformed, yScaleTransformed, canvas);\n            if (t < 1) frame = requestAnimationFrame(step);\n        });\n\n        return () => cancelAnimationFrame(frame);\n    }, [drawPoints, xScaleTransformed, yScaleTransformed, showPointAnimation, hoveredPointKeys]);\n\n    const handlePointClick = useCallback(() => {\n        if (hoveredPoint) onPointClicked?.(hoveredPoint);\n    }, [hoveredPoint, onPointClicked]);\n\n    const surfaceCursor = disableZoom\n        ? selectable\n            ? isDragging ? 'none' : 'crosshair'\n            : isDragging ? 'none' : 'default'\n        : hoveredPoint\n            ? 'default'\n            : selectMode === 'select'\n                ? isDragging ? 'none' : 'crosshair'\n                : zoom.isDragging\n                    ? 'grabbing'\n                    : 'grab';\n\n    const handleSelectionEnd = (event: React.MouseEvent<SVGRectElement> | React.TouchEvent<SVGRectElement>) => {\n        dragEnd(event);\n        completeSelection(zoom);\n    };\n\n    /**\n     * Panning is coalesced to one zoom update per animation frame.\n     *\n     * zoom.dragMove sets the transform matrix on every move it is handed, and a mouse reports\n     * positions faster than the browser paints. Because mousemove is a continuous event that\n     * React flushes synchronously - and because a shared zoom sits above every synced plot, so\n     * one update re-renders all of them - handling each move outright never lets the browser\n     * paint, and React eventually warns that the update depth was exceeded.\n     *\n     * The buffer holds nativeEvent rather than the synthetic event: React clears currentTarget\n     * once dispatch returns, and this runs a frame later. Routing through useStableCallback\n     * keeps the frame calling the current zoom rather than the one captured when it was queued.\n     */\n    const dragFrameRef = useRef<number | null>(null);\n    const pendingDragRef = useRef<MouseEvent | TouchEvent | null>(null);\n    const dragMoveLatest = useStableCallback((event: MouseEvent | TouchEvent) => {\n        zoom.dragMove(event as unknown as React.MouseEvent | React.TouchEvent);\n    });\n\n    const flushPendingDrag = useCallback(() => {\n        if (dragFrameRef.current !== null) {\n            cancelAnimationFrame(dragFrameRef.current);\n            dragFrameRef.current = null;\n        }\n        const pending = pendingDragRef.current;\n        pendingDragRef.current = null;\n        if (pending) dragMoveLatest(pending);\n    }, [dragMoveLatest]);\n\n    useEffect(() => () => {\n        if (dragFrameRef.current !== null) cancelAnimationFrame(dragFrameRef.current);\n    }, []);\n\n    const onZoomDragMove = (event: React.MouseEvent<SVGRectElement> | React.TouchEvent<SVGRectElement>) => {\n        pendingDragRef.current = event.nativeEvent;\n        if (dragFrameRef.current !== null) return;\n        dragFrameRef.current = requestAnimationFrame(() => {\n            dragFrameRef.current = null;\n            const pending = pendingDragRef.current;\n            pendingDragRef.current = null;\n            if (pending) dragMoveLatest(pending);\n        });\n    };\n\n    // The queued frame is applied before the gesture closes, so the plot lands on the position\n    // the pointer was actually released at rather than a frame behind it.\n    const onZoomDragEnd = () => {\n        flushPendingDrag();\n        zoom.dragEnd();\n    };\n\n    const onSurfaceMouseDown = selectMode === \"none\"\n        ? undefined\n        : selectMode === \"select\"\n            ? dragStart\n            : disableZoom ? undefined : zoom.dragStart;\n    const onSurfaceMouseUp = selectMode === \"none\"\n        ? undefined\n        : selectMode === \"select\"\n            ? handleSelectionEnd\n            : disableZoom ? undefined : onZoomDragEnd;\n    const onSurfaceMouseMove = selectMode === \"none\"\n        ? undefined\n        : selectMode === \"select\"\n            ? (isDragging ? dragMove : undefined)\n            : disableZoom ? undefined : onZoomDragMove;\n    const onSurfaceMouseLeave = selectMode === \"none\"\n        ? undefined\n        : selectMode === \"select\"\n            ? handleSelectionEnd\n            : disableZoom ? undefined : onZoomDragEnd;\n    const onSurfaceTouchStart = selectMode === \"none\"\n        ? undefined\n        : selectMode === \"select\"\n            ? dragStart\n            : disableZoom ? undefined : zoom.dragStart;\n    const onSurfaceTouchEnd = selectMode === \"none\"\n        ? undefined\n        : selectMode === \"select\"\n            ? handleSelectionEnd\n            : disableZoom ? undefined : onZoomDragEnd;\n    const onSurfaceTouchMove = selectMode === \"none\"\n        ? undefined\n        : selectMode === \"select\"\n            ? (isDragging ? dragMove : undefined)\n            : disableZoom ? undefined : onZoomDragMove;\n    const onSurfaceWheel: React.WheelEventHandler<SVGRectElement> = (event) => {\n        setShowPointAnimation(false);\n        if (!disableZoom) {\n            const point = localPoint(event) || { x: 0, y: 0 };\n            const zoomDirection = event.deltaY < 0 ? 1.1 : 0.9;\n            zoom.scale({ scaleX: zoomDirection, scaleY: zoomDirection, point });\n        }\n    };\n\n    const previousDisplayedPoints = useRef<Point<T>[]>([]);\n\n    useEffect(() => {\n        const haveDisplayedPointsChanged = (prevPoints: Point<T>[], nextPoints: Point<T>[]) => {\n            if (prevPoints.length !== nextPoints.length) return true;\n            return !prevPoints.every((point, index) => {\n                const nextPoint = nextPoints[index];\n                return (\n                    point.x === nextPoint.x &&\n                    point.y === nextPoint.y &&\n                    point.r === nextPoint.r &&\n                    point.shape === nextPoint.shape &&\n                    point.color === nextPoint.color &&\n                    point.opacity === nextPoint.opacity\n                );\n            });\n        };\n\n        if (haveDisplayedPointsChanged(previousDisplayedPoints.current, currentDisplayedPoints)) {\n            onDisplayedPointsChange?.(currentDisplayedPoints);\n            previousDisplayedPoints.current = currentDisplayedPoints;\n        }\n    }, [currentDisplayedPoints, onDisplayedPointsChange]);\n\n    return (\n        <Stack justifyContent=\"center\" alignItems=\"center\" direction=\"row\" sx={{ position: \"relative\" }}>\n            <Box sx={{ width, height }}>\n                {loading ? (\n                    <Box display=\"flex\" width=\"100%\" height=\"100%\" sx={{ justifyContent: \"center\", alignItems: \"center\" }}>\n                        <CircularProgress />\n                    </Box>\n                ) : (\n                    <div style={{ position: \"relative\" }} ref={divRef}>\n                        <canvas\n                            ref={canvasRef}\n                            width={boundedWidth * 2}\n                            height={boundedHeight * 2}\n                            style={{\n                                userSelect: \"none\",\n                                position: \"absolute\",\n                                top: margin.top,\n                                left: margin.left,\n                                width: boundedWidth,\n                                height: boundedHeight,\n                                backgroundColor: \"transparent\",\n                            }}\n                        />\n                        <svg\n                            width={width}\n                            height={height}\n                            overflow=\"visible\"\n                            style={{ position: \"absolute\", userSelect: \"none\" }}\n                            onMouseMove={(event) => {\n                                if (isDragging) handleMouseLeave();\n                                else handleMouseMove(event, zoom);\n                            }}\n                            onMouseLeave={handleMouseLeave}\n                        >\n                            <Group top={margin.top} left={margin.left}>\n                                {showPointAnimation && animation && (\n                                    <AnimatedPoints\n                                        pointData={pointData}\n                                        animation={animation}\n                                        animationGroupSize={animationGroupSize}\n                                        animationBuffer={animationBuffer}\n                                        xScaleTransformed={xScaleTransformed}\n                                        yScaleTransformed={yScaleTransformed}\n                                        boundedWidth={boundedWidth}\n                                        boundedHeight={boundedHeight}\n                                    />\n                                )}\n                                {selectMode === \"select\" && (\n                                    <>\n                                        {lines.map((line, index) => (\n                                            <LinePath\n                                                key={`line-${index}`}\n                                                fill=\"transparent\"\n                                                stroke=\"black\"\n                                                strokeWidth={3}\n                                                data={line}\n                                                curve={curveBasis}\n                                                x={(datum) => datum.x}\n                                                y={(datum) => datum.y}\n                                            />\n                                        ))}\n                                        {isDragging && (\n                                            <g>\n                                                <line x1={x - margin.left + dx - 6} y1={y - margin.top + dy} x2={x - margin.left + dx + 6} y2={y - margin.top + dy} stroke=\"black\" strokeWidth={1} />\n                                                <line x1={x - margin.left + dx} y1={y - margin.top + dy - 6} x2={x - margin.left + dx} y2={y - margin.top + dy + 6} stroke=\"black\" strokeWidth={1} />\n                                                <circle cx={x - margin.left} cy={y - margin.top} r={4} fill=\"transparent\" stroke=\"black\" pointerEvents=\"none\" />\n                                            </g>\n                                        )}\n                                    </>\n                                )}\n                                {originLine && (() => {\n                                    const x0 = xScaleTransformed(0);\n                                    const y0 = yScaleTransformed(0);\n                                    return (\n                                        <>\n                                            {y0 >= 0 && y0 <= boundedHeight && (\n                                                <line x1={0} x2={boundedWidth} y1={y0} y2={y0} stroke=\"#000\" strokeWidth={1} strokeDasharray=\"4,4\" pointerEvents=\"none\" />\n                                            )}\n                                            {x0 >= 0 && x0 <= boundedWidth && (\n                                                <line x1={x0} x2={x0} y1={0} y2={boundedHeight} stroke=\"#000\" strokeWidth={1} strokeDasharray=\"4,4\" pointerEvents=\"none\" />\n                                            )}\n                                        </>\n                                    );\n                                })()}\n                                <rect\n                                    ref={graphRef}\n                                    fill=\"transparent\"\n                                    width={boundedWidth}\n                                    height={boundedHeight}\n                                    style={{ cursor: surfaceCursor }}\n                                    onMouseDown={onSurfaceMouseDown}\n                                    onMouseUp={onSurfaceMouseUp}\n                                    onMouseMove={onSurfaceMouseMove}\n                                    onMouseLeave={onSurfaceMouseLeave}\n                                    onTouchStart={onSurfaceTouchStart}\n                                    onTouchEnd={onSurfaceTouchEnd}\n                                    onTouchMove={onSurfaceTouchMove}\n                                    onWheel={onSurfaceWheel}\n                                    onClick={handlePointClick}\n                                />\n                                {crosshair && !isDragging && (\n                                    <Crosshair\n                                        position={{\n                                            x: xScaleTransformed(crosshair.x),\n                                            y: yScaleTransformed(crosshair.y),\n                                        }}\n                                        boundedWidth={boundedWidth}\n                                        boundedHeight={boundedHeight}\n                                    />\n                                )}\n                            </Group>\n                            <Group top={margin.top} left={margin.left}>\n                                <AxisLeft\n                                    scale={yScaleTransformed}\n                                    tickLabelProps={() => ({\n                                        fill: \"#1c1917\",\n                                        fontSize: 10,\n                                        textAnchor: \"end\",\n                                        verticalAnchor: \"middle\",\n                                        x: -10,\n                                    })}\n                                    tickValues={getTicks(yScaleTransformed, 5)}\n                                />\n                                <AxisBottom\n                                    top={boundedHeight}\n                                    scale={xScaleTransformed}\n                                    tickLabelProps={() => ({\n                                        fill: \"#1c1917\",\n                                        fontSize: 11,\n                                        textAnchor: \"middle\",\n                                    })}\n                                    tickValues={getTicks(xScaleTransformed, 5)}\n                                />\n                                {border && (\n                                    <>\n                                        <AxisTop top={0} scale={xScaleTransformed} tickValues={[]} />\n                                        <AxisRight scale={yScaleTransformed} tickValues={[]} left={boundedWidth} />\n                                    </>\n                                )}\n                                <Text textAnchor=\"middle\" verticalAnchor=\"end\" angle={-90} fontSize={15} y={boundedHeight / 2} x={0} dx={-50}>\n                                    {leftAxisLabel}\n                                </Text>\n                                <Text textAnchor=\"middle\" verticalAnchor=\"start\" fontSize={15} y={boundedHeight} x={boundedWidth / 2} dy={50}>\n                                    {bottomAxisLabel}\n                                </Text>\n                            </Group>\n                            <PointLabels\n                                pointData={pointData}\n                                xScaleTransformed={xScaleTransformed}\n                                yScaleTransformed={yScaleTransformed}\n                                boundedWidth={boundedWidth}\n                                boundedHeight={boundedHeight}\n                                margin={margin}\n                            />\n                            {backgroundGradient?.legend && (\n                                <GradientLegend\n                                    backgroundGradient={backgroundGradient}\n                                    boundedHeight={boundedHeight}\n                                    barLeft={margin.left + boundedWidth + 25}\n                                    marginTop={margin.top}\n                                />\n                            )}\n                        </svg>\n                    </div>\n                )}\n            </Box>\n        </Stack>\n    );\n};\n\nexport default ScatterPlotViewport;\n"],"names":["HOVER_GROW_MS","easeOutCubic","t","Math","pow","ScatterPlotViewport","width","height","margin","boundedWidth","boundedHeight","loading","pointData","animation","animationGroupSize","animationBuffer","xScale","yScale","zoom","selectMode","selectable","disableZoom","groupPointsAnchor","hoveredPoint","hoveredPoints","handleMouseMove","handleMouseLeave","onDisplayedPointsChange","onSelectionChange","onPointClicked","leftAxisLabel","bottomAxisLabel","border","originLine","backgroundGradient","crosshair","divRef","graphRef","useRef","canvasRef","hoverAmountRef","animatedKeysRef","showPointAnimation","setShowPointAnimation","useState","Boolean","useEffect","length","duration","buffer","groups","ceil","total","window","setTimeout","clearTimeout","lines","isDragging","x","y","dx","dy","dragStart","dragMove","dragEnd","completeSelection","useDragSelection","graphElement","current","handleWheel","event","preventDefault","handleTouchMove","handleTouchStart","addEventListener","passive","removeEventListener","xScaleTransformed","useMemo","rescaleX","transformMatrix","translateX","scaleX","yScaleTransformed","rescaleY","translateY","scaleY","highlightSeeds","groupedPoints","anchor","anchorValue","point","metaData","seedValues","Set","map","filter","value","undefined","size","has","previousHoveredKeysRef","hoveredPointKeys","next","previous","every","key","currentDisplayedPoints","tx","ty","drawPoints","useCallback","xST","yST","canvas","context","getContext","prepareCanvas","colorLow","colorMid","colorHigh","colorScale","W","H","x0","y0","fraction","max","min","gradient","createLinearGradient","addColorStop","globalAlpha","opacity","fillStyle","fillRect","nonHovered","hovered","partitionPointsByHover","drawRenderedPoint","isHovered","transformedX","transformedY","isPointVisible","drawCanvasPoint","forEach","startedAt","performance","now","frame","requestAnimationFrame","step","cancelAnimationFrame","handlePointClick","surfaceCursor","handleSelectionEnd","dragFrameRef","pendingDragRef","dragMoveLatest","useStableCallback","flushPendingDrag","pending","onZoomDragMove","nativeEvent","onZoomDragEnd","onSurfaceMouseDown","onSurfaceMouseUp","onSurfaceMouseMove","onSurfaceMouseLeave","onSurfaceTouchStart","onSurfaceTouchEnd","onSurfaceTouchMove","onSurfaceWheel","localPoint","zoomDirection","deltaY","scale","previousDisplayedPoints","haveDisplayedPointsChanged","prevPoints","nextPoints","index","nextPoint","r","shape","color","jsx","Stack","position","Box","justifyContent","alignItems","CircularProgress","jsxs","userSelect","top","left","backgroundColor","Group","AnimatedPoints","Fragment","line","LinePath","curveBasis","datum","cursor","Crosshair","AxisLeft","fill","fontSize","textAnchor","verticalAnchor","getTicks","AxisBottom","AxisTop","AxisRight","Text","PointLabels","legend","GradientLegend"],"mappings":"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"}

package/dist/visualization.es565.js

@@ -1,7 +1,7 @@
 import { isHTMLElement as u, isElement as n } from "./visualization.es512.js";
 import { round as g } from "./visualization.es557.js";
 import l from "./visualization.es553.js";
-import m from "./visualization.es604.js";
+import m from "./visualization.es603.js";
 function R(t, f, r) {
   f === void 0 && (f = !1), r === void 0 && (r = !1);
   var i = t.getBoundingClientRect(), h = 1, s = 1;

package/dist/visualization.es566.js

@@ -1,7 +1,7 @@
-import t from "./visualization.es605.js";
+import t from "./visualization.es604.js";
 import o from "./visualization.es553.js";
 import { isHTMLElement as e } from "./visualization.es512.js";
-import l from "./visualization.es606.js";
+import l from "./visualization.es605.js";
 function c(r) {
   return r === o(r) || !e(r) ? t(r) : l(r);
 }

package/dist/visualization.es567.js

@@ -1,6 +1,6 @@
 import o from "./visualization.es565.js";
 import r from "./visualization.es554.js";
-import e from "./visualization.es605.js";
+import e from "./visualization.es604.js";
 function f(t) {
   return o(r(t)).left + e(t).scrollLeft;
 }

package/dist/visualization.es57.js

@@ -1,73 +1,106 @@
-import $ from "./visualization.es128.js";
-import { getFirstItem as A, getSecondItem as G } from "./visualization.es197.js";
-import M from "./visualization.es198.js";
-import P from "./visualization.es199.js";
-import W from "./visualization.es200.js";
-import X from "./visualization.es201.js";
-import Y from "./visualization.es95.js";
-import { jsx as m, Fragment as j } from "react/jsx-runtime";
-import q from "./visualization.es29.js";
-import C from "./visualization.es202.js";
-function Z(y) {
-  let {
-    data: g,
-    className: w,
-    top: N,
-    left: v,
-    y: a,
-    x0: c = A,
-    x1: B = G,
-    xScale: s,
-    yScale: i,
-    color: O,
-    keys: n,
-    value: f,
-    order: d,
-    offset: l,
-    children: p,
-    ...z
-  } = y;
-  const e = C();
-  n && e.keys(n), f && P(e.value, f), d && e.order(W(d)), l && e.offset(X(l));
-  const F = e(g), H = M(i), h = F.map((o, t) => {
-    const {
-      key: x
-    } = o;
-    return {
-      index: t,
-      key: x,
-      bars: o.map((r, u) => {
-        const k = (s(B(r)) || 0) - (s(c(r)) || 0), I = s(c(r)), S = "bandwidth" in i ? i(a(r.data)) : Math.max((i(a(r.data)) || 0) - k / 2);
-        return {
-          bar: r,
-          key: x,
-          index: u,
-          height: H,
-          width: k,
-          x: I || 0,
-          y: S || 0,
-          color: O(o.key, u)
-        };
-      })
+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.es105.js";
+import { useStableCallback as w } from "./visualization.es19.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
     };
-  });
-  return p ? /* @__PURE__ */ m(j, {
-    children: p(h)
-  }) : /* @__PURE__ */ m(q, {
-    className: $("visx-bar-stack-horizontal", w),
-    top: N,
-    left: v,
-    children: h.map((o) => o.bars.map((t) => /* @__PURE__ */ m(Y, {
-      x: t.x,
-      y: t.y,
-      height: t.height,
-      width: t.width,
-      fill: t.color,
-      ...z
-    }, `bar-stack-${o.index}-${t.index}`)))
-  });
-}
+    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 {
-  Z as default
+  N as default
 };
 //# sourceMappingURL=visualization.es57.js.map

package/dist/visualization.es57.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es57.js","sources":["../../../node_modules/.pnpm/@visx+shape@4.0.0_@types+react@19.2.14_react@19.2.4/node_modules/@visx/shape/esm/shapes/BarStackHorizontal.js"],"sourcesContent":["import cx from 'classnames';\nimport { stack as d3stack } from '@visx/vendor/d3-shape';\nimport { Group } from '@visx/group';\nimport { getFirstItem, getSecondItem } from \"../util/accessors.js\";\nimport getBandwidth from \"../util/getBandwidth.js\";\nimport setNumOrAccessor from \"../util/setNumberOrNumberAccessor.js\";\nimport stackOrder from \"../util/stackOrder.js\";\nimport stackOffset from \"../util/stackOffset.js\";\nimport Bar from \"./Bar.js\";\nimport { Fragment as _Fragment, jsx as _jsx } from \"react/jsx-runtime\";\nexport default function BarStackHorizontal(_ref) {\n  let {\n    data,\n    className,\n    top,\n    left,\n    y,\n    x0 = getFirstItem,\n    x1 = getSecondItem,\n    xScale,\n    yScale,\n    color,\n    keys,\n    value,\n    order,\n    offset,\n    children,\n    ...restProps\n  } = _ref;\n  const stack = d3stack();\n  if (keys) stack.keys(keys);\n  if (value) setNumOrAccessor(stack.value, value);\n  if (order) stack.order(stackOrder(order));\n  if (offset) stack.offset(stackOffset(offset));\n  const stacks = stack(data);\n  const barHeight = getBandwidth(yScale);\n  const barStacks = stacks.map((barStack, i) => {\n    const {\n      key\n    } = barStack;\n    return {\n      index: i,\n      key,\n      bars: barStack.map((bar, j) => {\n        const barWidth = (xScale(x1(bar)) || 0) - (xScale(x0(bar)) || 0);\n        const barX = xScale(x0(bar));\n        const barY = 'bandwidth' in yScale ? yScale(y(bar.data)) : Math.max((yScale(y(bar.data)) || 0) - barWidth / 2);\n        return {\n          bar,\n          key,\n          index: j,\n          height: barHeight,\n          width: barWidth,\n          x: barX || 0,\n          y: barY || 0,\n          color: color(barStack.key, j)\n        };\n      })\n    };\n  });\n  if (children) return /*#__PURE__*/_jsx(_Fragment, {\n    children: children(barStacks)\n  });\n  return /*#__PURE__*/_jsx(Group, {\n    className: cx('visx-bar-stack-horizontal', className),\n    top: top,\n    left: left,\n    children: barStacks.map(barStack => barStack.bars.map(bar => /*#__PURE__*/_jsx(Bar, {\n      x: bar.x,\n      y: bar.y,\n      height: bar.height,\n      width: bar.width,\n      fill: bar.color,\n      ...restProps\n    }, `bar-stack-${barStack.index}-${bar.index}`)))\n  });\n}"],"names":["BarStackHorizontal","_ref","data","className","top","left","y","x0","getFirstItem","x1","getSecondItem","xScale","yScale","color","keys","value","order","offset","children","restProps","stack","d3stack","setNumOrAccessor","stackOrder","stackOffset","stacks","barHeight","getBandwidth","barStacks","barStack","i","key","bar","j","barWidth","barX","barY","_jsx","_Fragment","Group","cx","Bar"],"mappings":";;;;;;;;;;AAUe,SAASA,EAAmBC,GAAM;AAC/C,MAAI;AAAA,IACF,MAAAC;AAAA,IACA,WAAAC;AAAA,IACA,KAAAC;AAAA,IACA,MAAAC;AAAA,IACA,GAAAC;AAAA,IACA,IAAAC,IAAKC;AAAA,IACL,IAAAC,IAAKC;AAAA,IACL,QAAAC;AAAA,IACA,QAAAC;AAAA,IACA,OAAAC;AAAA,IACA,MAAAC;AAAA,IACA,OAAAC;AAAA,IACA,OAAAC;AAAA,IACA,QAAAC;AAAA,IACA,UAAAC;AAAA,IACA,GAAGC;AAAA,EACP,IAAMlB;AACJ,QAAMmB,IAAQC,EAAO;AACrB,EAAIP,KAAMM,EAAM,KAAKN,CAAI,GACrBC,KAAOO,EAAiBF,EAAM,OAAOL,CAAK,GAC1CC,KAAOI,EAAM,MAAMG,EAAWP,CAAK,CAAC,GACpCC,KAAQG,EAAM,OAAOI,EAAYP,CAAM,CAAC;AAC5C,QAAMQ,IAASL,EAAMlB,CAAI,GACnBwB,IAAYC,EAAaf,CAAM,GAC/BgB,IAAYH,EAAO,IAAI,CAACI,GAAUC,MAAM;AAC5C,UAAM;AAAA,MACJ,KAAAC;AAAA,IACN,IAAQF;AACJ,WAAO;AAAA,MACL,OAAOC;AAAA,MACP,KAAAC;AAAA,MACA,MAAMF,EAAS,IAAI,CAACG,GAAKC,MAAM;AAC7B,cAAMC,KAAYvB,EAAOF,EAAGuB,CAAG,CAAC,KAAK,MAAMrB,EAAOJ,EAAGyB,CAAG,CAAC,KAAK,IACxDG,IAAOxB,EAAOJ,EAAGyB,CAAG,CAAC,GACrBI,IAAO,eAAexB,IAASA,EAAON,EAAE0B,EAAI,IAAI,CAAC,IAAI,KAAK,KAAKpB,EAAON,EAAE0B,EAAI,IAAI,CAAC,KAAK,KAAKE,IAAW,CAAC;AAC7G,eAAO;AAAA,UACL,KAAAF;AAAA,UACA,KAAAD;AAAA,UACA,OAAOE;AAAA,UACP,QAAQP;AAAA,UACR,OAAOQ;AAAA,UACP,GAAGC,KAAQ;AAAA,UACX,GAAGC,KAAQ;AAAA,UACX,OAAOvB,EAAMgB,EAAS,KAAKI,CAAC;AAAA,QACtC;AAAA,MACM,CAAC;AAAA,IACP;AAAA,EACE,CAAC;AACD,SAAIf,IAA8BmB,gBAAAA,EAAKC,GAAW;AAAA,IAChD,UAAUpB,EAASU,CAAS;AAAA,EAChC,CAAG,IACmBS,gBAAAA,EAAKE,GAAO;AAAA,IAC9B,WAAWC,EAAG,6BAA6BrC,CAAS;AAAA,IACpD,KAAKC;AAAA,IACL,MAAMC;AAAA,IACN,UAAUuB,EAAU,IAAI,CAAAC,MAAYA,EAAS,KAAK,IAAI,CAAAG,MAAoBK,gBAAAA,EAAKI,GAAK;AAAA,MAClF,GAAGT,EAAI;AAAA,MACP,GAAGA,EAAI;AAAA,MACP,QAAQA,EAAI;AAAA,MACZ,OAAOA,EAAI;AAAA,MACX,MAAMA,EAAI;AAAA,MACV,GAAGb;AAAA,IACT,GAAO,aAAaU,EAAS,KAAK,IAAIG,EAAI,KAAK,EAAE,CAAC,CAAC;AAAA,EACnD,CAAG;AACH;","x_google_ignoreList":[0]}
+{"version":3,"file":"visualization.es57.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.es575.js

@@ -1,36 +1,13 @@
-import { __require as y } from "./visualization.es603.js";
-var f, n;
-function w() {
-  if (n) return f;
-  n = 1;
-  var l = y();
-  return l.prototype.toPostfix = function() {
-    for (var s = [], u, t, o, h, a, r = [{ value: "(", type: 4, pre: 0 }], p = this.value, e = 1; e < p.length; e++)
-      if (p[e].type === 1 || p[e].type === 3 || p[e].type === 13)
-        p[e].type === 1 && (p[e].value = Number(p[e].value)), s.push(p[e]);
-      else if (p[e].type === 4)
-        r.push(p[e]);
-      else if (p[e].type === 5)
-        for (; (t = r.pop()).type !== 4; )
-          s.push(t);
-      else if (p[e].type === 11) {
-        for (; (t = r.pop()).type !== 4; )
-          s.push(t);
-        r.push(t);
-      } else {
-        u = p[e], h = u.pre, a = r[r.length - 1], o = a.pre;
-        var v = a.value == "Math.pow" && u.value == "Math.pow";
-        if (h > o) r.push(u);
-        else {
-          for (; o >= h && !v || v && h < o; )
-            t = r.pop(), a = r[r.length - 1], s.push(t), o = a.pre, v = u.value == "Math.pow" && a.value == "Math.pow";
-          r.push(u);
-        }
-      }
-    return new l(s);
-  }, f = l, f;
+import { useState as r, useRef as s, useCallback as f, useLayoutEffect as o } from "react";
+function i(u) {
+  const [e, a] = r(u), t = s(null), l = f((c, n) => {
+    t.current = n || null, a(c);
+  }, [a]);
+  return o(() => {
+    t.current && (t.current(e), t.current = null);
+  }, [e]), [e, l];
 }
 export {
-  w as __require
+  i as default
 };
 //# sourceMappingURL=visualization.es575.js.map

package/dist/visualization.es575.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es575.js","sources":["../../../node_modules/.pnpm/math-expression-evaluator@1.4.0/node_modules/math-expression-evaluator/src/postfix.js"],"sourcesContent":["\r\nvar Mexp = require('./lexer.js');\r\n\r\nMexp.prototype.toPostfix = function () {\r\n\t'use strict';\r\n\tvar post = [], elem, popped, prep, pre, ele;\r\n\tvar stack = [{ value: \"(\", type: 4, pre: 0 }];\r\n\tvar arr = this.value;\r\n\tfor (var i = 1; i < arr.length; i++) {\r\n\t\tif (arr[i].type === 1 || arr[i].type === 3 || arr[i].type === 13) {\t//if token is number,constant,or n(which is also a special constant in our case)\r\n\t\t\tif (arr[i].type === 1)\r\n\t\t\t\tarr[i].value = Number(arr[i].value);\r\n\t\t\tpost.push(arr[i]);\r\n\t\t}\r\n\t\telse if (arr[i].type === 4) {\r\n\t\t\tstack.push(arr[i]);\r\n\t\t}\r\n\t\telse if (arr[i].type === 5) {\r\n\t\t\twhile ((popped = stack.pop()).type !== 4) {\r\n\t\t\t\tpost.push(popped);\r\n\t\t\t}\r\n\t\t}\r\n\t\telse if (arr[i].type === 11) {\r\n\t\t\twhile ((popped = stack.pop()).type !== 4) {\r\n\t\t\t\tpost.push(popped);\r\n\t\t\t}\r\n\t\t\tstack.push(popped);\r\n\t\t}\r\n\t\telse {\r\n\t\t\telem = arr[i];\r\n\t\t\tpre = elem.pre;\r\n\t\t\tele = stack[stack.length - 1];\r\n\t\t\tprep = ele.pre;\r\n\t\t\tvar flag = ele.value == 'Math.pow' && elem.value == 'Math.pow';\r\n\t\t\tif (pre > prep) stack.push(elem);\r\n\t\t\telse {\r\n\t\t\t\twhile (prep >= pre && !flag || flag && pre < prep) {\r\n\t\t\t\t\tpopped = stack.pop();\r\n\t\t\t\t\tele = stack[stack.length - 1];\r\n\t\t\t\t\tpost.push(popped);\r\n\t\t\t\t\tprep = ele.pre;\r\n\t\t\t\t\tflag = elem.value == 'Math.pow' && ele.value == 'Math.pow';\r\n\t\t\t\t}\r\n\t\t\t\tstack.push(elem);\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\treturn new Mexp(post);\r\n};\r\nmodule.exports = Mexp;"],"names":["Mexp","require$$0","post","elem","popped","prep","pre","ele","stack","arr","i","flag","postfix"],"mappings":";;;;;AACA,MAAIA,IAAOC;AAEX,SAAAD,EAAK,UAAU,YAAY,WAAY;AAKtC,aAHIE,IAAO,CAAA,GAAIC,GAAMC,GAAQC,GAAMC,GAAKC,GACpCC,IAAQ,CAAC,EAAE,OAAO,KAAK,MAAM,GAAG,KAAK,EAAC,CAAE,GACxCC,IAAM,KAAK,OACNC,IAAI,GAAGA,IAAID,EAAI,QAAQC;AAC/B,UAAID,EAAIC,CAAC,EAAE,SAAS,KAAKD,EAAIC,CAAC,EAAE,SAAS,KAAKD,EAAIC,CAAC,EAAE,SAAS;AAC7D,QAAID,EAAIC,CAAC,EAAE,SAAS,MACnBD,EAAIC,CAAC,EAAE,QAAQ,OAAOD,EAAIC,CAAC,EAAE,KAAK,IACnCR,EAAK,KAAKO,EAAIC,CAAC,CAAC;AAAA,eAERD,EAAIC,CAAC,EAAE,SAAS;AACxB,QAAAF,EAAM,KAAKC,EAAIC,CAAC,CAAC;AAAA,eAETD,EAAIC,CAAC,EAAE,SAAS;AACxB,gBAAQN,IAASI,EAAM,IAAG,GAAI,SAAS;AACtC,UAAAN,EAAK,KAAKE,CAAM;AAAA,eAGTK,EAAIC,CAAC,EAAE,SAAS,IAAI;AAC5B,gBAAQN,IAASI,EAAM,IAAG,GAAI,SAAS;AACtC,UAAAN,EAAK,KAAKE,CAAM;AAEjB,QAAAI,EAAM,KAAKJ,CAAM;AAAA,MACpB,OACO;AACJ,QAAAD,IAAOM,EAAIC,CAAC,GACZJ,IAAMH,EAAK,KACXI,IAAMC,EAAMA,EAAM,SAAS,CAAC,GAC5BH,IAAOE,EAAI;AACX,YAAII,IAAOJ,EAAI,SAAS,cAAcJ,EAAK,SAAS;AACpD,YAAIG,IAAMD,EAAM,CAAAG,EAAM,KAAKL,CAAI;AAAA,aAC1B;AACJ,iBAAOE,KAAQC,KAAO,CAACK,KAAQA,KAAQL,IAAMD;AAC5C,YAAAD,IAASI,EAAM,OACfD,IAAMC,EAAMA,EAAM,SAAS,CAAC,GAC5BN,EAAK,KAAKE,CAAM,GAChBC,IAAOE,EAAI,KACXI,IAAOR,EAAK,SAAS,cAAcI,EAAI,SAAS;AAEjD,UAAAC,EAAM,KAAKL,CAAI;AAAA,QACnB;AAAA,MACA;AAEC,WAAO,IAAIH,EAAKE,CAAI;AAAA,EACrB,GACAU,IAAiBZ;;","x_google_ignoreList":[0]}
+{"version":3,"file":"visualization.es575.js","sources":["../../../node_modules/.pnpm/@visx+drag@4.0.0_@types+react@19.2.14_react@19.2.4/node_modules/@visx/drag/esm/util/useStateWithCallback.js"],"sourcesContent":["import { useCallback, useLayoutEffect, useRef, useState } from 'react';\n/** A hook that exposes a setState(state, callback) API similar to a component class. */\nexport default function useStateWithCallback(initialState) {\n  const [state, setState] = useState(initialState);\n  const callbackRef = useRef(null);\n  const setStateCallback = useCallback((nextState, callback) => {\n    callbackRef.current = callback || null;\n    setState(nextState);\n  }, [setState]);\n\n  // if we use useEffect, some callback invocations are skipped\n  useLayoutEffect(() => {\n    // `null` on initial render, so we only execute callback on state *updates*\n    if (callbackRef.current) {\n      callbackRef.current(state);\n      callbackRef.current = null; // reset callback after execution\n    }\n  }, [state]);\n  return [state, setStateCallback];\n}"],"names":["useStateWithCallback","initialState","state","setState","useState","callbackRef","useRef","setStateCallback","useCallback","nextState","callback","useLayoutEffect"],"mappings":";AAEe,SAASA,EAAqBC,GAAc;AACzD,QAAM,CAACC,GAAOC,CAAQ,IAAIC,EAASH,CAAY,GACzCI,IAAcC,EAAO,IAAI,GACzBC,IAAmBC,EAAY,CAACC,GAAWC,MAAa;AAC5D,IAAAL,EAAY,UAAUK,KAAY,MAClCP,EAASM,CAAS;AAAA,EACpB,GAAG,CAACN,CAAQ,CAAC;AAGb,SAAAQ,EAAgB,MAAM;AAEpB,IAAIN,EAAY,YACdA,EAAY,QAAQH,CAAK,GACzBG,EAAY,UAAU;AAAA,EAE1B,GAAG,CAACH,CAAK,CAAC,GACH,CAACA,GAAOK,CAAgB;AACjC;","x_google_ignoreList":[0]}

package/dist/visualization.es576.js

@@ -1,17 +1,13 @@
-function a(e, t) {
-  switch (arguments.length) {
-    case 0:
-      break;
-    case 1:
-      this.range(e);
-      break;
-    default:
-      this.range(t).domain(e);
-      break;
-  }
-  return this;
+import r from "./visualization.es609.js";
+import e from "./visualization.es610.js";
+function m(n, i) {
+  let t = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : {};
+  return i.length > 0 ? e(n, i) : {
+    x: r(n.x, t.xMin ?? -1 / 0, t.xMax ?? 1 / 0),
+    y: r(n.y, t.yMin ?? -1 / 0, t.yMax ?? 1 / 0)
+  };
 }
 export {
-  a as initRange
+  m as default
 };
 //# sourceMappingURL=visualization.es576.js.map

package/dist/visualization.es576.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es576.js","sources":["../../../node_modules/.pnpm/d3-scale@4.0.2/node_modules/d3-scale/src/init.js"],"sourcesContent":["export function initRange(domain, range) {\n  switch (arguments.length) {\n    case 0: break;\n    case 1: this.range(domain); break;\n    default: this.range(range).domain(domain); break;\n  }\n  return this;\n}\n\nexport function initInterpolator(domain, interpolator) {\n  switch (arguments.length) {\n    case 0: break;\n    case 1: {\n      if (typeof domain === \"function\") this.interpolator(domain);\n      else this.range(domain);\n      break;\n    }\n    default: {\n      this.domain(domain);\n      if (typeof interpolator === \"function\") this.interpolator(interpolator);\n      else this.range(interpolator);\n      break;\n    }\n  }\n  return this;\n}\n"],"names":["initRange","domain","range"],"mappings":"AAAO,SAASA,EAAUC,GAAQC,GAAO;AACvC,UAAQ,UAAU,QAAM;AAAA,IACtB,KAAK;AAAG;AAAA,IACR,KAAK;AAAG,WAAK,MAAMD,CAAM;AAAG;AAAA,IAC5B;AAAS,WAAK,MAAMC,CAAK,EAAE,OAAOD,CAAM;AAAG;AAAA,EAC/C;AACE,SAAO;AACT;","x_google_ignoreList":[0]}
+{"version":3,"file":"visualization.es576.js","sources":["../../../node_modules/.pnpm/@visx+drag@4.0.0_@types+react@19.2.14_react@19.2.4/node_modules/@visx/drag/esm/util/restrictPoint.js"],"sourcesContent":["import clampNumber from \"./clampNumber.js\";\nimport getClosestPoint from \"./getClosestPoint.js\";\n/** Restrict a point to an area, or samples along a path. */\nexport default function restrictPoint(point, samples) {\n  let restrict = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};\n  if (samples.length > 0) {\n    return getClosestPoint(point, samples);\n  }\n  return {\n    x: clampNumber(point.x, restrict.xMin ?? -Infinity, restrict.xMax ?? Infinity),\n    y: clampNumber(point.y, restrict.yMin ?? -Infinity, restrict.yMax ?? Infinity)\n  };\n}"],"names":["restrictPoint","point","samples","restrict","getClosestPoint","clampNumber"],"mappings":";;AAGe,SAASA,EAAcC,GAAOC,GAAS;AACpD,MAAIC,IAAW,UAAU,SAAS,KAAK,UAAU,CAAC,MAAM,SAAY,UAAU,CAAC,IAAI,CAAA;AACnF,SAAID,EAAQ,SAAS,IACZE,EAAgBH,GAAOC,CAAO,IAEhC;AAAA,IACL,GAAGG,EAAYJ,EAAM,GAAGE,EAAS,QAAQ,QAAWA,EAAS,QAAQ,KAAQ;AAAA,IAC7E,GAAGE,EAAYJ,EAAM,GAAGE,EAAS,QAAQ,QAAWA,EAAS,QAAQ,KAAQ;AAAA,EACjF;AACA;","x_google_ignoreList":[0]}

package/dist/visualization.es577.js

@@ -1,76 +1,22 @@
-import w from "./visualization.es610.js";
-import y from "./visualization.es609.js";
-import N from "./visualization.es611.js";
-import A from "./visualization.es612.js";
-import { bisectRight as k } from "./visualization.es487.js";
-import M from "./visualization.es531.js";
-var h = [0, 1];
-function p(n) {
-  return n;
-}
-function g(n, r) {
-  return (r -= n = +n) ? function(i) {
-    return (i - n) / r;
-  } : w(isNaN(r) ? NaN : 0.5);
-}
-function d(n, r) {
-  var i;
-  return n > r && (i = n, n = r, r = i), function(e) {
-    return Math.max(n, Math.min(r, e));
-  };
-}
-function R(n, r, i) {
-  var e = n[0], a = n[1], o = r[0], u = r[1];
-  return a < e ? (e = g(a, e), o = i(u, o)) : (e = g(e, a), o = i(o, u)), function(l) {
-    return o(e(l));
-  };
-}
-function j(n, r, i) {
-  var e = Math.min(n.length, r.length) - 1, a = new Array(e), o = new Array(e), u = -1;
-  for (n[e] < n[0] && (n = n.slice().reverse(), r = r.slice().reverse()); ++u < e; )
-    a[u] = g(n[u], n[u + 1]), o[u] = i(r[u], r[u + 1]);
-  return function(l) {
-    var m = k(n, l, 1, e) - 1;
-    return o[m](a[m](l));
-  };
-}
-function F(n, r) {
-  return r.domain(n.domain()).range(n.range()).interpolate(n.interpolate()).clamp(n.clamp()).unknown(n.unknown());
-}
-function z() {
-  var n = h, r = h, i = A, e, a, o, u = p, l, m, s;
-  function c() {
-    var t = Math.min(n.length, r.length);
-    return u !== p && (u = d(n[0], n[t - 1])), l = t > 2 ? j : R, m = s = null, f;
-  }
-  function f(t) {
-    return t == null || isNaN(t = +t) ? o : (m || (m = l(n.map(e), r, i)))(e(u(t)));
+import { useMemo as o } from "react";
+function r(e, s) {
+  let n = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : 1;
+  if (!e) return [];
+  const m = [], a = e.getTotalLength();
+  for (let t = 0; t <= a; t += n) {
+    const l = e.getPointAtLength(t).matrixTransform(s);
+    m.push(l);
   }
-  return f.invert = function(t) {
-    return u(a((s || (s = l(r, n.map(e), N)))(t)));
-  }, f.domain = function(t) {
-    return arguments.length ? (n = Array.from(t, y), c()) : n.slice();
-  }, f.range = function(t) {
-    return arguments.length ? (r = Array.from(t), c()) : r.slice();
-  }, f.rangeRound = function(t) {
-    return r = Array.from(t), i = M, c();
-  }, f.clamp = function(t) {
-    return arguments.length ? (u = t ? !0 : p, c()) : u !== p;
-  }, f.interpolate = function(t) {
-    return arguments.length ? (i = t, c()) : i;
-  }, f.unknown = function(t) {
-    return arguments.length ? (o = t, f) : o;
-  }, function(t, v) {
-    return e = t, a = v, c();
-  };
+  return m;
 }
-function G() {
-  return z()(p, p);
+function p(e) {
+  return o(() => {
+    if (!e) return [];
+    const n = e.getCTM() || new DOMMatrix();
+    return r(e, n);
+  }, [e?.getTotalLength()]);
 }
 export {
-  F as copy,
-  G as default,
-  p as identity,
-  z as transformer
+  p as default
 };
 //# sourceMappingURL=visualization.es577.js.map

package/dist/visualization.es577.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es577.js","sources":["../../../node_modules/.pnpm/d3-scale@4.0.2/node_modules/d3-scale/src/continuous.js"],"sourcesContent":["import {bisect} from \"d3-array\";\nimport {interpolate as interpolateValue, interpolateNumber, interpolateRound} from \"d3-interpolate\";\nimport constant from \"./constant.js\";\nimport number from \"./number.js\";\n\nvar unit = [0, 1];\n\nexport function identity(x) {\n  return x;\n}\n\nfunction normalize(a, b) {\n  return (b -= (a = +a))\n      ? function(x) { return (x - a) / b; }\n      : constant(isNaN(b) ? NaN : 0.5);\n}\n\nfunction clamper(a, b) {\n  var t;\n  if (a > b) t = a, a = b, b = t;\n  return function(x) { return Math.max(a, Math.min(b, x)); };\n}\n\n// normalize(a, b)(x) takes a domain value x in [a,b] and returns the corresponding parameter t in [0,1].\n// interpolate(a, b)(t) takes a parameter t in [0,1] and returns the corresponding range value x in [a,b].\nfunction bimap(domain, range, interpolate) {\n  var d0 = domain[0], d1 = domain[1], r0 = range[0], r1 = range[1];\n  if (d1 < d0) d0 = normalize(d1, d0), r0 = interpolate(r1, r0);\n  else d0 = normalize(d0, d1), r0 = interpolate(r0, r1);\n  return function(x) { return r0(d0(x)); };\n}\n\nfunction polymap(domain, range, interpolate) {\n  var j = Math.min(domain.length, range.length) - 1,\n      d = new Array(j),\n      r = new Array(j),\n      i = -1;\n\n  // Reverse descending domains.\n  if (domain[j] < domain[0]) {\n    domain = domain.slice().reverse();\n    range = range.slice().reverse();\n  }\n\n  while (++i < j) {\n    d[i] = normalize(domain[i], domain[i + 1]);\n    r[i] = interpolate(range[i], range[i + 1]);\n  }\n\n  return function(x) {\n    var i = bisect(domain, x, 1, j) - 1;\n    return r[i](d[i](x));\n  };\n}\n\nexport function copy(source, target) {\n  return target\n      .domain(source.domain())\n      .range(source.range())\n      .interpolate(source.interpolate())\n      .clamp(source.clamp())\n      .unknown(source.unknown());\n}\n\nexport function transformer() {\n  var domain = unit,\n      range = unit,\n      interpolate = interpolateValue,\n      transform,\n      untransform,\n      unknown,\n      clamp = identity,\n      piecewise,\n      output,\n      input;\n\n  function rescale() {\n    var n = Math.min(domain.length, range.length);\n    if (clamp !== identity) clamp = clamper(domain[0], domain[n - 1]);\n    piecewise = n > 2 ? polymap : bimap;\n    output = input = null;\n    return scale;\n  }\n\n  function scale(x) {\n    return x == null || isNaN(x = +x) ? unknown : (output || (output = piecewise(domain.map(transform), range, interpolate)))(transform(clamp(x)));\n  }\n\n  scale.invert = function(y) {\n    return clamp(untransform((input || (input = piecewise(range, domain.map(transform), interpolateNumber)))(y)));\n  };\n\n  scale.domain = function(_) {\n    return arguments.length ? (domain = Array.from(_, number), rescale()) : domain.slice();\n  };\n\n  scale.range = function(_) {\n    return arguments.length ? (range = Array.from(_), rescale()) : range.slice();\n  };\n\n  scale.rangeRound = function(_) {\n    return range = Array.from(_), interpolate = interpolateRound, rescale();\n  };\n\n  scale.clamp = function(_) {\n    return arguments.length ? (clamp = _ ? true : identity, rescale()) : clamp !== identity;\n  };\n\n  scale.interpolate = function(_) {\n    return arguments.length ? (interpolate = _, rescale()) : interpolate;\n  };\n\n  scale.unknown = function(_) {\n    return arguments.length ? (unknown = _, scale) : unknown;\n  };\n\n  return function(t, u) {\n    transform = t, untransform = u;\n    return rescale();\n  };\n}\n\nexport default function continuous() {\n  return transformer()(identity, identity);\n}\n"],"names":["unit","identity","x","normalize","a","b","constant","clamper","t","bimap","domain","range","interpolate","d0","d1","r0","r1","polymap","j","d","r","i","bisect","copy","source","target","transformer","interpolateValue","transform","untransform","unknown","clamp","piecewise","output","input","rescale","n","scale","y","interpolateNumber","_","number","interpolateRound","u","continuous"],"mappings":"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","x_google_ignoreList":[0]}
+{"version":3,"file":"visualization.es577.js","sources":["../../../node_modules/.pnpm/@visx+drag@4.0.0_@types+react@19.2.14_react@19.2.4/node_modules/@visx/drag/esm/util/useSamplesAlongPath.js"],"sourcesContent":["import { useMemo } from 'react';\nfunction getSamples(restrictToPath, transform) {\n  let precision = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 1;\n  if (!restrictToPath) return [];\n  const samples = [];\n  const pathLength = restrictToPath.getTotalLength();\n  for (let sampleLength = 0; sampleLength <= pathLength; sampleLength += precision) {\n    const sample = restrictToPath.getPointAtLength(sampleLength);\n    const transformedSample = sample.matrixTransform(transform);\n    samples.push(transformedSample);\n  }\n  return samples;\n}\n\n/** Return samples along a path, relative to the parent SVG  */\nexport default function useSamplesAlongPath(restrictToPath) {\n  const samples = useMemo(() => {\n    if (!restrictToPath) return [];\n    const transform = restrictToPath.getCTM() || new DOMMatrix();\n    return getSamples(restrictToPath, transform);\n    // The path can transform without triggering a re-render,\n    // so we need to update the samples whenever the length changes.\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [restrictToPath?.getTotalLength()]);\n  return samples;\n}"],"names":["getSamples","restrictToPath","transform","precision","samples","pathLength","sampleLength","transformedSample","useSamplesAlongPath","useMemo"],"mappings":";AACA,SAASA,EAAWC,GAAgBC,GAAW;AAC7C,MAAIC,IAAY,UAAU,SAAS,KAAK,UAAU,CAAC,MAAM,SAAY,UAAU,CAAC,IAAI;AACpF,MAAI,CAACF,EAAgB,QAAO,CAAA;AAC5B,QAAMG,IAAU,CAAA,GACVC,IAAaJ,EAAe,eAAc;AAChD,WAASK,IAAe,GAAGA,KAAgBD,GAAYC,KAAgBH,GAAW;AAEhF,UAAMI,IADSN,EAAe,iBAAiBK,CAAY,EAC1B,gBAAgBJ,CAAS;AAC1D,IAAAE,EAAQ,KAAKG,CAAiB;AAAA,EAChC;AACA,SAAOH;AACT;AAGe,SAASI,EAAoBP,GAAgB;AAS1D,SARgBQ,EAAQ,MAAM;AAC5B,QAAI,CAACR,EAAgB,QAAO,CAAA;AAC5B,UAAMC,IAAYD,EAAe,OAAM,KAAM,IAAI,UAAS;AAC1D,WAAOD,EAAWC,GAAgBC,CAAS;AAAA,EAI7C,GAAG,CAACD,GAAgB,eAAc,CAAE,CAAC;AAEvC;","x_google_ignoreList":[0]}