@milaboratories/miplots4 1.0.178 → 1.1.0

package/dist/scatterplot/ChartRenderer.js.map

@@ -1 +1 @@
-{"version":3,"file":"ChartRenderer.js","names":[],"sources":["../../src/scatterplot/ChartRenderer.tsx"],"sourcesContent":["import type { ScaleLinear } from 'd3-scale';\nimport { scaleLinear, scaleLog, scaleOrdinal, scalePoint, scaleSymlog } from 'd3-scale';\nimport type { ReactElement } from 'react';\nimport type { Root } from 'react-dom/client';\nimport { createRoot } from 'react-dom/client';\nimport { Error } from '../common/Error';\nimport type { DotAesItem, LegendData, LegendItem } from '../common/types';\nimport { DataFrameProvider } from '../common/useDataFrame';\nimport {\n    BLACK,\n    DEFAULT_HEIGHT,\n    DEFAULT_WIDTH,\n    MAX_LEGEND_GRADIENT_HEIGHT,\n    MAX_SHOWN_UNIQUE_VALUES_IN_LABELS,\n    MIN_LEGEND_GRADIENT_HEIGHT,\n    TITLE_LINE_HEIGHT,\n    TITLE_MARGIN,\n} from '../constants';\nimport type { DataFrame } from '../DataFrame';\nimport { FACET_TITLE_LINE } from '../discrete/constants';\nimport { splitTextByWidth } from '../discrete/utils';\nimport type { AxisSettingsDiscrete, ColumnName, PointShape, ScatterplotLegendInfo } from '../types';\nimport { isContinuousAes } from '../types';\nimport { arrangeLegendParts } from '../utils/arrangeLegendParts';\nimport { getSizeLegendItem } from '../utils/getSizeLegendItem';\nimport { getContinuousColorScale } from '../utils/getContinuousColorScale';\nimport { getContinuousLegendTicks } from '../utils/getContinuousLegendTicks';\nimport { TextMeasurer } from '../utils/TextMeasurer/TextMeasurer';\nimport { ChartsGroup } from './components/ChartsGroup';\nimport type { AesGetters, CaptionsSizes, ChartDimensionsData, ChartScales, ChartSizes, ChartsScales, DiscreteAxisData, DiscreteScale, Margins } from './components/types';\nimport {\n    DEFAULT_DOT_AES,\n    DEFAULT_TICKS_SIZE,\n    FACET_AXIS_OFFSET,\n    FACET_TITLE_OFFSET,\n    LEGEND_OFFSET,\n    MIN_MARGIN,\n    MIN_PADDING,\n    PADDINGS,\n    TICK_OFFSET,\n    TITLE_LINE,\n} from './constants';\nimport type { GroupedDots } from './dots';\nimport type { ScatterplotLayerData } from './getLayersData';\nimport type { TrendsData } from './linearRegression';\nimport type { CurveLayer, DotsLayer, ScatterplotLayer, ScatterplotSettingsImpl } from './ScatterplotSettingsImpl';\nimport { createAesGetter } from './utils/createAesGetter';\nimport { getTicksAndFormat } from './utils/getTicksAndFormat';\nimport { isContinuousAxis } from './utils/isNumericScale';\nimport { createMultilineDiscreteLabels } from '../utils/createMultilineDiscreteLabels';\nimport { measureMultilineDiscreteLabels } from '../utils/measureMultilineDiscreteLabels';\n\nfunction scalesAreDifferent(prevScale:ChartScales['x'|'y'], currentScale:ChartScales['x'|'y']):boolean {\n    if (prevScale === undefined) {\n        return true;\n    } else {\n        const domain = prevScale.domain();\n        const range = prevScale.range();\n        const newDomain = currentScale.domain();\n        const newRange = currentScale.range();\n        if (\n            domain.length !== newDomain.length ||\n            domain.some((v, idx) => v !== newDomain[idx]) ||\n            range[0] !== newRange[0] || range[1] !== newRange[1]\n        ) {\n            return true;\n        }\n    }\n    return false;\n}\nfunction getChartEdgeSides(index: number, facetsCount: number, columnsCount: number, rowsCount: number) {\n    const chartSides: ('left' | 'right' | 'top' | 'bottom')[] = [];\n    if (index % columnsCount === columnsCount - 1) {\n        chartSides.push('right');\n    }\n    if (index % columnsCount === 0) {\n        chartSides.push('left');\n    }\n    if (index < columnsCount) {\n        chartSides.push('top');\n    }\n    if (\n        Math.ceil((index + 1) / columnsCount) === rowsCount ||\n        (Math.ceil((index + 1) / columnsCount) === rowsCount - 1 &&\n            index % columnsCount > (facetsCount - 1) % columnsCount)\n    ) {\n        chartSides.push('bottom');\n    }\n    return chartSides;\n}\n\nfunction calculatePaddings(\n    xAxis: ScatterplotSettingsImpl['chartSettings']['xAxis'],\n    yAxis: ScatterplotSettingsImpl['chartSettings']['yAxis'],\n    captionsSizes: CaptionsSizes,\n    currentRowFacetKeys: string[],\n    facetTitles: Record<string, string[]>,\n    chartEdgeSides: ('left' | 'right' | 'top' | 'bottom')[],\n    currentRow: number,\n    currentColumn: number,\n    lastInRow: boolean,\n    facetSettings?: ScatterplotSettingsImpl['facetSettings'],\n) {\n    const discreteX = xAxis.scale === 'discrete';\n    const discreteY = yAxis.scale === 'discrete';\n\n    const needLeftAxis = chartEdgeSides.includes('left') || !facetSettings?.sharedY;\n    const needLeftAxisTitle = chartEdgeSides.includes('left') && yAxis.title !== '';\n    const needBottomAxis = chartEdgeSides.includes('bottom') || !facetSettings?.sharedX;\n    const needBottomAxisTitle = chartEdgeSides.includes('bottom') && xAxis.title !== '';\n\n    const yCaptions = yAxis.hiddenLabels ? 0 : discreteY ? captionsSizes.leftAxisCaptionsWidthByColumns[currentColumn] + 2 * TICK_OFFSET : captionsSizes.yAxisCaptionsWidth + 2 * TICK_OFFSET;\n    const yTicks = (yAxis.showTicks ? DEFAULT_TICKS_SIZE : 0) + TICK_OFFSET;\n    const yAxisTitle = needLeftAxisTitle ? TITLE_LINE : 0;\n\n    const xCaptions = xAxis.hiddenLabels ? 0 : discreteX ? captionsSizes.bottomAxisCaptionsWidthByRows[currentRow] + 2 * TICK_OFFSET: captionsSizes.xAxisCaptionsWidth + 2 * TICK_OFFSET;\n    const xTicks = xAxis.showTicks ? DEFAULT_TICKS_SIZE : 0;\n    const xAxisTitle = needBottomAxisTitle ? TITLE_LINE : 0;\n\n    const leftAxisElements = yCaptions + yTicks + yAxisTitle + FACET_AXIS_OFFSET;\n    const bottomAxisElements = xCaptions + xTicks + xAxisTitle + FACET_AXIS_OFFSET;\n\n    const facetTitlesLinesCount = Math.max(...currentRowFacetKeys.map(key => facetTitles[key].length));\n    return {\n        left: needLeftAxis ? leftAxisElements : MIN_PADDING,\n        top: facetTitlesLinesCount === 0 ? 0 : FACET_TITLE_OFFSET * 2 + facetTitlesLinesCount * FACET_TITLE_LINE,\n        bottom: needBottomAxis ? bottomAxisElements + 8 : MIN_PADDING,\n        right: lastInRow ? 0 : MIN_PADDING,\n    };\n}\n\n// facet keys grouped by rows\nfunction getFacetRows(facetKeys: string[], nRows: number, nColumns: number): string[][] {\n    const result: string[][] = [];\n    for (let i = 0; i < nRows; i++) {\n        result.push(facetKeys.slice(i * nColumns, i * nColumns + nColumns));\n    }\n    return result;\n}\n\nfunction getRowColumn(idx: number, columnsCount: number) {\n    const row = Math.floor(idx / columnsCount);\n    const column = idx - row * columnsCount;\n    return [row, column];\n}\n\nfunction createAesGetters(\n    dataFrame: DataFrame,\n    legendInfo: ScatterplotLegendInfo,\n    layers: ScatterplotLayer[],\n    trend: ScatterplotSettingsImpl['trend']\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\n    return {\n        dotShape: createAesGetter(dataFrame, legendInfo, dotLayer?.aes.dotShape ?? DEFAULT_DOT_AES.shape,'dotShape'),\n        dotColor: createAesGetter(dataFrame, legendInfo, dotLayer?.aes.dotFill ?? DEFAULT_DOT_AES.color, 'dotFill'),\n        dotSize: createAesGetter(dataFrame, legendInfo, dotLayer?.aes.dotSize ?? DEFAULT_DOT_AES.size, 'dotSize'),\n        lineShape: createAesGetter(dataFrame, legendInfo, curveLayer?.aes.lineShape ?? 'solid', 'lineShape'),\n        lineColor: createAesGetter(dataFrame, legendInfo, curveLayer?.aes.lineColor ?? BLACK, 'lineColor'),\n        trendColor: createAesGetter(dataFrame, legendInfo, trend?.color ?? DEFAULT_DOT_AES.color, 'fillColor')\n    };\n}\n\nconst COS_PI_4 = Math.cos(Math.PI / 4);\nconst INCLINE_OFFSET = 5; // height of little triangle of text for captions inclined 45deg\n\nfunction getCaptionHeight (size: number, axis: ScatterplotSettingsImpl['chartSettings']['xAxis' | 'yAxis']) {\n    if (axis.scale === 'discrete') {\n        if (axis.labelsPosition === '90deg') {\n            return size;\n        }\n        if (axis.labelsPosition === '45deg') {\n            return size * COS_PI_4 + (size > 0 ? 2 * INCLINE_OFFSET : 0) ;\n        }\n        return TITLE_LINE;\n    }\n    return Math.max(size, TITLE_LINE);\n}\n\nclass ChartRenderer {\n    reactRoot: Root | null = null;\n    parentNode: HTMLElement | null = null;\n    rootNode: HTMLElement | null = null;\n    component: ReactElement = (<></>);\n    margins: Margins = {\n        top: MIN_MARGIN,\n        bottom: MIN_MARGIN,\n        left: MIN_MARGIN,\n        right: MIN_MARGIN,\n    };\n    chartsDimensions: Record<string, ChartDimensionsData> = {};\n    chartSizes: ChartSizes = {\n        chartWidth: DEFAULT_WIDTH, // width of single chart\n        chartHeight: DEFAULT_HEIGHT, // height of single chart\n        chartsWidth: DEFAULT_WIDTH, // width of all charts in charts row\n        chartsHeight: DEFAULT_HEIGHT, // width of all charts in charts column, without axes\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    columnsCount = 1;\n    rowsCount = 1;\n    scales: ChartsScales = {\n        x: {null: scaleLinear().domain([0, 1]).range([0, DEFAULT_WIDTH])},\n        y: {null: scaleLinear().domain([0, 1]).range([DEFAULT_HEIGHT, 0])},\n    };\n    captionsSizes: CaptionsSizes = {\n        xAxisCaptionsWidth: 30,\n        yAxisCaptionsWidth: 100,\n        bottomAxisCaptionsWidthByRows: [],\n        leftAxisCaptionsWidthByColumns: [],\n        bottomCaptionsTail: 0,\n        leftCaptionsTail: 0,\n    };\n    facetTitles: Record<string, string[]> = {}; // can be multiline\n    mainTitle: string[] = []; // can be multiline\n    discreteAxesLabels: {\n        x: Record<string, Record<string, string[]>>,\n        y: Record<string, Record<string, string[]>>\n    } = {x: {}, y: {}}; // only for discrete axes, by facets, can be multiline\n\n    legend: LegendData = {width: 0, height: 0, items: []};\n\n    clear() {\n        if (this.parentNode && this.rootNode) {\n            this.parentNode?.removeChild(this.rootNode);\n            this.parentNode = null;\n            this.rootNode = 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.parentNode.appendChild(this.rootNode);\n            this.reactRoot = createRoot(this.rootNode);\n        }\n    }\n\n    updateChartSizes(size: ScatterplotSettingsImpl['chartSettings']['size']) {\n        this.chartSizes.chartWidth = size.width;\n        this.chartSizes.chartHeight = size.height;\n    }\n\n    updateChartDimensions(\n        facetKeys: string[],\n        facetSettings: ScatterplotSettingsImpl['facetSettings'],\n        xAxis: ScatterplotSettingsImpl['chartSettings']['xAxis'],\n        yAxis: ScatterplotSettingsImpl['chartSettings']['yAxis']\n    ) {\n        const {chartWidth, chartHeight} = this.chartSizes;\n        let currentLeft = 0;\n        let currentTop = 0;\n        const facetRows = getFacetRows(facetKeys, this.rowsCount, this.columnsCount);\n        this.chartsDimensions = facetKeys.reduce((res: Record<string, ChartDimensionsData>, key: string, index) => {\n            const [currentRow, currentColumn] = getRowColumn(index, this.columnsCount);\n            const chartEdgeSides = getChartEdgeSides(index, facetKeys.length, this.columnsCount, this.rowsCount);\n            const padding = calculatePaddings(\n                xAxis,\n                yAxis,\n                this.captionsSizes,\n                facetRows[currentRow],\n                this.facetTitles,\n                chartEdgeSides,\n                currentRow,\n                currentColumn,\n                currentColumn === this.columnsCount - 1,\n                facetSettings\n            );\n\n            const outerWidth = chartWidth + padding.left + padding.right;\n            const outerHeight = chartHeight + padding.top + padding.bottom;\n            res[key] = {\n                left: currentLeft,\n                top: currentTop,\n                chartEdgeSides,\n                padding,\n                inner: {width: chartWidth, height: chartHeight},\n                outer: {width: outerWidth, height: outerHeight},\n            };\n            currentLeft += outerWidth;\n            if (currentColumn === this.columnsCount - 1) {\n                currentLeft = 0;\n                currentTop += outerHeight;\n            }\n            return res;\n        }, {});\n\n        const chartsWidth = Math.max(\n            ...facetKeys.map(key => this.chartsDimensions[key].outer.width + this.chartsDimensions[key].left)\n        );\n        const chartsHeight = Math.max(\n            ...facetKeys.map(key => this.chartsDimensions[key].outer.height + this.chartsDimensions[key].top)\n        );\n        this.chartSizes.chartsWidth = chartsWidth;\n        this.chartSizes.chartsHeight = chartsHeight;\n    }\n\n    updateViewport(\n        facetKeys: string[],\n        facetSettings: ScatterplotSettingsImpl['facetSettings'],\n        xAxis: ScatterplotSettingsImpl['chartSettings']['xAxis'],\n        yAxis: ScatterplotSettingsImpl['chartSettings']['yAxis'],\n        discreteAxisDataX: DiscreteAxisData,\n        discreteAxisDataY: DiscreteAxisData,\n        groupedDots: GroupedDots,\n        trendsData: TrendsData | null\n    ) {\n        const facetCount = facetKeys.length;\n        const maxNRows = Math.min(facetSettings.nRows ?? facetCount, facetCount);\n        const maxNCols = Math.min(facetSettings.nCols ?? facetCount, facetCount);\n        // Use columns/rows count from settings if some of them defined, else make 1 column\n        this.columnsCount = facetSettings.nRows ? Math.ceil(facetCount / maxNRows) : maxNCols;\n        this.rowsCount = Math.ceil(facetCount / this.columnsCount);\n\n        let [minXAll, maxXAll] = [Infinity, -Infinity];\n        let [minYAll, maxYAll] = [Infinity, -Infinity];\n        const dotExtentsByKeys = facetKeys.reduce((res: Record<string, Record<string, number>>, key) => {\n            const dotsData = groupedDots[key];\n            const {minX, minY, maxX, maxY} = dotsData;\n            minXAll = Math.min(minXAll, minX);\n            minYAll = Math.min(minYAll, minY);\n            maxXAll = Math.max(maxXAll, maxX);\n            maxYAll = Math.max(maxYAll, maxY);\n            res[key] = {minX, maxX, minY, maxY};\n            return res;\n        }, {});\n\n        const newScalesX:ChartsScales['x'] = {};\n        const newScalesY:ChartsScales['y'] = {};\n\n        let needsUpdateXScales = false;\n        let needsUpdateYScales = false;\n        facetKeys.forEach(key => {\n            let scaleX: ChartsScales['x'][string];\n            if (!isContinuousAxis(xAxis)) {\n                scaleX = scalePoint<string | number>()\n                    .range([0, this.chartSizes.chartWidth])\n                    .domain(discreteAxisDataX.keys ?? []).padding(0.5);\n\n            } else {\n                scaleX = xAxis.scale === 'log' ? scaleLog() : scaleLinear();\n                const extents = dotExtentsByKeys[key];\n                let minX = xAxis.lowerValue ? Number(xAxis.lowerValue) : facetSettings.sharedX ? minXAll : extents.minX;\n                let maxX = xAxis.upperValue ? Number(xAxis.upperValue) : facetSettings.sharedX ? maxXAll : extents.maxX;\n\n                if (typeof 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\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\n            }\n            const prevScale = this.scales.x[key];\n            newScalesX[key] = scaleX;\n            needsUpdateXScales = needsUpdateXScales || scalesAreDifferent(prevScale, scaleX);\n        });\n        // for right Y viewport bounds we must know X bounds, to calculate trends area Y bounds\n        const trendYBoundsByKeys = facetKeys.reduce((res: Record<string, Record<string, number>>, key) => {\n            const trendsList = trendsData ? trendsData[key] : [];\n            res[key] = trendsList.reduce(\n                (res, trend) => {\n                    const xBounds = trend.bounded ? trend.xBounds : this.scales.x[key].domain(); // trends exist only with continuous scales\n                    const i1 = trend.getInterval(xBounds[0] as number);\n                    const i2 = trend.getInterval(xBounds[1] as number);\n                    res.minY = Math.min(res.minY, isNaN(i1.left) ? res.minY : i1.left, isNaN(i2.left) ? res.minY : i2.left);\n                    res.maxY = Math.max(res.maxY, isNaN(i1.right) ? res.maxY : i1.right, isNaN(i2.right) ? res.maxY : i2.right);\n                    return res;\n                },\n                {minY: Infinity, maxY: -Infinity}\n            );\n            minYAll = Math.min(minYAll, res[key].minY);\n            maxYAll = Math.max(maxYAll, res[key].maxY);\n            return res;\n        }, {});\n        facetKeys.forEach(key => {\n            let scaleY: ChartsScales['y'][string];\n            if (!isContinuousAxis(yAxis)) {\n                scaleY = scalePoint<string | number>()\n                    .range([this.chartSizes.chartHeight, 0])\n                    .domain(discreteAxisDataY.keys ?? [])\n                    .padding(0.5);\n            } else {\n                scaleY = yAxis.scale === 'log' ? scaleLog() : scaleLinear();\n\n                const dotExtents = dotExtentsByKeys[key];\n                const trendExtents = trendYBoundsByKeys[key];\n                let minY = yAxis.lowerValue ? Number(yAxis.lowerValue) : facetSettings.sharedY ? minYAll : Math.min(dotExtents.minY, trendExtents.minY);\n                let maxY = yAxis.upperValue ? Number(yAxis.upperValue) : facetSettings.sharedY ? maxYAll : Math.max(dotExtents.maxY, trendExtents.maxY);\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 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            }\n            const prevScale = this.scales.y[key];\n            newScalesY[key] = scaleY;\n            needsUpdateYScales = needsUpdateYScales || scalesAreDifferent(prevScale, scaleY);\n        });\n\n        if (needsUpdateXScales) {\n            this.scales.x = newScalesX;\n        }\n        if (needsUpdateYScales) {\n            this.scales.y = newScalesY;\n        }\n    }\n\n    updateCaptionsSize(\n        facetKeys: string[],\n        xAxis: ScatterplotSettingsImpl['chartSettings']['xAxis'],\n        yAxis: ScatterplotSettingsImpl['chartSettings']['yAxis'],\n        onlyPositive: boolean\n    ) {\n        const textMeasurer = new TextMeasurer('600 14px Manrope');\n        function getMaxTickWidth(ticks: string[]) {\n            return Math.max(...ticks.map(key => textMeasurer.getTextWidth(key)));\n        }\n\n        let xTail = 0;\n        let yTail = 0;\n        let xAxisCaptionsWidthByRows:number[] = [];\n        let yAxisCaptionsWidthByColumns:number[]  = [];\n        let maxXLabelSize = 0;\n        let maxYLabelSize = 0;\n        if (xAxis.scale === 'discrete') {\n            const sizes = measureMultilineDiscreteLabels(\n                facetKeys,\n                this.rowsCount,\n                this.columnsCount,\n                xAxis.labelsPosition ?? 'center',\n                this.discreteAxesLabels.x,\n                'vertical',\n                this.scales.x as Record<string, DiscreteScale>,\n            );\n            xTail = sizes.xTail;\n            xAxisCaptionsWidthByRows = sizes.axisCaptionsWidthByRows;\n        } else {\n            maxXLabelSize = 20;\n        }\n\n        if (yAxis.scale === 'discrete') {\n            const sizes = measureMultilineDiscreteLabels(\n                facetKeys,\n                this.rowsCount,\n                this.columnsCount,\n                yAxis.labelsPosition ?? 'center',\n                this.discreteAxesLabels.y,\n                'horizontal',\n                this.scales.y as Record<string, DiscreteScale>,\n            );\n            yTail = sizes.yTail;\n            yAxisCaptionsWidthByColumns = sizes.axisCaptionsWidthByColumns;\n        } else {\n            Object.values(this.scales.y).forEach(scale => {\n            const {ticks, format} = getTicksAndFormat(scale, onlyPositive);\n            maxYLabelSize = Math.max(maxYLabelSize, getMaxTickWidth(ticks.map(format)));\n        });\n        }\n\n        this.captionsSizes = {\n            xAxisCaptionsWidth: xAxis.hiddenLabels ? 0 : getCaptionHeight(maxXLabelSize, xAxis),\n            yAxisCaptionsWidth: yAxis.hiddenLabels ? 0 : getCaptionHeight(maxYLabelSize, yAxis),\n            bottomAxisCaptionsWidthByRows: xAxisCaptionsWidthByRows,\n            leftAxisCaptionsWidthByColumns: yAxisCaptionsWidthByColumns,\n            bottomCaptionsTail: xTail,\n            leftCaptionsTail: yTail\n        };\n    }\n\n    createMainTitle(facetKeys: string[], title: ScatterplotSettingsImpl['chartSettings']['title']) {\n        const firstChart = this.chartsDimensions[facetKeys[0]];\n        const lastChart = this.chartsDimensions[facetKeys[facetKeys.length - 1]];\n\n        this.mainTitle = splitTextByWidth(\n            title.name,\n            this.chartSizes.chartsWidth - firstChart.padding.left - lastChart.padding.right,\n            20\n        );\n    }\n\n    createFacetTitles(facetKeys: string[], facetLabels: string[][]) {\n        this.facetTitles = facetKeys.reduce((res: Record<string, string[]>, key, idx) => {\n            if (facetLabels[idx].length === 1 && facetLabels[idx][0] === 'null') {\n                res[key] = [];\n            } else {\n                res[key] = splitTextByWidth(facetLabels[idx].join(', '), this.chartSizes.chartWidth, 14);\n            }\n            return res;\n        }, {});\n    }\n\n    createAxisLabels(\n        facetKeys: string[],\n        xAxis: ScatterplotSettingsImpl['chartSettings']['xAxis'],\n        yAxis: ScatterplotSettingsImpl['chartSettings']['xAxis'],\n        discreteAxisDataX: DiscreteAxisData,\n        discreteAxisDataY: DiscreteAxisData,\n    ) {\n        this.discreteAxesLabels = {\n            x: xAxis.scale !== 'discrete' ? {} : createMultilineDiscreteLabels(\n                facetKeys,\n                (xAxis as AxisSettingsDiscrete)?.labelsPosition ?? 'center',\n                discreteAxisDataX.labels,\n                false,\n                'vertical',\n                this.scales.x as Record<string, DiscreteScale>,\n            ),\n            y: yAxis.scale !== 'discrete' ? {} : createMultilineDiscreteLabels(\n                facetKeys,\n                (yAxis  as AxisSettingsDiscrete).labelsPosition ?? 'center',\n                discreteAxisDataY.labels,\n                false,\n                'horizontal',\n                this.scales.y as Record<string, DiscreteScale>,\n            )\n        };\n    }\n\n    updateMargins(facetKeys: string[]) {\n        const titleTextHeight = TITLE_LINE_HEIGHT * this.mainTitle.length;\n        const titleHeight = titleTextHeight > 0 ? titleTextHeight + TITLE_MARGIN * 2 : 0;\n        const firstChart = this.chartsDimensions[facetKeys[0]];\n        const lastChart = this.chartsDimensions[facetKeys[facetKeys.length - 1]];\n        this.margins = {\n            top: Math.max(titleHeight, MIN_MARGIN),\n            bottom: Math.max(MIN_MARGIN, this.captionsSizes.leftCaptionsTail - lastChart.padding.bottom),\n            left: Math.max(MIN_MARGIN, this.captionsSizes.bottomCaptionsTail - firstChart.padding.left),\n            right: this.legend.width + MIN_MARGIN,\n        }; \n        this.chartSizes.totalWidth = this.margins.left + this.chartSizes.chartsWidth + this.margins.right;\n        this.chartSizes.totalHeight =\n            this.margins.top + Math.max(this.chartSizes.chartsHeight, this.legend.height) + this.margins.bottom;\n    }\n\n    updateLegendSize(\n        legend: ScatterplotSettingsImpl['chartSettings']['legend'],\n        legendInfo: ScatterplotLegendInfo,\n        grouping: ColumnName[],\n        layers: ScatterplotLayer[]\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        const continuousHeight = Math.min(\n            Math.max(this.chartSizes.chartHeight, MIN_LEGEND_GRADIENT_HEIGHT),\n            MAX_LEGEND_GRADIENT_HEIGHT\n        );\n        const legendHeight = Math.max(this.chartSizes.chartHeight, continuousHeight);\n        grouping.forEach(column => {\n            const info = legendInfo[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' || key === 'lineColor') {\n                        aesData[columnValue].color = (info.aesMap(columnValue, key) ?? BLACK) as string;\n                    }\n                    if (key === 'dotShape') {\n                        aesData[columnValue].shape = (info.aesMap(columnValue,key) ?? '21') as PointShape;\n                    }\n                    if (key === 'dotSize') {\n                        aesData[columnValue].size = (info.aesMap(columnValue,key) ?? 3) as number;\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                .unknown(DEFAULT_DOT_AES);\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([continuousHeight, 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                legendItems.push(getSizeLegendItem(layer.aes.dotSize));\n            }\n        });\n\n        if (!legendItems.length) {\n            this.legend = {width: 0, height: 0, items: []};\n            return;\n        }\n\n        const items = arrangeLegendParts(legendItems, legendHeight, continuousHeight);\n\n        const maxRightEdge = items.reduce((max, item) => Math.max(max, item.left + item.width), 0);\n        const legendWidth = maxRightEdge + LEGEND_OFFSET;\n\n        this.legend = {\n            width: legendWidth,\n            height: legendHeight,\n            items,\n        };\n    }\n\n    render(\n        dataFrame: DataFrame,\n        settingsId: string,\n        chartSettings: ScatterplotSettingsImpl['chartSettings'],\n        facetSettings: ScatterplotSettingsImpl['facetSettings'],\n        facetKeys: string[],\n        facetLabels: string[][],\n        groupedDots: GroupedDots,\n        trendsData: TrendsData | null,\n        keyColumn: ColumnName,\n        onlyPositive: {x: boolean; y: boolean},\n        legendInfo: ScatterplotLegendInfo,\n        layersData: Record<string, ScatterplotLayerData[]>,\n        grouping: ColumnName[],\n        layers: ScatterplotLayer[],\n        trend: ScatterplotSettingsImpl['trend'],\n        discreteAxisDataX: DiscreteAxisData,\n        discreteAxisDataY: DiscreteAxisData,\n        onTooltipHintSwitch: (v:boolean) => void\n    ) {\n        const {xAxis, yAxis, size, title, legend} = chartSettings;\n        this.updateChartSizes(size);\n        this.updateViewport(facetKeys, facetSettings, xAxis, yAxis, discreteAxisDataX, discreteAxisDataY, groupedDots, trendsData);\n        this.createAxisLabels(facetKeys, xAxis, yAxis, discreteAxisDataX, discreteAxisDataY);\n        this.updateCaptionsSize(facetKeys, xAxis, yAxis, onlyPositive.y);\n        this.createFacetTitles(facetKeys, facetLabels);\n        this.updateChartDimensions(facetKeys, facetSettings, xAxis, yAxis);\n        this.updateLegendSize(legend, legendInfo, grouping, layers);\n        this.createMainTitle(facetKeys, title);\n        this.updateMargins(facetKeys);\n        const component = (\n            <DataFrameProvider dataFrame={dataFrame}>\n                <ChartsGroup\n                    settingsId={settingsId}\n                    chartSettings={chartSettings}\n                    facetKeys={facetKeys}\n                    facetSettings={facetSettings}\n                    chartSizes={this.chartSizes}\n                    chartsDimensions={this.chartsDimensions}\n                    scales={this.scales}\n                    groupedDots={groupedDots}\n                    trendsData={trendsData}\n                    legendData={this.legend}\n                    columnsCount={this.columnsCount}\n                    margins={this.margins}\n                    keyColumn={keyColumn}\n                    mainTitle={this.mainTitle}\n                    facetTitles={this.facetTitles}\n                    captionsSizes={this.captionsSizes}\n                    onlyPositive={onlyPositive}\n                    layersData={layersData}\n                    aesGetters={createAesGetters(dataFrame, legendInfo, layers, trend)}\n                    onTooltipHintSwitch={onTooltipHintSwitch}\n                    discreteAxesLabels={this.discreteAxesLabels}\n                />\n            </DataFrameProvider>\n        );\n        this.component = component;\n        this.reactRoot?.render(component);\n    }\n\n    renderError(message: string) {\n        this.reactRoot?.render(<Error message={message} />);\n    }\n}\n\nexport default ChartRenderer;\n"],"mappings":"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"}
+{"version":3,"file":"ChartRenderer.js","names":[],"sources":["../../src/scatterplot/ChartRenderer.tsx"],"sourcesContent":["import type { ScaleLinear } from 'd3-scale';\nimport { scaleLinear, scaleLog, scaleOrdinal, scalePoint, scaleSymlog } from 'd3-scale';\nimport type { ReactElement } from 'react';\nimport type { Root } from 'react-dom/client';\nimport { createRoot } from 'react-dom/client';\nimport { Error } from '../common/Error';\nimport type { DotAesItem, LegendData, LegendItem } from '../common/types';\nimport { DataFrameProvider } from '../common/useDataFrame';\nimport {\n    BLACK,\n    DEFAULT_HEIGHT,\n    DEFAULT_WIDTH,\n    MAX_LEGEND_GRADIENT_HEIGHT,\n    MAX_SHOWN_UNIQUE_VALUES_IN_LABELS,\n    MIN_LEGEND_GRADIENT_HEIGHT,\n    TITLE_LINE_HEIGHT,\n    TITLE_MARGIN,\n} from '../constants';\nimport type { DataFrame } from '../DataFrame';\nimport { FACET_TITLE_LINE } from '../discrete/constants';\nimport { splitTextByWidth } from '../discrete/utils';\nimport type { AesItem, AxisSettingsDiscrete, ColumnName, PointShape, ScatterplotLegendInfo } from '../types';\nimport { isContinuousAes } from '../types';\nimport { arrangeLegendParts } from '../utils/arrangeLegendParts';\nimport { getSizeLegendItem } from '../utils/getSizeLegendItem';\nimport { getContinuousColorScale } from '../utils/getContinuousColorScale';\nimport { getContinuousLegendTicks } from '../utils/getContinuousLegendTicks';\nimport { TextMeasurer } from '../utils/TextMeasurer/TextMeasurer';\nimport { ChartsGroup } from './components/ChartsGroup';\nimport type { AesGetters, CaptionsSizes, ChartDimensionsData, ChartScales, ChartSizes, ChartsScales, DiscreteAxisData, DiscreteScale, Margins } from './components/types';\nimport {\n    DEFAULT_DOT_AES,\n    DEFAULT_TICKS_SIZE,\n    FACET_AXIS_OFFSET,\n    FACET_TITLE_OFFSET,\n    LEGEND_OFFSET,\n    MIN_MARGIN,\n    MIN_PADDING,\n    PADDINGS,\n    TICK_OFFSET,\n    TITLE_LINE,\n} from './constants';\nimport type { GroupedDots } from './dots';\nimport type { ScatterplotLayerData } from './getLayersData';\nimport type { TrendsData } from './linearRegression';\nimport type { CurveLayer, DotsLayer, ScatterplotLayer, ScatterplotSettingsImpl } from './ScatterplotSettingsImpl';\nimport { createAesGetter } from './utils/createAesGetter';\nimport { getTicksAndFormat } from './utils/getTicksAndFormat';\nimport { isContinuousAxis } from './utils/isNumericScale';\nimport { createMultilineDiscreteLabels } from '../utils/createMultilineDiscreteLabels';\nimport { measureMultilineDiscreteLabels } from '../utils/measureMultilineDiscreteLabels';\n\nfunction scalesAreDifferent(prevScale:ChartScales['x'|'y'], currentScale:ChartScales['x'|'y']):boolean {\n    if (prevScale === undefined) {\n        return true;\n    } else {\n        const domain = prevScale.domain();\n        const range = prevScale.range();\n        const newDomain = currentScale.domain();\n        const newRange = currentScale.range();\n        if (\n            domain.length !== newDomain.length ||\n            domain.some((v, idx) => v !== newDomain[idx]) ||\n            range[0] !== newRange[0] || range[1] !== newRange[1]\n        ) {\n            return true;\n        }\n    }\n    return false;\n}\nfunction getChartEdgeSides(index: number, facetsCount: number, columnsCount: number, rowsCount: number) {\n    const chartSides: ('left' | 'right' | 'top' | 'bottom')[] = [];\n    if (index % columnsCount === columnsCount - 1) {\n        chartSides.push('right');\n    }\n    if (index % columnsCount === 0) {\n        chartSides.push('left');\n    }\n    if (index < columnsCount) {\n        chartSides.push('top');\n    }\n    if (\n        Math.ceil((index + 1) / columnsCount) === rowsCount ||\n        (Math.ceil((index + 1) / columnsCount) === rowsCount - 1 &&\n            index % columnsCount > (facetsCount - 1) % columnsCount)\n    ) {\n        chartSides.push('bottom');\n    }\n    return chartSides;\n}\n\nfunction calculatePaddings(\n    xAxis: ScatterplotSettingsImpl['chartSettings']['xAxis'],\n    yAxis: ScatterplotSettingsImpl['chartSettings']['yAxis'],\n    captionsSizes: CaptionsSizes,\n    currentRowFacetKeys: string[],\n    facetTitles: Record<string, string[]>,\n    chartEdgeSides: ('left' | 'right' | 'top' | 'bottom')[],\n    currentRow: number,\n    currentColumn: number,\n    lastInRow: boolean,\n    facetSettings?: ScatterplotSettingsImpl['facetSettings'],\n) {\n    const discreteX = xAxis.scale === 'discrete';\n    const discreteY = yAxis.scale === 'discrete';\n\n    const needLeftAxis = chartEdgeSides.includes('left') || !facetSettings?.sharedY;\n    const needLeftAxisTitle = chartEdgeSides.includes('left') && yAxis.title !== '';\n    const needBottomAxis = chartEdgeSides.includes('bottom') || !facetSettings?.sharedX;\n    const needBottomAxisTitle = chartEdgeSides.includes('bottom') && xAxis.title !== '';\n\n    const yCaptions = yAxis.hiddenLabels ? 0 : discreteY ? captionsSizes.leftAxisCaptionsWidthByColumns[currentColumn] + 2 * TICK_OFFSET : captionsSizes.yAxisCaptionsWidth + 2 * TICK_OFFSET;\n    const yTicks = (yAxis.showTicks ? DEFAULT_TICKS_SIZE : 0) + TICK_OFFSET;\n    const yAxisTitle = needLeftAxisTitle ? TITLE_LINE : 0;\n\n    const xCaptions = xAxis.hiddenLabels ? 0 : discreteX ? captionsSizes.bottomAxisCaptionsWidthByRows[currentRow] + 2 * TICK_OFFSET: captionsSizes.xAxisCaptionsWidth + 2 * TICK_OFFSET;\n    const xTicks = xAxis.showTicks ? DEFAULT_TICKS_SIZE : 0;\n    const xAxisTitle = needBottomAxisTitle ? TITLE_LINE : 0;\n\n    const leftAxisElements = yCaptions + yTicks + yAxisTitle + FACET_AXIS_OFFSET;\n    const bottomAxisElements = xCaptions + xTicks + xAxisTitle + FACET_AXIS_OFFSET;\n\n    const facetTitlesLinesCount = Math.max(...currentRowFacetKeys.map(key => facetTitles[key].length));\n    return {\n        left: needLeftAxis ? leftAxisElements : MIN_PADDING,\n        top: facetTitlesLinesCount === 0 ? 0 : FACET_TITLE_OFFSET * 2 + facetTitlesLinesCount * FACET_TITLE_LINE,\n        bottom: needBottomAxis ? bottomAxisElements + 8 : MIN_PADDING,\n        right: lastInRow ? 0 : MIN_PADDING,\n    };\n}\n\n// facet keys grouped by rows\nfunction getFacetRows(facetKeys: string[], nRows: number, nColumns: number): string[][] {\n    const result: string[][] = [];\n    for (let i = 0; i < nRows; i++) {\n        result.push(facetKeys.slice(i * nColumns, i * nColumns + nColumns));\n    }\n    return result;\n}\n\nfunction getRowColumn(idx: number, columnsCount: number) {\n    const row = Math.floor(idx / columnsCount);\n    const column = idx - row * columnsCount;\n    return [row, column];\n}\n\nfunction createAesGetters(\n    dataFrame: DataFrame,\n    legendInfo: ScatterplotLegendInfo,\n    layers: ScatterplotLayer[],\n    trend: ScatterplotSettingsImpl['trend'],\n    additionalCurves: ScatterplotSettingsImpl['additionalCurves']\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\n    return {\n        dotShape: createAesGetter(dataFrame, legendInfo, dotLayer?.aes.dotShape ?? DEFAULT_DOT_AES.shape,'dotShape'),\n        dotColor: createAesGetter(dataFrame, legendInfo, dotLayer?.aes.dotFill ?? DEFAULT_DOT_AES.color, 'dotFill'),\n        dotSize: createAesGetter(dataFrame, legendInfo, dotLayer?.aes.dotSize ?? DEFAULT_DOT_AES.size, 'dotSize'),\n        lineShape: createAesGetter(dataFrame, legendInfo, curveLayer?.aes.lineShape ?? 'solid', 'lineShape'),\n        lineColor: createAesGetter(dataFrame, legendInfo, curveLayer?.aes.lineColor ?? BLACK, 'lineColor'),\n        trendColor: createAesGetter(dataFrame, legendInfo, trend?.color ?? DEFAULT_DOT_AES.color, 'fillColor'),\n        additionalCurveLineColor: (additionalCurves?.curves ?? []).map(\n            (entry) => createAesGetter<string>(dataFrame, legendInfo, entry.lineColor, 'lineColor'),\n        ),\n        additionalCurveTrendColor: (additionalCurves?.curves ?? []).map(\n            (entry) => createAesGetter<string>(dataFrame, legendInfo, entry.trend?.color ?? entry.lineColor, 'lineColor'),\n        ),\n    };\n}\n\nconst COS_PI_4 = Math.cos(Math.PI / 4);\nconst INCLINE_OFFSET = 5; // height of little triangle of text for captions inclined 45deg\n\nfunction getCaptionHeight (size: number, axis: ScatterplotSettingsImpl['chartSettings']['xAxis' | 'yAxis']) {\n    if (axis.scale === 'discrete') {\n        if (axis.labelsPosition === '90deg') {\n            return size;\n        }\n        if (axis.labelsPosition === '45deg') {\n            return size * COS_PI_4 + (size > 0 ? 2 * INCLINE_OFFSET : 0) ;\n        }\n        return TITLE_LINE;\n    }\n    return Math.max(size, TITLE_LINE);\n}\n\nclass ChartRenderer {\n    reactRoot: Root | null = null;\n    parentNode: HTMLElement | null = null;\n    rootNode: HTMLElement | null = null;\n    component: ReactElement = (<></>);\n    margins: Margins = {\n        top: MIN_MARGIN,\n        bottom: MIN_MARGIN,\n        left: MIN_MARGIN,\n        right: MIN_MARGIN,\n    };\n    chartsDimensions: Record<string, ChartDimensionsData> = {};\n    chartSizes: ChartSizes = {\n        chartWidth: DEFAULT_WIDTH, // width of single chart\n        chartHeight: DEFAULT_HEIGHT, // height of single chart\n        chartsWidth: DEFAULT_WIDTH, // width of all charts in charts row\n        chartsHeight: DEFAULT_HEIGHT, // width of all charts in charts column, without axes\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    columnsCount = 1;\n    rowsCount = 1;\n    scales: ChartsScales = {\n        x: {null: scaleLinear().domain([0, 1]).range([0, DEFAULT_WIDTH])},\n        y: {null: scaleLinear().domain([0, 1]).range([DEFAULT_HEIGHT, 0])},\n    };\n    captionsSizes: CaptionsSizes = {\n        xAxisCaptionsWidth: 30,\n        yAxisCaptionsWidth: 100,\n        bottomAxisCaptionsWidthByRows: [],\n        leftAxisCaptionsWidthByColumns: [],\n        bottomCaptionsTail: 0,\n        leftCaptionsTail: 0,\n    };\n    facetTitles: Record<string, string[]> = {}; // can be multiline\n    mainTitle: string[] = []; // can be multiline\n    discreteAxesLabels: {\n        x: Record<string, Record<string, string[]>>,\n        y: Record<string, Record<string, string[]>>\n    } = {x: {}, y: {}}; // only for discrete axes, by facets, can be multiline\n\n    legend: LegendData = {width: 0, height: 0, items: []};\n\n    clear() {\n        if (this.parentNode && this.rootNode) {\n            this.parentNode?.removeChild(this.rootNode);\n            this.parentNode = null;\n            this.rootNode = 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.parentNode.appendChild(this.rootNode);\n            this.reactRoot = createRoot(this.rootNode);\n        }\n    }\n\n    updateChartSizes(size: ScatterplotSettingsImpl['chartSettings']['size']) {\n        this.chartSizes.chartWidth = size.width;\n        this.chartSizes.chartHeight = size.height;\n    }\n\n    updateChartDimensions(\n        facetKeys: string[],\n        facetSettings: ScatterplotSettingsImpl['facetSettings'],\n        xAxis: ScatterplotSettingsImpl['chartSettings']['xAxis'],\n        yAxis: ScatterplotSettingsImpl['chartSettings']['yAxis']\n    ) {\n        const {chartWidth, chartHeight} = this.chartSizes;\n        let currentLeft = 0;\n        let currentTop = 0;\n        const facetRows = getFacetRows(facetKeys, this.rowsCount, this.columnsCount);\n        this.chartsDimensions = facetKeys.reduce((res: Record<string, ChartDimensionsData>, key: string, index) => {\n            const [currentRow, currentColumn] = getRowColumn(index, this.columnsCount);\n            const chartEdgeSides = getChartEdgeSides(index, facetKeys.length, this.columnsCount, this.rowsCount);\n            const padding = calculatePaddings(\n                xAxis,\n                yAxis,\n                this.captionsSizes,\n                facetRows[currentRow],\n                this.facetTitles,\n                chartEdgeSides,\n                currentRow,\n                currentColumn,\n                currentColumn === this.columnsCount - 1,\n                facetSettings\n            );\n\n            const outerWidth = chartWidth + padding.left + padding.right;\n            const outerHeight = chartHeight + padding.top + padding.bottom;\n            res[key] = {\n                left: currentLeft,\n                top: currentTop,\n                chartEdgeSides,\n                padding,\n                inner: {width: chartWidth, height: chartHeight},\n                outer: {width: outerWidth, height: outerHeight},\n            };\n            currentLeft += outerWidth;\n            if (currentColumn === this.columnsCount - 1) {\n                currentLeft = 0;\n                currentTop += outerHeight;\n            }\n            return res;\n        }, {});\n\n        const chartsWidth = Math.max(\n            ...facetKeys.map(key => this.chartsDimensions[key].outer.width + this.chartsDimensions[key].left)\n        );\n        const chartsHeight = Math.max(\n            ...facetKeys.map(key => this.chartsDimensions[key].outer.height + this.chartsDimensions[key].top)\n        );\n        this.chartSizes.chartsWidth = chartsWidth;\n        this.chartSizes.chartsHeight = chartsHeight;\n    }\n\n    updateViewport(\n        facetKeys: string[],\n        facetSettings: ScatterplotSettingsImpl['facetSettings'],\n        xAxis: ScatterplotSettingsImpl['chartSettings']['xAxis'],\n        yAxis: ScatterplotSettingsImpl['chartSettings']['yAxis'],\n        discreteAxisDataX: DiscreteAxisData,\n        discreteAxisDataY: DiscreteAxisData,\n        groupedDots: GroupedDots,\n        trendsData: TrendsData | null\n    ) {\n        const facetCount = facetKeys.length;\n        const maxNRows = Math.min(facetSettings.nRows ?? facetCount, facetCount);\n        const maxNCols = Math.min(facetSettings.nCols ?? facetCount, facetCount);\n        // Use columns/rows count from settings if some of them defined, else make 1 column\n        this.columnsCount = facetSettings.nRows ? Math.ceil(facetCount / maxNRows) : maxNCols;\n        this.rowsCount = Math.ceil(facetCount / this.columnsCount);\n\n        let [minXAll, maxXAll] = [Infinity, -Infinity];\n        let [minYAll, maxYAll] = [Infinity, -Infinity];\n        const dotExtentsByKeys = facetKeys.reduce((res: Record<string, Record<string, number>>, key) => {\n            const dotsData = groupedDots[key];\n            const {minX, minY, maxX, maxY} = dotsData;\n            minXAll = Math.min(minXAll, minX);\n            minYAll = Math.min(minYAll, minY);\n            maxXAll = Math.max(maxXAll, maxX);\n            maxYAll = Math.max(maxYAll, maxY);\n            res[key] = {minX, maxX, minY, maxY};\n            return res;\n        }, {});\n\n        const newScalesX:ChartsScales['x'] = {};\n        const newScalesY:ChartsScales['y'] = {};\n\n        let needsUpdateXScales = false;\n        let needsUpdateYScales = false;\n        facetKeys.forEach(key => {\n            let scaleX: ChartsScales['x'][string];\n            if (!isContinuousAxis(xAxis)) {\n                scaleX = scalePoint<string | number>()\n                    .range([0, this.chartSizes.chartWidth])\n                    .domain(discreteAxisDataX.keys ?? []).padding(0.5);\n\n            } else {\n                scaleX = xAxis.scale === 'log' ? scaleLog() : scaleLinear();\n                const extents = dotExtentsByKeys[key];\n                let minX = xAxis.lowerValue ? Number(xAxis.lowerValue) : facetSettings.sharedX ? minXAll : extents.minX;\n                let maxX = xAxis.upperValue ? Number(xAxis.upperValue) : facetSettings.sharedX ? maxXAll : extents.maxX;\n\n                if (typeof 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\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\n            }\n            const prevScale = this.scales.x[key];\n            newScalesX[key] = scaleX;\n            needsUpdateXScales = needsUpdateXScales || scalesAreDifferent(prevScale, scaleX);\n        });\n        // for right Y viewport bounds we must know X bounds, to calculate trends area Y bounds\n        const trendYBoundsByKeys = facetKeys.reduce((res: Record<string, Record<string, number>>, key) => {\n            const trendsList = trendsData ? trendsData[key] : [];\n            res[key] = trendsList.reduce(\n                (res, trend) => {\n                    const xBounds = trend.bounded ? trend.xBounds : this.scales.x[key].domain(); // trends exist only with continuous scales\n                    const i1 = trend.getInterval(xBounds[0] as number);\n                    const i2 = trend.getInterval(xBounds[1] as number);\n                    res.minY = Math.min(res.minY, isNaN(i1.left) ? res.minY : i1.left, isNaN(i2.left) ? res.minY : i2.left);\n                    res.maxY = Math.max(res.maxY, isNaN(i1.right) ? res.maxY : i1.right, isNaN(i2.right) ? res.maxY : i2.right);\n                    return res;\n                },\n                {minY: Infinity, maxY: -Infinity}\n            );\n            minYAll = Math.min(minYAll, res[key].minY);\n            maxYAll = Math.max(maxYAll, res[key].maxY);\n            return res;\n        }, {});\n        facetKeys.forEach(key => {\n            let scaleY: ChartsScales['y'][string];\n            if (!isContinuousAxis(yAxis)) {\n                scaleY = scalePoint<string | number>()\n                    .range([this.chartSizes.chartHeight, 0])\n                    .domain(discreteAxisDataY.keys ?? [])\n                    .padding(0.5);\n            } else {\n                scaleY = yAxis.scale === 'log' ? scaleLog() : scaleLinear();\n\n                const dotExtents = dotExtentsByKeys[key];\n                const trendExtents = trendYBoundsByKeys[key];\n                let minY = yAxis.lowerValue ? Number(yAxis.lowerValue) : facetSettings.sharedY ? minYAll : Math.min(dotExtents.minY, trendExtents.minY);\n                let maxY = yAxis.upperValue ? Number(yAxis.upperValue) : facetSettings.sharedY ? maxYAll : Math.max(dotExtents.maxY, trendExtents.maxY);\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 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            }\n            const prevScale = this.scales.y[key];\n            newScalesY[key] = scaleY;\n            needsUpdateYScales = needsUpdateYScales || scalesAreDifferent(prevScale, scaleY);\n        });\n\n        if (needsUpdateXScales) {\n            this.scales.x = newScalesX;\n        }\n        if (needsUpdateYScales) {\n            this.scales.y = newScalesY;\n        }\n    }\n\n    updateCaptionsSize(\n        facetKeys: string[],\n        xAxis: ScatterplotSettingsImpl['chartSettings']['xAxis'],\n        yAxis: ScatterplotSettingsImpl['chartSettings']['yAxis'],\n        onlyPositive: boolean\n    ) {\n        const textMeasurer = new TextMeasurer('600 14px Manrope');\n        function getMaxTickWidth(ticks: string[]) {\n            return Math.max(...ticks.map(key => textMeasurer.getTextWidth(key)));\n        }\n\n        let xTail = 0;\n        let yTail = 0;\n        let xAxisCaptionsWidthByRows:number[] = [];\n        let yAxisCaptionsWidthByColumns:number[]  = [];\n        let maxXLabelSize = 0;\n        let maxYLabelSize = 0;\n        if (xAxis.scale === 'discrete') {\n            const sizes = measureMultilineDiscreteLabels(\n                facetKeys,\n                this.rowsCount,\n                this.columnsCount,\n                xAxis.labelsPosition ?? 'center',\n                this.discreteAxesLabels.x,\n                'vertical',\n                this.scales.x as Record<string, DiscreteScale>,\n            );\n            xTail = sizes.xTail;\n            xAxisCaptionsWidthByRows = sizes.axisCaptionsWidthByRows;\n        } else {\n            maxXLabelSize = 20;\n        }\n\n        if (yAxis.scale === 'discrete') {\n            const sizes = measureMultilineDiscreteLabels(\n                facetKeys,\n                this.rowsCount,\n                this.columnsCount,\n                yAxis.labelsPosition ?? 'center',\n                this.discreteAxesLabels.y,\n                'horizontal',\n                this.scales.y as Record<string, DiscreteScale>,\n            );\n            yTail = sizes.yTail;\n            yAxisCaptionsWidthByColumns = sizes.axisCaptionsWidthByColumns;\n        } else {\n            Object.values(this.scales.y).forEach(scale => {\n            const {ticks, format} = getTicksAndFormat(scale, onlyPositive);\n            maxYLabelSize = Math.max(maxYLabelSize, getMaxTickWidth(ticks.map(format)));\n        });\n        }\n\n        this.captionsSizes = {\n            xAxisCaptionsWidth: xAxis.hiddenLabels ? 0 : getCaptionHeight(maxXLabelSize, xAxis),\n            yAxisCaptionsWidth: yAxis.hiddenLabels ? 0 : getCaptionHeight(maxYLabelSize, yAxis),\n            bottomAxisCaptionsWidthByRows: xAxisCaptionsWidthByRows,\n            leftAxisCaptionsWidthByColumns: yAxisCaptionsWidthByColumns,\n            bottomCaptionsTail: xTail,\n            leftCaptionsTail: yTail\n        };\n    }\n\n    createMainTitle(facetKeys: string[], title: ScatterplotSettingsImpl['chartSettings']['title']) {\n        const firstChart = this.chartsDimensions[facetKeys[0]];\n        const lastChart = this.chartsDimensions[facetKeys[facetKeys.length - 1]];\n\n        this.mainTitle = splitTextByWidth(\n            title.name,\n            this.chartSizes.chartsWidth - firstChart.padding.left - lastChart.padding.right,\n            20\n        );\n    }\n\n    createFacetTitles(facetKeys: string[], facetLabels: string[][]) {\n        this.facetTitles = facetKeys.reduce((res: Record<string, string[]>, key, idx) => {\n            if (facetLabels[idx].length === 1 && facetLabels[idx][0] === 'null') {\n                res[key] = [];\n            } else {\n                res[key] = splitTextByWidth(facetLabels[idx].join(', '), this.chartSizes.chartWidth, 14);\n            }\n            return res;\n        }, {});\n    }\n\n    createAxisLabels(\n        facetKeys: string[],\n        xAxis: ScatterplotSettingsImpl['chartSettings']['xAxis'],\n        yAxis: ScatterplotSettingsImpl['chartSettings']['xAxis'],\n        discreteAxisDataX: DiscreteAxisData,\n        discreteAxisDataY: DiscreteAxisData,\n    ) {\n        this.discreteAxesLabels = {\n            x: xAxis.scale !== 'discrete' ? {} : createMultilineDiscreteLabels(\n                facetKeys,\n                (xAxis as AxisSettingsDiscrete)?.labelsPosition ?? 'center',\n                discreteAxisDataX.labels,\n                false,\n                'vertical',\n                this.scales.x as Record<string, DiscreteScale>,\n            ),\n            y: yAxis.scale !== 'discrete' ? {} : createMultilineDiscreteLabels(\n                facetKeys,\n                (yAxis  as AxisSettingsDiscrete).labelsPosition ?? 'center',\n                discreteAxisDataY.labels,\n                false,\n                'horizontal',\n                this.scales.y as Record<string, DiscreteScale>,\n            )\n        };\n    }\n\n    updateMargins(facetKeys: string[]) {\n        const titleTextHeight = TITLE_LINE_HEIGHT * this.mainTitle.length;\n        const titleHeight = titleTextHeight > 0 ? titleTextHeight + TITLE_MARGIN * 2 : 0;\n        const firstChart = this.chartsDimensions[facetKeys[0]];\n        const lastChart = this.chartsDimensions[facetKeys[facetKeys.length - 1]];\n        this.margins = {\n            top: Math.max(titleHeight, MIN_MARGIN),\n            bottom: Math.max(MIN_MARGIN, this.captionsSizes.leftCaptionsTail - lastChart.padding.bottom),\n            left: Math.max(MIN_MARGIN, this.captionsSizes.bottomCaptionsTail - firstChart.padding.left),\n            right: this.legend.width + MIN_MARGIN,\n        }; \n        this.chartSizes.totalWidth = this.margins.left + this.chartSizes.chartsWidth + this.margins.right;\n        this.chartSizes.totalHeight =\n            this.margins.top + Math.max(this.chartSizes.chartsHeight, this.legend.height) + this.margins.bottom;\n    }\n\n    updateLegendSize(\n        legend: ScatterplotSettingsImpl['chartSettings']['legend'],\n        legendInfo: ScatterplotLegendInfo,\n        grouping: ColumnName[],\n        layers: ScatterplotLayer[],\n        additionalCurves: ScatterplotSettingsImpl['additionalCurves'],\n        yColumn: ColumnName,\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        const continuousHeight = Math.min(\n            Math.max(this.chartSizes.chartHeight, MIN_LEGEND_GRADIENT_HEIGHT),\n            MAX_LEGEND_GRADIENT_HEIGHT\n        );\n        const legendHeight = Math.max(this.chartSizes.chartHeight, continuousHeight);\n        grouping.forEach(column => {\n            const info = legendInfo[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' || key === 'lineColor') {\n                        aesData[columnValue].color = (info.aesMap(columnValue, key) ?? BLACK) as string;\n                    }\n                    if (key === 'dotShape') {\n                        aesData[columnValue].shape = (info.aesMap(columnValue,key) ?? '21') as PointShape;\n                    }\n                    if (key === 'dotSize') {\n                        aesData[columnValue].size = (info.aesMap(columnValue,key) ?? 3) as number;\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                .unknown(DEFAULT_DOT_AES);\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([continuousHeight, 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                legendItems.push(getSizeLegendItem(layer.aes.dotSize));\n            }\n        });\n\n        // Dedicated curves section appears when at least one additional curve is active. Main curve layer\n        // is the first entry when it's enabled. When grouping is active, line samples use a neutral color\n        // (BLACK) — actual group colors live in the grouping legend; otherwise the curve's fixed lineColor\n        // is used. InheritAes/continuous-mapping cases also render neutral (proper resolution is future work).\n        if (additionalCurves && additionalCurves.curves.length > 0) {\n            // Legend sample color: mirrors the curve's own `lineColor` when fixed (so a Fixed Red setting\n            // shows a red sample), and falls back to neutral BLACK when the color inherits from grouping\n            // (a single sample can't represent multiple group colors — actual group colors are shown in\n            // the grouping's own color legend, per spec R19).\n            const neutralColor = BLACK;\n            const curveLegendValues: string[] = [];\n            const curveLegendLabels: Record<string, string> = {};\n            const curveLegendAes: Record<string, AesItem> = {};\n            const curveLayer = layers.find(l => l.type === 'curve') as CurveLayer | undefined;\n            if (curveLayer) {\n                const label = yColumn.label ?? yColumn.value;\n                const resolvedColor = typeof curveLayer.aes.lineColor === 'string'\n                    ? curveLayer.aes.lineColor\n                    : neutralColor;\n                curveLegendValues.push(label);\n                curveLegendLabels[label] = label;\n                curveLegendAes[label] = {\n                    lineShape: curveLayer.aes.lineShape,\n                    lineColor: resolvedColor,\n                };\n            }\n            for (const entry of additionalCurves.curves) {\n                // Ensure labels are unique in the legend even if block authors repeat them\n                let key = entry.label;\n                let dedupeCounter = 1;\n                while (curveLegendValues.includes(key)) {\n                    key = `${entry.label} (${++dedupeCounter})`;\n                }\n                const resolvedColor = typeof entry.lineColor === 'string'\n                    ? entry.lineColor\n                    : neutralColor;\n                curveLegendValues.push(key);\n                curveLegendLabels[key] = key;\n                curveLegendAes[key] = {\n                    lineShape: entry.lineShape,\n                    lineColor: resolvedColor,\n                };\n            }\n            if (curveLegendValues.length > 0) {\n                const scale = scaleOrdinal<AesItem>()\n                    .domain(curveLegendValues)\n                    .range(curveLegendValues.map(v => curveLegendAes[v]))\n                    .unknown({});\n                legendItems.push({\n                    ...emptySizes,\n                    id: 'additionalCurves',\n                    type: 'discreteMulti',\n                    title: 'Curves',\n                    scale,\n                    values: curveLegendValues,\n                    labels: curveLegendLabels,\n                    usedAes: { lineShape: true, lineColor: true, dotFill: false, dotShape: false, fillColor: false },\n                });\n            }\n        }\n\n        if (!legendItems.length) {\n            this.legend = {width: 0, height: 0, items: []};\n            return;\n        }\n\n        const items = arrangeLegendParts(legendItems, legendHeight, continuousHeight);\n\n        const maxRightEdge = items.reduce((max, item) => Math.max(max, item.left + item.width), 0);\n        const legendWidth = maxRightEdge + LEGEND_OFFSET;\n\n        this.legend = {\n            width: legendWidth,\n            height: legendHeight,\n            items,\n        };\n    }\n\n    render(\n        dataFrame: DataFrame,\n        settingsId: string,\n        chartSettings: ScatterplotSettingsImpl['chartSettings'],\n        facetSettings: ScatterplotSettingsImpl['facetSettings'],\n        facetKeys: string[],\n        facetLabels: string[][],\n        groupedDots: GroupedDots,\n        trendsData: TrendsData | null,\n        keyColumn: ColumnName,\n        onlyPositive: {x: boolean; y: boolean},\n        legendInfo: ScatterplotLegendInfo,\n        layersData: Record<string, ScatterplotLayerData[]>,\n        grouping: ColumnName[],\n        layers: ScatterplotLayer[],\n        trend: ScatterplotSettingsImpl['trend'],\n        discreteAxisDataX: DiscreteAxisData,\n        discreteAxisDataY: DiscreteAxisData,\n        onTooltipHintSwitch: (v:boolean) => void,\n        additionalCurves: ScatterplotSettingsImpl['additionalCurves'],\n        yColumn: ColumnName,\n    ) {\n        const {xAxis, yAxis, size, title, legend} = chartSettings;\n        this.updateChartSizes(size);\n        this.updateViewport(facetKeys, facetSettings, xAxis, yAxis, discreteAxisDataX, discreteAxisDataY, groupedDots, trendsData);\n        this.createAxisLabels(facetKeys, xAxis, yAxis, discreteAxisDataX, discreteAxisDataY);\n        this.updateCaptionsSize(facetKeys, xAxis, yAxis, onlyPositive.y);\n        this.createFacetTitles(facetKeys, facetLabels);\n        this.updateChartDimensions(facetKeys, facetSettings, xAxis, yAxis);\n        this.updateLegendSize(legend, legendInfo, grouping, layers, additionalCurves, yColumn);\n        this.createMainTitle(facetKeys, title);\n        this.updateMargins(facetKeys);\n        const component = (\n            <DataFrameProvider dataFrame={dataFrame}>\n                <ChartsGroup\n                    settingsId={settingsId}\n                    chartSettings={chartSettings}\n                    facetKeys={facetKeys}\n                    facetSettings={facetSettings}\n                    chartSizes={this.chartSizes}\n                    chartsDimensions={this.chartsDimensions}\n                    scales={this.scales}\n                    groupedDots={groupedDots}\n                    trendsData={trendsData}\n                    legendData={this.legend}\n                    columnsCount={this.columnsCount}\n                    margins={this.margins}\n                    keyColumn={keyColumn}\n                    mainTitle={this.mainTitle}\n                    facetTitles={this.facetTitles}\n                    captionsSizes={this.captionsSizes}\n                    onlyPositive={onlyPositive}\n                    layersData={layersData}\n                    aesGetters={createAesGetters(dataFrame, legendInfo, layers, trend, additionalCurves)}\n                    onTooltipHintSwitch={onTooltipHintSwitch}\n                    discreteAxesLabels={this.discreteAxesLabels}\n                />\n            </DataFrameProvider>\n        );\n        this.component = component;\n        this.reactRoot?.render(component);\n    }\n\n    renderError(message: string) {\n        this.reactRoot?.render(<Error message={message} />);\n    }\n}\n\nexport default ChartRenderer;\n"],"mappings":"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"}

