@unovis/ts 1.1.1-beta.7 → 1.1.1-beta.9

package/components/sankey/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sources":["../../../src/components/sankey/types.ts"],"sourcesContent":["/* eslint-disable no-use-before-define */\nimport { sankeyLeft, sankeyRight, sankeyCenter, sankeyJustify } from 'd3-sankey'\nimport { GraphInputLink, GraphLinkCore, GraphNodeCore } from 'types/graph'\nimport { GraphInputNode } from '../../types'\n\nexport type SankeyInputNode = GraphInputNode\n\nexport type SankeyInputLink = GraphInputLink\n\nexport type SankeyNode<N extends SankeyInputNode, L extends SankeyInputLink> = GraphNodeCore<N, L> & {\n  id: string;\n  /** the node’s value; this is the sum of link.value for the node’s incoming links, or node.fixedValue if defined */\n  value: number;\n  /** */\n  fixedValue?: number;\n  /** the node’s zero-based column index, corresponding to its horizontal position */\n  layer: number;\n  /** */\n  isConnected: boolean;\n  /** the array of incoming links which have this node as their source */\n  sourceLinks?: SankeyLink<N, L>[];\n  /** the array of outgoing links which have this node as their target */\n  targetLinks: SankeyLink<N, L>[];\n  /** the node’s zero-based index within the array of nodes */\n  index: number;\n  /** the node’s zero-based graph depth, derived from the graph topology */\n  depth: number;\n  /** node.height - the node’s zero-based graph height, derived from the graph topology */\n  height: number;\n  /** the node’s minimum horizontal position, derived from node.depth */\n  x0: number;\n  /** the node’s maximum horizontal position (node.x0 + sankey.nodeWidth) */\n  x1: number;\n  /** the node’s minimum vertical position */\n  y0: number;\n  /** the node’s maximum vertical position (node.y1 - node.y0 is proportional to node.value) */\n  y1: number;\n  /** calculated node width */\n  width: number;\n  /** internal ui state */\n  _state?: {\n    greyout?: boolean;\n    /* Pre-calculated node height value in pixels that will be used to manually generate the layout when data has no links */\n    precalculatedHeight?: number;\n  };\n}\n\nexport type SankeyLink<N extends SankeyInputNode, L extends SankeyInputLink> = GraphLinkCore<N, L> & {\n  value: number;\n  /** the link’s source node */\n  source: SankeyNode<N, L>;\n  /** the link’s target node */\n  target: SankeyNode<N, L>;\n  /** the link’s vertical starting position (at source node) */\n  y0: number;\n  /** the link’s vertical end position (at target node) */\n  y1: number;\n  /** the link’s width (proportional to link.value) */\n  width: number;\n  /** the zero-based index of link within the array of links */\n  index: number;\n  /** internal ui state */\n  _state?: {\n    greyout?: boolean;\n  };\n}\n\nexport enum SankeySubLabelPlacement {\n  Inline = 'inline',\n  Below = 'below',\n}\n\nexport enum SankeyNodeAlign {\n  Left = 'left',\n  Right = 'right',\n  Center = 'center',\n  Justify = 'justify',\n}\n\nexport const SankeyLayout = {\n  [SankeyNodeAlign.Left]: sankeyLeft,\n  [SankeyNodeAlign.Right]: sankeyRight,\n  [SankeyNodeAlign.Center]: sankeyCenter,\n  [SankeyNodeAlign.Justify]: sankeyJustify,\n}\n\nexport enum SankeyExitTransitionType {\n  Default = 'default',\n  ToAncestor = 'to ancestor',\n}\n\nexport enum SankeyEnterTransitionType {\n  Default = 'default',\n  FromAncestor = 'from ancestor',\n}\n"],"names":[],"mappings":";;AAAA;IAmEY,wBAGX;AAHD,CAAA,UAAY,uBAAuB,EAAA;AACjC,IAAA,uBAAA,CAAA,QAAA,CAAA,GAAA,QAAiB,CAAA;AACjB,IAAA,uBAAA,CAAA,OAAA,CAAA,GAAA,OAAe,CAAA;AACjB,CAAC,EAHW,uBAAuB,KAAvB,uBAAuB,GAGlC,EAAA,CAAA,CAAA,CAAA;IAEW,gBAKX;AALD,CAAA,UAAY,eAAe,EAAA;AACzB,IAAA,eAAA,CAAA,MAAA,CAAA,GAAA,MAAa,CAAA;AACb,IAAA,eAAA,CAAA,OAAA,CAAA,GAAA,OAAe,CAAA;AACf,IAAA,eAAA,CAAA,QAAA,CAAA,GAAA,QAAiB,CAAA;AACjB,IAAA,eAAA,CAAA,SAAA,CAAA,GAAA,SAAmB,CAAA;AACrB,CAAC,EALW,eAAe,KAAf,eAAe,GAK1B,EAAA,CAAA,CAAA,CAAA;AAEY,MAAA,YAAY,GAAG;AAC1B,IAAA,CAAC,eAAe,CAAC,IAAI,GAAG,UAAU;AAClC,IAAA,CAAC,eAAe,CAAC,KAAK,GAAG,WAAW;AACpC,IAAA,CAAC,eAAe,CAAC,MAAM,GAAG,YAAY;AACtC,IAAA,CAAC,eAAe,CAAC,OAAO,GAAG,aAAa;EACzC;IAEW,yBAGX;AAHD,CAAA,UAAY,wBAAwB,EAAA;AAClC,IAAA,wBAAA,CAAA,SAAA,CAAA,GAAA,SAAmB,CAAA;AACnB,IAAA,wBAAA,CAAA,YAAA,CAAA,GAAA,aAA0B,CAAA;AAC5B,CAAC,EAHW,wBAAwB,KAAxB,wBAAwB,GAGnC,EAAA,CAAA,CAAA,CAAA;IAEW,0BAGX;AAHD,CAAA,UAAY,yBAAyB,EAAA;AACnC,IAAA,yBAAA,CAAA,SAAA,CAAA,GAAA,SAAmB,CAAA;AACnB,IAAA,yBAAA,CAAA,cAAA,CAAA,GAAA,eAA8B,CAAA;AAChC,CAAC,EAHW,yBAAyB,KAAzB,yBAAyB,GAGpC,EAAA,CAAA,CAAA;;;;"}

package/components/scatter/config.d.ts

@@ -0,0 +1,44 @@
+import { ScalePower } from 'd3-scale';
+import { XYComponentConfigInterface, XYComponentConfig } from "../../core/xy-component/config";
+import { ContinuousScale } from "../../types/scale";
+import { SymbolType } from "../../types/symbol";
+import { ColorAccessor, GenericAccessor, NumericAccessor, StringAccessor } from "../../types/accessor";
+import { Position } from "../../types/position";
+export interface ScatterConfigInterface<Datum> extends XYComponentConfigInterface<Datum> {
+    /**
+     * Size of the scatter plot marker (e.g. diameter if `SymbolType.Circle` is used for `shape`) in pixels.
+     * Can be a constant value or an accessor function. But if `sizeRange` is set, then the values will be treated
+     * as an input to `sizeScale`, and the resulting size will be different.
+     * Default: `10`
+    */
+    size?: NumericAccessor<Datum>;
+    /** Size scale to be used if the `sizeRange` was set. Default: `Scale.scaleSqrt()` */
+    sizeScale?: ContinuousScale;
+    /** Size range in the format of `[number, number]` to rescale the input values. Default: `undefined` */
+    sizeRange?: [number, number];
+    /** Shape of the scatter point. Accessor function or constant value: `SymbolType.Circle`, `SymbolType.Cross`, `SymbolType.Diamond`, `SymbolType.Square`,
+     * `SymbolType.Star`, `SymbolType.Triangle` or `SymbolType.Wye`.
+     * Default: `SymbolType.Circle` */
+    shape?: ((d: Datum, i?: number, ...any: any[]) => (SymbolType | string)) | SymbolType | string;
+    /** Label accessor function or string. Default: `undefined` */
+    label?: StringAccessor<Datum>;
+    /** Label color. Default: `undefined` */
+    labelColor?: ColorAccessor<Datum>;
+    /** Optional point cursor. Default: `null` */
+    cursor?: StringAccessor<Datum>;
+    /** Point color brightness ratio for switching between dark and light text label color. Default: `0.65` */
+    labelTextBrightnessRatio?: number;
+    /** Label position. Default: `Position.Bottom` */
+    labelPosition?: GenericAccessor<Position | string, Datum>;
+}
+export declare class ScatterConfig<Datum> extends XYComponentConfig<Datum> implements ScatterConfigInterface<Datum> {
+    size: number;
+    sizeScale: ScalePower<number, number>;
+    sizeRange: any;
+    shape: SymbolType;
+    label: any;
+    labelColor: any;
+    labelPosition: Position;
+    cursor: any;
+    labelTextBrightnessRatio: number;
+}

package/components/scatter/config.js

@@ -0,0 +1,23 @@
+import { XYComponentConfig } from '../../core/xy-component/config.js';
+import { Scale } from '../../types/scale.js';
+import { SymbolType } from '../../types/symbol.js';
+import { Position } from '../../types/position.js';
+
+// Core
+class ScatterConfig extends XYComponentConfig {
+    constructor() {
+        super(...arguments);
+        this.size = 10;
+        this.sizeScale = Scale.scaleSqrt();
+        this.sizeRange = undefined;
+        this.shape = SymbolType.Circle;
+        this.label = undefined;
+        this.labelColor = undefined;
+        this.labelPosition = Position.Bottom;
+        this.cursor = null;
+        this.labelTextBrightnessRatio = 0.65;
+    }
+}
+
+export { ScatterConfig };
+//# sourceMappingURL=config.js.map

