@unovis/ts 1.0.0-beta.0

package/components/axis/index.js

@@ -0,0 +1,291 @@
+import { interrupt } from 'd3-transition';
+import { axisLeft, axisRight, axisBottom, axisTop } from 'd3-axis';
+import { XYComponentCore } from '../../core/xy-component/index.js';
+import { Position } from '../../types/position.js';
+import { TextAlign } from '../../types/text.js';
+import { smartTransition } from '../../utils/d3.js';
+import { AxisType } from './types.js';
+import { AxisConfig } from './config.js';
+import { wrapTickText, getWrapOptions } from './modules/tick.js';
+import * as style from './style.js';
+import { grid, tick, axis, hideTickLine, hideDomain, label } from './style.js';
+
+class Axis extends XYComponentCore {
+    constructor(config) {
+        super();
+        this.config = new AxisConfig();
+        this._defaultNumTicks = 3;
+        this._minMaxTicksOnlyEnforceWidth = 250;
+        this.events = {
+            [Axis.selectors.tick]: {
+                mouseover: this._onTickMouseOver.bind(this),
+                mouseout: this._onTickMouseOut.bind(this),
+            },
+        };
+        if (config)
+            this.config.init(config);
+        this.axisGroup = this.g.append('g');
+        this.gridGroup = this.g.append('g')
+            .attr('class', grid);
+    }
+    /** Renders axis to an invisible grouped to calculate automatic chart margins */
+    preRender() {
+        const { config } = this;
+        const axisRenderHelperGroup = this.g.append('g').attr('opacity', 0);
+        this._renderAxis(axisRenderHelperGroup, 0);
+        // Store axis raw BBox (without the label) for further label positioning (see _renderAxisLabel)
+        this._axisRawBBox = axisRenderHelperGroup.node().getBBox();
+        // Align tick text
+        if (config.tickTextAlign)
+            this._alignTickLabels();
+        // Render label and store total axis size and required margins
+        this._renderAxisLabel(axisRenderHelperGroup);
+        this._axisSizeBBox = this._getAxisSize(axisRenderHelperGroup);
+        this._requiredMargin = this._getRequiredMargin(this._axisSizeBBox);
+        axisRenderHelperGroup.remove();
+    }
+    getPosition() {
+        const { config: { type, position } } = this;
+        return (position !== null && position !== void 0 ? position : ((type === AxisType.X) ? Position.Bottom : Position.Left));
+    }
+    _getAxisSize(selection) {
+        const bBox = selection.node().getBBox();
+        return bBox;
+    }
+    _getRequiredMargin(axisSize = this._axisSizeBBox) {
+        const { config: { type, position } } = this;
+        switch (type) {
+            case AxisType.X: {
+                const tolerancePx = 1;
+                const xEnd = this._axisSizeBBox.x + this._axisSizeBBox.width;
+                const left = this._axisSizeBBox.x < 0 ? Math.abs(this._axisSizeBBox.x) : 0;
+                const right = (xEnd - this._width) > tolerancePx ? xEnd - this._width : 0;
+                switch (position) {
+                    case Position.Top: return { top: axisSize.height, left, right };
+                    case Position.Bottom:
+                    default: return { bottom: axisSize.height, left, right };
+                }
+            }
+            case AxisType.Y: {
+                const bleedY = axisSize.height > this._height ? (axisSize.height - this._height) / 2 : 0;
+                const top = bleedY;
+                const bottom = bleedY;
+                switch (position) {
+                    case Position.Right: return { right: axisSize.width, top, bottom };
+                    case Position.Left:
+                    default: return { left: axisSize.width, top, bottom };
+                }
+            }
+        }
+    }
+    getRequiredMargin() {
+        return this._requiredMargin;
+    }
+    /** Calculates axis transform:translate offset based on passed container margins */
+    getOffset(containerMargin) {
+        const { config: { type, position } } = this;
+        switch (type) {
+            case AxisType.X:
+                switch (position) {
+                    case Position.Top: return { top: containerMargin.top, left: containerMargin.left };
+                    case Position.Bottom:
+                    default: return { top: containerMargin.top + this._height, left: containerMargin.left };
+                }
+            case AxisType.Y:
+                switch (position) {
+                    case Position.Right: return { top: containerMargin.top, left: containerMargin.left + this._width };
+                    case Position.Left:
+                    default: return { top: containerMargin.top, left: containerMargin.left };
+                }
+        }
+    }
+    _render(duration = this.config.duration, selection = this.axisGroup) {
+        const { config } = this;
+        this._renderAxis(selection, duration);
+        this._renderAxisLabel(selection);
+        if (config.gridLine) {
+            const gridGen = this._buildGrid().tickFormat(() => '');
+            gridGen.tickValues(this._getConfiguredTickValues());
+            smartTransition(this.gridGroup, duration).call(gridGen).style('opacity', 1);
+        }
+        else {
+            smartTransition(this.gridGroup, duration).style('opacity', 0);
+        }
+        if (config.tickTextAlign)
+            this._alignTickLabels();
+    }
+    _buildAxis() {
+        const { config: { type, position, tickPadding } } = this;
+        const ticks = this._getNumTicks();
+        switch (type) {
+            case AxisType.X:
+                switch (position) {
+                    case Position.Top: return axisTop(this.xScale).ticks(ticks).tickPadding(tickPadding);
+                    case Position.Bottom:
+                    default: return axisBottom(this.xScale).ticks(ticks).tickPadding(tickPadding);
+                }
+            case AxisType.Y:
+                switch (position) {
+                    case Position.Right: return axisRight(this.yScale).ticks(ticks).tickPadding(tickPadding);
+                    case Position.Left:
+                    default: return axisLeft(this.yScale).ticks(ticks).tickPadding(tickPadding);
+                }
+        }
+    }
+    _buildGrid() {
+        const { config: { type, position } } = this;
+        const ticks = this._getNumTicks();
+        switch (type) {
+            case AxisType.X:
+                switch (position) {
+                    case Position.Top: return axisTop(this.xScale).ticks(ticks * 2).tickSize(-this._height).tickSizeOuter(0);
+                    case Position.Bottom:
+                    default: return axisBottom(this.xScale).ticks(ticks * 2).tickSize(-this._height).tickSizeOuter(0);
+                }
+            case AxisType.Y:
+                switch (position) {
+                    case Position.Right: return axisRight(this.yScale).ticks(ticks * 2).tickSize(-this._width).tickSizeOuter(0);
+                    case Position.Left:
+                    default: return axisLeft(this.yScale).ticks(ticks * 2).tickSize(-this._width).tickSizeOuter(0);
+                }
+        }
+    }
+    _renderAxis(selection = this.axisGroup, duration = this.config.duration) {
+        const { config } = this;
+        const axisGen = this._buildAxis();
+        axisGen.tickValues(this._getConfiguredTickValues());
+        smartTransition(selection, duration).call(axisGen);
+        const ticks = selection.selectAll('g.tick');
+        const tickValues = ticks.data();
+        ticks
+            .classed(tick, true)
+            .style('font-size', config.tickTextFontSize);
+        // We interrupt transition on tick Text to make it 'wrappable'
+        const tickText = selection.selectAll('g.tick > text');
+        tickText.nodes().forEach(node => interrupt(node));
+        tickText.text((value, i) => { var _a, _b; return (_b = (_a = config.tickFormat) === null || _a === void 0 ? void 0 : _a.call(config, value, i, tickValues)) !== null && _b !== void 0 ? _b : value; });
+        tickText
+            .call(wrapTickText, getWrapOptions(ticks, config, this._width));
+        selection
+            .classed(axis, true)
+            .classed(hideTickLine, !config.tickLine)
+            .classed(hideDomain, !config.domainLine);
+        if (config.fullSize) {
+            const path = this._getFullDomainPath(0);
+            smartTransition(selection.select('.domain'), duration).attr('d', path);
+        }
+    }
+    _getNumTicks() {
+        const { config: { type, numTicks } } = this;
+        if (numTicks)
+            return numTicks;
+        if (type === AxisType.X) {
+            const xRange = this.xScale.range();
+            const width = xRange[1] - xRange[0];
+            return Math.floor(width / 175);
+        }
+        if (type === AxisType.Y) {
+            const yRange = this.yScale.range();
+            const height = Math.abs(yRange[0] - yRange[1]);
+            return Math.pow(height, 0.85) / 25;
+        }
+        return this._defaultNumTicks;
+    }
+    _getConfiguredTickValues() {
+        const { config: { tickValues, type, minMaxTicksOnly } } = this;
+        const scale = type === AxisType.X ? this.xScale : this.yScale;
+        const scaleDomain = scale === null || scale === void 0 ? void 0 : scale.domain();
+        if (tickValues) {
+            return tickValues.filter(v => (v >= scaleDomain[0]) && (v <= scaleDomain[1]));
+        }
+        if (minMaxTicksOnly || (type === AxisType.X && this._width < this._minMaxTicksOnlyEnforceWidth)) {
+            return scaleDomain;
+        }
+        return null;
+    }
+    _getFullDomainPath(tickSize = 0) {
+        const { config: { type } } = this;
+        switch (type) {
+            case AxisType.X: return `M0.5, ${tickSize} V0.5 H${this._width + 0.5} V${tickSize}`;
+            case AxisType.Y: return `M${-tickSize}, ${this._height + 0.5} H0.5 V0.5 H${-tickSize}`;
+        }
+    }
+    _renderAxisLabel(selection = this.axisGroup) {
+        var _a;
+        const { type, label: label$1, labelMargin, labelFontSize } = this.config;
+        // Remove the old label first to calculate the axis size properly
+        selection.selectAll(`.${label}`).remove();
+        // Calculate label position and rotation
+        const axisPosition = this.getPosition();
+        // We always use this.axisRenderHelperGroup to calculate the size of the axis because
+        //    this.axisGroup will give us incorrect values due to animation
+        const { width: axisWidth, height: axisHeight } = (_a = this._axisRawBBox) !== null && _a !== void 0 ? _a : selection.node().getBBox();
+        const offsetX = type === AxisType.X ? this._width / 2 : Math.pow((-1), (+(axisPosition === Position.Left))) * axisWidth;
+        const offsetY = type === AxisType.X ? Math.pow((-1), (+(axisPosition === Position.Top))) * axisHeight : this._height / 2;
+        const marginX = type === AxisType.X ? 0 : Math.pow((-1), (+(axisPosition === Position.Left))) * labelMargin;
+        const marginY = type === AxisType.X ? Math.pow((-1), (+(axisPosition === Position.Top))) * labelMargin : 0;
+        const rotation = type === AxisType.Y ? -90 : 0;
+        // Append new label
+        selection
+            .append('text')
+            .attr('class', label)
+            .text(label$1)
+            .style('font-size', labelFontSize)
+            .attr('dy', `${this._getLabelDY()}em`)
+            .attr('transform', `translate(${offsetX + marginX},${offsetY + marginY}) rotate(${rotation})`);
+    }
+    _getLabelDY() {
+        const { type, position } = this.config;
+        switch (type) {
+            case AxisType.X:
+                switch (position) {
+                    case Position.Top: return 0;
+                    case Position.Bottom:
+                    default: return 0.75;
+                }
+            case AxisType.Y:
+                switch (position) {
+                    case Position.Right: return 0.75;
+                    case Position.Left:
+                    default: return -0.25;
+                }
+        }
+    }
+    _alignTickLabels() {
+        const { config: { type, tickTextAlign, position } } = this;
+        const tickText = this.g.selectAll('g.tick > text');
+        const textAnchor = this._getTickTextAnchor(tickTextAlign);
+        const translateX = type === AxisType.X ? 0 : this._getYTickTextTranslate(tickTextAlign, position);
+        tickText
+            .attr('text-anchor', textAnchor)
+            .attr('transform', `translate(${translateX},0)`);
+    }
+    _getTickTextAnchor(textAlign) {
+        switch (textAlign) {
+            case TextAlign.Left: return 'start';
+            case TextAlign.Right: return 'end';
+            case TextAlign.Center: return 'middle';
+            default: return null;
+        }
+    }
+    _getYTickTextTranslate(textAlign, axisPosition = Position.Left) {
+        const defaultTickTextSpacingPx = 9; // Default in D3
+        const width = this._axisRawBBox.width - defaultTickTextSpacingPx;
+        switch (textAlign) {
+            case TextAlign.Left: return axisPosition === Position.Left ? width * -1 : 0;
+            case TextAlign.Right: return axisPosition === Position.Left ? 0 : width;
+            case TextAlign.Center: return axisPosition === Position.Left ? width * (-0.5) : width * 0.5;
+            default: return 0;
+        }
+    }
+    // eslint-disable-next-line @typescript-eslint/no-empty-function
+    _onTickMouseOver(d, event) {
+    }
+    // eslint-disable-next-line @typescript-eslint/no-empty-function
+    _onTickMouseOut(d, event) {
+    }
+}
+Axis.selectors = style;
+
+export { Axis };
+//# sourceMappingURL=index.js.map