package/dist/scatterplot/ScatterplotSettingsImpl.d.ts

@@ -1,4 +1,4 @@
-import { AxisSettingsContinuous, AxisSettingsDiscrete, ColumnName, ContinuousAesFromColumn, DataValue, FrameType, InheritAesScatterplot, LegendPosition, LineShape, CurveLayer as OuterCurveLayer, DotsLayer as OuterDotsLayer, PointShape, ScatterplotSettings, SettingsInterface, TitlePosition, AesRecord } from '../types';
+import { AdditionalCurveEntry, AxisSettingsContinuous, AxisSettingsDiscrete, ColumnName, ContinuousAesFromColumn, DataValue, FrameType, InheritAesScatterplot, LegendPosition, LineShape, CurveLayer as OuterCurveLayer, DotsLayer as OuterDotsLayer, PointShape, ScatterplotSettings, SettingsInterface, TitlePosition, AesRecord } from '../types';
 export declare class DotsLayer {
     readonly type = "dots";
     readonly aes: {
@@ -85,6 +85,16 @@ export declare class ScatterplotSettingsImpl implements SettingsInterface {
         bounded: boolean;
         color: string | InheritAesScatterplot | ContinuousAesFromColumn<string>;
     } | null;
+    readonly additionalCurves: {
+        curves: (AdditionalCurveEntry & {
+            lineShape: LineShape;
+            lineWidth: number;
+            lineColor: string | InheritAesScatterplot | ContinuousAesFromColumn<string>;
+            opacity: number;
+            showDots: boolean;
+        })[];
+        smoothing: boolean;
+    } | null;
     readonly layers: ScatterplotLayer[];
     constructor(settings: ScatterplotSettings);
 }

package/dist/scatterplot/ScatterplotSettingsImpl.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ScatterplotSettingsImpl.d.ts","sourceRoot":"","sources":["../../src/scatterplot/ScatterplotSettingsImpl.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"ScatterplotSettingsImpl.d.ts","sourceRoot":"","sources":["../../src/scatterplot/ScatterplotSettingsImpl.ts"],"names":[],"mappings":"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"}

