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

package/{src/components/scatter/style.ts → components/scatter/style.js}

@@ -1,6 +1,6 @@
-import { css, injectGlobal } from '@emotion/css'
+import { injectGlobal, css } from '@emotion/css';
 
-export const globalStyles = injectGlobal`
+const globalStyles = injectGlobal `
   :root {
     --vis-scatter-cursor: default;
     --vis-scatter-fill-color: var(--vis-color-main);
@@ -17,21 +17,17 @@ export const globalStyles = injectGlobal`
     // Undefined by default to allow proper fallback to var(--vis-font-family)
     /* --vis-scatter-point-label-text-font-family: */
   }
-`
-
-export const root = css`
+`;
+const root = css `
   label: scatter-component;
-`
-
-export const pointGroup = css`
+`;
+const pointGroup = css `
   label: point-group;
-`
-
-export const pointGroupExit = css`
+`;
+const pointGroupExit = css `
   label: point-group-exit;
-`
-
-export const point = css`
+`;
+const point = css `
   label: point;
 
   > path {
@@ -54,4 +50,7 @@ export const point = css`
     fill: var(--vis-scatter-point-label-text-color-dark);
     user-select: none;
   }
-`
+`;
+
+export { globalStyles, point, pointGroup, pointGroupExit, root };
+//# sourceMappingURL=style.js.map

package/components/scatter/style.js.map

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

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

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

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

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

@@ -0,0 +1,28 @@
+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[];
+}

package/components/stacked-bar/index.js

