@unovis/angular 1.4.0 → 1.4.1-alpha.8

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 (17) hide show
  1. package/dist/lib/bundles/unovis-angular.umd.js +45 -27
  2. package/dist/lib/bundles/unovis-angular.umd.js.map +1 -1
  3. package/dist/lib/components/nested-donut/nested-donut.component.d.ts +7 -1
  4. package/dist/lib/esm2015/components/nested-donut/nested-donut.component.js +1 -1
  5. package/dist/lib/esm2015/components/tooltip/tooltip.component.js +1 -1
  6. package/dist/lib/esm2015/html-components/bullet-legend/bullet-legend.component.js +10 -6
  7. package/dist/lib/esm2015/html-components/leaflet-flow-map/leaflet-flow-map.component.js +20 -13
  8. package/dist/lib/esm2015/html-components/leaflet-flow-map/leaflet-flow-map.module.js +2 -1
  9. package/dist/lib/esm2015/html-components/leaflet-map/leaflet-map.component.js +17 -12
  10. package/dist/lib/esm2015/html-components/leaflet-map/leaflet-map.module.js +2 -1
  11. package/dist/lib/fesm2015/unovis-angular.js +45 -27
  12. package/dist/lib/fesm2015/unovis-angular.js.map +1 -1
  13. package/dist/lib/html-components/bullet-legend/bullet-legend.component.d.ts +13 -9
  14. package/dist/lib/html-components/leaflet-flow-map/leaflet-flow-map.component.d.ts +33 -34
  15. package/dist/lib/html-components/leaflet-map/leaflet-map.component.d.ts +24 -27
  16. package/dist/lib/package.json +5 -5
  17. package/package.json +5 -5
package/dist/lib/html-components/bullet-legend/bullet-legend.component.d.ts CHANGED
@@ -1,19 +1,20 @@
1
1
  import { AfterViewInit, SimpleChanges, ElementRef } from '@angular/core';
2
- import { BulletLegend, BulletLegendConfigInterface, BulletLegendItemInterface, BulletShape, GenericAccessor } from '@unovis/ts';
2
+ import { BulletLegend, BulletLegendConfigInterface, BulletLegendItemInterface, GenericAccessor, BulletShape, BulletLegendOrientation } from '@unovis/ts';
3
3
  import * as i0 from "@angular/core";
4
4
  export declare class VisBulletLegendComponent implements BulletLegendConfigInterface, AfterViewInit {
5
5
  containerRef: ElementRef;
6
6
  /** Legend items. Array of `BulletLegendItemInterface`:
7
7
  * ```
8
8
  * {
9
- * name: string | number;
10
- * color?: string;
11
- * inactive?: boolean;
12
- * hidden?: boolean;
13
- * pointer?: boolean;
9
+ * name: string | number;
10
+ * color?: string;
11
+ * shape?: BulletShape;
12
+ * inactive?: boolean;
13
+ * hidden?: boolean;
14
+ * pointer?: boolean;
14
15
  * }
15
16
  * ```
16
- * Default: `[]` */
17
+ * Default: `[]` */
17
18
  items: BulletLegendItemInterface[];
18
19
  /** Apply a specific class to the labels. Default: `''` */
19
20
  labelClassName?: string;
@@ -23,14 +24,17 @@ export declare class VisBulletLegendComponent implements BulletLegendConfigInter
23
24
  labelFontSize?: string | null;
24
25
  /** Label text (<span> element) max-width CSS property. Default: `null` */
25
26
  labelMaxWidth?: string | null;
26
- /** Bullet circle size, mapped to the width and height CSS properties. Default: `null` */
27
+ /** Bullet shape size, mapped to the width and height CSS properties. Default: `null` */
27
28
  bulletSize?: string | null;
28
29
  /** Bullet shape enum value or accessor function. Default: `d => d.shape ?? BulletShape.Circle */
29
30
  bulletShape?: GenericAccessor<BulletShape, BulletLegendItemInterface>;
31
+ /** Legend orientation. When set to `BulletLegendOrientation.Vertical`, each legend item will
32
+ * start on a new line. Default: `BulletLegendOrientation.Horizontal` */
33
+ orientation?: BulletLegendOrientation | string;
30
34
  component: BulletLegend | undefined;
31
35
  ngAfterViewInit(): void;
32
36
  ngOnChanges(changes: SimpleChanges): void;
33
37
  private getConfig;
34
38
  static ɵfac: i0.ɵɵFactoryDeclaration<VisBulletLegendComponent, never>;
35
- static ɵcmp: i0.ɵɵComponentDeclaration<VisBulletLegendComponent, "vis-bullet-legend", never, { "items": "items"; "labelClassName": "labelClassName"; "onLegendItemClick": "onLegendItemClick"; "labelFontSize": "labelFontSize"; "labelMaxWidth": "labelMaxWidth"; "bulletSize": "bulletSize"; "bulletShape": "bulletShape"; }, {}, never, never>;
39
+ static ɵcmp: i0.ɵɵComponentDeclaration<VisBulletLegendComponent, "vis-bullet-legend", never, { "items": "items"; "labelClassName": "labelClassName"; "onLegendItemClick": "onLegendItemClick"; "labelFontSize": "labelFontSize"; "labelMaxWidth": "labelMaxWidth"; "bulletSize": "bulletSize"; "bulletShape": "bulletShape"; "orientation": "orientation"; }, {}, never, never>;
36
40
  }
