@unovis/angular 1.0.0-beta.0

package/dist/lib/components/free-brush/free-brush.component.d.ts

@@ -0,0 +1,106 @@
+import { AfterViewInit, SimpleChanges } from '@angular/core';
+import { FreeBrush, FreeBrushConfigInterface, ContainerCore, VisEventType, VisEventCallback, NumericAccessor, ColorAccessor, ContinuousScale, FreeBrushMode, FreeBrushSelection } from '@unovis/ts';
+import { D3BrushEvent } from 'd3-brush';
+import * as i0 from "@angular/core";
+export declare class VisFreeBrushComponent<Datum> implements FreeBrushConfigInterface<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;
+    /** Brush selection mode. X - horizontal, Y - vertical, XY - both. Default: `FreeBrushMode.X` */
+    mode?: FreeBrushMode;
+    /** Callback function to be called on any Brush event.
+     * Default: `(selection: FreeBrushSelection, event: D3BrushEvent<Datum>, userDriven: boolean): void => {}` */
+    onBrush?: ((selection?: FreeBrushSelection, event?: D3BrushEvent<Datum>, userDriven?: boolean) => void);
+    /** Callback function to be called on the Brush start event.
+     * Default: `(selection: FreeBrushSelection, event: D3BrushEvent<Datum>, userDriven: boolean): void => {}` */
+    onBrushStart?: ((selection?: FreeBrushSelection, event?: D3BrushEvent<Datum>, userDriven?: boolean) => void);
+    /** Callback function to be called on the Brush move event.
+     * Default: `(selection: FreeBrushSelection, event: D3BrushEvent<Datum>, userDriven: boolean): void => {}` */
+    onBrushMove?: ((selection?: FreeBrushSelection, event?: D3BrushEvent<Datum>, userDriven?: boolean) => void);
+    /** Callback function to be called on the Brush end event.
+     * Default: `(selection: FreeBrushSelection, event: D3BrushEvent<Datum>, userDriven: boolean)L void => {}` */
+    onBrushEnd?: ((selection?: FreeBrushSelection, event?: D3BrushEvent<Datum>, userDriven?: boolean) => void);
+    /** Width of the Brush handle. Default: `1` */
+    handleWidth?: number;
+    /** Brush selection in data space, can be used to force set the selection from outside.
+     * In case of two dimensional mode, the selection has the following format: `[[xMin, xMax], [yMin, yMax]]`.
+     * This config property gets updated on internal brush events. Default: `undefined` */
+    selection?: FreeBrushSelection | null;
+    /** Constraint Brush selection to a minimal length in data units. Default: `undefined` */
+    selectionMinLength?: number | [number, number];
+    /** Automatically hide the brush after selection. Default: `true` */
+    autoHide?: boolean;
+    data: Datum[];
+    component: FreeBrush<Datum> | undefined;
+    componentContainer: ContainerCore | undefined;
+    ngAfterViewInit(): void;
+    ngOnChanges(changes: SimpleChanges): void;
+    private getConfig;
+    static ɵfac: i0.ɵɵFactoryDeclaration<VisFreeBrushComponent<any>, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<VisFreeBrushComponent<any>, "vis-free-brush", never, { "duration": "duration"; "events": "events"; "attributes": "attributes"; "x": "x"; "y": "y"; "id": "id"; "color": "color"; "xScale": "xScale"; "yScale": "yScale"; "excludeFromDomainCalculation": "excludeFromDomainCalculation"; "mode": "mode"; "onBrush": "onBrush"; "onBrushStart": "onBrushStart"; "onBrushMove": "onBrushMove"; "onBrushEnd": "onBrushEnd"; "handleWidth": "handleWidth"; "selection": "selection"; "selectionMinLength": "selectionMinLength"; "autoHide": "autoHide"; "data": "data"; }, {}, never, never>;
+}

package/dist/lib/components/free-brush/free-brush.module.d.ts

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

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

