@unovis/angular 1.0.0-alpha.4

package/dist/lib/components/sankey/sankey.component.d.ts

@@ -0,0 +1,164 @@
+import { AfterViewInit, SimpleChanges } from '@angular/core';
+import { Sankey, SankeyConfigInterface, ContainerCore, SankeyInputNode, SankeyInputLink, VisEventType, VisEventCallback, SankeyExitTransitionType, SankeyEnterTransitionType, SankeyNodeAlign, StringAccessor, SankeyNode, ColorAccessor, NumericAccessor, SankeyLink, GenericAccessor, Position, VerticalAlign, FitMode, TrimMode, SankeySubLabelPlacement } from '@unovis/ts';
+import * as i0 from "@angular/core";
+export declare class VisSankeyComponent<N extends SankeyInputNode, L extends SankeyInputLink> implements SankeyConfigInterface<N, L>, AfterViewInit {
+    /** Animation duration of the data update transitions in milliseconds. Default: `600` */
+    duration?: number;
+    /** Events configuration. An object containing properties in the following format:
+     *
+     * ```
+     * {
+     * \[selectorString]: {
+     *     \[eventType]: callbackFunction
+     *  }
+     * }
+     * ```
+     * e.g.:
+     * ```
+     * {
+     * \[Area.selectors.area]: {
+     *    click: (d) => console.log("Clicked Area", d)
+     *  }
+     * }
+     * ``` */
+    events?: {
+        [selector: string]: {
+            [eventType in VisEventType]?: VisEventCallback;
+        };
+    };
+    /** You can set every SVG and HTML visualization object to have a custom DOM attributes, which is useful
+     * when you want to do unit or end-to-end testing. Attributes configuration object has the following structure:
+     *
+     * ```
+     * {
+     * \[selectorString]: {
+     *     \[attributeName]: attribute constant value or accessor function
+     *  }
+     * }
+     * ```
+     * e.g.:
+     * ```
+     * {
+     * \[Area.selectors.area]: {
+     *    "test-value": d => d.value
+     *  }
+     * }
+     * ``` */
+    attributes?: {
+        [selector: string]: {
+            [attr: string]: string | number | boolean | ((datum: any) => string | number | boolean);
+        };
+    };
+    /** Node / Link id accessor function. Used for mapping of data updates to corresponding SVG objects. Default: `(d, i) => d.id ?? i.toString()` */
+    id?: (d: SankeyInputNode | SankeyInputLink, i?: number, ...rest: any[]) => string;
+    /** Coefficient to scale the height of the diagram when the amount of links is low: `C * links.length`, clamped to `[height / 2, height]`. Default: `1/16` */
+    heightNormalizationCoeff?: number;
+    /** Type of animation on removing nodes. Default: `ExitTransitionType.Default` */
+    exitTransitionType?: SankeyExitTransitionType;
+    /** Type of animation on creating nodes. Default: `EnterTransitionType.Default` */
+    enterTransitionType?: SankeyEnterTransitionType;
+    /** Highlight the corresponding subtree on node / link hover. Default: `false` */
+    highlightSubtreeOnHover?: boolean;
+    /** Highlight animation duration, ms. Default: `400` */
+    highlightDuration?: number;
+    /** Highlight delay, ms. Default: `1000` */
+    highlightDelay?: number;
+    /** Sankey algorithm iterations. Default: `32` */
+    iterations?: number;
+    /** Sankey node sorting function. Default: `undefined`.
+     * Node sorting is applied to nodes in one layer (column). Layer by layer.
+     * Options: `undefined` - the order is determined by the layout;
+     *          `null` - the order is fixed by the input;
+     *          sort function - the order is determined by the function. */
+    nodeSort?: ((node1: N, node2: N) => number) | null | undefined;
+    /** Sankey link sorting function. Default: `(link2, link1) => link1.value - link2.value`.
+     * Link sorting is applied to the source (exiting) links within one node.
+     * Options: `undefined` - the order is determined by the layout;
+     *          `null` - the order is fixed by the input;
+     *          sort function - the order is determined by the function. */
+    linkSort?: ((link1: L, link2: L) => number) | null | undefined;
+    /** Sankey node width in pixels */
+    nodeWidth?: number;
+    /** Sankey node alignment method */
+    nodeAlign?: SankeyNodeAlign;
+    /** Horizontal space between the nodes. Extended Sizing property only. Default: `150` */
+    nodeHorizontalSpacing?: number;
+    /** Minimum node height. Extended Sizing property only. Default: `20` */
+    nodeMinHeight?: number;
+    /** Maximum node height. Extended Sizing property only. Default: `100` */
+    nodeMaxHeight?: number;
+    /** Sankey vertical separation between nodes in pixels. Default: `2` */
+    nodePadding?: number;
+    /** Display the graph when data has just one element */
+    showSingleNode?: boolean;
+    /** Node cursor on hover. Default: `undefined` */
+    nodeCursor?: StringAccessor<SankeyNode<N, L>>;
+    /** Node icon accessor function or value. Default: `undefined` */
+    nodeIcon?: StringAccessor<SankeyNode<N, L>>;
+    /** Node color accessor function or value. Default: `undefined` */
+    nodeColor?: ColorAccessor<SankeyNode<N, L>>;
+    /** Node `fixedValue` accessor function or constant. It defines the node value that will be used to calculate
+     * the height of the nodes by d3-sankey (by default the height will be based on aggregated `linkValue`).
+     * Default: `n => n.fixedValue` */
+    nodeFixedValue?: NumericAccessor<N>;
+    /** Icon color accessor function or value. Default: `undefined` */
+    nodeIconColor?: ColorAccessor<SankeyNode<N, L>>;
+    /** Link color accessor function or value. Default: `l => l.color` */
+    linkColor?: StringAccessor<SankeyLink<N, L>>;
+    /** Link flow accessor function or value. Default: `l => l.value` */
+    linkValue?: NumericAccessor<L>;
+    /** Link cursor on hover. Default: `undefined` */
+    linkCursor?: StringAccessor<SankeyLink<N, L>>;
+    /** Node label accessor function or value. Default: `n => n.label` */
+    label?: StringAccessor<SankeyNode<N, L>>;
+    /** Node sub-label accessor function or value. Default: `undefined` */
+    subLabel?: StringAccessor<SankeyNode<N, L>>;
+    /** Label position relative to the Node. Default: `Position.AUTO` */
+    labelPosition?: GenericAccessor<Position.Auto | Position.Left | Position.Right | string, SankeyNode<N, L>>;
+    /** Label vertical alignment */
+    labelVerticalAlign?: VerticalAlign | string;
+    /** Label background */
+    labelBackground?: boolean;
+    /** Label fit mode (wrap or trim). Default: `FitMode.TRIM` * */
+    labelFit?: FitMode;
+    /** Maximum label with in pixels. Default: `70` */
+    labelMaxWidth?: number;
+    /** Expand trimmed label on hover. Default: `true` */
+    labelExpandTrimmedOnHover?: boolean;
+    /** Label trimming mode. Default: `TrimMode.MIDDLE` */
+    labelTrimMode?: TrimMode;
+    /** Label font size in pixel. Default: `12` */
+    labelFontSize?: number;
+    /** Label text separators for wrapping. Default: `[' ', '-']` */
+    labelTextSeparator?: string[];
+    /** Force break words to fit long labels. Default: `true` */
+    labelForceWordBreak?: boolean;
+    /** Label color. Default: `undefined` */
+    labelColor?: ColorAccessor<SankeyNode<N, L>>;
+    /** Label cursor on hover. Default: `undefined` */
+    labelCursor?: StringAccessor<SankeyNode<N, L>>;
+    /** Custom function to set the label visibility. Default: `undefined` */
+    labelVisibility?: ((d: SankeyNode<N, L>, bbox: {
+        x: number;
+        y: number;
+        width: number;
+        height: number;
+    }, hovered: boolean) => boolean) | undefined;
+    /** Sub-label font size in pixel. Default: `10` */
+    subLabelFontSize?: number;
+    /** Sub-label color. Default: `undefined` */
+    subLabelColor?: ColorAccessor<SankeyNode<N, L>>;
+    /** Sub-label position. Default: `SankeySubLabelPlacement.Below` */
+    subLabelPlacement?: SankeySubLabelPlacement | string;
+    /** Sub-label to label width ratio when `subLabelPlacement` is set to `SankeySubLabelPlacement.Inline`
+     * Default: `0.4`, which means that 40% of `labelMaxWidth` will be given to sub-label, and 60% to the main label. */
+    subLabelToLabelInlineWidthRatio?: number;
+    data: any;
+    component: Sankey<N, L> | undefined;
+    componentContainer: ContainerCore | undefined;
+    ngAfterViewInit(): void;
+    ngOnChanges(changes: SimpleChanges): void;
+    private getConfig;
+    static ɵfac: i0.ɵɵFactoryDeclaration<VisSankeyComponent<any, any>, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<VisSankeyComponent<any, any>, "vis-sankey", never, { "duration": "duration"; "events": "events"; "attributes": "attributes"; "id": "id"; "heightNormalizationCoeff": "heightNormalizationCoeff"; "exitTransitionType": "exitTransitionType"; "enterTransitionType": "enterTransitionType"; "highlightSubtreeOnHover": "highlightSubtreeOnHover"; "highlightDuration": "highlightDuration"; "highlightDelay": "highlightDelay"; "iterations": "iterations"; "nodeSort": "nodeSort"; "linkSort": "linkSort"; "nodeWidth": "nodeWidth"; "nodeAlign": "nodeAlign"; "nodeHorizontalSpacing": "nodeHorizontalSpacing"; "nodeMinHeight": "nodeMinHeight"; "nodeMaxHeight": "nodeMaxHeight"; "nodePadding": "nodePadding"; "showSingleNode": "showSingleNode"; "nodeCursor": "nodeCursor"; "nodeIcon": "nodeIcon"; "nodeColor": "nodeColor"; "nodeFixedValue": "nodeFixedValue"; "nodeIconColor": "nodeIconColor"; "linkColor": "linkColor"; "linkValue": "linkValue"; "linkCursor": "linkCursor"; "label": "label"; "subLabel": "subLabel"; "labelPosition": "labelPosition"; "labelVerticalAlign": "labelVerticalAlign"; "labelBackground": "labelBackground"; "labelFit": "labelFit"; "labelMaxWidth": "labelMaxWidth"; "labelExpandTrimmedOnHover": "labelExpandTrimmedOnHover"; "labelTrimMode": "labelTrimMode"; "labelFontSize": "labelFontSize"; "labelTextSeparator": "labelTextSeparator"; "labelForceWordBreak": "labelForceWordBreak"; "labelColor": "labelColor"; "labelCursor": "labelCursor"; "labelVisibility": "labelVisibility"; "subLabelFontSize": "subLabelFontSize"; "subLabelColor": "subLabelColor"; "subLabelPlacement": "subLabelPlacement"; "subLabelToLabelInlineWidthRatio": "subLabelToLabelInlineWidthRatio"; "data": "data"; }, {}, never, never>;
+}

