@unovis/angular 1.7.0-Phoenix.0 → 1.7.0-csp.1

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.
Files changed (135) hide show
  1. package/README.md +4 -0
  2. package/dist/lib/README.md +4 -0
  3. package/dist/lib/fesm2022/unovis-angular.mjs +6639 -0
  4. package/dist/lib/fesm2022/unovis-angular.mjs.map +1 -0
  5. package/dist/lib/index.d.ts +3878 -0
  6. package/package.json +49 -42
  7. package/dist/lib/bundles/unovis-angular.umd.js +0 -3546
  8. package/dist/lib/bundles/unovis-angular.umd.js.map +0 -1
  9. package/dist/lib/components/annotations/annotations.component.d.ts +0 -73
  10. package/dist/lib/components/annotations/annotations.module.d.ts +0 -7
  11. package/dist/lib/components/area/area.component.d.ts +0 -96
  12. package/dist/lib/components/area/area.module.d.ts +0 -7
  13. package/dist/lib/components/axis/axis.component.d.ts +0 -123
  14. package/dist/lib/components/axis/axis.module.d.ts +0 -7
  15. package/dist/lib/components/brush/brush.component.d.ts +0 -83
  16. package/dist/lib/components/brush/brush.module.d.ts +0 -7
  17. package/dist/lib/components/chord-diagram/chord-diagram.component.d.ts +0 -91
  18. package/dist/lib/components/chord-diagram/chord-diagram.module.d.ts +0 -7
  19. package/dist/lib/components/crosshair/crosshair.component.d.ts +0 -124
  20. package/dist/lib/components/crosshair/crosshair.module.d.ts +0 -7
  21. package/dist/lib/components/donut/donut.component.d.ts +0 -99
  22. package/dist/lib/components/donut/donut.module.d.ts +0 -7
  23. package/dist/lib/components/free-brush/free-brush.component.d.ts +0 -85
  24. package/dist/lib/components/free-brush/free-brush.module.d.ts +0 -7
  25. package/dist/lib/components/graph/graph.component.d.ts +0 -296
  26. package/dist/lib/components/graph/graph.module.d.ts +0 -7
  27. package/dist/lib/components/grouped-bar/grouped-bar.component.d.ts +0 -101
  28. package/dist/lib/components/grouped-bar/grouped-bar.module.d.ts +0 -7
  29. package/dist/lib/components/line/line.component.d.ts +0 -102
  30. package/dist/lib/components/line/line.module.d.ts +0 -7
  31. package/dist/lib/components/nested-donut/nested-donut.component.d.ts +0 -107
  32. package/dist/lib/components/nested-donut/nested-donut.module.d.ts +0 -7
  33. package/dist/lib/components/plotband/plotband.component.d.ts +0 -81
  34. package/dist/lib/components/plotband/plotband.module.d.ts +0 -7
  35. package/dist/lib/components/plotline/plotline.component.d.ts +0 -87
  36. package/dist/lib/components/plotline/plotline.module.d.ts +0 -7
  37. package/dist/lib/components/sankey/sankey.component.d.ts +0 -167
  38. package/dist/lib/components/sankey/sankey.module.d.ts +0 -7
  39. package/dist/lib/components/scatter/scatter.component.d.ts +0 -110
  40. package/dist/lib/components/scatter/scatter.module.d.ts +0 -7
  41. package/dist/lib/components/stacked-bar/stacked-bar.component.d.ts +0 -103
  42. package/dist/lib/components/stacked-bar/stacked-bar.module.d.ts +0 -7
  43. package/dist/lib/components/timeline/timeline.component.d.ts +0 -153
  44. package/dist/lib/components/timeline/timeline.module.d.ts +0 -7
  45. package/dist/lib/components/tooltip/tooltip.component.d.ts +0 -73
  46. package/dist/lib/components/tooltip/tooltip.module.d.ts +0 -7
  47. package/dist/lib/components/topojson-map/topojson-map.component.d.ts +0 -125
  48. package/dist/lib/components/topojson-map/topojson-map.module.d.ts +0 -7
  49. package/dist/lib/components/xy-labels/xy-labels.component.d.ts +0 -107
  50. package/dist/lib/components/xy-labels/xy-labels.module.d.ts +0 -7
  51. package/dist/lib/components.d.ts +0 -51
  52. package/dist/lib/containers/single-container/single-container.component.d.ts +0 -46
  53. package/dist/lib/containers/single-container/single-container.module.d.ts +0 -7
  54. package/dist/lib/containers/xy-container/xy-container.component.d.ts +0 -101
  55. package/dist/lib/containers/xy-container/xy-container.module.d.ts +0 -7
  56. package/dist/lib/containers.d.ts +0 -4
  57. package/dist/lib/core/core-component.d.ts +0 -6
  58. package/dist/lib/core/generic-component.d.ts +0 -3
  59. package/dist/lib/core/index.d.ts +0 -3
  60. package/dist/lib/core/xy-component.d.ts +0 -6
  61. package/dist/lib/esm2015/components/annotations/annotations.component.js +0 -43
  62. package/dist/lib/esm2015/components/annotations/annotations.module.js +0 -18
  63. package/dist/lib/esm2015/components/area/area.component.js +0 -77
  64. package/dist/lib/esm2015/components/area/area.module.js +0 -18
  65. package/dist/lib/esm2015/components/axis/axis.component.js +0 -109
  66. package/dist/lib/esm2015/components/axis/axis.module.js +0 -18
  67. package/dist/lib/esm2015/components/brush/brush.component.js +0 -69
  68. package/dist/lib/esm2015/components/brush/brush.module.js +0 -18
  69. package/dist/lib/esm2015/components/chord-diagram/chord-diagram.component.js +0 -79
  70. package/dist/lib/esm2015/components/chord-diagram/chord-diagram.module.js +0 -18
  71. package/dist/lib/esm2015/components/crosshair/crosshair.component.js +0 -91
  72. package/dist/lib/esm2015/components/crosshair/crosshair.module.js +0 -18
  73. package/dist/lib/esm2015/components/donut/donut.component.js +0 -87
  74. package/dist/lib/esm2015/components/donut/donut.module.js +0 -18
  75. package/dist/lib/esm2015/components/free-brush/free-brush.component.js +0 -69
  76. package/dist/lib/esm2015/components/free-brush/free-brush.module.js +0 -18
  77. package/dist/lib/esm2015/components/graph/graph.component.js +0 -231
  78. package/dist/lib/esm2015/components/graph/graph.module.js +0 -18
  79. package/dist/lib/esm2015/components/grouped-bar/grouped-bar.component.js +0 -83
  80. package/dist/lib/esm2015/components/grouped-bar/grouped-bar.module.js +0 -18
  81. package/dist/lib/esm2015/components/line/line.component.js +0 -79
  82. package/dist/lib/esm2015/components/line/line.module.js +0 -18
  83. package/dist/lib/esm2015/components/nested-donut/nested-donut.component.js +0 -89
  84. package/dist/lib/esm2015/components/nested-donut/nested-donut.module.js +0 -18
  85. package/dist/lib/esm2015/components/plotband/plotband.component.js +0 -61
  86. package/dist/lib/esm2015/components/plotband/plotband.module.js +0 -18
  87. package/dist/lib/esm2015/components/plotline/plotline.component.js +0 -63
  88. package/dist/lib/esm2015/components/plotline/plotline.module.js +0 -18
  89. package/dist/lib/esm2015/components/sankey/sankey.component.js +0 -139
  90. package/dist/lib/esm2015/components/sankey/sankey.module.js +0 -18
  91. package/dist/lib/esm2015/components/scatter/scatter.component.js +0 -89
  92. package/dist/lib/esm2015/components/scatter/scatter.module.js +0 -18
  93. package/dist/lib/esm2015/components/stacked-bar/stacked-bar.component.js +0 -83
  94. package/dist/lib/esm2015/components/stacked-bar/stacked-bar.module.js +0 -18
  95. package/dist/lib/esm2015/components/timeline/timeline.component.js +0 -131
  96. package/dist/lib/esm2015/components/timeline/timeline.module.js +0 -18
  97. package/dist/lib/esm2015/components/tooltip/tooltip.component.js +0 -61
  98. package/dist/lib/esm2015/components/tooltip/tooltip.module.js +0 -18
  99. package/dist/lib/esm2015/components/topojson-map/topojson-map.component.js +0 -111
  100. package/dist/lib/esm2015/components/topojson-map/topojson-map.module.js +0 -18
  101. package/dist/lib/esm2015/components/xy-labels/xy-labels.component.js +0 -91
  102. package/dist/lib/esm2015/components/xy-labels/xy-labels.module.js +0 -18
  103. package/dist/lib/esm2015/components.js +0 -55
  104. package/dist/lib/esm2015/containers/single-container/single-container.component.js +0 -82
  105. package/dist/lib/esm2015/containers/single-container/single-container.module.js +0 -17
  106. package/dist/lib/esm2015/containers/xy-container/xy-container.component.js +0 -177
  107. package/dist/lib/esm2015/containers/xy-container/xy-container.module.js +0 -17
  108. package/dist/lib/esm2015/containers.js +0 -5
  109. package/dist/lib/esm2015/core/core-component.js +0 -4
  110. package/dist/lib/esm2015/core/generic-component.js +0 -3
  111. package/dist/lib/esm2015/core/index.js +0 -4
  112. package/dist/lib/esm2015/core/xy-component.js +0 -4
  113. package/dist/lib/esm2015/html-components/bullet-legend/bullet-legend.component.js +0 -56
  114. package/dist/lib/esm2015/html-components/bullet-legend/bullet-legend.module.js +0 -18
  115. package/dist/lib/esm2015/html-components/leaflet-flow-map/leaflet-flow-map.component.js +0 -170
  116. package/dist/lib/esm2015/html-components/leaflet-flow-map/leaflet-flow-map.module.js +0 -18
  117. package/dist/lib/esm2015/html-components/leaflet-map/leaflet-map.component.js +0 -144
  118. package/dist/lib/esm2015/html-components/leaflet-map/leaflet-map.module.js +0 -18
  119. package/dist/lib/esm2015/html-components/rolling-pin-legend/rolling-pin-legend.component.js +0 -48
  120. package/dist/lib/esm2015/html-components/rolling-pin-legend/rolling-pin-legend.module.js +0 -18
  121. package/dist/lib/esm2015/public-api.js +0 -3
  122. package/dist/lib/esm2015/unovis-angular.js +0 -5
  123. package/dist/lib/fesm2015/unovis-angular.js +0 -2922
  124. package/dist/lib/fesm2015/unovis-angular.js.map +0 -1
  125. package/dist/lib/html-components/bullet-legend/bullet-legend.component.d.ts +0 -42
  126. package/dist/lib/html-components/bullet-legend/bullet-legend.module.d.ts +0 -7
  127. package/dist/lib/html-components/leaflet-flow-map/leaflet-flow-map.component.d.ts +0 -212
  128. package/dist/lib/html-components/leaflet-flow-map/leaflet-flow-map.module.d.ts +0 -7
  129. package/dist/lib/html-components/leaflet-map/leaflet-map.component.d.ts +0 -183
  130. package/dist/lib/html-components/leaflet-map/leaflet-map.module.d.ts +0 -7
  131. package/dist/lib/html-components/rolling-pin-legend/rolling-pin-legend.component.d.ts +0 -24
  132. package/dist/lib/html-components/rolling-pin-legend/rolling-pin-legend.module.d.ts +0 -7
  133. package/dist/lib/package.json +0 -53
  134. package/dist/lib/public-api.d.ts +0 -2
  135. package/dist/lib/unovis-angular.d.ts +0 -5
