@milaboratories/miplots4 1.0.176 → 1.0.178

package/dist/scatterplot/ChartRenderer.js.map

@@ -1 +1 @@
-{"version":3,"file":"ChartRenderer.js","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"],"names":["scalesAreDifferent","prevScale","currentScale","domain","range","newDomain","newRange","v","idx","getChartEdgeSides","index","facetsCount","columnsCount","rowsCount","chartSides","calculatePaddings","xAxis","yAxis","captionsSizes","currentRowFacetKeys","facetTitles","chartEdgeSides","currentRow","currentColumn","lastInRow","facetSettings","discreteX","discreteY","needLeftAxis","needLeftAxisTitle","needBottomAxis","needBottomAxisTitle","yCaptions","TICK_OFFSET","yTicks","DEFAULT_TICKS_SIZE","yAxisTitle","TITLE_LINE","xCaptions","xTicks","xAxisTitle","leftAxisElements","FACET_AXIS_OFFSET","bottomAxisElements","facetTitlesLinesCount","key","MIN_PADDING","FACET_TITLE_OFFSET","FACET_TITLE_LINE","getFacetRows","facetKeys","nRows","nColumns","result","i","getRowColumn","row","column","createAesGetters","dataFrame","legendInfo","layers","trend","dotLayer","l","curveLayer","createAesGetter","DEFAULT_DOT_AES","BLACK","COS_PI_4","INCLINE_OFFSET","getCaptionHeight","size","axis","ChartRenderer","__publicField","jsx","Fragment","MIN_MARGIN","DEFAULT_WIDTH","DEFAULT_HEIGHT","scaleLinear","_a","node","createRoot","chartWidth","chartHeight","currentLeft","currentTop","facetRows","res","padding","outerWidth","outerHeight","chartsWidth","chartsHeight","discreteAxisDataX","discreteAxisDataY","groupedDots","trendsData","facetCount","maxNRows","maxNCols","minXAll","maxXAll","minYAll","maxYAll","dotExtentsByKeys","dotsData","minX","minY","maxX","maxY","newScalesX","newScalesY","needsUpdateXScales","needsUpdateYScales","scaleX","isContinuousAxis","scalePoint","scaleLog","extents","middle","halfRange","rangeH","tempX","PADDINGS","trendYBoundsByKeys","trendsList","xBounds","i1","i2","scaleY","dotExtents","trendExtents","rangeV","tempY","onlyPositive","textMeasurer","TextMeasurer","getMaxTickWidth","ticks","xTail","yTail","xAxisCaptionsWidthByRows","yAxisCaptionsWidthByColumns","maxXLabelSize","maxYLabelSize","sizes","measureMultilineDiscreteLabels","scale","format","getTicksAndFormat","title","firstChart","lastChart","splitTextByWidth","facetLabels","createMultilineDiscreteLabels","titleTextHeight","TITLE_LINE_HEIGHT","titleHeight","TITLE_MARGIN","legend","grouping","legendItems","emptySizes","continuousHeight","MIN_LEGEND_GRADIENT_HEIGHT","MAX_LEGEND_GRADIENT_HEIGHT","legendHeight","info","MAX_SHOWN_UNIQUE_VALUES_IN_LABELS","aesData","columnValue","scaleOrdinal","value","layer","isContinuousAes","columnName","type","colorScale","getContinuousColorScale","tickPositionScale","scaleSymlog","values","getContinuousLegendTicks","getSizeLegendItem","items","arrangeLegendParts","legendWidth","max","item","LEGEND_OFFSET","settingsId","chartSettings","keyColumn","layersData","onTooltipHintSwitch","component","DataFrameProvider","ChartsGroup","message","Error"],"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 { 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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"}

package/dist/scatterplot/ScatterplotSettingsImpl.js