package/dist/lib/components/sankey/sankey.module.d.ts

@@ -0,0 +1,7 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./sankey.component";
+export declare class VisSankeyModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<VisSankeyModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<VisSankeyModule, [typeof i1.VisSankeyComponent], never, [typeof i1.VisSankeyComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<VisSankeyModule>;
+}

package/dist/lib/components/scatter/scatter.component.d.ts

@@ -0,0 +1,104 @@
+import { AfterViewInit, SimpleChanges } from '@angular/core';
+import { Scatter, ScatterConfigInterface, ContainerCore, VisEventType, VisEventCallback, NumericAccessor, ColorAccessor, ContinuousScale, SymbolType, StringAccessor, GenericAccessor, Position } from '@unovis/ts';
+import * as i0 from "@angular/core";
+export declare class VisScatterComponent<Datum> implements ScatterConfigInterface<Datum>, AfterViewInit {
+    /** Animation duration of the data update transitions in milliseconds. Default: `600` */
+    duration?: number;
+    /** Events configuration. An object containing properties in the following format:
+     *
+     * ```
+     * {
+     * \[selectorString]: {
+     *     \[eventType]: callbackFunction
+     *  }
+     * }
+     * ```
+     * e.g.:
+     * ```
+     * {
+     * \[Area.selectors.area]: {
+     *    click: (d) => console.log("Clicked Area", d)
+     *  }
+     * }
+     * ``` */
+    events?: {
+        [selector: string]: {
+            [eventType in VisEventType]?: VisEventCallback;
+        };
+    };
+    /** You can set every SVG and HTML visualization object to have a custom DOM attributes, which is useful
+     * when you want to do unit or end-to-end testing. Attributes configuration object has the following structure:
+     *
+     * ```
+     * {
+     * \[selectorString]: {
+     *     \[attributeName]: attribute constant value or accessor function
+     *  }
+     * }
+     * ```
+     * e.g.:
+     * ```
+     * {
+     * \[Area.selectors.area]: {
+     *    "test-value": d => d.value
+     *  }
+     * }
+     * ``` */
+    attributes?: {
+        [selector: string]: {
+            [attr: string]: string | number | boolean | ((datum: any) => string | number | boolean);
+        };
+    };
+    /** Accessor function for getting the values along the X axis. Default: `undefined` */
+    x: NumericAccessor<Datum>;
+    /** A single of multiple accessor functions for getting the values along the Y axis. Default: `undefined` */
+    y: NumericAccessor<Datum> | NumericAccessor<Datum>[];
+    /** 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, ...rest: any[]) => string);
+    /** Component color accessor function. Default: `d => d.color` */
+    color?: ColorAccessor<Datum | Datum[]>;
+    /** Scale for X dimension, e.g. Scale.scaleLinear(). If you set xScale you'll be responsible for setting it's `domain` and `range` as well.
+     * Only continuous scales are supported.
+     * Default: `undefined` */
+    xScale?: ContinuousScale;
+    /** Scale for Y dimension, e.g. Scale.scaleLinear(). If you set yScale you'll be responsible for setting it's `domain` and `range` as well.
+     * Only continuous scales are supported.
+     * Default: `undefined` */
+    yScale?: ContinuousScale;
+    /** Identifies whether the component should be excluded from overall X and Y domain calculations or not.
+     * This property can be useful when you want pass individual data to a component and you don't want it to affect
+     * the scales of the chart.
+     * Default: `false` */
+    excludeFromDomainCalculation?: boolean;
+    /** Size of the scatter plot marker (e.g. diameter if `SymbolType.Circle` is used for `shape`) in pixels.
+     * Can be a constant value or an accessor function. But if `sizeRange` is set, then the values will be treated
+     * as an input to `sizeScale`, and the resulting size will be different.
+     * Default: `10` */
+    size?: NumericAccessor<Datum>;
+    /** Size scale to be used if the `sizeRange` was set. Default: `Scale.scaleSqrt()` */
+    sizeScale?: ContinuousScale;
+    /** Size range in the format of `[number, number]` to rescale the input values. Default: `undefined` */
+    sizeRange?: [number, number];
+    /** Shape of the scatter point. Accessor function or constant value: `SymbolType.Circle`, `SymbolType.Cross`, `SymbolType.Diamond`, `SymbolType.Square`,
+     * `SymbolType.Star`, `SymbolType.Triangle` or `SymbolType.Wye`.
+     * Default: `SymbolType.Circle` */
+    shape?: ((d: Datum, i?: number, ...rest: any[]) => (SymbolType | string)) | SymbolType | string;
+    /** Label accessor function or string. Default: `undefined` */
+    label?: StringAccessor<Datum>;
+    /** Label color. Default: `undefined` */
+    labelColor?: ColorAccessor<Datum>;
+    /** Optional point cursor. Default: `null` */
+    cursor?: StringAccessor<Datum>;
+    /** Point color brightness ratio for switching between dark and light text label color. Default: `0.65` */
+    labelTextBrightnessRatio?: number;
+    /** Label position. Default: `Position.Center` */
+    labelPosition?: GenericAccessor<Position | any, Datum>;
+    data: Datum[];
+    component: Scatter<Datum> | undefined;
+    componentContainer: ContainerCore | undefined;
+    ngAfterViewInit(): void;
+    ngOnChanges(changes: SimpleChanges): void;
+    private getConfig;
+    static ɵfac: i0.ɵɵFactoryDeclaration<VisScatterComponent<any>, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<VisScatterComponent<any>, "vis-scatter", never, { "duration": "duration"; "events": "events"; "attributes": "attributes"; "x": "x"; "y": "y"; "id": "id"; "color": "color"; "xScale": "xScale"; "yScale": "yScale"; "excludeFromDomainCalculation": "excludeFromDomainCalculation"; "size": "size"; "sizeScale": "sizeScale"; "sizeRange": "sizeRange"; "shape": "shape"; "label": "label"; "labelColor": "labelColor"; "cursor": "cursor"; "labelTextBrightnessRatio": "labelTextBrightnessRatio"; "labelPosition": "labelPosition"; "data": "data"; }, {}, never, never>;
+}

