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

package/components/crosshair/index.js

@@ -1,183 +0,0 @@
-import { pointer } from 'd3-selection';
-import { easeLinear } from 'd3-ease';
-import { XYComponentCore } from '../../core/xy-component/index.js';
-import { isArray, isNumber, getNearest, clamp, getNumber, isFunction, getStackedValues } from '../../utils/data.js';
-import { smartTransition } from '../../utils/d3.js';
-import { getColor } from '../../utils/color.js';
-import { CrosshairConfig } from './config.js';
-import * as style from './style.js';
-import { line, circle } from './style.js';
-
-class Crosshair extends XYComponentCore {
-    constructor(config) {
-        super();
-        this.clippable = true; // Don't apply clipping path to this component. See XYContainer
-        this.config = new CrosshairConfig();
-        this.x = 0;
-        this.show = false;
-        this._animFrameId = null;
-        /** Accessors passed externally (e.g. from XYContainer) */
-        this._accessors = {
-            x: undefined,
-            y: undefined,
-            yStacked: undefined,
-            baseline: undefined,
-        };
-        if (config)
-            this.config.init(config);
-        this.g.style('opacity', this.show ? 1 : 0);
-        this.line = this.g.append('line')
-            .attr('class', line);
-    }
-    set accessors(accessors) { this._accessors = accessors; }
-    get accessors() {
-        var _a;
-        const { config } = this;
-        const hasConfig = !!(config.x || config.y || config.yStacked);
-        const x = hasConfig ? config.x : this._accessors.x;
-        const yAcc = hasConfig ? config.y : this._accessors.y;
-        const y = yAcc ? (isArray(yAcc) ? yAcc : [yAcc]) : undefined;
-        const yStacked = hasConfig ? config.yStacked : this._accessors.yStacked;
-        const baseline = (_a = config.baseline) !== null && _a !== void 0 ? _a : this._accessors.baseline;
-        return { x, y, yStacked, baseline };
-    }
-    setContainer(containerSvg) {
-        // Set up mousemove event for Crosshair
-        this.container = containerSvg;
-        this.container.on('mousemove.crosshair', this._onMouseMove.bind(this));
-        this.container.on('mouseout.crosshair', this._onMouseOut.bind(this));
-    }
-    _render(customDuration) {
-        const { config } = this;
-        if (config.snapToData && !this.datum)
-            return;
-        const duration = isNumber(customDuration) ? customDuration : config.duration;
-        smartTransition(this.g, duration)
-            .style('opacity', this.show ? 1 : 0);
-        this.line
-            .attr('y1', 0)
-            .attr('y1', this._height);
-        smartTransition(this.line, duration, easeLinear)
-            .attr('x1', this.x)
-            .attr('x2', this.x);
-        const circleData = this.getCircleData();
-        const circles = this.g
-            .selectAll('circle')
-            .data(circleData, (d, i) => { var _a; return (_a = d.id) !== null && _a !== void 0 ? _a : i; });
-        const circlesEnter = circles.enter()
-            .append('circle')
-            .attr('class', circle)
-            .attr('r', 0)
-            .attr('cx', this.x)
-            .attr('cy', d => d.y)
-            .style('fill', d => d.color);
-        smartTransition(circlesEnter.merge(circles), duration, easeLinear)
-            .attr('cx', this.x)
-            .attr('cy', d => d.y)
-            .attr('r', 4)
-            .style('opacity', d => d.opacity)
-            .style('fill', d => d.color);
-        circles.exit().remove();
-    }
-    hide() {
-        this._onMouseOut();
-    }
-    _onMouseMove(event) {
-        var _a, _b;
-        const { config, datamodel, element } = this;
-        if (!this.accessors.x && ((_a = datamodel.data) === null || _a === void 0 ? void 0 : _a.length)) {
-            console.warn('Unovis | Crosshair: X accessor function has not been configured. Please check if it\'s present in the configuration object');
-        }
-        const [x] = pointer(event, element);
-        const xRange = this.xScale.range();
-        if (config.snapToData) {
-            if (!this.accessors.y && !this.accessors.yStacked && ((_b = datamodel.data) === null || _b === void 0 ? void 0 : _b.length)) {
-                console.warn('Unovis | Crosshair: Y accessors have not been configured. Please check if they\'re present in the configuration object');
-            }
-            const scaleX = this.xScale;
-            const valueX = scaleX.invert(x);
-            this.datum = getNearest(datamodel.data, valueX, this.accessors.x);
-            this.datumIndex = datamodel.data.indexOf(this.datum);
-            if (!this.datum)
-                return;
-            this.x = clamp(Math.round(scaleX(getNumber(this.datum, this.accessors.x, this.datumIndex))), 0, this._width);
-            // Show the crosshair only if it's in the chart range and not far from mouse pointer (if configured)
-            this.show = (this.x >= 0) && (this.x <= this._width) && (!config.hideWhenFarFromPointer || (Math.abs(this.x - x) < config.hideWhenFarFromPointerDistance));
-        }
-        else {
-            const tolerance = 2; // Show the crosshair when it is at least 2 pixels close to the chart area
-            this.x = clamp(x, xRange[0], xRange[1]);
-            this.show = (x >= (xRange[0] - tolerance)) && (x <= (xRange[1] + tolerance));
-        }
-        window.cancelAnimationFrame(this._animFrameId);
-        this._animFrameId = window.requestAnimationFrame(() => {
-            this._render();
-        });
-        if (this.show)
-            this._showTooltip(event);
-        else
-            this._hideTooltip();
-    }
-    _onMouseOut() {
-        this.show = false;
-        window.cancelAnimationFrame(this._animFrameId);
-        this._animFrameId = window.requestAnimationFrame(() => {
-            this._render();
-        });
-        this._hideTooltip();
-    }
-    _showTooltip(event) {
-        var _a;
-        const { config } = this;
-        const tooltip = (_a = config.tooltip) !== null && _a !== void 0 ? _a : this.tooltip;
-        if (!tooltip)
-            return;
-        const container = tooltip.getContainer() || this.container.node();
-        const [x, y] = tooltip.isContainerBody() ? [event.clientX, event.clientY] : pointer(event, container);
-        const content = config.template(this.datum, this.xScale.invert(this.x));
-        if (content)
-            tooltip.show(content, { x, y });
-    }
-    _hideTooltip() {
-        var _a;
-        const { config } = this;
-        const tooltip = (_a = config.tooltip) !== null && _a !== void 0 ? _a : this.tooltip;
-        tooltip === null || tooltip === void 0 ? void 0 : tooltip.hide();
-    }
-    // We don't want Crosshair to be be taken in to account in domain calculations
-    getYDataExtent() {
-        return [undefined, undefined];
-    }
-    getCircleData() {
-        var _a, _b;
-        const { config, datamodel: { data } } = this;
-        if (isFunction(config.getCircles))
-            return config.getCircles(this.xScale.invert(this.x), data, this.yScale);
-        if (config.snapToData && this.datum) {
-            const yAccessors = (_a = this.accessors.y) !== null && _a !== void 0 ? _a : [];
-            const yStackedAccessors = (_b = this.accessors.yStacked) !== null && _b !== void 0 ? _b : [];
-            const baselineValue = getNumber(this.datum, this.accessors.baseline, this.datumIndex) || 0;
-            const stackedValues = getStackedValues(this.datum, this.datumIndex, ...yStackedAccessors)
-                .map((value, index, arr) => ({
-                y: this.yScale(value + baselineValue),
-                opacity: getNumber(this.datum, yStackedAccessors[index]) ? 1 : 0,
-                color: getColor(this.datum, config.color, index),
-            }));
-            const regularValues = yAccessors
-                .map((a, index) => {
-                const value = getNumber(this.datum, a);
-                return {
-                    y: this.yScale(value),
-                    opacity: value ? 1 : 0,
-                    color: getColor(this.datum, config.color, stackedValues.length + index),
-                };
-            });
-            return stackedValues.concat(regularValues);
-        }
-        return [];
-    }
-}
-Crosshair.selectors = style;
-
-export { Crosshair };
-//# sourceMappingURL=index.js.map

