@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.
Files changed (139) 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 +28 -43
  7. package/dist/lib/bundles/unovis-angular.umd.js +0 -3928
  8. package/dist/lib/bundles/unovis-angular.umd.js.map +0 -1
  9. package/dist/lib/components/annotations/annotations.component.d.ts +0 -75
  10. package/dist/lib/components/annotations/annotations.module.d.ts +0 -7
  11. package/dist/lib/components/area/area.component.d.ts +0 -106
  12. package/dist/lib/components/area/area.module.d.ts +0 -7
  13. package/dist/lib/components/axis/axis.component.d.ts +0 -126
  14. package/dist/lib/components/axis/axis.module.d.ts +0 -7
  15. package/dist/lib/components/brush/brush.component.d.ts +0 -86
  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 -132
  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 -302
  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 -194
  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 -159
  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 -215
  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 -53
  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 -45
  62. package/dist/lib/esm2015/components/annotations/annotations.module.js +0 -18
  63. package/dist/lib/esm2015/components/area/area.component.js +0 -87
  64. package/dist/lib/esm2015/components/area/area.module.js +0 -18
  65. package/dist/lib/esm2015/components/axis/axis.component.js +0 -111
  66. package/dist/lib/esm2015/components/axis/axis.module.js +0 -18
  67. package/dist/lib/esm2015/components/brush/brush.component.js +0 -71
  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 -95
  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 -237
  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 -165
  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 -137
  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 -173
  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 -57
  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/flow-legend/flow-legend.component.js +0 -60
  116. package/dist/lib/esm2015/html-components/flow-legend/flow-legend.module.js +0 -18
  117. package/dist/lib/esm2015/html-components/leaflet-flow-map/leaflet-flow-map.component.js +0 -170
  118. package/dist/lib/esm2015/html-components/leaflet-flow-map/leaflet-flow-map.module.js +0 -18
  119. package/dist/lib/esm2015/html-components/leaflet-map/leaflet-map.component.js +0 -144
  120. package/dist/lib/esm2015/html-components/leaflet-map/leaflet-map.module.js +0 -18
  121. package/dist/lib/esm2015/html-components/rolling-pin-legend/rolling-pin-legend.component.js +0 -48
  122. package/dist/lib/esm2015/html-components/rolling-pin-legend/rolling-pin-legend.module.js +0 -18
  123. package/dist/lib/esm2015/public-api.js +0 -3
  124. package/dist/lib/esm2015/unovis-angular.js +0 -5
  125. package/dist/lib/fesm2015/unovis-angular.js +0 -3113
  126. package/dist/lib/fesm2015/unovis-angular.js.map +0 -1
  127. package/dist/lib/html-components/bullet-legend/bullet-legend.component.d.ts +0 -42
  128. package/dist/lib/html-components/bullet-legend/bullet-legend.module.d.ts +0 -7
  129. package/dist/lib/html-components/flow-legend/flow-legend.component.d.ts +0 -34
  130. package/dist/lib/html-components/flow-legend/flow-legend.module.d.ts +0 -7
  131. package/dist/lib/html-components/leaflet-flow-map/leaflet-flow-map.component.d.ts +0 -212
  132. package/dist/lib/html-components/leaflet-flow-map/leaflet-flow-map.module.d.ts +0 -7
  133. package/dist/lib/html-components/leaflet-map/leaflet-map.component.d.ts +0 -183
  134. package/dist/lib/html-components/leaflet-map/leaflet-map.module.d.ts +0 -7
  135. package/dist/lib/html-components/rolling-pin-legend/rolling-pin-legend.component.d.ts +0 -24
  136. package/dist/lib/html-components/rolling-pin-legend/rolling-pin-legend.module.d.ts +0 -7
  137. package/dist/lib/package.json +0 -52
  138. package/dist/lib/public-api.d.ts +0 -2
  139. package/dist/lib/unovis-angular.d.ts +0 -5
