@unovis/angular 1.6.0-pre.2 → 1.6.1

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

@@ -1,6 +1,6 @@
 import * as i0 from '@angular/core';
 import { Component, Input, ViewChild, ContentChildren, ContentChild, NgModule } from '@angular/core';
-import { Tooltip, Annotations, Direction, XYContainer, Crosshair, Axis, SingleContainer, Area, Brush, ChordDiagram, Donut, FreeBrush, Graph, GroupedBar, Line, NestedDonut, Sankey, Scatter, StackedBar, Timeline, XYLabels, TopoJSONMap, LeafletMap, LeafletFlowMap, BulletLegend } from '@unovis/ts';
+import { Tooltip, Annotations, Direction, XYContainer, Crosshair, Axis, SingleContainer, Area, Brush, ChordDiagram, Donut, FreeBrush, Graph, GroupedBar, Line, NestedDonut, Plotline, Sankey, Scatter, StackedBar, Timeline, XYLabels, TopoJSONMap, Plotband, LeafletMap, LeafletFlowMap, BulletLegend, RollingPinLegend } from '@unovis/ts';
 
 class VisGenericComponent {
 }
@@ -502,8 +502,8 @@ class VisAxisComponent {
         (_c = this.componentContainer) === null || _c === void 0 ? void 0 : _c.render();
     }
     getConfig() {
-        const { duration, events, attributes, position, type, fullSize, label, labelFontSize, labelMargin, labelColor, gridLine, tickLine, domainLine, minMaxTicksOnly, minMaxTicksOnlyWhenWidthIsLess, tickFormat, tickValues, numTicks, tickTextFitMode, tickTextWidth, tickTextSeparator, tickTextForceWordBreak, tickTextTrimType, tickTextFontSize, tickTextAlign, tickTextColor, tickTextAngle, tickTextHideOverlapping, tickPadding } = this;
-        const config = { duration, events, attributes, position, type, fullSize, label, labelFontSize, labelMargin, labelColor, gridLine, tickLine, domainLine, minMaxTicksOnly, minMaxTicksOnlyWhenWidthIsLess, tickFormat, tickValues, numTicks, tickTextFitMode, tickTextWidth, tickTextSeparator, tickTextForceWordBreak, tickTextTrimType, tickTextFontSize, tickTextAlign, tickTextColor, tickTextAngle, tickTextHideOverlapping, tickPadding };
+        const { duration, events, attributes, position, type, fullSize, label, labelFontSize, labelMargin, labelTextFitMode, labelTextTrimType, labelColor, gridLine, tickLine, domainLine, minMaxTicksOnly, minMaxTicksOnlyShowGridLines, minMaxTicksOnlyWhenWidthIsLess, tickFormat, tickValues, numTicks, tickTextFitMode, tickTextWidth, tickTextSeparator, tickTextForceWordBreak, tickTextTrimType, tickTextFontSize, tickTextAlign, tickTextColor, tickTextAngle, tickTextHideOverlapping, tickPadding } = this;
+        const config = { duration, events, attributes, position, type, fullSize, label, labelFontSize, labelMargin, labelTextFitMode, labelTextTrimType, labelColor, gridLine, tickLine, domainLine, minMaxTicksOnly, minMaxTicksOnlyShowGridLines, minMaxTicksOnlyWhenWidthIsLess, tickFormat, tickValues, numTicks, tickTextFitMode, tickTextWidth, tickTextSeparator, tickTextForceWordBreak, tickTextTrimType, tickTextFontSize, tickTextAlign, tickTextColor, tickTextAngle, tickTextHideOverlapping, tickPadding };
         const keys = Object.keys(config);
         keys.forEach(key => { if (config[key] === undefined)
             delete config[key]; });
@@ -511,7 +511,7 @@ class VisAxisComponent {
     }
 }
 VisAxisComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: VisAxisComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-VisAxisComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: VisAxisComponent, selector: "vis-axis", inputs: { duration: "duration", events: "events", attributes: "attributes", position: "position", type: "type", fullSize: "fullSize", label: "label", labelFontSize: "labelFontSize", labelMargin: "labelMargin", labelColor: "labelColor", gridLine: "gridLine", tickLine: "tickLine", domainLine: "domainLine", minMaxTicksOnly: "minMaxTicksOnly", minMaxTicksOnlyWhenWidthIsLess: "minMaxTicksOnlyWhenWidthIsLess", tickFormat: "tickFormat", tickValues: "tickValues", numTicks: "numTicks", tickTextFitMode: "tickTextFitMode", tickTextWidth: "tickTextWidth", tickTextSeparator: "tickTextSeparator", tickTextForceWordBreak: "tickTextForceWordBreak", tickTextTrimType: "tickTextTrimType", tickTextFontSize: "tickTextFontSize", tickTextAlign: "tickTextAlign", tickTextColor: "tickTextColor", tickTextAngle: "tickTextAngle", tickTextHideOverlapping: "tickTextHideOverlapping", tickPadding: "tickPadding", data: "data" }, providers: [{ provide: VisXYComponent, useExisting: VisAxisComponent }], usesOnChanges: true, ngImport: i0, template: '', isInline: true });
+VisAxisComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: VisAxisComponent, selector: "vis-axis", inputs: { duration: "duration", events: "events", attributes: "attributes", position: "position", type: "type", fullSize: "fullSize", label: "label", labelFontSize: "labelFontSize", labelMargin: "labelMargin", labelTextFitMode: "labelTextFitMode", labelTextTrimType: "labelTextTrimType", labelColor: "labelColor", gridLine: "gridLine", tickLine: "tickLine", domainLine: "domainLine", minMaxTicksOnly: "minMaxTicksOnly", minMaxTicksOnlyShowGridLines: "minMaxTicksOnlyShowGridLines", minMaxTicksOnlyWhenWidthIsLess: "minMaxTicksOnlyWhenWidthIsLess", tickFormat: "tickFormat", tickValues: "tickValues", numTicks: "numTicks", tickTextFitMode: "tickTextFitMode", tickTextWidth: "tickTextWidth", tickTextSeparator: "tickTextSeparator", tickTextForceWordBreak: "tickTextForceWordBreak", tickTextTrimType: "tickTextTrimType", tickTextFontSize: "tickTextFontSize", tickTextAlign: "tickTextAlign", tickTextColor: "tickTextColor", tickTextAngle: "tickTextAngle", tickTextHideOverlapping: "tickTextHideOverlapping", tickPadding: "tickPadding", data: "data" }, providers: [{ provide: VisXYComponent, useExisting: VisAxisComponent }], usesOnChanges: true, ngImport: i0, template: '', isInline: true });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: VisAxisComponent, decorators: [{
             type: Component,
             args: [{
@@ -538,6 +538,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImpo
                 type: Input
             }], labelMargin: [{
                 type: Input
+            }], labelTextFitMode: [{
+                type: Input
+            }], labelTextTrimType: [{
+                type: Input
             }], labelColor: [{
                 type: Input
             }], gridLine: [{
@@ -548,6 +552,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImpo
                 type: Input
             }], minMaxTicksOnly: [{
                 type: Input
+            }], minMaxTicksOnlyShowGridLines: [{
+                type: Input
             }], minMaxTicksOnlyWhenWidthIsLess: [{
                 type: Input
             }], tickFormat: [{
@@ -786,8 +792,8 @@ class VisCrosshairComponent {
         (_c = this.componentContainer) === null || _c === void 0 ? void 0 : _c.render();
     }
     getConfig() {
-        const { duration, events, attributes, x, y, id, color, xScale, yScale, excludeFromDomainCalculation, strokeColor, strokeWidth, yStacked, baseline, tooltip, template, hideWhenFarFromPointer, hideWhenFarFromPointerDistance, snapToData, getCircles } = this;
-        const config = { duration, events, attributes, x, y, id, color, xScale, yScale, excludeFromDomainCalculation, strokeColor, strokeWidth, yStacked, baseline, tooltip, template, hideWhenFarFromPointer, hideWhenFarFromPointerDistance, snapToData, getCircles };
+        const { duration, events, attributes, x, y, id, color, xScale, yScale, excludeFromDomainCalculation, strokeColor, strokeWidth, yStacked, baseline, tooltip, template, hideWhenFarFromPointer, hideWhenFarFromPointerDistance, snapToData, getCircles, onCrosshairMove, forceShowAt } = this;
+        const config = { duration, events, attributes, x, y, id, color, xScale, yScale, excludeFromDomainCalculation, strokeColor, strokeWidth, yStacked, baseline, tooltip, template, hideWhenFarFromPointer, hideWhenFarFromPointerDistance, snapToData, getCircles, onCrosshairMove, forceShowAt };
         const keys = Object.keys(config);
         keys.forEach(key => { if (config[key] === undefined)
             delete config[key]; });
@@ -795,7 +801,7 @@ class VisCrosshairComponent {
     }
 }
 VisCrosshairComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: VisCrosshairComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-VisCrosshairComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: VisCrosshairComponent, selector: "vis-crosshair", inputs: { duration: "duration", events: "events", attributes: "attributes", x: "x", y: "y", id: "id", color: "color", xScale: "xScale", yScale: "yScale", excludeFromDomainCalculation: "excludeFromDomainCalculation", strokeColor: "strokeColor", strokeWidth: "strokeWidth", yStacked: "yStacked", baseline: "baseline", tooltip: "tooltip", template: "template", hideWhenFarFromPointer: "hideWhenFarFromPointer", hideWhenFarFromPointerDistance: "hideWhenFarFromPointerDistance", snapToData: "snapToData", getCircles: "getCircles", data: "data" }, providers: [{ provide: VisXYComponent, useExisting: VisCrosshairComponent }], usesOnChanges: true, ngImport: i0, template: '', isInline: true });
+VisCrosshairComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: VisCrosshairComponent, selector: "vis-crosshair", inputs: { duration: "duration", events: "events", attributes: "attributes", x: "x", y: "y", id: "id", color: "color", xScale: "xScale", yScale: "yScale", excludeFromDomainCalculation: "excludeFromDomainCalculation", strokeColor: "strokeColor", strokeWidth: "strokeWidth", yStacked: "yStacked", baseline: "baseline", tooltip: "tooltip", template: "template", hideWhenFarFromPointer: "hideWhenFarFromPointer", hideWhenFarFromPointerDistance: "hideWhenFarFromPointerDistance", snapToData: "snapToData", getCircles: "getCircles", onCrosshairMove: "onCrosshairMove", forceShowAt: "forceShowAt", data: "data" }, providers: [{ provide: VisXYComponent, useExisting: VisCrosshairComponent }], usesOnChanges: true, ngImport: i0, template: '', isInline: true });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: VisCrosshairComponent, decorators: [{
             type: Component,
             args: [{
@@ -844,6 +850,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImpo
                 type: Input
             }], getCircles: [{
                 type: Input
+            }], onCrosshairMove: [{
+                type: Input
+            }], forceShowAt: [{
+                type: Input
             }], data: [{
                 type: Input
             }] } });