package/components/crosshair/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sources":["../../../src/components/crosshair/index.ts"],"sourcesContent":["import { Selection, pointer } from 'd3-selection'\nimport { easeLinear } from 'd3-ease'\n\n// Core\nimport { XYComponentCore } from 'core/xy-component'\nimport { Tooltip } from 'components/tooltip'\n\n// Utils\nimport { isNumber, isArray, getNumber, clamp, getStackedValues, getNearest, isFunction } from 'utils/data'\nimport { smartTransition } from 'utils/d3'\nimport { getColor } from 'utils/color'\n\n// Local Types\nimport { CrosshairAccessors, CrosshairCircle } from './types'\n\n// Config\nimport { CrosshairConfig, CrosshairConfigInterface } from './config'\n\n// Styles\nimport * as s from './style'\n\nexport class Crosshair<Datum> extends XYComponentCore<Datum, CrosshairConfig<Datum>, CrosshairConfigInterface<Datum>> {\n  static selectors = s\n  clippable = true // Don't apply clipping path to this component. See XYContainer\n  config: CrosshairConfig<Datum> = new CrosshairConfig()\n  container: Selection<SVGSVGElement, any, SVGSVGElement, any>\n  line: Selection<SVGLineElement, any, SVGElement, any>\n  x = 0\n  datum: Datum\n  datumIndex: number\n  show = false\n  private _animFrameId: number = null\n\n  /** Tooltip component to be used by Crosshair if not provided by the config.\n   * This property is supposed to be set externally by a container component like XYContainer. */\n  public tooltip: Tooltip\n\n  /** Accessors passed externally (e.g. from XYContainer) */\n  private _accessors: CrosshairAccessors<Datum> = {\n    x: undefined,\n    y: undefined,\n    yStacked: undefined,\n    baseline: undefined,\n  }\n\n  public set accessors (accessors: CrosshairAccessors<Datum>) { this._accessors = accessors }\n  public get accessors (): CrosshairAccessors<Datum> {\n    const { config } = this\n\n    const hasConfig = !!(config.x || config.y || config.yStacked)\n    const x = hasConfig ? config.x : this._accessors.x\n    const yAcc = hasConfig ? config.y : this._accessors.y\n    const y = yAcc ? (isArray(yAcc) ? yAcc : [yAcc]) : undefined\n    const yStacked = hasConfig ? config.yStacked : this._accessors.yStacked\n    const baseline = config.baseline ?? this._accessors.baseline\n\n    return { x, y, yStacked, baseline }\n  }\n\n  constructor (config?: CrosshairConfigInterface<Datum>) {\n    super()\n    if (config) this.config.init(config)\n\n    this.g.style('opacity', this.show ? 1 : 0)\n    this.line = this.g.append('line')\n      .attr('class', s.line)\n  }\n\n  setContainer (containerSvg: Selection<SVGSVGElement, unknown, SVGSVGElement, unknown>): void {\n    // Set up mousemove event for Crosshair\n    this.container = containerSvg\n    this.container.on('mousemove.crosshair', this._onMouseMove.bind(this))\n    this.container.on('mouseout.crosshair', this._onMouseOut.bind(this))\n  }\n\n  _render (customDuration?: number): void {\n    const { config } = this\n    if (config.snapToData && !this.datum) return\n    const duration = isNumber(customDuration) ? customDuration : config.duration\n\n    smartTransition(this.g, duration)\n      .style('opacity', this.show ? 1 : 0)\n\n    this.line\n      .attr('y1', 0)\n      .attr('y1', this._height)\n\n    smartTransition(this.line, duration, easeLinear)\n      .attr('x1', this.x)\n      .attr('x2', this.x)\n\n    const circleData = this.getCircleData()\n    const circles = this.g\n      .selectAll<SVGCircleElement, CrosshairCircle>('circle')\n      .data(circleData, (d, i) => d.id ?? i)\n\n    const circlesEnter = circles.enter()\n      .append('circle')\n      .attr('class', s.circle)\n      .attr('r', 0)\n      .attr('cx', this.x)\n      .attr('cy', d => d.y)\n      .style('fill', d => d.color)\n\n    smartTransition(circlesEnter.merge(circles), duration, easeLinear)\n      .attr('cx', this.x)\n      .attr('cy', d => d.y)\n      .attr('r', 4)\n      .style('opacity', d => d.opacity)\n      .style('fill', d => d.color)\n\n    circles.exit().remove()\n  }\n\n  hide (): void {\n    this._onMouseOut()\n  }\n\n  _onMouseMove (event: MouseEvent): void {\n    const { config, datamodel, element } = this\n    if (!this.accessors.x && datamodel.data?.length) {\n      console.warn('Unovis | Crosshair: X accessor function has not been configured. Please check if it\\'s present in the configuration object')\n    }\n    const [x] = pointer(event, element)\n    const xRange = this.xScale.range()\n\n    if (config.snapToData) {\n      if (!this.accessors.y && !this.accessors.yStacked && datamodel.data?.length) {\n        console.warn('Unovis | Crosshair: Y accessors have not been configured. Please check if they\\'re present in the configuration object')\n      }\n      const scaleX = this.xScale\n      const valueX = scaleX.invert(x) as number\n\n      this.datum = getNearest(datamodel.data, valueX, this.accessors.x)\n      this.datumIndex = datamodel.data.indexOf(this.datum)\n      if (!this.datum) return\n\n      this.x = clamp(Math.round(scaleX(getNumber(this.datum, this.accessors.x, this.datumIndex))), 0, this._width)\n\n      // Show the crosshair only if it's in the chart range and not far from mouse pointer (if configured)\n      this.show = (this.x >= 0) && (this.x <= this._width) && (!config.hideWhenFarFromPointer || (Math.abs(this.x - x) < config.hideWhenFarFromPointerDistance))\n    } else {\n      const tolerance = 2 // Show the crosshair when it is at least 2 pixels close to the chart area\n      this.x = clamp(x, xRange[0], xRange[1])\n      this.show = (x >= (xRange[0] - tolerance)) && (x <= (xRange[1] + tolerance))\n    }\n\n    window.cancelAnimationFrame(this._animFrameId)\n    this._animFrameId = window.requestAnimationFrame(() => {\n      this._render()\n    })\n\n    if (this.show) this._showTooltip(event)\n    else this._hideTooltip()\n  }\n\n  _onMouseOut (): void {\n    this.show = false\n\n    window.cancelAnimationFrame(this._animFrameId)\n    this._animFrameId = window.requestAnimationFrame(() => {\n      this._render()\n    })\n    this._hideTooltip()\n  }\n\n  _showTooltip (event: MouseEvent): void {\n    const { config } = this\n    const tooltip = config.tooltip ?? this.tooltip\n    if (!tooltip) return\n\n    const container = tooltip.getContainer() || this.container.node()\n    const [x, y] = tooltip.isContainerBody() ? [event.clientX, event.clientY] : pointer(event, container)\n    const content = config.template(this.datum, this.xScale.invert(this.x))\n    if (content) tooltip.show(content, { x, y })\n  }\n\n  _hideTooltip (): void {\n    const { config } = this\n    const tooltip = config.tooltip ?? this.tooltip\n    tooltip?.hide()\n  }\n\n  // We don't want Crosshair to be be taken in to account in domain calculations\n  getYDataExtent (): number[] {\n    return [undefined, undefined]\n  }\n\n  private getCircleData (): CrosshairCircle[] {\n    const { config, datamodel: { data } } = this\n\n    if (isFunction(config.getCircles)) return config.getCircles(this.xScale.invert(this.x), data, this.yScale)\n\n    if (config.snapToData && this.datum) {\n      const yAccessors = this.accessors.y ?? []\n      const yStackedAccessors = this.accessors.yStacked ?? []\n      const baselineValue = getNumber(this.datum, this.accessors.baseline, this.datumIndex) || 0\n      const stackedValues: CrosshairCircle[] = getStackedValues(this.datum, this.datumIndex, ...yStackedAccessors)\n        .map((value, index, arr) => ({\n          y: this.yScale(value + baselineValue),\n          opacity: getNumber(this.datum, yStackedAccessors[index]) ? 1 : 0,\n          color: getColor(this.datum, config.color, index),\n        }))\n\n      const regularValues: CrosshairCircle[] = yAccessors\n        .map((a, index) => {\n          const value = getNumber(this.datum, a)\n          return {\n            y: this.yScale(value),\n            opacity: value ? 1 : 0,\n            color: getColor(this.datum, config.color, stackedValues.length + index),\n          }\n        })\n\n      return stackedValues.concat(regularValues)\n    }\n\n    return []\n  }\n}\n"],"names":["s.line","s.circle","s"],"mappings":"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"}

