@unovis/ts 1.0.0-alpha.4

package/LICENSE

@@ -0,0 +1,193 @@
+                               Apache License
+                         Version 2.0, January 2004
+                      https://www.apache.org/licenses/
+
+  TERMS AND CONDITIONS FOR USE, REPRODUCTION, AND DISTRIBUTION
+
+  1. Definitions.
+
+    "License" shall mean the terms and conditions for use, reproduction,
+    and distribution as defined by Sections 1 through 9 of this document.
+
+    "Licensor" shall mean the copyright owner or entity authorized by
+    the copyright owner that is granting the License.
+
+    "Legal Entity" shall mean the union of the acting entity and all
+    other entities that control, are controlled by, or are under common
+    control with that entity. For the purposes of this definition,
+    "control" means (i) the power, direct or indirect, to cause the
+    direction or management of such entity, whether by contract or
+    otherwise, or (ii) ownership of fifty percent (50%) or more of the
+    outstanding shares, or (iii) beneficial ownership of such entity.
+
+    "You" (or "Your") shall mean an individual or Legal Entity
+    exercising permissions granted by this License.
+
+    "Source" form shall mean the preferred form for making modifications,
+    including but not limited to software source code, documentation
+    source, and configuration files.
+
+    "Object" form shall mean any form resulting from mechanical
+    transformation or translation of a Source form, including but
+    not limited to compiled object code, generated documentation,
+    and conversions to other media types.
+
+    "Work" shall mean the work of authorship, whether in Source or
+    Object form, made available under the License, as indicated by a
+    copyright notice that is included in or attached to the work
+    (an example is provided in the Appendix below).
+
+    "Derivative Works" shall mean any work, whether in Source or Object
+    form, that is based on (or derived from) the Work and for which the
+    editorial revisions, annotations, elaborations, or other modifications
+    represent, as a whole, an original work of authorship. For the purposes
+    of this License, Derivative Works shall not include works that remain
+    separable from, or merely link (or bind by name) to the interfaces of,
+    the Work and Derivative Works thereof.
+
+    "Contribution" shall mean any work of authorship, including
+    the original version of the Work and any modifications or additions
+    to that Work or Derivative Works thereof, that is intentionally
+    submitted to Licensor for inclusion in the Work by the copyright owner
+    or by an individual or Legal Entity authorized to submit on behalf of
+    the copyright owner. For the purposes of this definition, "submitted"
+    means any form of electronic, verbal, or written communication sent
+    to the Licensor or its representatives, including but not limited to
+    communication on electronic mailing lists, source code control systems,
+    and issue tracking systems that are managed by, or on behalf of, the
+    Licensor for the purpose of discussing and improving the Work, but
+    excluding communication that is conspicuously marked or otherwise
+    designated in writing by the copyright owner as "Not a Contribution."
+
+    "Contributor" shall mean Licensor and any individual or Legal Entity
+    on behalf of whom a Contribution has been received by Licensor and
+    subsequently incorporated within the Work.
+
+  2. Grant of Copyright License. Subject to the terms and conditions of
+    this License, each Contributor hereby grants to You a perpetual,
+    worldwide, non-exclusive, no-charge, royalty-free, irrevocable
+    copyright license to reproduce, prepare Derivative Works of,
+    publicly display, publicly perform, sublicense, and distribute the
+    Work and such Derivative Works in Source or Object form.
+
+  3. Grant of Patent License. Subject to the terms and conditions of
+    this License, each Contributor hereby grants to You a perpetual,
+    worldwide, non-exclusive, no-charge, royalty-free, irrevocable
+    (except as stated in this section) patent license to make, have made,
+    use, offer to sell, sell, import, and otherwise transfer the Work,
+    where such license applies only to those patent claims licensable
+    by such Contributor that are necessarily infringed by their
+    Contribution(s) alone or by combination of their Contribution(s)
+    with the Work to which such Contribution(s) was submitted. If You
+    institute patent litigation against any entity (including a
+    cross-claim or counterclaim in a lawsuit) alleging that the Work
+    or a Contribution incorporated within the Work constitutes direct
+    or contributory patent infringement, then any patent licenses
+    granted to You under this License for that Work shall terminate
+    as of the date such litigation is filed.
+
+  4. Redistribution. You may reproduce and distribute copies of the
+    Work or Derivative Works thereof in any medium, with or without
+    modifications, and in Source or Object form, provided that You
+    meet the following conditions:
+
+    (a) You must give any other recipients of the Work or
+        Derivative Works a copy of this License; and
+
+    (b) You must cause any modified files to carry prominent notices
+        stating that You changed the files; and
+
+    (c) You must retain, in the Source form of any Derivative Works
+        that You distribute, all copyright, patent, trademark, and
+        attribution notices from the Source form of the Work,
+        excluding those notices that do not pertain to any part of
+        the Derivative Works; and
+
+    (d) If the Work includes a "NOTICE" text file as part of its
+        distribution, then any Derivative Works that You distribute must
+        include a readable copy of the attribution notices contained
+        within such NOTICE file, excluding those notices that do not
+        pertain to any part of the Derivative Works, in at least one
+        of the following places: within a NOTICE text file distributed
+        as part of the Derivative Works; within the Source form or
+        documentation, if provided along with the Derivative Works; or,
+        within a display generated by the Derivative Works, if and
+        wherever such third-party notices normally appear. The contents
+        of the NOTICE file are for informational purposes only and
+        do not modify the License. You may add Your own attribution
+        notices within Derivative Works that You distribute, alongside
+        or as an addendum to the NOTICE text from the Work, provided
+        that such additional attribution notices cannot be construed
+        as modifying the License.
+
+    You may add Your own copyright statement to Your modifications and
+    may provide additional or different license terms and conditions
+    for use, reproduction, or distribution of Your modifications, or
+    for any such Derivative Works as a whole, provided Your use,
+    reproduction, and distribution of the Work otherwise complies with
+    the conditions stated in this License.
+
+  5. Submission of Contributions. Unless You explicitly state otherwise,
+    any Contribution intentionally submitted for inclusion in the Work
+    by You to the Licensor shall be under the terms and conditions of
+    this License, without any additional terms or conditions.
+    Notwithstanding the above, nothing herein shall supersede or modify
+    the terms of any separate license agreement you may have executed
+    with Licensor regarding such Contributions.
+
+  6. Trademarks. This License does not grant permission to use the trade
+    names, trademarks, service marks, or product names of the Licensor,
+    except as required for reasonable and customary use in describing the
+    origin of the Work and reproducing the content of the NOTICE file.
+
+  7. Disclaimer of Warranty. Unless required by applicable law or
+    agreed to in writing, Licensor provides the Work (and each
+    Contributor provides its Contributions) on an "AS IS" BASIS,
+    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or
+    implied, including, without limitation, any warranties or conditions
+    of TITLE, NON-INFRINGEMENT, MERCHANTABILITY, or FITNESS FOR A
+    PARTICULAR PURPOSE. You are solely responsible for determining the
+    appropriateness of using or redistributing the Work and assume any
+    risks associated with Your exercise of permissions under this License.
+
+  8. Limitation of Liability. In no event and under no legal theory,
+    whether in tort (including negligence), contract, or otherwise,
+    unless required by applicable law (such as deliberate and grossly
+    negligent acts) or agreed to in writing, shall any Contributor be
+    liable to You for damages, including any direct, indirect, special,
+    incidental, or consequential damages of any character arising as a
+    result of this License or out of the use or inability to use the
+    Work (including but not limited to damages for loss of goodwill,
+    work stoppage, computer failure or malfunction, or any and all
+    other commercial damages or losses), even if such Contributor
+    has been advised of the possibility of such damages.
+
+  9. Accepting Warranty or Additional Liability. While redistributing
+    the Work or Derivative Works thereof, You may choose to offer,
+    and charge a fee for, acceptance of support, warranty, indemnity,
+    or other liability obligations and/or rights consistent with this
+    License. However, in accepting such obligations, You may act only
+    on Your own behalf and on Your sole responsibility, not on behalf
+    of any other Contributor, and only if You agree to indemnify,
+    defend, and hold each Contributor harmless for any liability
+    incurred by, or claims asserted against, such Contributor by reason
+    of your accepting any such warranty or additional liability.
+
+  END OF TERMS AND CONDITIONS
+
+ © 2022 F5, Inc. https://www.f5.com/
+
+  Licensed under the Apache License, Version 2.0 (the "License");
+  you may not use this file except in compliance with the License.
+  You may obtain a copy of the License at
+
+     https://www.apache.org/licenses/LICENSE-2.0
+
+  Unless required by applicable law or agreed to in writing, software
+  distributed under the License is distributed on an "AS IS" BASIS,
+  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+  See the License for the specific language governing permissions and
+  limitations under the License.
+
+  This project uses multiple third-party components under different open-source
+  licences. See license.txt for more details.

