@weng-lab/visualization 2.6.0-beta.1 → 2.7.0-beta.0

package/dist/visualization.es8.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es8.js","sources":["../src/components/ScatterPlot/scatterplot.tsx"],"sourcesContent":["import React, { useCallback, useImperativeHandle, useMemo, useRef } from 'react';\nimport { ChartProps, Point, ZoomType } from './types';\nimport { scaleLinear } from '@visx/scale';\nimport ControlButtons from './controls';\nimport { IconButton, Stack, Tooltip, useTheme } from '@mui/material';\nimport { HighlightAlt } from '@mui/icons-material';\nimport { downloadDivAsPNG, downloadDivAsSVG } from '../../utility';\nimport { ResponsiveContainer, useResponsiveParentSize } from '../../responsive';\nimport { PlotTooltip, type PlotTooltipHandle } from '../../tooltip';\nimport { getDomains, getPointExtents, isSameTransform } from './helpers';\nimport ScatterPlotViewport from './ScatterPlotViewport';\nimport MiniMap from './minimap';\nimport PlotZoom from './PlotZoom';\nimport DefaultTooltipBody from './tooltip';\nimport { useSelectionMode } from './hooks/useSelectionMode';\nimport { useMiniMapToggle } from './hooks/useMiniMapToggle';\nimport { useHoverTooltip } from './hooks/useHoverTooltip';\nimport { useCrosshair } from './hooks/useCrosshair';\n\nconst MARGIN = { top: 20, right: 20, bottom: 70, left: 70 };\n\nconst ScatterPlot = <T extends object, S extends boolean | undefined = undefined, Z extends boolean | undefined = undefined>(\n    props: ChartProps<T, S, Z>\n) => {\n    const theme = useTheme();\n    const tooltipRef = useRef<PlotTooltipHandle<Point<T>>>(null);\n\n    const initialSelectionMode = props.initialState?.controls?.selectionType ?? (props.selectable ? \"select\" : \"pan\");\n    const initialMiniMapOpen = props.initialState?.minimap?.open ?? false;\n\n    const { parentRef, containerStyle, width: parentWidth, height: parentHeight } = useResponsiveParentSize({ width: props.width, height: props.height });\n    // The square path is kept exactly as it was, so turning `square` on is a no-op against\n    // previous versions. Unsquared, the plot takes the whole container and only the axis\n    // margins are held back.\n    const square = props.square ?? false;\n    const size = Math.min(parentHeight, parentWidth)\n    const plotWidth = square ? size : parentWidth;\n    const plotHeight = square ? size : parentHeight;\n\n    const divRef = React.useRef<HTMLDivElement>(null);\n    const selectable = props.selectable ?? false;\n    const boundedWidth = square\n        ? size * 0.9 - MARGIN.left\n        : Math.max(0, plotWidth - MARGIN.left - MARGIN.right);\n    const boundedHeight = square\n        ? size * 0.9 - MARGIN.left\n        : Math.max(0, plotHeight - MARGIN.top - MARGIN.bottom);\n    const downloadButton = props.downloadButton ?? false\n\n    const { selectMode, handleSelectionModeChange } = useSelectionMode({ initialSelectionMode });\n\n    const { showMiniMap, toggleMiniMap } = useMiniMapToggle({ initialOpen: initialMiniMapOpen });\n\n    const pointExtents = useMemo(() => getPointExtents(props.pointData), [props.pointData]);\n    const dataDomains = useMemo(() => getDomains(pointExtents), [pointExtents]);\n\n    // Depend on the bounds rather than the arrays so a consumer passing a fresh domain array on\n    // every render doesn't rebuild the scales (and with them every derived scale and canvas draw).\n    const [xDomainMin, xDomainMax] = props.xDomain ?? dataDomains.xDomain;\n    const [yDomainMin, yDomainMax] = props.yDomain ?? dataDomains.yDomain;\n\n    const xScale = useMemo(() => {\n        return scaleLinear({\n            domain: [xDomainMin, xDomainMax],\n            range: [0, boundedWidth],\n        });\n    }, [boundedWidth, xDomainMin, xDomainMax]);\n\n    const yScale = useMemo(() => {\n        return scaleLinear({\n            domain: [yDomainMin, yDomainMax],\n            range: [boundedHeight, 0],\n        });\n    }, [boundedHeight, yDomainMin, yDomainMax]);\n\n    const { hoveredPoint, handleMouseMove, handleMouseLeave } = useHoverTooltip({\n        pointData: props.pointData,\n        margin: MARGIN,\n        xScale,\n        yScale,\n        onHoveredPointChange: props.onHoveredPointChange,\n        tooltipRef,\n    });\n\n    const crosshairEnabled = props.crosshair ?? false;\n\n    const { crosshairPosition, handleCrosshairMove, handleCrosshairLeave } = useCrosshair({\n        enabled: crosshairEnabled,\n        margin: MARGIN,\n        boundedWidth,\n        boundedHeight,\n        xScale,\n        yScale,\n        onCrosshairChange: props.onCrosshairChange,\n    });\n\n    // Our own pointer wins over an externally supplied position, so that leaving this plot for a\n    // sibling hands the crosshair over rather than leaving both plots claiming it.\n    const crosshair = crosshairEnabled ? crosshairPosition ?? props.crosshairPosition ?? null : null;\n\n    const handlePointerMove = useCallback((event: React.MouseEvent<SVGElement>, zoom: ZoomType) => {\n        handleMouseMove(event, zoom);\n        handleCrosshairMove(event, zoom);\n    }, [handleCrosshairMove, handleMouseMove]);\n\n    const handlePointerLeave = useCallback(() => {\n        handleMouseLeave();\n        handleCrosshairLeave();\n    }, [handleCrosshairLeave, handleMouseLeave]);\n\n    //Download the plot as svg or png using the passed ref from the parent\n    useImperativeHandle(props.ref, () => ({\n        downloadSVG: () => {\n            if (divRef.current) downloadDivAsSVG(divRef.current, props.downloadFileName ?? \"scatter_plot.svg\");\n        },\n        downloadPNG: () => {\n            if (divRef.current) downloadDivAsPNG(divRef.current, props.downloadFileName ?? \"scatter_plot.png\");\n        },\n    }));\n\n    const handleDownload = () => {\n        if (divRef.current) downloadDivAsSVG(divRef.current, props.downloadFileName ?? \"scatter_plot.svg\");\n    };\n\n    const renderPlot = (zoom: ZoomType) => {\n        // Anchor the buttons on the plot area explicitly - a shared zoom is sized by whoever owns\n        // it, so visx's own default anchor (the centre of that size) isn't this plot's centre.\n        const zoomCenter = { x: boundedWidth / 2, y: boundedHeight / 2 };\n        const handleZoomIn = () => { zoom.scale({ scaleX: 1.2, scaleY: 1.2, point: zoomCenter }); }\n        const handleZoomOut = () => { zoom.scale({ scaleX: 0.8, scaleY: 0.8, point: zoomCenter }); }\n        const handleZoomReset = () => { zoom.reset(); }\n\n        const controlsPosition = props.controlsPosition ?? \"left\";\n\n        return (\n            <>\n                {!props.disableZoom && (\n                    <Stack\n                        direction=\"column\"\n                        sx={{\n                            position: 'absolute',\n                            ...(controlsPosition === \"right\"\n                                ? { right: square ? `max(10px, calc(45% - ${size / 2}px))` : \"10px\" }\n                                : { left: square ? `max(10px, calc(45% - ${size / 2}px))` : \"10px\" }),\n                            top: square ? `calc(50% - ${size / 2}px + ${MARGIN.top}px)` : `${MARGIN.top}px`,\n                            zIndex: 10\n                        }}\n                    >\n                        <ControlButtons\n                            selectable={selectable}\n                            resetable={!isSameTransform(zoom.transformMatrix, zoom.initialTransformMatrix)}\n                            handleSelectionModeChange={handleSelectionModeChange}\n                            selectMode={selectMode}\n                            zoomIn={handleZoomIn}\n                            zoomOut={handleZoomOut}\n                            zoomReset={handleZoomReset}\n                            highlight={props.controlsHighlight}\n                            downloadButton={downloadButton}\n                            downloadPlot={handleDownload}\n                        />\n                    </Stack>\n                )}\n                <ScatterPlotViewport\n                    width={plotWidth}\n                    height={plotHeight}\n                    margin={MARGIN}\n                    boundedWidth={boundedWidth}\n                    boundedHeight={boundedHeight}\n                    loading={props.loading}\n                    pointData={props.pointData}\n                    animation={props.animation}\n                    animationGroupSize={props.animationGroupSize}\n                    animationBuffer={props.animationBuffer}\n                    xScale={xScale}\n                    yScale={yScale}\n                    zoom={zoom}\n                    selectMode={selectMode}\n                    selectable={selectable}\n                    disableZoom={props.disableZoom}\n                    groupPointsAnchor={props.groupPointsAnchor}\n                    hoveredPoint={hoveredPoint}\n                    hoveredPoints={props.hoveredPoints}\n                    hoverGrowth={props.hoverGrowth}\n                    hoverStroke={props.hoverStroke}\n                    handleMouseMove={handlePointerMove}\n                    handleMouseLeave={handlePointerLeave}\n                    onDisplayedPointsChange={props.onDisplayedPointsChange}\n                    onSelectionChange={props.onSelectionChange}\n                    onPointClicked={props.onPointClicked}\n                    leftAxisLabel={props.leftAxisLabel}\n                    bottomAxisLabel={props.bottomAxisLabel}\n                    border={props.border ?? false}\n                    originLine={props.originLine}\n                    backgroundGradient={props.backgroundGradient}\n                    crosshair={crosshair}\n                    divRef={divRef}\n                />\n                {props.miniMap && !props.disableZoom && (\n                    <Tooltip title=\"Toggle Minimap\">\n                        <IconButton\n                            sx={{\n                                position: \"absolute\",\n                                right: 10,\n                                bottom: 10,\n                                zIndex: 10,\n                                width: \"auto\",\n                                height: \"auto\",\n                                color: showMiniMap ? props.controlsHighlight ?? \"primary.main\" : \"default\",\n                            }}\n                            size=\"small\"\n                            onClick={toggleMiniMap}\n                        >\n                            <HighlightAlt />\n                        </IconButton>\n                    </Tooltip>\n                )}\n                {showMiniMap && props.miniMap && !props.disableZoom && !props.loading && (\n                    <MiniMap\n                        miniMap={props.miniMap}\n                        width={plotWidth}\n                        height={plotHeight}\n                        pointData={props.pointData}\n                        xScale={xScale}\n                        yScale={yScale}\n                        zoom={zoom}\n                        crosshair={crosshair}\n                    />\n                )}\n                {!props.disableTooltip && (\n                    // Above the controls and the minimap toggle, which sit at z-index 10 in the\n                    // root stacking context and would otherwise win against the portalled\n                    // tooltip's auto z-index. The theme's tooltip layer also matches the MUI\n                    // tooltips on those same controls.\n                    <PlotTooltip ref={tooltipRef} zIndex={theme.zIndex.tooltip}>\n                        {(point) =>\n                            props.tooltipBody ? props.tooltipBody(point) : <DefaultTooltipBody point={point} />\n                        }\n                    </PlotTooltip>\n                )}\n            </>\n        )\n    };\n\n    return (\n        <ResponsiveContainer parentRef={parentRef} containerStyle={containerStyle}>\n            {props.zoom\n                ? renderPlot(props.zoom)\n                : (\n                    <PlotZoom width={boundedWidth} height={boundedHeight}>\n                        {renderPlot}\n                    </PlotZoom>\n                )}\n        </ResponsiveContainer>\n    );\n}\n\nexport default ScatterPlot;\n"],"names":["MARGIN","top","right","bottom","left","ScatterPlot","props","theme","useTheme","tooltipRef","useRef","initialSelectionMode","initialState","controls","selectionType","selectable","initialMiniMapOpen","minimap","open","parentRef","containerStyle","width","parentWidth","height","parentHeight","useResponsiveParentSize","square","size","Math","min","plotWidth","plotHeight","divRef","React","boundedWidth","max","boundedHeight","downloadButton","selectMode","handleSelectionModeChange","useSelectionMode","showMiniMap","toggleMiniMap","useMiniMapToggle","initialOpen","pointExtents","useMemo","getPointExtents","pointData","dataDomains","getDomains","xDomainMin","xDomainMax","xDomain","yDomainMin","yDomainMax","yDomain","xScale","scaleLinear","domain","range","yScale","hoveredPoint","handleMouseMove","handleMouseLeave","useHoverTooltip","margin","onHoveredPointChange","crosshairEnabled","crosshair","crosshairPosition","handleCrosshairMove","handleCrosshairLeave","useCrosshair","enabled","onCrosshairChange","handlePointerMove","useCallback","event","zoom","handlePointerLeave","useImperativeHandle","ref","downloadSVG","current","downloadDivAsSVG","downloadFileName","downloadPNG","downloadDivAsPNG","handleDownload","renderPlot","zoomCenter","x","y","handleZoomIn","scale","scaleX","scaleY","point","handleZoomOut","handleZoomReset","reset","controlsPosition","jsxs","Fragment","disableZoom","jsx","Stack","position","zIndex","ControlButtons","isSameTransform","transformMatrix","initialTransformMatrix","controlsHighlight","ScatterPlotViewport","loading","animation","animationGroupSize","animationBuffer","groupPointsAnchor","hoveredPoints","hoverGrowth","hoverStroke","onDisplayedPointsChange","onSelectionChange","onPointClicked","leftAxisLabel","bottomAxisLabel","border","originLine","backgroundGradient","miniMap","Tooltip","IconButton","color","HighlightAlt","MiniMap","disableTooltip","PlotTooltip","tooltip","tooltipBody","DefaultTooltipBody","ResponsiveContainer","PlotZoom"],"mappings":";;;;;;;;;;;;;;;;;;;AAmBA,MAAMA,IAAS;AAAA,EAAEC,KAAK;AAAA,EAAIC,OAAO;AAAA,EAAIC,QAAQ;AAAA,EAAIC,MAAM;AAAG,GAEpDC,KAAc,CAChBC,MACC;AACD,QAAMC,IAAQC,GAAAA,GACRC,IAAaC,GAAoC,IAAI,GAErDC,IAAuBL,EAAMM,cAAcC,UAAUC,kBAAkBR,EAAMS,aAAa,WAAW,QACrGC,IAAqBV,EAAMM,cAAcK,SAASC,QAAQ,IAE1D;AAAA,IAAEC,WAAAA;AAAAA,IAAWC,gBAAAA;AAAAA,IAAgBC,OAAOC;AAAAA,IAAaC,QAAQC;AAAAA,EAAAA,IAAiBC,GAAwB;AAAA,IAAEJ,OAAOf,EAAMe;AAAAA,IAAOE,QAAQjB,EAAMiB;AAAAA,EAAAA,CAAQ,GAI9IG,IAASpB,EAAMoB,UAAU,IACzBC,IAAOC,KAAKC,IAAIL,GAAcF,CAAW,GACzCQ,IAAYJ,IAASC,IAAOL,GAC5BS,IAAaL,IAASC,IAAOH,GAE7BQ,IAASC,GAAMvB,OAAuB,IAAI,GAC1CK,IAAaT,EAAMS,cAAc,IACjCmB,IAAeR,IACfC,IAAO,MAAM3B,EAAOI,OACpBwB,KAAKO,IAAI,GAAGL,IAAY9B,EAAOI,OAAOJ,EAAOE,KAAK,GAClDkC,IAAgBV,IAChBC,IAAO,MAAM3B,EAAOI,OACpBwB,KAAKO,IAAI,GAAGJ,IAAa/B,EAAOC,MAAMD,EAAOG,MAAM,GACnDkC,IAAiB/B,EAAM+B,kBAAkB,IAEzC;AAAA,IAAEC,YAAAA;AAAAA,IAAYC,2BAAAA;AAAAA,EAAAA,IAA8BC,GAAiB;AAAA,IAAE7B,sBAAAA;AAAAA,EAAAA,CAAsB,GAErF;AAAA,IAAE8B,aAAAA;AAAAA,IAAaC,eAAAA;AAAAA,EAAAA,IAAkBC,GAAiB;AAAA,IAAEC,aAAa5B;AAAAA,EAAAA,CAAoB,GAErF6B,IAAeC,EAAQ,MAAMC,GAAgBzC,EAAM0C,SAAS,GAAG,CAAC1C,EAAM0C,SAAS,CAAC,GAChFC,IAAcH,EAAQ,MAAMI,GAAWL,CAAY,GAAG,CAACA,CAAY,CAAC,GAIpE,CAACM,GAAYC,CAAU,IAAI9C,EAAM+C,WAAWJ,EAAYI,SACxD,CAACC,GAAYC,CAAU,IAAIjD,EAAMkD,WAAWP,EAAYO,SAExDC,IAASX,EAAQ,MACZY,EAAY;AAAA,IACfC,QAAQ,CAACR,GAAYC,CAAU;AAAA,IAC/BQ,OAAO,CAAC,GAAG1B,CAAY;AAAA,EAAA,CAC1B,GACF,CAACA,GAAciB,GAAYC,CAAU,CAAC,GAEnCS,IAASf,EAAQ,MACZY,EAAY;AAAA,IACfC,QAAQ,CAACL,GAAYC,CAAU;AAAA,IAC/BK,OAAO,CAACxB,GAAe,CAAC;AAAA,EAAA,CAC3B,GACF,CAACA,GAAekB,GAAYC,CAAU,CAAC,GAEpC;AAAA,IAAEO,cAAAA;AAAAA,IAAcC,iBAAAA;AAAAA,IAAiBC,kBAAAA;AAAAA,EAAAA,IAAqBC,GAAgB;AAAA,IACxEjB,WAAW1C,EAAM0C;AAAAA,IACjBkB,QAAQlE;AAAAA,IACRyD,QAAAA;AAAAA,IACAI,QAAAA;AAAAA,IACAM,sBAAsB7D,EAAM6D;AAAAA,IAC5B1D,YAAAA;AAAAA,EAAAA,CACH,GAEK2D,IAAmB9D,EAAM+D,aAAa,IAEtC;AAAA,IAAEC,mBAAAA;AAAAA,IAAmBC,qBAAAA;AAAAA,IAAqBC,sBAAAA;AAAAA,EAAAA,IAAyBC,GAAa;AAAA,IAClFC,SAASN;AAAAA,IACTF,QAAQlE;AAAAA,IACRkC,cAAAA;AAAAA,IACAE,eAAAA;AAAAA,IACAqB,QAAAA;AAAAA,IACAI,QAAAA;AAAAA,IACAc,mBAAmBrE,EAAMqE;AAAAA,EAAAA,CAC5B,GAIKN,IAAYD,IAAmBE,KAAqBhE,EAAMgE,qBAAqB,OAAO,MAEtFM,IAAoBC,EAAY,CAACC,GAAqCC,MAAmB;AAC3FhB,IAAAA,EAAgBe,GAAOC,CAAI,GAC3BR,EAAoBO,GAAOC,CAAI;AAAA,EACnC,GAAG,CAACR,GAAqBR,CAAe,CAAC,GAEnCiB,IAAqBH,EAAY,MAAM;AACzCb,IAAAA,EAAAA,GACAQ,EAAAA;AAAAA,EACJ,GAAG,CAACA,GAAsBR,CAAgB,CAAC;AAG3CiB,EAAAA,GAAoB3E,EAAM4E,KAAK,OAAO;AAAA,IAClCC,aAAaA,MAAM;AACf,MAAInD,EAAOoD,WAASC,EAAiBrD,EAAOoD,SAAS9E,EAAMgF,oBAAoB,kBAAkB;AAAA,IACrG;AAAA,IACAC,aAAaA,MAAM;AACf,MAAIvD,EAAOoD,WAASI,GAAiBxD,EAAOoD,SAAS9E,EAAMgF,oBAAoB,kBAAkB;AAAA,IACrG;AAAA,EAAA,EACF;AAEF,QAAMG,IAAiBA,MAAM;AACzB,IAAIzD,EAAOoD,WAASC,EAAiBrD,EAAOoD,SAAS9E,EAAMgF,oBAAoB,kBAAkB;AAAA,EACrG,GAEMI,IAAaA,CAACX,MAAmB;AAGnC,UAAMY,IAAa;AAAA,MAAEC,GAAG1D,IAAe;AAAA,MAAG2D,GAAGzD,IAAgB;AAAA,IAAA,GACvD0D,IAAeA,MAAM;AAAEf,MAAAA,EAAKgB,MAAM;AAAA,QAAEC,QAAQ;AAAA,QAAKC,QAAQ;AAAA,QAAKC,OAAOP;AAAAA,MAAAA,CAAY;AAAA,IAAG,GACpFQ,IAAgBA,MAAM;AAAEpB,MAAAA,EAAKgB,MAAM;AAAA,QAAEC,QAAQ;AAAA,QAAKC,QAAQ;AAAA,QAAKC,OAAOP;AAAAA,MAAAA,CAAY;AAAA,IAAG,GACrFS,IAAkBA,MAAM;AAAErB,MAAAA,EAAKsB,MAAAA;AAAAA,IAAS,GAExCC,KAAmBhG,EAAMgG,oBAAoB;AAEnD,WACI,gBAAAC,GAAAC,IAAA,EACK,UAAA;AAAA,MAAA,CAAClG,EAAMmG,eACJ,gBAAAC,EAACC,IAAA,EACG,WAAU,UACV,IAAI;AAAA,QACAC,UAAU;AAAA,QACV,GAAIN,OAAqB,UACnB;AAAA,UAAEpG,OAAOwB,IAAS,wBAAwBC,IAAO,CAAC,SAAS;AAAA,QAAA,IAC3D;AAAA,UAAEvB,MAAMsB,IAAS,wBAAwBC,IAAO,CAAC,SAAS;AAAA,QAAA;AAAA,QAChE1B,KAAKyB,IAAS,cAAcC,IAAO,CAAC,QAAQ3B,EAAOC,GAAG,QAAQ,GAAGD,EAAOC,GAAG;AAAA,QAC3E4G,QAAQ;AAAA,MAAA,GAGZ,UAAA,gBAAAH,EAACI,IAAA,EACG,YAAA/F,GACA,WAAW,CAACgG,GAAgBhC,EAAKiC,iBAAiBjC,EAAKkC,sBAAsB,GAC7E,2BAAA1E,GACA,YAAAD,GACA,QAAQwD,GACR,SAASK,GACT,WAAWC,GACX,WAAW9F,EAAM4G,mBACjB,gBAAA7E,GACA,cAAcoD,EAAAA,CAAe,EAAA,CAErC;AAAA,wBAEH0B,IAAA,EACG,OAAOrF,GACP,QAAQC,GACR,QAAQ/B,GACR,cAAAkC,GACA,eAAAE,GACA,SAAS9B,EAAM8G,SACf,WAAW9G,EAAM0C,WACjB,WAAW1C,EAAM+G,WACjB,oBAAoB/G,EAAMgH,oBAC1B,iBAAiBhH,EAAMiH,iBACvB,QAAA9D,GACA,QAAAI,GACA,MAAMkB,GACN,YAAAzC,GACA,YAAAvB,GACA,aAAaT,EAAMmG,aACnB,mBAAmBnG,EAAMkH,mBACzB,cAAA1D,GACA,eAAexD,EAAMmH,eACrB,aAAanH,EAAMoH,aACnB,aAAapH,EAAMqH,aACnB,iBAAiB/C,GACjB,kBAAkBI,GAClB,yBAAyB1E,EAAMsH,yBAC/B,mBAAmBtH,EAAMuH,mBACzB,gBAAgBvH,EAAMwH,gBACtB,eAAexH,EAAMyH,eACrB,iBAAiBzH,EAAM0H,iBACvB,QAAQ1H,EAAM2H,UAAU,IACxB,YAAY3H,EAAM4H,YAClB,oBAAoB5H,EAAM6H,oBAC1B,WAAA9D,GACA,QAAArC,GAAe;AAAA,MAElB1B,EAAM8H,WAAW,CAAC9H,EAAMmG,eACrB,gBAAAC,EAAC2B,IAAA,EAAQ,OAAM,kBACX,UAAA,gBAAA3B,EAAC4B,IAAA,EACG,IAAI;AAAA,QACA1B,UAAU;AAAA,QACV1G,OAAO;AAAA,QACPC,QAAQ;AAAA,QACR0G,QAAQ;AAAA,QACRxF,OAAO;AAAA,QACPE,QAAQ;AAAA,QACRgH,OAAO9F,IAAcnC,EAAM4G,qBAAqB,iBAAiB;AAAA,MAAA,GAErE,MAAK,SACL,SAASxE,GAET,UAAA,gBAAAgE,EAAC8B,IAAA,CAAA,CAAY,GACjB,GACJ;AAAA,MAEH/F,KAAenC,EAAM8H,WAAW,CAAC9H,EAAMmG,eAAe,CAACnG,EAAM8G,WAC1D,gBAAAV,EAAC+B,IAAA,EACG,SAASnI,EAAM8H,SACf,OAAOtG,GACP,QAAQC,GACR,WAAWzB,EAAM0C,WACjB,QAAAS,GACA,QAAAI,GACA,MAAMkB,GACN,WAAAV,EAAA,CAAqB;AAAA,MAG5B,CAAC/D,EAAMoI;AAAAA;AAAAA;AAAAA;AAAAA,wBAKHC,IAAA,EAAY,KAAKlI,GAAY,QAAQF,EAAMsG,OAAO+B,SAC7C1C,UAAAA,CAAAA,MACE5F,EAAMuI,cAAcvI,EAAMuI,YAAY3C,CAAK,IAAI,gBAAAQ,EAACoC,IAAA,EAAmB,OAAA5C,GAAa,EAAA,CAExF;AAAA,IAAA,GAER;AAAA,EAER;AAEA,2BACK6C,IAAA,EAAoB,WAAA5H,GAAsB,gBAAAC,GACtCd,UAAAA,EAAMyE,OACDW,EAAWpF,EAAMyE,IAAI,sBAElBiE,IAAA,EAAS,OAAO9G,GAAc,QAAQE,GAClCsD,aACL,GAEZ;AAER;"}
+{"version":3,"file":"visualization.es8.js","sources":["../src/components/Heatmap/Heatmap.tsx"],"sourcesContent":["import type { HeatmapProps } from \"./types\";\nimport { useImperativeHandle, useRef, useMemo } from \"react\";\nimport { downloadAsSVG } from \"../../utility\";\nimport { ResponsiveContainer, useResponsiveParentSize } from \"../../responsive\";\nimport { makeTickFormat, getXAxisTickLabelProps } from \"./heatmapAxisProps\";\nimport { useHeatmapLayout } from \"./heatmapLayout\";\nimport { withOffscreenExportSVG, downloadHeatmapPNG } from \"./heatmapExport\";\nimport HeatmapGrid from \"./HeatmapGrid\";\n\nconst Heatmap = ({\n  data,\n  onClick,\n  ref,\n  downloadFileName,\n  colors,\n  colorDomain,\n  xLabel,\n  yLabel,\n  tooltipBody,\n  margin,\n  gap = 2,\n  isRect = true,\n  animationType,\n  showLegend = true,\n  width,\n  height,\n  xLabelOrientation = \"vertical\",\n  selectedCells,\n  cellWidth,\n  cellHeight,\n  scrollToSelection,\n  showMiniMap = false,\n  renderLegend,\n  legendWidth,\n  highlightRange,\n}: HeatmapProps) => {\n  const { parentRef, containerStyle, width: parentWidth, height: parentHeight } = useResponsiveParentSize({ width, height });\n  const legendSvgRef = useRef<SVGSVGElement | null>(null);\n\n  const layout = useHeatmapLayout({\n    data, colorDomain, colors, xLabelOrientation, margin, showLegend,\n    cellWidth, cellHeight, parentWidth, parentHeight, showMiniMap, gap, isRect,\n    selectedCells, highlightRange, legendWidth,\n  });\n  const { allColNames, allRowNames, numRows } = layout;\n\n  const xAxisTickFormat = useMemo(() => makeTickFormat(allColNames), [allColNames]);\n  const yAxisTickFormat = useMemo(() => makeTickFormat(allRowNames), [allRowNames]);\n  const xAxisTickLabelProps = useMemo(() => getXAxisTickLabelProps(xLabelOrientation), [xLabelOrientation]);\n\n  const buildExportOptions = () => ({\n    layout, xLabel, yLabel, showLegend, legendSvg: legendSvgRef.current,\n    xAxisTickFormat, yAxisTickFormat, xAxisTickLabelProps,\n  });\n\n  // The grid on screen holds only what's in view, so downloads draw the whole plot afresh.\n  useImperativeHandle(ref, () => ({\n    downloadSVG: () =>\n      withOffscreenExportSVG(buildExportOptions(), (svg, onDone) => {\n        downloadAsSVG(svg, downloadFileName ?? \"heatmap.svg\");\n        onDone();\n      }),\n    downloadPNG: () => downloadHeatmapPNG(buildExportOptions(), downloadFileName ?? \"heatmap.png\"),\n  }));\n  // No deps array: the exports read many render-scoped values, and rebuilding two closures per\n  // render is cheaper than a deps list that could go stale.\n\n  return (\n    <ResponsiveContainer parentRef={parentRef} containerStyle={containerStyle}>\n      {!parentWidth || !parentHeight || data.length === 0 || numRows === 0 ? null : (\n        <HeatmapGrid\n          legendSvgRef={legendSvgRef}\n          layout={layout}\n          parentWidth={parentWidth}\n          showMiniMap={showMiniMap}\n          showLegend={showLegend}\n          renderLegend={renderLegend}\n          xLabel={xLabel}\n          yLabel={yLabel}\n          tooltipBody={tooltipBody}\n          onClick={onClick}\n          animationType={animationType}\n          selectedCells={selectedCells}\n          scrollToSelection={scrollToSelection}\n          xAxisTickFormat={xAxisTickFormat}\n          yAxisTickFormat={yAxisTickFormat}\n          xAxisTickLabelProps={xAxisTickLabelProps}\n        />\n      )}\n    </ResponsiveContainer>\n  );\n};\n\nexport default Heatmap;\n"],"names":["Heatmap","t0","$","_c","data","onClick","ref","downloadFileName","colors","colorDomain","xLabel","yLabel","tooltipBody","margin","gap","t1","isRect","t2","animationType","showLegend","t3","width","height","xLabelOrientation","t4","selectedCells","cellWidth","cellHeight","scrollToSelection","showMiniMap","t5","renderLegend","legendWidth","highlightRange","undefined","t6","parentRef","containerStyle","parentWidth","parentHeight","useResponsiveParentSize","legendSvgRef","useRef","t7","layout","useHeatmapLayout","allColNames","allRowNames","numRows","t8","makeTickFormat","xAxisTickFormat","t9","yAxisTickFormat","t10","getXAxisTickLabelProps","xAxisTickLabelProps","t11","legendSvg","current","buildExportOptions","t12","downloadSVG","withOffscreenExportSVG","svg","onDone","downloadAsSVG","downloadPNG","downloadHeatmapPNG","useImperativeHandle","t13","length","jsx","HeatmapGrid","t14","ResponsiveContainer"],"mappings":"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"}

