@unovis/angular 1.3.1 → 1.3.2-beta.0

package/dist/lib/bundles/unovis-angular.umd.js

@@ -687,102 +687,6 @@
                     }]
             }] });
 
-    // !!! This code was automatically generated. You should not change it !!!
-    var VisLineComponent = /** @class */ (function () {
-        function VisLineComponent() {
-        }
-        VisLineComponent.prototype.ngAfterViewInit = function () {
-            var _a;
-            this.component = new ts.Line(this.getConfig());
-            if (this.data) {
-                this.component.setData(this.data);
-                (_a = this.componentContainer) === null || _a === void 0 ? void 0 : _a.render();
-            }
-        };
-        VisLineComponent.prototype.ngOnChanges = function (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();
-        };
-        VisLineComponent.prototype.getConfig = function () {
-            var _d = this, duration = _d.duration, events = _d.events, attributes = _d.attributes, x = _d.x, y = _d.y, id = _d.id, color = _d.color, xScale = _d.xScale, yScale = _d.yScale, excludeFromDomainCalculation = _d.excludeFromDomainCalculation, curveType = _d.curveType, lineWidth = _d.lineWidth, lineDashArray = _d.lineDashArray, fallbackValue = _d.fallbackValue, highlightOnHover = _d.highlightOnHover, cursor = _d.cursor;
-            var config = { 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 };
-            var keys = Object.keys(config);
-            keys.forEach(function (key) {
-                if (config[key] === undefined)
-                    delete config[key];
-            });
-            return config;
-        };
-        return VisLineComponent;
-    }());
-    VisLineComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: VisLineComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
-    VisLineComponent.ɵcmp = i0__namespace.ɵɵ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__namespace, template: '', isInline: true });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: VisLineComponent, decorators: [{
-                type: i0.Component,
-                args: [{
-                        selector: 'vis-line',
-                        template: '',
-                        // eslint-disable-next-line no-use-before-define
-                        providers: [{ provide: VisXYComponent, useExisting: VisLineComponent }],
-                    }]
-            }], propDecorators: { duration: [{
-                    type: i0.Input
-                }], events: [{
-                    type: i0.Input
-                }], attributes: [{
-                    type: i0.Input
-                }], x: [{
-                    type: i0.Input
-                }], y: [{
-                    type: i0.Input
-                }], id: [{
-                    type: i0.Input
-                }], color: [{
-                    type: i0.Input
-                }], xScale: [{
-                    type: i0.Input
-                }], yScale: [{
-                    type: i0.Input
-                }], excludeFromDomainCalculation: [{
-                    type: i0.Input
-                }], curveType: [{
-                    type: i0.Input
-                }], lineWidth: [{
-                    type: i0.Input
-                }], lineDashArray: [{
-                    type: i0.Input
-                }], fallbackValue: [{
-                    type: i0.Input
-                }], highlightOnHover: [{
-                    type: i0.Input
-                }], cursor: [{
-                    type: i0.Input
-                }], data: [{
-                    type: i0.Input
-                }] } });
-
-    // !!! This code was automatically generated. You should not change it !!!
-    var VisLineModule = /** @class */ (function () {
-        function VisLineModule() {
-        }
-        return VisLineModule;
-    }());
-    VisLineModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: VisLineModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
-    VisLineModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: VisLineModule, declarations: [VisLineComponent], exports: [VisLineComponent] });
-    VisLineModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: VisLineModule, imports: [[]] });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: VisLineModule, decorators: [{
-                type: i0.NgModule,
-                args: [{
-                        imports: [],
-                        declarations: [VisLineComponent],
-                        exports: [VisLineComponent],
-                    }]
-            }] });
-
     // !!! This code was automatically generated. You should not change it !!!
     var VisAreaComponent = /** @class */ (function () {
         function VisAreaComponent() {
@@ -1082,18 +986,18 @@
             }] });
 
     // !!! This code was automatically generated. You should not change it !!!
-    var VisFreeBrushComponent = /** @class */ (function () {
-        function VisFreeBrushComponent() {
+    var VisChordDiagramComponent = /** @class */ (function () {
+        function VisChordDiagramComponent() {
         }
-        VisFreeBrushComponent.prototype.ngAfterViewInit = function () {
+        VisChordDiagramComponent.prototype.ngAfterViewInit = function () {
             var _a;
-            this.component = new ts.FreeBrush(this.getConfig());
+            this.component = new ts.ChordDiagram(this.getConfig());
             if (this.data) {
                 this.component.setData(this.data);
                 (_a = this.componentContainer) === null || _a === void 0 ? void 0 : _a.render();
             }
         };
-        VisFreeBrushComponent.prototype.ngOnChanges = function (changes) {
+        VisChordDiagramComponent.prototype.ngOnChanges = function (changes) {
             var _a, _b, _c;
             if (changes.data) {
                 (_a = this.component) === null || _a === void 0 ? void 0 : _a.setData(this.data);
@@ -1101,9 +1005,9 @@
             (_b = this.component) === null || _b === void 0 ? void 0 : _b.setConfig(this.getConfig());
             (_c = this.componentContainer) === null || _c === void 0 ? void 0 : _c.render();
         };
-        VisFreeBrushComponent.prototype.getConfig = function () {
-            var _d = this, duration = _d.duration, events = _d.events, attributes = _d.attributes, mode = _d.mode, onBrush = _d.onBrush, onBrushStart = _d.onBrushStart, onBrushMove = _d.onBrushMove, onBrushEnd = _d.onBrushEnd, handleWidth = _d.handleWidth, selection = _d.selection, selectionMinLength = _d.selectionMinLength, autoHide = _d.autoHide;
-            var config = { duration: duration, events: events, attributes: attributes, mode: mode, onBrush: onBrush, onBrushStart: onBrushStart, onBrushMove: onBrushMove, onBrushEnd: onBrushEnd, handleWidth: handleWidth, selection: selection, selectionMinLength: selectionMinLength, autoHide: autoHide };
+        VisChordDiagramComponent.prototype.getConfig = function () {
+            var _d = this, duration = _d.duration, events = _d.events, attributes = _d.attributes, highlightedNodeId = _d.highlightedNodeId, highlightedLinkIds = _d.highlightedLinkIds, linkColor = _d.linkColor, linkValue = _d.linkValue, nodeLevels = _d.nodeLevels, nodeWidth = _d.nodeWidth, nodeColor = _d.nodeColor, nodeLabel = _d.nodeLabel, nodeLabelColor = _d.nodeLabelColor, nodeLabelAlignment = _d.nodeLabelAlignment, padAngle = _d.padAngle, cornerRadius = _d.cornerRadius, angleRange = _d.angleRange, radiusScaleExponent = _d.radiusScaleExponent;
+            var config = { 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 };
             var keys = Object.keys(config);
             keys.forEach(function (key) {
                 if (config[key] === undefined)
@@ -1111,17 +1015,17 @@
             });
             return config;
         };
-        return VisFreeBrushComponent;
+        return VisChordDiagramComponent;
     }());
-    VisFreeBrushComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: VisFreeBrushComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
-    VisFreeBrushComponent.ɵcmp = i0__namespace.ɵɵ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__namespace, template: '', isInline: true });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: VisFreeBrushComponent, decorators: [{
+    VisChordDiagramComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: VisChordDiagramComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
+    VisChordDiagramComponent.ɵcmp = i0__namespace.ɵɵ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__namespace, template: '', isInline: true });
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: VisChordDiagramComponent, decorators: [{
                 type: i0.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: i0.Input
@@ -1129,43 +1033,53 @@
                     type: i0.Input
                 }], attributes: [{
                     type: i0.Input
-                }], mode: [{
+                }], highlightedNodeId: [{
                     type: i0.Input
-                }], onBrush: [{
+                }], highlightedLinkIds: [{
                     type: i0.Input
-                }], onBrushStart: [{
+                }], linkColor: [{
                     type: i0.Input
-                }], onBrushMove: [{
+                }], linkValue: [{
                     type: i0.Input
-                }], onBrushEnd: [{
+                }], nodeLevels: [{
                     type: i0.Input
-                }], handleWidth: [{
+                }], nodeWidth: [{
                     type: i0.Input
-                }], selection: [{
+                }], nodeColor: [{
                     type: i0.Input
-                }], selectionMinLength: [{
+                }], nodeLabel: [{
                     type: i0.Input
-                }], autoHide: [{
+                }], nodeLabelColor: [{
+                    type: i0.Input
+                }], nodeLabelAlignment: [{
+                    type: i0.Input
+                }], padAngle: [{
+                    type: i0.Input
+                }], cornerRadius: [{
+                    type: i0.Input
+                }], angleRange: [{
+                    type: i0.Input
+                }], radiusScaleExponent: [{
                     type: i0.Input
                 }], data: [{
                     type: i0.Input
                 }] } });
 
     // !!! This code was automatically generated. You should not change it !!!
-    var VisFreeBrushModule = /** @class */ (function () {
-        function VisFreeBrushModule() {
+    var VisChordDiagramModule = /** @class */ (function () {
+        function VisChordDiagramModule() {
         }
-        return VisFreeBrushModule;
+        return VisChordDiagramModule;
     }());
-    VisFreeBrushModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: VisFreeBrushModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
-    VisFreeBrushModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: VisFreeBrushModule, declarations: [VisFreeBrushComponent], exports: [VisFreeBrushComponent] });
-    VisFreeBrushModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: VisFreeBrushModule, imports: [[]] });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: VisFreeBrushModule, decorators: [{
+    VisChordDiagramModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: VisChordDiagramModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
+    VisChordDiagramModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: VisChordDiagramModule, declarations: [VisChordDiagramComponent], exports: [VisChordDiagramComponent] });
+    VisChordDiagramModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: VisChordDiagramModule, imports: [[]] });
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: VisChordDiagramModule, decorators: [{
                 type: i0.NgModule,
                 args: [{
                         imports: [],
-                        declarations: [VisFreeBrushComponent],
-                        exports: [VisFreeBrushComponent],
+                        declarations: [VisChordDiagramComponent],
+                        exports: [VisChordDiagramComponent],
                     }]
             }] });
 
@@ -1372,18 +1286,18 @@
             }] });
 
     // !!! This code was automatically generated. You should not change it !!!