package/components/scatter/config.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"config.js","sources":["../../../src/components/scatter/config.ts"],"sourcesContent":["import { ScalePower } from 'd3-scale'\n// Core\nimport { XYComponentConfigInterface, XYComponentConfig } from 'core/xy-component/config'\n\n// Types\nimport { Scale, ContinuousScale } from 'types/scale'\nimport { SymbolType } from 'types/symbol'\nimport { ColorAccessor, GenericAccessor, NumericAccessor, StringAccessor } from 'types/accessor'\nimport { Position } from 'types/position'\n\nexport interface ScatterConfigInterface<Datum> extends XYComponentConfigInterface<Datum> {\n  /**\n   * Size of the scatter plot marker (e.g. diameter if `SymbolType.Circle` is used for `shape`) in pixels.\n   * Can be a constant value or an accessor function. But if `sizeRange` is set, then the values will be treated\n   * as an input to `sizeScale`, and the resulting size will be different.\n   * Default: `10`\n  */\n  size?: NumericAccessor<Datum>;\n  /** Size scale to be used if the `sizeRange` was set. Default: `Scale.scaleSqrt()` */\n  sizeScale?: ContinuousScale;\n  /** Size range in the format of `[number, number]` to rescale the input values. Default: `undefined` */\n  sizeRange?: [number, number];\n  /** Shape of the scatter point. Accessor function or constant value: `SymbolType.Circle`, `SymbolType.Cross`, `SymbolType.Diamond`, `SymbolType.Square`,\n   * `SymbolType.Star`, `SymbolType.Triangle` or `SymbolType.Wye`.\n   * Default: `SymbolType.Circle` */\n  shape?: ((d: Datum, i?: number, ...any) => (SymbolType | string)) | SymbolType | string;\n  /** Label accessor function or string. Default: `undefined` */\n  label?: StringAccessor<Datum>;\n  /** Label color. Default: `undefined` */\n  labelColor?: ColorAccessor<Datum>;\n  /** Optional point cursor. Default: `null` */\n  cursor?: StringAccessor<Datum>;\n  /** Point color brightness ratio for switching between dark and light text label color. Default: `0.65` */\n  labelTextBrightnessRatio?: number;\n  /** Label position. Default: `Position.Bottom` */\n  labelPosition?: GenericAccessor<Position | string, Datum>;\n}\n\nexport class ScatterConfig<Datum> extends XYComponentConfig<Datum> implements ScatterConfigInterface<Datum> {\n  size = 10\n  sizeScale: ScalePower<number, number> = Scale.scaleSqrt()\n  sizeRange = undefined\n  shape = SymbolType.Circle\n  label = undefined\n  labelColor = undefined\n  labelPosition = Position.Bottom\n  cursor = null\n  labelTextBrightnessRatio = 0.65\n}\n"],"names":[],"mappings":";;;;;AACA;AAqCM,MAAO,aAAqB,SAAQ,iBAAwB,CAAA;AAAlE,IAAA,WAAA,GAAA;;QACE,IAAI,CAAA,IAAA,GAAG,EAAE,CAAA;AACT,QAAA,IAAA,CAAA,SAAS,GAA+B,KAAK,CAAC,SAAS,EAAE,CAAA;QACzD,IAAS,CAAA,SAAA,GAAG,SAAS,CAAA;AACrB,QAAA,IAAA,CAAA,KAAK,GAAG,UAAU,CAAC,MAAM,CAAA;QACzB,IAAK,CAAA,KAAA,GAAG,SAAS,CAAA;QACjB,IAAU,CAAA,UAAA,GAAG,SAAS,CAAA;AACtB,QAAA,IAAA,CAAA,aAAa,GAAG,QAAQ,CAAC,MAAM,CAAA;QAC/B,IAAM,CAAA,MAAA,GAAG,IAAI,CAAA;QACb,IAAwB,CAAA,wBAAA,GAAG,IAAI,CAAA;KAChC;AAAA;;;;"}

package/components/scatter/index.d.ts

@@ -0,0 +1,28 @@
+import { XYComponentCore } from "../../core/xy-component";
+import { Spacing } from "../../types/spacing";
+import { ScatterPoint } from './types';
+import { ScatterConfig, ScatterConfigInterface } from './config';
+import * as s from './style';
+export declare class Scatter<Datum> extends XYComponentCore<Datum, ScatterConfig<Datum>, ScatterConfigInterface<Datum>> {
+    static selectors: typeof s;
+    config: ScatterConfig<Datum>;
+    events: {
+        [x: string]: {
+            mouseenter: (d: ScatterPoint<Datum>, event: MouseEvent) => void;
+            mouseleave: (d: ScatterPoint<Datum>, event: MouseEvent) => void;
+        };
+    };
+    private _pointData;
+    private _points;
+    private _collideLabelsAnimFrameId;
+    constructor(config?: ScatterConfigInterface<Datum>);
+    setConfig(config: ScatterConfigInterface<Datum>): void;
+    setData(data: Datum[]): void;
+    get bleed(): Spacing;
+    _render(customDuration?: number): void;
+    private _collideLabels;
+    private _updateSizeScale;
+    private _getOnScreenData;
+    private _onPointMouseOver;
+    private _onPointMouseOut;
+}

package/components/scatter/index.js

