@unovis/angular 1.3.1 → 1.3.2-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, Line, Area, Brush, FreeBrush, Donut, GroupedBar, Scatter, StackedBar, Timeline, XYLabels, TopoJSONMap, Sankey, Graph, NestedDonut, LeafletMap, LeafletFlowMap, BulletLegend } from '@unovis/ts';
+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';
 
 class VisGenericComponent {
 }
@@ -318,94 +318,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImpo
                 }]
         }] });
 
-// !!! This code was automatically generated. You should not change it !!!
-class VisLineComponent {
-    ngAfterViewInit() {
-        var _a;
-        this.component = new Line(this.getConfig());
-        if (this.data) {
-            this.component.setData(this.data);
-            (_a = this.componentContainer) === null || _a === void 0 ? void 0 : _a.render();
-        }
-    }
-    ngOnChanges(changes) {
-        var _a, _b, _c;
-        if (changes.data) {
-            (_a = this.component) === null || _a === void 0 ? void 0 : _a.setData(this.data);
-        }
-        (_b = this.component) === null || _b === void 0 ? void 0 : _b.setConfig(this.getConfig());
-        (_c = this.componentContainer) === null || _c === void 0 ? void 0 : _c.render();
-    }
-    getConfig() {
-        const { duration, events, attributes, x, y, id, color, xScale, yScale, excludeFromDomainCalculation, curveType, lineWidth, lineDashArray, fallbackValue, highlightOnHover, cursor } = this;
-        const config = { duration, events, attributes, x, y, id, color, xScale, yScale, excludeFromDomainCalculation, curveType, lineWidth, lineDashArray, fallbackValue, highlightOnHover, cursor };
-        const keys = Object.keys(config);
-        keys.forEach(key => { if (config[key] === undefined)
-            delete config[key]; });
-        return config;
-    }
-}
-VisLineComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: VisLineComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-VisLineComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: VisLineComponent, selector: "vis-line", inputs: { duration: "duration", events: "events", attributes: "attributes", x: "x", y: "y", id: "id", color: "color", xScale: "xScale", yScale: "yScale", excludeFromDomainCalculation: "excludeFromDomainCalculation", curveType: "curveType", lineWidth: "lineWidth", lineDashArray: "lineDashArray", fallbackValue: "fallbackValue", highlightOnHover: "highlightOnHover", cursor: "cursor", data: "data" }, providers: [{ provide: VisXYComponent, useExisting: VisLineComponent }], usesOnChanges: true, ngImport: i0, template: '', isInline: true });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: VisLineComponent, decorators: [{
-            type: Component,
-            args: [{
-                    selector: 'vis-line',
-                    template: '',
-                    // eslint-disable-next-line no-use-before-define
-                    providers: [{ provide: VisXYComponent, useExisting: VisLineComponent }],
-                }]
-        }], propDecorators: { duration: [{
-                type: Input
-            }], events: [{
-                type: Input
-            }], attributes: [{
-                type: Input
-            }], x: [{
-                type: Input
-            }], y: [{
-                type: Input
-            }], id: [{
-                type: Input
-            }], color: [{
-                type: Input
-            }], xScale: [{
-                type: Input
-            }], yScale: [{
-                type: Input
-            }], excludeFromDomainCalculation: [{
-                type: Input
-            }], curveType: [{
-                type: Input
-            }], lineWidth: [{
-                type: Input
-            }], lineDashArray: [{
-                type: Input
-            }], fallbackValue: [{
-                type: Input
-            }], highlightOnHover: [{
-                type: Input
-            }], cursor: [{
-                type: Input
-            }], data: [{
-                type: Input
-            }] } });
-
-// !!! This code was automatically generated. You should not change it !!!
-class VisLineModule {
-}
-VisLineModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: VisLineModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-VisLineModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: VisLineModule, declarations: [VisLineComponent], exports: [VisLineComponent] });
-VisLineModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: VisLineModule, imports: [[]] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: VisLineModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    imports: [],
-                    declarations: [VisLineComponent],
-                    exports: [VisLineComponent],
-                }]
-        }] });
-
 // !!! This code was automatically generated. You should not change it !!!
 class VisAreaComponent {
     ngAfterViewInit() {
@@ -681,10 +593,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImpo
         }] });
 
 // !!! This code was automatically generated. You should not change it !!!
-class VisFreeBrushComponent {
+class VisChordDiagramComponent {
     ngAfterViewInit() {
         var _a;
-        this.component = new FreeBrush(this.getConfig());
+        this.component = new ChordDiagram(this.getConfig());
         if (this.data) {
             this.component.setData(this.data);
             (_a = this.componentContainer) === null || _a === void 0 ? void 0 : _a.render();
@@ -699,23 +611,23 @@ class VisFreeBrushComponent {
         (_c = this.componentContainer) === null || _c === void 0 ? void 0 : _c.render();
     }
     getConfig() {
-        const { duration, events, attributes, mode, onBrush, onBrushStart, onBrushMove, onBrushEnd, handleWidth, selection, selectionMinLength, autoHide } = this;
-        const config = { duration, events, attributes, mode, onBrush, onBrushStart, onBrushMove, onBrushEnd, handleWidth, selection, selectionMinLength, autoHide };
+        const { duration, events, attributes, highlightedNodeId, highlightedLinkIds, linkColor, linkValue, nodeLevels, nodeWidth, nodeColor, nodeLabel, nodeLabelColor, nodeLabelAlignment, padAngle, cornerRadius, angleRange, radiusScaleExponent } = this;
+        const config = { duration, events, attributes, highlightedNodeId, highlightedLinkIds, linkColor, linkValue, nodeLevels, nodeWidth, nodeColor, nodeLabel, nodeLabelColor, nodeLabelAlignment, padAngle, cornerRadius, angleRange, radiusScaleExponent };
         const keys = Object.keys(config);
         keys.forEach(key => { if (config[key] === undefined)
             delete config[key]; });
         return config;
     }
 }
-VisFreeBrushComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: VisFreeBrushComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-VisFreeBrushComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: VisFreeBrushComponent, selector: "vis-free-brush", inputs: { duration: "duration", events: "events", attributes: "attributes", mode: "mode", onBrush: "onBrush", onBrushStart: "onBrushStart", onBrushMove: "onBrushMove", onBrushEnd: "onBrushEnd", handleWidth: "handleWidth", selection: "selection", selectionMinLength: "selectionMinLength", autoHide: "autoHide", data: "data" }, providers: [{ provide: VisXYComponent, useExisting: VisFreeBrushComponent }], usesOnChanges: true, ngImport: i0, template: '', isInline: true });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: VisFreeBrushComponent, decorators: [{
+VisChordDiagramComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: VisChordDiagramComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+VisChordDiagramComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: VisChordDiagramComponent, selector: "vis-chord-diagram", inputs: { duration: "duration", events: "events", attributes: "attributes", highlightedNodeId: "highlightedNodeId", highlightedLinkIds: "highlightedLinkIds", linkColor: "linkColor", linkValue: "linkValue", nodeLevels: "nodeLevels", nodeWidth: "nodeWidth", nodeColor: "nodeColor", nodeLabel: "nodeLabel", nodeLabelColor: "nodeLabelColor", nodeLabelAlignment: "nodeLabelAlignment", padAngle: "padAngle", cornerRadius: "cornerRadius", angleRange: "angleRange", radiusScaleExponent: "radiusScaleExponent", data: "data" }, providers: [{ provide: VisCoreComponent, useExisting: VisChordDiagramComponent }], usesOnChanges: true, ngImport: i0, template: '', isInline: true });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: VisChordDiagramComponent, decorators: [{
             type: Component,
             args: [{
-                    selector: 'vis-free-brush',
+                    selector: 'vis-chord-diagram',
                     template: '',
                     // eslint-disable-next-line no-use-before-define
-                    providers: [{ provide: VisXYComponent, useExisting: VisFreeBrushComponent }],
+                    providers: [{ provide: VisCoreComponent, useExisting: VisChordDiagramComponent }],
                 }]
         }], propDecorators: { duration: [{
                 type: Input
@@ -723,40 +635,50 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImpo
                 type: Input
             }], attributes: [{
                 type: Input
-            }], mode: [{
+            }], highlightedNodeId: [{
                 type: Input
-            }], onBrush: [{
+            }], highlightedLinkIds: [{
                 type: Input
-            }], onBrushStart: [{
+            }], linkColor: [{
                 type: Input
-            }], onBrushMove: [{
+            }], linkValue: [{
                 type: Input
-            }], onBrushEnd: [{
+            }], nodeLevels: [{
                 type: Input
-            }], handleWidth: [{
+            }], nodeWidth: [{
                 type: Input
-            }], selection: [{
+            }], nodeColor: [{
                 type: Input
-            }], selectionMinLength: [{
+            }], nodeLabel: [{
                 type: Input
-            }], autoHide: [{
+            }], nodeLabelColor: [{
+                type: Input
+            }], nodeLabelAlignment: [{
+                type: Input
+            }], padAngle: [{
+                type: Input
+            }], cornerRadius: [{
+                type: Input
+            }], angleRange: [{
+                type: Input
+            }], radiusScaleExponent: [{
                 type: Input
             }], data: [{
                 type: Input
             }] } });
 
 // !!! This code was automatically generated. You should not change it !!!
-class VisFreeBrushModule {
+class VisChordDiagramModule {
 }
-VisFreeBrushModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: VisFreeBrushModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-VisFreeBrushModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: VisFreeBrushModule, declarations: [VisFreeBrushComponent], exports: [VisFreeBrushComponent] });
-VisFreeBrushModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: VisFreeBrushModule, imports: [[]] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: VisFreeBrushModule, decorators: [{
+VisChordDiagramModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: VisChordDiagramModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+VisChordDiagramModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: VisChordDiagramModule, declarations: [VisChordDiagramComponent], exports: [VisChordDiagramComponent] });
+VisChordDiagramModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: VisChordDiagramModule, imports: [[]] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: VisChordDiagramModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [],
-                    declarations: [VisFreeBrushComponent],
-                    exports: [VisFreeBrushComponent],
+                    declarations: [VisChordDiagramComponent],
+                    exports: [VisChordDiagramComponent],
                 }]
         }] });
 