@@ -0,0 +1,190 @@
+import { AfterViewInit, SimpleChanges } from '@angular/core';
+import { Graph, GraphConfigInterface, ContainerCore, GraphInputNode, GraphInputLink, VisEventType, VisEventCallback, GraphLayoutType, StringAccessor, GraphForceLayoutSettings, NumericAccessor, GenericAccessor, GraphLinkStyle, GraphLinkArrowStyle, ColorAccessor, BooleanAccessor, GraphCircleLabel, GraphNodeShape, GraphPanelConfig } from '@unovis/ts';
+import * as i0 from "@angular/core";
+export declare class VisGraphComponent<N extends GraphInputNode, L extends GraphInputLink> implements GraphConfigInterface<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);
+        };
+    };
+    /** Zoom level constraints. Default: [0.35, 1.25] */
+    zoomScaleExtent?: [number, number];
+    /** Disable zooming. Default: `false` */
+    disableZoom?: boolean;
+    /** Disable node dragging. Default: `false` */
+    disableDrag?: boolean;
+    /** Interval to re-render the graph when zooming. Default: `100` */
+    zoomThrottledUpdateNodeThreshold?: number;
+    /** Zoom event callback. Default: `undefined` */
+    onZoom?: (zoomScale: number, zoomScaleExtent: number) => void;
+    /** Type of the graph layout. Default: `GraphLayoutType.Force` */
+    layoutType?: GraphLayoutType | string;
+    /** Fit the graph to container on data or config updates, or on container resize. Default: `true` */
+    layoutAutofit?: boolean;
+    /** Tolerance constant defining whether the graph should be fitted to container
+     * (on data or config update, or container resize) after a zoom / pan interaction or not.
+     * `0` — Stop fitting after any pan or zoom
+     * `Number.POSITIVE_INFINITY` — Always fit
+     * Default: `8.0` */
+    layoutAutofitTolerance?: number;
+    /** Place non-connected nodes at the bottom of the graph. Default: `false` */
+    layoutNonConnectedAside?: boolean;
+    /** Node group accessor function.
+     * Only for `GraphLayoutType.Parallel`, `GraphLayoutType.ParallelHorizontal` and `GraphLayoutType.Concentric` layouts.
+     * Default: `node => node.group` */
+    layoutNodeGroup?: StringAccessor<N>;
+    /** Order of the layout groups.
+     * Only for `GraphLayoutType.Parallel`, `GraphLayoutType.ParallelHorizontal` and `GraphLayoutType.Concentric` layouts.
+     * Default: `[]` */
+    layoutGroupOrder?: string[];
+    /** Sets the number of nodes in a sub-group after which they'll continue on the next column (or row if `layoutType` is
+     * `GraphLayoutType.ParallelHorizontal`).
+     * Only for `GraphLayoutType.Parallel` and `GraphLayoutType.ParallelHorizontal` layouts.
+     * Default: `6` */
+    layoutParallelNodesPerColumn?: number;
+    /** Node sub-group accessor function.
+     * Only for `GraphLayoutType.Parallel` and `GraphLayoutType.ParallelHorizontal` layouts.
+     * Default: `node => node.subgroup` */
+    layoutParallelNodeSubGroup?: StringAccessor<N>;
+    /** Number of sub-groups per row (or column if `layoutType` is `GraphLayoutType.ParallelHorizontal`) in a group.
+     * Only for `GraphLayoutType.Parallel` and `GraphLayoutType.ParallelHorizontal` layouts.
+     * Default: `1` */
+    layoutParallelSubGroupsPerRow?: number;
+    /** Spacing between groups.
+     * Only for `GraphLayoutType.Parallel` and `GraphLayoutType.ParallelHorizontal` layouts.
+     * Default: `undefined` */
+    layoutParallelGroupSpacing?: number;
+    /** Set a group by name to have priority in sorting the graph links.
+     * Only for `GraphLayoutType.Parallel` and `GraphLayoutType.ParallelHorizontal` layouts.
+     * Default: `undefined` */
+    layoutParallelSortConnectionsByGroup?: string;
+    /** Force Layout settings, see the `d3-force` package for more details */
+    forceLayoutSettings?: GraphForceLayoutSettings;
+    /** Darge Layout settings, see the `dagrejs` package
+     * for more details: https://github.com/dagrejs/dagre/wiki#configuring-the-layout */
+    dagreLayoutSettings?: {
+        rankdir: string;
+        ranker: string;
+        [key: string]: any;
+    };
+    /** Link width accessor function ot constant value. Default: `1` */
+    linkWidth?: NumericAccessor<L>;
+    /** Link style accessor function or constant value. Default: `GraphLinkStyle.Solid` */
+    linkStyle?: GenericAccessor<GraphLinkStyle, L>;
+    /** Link band width accessor function or constant value. Default: `0` */
+    linkBandWidth?: NumericAccessor<L>;
+    /** Link arrow accessor function or constant value. Default: `undefined` */
+    linkArrow?: GenericAccessor<GraphLinkArrowStyle, L> | undefined;
+    /** Link stroke color accessor function or constant value. Default: `undefined` */
+    linkStroke?: ColorAccessor<L>;
+    /** Link disabled state accessor function or constant value. Default: `false` */
+    linkDisabled?: BooleanAccessor<L>;
+    /** Link flow animation accessor function or constant value. Default: `false` */
+    linkFlow?: BooleanAccessor<L>;
+    /** Animation duration of the flow (traffic) circles. Default: `20000` */
+    linkFlowAnimDuration?: number;
+    /** Size of the moving particles that represent traffic flow. Default: `2` */
+    linkFlowParticleSize?: number;
+    /** Link label accessor function or constant value. Default: `undefined` */
+    linkLabel?: GenericAccessor<GraphCircleLabel, L> | undefined;
+    /** Shift label along the link center a little bit to avoid overlap with the link arrow. Default: `true` */
+    linkLabelShiftFromCenter?: BooleanAccessor<L>;
+    /** Spacing between neighboring links. Default: `8` */
+    linkNeighborSpacing?: number;
+    /** Set selected link by its unique id. Default: `undefined` */
+    selectedLinkId?: number | string;
+    /** Node size accessor function or constant value. Default: `30` */
+    nodeSize?: NumericAccessor<N>;
+    /** Node stroke width accessor function or constant value. Default: `3` */
+    nodeStrokeWidth?: NumericAccessor<N>;
+    /** Node shape accessor function or constant value. Default: `GraphNodeShape.Circle` */
+    nodeShape?: GenericAccessor<GraphNodeShape | any, N>;
+    /** Node gauge outline accessor function or constant value in the range [0,100]. Default: `0` */
+    nodeGaugeValue?: NumericAccessor<N>;
+    /** Node gauge outline fill color accessor function or constant value. Default: `undefined` */
+    nodeGaugeFill?: ColorAccessor<N>;
+    /** Animation duration of the node gauge outline. Default: `1500` */
+    nodeGaugeAnimDuration?: number;
+    /** Node central icon accessor function or constant value. Default: `node => node.icon` */
+    nodeIcon?: StringAccessor<N>;
+    /** Node central icon size accessor function or constant value. Default: `undefined` */
+    nodeIconSize?: NumericAccessor<N>;
+    /** Node label accessor function or constant value. Default: `node => node.label` */
+    nodeLabel?: StringAccessor<N>;
+    /** Node sub-label accessor function or constant value: Default: `''` */
+    nodeSubLabel?: StringAccessor<N>;
+    /** Node circular side labels accessor function. The function should return an array of GraphCircleLabel objects. Default: `undefined` */
+    nodeSideLabels?: GenericAccessor<GraphCircleLabel[], N>;
+    /** Node bottom icon accessor function. Default: `undefined` */
+    nodeBottomIcon?: StringAccessor<N>;
+    /** Node disabled state accessor function or constant value. Default: `false` */
+    nodeDisabled?: BooleanAccessor<N>;
+    /** Node fill color accessor function or constant value. Default: `node => node.fill` */
+    nodeFill?: ColorAccessor<N>;
+    /** Node stroke color accessor function or constant value. Default: `node => node.stroke` */
+    nodeStroke?: ColorAccessor<N>;
+    /** Sorting function to determine node placement. Default: `undefined` */
+    nodeSort?: ((a: N, b: N) => number);
+    /** Specify the initial position for entering nodes as [x, y]. Default: `undefined` */
+    nodeEnterPosition?: GenericAccessor<[number, number], N> | undefined;
+    /** Specify the initial scale for entering nodes in the range [0,1]. Default: `0.75` */
+    nodeEnterScale?: NumericAccessor<N> | undefined;
+    /** Specify the destination position for exiting nodes as [x, y]. Default: `undefined` */
+    nodeExitPosition?: GenericAccessor<[number, number], N> | undefined;
+    /** Specify the destination scale for exiting nodes in the range [0,1]. Default: `0.75` */
+    nodeExitScale?: NumericAccessor<N> | undefined;
+    /** Set selected node by unique id. Default: `undefined` */
+    selectedNodeId?: number | string;
+    /** Panels configuration. An array of `GraphPanelConfig` objects. Default: `[]` */
+    panels?: GraphPanelConfig[] | undefined;
+    data: any;
+    component: Graph<N, L> | undefined;
+    componentContainer: ContainerCore | undefined;
+    ngAfterViewInit(): void;
+    ngOnChanges(changes: SimpleChanges): void;
+    private getConfig;
+    static ɵfac: i0.ɵɵFactoryDeclaration<VisGraphComponent<any, any>, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<VisGraphComponent<any, any>, "vis-graph", never, { "duration": "duration"; "events": "events"; "attributes": "attributes"; "zoomScaleExtent": "zoomScaleExtent"; "disableZoom": "disableZoom"; "disableDrag": "disableDrag"; "zoomThrottledUpdateNodeThreshold": "zoomThrottledUpdateNodeThreshold"; "onZoom": "onZoom"; "layoutType": "layoutType"; "layoutAutofit": "layoutAutofit"; "layoutAutofitTolerance": "layoutAutofitTolerance"; "layoutNonConnectedAside": "layoutNonConnectedAside"; "layoutNodeGroup": "layoutNodeGroup"; "layoutGroupOrder": "layoutGroupOrder"; "layoutParallelNodesPerColumn": "layoutParallelNodesPerColumn"; "layoutParallelNodeSubGroup": "layoutParallelNodeSubGroup"; "layoutParallelSubGroupsPerRow": "layoutParallelSubGroupsPerRow"; "layoutParallelGroupSpacing": "layoutParallelGroupSpacing"; "layoutParallelSortConnectionsByGroup": "layoutParallelSortConnectionsByGroup"; "forceLayoutSettings": "forceLayoutSettings"; "dagreLayoutSettings": "dagreLayoutSettings"; "linkWidth": "linkWidth"; "linkStyle": "linkStyle"; "linkBandWidth": "linkBandWidth"; "linkArrow": "linkArrow"; "linkStroke": "linkStroke"; "linkDisabled": "linkDisabled"; "linkFlow": "linkFlow"; "linkFlowAnimDuration": "linkFlowAnimDuration"; "linkFlowParticleSize": "linkFlowParticleSize"; "linkLabel": "linkLabel"; "linkLabelShiftFromCenter": "linkLabelShiftFromCenter"; "linkNeighborSpacing": "linkNeighborSpacing"; "selectedLinkId": "selectedLinkId"; "nodeSize": "nodeSize"; "nodeStrokeWidth": "nodeStrokeWidth"; "nodeShape": "nodeShape"; "nodeGaugeValue": "nodeGaugeValue"; "nodeGaugeFill": "nodeGaugeFill"; "nodeGaugeAnimDuration": "nodeGaugeAnimDuration"; "nodeIcon": "nodeIcon"; "nodeIconSize": "nodeIconSize"; "nodeLabel": "nodeLabel"; "nodeSubLabel": "nodeSubLabel"; "nodeSideLabels": "nodeSideLabels"; "nodeBottomIcon": "nodeBottomIcon"; "nodeDisabled": "nodeDisabled"; "nodeFill": "nodeFill"; "nodeStroke": "nodeStroke"; "nodeSort": "nodeSort"; "nodeEnterPosition": "nodeEnterPosition"; "nodeEnterScale": "nodeEnterScale"; "nodeExitPosition": "nodeExitPosition"; "nodeExitScale": "nodeExitScale"; "selectedNodeId": "selectedNodeId"; "panels": "panels"; "data": "data"; }, {}, never, never>;
+}

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

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

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