-    var VisGroupedBarComponent = /** @class */ (function () {
-        function VisGroupedBarComponent() {
+    var VisFreeBrushComponent = /** @class */ (function () {
+        function VisFreeBrushComponent() {
         }
-        VisGroupedBarComponent.prototype.ngAfterViewInit = function () {
+        VisFreeBrushComponent.prototype.ngAfterViewInit = function () {
             var _a;
-            this.component = new ts.GroupedBar(this.getConfig());
+            this.component = new ts.FreeBrush(this.getConfig());
             if (this.data) {
                 this.component.setData(this.data);
                 (_a = this.componentContainer) === null || _a === void 0 ? void 0 : _a.render();
             }
         };
-        VisGroupedBarComponent.prototype.ngOnChanges = function (changes) {
+        VisFreeBrushComponent.prototype.ngOnChanges = function (changes) {
             var _a, _b, _c;
             if (changes.data) {
                 (_a = this.component) === null || _a === void 0 ? void 0 : _a.setData(this.data);
@@ -1391,9 +1305,9 @@
             (_b = this.component) === null || _b === void 0 ? void 0 : _b.setConfig(this.getConfig());
             (_c = this.componentContainer) === null || _c === void 0 ? void 0 : _c.render();
         };
-        VisGroupedBarComponent.prototype.getConfig = function () {
-            var _d = this, duration = _d.duration, events = _d.events, attributes = _d.attributes, x = _d.x, y = _d.y, id = _d.id, color = _d.color, xScale = _d.xScale, yScale = _d.yScale, excludeFromDomainCalculation = _d.excludeFromDomainCalculation, groupWidth = _d.groupWidth, groupMaxWidth = _d.groupMaxWidth, dataStep = _d.dataStep, groupPadding = _d.groupPadding, barPadding = _d.barPadding, roundedCorners = _d.roundedCorners, barMinHeight = _d.barMinHeight, cursor = _d.cursor, orientation = _d.orientation;
-            var config = { 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 };
+        VisFreeBrushComponent.prototype.getConfig = function () {
+            var _d = this, duration = _d.duration, events = _d.events, attributes = _d.attributes, mode = _d.mode, onBrush = _d.onBrush, onBrushStart = _d.onBrushStart, onBrushMove = _d.onBrushMove, onBrushEnd = _d.onBrushEnd, handleWidth = _d.handleWidth, selection = _d.selection, selectionMinLength = _d.selectionMinLength, autoHide = _d.autoHide;
+            var config = { duration: duration, events: events, attributes: attributes, mode: mode, onBrush: onBrush, onBrushStart: onBrushStart, onBrushMove: onBrushMove, onBrushEnd: onBrushEnd, handleWidth: handleWidth, selection: selection, selectionMinLength: selectionMinLength, autoHide: autoHide };
             var keys = Object.keys(config);
             keys.forEach(function (key) {
                 if (config[key] === undefined)
@@ -1401,17 +1315,17 @@
             });
             return config;
         };
-        return VisGroupedBarComponent;
+        return VisFreeBrushComponent;
     }());
-    VisGroupedBarComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: VisGroupedBarComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
-    VisGroupedBarComponent.ɵcmp = i0__namespace.ɵɵ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__namespace, template: '', isInline: true });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: VisGroupedBarComponent, decorators: [{
+    VisFreeBrushComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: VisFreeBrushComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
+    VisFreeBrushComponent.ɵcmp = i0__namespace.ɵɵ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__namespace, template: '', isInline: true });
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: VisFreeBrushComponent, decorators: [{
                 type: i0.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: i0.Input
@@ -1419,73 +1333,59 @@
                     type: i0.Input
                 }], attributes: [{
                     type: i0.Input
-                }], x: [{
-                    type: i0.Input
-                }], y: [{
-                    type: i0.Input
-                }], id: [{
-                    type: i0.Input
-                }], color: [{
-                    type: i0.Input
-                }], xScale: [{
-                    type: i0.Input
-                }], yScale: [{
-                    type: i0.Input
-                }], excludeFromDomainCalculation: [{
-                    type: i0.Input
-                }], groupWidth: [{
+                }], mode: [{
                     type: i0.Input
-                }], groupMaxWidth: [{
+                }], onBrush: [{
                     type: i0.Input
-                }], dataStep: [{
+                }], onBrushStart: [{
                     type: i0.Input
-                }], groupPadding: [{
+                }], onBrushMove: [{
                     type: i0.Input
-                }], barPadding: [{
+                }], onBrushEnd: [{
                     type: i0.Input
-                }], roundedCorners: [{
+                }], handleWidth: [{
                     type: i0.Input
-                }], barMinHeight: [{
+                }], selection: [{
                     type: i0.Input
-                }], cursor: [{
+                }], selectionMinLength: [{
                     type: i0.Input
-                }], orientation: [{
+                }], autoHide: [{
                     type: i0.Input
                 }], data: [{
                     type: i0.Input
                 }] } });
 
     // !!! This code was automatically generated. You should not change it !!!
-    var VisGroupedBarModule = /** @class */ (function () {
-        function VisGroupedBarModule() {
+    var VisFreeBrushModule = /** @class */ (function () {
+        function VisFreeBrushModule() {
         }
-        return VisGroupedBarModule;
+        return VisFreeBrushModule;
     }());
-    VisGroupedBarModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: VisGroupedBarModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
-    VisGroupedBarModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: VisGroupedBarModule, declarations: [VisGroupedBarComponent], exports: [VisGroupedBarComponent] });
-    VisGroupedBarModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: VisGroupedBarModule, imports: [[]] });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: VisGroupedBarModule, decorators: [{
+    VisFreeBrushModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: VisFreeBrushModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
+    VisFreeBrushModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: VisFreeBrushModule, declarations: [VisFreeBrushComponent], exports: [VisFreeBrushComponent] });
+    VisFreeBrushModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: VisFreeBrushModule, imports: [[]] });
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: VisFreeBrushModule, decorators: [{
                 type: i0.NgModule,
                 args: [{
                         imports: [],
-                        declarations: [VisGroupedBarComponent],
-                        exports: [VisGroupedBarComponent],
+                        declarations: [VisFreeBrushComponent],
+                        exports: [VisFreeBrushComponent],
                     }]
             }] });
 
     // !!! This code was automatically generated. You should not change it !!!
