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

package/components/scatter/index.js

@@ -1,167 +0,0 @@
-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

@@ -1 +0,0 @@
-{"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":"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"}

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

@@ -1,7 +0,0 @@
-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

@@ -1,86 +0,0 @@
-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

@@ -1 +0,0 @@
-{"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

@@ -1,11 +0,0 @@
-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

@@ -1,112 +0,0 @@
-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

@@ -1 +0,0 @@
-{"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

@@ -1,5 +0,0 @@
-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;

package/components/scatter/style.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"style.js","sources":["../../../src/components/scatter/style.ts"],"sourcesContent":["import { css, injectGlobal } from '@emotion/css'\n\nexport const globalStyles = injectGlobal`\n  :root {\n    --vis-scatter-cursor: default;\n    --vis-scatter-fill-color: var(--vis-color-main);\n    --vis-scatter-stroke-color: var(--vis-color-main);\n    --vis-scatter-stroke-width: 0px;\n    --vis-scatter-fill-opacity: 1;\n    --vis-scatter-stroke-opacity: 1;\n    --vis-scatter-hover-stroke-width: 2px;\n\n    --vis-scatter-point-label-text-color-dark: #5b5f6d;\n    --vis-scatter-point-label-text-color-light: #fff;\n    --vis-scatter-point-label-text-font-weight: 500;\n    --vis-scatter-point-label-text-font-size: 12px;\n    // Undefined by default to allow proper fallback to var(--vis-font-family)\n    /* --vis-scatter-point-label-text-font-family: */\n  }\n`\n\nexport const root = css`\n  label: scatter-component;\n`\n\nexport const pointGroup = css`\n  label: point-group;\n`\n\nexport const pointGroupExit = css`\n  label: point-group-exit;\n`\n\nexport const point = css`\n  label: point;\n\n  > path {\n    cursor: var(--vis-scatter-cursor);\n    fill: var(--vis-scatter-fill-color);\n    fill-opacity: var(--vis-scatter-fill-opacity);\n    stroke-opacity: var(--vis-scatter-stroke-opacity);\n    stroke-width: var(--vis-scatter-stroke-width);\n    stroke: var(--vis-scatter-stroke-color);\n\n    &:hover {\n        stroke-width: var(--vis-scatter-hover-stroke-width);\n    }\n  }\n\n  > text {\n    font-weight: var(--vis-scatter-point-label-text-font-weight);\n    font-size: var(--vis-scatter-point-label-text-font-size);\n    font-family: var(--vis-scatter-point-label-text-font-family, var(--vis-font-family));\n    fill: var(--vis-scatter-point-label-text-color-dark);\n    user-select: none;\n  }\n`\n"],"names":[],"mappings":";;AAEO,MAAM,YAAY,GAAG,YAAY,CAAA,CAAA;;;;;;;;;;;;;;;;;EAiBvC;AAEM,MAAM,IAAI,GAAG,GAAG,CAAA,CAAA;;EAEtB;AAEM,MAAM,UAAU,GAAG,GAAG,CAAA,CAAA;;EAE5B;AAEM,MAAM,cAAc,GAAG,GAAG,CAAA,CAAA;;EAEhC;AAEM,MAAM,KAAK,GAAG,GAAG,CAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/components/scatter/types.d.ts

@@ -1,19 +0,0 @@
-import { SymbolType } from "../../types/symbol";
-export declare type ScatterPoint<D> = D & {
-    _point: {
-        xValue: number;
-        yValue: number;
-        sizePx: number;
-        color: string | null;
-        shape: SymbolType | string;
-        label: string | null;
-        labelColor: string | null;
-        cursor: string | null;
-        groupIndex: number;
-        pointIndex: number;
-    };
-};
-export declare type ScatterPointGroupNode = SVGGElement & {
-    _labelVisible: boolean;
-    _forceShowLabel?: boolean;
-};

package/components/stacked-bar/config.d.ts

@@ -1,38 +0,0 @@
-import { XYComponentConfigInterface, XYComponentConfig } from "../../core/xy-component/config";
-import { StringAccessor } from "../../types/accessor";
-import { Orientation } from "../../types/position";
-export interface StackedBarConfigInterface<Datum> extends XYComponentConfigInterface<Datum> {
-    /** Force set bar width in pixels. Default: `undefined` */
-    barWidth?: number;
-    /** Maximum bar width for dynamic sizing. Default: `undefined` */
-    barMaxWidth?: number;
-    /** Expected step between the bars in the X axis units.
-     * Needed to correctly calculate the width of the bars when there are gaps in the data.
-     * Default: `undefined` */
-    dataStep?: number;
-    /** Fractional padding between the bars in the range of [0,1). Default: `0` */
-    barPadding?: number;
-    /** Rounded corners for top bars. Boolean or number (to set the radius in pixels). Default: `2` */
-    roundedCorners?: number | boolean;
-    /** Configurable bar cursor when hovering over. Default: `null` */
-    cursor?: StringAccessor<Datum>;
-    /** Sets the minimum bar height to 1 pixel for better visibility of small values. Default: `false` */
-    barMinHeight1Px?: boolean;
-    /** Base value to test data existence when `barMinHeight1Px` is set to `true`.
-     * Everything equal to barMinHeightZeroValue will not be rendered on the chart.
-     * Default: `null` */
-    barMinHeightZeroValue?: any;
-    /** Chart orientation: `Orientation.Vertical` or `Orientation.Horizontal`. Default `Orientation.Vertical` */
-    orientation?: Orientation | string;
-}
-export declare class StackedBarConfig<Datum> extends XYComponentConfig<Datum> implements StackedBarConfigInterface<Datum> {
-    barMaxWidth: any;
-    barWidth: any;
-    dataStep: any;
-    barPadding: number;
-    roundedCorners: number;
-    cursor: any;
-    barMinHeight1Px: boolean;
-    barMinHeightZeroValue: any;
-    orientation: Orientation;
-}

package/components/stacked-bar/config.js

@@ -1,20 +0,0 @@
-import { XYComponentConfig } from '../../core/xy-component/config.js';
-import { Orientation } from '../../types/position.js';
-
-class StackedBarConfig extends XYComponentConfig {
-    constructor() {
-        super(...arguments);
-        this.barMaxWidth = undefined;
-        this.barWidth = undefined;
-        this.dataStep = undefined;
-        this.barPadding = 0.0;
-        this.roundedCorners = 2;
-        this.cursor = null;
-        this.barMinHeight1Px = false;
-        this.barMinHeightZeroValue = null;
-        this.orientation = Orientation.Vertical;
-    }
-}
-
-export { StackedBarConfig };
-//# sourceMappingURL=config.js.map

package/components/stacked-bar/config.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"config.js","sources":["../../../src/components/stacked-bar/config.ts"],"sourcesContent":["import { XYComponentConfigInterface, XYComponentConfig } from 'core/xy-component/config'\n\n// Types\nimport { StringAccessor } from 'types/accessor'\nimport { Orientation } from 'types/position'\n\nexport interface StackedBarConfigInterface<Datum> extends XYComponentConfigInterface<Datum> {\n  /** Force set bar width in pixels. Default: `undefined` */\n  barWidth?: number;\n  /** Maximum bar width for dynamic sizing. Default: `undefined` */\n  barMaxWidth?: number;\n  /** Expected step between the bars in the X axis units.\n   * Needed to correctly calculate the width of the bars when there are gaps in the data.\n   * Default: `undefined` */\n  dataStep?: number;\n  /** Fractional padding between the bars in the range of [0,1). Default: `0` */\n  barPadding?: number;\n  /** Rounded corners for top bars. Boolean or number (to set the radius in pixels). Default: `2` */\n  roundedCorners?: number | boolean;\n  /** Configurable bar cursor when hovering over. Default: `null` */\n  cursor?: StringAccessor<Datum>;\n  /** Sets the minimum bar height to 1 pixel for better visibility of small values. Default: `false` */\n  barMinHeight1Px?: boolean;\n  /** Base value to test data existence when `barMinHeight1Px` is set to `true`.\n   * Everything equal to barMinHeightZeroValue will not be rendered on the chart.\n   * Default: `null` */\n  barMinHeightZeroValue?: any;\n  /** Chart orientation: `Orientation.Vertical` or `Orientation.Horizontal`. Default `Orientation.Vertical` */\n  orientation?: Orientation | string;\n}\n\nexport class StackedBarConfig<Datum> extends XYComponentConfig<Datum> implements StackedBarConfigInterface<Datum> {\n  barMaxWidth = undefined\n  barWidth = undefined\n  dataStep = undefined\n  barPadding = 0.0\n  roundedCorners = 2\n  cursor = null\n  barMinHeight1Px = false\n  barMinHeightZeroValue = null\n  orientation = Orientation.Vertical\n}\n"],"names":[],"mappings":";;;AA+BM,MAAO,gBAAwB,SAAQ,iBAAwB,CAAA;AAArE,IAAA,WAAA,GAAA;;QACE,IAAW,CAAA,WAAA,GAAG,SAAS,CAAA;QACvB,IAAQ,CAAA,QAAA,GAAG,SAAS,CAAA;QACpB,IAAQ,CAAA,QAAA,GAAG,SAAS,CAAA;QACpB,IAAU,CAAA,UAAA,GAAG,GAAG,CAAA;QAChB,IAAc,CAAA,cAAA,GAAG,CAAC,CAAA;QAClB,IAAM,CAAA,MAAA,GAAG,IAAI,CAAA;QACb,IAAe,CAAA,eAAA,GAAG,KAAK,CAAA;QACvB,IAAqB,CAAA,qBAAA,GAAG,IAAI,CAAA;AAC5B,QAAA,IAAA,CAAA,WAAW,GAAG,WAAW,CAAC,QAAQ,CAAA;KACnC;AAAA;;;;"}

package/components/stacked-bar/index.d.ts

@@ -1,28 +0,0 @@
-import { XYComponentCore } from "../../core/xy-component";
-import { NumericAccessor } from "../../types/accessor";
-import { Spacing } from "../../types/spacing";
-import { StackedBarDataRecord } from './types';
-import { StackedBarConfig, StackedBarConfigInterface } from './config';
-import * as s from './style';
-export declare class StackedBar<Datum> extends XYComponentCore<Datum, StackedBarConfig<Datum>, StackedBarConfigInterface<Datum>> {
-    static selectors: typeof s;
-    config: StackedBarConfig<Datum>;
-    getAccessors: () => NumericAccessor<Datum>[];
-    stacked: boolean;
-    events: {};
-    private _prevNegative;
-    private _barData;
-    constructor(config?: StackedBarConfigInterface<Datum>);
-    get bleed(): Spacing;
-    private get dataScale();
-    private get valueScale();
-    private isVertical;
-    _render(customDuration?: number): void;
-    _getBarWidth(): number;
-    _getVisibleData(): Datum[];
-    _getBarPath(d: StackedBarDataRecord<Datum>, accessorIndex: number, isEntering?: boolean): string;
-    getValueScaleExtent(scaleByVisibleData: boolean): number[];
-    getDataScaleExtent(): number[];
-    getYDataExtent(scaleByVisibleData: boolean): number[];
-    getXDataExtent(): number[];
-}