@unovis/angular 1.0.0-alpha.4

package/dist/lib/components/topojson-map/topojson-map.component.d.ts

@@ -0,0 +1,125 @@
+import { AfterViewInit, SimpleChanges } from '@angular/core';
+import { TopoJSONMap, TopoJSONMapConfigInterface, ContainerCore, VisEventType, VisEventCallback, NumericAccessor, ColorAccessor, StringAccessor, MapPointLabelPosition } from '@unovis/ts';
+import { GeoProjection } from 'd3-geo';
+import * as i0 from "@angular/core";
+export declare class VisTopoJSONMapComponent<AreaDatum, PointDatum, LinkDatum> implements TopoJSONMapConfigInterface<AreaDatum, PointDatum, LinkDatum>, 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);
+        };
+    };
+    /** MapProjection (or D3's GeoProjection) instance. Default: `MapProjection.Mercator()` */
+    projection?: GeoProjection;
+    /** Map data in the TopoJSON topology format. Default: `undefined` */
+    topojson?: TopoJSON.Topology;
+    /** Name of the map features to be displayed, e.g. 'countries' or 'counties'. Default: `countries` */
+    mapFeatureName?: string;
+    /** Set initial map fit to points instead of topojson features. Default: `false` */
+    mapFitToPoints?: boolean;
+    /** Initial zoom level. Default: `undefined` */
+    zoomFactor?: number;
+    /** Disable pan / zoom interactions. Default: `false` */
+    disableZoom?: boolean;
+    /** Zoom extent. Default: `[1, 6]` */
+    zoomExtent?: number[];
+    /** Zoom animation duration. Default: `400` */
+    zoomDuration?: number;
+    /** Link width value or accessor function. Default: `d => d.width ?? 1` */
+    linkWidth?: NumericAccessor<LinkDatum>;
+    /** Link color value or accessor function. Default: `d => d.color ?? null` */
+    linkColor?: ColorAccessor<LinkDatum>;
+    /** Link cursor value or accessor function. Default: `null` */
+    linkCursor?: StringAccessor<AreaDatum>;
+    /** Link id accessor function. Default: `d => d.id` */
+    linkId?: StringAccessor<LinkDatum>;
+    /** Link source accessor function. Default: `d => d.source` */
+    linkSource?: ((l: LinkDatum) => number | string | PointDatum);
+    /** Link target accessor function. Default: `d => d.target` */
+    linkTarget?: ((l: LinkDatum) => number | string | PointDatum);
+    /** Area id accessor function corresponding to the feature id from TopoJSON. Default: `d => d.id ?? ''` */
+    areaId?: StringAccessor<AreaDatum>;
+    /** Area color value or accessor function. Default: `d => d.color ?? null` */
+    areaColor?: ColorAccessor<AreaDatum>;
+    /** Area cursor value or accessor function. Default: `null` */
+    areaCursor?: StringAccessor<AreaDatum>;
+    /** Point color accessor. Default: `d => d.color ?? null` */
+    pointColor?: ColorAccessor<PointDatum>;
+    /** Point radius accessor. Default: `d => d.radius ?? 8` */
+    pointRadius?: NumericAccessor<PointDatum>;
+    /** Point stroke width accessor. Default: `d => d.strokeWidth ?? null` */
+    pointStrokeWidth?: NumericAccessor<PointDatum>;
+    /** Point cursor constant value or accessor function. Default: `null` */
+    pointCursor?: StringAccessor<AreaDatum>;
+    /** Point longitude accessor function. Default: `d => d.longitude ?? null` */
+    longitude?: NumericAccessor<PointDatum>;
+    /** Point latitude accessor function. Default: `d => d.latitude ?? null` */
+    latitude?: NumericAccessor<PointDatum>;
+    /** Point label accessor function. Default: `undefined` */
+    pointLabel?: StringAccessor<PointDatum>;
+    /** Point label position. Default: `Position.Bottom` */
+    pointLabelPosition?: MapPointLabelPosition;
+    /** Point color brightness ratio for switching between dark and light text label color. Default: `0.65` */
+    pointLabelTextBrightnessRatio?: number;
+    /** Point id accessor function. Default: `d => d.id` */
+    pointId?: ((d: PointDatum, i: number) => string);
+    /** Enables blur and blending between neighbouring points. Default: `false` */
+    heatmapMode?: boolean;
+    /** Heatmap blur filter stdDeviation value. Default: `10` */
+    heatmapModeBlurStdDeviation?: number;
+    /** Zoom level at which the heatmap mode will be disabled. Default: `2.5` */
+    heatmapModeZoomLevelThreshold?: number;
+    data: {
+        areas?: AreaDatum[];
+        points?: PointDatum[];
+        links?: LinkDatum[];
+    };
+    component: TopoJSONMap<AreaDatum, PointDatum, LinkDatum> | undefined;
+    componentContainer: ContainerCore | undefined;
+    ngAfterViewInit(): void;
+    ngOnChanges(changes: SimpleChanges): void;
+    private getConfig;
+    static ɵfac: i0.ɵɵFactoryDeclaration<VisTopoJSONMapComponent<any, any, any>, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<VisTopoJSONMapComponent<any, any, any>, "vis-topojson-map", never, { "duration": "duration"; "events": "events"; "attributes": "attributes"; "projection": "projection"; "topojson": "topojson"; "mapFeatureName": "mapFeatureName"; "mapFitToPoints": "mapFitToPoints"; "zoomFactor": "zoomFactor"; "disableZoom": "disableZoom"; "zoomExtent": "zoomExtent"; "zoomDuration": "zoomDuration"; "linkWidth": "linkWidth"; "linkColor": "linkColor"; "linkCursor": "linkCursor"; "linkId": "linkId"; "linkSource": "linkSource"; "linkTarget": "linkTarget"; "areaId": "areaId"; "areaColor": "areaColor"; "areaCursor": "areaCursor"; "pointColor": "pointColor"; "pointRadius": "pointRadius"; "pointStrokeWidth": "pointStrokeWidth"; "pointCursor": "pointCursor"; "longitude": "longitude"; "latitude": "latitude"; "pointLabel": "pointLabel"; "pointLabelPosition": "pointLabelPosition"; "pointLabelTextBrightnessRatio": "pointLabelTextBrightnessRatio"; "pointId": "pointId"; "heatmapMode": "heatmapMode"; "heatmapModeBlurStdDeviation": "heatmapModeBlurStdDeviation"; "heatmapModeZoomLevelThreshold": "heatmapModeZoomLevelThreshold"; "data": "data"; }, {}, never, never>;
+}