package/dist/lib/html-components/leaflet-flow-map/leaflet-flow-map.component.d.ts CHANGED
@@ -1,13 +1,8 @@
1
1
  import { AfterViewInit, SimpleChanges, ElementRef } from '@angular/core';
2
- import { LeafletFlowMap, LeafletFlowMapConfigInterface, VisEventType, VisEventCallback, Bounds, MapZoomState, NumericAccessor, StringAccessor, ColorAccessor, LeafletMapPointDatum, LeafletMapPointStyles, Tooltip, LeafletMapClusterDatum, GenericDataRecord } from '@unovis/ts';
3
- import { StyleSpecification } from 'maplibre-gl';
2
+ import { LeafletFlowMap, LeafletFlowMapConfigInterface, GenericDataRecord, VisEventType, VisEventCallback, Bounds, MapLibreStyleSpecs, LeafletMapRenderer, MapZoomState, NumericAccessor, StringAccessor, GenericAccessor, LeafletMapPointShape, ColorAccessor, LeafletMapPointDatum, LeafletMapClusterDatum, LeafletMapPointStyles, Tooltip } from '@unovis/ts';
4
3
  import * as i0 from "@angular/core";
5
4
  export declare class VisLeafletFlowMapComponent<PointDatum extends GenericDataRecord, FlowDatum extends GenericDataRecord> implements LeafletFlowMapConfigInterface<PointDatum, FlowDatum>, AfterViewInit {
6
5
  containerRef: ElementRef;
7
- /** Width in pixels or in CSS units. By default, the map will automatically fit to the size of the parent element. Default: `undefined`. */
8
- width?: number | string;
9
- /** Height in pixels or in CSS units. By default, the map will automatically fit to the size of the parent element. Default: `undefined`. */
10
- height?: number | string;
11
6
  /** Animation duration of the data update transitions in milliseconds. Default: `600` */
12
7
  duration?: number;
13
8
  /** Events configuration. An object containing properties in the following format:
@@ -55,9 +50,13 @@ export declare class VisLeafletFlowMapComponent<PointDatum extends GenericDataRe
55
50
  [attr: string]: string | number | boolean | ((datum: any) => string | number | boolean);
56
51
  };
57
52
  };
53
+ /** Width in pixels or in CSS units. By default, the map will automatically fit to the size of the parent element. Default: `undefined`. */
54
+ width?: number | string;
55
+ /** Height in pixels or in CSS units. By default, the map will automatically fit to the size of the parent element. Default: `undefined`. */
56
+ height?: number | string;
58
57
  /** Animation duration when the map is automatically panning or zooming to a point or area. Default: `1500` ms */
59
58
  flyToDuration?: number;
60
- /** Padding to be used when the `fitView` function has been called. The value is in pixels. Default: `[150, 150]` */
59
+ /** Padding to be used when the `fitView` function has been called. The value is in pixels, [topLeft, bottomRight]. Default: `[150, 150]` */
61
60
  fitViewPadding?: [number, number];
62
61
  /** Animation duration for the `setZoom` function. Default: `800` ms */
63
62
  zoomDuration?: number;
@@ -69,14 +68,16 @@ export declare class VisLeafletFlowMapComponent<PointDatum extends GenericDataRe
69
68
  fitViewOnInit?: boolean;
70
69
  /** Fit the view to contain the data points on map config and data updates. Default: `false` */
71
70
  fitViewOnUpdate?: boolean;
72
- /** MapLibre StyleSpecification settings. Default: `MapLibreArcticLight` */
73
- style: StyleSpecification | string | undefined;
74
- /** MapLibre StyleSpecification settings for dark theme. Default: `undefined` */
75
- styleDarkTheme: StyleSpecification | string | undefined;
71
+ /** MapLibre `StyleSpecification` settings, or a URL to it. When renderer is set to`LeafletMapRenderer.Raster`, provide a template URL. Default: `undefined` */
72
+ style: MapLibreStyleSpecs | string | undefined;
73
+ /** MapLibre `StyleSpecification` settings or URL for dark theme. Default: `undefined` */
74
+ styleDarkTheme?: MapLibreStyleSpecs | string | undefined;
76
75
  /** Tile server access token or API key. Default: `''` */
77
76
  accessToken?: string;
78
77
  /** Array of attribution labels. Default: `['<a href="https://www.openstreetmap.org/copyright" target="_blank">OpenStreetMap contributors</a>']` */
79
78
  attribution?: string[];
79
+ /** Rendering mode for map's tile layer. For raster files, use `LeafletMapRenderer.Raster`. Default: `LeafletMapRenderer.MapLibre` */
80
+ renderer?: LeafletMapRenderer | string;
80
81
  /** Function to be called after the map's async initialization is done. Default: `undefined` */
81
82
  onMapInitialized?: (() => void);
82
83
  /** Map Move / Zoom unified callback function. Default: `undefined` */
@@ -89,7 +90,7 @@ export declare class VisLeafletFlowMapComponent<PointDatum extends GenericDataRe
89
90
  onMapZoomStart?: (({ mapCenter, zoomLevel, bounds }: MapZoomState) => void);
90
91
  /** Map Zoom End callback function. Default: `undefined` */
91
92
  onMapZoomEnd?: (({ mapCenter, zoomLevel, bounds }: MapZoomState) => void);
92
- /** Map Zoom End callback function. Default: `undefined` */
93
+ /** Map Zoom Click callback function. Default: `undefined` */
93
94
  onMapClick?: (({ mapCenter, zoomLevel, bounds }: MapZoomState) => void);
94
95
  /** Point longitude accessor function. Default: `d => d.longitude` */
95
96
  pointLongitude?: NumericAccessor<PointDatum>;
@@ -98,40 +99,40 @@ export declare class VisLeafletFlowMapComponent<PointDatum extends GenericDataRe
98
99
  /** Point id accessor function or constant value. Default: `d => d.id` */
99
100
  pointId?: StringAccessor<PointDatum>;
100
101
  /** Point shape accessor function or constant value. Default: `d => d.shape` */
101
- pointShape?: StringAccessor<PointDatum>;
102
+ pointShape?: GenericAccessor<LeafletMapPointShape | string, PointDatum>;
102
103
  /** Point color accessor function or constant value. Default: `d => d.color` */
103
104
  pointColor?: ColorAccessor<LeafletMapPointDatum<PointDatum>>;
104
105
  /** Point radius accessor function or constant value. Default: `undefined` */
105
106
  pointRadius?: NumericAccessor<LeafletMapPointDatum<PointDatum>>;
106
- /** Point inner label accessor function. Default: `d => d.point_count ?? ''` */
107
+ /** Point inner label accessor function. Default: `undefined` */
107
108
  pointLabel?: StringAccessor<LeafletMapPointDatum<PointDatum>>;
108
109
  /** Point inner label color accessor function or constant value.
109
110
  * By default, the label color will be set, depending on the point brightness, either to
110
111
  * `--vis-map-point-inner-label-text-color-light` or to `--vis-map-point-inner-label-text-color-dark` CSS variable.
111
- * Default: `undefined`
112
- */
112
+ * Default: `undefined` */
113
113
  pointLabelColor?: StringAccessor<LeafletMapPointDatum<PointDatum>>;
114
114
  /** Point bottom label accessor function. Default: `''` */
115
115
  pointBottomLabel?: StringAccessor<LeafletMapPointDatum<PointDatum>>;
116
116
  /** Point cursor value or accessor function. Default: `null` */
117
117
  pointCursor?: StringAccessor<LeafletMapPointDatum<PointDatum>>;
118
+ /** The width of the ring when a point has a `LeafletMapPointShape.Ring` shape. Default: `1.25` */
119
+ pointRingWidth?: number;
118
120
  /** Set selected point by its unique id. Default: `undefined` */
119
121
  selectedPointId?: string;
120
- /** Cluster color accessor function or constant value. Default: `undefined` */
122
+ /** Cluster color accessor function or constant value. Default: `undefined` */
121
123
  clusterColor?: ColorAccessor<LeafletMapClusterDatum<PointDatum>>;
122
- /** Cluster radius accessor function or constant value. Default: `undefined` */
124
+ /** Cluster radius accessor function or constant value. Default: `undefined` */
123
125
  clusterRadius?: NumericAccessor<LeafletMapClusterDatum<PointDatum>>;
124
- /** Cluster inner label accessor function. Default: `d => d.point_count` */
126
+ /** Cluster inner label accessor function. Default: `d => d.point_count` */
125
127
  clusterLabel?: StringAccessor<LeafletMapClusterDatum<PointDatum>>;
126
128
  /** Cluster inner label color accessor function or constant value.
127
129
  * By default, the label color will be set, depending on the point brightness, either to
128
130
  * `--vis-map-cluster-inner-label-text-color-light` or to `--vis-map-cluster-inner-label-text-color-dark` CSS variable.
129
- * Default: `undefined`
130
- */
131
+ * Default: `undefined` */
131
132
  clusterLabelColor?: StringAccessor<LeafletMapClusterDatum<PointDatum>>;
132
133
  /** Cluster bottom label accessor function. Default: `''` */
133
134
  clusterBottomLabel?: StringAccessor<LeafletMapClusterDatum<PointDatum>>;
134
- /** The width of the cluster point outline. Default: `1.25` */
135
+ /** The width of the cluster point ring. Default: `1.25` */
135
136
  clusterRingWidth?: number;
136
137
  /** When cluster is expanded, show a background circle to better separate points from the base map. Default: `true` */
137
138
  clusterBackground?: boolean;
@@ -140,7 +141,7 @@ export declare class VisLeafletFlowMapComponent<PointDatum extends GenericDataRe
140
141
  /** Clustering distance in pixels. This value will be passed to Supercluster as the `radius` property https://github.com/mapbox/supercluster. Default: `55` */
141
142
  clusteringDistance?: number;
142
143
  /** A single map point can have multiple properties displayed as a small pie chart (or a donut chart for a cluster of points).
143
- * By setting the valuesMap configuration you can specify data properties that should be mapped to various pie / donut segments.
144
+ * By setting the colorMap configuration you can specify data properties that should be mapped to various pie / donut segments.
144
145
  *
145
146
  * ```
146
147
  * {
@@ -156,7 +157,7 @@ export declare class VisLeafletFlowMapComponent<PointDatum extends GenericDataRe
156
157
  * }
157
158
  * ```
158
159
  * where every data point has the `healthy`, `warning` and `danger` numerical or boolean property. */
159
- valuesMap?: LeafletMapPointStyles<PointDatum>;
160
+ colorMap?: LeafletMapPointStyles<PointDatum>;
160
161
  /** A TopoJSON Geometry layer to be displayed on top of the map. Supports fill and stroke */
161
162
  topoJSONLayer?: {
162
163
  sources: any;
@@ -170,8 +171,7 @@ export declare class VisLeafletFlowMapComponent<PointDatum extends GenericDataRe
170
171
  /** Tooltip component. Default: `undefined` */
171
172
  tooltip?: Tooltip;
172
173
  /** Alternative text description of the chart for accessibility purposes. It will be applied as an
173
- * `aria-label` attribute to the div element containing your chart. Default: `undefined`.
174
- */
174
+ * `aria-label` attribute to the div element containing your chart. Default: `undefined`. */
175
175
  ariaLabel?: string | null | undefined;
176
176
  /** Flow source point longitude accessor function or value. Default:.`f => f.sourceLongitude` */
177
177
  sourceLongitude?: NumericAccessor<FlowDatum>;
@@ -189,25 +189,24 @@ export declare class VisLeafletFlowMapComponent<PointDatum extends GenericDataRe
189
189
  flowParticleColor?: ColorAccessor<FlowDatum>;
190
190
  /** Flow particle radius accessor function or value. Default: `1.1` */
191
191
  flowParticleRadius?: NumericAccessor<FlowDatum>;
192
- /** Flow particle speed accessor function or value in angular degrees. Default: `0.07` */
192
+ /** Flow particle speed accessor function or value. The unit is arbitrary, recommended range is 0 – 0.2. Default: `0.07` */
193
193
  flowParticleSpeed?: NumericAccessor<FlowDatum>;
194
194
  /** Flow particle density accessor function or value on the range of [0, 1]. Default: `0.6` */
195
195
  flowParticleDensity?: NumericAccessor<FlowDatum>;
196
196
  /** Flow source point click callback function. Default: `undefined` */
197
- onSourcePointClick?: ((f: FlowDatum, x: number, y: number, event: MouseEvent) => unknown);
197
+ onSourcePointClick?: (f: FlowDatum, x: number, y: number, event: MouseEvent) => void;
198
198
  /** Flow source point mouse over callback function. Default: `undefined` */
199
- onSourcePointMouseEnter?: ((f: FlowDatum, x: number, y: number, event: MouseEvent) => unknown);
199
+ onSourcePointMouseEnter?: (f: FlowDatum, x: number, y: number, event: MouseEvent) => void;
200
200
  /** Flow source point mouse leave callback function. Default: `undefined` */
201
- onSourcePointMouseLeave?: ((f: FlowDatum, event: MouseEvent) => unknown);
202
- /** Data */
203
- data?: {
201
+ onSourcePointMouseLeave?: (f: FlowDatum, event: MouseEvent) => void;
202
+ data: {
204
203
  points: PointDatum[];
205
- flows: FlowDatum[];
204
+ flows?: FlowDatum[];
206
205
  };
207
206
  component: LeafletFlowMap<PointDatum, FlowDatum> | undefined;
208
207
  ngAfterViewInit(): void;
209
208
  ngOnChanges(changes: SimpleChanges): void;
210
209
  private getConfig;
211
210
  static ɵfac: i0.ɵɵFactoryDeclaration<VisLeafletFlowMapComponent<any, any>, never>;
212
- static ɵcmp: i0.ɵɵComponentDeclaration<VisLeafletFlowMapComponent<any, any>, "vis-leaflet-flow-map", never, { "width": "width"; "height": "height"; "duration": "duration"; "events": "events"; "attributes": "attributes"; "flyToDuration": "flyToDuration"; "fitViewPadding": "fitViewPadding"; "zoomDuration": "zoomDuration"; "initialBounds": "initialBounds"; "fitBoundsOnUpdate": "fitBoundsOnUpdate"; "fitViewOnInit": "fitViewOnInit"; "fitViewOnUpdate": "fitViewOnUpdate"; "style": "style"; "styleDarkTheme": "styleDarkTheme"; "accessToken": "accessToken"; "attribution": "attribution"; "onMapInitialized": "onMapInitialized"; "onMapMoveZoom": "onMapMoveZoom"; "onMapMoveStart": "onMapMoveStart"; "onMapMoveEnd": "onMapMoveEnd"; "onMapZoomStart": "onMapZoomStart"; "onMapZoomEnd": "onMapZoomEnd"; "onMapClick": "onMapClick"; "pointLongitude": "pointLongitude"; "pointLatitude": "pointLatitude"; "pointId": "pointId"; "pointShape": "pointShape"; "pointColor": "pointColor"; "pointRadius": "pointRadius"; "pointLabel": "pointLabel"; "pointLabelColor": "pointLabelColor"; "pointBottomLabel": "pointBottomLabel"; "pointCursor": "pointCursor"; "selectedPointId": "selectedPointId"; "clusterColor": "clusterColor"; "clusterRadius": "clusterRadius"; "clusterLabel": "clusterLabel"; "clusterLabelColor": "clusterLabelColor"; "clusterBottomLabel": "clusterBottomLabel"; "clusterRingWidth": "clusterRingWidth"; "clusterBackground": "clusterBackground"; "clusterExpandOnClick": "clusterExpandOnClick"; "clusteringDistance": "clusteringDistance"; "valuesMap": "valuesMap"; "topoJSONLayer": "topoJSONLayer"; "tooltip": "tooltip"; "ariaLabel": "ariaLabel"; "sourceLongitude": "sourceLongitude"; "sourceLatitude": "sourceLatitude"; "targetLongitude": "targetLongitude"; "targetLatitude": "targetLatitude"; "sourcePointRadius": "sourcePointRadius"; "sourcePointColor": "sourcePointColor"; "flowParticleColor": "flowParticleColor"; "flowParticleRadius": "flowParticleRadius"; "flowParticleSpeed": "flowParticleSpeed"; "flowParticleDensity": "flowParticleDensity"; "onSourcePointClick": "onSourcePointClick"; "onSourcePointMouseEnter": "onSourcePointMouseEnter"; "onSourcePointMouseLeave": "onSourcePointMouseLeave"; "data": "data"; }, {}, never, never>;
211
+ static ɵcmp: i0.ɵɵComponentDeclaration<VisLeafletFlowMapComponent<any, any>, "vis-leaflet-flow-map", never, { "duration": "duration"; "events": "events"; "attributes": "attributes"; "width": "width"; "height": "height"; "flyToDuration": "flyToDuration"; "fitViewPadding": "fitViewPadding"; "zoomDuration": "zoomDuration"; "initialBounds": "initialBounds"; "fitBoundsOnUpdate": "fitBoundsOnUpdate"; "fitViewOnInit": "fitViewOnInit"; "fitViewOnUpdate": "fitViewOnUpdate"; "style": "style"; "styleDarkTheme": "styleDarkTheme"; "accessToken": "accessToken"; "attribution": "attribution"; "renderer": "renderer"; "onMapInitialized": "onMapInitialized"; "onMapMoveZoom": "onMapMoveZoom"; "onMapMoveStart": "onMapMoveStart"; "onMapMoveEnd": "onMapMoveEnd"; "onMapZoomStart": "onMapZoomStart"; "onMapZoomEnd": "onMapZoomEnd"; "onMapClick": "onMapClick"; "pointLongitude": "pointLongitude"; "pointLatitude": "pointLatitude"; "pointId": "pointId"; "pointShape": "pointShape"; "pointColor": "pointColor"; "pointRadius": "pointRadius"; "pointLabel": "pointLabel"; "pointLabelColor": "pointLabelColor"; "pointBottomLabel": "pointBottomLabel"; "pointCursor": "pointCursor"; "pointRingWidth": "pointRingWidth"; "selectedPointId": "selectedPointId"; "clusterColor": "clusterColor"; "clusterRadius": "clusterRadius"; "clusterLabel": "clusterLabel"; "clusterLabelColor": "clusterLabelColor"; "clusterBottomLabel": "clusterBottomLabel"; "clusterRingWidth": "clusterRingWidth"; "clusterBackground": "clusterBackground"; "clusterExpandOnClick": "clusterExpandOnClick"; "clusteringDistance": "clusteringDistance"; "colorMap": "colorMap"; "topoJSONLayer": "topoJSONLayer"; "tooltip": "tooltip"; "ariaLabel": "ariaLabel"; "sourceLongitude": "sourceLongitude"; "sourceLatitude": "sourceLatitude"; "targetLongitude": "targetLongitude"; "targetLatitude": "targetLatitude"; "sourcePointRadius": "sourcePointRadius"; "sourcePointColor": "sourcePointColor"; "flowParticleColor": "flowParticleColor"; "flowParticleRadius": "flowParticleRadius"; "flowParticleSpeed": "flowParticleSpeed"; "flowParticleDensity": "flowParticleDensity"; "onSourcePointClick": "onSourcePointClick"; "onSourcePointMouseEnter": "onSourcePointMouseEnter"; "onSourcePointMouseLeave": "onSourcePointMouseLeave"; "data": "data"; }, {}, never, never>;
213
212
  }
package/dist/lib/html-components/leaflet-map/leaflet-map.component.d.ts CHANGED
@@ -1,13 +1,8 @@
1
1
  import { AfterViewInit, SimpleChanges, ElementRef } from '@angular/core';
2
- import { LeafletMap, LeafletMapConfigInterface, VisEventType, VisEventCallback, Bounds, MapZoomState, NumericAccessor, StringAccessor, ColorAccessor, LeafletMapPointDatum, LeafletMapPointStyles, Tooltip, LeafletMapClusterDatum, LeafletMapRenderer, GenericDataRecord } from '@unovis/ts';
3
- import { StyleSpecification } from 'maplibre-gl';
2
+ import { LeafletMap, LeafletMapConfigInterface, GenericDataRecord, VisEventType, VisEventCallback, Bounds, MapLibreStyleSpecs, LeafletMapRenderer, MapZoomState, NumericAccessor, StringAccessor, GenericAccessor, LeafletMapPointShape, ColorAccessor, LeafletMapPointDatum, LeafletMapClusterDatum, LeafletMapPointStyles, Tooltip } from '@unovis/ts';
4
3
  import * as i0 from "@angular/core";
5
4
  export declare class VisLeafletMapComponent<Datum extends GenericDataRecord> implements LeafletMapConfigInterface<Datum>, AfterViewInit {
6
5
  containerRef: ElementRef;
7
- /** Width in pixels or in CSS units. By default, the map will automatically fit to the size of the parent element. Default: `undefined`. */
8
- width?: number | string;
9
- /** Height in pixels or in CSS units. By default, the map will automatically fit to the size of the parent element. Default: `undefined`. */
10
- height?: number | string;
11
6
  /** Animation duration of the data update transitions in milliseconds. Default: `600` */
12
7
  duration?: number;
13
8
  /** Events configuration. An object containing properties in the following format:
@@ -55,9 +50,13 @@ export declare class VisLeafletMapComponent<Datum extends GenericDataRecord> imp
55
50
  [attr: string]: string | number | boolean | ((datum: any) => string | number | boolean);
56
51
  };
57
52
  };
53
+ /** Width in pixels or in CSS units. By default, the map will automatically fit to the size of the parent element. Default: `undefined`. */
54
+ width?: number | string;
55
+ /** Height in pixels or in CSS units. By default, the map will automatically fit to the size of the parent element. Default: `undefined`. */
56
+ height?: number | string;
58
57
  /** Animation duration when the map is automatically panning or zooming to a point or area. Default: `1500` ms */
59
58
  flyToDuration?: number;
60
- /** Padding to be used when the `fitView` function has been called. The value is in pixels. Default: `[150, 150]` */
59
+ /** Padding to be used when the `fitView` function has been called. The value is in pixels, [topLeft, bottomRight]. Default: `[150, 150]` */
61
60
  fitViewPadding?: [number, number];
62
61
  /** Animation duration for the `setZoom` function. Default: `800` ms */
63
62
  zoomDuration?: number;
@@ -69,10 +68,10 @@ export declare class VisLeafletMapComponent<Datum extends GenericDataRecord> imp
69
68
  fitViewOnInit?: boolean;
70
69
  /** Fit the view to contain the data points on map config and data updates. Default: `false` */
71
70
  fitViewOnUpdate?: boolean;
72
- /** MapLibre StyleSpecification settings. Default: `MapLibreArcticLight` */
73
- style: StyleSpecification | string | undefined;
74
- /** MapLibre StyleSpecification settings for dark theme. Default: `undefined` */
75
- styleDarkTheme?: StyleSpecification | string | undefined;
71
+ /** MapLibre `StyleSpecification` settings, or a URL to it. When renderer is set to`LeafletMapRenderer.Raster`, provide a template URL. Default: `undefined` */
72
+ style: MapLibreStyleSpecs | string | undefined;
73
+ /** MapLibre `StyleSpecification` settings or URL for dark theme. Default: `undefined` */
74
+ styleDarkTheme?: MapLibreStyleSpecs | string | undefined;
76
75
  /** Tile server access token or API key. Default: `''` */
77
76
  accessToken?: string;
78
77
  /** Array of attribution labels. Default: `['<a href="https://www.openstreetmap.org/copyright" target="_blank">OpenStreetMap contributors</a>']` */
@@ -91,7 +90,7 @@ export declare class VisLeafletMapComponent<Datum extends GenericDataRecord> imp
91
90
  onMapZoomStart?: (({ mapCenter, zoomLevel, bounds }: MapZoomState) => void);
92
91
  /** Map Zoom End callback function. Default: `undefined` */
93
92
  onMapZoomEnd?: (({ mapCenter, zoomLevel, bounds }: MapZoomState) => void);
94
- /** Map Zoom End callback function. Default: `undefined` */
93
+ /** Map Zoom Click callback function. Default: `undefined` */
95
94
  onMapClick?: (({ mapCenter, zoomLevel, bounds }: MapZoomState) => void);
96
95
  /** Point longitude accessor function. Default: `d => d.longitude` */
97
96
  pointLongitude?: NumericAccessor<Datum>;
@@ -100,40 +99,40 @@ export declare class VisLeafletMapComponent<Datum extends GenericDataRecord> imp
100
99
  /** Point id accessor function or constant value. Default: `d => d.id` */
101
100
  pointId?: StringAccessor<Datum>;
102
101
  /** Point shape accessor function or constant value. Default: `d => d.shape` */
103
- pointShape?: StringAccessor<Datum>;
102
+ pointShape?: GenericAccessor<LeafletMapPointShape | string, Datum>;
104
103
  /** Point color accessor function or constant value. Default: `d => d.color` */
105
104
  pointColor?: ColorAccessor<LeafletMapPointDatum<Datum>>;
106
105
  /** Point radius accessor function or constant value. Default: `undefined` */
107
106
  pointRadius?: NumericAccessor<LeafletMapPointDatum<Datum>>;
108
- /** Point inner label accessor function. Default: `d => d.point_count ?? ''` */
107
+ /** Point inner label accessor function. Default: `undefined` */
109
108
  pointLabel?: StringAccessor<LeafletMapPointDatum<Datum>>;
110
109
  /** Point inner label color accessor function or constant value.
111
110
  * By default, the label color will be set, depending on the point brightness, either to
112
111
  * `--vis-map-point-inner-label-text-color-light` or to `--vis-map-point-inner-label-text-color-dark` CSS variable.
113
- * Default: `undefined`
114
- */
112
+ * Default: `undefined` */
115
113
  pointLabelColor?: StringAccessor<LeafletMapPointDatum<Datum>>;
116
114
  /** Point bottom label accessor function. Default: `''` */
117
115
  pointBottomLabel?: StringAccessor<LeafletMapPointDatum<Datum>>;
118
116
  /** Point cursor value or accessor function. Default: `null` */
119
117
  pointCursor?: StringAccessor<LeafletMapPointDatum<Datum>>;
118
+ /** The width of the ring when a point has a `LeafletMapPointShape.Ring` shape. Default: `1.25` */
119
+ pointRingWidth?: number;
120
120
  /** Set selected point by its unique id. Default: `undefined` */
121
121
  selectedPointId?: string;
122
- /** Cluster color accessor function or constant value. Default: `undefined` */
122
+ /** Cluster color accessor function or constant value. Default: `undefined` */
123
123
  clusterColor?: ColorAccessor<LeafletMapClusterDatum<Datum>>;
124
- /** Cluster radius accessor function or constant value. Default: `undefined` */
124
+ /** Cluster radius accessor function or constant value. Default: `undefined` */
125
125
  clusterRadius?: NumericAccessor<LeafletMapClusterDatum<Datum>>;
126
- /** Cluster inner label accessor function. Default: `d => d.point_count` */
126
+ /** Cluster inner label accessor function. Default: `d => d.point_count` */
127
127
  clusterLabel?: StringAccessor<LeafletMapClusterDatum<Datum>>;
128
128
  /** Cluster inner label color accessor function or constant value.
129
129
  * By default, the label color will be set, depending on the point brightness, either to
130
130
  * `--vis-map-cluster-inner-label-text-color-light` or to `--vis-map-cluster-inner-label-text-color-dark` CSS variable.
131
- * Default: `undefined`
132
- */
131
+ * Default: `undefined` */
133
132
  clusterLabelColor?: StringAccessor<LeafletMapClusterDatum<Datum>>;
134
133
  /** Cluster bottom label accessor function. Default: `''` */
135
134
  clusterBottomLabel?: StringAccessor<LeafletMapClusterDatum<Datum>>;
136
- /** The width of the cluster point outline. Default: `1.25` */
135
+ /** The width of the cluster point ring. Default: `1.25` */
137
136
  clusterRingWidth?: number;
138
137
  /** When cluster is expanded, show a background circle to better separate points from the base map. Default: `true` */
139
138
  clusterBackground?: boolean;
@@ -172,15 +171,13 @@ export declare class VisLeafletMapComponent<Datum extends GenericDataRecord> imp
172
171
  /** Tooltip component. Default: `undefined` */
173
172
  tooltip?: Tooltip;
174
173
  /** Alternative text description of the chart for accessibility purposes. It will be applied as an
175
- * `aria-label` attribute to the div element containing your chart. Default: `undefined`.
176
- */
174
+ * `aria-label` attribute to the div element containing your chart. Default: `undefined`. */
177
175
  ariaLabel?: string | null | undefined;
178
- /** Data */
179
- data?: Datum[];
176
+ data: Datum[];
180
177
  component: LeafletMap<Datum> | undefined;
181
178
  ngAfterViewInit(): void;
182
179
  ngOnChanges(changes: SimpleChanges): void;
183
180
  private getConfig;
184
181
  static ɵfac: i0.ɵɵFactoryDeclaration<VisLeafletMapComponent<any>, never>;
185
- static ɵcmp: i0.ɵɵComponentDeclaration<VisLeafletMapComponent<any>, "vis-leaflet-map", never, { "width": "width"; "height": "height"; "duration": "duration"; "events": "events"; "attributes": "attributes"; "flyToDuration": "flyToDuration"; "fitViewPadding": "fitViewPadding"; "zoomDuration": "zoomDuration"; "initialBounds": "initialBounds"; "fitBoundsOnUpdate": "fitBoundsOnUpdate"; "fitViewOnInit": "fitViewOnInit"; "fitViewOnUpdate": "fitViewOnUpdate"; "style": "style"; "styleDarkTheme": "styleDarkTheme"; "accessToken": "accessToken"; "attribution": "attribution"; "renderer": "renderer"; "onMapInitialized": "onMapInitialized"; "onMapMoveZoom": "onMapMoveZoom"; "onMapMoveStart": "onMapMoveStart"; "onMapMoveEnd": "onMapMoveEnd"; "onMapZoomStart": "onMapZoomStart"; "onMapZoomEnd": "onMapZoomEnd"; "onMapClick": "onMapClick"; "pointLongitude": "pointLongitude"; "pointLatitude": "pointLatitude"; "pointId": "pointId"; "pointShape": "pointShape"; "pointColor": "pointColor"; "pointRadius": "pointRadius"; "pointLabel": "pointLabel"; "pointLabelColor": "pointLabelColor"; "pointBottomLabel": "pointBottomLabel"; "pointCursor": "pointCursor"; "selectedPointId": "selectedPointId"; "clusterColor": "clusterColor"; "clusterRadius": "clusterRadius"; "clusterLabel": "clusterLabel"; "clusterLabelColor": "clusterLabelColor"; "clusterBottomLabel": "clusterBottomLabel"; "clusterRingWidth": "clusterRingWidth"; "clusterBackground": "clusterBackground"; "clusterExpandOnClick": "clusterExpandOnClick"; "clusteringDistance": "clusteringDistance"; "colorMap": "colorMap"; "topoJSONLayer": "topoJSONLayer"; "tooltip": "tooltip"; "ariaLabel": "ariaLabel"; "data": "data"; }, {}, never, never>;
182
+ static ɵcmp: i0.ɵɵComponentDeclaration<VisLeafletMapComponent<any>, "vis-leaflet-map", never, { "duration": "duration"; "events": "events"; "attributes": "attributes"; "width": "width"; "height": "height"; "flyToDuration": "flyToDuration"; "fitViewPadding": "fitViewPadding"; "zoomDuration": "zoomDuration"; "initialBounds": "initialBounds"; "fitBoundsOnUpdate": "fitBoundsOnUpdate"; "fitViewOnInit": "fitViewOnInit"; "fitViewOnUpdate": "fitViewOnUpdate"; "style": "style"; "styleDarkTheme": "styleDarkTheme"; "accessToken": "accessToken"; "attribution": "attribution"; "renderer": "renderer"; "onMapInitialized": "onMapInitialized"; "onMapMoveZoom": "onMapMoveZoom"; "onMapMoveStart": "onMapMoveStart"; "onMapMoveEnd": "onMapMoveEnd"; "onMapZoomStart": "onMapZoomStart"; "onMapZoomEnd": "onMapZoomEnd"; "onMapClick": "onMapClick"; "pointLongitude": "pointLongitude"; "pointLatitude": "pointLatitude"; "pointId": "pointId"; "pointShape": "pointShape"; "pointColor": "pointColor"; "pointRadius": "pointRadius"; "pointLabel": "pointLabel"; "pointLabelColor": "pointLabelColor"; "pointBottomLabel": "pointBottomLabel"; "pointCursor": "pointCursor"; "pointRingWidth": "pointRingWidth"; "selectedPointId": "selectedPointId"; "clusterColor": "clusterColor"; "clusterRadius": "clusterRadius"; "clusterLabel": "clusterLabel"; "clusterLabelColor": "clusterLabelColor"; "clusterBottomLabel": "clusterBottomLabel"; "clusterRingWidth": "clusterRingWidth"; "clusterBackground": "clusterBackground"; "clusterExpandOnClick": "clusterExpandOnClick"; "clusteringDistance": "clusteringDistance"; "colorMap": "colorMap"; "topoJSONLayer": "topoJSONLayer"; "tooltip": "tooltip"; "ariaLabel": "ariaLabel"; "data": "data"; }, {}, never, never>;
186
183
  }
package/dist/lib/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@unovis/angular",
3
3
  "description": "Modular data visualization framework for React, Angular, Svelte, and vanilla TypeScript or JavaScript",
4
- "version": "1.4.0",
4
+ "version": "1.4.1-alpha.8",
5
5
  "repository": {
6
6
  "type": "git",
7
7
  "url": "https://github.com/f5/unovis.git",
@@ -36,10 +36,10 @@
36
36
  "tslib": "^2.3.1"
37
37
  },
38
38
  "peerDependencies": {
39
- "@unovis/ts": "1.4.0",
40
- "@angular/common": "12 - 16",
41
- "@angular/compiler": "12 - 16",
42
- "@angular/core": "12 - 16"
39
+ "@unovis/ts": "1.4.1-alpha.8",
40
+ "@angular/common": "12 - 18",
41
+ "@angular/compiler": "12 - 18",
42
+ "@angular/core": "12 - 18"
43
43
  },
44
44
  "overrides": {
45
45
  "minimatch": "3.0.5",
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@unovis/angular",
3
3
  "description": "Modular data visualization framework for React, Angular, Svelte, and vanilla TypeScript or JavaScript",
4
- "version": "1.4.0",
4
+ "version": "1.4.1-alpha.8",
5
5
  "repository": {
6
6
  "type": "git",
7
7
  "url": "https://github.com/f5/unovis.git",
@@ -44,10 +44,10 @@
44
44
  "tslib": "^2.3.1"
45
45
  },
46
46
  "peerDependencies": {
47
- "@unovis/ts": "1.4.0",
48
- "@angular/common": "12 - 16",
49
- "@angular/compiler": "12 - 16",
50
- "@angular/core": "12 - 16"
47
+ "@unovis/ts": "1.4.1-alpha.8",
48
+ "@angular/common": "12 - 18",
49
+ "@angular/compiler": "12 - 18",
50
+ "@angular/core": "12 - 18"
51
51
  },
52
52
  "devDependencies": {
53
53
  "@angular-devkit/build-angular": "^12.0.3",