@@ -1060,8 +1070,8 @@ class VisGraphComponent {
         (_c = this.componentContainer) === null || _c === void 0 ? void 0 : _c.render();
     }
     getConfig() {
-        const { duration, events, attributes, zoomScaleExtent, disableZoom, zoomEventFilter, disableDrag, disableBrush, zoomThrottledUpdateNodeThreshold, fitViewPadding, fitViewAlign, layoutType, layoutAutofit, layoutAutofitTolerance, layoutNonConnectedAside, layoutNodeGroup, layoutGroupOrder, layoutParallelNodesPerColumn, layoutParallelNodeSubGroup, layoutParallelSubGroupsPerRow, layoutParallelGroupSpacing, layoutParallelSortConnectionsByGroup, forceLayoutSettings, dagreLayoutSettings, layoutElkSettings, layoutElkNodeGroups, layoutElkGetNodeShape, linkWidth, linkStyle, linkBandWidth, linkArrow, linkStroke, linkDisabled, linkFlow, linkFlowAnimDuration, linkFlowParticleSize, linkFlowParticleSpeed, linkLabel, linkLabelShiftFromCenter, linkNeighborSpacing, linkCurvature, linkHighlightOnHover, linkSourcePointOffset, linkTargetPointOffset, selectedLinkId, nodeSize, nodeStrokeWidth, nodeShape, nodeGaugeValue, nodeGaugeFill, nodeGaugeAnimDuration, nodeIcon, nodeIconSize, nodeLabel, nodeLabelTrim, nodeLabelTrimMode, nodeLabelTrimLength, nodeSubLabel, nodeSubLabelTrim, nodeSubLabelTrimMode, nodeSubLabelTrimLength, nodeSideLabels, nodeBottomIcon, nodeDisabled, nodeFill, nodeStroke, nodeSort, nodeEnterPosition, nodeEnterScale, nodeExitPosition, nodeExitScale, nodeEnterCustomRenderFunction, nodeUpdateCustomRenderFunction, nodePartialUpdateCustomRenderFunction, nodeExitCustomRenderFunction, nodeOnZoomCustomRenderFunction, nodeSelectionHighlightMode, selectedNodeId, selectedNodeIds, panels, onNodeDragStart, onNodeDrag, onNodeDragEnd, onZoom, onZoomStart, onZoomEnd, onLayoutCalculated, onNodeSelectionBrush, onNodeSelectionDrag, onRenderComplete, shouldDataUpdate } = this;
-        const config = { duration, events, attributes, zoomScaleExtent, disableZoom, zoomEventFilter, disableDrag, disableBrush, zoomThrottledUpdateNodeThreshold, fitViewPadding, fitViewAlign, layoutType, layoutAutofit, layoutAutofitTolerance, layoutNonConnectedAside, layoutNodeGroup, layoutGroupOrder, layoutParallelNodesPerColumn, layoutParallelNodeSubGroup, layoutParallelSubGroupsPerRow, layoutParallelGroupSpacing, layoutParallelSortConnectionsByGroup, forceLayoutSettings, dagreLayoutSettings, layoutElkSettings, layoutElkNodeGroups, layoutElkGetNodeShape, linkWidth, linkStyle, linkBandWidth, linkArrow, linkStroke, linkDisabled, linkFlow, linkFlowAnimDuration, linkFlowParticleSize, linkFlowParticleSpeed, linkLabel, linkLabelShiftFromCenter, linkNeighborSpacing, linkCurvature, linkHighlightOnHover, linkSourcePointOffset, linkTargetPointOffset, selectedLinkId, nodeSize, nodeStrokeWidth, nodeShape, nodeGaugeValue, nodeGaugeFill, nodeGaugeAnimDuration, nodeIcon, nodeIconSize, nodeLabel, nodeLabelTrim, nodeLabelTrimMode, nodeLabelTrimLength, nodeSubLabel, nodeSubLabelTrim, nodeSubLabelTrimMode, nodeSubLabelTrimLength, nodeSideLabels, nodeBottomIcon, nodeDisabled, nodeFill, nodeStroke, nodeSort, nodeEnterPosition, nodeEnterScale, nodeExitPosition, nodeExitScale, nodeEnterCustomRenderFunction, nodeUpdateCustomRenderFunction, nodePartialUpdateCustomRenderFunction, nodeExitCustomRenderFunction, nodeOnZoomCustomRenderFunction, nodeSelectionHighlightMode, selectedNodeId, selectedNodeIds, panels, onNodeDragStart, onNodeDrag, onNodeDragEnd, onZoom, onZoomStart, onZoomEnd, onLayoutCalculated, onNodeSelectionBrush, onNodeSelectionDrag, onRenderComplete, shouldDataUpdate };
+        const { duration, events, attributes, zoomScaleExtent, disableZoom, zoomEventFilter, disableDrag, disableBrush, zoomThrottledUpdateNodeThreshold, fitViewPadding, fitViewAlign, layoutType, layoutAutofit, layoutAutofitTolerance, layoutNonConnectedAside, layoutNodeGroup, layoutGroupOrder, layoutParallelNodesPerColumn, layoutParallelNodeSubGroup, layoutParallelSubGroupsPerRow, layoutParallelNodeSpacing, layoutParallelSubGroupSpacing, layoutParallelGroupSpacing, layoutParallelSortConnectionsByGroup, forceLayoutSettings, dagreLayoutSettings, layoutElkSettings, layoutElkNodeGroups, layoutElkGetNodeShape, linkWidth, linkStyle, linkBandWidth, linkArrow, linkStroke, linkDisabled, linkFlow, linkFlowAnimDuration, linkFlowParticleSize, linkFlowParticleSpeed, linkLabel, linkLabelShiftFromCenter, linkNeighborSpacing, linkCurvature, linkHighlightOnHover, linkSourcePointOffset, linkTargetPointOffset, selectedLinkId, nodeSize, nodeStrokeWidth, nodeShape, nodeGaugeValue, nodeGaugeFill, nodeGaugeAnimDuration, nodeIcon, nodeIconSize, nodeLabel, nodeLabelTrim, nodeLabelTrimMode, nodeLabelTrimLength, nodeSubLabel, nodeSubLabelTrim, nodeSubLabelTrimMode, nodeSubLabelTrimLength, nodeSideLabels, nodeBottomIcon, nodeDisabled, nodeFill, nodeStroke, nodeSort, nodeEnterPosition, nodeEnterScale, nodeExitPosition, nodeExitScale, nodeEnterCustomRenderFunction, nodeUpdateCustomRenderFunction, nodePartialUpdateCustomRenderFunction, nodeExitCustomRenderFunction, nodeOnZoomCustomRenderFunction, nodeSelectionHighlightMode, selectedNodeId, selectedNodeIds, panels, onNodeDragStart, onNodeDrag, onNodeDragEnd, onZoom, onZoomStart, onZoomEnd, onLayoutCalculated, onNodeSelectionBrush, onNodeSelectionDrag, onRenderComplete, shouldDataUpdate } = this;
+        const config = { duration, events, attributes, zoomScaleExtent, disableZoom, zoomEventFilter, disableDrag, disableBrush, zoomThrottledUpdateNodeThreshold, fitViewPadding, fitViewAlign, layoutType, layoutAutofit, layoutAutofitTolerance, layoutNonConnectedAside, layoutNodeGroup, layoutGroupOrder, layoutParallelNodesPerColumn, layoutParallelNodeSubGroup, layoutParallelSubGroupsPerRow, layoutParallelNodeSpacing, layoutParallelSubGroupSpacing, layoutParallelGroupSpacing, layoutParallelSortConnectionsByGroup, forceLayoutSettings, dagreLayoutSettings, layoutElkSettings, layoutElkNodeGroups, layoutElkGetNodeShape, linkWidth, linkStyle, linkBandWidth, linkArrow, linkStroke, linkDisabled, linkFlow, linkFlowAnimDuration, linkFlowParticleSize, linkFlowParticleSpeed, linkLabel, linkLabelShiftFromCenter, linkNeighborSpacing, linkCurvature, linkHighlightOnHover, linkSourcePointOffset, linkTargetPointOffset, selectedLinkId, nodeSize, nodeStrokeWidth, nodeShape, nodeGaugeValue, nodeGaugeFill, nodeGaugeAnimDuration, nodeIcon, nodeIconSize, nodeLabel, nodeLabelTrim, nodeLabelTrimMode, nodeLabelTrimLength, nodeSubLabel, nodeSubLabelTrim, nodeSubLabelTrimMode, nodeSubLabelTrimLength, nodeSideLabels, nodeBottomIcon, nodeDisabled, nodeFill, nodeStroke, nodeSort, nodeEnterPosition, nodeEnterScale, nodeExitPosition, nodeExitScale, nodeEnterCustomRenderFunction, nodeUpdateCustomRenderFunction, nodePartialUpdateCustomRenderFunction, nodeExitCustomRenderFunction, nodeOnZoomCustomRenderFunction, nodeSelectionHighlightMode, selectedNodeId, selectedNodeIds, panels, onNodeDragStart, onNodeDrag, onNodeDragEnd, onZoom, onZoomStart, onZoomEnd, onLayoutCalculated, onNodeSelectionBrush, onNodeSelectionDrag, onRenderComplete, shouldDataUpdate };
         const keys = Object.keys(config);
         keys.forEach(key => { if (config[key] === undefined)
             delete config[key]; });
@@ -1069,7 +1079,7 @@ class VisGraphComponent {
     }
 }
 VisGraphComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: VisGraphComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-VisGraphComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: VisGraphComponent, selector: "vis-graph", inputs: { duration: "duration", events: "events", attributes: "attributes", zoomScaleExtent: "zoomScaleExtent", disableZoom: "disableZoom", zoomEventFilter: "zoomEventFilter", disableDrag: "disableDrag", disableBrush: "disableBrush", zoomThrottledUpdateNodeThreshold: "zoomThrottledUpdateNodeThreshold", fitViewPadding: "fitViewPadding", fitViewAlign: "fitViewAlign", 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", layoutElkGetNodeShape: "layoutElkGetNodeShape", linkWidth: "linkWidth", linkStyle: "linkStyle", linkBandWidth: "linkBandWidth", linkArrow: "linkArrow", linkStroke: "linkStroke", linkDisabled: "linkDisabled", linkFlow: "linkFlow", linkFlowAnimDuration: "linkFlowAnimDuration", linkFlowParticleSize: "linkFlowParticleSize", linkFlowParticleSpeed: "linkFlowParticleSpeed", linkLabel: "linkLabel", linkLabelShiftFromCenter: "linkLabelShiftFromCenter", linkNeighborSpacing: "linkNeighborSpacing", linkCurvature: "linkCurvature", linkHighlightOnHover: "linkHighlightOnHover", linkSourcePointOffset: "linkSourcePointOffset", linkTargetPointOffset: "linkTargetPointOffset", 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", nodeEnterCustomRenderFunction: "nodeEnterCustomRenderFunction", nodeUpdateCustomRenderFunction: "nodeUpdateCustomRenderFunction", nodePartialUpdateCustomRenderFunction: "nodePartialUpdateCustomRenderFunction", nodeExitCustomRenderFunction: "nodeExitCustomRenderFunction", nodeOnZoomCustomRenderFunction: "nodeOnZoomCustomRenderFunction", nodeSelectionHighlightMode: "nodeSelectionHighlightMode", selectedNodeId: "selectedNodeId", selectedNodeIds: "selectedNodeIds", panels: "panels", onNodeDragStart: "onNodeDragStart", onNodeDrag: "onNodeDrag", onNodeDragEnd: "onNodeDragEnd", onZoom: "onZoom", onZoomStart: "onZoomStart", onZoomEnd: "onZoomEnd", onLayoutCalculated: "onLayoutCalculated", onNodeSelectionBrush: "onNodeSelectionBrush", onNodeSelectionDrag: "onNodeSelectionDrag", onRenderComplete: "onRenderComplete", shouldDataUpdate: "shouldDataUpdate", data: "data" }, providers: [{ provide: VisCoreComponent, useExisting: VisGraphComponent }], usesOnChanges: true, ngImport: i0, template: '', isInline: true });
+VisGraphComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: VisGraphComponent, selector: "vis-graph", inputs: { duration: "duration", events: "events", attributes: "attributes", zoomScaleExtent: "zoomScaleExtent", disableZoom: "disableZoom", zoomEventFilter: "zoomEventFilter", disableDrag: "disableDrag", disableBrush: "disableBrush", zoomThrottledUpdateNodeThreshold: "zoomThrottledUpdateNodeThreshold", fitViewPadding: "fitViewPadding", fitViewAlign: "fitViewAlign", layoutType: "layoutType", layoutAutofit: "layoutAutofit", layoutAutofitTolerance: "layoutAutofitTolerance", layoutNonConnectedAside: "layoutNonConnectedAside", layoutNodeGroup: "layoutNodeGroup", layoutGroupOrder: "layoutGroupOrder", layoutParallelNodesPerColumn: "layoutParallelNodesPerColumn", layoutParallelNodeSubGroup: "layoutParallelNodeSubGroup", layoutParallelSubGroupsPerRow: "layoutParallelSubGroupsPerRow", layoutParallelNodeSpacing: "layoutParallelNodeSpacing", layoutParallelSubGroupSpacing: "layoutParallelSubGroupSpacing", layoutParallelGroupSpacing: "layoutParallelGroupSpacing", layoutParallelSortConnectionsByGroup: "layoutParallelSortConnectionsByGroup", forceLayoutSettings: "forceLayoutSettings", dagreLayoutSettings: "dagreLayoutSettings", layoutElkSettings: "layoutElkSettings", layoutElkNodeGroups: "layoutElkNodeGroups", layoutElkGetNodeShape: "layoutElkGetNodeShape", linkWidth: "linkWidth", linkStyle: "linkStyle", linkBandWidth: "linkBandWidth", linkArrow: "linkArrow", linkStroke: "linkStroke", linkDisabled: "linkDisabled", linkFlow: "linkFlow", linkFlowAnimDuration: "linkFlowAnimDuration", linkFlowParticleSize: "linkFlowParticleSize", linkFlowParticleSpeed: "linkFlowParticleSpeed", linkLabel: "linkLabel", linkLabelShiftFromCenter: "linkLabelShiftFromCenter", linkNeighborSpacing: "linkNeighborSpacing", linkCurvature: "linkCurvature", linkHighlightOnHover: "linkHighlightOnHover", linkSourcePointOffset: "linkSourcePointOffset", linkTargetPointOffset: "linkTargetPointOffset", 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", nodeEnterCustomRenderFunction: "nodeEnterCustomRenderFunction", nodeUpdateCustomRenderFunction: "nodeUpdateCustomRenderFunction", nodePartialUpdateCustomRenderFunction: "nodePartialUpdateCustomRenderFunction", nodeExitCustomRenderFunction: "nodeExitCustomRenderFunction", nodeOnZoomCustomRenderFunction: "nodeOnZoomCustomRenderFunction", nodeSelectionHighlightMode: "nodeSelectionHighlightMode", selectedNodeId: "selectedNodeId", selectedNodeIds: "selectedNodeIds", panels: "panels", onNodeDragStart: "onNodeDragStart", onNodeDrag: "onNodeDrag", onNodeDragEnd: "onNodeDragEnd", onZoom: "onZoom", onZoomStart: "onZoomStart", onZoomEnd: "onZoomEnd", onLayoutCalculated: "onLayoutCalculated", onNodeSelectionBrush: "onNodeSelectionBrush", onNodeSelectionDrag: "onNodeSelectionDrag", onRenderComplete: "onRenderComplete", shouldDataUpdate: "shouldDataUpdate", data: "data" }, providers: [{ provide: VisCoreComponent, useExisting: VisGraphComponent }], usesOnChanges: true, ngImport: i0, template: '', isInline: true });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: VisGraphComponent, decorators: [{
             type: Component,
             args: [{
@@ -1118,6 +1128,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImpo
                 type: Input
             }], layoutParallelSubGroupsPerRow: [{
                 type: Input
+            }], layoutParallelNodeSpacing: [{
+                type: Input
+            }], layoutParallelSubGroupSpacing: [{
+                type: Input
             }], layoutParallelGroupSpacing: [{
                 type: Input
             }], layoutParallelSortConnectionsByGroup: [{
@@ -1563,6 +1577,80 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImpo
                 }]
         }] });
 