package/dist/lib/components/topojson-map/topojson-map.module.d.ts

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

package/dist/lib/components/xy-labels/xy-labels.component.d.ts

@@ -0,0 +1,107 @@
+import { AfterViewInit, SimpleChanges } from '@angular/core';
+import { XYLabels, XYLabelsConfigInterface, ContainerCore, VisEventType, VisEventCallback, NumericAccessor, ColorAccessor, ContinuousScale, GenericAccessor, XYLabelPositioning, StringAccessor, XYLabel } from '@unovis/ts';
+import * as i0 from "@angular/core";
+export declare class VisXYLabelsComponent<Datum> implements XYLabelsConfigInterface<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>;
+    /** Single Y accessor function. Default: `undefined` */
+    y: 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;
+    /** Defines how to position the label horizontally: in data space or in screen space. Default: `LabelPositioning.DataSpace` */
+    xPositioning?: GenericAccessor<XYLabelPositioning, Datum>;
+    /** Defines how to position the label vertically: in data space or in screen space. Default: `LabelPositioning.DataSpace` */
+    yPositioning?: GenericAccessor<XYLabelPositioning, Datum>;
+    /** Font size accessor function or constant value in pixels. Default: `12` */
+    labelFontSize?: NumericAccessor<Datum>;
+    /** Label accessor function or string. Default: `undefined` */
+    label?: StringAccessor<Datum>;
+    /** Label color. Default: `undefined` */
+    backgroundColor?: ColorAccessor<Datum>;
+    /** Optional label cursor. Default: `null` */
+    cursor?: StringAccessor<Datum>;
+    /** Label color brightness ratio for switching between dark and light text label color. Default: `0.65` */
+    labelTextBrightnessRatio?: number;
+    /** Enable label clustering. Default: `true` */
+    clustering?: boolean;
+    /** Label accessor for clusters. Default: `undefined` */
+    clusterLabel?: StringAccessor<XYLabel<Datum>[]>;
+    /** Font size accessor for clusters, the value is in pixels. Default: `14` */
+    clusterFontSize?: NumericAccessor<XYLabel<Datum>[]>;
+    /** Background color accessor for clusters. Default: `undefined` */
+    clusterBackgroundColor?: ColorAccessor<XYLabel<Datum>[]>;
+    /** Optional cluster cursor. Default: `null` */
+    clusterCursor?: StringAccessor<XYLabel<Datum>[]>;
+    /** Cluster label color accessor function. Default: `null` */
+    clusterLabelColor?: ColorAccessor<XYLabel<Datum>[]>;
+    data: Datum[];
+    component: XYLabels<Datum> | undefined;
+    componentContainer: ContainerCore | undefined;
+    ngAfterViewInit(): void;
+    ngOnChanges(changes: SimpleChanges): void;
+    private getConfig;
+    static ɵfac: i0.ɵɵFactoryDeclaration<VisXYLabelsComponent<any>, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<VisXYLabelsComponent<any>, "vis-xy-labels", never, { "duration": "duration"; "events": "events"; "attributes": "attributes"; "x": "x"; "y": "y"; "id": "id"; "color": "color"; "xScale": "xScale"; "yScale": "yScale"; "excludeFromDomainCalculation": "excludeFromDomainCalculation"; "xPositioning": "xPositioning"; "yPositioning": "yPositioning"; "labelFontSize": "labelFontSize"; "label": "label"; "backgroundColor": "backgroundColor"; "cursor": "cursor"; "labelTextBrightnessRatio": "labelTextBrightnessRatio"; "clustering": "clustering"; "clusterLabel": "clusterLabel"; "clusterFontSize": "clusterFontSize"; "clusterBackgroundColor": "clusterBackgroundColor"; "clusterCursor": "clusterCursor"; "clusterLabelColor": "clusterLabelColor"; "data": "data"; }, {}, never, never>;
+}

package/dist/lib/components/xy-labels/xy-labels.module.d.ts

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

package/dist/lib/components.d.ts

@@ -0,0 +1,39 @@
+export * from './core';
+export { VisLineComponent } from './components/line/line.component';
+export { VisLineModule } from './components/line/line.module';
+export { VisAreaComponent } from './components/area/area.component';
+export { VisAreaModule } from './components/area/area.module';
+export { VisAxisComponent } from './components/axis/axis.component';
+export { VisAxisModule } from './components/axis/axis.module';
+export { VisBrushComponent } from './components/brush/brush.component';
+export { VisBrushModule } from './components/brush/brush.module';
+export { VisFreeBrushComponent } from './components/free-brush/free-brush.component';
+export { VisFreeBrushModule } from './components/free-brush/free-brush.module';
+export { VisCrosshairComponent } from './components/crosshair/crosshair.component';
+export { VisCrosshairModule } from './components/crosshair/crosshair.module';
+export { VisDonutComponent } from './components/donut/donut.component';
+export { VisDonutModule } from './components/donut/donut.module';
+export { VisGroupedBarComponent } from './components/grouped-bar/grouped-bar.component';
+export { VisGroupedBarModule } from './components/grouped-bar/grouped-bar.module';
+export { VisScatterComponent } from './components/scatter/scatter.component';
+export { VisScatterModule } from './components/scatter/scatter.module';
+export { VisStackedBarComponent } from './components/stacked-bar/stacked-bar.component';
+export { VisStackedBarModule } from './components/stacked-bar/stacked-bar.module';
+export { VisTimelineComponent } from './components/timeline/timeline.component';
+export { VisTimelineModule } from './components/timeline/timeline.module';
+export { VisXYLabelsComponent } from './components/xy-labels/xy-labels.component';
+export { VisXYLabelsModule } from './components/xy-labels/xy-labels.module';
+export { VisTopoJSONMapComponent } from './components/topojson-map/topojson-map.component';
+export { VisTopoJSONMapModule } from './components/topojson-map/topojson-map.module';
+export { VisSankeyComponent } from './components/sankey/sankey.component';
+export { VisSankeyModule } from './components/sankey/sankey.module';
+export { VisGraphComponent } from './components/graph/graph.component';
+export { VisGraphModule } from './components/graph/graph.module';
+export { VisLeafletMapComponent } from './html-components/leaflet-map/leaflet-map.component';
+export { VisLeafletMapModule } from './html-components/leaflet-map/leaflet-map.module';
+export { VisLeafletFlowMapComponent } from './html-components/leaflet-flow-map/leaflet-flow-map.component';
+export { VisLeafletFlowMapModule } from './html-components/leaflet-flow-map/leaflet-flow-map.module';
+export { VisBulletLegendComponent } from './html-components/bullet-legend/bullet-legend.component';
+export { VisBulletLegendModule } from './html-components/bullet-legend/bullet-legend.module';
+export { VisTooltipComponent } from './components/tooltip/tooltip.component';
+export { VisTooltipModule } from './components/tooltip/tooltip.module';