package/components/axis/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../src/components/axis/index.ts"],"sourcesContent":["import { Selection } from 'd3-selection'\nimport { interrupt } from 'd3-transition'\nimport { axisLeft, axisTop, axisRight, axisBottom, Axis as D3Axis } from 'd3-axis'\n\n// Core\nimport { XYComponentCore } from 'core/xy-component'\n\n// Types\nimport { Position } from 'types/position'\nimport { Spacing } from 'types/spacing'\nimport { TextAlign } from 'types/text'\n\n// Utils\nimport { smartTransition } from 'utils/d3'\n\n// Local Types\nimport { AxisType } from './types'\n\n// Config\nimport { AxisConfig, AxisConfigInterface } from './config'\n\n// Modules\nimport { wrapTickText, getWrapOptions } from './modules/tick'\n\n// Styles\nimport * as s from './style'\n\nexport class Axis<Datum> extends XYComponentCore<Datum> {\n  static selectors = s\n  config: AxisConfig<Datum> = new AxisConfig<Datum>()\n  axisGroup: Selection<SVGGElement, unknown, SVGGElement, unknown>\n  gridGroup: Selection<SVGGElement, unknown, SVGGElement, unknown>\n\n  private _axisRawBBox: DOMRect\n  private _axisSizeBBox: SVGRect\n  private _requiredMargin: Spacing\n  private _defaultNumTicks = 3\n  private _minMaxTicksOnlyEnforceWidth = 250\n\n  events = {\n    [Axis.selectors.tick]: {\n      mouseover: this._onTickMouseOver.bind(this),\n      mouseout: this._onTickMouseOut.bind(this),\n    },\n  }\n\n  constructor (config?: AxisConfigInterface<Datum>) {\n    super()\n    if (config) this.config.init(config)\n\n    this.axisGroup = this.g.append('g')\n    this.gridGroup = this.g.append('g')\n      .attr('class', s.grid)\n  }\n\n  /** Renders axis to an invisible grouped to calculate automatic chart margins */\n  preRender (): void {\n    const { config } = this\n    const axisRenderHelperGroup = this.g.append('g').attr('opacity', 0)\n\n    this._renderAxis(axisRenderHelperGroup, 0)\n\n    // Store axis raw BBox (without the label) for further label positioning (see _renderAxisLabel)\n    this._axisRawBBox = axisRenderHelperGroup.node().getBBox()\n\n    // Align tick text\n    if (config.tickTextAlign) this._alignTickLabels()\n\n    // Render label and store total axis size and required margins\n    this._renderAxisLabel(axisRenderHelperGroup)\n    this._axisSizeBBox = this._getAxisSize(axisRenderHelperGroup)\n    this._requiredMargin = this._getRequiredMargin(this._axisSizeBBox)\n\n    axisRenderHelperGroup.remove()\n  }\n\n  getPosition (): Position {\n    const { config: { type, position } } = this\n    return (position ?? ((type === AxisType.X) ? Position.Bottom : Position.Left)) as Position\n  }\n\n  _getAxisSize (selection: Selection<SVGGElement, unknown, SVGGElement, undefined>): SVGRect {\n    const bBox = selection.node().getBBox()\n    return bBox\n  }\n\n  _getRequiredMargin (axisSize = this._axisSizeBBox): Spacing {\n    const { config: { type, position } } = this\n\n    switch (type) {\n      case AxisType.X: {\n        const tolerancePx = 1\n        const xEnd = this._axisSizeBBox.x + this._axisSizeBBox.width\n\n        const left = this._axisSizeBBox.x < 0 ? Math.abs(this._axisSizeBBox.x) : 0\n        const right = (xEnd - this._width) > tolerancePx ? xEnd - this._width : 0\n\n        switch (position) {\n          case Position.Top: return { top: axisSize.height, left, right }\n          case Position.Bottom: default: return { bottom: axisSize.height, left, right }\n        }\n      }\n      case AxisType.Y: {\n        const bleedY = axisSize.height > this._height ? (axisSize.height - this._height) / 2 : 0\n        const top = bleedY\n        const bottom = bleedY\n\n        switch (position) {\n          case Position.Right: return { right: axisSize.width, top, bottom }\n          case Position.Left: default: return { left: axisSize.width, top, bottom }\n        }\n      }\n    }\n  }\n\n  getRequiredMargin (): Spacing {\n    return this._requiredMargin\n  }\n\n  /** Calculates axis transform:translate offset based on passed container margins */\n  getOffset (containerMargin: Spacing): {left: number; top: number} {\n    const { config: { type, position } } = this\n\n    switch (type) {\n      case AxisType.X:\n        switch (position) {\n          case Position.Top: return { top: containerMargin.top, left: containerMargin.left }\n          case Position.Bottom: default: return { top: containerMargin.top + this._height, left: containerMargin.left }\n        }\n      case AxisType.Y:\n        switch (position) {\n          case Position.Right: return { top: containerMargin.top, left: containerMargin.left + this._width }\n          case Position.Left: default: return { top: containerMargin.top, left: containerMargin.left }\n        }\n    }\n  }\n\n  _render (duration = this.config.duration, selection = this.axisGroup): void {\n    const { config } = this\n\n    this._renderAxis(selection, duration)\n    this._renderAxisLabel(selection)\n\n    if (config.gridLine) {\n      const gridGen = this._buildGrid().tickFormat(() => '')\n      gridGen.tickValues(this._getConfiguredTickValues())\n      smartTransition(this.gridGroup, duration).call(gridGen).style('opacity', 1)\n    } else {\n      smartTransition(this.gridGroup, duration).style('opacity', 0)\n    }\n\n    if (config.tickTextAlign) this._alignTickLabels()\n  }\n\n  _buildAxis (): D3Axis<any> {\n    const { config: { type, position, tickPadding } } = this\n\n    const ticks = this._getNumTicks()\n    switch (type) {\n      case AxisType.X:\n        switch (position) {\n          case Position.Top: return axisTop(this.xScale).ticks(ticks).tickPadding(tickPadding)\n          case Position.Bottom: default: return axisBottom(this.xScale).ticks(ticks).tickPadding(tickPadding)\n        }\n      case AxisType.Y:\n        switch (position) {\n          case Position.Right: return axisRight(this.yScale).ticks(ticks).tickPadding(tickPadding)\n          case Position.Left: default: return axisLeft(this.yScale).ticks(ticks).tickPadding(tickPadding)\n        }\n    }\n  }\n\n  _buildGrid (): D3Axis<any> {\n    const { config: { type, position } } = this\n\n    const ticks = this._getNumTicks()\n    switch (type) {\n      case AxisType.X:\n        switch (position) {\n          case Position.Top: return axisTop(this.xScale).ticks(ticks * 2).tickSize(-this._height).tickSizeOuter(0)\n          case Position.Bottom: default: return axisBottom(this.xScale).ticks(ticks * 2).tickSize(-this._height).tickSizeOuter(0)\n        }\n      case AxisType.Y:\n        switch (position) {\n          case Position.Right: return axisRight(this.yScale).ticks(ticks * 2).tickSize(-this._width).tickSizeOuter(0)\n          case Position.Left: default: return axisLeft(this.yScale).ticks(ticks * 2).tickSize(-this._width).tickSizeOuter(0)\n        }\n    }\n  }\n\n  _renderAxis (selection = this.axisGroup, duration = this.config.duration): void {\n    const { config } = this\n\n    const axisGen = this._buildAxis()\n    axisGen.tickValues(this._getConfiguredTickValues())\n\n    smartTransition(selection, duration).call(axisGen)\n\n    const ticks = selection.selectAll<SVGGElement, unknown>('g.tick')\n    const tickValues = ticks.data()\n\n    ticks\n      .classed(s.tick, true)\n      .style('font-size', config.tickTextFontSize)\n\n    // We interrupt transition on tick Text to make it 'wrappable'\n    const tickText = selection.selectAll<SVGTextElement, unknown>('g.tick > text')\n    tickText.nodes().forEach(node => interrupt(node))\n    tickText.text((value, i) => config.tickFormat?.(value, i, tickValues) ?? value)\n    tickText\n      .call(wrapTickText, getWrapOptions(ticks, config, this._width))\n\n    selection\n      .classed(s.axis, true)\n      .classed(s.hideTickLine, !config.tickLine)\n      .classed(s.hideDomain, !config.domainLine)\n\n    if (config.fullSize) {\n      const path = this._getFullDomainPath(0)\n      smartTransition(selection.select('.domain'), duration).attr('d', path)\n    }\n  }\n\n  _getNumTicks (): number {\n    const { config: { type, numTicks } } = this\n\n    if (numTicks) return numTicks\n\n    if (type === AxisType.X) {\n      const xRange = this.xScale.range() as [number, number]\n      const width = xRange[1] - xRange[0]\n      return Math.floor(width / 175)\n    }\n\n    if (type === AxisType.Y) {\n      const yRange = this.yScale.range() as [number, number]\n      const height = Math.abs(yRange[0] - yRange[1])\n      return Math.pow(height, 0.85) / 25\n    }\n\n    return this._defaultNumTicks\n  }\n\n  _getConfiguredTickValues (): number[] | null {\n    const { config: { tickValues, type, minMaxTicksOnly } } = this\n    const scale = type === AxisType.X ? this.xScale : this.yScale\n    const scaleDomain = scale?.domain()\n\n    if (tickValues) {\n      return tickValues.filter(v => (v >= scaleDomain[0]) && (v <= scaleDomain[1]))\n    }\n\n    if (minMaxTicksOnly || (type === AxisType.X && this._width < this._minMaxTicksOnlyEnforceWidth)) {\n      return scaleDomain as number[]\n    }\n\n    return null\n  }\n\n  _getFullDomainPath (tickSize = 0): string {\n    const { config: { type } } = this\n    switch (type) {\n      case AxisType.X: return `M0.5, ${tickSize} V0.5 H${this._width + 0.5} V${tickSize}`\n      case AxisType.Y: return `M${-tickSize}, ${this._height + 0.5} H0.5 V0.5 H${-tickSize}`\n    }\n  }\n\n  _renderAxisLabel (selection = this.axisGroup): void {\n    const { type, label, labelMargin, labelFontSize } = this.config\n\n    // Remove the old label first to calculate the axis size properly\n    selection.selectAll(`.${s.label}`).remove()\n\n    // Calculate label position and rotation\n    const axisPosition = this.getPosition()\n    // We always use this.axisRenderHelperGroup to calculate the size of the axis because\n    //    this.axisGroup will give us incorrect values due to animation\n    const { width: axisWidth, height: axisHeight } = this._axisRawBBox ?? selection.node().getBBox()\n\n    const offsetX = type === AxisType.X ? this._width / 2 : (-1) ** (+(axisPosition === Position.Left)) * axisWidth\n    const offsetY = type === AxisType.X ? (-1) ** (+(axisPosition === Position.Top)) * axisHeight : this._height / 2\n\n    const marginX = type === AxisType.X ? 0 : (-1) ** (+(axisPosition === Position.Left)) * labelMargin\n    const marginY = type === AxisType.X ? (-1) ** (+(axisPosition === Position.Top)) * labelMargin : 0\n\n    const rotation = type === AxisType.Y ? -90 : 0\n\n    // Append new label\n    selection\n      .append('text')\n      .attr('class', s.label)\n      .text(label)\n      .style('font-size', labelFontSize)\n      .attr('dy', `${this._getLabelDY()}em`)\n      .attr('transform', `translate(${offsetX + marginX},${offsetY + marginY}) rotate(${rotation})`)\n  }\n\n  _getLabelDY (): number {\n    const { type, position } = this.config\n    switch (type) {\n      case AxisType.X:\n        switch (position) {\n          case Position.Top: return 0\n          case Position.Bottom: default: return 0.75\n        }\n      case AxisType.Y:\n        switch (position) {\n          case Position.Right: return 0.75\n          case Position.Left: default: return -0.25\n        }\n    }\n  }\n\n  _alignTickLabels (): void {\n    const { config: { type, tickTextAlign, position } } = this\n\n    const tickText = this.g.selectAll('g.tick > text')\n    const textAnchor = this._getTickTextAnchor(tickTextAlign)\n    const translateX = type === AxisType.X ? 0 : this._getYTickTextTranslate(tickTextAlign, position)\n\n    tickText\n      .attr('text-anchor', textAnchor)\n      .attr('transform', `translate(${translateX},0)`)\n  }\n\n  _getTickTextAnchor (textAlign: TextAlign): string {\n    switch (textAlign) {\n      case TextAlign.Left: return 'start'\n      case TextAlign.Right: return 'end'\n      case TextAlign.Center: return 'middle'\n      default: return null\n    }\n  }\n\n  _getYTickTextTranslate (textAlign: TextAlign, axisPosition: Position = Position.Left): number {\n    const defaultTickTextSpacingPx = 9 // Default in D3\n    const width = this._axisRawBBox.width - defaultTickTextSpacingPx\n\n    switch (textAlign) {\n      case TextAlign.Left: return axisPosition === Position.Left ? width * -1 : 0\n      case TextAlign.Right: return axisPosition === Position.Left ? 0 : width\n      case TextAlign.Center: return axisPosition === Position.Left ? width * (-0.5) : width * 0.5\n      default: return 0\n    }\n  }\n\n  // eslint-disable-next-line @typescript-eslint/no-empty-function\n  _onTickMouseOver (d: any, event: MouseEvent): void {\n  }\n\n  // eslint-disable-next-line @typescript-eslint/no-empty-function\n  _onTickMouseOut (d: any, event: MouseEvent): void {\n  }\n}\n"],"names":["s.grid","s.tick","s.axis","s.hideTickLine","s.hideDomain","label","s.label","s"],"mappings":"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"}