package/components/crosshair/style.d.ts

@@ -1,4 +0,0 @@
-export declare const globalStyles: void;
-export declare const root: string;
-export declare const line: string;
-export declare const circle: string;

package/components/crosshair/style.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"style.js","sources":["../../../src/components/crosshair/style.ts"],"sourcesContent":["import { css, injectGlobal } from '@emotion/css'\n\nexport const globalStyles = injectGlobal`\n  :root {\n    --vis-crosshair-line-stroke-color: #888;\n    --vis-crosshair-circle-stroke-color: #fff;\n  }\n`\n\nexport const root = css`\n  label: crosshair-component;\n`\n\nexport const line = css`\n  stroke: var(--vis-crosshair-line-stroke-color);\n  stroke-opacity: 1;\n  pointer-events: none;\n`\n\nexport const circle = css`\n  stroke: var(--vis-crosshair-circle-stroke-color);\n  stroke-width: 1;\n  stroke-opacity: 0.75;\n  pointer-events: none;\n`\n"],"names":[],"mappings":";;AAEO,MAAM,YAAY,GAAG,YAAY,CAAA,CAAA;;;;;EAKvC;AAEM,MAAM,IAAI,GAAG,GAAG,CAAA,CAAA;;EAEtB;AAEM,MAAM,IAAI,GAAG,GAAG,CAAA,CAAA;;;;EAItB;AAEM,MAAM,MAAM,GAAG,GAAG,CAAA,CAAA;;;;;;;;;"}

package/components/crosshair/types.d.ts

@@ -1,13 +0,0 @@
-import { NumericAccessor } from "../../types/accessor";
-export declare type CrosshairCircle = {
-    y: number;
-    color: string;
-    opacity?: number;
-    id?: string;
-};
-export declare type CrosshairAccessors<Datum> = {
-    x: NumericAccessor<Datum> | undefined;
-    y: NumericAccessor<Datum>[] | undefined;
-    yStacked: NumericAccessor<Datum>[] | undefined;
-    baseline: NumericAccessor<Datum> | undefined;
-};

package/components/crosshair/types.js

@@ -1,2 +0,0 @@
-
-//# sourceMappingURL=types.js.map

package/components/crosshair/types.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"types.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/components/donut/config.d.ts

@@ -1,59 +0,0 @@
-import { ComponentConfigInterface, ComponentConfig } from "../../core/component/config";
-import { ColorAccessor, NumericAccessor } from "../../types/accessor";
-export interface DonutConfigInterface<Datum> extends ComponentConfigInterface {
-    /** Accessor function for getting the unique data record id. Used for more persistent data updates. Default: `(d, i) => d.id ?? i` */
-    id?: ((d: Datum, i: number, ...any: any[]) => string | number);
-    /** Value accessor function. Default: `undefined` */
-    value: NumericAccessor<Datum>;
-    /** Diagram angle range. Default: `[0, 2 * Math.PI]` */
-    angleRange?: [number, number];
-    /** Pad angle. Default: `0` */
-    padAngle?: number;
-    /** Custom sort function. Default: `undefined` */
-    sortFunction?: (a: Datum, b: Datum) => number;
-    /** Corner Radius. Default: `0` */
-    cornerRadius?: number;
-    /** Color accessor function. Default: `undefined` */
-    color?: ColorAccessor<Datum>;
-    /** Explicitly set the donut outer radius. Default: `undefined` */
-    radius?: number;
-    /** Arc width in pixels. Set to `0` if you want to have a pie chart. Default: `20` */
-    arcWidth?: number;
-    /** Central label accessor function or text. Default: `undefined` */
-    centralLabel?: string;
-    /** Central sub-label accessor function or text. Default: `undefined` */
-    centralSubLabel?: string;
-    /** Enables wrapping for the sub-label. Default: `true` */
-    centralSubLabelWrap?: boolean;
-    /** When true, the component will display empty segments (the ones that have `0` values) as tiny slices.
-     * Default: `false`
-    */
-    showEmptySegments?: boolean;
-    /** Angular size for empty segments in radians. Default: `0.5 * Math.PI / 180` */
-    emptySegmentAngle?: number;
-    /** Show donut background. The color is configurable via
-     * the `--vis-donut-background-color` and `--vis-dark-donut-background-color` CSS variables.
-     * Default: `true`
-    */
-    showBackground?: boolean;
-    /** Background angle range. When undefined, the value will be taken from `angleRange`. Default: `undefined` */
-    backgroundAngleRange?: [number, number];
-}
-export declare class DonutConfig<Datum> extends ComponentConfig implements DonutConfigInterface<Datum> {
-    id: (d: Datum, i: number) => string | number;
-    value: any;
-    angleRange: [number, number];
-    padAngle: number;
-    sortFunction: any;
-    cornerRadius: number;
-    color: any;
-    radius: any;
-    arcWidth: number;
-    centralLabel: any;
-    centralSubLabel: any;
-    centralSubLabelWrap: boolean;
-    showEmptySegments: boolean;
-    emptySegmentAngle: number;
-    showBackground: boolean;
-    backgroundAngleRange: any;
-}

package/components/donut/config.js

@@ -1,28 +0,0 @@
-import { ComponentConfig } from '../../core/component/config.js';
-
-// Core
-class DonutConfig extends ComponentConfig {
-    constructor() {
-        super(...arguments);
-        // eslint-disable-next-line dot-notation
-        this.id = (d, i) => { var _a; return (_a = d['id']) !== null && _a !== void 0 ? _a : i; };
-        this.value = undefined;
-        this.angleRange = [0, 2 * Math.PI];
-        this.padAngle = 0;
-        this.sortFunction = undefined;
-        this.cornerRadius = 0;
-        this.color = undefined;
-        this.radius = undefined;
-        this.arcWidth = 20;
-        this.centralLabel = undefined;
-        this.centralSubLabel = undefined;
-        this.centralSubLabelWrap = true;
-        this.showEmptySegments = false;
-        this.emptySegmentAngle = 0.5 * Math.PI / 180;
-        this.showBackground = true;
-        this.backgroundAngleRange = undefined;
-    }
-}
-
-export { DonutConfig };
-//# sourceMappingURL=config.js.map

