@unovis/angular 1.6.0-pre.2 → 1.6.1

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

@@ -889,8 +889,8 @@
             (_c = this.componentContainer) === null || _c === void 0 ? void 0 : _c.render();
         };
         VisAxisComponent.prototype.getConfig = function () {
-            var _d = this, duration = _d.duration, events = _d.events, attributes = _d.attributes, position = _d.position, type = _d.type, fullSize = _d.fullSize, label = _d.label, labelFontSize = _d.labelFontSize, labelMargin = _d.labelMargin, labelColor = _d.labelColor, gridLine = _d.gridLine, tickLine = _d.tickLine, domainLine = _d.domainLine, minMaxTicksOnly = _d.minMaxTicksOnly, minMaxTicksOnlyWhenWidthIsLess = _d.minMaxTicksOnlyWhenWidthIsLess, tickFormat = _d.tickFormat, tickValues = _d.tickValues, numTicks = _d.numTicks, tickTextFitMode = _d.tickTextFitMode, tickTextWidth = _d.tickTextWidth, tickTextSeparator = _d.tickTextSeparator, tickTextForceWordBreak = _d.tickTextForceWordBreak, tickTextTrimType = _d.tickTextTrimType, tickTextFontSize = _d.tickTextFontSize, tickTextAlign = _d.tickTextAlign, tickTextColor = _d.tickTextColor, tickTextAngle = _d.tickTextAngle, tickTextHideOverlapping = _d.tickTextHideOverlapping, tickPadding = _d.tickPadding;
-            var config = { 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 };
+            var _d = this, duration = _d.duration, events = _d.events, attributes = _d.attributes, position = _d.position, type = _d.type, fullSize = _d.fullSize, label = _d.label, labelFontSize = _d.labelFontSize, labelMargin = _d.labelMargin, labelTextFitMode = _d.labelTextFitMode, labelTextTrimType = _d.labelTextTrimType, labelColor = _d.labelColor, gridLine = _d.gridLine, tickLine = _d.tickLine, domainLine = _d.domainLine, minMaxTicksOnly = _d.minMaxTicksOnly, minMaxTicksOnlyShowGridLines = _d.minMaxTicksOnlyShowGridLines, minMaxTicksOnlyWhenWidthIsLess = _d.minMaxTicksOnlyWhenWidthIsLess, tickFormat = _d.tickFormat, tickValues = _d.tickValues, numTicks = _d.numTicks, tickTextFitMode = _d.tickTextFitMode, tickTextWidth = _d.tickTextWidth, tickTextSeparator = _d.tickTextSeparator, tickTextForceWordBreak = _d.tickTextForceWordBreak, tickTextTrimType = _d.tickTextTrimType, tickTextFontSize = _d.tickTextFontSize, tickTextAlign = _d.tickTextAlign, tickTextColor = _d.tickTextColor, tickTextAngle = _d.tickTextAngle, tickTextHideOverlapping = _d.tickTextHideOverlapping, tickPadding = _d.tickPadding;
+            var config = { 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 };
             var keys = Object.keys(config);
             keys.forEach(function (key) {
                 if (config[key] === undefined)
@@ -901,7 +901,7 @@
         return VisAxisComponent;
     }());
     VisAxisComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: VisAxisComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
-    VisAxisComponent.ɵcmp = i0__namespace.ɵɵ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__namespace, template: '', isInline: true });
+    VisAxisComponent.ɵcmp = i0__namespace.ɵɵ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__namespace, template: '', isInline: true });
     i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: VisAxisComponent, decorators: [{
                 type: i0.Component,
                 args: [{
@@ -928,6 +928,10 @@
                     type: i0.Input
                 }], labelMargin: [{
                     type: i0.Input
+                }], labelTextFitMode: [{
+                    type: i0.Input
+                }], labelTextTrimType: [{
+                    type: i0.Input
                 }], labelColor: [{
                     type: i0.Input
                 }], gridLine: [{
@@ -938,6 +942,8 @@
                     type: i0.Input
                 }], minMaxTicksOnly: [{
                     type: i0.Input
+                }], minMaxTicksOnlyShowGridLines: [{
+                    type: i0.Input
                 }], minMaxTicksOnlyWhenWidthIsLess: [{
                     type: i0.Input
                 }], tickFormat: [{
@@ -1197,8 +1203,8 @@
             (_c = this.componentContainer) === null || _c === void 0 ? void 0 : _c.render();
         };
         VisCrosshairComponent.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, strokeColor = _d.strokeColor, strokeWidth = _d.strokeWidth, yStacked = _d.yStacked, baseline = _d.baseline, tooltip = _d.tooltip, template = _d.template, hideWhenFarFromPointer = _d.hideWhenFarFromPointer, hideWhenFarFromPointerDistance = _d.hideWhenFarFromPointerDistance, snapToData = _d.snapToData, getCircles = _d.getCircles;
-            var config = { 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 };
+            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, strokeColor = _d.strokeColor, strokeWidth = _d.strokeWidth, yStacked = _d.yStacked, baseline = _d.baseline, tooltip = _d.tooltip, template = _d.template, hideWhenFarFromPointer = _d.hideWhenFarFromPointer, hideWhenFarFromPointerDistance = _d.hideWhenFarFromPointerDistance, snapToData = _d.snapToData, getCircles = _d.getCircles, onCrosshairMove = _d.onCrosshairMove, forceShowAt = _d.forceShowAt;
+            var config = { 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 };
             var keys = Object.keys(config);
             keys.forEach(function (key) {
                 if (config[key] === undefined)
@@ -1209,7 +1215,7 @@
         return VisCrosshairComponent;
     }());
     VisCrosshairComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: VisCrosshairComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
-    VisCrosshairComponent.ɵcmp = i0__namespace.ɵɵ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__namespace, template: '', isInline: true });
+    VisCrosshairComponent.ɵcmp = i0__namespace.ɵɵ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__namespace, template: '', isInline: true });
     i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: VisCrosshairComponent, decorators: [{
                 type: i0.Component,
                 args: [{
@@ -1258,6 +1264,10 @@
                     type: i0.Input
                 }], getCircles: [{
                     type: i0.Input
+                }], onCrosshairMove: [{
+                    type: i0.Input
+                }], forceShowAt: [{
+                    type: i0.Input
                 }], data: [{
                     type: i0.Input
                 }] } });