@@ -0,0 +1,167 @@
+import { select } from 'd3-selection';
+import { min, max } from 'd3-array';
+import { XYComponentCore } from '../../core/xy-component/index.js';
+import { flatten, getValue, isNumber, getString, getExtent, isArray, getNumber } from '../../utils/data.js';
+import { getColor } from '../../utils/color.js';
+import { smartTransition } from '../../utils/d3.js';
+import { getCSSVariableValueInPixels } from '../../utils/misc.js';
+import { ScatterConfig } from './config.js';
+import { createPoints, updatePoints, removePoints } from './modules/point.js';
+import { getEstimatedLabelBBox, collideLabels } from './modules/utils.js';
+import * as style from './style.js';
+import { pointGroup, pointGroupExit, point } from './style.js';
+
+class Scatter extends XYComponentCore {
+    constructor(config) {
+        super();
+        this.config = new ScatterConfig();
+        this.events = {
+            [Scatter.selectors.point]: {
+                mouseenter: this._onPointMouseOver.bind(this),
+                mouseleave: this._onPointMouseOut.bind(this),
+            },
+        };
+        this._pointData = [];
+        if (config)
+            this.setConfig(config);
+    }
+    setConfig(config) {
+        super.setConfig(config);
+        this._updateSizeScale();
+    }
+    setData(data) {
+        super.setData(data);
+        this._updateSizeScale();
+    }
+    get bleed() {
+        this._pointData = this._getOnScreenData();
+        const pointDataFlat = flatten(this._pointData);
+        const yRangeStart = min(this.yScale.range());
+        const yRangeEnd = max(this.yScale.range());
+        const xRangeStart = this.xScale.range()[0];
+        const xRangeEnd = this.xScale.range()[1];
+        const fontSizePx = getCSSVariableValueInPixels('var(--vis-scatter-point-label-text-font-size)', this.element);
+        const extent = pointDataFlat.reduce((ext, d) => {
+            const labelPosition = getValue(d, this.config.labelPosition, d._point.pointIndex);
+            const labelBBox = getEstimatedLabelBBox(d, labelPosition, this.xScale, this.yScale, fontSizePx);
+            const x = this.xScale(d._point.xValue);
+            const y = this.yScale(d._point.yValue);
+            const r = d._point.sizePx / 2;
+            ext.minX = Math.min(ext.minX, x - r, labelBBox.x);
+            ext.maxX = Math.max(ext.maxX, x + r, labelBBox.x + labelBBox.width);
+            ext.minY = Math.min(ext.minY, y - r, labelBBox.y);
+            ext.maxY = Math.max(ext.maxY, y + r, labelBBox.y + labelBBox.height);
+            return ext;
+        }, {
+            minX: Number.POSITIVE_INFINITY,
+            maxX: Number.NEGATIVE_INFINITY,
+            minY: Number.POSITIVE_INFINITY,
+            maxY: Number.NEGATIVE_INFINITY,
+        });
+        const coeff = 1.2; // Multiplier to take into account subsequent scale range changes and shape irregularities
+        const top = extent.minY < yRangeStart ? coeff * (yRangeStart - extent.minY) : 0;
+        const bottom = extent.maxY > yRangeEnd ? coeff * (extent.maxY - yRangeEnd) : 0;
+        const left = extent.minX < xRangeStart ? coeff * (xRangeStart - extent.minX) : 0;
+        const right = extent.maxX > xRangeEnd ? coeff * (extent.maxX - xRangeEnd) : 0;
+        return { top, bottom, left, right };
+    }
+    _render(customDuration) {
+        const { config } = this;
+        const duration = isNumber(customDuration) ? customDuration : config.duration;
+        // Groups
+        const pointGroups = this.g
+            .selectAll(`.${pointGroup}`)
+            .data(this._pointData);
+        const pointGroupsEnter = pointGroups
+            .enter()
+            .append('g')
+            .attr('class', pointGroup);
+        const pointGroupsMerged = pointGroupsEnter.merge(pointGroups);
+        smartTransition(pointGroupsMerged, duration)
+            .style('opacity', 1);
+        const pointGroupExit$1 = pointGroups.exit().attr('class', pointGroupExit);
+        smartTransition(pointGroupExit$1, duration).style('opacity', 0).remove();
+        // Points
+        const points = pointGroupsMerged
+            .selectAll(`.${point}`)
+            .data(d => d, d => { var _a; return `${(_a = getString(d, config.id, d._point.pointIndex)) !== null && _a !== void 0 ? _a : d._point.pointIndex}`; });
+        const pointsEnter = points.enter().append('g')
+            .attr('class', point);
+        createPoints(pointsEnter, this.xScale, this.yScale);
+        this._points = pointsEnter.merge(points);
+        updatePoints(this._points, config, this.xScale, this.yScale, duration);
+        removePoints(points.exit(), this.xScale, this.yScale, duration);
+        // Take care of overlapping labels
+        this._collideLabels();
+    }
+    _collideLabels() {
+        cancelAnimationFrame(this._collideLabelsAnimFrameId);
+        this._collideLabelsAnimFrameId = requestAnimationFrame(() => {
+            collideLabels(this._points, this.config, this.xScale, this.yScale);
+        });
+    }
+    _updateSizeScale() {
+        var _a;
+        const { config, datamodel } = this;
+        config.sizeScale
+            .domain(getExtent(datamodel.data, config.size))
+            .range((_a = config.sizeRange) !== null && _a !== void 0 ? _a : [0, 0]);
+    }
+    _getOnScreenData() {
+        const { config, datamodel: { data } } = this;
+        const xDomain = this.xScale.domain().map(d => +d); // Convert Date to number
+        const yDomain = this.yScale.domain().map(d => +d); // Convert Date to number
+        const yAccessors = (isArray(config.y) ? config.y : [config.y]);
+        const maxSizeValue = max(flatten(yAccessors.map((y, j) => data === null || data === void 0 ? void 0 : data.map(d => getNumber(d, config.size, j)))));
+        const maxSizePx = config.sizeRange ? config.sizeScale(maxSizeValue) : maxSizeValue;
+        const maxSizeXDomain = this.xScale.invert(maxSizePx) - this.xScale.invert(0);
+        const maxSizeYDomain = Math.abs(this.yScale.invert(maxSizePx) - this.yScale.invert(0));
+        return yAccessors.map((y, j) => {
+            var _a;
+            return (_a = data === null || data === void 0 ? void 0 : data.reduce((acc, d, i) => {
+                const xValue = getNumber(d, config.x, i);
+                const yValue = getNumber(d, y, j);
+                const pointSize = getNumber(d, config.size, i);
+                const pointSizeScaled = config.sizeRange ? config.sizeScale(pointSize) : pointSize;
+                const pointSizeXDomain = this.xScale.invert(pointSizeScaled) - this.xScale.invert(0);
+                const pointSizeYDomain = Math.abs(this.yScale.invert(pointSizeScaled) - this.yScale.invert(0));
+                if (((xValue - pointSizeXDomain / 2) >= (xDomain[0] - maxSizeXDomain / 2)) &&
+                    ((xValue + pointSizeXDomain / 2) <= (xDomain[1] + maxSizeXDomain / 2)) &&
+                    ((yValue - pointSizeYDomain / 2) >= (yDomain[0] - maxSizeYDomain / 2)) &&
+                    ((yValue + pointSizeYDomain / 2) <= (yDomain[1] + maxSizeYDomain / 2))) {
+                    acc.push(Object.assign(Object.assign({}, d), { _point: {
+                            xValue: xValue,
+                            yValue: yValue,
+                            sizePx: pointSizeScaled,
+                            color: getColor(d, config.color, j),
+                            shape: getString(d, config.shape, j),
+                            label: getString(d, config.label, j),
+                            labelColor: getValue(d, config.labelColor, j),
+                            cursor: getString(d, config.cursor, j),
+                            groupIndex: j,
+                            pointIndex: i,
+                        } }));
+                }
+                return acc;
+            }, [])) !== null && _a !== void 0 ? _a : [];
+        });
+    }
+    _onPointMouseOver(d, event) {
+        const point = select(event.target);
+        const pointNode = point.node();
+        if (pointNode)
+            pointNode._forceShowLabel = true;
+        point.raise();
+        this._collideLabels();
+    }
+    _onPointMouseOut(d, event) {
+        const pointNode = select(event.target).node();
+        if (pointNode)
+            delete pointNode._forceShowLabel;
+        this._collideLabels();
+    }
+}
+Scatter.selectors = style;
+
+export { Scatter };
+//# sourceMappingURL=index.js.map