package/components/donut/config.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"config.js","sources":["../../../src/components/donut/config.ts"],"sourcesContent":["// Core\nimport { ComponentConfigInterface, ComponentConfig } from 'core/component/config'\n\n// Types\nimport { ColorAccessor, NumericAccessor } from 'types/accessor'\n\nexport interface DonutConfigInterface<Datum> extends ComponentConfigInterface {\n  /** Accessor function for getting the unique data record id. Used for more persistent data updates. Default: `(d, i) => d.id ?? i` */\n  id?: ((d: Datum, i: number, ...any) => string | number);\n  /** Value accessor function. Default: `undefined` */\n  value: NumericAccessor<Datum>;\n  /** Diagram angle range. Default: `[0, 2 * Math.PI]` */\n  angleRange?: [number, number];\n  /** Pad angle. Default: `0` */\n  padAngle?: number;\n  /** Custom sort function. Default: `undefined` */\n  sortFunction?: (a: Datum, b: Datum) => number;\n  /** Corner Radius. Default: `0` */\n  cornerRadius?: number;\n  /** Color accessor function. Default: `undefined` */\n  color?: ColorAccessor<Datum>;\n  /** Explicitly set the donut outer radius. Default: `undefined` */\n  radius?: number;\n  /** Arc width in pixels. Set to `0` if you want to have a pie chart. Default: `20` */\n  arcWidth?: number;\n  /** Central label accessor function or text. Default: `undefined` */\n  centralLabel?: string;\n  /** Central sub-label accessor function or text. Default: `undefined` */\n  centralSubLabel?: string;\n  /** Enables wrapping for the sub-label. Default: `true` */\n  centralSubLabelWrap?: boolean;\n  /** When true, the component will display empty segments (the ones that have `0` values) as tiny slices.\n   * Default: `false`\n  */\n  showEmptySegments?: boolean;\n  /** Angular size for empty segments in radians. Default: `0.5 * Math.PI / 180` */\n  emptySegmentAngle?: number;\n  /** Show donut background. The color is configurable via\n   * the `--vis-donut-background-color` and `--vis-dark-donut-background-color` CSS variables.\n   * Default: `true`\n  */\n  showBackground?: boolean;\n  /** Background angle range. When undefined, the value will be taken from `angleRange`. Default: `undefined` */\n  backgroundAngleRange?: [number, number];\n}\n\nexport class DonutConfig<Datum> extends ComponentConfig implements DonutConfigInterface<Datum> {\n  // eslint-disable-next-line dot-notation\n  id = (d: Datum, i: number): string | number => d['id'] ?? i\n  value = undefined\n  angleRange: [number, number] = [0, 2 * Math.PI]\n  padAngle = 0\n  sortFunction = undefined\n  cornerRadius = 0\n  color = undefined\n  radius = undefined\n  arcWidth = 20\n  centralLabel = undefined\n  centralSubLabel = undefined\n  centralSubLabelWrap = true\n  showEmptySegments = false\n  emptySegmentAngle = 0.5 * Math.PI / 180\n  showBackground = true\n  backgroundAngleRange = undefined\n}\n"],"names":[],"mappings":";;AAAA;AA8CM,MAAO,WAAmB,SAAQ,eAAe,CAAA;AAAvD,IAAA,WAAA,GAAA;;;AAEE,QAAA,IAAA,CAAA,EAAE,GAAG,CAAC,CAAQ,EAAE,CAAS,KAAsB,EAAA,IAAA,EAAA,CAAA,CAAA,OAAA,CAAA,EAAA,GAAA,CAAC,CAAC,IAAI,CAAC,mCAAI,CAAC,CAAA,EAAA,CAAA;QAC3D,IAAK,CAAA,KAAA,GAAG,SAAS,CAAA;QACjB,IAAU,CAAA,UAAA,GAAqB,CAAC,CAAC,EAAE,CAAC,GAAG,IAAI,CAAC,EAAE,CAAC,CAAA;QAC/C,IAAQ,CAAA,QAAA,GAAG,CAAC,CAAA;QACZ,IAAY,CAAA,YAAA,GAAG,SAAS,CAAA;QACxB,IAAY,CAAA,YAAA,GAAG,CAAC,CAAA;QAChB,IAAK,CAAA,KAAA,GAAG,SAAS,CAAA;QACjB,IAAM,CAAA,MAAA,GAAG,SAAS,CAAA;QAClB,IAAQ,CAAA,QAAA,GAAG,EAAE,CAAA;QACb,IAAY,CAAA,YAAA,GAAG,SAAS,CAAA;QACxB,IAAe,CAAA,eAAA,GAAG,SAAS,CAAA;QAC3B,IAAmB,CAAA,mBAAA,GAAG,IAAI,CAAA;QAC1B,IAAiB,CAAA,iBAAA,GAAG,KAAK,CAAA;QACzB,IAAiB,CAAA,iBAAA,GAAG,GAAG,GAAG,IAAI,CAAC,EAAE,GAAG,GAAG,CAAA;QACvC,IAAc,CAAA,cAAA,GAAG,IAAI,CAAA;QACrB,IAAoB,CAAA,oBAAA,GAAG,SAAS,CAAA;KACjC;AAAA;;;;"}

package/components/donut/index.d.ts

@@ -1,21 +0,0 @@
-import { Selection } from 'd3-selection';
-import { ComponentCore } from "../../core/component";
-import { SeriesDataModel } from "../../data-models/series";
-import { Spacing } from "../../types/spacing";
-import { DonutArcAnimState } from './types';
-import { DonutConfig, DonutConfigInterface } from './config';
-import * as s from './style';
-export declare class Donut<Datum> extends ComponentCore<Datum[], DonutConfig<Datum>, DonutConfigInterface<Datum>> {
-    static selectors: typeof s;
-    config: DonutConfig<Datum>;
-    datamodel: SeriesDataModel<Datum>;
-    arcBackground: Selection<SVGPathElement, unknown, SVGGElement, unknown>;
-    arcGroup: Selection<SVGGElement, unknown, SVGGElement, unknown>;
-    centralLabel: Selection<SVGTextElement, unknown, SVGGElement, unknown>;
-    centralSubLabel: Selection<SVGTextElement, unknown, SVGGElement, unknown>;
-    arcGen: import("d3-shape").Arc<any, DonutArcAnimState>;
-    events: {};
-    constructor(config?: DonutConfigInterface<Datum>);
-    get bleed(): Spacing;
-    _render(customDuration?: number): void;
-}

package/components/donut/index.js

@@ -1,107 +0,0 @@
-import { arc, pie } from 'd3-shape';
-import { ComponentCore } from '../../core/component/index.js';
-import { SeriesDataModel } from '../../data-models/series.js';
-import { smartTransition } from '../../utils/d3.js';
-import { getNumber, isNumber, clamp } from '../../utils/data.js';
-import { wrapSVGText } from '../../utils/text.js';
-import { DonutConfig } from './config.js';
-import { createArc, updateArc, removeArc } from './modules/arc.js';
-import * as style from './style.js';
-import { centralLabel, centralSubLabel, segment, segmentExit, background } from './style.js';
-
-class Donut extends ComponentCore {
-    constructor(config) {
-        super();
-        this.config = new DonutConfig();
-        this.datamodel = new SeriesDataModel();
-        this.arcGen = arc();
-        this.events = {};
-        if (config)
-            this.config.init(config);
-        this.arcBackground = this.g.append('path');
-        this.arcGroup = this.g.append('g');
-        this.centralLabel = this.g.append('text')
-            .attr('class', centralLabel);
-        this.centralSubLabel = this.g.append('text')
-            .attr('class', centralSubLabel);
-    }
-    get bleed() {
-        return { top: 0, bottom: 0, left: 0, right: 0 };
-    }
-    _render(customDuration) {
-        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p;
-        const { config, datamodel, bleed } = this;
-        // Wrap data to preserve original indices
-        const data = datamodel.data
-            .map((d, i) => ({
-            index: i,
-            datum: d,
-        }))
-            .filter(d => config.showEmptySegments || getNumber(d.datum, config.value, d.index));
-        const duration = isNumber(customDuration) ? customDuration : config.duration;
-        const outerRadius = config.radius || Math.min(this._width - bleed.left - bleed.right, this._height - bleed.top - bleed.bottom) / 2;
-        const innerRadius = config.arcWidth === 0 ? 0 : clamp(outerRadius - config.arcWidth, 0, outerRadius - 1);
-        this.arcGen
-            .startAngle(d => d.startAngle)
-            .endAngle(d => d.endAngle)
-            .innerRadius(d => d.innerRadius)
-            .outerRadius(d => d.outerRadius)
-            .padAngle(d => d.padAngle)
-            .cornerRadius(config.cornerRadius);
-        const pieGen = pie()
-            .startAngle((_b = (_a = config.angleRange) === null || _a === void 0 ? void 0 : _a[0]) !== null && _b !== void 0 ? _b : 0)
-            .endAngle((_d = (_c = config.angleRange) === null || _c === void 0 ? void 0 : _c[1]) !== null && _d !== void 0 ? _d : 2 * Math.PI)
-            .padAngle(config.padAngle)
-            .value(d => getNumber(d.datum, config.value, d.index) || 0)
-            .sort(config.sortFunction);
-        this.arcGroup.attr('transform', `translate(${this._width / 2},${this._height / 2})`);
-        const arcData = pieGen(data).map(d => {
-            const arc = Object.assign(Object.assign({}, d), { data: d.data.datum, index: d.data.index, innerRadius,
-                outerRadius });
-            if (config.showEmptySegments && d.endAngle - d.startAngle - d.padAngle <= Number.EPSILON) {
-                arc.endAngle = d.startAngle + Math.max(config.emptySegmentAngle, config.padAngle);
-                arc.padAngle = d.padAngle / 2;
-            }
-            return arc;
-        });
-        // Arc segments
-        const arcsSelection = this.arcGroup
-            .selectAll(`.${segment}`)
-            .data(arcData, (d) => config.id(d.data, d.index));
-        const arcsEnter = arcsSelection.enter().append('path')
-            .attr('class', segment)
-            .call(createArc, config);
-        const arcsMerged = arcsSelection.merge(arcsEnter);
-        arcsMerged.call(updateArc, config, this.arcGen, duration);
-        arcsMerged.sort((a, b) => b.value - a.value);
-        arcsSelection.exit()
-            .attr('class', segmentExit)
-            .call(removeArc, duration);
-        // Label
-        this.centralLabel
-            .attr('transform', `translate(${this._width / 2},${this._height / 2})`)
-            .attr('dy', config.centralSubLabel ? '-0.55em' : null)
-            .text((_e = config.centralLabel) !== null && _e !== void 0 ? _e : null);
-        this.centralSubLabel
-            .attr('transform', `translate(${this._width / 2},${this._height / 2})`)
-            .attr('dy', config.centralLabel ? '0.55em' : null)
-            .text((_f = config.centralSubLabel) !== null && _f !== void 0 ? _f : null);
-        if (config.centralSubLabelWrap)
-            wrapSVGText(this.centralSubLabel, innerRadius * 1.9);
-        // Background
-        this.arcBackground.attr('class', background)
-            .attr('visibility', config.showBackground ? null : 'hidden')
-            .attr('transform', `translate(${this._width / 2},${this._height / 2})`);
-        smartTransition(this.arcBackground, duration)
-            .attr('d', this.arcGen({
-            startAngle: (_k = (_h = (_g = config.backgroundAngleRange) === null || _g === void 0 ? void 0 : _g[0]) !== null && _h !== void 0 ? _h : (_j = config.angleRange) === null || _j === void 0 ? void 0 : _j[0]) !== null && _k !== void 0 ? _k : 0,
-            endAngle: (_p = (_m = (_l = config.backgroundAngleRange) === null || _l === void 0 ? void 0 : _l[1]) !== null && _m !== void 0 ? _m : (_o = config.angleRange) === null || _o === void 0 ? void 0 : _o[1]) !== null && _p !== void 0 ? _p : 2 * Math.PI,
-            innerRadius,
-            outerRadius,
-        }));
-    }
-}
-Donut.selectors = style;
-
-export { Donut };
-//# sourceMappingURL=index.js.map

