@milaboratories/miplots4 1.0.127 → 1.0.129

package/dist/scatterplot-umap/ChartRenderer.js.map

@@ -1 +1 @@
-{"version":3,"file":"ChartRenderer.js","sources":["../../src/scatterplot-umap/ChartRenderer.tsx"],"sourcesContent":["import {Error} from '../common/Error';\nimport {\n    BLACK,\n    DEFAULT_HEIGHT,\n    DEFAULT_WIDTH,\n    MAX_SHOWN_UNIQUE_VALUES_IN_LABELS,\n    TITLE_LINE_HEIGHT,\n    TITLE_MARGIN,\n} from '../constants';\nimport {splitTextByWidth} from '../discrete/utils';\nimport {SVGLayer} from './components/SVGLayer';\nimport type {\n    AesGetters,\n    CaptionsSizes,\n    Dot,\n    DotsExtents,\n    LassoControlsState,\n    Polygon,\n    SVGLayerProps,\n} from './types';\nimport type {ChartScales, ChartSizes, Margins} from './types';\nimport type {DotAesItem} from '../common/types';\nimport type {LegendData, LegendItem} from '../common/types';\nimport {DEFAULT_DOT_AES, MIN_MARGIN} from '../scatterplot/constants';\nimport {LEGEND_OFFSET} from './constants';\nimport type {CurveLayer, DotsLayer, ScatterplotUmapLayer, ScatterplotUmapSettingsImpl} from './SettingsImpl';\nimport {createAesGetter} from '../scatterplot/utils/createAesGetter';\nimport {getTicksAndFormat} from '../scatterplot/utils/getTicksAndFormat';\nimport {getFilteredLabels, updateLabelsBBoxes} from '../scatterplot/utils/getVisibleLabels';\nimport type {Label} from '../scatterplot/utils/getVisibleLabels';\nimport {isContinuousAes} from '../types';\nimport type {ColumnName, ScatterplotEventHandlers} from '../types';\nimport type {ScatterplotUmapLegendInfo} from '../types/scatterplot-umap';\nimport {getContinuousColorScale} from '../utils/getContinuousColorScale';\nimport {getContinuousLegendTicks} from '../utils/getContinuousLegendTicks';\nimport {TextMeasurer} from '../utils/TextMeasurer';\nimport type {CartesianChart} from '@d3fc/d3fc-chart/src/cartesian';\nimport type {Quadtree} from 'd3-quadtree';\nimport {quadtree} from 'd3-quadtree';\nimport type {ScaleLinear} from 'd3-scale';\nimport {scaleLinear, scaleLog, scaleOrdinal, scaleSqrt, scaleSymlog} from 'd3-scale';\nimport {select} from 'd3-selection';\nimport {PADDINGS, TITLE_LINE} from './constants';\nimport type {ReactElement} from 'react';\nimport React from 'react';\nimport type {Root} from 'react-dom/client';\nimport {createRoot} from 'react-dom/client';\nimport type {D3ZoomEvent, ZoomBehavior, ZoomTransform} from 'd3-zoom';\nimport {zoom} from 'd3-zoom';\nimport type { RGBColor} from 'd3-color';\nimport {rgb} from 'd3-color';\nimport {chartCartesian} from '@d3fc/d3fc-chart';\n// @ts-ignore\nimport {seriesSvgMulti, seriesWebglMulti, seriesWebglPoint} from '@d3fc/d3fc-series';\n// @ts-ignore\nimport {webglFillColor} from '@d3fc/d3fc-webgl';\n// @ts-ignore\nimport {pointer} from '@d3fc/d3fc-pointer';\nimport {polygonContains} from 'd3-polygon';\nimport { arrangeLegendParts } from '../utils/arrangeLegendParts';\n\nfunction convertDotRToSymbolSize(r:number) {\n    return (r / 2.35) * (r / 2.35) * 64;\n}\nfunction getPercentToWhite(v:number, opacity:number) {\n    return v + (1 - v) * (1 - opacity);\n}\nfunction getColorWithOpacity (c: RGBColor, opacity: number) {\n    return [\n        getPercentToWhite(c.r / 255, opacity),\n        getPercentToWhite(c.g / 255, opacity),\n        getPercentToWhite(c.b / 255, opacity),\n        1\n    ];\n}\n\nfunction isDotInsidePolygons(x:number, y:number, polygons: Polygon[]) {\n    if (polygons.length === 0) {\n        return true;\n    }\n    return polygons.some((p) => p.closed && p.points.length > 2 && polygonContains(p.points, [x, y]));\n}\n\nfunction getGettersFromLayers(\n    legendInfo: ScatterplotUmapLegendInfo,\n    layers: ScatterplotUmapSettingsImpl['layers'],\n): AesGetters {\n    const dotLayer = layers.find(l => l.type === 'dots') as DotsLayer | undefined;\n    const curveLayer = layers.find(l => l.type === 'curve') as CurveLayer | undefined;\n    return {\n        dotFill: createAesGetter(legendInfo, dotLayer?.aes.dotFill ?? DEFAULT_DOT_AES.color, 'dotFill'),\n        dotSize: createAesGetter(legendInfo, dotLayer?.aes.dotSize ?? DEFAULT_DOT_AES.size, 'dotSize'),\n        lineType: createAesGetter(legendInfo, curveLayer?.aes.lineShape ?? 'solid', 'lineShape')\n    };\n}\n\nclass ChartRenderer {\n    reactRoot: Root | null = null;\n    parentNode: HTMLElement | null = null;\n    rootNode: HTMLElement | null = null;\n    canvasNode: HTMLElement | null = null;\n\n    svgLayerElement: SVGElement | null = null;\n    svgLayerComponent: ReactElement = (<></>);\n\n    aesGetters: AesGetters = {\n        dotSize: () => 2,\n        dotFill: () => BLACK,\n        lineType: () => 'solid'\n    };\n\n    tools: {\n        webglChart: CartesianChart<any, any>;\n        qt: Quadtree<Dot>;\n        fillColor: () => {\n            value: (setter: (d: Dot) => [number, number, number, number]) => void;\n            data: (setter: () => Dot[]) => void;\n        };\n        pointSeries: () => any;\n        zoom: ZoomBehavior<any, any>;\n    } | null = null;\n\n    margins: Margins = {\n        top: MIN_MARGIN,\n        bottom: MIN_MARGIN,\n        left: MIN_MARGIN,\n        right: MIN_MARGIN,\n    };\n    chartSizes: ChartSizes = {\n        chartWidth: DEFAULT_WIDTH, // width of single chart\n        chartHeight: DEFAULT_HEIGHT, // height of single chart\n        totalWidth: DEFAULT_WIDTH, // width of all charts in charts row, plus left axis, plus legend\n        totalHeight: DEFAULT_HEIGHT, // width of all charts in charts height, plus bottom axis, plus top title\n    };\n    scales: ChartScales = {\n        x: scaleLinear().domain([0, 10]).range([0, DEFAULT_WIDTH]),\n        y: scaleLinear().domain([0, 10]).range([DEFAULT_HEIGHT, 0]),\n        xOriginal: scaleLinear().domain([0, 10]).range([0, DEFAULT_WIDTH]),\n        yOriginal: scaleLinear().domain([0, 10]).range([DEFAULT_HEIGHT, 0]),\n    };\n\n    polygons:Polygon[] = [];\n    onPolygonUpdateOutside: ScatterplotEventHandlers['onPolygonUpdate'] = () => undefined;\n    onTooltipHintSwitch: ScatterplotEventHandlers['onTooltipHintSwitch'] = () => undefined;\n    onLassoControlsStateUpdate: ScatterplotEventHandlers['onLassoControlsStateUpdate'] = () => undefined;\n\n    zoomTransform: ZoomTransform | null =  null;\n    zoomStateKey = '';\n    selectedDot: Dot | null = null;\n    captionsSizes: CaptionsSizes = {\n        xAxisCaptionsWidth: 30,\n        yAxisCaptionsWidth: 100,\n    };\n    mainTitle: string[] = []; // can be multiline\n    legend: LegendData = {width: 0, height: 0, items: []};\n\n    notCalculatedProps: Partial<SVGLayerProps> = {};\n\n    allDots: Dot[] = [];\n    allPossibleLabels: Label[] = [];\n    visibleLabels: Label[] = [];\n    clear() {\n        if (this.parentNode && this.rootNode && this.canvasNode) {\n            this.parentNode?.removeChild(this.rootNode);\n            this.parentNode?.removeChild(this.canvasNode);\n            this.parentNode = null;\n            this.rootNode = null;\n            this.canvasNode = null;\n            this.svgLayerElement = null;\n            this.tools = null;\n        }\n        // timeout to avoid trying to unmount during rendering\n        setTimeout(() => {\n            this.reactRoot?.unmount();\n            this.reactRoot = null;\n        });\n    }\n\n    init(node: HTMLElement) {\n        if (this.parentNode === null) {\n            this.parentNode = node;\n            this.rootNode = document.createElement('div');\n            this.canvasNode = document.createElement('div');\n            this.parentNode.appendChild(this.rootNode);\n            this.parentNode.appendChild(this.canvasNode);\n            this.reactRoot = createRoot(this.rootNode);\n        }\n    }\n\n    updateChartSizes(size: ScatterplotUmapSettingsImpl['chartSettings']['size']) {\n        this.chartSizes.chartWidth = size.width;\n        this.chartSizes.chartHeight = size.height;\n    }\n\n    updateViewport(\n        xAxis: ScatterplotUmapSettingsImpl['chartSettings']['xAxis'],\n        yAxis: ScatterplotUmapSettingsImpl['chartSettings']['yAxis'],\n        dotsExtents: DotsExtents\n    ) {\n        const scaleX = xAxis.scale === 'log' ? scaleLog() : scaleLinear();\n\n        let {minX, minY, maxX, maxY} = dotsExtents;\n        if (xAxis.lowerValue !== undefined) {\n            minX = Math.max(minX, xAxis.lowerValue);\n        }\n        if (xAxis.upperValue !== undefined) {\n            maxX = Math.min(maxX, xAxis.upperValue);\n        }\n        if (yAxis.lowerValue !== undefined) {\n            minY = Math.max(minY, yAxis.lowerValue);\n        }\n        if (yAxis.upperValue !== undefined) {\n            maxY = Math.min(maxY, yAxis.upperValue);\n        }\n        if (xAxis.symmetricRange !== undefined) {\n            const middle = xAxis.symmetricRange;\n            if (middle >= minX && middle <= maxX) {\n                const halfRange = Math.max(middle - minX, maxX - middle);\n                minX = middle - halfRange;\n                maxX = middle + halfRange;\n            }\n        }\n        if (typeof yAxis.symmetricRange !== 'undefined') {\n            const middle = yAxis.symmetricRange;\n            if (middle >= minY && middle <= maxY) {\n                const halfRange = Math.max(middle - minY, maxY - middle);\n                minY = middle - halfRange;\n                maxY = middle + halfRange;\n            }\n        }\n\n        const rangeH = [0, this.chartSizes.chartWidth];\n        // supporting scale, it needs to add offsets of fixed size in pixels to general scale Y\n        const tempX = scaleX\n            .copy()\n            .domain([minX, maxX])\n            .range([PADDINGS.LEFT, this.chartSizes.chartWidth - PADDINGS.RIGHT]);\n        scaleX\n            .domain([tempX.invert(0), tempX.invert(this.chartSizes.chartWidth)])\n            .range(rangeH)\n            .nice();\n        this.scales.x = scaleX;\n        this.scales.xOriginal = scaleX.copy();\n\n        const scaleY = yAxis.scale === 'log' ? scaleLog() : scaleLinear();\n        const rangeV = [this.chartSizes.chartHeight, 0];\n        // supporting scale, it needs to add offsets of fixed size in pixels to general scale Y\n        const tempY = scaleY\n            .copy()\n            .domain([minY, maxY])\n            .range([this.chartSizes.chartHeight - PADDINGS.BOTTOM, PADDINGS.TOP]);\n        scaleY\n            .domain([tempY.invert(this.chartSizes.chartHeight), tempY.invert(0)])\n            .range(rangeV)\n            .nice();\n        this.scales.y = scaleY;\n        this.scales.yOriginal = scaleY.copy();\n    }\n\n    updateCaptionsSize(onlyPositive: boolean) {\n        const textMeasurer = new TextMeasurer('600 14px Arial');\n\n        function getMaxTickWidth(ticks: string[]) {\n            return Math.max(...ticks.map(key => textMeasurer.getTextWidth(key)));\n        }\n\n        const {ticks, format} = getTicksAndFormat(this.scales.y, onlyPositive);\n        const maxYTick = getMaxTickWidth(ticks.map(format));\n\n        this.captionsSizes = {\n            xAxisCaptionsWidth: 20,\n            yAxisCaptionsWidth: maxYTick,\n        };\n    }\n\n    createMainTitle(title: ScatterplotUmapSettingsImpl['chartSettings']['title']) {\n        this.mainTitle = splitTextByWidth(\n            title.name,\n            this.chartSizes.totalWidth - this.margins.left - this.margins.right,\n            20\n        );\n    }\n\n    updateMargins() {\n        const titleTextHeight = TITLE_LINE_HEIGHT * this.mainTitle.length;\n        const titleHeight = titleTextHeight > 0 ? titleTextHeight + TITLE_MARGIN * 2 : 0;\n        this.margins = {\n            top: Math.max(titleHeight, MIN_MARGIN),\n            bottom: MIN_MARGIN + this.captionsSizes.xAxisCaptionsWidth + TITLE_LINE,\n            left: MIN_MARGIN + this.captionsSizes.yAxisCaptionsWidth + TITLE_LINE,\n            right: this.legend.width + MIN_MARGIN,\n        };\n        this.chartSizes.totalWidth = this.margins.left + this.chartSizes.chartWidth + this.margins.right;\n        this.chartSizes.totalHeight =\n            this.margins.top + Math.max(this.chartSizes.chartHeight, this.legend.height) + this.margins.bottom;\n\n        select(this.canvasNode)\n            .style('width', this.chartSizes.chartWidth + 'px')\n            .style('height', this.chartSizes.chartHeight + 'px')\n            .style('top', this.margins.top + 'px')\n            .style('left', this.margins.left + 'px');\n    }\n\n    updateLegendSize(\n        legend: ScatterplotUmapSettingsImpl['chartSettings']['legend'],\n        legendLabels: ScatterplotUmapLegendInfo,\n        grouping: ColumnName[],\n        layers: ScatterplotUmapLayer[]\n    ) {\n        if (!legend.show) {\n            this.legend = {width: 0, height: 0, items: []};\n            return;\n        }\n\n        const legendItems: LegendItem[] = [];\n        const emptySizes = {width:0, height:0, left:0, top: 0};\n    \n        grouping.forEach(column => {\n            const info = legendLabels[column.value];\n            if (info.usedAes.length === 0 || !info.aesMap) {\n                return;\n            }\n            if (info.values.length > MAX_SHOWN_UNIQUE_VALUES_IN_LABELS) {\n                console.warn(`Too many values for discrete legend (${info.values.length})`);\n                return;\n            }\n            const aesData: Record<string, DotAesItem> = {};\n            info.values.forEach(columnValue => {\n                if (!aesData[columnValue]) {\n                    aesData[columnValue] = {...DEFAULT_DOT_AES} as DotAesItem;\n                }\n                info.usedAes.forEach(key => {\n                    if (key === 'dotFill') {\n                        aesData[columnValue].color = info.aesMap[columnValue]?.[key] ?? BLACK;\n                    }\n                    if (key === 'dotSize') {\n                        aesData[columnValue].size = info.aesMap[columnValue]?.[key] ?? 3;\n                    }\n                });\n            });\n\n            const title = column.label ?? column.value;\n            const scale = scaleOrdinal<DotAesItem>()\n                .domain(info.values)\n                .range(info.values.map(value => aesData[value]));\n            legendItems.push({...emptySizes, id: column.value, type: 'dots', title, scale, values:info.values, labels:info.labels});\n        });\n\n        layers.forEach(layer => {\n            if (layer.type === 'dots' && isContinuousAes(layer.aes.dotFill)) {\n                const {domain, range, columnName, type = 'linear'} = layer.aes.dotFill;\n                const title = columnName.label ?? columnName.value;\n                const colorScale = getContinuousColorScale(range, domain, 'linear') as ScaleLinear<string, string>; // always linear for legend - scale to render gradient, not for dots\n                const tickPositionScale = (type === 'log' ? scaleSymlog<string, string>() : scaleLinear<string, string>())\n                    .domain(domain)\n                    // @ts-ignore\n                    .range([this.chartSizes.chartHeight, 0]);\n                const values = getContinuousLegendTicks(tickPositionScale, domain as [number, number]);\n                legendItems.push({...emptySizes, id: 'dotFill', type: 'continuous', title, scale: colorScale, tickPositionScale, values});\n            }\n            if (layer.type === 'dots' && isContinuousAes(layer.aes.dotSize)) {\n                const {columnName, domain, range} = layer.aes.dotSize;\n                const title = columnName.label ?? columnName.value;\n                const scale = scaleSqrt(domain, range);\n                const values = scale.ticks(3);\n                const format = scale.tickFormat(3);\n                const labels = values.reduce((res: Record<string, string>, v) => {\n                    res[String(v)] = format(v);\n                    return res;\n                }, {});\n                legendItems.push({...emptySizes, id: columnName.value, type: 'size', title, scale, values, labels});\n            }\n        });\n\n        if (!legendItems.length) {\n            this.legend = {width: 0, height: 0, items: []};\n            return;\n        }\n\n        const items = arrangeLegendParts(legendItems, this.chartSizes.chartHeight);\n        const lastItem = items[items.length - 1];\n        const legendWidth = lastItem.left + lastItem.width + LEGEND_OFFSET;\n        const legendHeight = this.chartSizes.chartHeight;\n\n        this.legend = {\n            width: legendWidth,\n            height: legendHeight,\n            items,\n        };\n    }\n\n    initSettings(\n        dots: Dot[],\n        chartSettings: ScatterplotUmapSettingsImpl['chartSettings'],\n        dotExtents: DotsExtents,\n        onlyPositive: {\n            x: boolean;\n            y: boolean;\n        },\n        legendInfo: ScatterplotUmapLegendInfo,\n        layers: ScatterplotUmapSettingsImpl['layers'],\n        grouping: ColumnName[]\n    ) {\n        const {xAxis, yAxis, size, title, legend} = chartSettings;\n        this.updateChartSizes(size);\n        this.updateViewport(xAxis, yAxis, dotExtents);\n        this.updateCaptionsSize(onlyPositive.y);\n        this.updateLegendSize(legend, legendInfo, grouping, layers);\n        this.createMainTitle(title);\n        this.updateMargins();\n\n        this.aesGetters = getGettersFromLayers(legendInfo, layers);\n\n        const fillColor = webglFillColor()\n            .data(dots)\n            .value((d: Dot) => {\n                const c = rgb(this.aesGetters.dotFill(d.data));\n                const opacity = !d.dimmed && isDotInsidePolygons(d.x, d.y, this.polygons) ? 1 : 0.4;\n                return getColorWithOpacity(c, opacity);\n            });\n\n        const pointSeries = seriesWebglPoint()\n            .equals((a: Dot[], b: Dot[]) => a === b)\n            .size((d: Dot) => convertDotRToSymbolSize(this.aesGetters.dotSize(d.data)))\n            .crossValue((d: Dot) => d.x)\n            .mainValue((d: Dot) => d.y)\n            .decorate((program: any) => fillColor(program));\n\n        const z = zoom()\n            .scaleExtent([0.1, 1000])\n            .filter((e:MouseEvent) => {\n                return e.type === 'wheel' || e.metaKey || e.ctrlKey;\n            })\n            .on('start', () => {\n                this.selectedDot = null;\n            })\n            .on('zoom', (e: D3ZoomEvent<SVGElement, unknown>) => {\n                const transform = e.transform;\n                const x = transform.rescaleX(this.scales.xOriginal);\n                const y = transform.rescaleY(this.scales.yOriginal);\n                this.scales.x.domain(x.domain());\n                this.scales.y.domain(y.domain());\n\n                this.zoomTransform = transform;\n                this.zoomStateKey = `${transform.x}_${transform.y}_${transform.k}`; // need it to update axes\n\n                this.renderSvgLayer();\n                this.renderWebglLayer();\n            }).on('end', () => {\n                this.allPossibleLabels.forEach((l) => {\n                    l.x = this.scales.x(l.dot.x);\n                    l.y = this.scales.y(l.dot.y);\n                });\n                this.visibleLabels = getFilteredLabels(this.allPossibleLabels, this.chartSizes.chartWidth, this.chartSizes.chartHeight);\n                this.renderSvgLayer();\n            });\n\n        const qt = this.createQuadtree(dots);\n\n        // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n        // @ts-ignore\n        const p = pointer().on('point', ([coord]) => {\n            let closestDatum;\n            if (coord) {\n                // find the closes datapoint to the pointer\n                const x = this.scales.x.invert(coord.x);\n                const y = this.scales.y.invert(coord.y);\n                const xOriginal = this.scales.xOriginal(x);\n                const yOriginal = this.scales.yOriginal(y);\n                const radius = 20 / (this.zoomTransform?.k || 1);\n                closestDatum = this.tools?.qt.find(xOriginal, yOriginal, radius);\n            }\n            \n            const needRedraw =\n                (this.selectedDot && !closestDatum) ||\n                (!this.selectedDot && closestDatum) ||\n                this.selectedDot?.id !== closestDatum?.id;\n\n            this.selectedDot = closestDatum ?? null;\n\n            if (needRedraw) {\n                this.renderSvgLayer();\n            }\n        });\n\n        const webglChart = chartCartesian({\n            xScale: this.scales.x,\n            yScale: this.scales.y,\n        })\n            .xAxisHeight(() => '0') // removing build-in axes from chartCartesian\n            .yAxisWidth(() => '0') // removing build-in axes from chartCartesian\n            .svgPlotArea(seriesSvgMulti())\n            .webglPlotArea(\n                // only render the point series on the WebGL layer\n                seriesWebglMulti()\n                    .series([pointSeries])\n                    .mapping((d: any) => d)\n            )\n            .decorate(selection => {\n                const s = selection.enter();\n                if (s && !this.svgLayerElement) {\n                    s.style('grid-template-columns', '0 auto 1fr auto 0'); // removing build-in axes from chartCartesian\n                    s.style('grid-template-rows', '0 auto 1fr auto 0'); // removing build-in axes from chartCartesian\n                    this.svgLayerElement = s.select('.svg-plot-area.plot-area svg').node() as SVGElement;\n                }\n                s.select('.svg-plot-area.plot-area').attr('class', 'svg-plot-area plot-area miplots-scatterplot-plot-area')\n                    // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n                    // @ts-ignore\n                    .call(z)\n                    .call(p);\n            });\n\n        this.tools = {\n            webglChart,\n            zoom: z,\n            qt,\n            fillColor,\n            pointSeries,\n        };\n\n        select(this.canvasNode)\n            .datum(dots)\n            .style('position', 'absolute')\n            .style('width', this.chartSizes.chartWidth + 'px')\n            .style('height', this.chartSizes.chartHeight + 'px')\n            .style('top', this.margins.top + 'px')\n            .style('left', this.margins.left + 'px');\n    }\n\n    updateAes(\n        legendInfo: ScatterplotUmapLegendInfo,\n        layers: ScatterplotUmapSettingsImpl['layers']\n    ) {\n        if (this.tools === null) {\n            return;\n        }\n        this.aesGetters = getGettersFromLayers(legendInfo, layers);\n        // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n        // @ts-ignore\n        this.tools.fillColor.value((d: Dot) => {\n            const colorGetter = this.aesGetters.dotFill ?? (() => BLACK);\n            const c = rgb(colorGetter(d.data));\n            const opacity = !d.dimmed && isDotInsidePolygons(d.x, d.y, this.polygons) ? 1 : 0.4;\n            return getColorWithOpacity(c, opacity);\n        });\n    }\n\n    updatePointSize() {\n        if (this.tools === null) {\n            return;\n        }\n        select(this.canvasNode).datum([...this.allDots]);\n        // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n        // @ts-ignore\n        this.tools.pointSeries.size((d: Dot) => convertDotRToSymbolSize(this.aesGetters.dotSize(d.data)));\n    }\n\n    updateByLasso() {\n        if (this.tools === null) {\n            return;\n        }\n        // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n        // @ts-ignore\n        this.tools?.fillColor.value((d: Dot) => {\n            const aesGetter = this.aesGetters.dotFill ?? (() => BLACK);\n            const c = rgb(aesGetter(d.data));\n            const opacity = !d.dimmed && isDotInsidePolygons(d.x, d.y, this.polygons) ? 1 : 0.4;\n            return getColorWithOpacity(c, opacity);\n        });\n        this.renderWebglLayer();\n    }\n\n    createQuadtree(dots:Dot[]) {\n        return quadtree<Dot>()\n            .x((d: Dot) => this.scales.xOriginal(d.x))\n            .y((d: Dot) => this.scales.yOriginal(d.y))\n            .addAll(dots);\n    }\n\n    updateData(dots: Dot[]) {\n        if (this.tools === null) {\n            return;\n        }\n        select(this.canvasNode).datum(dots);\n        // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n        // @ts-ignore\n        this.tools.fillColor.data(dots);\n        this.tools.qt = this.createQuadtree(dots);\n    }\n\n    render(\n        settingsId: string,\n        chartSettings: ScatterplotUmapSettingsImpl['chartSettings'],\n        keyColumn: ColumnName | null,\n        onlyPositive: {x: boolean; y: boolean},\n        dots: Dot[],\n        dotExtents: DotsExtents,\n        dotsByGrouping: Record<string, Dot[]>,\n        layers: ScatterplotUmapSettingsImpl['layers'],\n        legendInfo: ScatterplotUmapLegendInfo,\n        grouping: ColumnName[],\n        allPossibleLabels: Label[],\n        onPolygonUpdateOutside: ScatterplotEventHandlers['onPolygonUpdate'],\n        onTooltipHintSwitch: (v:boolean) => void,\n        onLassoControlsStateUpdate: (v:LassoControlsState) => void,\n    ) {\n        if (this.tools === null) {\n            this.initSettings(\n                dots,\n                chartSettings,\n                dotExtents,\n                onlyPositive,\n                legendInfo,\n                layers,\n                grouping\n            );\n            this.onPolygonUpdateOutside = onPolygonUpdateOutside;\n            this.onTooltipHintSwitch = onTooltipHintSwitch;\n            this.onLassoControlsStateUpdate = onLassoControlsStateUpdate;\n        } else {\n            const {title, legend} = chartSettings;\n            this.updateLegendSize(legend, legendInfo, grouping, layers);\n            this.createMainTitle(title);\n            this.updateMargins();\n            this.updateAes(legendInfo, layers);\n        }\n        this.allDots = dots;\n        this.allPossibleLabels = allPossibleLabels;\n        this.allPossibleLabels.forEach((l) => {\n            l.x = this.scales.x(l.dot.x);\n            l.y = this.scales.y(l.dot.y);\n        });\n        this.visibleLabels = getFilteredLabels(this.allPossibleLabels, this.chartSizes.chartWidth, this.chartSizes.chartHeight);\n\n        this.notCalculatedProps = {\n            settingsId,\n            chartSettings,\n            onlyPositive,\n            keyColumn,\n            dotsByGrouping,\n            layers\n        };\n\n        this.renderWebglLayer();\n        this.renderSvgLayer();\n    }\n\n    renderWebglLayer() {\n        if (this.tools?.webglChart) {\n            select(this.canvasNode).call(this.tools?.webglChart);\n        }\n    }\n\n    onPolygonUpdate = (p:Polygon[]) => {\n        this.polygons = p;\n        this.updateByLasso();\n        const filteredDotsIndexes = this.allDots\n            .filter(d => isDotInsidePolygons(d.x, d.y, this.polygons))\n            .map(d => d.idx);\n        this.onPolygonUpdateOutside(filteredDotsIndexes, p);\n    };\n\n    renderSvgLayer() {\n        this.visibleLabels.forEach((l) => {\n            l.x = this.scales.x(l.dot.x);\n            l.y = this.scales.y(l.dot.y);\n        });\n        updateLabelsBBoxes(this.visibleLabels);\n        const props = {\n            settingsId: this.notCalculatedProps.settingsId,\n            chartSettings: this.notCalculatedProps.chartSettings,\n            onlyPositive: this.notCalculatedProps.onlyPositive,\n            keyColumn: this.notCalculatedProps.keyColumn,\n            dotsByGrouping: this.notCalculatedProps.dotsByGrouping,\n            layers: this.notCalculatedProps.layers,\n            chartSizes: this.chartSizes,\n            scales: this.scales,\n            margins: this.margins,\n            mainTitle: this.mainTitle,\n            captionsSizes: this.captionsSizes,\n            container: this.svgLayerElement,\n            zoomStateKey: this.zoomStateKey,\n            selectedDot: this.selectedDot,\n            aesGetters: this.aesGetters,\n            legendData: this.legend,\n            labels: this.visibleLabels,\n            defaultPolygons: this.polygons,\n            onPolygonUpdate: this.onPolygonUpdate,\n            onTooltipHintSwitch: this.onTooltipHintSwitch,\n            onLassoControlsStateUpdate: this.onLassoControlsStateUpdate,\n        } as SVGLayerProps;\n        this.svgLayerComponent = <SVGLayer {...props} />;\n        this.reactRoot?.render(this.svgLayerComponent);\n    }\n\n    renderError(message: string) {\n        this.reactRoot?.render(<Error message={message} />);\n    }\n}\n\nexport default ChartRenderer;\n"],"names":["convertDotRToSymbolSize","r","getPercentToWhite","v","opacity","getColorWithOpacity","c","isDotInsidePolygons","x","y","polygons","p","polygonContains","getGettersFromLayers","legendInfo","layers","dotLayer","l","curveLayer","createAesGetter","DEFAULT_DOT_AES","ChartRenderer","__publicField","jsx","Fragment","BLACK","MIN_MARGIN","DEFAULT_WIDTH","DEFAULT_HEIGHT","scaleLinear","filteredDotsIndexes","d","_a","_b","node","createRoot","size","xAxis","yAxis","dotsExtents","scaleX","scaleLog","minX","minY","maxX","maxY","middle","halfRange","rangeH","tempX","PADDINGS","scaleY","rangeV","tempY","onlyPositive","textMeasurer","TextMeasurer","getMaxTickWidth","ticks","key","format","getTicksAndFormat","maxYTick","title","splitTextByWidth","titleTextHeight","TITLE_LINE_HEIGHT","titleHeight","TITLE_MARGIN","TITLE_LINE","select","legend","legendLabels","grouping","legendItems","emptySizes","column","info","MAX_SHOWN_UNIQUE_VALUES_IN_LABELS","aesData","columnValue","scale","scaleOrdinal","value","layer","isContinuousAes","domain","range","columnName","type","colorScale","getContinuousColorScale","tickPositionScale","scaleSymlog","values","getContinuousLegendTicks","scaleSqrt","labels","res","items","arrangeLegendParts","lastItem","legendWidth","LEGEND_OFFSET","legendHeight","dots","chartSettings","dotExtents","fillColor","webglFillColor","rgb","pointSeries","seriesWebglPoint","a","b","program","z","zoom","e","transform","getFilteredLabels","qt","pointer","coord","closestDatum","xOriginal","yOriginal","radius","needRedraw","_c","webglChart","chartCartesian","seriesSvgMulti","seriesWebglMulti","selection","s","colorGetter","aesGetter","quadtree","settingsId","keyColumn","dotsByGrouping","allPossibleLabels","onPolygonUpdateOutside","onTooltipHintSwitch","onLassoControlsStateUpdate","updateLabelsBBoxes","props","SVGLayer","message","Error"],"mappings":"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"}
+{"version":3,"file":"ChartRenderer.js","sources":["../../src/scatterplot-umap/ChartRenderer.tsx"],"sourcesContent":["import {Error} from '../common/Error';\nimport {\n    BLACK,\n    DEFAULT_HEIGHT,\n    DEFAULT_WIDTH,\n    MAX_SHOWN_UNIQUE_VALUES_IN_LABELS,\n    TITLE_LINE_HEIGHT,\n    TITLE_MARGIN,\n} from '../constants';\nimport {splitTextByWidth} from '../discrete/utils';\nimport {SVGLayer} from './components/SVGLayer';\nimport type {\n    AesGetters,\n    CaptionsSizes,\n    Dot,\n    DotsExtents,\n    LassoControlsState,\n    Polygon,\n    SVGLayerProps,\n} from './types';\nimport type {ChartScales, ChartSizes, Margins} from './types';\nimport type {DotAesItem} from '../common/types';\nimport type {LegendData, LegendItem} from '../common/types';\nimport {DEFAULT_DOT_AES, MIN_MARGIN} from '../scatterplot/constants';\nimport {LEGEND_OFFSET} from './constants';\nimport type {CurveLayer, DotsLayer, ScatterplotUmapLayer, ScatterplotUmapSettingsImpl} from './SettingsImpl';\nimport {createAesGetter} from '../scatterplot/utils/createAesGetter';\nimport {getTicksAndFormat} from '../scatterplot/utils/getTicksAndFormat';\nimport {getFilteredLabels, updateLabelsBBoxes} from '../scatterplot/utils/getVisibleLabels';\nimport type {Label} from '../scatterplot/utils/getVisibleLabels';\nimport {isContinuousAes} from '../types';\nimport type {ColumnName, ScatterplotEventHandlers} from '../types';\nimport type {ScatterplotUmapLegendInfo} from '../types/scatterplot-umap';\nimport {getContinuousColorScale} from '../utils/getContinuousColorScale';\nimport {getContinuousLegendTicks} from '../utils/getContinuousLegendTicks';\nimport {TextMeasurer} from '../utils/TextMeasurer';\nimport type {CartesianChart} from '@d3fc/d3fc-chart/src/cartesian';\nimport type {Quadtree} from 'd3-quadtree';\nimport {quadtree} from 'd3-quadtree';\nimport type {ScaleLinear} from 'd3-scale';\nimport {scaleLinear, scaleLog, scaleOrdinal, scaleSqrt, scaleSymlog} from 'd3-scale';\nimport {select} from 'd3-selection';\nimport {PADDINGS, TITLE_LINE} from './constants';\nimport type {ReactElement} from 'react';\nimport React from 'react';\nimport type {Root} from 'react-dom/client';\nimport {createRoot} from 'react-dom/client';\nimport type {D3ZoomEvent, ZoomBehavior, ZoomTransform} from 'd3-zoom';\nimport {zoom} from 'd3-zoom';\nimport type { RGBColor} from 'd3-color';\nimport {rgb} from 'd3-color';\nimport {chartCartesian} from '@d3fc/d3fc-chart';\n// @ts-ignore\nimport {seriesSvgMulti, seriesWebglMulti, seriesWebglPoint} from '@d3fc/d3fc-series';\n// @ts-ignore\nimport {webglFillColor} from '@d3fc/d3fc-webgl';\n// @ts-ignore\nimport {pointer} from '@d3fc/d3fc-pointer';\nimport {polygonContains} from 'd3-polygon';\nimport { arrangeLegendParts } from '../utils/arrangeLegendParts';\n\nfunction convertDotRToSymbolSize(r:number) {\n    return (r / 2.35) * (r / 2.35) * 64;\n}\nfunction getPercentToWhite(v:number, opacity:number) {\n    return v + (1 - v) * (1 - opacity);\n}\nfunction getColorWithOpacity (c: RGBColor, opacity: number) {\n    return [\n        getPercentToWhite(c.r / 255, opacity),\n        getPercentToWhite(c.g / 255, opacity),\n        getPercentToWhite(c.b / 255, opacity),\n        1\n    ];\n}\n\nfunction isDotInsidePolygons(x:number, y:number, polygons: Polygon[]) {\n    if (polygons.length === 0) {\n        return true;\n    }\n    return polygons.some((p) => p.closed && p.points.length > 2 && polygonContains(p.points, [x, y]));\n}\n\nfunction getGettersFromLayers(\n    legendInfo: ScatterplotUmapLegendInfo,\n    layers: ScatterplotUmapSettingsImpl['layers'],\n): AesGetters {\n    const dotLayer = layers.find(l => l.type === 'dots') as DotsLayer | undefined;\n    const curveLayer = layers.find(l => l.type === 'curve') as CurveLayer | undefined;\n    return {\n        dotFill: createAesGetter(legendInfo, dotLayer?.aes.dotFill ?? DEFAULT_DOT_AES.color, 'dotFill'),\n        dotSize: createAesGetter(legendInfo, dotLayer?.aes.dotSize ?? DEFAULT_DOT_AES.size, 'dotSize'),\n        lineType: createAesGetter(legendInfo, curveLayer?.aes.lineShape ?? 'solid', 'lineShape')\n    };\n}\n\nclass ChartRenderer {\n    reactRoot: Root | null = null;\n    parentNode: HTMLElement | null = null;\n    rootNode: HTMLElement | null = null;\n    canvasNode: HTMLElement | null = null;\n\n    svgLayerElement: SVGElement | null = null;\n    svgLayerComponent: ReactElement = (<></>);\n\n    aesGetters: AesGetters = {\n        dotSize: () => 2,\n        dotFill: () => BLACK,\n        lineType: () => 'solid'\n    };\n\n    tools: {\n        webglChart: CartesianChart<any, any>;\n        qt: Quadtree<Dot>;\n        fillColor: () => {\n            value: (setter: (d: Dot) => [number, number, number, number]) => void;\n            data: (setter: () => Dot[]) => void;\n        };\n        pointSeries: () => any;\n        zoom: ZoomBehavior<any, any>;\n    } | null = null;\n\n    margins: Margins = {\n        top: MIN_MARGIN,\n        bottom: MIN_MARGIN,\n        left: MIN_MARGIN,\n        right: MIN_MARGIN,\n    };\n    chartSizes: ChartSizes = {\n        chartWidth: DEFAULT_WIDTH, // width of single chart\n        chartHeight: DEFAULT_HEIGHT, // height of single chart\n        totalWidth: DEFAULT_WIDTH, // width of all charts in charts row, plus left axis, plus legend\n        totalHeight: DEFAULT_HEIGHT, // width of all charts in charts height, plus bottom axis, plus top title\n    };\n    scales: ChartScales = {\n        x: scaleLinear().domain([0, 10]).range([0, DEFAULT_WIDTH]),\n        y: scaleLinear().domain([0, 10]).range([DEFAULT_HEIGHT, 0]),\n        xOriginal: scaleLinear().domain([0, 10]).range([0, DEFAULT_WIDTH]),\n        yOriginal: scaleLinear().domain([0, 10]).range([DEFAULT_HEIGHT, 0]),\n    };\n\n    polygons:Polygon[] = [];\n    onPolygonUpdateOutside: ScatterplotEventHandlers['onPolygonUpdate'] = () => undefined;\n    onTooltipHintSwitch: ScatterplotEventHandlers['onTooltipHintSwitch'] = () => undefined;\n    onLassoControlsStateUpdate: ScatterplotEventHandlers['onLassoControlsStateUpdate'] = () => undefined;\n\n    zoomTransform: ZoomTransform | null =  null;\n    zoomStateKey = '';\n    selectedDot: Dot | null = null;\n    captionsSizes: CaptionsSizes = {\n        xAxisCaptionsWidth: 30,\n        yAxisCaptionsWidth: 100,\n    };\n    mainTitle: string[] = []; // can be multiline\n    legend: LegendData = {width: 0, height: 0, items: []};\n\n    notCalculatedProps: Partial<SVGLayerProps> = {};\n\n    allDots: Dot[] = [];\n    allPossibleLabels: Label[] = [];\n    visibleLabels: Label[] = [];\n    clear() {\n        if (this.parentNode && this.rootNode && this.canvasNode) {\n            this.parentNode?.removeChild(this.rootNode);\n            this.parentNode?.removeChild(this.canvasNode);\n            this.parentNode = null;\n            this.rootNode = null;\n            this.canvasNode = null;\n            this.svgLayerElement = null;\n            this.tools = null;\n        }\n        // timeout to avoid trying to unmount during rendering\n        setTimeout(() => {\n            this.reactRoot?.unmount();\n            this.reactRoot = null;\n        });\n    }\n\n    init(node: HTMLElement) {\n        if (this.parentNode === null) {\n            this.parentNode = node;\n            this.rootNode = document.createElement('div');\n            this.canvasNode = document.createElement('div');\n            this.parentNode.appendChild(this.rootNode);\n            this.parentNode.appendChild(this.canvasNode);\n            this.reactRoot = createRoot(this.rootNode);\n        }\n    }\n\n    updateChartSizes(size: ScatterplotUmapSettingsImpl['chartSettings']['size']) {\n        if (size.width !== this.chartSizes.chartWidth || size.height !== this.chartSizes.chartHeight) {\n            // NB: now chart sizes always change with one multiplier for width/height so qt stays without changes\n            this.chartSizes.chartWidth = size.width;\n            this.chartSizes.chartHeight = size.height;\n            this.scales.x.range([0, this.chartSizes.chartWidth]);\n            this.scales.y.range([this.chartSizes.chartHeight, 0]);\n        }\n        \n    }\n\n    updateViewport(\n        xAxis: ScatterplotUmapSettingsImpl['chartSettings']['xAxis'],\n        yAxis: ScatterplotUmapSettingsImpl['chartSettings']['yAxis'],\n        dotsExtents: DotsExtents\n    ) {\n        const scaleX = xAxis.scale === 'log' ? scaleLog() : scaleLinear();\n\n        let {minX, minY, maxX, maxY} = dotsExtents;\n        if (xAxis.lowerValue !== undefined) {\n            minX = Math.max(minX, xAxis.lowerValue);\n        }\n        if (xAxis.upperValue !== undefined) {\n            maxX = Math.min(maxX, xAxis.upperValue);\n        }\n        if (yAxis.lowerValue !== undefined) {\n            minY = Math.max(minY, yAxis.lowerValue);\n        }\n        if (yAxis.upperValue !== undefined) {\n            maxY = Math.min(maxY, yAxis.upperValue);\n        }\n        if (xAxis.symmetricRange !== undefined) {\n            const middle = xAxis.symmetricRange;\n            if (middle >= minX && middle <= maxX) {\n                const halfRange = Math.max(middle - minX, maxX - middle);\n                minX = middle - halfRange;\n                maxX = middle + halfRange;\n            }\n        }\n        if (typeof yAxis.symmetricRange !== 'undefined') {\n            const middle = yAxis.symmetricRange;\n            if (middle >= minY && middle <= maxY) {\n                const halfRange = Math.max(middle - minY, maxY - middle);\n                minY = middle - halfRange;\n                maxY = middle + halfRange;\n            }\n        }\n\n        const rangeH = [0, this.chartSizes.chartWidth];\n        // supporting scale, it needs to add offsets of fixed size in pixels to general scale Y\n        const tempX = scaleX\n            .copy()\n            .domain([minX, maxX])\n            .range([PADDINGS.LEFT, this.chartSizes.chartWidth - PADDINGS.RIGHT]);\n        scaleX\n            .domain([tempX.invert(0), tempX.invert(this.chartSizes.chartWidth)])\n            .range(rangeH)\n            .nice();\n        this.scales.x = scaleX;\n        this.scales.xOriginal = scaleX.copy();\n\n        const scaleY = yAxis.scale === 'log' ? scaleLog() : scaleLinear();\n        const rangeV = [this.chartSizes.chartHeight, 0];\n        // supporting scale, it needs to add offsets of fixed size in pixels to general scale Y\n        const tempY = scaleY\n            .copy()\n            .domain([minY, maxY])\n            .range([this.chartSizes.chartHeight - PADDINGS.BOTTOM, PADDINGS.TOP]);\n        scaleY\n            .domain([tempY.invert(this.chartSizes.chartHeight), tempY.invert(0)])\n            .range(rangeV)\n            .nice();\n        this.scales.y = scaleY;\n        this.scales.yOriginal = scaleY.copy();\n    }\n\n    updateCaptionsSize() {\n        const textMeasurer = new TextMeasurer('600 14px Arial');\n\n        function getMaxTickWidth(ticks: string[]) {\n            return Math.max(...ticks.map(key => textMeasurer.getTextWidth(key)));\n        }\n\n        const {ticks, format} = getTicksAndFormat(this.scales.y, false);\n        const maxYTick = getMaxTickWidth(ticks.map(format));\n\n        this.captionsSizes = {\n            xAxisCaptionsWidth: 20,\n            yAxisCaptionsWidth: maxYTick,\n        };\n    }\n\n    createMainTitle(title: ScatterplotUmapSettingsImpl['chartSettings']['title']) {\n        this.mainTitle = splitTextByWidth(\n            title.name,\n            this.chartSizes.totalWidth - this.margins.left - this.margins.right,\n            20\n        );\n    }\n\n    updateMargins() {\n        const titleTextHeight = TITLE_LINE_HEIGHT * this.mainTitle.length;\n        const titleHeight = titleTextHeight > 0 ? titleTextHeight + TITLE_MARGIN * 2 : 0;\n        this.margins = {\n            top: Math.max(titleHeight, MIN_MARGIN),\n            bottom: MIN_MARGIN + this.captionsSizes.xAxisCaptionsWidth + TITLE_LINE,\n            left: MIN_MARGIN + this.captionsSizes.yAxisCaptionsWidth + TITLE_LINE,\n            right: this.legend.width + MIN_MARGIN,\n        };\n        this.chartSizes.totalWidth = this.margins.left + this.chartSizes.chartWidth + this.margins.right;\n        this.chartSizes.totalHeight =\n            this.margins.top + Math.max(this.chartSizes.chartHeight, this.legend.height) + this.margins.bottom;\n\n        select(this.canvasNode)\n            .style('width', this.chartSizes.chartWidth + 'px')\n            .style('height', this.chartSizes.chartHeight + 'px')\n            .style('top', this.margins.top + 'px')\n            .style('left', this.margins.left + 'px');\n    }\n\n    updateLegendSize(\n        legend: ScatterplotUmapSettingsImpl['chartSettings']['legend'],\n        legendLabels: ScatterplotUmapLegendInfo,\n        grouping: ColumnName[],\n        layers: ScatterplotUmapLayer[]\n    ) {\n        if (!legend.show) {\n            this.legend = {width: 0, height: 0, items: []};\n            return;\n        }\n\n        const legendItems: LegendItem[] = [];\n        const emptySizes = {width:0, height:0, left:0, top: 0};\n    \n        grouping.forEach(column => {\n            const info = legendLabels[column.value];\n            if (info.usedAes.length === 0 || !info.aesMap) {\n                return;\n            }\n            if (info.values.length > MAX_SHOWN_UNIQUE_VALUES_IN_LABELS) {\n                console.warn(`Too many values for discrete legend (${info.values.length})`);\n                return;\n            }\n            const aesData: Record<string, DotAesItem> = {};\n            info.values.forEach(columnValue => {\n                if (!aesData[columnValue]) {\n                    aesData[columnValue] = {...DEFAULT_DOT_AES} as DotAesItem;\n                }\n                info.usedAes.forEach(key => {\n                    if (key === 'dotFill') {\n                        aesData[columnValue].color = info.aesMap[columnValue]?.[key] ?? BLACK;\n                    }\n                    if (key === 'dotSize') {\n                        aesData[columnValue].size = info.aesMap[columnValue]?.[key] ?? 3;\n                    }\n                });\n            });\n\n            const title = column.label ?? column.value;\n            const scale = scaleOrdinal<DotAesItem>()\n                .domain(info.values)\n                .range(info.values.map(value => aesData[value]));\n            legendItems.push({...emptySizes, id: column.value, type: 'dots', title, scale, values:info.values, labels:info.labels});\n        });\n\n        layers.forEach(layer => {\n            if (layer.type === 'dots' && isContinuousAes(layer.aes.dotFill)) {\n                const {domain, range, columnName, type = 'linear'} = layer.aes.dotFill;\n                const title = columnName.label ?? columnName.value;\n                const colorScale = getContinuousColorScale(range, domain, 'linear') as ScaleLinear<string, string>; // always linear for legend - scale to render gradient, not for dots\n                const tickPositionScale = (type === 'log' ? scaleSymlog<string, string>() : scaleLinear<string, string>())\n                    .domain(domain)\n                    // @ts-ignore\n                    .range([this.chartSizes.chartHeight, 0]);\n                const values = getContinuousLegendTicks(tickPositionScale, domain as [number, number]);\n                legendItems.push({...emptySizes, id: 'dotFill', type: 'continuous', title, scale: colorScale, tickPositionScale, values});\n            }\n            if (layer.type === 'dots' && isContinuousAes(layer.aes.dotSize)) {\n                const {columnName, domain, range} = layer.aes.dotSize;\n                const title = columnName.label ?? columnName.value;\n                const scale = scaleSqrt(domain, range);\n                const values = scale.ticks(3);\n                const format = scale.tickFormat(3);\n                const labels = values.reduce((res: Record<string, string>, v) => {\n                    res[String(v)] = format(v);\n                    return res;\n                }, {});\n                legendItems.push({...emptySizes, id: columnName.value, type: 'size', title, scale, values, labels});\n            }\n        });\n\n        if (!legendItems.length) {\n            this.legend = {width: 0, height: 0, items: []};\n            return;\n        }\n\n        const items = arrangeLegendParts(legendItems, this.chartSizes.chartHeight);\n        const lastItem = items[items.length - 1];\n        const legendWidth = lastItem.left + lastItem.width + LEGEND_OFFSET;\n        const legendHeight = this.chartSizes.chartHeight;\n\n        this.legend = {\n            width: legendWidth,\n            height: legendHeight,\n            items,\n        };\n    }\n\n    initSettings(\n        dots: Dot[],\n        chartSettings: ScatterplotUmapSettingsImpl['chartSettings'],\n        dotExtents: DotsExtents,\n        legendInfo: ScatterplotUmapLegendInfo,\n        layers: ScatterplotUmapSettingsImpl['layers'],\n        grouping: ColumnName[]\n    ) {\n        const {xAxis, yAxis, size, title, legend} = chartSettings;\n        this.updateChartSizes(size);\n        this.updateViewport(xAxis, yAxis, dotExtents);\n        this.updateCaptionsSize();\n        this.updateLegendSize(legend, legendInfo, grouping, layers);\n        this.createMainTitle(title);\n        this.updateMargins();\n\n        this.aesGetters = getGettersFromLayers(legendInfo, layers);\n\n        const fillColor = webglFillColor()\n            .data(dots)\n            .value((d: Dot) => {\n                const c = rgb(this.aesGetters.dotFill(d.data));\n                const opacity = !d.dimmed && isDotInsidePolygons(d.x, d.y, this.polygons) ? 1 : 0.4;\n                return getColorWithOpacity(c, opacity);\n            });\n\n        const pointSeries = seriesWebglPoint()\n            .equals((a: Dot[], b: Dot[]) => a === b)\n            .size((d: Dot) => convertDotRToSymbolSize(this.aesGetters.dotSize(d.data)))\n            .crossValue((d: Dot) => d.x)\n            .mainValue((d: Dot) => d.y)\n            .decorate((program: any) => fillColor(program));\n\n        const z = zoom()\n            .scaleExtent([0.1, 1000])\n            .filter((e:MouseEvent) => {\n                return e.type === 'wheel' || e.metaKey || e.ctrlKey;\n            })\n            .on('start', () => {\n                this.selectedDot = null;\n            })\n            .on('zoom', (e: D3ZoomEvent<SVGElement, unknown>) => {\n                const transform = e.transform;\n                const x = transform.rescaleX(this.scales.xOriginal);\n                const y = transform.rescaleY(this.scales.yOriginal);\n                this.scales.x.domain(x.domain());\n                this.scales.y.domain(y.domain());\n\n                this.zoomTransform = transform;\n                this.zoomStateKey = `${transform.x}_${transform.y}_${transform.k}`; // need it to update axes\n\n                this.renderSvgLayer();\n                this.renderWebglLayer();\n            }).on('end', () => {\n                this.allPossibleLabels.forEach((l) => {\n                    l.x = this.scales.x(l.dot.x);\n                    l.y = this.scales.y(l.dot.y);\n                });\n                this.visibleLabels = getFilteredLabels(this.allPossibleLabels, this.chartSizes.chartWidth, this.chartSizes.chartHeight);\n                this.renderSvgLayer();\n            });\n\n        const qt = this.createQuadtree(dots);\n\n        // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n        // @ts-ignore\n        const p = pointer().on('point', ([coord]) => {\n            let closestDatum;\n            if (coord) {\n                // find the closes datapoint to the pointer\n                const x = this.scales.x.invert(coord.x);\n                const y = this.scales.y.invert(coord.y);\n                const xOriginal = this.scales.xOriginal(x);\n                const yOriginal = this.scales.yOriginal(y);\n                const radius = 20 / (this.zoomTransform?.k || 1);\n                closestDatum = this.tools?.qt.find(xOriginal, yOriginal, radius);\n            }\n            \n            const needRedraw =\n                (this.selectedDot && !closestDatum) ||\n                (!this.selectedDot && closestDatum) ||\n                this.selectedDot?.id !== closestDatum?.id;\n\n            this.selectedDot = closestDatum ?? null;\n\n            if (needRedraw) {\n                this.renderSvgLayer();\n            }\n        });\n\n        const webglChart = chartCartesian({\n            xScale: this.scales.x,\n            yScale: this.scales.y,\n        })\n            .xAxisHeight(() => '0') // removing build-in axes from chartCartesian\n            .yAxisWidth(() => '0') // removing build-in axes from chartCartesian\n            .svgPlotArea(seriesSvgMulti())\n            .webglPlotArea(\n                // only render the point series on the WebGL layer\n                seriesWebglMulti()\n                    .series([pointSeries])\n                    .mapping((d: any) => d)\n            )\n            .decorate(selection => {\n                const s = selection.enter();\n                if (s && !this.svgLayerElement) {\n                    s.style('grid-template-columns', '0 auto 1fr auto 0'); // removing build-in axes from chartCartesian\n                    s.style('grid-template-rows', '0 auto 1fr auto 0'); // removing build-in axes from chartCartesian\n                    this.svgLayerElement = s.select('.svg-plot-area.plot-area svg').node() as SVGElement;\n                }\n                s.select('.svg-plot-area.plot-area').attr('class', 'svg-plot-area plot-area miplots-scatterplot-plot-area')\n                    // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n                    // @ts-ignore\n                    .call(z)\n                    .call(p);\n            });\n\n        this.tools = {\n            webglChart,\n            zoom: z,\n            qt,\n            fillColor,\n            pointSeries,\n        };\n\n        select(this.canvasNode)\n            .datum(dots)\n            .style('position', 'absolute')\n            .style('width', this.chartSizes.chartWidth + 'px')\n            .style('height', this.chartSizes.chartHeight + 'px')\n            .style('top', this.margins.top + 'px')\n            .style('left', this.margins.left + 'px');\n    }\n\n    updateAes(\n        legendInfo: ScatterplotUmapLegendInfo,\n        layers: ScatterplotUmapSettingsImpl['layers']\n    ) {\n        if (this.tools === null) {\n            return;\n        }\n        this.aesGetters = getGettersFromLayers(legendInfo, layers);\n        // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n        // @ts-ignore\n        this.tools.fillColor.value((d: Dot) => {\n            const colorGetter = this.aesGetters.dotFill ?? (() => BLACK);\n            const c = rgb(colorGetter(d.data));\n            const opacity = !d.dimmed && isDotInsidePolygons(d.x, d.y, this.polygons) ? 1 : 0.4;\n            return getColorWithOpacity(c, opacity);\n        });\n    }\n\n    updatePointSize() {\n        if (this.tools === null) {\n            return;\n        }\n        select(this.canvasNode).datum([...this.allDots]);\n        // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n        // @ts-ignore\n        this.tools.pointSeries.size((d: Dot) => convertDotRToSymbolSize(this.aesGetters.dotSize(d.data)));\n    }\n\n    updateByLasso() {\n        if (this.tools === null) {\n            return;\n        }\n        // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n        // @ts-ignore\n        this.tools?.fillColor.value((d: Dot) => {\n            const aesGetter = this.aesGetters.dotFill ?? (() => BLACK);\n            const c = rgb(aesGetter(d.data));\n            const opacity = !d.dimmed && isDotInsidePolygons(d.x, d.y, this.polygons) ? 1 : 0.4;\n            return getColorWithOpacity(c, opacity);\n        });\n        this.renderWebglLayer();\n    }\n\n    createQuadtree(dots:Dot[]) {\n        return quadtree<Dot>()\n            .x((d: Dot) => this.scales.xOriginal(d.x))\n            .y((d: Dot) => this.scales.yOriginal(d.y))\n            .addAll(dots);\n    }\n\n    updateData(dots: Dot[]) {\n        if (this.tools === null) {\n            return;\n        }\n        select(this.canvasNode).datum(dots);\n        // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n        // @ts-ignore\n        this.tools.fillColor.data(dots);\n        this.tools.qt = this.createQuadtree(dots);\n    }\n\n    render(\n        settingsId: string,\n        chartSettings: ScatterplotUmapSettingsImpl['chartSettings'],\n        keyColumn: ColumnName | null,\n        dots: Dot[],\n        dotExtents: DotsExtents,\n        dotsByGrouping: Record<string, Dot[]>,\n        layers: ScatterplotUmapSettingsImpl['layers'],\n        legendInfo: ScatterplotUmapLegendInfo,\n        grouping: ColumnName[],\n        allPossibleLabels: Label[],\n        onPolygonUpdateOutside: ScatterplotEventHandlers['onPolygonUpdate'],\n        onTooltipHintSwitch: (v:boolean) => void,\n        onLassoControlsStateUpdate: (v:LassoControlsState) => void,\n    ) {        \n        if (this.tools === null) {\n            this.initSettings(\n                dots,\n                chartSettings,\n                dotExtents,\n                legendInfo,\n                layers,\n                grouping\n            );\n            this.onPolygonUpdateOutside = onPolygonUpdateOutside;\n            this.onTooltipHintSwitch = onTooltipHintSwitch;\n            this.onLassoControlsStateUpdate = onLassoControlsStateUpdate;\n        } else {\n            const {title, legend, size} = chartSettings;\n            this.updateChartSizes(size);\n            this.updateLegendSize(legend, legendInfo, grouping, layers);\n            this.createMainTitle(title);\n            this.updateMargins();\n            this.updateAes(legendInfo, layers);\n        }\n        this.allDots = dots;\n        this.allPossibleLabels = allPossibleLabels;\n        this.allPossibleLabels.forEach((l) => {\n            l.x = this.scales.x(l.dot.x);\n            l.y = this.scales.y(l.dot.y);\n        });\n        this.visibleLabels = getFilteredLabels(this.allPossibleLabels, this.chartSizes.chartWidth, this.chartSizes.chartHeight);\n\n        this.notCalculatedProps = {\n            settingsId,\n            chartSettings,\n            keyColumn,\n            dotsByGrouping,\n            layers\n        };\n\n        this.renderWebglLayer();\n        this.renderSvgLayer();\n    }\n\n    renderWebglLayer() {\n        if (this.tools?.webglChart) {\n            select(this.canvasNode).call(this.tools?.webglChart);\n        }\n    }\n\n    onPolygonUpdate = (p:Polygon[]) => {\n        this.polygons = p;\n        this.updateByLasso();\n        const filteredDotsIndexes = this.allDots\n            .filter(d => isDotInsidePolygons(d.x, d.y, this.polygons))\n            .map(d => d.idx);\n        this.onPolygonUpdateOutside(filteredDotsIndexes, p);\n    };\n\n    renderSvgLayer() {\n        this.visibleLabels.forEach((l) => {\n            l.x = this.scales.x(l.dot.x);\n            l.y = this.scales.y(l.dot.y);\n        });\n        updateLabelsBBoxes(this.visibleLabels);\n        const props = {\n            settingsId: this.notCalculatedProps.settingsId,\n            chartSettings: this.notCalculatedProps.chartSettings,\n            keyColumn: this.notCalculatedProps.keyColumn,\n            dotsByGrouping: this.notCalculatedProps.dotsByGrouping,\n            layers: this.notCalculatedProps.layers,\n            chartSizes: this.chartSizes,\n            scales: this.scales,\n            margins: this.margins,\n            mainTitle: this.mainTitle,\n            captionsSizes: this.captionsSizes,\n            container: this.svgLayerElement,\n            zoomStateKey: this.zoomStateKey,\n            selectedDot: this.selectedDot,\n            aesGetters: this.aesGetters,\n            legendData: this.legend,\n            labels: this.visibleLabels,\n            defaultPolygons: this.polygons,\n            onPolygonUpdate: this.onPolygonUpdate,\n            onTooltipHintSwitch: this.onTooltipHintSwitch,\n            onLassoControlsStateUpdate: this.onLassoControlsStateUpdate,\n        } as SVGLayerProps;\n        this.svgLayerComponent = <SVGLayer {...props} />;\n        this.reactRoot?.render(this.svgLayerComponent);\n    }\n\n    renderError(message: string) {\n        this.reactRoot?.render(<Error message={message} />);\n    }\n}\n\nexport default ChartRenderer;\n"],"names":["convertDotRToSymbolSize","r","getPercentToWhite","v","opacity","getColorWithOpacity","c","isDotInsidePolygons","x","y","polygons","p","polygonContains","getGettersFromLayers","legendInfo","layers","dotLayer","l","curveLayer","createAesGetter","DEFAULT_DOT_AES","ChartRenderer","__publicField","jsx","Fragment","BLACK","MIN_MARGIN","DEFAULT_WIDTH","DEFAULT_HEIGHT","scaleLinear","filteredDotsIndexes","d","_a","_b","node","createRoot","size","xAxis","yAxis","dotsExtents","scaleX","scaleLog","minX","minY","maxX","maxY","middle","halfRange","rangeH","tempX","PADDINGS","scaleY","rangeV","tempY","textMeasurer","TextMeasurer","getMaxTickWidth","ticks","key","format","getTicksAndFormat","maxYTick","title","splitTextByWidth","titleTextHeight","TITLE_LINE_HEIGHT","titleHeight","TITLE_MARGIN","TITLE_LINE","select","legend","legendLabels","grouping","legendItems","emptySizes","column","info","MAX_SHOWN_UNIQUE_VALUES_IN_LABELS","aesData","columnValue","scale","scaleOrdinal","value","layer","isContinuousAes","domain","range","columnName","type","colorScale","getContinuousColorScale","tickPositionScale","scaleSymlog","values","getContinuousLegendTicks","scaleSqrt","labels","res","items","arrangeLegendParts","lastItem","legendWidth","LEGEND_OFFSET","legendHeight","dots","chartSettings","dotExtents","fillColor","webglFillColor","rgb","pointSeries","seriesWebglPoint","a","b","program","z","zoom","e","transform","getFilteredLabels","qt","pointer","coord","closestDatum","xOriginal","yOriginal","radius","needRedraw","_c","webglChart","chartCartesian","seriesSvgMulti","seriesWebglMulti","selection","s","colorGetter","aesGetter","quadtree","settingsId","keyColumn","dotsByGrouping","allPossibleLabels","onPolygonUpdateOutside","onTooltipHintSwitch","onLassoControlsStateUpdate","updateLabelsBBoxes","props","SVGLayer","message","Error"],"mappings":"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"}