package/components/scatter/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../src/components/scatter/index.ts"],"sourcesContent":["import { Selection, select } from 'd3-selection'\nimport { max, min } from 'd3-array'\n\n// Core\nimport { XYComponentCore } from 'core/xy-component'\n\n// Utils\nimport { isNumber, getExtent, getNumber, getString, isArray, flatten, getValue } from 'utils/data'\nimport { getColor } from 'utils/color'\nimport { smartTransition } from 'utils/d3'\nimport { getCSSVariableValueInPixels } from 'utils/misc'\n\n// Types\nimport { Spacing } from 'types/spacing'\nimport { SymbolType } from 'types/symbol'\nimport { NumericAccessor } from 'types/accessor'\n\n// Local Types\nimport { ScatterPointGroupNode, ScatterPoint } from './types'\n\n// Config\nimport { ScatterConfig, ScatterConfigInterface } from './config'\n\n// Modules\nimport { createPoints, updatePoints, removePoints } from './modules/point'\nimport { collideLabels, getEstimatedLabelBBox } from './modules/utils'\n\n// Styles\nimport * as s from './style'\n\nexport class Scatter<Datum> extends XYComponentCore<Datum, ScatterConfig<Datum>, ScatterConfigInterface<Datum>> {\n  static selectors = s\n  config: ScatterConfig<Datum> = new ScatterConfig()\n  events = {\n    [Scatter.selectors.point]: {\n      mouseenter: this._onPointMouseOver.bind(this),\n      mouseleave: this._onPointMouseOut.bind(this),\n    },\n  }\n\n  private _pointData: ScatterPoint<Datum>[][] = []\n  private _points: Selection<SVGGElement, ScatterPoint<Datum>, SVGGElement, ScatterPoint<Datum>[]>\n  private _collideLabelsAnimFrameId: ReturnType<typeof requestAnimationFrame>\n\n  constructor (config?: ScatterConfigInterface<Datum>) {\n    super()\n    if (config) this.setConfig(config)\n  }\n\n  setConfig (config: ScatterConfigInterface<Datum>): void {\n    super.setConfig(config)\n    this._updateSizeScale()\n  }\n\n  setData (data: Datum[]): void {\n    super.setData(data)\n    this._updateSizeScale()\n  }\n\n  get bleed (): Spacing {\n    this._pointData = this._getOnScreenData()\n    const pointDataFlat: ScatterPoint<Datum>[] = flatten(this._pointData)\n\n    const yRangeStart = min(this.yScale.range())\n    const yRangeEnd = max(this.yScale.range())\n    const xRangeStart = this.xScale.range()[0]\n    const xRangeEnd = this.xScale.range()[1]\n\n    const fontSizePx = getCSSVariableValueInPixels('var(--vis-scatter-point-label-text-font-size)', this.element)\n\n    const extent = pointDataFlat.reduce((ext, d) => {\n      const labelPosition = getValue(d, this.config.labelPosition, d._point.pointIndex)\n      const labelBBox = getEstimatedLabelBBox(d, labelPosition, this.xScale, this.yScale, fontSizePx)\n      const x = this.xScale(d._point.xValue)\n      const y = this.yScale(d._point.yValue)\n      const r = d._point.sizePx / 2\n\n      ext.minX = Math.min(ext.minX, x - r, labelBBox.x)\n      ext.maxX = Math.max(ext.maxX, x + r, labelBBox.x + labelBBox.width)\n      ext.minY = Math.min(ext.minY, y - r, labelBBox.y)\n      ext.maxY = Math.max(ext.maxY, y + r, labelBBox.y + labelBBox.height)\n      return ext\n    }, {\n      minX: Number.POSITIVE_INFINITY,\n      maxX: Number.NEGATIVE_INFINITY,\n      minY: Number.POSITIVE_INFINITY,\n      maxY: Number.NEGATIVE_INFINITY,\n    })\n\n    const coeff = 1.2 // Multiplier to take into account subsequent scale range changes and shape irregularities\n    const top = extent.minY < yRangeStart ? coeff * (yRangeStart - extent.minY) : 0\n    const bottom = extent.maxY > yRangeEnd ? coeff * (extent.maxY - yRangeEnd) : 0\n    const left = extent.minX < xRangeStart ? coeff * (xRangeStart - extent.minX) : 0\n    const right = extent.maxX > xRangeEnd ? coeff * (extent.maxX - xRangeEnd) : 0\n\n    return { top, bottom, left, right }\n  }\n\n  _render (customDuration?: number): void {\n    const { config } = this\n    const duration = isNumber(customDuration) ? customDuration : config.duration\n\n    // Groups\n    const pointGroups = this.g\n      .selectAll<SVGGElement, ScatterPoint<Datum>[]>(`.${s.pointGroup}`)\n      .data(this._pointData)\n\n    const pointGroupsEnter = pointGroups\n      .enter()\n      .append('g')\n      .attr('class', s.pointGroup)\n\n    const pointGroupsMerged = pointGroupsEnter.merge(pointGroups)\n    smartTransition(pointGroupsMerged, duration)\n      .style('opacity', 1)\n\n    const pointGroupExit = pointGroups.exit().attr('class', s.pointGroupExit)\n    smartTransition(pointGroupExit, duration).style('opacity', 0).remove()\n\n    // Points\n    const points = pointGroupsMerged\n      .selectAll<SVGGElement, ScatterPoint<Datum>>(`.${s.point}`)\n      .data(\n        d => d,\n        d => `${getString(d, config.id, d._point.pointIndex) ?? d._point.pointIndex}`\n      )\n\n    const pointsEnter = points.enter().append('g')\n      .attr('class', s.point)\n    createPoints(pointsEnter, this.xScale, this.yScale)\n\n    this._points = pointsEnter.merge(points)\n    updatePoints(this._points, config, this.xScale, this.yScale, duration)\n\n    removePoints(points.exit<ScatterPoint<Datum>>(), this.xScale, this.yScale, duration)\n\n    // Take care of overlapping labels\n    this._collideLabels()\n  }\n\n  private _collideLabels (): void {\n    cancelAnimationFrame(this._collideLabelsAnimFrameId)\n    this._collideLabelsAnimFrameId = requestAnimationFrame(() => {\n      collideLabels(this._points, this.config, this.xScale, this.yScale)\n    })\n  }\n\n  private _updateSizeScale (): void {\n    const { config, datamodel } = this\n\n    config.sizeScale\n      .domain(getExtent(datamodel.data, config.size))\n      .range(config.sizeRange ?? [0, 0])\n  }\n\n  private _getOnScreenData (): ScatterPoint<Datum>[][] {\n    const { config, datamodel: { data } } = this\n\n    const xDomain = this.xScale.domain().map(d => +d) // Convert Date to number\n    const yDomain = this.yScale.domain().map(d => +d) // Convert Date to number\n    const yAccessors = (isArray(config.y) ? config.y : [config.y]) as NumericAccessor<Datum>[]\n\n    const maxSizeValue = max<number>(flatten(yAccessors.map((y, j) => data?.map(d => getNumber(d, config.size, j)))))\n    const maxSizePx = config.sizeRange ? config.sizeScale(maxSizeValue) : maxSizeValue\n    const maxSizeXDomain = (this.xScale.invert(maxSizePx) as number) - (this.xScale.invert(0) as number)\n    const maxSizeYDomain = Math.abs((this.yScale.invert(maxSizePx) as number) - (this.yScale.invert(0) as number))\n\n    return yAccessors.map((y, j) => {\n      return data?.reduce<ScatterPoint<Datum>[]>((acc, d, i) => {\n        const xValue = getNumber(d, config.x, i)\n        const yValue = getNumber(d, y, j)\n        const pointSize = getNumber(d, config.size, i)\n        const pointSizeScaled = config.sizeRange ? config.sizeScale(pointSize) : pointSize\n        const pointSizeXDomain = (this.xScale.invert(pointSizeScaled) as number) - (this.xScale.invert(0) as number)\n        const pointSizeYDomain = Math.abs((this.yScale.invert(pointSizeScaled) as number) - (this.yScale.invert(0) as number))\n\n        if (\n          ((xValue - pointSizeXDomain / 2) >= (xDomain[0] - maxSizeXDomain / 2)) &&\n          ((xValue + pointSizeXDomain / 2) <= (xDomain[1] + maxSizeXDomain / 2)) &&\n          ((yValue - pointSizeYDomain / 2) >= (yDomain[0] - maxSizeYDomain / 2)) &&\n          ((yValue + pointSizeYDomain / 2) <= (yDomain[1] + maxSizeYDomain / 2))\n        ) {\n          acc.push({\n            ...d,\n            _point: {\n              xValue: xValue,\n              yValue: yValue,\n              sizePx: pointSizeScaled,\n              color: getColor(d, config.color, j),\n              shape: getString(d, config.shape, j) as SymbolType,\n              label: getString(d, config.label, j),\n              labelColor: getValue(d, config.labelColor, j),\n              cursor: getString(d, config.cursor, j),\n              groupIndex: j,\n              pointIndex: i,\n            },\n          })\n        }\n\n        return acc\n      }, []) ?? []\n    })\n  }\n\n  private _onPointMouseOver (d: ScatterPoint<Datum>, event: MouseEvent): void {\n    const point = select(event.target as SVGGElement)\n    const pointNode = point.node() as ScatterPointGroupNode | null\n    if (pointNode) pointNode._forceShowLabel = true\n\n    point.raise()\n    this._collideLabels()\n  }\n\n  private _onPointMouseOut (d: ScatterPoint<Datum>, event: MouseEvent): void {\n    const pointNode = select(event.target as SVGGElement).node() as ScatterPointGroupNode | null\n    if (pointNode) delete pointNode._forceShowLabel\n\n    this._collideLabels()\n  }\n}\n"],"names":["s.pointGroup","pointGroupExit","s.pointGroupExit","s.point","s"],"mappings":";;;;;;;;;;;;;AA8BM,MAAO,OAAe,SAAQ,eAA2E,CAAA;AAc7G,IAAA,WAAA,CAAa,MAAsC,EAAA;AACjD,QAAA,KAAK,EAAE,CAAA;AAbT,QAAA,IAAA,CAAA,MAAM,GAAyB,IAAI,aAAa,EAAE,CAAA;AAClD,QAAA,IAAA,CAAA,MAAM,GAAG;AACP,YAAA,CAAC,OAAO,CAAC,SAAS,CAAC,KAAK,GAAG;gBACzB,UAAU,EAAE,IAAI,CAAC,iBAAiB,CAAC,IAAI,CAAC,IAAI,CAAC;gBAC7C,UAAU,EAAE,IAAI,CAAC,gBAAgB,CAAC,IAAI,CAAC,IAAI,CAAC;AAC7C,aAAA;SACF,CAAA;QAEO,IAAU,CAAA,UAAA,GAA4B,EAAE,CAAA;AAM9C,QAAA,IAAI,MAAM;AAAE,YAAA,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC,CAAA;KACnC;AAED,IAAA,SAAS,CAAE,MAAqC,EAAA;AAC9C,QAAA,KAAK,CAAC,SAAS,CAAC,MAAM,CAAC,CAAA;QACvB,IAAI,CAAC,gBAAgB,EAAE,CAAA;KACxB;AAED,IAAA,OAAO,CAAE,IAAa,EAAA;AACpB,QAAA,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,CAAA;QACnB,IAAI,CAAC,gBAAgB,EAAE,CAAA;KACxB;AAED,IAAA,IAAI,KAAK,GAAA;AACP,QAAA,IAAI,CAAC,UAAU,GAAG,IAAI,CAAC,gBAAgB,EAAE,CAAA;QACzC,MAAM,aAAa,GAA0B,OAAO,CAAC,IAAI,CAAC,UAAU,CAAC,CAAA;QAErE,MAAM,WAAW,GAAG,GAAG,CAAC,IAAI,CAAC,MAAM,CAAC,KAAK,EAAE,CAAC,CAAA;QAC5C,MAAM,SAAS,GAAG,GAAG,CAAC,IAAI,CAAC,MAAM,CAAC,KAAK,EAAE,CAAC,CAAA;QAC1C,MAAM,WAAW,GAAG,IAAI,CAAC,MAAM,CAAC,KAAK,EAAE,CAAC,CAAC,CAAC,CAAA;QAC1C,MAAM,SAAS,GAAG,IAAI,CAAC,MAAM,CAAC,KAAK,EAAE,CAAC,CAAC,CAAC,CAAA;QAExC,MAAM,UAAU,GAAG,2BAA2B,CAAC,+CAA+C,EAAE,IAAI,CAAC,OAAO,CAAC,CAAA;QAE7G,MAAM,MAAM,GAAG,aAAa,CAAC,MAAM,CAAC,CAAC,GAAG,EAAE,CAAC,KAAI;AAC7C,YAAA,MAAM,aAAa,GAAG,QAAQ,CAAC,CAAC,EAAE,IAAI,CAAC,MAAM,CAAC,aAAa,EAAE,CAAC,CAAC,MAAM,CAAC,UAAU,CAAC,CAAA;AACjF,YAAA,MAAM,SAAS,GAAG,qBAAqB,CAAC,CAAC,EAAE,aAAa,EAAE,IAAI,CAAC,MAAM,EAAE,IAAI,CAAC,MAAM,EAAE,UAAU,CAAC,CAAA;AAC/F,YAAA,MAAM,CAAC,GAAG,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,MAAM,CAAC,CAAA;AACtC,YAAA,MAAM,CAAC,GAAG,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,MAAM,CAAC,CAAA;YACtC,MAAM,CAAC,GAAG,CAAC,CAAC,MAAM,CAAC,MAAM,GAAG,CAAC,CAAA;AAE7B,YAAA,GAAG,CAAC,IAAI,GAAG,IAAI,CAAC,GAAG,CAAC,GAAG,CAAC,IAAI,EAAE,CAAC,GAAG,CAAC,EAAE,SAAS,CAAC,CAAC,CAAC,CAAA;YACjD,GAAG,CAAC,IAAI,GAAG,IAAI,CAAC,GAAG,CAAC,GAAG,CAAC,IAAI,EAAE,CAAC,GAAG,CAAC,EAAE,SAAS,CAAC,CAAC,GAAG,SAAS,CAAC,KAAK,CAAC,CAAA;AACnE,YAAA,GAAG,CAAC,IAAI,GAAG,IAAI,CAAC,GAAG,CAAC,GAAG,CAAC,IAAI,EAAE,CAAC,GAAG,CAAC,EAAE,SAAS,CAAC,CAAC,CAAC,CAAA;YACjD,GAAG,CAAC,IAAI,GAAG,IAAI,CAAC,GAAG,CAAC,GAAG,CAAC,IAAI,EAAE,CAAC,GAAG,CAAC,EAAE,SAAS,CAAC,CAAC,GAAG,SAAS,CAAC,MAAM,CAAC,CAAA;AACpE,YAAA,OAAO,GAAG,CAAA;AACZ,SAAC,EAAE;YACD,IAAI,EAAE,MAAM,CAAC,iBAAiB;YAC9B,IAAI,EAAE,MAAM,CAAC,iBAAiB;YAC9B,IAAI,EAAE,MAAM,CAAC,iBAAiB;YAC9B,IAAI,EAAE,MAAM,CAAC,iBAAiB;AAC/B,SAAA,CAAC,CAAA;AAEF,QAAA,MAAM,KAAK,GAAG,GAAG,CAAA;QACjB,MAAM,GAAG,GAAG,MAAM,CAAC,IAAI,GAAG,WAAW,GAAG,KAAK,IAAI,WAAW,GAAG,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC,CAAA;QAC/E,MAAM,MAAM,GAAG,MAAM,CAAC,IAAI,GAAG,SAAS,GAAG,KAAK,IAAI,MAAM,CAAC,IAAI,GAAG,SAAS,CAAC,GAAG,CAAC,CAAA;QAC9E,MAAM,IAAI,GAAG,MAAM,CAAC,IAAI,GAAG,WAAW,GAAG,KAAK,IAAI,WAAW,GAAG,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC,CAAA;QAChF,MAAM,KAAK,GAAG,MAAM,CAAC,IAAI,GAAG,SAAS,GAAG,KAAK,IAAI,MAAM,CAAC,IAAI,GAAG,SAAS,CAAC,GAAG,CAAC,CAAA;QAE7E,OAAO,EAAE,GAAG,EAAE,MAAM,EAAE,IAAI,EAAE,KAAK,EAAE,CAAA;KACpC;AAED,IAAA,OAAO,CAAE,cAAuB,EAAA;AAC9B,QAAA,MAAM,EAAE,MAAM,EAAE,GAAG,IAAI,CAAA;AACvB,QAAA,MAAM,QAAQ,GAAG,QAAQ,CAAC,cAAc,CAAC,GAAG,cAAc,GAAG,MAAM,CAAC,QAAQ,CAAA;;AAG5E,QAAA,MAAM,WAAW,GAAG,IAAI,CAAC,CAAC;AACvB,aAAA,SAAS,CAAqC,CAAI,CAAA,EAAAA,UAAY,EAAE,CAAC;AACjE,aAAA,IAAI,CAAC,IAAI,CAAC,UAAU,CAAC,CAAA;QAExB,MAAM,gBAAgB,GAAG,WAAW;AACjC,aAAA,KAAK,EAAE;aACP,MAAM,CAAC,GAAG,CAAC;AACX,aAAA,IAAI,CAAC,OAAO,EAAEA,UAAY,CAAC,CAAA;QAE9B,MAAM,iBAAiB,GAAG,gBAAgB,CAAC,KAAK,CAAC,WAAW,CAAC,CAAA;AAC7D,QAAA,eAAe,CAAC,iBAAiB,EAAE,QAAQ,CAAC;AACzC,aAAA,KAAK,CAAC,SAAS,EAAE,CAAC,CAAC,CAAA;AAEtB,QAAA,MAAMC,gBAAc,GAAG,WAAW,CAAC,IAAI,EAAE,CAAC,IAAI,CAAC,OAAO,EAAEC,cAAgB,CAAC,CAAA;AACzE,QAAA,eAAe,CAACD,gBAAc,EAAE,QAAQ,CAAC,CAAC,KAAK,CAAC,SAAS,EAAE,CAAC,CAAC,CAAC,MAAM,EAAE,CAAA;;QAGtE,MAAM,MAAM,GAAG,iBAAiB;AAC7B,aAAA,SAAS,CAAmC,CAAI,CAAA,EAAAE,KAAO,EAAE,CAAC;AAC1D,aAAA,IAAI,CACH,CAAC,IAAI,CAAC,EACN,CAAC,cAAI,OAAA,CAAA,EAAG,MAAA,SAAS,CAAC,CAAC,EAAE,MAAM,CAAC,EAAE,EAAE,CAAC,CAAC,MAAM,CAAC,UAAU,CAAC,MAAA,IAAA,IAAA,EAAA,KAAA,KAAA,CAAA,GAAA,EAAA,GAAI,CAAC,CAAC,MAAM,CAAC,UAAU,EAAE,CAAA,EAAA,CAC9E,CAAA;QAEH,MAAM,WAAW,GAAG,MAAM,CAAC,KAAK,EAAE,CAAC,MAAM,CAAC,GAAG,CAAC;AAC3C,aAAA,IAAI,CAAC,OAAO,EAAEA,KAAO,CAAC,CAAA;QACzB,YAAY,CAAC,WAAW,EAAE,IAAI,CAAC,MAAM,EAAE,IAAI,CAAC,MAAM,CAAC,CAAA;QAEnD,IAAI,CAAC,OAAO,GAAG,WAAW,CAAC,KAAK,CAAC,MAAM,CAAC,CAAA;AACxC,QAAA,YAAY,CAAC,IAAI,CAAC,OAAO,EAAE,MAAM,EAAE,IAAI,CAAC,MAAM,EAAE,IAAI,CAAC,MAAM,EAAE,QAAQ,CAAC,CAAA;AAEtE,QAAA,YAAY,CAAC,MAAM,CAAC,IAAI,EAAuB,EAAE,IAAI,CAAC,MAAM,EAAE,IAAI,CAAC,MAAM,EAAE,QAAQ,CAAC,CAAA;;QAGpF,IAAI,CAAC,cAAc,EAAE,CAAA;KACtB;IAEO,cAAc,GAAA;AACpB,QAAA,oBAAoB,CAAC,IAAI,CAAC,yBAAyB,CAAC,CAAA;AACpD,QAAA,IAAI,CAAC,yBAAyB,GAAG,qBAAqB,CAAC,MAAK;AAC1D,YAAA,aAAa,CAAC,IAAI,CAAC,OAAO,EAAE,IAAI,CAAC,MAAM,EAAE,IAAI,CAAC,MAAM,EAAE,IAAI,CAAC,MAAM,CAAC,CAAA;AACpE,SAAC,CAAC,CAAA;KACH;IAEO,gBAAgB,GAAA;;AACtB,QAAA,MAAM,EAAE,MAAM,EAAE,SAAS,EAAE,GAAG,IAAI,CAAA;AAElC,QAAA,MAAM,CAAC,SAAS;aACb,MAAM,CAAC,SAAS,CAAC,SAAS,CAAC,IAAI,EAAE,MAAM,CAAC,IAAI,CAAC,CAAC;AAC9C,aAAA,KAAK,CAAC,CAAA,EAAA,GAAA,MAAM,CAAC,SAAS,MAAA,IAAA,IAAA,EAAA,KAAA,KAAA,CAAA,GAAA,EAAA,GAAI,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAA;KACrC;IAEO,gBAAgB,GAAA;QACtB,MAAM,EAAE,MAAM,EAAE,SAAS,EAAE,EAAE,IAAI,EAAE,EAAE,GAAG,IAAI,CAAA;QAE5C,MAAM,OAAO,GAAG,IAAI,CAAC,MAAM,CAAC,MAAM,EAAE,CAAC,GAAG,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAA;QACjD,MAAM,OAAO,GAAG,IAAI,CAAC,MAAM,CAAC,MAAM,EAAE,CAAC,GAAG,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAA;QACjD,MAAM,UAAU,IAAI,OAAO,CAAC,MAAM,CAAC,CAAC,CAAC,GAAG,MAAM,CAAC,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC,CAAC,CAA6B,CAAA;AAE1F,QAAA,MAAM,YAAY,GAAG,GAAG,CAAS,OAAO,CAAC,UAAU,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,KAAK,IAAI,aAAJ,IAAI,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAJ,IAAI,CAAE,GAAG,CAAC,CAAC,IAAI,SAAS,CAAC,CAAC,EAAE,MAAM,CAAC,IAAI,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;AACjH,QAAA,MAAM,SAAS,GAAG,MAAM,CAAC,SAAS,GAAG,MAAM,CAAC,SAAS,CAAC,YAAY,CAAC,GAAG,YAAY,CAAA;AAClF,QAAA,MAAM,cAAc,GAAI,IAAI,CAAC,MAAM,CAAC,MAAM,CAAC,SAAS,CAAY,GAAI,IAAI,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC,CAAY,CAAA;QACpG,MAAM,cAAc,GAAG,IAAI,CAAC,GAAG,CAAE,IAAI,CAAC,MAAM,CAAC,MAAM,CAAC,SAAS,CAAY,GAAI,IAAI,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC,CAAY,CAAC,CAAA;QAE9G,OAAO,UAAU,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,KAAI;;AAC7B,YAAA,OAAO,MAAA,IAAI,KAAA,IAAA,IAAJ,IAAI,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAJ,IAAI,CAAE,MAAM,CAAwB,CAAC,GAAG,EAAE,CAAC,EAAE,CAAC,KAAI;AACvD,gBAAA,MAAM,MAAM,GAAG,SAAS,CAAC,CAAC,EAAE,MAAM,CAAC,CAAC,EAAE,CAAC,CAAC,CAAA;gBACxC,MAAM,MAAM,GAAG,SAAS,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,CAAA;AACjC,gBAAA,MAAM,SAAS,GAAG,SAAS,CAAC,CAAC,EAAE,MAAM,CAAC,IAAI,EAAE,CAAC,CAAC,CAAA;AAC9C,gBAAA,MAAM,eAAe,GAAG,MAAM,CAAC,SAAS,GAAG,MAAM,CAAC,SAAS,CAAC,SAAS,CAAC,GAAG,SAAS,CAAA;AAClF,gBAAA,MAAM,gBAAgB,GAAI,IAAI,CAAC,MAAM,CAAC,MAAM,CAAC,eAAe,CAAY,GAAI,IAAI,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC,CAAY,CAAA;gBAC5G,MAAM,gBAAgB,GAAG,IAAI,CAAC,GAAG,CAAE,IAAI,CAAC,MAAM,CAAC,MAAM,CAAC,eAAe,CAAY,GAAI,IAAI,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC,CAAY,CAAC,CAAA;AAEtH,gBAAA,IACE,CAAC,CAAC,MAAM,GAAG,gBAAgB,GAAG,CAAC,MAAM,OAAO,CAAC,CAAC,CAAC,GAAG,cAAc,GAAG,CAAC,CAAC;AACrE,qBAAC,CAAC,MAAM,GAAG,gBAAgB,GAAG,CAAC,MAAM,OAAO,CAAC,CAAC,CAAC,GAAG,cAAc,GAAG,CAAC,CAAC,CAAC;AACtE,qBAAC,CAAC,MAAM,GAAG,gBAAgB,GAAG,CAAC,MAAM,OAAO,CAAC,CAAC,CAAC,GAAG,cAAc,GAAG,CAAC,CAAC,CAAC;AACtE,qBAAC,CAAC,MAAM,GAAG,gBAAgB,GAAG,CAAC,MAAM,OAAO,CAAC,CAAC,CAAC,GAAG,cAAc,GAAG,CAAC,CAAC,CAAC,EACtE;AACA,oBAAA,GAAG,CAAC,IAAI,CAAA,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,EAAA,EACH,CAAC,CAAA,EAAA,EACJ,MAAM,EAAE;AACN,4BAAA,MAAM,EAAE,MAAM;AACd,4BAAA,MAAM,EAAE,MAAM;AACd,4BAAA,MAAM,EAAE,eAAe;4BACvB,KAAK,EAAE,QAAQ,CAAC,CAAC,EAAE,MAAM,CAAC,KAAK,EAAE,CAAC,CAAC;4BACnC,KAAK,EAAE,SAAS,CAAC,CAAC,EAAE,MAAM,CAAC,KAAK,EAAE,CAAC,CAAe;4BAClD,KAAK,EAAE,SAAS,CAAC,CAAC,EAAE,MAAM,CAAC,KAAK,EAAE,CAAC,CAAC;4BACpC,UAAU,EAAE,QAAQ,CAAC,CAAC,EAAE,MAAM,CAAC,UAAU,EAAE,CAAC,CAAC;4BAC7C,MAAM,EAAE,SAAS,CAAC,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,CAAC,CAAC;AACtC,4BAAA,UAAU,EAAE,CAAC;AACb,4BAAA,UAAU,EAAE,CAAC;AACd,yBAAA,EAAA,CAAA,CACD,CAAA;AACH,iBAAA;AAED,gBAAA,OAAO,GAAG,CAAA;AACZ,aAAC,EAAE,EAAE,CAAC,MAAA,IAAA,IAAA,EAAA,KAAA,KAAA,CAAA,GAAA,EAAA,GAAI,EAAE,CAAA;AACd,SAAC,CAAC,CAAA;KACH;IAEO,iBAAiB,CAAE,CAAsB,EAAE,KAAiB,EAAA;QAClE,MAAM,KAAK,GAAG,MAAM,CAAC,KAAK,CAAC,MAAqB,CAAC,CAAA;AACjD,QAAA,MAAM,SAAS,GAAG,KAAK,CAAC,IAAI,EAAkC,CAAA;AAC9D,QAAA,IAAI,SAAS;AAAE,YAAA,SAAS,CAAC,eAAe,GAAG,IAAI,CAAA;QAE/C,KAAK,CAAC,KAAK,EAAE,CAAA;QACb,IAAI,CAAC,cAAc,EAAE,CAAA;KACtB;IAEO,gBAAgB,CAAE,CAAsB,EAAE,KAAiB,EAAA;QACjE,MAAM,SAAS,GAAG,MAAM,CAAC,KAAK,CAAC,MAAqB,CAAC,CAAC,IAAI,EAAkC,CAAA;AAC5F,QAAA,IAAI,SAAS;YAAE,OAAO,SAAS,CAAC,eAAe,CAAA;QAE/C,IAAI,CAAC,cAAc,EAAE,CAAA;KACtB;;AA3LM,OAAS,CAAA,SAAA,GAAGC,KAAC;;;;"}

