@milaboratories/miplots4 1.0.160 → 1.0.162
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/DataFrame.d.ts +3 -3
- package/dist/DataFrame.js +3 -3
- package/dist/DataFrame.js.map +1 -1
- package/dist/_virtual/index10.js +2 -5
- package/dist/_virtual/index10.js.map +1 -1
- package/dist/_virtual/index5.js +5 -2
- package/dist/_virtual/index5.js.map +1 -1
- package/dist/_virtual/index6.js +4 -4
- package/dist/_virtual/index7.js +1 -1
- package/dist/_virtual/index8.js +4 -4
- package/dist/_virtual/index9.js +3 -3
- package/dist/bubble/ChartRenderer.js +55 -55
- package/dist/bubble/ChartRenderer.js.map +1 -1
- package/dist/constants.d.ts +2 -0
- package/dist/constants.js +9 -7
- package/dist/constants.js.map +1 -1
- package/dist/discrete/layers/stackedBar.js.map +1 -1
- package/dist/discrete/layers/stats/pValueCalculation.js +5 -5
- package/dist/heatmap/ChartRenderer.js +184 -181
- package/dist/heatmap/ChartRenderer.js.map +1 -1
- package/dist/heatmap/components/Captions/AxisCaptions.js +34 -34
- package/dist/heatmap/components/Captions/AxisCaptions.js.map +1 -1
- package/dist/heatmap/utils/calculateChartSideElementSizes.js +23 -23
- package/dist/heatmap/utils/calculateChartSideElementSizes.js.map +1 -1
- package/dist/node_modules/.pnpm/scheduler@0.23.2/node_modules/scheduler/index.js +1 -1
- package/dist/scatterplot/ChartRenderer.js +179 -176
- package/dist/scatterplot/ChartRenderer.js.map +1 -1
- package/dist/scatterplot/dots.js +20 -20
- package/dist/scatterplot/dots.js.map +1 -1
- package/dist/scatterplot-umap/ChartRenderer.js +168 -165
- package/dist/scatterplot-umap/ChartRenderer.js.map +1 -1
- package/package.json +1 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ChartRenderer.js","sources":["../../src/heatmap/ChartRenderer.tsx"],"sourcesContent":["import { extent } from 'd3-array';\nimport type { HierarchyNode, HierarchyPointNode } from 'd3-hierarchy';\nimport { cluster } from 'd3-hierarchy';\nimport type { ScaleLinear, ScaleOrdinal } from 'd3-scale';\nimport { scaleLinear, 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, LegendItem } from '../common/types';\nimport { DataFrameProvider } from '../common/useDataFrame';\nimport { DEFAULT_HEIGHT, DEFAULT_WIDTH, TITLE_LINE_HEIGHT, TITLE_MARGIN } from '../constants';\nimport type { DataFrame } from '../DataFrame';\nimport type { AesItem, ColumnName, DataValue } from '../types';\nimport { arrangeLegendParts } from '../utils/arrangeLegendParts';\nimport { getChartEdgeSides } from '../utils/getChartEdgeSides';\nimport { getContinuousLegendTicks } from '../utils/getContinuousLegendTicks';\nimport { TextMeasurer } from '../utils/TextMeasurer/TextMeasurer';\nimport { ChartsGroup } from './components/ChartsGroup';\nimport type {\n AnnotationColorScales,\n CaptionsSizes,\n ChartDendrograms,\n ChartDimensionsData,\n ChartSizes,\n ChartsScales,\n Cluster,\n DendrogramAesScales,\n LabelAngles,\n Margins,\n} from './components/types';\nimport { CHART_SIDE_ELEMENTS, DEFAULT_AES, LEGEND_OFFSET, MIN_MARGIN, TITLE_LINE } from './constants';\nimport type { GroupedCellsHeatmap } from './getCells';\nimport type { DendrogramsData } from './getDendrograms';\nimport type { HeatmapSettingsImpl } from './HeatmapSettingsImpl';\nimport {\n calculateAnnotationTitleSizes,\n calculateChartSideElementSizes,\n calculateSideElementsBBoxes,\n createContinuousColorScale,\n createDiscreteColorScale,\n createDiscreteRoundColorScale,\n} from './utils';\nimport { calculateCaptionTails } from './utils/calculateCaptionTails';\n\nconst COS_PI_4 = Math.cos(Math.PI / 4);\nconst INCLINE_OFFSET = 5; // height of little triangle of text for captions inclined 45deg\nfunction updateLinksHeight(root: HierarchyPointNode<Cluster>, scale: (v: number) => number, coord: 'x' | 'y') {\n function setHeight(d: HierarchyPointNode<Cluster>) {\n d[coord] = scale(d.data.height);\n if (d.children) d.children.forEach(setHeight);\n }\n setHeight(root);\n}\n\n// add shift to move nodes positions with group gaps\nfunction addShiftToLinkCoord(\n root: HierarchyPointNode<Cluster>,\n shift: number,\n coordFrom: 'x' | 'y',\n coordTo = coordFrom\n) {\n function setX(d: HierarchyPointNode<Cluster>) {\n d[coordTo] = d[coordFrom] + shift;\n if (d.children) d.children.forEach(setX);\n }\n setX(root);\n}\n\nconst getSteps = (count: number, valueExtent: number[]) => {\n const min = Math.min(...valueExtent);\n const max = Math.max(...valueExtent);\n if (min === max) {\n const steps = count % 2 === 0 ? [] : [min];\n for (let i = 1; i < count / 2 + 1; i++) {\n steps.push(min + i);\n steps.unshift(min - i);\n }\n return steps;\n }\n if (count < 2) {\n return [min, max];\n }\n const step = (max - min) / (count - 1);\n const steps = [];\n for (let i = 0; i < count - 1; i++) {\n steps.push(min + step * i);\n }\n steps.push(max);\n return steps;\n};\n\nfunction getContinuousColorRange(normalization: HeatmapSettingsImpl['normalization'], colorsCount: number, valueExtent: number[]) {\n let extent = valueExtent;\n if (normalization) {\n if (normalization.colorRange) {\n extent = normalization.colorRange;\n }\n if (normalization.method === 'standardScaling') {\n extent = [-2, 2];\n }\n if (normalization.method === 'meanNormalization') {\n extent = [-0.75, 0.75];\n }\n }\n return getSteps(colorsCount, extent);\n}\n\nfunction getMaxTextLength(keys: string[], labels: Record<string, string>, textMeasurer: TextMeasurer) {\n let maxLabelSize = 0;\n for (const key of keys) {\n if (labels[key] === undefined) continue;\n const l = textMeasurer.getTextWidth(labels[key]);\n if (l > maxLabelSize) maxLabelSize = l;\n }\n return maxLabelSize;\n}\n\nfunction getCaptionHeight(size: number, angle: number) {\n if (angle === 90) {\n return size;\n }\n if (angle === 45) {\n return size * COS_PI_4 + (size > 0 ? 2 * INCLINE_OFFSET : 0);\n }\n return 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 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 margins: Margins = {\n top: MIN_MARGIN,\n bottom: MIN_MARGIN,\n left: MIN_MARGIN,\n right: MIN_MARGIN,\n };\n captionsSizes: CaptionsSizes = {\n xAxisCaptions: 100,\n yAxisCaptions: 100,\n xGroupCaptions: TITLE_LINE,\n yGroupCaptions: TITLE_LINE,\n xCaptionTail: 0,\n yCaptionTail: 0,\n };\n labelAngles: LabelAngles = {\n xAxisLabels: 0,\n yAxisLabels: 0,\n xGroupLabels: 0,\n yGroupLabels: 0,\n };\n columnsCount = 1;\n rowsCount = 1;\n scales: ChartsScales = {\n // scales grouped by facet\n x: { null: scaleOrdinal<string, number>().domain(['null']).range([1]) },\n y: { null: scaleOrdinal<string, number>().domain(['null']).range([1]) },\n };\n step: {\n x: Record<string, number>;\n y: Record<string, number>;\n } = { x: {}, y: {} };\n colorScale: ScaleLinear<string, string> | ScaleOrdinal<string, string, string> = scaleLinear<string, string>()\n .domain([0, 1])\n .range(['white', 'black']);\n annotationColorScales: AnnotationColorScales = {};\n dendrogramAesScales: DendrogramAesScales = {};\n legend: LegendData = {\n width: 0,\n height: 0,\n items: [],\n };\n dendrograms: Record<string, ChartDendrograms> = {};\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 updateMargins(title: HeatmapSettingsImpl['chartSettings']['title'], size: HeatmapSettingsImpl['chartSettings']['size']) {\n this.margins = {\n top: title.show ? TITLE_LINE_HEIGHT + TITLE_MARGIN * 2 : size.outerOffset,\n bottom: size.outerOffset,\n left: size.outerOffset,\n right: this.legend.width + size.outerOffset,\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.margins.bottom, this.legend.height);\n }\n\n updateLegendSize(\n valueType: HeatmapSettingsImpl['chartSettings']['valueType'],\n legend: HeatmapSettingsImpl['chartSettings']['legend'],\n annotations: HeatmapSettingsImpl['annotations'],\n columnValue: ColumnName,\n valueExtent: [number, number]\n ) {\n if (!legend.show) {\n this.legend = { width: 0, height: 0, items: [] };\n return;\n }\n const legendHeight = this.chartSizes.chartHeight;\n const legendItems: LegendItem[] = [];\n const emptySizes = { width: 0, height: 0, left: 0, top: 0 };\n\n const getDefaultLabels = (values: (string | number)[]) => values.reduce((res: Record<string, string>, v: string | number) => { res[v] = String(v); return res; }, {});\n if (valueType === 'continuous') {\n const scale = this.colorScale as ScaleLinear<string, string>;\n const values = getContinuousLegendTicks(scale, valueExtent);\n const tickPositionScale = scaleLinear([values[0], values[values.length - 1]], [legendHeight, 0]); //TODO: update during adding log scale for heatmap\n const title = columnValue.label ?? columnValue.value;\n legendItems.push({\n ...emptySizes,\n type: 'continuous',\n id: 'heatmapValue',\n scale,\n values,\n title,\n tickPositionScale\n });\n } else if (valueType === 'discrete') {\n const scale = this.colorScale as ScaleOrdinal<string, string>;\n const title = columnValue.label ?? columnValue.value;\n const values = scale.domain();\n const labels = getDefaultLabels(values);\n\n legendItems.push({ ...emptySizes, type: 'discreteColor', id: 'heatmapValue', title, scale, values, labels });\n }\n annotations.forEach(item => {\n const title = item.valueColumn.label ?? item.valueColumn.value;\n if (item.type === 'continuous') {\n const scale = this.annotationColorScales[item.id].scale as ScaleLinear<string, string>;\n const values = getContinuousLegendTicks(scale, valueExtent);\n const tickPositionScale = scaleLinear([values[0], values[values.length - 1]], [legendHeight, 0]); //TODO: update during adding log scale for heatmap\n\n legendItems.push({ ...emptySizes, type: 'continuous', id: item.id, tickPositionScale, title, scale, values });\n }\n if (item.type === 'discrete') {\n const scale = this.annotationColorScales[item.id].scale as ScaleOrdinal<string, string>;\n const values = scale.domain();\n const labels = getDefaultLabels(values);\n\n legendItems.push({ ...emptySizes, type: 'discreteColor', id: item.id, title, scale, values, labels });\n }\n });\n\n if (!legendItems.length) {\n this.legend = { width: 0, height: 0, items: [] };\n return;\n }\n\n const items = arrangeLegendParts(legendItems, this.chartSizes.chartHeight);\n const lastItem = items[items.length - 1];\n const legendWidth = lastItem.left + lastItem.width + LEGEND_OFFSET;\n\n this.legend = {\n width: legendWidth,\n height: legendHeight,\n items\n };\n }\n\n updateCaptionsSize(\n groupedCells: GroupedCellsHeatmap,\n xAxis: HeatmapSettingsImpl['chartSettings']['xAxis'],\n yAxis: HeatmapSettingsImpl['chartSettings']['yAxis'],\n facetSettings: HeatmapSettingsImpl['facetSettings']\n ) {\n const textMeasurer = new TextMeasurer('bold 16px Manrope');\n const { xGroupKeys, yGroupKeys, xGroupLabels, yGroupLabels, xKeysByGroups, yKeysByGroups, xLabels, yLabels } = groupedCells.meta;\n this.labelAngles = {\n xAxisLabels: xAxis.axisLabelsAngle,\n yAxisLabels: yAxis.axisLabelsAngle,\n xGroupLabels: xAxis.groupLabelsAngle,\n yGroupLabels: yAxis.groupLabelsAngle,\n };\n\n const maxXLabelSize = xGroupKeys.reduce((res, key) => Math.max(res, getMaxTextLength(xKeysByGroups[key], xLabels, textMeasurer)), 0);\n const maxYLabelSize = yGroupKeys.reduce((res, key) => Math.max(res, getMaxTextLength(yKeysByGroups[key], yLabels, textMeasurer)), 0);\n const maxXGroupLabelSize = getMaxTextLength(xGroupKeys, xGroupLabels, textMeasurer);\n const maxYGroupLabelSize = getMaxTextLength(yGroupKeys, yGroupLabels, textMeasurer);\n const { xCaptionTail, yCaptionTail } = calculateCaptionTails(\n this.labelAngles,\n facetSettings,\n this.scales,\n this.step,\n groupedCells,\n textMeasurer\n );\n this.captionsSizes = {\n xCaptionTail,\n yCaptionTail,\n xGroupCaptions: getCaptionHeight(maxXGroupLabelSize, this.labelAngles.xGroupLabels),\n yGroupCaptions: getCaptionHeight(maxYGroupLabelSize, this.labelAngles.yGroupLabels),\n xAxisCaptions: getCaptionHeight(maxXLabelSize, this.labelAngles.xAxisLabels),\n yAxisCaptions: getCaptionHeight(maxYLabelSize, this.labelAngles.yAxisLabels),\n };\n }\n\n updateChartDimensions(\n size: HeatmapSettingsImpl['chartSettings']['size'],\n facetKeys: string[],\n xGroupKeys: string[],\n yGroupKeys: string[],\n facetSettings: HeatmapSettingsImpl['facetSettings'],\n xAxis: HeatmapSettingsImpl['chartSettings']['xAxis'],\n yAxis: HeatmapSettingsImpl['chartSettings']['yAxis'],\n annotations: HeatmapSettingsImpl['annotations'],\n dendrogramX: HeatmapSettingsImpl['dendrogramX'],\n dendrogramY: HeatmapSettingsImpl['dendrogramY']\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 const { sharedX, sharedY } = facetSettings;\n\n this.chartsDimensions = {};\n\n let currentLeft = 0;\n let currentTop = 0;\n facetKeys.forEach((key, index) => {\n const currentColumn = (index % this.columnsCount) + 1;\n const chartSides = getChartEdgeSides(index, facetKeys.length, this.columnsCount, this.rowsCount);\n const stepX = this.step.x[key];\n const stepY = this.step.y[key];\n const sideElementSizes = calculateChartSideElementSizes(\n xAxis,\n yAxis,\n this.captionsSizes,\n annotations,\n dendrogramX,\n dendrogramY,\n chartSides,\n sharedX,\n sharedY,\n facetKeys,\n xGroupKeys,\n yGroupKeys,\n stepX,\n stepY\n );\n const annotationsTitleSizes = calculateAnnotationTitleSizes(annotations, chartSides, sharedX, sharedY);\n function getPadding(side: 'left' | 'right' | 'top' | 'bottom') {\n return Math.max(\n CHART_SIDE_ELEMENTS[side].reduce((res, el) => res + sideElementSizes[side][el], 0),\n annotationsTitleSizes[side],\n size.innerOffset\n );\n }\n const padding = {\n left: getPadding('left'),\n right: getPadding('right'),\n top: getPadding('top'),\n bottom: getPadding('bottom'),\n };\n if (padding.left < this.captionsSizes.xCaptionTail) {\n padding.left = this.captionsSizes.xCaptionTail;\n }\n if (padding.bottom < this.captionsSizes.yCaptionTail) {\n padding.bottom = this.captionsSizes.yCaptionTail;\n }\n const sideElementBBoxes = calculateSideElementsBBoxes(sideElementSizes, this.chartSizes.chartWidth, this.chartSizes.chartHeight);\n const outerWidth = this.chartSizes.chartWidth + padding.left + padding.right;\n const outerHeight = this.chartSizes.chartHeight + padding.top + padding.bottom;\n this.chartsDimensions[key] = {\n left: currentLeft,\n top: currentTop,\n inner: { width: this.chartSizes.chartWidth, height: this.chartSizes.chartHeight },\n outer: { width: outerWidth, height: outerHeight },\n padding,\n sideElementBBoxes,\n chartEdgeSides: chartSides,\n };\n currentLeft += outerWidth;\n if (currentColumn === this.columnsCount) {\n currentLeft = 0;\n currentTop += outerHeight;\n }\n });\n\n // sum of widths of first row\n const chartsWidth = facetKeys\n .slice(0, this.columnsCount)\n .reduce((sum, key) => sum + this.chartsDimensions[key].outer.width, 0);\n // sum of heights of first column\n const chartsHeight = facetKeys\n .filter((_key, index) => index % this.columnsCount === 0)\n .reduce((sum, key) => sum + this.chartsDimensions[key].outer.height, 0);\n this.chartSizes.chartsWidth = chartsWidth;\n this.chartSizes.chartsHeight = chartsHeight;\n }\n\n updateChartsSizes(\n size: HeatmapSettingsImpl['chartSettings']['size'],\n groupedCells: GroupedCellsHeatmap,\n groupGap: number,\n ) {\n const { width, height, cellWidth, cellHeight } = size;\n const firstFacet = groupedCells.meta.facetKeys[0];\n if (cellWidth && firstFacet) {\n const keysCount = groupedCells.facets[firstFacet].xKeys.length;\n const groupsCount = groupedCells.meta.xGroupKeys.length;\n this.chartSizes.chartWidth = keysCount * cellWidth + groupGap * (groupsCount - 1);\n } else {\n this.chartSizes.chartWidth = width;\n }\n\n if (cellHeight && firstFacet) {\n const keysCount = groupedCells.facets[firstFacet].yKeys.length;\n const groupsCount = groupedCells.meta.yGroupKeys.length;\n this.chartSizes.chartHeight = keysCount * cellHeight + groupGap * (groupsCount - 1);\n } else {\n this.chartSizes.chartHeight = height;\n }\n }\n\n // update scales for cell positions, x and y for each facet\n updateScales(\n facetKeys: string[],\n groupedCells: GroupedCellsHeatmap,\n groupGap: number,\n facetSettings: HeatmapSettingsImpl['facetSettings'],\n size: HeatmapSettingsImpl['chartSettings']['size'],\n xAxis: HeatmapSettingsImpl['chartSettings']['xAxis'],\n yAxis: HeatmapSettingsImpl['chartSettings']['yAxis'],\n dendrogramX: HeatmapSettingsImpl['dendrogramX'],\n dendrogramY: HeatmapSettingsImpl['dendrogramY'],\n customOrder: {x: boolean, y: boolean, xGroup: boolean, yGroup: boolean},\n ) {\n const { width, height, cellWidth, cellHeight } = size;\n const { meta, facets } = groupedCells;\n const { sharedX, sharedY } = facetSettings;\n const sortX = (arr: string[], labels: Record<string, string> = {}) => {\n return arr.sort((a, b) => xAxis.sorting === 'asc'\n ? (labels[a] ?? a).localeCompare((labels[b] ?? b), 'en', { numeric: true })\n : (labels[b] ?? b).localeCompare((labels[a] ?? a), 'en', { numeric: true })\n );\n };\n const sortY = (arr: string[], labels: Record<string, string> = {}) => {\n return arr.sort((a, b) => yAxis.sorting === 'asc'\n ? (labels[a] ?? a).localeCompare((labels[b] ?? b), 'en', { numeric: true })\n : (labels[b] ?? b).localeCompare((labels[a] ?? a), 'en', { numeric: true })\n );\n };\n facetKeys.forEach(facetKey => {\n const facetGroup = facets[facetKey];\n const xGroupKeys = customOrder.xGroup ? meta.xGroupKeys : sortX(meta.xGroupKeys);\n const yGroupKeys = customOrder.yGroup ? meta.yGroupKeys : sortY(meta.yGroupKeys);\n const { xKeysByGroups } = sharedX ? meta : facetGroup;\n const { yKeysByGroups } = sharedY ? meta : facetGroup;\n // for shared facets max cells counts in group should be used\n const xCounts = xGroupKeys.map(xGroupKey => xKeysByGroups[xGroupKey].length);\n const yCounts = yGroupKeys.map(yGroupKey => yKeysByGroups[yGroupKey].length);\n const xCellsCount = xCounts.reduce((sum, count) => sum + count, 0);\n const yCellsCount = yCounts.reduce((sum, count) => sum + count, 0);\n const xStep = cellWidth ? cellWidth : (width - (xCounts.filter(count => count > 0).length - 1) * groupGap) / xCellsCount;\n const yStep = cellHeight ? cellHeight : (height - (yCounts.filter(count => count > 0).length - 1) * groupGap) / yCellsCount;\n\n const xPositions: number[] = [];\n let xKeys: string[] = [];\n let currentX = 0;\n xGroupKeys.forEach(xKey => {\n const axisKeys = dendrogramX || customOrder.x ? xKeysByGroups[xKey] : sortX(xKeysByGroups[xKey], meta.xLabels);\n xKeys = xKeys.concat(axisKeys);\n axisKeys.forEach(() => {\n xPositions.push(currentX);\n currentX += xStep;\n });\n // do not add offset for empty group\n if (axisKeys.length > 0) {\n currentX += groupGap;\n }\n });\n\n const yPositions: number[] = [];\n let yKeys: string[] = [];\n let currentY = 0;\n yGroupKeys.forEach(yKey => {\n const axisKeys = dendrogramY || customOrder.y ? yKeysByGroups[yKey] : sortY(yKeysByGroups[yKey], meta.yLabels);\n yKeys = yKeys.concat(axisKeys);\n axisKeys.forEach(() => {\n yPositions.push(currentY);\n currentY += yStep;\n });\n // do not add offset for empty group\n if (axisKeys.length > 0) {\n currentY += groupGap;\n }\n });\n\n this.scales.x[facetKey] = scaleOrdinal<string, number>().domain(xKeys).range(xPositions);\n this.scales.y[facetKey] = scaleOrdinal<string, number>().domain(yKeys).range(yPositions);\n this.step.x[facetKey] = xStep;\n this.step.y[facetKey] = yStep;\n });\n }\n\n updateAesScale(\n valueType: 'discrete' | 'continuous',\n valueExtent: [number, number],\n aes: HeatmapSettingsImpl['aes'],\n annotations: HeatmapSettingsImpl['annotations'],\n groupedCellsData: GroupedCellsHeatmap,\n cellUniqValues: DataValue[],\n normalization: HeatmapSettingsImpl['normalization']\n ) {\n if (valueType === 'continuous') {\n if (aes.valueColors) {\n this.colorScale = scaleLinear<string, string>()\n .domain(aes.valuesByColors ?? getContinuousColorRange(normalization, aes.valueColors.length, valueExtent))\n .range(aes.valueColors);\n } else if (aes.colorsList) {\n this.colorScale = scaleLinear<string, string>()\n .domain(getContinuousColorRange(normalization, aes.colorsList.length, valueExtent))\n .range(aes.colorsList);\n }\n } else {\n if (aes.colorsMap) {\n const valueKeys = Object.entries(aes.colorsMap);\n this.colorScale = scaleOrdinal<string, string>()\n .domain(valueKeys.map(v => v[0]))\n .range(valueKeys.map(v => v[1]))\n .unknown('#ccc');\n } else if (aes.colorsList) {\n this.colorScale = createDiscreteColorScale(aes.colorsList, cellUniqValues.map(String));\n }\n }\n\n const { xDataByKeys, yDataByKeys } = groupedCellsData.meta;\n annotations.forEach(item => {\n const { colors, type, axis, valueColumn } = item;\n const data = (axis === 'x' ? xDataByKeys : yDataByKeys)[valueColumn.valueLabels ?? valueColumn.value];\n if (type === 'discrete') {\n const discreteValues = lodash.uniq(Object.values(data).map(String)).sort();\n this.annotationColorScales[item.id] = {\n type: 'discrete',\n scale: createDiscreteRoundColorScale(colors, discreteValues),\n };\n } else {\n const values = Object.values(data).map(Number);\n if (!values.length) {\n return;\n }\n const [min = values[0], max = values[0]] = extent(values);\n this.annotationColorScales[item.id] = {\n type: 'continuous',\n scale: createContinuousColorScale(colors, min, max, 0, 0.5, 1),\n };\n }\n });\n }\n\n updateDendrogram(\n facetKeys: string[],\n xGroupKeys: string[],\n yGroupKeys: string[],\n groups: GroupedCellsHeatmap['facets'],\n dendrogramsData: DendrogramsData,\n dendrogramX: HeatmapSettingsImpl['dendrogramX'],\n dendrogramY: HeatmapSettingsImpl['dendrogramY']\n ) {\n facetKeys.forEach(facetKey => {\n this.dendrograms[facetKey] = { x: { treesByGroupKey: {}, data: dendrogramX }, y: { treesByGroupKey: {}, data: dendrogramY } };\n const { xKeysByGroups, yKeysByGroups } = groups[facetKey];\n if (dendrogramX) {\n const { hierarchyByGroupX } = dendrogramsData[facetKey];\n const maxHeightX = xGroupKeys.reduce((res, xKey) => Math.max(res, hierarchyByGroupX[xKey]?.data.height), 0);\n this.dendrograms[facetKey].x.treesByGroupKey = xGroupKeys.reduce((res, groupKey) => {\n const hierarchy = hierarchyByGroupX[groupKey];\n const xKeys = xKeysByGroups[groupKey];\n cluster()\n .separation(() => 1)\n .size([xKeys.length * this.step.x[facetKey], dendrogramX.size])(\n hierarchy as HierarchyNode<unknown>\n );\n const root = hierarchy as HierarchyPointNode<Cluster>;\n const heightScale = scaleLinear()\n .domain(dendrogramX.position === 'top' ? [0, maxHeightX] : [maxHeightX, 0])\n .range([dendrogramX.size, 0]);\n updateLinksHeight(root, heightScale, 'y');\n addShiftToLinkCoord(root, this.scales.x[facetKey](xKeys[0]), 'x');\n res[groupKey] = root;\n return res;\n }, {} as Record<string, HierarchyPointNode<Cluster>>);\n this.dendrograms[facetKey].x.data = dendrogramX;\n }\n if (dendrogramY) {\n const { hierarchyByGroupY } = dendrogramsData[facetKey];\n const maxHeightY = yGroupKeys.reduce((res, yKey) => Math.max(res, hierarchyByGroupY[yKey]?.data.height), 0);\n this.dendrograms[facetKey].y.treesByGroupKey = yGroupKeys.reduce((res, groupKey) => {\n const hierarchy = hierarchyByGroupY[groupKey];\n const yKeys = yKeysByGroups[groupKey];\n cluster()\n .separation(() => 1)\n .size([yKeys.length * this.step.y[facetKey], dendrogramY.size])(\n hierarchy as HierarchyNode<unknown>\n );\n const root = hierarchy as HierarchyPointNode<Cluster>;\n const heightScale = scaleLinear()\n .domain(dendrogramY.position === 'left' ? [0, maxHeightY] : [maxHeightY, 0])\n .range([dendrogramY.size, 0]);\n addShiftToLinkCoord(root, this.scales.y[facetKey](yKeys[0]), 'x', 'y');\n updateLinksHeight(root, heightScale, 'x');\n res[groupKey] = root;\n return res;\n }, {} as Record<string, HierarchyPointNode<Cluster>>);\n this.dendrograms[facetKey].y.data = dendrogramY;\n }\n });\n }\n\n updateDendrogramAesScales(inheritedAes: HeatmapSettingsImpl['inheritedDendrogramAes']) {\n if (!inheritedAes) {\n return;\n }\n const usedColumns = Object.keys(inheritedAes);\n this.dendrogramAesScales = usedColumns.reduce((res: DendrogramAesScales, columnName) => {\n const aesMap = inheritedAes[columnName];\n const columnValues: string[] = Object.keys(aesMap);\n res[columnName] = scaleOrdinal<string, AesItem, AesItem>()\n .domain(columnValues)\n .range(\n columnValues.map(value => ({\n ...DEFAULT_AES,\n ...aesMap[value],\n }))\n )\n .unknown(DEFAULT_AES);\n return res;\n }, {});\n }\n\n render(\n dataFrame: DataFrame,\n settingsId: string,\n chartSettings: HeatmapSettingsImpl['chartSettings'],\n facetSettings: HeatmapSettingsImpl['facetSettings'],\n aes: HeatmapSettingsImpl['aes'],\n groupedCellsData: GroupedCellsHeatmap,\n annotations: HeatmapSettingsImpl['annotations'],\n valueColumn: ColumnName,\n dendrogramX: HeatmapSettingsImpl['dendrogramX'],\n dendrogramY: HeatmapSettingsImpl['dendrogramY'],\n dendrogramsData: DendrogramsData,\n inheritedDendrogramAes: HeatmapSettingsImpl['inheritedDendrogramAes'],\n cellUniqValues: DataValue[],\n normalization: HeatmapSettingsImpl['normalization'],\n onTooltipHintSwitch: (v: boolean) => void,\n customOrder: {x: boolean, y: boolean, xGroup: boolean, yGroup: boolean},\n cellsRenderingMode: 'canvas' | 'svg'\n ) {\n const { meta, facets } = groupedCellsData;\n const { facetKeys, xGroupKeys, yGroupKeys, valueExtent } = meta;\n const { xAxis, yAxis, title, size, valueType } = chartSettings;\n this.updateChartsSizes(size, groupedCellsData, aes.groupGap);\n this.updateAesScale(valueType, valueExtent.dataSource, aes, annotations, groupedCellsData, cellUniqValues, normalization);\n this.updateScales(facetKeys, groupedCellsData, aes.groupGap, facetSettings, size, chartSettings.xAxis, chartSettings.yAxis, dendrogramX, dendrogramY, customOrder);\n // caption sizes are needed for chart paddings in chart dimensions\n this.updateCaptionsSize(groupedCellsData, xAxis, yAxis, facetSettings);\n this.updateChartDimensions(\n size,\n facetKeys,\n xGroupKeys,\n yGroupKeys,\n facetSettings,\n xAxis,\n yAxis,\n annotations,\n dendrogramX,\n dendrogramY\n );\n this.updateLegendSize(valueType, chartSettings.legend, annotations, valueColumn, valueExtent.dataSource);\n this.updateMargins(title, size);\n this.updateDendrogram(facetKeys, xGroupKeys, yGroupKeys, facets, dendrogramsData, dendrogramX, dendrogramY);\n this.updateDendrogramAesScales(inheritedDendrogramAes);\n const component = (\n <DataFrameProvider dataFrame={dataFrame}>\n <ChartsGroup\n aes={aes}\n annotations={annotations}\n annotationColorScales={this.annotationColorScales}\n captionsSizes={this.captionsSizes}\n cellsMeta={meta}\n columnsCount={this.columnsCount}\n chartsDimensions={this.chartsDimensions}\n chartSettings={chartSettings}\n chartSizes={this.chartSizes}\n colorScale={this.colorScale as (v: unknown) => string}\n dendrogramAesScales={this.dendrogramAesScales}\n dendrograms={this.dendrograms}\n facetKeys={facetKeys}\n facetSettings={facetSettings}\n groupedCells={facets}\n labelAngles={this.labelAngles}\n legend={this.legend}\n margins={this.margins}\n scales={this.scales}\n settingsId={settingsId}\n step={this.step}\n xGroupKeys={xGroupKeys}\n yGroupKeys={yGroupKeys}\n onTooltipHintSwitch={onTooltipHintSwitch}\n cellsRenderingMode={cellsRenderingMode}\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":["COS_PI_4","INCLINE_OFFSET","updateLinksHeight","root","scale","coord","setHeight","d","addShiftToLinkCoord","shift","coordFrom","coordTo","setX","getSteps","count","valueExtent","min","max","steps","i","step","getContinuousColorRange","normalization","colorsCount","extent","getMaxTextLength","keys","labels","textMeasurer","maxLabelSize","key","l","getCaptionHeight","size","angle","TITLE_LINE","ChartRenderer","__publicField","jsx","Fragment","DEFAULT_WIDTH","DEFAULT_HEIGHT","MIN_MARGIN","scaleOrdinal","scaleLinear","_a","node","createRoot","title","TITLE_LINE_HEIGHT","TITLE_MARGIN","valueType","legend","annotations","columnValue","legendHeight","legendItems","emptySizes","getDefaultLabels","values","res","v","getContinuousLegendTicks","tickPositionScale","item","items","arrangeLegendParts","lastItem","legendWidth","LEGEND_OFFSET","groupedCells","xAxis","yAxis","facetSettings","TextMeasurer","xGroupKeys","yGroupKeys","xGroupLabels","yGroupLabels","xKeysByGroups","yKeysByGroups","xLabels","yLabels","maxXLabelSize","maxYLabelSize","maxXGroupLabelSize","maxYGroupLabelSize","xCaptionTail","yCaptionTail","calculateCaptionTails","facetKeys","dendrogramX","dendrogramY","facetCount","maxNRows","maxNCols","sharedX","sharedY","currentLeft","currentTop","index","currentColumn","chartSides","getChartEdgeSides","stepX","stepY","sideElementSizes","calculateChartSideElementSizes","annotationsTitleSizes","calculateAnnotationTitleSizes","getPadding","side","CHART_SIDE_ELEMENTS","el","padding","sideElementBBoxes","calculateSideElementsBBoxes","outerWidth","outerHeight","chartsWidth","sum","chartsHeight","_key","groupGap","width","height","cellWidth","cellHeight","firstFacet","keysCount","groupsCount","customOrder","meta","facets","sortX","arr","a","b","sortY","facetKey","facetGroup","xCounts","xGroupKey","yCounts","yGroupKey","xCellsCount","yCellsCount","xStep","yStep","xPositions","xKeys","currentX","xKey","axisKeys","yPositions","yKeys","currentY","yKey","aes","groupedCellsData","cellUniqValues","valueKeys","createDiscreteColorScale","xDataByKeys","yDataByKeys","colors","type","axis","valueColumn","data","discreteValues","lodash","createDiscreteRoundColorScale","createContinuousColorScale","groups","dendrogramsData","hierarchyByGroupX","maxHeightX","groupKey","hierarchy","cluster","heightScale","hierarchyByGroupY","maxHeightY","inheritedAes","usedColumns","columnName","aesMap","columnValues","value","DEFAULT_AES","dataFrame","settingsId","chartSettings","inheritedDendrogramAes","onTooltipHintSwitch","cellsRenderingMode","component","DataFrameProvider","ChartsGroup","message","Error"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AA8CA,MAAMA,KAAW,KAAK,IAAI,KAAK,KAAK,CAAC,GAC/BC,KAAiB;AACvB,SAASC,GAAkBC,GAAmCC,GAA8BC,GAAkB;AAC1G,WAASC,EAAUC,GAAgC;AAC/C,IAAAA,EAAEF,CAAK,IAAID,EAAMG,EAAE,KAAK,MAAM,GAC1BA,EAAE,YAAUA,EAAE,SAAS,QAAQD,CAAS;AAAA,EAChD;AACA,EAAAA,EAAUH,CAAI;AAClB;AAGA,SAASK,GACLL,GACAM,GACAC,GACAC,IAAUD,GACZ;AACE,WAASE,EAAKL,GAAgC;AAC1C,IAAAA,EAAEI,CAAO,IAAIJ,EAAEG,CAAS,IAAID,GACxBF,EAAE,YAAUA,EAAE,SAAS,QAAQK,CAAI;AAAA,EAC3C;AACA,EAAAA,EAAKT,CAAI;AACb;AAEA,MAAMU,KAAW,CAACC,GAAeC,MAA0B;AACvD,QAAMC,IAAM,KAAK,IAAI,GAAGD,CAAW,GAC7BE,IAAM,KAAK,IAAI,GAAGF,CAAW;AACnC,MAAIC,MAAQC,GAAK;AACb,UAAMC,IAAQJ,IAAQ,MAAM,IAAI,CAAA,IAAK,CAACE,CAAG;AACzC,aAASG,IAAI,GAAGA,IAAIL,IAAQ,IAAI,GAAGK;AAC/BD,MAAAA,EAAM,KAAKF,IAAMG,CAAC,GAClBD,EAAM,QAAQF,IAAMG,CAAC;AAEzB,WAAOD;AAAAA,EACX;AACA,MAAIJ,IAAQ;AACR,WAAO,CAACE,GAAKC,CAAG;AAEpB,QAAMG,KAAQH,IAAMD,MAAQF,IAAQ,IAC9BI,IAAQ,CAAA;AACd,WAASC,IAAI,GAAGA,IAAIL,IAAQ,GAAGK;AAC3B,IAAAD,EAAM,KAAKF,IAAMI,IAAOD,CAAC;AAE7B,SAAAD,EAAM,KAAKD,CAAG,GACPC;AACX;AAEA,SAASG,GAAwBC,GAAqDC,GAAqBR,GAAuB;AAC9H,MAAIS,IAAST;AACb,SAAIO,MACIA,EAAc,eACdE,IAASF,EAAc,aAEvBA,EAAc,WAAW,sBACzBE,IAAS,CAAC,IAAI,CAAC,IAEfF,EAAc,WAAW,wBACzBE,IAAS,CAAC,OAAO,IAAI,KAGtBX,GAASU,GAAaC,CAAM;AACvC;AAEA,SAASC,EAAiBC,GAAgBC,GAAgCC,GAA4B;AAClG,MAAIC,IAAe;AACnB,aAAWC,KAAOJ,GAAM;AACpB,QAAIC,EAAOG,CAAG,MAAM,OAAW;AAC/B,UAAMC,IAAIH,EAAa,aAAaD,EAAOG,CAAG,CAAC;AAC/C,IAAIC,IAAIF,MAAcA,IAAeE;AAAA,EACzC;AACA,SAAOF;AACX;AAEA,SAASG,EAAiBC,GAAcC,GAAe;AACnD,SAAIA,MAAU,KACHD,IAEPC,MAAU,KACHD,IAAOjC,MAAYiC,IAAO,IAAI,IAAIhC,KAAiB,KAEvDkC;AACX;AAEA,MAAMC,GAAc;AAAA,EAApB;AACI,IAAAC,EAAA,mBAAyB;AACzB,IAAAA,EAAA,oBAAiC;AACjC,IAAAA,EAAA,kBAA+B;AAC/B,IAAAA,EAAA,mBAA2BC,gBAAAA,EAAAA,IAAAC,EAAAA,UAAA,EAAE;AAC7B,IAAAF,EAAA,0BAAwD,CAAA;AACxD,IAAAA,EAAA,oBAAyB;AAAA,MACrB,YAAYG;AAAA;AAAA,MACZ,aAAaC;AAAA;AAAA,MACb,aAAaD;AAAA;AAAA,MACb,cAAcC;AAAA;AAAA,MACd,YAAYD;AAAA;AAAA,MACZ,aAAaC;AAAA;AAAA,IAAA;AAEjB,IAAAJ,EAAA,iBAAmB;AAAA,MACf,KAAKK;AAAA,MACL,QAAQA;AAAA,MACR,MAAMA;AAAA,MACN,OAAOA;AAAA,IAAA;AAEX,IAAAL,EAAA,uBAA+B;AAAA,MAC3B,eAAe;AAAA,MACf,eAAe;AAAA,MACf,gBAAgBF;AAAA,MAChB,gBAAgBA;AAAA,MAChB,cAAc;AAAA,MACd,cAAc;AAAA,IAAA;AAElB,IAAAE,EAAA,qBAA2B;AAAA,MACvB,aAAa;AAAA,MACb,aAAa;AAAA,MACb,cAAc;AAAA,MACd,cAAc;AAAA,IAAA;AAElB,IAAAA,EAAA,sBAAe;AACf,IAAAA,EAAA,mBAAY;AACZ,IAAAA,EAAA,gBAAuB;AAAA;AAAA,MAEnB,GAAG,EAAE,MAAMM,EAAA,EAA+B,OAAO,CAAC,MAAM,CAAC,EAAE,MAAM,CAAC,CAAC,CAAC,EAAA;AAAA,MACpE,GAAG,EAAE,MAAMA,EAAA,EAA+B,OAAO,CAAC,MAAM,CAAC,EAAE,MAAM,CAAC,CAAC,CAAC,EAAA;AAAA,IAAE;AAE1E,IAAAN,EAAA,cAGI,EAAE,GAAG,IAAI,GAAG,CAAA,EAAC;AACjB,IAAAA,EAAA,oBAAiFO,EAAA,EAC5E,OAAO,CAAC,GAAG,CAAC,CAAC,EACb,MAAM,CAAC,SAAS,OAAO,CAAC;AAC7B,IAAAP,EAAA,+BAA+C,CAAA;AAC/C,IAAAA,EAAA,6BAA2C,CAAA;AAC3C,IAAAA,EAAA,gBAAqB;AAAA,MACjB,OAAO;AAAA,MACP,QAAQ;AAAA,MACR,OAAO,CAAA;AAAA,IAAC;AAEZ,IAAAA,EAAA,qBAAgD,CAAA;AAAA;AAAA,EAEhD,QAAQ;;AACJ,IAAI,KAAK,cAAc,KAAK,cACxBQ,IAAA,KAAK,eAAL,QAAAA,EAAiB,YAAY,KAAK,WAClC,KAAK,aAAa,MAClB,KAAK,WAAW,OAGpB,WAAW,MAAM;;AACb,OAAAA,IAAA,KAAK,cAAL,QAAAA,EAAgB,WAChB,KAAK,YAAY;AAAA,IACrB,CAAC;AAAA,EACL;AAAA,EAEA,KAAKC,GAAmB;AACpB,IAAI,KAAK,eAAe,SACpB,KAAK,aAAaA,GAClB,KAAK,WAAW,SAAS,cAAc,KAAK,GAC5C,KAAK,WAAW,YAAY,KAAK,QAAQ,GACzC,KAAK,YAAYC,cAAW,KAAK,QAAQ;AAAA,EAEjD;AAAA,EAEA,cAAcC,GAAsDf,GAAoD;AACpH,SAAK,UAAU;AAAA,MACX,KAAKe,EAAM,OAAOC,KAAoBC,KAAe,IAAIjB,EAAK;AAAA,MAC9D,QAAQA,EAAK;AAAA,MACb,MAAMA,EAAK;AAAA,MACX,OAAO,KAAK,OAAO,QAAQA,EAAK;AAAA,IAAA,GAEpC,KAAK,WAAW,aAAa,KAAK,QAAQ,OAAO,KAAK,WAAW,cAAc,KAAK,QAAQ,OAC5F,KAAK,WAAW,cACZ,KAAK,QAAQ,MAAM,KAAK,IAAI,KAAK,WAAW,eAAe,KAAK,QAAQ,QAAQ,KAAK,OAAO,MAAM;AAAA,EAC1G;AAAA,EAEA,iBACIkB,GACAC,GACAC,GACAC,GACAvC,GACF;AACE,QAAI,CAACqC,EAAO,MAAM;AACd,WAAK,SAAS,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,GAAC;AAC7C;AAAA,IACJ;AACA,UAAMG,IAAe,KAAK,WAAW,aAC/BC,IAA4B,CAAA,GAC5BC,IAAa,EAAE,OAAO,GAAG,QAAQ,GAAG,MAAM,GAAG,KAAK,EAAA,GAElDC,IAAmB,CAACC,MAAgCA,EAAO,OAAO,CAACC,GAA6BC,OAAyBD,EAAIC,CAAC,IAAI,OAAOA,CAAC,GAAUD,IAAQ,CAAA,CAAE;AACpK,QAAIT,MAAc,cAAc;AAC5B,YAAM/C,IAAQ,KAAK,YACbuD,IAASG,EAAyB1D,GAAOW,CAAW,GACpDgD,IAAoBnB,EAAY,CAACe,EAAO,CAAC,GAAGA,EAAOA,EAAO,SAAS,CAAC,CAAC,GAAG,CAACJ,GAAc,CAAC,CAAC,GACzFP,IAAQM,EAAY,SAASA,EAAY;AAC/C,MAAAE,EAAY,KAAK;AAAA,QACb,GAAGC;AAAA,QACH,MAAM;AAAA,QACN,IAAI;AAAA,QACJ,OAAArD;AAAA,QACA,QAAAuD;AAAA,QACA,OAAAX;AAAA,QACA,mBAAAe;AAAA,MAAA,CACH;AAAA,IACL,WAAWZ,MAAc,YAAY;AACjC,YAAM/C,IAAQ,KAAK,YACb4C,IAAQM,EAAY,SAASA,EAAY,OACzCK,IAASvD,EAAM,OAAA,GACfuB,IAAS+B,EAAiBC,CAAM;AAEtC,MAAAH,EAAY,KAAK,EAAE,GAAGC,GAAY,MAAM,iBAAiB,IAAI,gBAAgB,OAAAT,GAAO,OAAA5C,GAAO,QAAAuD,GAAQ,QAAAhC,EAAA,CAAQ;AAAA,IAC/G;AAmBA,QAlBA0B,EAAY,QAAQ,CAAAW,MAAQ;AACxB,YAAMhB,IAAQgB,EAAK,YAAY,SAASA,EAAK,YAAY;AACzD,UAAIA,EAAK,SAAS,cAAc;AAC5B,cAAM5D,IAAQ,KAAK,sBAAsB4D,EAAK,EAAE,EAAE,OAC5CL,IAASG,EAAyB1D,GAAOW,CAAW,GACpDgD,IAAoBnB,EAAY,CAACe,EAAO,CAAC,GAAGA,EAAOA,EAAO,SAAS,CAAC,CAAC,GAAG,CAACJ,GAAc,CAAC,CAAC;AAE/F,QAAAC,EAAY,KAAK,EAAE,GAAGC,GAAY,MAAM,cAAc,IAAIO,EAAK,IAAI,mBAAAD,GAAmB,OAAAf,GAAO,OAAA5C,GAAO,QAAAuD,GAAQ;AAAA,MAChH;AACA,UAAIK,EAAK,SAAS,YAAY;AAC1B,cAAM5D,IAAQ,KAAK,sBAAsB4D,EAAK,EAAE,EAAE,OAC5CL,IAASvD,EAAM,OAAA,GACfuB,IAAS+B,EAAiBC,CAAM;AAEtC,QAAAH,EAAY,KAAK,EAAE,GAAGC,GAAY,MAAM,iBAAiB,IAAIO,EAAK,IAAI,OAAAhB,GAAO,OAAA5C,GAAO,QAAAuD,GAAQ,QAAAhC,GAAQ;AAAA,MACxG;AAAA,IACJ,CAAC,GAEG,CAAC6B,EAAY,QAAQ;AACrB,WAAK,SAAS,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,GAAC;AAC7C;AAAA,IACJ;AAEA,UAAMS,IAAQC,GAAmBV,GAAa,KAAK,WAAW,WAAW,GACnEW,IAAWF,EAAMA,EAAM,SAAS,CAAC,GACjCG,IAAcD,EAAS,OAAOA,EAAS,QAAQE;AAErD,SAAK,SAAS;AAAA,MACV,OAAOD;AAAA,MACP,QAAQb;AAAA,MACR,OAAAU;AAAA,IAAA;AAAA,EAER;AAAA,EAEA,mBACIK,GACAC,GACAC,GACAC,GACF;AACE,UAAM7C,IAAe,IAAI8C,GAAa,mBAAmB,GACnD,EAAE,YAAAC,GAAY,YAAAC,GAAY,cAAAC,GAAc,cAAAC,GAAc,eAAAC,GAAe,eAAAC,GAAe,SAAAC,GAAS,SAAAC,EAAA,IAAYZ,EAAa;AAC5H,SAAK,cAAc;AAAA,MACf,aAAaC,EAAM;AAAA,MACnB,aAAaC,EAAM;AAAA,MACnB,cAAcD,EAAM;AAAA,MACpB,cAAcC,EAAM;AAAA,IAAA;AAGxB,UAAMW,IAAgBR,EAAW,OAAO,CAACf,GAAK9B,MAAQ,KAAK,IAAI8B,GAAKnC,EAAiBsD,EAAcjD,CAAG,GAAGmD,GAASrD,CAAY,CAAC,GAAG,CAAC,GAC7HwD,IAAgBR,EAAW,OAAO,CAAChB,GAAK9B,MAAQ,KAAK,IAAI8B,GAAKnC,EAAiBuD,EAAclD,CAAG,GAAGoD,GAAStD,CAAY,CAAC,GAAG,CAAC,GAC7HyD,IAAqB5D,EAAiBkD,GAAYE,GAAcjD,CAAY,GAC5E0D,IAAqB7D,EAAiBmD,GAAYE,GAAclD,CAAY,GAC5E,EAAE,cAAA2D,GAAc,cAAAC,EAAA,IAAiBC;AAAA,MACnC,KAAK;AAAA,MACLhB;AAAA,MACA,KAAK;AAAA,MACL,KAAK;AAAA,MACLH;AAAA,MACA1C;AAAA,IAAA;AAEJ,SAAK,gBAAgB;AAAA,MACjB,cAAA2D;AAAA,MACA,cAAAC;AAAA,MACA,gBAAgBxD,EAAiBqD,GAAoB,KAAK,YAAY,YAAY;AAAA,MAClF,gBAAgBrD,EAAiBsD,GAAoB,KAAK,YAAY,YAAY;AAAA,MAClF,eAAetD,EAAiBmD,GAAe,KAAK,YAAY,WAAW;AAAA,MAC3E,eAAenD,EAAiBoD,GAAe,KAAK,YAAY,WAAW;AAAA,IAAA;AAAA,EAEnF;AAAA,EAEA,sBACInD,GACAyD,GACAf,GACAC,GACAH,GACAF,GACAC,GACAnB,GACAsC,GACAC,GACF;AACE,UAAMC,IAAaH,EAAU,QACvBI,IAAW,KAAK,IAAIrB,EAAc,SAASoB,GAAYA,CAAU,GACjEE,IAAW,KAAK,IAAItB,EAAc,SAASoB,GAAYA,CAAU;AAEvE,SAAK,eAAepB,EAAc,QAAQ,KAAK,KAAKoB,IAAaC,CAAQ,IAAIC,GAC7E,KAAK,YAAY,KAAK,KAAKF,IAAa,KAAK,YAAY;AACzD,UAAM,EAAE,SAAAG,GAAS,SAAAC,EAAA,IAAYxB;AAE7B,SAAK,mBAAmB,CAAA;AAExB,QAAIyB,IAAc,GACdC,IAAa;AACjB,IAAAT,EAAU,QAAQ,CAAC5D,GAAKsE,MAAU;AAC9B,YAAMC,IAAiBD,IAAQ,KAAK,eAAgB,GAC9CE,IAAaC,GAAkBH,GAAOV,EAAU,QAAQ,KAAK,cAAc,KAAK,SAAS,GACzFc,IAAQ,KAAK,KAAK,EAAE1E,CAAG,GACvB2E,IAAQ,KAAK,KAAK,EAAE3E,CAAG,GACvB4E,IAAmBC;AAAA,QACrBpC;AAAA,QACAC;AAAA,QACA,KAAK;AAAA,QACLnB;AAAA,QACAsC;AAAA,QACAC;AAAA,QACAU;AAAA,QACAN;AAAA,QACAC;AAAA,QACAP;AAAA,QACAf;AAAA,QACAC;AAAA,QACA4B;AAAA,QACAC;AAAA,MAAA,GAEEG,IAAwBC,GAA8BxD,GAAaiD,GAAYN,GAASC,CAAO;AACrG,eAASa,EAAWC,GAA2C;AAC3D,eAAO,KAAK;AAAA,UACRC,GAAoBD,CAAI,EAAE,OAAO,CAACnD,GAAKqD,MAAOrD,IAAM8C,EAAiBK,CAAI,EAAEE,CAAE,GAAG,CAAC;AAAA,UACjFL,EAAsBG,CAAI;AAAA,UAC1B9E,EAAK;AAAA,QAAA;AAAA,MAEb;AACA,YAAMiF,IAAU;AAAA,QACZ,MAAMJ,EAAW,MAAM;AAAA,QACvB,OAAOA,EAAW,OAAO;AAAA,QACzB,KAAKA,EAAW,KAAK;AAAA,QACrB,QAAQA,EAAW,QAAQ;AAAA,MAAA;AAE/B,MAAII,EAAQ,OAAO,KAAK,cAAc,iBAClCA,EAAQ,OAAO,KAAK,cAAc,eAElCA,EAAQ,SAAS,KAAK,cAAc,iBACpCA,EAAQ,SAAS,KAAK,cAAc;AAExC,YAAMC,IAAoBC,GAA4BV,GAAkB,KAAK,WAAW,YAAY,KAAK,WAAW,WAAW,GACzHW,IAAa,KAAK,WAAW,aAAaH,EAAQ,OAAOA,EAAQ,OACjEI,IAAc,KAAK,WAAW,cAAcJ,EAAQ,MAAMA,EAAQ;AACxE,WAAK,iBAAiBpF,CAAG,IAAI;AAAA,QACzB,MAAMoE;AAAA,QACN,KAAKC;AAAA,QACL,OAAO,EAAE,OAAO,KAAK,WAAW,YAAY,QAAQ,KAAK,WAAW,YAAA;AAAA,QACpE,OAAO,EAAE,OAAOkB,GAAY,QAAQC,EAAA;AAAA,QACpC,SAAAJ;AAAA,QACA,mBAAAC;AAAA,QACA,gBAAgBb;AAAA,MAAA,GAEpBJ,KAAemB,GACXhB,MAAkB,KAAK,iBACvBH,IAAc,GACdC,KAAcmB;AAAA,IAEtB,CAAC;AAGD,UAAMC,IAAc7B,EACf,MAAM,GAAG,KAAK,YAAY,EAC1B,OAAO,CAAC8B,GAAK1F,MAAQ0F,IAAM,KAAK,iBAAiB1F,CAAG,EAAE,MAAM,OAAO,CAAC,GAEnE2F,IAAe/B,EAChB,OAAO,CAACgC,GAAMtB,MAAUA,IAAQ,KAAK,iBAAiB,CAAC,EACvD,OAAO,CAACoB,GAAK1F,MAAQ0F,IAAM,KAAK,iBAAiB1F,CAAG,EAAE,MAAM,QAAQ,CAAC;AAC1E,SAAK,WAAW,cAAcyF,GAC9B,KAAK,WAAW,eAAeE;AAAA,EACnC;AAAA,EAEA,kBACIxF,GACAqC,GACAqD,GACF;AACE,UAAM,EAAE,OAAAC,GAAO,QAAAC,GAAQ,WAAAC,GAAW,YAAAC,MAAe9F,GAC3C+F,IAAa1D,EAAa,KAAK,UAAU,CAAC;AAChD,QAAIwD,KAAaE,GAAY;AACzB,YAAMC,IAAY3D,EAAa,OAAO0D,CAAU,EAAE,MAAM,QAClDE,IAAc5D,EAAa,KAAK,WAAW;AACjD,WAAK,WAAW,aAAa2D,IAAYH,IAAYH,KAAYO,IAAc;AAAA,IACnF;AACI,WAAK,WAAW,aAAaN;AAGjC,QAAIG,KAAcC,GAAY;AAC1B,YAAMC,IAAY3D,EAAa,OAAO0D,CAAU,EAAE,MAAM,QAClDE,IAAc5D,EAAa,KAAK,WAAW;AACjD,WAAK,WAAW,cAAc2D,IAAYF,IAAaJ,KAAYO,IAAc;AAAA,IACrF;AACI,WAAK,WAAW,cAAcL;AAAA,EAEtC;AAAA;AAAA,EAGA,aACInC,GACApB,GACAqD,GACAlD,GACAxC,GACAsC,GACAC,GACAmB,GACAC,GACAuC,GACF;AACE,UAAM,EAAE,OAAAP,GAAO,QAAAC,GAAQ,WAAAC,GAAW,YAAAC,MAAe9F,GAC3C,EAAE,MAAAmG,GAAM,QAAAC,EAAA,IAAW/D,GACnB,EAAE,SAAA0B,GAAS,SAAAC,EAAA,IAAYxB,GACvB6D,IAAQ,CAACC,GAAe5G,IAAiC,CAAA,MACpD4G,EAAI;AAAA,MAAK,CAACC,GAAGC,MAAMlE,EAAM,YAAY,SACrC5C,EAAO6G,CAAC,KAAKA,GAAG,cAAe7G,EAAO8G,CAAC,KAAKA,GAAI,MAAM,EAAE,SAAS,GAAA,CAAM,KACvE9G,EAAO8G,CAAC,KAAKA,GAAG,cAAe9G,EAAO6G,CAAC,KAAKA,GAAI,MAAM,EAAE,SAAS,IAAM;AAAA,IAAA,GAG5EE,IAAQ,CAACH,GAAe5G,IAAiC,CAAA,MACpD4G,EAAI;AAAA,MAAK,CAACC,GAAGC,MAAMjE,EAAM,YAAY,SACrC7C,EAAO6G,CAAC,KAAKA,GAAG,cAAe7G,EAAO8G,CAAC,KAAKA,GAAI,MAAM,EAAE,SAAS,GAAA,CAAM,KACvE9G,EAAO8G,CAAC,KAAKA,GAAG,cAAe9G,EAAO6G,CAAC,KAAKA,GAAI,MAAM,EAAE,SAAS,IAAM;AAAA,IAAA;AAGlF,IAAA9C,EAAU,QAAQ,CAAAiD,MAAY;AAC1B,YAAMC,IAAaP,EAAOM,CAAQ,GAC5BhE,IAAawD,EAAY,SAASC,EAAK,aAAaE,EAAMF,EAAK,UAAU,GACzExD,IAAauD,EAAY,SAASC,EAAK,aAAaM,EAAMN,EAAK,UAAU,GACzE,EAAE,eAAArD,EAAA,IAAkBiB,IAAUoC,IAAOQ,GACrC,EAAE,eAAA5D,EAAA,IAAkBiB,IAAUmC,IAAOQ,GAErCC,IAAUlE,EAAW,IAAI,OAAaI,EAAc+D,CAAS,EAAE,MAAM,GACrEC,IAAUnE,EAAW,IAAI,OAAaI,EAAcgE,CAAS,EAAE,MAAM,GACrEC,IAAcJ,EAAQ,OAAO,CAACrB,GAAK1G,MAAU0G,IAAM1G,GAAO,CAAC,GAC3DoI,IAAcH,EAAQ,OAAO,CAACvB,GAAK1G,MAAU0G,IAAM1G,GAAO,CAAC,GAC3DqI,IAAQrB,MAAyBF,KAASiB,EAAQ,OAAO,CAAA/H,MAASA,IAAQ,CAAC,EAAE,SAAS,KAAK6G,KAAYsB,GACvGG,IAAQrB,MAA2BF,KAAUkB,EAAQ,OAAO,CAAAjI,MAASA,IAAQ,CAAC,EAAE,SAAS,KAAK6G,KAAYuB,GAE1GG,IAAuB,CAAA;AAC7B,UAAIC,IAAkB,CAAA,GAClBC,IAAW;AACf,MAAA5E,EAAW,QAAQ,CAAA6E,MAAQ;AACvB,cAAMC,IAAW9D,KAAewC,EAAY,IAAIpD,EAAcyE,CAAI,IAAIlB,EAAMvD,EAAcyE,CAAI,GAAGpB,EAAK,OAAO;AAC7G,QAAAkB,IAAQA,EAAM,OAAOG,CAAQ,GAC7BA,EAAS,QAAQ,MAAM;AACnB,UAAAJ,EAAW,KAAKE,CAAQ,GACxBA,KAAYJ;AAAA,QAChB,CAAC,GAEGM,EAAS,SAAS,MAClBF,KAAY5B;AAAA,MAEpB,CAAC;AAED,YAAM+B,IAAuB,CAAA;AAC7B,UAAIC,IAAkB,CAAA,GAClBC,IAAW;AACf,MAAAhF,EAAW,QAAQ,CAAAiF,MAAQ;AACvB,cAAMJ,IAAW7D,KAAeuC,EAAY,IAAInD,EAAc6E,CAAI,IAAInB,EAAM1D,EAAc6E,CAAI,GAAGzB,EAAK,OAAO;AAC7G,QAAAuB,IAAQA,EAAM,OAAOF,CAAQ,GAC7BA,EAAS,QAAQ,MAAM;AACnB,UAAAC,EAAW,KAAKE,CAAQ,GACxBA,KAAYR;AAAA,QAChB,CAAC,GAEGK,EAAS,SAAS,MAClBG,KAAYjC;AAAA,MAEpB,CAAC,GAED,KAAK,OAAO,EAAEgB,CAAQ,IAAIhG,IAA+B,OAAO2G,CAAK,EAAE,MAAMD,CAAU,GACvF,KAAK,OAAO,EAAEV,CAAQ,IAAIhG,IAA+B,OAAOgH,CAAK,EAAE,MAAMD,CAAU,GACvF,KAAK,KAAK,EAAEf,CAAQ,IAAIQ,GACxB,KAAK,KAAK,EAAER,CAAQ,IAAIS;AAAA,IAC5B,CAAC;AAAA,EACL;AAAA,EAEA,eACIjG,GACApC,GACA+I,GACAzG,GACA0G,GACAC,GACA1I,GACF;AACE,QAAI6B,MAAc;AACd,MAAI2G,EAAI,cACJ,KAAK,aAAalH,EAAA,EACb,OAAOkH,EAAI,kBAAkBzI,GAAwBC,GAAewI,EAAI,YAAY,QAAQ/I,CAAW,CAAC,EACxG,MAAM+I,EAAI,WAAW,IACnBA,EAAI,eACX,KAAK,aAAalH,EAAA,EACb,OAAOvB,GAAwBC,GAAewI,EAAI,WAAW,QAAQ/I,CAAW,CAAC,EACjF,MAAM+I,EAAI,UAAU;AAAA,aAGzBA,EAAI,WAAW;AACf,YAAMG,IAAY,OAAO,QAAQH,EAAI,SAAS;AAC9C,WAAK,aAAanH,IACb,OAAOsH,EAAU,IAAI,CAAApG,MAAKA,EAAE,CAAC,CAAC,CAAC,EAC/B,MAAMoG,EAAU,IAAI,CAAApG,MAAKA,EAAE,CAAC,CAAC,CAAC,EAC9B,QAAQ,MAAM;AAAA,IACvB,MAAA,CAAWiG,EAAI,eACX,KAAK,aAAaI,GAAyBJ,EAAI,YAAYE,EAAe,IAAI,MAAM,CAAC;AAI7F,UAAM,EAAE,aAAAG,GAAa,aAAAC,EAAA,IAAgBL,EAAiB;AACtD,IAAA1G,EAAY,QAAQ,CAAAW,MAAQ;AACxB,YAAM,EAAE,QAAAqG,GAAQ,MAAAC,GAAM,MAAAC,GAAM,aAAAC,MAAgBxG,GACtCyG,KAAQF,MAAS,MAAMJ,IAAcC,GAAaI,EAAY,eAAeA,EAAY,KAAK;AACpG,UAAIF,MAAS,YAAY;AACrB,cAAMI,IAAiBC,GAAO,KAAK,OAAO,OAAOF,CAAI,EAAE,IAAI,MAAM,CAAC,EAAE,KAAA;AACpE,aAAK,sBAAsBzG,EAAK,EAAE,IAAI;AAAA,UAClC,MAAM;AAAA,UACN,OAAO4G,GAA8BP,GAAQK,CAAc;AAAA,QAAA;AAAA,MAEnE,OAAO;AACH,cAAM/G,IAAS,OAAO,OAAO8G,CAAI,EAAE,IAAI,MAAM;AAC7C,YAAI,CAAC9G,EAAO;AACR;AAEJ,cAAM,CAAC3C,IAAM2C,EAAO,CAAC,GAAG1C,IAAM0C,EAAO,CAAC,CAAC,IAAInC,GAAOmC,CAAM;AACxD,aAAK,sBAAsBK,EAAK,EAAE,IAAI;AAAA,UAClC,MAAM;AAAA,UACN,OAAO6G,GAA2BR,GAAQrJ,GAAKC,GAAK,GAAG,KAAK,CAAC;AAAA,QAAA;AAAA,MAErE;AAAA,IACJ,CAAC;AAAA,EACL;AAAA,EAEA,iBACIyE,GACAf,GACAC,GACAkG,GACAC,GACApF,GACAC,GACF;AACE,IAAAF,EAAU,QAAQ,CAAAiD,MAAY;AAC1B,WAAK,YAAYA,CAAQ,IAAI,EAAE,GAAG,EAAE,iBAAiB,CAAA,GAAI,MAAMhD,EAAA,GAAe,GAAG,EAAE,iBAAiB,CAAA,GAAI,MAAMC,IAAY;AAC1H,YAAM,EAAE,eAAAb,GAAe,eAAAC,MAAkB8F,EAAOnC,CAAQ;AACxD,UAAIhD,GAAa;AACb,cAAM,EAAE,mBAAAqF,EAAA,IAAsBD,EAAgBpC,CAAQ,GAChDsC,IAAatG,EAAW,OAAO,CAACf,GAAK4F,MAAA;;AAAS,sBAAK,IAAI5F,IAAKf,IAAAmI,EAAkBxB,CAAI,MAAtB,gBAAA3G,EAAyB,KAAK,MAAM;AAAA,WAAG,CAAC;AAC1G,aAAK,YAAY8F,CAAQ,EAAE,EAAE,kBAAkBhE,EAAW,OAAO,CAACf,GAAKsH,MAAa;AAChF,gBAAMC,IAAYH,EAAkBE,CAAQ,GACtC5B,IAAQvE,EAAcmG,CAAQ;AACpC,UAAAE,EAAA,EACK,WAAW,MAAM,CAAC,EAClB,KAAK,CAAC9B,EAAM,SAAS,KAAK,KAAK,EAAEX,CAAQ,GAAGhD,EAAY,IAAI,CAAC;AAAA,YAC1DwF;AAAA,UAAA;AAER,gBAAMhL,IAAOgL,GACPE,IAAczI,IACf,OAAO+C,EAAY,aAAa,QAAQ,CAAC,GAAGsF,CAAU,IAAI,CAACA,GAAY,CAAC,CAAC,EACzE,MAAM,CAACtF,EAAY,MAAM,CAAC,CAAC;AAChC,iBAAAzF,GAAkBC,GAAMkL,GAAa,GAAG,GACxC7K,GAAoBL,GAAM,KAAK,OAAO,EAAEwI,CAAQ,EAAEW,EAAM,CAAC,CAAC,GAAG,GAAG,GAChE1F,EAAIsH,CAAQ,IAAI/K,GACTyD;AAAA,QACX,GAAG,CAAA,CAAiD,GACpD,KAAK,YAAY+E,CAAQ,EAAE,EAAE,OAAOhD;AAAA,MACxC;AACA,UAAIC,GAAa;AACb,cAAM,EAAE,mBAAA0F,EAAA,IAAsBP,EAAgBpC,CAAQ,GAChD4C,IAAa3G,EAAW,OAAO,CAAChB,GAAKiG,MAAA;;AAAS,sBAAK,IAAIjG,IAAKf,IAAAyI,EAAkBzB,CAAI,MAAtB,gBAAAhH,EAAyB,KAAK,MAAM;AAAA,WAAG,CAAC;AAC1G,aAAK,YAAY8F,CAAQ,EAAE,EAAE,kBAAkB/D,EAAW,OAAO,CAAChB,GAAKsH,MAAa;AAChF,gBAAMC,IAAYG,EAAkBJ,CAAQ,GACtCvB,IAAQ3E,EAAckG,CAAQ;AACpC,UAAAE,EAAA,EACK,WAAW,MAAM,CAAC,EAClB,KAAK,CAACzB,EAAM,SAAS,KAAK,KAAK,EAAEhB,CAAQ,GAAG/C,EAAY,IAAI,CAAC;AAAA,YAC1DuF;AAAA,UAAA;AAER,gBAAMhL,IAAOgL,GACPE,IAAczI,IACf,OAAOgD,EAAY,aAAa,SAAS,CAAC,GAAG2F,CAAU,IAAI,CAACA,GAAY,CAAC,CAAC,EAC1E,MAAM,CAAC3F,EAAY,MAAM,CAAC,CAAC;AAChC,iBAAApF,GAAoBL,GAAM,KAAK,OAAO,EAAEwI,CAAQ,EAAEgB,EAAM,CAAC,CAAC,GAAG,KAAK,GAAG,GACrEzJ,GAAkBC,GAAMkL,GAAa,GAAG,GACxCzH,EAAIsH,CAAQ,IAAI/K,GACTyD;AAAA,QACX,GAAG,CAAA,CAAiD,GACpD,KAAK,YAAY+E,CAAQ,EAAE,EAAE,OAAO/C;AAAA,MACxC;AAAA,IACJ,CAAC;AAAA,EACL;AAAA,EAEA,0BAA0B4F,GAA6D;AACnF,QAAI,CAACA;AACD;AAEJ,UAAMC,IAAc,OAAO,KAAKD,CAAY;AAC5C,SAAK,sBAAsBC,EAAY,OAAO,CAAC7H,GAA0B8H,MAAe;AACpF,YAAMC,IAASH,EAAaE,CAAU,GAChCE,IAAyB,OAAO,KAAKD,CAAM;AACjD,aAAA/H,EAAI8H,CAAU,IAAI/I,EAAA,EACb,OAAOiJ,CAAY,EACnB;AAAA,QACGA,EAAa,IAAI,CAAAC,OAAU;AAAA,UACvB,GAAGC;AAAA,UACH,GAAGH,EAAOE,CAAK;AAAA,QAAA,EACjB;AAAA,MAAA,EAEL,QAAQC,CAAW,GACjBlI;AAAA,IACX,GAAG,CAAA,CAAE;AAAA,EACT;AAAA,EAEA,OACImI,GACAC,GACAC,GACAxH,GACAqF,GACAC,GACA1G,GACAmH,GACA7E,GACAC,GACAmF,GACAmB,GACAlC,GACA1I,GACA6K,GACAhE,GACAiE,GACF;;AACE,UAAM,EAAE,MAAAhE,GAAM,QAAAC,EAAA,IAAW0B,GACnB,EAAE,WAAArE,GAAW,YAAAf,GAAY,YAAAC,GAAY,aAAA7D,MAAgBqH,GACrD,EAAE,OAAA7D,GAAO,OAAAC,GAAO,OAAAxB,GAAO,MAAAf,GAAM,WAAAkB,MAAc8I;AACjD,SAAK,kBAAkBhK,GAAM8H,GAAkBD,EAAI,QAAQ,GAC3D,KAAK,eAAe3G,GAAWpC,EAAY,YAAY+I,GAAKzG,GAAa0G,GAAkBC,GAAgB1I,CAAa,GACxH,KAAK,aAAaoE,GAAWqE,GAAkBD,EAAI,UAAUrF,GAAexC,GAAMgK,EAAc,OAAOA,EAAc,OAAOtG,GAAaC,GAAauC,CAAW,GAEjK,KAAK,mBAAmB4B,GAAkBxF,GAAOC,GAAOC,CAAa,GACrE,KAAK;AAAA,MACDxC;AAAA,MACAyD;AAAA,MACAf;AAAA,MACAC;AAAA,MACAH;AAAA,MACAF;AAAA,MACAC;AAAA,MACAnB;AAAA,MACAsC;AAAA,MACAC;AAAA,IAAA,GAEJ,KAAK,iBAAiBzC,GAAW8I,EAAc,QAAQ5I,GAAamH,GAAazJ,EAAY,UAAU,GACvG,KAAK,cAAciC,GAAOf,CAAI,GAC9B,KAAK,iBAAiByD,GAAWf,GAAYC,GAAYyD,GAAQ0C,GAAiBpF,GAAaC,CAAW,GAC1G,KAAK,0BAA0BsG,CAAsB;AACrD,UAAMG,IACF/J,gBAAAA,EAAAA,IAACgK,IAAA,EAAkB,WAAAP,GACf,UAAAzJ,gBAAAA,EAAAA;AAAAA,MAACiK;AAAA,MAAA;AAAA,QACG,KAAAzC;AAAA,QACA,aAAAzG;AAAA,QACA,uBAAuB,KAAK;AAAA,QAC5B,eAAe,KAAK;AAAA,QACpB,WAAW+E;AAAA,QACX,cAAc,KAAK;AAAA,QACnB,kBAAkB,KAAK;AAAA,QACvB,eAAA6D;AAAA,QACA,YAAY,KAAK;AAAA,QACjB,YAAY,KAAK;AAAA,QACjB,qBAAqB,KAAK;AAAA,QAC1B,aAAa,KAAK;AAAA,QAClB,WAAAvG;AAAA,QACA,eAAAjB;AAAA,QACA,cAAc4D;AAAA,QACd,aAAa,KAAK;AAAA,QAClB,QAAQ,KAAK;AAAA,QACb,SAAS,KAAK;AAAA,QACd,QAAQ,KAAK;AAAA,QACb,YAAA2D;AAAA,QACA,MAAM,KAAK;AAAA,QACX,YAAArH;AAAA,QACA,YAAAC;AAAA,QACA,qBAAAuH;AAAA,QACA,oBAAAC;AAAA,MAAA;AAAA,IAAA,GAER;AAEJ,SAAK,YAAYC,IACjBxJ,IAAA,KAAK,cAAL,QAAAA,EAAgB,OAAOwJ;AAAA,EAC3B;AAAA,EAEA,YAAYG,GAAiB;;AACzB,KAAA3J,IAAA,KAAK,cAAL,QAAAA,EAAgB,OAAOP,gBAAAA,EAAAA,IAACmK,IAAA,EAAM,SAAAD,GAAkB;AAAA,EACpD;AACJ;"}
|
|
1
|
+
{"version":3,"file":"ChartRenderer.js","sources":["../../src/heatmap/ChartRenderer.tsx"],"sourcesContent":["import { extent } from 'd3-array';\nimport type { HierarchyNode, HierarchyPointNode } from 'd3-hierarchy';\nimport { cluster } from 'd3-hierarchy';\nimport type { ScaleLinear, ScaleOrdinal } from 'd3-scale';\nimport { scaleLinear, 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, LegendItem } from '../common/types';\nimport { DataFrameProvider } from '../common/useDataFrame';\nimport { DEFAULT_HEIGHT, DEFAULT_WIDTH, MAX_LEGEND_GRADIENT_HEIGHT, MIN_LEGEND_GRADIENT_HEIGHT, TITLE_LINE_HEIGHT, TITLE_MARGIN } from '../constants';\nimport type { DataFrame } from '../DataFrame';\nimport type { AesItem, ColumnName, DataValue } from '../types';\nimport { arrangeLegendParts } from '../utils/arrangeLegendParts';\nimport { getChartEdgeSides } from '../utils/getChartEdgeSides';\nimport { getContinuousLegendTicks } from '../utils/getContinuousLegendTicks';\nimport { TextMeasurer } from '../utils/TextMeasurer/TextMeasurer';\nimport { ChartsGroup } from './components/ChartsGroup';\nimport type {\n AnnotationColorScales,\n CaptionsSizes,\n ChartDendrograms,\n ChartDimensionsData,\n ChartSizes,\n ChartsScales,\n Cluster,\n DendrogramAesScales,\n LabelAngles,\n Margins,\n} from './components/types';\nimport { CHART_SIDE_ELEMENTS, DEFAULT_AES, LEGEND_OFFSET, MIN_MARGIN, TITLE_LINE } from './constants';\nimport type { GroupedCellsHeatmap } from './getCells';\nimport type { DendrogramsData } from './getDendrograms';\nimport type { HeatmapSettingsImpl } from './HeatmapSettingsImpl';\nimport {\n calculateAnnotationTitleSizes,\n calculateChartSideElementSizes,\n calculateSideElementsBBoxes,\n createContinuousColorScale,\n createDiscreteColorScale,\n createDiscreteRoundColorScale,\n} from './utils';\nimport { calculateCaptionTails } from './utils/calculateCaptionTails';\n\nconst COS_PI_4 = Math.cos(Math.PI / 4);\nconst INCLINE_OFFSET = 5; // height of little triangle of text for captions inclined 45deg\nfunction updateLinksHeight(root: HierarchyPointNode<Cluster>, scale: (v: number) => number, coord: 'x' | 'y') {\n function setHeight(d: HierarchyPointNode<Cluster>) {\n d[coord] = scale(d.data.height);\n if (d.children) d.children.forEach(setHeight);\n }\n setHeight(root);\n}\n\n// add shift to move nodes positions with group gaps\nfunction addShiftToLinkCoord(\n root: HierarchyPointNode<Cluster>,\n shift: number,\n coordFrom: 'x' | 'y',\n coordTo = coordFrom\n) {\n function setX(d: HierarchyPointNode<Cluster>) {\n d[coordTo] = d[coordFrom] + shift;\n if (d.children) d.children.forEach(setX);\n }\n setX(root);\n}\n\nconst getSteps = (count: number, valueExtent: number[]) => {\n const min = Math.min(...valueExtent);\n const max = Math.max(...valueExtent);\n if (min === max) {\n const steps = count % 2 === 0 ? [] : [min];\n for (let i = 1; i < count / 2 + 1; i++) {\n steps.push(min + i);\n steps.unshift(min - i);\n }\n return steps;\n }\n if (count < 2) {\n return [min, max];\n }\n const step = (max - min) / (count - 1);\n const steps = [];\n for (let i = 0; i < count - 1; i++) {\n steps.push(min + step * i);\n }\n steps.push(max);\n return steps;\n};\n\nfunction getContinuousColorRange(normalization: HeatmapSettingsImpl['normalization'], colorsCount: number, valueExtent: number[]) {\n let extent = valueExtent;\n if (normalization) {\n if (normalization.colorRange) {\n extent = normalization.colorRange;\n }\n if (normalization.method === 'standardScaling') {\n extent = [-2, 2];\n }\n if (normalization.method === 'meanNormalization') {\n extent = [-0.75, 0.75];\n }\n }\n return getSteps(colorsCount, extent);\n}\n\nfunction getMaxTextLength(keys: string[], labels: Record<string, string>, textMeasurer: TextMeasurer) {\n let maxLabelSize = 0;\n for (const key of keys) {\n if (labels[key] === undefined) continue;\n const l = textMeasurer.getTextWidth(labels[key]);\n if (l > maxLabelSize) maxLabelSize = l;\n }\n return maxLabelSize;\n}\n\nfunction getCaptionHeight(size: number, angle: number) {\n if (angle === 90) {\n return size;\n }\n if (angle === 45) {\n return size * COS_PI_4 + (size > 0 ? 2 * INCLINE_OFFSET : 0);\n }\n return 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 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 margins: Margins = {\n top: MIN_MARGIN,\n bottom: MIN_MARGIN,\n left: MIN_MARGIN,\n right: MIN_MARGIN,\n };\n captionsSizes: CaptionsSizes = {\n xAxisCaptions: 100,\n yAxisCaptions: 100,\n xGroupCaptions: TITLE_LINE,\n yGroupCaptions: TITLE_LINE,\n xCaptionTail: 0,\n yCaptionTail: 0,\n };\n labelAngles: LabelAngles = {\n xAxisLabels: 0,\n yAxisLabels: 0,\n xGroupLabels: 0,\n yGroupLabels: 0,\n };\n columnsCount = 1;\n rowsCount = 1;\n scales: ChartsScales = {\n // scales grouped by facet\n x: { null: scaleOrdinal<string, number>().domain(['null']).range([1]) },\n y: { null: scaleOrdinal<string, number>().domain(['null']).range([1]) },\n };\n step: {\n x: Record<string, number>;\n y: Record<string, number>;\n } = { x: {}, y: {} };\n colorScale: ScaleLinear<string, string> | ScaleOrdinal<string, string, string> = scaleLinear<string, string>()\n .domain([0, 1])\n .range(['white', 'black']);\n annotationColorScales: AnnotationColorScales = {};\n dendrogramAesScales: DendrogramAesScales = {};\n legend: LegendData = {\n width: 0,\n height: 0,\n items: [],\n };\n dendrograms: Record<string, ChartDendrograms> = {};\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 updateMargins(title: HeatmapSettingsImpl['chartSettings']['title'], size: HeatmapSettingsImpl['chartSettings']['size']) {\n this.margins = {\n top: title.show ? TITLE_LINE_HEIGHT + TITLE_MARGIN * 2 : size.outerOffset,\n bottom: size.outerOffset,\n left: size.outerOffset,\n right: this.legend.width + size.outerOffset,\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.margins.bottom, this.legend.height);\n }\n\n updateLegendSize(\n valueType: HeatmapSettingsImpl['chartSettings']['valueType'],\n legend: HeatmapSettingsImpl['chartSettings']['legend'],\n annotations: HeatmapSettingsImpl['annotations'],\n columnValue: ColumnName,\n valueExtent: [number, number]\n ) {\n if (!legend.show) {\n this.legend = { width: 0, height: 0, items: [] };\n return;\n }\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 const legendItems: LegendItem[] = [];\n const emptySizes = { width: 0, height: 0, left: 0, top: 0 };\n\n const getDefaultLabels = (values: (string | number)[]) => values.reduce((res: Record<string, string>, v: string | number) => { res[v] = String(v); return res; }, {});\n if (valueType === 'continuous') {\n const scale = this.colorScale as ScaleLinear<string, string>;\n const values = getContinuousLegendTicks(scale, valueExtent);\n const tickPositionScale = scaleLinear([values[0], values[values.length - 1]], [continuousHeight, 0]); //TODO: update during adding log scale for heatmap\n const title = columnValue.label ?? columnValue.value;\n legendItems.push({\n ...emptySizes,\n type: 'continuous',\n id: 'heatmapValue',\n scale,\n values,\n title,\n tickPositionScale\n });\n } else if (valueType === 'discrete') {\n const scale = this.colorScale as ScaleOrdinal<string, string>;\n const title = columnValue.label ?? columnValue.value;\n const values = scale.domain();\n const labels = getDefaultLabels(values);\n\n legendItems.push({ ...emptySizes, type: 'discreteColor', id: 'heatmapValue', title, scale, values, labels });\n }\n annotations.forEach(item => {\n const title = item.valueColumn.label ?? item.valueColumn.value;\n if (item.type === 'continuous') {\n const scale = this.annotationColorScales[item.id].scale as ScaleLinear<string, string>;\n const values = getContinuousLegendTicks(scale, valueExtent);\n const tickPositionScale = scaleLinear([values[0], values[values.length - 1]], [continuousHeight, 0]); //TODO: update during adding log scale for heatmap\n\n legendItems.push({ ...emptySizes, type: 'continuous', id: item.id, tickPositionScale, title, scale, values });\n }\n if (item.type === 'discrete') {\n const scale = this.annotationColorScales[item.id].scale as ScaleOrdinal<string, string>;\n const values = scale.domain();\n const labels = getDefaultLabels(values);\n\n legendItems.push({ ...emptySizes, type: 'discreteColor', id: item.id, title, scale, values, labels });\n }\n });\n\n if (!legendItems.length) {\n this.legend = { width: 0, height: 0, items: [] };\n return;\n }\n\n const items = arrangeLegendParts(legendItems, this.chartSizes.chartHeight,continuousHeight);\n const lastItem = items[items.length - 1];\n const legendWidth = lastItem.left + lastItem.width + LEGEND_OFFSET;\n\n this.legend = {\n width: legendWidth,\n height: legendHeight,\n items\n };\n }\n\n updateCaptionsSize(\n groupedCells: GroupedCellsHeatmap,\n xAxis: HeatmapSettingsImpl['chartSettings']['xAxis'],\n yAxis: HeatmapSettingsImpl['chartSettings']['yAxis'],\n facetSettings: HeatmapSettingsImpl['facetSettings']\n ) {\n const textMeasurer = new TextMeasurer('bold 16px Manrope');\n const { xGroupKeys, yGroupKeys, xGroupLabels, yGroupLabels, xKeysByGroups, yKeysByGroups, xLabels, yLabels } = groupedCells.meta;\n this.labelAngles = {\n xAxisLabels: xAxis.axisLabelsAngle,\n yAxisLabels: yAxis.axisLabelsAngle,\n xGroupLabels: xAxis.groupLabelsAngle,\n yGroupLabels: yAxis.groupLabelsAngle,\n };\n\n const maxXLabelSize = xGroupKeys.reduce((res, key) => Math.max(res, getMaxTextLength(xKeysByGroups[key], xLabels, textMeasurer)), 0);\n const maxYLabelSize = yGroupKeys.reduce((res, key) => Math.max(res, getMaxTextLength(yKeysByGroups[key], yLabels, textMeasurer)), 0);\n const maxXGroupLabelSize = getMaxTextLength(xGroupKeys, xGroupLabels, textMeasurer);\n const maxYGroupLabelSize = getMaxTextLength(yGroupKeys, yGroupLabels, textMeasurer);\n const { xCaptionTail, yCaptionTail } = calculateCaptionTails(\n this.labelAngles,\n facetSettings,\n this.scales,\n this.step,\n groupedCells,\n textMeasurer\n );\n this.captionsSizes = {\n xCaptionTail,\n yCaptionTail,\n xGroupCaptions: getCaptionHeight(maxXGroupLabelSize, this.labelAngles.xGroupLabels),\n yGroupCaptions: getCaptionHeight(maxYGroupLabelSize, this.labelAngles.yGroupLabels),\n xAxisCaptions: getCaptionHeight(maxXLabelSize, this.labelAngles.xAxisLabels),\n yAxisCaptions: getCaptionHeight(maxYLabelSize, this.labelAngles.yAxisLabels),\n };\n }\n\n updateChartDimensions(\n size: HeatmapSettingsImpl['chartSettings']['size'],\n facetKeys: string[],\n xGroupKeys: string[],\n yGroupKeys: string[],\n facetSettings: HeatmapSettingsImpl['facetSettings'],\n xAxis: HeatmapSettingsImpl['chartSettings']['xAxis'],\n yAxis: HeatmapSettingsImpl['chartSettings']['yAxis'],\n annotations: HeatmapSettingsImpl['annotations'],\n dendrogramX: HeatmapSettingsImpl['dendrogramX'],\n dendrogramY: HeatmapSettingsImpl['dendrogramY']\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 const { sharedX, sharedY } = facetSettings;\n\n this.chartsDimensions = {};\n\n let currentLeft = 0;\n let currentTop = 0;\n facetKeys.forEach((key, index) => {\n const currentColumn = (index % this.columnsCount) + 1;\n const chartSides = getChartEdgeSides(index, facetKeys.length, this.columnsCount, this.rowsCount);\n const stepX = this.step.x[key];\n const stepY = this.step.y[key];\n const sideElementSizes = calculateChartSideElementSizes(\n xAxis,\n yAxis,\n this.captionsSizes,\n annotations,\n dendrogramX,\n dendrogramY,\n chartSides,\n sharedX,\n sharedY,\n facetKeys,\n xGroupKeys,\n yGroupKeys,\n stepX,\n stepY\n );\n const annotationsTitleSizes = calculateAnnotationTitleSizes(annotations, chartSides, sharedX, sharedY);\n function getPadding(side: 'left' | 'right' | 'top' | 'bottom') {\n return Math.max(\n CHART_SIDE_ELEMENTS[side].reduce((res, el) => res + sideElementSizes[side][el], 0),\n annotationsTitleSizes[side],\n size.innerOffset\n );\n }\n const padding = {\n left: getPadding('left'),\n right: getPadding('right'),\n top: getPadding('top'),\n bottom: getPadding('bottom'),\n };\n if (padding.left < this.captionsSizes.xCaptionTail) {\n padding.left = this.captionsSizes.xCaptionTail;\n }\n if (padding.bottom < this.captionsSizes.yCaptionTail) {\n padding.bottom = this.captionsSizes.yCaptionTail;\n }\n const sideElementBBoxes = calculateSideElementsBBoxes(sideElementSizes, this.chartSizes.chartWidth, this.chartSizes.chartHeight);\n const outerWidth = this.chartSizes.chartWidth + padding.left + padding.right;\n const outerHeight = this.chartSizes.chartHeight + padding.top + padding.bottom;\n this.chartsDimensions[key] = {\n left: currentLeft,\n top: currentTop,\n inner: { width: this.chartSizes.chartWidth, height: this.chartSizes.chartHeight },\n outer: { width: outerWidth, height: outerHeight },\n padding,\n sideElementBBoxes,\n chartEdgeSides: chartSides,\n };\n currentLeft += outerWidth;\n if (currentColumn === this.columnsCount) {\n currentLeft = 0;\n currentTop += outerHeight;\n }\n });\n\n // sum of widths of first row\n const chartsWidth = facetKeys\n .slice(0, this.columnsCount)\n .reduce((sum, key) => sum + this.chartsDimensions[key].outer.width, 0);\n // sum of heights of first column\n const chartsHeight = facetKeys\n .filter((_key, index) => index % this.columnsCount === 0)\n .reduce((sum, key) => sum + this.chartsDimensions[key].outer.height, 0);\n this.chartSizes.chartsWidth = chartsWidth;\n this.chartSizes.chartsHeight = chartsHeight;\n }\n\n updateChartsSizes(\n size: HeatmapSettingsImpl['chartSettings']['size'],\n groupedCells: GroupedCellsHeatmap,\n groupGap: number,\n ) {\n const { width, height, cellWidth, cellHeight } = size;\n const firstFacet = groupedCells.meta.facetKeys[0];\n if (cellWidth && firstFacet) {\n const keysCount = groupedCells.facets[firstFacet].xKeys.length;\n const groupsCount = groupedCells.meta.xGroupKeys.length;\n this.chartSizes.chartWidth = keysCount * cellWidth + groupGap * (groupsCount - 1);\n } else {\n this.chartSizes.chartWidth = width;\n }\n\n if (cellHeight && firstFacet) {\n const keysCount = groupedCells.facets[firstFacet].yKeys.length;\n const groupsCount = groupedCells.meta.yGroupKeys.length;\n this.chartSizes.chartHeight = keysCount * cellHeight + groupGap * (groupsCount - 1);\n } else {\n this.chartSizes.chartHeight = height;\n }\n }\n\n // update scales for cell positions, x and y for each facet\n updateScales(\n facetKeys: string[],\n groupedCells: GroupedCellsHeatmap,\n groupGap: number,\n facetSettings: HeatmapSettingsImpl['facetSettings'],\n size: HeatmapSettingsImpl['chartSettings']['size'],\n xAxis: HeatmapSettingsImpl['chartSettings']['xAxis'],\n yAxis: HeatmapSettingsImpl['chartSettings']['yAxis'],\n dendrogramX: HeatmapSettingsImpl['dendrogramX'],\n dendrogramY: HeatmapSettingsImpl['dendrogramY'],\n customOrder: {x: boolean, y: boolean, xGroup: boolean, yGroup: boolean},\n ) {\n const { width, height, cellWidth, cellHeight } = size;\n const { meta, facets } = groupedCells;\n const { sharedX, sharedY } = facetSettings;\n const sortX = (arr: string[], labels: Record<string, string> = {}) => {\n return arr.sort((a, b) => xAxis.sorting === 'asc'\n ? (labels[a] ?? a).localeCompare((labels[b] ?? b), 'en', { numeric: true })\n : (labels[b] ?? b).localeCompare((labels[a] ?? a), 'en', { numeric: true })\n );\n };\n const sortY = (arr: string[], labels: Record<string, string> = {}) => {\n return arr.sort((a, b) => yAxis.sorting === 'asc'\n ? (labels[a] ?? a).localeCompare((labels[b] ?? b), 'en', { numeric: true })\n : (labels[b] ?? b).localeCompare((labels[a] ?? a), 'en', { numeric: true })\n );\n };\n facetKeys.forEach(facetKey => {\n const facetGroup = facets[facetKey];\n const xGroupKeys = customOrder.xGroup ? meta.xGroupKeys : sortX(meta.xGroupKeys);\n const yGroupKeys = customOrder.yGroup ? meta.yGroupKeys : sortY(meta.yGroupKeys);\n const { xKeysByGroups } = sharedX ? meta : facetGroup;\n const { yKeysByGroups } = sharedY ? meta : facetGroup;\n // for shared facets max cells counts in group should be used\n const xCounts = xGroupKeys.map(xGroupKey => xKeysByGroups[xGroupKey].length);\n const yCounts = yGroupKeys.map(yGroupKey => yKeysByGroups[yGroupKey].length);\n const xCellsCount = xCounts.reduce((sum, count) => sum + count, 0);\n const yCellsCount = yCounts.reduce((sum, count) => sum + count, 0);\n const xStep = cellWidth ? cellWidth : (width - (xCounts.filter(count => count > 0).length - 1) * groupGap) / xCellsCount;\n const yStep = cellHeight ? cellHeight : (height - (yCounts.filter(count => count > 0).length - 1) * groupGap) / yCellsCount;\n\n const xPositions: number[] = [];\n let xKeys: string[] = [];\n let currentX = 0;\n xGroupKeys.forEach(xKey => {\n const axisKeys = dendrogramX || customOrder.x ? xKeysByGroups[xKey] : sortX(xKeysByGroups[xKey], meta.xLabels);\n xKeys = xKeys.concat(axisKeys);\n axisKeys.forEach(() => {\n xPositions.push(currentX);\n currentX += xStep;\n });\n // do not add offset for empty group\n if (axisKeys.length > 0) {\n currentX += groupGap;\n }\n });\n\n const yPositions: number[] = [];\n let yKeys: string[] = [];\n let currentY = 0;\n yGroupKeys.forEach(yKey => {\n const axisKeys = dendrogramY || customOrder.y ? yKeysByGroups[yKey] : sortY(yKeysByGroups[yKey], meta.yLabels);\n yKeys = yKeys.concat(axisKeys);\n axisKeys.forEach(() => {\n yPositions.push(currentY);\n currentY += yStep;\n });\n // do not add offset for empty group\n if (axisKeys.length > 0) {\n currentY += groupGap;\n }\n });\n\n this.scales.x[facetKey] = scaleOrdinal<string, number>().domain(xKeys).range(xPositions);\n this.scales.y[facetKey] = scaleOrdinal<string, number>().domain(yKeys).range(yPositions);\n this.step.x[facetKey] = xStep;\n this.step.y[facetKey] = yStep;\n });\n }\n\n updateAesScale(\n valueType: 'discrete' | 'continuous',\n valueExtent: [number, number],\n aes: HeatmapSettingsImpl['aes'],\n annotations: HeatmapSettingsImpl['annotations'],\n groupedCellsData: GroupedCellsHeatmap,\n cellUniqValues: DataValue[],\n normalization: HeatmapSettingsImpl['normalization']\n ) {\n if (valueType === 'continuous') {\n if (aes.valueColors) {\n this.colorScale = scaleLinear<string, string>()\n .domain(aes.valuesByColors ?? getContinuousColorRange(normalization, aes.valueColors.length, valueExtent))\n .range(aes.valueColors);\n } else if (aes.colorsList) {\n this.colorScale = scaleLinear<string, string>()\n .domain(getContinuousColorRange(normalization, aes.colorsList.length, valueExtent))\n .range(aes.colorsList);\n }\n } else {\n if (aes.colorsMap) {\n const valueKeys = Object.entries(aes.colorsMap);\n this.colorScale = scaleOrdinal<string, string>()\n .domain(valueKeys.map(v => v[0]))\n .range(valueKeys.map(v => v[1]))\n .unknown('#ccc');\n } else if (aes.colorsList) {\n this.colorScale = createDiscreteColorScale(aes.colorsList, cellUniqValues.map(String));\n }\n }\n\n const { xDataByKeys, yDataByKeys } = groupedCellsData.meta;\n annotations.forEach(item => {\n const { colors, type, axis, valueColumn } = item;\n const data = (axis === 'x' ? xDataByKeys : yDataByKeys)[valueColumn.valueLabels ?? valueColumn.value];\n if (type === 'discrete') {\n const discreteValues = lodash.uniq(Object.values(data).map(String)).sort();\n this.annotationColorScales[item.id] = {\n type: 'discrete',\n scale: createDiscreteRoundColorScale(colors, discreteValues),\n };\n } else {\n const values = Object.values(data).map(Number);\n if (!values.length) {\n return;\n }\n const [min = values[0], max = values[0]] = extent(values);\n this.annotationColorScales[item.id] = {\n type: 'continuous',\n scale: createContinuousColorScale(colors, min, max, 0, 0.5, 1),\n };\n }\n });\n }\n\n updateDendrogram(\n facetKeys: string[],\n xGroupKeys: string[],\n yGroupKeys: string[],\n groups: GroupedCellsHeatmap['facets'],\n dendrogramsData: DendrogramsData,\n dendrogramX: HeatmapSettingsImpl['dendrogramX'],\n dendrogramY: HeatmapSettingsImpl['dendrogramY']\n ) {\n facetKeys.forEach(facetKey => {\n this.dendrograms[facetKey] = { x: { treesByGroupKey: {}, data: dendrogramX }, y: { treesByGroupKey: {}, data: dendrogramY } };\n const { xKeysByGroups, yKeysByGroups } = groups[facetKey];\n if (dendrogramX) {\n const { hierarchyByGroupX } = dendrogramsData[facetKey];\n const maxHeightX = xGroupKeys.reduce((res, xKey) => Math.max(res, hierarchyByGroupX[xKey]?.data.height), 0);\n this.dendrograms[facetKey].x.treesByGroupKey = xGroupKeys.reduce((res, groupKey) => {\n const hierarchy = hierarchyByGroupX[groupKey];\n const xKeys = xKeysByGroups[groupKey];\n cluster()\n .separation(() => 1)\n .size([xKeys.length * this.step.x[facetKey], dendrogramX.size])(\n hierarchy as HierarchyNode<unknown>\n );\n const root = hierarchy as HierarchyPointNode<Cluster>;\n const heightScale = scaleLinear()\n .domain(dendrogramX.position === 'top' ? [0, maxHeightX] : [maxHeightX, 0])\n .range([dendrogramX.size, 0]);\n updateLinksHeight(root, heightScale, 'y');\n addShiftToLinkCoord(root, this.scales.x[facetKey](xKeys[0]), 'x');\n res[groupKey] = root;\n return res;\n }, {} as Record<string, HierarchyPointNode<Cluster>>);\n this.dendrograms[facetKey].x.data = dendrogramX;\n }\n if (dendrogramY) {\n const { hierarchyByGroupY } = dendrogramsData[facetKey];\n const maxHeightY = yGroupKeys.reduce((res, yKey) => Math.max(res, hierarchyByGroupY[yKey]?.data.height), 0);\n this.dendrograms[facetKey].y.treesByGroupKey = yGroupKeys.reduce((res, groupKey) => {\n const hierarchy = hierarchyByGroupY[groupKey];\n const yKeys = yKeysByGroups[groupKey];\n cluster()\n .separation(() => 1)\n .size([yKeys.length * this.step.y[facetKey], dendrogramY.size])(\n hierarchy as HierarchyNode<unknown>\n );\n const root = hierarchy as HierarchyPointNode<Cluster>;\n const heightScale = scaleLinear()\n .domain(dendrogramY.position === 'left' ? [0, maxHeightY] : [maxHeightY, 0])\n .range([dendrogramY.size, 0]);\n addShiftToLinkCoord(root, this.scales.y[facetKey](yKeys[0]), 'x', 'y');\n updateLinksHeight(root, heightScale, 'x');\n res[groupKey] = root;\n return res;\n }, {} as Record<string, HierarchyPointNode<Cluster>>);\n this.dendrograms[facetKey].y.data = dendrogramY;\n }\n });\n }\n\n updateDendrogramAesScales(inheritedAes: HeatmapSettingsImpl['inheritedDendrogramAes']) {\n if (!inheritedAes) {\n return;\n }\n const usedColumns = Object.keys(inheritedAes);\n this.dendrogramAesScales = usedColumns.reduce((res: DendrogramAesScales, columnName) => {\n const aesMap = inheritedAes[columnName];\n const columnValues: string[] = Object.keys(aesMap);\n res[columnName] = scaleOrdinal<string, AesItem, AesItem>()\n .domain(columnValues)\n .range(\n columnValues.map(value => ({\n ...DEFAULT_AES,\n ...aesMap[value],\n }))\n )\n .unknown(DEFAULT_AES);\n return res;\n }, {});\n }\n\n render(\n dataFrame: DataFrame,\n settingsId: string,\n chartSettings: HeatmapSettingsImpl['chartSettings'],\n facetSettings: HeatmapSettingsImpl['facetSettings'],\n aes: HeatmapSettingsImpl['aes'],\n groupedCellsData: GroupedCellsHeatmap,\n annotations: HeatmapSettingsImpl['annotations'],\n valueColumn: ColumnName,\n dendrogramX: HeatmapSettingsImpl['dendrogramX'],\n dendrogramY: HeatmapSettingsImpl['dendrogramY'],\n dendrogramsData: DendrogramsData,\n inheritedDendrogramAes: HeatmapSettingsImpl['inheritedDendrogramAes'],\n cellUniqValues: DataValue[],\n normalization: HeatmapSettingsImpl['normalization'],\n onTooltipHintSwitch: (v: boolean) => void,\n customOrder: {x: boolean, y: boolean, xGroup: boolean, yGroup: boolean},\n cellsRenderingMode: 'canvas' | 'svg'\n ) {\n const { meta, facets } = groupedCellsData;\n const { facetKeys, xGroupKeys, yGroupKeys, valueExtent } = meta;\n const { xAxis, yAxis, title, size, valueType } = chartSettings;\n this.updateChartsSizes(size, groupedCellsData, aes.groupGap);\n this.updateAesScale(valueType, valueExtent.dataSource, aes, annotations, groupedCellsData, cellUniqValues, normalization);\n this.updateScales(facetKeys, groupedCellsData, aes.groupGap, facetSettings, size, chartSettings.xAxis, chartSettings.yAxis, dendrogramX, dendrogramY, customOrder);\n // caption sizes are needed for chart paddings in chart dimensions\n this.updateCaptionsSize(groupedCellsData, xAxis, yAxis, facetSettings);\n this.updateChartDimensions(\n size,\n facetKeys,\n xGroupKeys,\n yGroupKeys,\n facetSettings,\n xAxis,\n yAxis,\n annotations,\n dendrogramX,\n dendrogramY\n );\n this.updateLegendSize(valueType, chartSettings.legend, annotations, valueColumn, valueExtent.dataSource);\n this.updateMargins(title, size);\n this.updateDendrogram(facetKeys, xGroupKeys, yGroupKeys, facets, dendrogramsData, dendrogramX, dendrogramY);\n this.updateDendrogramAesScales(inheritedDendrogramAes);\n const component = (\n <DataFrameProvider dataFrame={dataFrame}>\n <ChartsGroup\n aes={aes}\n annotations={annotations}\n annotationColorScales={this.annotationColorScales}\n captionsSizes={this.captionsSizes}\n cellsMeta={meta}\n columnsCount={this.columnsCount}\n chartsDimensions={this.chartsDimensions}\n chartSettings={chartSettings}\n chartSizes={this.chartSizes}\n colorScale={this.colorScale as (v: unknown) => string}\n dendrogramAesScales={this.dendrogramAesScales}\n dendrograms={this.dendrograms}\n facetKeys={facetKeys}\n facetSettings={facetSettings}\n groupedCells={facets}\n labelAngles={this.labelAngles}\n legend={this.legend}\n margins={this.margins}\n scales={this.scales}\n settingsId={settingsId}\n step={this.step}\n xGroupKeys={xGroupKeys}\n yGroupKeys={yGroupKeys}\n onTooltipHintSwitch={onTooltipHintSwitch}\n cellsRenderingMode={cellsRenderingMode}\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":["COS_PI_4","INCLINE_OFFSET","updateLinksHeight","root","scale","coord","setHeight","d","addShiftToLinkCoord","shift","coordFrom","coordTo","setX","getSteps","count","valueExtent","min","max","steps","i","step","getContinuousColorRange","normalization","colorsCount","extent","getMaxTextLength","keys","labels","textMeasurer","maxLabelSize","key","l","getCaptionHeight","size","angle","TITLE_LINE","ChartRenderer","__publicField","jsx","Fragment","DEFAULT_WIDTH","DEFAULT_HEIGHT","MIN_MARGIN","scaleOrdinal","scaleLinear","_a","node","createRoot","title","TITLE_LINE_HEIGHT","TITLE_MARGIN","valueType","legend","annotations","columnValue","continuousHeight","MIN_LEGEND_GRADIENT_HEIGHT","MAX_LEGEND_GRADIENT_HEIGHT","legendHeight","legendItems","emptySizes","getDefaultLabels","values","res","v","getContinuousLegendTicks","tickPositionScale","item","items","arrangeLegendParts","lastItem","legendWidth","LEGEND_OFFSET","groupedCells","xAxis","yAxis","facetSettings","TextMeasurer","xGroupKeys","yGroupKeys","xGroupLabels","yGroupLabels","xKeysByGroups","yKeysByGroups","xLabels","yLabels","maxXLabelSize","maxYLabelSize","maxXGroupLabelSize","maxYGroupLabelSize","xCaptionTail","yCaptionTail","calculateCaptionTails","facetKeys","dendrogramX","dendrogramY","facetCount","maxNRows","maxNCols","sharedX","sharedY","currentLeft","currentTop","index","currentColumn","chartSides","getChartEdgeSides","stepX","stepY","sideElementSizes","calculateChartSideElementSizes","annotationsTitleSizes","calculateAnnotationTitleSizes","getPadding","side","CHART_SIDE_ELEMENTS","el","padding","sideElementBBoxes","calculateSideElementsBBoxes","outerWidth","outerHeight","chartsWidth","sum","chartsHeight","_key","groupGap","width","height","cellWidth","cellHeight","firstFacet","keysCount","groupsCount","customOrder","meta","facets","sortX","arr","a","sortY","facetKey","facetGroup","xCounts","xGroupKey","yCounts","yGroupKey","xCellsCount","yCellsCount","xStep","yStep","xPositions","xKeys","currentX","xKey","axisKeys","yPositions","yKeys","currentY","yKey","aes","groupedCellsData","cellUniqValues","valueKeys","createDiscreteColorScale","xDataByKeys","yDataByKeys","colors","type","axis","valueColumn","data","discreteValues","lodash","createDiscreteRoundColorScale","createContinuousColorScale","groups","dendrogramsData","hierarchyByGroupX","maxHeightX","groupKey","hierarchy","cluster","heightScale","hierarchyByGroupY","maxHeightY","inheritedAes","usedColumns","columnName","aesMap","columnValues","value","DEFAULT_AES","dataFrame","settingsId","chartSettings","inheritedDendrogramAes","onTooltipHintSwitch","cellsRenderingMode","component","DataFrameProvider","ChartsGroup","message","Error"],"mappings":"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"}
|
|
@@ -1,21 +1,21 @@
|
|
|
1
1
|
import { j as t } from "../../../_virtual/jsx-runtime.js";
|
|
2
|
-
import { BLACK as
|
|
3
|
-
import { DEFAULT_TICKS_SIZE as
|
|
2
|
+
import { BLACK as c } from "../../../constants.js";
|
|
3
|
+
import { DEFAULT_TICKS_SIZE as L, TICK_OFFSET as y } from "../../constants.js";
|
|
4
4
|
function D({
|
|
5
5
|
sideElementBBoxes: i,
|
|
6
|
-
debug:
|
|
7
|
-
xKeys:
|
|
6
|
+
debug: j,
|
|
7
|
+
xKeys: A,
|
|
8
8
|
yKeys: S,
|
|
9
|
-
scales:
|
|
10
|
-
xAxis:
|
|
11
|
-
yAxis:
|
|
9
|
+
scales: T,
|
|
10
|
+
xAxis: p,
|
|
11
|
+
yAxis: h,
|
|
12
12
|
stepX: u,
|
|
13
13
|
stepY: z,
|
|
14
|
-
labelAngles:
|
|
14
|
+
labelAngles: l,
|
|
15
15
|
xLabels: C,
|
|
16
16
|
yLabels: X
|
|
17
17
|
}) {
|
|
18
|
-
const V =
|
|
18
|
+
const V = p.showTicks ? L : 0, k = h.showTicks ? L : 0, Y = i.top.axis.isVisible || i.bottom.axis.isVisible, r = i.top.axisTitle.isVisible ? i.top.axisTitle : i.bottom.axisTitle, e = i.top.axis.isVisible ? i.top.axis : i.bottom.axis, F = i.left.axis.isVisible || i.right.axis.isVisible, n = i.left.axisTitle.isVisible ? i.left.axisTitle : i.right.axisTitle, x = i.left.axis.isVisible ? i.left.axis : i.right.axis;
|
|
19
19
|
return /* @__PURE__ */ t.jsxs("g", { children: [
|
|
20
20
|
/* @__PURE__ */ t.jsxs("g", { children: [
|
|
21
21
|
r.isVisible && /* @__PURE__ */ t.jsxs("g", { transform: `translate(${r.x},${r.y})`, children: [
|
|
@@ -26,38 +26,38 @@ function D({
|
|
|
26
26
|
y: r.height / 2,
|
|
27
27
|
textAnchor: "middle",
|
|
28
28
|
dominantBaseline: "central",
|
|
29
|
-
children:
|
|
29
|
+
children: p.title
|
|
30
30
|
}
|
|
31
31
|
),
|
|
32
|
-
|
|
32
|
+
j && /* @__PURE__ */ t.jsx(
|
|
33
33
|
"rect",
|
|
34
34
|
{
|
|
35
35
|
width: r.width,
|
|
36
36
|
height: r.height,
|
|
37
|
-
stroke:
|
|
37
|
+
stroke: c,
|
|
38
38
|
fill: "none"
|
|
39
39
|
}
|
|
40
40
|
)
|
|
41
41
|
] }),
|
|
42
|
-
Y && /* @__PURE__ */ t.jsxs("g", { fontSize: "14px", transform: `translate(${
|
|
43
|
-
|
|
44
|
-
const
|
|
42
|
+
Y && /* @__PURE__ */ t.jsxs("g", { fontSize: "14px", transform: `translate(${e.x},${e.y})`, children: [
|
|
43
|
+
A.map((a) => {
|
|
44
|
+
const b = l.xAxisLabels !== 0, s = p.position === "bottom", f = s ? 0 : e.height, d = s ? f + V : f - V, w = s ? d + y : d - y, o = T.x(a) + u / 2, g = -l.xAxisLabels, $ = b ? s ? "end" : "start" : "middle";
|
|
45
45
|
return /* @__PURE__ */ t.jsxs("g", { children: [
|
|
46
|
-
/* @__PURE__ */ t.jsx("line", { x1: o, x2: o, y1:
|
|
47
|
-
/* @__PURE__ */ t.jsx(
|
|
46
|
+
/* @__PURE__ */ t.jsx("line", { x1: o, x2: o, y1: f, y2: d, stroke: c }),
|
|
47
|
+
p.showAxisLabels && /* @__PURE__ */ t.jsx(
|
|
48
48
|
"text",
|
|
49
49
|
{
|
|
50
50
|
x: o,
|
|
51
|
-
y,
|
|
51
|
+
y: w,
|
|
52
52
|
textAnchor: $,
|
|
53
|
-
transform: `rotate(${
|
|
54
|
-
dominantBaseline:
|
|
55
|
-
children: C[
|
|
53
|
+
transform: `rotate(${g},${o},${w})`,
|
|
54
|
+
dominantBaseline: b ? "central" : s ? "hanging" : "auto",
|
|
55
|
+
children: C[a]
|
|
56
56
|
}
|
|
57
57
|
)
|
|
58
|
-
] },
|
|
58
|
+
] }, a);
|
|
59
59
|
}),
|
|
60
|
-
|
|
60
|
+
j && /* @__PURE__ */ t.jsx("rect", { width: e.width, height: e.height, stroke: c, fill: "none" })
|
|
61
61
|
] })
|
|
62
62
|
] }),
|
|
63
63
|
/* @__PURE__ */ t.jsxs("g", { children: [
|
|
@@ -70,40 +70,40 @@ function D({
|
|
|
70
70
|
children: /* @__PURE__ */ t.jsx(
|
|
71
71
|
"text",
|
|
72
72
|
{
|
|
73
|
-
transform: `rotate(${
|
|
73
|
+
transform: `rotate(${h.position === "left" ? -90 : 90})`,
|
|
74
74
|
dominantBaseline: "central",
|
|
75
75
|
textAnchor: "middle",
|
|
76
|
-
children:
|
|
76
|
+
children: h.title
|
|
77
77
|
}
|
|
78
78
|
)
|
|
79
79
|
}
|
|
80
80
|
),
|
|
81
|
-
|
|
81
|
+
j && /* @__PURE__ */ t.jsx(
|
|
82
82
|
"rect",
|
|
83
83
|
{
|
|
84
84
|
x: n.x,
|
|
85
85
|
y: n.y,
|
|
86
86
|
width: n.width,
|
|
87
87
|
height: n.height,
|
|
88
|
-
stroke:
|
|
88
|
+
stroke: c,
|
|
89
89
|
fill: "none"
|
|
90
90
|
}
|
|
91
91
|
),
|
|
92
|
-
F && /* @__PURE__ */ t.jsx("g", { fontSize: "14px", transform: `translate(${x.x},${x.y})`, children: S.map((
|
|
93
|
-
const
|
|
92
|
+
F && /* @__PURE__ */ t.jsx("g", { fontSize: "14px", transform: `translate(${x.x},${x.y})`, children: S.map((a) => {
|
|
93
|
+
const b = l.yAxisLabels !== 0, s = h.position === "left", f = -(90 - l.yAxisLabels), d = l.yAxisLabels === 0 ? "middle" : s ? "end" : "start", w = b ? "central" : s ? "auto" : "hanging", o = s ? x.width : 0, g = s ? o - k : o + k, $ = s ? g - y : g + y, m = T.y(a) + z / 2;
|
|
94
94
|
return /* @__PURE__ */ t.jsxs("g", { children: [
|
|
95
|
-
/* @__PURE__ */ t.jsx("line", { x1: o, x2:
|
|
96
|
-
/* @__PURE__ */ t.jsx("text", { x: $, y:
|
|
97
|
-
] },
|
|
95
|
+
/* @__PURE__ */ t.jsx("line", { x1: o, x2: g, y1: m, y2: m, stroke: c }),
|
|
96
|
+
h.showAxisLabels && /* @__PURE__ */ t.jsx("text", { x: $, y: m, textAnchor: d, transform: `rotate(${f},${$},${m})`, dominantBaseline: w, children: X[a] })
|
|
97
|
+
] }, a);
|
|
98
98
|
}) }),
|
|
99
|
-
|
|
99
|
+
j && /* @__PURE__ */ t.jsx(
|
|
100
100
|
"rect",
|
|
101
101
|
{
|
|
102
102
|
x: x.x,
|
|
103
103
|
y: x.y,
|
|
104
104
|
height: x.height,
|
|
105
105
|
width: x.width,
|
|
106
|
-
stroke:
|
|
106
|
+
stroke: c,
|
|
107
107
|
fill: "none"
|
|
108
108
|
}
|
|
109
109
|
)
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AxisCaptions.js","sources":["../../../../src/heatmap/components/Captions/AxisCaptions.tsx"],"sourcesContent":["import {BLACK} from '../../../constants';\nimport type {ChartScales, ChartSideElementsBBoxes, LabelAngles} from '../types';\nimport {DEFAULT_TICKS_SIZE, TICK_OFFSET} from '../../constants';\nimport type {HeatmapSettingsImpl} from '../../HeatmapSettingsImpl';\nimport React from 'react';\n\ninterface AxisCaptionsProps {\n sideElementBBoxes: ChartSideElementsBBoxes;\n debug: boolean;\n xKeys: string[];\n yKeys: string[];\n scales: ChartScales;\n xAxis: HeatmapSettingsImpl['chartSettings']['xAxis'];\n yAxis: HeatmapSettingsImpl['chartSettings']['yAxis'];\n stepX: number;\n stepY: number;\n labelAngles: LabelAngles;\n xLabels: Record<string, string>;\n yLabels: Record<string, string>;\n}\nexport function AxisCaptions({\n sideElementBBoxes,\n debug,\n xKeys,\n yKeys,\n scales,\n xAxis,\n yAxis,\n stepX,\n stepY,\n labelAngles,\n xLabels,\n yLabels\n}: AxisCaptionsProps) {\n const tickSizeX = xAxis.showTicks ? DEFAULT_TICKS_SIZE : 0;\n const tickSizeY = yAxis.showTicks ? DEFAULT_TICKS_SIZE : 0;\n\n const xAxisVisible = sideElementBBoxes.top.axis.isVisible || sideElementBBoxes.bottom.axis.isVisible;\n const xAxisTitleBBox = sideElementBBoxes.top.axisTitle.isVisible\n ? sideElementBBoxes.top.axisTitle\n : sideElementBBoxes.bottom.axisTitle;\n const xAxisBBox = sideElementBBoxes.top.axis.isVisible ? sideElementBBoxes.top.axis : sideElementBBoxes.bottom.axis;\n\n const yAxisVisible = sideElementBBoxes.left.axis.isVisible || sideElementBBoxes.right.axis.isVisible;\n const yAxisTitleBBox = sideElementBBoxes.left.axisTitle.isVisible\n ? sideElementBBoxes.left.axisTitle\n : sideElementBBoxes.right.axisTitle;\n const yAxisBBox = sideElementBBoxes.left.axis.isVisible\n ? sideElementBBoxes.left.axis\n : sideElementBBoxes.right.axis;\n return (\n <g>\n {/* x-axis title, ticks and captions */}\n <g>\n {xAxisTitleBBox.isVisible && (\n <g transform={`translate(${xAxisTitleBBox.x},${xAxisTitleBBox.y})`}>\n <text\n x={xAxisTitleBBox.width / 2}\n y={xAxisTitleBBox.height / 2}\n textAnchor=\"middle\"\n dominantBaseline=\"central\"\n >\n {xAxis.title}\n </text>\n {debug && (\n <rect\n width={xAxisTitleBBox.width}\n height={xAxisTitleBBox.height}\n stroke={BLACK}\n fill=\"none\"\n />\n )}\n </g>\n )}\n {xAxisVisible && (\n <g fontSize=\"14px\" transform={`translate(${xAxisBBox.x},${xAxisBBox.y})`}>\n {xKeys.map(key => {\n const inclined = labelAngles.xAxisLabels !== 0;\n const onBottom = xAxis.position === 'bottom';\n const tickY1 = onBottom ? 0 : xAxisBBox.height;\n const tickY2 = onBottom ? tickY1 + tickSizeX : tickY1 - tickSizeX;\n const textY = onBottom ? tickY2 + TICK_OFFSET : tickY2 - TICK_OFFSET;\n const x = scales.x(key) + stepX / 2;\n const angle = -labelAngles.xAxisLabels;\n const textAnchor = !inclined ? 'middle' : onBottom ? 'end' : 'start';\n return (\n <g key={key}>\n <line x1={x} x2={x} y1={tickY1} y2={tickY2} stroke={BLACK} />\n <text\n x={x}\n y={textY}\n textAnchor={textAnchor}\n transform={`rotate(${angle},${x},${textY})`}\n dominantBaseline={inclined ? 'central' : onBottom ? 'hanging' :'auto'}\n >\n {xLabels[key]}\n </text>\n </g>\n );\n })}\n {debug && <rect width={xAxisBBox.width} height={xAxisBBox.height} stroke={BLACK} fill=\"none\" />}\n </g>\n )}\n </g>\n {/* y-axis title, ticks and captions */}\n <g>\n {yAxisTitleBBox.isVisible && (\n <g\n transform={`translate(\n ${yAxisTitleBBox.x + yAxisTitleBBox.width / 2},\n ${yAxisTitleBBox.y + yAxisTitleBBox.height / 2})`}\n >\n <text\n transform={`rotate(${yAxis.position === 'left' ? -90 : 90})`}\n dominantBaseline=\"central\"\n textAnchor=\"middle\"\n >\n {yAxis.title}\n </text>\n </g>\n )}\n {debug && (\n <rect\n x={yAxisTitleBBox.x}\n y={yAxisTitleBBox.y}\n width={yAxisTitleBBox.width}\n height={yAxisTitleBBox.height}\n stroke={BLACK}\n fill=\"none\"\n />\n )}\n {yAxisVisible && (\n <g fontSize=\"14px\" transform={`translate(${yAxisBBox.x},${yAxisBBox.y})`}>\n {yKeys.map(key => {\n const inclined = labelAngles.yAxisLabels !== 0;\n const onLeft = yAxis.position === 'left';\n const angle = -(90 - labelAngles.yAxisLabels);\n const textAnchor = labelAngles.yAxisLabels === 0 ? 'middle' : onLeft ? 'end' : 'start';\n const dominantBaseline = inclined ? 'central' : onLeft ? 'auto' : 'hanging';\n const tickX1 = onLeft ? yAxisBBox.width : 0;\n const tickX2 = onLeft ? tickX1 - tickSizeY : tickX1 + tickSizeY;\n const textX = onLeft ? tickX2 - TICK_OFFSET : tickX2 + TICK_OFFSET;\n const y = scales.y(key) + stepY / 2;\n return (\n <g key={key}>\n <line x1={tickX1} x2={tickX2} y1={y} y2={y} stroke={BLACK} />\n <text x={textX} y={y} textAnchor={textAnchor} transform={`rotate(${angle},${textX},${y})`} dominantBaseline={dominantBaseline}>\n {yLabels[key]}\n </text>\n </g>\n );\n })}\n </g>\n )}\n {debug && (\n <rect\n x={yAxisBBox.x}\n y={yAxisBBox.y}\n height={yAxisBBox.height}\n width={yAxisBBox.width}\n stroke={BLACK}\n fill=\"none\"\n />\n )}\n </g>\n </g>\n );\n}\n"],"names":["AxisCaptions","sideElementBBoxes","debug","xKeys","yKeys","scales","xAxis","yAxis","stepX","stepY","labelAngles","xLabels","yLabels","tickSizeX","DEFAULT_TICKS_SIZE","tickSizeY","xAxisVisible","xAxisTitleBBox","xAxisBBox","yAxisVisible","yAxisTitleBBox","yAxisBBox","jsxs","jsx","BLACK","key","inclined","onBottom","tickY1","tickY2","textY","TICK_OFFSET","x","angle","textAnchor","onLeft","dominantBaseline","tickX1","tickX2","textX","y"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"AxisCaptions.js","sources":["../../../../src/heatmap/components/Captions/AxisCaptions.tsx"],"sourcesContent":["import {BLACK} from '../../../constants';\nimport type {ChartScales, ChartSideElementsBBoxes, LabelAngles} from '../types';\nimport {DEFAULT_TICKS_SIZE, TICK_OFFSET} from '../../constants';\nimport type {HeatmapSettingsImpl} from '../../HeatmapSettingsImpl';\nimport React from 'react';\n\ninterface AxisCaptionsProps {\n sideElementBBoxes: ChartSideElementsBBoxes;\n debug: boolean;\n xKeys: string[];\n yKeys: string[];\n scales: ChartScales;\n xAxis: HeatmapSettingsImpl['chartSettings']['xAxis'];\n yAxis: HeatmapSettingsImpl['chartSettings']['yAxis'];\n stepX: number;\n stepY: number;\n labelAngles: LabelAngles;\n xLabels: Record<string, string>;\n yLabels: Record<string, string>;\n}\nexport function AxisCaptions({\n sideElementBBoxes,\n debug,\n xKeys,\n yKeys,\n scales,\n xAxis,\n yAxis,\n stepX,\n stepY,\n labelAngles,\n xLabels,\n yLabels\n}: AxisCaptionsProps) {\n const tickSizeX = xAxis.showTicks ? DEFAULT_TICKS_SIZE : 0;\n const tickSizeY = yAxis.showTicks ? DEFAULT_TICKS_SIZE : 0;\n\n const xAxisVisible = sideElementBBoxes.top.axis.isVisible || sideElementBBoxes.bottom.axis.isVisible;\n const xAxisTitleBBox = sideElementBBoxes.top.axisTitle.isVisible\n ? sideElementBBoxes.top.axisTitle\n : sideElementBBoxes.bottom.axisTitle;\n const xAxisBBox = sideElementBBoxes.top.axis.isVisible ? sideElementBBoxes.top.axis : sideElementBBoxes.bottom.axis;\n\n const yAxisVisible = sideElementBBoxes.left.axis.isVisible || sideElementBBoxes.right.axis.isVisible;\n const yAxisTitleBBox = sideElementBBoxes.left.axisTitle.isVisible\n ? sideElementBBoxes.left.axisTitle\n : sideElementBBoxes.right.axisTitle;\n const yAxisBBox = sideElementBBoxes.left.axis.isVisible\n ? sideElementBBoxes.left.axis\n : sideElementBBoxes.right.axis;\n return (\n <g>\n {/* x-axis title, ticks and captions */}\n <g>\n {xAxisTitleBBox.isVisible && (\n <g transform={`translate(${xAxisTitleBBox.x},${xAxisTitleBBox.y})`}>\n <text\n x={xAxisTitleBBox.width / 2}\n y={xAxisTitleBBox.height / 2}\n textAnchor=\"middle\"\n dominantBaseline=\"central\"\n >\n {xAxis.title}\n </text>\n {debug && (\n <rect\n width={xAxisTitleBBox.width}\n height={xAxisTitleBBox.height}\n stroke={BLACK}\n fill=\"none\"\n />\n )}\n </g>\n )}\n {xAxisVisible && (\n <g fontSize=\"14px\" transform={`translate(${xAxisBBox.x},${xAxisBBox.y})`}>\n {xKeys.map(key => {\n const inclined = labelAngles.xAxisLabels !== 0;\n const onBottom = xAxis.position === 'bottom';\n const tickY1 = onBottom ? 0 : xAxisBBox.height;\n const tickY2 = onBottom ? tickY1 + tickSizeX : tickY1 - tickSizeX;\n const textY = onBottom ? tickY2 + TICK_OFFSET : tickY2 - TICK_OFFSET;\n const x = scales.x(key) + stepX / 2;\n const angle = -labelAngles.xAxisLabels;\n const textAnchor = !inclined ? 'middle' : onBottom ? 'end' : 'start';\n return (\n <g key={key}>\n <line x1={x} x2={x} y1={tickY1} y2={tickY2} stroke={BLACK} />\n {xAxis.showAxisLabels && (<text\n x={x}\n y={textY}\n textAnchor={textAnchor}\n transform={`rotate(${angle},${x},${textY})`}\n dominantBaseline={inclined ? 'central' : onBottom ? 'hanging' :'auto'}\n >\n {xLabels[key]}\n </text>)}\n </g>\n );\n })}\n {debug && <rect width={xAxisBBox.width} height={xAxisBBox.height} stroke={BLACK} fill=\"none\" />}\n </g>\n )}\n </g>\n {/* y-axis title, ticks and captions */}\n <g>\n {yAxisTitleBBox.isVisible && (\n <g\n transform={`translate(\n ${yAxisTitleBBox.x + yAxisTitleBBox.width / 2},\n ${yAxisTitleBBox.y + yAxisTitleBBox.height / 2})`}\n >\n <text\n transform={`rotate(${yAxis.position === 'left' ? -90 : 90})`}\n dominantBaseline=\"central\"\n textAnchor=\"middle\"\n >\n {yAxis.title}\n </text>\n </g>\n )}\n {debug && (\n <rect\n x={yAxisTitleBBox.x}\n y={yAxisTitleBBox.y}\n width={yAxisTitleBBox.width}\n height={yAxisTitleBBox.height}\n stroke={BLACK}\n fill=\"none\"\n />\n )}\n {yAxisVisible && (\n <g fontSize=\"14px\" transform={`translate(${yAxisBBox.x},${yAxisBBox.y})`}>\n {yKeys.map(key => {\n const inclined = labelAngles.yAxisLabels !== 0;\n const onLeft = yAxis.position === 'left';\n const angle = -(90 - labelAngles.yAxisLabels);\n const textAnchor = labelAngles.yAxisLabels === 0 ? 'middle' : onLeft ? 'end' : 'start';\n const dominantBaseline = inclined ? 'central' : onLeft ? 'auto' : 'hanging';\n const tickX1 = onLeft ? yAxisBBox.width : 0;\n const tickX2 = onLeft ? tickX1 - tickSizeY : tickX1 + tickSizeY;\n const textX = onLeft ? tickX2 - TICK_OFFSET : tickX2 + TICK_OFFSET;\n const y = scales.y(key) + stepY / 2;\n return (\n <g key={key}>\n <line x1={tickX1} x2={tickX2} y1={y} y2={y} stroke={BLACK} />\n {yAxis.showAxisLabels && (<text x={textX} y={y} textAnchor={textAnchor} transform={`rotate(${angle},${textX},${y})`} dominantBaseline={dominantBaseline}>\n {yLabels[key]}\n </text>)}\n </g>\n );\n })}\n </g>\n )}\n {debug && (\n <rect\n x={yAxisBBox.x}\n y={yAxisBBox.y}\n height={yAxisBBox.height}\n width={yAxisBBox.width}\n stroke={BLACK}\n fill=\"none\"\n />\n )}\n </g>\n </g>\n );\n}\n"],"names":["AxisCaptions","sideElementBBoxes","debug","xKeys","yKeys","scales","xAxis","yAxis","stepX","stepY","labelAngles","xLabels","yLabels","tickSizeX","DEFAULT_TICKS_SIZE","tickSizeY","xAxisVisible","xAxisTitleBBox","xAxisBBox","yAxisVisible","yAxisTitleBBox","yAxisBBox","jsxs","jsx","BLACK","key","inclined","onBottom","tickY1","tickY2","textY","TICK_OFFSET","x","angle","textAnchor","onLeft","dominantBaseline","tickX1","tickX2","textX","y"],"mappings":";;;AAoBO,SAASA,EAAa;AAAA,EACzB,mBAAAC;AAAA,EACA,OAAAC;AAAA,EACA,OAAAC;AAAA,EACA,OAAAC;AAAA,EACA,QAAAC;AAAA,EACA,OAAAC;AAAA,EACA,OAAAC;AAAA,EACA,OAAAC;AAAA,EACA,OAAAC;AAAA,EACA,aAAAC;AAAA,EACA,SAAAC;AAAA,EACA,SAAAC;AACJ,GAAsB;AAClB,QAAMC,IAAYP,EAAM,YAAYQ,IAAqB,GACnDC,IAAYR,EAAM,YAAYO,IAAqB,GAEnDE,IAAef,EAAkB,IAAI,KAAK,aAAaA,EAAkB,OAAO,KAAK,WACrFgB,IAAiBhB,EAAkB,IAAI,UAAU,YACjDA,EAAkB,IAAI,YACtBA,EAAkB,OAAO,WACzBiB,IAAYjB,EAAkB,IAAI,KAAK,YAAYA,EAAkB,IAAI,OAAOA,EAAkB,OAAO,MAEzGkB,IAAelB,EAAkB,KAAK,KAAK,aAAaA,EAAkB,MAAM,KAAK,WACrFmB,IAAiBnB,EAAkB,KAAK,UAAU,YAClDA,EAAkB,KAAK,YACvBA,EAAkB,MAAM,WACxBoB,IAAYpB,EAAkB,KAAK,KAAK,YACxCA,EAAkB,KAAK,OACvBA,EAAkB,MAAM;AAC9B,gCACK,KAAA,EAEG,UAAA;AAAA,IAAAqB,gBAAAA,OAAC,KAAA,EACI,UAAA;AAAA,MAAAL,EAAe,aACZK,gBAAAA,EAAAA,KAAC,KAAA,EAAE,WAAW,aAAaL,EAAe,CAAC,IAAIA,EAAe,CAAC,KAC3D,UAAA;AAAA,QAAAM,gBAAAA,EAAAA;AAAAA,UAAC;AAAA,UAAA;AAAA,YACG,GAAGN,EAAe,QAAQ;AAAA,YAC1B,GAAGA,EAAe,SAAS;AAAA,YAC3B,YAAW;AAAA,YACX,kBAAiB;AAAA,YAEhB,UAAAX,EAAM;AAAA,UAAA;AAAA,QAAA;AAAA,QAEVJ,KACGqB,gBAAAA,EAAAA;AAAAA,UAAC;AAAA,UAAA;AAAA,YACG,OAAON,EAAe;AAAA,YACtB,QAAQA,EAAe;AAAA,YACvB,QAAQO;AAAA,YACR,MAAK;AAAA,UAAA;AAAA,QAAA;AAAA,MACT,GAER;AAAA,MAEHR,KACGM,gBAAAA,EAAAA,KAAC,KAAA,EAAE,UAAS,QAAO,WAAW,aAAaJ,EAAU,CAAC,IAAIA,EAAU,CAAC,KAChE,UAAA;AAAA,QAAAf,EAAM,IAAI,CAAAsB,MAAO;AACd,gBAAMC,IAAWhB,EAAY,gBAAgB,GACvCiB,IAAWrB,EAAM,aAAa,UAC9BsB,IAASD,IAAW,IAAIT,EAAU,QAClCW,IAASF,IAAWC,IAASf,IAAYe,IAASf,GAClDiB,IAAQH,IAAWE,IAASE,IAAcF,IAASE,GACnDC,IAAI3B,EAAO,EAAEoB,CAAG,IAAIjB,IAAQ,GAC5ByB,IAAQ,CAACvB,EAAY,aACrBwB,IAAcR,IAAsBC,IAAW,QAAQ,UAA9B;AAC/B,wCACK,KAAA,EACG,UAAA;AAAA,YAAAJ,gBAAAA,EAAAA,IAAC,QAAA,EAAK,IAAIS,GAAG,IAAIA,GAAG,IAAIJ,GAAQ,IAAIC,GAAQ,QAAQL,EAAA,CAAO;AAAA,YAC1DlB,EAAM,kBAAmBiB,gBAAAA,EAAAA;AAAAA,cAAC;AAAA,cAAA;AAAA,gBACvB,GAAAS;AAAA,gBACA,GAAGF;AAAA,gBACH,YAAAI;AAAA,gBACA,WAAW,UAAUD,CAAK,IAAID,CAAC,IAAIF,CAAK;AAAA,gBACxC,kBAAkBJ,IAAW,YAAYC,IAAW,YAAW;AAAA,gBAE9D,YAAQF,CAAG;AAAA,cAAA;AAAA,YAAA;AAAA,UAChB,EAAA,GAVIA,CAWR;AAAA,QAER,CAAC;AAAA,QACAvB,KAASqB,gBAAAA,EAAAA,IAAC,QAAA,EAAK,OAAOL,EAAU,OAAO,QAAQA,EAAU,QAAQ,QAAQM,GAAO,MAAK,OAAA,CAAO;AAAA,MAAA,EAAA,CACjG;AAAA,IAAA,GAER;AAAA,2BAEC,KAAA,EACI,UAAA;AAAA,MAAAJ,EAAe,aACZG,gBAAAA,EAAAA;AAAAA,QAAC;AAAA,QAAA;AAAA,UACG,WAAW;AAAA,kCACDH,EAAe,IAAIA,EAAe,QAAQ,CAAC;AAAA,kCAC3CA,EAAe,IAAIA,EAAe,SAAS,CAAC;AAAA,UAEtD,UAAAG,gBAAAA,EAAAA;AAAAA,YAAC;AAAA,YAAA;AAAA,cACG,WAAW,UAAUhB,EAAM,aAAa,SAAS,MAAM,EAAE;AAAA,cACzD,kBAAiB;AAAA,cACjB,YAAW;AAAA,cAEV,UAAAA,EAAM;AAAA,YAAA;AAAA,UAAA;AAAA,QACX;AAAA,MAAA;AAAA,MAGPL,KACGqB,gBAAAA,EAAAA;AAAAA,QAAC;AAAA,QAAA;AAAA,UACG,GAAGH,EAAe;AAAA,UAClB,GAAGA,EAAe;AAAA,UAClB,OAAOA,EAAe;AAAA,UACtB,QAAQA,EAAe;AAAA,UACvB,QAAQI;AAAA,UACR,MAAK;AAAA,QAAA;AAAA,MAAA;AAAA,MAGZL,KACGI,gBAAAA,EAAAA,IAAC,KAAA,EAAE,UAAS,QAAO,WAAW,aAAaF,EAAU,CAAC,IAAIA,EAAU,CAAC,KAChE,UAAAjB,EAAM,IAAI,CAAAqB,MAAO;AACd,cAAMC,IAAWhB,EAAY,gBAAgB,GACvCyB,IAAS5B,EAAM,aAAa,QAC5B0B,IAAQ,EAAE,KAAKvB,EAAY,cAC3BwB,IAAaxB,EAAY,gBAAgB,IAAI,WAAWyB,IAAS,QAAQ,SACzEC,IAAmBV,IAAW,YAAYS,IAAS,SAAS,WAC5DE,IAASF,IAASd,EAAU,QAAQ,GACpCiB,IAASH,IAASE,IAAStB,IAAYsB,IAAStB,GAChDwB,IAAQJ,IAASG,IAASP,IAAcO,IAASP,GACjDS,IAAInC,EAAO,EAAEoB,CAAG,IAAIhB,IAAQ;AAClC,sCACK,KAAA,EACG,UAAA;AAAA,UAAAc,gBAAAA,EAAAA,IAAC,QAAA,EAAK,IAAIc,GAAQ,IAAIC,GAAQ,IAAIE,GAAG,IAAIA,GAAG,QAAQhB,EAAA,CAAO;AAAA,UAC1DjB,EAAM,kBAAmBgB,gBAAAA,EAAAA,IAAC,UAAK,GAAGgB,GAAO,GAAAC,GAAM,YAAAN,GAAwB,WAAW,UAAUD,CAAK,IAAIM,CAAK,IAAIC,CAAC,KAAK,kBAAAJ,GAChH,UAAAxB,EAAQa,CAAG,EAAA,CAChB;AAAA,QAAA,EAAA,GAJIA,CAKR;AAAA,MAER,CAAC,EAAA,CACL;AAAA,MAEHvB,KACGqB,gBAAAA,EAAAA;AAAAA,QAAC;AAAA,QAAA;AAAA,UACG,GAAGF,EAAU;AAAA,UACb,GAAGA,EAAU;AAAA,UACb,QAAQA,EAAU;AAAA,UAClB,OAAOA,EAAU;AAAA,UACjB,QAAQG;AAAA,UACR,MAAK;AAAA,QAAA;AAAA,MAAA;AAAA,IACT,EAAA,CAER;AAAA,EAAA,GACJ;AAER;"}
|
|
@@ -1,35 +1,35 @@
|
|
|
1
|
-
import { DEFAULT_TICKS_SIZE as
|
|
2
|
-
function J(
|
|
3
|
-
const U = H.length > 1 && (!
|
|
1
|
+
import { DEFAULT_TICKS_SIZE as G, TITLE_LINE as S, MIN_STEP_FOR_VISIBLE_LABELS as z, TICK_OFFSET as h, FACET_TITLE_LINE as q, ANNOTATION_WIDTH as T, ANNOTATIONS_OFFSET as c } from "../constants.js";
|
|
2
|
+
function J(t, o, l, B, i, s, p, f, b, D, K, H, M, R) {
|
|
3
|
+
const U = H.length > 1 && (!b || p.includes(o.groupingPosition)), L = !b || p.includes(o.position), V = K.length > 1 && (!f || p.includes(t.groupingPosition)), C = !f || p.includes(t.position), W = D.length > 1, u = B.filter((n) => p.includes(n.position) || !f && ["left", "right"].includes(n.position) || !b && ["top", "bottom"].includes(n.position)), E = u.filter((n) => n.position === "left").length, I = u.filter((n) => n.position === "right").length, e = u.filter((n) => n.position === "top").length, w = u.filter((n) => n.position === "bottom").length, Z = t.showTicks ? G : 0, j = o.showTicks ? G : 0, _ = C && t.showTitle ? S : 0, N = L && o.showTitle ? S : 0, F = C && (t.showAxisLabels || t.showTicks) && M > z ? (t.showAxisLabels ? l.xAxisCaptions : 0) + Z + h : 0, O = L && (o.showAxisLabels || o.showTicks) && R > z ? (o.showAxisLabels ? l.yAxisCaptions : 0) + j + h : 0, P = V && t.showGroupLabels ? l.xGroupCaptions + h : 0, k = U && o.showGroupLabels ? l.yGroupCaptions + h : 0;
|
|
4
4
|
return {
|
|
5
5
|
left: {
|
|
6
|
-
dendro: !(
|
|
7
|
-
axisTitle:
|
|
8
|
-
groups:
|
|
9
|
-
axis:
|
|
10
|
-
annotations:
|
|
6
|
+
dendro: !(s != null && s.hidden) && (s == null ? void 0 : s.position) === "left" ? s.size : 0,
|
|
7
|
+
axisTitle: o.position === "left" ? N : 0,
|
|
8
|
+
groups: o.groupingPosition === "left" ? k : 0,
|
|
9
|
+
axis: o.position === "left" ? O : 0,
|
|
10
|
+
annotations: E * T + (E && c)
|
|
11
11
|
},
|
|
12
12
|
right: {
|
|
13
|
-
dendro: !(
|
|
14
|
-
axisTitle:
|
|
15
|
-
groups:
|
|
16
|
-
axis:
|
|
17
|
-
annotations:
|
|
13
|
+
dendro: !(s != null && s.hidden) && (s == null ? void 0 : s.position) === "right" ? s.size : 0,
|
|
14
|
+
axisTitle: o.position === "right" ? N : 0,
|
|
15
|
+
groups: o.groupingPosition === "right" ? k : 0,
|
|
16
|
+
axis: o.position === "right" ? O : 0,
|
|
17
|
+
annotations: I * T + (I && c)
|
|
18
18
|
},
|
|
19
19
|
top: {
|
|
20
20
|
facetTitle: W ? q : 0,
|
|
21
|
-
dendro: !(
|
|
22
|
-
axisTitle:
|
|
23
|
-
groups:
|
|
24
|
-
axis:
|
|
25
|
-
annotations:
|
|
21
|
+
dendro: !(i != null && i.hidden) && (i == null ? void 0 : i.position) === "top" ? i.size : 0,
|
|
22
|
+
axisTitle: t.position === "top" ? _ : 0,
|
|
23
|
+
groups: t.groupingPosition === "top" ? P : 0,
|
|
24
|
+
axis: t.position === "top" ? F : 0,
|
|
25
|
+
annotations: e * T + (e && c)
|
|
26
26
|
},
|
|
27
27
|
bottom: {
|
|
28
|
-
dendro: !(
|
|
29
|
-
axisTitle:
|
|
30
|
-
groups:
|
|
31
|
-
axis:
|
|
32
|
-
annotations:
|
|
28
|
+
dendro: !(i != null && i.hidden) && (i == null ? void 0 : i.position) === "bottom" ? i.size : 0,
|
|
29
|
+
axisTitle: t.position === "bottom" ? _ : 0,
|
|
30
|
+
groups: t.groupingPosition === "bottom" ? P : 0,
|
|
31
|
+
axis: t.position === "bottom" ? F : 0,
|
|
32
|
+
annotations: w * T + (w && c)
|
|
33
33
|
}
|
|
34
34
|
};
|
|
35
35
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"calculateChartSideElementSizes.js","sources":["../../../src/heatmap/utils/calculateChartSideElementSizes.ts"],"sourcesContent":["import {\n ANNOTATION_WIDTH,\n ANNOTATIONS_OFFSET,\n DEFAULT_TICKS_SIZE,\n FACET_TITLE_LINE,\n MIN_STEP_FOR_VISIBLE_LABELS,\n TICK_OFFSET,\n TITLE_LINE,\n} from '../constants';\nimport type {CaptionsSizes} from '../components/types';\nimport type {HeatmapSettingsImpl} from '../HeatmapSettingsImpl';\n\nexport function calculateChartSideElementSizes(\n xAxis: HeatmapSettingsImpl['chartSettings']['xAxis'],\n yAxis: HeatmapSettingsImpl['chartSettings']['yAxis'],\n captionsSizes: CaptionsSizes,\n annotations: HeatmapSettingsImpl['annotations'],\n dendrogramX: HeatmapSettingsImpl['dendrogramX'],\n dendrogramY: HeatmapSettingsImpl['dendrogramY'],\n chartSides: ('left' | 'right' | 'top' | 'bottom')[],\n sharedX: boolean,\n sharedY: boolean,\n facetKeys: string[],\n xGroupKeys: string[],\n yGroupKeys: string[],\n stepX: number,\n stepY: number\n): Record<string, Record<string, number>> {\n const hasGroupingY = yGroupKeys.length > 1 && (!sharedY || chartSides.includes(yAxis.groupingPosition));\n const hasAxisY = !sharedY || chartSides.includes(yAxis.position);\n const hasGroupingX = xGroupKeys.length > 1 && (!sharedX || chartSides.includes(xAxis.groupingPosition));\n const hasAxisX = !sharedX || chartSides.includes(xAxis.position);\n const hasChartTitle = facetKeys.length > 1;\n const usedAnnotations = annotations.filter(item => {\n return (\n chartSides.includes(item.position) ||\n (!sharedX && ['left', 'right'].includes(item.position)) ||\n (!sharedY && ['top', 'bottom'].includes(item.position))\n );\n });\n const leftAnnotationsCount = usedAnnotations.filter(item => item.position === 'left').length;\n const rightAnnotationsCount = usedAnnotations.filter(item => item.position === 'right').length;\n const topAnnotationsCount = usedAnnotations.filter(item => item.position === 'top').length;\n const bottomAnnotationsCount = usedAnnotations.filter(item => item.position === 'bottom').length;\n\n const tickSizeX = xAxis.showTicks ? DEFAULT_TICKS_SIZE : 0;\n const tickSizeY = yAxis.showTicks ? DEFAULT_TICKS_SIZE : 0;\n const axisTitleX = hasAxisX && xAxis.showTitle ? TITLE_LINE : 0;\n const axisTitleY = hasAxisY && yAxis.showTitle ? TITLE_LINE : 0;\n\n const axisX =\n hasAxisX && xAxis.showAxisLabels && stepX > MIN_STEP_FOR_VISIBLE_LABELS\n ? captionsSizes.xAxisCaptions + tickSizeX + TICK_OFFSET\n : 0;\n const axisY =\n hasAxisY && yAxis.showAxisLabels && stepY > MIN_STEP_FOR_VISIBLE_LABELS\n ? captionsSizes.yAxisCaptions + tickSizeY + TICK_OFFSET\n : 0;\n // can be rotated, then labels max width\n const groupX = hasGroupingX && xAxis.showGroupLabels ? captionsSizes.xGroupCaptions + TICK_OFFSET : 0;\n const groupY = hasGroupingY && yAxis.showGroupLabels ? captionsSizes.yGroupCaptions + TICK_OFFSET : 0;\n\n return {\n left: {\n dendro: !dendrogramY?.hidden && dendrogramY?.position === 'left' ? dendrogramY.size : 0,\n axisTitle: yAxis.position === 'left' ? axisTitleY : 0,\n groups: yAxis.groupingPosition === 'left' ? groupY : 0,\n axis: yAxis.position === 'left' ? axisY : 0,\n annotations: leftAnnotationsCount * ANNOTATION_WIDTH + (leftAnnotationsCount && ANNOTATIONS_OFFSET),\n },\n right: {\n dendro: !dendrogramY?.hidden && dendrogramY?.position === 'right' ? dendrogramY.size : 0,\n axisTitle: yAxis.position === 'right' ? axisTitleY : 0,\n groups: yAxis.groupingPosition === 'right' ? groupY : 0,\n axis: yAxis.position === 'right' ? axisY : 0,\n annotations: rightAnnotationsCount * ANNOTATION_WIDTH + (rightAnnotationsCount && ANNOTATIONS_OFFSET),\n },\n top: {\n facetTitle: hasChartTitle ? FACET_TITLE_LINE : 0,\n dendro: !dendrogramX?.hidden && dendrogramX?.position === 'top' ? dendrogramX.size : 0,\n axisTitle: xAxis.position === 'top' ? axisTitleX : 0,\n groups: xAxis.groupingPosition === 'top' ? groupX : 0,\n axis: xAxis.position === 'top' ? axisX : 0,\n annotations: topAnnotationsCount * ANNOTATION_WIDTH + (topAnnotationsCount && ANNOTATIONS_OFFSET),\n },\n bottom: {\n dendro: !dendrogramX?.hidden && dendrogramX?.position === 'bottom' ? dendrogramX.size : 0,\n axisTitle: xAxis.position === 'bottom' ? axisTitleX : 0,\n groups: xAxis.groupingPosition === 'bottom' ? groupX : 0,\n axis: xAxis.position === 'bottom' ? axisX : 0,\n annotations: bottomAnnotationsCount * ANNOTATION_WIDTH + (bottomAnnotationsCount && ANNOTATIONS_OFFSET),\n },\n };\n}\n"],"names":["calculateChartSideElementSizes","xAxis","yAxis","captionsSizes","annotations","dendrogramX","dendrogramY","chartSides","sharedX","sharedY","facetKeys","xGroupKeys","yGroupKeys","stepX","stepY","hasGroupingY","hasAxisY","hasGroupingX","hasAxisX","hasChartTitle","usedAnnotations","item","leftAnnotationsCount","rightAnnotationsCount","topAnnotationsCount","bottomAnnotationsCount","tickSizeX","DEFAULT_TICKS_SIZE","tickSizeY","axisTitleX","TITLE_LINE","axisTitleY","axisX","MIN_STEP_FOR_VISIBLE_LABELS","TICK_OFFSET","axisY","groupX","groupY","ANNOTATION_WIDTH","ANNOTATIONS_OFFSET","FACET_TITLE_LINE"],"mappings":";AAYO,SAASA,EACZC,GACAC,GACAC,GACAC,GACAC,GACAC,GACAC,GACAC,GACAC,GACAC,GACAC,GACAC,GACAC,GACAC,GACsC;AACtC,QAAMC,IAAeH,EAAW,SAAS,MAAM,CAACH,KAAWF,EAAW,SAASL,EAAM,gBAAgB,IAC/Fc,IAAW,CAACP,KAAWF,EAAW,SAASL,EAAM,QAAQ,GACzDe,IAAeN,EAAW,SAAS,MAAM,CAACH,KAAWD,EAAW,SAASN,EAAM,gBAAgB,IAC/FiB,IAAW,CAACV,KAAWD,EAAW,SAASN,EAAM,QAAQ,GACzDkB,IAAgBT,EAAU,SAAS,GACnCU,IAAkBhB,EAAY,OAAO,CAAAiB,MAEnCd,EAAW,SAASc,EAAK,QAAQ,KAChC,CAACb,KAAW,CAAC,QAAQ,OAAO,EAAE,SAASa,EAAK,QAAQ,KACpD,CAACZ,KAAW,CAAC,OAAO,QAAQ,EAAE,SAASY,EAAK,QAAQ,CAE5D,GACKC,IAAuBF,EAAgB,OAAO,OAAQC,EAAK,aAAa,MAAM,EAAE,QAChFE,IAAwBH,EAAgB,OAAO,OAAQC,EAAK,aAAa,OAAO,EAAE,QAClFG,IAAsBJ,EAAgB,OAAO,OAAQC,EAAK,aAAa,KAAK,EAAE,QAC9EI,IAAyBL,EAAgB,OAAO,OAAQC,EAAK,aAAa,QAAQ,EAAE,QAEpFK,IAAYzB,EAAM,YAAY0B,IAAqB,GACnDC,IAAY1B,EAAM,YAAYyB,IAAqB,GACnDE,IAAaX,KAAYjB,EAAM,YAAY6B,IAAa,GACxDC,IAAaf,KAAYd,EAAM,YAAY4B,IAAa,GAExDE,IACFd,
|
|
1
|
+
{"version":3,"file":"calculateChartSideElementSizes.js","sources":["../../../src/heatmap/utils/calculateChartSideElementSizes.ts"],"sourcesContent":["import {\n ANNOTATION_WIDTH,\n ANNOTATIONS_OFFSET,\n DEFAULT_TICKS_SIZE,\n FACET_TITLE_LINE,\n MIN_STEP_FOR_VISIBLE_LABELS,\n TICK_OFFSET,\n TITLE_LINE,\n} from '../constants';\nimport type {CaptionsSizes} from '../components/types';\nimport type {HeatmapSettingsImpl} from '../HeatmapSettingsImpl';\n\nexport function calculateChartSideElementSizes(\n xAxis: HeatmapSettingsImpl['chartSettings']['xAxis'],\n yAxis: HeatmapSettingsImpl['chartSettings']['yAxis'],\n captionsSizes: CaptionsSizes,\n annotations: HeatmapSettingsImpl['annotations'],\n dendrogramX: HeatmapSettingsImpl['dendrogramX'],\n dendrogramY: HeatmapSettingsImpl['dendrogramY'],\n chartSides: ('left' | 'right' | 'top' | 'bottom')[],\n sharedX: boolean,\n sharedY: boolean,\n facetKeys: string[],\n xGroupKeys: string[],\n yGroupKeys: string[],\n stepX: number,\n stepY: number\n): Record<string, Record<string, number>> {\n const hasGroupingY = yGroupKeys.length > 1 && (!sharedY || chartSides.includes(yAxis.groupingPosition));\n const hasAxisY = !sharedY || chartSides.includes(yAxis.position);\n const hasGroupingX = xGroupKeys.length > 1 && (!sharedX || chartSides.includes(xAxis.groupingPosition));\n const hasAxisX = !sharedX || chartSides.includes(xAxis.position);\n const hasChartTitle = facetKeys.length > 1;\n const usedAnnotations = annotations.filter(item => {\n return (\n chartSides.includes(item.position) ||\n (!sharedX && ['left', 'right'].includes(item.position)) ||\n (!sharedY && ['top', 'bottom'].includes(item.position))\n );\n });\n const leftAnnotationsCount = usedAnnotations.filter(item => item.position === 'left').length;\n const rightAnnotationsCount = usedAnnotations.filter(item => item.position === 'right').length;\n const topAnnotationsCount = usedAnnotations.filter(item => item.position === 'top').length;\n const bottomAnnotationsCount = usedAnnotations.filter(item => item.position === 'bottom').length;\n\n const tickSizeX = xAxis.showTicks ? DEFAULT_TICKS_SIZE : 0;\n const tickSizeY = yAxis.showTicks ? DEFAULT_TICKS_SIZE : 0;\n const axisTitleX = hasAxisX && xAxis.showTitle ? TITLE_LINE : 0;\n const axisTitleY = hasAxisY && yAxis.showTitle ? TITLE_LINE : 0;\n\n const axisX =\n hasAxisX && (xAxis.showAxisLabels || xAxis.showTicks) && stepX > MIN_STEP_FOR_VISIBLE_LABELS\n ? (xAxis.showAxisLabels ? captionsSizes.xAxisCaptions : 0) + tickSizeX + TICK_OFFSET\n : 0;\n const axisY =\n hasAxisY && (yAxis.showAxisLabels || yAxis.showTicks) && stepY > MIN_STEP_FOR_VISIBLE_LABELS\n ? (yAxis.showAxisLabels ? captionsSizes.yAxisCaptions : 0) + tickSizeY + TICK_OFFSET\n : 0;\n // can be rotated, then labels max width\n const groupX = hasGroupingX && xAxis.showGroupLabels ? captionsSizes.xGroupCaptions + TICK_OFFSET : 0;\n const groupY = hasGroupingY && yAxis.showGroupLabels ? captionsSizes.yGroupCaptions + TICK_OFFSET : 0;\n\n return {\n left: {\n dendro: !dendrogramY?.hidden && dendrogramY?.position === 'left' ? dendrogramY.size : 0,\n axisTitle: yAxis.position === 'left' ? axisTitleY : 0,\n groups: yAxis.groupingPosition === 'left' ? groupY : 0,\n axis: yAxis.position === 'left' ? axisY : 0,\n annotations: leftAnnotationsCount * ANNOTATION_WIDTH + (leftAnnotationsCount && ANNOTATIONS_OFFSET),\n },\n right: {\n dendro: !dendrogramY?.hidden && dendrogramY?.position === 'right' ? dendrogramY.size : 0,\n axisTitle: yAxis.position === 'right' ? axisTitleY : 0,\n groups: yAxis.groupingPosition === 'right' ? groupY : 0,\n axis: yAxis.position === 'right' ? axisY : 0,\n annotations: rightAnnotationsCount * ANNOTATION_WIDTH + (rightAnnotationsCount && ANNOTATIONS_OFFSET),\n },\n top: {\n facetTitle: hasChartTitle ? FACET_TITLE_LINE : 0,\n dendro: !dendrogramX?.hidden && dendrogramX?.position === 'top' ? dendrogramX.size : 0,\n axisTitle: xAxis.position === 'top' ? axisTitleX : 0,\n groups: xAxis.groupingPosition === 'top' ? groupX : 0,\n axis: xAxis.position === 'top' ? axisX : 0,\n annotations: topAnnotationsCount * ANNOTATION_WIDTH + (topAnnotationsCount && ANNOTATIONS_OFFSET),\n },\n bottom: {\n dendro: !dendrogramX?.hidden && dendrogramX?.position === 'bottom' ? dendrogramX.size : 0,\n axisTitle: xAxis.position === 'bottom' ? axisTitleX : 0,\n groups: xAxis.groupingPosition === 'bottom' ? groupX : 0,\n axis: xAxis.position === 'bottom' ? axisX : 0,\n annotations: bottomAnnotationsCount * ANNOTATION_WIDTH + (bottomAnnotationsCount && ANNOTATIONS_OFFSET),\n },\n };\n}\n"],"names":["calculateChartSideElementSizes","xAxis","yAxis","captionsSizes","annotations","dendrogramX","dendrogramY","chartSides","sharedX","sharedY","facetKeys","xGroupKeys","yGroupKeys","stepX","stepY","hasGroupingY","hasAxisY","hasGroupingX","hasAxisX","hasChartTitle","usedAnnotations","item","leftAnnotationsCount","rightAnnotationsCount","topAnnotationsCount","bottomAnnotationsCount","tickSizeX","DEFAULT_TICKS_SIZE","tickSizeY","axisTitleX","TITLE_LINE","axisTitleY","axisX","MIN_STEP_FOR_VISIBLE_LABELS","TICK_OFFSET","axisY","groupX","groupY","ANNOTATION_WIDTH","ANNOTATIONS_OFFSET","FACET_TITLE_LINE"],"mappings":"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"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { __module as e } from "../../../../../_virtual/
|
|
1
|
+
import { __module as e } from "../../../../../_virtual/index10.js";
|
|
2
2
|
import { __require as o } from "./cjs/scheduler.production.min.js";
|
|
3
3
|
import { __require as u } from "./cjs/scheduler.development.js";
|
|
4
4
|
var r;
|