@unovis/angular 1.4.0-beta.6 → 1.4.1-alpha.7
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/lib/bundles/unovis-angular.umd.js +67 -35
- package/dist/lib/bundles/unovis-angular.umd.js.map +1 -1
- package/dist/lib/components/crosshair/crosshair.component.d.ts +5 -1
- package/dist/lib/components/graph/graph.component.d.ts +23 -11
- package/dist/lib/components/nested-donut/nested-donut.component.d.ts +7 -1
- package/dist/lib/components/tooltip/tooltip.component.d.ts +1 -1
- package/dist/lib/esm2015/components/annotations/annotations.component.js +1 -1
- package/dist/lib/esm2015/components/crosshair/crosshair.component.js +8 -4
- package/dist/lib/esm2015/components/graph/graph.component.js +16 -6
- package/dist/lib/esm2015/components/nested-donut/nested-donut.component.js +1 -1
- package/dist/lib/esm2015/components/tooltip/tooltip.component.js +1 -1
- package/dist/lib/esm2015/html-components/bullet-legend/bullet-legend.component.js +10 -6
- package/dist/lib/esm2015/html-components/leaflet-flow-map/leaflet-flow-map.component.js +20 -13
- package/dist/lib/esm2015/html-components/leaflet-flow-map/leaflet-flow-map.module.js +2 -1
- package/dist/lib/esm2015/html-components/leaflet-map/leaflet-map.component.js +17 -12
- package/dist/lib/esm2015/html-components/leaflet-map/leaflet-map.module.js +2 -1
- package/dist/lib/fesm2015/unovis-angular.js +67 -35
- package/dist/lib/fesm2015/unovis-angular.js.map +1 -1
- package/dist/lib/html-components/bullet-legend/bullet-legend.component.d.ts +13 -9
- package/dist/lib/html-components/leaflet-flow-map/leaflet-flow-map.component.d.ts +33 -34
- package/dist/lib/html-components/leaflet-map/leaflet-map.component.d.ts +24 -27
- package/dist/lib/package.json +5 -5
- package/package.json +5 -5
|
@@ -764,8 +764,8 @@ class VisCrosshairComponent {
|
|
|
764
764
|
(_c = this.componentContainer) === null || _c === void 0 ? void 0 : _c.render();
|
|
765
765
|
}
|
|
766
766
|
getConfig() {
|
|
767
|
-
const { duration, events, attributes, x, y, id, color, xScale, yScale, excludeFromDomainCalculation, yStacked, baseline, tooltip, template, hideWhenFarFromPointer, hideWhenFarFromPointerDistance, snapToData, getCircles } = this;
|
|
768
|
-
const config = { duration, events, attributes, x, y, id, color, xScale, yScale, excludeFromDomainCalculation, yStacked, baseline, tooltip, template, hideWhenFarFromPointer, hideWhenFarFromPointerDistance, snapToData, getCircles };
|
|
767
|
+
const { duration, events, attributes, x, y, id, color, xScale, yScale, excludeFromDomainCalculation, strokeColor, strokeWidth, yStacked, baseline, tooltip, template, hideWhenFarFromPointer, hideWhenFarFromPointerDistance, snapToData, getCircles } = this;
|
|
768
|
+
const config = { duration, events, attributes, x, y, id, color, xScale, yScale, excludeFromDomainCalculation, strokeColor, strokeWidth, yStacked, baseline, tooltip, template, hideWhenFarFromPointer, hideWhenFarFromPointerDistance, snapToData, getCircles };
|
|
769
769
|
const keys = Object.keys(config);
|
|
770
770
|
keys.forEach(key => { if (config[key] === undefined)
|
|
771
771
|
delete config[key]; });
|
|
@@ -773,7 +773,7 @@ class VisCrosshairComponent {
|
|
|
773
773
|
}
|
|
774
774
|
}
|
|
775
775
|
VisCrosshairComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: VisCrosshairComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
776
|
-
VisCrosshairComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: VisCrosshairComponent, selector: "vis-crosshair", inputs: { duration: "duration", events: "events", attributes: "attributes", x: "x", y: "y", id: "id", color: "color", xScale: "xScale", yScale: "yScale", excludeFromDomainCalculation: "excludeFromDomainCalculation", yStacked: "yStacked", baseline: "baseline", tooltip: "tooltip", template: "template", hideWhenFarFromPointer: "hideWhenFarFromPointer", hideWhenFarFromPointerDistance: "hideWhenFarFromPointerDistance", snapToData: "snapToData", getCircles: "getCircles", data: "data" }, providers: [{ provide: VisXYComponent, useExisting: VisCrosshairComponent }], usesOnChanges: true, ngImport: i0, template: '', isInline: true });
|
|
776
|
+
VisCrosshairComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: VisCrosshairComponent, selector: "vis-crosshair", inputs: { duration: "duration", events: "events", attributes: "attributes", x: "x", y: "y", id: "id", color: "color", xScale: "xScale", yScale: "yScale", excludeFromDomainCalculation: "excludeFromDomainCalculation", strokeColor: "strokeColor", strokeWidth: "strokeWidth", yStacked: "yStacked", baseline: "baseline", tooltip: "tooltip", template: "template", hideWhenFarFromPointer: "hideWhenFarFromPointer", hideWhenFarFromPointerDistance: "hideWhenFarFromPointerDistance", snapToData: "snapToData", getCircles: "getCircles", data: "data" }, providers: [{ provide: VisXYComponent, useExisting: VisCrosshairComponent }], usesOnChanges: true, ngImport: i0, template: '', isInline: true });
|
|
777
777
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: VisCrosshairComponent, decorators: [{
|
|
778
778
|
type: Component,
|
|
779
779
|
args: [{
|
|
@@ -802,6 +802,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImpo
|
|
|
802
802
|
type: Input
|
|
803
803
|
}], excludeFromDomainCalculation: [{
|
|
804
804
|
type: Input
|
|
805
|
+
}], strokeColor: [{
|
|
806
|
+
type: Input
|
|
807
|
+
}], strokeWidth: [{
|
|
808
|
+
type: Input
|
|
805
809
|
}], yStacked: [{
|
|
806
810
|
type: Input
|
|
807
811
|
}], baseline: [{
|
|
@@ -1030,8 +1034,8 @@ class VisGraphComponent {
|
|
|
1030
1034
|
(_c = this.componentContainer) === null || _c === void 0 ? void 0 : _c.render();
|
|
1031
1035
|
}
|
|
1032
1036
|
getConfig() {
|
|
1033
|
-
const { duration, events, attributes, zoomScaleExtent, disableZoom, disableDrag, zoomThrottledUpdateNodeThreshold,
|
|
1034
|
-
const config = { duration, events, attributes, zoomScaleExtent, disableZoom, disableDrag, zoomThrottledUpdateNodeThreshold,
|
|
1037
|
+
const { duration, events, attributes, zoomScaleExtent, disableZoom, disableDrag, zoomThrottledUpdateNodeThreshold, layoutType, layoutAutofit, layoutAutofitTolerance, layoutNonConnectedAside, layoutNodeGroup, layoutGroupOrder, layoutParallelNodesPerColumn, layoutParallelNodeSubGroup, layoutParallelSubGroupsPerRow, layoutParallelGroupSpacing, layoutParallelSortConnectionsByGroup, forceLayoutSettings, dagreLayoutSettings, layoutElkSettings, layoutElkNodeGroups, linkWidth, linkStyle, linkBandWidth, linkArrow, linkStroke, linkDisabled, linkFlow, linkFlowAnimDuration, linkFlowParticleSize, linkLabel, linkLabelShiftFromCenter, linkNeighborSpacing, linkCurvature, selectedLinkId, nodeSize, nodeStrokeWidth, nodeShape, nodeGaugeValue, nodeGaugeFill, nodeGaugeAnimDuration, nodeIcon, nodeIconSize, nodeLabel, nodeLabelTrim, nodeLabelTrimMode, nodeLabelTrimLength, nodeSubLabel, nodeSubLabelTrim, nodeSubLabelTrimMode, nodeSubLabelTrimLength, nodeSideLabels, nodeBottomIcon, nodeDisabled, nodeFill, nodeStroke, nodeSort, nodeEnterPosition, nodeEnterScale, nodeExitPosition, nodeExitScale, selectedNodeId, panels, onNodeDragStart, onNodeDrag, onNodeDragEnd, onZoom, onLayoutCalculated } = this;
|
|
1038
|
+
const config = { duration, events, attributes, zoomScaleExtent, disableZoom, disableDrag, zoomThrottledUpdateNodeThreshold, layoutType, layoutAutofit, layoutAutofitTolerance, layoutNonConnectedAside, layoutNodeGroup, layoutGroupOrder, layoutParallelNodesPerColumn, layoutParallelNodeSubGroup, layoutParallelSubGroupsPerRow, layoutParallelGroupSpacing, layoutParallelSortConnectionsByGroup, forceLayoutSettings, dagreLayoutSettings, layoutElkSettings, layoutElkNodeGroups, linkWidth, linkStyle, linkBandWidth, linkArrow, linkStroke, linkDisabled, linkFlow, linkFlowAnimDuration, linkFlowParticleSize, linkLabel, linkLabelShiftFromCenter, linkNeighborSpacing, linkCurvature, selectedLinkId, nodeSize, nodeStrokeWidth, nodeShape, nodeGaugeValue, nodeGaugeFill, nodeGaugeAnimDuration, nodeIcon, nodeIconSize, nodeLabel, nodeLabelTrim, nodeLabelTrimMode, nodeLabelTrimLength, nodeSubLabel, nodeSubLabelTrim, nodeSubLabelTrimMode, nodeSubLabelTrimLength, nodeSideLabels, nodeBottomIcon, nodeDisabled, nodeFill, nodeStroke, nodeSort, nodeEnterPosition, nodeEnterScale, nodeExitPosition, nodeExitScale, selectedNodeId, panels, onNodeDragStart, onNodeDrag, onNodeDragEnd, onZoom, onLayoutCalculated };
|
|
1035
1039
|
const keys = Object.keys(config);
|
|
1036
1040
|
keys.forEach(key => { if (config[key] === undefined)
|
|
1037
1041
|
delete config[key]; });
|
|
@@ -1039,7 +1043,7 @@ class VisGraphComponent {
|
|
|
1039
1043
|
}
|
|
1040
1044
|
}
|
|
1041
1045
|
VisGraphComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: VisGraphComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
1042
|
-
VisGraphComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: VisGraphComponent, selector: "vis-graph", inputs: { duration: "duration", events: "events", attributes: "attributes", zoomScaleExtent: "zoomScaleExtent", disableZoom: "disableZoom", disableDrag: "disableDrag", zoomThrottledUpdateNodeThreshold: "zoomThrottledUpdateNodeThreshold",
|
|
1046
|
+
VisGraphComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: VisGraphComponent, selector: "vis-graph", inputs: { duration: "duration", events: "events", attributes: "attributes", zoomScaleExtent: "zoomScaleExtent", disableZoom: "disableZoom", disableDrag: "disableDrag", zoomThrottledUpdateNodeThreshold: "zoomThrottledUpdateNodeThreshold", layoutType: "layoutType", layoutAutofit: "layoutAutofit", layoutAutofitTolerance: "layoutAutofitTolerance", layoutNonConnectedAside: "layoutNonConnectedAside", layoutNodeGroup: "layoutNodeGroup", layoutGroupOrder: "layoutGroupOrder", layoutParallelNodesPerColumn: "layoutParallelNodesPerColumn", layoutParallelNodeSubGroup: "layoutParallelNodeSubGroup", layoutParallelSubGroupsPerRow: "layoutParallelSubGroupsPerRow", layoutParallelGroupSpacing: "layoutParallelGroupSpacing", layoutParallelSortConnectionsByGroup: "layoutParallelSortConnectionsByGroup", forceLayoutSettings: "forceLayoutSettings", dagreLayoutSettings: "dagreLayoutSettings", layoutElkSettings: "layoutElkSettings", layoutElkNodeGroups: "layoutElkNodeGroups", linkWidth: "linkWidth", linkStyle: "linkStyle", linkBandWidth: "linkBandWidth", linkArrow: "linkArrow", linkStroke: "linkStroke", linkDisabled: "linkDisabled", linkFlow: "linkFlow", linkFlowAnimDuration: "linkFlowAnimDuration", linkFlowParticleSize: "linkFlowParticleSize", linkLabel: "linkLabel", linkLabelShiftFromCenter: "linkLabelShiftFromCenter", linkNeighborSpacing: "linkNeighborSpacing", linkCurvature: "linkCurvature", 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", selectedNodeId: "selectedNodeId", panels: "panels", onNodeDragStart: "onNodeDragStart", onNodeDrag: "onNodeDrag", onNodeDragEnd: "onNodeDragEnd", onZoom: "onZoom", onLayoutCalculated: "onLayoutCalculated", data: "data" }, providers: [{ provide: VisCoreComponent, useExisting: VisGraphComponent }], usesOnChanges: true, ngImport: i0, template: '', isInline: true });
|
|
1043
1047
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: VisGraphComponent, decorators: [{
|
|
1044
1048
|
type: Component,
|
|
1045
1049
|
args: [{
|
|
@@ -1062,8 +1066,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImpo
|
|
|
1062
1066
|
type: Input
|
|
1063
1067
|
}], zoomThrottledUpdateNodeThreshold: [{
|
|
1064
1068
|
type: Input
|
|
1065
|
-
}], onZoom: [{
|
|
1066
|
-
type: Input
|
|
1067
1069
|
}], layoutType: [{
|
|
1068
1070
|
type: Input
|
|
1069
1071
|
}], layoutAutofit: [{
|
|
@@ -1118,6 +1120,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImpo
|
|
|
1118
1120
|
type: Input
|
|
1119
1121
|
}], linkNeighborSpacing: [{
|
|
1120
1122
|
type: Input
|
|
1123
|
+
}], linkCurvature: [{
|
|
1124
|
+
type: Input
|
|
1121
1125
|
}], selectedLinkId: [{
|
|
1122
1126
|
type: Input
|
|
1123
1127
|
}], nodeSize: [{
|
|
@@ -1176,6 +1180,16 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImpo
|
|
|
1176
1180
|
type: Input
|
|
1177
1181
|
}], panels: [{
|
|
1178
1182
|
type: Input
|
|
1183
|
+
}], onNodeDragStart: [{
|
|
1184
|
+
type: Input
|
|
1185
|
+
}], onNodeDrag: [{
|
|
1186
|
+
type: Input
|
|
1187
|
+
}], onNodeDragEnd: [{
|
|
1188
|
+
type: Input
|
|
1189
|
+
}], onZoom: [{
|
|
1190
|
+
type: Input
|
|
1191
|
+
}], onLayoutCalculated: [{
|
|
1192
|
+
type: Input
|
|
1179
1193
|
}], data: [{
|
|
1180
1194
|
type: Input
|
|
1181
1195
|
}] } });
|
|
@@ -2143,10 +2157,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImpo
|
|
|
2143
2157
|
}]
|
|
2144
2158
|
}] });
|
|
2145
2159
|
|
|
2160
|
+
// !!! This code was automatically generated. You should not change it !!!
|
|
2146
2161
|
class VisLeafletMapComponent {
|
|
2147
2162
|
ngAfterViewInit() {
|
|
2148
|
-
|
|
2149
|
-
|
|
2163
|
+
this.component = new LeafletMap(this.containerRef.nativeElement, this.getConfig(), this.data);
|
|
2164
|
+
if (this.data) {
|
|
2165
|
+
this.component.setData(this.data);
|
|
2166
|
+
}
|
|
2150
2167
|
}
|
|
2151
2168
|
ngOnChanges(changes) {
|
|
2152
2169
|
var _a, _b;
|
|
@@ -2156,8 +2173,8 @@ class VisLeafletMapComponent {
|
|
|
2156
2173
|
(_b = this.component) === null || _b === void 0 ? void 0 : _b.setConfig(this.getConfig());
|
|
2157
2174
|
}
|
|
2158
2175
|
getConfig() {
|
|
2159
|
-
const {
|
|
2160
|
-
const config = {
|
|
2176
|
+
const { duration, events, attributes, width, height, flyToDuration, fitViewPadding, zoomDuration, initialBounds, fitBoundsOnUpdate, fitViewOnInit, fitViewOnUpdate, style, styleDarkTheme, accessToken, attribution, renderer, onMapInitialized, onMapMoveZoom, onMapMoveStart, onMapMoveEnd, onMapZoomStart, onMapZoomEnd, onMapClick, pointLongitude, pointLatitude, pointId, pointShape, pointColor, pointRadius, pointLabel, pointLabelColor, pointBottomLabel, pointCursor, pointRingWidth, selectedPointId, clusterColor, clusterRadius, clusterLabel, clusterLabelColor, clusterBottomLabel, clusterRingWidth, clusterBackground, clusterExpandOnClick, clusteringDistance, colorMap, topoJSONLayer, tooltip, ariaLabel } = this;
|
|
2177
|
+
const config = { duration, events, attributes, width, height, flyToDuration, fitViewPadding, zoomDuration, initialBounds, fitBoundsOnUpdate, fitViewOnInit, fitViewOnUpdate, style, styleDarkTheme, accessToken, attribution, renderer, onMapInitialized, onMapMoveZoom, onMapMoveStart, onMapMoveEnd, onMapZoomStart, onMapZoomEnd, onMapClick, pointLongitude, pointLatitude, pointId, pointShape, pointColor, pointRadius, pointLabel, pointLabelColor, pointBottomLabel, pointCursor, pointRingWidth, selectedPointId, clusterColor, clusterRadius, clusterLabel, clusterLabelColor, clusterBottomLabel, clusterRingWidth, clusterBackground, clusterExpandOnClick, clusteringDistance, colorMap, topoJSONLayer, tooltip, ariaLabel };
|
|
2161
2178
|
const keys = Object.keys(config);
|
|
2162
2179
|
keys.forEach(key => { if (config[key] === undefined)
|
|
2163
2180
|
delete config[key]; });
|
|
@@ -2165,29 +2182,29 @@ class VisLeafletMapComponent {
|
|
|
2165
2182
|
}
|
|
2166
2183
|
}
|
|
2167
2184
|
VisLeafletMapComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: VisLeafletMapComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
2168
|
-
VisLeafletMapComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: VisLeafletMapComponent, selector: "vis-leaflet-map", inputs: {
|
|
2185
|
+
VisLeafletMapComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: VisLeafletMapComponent, selector: "vis-leaflet-map", inputs: { 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" }, providers: [{ provide: VisCoreComponent, useExisting: VisLeafletMapComponent }], viewQueries: [{ propertyName: "containerRef", first: true, predicate: ["container"], descendants: true }], usesOnChanges: true, ngImport: i0, template: '<div #container class="leaflet-map-container"></div>', isInline: true, styles: [".leaflet-map-container { width: 100%; height: 100%; position: relative }"] });
|
|
2169
2186
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: VisLeafletMapComponent, decorators: [{
|
|
2170
2187
|
type: Component,
|
|
2171
2188
|
args: [{
|
|
2172
2189
|
selector: 'vis-leaflet-map',
|
|
2173
|
-
template: '<div #container class="
|
|
2174
|
-
styles: ['.
|
|
2190
|
+
template: '<div #container class="leaflet-map-container"></div>',
|
|
2191
|
+
styles: ['.leaflet-map-container { width: 100%; height: 100%; position: relative }'],
|
|
2175
2192
|
// eslint-disable-next-line no-use-before-define
|
|
2176
2193
|
providers: [{ provide: VisCoreComponent, useExisting: VisLeafletMapComponent }],
|
|
2177
2194
|
}]
|
|
2178
2195
|
}], propDecorators: { containerRef: [{
|
|
2179
2196
|
type: ViewChild,
|
|
2180
2197
|
args: ['container', { static: false }]
|
|
2181
|
-
}], width: [{
|
|
2182
|
-
type: Input
|
|
2183
|
-
}], height: [{
|
|
2184
|
-
type: Input
|
|
2185
2198
|
}], duration: [{
|
|
2186
2199
|
type: Input
|
|
2187
2200
|
}], events: [{
|
|
2188
2201
|
type: Input
|
|
2189
2202
|
}], attributes: [{
|
|
2190
2203
|
type: Input
|
|
2204
|
+
}], width: [{
|
|
2205
|
+
type: Input
|
|
2206
|
+
}], height: [{
|
|
2207
|
+
type: Input
|
|
2191
2208
|
}], flyToDuration: [{
|
|
2192
2209
|
type: Input
|
|
2193
2210
|
}], fitViewPadding: [{
|
|
@@ -2246,6 +2263,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImpo
|
|
|
2246
2263
|
type: Input
|
|
2247
2264
|
}], pointCursor: [{
|
|
2248
2265
|
type: Input
|
|
2266
|
+
}], pointRingWidth: [{
|
|
2267
|
+
type: Input
|
|
2249
2268
|
}], selectedPointId: [{
|
|
2250
2269
|
type: Input
|
|
2251
2270
|
}], clusterColor: [{
|
|
@@ -2278,6 +2297,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImpo
|
|
|
2278
2297
|
type: Input
|
|
2279
2298
|
}] } });
|
|
2280
2299
|
|
|
2300
|
+
// !!! This code was automatically generated. You should not change it !!!
|
|
2281
2301
|
class VisLeafletMapModule {
|
|
2282
2302
|
}
|
|
2283
2303
|
VisLeafletMapModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: VisLeafletMapModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
@@ -2292,10 +2312,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImpo
|
|
|
2292
2312
|
}]
|
|
2293
2313
|
}] });
|
|
2294
2314
|
|
|
2315
|
+
// !!! This code was automatically generated. You should not change it !!!
|
|
2295
2316
|
class VisLeafletFlowMapComponent {
|
|
2296
2317
|
ngAfterViewInit() {
|
|
2297
|
-
|
|
2298
|
-
|
|
2318
|
+
this.component = new LeafletFlowMap(this.containerRef.nativeElement, this.getConfig(), this.data);
|
|
2319
|
+
if (this.data) {
|
|
2320
|
+
this.component.setData(this.data);
|
|
2321
|
+
}
|
|
2299
2322
|
}
|
|
2300
2323
|
ngOnChanges(changes) {
|
|
2301
2324
|
var _a, _b;
|
|
@@ -2305,8 +2328,8 @@ class VisLeafletFlowMapComponent {
|
|
|
2305
2328
|
(_b = this.component) === null || _b === void 0 ? void 0 : _b.setConfig(this.getConfig());
|
|
2306
2329
|
}
|
|
2307
2330
|
getConfig() {
|
|
2308
|
-
const {
|
|
2309
|
-
const config = {
|
|
2331
|
+
const { duration, events, attributes, width, height, flyToDuration, fitViewPadding, zoomDuration, initialBounds, fitBoundsOnUpdate, fitViewOnInit, fitViewOnUpdate, style, styleDarkTheme, accessToken, attribution, renderer, onMapInitialized, onMapMoveZoom, onMapMoveStart, onMapMoveEnd, onMapZoomStart, onMapZoomEnd, onMapClick, pointLongitude, pointLatitude, pointId, pointShape, pointColor, pointRadius, pointLabel, pointLabelColor, pointBottomLabel, pointCursor, pointRingWidth, selectedPointId, clusterColor, clusterRadius, clusterLabel, clusterLabelColor, clusterBottomLabel, clusterRingWidth, clusterBackground, clusterExpandOnClick, clusteringDistance, colorMap, topoJSONLayer, tooltip, ariaLabel, sourceLongitude, sourceLatitude, targetLongitude, targetLatitude, sourcePointRadius, sourcePointColor, flowParticleColor, flowParticleRadius, flowParticleSpeed, flowParticleDensity, onSourcePointClick, onSourcePointMouseEnter, onSourcePointMouseLeave } = this;
|
|
2332
|
+
const config = { duration, events, attributes, width, height, flyToDuration, fitViewPadding, zoomDuration, initialBounds, fitBoundsOnUpdate, fitViewOnInit, fitViewOnUpdate, style, styleDarkTheme, accessToken, attribution, renderer, onMapInitialized, onMapMoveZoom, onMapMoveStart, onMapMoveEnd, onMapZoomStart, onMapZoomEnd, onMapClick, pointLongitude, pointLatitude, pointId, pointShape, pointColor, pointRadius, pointLabel, pointLabelColor, pointBottomLabel, pointCursor, pointRingWidth, selectedPointId, clusterColor, clusterRadius, clusterLabel, clusterLabelColor, clusterBottomLabel, clusterRingWidth, clusterBackground, clusterExpandOnClick, clusteringDistance, colorMap, topoJSONLayer, tooltip, ariaLabel, sourceLongitude, sourceLatitude, targetLongitude, targetLatitude, sourcePointRadius, sourcePointColor, flowParticleColor, flowParticleRadius, flowParticleSpeed, flowParticleDensity, onSourcePointClick, onSourcePointMouseEnter, onSourcePointMouseLeave };
|
|
2310
2333
|
const keys = Object.keys(config);
|
|
2311
2334
|
keys.forEach(key => { if (config[key] === undefined)
|
|
2312
2335
|
delete config[key]; });
|
|
@@ -2314,29 +2337,29 @@ class VisLeafletFlowMapComponent {
|
|
|
2314
2337
|
}
|
|
2315
2338
|
}
|
|
2316
2339
|
VisLeafletFlowMapComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: VisLeafletFlowMapComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
2317
|
-
VisLeafletFlowMapComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: VisLeafletFlowMapComponent, selector: "vis-leaflet-flow-map", inputs: {
|
|
2340
|
+
VisLeafletFlowMapComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: VisLeafletFlowMapComponent, selector: "vis-leaflet-flow-map", inputs: { 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" }, providers: [{ provide: VisCoreComponent, useExisting: VisLeafletFlowMapComponent }], viewQueries: [{ propertyName: "containerRef", first: true, predicate: ["container"], descendants: true }], usesOnChanges: true, ngImport: i0, template: '<div #container class="leaflet-flow-map-container"></div>', isInline: true, styles: [".leaflet-flow-map-container { width: 100%; height: 100%; position: relative }"] });
|
|
2318
2341
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: VisLeafletFlowMapComponent, decorators: [{
|
|
2319
2342
|
type: Component,
|
|
2320
2343
|
args: [{
|
|
2321
2344
|
selector: 'vis-leaflet-flow-map',
|
|
2322
|
-
template: '<div #container class="
|
|
2323
|
-
styles: ['.
|
|
2345
|
+
template: '<div #container class="leaflet-flow-map-container"></div>',
|
|
2346
|
+
styles: ['.leaflet-flow-map-container { width: 100%; height: 100%; position: relative }'],
|
|
2324
2347
|
// eslint-disable-next-line no-use-before-define
|
|
2325
2348
|
providers: [{ provide: VisCoreComponent, useExisting: VisLeafletFlowMapComponent }],
|
|
2326
2349
|
}]
|
|
2327
2350
|
}], propDecorators: { containerRef: [{
|
|
2328
2351
|
type: ViewChild,
|
|
2329
2352
|
args: ['container', { static: false }]
|
|
2330
|
-
}], width: [{
|
|
2331
|
-
type: Input
|
|
2332
|
-
}], height: [{
|
|
2333
|
-
type: Input
|
|
2334
2353
|
}], duration: [{
|
|
2335
2354
|
type: Input
|
|
2336
2355
|
}], events: [{
|
|
2337
2356
|
type: Input
|
|
2338
2357
|
}], attributes: [{
|
|
2339
2358
|
type: Input
|
|
2359
|
+
}], width: [{
|
|
2360
|
+
type: Input
|
|
2361
|
+
}], height: [{
|
|
2362
|
+
type: Input
|
|
2340
2363
|
}], flyToDuration: [{
|
|
2341
2364
|
type: Input
|
|
2342
2365
|
}], fitViewPadding: [{
|
|
@@ -2359,6 +2382,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImpo
|
|
|
2359
2382
|
type: Input
|
|
2360
2383
|
}], attribution: [{
|
|
2361
2384
|
type: Input
|
|
2385
|
+
}], renderer: [{
|
|
2386
|
+
type: Input
|
|
2362
2387
|
}], onMapInitialized: [{
|
|
2363
2388
|
type: Input
|
|
2364
2389
|
}], onMapMoveZoom: [{
|
|
@@ -2393,6 +2418,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImpo
|
|
|
2393
2418
|
type: Input
|
|
2394
2419
|
}], pointCursor: [{
|
|
2395
2420
|
type: Input
|
|
2421
|
+
}], pointRingWidth: [{
|
|
2422
|
+
type: Input
|
|
2396
2423
|
}], selectedPointId: [{
|
|
2397
2424
|
type: Input
|
|
2398
2425
|
}], clusterColor: [{
|
|
@@ -2413,7 +2440,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImpo
|
|
|
2413
2440
|
type: Input
|
|
2414
2441
|
}], clusteringDistance: [{
|
|
2415
2442
|
type: Input
|
|
2416
|
-
}],
|
|
2443
|
+
}], colorMap: [{
|
|
2417
2444
|
type: Input
|
|
2418
2445
|
}], topoJSONLayer: [{
|
|
2419
2446
|
type: Input
|
|
@@ -2451,6 +2478,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImpo
|
|
|
2451
2478
|
type: Input
|
|
2452
2479
|
}] } });
|
|
2453
2480
|
|
|
2481
|
+
// !!! This code was automatically generated. You should not change it !!!
|
|
2454
2482
|
class VisLeafletFlowMapModule {
|
|
2455
2483
|
}
|
|
2456
2484
|
VisLeafletFlowMapModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: VisLeafletFlowMapModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
@@ -2465,17 +2493,18 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImpo
|
|
|
2465
2493
|
}]
|
|
2466
2494
|
}] });
|
|
2467
2495
|
|
|
2496
|
+
// !!! This code was automatically generated. You should not change it !!!
|
|
2468
2497
|
class VisBulletLegendComponent {
|
|
2469
2498
|
ngAfterViewInit() {
|
|
2470
|
-
this.component = new BulletLegend(this.containerRef.nativeElement, this.getConfig());
|
|
2499
|
+
this.component = new BulletLegend(this.containerRef.nativeElement, Object.assign(Object.assign({}, this.getConfig()), { renderIntoProvidedDomNode: true }));
|
|
2471
2500
|
}
|
|
2472
2501
|
ngOnChanges(changes) {
|
|
2473
2502
|
var _a;
|
|
2474
2503
|
(_a = this.component) === null || _a === void 0 ? void 0 : _a.update(this.getConfig());
|
|
2475
2504
|
}
|
|
2476
2505
|
getConfig() {
|
|
2477
|
-
const { items, labelClassName, onLegendItemClick, labelFontSize, labelMaxWidth, bulletSize } = this;
|
|
2478
|
-
const config = { items, labelClassName, onLegendItemClick, labelFontSize, labelMaxWidth, bulletSize };
|
|
2506
|
+
const { items, labelClassName, onLegendItemClick, labelFontSize, labelMaxWidth, bulletSize, bulletShape, orientation } = this;
|
|
2507
|
+
const config = { items, labelClassName, onLegendItemClick, labelFontSize, labelMaxWidth, bulletSize, bulletShape, orientation };
|
|
2479
2508
|
const keys = Object.keys(config);
|
|
2480
2509
|
keys.forEach(key => { if (config[key] === undefined)
|
|
2481
2510
|
delete config[key]; });
|
|
@@ -2483,12 +2512,13 @@ class VisBulletLegendComponent {
|
|
|
2483
2512
|
}
|
|
2484
2513
|
}
|
|
2485
2514
|
VisBulletLegendComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: VisBulletLegendComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
2486
|
-
VisBulletLegendComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: VisBulletLegendComponent, selector: "vis-bullet-legend", inputs: { items: "items", labelClassName: "labelClassName", onLegendItemClick: "onLegendItemClick", labelFontSize: "labelFontSize", labelMaxWidth: "labelMaxWidth", bulletSize: "bulletSize", bulletShape: "bulletShape" }, providers: [{ provide: VisGenericComponent, useExisting: VisBulletLegendComponent }], viewQueries: [{ propertyName: "containerRef", first: true, predicate: ["container"], descendants: true }], usesOnChanges: true, ngImport: i0, template: '<div #container class="bullet-legend-container"></div>', isInline: true });
|
|
2515
|
+
VisBulletLegendComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: VisBulletLegendComponent, selector: "vis-bullet-legend", inputs: { items: "items", labelClassName: "labelClassName", onLegendItemClick: "onLegendItemClick", labelFontSize: "labelFontSize", labelMaxWidth: "labelMaxWidth", bulletSize: "bulletSize", bulletShape: "bulletShape", orientation: "orientation" }, providers: [{ provide: VisGenericComponent, useExisting: VisBulletLegendComponent }], viewQueries: [{ propertyName: "containerRef", first: true, predicate: ["container"], descendants: true }], usesOnChanges: true, ngImport: i0, template: '<div #container class="bullet-legend-container"></div>', isInline: true, styles: [".bullet-legend-container { }"] });
|
|
2487
2516
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: VisBulletLegendComponent, decorators: [{
|
|
2488
2517
|
type: Component,
|
|
2489
2518
|
args: [{
|
|
2490
2519
|
selector: 'vis-bullet-legend',
|
|
2491
2520
|
template: '<div #container class="bullet-legend-container"></div>',
|
|
2521
|
+
styles: ['.bullet-legend-container { }'],
|
|
2492
2522
|
// eslint-disable-next-line no-use-before-define
|
|
2493
2523
|
providers: [{ provide: VisGenericComponent, useExisting: VisBulletLegendComponent }],
|
|
2494
2524
|
}]
|
|
@@ -2509,6 +2539,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImpo
|
|
|
2509
2539
|
type: Input
|
|
2510
2540
|
}], bulletShape: [{
|
|
2511
2541
|
type: Input
|
|
2542
|
+
}], orientation: [{
|
|
2543
|
+
type: Input
|
|
2512
2544
|
}] } });
|
|
2513
2545
|
|
|
2514
2546
|
// !!! This code was automatically generated. You should not change it !!!
|