package/dist/lib/containers/single-container/single-container.component.d.ts

@@ -0,0 +1,26 @@
+import { ElementRef, AfterViewInit, OnDestroy, SimpleChanges } from '@angular/core';
+import { ComponentCore, SingleContainer, SingleContainerConfigInterface, Spacing } from '@unovis/ts';
+import { VisCoreComponent } from '../../core';
+import { VisTooltipComponent } from '../../components/tooltip/tooltip.component';
+import * as i0 from "@angular/core";
+export declare class VisSingleContainerComponent<Data = unknown, C extends ComponentCore<Data> = ComponentCore<Data>> implements AfterViewInit, OnDestroy {
+    containerRef: ElementRef;
+    visComponent: VisCoreComponent;
+    tooltipComponent: VisTooltipComponent;
+    /** Width in pixels. By default, Container automatically fits to the size of the parent element. Default: `undefined`. */
+    width?: number;
+    /** Height in pixels. By default, Container automatically fits to the size of the parent element. Default: `undefined`. */
+    height?: number;
+    /** Margins. Default: `{ top: 0, bottom: 0, left: 0, right: 0 }` */
+    margin?: Spacing;
+    /** Animation duration of all the components within the container. Default: `undefined` */
+    duration?: number;
+    data?: Data;
+    chart: SingleContainer<Data>;
+    ngAfterViewInit(): void;
+    ngOnChanges(changes: SimpleChanges): void;
+    getConfig(): SingleContainerConfigInterface<Data>;
+    ngOnDestroy(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<VisSingleContainerComponent<any, any>, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<VisSingleContainerComponent<any, any>, "vis-single-container", never, { "width": "width"; "height": "height"; "margin": "margin"; "duration": "duration"; "data": "data"; }, {}, ["visComponent", "tooltipComponent"], ["*"]>;
+}

package/dist/lib/containers/single-container/single-container.module.d.ts

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

package/dist/lib/containers/xy-container/xy-container.component.d.ts

@@ -0,0 +1,80 @@
+import { AfterContentInit, AfterViewInit, ElementRef, OnDestroy, QueryList, SimpleChanges } from '@angular/core';
+import { ContinuousScale, Direction, Spacing, XYContainer, XYContainerConfigInterface } from '@unovis/ts';
+import { VisXYComponent } from '../../core';
+import { VisTooltipComponent } from '../../components/tooltip/tooltip.component';
+import * as i0 from "@angular/core";
+export declare class VisXYContainerComponent<Datum> implements AfterViewInit, AfterContentInit, OnDestroy {
+    containerRef: ElementRef;
+    visComponents: QueryList<VisXYComponent>;
+    tooltipComponent: VisTooltipComponent;
+    /** Width in pixels. By default, Container automatically fits to the size of the parent element. Default: `undefined`. */
+    width?: number;
+    /** Height in pixels. By default, Container automatically fits to the size of the parent element. Default: `undefined`. */
+    height?: number;
+    /** Scale for X dimension, e.g. Scale.scaleLinear(). Default: `Scale.scaleLinear()` */
+    xScale?: ContinuousScale;
+    /** Scale domain (data extent) for X dimension. By default this value is calculated automatically based on data. */
+    xDomain?: [number | undefined, number | undefined];
+    /** Constraint the minimum value of the X scale domain. Useful when the data is plotted along the X axis.
+     * For example, imagine that you have a chart with dynamic data that has negative values. When values are small
+     * (let's say in the range of [-0.01, 0]), you might still want the chart to display some meaningful value range (e.g. [-1, 0]). That can
+     * be achieved by setting `xDomainMinConstraint` to `[undefined, -1]`. In addition to that, if you want to cut off the
+     * values that are too low (let's say lower than -100), you can set the constraint to `[-100, -1]`
+     * Default: `undefined` */
+    xDomainMinConstraint?: [number | undefined, number | undefined];
+    /** Constraint the minimum value of the X scale domain. Useful when the data is plotted along the X axis.
+     * For example, imagine that you have a chart with dynamic data. When values are small
+     * (let's say < 0.01), you might still want the chart to display some meaningful value range (e.g. [0, 1]). That can
+     * be achieved by setting `xDomainMaxConstraint` to `[1, undefined]`. In addition to that, if you want to cut off the
+     * values that are too high (let's say higher than 100), you can set the constraint to `[1, 100]`
+     * Default: `undefined` */
+    xDomainMaxConstraint?: [number | undefined, number | undefined];
+    /** Force set the X scale range (in the screen space). By default the range is calculated automatically based on the
+     * chart's set up */
+    xRange?: [number, number];
+    /** Scale for Y dimension, e.g. Scale.ScaleLinear. Default: `Scale.ScaleLinear()` */
+    yScale?: ContinuousScale;
+    /** Scale domain (data extent) for Y dimension. By default this value is calculated automatically based on data. */
+    yDomain?: [number | undefined, number | undefined];
+    /** Constraint the minimum value of the Y scale domain.
+     * For example, imagine that you have a chart with dynamic data that has negative values. When values are small
+     * (let's say in the range of [-0.01, 0]), you might still want the chart to display some meaningful value range (e.g. [-1, 0]). That can
+     * be achieved by setting `yDomainMinConstraint` to `[undefined, -1]`. In addition to that, if you want to cut off the
+     * values that are too low (let's say lower than -100), you can set the constraint to `[-100, -1]`
+     * Default: `undefined` */
+    yDomainMinConstraint?: [number | undefined, number | undefined];
+    /** Constraint the minimum value of the Y scale domain.
+     * For example, imagine that you have a chart with dynamic data. When values are small
+     * (let's say < 0.01), you might still want the chart to display some meaningful value range (e.g. [0, 1]). That can
+     * be achieved by setting `yDomainMaxConstraint` to `[1, undefined]`. In addition to that, if you want to cut off the
+     * values that are too high (let's say higher than 100), you can set the constraint to `[1, 100]`
+     * Default: `undefined` */
+    yDomainMaxConstraint?: [number | undefined, number | undefined];
+    /** Force set the Y scale range (in the screen space). By default the range is calculated automatically based on the
+     * chart's set up */
+    yRange?: [number, number];
+    /** Y Axis direction. Default: `Direction.North` */
+    yDirection?: Direction.South | Direction.North | string;
+    /** Animation duration of all the components within the container. Default: `undefined` */
+    duration?: number;
+    /** Margins. Default: `{ top: 0, bottom: 0, left: 0, right: 0 }` */
+    margin?: Spacing;
+    /** Padding. Default: `{ top: 0, bottom: 0, left: 0, right: 0 }` */
+    padding?: Spacing;
+    /** Sets the Y scale domain based on the current X scale domain (not the whole dataset). Default: `false` */
+    scaleByDomain?: boolean;
+    /** Enables automatic calculation of chart margins based on the size of the axes. Default: `true` */
+    autoMargin?: boolean;
+    /** Data to be passed to all child components. But if `data` is `undefined` it'll to be passed allowing components to
+     * have their individual data. Default: `undefined` */
+    data?: Datum[] | undefined;
+    chart: XYContainer<Datum>;
+    ngAfterViewInit(): void;
+    ngAfterContentInit(): void;
+    ngOnChanges(changes: SimpleChanges): void;
+    getConfig(): XYContainerConfigInterface<Datum>;
+    passContainerReferenceToChildren(): void;
+    ngOnDestroy(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<VisXYContainerComponent<any>, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<VisXYContainerComponent<any>, "vis-xy-container", never, { "width": "width"; "height": "height"; "xScale": "xScale"; "xDomain": "xDomain"; "xDomainMinConstraint": "xDomainMinConstraint"; "xDomainMaxConstraint": "xDomainMaxConstraint"; "xRange": "xRange"; "yScale": "yScale"; "yDomain": "yDomain"; "yDomainMinConstraint": "yDomainMinConstraint"; "yDomainMaxConstraint": "yDomainMaxConstraint"; "yRange": "yRange"; "yDirection": "yDirection"; "duration": "duration"; "margin": "margin"; "padding": "padding"; "scaleByDomain": "scaleByDomain"; "autoMargin": "autoMargin"; "data": "data"; }, {}, ["tooltipComponent", "visComponents"], ["*"]>;
+}

package/dist/lib/containers/xy-container/xy-container.module.d.ts

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

package/dist/lib/containers.d.ts

@@ -0,0 +1,4 @@
+export { VisXYContainerComponent } from './containers/xy-container/xy-container.component';
+export { VisXYContainerModule } from './containers/xy-container/xy-container.module';
+export { VisSingleContainerComponent } from './containers/single-container/single-container.component';
+export { VisSingleContainerModule } from './containers/single-container/single-container.module';

package/dist/lib/core/core-component.d.ts

@@ -0,0 +1,6 @@
+import { ComponentCore, ContainerCore } from '@unovis/ts';
+import { VisGenericComponent } from './generic-component';
+export declare class VisCoreComponent extends VisGenericComponent {
+    component: ComponentCore<any>;
+    componentContainer: ContainerCore;
+}

package/dist/lib/core/generic-component.d.ts

@@ -0,0 +1,3 @@
+export declare class VisGenericComponent {
+    component: any;
+}

package/dist/lib/core/index.d.ts

@@ -0,0 +1,3 @@
+export { VisGenericComponent } from './generic-component';
+export { VisCoreComponent } from './core-component';
+export { VisXYComponent } from './xy-component';

package/dist/lib/core/xy-component.d.ts

@@ -0,0 +1,6 @@
+import { XYComponentCore, XYContainer } from '@unovis/ts';
+import { VisCoreComponent } from './core-component';
+export declare class VisXYComponent extends VisCoreComponent {
+    component: XYComponentCore<any>;
+    componentContainer: XYContainer<any>;
+}

package/dist/lib/esm2015/components/area/area.component.js

@@ -0,0 +1,75 @@
+// !!! This code was automatically generated. You should not change it !!!
+import { Component, Input } from '@angular/core';
+import { Area, } from '@unovis/ts';
+import { VisXYComponent } from '../../core';
+import * as i0 from "@angular/core";
+export class VisAreaComponent {
+    ngAfterViewInit() {
+        var _a;
+        this.component = new Area(this.getConfig());
+        if (this.data) {
+            this.component.setData(this.data);
+            (_a = this.componentContainer) === null || _a === void 0 ? void 0 : _a.render();
+        }
+    }
+    ngOnChanges(changes) {
+        var _a, _b, _c;
+        if (changes.data) {
+            (_a = this.component) === null || _a === void 0 ? void 0 : _a.setData(this.data);
+        }
+        (_b = this.component) === null || _b === void 0 ? void 0 : _b.setConfig(this.getConfig());
+        (_c = this.componentContainer) === null || _c === void 0 ? void 0 : _c.render();
+    }
+    getConfig() {
+        const { duration, events, attributes, x, y, id, color, xScale, yScale, excludeFromDomainCalculation, curveType, baseline, opacity, cursor, minHeight1Px } = this;
+        const config = { duration, events, attributes, x, y, id, color, xScale, yScale, excludeFromDomainCalculation, curveType, baseline, opacity, cursor, minHeight1Px };
+        const keys = Object.keys(config);
+        keys.forEach(key => { if (config[key] === undefined)
+            delete config[key]; });
+        return config;
+    }
+}
+VisAreaComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: VisAreaComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+VisAreaComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: VisAreaComponent, selector: "vis-area", inputs: { duration: "duration", events: "events", attributes: "attributes", x: "x", y: "y", id: "id", color: "color", xScale: "xScale", yScale: "yScale", excludeFromDomainCalculation: "excludeFromDomainCalculation", curveType: "curveType", baseline: "baseline", opacity: "opacity", cursor: "cursor", minHeight1Px: "minHeight1Px", data: "data" }, providers: [{ provide: VisXYComponent, useExisting: VisAreaComponent }], usesOnChanges: true, ngImport: i0, template: '', isInline: true });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: VisAreaComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'vis-area',
+                    template: '',
+                    // eslint-disable-next-line no-use-before-define
+                    providers: [{ provide: VisXYComponent, useExisting: VisAreaComponent }],
+                }]
+        }], propDecorators: { duration: [{
+                type: Input
+            }], events: [{
+                type: Input
+            }], attributes: [{
+                type: Input
+            }], x: [{
+                type: Input
+            }], y: [{
+                type: Input
+            }], id: [{
+                type: Input
+            }], color: [{
+                type: Input
+            }], xScale: [{
+                type: Input
+            }], yScale: [{
+                type: Input
+            }], excludeFromDomainCalculation: [{
+                type: Input
+            }], curveType: [{
+                type: Input
+            }], baseline: [{
+                type: Input
+            }], opacity: [{
+                type: Input
+            }], cursor: [{
+                type: Input
+            }], minHeight1Px: [{
+                type: Input
+            }], data: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYXJlYS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9zcmMvY29tcG9uZW50cy9hcmVhL2FyZWEuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLDBFQUEwRTtBQUMxRSxPQUFPLEVBQUUsU0FBUyxFQUFpQixLQUFLLEVBQWlCLE1BQU0sZUFBZSxDQUFBO0FBQzlFLE9BQU8sRUFDTCxJQUFJLEdBVUwsTUFBTSxZQUFZLENBQUE7QUFDbkIsT0FBTyxFQUFFLGNBQWMsRUFBRSxNQUFNLFlBQVksQ0FBQTs7QUFRM0MsTUFBTSxPQUFPLGdCQUFnQjtJQXFHM0IsZUFBZTs7UUFDYixJQUFJLENBQUMsU0FBUyxHQUFHLElBQUksSUFBSSxDQUFRLElBQUksQ0FBQyxTQUFTLEVBQUUsQ0FBQyxDQUFBO1FBRWxELElBQUksSUFBSSxDQUFDLElBQUksRUFBRTtZQUNiLElBQUksQ0FBQyxTQUFTLENBQUMsT0FBTyxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsQ0FBQTtZQUNqQyxNQUFBLElBQUksQ0FBQyxrQkFBa0IsMENBQUUsTUFBTSxFQUFFLENBQUE7U0FDbEM7SUFDSCxDQUFDO0lBRUQsV0FBVyxDQUFFLE9BQXNCOztRQUNqQyxJQUFJLE9BQU8sQ0FBQyxJQUFJLEVBQUU7WUFBRSxNQUFBLElBQUksQ0FBQyxTQUFTLDBDQUFFLE9BQU8sQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLENBQUE7U0FBRTtRQUN4RCxNQUFBLElBQUksQ0FBQyxTQUFTLDBDQUFFLFNBQVMsQ0FBQyxJQUFJLENBQUMsU0FBUyxFQUFFLENBQUMsQ0FBQTtRQUMzQyxNQUFBLElBQUksQ0FBQyxrQkFBa0IsMENBQUUsTUFBTSxFQUFFLENBQUE7SUFDbkMsQ0FBQztJQUVPLFNBQVM7UUFDZixNQUFNLEVBQUUsUUFBUSxFQUFFLE1BQU0sRUFBRSxVQUFVLEVBQUUsQ0FBQyxFQUFFLENBQUMsRUFBRSxFQUFFLEVBQUUsS0FBSyxFQUFFLE1BQU0sRUFBRSxNQUFNLEVBQUUsNEJBQTRCLEVBQUUsU0FBUyxFQUFFLFFBQVEsRUFBRSxPQUFPLEVBQUUsTUFBTSxFQUFFLFlBQVksRUFBRSxHQUFHLElBQUksQ0FBQTtRQUNoSyxNQUFNLE1BQU0sR0FBRyxFQUFFLFFBQVEsRUFBRSxNQUFNLEVBQUUsVUFBVSxFQUFFLENBQUMsRUFBRSxDQUFDLEVBQUUsRUFBRSxFQUFFLEtBQUssRUFBRSxNQUFNLEVBQUUsTUFBTSxFQUFFLDRCQUE0QixFQUFFLFNBQVMsRUFBRSxRQUFRLEVBQUUsT0FBTyxFQUFFLE1BQU0sRUFBRSxZQUFZLEVBQUUsQ0FBQTtRQUNsSyxNQUFNLElBQUksR0FBRyxNQUFNLENBQUMsSUFBSSxDQUFDLE1BQU0sQ0FBeUMsQ0FBQTtRQUN4RSxJQUFJLENBQUMsT0FBTyxDQUFDLEdBQUcsQ0FBQyxFQUFFLEdBQUcsSUFBSSxNQUFNLENBQUMsR0FBRyxDQUFDLEtBQUssU0FBUztZQUFFLE9BQU8sTUFBTSxDQUFDLEdBQUcsQ0FBQyxDQUFBLENBQUMsQ0FBQyxDQUFDLENBQUE7UUFFMUUsT0FBTyxNQUFNLENBQUE7SUFDZixDQUFDOzs4R0EzSFUsZ0JBQWdCO2tHQUFoQixnQkFBZ0IsNlhBRmhCLENBQUMsRUFBRSxPQUFPLEVBQUUsY0FBYyxFQUFFLFdBQVcsRUFBRSxnQkFBZ0IsRUFBRSxDQUFDLCtDQUY3RCxFQUFFOzRGQUlELGdCQUFnQjtrQkFONUIsU0FBUzttQkFBQztvQkFDVCxRQUFRLEVBQUUsVUFBVTtvQkFDcEIsUUFBUSxFQUFFLEVBQUU7b0JBQ1osZ0RBQWdEO29CQUNoRCxTQUFTLEVBQUUsQ0FBQyxFQUFFLE9BQU8sRUFBRSxjQUFjLEVBQUUsV0FBVyxrQkFBa0IsRUFBRSxDQUFDO2lCQUN4RTs4QkFHVSxRQUFRO3NCQUFoQixLQUFLO2dCQW1CRyxNQUFNO3NCQUFkLEtBQUs7Z0JBd0JHLFVBQVU7c0JBQWxCLEtBQUs7Z0JBT0csQ0FBQztzQkFBVCxLQUFLO2dCQUdHLENBQUM7c0JBQVQsS0FBSztnQkFHRyxFQUFFO3NCQUFWLEtBQUs7Z0JBR0csS0FBSztzQkFBYixLQUFLO2dCQUtHLE1BQU07c0JBQWQsS0FBSztnQkFLRyxNQUFNO3NCQUFkLEtBQUs7Z0JBTUcsNEJBQTRCO3NCQUFwQyxLQUFLO2dCQUdHLFNBQVM7c0JBQWpCLEtBQUs7Z0JBR0csUUFBUTtzQkFBaEIsS0FBSztnQkFHRyxPQUFPO3NCQUFmLEtBQUs7Z0JBR0csTUFBTTtzQkFBZCxLQUFLO2dCQU1HLFlBQVk7c0JBQXBCLEtBQUs7Z0JBQ0csSUFBSTtzQkFBWixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiLy8gISEhIFRoaXMgY29kZSB3YXMgYXV0b21hdGljYWxseSBnZW5lcmF0ZWQuIFlvdSBzaG91bGQgbm90IGNoYW5nZSBpdCAhISFcbmltcG9ydCB7IENvbXBvbmVudCwgQWZ0ZXJWaWV3SW5pdCwgSW5wdXQsIFNpbXBsZUNoYW5nZXMgfSBmcm9tICdAYW5ndWxhci9jb3JlJ1xuaW1wb3J0IHtcbiAgQXJlYSxcbiAgQXJlYUNvbmZpZ0ludGVyZmFjZSxcbiAgQ29udGFpbmVyQ29yZSxcbiAgVmlzRXZlbnRUeXBlLFxuICBWaXNFdmVudENhbGxiYWNrLFxuICBOdW1lcmljQWNjZXNzb3IsXG4gIENvbG9yQWNjZXNzb3IsXG4gIENvbnRpbnVvdXNTY2FsZSxcbiAgQ3VydmVUeXBlLFxuICBTdHJpbmdBY2Nlc3Nvcixcbn0gZnJvbSAnQHVub3Zpcy90cydcbmltcG9ydCB7IFZpc1hZQ29tcG9uZW50IH0gZnJvbSAnLi4vLi4vY29yZSdcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAndmlzLWFyZWEnLFxuICB0ZW1wbGF0ZTogJycsXG4gIC8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSBuby11c2UtYmVmb3JlLWRlZmluZVxuICBwcm92aWRlcnM6IFt7IHByb3ZpZGU6IFZpc1hZQ29tcG9uZW50LCB1c2VFeGlzdGluZzogVmlzQXJlYUNvbXBvbmVudCB9XSxcbn0pXG5leHBvcnQgY2xhc3MgVmlzQXJlYUNvbXBvbmVudDxEYXR1bT4gaW1wbGVtZW50cyBBcmVhQ29uZmlnSW50ZXJmYWNlPERhdHVtPiwgQWZ0ZXJWaWV3SW5pdCB7XG4gIC8qKiBBbmltYXRpb24gZHVyYXRpb24gb2YgdGhlIGRhdGEgdXBkYXRlIHRyYW5zaXRpb25zIGluIG1pbGxpc2Vjb25kcy4gRGVmYXVsdDogYDYwMGAgKi9cbiAgQElucHV0KCkgZHVyYXRpb24/OiBudW1iZXJcblxuICAvKiogRXZlbnRzIGNvbmZpZ3VyYXRpb24uIEFuIG9iamVjdCBjb250YWluaW5nIHByb3BlcnRpZXMgaW4gdGhlIGZvbGxvd2luZyBmb3JtYXQ6XG4gICAqXG4gICAqIGBgYFxuICAgKiB7XG4gICAqIFxcW3NlbGVjdG9yU3RyaW5nXToge1xuICAgKiAgICAgXFxbZXZlbnRUeXBlXTogY2FsbGJhY2tGdW5jdGlvblxuICAgKiAgfVxuICAgKiB9XG4gICAqIGBgYFxuICAgKiBlLmcuOlxuICAgKiBgYGBcbiAgICoge1xuICAgKiBcXFtBcmVhLnNlbGVjdG9ycy5hcmVhXToge1xuICAgKiAgICBjbGljazogKGQpID0+IGNvbnNvbGUubG9nKFwiQ2xpY2tlZCBBcmVhXCIsIGQpXG4gICAqICB9XG4gICAqIH1cbiAgICogYGBgICovXG4gIEBJbnB1dCgpIGV2ZW50cz86IHtcbiAgICBbc2VsZWN0b3I6IHN0cmluZ106IHtcbiAgICAgIFtldmVudFR5cGUgaW4gVmlzRXZlbnRUeXBlXT86IFZpc0V2ZW50Q2FsbGJhY2tcbiAgICB9O1xuICB9XG5cbiAgLyoqIFlvdSBjYW4gc2V0IGV2ZXJ5IFNWRyBhbmQgSFRNTCB2aXN1YWxpemF0aW9uIG9iamVjdCB0byBoYXZlIGEgY3VzdG9tIERPTSBhdHRyaWJ1dGVzLCB3aGljaCBpcyB1c2VmdWxcbiAgICogd2hlbiB5b3Ugd2FudCB0byBkbyB1bml0IG9yIGVuZC10by1lbmQgdGVzdGluZy4gQXR0cmlidXRlcyBjb25maWd1cmF0aW9uIG9iamVjdCBoYXMgdGhlIGZvbGxvd2luZyBzdHJ1Y3R1cmU6XG4gICAqXG4gICAqIGBgYFxuICAgKiB7XG4gICAqIFxcW3NlbGVjdG9yU3RyaW5nXToge1xuICAgKiAgICAgXFxbYXR0cmlidXRlTmFtZV06IGF0dHJpYnV0ZSBjb25zdGFudCB2YWx1ZSBvciBhY2Nlc3NvciBmdW5jdGlvblxuICAgKiAgfVxuICAgKiB9XG4gICAqIGBgYFxuICAgKiBlLmcuOlxuICAgKiBgYGBcbiAgICoge1xuICAgKiBcXFtBcmVhLnNlbGVjdG9ycy5hcmVhXToge1xuICAgKiAgICBcInRlc3QtdmFsdWVcIjogZCA9PiBkLnZhbHVlXG4gICAqICB9XG4gICAqIH1cbiAgICogYGBgICovXG4gIEBJbnB1dCgpIGF0dHJpYnV0ZXM/OiB7XG4gICAgW3NlbGVjdG9yOiBzdHJpbmddOiB7XG4gICAgICBbYXR0cjogc3RyaW5nXTogc3RyaW5nIHwgbnVtYmVyIHwgYm9vbGVhbiB8ICgoZGF0dW06IGFueSkgPT4gc3RyaW5nIHwgbnVtYmVyIHwgYm9vbGVhbik7XG4gICAgfTtcbiAgfVxuXG4gIC8qKiBBY2Nlc3NvciBmdW5jdGlvbiBmb3IgZ2V0dGluZyB0aGUgdmFsdWVzIGFsb25nIHRoZSBYIGF4aXMuIERlZmF1bHQ6IGB1bmRlZmluZWRgICovXG4gIEBJbnB1dCgpIHg6IE51bWVyaWNBY2Nlc3NvcjxEYXR1bT5cblxuICAvKiogQSBzaW5nbGUgb2YgbXVsdGlwbGUgYWNjZXNzb3IgZnVuY3Rpb25zIGZvciBnZXR0aW5nIHRoZSB2YWx1ZXMgYWxvbmcgdGhlIFkgYXhpcy4gRGVmYXVsdDogYHVuZGVmaW5lZGAgKi9cbiAgQElucHV0KCkgeTogTnVtZXJpY0FjY2Vzc29yPERhdHVtPiB8IE51bWVyaWNBY2Nlc3NvcjxEYXR1bT5bXVxuXG4gIC8qKiBBY2Nlc3NvciBmdW5jdGlvbiBmb3IgZ2V0dGluZyB0aGUgdW5pcXVlIGRhdGEgcmVjb3JkIGlkLiBVc2VkIGZvciBtb3JlIHBlcnNpc3RlbnQgZGF0YSB1cGRhdGVzLiBEZWZhdWx0OiBgKGQsIGkpID0+IGQuaWQgPz8gaWAgKi9cbiAgQElucHV0KCkgaWQ/OiAoKGQ6IERhdHVtLCBpPzogbnVtYmVyLCAuLi5yZXN0KSA9PiBzdHJpbmcpXG5cbiAgLyoqIENvbXBvbmVudCBjb2xvciBhY2Nlc3NvciBmdW5jdGlvbi4gRGVmYXVsdDogYGQgPT4gZC5jb2xvcmAgKi9cbiAgQElucHV0KCkgY29sb3I/OiBDb2xvckFjY2Vzc29yPERhdHVtIHwgRGF0dW1bXT5cblxuICAvKiogU2NhbGUgZm9yIFggZGltZW5zaW9uLCBlLmcuIFNjYWxlLnNjYWxlTGluZWFyKCkuIElmIHlvdSBzZXQgeFNjYWxlIHlvdSdsbCBiZSByZXNwb25zaWJsZSBmb3Igc2V0dGluZyBpdCdzIGBkb21haW5gIGFuZCBgcmFuZ2VgIGFzIHdlbGwuXG4gICAqIE9ubHkgY29udGludW91cyBzY2FsZXMgYXJlIHN1cHBvcnRlZC5cbiAgICogRGVmYXVsdDogYHVuZGVmaW5lZGAgKi9cbiAgQElucHV0KCkgeFNjYWxlPzogQ29udGludW91c1NjYWxlXG5cbiAgLyoqIFNjYWxlIGZvciBZIGRpbWVuc2lvbiwgZS5nLiBTY2FsZS5zY2FsZUxpbmVhcigpLiBJZiB5b3Ugc2V0IHlTY2FsZSB5b3UnbGwgYmUgcmVzcG9uc2libGUgZm9yIHNldHRpbmcgaXQncyBgZG9tYWluYCBhbmQgYHJhbmdlYCBhcyB3ZWxsLlxuICAgKiBPbmx5IGNvbnRpbnVvdXMgc2NhbGVzIGFyZSBzdXBwb3J0ZWQuXG4gICAqIERlZmF1bHQ6IGB1bmRlZmluZWRgICovXG4gIEBJbnB1dCgpIHlTY2FsZT86IENvbnRpbnVvdXNTY2FsZVxuXG4gIC8qKiBJZGVudGlmaWVzIHdoZXRoZXIgdGhlIGNvbXBvbmVudCBzaG91bGQgYmUgZXhjbHVkZWQgZnJvbSBvdmVyYWxsIFggYW5kIFkgZG9tYWluIGNhbGN1bGF0aW9ucyBvciBub3QuXG4gICAqIFRoaXMgcHJvcGVydHkgY2FuIGJlIHVzZWZ1bCB3aGVuIHlvdSB3YW50IHBhc3MgaW5kaXZpZHVhbCBkYXRhIHRvIGEgY29tcG9uZW50IGFuZCB5b3UgZG9uJ3Qgd2FudCBpdCB0byBhZmZlY3RcbiAgICogdGhlIHNjYWxlcyBvZiB0aGUgY2hhcnQuXG4gICAqIERlZmF1bHQ6IGBmYWxzZWAgKi9cbiAgQElucHV0KCkgZXhjbHVkZUZyb21Eb21haW5DYWxjdWxhdGlvbj86IGJvb2xlYW5cblxuICAvKiogQ3VydmUgdHlwZSBmcm9tIHRoZSBDdXJ2ZVR5cGUgZW51bS4gRGVmYXVsdDogYEN1cnZlVHlwZS5Nb25vdG9uZVhgICovXG4gIEBJbnB1dCgpIGN1cnZlVHlwZT86IEN1cnZlVHlwZVxuXG4gIC8qKiBCYXNlbGluZSB2YWx1ZSBvciBhY2Nlc3NvciBmdW5jdGlvbi4gRGVmYXVsdDogYHVuZGVmaW5lZGAgKi9cbiAgQElucHV0KCkgYmFzZWxpbmU/OiBOdW1lcmljQWNjZXNzb3I8RGF0dW0+XG5cbiAgLyoqIE9wYWNpdHkgdmFsdWUgb3IgYWNjZXNzb3IgZnVuY3Rpb24uIERlZmF1bHQ6IGAxYCAqL1xuICBASW5wdXQoKSBvcGFjaXR5PzogTnVtZXJpY0FjY2Vzc29yPERhdHVtPlxuXG4gIC8qKiBPcHRpb25hbCBhcmVhIGN1cnNvci4gU3RyaW5nIG9yIGFjY2Vzc29yIGZ1bmN0aW9uLiBEZWZhdWx0OiBgbnVsbGAgKi9cbiAgQElucHV0KCkgY3Vyc29yPzogU3RyaW5nQWNjZXNzb3I8RGF0dW1bXT5cblxuICAvKiogSWYgYW4gYXJlYSBpcyBzbWFsbGVyIHRoYW4gMXB4LCBleHRlbmQgaXQgdG8gaGF2ZSAxcHggaGVpZ2h0LlxuICAgKiBUaGlzIHNldHRpbmcgaXMgdXNlZnVsIHdoZW4gc29tZSBvZiB0aGUgYXJlYSB2YWx1ZXMgYXJlIHplcm9zIG9yIHZlcnkgc21hbGwgc28gdmlzdWFsbHkgdGhleSBiZWNvbWVcbiAgICogcHJhY3RpY2FsbHkgaW52aXNpYmxlLCBidXQgeW91IHdhbnQgdG8gc2hvdyB0aGF0IHRoZSBkYXRhIGJlaGluZCB0aGVtIGV4aXN0cyBhbmQgdGhleSdyZSBub3QganVzdCBlbXB0eSBzZWdtZW50cy5cbiAgICogRGVmYXVsdDogYGZhbHNlYCAqL1xuICBASW5wdXQoKSBtaW5IZWlnaHQxUHg/OiBib29sZWFuXG4gIEBJbnB1dCgpIGRhdGE6IERhdHVtW11cblxuICBjb21wb25lbnQ6IEFyZWE8RGF0dW0+IHwgdW5kZWZpbmVkXG4gIHB1YmxpYyBjb21wb25lbnRDb250YWluZXI6IENvbnRhaW5lckNvcmUgfCB1bmRlZmluZWRcblxuICBuZ0FmdGVyVmlld0luaXQgKCk6IHZvaWQge1xuICAgIHRoaXMuY29tcG9uZW50ID0gbmV3IEFyZWE8RGF0dW0+KHRoaXMuZ2V0Q29uZmlnKCkpXG5cbiAgICBpZiAodGhpcy5kYXRhKSB7XG4gICAgICB0aGlzLmNvbXBvbmVudC5zZXREYXRhKHRoaXMuZGF0YSlcbiAgICAgIHRoaXMuY29tcG9uZW50Q29udGFpbmVyPy5yZW5kZXIoKVxuICAgIH1cbiAgfVxuXG4gIG5nT25DaGFuZ2VzIChjaGFuZ2VzOiBTaW1wbGVDaGFuZ2VzKTogdm9pZCB7XG4gICAgaWYgKGNoYW5nZXMuZGF0YSkgeyB0aGlzLmNvbXBvbmVudD8uc2V0RGF0YSh0aGlzLmRhdGEpIH1cbiAgICB0aGlzLmNvbXBvbmVudD8uc2V0Q29uZmlnKHRoaXMuZ2V0Q29uZmlnKCkpXG4gICAgdGhpcy5jb21wb25lbnRDb250YWluZXI/LnJlbmRlcigpXG4gIH1cblxuICBwcml2YXRlIGdldENvbmZpZyAoKTogQXJlYUNvbmZpZ0ludGVyZmFjZTxEYXR1bT4ge1xuICAgIGNvbnN0IHsgZHVyYXRpb24sIGV2ZW50cywgYXR0cmlidXRlcywgeCwgeSwgaWQsIGNvbG9yLCB4U2NhbGUsIHlTY2FsZSwgZXhjbHVkZUZyb21Eb21haW5DYWxjdWxhdGlvbiwgY3VydmVUeXBlLCBiYXNlbGluZSwgb3BhY2l0eSwgY3Vyc29yLCBtaW5IZWlnaHQxUHggfSA9IHRoaXNcbiAgICBjb25zdCBjb25maWcgPSB7IGR1cmF0aW9uLCBldmVudHMsIGF0dHJpYnV0ZXMsIHgsIHksIGlkLCBjb2xvciwgeFNjYWxlLCB5U2NhbGUsIGV4Y2x1ZGVGcm9tRG9tYWluQ2FsY3VsYXRpb24sIGN1cnZlVHlwZSwgYmFzZWxpbmUsIG9wYWNpdHksIGN1cnNvciwgbWluSGVpZ2h0MVB4IH1cbiAgICBjb25zdCBrZXlzID0gT2JqZWN0LmtleXMoY29uZmlnKSBhcyAoa2V5b2YgQXJlYUNvbmZpZ0ludGVyZmFjZTxEYXR1bT4pW11cbiAgICBrZXlzLmZvckVhY2goa2V5ID0+IHsgaWYgKGNvbmZpZ1trZXldID09PSB1bmRlZmluZWQpIGRlbGV0ZSBjb25maWdba2V5XSB9KVxuXG4gICAgcmV0dXJuIGNvbmZpZ1xuICB9XG59XG4iXX0=

package/dist/lib/esm2015/components/area/area.module.js

@@ -0,0 +1,18 @@
+// !!! This code was automatically generated. You should not change it !!!
+import { NgModule } from '@angular/core';
+import { VisAreaComponent } from './area.component';
+import * as i0 from "@angular/core";
+export class VisAreaModule {
+}
+VisAreaModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: VisAreaModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+VisAreaModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: VisAreaModule, declarations: [VisAreaComponent], exports: [VisAreaComponent] });
+VisAreaModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: VisAreaModule, imports: [[]] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: VisAreaModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [],
+                    declarations: [VisAreaComponent],
+                    exports: [VisAreaComponent],
+                }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYXJlYS5tb2R1bGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9zcmMvY29tcG9uZW50cy9hcmVhL2FyZWEubW9kdWxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLDBFQUEwRTtBQUMxRSxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sZUFBZSxDQUFBO0FBQ3hDLE9BQU8sRUFBRSxnQkFBZ0IsRUFBRSxNQUFNLGtCQUFrQixDQUFBOztBQU9uRCxNQUFNLE9BQU8sYUFBYTs7MkdBQWIsYUFBYTs0R0FBYixhQUFhLGlCQUhULGdCQUFnQixhQUNyQixnQkFBZ0I7NEdBRWYsYUFBYSxZQUpmLEVBQUU7NEZBSUEsYUFBYTtrQkFMekIsUUFBUTttQkFBQztvQkFDUixPQUFPLEVBQUUsRUFBRTtvQkFDWCxZQUFZLEVBQUUsQ0FBQyxnQkFBZ0IsQ0FBQztvQkFDaEMsT0FBTyxFQUFFLENBQUMsZ0JBQWdCLENBQUM7aUJBQzVCIiwic291cmNlc0NvbnRlbnQiOlsiLy8gISEhIFRoaXMgY29kZSB3YXMgYXV0b21hdGljYWxseSBnZW5lcmF0ZWQuIFlvdSBzaG91bGQgbm90IGNoYW5nZSBpdCAhISFcbmltcG9ydCB7IE5nTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSdcbmltcG9ydCB7IFZpc0FyZWFDb21wb25lbnQgfSBmcm9tICcuL2FyZWEuY29tcG9uZW50J1xuXG5ATmdNb2R1bGUoe1xuICBpbXBvcnRzOiBbXSxcbiAgZGVjbGFyYXRpb25zOiBbVmlzQXJlYUNvbXBvbmVudF0sXG4gIGV4cG9ydHM6IFtWaXNBcmVhQ29tcG9uZW50XSxcbn0pXG5leHBvcnQgY2xhc3MgVmlzQXJlYU1vZHVsZSB7fVxuIl19