@@ -0,0 +1,208 @@
+import { min, max } from 'd3-array';
+import { XYComponentCore } from '../../core/xy-component/index.js';
+import { isArray, getNumber, isNumber, getStackedData, getString, isEmpty, clamp, getStackedExtent, getExtent } from '../../utils/data.js';
+import { roundedRectPath } from '../../utils/path.js';
+import { smartTransition } from '../../utils/d3.js';
+import { getColor } from '../../utils/color.js';
+import { Orientation } from '../../types/position.js';
+import { StackedBarConfig } from './config.js';
+import * as style from './style.js';
+import { barGroup, barGroupExit, bar } from './style.js';
+
+class StackedBar extends XYComponentCore {
+    constructor(config) {
+        super();
+        this.config = new StackedBarConfig();
+        this.getAccessors = () => (isArray(this.config.y) ? this.config.y : [this.config.y]);
+        this.stacked = true;
+        this.events = {};
+        this._barData = [];
+        if (config)
+            this.config.init(config);
+    }
+    get bleed() {
+        this._barData = this._getVisibleData();
+        if (this._barData.length === 0)
+            return { top: 0, bottom: 0, left: 0, right: 0 };
+        // By default, horizontal orientation is "flipped", i.e. the `yDirection` of `XYContainer` is set to `Direction.North`
+        const isHorizontalAndFlipped = !this.isVertical() && (this.dataScale.range()[0] > this.dataScale.range()[1]);
+        const dataDomain = this.dataScale.domain();
+        const halfGroupWidth = this._getBarWidth() / 2;
+        const dataScaleValues = this._barData.map((d, i) => getNumber(d, this.config.x, i));
+        const firstDataValue = min(dataScaleValues);
+        const lastDataValue = max(dataScaleValues);
+        const firstValuePx = this.dataScale(firstDataValue);
+        const lastValuePx = this.dataScale(lastDataValue);
+        const dataDomainRequiredStart = this.dataScale.invert(firstValuePx + (isHorizontalAndFlipped ? halfGroupWidth : -halfGroupWidth));
+        const dataDomainRequiredEnd = this.dataScale.invert(lastValuePx + (isHorizontalAndFlipped ? -halfGroupWidth : halfGroupWidth));
+        const bleedPxStart = dataDomainRequiredStart <= dataDomain[0] ? this.dataScale(dataDomain[0]) - this.dataScale(dataDomainRequiredStart) : 0;
+        const bleedPxEnd = dataDomainRequiredEnd > dataDomain[1] ? this.dataScale(dataDomainRequiredEnd) - this.dataScale(dataDomain[1]) : 0;
+        return {
+            top: this.isVertical() ? 0 : (isHorizontalAndFlipped ? -bleedPxEnd : bleedPxStart),
+            bottom: this.isVertical() ? 0 : (isHorizontalAndFlipped ? -bleedPxStart : bleedPxEnd),
+            left: this.isVertical() ? bleedPxStart : 0,
+            right: this.isVertical() ? bleedPxEnd : 0,
+        };
+    }
+    get dataScale() {
+        return this.isVertical() ? this.xScale : this.yScale;
+    }
+    get valueScale() {
+        return this.isVertical() ? this.yScale : this.xScale;
+    }
+    isVertical() {
+        return this.config.orientation === Orientation.Vertical;
+    }
+    _render(customDuration) {
+        const { config } = this;
+        const duration = isNumber(customDuration) ? customDuration : config.duration;
+        const yAccessors = this.getAccessors();
+        const stacked = getStackedData(this._barData, 0, yAccessors, this._prevNegative);
+        this._prevNegative = stacked.map(s => !!s.negative);
+        const barGroups = this.g
+            .selectAll(`.${barGroup}`)
+            .data(this._barData, (d, i) => { var _a; return `${(_a = getString(d, config.id, i)) !== null && _a !== void 0 ? _a : i}`; });
+        const getBarGroupsTransform = (d, i) => {
+            const v = this.dataScale(getNumber(d, config.x, i));
+            const x = this.isVertical() ? v : 0;
+            const y = this.isVertical() ? 0 : v;
+            return `translate(${x},${y})`;
+        };
+        const barGroupsEnter = barGroups.enter().append('g')
+            .attr('class', barGroup)
+            .attr('transform', getBarGroupsTransform)
+            .style('opacity', 1);
+        const barGroupsMerged = barGroupsEnter.merge(barGroups);
+        smartTransition(barGroupsMerged, duration)
+            .attr('transform', getBarGroupsTransform)
+            .style('opacity', 1);
+        const barGroupExit$1 = barGroups.exit()
+            .attr('class', barGroupExit);
+        smartTransition(barGroupExit$1, duration)
+            .style('opacity', 0)
+            .remove();
+        // Animate bars from exiting groups going down
+        smartTransition(barGroupExit$1.selectAll(`.${bar}`), duration)
+            .attr('transform', this.isVertical()
+            ? `translate(0,${this._height / 3})`
+            : `translate(${this._width / 6},0)`);
+        // Render Bars
+        const bars = barGroupsMerged
+            .selectAll(`.${bar}`)
+            .data((d, j) => stacked.map((s) => (Object.assign(Object.assign({}, d), { _stacked: s[j], _negative: s.negative, _ending: s.ending }))));
+        const barsEnter = bars.enter().append('path')
+            .attr('class', bar)
+            .attr('d', (d, j) => this._getBarPath(d, j, true))
+            .style('fill', (d, j) => getColor(d, config.color, j));
+        const barsMerged = barsEnter.merge(bars);
+        smartTransition(barsMerged, duration)
+            .attr('d', (d, j) => this._getBarPath(d, j))
+            .style('fill', (d, j) => getColor(d, config.color, j))
+            .style('cursor', (d, j) => getString(d, config.cursor, j));
+        smartTransition(bars.exit(), duration)
+            .style('opacity', 0)
+            .remove();
+    }
+    _getBarWidth() {
+        const { config, datamodel: { data } } = this;
+        if (isEmpty(data))
+            return 0;
+        if (config.barWidth)
+            return min([config.barWidth, config.barMaxWidth]);
+        // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+        // @ts-ignore
+        const isOrdinal = this.dataScale.bandwidth;
+        const domain = (this.dataScale.domain ? this.dataScale.domain() : []);
+        const domainLength = isOrdinal ? domain.length : domain[1] - domain[0];
+        // If the dataStep property is provided the amount of data elements is calculates as domainLength / dataStep
+        //   otherwise we get the number of data elements within the domain range
+        // Or if the scale is ordinal we use data.length
+        let dataSize = (1 + domainLength / config.dataStep) ||
+            (!isOrdinal && data.filter((d, i) => {
+                const value = getNumber(d, config.x, i);
+                return (value >= domain[0]) && (value <= domain[1]);
+            }).length) ||
+            data.length;
+        // We increase the dataSize by 1 to take into account possible additional domain space
+        if (!isOrdinal && dataSize >= 2)
+            dataSize += 1;
+        const c = dataSize < 2 ? 1 : 1 - config.barPadding;
+        const barWidth = c * (this.isVertical() ? this._width : this._height) / dataSize;
+        return min([barWidth, config.barMaxWidth]);
+    }
+    _getVisibleData() {
+        const { config, datamodel: { data } } = this;
+        const groupWidth = this._getBarWidth();
+        const halfGroupWidthPx = data.length < 2 ? 0 : groupWidth / 2;
+        const scale = this.dataScale;
+        const halfGroupWidth = Math.abs(scale.invert(halfGroupWidthPx) - scale.invert(0));
+        const filtered = data === null || data === void 0 ? void 0 : data.filter((d, i) => {
+            const v = getNumber(d, config.x, i);
+            const domain = scale.domain();
+            const domainMin = +domain[0];
+            const domainMax = +domain[1];
+            return (v >= (domainMin - halfGroupWidth)) && (v <= (domainMax + halfGroupWidth));
+        });
+        return filtered;
+    }
+    _getBarPath(d, accessorIndex, isEntering = false) {
+        const { config } = this;
+        const yAccessors = this.getAccessors();
+        const barWidth = this._getBarWidth();
+        const isNegative = d._negative;
+        const isEnding = d._ending; // The most top bar or, if the value is negative, the most bottom bar
+        // Todo: Find a way to pass the datum index to `getNumber` below
+        const value = getNumber(d, yAccessors[accessorIndex]);
+        const height = isEntering ? 0 : Math.abs(this.valueScale(d._stacked[0]) - this.valueScale(d._stacked[1]));
+        const h = !isEntering && config.barMinHeight1Px && (height < 1) && isFinite(value) && (value !== config.barMinHeightZeroValue) ? 1 : height;
+        const y = isEntering
+            ? this.valueScale(0)
+            : this.valueScale(isNegative ? d._stacked[0] : d._stacked[1]) - (height < 1 && config.barMinHeight1Px ? 1 : 0);
+        const x = -barWidth / 2;
+        const width = barWidth;
+        const cornerRadius = config.roundedCorners
+            ? isNumber(config.roundedCorners) ? +config.roundedCorners : width / 2
+            : 0;
+        const cornerRadiusClamped = clamp(cornerRadius, 0, Math.min(height, width) / 2);
+        const isNorthDirected = this.yScale.range()[0] > this.yScale.range()[1];
+        return roundedRectPath({
+            x: this.isVertical() ? x : y - h,
+            y: this.isVertical() ? y + (isNorthDirected ? 0 : -h) : x,
+            w: this.isVertical() ? width : h,
+            h: this.isVertical() ? h : width,
+            tl: isEnding && (this.isVertical()
+                ? (!isNegative && isNorthDirected) || (isNegative && !isNorthDirected)
+                : isNegative),
+            tr: isEnding && (this.isVertical()
+                ? (!isNegative && isNorthDirected) || (isNegative && !isNorthDirected)
+                : !isNegative),
+            br: isEnding && (this.isVertical()
+                ? (isNegative && isNorthDirected) || (!isNegative && !isNorthDirected)
+                : !isNegative),
+            bl: isEnding && (this.isVertical()
+                ? (isNegative && isNorthDirected) || (!isNegative && !isNorthDirected)
+                : isNegative),
+            r: cornerRadiusClamped,
+        });
+    }
+    getValueScaleExtent(scaleByVisibleData) {
+        const { datamodel } = this;
+        const yAccessors = this.getAccessors();
+        const data = scaleByVisibleData ? this._getVisibleData() : datamodel.data;
+        return getStackedExtent(data, ...yAccessors);
+    }
+    getDataScaleExtent() {
+        const { config, datamodel } = this;
+        return getExtent(datamodel.data, config.x);
+    }
+    getYDataExtent(scaleByVisibleData) {
+        return this.isVertical() ? this.getValueScaleExtent(scaleByVisibleData) : this.getDataScaleExtent();
+    }
+    getXDataExtent() {
+        return this.isVertical() ? this.getDataScaleExtent() : this.getValueScaleExtent(false);
+    }
+}
+StackedBar.selectors = style;
+
+export { StackedBar };
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../src/components/stacked-bar/index.ts"],"sourcesContent":["import { min, max } from 'd3-array'\n\n// Core\nimport { XYComponentCore } from 'core/xy-component'\n\n// Utils\nimport { isNumber, isArray, isEmpty, clamp, getStackedExtent, getString, getNumber, getStackedData, getExtent } from 'utils/data'\nimport { roundedRectPath } from 'utils/path'\nimport { smartTransition } from 'utils/d3'\nimport { getColor } from 'utils/color'\n\n// Types\nimport { ContinuousScale } from 'types/scale'\nimport { NumericAccessor } from 'types/accessor'\nimport { Spacing } from 'types/spacing'\nimport { Orientation } from 'types/position'\n\n// Local Types\nimport { StackedBarDataRecord } from './types'\n\n// Config\nimport { StackedBarConfig, StackedBarConfigInterface } from './config'\n\n// Styles\nimport * as s from './style'\n\nexport class StackedBar<Datum> extends XYComponentCore<Datum, StackedBarConfig<Datum>, StackedBarConfigInterface<Datum>> {\n  static selectors = s\n  config: StackedBarConfig<Datum> = new StackedBarConfig()\n  getAccessors = (): NumericAccessor<Datum>[] => (isArray(this.config.y) ? this.config.y : [this.config.y])\n  stacked = true\n  events = {}\n  private _prevNegative: boolean[] | undefined // To help guessing the bar direction when an accessor was set to null or 0\n  private _barData: Datum[] = []\n\n  constructor (config?: StackedBarConfigInterface<Datum>) {\n    super()\n    if (config) this.config.init(config)\n  }\n\n  get bleed (): Spacing {\n    this._barData = this._getVisibleData()\n    if (this._barData.length === 0) return { top: 0, bottom: 0, left: 0, right: 0 }\n\n    // By default, horizontal orientation is \"flipped\", i.e. the `yDirection` of `XYContainer` is set to `Direction.North`\n    const isHorizontalAndFlipped = !this.isVertical() && (this.dataScale.range()[0] > this.dataScale.range()[1])\n    const dataDomain = this.dataScale.domain()\n    const halfGroupWidth = this._getBarWidth() / 2\n\n    const dataScaleValues = this._barData.map((d, i) => getNumber(d, this.config.x, i))\n    const firstDataValue = min(dataScaleValues)\n    const lastDataValue = max(dataScaleValues)\n    const firstValuePx = this.dataScale(firstDataValue)\n    const lastValuePx = this.dataScale(lastDataValue)\n\n    const dataDomainRequiredStart = this.dataScale.invert(firstValuePx + (isHorizontalAndFlipped ? halfGroupWidth : -halfGroupWidth))\n    const dataDomainRequiredEnd = this.dataScale.invert(lastValuePx + (isHorizontalAndFlipped ? -halfGroupWidth : halfGroupWidth))\n    const bleedPxStart = dataDomainRequiredStart <= dataDomain[0] ? this.dataScale(dataDomain[0]) - this.dataScale(dataDomainRequiredStart) : 0\n    const bleedPxEnd = dataDomainRequiredEnd > dataDomain[1] ? this.dataScale(dataDomainRequiredEnd) - this.dataScale(dataDomain[1]) : 0\n\n    return {\n      top: this.isVertical() ? 0 : (isHorizontalAndFlipped ? -bleedPxEnd : bleedPxStart),\n      bottom: this.isVertical() ? 0 : (isHorizontalAndFlipped ? -bleedPxStart : bleedPxEnd),\n      left: this.isVertical() ? bleedPxStart : 0,\n      right: this.isVertical() ? bleedPxEnd : 0,\n    }\n  }\n\n  private get dataScale (): ContinuousScale {\n    return this.isVertical() ? this.xScale : this.yScale\n  }\n\n  private get valueScale (): ContinuousScale {\n    return this.isVertical() ? this.yScale : this.xScale\n  }\n\n  private isVertical (): boolean {\n    return this.config.orientation === Orientation.Vertical\n  }\n\n  _render (customDuration?: number): void {\n    const { config } = this\n    const duration = isNumber(customDuration) ? customDuration : config.duration\n\n    const yAccessors = this.getAccessors()\n    const stacked = getStackedData(this._barData, 0, yAccessors, this._prevNegative)\n    this._prevNegative = stacked.map(s => !!s.negative)\n\n    const barGroups = this.g\n      .selectAll<SVGGElement, Datum>(`.${s.barGroup}`)\n      .data(this._barData, (d, i) => `${getString(d, config.id, i) ?? i}`)\n\n    const getBarGroupsTransform = (d: Datum, i: number): string => {\n      const v = this.dataScale(getNumber(d, config.x, i))\n      const x = this.isVertical() ? v : 0\n      const y = this.isVertical() ? 0 : v\n      return `translate(${x},${y})`\n    }\n\n    const barGroupsEnter = barGroups.enter().append('g')\n      .attr('class', s.barGroup)\n      .attr('transform', getBarGroupsTransform)\n      .style('opacity', 1)\n\n    const barGroupsMerged = barGroupsEnter.merge(barGroups)\n    smartTransition(barGroupsMerged, duration)\n      .attr('transform', getBarGroupsTransform)\n      .style('opacity', 1)\n\n    const barGroupExit = barGroups.exit()\n      .attr('class', s.barGroupExit)\n\n    smartTransition(barGroupExit, duration)\n      .style('opacity', 0)\n      .remove()\n\n    // Animate bars from exiting groups going down\n    smartTransition(barGroupExit.selectAll(`.${s.bar}`), duration)\n      .attr('transform', this.isVertical()\n        ? `translate(0,${this._height / 3})`\n        : `translate(${this._width / 6},0)`\n      )\n\n    // Render Bars\n    const bars = barGroupsMerged\n      .selectAll<SVGPathElement, StackedBarDataRecord<Datum>>(`.${s.bar}`)\n      .data((d, j) => stacked.map((s) =>\n        ({ ...d, _stacked: s[j], _negative: s.negative, _ending: s.ending }))\n      )\n\n    const barsEnter = bars.enter().append('path')\n      .attr('class', s.bar)\n      .attr('d', (d, j) => this._getBarPath(d, j, true))\n      .style('fill', (d, j) => getColor(d, config.color, j))\n\n    const barsMerged = barsEnter.merge(bars)\n\n    smartTransition(barsMerged, duration)\n      .attr('d', (d, j) => this._getBarPath(d, j))\n      .style('fill', (d, j) => getColor(d, config.color, j))\n      .style('cursor', (d, j) => getString(d, config.cursor, j))\n\n    smartTransition(bars.exit(), duration)\n      .style('opacity', 0)\n      .remove()\n  }\n\n  _getBarWidth (): number {\n    const { config, datamodel: { data } } = this\n    if (isEmpty(data)) return 0\n    if (config.barWidth) return min([config.barWidth, config.barMaxWidth])\n\n    // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n    // @ts-ignore\n    const isOrdinal = this.dataScale.bandwidth\n    const domain = (this.dataScale.domain ? this.dataScale.domain() : []) as number[]\n    const domainLength = isOrdinal ? domain.length : domain[1] - domain[0]\n\n    // If the dataStep property is provided the amount of data elements is calculates as domainLength / dataStep\n    //   otherwise we get the number of data elements within the domain range\n    // Or if the scale is ordinal we use data.length\n    let dataSize = (1 + domainLength / config.dataStep) ||\n        (!isOrdinal && data.filter((d, i) => {\n          const value = getNumber(d, config.x, i)\n          return (value >= domain[0]) && (value <= domain[1])\n        }).length) ||\n        data.length\n\n    // We increase the dataSize by 1 to take into account possible additional domain space\n    if (!isOrdinal && dataSize >= 2) dataSize += 1\n\n    const c = dataSize < 2 ? 1 : 1 - config.barPadding\n    const barWidth = c * (this.isVertical() ? this._width : this._height) / dataSize\n\n    return min([barWidth, config.barMaxWidth])\n  }\n\n  _getVisibleData (): Datum[] {\n    const { config, datamodel: { data } } = this\n\n    const groupWidth = this._getBarWidth()\n    const halfGroupWidthPx = data.length < 2 ? 0 : groupWidth / 2\n\n    const scale = this.dataScale\n    const halfGroupWidth = Math.abs((scale.invert(halfGroupWidthPx) as number) - (scale.invert(0) as number))\n    const filtered = data?.filter((d, i) => {\n      const v = getNumber(d, config.x, i)\n      const domain: number[] | Date[] = scale.domain()\n      const domainMin = +domain[0]\n      const domainMax = +domain[1]\n      return (v >= (domainMin - halfGroupWidth)) && (v <= (domainMax + halfGroupWidth))\n    })\n\n    return filtered\n  }\n\n  _getBarPath (d: StackedBarDataRecord<Datum>, accessorIndex: number, isEntering = false): string {\n    const { config } = this\n    const yAccessors = this.getAccessors()\n    const barWidth = this._getBarWidth()\n\n    const isNegative = d._negative\n    const isEnding = d._ending // The most top bar or, if the value is negative, the most bottom bar\n    // Todo: Find a way to pass the datum index to `getNumber` below\n    const value = getNumber(d, yAccessors[accessorIndex])\n\n    const height = isEntering ? 0 : Math.abs(this.valueScale(d._stacked[0]) - this.valueScale(d._stacked[1]))\n    const h = !isEntering && config.barMinHeight1Px && (height < 1) && isFinite(value) && (value !== config.barMinHeightZeroValue) ? 1 : height\n    const y = isEntering\n      ? this.valueScale(0)\n      : this.valueScale(isNegative ? d._stacked[0] : d._stacked[1]) - (height < 1 && config.barMinHeight1Px ? 1 : 0)\n\n    const x = -barWidth / 2\n    const width = barWidth\n\n    const cornerRadius = config.roundedCorners\n      ? isNumber(config.roundedCorners) ? +config.roundedCorners : width / 2\n      : 0\n    const cornerRadiusClamped = clamp(cornerRadius, 0, Math.min(height, width) / 2)\n    const isNorthDirected = this.yScale.range()[0] > this.yScale.range()[1]\n\n    return roundedRectPath({\n      x: this.isVertical() ? x : y - h,\n      y: this.isVertical() ? y + (isNorthDirected ? 0 : -h) : x,\n      w: this.isVertical() ? width : h,\n      h: this.isVertical() ? h : width,\n      tl: isEnding && (this.isVertical()\n        ? (!isNegative && isNorthDirected) || (isNegative && !isNorthDirected)\n        : isNegative\n      ),\n      tr: isEnding && (this.isVertical()\n        ? (!isNegative && isNorthDirected) || (isNegative && !isNorthDirected)\n        : !isNegative\n      ),\n      br: isEnding && (this.isVertical()\n        ? (isNegative && isNorthDirected) || (!isNegative && !isNorthDirected)\n        : !isNegative\n      ),\n      bl: isEnding && (this.isVertical()\n        ? (isNegative && isNorthDirected) || (!isNegative && !isNorthDirected)\n        : isNegative\n      ),\n      r: cornerRadiusClamped,\n    })\n  }\n\n  getValueScaleExtent (scaleByVisibleData: boolean): number[] {\n    const { datamodel } = this\n    const yAccessors = this.getAccessors()\n\n    const data = scaleByVisibleData ? this._getVisibleData() : datamodel.data\n    return getStackedExtent(data, ...yAccessors)\n  }\n\n  getDataScaleExtent (): number[] {\n    const { config, datamodel } = this\n    return getExtent(datamodel.data, config.x)\n  }\n\n  getYDataExtent (scaleByVisibleData: boolean): number[] {\n    return this.isVertical() ? this.getValueScaleExtent(scaleByVisibleData) : this.getDataScaleExtent()\n  }\n\n  getXDataExtent (): number[] {\n    return this.isVertical() ? this.getDataScaleExtent() : this.getValueScaleExtent(false)\n  }\n}\n"],"names":["s.barGroup","barGroupExit","s.barGroupExit","s.bar","s"],"mappings":"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"}

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

