npm - @milaboratories/miplots4 - Versions diffs - 1.0.176 → 1.0.178 - Mend

@milaboratories/miplots4 1.0.176 → 1.0.178

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.

Files changed (2544) hide show

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

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

package/dist/scatterplot-umap/SettingsImpl.js CHANGED Viewed

@@ -1,100 +1,89 @@
-var m = Object.defineProperty;
-var y = (l, o, r) => o in l ? m(l, o, { enumerable: !0, configurable: !0, writable: !0, value: r }) : l[o] = r;
-var e = (l, o, r) => y(l, typeof o != "symbol" ? o + "" : o, r);
-import s from "../_virtual/lodash.js";
-import { DEFAULT_HEIGHT as d, DEFAULT_WIDTH as n, BLACK as c } from "../constants.js";
-import { ScatterplotUmapSettingsSchema as w } from "../types/scatterplot-umap.js";
-class x {
-  constructor(o) {
-    e(this, "type", "dots");
-    e(this, "aes", {
-      dotFill: c,
-      dotShape: "21",
-      dotSize: 3,
-      opacity: 1
-    });
-    this.aes = {
-      ...this.aes,
-      ...o.aes
-    };
-  }
-}
-class f {
-  constructor(o) {
-    e(this, "type", "curve");
-    e(this, "smoothing");
-    e(this, "aes", {
-      lineColor: c,
-      lineWidth: 1,
-      lineShape: "solid",
-      opacity: 1
-    });
-    this.smoothing = o.smoothing ?? !1, this.aes = {
-      ...this.aes,
-      ...o.aes
-    };
-  }
-}
-class T {
-  constructor(o) {
-    e(this, "id");
-    e(this, "type", "scatterplot-umap");
-    e(this, "keyColumn");
-    e(this, "x");
-    e(this, "y");
-    e(this, "grouping");
-    e(this, "label");
-    e(this, "highlight");
-    e(this, "chartSettings");
-    e(this, "layers");
-    var r, i, a, t, p, u;
-    w.parse(o), this.id = s.uniqueId("settings"), this.keyColumn = o.keyColumn ?? null, this.x = o.x, this.y = o.y, this.grouping = o.grouping ?? [], this.label = o.label ?? null, this.highlight = o.highlight ?? null, this.chartSettings = {
-      size: {
-        width: ((r = o == null ? void 0 : o.size) == null ? void 0 : r.width) ?? n,
-        height: ((i = o == null ? void 0 : o.size) == null ? void 0 : i.height) ?? d
-      },
-      title: {
-        position: "center",
-        show: !0,
-        ...o.title,
-        name: ((a = o.title) == null ? void 0 : a.name) ?? "Chart"
-      },
-      yAxis: {
-        title: o.y.label ?? o.y.value,
-        scale: "linear",
-        showGrid: !0,
-        showTicks: !0,
-        ...o.yAxis
-      },
-      xAxis: {
-        title: o.x.label ?? o.x.value,
-        scale: "linear",
-        showGrid: !0,
-        showTicks: !0,
-        ...o.xAxis
-      },
-      frame: { type: ((t = o.frame) == null ? void 0 : t.type) ?? "full" },
-      legend: {
-        show: !0,
-        position: "right",
-        ...o.legend
-      },
-      tooltips: {
-        ...o.tooltips,
-        show: ((p = o.tooltips) == null ? void 0 : p.show) !== !1 && (((u = o.tooltips) == null ? void 0 : u.content) ?? []).length > 0
-      }
-    }, this.layers = o.layers.map((h) => {
-      if (h.type === "dots")
-        return new x(h);
-      if (h.type === "curve")
-        return new f(h);
-      throw new Error("Unknown layer type");
-    }).filter(Boolean);
-  }
-}
-export {
-  f as CurveLayer,
-  x as DotsLayer,
-  T as ScatterplotUmapSettingsImpl
+import { BLACK as e } from "../constants.js";
+import { ScatterplotUmapSettingsSchema as t } from "../types/scatterplot-umap.js";
+import n from "lodash";
+var r = class {
+	type = "dots";
+	aes = {
+		dotFill: e,
+		dotShape: "21",
+		dotSize: 3,
+		opacity: 1
+	};
+	constructor(e) {
+		this.aes = {
+			...this.aes,
+			...e.aes
+		};
+	}
+}, i = class {
+	type = "curve";
+	smoothing;
+	aes = {
+		lineColor: e,
+		lineWidth: 1,
+		lineShape: "solid",
+		opacity: 1
+	};
+	constructor(e) {
+		this.smoothing = e.smoothing ?? !1, this.aes = {
+			...this.aes,
+			...e.aes
+		};
+	}
+}, a = class {
+	id;
+	type = "scatterplot-umap";
+	keyColumn;
+	x;
+	y;
+	grouping;
+	label;
+	highlight;
+	chartSettings;
+	layers;
+	constructor(e) {
+		t.parse(e), this.id = n.uniqueId("settings"), this.keyColumn = e.keyColumn ?? null, this.x = e.x, this.y = e.y, this.grouping = e.grouping ?? [], this.label = e.label ?? null, this.highlight = e.highlight ?? null, this.chartSettings = {
+			size: {
+				width: e?.size?.width ?? 600,
+				height: e?.size?.height ?? 350
+			},
+			title: {
+				position: "center",
+				show: !0,
+				...e.title,
+				name: e.title?.name ?? "Chart"
+			},
+			yAxis: {
+				title: e.y.label ?? e.y.value,
+				scale: "linear",
+				showGrid: !0,
+				showTicks: !0,
+				...e.yAxis
+			},
+			xAxis: {
+				title: e.x.label ?? e.x.value,
+				scale: "linear",
+				showGrid: !0,
+				showTicks: !0,
+				...e.xAxis
+			},
+			frame: { type: e.frame?.type ?? "full" },
+			legend: {
+				show: !0,
+				position: "right",
+				...e.legend
+			},
+			tooltips: {
+				...e.tooltips,
+				show: e.tooltips?.show !== !1 && (e.tooltips?.content ?? []).length > 0
+			}
+		}, this.layers = e.layers.map((e) => {
+			if (e.type === "dots") return new r(e);
+			if (e.type === "curve") return new i(e);
+			throw Error("Unknown layer type");
+		}).filter(Boolean);
+	}
 };
-//# sourceMappingURL=SettingsImpl.js.map
+export { a as ScatterplotUmapSettingsImpl };
+//# sourceMappingURL=SettingsImpl.js.map

package/dist/scatterplot-umap/SettingsImpl.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"SettingsImpl.js","sources":["../../src/scatterplot-umap/SettingsImpl.ts"],"sourcesContent":["import lodash from 'lodash';\nimport { BLACK, DEFAULT_HEIGHT, DEFAULT_WIDTH } from '../constants';\nimport type {\n AxisSettingsContinuous,\n ColumnName,\n ContinuousAesFromColumn,\n DataValue,\n FrameType,\n LegendPosition,\n LineShape,\n SettingsInterface,\n TitlePosition\n} from '../types';\nimport {type AesRecord, type InheritAesScatterplot, type PointShape} from '../types';\nimport type {\n CurveUmapLayer as OuterCurveLayer,\n DotsUmapLayer as OuterDotsLayer,\n ScatterplotUmapSettings\n} from '../types/scatterplot-umap';\nimport { ScatterplotUmapSettingsSchema } from '../types/scatterplot-umap';\n\nexport class DotsLayer {\n readonly type = 'dots';\n readonly aes: {\n dotFill: string \| InheritAesScatterplot \| ContinuousAesFromColumn<string>;\n dotShape: PointShape \| InheritAesScatterplot;\n dotSize: number \| ContinuousAesFromColumn<number>;\n opacity: number;\n } = {\n dotFill: BLACK,\n dotShape: '21',\n dotSize: 3,\n opacity: 1,\n };\n constructor(layer: OuterDotsLayer) {\n this.aes = {\n ...this.aes,\n ...layer.aes,\n };\n }\n}\nexport class CurveLayer {\n readonly type = 'curve';\n readonly smoothing: boolean;\n readonly aes: {\n lineColor: string \| InheritAesScatterplot \| ContinuousAesFromColumn<string>;\n lineWidth: number;\n lineShape: LineShape;\n opacity: number;\n } = {\n lineColor: BLACK,\n lineWidth: 1,\n lineShape: 'solid',\n opacity: 1,\n };\n\n constructor(layer: OuterCurveLayer) {\n this.smoothing = layer.smoothing ?? false;\n this.aes = {\n ...this.aes,\n ...layer.aes,\n };\n }\n}\n\nexport type ScatterplotUmapLayer = DotsLayer \| CurveLayer;\n\nexport class ScatterplotUmapSettingsImpl implements SettingsInterface {\n readonly id: string;\n readonly type = 'scatterplot-umap';\n readonly keyColumn: ColumnName \| null;\n readonly x: ColumnName;\n readonly y: ColumnName;\n readonly grouping: {\n columnName: ColumnName;\n order?: DataValue[];\n inheritedAes?: AesRecord;\n }[];\n readonly label: ColumnName \| null;\n readonly highlight: ColumnName \| null;\n readonly chartSettings: {\n readonly size: {width: number; height: number};\n readonly title: {name: string; show: boolean; position: TitlePosition};\n readonly yAxis: AxisSettingsContinuous & {title: string \| ColumnName};\n readonly xAxis: AxisSettingsContinuous & {title: string \| ColumnName};\n readonly frame: {type: FrameType};\n readonly legend: {show: boolean; position: LegendPosition};\n readonly tooltips: {show: boolean; content?: ColumnName[]};\n };\n readonly layers: ScatterplotUmapLayer[];\n\n constructor(settings: ScatterplotUmapSettings) {\n ScatterplotUmapSettingsSchema.parse(settings);\n this.id = lodash.uniqueId('settings');\n this.keyColumn = settings.keyColumn ?? null;\n this.x = settings.x;\n this.y = settings.y;\n this.grouping = settings.grouping ?? [];\n this.label = settings.label ?? null;\n this.highlight = settings.highlight ?? null;\n this.chartSettings = {\n size: {\n width: settings?.size?.width ?? DEFAULT_WIDTH,\n height: settings?.size?.height ?? DEFAULT_HEIGHT,\n },\n title: {\n position: 'center',\n show: true,\n ...settings.title,\n name: settings.title?.name ?? 'Chart',\n },\n yAxis: {\n title: settings.y.label ?? settings.y.value,\n scale: 'linear',\n showGrid: true,\n showTicks: true,\n ...settings.yAxis,\n },\n xAxis: {\n title: settings.x.label ?? settings.x.value,\n scale: 'linear',\n showGrid: true,\n showTicks: true,\n ...settings.xAxis,\n },\n frame: {type: settings.frame?.type ?? 'full'},\n legend: {\n show: true,\n position: 'right',\n ...settings.legend,\n },\n tooltips: {\n ...settings.tooltips,\n show: !(settings.tooltips?.show === false) && (settings.tooltips?.content ?? []).length > 0,\n },\n };\n\n this.layers = settings.layers\n .map(layer => {\n if (layer.type === 'dots') {\n return new DotsLayer(layer);\n } else if (layer.type === 'curve') {\n return new CurveLayer(layer);\n } else {\n throw new Error('Unknown layer type');\n }\n })\n .filter(Boolean) as ScatterplotUmapLayer[];\n }\n}\n"],"names":["DotsLayer","layer","__publicField","BLACK","CurveLayer","ScatterplotUmapSettingsImpl","settings","ScatterplotUmapSettingsSchema","lodash","_a","DEFAULT_WIDTH","_b","DEFAULT_HEIGHT","_c","_d","_e","_f"],"mappings":"~~;;;;;;AAqBO~~,~~MAAMA~~,~~EAAU;AAAA~~,~~EAanB,YAAYC,GAAuB~~;~~AAZ1B~~,~~IAAAC,EAAA,cAAO~~;~~AACP~~,~~IAAAA,EAAA,aAKL~~;~~AAAA~~,~~MACA,SAASC~~;~~AAAA~~,~~MACT,~~UAAU;~~AAAA~~,~~MACV,~~SAAS;~~AAAA~~,~~MACT,~~SAAS;~~AAAA~~,~~IAAA~~;~~AAGT~~,~~SAAK~~,MAAM;~~AAAA~~,~~MACP,~~GAAG,KAAK;~~AAAA~~,~~MACR~~,~~GAAGF,~~EAAM;~~AAAA~~,~~IAAA;AAAA~~,~~EAEjB~~;~~AACJ;AACO~~,~~MAAMG,EAAW~~;~~AAAA,EAepB,YAAYH,GAAwB~~;~~AAd3B~~,~~IAAAC,EAAA,cAAO~~;~~AACP~~,~~IAAAA,EAAA~~;~~AACA~~,~~IAAAA,EAAA,aAKL;AAAA,MACA,WAAWC;AAAA,MACX,~~WAAW;~~AAAA~~,~~MACX,~~WAAW;~~AAAA~~,~~MACX,~~SAAS;~~AAAA~~,~~IAAA~~;~~AAIT~~,~~SAAK~~,~~YAAYF~~,EAAM,aAAa,IACpC,KAAK,MAAM;~~AAAA~~,~~MACP,~~GAAG,KAAK;~~AAAA~~,~~MACR~~,~~GAAGA,~~EAAM;~~AAAA~~,~~IAAA;AAAA~~,~~EAEjB~~;~~AACJ~~;~~AAIO~~,~~MAAMI,EAAyD~~;~~AAAA,EAwBlE,YAAYC,GAAmC~~;~~AAvBtC,IAAAJ,EAAA~~;~~AACA,IAAAA,EAAA,cAAO~~;~~AACP,IAAAA,EAAA~~;~~AACA,IAAAA,EAAA~~;~~AACA,IAAAA,EAAA~~;~~AACA,IAAAA,EAAA~~;~~AAKA,IAAAA,EAAA~~;~~AACA~~,~~IAAAA~~,~~EAAA~~;~~AACA~~,~~IAAAA~~,~~EAAA;AASA,IAAAA,EAAA;;AAGL,IAAAK,~~EAA8B,~~MAAMD~~,~~CAAQ~~,~~GAC5C~~,KAAK,~~KAAKE~~,EAAO,SAAS,~~UAAU~~,~~GACpC~~,KAAK,~~YAAYF~~,EAAS,aAAa,MACvC,KAAK,~~IAAIA~~,EAAS,GAClB,KAAK,~~IAAIA~~,EAAS,GAClB,KAAK,~~WAAWA~~,EAAS,YAAY,~~CAAA~~,~~GACrC~~,KAAK,~~QAAQA~~,EAAS,SAAS,MAC/B,KAAK,~~YAAYA~~,EAAS,aAAa,MACvC,KAAK,gBAAgB;~~AAAA~~,~~MACjB,~~MAAM;~~AAAA~~,~~QACF~~,~~SAAOG~~,~~IAAAH~~,~~KAAA,gBAAAA,EAAU,SAAV,gBAAAG,EAAgB,UAASC~~;~~AAAA~~,~~QAChC~~,~~UAAQC~~,~~IAAAL~~,~~KAAA,gBAAAA,EAAU,SAAV,gBAAAK,EAAgB,WAAUC~~;~~AAAA,MAAA~~;~~AAAA~~,~~MAEtC,~~OAAO;~~AAAA~~,~~QACH,~~UAAU;~~AAAA~~,~~QACV,~~MAAM;~~AAAA~~,~~QACN~~,~~GAAGN,~~EAAS;~~AAAA~~,~~QACZ~~,~~QAAMO,IAAAP,~~EAAS,~~UAAT~~,~~gBAAAO,EAAgB,SAAQ~~;~~AAAA,MAAA~~;~~AAAA~~,~~MAElC,~~OAAO;~~AAAA~~,~~QACH~~,~~OAAOP,~~EAAS,EAAE,~~SAASA~~,EAAS,EAAE;~~AAAA~~,~~QACtC,~~OAAO;~~AAAA~~,~~QACP,~~UAAU;~~AAAA~~,~~QACV,~~WAAW;~~AAAA~~,~~QACX~~,~~GAAGA,~~EAAS;~~AAAA,MAAA~~;~~AAAA~~,~~MAEhB,~~OAAO;~~AAAA~~,~~QACH~~,~~OAAOA,~~EAAS,EAAE,~~SAASA~~,EAAS,EAAE;~~AAAA~~,~~QACtC,~~OAAO;~~AAAA~~,~~QACP,~~UAAU;~~AAAA~~,~~QACV,~~WAAW;~~AAAA~~,~~QACX~~,~~GAAGA,~~EAAS;~~AAAA,MAAA~~;~~AAAA~~,~~MAEhB,~~OAAO,EAAC,~~QAAMQ~~,~~IAAAR,~~EAAS,~~UAAT~~,~~gBAAAQ~~,~~EAAgB,SAAQ,OAAA~~;~~AAAA~~,~~MACtC,~~QAAQ;~~AAAA~~,~~QACJ,~~MAAM;~~AAAA~~,~~QACN,~~UAAU;~~AAAA~~,~~QACV~~,~~GAAGR,~~EAAS;~~AAAA,MAAA~~;~~AAAA~~,~~MAEhB,~~UAAU;~~AAAA~~,~~QACN~~,~~GAAGA,~~EAAS;~~AAAA~~,~~QACZ~~,~~QAAQS,IAAAT,~~EAAS,~~aAAT~~,~~gBAAAS~~,~~EAAmB~~,~~UAAS,SAAWC,IAAAV,~~EAAS,~~aAAT~~,~~gBAAAU~~,~~EAAmB~~,~~YAAW~~,~~CAAA,GAAI,~~SAAS;~~AAAA,MAAA~~;~~AAAA~~,~~IAC9F~~,~~GAGJ,~~KAAK,~~SAASV~~,EAAS,OAClB,~~IAAI~~,~~CAAAL,~~MAAS;AACV,~~UAAIA~~,EAAM,SAAS~~;AACf~~,~~eAAO~~,~~IAAID~~,~~EAAUC~~,~~CAAK~~;~~AAC9B~~,~~UAAWA,~~EAAM,SAAS~~;AACtB~~,~~eAAO~~,~~IAAIG~~,~~EAAWH~~,~~CAAK~~;~~AAE3B~~,~~YAAM~~,~~IAAI,~~MAAM,~~oBAAoB~~;~~AAAA~~,~~IAE5C~~,~~CAAC,EACA,~~OAAO,~~OAAO;AAAA,EACvB;AACJ;~~"}
1	+ {"version":3,"file":"SettingsImpl.js","names":[],"sources":["../../src/scatterplot-umap/SettingsImpl.ts"],"sourcesContent":["import lodash from 'lodash';\nimport { BLACK, DEFAULT_HEIGHT, DEFAULT_WIDTH } from '../constants';\nimport type {\n AxisSettingsContinuous,\n ColumnName,\n ContinuousAesFromColumn,\n DataValue,\n FrameType,\n LegendPosition,\n LineShape,\n SettingsInterface,\n TitlePosition\n} from '../types';\nimport {type AesRecord, type InheritAesScatterplot, type PointShape} from '../types';\nimport type {\n CurveUmapLayer as OuterCurveLayer,\n DotsUmapLayer as OuterDotsLayer,\n ScatterplotUmapSettings\n} from '../types/scatterplot-umap';\nimport { ScatterplotUmapSettingsSchema } from '../types/scatterplot-umap';\n\nexport class DotsLayer {\n readonly type = 'dots';\n readonly aes: {\n dotFill: string \| InheritAesScatterplot \| ContinuousAesFromColumn<string>;\n dotShape: PointShape \| InheritAesScatterplot;\n dotSize: number \| ContinuousAesFromColumn<number>;\n opacity: number;\n } = {\n dotFill: BLACK,\n dotShape: '21',\n dotSize: 3,\n opacity: 1,\n };\n constructor(layer: OuterDotsLayer) {\n this.aes = {\n ...this.aes,\n ...layer.aes,\n };\n }\n}\nexport class CurveLayer {\n readonly type = 'curve';\n readonly smoothing: boolean;\n readonly aes: {\n lineColor: string \| InheritAesScatterplot \| ContinuousAesFromColumn<string>;\n lineWidth: number;\n lineShape: LineShape;\n opacity: number;\n } = {\n lineColor: BLACK,\n lineWidth: 1,\n lineShape: 'solid',\n opacity: 1,\n };\n\n constructor(layer: OuterCurveLayer) {\n this.smoothing = layer.smoothing ?? false;\n this.aes = {\n ...this.aes,\n ...layer.aes,\n };\n }\n}\n\nexport type ScatterplotUmapLayer = DotsLayer \| CurveLayer;\n\nexport class ScatterplotUmapSettingsImpl implements SettingsInterface {\n readonly id: string;\n readonly type = 'scatterplot-umap';\n readonly keyColumn: ColumnName \| null;\n readonly x: ColumnName;\n readonly y: ColumnName;\n readonly grouping: {\n columnName: ColumnName;\n order?: DataValue[];\n inheritedAes?: AesRecord;\n }[];\n readonly label: ColumnName \| null;\n readonly highlight: ColumnName \| null;\n readonly chartSettings: {\n readonly size: {width: number; height: number};\n readonly title: {name: string; show: boolean; position: TitlePosition};\n readonly yAxis: AxisSettingsContinuous & {title: string \| ColumnName};\n readonly xAxis: AxisSettingsContinuous & {title: string \| ColumnName};\n readonly frame: {type: FrameType};\n readonly legend: {show: boolean; position: LegendPosition};\n readonly tooltips: {show: boolean; content?: ColumnName[]};\n };\n readonly layers: ScatterplotUmapLayer[];\n\n constructor(settings: ScatterplotUmapSettings) {\n ScatterplotUmapSettingsSchema.parse(settings);\n this.id = lodash.uniqueId('settings');\n this.keyColumn = settings.keyColumn ?? null;\n this.x = settings.x;\n this.y = settings.y;\n this.grouping = settings.grouping ?? [];\n this.label = settings.label ?? null;\n this.highlight = settings.highlight ?? null;\n this.chartSettings = {\n size: {\n width: settings?.size?.width ?? DEFAULT_WIDTH,\n height: settings?.size?.height ?? DEFAULT_HEIGHT,\n },\n title: {\n position: 'center',\n show: true,\n ...settings.title,\n name: settings.title?.name ?? 'Chart',\n },\n yAxis: {\n title: settings.y.label ?? settings.y.value,\n scale: 'linear',\n showGrid: true,\n showTicks: true,\n ...settings.yAxis,\n },\n xAxis: {\n title: settings.x.label ?? settings.x.value,\n scale: 'linear',\n showGrid: true,\n showTicks: true,\n ...settings.xAxis,\n },\n frame: {type: settings.frame?.type ?? 'full'},\n legend: {\n show: true,\n position: 'right',\n ...settings.legend,\n },\n tooltips: {\n ...settings.tooltips,\n show: !(settings.tooltips?.show === false) && (settings.tooltips?.content ?? []).length > 0,\n },\n };\n\n this.layers = settings.layers\n .map(layer => {\n if (layer.type === 'dots') {\n return new DotsLayer(layer);\n } else if (layer.type === 'curve') {\n return new CurveLayer(layer);\n } else {\n throw new Error('Unknown layer type');\n }\n })\n .filter(Boolean) as ScatterplotUmapLayer[];\n }\n}\n"],"mappings":";;;AAqBA,IAAa,IAAb,MAAuB;CACnB,OAAgB;CAChB,MAKI;EACA,SAAS;EACT,UAAU;EACV,SAAS;EACT,SAAS;EACZ;CACD,YAAY,GAAuB;AAC/B,OAAK,MAAM;GACP,GAAG,KAAK;GACR,GAAG,EAAM;GACZ;;GAGI,IAAb,MAAwB;CACpB,OAAgB;CAChB;CACA,MAKI;EACA,WAAW;EACX,WAAW;EACX,WAAW;EACX,SAAS;EACZ;CAED,YAAY,GAAwB;AAEhC,EADA,KAAK,YAAY,EAAM,aAAa,IACpC,KAAK,MAAM;GACP,GAAG,KAAK;GACR,GAAG,EAAM;GACZ;;GAMI,IAAb,MAAsE;CAClE;CACA,OAAgB;CAChB;CACA;CACA;CACA;CAKA;CACA;CACA;CASA;CAEA,YAAY,GAAmC;AA8C3C,EA7CA,EAA8B,MAAM,EAAS,EAC7C,KAAK,KAAK,EAAO,SAAS,WAAW,EACrC,KAAK,YAAY,EAAS,aAAa,MACvC,KAAK,IAAI,EAAS,GAClB,KAAK,IAAI,EAAS,GAClB,KAAK,WAAW,EAAS,YAAY,EAAE,EACvC,KAAK,QAAQ,EAAS,SAAS,MAC/B,KAAK,YAAY,EAAS,aAAa,MACvC,KAAK,gBAAgB;GACjB,MAAM;IACF,OAAO,GAAU,MAAM,SAAA;IACvB,QAAQ,GAAU,MAAM,UAAA;IAC3B;GACD,OAAO;IACH,UAAU;IACV,MAAM;IACN,GAAG,EAAS;IACZ,MAAM,EAAS,OAAO,QAAQ;IACjC;GACD,OAAO;IACH,OAAO,EAAS,EAAE,SAAS,EAAS,EAAE;IACtC,OAAO;IACP,UAAU;IACV,WAAW;IACX,GAAG,EAAS;IACf;GACD,OAAO;IACH,OAAO,EAAS,EAAE,SAAS,EAAS,EAAE;IACtC,OAAO;IACP,UAAU;IACV,WAAW;IACX,GAAG,EAAS;IACf;GACD,OAAO,EAAC,MAAM,EAAS,OAAO,QAAQ,QAAO;GAC7C,QAAQ;IACJ,MAAM;IACN,UAAU;IACV,GAAG,EAAS;IACf;GACD,UAAU;IACN,GAAG,EAAS;IACZ,MAAQ,EAAS,UAAU,SAAS,OAAW,EAAS,UAAU,WAAW,EAAE,EAAE,SAAS;IAC7F;GACJ,EAED,KAAK,SAAS,EAAS,OAClB,KAAI,MAAS;AACV,OAAI,EAAM,SAAS,OACf,QAAO,IAAI,EAAU,EAAM;OACpB,EAAM,SAAS,QACtB,QAAO,IAAI,EAAW,EAAM;AAE5B,SAAU,MAAM,qBAAqB;IAE3C,CACD,OAAO,QAAQ"}

