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

package/dist/lib/fesm2015/unovis-angular.js

@@ -1,6 +1,6 @@
 import * as i0 from '@angular/core';
 import { Component, Input, ViewChild, ContentChildren, ContentChild, NgModule } from '@angular/core';
-import { Tooltip, Annotations, Direction, XYContainer, Crosshair, Axis, SingleContainer, Area, Brush, ChordDiagram, Donut, FreeBrush, Graph, GroupedBar, Line, NestedDonut, Plotline, Sankey, Scatter, StackedBar, Timeline, XYLabels, TopoJSONMap, Plotband, LeafletMap, LeafletFlowMap, BulletLegend, RollingPinLegend } from '@unovis/ts';
+import { Tooltip, Annotations, Direction, XYContainer, Crosshair, Axis, SingleContainer, Area, Brush, ChordDiagram, Donut, FreeBrush, Graph, GroupedBar, Line, NestedDonut, Plotline, Sankey, Scatter, StackedBar, Timeline, XYLabels, TopoJSONMap, Plotband, LeafletMap, LeafletFlowMap, BulletLegend, FlowLegend, RollingPinLegend } from '@unovis/ts';
 
 class VisGenericComponent {
 }
@@ -399,8 +399,8 @@ class VisAreaComponent {
         (_c = this.componentContainer) === null || _c === void 0 ? void 0 : _c.render();
     }
     getConfig() {
-        const { duration, events, attributes, x, y, id, color, xScale, yScale, excludeFromDomainCalculation, curveType, baseline, opacity, cursor, minHeight1Px, minHeight } = this;
-        const config = { duration, events, attributes, x, y, id, color, xScale, yScale, excludeFromDomainCalculation, curveType, baseline, opacity, cursor, minHeight1Px, minHeight };
+        const { duration, events, attributes, x, y, id, color, xScale, yScale, excludeFromDomainCalculation, curveType, baseline, opacity, cursor, minHeight1Px, minHeight, stackMinHeight } = this;
+        const config = { duration, events, attributes, x, y, id, color, xScale, yScale, excludeFromDomainCalculation, curveType, baseline, opacity, cursor, minHeight1Px, minHeight, stackMinHeight };
         const keys = Object.keys(config);
         keys.forEach(key => { if (config[key] === undefined)
             delete config[key]; });
@@ -408,7 +408,7 @@ class VisAreaComponent {
     }
 }
 VisAreaComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: VisAreaComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-VisAreaComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: VisAreaComponent, selector: "vis-area", inputs: { 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", minHeight1Px: "minHeight1Px", minHeight: "minHeight", data: "data" }, providers: [{ provide: VisXYComponent, useExisting: VisAreaComponent }], usesOnChanges: true, ngImport: i0, template: '', isInline: true });
+VisAreaComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: VisAreaComponent, selector: "vis-area", inputs: { 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", minHeight1Px: "minHeight1Px", minHeight: "minHeight", stackMinHeight: "stackMinHeight", data: "data" }, providers: [{ provide: VisXYComponent, useExisting: VisAreaComponent }], usesOnChanges: true, ngImport: i0, template: '', isInline: true });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: VisAreaComponent, decorators: [{
             type: Component,
             args: [{
@@ -449,6 +449,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImpo
                 type: Input
             }], minHeight: [{
                 type: Input
+            }], stackMinHeight: [{
+                type: Input
             }], data: [{
                 type: Input
             }] } });