@@ -1495,8 +1505,8 @@
             (_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, zoomEventFilter = _d.zoomEventFilter, disableDrag = _d.disableDrag, disableBrush = _d.disableBrush, zoomThrottledUpdateNodeThreshold = _d.zoomThrottledUpdateNodeThreshold, fitViewPadding = _d.fitViewPadding, fitViewAlign = _d.fitViewAlign, 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, layoutElkGetNodeShape = _d.layoutElkGetNodeShape, 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, linkFlowParticleSpeed = _d.linkFlowParticleSpeed, linkLabel = _d.linkLabel, linkLabelShiftFromCenter = _d.linkLabelShiftFromCenter, linkNeighborSpacing = _d.linkNeighborSpacing, linkCurvature = _d.linkCurvature, linkHighlightOnHover = _d.linkHighlightOnHover, linkSourcePointOffset = _d.linkSourcePointOffset, linkTargetPointOffset = _d.linkTargetPointOffset, 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, nodeEnterCustomRenderFunction = _d.nodeEnterCustomRenderFunction, nodeUpdateCustomRenderFunction = _d.nodeUpdateCustomRenderFunction, nodePartialUpdateCustomRenderFunction = _d.nodePartialUpdateCustomRenderFunction, nodeExitCustomRenderFunction = _d.nodeExitCustomRenderFunction, nodeOnZoomCustomRenderFunction = _d.nodeOnZoomCustomRenderFunction, nodeSelectionHighlightMode = _d.nodeSelectionHighlightMode, selectedNodeId = _d.selectedNodeId, selectedNodeIds = _d.selectedNodeIds, panels = _d.panels, onNodeDragStart = _d.onNodeDragStart, onNodeDrag = _d.onNodeDrag, onNodeDragEnd = _d.onNodeDragEnd, onZoom = _d.onZoom, onZoomStart = _d.onZoomStart, onZoomEnd = _d.onZoomEnd, onLayoutCalculated = _d.onLayoutCalculated, onNodeSelectionBrush = _d.onNodeSelectionBrush, onNodeSelectionDrag = _d.onNodeSelectionDrag, onRenderComplete = _d.onRenderComplete, shouldDataUpdate = _d.shouldDataUpdate;
-            var config = { 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 };
+            var _d = this, duration = _d.duration, events = _d.events, attributes = _d.attributes, zoomScaleExtent = _d.zoomScaleExtent, disableZoom = _d.disableZoom, zoomEventFilter = _d.zoomEventFilter, disableDrag = _d.disableDrag, disableBrush = _d.disableBrush, zoomThrottledUpdateNodeThreshold = _d.zoomThrottledUpdateNodeThreshold, fitViewPadding = _d.fitViewPadding, fitViewAlign = _d.fitViewAlign, 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, layoutParallelNodeSpacing = _d.layoutParallelNodeSpacing, layoutParallelSubGroupSpacing = _d.layoutParallelSubGroupSpacing, layoutParallelGroupSpacing = _d.layoutParallelGroupSpacing, layoutParallelSortConnectionsByGroup = _d.layoutParallelSortConnectionsByGroup, forceLayoutSettings = _d.forceLayoutSettings, dagreLayoutSettings = _d.dagreLayoutSettings, layoutElkSettings = _d.layoutElkSettings, layoutElkNodeGroups = _d.layoutElkNodeGroups, layoutElkGetNodeShape = _d.layoutElkGetNodeShape, 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, linkFlowParticleSpeed = _d.linkFlowParticleSpeed, linkLabel = _d.linkLabel, linkLabelShiftFromCenter = _d.linkLabelShiftFromCenter, linkNeighborSpacing = _d.linkNeighborSpacing, linkCurvature = _d.linkCurvature, linkHighlightOnHover = _d.linkHighlightOnHover, linkSourcePointOffset = _d.linkSourcePointOffset, linkTargetPointOffset = _d.linkTargetPointOffset, 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, nodeEnterCustomRenderFunction = _d.nodeEnterCustomRenderFunction, nodeUpdateCustomRenderFunction = _d.nodeUpdateCustomRenderFunction, nodePartialUpdateCustomRenderFunction = _d.nodePartialUpdateCustomRenderFunction, nodeExitCustomRenderFunction = _d.nodeExitCustomRenderFunction, nodeOnZoomCustomRenderFunction = _d.nodeOnZoomCustomRenderFunction, nodeSelectionHighlightMode = _d.nodeSelectionHighlightMode, selectedNodeId = _d.selectedNodeId, selectedNodeIds = _d.selectedNodeIds, panels = _d.panels, onNodeDragStart = _d.onNodeDragStart, onNodeDrag = _d.onNodeDrag, onNodeDragEnd = _d.onNodeDragEnd, onZoom = _d.onZoom, onZoomStart = _d.onZoomStart, onZoomEnd = _d.onZoomEnd, onLayoutCalculated = _d.onLayoutCalculated, onNodeSelectionBrush = _d.onNodeSelectionBrush, onNodeSelectionDrag = _d.onNodeSelectionDrag, onRenderComplete = _d.onRenderComplete, shouldDataUpdate = _d.shouldDataUpdate;
+            var config = { 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 };
             var keys = Object.keys(config);
             keys.forEach(function (key) {
                 if (config[key] === undefined)
@@ -1507,7 +1517,7 @@
         return VisGraphComponent;
     }());
     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", 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__namespace, template: '', isInline: true });
+    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", 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__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: [{
@@ -1556,6 +1566,10 @@
                     type: i0.Input
                 }], layoutParallelSubGroupsPerRow: [{
                     type: i0.Input
+                }], layoutParallelNodeSpacing: [{
+                    type: i0.Input
+                }], layoutParallelSubGroupSpacing: [{
+                    type: i0.Input
                 }], layoutParallelGroupSpacing: [{
                     type: i0.Input
                 }], layoutParallelSortConnectionsByGroup: [{
@@ -2028,6 +2042,88 @@
                     }]
             }] });
 