@@ -1,75 +0,0 @@
1
- import { AfterViewInit, SimpleChanges } from '@angular/core';
2
- import { Annotations, AnnotationsConfigInterface, ContainerCore, VisEventType, VisEventCallback, AnnotationItem } from '@unovis/ts';
3
- import * as i0 from "@angular/core";
4
- export declare class VisAnnotationsComponent implements AnnotationsConfigInterface, AfterViewInit {
5
- /** Animation duration of the data update transitions in milliseconds. Default: `600` */
6
- duration?: number;
7
- /** Events configuration. An object containing properties in the following format:
8
- *
9
- * ```
10
- * {
11
- * \[selectorString]: {
12
- * \[eventType]: callbackFunction
13
- * }
14
- * }
15
- * ```
16
- * e.g.:
17
- * ```
18
- * {
19
- * \[Area.selectors.area]: {
20
- * click: (d) => console.log("Clicked Area", d)
21
- * }
22
- * }
23
- * ``` */
24
- events?: {
25
- [selector: string]: {
26
- [eventType in VisEventType]?: VisEventCallback;
27
- };
28
- };
29
- /** You can set every SVG and HTML visualization object to have a custom DOM attributes, which is useful
30
- * when you want to do unit or end-to-end testing. Attributes configuration object has the following structure:
31
- *
32
- * ```
33
- * {
34
- * \[selectorString]: {
35
- * \[attributeName]: attribute constant value or accessor function
36
- * }
37
- * }
38
- * ```
39
- * e.g.:
40
- * ```
41
- * {
42
- * \[Area.selectors.area]: {
43
- * "test-value": d => d.value
44
- * }
45
- * }
46
- * ``` */
47
- attributes?: {
48
- [selector: string]: {
49
- [attr: string]: string | number | boolean | ((datum: any) => string | number | boolean);
50
- };
51
- };
52
- /** Legend items. Array of `AnnotationItem`:
53
- * ```
54
- * {
55
- * content: string | UnovisText | UnovisText[];
56
- * subject?: AnnotationSubject;
57
- * x?: LengthUnit;
58
- * y?: LengthUnit;
59
- * width?: LengthUnit;
60
- * height?: LengthUnit;
61
- * }
62
- * ```
63
- * To learn more, see our docs https://unovis.dev/docs/auxiliary/Annotations/
64
- * Default: `[]` */
65
- items: AnnotationItem[] | undefined;
66
- /** Debug option to render bounding boxes around text elements. Default: `false` */
67
- renderTextBoundingBoxes?: boolean;
68
- component: Annotations | undefined;
69
- componentContainer: ContainerCore | undefined;
70
- ngAfterViewInit(): void;
71
- ngOnChanges(changes: SimpleChanges): void;
72
- private getConfig;
73
- static ɵfac: i0.ɵɵFactoryDeclaration<VisAnnotationsComponent, never>;
74
- static ɵcmp: i0.ɵɵComponentDeclaration<VisAnnotationsComponent, "vis-annotations", never, { "duration": "duration"; "events": "events"; "attributes": "attributes"; "items": "items"; "renderTextBoundingBoxes": "renderTextBoundingBoxes"; }, {}, never, never>;
75
- }
@@ -1,7 +0,0 @@
1
- import * as i0 from "@angular/core";
2
- import * as i1 from "./annotations.component";
3
- export declare class VisAnnotationsModule {
4
- static ɵfac: i0.ɵɵFactoryDeclaration<VisAnnotationsModule, never>;
5
- static ɵmod: i0.ɵɵNgModuleDeclaration<VisAnnotationsModule, [typeof i1.VisAnnotationsComponent], never, [typeof i1.VisAnnotationsComponent]>;
6
- static ɵinj: i0.ɵɵInjectorDeclaration<VisAnnotationsModule>;
7
- }
@@ -1,106 +0,0 @@
1
- import { AfterViewInit, SimpleChanges } from '@angular/core';
2
- import { Area, AreaConfigInterface, ContainerCore, VisEventType, VisEventCallback, NumericAccessor, ColorAccessor, ContinuousScale, CurveType, StringAccessor, GenericAccessor } from '@unovis/ts';
3
- import * as i0 from "@angular/core";
4
- export declare class VisAreaComponent<Datum> implements AreaConfigInterface<Datum>, AfterViewInit {
5
- /** Animation duration of the data update transitions in milliseconds. Default: `600` */
6
- duration?: number;
7
- /** Events configuration. An object containing properties in the following format:
8
- *
9
- * ```
10
- * {
11
- * \[selectorString]: {
12
- * \[eventType]: callbackFunction
13
- * }
14
- * }
15
- * ```
16
- * e.g.:
17
- * ```
18
- * {
19
- * \[Area.selectors.area]: {
20
- * click: (d) => console.log("Clicked Area", d)
21
- * }
22
- * }
23
- * ``` */
24
- events?: {
25
- [selector: string]: {
26
- [eventType in VisEventType]?: VisEventCallback;
27
- };
28
- };
29
- /** You can set every SVG and HTML visualization object to have a custom DOM attributes, which is useful
30
- * when you want to do unit or end-to-end testing. Attributes configuration object has the following structure:
31
- *
32
- * ```
33
- * {
34
- * \[selectorString]: {
35
- * \[attributeName]: attribute constant value or accessor function
36
- * }
37
- * }
38
- * ```
39
- * e.g.:
40
- * ```
41
- * {
42
- * \[Area.selectors.area]: {
43
- * "test-value": d => d.value
44
- * }
45
- * }
46
- * ``` */
47
- attributes?: {
48
- [selector: string]: {
49
- [attr: string]: string | number | boolean | ((datum: any) => string | number | boolean);
50
- };
51
- };
52
- /** Accessor function for getting the values along the X axis. Default: `undefined` */
53
- x: NumericAccessor<Datum>;
54
- /** A single of multiple accessor functions for getting the values along the Y axis. Default: `undefined` */
55
- y: NumericAccessor<Datum> | NumericAccessor<Datum>[];
56
- /** Accessor function for getting the unique data record id. Used for more persistent data updates. Default: `(d, i) => d.id ?? i` */
57
- id?: ((d: Datum, i: number, ...rest: any[]) => string);
58
- /** Area color accessor function. The whole data array will be passed as the first argument. Default: `undefined` */
59
- color?: ColorAccessor<Datum[]>;
60
- /** Scale for X dimension, e.g. Scale.scaleLinear(). If you set xScale you'll be responsible for setting it's `domain` and `range` as well.
61
- * Only continuous scales are supported.
62
- * Default: `undefined` */
63
- xScale?: ContinuousScale;
64
- /** Scale for Y dimension, e.g. Scale.scaleLinear(). If you set yScale you'll be responsible for setting it's `domain` and `range` as well.
65
- * Only continuous scales are supported.
66
- * Default: `undefined` */
67
- yScale?: ContinuousScale;
68
- /** Identifies whether the component should be excluded from overall X and Y domain calculations or not.
69
- * This property can be useful when you want pass individual data to a component and you don't want it to affect
70
- * the scales of the chart.
71
- * Default: `false` */
72
- excludeFromDomainCalculation?: boolean;
73
- /** Curve type from the CurveType enum. Default: `CurveType.MonotoneX` */
74
- curveType?: CurveType | string;
75
- /** Baseline value or accessor function. Default: `undefined` */
76
- baseline?: NumericAccessor<Datum>;
77
- /** Opacity value or accessor function. Default: `1` */
78
- opacity?: NumericAccessor<Datum[]>;
79
- /** Optional area cursor. String or accessor function. Default: `null` */
80
- cursor?: StringAccessor<Datum[]>;
81
- /** Display a line on the top of the area. Default: `false` */
82
- line?: boolean;
83
- /** Line color accessor function. The whole data array will be passed as the first argument. Default: `undefined` */
84
- lineColor?: ColorAccessor<Datum[]>;
85
- /** Line width in pixels. Default: `2` */
86
- lineWidth?: number;
87
- /** Line dash array, see SVG's stroke-dasharray. Default: `undefined` */
88
- lineDashArray?: GenericAccessor<number[], Datum[]>;
89
- /** If an area is smaller than 1px, extend it to have 1px height. Default: `false` */
90
- minHeight1Px?: boolean;
91
- /** Minimum height of the area, use carefully.
92
- * This setting is useful when some of the area values are zeros or very small so visually they become
93
- * practically invisible, but you want to show that the data behind them exists and they're not just empty segments.
94
- * Default: `undefined` */
95
- minHeight?: number;
96
- /** Whether to stack min height areas or not. Default: `undefined` */
97
- stackMinHeight?: boolean;
98
- data: Datum[];
99
- component: Area<Datum> | undefined;
100
- componentContainer: ContainerCore | undefined;
101
- ngAfterViewInit(): void;
102
- ngOnChanges(changes: SimpleChanges): void;
103
- private getConfig;
104
- static ɵfac: i0.ɵɵFactoryDeclaration<VisAreaComponent<any>, never>;
105
- static ɵcmp: i0.ɵɵComponentDeclaration<VisAreaComponent<any>, "vis-area", never, { "duration": "duration"; "events": "events"; "attributes": "attributes"; "x": "x"; "y": "y"; "id": "id"; "color": "color"; "xScale": "xScale"; "yScale": "yScale"; "excludeFromDomainCalculation": "excludeFromDomainCalculation"; "curveType": "curveType"; "baseline": "baseline"; "opacity": "opacity"; "cursor": "cursor"; "line": "line"; "lineColor": "lineColor"; "lineWidth": "lineWidth"; "lineDashArray": "lineDashArray"; "minHeight1Px": "minHeight1Px"; "minHeight": "minHeight"; "stackMinHeight": "stackMinHeight"; "data": "data"; }, {}, never, never>;
106
- }
@@ -1,7 +0,0 @@
1
- import * as i0 from "@angular/core";
2
- import * as i1 from "./area.component";
3
- export declare class VisAreaModule {
4
- static ɵfac: i0.ɵɵFactoryDeclaration<VisAreaModule, never>;
5
- static ɵmod: i0.ɵɵNgModuleDeclaration<VisAreaModule, [typeof i1.VisAreaComponent], never, [typeof i1.VisAreaComponent]>;
6
- static ɵinj: i0.ɵɵInjectorDeclaration<VisAreaModule>;
7
- }
@@ -1,126 +0,0 @@
1
- import { AfterViewInit, SimpleChanges } from '@angular/core';
2
- import { Axis, AxisConfigInterface, ContainerCore, VisEventType, VisEventCallback, Position, AxisType, FitMode, TrimMode, TextAlign } from '@unovis/ts';
3
- import * as i0 from "@angular/core";
4
- export declare class VisAxisComponent<Datum> implements AxisConfigInterface<Datum>, AfterViewInit {
5
- /** Animation duration of the data update transitions in milliseconds. Default: `600` */
6
- duration?: number;
7
- /** Events configuration. An object containing properties in the following format:
8
- *
9
- * ```
10
- * {
11
- * \[selectorString]: {
12
- * \[eventType]: callbackFunction
13
- * }
14
- * }
15
- * ```
16
- * e.g.:
17
- * ```
18
- * {
19
- * \[Area.selectors.area]: {
20
- * click: (d) => console.log("Clicked Area", d)
21
- * }
22
- * }
23
- * ``` */
24
- events?: {
25
- [selector: string]: {
26
- [eventType in VisEventType]?: VisEventCallback;
27
- };
28
- };
29
- /** You can set every SVG and HTML visualization object to have a custom DOM attributes, which is useful
30
- * when you want to do unit or end-to-end testing. Attributes configuration object has the following structure:
31
- *
32
- * ```
33
- * {
34
- * \[selectorString]: {
35
- * \[attributeName]: attribute constant value or accessor function
36
- * }
37
- * }
38
- * ```
39
- * e.g.:
40
- * ```
41
- * {
42
- * \[Area.selectors.area]: {
43
- * "test-value": d => d.value
44
- * }
45
- * }
46
- * ``` */
47
- attributes?: {
48
- [selector: string]: {
49
- [attr: string]: string | number | boolean | ((datum: any) => string | number | boolean);
50
- };
51
- };
52
- /** Axis position: `Position.Top`, `Position.Bottom`, `Position.Right` or `Position.Left`. Default: `undefined` */
53
- position?: Position | `${Position}`;
54
- /** Axis type: `AxisType.X` or `AxisType.Y` */
55
- type?: AxisType | `${AxisType}`;
56
- /** Extend the axis domain line to be full width or full height. Default: `true` */
57
- fullSize?: boolean;
58
- /** Axis label. Default: `undefined` */
59
- label?: string;
60
- /** Font size of the axis label as CSS string. Default: `null` */
61
- labelFontSize?: string | null;
62
- /** Distance between the axis and the label in pixels. Default: `8` */
63
- labelMargin?: number;
64
- /** Label text fit mode: `FitMode.Wrap` or `FitMode.Trim`. Default: `FitMode.Wrap`. */
65
- labelTextFitMode?: FitMode | `${FitMode}`;
66
- /** Label text trim mode: `TrimMode.Start`, `TrimMode.Middle` or `TrimMode.End`. Default: `TrimMode.Middle` */
67
- labelTextTrimType?: TrimMode | `${TrimMode}`;
68
- /** Font color of the axis label as CSS string. Default: `null` */
69
- labelColor?: string | null;
70
- /** Sets whether to draw the grid lines or not. Default: `true` */
71
- gridLine?: boolean;
72
- /** Sets whether to draw the tick lines or not. Default: `true` */
73
- tickLine?: boolean;
74
- /** Sets whether to draw the domain line or not. Default: `true` */
75
- domainLine?: boolean;
76
- /** Draw only the min and max axis ticks. Default: `false` */
77
- minMaxTicksOnly?: boolean;
78
- /** Show grid lines for the min and max axis ticks. Default: `false` */
79
- minMaxTicksOnlyShowGridLines?: boolean;
80
- /** Draw only the min and max axis ticks, when the chart
81
- * width is less than the specified value.
82
- * Default: `250` */
83
- minMaxTicksOnlyWhenWidthIsLess?: number;
84
- /** Tick label formatter function. Default: `undefined` */
85
- tickFormat?: ((tick: number | Date, i: number, ticks: number[] | Date[]) => string);
86
- /** Explicitly set tick values. Default: `undefined` */
87
- tickValues?: number[];
88
- /** Set the approximate number of axis ticks (will be passed to D3's axis constructor). Default: `undefined` */
89
- numTicks?: number;
90
- /** Tick text fit mode: `FitMode.Wrap` or `FitMode.Trim`. Default: `FitMode.Wrap`. */
91
- tickTextFitMode?: FitMode | `${FitMode}`;
92
- /** Maximum width in pixels for the tick text to be wrapped or trimmed. Default: `undefined` */
93
- tickTextWidth?: number;
94
- /** Tick text wrapping separator. String or array of strings. Default: `undefined` */
95
- tickTextSeparator?: string | string[];
96
- /** Force word break for ticks when they don't fit. Default: `false` */
97
- tickTextForceWordBreak?: boolean;
98
- /** Tick text trim mode: `TrimMode.Start`, `TrimMode.Middle` or `TrimMode.End`. Default: `TrimMode.Middle` */
99
- tickTextTrimType?: TrimMode | `${TrimMode}`;
100
- /** Font size of the tick text as CSS string. Default: `null` */
101
- tickTextFontSize?: string | null;
102
- /** Text alignment for ticks: `TextAlign.Left`, `TextAlign.Center` or `TextAlign.Right`. Default: `undefined` */
103
- tickTextAlign?: TextAlign | `${TextAlign}` | ((tickValue: number | Date, tickIndex: number, tickValues: number[] | Date[], tickPosition: [number, number], componentWidth: number, componentHeight: number) => TextAlign | `${TextAlign}`);
104
- /** Font color of the tick text as CSS string. Default: `null` */
105
- tickTextColor?: string | null;
106
- /** Text rotation angle for ticks. Default: `undefined` */
107
- tickTextAngle?: number;
108
- /** Hide tick labels that overlap with each other.
109
- * To define overlapping, a simple bounding box collision detection algorithm is used.
110
- * Which means the result won't be accurate when `tickTextAngle` is specified.
111
- * Default: `undefined` */
112
- tickTextHideOverlapping?: boolean;
113
- /** The spacing in pixels between the tick and it's label. Default: `8` */
114
- tickPadding?: number;
115
- /** The size of the tick marks in pixels. Accepts a single number (applies to both inner and outer ticks)
116
- * or a tuple `[innerTickSize, outerTickSize]`. Default: `6` */
117
- tickSize?: number | [number, number];
118
- data: Datum[];
119
- component: Axis<Datum> | undefined;
120
- componentContainer: ContainerCore | undefined;
121
- ngAfterViewInit(): void;
122
- ngOnChanges(changes: SimpleChanges): void;
123
- private getConfig;
124
- static ɵfac: i0.ɵɵFactoryDeclaration<VisAxisComponent<any>, never>;
125
- static ɵcmp: i0.ɵɵComponentDeclaration<VisAxisComponent<any>, "vis-axis", never, { "duration": "duration"; "events": "events"; "attributes": "attributes"; "position": "position"; "type": "type"; "fullSize": "fullSize"; "label": "label"; "labelFontSize": "labelFontSize"; "labelMargin": "labelMargin"; "labelTextFitMode": "labelTextFitMode"; "labelTextTrimType": "labelTextTrimType"; "labelColor": "labelColor"; "gridLine": "gridLine"; "tickLine": "tickLine"; "domainLine": "domainLine"; "minMaxTicksOnly": "minMaxTicksOnly"; "minMaxTicksOnlyShowGridLines": "minMaxTicksOnlyShowGridLines"; "minMaxTicksOnlyWhenWidthIsLess": "minMaxTicksOnlyWhenWidthIsLess"; "tickFormat": "tickFormat"; "tickValues": "tickValues"; "numTicks": "numTicks"; "tickTextFitMode": "tickTextFitMode"; "tickTextWidth": "tickTextWidth"; "tickTextSeparator": "tickTextSeparator"; "tickTextForceWordBreak": "tickTextForceWordBreak"; "tickTextTrimType": "tickTextTrimType"; "tickTextFontSize": "tickTextFontSize"; "tickTextAlign": "tickTextAlign"; "tickTextColor": "tickTextColor"; "tickTextAngle": "tickTextAngle"; "tickTextHideOverlapping": "tickTextHideOverlapping"; "tickPadding": "tickPadding"; "tickSize": "tickSize"; "data": "data"; }, {}, never, never>;
126
- }
@@ -1,7 +0,0 @@
1
- import * as i0 from "@angular/core";
2
- import * as i1 from "./axis.component";
3
- export declare class VisAxisModule {
4
- static ɵfac: i0.ɵɵFactoryDeclaration<VisAxisModule, never>;
5
- static ɵmod: i0.ɵɵNgModuleDeclaration<VisAxisModule, [typeof i1.VisAxisComponent], never, [typeof i1.VisAxisComponent]>;
6
- static ɵinj: i0.ɵɵInjectorDeclaration<VisAxisModule>;
7
- }
@@ -1,86 +0,0 @@
1
- import { AfterViewInit, SimpleChanges } from '@angular/core';
2
- import { Brush, BrushConfigInterface, ContainerCore, VisEventType, VisEventCallback, Arrangement } from '@unovis/ts';
3
- import { D3BrushEvent } from 'd3-brush';
4
- import * as i0 from "@angular/core";
5
- export declare class VisBrushComponent<Datum> implements BrushConfigInterface<Datum>, AfterViewInit {
6
- /** Animation duration of the data update transitions in milliseconds. Default: `600` */
7
- duration?: number;
8
- /** Events configuration. An object containing properties in the following format:
9
- *
10
- * ```
11
- * {
12
- * \[selectorString]: {
13
- * \[eventType]: callbackFunction
14
- * }
15
- * }
16
- * ```
17
- * e.g.:
18
- * ```
19
- * {
20
- * \[Area.selectors.area]: {
21
- * click: (d) => console.log("Clicked Area", d)
22
- * }
23
- * }
24
- * ``` */
25
- events?: {
26
- [selector: string]: {
27
- [eventType in VisEventType]?: VisEventCallback;
28
- };
29
- };
30
- /** You can set every SVG and HTML visualization object to have a custom DOM attributes, which is useful
31
- * when you want to do unit or end-to-end testing. Attributes configuration object has the following structure:
32
- *
33
- * ```
34
- * {
35
- * \[selectorString]: {
36
- * \[attributeName]: attribute constant value or accessor function
37
- * }
38
- * }
39
- * ```
40
- * e.g.:
41
- * ```
42
- * {
43
- * \[Area.selectors.area]: {
44
- * "test-value": d => d.value
45
- * }
46
- * }
47
- * ``` */
48
- attributes?: {
49
- [selector: string]: {
50
- [attr: string]: string | number | boolean | ((datum: any) => string | number | boolean);
51
- };
52
- };
53
- /** Callback function to be called on any Brush event.
54
- * Default: `(selection: [number, number], event: D3BrushEvent<Datum>, userDriven: boolean): void => {}` */
55
- onBrush?: ((selection: [number, number] | undefined, event: D3BrushEvent<Datum>, userDriven: boolean) => void);
56
- /** Callback function to be called on the Brush start event.
57
- * Default: `(selection: [number, number], event: D3BrushEvent<Datum>, userDriven: boolean): void => {}` */
58
- onBrushStart?: ((selection: [number, number] | undefined, event: D3BrushEvent<Datum>, userDriven: boolean) => void);
59
- /** Callback function to be called on the Brush move event.
60
- * Default: `(selection: [number, number], event: D3BrushEvent<Datum>, userDriven: boolean): void => {}` */
61
- onBrushMove?: ((selection: [number, number] | undefined, event: D3BrushEvent<Datum>, userDriven: boolean) => void);
62
- /** Callback function to be called on the Brush end event.
63
- * Default: `(selection: [number, number], event: D3BrushEvent<Datum>, userDriven: boolean): void => {}` */
64
- onBrushEnd?: ((selection: [number, number] | undefined, event: D3BrushEvent<Datum>, userDriven: boolean) => void);
65
- /** Width of the Brush handle. Default: `1` */
66
- handleWidth?: number;
67
- /** Brush selection in the data space coordinates, can be used to control the selection. Default: `undefined` */
68
- selection?: [number, number] | null;
69
- /** Allow dragging the selected area as a whole in order to change the selected range. Default: `false` */
70
- draggable?: boolean;
71
- /** Position of the handle: `Arrangement.Inside` or `Arrangement.Outside`. Default: `Arrangement.Inside` */
72
- handlePosition?: Arrangement.Inside | Arrangement.Outside | string;
73
- /** Constraint Brush selection to a minimal length in data units. Default: `undefined` */
74
- selectionMinLength?: number;
75
- /** Extend the brush height by the specified number of pixels. This can be convenient when you have thick lines
76
- * at the bottom of the chart and you want to ensure they stay fully covered by the brush. Default: `0` */
77
- brushHeightExtend?: number;
78
- data: Datum[];
79
- component: Brush<Datum> | undefined;
80
- componentContainer: ContainerCore | undefined;
81
- ngAfterViewInit(): void;
82
- ngOnChanges(changes: SimpleChanges): void;
83
- private getConfig;
84
- static ɵfac: i0.ɵɵFactoryDeclaration<VisBrushComponent<any>, never>;
85
- static ɵcmp: i0.ɵɵComponentDeclaration<VisBrushComponent<any>, "vis-brush", never, { "duration": "duration"; "events": "events"; "attributes": "attributes"; "onBrush": "onBrush"; "onBrushStart": "onBrushStart"; "onBrushMove": "onBrushMove"; "onBrushEnd": "onBrushEnd"; "handleWidth": "handleWidth"; "selection": "selection"; "draggable": "draggable"; "handlePosition": "handlePosition"; "selectionMinLength": "selectionMinLength"; "brushHeightExtend": "brushHeightExtend"; "data": "data"; }, {}, never, never>;
86
- }
@@ -1,7 +0,0 @@
1
- import * as i0 from "@angular/core";
2
- import * as i1 from "./brush.component";
3
- export declare class VisBrushModule {
4
- static ɵfac: i0.ɵɵFactoryDeclaration<VisBrushModule, never>;
5
- static ɵmod: i0.ɵɵNgModuleDeclaration<VisBrushModule, [typeof i1.VisBrushComponent], never, [typeof i1.VisBrushComponent]>;
6
- static ɵinj: i0.ɵɵInjectorDeclaration<VisBrushModule>;
7
- }
@@ -1,91 +0,0 @@
1
- import { AfterViewInit, SimpleChanges } from '@angular/core';
2
- import { ChordDiagram, ChordDiagramConfigInterface, ContainerCore, ChordInputNode, ChordInputLink, VisEventType, VisEventCallback, NumericAccessor, ChordNodeDatum, ColorAccessor, ChordLinkDatum, StringAccessor, GenericAccessor, ChordLabelAlignment } from '@unovis/ts';
3
- import * as i0 from "@angular/core";
4
- export declare class VisChordDiagramComponent<N extends ChordInputNode, L extends ChordInputLink> implements ChordDiagramConfigInterface<N, L>, AfterViewInit {
5
- /** Animation duration of the data update transitions in milliseconds. Default: `600` */
6
- duration?: number;
7
- /** Events configuration. An object containing properties in the following format:
8
- *
9
- * ```
10
- * {
11
- * \[selectorString]: {
12
- * \[eventType]: callbackFunction
13
- * }
14
- * }
15
- * ```
16
- * e.g.:
17
- * ```
18
- * {
19
- * \[Area.selectors.area]: {
20
- * click: (d) => console.log("Clicked Area", d)
21
- * }
22
- * }
23
- * ``` */
24
- events?: {
25
- [selector: string]: {
26
- [eventType in VisEventType]?: VisEventCallback;
27
- };
28
- };
29
- /** You can set every SVG and HTML visualization object to have a custom DOM attributes, which is useful
30
- * when you want to do unit or end-to-end testing. Attributes configuration object has the following structure:
31
- *
32
- * ```
33
- * {
34
- * \[selectorString]: {
35
- * \[attributeName]: attribute constant value or accessor function
36
- * }
37
- * }
38
- * ```
39
- * e.g.:
40
- * ```
41
- * {
42
- * \[Area.selectors.area]: {
43
- * "test-value": d => d.value
44
- * }
45
- * }
46
- * ``` */
47
- attributes?: {
48
- [selector: string]: {
49
- [attr: string]: string | number | boolean | ((datum: any) => string | number | boolean);
50
- };
51
- };
52
- /** Angular range of the diagram. Default: `[0, 2 * Math.PI]` */
53
- angleRange?: [number, number];
54
- /** Corner radius constant value or accessor function. Default: `2` */
55
- cornerRadius?: NumericAccessor<ChordNodeDatum<N>>;
56
- /** Node id or index to highlight. Overrides default hover behavior if supplied. Default: `undefined` */
57
- highlightedNodeId?: number | string;
58
- /** Link ids or index values to highlight. Overrides default hover behavior if supplied. Default: [] */
59
- highlightedLinkIds?: (number | string)[];
60
- /** Link color accessor function. Default: `var(--vis-chord-diagram-link-fill-color)` */
61
- linkColor?: ColorAccessor<ChordLinkDatum<N, L>>;
62
- /** Link value accessor function. Default: `l => l.value` */
63
- linkValue?: NumericAccessor<ChordLinkDatum<N, L>>;
64
- /** Array of node hierarchy levels. Data records are supposed to have corresponding properties, e.g. ['level1', 'level2']. Default: `[]` */
65
- nodeLevels?: string[];
66
- /** Node width in pixels. Default: `15` */
67
- nodeWidth?: number;
68
- /** Node color accessor function ot constant value. Default: `d => d.color` */
69
- nodeColor?: ColorAccessor<ChordNodeDatum<N>>;
70
- /** Node label accessor function. Default: `d => d.label ?? d.key` */
71
- nodeLabel?: StringAccessor<ChordNodeDatum<N>>;
72
- /** Node label color accessor function. Default: `undefined` */
73
- nodeLabelColor?: StringAccessor<ChordNodeDatum<N>>;
74
- /** Node label alignment. Default: `ChordLabelAlignment.Along` */
75
- nodeLabelAlignment?: GenericAccessor<ChordLabelAlignment | string, ChordNodeDatum<N>>;
76
- /** Pad angle in radians. Default: `0.02` */
77
- padAngle?: number;
78
- /** The exponent property of the radius scale. Default: `2` */
79
- radiusScaleExponent?: number;
80
- data: {
81
- nodes: N[];
82
- links?: L[];
83
- };
84
- component: ChordDiagram<N, L> | undefined;
85
- componentContainer: ContainerCore | undefined;
86
- ngAfterViewInit(): void;
87
- ngOnChanges(changes: SimpleChanges): void;
88
- private getConfig;
89
- static ɵfac: i0.ɵɵFactoryDeclaration<VisChordDiagramComponent<any, any>, never>;
90
- static ɵcmp: i0.ɵɵComponentDeclaration<VisChordDiagramComponent<any, any>, "vis-chord-diagram", never, { "duration": "duration"; "events": "events"; "attributes": "attributes"; "angleRange": "angleRange"; "cornerRadius": "cornerRadius"; "highlightedNodeId": "highlightedNodeId"; "highlightedLinkIds": "highlightedLinkIds"; "linkColor": "linkColor"; "linkValue": "linkValue"; "nodeLevels": "nodeLevels"; "nodeWidth": "nodeWidth"; "nodeColor": "nodeColor"; "nodeLabel": "nodeLabel"; "nodeLabelColor": "nodeLabelColor"; "nodeLabelAlignment": "nodeLabelAlignment"; "padAngle": "padAngle"; "radiusScaleExponent": "radiusScaleExponent"; "data": "data"; }, {}, never, never>;
91
- }
@@ -1,7 +0,0 @@
1
- import * as i0 from "@angular/core";
2
- import * as i1 from "./chord-diagram.component";
3
- export declare class VisChordDiagramModule {
4
- static ɵfac: i0.ɵɵFactoryDeclaration<VisChordDiagramModule, never>;
5
- static ɵmod: i0.ɵɵNgModuleDeclaration<VisChordDiagramModule, [typeof i1.VisChordDiagramComponent], never, [typeof i1.VisChordDiagramComponent]>;
6
- static ɵinj: i0.ɵɵInjectorDeclaration<VisChordDiagramModule>;
7
- }