package/components/scatter/modules/point.d.ts

@@ -0,0 +1,7 @@
+import { Selection } from 'd3-selection';
+import { ContinuousScale } from "../../../types/scale";
+import { ScatterConfig } from '../config';
+import { ScatterPoint } from '../types';
+export declare function createPoints<Datum>(selection: Selection<SVGGElement, ScatterPoint<Datum>, SVGGElement, ScatterPoint<Datum>[]>, xScale: ContinuousScale, yScale: ContinuousScale): void;
+export declare function updatePoints<Datum>(selection: Selection<SVGGElement, ScatterPoint<Datum>, SVGGElement, ScatterPoint<Datum>[]>, config: ScatterConfig<Datum>, xScale: ContinuousScale, yScale: ContinuousScale, duration: number): void;
+export declare function removePoints<Datum>(selection: Selection<SVGGElement, ScatterPoint<Datum>, SVGGElement, ScatterPoint<Datum>[]>, xScale: ContinuousScale, yScale: ContinuousScale, duration: number): void;

package/components/scatter/modules/point.js

@@ -0,0 +1,86 @@
+import { select } from 'd3-selection';
+import { symbol } from 'd3-shape';
+import { color } from 'd3-color';
+import { Position } from '../../../types/position.js';
+import { Symbol } from '../../../types/symbol.js';
+import { smartTransition } from '../../../utils/d3.js';
+import { isStringCSSVariable, getCSSVariableValue } from '../../../utils/misc.js';
+import { hexToBrightness } from '../../../utils/color.js';
+import { getValue } from '../../../utils/data.js';
+import { getCentralLabelFontSize, getLabelShift } from './utils.js';
+
+function createPoints(selection, xScale, yScale) {
+    selection.attr('transform', d => `translate(${d._point.xValue},${d._point.yValue})`);
+    selection.append('path').style('fill', d => d._point.color);
+    selection.append('text')
+        .style('pointer-events', 'none');
+    selection.attr('transform', d => `translate(${xScale(d._point.xValue)},${yScale(d._point.yValue)}) scale(0)`);
+}
+function updatePoints(selection, config, xScale, yScale, duration) {
+    const symbolGenerator = symbol();
+    selection.each((d, index, elements) => {
+        var _a, _b;
+        const i = d._point.pointIndex;
+        const group = select(elements[i]);
+        const label = group.select('text');
+        const path = group.select('path');
+        // Shape
+        const pointDiameter = d._point.sizePx;
+        const pointColor = d._point.color;
+        path.attr('d', () => {
+            const svgPath = d._point.shape ? symbolGenerator
+                .size(Math.PI * pointDiameter * pointDiameter / 4)
+                .type(Symbol[d._point.shape])() : null;
+            return svgPath;
+        });
+        smartTransition(path, duration)
+            .style('fill', pointColor)
+            .style('stroke', pointColor);
+        // Label
+        const labelPosition = getValue(d, config.labelPosition, i);
+        const isLabelPositionCenter = (labelPosition !== Position.Top) && (labelPosition !== Position.Bottom) &&
+            (labelPosition !== Position.Left) && (labelPosition !== Position.Right);
+        const pointLabelText = (_a = d._point.label) !== null && _a !== void 0 ? _a : '';
+        const textLength = pointLabelText.length;
+        const centralLabelFontSize = getCentralLabelFontSize(pointDiameter, textLength);
+        let labelColor = d._point.labelColor;
+        if (!labelColor && isLabelPositionCenter) {
+            const c = pointColor || 'var(--vis-scatter-fill-color)';
+            const hex = (_b = color(isStringCSSVariable(c) ? getCSSVariableValue(c, group.node()) : c)) === null || _b === void 0 ? void 0 : _b.hex();
+            const brightness = hexToBrightness(hex);
+            labelColor = brightness > config.labelTextBrightnessRatio ? 'var(--vis-scatter-point-label-text-color-dark)' : 'var(--vis-scatter-point-label-text-color-light)';
+        }
+        const labelShift = getLabelShift(labelPosition, pointDiameter);
+        label.html(pointLabelText)
+            .attr('x', labelShift[0])
+            .attr('y', labelShift[1])
+            .style('font-size', isLabelPositionCenter ? centralLabelFontSize : null)
+            .style('text-anchor', () => {
+            switch (labelPosition) {
+                case Position.Right: return null;
+                case Position.Left: return 'end';
+                default: return 'middle';
+            }
+        })
+            .style('dominant-baseline', () => {
+            switch (labelPosition) {
+                case Position.Top: return null;
+                case Position.Bottom: return 'hanging';
+                default: return 'central';
+            }
+        });
+        smartTransition(label, duration)
+            .style('fill', labelColor);
+        path.style('cursor', d._point.cursor);
+    });
+    smartTransition(selection, duration)
+        .attr('transform', d => `translate(${xScale(d._point.xValue)},${yScale(d._point.yValue)}) scale(1)`);
+}
+function removePoints(selection, xScale, yScale, duration) {
+    smartTransition(selection, duration)
+        .attr('transform', d => `translate(${xScale(d._point.xValue)},${yScale(d._point.yValue)}) scale(0)`)
+        .remove();
+}
+
+export { createPoints, removePoints, updatePoints };
+//# sourceMappingURL=point.js.map