package/components/donut/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sources":["../../../src/components/donut/index.ts"],"sourcesContent":["import { Selection } from 'd3-selection'\nimport { pie, arc } from 'd3-shape'\n\n// Core\nimport { ComponentCore } from 'core/component'\nimport { SeriesDataModel } from 'data-models/series'\n\n// Utils\nimport { smartTransition } from 'utils/d3'\nimport { isNumber, clamp, getNumber } from 'utils/data'\nimport { wrapSVGText } from 'utils/text'\n\n// Types\nimport { Spacing } from 'types/spacing'\n\n// Local Types\nimport { DonutArcDatum, DonutArcAnimState, DonutDatum } from './types'\n\n// Config\nimport { DonutConfig, DonutConfigInterface } from './config'\n\n// Modules\nimport { createArc, updateArc, removeArc } from './modules/arc'\n\n// Styles\nimport * as s from './style'\n\nexport class Donut<Datum> extends ComponentCore<Datum[], DonutConfig<Datum>, DonutConfigInterface<Datum>> {\n  static selectors = s\n  config: DonutConfig<Datum> = new DonutConfig()\n  datamodel: SeriesDataModel<Datum> = new SeriesDataModel()\n\n  arcBackground: Selection<SVGPathElement, unknown, SVGGElement, unknown>\n  arcGroup: Selection<SVGGElement, unknown, SVGGElement, unknown>\n  centralLabel: Selection<SVGTextElement, unknown, SVGGElement, unknown>\n  centralSubLabel: Selection<SVGTextElement, unknown, SVGGElement, unknown>\n  arcGen = arc<DonutArcAnimState>()\n\n  events = {\n  }\n\n  constructor (config?: DonutConfigInterface<Datum>) {\n    super()\n    if (config) this.config.init(config)\n    this.arcBackground = this.g.append('path')\n    this.arcGroup = this.g.append('g')\n    this.centralLabel = this.g.append('text')\n      .attr('class', s.centralLabel)\n    this.centralSubLabel = this.g.append('text')\n      .attr('class', s.centralSubLabel)\n  }\n\n  get bleed (): Spacing {\n    return { top: 0, bottom: 0, left: 0, right: 0 }\n  }\n\n  _render (customDuration?: number): void {\n    const { config, datamodel, bleed } = this\n\n    // Wrap data to preserve original indices\n    const data: DonutDatum<Datum>[] = datamodel.data\n      .map((d, i) => ({\n        index: i,\n        datum: d,\n      }))\n      .filter(d => config.showEmptySegments || getNumber(d.datum, config.value, d.index))\n\n    const duration = isNumber(customDuration) ? customDuration : config.duration\n    const outerRadius = config.radius || Math.min(this._width - bleed.left - bleed.right, this._height - bleed.top - bleed.bottom) / 2\n    const innerRadius = config.arcWidth === 0 ? 0 : clamp(outerRadius - config.arcWidth, 0, outerRadius - 1)\n\n    this.arcGen\n      .startAngle(d => d.startAngle)\n      .endAngle(d => d.endAngle)\n      .innerRadius(d => d.innerRadius)\n      .outerRadius(d => d.outerRadius)\n      .padAngle(d => d.padAngle)\n      .cornerRadius(config.cornerRadius)\n\n    const pieGen = pie<DonutDatum<Datum>>()\n      .startAngle(config.angleRange?.[0] ?? 0)\n      .endAngle(config.angleRange?.[1] ?? 2 * Math.PI)\n      .padAngle(config.padAngle)\n      .value(d => getNumber(d.datum, config.value, d.index) || 0)\n      .sort(config.sortFunction)\n\n    this.arcGroup.attr('transform', `translate(${this._width / 2},${this._height / 2})`)\n\n    const arcData: DonutArcDatum<Datum>[] = pieGen(data).map(d => {\n      const arc = {\n        ...d,\n        data: d.data.datum,\n        index: d.data.index,\n        innerRadius,\n        outerRadius,\n      }\n\n      if (config.showEmptySegments && d.endAngle - d.startAngle - d.padAngle <= Number.EPSILON) {\n        arc.endAngle = d.startAngle + Math.max(config.emptySegmentAngle, config.padAngle)\n        arc.padAngle = d.padAngle / 2\n      }\n      return arc\n    })\n\n    // Arc segments\n    const arcsSelection = this.arcGroup\n      .selectAll<SVGPathElement, DonutArcDatum<Datum>>(`.${s.segment}`)\n      .data(arcData, (d: DonutArcDatum<Datum>) => config.id(d.data, d.index))\n\n    const arcsEnter = arcsSelection.enter().append('path')\n      .attr('class', s.segment)\n      .call(createArc, config)\n\n    const arcsMerged = arcsSelection.merge(arcsEnter)\n    arcsMerged.call(updateArc, config, this.arcGen, duration)\n    arcsMerged.sort((a, b) => b.value - a.value)\n\n    arcsSelection.exit<DonutArcDatum<Datum>>()\n      .attr('class', s.segmentExit)\n      .call(removeArc, duration)\n\n    // Label\n    this.centralLabel\n      .attr('transform', `translate(${this._width / 2},${this._height / 2})`)\n      .attr('dy', config.centralSubLabel ? '-0.55em' : null)\n      .text(config.centralLabel ?? null)\n\n    this.centralSubLabel\n      .attr('transform', `translate(${this._width / 2},${this._height / 2})`)\n      .attr('dy', config.centralLabel ? '0.55em' : null)\n      .text(config.centralSubLabel ?? null)\n\n    if (config.centralSubLabelWrap) wrapSVGText(this.centralSubLabel, innerRadius * 1.9)\n\n    // Background\n    this.arcBackground.attr('class', s.background)\n      .attr('visibility', config.showBackground ? null : 'hidden')\n      .attr('transform', `translate(${this._width / 2},${this._height / 2})`)\n\n    smartTransition(this.arcBackground, duration)\n      .attr('d', this.arcGen({\n        startAngle: config.backgroundAngleRange?.[0] ?? config.angleRange?.[0] ?? 0,\n        endAngle: config.backgroundAngleRange?.[1] ?? config.angleRange?.[1] ?? 2 * Math.PI,\n        innerRadius,\n        outerRadius,\n      }))\n  }\n}\n"],"names":["s.centralLabel","s.centralSubLabel","s.segment","s.segmentExit","s.background","s"],"mappings":";;;;;;;;;;;AA2BM,MAAO,KAAa,SAAQ,aAAuE,CAAA;AAcvG,IAAA,WAAA,CAAa,MAAoC,EAAA;AAC/C,QAAA,KAAK,EAAE,CAAA;AAbT,QAAA,IAAA,CAAA,MAAM,GAAuB,IAAI,WAAW,EAAE,CAAA;AAC9C,QAAA,IAAA,CAAA,SAAS,GAA2B,IAAI,eAAe,EAAE,CAAA;QAMzD,IAAM,CAAA,MAAA,GAAG,GAAG,EAAqB,CAAA;QAEjC,IAAM,CAAA,MAAA,GAAG,EACR,CAAA;AAIC,QAAA,IAAI,MAAM;AAAE,YAAA,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,MAAM,CAAC,CAAA;QACpC,IAAI,CAAC,aAAa,GAAG,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,MAAM,CAAC,CAAA;QAC1C,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,GAAG,CAAC,CAAA;QAClC,IAAI,CAAC,YAAY,GAAG,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,MAAM,CAAC;AACtC,aAAA,IAAI,CAAC,OAAO,EAAEA,YAAc,CAAC,CAAA;QAChC,IAAI,CAAC,eAAe,GAAG,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,MAAM,CAAC;AACzC,aAAA,IAAI,CAAC,OAAO,EAAEC,eAAiB,CAAC,CAAA;KACpC;AAED,IAAA,IAAI,KAAK,GAAA;AACP,QAAA,OAAO,EAAE,GAAG,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,CAAA;KAChD;AAED,IAAA,OAAO,CAAE,cAAuB,EAAA;;QAC9B,MAAM,EAAE,MAAM,EAAE,SAAS,EAAE,KAAK,EAAE,GAAG,IAAI,CAAA;;AAGzC,QAAA,MAAM,IAAI,GAAwB,SAAS,CAAC,IAAI;aAC7C,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,MAAM;AACd,YAAA,KAAK,EAAE,CAAC;AACR,YAAA,KAAK,EAAE,CAAC;AACT,SAAA,CAAC,CAAC;aACF,MAAM,CAAC,CAAC,IAAI,MAAM,CAAC,iBAAiB,IAAI,SAAS,CAAC,CAAC,CAAC,KAAK,EAAE,MAAM,CAAC,KAAK,EAAE,CAAC,CAAC,KAAK,CAAC,CAAC,CAAA;AAErF,QAAA,MAAM,QAAQ,GAAG,QAAQ,CAAC,cAAc,CAAC,GAAG,cAAc,GAAG,MAAM,CAAC,QAAQ,CAAA;AAC5E,QAAA,MAAM,WAAW,GAAG,MAAM,CAAC,MAAM,IAAI,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,MAAM,GAAG,KAAK,CAAC,IAAI,GAAG,KAAK,CAAC,KAAK,EAAE,IAAI,CAAC,OAAO,GAAG,KAAK,CAAC,GAAG,GAAG,KAAK,CAAC,MAAM,CAAC,GAAG,CAAC,CAAA;AAClI,QAAA,MAAM,WAAW,GAAG,MAAM,CAAC,QAAQ,KAAK,CAAC,GAAG,CAAC,GAAG,KAAK,CAAC,WAAW,GAAG,MAAM,CAAC,QAAQ,EAAE,CAAC,EAAE,WAAW,GAAG,CAAC,CAAC,CAAA;AAExG,QAAA,IAAI,CAAC,MAAM;aACR,UAAU,CAAC,CAAC,IAAI,CAAC,CAAC,UAAU,CAAC;aAC7B,QAAQ,CAAC,CAAC,IAAI,CAAC,CAAC,QAAQ,CAAC;aACzB,WAAW,CAAC,CAAC,IAAI,CAAC,CAAC,WAAW,CAAC;aAC/B,WAAW,CAAC,CAAC,IAAI,CAAC,CAAC,WAAW,CAAC;aAC/B,QAAQ,CAAC,CAAC,IAAI,CAAC,CAAC,QAAQ,CAAC;AACzB,aAAA,YAAY,CAAC,MAAM,CAAC,YAAY,CAAC,CAAA;QAEpC,MAAM,MAAM,GAAG,GAAG,EAAqB;aACpC,UAAU,CAAC,CAAA,EAAA,GAAA,CAAA,EAAA,GAAA,MAAM,CAAC,UAAU,MAAA,IAAA,IAAA,EAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAA,EAAA,CAAG,CAAC,CAAC,MAAI,IAAA,IAAA,EAAA,KAAA,KAAA,CAAA,GAAA,EAAA,GAAA,CAAC,CAAC;AACvC,aAAA,QAAQ,CAAC,CAAA,EAAA,GAAA,CAAA,EAAA,GAAA,MAAM,CAAC,UAAU,MAAA,IAAA,IAAA,EAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAA,EAAA,CAAG,CAAC,CAAC,mCAAI,CAAC,GAAG,IAAI,CAAC,EAAE,CAAC;AAC/C,aAAA,QAAQ,CAAC,MAAM,CAAC,QAAQ,CAAC;aACzB,KAAK,CAAC,CAAC,IAAI,SAAS,CAAC,CAAC,CAAC,KAAK,EAAE,MAAM,CAAC,KAAK,EAAE,CAAC,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC;AAC1D,aAAA,IAAI,CAAC,MAAM,CAAC,YAAY,CAAC,CAAA;QAE5B,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,WAAW,EAAE,aAAa,IAAI,CAAC,MAAM,GAAG,CAAC,IAAI,IAAI,CAAC,OAAO,GAAG,CAAC,CAAG,CAAA,CAAA,CAAC,CAAA;QAEpF,MAAM,OAAO,GAA2B,MAAM,CAAC,IAAI,CAAC,CAAC,GAAG,CAAC,CAAC,IAAG;YAC3D,MAAM,GAAG,mCACJ,CAAC,CAAA,EAAA,EACJ,IAAI,EAAE,CAAC,CAAC,IAAI,CAAC,KAAK,EAClB,KAAK,EAAE,CAAC,CAAC,IAAI,CAAC,KAAK,EACnB,WAAW;AACX,gBAAA,WAAW,GACZ,CAAA;AAED,YAAA,IAAI,MAAM,CAAC,iBAAiB,IAAI,CAAC,CAAC,QAAQ,GAAG,CAAC,CAAC,UAAU,GAAG,CAAC,CAAC,QAAQ,IAAI,MAAM,CAAC,OAAO,EAAE;AACxF,gBAAA,GAAG,CAAC,QAAQ,GAAG,CAAC,CAAC,UAAU,GAAG,IAAI,CAAC,GAAG,CAAC,MAAM,CAAC,iBAAiB,EAAE,MAAM,CAAC,QAAQ,CAAC,CAAA;gBACjF,GAAG,CAAC,QAAQ,GAAG,CAAC,CAAC,QAAQ,GAAG,CAAC,CAAA;AAC9B,aAAA;AACD,YAAA,OAAO,GAAG,CAAA;AACZ,SAAC,CAAC,CAAA;;AAGF,QAAA,MAAM,aAAa,GAAG,IAAI,CAAC,QAAQ;AAChC,aAAA,SAAS,CAAuC,CAAI,CAAA,EAAAC,OAAS,EAAE,CAAC;aAChE,IAAI,CAAC,OAAO,EAAE,CAAC,CAAuB,KAAK,MAAM,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI,EAAE,CAAC,CAAC,KAAK,CAAC,CAAC,CAAA;QAEzE,MAAM,SAAS,GAAG,aAAa,CAAC,KAAK,EAAE,CAAC,MAAM,CAAC,MAAM,CAAC;AACnD,aAAA,IAAI,CAAC,OAAO,EAAEA,OAAS,CAAC;AACxB,aAAA,IAAI,CAAC,SAAS,EAAE,MAAM,CAAC,CAAA;QAE1B,MAAM,UAAU,GAAG,aAAa,CAAC,KAAK,CAAC,SAAS,CAAC,CAAA;AACjD,QAAA,UAAU,CAAC,IAAI,CAAC,SAAS,EAAE,MAAM,EAAE,IAAI,CAAC,MAAM,EAAE,QAAQ,CAAC,CAAA;AACzD,QAAA,UAAU,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,KAAK,GAAG,CAAC,CAAC,KAAK,CAAC,CAAA;QAE5C,aAAa,CAAC,IAAI,EAAwB;AACvC,aAAA,IAAI,CAAC,OAAO,EAAEC,WAAa,CAAC;AAC5B,aAAA,IAAI,CAAC,SAAS,EAAE,QAAQ,CAAC,CAAA;;AAG5B,QAAA,IAAI,CAAC,YAAY;AACd,aAAA,IAAI,CAAC,WAAW,EAAE,CAAa,UAAA,EAAA,IAAI,CAAC,MAAM,GAAG,CAAC,CAAA,CAAA,EAAI,IAAI,CAAC,OAAO,GAAG,CAAC,GAAG,CAAC;AACtE,aAAA,IAAI,CAAC,IAAI,EAAE,MAAM,CAAC,eAAe,GAAG,SAAS,GAAG,IAAI,CAAC;aACrD,IAAI,CAAC,MAAA,MAAM,CAAC,YAAY,MAAI,IAAA,IAAA,EAAA,KAAA,KAAA,CAAA,GAAA,EAAA,GAAA,IAAI,CAAC,CAAA;AAEpC,QAAA,IAAI,CAAC,eAAe;AACjB,aAAA,IAAI,CAAC,WAAW,EAAE,CAAa,UAAA,EAAA,IAAI,CAAC,MAAM,GAAG,CAAC,CAAA,CAAA,EAAI,IAAI,CAAC,OAAO,GAAG,CAAC,GAAG,CAAC;AACtE,aAAA,IAAI,CAAC,IAAI,EAAE,MAAM,CAAC,YAAY,GAAG,QAAQ,GAAG,IAAI,CAAC;aACjD,IAAI,CAAC,MAAA,MAAM,CAAC,eAAe,MAAI,IAAA,IAAA,EAAA,KAAA,KAAA,CAAA,GAAA,EAAA,GAAA,IAAI,CAAC,CAAA;QAEvC,IAAI,MAAM,CAAC,mBAAmB;YAAE,WAAW,CAAC,IAAI,CAAC,eAAe,EAAE,WAAW,GAAG,GAAG,CAAC,CAAA;;QAGpF,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,OAAO,EAAEC,UAAY,CAAC;AAC3C,aAAA,IAAI,CAAC,YAAY,EAAE,MAAM,CAAC,cAAc,GAAG,IAAI,GAAG,QAAQ,CAAC;AAC3D,aAAA,IAAI,CAAC,WAAW,EAAE,CAAa,UAAA,EAAA,IAAI,CAAC,MAAM,GAAG,CAAC,CAAA,CAAA,EAAI,IAAI,CAAC,OAAO,GAAG,CAAC,CAAA,CAAA,CAAG,CAAC,CAAA;AAEzE,QAAA,eAAe,CAAC,IAAI,CAAC,aAAa,EAAE,QAAQ,CAAC;AAC1C,aAAA,IAAI,CAAC,GAAG,EAAE,IAAI,CAAC,MAAM,CAAC;AACrB,YAAA,UAAU,EAAE,CAAA,EAAA,GAAA,CAAA,EAAA,GAAA,MAAA,MAAM,CAAC,oBAAoB,MAAG,IAAA,IAAA,EAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAA,EAAA,CAAA,CAAC,CAAC,MAAI,IAAA,IAAA,EAAA,KAAA,KAAA,CAAA,GAAA,EAAA,GAAA,CAAA,EAAA,GAAA,MAAM,CAAC,UAAU,0CAAG,CAAC,CAAC,mCAAI,CAAC;YAC3E,QAAQ,EAAE,MAAA,CAAA,EAAA,GAAA,CAAA,EAAA,GAAA,MAAM,CAAC,oBAAoB,MAAG,IAAA,IAAA,EAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAA,EAAA,CAAA,CAAC,CAAC,MAAA,IAAA,IAAA,EAAA,KAAA,KAAA,CAAA,GAAA,EAAA,GAAI,MAAA,MAAM,CAAC,UAAU,MAAA,IAAA,IAAA,EAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAA,EAAA,CAAG,CAAC,CAAC,mCAAI,CAAC,GAAG,IAAI,CAAC,EAAE;YACnF,WAAW;YACX,WAAW;AACZ,SAAA,CAAC,CAAC,CAAA;KACN;;AAtHM,KAAS,CAAA,SAAA,GAAGC,KAAC;;;;"}