package/components/area/config.d.ts

@@ -0,0 +1,25 @@
+import { XYComponentConfigInterface, XYComponentConfig } from "../../core/xy-component/config";
+import { CurveType } from "../../types/curve";
+import { NumericAccessor, StringAccessor } from "../../types/accessor";
+export interface AreaConfigInterface<Datum> extends XYComponentConfigInterface<Datum> {
+    /** Curve type from the CurveType enum. Default: `CurveType.MonotoneX` */
+    curveType?: CurveType;
+    /** Baseline value or accessor function. Default: `undefined` */
+    baseline?: NumericAccessor<Datum>;
+    /** Opacity value or accessor function. Default: `1` */
+    opacity?: NumericAccessor<Datum>;
+    /** Optional area cursor. String or accessor function. Default: `null` */
+    cursor?: StringAccessor<Datum[]>;
+    /** If an area is smaller than 1px, extend it to have 1px height.
+     * This setting is useful when some of the area values are zeros or very small so visually they become
+     * practically invisible, but you want to show that the data behind them exists and they're not just empty segments.
+     * Default: `false` */
+    minHeight1Px?: boolean;
+}
+export declare class AreaConfig<Datum> extends XYComponentConfig<Datum> implements AreaConfigInterface<Datum> {
+    curveType: CurveType;
+    baseline: () => number;
+    opacity: number;
+    cursor: any;
+    minHeight1Px: boolean;
+}

package/components/area/config.js