package/components/axis/modules/tick.d.ts

@@ -0,0 +1,5 @@
+import { Selection } from 'd3-selection';
+import { WrapTextOptions } from "../../../types/text";
+import { AxisConfig } from '../config';
+export declare function wrapTickText(selection: Selection<SVGTextElement, unknown, SVGGElement, unknown>, wrapOptions: WrapTextOptions): void;
+export declare function getWrapOptions<Datum>(ticks: Selection<SVGGElement, unknown, SVGGElement, unknown>, config: AxisConfig<Datum>, width: number): WrapTextOptions;

package/components/axis/modules/tick.js

@@ -0,0 +1,48 @@
+import { select } from 'd3-selection';
+import { wrapTextElement } from '../../../utils/text.js';
+import { Position } from '../../../types/position.js';
+import { FitMode, WrapMode, VerticalAlign } from '../../../types/text.js';
+import { AxisType } from '../types.js';
+import { tickText } from '../style.js';
+
+function wrapTickText(selection, wrapOptions) {
+    selection.each((d, i, elements) => {
+        const textElement = select(elements[i]);
+        textElement
+            .classed(tickText, true)
+            .call(wrapTextElement, wrapOptions);
+    });
+}
+function getWrapOptions(ticks, config, width) {
+    var _a;
+    const { type, position, tickTextLength, tickTextWidth, tickTextSeparator, tickTextForceWordBreak, tickTextTrimType, tickTextFitMode, } = config;
+    let wrapWidth;
+    if (tickTextWidth) {
+        wrapWidth = tickTextWidth;
+    }
+    else if (type === AxisType.X) {
+        wrapWidth = width / ticks.size();
+    }
+    let verticalAlign = VerticalAlign.Middle;
+    if (type === AxisType.X) {
+        verticalAlign = position === Position.Top ? VerticalAlign.Top : VerticalAlign.Bottom;
+    }
+    const computedSize = ticks.size() ? (_a = window.getComputedStyle(ticks.node())) === null || _a === void 0 ? void 0 : _a.fontSize : null;
+    return {
+        width: wrapWidth,
+        separator: tickTextSeparator,
+        wordBreak: tickTextForceWordBreak,
+        length: tickTextLength,
+        trimType: tickTextTrimType,
+        trimOnly: tickTextFitMode === FitMode.Trim,
+        dy: type === AxisType.X ? 0.71 : 0.32,
+        verticalAlign,
+        fitMode: tickTextFitMode,
+        wrapMode: WrapMode.DOM,
+        widthToHeightRatio: 0.52,
+        fontSize: computedSize ? Number.parseFloat(computedSize) : 12,
+    };
+}
+
+export { getWrapOptions, wrapTickText };
+//# sourceMappingURL=tick.js.map