@@ -0,0 +1,5 @@
+export declare const root: string;
+export declare const globalStyles: void;
+export declare const bar: string;
+export declare const barGroup: string;
+export declare const barGroupExit: string;

package/{src/components/stacked-bar/style.ts → components/stacked-bar/style.js}

@@ -1,10 +1,9 @@
-import { css, injectGlobal } from '@emotion/css'
+import { css, injectGlobal } from '@emotion/css';
 
-export const root = css`
+const root = css `
   label: stacked-bar-component;
-`
-
-export const globalStyles = injectGlobal`
+`;
+const globalStyles = injectGlobal `
   :root {
     --vis-stacked-bar-cursor: default;
     --vis-stacked-bar-fill-color: var(--vis-color-main);
@@ -20,9 +19,8 @@ export const globalStyles = injectGlobal`
   body.theme-dark ${`.${root}`} {
     --vis-stacked-bar-stroke-color: var(--vis-dark-stacked-bar-stroke-color);
   }
-`
-
-export const bar = css`
+`;
+const bar = css `
   label: bar;
   fill: var(--vis-stacked-bar-fill-color);
   stroke: var(--vis-stacked-bar-stroke-color);
@@ -33,12 +31,13 @@ export const bar = css`
     stroke-width: var(--vis-stacked-bar-hover-stroke-width);
     stroke: var(--vis-stacked-bar-hover-stroke-color);
   }