+// !!! This code was automatically generated. You should not change it !!!
+class VisPlotlineComponent {
+    ngAfterViewInit() {
+        this.component = new Plotline(this.getConfig());
+    }
+    ngOnChanges(changes) {
+        var _a, _b;
+        (_a = this.component) === null || _a === void 0 ? void 0 : _a.setConfig(this.getConfig());
+        (_b = this.componentContainer) === null || _b === void 0 ? void 0 : _b.render();
+    }
+    getConfig() {
+        const { duration, events, attributes, lineWidth, axis, value, lineStyle, labelText, labelPosition, labelOffsetX, labelOffsetY, labelOrientation, labelColor, labelSize } = this;
+        const config = { duration, events, attributes, lineWidth, axis, value, lineStyle, labelText, labelPosition, labelOffsetX, labelOffsetY, labelOrientation, labelColor, labelSize };
+        const keys = Object.keys(config);
+        keys.forEach(key => { if (config[key] === undefined)
+            delete config[key]; });
+        return config;
+    }
+}
+VisPlotlineComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: VisPlotlineComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+VisPlotlineComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: VisPlotlineComponent, selector: "vis-plotline", inputs: { duration: "duration", events: "events", attributes: "attributes", lineWidth: "lineWidth", axis: "axis", value: "value", lineStyle: "lineStyle", labelText: "labelText", labelPosition: "labelPosition", labelOffsetX: "labelOffsetX", labelOffsetY: "labelOffsetY", labelOrientation: "labelOrientation", labelColor: "labelColor", labelSize: "labelSize" }, providers: [{ provide: VisXYComponent, useExisting: VisPlotlineComponent }], usesOnChanges: true, ngImport: i0, template: '', isInline: true });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: VisPlotlineComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'vis-plotline',
+                    template: '',
+                    // eslint-disable-next-line no-use-before-define
+                    providers: [{ provide: VisXYComponent, useExisting: VisPlotlineComponent }],
+                }]
+        }], propDecorators: { duration: [{
+                type: Input
+            }], events: [{
+                type: Input
+            }], attributes: [{
+                type: Input
+            }], lineWidth: [{
+                type: Input
+            }], axis: [{
+                type: Input
+            }], value: [{
+                type: Input
+            }], lineStyle: [{
+                type: Input
+            }], labelText: [{
+                type: Input
+            }], labelPosition: [{
+                type: Input
+            }], labelOffsetX: [{
+                type: Input
+            }], labelOffsetY: [{
+                type: Input
+            }], labelOrientation: [{
+                type: Input
+            }], labelColor: [{
+                type: Input
+            }], labelSize: [{
+                type: Input
+            }] } });
+
+// !!! This code was automatically generated. You should not change it !!!
+class VisPlotlineModule {
+}
+VisPlotlineModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: VisPlotlineModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+VisPlotlineModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: VisPlotlineModule, declarations: [VisPlotlineComponent], exports: [VisPlotlineComponent] });
+VisPlotlineModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: VisPlotlineModule, imports: [[]] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: VisPlotlineModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [],
+                    declarations: [VisPlotlineComponent],
+                    exports: [VisPlotlineComponent],
+                }]
+        }] });
+
 // !!! This code was automatically generated. You should not change it !!!
 class VisSankeyComponent {
     ngAfterViewInit() {
@@ -1926,8 +2014,8 @@ class VisTimelineComponent {
         (_c = this.componentContainer) === null || _c === void 0 ? void 0 : _c.render();
     }
     getConfig() {
-        const { duration, events, attributes, x, id, color, xScale, yScale, excludeFromDomainCalculation, lineWidth, lineCap, rowHeight, length, type, cursor, showLabels, labelWidth, maxLabelWidth, alternatingRowColors, onScroll, showEmptySegments } = this;
-        const config = { duration, events, attributes, x, id, color, xScale, yScale, excludeFromDomainCalculation, lineWidth, lineCap, rowHeight, length, type, cursor, showLabels, labelWidth, maxLabelWidth, alternatingRowColors, onScroll, showEmptySegments };
+        const { duration, events, attributes, x, id, color, xScale, yScale, excludeFromDomainCalculation, type, length, cursor, lineRow, lineDuration, lineWidth, lineCap, lineStartIcon, lineStartIconColor, lineStartIconSize, lineStartIconArrangement, lineEndIcon, lineEndIconColor, lineEndIconSize, lineEndIconArrangement, lineCursor, showEmptySegments, showEmptySegmentsCorrectPosition, rowHeight, alternatingRowColors, showLabels, labelWidth, maxLabelWidth, showRowLabels, rowLabelStyle, rowLabelFormatter, rowIcon, rowLabelWidth, rowMaxLabelWidth, rowLabelTextAlign, arrows, animationLineEnterPosition, animationLineExitPosition, onScroll } = this;
+        const config = { duration, events, attributes, x, id, color, xScale, yScale, excludeFromDomainCalculation, type, length, cursor, lineRow, lineDuration, lineWidth, lineCap, lineStartIcon, lineStartIconColor, lineStartIconSize, lineStartIconArrangement, lineEndIcon, lineEndIconColor, lineEndIconSize, lineEndIconArrangement, lineCursor, showEmptySegments, showEmptySegmentsCorrectPosition, rowHeight, alternatingRowColors, showLabels, labelWidth, maxLabelWidth, showRowLabels, rowLabelStyle, rowLabelFormatter, rowIcon, rowLabelWidth, rowMaxLabelWidth, rowLabelTextAlign, arrows, animationLineEnterPosition, animationLineExitPosition, onScroll };
         const keys = Object.keys(config);
         keys.forEach(key => { if (config[key] === undefined)
             delete config[key]; });
@@ -1935,7 +2023,7 @@ class VisTimelineComponent {
     }
 }
 VisTimelineComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: VisTimelineComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-VisTimelineComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: VisTimelineComponent, selector: "vis-timeline", inputs: { duration: "duration", events: "events", attributes: "attributes", x: "x", id: "id", color: "color", xScale: "xScale", yScale: "yScale", excludeFromDomainCalculation: "excludeFromDomainCalculation", lineWidth: "lineWidth", lineCap: "lineCap", rowHeight: "rowHeight", length: "length", type: "type", cursor: "cursor", showLabels: "showLabels", labelWidth: "labelWidth", maxLabelWidth: "maxLabelWidth", alternatingRowColors: "alternatingRowColors", onScroll: "onScroll", showEmptySegments: "showEmptySegments", data: "data" }, providers: [{ provide: VisXYComponent, useExisting: VisTimelineComponent }], usesOnChanges: true, ngImport: i0, template: '', isInline: true });
+VisTimelineComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: VisTimelineComponent, selector: "vis-timeline", inputs: { duration: "duration", events: "events", attributes: "attributes", x: "x", id: "id", color: "color", xScale: "xScale", yScale: "yScale", excludeFromDomainCalculation: "excludeFromDomainCalculation", type: "type", length: "length", cursor: "cursor", lineRow: "lineRow", lineDuration: "lineDuration", lineWidth: "lineWidth", lineCap: "lineCap", lineStartIcon: "lineStartIcon", lineStartIconColor: "lineStartIconColor", lineStartIconSize: "lineStartIconSize", lineStartIconArrangement: "lineStartIconArrangement", lineEndIcon: "lineEndIcon", lineEndIconColor: "lineEndIconColor", lineEndIconSize: "lineEndIconSize", lineEndIconArrangement: "lineEndIconArrangement", lineCursor: "lineCursor", showEmptySegments: "showEmptySegments", showEmptySegmentsCorrectPosition: "showEmptySegmentsCorrectPosition", rowHeight: "rowHeight", alternatingRowColors: "alternatingRowColors", showLabels: "showLabels", labelWidth: "labelWidth", maxLabelWidth: "maxLabelWidth", showRowLabels: "showRowLabels", rowLabelStyle: "rowLabelStyle", rowLabelFormatter: "rowLabelFormatter", rowIcon: "rowIcon", rowLabelWidth: "rowLabelWidth", rowMaxLabelWidth: "rowMaxLabelWidth", rowLabelTextAlign: "rowLabelTextAlign", arrows: "arrows", animationLineEnterPosition: "animationLineEnterPosition", animationLineExitPosition: "animationLineExitPosition", onScroll: "onScroll", data: "data" }, providers: [{ provide: VisXYComponent, useExisting: VisTimelineComponent }], usesOnChanges: true, ngImport: i0, template: '', isInline: true });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: VisTimelineComponent, decorators: [{
             type: Component,
             args: [{
@@ -1962,17 +2050,45 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImpo
                 type: Input
             }], excludeFromDomainCalculation: [{
                 type: Input
+            }], type: [{
+                type: Input
+            }], length: [{
+                type: Input
+            }], cursor: [{
+                type: Input
+            }], lineRow: [{
+                type: Input
+            }], lineDuration: [{
+                type: Input
             }], lineWidth: [{
                 type: Input
             }], lineCap: [{
                 type: Input
-            }], rowHeight: [{
+            }], lineStartIcon: [{
                 type: Input
-            }], length: [{
+            }], lineStartIconColor: [{
                 type: Input
-            }], type: [{
+            }], lineStartIconSize: [{
                 type: Input
-            }], cursor: [{
+            }], lineStartIconArrangement: [{
+                type: Input
+            }], lineEndIcon: [{
+                type: Input
+            }], lineEndIconColor: [{
+                type: Input
+            }], lineEndIconSize: [{
+                type: Input
+            }], lineEndIconArrangement: [{
+                type: Input
+            }], lineCursor: [{
+                type: Input
+            }], showEmptySegments: [{
+                type: Input
+            }], showEmptySegmentsCorrectPosition: [{
+                type: Input
+            }], rowHeight: [{
+                type: Input
+            }], alternatingRowColors: [{
                 type: Input
             }], showLabels: [{
                 type: Input
@@ -1980,11 +2096,27 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImpo
                 type: Input
             }], maxLabelWidth: [{
                 type: Input
-            }], alternatingRowColors: [{
+            }], showRowLabels: [{
                 type: Input
-            }], onScroll: [{
+            }], rowLabelStyle: [{
                 type: Input
-            }], showEmptySegments: [{
+            }], rowLabelFormatter: [{
+                type: Input
+            }], rowIcon: [{
+                type: Input
+            }], rowLabelWidth: [{
+                type: Input
+            }], rowMaxLabelWidth: [{
+                type: Input
+            }], rowLabelTextAlign: [{
+                type: Input
+            }], arrows: [{
+                type: Input
+            }], animationLineEnterPosition: [{
+                type: Input
+            }], animationLineExitPosition: [{
+                type: Input
+            }], onScroll: [{
                 type: Input
             }], data: [{
                 type: Input
@@ -2229,6 +2361,78 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImpo
                 }]
         }] });
 
