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

package/dist/visualization.es59.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es59.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 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    size: 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    size,\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    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 : zoom.dragEnd;\n    const onSurfaceMouseMove = selectMode === \"none\"\n        ? undefined\n        : selectMode === \"select\"\n            ? (isDragging ? dragMove : undefined)\n            : disableZoom ? undefined : zoom.dragMove;\n    const onSurfaceMouseLeave = selectMode === \"none\"\n        ? undefined\n        : selectMode === \"select\"\n            ? handleSelectionEnd\n            : disableZoom ? undefined : zoom.dragEnd;\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 : zoom.dragEnd;\n    const onSurfaceTouchMove = selectMode === \"none\"\n        ? undefined\n        : selectMode === \"select\"\n            ? (isDragging ? dragMove : undefined)\n            : disableZoom ? undefined : zoom.dragMove;\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: size, height: size }}>\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={size}\n                            height={size}\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","size","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","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","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","width","height","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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"}
+{"version":3,"file":"visualization.es59.js","sources":["../src/components/ScatterPlot/tooltip.tsx"],"sourcesContent":["import { TooltipProps } from \"./types\";\n\nconst ScatterTooltip = <T,>({\n    tooltipBody,\n    tooltipData\n}: TooltipProps<T>) => {\n    return (\n        <div>\n            {tooltipBody ? tooltipBody(tooltipData) : (\n                <div>\n                    {tooltipData.metaData && Object.entries(tooltipData.metaData).map(([key, value]) => (\n                        <div key={key}>\n                            <strong>{key.charAt(0).toUpperCase() + key.slice(1)}: </strong>\n                            {typeof value === 'string'\n                                ? (value.length > 45\n                                    ? `${value.replace(/_/g, \" \").slice(0, 45)}...`\n                                    : value.replace(/_/g, \" \"))\n                                : String(value)}\n                        </div>\n                    ))}\n                </div>\n            )}\n        </div>\n    );\n}\n\nexport default ScatterTooltip;"],"names":["ScatterTooltip","t0","$","_c","tooltipBody","tooltipData","t1","metaData","Object","entries","map","_temp","t2","key","value","jsxs","charAt","toUpperCase","slice","length","replace","String"],"mappings":";;AAEA,MAAMA,IAAiBC,CAAAA,MAAA;AAAA,QAAAC,IAAAC,EAAA,CAAA,GAAK;AAAA,IAAAC,aAAAA;AAAAA,IAAAC,aAAAA;AAAAA,EAAAA,IAAAJ;AAGV,MAAAK;AAAA,EAAAJ,EAAA,CAAA,MAAAE,KAAAF,SAAAG,KAGLC,IAAAF,IAAcA,EAAYC,CAa3B,sBAZI,OAAA,EACKA,UAAAA,EAAWE,YAAaC,OAAMC,QAASJ,EAAWE,QAAS,EAACG,IAAKC,CASjE,GACL,GACHT,OAAAE,GAAAF,OAAAG,GAAAH,OAAAI,KAAAA,IAAAJ,EAAA,CAAA;AAAA,MAAAU;AAAA,SAAAV,SAAAI,KAdLM,+BACKN,UAAAA,EAAAA,CAcL,GAAMJ,OAAAI,GAAAJ,OAAAU,KAAAA,IAAAV,EAAA,CAAA,GAfNU;AAeM;AApBS,SAAAD,EAAAV,GAAA;AAQgE,QAAA,CAAAY,GAAAC,CAAA,IAAAb;AAAY,2BAC3E,OAAA,EACI,UAAA;AAAA,IAAA,gBAAAc,EAAA,UAAA,EAASF,UAAAA;AAAAA,MAAAA,EAAGG,OAAQ,CAAC,EAACC,gBAAiBJ,EAAGK,MAAO,CAAC;AAAA,MAAE;AAAA,IAAA,GAAE;AAAA,IACrD,OAAOJ,KAAU,WACXA,EAAKK,SAAU,KAAf,GACML,EAAKM,QAAS,MAAM,GAAG,EAACF,MAAO,GAAG,EAAE,CAAC,QACxCJ,EAAKM,QAAS,MAAM,GAAG,IAC3BC,OAAOP,CAAK;AAAA,EAAA,EAAA,IACtB;AAAM;"}

package/dist/visualization.es595.js