@@ -1672,8 +1674,8 @@ class VisSankeyComponent {
         (_c = this.componentContainer) === null || _c === void 0 ? void 0 : _c.render();
     }
     getConfig() {
-        const { duration, events, attributes, id, heightNormalizationCoeff, exitTransitionType, enterTransitionType, highlightSubtreeOnHover, highlightDuration, highlightDelay, iterations, nodeSort, linkSort, nodeWidth, nodeAlign, nodeHorizontalSpacing, nodeMinHeight, nodeMaxHeight, nodePadding, showSingleNode, nodeCursor, nodeIcon, nodeColor, nodeFixedValue, nodeIconColor, linkColor, linkValue, linkCursor, label, subLabel, labelPosition, labelVerticalAlign, labelBackground, labelFit, labelMaxWidth, labelExpandTrimmedOnHover, labelTrimMode, labelFontSize, labelTextSeparator, labelForceWordBreak, labelColor, labelCursor, labelVisibility, subLabelFontSize, subLabelColor, subLabelPlacement, subLabelToLabelInlineWidthRatio } = this;
-        const config = { duration, events, attributes, id, heightNormalizationCoeff, exitTransitionType, enterTransitionType, highlightSubtreeOnHover, highlightDuration, highlightDelay, iterations, nodeSort, linkSort, nodeWidth, nodeAlign, nodeHorizontalSpacing, nodeMinHeight, nodeMaxHeight, nodePadding, showSingleNode, nodeCursor, nodeIcon, nodeColor, nodeFixedValue, nodeIconColor, linkColor, linkValue, linkCursor, label, subLabel, labelPosition, labelVerticalAlign, labelBackground, labelFit, labelMaxWidth, labelExpandTrimmedOnHover, labelTrimMode, labelFontSize, labelTextSeparator, labelForceWordBreak, labelColor, labelCursor, labelVisibility, subLabelFontSize, subLabelColor, subLabelPlacement, subLabelToLabelInlineWidthRatio };
+        const { duration, events, attributes, id, heightNormalizationCoeff, zoomScale, zoomPan, enableZoom, zoomExtent, zoomMode, exitTransitionType, enterTransitionType, highlightSubtreeOnHover, highlightDuration, highlightDelay, iterations, nodeSort, linkSort, nodeWidth, nodeAlign, nodeHorizontalSpacing, nodeMinHeight, nodeMaxHeight, nodePadding, showSingleNode, nodeCursor, nodeIcon, nodeColor, nodeFixedValue, nodeIconColor, linkColor, linkValue, linkCursor, label, subLabel, labelPosition, labelVerticalAlign, labelBackground, labelFit, labelMaxWidth, labelMaxWidthTakeAvailableSpace, labelMaxWidthTakeAvailableSpaceTolerance, labelExpandTrimmedOnHover, labelTrimMode, labelFontSize, labelTextSeparator, labelTextDecoration, labelForceWordBreak, labelColor, labelCursor, labelVisibility, subLabelFontSize, subLabelColor, subLabelPlacement, subLabelTextDecoration, subLabelToLabelInlineWidthRatio, onZoom, selectedNodeIds } = this;
+        const config = { duration, events, attributes, id, heightNormalizationCoeff, zoomScale, zoomPan, enableZoom, zoomExtent, zoomMode, exitTransitionType, enterTransitionType, highlightSubtreeOnHover, highlightDuration, highlightDelay, iterations, nodeSort, linkSort, nodeWidth, nodeAlign, nodeHorizontalSpacing, nodeMinHeight, nodeMaxHeight, nodePadding, showSingleNode, nodeCursor, nodeIcon, nodeColor, nodeFixedValue, nodeIconColor, linkColor, linkValue, linkCursor, label, subLabel, labelPosition, labelVerticalAlign, labelBackground, labelFit, labelMaxWidth, labelMaxWidthTakeAvailableSpace, labelMaxWidthTakeAvailableSpaceTolerance, labelExpandTrimmedOnHover, labelTrimMode, labelFontSize, labelTextSeparator, labelTextDecoration, labelForceWordBreak, labelColor, labelCursor, labelVisibility, subLabelFontSize, subLabelColor, subLabelPlacement, subLabelTextDecoration, subLabelToLabelInlineWidthRatio, onZoom, selectedNodeIds };
         const keys = Object.keys(config);
         keys.forEach(key => { if (config[key] === undefined)
             delete config[key]; });
@@ -1681,7 +1683,7 @@ class VisSankeyComponent {
     }
 }
 VisSankeyComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: VisSankeyComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-VisSankeyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: VisSankeyComponent, selector: "vis-sankey", inputs: { duration: "duration", events: "events", attributes: "attributes", id: "id", heightNormalizationCoeff: "heightNormalizationCoeff", exitTransitionType: "exitTransitionType", enterTransitionType: "enterTransitionType", highlightSubtreeOnHover: "highlightSubtreeOnHover", highlightDuration: "highlightDuration", highlightDelay: "highlightDelay", iterations: "iterations", nodeSort: "nodeSort", linkSort: "linkSort", nodeWidth: "nodeWidth", nodeAlign: "nodeAlign", nodeHorizontalSpacing: "nodeHorizontalSpacing", nodeMinHeight: "nodeMinHeight", nodeMaxHeight: "nodeMaxHeight", nodePadding: "nodePadding", showSingleNode: "showSingleNode", nodeCursor: "nodeCursor", nodeIcon: "nodeIcon", nodeColor: "nodeColor", nodeFixedValue: "nodeFixedValue", nodeIconColor: "nodeIconColor", linkColor: "linkColor", linkValue: "linkValue", linkCursor: "linkCursor", label: "label", subLabel: "subLabel", labelPosition: "labelPosition", labelVerticalAlign: "labelVerticalAlign", labelBackground: "labelBackground", labelFit: "labelFit", labelMaxWidth: "labelMaxWidth", labelExpandTrimmedOnHover: "labelExpandTrimmedOnHover", labelTrimMode: "labelTrimMode", labelFontSize: "labelFontSize", labelTextSeparator: "labelTextSeparator", labelForceWordBreak: "labelForceWordBreak", labelColor: "labelColor", labelCursor: "labelCursor", labelVisibility: "labelVisibility", subLabelFontSize: "subLabelFontSize", subLabelColor: "subLabelColor", subLabelPlacement: "subLabelPlacement", subLabelToLabelInlineWidthRatio: "subLabelToLabelInlineWidthRatio", data: "data" }, providers: [{ provide: VisCoreComponent, useExisting: VisSankeyComponent }], usesOnChanges: true, ngImport: i0, template: '', isInline: true });
+VisSankeyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: VisSankeyComponent, selector: "vis-sankey", inputs: { duration: "duration", events: "events", attributes: "attributes", id: "id", heightNormalizationCoeff: "heightNormalizationCoeff", zoomScale: "zoomScale", zoomPan: "zoomPan", enableZoom: "enableZoom", zoomExtent: "zoomExtent", zoomMode: "zoomMode", exitTransitionType: "exitTransitionType", enterTransitionType: "enterTransitionType", highlightSubtreeOnHover: "highlightSubtreeOnHover", highlightDuration: "highlightDuration", highlightDelay: "highlightDelay", iterations: "iterations", nodeSort: "nodeSort", linkSort: "linkSort", nodeWidth: "nodeWidth", nodeAlign: "nodeAlign", nodeHorizontalSpacing: "nodeHorizontalSpacing", nodeMinHeight: "nodeMinHeight", nodeMaxHeight: "nodeMaxHeight", nodePadding: "nodePadding", showSingleNode: "showSingleNode", nodeCursor: "nodeCursor", nodeIcon: "nodeIcon", nodeColor: "nodeColor", nodeFixedValue: "nodeFixedValue", nodeIconColor: "nodeIconColor", linkColor: "linkColor", linkValue: "linkValue", linkCursor: "linkCursor", label: "label", subLabel: "subLabel", labelPosition: "labelPosition", labelVerticalAlign: "labelVerticalAlign", labelBackground: "labelBackground", labelFit: "labelFit", labelMaxWidth: "labelMaxWidth", labelMaxWidthTakeAvailableSpace: "labelMaxWidthTakeAvailableSpace", labelMaxWidthTakeAvailableSpaceTolerance: "labelMaxWidthTakeAvailableSpaceTolerance", labelExpandTrimmedOnHover: "labelExpandTrimmedOnHover", labelTrimMode: "labelTrimMode", labelFontSize: "labelFontSize", labelTextSeparator: "labelTextSeparator", labelTextDecoration: "labelTextDecoration", labelForceWordBreak: "labelForceWordBreak", labelColor: "labelColor", labelCursor: "labelCursor", labelVisibility: "labelVisibility", subLabelFontSize: "subLabelFontSize", subLabelColor: "subLabelColor", subLabelPlacement: "subLabelPlacement", subLabelTextDecoration: "subLabelTextDecoration", subLabelToLabelInlineWidthRatio: "subLabelToLabelInlineWidthRatio", onZoom: "onZoom", selectedNodeIds: "selectedNodeIds", data: "data" }, providers: [{ provide: VisCoreComponent, useExisting: VisSankeyComponent }], usesOnChanges: true, ngImport: i0, template: '', isInline: true });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: VisSankeyComponent, decorators: [{
             type: Component,
             args: [{
@@ -1700,6 +1702,16 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImpo
                 type: Input
             }], heightNormalizationCoeff: [{
                 type: Input
+            }], zoomScale: [{
+                type: Input
+            }], zoomPan: [{
+                type: Input
+            }], enableZoom: [{
+                type: Input
+            }], zoomExtent: [{
+                type: Input
+            }], zoomMode: [{
+                type: Input
             }], exitTransitionType: [{
                 type: Input
             }], enterTransitionType: [{
@@ -1760,6 +1772,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImpo
                 type: Input
             }], labelMaxWidth: [{
                 type: Input
+            }], labelMaxWidthTakeAvailableSpace: [{
+                type: Input
+            }], labelMaxWidthTakeAvailableSpaceTolerance: [{
+                type: Input
             }], labelExpandTrimmedOnHover: [{
                 type: Input
             }], labelTrimMode: [{
@@ -1768,6 +1784,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImpo
                 type: Input
             }], labelTextSeparator: [{
                 type: Input
+            }], labelTextDecoration: [{
+                type: Input
             }], labelForceWordBreak: [{
                 type: Input
             }], labelColor: [{
@@ -1782,8 +1800,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImpo
                 type: Input
             }], subLabelPlacement: [{
                 type: Input
+            }], subLabelTextDecoration: [{
+                type: Input
             }], subLabelToLabelInlineWidthRatio: [{
                 type: Input
+            }], onZoom: [{
+                type: Input
+            }], selectedNodeIds: [{
+                type: Input
             }], data: [{
                 type: Input
             }] } });