-`
-
-export const barGroup = css`
+`;
+const barGroup = css `
   label: barGroup;
-`
-
-export const barGroupExit = css`
+`;
+const barGroupExit = css `
   label: barGroupExit;
-`
+`;
+
+export { bar, barGroup, barGroupExit, globalStyles, root };
+//# sourceMappingURL=style.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"style.js","sources":["../../../src/components/stacked-bar/style.ts"],"sourcesContent":["import { css, injectGlobal } from '@emotion/css'\n\nexport const root = css`\n  label: stacked-bar-component;\n`\n\nexport const globalStyles = injectGlobal`\n  :root {\n    --vis-stacked-bar-cursor: default;\n    --vis-stacked-bar-fill-color: var(--vis-color-main);\n    --vis-stacked-bar-stroke-color: none;\n    --vis-stacked-bar-stroke-width: 0px;\n    --vis-stacked-bar-hover-stroke-width: none;\n    --vis-stacked-bar-hover-stroke-color: none;\n\n    /* Dark Theme */\n    --vis-dark-stacked-bar-stroke-color: none;\n  }\n\n  body.theme-dark ${`.${root}`} {\n    --vis-stacked-bar-stroke-color: var(--vis-dark-stacked-bar-stroke-color);\n  }\n`\n\nexport const bar = css`\n  label: bar;\n  fill: var(--vis-stacked-bar-fill-color);\n  stroke: var(--vis-stacked-bar-stroke-color);\n  stroke-width: var(--vis-stacked-bar-stroke-width);\n  cursor: var(--vis-stacked-bar-cursor);\n\n  &:hover {\n    stroke-width: var(--vis-stacked-bar-hover-stroke-width);\n    stroke: var(--vis-stacked-bar-hover-stroke-color);\n  }\n`\n\nexport const barGroup = css`\n  label: barGroup;\n`\n\nexport const barGroupExit = css`\n  label: barGroupExit;\n`\n"],"names":[],"mappings":";;AAEO,MAAM,IAAI,GAAG,GAAG,CAAA,CAAA;;EAEtB;AAEM,MAAM,YAAY,GAAG,YAAY,CAAA,CAAA;;;;;;;;;;;;;AAapB,kBAAA,EAAA,CAAA,CAAA,EAAI,IAAI,CAAE,CAAA,CAAA;;;EAG7B;AAEM,MAAM,GAAG,GAAG,GAAG,CAAA,CAAA;;;;;;;;;;;EAWrB;AAEM,MAAM,QAAQ,GAAG,GAAG,CAAA,CAAA;;EAE1B;AAEM,MAAM,YAAY,GAAG,GAAG,CAAA,CAAA;;;;;;"}

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