@@ -1,36 +1,16 @@
-function M(r, u, e) {
-  return Math.max(u, Math.min(r, e));
-}
-const y = {
-  toVector(r, u) {
-    return r === void 0 && (r = u), Array.isArray(r) ? r : [r, r];
-  },
-  add(r, u) {
-    return [r[0] + u[0], r[1] + u[1]];
-  },
-  sub(r, u) {
-    return [r[0] - u[0], r[1] - u[1]];
-  },
-  addTo(r, u) {
-    r[0] += u[0], r[1] += u[1];
-  },
-  subTo(r, u) {
-    r[0] -= u[0], r[1] -= u[1];
+import { isControllingVariants as r } from "./visualization.es192.js";
+import { isVariantLabel as e } from "./visualization.es456.js";
+function o(i, a) {
+  if (r(i)) {
+    const { initial: n, animate: t } = i;
+    return {
+      initial: n === !1 || e(n) ? n : void 0,
+      animate: e(t) ? t : void 0
+    };
   }
-};
-function b(r, u, e) {
-  return u === 0 || Math.abs(u) === 1 / 0 ? Math.pow(r, e * 5) : r * u * e / (u + e * r);
-}
-function t(r, u, e, f = 0.15) {
-  return f === 0 ? M(r, u, e) : r < u ? -b(u - r, e - u, f) + u : r > e ? +b(r - e, e - u, f) + e : r;
-}
-function A(r, [u, e], [f, a]) {
-  const [[d, c], [h, n]] = r;
-  return [t(u, d, c, f), t(e, h, n, a)];
+  return i.inherit !== !1 ? a : {};
 }
 export {
-  y as V,
-  A as c,
-  t as r
+  o as getCurrentTreeVariants
 };
 //# sourceMappingURL=visualization.es595.js.map

package/dist/visualization.es595.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es595.js","sources":["../../../node_modules/.pnpm/@use-gesture+core@10.3.1/node_modules/@use-gesture/core/dist/maths-0ab39ae9.esm.js"],"sourcesContent":["function clamp(v, min, max) {\n  return Math.max(min, Math.min(v, max));\n}\nconst V = {\n  toVector(v, fallback) {\n    if (v === undefined) v = fallback;\n    return Array.isArray(v) ? v : [v, v];\n  },\n  add(v1, v2) {\n    return [v1[0] + v2[0], v1[1] + v2[1]];\n  },\n  sub(v1, v2) {\n    return [v1[0] - v2[0], v1[1] - v2[1]];\n  },\n  addTo(v1, v2) {\n    v1[0] += v2[0];\n    v1[1] += v2[1];\n  },\n  subTo(v1, v2) {\n    v1[0] -= v2[0];\n    v1[1] -= v2[1];\n  }\n};\nfunction rubberband(distance, dimension, constant) {\n  if (dimension === 0 || Math.abs(dimension) === Infinity) return Math.pow(distance, constant * 5);\n  return distance * dimension * constant / (dimension + constant * distance);\n}\nfunction rubberbandIfOutOfBounds(position, min, max, constant = 0.15) {\n  if (constant === 0) return clamp(position, min, max);\n  if (position < min) return -rubberband(min - position, max - min, constant) + min;\n  if (position > max) return +rubberband(position - max, max - min, constant) + max;\n  return position;\n}\nfunction computeRubberband(bounds, [Vx, Vy], [Rx, Ry]) {\n  const [[X0, X1], [Y0, Y1]] = bounds;\n  return [rubberbandIfOutOfBounds(Vx, X0, X1, Rx), rubberbandIfOutOfBounds(Vy, Y0, Y1, Ry)];\n}\n\nexport { V, computeRubberband as c, rubberbandIfOutOfBounds as r };\n"],"names":["clamp","v","min","max","V","fallback","v1","v2","rubberband","distance","dimension","constant","rubberbandIfOutOfBounds","position","computeRubberband","bounds","Vx","Vy","Rx","Ry","X0","X1","Y0","Y1"],"mappings":"AAAA,SAASA,EAAMC,GAAGC,GAAKC,GAAK;AAC1B,SAAO,KAAK,IAAID,GAAK,KAAK,IAAID,GAAGE,CAAG,CAAC;AACvC;AACK,MAACC,IAAI;AAAA,EACR,SAASH,GAAGI,GAAU;AACpB,WAAIJ,MAAM,WAAWA,IAAII,IAClB,MAAM,QAAQJ,CAAC,IAAIA,IAAI,CAACA,GAAGA,CAAC;AAAA,EACrC;AAAA,EACA,IAAIK,GAAIC,GAAI;AACV,WAAO,CAACD,EAAG,CAAC,IAAIC,EAAG,CAAC,GAAGD,EAAG,CAAC,IAAIC,EAAG,CAAC,CAAC;AAAA,EACtC;AAAA,EACA,IAAID,GAAIC,GAAI;AACV,WAAO,CAACD,EAAG,CAAC,IAAIC,EAAG,CAAC,GAAGD,EAAG,CAAC,IAAIC,EAAG,CAAC,CAAC;AAAA,EACtC;AAAA,EACA,MAAMD,GAAIC,GAAI;AACZ,IAAAD,EAAG,CAAC,KAAKC,EAAG,CAAC,GACbD,EAAG,CAAC,KAAKC,EAAG,CAAC;AAAA,EACf;AAAA,EACA,MAAMD,GAAIC,GAAI;AACZ,IAAAD,EAAG,CAAC,KAAKC,EAAG,CAAC,GACbD,EAAG,CAAC,KAAKC,EAAG,CAAC;AAAA,EACf;AACF;AACA,SAASC,EAAWC,GAAUC,GAAWC,GAAU;AACjD,SAAID,MAAc,KAAK,KAAK,IAAIA,CAAS,MAAM,QAAiB,KAAK,IAAID,GAAUE,IAAW,CAAC,IACxFF,IAAWC,IAAYC,KAAYD,IAAYC,IAAWF;AACnE;AACA,SAASG,EAAwBC,GAAUX,GAAKC,GAAKQ,IAAW,MAAM;AACpE,SAAIA,MAAa,IAAUX,EAAMa,GAAUX,GAAKC,CAAG,IAC/CU,IAAWX,IAAY,CAACM,EAAWN,IAAMW,GAAUV,IAAMD,GAAKS,CAAQ,IAAIT,IAC1EW,IAAWV,IAAY,CAACK,EAAWK,IAAWV,GAAKA,IAAMD,GAAKS,CAAQ,IAAIR,IACvEU;AACT;AACA,SAASC,EAAkBC,GAAQ,CAACC,GAAIC,CAAE,GAAG,CAACC,GAAIC,CAAE,GAAG;AACrD,QAAM,CAAC,CAACC,GAAIC,CAAE,GAAG,CAACC,GAAIC,CAAE,CAAC,IAAIR;AAC7B,SAAO,CAACH,EAAwBI,GAAII,GAAIC,GAAIH,CAAE,GAAGN,EAAwBK,GAAIK,GAAIC,GAAIJ,CAAE,CAAC;AAC1F;","x_google_ignoreList":[0]}
+{"version":3,"file":"visualization.es595.js","sources":["../../../node_modules/.pnpm/framer-motion@12.38.0_@emotion+is-prop-valid@1.4.0_react-dom@19.2.4_react@19.2.4__react@19.2.4/node_modules/framer-motion/dist/es/context/MotionContext/utils.mjs"],"sourcesContent":["import { isControllingVariants, isVariantLabel } from 'motion-dom';\n\nfunction getCurrentTreeVariants(props, context) {\n    if (isControllingVariants(props)) {\n        const { initial, animate } = props;\n        return {\n            initial: initial === false || isVariantLabel(initial)\n                ? initial\n                : undefined,\n            animate: isVariantLabel(animate) ? animate : undefined,\n        };\n    }\n    return props.inherit !== false ? context : {};\n}\n\nexport { getCurrentTreeVariants };\n//# sourceMappingURL=utils.mjs.map\n"],"names":["getCurrentTreeVariants","props","context","isControllingVariants","initial","animate","isVariantLabel"],"mappings":";;AAEA,SAASA,EAAuBC,GAAOC,GAAS;AAC5C,MAAIC,EAAsBF,CAAK,GAAG;AAC9B,UAAM,EAAE,SAAAG,GAAS,SAAAC,EAAO,IAAKJ;AAC7B,WAAO;AAAA,MACH,SAASG,MAAY,MAASE,EAAeF,CAAO,IAC9CA,IACA;AAAA,MACN,SAASE,EAAeD,CAAO,IAAIA,IAAU;AAAA,IACzD;AAAA,EACI;AACA,SAAOJ,EAAM,YAAY,KAAQC,IAAU,CAAA;AAC/C;","x_google_ignoreList":[0]}

package/dist/visualization.es596.js

@@ -1,16 +1,28 @@
-import { isControllingVariants as r } from "./visualization.es214.js";
-import { isVariantLabel as e } from "./visualization.es444.js";
-function o(i, a) {
-  if (r(i)) {
-    const { initial: n, animate: t } = i;
-    return {
-      initial: n === !1 || e(n) ? n : void 0,
-      animate: e(t) ? t : void 0
-    };
-  }
-  return i.inherit !== !1 ? a : {};
+import { useMemo as i } from "react";
+import { createHtmlRenderState as a } from "./visualization.es598.js";
+import { isMotionValue as r } from "./visualization.es197.js";
+import { isForcedMotionValue as l } from "./visualization.es459.js";
+import { buildHTMLStyles as s } from "./visualization.es441.js";
+function u(t, o, n) {
+  for (const e in o)
+    !r(o[e]) && !l(e, n) && (t[e] = o[e]);
+}
+function c({ transformTemplate: t }, o) {
+  return i(() => {
+    const n = a();
+    return s(n, o, t), Object.assign({}, n.vars, n.style);
+  }, [o]);
+}
+function f(t, o) {
+  const n = t.style || {}, e = {};
+  return u(e, n, t), Object.assign(e, c(t, o)), e;
+}
+function M(t, o) {
+  const n = {}, e = f(t, o);
+  return t.drag && t.dragListener !== !1 && (n.draggable = !1, e.userSelect = e.WebkitUserSelect = e.WebkitTouchCallout = "none", e.touchAction = t.drag === !0 ? "none" : `pan-${t.drag === "x" ? "y" : "x"}`), t.tabIndex === void 0 && (t.onTap || t.onTapStart || t.whileTap) && (n.tabIndex = 0), n.style = e, n;
 }
 export {
-  o as getCurrentTreeVariants
+  u as copyRawValuesOnly,
+  M as useHTMLProps
 };
 //# sourceMappingURL=visualization.es596.js.map

package/dist/visualization.es596.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es596.js","sources":["../../../node_modules/.pnpm/framer-motion@12.38.0_@emotion+is-prop-valid@1.4.0_react-dom@19.2.4_react@19.2.4__react@19.2.4/node_modules/framer-motion/dist/es/context/MotionContext/utils.mjs"],"sourcesContent":["import { isControllingVariants, isVariantLabel } from 'motion-dom';\n\nfunction getCurrentTreeVariants(props, context) {\n    if (isControllingVariants(props)) {\n        const { initial, animate } = props;\n        return {\n            initial: initial === false || isVariantLabel(initial)\n                ? initial\n                : undefined,\n            animate: isVariantLabel(animate) ? animate : undefined,\n        };\n    }\n    return props.inherit !== false ? context : {};\n}\n\nexport { getCurrentTreeVariants };\n//# sourceMappingURL=utils.mjs.map\n"],"names":["getCurrentTreeVariants","props","context","isControllingVariants","initial","animate","isVariantLabel"],"mappings":";;AAEA,SAASA,EAAuBC,GAAOC,GAAS;AAC5C,MAAIC,EAAsBF,CAAK,GAAG;AAC9B,UAAM,EAAE,SAAAG,GAAS,SAAAC,EAAO,IAAKJ;AAC7B,WAAO;AAAA,MACH,SAASG,MAAY,MAASE,EAAeF,CAAO,IAC9CA,IACA;AAAA,MACN,SAASE,EAAeD,CAAO,IAAIA,IAAU;AAAA,IACzD;AAAA,EACI;AACA,SAAOJ,EAAM,YAAY,KAAQC,IAAU,CAAA;AAC/C;","x_google_ignoreList":[0]}
+{"version":3,"file":"visualization.es596.js","sources":["../../../node_modules/.pnpm/framer-motion@12.38.0_@emotion+is-prop-valid@1.4.0_react-dom@19.2.4_react@19.2.4__react@19.2.4/node_modules/framer-motion/dist/es/render/html/use-props.mjs"],"sourcesContent":["\"use client\";\nimport { isMotionValue, isForcedMotionValue, buildHTMLStyles } from 'motion-dom';\nimport { useMemo } from 'react';\nimport { createHtmlRenderState } from './utils/create-render-state.mjs';\n\nfunction copyRawValuesOnly(target, source, props) {\n    for (const key in source) {\n        if (!isMotionValue(source[key]) && !isForcedMotionValue(key, props)) {\n            target[key] = source[key];\n        }\n    }\n}\nfunction useInitialMotionValues({ transformTemplate }, visualState) {\n    return useMemo(() => {\n        const state = createHtmlRenderState();\n        buildHTMLStyles(state, visualState, transformTemplate);\n        return Object.assign({}, state.vars, state.style);\n    }, [visualState]);\n}\nfunction useStyle(props, visualState) {\n    const styleProp = props.style || {};\n    const style = {};\n    /**\n     * Copy non-Motion Values straight into style\n     */\n    copyRawValuesOnly(style, styleProp, props);\n    Object.assign(style, useInitialMotionValues(props, visualState));\n    return style;\n}\nfunction useHTMLProps(props, visualState) {\n    // The `any` isn't ideal but it is the type of createElement props argument\n    const htmlProps = {};\n    const style = useStyle(props, visualState);\n    if (props.drag && props.dragListener !== false) {\n        // Disable the ghost element when a user drags\n        htmlProps.draggable = false;\n        // Disable text selection\n        style.userSelect =\n            style.WebkitUserSelect =\n                style.WebkitTouchCallout =\n                    \"none\";\n        // Disable scrolling on the draggable direction\n        style.touchAction =\n            props.drag === true\n                ? \"none\"\n                : `pan-${props.drag === \"x\" ? \"y\" : \"x\"}`;\n    }\n    if (props.tabIndex === undefined &&\n        (props.onTap || props.onTapStart || props.whileTap)) {\n        htmlProps.tabIndex = 0;\n    }\n    htmlProps.style = style;\n    return htmlProps;\n}\n\nexport { copyRawValuesOnly, useHTMLProps };\n//# sourceMappingURL=use-props.mjs.map\n"],"names":["copyRawValuesOnly","target","source","props","key","isMotionValue","isForcedMotionValue","useInitialMotionValues","transformTemplate","visualState","useMemo","state","createHtmlRenderState","buildHTMLStyles","useStyle","styleProp","style","useHTMLProps","htmlProps"],"mappings":";;;;;AAKA,SAASA,EAAkBC,GAAQC,GAAQC,GAAO;AAC9C,aAAWC,KAAOF;AACd,IAAI,CAACG,EAAcH,EAAOE,CAAG,CAAC,KAAK,CAACE,EAAoBF,GAAKD,CAAK,MAC9DF,EAAOG,CAAG,IAAIF,EAAOE,CAAG;AAGpC;AACA,SAASG,EAAuB,EAAE,mBAAAC,EAAiB,GAAIC,GAAa;AAChE,SAAOC,EAAQ,MAAM;AACjB,UAAMC,IAAQC,EAAqB;AACnC,WAAAC,EAAgBF,GAAOF,GAAaD,CAAiB,GAC9C,OAAO,OAAO,CAAA,GAAIG,EAAM,MAAMA,EAAM,KAAK;AAAA,EACpD,GAAG,CAACF,CAAW,CAAC;AACpB;AACA,SAASK,EAASX,GAAOM,GAAa;AAClC,QAAMM,IAAYZ,EAAM,SAAS,CAAA,GAC3Ba,IAAQ,CAAA;AAId,SAAAhB,EAAkBgB,GAAOD,GAAWZ,CAAK,GACzC,OAAO,OAAOa,GAAOT,EAAuBJ,GAAOM,CAAW,CAAC,GACxDO;AACX;AACA,SAASC,EAAad,GAAOM,GAAa;AAEtC,QAAMS,IAAY,CAAA,GACZF,IAAQF,EAASX,GAAOM,CAAW;AACzC,SAAIN,EAAM,QAAQA,EAAM,iBAAiB,OAErCe,EAAU,YAAY,IAEtBF,EAAM,aACFA,EAAM,mBACFA,EAAM,qBACF,QAEZA,EAAM,cACFb,EAAM,SAAS,KACT,SACA,OAAOA,EAAM,SAAS,MAAM,MAAM,GAAG,KAE/CA,EAAM,aAAa,WAClBA,EAAM,SAASA,EAAM,cAAcA,EAAM,cAC1Ce,EAAU,WAAW,IAEzBA,EAAU,QAAQF,GACXE;AACX;","x_google_ignoreList":[0]}

package/dist/visualization.es597.js

@@ -1,28 +1,23 @@
-import { useMemo as i } from "react";
-import { createHtmlRenderState as a } from "./visualization.es599.js";
-import { isMotionValue as r } from "./visualization.es219.js";
-import { isForcedMotionValue as l } from "./visualization.es447.js";
-import { buildHTMLStyles as s } from "./visualization.es429.js";
-function u(t, o, n) {
-  for (const e in o)
-    !r(o[e]) && !l(e, n) && (t[e] = o[e]);
-}
-function c({ transformTemplate: t }, o) {
-  return i(() => {
-    const n = a();
-    return s(n, o, t), Object.assign({}, n.vars, n.style);
-  }, [o]);
-}
-function f(t, o) {
-  const n = t.style || {}, e = {};
-  return u(e, n, t), Object.assign(e, c(t, o)), e;
-}
-function M(t, o) {
-  const n = {}, e = f(t, o);
-  return t.drag && t.dragListener !== !1 && (n.draggable = !1, e.userSelect = e.WebkitUserSelect = e.WebkitTouchCallout = "none", e.touchAction = t.drag === !0 ? "none" : `pan-${t.drag === "x" ? "y" : "x"}`), t.tabIndex === void 0 && (t.onTap || t.onTapStart || t.whileTap) && (n.tabIndex = 0), n.style = e, n;
+import { useMemo as m } from "react";
+import { copyRawValuesOnly as l } from "./visualization.es596.js";
+import { createSvgRenderState as i } from "./visualization.es599.js";
+import { buildSVGAttrs as a } from "./visualization.es446.js";
+import { isSVGTag as n } from "./visualization.es448.js";
+function G(e, s, y, o) {
+  const r = m(() => {
+    const t = i();
+    return a(t, s, n(o), e.transformTemplate, e.style), {
+      ...t.attrs,
+      style: { ...t.style }
+    };
+  }, [s]);
+  if (e.style) {
+    const t = {};
+    l(t, e.style, e), r.style = { ...t, ...r.style };
+  }
+  return r;
 }
 export {
-  u as copyRawValuesOnly,
-  M as useHTMLProps
+  G as useSVGProps
 };
 //# sourceMappingURL=visualization.es597.js.map

package/dist/visualization.es597.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es597.js","sources":["../../../node_modules/.pnpm/framer-motion@12.38.0_@emotion+is-prop-valid@1.4.0_react-dom@19.2.4_react@19.2.4__react@19.2.4/node_modules/framer-motion/dist/es/render/html/use-props.mjs"],"sourcesContent":["\"use client\";\nimport { isMotionValue, isForcedMotionValue, buildHTMLStyles } from 'motion-dom';\nimport { useMemo } from 'react';\nimport { createHtmlRenderState } from './utils/create-render-state.mjs';\n\nfunction copyRawValuesOnly(target, source, props) {\n    for (const key in source) {\n        if (!isMotionValue(source[key]) && !isForcedMotionValue(key, props)) {\n            target[key] = source[key];\n        }\n    }\n}\nfunction useInitialMotionValues({ transformTemplate }, visualState) {\n    return useMemo(() => {\n        const state = createHtmlRenderState();\n        buildHTMLStyles(state, visualState, transformTemplate);\n        return Object.assign({}, state.vars, state.style);\n    }, [visualState]);\n}\nfunction useStyle(props, visualState) {\n    const styleProp = props.style || {};\n    const style = {};\n    /**\n     * Copy non-Motion Values straight into style\n     */\n    copyRawValuesOnly(style, styleProp, props);\n    Object.assign(style, useInitialMotionValues(props, visualState));\n    return style;\n}\nfunction useHTMLProps(props, visualState) {\n    // The `any` isn't ideal but it is the type of createElement props argument\n    const htmlProps = {};\n    const style = useStyle(props, visualState);\n    if (props.drag && props.dragListener !== false) {\n        // Disable the ghost element when a user drags\n        htmlProps.draggable = false;\n        // Disable text selection\n        style.userSelect =\n            style.WebkitUserSelect =\n                style.WebkitTouchCallout =\n                    \"none\";\n        // Disable scrolling on the draggable direction\n        style.touchAction =\n            props.drag === true\n                ? \"none\"\n                : `pan-${props.drag === \"x\" ? \"y\" : \"x\"}`;\n    }\n    if (props.tabIndex === undefined &&\n        (props.onTap || props.onTapStart || props.whileTap)) {\n        htmlProps.tabIndex = 0;\n    }\n    htmlProps.style = style;\n    return htmlProps;\n}\n\nexport { copyRawValuesOnly, useHTMLProps };\n//# sourceMappingURL=use-props.mjs.map\n"],"names":["copyRawValuesOnly","target","source","props","key","isMotionValue","isForcedMotionValue","useInitialMotionValues","transformTemplate","visualState","useMemo","state","createHtmlRenderState","buildHTMLStyles","useStyle","styleProp","style","useHTMLProps","htmlProps"],"mappings":";;;;;AAKA,SAASA,EAAkBC,GAAQC,GAAQC,GAAO;AAC9C,aAAWC,KAAOF;AACd,IAAI,CAACG,EAAcH,EAAOE,CAAG,CAAC,KAAK,CAACE,EAAoBF,GAAKD,CAAK,MAC9DF,EAAOG,CAAG,IAAIF,EAAOE,CAAG;AAGpC;AACA,SAASG,EAAuB,EAAE,mBAAAC,EAAiB,GAAIC,GAAa;AAChE,SAAOC,EAAQ,MAAM;AACjB,UAAMC,IAAQC,EAAqB;AACnC,WAAAC,EAAgBF,GAAOF,GAAaD,CAAiB,GAC9C,OAAO,OAAO,CAAA,GAAIG,EAAM,MAAMA,EAAM,KAAK;AAAA,EACpD,GAAG,CAACF,CAAW,CAAC;AACpB;AACA,SAASK,EAASX,GAAOM,GAAa;AAClC,QAAMM,IAAYZ,EAAM,SAAS,CAAA,GAC3Ba,IAAQ,CAAA;AAId,SAAAhB,EAAkBgB,GAAOD,GAAWZ,CAAK,GACzC,OAAO,OAAOa,GAAOT,EAAuBJ,GAAOM,CAAW,CAAC,GACxDO;AACX;AACA,SAASC,EAAad,GAAOM,GAAa;AAEtC,QAAMS,IAAY,CAAA,GACZF,IAAQF,EAASX,GAAOM,CAAW;AACzC,SAAIN,EAAM,QAAQA,EAAM,iBAAiB,OAErCe,EAAU,YAAY,IAEtBF,EAAM,aACFA,EAAM,mBACFA,EAAM,qBACF,QAEZA,EAAM,cACFb,EAAM,SAAS,KACT,SACA,OAAOA,EAAM,SAAS,MAAM,MAAM,GAAG,KAE/CA,EAAM,aAAa,WAClBA,EAAM,SAASA,EAAM,cAAcA,EAAM,cAC1Ce,EAAU,WAAW,IAEzBA,EAAU,QAAQF,GACXE;AACX;","x_google_ignoreList":[0]}
+{"version":3,"file":"visualization.es597.js","sources":["../../../node_modules/.pnpm/framer-motion@12.38.0_@emotion+is-prop-valid@1.4.0_react-dom@19.2.4_react@19.2.4__react@19.2.4/node_modules/framer-motion/dist/es/render/svg/use-props.mjs"],"sourcesContent":["\"use client\";\nimport { buildSVGAttrs, isSVGTag } from 'motion-dom';\nimport { useMemo } from 'react';\nimport { copyRawValuesOnly } from '../html/use-props.mjs';\nimport { createSvgRenderState } from './utils/create-render-state.mjs';\n\nfunction useSVGProps(props, visualState, _isStatic, Component) {\n    const visualProps = useMemo(() => {\n        const state = createSvgRenderState();\n        buildSVGAttrs(state, visualState, isSVGTag(Component), props.transformTemplate, props.style);\n        return {\n            ...state.attrs,\n            style: { ...state.style },\n        };\n    }, [visualState]);\n    if (props.style) {\n        const rawStyles = {};\n        copyRawValuesOnly(rawStyles, props.style, props);\n        visualProps.style = { ...rawStyles, ...visualProps.style };\n    }\n    return visualProps;\n}\n\nexport { useSVGProps };\n//# sourceMappingURL=use-props.mjs.map\n"],"names":["useSVGProps","props","visualState","_isStatic","Component","visualProps","useMemo","state","createSvgRenderState","buildSVGAttrs","isSVGTag","rawStyles","copyRawValuesOnly"],"mappings":";;;;;AAMA,SAASA,EAAYC,GAAOC,GAAaC,GAAWC,GAAW;AAC3D,QAAMC,IAAcC,EAAQ,MAAM;AAC9B,UAAMC,IAAQC,EAAoB;AAClC,WAAAC,EAAcF,GAAOL,GAAaQ,EAASN,CAAS,GAAGH,EAAM,mBAAmBA,EAAM,KAAK,GACpF;AAAA,MACH,GAAGM,EAAM;AAAA,MACT,OAAO,EAAE,GAAGA,EAAM,MAAK;AAAA,IACnC;AAAA,EACI,GAAG,CAACL,CAAW,CAAC;AAChB,MAAID,EAAM,OAAO;AACb,UAAMU,IAAY,CAAA;AAClB,IAAAC,EAAkBD,GAAWV,EAAM,OAAOA,CAAK,GAC/CI,EAAY,QAAQ,EAAE,GAAGM,GAAW,GAAGN,EAAY,MAAK;AAAA,EAC5D;AACA,SAAOA;AACX;","x_google_ignoreList":[0]}

package/dist/visualization.es598.js

@@ -1,23 +1,10 @@
-import { useMemo as m } from "react";
-import { copyRawValuesOnly as l } from "./visualization.es597.js";
-import { createSvgRenderState as i } from "./visualization.es600.js";
-import { buildSVGAttrs as a } from "./visualization.es434.js";
-import { isSVGTag as n } from "./visualization.es436.js";
-function G(e, s, y, o) {
-  const r = m(() => {
-    const t = i();
-    return a(t, s, n(o), e.transformTemplate, e.style), {
-      ...t.attrs,
-      style: { ...t.style }
-    };
-  }, [s]);
-  if (e.style) {
-    const t = {};
-    l(t, e.style, e), r.style = { ...t, ...r.style };
-  }
-  return r;
-}
+const r = () => ({
+  style: {},
+  transform: {},
+  transformOrigin: {},
+  vars: {}
+});
 export {
-  G as useSVGProps
+  r as createHtmlRenderState
 };
 //# sourceMappingURL=visualization.es598.js.map

package/dist/visualization.es598.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es598.js","sources":["../../../node_modules/.pnpm/framer-motion@12.38.0_@emotion+is-prop-valid@1.4.0_react-dom@19.2.4_react@19.2.4__react@19.2.4/node_modules/framer-motion/dist/es/render/svg/use-props.mjs"],"sourcesContent":["\"use client\";\nimport { buildSVGAttrs, isSVGTag } from 'motion-dom';\nimport { useMemo } from 'react';\nimport { copyRawValuesOnly } from '../html/use-props.mjs';\nimport { createSvgRenderState } from './utils/create-render-state.mjs';\n\nfunction useSVGProps(props, visualState, _isStatic, Component) {\n    const visualProps = useMemo(() => {\n        const state = createSvgRenderState();\n        buildSVGAttrs(state, visualState, isSVGTag(Component), props.transformTemplate, props.style);\n        return {\n            ...state.attrs,\n            style: { ...state.style },\n        };\n    }, [visualState]);\n    if (props.style) {\n        const rawStyles = {};\n        copyRawValuesOnly(rawStyles, props.style, props);\n        visualProps.style = { ...rawStyles, ...visualProps.style };\n    }\n    return visualProps;\n}\n\nexport { useSVGProps };\n//# sourceMappingURL=use-props.mjs.map\n"],"names":["useSVGProps","props","visualState","_isStatic","Component","visualProps","useMemo","state","createSvgRenderState","buildSVGAttrs","isSVGTag","rawStyles","copyRawValuesOnly"],"mappings":";;;;;AAMA,SAASA,EAAYC,GAAOC,GAAaC,GAAWC,GAAW;AAC3D,QAAMC,IAAcC,EAAQ,MAAM;AAC9B,UAAMC,IAAQC,EAAoB;AAClC,WAAAC,EAAcF,GAAOL,GAAaQ,EAASN,CAAS,GAAGH,EAAM,mBAAmBA,EAAM,KAAK,GACpF;AAAA,MACH,GAAGM,EAAM;AAAA,MACT,OAAO,EAAE,GAAGA,EAAM,MAAK;AAAA,IACnC;AAAA,EACI,GAAG,CAACL,CAAW,CAAC;AAChB,MAAID,EAAM,OAAO;AACb,UAAMU,IAAY,CAAA;AAClB,IAAAC,EAAkBD,GAAWV,EAAM,OAAOA,CAAK,GAC/CI,EAAY,QAAQ,EAAE,GAAGM,GAAW,GAAGN,EAAY,MAAK;AAAA,EAC5D;AACA,SAAOA;AACX;","x_google_ignoreList":[0]}
+{"version":3,"file":"visualization.es598.js","sources":["../../../node_modules/.pnpm/framer-motion@12.38.0_@emotion+is-prop-valid@1.4.0_react-dom@19.2.4_react@19.2.4__react@19.2.4/node_modules/framer-motion/dist/es/render/html/utils/create-render-state.mjs"],"sourcesContent":["const createHtmlRenderState = () => ({\n    style: {},\n    transform: {},\n    transformOrigin: {},\n    vars: {},\n});\n\nexport { createHtmlRenderState };\n//# sourceMappingURL=create-render-state.mjs.map\n"],"names":["createHtmlRenderState"],"mappings":"AAAK,MAACA,IAAwB,OAAO;AAAA,EACjC,OAAO,CAAA;AAAA,EACP,WAAW,CAAA;AAAA,EACX,iBAAiB,CAAA;AAAA,EACjB,MAAM,CAAA;AACV;","x_google_ignoreList":[0]}