@@ -2778,7 +2802,7 @@ class VisBulletLegendComponent {
     }
     ngOnChanges(changes) {
         var _a;
-        (_a = this.component) === null || _a === void 0 ? void 0 : _a.update(this.getConfig());
+        (_a = this.component) === null || _a === void 0 ? void 0 : _a.setConfig(this.getConfig());
     }
     getConfig() {
         const { items, labelClassName, onLegendItemClick, labelFontSize, labelMaxWidth, bulletSize, bulletSpacing, bulletShape, orientation } = this;
@@ -2838,6 +2862,71 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImpo
                 }]
         }] });
 
+// !!! This code was automatically generated. You should not change it !!!
+class VisFlowLegendComponent {
+    ngAfterViewInit() {
+        this.component = new FlowLegend(this.containerRef.nativeElement, Object.assign(Object.assign({}, this.getConfig()), { renderIntoProvidedDomNode: true }));
+    }
+    ngOnChanges(changes) {
+        var _a;
+        (_a = this.component) === null || _a === void 0 ? void 0 : _a.setConfig(this.getConfig());
+    }
+    getConfig() {
+        const { customWidth, items, lineColor, labelColor, labelFontSize, arrowSymbol, arrowColor, onLegendItemClick } = this;
+        const config = { customWidth, items, lineColor, labelColor, labelFontSize, arrowSymbol, arrowColor, onLegendItemClick };
+        const keys = Object.keys(config);
+        keys.forEach(key => { if (config[key] === undefined)
+            delete config[key]; });
+        return config;
+    }
+}
+VisFlowLegendComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: VisFlowLegendComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+VisFlowLegendComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: VisFlowLegendComponent, selector: "vis-flow-legend", inputs: { customWidth: "customWidth", items: "items", lineColor: "lineColor", labelColor: "labelColor", labelFontSize: "labelFontSize", arrowSymbol: "arrowSymbol", arrowColor: "arrowColor", onLegendItemClick: "onLegendItemClick" }, providers: [{ provide: VisGenericComponent, useExisting: VisFlowLegendComponent }], viewQueries: [{ propertyName: "containerRef", first: true, predicate: ["container"], descendants: true }], usesOnChanges: true, ngImport: i0, template: '<div #container class="flow-legend-container"></div>', isInline: true, styles: [".flow-legend-container {  }"] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: VisFlowLegendComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'vis-flow-legend',
+                    template: '<div #container class="flow-legend-container"></div>',
+                    styles: ['.flow-legend-container {  }'],
+                    // eslint-disable-next-line no-use-before-define
+                    providers: [{ provide: VisGenericComponent, useExisting: VisFlowLegendComponent }],
+                }]
+        }], propDecorators: { containerRef: [{
+                type: ViewChild,
+                args: ['container', { static: false }]
+            }], customWidth: [{
+                type: Input
+            }], items: [{
+                type: Input
+            }], lineColor: [{
+                type: Input
+            }], labelColor: [{
+                type: Input
+            }], labelFontSize: [{
+                type: Input
+            }], arrowSymbol: [{
+                type: Input
+            }], arrowColor: [{
+                type: Input
+            }], onLegendItemClick: [{
+                type: Input
+            }] } });
+
+// !!! This code was automatically generated. You should not change it !!!
+class VisFlowLegendModule {
+}
+VisFlowLegendModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: VisFlowLegendModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+VisFlowLegendModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: VisFlowLegendModule, declarations: [VisFlowLegendComponent], exports: [VisFlowLegendComponent] });
+VisFlowLegendModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: VisFlowLegendModule, imports: [[]] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: VisFlowLegendModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [],
+                    declarations: [VisFlowLegendComponent],
+                    exports: [VisFlowLegendComponent],
+                }]
+        }] });
+
 // !!! This code was automatically generated. You should not change it !!!
 class VisRollingPinLegendComponent {
     ngAfterViewInit() {
@@ -2918,5 +3007,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImpo
  * Generated bundle index. Do not edit.
  */
 
-export { VisAnnotationsComponent, VisAnnotationsModule, VisAreaComponent, VisAreaModule, VisAxisComponent, VisAxisModule, VisBrushComponent, VisBrushModule, VisBulletLegendComponent, VisBulletLegendModule, VisChordDiagramComponent, VisChordDiagramModule, VisCoreComponent, VisCrosshairComponent, VisCrosshairModule, VisDonutComponent, VisDonutModule, VisFreeBrushComponent, VisFreeBrushModule, VisGenericComponent, VisGraphComponent, VisGraphModule, VisGroupedBarComponent, VisGroupedBarModule, VisLeafletFlowMapComponent, VisLeafletFlowMapModule, VisLeafletMapComponent, VisLeafletMapModule, VisLineComponent, VisLineModule, VisNestedDonutComponent, VisNestedDonutModule, VisPlotbandComponent, VisPlotbandModule, VisPlotlineComponent, VisPlotlineModule, VisRollingPinLegendComponent, VisRollingPinLegendModule, VisSankeyComponent, VisSankeyModule, VisScatterComponent, VisScatterModule, VisSingleContainerComponent, VisSingleContainerModule, VisStackedBarComponent, VisStackedBarModule, VisTimelineComponent, VisTimelineModule, VisTooltipComponent, VisTooltipModule, VisTopoJSONMapComponent, VisTopoJSONMapModule, VisXYComponent, VisXYContainerComponent, VisXYContainerModule, VisXYLabelsComponent, VisXYLabelsModule };
+export { VisAnnotationsComponent, VisAnnotationsModule, VisAreaComponent, VisAreaModule, VisAxisComponent, VisAxisModule, VisBrushComponent, VisBrushModule, VisBulletLegendComponent, VisBulletLegendModule, VisChordDiagramComponent, VisChordDiagramModule, VisCoreComponent, VisCrosshairComponent, VisCrosshairModule, VisDonutComponent, VisDonutModule, VisFlowLegendComponent, VisFlowLegendModule, VisFreeBrushComponent, VisFreeBrushModule, VisGenericComponent, VisGraphComponent, VisGraphModule, VisGroupedBarComponent, VisGroupedBarModule, VisLeafletFlowMapComponent, VisLeafletFlowMapModule, VisLeafletMapComponent, VisLeafletMapModule, VisLineComponent, VisLineModule, VisNestedDonutComponent, VisNestedDonutModule, VisPlotbandComponent, VisPlotbandModule, VisPlotlineComponent, VisPlotlineModule, VisRollingPinLegendComponent, VisRollingPinLegendModule, VisSankeyComponent, VisSankeyModule, VisScatterComponent, VisScatterModule, VisSingleContainerComponent, VisSingleContainerModule, VisStackedBarComponent, VisStackedBarModule, VisTimelineComponent, VisTimelineModule, VisTooltipComponent, VisTooltipModule, VisTopoJSONMapComponent, VisTopoJSONMapModule, VisXYComponent, VisXYContainerComponent, VisXYContainerModule, VisXYLabelsComponent, VisXYLabelsModule };
 //# sourceMappingURL=unovis-angular.js.map