@unovis/angular 1.6.8-stellar-beta.0 → 1.7.0-csp.0

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

@@ -1,132 +0,0 @@
-import { AfterViewInit, SimpleChanges } from '@angular/core';
-import { Crosshair, CrosshairConfigInterface, ContainerCore, VisEventType, VisEventCallback, NumericAccessor, ColorAccessor, ContinuousScale, Tooltip, CrosshairCircle } from '@unovis/ts';
-import * as i0 from "@angular/core";
-export declare class VisCrosshairComponent<Datum> implements CrosshairConfigInterface<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);
-        };
-    };
-    /** Optional accessor function for getting the values along the X axis. Default: `undefined` */
-    x?: NumericAccessor<Datum>;
-    /** Optional 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);
-    /** Optional color array or color accessor function for crosshair circles. Default: `d => d.color` */
-    color?: ColorAccessor<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;
-    /** Optional stroke color accessor function for crosshair circles. Default: `undefined` */
-    strokeColor?: ColorAccessor<Datum>;
-    /** Optional stroke width for crosshair circles. Default: `undefined` */
-    strokeWidth?: NumericAccessor<Datum>;
-    /** Radius of crosshair circles in pixels. Default: `3` */
-    circleRadius?: number;
-    /** Separate array of accessors for stacked components (eg StackedBar, Area). Default: `undefined` */
-    yStacked?: NumericAccessor<Datum>[];
-    /** Baseline accessor function for stacked values, useful with stacked areas. Default: `null` */
-    baseline?: NumericAccessor<Datum>;
-    /** An instance of the Tooltip component to be used with Crosshair. Default: `undefined` */
-    tooltip?: Tooltip | undefined;
-    /** Tooltip template accessor. The function is supposed to return either a valid HTML string or an HTMLElement.
-     * When `snapToData` is `false`, `datum` will be `undefined` but `data` and `leftNearestDatumIndex` will be provided.
-     * Default: `d => ''` */
-    template?: (datum: Datum, x: number | Date, data: Datum[], leftNearestDatumIndex?: number) => string | HTMLElement;
-    /** Hide Crosshair when the corresponding datum element is far from mouse pointer. Default: `true` */
-    hideWhenFarFromPointer?: boolean;
-    /** Distance in pixels to check in the hideWhenFarFromPointer condition. Default: `100` */
-    hideWhenFarFromPointerDistance?: number;
-    /** Snap to the nearest data point.
-     * If disabled, the tooltip template will receive only the horizontal position of the crosshair and you'll be responsible
-     * for getting the underlying data records and crosshair circles (see the `getCircles` configuration option).
-     * Default: `true` */
-    snapToData?: boolean;
-    /** Custom function for setting up the crosshair circles, usually needed when `snapToData` is set to `false`.
-     * The function receives the horizontal position of the crosshair (in the data space, not in pixels), the data array,
-     * the `yScale` instance to help you calculate the correct vertical position of the circles, and the nearest datum index.
-     * It has to return an array of the `CrosshairCircle` objects: `{ y: number; color: string; opacity?: number }[]`.
-     * Default: `undefined` */
-    getCircles?: (x: number | Date, data: Datum[], yScale: ContinuousScale, leftNearestDatumIndex?: number) => CrosshairCircle[];
-    /** Callback function that is called when the crosshair is moved:
-     * - `x` is the horizontal position of the crosshair in the data space;
-     * - `datum` is the nearest datum to the crosshair;
-     * - `datumIndex` is the index of the nearest datum.
-     * - `event` is the event that triggered the crosshair move (mouse or wheel).
-     *
-     * When the mouse goes out of the container and on wheel events, all the arguments are `undefined` except for `event`.
-     * Default: `undefined` */
-    onCrosshairMove?: (x?: number | Date, datum?: Datum, datumIndex?: number, event?: MouseEvent | WheelEvent) => void;
-    /** Force the crosshair to show at a specific position. Default: `undefined` */
-    forceShowAt?: number | Date;
-    /** Skip range checks for crosshair visibility. When true, crosshair will show regardless of position within chart bounds. Default: `false`
-     * This is useful for testing, especially when you only triggers mousemove event but does not have real mouse event. */
-    skipRangeCheck?: boolean;
-    /** Minimum fraction (`0` to `1`) of the container's area that must be visible in the
-     * viewport for the Crosshair (and its Tooltip) to be displayed. This prevents the
-     * Crosshair from showing when the chart is mostly scrolled out of view. Charts that are
-     * wider or taller than the viewport may never reach the default ratio, so lower this
-     * value (or set it to `0` to always show the Crosshair) for large charts. Default: `0.35` */
-    visibilityThreshold?: number;
-    data: Datum[];
-    component: Crosshair<Datum> | undefined;
-    componentContainer: ContainerCore | undefined;
-    ngAfterViewInit(): void;
-    ngOnChanges(changes: SimpleChanges): void;
-    private getConfig;
-    static ɵfac: i0.ɵɵFactoryDeclaration<VisCrosshairComponent<any>, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<VisCrosshairComponent<any>, "vis-crosshair", never, { "duration": "duration"; "events": "events"; "attributes": "attributes"; "x": "x"; "y": "y"; "id": "id"; "color": "color"; "xScale": "xScale"; "yScale": "yScale"; "excludeFromDomainCalculation": "excludeFromDomainCalculation"; "strokeColor": "strokeColor"; "strokeWidth": "strokeWidth"; "circleRadius": "circleRadius"; "yStacked": "yStacked"; "baseline": "baseline"; "tooltip": "tooltip"; "template": "template"; "hideWhenFarFromPointer": "hideWhenFarFromPointer"; "hideWhenFarFromPointerDistance": "hideWhenFarFromPointerDistance"; "snapToData": "snapToData"; "getCircles": "getCircles"; "onCrosshairMove": "onCrosshairMove"; "forceShowAt": "forceShowAt"; "skipRangeCheck": "skipRangeCheck"; "visibilityThreshold": "visibilityThreshold"; "data": "data"; }, {}, never, never>;
-}

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

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

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