package/components/axis/modules/tick.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tick.js","sources":["../../../../src/components/axis/modules/tick.ts"],"sourcesContent":["import { select, Selection } from 'd3-selection'\n\n// Utils\nimport { wrapTextElement } from 'utils/text'\n\n// Types\nimport { Position } from 'types/position'\nimport { VerticalAlign, FitMode, WrapTextOptions, WrapMode } from 'types/text'\n\n// Config\nimport { AxisConfig } from '../config'\n\n// Local Types\nimport { AxisType } from '../types'\n\nimport * as s from '../style'\n\nexport function wrapTickText (selection: Selection<SVGTextElement, unknown, SVGGElement, unknown>, wrapOptions: WrapTextOptions): void {\n  selection.each((d, i, elements) => {\n    const textElement = select(elements[i]) as Selection<SVGTextElement, unknown, SVGGElement, unknown>\n    textElement\n      .classed(s.tickText, true)\n      .call(wrapTextElement, wrapOptions)\n  })\n}\n\nexport function getWrapOptions<Datum> (\n  ticks: Selection<SVGGElement, unknown, SVGGElement, unknown>,\n  config: AxisConfig<Datum>,\n  width: number\n): WrapTextOptions {\n  const {\n    type, position, tickTextLength, tickTextWidth, tickTextSeparator, tickTextForceWordBreak,\n    tickTextTrimType, tickTextFitMode,\n  } = config\n\n  let wrapWidth\n  if (tickTextWidth) {\n    wrapWidth = tickTextWidth\n  } else if (type === AxisType.X) {\n    wrapWidth = width / ticks.size()\n  }\n\n  let verticalAlign = VerticalAlign.Middle\n  if (type === AxisType.X) {\n    verticalAlign = position === Position.Top ? VerticalAlign.Top : VerticalAlign.Bottom\n  }\n\n  const computedSize = ticks.size() ? window.getComputedStyle(ticks.node())?.fontSize : null\n  return {\n    width: wrapWidth,\n    separator: tickTextSeparator,\n    wordBreak: tickTextForceWordBreak,\n    length: tickTextLength,\n    trimType: tickTextTrimType,\n    trimOnly: tickTextFitMode === FitMode.Trim,\n    dy: type === AxisType.X ? 0.71 : 0.32,\n    verticalAlign,\n    fitMode: tickTextFitMode,\n    wrapMode: WrapMode.DOM,\n    widthToHeightRatio: 0.52,\n    fontSize: computedSize ? Number.parseFloat(computedSize) : 12,\n  }\n}\n"],"names":["s.tickText"],"mappings":";;;;;;;AAiBgB,SAAA,YAAY,CAAE,SAAmE,EAAE,WAA4B,EAAA;IAC7H,SAAS,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,QAAQ,KAAI;QAChC,MAAM,WAAW,GAAG,MAAM,CAAC,QAAQ,CAAC,CAAC,CAAC,CAA6D,CAAA;QACnG,WAAW;AACR,aAAA,OAAO,CAACA,QAAU,EAAE,IAAI,CAAC;AACzB,aAAA,IAAI,CAAC,eAAe,EAAE,WAAW,CAAC,CAAA;AACvC,KAAC,CAAC,CAAA;AACJ,CAAC;SAEe,cAAc,CAC5B,KAA4D,EAC5D,MAAyB,EACzB,KAAa,EAAA;;AAEb,IAAA,MAAM,EACJ,IAAI,EAAE,QAAQ,EAAE,cAAc,EAAE,aAAa,EAAE,iBAAiB,EAAE,sBAAsB,EACxF,gBAAgB,EAAE,eAAe,GAClC,GAAG,MAAM,CAAA;AAEV,IAAA,IAAI,SAAS,CAAA;AACb,IAAA,IAAI,aAAa,EAAE;QACjB,SAAS,GAAG,aAAa,CAAA;AAC1B,KAAA;AAAM,SAAA,IAAI,IAAI,KAAK,QAAQ,CAAC,CAAC,EAAE;AAC9B,QAAA,SAAS,GAAG,KAAK,GAAG,KAAK,CAAC,IAAI,EAAE,CAAA;AACjC,KAAA;AAED,IAAA,IAAI,aAAa,GAAG,aAAa,CAAC,MAAM,CAAA;AACxC,IAAA,IAAI,IAAI,KAAK,QAAQ,CAAC,CAAC,EAAE;AACvB,QAAA,aAAa,GAAG,QAAQ,KAAK,QAAQ,CAAC,GAAG,GAAG,aAAa,CAAC,GAAG,GAAG,aAAa,CAAC,MAAM,CAAA;AACrF,KAAA;IAED,MAAM,YAAY,GAAG,KAAK,CAAC,IAAI,EAAE,GAAG,CAAA,EAAA,GAAA,MAAM,CAAC,gBAAgB,CAAC,KAAK,CAAC,IAAI,EAAE,CAAC,MAAE,IAAA,IAAA,EAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAA,EAAA,CAAA,QAAQ,GAAG,IAAI,CAAA;IAC1F,OAAO;AACL,QAAA,KAAK,EAAE,SAAS;AAChB,QAAA,SAAS,EAAE,iBAAiB;AAC5B,QAAA,SAAS,EAAE,sBAAsB;AACjC,QAAA,MAAM,EAAE,cAAc;AACtB,QAAA,QAAQ,EAAE,gBAAgB;AAC1B,QAAA,QAAQ,EAAE,eAAe,KAAK,OAAO,CAAC,IAAI;AAC1C,QAAA,EAAE,EAAE,IAAI,KAAK,QAAQ,CAAC,CAAC,GAAG,IAAI,GAAG,IAAI;QACrC,aAAa;AACb,QAAA,OAAO,EAAE,eAAe;QACxB,QAAQ,EAAE,QAAQ,CAAC,GAAG;AACtB,QAAA,kBAAkB,EAAE,IAAI;AACxB,QAAA,QAAQ,EAAE,YAAY,GAAG,MAAM,CAAC,UAAU,CAAC,YAAY,CAAC,GAAG,EAAE;KAC9D,CAAA;AACH;;;;"}