@@ -0,0 +1,16 @@
+import { XYComponentConfig } from '../../core/xy-component/config.js';
+import { CurveType } from '../../types/curve.js';
+
+class AreaConfig extends XYComponentConfig {
+    constructor() {
+        super(...arguments);
+        this.curveType = CurveType.MonotoneX;
+        this.baseline = () => 0;
+        this.opacity = 1;
+        this.cursor = null;
+        this.minHeight1Px = false;
+    }
+}
+
+export { AreaConfig };
+//# sourceMappingURL=config.js.map

package/components/area/config.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"config.js","sources":["../../../src/components/area/config.ts"],"sourcesContent":["import { XYComponentConfigInterface, XYComponentConfig } from 'core/xy-component/config'\n\n// Types\nimport { CurveType } from 'types/curve'\nimport { NumericAccessor, StringAccessor } from 'types/accessor'\n\nexport interface AreaConfigInterface<Datum> extends XYComponentConfigInterface<Datum> {\n  /** Curve type from the CurveType enum. Default: `CurveType.MonotoneX` */\n  curveType?: CurveType;\n  /** Baseline value or accessor function. Default: `undefined` */\n  baseline?: NumericAccessor<Datum>;\n  /** Opacity value or accessor function. Default: `1` */\n  opacity?: NumericAccessor<Datum>;\n  /** Optional area cursor. String or accessor function. Default: `null` */\n  cursor?: StringAccessor<Datum[]>;\n  /** If an area is smaller than 1px, extend it to have 1px height.\n   * This setting is useful when some of the area values are zeros or very small so visually they become\n   * practically invisible, but you want to show that the data behind them exists and they're not just empty segments.\n   * Default: `false` */\n  minHeight1Px?: boolean;\n}\n\nexport class AreaConfig<Datum> extends XYComponentConfig<Datum> implements AreaConfigInterface<Datum> {\n  curveType = CurveType.MonotoneX\n  baseline = (): number => 0\n  opacity = 1\n  cursor = null\n  minHeight1Px = false\n}\n"],"names":[],"mappings":";;;AAsBM,MAAO,UAAkB,SAAQ,iBAAwB,CAAA;AAA/D,IAAA,WAAA,GAAA;;AACE,QAAA,IAAA,CAAA,SAAS,GAAG,SAAS,CAAC,SAAS,CAAA;AAC/B,QAAA,IAAA,CAAA,QAAQ,GAAG,MAAc,CAAC,CAAA;QAC1B,IAAO,CAAA,OAAA,GAAG,CAAC,CAAA;QACX,IAAM,CAAA,MAAA,GAAG,IAAI,CAAA;QACb,IAAY,CAAA,YAAA,GAAG,KAAK,CAAA;KACrB;AAAA;;;;"}

package/components/area/index.d.ts

@@ -0,0 +1,19 @@
+import { Area as AreaInterface } from 'd3-shape';
+import { XYComponentCore } from "../../core/xy-component";
+import { AreaDatum } from './types';
+import { AreaConfig, AreaConfigInterface } from './config';
+import * as s from './style';
+export declare class Area<Datum> extends XYComponentCore<Datum> {
+    static selectors: typeof s;
+    stacked: boolean;
+    config: AreaConfig<Datum>;
+    areaGen: AreaInterface<AreaDatum>;
+    private _prevNegative;
+    events: {
+        [x: string]: {};
+    };
+    constructor(config?: AreaConfigInterface<Datum>);
+    _render(customDuration?: number): void;
+    getYDataExtent(scaleByVisibleData: boolean): number[];
+    _emptyPath(): string;
+}

package/components/area/index.js

