@unovis/angular 1.7.0-Phoenix.0 → 1.7.0-csp.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +4 -0
- package/dist/lib/README.md +4 -0
- package/dist/lib/fesm2022/unovis-angular.mjs +6639 -0
- package/dist/lib/fesm2022/unovis-angular.mjs.map +1 -0
- package/dist/lib/index.d.ts +3878 -0
- package/package.json +47 -40
- package/dist/lib/bundles/unovis-angular.umd.js +0 -3546
- package/dist/lib/bundles/unovis-angular.umd.js.map +0 -1
- package/dist/lib/components/annotations/annotations.component.d.ts +0 -73
- package/dist/lib/components/annotations/annotations.module.d.ts +0 -7
- package/dist/lib/components/area/area.component.d.ts +0 -96
- package/dist/lib/components/area/area.module.d.ts +0 -7
- package/dist/lib/components/axis/axis.component.d.ts +0 -123
- package/dist/lib/components/axis/axis.module.d.ts +0 -7
- package/dist/lib/components/brush/brush.component.d.ts +0 -83
- package/dist/lib/components/brush/brush.module.d.ts +0 -7
- package/dist/lib/components/chord-diagram/chord-diagram.component.d.ts +0 -91
- package/dist/lib/components/chord-diagram/chord-diagram.module.d.ts +0 -7
- package/dist/lib/components/crosshair/crosshair.component.d.ts +0 -124
- package/dist/lib/components/crosshair/crosshair.module.d.ts +0 -7
- package/dist/lib/components/donut/donut.component.d.ts +0 -99
- package/dist/lib/components/donut/donut.module.d.ts +0 -7
- package/dist/lib/components/free-brush/free-brush.component.d.ts +0 -85
- package/dist/lib/components/free-brush/free-brush.module.d.ts +0 -7
- package/dist/lib/components/graph/graph.component.d.ts +0 -296
- package/dist/lib/components/graph/graph.module.d.ts +0 -7
- package/dist/lib/components/grouped-bar/grouped-bar.component.d.ts +0 -101
- package/dist/lib/components/grouped-bar/grouped-bar.module.d.ts +0 -7
- package/dist/lib/components/line/line.component.d.ts +0 -102
- package/dist/lib/components/line/line.module.d.ts +0 -7
- package/dist/lib/components/nested-donut/nested-donut.component.d.ts +0 -107
- package/dist/lib/components/nested-donut/nested-donut.module.d.ts +0 -7
- package/dist/lib/components/plotband/plotband.component.d.ts +0 -81
- package/dist/lib/components/plotband/plotband.module.d.ts +0 -7
- package/dist/lib/components/plotline/plotline.component.d.ts +0 -87
- package/dist/lib/components/plotline/plotline.module.d.ts +0 -7
- package/dist/lib/components/sankey/sankey.component.d.ts +0 -167
- package/dist/lib/components/sankey/sankey.module.d.ts +0 -7
- package/dist/lib/components/scatter/scatter.component.d.ts +0 -110
- package/dist/lib/components/scatter/scatter.module.d.ts +0 -7
- package/dist/lib/components/stacked-bar/stacked-bar.component.d.ts +0 -103
- package/dist/lib/components/stacked-bar/stacked-bar.module.d.ts +0 -7
- package/dist/lib/components/timeline/timeline.component.d.ts +0 -153
- package/dist/lib/components/timeline/timeline.module.d.ts +0 -7
- package/dist/lib/components/tooltip/tooltip.component.d.ts +0 -73
- package/dist/lib/components/tooltip/tooltip.module.d.ts +0 -7
- package/dist/lib/components/topojson-map/topojson-map.component.d.ts +0 -125
- package/dist/lib/components/topojson-map/topojson-map.module.d.ts +0 -7
- package/dist/lib/components/xy-labels/xy-labels.component.d.ts +0 -107
- package/dist/lib/components/xy-labels/xy-labels.module.d.ts +0 -7
- package/dist/lib/components.d.ts +0 -51
- package/dist/lib/containers/single-container/single-container.component.d.ts +0 -46
- package/dist/lib/containers/single-container/single-container.module.d.ts +0 -7
- package/dist/lib/containers/xy-container/xy-container.component.d.ts +0 -101
- package/dist/lib/containers/xy-container/xy-container.module.d.ts +0 -7
- package/dist/lib/containers.d.ts +0 -4
- package/dist/lib/core/core-component.d.ts +0 -6
- package/dist/lib/core/generic-component.d.ts +0 -3
- package/dist/lib/core/index.d.ts +0 -3
- package/dist/lib/core/xy-component.d.ts +0 -6
- package/dist/lib/esm2015/components/annotations/annotations.component.js +0 -43
- package/dist/lib/esm2015/components/annotations/annotations.module.js +0 -18
- package/dist/lib/esm2015/components/area/area.component.js +0 -77
- package/dist/lib/esm2015/components/area/area.module.js +0 -18
- package/dist/lib/esm2015/components/axis/axis.component.js +0 -109
- package/dist/lib/esm2015/components/axis/axis.module.js +0 -18
- package/dist/lib/esm2015/components/brush/brush.component.js +0 -69
- package/dist/lib/esm2015/components/brush/brush.module.js +0 -18
- package/dist/lib/esm2015/components/chord-diagram/chord-diagram.component.js +0 -79
- package/dist/lib/esm2015/components/chord-diagram/chord-diagram.module.js +0 -18
- package/dist/lib/esm2015/components/crosshair/crosshair.component.js +0 -91
- package/dist/lib/esm2015/components/crosshair/crosshair.module.js +0 -18
- package/dist/lib/esm2015/components/donut/donut.component.js +0 -87
- package/dist/lib/esm2015/components/donut/donut.module.js +0 -18
- package/dist/lib/esm2015/components/free-brush/free-brush.component.js +0 -69
- package/dist/lib/esm2015/components/free-brush/free-brush.module.js +0 -18
- package/dist/lib/esm2015/components/graph/graph.component.js +0 -231
- package/dist/lib/esm2015/components/graph/graph.module.js +0 -18
- package/dist/lib/esm2015/components/grouped-bar/grouped-bar.component.js +0 -83
- package/dist/lib/esm2015/components/grouped-bar/grouped-bar.module.js +0 -18
- package/dist/lib/esm2015/components/line/line.component.js +0 -79
- package/dist/lib/esm2015/components/line/line.module.js +0 -18
- package/dist/lib/esm2015/components/nested-donut/nested-donut.component.js +0 -89
- package/dist/lib/esm2015/components/nested-donut/nested-donut.module.js +0 -18
- package/dist/lib/esm2015/components/plotband/plotband.component.js +0 -61
- package/dist/lib/esm2015/components/plotband/plotband.module.js +0 -18
- package/dist/lib/esm2015/components/plotline/plotline.component.js +0 -63
- package/dist/lib/esm2015/components/plotline/plotline.module.js +0 -18
- package/dist/lib/esm2015/components/sankey/sankey.component.js +0 -139
- package/dist/lib/esm2015/components/sankey/sankey.module.js +0 -18
- package/dist/lib/esm2015/components/scatter/scatter.component.js +0 -89
- package/dist/lib/esm2015/components/scatter/scatter.module.js +0 -18
- package/dist/lib/esm2015/components/stacked-bar/stacked-bar.component.js +0 -83
- package/dist/lib/esm2015/components/stacked-bar/stacked-bar.module.js +0 -18
- package/dist/lib/esm2015/components/timeline/timeline.component.js +0 -131
- package/dist/lib/esm2015/components/timeline/timeline.module.js +0 -18
- package/dist/lib/esm2015/components/tooltip/tooltip.component.js +0 -61
- package/dist/lib/esm2015/components/tooltip/tooltip.module.js +0 -18
- package/dist/lib/esm2015/components/topojson-map/topojson-map.component.js +0 -111
- package/dist/lib/esm2015/components/topojson-map/topojson-map.module.js +0 -18
- package/dist/lib/esm2015/components/xy-labels/xy-labels.component.js +0 -91
- package/dist/lib/esm2015/components/xy-labels/xy-labels.module.js +0 -18
- package/dist/lib/esm2015/components.js +0 -55
- package/dist/lib/esm2015/containers/single-container/single-container.component.js +0 -82
- package/dist/lib/esm2015/containers/single-container/single-container.module.js +0 -17
- package/dist/lib/esm2015/containers/xy-container/xy-container.component.js +0 -177
- package/dist/lib/esm2015/containers/xy-container/xy-container.module.js +0 -17
- package/dist/lib/esm2015/containers.js +0 -5
- package/dist/lib/esm2015/core/core-component.js +0 -4
- package/dist/lib/esm2015/core/generic-component.js +0 -3
- package/dist/lib/esm2015/core/index.js +0 -4
- package/dist/lib/esm2015/core/xy-component.js +0 -4
- package/dist/lib/esm2015/html-components/bullet-legend/bullet-legend.component.js +0 -56
- package/dist/lib/esm2015/html-components/bullet-legend/bullet-legend.module.js +0 -18
- package/dist/lib/esm2015/html-components/leaflet-flow-map/leaflet-flow-map.component.js +0 -170
- package/dist/lib/esm2015/html-components/leaflet-flow-map/leaflet-flow-map.module.js +0 -18
- package/dist/lib/esm2015/html-components/leaflet-map/leaflet-map.component.js +0 -144
- package/dist/lib/esm2015/html-components/leaflet-map/leaflet-map.module.js +0 -18
- package/dist/lib/esm2015/html-components/rolling-pin-legend/rolling-pin-legend.component.js +0 -48
- package/dist/lib/esm2015/html-components/rolling-pin-legend/rolling-pin-legend.module.js +0 -18
- package/dist/lib/esm2015/public-api.js +0 -3
- package/dist/lib/esm2015/unovis-angular.js +0 -5
- package/dist/lib/fesm2015/unovis-angular.js +0 -2922
- package/dist/lib/fesm2015/unovis-angular.js.map +0 -1
- package/dist/lib/html-components/bullet-legend/bullet-legend.component.d.ts +0 -42
- package/dist/lib/html-components/bullet-legend/bullet-legend.module.d.ts +0 -7
- package/dist/lib/html-components/leaflet-flow-map/leaflet-flow-map.component.d.ts +0 -212
- package/dist/lib/html-components/leaflet-flow-map/leaflet-flow-map.module.d.ts +0 -7
- package/dist/lib/html-components/leaflet-map/leaflet-map.component.d.ts +0 -183
- package/dist/lib/html-components/leaflet-map/leaflet-map.module.d.ts +0 -7
- package/dist/lib/html-components/rolling-pin-legend/rolling-pin-legend.component.d.ts +0 -24
- package/dist/lib/html-components/rolling-pin-legend/rolling-pin-legend.module.d.ts +0 -7
- package/dist/lib/package.json +0 -53
- package/dist/lib/public-api.d.ts +0 -2
- package/dist/lib/unovis-angular.d.ts +0 -5
|
@@ -1,73 +0,0 @@
|
|
|
1
|
-
import { AfterViewInit, SimpleChanges } from '@angular/core';
|
|
2
|
-
import { Annotations, AnnotationsConfigInterface, ContainerCore, VisEventType, VisEventCallback, AnnotationItem } from '@unovis/ts';
|
|
3
|
-
import * as i0 from "@angular/core";
|
|
4
|
-
export declare class VisAnnotationsComponent implements AnnotationsConfigInterface, AfterViewInit {
|
|
5
|
-
/** Animation duration of the data update transitions in milliseconds. Default: `600` */
|
|
6
|
-
duration?: number;
|
|
7
|
-
/** Events configuration. An object containing properties in the following format:
|
|
8
|
-
*
|
|
9
|
-
* ```
|
|
10
|
-
* {
|
|
11
|
-
* \[selectorString]: {
|
|
12
|
-
* \[eventType]: callbackFunction
|
|
13
|
-
* }
|
|
14
|
-
* }
|
|
15
|
-
* ```
|
|
16
|
-
* e.g.:
|
|
17
|
-
* ```
|
|
18
|
-
* {
|
|
19
|
-
* \[Area.selectors.area]: {
|
|
20
|
-
* click: (d) => console.log("Clicked Area", d)
|
|
21
|
-
* }
|
|
22
|
-
* }
|
|
23
|
-
* ``` */
|
|
24
|
-
events?: {
|
|
25
|
-
[selector: string]: {
|
|
26
|
-
[eventType in VisEventType]?: VisEventCallback;
|
|
27
|
-
};
|
|
28
|
-
};
|
|
29
|
-
/** You can set every SVG and HTML visualization object to have a custom DOM attributes, which is useful
|
|
30
|
-
* when you want to do unit or end-to-end testing. Attributes configuration object has the following structure:
|
|
31
|
-
*
|
|
32
|
-
* ```
|
|
33
|
-
* {
|
|
34
|
-
* \[selectorString]: {
|
|
35
|
-
* \[attributeName]: attribute constant value or accessor function
|
|
36
|
-
* }
|
|
37
|
-
* }
|
|
38
|
-
* ```
|
|
39
|
-
* e.g.:
|
|
40
|
-
* ```
|
|
41
|
-
* {
|
|
42
|
-
* \[Area.selectors.area]: {
|
|
43
|
-
* "test-value": d => d.value
|
|
44
|
-
* }
|
|
45
|
-
* }
|
|
46
|
-
* ``` */
|
|
47
|
-
attributes?: {
|
|
48
|
-
[selector: string]: {
|
|
49
|
-
[attr: string]: string | number | boolean | ((datum: any) => string | number | boolean);
|
|
50
|
-
};
|
|
51
|
-
};
|
|
52
|
-
/** Legend items. Array of `AnnotationItem`:
|
|
53
|
-
* ```
|
|
54
|
-
* {
|
|
55
|
-
* content: string | UnovisText | UnovisText[];
|
|
56
|
-
* subject?: AnnotationSubject;
|
|
57
|
-
* x?: LengthUnit;
|
|
58
|
-
* y?: LengthUnit;
|
|
59
|
-
* width?: LengthUnit;
|
|
60
|
-
* height?: LengthUnit;
|
|
61
|
-
* }
|
|
62
|
-
* ```
|
|
63
|
-
* To learn more, see our docs https://unovis.dev/docs/auxiliary/Annotations/
|
|
64
|
-
* Default: `[]` */
|
|
65
|
-
items: AnnotationItem[] | undefined;
|
|
66
|
-
component: Annotations | undefined;
|
|
67
|
-
componentContainer: ContainerCore | undefined;
|
|
68
|
-
ngAfterViewInit(): void;
|
|
69
|
-
ngOnChanges(changes: SimpleChanges): void;
|
|
70
|
-
private getConfig;
|
|
71
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<VisAnnotationsComponent, never>;
|
|
72
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<VisAnnotationsComponent, "vis-annotations", never, { "duration": "duration"; "events": "events"; "attributes": "attributes"; "items": "items"; }, {}, never, never>;
|
|
73
|
-
}
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
import * as i0 from "@angular/core";
|
|
2
|
-
import * as i1 from "./annotations.component";
|
|
3
|
-
export declare class VisAnnotationsModule {
|
|
4
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<VisAnnotationsModule, never>;
|
|
5
|
-
static ɵmod: i0.ɵɵNgModuleDeclaration<VisAnnotationsModule, [typeof i1.VisAnnotationsComponent], never, [typeof i1.VisAnnotationsComponent]>;
|
|
6
|
-
static ɵinj: i0.ɵɵInjectorDeclaration<VisAnnotationsModule>;
|
|
7
|
-
}
|
|
@@ -1,96 +0,0 @@
|
|
|
1
|
-
import { AfterViewInit, SimpleChanges } from '@angular/core';
|
|
2
|
-
import { Area, AreaConfigInterface, ContainerCore, VisEventType, VisEventCallback, NumericAccessor, ColorAccessor, ContinuousScale, CurveType, StringAccessor } from '@unovis/ts';
|
|
3
|
-
import * as i0 from "@angular/core";
|
|
4
|
-
export declare class VisAreaComponent<Datum> implements AreaConfigInterface<Datum>, AfterViewInit {
|
|
5
|
-
/** Animation duration of the data update transitions in milliseconds. Default: `600` */
|
|
6
|
-
duration?: number;
|
|
7
|
-
/** Events configuration. An object containing properties in the following format:
|
|
8
|
-
*
|
|
9
|
-
* ```
|
|
10
|
-
* {
|
|
11
|
-
* \[selectorString]: {
|
|
12
|
-
* \[eventType]: callbackFunction
|
|
13
|
-
* }
|
|
14
|
-
* }
|
|
15
|
-
* ```
|
|
16
|
-
* e.g.:
|
|
17
|
-
* ```
|
|
18
|
-
* {
|
|
19
|
-
* \[Area.selectors.area]: {
|
|
20
|
-
* click: (d) => console.log("Clicked Area", d)
|
|
21
|
-
* }
|
|
22
|
-
* }
|
|
23
|
-
* ``` */
|
|
24
|
-
events?: {
|
|
25
|
-
[selector: string]: {
|
|
26
|
-
[eventType in VisEventType]?: VisEventCallback;
|
|
27
|
-
};
|
|
28
|
-
};
|
|
29
|
-
/** You can set every SVG and HTML visualization object to have a custom DOM attributes, which is useful
|
|
30
|
-
* when you want to do unit or end-to-end testing. Attributes configuration object has the following structure:
|
|
31
|
-
*
|
|
32
|
-
* ```
|
|
33
|
-
* {
|
|
34
|
-
* \[selectorString]: {
|
|
35
|
-
* \[attributeName]: attribute constant value or accessor function
|
|
36
|
-
* }
|
|
37
|
-
* }
|
|
38
|
-
* ```
|
|
39
|
-
* e.g.:
|
|
40
|
-
* ```
|
|
41
|
-
* {
|
|
42
|
-
* \[Area.selectors.area]: {
|
|
43
|
-
* "test-value": d => d.value
|
|
44
|
-
* }
|
|
45
|
-
* }
|
|
46
|
-
* ``` */
|
|
47
|
-
attributes?: {
|
|
48
|
-
[selector: string]: {
|
|
49
|
-
[attr: string]: string | number | boolean | ((datum: any) => string | number | boolean);
|
|
50
|
-
};
|
|
51
|
-
};
|
|
52
|
-
/** Accessor function for getting the values along the X axis. Default: `undefined` */
|
|
53
|
-
x: NumericAccessor<Datum>;
|
|
54
|
-
/** A single of multiple accessor functions for getting the values along the Y axis. Default: `undefined` */
|
|
55
|
-
y: NumericAccessor<Datum> | NumericAccessor<Datum>[];
|
|
56
|
-
/** Accessor function for getting the unique data record id. Used for more persistent data updates. Default: `(d, i) => d.id ?? i` */
|
|
57
|
-
id?: ((d: Datum, i: number, ...rest: any[]) => string);
|
|
58
|
-
/** Area color accessor function. The whole data array will be passed as the first argument. Default: `undefined` */
|
|
59
|
-
color?: ColorAccessor<Datum[]>;
|
|
60
|
-
/** 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.
|
|
61
|
-
* Only continuous scales are supported.
|
|
62
|
-
* Default: `undefined` */
|
|
63
|
-
xScale?: ContinuousScale;
|
|
64
|
-
/** 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.
|
|
65
|
-
* Only continuous scales are supported.
|
|
66
|
-
* Default: `undefined` */
|
|
67
|
-
yScale?: ContinuousScale;
|
|
68
|
-
/** Identifies whether the component should be excluded from overall X and Y domain calculations or not.
|
|
69
|
-
* This property can be useful when you want pass individual data to a component and you don't want it to affect
|
|
70
|
-
* the scales of the chart.
|
|
71
|
-
* Default: `false` */
|
|
72
|
-
excludeFromDomainCalculation?: boolean;
|
|
73
|
-
/** Curve type from the CurveType enum. Default: `CurveType.MonotoneX` */
|
|
74
|
-
curveType?: CurveType | string;
|
|
75
|
-
/** Baseline value or accessor function. Default: `undefined` */
|
|
76
|
-
baseline?: NumericAccessor<Datum>;
|
|
77
|
-
/** Opacity value or accessor function. Default: `1` */
|
|
78
|
-
opacity?: NumericAccessor<Datum[]>;
|
|
79
|
-
/** Optional area cursor. String or accessor function. Default: `null` */
|
|
80
|
-
cursor?: StringAccessor<Datum[]>;
|
|
81
|
-
/** If an area is smaller than 1px, extend it to have 1px height. Default: `false` */
|
|
82
|
-
minHeight1Px?: boolean;
|
|
83
|
-
/** Minimum height of the area, use carefully.
|
|
84
|
-
* This setting is useful when some of the area values are zeros or very small so visually they become
|
|
85
|
-
* practically invisible, but you want to show that the data behind them exists and they're not just empty segments.
|
|
86
|
-
* Default: `undefined` */
|
|
87
|
-
minHeight?: number;
|
|
88
|
-
data: Datum[];
|
|
89
|
-
component: Area<Datum> | undefined;
|
|
90
|
-
componentContainer: ContainerCore | undefined;
|
|
91
|
-
ngAfterViewInit(): void;
|
|
92
|
-
ngOnChanges(changes: SimpleChanges): void;
|
|
93
|
-
private getConfig;
|
|
94
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<VisAreaComponent<any>, never>;
|
|
95
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<VisAreaComponent<any>, "vis-area", never, { "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"; "minHeight": "minHeight"; "data": "data"; }, {}, never, never>;
|
|
96
|
-
}
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
import * as i0 from "@angular/core";
|
|
2
|
-
import * as i1 from "./area.component";
|
|
3
|
-
export declare class VisAreaModule {
|
|
4
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<VisAreaModule, never>;
|
|
5
|
-
static ɵmod: i0.ɵɵNgModuleDeclaration<VisAreaModule, [typeof i1.VisAreaComponent], never, [typeof i1.VisAreaComponent]>;
|
|
6
|
-
static ɵinj: i0.ɵɵInjectorDeclaration<VisAreaModule>;
|
|
7
|
-
}
|
|
@@ -1,123 +0,0 @@
|
|
|
1
|
-
import { AfterViewInit, SimpleChanges } from '@angular/core';
|
|
2
|
-
import { Axis, AxisConfigInterface, ContainerCore, VisEventType, VisEventCallback, Position, AxisType, FitMode, TrimMode, TextAlign } from '@unovis/ts';
|
|
3
|
-
import * as i0 from "@angular/core";
|
|
4
|
-
export declare class VisAxisComponent<Datum> implements AxisConfigInterface<Datum>, AfterViewInit {
|
|
5
|
-
/** Animation duration of the data update transitions in milliseconds. Default: `600` */
|
|
6
|
-
duration?: number;
|
|
7
|
-
/** Events configuration. An object containing properties in the following format:
|
|
8
|
-
*
|
|
9
|
-
* ```
|
|
10
|
-
* {
|
|
11
|
-
* \[selectorString]: {
|
|
12
|
-
* \[eventType]: callbackFunction
|
|
13
|
-
* }
|
|
14
|
-
* }
|
|
15
|
-
* ```
|
|
16
|
-
* e.g.:
|
|
17
|
-
* ```
|
|
18
|
-
* {
|
|
19
|
-
* \[Area.selectors.area]: {
|
|
20
|
-
* click: (d) => console.log("Clicked Area", d)
|
|
21
|
-
* }
|
|
22
|
-
* }
|
|
23
|
-
* ``` */
|
|
24
|
-
events?: {
|
|
25
|
-
[selector: string]: {
|
|
26
|
-
[eventType in VisEventType]?: VisEventCallback;
|
|
27
|
-
};
|
|
28
|
-
};
|
|
29
|
-
/** You can set every SVG and HTML visualization object to have a custom DOM attributes, which is useful
|
|
30
|
-
* when you want to do unit or end-to-end testing. Attributes configuration object has the following structure:
|
|
31
|
-
*
|
|
32
|
-
* ```
|
|
33
|
-
* {
|
|
34
|
-
* \[selectorString]: {
|
|
35
|
-
* \[attributeName]: attribute constant value or accessor function
|
|
36
|
-
* }
|
|
37
|
-
* }
|
|
38
|
-
* ```
|
|
39
|
-
* e.g.:
|
|
40
|
-
* ```
|
|
41
|
-
* {
|
|
42
|
-
* \[Area.selectors.area]: {
|
|
43
|
-
* "test-value": d => d.value
|
|
44
|
-
* }
|
|
45
|
-
* }
|
|
46
|
-
* ``` */
|
|
47
|
-
attributes?: {
|
|
48
|
-
[selector: string]: {
|
|
49
|
-
[attr: string]: string | number | boolean | ((datum: any) => string | number | boolean);
|
|
50
|
-
};
|
|
51
|
-
};
|
|
52
|
-
/** Axis position: `Position.Top`, `Position.Bottom`, `Position.Right` or `Position.Left`. Default: `undefined` */
|
|
53
|
-
position?: Position | string;
|
|
54
|
-
/** Axis type: `AxisType.X` or `AxisType.Y` */
|
|
55
|
-
type?: AxisType | string;
|
|
56
|
-
/** Extend the axis domain line to be full width or full height. Default: `true` */
|
|
57
|
-
fullSize?: boolean;
|
|
58
|
-
/** Axis label. Default: `undefined` */
|
|
59
|
-
label?: string;
|
|
60
|
-
/** Font size of the axis label as CSS string. Default: `null` */
|
|
61
|
-
labelFontSize?: string | null;
|
|
62
|
-
/** Distance between the axis and the label in pixels. Default: `8` */
|
|
63
|
-
labelMargin?: number;
|
|
64
|
-
/** Label text fit mode: `FitMode.Wrap` or `FitMode.Trim`. Default: `FitMode.Wrap`. */
|
|
65
|
-
labelTextFitMode?: FitMode | string;
|
|
66
|
-
/** Label text trim mode: `TrimMode.Start`, `TrimMode.Middle` or `TrimMode.End`. Default: `TrimMode.Middle` */
|
|
67
|
-
labelTextTrimType?: TrimMode | string;
|
|
68
|
-
/** Font color of the axis label as CSS string. Default: `null` */
|
|
69
|
-
labelColor?: string | null;
|
|
70
|
-
/** Sets whether to draw the grid lines or not. Default: `true` */
|
|
71
|
-
gridLine?: boolean;
|
|
72
|
-
/** Sets whether to draw the tick lines or not. Default: `true` */
|
|
73
|
-
tickLine?: boolean;
|
|
74
|
-
/** Sets whether to draw the domain line or not. Default: `true` */
|
|
75
|
-
domainLine?: boolean;
|
|
76
|
-
/** Draw only the min and max axis ticks. Default: `false` */
|
|
77
|
-
minMaxTicksOnly?: boolean;
|
|
78
|
-
/** Show grid lines for the min and max axis ticks. Default: `false` */
|
|
79
|
-
minMaxTicksOnlyShowGridLines?: boolean;
|
|
80
|
-
/** Draw only the min and max axis ticks, when the chart
|
|
81
|
-
* width is less than the specified value.
|
|
82
|
-
* Default: `250` */
|
|
83
|
-
minMaxTicksOnlyWhenWidthIsLess?: number;
|
|
84
|
-
/** Tick label formatter function. Default: `undefined` */
|
|
85
|
-
tickFormat?: ((tick: number | Date, i: number, ticks: number[] | Date[]) => string);
|
|
86
|
-
/** Explicitly set tick values. Default: `undefined` */
|
|
87
|
-
tickValues?: number[];
|
|
88
|
-
/** Set the approximate number of axis ticks (will be passed to D3's axis constructor). Default: `undefined` */
|
|
89
|
-
numTicks?: number;
|
|
90
|
-
/** Tick text fit mode: `FitMode.Wrap` or `FitMode.Trim`. Default: `FitMode.Wrap`. */
|
|
91
|
-
tickTextFitMode?: FitMode | string;
|
|
92
|
-
/** Maximum width in pixels for the tick text to be wrapped or trimmed. Default: `undefined` */
|
|
93
|
-
tickTextWidth?: number;
|
|
94
|
-
/** Tick text wrapping separator. String or array of strings. Default: `undefined` */
|
|
95
|
-
tickTextSeparator?: string | string[];
|
|
96
|
-
/** Force word break for ticks when they don't fit. Default: `false` */
|
|
97
|
-
tickTextForceWordBreak?: boolean;
|
|
98
|
-
/** Tick text trim mode: `TrimMode.Start`, `TrimMode.Middle` or `TrimMode.End`. Default: `TrimMode.Middle` */
|
|
99
|
-
tickTextTrimType?: TrimMode | string;
|
|
100
|
-
/** Font size of the tick text as CSS string. Default: `null` */
|
|
101
|
-
tickTextFontSize?: string | null;
|
|
102
|
-
/** Text alignment for ticks: `TextAlign.Left`, `TextAlign.Center` or `TextAlign.Right`. Default: `undefined` */
|
|
103
|
-
tickTextAlign?: TextAlign | string;
|
|
104
|
-
/** Font color of the tick text as CSS string. Default: `null` */
|
|
105
|
-
tickTextColor?: string | null;
|
|
106
|
-
/** Text rotation angle for ticks. Default: `undefined` */
|
|
107
|
-
tickTextAngle?: number;
|
|
108
|
-
/** Hide tick labels that overlap with each other.
|
|
109
|
-
* To define overlapping, a simple bounding box collision detection algorithm is used.
|
|
110
|
-
* Which means the result won't be accurate when `tickTextAngle` is specified.
|
|
111
|
-
* Default: `undefined` */
|
|
112
|
-
tickTextHideOverlapping?: boolean;
|
|
113
|
-
/** The spacing in pixels between the tick and it's label. Default: `8` */
|
|
114
|
-
tickPadding?: number;
|
|
115
|
-
data: Datum[];
|
|
116
|
-
component: Axis<Datum> | undefined;
|
|
117
|
-
componentContainer: ContainerCore | undefined;
|
|
118
|
-
ngAfterViewInit(): void;
|
|
119
|
-
ngOnChanges(changes: SimpleChanges): void;
|
|
120
|
-
private getConfig;
|
|
121
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<VisAxisComponent<any>, never>;
|
|
122
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<VisAxisComponent<any>, "vis-axis", never, { "duration": "duration"; "events": "events"; "attributes": "attributes"; "position": "position"; "type": "type"; "fullSize": "fullSize"; "label": "label"; "labelFontSize": "labelFontSize"; "labelMargin": "labelMargin"; "labelTextFitMode": "labelTextFitMode"; "labelTextTrimType": "labelTextTrimType"; "labelColor": "labelColor"; "gridLine": "gridLine"; "tickLine": "tickLine"; "domainLine": "domainLine"; "minMaxTicksOnly": "minMaxTicksOnly"; "minMaxTicksOnlyShowGridLines": "minMaxTicksOnlyShowGridLines"; "minMaxTicksOnlyWhenWidthIsLess": "minMaxTicksOnlyWhenWidthIsLess"; "tickFormat": "tickFormat"; "tickValues": "tickValues"; "numTicks": "numTicks"; "tickTextFitMode": "tickTextFitMode"; "tickTextWidth": "tickTextWidth"; "tickTextSeparator": "tickTextSeparator"; "tickTextForceWordBreak": "tickTextForceWordBreak"; "tickTextTrimType": "tickTextTrimType"; "tickTextFontSize": "tickTextFontSize"; "tickTextAlign": "tickTextAlign"; "tickTextColor": "tickTextColor"; "tickTextAngle": "tickTextAngle"; "tickTextHideOverlapping": "tickTextHideOverlapping"; "tickPadding": "tickPadding"; "data": "data"; }, {}, never, never>;
|
|
123
|
-
}
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
import * as i0 from "@angular/core";
|
|
2
|
-
import * as i1 from "./axis.component";
|
|
3
|
-
export declare class VisAxisModule {
|
|
4
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<VisAxisModule, never>;
|
|
5
|
-
static ɵmod: i0.ɵɵNgModuleDeclaration<VisAxisModule, [typeof i1.VisAxisComponent], never, [typeof i1.VisAxisComponent]>;
|
|
6
|
-
static ɵinj: i0.ɵɵInjectorDeclaration<VisAxisModule>;
|
|
7
|
-
}
|
|
@@ -1,83 +0,0 @@
|
|
|
1
|
-
import { AfterViewInit, SimpleChanges } from '@angular/core';
|
|
2
|
-
import { Brush, BrushConfigInterface, ContainerCore, VisEventType, VisEventCallback, Arrangement } from '@unovis/ts';
|
|
3
|
-
import { D3BrushEvent } from 'd3-brush';
|
|
4
|
-
import * as i0 from "@angular/core";
|
|
5
|
-
export declare class VisBrushComponent<Datum> implements BrushConfigInterface<Datum>, AfterViewInit {
|
|
6
|
-
/** Animation duration of the data update transitions in milliseconds. Default: `600` */
|
|
7
|
-
duration?: number;
|
|
8
|
-
/** Events configuration. An object containing properties in the following format:
|
|
9
|
-
*
|
|
10
|
-
* ```
|
|
11
|
-
* {
|
|
12
|
-
* \[selectorString]: {
|
|
13
|
-
* \[eventType]: callbackFunction
|
|
14
|
-
* }
|
|
15
|
-
* }
|
|
16
|
-
* ```
|
|
17
|
-
* e.g.:
|
|
18
|
-
* ```
|
|
19
|
-
* {
|
|
20
|
-
* \[Area.selectors.area]: {
|
|
21
|
-
* click: (d) => console.log("Clicked Area", d)
|
|
22
|
-
* }
|
|
23
|
-
* }
|
|
24
|
-
* ``` */
|
|
25
|
-
events?: {
|
|
26
|
-
[selector: string]: {
|
|
27
|
-
[eventType in VisEventType]?: VisEventCallback;
|
|
28
|
-
};
|
|
29
|
-
};
|
|
30
|
-
/** You can set every SVG and HTML visualization object to have a custom DOM attributes, which is useful
|
|
31
|
-
* when you want to do unit or end-to-end testing. Attributes configuration object has the following structure:
|
|
32
|
-
*
|
|
33
|
-
* ```
|
|
34
|
-
* {
|
|
35
|
-
* \[selectorString]: {
|
|
36
|
-
* \[attributeName]: attribute constant value or accessor function
|
|
37
|
-
* }
|
|
38
|
-
* }
|
|
39
|
-
* ```
|
|
40
|
-
* e.g.:
|
|
41
|
-
* ```
|
|
42
|
-
* {
|
|
43
|
-
* \[Area.selectors.area]: {
|
|
44
|
-
* "test-value": d => d.value
|
|
45
|
-
* }
|
|
46
|
-
* }
|
|
47
|
-
* ``` */
|
|
48
|
-
attributes?: {
|
|
49
|
-
[selector: string]: {
|
|
50
|
-
[attr: string]: string | number | boolean | ((datum: any) => string | number | boolean);
|
|
51
|
-
};
|
|
52
|
-
};
|
|
53
|
-
/** Callback function to be called on any Brush event.
|
|
54
|
-
* Default: `(selection: [number, number], event: D3BrushEvent<Datum>, userDriven: boolean): void => {}` */
|
|
55
|
-
onBrush?: ((selection: [number, number] | undefined, event: D3BrushEvent<Datum>, userDriven: boolean) => void);
|
|
56
|
-
/** Callback function to be called on the Brush start event.
|
|
57
|
-
* Default: `(selection: [number, number], event: D3BrushEvent<Datum>, userDriven: boolean): void => {}` */
|
|
58
|
-
onBrushStart?: ((selection: [number, number] | undefined, event: D3BrushEvent<Datum>, userDriven: boolean) => void);
|
|
59
|
-
/** Callback function to be called on the Brush move event.
|
|
60
|
-
* Default: `(selection: [number, number], event: D3BrushEvent<Datum>, userDriven: boolean): void => {}` */
|
|
61
|
-
onBrushMove?: ((selection: [number, number] | undefined, event: D3BrushEvent<Datum>, userDriven: boolean) => void);
|
|
62
|
-
/** Callback function to be called on the Brush end event.
|
|
63
|
-
* Default: `(selection: [number, number], event: D3BrushEvent<Datum>, userDriven: boolean): void => {}` */
|
|
64
|
-
onBrushEnd?: ((selection: [number, number] | undefined, event: D3BrushEvent<Datum>, userDriven: boolean) => void);
|
|
65
|
-
/** Width of the Brush handle. Default: `1` */
|
|
66
|
-
handleWidth?: number;
|
|
67
|
-
/** Brush selection in the data space coordinates, can be used to control the selection. Default: `undefined` */
|
|
68
|
-
selection?: [number, number] | null;
|
|
69
|
-
/** Allow dragging the selected area as a whole in order to change the selected range. Default: `false` */
|
|
70
|
-
draggable?: boolean;
|
|
71
|
-
/** Position of the handle: `Arrangement.Inside` or `Arrangement.Outside`. Default: `Arrangement.Inside` */
|
|
72
|
-
handlePosition?: Arrangement.Inside | Arrangement.Outside | string;
|
|
73
|
-
/** Constraint Brush selection to a minimal length in data units. Default: `undefined` */
|
|
74
|
-
selectionMinLength?: number;
|
|
75
|
-
data: Datum[];
|
|
76
|
-
component: Brush<Datum> | undefined;
|
|
77
|
-
componentContainer: ContainerCore | undefined;
|
|
78
|
-
ngAfterViewInit(): void;
|
|
79
|
-
ngOnChanges(changes: SimpleChanges): void;
|
|
80
|
-
private getConfig;
|
|
81
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<VisBrushComponent<any>, never>;
|
|
82
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<VisBrushComponent<any>, "vis-brush", never, { "duration": "duration"; "events": "events"; "attributes": "attributes"; "onBrush": "onBrush"; "onBrushStart": "onBrushStart"; "onBrushMove": "onBrushMove"; "onBrushEnd": "onBrushEnd"; "handleWidth": "handleWidth"; "selection": "selection"; "draggable": "draggable"; "handlePosition": "handlePosition"; "selectionMinLength": "selectionMinLength"; "data": "data"; }, {}, never, never>;
|
|
83
|
-
}
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
import * as i0 from "@angular/core";
|
|
2
|
-
import * as i1 from "./brush.component";
|
|
3
|
-
export declare class VisBrushModule {
|
|
4
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<VisBrushModule, never>;
|
|
5
|
-
static ɵmod: i0.ɵɵNgModuleDeclaration<VisBrushModule, [typeof i1.VisBrushComponent], never, [typeof i1.VisBrushComponent]>;
|
|
6
|
-
static ɵinj: i0.ɵɵInjectorDeclaration<VisBrushModule>;
|
|
7
|
-
}
|
|
@@ -1,91 +0,0 @@
|
|
|
1
|
-
import { AfterViewInit, SimpleChanges } from '@angular/core';
|
|
2
|
-
import { ChordDiagram, ChordDiagramConfigInterface, ContainerCore, ChordInputNode, ChordInputLink, VisEventType, VisEventCallback, NumericAccessor, ChordNodeDatum, ColorAccessor, ChordLinkDatum, StringAccessor, GenericAccessor, ChordLabelAlignment } from '@unovis/ts';
|
|
3
|
-
import * as i0 from "@angular/core";
|
|
4
|
-
export declare class VisChordDiagramComponent<N extends ChordInputNode, L extends ChordInputLink> implements ChordDiagramConfigInterface<N, L>, AfterViewInit {
|
|
5
|
-
/** Animation duration of the data update transitions in milliseconds. Default: `600` */
|
|
6
|
-
duration?: number;
|
|
7
|
-
/** Events configuration. An object containing properties in the following format:
|
|
8
|
-
*
|
|
9
|
-
* ```
|
|
10
|
-
* {
|
|
11
|
-
* \[selectorString]: {
|
|
12
|
-
* \[eventType]: callbackFunction
|
|
13
|
-
* }
|
|
14
|
-
* }
|
|
15
|
-
* ```
|
|
16
|
-
* e.g.:
|
|
17
|
-
* ```
|
|
18
|
-
* {
|
|
19
|
-
* \[Area.selectors.area]: {
|
|
20
|
-
* click: (d) => console.log("Clicked Area", d)
|
|
21
|
-
* }
|
|
22
|
-
* }
|
|
23
|
-
* ``` */
|
|
24
|
-
events?: {
|
|
25
|
-
[selector: string]: {
|
|
26
|
-
[eventType in VisEventType]?: VisEventCallback;
|
|
27
|
-
};
|
|
28
|
-
};
|
|
29
|
-
/** You can set every SVG and HTML visualization object to have a custom DOM attributes, which is useful
|
|
30
|
-
* when you want to do unit or end-to-end testing. Attributes configuration object has the following structure:
|
|
31
|
-
*
|
|
32
|
-
* ```
|
|
33
|
-
* {
|
|
34
|
-
* \[selectorString]: {
|
|
35
|
-
* \[attributeName]: attribute constant value or accessor function
|
|
36
|
-
* }
|
|
37
|
-
* }
|
|
38
|
-
* ```
|
|
39
|
-
* e.g.:
|
|
40
|
-
* ```
|
|
41
|
-
* {
|
|
42
|
-
* \[Area.selectors.area]: {
|
|
43
|
-
* "test-value": d => d.value
|
|
44
|
-
* }
|
|
45
|
-
* }
|
|
46
|
-
* ``` */
|
|
47
|
-
attributes?: {
|
|
48
|
-
[selector: string]: {
|
|
49
|
-
[attr: string]: string | number | boolean | ((datum: any) => string | number | boolean);
|
|
50
|
-
};
|
|
51
|
-
};
|
|
52
|
-
/** Angular range of the diagram. Default: `[0, 2 * Math.PI]` */
|
|
53
|
-
angleRange?: [number, number];
|
|
54
|
-
/** Corner radius constant value or accessor function. Default: `2` */
|
|
55
|
-
cornerRadius?: NumericAccessor<ChordNodeDatum<N>>;
|
|
56
|
-
/** Node id or index to highlight. Overrides default hover behavior if supplied. Default: `undefined` */
|
|
57
|
-
highlightedNodeId?: number | string;
|
|
58
|
-
/** Link ids or index values to highlight. Overrides default hover behavior if supplied. Default: [] */
|
|
59
|
-
highlightedLinkIds?: (number | string)[];
|
|
60
|
-
/** Link color accessor function. Default: `var(--vis-chord-diagram-link-fill-color)` */
|
|
61
|
-
linkColor?: ColorAccessor<ChordLinkDatum<N, L>>;
|
|
62
|
-
/** Link value accessor function. Default: `l => l.value` */
|
|
63
|
-
linkValue?: NumericAccessor<ChordLinkDatum<N, L>>;
|
|
64
|
-
/** Array of node hierarchy levels. Data records are supposed to have corresponding properties, e.g. ['level1', 'level2']. Default: `[]` */
|
|
65
|
-
nodeLevels?: string[];
|
|
66
|
-
/** Node width in pixels. Default: `15` */
|
|
67
|
-
nodeWidth?: number;
|
|
68
|
-
/** Node color accessor function ot constant value. Default: `d => d.color` */
|
|
69
|
-
nodeColor?: ColorAccessor<ChordNodeDatum<N>>;
|
|
70
|
-
/** Node label accessor function. Default: `d => d.label ?? d.key` */
|
|
71
|
-
nodeLabel?: StringAccessor<ChordNodeDatum<N>>;
|
|
72
|
-
/** Node label color accessor function. Default: `undefined` */
|
|
73
|
-
nodeLabelColor?: StringAccessor<ChordNodeDatum<N>>;
|
|
74
|
-
/** Node label alignment. Default: `ChordLabelAlignment.Along` */
|
|
75
|
-
nodeLabelAlignment?: GenericAccessor<ChordLabelAlignment | string, ChordNodeDatum<N>>;
|
|
76
|
-
/** Pad angle in radians. Default: `0.02` */
|
|
77
|
-
padAngle?: number;
|
|
78
|
-
/** The exponent property of the radius scale. Default: `2` */
|
|
79
|
-
radiusScaleExponent?: number;
|
|
80
|
-
data: {
|
|
81
|
-
nodes: N[];
|
|
82
|
-
links?: L[];
|
|
83
|
-
};
|
|
84
|
-
component: ChordDiagram<N, L> | undefined;
|
|
85
|
-
componentContainer: ContainerCore | undefined;
|
|
86
|
-
ngAfterViewInit(): void;
|
|
87
|
-
ngOnChanges(changes: SimpleChanges): void;
|
|
88
|
-
private getConfig;
|
|
89
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<VisChordDiagramComponent<any, any>, never>;
|
|
90
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<VisChordDiagramComponent<any, any>, "vis-chord-diagram", never, { "duration": "duration"; "events": "events"; "attributes": "attributes"; "angleRange": "angleRange"; "cornerRadius": "cornerRadius"; "highlightedNodeId": "highlightedNodeId"; "highlightedLinkIds": "highlightedLinkIds"; "linkColor": "linkColor"; "linkValue": "linkValue"; "nodeLevels": "nodeLevels"; "nodeWidth": "nodeWidth"; "nodeColor": "nodeColor"; "nodeLabel": "nodeLabel"; "nodeLabelColor": "nodeLabelColor"; "nodeLabelAlignment": "nodeLabelAlignment"; "padAngle": "padAngle"; "radiusScaleExponent": "radiusScaleExponent"; "data": "data"; }, {}, never, never>;
|
|
91
|
-
}
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
import * as i0 from "@angular/core";
|
|
2
|
-
import * as i1 from "./chord-diagram.component";
|
|
3
|
-
export declare class VisChordDiagramModule {
|
|
4
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<VisChordDiagramModule, never>;
|
|
5
|
-
static ɵmod: i0.ɵɵNgModuleDeclaration<VisChordDiagramModule, [typeof i1.VisChordDiagramComponent], never, [typeof i1.VisChordDiagramComponent]>;
|
|
6
|
-
static ɵinj: i0.ɵɵInjectorDeclaration<VisChordDiagramModule>;
|
|
7
|
-
}
|
|
@@ -1,124 +0,0 @@
|
|
|
1
|
-
import { AfterViewInit, SimpleChanges } from '@angular/core';
|
|
2
|
-
import { Crosshair, CrosshairConfigInterface, ContainerCore, VisEventType, VisEventCallback, NumericAccessor, ColorAccessor, ContinuousScale, Tooltip, CrosshairCircle } from '@unovis/ts';
|
|
3
|
-
import * as i0 from "@angular/core";
|
|
4
|
-
export declare class VisCrosshairComponent<Datum> implements CrosshairConfigInterface<Datum>, AfterViewInit {
|
|
5
|
-
/** Animation duration of the data update transitions in milliseconds. Default: `600` */
|
|
6
|
-
duration?: number;
|
|
7
|
-
/** Events configuration. An object containing properties in the following format:
|
|
8
|
-
*
|
|
9
|
-
* ```
|
|
10
|
-
* {
|
|
11
|
-
* \[selectorString]: {
|
|
12
|
-
* \[eventType]: callbackFunction
|
|
13
|
-
* }
|
|
14
|
-
* }
|
|
15
|
-
* ```
|
|
16
|
-
* e.g.:
|
|
17
|
-
* ```
|
|
18
|
-
* {
|
|
19
|
-
* \[Area.selectors.area]: {
|
|
20
|
-
* click: (d) => console.log("Clicked Area", d)
|
|
21
|
-
* }
|
|
22
|
-
* }
|
|
23
|
-
* ``` */
|
|
24
|
-
events?: {
|
|
25
|
-
[selector: string]: {
|
|
26
|
-
[eventType in VisEventType]?: VisEventCallback;
|
|
27
|
-
};
|
|
28
|
-
};
|
|
29
|
-
/** You can set every SVG and HTML visualization object to have a custom DOM attributes, which is useful
|
|
30
|
-
* when you want to do unit or end-to-end testing. Attributes configuration object has the following structure:
|
|
31
|
-
*
|
|
32
|
-
* ```
|
|
33
|
-
* {
|
|
34
|
-
* \[selectorString]: {
|
|
35
|
-
* \[attributeName]: attribute constant value or accessor function
|
|
36
|
-
* }
|
|
37
|
-
* }
|
|
38
|
-
* ```
|
|
39
|
-
* e.g.:
|
|
40
|
-
* ```
|
|
41
|
-
* {
|
|
42
|
-
* \[Area.selectors.area]: {
|
|
43
|
-
* "test-value": d => d.value
|
|
44
|
-
* }
|
|
45
|
-
* }
|
|
46
|
-
* ``` */
|
|
47
|
-
attributes?: {
|
|
48
|
-
[selector: string]: {
|
|
49
|
-
[attr: string]: string | number | boolean | ((datum: any) => string | number | boolean);
|
|
50
|
-
};
|
|
51
|
-
};
|
|
52
|
-
/** Optional accessor function for getting the values along the X axis. Default: `undefined` */
|
|
53
|
-
x?: NumericAccessor<Datum>;
|
|
54
|
-
/** Optional single of multiple accessor functions for getting the values along the Y axis. Default: `undefined` */
|
|
55
|
-
y?: NumericAccessor<Datum> | NumericAccessor<Datum>[];
|
|
56
|
-
/** Accessor function for getting the unique data record id. Used for more persistent data updates. Default: `(d, i) => d.id ?? i` */
|
|
57
|
-
id?: ((d: Datum, i: number, ...rest: any[]) => string);
|
|
58
|
-
/** Optional color array or color accessor function for crosshair circles. Default: `d => d.color` */
|
|
59
|
-
color?: ColorAccessor<Datum>;
|
|
60
|
-
/** 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.
|
|
61
|
-
* Only continuous scales are supported.
|
|
62
|
-
* Default: `undefined` */
|
|
63
|
-
xScale?: ContinuousScale;
|
|
64
|
-
/** 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.
|
|
65
|
-
* Only continuous scales are supported.
|
|
66
|
-
* Default: `undefined` */
|
|
67
|
-
yScale?: ContinuousScale;
|
|
68
|
-
/** Identifies whether the component should be excluded from overall X and Y domain calculations or not.
|
|
69
|
-
* This property can be useful when you want pass individual data to a component and you don't want it to affect
|
|
70
|
-
* the scales of the chart.
|
|
71
|
-
* Default: `false` */
|
|
72
|
-
excludeFromDomainCalculation?: boolean;
|
|
73
|
-
/** Optional stroke color accessor function for crosshair circles. Default: `undefined` */
|
|
74
|
-
strokeColor?: ColorAccessor<Datum>;
|
|
75
|
-
/** Optional stroke width for crosshair circles. Default: `undefined` */
|
|
76
|
-
strokeWidth?: NumericAccessor<Datum>;
|
|
77
|
-
/** Separate array of accessors for stacked components (eg StackedBar, Area). Default: `undefined` */
|
|
78
|
-
yStacked?: NumericAccessor<Datum>[];
|
|
79
|
-
/** Baseline accessor function for stacked values, useful with stacked areas. Default: `null` */
|
|
80
|
-
baseline?: NumericAccessor<Datum>;
|
|
81
|
-
/** An instance of the Tooltip component to be used with Crosshair. Default: `undefined` */
|
|
82
|
-
tooltip?: Tooltip | undefined;
|
|
83
|
-
/** Tooltip template accessor. The function is supposed to return either a valid HTML string or an HTMLElement.
|
|
84
|
-
* When `snapToData` is `false`, `datum` will be `undefined` but `data` and `leftNearestDatumIndex` will be provided.
|
|
85
|
-
* Default: `d => ''` */
|
|
86
|
-
template?: (datum: Datum, x: number | Date, data?: Datum[], leftNearestDatumIndex?: number) => string | HTMLElement;
|
|
87
|
-
/** Hide Crosshair when the corresponding datum element is far from mouse pointer. Default: `true` */
|
|
88
|
-
hideWhenFarFromPointer?: boolean;
|
|
89
|
-
/** Distance in pixels to check in the hideWhenFarFromPointer condition. Default: `100` */
|
|
90
|
-
hideWhenFarFromPointerDistance?: number;
|
|
91
|
-
/** Snap to the nearest data point.
|
|
92
|
-
* If disabled, the tooltip template will receive only the horizontal position of the crosshair and you'll be responsible
|
|
93
|
-
* for getting the underlying data records and crosshair circles (see the `getCircles` configuration option).
|
|
94
|
-
* Default: `true` */
|
|
95
|
-
snapToData?: boolean;
|
|
96
|
-
/** Custom function for setting up the crosshair circles, usually needed when `snapToData` is set to `false`.
|
|
97
|
-
* The function receives the horizontal position of the crosshair (in the data space, not in pixels), the data array,
|
|
98
|
-
* the `yScale` instance to help you calculate the correct vertical position of the circles, and the nearest datum index.
|
|
99
|
-
* It has to return an array of the `CrosshairCircle` objects: `{ y: number; color: string; opacity?: number }[]`.
|
|
100
|
-
* Default: `undefined` */
|
|
101
|
-
getCircles?: (x: number | Date, data: Datum[], yScale: ContinuousScale, leftNearestDatumIndex?: number) => CrosshairCircle[];
|
|
102
|
-
/** Callback function that is called when the crosshair is moved:
|
|
103
|
-
* - `x` is the horizontal position of the crosshair in the data space;
|
|
104
|
-
* - `datum` is the nearest datum to the crosshair;
|
|
105
|
-
* - `datumIndex` is the index of the nearest datum.
|
|
106
|
-
* - `event` is the event that triggered the crosshair move (mouse or wheel).
|
|
107
|
-
*
|
|
108
|
-
* When the mouse goes out of the container and on wheel events, all the arguments are `undefined` except for `event`.
|
|
109
|
-
* Default: `undefined` */
|
|
110
|
-
onCrosshairMove?: (x?: number | Date, datum?: Datum, datumIndex?: number, event?: MouseEvent | WheelEvent) => void;
|
|
111
|
-
/** Force the crosshair to show at a specific position. Default: `undefined` */
|
|
112
|
-
forceShowAt?: number | Date;
|
|
113
|
-
/** Skip range checks for crosshair visibility. When true, crosshair will show regardless of position within chart bounds. Default: `false`
|
|
114
|
-
* This is useful for testing, especially when you only triggers mousemove event but does not have real mouse event. */
|
|
115
|
-
skipRangeCheck?: boolean;
|
|
116
|
-
data: Datum[];
|
|
117
|
-
component: Crosshair<Datum> | undefined;
|
|
118
|
-
componentContainer: ContainerCore | undefined;
|
|
119
|
-
ngAfterViewInit(): void;
|
|
120
|
-
ngOnChanges(changes: SimpleChanges): void;
|
|
121
|
-
private getConfig;
|
|
122
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<VisCrosshairComponent<any>, never>;
|
|
123
|
-
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"; "yStacked": "yStacked"; "baseline": "baseline"; "tooltip": "tooltip"; "template": "template"; "hideWhenFarFromPointer": "hideWhenFarFromPointer"; "hideWhenFarFromPointerDistance": "hideWhenFarFromPointerDistance"; "snapToData": "snapToData"; "getCircles": "getCircles"; "onCrosshairMove": "onCrosshairMove"; "forceShowAt": "forceShowAt"; "skipRangeCheck": "skipRangeCheck"; "data": "data"; }, {}, never, never>;
|
|
124
|
-
}
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
import * as i0 from "@angular/core";
|
|
2
|
-
import * as i1 from "./crosshair.component";
|
|
3
|
-
export declare class VisCrosshairModule {
|
|
4
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<VisCrosshairModule, never>;
|
|
5
|
-
static ɵmod: i0.ɵɵNgModuleDeclaration<VisCrosshairModule, [typeof i1.VisCrosshairComponent], never, [typeof i1.VisCrosshairComponent]>;
|
|
6
|
-
static ɵinj: i0.ɵɵInjectorDeclaration<VisCrosshairModule>;
|
|
7
|
-
}
|