@@ -0,0 +1,5 @@
+export declare type StackedBarDataRecord<D> = D & {
+    _stacked: [number, number];
+    _negative: boolean;
+    _ending: boolean;
+};

package/components/timeline/config.d.ts

@@ -0,0 +1,43 @@
+import { XYComponentConfigInterface, XYComponentConfig } from "../../core/xy-component/config";
+import { WithOptional } from "../../types/misc";
+import { NumericAccessor, StringAccessor } from "../../types/accessor";
+export interface TimelineConfigInterface<Datum> extends WithOptional<XYComponentConfigInterface<Datum>, 'y'> {
+    /** Width of the timeline items. Default: `8` */
+    lineWidth?: NumericAccessor<Datum>;
+    /** Display rounded ends for timeline items. Default: `true` */
+    lineCap?: boolean;
+    /** Timeline row height. Default: `22` */
+    rowHeight?: number;
+    /** Timeline item length accessor function. Default: `d => d.length` */
+    length?: NumericAccessor<Datum>;
+    /** Timeline item type accessor function. Records of one type will be plotted in one row. Default: `d => d.type` */
+    type?: StringAccessor<Datum>;
+    /** Configurable Timeline item cursor when hovering over. Default: `null` */
+    cursor?: StringAccessor<Datum>;
+    /** Show item type labels when set to `true`. Default: `false` */
+    showLabels?: boolean;
+    /** Fixed label width in pixels. Labels longer than the specified value will be trimmed. Default: `undefined` */
+    labelWidth?: number;
+    /** Maximum label width in pixels. Labels longer than the specified value will be trimmed. Default: `120` */
+    maxLabelWidth?: number;
+    /** Alternating row colors. Default: `true` */
+    alternatingRowColors?: boolean;
+    /** Scrolling callback function: `(scrollTop: number) => void`. Default: `undefined` */
+    onScroll?: (scrollTop: number) => void;
+    /** Sets the minimum line length to 1 pixel for better visibility of small values. Default: `false` */
+    showEmptySegments?: boolean;
+}
+export declare class TimelineConfig<Datum> extends XYComponentConfig<Datum> implements TimelineConfigInterface<Datum> {
+    lineWidth: number;
+    lineCap: boolean;
+    rowHeight: number;
+    length: NumericAccessor<Datum>;
+    type: StringAccessor<Datum>;
+    cursor: any;
+    labelWidth: any;
+    showLabels: boolean;
+    maxLabelWidth: number;
+    alternatingRowColors: boolean;
+    onScroll: any;
+    showEmptySegments: boolean;
+}