@@ -0,0 +1,103 @@
+import { select } from 'd3-selection';
+import { area } from 'd3-shape';
+import { interpolatePath } from 'd3-interpolate-path';
+import { XYComponentCore } from '../../core/xy-component/index.js';
+import { isNumber, isArray, getNumber, getStackedData, getString, filterDataByRange, getStackedExtent } from '../../utils/data.js';
+import { smartTransition } from '../../utils/d3.js';
+import { getColor } from '../../utils/color.js';
+import { Curve } from '../../types/curve.js';
+import { AreaConfig } from './config.js';
+import * as style from './style.js';
+import { area as area$1 } from './style.js';
+
+class Area extends XYComponentCore {
+    constructor(config) {
+        super();
+        this.stacked = true;
+        this.config = new AreaConfig();
+        this.events = {
+            [Area.selectors.area]: {},
+        };
+        if (config)
+            this.config.init(config);
+    }
+    _render(customDuration) {
+        super._render(customDuration);
+        const { config, datamodel: { data } } = this;
+        const duration = isNumber(customDuration) ? customDuration : config.duration;
+        const curveGen = Curve[config.curveType];
+        this.areaGen = area()
+            .x(d => d.x)
+            .y0(d => d.y0)
+            .y1(d => {
+            const isSmallerThanPixel = Math.abs(d.y1 - d.y0) < 1;
+            return d.y1 - ((isSmallerThanPixel && config.minHeight1Px) ? 1 : 0);
+        })
+            // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+            // @ts-ignore
+            .curve(curveGen);
+        const yAccessors = (isArray(config.y) ? config.y : [config.y]);
+        const areaDataX = data.map((d, i) => this.xScale(getNumber(d, config.x, i)));
+        const stacked = getStackedData(data, config.baseline, yAccessors, this._prevNegative);
+        this._prevNegative = stacked.map(s => !!s.negative);
+        const stackedData = stacked.map(arr => arr.map((d, j) => ({
+            y0: this.yScale(d[0]),
+            y1: this.yScale(d[1]),
+            x: areaDataX[j],
+        })));
+        // We reverse the data in order to have the first areas to be displayed on top
+        //   for better visibility when they're close to zero
+        const areaMaxIdx = stackedData.length - 1;
+        const stackedDataReversed = stackedData.reverse();
+        const areas = this.g
+            .selectAll(`.${area$1}`)
+            .data(stackedDataReversed);
+        const areasEnter = areas.enter().append('path')
+            .attr('class', area$1)
+            .attr('d', d => this.areaGen(d) || this._emptyPath())
+            .style('opacity', 0)
+            .style('fill', (d, i) => getColor(data, config.color, areaMaxIdx - i));
+        const areasMerged = smartTransition(areasEnter.merge(areas), duration)
+            .style('opacity', (d, i) => {
+            const isDefined = d.some(p => (p.y0 - p.y1) !== 0);
+            return isDefined ? getNumber(d, config.opacity, areaMaxIdx - i) : 0;
+        })
+            .style('fill', (d, i) => getColor(data, config.color, areaMaxIdx - i))
+            .style('stroke', (d, i) => getColor(data, config.color, areaMaxIdx - i))
+            .style('cursor', (d, i) => getString(data, config.cursor, areaMaxIdx - i));
+        if (duration) {
+            const transition = areasMerged;
+            transition.attrTween('d', (d, i, el) => {
+                const previous = select(el[i]).attr('d');
+                const next = this.areaGen(d) || this._emptyPath();
+                return interpolatePath(previous, next);
+            });
+        }
+        else {
+            areasMerged.attr('d', d => this.areaGen(d) || this._emptyPath());
+        }
+        smartTransition(areas.exit(), duration)
+            .style('opacity', 0)
+            .remove();
+    }
+    getYDataExtent(scaleByVisibleData) {
+        const { config, datamodel } = this;
+        const yAccessors = (isArray(config.y) ? config.y : [config.y]);
+        const data = scaleByVisibleData ? filterDataByRange(datamodel.data, this.xScale.domain(), config.x) : datamodel.data;
+        return getStackedExtent(data, config.baseline, ...yAccessors);
+    }
+    _emptyPath() {
+        const xRange = this.xScale.range();
+        const yDomain = this.yScale.domain();
+        const y0 = this.yScale((yDomain[0] + yDomain[1]) / 2);
+        const y1 = y0;
+        return this.areaGen([
+            { y0, y1, x: xRange[0] },
+            { y0, y1, x: xRange[1] },
+        ]);
+    }
+}
+Area.selectors = style;
+
+export { Area };
+//# sourceMappingURL=index.js.map