package/components/scatter/modules/point.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"point.js","sources":["../../../../src/components/scatter/modules/point.ts"],"sourcesContent":["import { select, Selection } from 'd3-selection'\nimport { symbol } from 'd3-shape'\nimport { color } from 'd3-color'\nimport { Position } from 'types/position'\nimport { Symbol } from 'types/symbol'\n\n// Utils\nimport { smartTransition } from 'utils/d3'\nimport { getCSSVariableValue, isStringCSSVariable } from 'utils/misc'\nimport { hexToBrightness } from 'utils/color'\nimport { getValue } from 'utils/data'\n\n// Types\nimport { ContinuousScale } from 'types/scale'\n\n// Config\nimport { ScatterConfig } from '../config'\n\n// Local Types\nimport { ScatterPoint } from '../types'\n\n// Local Utils\nimport { getCentralLabelFontSize, getLabelShift } from './utils'\n\nexport function createPoints<Datum> (\n  selection: Selection<SVGGElement, ScatterPoint<Datum>, SVGGElement, ScatterPoint<Datum>[]>,\n  xScale: ContinuousScale,\n  yScale: ContinuousScale\n): void {\n  selection.attr('transform', d => `translate(${d._point.xValue},${d._point.yValue})`)\n  selection.append('path').style('fill', d => d._point.color)\n  selection.append('text')\n    .style('pointer-events', 'none')\n\n  selection.attr('transform', d => `translate(${xScale(d._point.xValue)},${yScale(d._point.yValue)}) scale(0)`)\n}\n\nexport function updatePoints<Datum> (\n  selection: Selection<SVGGElement, ScatterPoint<Datum>, SVGGElement, ScatterPoint<Datum>[]>,\n  config: ScatterConfig<Datum>,\n  xScale: ContinuousScale,\n  yScale: ContinuousScale,\n  duration: number\n): void {\n  const symbolGenerator = symbol()\n\n  selection.each((d, index, elements) => {\n    const i = d._point.pointIndex\n    const group: Selection<SVGGElement, ScatterPoint<Datum>, SVGGElement, ScatterPoint<Datum>[]> = select(elements[i])\n    const label = group.select('text')\n    const path = group.select('path')\n\n    // Shape\n    const pointDiameter = d._point.sizePx\n    const pointColor = d._point.color\n    path.attr('d', () => {\n      const svgPath = d._point.shape ? symbolGenerator\n        .size(Math.PI * pointDiameter * pointDiameter / 4)\n        .type(Symbol[d._point.shape])() : null\n      return svgPath\n    })\n\n    smartTransition(path, duration)\n      .style('fill', pointColor)\n      .style('stroke', pointColor)\n\n    // Label\n    const labelPosition = getValue(d, config.labelPosition, i) as `${Position}`\n    const isLabelPositionCenter = (labelPosition !== Position.Top) && (labelPosition !== Position.Bottom) &&\n      (labelPosition !== Position.Left) && (labelPosition !== Position.Right)\n    const pointLabelText = d._point.label ?? ''\n    const textLength = pointLabelText.length\n    const centralLabelFontSize = getCentralLabelFontSize(pointDiameter, textLength)\n\n    let labelColor = d._point.labelColor\n    if (!labelColor && isLabelPositionCenter) {\n      const c = pointColor || 'var(--vis-scatter-fill-color)'\n      const hex = color(isStringCSSVariable(c) ? getCSSVariableValue(c, group.node()) : c)?.hex()\n      const brightness = hexToBrightness(hex)\n      labelColor = brightness > config.labelTextBrightnessRatio ? 'var(--vis-scatter-point-label-text-color-dark)' : 'var(--vis-scatter-point-label-text-color-light)'\n    }\n\n    const labelShift = getLabelShift(labelPosition, pointDiameter)\n    label.html(pointLabelText)\n      .attr('x', labelShift[0])\n      .attr('y', labelShift[1])\n      .style('font-size', isLabelPositionCenter ? centralLabelFontSize : null)\n      .style('text-anchor', () => {\n        switch (labelPosition) {\n          case Position.Right: return null\n          case Position.Left: return 'end'\n          default: return 'middle'\n        }\n      })\n      .style('dominant-baseline', () => {\n        switch (labelPosition) {\n          case Position.Top: return null\n          case Position.Bottom: return 'hanging'\n          default: return 'central'\n        }\n      })\n\n    smartTransition(label, duration)\n      .style('fill', labelColor)\n\n    path.style('cursor', d._point.cursor)\n  })\n\n  smartTransition(selection, duration)\n    .attr('transform', d => `translate(${xScale(d._point.xValue)},${yScale(d._point.yValue)}) scale(1)`)\n}\n\nexport function removePoints<Datum> (\n  selection: Selection<SVGGElement, ScatterPoint<Datum>, SVGGElement, ScatterPoint<Datum>[]>,\n  xScale: ContinuousScale,\n  yScale: ContinuousScale,\n  duration: number\n): void {\n  smartTransition(selection, duration)\n    .attr('transform', d => `translate(${xScale(d._point.xValue)},${yScale(d._point.yValue)}) scale(0)`)\n    .remove()\n}\n\n"],"names":[],"mappings":"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"}