@@ -947,10 +869,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImpo
         }] });
 
 // !!! This code was automatically generated. You should not change it !!!
-class VisGroupedBarComponent {
+class VisFreeBrushComponent {
     ngAfterViewInit() {
         var _a;
-        this.component = new GroupedBar(this.getConfig());
+        this.component = new FreeBrush(this.getConfig());
         if (this.data) {
             this.component.setData(this.data);
             (_a = this.componentContainer) === null || _a === void 0 ? void 0 : _a.render();
@@ -965,23 +887,23 @@ class VisGroupedBarComponent {
         (_c = this.componentContainer) === null || _c === void 0 ? void 0 : _c.render();
     }
     getConfig() {
-        const { duration, events, attributes, x, y, id, color, xScale, yScale, excludeFromDomainCalculation, groupWidth, groupMaxWidth, dataStep, groupPadding, barPadding, roundedCorners, barMinHeight, cursor, orientation } = this;
-        const config = { duration, events, attributes, x, y, id, color, xScale, yScale, excludeFromDomainCalculation, groupWidth, groupMaxWidth, dataStep, groupPadding, barPadding, roundedCorners, barMinHeight, cursor, orientation };
+        const { duration, events, attributes, mode, onBrush, onBrushStart, onBrushMove, onBrushEnd, handleWidth, selection, selectionMinLength, autoHide } = this;
+        const config = { duration, events, attributes, mode, onBrush, onBrushStart, onBrushMove, onBrushEnd, handleWidth, selection, selectionMinLength, autoHide };
         const keys = Object.keys(config);
         keys.forEach(key => { if (config[key] === undefined)
             delete config[key]; });
         return config;
     }
 }
-VisGroupedBarComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: VisGroupedBarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-VisGroupedBarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: VisGroupedBarComponent, selector: "vis-grouped-bar", inputs: { duration: "duration", events: "events", attributes: "attributes", x: "x", y: "y", id: "id", color: "color", xScale: "xScale", yScale: "yScale", excludeFromDomainCalculation: "excludeFromDomainCalculation", groupWidth: "groupWidth", groupMaxWidth: "groupMaxWidth", dataStep: "dataStep", groupPadding: "groupPadding", barPadding: "barPadding", roundedCorners: "roundedCorners", barMinHeight: "barMinHeight", cursor: "cursor", orientation: "orientation", data: "data" }, providers: [{ provide: VisXYComponent, useExisting: VisGroupedBarComponent }], usesOnChanges: true, ngImport: i0, template: '', isInline: true });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: VisGroupedBarComponent, decorators: [{
+VisFreeBrushComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: VisFreeBrushComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+VisFreeBrushComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: VisFreeBrushComponent, selector: "vis-free-brush", inputs: { duration: "duration", events: "events", attributes: "attributes", mode: "mode", onBrush: "onBrush", onBrushStart: "onBrushStart", onBrushMove: "onBrushMove", onBrushEnd: "onBrushEnd", handleWidth: "handleWidth", selection: "selection", selectionMinLength: "selectionMinLength", autoHide: "autoHide", data: "data" }, providers: [{ provide: VisXYComponent, useExisting: VisFreeBrushComponent }], usesOnChanges: true, ngImport: i0, template: '', isInline: true });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: VisFreeBrushComponent, decorators: [{
             type: Component,
             args: [{
-                    selector: 'vis-grouped-bar',
+                    selector: 'vis-free-brush',
                     template: '',
                     // eslint-disable-next-line no-use-before-define
-                    providers: [{ provide: VisXYComponent, useExisting: VisGroupedBarComponent }],
+                    providers: [{ provide: VisXYComponent, useExisting: VisFreeBrushComponent }],
                 }]
         }], propDecorators: { duration: [{
                 type: Input
@@ -989,62 +911,48 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImpo
                 type: Input
             }], attributes: [{
                 type: Input
-            }], x: [{
-                type: Input
-            }], y: [{
-                type: Input
-            }], id: [{
-                type: Input
-            }], color: [{
-                type: Input
-            }], xScale: [{
-                type: Input
-            }], yScale: [{
-                type: Input
-            }], excludeFromDomainCalculation: [{
-                type: Input
-            }], groupWidth: [{
+            }], mode: [{
                 type: Input
-            }], groupMaxWidth: [{
+            }], onBrush: [{
                 type: Input
-            }], dataStep: [{
+            }], onBrushStart: [{
                 type: Input
-            }], groupPadding: [{
+            }], onBrushMove: [{
                 type: Input
-            }], barPadding: [{
+            }], onBrushEnd: [{
                 type: Input
-            }], roundedCorners: [{
+            }], handleWidth: [{
                 type: Input
-            }], barMinHeight: [{
+            }], selection: [{
                 type: Input
-            }], cursor: [{
+            }], selectionMinLength: [{
                 type: Input
-            }], orientation: [{
+            }], autoHide: [{
                 type: Input
             }], data: [{
                 type: Input
             }] } });
 
 // !!! This code was automatically generated. You should not change it !!!
-class VisGroupedBarModule {
+class VisFreeBrushModule {
 }
-VisGroupedBarModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: VisGroupedBarModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-VisGroupedBarModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: VisGroupedBarModule, declarations: [VisGroupedBarComponent], exports: [VisGroupedBarComponent] });
-VisGroupedBarModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: VisGroupedBarModule, imports: [[]] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: VisGroupedBarModule, decorators: [{
+VisFreeBrushModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: VisFreeBrushModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+VisFreeBrushModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: VisFreeBrushModule, declarations: [VisFreeBrushComponent], exports: [VisFreeBrushComponent] });
+VisFreeBrushModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: VisFreeBrushModule, imports: [[]] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: VisFreeBrushModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [],
-                    declarations: [VisGroupedBarComponent],
-                    exports: [VisGroupedBarComponent],
+                    declarations: [VisFreeBrushComponent],
+                    exports: [VisFreeBrushComponent],
                 }]
         }] });
 
 // !!! This code was automatically generated. You should not change it !!!