package/dist/scatterplot-umap/colors.js CHANGED Viewed

@@ -1,42 +1,53 @@
-import { BLACK as p } from "../constants.js";
-function m() {
-  return p;
+import { BLACK as e } from "../constants.js";
+function t() {
+	return e;
 }
-function s(r, n = [0, 0, 0, 1]) {
-  if (r[0] === "#")
-    return c(r, n);
-  if (r[0] === "r")
-    return f(r, n);
-  throw new Error(`Unsupported color format: ${r}`);
+function n(e, t = [
+	0,
+	0,
+	0,
+	1
+]) {
+	if (e[0] === "#") return r(e, t);
+	if (e[0] === "r") return i(e, t);
+	throw Error(`Unsupported color format: ${e}`);
 }
-function c(r, n = [0, 0, 0, 1]) {
-  r = r.replace(/^#/, "");
-  let t = 255;
-  r.length === 8 && (t = Number.parseInt(r.slice(6, 8), 16), r = r.slice(0, 6)), r.length === 4 && (t = Number.parseInt(r.slice(3, 4).repeat(2), 16), r = r.slice(0, 3)), r.length === 3 && (r = r[0] + r[0] + r[1] + r[1] + r[2] + r[2]);
-  const e = Number.parseInt(r, 16);
-  return n[0] = (e >> 16) / 255, n[1] = (e >> 8 & 255) / 255, n[2] = (e & 255) / 255, n[3] = t / 255, n;
+function r(e, t = [
+	0,
+	0,
+	0,
+	1
+]) {
+	e = e.replace(/^#/, "");
+	let n = 255;
+	e.length === 8 && (n = Number.parseInt(e.slice(6, 8), 16), e = e.slice(0, 6)), e.length === 4 && (n = Number.parseInt(e.slice(3, 4).repeat(2), 16), e = e.slice(0, 3)), e.length === 3 && (e = e[0] + e[0] + e[1] + e[1] + e[2] + e[2]);
+	let r = Number.parseInt(e, 16);
+	return t[0] = (r >> 16) / 255, t[1] = (r >> 8 & 255) / 255, t[2] = (r & 255) / 255, t[3] = n / 255, t;
 }
-function f(r, n = [0, 0, 0, 1]) {
-  const t = r.indexOf("("), e = r.lastIndexOf(")");
-  if (t === -1 || e === -1)
-    throw new Error(`Invalid rgba format: ${r}`);
-  const i = r.slice(t + 1, e).split(",").map((l) => l.trim());
-  if (i.length < 3)
-    throw new Error(`Invalid rgba format: ${r}`);
-  return n[0] = Number.parseInt(i[0], 10) / 255, n[1] = Number.parseInt(i[1], 10) / 255, n[2] = Number.parseInt(i[2], 10) / 255, n[3] = i.length === 4 ? Number.parseInt(i[3], 10) / 255 : 1, n;
+function i(e, t = [
+	0,
+	0,
+	0,
+	1
+]) {
+	let n = e.indexOf("("), r = e.lastIndexOf(")");
+	if (n === -1 || r === -1) throw Error(`Invalid rgba format: ${e}`);
+	let i = e.slice(n + 1, r).split(",").map((e) => e.trim());
+	if (i.length < 3) throw Error(`Invalid rgba format: ${e}`);
+	return t[0] = Number.parseInt(i[0], 10) / 255, t[1] = Number.parseInt(i[1], 10) / 255, t[2] = Number.parseInt(i[2], 10) / 255, t[3] = i.length === 4 ? Number.parseInt(i[3], 10) / 255 : 1, t;
 }
-function b(r, n = [0, 0, 0, 1]) {
-  const t = r[3];
-  return n[0] = a(r[0], t), n[1] = a(r[1], t), n[2] = a(r[2], t), n[3] = 1, n;
+function a(e, t = [
+	0,
+	0,
+	0,
+	1
+]) {
+	let n = e[3];
+	return t[0] = o(e[0], n), t[1] = o(e[1], n), t[2] = o(e[2], n), t[3] = 1, t;
 }
-function a(r, n) {
-  return r + (1 - r) * (1 - n);
+function o(e, t) {
+	return e + (1 - e) * (1 - t);
 }
-export {
-  m as GET_BLACK,
-  b as getColorWithFakeOpacity,
-  c as hexRgbaToNumberRgba,
-  f as stringRgbaToNumberRgba,
-  s as stringToNumberRgba
-};
-//# sourceMappingURL=colors.js.map
+export { t as GET_BLACK, a as getColorWithFakeOpacity, n as stringToNumberRgba };
+//# sourceMappingURL=colors.js.map

package/dist/scatterplot-umap/colors.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"colors.js","sources":["../../src/scatterplot-umap/colors.ts"],"sourcesContent":["import { BLACK } from '../constants';\n\nexport function GET_BLACK() {\n\treturn BLACK;\n}\n\nexport function stringToNumberRgba(str: string, out = [0, 0, 0, 1]): [number, number, number, number]/0...1/ {\n\tif (str[0] === '#') {\n\t\treturn hexRgbaToNumberRgba(str, out);\n\t}\n\tif (str[0] === 'r') { // rgba or rgb\n\t\treturn stringRgbaToNumberRgba(str, out);\n\t}\n\tthrow new Error(`Unsupported color format: ${str}`);\n}\n\nexport function hexRgbaToNumberRgba(hex: string, out = [0, 0, 0, 1]): [number, number, number, number]/0...1/ {\n\thex = hex.replace(/^#/, '');\n\t\n let alpha = 255;\n\n\tif (hex.length === 8) {\n\t\talpha = Number.parseInt(hex.slice(6, 8), 16);\n\t\thex = hex.slice(0, 6);\n\t}\n\n\tif (hex.length === 4) {\n\t\talpha = Number.parseInt(hex.slice(3, 4).repeat(2), 16);\n\t\thex = hex.slice(0, 3);\n\t}\n\n\tif (hex.length === 3) {\n\t\thex = hex[0] + hex[0] + hex[1] + hex[1] + hex[2] + hex[2];\n\t}\n\n\tconst number = Number.parseInt(hex, 16);\n\tout[0] = (number >> 16) / 255;\n\tout[1] = ((number >> 8) & 255) / 255;\n\tout[2] = (number & 255) / 255;\n\tout[3] = alpha / 255;\n\n\treturn out as [number, number, number, number];\n}\n\nexport function stringRgbaToNumberRgba(rgba: string, out = [0, 0, 0, 1]): [number, number, number, number]/0...1/ {\n\tconst open = rgba.indexOf('(');\n\tconst close = rgba.lastIndexOf(')');\n\tif (open === -1 \|\| close === -1) {\n\t\tthrow new Error(`Invalid rgba format: ${rgba}`);\n\t}\n\n\tconst parts = rgba.slice(open + 1, close).split(',').map(p => p.trim());\n\tif (parts.length < 3) {\n\t\tthrow new Error(`Invalid rgba format: ${rgba}`);\n\t}\n\n\tout[0] = Number.parseInt(parts[0], 10) / 255;\n\tout[1] = Number.parseInt(parts[1], 10) / 255;\n\tout[2] = Number.parseInt(parts[2], 10) / 255;\n\tout[3] = parts.length === 4 ? (Number.parseInt(parts[3], 10) / 255) : 1;\n\treturn out as [number, number, number, number];\n}\n\nexport function getColorWithFakeOpacity(source: [number, number, number, number], out = [0,0,0,1]): [number, number, number, number]/0...1/ {\n const opacity = source[3];\n out[0] = getPercentToWhite(source[0], opacity);\n out[1] = getPercentToWhite(source[1], opacity);\n out[2] = getPercentToWhite(source[2], opacity);\n out[3] = 1;\n return out as [number, number, number, number];\n}\n\nfunction getPercentToWhite(v:number, opacity:number) {\n return v + (1 - v) * (1 - opacity);\n}\n"],"names":["GET_BLACK","BLACK","stringToNumberRgba","str","out","hexRgbaToNumberRgba","stringRgbaToNumberRgba","hex","alpha","number","rgba","open","close","parts","p","getColorWithFakeOpacity","source","opacity","getPercentToWhite","v"],"mappings":";~~AAEO~~,~~SAASA~~,IAAY;AAC3B,~~SAAOC;AACR;AAEO~~,~~SAASC~~,~~EAAmBC~~,~~GAAaC~~,IAAM,CAAC,~~GAAG,GAAG,GAAG,CAAC,GAA8C~~;AAC9G,~~MAAID~~,EAAI,~~CAAC~~,~~MAAM;AACd~~,~~WAAOE~~,~~EAAoBF~~,~~GAAKC~~,~~CAAG~~;~~AAEpC~~,~~MAAID~~,EAAI,~~CAAC~~,~~MAAM;AACd~~,~~WAAOG~~,~~EAAuBH~~,~~GAAKC~~,~~CAAG~~;~~AAEvC~~,~~QAAM~~,~~IAAI,~~MAAM,~~6BAA6BD~~,~~CAAG~~,~~EAAE;AACnD;AAEO~~,~~SAASE~~,~~EAAoBE~~,~~GAAaH,~~IAAM,CAAC,~~GAAG,GAAG,GAAG,CAAC,GAA8C~~;AAC/G,~~EAAAG~~,~~IAAMA,~~EAAI,QAAQ,MAAM,~~EAAE~~;~~AAEvB~~,~~MAAIC~~,IAAQ;~~AAEf~~,~~EAAID~~,EAAI,WAAW,~~MAClBC~~,IAAQ,OAAO,~~SAASD~~,EAAI,MAAM,GAAG,~~CAAC~~,GAAG,~~EAAE~~,~~GAC3CA~~,~~IAAMA,~~EAAI,MAAM,GAAG,~~CAAC~~,~~IAGjBA~~,EAAI,WAAW,~~MAClBC~~,IAAQ,OAAO,~~SAASD~~,EAAI,MAAM,GAAG,CAAC,EAAE,~~OAAO~~,~~CAAC,~~GAAG,~~EAAE~~,~~GACrDA~~,~~IAAMA,~~EAAI,MAAM,GAAG,~~CAAC~~,~~IAGjBA~~,EAAI,WAAW,~~MAClBA~~,~~IAAMA~~,EAAI,~~CAAC~~,~~IAAIA,~~EAAI,~~CAAC~~,~~IAAIA,~~EAAI,~~CAAC~~,~~IAAIA,~~EAAI,~~CAAC~~,~~IAAIA,~~EAAI,~~CAAC~~,~~IAAIA,~~EAAI~~,CAAC~~;~~AAGzD~~,~~QAAME~~,IAAS,OAAO,~~SAASF~~,GAAK,~~EAAE~~;~~AACtC~~,~~SAAAH~~,EAAI,~~CAAC~~,~~KAAKK,~~KAAU,MAAM,~~KAC1BL~~,EAAI,~~CAAC~~,~~KAAMK,~~KAAU,IAAK,OAAO,~~KACjCL~~,EAAI,~~CAAC~~,~~KAAKK,~~IAAS,OAAO,~~KAC1BL~~,EAAI,~~CAAC~~,~~IAAII,~~IAAQ,~~KAEVJ;AACR;AAEO~~,~~SAASE~~,~~EAAuBI~~,~~GAAcN~~,IAAM,CAAC,~~GAAG,GAAG,GAAG,CAAC,GAA8C~~;~~AACnH~~,~~QAAMO~~,~~IAAOD~~,EAAK,QAAQ,~~GAAG~~,~~GACvBE~~,~~IAAQF~~,EAAK,YAAY,~~GAAG~~;~~AAClC~~,~~MAAIC~~,MAAS,~~MAAMC~~,MAAU~~;AAC5B~~,~~UAAM~~,~~IAAI~~,MAAM,~~wBAAwBF~~,~~CAAI,EAAE~~;~~AAG/C~~,~~QAAMG~~,~~IAAQH~~,EAAK,~~MAAMC~~,IAAO,~~GAAGC~~,~~CAAK~~,~~EAAE~~,MAAM,~~GAAG~~,~~EAAE~~,~~IAAI~~,~~CAAAE~~,~~MAAKA,~~EAAE,MAAM;~~AACtE~~,~~MAAID~~,EAAM,SAAS~~;AAClB~~,~~UAAM~~,~~IAAI~~,MAAM,~~wBAAwBH~~,~~CAAI,EAAE~~;~~AAG/C~~,~~SAAAN~~,EAAI,~~CAAC~~,~~IAAI,~~OAAO,~~SAASS~~,EAAM,~~CAAC~~,GAAG,~~EAAE~~,~~IAAI~~,~~KACzCT,~~EAAI,~~CAAC~~,~~IAAI,~~OAAO,~~SAASS~~,EAAM,~~CAAC~~,GAAG,~~EAAE~~,~~IAAI~~,~~KACzCT,~~EAAI,~~CAAC~~,~~IAAI,~~OAAO,~~SAASS~~,EAAM,~~CAAC~~,GAAG,~~EAAE~~,~~IAAI~~,~~KACzCT,~~EAAI,~~CAAC~~,~~IAAIS,~~EAAM,WAAW,IAAK,OAAO,~~SAASA~~,EAAM,~~CAAC~~,GAAG,~~EAAE~~,~~IAAI,~~MAAO,GAC/~~DT;AACR;AAEO~~,~~SAASW~~,~~EAAwBC~~,~~GAA0CZ~~,IAAM,CAAC,~~GAAE,GAAE,GAAE,CAAC,GAA8C~~;~~AAC1I~~,~~QAAMa~~,~~IAAUD~~,EAAO~~,CAAC~~;~~AACxB~~,~~SAAAZ~~,EAAI,~~CAAC~~,~~IAAIc~~,~~EAAkBF,~~EAAO,~~CAAC~~,~~GAAGC~~,~~CAAO~~,~~GAC7Cb,~~EAAI,~~CAAC~~,~~IAAIc~~,~~EAAkBF,~~EAAO,~~CAAC~~,~~GAAGC~~,~~CAAO~~,~~GAC7Cb,~~EAAI,~~CAAC~~,~~IAAIc~~,~~EAAkBF,~~EAAO,~~CAAC~~,~~GAAGC~~,~~CAAO~~,~~GAC7Cb,~~EAAI,~~CAAC~~,~~IAAI~~,~~GACFA;AACX;AAEA~~,~~SAASc~~,~~EAAkBC~~,~~GAAUF,~~GAAgB;AACjD,~~SAAOE~~,KAAK,~~IAAIA~~,MAAM,~~IAAIF;AAC9B;~~"}
1	+ {"version":3,"file":"colors.js","names":[],"sources":["../../src/scatterplot-umap/colors.ts"],"sourcesContent":["import { BLACK } from '../constants';\n\nexport function GET_BLACK() {\n\treturn BLACK;\n}\n\nexport function stringToNumberRgba(str: string, out = [0, 0, 0, 1]): [number, number, number, number]/0...1/ {\n\tif (str[0] === '#') {\n\t\treturn hexRgbaToNumberRgba(str, out);\n\t}\n\tif (str[0] === 'r') { // rgba or rgb\n\t\treturn stringRgbaToNumberRgba(str, out);\n\t}\n\tthrow new Error(`Unsupported color format: ${str}`);\n}\n\nexport function hexRgbaToNumberRgba(hex: string, out = [0, 0, 0, 1]): [number, number, number, number]/0...1/ {\n\thex = hex.replace(/^#/, '');\n\t\n let alpha = 255;\n\n\tif (hex.length === 8) {\n\t\talpha = Number.parseInt(hex.slice(6, 8), 16);\n\t\thex = hex.slice(0, 6);\n\t}\n\n\tif (hex.length === 4) {\n\t\talpha = Number.parseInt(hex.slice(3, 4).repeat(2), 16);\n\t\thex = hex.slice(0, 3);\n\t}\n\n\tif (hex.length === 3) {\n\t\thex = hex[0] + hex[0] + hex[1] + hex[1] + hex[2] + hex[2];\n\t}\n\n\tconst number = Number.parseInt(hex, 16);\n\tout[0] = (number >> 16) / 255;\n\tout[1] = ((number >> 8) & 255) / 255;\n\tout[2] = (number & 255) / 255;\n\tout[3] = alpha / 255;\n\n\treturn out as [number, number, number, number];\n}\n\nexport function stringRgbaToNumberRgba(rgba: string, out = [0, 0, 0, 1]): [number, number, number, number]/0...1/ {\n\tconst open = rgba.indexOf('(');\n\tconst close = rgba.lastIndexOf(')');\n\tif (open === -1 \|\| close === -1) {\n\t\tthrow new Error(`Invalid rgba format: ${rgba}`);\n\t}\n\n\tconst parts = rgba.slice(open + 1, close).split(',').map(p => p.trim());\n\tif (parts.length < 3) {\n\t\tthrow new Error(`Invalid rgba format: ${rgba}`);\n\t}\n\n\tout[0] = Number.parseInt(parts[0], 10) / 255;\n\tout[1] = Number.parseInt(parts[1], 10) / 255;\n\tout[2] = Number.parseInt(parts[2], 10) / 255;\n\tout[3] = parts.length === 4 ? (Number.parseInt(parts[3], 10) / 255) : 1;\n\treturn out as [number, number, number, number];\n}\n\nexport function getColorWithFakeOpacity(source: [number, number, number, number], out = [0,0,0,1]): [number, number, number, number]/0...1/ {\n const opacity = source[3];\n out[0] = getPercentToWhite(source[0], opacity);\n out[1] = getPercentToWhite(source[1], opacity);\n out[2] = getPercentToWhite(source[2], opacity);\n out[3] = 1;\n return out as [number, number, number, number];\n}\n\nfunction getPercentToWhite(v:number, opacity:number) {\n return v + (1 - v) * (1 - opacity);\n}\n"],"mappings":";AAEA,SAAgB,IAAY;AAC3B,QAAO;;AAGR,SAAgB,EAAmB,GAAa,IAAM;CAAC;CAAG;CAAG;CAAG;CAAE,EAA6C;AAC9G,KAAI,EAAI,OAAO,IACd,QAAO,EAAoB,GAAK,EAAI;AAErC,KAAI,EAAI,OAAO,IACd,QAAO,EAAuB,GAAK,EAAI;AAExC,OAAU,MAAM,6BAA6B,IAAM;;AAGpD,SAAgB,EAAoB,GAAa,IAAM;CAAC;CAAG;CAAG;CAAG;CAAE,EAA6C;AAC/G,KAAM,EAAI,QAAQ,MAAM,GAAG;CAExB,IAAI,IAAQ;AAYf,CAVI,EAAI,WAAW,MAClB,IAAQ,OAAO,SAAS,EAAI,MAAM,GAAG,EAAE,EAAE,GAAG,EAC5C,IAAM,EAAI,MAAM,GAAG,EAAE,GAGlB,EAAI,WAAW,MAClB,IAAQ,OAAO,SAAS,EAAI,MAAM,GAAG,EAAE,CAAC,OAAO,EAAE,EAAE,GAAG,EACtD,IAAM,EAAI,MAAM,GAAG,EAAE,GAGlB,EAAI,WAAW,MAClB,IAAM,EAAI,KAAK,EAAI,KAAK,EAAI,KAAK,EAAI,KAAK,EAAI,KAAK,EAAI;CAGxD,IAAM,IAAS,OAAO,SAAS,GAAK,GAAG;AAMvC,QALA,EAAI,MAAM,KAAU,MAAM,KAC1B,EAAI,MAAO,KAAU,IAAK,OAAO,KACjC,EAAI,MAAM,IAAS,OAAO,KAC1B,EAAI,KAAK,IAAQ,KAEV;;AAGR,SAAgB,EAAuB,GAAc,IAAM;CAAC;CAAG;CAAG;CAAG;CAAE,EAA6C;CACnH,IAAM,IAAO,EAAK,QAAQ,IAAI,EACxB,IAAQ,EAAK,YAAY,IAAI;AACnC,KAAI,MAAS,MAAM,MAAU,GAC5B,OAAU,MAAM,wBAAwB,IAAO;CAGhD,IAAM,IAAQ,EAAK,MAAM,IAAO,GAAG,EAAM,CAAC,MAAM,IAAI,CAAC,KAAI,MAAK,EAAE,MAAM,CAAC;AACvE,KAAI,EAAM,SAAS,EAClB,OAAU,MAAM,wBAAwB,IAAO;AAOhD,QAJA,EAAI,KAAK,OAAO,SAAS,EAAM,IAAI,GAAG,GAAG,KACzC,EAAI,KAAK,OAAO,SAAS,EAAM,IAAI,GAAG,GAAG,KACzC,EAAI,KAAK,OAAO,SAAS,EAAM,IAAI,GAAG,GAAG,KACzC,EAAI,KAAK,EAAM,WAAW,IAAK,OAAO,SAAS,EAAM,IAAI,GAAG,GAAG,MAAO,GAC/D;;AAGR,SAAgB,EAAwB,GAA0C,IAAM;CAAC;CAAE;CAAE;CAAE;CAAE,EAA6C;CAC1I,IAAM,IAAU,EAAO;AAKvB,QAJA,EAAI,KAAK,EAAkB,EAAO,IAAI,EAAQ,EAC9C,EAAI,KAAK,EAAkB,EAAO,IAAI,EAAQ,EAC9C,EAAI,KAAK,EAAkB,EAAO,IAAI,EAAQ,EAC9C,EAAI,KAAK,GACF;;AAGX,SAAS,EAAkB,GAAU,GAAgB;AACjD,QAAO,KAAK,IAAI,MAAM,IAAI"}