-    var VisScatterComponent = /** @class */ (function () {
-        function VisScatterComponent() {
+    var VisGraphComponent = /** @class */ (function () {
+        function VisGraphComponent() {
         }
-        VisScatterComponent.prototype.ngAfterViewInit = function () {
+        VisGraphComponent.prototype.ngAfterViewInit = function () {
             var _a;
-            this.component = new ts.Scatter(this.getConfig());
+            this.component = new ts.Graph(this.getConfig());
             if (this.data) {
                 this.component.setData(this.data);
                 (_a = this.componentContainer) === null || _a === void 0 ? void 0 : _a.render();
             }
         };
-        VisScatterComponent.prototype.ngOnChanges = function (changes) {
+        VisGraphComponent.prototype.ngOnChanges = function (changes) {
             var _a, _b, _c;
             if (changes.data) {
                 (_a = this.component) === null || _a === void 0 ? void 0 : _a.setData(this.data);
@@ -1493,9 +1393,9 @@
             (_b = this.component) === null || _b === void 0 ? void 0 : _b.setConfig(this.getConfig());
             (_c = this.componentContainer) === null || _c === void 0 ? void 0 : _c.render();
         };
-        VisScatterComponent.prototype.getConfig = function () {
-            var _d = this, duration = _d.duration, events = _d.events, attributes = _d.attributes, x = _d.x, y = _d.y, id = _d.id, color = _d.color, xScale = _d.xScale, yScale = _d.yScale, excludeFromDomainCalculation = _d.excludeFromDomainCalculation, size = _d.size, sizeScale = _d.sizeScale, sizeRange = _d.sizeRange, shape = _d.shape, label = _d.label, labelColor = _d.labelColor, labelHideOverlapping = _d.labelHideOverlapping, cursor = _d.cursor, labelTextBrightnessRatio = _d.labelTextBrightnessRatio, labelPosition = _d.labelPosition, strokeColor = _d.strokeColor, strokeWidth = _d.strokeWidth;
-            var config = { 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 };
+        VisGraphComponent.prototype.getConfig = function () {
+            var _d = this, duration = _d.duration, events = _d.events, attributes = _d.attributes, zoomScaleExtent = _d.zoomScaleExtent, disableZoom = _d.disableZoom, disableDrag = _d.disableDrag, zoomThrottledUpdateNodeThreshold = _d.zoomThrottledUpdateNodeThreshold, onZoom = _d.onZoom, layoutType = _d.layoutType, layoutAutofit = _d.layoutAutofit, layoutAutofitTolerance = _d.layoutAutofitTolerance, layoutNonConnectedAside = _d.layoutNonConnectedAside, layoutNodeGroup = _d.layoutNodeGroup, layoutGroupOrder = _d.layoutGroupOrder, layoutParallelNodesPerColumn = _d.layoutParallelNodesPerColumn, layoutParallelNodeSubGroup = _d.layoutParallelNodeSubGroup, layoutParallelSubGroupsPerRow = _d.layoutParallelSubGroupsPerRow, layoutParallelGroupSpacing = _d.layoutParallelGroupSpacing, layoutParallelSortConnectionsByGroup = _d.layoutParallelSortConnectionsByGroup, forceLayoutSettings = _d.forceLayoutSettings, dagreLayoutSettings = _d.dagreLayoutSettings, layoutElkSettings = _d.layoutElkSettings, layoutElkNodeGroups = _d.layoutElkNodeGroups, linkWidth = _d.linkWidth, linkStyle = _d.linkStyle, linkBandWidth = _d.linkBandWidth, linkArrow = _d.linkArrow, linkStroke = _d.linkStroke, linkDisabled = _d.linkDisabled, linkFlow = _d.linkFlow, linkFlowAnimDuration = _d.linkFlowAnimDuration, linkFlowParticleSize = _d.linkFlowParticleSize, linkLabel = _d.linkLabel, linkLabelShiftFromCenter = _d.linkLabelShiftFromCenter, linkNeighborSpacing = _d.linkNeighborSpacing, selectedLinkId = _d.selectedLinkId, nodeSize = _d.nodeSize, nodeStrokeWidth = _d.nodeStrokeWidth, nodeShape = _d.nodeShape, nodeGaugeValue = _d.nodeGaugeValue, nodeGaugeFill = _d.nodeGaugeFill, nodeGaugeAnimDuration = _d.nodeGaugeAnimDuration, nodeIcon = _d.nodeIcon, nodeIconSize = _d.nodeIconSize, nodeLabel = _d.nodeLabel, nodeLabelTrim = _d.nodeLabelTrim, nodeLabelTrimMode = _d.nodeLabelTrimMode, nodeLabelTrimLength = _d.nodeLabelTrimLength, nodeSubLabel = _d.nodeSubLabel, nodeSubLabelTrim = _d.nodeSubLabelTrim, nodeSubLabelTrimMode = _d.nodeSubLabelTrimMode, nodeSubLabelTrimLength = _d.nodeSubLabelTrimLength, nodeSideLabels = _d.nodeSideLabels, nodeBottomIcon = _d.nodeBottomIcon, nodeDisabled = _d.nodeDisabled, nodeFill = _d.nodeFill, nodeStroke = _d.nodeStroke, nodeSort = _d.nodeSort, nodeEnterPosition = _d.nodeEnterPosition, nodeEnterScale = _d.nodeEnterScale, nodeExitPosition = _d.nodeExitPosition, nodeExitScale = _d.nodeExitScale, selectedNodeId = _d.selectedNodeId, panels = _d.panels;
+            var config = { 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 };
             var keys = Object.keys(config);
             keys.forEach(function (key) {
                 if (config[key] === undefined)
@@ -1503,17 +1403,17 @@
             });
             return config;
         };
-        return VisScatterComponent;
+        return VisGraphComponent;
     }());
-    VisScatterComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: VisScatterComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
-    VisScatterComponent.ɵcmp = i0__namespace.ɵɵ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__namespace, template: '', isInline: true });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: VisScatterComponent, decorators: [{
+    VisGraphComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: VisGraphComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
+    VisGraphComponent.ɵcmp = i0__namespace.ɵɵ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__namespace, template: '', isInline: true });
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: VisGraphComponent, decorators: [{
                 type: i0.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: i0.Input
@@ -1521,79 +1421,163 @@
                     type: i0.Input
                 }], attributes: [{
                     type: i0.Input
-                }], x: [{
+                }], zoomScaleExtent: [{
                     type: i0.Input
-                }], y: [{
+                }], disableZoom: [{
                     type: i0.Input
-                }], id: [{
+                }], disableDrag: [{
                     type: i0.Input
-                }], color: [{
+                }], zoomThrottledUpdateNodeThreshold: [{
                     type: i0.Input
-                }], xScale: [{
+                }], onZoom: [{
                     type: i0.Input
-                }], yScale: [{
+                }], layoutType: [{
                     type: i0.Input
-                }], excludeFromDomainCalculation: [{
+                }], layoutAutofit: [{
                     type: i0.Input
-                }], size: [{
+                }], layoutAutofitTolerance: [{
                     type: i0.Input
-                }], sizeScale: [{
+                }], layoutNonConnectedAside: [{
                     type: i0.Input
-                }], sizeRange: [{
+                }], layoutNodeGroup: [{
                     type: i0.Input
-                }], shape: [{
+                }], layoutGroupOrder: [{
                     type: i0.Input
-                }], label: [{
+                }], layoutParallelNodesPerColumn: [{
                     type: i0.Input
-                }], labelColor: [{
+                }], layoutParallelNodeSubGroup: [{
                     type: i0.Input
-                }], labelHideOverlapping: [{
+                }], layoutParallelSubGroupsPerRow: [{
                     type: i0.Input
-                }], cursor: [{
+                }], layoutParallelGroupSpacing: [{
                     type: i0.Input
-                }], labelTextBrightnessRatio: [{
+                }], layoutParallelSortConnectionsByGroup: [{
                     type: i0.Input
-                }], labelPosition: [{
+                }], forceLayoutSettings: [{
                     type: i0.Input
-                }], strokeColor: [{
+                }], dagreLayoutSettings: [{
                     type: i0.Input
-                }], strokeWidth: [{
+                }], layoutElkSettings: [{
+                    type: i0.Input
+                }], layoutElkNodeGroups: [{
+                    type: i0.Input
+                }], linkWidth: [{
+                    type: i0.Input
+                }], linkStyle: [{
+                    type: i0.Input
+                }], linkBandWidth: [{
+                    type: i0.Input
+                }], linkArrow: [{
+                    type: i0.Input
+                }], linkStroke: [{
+                    type: i0.Input
+                }], linkDisabled: [{
+                    type: i0.Input
+                }], linkFlow: [{
+                    type: i0.Input
+                }], linkFlowAnimDuration: [{
+                    type: i0.Input
+                }], linkFlowParticleSize: [{
+                    type: i0.Input
+                }], linkLabel: [{
+                    type: i0.Input
+                }], linkLabelShiftFromCenter: [{
+                    type: i0.Input
+                }], linkNeighborSpacing: [{
+                    type: i0.Input
+                }], selectedLinkId: [{
+                    type: i0.Input
+                }], nodeSize: [{
+                    type: i0.Input
+                }], nodeStrokeWidth: [{
+                    type: i0.Input
+                }], nodeShape: [{
+                    type: i0.Input
+                }], nodeGaugeValue: [{
+                    type: i0.Input
+                }], nodeGaugeFill: [{
+                    type: i0.Input
+                }], nodeGaugeAnimDuration: [{
+                    type: i0.Input
+                }], nodeIcon: [{
+                    type: i0.Input
+                }], nodeIconSize: [{
+                    type: i0.Input
+                }], nodeLabel: [{
+                    type: i0.Input
+                }], nodeLabelTrim: [{
+                    type: i0.Input
+                }], nodeLabelTrimMode: [{
+                    type: i0.Input
+                }], nodeLabelTrimLength: [{
+                    type: i0.Input
+                }], nodeSubLabel: [{
+                    type: i0.Input
+                }], nodeSubLabelTrim: [{
+                    type: i0.Input
+                }], nodeSubLabelTrimMode: [{
+                    type: i0.Input
+                }], nodeSubLabelTrimLength: [{
+                    type: i0.Input
+                }], nodeSideLabels: [{
+                    type: i0.Input
+                }], nodeBottomIcon: [{
+                    type: i0.Input
+                }], nodeDisabled: [{
+                    type: i0.Input
+                }], nodeFill: [{
+                    type: i0.Input
+                }], nodeStroke: [{
+                    type: i0.Input
+                }], nodeSort: [{
+                    type: i0.Input
+                }], nodeEnterPosition: [{
+                    type: i0.Input
+                }], nodeEnterScale: [{
+                    type: i0.Input
+                }], nodeExitPosition: [{
+                    type: i0.Input
+                }], nodeExitScale: [{
+                    type: i0.Input
+                }], selectedNodeId: [{
+                    type: i0.Input
+                }], panels: [{
                     type: i0.Input
                 }], data: [{
                     type: i0.Input
                 }] } });
 
     // !!! This code was automatically generated. You should not change it !!!
-    var VisScatterModule = /** @class */ (function () {
-        function VisScatterModule() {
+    var VisGraphModule = /** @class */ (function () {
+        function VisGraphModule() {
         }
-        return VisScatterModule;
+        return VisGraphModule;
     }());
-    VisScatterModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: VisScatterModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
-    VisScatterModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: VisScatterModule, declarations: [VisScatterComponent], exports: [VisScatterComponent] });
-    VisScatterModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: VisScatterModule, imports: [[]] });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: VisScatterModule, decorators: [{
+    VisGraphModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: VisGraphModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
+    VisGraphModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: VisGraphModule, declarations: [VisGraphComponent], exports: [VisGraphComponent] });
+    VisGraphModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: VisGraphModule, imports: [[]] });
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: VisGraphModule, decorators: [{
                 type: i0.NgModule,
                 args: [{
                         imports: [],
-                        declarations: [VisScatterComponent],
-                        exports: [VisScatterComponent],
+                        declarations: [VisGraphComponent],
+                        exports: [VisGraphComponent],
                     }]
             }] });
 
     // !!! This code was automatically generated. You should not change it !!!
-    var VisStackedBarComponent = /** @class */ (function () {
-        function VisStackedBarComponent() {
+    var VisGroupedBarComponent = /** @class */ (function () {
+        function VisGroupedBarComponent() {
         }
-        VisStackedBarComponent.prototype.ngAfterViewInit = function () {
+        VisGroupedBarComponent.prototype.ngAfterViewInit = function () {
             var _a;
-            this.component = new ts.StackedBar(this.getConfig());
+            this.component = new ts.GroupedBar(this.getConfig());
             if (this.data) {
                 this.component.setData(this.data);
                 (_a = this.componentContainer) === null || _a === void 0 ? void 0 : _a.render();
             }
         };
-        VisStackedBarComponent.prototype.ngOnChanges = function (changes) {
+        VisGroupedBarComponent.prototype.ngOnChanges = function (changes) {
             var _a, _b, _c;
             if (changes.data) {
                 (_a = this.component) === null || _a === void 0 ? void 0 : _a.setData(this.data);
@@ -1601,9 +1585,9 @@
             (_b = this.component) === null || _b === void 0 ? void 0 : _b.setConfig(this.getConfig());
             (_c = this.componentContainer) === null || _c === void 0 ? void 0 : _c.render();
         };
-        VisStackedBarComponent.prototype.getConfig = function () {
-            var _d = this, duration = _d.duration, events = _d.events, attributes = _d.attributes, x = _d.x, y = _d.y, id = _d.id, color = _d.color, xScale = _d.xScale, yScale = _d.yScale, excludeFromDomainCalculation = _d.excludeFromDomainCalculation, barWidth = _d.barWidth, barMaxWidth = _d.barMaxWidth, dataStep = _d.dataStep, barPadding = _d.barPadding, roundedCorners = _d.roundedCorners, cursor = _d.cursor, barMinHeight1Px = _d.barMinHeight1Px, barMinHeightZeroValue = _d.barMinHeightZeroValue, orientation = _d.orientation;
-            var config = { 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 };
+        VisGroupedBarComponent.prototype.getConfig = function () {
+            var _d = this, duration = _d.duration, events = _d.events, attributes = _d.attributes, x = _d.x, y = _d.y, id = _d.id, color = _d.color, xScale = _d.xScale, yScale = _d.yScale, excludeFromDomainCalculation = _d.excludeFromDomainCalculation, groupWidth = _d.groupWidth, groupMaxWidth = _d.groupMaxWidth, dataStep = _d.dataStep, groupPadding = _d.groupPadding, barPadding = _d.barPadding, roundedCorners = _d.roundedCorners, barMinHeight = _d.barMinHeight, cursor = _d.cursor, orientation = _d.orientation;
+            var config = { 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 };
             var keys = Object.keys(config);
             keys.forEach(function (key) {
                 if (config[key] === undefined)
@@ -1611,17 +1595,17 @@
             });
             return config;
         };
-        return VisStackedBarComponent;
+        return VisGroupedBarComponent;
     }());
-    VisStackedBarComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: VisStackedBarComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
-    VisStackedBarComponent.ɵcmp = i0__namespace.ɵɵ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__namespace, template: '', isInline: true });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: VisStackedBarComponent, decorators: [{
+    VisGroupedBarComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: VisGroupedBarComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
+    VisGroupedBarComponent.ɵcmp = i0__namespace.ɵɵ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__namespace, template: '', isInline: true });
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: VisGroupedBarComponent, decorators: [{
                 type: i0.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: i0.Input
@@ -1643,21 +1627,21 @@
                     type: i0.Input
                 }], excludeFromDomainCalculation: [{
                     type: i0.Input
-                }], barWidth: [{
+                }], groupWidth: [{
                     type: i0.Input
-                }], barMaxWidth: [{
+                }], groupMaxWidth: [{
                     type: i0.Input
                 }], dataStep: [{
                     type: i0.Input
+                }], groupPadding: [{
+                    type: i0.Input
                 }], barPadding: [{
                     type: i0.Input
                 }], roundedCorners: [{
                     type: i0.Input
-                }], cursor: [{
-                    type: i0.Input
-                }], barMinHeight1Px: [{
+                }], barMinHeight: [{
                     type: i0.Input
-                }], barMinHeightZeroValue: [{
+                }], cursor: [{
                     type: i0.Input
                 }], orientation: [{
                     type: i0.Input
@@ -1666,36 +1650,36 @@
                 }] } });
 
     // !!! This code was automatically generated. You should not change it !!!
-    var VisStackedBarModule = /** @class */ (function () {
-        function VisStackedBarModule() {
+    var VisGroupedBarModule = /** @class */ (function () {
+        function VisGroupedBarModule() {
         }
-        return VisStackedBarModule;
+        return VisGroupedBarModule;
     }());
-    VisStackedBarModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: VisStackedBarModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
-    VisStackedBarModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: VisStackedBarModule, declarations: [VisStackedBarComponent], exports: [VisStackedBarComponent] });
-    VisStackedBarModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: VisStackedBarModule, imports: [[]] });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: VisStackedBarModule, decorators: [{
+    VisGroupedBarModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: VisGroupedBarModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
+    VisGroupedBarModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: VisGroupedBarModule, declarations: [VisGroupedBarComponent], exports: [VisGroupedBarComponent] });
+    VisGroupedBarModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: VisGroupedBarModule, imports: [[]] });
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: VisGroupedBarModule, decorators: [{
                 type: i0.NgModule,
                 args: [{
                         imports: [],
-                        declarations: [VisStackedBarComponent],
-                        exports: [VisStackedBarComponent],
+                        declarations: [VisGroupedBarComponent],
+                        exports: [VisGroupedBarComponent],
                     }]
             }] });
 
     // !!! This code was automatically generated. You should not change it !!!