-class VisScatterComponent {
+class VisGraphComponent {
     ngAfterViewInit() {
         var _a;
-        this.component = new Scatter(this.getConfig());
+        this.component = new Graph(this.getConfig());
         if (this.data) {
             this.component.setData(this.data);
             (_a = this.componentContainer) === null || _a === void 0 ? void 0 : _a.render();
@@ -1059,23 +967,23 @@ class VisScatterComponent {
         (_c = this.componentContainer) === null || _c === void 0 ? void 0 : _c.render();
     }
     getConfig() {
-        const { duration, events, attributes, x, y, id, color, xScale, yScale, excludeFromDomainCalculation, size, sizeScale, sizeRange, shape, label, labelColor, labelHideOverlapping, cursor, labelTextBrightnessRatio, labelPosition, strokeColor, strokeWidth } = this;
-        const config = { duration, events, attributes, x, y, id, color, xScale, yScale, excludeFromDomainCalculation, size, sizeScale, sizeRange, shape, label, labelColor, labelHideOverlapping, cursor, labelTextBrightnessRatio, labelPosition, strokeColor, strokeWidth };
+        const { duration, events, attributes, zoomScaleExtent, disableZoom, disableDrag, zoomThrottledUpdateNodeThreshold, onZoom, 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, 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 } = this;
+        const config = { duration, events, attributes, zoomScaleExtent, disableZoom, disableDrag, zoomThrottledUpdateNodeThreshold, onZoom, 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, 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 };
         const keys = Object.keys(config);
         keys.forEach(key => { if (config[key] === undefined)
             delete config[key]; });
         return config;
     }
 }
-VisScatterComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: VisScatterComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-VisScatterComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: VisScatterComponent, selector: "vis-scatter", inputs: { duration: "duration", events: "events", attributes: "attributes", x: "x", y: "y", id: "id", color: "color", xScale: "xScale", yScale: "yScale", excludeFromDomainCalculation: "excludeFromDomainCalculation", size: "size", sizeScale: "sizeScale", sizeRange: "sizeRange", shape: "shape", label: "label", labelColor: "labelColor", labelHideOverlapping: "labelHideOverlapping", cursor: "cursor", labelTextBrightnessRatio: "labelTextBrightnessRatio", labelPosition: "labelPosition", strokeColor: "strokeColor", strokeWidth: "strokeWidth", data: "data" }, providers: [{ provide: VisXYComponent, useExisting: VisScatterComponent }], usesOnChanges: true, ngImport: i0, template: '', isInline: true });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: VisScatterComponent, decorators: [{
+VisGraphComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: VisGraphComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+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", onZoom: "onZoom", 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", 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", data: "data" }, providers: [{ provide: VisCoreComponent, useExisting: VisGraphComponent }], usesOnChanges: true, ngImport: i0, template: '', isInline: true });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: VisGraphComponent, decorators: [{
             type: Component,
             args: [{
-                    selector: 'vis-scatter',
+                    selector: 'vis-graph',
                     template: '',
                     // eslint-disable-next-line no-use-before-define
-                    providers: [{ provide: VisXYComponent, useExisting: VisScatterComponent }],
+                    providers: [{ provide: VisCoreComponent, useExisting: VisGraphComponent }],
                 }]
         }], propDecorators: { duration: [{
                 type: Input
@@ -1083,68 +991,152 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImpo
                 type: Input
             }], attributes: [{
                 type: Input
-            }], x: [{
+            }], zoomScaleExtent: [{
                 type: Input
-            }], y: [{
+            }], disableZoom: [{
                 type: Input
-            }], id: [{
+            }], disableDrag: [{
                 type: Input
-            }], color: [{
+            }], zoomThrottledUpdateNodeThreshold: [{
                 type: Input
-            }], xScale: [{
+            }], onZoom: [{
                 type: Input
-            }], yScale: [{
+            }], layoutType: [{
                 type: Input
-            }], excludeFromDomainCalculation: [{
+            }], layoutAutofit: [{
                 type: Input
-            }], size: [{
+            }], layoutAutofitTolerance: [{
                 type: Input
-            }], sizeScale: [{
+            }], layoutNonConnectedAside: [{
                 type: Input
-            }], sizeRange: [{
+            }], layoutNodeGroup: [{
                 type: Input
-            }], shape: [{
+            }], layoutGroupOrder: [{
                 type: Input
-            }], label: [{
+            }], layoutParallelNodesPerColumn: [{
                 type: Input
-            }], labelColor: [{
+            }], layoutParallelNodeSubGroup: [{
                 type: Input
-            }], labelHideOverlapping: [{
+            }], layoutParallelSubGroupsPerRow: [{
                 type: Input
-            }], cursor: [{
+            }], layoutParallelGroupSpacing: [{
                 type: Input
-            }], labelTextBrightnessRatio: [{
+            }], layoutParallelSortConnectionsByGroup: [{
                 type: Input
-            }], labelPosition: [{
+            }], forceLayoutSettings: [{
                 type: Input
-            }], strokeColor: [{
+            }], dagreLayoutSettings: [{
                 type: Input
-            }], strokeWidth: [{
+            }], layoutElkSettings: [{
                 type: Input
-            }], data: [{
+            }], layoutElkNodeGroups: [{
                 type: Input
-            }] } });
-
-// !!! This code was automatically generated. You should not change it !!!
-class VisScatterModule {
-}
-VisScatterModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: VisScatterModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-VisScatterModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: VisScatterModule, declarations: [VisScatterComponent], exports: [VisScatterComponent] });
-VisScatterModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: VisScatterModule, imports: [[]] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: VisScatterModule, decorators: [{
+            }], linkWidth: [{
+                type: Input
+            }], linkStyle: [{
+                type: Input
+            }], linkBandWidth: [{
+                type: Input
+            }], linkArrow: [{
+                type: Input
+            }], linkStroke: [{
+                type: Input
+            }], linkDisabled: [{
+                type: Input
+            }], linkFlow: [{
+                type: Input
+            }], linkFlowAnimDuration: [{
+                type: Input
+            }], linkFlowParticleSize: [{
+                type: Input
+            }], linkLabel: [{
+                type: Input
+            }], linkLabelShiftFromCenter: [{
+                type: Input
+            }], linkNeighborSpacing: [{
+                type: Input
+            }], selectedLinkId: [{
+                type: Input
+            }], nodeSize: [{
+                type: Input
+            }], nodeStrokeWidth: [{
+                type: Input
+            }], nodeShape: [{
+                type: Input
+            }], nodeGaugeValue: [{
+                type: Input
+            }], nodeGaugeFill: [{
+                type: Input
+            }], nodeGaugeAnimDuration: [{
+                type: Input
+            }], nodeIcon: [{
+                type: Input
+            }], nodeIconSize: [{
+                type: Input
+            }], nodeLabel: [{
+                type: Input
+            }], nodeLabelTrim: [{
+                type: Input
+            }], nodeLabelTrimMode: [{
+                type: Input
+            }], nodeLabelTrimLength: [{
+                type: Input
+            }], nodeSubLabel: [{
+                type: Input
+            }], nodeSubLabelTrim: [{
+                type: Input
+            }], nodeSubLabelTrimMode: [{
+                type: Input
+            }], nodeSubLabelTrimLength: [{
+                type: Input
+            }], nodeSideLabels: [{
+                type: Input
+            }], nodeBottomIcon: [{
+                type: Input
+            }], nodeDisabled: [{
+                type: Input
+            }], nodeFill: [{
+                type: Input
+            }], nodeStroke: [{
+                type: Input
+            }], nodeSort: [{
+                type: Input
+            }], nodeEnterPosition: [{
+                type: Input
+            }], nodeEnterScale: [{
+                type: Input
+            }], nodeExitPosition: [{
+                type: Input
+            }], nodeExitScale: [{
+                type: Input
+            }], selectedNodeId: [{
+                type: Input
+            }], panels: [{
+                type: Input
+            }], data: [{
+                type: Input
+            }] } });
+
+// !!! This code was automatically generated. You should not change it !!!
+class VisGraphModule {
+}
+VisGraphModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: VisGraphModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+VisGraphModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: VisGraphModule, declarations: [VisGraphComponent], exports: [VisGraphComponent] });
+VisGraphModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: VisGraphModule, imports: [[]] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: VisGraphModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [],
-                    declarations: [VisScatterComponent],
-                    exports: [VisScatterComponent],
+                    declarations: [VisGraphComponent],
+                    exports: [VisGraphComponent],
                 }]
         }] });
 
 // !!! This code was automatically generated. You should not change it !!!
-class VisStackedBarComponent {
+class VisGroupedBarComponent {
     ngAfterViewInit() {
         var _a;
-        this.component = new StackedBar(this.getConfig());
+        this.component = new GroupedBar(this.getConfig());
         if (this.data) {
             this.component.setData(this.data);
             (_a = this.componentContainer) === null || _a === void 0 ? void 0 : _a.render();
@@ -1159,23 +1151,23 @@ class VisStackedBarComponent {
         (_c = this.componentContainer) === null || _c === void 0 ? void 0 : _c.render();
     }
     getConfig() {
-        const { duration, events, attributes, x, y, id, color, xScale, yScale, excludeFromDomainCalculation, barWidth, barMaxWidth, dataStep, barPadding, roundedCorners, cursor, barMinHeight1Px, barMinHeightZeroValue, orientation } = this;
-        const config = { duration, events, attributes, x, y, id, color, xScale, yScale, excludeFromDomainCalculation, barWidth, barMaxWidth, dataStep, barPadding, roundedCorners, cursor, barMinHeight1Px, barMinHeightZeroValue, orientation };
+        const { duration, events, attributes, x, y, id, color, xScale, yScale, excludeFromDomainCalculation, groupWidth, groupMaxWidth, dataStep, groupPadding, barPadding, roundedCorners, barMinHeight, cursor, orientation } = this;
+        const config = { duration, events, attributes, x, y, id, color, xScale, yScale, excludeFromDomainCalculation, groupWidth, groupMaxWidth, dataStep, groupPadding, barPadding, roundedCorners, barMinHeight, cursor, orientation };
         const keys = Object.keys(config);
         keys.forEach(key => { if (config[key] === undefined)
             delete config[key]; });
         return config;
     }
 }
-VisStackedBarComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: VisStackedBarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-VisStackedBarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: VisStackedBarComponent, selector: "vis-stacked-bar", inputs: { duration: "duration", events: "events", attributes: "attributes", x: "x", y: "y", id: "id", color: "color", xScale: "xScale", yScale: "yScale", excludeFromDomainCalculation: "excludeFromDomainCalculation", barWidth: "barWidth", barMaxWidth: "barMaxWidth", dataStep: "dataStep", barPadding: "barPadding", roundedCorners: "roundedCorners", cursor: "cursor", barMinHeight1Px: "barMinHeight1Px", barMinHeightZeroValue: "barMinHeightZeroValue", orientation: "orientation", data: "data" }, providers: [{ provide: VisXYComponent, useExisting: VisStackedBarComponent }], usesOnChanges: true, ngImport: i0, template: '', isInline: true });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: VisStackedBarComponent, decorators: [{
+VisGroupedBarComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: VisGroupedBarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+VisGroupedBarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: VisGroupedBarComponent, selector: "vis-grouped-bar", inputs: { duration: "duration", events: "events", attributes: "attributes", x: "x", y: "y", id: "id", color: "color", xScale: "xScale", yScale: "yScale", excludeFromDomainCalculation: "excludeFromDomainCalculation", groupWidth: "groupWidth", groupMaxWidth: "groupMaxWidth", dataStep: "dataStep", groupPadding: "groupPadding", barPadding: "barPadding", roundedCorners: "roundedCorners", barMinHeight: "barMinHeight", cursor: "cursor", orientation: "orientation", data: "data" }, providers: [{ provide: VisXYComponent, useExisting: VisGroupedBarComponent }], usesOnChanges: true, ngImport: i0, template: '', isInline: true });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: VisGroupedBarComponent, decorators: [{
             type: Component,
             args: [{
-                    selector: 'vis-stacked-bar',
+                    selector: 'vis-grouped-bar',
                     template: '',
                     // eslint-disable-next-line no-use-before-define
-                    providers: [{ provide: VisXYComponent, useExisting: VisStackedBarComponent }],
+                    providers: [{ provide: VisXYComponent, useExisting: VisGroupedBarComponent }],
                 }]
         }], propDecorators: { duration: [{
                 type: Input
@@ -1197,21 +1189,21 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImpo
                 type: Input
             }], excludeFromDomainCalculation: [{
                 type: Input
-            }], barWidth: [{
+            }], groupWidth: [{
                 type: Input
-            }], barMaxWidth: [{
+            }], groupMaxWidth: [{
                 type: Input
             }], dataStep: [{
                 type: Input
+            }], groupPadding: [{
+                type: Input
             }], barPadding: [{
                 type: Input
             }], roundedCorners: [{
                 type: Input
-            }], cursor: [{
-                type: Input
-            }], barMinHeight1Px: [{
+            }], barMinHeight: [{
                 type: Input
-            }], barMinHeightZeroValue: [{
+            }], cursor: [{
                 type: Input
             }], orientation: [{
                 type: Input
@@ -1220,25 +1212,25 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImpo
             }] } });
 
 // !!! This code was automatically generated. You should not change it !!!