@@ -1,99 +0,0 @@
-import { AfterViewInit, SimpleChanges } from '@angular/core';
-import { Donut, DonutConfigInterface, ContainerCore, VisEventType, VisEventCallback, NumericAccessor, ColorAccessor } from '@unovis/ts';
-import * as i0 from "@angular/core";
-export declare class VisDonutComponent<Datum> implements DonutConfigInterface<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 unique data record id. Used for more persistent data updates. Default: `(d, i) => d.id ?? i` */
-    id?: ((d: Datum, i: number, ...rest: any[]) => string | number);
-    /** Value accessor function. Default: `undefined` */
-    value: NumericAccessor<Datum>;
-    /** Diagram angle range. Default: `[0, 2 * Math.PI]` */
-    angleRange?: [number, number];
-    /** Pad angle. Default: `0` */
-    padAngle?: number;
-    /** Custom sort function. Default: `undefined` */
-    sortFunction?: (a: Datum, b: Datum) => number;
-    /** Corner Radius. Default: `0` */
-    cornerRadius?: number;
-    /** Color accessor function. Default: `undefined` */
-    color?: ColorAccessor<Datum>;
-    /** Explicitly set the donut outer radius. Default: `undefined` */
-    radius?: number;
-    /** Arc width in pixels. Set to `0` if you want to have a pie chart. Default: `20` */
-    arcWidth?: number;
-    /** Central label accessor function or text. Default: `undefined` */
-    centralLabel?: string;
-    /** Central sub-label accessor function or text. Default: `undefined` */
-    centralSubLabel?: string;
-    /** Enables wrapping for the sub-label. Default: `true` */
-    centralSubLabelWrap?: boolean;
-    /** When true, the component will display empty segments (the ones that have `0` values) as tiny slices.
-     * Default: `false` */
-    showEmptySegments?: boolean;
-    /** Angular size for empty segments in radians. Default: `0.5 * Math.PI / 180` */
-    emptySegmentAngle?: number;
-    /** Show donut background. The color is configurable via
-     * the `--vis-donut-background-color` and `--vis-dark-donut-background-color` CSS variables.
-     * Default: `true` */
-    showBackground?: boolean;
-    /** Background angle range. When undefined, the value will be taken from `angleRange`. Default: `undefined` */
-    backgroundAngleRange?: [number, number];
-    /** Central label and sub-label horizontal offset in pixels. Default: `undefined` */
-    centralLabelOffsetX?: number;
-    /** Central label and sub-label vertical offset in pixels. Default: `undefined` */
-    centralLabelOffsetY?: number;
-    data: Datum[];
-    component: Donut<Datum> | undefined;
-    componentContainer: ContainerCore | undefined;
-    ngAfterViewInit(): void;
-    ngOnChanges(changes: SimpleChanges): void;
-    private getConfig;
-    static ɵfac: i0.ɵɵFactoryDeclaration<VisDonutComponent<any>, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<VisDonutComponent<any>, "vis-donut", never, { "duration": "duration"; "events": "events"; "attributes": "attributes"; "id": "id"; "value": "value"; "angleRange": "angleRange"; "padAngle": "padAngle"; "sortFunction": "sortFunction"; "cornerRadius": "cornerRadius"; "color": "color"; "radius": "radius"; "arcWidth": "arcWidth"; "centralLabel": "centralLabel"; "centralSubLabel": "centralSubLabel"; "centralSubLabelWrap": "centralSubLabelWrap"; "showEmptySegments": "showEmptySegments"; "emptySegmentAngle": "emptySegmentAngle"; "showBackground": "showBackground"; "backgroundAngleRange": "backgroundAngleRange"; "centralLabelOffsetX": "centralLabelOffsetX"; "centralLabelOffsetY": "centralLabelOffsetY"; "data": "data"; }, {}, never, never>;
-}

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

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

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

@@ -1,85 +0,0 @@
-import { AfterViewInit, SimpleChanges } from '@angular/core';
-import { FreeBrush, FreeBrushConfigInterface, ContainerCore, VisEventType, VisEventCallback, 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);
-        };
-    };
-    /** 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 | undefined, event: D3BrushEvent<unknown>, userDriven: boolean) => void);
-    /** Callback function to be called on the Brush start event.
-     * Default: `(selection: FreeBrushSelection, event: D3BrushEvent<unknown>, userDriven: boolean): void => {}` */
-    onBrushStart?: ((selection: FreeBrushSelection | undefined, event: D3BrushEvent<unknown>, userDriven: boolean) => void);
-    /** Callback function to be called on the Brush move event.
-     * Default: `(selection: FreeBrushSelection, event: D3BrushEvent<unknown>, userDriven: boolean): void => {}` */
-    onBrushMove?: ((selection: FreeBrushSelection | undefined, event: D3BrushEvent<unknown>, userDriven: boolean) => void);
-    /** Callback function to be called on the Brush end event.
-     * Default: `(selection: FreeBrushSelection, event: D3BrushEvent<unknown>, userDriven: boolean)L void => {}` */
-    onBrushEnd?: ((selection: FreeBrushSelection | undefined, event: D3BrushEvent<unknown>, 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 | undefined;
-    /** 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"; "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

@@ -1,7 +0,0 @@
-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>;
-}