@unovis/angular 1.6.8-stellar-beta.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 +28 -43
- package/dist/lib/bundles/unovis-angular.umd.js +0 -3928
- package/dist/lib/bundles/unovis-angular.umd.js.map +0 -1
- package/dist/lib/components/annotations/annotations.component.d.ts +0 -75
- package/dist/lib/components/annotations/annotations.module.d.ts +0 -7
- package/dist/lib/components/area/area.component.d.ts +0 -106
- package/dist/lib/components/area/area.module.d.ts +0 -7
- package/dist/lib/components/axis/axis.component.d.ts +0 -126
- package/dist/lib/components/axis/axis.module.d.ts +0 -7
- package/dist/lib/components/brush/brush.component.d.ts +0 -86
- 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 -132
- 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 -302
- 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 -194
- 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 -159
- 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 -215
- 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 -53
- 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 -45
- package/dist/lib/esm2015/components/annotations/annotations.module.js +0 -18
- package/dist/lib/esm2015/components/area/area.component.js +0 -87
- package/dist/lib/esm2015/components/area/area.module.js +0 -18
- package/dist/lib/esm2015/components/axis/axis.component.js +0 -111
- package/dist/lib/esm2015/components/axis/axis.module.js +0 -18
- package/dist/lib/esm2015/components/brush/brush.component.js +0 -71
- 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 -95
- 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 -237
- 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 -165
- 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 -137
- 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 -173
- 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 -57
- 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/flow-legend/flow-legend.component.js +0 -60
- package/dist/lib/esm2015/html-components/flow-legend/flow-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 -3113
- 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/flow-legend/flow-legend.component.d.ts +0 -34
- package/dist/lib/html-components/flow-legend/flow-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 -52
- package/dist/lib/public-api.d.ts +0 -2
- package/dist/lib/unovis-angular.d.ts +0 -5
|
@@ -1,302 +0,0 @@
|
|
|
1
|
-
import { AfterViewInit, SimpleChanges } from '@angular/core';
|
|
2
|
-
import { Graph, GraphConfigInterface, ContainerCore, GraphInputNode, GraphInputLink, VisEventType, VisEventCallback, Spacing, GraphFitViewAlignment, GraphLayoutType, StringAccessor, GraphForceLayoutSettings, GraphDagreLayoutSetting, GenericAccessor, GraphElkLayoutSettings, GraphNode, NumericAccessor, GraphLinkStyle, GraphLinkArrowStyle, ColorAccessor, BooleanAccessor, GraphCircleLabel, GraphLink, GraphNodeShape, TrimMode, GraphNodeSelectionHighlightMode, GraphPanelConfig, GraphInputData, GraphDataModel } from '@unovis/ts';
|
|
3
|
-
import { ElkShape } from 'elkjs';
|
|
4
|
-
import { Selection } from 'd3-selection';
|
|
5
|
-
import { D3DragEvent } from 'd3-drag';
|
|
6
|
-
import { D3ZoomEvent, ZoomTransform } from 'd3-zoom';
|
|
7
|
-
import { D3BrushEvent } from 'd3-brush';
|
|
8
|
-
import * as i0 from "@angular/core";
|
|
9
|
-
export declare class VisGraphComponent<N extends GraphInputNode, L extends GraphInputLink> implements GraphConfigInterface<N, L>, AfterViewInit {
|
|
10
|
-
/** Animation duration of the data update transitions in milliseconds. Default: `600` */
|
|
11
|
-
duration?: number;
|
|
12
|
-
/** Events configuration. An object containing properties in the following format:
|
|
13
|
-
*
|
|
14
|
-
* ```
|
|
15
|
-
* {
|
|
16
|
-
* \[selectorString]: {
|
|
17
|
-
* \[eventType]: callbackFunction
|
|
18
|
-
* }
|
|
19
|
-
* }
|
|
20
|
-
* ```
|
|
21
|
-
* e.g.:
|
|
22
|
-
* ```
|
|
23
|
-
* {
|
|
24
|
-
* \[Area.selectors.area]: {
|
|
25
|
-
* click: (d) => console.log("Clicked Area", d)
|
|
26
|
-
* }
|
|
27
|
-
* }
|
|
28
|
-
* ``` */
|
|
29
|
-
events?: {
|
|
30
|
-
[selector: string]: {
|
|
31
|
-
[eventType in VisEventType]?: VisEventCallback;
|
|
32
|
-
};
|
|
33
|
-
};
|
|
34
|
-
/** You can set every SVG and HTML visualization object to have a custom DOM attributes, which is useful
|
|
35
|
-
* when you want to do unit or end-to-end testing. Attributes configuration object has the following structure:
|
|
36
|
-
*
|
|
37
|
-
* ```
|
|
38
|
-
* {
|
|
39
|
-
* \[selectorString]: {
|
|
40
|
-
* \[attributeName]: attribute constant value or accessor function
|
|
41
|
-
* }
|
|
42
|
-
* }
|
|
43
|
-
* ```
|
|
44
|
-
* e.g.:
|
|
45
|
-
* ```
|
|
46
|
-
* {
|
|
47
|
-
* \[Area.selectors.area]: {
|
|
48
|
-
* "test-value": d => d.value
|
|
49
|
-
* }
|
|
50
|
-
* }
|
|
51
|
-
* ``` */
|
|
52
|
-
attributes?: {
|
|
53
|
-
[selector: string]: {
|
|
54
|
-
[attr: string]: string | number | boolean | ((datum: any) => string | number | boolean);
|
|
55
|
-
};
|
|
56
|
-
};
|
|
57
|
-
/** Zoom level constraints. Default: [0.35, 1.25] */
|
|
58
|
-
zoomScaleExtent?: [number, number];
|
|
59
|
-
/** Disable zooming. Default: `false` */
|
|
60
|
-
disableZoom?: boolean;
|
|
61
|
-
/** Custom Zoom event filter to better control which actions should trigger zooming.
|
|
62
|
-
* Learn more: https://d3js.org/d3-zoom#zoom_filter.
|
|
63
|
-
* Default: `undefined` */
|
|
64
|
-
zoomEventFilter?: (event: PointerEvent) => boolean;
|
|
65
|
-
/** Disable node dragging. Default: `false` */
|
|
66
|
-
disableDrag?: boolean;
|
|
67
|
-
/** Disable brush for multiple node selection. Default: `false` */
|
|
68
|
-
disableBrush?: boolean;
|
|
69
|
-
/** Interval to re-render the graph when zooming. Default: `100` */
|
|
70
|
-
zoomThrottledUpdateNodeThreshold?: number;
|
|
71
|
-
/** Padding for the graph when fitting to container. Default: `50` */
|
|
72
|
-
fitViewPadding?: Spacing | number;
|
|
73
|
-
/** Default alignment when fitting the graph view. Default: `GraphFitViewAlignment.Center` */
|
|
74
|
-
fitViewAlign?: GraphFitViewAlignment;
|
|
75
|
-
/** Type of the graph layout. Default: `GraphLayoutType.Force` */
|
|
76
|
-
layoutType?: GraphLayoutType | string;
|
|
77
|
-
/** Fit the graph to container on data or config updates, or on container resize. Default: `true` */
|
|
78
|
-
layoutAutofit?: boolean;
|
|
79
|
-
/** Tolerance constant defining whether the graph should be fitted to container
|
|
80
|
-
* (on data or config update, or container resize) after a zoom / pan interaction or not.
|
|
81
|
-
* `0` — Stop fitting after any pan or zoom
|
|
82
|
-
* `Number.POSITIVE_INFINITY` — Always fit
|
|
83
|
-
* Default: `8.0` */
|
|
84
|
-
layoutAutofitTolerance?: number;
|
|
85
|
-
/** Place non-connected nodes at the bottom of the graph. Default: `false` */
|
|
86
|
-
layoutNonConnectedAside?: boolean;
|
|
87
|
-
/** Node group accessor function.
|
|
88
|
-
* Only for `GraphLayoutType.Parallel`, `GraphLayoutType.ParallelHorizontal` and `GraphLayoutType.Concentric` layouts.
|
|
89
|
-
* Default: `node => node.group` */
|
|
90
|
-
layoutNodeGroup?: StringAccessor<N>;
|
|
91
|
-
/** Order of the layout groups.
|
|
92
|
-
* Only for `GraphLayoutType.Parallel`, `GraphLayoutType.ParallelHorizontal` and `GraphLayoutType.Concentric` layouts.
|
|
93
|
-
* Default: `[]` */
|
|
94
|
-
layoutGroupOrder?: string[];
|
|
95
|
-
/** Sets the number of nodes in a sub-group after which they'll continue on the next column (or row if `layoutType` is
|
|
96
|
-
* `GraphLayoutType.ParallelHorizontal`).
|
|
97
|
-
* Only for `GraphLayoutType.Parallel` and `GraphLayoutType.ParallelHorizontal` layouts.
|
|
98
|
-
* Default: `6` */
|
|
99
|
-
layoutParallelNodesPerColumn?: number;
|
|
100
|
-
/** Node sub-group accessor function.
|
|
101
|
-
* Only for `GraphLayoutType.Parallel` and `GraphLayoutType.ParallelHorizontal` layouts.
|
|
102
|
-
* Default: `node => node.subgroup` */
|
|
103
|
-
layoutParallelNodeSubGroup?: StringAccessor<N>;
|
|
104
|
-
/** Number of sub-groups per row (or column if `layoutType` is `GraphLayoutType.ParallelHorizontal`) in a group.
|
|
105
|
-
* Only for `GraphLayoutType.Parallel` and `GraphLayoutType.ParallelHorizontal` layouts.
|
|
106
|
-
* Default: `1` */
|
|
107
|
-
layoutParallelSubGroupsPerRow?: number;
|
|
108
|
-
/** Spacing between nodes, dynamic by default.
|
|
109
|
-
* Only for `GraphLayoutType.Parallel` and `GraphLayoutType.ParallelHorizontal` layouts.
|
|
110
|
-
* Default: `undefined` */
|
|
111
|
-
layoutParallelNodeSpacing?: number | [number, number];
|
|
112
|
-
/** Spacing between sub-groups.
|
|
113
|
-
* Only for `GraphLayoutType.Parallel` and `GraphLayoutType.ParallelHorizontal` layouts.
|
|
114
|
-
* Default: `40` */
|
|
115
|
-
layoutParallelSubGroupSpacing?: number;
|
|
116
|
-
/** Spacing between groups.
|
|
117
|
-
* Only for `GraphLayoutType.Parallel` and `GraphLayoutType.ParallelHorizontal` layouts.
|
|
118
|
-
* Default: `undefined` */
|
|
119
|
-
layoutParallelGroupSpacing?: number;
|
|
120
|
-
/** Set a group by name to have priority in sorting the graph links.
|
|
121
|
-
* Only for `GraphLayoutType.Parallel` and `GraphLayoutType.ParallelHorizontal` layouts.
|
|
122
|
-
* Default: `undefined` */
|
|
123
|
-
layoutParallelSortConnectionsByGroup?: string;
|
|
124
|
-
/** Force Layout settings, see the `d3-force` package for more details */
|
|
125
|
-
forceLayoutSettings?: GraphForceLayoutSettings<N, L>;
|
|
126
|
-
/** Darge Layout settings, see the `dagrejs` package
|
|
127
|
-
* for more details: https://github.com/dagrejs/dagre/wiki#configuring-the-layout */
|
|
128
|
-
dagreLayoutSettings?: GraphDagreLayoutSetting;
|
|
129
|
-
/** ELK layout options, see the `elkjs` package for more details: https://github.com/kieler/elkjs.
|
|
130
|
-
* If you want to specify custom layout option for each node group, you can provide an accessor function that
|
|
131
|
-
* receives group name ('root' for the top-level configuration) as the first argument and returns an object containing
|
|
132
|
-
* layout options. Default: `undefined` */
|
|
133
|
-
layoutElkSettings?: GenericAccessor<GraphElkLayoutSettings, string> | undefined;
|
|
134
|
-
/** Array of accessor functions to define nested node groups for the ELK Layered layout.
|
|
135
|
-
* E.g.: `[n => n.group, n => n.subGroup]`.
|
|
136
|
-
* Default: `undefined` */
|
|
137
|
-
layoutElkNodeGroups?: StringAccessor<N>[];
|
|
138
|
-
/** A function to be called per graph node to get the ELK shape object.
|
|
139
|
-
* This enables you to provide custom node dimensions (through the `width` and `height` properties)
|
|
140
|
-
* and coordinates (through the `x` and `y` properties) if needed.
|
|
141
|
-
* Default: `undefined` */
|
|
142
|
-
layoutElkGetNodeShape?: (d: GraphNode<N, L>, i: number) => ElkShape;
|
|
143
|
-
/** Link width accessor function ot constant value. Default: `1` */
|
|
144
|
-
linkWidth?: NumericAccessor<L>;
|
|
145
|
-
/** Link style accessor function or constant value. Default: `GraphLinkStyle.Solid` */
|
|
146
|
-
linkStyle?: GenericAccessor<GraphLinkStyle, L>;
|
|
147
|
-
/** Link band width accessor function or constant value. Default: `0` */
|
|
148
|
-
linkBandWidth?: NumericAccessor<L>;
|
|
149
|
-
/** Link arrow accessor function or constant value. Default: `undefined` */
|
|
150
|
-
linkArrow?: GenericAccessor<GraphLinkArrowStyle | string | boolean, L> | undefined;
|
|
151
|
-
/** Link stroke color accessor function or constant value. Default: `undefined` */
|
|
152
|
-
linkStroke?: ColorAccessor<L>;
|
|
153
|
-
/** Link disabled state accessor function or constant value. Default: `false` */
|
|
154
|
-
linkDisabled?: BooleanAccessor<L>;
|
|
155
|
-
/** Link flow animation accessor function or constant value. Default: `false` */
|
|
156
|
-
linkFlow?: BooleanAccessor<L>;
|
|
157
|
-
/** Animation duration of the flow (traffic) circles in milliseconds. If `linkFlowParticleSpeed` is provided,
|
|
158
|
-
* this duration will be calculated based on the link length and particle speed. Default: `20000` */
|
|
159
|
-
linkFlowAnimDuration?: NumericAccessor<L>;
|
|
160
|
-
/** Size of the moving particles that represent traffic flow. Default: `2` */
|
|
161
|
-
linkFlowParticleSize?: NumericAccessor<L>;
|
|
162
|
-
/** Speed of the moving particles in pixels per second. This property takes precedence over `linkFlowAnimDuration`. Default: `undefined` */
|
|
163
|
-
linkFlowParticleSpeed?: NumericAccessor<L>;
|
|
164
|
-
/** Link label accessor function or constant value. Default: `undefined` */
|
|
165
|
-
linkLabel?: GenericAccessor<GraphCircleLabel | GraphCircleLabel[], L> | undefined;
|
|
166
|
-
/** Shift label along the link center a little bit to avoid overlap with the link arrow. Default: `true` */
|
|
167
|
-
linkLabelShiftFromCenter?: BooleanAccessor<L>;
|
|
168
|
-
/** Spacing between neighboring links. Default: `8` */
|
|
169
|
-
linkNeighborSpacing?: number;
|
|
170
|
-
/** Curvature of the link. Recommended value range: [0:1.5].
|
|
171
|
-
* `0` - straight line,
|
|
172
|
-
* `1` - nice curvature,
|
|
173
|
-
* `1.5` - very curve.
|
|
174
|
-
* Default: `0` */
|
|
175
|
-
linkCurvature?: NumericAccessor<L>;
|
|
176
|
-
/** Highlight links on hover. Default: `true` */
|
|
177
|
-
linkHighlightOnHover?: boolean;
|
|
178
|
-
/** Offset [x,y] in pixels from the source node's center point where the link should start. Default: `undefined` */
|
|
179
|
-
linkSourcePointOffset?: GenericAccessor<[number, number], GraphLink<N, L>>;
|
|
180
|
-
/** Offset [x,y] in pixels from the target node's center point where the link should end. Default: `undefined` */
|
|
181
|
-
linkTargetPointOffset?: GenericAccessor<[number, number], GraphLink<N, L>>;
|
|
182
|
-
/** Set selected link by its unique id. Default: `undefined` */
|
|
183
|
-
selectedLinkId?: number | string;
|
|
184
|
-
/** Node size accessor function or constant value. Default: `30` */
|
|
185
|
-
nodeSize?: NumericAccessor<N>;
|
|
186
|
-
/** Node stroke width accessor function or constant value. Default: `3` */
|
|
187
|
-
nodeStrokeWidth?: NumericAccessor<N>;
|
|
188
|
-
/** Node shape accessor function or constant value. Default: `GraphNodeShape.Circle` */
|
|
189
|
-
nodeShape?: GenericAccessor<GraphNodeShape | string, N>;
|
|
190
|
-
/** Node gauge outline accessor function or constant value in the range [0,100]. Default: `0` */
|
|
191
|
-
nodeGaugeValue?: NumericAccessor<N>;
|
|
192
|
-
/** Node gauge outline fill color accessor function or constant value. Default: `undefined` */
|
|
193
|
-
nodeGaugeFill?: ColorAccessor<N>;
|
|
194
|
-
/** Animation duration of the node gauge outline. Default: `1500` */
|
|
195
|
-
nodeGaugeAnimDuration?: number;
|
|
196
|
-
/** Node central icon accessor function or constant value. Default: `node => node.icon` */
|
|
197
|
-
nodeIcon?: StringAccessor<N>;
|
|
198
|
-
/** Node central icon size accessor function or constant value. Default: `undefined` */
|
|
199
|
-
nodeIconSize?: NumericAccessor<N>;
|
|
200
|
-
/** Node label accessor function or constant value. Default: `node => node.label` */
|
|
201
|
-
nodeLabel?: StringAccessor<N>;
|
|
202
|
-
/** Defines whether to trim the node labels or not. Default: `true` */
|
|
203
|
-
nodeLabelTrim?: BooleanAccessor<N>;
|
|
204
|
-
/** Node label trimming mode. Default: `TrimMode.Middle` */
|
|
205
|
-
nodeLabelTrimMode?: GenericAccessor<TrimMode | string, N>;
|
|
206
|
-
/** Node label maximum allowed text length above which the label will be trimmed. Default: `15` */
|
|
207
|
-
nodeLabelTrimLength?: NumericAccessor<N>;
|
|
208
|
-
/** Node sub-label accessor function or constant value: Default: `''` */
|
|
209
|
-
nodeSubLabel?: StringAccessor<N>;
|
|
210
|
-
/** Defines whether to trim the node sub-labels or not. Default: `true` */
|
|
211
|
-
nodeSubLabelTrim?: BooleanAccessor<N>;
|
|
212
|
-
/** Node sub-label trimming mode. Default: `TrimMode.Middle` */
|
|
213
|
-
nodeSubLabelTrimMode?: GenericAccessor<TrimMode | string, N>;
|
|
214
|
-
/** Node sub-label maximum allowed text length above which the label will be trimmed. Default: `15` */
|
|
215
|
-
nodeSubLabelTrimLength?: NumericAccessor<N>;
|
|
216
|
-
/** Node circular side labels accessor function. The function should return an array of GraphCircleLabel objects. Default: `undefined` */
|
|
217
|
-
nodeSideLabels?: GenericAccessor<GraphCircleLabel[], N>;
|
|
218
|
-
/** Node bottom icon accessor function. Default: `undefined` */
|
|
219
|
-
nodeBottomIcon?: StringAccessor<N>;
|
|
220
|
-
/** Node disabled state accessor function or constant value. Default: `false` */
|
|
221
|
-
nodeDisabled?: BooleanAccessor<N>;
|
|
222
|
-
/** Node fill color accessor function or constant value. Default: `node => node.fill` */
|
|
223
|
-
nodeFill?: ColorAccessor<N>;
|
|
224
|
-
/** Node stroke color accessor function or constant value. Default: `node => node.stroke` */
|
|
225
|
-
nodeStroke?: ColorAccessor<N>;
|
|
226
|
-
/** Sorting function to determine node placement. Default: `undefined` */
|
|
227
|
-
nodeSort?: ((a: N, b: N) => number);
|
|
228
|
-
/** Specify the initial position for entering nodes as [x, y]. Default: `undefined` */
|
|
229
|
-
nodeEnterPosition?: GenericAccessor<[number, number], N> | undefined;
|
|
230
|
-
/** Specify the initial scale for entering nodes in the range [0,1]. Default: `0.75` */
|
|
231
|
-
nodeEnterScale?: NumericAccessor<N> | undefined;
|
|
232
|
-
/** Specify the destination position for exiting nodes as [x, y]. Default: `undefined` */
|
|
233
|
-
nodeExitPosition?: GenericAccessor<[number, number], N> | undefined;
|
|
234
|
-
/** Specify the destination scale for exiting nodes in the range [0,1]. Default: `0.75` */
|
|
235
|
-
nodeExitScale?: NumericAccessor<N> | undefined;
|
|
236
|
-
/** Custom "enter" function for node rendering. Default: `undefined` */
|
|
237
|
-
nodeEnterCustomRenderFunction?: (datum: GraphNode<N, L>, nodeGroupElementSelection: Selection<SVGGElement, GraphNode<N, L>, null, unknown>, config: GraphConfigInterface<N, L>, duration: number, zoomLevel: number) => void;
|
|
238
|
-
/** Custom "update" function for node rendering. Default: `undefined` */
|
|
239
|
-
nodeUpdateCustomRenderFunction?: (datum: GraphNode<N, L>, nodeGroupElementSelection: Selection<SVGGElement, GraphNode<N, L>, null, unknown>, config: GraphConfigInterface<N, L>, duration: number, zoomLevel: number) => void;
|
|
240
|
-
/** Custom partial "update" function for node rendering which will be triggered after the following events:
|
|
241
|
-
* - Full node update (`nodeUpdateCustomRenderFunction`);
|
|
242
|
-
* - Background click;
|
|
243
|
-
* - Node and Link mouseover and mouseout;
|
|
244
|
-
* - Node brushing,
|
|
245
|
-
* Default: `undefined` */
|
|
246
|
-
nodePartialUpdateCustomRenderFunction?: (datum: GraphNode<N, L>, nodeGroupElementSelection: Selection<SVGGElement, GraphNode<N, L>, null, unknown>, config: GraphConfigInterface<N, L>, duration: number, zoomLevel: number) => void;
|
|
247
|
-
/** Custom "exit" function for node rendering. Default: `undefined` */
|
|
248
|
-
nodeExitCustomRenderFunction?: (datum: GraphNode<N, L>, nodeGroupElementSelection: Selection<SVGGElement, GraphNode<N, L>, null, unknown>, config: GraphConfigInterface<N, L>, duration: number, zoomLevel: number) => void;
|
|
249
|
-
/** Custom render function that will be called while zooming / panning the graph. Default: `undefined` */
|
|
250
|
-
nodeOnZoomCustomRenderFunction?: (datum: GraphNode<N, L>, nodeGroupElementSelection: Selection<SVGGElement, GraphNode<N, L>, null, unknown>, config: GraphConfigInterface<N, L>, zoomLevel: number) => void;
|
|
251
|
-
/** Define the mode for highlighting selected nodes in the graph. Default: `GraphNodeSelectionHighlightMode.GreyoutNonConnected` */
|
|
252
|
-
nodeSelectionHighlightMode?: GraphNodeSelectionHighlightMode;
|
|
253
|
-
/** Set selected node by unique id. Default: `undefined` */
|
|
254
|
-
selectedNodeId?: number | string;
|
|
255
|
-
/** Set selected nodes by unique id. Default: `undefined` */
|
|
256
|
-
selectedNodeIds?: number[] | string[];
|
|
257
|
-
/** Node expandable accessor function or constant value. Default: `undefined` */
|
|
258
|
-
nodeExpandable?: BooleanAccessor<N>;
|
|
259
|
-
/** Direct child node ids for an expandable node. Default: `undefined` */
|
|
260
|
-
nodeChildren?: GenericAccessor<(number | string)[], N>;
|
|
261
|
-
/** Callback fired on node expand or collapse. Default: `undefined` */
|
|
262
|
-
onNodeExpand?: (node: GraphNode<N, L>, expanded: boolean) => void;
|
|
263
|
-
/** Panels configuration. An array of `GraphPanelConfig` objects. Default: `[]` */
|
|
264
|
-
panels?: GraphPanelConfig[] | undefined;
|
|
265
|
-
/** Graph node drag start callback function. Default: `undefined` */
|
|
266
|
-
onNodeDragStart?: (n: GraphNode<N, L>, event: D3DragEvent<SVGGElement, GraphNode<N, L>, unknown>) => void | undefined;
|
|
267
|
-
/** Graph node drag callback function. Default: `undefined` */
|
|
268
|
-
onNodeDrag?: (n: GraphNode<N, L>, event: D3DragEvent<SVGGElement, GraphNode<N, L>, unknown>) => void | undefined;
|
|
269
|
-
/** Graph node drag end callback function. Default: `undefined` */
|
|
270
|
-
onNodeDragEnd?: (n: GraphNode<N, L>, event: D3DragEvent<SVGGElement, GraphNode<N, L>, unknown>) => void | undefined;
|
|
271
|
-
/** Zoom event callback. Default: `undefined` */
|
|
272
|
-
onZoom?: (zoomScale: number, zoomScaleExtent: [number, number], event: D3ZoomEvent<SVGGElement, unknown> | undefined, transform: ZoomTransform) => void;
|
|
273
|
-
/** Zoom start event callback. Default: `undefined` */
|
|
274
|
-
onZoomStart?: (zoomScale: number, zoomScaleExtent: [number, number], event: D3ZoomEvent<SVGGElement, unknown> | undefined, transform: ZoomTransform) => void;
|
|
275
|
-
/** Zoom end event callback. Default: `undefined` */
|
|
276
|
-
onZoomEnd?: (zoomScale: number, zoomScaleExtent: [number, number], event: D3ZoomEvent<SVGGElement, unknown> | undefined, transform: ZoomTransform) => void;
|
|
277
|
-
/** Callback function to be called when the graph layout is calculated. Default: `undefined` */
|
|
278
|
-
onLayoutCalculated?: (nodes: GraphNode<N, L>[], links: GraphLink<N, L>[]) => void;
|
|
279
|
-
/** Graph node selection brush callback function. Default: `undefined` */
|
|
280
|
-
onNodeSelectionBrush?: (selectedNodes: GraphNode<N, L>[], event: D3BrushEvent<SVGGElement> | undefined) => void;
|
|
281
|
-
/** Graph multiple node drag callback function. Default: `undefined` */
|
|
282
|
-
onNodeSelectionDrag?: (selectedNodes: GraphNode<N, L>[], event: D3DragEvent<SVGGElement, GraphNode<N, L>, unknown>) => void;
|
|
283
|
-
/** Callback function to be called when the graph rendering is complete. Default: `undefined` */
|
|
284
|
-
onRenderComplete?: (g: Selection<SVGGElement, unknown, null, undefined>, nodes: GraphNode<N, L>[], links: GraphLink<N, L>[], config: GraphConfigInterface<N, L>, duration: number, zoomLevel: number, width: number, height: number) => void;
|
|
285
|
-
/** Determines whether the component should update when new data is provided.
|
|
286
|
-
* This function takes the previous and new data as parameters and returns a boolean
|
|
287
|
-
* indicating whether the update should proceed. Useful for fine-grained control over
|
|
288
|
-
* update behavior when your data has a complex nested structure.
|
|
289
|
-
* By default the `isEqual` function from Unovis will be used to do the comparison. */
|
|
290
|
-
shouldDataUpdate?: (prevData: GraphInputData<N, L>, nextData: GraphInputData<N, L>, datamodel: GraphDataModel<N, L, GraphNode<N, L>, GraphLink<N, L>>) => boolean;
|
|
291
|
-
data: {
|
|
292
|
-
nodes: N[];
|
|
293
|
-
links?: L[];
|
|
294
|
-
};
|
|
295
|
-
component: Graph<N, L> | undefined;
|
|
296
|
-
componentContainer: ContainerCore | undefined;
|
|
297
|
-
ngAfterViewInit(): void;
|
|
298
|
-
ngOnChanges(changes: SimpleChanges): void;
|
|
299
|
-
private getConfig;
|
|
300
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<VisGraphComponent<any, any>, never>;
|
|
301
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<VisGraphComponent<any, any>, "vis-graph", never, { "duration": "duration"; "events": "events"; "attributes": "attributes"; "zoomScaleExtent": "zoomScaleExtent"; "disableZoom": "disableZoom"; "zoomEventFilter": "zoomEventFilter"; "disableDrag": "disableDrag"; "disableBrush": "disableBrush"; "zoomThrottledUpdateNodeThreshold": "zoomThrottledUpdateNodeThreshold"; "fitViewPadding": "fitViewPadding"; "fitViewAlign": "fitViewAlign"; "layoutType": "layoutType"; "layoutAutofit": "layoutAutofit"; "layoutAutofitTolerance": "layoutAutofitTolerance"; "layoutNonConnectedAside": "layoutNonConnectedAside"; "layoutNodeGroup": "layoutNodeGroup"; "layoutGroupOrder": "layoutGroupOrder"; "layoutParallelNodesPerColumn": "layoutParallelNodesPerColumn"; "layoutParallelNodeSubGroup": "layoutParallelNodeSubGroup"; "layoutParallelSubGroupsPerRow": "layoutParallelSubGroupsPerRow"; "layoutParallelNodeSpacing": "layoutParallelNodeSpacing"; "layoutParallelSubGroupSpacing": "layoutParallelSubGroupSpacing"; "layoutParallelGroupSpacing": "layoutParallelGroupSpacing"; "layoutParallelSortConnectionsByGroup": "layoutParallelSortConnectionsByGroup"; "forceLayoutSettings": "forceLayoutSettings"; "dagreLayoutSettings": "dagreLayoutSettings"; "layoutElkSettings": "layoutElkSettings"; "layoutElkNodeGroups": "layoutElkNodeGroups"; "layoutElkGetNodeShape": "layoutElkGetNodeShape"; "linkWidth": "linkWidth"; "linkStyle": "linkStyle"; "linkBandWidth": "linkBandWidth"; "linkArrow": "linkArrow"; "linkStroke": "linkStroke"; "linkDisabled": "linkDisabled"; "linkFlow": "linkFlow"; "linkFlowAnimDuration": "linkFlowAnimDuration"; "linkFlowParticleSize": "linkFlowParticleSize"; "linkFlowParticleSpeed": "linkFlowParticleSpeed"; "linkLabel": "linkLabel"; "linkLabelShiftFromCenter": "linkLabelShiftFromCenter"; "linkNeighborSpacing": "linkNeighborSpacing"; "linkCurvature": "linkCurvature"; "linkHighlightOnHover": "linkHighlightOnHover"; "linkSourcePointOffset": "linkSourcePointOffset"; "linkTargetPointOffset": "linkTargetPointOffset"; "selectedLinkId": "selectedLinkId"; "nodeSize": "nodeSize"; "nodeStrokeWidth": "nodeStrokeWidth"; "nodeShape": "nodeShape"; "nodeGaugeValue": "nodeGaugeValue"; "nodeGaugeFill": "nodeGaugeFill"; "nodeGaugeAnimDuration": "nodeGaugeAnimDuration"; "nodeIcon": "nodeIcon"; "nodeIconSize": "nodeIconSize"; "nodeLabel": "nodeLabel"; "nodeLabelTrim": "nodeLabelTrim"; "nodeLabelTrimMode": "nodeLabelTrimMode"; "nodeLabelTrimLength": "nodeLabelTrimLength"; "nodeSubLabel": "nodeSubLabel"; "nodeSubLabelTrim": "nodeSubLabelTrim"; "nodeSubLabelTrimMode": "nodeSubLabelTrimMode"; "nodeSubLabelTrimLength": "nodeSubLabelTrimLength"; "nodeSideLabels": "nodeSideLabels"; "nodeBottomIcon": "nodeBottomIcon"; "nodeDisabled": "nodeDisabled"; "nodeFill": "nodeFill"; "nodeStroke": "nodeStroke"; "nodeSort": "nodeSort"; "nodeEnterPosition": "nodeEnterPosition"; "nodeEnterScale": "nodeEnterScale"; "nodeExitPosition": "nodeExitPosition"; "nodeExitScale": "nodeExitScale"; "nodeEnterCustomRenderFunction": "nodeEnterCustomRenderFunction"; "nodeUpdateCustomRenderFunction": "nodeUpdateCustomRenderFunction"; "nodePartialUpdateCustomRenderFunction": "nodePartialUpdateCustomRenderFunction"; "nodeExitCustomRenderFunction": "nodeExitCustomRenderFunction"; "nodeOnZoomCustomRenderFunction": "nodeOnZoomCustomRenderFunction"; "nodeSelectionHighlightMode": "nodeSelectionHighlightMode"; "selectedNodeId": "selectedNodeId"; "selectedNodeIds": "selectedNodeIds"; "nodeExpandable": "nodeExpandable"; "nodeChildren": "nodeChildren"; "onNodeExpand": "onNodeExpand"; "panels": "panels"; "onNodeDragStart": "onNodeDragStart"; "onNodeDrag": "onNodeDrag"; "onNodeDragEnd": "onNodeDragEnd"; "onZoom": "onZoom"; "onZoomStart": "onZoomStart"; "onZoomEnd": "onZoomEnd"; "onLayoutCalculated": "onLayoutCalculated"; "onNodeSelectionBrush": "onNodeSelectionBrush"; "onNodeSelectionDrag": "onNodeSelectionDrag"; "onRenderComplete": "onRenderComplete"; "shouldDataUpdate": "shouldDataUpdate"; "data": "data"; }, {}, never, never>;
|
|
302
|
-
}
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
import * as i0 from "@angular/core";
|
|
2
|
-
import * as i1 from "./graph.component";
|
|
3
|
-
export declare class VisGraphModule {
|
|
4
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<VisGraphModule, never>;
|
|
5
|
-
static ɵmod: i0.ɵɵNgModuleDeclaration<VisGraphModule, [typeof i1.VisGraphComponent], never, [typeof i1.VisGraphComponent]>;
|
|
6
|
-
static ɵinj: i0.ɵɵInjectorDeclaration<VisGraphModule>;
|
|
7
|
-
}
|
|
@@ -1,101 +0,0 @@
|
|
|
1
|
-
import { AfterViewInit, SimpleChanges } from '@angular/core';
|
|
2
|
-
import { GroupedBar, GroupedBarConfigInterface, ContainerCore, VisEventType, VisEventCallback, NumericAccessor, ColorAccessor, ContinuousScale, StringAccessor, Orientation } from '@unovis/ts';
|
|
3
|
-
import * as i0 from "@angular/core";
|
|
4
|
-
export declare class VisGroupedBarComponent<Datum> implements GroupedBarConfigInterface<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
|
-
/** Bar color accessor function. 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
|
-
/** Force set the group width in pixels. Default: `undefined` */
|
|
74
|
-
groupWidth?: number;
|
|
75
|
-
/** Maximum group width for dynamic sizing. Limits the groupWidth property from the top. Default: `undefined` */
|
|
76
|
-
groupMaxWidth?: number;
|
|
77
|
-
/** Expected step between the bar groups in the X axis units.
|
|
78
|
-
* Needed to correctly calculate the width of the bar groups when there are gaps in the data.
|
|
79
|
-
* Default: `undefined` */
|
|
80
|
-
dataStep?: number;
|
|
81
|
-
/** Fractional padding between the groups in the range of [0,1). Default: `0.05` */
|
|
82
|
-
groupPadding?: number;
|
|
83
|
-
/** Fractional padding between the bars in the range of [0,1). Default: `0` */
|
|
84
|
-
barPadding?: number;
|
|
85
|
-
/** Rounded bar corners. Boolean or number (to set the radius in pixels explicitly). Default: `2` */
|
|
86
|
-
roundedCorners?: number | boolean;
|
|
87
|
-
/** Sets the minimum bar height for better visibility of small values. Default: `1` */
|
|
88
|
-
barMinHeight?: number;
|
|
89
|
-
/** Configurable bar cursor when hovering over. Default: `null` */
|
|
90
|
-
cursor?: StringAccessor<Datum>;
|
|
91
|
-
/** Chart orientation: `Orientation.Vertical` or `Orientation.Horizontal`. Default `Orientation.Vertical` */
|
|
92
|
-
orientation?: Orientation | string;
|
|
93
|
-
data: Datum[];
|
|
94
|
-
component: GroupedBar<Datum> | undefined;
|
|
95
|
-
componentContainer: ContainerCore | undefined;
|
|
96
|
-
ngAfterViewInit(): void;
|
|
97
|
-
ngOnChanges(changes: SimpleChanges): void;
|
|
98
|
-
private getConfig;
|
|
99
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<VisGroupedBarComponent<any>, never>;
|
|
100
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<VisGroupedBarComponent<any>, "vis-grouped-bar", never, { "duration": "duration"; "events": "events"; "attributes": "attributes"; "x": "x"; "y": "y"; "id": "id"; "color": "color"; "xScale": "xScale"; "yScale": "yScale"; "excludeFromDomainCalculation": "excludeFromDomainCalculation"; "groupWidth": "groupWidth"; "groupMaxWidth": "groupMaxWidth"; "dataStep": "dataStep"; "groupPadding": "groupPadding"; "barPadding": "barPadding"; "roundedCorners": "roundedCorners"; "barMinHeight": "barMinHeight"; "cursor": "cursor"; "orientation": "orientation"; "data": "data"; }, {}, never, never>;
|
|
101
|
-
}
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
import * as i0 from "@angular/core";
|
|
2
|
-
import * as i1 from "./grouped-bar.component";
|
|
3
|
-
export declare class VisGroupedBarModule {
|
|
4
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<VisGroupedBarModule, never>;
|
|
5
|
-
static ɵmod: i0.ɵɵNgModuleDeclaration<VisGroupedBarModule, [typeof i1.VisGroupedBarComponent], never, [typeof i1.VisGroupedBarComponent]>;
|
|
6
|
-
static ɵinj: i0.ɵɵInjectorDeclaration<VisGroupedBarModule>;
|
|
7
|
-
}
|
|
@@ -1,102 +0,0 @@
|
|
|
1
|
-
import { AfterViewInit, SimpleChanges } from '@angular/core';
|
|
2
|
-
import { Line, LineConfigInterface, ContainerCore, VisEventType, VisEventCallback, NumericAccessor, ColorAccessor, ContinuousScale, CurveType, GenericAccessor, StringAccessor } from '@unovis/ts';
|
|
3
|
-
import * as i0 from "@angular/core";
|
|
4
|
-
export declare class VisLineComponent<Datum> implements LineConfigInterface<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
|
-
/** Line 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;
|
|
75
|
-
/** Line width in pixels. Default: `2` */
|
|
76
|
-
lineWidth?: number;
|
|
77
|
-
/** Line dash array, see SVG's stroke-dasharray. Default: `undefined` */
|
|
78
|
-
lineDashArray?: GenericAccessor<number[], Datum[]>;
|
|
79
|
-
/** When a data point has an `undefined`, `NaN`, or other no-data value, they'll be replaced with a value specified here.
|
|
80
|
-
* Setting this property to `undefined` will lead to having the line break when there's no data, and continue when
|
|
81
|
-
* the data appears again. If you set it to `null`, the values will be treated as numerical `0` values and the line
|
|
82
|
-
* won't break; however if the whole dataset consists of only `null`s, the line won't be displayed.
|
|
83
|
-
* Default: `undefined` */
|
|
84
|
-
fallbackValue?: number | undefined | null;
|
|
85
|
-
/** Highlight line on hover. Default: `false` */
|
|
86
|
-
highlightOnHover?: boolean;
|
|
87
|
-
/** Optional link cursor. Default: `null` */
|
|
88
|
-
cursor?: StringAccessor<Datum[]>;
|
|
89
|
-
/** Enable interpolated line where data points are missing or fallbackValue is used.
|
|
90
|
-
* You can customize the line's appearance with `--vis-line-gapfill-stroke-dasharray`
|
|
91
|
-
* and `--vis-line-gapfill-stroke-opacity` CSS variables.
|
|
92
|
-
* Default: `false` */
|
|
93
|
-
interpolateMissingData?: boolean;
|
|
94
|
-
data: Datum[];
|
|
95
|
-
component: Line<Datum> | undefined;
|
|
96
|
-
componentContainer: ContainerCore | undefined;
|
|
97
|
-
ngAfterViewInit(): void;
|
|
98
|
-
ngOnChanges(changes: SimpleChanges): void;
|
|
99
|
-
private getConfig;
|
|
100
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<VisLineComponent<any>, never>;
|
|
101
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<VisLineComponent<any>, "vis-line", never, { "duration": "duration"; "events": "events"; "attributes": "attributes"; "x": "x"; "y": "y"; "id": "id"; "color": "color"; "xScale": "xScale"; "yScale": "yScale"; "excludeFromDomainCalculation": "excludeFromDomainCalculation"; "curveType": "curveType"; "lineWidth": "lineWidth"; "lineDashArray": "lineDashArray"; "fallbackValue": "fallbackValue"; "highlightOnHover": "highlightOnHover"; "cursor": "cursor"; "interpolateMissingData": "interpolateMissingData"; "data": "data"; }, {}, never, never>;
|
|
102
|
-
}
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
import * as i0 from "@angular/core";
|
|
2
|
-
import * as i1 from "./line.component";
|
|
3
|
-
export declare class VisLineModule {
|
|
4
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<VisLineModule, never>;
|
|
5
|
-
static ɵmod: i0.ɵɵNgModuleDeclaration<VisLineModule, [typeof i1.VisLineComponent], never, [typeof i1.VisLineComponent]>;
|
|
6
|
-
static ɵinj: i0.ɵɵInjectorDeclaration<VisLineModule>;
|
|
7
|
-
}
|
|
@@ -1,107 +0,0 @@
|
|
|
1
|
-
import { AfterViewInit, SimpleChanges } from '@angular/core';
|
|
2
|
-
import { NestedDonut, NestedDonutConfigInterface, ContainerCore, VisEventType, VisEventCallback, NestedDonutDirection, NumericAccessor, NestedDonutSegment, StringAccessor, GenericAccessor, NestedDonutLayerSettings, ColorAccessor } from '@unovis/ts';
|
|
3
|
-
import * as i0 from "@angular/core";
|
|
4
|
-
export declare class VisNestedDonutComponent<Datum> implements NestedDonutConfigInterface<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
|
-
/** Diagram angle range. Default: `[0, 2 * Math.PI]` */
|
|
53
|
-
angleRange?: [number, number];
|
|
54
|
-
/** Direction of hierarchy flow from root to leaf.
|
|
55
|
-
* `NestedDonutDirection.Inwards` starts from the outer most radius and works towards center
|
|
56
|
-
* `NestedDonutDirection.Outwards` starts from the inner most radius the consecutive layers outward.
|
|
57
|
-
* Default: `NestedDonutDirection.Inwards` */
|
|
58
|
-
direction?: NestedDonutDirection | string;
|
|
59
|
-
value?: NumericAccessor<Datum>;
|
|
60
|
-
/** Central label text. Default: `undefined` */
|
|
61
|
-
centralLabel?: string;
|
|
62
|
-
/** Central sub-label accessor function or text. Default: `undefined` */
|
|
63
|
-
centralSubLabel?: string;
|
|
64
|
-
/** Enables wrapping for the sub-label. Default: `true` */
|
|
65
|
-
centralSubLabelWrap?: boolean;
|
|
66
|
-
/** Show donut background. The color is configurable via
|
|
67
|
-
* the `--vis-nested-donut-background-color` and `--vis-dark-nested-donut-background-color` CSS variables.
|
|
68
|
-
* Default: `false` */
|
|
69
|
-
showBackground?: boolean;
|
|
70
|
-
/** Sort function for segments. Default `undefined` */
|
|
71
|
-
sort?: (a: NestedDonutSegment<Datum>, b: NestedDonutSegment<Datum>) => number;
|
|
72
|
-
/** Array of accessor functions to defined the nested groups. Default: `[]` */
|
|
73
|
-
layers: StringAccessor<Datum>[];
|
|
74
|
-
/** Configuration properties for individual layers. Accepts an accessor or constant of type:
|
|
75
|
-
* {
|
|
76
|
-
* backgroundColor?: string;
|
|
77
|
-
* labelAlignment?: NestedDonutSegmentLabelAlignment;
|
|
78
|
-
* width?: number | string;
|
|
79
|
-
* } */
|
|
80
|
-
layerSettings?: GenericAccessor<NestedDonutLayerSettings, number>;
|
|
81
|
-
layerPadding?: number;
|
|
82
|
-
/** Corner Radius. Default: `0` */
|
|
83
|
-
cornerRadius?: number;
|
|
84
|
-
/** Angular size for empty segments in radians. Default: `Math.PI / 180` */
|
|
85
|
-
emptySegmentAngle?: number;
|
|
86
|
-
/** Hide segment labels when they don't fit. Default: `true` */
|
|
87
|
-
hideOverflowingSegmentLabels?: boolean;
|
|
88
|
-
/** Color accessor function for segments. Default: `undefined` */
|
|
89
|
-
segmentColor?: ColorAccessor<NestedDonutSegment<Datum>>;
|
|
90
|
-
/** Segment label accessor function. Default `undefined` */
|
|
91
|
-
segmentLabel?: StringAccessor<NestedDonutSegment<Datum>>;
|
|
92
|
-
/** Color accessor function for segment labels */
|
|
93
|
-
segmentLabelColor?: ColorAccessor<NestedDonutSegment<Datum>>;
|
|
94
|
-
/** When true, the component will display empty segments (the ones that have `0` values) as tiny slices.
|
|
95
|
-
* Default: `false` */
|
|
96
|
-
showEmptySegments?: boolean;
|
|
97
|
-
/** Show labels for individual segments. Default: `true` */
|
|
98
|
-
showSegmentLabels?: boolean;
|
|
99
|
-
data: Datum[];
|
|
100
|
-
component: NestedDonut<Datum> | undefined;
|
|
101
|
-
componentContainer: ContainerCore | undefined;
|
|
102
|
-
ngAfterViewInit(): void;
|
|
103
|
-
ngOnChanges(changes: SimpleChanges): void;
|
|
104
|
-
private getConfig;
|
|
105
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<VisNestedDonutComponent<any>, never>;
|
|
106
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<VisNestedDonutComponent<any>, "vis-nested-donut", never, { "duration": "duration"; "events": "events"; "attributes": "attributes"; "angleRange": "angleRange"; "direction": "direction"; "value": "value"; "centralLabel": "centralLabel"; "centralSubLabel": "centralSubLabel"; "centralSubLabelWrap": "centralSubLabelWrap"; "showBackground": "showBackground"; "sort": "sort"; "layers": "layers"; "layerSettings": "layerSettings"; "layerPadding": "layerPadding"; "cornerRadius": "cornerRadius"; "emptySegmentAngle": "emptySegmentAngle"; "hideOverflowingSegmentLabels": "hideOverflowingSegmentLabels"; "segmentColor": "segmentColor"; "segmentLabel": "segmentLabel"; "segmentLabelColor": "segmentLabelColor"; "showEmptySegments": "showEmptySegments"; "showSegmentLabels": "showSegmentLabels"; "data": "data"; }, {}, never, never>;
|
|
107
|
-
}
|