-class VisStackedBarModule {
+class VisGroupedBarModule {
 }
-VisStackedBarModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: VisStackedBarModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-VisStackedBarModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: VisStackedBarModule, declarations: [VisStackedBarComponent], exports: [VisStackedBarComponent] });
-VisStackedBarModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: VisStackedBarModule, imports: [[]] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: VisStackedBarModule, decorators: [{
+VisGroupedBarModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: VisGroupedBarModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+VisGroupedBarModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: VisGroupedBarModule, declarations: [VisGroupedBarComponent], exports: [VisGroupedBarComponent] });
+VisGroupedBarModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: VisGroupedBarModule, imports: [[]] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: VisGroupedBarModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [],
-                    declarations: [VisStackedBarComponent],
-                    exports: [VisStackedBarComponent],
+                    declarations: [VisGroupedBarComponent],
+                    exports: [VisGroupedBarComponent],
                 }]
         }] });
 
 // !!! This code was automatically generated. You should not change it !!!
-class VisTimelineComponent {
+class VisLineComponent {
     ngAfterViewInit() {
         var _a;
-        this.component = new Timeline(this.getConfig());
+        this.component = new Line(this.getConfig());
         if (this.data) {
             this.component.setData(this.data);
             (_a = this.componentContainer) === null || _a === void 0 ? void 0 : _a.render();
@@ -1253,23 +1245,23 @@ class VisTimelineComponent {
         (_c = this.componentContainer) === null || _c === void 0 ? void 0 : _c.render();
     }
     getConfig() {
-        const { duration, events, attributes, x, id, color, xScale, yScale, excludeFromDomainCalculation, lineWidth, lineCap, rowHeight, length, type, cursor, showLabels, labelWidth, maxLabelWidth, alternatingRowColors, onScroll, showEmptySegments } = this;
-        const config = { duration, events, attributes, x, id, color, xScale, yScale, excludeFromDomainCalculation, lineWidth, lineCap, rowHeight, length, type, cursor, showLabels, labelWidth, maxLabelWidth, alternatingRowColors, onScroll, showEmptySegments };
+        const { duration, events, attributes, x, y, id, color, xScale, yScale, excludeFromDomainCalculation, curveType, lineWidth, lineDashArray, fallbackValue, highlightOnHover, cursor } = this;
+        const config = { duration, events, attributes, x, y, id, color, xScale, yScale, excludeFromDomainCalculation, curveType, lineWidth, lineDashArray, fallbackValue, highlightOnHover, cursor };
         const keys = Object.keys(config);
         keys.forEach(key => { if (config[key] === undefined)
             delete config[key]; });
         return config;
     }
 }
-VisTimelineComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: VisTimelineComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-VisTimelineComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: VisTimelineComponent, selector: "vis-timeline", inputs: { duration: "duration", events: "events", attributes: "attributes", x: "x", id: "id", color: "color", xScale: "xScale", yScale: "yScale", excludeFromDomainCalculation: "excludeFromDomainCalculation", lineWidth: "lineWidth", lineCap: "lineCap", rowHeight: "rowHeight", length: "length", type: "type", cursor: "cursor", showLabels: "showLabels", labelWidth: "labelWidth", maxLabelWidth: "maxLabelWidth", alternatingRowColors: "alternatingRowColors", onScroll: "onScroll", showEmptySegments: "showEmptySegments", data: "data" }, providers: [{ provide: VisXYComponent, useExisting: VisTimelineComponent }], usesOnChanges: true, ngImport: i0, template: '', isInline: true });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: VisTimelineComponent, decorators: [{
+VisLineComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: VisLineComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+VisLineComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: VisLineComponent, selector: "vis-line", inputs: { duration: "duration", events: "events", attributes: "attributes", x: "x", y: "y", id: "id", color: "color", xScale: "xScale", yScale: "yScale", excludeFromDomainCalculation: "excludeFromDomainCalculation", curveType: "curveType", lineWidth: "lineWidth", lineDashArray: "lineDashArray", fallbackValue: "fallbackValue", highlightOnHover: "highlightOnHover", cursor: "cursor", data: "data" }, providers: [{ provide: VisXYComponent, useExisting: VisLineComponent }], usesOnChanges: true, ngImport: i0, template: '', isInline: true });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: VisLineComponent, decorators: [{
             type: Component,
             args: [{
-                    selector: 'vis-timeline',
+                    selector: 'vis-line',
                     template: '',
                     // eslint-disable-next-line no-use-before-define
-                    providers: [{ provide: VisXYComponent, useExisting: VisTimelineComponent }],
+                    providers: [{ provide: VisXYComponent, useExisting: VisLineComponent }],
                 }]
         }], propDecorators: { duration: [{
                 type: Input
@@ -1279,6 +1271,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImpo
                 type: Input
             }], x: [{
                 type: Input
+            }], y: [{
+                type: Input
             }], id: [{
                 type: Input
             }], color: [{
@@ -1289,54 +1283,42 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImpo
                 type: Input
             }], excludeFromDomainCalculation: [{
                 type: Input
-            }], lineWidth: [{
+            }], curveType: [{
                 type: Input
-            }], lineCap: [{
+            }], lineWidth: [{
                 type: Input
-            }], rowHeight: [{
+            }], lineDashArray: [{
                 type: Input
-            }], length: [{
+            }], fallbackValue: [{
                 type: Input
-            }], type: [{
+            }], highlightOnHover: [{
                 type: Input
             }], cursor: [{
                 type: Input
-            }], showLabels: [{
-                type: Input
-            }], labelWidth: [{
-                type: Input
-            }], maxLabelWidth: [{
-                type: Input
-            }], alternatingRowColors: [{
-                type: Input
-            }], onScroll: [{
-                type: Input
-            }], showEmptySegments: [{
-                type: Input
             }], data: [{
                 type: Input
             }] } });
 
 // !!! This code was automatically generated. You should not change it !!!
-class VisTimelineModule {
+class VisLineModule {
 }
-VisTimelineModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: VisTimelineModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-VisTimelineModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: VisTimelineModule, declarations: [VisTimelineComponent], exports: [VisTimelineComponent] });
-VisTimelineModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: VisTimelineModule, imports: [[]] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: VisTimelineModule, decorators: [{
+VisLineModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: VisLineModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+VisLineModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: VisLineModule, declarations: [VisLineComponent], exports: [VisLineComponent] });
+VisLineModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: VisLineModule, imports: [[]] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: VisLineModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [],
-                    declarations: [VisTimelineComponent],
-                    exports: [VisTimelineComponent],
+                    declarations: [VisLineComponent],
+                    exports: [VisLineComponent],
                 }]
         }] });
 
 // !!! This code was automatically generated. You should not change it !!!