@@ -1,115 +1,104 @@
-var u = Object.defineProperty;
-var m = (t, e, i) => e in t ? u(t, e, { enumerable: !0, configurable: !0, writable: !0, value: i }) : t[e] = i;
-var o = (t, e, i) => m(t, typeof e != "symbol" ? e + "" : e, i);
-import y from "../_virtual/lodash.js";
-import { DEFAULT_HEIGHT_SMALL as S, DEFAULT_HEIGHT as f, DEFAULT_WIDTH_SMALL as s, DEFAULT_WIDTH as n, BLACK as h } from "../constants.js";
-import "../types/common.js";
-import "../types/discrete.js";
-import { ScatterplotSettingsSchema as x } from "../types/scatterplot.js";
-import "../types/heatmap.js";
-import "../types/dendro.js";
-import "../types/histogram.js";
-import "../types/bubble.js";
-import { exhaustive as w } from "../utils/index.js";
-class A {
-  constructor(e) {
-    o(this, "type", "dots");
-    o(this, "aes", {
-      dotFill: h,
-      dotShape: "21",
-      dotSize: 3,
-      opacity: 1
-    });
-    this.aes = {
-      ...this.aes,
-      ...e.aes
-    };
-  }
-}
-class L {
-  constructor(e) {
-    o(this, "type", "curve");
-    o(this, "smoothing");
-    o(this, "aes", {
-      lineColor: h,
-      lineWidth: 1,
-      lineShape: "solid",
-      opacity: 1
-    });
-    this.smoothing = e.smoothing ?? !1, this.aes = {
-      ...this.aes,
-      ...e.aes
-    };
-  }
-}
-class _ {
-  constructor(e) {
-    o(this, "id");
-    o(this, "type", "scatterplot");
-    o(this, "keyColumn");
-    o(this, "facetSettings");
-    o(this, "x");
-    o(this, "y");
-    o(this, "facetBy");
-    o(this, "grouping");
-    o(this, "dotSize");
-    o(this, "dotShape");
-    o(this, "label");
-    o(this, "highlight");
-    o(this, "chartSettings");
-    o(this, "trend");
-    o(this, "layers");
-    var i, l, a, c, p, d;
-    x.parse(e), this.id = y.uniqueId("settings"), this.keyColumn = e.keyColumn, this.facetSettings = { sharedX: !0, sharedY: !0, titlePosition: "left", ...e.facetSettings }, this.x = e.x, this.y = e.y, this.facetBy = e.facetBy ?? [], this.grouping = e.grouping ?? [], this.dotSize = e.dotSize ?? [], this.dotShape = e.dotShape ?? [], this.label = e.label ?? null, this.highlight = e.highlight ?? null, this.chartSettings = {
-      size: {
-        width: ((i = e == null ? void 0 : e.size) == null ? void 0 : i.width) ?? (this.facetBy.length ? s : n),
-        height: ((l = e == null ? void 0 : e.size) == null ? void 0 : l.height) ?? (this.facetBy.length ? S : f)
-      },
-      title: {
-        position: "center",
-        show: !0,
-        ...e.title,
-        name: ((a = e.title) == null ? void 0 : a.name) ?? "Chart"
-      },
-      yAxis: {
-        title: e.y.label ?? e.y.value,
-        scale: "linear",
-        showGrid: !0,
-        showTicks: !0,
-        ...e.yAxis
-      },
-      xAxis: {
-        title: e.x.label ?? e.x.value,
-        scale: "linear",
-        showGrid: !0,
-        showTicks: !0,
-        ...e.xAxis
-      },
-      frame: { type: ((c = e.frame) == null ? void 0 : c.type) ?? "full" },
-      legend: {
-        show: !0,
-        position: "right",
-        ...e.legend
-      },
-      tooltips: {
-        ...e.tooltips,
-        show: ((p = e.tooltips) == null ? void 0 : p.show) !== !1 && (((d = e.tooltips) == null ? void 0 : d.content) ?? []).length > 0
-      }
-    }, this.trend = e != null && e.trend && this.chartSettings.xAxis.scale !== "discrete" && this.chartSettings.yAxis.scale !== "discrete" ? {
-      bounded: e.trend.bounded ?? !1,
-      color: e.trend.color ?? h
-    } : null, this.layers = e.layers.map((r) => {
-      if (r.type === "dots")
-        return new A(r);
-      if (r.type === "curve")
-        return new L(r);
-      w(r, "Unknown layer type");
-    }).filter(Boolean);
-  }
-}
-export {
-  L as CurveLayer,
-  A as DotsLayer,
-  _ as ScatterplotSettingsImpl
+import { BLACK as e } from "../constants.js";
+import { ScatterplotSettingsSchema as t } from "../types/scatterplot.js";
+import "../types/index.js";
+import { exhaustive as n } from "../utils/index.js";
+import r from "lodash";
+var i = class {
+	type = "dots";
+	aes = {
+		dotFill: e,
+		dotShape: "21",
+		dotSize: 3,
+		opacity: 1
+	};
+	constructor(e) {
+		this.aes = {
+			...this.aes,
+			...e.aes
+		};
+	}
+}, a = class {
+	type = "curve";
+	smoothing;
+	aes = {
+		lineColor: e,
+		lineWidth: 1,
+		lineShape: "solid",
+		opacity: 1
+	};
+	constructor(e) {
+		this.smoothing = e.smoothing ?? !1, this.aes = {
+			...this.aes,
+			...e.aes
+		};
+	}
+}, o = class {
+	id;
+	type = "scatterplot";
+	keyColumn;
+	facetSettings;
+	x;
+	y;
+	facetBy;
+	grouping;
+	dotSize;
+	dotShape;
+	label;
+	highlight;
+	chartSettings;
+	trend;
+	layers;
+	constructor(e) {
+		t.parse(e), this.id = r.uniqueId("settings"), this.keyColumn = e.keyColumn, this.facetSettings = {
+			sharedX: !0,
+			sharedY: !0,
+			titlePosition: "left",
+			...e.facetSettings
+		}, this.x = e.x, this.y = e.y, this.facetBy = e.facetBy ?? [], this.grouping = e.grouping ?? [], this.dotSize = e.dotSize ?? [], this.dotShape = e.dotShape ?? [], this.label = e.label ?? null, this.highlight = e.highlight ?? null, this.chartSettings = {
+			size: {
+				width: e?.size?.width ?? (this.facetBy.length ? 400 : 600),
+				height: e?.size?.height ?? (this.facetBy.length ? 250 : 350)
+			},
+			title: {
+				position: "center",
+				show: !0,
+				...e.title,
+				name: e.title?.name ?? "Chart"
+			},
+			yAxis: {
+				title: e.y.label ?? e.y.value,
+				scale: "linear",
+				showGrid: !0,
+				showTicks: !0,
+				...e.yAxis
+			},
+			xAxis: {
+				title: e.x.label ?? e.x.value,
+				scale: "linear",
+				showGrid: !0,
+				showTicks: !0,
+				...e.xAxis
+			},
+			frame: { type: e.frame?.type ?? "full" },
+			legend: {
+				show: !0,
+				position: "right",
+				...e.legend
+			},
+			tooltips: {
+				...e.tooltips,
+				show: e.tooltips?.show !== !1 && (e.tooltips?.content ?? []).length > 0
+			}
+		}, 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, this.layers = e.layers.map((e) => {
+			if (e.type === "dots") return new i(e);
+			if (e.type === "curve") return new a(e);
+			n(e, "Unknown layer type");
+		}).filter(Boolean);
+	}
 };
-//# sourceMappingURL=ScatterplotSettingsImpl.js.map
+export { o as ScatterplotSettingsImpl };
+
+//# sourceMappingURL=ScatterplotSettingsImpl.js.map

package/dist/scatterplot/ScatterplotSettingsImpl.js.map

@@ -1 +1 @@
-{"version":3,"file":"ScatterplotSettingsImpl.js","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"],"names":["DotsLayer","layer","__publicField","BLACK","CurveLayer","ScatterplotSettingsImpl","settings","ScatterplotSettingsSchema","lodash","_a","DEFAULT_WIDTH_SMALL","DEFAULT_WIDTH","_b","DEFAULT_HEIGHT_SMALL","DEFAULT_HEIGHT","_c","_d","_e","_f","exhaustive"],"mappings":"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"}
+{"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"}