package/dist/visualization.es80.js

@@ -1,84 +1,22 @@
-import { jsxs as n, jsx as c } from "react/jsx-runtime";
-import { c as b } from "react/compiler-runtime";
-import { useState as S, useImperativeHandle as v } from "react";
-import _ from "./visualization.es51.js";
-const H = (t) => {
-  const e = b(10), {
-    multiSeries: d,
-    tooltipBody: i,
-    ref: h
-  } = t;
-  let r;
-  e[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (r = {
-    open: !1
-  }, e[0] = r) : r = e[0];
-  const [p, u] = S(r);
-  let s;
-  if (e[1] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (s = () => ({
-    show: (g, x, y) => u({
-      open: !0,
-      data: g,
-      left: x,
-      top: y
-    }),
-    hide: () => u(j)
-  }), e[1] = s) : s = e[1], v(h, s), !p.open || !p.data)
-    return null;
-  const {
-    data: o,
-    left: f,
-    top: m
-  } = p;
-  let l;
-  e[2] !== o || e[3] !== d || e[4] !== i ? (l = i ? i(o) : /* @__PURE__ */ n("div", { style: {
-    fontSize: 12
-  }, children: [
-    /* @__PURE__ */ n("div", { children: [
-      /* @__PURE__ */ c("strong", { children: "Range:" }),
-      " ",
-      o.x0.toFixed(2),
-      ", ",
-      o.x1.toFixed(2)
-    ] }),
-    d ? o.series.map(k) : /* @__PURE__ */ n("div", { children: [
-      /* @__PURE__ */ c("strong", { children: "Count:" }),
-      " ",
-      o.count
-    ] })
-  ] }), e[2] = o, e[3] = d, e[4] = i, e[5] = l) : l = e[5];
-  let a;
-  return e[6] !== f || e[7] !== l || e[8] !== m ? (a = /* @__PURE__ */ c(_, { left: f, top: m, children: l }), e[6] = f, e[7] = l, e[8] = m, e[9] = a) : a = e[9], a;
+import { jsx as i } from "react/jsx-runtime";
+import { c as n } from "react/compiler-runtime";
+import { Box as h } from "@mui/material";
+const p = (c) => {
+  const o = n(3), {
+    color: s,
+    hollow: e
+  } = c, r = (e === void 0 ? !1 : e) ? "transparent" : s, l = `2px solid ${s}`;
+  let t;
+  return o[0] !== r || o[1] !== l ? (t = /* @__PURE__ */ i(h, { sx: {
+    width: 10,
+    height: 10,
+    borderRadius: "50%",
+    bgcolor: r,
+    border: l,
+    flexShrink: 0
+  } }), o[0] = r, o[1] = l, o[2] = t) : t = o[2], t;
 };
-function j(t) {
-  return {
-    ...t,
-    open: !1
-  };
-}
-function k(t) {
-  return /* @__PURE__ */ n("div", { style: {
-    display: "flex",
-    alignItems: "center",
-    gap: 4
-  }, children: [
-    /* @__PURE__ */ c("span", { style: {
-      width: 8,
-      height: 8,
-      borderRadius: 2,
-      backgroundColor: t.color,
-      display: "inline-block"
-    } }),
-    /* @__PURE__ */ n("span", { children: [
-      /* @__PURE__ */ n("strong", { children: [
-        t.label,
-        ":"
-      ] }),
-      " ",
-      t.count
-    ] })
-  ] }, t.label);
-}
 export {
-  H as default
+  p as default
 };
 //# sourceMappingURL=visualization.es80.js.map

package/dist/visualization.es80.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es80.js","sources":["../src/components/Histogram/HistogramTooltip.tsx"],"sourcesContent":["import React, { useImperativeHandle, useState } from 'react';\nimport { TooltipWithBounds } from '@visx/tooltip';\nimport { HistogramBin } from './types';\n\nexport interface HistogramTooltipHandle {\n    show: (bin: HistogramBin, left: number, top: number) => void;\n    hide: () => void;\n}\n\ninterface HistogramTooltipProps {\n    multiSeries: boolean;\n    tooltipBody?: (bin: HistogramBin) => React.ReactElement;\n    ref: React.Ref<HistogramTooltipHandle>;\n}\n\nconst HistogramTooltip = ({ multiSeries, tooltipBody, ref }: HistogramTooltipProps) => {\n    const [state, setState] = useState<{ open: boolean; data?: HistogramBin; left?: number; top?: number }>({ open: false });\n\n    useImperativeHandle(ref, () => ({\n        show: (bin, left, top) => setState({ open: true, data: bin, left, top }),\n        hide: () => setState((s) => ({ ...s, open: false })),\n    }));\n\n    if (!state.open || !state.data) return null;\n\n    const { data, left, top } = state;\n\n    return (\n        <TooltipWithBounds left={left} top={top}>\n            {tooltipBody ? (\n                tooltipBody(data)\n            ) : (\n                <div style={{ fontSize: 12 }}>\n                    <div>\n                        <strong>Range:</strong> {data.x0.toFixed(2)}, {data.x1.toFixed(2)}\n                    </div>\n                    {multiSeries ? (\n                        data.series.map((s) => (\n                            <div key={s.label} style={{ display: 'flex', alignItems: 'center', gap: 4 }}>\n                                <span style={{ width: 8, height: 8, borderRadius: 2, backgroundColor: s.color, display: 'inline-block' }} />\n                                <span><strong>{s.label}:</strong> {s.count}</span>\n                            </div>\n                        ))\n                    ) : (\n                        <div><strong>Count:</strong> {data.count}</div>\n                    )}\n                </div>\n            )}\n        </TooltipWithBounds>\n    );\n};\n\nexport default HistogramTooltip;\n"],"names":["HistogramTooltip","t0","$","_c","multiSeries","tooltipBody","ref","t1","Symbol","for","open","state","setState","useState","t2","show","bin","left","top","data","hide","_temp","useImperativeHandle","left_0","top_0","t3","jsxs","fontSize","jsx","x0","toFixed","x1","series","map","_temp2","count","t4","TooltipWithBounds","s","s_0","display","alignItems","gap","width","height","borderRadius","backgroundColor","color","label"],"mappings":"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"}
+{"version":3,"file":"visualization.es80.js","sources":["../src/components/Legend/Swatch.tsx"],"sourcesContent":["import { Box } from \"@mui/material\";\n\n/** A legend's color dot, hollow for a group switched off. */\nconst Swatch = ({ color, hollow = false }: { color: string; hollow?: boolean }) => (\n  <Box\n    sx={{\n      width: 10,\n      height: 10,\n      borderRadius: \"50%\",\n      bgcolor: hollow ? \"transparent\" : color,\n      border: `2px solid ${color}`,\n      flexShrink: 0,\n    }}\n  />\n);\n\nexport default Swatch;\n"],"names":["Swatch","t0","$","_c","color","hollow","t1","t2","undefined","t3","t4","jsx","Box","width","height","borderRadius","bgcolor","border","flexShrink"],"mappings":";;;AAGA,MAAMA,IAASC,CAAAA,MAAA;AAAA,QAAAC,IAAAC,EAAA,CAAA,GAAC;AAAA,IAAAC,OAAAA;AAAAA,IAAAC,QAAAC;AAAAA,EAAAA,IAAAL,GAMDM,KANUD,MAAAE,SAAA,KAAAF,KAMV,gBAAAF,GACDK,IAAA,aAAaL,CAAK;AAAE,MAAAM;AAAA,SAAAR,EAAA,CAAA,MAAAK,KAAAL,SAAAO,KANhCC,IAAA,gBAAAC,EAACC,KACK,IAAA;AAAA,IAAAC,OACK;AAAA,IAAEC,QACD;AAAA,IAAEC,cACI;AAAA,IAAKC,SACVT;AAAAA,IAA8BU,QAC/BR;AAAAA,IAAoBS,YAChB;AAAA,EAAA,GACb,GACDhB,OAAAK,GAAAL,OAAAO,GAAAP,OAAAQ,KAAAA,IAAAR,EAAA,CAAA,GATFQ;AASE;"}

package/dist/visualization.es81.js

@@ -1,49 +1,40 @@
-import { jsx as g } from "react/jsx-runtime";
-import { memo as X, useState as v } from "react";
-import { getAnimationProps as w } from "./visualization.es24.js";
-import { motion as x } from "./visualization.es29.js";
-import B from "./visualization.es121.js";
-const E = X(({
-  bin: r,
-  x: p,
-  barWidth: l,
-  yScale: n,
-  animationType: c,
-  binIndex: f,
-  svgRef: i,
-  tooltipRef: s,
-  onBarClicked: u
-}) => {
-  const [h, m] = v(!1), d = c ? x.g : "g", M = w(c, f);
-  let a = 0;
-  const Y = r.series.map((t, e) => {
-    const o = a;
-    return a += t.count, {
-      s: t,
-      si: e,
-      segY: n(o + t.count),
-      segHeight: Math.max(n(o) - n(o + t.count), 0)
-    };
-  });
-  return /* @__PURE__ */ g(d, { ...M, onMouseEnter: (t) => {
-    m(!0);
-    const e = i.current?.getBoundingClientRect();
-    s.current?.show(r, e ? t.clientX - e.left + 10 : t.pageX, e ? t.clientY - e.top : t.pageY);
-  }, onMouseMove: (t) => {
-    const e = i.current?.getBoundingClientRect();
-    s.current?.show(r, e ? t.clientX - e.left + 10 : t.pageX, e ? t.clientY - e.top : t.pageY);
-  }, onMouseLeave: () => {
-    m(!1), s.current?.hide();
-  }, children: Y.map(({
-    s: t,
-    si: e,
-    segY: o,
-    segHeight: H
-  }) => /* @__PURE__ */ g(B, { x: p, y: o, width: l, height: H, fill: t.color, opacity: 0.85, stroke: h ? "#000000" : "none", style: {
-    cursor: u ? "pointer" : "default"
-  }, onClick: () => u?.(r) }, `seg-${e}`)) });
-});
+import { jsx as h } from "react/jsx-runtime";
+import { c as x } from "react/compiler-runtime";
+import { Tooltip as y } from "@mui/material";
+import { useState as A } from "react";
+import { describeSweep as j, clampAt as D, rangeAt as E } from "./visualization.es21.js";
+import { useSweep as H } from "./visualization.es147.js";
+const k = (w) => {
+  const e = x(18), {
+    end: u,
+    clamped: v,
+    children: i,
+    range: S,
+    values: b,
+    noun: C,
+    formatValue: T,
+    onSweep: g,
+    placement: c,
+    overlayContainer: m
+  } = w, s = v ? D(u) : E(u === "low" ? 0 : 1), [p, t] = A(!1), o = H(g), f = y, d = p ? j(b, S, s, C, T) : "";
+  let r;
+  e[0] !== s || e[1] !== t || e[2] !== o ? (r = () => {
+    t(!0), o(s);
+  }, e[0] = s, e[1] = t, e[2] = o, e[3] = r) : r = e[3];
+  let n;
+  e[4] !== t || e[5] !== o ? (n = () => {
+    t(!1), o(null);
+  }, e[4] = t, e[5] = o, e[6] = n) : n = e[6];
+  let l;
+  e[7] !== m ? (l = {
+    popper: {
+      container: m
+    }
+  }, e[7] = m, e[8] = l) : l = e[8];
+  let a;
+  return e[9] !== f || e[10] !== i || e[11] !== p || e[12] !== c || e[13] !== d || e[14] !== r || e[15] !== n || e[16] !== l ? (a = /* @__PURE__ */ h(f, { title: d, open: p, onOpen: r, onClose: n, enterDelay: 0, placement: c, disableInteractive: !0, slotProps: l, children: i }), e[9] = f, e[10] = i, e[11] = p, e[12] = c, e[13] = d, e[14] = r, e[15] = n, e[16] = l, e[17] = a) : a = e[17], a;
+};
 export {
-  E as default
+  k as default
 };
 //# sourceMappingURL=visualization.es81.js.map

package/dist/visualization.es81.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es81.js","sources":["../src/components/Histogram/HistogramBar.tsx"],"sourcesContent":["import React, { memo, useState } from 'react';\nimport { Bar } from '@visx/shape';\nimport { motion } from 'framer-motion';\nimport { getAnimationProps, AnimationType } from '../../utility';\nimport { HistogramBin } from './types';\nimport { HistogramTooltipHandle } from './HistogramTooltip';\n\nexport interface HistogramBarProps {\n    bin: HistogramBin;\n    x: number;\n    barWidth: number;\n    yScale: (v: number) => number;\n    animationType?: AnimationType;\n    binIndex: number;\n    svgRef: React.RefObject<SVGSVGElement | null>;\n    tooltipRef: React.RefObject<HistogramTooltipHandle | null>;\n    onBarClicked?: (bin: HistogramBin) => void;\n}\n\n//memoize so that entire chart doesnt re-render on hover, just the hovered bar\nconst HistogramBar = memo(({ bin, x, barWidth, yScale, animationType, binIndex, svgRef, tooltipRef, onBarClicked }: HistogramBarProps) => {\n    const [isHovered, setIsHovered] = useState(false);\n\n    const Wrapper = animationType ? motion.g : 'g';\n    const animProps = getAnimationProps(animationType, binIndex);\n\n    let totCount = 0;\n    const segments = bin.series.map((s, si) => {\n        const start = totCount;\n        totCount += s.count;\n        return { s, si, segY: yScale(start + s.count), segHeight: Math.max(yScale(start) - yScale(start + s.count), 0) };\n    });\n\n    return (\n        <Wrapper\n            {...animProps}\n            onMouseEnter={(e: React.MouseEvent) => {\n                setIsHovered(true);\n                const rect = svgRef.current?.getBoundingClientRect();\n                tooltipRef.current?.show(bin, rect ? e.clientX - rect.left + 10 : e.pageX, rect ? e.clientY - rect.top : e.pageY);\n            }}\n            onMouseMove={(e: React.MouseEvent) => {\n                const rect = svgRef.current?.getBoundingClientRect();\n                tooltipRef.current?.show(bin, rect ? e.clientX - rect.left + 10 : e.pageX, rect ? e.clientY - rect.top : e.pageY);\n            }}\n            onMouseLeave={() => {\n                setIsHovered(false);\n                tooltipRef.current?.hide();\n            }}\n        >\n            {segments.map(({ s, si, segY, segHeight }) => (\n                <Bar\n                    key={`seg-${si}`}\n                    x={x}\n                    y={segY}\n                    width={barWidth}\n                    height={segHeight}\n                    fill={s.color}\n                    opacity={0.85}\n                    stroke={isHovered ? '#000000' : 'none'}\n                    style={{ cursor: onBarClicked ? 'pointer' : 'default' }}\n                    onClick={() => onBarClicked?.(bin)}\n                />\n            ))}\n        </Wrapper>\n    );\n});\n\nexport default HistogramBar;\n"],"names":["HistogramBar","memo","bin","x","barWidth","yScale","animationType","binIndex","svgRef","tooltipRef","onBarClicked","isHovered","setIsHovered","useState","Wrapper","motion","g","animProps","getAnimationProps","totCount","segments","series","map","s","si","start","count","segY","segHeight","Math","max","e","rect","current","getBoundingClientRect","show","clientX","left","pageX","clientY","top","pageY","hide","jsx","Bar","color","cursor"],"mappings":";;;;;AAoBA,MAAMA,IAAeC,EAAK,CAAC;AAAA,EAAEC,KAAAA;AAAAA,EAAKC,GAAAA;AAAAA,EAAGC,UAAAA;AAAAA,EAAUC,QAAAA;AAAAA,EAAQC,eAAAA;AAAAA,EAAeC,UAAAA;AAAAA,EAAUC,QAAAA;AAAAA,EAAQC,YAAAA;AAAAA,EAAYC,cAAAA;AAAgC,MAAM;AACtI,QAAM,CAACC,GAAWC,CAAY,IAAIC,EAAS,EAAK,GAE1CC,IAAUR,IAAgBS,EAAOC,IAAI,KACrCC,IAAYC,EAAkBZ,GAAeC,CAAQ;AAE3D,MAAIY,IAAW;AACf,QAAMC,IAAWlB,EAAImB,OAAOC,IAAI,CAACC,GAAGC,MAAO;AACvC,UAAMC,IAAQN;AACdA,WAAAA,KAAYI,EAAEG,OACP;AAAA,MAAEH,GAAAA;AAAAA,MAAGC,IAAAA;AAAAA,MAAIG,MAAMtB,EAAOoB,IAAQF,EAAEG,KAAK;AAAA,MAAGE,WAAWC,KAAKC,IAAIzB,EAAOoB,CAAK,IAAIpB,EAAOoB,IAAQF,EAAEG,KAAK,GAAG,CAAC;AAAA,IAAA;AAAA,EACjH,CAAC;AAED,2BACKZ,GAAA,EACG,GAAIG,GACJ,cAAc,CAACc,MAAwB;AACnCnB,IAAAA,EAAa,EAAI;AACjB,UAAMoB,IAAOxB,EAAOyB,SAASC,sBAAAA;AAC7BzB,IAAAA,EAAWwB,SAASE,KAAKjC,GAAK8B,IAAOD,EAAEK,UAAUJ,EAAKK,OAAO,KAAKN,EAAEO,OAAON,IAAOD,EAAEQ,UAAUP,EAAKQ,MAAMT,EAAEU,KAAK;AAAA,EACpH,GACA,aAAa,CAACV,MAAwB;AAClC,UAAMC,IAAOxB,EAAOyB,SAASC,sBAAAA;AAC7BzB,IAAAA,EAAWwB,SAASE,KAAKjC,GAAK8B,IAAOD,EAAEK,UAAUJ,EAAKK,OAAO,KAAKN,EAAEO,OAAON,IAAOD,EAAEQ,UAAUP,EAAKQ,MAAMT,EAAEU,KAAK;AAAA,EACpH,GACA,cAAc,MAAM;AAChB7B,IAAAA,EAAa,EAAK,GAClBH,EAAWwB,SAASS,KAAAA;AAAAA,EACxB,GAECtB,UAAAA,EAASE,IAAI,CAAC;AAAA,IAAEC,GAAAA;AAAAA,IAAGC,IAAAA;AAAAA,IAAIG,MAAAA;AAAAA,IAAMC,WAAAA;AAAAA,EAAAA,MAC1B,gBAAAe,EAACC,GAAA,EAEG,GAAAzC,GACA,GAAGwB,GACH,OAAOvB,GACP,QAAQwB,GACR,MAAML,EAAEsB,OACR,SAAS,MACT,QAAQlC,IAAY,YAAY,QAChC,OAAO;AAAA,IAAEmC,QAAQpC,IAAe,YAAY;AAAA,EAAA,GAC5C,SAAS,MAAMA,IAAeR,CAAG,KAT5B,OAAOsB,CAAE,EASqB,CAE1C,GACL;AAER,CAAC;"}
+{"version":3,"file":"visualization.es81.js","sources":["../src/components/Legend/Colorbar/ColorbarEnd.tsx"],"sourcesContent":["import { Tooltip, type TooltipProps } from \"@mui/material\";\nimport { useState, type ReactElement } from \"react\";\nimport { clampAt, describeSweep, rangeAt, type ColorRange, type RampRange } from \"../colorbarAxis\";\nimport { useSweep } from \"./useSweep\";\n\nexport type ColorbarEndProps = {\n  end: \"low\" | \"high\";\n  /** Whether values lie past this end, so the label reads \"≤\" or \"≥\". */\n  clamped: boolean;\n  /** The label, as an element a tooltip can anchor to: a `<text>` in an `<svg>`, a Typography beside one. */\n  children: ReactElement;\n  /** The colorbar's range, values, noun and value format - see ColorbarGraphic. */\n  range: ColorRange;\n  values: ArrayLike<number>;\n  noun: string;\n  formatValue: (value: number) => string;\n  onSweep: (sweep: RampRange | null) => void;\n  placement: TooltipProps[\"placement\"];\n  /** Where the tooltip portals to when the body won't do - see HeatmapLegendFrame. */\n  overlayContainer?: HTMLElement;\n};\n\n/**\n * One of a colorbar's end labels, which sweeps its end when hovered: a \"≤\" or \"≥\" label the values\n * past the clamp, a plain one the last stretch of the bar.\n */\nconst ColorbarEnd = ({\n  end,\n  clamped,\n  children,\n  range,\n  values,\n  noun,\n  formatValue,\n  onSweep,\n  placement,\n  overlayContainer,\n}: ColorbarEndProps) => {\n  const endWindow = clamped ? clampAt(end) : rangeAt(end === \"low\" ? 0 : 1);\n  const [hovered, setHovered] = useState(false);\n  const sweepTo = useSweep(onSweep);\n\n  return (\n    <Tooltip\n      title={hovered ? describeSweep(values, range, endWindow, noun, formatValue) : \"\"}\n      open={hovered}\n      onOpen={() => {\n        setHovered(true);\n        sweepTo(endWindow);\n      }}\n      onClose={() => {\n        setHovered(false);\n        sweepTo(null);\n      }}\n      // At once, as the bar's own sweep is.\n      enterDelay={0}\n      placement={placement}\n      disableInteractive\n      slotProps={{ popper: { container: overlayContainer } }}\n    >\n      {children}\n    </Tooltip>\n  );\n};\n\nexport default ColorbarEnd;\n"],"names":["ColorbarEnd","t0","$","_c","end","clamped","children","range","values","noun","formatValue","onSweep","placement","overlayContainer","endWindow","clampAt","rangeAt","hovered","setHovered","useState","sweepTo","useSweep","T0","Tooltip","t1","describeSweep","t2","t3","t4","popper","container","t5"],"mappings":";;;;;;AA0BA,MAAMA,IAAcC,CAAAA,MAAA;AAAA,QAAAC,IAAAC,EAAA,EAAA,GAAC;AAAA,IAAAC,KAAAA;AAAAA,IAAAC,SAAAA;AAAAA,IAAAC,UAAAA;AAAAA,IAAAC,OAAAA;AAAAA,IAAAC,QAAAA;AAAAA,IAAAC,MAAAA;AAAAA,IAAAC,aAAAA;AAAAA,IAAAC,SAAAA;AAAAA,IAAAC,WAAAA;AAAAA,IAAAC,kBAAAA;AAAAA,EAAAA,IAAAZ,GAYnBa,IAAkBT,IAAUU,EAAQX,CAAoC,IAA7BY,EAAQZ,MAAQ,QAAR,IAAA,CAAqB,GACxE,CAAAa,GAAAC,CAAA,IAA8BC,EAAS,EAAK,GAC5CC,IAAgBC,EAASV,CAAO,GAG7BW,IAAAC,GACQC,IAAAP,IAAUQ,EAAcjB,GAAQD,GAAOO,GAAWL,GAAMC,CAAgB,IAAxE;AAAyE,MAAAgB;AAAA,EAAAxB,EAAA,CAAA,MAAAY,KAAAZ,SAAAgB,KAAAhB,EAAA,CAAA,MAAAkB,KAExEM,IAAAA,MAAA;AACNR,IAAAA,EAAW,EAAI,GACfE,EAAQN,CAAS;AAAA,EAAC,GACnBZ,OAAAY,GAAAZ,OAAAgB,GAAAhB,OAAAkB,GAAAlB,OAAAwB,KAAAA,IAAAxB,EAAA,CAAA;AAAA,MAAAyB;AAAA,EAAAzB,EAAA,CAAA,MAAAgB,KAAAhB,SAAAkB,KACQO,IAAAA,MAAA;AACPT,IAAAA,EAAW,EAAK,GAChBE,EAAQ,IAAI;AAAA,EAAC,GACdlB,OAAAgB,GAAAhB,OAAAkB,GAAAlB,OAAAyB,KAAAA,IAAAzB,EAAA,CAAA;AAAA,MAAA0B;AAAA,EAAA1B,SAAAW,KAKUe,IAAA;AAAA,IAAAC,QAAU;AAAA,MAAAC,WAAajB;AAAAA,IAAAA;AAAAA,EAAiB,GAAGX,OAAAW,GAAAX,OAAA0B,KAAAA,IAAA1B,EAAA,CAAA;AAAA,MAAA6B;AAAA,SAAA7B,EAAA,CAAA,MAAAoB,KAAApB,EAAA,EAAA,MAAAI,KAAAJ,EAAA,EAAA,MAAAe,KAAAf,EAAA,EAAA,MAAAU,KAAAV,EAAA,EAAA,MAAAsB,KAAAtB,EAAA,EAAA,MAAAwB,KAAAxB,EAAA,EAAA,MAAAyB,KAAAzB,UAAA0B,KAfxDG,sBAACT,GAAA,EACQ,OAAAE,GACDP,SACE,QAAAS,GAIC,SAAAC,GAKG,eACDf,WAAAA,GACX,oBAAA,IACW,WAAAgB,GAEVtB,UAAAA,GACH,GAAUJ,OAAAoB,GAAApB,QAAAI,GAAAJ,QAAAe,GAAAf,QAAAU,GAAAV,QAAAsB,GAAAtB,QAAAwB,GAAAxB,QAAAyB,GAAAzB,QAAA0B,GAAA1B,QAAA6B,KAAAA,IAAA7B,EAAA,EAAA,GAlBV6B;AAkBU;"}

package/dist/visualization.es82.js

@@ -1,59 +1,156 @@
-import { slice as F } from "./visualization.es490.js";
-import { bisectRight as j } from "./visualization.es484.js";
-import b from "./visualization.es491.js";
-import w from "./visualization.es489.js";
-import I from "./visualization.es492.js";
-import R from "./visualization.es493.js";
-import S, { tickIncrement as z } from "./visualization.es84.js";
-import q from "./visualization.es494.js";
-function L() {
-  var A = I, h = w, v = q;
-  function s(i) {
-    Array.isArray(i) || (i = Array.from(i));
-    var r, c = i.length, o, m, u = new Array(c);
-    for (r = 0; r < c; ++r)
-      u[r] = A(i[r], r, i);
-    var k = h(u), e = k[0], t = k[1], n = v(u, e, t);
-    if (!Array.isArray(n)) {
-      const g = t, x = +n;
-      if (h === w && ([e, t] = R(e, t, x)), n = S(e, t, x), n[0] <= e && (m = z(e, t, x)), n[n.length - 1] >= t)
-        if (g >= t && h === w) {
-          const l = z(e, t, x);
-          isFinite(l) && (l > 0 ? t = (Math.floor(t / l) + 1) * l : l < 0 && (t = (Math.ceil(t * -l) + 1) / -l));
-        } else
-          n.pop();
+import { jsx as a, jsxs as dt } from "react/jsx-runtime";
+import { c as Ct } from "react/compiler-runtime";
+import { Tooltip as Mt } from "@mui/material";
+import { useTheme as Tt } from "@mui/material/styles";
+import { useId as St, useState as _t } from "react";
+import { rangeAxis as zt, histogram as Gt, clampOf as It, describeSweep as Ot, rangeAt as Lt } from "./visualization.es21.js";
+import { columnColor as Pt, histogramColumns as Rt, HISTOGRAM as Wt, BAR as p, colorbarDepth as jt, GAP as z, breakPoints as Bt } from "./visualization.es83.js";
+import { useSweep as Dt } from "./visualization.es147.js";
+const Ht = 5, Jt = (Z) => {
+  const t = Ct(81), {
+    orientation: A,
+    length: e,
+    stops: q,
+    range: G,
+    values: I,
+    formatValue: E,
+    noun: F,
+    sweep: r,
+    onSweep: yt,
+    marker: gt,
+    overlayContainer: J
+  } = Z, K = gt === void 0 ? null : gt, s = Tt(), Q = St();
+  let O;
+  if (t[0] !== Q) {
+    let o;
+    t[2] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (o = /[^a-zA-Z0-9-]/g, t[2] = o) : o = t[2], O = Q.replace(o, ""), t[0] = Q, t[1] = O;
+  } else
+    O = t[1];
+  const L = `colorbar-${O}`, l = A === "horizontal", c = Wt[A], $ = zt(G);
+  let P;
+  t[3] !== s ? (P = Pt(s), t[3] = s, t[4] = P) : P = t[4];
+  const tt = P;
+  let R;
+  t[5] !== e ? (R = Math.round(e / Ht), t[5] = e, t[6] = R) : R = t[6];
+  const C = Math.max(8, R), vt = Rt(Gt(I, $, C), c), et = l ? [c + z, c + z + p] : [0, p];
+  let W;
+  t[7] !== l || t[8] !== e ? (W = (o, i, _) => {
+    const [f, v] = _;
+    return l ? {
+      x: o * e,
+      y: f,
+      width: (i - o) * e,
+      height: v - f
+    } : {
+      x: f,
+      y: e - i * e,
+      width: v - f,
+      height: (i - o) * e
+    };
+  }, t[7] = l, t[8] = e, t[9] = W) : W = t[9];
+  const n = W;
+  let j;
+  t[10] !== c || t[11] !== l ? (j = (o) => l ? [c - o, c] : [p + z, p + z + o], t[10] = c, t[11] = l, t[12] = j) : j = t[12];
+  const ot = j;
+  let B;
+  t[13] !== l || t[14] !== e ? (B = (o, i) => l ? [o, i] : [i, e - o], t[13] = l, t[14] = e, t[15] = B) : B = t[15];
+  const lt = B, M = (o) => [et[0] - o, et[1] + o];
+  let D;
+  t[16] !== r ? (D = r && It(r), t[16] = r, t[17] = D) : D = t[17];
+  const T = D;
+  let H;
+  t[18] !== M || t[19] !== n || t[20] !== T || t[21] !== e || t[22] !== r ? (H = r ? T ? {
+    ...n(T === "low" ? -3 / e : 1 - (p + 3) / e, T === "low" ? (p + 3) / e : 1 + 3 / e, M(3)),
+    rx: p / 2 + 3
+  } : {
+    ...n(r.from, r.to, M(3)),
+    rx: 3
+  } : null, t[18] = M, t[19] = n, t[20] = T, t[21] = e, t[22] = r, t[23] = H) : H = t[23];
+  const S = H, [N, xt] = _t(!1), m = Dt(yt);
+  let U;
+  t[24] !== l || t[25] !== m ? (U = (o) => {
+    const {
+      left: i,
+      top: _,
+      width: f,
+      height: v
+    } = o.currentTarget.getBoundingClientRect();
+    xt(!0), m(Lt(l ? (o.clientX - i) / f : 1 - (o.clientY - _) / v));
+  }, t[24] = l, t[25] = m, t[26] = U) : U = t[26];
+  const rt = U;
+  let V;
+  t[27] !== m ? (V = () => {
+    xt(!1), m(null);
+  }, t[27] = m, t[28] = V) : V = t[28];
+  const st = V, nt = l ? "0" : "1", it = l ? "1" : "0";
+  let u;
+  t[29] !== q ? (u = q.map(Nt), t[29] = q, t[30] = u) : u = t[30];
+  let h;
+  t[31] !== L || t[32] !== nt || t[33] !== it || t[34] !== u ? (h = /* @__PURE__ */ a("defs", { children: /* @__PURE__ */ a("linearGradient", { id: L, x1: "0", y1: nt, x2: it, y2: "0", children: u }) }), t[31] = L, t[32] = nt, t[33] = it, t[34] = u, t[35] = h) : h = t[35];
+  let X;
+  t[36] !== C || t[37] !== n || t[38] !== ot || t[39] !== c || t[40] !== tt || t[41] !== l || t[42] !== e || t[43] !== lt || t[44] !== s ? (X = (o, i) => {
+    const {
+      count: _,
+      size: f,
+      capped: v
+    } = o;
+    if (_ === 0)
+      return null;
+    const bt = i / C, wt = (i + 1) / C - 1 / e;
+    return /* @__PURE__ */ dt("g", { children: [
+      /* @__PURE__ */ a("rect", { ...n(bt, wt, ot(f)), fill: tt }),
+      v && /* @__PURE__ */ a("polygon", { points: Bt((At, kt) => lt(At, l ? c - kt : p + z + kt), {
+        from: bt * e - 0.5,
+        to: wt * e + 0.5,
+        at: c / 2,
+        rise: 3,
+        gap: 2
+      }), fill: s.palette.background.paper })
+    ] }, i);
+  }, t[36] = C, t[37] = n, t[38] = ot, t[39] = c, t[40] = tt, t[41] = l, t[42] = e, t[43] = lt, t[44] = s, t[45] = X) : X = t[45];
+  const ct = vt.map(X), at = n(0, 1, et), pt = `url(#${L})`;
+  let d;
+  t[46] !== at || t[47] !== pt ? (d = /* @__PURE__ */ a("rect", { ...at, rx: p / 2, fill: pt }), t[46] = at, t[47] = pt, t[48] = d) : d = t[48];
+  let g;
+  t[49] !== S || t[50] !== s ? (g = S && /* @__PURE__ */ dt("g", { fill: "none", children: [
+    /* @__PURE__ */ a("rect", { ...S, stroke: s.palette.background.paper, strokeWidth: 4 }),
+    /* @__PURE__ */ a("rect", { ...S, stroke: s.palette.text.primary, strokeWidth: 2 })
+  ] }), t[49] = S, t[50] = s, t[51] = g) : g = t[51];
+  const ft = K !== null && /* @__PURE__ */ a("rect", { ...n($.toT(K) - 1.5 / e, $.toT(K) + 1.5 / e, M(4)), rx: 1.5, fill: s.palette.text.primary, stroke: s.palette.background.paper, strokeWidth: 1 });
+  let x;
+  t[52] !== E || t[53] !== F || t[54] !== N || t[55] !== G || t[56] !== r || t[57] !== I ? (x = N && r ? Ot(I, G, r, F, E) : "", t[52] = E, t[53] = F, t[54] = N, t[55] = G, t[56] = r, t[57] = I, t[58] = x) : x = t[58];
+  const mt = N && r !== null, ut = l ? "top" : "right";
+  let b;
+  t[59] !== J ? (b = {
+    popper: {
+      container: J
     }
-    for (var f = n.length, a = 0, p = f; n[a] <= e; ) ++a;
-    for (; n[p - 1] > t; ) --p;
-    (a || p < f) && (n = n.slice(a, p), f = p - a);
-    var y = new Array(f + 1), M;
-    for (r = 0; r <= f; ++r)
-      M = y[r] = [], M.x0 = r > 0 ? n[r - 1] : e, M.x1 = r < f ? n[r] : t;
-    if (isFinite(m)) {
-      if (m > 0)
-        for (r = 0; r < c; ++r)
-          (o = u[r]) != null && e <= o && o <= t && y[Math.min(f, Math.floor((o - e) / m))].push(i[r]);
-      else if (m < 0) {
-        for (r = 0; r < c; ++r)
-          if ((o = u[r]) != null && e <= o && o <= t) {
-            const g = Math.floor((e - o) * m);
-            y[Math.min(f, g + (n[g] <= o))].push(i[r]);
-          }
-      }
-    } else
-      for (r = 0; r < c; ++r)
-        (o = u[r]) != null && e <= o && o <= t && y[j(n, o, 0, f)].push(i[r]);
-    return y;
-  }
-  return s.value = function(i) {
-    return arguments.length ? (A = typeof i == "function" ? i : b(i), s) : A;
-  }, s.domain = function(i) {
-    return arguments.length ? (h = typeof i == "function" ? i : b([i[0], i[1]]), s) : h;
-  }, s.thresholds = function(i) {
-    return arguments.length ? (v = typeof i == "function" ? i : b(Array.isArray(i) ? F.call(i) : i), s) : v;
-  }, s;
+  }, t[59] = J, t[60] = b) : b = t[60];
+  const ht = jt(A) + 4;
+  let w;
+  t[61] !== n || t[62] !== ht ? (w = n(0, 1, [-4, ht]), t[61] = n, t[62] = ht, t[63] = w) : w = t[63];
+  let k;
+  t[64] !== st || t[65] !== rt || t[66] !== w ? (k = /* @__PURE__ */ a("rect", { ...w, fill: "transparent", onMouseMove: rt, onMouseLeave: st }), t[64] = st, t[65] = rt, t[66] = w, t[67] = k) : k = t[67];
+  let y;
+  t[68] !== x || t[69] !== mt || t[70] !== ut || t[71] !== b || t[72] !== k ? (y = /* @__PURE__ */ a(Mt, { title: x, open: mt, followCursor: !0, placement: ut, disableInteractive: !0, slotProps: b, children: k }), t[68] = x, t[69] = mt, t[70] = ut, t[71] = b, t[72] = k, t[73] = y) : y = t[73];
+  let Y;
+  return t[74] !== h || t[75] !== ct || t[76] !== d || t[77] !== g || t[78] !== ft || t[79] !== y ? (Y = /* @__PURE__ */ dt("g", { children: [
+    h,
+    ct,
+    d,
+    g,
+    ft,
+    y
+  ] }), t[74] = h, t[75] = ct, t[76] = d, t[77] = g, t[78] = ft, t[79] = y, t[80] = Y) : Y = t[80], Y;
+};
+function Nt(Z) {
+  const {
+    at: t,
+    color: A
+  } = Z;
+  return /* @__PURE__ */ a("stop", { offset: `${t * 100}%`, stopColor: A }, t);
 }
 export {
-  L as default
+  Jt as default
 };
 //# sourceMappingURL=visualization.es82.js.map

package/dist/visualization.es82.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es82.js","sources":["../../../node_modules/.pnpm/d3-array@3.2.1/node_modules/d3-array/src/bin.js"],"sourcesContent":["import {slice} from \"./array.js\";\nimport bisect from \"./bisect.js\";\nimport constant from \"./constant.js\";\nimport extent from \"./extent.js\";\nimport identity from \"./identity.js\";\nimport nice from \"./nice.js\";\nimport ticks, {tickIncrement} from \"./ticks.js\";\nimport sturges from \"./threshold/sturges.js\";\n\nexport default function bin() {\n  var value = identity,\n      domain = extent,\n      threshold = sturges;\n\n  function histogram(data) {\n    if (!Array.isArray(data)) data = Array.from(data);\n\n    var i,\n        n = data.length,\n        x,\n        step,\n        values = new Array(n);\n\n    for (i = 0; i < n; ++i) {\n      values[i] = value(data[i], i, data);\n    }\n\n    var xz = domain(values),\n        x0 = xz[0],\n        x1 = xz[1],\n        tz = threshold(values, x0, x1);\n\n    // Convert number of thresholds into uniform thresholds, and nice the\n    // default domain accordingly.\n    if (!Array.isArray(tz)) {\n      const max = x1, tn = +tz;\n      if (domain === extent) [x0, x1] = nice(x0, x1, tn);\n      tz = ticks(x0, x1, tn);\n\n      // If the domain is aligned with the first tick (which it will by\n      // default), then we can use quantization rather than bisection to bin\n      // values, which is substantially faster.\n      if (tz[0] <= x0) step = tickIncrement(x0, x1, tn);\n\n      // If the last threshold is coincident with the domain’s upper bound, the\n      // last bin will be zero-width. If the default domain is used, and this\n      // last threshold is coincident with the maximum input value, we can\n      // extend the niced upper bound by one tick to ensure uniform bin widths;\n      // otherwise, we simply remove the last threshold. Note that we don’t\n      // coerce values or the domain to numbers, and thus must be careful to\n      // compare order (>=) rather than strict equality (===)!\n      if (tz[tz.length - 1] >= x1) {\n        if (max >= x1 && domain === extent) {\n          const step = tickIncrement(x0, x1, tn);\n          if (isFinite(step)) {\n            if (step > 0) {\n              x1 = (Math.floor(x1 / step) + 1) * step;\n            } else if (step < 0) {\n              x1 = (Math.ceil(x1 * -step) + 1) / -step;\n            }\n          }\n        } else {\n          tz.pop();\n        }\n      }\n    }\n\n    // Remove any thresholds outside the domain.\n    // Be careful not to mutate an array owned by the user!\n    var m = tz.length, a = 0, b = m;\n    while (tz[a] <= x0) ++a;\n    while (tz[b - 1] > x1) --b;\n    if (a || b < m) tz = tz.slice(a, b), m = b - a;\n\n    var bins = new Array(m + 1),\n        bin;\n\n    // Initialize bins.\n    for (i = 0; i <= m; ++i) {\n      bin = bins[i] = [];\n      bin.x0 = i > 0 ? tz[i - 1] : x0;\n      bin.x1 = i < m ? tz[i] : x1;\n    }\n\n    // Assign data to bins by value, ignoring any outside the domain.\n    if (isFinite(step)) {\n      if (step > 0) {\n        for (i = 0; i < n; ++i) {\n          if ((x = values[i]) != null && x0 <= x && x <= x1) {\n            bins[Math.min(m, Math.floor((x - x0) / step))].push(data[i]);\n          }\n        }\n      } else if (step < 0) {\n        for (i = 0; i < n; ++i) {\n          if ((x = values[i]) != null && x0 <= x && x <= x1) {\n            const j = Math.floor((x0 - x) * step);\n            bins[Math.min(m, j + (tz[j] <= x))].push(data[i]); // handle off-by-one due to rounding\n          }\n        }\n      }\n    } else {\n      for (i = 0; i < n; ++i) {\n        if ((x = values[i]) != null && x0 <= x && x <= x1) {\n          bins[bisect(tz, x, 0, m)].push(data[i]);\n        }\n      }\n    }\n\n    return bins;\n  }\n\n  histogram.value = function(_) {\n    return arguments.length ? (value = typeof _ === \"function\" ? _ : constant(_), histogram) : value;\n  };\n\n  histogram.domain = function(_) {\n    return arguments.length ? (domain = typeof _ === \"function\" ? _ : constant([_[0], _[1]]), histogram) : domain;\n  };\n\n  histogram.thresholds = function(_) {\n    return arguments.length ? (threshold = typeof _ === \"function\" ? _ : constant(Array.isArray(_) ? slice.call(_) : _), histogram) : threshold;\n  };\n\n  return histogram;\n}\n"],"names":["bin","value","identity","domain","extent","threshold","sturges","histogram","data","i","n","x","step","values","xz","x0","x1","tz","max","tn","nice","ticks","tickIncrement","m","b","bins","j","bisect","_","constant","slice"],"mappings":"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","x_google_ignoreList":[0]}
+{"version":3,"file":"visualization.es82.js","sources":["../src/components/Legend/Colorbar/ColorbarGraphic.tsx"],"sourcesContent":["import { Tooltip } from \"@mui/material\";\nimport { useTheme } from \"@mui/material/styles\";\nimport { useId, useState, type MouseEvent } from \"react\";\nimport {\n  clampOf,\n  describeSweep,\n  histogram,\n  rangeAt,\n  rangeAxis,\n  type ColorRange,\n  type RampRange,\n  type RampStop,\n} from \"../colorbarAxis\";\nimport {\n  BAR,\n  GAP,\n  HISTOGRAM,\n  breakPoints,\n  colorbarDepth,\n  columnColor,\n  histogramColumns,\n  type ColorbarOrientation,\n} from \"../colorbarGeometry\";\nimport { useSweep } from \"./useSweep\";\n\n/** Pixels of bar per histogram column. */\nconst COLUMN = 5;\n\nexport type ColorbarGraphicProps = {\n  orientation: ColorbarOrientation;\n  /** The bar's length in pixels. */\n  length: number;\n  stops: readonly RampStop[];\n  /** Where the colors stop. The bar spans it, and its end columns count the values beyond. */\n  range: ColorRange;\n  /** Every value on the plot, sorted ascending and unclamped: what the columns count. */\n  values: ArrayLike<number>;\n  /** How the sweep's tooltip writes values. */\n  formatValue: (value: number) => string;\n  /** What one value is, for the sweep's count: \"sample\", \"cell\". */\n  noun: string;\n  /**\n   * The stretch of the bar under the cursor, drawn on it as a window - or an end's clamp (see\n   * clampAt), drawn as a ring round that end's tip.\n   */\n  sweep: RampRange | null;\n  /** Fired as the cursor moves along the bar and when it leaves, so the plot can highlight the window's values. */\n  onSweep: (sweep: RampRange | null) => void;\n  /** A value to mark on the bar - the hovered point's. */\n  marker?: number | null;\n  /** Where the sweep's tooltip portals to when the body won't do - see HeatmapLegendFrame. */\n  overlayContainer?: HTMLElement;\n};\n\n/**\n * A colorbar with a histogram of the plot's values along it, as a `<g>` for the caller's `<svg>`, so\n * a heatmap can use it as its legend and downloads keep it.\n */\nconst ColorbarGraphic = ({\n  orientation,\n  length,\n  stops,\n  range,\n  values,\n  formatValue,\n  noun,\n  sweep,\n  onSweep,\n  marker = null,\n  overlayContainer,\n}: ColorbarGraphicProps) => {\n  const theme = useTheme();\n  const gradientId = `colorbar-${useId().replace(/[^a-zA-Z0-9-]/g, \"\")}`;\n  const horizontal = orientation === \"horizontal\";\n  const depth = HISTOGRAM[orientation];\n  const axis = rangeAxis(range);\n  const fill = columnColor(theme);\n\n  const bins = Math.max(8, Math.round(length / COLUMN));\n  const columns = histogramColumns(histogram(values, axis, bins), depth);\n\n  // Placed along the bar (t from 0 at its low end) and across it. The histogram sits above a\n  // horizontal bar, and right of a vertical one, whose low end is at the bottom.\n  const barAcross: [number, number] = horizontal ? [depth + GAP, depth + GAP + BAR] : [0, BAR];\n  const box = (t0: number, t1: number, [a0, a1]: [number, number]) =>\n    horizontal\n      ? { x: t0 * length, y: a0, width: (t1 - t0) * length, height: a1 - a0 }\n      : { x: a0, y: length - t1 * length, width: a1 - a0, height: (t1 - t0) * length };\n  // A column's extent across the bar, growing away from it.\n  const columnAcross = (size: number): [number, number] =>\n    horizontal ? [depth - size, depth] : [BAR + GAP, BAR + GAP + size];\n  // A point given along the bar in pixels and across it, placed on screen.\n  const point = (along: number, across: number): [number, number] =>\n    horizontal ? [along, across] : [across, length - along];\n  const around = (pad: number): [number, number] => [barAcross[0] - pad, barAcross[1] + pad];\n\n  // A clamp rings the rounded tip at its end; a window frames its stretch of the bar.\n  const clamp = sweep && clampOf(sweep);\n  const frame = !sweep\n    ? null\n    : clamp\n      ? {\n          ...box(\n            clamp === \"low\" ? -3 / length : 1 - (BAR + 3) / length,\n            clamp === \"low\" ? (BAR + 3) / length : 1 + 3 / length,\n            around(3)\n          ),\n          rx: BAR / 2 + 3,\n        }\n      : { ...box(sweep.from, sweep.to, around(3)), rx: 3 };\n\n  // Whether the cursor is on the bar: a sweep can also come from an end label, which shows its own count.\n  const [over, setOver] = useState(false);\n  const sweepTo = useSweep(onSweep);\n\n  const handleMove = (event: MouseEvent<SVGRectElement>) => {\n    const { left, top, width, height } = event.currentTarget.getBoundingClientRect();\n    setOver(true);\n    sweepTo(rangeAt(horizontal ? (event.clientX - left) / width : 1 - (event.clientY - top) / height));\n  };\n  const handleLeave = () => {\n    setOver(false);\n    sweepTo(null);\n  };\n\n  return (\n    <g>\n      <defs>\n        <linearGradient id={gradientId} x1=\"0\" y1={horizontal ? \"0\" : \"1\"} x2={horizontal ? \"1\" : \"0\"} y2=\"0\">\n          {stops.map(({ at, color }) => (\n            <stop key={at} offset={`${at * 100}%`} stopColor={color} />\n          ))}\n        </linearGradient>\n      </defs>\n\n      {columns.map(({ count, size, capped }, k) => {\n        if (count === 0) return null;\n        // A pixel between columns, taken off each column's high side.\n        const t0 = k / bins;\n        const t1 = (k + 1) / bins - 1 / length;\n        return (\n          <g key={k}>\n            <rect {...box(t0, t1, columnAcross(size))} fill={fill} />\n            {capped && (\n              <polygon\n                // Half a pixel past the column's sides, so no sliver is left either side.\n                points={breakPoints(\n                  // Lying down, a column grows up the screen, where y falls; standing up, it grows rightward.\n                  (across, up) => point(across, horizontal ? depth - up : BAR + GAP + up),\n                  { from: t0 * length - 0.5, to: t1 * length + 0.5, at: depth / 2, rise: 3, gap: 2 }\n                )}\n                fill={theme.palette.background.paper}\n              />\n            )}\n          </g>\n        );\n      })}\n\n      <rect {...box(0, 1, barAcross)} rx={BAR / 2} fill={`url(#${gradientId})`} />\n\n      {frame && (\n        // Paper-colored inside and out, so the frame holds against the dark and pale ends alike.\n        <g fill=\"none\">\n          <rect {...frame} stroke={theme.palette.background.paper} strokeWidth={4} />\n          <rect {...frame} stroke={theme.palette.text.primary} strokeWidth={2} />\n        </g>\n      )}\n\n      {marker !== null && (\n        <rect\n          {...box(axis.toT(marker) - 1.5 / length, axis.toT(marker) + 1.5 / length, around(4))}\n          rx={1.5}\n          fill={theme.palette.text.primary}\n          stroke={theme.palette.background.paper}\n          strokeWidth={1}\n        />\n      )}\n\n      {/* The hit area runs past the bar on both sides, so a sweep that drifts off it doesn't drop the highlight. */}\n      <Tooltip\n        title={over && sweep ? describeSweep(values, range, sweep, noun, formatValue) : \"\"}\n        open={over && sweep !== null}\n        followCursor\n        placement={horizontal ? \"top\" : \"right\"}\n        disableInteractive\n        slotProps={{ popper: { container: overlayContainer } }}\n      >\n        <rect\n          {...box(0, 1, [-4, colorbarDepth(orientation) + 4])}\n          fill=\"transparent\"\n          onMouseMove={handleMove}\n          onMouseLeave={handleLeave}\n        />\n      </Tooltip>\n    </g>\n  );\n};\n\nexport default ColorbarGraphic;\n"],"names":["COLUMN","ColorbarGraphic","t0","$","_c","orientation","length","stops","range","values","formatValue","noun","sweep","onSweep","marker","t1","overlayContainer","undefined","theme","useTheme","t2","useId","t3","t4","Symbol","for","replace","gradientId","horizontal","depth","HISTOGRAM","axis","rangeAxis","columnColor","fill","t5","Math","round","bins","max","columns","histogramColumns","histogram","barAcross","GAP","BAR","t6","t0$0","t1$0","t7","a0","a1","x","y","width","height","box","size","columnAcross","t8","along","across","point","around","pad","t9","clampOf","clamp","t10","rx","from","to","frame","over","setOver","useState","sweepTo","useSweep","t11","event","left","top","currentTarget","getBoundingClientRect","rangeAt","clientX","clientY","handleMove","t12","handleLeave","t13","t14","t15","map","_temp","t16","jsx","t17","t18","k","count","size_0","capped","t0_0","t1_0","breakPoints","across_0","up","at","rise","gap","palette","background","paper","t19","t20","t21","t22","jsxs","text","primary","t23","toT","t24","describeSweep","t25","t26","t27","popper","container","t28","colorbarDepth","t29","t30","t31","Tooltip","t32","color"],"mappings":"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"}