-class VisXYLabelsComponent {
+class VisNestedDonutComponent {
     ngAfterViewInit() {
         var _a;
-        this.component = new XYLabels(this.getConfig());
+        this.component = new NestedDonut(this.getConfig());
         if (this.data) {
             this.component.setData(this.data);
             (_a = this.componentContainer) === null || _a === void 0 ? void 0 : _a.render();
@@ -1351,23 +1333,23 @@ class VisXYLabelsComponent {
         (_c = this.componentContainer) === null || _c === void 0 ? void 0 : _c.render();
     }
     getConfig() {
-        const { duration, events, attributes, x, y, id, color, xScale, yScale, excludeFromDomainCalculation, xPositioning, yPositioning, labelFontSize, label, backgroundColor, cursor, labelTextBrightnessRatio, clustering, clusterLabel, clusterFontSize, clusterBackgroundColor, clusterCursor, clusterLabelColor } = this;
-        const config = { duration, events, attributes, x, y, id, color, xScale, yScale, excludeFromDomainCalculation, xPositioning, yPositioning, labelFontSize, label, backgroundColor, cursor, labelTextBrightnessRatio, clustering, clusterLabel, clusterFontSize, clusterBackgroundColor, clusterCursor, clusterLabelColor };
+        const { duration, events, attributes, angleRange, direction, value, centralLabel, centralSubLabel, centralSubLabelWrap, showBackground, sort, layers, layerSettings, layerPadding, cornerRadius, emptySegmentAngle, hideOverflowingSegmentLabels, segmentColor, segmentLabel, segmentLabelColor, showEmptySegments } = this;
+        const config = { duration, events, attributes, angleRange, direction, value, centralLabel, centralSubLabel, centralSubLabelWrap, showBackground, sort, layers, layerSettings, layerPadding, cornerRadius, emptySegmentAngle, hideOverflowingSegmentLabels, segmentColor, segmentLabel, segmentLabelColor, showEmptySegments };
         const keys = Object.keys(config);
         keys.forEach(key => { if (config[key] === undefined)
             delete config[key]; });
         return config;
     }
 }
-VisXYLabelsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: VisXYLabelsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-VisXYLabelsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: VisXYLabelsComponent, selector: "vis-xy-labels", inputs: { duration: "duration", events: "events", attributes: "attributes", x: "x", y: "y", id: "id", color: "color", xScale: "xScale", yScale: "yScale", excludeFromDomainCalculation: "excludeFromDomainCalculation", xPositioning: "xPositioning", yPositioning: "yPositioning", labelFontSize: "labelFontSize", label: "label", backgroundColor: "backgroundColor", cursor: "cursor", labelTextBrightnessRatio: "labelTextBrightnessRatio", clustering: "clustering", clusterLabel: "clusterLabel", clusterFontSize: "clusterFontSize", clusterBackgroundColor: "clusterBackgroundColor", clusterCursor: "clusterCursor", clusterLabelColor: "clusterLabelColor", data: "data" }, providers: [{ provide: VisXYComponent, useExisting: VisXYLabelsComponent }], usesOnChanges: true, ngImport: i0, template: '', isInline: true });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: VisXYLabelsComponent, decorators: [{
+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 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: VisNestedDonutComponent, decorators: [{
             type: Component,
             args: [{
-                    selector: 'vis-xy-labels',
+                    selector: 'vis-nested-donut',
                     template: '',
                     // eslint-disable-next-line no-use-before-define
-                    providers: [{ provide: VisXYComponent, useExisting: VisXYLabelsComponent }],
+                    providers: [{ provide: VisCoreComponent, useExisting: VisNestedDonutComponent }],
                 }]
         }], propDecorators: { duration: [{
                 type: Input
@@ -1375,184 +1357,58 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImpo
                 type: Input
             }], attributes: [{
                 type: Input
-            }], x: [{
-                type: Input
-            }], y: [{
-                type: Input
-            }], id: [{
+            }], angleRange: [{
                 type: Input
-            }], color: [{
+            }], direction: [{
                 type: Input
-            }], xScale: [{
+            }], value: [{
                 type: Input
-            }], yScale: [{
+            }], centralLabel: [{
                 type: Input
-            }], excludeFromDomainCalculation: [{
+            }], centralSubLabel: [{
                 type: Input
-            }], xPositioning: [{
+            }], centralSubLabelWrap: [{
                 type: Input
-            }], yPositioning: [{
+            }], showBackground: [{
                 type: Input
-            }], labelFontSize: [{
+            }], sort: [{
                 type: Input
-            }], label: [{
+            }], layers: [{
                 type: Input
-            }], backgroundColor: [{
+            }], layerSettings: [{
                 type: Input
-            }], cursor: [{
+            }], layerPadding: [{
                 type: Input
-            }], labelTextBrightnessRatio: [{
+            }], cornerRadius: [{
                 type: Input
-            }], clustering: [{
+            }], emptySegmentAngle: [{
                 type: Input
-            }], clusterLabel: [{
+            }], hideOverflowingSegmentLabels: [{
                 type: Input
-            }], clusterFontSize: [{
+            }], segmentColor: [{
                 type: Input
-            }], clusterBackgroundColor: [{
+            }], segmentLabel: [{
                 type: Input
-            }], clusterCursor: [{
+            }], segmentLabelColor: [{
                 type: Input
-            }], clusterLabelColor: [{
+            }], showEmptySegments: [{
                 type: Input
             }], data: [{
                 type: Input
             }] } });
 
 // !!! This code was automatically generated. You should not change it !!!
-class VisXYLabelsModule {
-}
-VisXYLabelsModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: VisXYLabelsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-VisXYLabelsModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: VisXYLabelsModule, declarations: [VisXYLabelsComponent], exports: [VisXYLabelsComponent] });
-VisXYLabelsModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: VisXYLabelsModule, imports: [[]] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: VisXYLabelsModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    imports: [],
-                    declarations: [VisXYLabelsComponent],
-                    exports: [VisXYLabelsComponent],
-                }]
-        }] });
-
-// !!! This code was automatically generated. You should not change it !!!
-class VisTopoJSONMapComponent {
-    ngAfterViewInit() {
-        var _a;
-        this.component = new TopoJSONMap(this.getConfig());
-        if (this.data) {
-            this.component.setData(this.data);
-            (_a = this.componentContainer) === null || _a === void 0 ? void 0 : _a.render();
-        }
-    }
-    ngOnChanges(changes) {
-        var _a, _b, _c;
-        if (changes.data) {
-            (_a = this.component) === null || _a === void 0 ? void 0 : _a.setData(this.data);
-        }
-        (_b = this.component) === null || _b === void 0 ? void 0 : _b.setConfig(this.getConfig());
-        (_c = this.componentContainer) === null || _c === void 0 ? void 0 : _c.render();
-    }
-    getConfig() {
-        const { duration, events, attributes, projection, topojson, mapFeatureName, mapFitToPoints, zoomFactor, disableZoom, zoomExtent, zoomDuration, linkWidth, linkColor, linkCursor, linkId, linkSource, linkTarget, areaId, areaColor, areaCursor, pointColor, pointRadius, pointStrokeWidth, pointCursor, longitude, latitude, pointLabel, pointLabelPosition, pointLabelTextBrightnessRatio, pointId, heatmapMode, heatmapModeBlurStdDeviation, heatmapModeZoomLevelThreshold } = this;
-        const config = { duration, events, attributes, projection, topojson, mapFeatureName, mapFitToPoints, zoomFactor, disableZoom, zoomExtent, zoomDuration, linkWidth, linkColor, linkCursor, linkId, linkSource, linkTarget, areaId, areaColor, areaCursor, pointColor, pointRadius, pointStrokeWidth, pointCursor, longitude, latitude, pointLabel, pointLabelPosition, pointLabelTextBrightnessRatio, pointId, heatmapMode, heatmapModeBlurStdDeviation, heatmapModeZoomLevelThreshold };
-        const keys = Object.keys(config);
-        keys.forEach(key => { if (config[key] === undefined)
-            delete config[key]; });
-        return config;
-    }
-}
-VisTopoJSONMapComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: VisTopoJSONMapComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-VisTopoJSONMapComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: VisTopoJSONMapComponent, selector: "vis-topojson-map", inputs: { duration: "duration", events: "events", attributes: "attributes", projection: "projection", topojson: "topojson", mapFeatureName: "mapFeatureName", mapFitToPoints: "mapFitToPoints", zoomFactor: "zoomFactor", disableZoom: "disableZoom", zoomExtent: "zoomExtent", zoomDuration: "zoomDuration", linkWidth: "linkWidth", linkColor: "linkColor", linkCursor: "linkCursor", linkId: "linkId", linkSource: "linkSource", linkTarget: "linkTarget", areaId: "areaId", areaColor: "areaColor", areaCursor: "areaCursor", pointColor: "pointColor", pointRadius: "pointRadius", pointStrokeWidth: "pointStrokeWidth", pointCursor: "pointCursor", longitude: "longitude", latitude: "latitude", pointLabel: "pointLabel", pointLabelPosition: "pointLabelPosition", pointLabelTextBrightnessRatio: "pointLabelTextBrightnessRatio", pointId: "pointId", heatmapMode: "heatmapMode", heatmapModeBlurStdDeviation: "heatmapModeBlurStdDeviation", heatmapModeZoomLevelThreshold: "heatmapModeZoomLevelThreshold", data: "data" }, providers: [{ provide: VisCoreComponent, useExisting: VisTopoJSONMapComponent }], usesOnChanges: true, ngImport: i0, template: '', isInline: true });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: VisTopoJSONMapComponent, decorators: [{
-            type: Component,
-            args: [{
-                    selector: 'vis-topojson-map',
-                    template: '',
-                    // eslint-disable-next-line no-use-before-define
-                    providers: [{ provide: VisCoreComponent, useExisting: VisTopoJSONMapComponent }],
-                }]
-        }], propDecorators: { duration: [{
-                type: Input
-            }], events: [{
-                type: Input
-            }], attributes: [{
-                type: Input
-            }], projection: [{
-                type: Input
-            }], topojson: [{
-                type: Input
-            }], mapFeatureName: [{
-                type: Input
-            }], mapFitToPoints: [{
-                type: Input
-            }], zoomFactor: [{
-                type: Input
-            }], disableZoom: [{
-                type: Input
-            }], zoomExtent: [{
-                type: Input
-            }], zoomDuration: [{
-                type: Input
-            }], linkWidth: [{
-                type: Input
-            }], linkColor: [{
-                type: Input
-            }], linkCursor: [{
-                type: Input
-            }], linkId: [{
-                type: Input
-            }], linkSource: [{
-                type: Input
-            }], linkTarget: [{
-                type: Input
-            }], areaId: [{
-                type: Input
-            }], areaColor: [{
-                type: Input
-            }], areaCursor: [{
-                type: Input
-            }], pointColor: [{
-                type: Input
-            }], pointRadius: [{
-                type: Input
-            }], pointStrokeWidth: [{
-                type: Input
-            }], pointCursor: [{
-                type: Input
-            }], longitude: [{
-                type: Input
-            }], latitude: [{
-                type: Input
-            }], pointLabel: [{
-                type: Input
-            }], pointLabelPosition: [{
-                type: Input
-            }], pointLabelTextBrightnessRatio: [{
-                type: Input
-            }], pointId: [{
-                type: Input
-            }], heatmapMode: [{
-                type: Input
-            }], heatmapModeBlurStdDeviation: [{
-                type: Input
-            }], heatmapModeZoomLevelThreshold: [{
-                type: Input
-            }], data: [{
-                type: Input
-            }] } });
-
-// !!! This code was automatically generated. You should not change it !!!
-class VisTopoJSONMapModule {
+class VisNestedDonutModule {
 }
-VisTopoJSONMapModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: VisTopoJSONMapModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-VisTopoJSONMapModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: VisTopoJSONMapModule, declarations: [VisTopoJSONMapComponent], exports: [VisTopoJSONMapComponent] });
-VisTopoJSONMapModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: VisTopoJSONMapModule, imports: [[]] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: VisTopoJSONMapModule, decorators: [{
+VisNestedDonutModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: VisNestedDonutModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+VisNestedDonutModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: VisNestedDonutModule, declarations: [VisNestedDonutComponent], exports: [VisNestedDonutComponent] });
+VisNestedDonutModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: VisNestedDonutModule, imports: [[]] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: VisNestedDonutModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [],
-                    declarations: [VisTopoJSONMapComponent],
-                    exports: [VisTopoJSONMapComponent],
+                    declarations: [VisNestedDonutComponent],
+                    exports: [VisNestedDonutComponent],
                 }]
         }] });
 
@@ -1707,10 +1563,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImpo
         }] });
 
 // !!! This code was automatically generated. You should not change it !!!