+    // !!! This code was automatically generated. You should not change it !!!
+    var VisPlotlineComponent = /** @class */ (function () {
+        function VisPlotlineComponent() {
+        }
+        VisPlotlineComponent.prototype.ngAfterViewInit = function () {
+            this.component = new ts.Plotline(this.getConfig());
+        };
+        VisPlotlineComponent.prototype.ngOnChanges = function (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();
+        };
+        VisPlotlineComponent.prototype.getConfig = function () {
+            var _c = this, duration = _c.duration, events = _c.events, attributes = _c.attributes, lineWidth = _c.lineWidth, axis = _c.axis, value = _c.value, lineStyle = _c.lineStyle, labelText = _c.labelText, labelPosition = _c.labelPosition, labelOffsetX = _c.labelOffsetX, labelOffsetY = _c.labelOffsetY, labelOrientation = _c.labelOrientation, labelColor = _c.labelColor, labelSize = _c.labelSize;
+            var config = { 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 };
+            var keys = Object.keys(config);
+            keys.forEach(function (key) {
+                if (config[key] === undefined)
+                    delete config[key];
+            });
+            return config;
+        };
+        return VisPlotlineComponent;
+    }());
+    VisPlotlineComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: VisPlotlineComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
+    VisPlotlineComponent.ɵcmp = i0__namespace.ɵɵ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__namespace, template: '', isInline: true });
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: VisPlotlineComponent, decorators: [{
+                type: i0.Component,
+                args: [{
+                        selector: 'vis-plotline',
+                        template: '',
+                        // eslint-disable-next-line no-use-before-define
+                        providers: [{ provide: VisXYComponent, useExisting: VisPlotlineComponent }],
+                    }]
+            }], propDecorators: { duration: [{
+                    type: i0.Input
+                }], events: [{
+                    type: i0.Input
+                }], attributes: [{
+                    type: i0.Input
+                }], lineWidth: [{
+                    type: i0.Input
+                }], axis: [{
+                    type: i0.Input
+                }], value: [{
+                    type: i0.Input
+                }], lineStyle: [{
+                    type: i0.Input
+                }], labelText: [{
+                    type: i0.Input
+                }], labelPosition: [{
+                    type: i0.Input
+                }], labelOffsetX: [{
+                    type: i0.Input
+                }], labelOffsetY: [{
+                    type: i0.Input
+                }], labelOrientation: [{
+                    type: i0.Input
+                }], labelColor: [{
+                    type: i0.Input
+                }], labelSize: [{
+                    type: i0.Input
+                }] } });
+
+    // !!! This code was automatically generated. You should not change it !!!
+    var VisPlotlineModule = /** @class */ (function () {
+        function VisPlotlineModule() {
+        }
+        return VisPlotlineModule;
+    }());
+    VisPlotlineModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: VisPlotlineModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
+    VisPlotlineModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: VisPlotlineModule, declarations: [VisPlotlineComponent], exports: [VisPlotlineComponent] });
+    VisPlotlineModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: VisPlotlineModule, imports: [[]] });
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: VisPlotlineModule, decorators: [{
+                type: i0.NgModule,
+                args: [{
+                        imports: [],
+                        declarations: [VisPlotlineComponent],
+                        exports: [VisPlotlineComponent],
+                    }]
+            }] });
+
     // !!! This code was automatically generated. You should not change it !!!
     var VisSankeyComponent = /** @class */ (function () {
         function VisSankeyComponent() {
@@ -2417,8 +2513,8 @@
             (_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 _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, type = _d.type, length = _d.length, cursor = _d.cursor, lineRow = _d.lineRow, lineDuration = _d.lineDuration, lineWidth = _d.lineWidth, lineCap = _d.lineCap, lineStartIcon = _d.lineStartIcon, lineStartIconColor = _d.lineStartIconColor, lineStartIconSize = _d.lineStartIconSize, lineStartIconArrangement = _d.lineStartIconArrangement, lineEndIcon = _d.lineEndIcon, lineEndIconColor = _d.lineEndIconColor, lineEndIconSize = _d.lineEndIconSize, lineEndIconArrangement = _d.lineEndIconArrangement, lineCursor = _d.lineCursor, showEmptySegments = _d.showEmptySegments, showEmptySegmentsCorrectPosition = _d.showEmptySegmentsCorrectPosition, rowHeight = _d.rowHeight, alternatingRowColors = _d.alternatingRowColors, showLabels = _d.showLabels, labelWidth = _d.labelWidth, maxLabelWidth = _d.maxLabelWidth, showRowLabels = _d.showRowLabels, rowLabelStyle = _d.rowLabelStyle, rowLabelFormatter = _d.rowLabelFormatter, rowIcon = _d.rowIcon, rowLabelWidth = _d.rowLabelWidth, rowMaxLabelWidth = _d.rowMaxLabelWidth, rowLabelTextAlign = _d.rowLabelTextAlign, arrows = _d.arrows, animationLineEnterPosition = _d.animationLineEnterPosition, animationLineExitPosition = _d.animationLineExitPosition, onScroll = _d.onScroll;
+            var config = { 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 };
             var keys = Object.keys(config);
             keys.forEach(function (key) {
                 if (config[key] === undefined)
@@ -2429,7 +2525,7 @@
         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 });
+    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", 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__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: [{
@@ -2456,17 +2552,45 @@
                     type: i0.Input
                 }], excludeFromDomainCalculation: [{
                     type: i0.Input
+                }], type: [{
+                    type: i0.Input
+                }], length: [{
+                    type: i0.Input
+                }], cursor: [{
+                    type: i0.Input
+                }], lineRow: [{
+                    type: i0.Input
+                }], lineDuration: [{
+                    type: i0.Input
                 }], lineWidth: [{
                     type: i0.Input
                 }], lineCap: [{
                     type: i0.Input
-                }], rowHeight: [{
+                }], lineStartIcon: [{
                     type: i0.Input
-                }], length: [{
+                }], lineStartIconColor: [{
                     type: i0.Input
-                }], type: [{
+                }], lineStartIconSize: [{
                     type: i0.Input
-                }], cursor: [{
+                }], lineStartIconArrangement: [{
+                    type: i0.Input
+                }], lineEndIcon: [{
+                    type: i0.Input
+                }], lineEndIconColor: [{
+                    type: i0.Input
+                }], lineEndIconSize: [{
+                    type: i0.Input
+                }], lineEndIconArrangement: [{
+                    type: i0.Input
+                }], lineCursor: [{
+                    type: i0.Input
+                }], showEmptySegments: [{
+                    type: i0.Input
+                }], showEmptySegmentsCorrectPosition: [{
+                    type: i0.Input
+                }], rowHeight: [{
+                    type: i0.Input
+                }], alternatingRowColors: [{
                     type: i0.Input
                 }], showLabels: [{
                     type: i0.Input
@@ -2474,11 +2598,27 @@
                     type: i0.Input
                 }], maxLabelWidth: [{
                     type: i0.Input
-                }], alternatingRowColors: [{
+                }], showRowLabels: [{
                     type: i0.Input
-                }], onScroll: [{
+                }], rowLabelStyle: [{
                     type: i0.Input
-                }], showEmptySegments: [{
+                }], rowLabelFormatter: [{
+                    type: i0.Input
+                }], rowIcon: [{
+                    type: i0.Input
+                }], rowLabelWidth: [{
+                    type: i0.Input
+                }], rowMaxLabelWidth: [{
+                    type: i0.Input
+                }], rowLabelTextAlign: [{
+                    type: i0.Input
+                }], arrows: [{
+                    type: i0.Input
+                }], animationLineEnterPosition: [{
+                    type: i0.Input
+                }], animationLineExitPosition: [{
+                    type: i0.Input
+                }], onScroll: [{
                     type: i0.Input
                 }], data: [{
                     type: i0.Input
@@ -2742,6 +2882,86 @@
                     }]
             }] });
 