package/components/area/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../src/components/area/index.ts"],"sourcesContent":["import { select } from 'd3-selection'\nimport { Transition } from 'd3-transition'\nimport { area, Area as AreaInterface } from 'd3-shape'\nimport { interpolatePath } from 'd3-interpolate-path'\n\n// Core\nimport { XYComponentCore } from 'core/xy-component'\n\n// Utils\nimport { getNumber, getString, isArray, isNumber, getStackedExtent, getStackedData, filterDataByRange } from 'utils/data'\nimport { smartTransition } from 'utils/d3'\nimport { getColor } from 'utils/color'\n\n// Types\nimport { Curve } from 'types/curve'\nimport { NumericAccessor } from 'types/accessor'\n\n// Local Types\nimport { AreaDatum } from './types'\n\n// Config\nimport { AreaConfig, AreaConfigInterface } from './config'\n\n// Styles\nimport * as s from './style'\n\nexport class Area<Datum> extends XYComponentCore<Datum> {\n  static selectors = s\n  stacked = true\n  config: AreaConfig<Datum> = new AreaConfig()\n  areaGen: AreaInterface<AreaDatum>\n  private _prevNegative: boolean[] | undefined // To help guessing the stack direction when an accessor was set to null or 0\n\n  events = {\n    [Area.selectors.area]: {},\n  }\n\n  constructor (config?: AreaConfigInterface<Datum>) {\n    super()\n    if (config) this.config.init(config)\n  }\n\n  _render (customDuration?: number): void {\n    super._render(customDuration)\n    const { config, datamodel: { data } } = this\n    const duration = isNumber(customDuration) ? customDuration : config.duration\n\n    const curveGen = Curve[config.curveType]\n    this.areaGen = area<AreaDatum>()\n      .x(d => d.x)\n      .y0(d => d.y0)\n      .y1(d => {\n        const isSmallerThanPixel = Math.abs(d.y1 - d.y0) < 1\n        return d.y1 - ((isSmallerThanPixel && config.minHeight1Px) ? 1 : 0)\n      })\n      // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n      // @ts-ignore\n      .curve(curveGen)\n\n    const yAccessors = (isArray(config.y) ? config.y : [config.y]) as NumericAccessor<Datum>[]\n    const areaDataX = data.map((d, i) => this.xScale(getNumber(d, config.x, i)))\n\n    const stacked = getStackedData(data, config.baseline, yAccessors, this._prevNegative)\n    this._prevNegative = stacked.map(s => !!s.negative)\n    const stackedData: AreaDatum[][] = stacked.map(\n      arr => arr.map(\n        (d, j) => ({\n          y0: this.yScale(d[0]),\n          y1: this.yScale(d[1]),\n          x: areaDataX[j],\n        })\n      )\n    )\n\n    // We reverse the data in order to have the first areas to be displayed on top\n    //   for better visibility when they're close to zero\n    const areaMaxIdx = stackedData.length - 1\n    const stackedDataReversed = stackedData.reverse()\n    const areas = this.g\n      .selectAll<SVGPathElement, AreaDatum>(`.${s.area}`)\n      .data(stackedDataReversed)\n\n    const areasEnter = areas.enter().append('path')\n      .attr('class', s.area)\n      .attr('d', d => this.areaGen(d) || this._emptyPath())\n      .style('opacity', 0)\n      .style('fill', (d, i) => getColor(data, config.color, areaMaxIdx - i))\n\n    const areasMerged = smartTransition(areasEnter.merge(areas), duration)\n      .style('opacity', (d, i) => {\n        const isDefined = d.some(p => (p.y0 - p.y1) !== 0)\n        return isDefined ? getNumber(d, config.opacity, areaMaxIdx - i) : 0\n      })\n      .style('fill', (d, i) => getColor(data, config.color, areaMaxIdx - i))\n      .style('stroke', (d, i) => getColor(data, config.color, areaMaxIdx - i))\n      .style('cursor', (d, i) => getString(data, config.cursor, areaMaxIdx - i))\n\n    if (duration) {\n      const transition = areasMerged as Transition<SVGPathElement, AreaDatum[], SVGGElement, AreaDatum[]>\n      transition.attrTween('d', (d, i, el) => {\n        const previous = select(el[i]).attr('d')\n        const next = this.areaGen(d) || this._emptyPath()\n        return interpolatePath(previous, next)\n      })\n    } else {\n      areasMerged.attr('d', d => this.areaGen(d) || this._emptyPath())\n    }\n\n    smartTransition(areas.exit(), duration)\n      .style('opacity', 0)\n      .remove()\n  }\n\n  getYDataExtent (scaleByVisibleData: boolean): number[] {\n    const { config, datamodel } = this\n    const yAccessors = (isArray(config.y) ? config.y : [config.y]) as NumericAccessor<Datum>[]\n\n    const data = scaleByVisibleData ? filterDataByRange(datamodel.data, this.xScale.domain() as [number, number], config.x) : datamodel.data\n    return getStackedExtent(data, config.baseline, ...yAccessors)\n  }\n\n  _emptyPath (): string {\n    const xRange = this.xScale.range()\n    const yDomain = this.yScale.domain() as number[]\n\n    const y0 = this.yScale((yDomain[0] + yDomain[1]) / 2)\n    const y1 = y0\n\n    return this.areaGen([\n      { y0, y1, x: xRange[0] },\n      { y0, y1, x: xRange[1] },\n    ])\n  }\n}\n"],"names":["s.area","s"],"mappings":"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"}

package/components/area/style.d.ts

@@ -0,0 +1,3 @@
+export declare const globalStyles: void;
+export declare const root: string;
+export declare const area: string;

package/components/area/style.js

@@ -0,0 +1,32 @@
+import { injectGlobal, css } from '@emotion/css';
+
+const globalStyles = injectGlobal `
+  :root {
+    --vis-area-cursor: default;
+    --vis-area-fill-opacity: 1;
+    --vis-area-stroke-width: 0px;
+    --vis-area-stroke-dasharray: none;
+    --vis-area-stroke-opacity: 1;
+    --vis-area-hover-fill-opacity: var(--vis-area-fill-opacity);
+    --vis-area-hover-stroke-width: var(--vis-area-stroke-width);
+  }
+`;
+const root = css `
+  label: area-component;
+`;
+const area = css `
+  label: area;
+  cursor: var(--vis-area-cursor);
+  fill-opacity: var(--vis-area-fill-opacity);
+  stroke-width: var(--vis-area-stroke-width);
+  stroke-dasharray: var(--vis-area-stroke-dasharray);
+  stroke-opacity: var(--vis-area-stroke-opacity);
+
+  &:hover {
+    fill-opacity: var(--vis-area-hover-fill-opacity);
+    stroke-width: var(--vis-area-hover-stroke-width);
+  }
+`;
+
+export { area, globalStyles, root };
+//# sourceMappingURL=style.js.map