@@ -0,0 +1,101 @@
+import { AfterViewInit, SimpleChanges } from '@angular/core';
+import { GroupedBar, GroupedBarConfigInterface, ContainerCore, VisEventType, VisEventCallback, NumericAccessor, ColorAccessor, ContinuousScale, StringAccessor, Orientation } from '@unovis/ts';
+import * as i0 from "@angular/core";
+export declare class VisGroupedBarComponent<Datum> implements GroupedBarConfigInterface<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 the group width in pixels. Default: `undefined` */
+    groupWidth?: number;
+    /** Maximum group width for dynamic sizing. Limits the groupWidth property from the top. Default: `undefined` */
+    groupMaxWidth?: number;
+    /** Expected step between the bar groups in the X axis units.
+     * Needed to correctly calculate the width of the bar groups when there are gaps in the data.
+     * Default: `undefined` */
+    dataStep?: number;
+    /** Fractional padding between the groups in the range of [0,1). Default: `0.05` */
+    groupPadding?: number;
+    /** Fractional padding between the bars in the range of [0,1). Default: `0` */
+    barPadding?: number;
+    /** Rounded bar corners. Boolean or number (to set the radius in pixels explicitly). Default: `2` */
+    roundedCorners?: number | boolean;
+    /** Sets the minimum bar height for better visibility of small values. Default: `1` */
+    barMinHeight?: number;
+    /** Configurable bar cursor when hovering over. Default: `null` */
+    cursor?: StringAccessor<Datum>;
+    /** Chart orientation: `Orientation.Vertical` or `Orientation.Horizontal`. Default `Orientation.Vertical` */
+    orientation?: Orientation;
+    data: Datum[];
+    component: GroupedBar<Datum> | undefined;
+    componentContainer: ContainerCore | undefined;
+    ngAfterViewInit(): void;
+    ngOnChanges(changes: SimpleChanges): void;
+    private getConfig;
+    static ɵfac: i0.ɵɵFactoryDeclaration<VisGroupedBarComponent<any>, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<VisGroupedBarComponent<any>, "vis-grouped-bar", never, { "duration": "duration"; "events": "events"; "attributes": "attributes"; "x": "x"; "y": "y"; "id": "id"; "color": "color"; "xScale": "xScale"; "yScale": "yScale"; "excludeFromDomainCalculation": "excludeFromDomainCalculation"; "groupWidth": "groupWidth"; "groupMaxWidth": "groupMaxWidth"; "dataStep": "dataStep"; "groupPadding": "groupPadding"; "barPadding": "barPadding"; "roundedCorners": "roundedCorners"; "barMinHeight": "barMinHeight"; "cursor": "cursor"; "orientation": "orientation"; "data": "data"; }, {}, never, never>;
+}

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

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

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