package/dist/lib/components/scatter/scatter.module.d.ts

@@ -0,0 +1,7 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./scatter.component";
+export declare class VisScatterModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<VisScatterModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<VisScatterModule, [typeof i1.VisScatterComponent], never, [typeof i1.VisScatterComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<VisScatterModule>;
+}

package/dist/lib/components/stacked-bar/stacked-bar.component.d.ts

@@ -0,0 +1,103 @@
+import { AfterViewInit, SimpleChanges } from '@angular/core';
+import { StackedBar, StackedBarConfigInterface, ContainerCore, VisEventType, VisEventCallback, NumericAccessor, ColorAccessor, ContinuousScale, StringAccessor, Orientation } from '@unovis/ts';
+import * as i0 from "@angular/core";
+export declare class VisStackedBarComponent<Datum> implements StackedBarConfigInterface<Datum>, AfterViewInit {
+    /** Animation duration of the data update transitions in milliseconds. Default: `600` */
+    duration?: number;
+    /** Events configuration. An object containing properties in the following format:
+     *
+     * ```
+     * {
+     * \[selectorString]: {
+     *     \[eventType]: callbackFunction
+     *  }
+     * }
+     * ```
+     * e.g.:
+     * ```
+     * {
+     * \[Area.selectors.area]: {
+     *    click: (d) => console.log("Clicked Area", d)
+     *  }
+     * }
+     * ``` */
+    events?: {
+        [selector: string]: {
+            [eventType in VisEventType]?: VisEventCallback;
+        };
+    };
+    /** You can set every SVG and HTML visualization object to have a custom DOM attributes, which is useful
+     * when you want to do unit or end-to-end testing. Attributes configuration object has the following structure:
+     *
+     * ```
+     * {
+     * \[selectorString]: {
+     *     \[attributeName]: attribute constant value or accessor function
+     *  }
+     * }
+     * ```
+     * e.g.:
+     * ```
+     * {
+     * \[Area.selectors.area]: {
+     *    "test-value": d => d.value
+     *  }
+     * }
+     * ``` */
+    attributes?: {
+        [selector: string]: {
+            [attr: string]: string | number | boolean | ((datum: any) => string | number | boolean);
+        };
+    };
+    /** Accessor function for getting the values along the X axis. Default: `undefined` */
+    x: NumericAccessor<Datum>;
+    /** A single of multiple accessor functions for getting the values along the Y axis. Default: `undefined` */
+    y: NumericAccessor<Datum> | NumericAccessor<Datum>[];
+    /** 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, ...rest: any[]) => string);
+    /** Component color accessor function. Default: `d => d.color` */
+    color?: ColorAccessor<Datum | Datum[]>;
+    /** Scale for X dimension, e.g. Scale.scaleLinear(). If you set xScale you'll be responsible for setting it's `domain` and `range` as well.
+     * Only continuous scales are supported.
+     * Default: `undefined` */
+    xScale?: ContinuousScale;
+    /** Scale for Y dimension, e.g. Scale.scaleLinear(). If you set yScale you'll be responsible for setting it's `domain` and `range` as well.
+     * Only continuous scales are supported.
+     * Default: `undefined` */
+    yScale?: ContinuousScale;
+    /** Identifies whether the component should be excluded from overall X and Y domain calculations or not.
+     * This property can be useful when you want pass individual data to a component and you don't want it to affect
+     * the scales of the chart.
+     * Default: `false` */
+    excludeFromDomainCalculation?: boolean;
+    /** Force set bar width in pixels. Default: `undefined` */
+    barWidth?: number;
+    /** Maximum bar width for dynamic sizing. Default: `undefined` */
+    barMaxWidth?: number;
+    /** Expected step between the bars in the X axis units.
+     * Needed to correctly calculate the width of the bars when there are gaps in the data.
+     * Default: `undefined` */
+    dataStep?: number;
+    /** Fractional padding between the bars in the range of [0,1). Default: `0` */
+    barPadding?: number;
+    /** Rounded corners for top bars. Boolean or number (to set the radius in pixels). Default: `2` */
+    roundedCorners?: number | boolean;
+    /** Configurable bar cursor when hovering over. Default: `null` */
+    cursor?: StringAccessor<Datum>;
+    /** Sets the minimum bar height to 1 pixel for better visibility of small values. Default: `false` */
+    barMinHeight1Px?: boolean;
+    /** Base value to test data existence when `barMinHeight1Px` is set to `true`.
+     * Everything equal to barMinHeightZeroValue will not be rendered on the chart.
+     * Default: `null` */
+    barMinHeightZeroValue?: any;
+    /** Chart orientation: `Orientation.Vertical` or `Orientation.Horizontal`. Default `Orientation.Vertical` */
+    orientation?: Orientation;
+    data: Datum[];
+    component: StackedBar<Datum> | undefined;
+    componentContainer: ContainerCore | undefined;
+    ngAfterViewInit(): void;
+    ngOnChanges(changes: SimpleChanges): void;
+    private getConfig;
+    static ɵfac: i0.ɵɵFactoryDeclaration<VisStackedBarComponent<any>, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<VisStackedBarComponent<any>, "vis-stacked-bar", never, { "duration": "duration"; "events": "events"; "attributes": "attributes"; "x": "x"; "y": "y"; "id": "id"; "color": "color"; "xScale": "xScale"; "yScale": "yScale"; "excludeFromDomainCalculation": "excludeFromDomainCalculation"; "barWidth": "barWidth"; "barMaxWidth": "barMaxWidth"; "dataStep": "dataStep"; "barPadding": "barPadding"; "roundedCorners": "roundedCorners"; "cursor": "cursor"; "barMinHeight1Px": "barMinHeight1Px"; "barMinHeightZeroValue": "barMinHeightZeroValue"; "orientation": "orientation"; "data": "data"; }, {}, never, never>;
+}