package/components/donut/modules/arc.d.ts

@@ -1,10 +0,0 @@
-import { Selection } from 'd3-selection';
-import { Arc } from 'd3-shape';
-import { DonutArcDatum, DonutArcAnimState } from '../types';
-import { DonutConfig } from '../config';
-export interface ArcNode extends SVGElement {
-    _animState?: DonutArcAnimState;
-}
-export declare function createArc<Datum>(selection: Selection<SVGPathElement, DonutArcDatum<Datum>, SVGGElement, unknown>, config: DonutConfig<Datum>): void;
-export declare function updateArc<Datum>(selection: Selection<SVGPathElement, DonutArcDatum<Datum>, SVGGElement, unknown>, config: DonutConfig<Datum>, arcGen: Arc<any, DonutArcAnimState>, duration: number): void;
-export declare function removeArc<Datum>(selection: Selection<SVGPathElement, DonutArcDatum<Datum>, SVGGElement, unknown>, duration: number): void;

package/components/donut/modules/arc.js

@@ -1,59 +0,0 @@
-import { interpolate } from 'd3-interpolate';
-import { getColor } from '../../../utils/color.js';
-import { smartTransition } from '../../../utils/d3.js';
-
-function createArc(selection, config) {
-    selection
-        .style('fill', d => getColor(d.data, config.color, d.index))
-        .style('opacity', 0)
-        .each((d, i, els) => {
-        const arcNode = els[i];
-        const angleCenter = (d.startAngle + d.endAngle) / 2;
-        const angleHalfWidth = (d.endAngle - d.startAngle) / 2;
-        arcNode._animState = {
-            startAngle: angleCenter - angleHalfWidth,
-            endAngle: angleCenter + angleHalfWidth,
-            innerRadius: d.innerRadius,
-            outerRadius: d.outerRadius,
-            padAngle: d.padAngle,
-        };
-    });
-}
-function updateArc(selection, config, arcGen, duration) {
-    selection
-        .style('transition', `fill ${duration}ms`) // Animate color with CSS because we're using CSS-variables
-        .style('fill', d => getColor(d.data, config.color, d.index));
-    const setOpacity = (d) => (config.showEmptySegments || d.value) ? 1 : 0;
-    if (duration) {
-        const transition = smartTransition(selection, duration)
-            .style('opacity', setOpacity);
-        transition.attrTween('d', (d, i, els) => {
-            const arcNode = els[i];
-            const nextAnimState = {
-                startAngle: d.startAngle,
-                endAngle: d.endAngle,
-                innerRadius: d.innerRadius,
-                outerRadius: d.outerRadius,
-                padAngle: d.padAngle,
-            };
-            const datum = interpolate(arcNode._animState, nextAnimState);
-            return (t) => {
-                arcNode._animState = datum(t);
-                return arcGen(arcNode._animState);
-            };
-        });
-    }
-    else {
-        selection
-            .attr('d', arcGen)
-            .style('opacity', setOpacity);
-    }
-}
-function removeArc(selection, duration) {
-    smartTransition(selection, duration)
-        .style('opacity', 0)
-        .remove();
-}
-
-export { createArc, removeArc, updateArc };
-//# sourceMappingURL=arc.js.map