-class VisGraphComponent {
+class VisScatterComponent {
     ngAfterViewInit() {
         var _a;
-        this.component = new Graph(this.getConfig());
+        this.component = new Scatter(this.getConfig());
         if (this.data) {
             this.component.setData(this.data);
             (_a = this.componentContainer) === null || _a === void 0 ? void 0 : _a.render();
@@ -1725,23 +1581,23 @@ class VisGraphComponent {
         (_c = this.componentContainer) === null || _c === void 0 ? void 0 : _c.render();
     }
     getConfig() {
-        const { duration, events, attributes, zoomScaleExtent, disableZoom, disableDrag, zoomThrottledUpdateNodeThreshold, onZoom, 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, 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 } = this;
-        const config = { duration, events, attributes, zoomScaleExtent, disableZoom, disableDrag, zoomThrottledUpdateNodeThreshold, onZoom, 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, 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 };
+        const { duration, events, attributes, x, y, id, color, xScale, yScale, excludeFromDomainCalculation, size, sizeScale, sizeRange, shape, label, labelColor, labelHideOverlapping, cursor, labelTextBrightnessRatio, labelPosition, strokeColor, strokeWidth } = this;
+        const config = { duration, events, attributes, x, y, id, color, xScale, yScale, excludeFromDomainCalculation, size, sizeScale, sizeRange, shape, label, labelColor, labelHideOverlapping, cursor, labelTextBrightnessRatio, labelPosition, strokeColor, strokeWidth };
         const keys = Object.keys(config);
         keys.forEach(key => { if (config[key] === undefined)
             delete config[key]; });
         return config;
     }
 }
-VisGraphComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: VisGraphComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-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", onZoom: "onZoom", 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", 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", data: "data" }, providers: [{ provide: VisCoreComponent, useExisting: VisGraphComponent }], usesOnChanges: true, ngImport: i0, template: '', isInline: true });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: VisGraphComponent, decorators: [{
+VisScatterComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: VisScatterComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+VisScatterComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: VisScatterComponent, selector: "vis-scatter", inputs: { duration: "duration", events: "events", attributes: "attributes", x: "x", y: "y", id: "id", color: "color", xScale: "xScale", yScale: "yScale", excludeFromDomainCalculation: "excludeFromDomainCalculation", size: "size", sizeScale: "sizeScale", sizeRange: "sizeRange", shape: "shape", label: "label", labelColor: "labelColor", labelHideOverlapping: "labelHideOverlapping", cursor: "cursor", labelTextBrightnessRatio: "labelTextBrightnessRatio", labelPosition: "labelPosition", strokeColor: "strokeColor", strokeWidth: "strokeWidth", data: "data" }, providers: [{ provide: VisXYComponent, useExisting: VisScatterComponent }], usesOnChanges: true, ngImport: i0, template: '', isInline: true });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: VisScatterComponent, decorators: [{
             type: Component,
             args: [{
-                    selector: 'vis-graph',
+                    selector: 'vis-scatter',
                     template: '',
                     // eslint-disable-next-line no-use-before-define
-                    providers: [{ provide: VisCoreComponent, useExisting: VisGraphComponent }],
+                    providers: [{ provide: VisXYComponent, useExisting: VisScatterComponent }],
                 }]
         }], propDecorators: { duration: [{
                 type: Input
@@ -1749,152 +1605,260 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImpo
                 type: Input
             }], attributes: [{
                 type: Input
-            }], zoomScaleExtent: [{
+            }], x: [{
                 type: Input
-            }], disableZoom: [{
+            }], y: [{
                 type: Input
-            }], disableDrag: [{
+            }], id: [{
                 type: Input
-            }], zoomThrottledUpdateNodeThreshold: [{
+            }], color: [{
                 type: Input
-            }], onZoom: [{
+            }], xScale: [{
                 type: Input
-            }], layoutType: [{
+            }], yScale: [{
                 type: Input
-            }], layoutAutofit: [{
+            }], excludeFromDomainCalculation: [{
                 type: Input
-            }], layoutAutofitTolerance: [{
+            }], size: [{
                 type: Input
-            }], layoutNonConnectedAside: [{
+            }], sizeScale: [{
                 type: Input
-            }], layoutNodeGroup: [{
+            }], sizeRange: [{
                 type: Input
-            }], layoutGroupOrder: [{
+            }], shape: [{
                 type: Input
-            }], layoutParallelNodesPerColumn: [{
+            }], label: [{
                 type: Input
-            }], layoutParallelNodeSubGroup: [{
+            }], labelColor: [{
                 type: Input
-            }], layoutParallelSubGroupsPerRow: [{
+            }], labelHideOverlapping: [{
                 type: Input
-            }], layoutParallelGroupSpacing: [{
+            }], cursor: [{
                 type: Input
-            }], layoutParallelSortConnectionsByGroup: [{
+            }], labelTextBrightnessRatio: [{
                 type: Input
-            }], forceLayoutSettings: [{
+            }], labelPosition: [{
                 type: Input
-            }], dagreLayoutSettings: [{
+            }], strokeColor: [{
                 type: Input
-            }], layoutElkSettings: [{
+            }], strokeWidth: [{
                 type: Input
-            }], layoutElkNodeGroups: [{
+            }], data: [{
                 type: Input
-            }], linkWidth: [{
+            }] } });
+
+// !!! This code was automatically generated. You should not change it !!!
+class VisScatterModule {
+}
+VisScatterModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: VisScatterModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+VisScatterModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: VisScatterModule, declarations: [VisScatterComponent], exports: [VisScatterComponent] });
+VisScatterModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: VisScatterModule, imports: [[]] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: VisScatterModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [],
+                    declarations: [VisScatterComponent],
+                    exports: [VisScatterComponent],
+                }]
+        }] });
+
+// !!! This code was automatically generated. You should not change it !!!
+class VisStackedBarComponent {
+    ngAfterViewInit() {
+        var _a;
+        this.component = new StackedBar(this.getConfig());
+        if (this.data) {
+            this.component.setData(this.data);
+            (_a = this.componentContainer) === null || _a === void 0 ? void 0 : _a.render();
+        }
+    }
+    ngOnChanges(changes) {
+        var _a, _b, _c;
+        if (changes.data) {
+            (_a = this.component) === null || _a === void 0 ? void 0 : _a.setData(this.data);
+        }
+        (_b = this.component) === null || _b === void 0 ? void 0 : _b.setConfig(this.getConfig());
+        (_c = this.componentContainer) === null || _c === void 0 ? void 0 : _c.render();
+    }
+    getConfig() {
+        const { duration, events, attributes, x, y, id, color, xScale, yScale, excludeFromDomainCalculation, barWidth, barMaxWidth, dataStep, barPadding, roundedCorners, cursor, barMinHeight1Px, barMinHeightZeroValue, orientation } = this;
+        const config = { duration, events, attributes, x, y, id, color, xScale, yScale, excludeFromDomainCalculation, barWidth, barMaxWidth, dataStep, barPadding, roundedCorners, cursor, barMinHeight1Px, barMinHeightZeroValue, orientation };
+        const keys = Object.keys(config);
+        keys.forEach(key => { if (config[key] === undefined)
+            delete config[key]; });
+        return config;
+    }
+}
+VisStackedBarComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: VisStackedBarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+VisStackedBarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: VisStackedBarComponent, selector: "vis-stacked-bar", inputs: { duration: "duration", events: "events", attributes: "attributes", x: "x", y: "y", id: "id", color: "color", xScale: "xScale", yScale: "yScale", excludeFromDomainCalculation: "excludeFromDomainCalculation", barWidth: "barWidth", barMaxWidth: "barMaxWidth", dataStep: "dataStep", barPadding: "barPadding", roundedCorners: "roundedCorners", cursor: "cursor", barMinHeight1Px: "barMinHeight1Px", barMinHeightZeroValue: "barMinHeightZeroValue", orientation: "orientation", data: "data" }, providers: [{ provide: VisXYComponent, useExisting: VisStackedBarComponent }], usesOnChanges: true, ngImport: i0, template: '', isInline: true });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: VisStackedBarComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'vis-stacked-bar',
+                    template: '',
+                    // eslint-disable-next-line no-use-before-define
+                    providers: [{ provide: VisXYComponent, useExisting: VisStackedBarComponent }],
+                }]
+        }], propDecorators: { duration: [{
                 type: Input
-            }], linkStyle: [{
+            }], events: [{
                 type: Input
-            }], linkBandWidth: [{
+            }], attributes: [{
                 type: Input
-            }], linkArrow: [{
+            }], x: [{
                 type: Input
-            }], linkStroke: [{
+            }], y: [{
                 type: Input
-            }], linkDisabled: [{
+            }], id: [{
                 type: Input
-            }], linkFlow: [{
+            }], color: [{
                 type: Input
-            }], linkFlowAnimDuration: [{
+            }], xScale: [{
                 type: Input
-            }], linkFlowParticleSize: [{
+            }], yScale: [{
                 type: Input
-            }], linkLabel: [{
+            }], excludeFromDomainCalculation: [{
                 type: Input
-            }], linkLabelShiftFromCenter: [{
+            }], barWidth: [{
                 type: Input
-            }], linkNeighborSpacing: [{
+            }], barMaxWidth: [{
                 type: Input
-            }], selectedLinkId: [{
+            }], dataStep: [{
                 type: Input
-            }], nodeSize: [{
+            }], barPadding: [{
                 type: Input
-            }], nodeStrokeWidth: [{
+            }], roundedCorners: [{
                 type: Input
-            }], nodeShape: [{
+            }], cursor: [{
                 type: Input
-            }], nodeGaugeValue: [{
+            }], barMinHeight1Px: [{
                 type: Input
-            }], nodeGaugeFill: [{
+            }], barMinHeightZeroValue: [{
                 type: Input
-            }], nodeGaugeAnimDuration: [{
+            }], orientation: [{
                 type: Input
-            }], nodeIcon: [{
+            }], data: [{
                 type: Input
-            }], nodeIconSize: [{
+            }] } });
+
+// !!! This code was automatically generated. You should not change it !!!
+class VisStackedBarModule {
+}
+VisStackedBarModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: VisStackedBarModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+VisStackedBarModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: VisStackedBarModule, declarations: [VisStackedBarComponent], exports: [VisStackedBarComponent] });
+VisStackedBarModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: VisStackedBarModule, imports: [[]] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: VisStackedBarModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [],
+                    declarations: [VisStackedBarComponent],
+                    exports: [VisStackedBarComponent],
+                }]
+        }] });
+
+// !!! This code was automatically generated. You should not change it !!!
+class VisTimelineComponent {
+    ngAfterViewInit() {
+        var _a;
+        this.component = new Timeline(this.getConfig());
+        if (this.data) {
+            this.component.setData(this.data);
+            (_a = this.componentContainer) === null || _a === void 0 ? void 0 : _a.render();
+        }
+    }
+    ngOnChanges(changes) {
+        var _a, _b, _c;
+        if (changes.data) {
+            (_a = this.component) === null || _a === void 0 ? void 0 : _a.setData(this.data);
+        }
+        (_b = this.component) === null || _b === void 0 ? void 0 : _b.setConfig(this.getConfig());
+        (_c = this.componentContainer) === null || _c === void 0 ? void 0 : _c.render();
+    }
+    getConfig() {
+        const { duration, events, attributes, x, id, color, xScale, yScale, excludeFromDomainCalculation, lineWidth, lineCap, rowHeight, length, type, cursor, showLabels, labelWidth, maxLabelWidth, alternatingRowColors, onScroll, showEmptySegments } = this;
+        const config = { duration, events, attributes, x, id, color, xScale, yScale, excludeFromDomainCalculation, lineWidth, lineCap, rowHeight, length, type, cursor, showLabels, labelWidth, maxLabelWidth, alternatingRowColors, onScroll, showEmptySegments };
+        const keys = Object.keys(config);
+        keys.forEach(key => { if (config[key] === undefined)
+            delete config[key]; });
+        return config;
+    }
+}
+VisTimelineComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: VisTimelineComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+VisTimelineComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: VisTimelineComponent, selector: "vis-timeline", inputs: { duration: "duration", events: "events", attributes: "attributes", x: "x", id: "id", color: "color", xScale: "xScale", yScale: "yScale", excludeFromDomainCalculation: "excludeFromDomainCalculation", lineWidth: "lineWidth", lineCap: "lineCap", rowHeight: "rowHeight", length: "length", type: "type", cursor: "cursor", showLabels: "showLabels", labelWidth: "labelWidth", maxLabelWidth: "maxLabelWidth", alternatingRowColors: "alternatingRowColors", onScroll: "onScroll", showEmptySegments: "showEmptySegments", data: "data" }, providers: [{ provide: VisXYComponent, useExisting: VisTimelineComponent }], usesOnChanges: true, ngImport: i0, template: '', isInline: true });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: VisTimelineComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'vis-timeline',
+                    template: '',
+                    // eslint-disable-next-line no-use-before-define
+                    providers: [{ provide: VisXYComponent, useExisting: VisTimelineComponent }],
+                }]
+        }], propDecorators: { duration: [{
                 type: Input
-            }], nodeLabel: [{
+            }], events: [{
                 type: Input
-            }], nodeLabelTrim: [{
+            }], attributes: [{
                 type: Input
-            }], nodeLabelTrimMode: [{
+            }], x: [{
                 type: Input
-            }], nodeLabelTrimLength: [{
+            }], id: [{
                 type: Input
-            }], nodeSubLabel: [{
+            }], color: [{
                 type: Input
-            }], nodeSubLabelTrim: [{
+            }], xScale: [{
                 type: Input
-            }], nodeSubLabelTrimMode: [{
+            }], yScale: [{
                 type: Input
-            }], nodeSubLabelTrimLength: [{
+            }], excludeFromDomainCalculation: [{
                 type: Input
-            }], nodeSideLabels: [{
+            }], lineWidth: [{
                 type: Input
-            }], nodeBottomIcon: [{
+            }], lineCap: [{
                 type: Input
-            }], nodeDisabled: [{
+            }], rowHeight: [{
                 type: Input
-            }], nodeFill: [{
+            }], length: [{
                 type: Input
-            }], nodeStroke: [{
+            }], type: [{
                 type: Input
-            }], nodeSort: [{
+            }], cursor: [{
                 type: Input
-            }], nodeEnterPosition: [{
+            }], showLabels: [{
                 type: Input
-            }], nodeEnterScale: [{
+            }], labelWidth: [{
                 type: Input
-            }], nodeExitPosition: [{
+            }], maxLabelWidth: [{
                 type: Input
-            }], nodeExitScale: [{
+            }], alternatingRowColors: [{
                 type: Input
-            }], selectedNodeId: [{
+            }], onScroll: [{
                 type: Input
-            }], panels: [{
+            }], showEmptySegments: [{
                 type: Input
             }], data: [{
                 type: Input
             }] } });
 
 // !!! This code was automatically generated. You should not change it !!!