package/components/axis/style.d.ts

@@ -0,0 +1,9 @@
+export declare const root: string;
+export declare const global: void;
+export declare const hideTickLine: string;
+export declare const hideDomain: string;
+export declare const axis: string;
+export declare const grid: string;
+export declare const tick: string;
+export declare const label: string;
+export declare const tickText: string;

package/components/axis/style.js

@@ -0,0 +1,95 @@
+import { css, injectGlobal } from '@emotion/css';
+
+const root = css `
+  label: axis-component;
+`;
+const global = injectGlobal `
+  :root {
+    --vis-axis-font-family: var(--vis-font-family);
+    --vis-axis-tick-color: #e8e9ef;
+    --vis-axis-tick-label-color: #6c778c;
+    --vis-axis-grid-color: #e8e9ef;
+    --vis-axis-label-color: #6c778c;
+    --vis-axis-tick-label-font-size: 12px;
+    --vis-axis-label-font-size: 14px;
+
+    --vis-dark-axis-tick-color: #6c778c;
+    --vis-dark-axis-tick-label-color: #e8e9ef;
+    --vis-dark-axis-grid-color: #6c778c;
+    --vis-dark-axis-label-color:#fefefe;
+  }
+
+  body.theme-dark ${`.${root}`} {
+    --vis-axis-tick-color: var(--vis-dark-axis-tick-color);
+    --vis-axis-tick-label-color: var(--vis-dark-axis-tick-label-color);
+    --vis-axis-grid-color: var(--vis-dark-axis-grid-color);
+    --vis-axis-label-color: var(--vis-dark-axis-label-color);
+  }
+`;
+const hideTickLine = css `
+  label: hide-tick-line;
+`;
+const hideDomain = css `
+  label: hide-domain;
+`;
+const axis = css `
+  label: axis;
+
+  user-select: none;
+
+  .domain {
+    stroke: var(--vis-axis-tick-color);
+  }
+
+  &${`.${hideTickLine}`} {
+    .tick > line {
+      opacity: 0;
+    }
+  }
+
+  &${`.${hideDomain}`} {
+    .domain {
+      opacity: 0;
+    }
+  }
+`;
+const grid = css `
+  label: grid;
+
+  .domain {
+    opacity: 0;
+  }
+
+  line {
+    stroke: var(--vis-axis-grid-color);
+  }
+`;
+const tick = css `
+  label: tick;
+
+  stroke: none;
+  font-size: var(--vis-axis-tick-label-font-size);
+
+  line {
+    stroke: var(--vis-axis-tick-color);
+  }
+
+  text, tspan {
+    fill: var(--vis-axis-tick-label-color);
+    font-family: var(--vis-axis-font-family);
+    stroke: none;
+  }
+`;
+const label = css `
+  label: label;
+  fill: var(--vis-axis-label-color);
+  font-size: var(--vis-axis-label-font-size);
+  font-family: var(--vis-axis-font-family);
+  text-anchor: middle;
+`;
+const tickText = css `
+  label: tick-text;
+`;
+
+export { axis, global, grid, hideDomain, hideTickLine, label, root, tick, tickText };
+//# sourceMappingURL=style.js.map