package/components/area/style.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"style.js","sources":["../../../src/components/area/style.ts"],"sourcesContent":["import { css, injectGlobal } from '@emotion/css'\n\nexport const globalStyles = injectGlobal`\n  :root {\n    --vis-area-cursor: default;\n    --vis-area-fill-opacity: 1;\n    --vis-area-stroke-width: 0px;\n    --vis-area-stroke-dasharray: none;\n    --vis-area-stroke-opacity: 1;\n    --vis-area-hover-fill-opacity: var(--vis-area-fill-opacity);\n    --vis-area-hover-stroke-width: var(--vis-area-stroke-width);\n  }\n`\n\nexport const root = css`\n  label: area-component;\n`\n\nexport const area = css`\n  label: area;\n  cursor: var(--vis-area-cursor);\n  fill-opacity: var(--vis-area-fill-opacity);\n  stroke-width: var(--vis-area-stroke-width);\n  stroke-dasharray: var(--vis-area-stroke-dasharray);\n  stroke-opacity: var(--vis-area-stroke-opacity);\n\n  &:hover {\n    fill-opacity: var(--vis-area-hover-fill-opacity);\n    stroke-width: var(--vis-area-hover-stroke-width);\n  }\n`\n"],"names":[],"mappings":";;AAEO,MAAM,YAAY,GAAG,YAAY,CAAA,CAAA;;;;;;;;;;EAUvC;AAEM,MAAM,IAAI,GAAG,GAAG,CAAA,CAAA;;EAEtB;AAEM,MAAM,IAAI,GAAG,GAAG,CAAA,CAAA;;;;;;;;;;;;;;;;"}

package/components/area/types.d.ts

@@ -0,0 +1,6 @@
+/** Data type for Area Generator: [y0, y1, x] */
+export declare type AreaDatum = {
+    y0: number;
+    y1: number;
+    x: number;
+};

package/components/axis/config.d.ts

@@ -0,0 +1,74 @@
+import { XYComponentConfigInterface, XYComponentConfig } from "../../core/xy-component/config";
+import { AxisType } from "./types";
+import { Position } from "../../types/position";
+import { FitMode, TrimMode, TextAlign } from "../../types/text";
+export interface AxisConfigInterface<Datum> extends Partial<XYComponentConfigInterface<Datum>> {
+    /** Axis position: `Position.Top`, `Position.Bottom`, `Position.Right` or `Position.Left`. Default: `undefined` */
+    position?: Position | string;
+    /** Axis type: `AxisType.X` or `AxisType.Y` */
+    type?: AxisType | string;
+    /** Extend the axis domain line to be full width or full height. Default: `true` */
+    fullSize?: boolean;
+    /** Axis label. Default: `undefined` */
+    label?: string;
+    /** Font size of the axis label as CSS string. Default: `null` */
+    labelFontSize?: string | null;
+    /** Distance between the axis and the label in pixels. Default: `8` */
+    labelMargin?: number;
+    /** Sets whether to draw the grid lines or not. Default: `true` */
+    gridLine?: boolean;
+    /** Sets whether to draw the tick lines or not. Default: `true` */
+    tickLine?: boolean;
+    /** Sets whether to draw the domain line or not. Default: `true` */
+    domainLine?: boolean;
+    /** Draw the min and max axis ticks only. Default: `false` */
+    minMaxTicksOnly?: boolean;
+    /** Tick label formatter function. Default: `undefined` */
+    tickFormat?: (tick: number | Date, i: number, ticks: (number | Date)[]) => string;
+    /** Explicitly set tick values. Default: `undefined` */
+    tickValues?: number[];
+    /** Set the approximate number of axis ticks (will be passed to D3's axis constructor). Default: `undefined` */
+    numTicks?: number;
+    /** Tick text fit mode: `FitMode.Wrap` or `FitMode.Trim`. Default: `FitMode.Wrap`. */
+    tickTextFitMode?: FitMode | string;
+    /** Maximum number of characters for tick text wrapping. Default: `undefined` */
+    tickTextLength?: number;
+    /** Maximum width in pixels for the tick text to be wrapped or trimmed. Default: `undefined` */
+    tickTextWidth?: number;
+    /** Tick text wrapping separator. String or array of strings. Default: `' '` */
+    tickTextSeparator?: string | string[];
+    /** Force word break for ticks when they don't fit. Default: `false` */
+    tickTextForceWordBreak?: boolean;
+    /** Tick text trim mode: `TrimMode.Start`, `TrimMode.Middle` or `TrimMode.End`. Default: `TrimMode.Middle` */
+    tickTextTrimType?: TrimMode | string;
+    /** Font size of the tick text as CSS string. Default: `null` */
+    tickTextFontSize?: string | null;
+    /** Text alignment for ticks: `TextAlign.Left`, `TextAlign.Center` or `TextAlign.Right`. Default: `undefined` */
+    tickTextAlign?: TextAlign;
+    /** The spacing in pixels between the tick and it's label. Default: `8` */
+    tickPadding?: number;
+}
+export declare class AxisConfig<Datum> extends XYComponentConfig<Datum> implements AxisConfigInterface<Datum> {
+    position: any;
+    type: any;
+    label: any;
+    labelFontSize: any;
+    gridLine: boolean;
+    tickLine: boolean;
+    domainLine: boolean;
+    numTicks: any;
+    minMaxTicksOnly: boolean;
+    tickTextLength: any;
+    tickTextWidth: any;
+    tickTextSeparator: string;
+    tickTextForceWordBreak: boolean;
+    tickTextTrimType: TrimMode;
+    tickTextFitMode: FitMode;
+    tickTextFontSize: any;
+    tickTextAlign: any;
+    labelMargin: number;
+    tickFormat: any;
+    tickValues: any;
+    fullSize: boolean;
+    tickPadding: number;
+}