package/dist/lib/components/stacked-bar/stacked-bar.module.d.ts

@@ -0,0 +1,7 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./stacked-bar.component";
+export declare class VisStackedBarModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<VisStackedBarModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<VisStackedBarModule, [typeof i1.VisStackedBarComponent], never, [typeof i1.VisStackedBarComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<VisStackedBarModule>;
+}

package/dist/lib/components/timeline/timeline.component.d.ts

@@ -0,0 +1,105 @@
+import { AfterViewInit, SimpleChanges } from '@angular/core';
+import { Timeline, TimelineConfigInterface, ContainerCore, VisEventType, VisEventCallback, NumericAccessor, ColorAccessor, ContinuousScale, StringAccessor } from '@unovis/ts';
+import * as i0 from "@angular/core";
+export declare class VisTimelineComponent<Datum> implements TimelineConfigInterface<Datum>, AfterViewInit {
+    /** Animation duration of the data update transitions in milliseconds. Default: `600` */
+    duration?: number;
+    /** Events configuration. An object containing properties in the following format:
+     *
+     * ```
+     * {
+     * \[selectorString]: {
+     *     \[eventType]: callbackFunction
+     *  }
+     * }
+     * ```
+     * e.g.:
+     * ```
+     * {
+     * \[Area.selectors.area]: {
+     *    click: (d) => console.log("Clicked Area", d)
+     *  }
+     * }
+     * ``` */
+    events?: {
+        [selector: string]: {
+            [eventType in VisEventType]?: VisEventCallback;
+        };
+    };
+    /** You can set every SVG and HTML visualization object to have a custom DOM attributes, which is useful
+     * when you want to do unit or end-to-end testing. Attributes configuration object has the following structure:
+     *
+     * ```
+     * {
+     * \[selectorString]: {
+     *     \[attributeName]: attribute constant value or accessor function
+     *  }
+     * }
+     * ```
+     * e.g.:
+     * ```
+     * {
+     * \[Area.selectors.area]: {
+     *    "test-value": d => d.value
+     *  }
+     * }
+     * ``` */
+    attributes?: {
+        [selector: string]: {
+            [attr: string]: string | number | boolean | ((datum: any) => string | number | boolean);
+        };
+    };
+    /** Accessor function for getting the values along the X axis. Default: `undefined` */
+    x: NumericAccessor<Datum>;
+    /** A single of multiple accessor functions for getting the values along the Y axis. Default: `undefined` */
+    y: NumericAccessor<Datum> | NumericAccessor<Datum>[];
+    /** 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, ...rest: any[]) => string);
+    /** Component color accessor function. Default: `d => d.color` */
+    color?: ColorAccessor<Datum | Datum[]>;
+    /** Scale for X dimension, e.g. Scale.scaleLinear(). If you set xScale you'll be responsible for setting it's `domain` and `range` as well.
+     * Only continuous scales are supported.
+     * Default: `undefined` */
+    xScale?: ContinuousScale;
+    /** Scale for Y dimension, e.g. Scale.scaleLinear(). If you set yScale you'll be responsible for setting it's `domain` and `range` as well.
+     * Only continuous scales are supported.
+     * Default: `undefined` */
+    yScale?: ContinuousScale;
+    /** Identifies whether the component should be excluded from overall X and Y domain calculations or not.
+     * This property can be useful when you want pass individual data to a component and you don't want it to affect
+     * the scales of the chart.
+     * Default: `false` */
+    excludeFromDomainCalculation?: boolean;
+    /** Width of the timeline items. Default: `8` */
+    lineWidth?: NumericAccessor<Datum>;
+    /** Line cap: 'butt', 'round' or 'square'.
+     * Default appearance is `round` and comes from the `--vis-timeline-line-cap`` CSS variable.
+     * Default configuration object value: `undefined` */
+    lineCap?: StringAccessor<Datum>;
+    /** Timeline row height. Default: `22` */
+    rowHeight?: number;
+    /** Timeline item length accessor function. Default: `d => d.length` */
+    length?: NumericAccessor<Datum>;
+    /** Timeline item type accessor function. Records of one type will be plotted in one row. Default: `d => d.type` */
+    type?: StringAccessor<Datum>;
+    /** Configurable Timeline item cursor when hovering over. Default: `null` */
+    cursor?: StringAccessor<Datum>;
+    /** Show item type labels when set to `true`. Default: `false` */
+    showLabels?: boolean;
+    /** Fixed label width in pixels. Labels longer than the specified value will be trimmed. Default: `undefined` */
+    labelWidth?: number;
+    /** Maximum label width in pixels. Labels longer than the specified value will be trimmed. Default: `120` */
+    maxLabelWidth?: number;
+    /** Alternating row colors. Default: `true` */
+    alternatingRowColors?: boolean;
+    /** Scrolling callback function: `(scrollTop: number) => void`. Default: `undefined` */
+    onScroll?: (scrollTop: number) => void;
+    data: Datum[];
+    component: Timeline<Datum> | undefined;
+    componentContainer: ContainerCore | undefined;
+    ngAfterViewInit(): void;
+    ngOnChanges(changes: SimpleChanges): void;
+    private getConfig;
+    static ɵfac: i0.ɵɵFactoryDeclaration<VisTimelineComponent<any>, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<VisTimelineComponent<any>, "vis-timeline", never, { "duration": "duration"; "events": "events"; "attributes": "attributes"; "x": "x"; "y": "y"; "id": "id"; "color": "color"; "xScale": "xScale"; "yScale": "yScale"; "excludeFromDomainCalculation": "excludeFromDomainCalculation"; "lineWidth": "lineWidth"; "lineCap": "lineCap"; "rowHeight": "rowHeight"; "length": "length"; "type": "type"; "cursor": "cursor"; "showLabels": "showLabels"; "labelWidth": "labelWidth"; "maxLabelWidth": "maxLabelWidth"; "alternatingRowColors": "alternatingRowColors"; "onScroll": "onScroll"; "data": "data"; }, {}, never, never>;
+}