-    var VisTimelineComponent = /** @class */ (function () {
-        function VisTimelineComponent() {
+    var VisLineComponent = /** @class */ (function () {
+        function VisLineComponent() {
         }
-        VisTimelineComponent.prototype.ngAfterViewInit = function () {
+        VisLineComponent.prototype.ngAfterViewInit = function () {
             var _a;
-            this.component = new ts.Timeline(this.getConfig());
+            this.component = new ts.Line(this.getConfig());
             if (this.data) {
                 this.component.setData(this.data);
                 (_a = this.componentContainer) === null || _a === void 0 ? void 0 : _a.render();
             }
         };
-        VisTimelineComponent.prototype.ngOnChanges = function (changes) {
+        VisLineComponent.prototype.ngOnChanges = function (changes) {
             var _a, _b, _c;
             if (changes.data) {
                 (_a = this.component) === null || _a === void 0 ? void 0 : _a.setData(this.data);
@@ -1703,9 +1687,9 @@
             (_b = this.component) === null || _b === void 0 ? void 0 : _b.setConfig(this.getConfig());
             (_c = this.componentContainer) === null || _c === void 0 ? void 0 : _c.render();
         };
-        VisTimelineComponent.prototype.getConfig = function () {
-            var _d = this, duration = _d.duration, events = _d.events, attributes = _d.attributes, x = _d.x, id = _d.id, color = _d.color, xScale = _d.xScale, yScale = _d.yScale, excludeFromDomainCalculation = _d.excludeFromDomainCalculation, lineWidth = _d.lineWidth, lineCap = _d.lineCap, rowHeight = _d.rowHeight, length = _d.length, type = _d.type, cursor = _d.cursor, showLabels = _d.showLabels, labelWidth = _d.labelWidth, maxLabelWidth = _d.maxLabelWidth, alternatingRowColors = _d.alternatingRowColors, onScroll = _d.onScroll, showEmptySegments = _d.showEmptySegments;
-            var config = { 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 };
+        VisLineComponent.prototype.getConfig = function () {
+            var _d = this, duration = _d.duration, events = _d.events, attributes = _d.attributes, x = _d.x, y = _d.y, id = _d.id, color = _d.color, xScale = _d.xScale, yScale = _d.yScale, excludeFromDomainCalculation = _d.excludeFromDomainCalculation, curveType = _d.curveType, lineWidth = _d.lineWidth, lineDashArray = _d.lineDashArray, fallbackValue = _d.fallbackValue, highlightOnHover = _d.highlightOnHover, cursor = _d.cursor;
+            var config = { 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 };
             var keys = Object.keys(config);
             keys.forEach(function (key) {
                 if (config[key] === undefined)
@@ -1713,17 +1697,17 @@
             });
             return config;
         };
-        return VisTimelineComponent;
+        return VisLineComponent;
     }());
-    VisTimelineComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: VisTimelineComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
-    VisTimelineComponent.ɵcmp = i0__namespace.ɵɵ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__namespace, template: '', isInline: true });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: VisTimelineComponent, decorators: [{
+    VisLineComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: VisLineComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
+    VisLineComponent.ɵcmp = i0__namespace.ɵɵ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__namespace, template: '', isInline: true });
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: VisLineComponent, decorators: [{
                 type: i0.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: i0.Input
@@ -1733,6 +1717,8 @@
                     type: i0.Input
                 }], x: [{
                     type: i0.Input
+                }], y: [{
+                    type: i0.Input
                 }], id: [{
                     type: i0.Input
                 }], color: [{
@@ -1743,175 +1729,53 @@
                     type: i0.Input
                 }], excludeFromDomainCalculation: [{
                     type: i0.Input
-                }], lineWidth: [{
+                }], curveType: [{
                     type: i0.Input
-                }], lineCap: [{
+                }], lineWidth: [{
                     type: i0.Input
-                }], rowHeight: [{
+                }], lineDashArray: [{
                     type: i0.Input
-                }], length: [{
+                }], fallbackValue: [{
                     type: i0.Input
-                }], type: [{
+                }], highlightOnHover: [{
                     type: i0.Input
                 }], cursor: [{
                     type: i0.Input
-                }], showLabels: [{
-                    type: i0.Input
-                }], labelWidth: [{
-                    type: i0.Input
-                }], maxLabelWidth: [{
-                    type: i0.Input
-                }], alternatingRowColors: [{
-                    type: i0.Input
-                }], onScroll: [{
-                    type: i0.Input
-                }], showEmptySegments: [{
-                    type: i0.Input
                 }], data: [{
                     type: i0.Input
                 }] } });
 
     // !!! This code was automatically generated. You should not change it !!!
-    var VisTimelineModule = /** @class */ (function () {
-        function VisTimelineModule() {
+    var VisLineModule = /** @class */ (function () {
+        function VisLineModule() {
         }
-        return VisTimelineModule;
+        return VisLineModule;
     }());
-    VisTimelineModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: VisTimelineModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
-    VisTimelineModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: VisTimelineModule, declarations: [VisTimelineComponent], exports: [VisTimelineComponent] });
-    VisTimelineModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: VisTimelineModule, imports: [[]] });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: VisTimelineModule, decorators: [{
+    VisLineModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: VisLineModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
+    VisLineModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: VisLineModule, declarations: [VisLineComponent], exports: [VisLineComponent] });
+    VisLineModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: VisLineModule, imports: [[]] });
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: VisLineModule, decorators: [{
                 type: i0.NgModule,
                 args: [{
                         imports: [],
-                        declarations: [VisTimelineComponent],
-                        exports: [VisTimelineComponent],
-                    }]
-            }] });
-
-    // !!! This code was automatically generated. You should not change it !!!
-    var VisXYLabelsComponent = /** @class */ (function () {
-        function VisXYLabelsComponent() {
-        }
-        VisXYLabelsComponent.prototype.ngAfterViewInit = function () {
-            var _a;
-            this.component = new ts.XYLabels(this.getConfig());
-            if (this.data) {
-                this.component.setData(this.data);
-                (_a = this.componentContainer) === null || _a === void 0 ? void 0 : _a.render();
-            }
-        };
-        VisXYLabelsComponent.prototype.ngOnChanges = function (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();
-        };
-        VisXYLabelsComponent.prototype.getConfig = function () {
-            var _d = this, duration = _d.duration, events = _d.events, attributes = _d.attributes, x = _d.x, y = _d.y, id = _d.id, color = _d.color, xScale = _d.xScale, yScale = _d.yScale, excludeFromDomainCalculation = _d.excludeFromDomainCalculation, xPositioning = _d.xPositioning, yPositioning = _d.yPositioning, labelFontSize = _d.labelFontSize, label = _d.label, backgroundColor = _d.backgroundColor, cursor = _d.cursor, labelTextBrightnessRatio = _d.labelTextBrightnessRatio, clustering = _d.clustering, clusterLabel = _d.clusterLabel, clusterFontSize = _d.clusterFontSize, clusterBackgroundColor = _d.clusterBackgroundColor, clusterCursor = _d.clusterCursor, clusterLabelColor = _d.clusterLabelColor;
-            var config = { 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 };
-            var keys = Object.keys(config);
-            keys.forEach(function (key) {
-                if (config[key] === undefined)
-                    delete config[key];
-            });
-            return config;
-        };
-        return VisXYLabelsComponent;
-    }());
-    VisXYLabelsComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: VisXYLabelsComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
-    VisXYLabelsComponent.ɵcmp = i0__namespace.ɵɵ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__namespace, template: '', isInline: true });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: VisXYLabelsComponent, decorators: [{
-                type: i0.Component,
-                args: [{
-                        selector: 'vis-xy-labels',
-                        template: '',
-                        // eslint-disable-next-line no-use-before-define
-                        providers: [{ provide: VisXYComponent, useExisting: VisXYLabelsComponent }],
-                    }]
-            }], propDecorators: { duration: [{
-                    type: i0.Input
-                }], events: [{
-                    type: i0.Input
-                }], attributes: [{
-                    type: i0.Input
-                }], x: [{
-                    type: i0.Input
-                }], y: [{
-                    type: i0.Input
-                }], id: [{
-                    type: i0.Input
-                }], color: [{
-                    type: i0.Input
-                }], xScale: [{
-                    type: i0.Input
-                }], yScale: [{
-                    type: i0.Input
-                }], excludeFromDomainCalculation: [{
-                    type: i0.Input
-                }], xPositioning: [{
-                    type: i0.Input
-                }], yPositioning: [{
-                    type: i0.Input
-                }], labelFontSize: [{
-                    type: i0.Input
-                }], label: [{
-                    type: i0.Input
-                }], backgroundColor: [{
-                    type: i0.Input
-                }], cursor: [{
-                    type: i0.Input
-                }], labelTextBrightnessRatio: [{
-                    type: i0.Input
-                }], clustering: [{
-                    type: i0.Input
-                }], clusterLabel: [{
-                    type: i0.Input
-                }], clusterFontSize: [{
-                    type: i0.Input
-                }], clusterBackgroundColor: [{
-                    type: i0.Input
-                }], clusterCursor: [{
-                    type: i0.Input
-                }], clusterLabelColor: [{
-                    type: i0.Input
-                }], data: [{
-                    type: i0.Input
-                }] } });
-
-    // !!! This code was automatically generated. You should not change it !!!
-    var VisXYLabelsModule = /** @class */ (function () {
-        function VisXYLabelsModule() {
-        }
-        return VisXYLabelsModule;
-    }());
-    VisXYLabelsModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: VisXYLabelsModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
-    VisXYLabelsModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: VisXYLabelsModule, declarations: [VisXYLabelsComponent], exports: [VisXYLabelsComponent] });
-    VisXYLabelsModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: VisXYLabelsModule, imports: [[]] });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: VisXYLabelsModule, decorators: [{
-                type: i0.NgModule,
-                args: [{
-                        imports: [],
-                        declarations: [VisXYLabelsComponent],
-                        exports: [VisXYLabelsComponent],
+                        declarations: [VisLineComponent],
+                        exports: [VisLineComponent],
                     }]
             }] });
 
     // !!! This code was automatically generated. You should not change it !!!