package/components/axis/config.js

@@ -0,0 +1,33 @@
+import { XYComponentConfig } from '../../core/xy-component/config.js';
+import { TrimMode, FitMode } from '../../types/text.js';
+
+class AxisConfig extends XYComponentConfig {
+    constructor() {
+        super(...arguments);
+        this.position = undefined;
+        this.type = undefined;
+        this.label = undefined;
+        this.labelFontSize = null;
+        this.gridLine = true;
+        this.tickLine = true;
+        this.domainLine = true;
+        this.numTicks = undefined;
+        this.minMaxTicksOnly = false;
+        this.tickTextLength = undefined;
+        this.tickTextWidth = undefined;
+        this.tickTextSeparator = ' ';
+        this.tickTextForceWordBreak = false;
+        this.tickTextTrimType = TrimMode.Middle;
+        this.tickTextFitMode = FitMode.Wrap;
+        this.tickTextFontSize = null;
+        this.tickTextAlign = undefined;
+        this.labelMargin = 8;
+        this.tickFormat = undefined;
+        this.tickValues = undefined;
+        this.fullSize = true;
+        this.tickPadding = 8;
+    }
+}
+
+export { AxisConfig };
+//# sourceMappingURL=config.js.map

package/components/axis/config.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"config.js","sources":["../../../src/components/axis/config.ts"],"sourcesContent":["import { XYComponentConfigInterface, XYComponentConfig } from 'core/xy-component/config'\n\n// Types\nimport { AxisType } from 'components/axis/types'\nimport { Position } from 'types/position'\nimport { FitMode, TrimMode, TextAlign } from 'types/text'\n\n// We extend partial XY config interface because x and y properties are optional for Axis\nexport interface AxisConfigInterface<Datum> extends Partial<XYComponentConfigInterface<Datum>> {\n  /** Axis position: `Position.Top`, `Position.Bottom`, `Position.Right` or `Position.Left`. Default: `undefined` */\n  position?: Position | string;\n  /** Axis type: `AxisType.X` or `AxisType.Y` */\n  type?: AxisType | string;\n  /** Extend the axis domain line to be full width or full height. Default: `true` */\n  fullSize?: boolean;\n  /** Axis label. Default: `undefined` */\n  label?: string;\n  /** Font size of the axis label as CSS string. Default: `null` */\n  labelFontSize?: string | null;\n  /** Distance between the axis and the label in pixels. Default: `8` */\n  labelMargin?: number;\n  /** Sets whether to draw the grid lines or not. Default: `true` */\n  gridLine?: boolean;\n  /** Sets whether to draw the tick lines or not. Default: `true` */\n  tickLine?: boolean;\n  /** Sets whether to draw the domain line or not. Default: `true` */\n  domainLine?: boolean;\n  /** Draw the min and max axis ticks only. Default: `false` */\n  minMaxTicksOnly?: boolean;\n  /** Tick label formatter function. Default: `undefined` */\n  tickFormat?: (tick: number | Date, i: number, ticks: (number | Date)[]) => string;\n  /** Explicitly set tick values. Default: `undefined` */\n  tickValues?: number[];\n  /** Set the approximate number of axis ticks (will be passed to D3's axis constructor). Default: `undefined` */\n  numTicks?: number;\n  /** Tick text fit mode: `FitMode.Wrap` or `FitMode.Trim`. Default: `FitMode.Wrap`. */\n  tickTextFitMode?: FitMode | string;\n  /** Maximum number of characters for tick text wrapping. Default: `undefined` */\n  tickTextLength?: number;\n  /** Maximum width in pixels for the tick text to be wrapped or trimmed. Default: `undefined` */\n  tickTextWidth?: number;\n  /** Tick text wrapping separator. String or array of strings. Default: `' '` */\n  tickTextSeparator?: string | string[];\n  /** Force word break for ticks when they don't fit. Default: `false` */\n  tickTextForceWordBreak?: boolean;\n  /** Tick text trim mode: `TrimMode.Start`, `TrimMode.Middle` or `TrimMode.End`. Default: `TrimMode.Middle` */\n  tickTextTrimType?: TrimMode | string;\n  /** Font size of the tick text as CSS string. Default: `null` */\n  tickTextFontSize?: string | null;\n  /** Text alignment for ticks: `TextAlign.Left`, `TextAlign.Center` or `TextAlign.Right`. Default: `undefined` */\n  tickTextAlign?: TextAlign;\n  /** The spacing in pixels between the tick and it's label. Default: `8` */\n  tickPadding?: number;\n}\n\nexport class AxisConfig<Datum> extends XYComponentConfig<Datum> implements AxisConfigInterface<Datum> {\n  position = undefined\n  type = undefined\n  label = undefined\n  labelFontSize = null\n  gridLine = true\n  tickLine = true\n  domainLine = true\n  numTicks = undefined;\n  minMaxTicksOnly = false\n  tickTextLength = undefined\n  tickTextWidth = undefined\n  tickTextSeparator = ' '\n  tickTextForceWordBreak = false\n  tickTextTrimType = TrimMode.Middle\n  tickTextFitMode = FitMode.Wrap\n  tickTextFontSize = null\n  tickTextAlign = undefined\n  labelMargin = 8\n  tickFormat = undefined\n  tickValues = undefined\n  fullSize = true\n  tickPadding = 8\n}\n"],"names":[],"mappings":";;;AAuDM,MAAO,UAAkB,SAAQ,iBAAwB,CAAA;AAA/D,IAAA,WAAA,GAAA;;QACE,IAAQ,CAAA,QAAA,GAAG,SAAS,CAAA;QACpB,IAAI,CAAA,IAAA,GAAG,SAAS,CAAA;QAChB,IAAK,CAAA,KAAA,GAAG,SAAS,CAAA;QACjB,IAAa,CAAA,aAAA,GAAG,IAAI,CAAA;QACpB,IAAQ,CAAA,QAAA,GAAG,IAAI,CAAA;QACf,IAAQ,CAAA,QAAA,GAAG,IAAI,CAAA;QACf,IAAU,CAAA,UAAA,GAAG,IAAI,CAAA;QACjB,IAAQ,CAAA,QAAA,GAAG,SAAS,CAAC;QACrB,IAAe,CAAA,eAAA,GAAG,KAAK,CAAA;QACvB,IAAc,CAAA,cAAA,GAAG,SAAS,CAAA;QAC1B,IAAa,CAAA,aAAA,GAAG,SAAS,CAAA;QACzB,IAAiB,CAAA,iBAAA,GAAG,GAAG,CAAA;QACvB,IAAsB,CAAA,sBAAA,GAAG,KAAK,CAAA;AAC9B,QAAA,IAAA,CAAA,gBAAgB,GAAG,QAAQ,CAAC,MAAM,CAAA;AAClC,QAAA,IAAA,CAAA,eAAe,GAAG,OAAO,CAAC,IAAI,CAAA;QAC9B,IAAgB,CAAA,gBAAA,GAAG,IAAI,CAAA;QACvB,IAAa,CAAA,aAAA,GAAG,SAAS,CAAA;QACzB,IAAW,CAAA,WAAA,GAAG,CAAC,CAAA;QACf,IAAU,CAAA,UAAA,GAAG,SAAS,CAAA;QACtB,IAAU,CAAA,UAAA,GAAG,SAAS,CAAA;QACtB,IAAQ,CAAA,QAAA,GAAG,IAAI,CAAA;QACf,IAAW,CAAA,WAAA,GAAG,CAAC,CAAA;KAChB;AAAA;;;;"}