@@ -1,99 +0,0 @@
1
- import { AfterViewInit, SimpleChanges } from '@angular/core';
2
- import { Donut, DonutConfigInterface, ContainerCore, VisEventType, VisEventCallback, NumericAccessor, ColorAccessor } from '@unovis/ts';
3
- import * as i0 from "@angular/core";
4
- export declare class VisDonutComponent<Datum> implements DonutConfigInterface<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 unique data record id. Used for more persistent data updates. Default: `(d, i) => d.id ?? i` */
53
- id?: ((d: Datum, i: number, ...rest: any[]) => string | number);
54
- /** Value accessor function. Default: `undefined` */
55
- value: NumericAccessor<Datum>;
56
- /** Diagram angle range. Default: `[0, 2 * Math.PI]` */
57
- angleRange?: [number, number];
58
- /** Pad angle. Default: `0` */
59
- padAngle?: number;
60
- /** Custom sort function. Default: `undefined` */
61
- sortFunction?: (a: Datum, b: Datum) => number;
62
- /** Corner Radius. Default: `0` */
63
- cornerRadius?: number;
64
- /** Color accessor function. Default: `undefined` */
65
- color?: ColorAccessor<Datum>;
66
- /** Explicitly set the donut outer radius. Default: `undefined` */
67
- radius?: number;
68
- /** Arc width in pixels. Set to `0` if you want to have a pie chart. Default: `20` */
69
- arcWidth?: number;
70
- /** Central label accessor function or text. Default: `undefined` */
71
- centralLabel?: string;
72
- /** Central sub-label accessor function or text. Default: `undefined` */
73
- centralSubLabel?: string;
74
- /** Enables wrapping for the sub-label. Default: `true` */
75
- centralSubLabelWrap?: boolean;
76
- /** When true, the component will display empty segments (the ones that have `0` values) as tiny slices.
77
- * Default: `false` */
78
- showEmptySegments?: boolean;
79
- /** Angular size for empty segments in radians. Default: `0.5 * Math.PI / 180` */
80
- emptySegmentAngle?: number;
81
- /** Show donut background. The color is configurable via
82
- * the `--vis-donut-background-color` and `--vis-dark-donut-background-color` CSS variables.
83
- * Default: `true` */
84
- showBackground?: boolean;
85
- /** Background angle range. When undefined, the value will be taken from `angleRange`. Default: `undefined` */
86
- backgroundAngleRange?: [number, number];
87
- /** Central label and sub-label horizontal offset in pixels. Default: `undefined` */
88
- centralLabelOffsetX?: number;
89
- /** Central label and sub-label vertical offset in pixels. Default: `undefined` */
90
- centralLabelOffsetY?: number;
91
- data: Datum[];
92
- component: Donut<Datum> | undefined;
93
- componentContainer: ContainerCore | undefined;
94
- ngAfterViewInit(): void;
95
- ngOnChanges(changes: SimpleChanges): void;
96
- private getConfig;
97
- static ɵfac: i0.ɵɵFactoryDeclaration<VisDonutComponent<any>, never>;
98
- static ɵcmp: i0.ɵɵComponentDeclaration<VisDonutComponent<any>, "vis-donut", never, { "duration": "duration"; "events": "events"; "attributes": "attributes"; "id": "id"; "value": "value"; "angleRange": "angleRange"; "padAngle": "padAngle"; "sortFunction": "sortFunction"; "cornerRadius": "cornerRadius"; "color": "color"; "radius": "radius"; "arcWidth": "arcWidth"; "centralLabel": "centralLabel"; "centralSubLabel": "centralSubLabel"; "centralSubLabelWrap": "centralSubLabelWrap"; "showEmptySegments": "showEmptySegments"; "emptySegmentAngle": "emptySegmentAngle"; "showBackground": "showBackground"; "backgroundAngleRange": "backgroundAngleRange"; "centralLabelOffsetX": "centralLabelOffsetX"; "centralLabelOffsetY": "centralLabelOffsetY"; "data": "data"; }, {}, never, never>;
99
- }
@@ -1,7 +0,0 @@
1
- import * as i0 from "@angular/core";
2
- import * as i1 from "./donut.component";
3
- export declare class VisDonutModule {
4
- static ɵfac: i0.ɵɵFactoryDeclaration<VisDonutModule, never>;
5
- static ɵmod: i0.ɵɵNgModuleDeclaration<VisDonutModule, [typeof i1.VisDonutComponent], never, [typeof i1.VisDonutComponent]>;
6
- static ɵinj: i0.ɵɵInjectorDeclaration<VisDonutModule>;
7
- }
@@ -1,85 +0,0 @@
1
- import { AfterViewInit, SimpleChanges } from '@angular/core';
2
- import { FreeBrush, FreeBrushConfigInterface, ContainerCore, VisEventType, VisEventCallback, FreeBrushMode, FreeBrushSelection } from '@unovis/ts';
3
- import { D3BrushEvent } from 'd3-brush';
4
- import * as i0 from "@angular/core";
5
- export declare class VisFreeBrushComponent<Datum> implements FreeBrushConfigInterface<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
- /** Brush selection mode. X - horizontal, Y - vertical, XY - both. Default: `FreeBrushMode.X` */
54
- mode?: FreeBrushMode;
55
- /** Callback function to be called on any Brush event.
56
- * Default: `(selection: FreeBrushSelection, event: D3BrushEvent<Datum>, userDriven: boolean): void => {}` */
57
- onBrush?: ((selection: FreeBrushSelection | undefined, event: D3BrushEvent<unknown>, userDriven: boolean) => void);
58
- /** Callback function to be called on the Brush start event.
59
- * Default: `(selection: FreeBrushSelection, event: D3BrushEvent<unknown>, userDriven: boolean): void => {}` */
60
- onBrushStart?: ((selection: FreeBrushSelection | undefined, event: D3BrushEvent<unknown>, userDriven: boolean) => void);
61
- /** Callback function to be called on the Brush move event.
62
- * Default: `(selection: FreeBrushSelection, event: D3BrushEvent<unknown>, userDriven: boolean): void => {}` */
63
- onBrushMove?: ((selection: FreeBrushSelection | undefined, event: D3BrushEvent<unknown>, userDriven: boolean) => void);
64
- /** Callback function to be called on the Brush end event.
65
- * Default: `(selection: FreeBrushSelection, event: D3BrushEvent<unknown>, userDriven: boolean)L void => {}` */
66
- onBrushEnd?: ((selection: FreeBrushSelection | undefined, event: D3BrushEvent<unknown>, userDriven: boolean) => void);
67
- /** Width of the Brush handle. Default: `1` */
68
- handleWidth?: number;
69
- /** Brush selection in data space, can be used to force set the selection from outside.
70
- * In case of two dimensional mode, the selection has the following format: `[[xMin, xMax], [yMin, yMax]]`.
71
- * This config property gets updated on internal brush events. Default: `undefined` */
72
- selection?: FreeBrushSelection | null | undefined;
73
- /** Constraint Brush selection to a minimal length in data units. Default: `undefined` */
74
- selectionMinLength?: number | [number, number];
75
- /** Automatically hide the brush after selection. Default: `true` */
76
- autoHide?: boolean;
77
- data: Datum[];
78
- component: FreeBrush<Datum> | undefined;
79
- componentContainer: ContainerCore | undefined;
80
- ngAfterViewInit(): void;
81
- ngOnChanges(changes: SimpleChanges): void;
82
- private getConfig;
83
- static ɵfac: i0.ɵɵFactoryDeclaration<VisFreeBrushComponent<any>, never>;
84
- static ɵcmp: i0.ɵɵComponentDeclaration<VisFreeBrushComponent<any>, "vis-free-brush", never, { "duration": "duration"; "events": "events"; "attributes": "attributes"; "mode": "mode"; "onBrush": "onBrush"; "onBrushStart": "onBrushStart"; "onBrushMove": "onBrushMove"; "onBrushEnd": "onBrushEnd"; "handleWidth": "handleWidth"; "selection": "selection"; "selectionMinLength": "selectionMinLength"; "autoHide": "autoHide"; "data": "data"; }, {}, never, never>;
85
- }
@@ -1,7 +0,0 @@
1
- import * as i0 from "@angular/core";
2
- import * as i1 from "./free-brush.component";
3
- export declare class VisFreeBrushModule {
4
- static ɵfac: i0.ɵɵFactoryDeclaration<VisFreeBrushModule, never>;
5
- static ɵmod: i0.ɵɵNgModuleDeclaration<VisFreeBrushModule, [typeof i1.VisFreeBrushComponent], never, [typeof i1.VisFreeBrushComponent]>;
6
- static ɵinj: i0.ɵɵInjectorDeclaration<VisFreeBrushModule>;
7
- }
@@ -1,296 +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
- /** Panels configuration. An array of `GraphPanelConfig` objects. Default: `[]` */
258
- panels?: GraphPanelConfig[] | undefined;
259
- /** Graph node drag start callback function. Default: `undefined` */
260
- onNodeDragStart?: (n: GraphNode<N, L>, event: D3DragEvent<SVGGElement, GraphNode<N, L>, unknown>) => void | undefined;
261
- /** Graph node drag callback function. Default: `undefined` */
262
- onNodeDrag?: (n: GraphNode<N, L>, event: D3DragEvent<SVGGElement, GraphNode<N, L>, unknown>) => void | undefined;
263
- /** Graph node drag end callback function. Default: `undefined` */
264
- onNodeDragEnd?: (n: GraphNode<N, L>, event: D3DragEvent<SVGGElement, GraphNode<N, L>, unknown>) => void | undefined;
265
- /** Zoom event callback. Default: `undefined` */
266
- onZoom?: (zoomScale: number, zoomScaleExtent: [number, number], event: D3ZoomEvent<SVGGElement, unknown> | undefined, transform: ZoomTransform) => void;
267
- /** Zoom start event callback. Default: `undefined` */
268
- onZoomStart?: (zoomScale: number, zoomScaleExtent: [number, number], event: D3ZoomEvent<SVGGElement, unknown> | undefined, transform: ZoomTransform) => void;
269
- /** Zoom end event callback. Default: `undefined` */
270
- onZoomEnd?: (zoomScale: number, zoomScaleExtent: [number, number], event: D3ZoomEvent<SVGGElement, unknown> | undefined, transform: ZoomTransform) => void;
271
- /** Callback function to be called when the graph layout is calculated. Default: `undefined` */
272
- onLayoutCalculated?: (nodes: GraphNode<N, L>[], links: GraphLink<N, L>[]) => void;
273
- /** Graph node selection brush callback function. Default: `undefined` */
274
- onNodeSelectionBrush?: (selectedNodes: GraphNode<N, L>[], event: D3BrushEvent<SVGGElement> | undefined) => void;
275
- /** Graph multiple node drag callback function. Default: `undefined` */
276
- onNodeSelectionDrag?: (selectedNodes: GraphNode<N, L>[], event: D3DragEvent<SVGGElement, GraphNode<N, L>, unknown>) => void;
277
- /** Callback function to be called when the graph rendering is complete. Default: `undefined` */
278
- 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;
279
- /** Determines whether the component should update when new data is provided.
280
- * This function takes the previous and new data as parameters and returns a boolean
281
- * indicating whether the update should proceed. Useful for fine-grained control over
282
- * update behavior when your data has a complex nested structure.
283
- * By default the `isEqual` function from Unovis will be used to do the comparison. */
284
- shouldDataUpdate?: (prevData: GraphInputData<N, L>, nextData: GraphInputData<N, L>, datamodel: GraphDataModel<N, L, GraphNode<N, L>, GraphLink<N, L>>) => boolean;
285
- data: {
286
- nodes: N[];
287
- links?: L[];
288
- };
289
- component: Graph<N, L> | undefined;
290
- componentContainer: ContainerCore | undefined;
291
- ngAfterViewInit(): void;
292
- ngOnChanges(changes: SimpleChanges): void;
293
- private getConfig;
294
- static ɵfac: i0.ɵɵFactoryDeclaration<VisGraphComponent<any, any>, never>;
295
- 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"; "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>;
296
- }
@@ -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
- }