package/components/timeline/config.js

@@ -0,0 +1,24 @@
+import { XYComponentConfig } from '../../core/xy-component/config.js';
+
+class TimelineConfig extends XYComponentConfig {
+    constructor() {
+        super(...arguments);
+        this.lineWidth = 8;
+        this.lineCap = false;
+        this.rowHeight = 22;
+        // eslint-disable-next-line dot-notation
+        this.length = d => d['length'];
+        // eslint-disable-next-line dot-notation
+        this.type = d => d['type'];
+        this.cursor = null;
+        this.labelWidth = undefined;
+        this.showLabels = false;
+        this.maxLabelWidth = 120;
+        this.alternatingRowColors = true;
+        this.onScroll = undefined;
+        this.showEmptySegments = false;
+    }
+}
+
+export { TimelineConfig };
+//# sourceMappingURL=config.js.map

package/components/timeline/config.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"config.js","sources":["../../../src/components/timeline/config.ts"],"sourcesContent":["import { XYComponentConfigInterface, XYComponentConfig } from 'core/xy-component/config'\n\n// Types\nimport { WithOptional } from 'types/misc'\nimport { NumericAccessor, StringAccessor } from 'types/accessor'\n\nexport interface TimelineConfigInterface<Datum> extends WithOptional<XYComponentConfigInterface<Datum>, 'y'> {\n  /** Width of the timeline items. Default: `8` */\n  lineWidth?: NumericAccessor<Datum>;\n  /** Display rounded ends for timeline items. Default: `true` */\n  lineCap?: boolean;\n  /** Timeline row height. Default: `22` */\n  rowHeight?: number;\n  /** Timeline item length accessor function. Default: `d => d.length` */\n  length?: NumericAccessor<Datum>;\n  /** Timeline item type accessor function. Records of one type will be plotted in one row. Default: `d => d.type` */\n  type?: StringAccessor<Datum>;\n  /** Configurable Timeline item cursor when hovering over. Default: `null` */\n  cursor?: StringAccessor<Datum>;\n  /** Show item type labels when set to `true`. Default: `false` */\n  showLabels?: boolean;\n  /** Fixed label width in pixels. Labels longer than the specified value will be trimmed. Default: `undefined` */\n  labelWidth?: number;\n  /** Maximum label width in pixels. Labels longer than the specified value will be trimmed. Default: `120` */\n  maxLabelWidth?: number;\n  /** Alternating row colors. Default: `true` */\n  alternatingRowColors?: boolean;\n  /** Scrolling callback function: `(scrollTop: number) => void`. Default: `undefined` */\n  onScroll?: (scrollTop: number) => void;\n  /** Sets the minimum line length to 1 pixel for better visibility of small values. Default: `false` */\n  showEmptySegments?: boolean;\n}\n\nexport class TimelineConfig<Datum> extends XYComponentConfig<Datum> implements TimelineConfigInterface<Datum> {\n  lineWidth = 8\n  lineCap = false\n  rowHeight = 22\n  // eslint-disable-next-line dot-notation\n  length: NumericAccessor<Datum> = d => d['length']\n  // eslint-disable-next-line dot-notation\n  type: StringAccessor<Datum> = d => d['type']\n  cursor = null\n  labelWidth = undefined\n  showLabels = false\n  maxLabelWidth = 120\n  alternatingRowColors = true\n  onScroll = undefined\n  showEmptySegments = false\n}\n"],"names":[],"mappings":";;AAiCM,MAAO,cAAsB,SAAQ,iBAAwB,CAAA;AAAnE,IAAA,WAAA,GAAA;;QACE,IAAS,CAAA,SAAA,GAAG,CAAC,CAAA;QACb,IAAO,CAAA,OAAA,GAAG,KAAK,CAAA;QACf,IAAS,CAAA,SAAA,GAAG,EAAE,CAAA;;QAEd,IAAM,CAAA,MAAA,GAA2B,CAAC,IAAI,CAAC,CAAC,QAAQ,CAAC,CAAA;;QAEjD,IAAI,CAAA,IAAA,GAA0B,CAAC,IAAI,CAAC,CAAC,MAAM,CAAC,CAAA;QAC5C,IAAM,CAAA,MAAA,GAAG,IAAI,CAAA;QACb,IAAU,CAAA,UAAA,GAAG,SAAS,CAAA;QACtB,IAAU,CAAA,UAAA,GAAG,KAAK,CAAA;QAClB,IAAa,CAAA,aAAA,GAAG,GAAG,CAAA;QACnB,IAAoB,CAAA,oBAAA,GAAG,IAAI,CAAA;QAC3B,IAAQ,CAAA,QAAA,GAAG,SAAS,CAAA;QACpB,IAAiB,CAAA,iBAAA,GAAG,KAAK,CAAA;KAC1B;AAAA;;;;"}