package/components/donut/modules/arc.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"arc.js","sources":["../../../../src/components/donut/modules/arc.ts"],"sourcesContent":["import { Selection } from 'd3-selection'\nimport { Transition } from 'd3-transition'\nimport { interpolate } from 'd3-interpolate'\nimport { Arc } from 'd3-shape'\n\n// Utils\nimport { getColor } from 'utils/color'\nimport { smartTransition } from 'utils/d3'\n\n// Local Types\nimport { DonutArcDatum, DonutArcAnimState } from '../types'\n\n// Config\nimport { DonutConfig } from '../config'\n\nexport interface ArcNode extends SVGElement {\n  _animState?: DonutArcAnimState;\n}\n\nexport function createArc<Datum> (\n  selection: Selection<SVGPathElement, DonutArcDatum<Datum>, SVGGElement, unknown>,\n  config: DonutConfig<Datum>\n): void {\n  selection\n    .style('fill', d => getColor(d.data, config.color, d.index))\n    .style('opacity', 0)\n    .each((d, i, els) => {\n      const arcNode: ArcNode = els[i]\n      const angleCenter = (d.startAngle + d.endAngle) / 2\n      const angleHalfWidth = (d.endAngle - d.startAngle) / 2\n      arcNode._animState = {\n        startAngle: angleCenter - angleHalfWidth,\n        endAngle: angleCenter + angleHalfWidth,\n        innerRadius: d.innerRadius,\n        outerRadius: d.outerRadius,\n        padAngle: d.padAngle,\n      }\n    })\n}\n\nexport function updateArc<Datum> (\n  selection: Selection<SVGPathElement, DonutArcDatum<Datum>, SVGGElement, unknown>,\n  config: DonutConfig<Datum>,\n  arcGen: Arc<any, DonutArcAnimState>,\n  duration: number\n): void {\n  selection\n    .style('transition', `fill ${duration}ms`) // Animate color with CSS because we're using CSS-variables\n    .style('fill', d => getColor(d.data, config.color, d.index))\n\n  const setOpacity = (d: DonutArcDatum<Datum>): number => (config.showEmptySegments || d.value) ? 1 : 0\n  if (duration) {\n    const transition = smartTransition(selection, duration)\n      .style('opacity', setOpacity) as Transition<SVGPathElement, DonutArcDatum<Datum>, SVGGElement, unknown>\n\n    transition.attrTween('d', (d, i, els) => {\n      const arcNode: ArcNode = els[i]\n      const nextAnimState: DonutArcAnimState = {\n        startAngle: d.startAngle,\n        endAngle: d.endAngle,\n        innerRadius: d.innerRadius,\n        outerRadius: d.outerRadius,\n        padAngle: d.padAngle,\n      }\n      const datum = interpolate(arcNode._animState, nextAnimState)\n\n      return (t: number): string => {\n        arcNode._animState = datum(t)\n        return arcGen(arcNode._animState as DonutArcDatum<Datum>)\n      }\n    })\n  } else {\n    selection\n      .attr('d', arcGen)\n      .style('opacity', setOpacity)\n  }\n}\n\nexport function removeArc<Datum> (\n  selection: Selection<SVGPathElement, DonutArcDatum<Datum>, SVGGElement, unknown>,\n  duration: number\n): void {\n  smartTransition(selection, duration)\n    .style('opacity', 0)\n    .remove()\n}\n"],"names":[],"mappings":"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"}