+// !!! This code was automatically generated. You should not change it !!!
+class VisPlotbandComponent {
+    ngAfterViewInit() {
+        this.component = new Plotband(this.getConfig());
+    }
+    ngOnChanges(changes) {
+        var _a, _b;
+        (_a = this.component) === null || _a === void 0 ? void 0 : _a.setConfig(this.getConfig());
+        (_b = this.componentContainer) === null || _b === void 0 ? void 0 : _b.render();
+    }
+    getConfig() {
+        const { duration, events, attributes, axis, from, to, labelText, labelPosition, labelOffsetX, labelOffsetY, labelOrientation, labelColor, labelSize } = this;
+        const config = { duration, events, attributes, axis, from, to, labelText, labelPosition, labelOffsetX, labelOffsetY, labelOrientation, labelColor, labelSize };
+        const keys = Object.keys(config);
+        keys.forEach(key => { if (config[key] === undefined)
+            delete config[key]; });
+        return config;
+    }
+}
+VisPlotbandComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: VisPlotbandComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+VisPlotbandComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: VisPlotbandComponent, selector: "vis-plotband", inputs: { duration: "duration", events: "events", attributes: "attributes", axis: "axis", from: "from", to: "to", labelText: "labelText", labelPosition: "labelPosition", labelOffsetX: "labelOffsetX", labelOffsetY: "labelOffsetY", labelOrientation: "labelOrientation", labelColor: "labelColor", labelSize: "labelSize" }, providers: [{ provide: VisXYComponent, useExisting: VisPlotbandComponent }], usesOnChanges: true, ngImport: i0, template: '', isInline: true });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: VisPlotbandComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'vis-plotband',
+                    template: '',
+                    // eslint-disable-next-line no-use-before-define
+                    providers: [{ provide: VisXYComponent, useExisting: VisPlotbandComponent }],
+                }]
+        }], propDecorators: { duration: [{
+                type: Input
+            }], events: [{
+                type: Input
+            }], attributes: [{
+                type: Input
+            }], axis: [{
+                type: Input
+            }], from: [{
+                type: Input
+            }], to: [{
+                type: Input
+            }], labelText: [{
+                type: Input
+            }], labelPosition: [{
+                type: Input
+            }], labelOffsetX: [{
+                type: Input
+            }], labelOffsetY: [{
+                type: Input
+            }], labelOrientation: [{
+                type: Input
+            }], labelColor: [{
+                type: Input
+            }], labelSize: [{
+                type: Input
+            }] } });
+
+// !!! This code was automatically generated. You should not change it !!!
+class VisPlotbandModule {
+}
+VisPlotbandModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: VisPlotbandModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+VisPlotbandModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: VisPlotbandModule, declarations: [VisPlotbandComponent], exports: [VisPlotbandComponent] });
+VisPlotbandModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: VisPlotbandModule, imports: [[]] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: VisPlotbandModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [],
+                    declarations: [VisPlotbandComponent],
+                    exports: [VisPlotbandComponent],
+                }]
+        }] });
+
 // !!! This code was automatically generated. You should not change it !!!
 class VisLeafletMapComponent {
     ngAfterViewInit() {
@@ -2575,8 +2779,8 @@ class VisBulletLegendComponent {
         (_a = this.component) === null || _a === void 0 ? void 0 : _a.update(this.getConfig());
     }
     getConfig() {
-        const { items, labelClassName, onLegendItemClick, labelFontSize, labelMaxWidth, bulletSize, bulletShape, orientation } = this;
-        const config = { items, labelClassName, onLegendItemClick, labelFontSize, labelMaxWidth, bulletSize, bulletShape, orientation };
+        const { items, labelClassName, onLegendItemClick, labelFontSize, labelMaxWidth, bulletSize, bulletSpacing, bulletShape, orientation } = this;
+        const config = { items, labelClassName, onLegendItemClick, labelFontSize, labelMaxWidth, bulletSize, bulletSpacing, bulletShape, orientation };
         const keys = Object.keys(config);
         keys.forEach(key => { if (config[key] === undefined)
             delete config[key]; });
@@ -2584,7 +2788,7 @@ class VisBulletLegendComponent {
     }
 }
 VisBulletLegendComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: VisBulletLegendComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-VisBulletLegendComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: VisBulletLegendComponent, selector: "vis-bullet-legend", inputs: { items: "items", labelClassName: "labelClassName", onLegendItemClick: "onLegendItemClick", labelFontSize: "labelFontSize", labelMaxWidth: "labelMaxWidth", bulletSize: "bulletSize", bulletShape: "bulletShape", orientation: "orientation" }, providers: [{ provide: VisGenericComponent, useExisting: VisBulletLegendComponent }], viewQueries: [{ propertyName: "containerRef", first: true, predicate: ["container"], descendants: true }], usesOnChanges: true, ngImport: i0, template: '<div #container class="bullet-legend-container"></div>', isInline: true, styles: [".bullet-legend-container {  }"] });
+VisBulletLegendComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: VisBulletLegendComponent, selector: "vis-bullet-legend", inputs: { items: "items", labelClassName: "labelClassName", onLegendItemClick: "onLegendItemClick", labelFontSize: "labelFontSize", labelMaxWidth: "labelMaxWidth", bulletSize: "bulletSize", bulletSpacing: "bulletSpacing", bulletShape: "bulletShape", orientation: "orientation" }, providers: [{ provide: VisGenericComponent, useExisting: VisBulletLegendComponent }], viewQueries: [{ propertyName: "containerRef", first: true, predicate: ["container"], descendants: true }], usesOnChanges: true, ngImport: i0, template: '<div #container class="bullet-legend-container"></div>', isInline: true, styles: [".bullet-legend-container {  }"] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: VisBulletLegendComponent, decorators: [{
             type: Component,
             args: [{
@@ -2609,6 +2813,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImpo
                 type: Input
             }], bulletSize: [{
                 type: Input
+            }], bulletSpacing: [{
+                type: Input
             }], bulletShape: [{
                 type: Input
             }], orientation: [{
@@ -2630,6 +2836,65 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImpo
                 }]
         }] });
 