+    // !!! This code was automatically generated. You should not change it !!!
+    var VisPlotbandComponent = /** @class */ (function () {
+        function VisPlotbandComponent() {
+        }
+        VisPlotbandComponent.prototype.ngAfterViewInit = function () {
+            this.component = new ts.Plotband(this.getConfig());
+        };
+        VisPlotbandComponent.prototype.ngOnChanges = function (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();
+        };
+        VisPlotbandComponent.prototype.getConfig = function () {
+            var _c = this, duration = _c.duration, events = _c.events, attributes = _c.attributes, axis = _c.axis, from = _c.from, to = _c.to, labelText = _c.labelText, labelPosition = _c.labelPosition, labelOffsetX = _c.labelOffsetX, labelOffsetY = _c.labelOffsetY, labelOrientation = _c.labelOrientation, labelColor = _c.labelColor, labelSize = _c.labelSize;
+            var config = { 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 };
+            var keys = Object.keys(config);
+            keys.forEach(function (key) {
+                if (config[key] === undefined)
+                    delete config[key];
+            });
+            return config;
+        };
+        return VisPlotbandComponent;
+    }());
+    VisPlotbandComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: VisPlotbandComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
+    VisPlotbandComponent.ɵcmp = i0__namespace.ɵɵ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__namespace, template: '', isInline: true });
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: VisPlotbandComponent, decorators: [{
+                type: i0.Component,
+                args: [{
+                        selector: 'vis-plotband',
+                        template: '',
+                        // eslint-disable-next-line no-use-before-define
+                        providers: [{ provide: VisXYComponent, useExisting: VisPlotbandComponent }],
+                    }]
+            }], propDecorators: { duration: [{
+                    type: i0.Input
+                }], events: [{
+                    type: i0.Input
+                }], attributes: [{
+                    type: i0.Input
+                }], axis: [{
+                    type: i0.Input
+                }], from: [{
+                    type: i0.Input
+                }], to: [{
+                    type: i0.Input
+                }], labelText: [{
+                    type: i0.Input
+                }], labelPosition: [{
+                    type: i0.Input
+                }], labelOffsetX: [{
+                    type: i0.Input
+                }], labelOffsetY: [{
+                    type: i0.Input
+                }], labelOrientation: [{
+                    type: i0.Input
+                }], labelColor: [{
+                    type: i0.Input
+                }], labelSize: [{
+                    type: i0.Input
+                }] } });
+
+    // !!! This code was automatically generated. You should not change it !!!
+    var VisPlotbandModule = /** @class */ (function () {
+        function VisPlotbandModule() {
+        }
+        return VisPlotbandModule;
+    }());
+    VisPlotbandModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: VisPlotbandModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
+    VisPlotbandModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: VisPlotbandModule, declarations: [VisPlotbandComponent], exports: [VisPlotbandComponent] });
+    VisPlotbandModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: VisPlotbandModule, imports: [[]] });
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: VisPlotbandModule, decorators: [{
+                type: i0.NgModule,
+                args: [{
+                        imports: [],
+                        declarations: [VisPlotbandComponent],
+                        exports: [VisPlotbandComponent],
+                    }]
+            }] });
+
     // !!! This code was automatically generated. You should not change it !!!
     var VisLeafletMapComponent = /** @class */ (function () {
         function VisLeafletMapComponent() {
@@ -3106,8 +3326,8 @@
             (_a = this.component) === null || _a === void 0 ? void 0 : _a.update(this.getConfig());
         };
         VisBulletLegendComponent.prototype.getConfig = function () {
-            var _b = this, items = _b.items, labelClassName = _b.labelClassName, onLegendItemClick = _b.onLegendItemClick, labelFontSize = _b.labelFontSize, labelMaxWidth = _b.labelMaxWidth, bulletSize = _b.bulletSize, bulletShape = _b.bulletShape, orientation = _b.orientation;
-            var config = { items: items, labelClassName: labelClassName, onLegendItemClick: onLegendItemClick, labelFontSize: labelFontSize, labelMaxWidth: labelMaxWidth, bulletSize: bulletSize, bulletShape: bulletShape, orientation: orientation };
+            var _b = this, items = _b.items, labelClassName = _b.labelClassName, onLegendItemClick = _b.onLegendItemClick, labelFontSize = _b.labelFontSize, labelMaxWidth = _b.labelMaxWidth, bulletSize = _b.bulletSize, bulletSpacing = _b.bulletSpacing, bulletShape = _b.bulletShape, orientation = _b.orientation;
+            var config = { items: items, labelClassName: labelClassName, onLegendItemClick: onLegendItemClick, labelFontSize: labelFontSize, labelMaxWidth: labelMaxWidth, bulletSize: bulletSize, bulletSpacing: bulletSpacing, bulletShape: bulletShape, orientation: orientation };
             var keys = Object.keys(config);
             keys.forEach(function (key) {
                 if (config[key] === undefined)
@@ -3118,7 +3338,7 @@
         return VisBulletLegendComponent;
     }());
     VisBulletLegendComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: VisBulletLegendComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
-    VisBulletLegendComponent.ɵcmp = i0__namespace.ɵɵ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__namespace, template: '<div #container class="bullet-legend-container"></div>', isInline: true, styles: [".bullet-legend-container {  }"] });
+    VisBulletLegendComponent.ɵcmp = i0__namespace.ɵɵ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__namespace, template: '<div #container class="bullet-legend-container"></div>', isInline: true, styles: [".bullet-legend-container {  }"] });
     i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: VisBulletLegendComponent, decorators: [{
                 type: i0.Component,
                 args: [{
@@ -3143,6 +3363,8 @@
                     type: i0.Input
                 }], bulletSize: [{
                     type: i0.Input
+                }], bulletSpacing: [{
+                    type: i0.Input
                 }], bulletShape: [{
                     type: i0.Input
                 }], orientation: [{
@@ -3167,6 +3389,73 @@
                     }]
             }] });
 