-    var VisTopoJSONMapComponent = /** @class */ (function () {
-        function VisTopoJSONMapComponent() {
+    var VisNestedDonutComponent = /** @class */ (function () {
+        function VisNestedDonutComponent() {
         }
-        VisTopoJSONMapComponent.prototype.ngAfterViewInit = function () {
+        VisNestedDonutComponent.prototype.ngAfterViewInit = function () {
             var _a;
-            this.component = new ts.TopoJSONMap(this.getConfig());
+            this.component = new ts.NestedDonut(this.getConfig());
             if (this.data) {
                 this.component.setData(this.data);
                 (_a = this.componentContainer) === null || _a === void 0 ? void 0 : _a.render();
             }
         };
-        VisTopoJSONMapComponent.prototype.ngOnChanges = function (changes) {
+        VisNestedDonutComponent.prototype.ngOnChanges = function (changes) {
             var _a, _b, _c;
             if (changes.data) {
                 (_a = this.component) === null || _a === void 0 ? void 0 : _a.setData(this.data);
@@ -1919,9 +1783,9 @@
             (_b = this.component) === null || _b === void 0 ? void 0 : _b.setConfig(this.getConfig());
             (_c = this.componentContainer) === null || _c === void 0 ? void 0 : _c.render();
         };
-        VisTopoJSONMapComponent.prototype.getConfig = function () {
-            var _d = this, duration = _d.duration, events = _d.events, attributes = _d.attributes, projection = _d.projection, topojson = _d.topojson, mapFeatureName = _d.mapFeatureName, mapFitToPoints = _d.mapFitToPoints, zoomFactor = _d.zoomFactor, disableZoom = _d.disableZoom, zoomExtent = _d.zoomExtent, zoomDuration = _d.zoomDuration, linkWidth = _d.linkWidth, linkColor = _d.linkColor, linkCursor = _d.linkCursor, linkId = _d.linkId, linkSource = _d.linkSource, linkTarget = _d.linkTarget, areaId = _d.areaId, areaColor = _d.areaColor, areaCursor = _d.areaCursor, pointColor = _d.pointColor, pointRadius = _d.pointRadius, pointStrokeWidth = _d.pointStrokeWidth, pointCursor = _d.pointCursor, longitude = _d.longitude, latitude = _d.latitude, pointLabel = _d.pointLabel, pointLabelPosition = _d.pointLabelPosition, pointLabelTextBrightnessRatio = _d.pointLabelTextBrightnessRatio, pointId = _d.pointId, heatmapMode = _d.heatmapMode, heatmapModeBlurStdDeviation = _d.heatmapModeBlurStdDeviation, heatmapModeZoomLevelThreshold = _d.heatmapModeZoomLevelThreshold;
-            var config = { 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 };
+        VisNestedDonutComponent.prototype.getConfig = function () {
+            var _d = this, duration = _d.duration, events = _d.events, attributes = _d.attributes, angleRange = _d.angleRange, direction = _d.direction, value = _d.value, centralLabel = _d.centralLabel, centralSubLabel = _d.centralSubLabel, centralSubLabelWrap = _d.centralSubLabelWrap, showBackground = _d.showBackground, sort = _d.sort, layers = _d.layers, layerSettings = _d.layerSettings, layerPadding = _d.layerPadding, cornerRadius = _d.cornerRadius, emptySegmentAngle = _d.emptySegmentAngle, hideOverflowingSegmentLabels = _d.hideOverflowingSegmentLabels, segmentColor = _d.segmentColor, segmentLabel = _d.segmentLabel, segmentLabelColor = _d.segmentLabelColor, showEmptySegments = _d.showEmptySegments;
+            var config = { 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 };
             var keys = Object.keys(config);
             keys.forEach(function (key) {
                 if (config[key] === undefined)
@@ -1929,17 +1793,17 @@
             });
             return config;
         };
-        return VisTopoJSONMapComponent;
+        return VisNestedDonutComponent;
     }());
-    VisTopoJSONMapComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: VisTopoJSONMapComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
-    VisTopoJSONMapComponent.ɵcmp = i0__namespace.ɵɵ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__namespace, template: '', isInline: true });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: VisTopoJSONMapComponent, decorators: [{
+    VisNestedDonutComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: VisNestedDonutComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
+    VisNestedDonutComponent.ɵcmp = i0__namespace.ɵɵ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__namespace, template: '', isInline: true });
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: VisNestedDonutComponent, decorators: [{
                 type: i0.Component,
                 args: [{
-                        selector: 'vis-topojson-map',
+                        selector: 'vis-nested-donut',
                         template: '',
                         // eslint-disable-next-line no-use-before-define
-                        providers: [{ provide: VisCoreComponent, useExisting: VisTopoJSONMapComponent }],
+                        providers: [{ provide: VisCoreComponent, useExisting: VisNestedDonutComponent }],
                     }]
             }], propDecorators: { duration: [{
                     type: i0.Input
@@ -1947,85 +1811,61 @@
                     type: i0.Input
                 }], attributes: [{
                     type: i0.Input
-                }], projection: [{
-                    type: i0.Input
-                }], topojson: [{
-                    type: i0.Input
-                }], mapFeatureName: [{
-                    type: i0.Input
-                }], mapFitToPoints: [{
-                    type: i0.Input
-                }], zoomFactor: [{
-                    type: i0.Input
-                }], disableZoom: [{
-                    type: i0.Input
-                }], zoomExtent: [{
-                    type: i0.Input
-                }], zoomDuration: [{
-                    type: i0.Input
-                }], linkWidth: [{
-                    type: i0.Input
-                }], linkColor: [{
-                    type: i0.Input
-                }], linkCursor: [{
-                    type: i0.Input
-                }], linkId: [{
-                    type: i0.Input
-                }], linkSource: [{
+                }], angleRange: [{
                     type: i0.Input
-                }], linkTarget: [{
+                }], direction: [{
                     type: i0.Input
-                }], areaId: [{
+                }], value: [{
                     type: i0.Input
-                }], areaColor: [{
+                }], centralLabel: [{
                     type: i0.Input
-                }], areaCursor: [{
+                }], centralSubLabel: [{
                     type: i0.Input
-                }], pointColor: [{
+                }], centralSubLabelWrap: [{
                     type: i0.Input
-                }], pointRadius: [{
+                }], showBackground: [{
                     type: i0.Input
-                }], pointStrokeWidth: [{
+                }], sort: [{
                     type: i0.Input
-                }], pointCursor: [{
+                }], layers: [{
                     type: i0.Input
-                }], longitude: [{
+                }], layerSettings: [{
                     type: i0.Input
-                }], latitude: [{
+                }], layerPadding: [{
                     type: i0.Input
-                }], pointLabel: [{
+                }], cornerRadius: [{
                     type: i0.Input
-                }], pointLabelPosition: [{
+                }], emptySegmentAngle: [{
                     type: i0.Input
-                }], pointLabelTextBrightnessRatio: [{
+                }], hideOverflowingSegmentLabels: [{
                     type: i0.Input
-                }], pointId: [{
+                }], segmentColor: [{
                     type: i0.Input
-                }], heatmapMode: [{
+                }], segmentLabel: [{
                     type: i0.Input
-                }], heatmapModeBlurStdDeviation: [{
+                }], segmentLabelColor: [{
                     type: i0.Input
-                }], heatmapModeZoomLevelThreshold: [{
+                }], showEmptySegments: [{
                     type: i0.Input
                 }], data: [{
                     type: i0.Input
                 }] } });
 
     // !!! This code was automatically generated. You should not change it !!!
-    var VisTopoJSONMapModule = /** @class */ (function () {
-        function VisTopoJSONMapModule() {
+    var VisNestedDonutModule = /** @class */ (function () {
+        function VisNestedDonutModule() {
         }
-        return VisTopoJSONMapModule;
+        return VisNestedDonutModule;
     }());
-    VisTopoJSONMapModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: VisTopoJSONMapModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
-    VisTopoJSONMapModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: VisTopoJSONMapModule, declarations: [VisTopoJSONMapComponent], exports: [VisTopoJSONMapComponent] });
-    VisTopoJSONMapModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: VisTopoJSONMapModule, imports: [[]] });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: VisTopoJSONMapModule, decorators: [{
+    VisNestedDonutModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: VisNestedDonutModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
+    VisNestedDonutModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: VisNestedDonutModule, declarations: [VisNestedDonutComponent], exports: [VisNestedDonutComponent] });
+    VisNestedDonutModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: VisNestedDonutModule, imports: [[]] });
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: VisNestedDonutModule, decorators: [{
                 type: i0.NgModule,
                 args: [{
                         imports: [],
-                        declarations: [VisTopoJSONMapComponent],
-                        exports: [VisTopoJSONMapComponent],
+                        declarations: [VisNestedDonutComponent],
+                        exports: [VisNestedDonutComponent],
                     }]
             }] });
 
@@ -2188,18 +2028,18 @@
             }] });
 
     // !!! This code was automatically generated. You should not change it !!!