package/components/scatter/modules/utils.d.ts

@@ -0,0 +1,11 @@
+import { Selection } from 'd3-selection';
+import { Position } from "../../../types/position";
+import { ContinuousScale } from "../../../types/scale";
+import { Rect } from "../../../types/misc";
+import { ScatterPoint } from '../types';
+import { ScatterConfig } from '../config';
+export declare function isLabelPositionCenter(labelPosition: Position | `${Position}`): boolean;
+export declare function getCentralLabelFontSize(pointDiameter: number, textLength: number): number;
+export declare function getLabelShift(labelPosition: `${Position}`, pointDiameter: number, labelPadding?: number): [number, number];
+export declare function getEstimatedLabelBBox<Datum>(d: ScatterPoint<Datum>, labelPosition: Position | `${Position}`, xScale: ContinuousScale, yScale: ContinuousScale, fontSizePx: number): Rect;
+export declare function collideLabels<Datum>(selection: Selection<SVGGElement, ScatterPoint<Datum>, SVGGElement, ScatterPoint<Datum>[]>, config: ScatterConfig<Datum>, xScale: ContinuousScale, yScale: ContinuousScale): void;

package/components/scatter/modules/utils.js

@@ -0,0 +1,112 @@
+import { select } from 'd3-selection';
+import { Position } from '../../../types/position.js';
+import { rectIntersect } from '../../../utils/misc.js';
+import { estimateStringPixelLength } from '../../../utils/text.js';
+import { getValue } from '../../../utils/data.js';
+
+function isLabelPositionCenter(labelPosition) {
+    return (labelPosition !== Position.Top) && (labelPosition !== Position.Bottom) &&
+        (labelPosition !== Position.Left) && (labelPosition !== Position.Right);
+}
+function getCentralLabelFontSize(pointDiameter, textLength) {
+    return textLength ? 0.7 * pointDiameter / Math.pow(textLength, 0.5) : 0;
+}
+function getLabelShift(labelPosition, pointDiameter, labelPadding = 5) {
+    switch (labelPosition) {
+        case Position.Top:
+            return [0, -pointDiameter / 2 - labelPadding];
+        case Position.Bottom:
+            return [0, pointDiameter / 2 + labelPadding];
+        case Position.Left:
+            return [-pointDiameter / 2 - labelPadding, 0];
+        case Position.Right:
+            return [pointDiameter / 2 + labelPadding, 0];
+        default:
+            return [0, 0];
+    }
+}
+function getEstimatedLabelBBox(d, labelPosition, xScale, yScale, fontSizePx) {
+    var _a;
+    const x = xScale(d._point.xValue);
+    const y = yScale(d._point.yValue);
+    const pointDiameter = d._point.sizePx;
+    const pointLabelText = (_a = d._point.label) !== null && _a !== void 0 ? _a : '';
+    const textLength = pointLabelText.length;
+    const centralLabelFontSize = getCentralLabelFontSize(pointDiameter, textLength);
+    const width = estimateStringPixelLength(pointLabelText, isLabelPositionCenter(labelPosition) ? centralLabelFontSize : fontSizePx, 0.6);
+    const height = fontSizePx;
+    const labelShift = getLabelShift(labelPosition, pointDiameter);
+    const dx = labelPosition === Position.Left ? -width
+        : labelPosition === Position.Right ? 0 : -width / 2;
+    const dy = labelPosition === Position.Top ? -height
+        : labelPosition === Position.Bottom ? 0 : -height / 2;
+    const bbox = {
+        x: x + labelShift[0] + dx,
+        y: y + labelShift[1] + dy,
+        width: width,
+        height: height,
+    };
+    return bbox;
+}
+function collideLabels(selection, config, xScale, yScale) {
+    // Reset visibility of all labels
+    selection.each((datum1, i, elements) => {
+        const node = elements[i];
+        node._labelVisible = true;
+    });
+    // Run collision detection and set labels visibility
+    selection.each((datum1, i, elements) => {
+        var _a, _b;
+        const group1Node = elements[i];
+        const label1Position = getValue(datum1, config.labelPosition, datum1._point.pointIndex);
+        if (!group1Node._labelVisible || isLabelPositionCenter(label1Position))
+            return;
+        const label1 = select(group1Node).select('text');
+        const label1FontSize = Number.parseFloat((_a = window.getComputedStyle(label1.node())) === null || _a === void 0 ? void 0 : _a.fontSize);
+        // Calculate bounding rect of point's label
+        const label1BoundingRect = getEstimatedLabelBBox(datum1, label1Position, xScale, yScale, label1FontSize);
+        for (let j = 0; j < elements.length; j += 1) {
+            if (i === j)
+                continue;
+            const group2Node = elements[j];
+            const group2 = select(group2Node);
+            const label2 = group2.select('text');
+            const datum2 = group2.datum();
+            // Calculate bounding rect of the second point's circle
+            const p2Pos = [xScale(datum2._point.xValue), yScale(datum2._point.yValue)];
+            const p2Radius = datum2._point.sizePx / 2;
+            const point2BoundingRect = {
+                x: p2Pos[0] - p2Radius,
+                y: p2Pos[1] - p2Radius,
+                width: 2 * p2Radius,
+                height: 2 * p2Radius,
+            };
+            let intersect = rectIntersect(label1BoundingRect, point2BoundingRect, 2);
+            // If there's no intersection, check for collision with the second point's label
+            const label2Visible = group2Node._labelVisible;
+            if (!intersect && label2Visible) {
+                const label2FontSize = Number.parseFloat((_b = window.getComputedStyle(label2.node())) === null || _b === void 0 ? void 0 : _b.fontSize);
+                const label2Position = getValue(datum2, config.labelPosition, datum2._point.pointIndex);
+                const label2BoundingRect = getEstimatedLabelBBox(datum2, label2Position, xScale, yScale, label2FontSize);
+                intersect = rectIntersect(label1BoundingRect, label2BoundingRect, 0.25);
+            }
+            if (intersect) {
+                if (group1Node._forceShowLabel)
+                    group2Node._labelVisible = false;
+                else {
+                    group1Node._labelVisible = false;
+                    break;
+                }
+            }
+        }
+    });
+    // Hide the overlapping labels
+    selection.each((datum1, i, elements) => {
+        const node = elements[i];
+        const label = select(node).select('text');
+        label.attr('opacity', node._labelVisible ? 1 : 0);
+    });
+}
+
+export { collideLabels, getCentralLabelFontSize, getEstimatedLabelBBox, getLabelShift, isLabelPositionCenter };
+//# sourceMappingURL=utils.js.map

