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

package/components/stacked-bar/index.js

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

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

@@ -1,5 +0,0 @@
-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/components/stacked-bar/style.js.map

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

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

package/components/timeline/config.d.ts

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

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

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

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

package/components/timeline/index.js

@@ -1,244 +0,0 @@
-import { select } from 'd3-selection';
-import { scaleOrdinal } from 'd3-scale';
-import { drag } from 'd3-drag';
-import { max } from 'd3-array';
-import { XYComponentCore } from '../../core/xy-component/index.js';
-import { isNumber, unique, arrayOfIndices, getString, getNumber, getMin, getMax } from '../../utils/data.js';
-import { smartTransition } from '../../utils/d3.js';
-import { getColor } from '../../utils/color.js';
-import { trimSVGText } from '../../utils/text.js';
-import { TimelineConfig } from './config.js';
-import * as style from './style.js';
-import { background, rows, lines, labels, scrollbar, scrollbarBackground, scrollbarHandle, label, row, rowOdd, line } from './style.js';
-
-class Timeline extends XYComponentCore {
-    constructor(config) {
-        super();
-        this.config = new TimelineConfig();
-        this.events = {
-            [Timeline.selectors.rows]: {
-                wheel: this._onMouseWheel.bind(this),
-            },
-            [Timeline.selectors.line]: {
-                wheel: this._onMouseWheel.bind(this),
-            },
-        };
-        this._scrollBarWidth = 5;
-        this._scrollDistance = 0;
-        this._scrollBarMargin = 5;
-        this._maxScroll = 0;
-        this._scrollbarHeight = 0;
-        this._labelMargin = 5;
-        if (config)
-            this.config.init(config);
-        // Invisible background rect to track events
-        this._background = this.g.append('rect').attr('class', background);
-        // Group for content
-        this._rowsGroup = this.g.append('g').attr('class', rows);
-        this._linesGroup = this.g.append('g').attr('class', lines);
-        this._labelsGroup = this.g.append('g').attr('class', labels);
-        this._scrollBarGroup = this.g.append('g').attr('class', scrollbar);
-        // Scroll bar
-        this._scrollBarBackground = this._scrollBarGroup.append('rect')
-            .attr('class', scrollbarBackground);
-        this._scrollBarHandle = this._scrollBarGroup.append('rect')
-            .attr('class', scrollbarHandle);
-        // Set up scrollbar drag event
-        const dragBehaviour = drag()
-            .on('drag', this._onScrollbarDrag.bind(this));
-        this._scrollBarHandle.call(dragBehaviour);
-    }
-    get bleed() {
-        const { config, datamodel: { data } } = this;
-        // We calculate the longest label width to set the bleed values accordingly
-        let labelsBleed = 0;
-        if (config.showLabels) {
-            if (config.labelWidth)
-                labelsBleed = config.labelWidth + this._labelMargin;
-            else {
-                const recordLabels = this._getRecordLabels(data);
-                const longestLabel = recordLabels.reduce((acc, val) => acc.length > val.length ? acc : val, '');
-                const label$1 = this._labelsGroup.append('text')
-                    .attr('class', label)
-                    .text(longestLabel)
-                    .call(trimSVGText, config.maxLabelWidth);
-                const labelWidth = label$1.node().getBBox().width;
-                this._labelsGroup.empty();
-                const tolerance = 1.15; // Some characters are wider than others so we add a little of extra space to take that into account
-                labelsBleed = labelWidth ? tolerance * labelWidth + this._labelMargin : 0;
-            }
-        }
-        const maxLineWidth = this._getMaxLineWidth();
-        return {
-            top: 0,
-            bottom: 0,
-            left: maxLineWidth / 2 + labelsBleed,
-            right: maxLineWidth / 2 + this._scrollBarWidth + this._scrollBarMargin,
-        };
-    }
-    _render(customDuration) {
-        super._render(customDuration);
-        const { config, datamodel: { data } } = this;
-        const duration = isNumber(customDuration) ? customDuration : config.duration;
-        const xRange = this.xScale.range();
-        const yRange = this.yScale.range();
-        const yStart = Math.min(...yRange);
-        const yHeight = Math.abs(yRange[1] - yRange[0]);
-        const maxLineWidth = this._getMaxLineWidth();
-        const recordLabels = this._getRecordLabels(data);
-        const recordLabelsUnique = unique(recordLabels);
-        const numUniqueRecords = recordLabelsUnique.length;
-        // Ordinal scale to handle records on the same type
-        const ordinalScale = scaleOrdinal();
-        ordinalScale.range(arrayOfIndices(numUniqueRecords));
-        // Invisible Background rect to track events
-        this._background
-            .attr('width', this._width)
-            .attr('height', this._height)
-            .attr('opacity', 0);
-        // Labels
-        const labels = this._labelsGroup.selectAll(`.${label}`)
-            .data(config.showLabels ? recordLabelsUnique : []);
-        const labelsEnter = labels.enter().append('text')
-            .attr('class', label);
-        labelsEnter.merge(labels)
-            .attr('x', xRange[0] - maxLineWidth / 2 - this._labelMargin)
-            .attr('y', (label, i) => yStart + (ordinalScale(label) + 0.5) * config.rowHeight)
-            .text(label => label)
-            .each((label, i, els) => {
-            trimSVGText(select(els[i]), config.labelWidth || config.maxLabelWidth);
-        });
-        labels.exit().remove();
-        // Row background rects
-        const xStart = xRange[0];
-        const numRows = Math.max(Math.floor(yHeight / config.rowHeight), numUniqueRecords);
-        const recordTypes = Array(numRows).fill(null).map((_, i) => recordLabelsUnique[i]);
-        const rects = this._rowsGroup.selectAll(`.${row}`)
-            .data(recordTypes);
-        const rectsEnter = rects.enter().append('rect')
-            .attr('class', row);
-        rectsEnter.merge(rects)
-            .classed(rowOdd, config.alternatingRowColors ? (_, i) => !(i % 2) : null)
-            .attr('x', xStart - maxLineWidth / 2)
-            .attr('width', xRange[1] - xStart + maxLineWidth)
-            .attr('y', (_, i) => yStart + i * config.rowHeight)
-            .attr('height', config.rowHeight);
-        rects.exit().remove();
-        // Lines
-        const lines = this._linesGroup.selectAll(`.${line}`)
-            .data(data, (d, i) => { var _a; return `${(_a = getString(d, config.id, i)) !== null && _a !== void 0 ? _a : i}`; });
-        const linesEnter = lines.enter().append('rect')
-            .attr('class', line)
-            .classed(rowOdd, config.alternatingRowColors
-            ? (d, i) => !(recordLabelsUnique.indexOf(this._getRecordType(d, i)) % 2)
-            : null)
-            .style('fill', (d, i) => getColor(d, config.color, i))
-            .attr('transform', 'translate(0, 10)')
-            .style('opacity', 0);
-        this._positionLines(linesEnter, ordinalScale);
-        const linesMerged = smartTransition(linesEnter.merge(lines), duration)
-            .style('fill', (d, i) => getColor(d, config.color, ordinalScale(this._getRecordType(d, i))))
-            .attr('transform', 'translate(0, 0)')
-            .style('cursor', (d, i) => getString(d, config.cursor, i))
-            .style('opacity', 1);
-        this._positionLines(linesMerged, ordinalScale);
-        smartTransition(lines.exit(), duration)
-            .style('opacity', 0)
-            .remove();
-        // Scroll Bar
-        const contentBBox = this._rowsGroup.node().getBBox(); // We determine content size using the rects group because lines are animated
-        const absoluteContentHeight = contentBBox.height;
-        this._scrollbarHeight = yHeight * yHeight / absoluteContentHeight || 0;
-        this._maxScroll = Math.max(absoluteContentHeight - yHeight, 0);
-        this._scrollBarGroup
-            .attr('transform', `translate(${this._width - this._scrollBarWidth}, ${yStart})`)
-            .attr('opacity', this._maxScroll ? 1 : 0);
-        this._scrollBarBackground
-            .attr('width', this._scrollBarWidth)
-            .attr('height', this._height)
-            .attr('rx', this._scrollBarWidth / 2)
-            .attr('ry', this._scrollBarWidth / 2);
-        this._scrollBarHandle
-            .attr('width', this._scrollBarWidth)
-            .attr('height', this._scrollbarHeight)
-            .attr('rx', this._scrollBarWidth / 2)
-            .attr('ry', this._scrollBarWidth / 2);
-        this._updateScrollPosition(0);
-    }
-    _positionLines(selection, ordinalScale) {
-        const { config, xScale, yScale } = this;
-        const yRange = yScale.range();
-        const yStart = Math.min(...yRange);
-        selection.each((d, i, elements) => {
-            var _a;
-            const x = getNumber(d, config.x, i);
-            const y = ordinalScale(this._getRecordType(d, i)) * config.rowHeight;
-            const length = (_a = getNumber(d, config.length, i)) !== null && _a !== void 0 ? _a : 0;
-            // Rect dimensions
-            const height = getNumber(d, config.lineWidth, i);
-            const width = xScale(x + length) - xScale(x);
-            if (width < 0) {
-                console.warn('Unovis | Timeline: Line segments should not have negative lengths. Setting to 0.');
-            }
-            select(elements[i])
-                .attr('x', xScale(x))
-                .attr('y', yStart + y + (config.rowHeight - height) / 2)
-                .attr('width', config.showEmptySegments
-                ? Math.max(config.lineCap ? height : 1, width)
-                : Math.max(0, width))
-                .attr('height', height)
-                .attr('rx', config.lineCap ? height / 2 : null)
-                .style('opacity', 1);
-        });
-    }
-    _onScrollbarDrag(event) {
-        const yRange = this.yScale.range();
-        const yHeight = Math.abs(yRange[1] - yRange[0]);
-        this._updateScrollPosition(event.dy * this._maxScroll / (yHeight - this._scrollbarHeight));
-    }
-    _onMouseWheel(d, event) {
-        var _a;
-        const { config } = this;
-        this._updateScrollPosition(event === null || event === void 0 ? void 0 : event.deltaY);
-        if (this._scrollDistance > 0 && this._scrollDistance < this._maxScroll)
-            event === null || event === void 0 ? void 0 : event.preventDefault();
-        (_a = config.onScroll) === null || _a === void 0 ? void 0 : _a.call(config, this._scrollDistance);
-        // Programmatically trigger a mousemove event to update Tooltip or Crosshair if they were set up
-        const e = new Event('mousemove');
-        this.element.dispatchEvent(e);
-    }
-    _updateScrollPosition(diff) {
-        const yRange = this.yScale.range();
-        const yHeight = Math.abs(yRange[1] - yRange[0]);
-        this._scrollDistance += diff;
-        this._scrollDistance = Math.max(0, this._scrollDistance);
-        this._scrollDistance = Math.min(this._maxScroll, this._scrollDistance);
-        this._linesGroup.attr('transform', `translate(0,${-this._scrollDistance})`);
-        this._rowsGroup.attr('transform', `translate(0,${-this._scrollDistance})`);
-        this._labelsGroup.attr('transform', `translate(0,${-this._scrollDistance})`);
-        const scrollBarPosition = (this._scrollDistance / this._maxScroll * (yHeight - this._scrollbarHeight)) || 0;
-        this._scrollBarHandle.attr('y', scrollBarPosition);
-    }
-    _getMaxLineWidth() {
-        var _a;
-        const { config, datamodel: { data } } = this;
-        return (_a = max(data, (d, i) => getNumber(d, config.lineWidth, i))) !== null && _a !== void 0 ? _a : 0;
-    }
-    _getRecordType(d, i) {
-        return getString(d, this.config.type) || `__${i}`;
-    }
-    _getRecordLabels(data) {
-        return data.map((d, i) => getString(d, this.config.type) || `${i + 1}`);
-    }
-    // Override the default XYComponent getXDataExtent method to take into account line lengths
-    getXDataExtent() {
-        const { config, datamodel } = this;
-        const min = getMin(datamodel.data, config.x);
-        const max = getMax(datamodel.data, (d, i) => { var _a; return getNumber(d, config.x, i) + ((_a = getNumber(d, config.length, i)) !== null && _a !== void 0 ? _a : 0); });
-        return [min, max];
-    }
-}
-Timeline.selectors = style;
-
-export { Timeline };
-//# sourceMappingURL=index.js.map