-    var VisGraphComponent = /** @class */ (function () {
-        function VisGraphComponent() {
+    var VisScatterComponent = /** @class */ (function () {
+        function VisScatterComponent() {
         }
-        VisGraphComponent.prototype.ngAfterViewInit = function () {
+        VisScatterComponent.prototype.ngAfterViewInit = function () {
             var _a;
-            this.component = new ts.Graph(this.getConfig());
+            this.component = new ts.Scatter(this.getConfig());
             if (this.data) {
                 this.component.setData(this.data);
                 (_a = this.componentContainer) === null || _a === void 0 ? void 0 : _a.render();
             }
         };
-        VisGraphComponent.prototype.ngOnChanges = function (changes) {
+        VisScatterComponent.prototype.ngOnChanges = function (changes) {
             var _a, _b, _c;
             if (changes.data) {
                 (_a = this.component) === null || _a === void 0 ? void 0 : _a.setData(this.data);
@@ -2207,9 +2047,9 @@
             (_b = this.component) === null || _b === void 0 ? void 0 : _b.setConfig(this.getConfig());
             (_c = this.componentContainer) === null || _c === void 0 ? void 0 : _c.render();
         };
-        VisGraphComponent.prototype.getConfig = function () {
-            var _d = this, duration = _d.duration, events = _d.events, attributes = _d.attributes, zoomScaleExtent = _d.zoomScaleExtent, disableZoom = _d.disableZoom, disableDrag = _d.disableDrag, zoomThrottledUpdateNodeThreshold = _d.zoomThrottledUpdateNodeThreshold, onZoom = _d.onZoom, layoutType = _d.layoutType, layoutAutofit = _d.layoutAutofit, layoutAutofitTolerance = _d.layoutAutofitTolerance, layoutNonConnectedAside = _d.layoutNonConnectedAside, layoutNodeGroup = _d.layoutNodeGroup, layoutGroupOrder = _d.layoutGroupOrder, layoutParallelNodesPerColumn = _d.layoutParallelNodesPerColumn, layoutParallelNodeSubGroup = _d.layoutParallelNodeSubGroup, layoutParallelSubGroupsPerRow = _d.layoutParallelSubGroupsPerRow, layoutParallelGroupSpacing = _d.layoutParallelGroupSpacing, layoutParallelSortConnectionsByGroup = _d.layoutParallelSortConnectionsByGroup, forceLayoutSettings = _d.forceLayoutSettings, dagreLayoutSettings = _d.dagreLayoutSettings, layoutElkSettings = _d.layoutElkSettings, layoutElkNodeGroups = _d.layoutElkNodeGroups, linkWidth = _d.linkWidth, linkStyle = _d.linkStyle, linkBandWidth = _d.linkBandWidth, linkArrow = _d.linkArrow, linkStroke = _d.linkStroke, linkDisabled = _d.linkDisabled, linkFlow = _d.linkFlow, linkFlowAnimDuration = _d.linkFlowAnimDuration, linkFlowParticleSize = _d.linkFlowParticleSize, linkLabel = _d.linkLabel, linkLabelShiftFromCenter = _d.linkLabelShiftFromCenter, linkNeighborSpacing = _d.linkNeighborSpacing, selectedLinkId = _d.selectedLinkId, nodeSize = _d.nodeSize, nodeStrokeWidth = _d.nodeStrokeWidth, nodeShape = _d.nodeShape, nodeGaugeValue = _d.nodeGaugeValue, nodeGaugeFill = _d.nodeGaugeFill, nodeGaugeAnimDuration = _d.nodeGaugeAnimDuration, nodeIcon = _d.nodeIcon, nodeIconSize = _d.nodeIconSize, nodeLabel = _d.nodeLabel, nodeLabelTrim = _d.nodeLabelTrim, nodeLabelTrimMode = _d.nodeLabelTrimMode, nodeLabelTrimLength = _d.nodeLabelTrimLength, nodeSubLabel = _d.nodeSubLabel, nodeSubLabelTrim = _d.nodeSubLabelTrim, nodeSubLabelTrimMode = _d.nodeSubLabelTrimMode, nodeSubLabelTrimLength = _d.nodeSubLabelTrimLength, nodeSideLabels = _d.nodeSideLabels, nodeBottomIcon = _d.nodeBottomIcon, nodeDisabled = _d.nodeDisabled, nodeFill = _d.nodeFill, nodeStroke = _d.nodeStroke, nodeSort = _d.nodeSort, nodeEnterPosition = _d.nodeEnterPosition, nodeEnterScale = _d.nodeEnterScale, nodeExitPosition = _d.nodeExitPosition, nodeExitScale = _d.nodeExitScale, selectedNodeId = _d.selectedNodeId, panels = _d.panels;
-            var config = { 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 };
+        VisScatterComponent.prototype.getConfig = function () {
+            var _d = this, duration = _d.duration, events = _d.events, attributes = _d.attributes, x = _d.x, y = _d.y, id = _d.id, color = _d.color, xScale = _d.xScale, yScale = _d.yScale, excludeFromDomainCalculation = _d.excludeFromDomainCalculation, size = _d.size, sizeScale = _d.sizeScale, sizeRange = _d.sizeRange, shape = _d.shape, label = _d.label, labelColor = _d.labelColor, labelHideOverlapping = _d.labelHideOverlapping, cursor = _d.cursor, labelTextBrightnessRatio = _d.labelTextBrightnessRatio, labelPosition = _d.labelPosition, strokeColor = _d.strokeColor, strokeWidth = _d.strokeWidth;
+            var config = { 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 };
             var keys = Object.keys(config);
             keys.forEach(function (key) {
                 if (config[key] === undefined)
@@ -2217,17 +2057,17 @@
             });
             return config;
         };
-        return VisGraphComponent;
+        return VisScatterComponent;
     }());
-    VisGraphComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: VisGraphComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
-    VisGraphComponent.ɵcmp = i0__namespace.ɵɵ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__namespace, template: '', isInline: true });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: VisGraphComponent, decorators: [{
+    VisScatterComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: VisScatterComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
+    VisScatterComponent.ɵcmp = i0__namespace.ɵɵ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__namespace, template: '', isInline: true });
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: VisScatterComponent, decorators: [{
                 type: i0.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: i0.Input
@@ -2235,163 +2075,287 @@
                     type: i0.Input
                 }], attributes: [{
                     type: i0.Input
-                }], zoomScaleExtent: [{
+                }], x: [{
                     type: i0.Input
-                }], disableZoom: [{
+                }], y: [{
                     type: i0.Input
-                }], disableDrag: [{
+                }], id: [{
                     type: i0.Input
-                }], zoomThrottledUpdateNodeThreshold: [{
+                }], color: [{
                     type: i0.Input
-                }], onZoom: [{
+                }], xScale: [{
                     type: i0.Input
-                }], layoutType: [{
+                }], yScale: [{
                     type: i0.Input
-                }], layoutAutofit: [{
+                }], excludeFromDomainCalculation: [{
                     type: i0.Input
-                }], layoutAutofitTolerance: [{
+                }], size: [{
                     type: i0.Input
-                }], layoutNonConnectedAside: [{
+                }], sizeScale: [{
                     type: i0.Input
-                }], layoutNodeGroup: [{
+                }], sizeRange: [{
                     type: i0.Input
-                }], layoutGroupOrder: [{
+                }], shape: [{
                     type: i0.Input
-                }], layoutParallelNodesPerColumn: [{
+                }], label: [{
                     type: i0.Input
-                }], layoutParallelNodeSubGroup: [{
+                }], labelColor: [{
                     type: i0.Input
-                }], layoutParallelSubGroupsPerRow: [{
+                }], labelHideOverlapping: [{
                     type: i0.Input
-                }], layoutParallelGroupSpacing: [{
+                }], cursor: [{
                     type: i0.Input
-                }], layoutParallelSortConnectionsByGroup: [{
+                }], labelTextBrightnessRatio: [{
                     type: i0.Input
-                }], forceLayoutSettings: [{
+                }], labelPosition: [{
                     type: i0.Input
-                }], dagreLayoutSettings: [{
+                }], strokeColor: [{
                     type: i0.Input
-                }], layoutElkSettings: [{
+                }], strokeWidth: [{
                     type: i0.Input
-                }], layoutElkNodeGroups: [{
+                }], data: [{
                     type: i0.Input
-                }], linkWidth: [{
+                }] } });
+
+    // !!! This code was automatically generated. You should not change it !!!
+    var VisScatterModule = /** @class */ (function () {
+        function VisScatterModule() {
+        }
+        return VisScatterModule;
+    }());
+    VisScatterModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: VisScatterModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
+    VisScatterModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: VisScatterModule, declarations: [VisScatterComponent], exports: [VisScatterComponent] });
+    VisScatterModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: VisScatterModule, imports: [[]] });
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: VisScatterModule, decorators: [{
+                type: i0.NgModule,
+                args: [{
+                        imports: [],
+                        declarations: [VisScatterComponent],
+                        exports: [VisScatterComponent],
+                    }]
+            }] });
+
+    // !!! This code was automatically generated. You should not change it !!!
+    var VisStackedBarComponent = /** @class */ (function () {
+        function VisStackedBarComponent() {
+        }
+        VisStackedBarComponent.prototype.ngAfterViewInit = function () {
+            var _a;
+            this.component = new ts.StackedBar(this.getConfig());
+            if (this.data) {
+                this.component.setData(this.data);
+                (_a = this.componentContainer) === null || _a === void 0 ? void 0 : _a.render();
+            }
+        };
+        VisStackedBarComponent.prototype.ngOnChanges = function (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();
+        };
+        VisStackedBarComponent.prototype.getConfig = function () {
+            var _d = this, duration = _d.duration, events = _d.events, attributes = _d.attributes, x = _d.x, y = _d.y, id = _d.id, color = _d.color, xScale = _d.xScale, yScale = _d.yScale, excludeFromDomainCalculation = _d.excludeFromDomainCalculation, barWidth = _d.barWidth, barMaxWidth = _d.barMaxWidth, dataStep = _d.dataStep, barPadding = _d.barPadding, roundedCorners = _d.roundedCorners, cursor = _d.cursor, barMinHeight1Px = _d.barMinHeight1Px, barMinHeightZeroValue = _d.barMinHeightZeroValue, orientation = _d.orientation;
+            var config = { 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 };
+            var keys = Object.keys(config);
+            keys.forEach(function (key) {
+                if (config[key] === undefined)
+                    delete config[key];
+            });
+            return config;
+        };
+        return VisStackedBarComponent;
+    }());
+    VisStackedBarComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: VisStackedBarComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
+    VisStackedBarComponent.ɵcmp = i0__namespace.ɵɵ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__namespace, template: '', isInline: true });
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: VisStackedBarComponent, decorators: [{
+                type: i0.Component,
+                args: [{
+                        selector: 'vis-stacked-bar',
+                        template: '',
+                        // eslint-disable-next-line no-use-before-define
+                        providers: [{ provide: VisXYComponent, useExisting: VisStackedBarComponent }],
+                    }]
+            }], propDecorators: { duration: [{
                     type: i0.Input
-                }], linkStyle: [{
+                }], events: [{
                     type: i0.Input
-                }], linkBandWidth: [{
+                }], attributes: [{
                     type: i0.Input
-                }], linkArrow: [{
+                }], x: [{
                     type: i0.Input
-                }], linkStroke: [{
+                }], y: [{
                     type: i0.Input
-                }], linkDisabled: [{
+                }], id: [{
                     type: i0.Input
-                }], linkFlow: [{
+                }], color: [{
                     type: i0.Input
-                }], linkFlowAnimDuration: [{
+                }], xScale: [{
                     type: i0.Input
-                }], linkFlowParticleSize: [{
+                }], yScale: [{
                     type: i0.Input
-                }], linkLabel: [{
+                }], excludeFromDomainCalculation: [{
                     type: i0.Input
-                }], linkLabelShiftFromCenter: [{
+                }], barWidth: [{
                     type: i0.Input
-                }], linkNeighborSpacing: [{
+                }], barMaxWidth: [{
                     type: i0.Input
-                }], selectedLinkId: [{
+                }], dataStep: [{
                     type: i0.Input
-                }], nodeSize: [{
+                }], barPadding: [{
                     type: i0.Input
-                }], nodeStrokeWidth: [{
+                }], roundedCorners: [{
                     type: i0.Input
-                }], nodeShape: [{
+                }], cursor: [{
                     type: i0.Input
-                }], nodeGaugeValue: [{
+                }], barMinHeight1Px: [{
                     type: i0.Input
-                }], nodeGaugeFill: [{
+                }], barMinHeightZeroValue: [{
                     type: i0.Input
-                }], nodeGaugeAnimDuration: [{
+                }], orientation: [{
                     type: i0.Input
-                }], nodeIcon: [{
+                }], data: [{
                     type: i0.Input
-                }], nodeIconSize: [{
+                }] } });
+
+    // !!! This code was automatically generated. You should not change it !!!
+    var VisStackedBarModule = /** @class */ (function () {
+        function VisStackedBarModule() {
+        }
+        return VisStackedBarModule;
+    }());
+    VisStackedBarModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: VisStackedBarModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
+    VisStackedBarModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: VisStackedBarModule, declarations: [VisStackedBarComponent], exports: [VisStackedBarComponent] });
+    VisStackedBarModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: VisStackedBarModule, imports: [[]] });
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: VisStackedBarModule, decorators: [{
+                type: i0.NgModule,
+                args: [{
+                        imports: [],
+                        declarations: [VisStackedBarComponent],
+                        exports: [VisStackedBarComponent],
+                    }]
+            }] });
+
+    // !!! This code was automatically generated. You should not change it !!!
+    var VisTimelineComponent = /** @class */ (function () {
+        function VisTimelineComponent() {
+        }
+        VisTimelineComponent.prototype.ngAfterViewInit = function () {
+            var _a;
+            this.component = new ts.Timeline(this.getConfig());
+            if (this.data) {
+                this.component.setData(this.data);
+                (_a = this.componentContainer) === null || _a === void 0 ? void 0 : _a.render();
+            }
+        };
+        VisTimelineComponent.prototype.ngOnChanges = function (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();
+        };
+        VisTimelineComponent.prototype.getConfig = function () {
+            var _d = this, duration = _d.duration, events = _d.events, attributes = _d.attributes, x = _d.x, id = _d.id, color = _d.color, xScale = _d.xScale, yScale = _d.yScale, excludeFromDomainCalculation = _d.excludeFromDomainCalculation, lineWidth = _d.lineWidth, lineCap = _d.lineCap, rowHeight = _d.rowHeight, length = _d.length, type = _d.type, cursor = _d.cursor, showLabels = _d.showLabels, labelWidth = _d.labelWidth, maxLabelWidth = _d.maxLabelWidth, alternatingRowColors = _d.alternatingRowColors, onScroll = _d.onScroll, showEmptySegments = _d.showEmptySegments;
+            var config = { 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 };
+            var keys = Object.keys(config);
+            keys.forEach(function (key) {
+                if (config[key] === undefined)
+                    delete config[key];
+            });
+            return config;
+        };
+        return VisTimelineComponent;
+    }());
+    VisTimelineComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: VisTimelineComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
+    VisTimelineComponent.ɵcmp = i0__namespace.ɵɵ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__namespace, template: '', isInline: true });
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: VisTimelineComponent, decorators: [{
+                type: i0.Component,
+                args: [{
+                        selector: 'vis-timeline',
+                        template: '',
+                        // eslint-disable-next-line no-use-before-define
+                        providers: [{ provide: VisXYComponent, useExisting: VisTimelineComponent }],
+                    }]
+            }], propDecorators: { duration: [{
                     type: i0.Input
-                }], nodeLabel: [{
+                }], events: [{
                     type: i0.Input
-                }], nodeLabelTrim: [{
+                }], attributes: [{
                     type: i0.Input
-                }], nodeLabelTrimMode: [{
+                }], x: [{
                     type: i0.Input
-                }], nodeLabelTrimLength: [{
+                }], id: [{
                     type: i0.Input
-                }], nodeSubLabel: [{
+                }], color: [{
                     type: i0.Input
-                }], nodeSubLabelTrim: [{
+                }], xScale: [{
                     type: i0.Input
-                }], nodeSubLabelTrimMode: [{
+                }], yScale: [{
                     type: i0.Input
-                }], nodeSubLabelTrimLength: [{
+                }], excludeFromDomainCalculation: [{
                     type: i0.Input
-                }], nodeSideLabels: [{
+                }], lineWidth: [{
                     type: i0.Input
-                }], nodeBottomIcon: [{
+                }], lineCap: [{
                     type: i0.Input
-                }], nodeDisabled: [{
+                }], rowHeight: [{
                     type: i0.Input
-                }], nodeFill: [{
+                }], length: [{
                     type: i0.Input
-                }], nodeStroke: [{
+                }], type: [{
                     type: i0.Input
-                }], nodeSort: [{
+                }], cursor: [{
                     type: i0.Input
-                }], nodeEnterPosition: [{
+                }], showLabels: [{
                     type: i0.Input
-                }], nodeEnterScale: [{
+                }], labelWidth: [{
                     type: i0.Input
-                }], nodeExitPosition: [{
+                }], maxLabelWidth: [{
                     type: i0.Input
-                }], nodeExitScale: [{
+                }], alternatingRowColors: [{
                     type: i0.Input
-                }], selectedNodeId: [{
+                }], onScroll: [{
                     type: i0.Input
-                }], panels: [{
+                }], showEmptySegments: [{
                     type: i0.Input
                 }], data: [{
                     type: i0.Input
                 }] } });
 
     // !!! This code was automatically generated. You should not change it !!!
