@unovis/angular 1.3.4-beta.2 → 1.4.0-beta.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, Direction, XYContainer, Crosshair, Axis, SingleContainer, Area, Brush, ChordDiagram, Donut, FreeBrush, Graph, GroupedBar, Line, NestedDonut, Sankey, Scatter, StackedBar, Timeline, XYLabels, TopoJSONMap, LeafletMap, LeafletFlowMap, BulletLegend } from '@unovis/ts';
+import { Tooltip, Annotations, Direction, XYContainer, Crosshair, Axis, SingleContainer, Area, Brush, ChordDiagram, Donut, FreeBrush, Graph, GroupedBar, Line, NestedDonut, Sankey, Scatter, StackedBar, Timeline, XYLabels, TopoJSONMap, LeafletMap, LeafletFlowMap, BulletLegend } from '@unovis/ts';
 
 class VisGenericComponent {
 }
@@ -58,6 +58,39 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImpo
                 type: Input
             }] } });
 
+// !!! This code was automatically generated. You should not change it !!!
+class VisAnnotationsComponent {
+    ngAfterViewInit() {
+        this.component = new Annotations(this.getConfig());
+    }
+    ngOnChanges(changes) {
+        var _a, _b;
+        (_a = this.component) === null || _a === void 0 ? void 0 : _a.setConfig(this.getConfig());
+        (_b = this.componentContainer) === null || _b === void 0 ? void 0 : _b.render();
+    }
+    getConfig() {
+        const { items } = this;
+        const config = { items };
+        const keys = Object.keys(config);
+        keys.forEach(key => { if (config[key] === undefined)
+            delete config[key]; });
+        return config;
+    }
+}
+VisAnnotationsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: VisAnnotationsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+VisAnnotationsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: VisAnnotationsComponent, selector: "vis-annotations", inputs: { items: "items" }, providers: [{ provide: VisGenericComponent, useExisting: VisAnnotationsComponent }], usesOnChanges: true, ngImport: i0, template: '', isInline: true });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: VisAnnotationsComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'vis-annotations',
+                    template: '',
+                    // eslint-disable-next-line no-use-before-define
+                    providers: [{ provide: VisGenericComponent, useExisting: VisAnnotationsComponent }],
+                }]
+        }], propDecorators: { items: [{
+                type: Input
+            }] } });
+
 class VisXYContainerComponent {
     constructor() {
         /** Constraint the minimum value of the Y scale domain.
@@ -112,13 +145,14 @@ class VisXYContainerComponent {
         (_b = this.chart) === null || _b === void 0 ? void 0 : _b.updateContainer(this.getConfig());
     }
     getConfig() {
-        var _a;
+        var _a, _b;
         const { duration, margin, padding, scaleByDomain, autoMargin, width, height, xScale, xDomain, xDomainMinConstraint, xDomainMaxConstraint, xRange, yScale, yDomain, yDomainMinConstraint, yDomainMaxConstraint, yRange, yDirection, ariaLabel, } = this;
         const visComponents = this.visComponents.toArray().map(d => d.component);
         const crosshair = visComponents.find(c => c instanceof Crosshair);
         const tooltip = (_a = this.tooltipComponent) === null || _a === void 0 ? void 0 : _a.component;
         const xAxis = visComponents.find(c => { var _a; return c instanceof Axis && ((_a = c === null || c === void 0 ? void 0 : c.config) === null || _a === void 0 ? void 0 : _a.type) === 'x'; });
         const yAxis = visComponents.find(c => { var _a; return c instanceof Axis && ((_a = c === null || c === void 0 ? void 0 : c.config) === null || _a === void 0 ? void 0 : _a.type) === 'y'; });
+        const annotations = (_b = this.annotationsComponent) === null || _b === void 0 ? void 0 : _b.component;
         const components = visComponents.filter(c => !(c instanceof Crosshair) && !(c instanceof Tooltip) && !(c instanceof Axis));
         return {
             components,
@@ -131,6 +165,7 @@ class VisXYContainerComponent {
             yAxis,
             tooltip,
             crosshair,
+            annotations,
             scaleByDomain,
             autoMargin,
             xScale,
@@ -158,7 +193,7 @@ class VisXYContainerComponent {
     }
 }
 VisXYContainerComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: VisXYContainerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-VisXYContainerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: VisXYContainerComponent, selector: "vis-xy-container", inputs: { width: "width", height: "height", xScale: "xScale", xDomain: "xDomain", xDomainMinConstraint: "xDomainMinConstraint", xDomainMaxConstraint: "xDomainMaxConstraint", xRange: "xRange", yScale: "yScale", yDomain: "yDomain", yDomainMinConstraint: "yDomainMinConstraint", yDomainMaxConstraint: "yDomainMaxConstraint", yRange: "yRange", yDirection: "yDirection", preventEmptyDomain: "preventEmptyDomain", duration: "duration", margin: "margin", padding: "padding", scaleByDomain: "scaleByDomain", autoMargin: "autoMargin", ariaLabel: "ariaLabel", data: "data" }, queries: [{ propertyName: "tooltipComponent", first: true, predicate: VisTooltipComponent, descendants: true }, { propertyName: "visComponents", predicate: VisXYComponent }], viewQueries: [{ propertyName: "containerRef", first: true, predicate: ["container"], descendants: true }], usesOnChanges: true, ngImport: i0, template: `<div #container class="unovis-xy-container">
+VisXYContainerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: VisXYContainerComponent, selector: "vis-xy-container", inputs: { width: "width", height: "height", xScale: "xScale", xDomain: "xDomain", xDomainMinConstraint: "xDomainMinConstraint", xDomainMaxConstraint: "xDomainMaxConstraint", xRange: "xRange", yScale: "yScale", yDomain: "yDomain", yDomainMinConstraint: "yDomainMinConstraint", yDomainMaxConstraint: "yDomainMaxConstraint", yRange: "yRange", yDirection: "yDirection", preventEmptyDomain: "preventEmptyDomain", duration: "duration", margin: "margin", padding: "padding", scaleByDomain: "scaleByDomain", autoMargin: "autoMargin", ariaLabel: "ariaLabel", data: "data" }, queries: [{ propertyName: "tooltipComponent", first: true, predicate: VisTooltipComponent, descendants: true }, { propertyName: "annotationsComponent", first: true, predicate: VisAnnotationsComponent, descendants: true }, { propertyName: "visComponents", predicate: VisXYComponent }], viewQueries: [{ propertyName: "containerRef", first: true, predicate: ["container"], descendants: true }], usesOnChanges: true, ngImport: i0, template: `<div #container class="unovis-xy-container">
     <ng-content></ng-content>
   </div>`, isInline: true, styles: [".unovis-xy-container { width: 100%; height: 100%; position: relative; }"] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: VisXYContainerComponent, decorators: [{
@@ -179,6 +214,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImpo
             }], tooltipComponent: [{
                 type: ContentChild,
                 args: [VisTooltipComponent]
+            }], annotationsComponent: [{
+                type: ContentChild,
+                args: [VisAnnotationsComponent]
             }], width: [{
                 type: Input
             }], height: [{
@@ -258,18 +296,19 @@ class VisSingleContainerComponent {
         (_b = this.chart) === null || _b === void 0 ? void 0 : _b.updateContainer(this.getConfig());
     }
     getConfig() {
-        var _a, _b;
+        var _a, _b, _c;
         const { width, height, duration, margin, ariaLabel } = this;
         const component = (_a = this.visComponent) === null || _a === void 0 ? void 0 : _a.component;
         const tooltip = (_b = this.tooltipComponent) === null || _b === void 0 ? void 0 : _b.component;
-        return { width, height, duration, margin, component, tooltip, ariaLabel };
+        const annotations = (_c = this.annotationsComponent) === null || _c === void 0 ? void 0 : _c.component;
+        return { width, height, duration, margin, component, tooltip, ariaLabel, annotations };
     }
     ngOnDestroy() {
         this.chart.destroy();
     }
 }
 VisSingleContainerComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: VisSingleContainerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-VisSingleContainerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: VisSingleContainerComponent, selector: "vis-single-container", inputs: { width: "width", height: "height", margin: "margin", duration: "duration", ariaLabel: "ariaLabel", data: "data" }, queries: [{ propertyName: "visComponent", first: true, predicate: VisCoreComponent, descendants: true }, { propertyName: "tooltipComponent", first: true, predicate: VisTooltipComponent, descendants: true }], viewQueries: [{ propertyName: "containerRef", first: true, predicate: ["container"], descendants: true }], usesOnChanges: true, ngImport: i0, template: `<div #container class="unovis-single-container">
+VisSingleContainerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: VisSingleContainerComponent, selector: "vis-single-container", inputs: { width: "width", height: "height", margin: "margin", duration: "duration", ariaLabel: "ariaLabel", data: "data" }, queries: [{ propertyName: "visComponent", first: true, predicate: VisCoreComponent, descendants: true }, { propertyName: "tooltipComponent", first: true, predicate: VisTooltipComponent, descendants: true }, { propertyName: "annotationsComponent", first: true, predicate: VisAnnotationsComponent, descendants: true }], viewQueries: [{ propertyName: "containerRef", first: true, predicate: ["container"], descendants: true }], usesOnChanges: true, ngImport: i0, template: `<div #container class="unovis-single-container">
     <ng-content></ng-content>
   </div>`, isInline: true, styles: [".unovis-single-container { width: 100%; height: 100%; position: relative; }"] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: VisSingleContainerComponent, decorators: [{
@@ -290,6 +329,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImpo
             }], tooltipComponent: [{
                 type: ContentChild,
                 args: [VisTooltipComponent]
+            }], annotationsComponent: [{
+                type: ContentChild,
+                args: [VisAnnotationsComponent]
             }], width: [{
                 type: Input
             }], height: [{
@@ -1342,7 +1384,7 @@ class VisNestedDonutComponent {
     }
 }
 VisNestedDonutComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: VisNestedDonutComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-VisNestedDonutComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: VisNestedDonutComponent, selector: "vis-nested-donut", inputs: { duration: "duration", events: "events", attributes: "attributes", angleRange: "angleRange", direction: "direction", value: "value", centralLabel: "centralLabel", centralSubLabel: "centralSubLabel", centralSubLabelWrap: "centralSubLabelWrap", showBackground: "showBackground", sort: "sort", layers: "layers", layerSettings: "layerSettings", layerPadding: "layerPadding", cornerRadius: "cornerRadius", emptySegmentAngle: "emptySegmentAngle", hideOverflowingSegmentLabels: "hideOverflowingSegmentLabels", segmentColor: "segmentColor", segmentLabel: "segmentLabel", segmentLabelColor: "segmentLabelColor", showEmptySegments: "showEmptySegments", data: "data" }, providers: [{ provide: VisCoreComponent, useExisting: VisNestedDonutComponent }], usesOnChanges: true, ngImport: i0, template: '', isInline: true });
+VisNestedDonutComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: VisNestedDonutComponent, selector: "vis-nested-donut", inputs: { duration: "duration", events: "events", attributes: "attributes", angleRange: "angleRange", direction: "direction", value: "value", centralLabel: "centralLabel", centralSubLabel: "centralSubLabel", centralSubLabelWrap: "centralSubLabelWrap", showBackground: "showBackground", sort: "sort", layers: "layers", layerSettings: "layerSettings", layerPadding: "layerPadding", cornerRadius: "cornerRadius", emptySegmentAngle: "emptySegmentAngle", hideOverflowingSegmentLabels: "hideOverflowingSegmentLabels", segmentColor: "segmentColor", segmentLabel: "segmentLabel", segmentLabelColor: "segmentLabelColor", showEmptySegments: "showEmptySegments", showSegmentLabels: "showSegmentLabels", data: "data" }, providers: [{ provide: VisCoreComponent, useExisting: VisNestedDonutComponent }], usesOnChanges: true, ngImport: i0, template: '', isInline: true });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: VisNestedDonutComponent, decorators: [{
             type: Component,
             args: [{
@@ -1393,6 +1435,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImpo
                 type: Input
             }], showEmptySegments: [{
                 type: Input
+            }], showSegmentLabels: [{
+                type: Input
             }], data: [{
                 type: Input
             }] } });