package/components/axis/index.d.ts

@@ -0,0 +1,51 @@
+import { Selection } from 'd3-selection';
+import { Axis as D3Axis } from 'd3-axis';
+import { XYComponentCore } from "../../core/xy-component";
+import { Position } from "../../types/position";
+import { Spacing } from "../../types/spacing";
+import { TextAlign } from "../../types/text";
+import { AxisConfig, AxisConfigInterface } from './config';
+import * as s from './style';
+export declare class Axis<Datum> extends XYComponentCore<Datum> {
+    static selectors: typeof s;
+    config: AxisConfig<Datum>;
+    axisGroup: Selection<SVGGElement, unknown, SVGGElement, unknown>;
+    gridGroup: Selection<SVGGElement, unknown, SVGGElement, unknown>;
+    private _axisRawBBox;
+    private _axisSizeBBox;
+    private _requiredMargin;
+    private _defaultNumTicks;
+    private _minMaxTicksOnlyEnforceWidth;
+    events: {
+        [x: string]: {
+            mouseover: (d: any, event: MouseEvent) => void;
+            mouseout: (d: any, event: MouseEvent) => void;
+        };
+    };
+    constructor(config?: AxisConfigInterface<Datum>);
+    /** Renders axis to an invisible grouped to calculate automatic chart margins */
+    preRender(): void;
+    getPosition(): Position;
+    _getAxisSize(selection: Selection<SVGGElement, unknown, SVGGElement, undefined>): SVGRect;
+    _getRequiredMargin(axisSize?: DOMRect): Spacing;
+    getRequiredMargin(): Spacing;
+    /** Calculates axis transform:translate offset based on passed container margins */
+    getOffset(containerMargin: Spacing): {
+        left: number;
+        top: number;
+    };
+    _render(duration?: number, selection?: Selection<SVGGElement, unknown, SVGGElement, unknown>): void;
+    _buildAxis(): D3Axis<any>;
+    _buildGrid(): D3Axis<any>;
+    _renderAxis(selection?: Selection<SVGGElement, unknown, SVGGElement, unknown>, duration?: number): void;
+    _getNumTicks(): number;
+    _getConfiguredTickValues(): number[] | null;
+    _getFullDomainPath(tickSize?: number): string;
+    _renderAxisLabel(selection?: Selection<SVGGElement, unknown, SVGGElement, unknown>): void;
+    _getLabelDY(): number;
+    _alignTickLabels(): void;
+    _getTickTextAnchor(textAlign: TextAlign): string;
+    _getYTickTextTranslate(textAlign: TextAlign, axisPosition?: Position): number;
+    _onTickMouseOver(d: any, event: MouseEvent): void;
+    _onTickMouseOut(d: any, event: MouseEvent): void;
+}