-    var VisGraphModule = /** @class */ (function () {
-        function VisGraphModule() {
+    var VisTimelineModule = /** @class */ (function () {
+        function VisTimelineModule() {
         }
-        return VisGraphModule;
+        return VisTimelineModule;
     }());
-    VisGraphModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: VisGraphModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
-    VisGraphModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: VisGraphModule, declarations: [VisGraphComponent], exports: [VisGraphComponent] });
-    VisGraphModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: VisGraphModule, imports: [[]] });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: VisGraphModule, decorators: [{
+    VisTimelineModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: VisTimelineModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
+    VisTimelineModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: VisTimelineModule, declarations: [VisTimelineComponent], exports: [VisTimelineComponent] });
+    VisTimelineModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: VisTimelineModule, imports: [[]] });
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: VisTimelineModule, decorators: [{
                 type: i0.NgModule,
                 args: [{
                         imports: [],
-                        declarations: [VisGraphComponent],
-                        exports: [VisGraphComponent],
+                        declarations: [VisTimelineComponent],
+                        exports: [VisTimelineComponent],
                     }]
             }] });
 
     // !!! This code was automatically generated. You should not change it !!!
-    var VisNestedDonutComponent = /** @class */ (function () {
-        function VisNestedDonutComponent() {
+    var VisXYLabelsComponent = /** @class */ (function () {
+        function VisXYLabelsComponent() {
         }
-        VisNestedDonutComponent.prototype.ngAfterViewInit = function () {
+        VisXYLabelsComponent.prototype.ngAfterViewInit = function () {
             var _a;
-            this.component = new ts.NestedDonut(this.getConfig());
+            this.component = new ts.XYLabels(this.getConfig());
             if (this.data) {
                 this.component.setData(this.data);
                 (_a = this.componentContainer) === null || _a === void 0 ? void 0 : _a.render();
             }
         };
-        VisNestedDonutComponent.prototype.ngOnChanges = function (changes) {
+        VisXYLabelsComponent.prototype.ngOnChanges = function (changes) {
             var _a, _b, _c;
             if (changes.data) {
                 (_a = this.component) === null || _a === void 0 ? void 0 : _a.setData(this.data);
@@ -2399,9 +2363,9 @@
             (_b = this.component) === null || _b === void 0 ? void 0 : _b.setConfig(this.getConfig());
             (_c = this.componentContainer) === null || _c === void 0 ? void 0 : _c.render();
         };
-        VisNestedDonutComponent.prototype.getConfig = function () {
-            var _d = this, duration = _d.duration, events = _d.events, attributes = _d.attributes, angleRange = _d.angleRange, direction = _d.direction, value = _d.value, centralLabel = _d.centralLabel, centralSubLabel = _d.centralSubLabel, centralSubLabelWrap = _d.centralSubLabelWrap, showBackground = _d.showBackground, sort = _d.sort, layers = _d.layers, layerSettings = _d.layerSettings, layerPadding = _d.layerPadding, cornerRadius = _d.cornerRadius, emptySegmentAngle = _d.emptySegmentAngle, hideOverflowingSegmentLabels = _d.hideOverflowingSegmentLabels, segmentColor = _d.segmentColor, segmentLabel = _d.segmentLabel, segmentLabelColor = _d.segmentLabelColor, showEmptySegments = _d.showEmptySegments;
-            var config = { 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 };
+        VisXYLabelsComponent.prototype.getConfig = function () {
+            var _d = this, duration = _d.duration, events = _d.events, attributes = _d.attributes, x = _d.x, y = _d.y, id = _d.id, color = _d.color, xScale = _d.xScale, yScale = _d.yScale, excludeFromDomainCalculation = _d.excludeFromDomainCalculation, xPositioning = _d.xPositioning, yPositioning = _d.yPositioning, labelFontSize = _d.labelFontSize, label = _d.label, backgroundColor = _d.backgroundColor, cursor = _d.cursor, labelTextBrightnessRatio = _d.labelTextBrightnessRatio, clustering = _d.clustering, clusterLabel = _d.clusterLabel, clusterFontSize = _d.clusterFontSize, clusterBackgroundColor = _d.clusterBackgroundColor, clusterCursor = _d.clusterCursor, clusterLabelColor = _d.clusterLabelColor;
+            var config = { 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 };
             var keys = Object.keys(config);
             keys.forEach(function (key) {
                 if (config[key] === undefined)
@@ -2409,17 +2373,17 @@
             });
             return config;
         };
-        return VisNestedDonutComponent;
+        return VisXYLabelsComponent;
     }());
-    VisNestedDonutComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: VisNestedDonutComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
-    VisNestedDonutComponent.ɵcmp = i0__namespace.ɵɵ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__namespace, template: '', isInline: true });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: VisNestedDonutComponent, decorators: [{
+    VisXYLabelsComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: VisXYLabelsComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
+    VisXYLabelsComponent.ɵcmp = i0__namespace.ɵɵ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__namespace, template: '', isInline: true });
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: VisXYLabelsComponent, decorators: [{
                 type: i0.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: i0.Input
@@ -2427,61 +2391,195 @@
                     type: i0.Input
                 }], attributes: [{
                     type: i0.Input
-                }], angleRange: [{
+                }], x: [{
                     type: i0.Input
-                }], direction: [{
+                }], y: [{
                     type: i0.Input
-                }], value: [{
+                }], id: [{
                     type: i0.Input
-                }], centralLabel: [{
+                }], color: [{
                     type: i0.Input
-                }], centralSubLabel: [{
+                }], xScale: [{
                     type: i0.Input
-                }], centralSubLabelWrap: [{
+                }], yScale: [{
                     type: i0.Input
-                }], showBackground: [{
+                }], excludeFromDomainCalculation: [{
                     type: i0.Input
-                }], sort: [{
+                }], xPositioning: [{
                     type: i0.Input
-                }], layers: [{
+                }], yPositioning: [{
                     type: i0.Input
-                }], layerSettings: [{
+                }], labelFontSize: [{
                     type: i0.Input
-                }], layerPadding: [{
+                }], label: [{
                     type: i0.Input
-                }], cornerRadius: [{
+                }], backgroundColor: [{
                     type: i0.Input
-                }], emptySegmentAngle: [{
+                }], cursor: [{
                     type: i0.Input
-                }], hideOverflowingSegmentLabels: [{
+                }], labelTextBrightnessRatio: [{
                     type: i0.Input
-                }], segmentColor: [{
+                }], clustering: [{
                     type: i0.Input
-                }], segmentLabel: [{
+                }], clusterLabel: [{
                     type: i0.Input
-                }], segmentLabelColor: [{
+                }], clusterFontSize: [{
                     type: i0.Input
-                }], showEmptySegments: [{
+                }], clusterBackgroundColor: [{
+                    type: i0.Input
+                }], clusterCursor: [{
+                    type: i0.Input
+                }], clusterLabelColor: [{
                     type: i0.Input
                 }], data: [{
                     type: i0.Input
                 }] } });
 
     // !!! This code was automatically generated. You should not change it !!!
-    var VisNestedDonutModule = /** @class */ (function () {
-        function VisNestedDonutModule() {
+    var VisXYLabelsModule = /** @class */ (function () {
+        function VisXYLabelsModule() {
         }
-        return VisNestedDonutModule;
+        return VisXYLabelsModule;
     }());
-    VisNestedDonutModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: VisNestedDonutModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
-    VisNestedDonutModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: VisNestedDonutModule, declarations: [VisNestedDonutComponent], exports: [VisNestedDonutComponent] });
-    VisNestedDonutModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: VisNestedDonutModule, imports: [[]] });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: VisNestedDonutModule, decorators: [{
+    VisXYLabelsModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: VisXYLabelsModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
+    VisXYLabelsModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: VisXYLabelsModule, declarations: [VisXYLabelsComponent], exports: [VisXYLabelsComponent] });
+    VisXYLabelsModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: VisXYLabelsModule, imports: [[]] });
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: VisXYLabelsModule, decorators: [{
                 type: i0.NgModule,
                 args: [{
                         imports: [],
-                        declarations: [VisNestedDonutComponent],
-                        exports: [VisNestedDonutComponent],
+                        declarations: [VisXYLabelsComponent],
+                        exports: [VisXYLabelsComponent],
+                    }]
+            }] });
+
+    // !!! This code was automatically generated. You should not change it !!!
+    var VisTopoJSONMapComponent = /** @class */ (function () {
+        function VisTopoJSONMapComponent() {
+        }
+        VisTopoJSONMapComponent.prototype.ngAfterViewInit = function () {
+            var _a;
+            this.component = new ts.TopoJSONMap(this.getConfig());
+            if (this.data) {
+                this.component.setData(this.data);
+                (_a = this.componentContainer) === null || _a === void 0 ? void 0 : _a.render();
+            }
+        };
+        VisTopoJSONMapComponent.prototype.ngOnChanges = function (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();
+        };
+        VisTopoJSONMapComponent.prototype.getConfig = function () {
+            var _d = this, duration = _d.duration, events = _d.events, attributes = _d.attributes, projection = _d.projection, topojson = _d.topojson, mapFeatureName = _d.mapFeatureName, mapFitToPoints = _d.mapFitToPoints, zoomFactor = _d.zoomFactor, disableZoom = _d.disableZoom, zoomExtent = _d.zoomExtent, zoomDuration = _d.zoomDuration, linkWidth = _d.linkWidth, linkColor = _d.linkColor, linkCursor = _d.linkCursor, linkId = _d.linkId, linkSource = _d.linkSource, linkTarget = _d.linkTarget, areaId = _d.areaId, areaColor = _d.areaColor, areaCursor = _d.areaCursor, pointColor = _d.pointColor, pointRadius = _d.pointRadius, pointStrokeWidth = _d.pointStrokeWidth, pointCursor = _d.pointCursor, longitude = _d.longitude, latitude = _d.latitude, pointLabel = _d.pointLabel, pointLabelPosition = _d.pointLabelPosition, pointLabelTextBrightnessRatio = _d.pointLabelTextBrightnessRatio, pointId = _d.pointId, heatmapMode = _d.heatmapMode, heatmapModeBlurStdDeviation = _d.heatmapModeBlurStdDeviation, heatmapModeZoomLevelThreshold = _d.heatmapModeZoomLevelThreshold;
+            var config = { 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 };
+            var keys = Object.keys(config);
+            keys.forEach(function (key) {
+                if (config[key] === undefined)
+                    delete config[key];
+            });
+            return config;
+        };
+        return VisTopoJSONMapComponent;
+    }());
+    VisTopoJSONMapComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: VisTopoJSONMapComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
+    VisTopoJSONMapComponent.ɵcmp = i0__namespace.ɵɵ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__namespace, template: '', isInline: true });
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: VisTopoJSONMapComponent, decorators: [{
+                type: i0.Component,
+                args: [{
+                        selector: 'vis-topojson-map',
+                        template: '',
+                        // eslint-disable-next-line no-use-before-define
+                        providers: [{ provide: VisCoreComponent, useExisting: VisTopoJSONMapComponent }],
+                    }]
+            }], propDecorators: { duration: [{
+                    type: i0.Input
+                }], events: [{
+                    type: i0.Input
+                }], attributes: [{
+                    type: i0.Input
+                }], projection: [{
+                    type: i0.Input
+                }], topojson: [{
+                    type: i0.Input
+                }], mapFeatureName: [{
+                    type: i0.Input
+                }], mapFitToPoints: [{
+                    type: i0.Input
+                }], zoomFactor: [{
+                    type: i0.Input
+                }], disableZoom: [{
+                    type: i0.Input
+                }], zoomExtent: [{
+                    type: i0.Input
+                }], zoomDuration: [{
+                    type: i0.Input
+                }], linkWidth: [{
+                    type: i0.Input
+                }], linkColor: [{
+                    type: i0.Input
+                }], linkCursor: [{
+                    type: i0.Input
+                }], linkId: [{
+                    type: i0.Input
+                }], linkSource: [{
+                    type: i0.Input
+                }], linkTarget: [{
+                    type: i0.Input
+                }], areaId: [{
+                    type: i0.Input
+                }], areaColor: [{
+                    type: i0.Input
+                }], areaCursor: [{
+                    type: i0.Input
+                }], pointColor: [{
+                    type: i0.Input
+                }], pointRadius: [{
+                    type: i0.Input
+                }], pointStrokeWidth: [{
+                    type: i0.Input
+                }], pointCursor: [{
+                    type: i0.Input
+                }], longitude: [{
+                    type: i0.Input
+                }], latitude: [{
+                    type: i0.Input
+                }], pointLabel: [{
+                    type: i0.Input
+                }], pointLabelPosition: [{
+                    type: i0.Input
+                }], pointLabelTextBrightnessRatio: [{
+                    type: i0.Input
+                }], pointId: [{
+                    type: i0.Input
+                }], heatmapMode: [{
+                    type: i0.Input
+                }], heatmapModeBlurStdDeviation: [{
+                    type: i0.Input
+                }], heatmapModeZoomLevelThreshold: [{
+                    type: i0.Input
+                }], data: [{
+                    type: i0.Input
+                }] } });
+
+    // !!! This code was automatically generated. You should not change it !!!
+    var VisTopoJSONMapModule = /** @class */ (function () {
+        function VisTopoJSONMapModule() {
+        }
+        return VisTopoJSONMapModule;
+    }());
+    VisTopoJSONMapModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: VisTopoJSONMapModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
+    VisTopoJSONMapModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: VisTopoJSONMapModule, declarations: [VisTopoJSONMapComponent], exports: [VisTopoJSONMapComponent] });
+    VisTopoJSONMapModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: VisTopoJSONMapModule, imports: [[]] });
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: VisTopoJSONMapModule, decorators: [{
+                type: i0.NgModule,
+                args: [{
+                        imports: [],
+                        declarations: [VisTopoJSONMapComponent],
+                        exports: [VisTopoJSONMapComponent],
                     }]
             }] });
 
@@ -2924,6 +3022,8 @@
     exports.VisBrushModule = VisBrushModule;
     exports.VisBulletLegendComponent = VisBulletLegendComponent;
     exports.VisBulletLegendModule = VisBulletLegendModule;
+    exports.VisChordDiagramComponent = VisChordDiagramComponent;
+    exports.VisChordDiagramModule = VisChordDiagramModule;
     exports.VisCoreComponent = VisCoreComponent;
     exports.VisCrosshairComponent = VisCrosshairComponent;
     exports.VisCrosshairModule = VisCrosshairModule;