-class VisGraphModule {
+class VisTimelineModule {
 }
-VisGraphModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: VisGraphModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-VisGraphModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: VisGraphModule, declarations: [VisGraphComponent], exports: [VisGraphComponent] });
-VisGraphModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: VisGraphModule, imports: [[]] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: VisGraphModule, decorators: [{
+VisTimelineModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: VisTimelineModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+VisTimelineModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: VisTimelineModule, declarations: [VisTimelineComponent], exports: [VisTimelineComponent] });
+VisTimelineModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: VisTimelineModule, imports: [[]] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: VisTimelineModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [],
-                    declarations: [VisGraphComponent],
-                    exports: [VisGraphComponent],
+                    declarations: [VisTimelineComponent],
+                    exports: [VisTimelineComponent],
                 }]
         }] });
 
 // !!! This code was automatically generated. You should not change it !!!
-class VisNestedDonutComponent {
+class VisXYLabelsComponent {
     ngAfterViewInit() {
         var _a;
-        this.component = new NestedDonut(this.getConfig());
+        this.component = new XYLabels(this.getConfig());
         if (this.data) {
             this.component.setData(this.data);
             (_a = this.componentContainer) === null || _a === void 0 ? void 0 : _a.render();
@@ -1909,23 +1873,23 @@ class VisNestedDonutComponent {
         (_c = this.componentContainer) === null || _c === void 0 ? void 0 : _c.render();
     }
     getConfig() {
-        const { duration, events, attributes, angleRange, direction, value, centralLabel, centralSubLabel, centralSubLabelWrap, showBackground, sort, layers, layerSettings, layerPadding, cornerRadius, emptySegmentAngle, hideOverflowingSegmentLabels, segmentColor, segmentLabel, segmentLabelColor, showEmptySegments } = this;
-        const config = { duration, events, attributes, angleRange, direction, value, centralLabel, centralSubLabel, centralSubLabelWrap, showBackground, sort, layers, layerSettings, layerPadding, cornerRadius, emptySegmentAngle, hideOverflowingSegmentLabels, segmentColor, segmentLabel, segmentLabelColor, showEmptySegments };
+        const { duration, events, attributes, x, y, id, color, xScale, yScale, excludeFromDomainCalculation, xPositioning, yPositioning, labelFontSize, label, backgroundColor, cursor, labelTextBrightnessRatio, clustering, clusterLabel, clusterFontSize, clusterBackgroundColor, clusterCursor, clusterLabelColor } = this;
+        const config = { duration, events, attributes, x, y, id, color, xScale, yScale, excludeFromDomainCalculation, xPositioning, yPositioning, labelFontSize, label, backgroundColor, cursor, labelTextBrightnessRatio, clustering, clusterLabel, clusterFontSize, clusterBackgroundColor, clusterCursor, clusterLabelColor };
         const keys = Object.keys(config);
         keys.forEach(key => { if (config[key] === undefined)
             delete config[key]; });
         return config;
     }
 }
-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 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: VisNestedDonutComponent, decorators: [{
+VisXYLabelsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: VisXYLabelsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+VisXYLabelsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: VisXYLabelsComponent, selector: "vis-xy-labels", inputs: { duration: "duration", events: "events", attributes: "attributes", x: "x", y: "y", id: "id", color: "color", xScale: "xScale", yScale: "yScale", excludeFromDomainCalculation: "excludeFromDomainCalculation", xPositioning: "xPositioning", yPositioning: "yPositioning", labelFontSize: "labelFontSize", label: "label", backgroundColor: "backgroundColor", cursor: "cursor", labelTextBrightnessRatio: "labelTextBrightnessRatio", clustering: "clustering", clusterLabel: "clusterLabel", clusterFontSize: "clusterFontSize", clusterBackgroundColor: "clusterBackgroundColor", clusterCursor: "clusterCursor", clusterLabelColor: "clusterLabelColor", data: "data" }, providers: [{ provide: VisXYComponent, useExisting: VisXYLabelsComponent }], usesOnChanges: true, ngImport: i0, template: '', isInline: true });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: VisXYLabelsComponent, decorators: [{
             type: Component,
             args: [{
-                    selector: 'vis-nested-donut',
+                    selector: 'vis-xy-labels',
                     template: '',
                     // eslint-disable-next-line no-use-before-define
-                    providers: [{ provide: VisCoreComponent, useExisting: VisNestedDonutComponent }],
+                    providers: [{ provide: VisXYComponent, useExisting: VisXYLabelsComponent }],
                 }]
         }], propDecorators: { duration: [{
                 type: Input
@@ -1933,58 +1897,184 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImpo
                 type: Input
             }], attributes: [{
                 type: Input
-            }], angleRange: [{
+            }], x: [{
                 type: Input
-            }], direction: [{
+            }], y: [{
                 type: Input
-            }], value: [{
+            }], id: [{
                 type: Input
-            }], centralLabel: [{
+            }], color: [{
                 type: Input
-            }], centralSubLabel: [{
+            }], xScale: [{
                 type: Input
-            }], centralSubLabelWrap: [{
+            }], yScale: [{
                 type: Input
-            }], showBackground: [{
+            }], excludeFromDomainCalculation: [{
                 type: Input
-            }], sort: [{
+            }], xPositioning: [{
                 type: Input
-            }], layers: [{
+            }], yPositioning: [{
                 type: Input
-            }], layerSettings: [{
+            }], labelFontSize: [{
                 type: Input
-            }], layerPadding: [{
+            }], label: [{
                 type: Input
-            }], cornerRadius: [{
+            }], backgroundColor: [{
                 type: Input
-            }], emptySegmentAngle: [{
+            }], cursor: [{
                 type: Input
-            }], hideOverflowingSegmentLabels: [{
+            }], labelTextBrightnessRatio: [{
                 type: Input
-            }], segmentColor: [{
+            }], clustering: [{
                 type: Input
-            }], segmentLabel: [{
+            }], clusterLabel: [{
                 type: Input
-            }], segmentLabelColor: [{
+            }], clusterFontSize: [{
                 type: Input
-            }], showEmptySegments: [{
+            }], clusterBackgroundColor: [{
+                type: Input
+            }], clusterCursor: [{
+                type: Input
+            }], clusterLabelColor: [{
                 type: Input
             }], data: [{
                 type: Input
             }] } });
 
 // !!! This code was automatically generated. You should not change it !!!
-class VisNestedDonutModule {
+class VisXYLabelsModule {
 }
-VisNestedDonutModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: VisNestedDonutModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-VisNestedDonutModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: VisNestedDonutModule, declarations: [VisNestedDonutComponent], exports: [VisNestedDonutComponent] });
-VisNestedDonutModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: VisNestedDonutModule, imports: [[]] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: VisNestedDonutModule, decorators: [{
+VisXYLabelsModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: VisXYLabelsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+VisXYLabelsModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: VisXYLabelsModule, declarations: [VisXYLabelsComponent], exports: [VisXYLabelsComponent] });
+VisXYLabelsModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: VisXYLabelsModule, imports: [[]] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: VisXYLabelsModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [],
-                    declarations: [VisNestedDonutComponent],
-                    exports: [VisNestedDonutComponent],
+                    declarations: [VisXYLabelsComponent],
+                    exports: [VisXYLabelsComponent],
+                }]
+        }] });
+
+// !!! This code was automatically generated. You should not change it !!!
+class VisTopoJSONMapComponent {
+    ngAfterViewInit() {
+        var _a;
+        this.component = new TopoJSONMap(this.getConfig());
+        if (this.data) {
+            this.component.setData(this.data);
+            (_a = this.componentContainer) === null || _a === void 0 ? void 0 : _a.render();
+        }
+    }
+    ngOnChanges(changes) {
+        var _a, _b, _c;
+        if (changes.data) {
+            (_a = this.component) === null || _a === void 0 ? void 0 : _a.setData(this.data);
+        }
+        (_b = this.component) === null || _b === void 0 ? void 0 : _b.setConfig(this.getConfig());
+        (_c = this.componentContainer) === null || _c === void 0 ? void 0 : _c.render();
+    }
+    getConfig() {
+        const { duration, events, attributes, projection, topojson, mapFeatureName, mapFitToPoints, zoomFactor, disableZoom, zoomExtent, zoomDuration, linkWidth, linkColor, linkCursor, linkId, linkSource, linkTarget, areaId, areaColor, areaCursor, pointColor, pointRadius, pointStrokeWidth, pointCursor, longitude, latitude, pointLabel, pointLabelPosition, pointLabelTextBrightnessRatio, pointId, heatmapMode, heatmapModeBlurStdDeviation, heatmapModeZoomLevelThreshold } = this;
+        const config = { duration, events, attributes, projection, topojson, mapFeatureName, mapFitToPoints, zoomFactor, disableZoom, zoomExtent, zoomDuration, linkWidth, linkColor, linkCursor, linkId, linkSource, linkTarget, areaId, areaColor, areaCursor, pointColor, pointRadius, pointStrokeWidth, pointCursor, longitude, latitude, pointLabel, pointLabelPosition, pointLabelTextBrightnessRatio, pointId, heatmapMode, heatmapModeBlurStdDeviation, heatmapModeZoomLevelThreshold };
+        const keys = Object.keys(config);
+        keys.forEach(key => { if (config[key] === undefined)
+            delete config[key]; });
+        return config;
+    }
+}
+VisTopoJSONMapComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: VisTopoJSONMapComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+VisTopoJSONMapComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: VisTopoJSONMapComponent, selector: "vis-topojson-map", inputs: { duration: "duration", events: "events", attributes: "attributes", projection: "projection", topojson: "topojson", mapFeatureName: "mapFeatureName", mapFitToPoints: "mapFitToPoints", zoomFactor: "zoomFactor", disableZoom: "disableZoom", zoomExtent: "zoomExtent", zoomDuration: "zoomDuration", linkWidth: "linkWidth", linkColor: "linkColor", linkCursor: "linkCursor", linkId: "linkId", linkSource: "linkSource", linkTarget: "linkTarget", areaId: "areaId", areaColor: "areaColor", areaCursor: "areaCursor", pointColor: "pointColor", pointRadius: "pointRadius", pointStrokeWidth: "pointStrokeWidth", pointCursor: "pointCursor", longitude: "longitude", latitude: "latitude", pointLabel: "pointLabel", pointLabelPosition: "pointLabelPosition", pointLabelTextBrightnessRatio: "pointLabelTextBrightnessRatio", pointId: "pointId", heatmapMode: "heatmapMode", heatmapModeBlurStdDeviation: "heatmapModeBlurStdDeviation", heatmapModeZoomLevelThreshold: "heatmapModeZoomLevelThreshold", data: "data" }, providers: [{ provide: VisCoreComponent, useExisting: VisTopoJSONMapComponent }], usesOnChanges: true, ngImport: i0, template: '', isInline: true });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: VisTopoJSONMapComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'vis-topojson-map',
+                    template: '',
+                    // eslint-disable-next-line no-use-before-define
+                    providers: [{ provide: VisCoreComponent, useExisting: VisTopoJSONMapComponent }],
+                }]
+        }], propDecorators: { duration: [{
+                type: Input
+            }], events: [{
+                type: Input
+            }], attributes: [{
+                type: Input
+            }], projection: [{
+                type: Input
+            }], topojson: [{
+                type: Input
+            }], mapFeatureName: [{
+                type: Input
+            }], mapFitToPoints: [{
+                type: Input
+            }], zoomFactor: [{
+                type: Input
+            }], disableZoom: [{
+                type: Input
+            }], zoomExtent: [{
+                type: Input
+            }], zoomDuration: [{
+                type: Input
+            }], linkWidth: [{
+                type: Input
+            }], linkColor: [{
+                type: Input
+            }], linkCursor: [{
+                type: Input
+            }], linkId: [{
+                type: Input
+            }], linkSource: [{
+                type: Input
+            }], linkTarget: [{
+                type: Input
+            }], areaId: [{
+                type: Input
+            }], areaColor: [{
+                type: Input
+            }], areaCursor: [{
+                type: Input
+            }], pointColor: [{
+                type: Input
+            }], pointRadius: [{
+                type: Input
+            }], pointStrokeWidth: [{
+                type: Input
+            }], pointCursor: [{
+                type: Input
+            }], longitude: [{
+                type: Input
+            }], latitude: [{
+                type: Input
+            }], pointLabel: [{
+                type: Input
+            }], pointLabelPosition: [{
+                type: Input
+            }], pointLabelTextBrightnessRatio: [{
+                type: Input
+            }], pointId: [{
+                type: Input
+            }], heatmapMode: [{
+                type: Input
+            }], heatmapModeBlurStdDeviation: [{
+                type: Input
+            }], heatmapModeZoomLevelThreshold: [{
+                type: Input
+            }], data: [{
+                type: Input
+            }] } });
+
+// !!! This code was automatically generated. You should not change it !!!
+class VisTopoJSONMapModule {
+}
+VisTopoJSONMapModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: VisTopoJSONMapModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+VisTopoJSONMapModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: VisTopoJSONMapModule, declarations: [VisTopoJSONMapComponent], exports: [VisTopoJSONMapComponent] });
+VisTopoJSONMapModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: VisTopoJSONMapModule, imports: [[]] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: VisTopoJSONMapModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [],
+                    declarations: [VisTopoJSONMapComponent],
+                    exports: [VisTopoJSONMapComponent],
                 }]
         }] });
 