package/dist/visualization.es599.js

@@ -1,10 +1,9 @@
+import { createHtmlRenderState as t } from "./visualization.es598.js";
 const r = () => ({
-  style: {},
-  transform: {},
-  transformOrigin: {},
-  vars: {}
+  ...t(),
+  attrs: {}
 });
 export {
-  r as createHtmlRenderState
+  r as createSvgRenderState
 };
 //# sourceMappingURL=visualization.es599.js.map

package/dist/visualization.es599.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es599.js","sources":["../../../node_modules/.pnpm/framer-motion@12.38.0_@emotion+is-prop-valid@1.4.0_react-dom@19.2.4_react@19.2.4__react@19.2.4/node_modules/framer-motion/dist/es/render/html/utils/create-render-state.mjs"],"sourcesContent":["const createHtmlRenderState = () => ({\n    style: {},\n    transform: {},\n    transformOrigin: {},\n    vars: {},\n});\n\nexport { createHtmlRenderState };\n//# sourceMappingURL=create-render-state.mjs.map\n"],"names":["createHtmlRenderState"],"mappings":"AAAK,MAACA,IAAwB,OAAO;AAAA,EACjC,OAAO,CAAA;AAAA,EACP,WAAW,CAAA;AAAA,EACX,iBAAiB,CAAA;AAAA,EACjB,MAAM,CAAA;AACV;","x_google_ignoreList":[0]}
+{"version":3,"file":"visualization.es599.js","sources":["../../../node_modules/.pnpm/framer-motion@12.38.0_@emotion+is-prop-valid@1.4.0_react-dom@19.2.4_react@19.2.4__react@19.2.4/node_modules/framer-motion/dist/es/render/svg/utils/create-render-state.mjs"],"sourcesContent":["import { createHtmlRenderState } from '../../html/utils/create-render-state.mjs';\n\nconst createSvgRenderState = () => ({\n    ...createHtmlRenderState(),\n    attrs: {},\n});\n\nexport { createSvgRenderState };\n//# sourceMappingURL=create-render-state.mjs.map\n"],"names":["createSvgRenderState","createHtmlRenderState"],"mappings":";AAEK,MAACA,IAAuB,OAAO;AAAA,EAChC,GAAGC,EAAqB;AAAA,EACxB,OAAO,CAAA;AACX;","x_google_ignoreList":[0]}