package/dist/scatterplot-umap/components/Lasso.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Lasso.d.ts","sourceRoot":"","sources":["../../../src/scatterplot-umap/components/Lasso.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAC,kBAAkB,EAAY,MAAM,UAAU,CAAC;AAC5D,OAAO,KAAK,EAAC,OAAO,EAAC,MAAM,UAAU,CAAC;AAItC,OAAO,KAAK,EAAC,WAAW,EAAE,UAAU,EAAQ,MAAM,UAAU,CAAC;AAuB7D,wBAAgB,KAAK,CAAC,EAClB,MAAM,EACN,UAAU,EACV,YAAY,EACZ,eAAe,EACf,eAAe,EACf,0BAA0B,GAC7B,EAAE;IACC,MAAM,EAAE,WAAW,CAAC;IACpB,UAAU,EAAE,UAAU,CAAC;IACvB,YAAY,EAAE,MAAM,CAAC;IACrB,eAAe,EAAE,OAAO,EAAE,CAAC;IAC3B,eAAe,EAAE,CAAC,IAAI,EAAE,OAAO,EAAE,KAAK,IAAI,CAAC;IAC3C,0BAA0B,EAAE,CAAC,CAAC,EAAE,kBAAkB,KAAK,IAAI,CAAC;CAC/D,2CAyWA"}
+{"version":3,"file":"Lasso.d.ts","sourceRoot":"","sources":["../../../src/scatterplot-umap/components/Lasso.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAC,kBAAkB,EAAY,MAAM,UAAU,CAAC;AAC5D,OAAO,KAAK,EAAC,OAAO,EAAC,MAAM,UAAU,CAAC;AAItC,OAAO,KAAK,EAAC,WAAW,EAAE,UAAU,EAAQ,MAAM,UAAU,CAAC;AAyB7D,wBAAgB,KAAK,CAAC,EAClB,MAAM,EACN,UAAU,EACV,YAAY,EACZ,eAAe,EACf,eAAe,EACf,0BAA0B,GAC7B,EAAE;IACC,MAAM,EAAE,WAAW,CAAC;IACpB,UAAU,EAAE,UAAU,CAAC;IACvB,YAAY,EAAE,MAAM,CAAC;IACrB,eAAe,EAAE,OAAO,EAAE,CAAC;IAC3B,eAAe,EAAE,CAAC,IAAI,EAAE,OAAO,EAAE,KAAK,IAAI,CAAC;IAC3C,0BAA0B,EAAE,CAAC,CAAC,EAAE,kBAAkB,KAAK,IAAI,CAAC;CAC/D,2CA6XA"}

package/dist/scatterplot-umap/components/Lasso.js

@@ -1,138 +1,138 @@
-import { j as i } from "../../node_modules/react/jsx-runtime.js";
+import { j as c } from "../../node_modules/react/jsx-runtime.js";
 import { SCATTERPLOT_LASSO_EVENTS as g } from "../constants.js";
-import { BLACK as _ } from "../../constants.js";
+import { BLACK as F } from "../../constants.js";
 import { r as n } from "../../_virtual/index.js";
-import ae from "../../node_modules/d3-drag/src/drag.js";
-import D from "../../node_modules/d3-selection/src/select.js";
-const v = "#845CFF", de = 20, A = 3, fe = 10;
-function xe({
+import de from "../../node_modules/d3-drag/src/drag.js";
+import A from "../../node_modules/d3-selection/src/select.js";
+const p = "#845CFF", U = "#CFD1DB", fe = 20, B = 3, ye = 6, he = 10;
+function ke({
   scales: o,
-  chartSizes: B,
-  zoomStateKey: U,
+  chartSizes: k,
+  zoomStateKey: V,
   defaultPolygons: W,
   onPolygonsApply: P,
-  onLassoControlsStateUpdate: X
+  onLassoControlsStateUpdate: Y
 }) {
   n.useEffect(() => {
     function e() {
-      L.current !== null && (E([...a.current.filter((c, l) => l !== L.current)]), I(null), P(a.current));
+      T.current !== null && (E([...f.current.filter((i, u) => u !== T.current)]), D(null), P(f.current));
     }
-    function t(c) {
-      $(c.detail);
+    function t(i) {
+      $(i.detail);
     }
-    function u() {
-      K(x.current - 1);
+    function a() {
+      K(v.current - 1);
     }
     function s() {
-      K(x.current + 1);
+      K(v.current + 1);
     }
-    return document.addEventListener(g.delete, e), document.addEventListener(g.selectMode, t), document.addEventListener(g.back, u), document.addEventListener(g.forward, s), () => {
-      document.removeEventListener(g.delete, e), document.removeEventListener(g.selectMode, t), document.removeEventListener(g.back, u), document.removeEventListener(g.forward, s);
+    return document.addEventListener(g.delete, e), document.addEventListener(g.selectMode, t), document.addEventListener(g.back, a), document.addEventListener(g.forward, s), () => {
+      document.removeEventListener(g.delete, e), document.removeEventListener(g.selectMode, t), document.removeEventListener(g.back, a), document.removeEventListener(g.forward, s);
     };
   }, []);
-  const [f, V] = n.useState("pen"), [S, z] = n.useState(W), a = n.useRef(W), [J, Y] = n.useState(null), [k, Q] = n.useState(null), L = n.useRef(null), [d, Z] = n.useState([]), y = n.useRef(d), [C, ee] = n.useState([{ newPolygonPoints: d, closedPolygons: S }]), [h, G] = n.useState(0), w = n.useRef(C), x = n.useRef(h), [p, te] = n.useState(null), R = n.useRef(null), [b, M] = n.useState(!1), m = n.useRef(null), T = n.useRef(null), H = n.useCallback(function() {
+  const [y, J] = n.useState("pen"), [S, Q] = n.useState(W), f = n.useRef(W), [Z, G] = n.useState(null), [C, z] = n.useState(null), T = n.useRef(null), [l, ee] = n.useState([]), h = n.useRef(l), [R, te] = n.useState([{ newPolygonPoints: l, closedPolygons: S }]), [m, X] = n.useState(0), j = n.useRef(R), v = n.useRef(m), [d, ne] = n.useState(null), w = n.useRef(null), [b, M] = n.useState(!1), x = n.useRef(null), H = n.useRef(null), I = n.useCallback(function() {
     const e = {
-      newPolygonPoints: [...y.current],
-      closedPolygons: [...a.current]
-    }, t = w.current.slice(0, x.current + 1);
-    t.push(e), t.length > fe && t.shift(), ee(t), G(t.length - 1), w.current = t, x.current = t.length - 1;
+      newPolygonPoints: [...h.current],
+      closedPolygons: [...f.current]
+    }, t = j.current.slice(0, v.current + 1);
+    t.push(e), t.length > he && t.shift(), te(t), X(t.length - 1), j.current = t, v.current = t.length - 1;
   }, []), K = n.useCallback(function(e) {
-    if (e > w.current.length - 1 || e < 0)
+    if (e > j.current.length - 1 || e < 0)
       return;
     $("selection");
-    const t = w.current[e];
-    E(t.closedPolygons, !1), j(t.newPolygonPoints, !1), G(e), x.current = e;
+    const t = j.current[e];
+    E(t.closedPolygons, !1), L(t.newPolygonPoints, !1), X(e), v.current = e;
   }, []);
   function E(e, t = !0) {
-    z(e), a.current = e, t && H();
+    Q(e), f.current = e, t && I();
   }
-  function j(e, t = !0) {
-    y.current = e, Z(e), t && H();
+  function L(e, t = !0) {
+    h.current = e, ee(e), t && I();
   }
-  function I(e) {
-    Q(e), L.current = e;
+  function D(e) {
+    z(e), T.current = e;
   }
   function $(e) {
-    if (V(e), e === "selection" && (I(null), T.current = null, m.current = null), e === "pen") {
-      if (y.current.length > 2) {
-        const t = { points: y.current, closed: !0 };
-        E([...a.current, t]), P([...a.current, t]);
+    if (J(e), e === "selection" && (D(null), H.current = null, x.current = null), e === "pen") {
+      if (h.current.length > 2) {
+        const t = { points: h.current, closed: !0 };
+        E([...f.current, t]), P([...f.current, t]);
       }
       N();
     }
   }
   function N(e = !0) {
-    R.current = null, j([], e);
+    w.current = null, L([], e);
   }
   function q(e) {
     e.key === "Escape" && N();
   }
   n.useEffect(() => (document.addEventListener("keydown", q), () => document.removeEventListener("keydown", q)), []), n.useEffect(() => {
     var e;
-    (e = T.current) == null || e.attr("cx", (t) => o.x(t.p[0])).attr("cy", (t) => o.y(t.p[1]));
-  }, [U]);
-  const ne = n.useCallback(function() {
-    if (M(!1), !R.current || f === "pen")
+    (e = H.current) == null || e.attr("cx", (t) => o.x(t.p[0])).attr("cy", (t) => o.y(t.p[1]));
+  }, [V, k.chartWidth, k.chartHeight]);
+  const oe = n.useCallback(function() {
+    if (M(!1), !w.current || y === "pen")
       return;
-    const e = [...R.current], t = o.x.invert(e[0]), u = o.y.invert(e[1]);
-    if (!y.current.length) {
-      j([[t, u]]);
+    const e = [...w.current], t = o.x.invert(e[0]), a = o.y.invert(e[1]);
+    if (!h.current.length) {
+      L([[t, a]]);
       return;
     }
-    const s = y.current;
+    const s = h.current;
     if (!b || s.length < 3)
-      j([...s, [t, u]]);
+      L([...s, [t, a]]);
     else {
-      const l = { points: [...s], closed: !0 };
-      N(!1), E([...S, l]), setTimeout(() => P([...S, l]), 0);
+      const u = { points: [...s], closed: !0 };
+      N(!1), E([...S, u]), setTimeout(() => P([...S, u]), 0);
     }
-  }, [f, b]), oe = n.useCallback(function(e) {
-    const t = [e.nativeEvent.offsetX, e.nativeEvent.offsetY], u = y.current, s = y.current[0];
+  }, [y, b]), re = n.useCallback(function(e) {
+    const t = [e.nativeEvent.offsetX, e.nativeEvent.offsetY], a = h.current, s = h.current[0];
     if (s) {
-      const c = o.x(s[0]), l = o.y(s[1]), r = u.length > 1 ? Math.sqrt((t[0] - c) ** 2 + (t[1] - l) ** 2) : 1 / 0;
-      M(r < de);
+      const i = o.x(s[0]), u = o.y(s[1]), r = a.length > 1 ? Math.sqrt((t[0] - i) ** 2 + (t[1] - u) ** 2) : 1 / 0;
+      M(r < fe);
     } else
       M(!1);
-    te(t), R.current = t;
+    ne(t), w.current = t;
   }, []);
-  function re() {
-    m.current && D(m.current).data([]).exit().remove();
+  function se() {
+    x.current && A(x.current).data([]).exit().remove();
   }
-  function se(e) {
-    e !== m.current && e && (re(), m.current = e, ce(k));
+  function ce(e) {
+    e !== x.current && e && (se(), x.current = e, ie(C));
   }
-  const ce = n.useCallback(function(e) {
-    if (f !== "selection" && e !== null) {
-      const t = ae().on("drag", function(c) {
-        const l = D(this), r = l.data()[0];
-        r[0] = c.x, r[1] = c.y, r.p = [o.x.invert(r[0]), o.y.invert(r[1])], l.attr("cx", r[0]).attr("cy", r[1]);
-        const O = a.current.map((F, ie) => e !== ie ? F : {
-          ...F,
-          points: F.points.map(
-            (le, ue) => ue === r.idx ? [o.x.invert(r[0]), o.y.invert(r[1])] : le
+  const ie = n.useCallback(function(e) {
+    if (y !== "selection" && e !== null) {
+      const t = de().on("drag", function(i) {
+        const u = A(this), r = u.data()[0];
+        r[0] = i.x, r[1] = i.y, r.p = [o.x.invert(r[0]), o.y.invert(r[1])], u.attr("cx", r[0]).attr("cy", r[1]);
+        const O = f.current.map((_, le) => e !== le ? _ : {
+          ..._,
+          points: _.points.map(
+            (ue, ae) => ae === r.idx ? [o.x.invert(r[0]), o.y.invert(r[1])] : ue
           )
         });
         E(O, !1);
       }).on("end", function() {
-        H(), P(a.current);
-      }), u = a.current[e].points.map((c, l) => ({ idx: l, p: c })), s = D(m.current).selectAll("circle").data(u, (c) => c.idx).join("circle");
-      T.current = s, s.attr("cx", (c) => o.x(c.p[0])).attr("cy", (c) => o.y(c.p[1])).attr("r", A).attr("fill", "white").attr("stroke", v), s.call(t);
+        I(), P(f.current);
+      }), a = f.current[e].points.map((i, u) => ({ idx: u, p: i })), s = A(x.current).selectAll("circle").data(a, (i) => i.idx).join("circle");
+      H.current = s, s.attr("cx", (i) => o.x(i.p[0])).attr("cy", (i) => o.y(i.p[1])).attr("r", B).attr("fill", "white").attr("stroke", p), s.call(t);
     }
   }, []);
   return n.useEffect(() => {
-    X(f === "pen" ? {
-      mode: f,
-      backEnabled: h > 0,
-      forwardEnabled: h < C.length - 1,
-      deleteEnabled: k !== null
+    Y(y === "pen" ? {
+      mode: y,
+      backEnabled: m > 0,
+      forwardEnabled: m < R.length - 1,
+      deleteEnabled: C !== null
     } : {
-      mode: f,
-      backEnabled: h > 0,
-      forwardEnabled: h < C.length - 1,
+      mode: y,
+      backEnabled: m > 0,
+      forwardEnabled: m < R.length - 1,
       deleteEnabled: !1
     });
-  }, [f, k, h, C]), /* @__PURE__ */ i.jsx(i.Fragment, { children: /* @__PURE__ */ i.jsxs("g", { children: [
-    /* @__PURE__ */ i.jsx("defs", { children: /* @__PURE__ */ i.jsx(
+  }, [y, C, m, R]), /* @__PURE__ */ c.jsx(c.Fragment, { children: /* @__PURE__ */ c.jsxs("g", { children: [
+    /* @__PURE__ */ c.jsx("defs", { children: /* @__PURE__ */ c.jsx(
       "pattern",
       {
         id: "diagonalStripes",
@@ -140,93 +140,117 @@ function xe({
         height: "5",
         patternTransform: "rotate(45 0 0)",
         patternUnits: "userSpaceOnUse",
-        children: /* @__PURE__ */ i.jsx("line", { x1: "0", y1: "0", x2: "0", y2: "10", stroke: v, strokeWidth: "1" })
+        children: /* @__PURE__ */ c.jsx("line", { x1: "0", y1: "0", x2: "0", y2: "10", stroke: p, strokeWidth: "1" })
       }
     ) }),
-    /* @__PURE__ */ i.jsx(
+    /* @__PURE__ */ c.jsx(
       "rect",
       {
         fill: "transparent",
-        width: B.chartWidth,
-        height: B.chartHeight,
-        onMouseMove: oe,
-        onClick: ne
+        width: k.chartWidth,
+        height: k.chartHeight,
+        onMouseMove: re,
+        onClick: oe
       }
     ),
     S.map((e, t) => {
-      const u = t === J, s = t === k, l = e.points.map((r) => [o.x(r[0]), o.y(r[1])]).map((r, O) => (O === 0 ? "M" : "L") + r[0] + "," + r[1]).join("") + "z";
-      return /* @__PURE__ */ i.jsxs("g", { children: [
-        /* @__PURE__ */ i.jsx(
+      const a = t === Z, s = t === C, u = e.points.map((r) => [o.x(r[0]), o.y(r[1])]).map((r, O) => (O === 0 ? "M" : "L") + r[0] + "," + r[1]).join("") + "z";
+      return /* @__PURE__ */ c.jsxs("g", { children: [
+        /* @__PURE__ */ c.jsx(
           "path",
           {
-            d: l,
-            fill: u && !s ? "url(#diagonalStripes)" : "transparent",
-            stroke: s || u ? v : _,
-            onMouseOver: () => Y(t),
-            onMouseLeave: () => Y(null),
-            onClick: () => I(t),
-            style: { pointerEvents: f === "selection" || s ? "none" : "auto" }
+            d: u,
+            fill: a && !s ? "url(#diagonalStripes)" : "transparent",
+            stroke: s || a ? p : F,
+            onMouseOver: () => G(t),
+            onMouseLeave: () => G(null),
+            onClick: () => D(t),
+            style: { pointerEvents: y === "selection" || s ? "none" : "auto" }
           }
         ),
-        s && /* @__PURE__ */ i.jsx("g", { ref: (r) => se(r) })
+        s && /* @__PURE__ */ c.jsx("g", { ref: (r) => ce(r) })
       ] }, t);
     }),
-    /* @__PURE__ */ i.jsx(
+    /* @__PURE__ */ c.jsx(
       "polyline",
       {
-        points: d.map((e) => `${o.x(e[0])},${o.y(e[1])}`).join(" "),
-        stroke: _,
+        points: l.map((e) => `${o.x(e[0])},${o.y(e[1])}`).join(" "),
+        stroke: F,
         fill: "none",
         style: { pointerEvents: "none" }
       }
     ),
-    d.length > 0 && p && /* @__PURE__ */ i.jsxs("g", { style: { pointerEvents: "none" }, children: [
-      /* @__PURE__ */ i.jsx(
+    l.length > 1 && d && /* @__PURE__ */ c.jsxs("g", { style: { pointerEvents: "none" }, children: [
+      /* @__PURE__ */ c.jsx(
+        "circle",
+        {
+          cx: o.x(l[0][0]),
+          cy: o.y(l[0][1]),
+          r: ye,
+          fill: "none",
+          stroke: U,
+          strokeDasharray: "3 3"
+        }
+      ),
+      /* @__PURE__ */ c.jsx(
+        "line",
+        {
+          x1: d[0],
+          y1: d[1],
+          x2: o.x(l[0][0]),
+          y2: o.y(l[0][1]),
+          stroke: U,
+          strokeDasharray: "3 3"
+        }
+      )
+    ] }),
+    l.length > 0 && d && /* @__PURE__ */ c.jsxs("g", { style: { pointerEvents: "none" }, children: [
+      /* @__PURE__ */ c.jsx(
         "line",
         {
-          x1: o.x(d[d.length - 1][0]),
-          y1: o.y(d[d.length - 1][1]),
-          x2: p[0],
-          y2: p[1],
-          stroke: _
+          x1: o.x(l[l.length - 1][0]),
+          y1: o.y(l[l.length - 1][1]),
+          x2: d[0],
+          y2: d[1],
+          stroke: p
         }
       ),
-      d.map((e, t) => /* @__PURE__ */ i.jsx(
+      l.map((e, t) => /* @__PURE__ */ c.jsx(
         "circle",
         {
           cx: o.x(e[0]),
           cy: o.y(e[1]),
-          r: A,
+          r: B,
           fill: "white",
-          stroke: v
+          stroke: t > 0 ? p : F
         },
         t
       )),
-      /* @__PURE__ */ i.jsx(
+      /* @__PURE__ */ c.jsx(
         "circle",
         {
-          cx: p[0],
-          cy: p[1],
-          r: A,
+          cx: d[0],
+          cy: d[1],
+          r: B,
           fill: "white",
-          stroke: v
+          stroke: p
         }
       )
     ] }),
-    b && p && /* @__PURE__ */ i.jsx(
+    b && d && /* @__PURE__ */ c.jsx(
       "circle",
       {
-        cx: p[0] + 5,
-        cy: p[1] - 5,
+        cx: d[0] + 5,
+        cy: d[1] - 5,
         r: 2,
         fill: "none",
-        stroke: v,
+        stroke: p,
         strokeWidth: 0.5
       }
     )
   ] }) });
 }
 export {
-  xe as Lasso
+  ke as Lasso
 };
 //# sourceMappingURL=Lasso.js.map