package/components/timeline/index.d.ts

@@ -0,0 +1,41 @@
+import { XYComponentCore } from "../../core/xy-component";
+import { TimelineConfig, TimelineConfigInterface } from './config';
+import * as s from './style';
+export declare class Timeline<Datum> extends XYComponentCore<Datum, TimelineConfig<Datum>, TimelineConfigInterface<Datum>> {
+    static selectors: typeof s;
+    config: TimelineConfig<Datum>;
+    events: {
+        [x: string]: {
+            wheel: (d: unknown, event: WheelEvent) => void;
+        };
+    };
+    private _background;
+    private _rowsGroup;
+    private _linesGroup;
+    private _labelsGroup;
+    private _scrollBarGroup;
+    private _scrollBarBackground;
+    private _scrollBarHandle;
+    private _scrollBarWidth;
+    private _scrollDistance;
+    private _scrollBarMargin;
+    private _maxScroll;
+    private _scrollbarHeight;
+    private _labelMargin;
+    constructor(config?: TimelineConfigInterface<Datum>);
+    get bleed(): {
+        top: number;
+        bottom: number;
+        left: number;
+        right: number;
+    };
+    _render(customDuration?: number): void;
+    private _positionLines;
+    private _onScrollbarDrag;
+    private _onMouseWheel;
+    private _updateScrollPosition;
+    private _getMaxLineWidth;
+    private _getRecordType;
+    private _getRecordLabels;
+    getXDataExtent(): number[];
+}