package/dist/visualization.es6.js

@@ -1,23 +1,23 @@
 import { jsx as x, jsxs as be } from "react/jsx-runtime";
 import { c as Pe } from "react/compiler-runtime";
 import { useRef as Re, useImperativeHandle as Ge } from "react";
-import { downloadSVGAsPNG as ze, downloadAsSVG as Ce } from "./visualization.es43.js";
-import { scottRule as Fe, kernelDensityEstimator as Ve, gaussian as Te } from "./visualization.es47.js";
-import We from "./visualization.es83.js";
-import _e from "./visualization.es84.js";
-import De from "./visualization.es85.js";
+import { downloadSVGAsPNG as ze, downloadAsSVG as Ce } from "./visualization.es29.js";
+import { scottRule as Fe, kernelDensityEstimator as Ve, gaussian as Te } from "./visualization.es27.js";
+import We from "./visualization.es48.js";
+import _e from "./visualization.es49.js";
+import De from "./visualization.es50.js";
 import { useResponsiveParentSize as je } from "./visualization.es18.js";
-import ye from "./visualization.es86.js";
-import ve from "./visualization.es24.js";
-import { motion as Ee } from "./visualization.es49.js";
-import Ie from "./visualization.es87.js";
-import Ke from "./visualization.es25.js";
-import Ne from "./visualization.es26.js";
-import Oe from "./visualization.es50.js";
-import $e from "./visualization.es36.js";
+import ye from "./visualization.es51.js";
+import ve from "./visualization.es22.js";
+import { motion as Ee } from "./visualization.es32.js";
+import Ie from "./visualization.es52.js";
+import Ke from "./visualization.es30.js";
+import Ne from "./visualization.es33.js";
+import Oe from "./visualization.es34.js";
+import $e from "./visualization.es31.js";
 import { ResponsiveContainer as Xe } from "./visualization.es14.js";