package/components/axis/style.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"style.js","sources":["../../../src/components/axis/style.ts"],"sourcesContent":["import { css, injectGlobal } from '@emotion/css'\n\nexport const root = css`\n  label: axis-component;\n`\n\nexport const global = injectGlobal`\n  :root {\n    --vis-axis-font-family: var(--vis-font-family);\n    --vis-axis-tick-color: #e8e9ef;\n    --vis-axis-tick-label-color: #6c778c;\n    --vis-axis-grid-color: #e8e9ef;\n    --vis-axis-label-color: #6c778c;\n    --vis-axis-tick-label-font-size: 12px;\n    --vis-axis-label-font-size: 14px;\n\n    --vis-dark-axis-tick-color: #6c778c;\n    --vis-dark-axis-tick-label-color: #e8e9ef;\n    --vis-dark-axis-grid-color: #6c778c;\n    --vis-dark-axis-label-color:#fefefe;\n  }\n\n  body.theme-dark ${`.${root}`} {\n    --vis-axis-tick-color: var(--vis-dark-axis-tick-color);\n    --vis-axis-tick-label-color: var(--vis-dark-axis-tick-label-color);\n    --vis-axis-grid-color: var(--vis-dark-axis-grid-color);\n    --vis-axis-label-color: var(--vis-dark-axis-label-color);\n  }\n`\n\nexport const hideTickLine = css`\n  label: hide-tick-line;\n`\n\nexport const hideDomain = css`\n  label: hide-domain;\n`\n\nexport const axis = css`\n  label: axis;\n\n  user-select: none;\n\n  .domain {\n    stroke: var(--vis-axis-tick-color);\n  }\n\n  &${`.${hideTickLine}`} {\n    .tick > line {\n      opacity: 0;\n    }\n  }\n\n  &${`.${hideDomain}`} {\n    .domain {\n      opacity: 0;\n    }\n  }\n`\n\nexport const grid = css`\n  label: grid;\n\n  .domain {\n    opacity: 0;\n  }\n\n  line {\n    stroke: var(--vis-axis-grid-color);\n  }\n`\n\nexport const tick = css`\n  label: tick;\n\n  stroke: none;\n  font-size: var(--vis-axis-tick-label-font-size);\n\n  line {\n    stroke: var(--vis-axis-tick-color);\n  }\n\n  text, tspan {\n    fill: var(--vis-axis-tick-label-color);\n    font-family: var(--vis-axis-font-family);\n    stroke: none;\n  }\n`\n\nexport const label = css`\n  label: label;\n  fill: var(--vis-axis-label-color);\n  font-size: var(--vis-axis-label-font-size);\n  font-family: var(--vis-axis-font-family);\n  text-anchor: middle;\n`\n\nexport const tickText = css`\n  label: tick-text;\n`\n"],"names":[],"mappings":";;AAEO,MAAM,IAAI,GAAG,GAAG,CAAA,CAAA;;EAEtB;AAEM,MAAM,MAAM,GAAG,YAAY,CAAA,CAAA;;;;;;;;;;;;;;;;AAgBd,kBAAA,EAAA,CAAA,CAAA,EAAI,IAAI,CAAE,CAAA,CAAA;;;;;;EAM7B;AAEM,MAAM,YAAY,GAAG,GAAG,CAAA,CAAA;;EAE9B;AAEM,MAAM,UAAU,GAAG,GAAG,CAAA,CAAA;;EAE5B;AAEM,MAAM,IAAI,GAAG,GAAG,CAAA,CAAA;;;;;;;;;AASlB,GAAA,EAAA,CAAA,CAAA,EAAI,YAAY,CAAE,CAAA,CAAA;;;;;;AAMlB,GAAA,EAAA,CAAA,CAAA,EAAI,UAAU,CAAE,CAAA,CAAA;;;;;EAKpB;AAEM,MAAM,IAAI,GAAG,GAAG,CAAA,CAAA;;;;;;;;;;EAUtB;AAEM,MAAM,IAAI,GAAG,GAAG,CAAA,CAAA;;;;;;;;;;;;;;;EAetB;AAEM,MAAM,KAAK,GAAG,GAAG,CAAA,CAAA;;;;;;EAMvB;AAEM,MAAM,QAAQ,GAAG,GAAG,CAAA,CAAA;;;;;;"}