package/components/donut/style.d.ts

@@ -1,7 +0,0 @@
-export declare const root: string;
-export declare const variables: void;
-export declare const background: string;
-export declare const segment: string;
-export declare const segmentExit: string;
-export declare const centralLabel: string;
-export declare const centralSubLabel: string;

package/components/donut/style.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"style.js","sources":["../../../src/components/donut/style.ts"],"sourcesContent":["import { css, injectGlobal } from '@emotion/css'\n\nexport const root = css`\n  label: donut-component;\n`\n\nexport const variables = injectGlobal`\n  :root {\n    --vis-donut-central-label-font-size: 16px;\n    --vis-donut-central-label-text-color: #5b5f6d;\n    // Undefined by default to allow proper fallback to var(--vis-font-family)\n    /* --vis-donut-central-label-font-family: */\n    --vis-donut-central-label-font-weight: 600;\n\n    --vis-donut-central-sub-label-font-size: 12px;\n    --vis-donut-central-sub-label-text-color: #5b5f6d;\n    // Undefined by default to allow proper fallback to var(--vis-font-family)\n    /* --vis-donut-central-sub-label-font-family: */\n    --vis-donut-central-sub-label-font-weight: 500;\n\n    --vis-donut-background-color: #E7E9F3;\n    --vis-donut-segment-stroke-width: 0;\n    // The line segment color variable is not defined by default\n    // to allow it to fallback to the donut background color\n    /* --vis-donut-segment-stroke-color: none; */\n\n    --vis-dark-donut-central-label-text-color: #C2BECE;\n    --vis-dark-donut-central-sub-label-text-color: #C2BECE;\n    --vis-dark-donut-background-color: #18160C;\n  }\n\n  body.theme-dark ${`.${root}`} {\n    --vis-donut-central-label-text-color: var(--vis-dark-donut-central-label-text-color);\n    --vis-donut-central-sub-label-text-color: var(--vis-dark-donut-central-sub-label-text-color);\n    --vis-donut-background-color: var(--vis-dark-donut-background-color);\n  }\n`\nexport const background = css`\n  label: background;\n  fill: var(--vis-donut-background-color);\n`\n\nexport const segment = css`\n  label: segment;\n  stroke-width: var(--vis-donut-segment-stroke-width);\n  stroke: var(--vis-donut-segment-stroke-color, var(--vis-donut-background-color));\n`\n\nexport const segmentExit = css`\n  label: segment-exit;\n`\n\nexport const centralLabel = css`\n  label: central-label;\n  text-anchor: middle;\n  dominant-baseline: middle;\n  font-size: var(--vis-donut-central-label-font-size);\n  font-family: var(--vis-donut-central-label-font-family, var(--vis-font-family));\n  font-weight: var(--vis-donut-central-label-font-weight);\n  fill: var(--vis-donut-central-label-text-color);\n`\n\nexport const centralSubLabel = css`\n  label: central-label;\n  text-anchor: middle;\n  dominant-baseline: middle;\n  font-size: var(--vis-donut-central-sub-label-font-size);\n  font-family: var(--vis-donut-central-sub-label-font-family, var(--vis-font-family));\n  font-weight: var(--vis-donut-central-sub-label-font-weight);\n  fill: var(--vis-donut-central-sub-label-text-color);\n`\n"],"names":[],"mappings":";;AAEO,MAAM,IAAI,GAAG,GAAG,CAAA,CAAA;;EAEtB;AAEM,MAAM,SAAS,GAAG,YAAY,CAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;AAyBjB,kBAAA,EAAA,CAAA,CAAA,EAAI,IAAI,CAAE,CAAA,CAAA;;;;;EAK7B;AACM,MAAM,UAAU,GAAG,GAAG,CAAA,CAAA;;;EAG5B;AAEM,MAAM,OAAO,GAAG,GAAG,CAAA,CAAA;;;;EAIzB;AAEM,MAAM,WAAW,GAAG,GAAG,CAAA,CAAA;;EAE7B;AAEM,MAAM,YAAY,GAAG,GAAG,CAAA,CAAA;;;;;;;;EAQ9B;AAEM,MAAM,eAAe,GAAG,GAAG,CAAA,CAAA;;;;;;;;;;;;"}

package/components/donut/types.d.ts

@@ -1,20 +0,0 @@
-import { PieArcDatum } from 'd3-shape';
-export declare type DonutDatum<Datum> = {
-    datum: Datum;
-    /** Original datum index as in unfiltered data */
-    index: number;
-};
-/** Data type for Donut Arc Generator */
-export interface DonutArcDatum<Datum> extends PieArcDatum<Datum> {
-    /** Original datum index as in unfiltered data */
-    index: number;
-    innerRadius: number;
-    outerRadius: number;
-}
-export declare type DonutArcAnimState = {
-    startAngle: number;
-    endAngle: number;
-    innerRadius: number;
-    outerRadius: number;
-    padAngle?: number;
-};