-import { line as Ue } from "./visualization.es88.js";
-import qe from "./visualization.es89.js";
+import { line as Ue } from "./visualization.es53.js";
+import qe from "./visualization.es54.js";
 const Je = "#4c78a8", p = {
   top: 40,
   right: 30,

package/dist/visualization.es60.js

@@ -1,100 +1,21 @@
-import { jsx as p, jsxs as N } from "react/jsx-runtime";
-import { c as G } from "react/compiler-runtime";
-import { CROSSHAIR_STROKE as L, CROSSHAIR_DASH as J, CROSSHAIR_STROKE_WIDTH as Q } from "./visualization.es110.js";
-const a = 0.25, $ = Q / a, z = J.map((b) => b / a).join(","), et = (b) => {
-  const t = G(52), {
-    miniMap: R,
-    width: F,
-    height: U,
-    pointData: A,
-    xScale: X,
-    yScale: Y,
-    zoom: e,
-    crosshair: w
-  } = b, n = w ? X(w.x) : null, l = w ? Y(w.y) : null, r = F - 100, s = U - 100, D = R.position ? R.position.bottom : 10, H = R.position ? R.position.right : 10;
-  let c;
-  t[0] !== D || t[1] !== H ? (c = {
-    position: "absolute",
-    bottom: D,
-    right: H
-  }, t[0] = D, t[1] = H, t[2] = c) : c = t[2];
-  const T = r * a, O = s * a;
-  let f;
-  t[3] !== s || t[4] !== r || t[5] !== A || t[6] !== X || t[7] !== Y ? (f = (i) => {
-    if (i) {
-      const o = i.getContext("2d"), j = r * a, K = s * a;
-      o && (o.clearRect(0, 0, i.width, i.height), o.fillStyle = "white", o.fillRect(0, 0, j, K), o.strokeStyle = "grey", o.lineWidth = 4, o.strokeRect(0, 0, j, K), A.forEach((P) => {
-        const q = X(P.x) * a, B = Y(P.y) * a;
-        o.beginPath(), o.arc(q, B, 3 * a, 0, Math.PI * 2), o.fillStyle = P.color ?? "black", o.fill();
-      }));
-    }
-  }, t[3] = s, t[4] = r, t[5] = A, t[6] = X, t[7] = Y, t[8] = f) : f = t[8];
-  let I;
-  t[9] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (I = {
-    display: "block"
-  }, t[9] = I) : I = t[9];
-  let h;
-  t[10] !== T || t[11] !== O || t[12] !== f ? (h = /* @__PURE__ */ p("canvas", { width: T, height: O, ref: f, style: I }), t[10] = T, t[11] = O, t[12] = f, t[13] = h) : h = t[13];
-  const C = r * a, W = s * a;
-  let _;
-  t[14] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (_ = {
-    position: "absolute",
-    top: 0,
-    left: 0
-  }, t[14] = _) : _ = t[14];
-  let m;
-  t[15] !== e ? (m = e.toStringInvert(), t[15] = e, t[16] = m) : m = t[16];
-  const v = e.isDragging ? "grabbing" : "grab";
-  let d;
-  t[17] !== v ? (d = {
-    cursor: v
-  }, t[17] = v, t[18] = d) : d = t[18];
-  let g;
-  t[19] !== e ? (g = (i) => {
-    e.isDragging && e.setTransformMatrix({
-      scaleX: e.transformMatrix.scaleX,
-      scaleY: e.transformMatrix.scaleY,
-      translateX: e.transformMatrix.translateX - i.movementX / 0.25 * e.transformMatrix.scaleX,
-      translateY: e.transformMatrix.translateY - i.movementY / 0.25 * e.transformMatrix.scaleY,
-      skewX: e.transformMatrix.skewX,
-      skewY: e.transformMatrix.skewY
-    });
-  }, t[19] = e, t[20] = g) : g = t[20];
-  let M;
-  t[21] !== e ? (M = (i) => {
-    if (e.isDragging && i.touches.length === 1) {
-      const o = i.touches[0];
-      e.setTransformMatrix({
-        scaleX: e.transformMatrix.scaleX,
-        scaleY: e.transformMatrix.scaleY,
-        translateX: e.transformMatrix.translateX - o.clientX / 0.25,
-        translateY: e.transformMatrix.translateY - o.clientY / 0.25,
-        skewX: e.transformMatrix.skewX,
-        skewY: e.transformMatrix.skewY
-      });
-    }
-  }, t[21] = e, t[22] = M) : M = t[22];
-  let x;
-  t[23] !== s || t[24] !== r || t[25] !== m || t[26] !== d || t[27] !== g || t[28] !== M || t[29] !== e.dragEnd || t[30] !== e.dragStart ? (x = /* @__PURE__ */ p("rect", { width: r, height: s, fill: "#0d0f98", fillOpacity: 0.2, stroke: "#0d0f98", strokeWidth: 4, rx: 8, transform: m, style: d, onMouseDown: e.dragStart, onMouseUp: e.dragEnd, onMouseMove: g, onMouseLeave: e.dragEnd, onTouchStart: e.dragStart, onTouchEnd: e.dragEnd, onTouchMove: M }), t[23] = s, t[24] = r, t[25] = m, t[26] = d, t[27] = g, t[28] = M, t[29] = e.dragEnd, t[30] = e.dragStart, t[31] = x) : x = t[31];
-  let S;
-  t[32] !== l || t[33] !== s || t[34] !== r ? (S = l !== null && l >= 0 && l <= s && /* @__PURE__ */ p("line", { x1: 0, x2: r, y1: l, y2: l, stroke: L, strokeWidth: $, strokeDasharray: z, pointerEvents: "none" }), t[32] = l, t[33] = s, t[34] = r, t[35] = S) : S = t[35];
-  let y;
-  t[36] !== n || t[37] !== s || t[38] !== r ? (y = n !== null && n >= 0 && n <= r && /* @__PURE__ */ p("line", { x1: n, x2: n, y1: 0, y2: s, stroke: L, strokeWidth: $, strokeDasharray: z, pointerEvents: "none" }), t[36] = n, t[37] = s, t[38] = r, t[39] = y) : y = t[39];
-  let k;
-  t[40] !== x || t[41] !== S || t[42] !== y ? (k = /* @__PURE__ */ N("g", { transform: `scale(${a})`, children: [
-    x,
-    S,
-    y
-  ] }), t[40] = x, t[41] = S, t[42] = y, t[43] = k) : k = t[43];
-  let u;
-  t[44] !== W || t[45] !== k || t[46] !== C ? (u = /* @__PURE__ */ p("svg", { width: C, height: W, style: _, children: k }), t[44] = W, t[45] = k, t[46] = C, t[47] = u) : u = t[47];
-  let E;
-  return t[48] !== u || t[49] !== c || t[50] !== h ? (E = /* @__PURE__ */ N("div", { style: c, children: [
-    h,
-    u
-  ] }), t[48] = u, t[49] = c, t[50] = h, t[51] = E) : E = t[51], E;
+import { c as m } from "react/compiler-runtime";
+import { useState as a } from "react";
+const f = (n) => {
+  const e = m(3), {
+    initialSelectionMode: l
+  } = n, [c, s] = a(l);
+  let t;
+  e[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (t = (r) => {
+    s(r);
+  }, e[0] = t) : t = e[0];
+  const i = t;
+  let o;
+  return e[1] !== c ? (o = {
+    selectMode: c,
+    handleSelectionModeChange: i
+  }, e[1] = c, e[2] = o) : o = e[2], o;
 };
 export {
-  et as default
+  f as useSelectionMode
 };
 //# sourceMappingURL=visualization.es60.js.map

package/dist/visualization.es60.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es60.js","sources":["../src/components/ScatterPlot/minimap.tsx"],"sourcesContent":["import { MapProps } from \"./types\";\nimport { CROSSHAIR_DASH, CROSSHAIR_STROKE, CROSSHAIR_STROKE_WIDTH } from \"./Crosshair\";\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    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\" }}\n                        onMouseDown={zoom.dragStart}\n                        onMouseUp={zoom.dragEnd}\n                        onMouseMove={(event) => {\n                            if (zoom.isDragging) {\n                                zoom.setTransformMatrix({\n                                    scaleX: zoom.transformMatrix.scaleX,\n                                    scaleY: zoom.transformMatrix.scaleY,\n                                    translateX: zoom.transformMatrix.translateX - event.movementX / .25 * zoom.transformMatrix.scaleX,\n                                    translateY: zoom.transformMatrix.translateY - event.movementY / .25 * zoom.transformMatrix.scaleY,\n                                    skewX: zoom.transformMatrix.skewX,\n                                    skewY: zoom.transformMatrix.skewY\n                                });\n                            }\n                        }}\n                        onMouseLeave={zoom.dragEnd}\n                        onTouchStart={zoom.dragStart}\n                        onTouchEnd={zoom.dragEnd}\n                        onTouchMove={(event) => {\n                            if (zoom.isDragging && event.touches.length === 1) {\n                                const touch = event.touches[0];\n                                zoom.setTransformMatrix({\n                                    scaleX: zoom.transformMatrix.scaleX,\n                                    scaleY: zoom.transformMatrix.scaleY,\n                                    translateX: zoom.transformMatrix.translateX - touch.clientX / .25,\n                                    translateY: zoom.transformMatrix.translateY - touch.clientY / .25,\n                                    skewX: zoom.transformMatrix.skewX,\n                                    skewY: zoom.transformMatrix.skewY\n                                });\n                            }\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","t0","$","_c","miniMap","width","height","pointData","xScale","yScale","zoom","crosshair","crosshairX","x","crosshairY","y","frameWidth","frameHeight","t1","position","bottom","t2","right","t3","t4","t5","t6","canvas","context","getContext","scaledWidth","scaledHeight","clearRect","fillStyle","fillRect","strokeStyle","lineWidth","strokeRect","forEach","point","transformedX","transformedY","beginPath","arc","Math","PI","color","fill","t7","Symbol","for","display","t8","jsx","t9","t10","t11","top","left","t12","toStringInvert","t13","isDragging","t14","cursor","t15","event","setTransformMatrix","scaleX","transformMatrix","scaleY","translateX","movementX","translateY","movementY","skewX","skewY","t16","event_0","touches","length","touch","clientX","clientY","t17","dragEnd","dragStart","t18","CROSSHAIR_STROKE","t19","t20","t21","t22","jsxs"],"mappings":"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"}
+{"version":3,"file":"visualization.es60.js","sources":["../src/components/ScatterPlot/hooks/useSelectionMode.ts"],"sourcesContent":["import { useCallback, useState } from \"react\";\nimport { SelectionMode } from \"../types\";\n\ntype UseSelectionModeProps = {\n    initialSelectionMode: SelectionMode;\n};\n\nexport const useSelectionMode = ({ initialSelectionMode }: UseSelectionModeProps) => {\n    const [selectMode, setSelectMode] = useState<SelectionMode>(initialSelectionMode);\n\n    const handleSelectionModeChange = useCallback((mode: SelectionMode) => {\n        setSelectMode(mode);\n    }, []);\n\n    return { selectMode, handleSelectionModeChange };\n};\n"],"names":["useSelectionMode","t0","$","_c","initialSelectionMode","selectMode","setSelectMode","useState","t1","Symbol","for","mode","handleSelectionModeChange","t2"],"mappings":";;AAOO,MAAMA,IAAmBC,CAAAA,MAAA;AAAA,QAAAC,IAAAC,EAAA,CAAA,GAAC;AAAA,IAAAC,sBAAAA;AAAAA,EAAAA,IAAAH,GAC7B,CAAAI,GAAAC,CAAA,IAAoCC,EAAwBH,CAAoB;AAAE,MAAAI;AAAA,EAAAN,EAAA,CAAA,MAAAO,uBAAAC,IAAA,2BAAA,KAEpCF,IAAAG,CAAAA,MAAA;AAC1CL,IAAAA,EAAcK,CAAI;AAAA,EAAC,GACtBT,OAAAM,KAAAA,IAAAN,EAAA,CAAA;AAFD,QAAAU,IAAkCJ;AAE3B,MAAAK;AAAA,SAAAX,SAAAG,KAEAQ,IAAA;AAAA,IAAAR,YAAAA;AAAAA,IAAAO,2BAAAA;AAAAA,EAAAA,GAAyCV,OAAAG,GAAAH,OAAAW,KAAAA,IAAAX,EAAA,CAAA,GAAzCW;AAAyC;"}

package/dist/visualization.es600.js

@@ -1,9 +1,7 @@
-import { createHtmlRenderState as t } from "./visualization.es599.js";
-const r = () => ({
-  ...t(),
-  attrs: {}
-});
+function e(t) {
+  return t && typeof t == "object" && Object.prototype.hasOwnProperty.call(t, "current");
+}
 export {
-  r as createSvgRenderState
+  e as isRefObject
 };
 //# sourceMappingURL=visualization.es600.js.map

package/dist/visualization.es600.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es600.js","sources":["../../../node_modules/.pnpm/framer-motion@12.38.0_@emotion+is-prop-valid@1.4.0_react-dom@19.2.4_react@19.2.4__react@19.2.4/node_modules/framer-motion/dist/es/render/svg/utils/create-render-state.mjs"],"sourcesContent":["import { createHtmlRenderState } from '../../html/utils/create-render-state.mjs';\n\nconst createSvgRenderState = () => ({\n    ...createHtmlRenderState(),\n    attrs: {},\n});\n\nexport { createSvgRenderState };\n//# sourceMappingURL=create-render-state.mjs.map\n"],"names":["createSvgRenderState","createHtmlRenderState"],"mappings":";AAEK,MAACA,IAAuB,OAAO;AAAA,EAChC,GAAGC,EAAqB;AAAA,EACxB,OAAO,CAAA;AACX;","x_google_ignoreList":[0]}
+{"version":3,"file":"visualization.es600.js","sources":["../../../node_modules/.pnpm/framer-motion@12.38.0_@emotion+is-prop-valid@1.4.0_react-dom@19.2.4_react@19.2.4__react@19.2.4/node_modules/framer-motion/dist/es/utils/is-ref-object.mjs"],"sourcesContent":["function isRefObject(ref) {\n    return (ref &&\n        typeof ref === \"object\" &&\n        Object.prototype.hasOwnProperty.call(ref, \"current\"));\n}\n\nexport { isRefObject };\n//# sourceMappingURL=is-ref-object.mjs.map\n"],"names":["isRefObject","ref"],"mappings":"AAAA,SAASA,EAAYC,GAAK;AACtB,SAAQA,KACJ,OAAOA,KAAQ,YACf,OAAO,UAAU,eAAe,KAAKA,GAAK,SAAS;AAC3D;","x_google_ignoreList":[0]}