package/dist/scatterplot/ScatterplotSettingsImpl.js

@@ -47,6 +47,7 @@ var i = class {
 	highlight;
 	chartSettings;
 	trend;
+	additionalCurves;
 	layers;
 	constructor(e) {
 		t.parse(e), this.id = r.uniqueId("settings"), this.keyColumn = e.keyColumn, this.facetSettings = {
@@ -92,6 +93,25 @@ var i = class {
 		}, this.trend = e?.trend && this.chartSettings.xAxis.scale !== "discrete" && this.chartSettings.yAxis.scale !== "discrete" ? {
 			bounded: e.trend.bounded ?? !1,
 			color: e.trend.color ?? "#110529"
+		} : null;
+		let o = [
+			"dashed",
+			"dotted",
+			"dotdash",
+			"longdash",
+			"twodash",
+			"solid"
+		];
+		this.additionalCurves = e.additionalCurves && e.additionalCurves.curves.length > 0 ? {
+			curves: e.additionalCurves.curves.map((e, t) => ({
+				...e,
+				lineShape: e.lineShape ?? o[t % o.length],
+				lineWidth: e.lineWidth ?? 1,
+				lineColor: e.lineColor ?? "#110529",
+				opacity: e.opacity ?? 1,
+				showDots: e.showDots ?? !1
+			})),
+			smoothing: e.additionalCurves.smoothing ?? !1
 		} : null, this.layers = e.layers.map((e) => {
 			if (e.type === "dots") return new i(e);
 			if (e.type === "curve") return new a(e);

package/dist/scatterplot/ScatterplotSettingsImpl.js.map

@@ -1 +1 @@
-{"version":3,"file":"ScatterplotSettingsImpl.js","names":[],"sources":["../../src/scatterplot/ScatterplotSettingsImpl.ts"],"sourcesContent":["import lodash from 'lodash';\nimport {BLACK, DEFAULT_HEIGHT, DEFAULT_HEIGHT_SMALL, DEFAULT_WIDTH, DEFAULT_WIDTH_SMALL} from '../constants';\nimport type {\n    AxisSettingsContinuous,\n    AxisSettingsDiscrete,\n    ColumnName,\n    ContinuousAesFromColumn,\n    DataValue,\n    FrameType,\n    InheritAesScatterplot,\n    LegendPosition,\n    LineShape,\n    CurveLayer as OuterCurveLayer,\n    DotsLayer as OuterDotsLayer,\n    PointShape,\n    ScatterplotSettings,\n    SettingsInterface,\n    TitlePosition,\n} from '../types';\nimport {type AesRecord, ScatterplotSettingsSchema} from '../types';\nimport {exhaustive} from '../utils';\n\nexport class DotsLayer {\n    readonly type = 'dots';\n    readonly aes: {\n        dotFill: string | InheritAesScatterplot | ContinuousAesFromColumn<string>;\n        dotShape: PointShape | InheritAesScatterplot;\n        dotSize: number | ContinuousAesFromColumn<number>;\n        opacity: number;\n    } = {\n        dotFill: BLACK,\n        dotShape: '21',\n        dotSize: 3,\n        opacity: 1,\n    };\n\n    constructor(layer: OuterDotsLayer) {\n        this.aes = {\n            ...this.aes,\n            ...layer.aes,\n        };\n    }\n}\n\nexport class CurveLayer {\n    readonly type = 'curve';\n    readonly smoothing: boolean;\n    readonly aes: {\n        lineColor: string | InheritAesScatterplot | ContinuousAesFromColumn<string>;\n        lineWidth: number;\n        lineShape: LineShape;\n        opacity: number;\n    } = {\n        lineColor: BLACK,\n        lineWidth: 1,\n        lineShape: 'solid',\n        opacity: 1,\n    };\n\n    constructor(layer: OuterCurveLayer) {\n        this.smoothing = layer.smoothing ?? false;\n        this.aes = {\n            ...this.aes,\n            ...layer.aes,\n        };\n    }\n}\n\nexport type ScatterplotLayer = DotsLayer | CurveLayer;\n\nexport type ScatterplotAxisSettings =\n    AxisSettingsDiscrete & {title: string | ColumnName}\n    | AxisSettingsContinuous & {title: string | ColumnName}\n\nexport class ScatterplotSettingsImpl implements SettingsInterface {\n    readonly id: string;\n    readonly type = 'scatterplot';\n    readonly keyColumn: ColumnName;\n    readonly facetSettings: {\n        sharedX: boolean;\n        sharedY: boolean;\n        /** Ordered list of facet keys; only these facets are shown, in this order */\n        order?: string[];\n        nRows?: number;\n        nCols?: number;\n        titlePosition: 'left' | 'center' | 'right';\n    };\n    readonly x: ColumnName;\n    readonly y: ColumnName;\n    readonly facetBy: ColumnName[];\n    readonly grouping: {\n        columnName: ColumnName;\n        order?: DataValue[];\n        inheritedAes?: AesRecord;\n    }[];\n    readonly dotSize: {\n        columnName: ColumnName;\n        inheritedAes?: AesRecord;\n    }[];\n    readonly dotShape: {\n        columnName: ColumnName;\n        inheritedAes?: AesRecord;\n    }[];\n    readonly label: ColumnName | null;\n    readonly highlight: ColumnName | null;\n    readonly chartSettings: {\n        readonly size: {width: number; height: number};\n        readonly title: {name: string; show: boolean; position: TitlePosition};\n        readonly yAxis: ScatterplotAxisSettings;\n        readonly xAxis: ScatterplotAxisSettings;\n        readonly frame: {type: FrameType};\n        readonly legend: {show: boolean; position: LegendPosition};\n        readonly tooltips: {show: boolean; content?: ColumnName[]};\n    };\n\n    readonly trend: {\n        bounded: boolean;\n        color: string | InheritAesScatterplot | ContinuousAesFromColumn<string>;\n    } | null;\n\n    readonly layers: ScatterplotLayer[];\n\n    constructor(settings: ScatterplotSettings) {\n        ScatterplotSettingsSchema.parse(settings);\n        this.id = lodash.uniqueId('settings');\n        this.keyColumn = settings.keyColumn;\n        this.facetSettings = {sharedX: true, sharedY: true, titlePosition: 'left', ...settings.facetSettings};\n        this.x = settings.x;\n        this.y = settings.y;\n        this.facetBy = settings.facetBy ?? [];\n        this.grouping = settings.grouping ?? [];\n        this.dotSize = settings.dotSize ?? [];\n        this.dotShape = settings.dotShape ?? [];\n        this.label = settings.label ?? null;\n        this.highlight = settings.highlight ?? null;\n        this.chartSettings = {\n            size: {\n                width: settings?.size?.width ?? (this.facetBy.length ? DEFAULT_WIDTH_SMALL : DEFAULT_WIDTH),\n                height: settings?.size?.height ?? (this.facetBy.length ? DEFAULT_HEIGHT_SMALL : DEFAULT_HEIGHT),\n            },\n            title: {\n                position: 'center',\n                show: true,\n                ...settings.title,\n                name: settings.title?.name ?? 'Chart',\n            },\n            yAxis: {\n                title: settings.y.label ?? settings.y.value,\n                scale: 'linear',\n                showGrid: true,\n                showTicks: true,\n                ...settings.yAxis,\n            },\n            xAxis: {\n                title: settings.x.label ?? settings.x.value,\n                scale: 'linear',\n                showGrid: true,\n                showTicks: true,\n                ...settings.xAxis,\n            },\n            frame: {type: settings.frame?.type ?? 'full'},\n            legend: {\n                show: true,\n                position: 'right',\n                ...settings.legend,\n            },\n            tooltips: {\n                ...settings.tooltips,\n                show: !(settings.tooltips?.show === false) && (settings.tooltips?.content ?? []).length > 0,\n            },\n        };\n\n        this.trend = settings?.trend && this.chartSettings.xAxis.scale !== 'discrete' && this.chartSettings.yAxis.scale !== 'discrete'\n            ? {\n                  bounded: settings.trend.bounded ?? false,\n                  color: settings.trend.color ?? BLACK,\n              }\n            : null;\n\n        this.layers = settings.layers\n            .map(layer => {\n                if (layer.type === 'dots') {\n                    return new DotsLayer(layer);\n                }\n                if (layer.type === 'curve') {\n                    return new CurveLayer(layer);\n                }\n                exhaustive(layer, 'Unknown layer type');\n            })\n            .filter(Boolean) as ScatterplotLayer[];\n    }\n}\n"],"mappings":";;;;;AAsBA,IAAa,IAAb,MAAuB;CACnB,OAAgB;CAChB,MAKI;EACA,SAAS;EACT,UAAU;EACV,SAAS;EACT,SAAS;EACZ;CAED,YAAY,GAAuB;AAC/B,OAAK,MAAM;GACP,GAAG,KAAK;GACR,GAAG,EAAM;GACZ;;GAII,IAAb,MAAwB;CACpB,OAAgB;CAChB;CACA,MAKI;EACA,WAAW;EACX,WAAW;EACX,WAAW;EACX,SAAS;EACZ;CAED,YAAY,GAAwB;AAEhC,EADA,KAAK,YAAY,EAAM,aAAa,IACpC,KAAK,MAAM;GACP,GAAG,KAAK;GACR,GAAG,EAAM;GACZ;;GAUI,IAAb,MAAkE;CAC9D;CACA,OAAgB;CAChB;CACA;CASA;CACA;CACA;CACA;CAKA;CAIA;CAIA;CACA;CACA;CAUA;CAKA;CAEA,YAAY,GAA+B;AAyDvC,EAxDA,EAA0B,MAAM,EAAS,EACzC,KAAK,KAAK,EAAO,SAAS,WAAW,EACrC,KAAK,YAAY,EAAS,WAC1B,KAAK,gBAAgB;GAAC,SAAS;GAAM,SAAS;GAAM,eAAe;GAAQ,GAAG,EAAS;GAAc,EACrG,KAAK,IAAI,EAAS,GAClB,KAAK,IAAI,EAAS,GAClB,KAAK,UAAU,EAAS,WAAW,EAAE,EACrC,KAAK,WAAW,EAAS,YAAY,EAAE,EACvC,KAAK,UAAU,EAAS,WAAW,EAAE,EACrC,KAAK,WAAW,EAAS,YAAY,EAAE,EACvC,KAAK,QAAQ,EAAS,SAAS,MAC/B,KAAK,YAAY,EAAS,aAAa,MACvC,KAAK,gBAAgB;GACjB,MAAM;IACF,OAAO,GAAU,MAAM,UAAU,KAAK,QAAQ,SAAA,MAAA;IAC9C,QAAQ,GAAU,MAAM,WAAW,KAAK,QAAQ,SAAA,MAAA;IACnD;GACD,OAAO;IACH,UAAU;IACV,MAAM;IACN,GAAG,EAAS;IACZ,MAAM,EAAS,OAAO,QAAQ;IACjC;GACD,OAAO;IACH,OAAO,EAAS,EAAE,SAAS,EAAS,EAAE;IACtC,OAAO;IACP,UAAU;IACV,WAAW;IACX,GAAG,EAAS;IACf;GACD,OAAO;IACH,OAAO,EAAS,EAAE,SAAS,EAAS,EAAE;IACtC,OAAO;IACP,UAAU;IACV,WAAW;IACX,GAAG,EAAS;IACf;GACD,OAAO,EAAC,MAAM,EAAS,OAAO,QAAQ,QAAO;GAC7C,QAAQ;IACJ,MAAM;IACN,UAAU;IACV,GAAG,EAAS;IACf;GACD,UAAU;IACN,GAAG,EAAS;IACZ,MAAQ,EAAS,UAAU,SAAS,OAAW,EAAS,UAAU,WAAW,EAAE,EAAE,SAAS;IAC7F;GACJ,EAED,KAAK,QAAQ,GAAU,SAAS,KAAK,cAAc,MAAM,UAAU,cAAc,KAAK,cAAc,MAAM,UAAU,aAC9G;GACI,SAAS,EAAS,MAAM,WAAW;GACnC,OAAO,EAAS,MAAM,SAAA;GACzB,GACD,MAEN,KAAK,SAAS,EAAS,OAClB,KAAI,MAAS;AACV,OAAI,EAAM,SAAS,OACf,QAAO,IAAI,EAAU,EAAM;AAE/B,OAAI,EAAM,SAAS,QACf,QAAO,IAAI,EAAW,EAAM;AAEhC,KAAW,GAAO,qBAAqB;IACzC,CACD,OAAO,QAAQ"}
+{"version":3,"file":"ScatterplotSettingsImpl.js","names":[],"sources":["../../src/scatterplot/ScatterplotSettingsImpl.ts"],"sourcesContent":["import lodash from 'lodash';\nimport {BLACK, DEFAULT_HEIGHT, DEFAULT_HEIGHT_SMALL, DEFAULT_WIDTH, DEFAULT_WIDTH_SMALL} from '../constants';\nimport type {\n    AdditionalCurveEntry,\n    AxisSettingsContinuous,\n    AxisSettingsDiscrete,\n    ColumnName,\n    ContinuousAesFromColumn,\n    DataValue,\n    FrameType,\n    InheritAesScatterplot,\n    LegendPosition,\n    LineShape,\n    CurveLayer as OuterCurveLayer,\n    DotsLayer as OuterDotsLayer,\n    PointShape,\n    ScatterplotSettings,\n    SettingsInterface,\n    TitlePosition,\n} from '../types';\nimport {type AesRecord, ScatterplotSettingsSchema} from '../types';\nimport {exhaustive} from '../utils';\n\nexport class DotsLayer {\n    readonly type = 'dots';\n    readonly aes: {\n        dotFill: string | InheritAesScatterplot | ContinuousAesFromColumn<string>;\n        dotShape: PointShape | InheritAesScatterplot;\n        dotSize: number | ContinuousAesFromColumn<number>;\n        opacity: number;\n    } = {\n        dotFill: BLACK,\n        dotShape: '21',\n        dotSize: 3,\n        opacity: 1,\n    };\n\n    constructor(layer: OuterDotsLayer) {\n        this.aes = {\n            ...this.aes,\n            ...layer.aes,\n        };\n    }\n}\n\nexport class CurveLayer {\n    readonly type = 'curve';\n    readonly smoothing: boolean;\n    readonly aes: {\n        lineColor: string | InheritAesScatterplot | ContinuousAesFromColumn<string>;\n        lineWidth: number;\n        lineShape: LineShape;\n        opacity: number;\n    } = {\n        lineColor: BLACK,\n        lineWidth: 1,\n        lineShape: 'solid',\n        opacity: 1,\n    };\n\n    constructor(layer: OuterCurveLayer) {\n        this.smoothing = layer.smoothing ?? false;\n        this.aes = {\n            ...this.aes,\n            ...layer.aes,\n        };\n    }\n}\n\nexport type ScatterplotLayer = DotsLayer | CurveLayer;\n\nexport type ScatterplotAxisSettings =\n    AxisSettingsDiscrete & {title: string | ColumnName}\n    | AxisSettingsContinuous & {title: string | ColumnName}\n\nexport class ScatterplotSettingsImpl implements SettingsInterface {\n    readonly id: string;\n    readonly type = 'scatterplot';\n    readonly keyColumn: ColumnName;\n    readonly facetSettings: {\n        sharedX: boolean;\n        sharedY: boolean;\n        /** Ordered list of facet keys; only these facets are shown, in this order */\n        order?: string[];\n        nRows?: number;\n        nCols?: number;\n        titlePosition: 'left' | 'center' | 'right';\n    };\n    readonly x: ColumnName;\n    readonly y: ColumnName;\n    readonly facetBy: ColumnName[];\n    readonly grouping: {\n        columnName: ColumnName;\n        order?: DataValue[];\n        inheritedAes?: AesRecord;\n    }[];\n    readonly dotSize: {\n        columnName: ColumnName;\n        inheritedAes?: AesRecord;\n    }[];\n    readonly dotShape: {\n        columnName: ColumnName;\n        inheritedAes?: AesRecord;\n    }[];\n    readonly label: ColumnName | null;\n    readonly highlight: ColumnName | null;\n    readonly chartSettings: {\n        readonly size: {width: number; height: number};\n        readonly title: {name: string; show: boolean; position: TitlePosition};\n        readonly yAxis: ScatterplotAxisSettings;\n        readonly xAxis: ScatterplotAxisSettings;\n        readonly frame: {type: FrameType};\n        readonly legend: {show: boolean; position: LegendPosition};\n        readonly tooltips: {show: boolean; content?: ColumnName[]};\n    };\n\n    readonly trend: {\n        bounded: boolean;\n        color: string | InheritAesScatterplot | ContinuousAesFromColumn<string>;\n    } | null;\n\n    readonly additionalCurves: {\n        curves: (AdditionalCurveEntry & {\n            lineShape: LineShape;\n            lineWidth: number;\n            lineColor: string | InheritAesScatterplot | ContinuousAesFromColumn<string>;\n            opacity: number;\n            showDots: boolean;\n        })[];\n        smoothing: boolean;\n    } | null;\n\n    readonly layers: ScatterplotLayer[];\n\n    constructor(settings: ScatterplotSettings) {\n        ScatterplotSettingsSchema.parse(settings);\n        this.id = lodash.uniqueId('settings');\n        this.keyColumn = settings.keyColumn;\n        this.facetSettings = {sharedX: true, sharedY: true, titlePosition: 'left', ...settings.facetSettings};\n        this.x = settings.x;\n        this.y = settings.y;\n        this.facetBy = settings.facetBy ?? [];\n        this.grouping = settings.grouping ?? [];\n        this.dotSize = settings.dotSize ?? [];\n        this.dotShape = settings.dotShape ?? [];\n        this.label = settings.label ?? null;\n        this.highlight = settings.highlight ?? null;\n        this.chartSettings = {\n            size: {\n                width: settings?.size?.width ?? (this.facetBy.length ? DEFAULT_WIDTH_SMALL : DEFAULT_WIDTH),\n                height: settings?.size?.height ?? (this.facetBy.length ? DEFAULT_HEIGHT_SMALL : DEFAULT_HEIGHT),\n            },\n            title: {\n                position: 'center',\n                show: true,\n                ...settings.title,\n                name: settings.title?.name ?? 'Chart',\n            },\n            yAxis: {\n                title: settings.y.label ?? settings.y.value,\n                scale: 'linear',\n                showGrid: true,\n                showTicks: true,\n                ...settings.yAxis,\n            },\n            xAxis: {\n                title: settings.x.label ?? settings.x.value,\n                scale: 'linear',\n                showGrid: true,\n                showTicks: true,\n                ...settings.xAxis,\n            },\n            frame: {type: settings.frame?.type ?? 'full'},\n            legend: {\n                show: true,\n                position: 'right',\n                ...settings.legend,\n            },\n            tooltips: {\n                ...settings.tooltips,\n                show: !(settings.tooltips?.show === false) && (settings.tooltips?.content ?? []).length > 0,\n            },\n        };\n\n        this.trend = settings?.trend && this.chartSettings.xAxis.scale !== 'discrete' && this.chartSettings.yAxis.scale !== 'discrete'\n            ? {\n                  bounded: settings.trend.bounded ?? false,\n                  color: settings.trend.color ?? BLACK,\n              }\n            : null;\n\n        // `lineShape` defaults cycle through a list that defers `solid` to keep it visually associated\n        // with the primary curve layer.\n        const DEFAULT_LINE_SHAPES: LineShape[] = ['dashed', 'dotted', 'dotdash', 'longdash', 'twodash', 'solid'];\n        this.additionalCurves = settings.additionalCurves && settings.additionalCurves.curves.length > 0\n            ? {\n                  curves: settings.additionalCurves.curves.map((entry, idx) => ({\n                      ...entry,\n                      lineShape: entry.lineShape ?? DEFAULT_LINE_SHAPES[idx % DEFAULT_LINE_SHAPES.length],\n                      lineWidth: entry.lineWidth ?? 1,\n                      lineColor: entry.lineColor ?? BLACK,\n                      opacity: entry.opacity ?? 1,\n                      showDots: entry.showDots ?? false,\n                  })),\n                  smoothing: settings.additionalCurves.smoothing ?? false,\n              }\n            : null;\n\n        this.layers = settings.layers\n            .map(layer => {\n                if (layer.type === 'dots') {\n                    return new DotsLayer(layer);\n                }\n                if (layer.type === 'curve') {\n                    return new CurveLayer(layer);\n                }\n                exhaustive(layer, 'Unknown layer type');\n            })\n            .filter(Boolean) as ScatterplotLayer[];\n    }\n}\n"],"mappings":"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"}

package/dist/scatterplot/components/ChartLayersData.d.ts

@@ -14,6 +14,11 @@ interface Props {
 }
 export declare const ChartLayersData: import('react').MemoExoticComponent<({ width, height, scales, dotsData, layersData, aesGetters, onMouseEnterDot, onMouseLeaveDot, }: Props) => (import("react/jsx-runtime").JSX.Element | undefined)[]>;
 export declare const ChartLayerDots: import('react').MemoExoticComponent<({ width, height, scales, dotsData, layersData, aesGetters, onMouseEnterDot, onMouseLeaveDot, }: Props) => import("react/jsx-runtime").JSX.Element>;
+export declare const ChartAdditionalCurveLayer: import('react').MemoExoticComponent<({ layer, scales, aesGetters, }: {
+    layer: ScatterplotLayerData;
+    scales: ChartScales;
+    aesGetters: AesGetters;
+}) => import("react/jsx-runtime").JSX.Element[] | null>;
 export declare const ChartCurveLayer: import('react').MemoExoticComponent<({ layer, scales, aesGetters, }: {
     layer: ScatterplotLayerData;
     scales: ChartScales;

package/dist/scatterplot/components/ChartLayersData.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ChartLayersData.d.ts","sourceRoot":"","sources":["../../../src/scatterplot/components/ChartLayersData.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,GAAG,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAChD,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,kBAAkB,CAAC;AAC7D,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,2BAA2B,CAAC;AAEvD,OAAO,KAAK,EACR,UAAU,EACV,WAAW,EACd,MAAM,SAAS,CAAC;AAGjB,UAAU,KAAK;IACX,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,MAAM,EAAE,WAAW,CAAC;IACpB,QAAQ,EAAE,WAAW,CAAC,MAAM,WAAW,CAAC,CAAC;IACzC,UAAU,EAAE,oBAAoB,EAAE,CAAC;IACnC,UAAU,EAAE,UAAU,CAAC;IACvB,eAAe,CAAC,EAAE,CAAC,GAAG,EAAE,GAAG,KAAK,IAAI,CAAC;IACrC,eAAe,CAAC,EAAE,CAAC,GAAG,EAAE,GAAG,KAAK,IAAI,CAAC;CACxC;AAID,eAAO,MAAM,eAAe,uIASzB,KAAK,6DAyBN,CAAC;AAEH,eAAO,MAAM,cAAc,uIASxB,KAAK,6CAmDN,CAAC;AAEH,eAAO,MAAM,eAAe,uEAIzB;IACC,KAAK,EAAE,oBAAoB,CAAC;IAC5B,MAAM,EAAE,WAAW,CAAC;IACpB,UAAU,EAAE,UAAU,CAAC;CAC1B,2DAiCC,CAAC;AAEH,eAAO,MAAM,SAAS,sGAMnB,IAAI,CAAC,KAAK,EAAE,QAAQ,GAAG,UAAU,GAAG,YAAY,CAAC,GAAG;IACnD,YAAY,CAAC,EAAE,CAAC,GAAG,EAAE,GAAG,KAAK,IAAI,CAAC;IAClC,YAAY,CAAC,EAAE,CAAC,GAAG,EAAE,GAAG,KAAK,IAAI,CAAC;CACrC,6CAeC,CAAC;AAEH,eAAO,MAAM,QAAQ,GAAK,0DAMvB;IACC,GAAG,EAAE,GAAG,CAAC;IACT,MAAM,EAAE,WAAW,CAAC;IACpB,UAAU,EAAE,UAAU,CAAC;IACvB,YAAY,CAAC,EAAE,CAAC,GAAG,EAAE,GAAG,KAAK,IAAI,CAAC;IAClC,YAAY,CAAC,EAAE,CAAC,GAAG,EAAE,GAAG,KAAK,IAAI,CAAC;CACrC,4CAaC,CAAC;AAEH,eAAO,MAAM,WAAW,gFAIrB;IACC,MAAM,EAAE,KAAK,EAAE,CAAC;IAChB,YAAY,EAAE,CAAC,GAAG,EAAE,GAAG,KAAM,IAAI,CAAC;IAClC,YAAY,EAAE,CAAC,GAAG,EAAE,GAAG,KAAM,IAAI,CAAC;CACrC,6CAiCC,CAAC"}
+{"version":3,"file":"ChartLayersData.d.ts","sourceRoot":"","sources":["../../../src/scatterplot/components/ChartLayersData.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,GAAG,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAChD,OAAO,KAAK,EAA4B,oBAAoB,EAAE,MAAM,kBAAkB,CAAC;AAEvF,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,2BAA2B,CAAC;AAEvD,OAAO,KAAK,EACR,UAAU,EACV,WAAW,EACd,MAAM,SAAS,CAAC;AAGjB,UAAU,KAAK;IACX,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,MAAM,EAAE,WAAW,CAAC;IACpB,QAAQ,EAAE,WAAW,CAAC,MAAM,WAAW,CAAC,CAAC;IACzC,UAAU,EAAE,oBAAoB,EAAE,CAAC;IACnC,UAAU,EAAE,UAAU,CAAC;IACvB,eAAe,CAAC,EAAE,CAAC,GAAG,EAAE,GAAG,KAAK,IAAI,CAAC;IACrC,eAAe,CAAC,EAAE,CAAC,GAAG,EAAE,GAAG,KAAK,IAAI,CAAC;CACxC;AAID,eAAO,MAAM,eAAe,uIASzB,KAAK,6DAkCN,CAAC;AAEH,eAAO,MAAM,cAAc,uIASxB,KAAK,6CAmDN,CAAC;AAmFH,eAAO,MAAM,yBAAyB,uEAInC;IACC,KAAK,EAAE,oBAAoB,CAAC;IAC5B,MAAM,EAAE,WAAW,CAAC;IACpB,UAAU,EAAE,UAAU,CAAC;CAC1B,sDAgCC,CAAC;AAEH,eAAO,MAAM,eAAe,uEAIzB;IACC,KAAK,EAAE,oBAAoB,CAAC;IAC5B,MAAM,EAAE,WAAW,CAAC;IACpB,UAAU,EAAE,UAAU,CAAC;CAC1B,2DAiCC,CAAC;AAEH,eAAO,MAAM,SAAS,sGAMnB,IAAI,CAAC,KAAK,EAAE,QAAQ,GAAG,UAAU,GAAG,YAAY,CAAC,GAAG;IACnD,YAAY,CAAC,EAAE,CAAC,GAAG,EAAE,GAAG,KAAK,IAAI,CAAC;IAClC,YAAY,CAAC,EAAE,CAAC,GAAG,EAAE,GAAG,KAAK,IAAI,CAAC;CACrC,6CAeC,CAAC;AAEH,eAAO,MAAM,QAAQ,GAAK,0DAMvB;IACC,GAAG,EAAE,GAAG,CAAC;IACT,MAAM,EAAE,WAAW,CAAC;IACpB,UAAU,EAAE,UAAU,CAAC;IACvB,YAAY,CAAC,EAAE,CAAC,GAAG,EAAE,GAAG,KAAK,IAAI,CAAC;IAClC,YAAY,CAAC,EAAE,CAAC,GAAG,EAAE,GAAG,KAAK,IAAI,CAAC;CACrC,4CAaC,CAAC;AAEH,eAAO,MAAM,WAAW,gFAIrB;IACC,MAAM,EAAE,KAAK,EAAE,CAAC;IAChB,YAAY,EAAE,CAAC,GAAG,EAAE,GAAG,KAAM,IAAI,CAAC;IAClC,YAAY,EAAE,CAAC,GAAG,EAAE,GAAG,KAAM,IAAI,CAAC;CACrC,6CAiCC,CAAC"}

package/dist/scatterplot/components/ChartLayersData.js

@@ -1,13 +1,14 @@
 import { TextMeasurer as e } from "../../utils/TextMeasurer/TextMeasurer.js";
 import { getPointShape as t } from "../../utils/getPointShape.js";
 import { getLineShape as n } from "../../utils/getLineShape.js";
-import { createLabelPositioner as r, getLabelMinX as i, getLabelMinY as a } from "../utils/getVisibleLabels.js";
-import { memo as o, useMemo as s, useState as c } from "react";
-import { Fragment as l, jsx as u, jsxs as d } from "react/jsx-runtime";
-import { curveBasis as f, line as p } from "d3-shape";
-var m = 3;
-const h = o(({ width: e, height: t, scales: n, dotsData: r, layersData: i, aesGetters: a, onMouseEnterDot: o, onMouseLeaveDot: s }) => i.map((c, l) => {
-	if (c.type === "dots") return /* @__PURE__ */ u(g, {
+import { linearRegression as r } from "../linearRegression.js";
+import { createLabelPositioner as i, getLabelMinX as a, getLabelMinY as o } from "../utils/getVisibleLabels.js";
+import { memo as s, useMemo as c, useState as l } from "react";
+import { Fragment as u, jsx as d, jsxs as f } from "react/jsx-runtime";
+import { curveBasis as p, line as m } from "d3-shape";
+var h = 3;
+const g = s(({ width: e, height: t, scales: n, dotsData: r, layersData: i, aesGetters: a, onMouseEnterDot: o, onMouseLeaveDot: s }) => i.map((c, l) => {
+	if (c.type === "dots") return /* @__PURE__ */ d(_, {
 		width: e,
 		height: t,
 		scales: n,
@@ -17,13 +18,18 @@ const h = o(({ width: e, height: t, scales: n, dotsData: r, layersData: i, aesGe
 		onMouseEnterDot: o,
 		onMouseLeaveDot: s
 	}, c.type + l);
-	if (c.type === "curve") return /* @__PURE__ */ u(_, {
+	if (c.type === "curve") return /* @__PURE__ */ d(T, {
 		layer: c,
 		scales: n,
 		aesGetters: a
 	}, c.type + l);
-})), g = o(({ width: e, height: n, scales: r, dotsData: i, layersData: a, aesGetters: o, onMouseEnterDot: l, onMouseLeaveDot: f }) => {
-	let { dots: p } = i, [m, h] = c(null), g = s(() => a.findIndex((e) => e.type === "dots") !== -1, [a]), _ = s(() => g ? x(p, r, e, n, o) : [], [
+	if (c.type === "additional-curve") return /* @__PURE__ */ d(w, {
+		layer: c,
+		scales: n,
+		aesGetters: a
+	}, c.type + l);
+})), _ = s(({ width: e, height: n, scales: r, dotsData: i, layersData: a, aesGetters: o, onMouseEnterDot: s, onMouseLeaveDot: u }) => {
+	let { dots: p } = i, [m, h] = l(null), g = c(() => a.findIndex((e) => e.type === "dots") !== -1, [a]), _ = c(() => g ? k(p, r, e, n, o) : [], [
 		p,
 		r.x,
 		r.y,
@@ -32,59 +38,133 @@ const h = o(({ width: e, height: t, scales: n, dotsData: r, layersData: i, aesGe
 		o,
 		g
 	]);
-	return /* @__PURE__ */ d("g", { children: [
-		/* @__PURE__ */ u(v, {
+	return /* @__PURE__ */ f("g", { children: [
+		/* @__PURE__ */ d(E, {
 			scales: r,
 			dotsData: i,
 			aesGetters: o,
-			onMouseEnter: l,
-			onMouseLeave: f
+			onMouseEnter: s,
+			onMouseLeave: u
 		}),
-		/* @__PURE__ */ u(b, {
+		/* @__PURE__ */ d(O, {
 			labels: _,
 			onMouseEnter: (e) => h(e),
 			onMouseLeave: () => h(null)
 		}),
-		m && /* @__PURE__ */ d("g", {
+		m && /* @__PURE__ */ f("g", {
 			transform: `translate(${r.x(m.x)},${r.y(m.y)})`,
 			children: [t(o.dotShape(m.idx), o.dotSize(m.idx) + 1, "white", "white"), t(o.dotShape(m.idx), o.dotSize(m.idx), o.dotColor(m.idx))]
 		}, "activeDot")
 	] });
-}), _ = o(({ layer: e, scales: t, aesGetters: r }) => {
-	if (e.type === "curve" && !e.info.smoothing) return e.geoms.map((i, a) => /* @__PURE__ */ u("g", { children: /* @__PURE__ */ u("polyline", {
+});
+var v = "21", y = 3;
+function b({ dots: e, trend: t, scales: n, stroke: i, strokeWidth: a, dash: o, xDomain: s }) {
+	let c = e.map((e) => ({
+		x: Number(e.x),
+		y: Number(e.y)
+	})).filter((e) => Number.isFinite(e.x) && Number.isFinite(e.y));
+	if (c.length < 2) return null;
+	let [l, u] = r(c);
+	if (!Number.isFinite(l) || !Number.isFinite(u)) return null;
+	let [f, p] = t.bounded ? [Math.min(...c.map((e) => e.x)), Math.max(...c.map((e) => e.x))] : s, m = n.x(f), h = n.x(p);
+	return /* @__PURE__ */ d("line", {
+		x1: m,
+		y1: n.y(l * f + u),
+		x2: h,
+		y2: n.y(l * p + u),
+		stroke: i,
+		strokeWidth: a,
+		strokeDasharray: o,
+		fill: "none"
+	});
+}
+function x({ dots: e, scales: t, stroke: n, strokeWidth: r, dash: i }) {
+	return /* @__PURE__ */ d("path", {
+		d: m().curve(p).x((e) => t.x(e.x)).y((e) => t.y(e.y))(e) ?? "",
+		fill: "none",
+		stroke: n,
+		strokeWidth: r,
+		strokeDasharray: i
+	});
+}
+function S({ dots: e, scales: t, stroke: n, strokeWidth: r, dash: i }) {
+	return /* @__PURE__ */ d("polyline", {
+		points: e.map((e) => `${t.x(e.x)},${t.y(e.y)}`).join(" "),
+		fill: "none",
+		stroke: n,
+		strokeWidth: r,
+		strokeDasharray: i
+	});
+}
+function C({ dots: e, scales: n, stroke: r }) {
+	return /* @__PURE__ */ d(u, { children: e.map((e, i) => /* @__PURE__ */ d("g", {
+		transform: `translate(${n.x(e.x)},${n.y(e.y)})`,
+		children: t(v, y, r)
+	}, i)) });
+}
+const w = s(({ layer: e, scales: t, aesGetters: r }) => {
+	if (e.type !== "additional-curve") return null;
+	let { entry: i, entryIdx: a, smoothing: o } = e, s = r.additionalCurveLineColor[a], c = r.additionalCurveTrendColor[a], l = n(i.lineShape), u = t.x.domain();
+	return e.geoms.map((e, n) => {
+		let r = e.dots[0].idx, a = s(r), p = i.trend ? /* @__PURE__ */ d(b, {
+			dots: e.dots,
+			trend: i.trend,
+			scales: t,
+			stroke: c(r),
+			strokeWidth: i.lineWidth,
+			dash: l,
+			xDomain: u
+		}) : d(o ? x : S, {
+			dots: e.dots,
+			scales: t,
+			stroke: a,
+			strokeWidth: i.lineWidth,
+			dash: l
+		});
+		return /* @__PURE__ */ f("g", {
+			opacity: i.opacity,
+			children: [p, i.showDots && /* @__PURE__ */ d(C, {
+				dots: e.dots,
+				scales: t,
+				stroke: a
+			})]
+		}, n);
+	});
+}), T = s(({ layer: e, scales: t, aesGetters: r }) => {
+	if (e.type === "curve" && !e.info.smoothing) return e.geoms.map((i, a) => /* @__PURE__ */ d("g", { children: /* @__PURE__ */ d("polyline", {
 		points: i.dots.map((e) => `${t.x(e.x)},${t.y(e.y)}`).join(" "),
 		fill: "none",
 		stroke: r.lineColor(i.dots[0].idx),
 		strokeWidth: e.info.aes.lineWidth,
 		strokeDasharray: n(e.info.aes.lineShape)
 	}) }, a));
-	if (e.type === "curve" && e.info.smoothing) return e.geoms.map((i, a) => /* @__PURE__ */ u("g", { children: /* @__PURE__ */ u("path", {
-		d: p().curve(f).x((e) => t.x(e.x)).y((e) => t.y(e.y))(i.dots) ?? "",
+	if (e.type === "curve" && e.info.smoothing) return e.geoms.map((i, a) => /* @__PURE__ */ d("g", { children: /* @__PURE__ */ d("path", {
+		d: m().curve(p).x((e) => t.x(e.x)).y((e) => t.y(e.y))(i.dots) ?? "",
 		fill: "none",
 		stroke: r.lineColor(i.dots[0].idx),
 		strokeWidth: e.info.aes.lineWidth,
 		strokeDasharray: n(e.info.aes.lineShape)
 	}) }, a));
-}), v = o(({ scales: e, dotsData: t, aesGetters: n, onMouseEnter: r, onMouseLeave: i }) => {
+}), E = s(({ scales: e, dotsData: t, aesGetters: n, onMouseEnter: r, onMouseLeave: i }) => {
 	let { dots: a } = t;
-	return /* @__PURE__ */ u(l, { children: a.map((t, a) => /* @__PURE__ */ u(y, {
+	return /* @__PURE__ */ d(u, { children: a.map((t, a) => /* @__PURE__ */ d(D, {
 		dot: t,
 		scales: e,
 		aesGetters: n,
 		onMouseEnter: r,
 		onMouseLeave: i
 	}, a)) });
-}), y = (({ dot: e, scales: n, aesGetters: r, onMouseEnter: i, onMouseLeave: a }) => /* @__PURE__ */ u("g", {
+}), D = (({ dot: e, scales: n, aesGetters: r, onMouseEnter: i, onMouseLeave: a }) => /* @__PURE__ */ d("g", {
 	transform: `translate(${n.x(e.x)},${n.y(e.y)})`,
 	opacity: e.dimmed ? .3 : 1,
 	onMouseOver: () => i?.(e),
 	onMouseLeave: () => a?.(e),
 	children: t(r.dotShape(e.idx), r.dotSize(e.idx), r.dotColor(e.idx))
-})), b = o(({ labels: e, onMouseEnter: t, onMouseLeave: n }) => /* @__PURE__ */ u(l, { children: e.map((e, r) => {
-	let { name: o, height: s, width: c } = e;
-	return /* @__PURE__ */ d("g", {
-		transform: `translate(${i(e)},${a(e)})`,
-		children: [/* @__PURE__ */ u("rect", {
+})), O = s(({ labels: e, onMouseEnter: t, onMouseLeave: n }) => /* @__PURE__ */ d(u, { children: e.map((e, r) => {
+	let { name: i, height: s, width: c } = e;
+	return /* @__PURE__ */ f("g", {
+		transform: `translate(${a(e)},${o(e)})`,
+		children: [/* @__PURE__ */ d("rect", {
 			x: "0",
 			y: "0",
 			width: c,
@@ -93,7 +173,7 @@ const h = o(({ width: e, height: t, scales: n, dotsData: r, layersData: i, aesGe
 			stroke: "none",
 			onMouseEnter: () => t(e.dot),
 			onMouseLeave: () => n(e.dot)
-		}), /* @__PURE__ */ u("text", {
+		}), /* @__PURE__ */ d("text", {
 			x: 0,
 			y: s / 2,
 			stroke: "white",
@@ -103,16 +183,16 @@ const h = o(({ width: e, height: t, scales: n, dotsData: r, layersData: i, aesGe
 			fontFamily: "Manrope",
 			fontSize: "16px",
 			dominantBaseline: "middle",
-			children: o
+			children: i
 		})]
 	}, r);
 }) }));
-function x(t, n, i, a, o) {
-	let s = new e("16px Manrope"), c = r(i, a), l = [];
+function k(t, n, r, a, o) {
+	let s = new e("16px Manrope"), c = i(r, a), l = [];
 	for (let e = 0; e < t.length; e++) {
 		let r = t[e];
 		if (r.label == null) continue;
-		let i = String(r.label), a = s.getTextMetrics(i), u = n.x(r.x), d = n.y(r.y), f = a.width, p = a.actualBoundingBoxAscent + a.actualBoundingBoxDescent, h = o.dotSize(r.idx) + m, g = c(u, d, f, p, h);
+		let i = String(r.label), a = s.getTextMetrics(i), u = n.x(r.x), d = n.y(r.y), f = a.width, p = a.actualBoundingBoxAscent + a.actualBoundingBoxDescent, m = o.dotSize(r.idx) + h, g = c(u, d, f, p, m);
 		g && l.push({
 			x: u,
 			y: d,
@@ -120,13 +200,13 @@ function x(t, n, i, a, o) {
 			name: i,
 			width: f,
 			height: p,
-			padding: h,
+			padding: m,
 			xPosition: g[0],
 			yPosition: g[1]
 		});
 	}
 	return l;
 }
-export { y as ChartDot, h as ChartLayersData };
+export { D as ChartDot, g as ChartLayersData };
 
 //# sourceMappingURL=ChartLayersData.js.map