@@ -2392,5 +2482,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImpo
  * Generated bundle index. Do not edit.
  */
 
-export { VisAreaComponent, VisAreaModule, VisAxisComponent, VisAxisModule, VisBrushComponent, VisBrushModule, VisBulletLegendComponent, VisBulletLegendModule, VisCoreComponent, VisCrosshairComponent, VisCrosshairModule, VisDonutComponent, VisDonutModule, VisFreeBrushComponent, VisFreeBrushModule, VisGenericComponent, VisGraphComponent, VisGraphModule, VisGroupedBarComponent, VisGroupedBarModule, VisLeafletFlowMapComponent, VisLeafletFlowMapModule, VisLeafletMapComponent, VisLeafletMapModule, VisLineComponent, VisLineModule, VisNestedDonutComponent, VisNestedDonutModule, VisSankeyComponent, VisSankeyModule, VisScatterComponent, VisScatterModule, VisSingleContainerComponent, VisSingleContainerModule, VisStackedBarComponent, VisStackedBarModule, VisTimelineComponent, VisTimelineModule, VisTooltipComponent, VisTooltipModule, VisTopoJSONMapComponent, VisTopoJSONMapModule, VisXYComponent, VisXYContainerComponent, VisXYContainerModule, VisXYLabelsComponent, VisXYLabelsModule };
+export { 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, VisSankeyComponent, VisSankeyModule, VisScatterComponent, VisScatterModule, VisSingleContainerComponent, VisSingleContainerModule, VisStackedBarComponent, VisStackedBarModule, VisTimelineComponent, VisTimelineModule, VisTooltipComponent, VisTooltipModule, VisTopoJSONMapComponent, VisTopoJSONMapModule, VisXYComponent, VisXYContainerComponent, VisXYContainerModule, VisXYLabelsComponent, VisXYLabelsModule };
 //# sourceMappingURL=unovis-angular.js.map