+    // !!! This code was automatically generated. You should not change it !!!
+    var VisRollingPinLegendComponent = /** @class */ (function () {
+        function VisRollingPinLegendComponent() {
+        }
+        VisRollingPinLegendComponent.prototype.ngAfterViewInit = function () {
+            this.component = new ts.RollingPinLegend(this.containerRef.nativeElement, this.getConfig());
+        };
+        VisRollingPinLegendComponent.prototype.ngOnChanges = function (changes) {
+            var _a;
+            (_a = this.component) === null || _a === void 0 ? void 0 : _a.setConfig(this.getConfig());
+        };
+        VisRollingPinLegendComponent.prototype.getConfig = function () {
+            var _b = this, rects = _b.rects, leftLabelText = _b.leftLabelText, rightLabelText = _b.rightLabelText, labelClassName = _b.labelClassName, labelFontSize = _b.labelFontSize;
+            var config = { rects: rects, leftLabelText: leftLabelText, rightLabelText: rightLabelText, labelClassName: labelClassName, labelFontSize: labelFontSize };
+            var keys = Object.keys(config);
+            keys.forEach(function (key) {
+                if (config[key] === undefined)
+                    delete config[key];
+            });
+            return config;
+        };
+        return VisRollingPinLegendComponent;
+    }());
+    VisRollingPinLegendComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: VisRollingPinLegendComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
+    VisRollingPinLegendComponent.ɵcmp = i0__namespace.ɵɵ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__namespace, template: '<div #container class="rolling-pin-legend-container"></div>', isInline: true, styles: [".rolling-pin-legend-container {  }"] });
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: VisRollingPinLegendComponent, decorators: [{
+                type: i0.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: i0.ViewChild,
+                    args: ['container', { static: false }]
+                }], rects: [{
+                    type: i0.Input
+                }], leftLabelText: [{
+                    type: i0.Input
+                }], rightLabelText: [{
+                    type: i0.Input
+                }], labelClassName: [{
+                    type: i0.Input
+                }], labelFontSize: [{
+                    type: i0.Input
+                }] } });
+
+    // !!! This code was automatically generated. You should not change it !!!
+    var VisRollingPinLegendModule = /** @class */ (function () {
+        function VisRollingPinLegendModule() {
+        }
+        return VisRollingPinLegendModule;
+    }());
+    VisRollingPinLegendModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: VisRollingPinLegendModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
+    VisRollingPinLegendModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: VisRollingPinLegendModule, declarations: [VisRollingPinLegendComponent], exports: [VisRollingPinLegendComponent] });
+    VisRollingPinLegendModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: VisRollingPinLegendModule, imports: [[]] });
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: VisRollingPinLegendModule, decorators: [{
+                type: i0.NgModule,
+                args: [{
+                        imports: [],
+                        declarations: [VisRollingPinLegendComponent],
+                        exports: [VisRollingPinLegendComponent],
+                    }]
+            }] });
+
     // !!! This code was automatically generated. You should not change it !!!
     var VisTooltipModule = /** @class */ (function () {
         function VisTooltipModule() {
@@ -3223,6 +3512,12 @@
     exports.VisLineModule = VisLineModule;
     exports.VisNestedDonutComponent = VisNestedDonutComponent;
     exports.VisNestedDonutModule = VisNestedDonutModule;
+    exports.VisPlotbandComponent = VisPlotbandComponent;
+    exports.VisPlotbandModule = VisPlotbandModule;
+    exports.VisPlotlineComponent = VisPlotlineComponent;
+    exports.VisPlotlineModule = VisPlotlineModule;
+    exports.VisRollingPinLegendComponent = VisRollingPinLegendComponent;
+    exports.VisRollingPinLegendModule = VisRollingPinLegendModule;
     exports.VisSankeyComponent = VisSankeyComponent;
     exports.VisSankeyModule = VisSankeyModule;
     exports.VisScatterComponent = VisScatterComponent;