package/components/axis/types.d.ts

@@ -0,0 +1,4 @@
+export declare enum AxisType {
+    X = "x",
+    Y = "y"
+}

package/components/axis/types.js

@@ -0,0 +1,8 @@
+var AxisType;
+(function (AxisType) {
+    AxisType["X"] = "x";
+    AxisType["Y"] = "y";
+})(AxisType || (AxisType = {}));
+
+export { AxisType };
+//# sourceMappingURL=types.js.map

package/components/axis/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sources":["../../../src/components/axis/types.ts"],"sourcesContent":["export enum AxisType {\n  X = 'x',\n  Y = 'y',\n}\n"],"names":[],"mappings":"IAAY,SAGX;AAHD,CAAA,UAAY,QAAQ,EAAA;AAClB,IAAA,QAAA,CAAA,GAAA,CAAA,GAAA,GAAO,CAAA;AACP,IAAA,QAAA,CAAA,GAAA,CAAA,GAAA,GAAO,CAAA;AACT,CAAC,EAHW,QAAQ,KAAR,QAAQ,GAGnB,EAAA,CAAA,CAAA;;;;"}

package/components/brush/config.d.ts

@@ -0,0 +1,42 @@
+import { D3BrushEvent } from 'd3-brush';
+import { XYComponentConfigInterface, XYComponentConfig } from "../../core/xy-component/config";
+import { Arrangement } from "../../types/position";
+export interface BrushConfigInterface<Datum> extends Partial<XYComponentConfigInterface<Datum>> {
+    /** Callback function to be called on any Brush event.
+     * Default: `(selection: [number, number], event: D3BrushEvent<Datum>, userDriven: boolean): void => {}`
+    */
+    onBrush?: ((selection?: [number, number], event?: D3BrushEvent<Datum>, userDriven?: boolean) => void);
+    /** Callback function to be called on the Brush start event.
+     * Default: `(selection: [number, number], event: D3BrushEvent<Datum>, userDriven: boolean): void => {}`
+    */
+    onBrushStart?: ((selection?: [number, number], event?: D3BrushEvent<Datum>, userDriven?: boolean) => void);
+    /** Callback function to be called on the Brush move event.
+     * Default: `(selection: [number, number], event: D3BrushEvent<Datum>, userDriven: boolean): void => {}`
+    */
+    onBrushMove?: ((selection?: [number, number], event?: D3BrushEvent<Datum>, userDriven?: boolean) => void);
+    /** Callback function to be called on the Brush end event.
+     * Default: `(selection: [number, number], event: D3BrushEvent<Datum>, userDriven: boolean): void => {}`
+    */
+    onBrushEnd?: ((selection?: [number, number], event?: D3BrushEvent<Datum>, userDriven?: boolean) => void);
+    /** Width of the Brush handle. Default: `1` */
+    handleWidth?: number;
+    /** Brush selection in the data space coordinates, can be used to control the selection. Default: `undefined` */
+    selection?: [number, number] | null;
+    /** Allow dragging the selected area as a whole in order to change the selected range. Default: `false` */
+    draggable?: boolean;
+    /** Position of the handle: `Arrangement.Inside` or `Arrangement.Outside`. Default: `Arrangement.Inside` */
+    handlePosition?: Arrangement | string;
+    /** Constraint Brush selection to a minimal length in data units. Default: `undefined` */
+    selectionMinLength?: number;
+}
+export declare class BrushConfig<Datum> extends XYComponentConfig<Datum> implements BrushConfigInterface<Datum> {
+    onBrush: (s: [number, number], e: D3BrushEvent<Datum>, userDriven: boolean) => void;
+    onBrushStart: (s: [number, number], e: D3BrushEvent<Datum>, userDriven: boolean) => void;
+    onBrushMove: (s: [number, number], e: D3BrushEvent<Datum>, userDriven: boolean) => void;
+    onBrushEnd: (s: [number, number], e: D3BrushEvent<Datum>, userDriven: boolean) => void;
+    handleWidth: number;
+    selection: any;
+    draggable: boolean;
+    handlePosition: Arrangement | string;
+    selectionMinLength: any;
+}