package/components/scatter/modules/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sources":["../../../../src/components/scatter/modules/utils.ts"],"sourcesContent":["import { select, Selection } from 'd3-selection'\nimport { Position } from 'types/position'\n\n// Utils\nimport { rectIntersect } from 'utils/misc'\nimport { estimateStringPixelLength } from 'utils/text'\nimport { getValue } from 'utils/data'\n\n// Types\nimport { ContinuousScale } from 'types/scale'\nimport { Rect } from 'types/misc'\n\n// Local Types\nimport { ScatterPoint, ScatterPointGroupNode } from '../types'\n\n// Config\nimport { ScatterConfig } from '../config'\n\nexport function isLabelPositionCenter (labelPosition: Position | `${Position}`): boolean {\n  return (labelPosition !== Position.Top) && (labelPosition !== Position.Bottom) &&\n  (labelPosition !== Position.Left) && (labelPosition !== Position.Right)\n}\n\nexport function getCentralLabelFontSize (pointDiameter: number, textLength: number): number {\n  return textLength ? 0.7 * pointDiameter / Math.pow(textLength, 0.5) : 0\n}\n\nexport function getLabelShift (\n  labelPosition: `${Position}`,\n  pointDiameter: number,\n  labelPadding = 5\n): [number, number] {\n  switch (labelPosition) {\n    case Position.Top:\n      return [0, -pointDiameter / 2 - labelPadding]\n    case Position.Bottom:\n      return [0, pointDiameter / 2 + labelPadding]\n    case Position.Left:\n      return [-pointDiameter / 2 - labelPadding, 0]\n    case Position.Right:\n      return [pointDiameter / 2 + labelPadding, 0]\n    default:\n      return [0, 0]\n  }\n}\n\nexport function getEstimatedLabelBBox<Datum> (\n  d: ScatterPoint<Datum>,\n  labelPosition: Position | `${Position}`,\n  xScale: ContinuousScale,\n  yScale: ContinuousScale,\n  fontSizePx: number\n): Rect {\n  const x = xScale(d._point.xValue)\n  const y = yScale(d._point.yValue)\n  const pointDiameter = d._point.sizePx\n\n  const pointLabelText = d._point.label ?? ''\n  const textLength = pointLabelText.length\n  const centralLabelFontSize = getCentralLabelFontSize(pointDiameter, textLength)\n\n  const width = estimateStringPixelLength(pointLabelText, isLabelPositionCenter(labelPosition) ? centralLabelFontSize : fontSizePx, 0.6)\n  const height = fontSizePx\n\n  const labelShift = getLabelShift(labelPosition, pointDiameter)\n  const dx = labelPosition === Position.Left ? -width\n    : labelPosition === Position.Right ? 0 : -width / 2\n  const dy = labelPosition === Position.Top ? -height\n    : labelPosition === Position.Bottom ? 0 : -height / 2\n\n  const bbox: Rect = {\n    x: x + labelShift[0] + dx,\n    y: y + labelShift[1] + dy,\n    width: width,\n    height: height,\n  }\n\n  return bbox\n}\n\nexport function collideLabels<Datum> (\n  selection: Selection<SVGGElement, ScatterPoint<Datum>, SVGGElement, ScatterPoint<Datum>[]>,\n  config: ScatterConfig<Datum>,\n  xScale: ContinuousScale,\n  yScale: ContinuousScale\n): void {\n  // Reset visibility of all labels\n  selection.each((datum1: ScatterPoint<Datum>, i, elements) => {\n    const node = elements[i] as ScatterPointGroupNode\n    node._labelVisible = true\n  })\n\n  // Run collision detection and set labels visibility\n  selection.each((datum1: ScatterPoint<Datum>, i, elements) => {\n    const group1Node = elements[i] as ScatterPointGroupNode\n    const label1Position = getValue(datum1, config.labelPosition, datum1._point.pointIndex)\n    if (!group1Node._labelVisible || isLabelPositionCenter(label1Position)) return\n\n    const label1 = select<SVGGElement, ScatterPoint<Datum>>(group1Node).select<SVGTextElement>('text')\n    const label1FontSize = Number.parseFloat(window.getComputedStyle(label1.node())?.fontSize)\n\n    // Calculate bounding rect of point's label\n    const label1BoundingRect = getEstimatedLabelBBox(datum1, label1Position, xScale, yScale, label1FontSize)\n\n    for (let j = 0; j < elements.length; j += 1) {\n      if (i === j) continue\n      const group2Node = elements[j] as ScatterPointGroupNode\n      const group2 = select<SVGGElement, ScatterPoint<Datum>>(group2Node)\n      const label2 = group2.select<SVGTextElement>('text')\n      const datum2 = group2.datum()\n\n      // Calculate bounding rect of the second point's circle\n      const p2Pos = [xScale(datum2._point.xValue), yScale(datum2._point.yValue)]\n      const p2Radius = datum2._point.sizePx / 2\n      const point2BoundingRect = {\n        x: p2Pos[0] - p2Radius,\n        y: p2Pos[1] - p2Radius,\n        width: 2 * p2Radius,\n        height: 2 * p2Radius,\n      }\n\n      let intersect = rectIntersect(label1BoundingRect, point2BoundingRect, 2)\n\n      // If there's no intersection, check for collision with the second point's label\n      const label2Visible = group2Node._labelVisible\n      if (!intersect && label2Visible) {\n        const label2FontSize = Number.parseFloat(window.getComputedStyle(label2.node())?.fontSize)\n        const label2Position = getValue(datum2, config.labelPosition, datum2._point.pointIndex)\n        const label2BoundingRect = getEstimatedLabelBBox(datum2, label2Position, xScale, yScale, label2FontSize)\n\n        intersect = rectIntersect(label1BoundingRect, label2BoundingRect, 0.25)\n      }\n\n      if (intersect) {\n        if (group1Node._forceShowLabel) group2Node._labelVisible = false\n        else {\n          group1Node._labelVisible = false\n          break\n        }\n      }\n    }\n  })\n\n  // Hide the overlapping labels\n  selection.each((datum1: ScatterPoint<Datum>, i, elements) => {\n    const node = elements[i] as ScatterPointGroupNode\n    const label = select<SVGGElement, ScatterPoint<Datum>>(node).select<SVGTextElement>('text')\n    label.attr('opacity', node._labelVisible ? 1 : 0)\n  })\n}\n"],"names":[],"mappings":"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"}

package/components/scatter/style.d.ts

@@ -0,0 +1,5 @@
+export declare const globalStyles: void;
+export declare const root: string;
+export declare const pointGroup: string;
+export declare const pointGroupExit: string;
+export declare const point: string;