@milaboratories/miplots4 1.0.176 → 1.0.178

package/dist/discrete/ChartRenderer.js.map

@@ -1 +1 @@
-{"version":3,"file":"ChartRenderer.js","sources":["../../src/discrete/ChartRenderer.tsx"],"sourcesContent":["import { scaleBand, scaleLinear, scaleLog, scaleOrdinal } from 'd3-scale';\nimport lodash from 'lodash';\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 { LegendData, LegendItemDiscreteMultiAes } from '../common/types';\nimport { DataFrameProvider } from '../common/useDataFrame';\nimport { DEFAULT_HEIGHT, DEFAULT_WIDTH, TITLE_LINE_HEIGHT, TITLE_MARGIN } from '../constants';\nimport type { DataFrame, GroupKey } from '../DataFrame';\nimport { DEFAULT_COMMON_AES, DEFAULT_TICKS_SIZE } from '../scatterplot/constants';\nimport type { AesItem, ColumnName, GroupingData, InheritAesDiscrete, Orientation } from '../types';\nimport { arrangeLegendParts } from '../utils/arrangeLegendParts';\nimport { TextMeasurer } from '../utils/TextMeasurer/TextMeasurer';\nimport { ChartsGroup } from './components/ChartsGroup';\nimport type { CaptionsSizes, ChartDimensionsData, ChartSizes, ChartsScales, Margins } from './components/types';\nimport { DEFAULT_AES, FACET_TITLE_LINE, FACET_TITLE_OFFSET, LEGEND_OFFSET, MIN_PADDING, TICK_OFFSET, TITLE_LINE } from './constants';\nimport type { DiscreteSettingsImpl } from './DiscreteSettingsImpl';\nimport type { LayerData, StatsData } from './layers/types';\nimport { getChartStatsPadding, splitTextByWidth } from './utils';\nimport { createMultilineDiscreteLabels } from '../utils/createMultilineDiscreteLabels';\nimport { measureMultilineDiscreteLabels } from '../utils/measureMultilineDiscreteLabels';\nimport { getFacetRows } from '../utils/getFacetRowsColumns';\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    orientation: Orientation,\n    xAxis: DiscreteSettingsImpl['chartSettings']['xAxis'],\n    yAxis: DiscreteSettingsImpl['chartSettings']['yAxis'],\n    captionsSizes: CaptionsSizes,\n    currentRowFacetKeys: string[],\n    facetTitles: Record<string, string[]>,\n    chartEdgeSides: ('left' | 'right' | 'top' | 'bottom')[],\n    facetSettings: DiscreteSettingsImpl['facetSettings'],\n    currentRow: number,\n    currentColumn: number,\n    lastInRow: boolean\n) {\n    const isVertical = orientation === 'vertical';\n    const needLeftAxis =\n        chartEdgeSides.includes('left') ||\n        (isVertical && !facetSettings?.sharedY) ||\n        (!isVertical && !facetSettings?.sharedX);\n    const needLeftAxisTitle = chartEdgeSides.includes('left') && yAxis.title !== '';\n    const needBottomAxis =\n        chartEdgeSides.includes('bottom') ||\n        (isVertical && !facetSettings?.sharedX) ||\n        (!isVertical && !facetSettings?.sharedY);\n    const needBottomAxisTitle = chartEdgeSides.includes('bottom') && xAxis.title !== '';\n\n    const yCaptions = captionsSizes.leftAxisCaptionsWidth;\n    const yTicks = (yAxis.showTicks ? DEFAULT_TICKS_SIZE : 0) + (yAxis.hiddenLabels ? 0 : TICK_OFFSET);\n    const yAxisTitle = needLeftAxisTitle ? TITLE_LINE : 0;\n\n    const xCaptions = isVertical ? captionsSizes.bottomAxisCaptionsWidthByRows[currentRow] : captionsSizes.leftAxisCaptionsWidthByColumns[currentColumn];\n    const xTicks = (xAxis.showTicks ? DEFAULT_TICKS_SIZE : 0) + (xAxis.hiddenLabels ? 0 : TICK_OFFSET);\n    const xAxisTitle = isVertical && needBottomAxisTitle || !isVertical && needLeftAxisTitle ? TITLE_LINE : 0;\n\n    const leftAxisElements = isVertical ? yCaptions + yTicks + yAxisTitle : xCaptions + xTicks + xAxisTitle;\n    const bottomAxisElements = isVertical ? xTicks + xCaptions + xAxisTitle : yTicks + 2 * TITLE_LINE;\n\n    const facetTitlesLinesCount = Math.max(...currentRowFacetKeys.map(key => facetTitles[key].length));\n\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 : MIN_PADDING,\n        right: lastInRow ? 0 : MIN_PADDING,\n    };\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 isInheritAes(v: InheritAesDiscrete | string | number | boolean): v is InheritAesDiscrete {\n    return typeof v === 'object' && 'type' in v;\n}\n\nclass ChartRenderer {\n    reactRoot: Root | null = null;\n    parentNode: HTMLElement | null = null;\n    rootNode: HTMLElement | null = null;\n    component: ReactElement = (<></>);\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        // Scale from primary grouping categories to every category x coordinate\n        xPrimary: { null: scaleBand().range([0, DEFAULT_WIDTH]).domain(['1']) },\n        // Scale from secondary grouping categories to x shift inside corresponding primary group\n        xSecondary: { null: scaleBand().range([0, DEFAULT_WIDTH]).domain(['1']) },\n        // Scale from y value to y coordinate, by facet\n        y: { null: scaleLinear().domain([0, 10]).range([DEFAULT_HEIGHT, 0]).nice() },\n        // Scale for link primary grouping category and aesthetics\n        xPrimaryAes: scaleOrdinal<string, AesItem, AesItem>().unknown(DEFAULT_AES),\n        // Scale for link secondary grouping category and aesthetics\n        xSecondaryAes: scaleOrdinal<string, AesItem, AesItem>().unknown(DEFAULT_AES),\n    };\n    facetTitles: Record<string, string[]> = {}; // can be multiline\n    mainTitle: string[] = []; // can be multiline\n    axisLabelsX: Record<string, Record<string, string[]>> = {}; // can be multiline\n    captionsSizes: CaptionsSizes = {\n        bottomAxisCaptionsWidthByRows: [],\n        leftAxisCaptionsWidthByColumns: [],\n        bottomCaptionsTail: 0,\n        leftCaptionsTail: 0,\n        leftAxisCaptionsWidth: 100,\n    };\n    legend: LegendData = { width: 0, height: 0, items: [] };\n    margins: Margins = { left: 0, right: 0, top: 0, bottom: 0 };\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    updateChartSize(\n        size: DiscreteSettingsImpl['chartSettings']['size'],\n        facetKeys: string[],\n        facetSettings: DiscreteSettingsImpl['facetSettings'],\n        primaryKeys: GroupKey[],\n        orientation: Orientation,\n        statsData: StatsData[]\n    ) {\n        const paddingTop = size.innerOffset;\n        const paddingBottom = size.innerOffset;\n        // It may be necessary increase chart height/width for p-value\n        const statsPadding = getChartStatsPadding(statsData, primaryKeys, size.innerOffset);\n        // Use columns/rows count from settings if some of them defined, else make 1 column\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 { width, height } = size;\n        // avoid situation when statistics fill all available chart area\n        if (orientation === 'vertical' && statsPadding > paddingTop) {\n            height += statsPadding;\n        }\n        if (orientation === 'horizontal' && statsPadding > paddingBottom) {\n            width += statsPadding;\n        }\n        this.chartSizes.chartWidth = width;\n        this.chartSizes.chartHeight = height;\n    }\n\n    updateChartDimensions(\n        facetKeys: string[],\n        facetSettings: DiscreteSettingsImpl['facetSettings'],\n        orientation: Orientation,\n        xAxis: DiscreteSettingsImpl['chartSettings']['xAxis'],\n        yAxis: DiscreteSettingsImpl['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                orientation,\n                xAxis,\n                yAxis,\n                this.captionsSizes,\n                facetRows[currentRow],\n                this.facetTitles,\n                chartEdgeSides,\n                facetSettings,\n                currentRow,\n                currentColumn,\n                currentColumn === this.columnsCount - 1\n            );\n\n            const outerWidth = chartWidth + padding.left + padding.right;\n            const outerHeight = chartHeight + padding.top + padding.bottom;\n\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\n        this.chartSizes.chartsWidth = chartsWidth;\n        this.chartSizes.chartsHeight = chartsHeight;\n    }\n\n    updateViewport(\n        orientation: Orientation,\n        primaryKeys: string[],\n        secondaryKeys: string[],\n        facetKeys: string[],\n        facetSettings: DiscreteSettingsImpl['facetSettings'],\n        yAxis: DiscreteSettingsImpl['chartSettings']['yAxis'],\n        layersData: LayerData[],\n        statsData: StatsData[],\n        size: DiscreteSettingsImpl['chartSettings']['size'],\n        nonEmptyGroupsByFacets: Record<string, string[]>,\n    ) {\n        const paddingBottom = size.innerOffset;\n        const isVertical = orientation === 'vertical';\n        const statsPadding = getChartStatsPadding(statsData, primaryKeys, size.innerOffset);\n        const sharedX = facetSettings === null || facetSettings.sharedX;\n        const sharedY = facetSettings === null || facetSettings.sharedY;\n\n        const { chartHeight, chartWidth } = this.chartSizes;\n        facetKeys.forEach(key => {\n            const scaleY = yAxis.scale === 'log' ? scaleLog() : scaleLinear();\n            const min = sharedY\n                ? Math.min(...layersData.map(({ meta }) => meta.minY))\n                : Math.min(...layersData.map(({ geoms }) => Math.min(...geoms[key].map(({ boundsY }) => boundsY.min))));\n            const max = sharedY\n                ? Math.max(...layersData.map(({ meta }) => meta.maxY))\n                : Math.max(...layersData.map(({ geoms }) => Math.max(...geoms[key].map(({ boundsY }) => boundsY.max))));\n\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([min, max])\n                .range(\n                    isVertical\n                        ? [chartHeight - paddingBottom, statsPadding]\n                        : [paddingBottom, chartWidth - statsPadding]\n                );\n            scaleY\n                .domain([tempY.invert(isVertical ? chartHeight : 0), tempY.invert(isVertical ? 0 : chartWidth)])\n                .range(isVertical ? [chartHeight, 0] : [0, chartWidth]);\n            this.scales.y[key] = scaleY;\n\n            const facetPrimaryKeys = sharedX ? primaryKeys : nonEmptyGroupsByFacets[key];\n            this.scales.xPrimary[key] = scaleBand()\n                .domain(facetPrimaryKeys)\n                .range(isVertical ? [0, chartWidth] : [chartHeight, 0]);\n            this.scales.xSecondary[key] = scaleBand()\n                .domain(secondaryKeys)\n                .range([0, this.scales.xPrimary[key].bandwidth()]);\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    createMainTitle(facetKeys: string[], title: DiscreteSettingsImpl['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    createAxisLabels(\n        facetKeys: string[],\n        xAxis: DiscreteSettingsImpl['chartSettings']['xAxis'],\n        primaryGrouping: GroupingData,\n        orientation: Orientation\n    ) {\n        this.axisLabelsX = createMultilineDiscreteLabels(\n            facetKeys,\n            xAxis.labelsPosition,\n            primaryGrouping.valueLabels,\n            xAxis.hiddenLabels,\n            orientation,\n            this.scales.xPrimary,\n        );\n    }\n\n    updateAesScales(primaryGrouping: GroupingData, secondaryGrouping: GroupingData) {\n        if (primaryGrouping.inheritedAes) {\n            const { inheritedAes, keys } = primaryGrouping;\n            this.scales.xPrimaryAes.domain(keys).range(keys.map(key => inheritedAes[key] ?? DEFAULT_COMMON_AES));\n        } else {\n            this.scales.xPrimaryAes.domain([]).range([]);\n        }\n        if (secondaryGrouping.inheritedAes) {\n            const { inheritedAes, keys } = secondaryGrouping;\n            this.scales.xSecondaryAes.domain(keys).range(keys.map(key => inheritedAes[key] ?? DEFAULT_COMMON_AES));\n        } else {\n            this.scales.xSecondaryAes.domain([]).range([]);\n        }\n    }\n\n    updateCaptionsSize(\n        orientation: Orientation,\n        facetKeys: string[],\n        xAxis: DiscreteSettingsImpl['chartSettings']['xAxis'],\n        yAxis: DiscreteSettingsImpl['chartSettings']['yAxis'],\n    ) {\n        const LABEL_FONT_SIZE = 14;\n        const textMeasurer = new TextMeasurer(`600 ${LABEL_FONT_SIZE}px Manrope`);\n\n        function getMaxStrWidth(strs: string[]) {\n            if (!strs.length) {\n                return 0;\n            }\n            return Math.max(...strs.map(str => textMeasurer.getTextWidth(str)));\n        }\n\n        const { xTail, yTail, axisCaptionsWidthByRows, axisCaptionsWidthByColumns } = measureMultilineDiscreteLabels(facetKeys, this.rowsCount, this.columnsCount, xAxis.labelsPosition, this.axisLabelsX, orientation, this.scales.xPrimary);\n\n        const yTicks = lodash.flatten(\n            facetKeys.map(facetKey => {\n                if (yAxis.hiddenLabels) {\n                    return [];\n                }\n                const scaleY = this.scales.y[facetKey];\n                const ticks = scaleY.ticks();\n                const specifier = ticks.some(tick => (Math.abs(tick) < 0.0001 && tick !== 0) || tick > 10000)\n                    ? ',e'\n                    : ',f';\n                const format = scaleY.tickFormat(10, specifier);\n                return ticks.map(format);\n            })\n        );\n\n        this.captionsSizes = {\n            bottomCaptionsTail: xTail,\n            leftCaptionsTail: yTail,\n            bottomAxisCaptionsWidthByRows: axisCaptionsWidthByRows,\n            leftAxisCaptionsWidthByColumns: axisCaptionsWidthByColumns,\n            leftAxisCaptionsWidth: getMaxStrWidth(yTicks),\n        };\n    }\n\n    updateMargins(orientation: Orientation, facetKeys: string[], size: DiscreteSettingsImpl['chartSettings']['size']) {\n        const firstChart = this.chartsDimensions[facetKeys[0]];\n        const lastChart = this.chartsDimensions[facetKeys[facetKeys.length - 1]];\n        const isVertical = orientation === 'vertical';\n\n        const mainTitleHeight = this.mainTitle.length ? TITLE_LINE_HEIGHT * this.mainTitle.length + TITLE_MARGIN * 2 : 0;\n        const minMargin = size.outerOffset;\n        this.margins = {\n            left: Math.max(minMargin, isVertical ? this.captionsSizes.bottomCaptionsTail - firstChart.padding.left : 0),\n            right: this.legend.width + minMargin,\n            top: Math.max(mainTitleHeight, minMargin),\n            bottom: Math.max(minMargin, isVertical ? 0 : this.captionsSizes.leftCaptionsTail - lastChart.padding.bottom),\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: DiscreteSettingsImpl['chartSettings']['legend'],\n        primaryGrouping: GroupingData,\n        secondaryGrouping: GroupingData,\n        layersData: LayerData[]\n    ) {\n        if (!legend.show) {\n            this.legend = { width: 0, height: 0, items: [] };\n            return;\n        }\n        const legendHeight = this.chartSizes.chartHeight;\n        const emptySizes = { width: 0, height: 0, left: 0, top: 0 };\n        const legendItems: LegendItemDiscreteMultiAes[] = [];\n\n        function layersHasInheritedAesByField(\n            type: 'primaryGrouping' | 'secondaryGrouping',\n            field: keyof LegendItemDiscreteMultiAes['usedAes']\n        ) {\n            return layersData.some(l => {\n                const value = l.aes[field as keyof typeof l.aes] as (string | InheritAesDiscrete);\n                return value && isInheritAes(value) && value.type === type;\n            });\n        }\n        function getUsedAes(type: 'primaryGrouping' | 'secondaryGrouping'): LegendItemDiscreteMultiAes['usedAes'] {\n            return {\n                dotFill: layersHasInheritedAesByField(type, 'dotFill'),\n                fillColor: layersHasInheritedAesByField(type, 'fillColor'),\n                lineColor: layersHasInheritedAesByField(type, 'lineColor'),\n                dotShape: layersHasInheritedAesByField(type, 'dotShape'),\n                lineShape: layersHasInheritedAesByField(type, 'lineShape'),\n            };\n        }\n        const primaryUsedAes = getUsedAes('primaryGrouping');\n        const secondaryUsedAes = getUsedAes('secondaryGrouping');\n        if (Object.values(primaryUsedAes).some(v => v) && primaryGrouping.inheritedAes) {\n            legendItems.push({\n                type: 'discreteMulti',\n                id: 'primary',\n                title: primaryGrouping.label,\n                scale: this.scales.xPrimaryAes,\n                values: primaryGrouping.keys,\n                labels: primaryGrouping.valueLabels,\n                usedAes: primaryUsedAes,\n                ...emptySizes,\n            });\n        }\n        if (Object.values(secondaryUsedAes).some(v => v) && secondaryGrouping.inheritedAes) {\n            legendItems.push({\n                type: 'discreteMulti',\n                id: 'secondary',\n                title: secondaryGrouping.label,\n                scale: this.scales.xSecondaryAes,\n                values: secondaryGrouping.keys,\n                labels: secondaryGrouping.valueLabels,\n                usedAes: secondaryUsedAes,\n                ...emptySizes\n            });\n        }\n\n        if (!legendItems.length) {\n            this.legend = { width: 0, height: 0, items: [] };\n            return;\n        }\n\n        const items = arrangeLegendParts(legendItems, this.chartSizes.chartHeight);\n        const 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: DiscreteSettingsImpl['chartSettings'],\n        primaryGrouping: GroupingData,\n        secondaryGrouping: GroupingData,\n        facetSettings: DiscreteSettingsImpl['facetSettings'],\n        facetKeys: string[],\n        facetLabels: string[][],\n        layersData: LayerData[],\n        statsData: StatsData[],\n        keyColumn: ColumnName | null,\n        nonEmptyGroupsByFacets: Record<string, string[]>,\n        onlyPositive: boolean,\n        onTooltipHintSwitch: (v: boolean) => void\n    ) {\n        const { orientation, xAxis, yAxis, size } = chartSettings;\n        this.updateChartSize(size, facetKeys, facetSettings, primaryGrouping.keys, orientation, statsData);\n        this.updateViewport(\n            orientation,\n            primaryGrouping.keys,\n            secondaryGrouping.keys,\n            facetKeys,\n            facetSettings,\n            yAxis,\n            layersData,\n            statsData,\n            size,\n            nonEmptyGroupsByFacets\n        );\n        this.createAxisLabels(facetKeys, xAxis, primaryGrouping, orientation);\n        this.createFacetTitles(facetKeys, facetLabels);\n        this.updateCaptionsSize(orientation, facetKeys, xAxis, yAxis);\n        this.updateChartDimensions(facetKeys, facetSettings, orientation, xAxis, yAxis);\n        this.updateLegendSize(chartSettings.legend, primaryGrouping, secondaryGrouping, layersData);\n        this.createMainTitle(facetKeys, chartSettings.title);\n        this.updateMargins(orientation, facetKeys, size);\n        this.updateAesScales(primaryGrouping, secondaryGrouping);\n\n        const component = (\n            <DataFrameProvider dataFrame={dataFrame}>\n                <ChartsGroup\n                    settingsId={settingsId}\n                    chartSettings={chartSettings}\n                    facetKeys={facetKeys}\n                    facetSettings={facetSettings}\n                    facetTitles={this.facetTitles}\n                    chartSizes={this.chartSizes}\n                    chartsDimensions={this.chartsDimensions}\n                    scales={this.scales}\n                    layersData={layersData}\n                    statsData={statsData}\n                    legendData={this.legend}\n                    margins={this.margins}\n                    columnsCount={this.columnsCount}\n                    keyColumn={keyColumn}\n                    xLabels={this.axisLabelsX}\n                    chartTitle={this.mainTitle}\n                    onlyPositive={onlyPositive}\n                    secondaryGrouping={secondaryGrouping}\n                    onTooltipHintSwitch={onTooltipHintSwitch}\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":["getChartEdgeSides","index","facetsCount","columnsCount","rowsCount","chartSides","calculatePaddings","orientation","xAxis","yAxis","captionsSizes","currentRowFacetKeys","facetTitles","chartEdgeSides","facetSettings","currentRow","currentColumn","lastInRow","isVertical","needLeftAxis","needLeftAxisTitle","needBottomAxis","needBottomAxisTitle","yCaptions","yTicks","DEFAULT_TICKS_SIZE","TICK_OFFSET","yAxisTitle","TITLE_LINE","xCaptions","xTicks","xAxisTitle","leftAxisElements","bottomAxisElements","facetTitlesLinesCount","key","MIN_PADDING","FACET_TITLE_OFFSET","FACET_TITLE_LINE","getRowColumn","idx","row","column","isInheritAes","v","ChartRenderer","__publicField","jsx","Fragment","DEFAULT_WIDTH","DEFAULT_HEIGHT","scaleBand","scaleLinear","scaleOrdinal","DEFAULT_AES","_a","node","createRoot","size","facetKeys","primaryKeys","statsData","paddingTop","paddingBottom","statsPadding","getChartStatsPadding","facetCount","maxNRows","maxNCols","width","height","chartWidth","chartHeight","currentLeft","currentTop","facetRows","getFacetRows","res","padding","outerWidth","outerHeight","chartsWidth","chartsHeight","secondaryKeys","layersData","nonEmptyGroupsByFacets","sharedX","sharedY","scaleY","scaleLog","min","meta","geoms","boundsY","max","tempY","facetPrimaryKeys","facetLabels","splitTextByWidth","title","firstChart","lastChart","primaryGrouping","createMultilineDiscreteLabels","secondaryGrouping","inheritedAes","keys","DEFAULT_COMMON_AES","textMeasurer","TextMeasurer","getMaxStrWidth","strs","str","xTail","yTail","axisCaptionsWidthByRows","axisCaptionsWidthByColumns","measureMultilineDiscreteLabels","lodash","facetKey","ticks","specifier","tick","format","mainTitleHeight","TITLE_LINE_HEIGHT","TITLE_MARGIN","minMargin","legend","legendHeight","emptySizes","legendItems","layersHasInheritedAesByField","type","field","l","value","getUsedAes","primaryUsedAes","secondaryUsedAes","items","arrangeLegendParts","legendWidth","item","LEGEND_OFFSET","dataFrame","settingsId","chartSettings","keyColumn","onlyPositive","onTooltipHintSwitch","component","DataFrameProvider","ChartsGroup","message","Error"],"mappings":"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"}
+{"version":3,"file":"ChartRenderer.js","names":[],"sources":["../../src/discrete/ChartRenderer.tsx"],"sourcesContent":["import { scaleBand, scaleLinear, scaleLog, scaleOrdinal } from 'd3-scale';\nimport lodash from 'lodash';\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 { LegendData, LegendItemDiscreteMultiAes } from '../common/types';\nimport { DataFrameProvider } from '../common/useDataFrame';\nimport { DEFAULT_HEIGHT, DEFAULT_WIDTH, TITLE_LINE_HEIGHT, TITLE_MARGIN } from '../constants';\nimport type { DataFrame, GroupKey } from '../DataFrame';\nimport { DEFAULT_COMMON_AES, DEFAULT_TICKS_SIZE } from '../scatterplot/constants';\nimport type { AesItem, ColumnName, GroupingData, InheritAesDiscrete, Orientation } from '../types';\nimport { arrangeLegendParts } from '../utils/arrangeLegendParts';\nimport { TextMeasurer } from '../utils/TextMeasurer/TextMeasurer';\nimport { ChartsGroup } from './components/ChartsGroup';\nimport type { CaptionsSizes, ChartDimensionsData, ChartSizes, ChartsScales, Margins } from './components/types';\nimport { DEFAULT_AES, FACET_TITLE_LINE, FACET_TITLE_OFFSET, LEGEND_OFFSET, MIN_PADDING, TICK_OFFSET, TITLE_LINE } from './constants';\nimport type { DiscreteSettingsImpl } from './DiscreteSettingsImpl';\nimport type { LayerData, StatsData } from './layers/types';\nimport { getChartStatsPadding, splitTextByWidth } from './utils';\nimport { createMultilineDiscreteLabels } from '../utils/createMultilineDiscreteLabels';\nimport { measureMultilineDiscreteLabels } from '../utils/measureMultilineDiscreteLabels';\nimport { getFacetRows } from '../utils/getFacetRowsColumns';\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    orientation: Orientation,\n    xAxis: DiscreteSettingsImpl['chartSettings']['xAxis'],\n    yAxis: DiscreteSettingsImpl['chartSettings']['yAxis'],\n    captionsSizes: CaptionsSizes,\n    currentRowFacetKeys: string[],\n    facetTitles: Record<string, string[]>,\n    chartEdgeSides: ('left' | 'right' | 'top' | 'bottom')[],\n    facetSettings: DiscreteSettingsImpl['facetSettings'],\n    currentRow: number,\n    currentColumn: number,\n    lastInRow: boolean\n) {\n    const isVertical = orientation === 'vertical';\n    const needLeftAxis =\n        chartEdgeSides.includes('left') ||\n        (isVertical && !facetSettings?.sharedY) ||\n        (!isVertical && !facetSettings?.sharedX);\n    const needLeftAxisTitle = chartEdgeSides.includes('left') && yAxis.title !== '';\n    const needBottomAxis =\n        chartEdgeSides.includes('bottom') ||\n        (isVertical && !facetSettings?.sharedX) ||\n        (!isVertical && !facetSettings?.sharedY);\n    const needBottomAxisTitle = chartEdgeSides.includes('bottom') && xAxis.title !== '';\n\n    const yCaptions = captionsSizes.leftAxisCaptionsWidth;\n    const yTicks = (yAxis.showTicks ? DEFAULT_TICKS_SIZE : 0) + (yAxis.hiddenLabels ? 0 : TICK_OFFSET);\n    const yAxisTitle = needLeftAxisTitle ? TITLE_LINE : 0;\n\n    const xCaptions = isVertical ? captionsSizes.bottomAxisCaptionsWidthByRows[currentRow] : captionsSizes.leftAxisCaptionsWidthByColumns[currentColumn];\n    const xTicks = (xAxis.showTicks ? DEFAULT_TICKS_SIZE : 0) + (xAxis.hiddenLabels ? 0 : TICK_OFFSET);\n    const xAxisTitle = isVertical && needBottomAxisTitle || !isVertical && needLeftAxisTitle ? TITLE_LINE : 0;\n\n    const leftAxisElements = isVertical ? yCaptions + yTicks + yAxisTitle : xCaptions + xTicks + xAxisTitle;\n    const bottomAxisElements = isVertical ? xTicks + xCaptions + xAxisTitle : yTicks + 2 * TITLE_LINE;\n\n    const facetTitlesLinesCount = Math.max(...currentRowFacetKeys.map(key => facetTitles[key].length));\n\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 : MIN_PADDING,\n        right: lastInRow ? 0 : MIN_PADDING,\n    };\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 isInheritAes(v: InheritAesDiscrete | string | number | boolean): v is InheritAesDiscrete {\n    return typeof v === 'object' && 'type' in v;\n}\n\nclass ChartRenderer {\n    reactRoot: Root | null = null;\n    parentNode: HTMLElement | null = null;\n    rootNode: HTMLElement | null = null;\n    component: ReactElement = (<></>);\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        // Scale from primary grouping categories to every category x coordinate\n        xPrimary: { null: scaleBand().range([0, DEFAULT_WIDTH]).domain(['1']) },\n        // Scale from secondary grouping categories to x shift inside corresponding primary group\n        xSecondary: { null: scaleBand().range([0, DEFAULT_WIDTH]).domain(['1']) },\n        // Scale from y value to y coordinate, by facet\n        y: { null: scaleLinear().domain([0, 10]).range([DEFAULT_HEIGHT, 0]).nice() },\n        // Scale for link primary grouping category and aesthetics\n        xPrimaryAes: scaleOrdinal<string, AesItem, AesItem>().unknown(DEFAULT_AES),\n        // Scale for link secondary grouping category and aesthetics\n        xSecondaryAes: scaleOrdinal<string, AesItem, AesItem>().unknown(DEFAULT_AES),\n    };\n    facetTitles: Record<string, string[]> = {}; // can be multiline\n    mainTitle: string[] = []; // can be multiline\n    axisLabelsX: Record<string, Record<string, string[]>> = {}; // can be multiline\n    captionsSizes: CaptionsSizes = {\n        bottomAxisCaptionsWidthByRows: [],\n        leftAxisCaptionsWidthByColumns: [],\n        bottomCaptionsTail: 0,\n        leftCaptionsTail: 0,\n        leftAxisCaptionsWidth: 100,\n    };\n    legend: LegendData = { width: 0, height: 0, items: [] };\n    margins: Margins = { left: 0, right: 0, top: 0, bottom: 0 };\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    updateChartSize(\n        size: DiscreteSettingsImpl['chartSettings']['size'],\n        facetKeys: string[],\n        facetSettings: DiscreteSettingsImpl['facetSettings'],\n        primaryKeys: GroupKey[],\n        orientation: Orientation,\n        statsData: StatsData[]\n    ) {\n        const paddingTop = size.innerOffset;\n        const paddingBottom = size.innerOffset;\n        // It may be necessary increase chart height/width for p-value\n        const statsPadding = getChartStatsPadding(statsData, primaryKeys, size.innerOffset);\n        // Use columns/rows count from settings if some of them defined, else make 1 column\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 { width, height } = size;\n        // avoid situation when statistics fill all available chart area\n        if (orientation === 'vertical' && statsPadding > paddingTop) {\n            height += statsPadding;\n        }\n        if (orientation === 'horizontal' && statsPadding > paddingBottom) {\n            width += statsPadding;\n        }\n        this.chartSizes.chartWidth = width;\n        this.chartSizes.chartHeight = height;\n    }\n\n    updateChartDimensions(\n        facetKeys: string[],\n        facetSettings: DiscreteSettingsImpl['facetSettings'],\n        orientation: Orientation,\n        xAxis: DiscreteSettingsImpl['chartSettings']['xAxis'],\n        yAxis: DiscreteSettingsImpl['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                orientation,\n                xAxis,\n                yAxis,\n                this.captionsSizes,\n                facetRows[currentRow],\n                this.facetTitles,\n                chartEdgeSides,\n                facetSettings,\n                currentRow,\n                currentColumn,\n                currentColumn === this.columnsCount - 1\n            );\n\n            const outerWidth = chartWidth + padding.left + padding.right;\n            const outerHeight = chartHeight + padding.top + padding.bottom;\n\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\n        this.chartSizes.chartsWidth = chartsWidth;\n        this.chartSizes.chartsHeight = chartsHeight;\n    }\n\n    updateViewport(\n        orientation: Orientation,\n        primaryKeys: string[],\n        secondaryKeys: string[],\n        facetKeys: string[],\n        facetSettings: DiscreteSettingsImpl['facetSettings'],\n        yAxis: DiscreteSettingsImpl['chartSettings']['yAxis'],\n        layersData: LayerData[],\n        statsData: StatsData[],\n        size: DiscreteSettingsImpl['chartSettings']['size'],\n        nonEmptyGroupsByFacets: Record<string, string[]>,\n    ) {\n        const paddingBottom = size.innerOffset;\n        const isVertical = orientation === 'vertical';\n        const statsPadding = getChartStatsPadding(statsData, primaryKeys, size.innerOffset);\n        const sharedX = facetSettings === null || facetSettings.sharedX;\n        const sharedY = facetSettings === null || facetSettings.sharedY;\n\n        const { chartHeight, chartWidth } = this.chartSizes;\n        facetKeys.forEach(key => {\n            const scaleY = yAxis.scale === 'log' ? scaleLog() : scaleLinear();\n            const min = sharedY\n                ? Math.min(...layersData.map(({ meta }) => meta.minY))\n                : Math.min(...layersData.map(({ geoms }) => Math.min(...geoms[key].map(({ boundsY }) => boundsY.min))));\n            const max = sharedY\n                ? Math.max(...layersData.map(({ meta }) => meta.maxY))\n                : Math.max(...layersData.map(({ geoms }) => Math.max(...geoms[key].map(({ boundsY }) => boundsY.max))));\n\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([min, max])\n                .range(\n                    isVertical\n                        ? [chartHeight - paddingBottom, statsPadding]\n                        : [paddingBottom, chartWidth - statsPadding]\n                );\n            scaleY\n                .domain([tempY.invert(isVertical ? chartHeight : 0), tempY.invert(isVertical ? 0 : chartWidth)])\n                .range(isVertical ? [chartHeight, 0] : [0, chartWidth]);\n            this.scales.y[key] = scaleY;\n\n            const facetPrimaryKeys = sharedX ? primaryKeys : nonEmptyGroupsByFacets[key];\n            this.scales.xPrimary[key] = scaleBand()\n                .domain(facetPrimaryKeys)\n                .range(isVertical ? [0, chartWidth] : [chartHeight, 0]);\n            this.scales.xSecondary[key] = scaleBand()\n                .domain(secondaryKeys)\n                .range([0, this.scales.xPrimary[key].bandwidth()]);\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    createMainTitle(facetKeys: string[], title: DiscreteSettingsImpl['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    createAxisLabels(\n        facetKeys: string[],\n        xAxis: DiscreteSettingsImpl['chartSettings']['xAxis'],\n        primaryGrouping: GroupingData,\n        orientation: Orientation\n    ) {\n        this.axisLabelsX = createMultilineDiscreteLabels(\n            facetKeys,\n            xAxis.labelsPosition,\n            primaryGrouping.valueLabels,\n            xAxis.hiddenLabels,\n            orientation,\n            this.scales.xPrimary,\n        );\n    }\n\n    updateAesScales(primaryGrouping: GroupingData, secondaryGrouping: GroupingData) {\n        if (primaryGrouping.inheritedAes) {\n            const { inheritedAes, keys } = primaryGrouping;\n            this.scales.xPrimaryAes.domain(keys).range(keys.map(key => inheritedAes[key] ?? DEFAULT_COMMON_AES));\n        } else {\n            this.scales.xPrimaryAes.domain([]).range([]);\n        }\n        if (secondaryGrouping.inheritedAes) {\n            const { inheritedAes, keys } = secondaryGrouping;\n            this.scales.xSecondaryAes.domain(keys).range(keys.map(key => inheritedAes[key] ?? DEFAULT_COMMON_AES));\n        } else {\n            this.scales.xSecondaryAes.domain([]).range([]);\n        }\n    }\n\n    updateCaptionsSize(\n        orientation: Orientation,\n        facetKeys: string[],\n        xAxis: DiscreteSettingsImpl['chartSettings']['xAxis'],\n        yAxis: DiscreteSettingsImpl['chartSettings']['yAxis'],\n    ) {\n        const LABEL_FONT_SIZE = 14;\n        const textMeasurer = new TextMeasurer(`600 ${LABEL_FONT_SIZE}px Manrope`);\n\n        function getMaxStrWidth(strs: string[]) {\n            if (!strs.length) {\n                return 0;\n            }\n            return Math.max(...strs.map(str => textMeasurer.getTextWidth(str)));\n        }\n\n        const { xTail, yTail, axisCaptionsWidthByRows, axisCaptionsWidthByColumns } = measureMultilineDiscreteLabels(facetKeys, this.rowsCount, this.columnsCount, xAxis.labelsPosition, this.axisLabelsX, orientation, this.scales.xPrimary);\n\n        const yTicks = lodash.flatten(\n            facetKeys.map(facetKey => {\n                if (yAxis.hiddenLabels) {\n                    return [];\n                }\n                const scaleY = this.scales.y[facetKey];\n                const ticks = scaleY.ticks();\n                const specifier = ticks.some(tick => (Math.abs(tick) < 0.0001 && tick !== 0) || tick > 10000)\n                    ? ',e'\n                    : ',f';\n                const format = scaleY.tickFormat(10, specifier);\n                return ticks.map(format);\n            })\n        );\n\n        this.captionsSizes = {\n            bottomCaptionsTail: xTail,\n            leftCaptionsTail: yTail,\n            bottomAxisCaptionsWidthByRows: axisCaptionsWidthByRows,\n            leftAxisCaptionsWidthByColumns: axisCaptionsWidthByColumns,\n            leftAxisCaptionsWidth: getMaxStrWidth(yTicks),\n        };\n    }\n\n    updateMargins(orientation: Orientation, facetKeys: string[], size: DiscreteSettingsImpl['chartSettings']['size']) {\n        const firstChart = this.chartsDimensions[facetKeys[0]];\n        const lastChart = this.chartsDimensions[facetKeys[facetKeys.length - 1]];\n        const isVertical = orientation === 'vertical';\n\n        const mainTitleHeight = this.mainTitle.length ? TITLE_LINE_HEIGHT * this.mainTitle.length + TITLE_MARGIN * 2 : 0;\n        const minMargin = size.outerOffset;\n        this.margins = {\n            left: Math.max(minMargin, isVertical ? this.captionsSizes.bottomCaptionsTail - firstChart.padding.left : 0),\n            right: this.legend.width + minMargin,\n            top: Math.max(mainTitleHeight, minMargin),\n            bottom: Math.max(minMargin, isVertical ? 0 : this.captionsSizes.leftCaptionsTail - lastChart.padding.bottom),\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: DiscreteSettingsImpl['chartSettings']['legend'],\n        primaryGrouping: GroupingData,\n        secondaryGrouping: GroupingData,\n        layersData: LayerData[]\n    ) {\n        if (!legend.show) {\n            this.legend = { width: 0, height: 0, items: [] };\n            return;\n        }\n        const legendHeight = this.chartSizes.chartHeight;\n        const emptySizes = { width: 0, height: 0, left: 0, top: 0 };\n        const legendItems: LegendItemDiscreteMultiAes[] = [];\n\n        function layersHasInheritedAesByField(\n            type: 'primaryGrouping' | 'secondaryGrouping',\n            field: keyof LegendItemDiscreteMultiAes['usedAes']\n        ) {\n            return layersData.some(l => {\n                const value = l.aes[field as keyof typeof l.aes] as (string | InheritAesDiscrete);\n                return value && isInheritAes(value) && value.type === type;\n            });\n        }\n        function getUsedAes(type: 'primaryGrouping' | 'secondaryGrouping'): LegendItemDiscreteMultiAes['usedAes'] {\n            return {\n                dotFill: layersHasInheritedAesByField(type, 'dotFill'),\n                fillColor: layersHasInheritedAesByField(type, 'fillColor'),\n                lineColor: layersHasInheritedAesByField(type, 'lineColor'),\n                dotShape: layersHasInheritedAesByField(type, 'dotShape'),\n                lineShape: layersHasInheritedAesByField(type, 'lineShape'),\n            };\n        }\n        const primaryUsedAes = getUsedAes('primaryGrouping');\n        const secondaryUsedAes = getUsedAes('secondaryGrouping');\n        if (Object.values(primaryUsedAes).some(v => v) && primaryGrouping.inheritedAes) {\n            legendItems.push({\n                type: 'discreteMulti',\n                id: 'primary',\n                title: primaryGrouping.label,\n                scale: this.scales.xPrimaryAes,\n                values: primaryGrouping.keys,\n                labels: primaryGrouping.valueLabels,\n                usedAes: primaryUsedAes,\n                ...emptySizes,\n            });\n        }\n        if (Object.values(secondaryUsedAes).some(v => v) && secondaryGrouping.inheritedAes) {\n            legendItems.push({\n                type: 'discreteMulti',\n                id: 'secondary',\n                title: secondaryGrouping.label,\n                scale: this.scales.xSecondaryAes,\n                values: secondaryGrouping.keys,\n                labels: secondaryGrouping.valueLabels,\n                usedAes: secondaryUsedAes,\n                ...emptySizes\n            });\n        }\n\n        if (!legendItems.length) {\n            this.legend = { width: 0, height: 0, items: [] };\n            return;\n        }\n\n        const items = arrangeLegendParts(legendItems, this.chartSizes.chartHeight);\n        const 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: DiscreteSettingsImpl['chartSettings'],\n        primaryGrouping: GroupingData,\n        secondaryGrouping: GroupingData,\n        facetSettings: DiscreteSettingsImpl['facetSettings'],\n        facetKeys: string[],\n        facetLabels: string[][],\n        layersData: LayerData[],\n        statsData: StatsData[],\n        keyColumn: ColumnName | null,\n        nonEmptyGroupsByFacets: Record<string, string[]>,\n        onlyPositive: boolean,\n        onTooltipHintSwitch: (v: boolean) => void\n    ) {\n        const { orientation, xAxis, yAxis, size } = chartSettings;\n        this.updateChartSize(size, facetKeys, facetSettings, primaryGrouping.keys, orientation, statsData);\n        this.updateViewport(\n            orientation,\n            primaryGrouping.keys,\n            secondaryGrouping.keys,\n            facetKeys,\n            facetSettings,\n            yAxis,\n            layersData,\n            statsData,\n            size,\n            nonEmptyGroupsByFacets\n        );\n        this.createAxisLabels(facetKeys, xAxis, primaryGrouping, orientation);\n        this.createFacetTitles(facetKeys, facetLabels);\n        this.updateCaptionsSize(orientation, facetKeys, xAxis, yAxis);\n        this.updateChartDimensions(facetKeys, facetSettings, orientation, xAxis, yAxis);\n        this.updateLegendSize(chartSettings.legend, primaryGrouping, secondaryGrouping, layersData);\n        this.createMainTitle(facetKeys, chartSettings.title);\n        this.updateMargins(orientation, facetKeys, size);\n        this.updateAesScales(primaryGrouping, secondaryGrouping);\n\n        const component = (\n            <DataFrameProvider dataFrame={dataFrame}>\n                <ChartsGroup\n                    settingsId={settingsId}\n                    chartSettings={chartSettings}\n                    facetKeys={facetKeys}\n                    facetSettings={facetSettings}\n                    facetTitles={this.facetTitles}\n                    chartSizes={this.chartSizes}\n                    chartsDimensions={this.chartsDimensions}\n                    scales={this.scales}\n                    layersData={layersData}\n                    statsData={statsData}\n                    legendData={this.legend}\n                    margins={this.margins}\n                    columnsCount={this.columnsCount}\n                    keyColumn={keyColumn}\n                    xLabels={this.axisLabelsX}\n                    chartTitle={this.mainTitle}\n                    onlyPositive={onlyPositive}\n                    secondaryGrouping={secondaryGrouping}\n                    onTooltipHintSwitch={onTooltipHintSwitch}\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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"}