package/dist/lib/components/timeline/timeline.module.d.ts

@@ -0,0 +1,7 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./timeline.component";
+export declare class VisTimelineModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<VisTimelineModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<VisTimelineModule, [typeof i1.VisTimelineComponent], never, [typeof i1.VisTimelineComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<VisTimelineModule>;
+}

package/dist/lib/components/tooltip/tooltip.component.d.ts

@@ -0,0 +1,41 @@
+import { AfterViewInit, SimpleChanges } from '@angular/core';
+import { Tooltip, TooltipConfigInterface, ContainerCore, ComponentCore, Position } from '@unovis/ts';
+import * as i0 from "@angular/core";
+export declare class VisTooltipComponent implements TooltipConfigInterface, AfterViewInit {
+    /** An array of visualization components to interact with. Default: `[]` */
+    components?: ComponentCore<unknown>[];
+    /** Container to where the Tooltip component should be inserted. Default: `undefined` */
+    container?: HTMLElement;
+    /** Horizontal placement of the tooltip. Default: `Position.Auto` */
+    horizontalPlacement?: Position | string | undefined;
+    /** Horizontal shift of the tooltip in pixels. Default: `0` */
+    horizontalShift?: number;
+    /** Vertical placement of the tooltip. Default: `Position.Top` */
+    verticalPlacement?: Position | string | undefined;
+    /** Vertical shift of the tooltip in pixels. Default: `0` */
+    verticalShift?: number;
+    /** Defines the content of the tooltip and hovering over which elements should trigger it.
+     * An object containing properties in the following format:
+     *
+     * ```
+     * {
+     * \[selectorString]: (d: unknown) => string | HTMLElement
+     * }
+     * ```
+     * e.g.:
+     * ```
+     * {
+     * \[Area.selectors.area]: (d: AreaDatum[]) => `<div>${d.value.toString()}</div>
+     * }
+     * ``` */
+    triggers?: {
+        [selector: string]: (data: any, i: number, elements: (HTMLElement | SVGElement)[]) => string | HTMLElement | undefined | null;
+    };
+    component: Tooltip | undefined;
+    componentContainer: ContainerCore | undefined;
+    ngAfterViewInit(): void;
+    ngOnChanges(changes: SimpleChanges): void;
+    private getConfig;
+    static ɵfac: i0.ɵɵFactoryDeclaration<VisTooltipComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<VisTooltipComponent, "vis-tooltip", never, { "components": "components"; "container": "container"; "horizontalPlacement": "horizontalPlacement"; "horizontalShift": "horizontalShift"; "verticalPlacement": "verticalPlacement"; "verticalShift": "verticalShift"; "triggers": "triggers"; }, {}, never, never>;
+}

package/dist/lib/components/tooltip/tooltip.module.d.ts

@@ -0,0 +1,7 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./tooltip.component";
+export declare class VisTooltipModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<VisTooltipModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<VisTooltipModule, [typeof i1.VisTooltipComponent], never, [typeof i1.VisTooltipComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<VisTooltipModule>;
+}