package/components/brush/config.js

@@ -0,0 +1,24 @@
+import { XYComponentConfig } from '../../core/xy-component/config.js';
+import { Arrangement } from '../../types/position.js';
+
+class BrushConfig extends XYComponentConfig {
+    constructor() {
+        super(...arguments);
+        /* eslint-disable-next-line @typescript-eslint/no-unused-vars, @typescript-eslint/no-empty-function */
+        this.onBrush = (s, e, userDriven) => { };
+        /* eslint-disable-next-line @typescript-eslint/no-unused-vars, @typescript-eslint/no-empty-function */
+        this.onBrushStart = (s, e, userDriven) => { };
+        /* eslint-disable-next-line @typescript-eslint/no-unused-vars, @typescript-eslint/no-empty-function */
+        this.onBrushMove = (s, e, userDriven) => { };
+        /* eslint-disable-next-line @typescript-eslint/no-unused-vars, @typescript-eslint/no-empty-function */
+        this.onBrushEnd = (s, e, userDriven) => { };
+        this.handleWidth = 9;
+        this.selection = null;
+        this.draggable = false;
+        this.handlePosition = Arrangement.Inside;
+        this.selectionMinLength = undefined;
+    }
+}
+
+export { BrushConfig };
+//# sourceMappingURL=config.js.map

package/components/brush/config.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"config.js","sources":["../../../src/components/brush/config.ts"],"sourcesContent":["import { D3BrushEvent } from 'd3-brush'\nimport { XYComponentConfigInterface, XYComponentConfig } from 'core/xy-component/config'\n\n// Types\nimport { Arrangement } from 'types/position'\n\n// We extend partial XY config interface because x and y properties are optional for Brush\nexport interface BrushConfigInterface<Datum> extends Partial<XYComponentConfigInterface<Datum>> {\n  /** Callback function to be called on any Brush event.\n   * Default: `(selection: [number, number], event: D3BrushEvent<Datum>, userDriven: boolean): void => {}`\n  */\n  onBrush?: ((selection?: [number, number], event?: D3BrushEvent<Datum>, userDriven?: boolean) => void);\n  /** Callback function to be called on the Brush start event.\n   * Default: `(selection: [number, number], event: D3BrushEvent<Datum>, userDriven: boolean): void => {}`\n  */\n  onBrushStart?: ((selection?: [number, number], event?: D3BrushEvent<Datum>, userDriven?: boolean) => void);\n  /** Callback function to be called on the Brush move event.\n   * Default: `(selection: [number, number], event: D3BrushEvent<Datum>, userDriven: boolean): void => {}`\n  */\n  onBrushMove?: ((selection?: [number, number], event?: D3BrushEvent<Datum>, userDriven?: boolean) => void);\n  /** Callback function to be called on the Brush end event.\n   * Default: `(selection: [number, number], event: D3BrushEvent<Datum>, userDriven: boolean): void => {}`\n  */\n  onBrushEnd?: ((selection?: [number, number], event?: D3BrushEvent<Datum>, userDriven?: boolean) => void);\n  /** Width of the Brush handle. Default: `1` */\n  handleWidth?: number;\n  /** Brush selection in the data space coordinates, can be used to control the selection. Default: `undefined` */\n  selection?: [number, number] | null;\n  /** Allow dragging the selected area as a whole in order to change the selected range. Default: `false` */\n  draggable?: boolean;\n  /** Position of the handle: `Arrangement.Inside` or `Arrangement.Outside`. Default: `Arrangement.Inside` */\n  handlePosition?: Arrangement | string;\n  /** Constraint Brush selection to a minimal length in data units. Default: `undefined` */\n  selectionMinLength?: number;\n}\n\nexport class BrushConfig<Datum> extends XYComponentConfig<Datum> implements BrushConfigInterface<Datum> {\n  /* eslint-disable-next-line @typescript-eslint/no-unused-vars, @typescript-eslint/no-empty-function */\n  onBrush = (s: [number, number], e: D3BrushEvent<Datum>, userDriven: boolean): void => {}\n  /* eslint-disable-next-line @typescript-eslint/no-unused-vars, @typescript-eslint/no-empty-function */\n  onBrushStart = (s: [number, number], e: D3BrushEvent<Datum>, userDriven: boolean): void => {}\n  /* eslint-disable-next-line @typescript-eslint/no-unused-vars, @typescript-eslint/no-empty-function */\n  onBrushMove = (s: [number, number], e: D3BrushEvent<Datum>, userDriven: boolean): void => {}\n  /* eslint-disable-next-line @typescript-eslint/no-unused-vars, @typescript-eslint/no-empty-function */\n  onBrushEnd = (s: [number, number], e: D3BrushEvent<Datum>, userDriven: boolean): void => {}\n  handleWidth = 9\n  selection = null\n  draggable = false\n  handlePosition: Arrangement | string = Arrangement.Inside\n  selectionMinLength = undefined\n}\n"],"names":[],"mappings":";;;AAoCM,MAAO,WAAmB,SAAQ,iBAAwB,CAAA;AAAhE,IAAA,WAAA,GAAA;;;QAEE,IAAO,CAAA,OAAA,GAAG,CAAC,CAAmB,EAAE,CAAsB,EAAE,UAAmB,KAAY,GAAC,CAAA;;QAExF,IAAY,CAAA,YAAA,GAAG,CAAC,CAAmB,EAAE,CAAsB,EAAE,UAAmB,KAAY,GAAC,CAAA;;QAE7F,IAAW,CAAA,WAAA,GAAG,CAAC,CAAmB,EAAE,CAAsB,EAAE,UAAmB,KAAY,GAAC,CAAA;;QAE5F,IAAU,CAAA,UAAA,GAAG,CAAC,CAAmB,EAAE,CAAsB,EAAE,UAAmB,KAAY,GAAC,CAAA;QAC3F,IAAW,CAAA,WAAA,GAAG,CAAC,CAAA;QACf,IAAS,CAAA,SAAA,GAAG,IAAI,CAAA;QAChB,IAAS,CAAA,SAAA,GAAG,KAAK,CAAA;AACjB,QAAA,IAAA,CAAA,cAAc,GAAyB,WAAW,CAAC,MAAM,CAAA;QACzD,IAAkB,CAAA,kBAAA,GAAG,SAAS,CAAA;KAC/B;AAAA;;;;"}