@@ -0,0 +1,97 @@
+import { AfterViewInit, SimpleChanges } from '@angular/core';
+import { Line, LineConfigInterface, ContainerCore, VisEventType, VisEventCallback, NumericAccessor, ColorAccessor, ContinuousScale, CurveType, GenericAccessor, StringAccessor } from '@unovis/ts';
+import * as i0 from "@angular/core";
+export declare class VisLineComponent<Datum> implements LineConfigInterface<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;
+    /** Curve type from the CurveType enum. Default: `CurveType.MonotoneX` */
+    curveType?: CurveType;
+    /** Line width in pixels. Default: `2` */
+    lineWidth?: number;
+    /** Line dash array, see SVG's stroke-dasharray. Default: `undefined` */
+    lineDashArray?: GenericAccessor<number[], Datum>;
+    /** When a data point has an `undefined`, `NaN`, or other no-data value, they'll be replaced with a value specified here.
+     * Setting this property to `undefined` will lead to having the line break when there's no data, and continue when
+     * the data appears again. If you set it to `null`, the values will be treated as numerical `0` values and the line
+     * won't break; however if the whole dataset consists of only `null`s, the line won't be displayed.
+     * Default: `undefined` */
+    fallbackValue?: number | undefined | null;
+    /** Highlight line on hover. Default: `false` */
+    highlightOnHover?: boolean;
+    /** Optional link cursor. Default: `null` */
+    cursor?: StringAccessor<Datum[]>;
+    data: Datum[];
+    component: Line<Datum> | undefined;
+    componentContainer: ContainerCore | undefined;
+    ngAfterViewInit(): void;
+    ngOnChanges(changes: SimpleChanges): void;
+    private getConfig;
+    static ɵfac: i0.ɵɵFactoryDeclaration<VisLineComponent<any>, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<VisLineComponent<any>, "vis-line", never, { "duration": "duration"; "events": "events"; "attributes": "attributes"; "x": "x"; "y": "y"; "id": "id"; "color": "color"; "xScale": "xScale"; "yScale": "yScale"; "excludeFromDomainCalculation": "excludeFromDomainCalculation"; "curveType": "curveType"; "lineWidth": "lineWidth"; "lineDashArray": "lineDashArray"; "fallbackValue": "fallbackValue"; "highlightOnHover": "highlightOnHover"; "cursor": "cursor"; "data": "data"; }, {}, never, never>;
+}

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

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