+// !!! This code was automatically generated. You should not change it !!!
+class VisRollingPinLegendComponent {
+    ngAfterViewInit() {
+        this.component = new RollingPinLegend(this.containerRef.nativeElement, this.getConfig());
+    }
+    ngOnChanges(changes) {
+        var _a;
+        (_a = this.component) === null || _a === void 0 ? void 0 : _a.setConfig(this.getConfig());
+    }
+    getConfig() {
+        const { rects, leftLabelText, rightLabelText, labelClassName, labelFontSize } = this;
+        const config = { rects, leftLabelText, rightLabelText, labelClassName, labelFontSize };
+        const keys = Object.keys(config);
+        keys.forEach(key => { if (config[key] === undefined)
+            delete config[key]; });
+        return config;
+    }
+}
+VisRollingPinLegendComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: VisRollingPinLegendComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+VisRollingPinLegendComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: VisRollingPinLegendComponent, selector: "vis-rolling-pin-legend", inputs: { rects: "rects", leftLabelText: "leftLabelText", rightLabelText: "rightLabelText", labelClassName: "labelClassName", labelFontSize: "labelFontSize" }, providers: [{ provide: VisGenericComponent, useExisting: VisRollingPinLegendComponent }], viewQueries: [{ propertyName: "containerRef", first: true, predicate: ["container"], descendants: true }], usesOnChanges: true, ngImport: i0, template: '<div #container class="rolling-pin-legend-container"></div>', isInline: true, styles: [".rolling-pin-legend-container {  }"] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: VisRollingPinLegendComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'vis-rolling-pin-legend',
+                    template: '<div #container class="rolling-pin-legend-container"></div>',
+                    styles: ['.rolling-pin-legend-container {  }'],
+                    // eslint-disable-next-line no-use-before-define
+                    providers: [{ provide: VisGenericComponent, useExisting: VisRollingPinLegendComponent }],
+                }]
+        }], propDecorators: { containerRef: [{
+                type: ViewChild,
+                args: ['container', { static: false }]
+            }], rects: [{
+                type: Input
+            }], leftLabelText: [{
+                type: Input
+            }], rightLabelText: [{
+                type: Input
+            }], labelClassName: [{
+                type: Input
+            }], labelFontSize: [{
+                type: Input
+            }] } });
+
+// !!! This code was automatically generated. You should not change it !!!
+class VisRollingPinLegendModule {
+}
+VisRollingPinLegendModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: VisRollingPinLegendModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+VisRollingPinLegendModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: VisRollingPinLegendModule, declarations: [VisRollingPinLegendComponent], exports: [VisRollingPinLegendComponent] });
+VisRollingPinLegendModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: VisRollingPinLegendModule, imports: [[]] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: VisRollingPinLegendModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [],
+                    declarations: [VisRollingPinLegendComponent],
+                    exports: [VisRollingPinLegendComponent],
+                }]
+        }] });
+
 // !!! This code was automatically generated. You should not change it !!!
 class VisTooltipModule {
 }
@@ -2651,5 +2916,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImpo
  * Generated bundle index. Do not edit.
  */
 
-export { VisAnnotationsComponent, VisAnnotationsModule, VisAreaComponent, VisAreaModule, VisAxisComponent, VisAxisModule, VisBrushComponent, VisBrushModule, VisBulletLegendComponent, VisBulletLegendModule, VisChordDiagramComponent, VisChordDiagramModule, VisCoreComponent, VisCrosshairComponent, VisCrosshairModule, VisDonutComponent, VisDonutModule, VisFreeBrushComponent, VisFreeBrushModule, VisGenericComponent, VisGraphComponent, VisGraphModule, VisGroupedBarComponent, VisGroupedBarModule, VisLeafletFlowMapComponent, VisLeafletFlowMapModule, VisLeafletMapComponent, VisLeafletMapModule, VisLineComponent, VisLineModule, VisNestedDonutComponent, VisNestedDonutModule, VisSankeyComponent, VisSankeyModule, VisScatterComponent, VisScatterModule, VisSingleContainerComponent, VisSingleContainerModule, VisStackedBarComponent, VisStackedBarModule, VisTimelineComponent, VisTimelineModule, VisTooltipComponent, VisTooltipModule, VisTopoJSONMapComponent, VisTopoJSONMapModule, VisXYComponent, VisXYContainerComponent, VisXYContainerModule, VisXYLabelsComponent, VisXYLabelsModule };
+export { VisAnnotationsComponent, VisAnnotationsModule, VisAreaComponent, VisAreaModule, VisAxisComponent, VisAxisModule, VisBrushComponent, VisBrushModule, VisBulletLegendComponent, VisBulletLegendModule, VisChordDiagramComponent, VisChordDiagramModule, VisCoreComponent, VisCrosshairComponent, VisCrosshairModule, VisDonutComponent, VisDonutModule, VisFreeBrushComponent, VisFreeBrushModule, VisGenericComponent, VisGraphComponent, VisGraphModule, VisGroupedBarComponent, VisGroupedBarModule, VisLeafletFlowMapComponent, VisLeafletFlowMapModule, VisLeafletMapComponent, VisLeafletMapModule, VisLineComponent, VisLineModule, VisNestedDonutComponent, VisNestedDonutModule, VisPlotbandComponent, VisPlotbandModule, VisPlotlineComponent, VisPlotlineModule, VisRollingPinLegendComponent, VisRollingPinLegendModule, VisSankeyComponent, VisSankeyModule, VisScatterComponent, VisScatterModule, VisSingleContainerComponent, VisSingleContainerModule, VisStackedBarComponent, VisStackedBarModule, VisTimelineComponent, VisTimelineModule, VisTooltipComponent, VisTooltipModule, VisTopoJSONMapComponent, VisTopoJSONMapModule, VisXYComponent, VisXYContainerComponent, VisXYContainerModule, VisXYLabelsComponent, VisXYLabelsModule };
 //# sourceMappingURL=unovis-angular.js.map