@syncfusion/ej2-angular-charts 32.2.9-ngcc → 33.1.44-ngcc

package/dist/ej2-angular-charts.umd.js

@@ -1,6 +1,6 @@
 /*!
 *  filename: ej2-angular-charts.umd.js
-*  version : 32.2.9
+*  version : 33.1.44
 *  Copyright Syncfusion Inc. 2001 - 2025. All rights reserved.
 *  Use of this code is subject to the terms of our license.
 *  A copy of the current license can be obtained at any time by e-mailing
@@ -23,7 +23,7 @@ var __extends = (this && this.__extends) || (function () {
         d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
     };
 })();
-var input = ['accessibility', 'animation', 'backwardForecast', 'dashArray', 'enableTooltip', 'fill', 'forwardForecast', 'intercept', 'legendShape', 'marker', 'name', 'period', 'polynomialOrder', 'type', 'visible', 'width'];
+var input = ['accessibility', 'animation', 'backwardForecast', 'dashArray', 'enableTooltip', 'fill', 'forwardForecast', 'intercept', 'legendShape', 'linearGradient', 'marker', 'name', 'period', 'polynomialOrder', 'radialGradient', 'type', 'visible', 'width'];
 var outputs = [];
 /**
  * Series Directive
@@ -167,7 +167,7 @@ var __metadata = (this && this.__metadata) || function (k, v) {
     if (typeof Reflect === "object" && typeof Reflect.metadata === "function")
         return Reflect.metadata(k, v);
 };
-var input$2 = ['accessibility', 'animation', 'bearFillColor', 'binInterval', 'border', 'boxPlotMode', 'bullFillColor', 'cardinalSplineTension', 'close', 'colorName', 'columnFacet', 'columnSpacing', 'columnWidth', 'columnWidthInPixel', 'connector', 'cornerRadius', 'dashArray', 'dataSource', 'dragSettings', 'drawType', 'emptyPointSettings', 'enableComplexProperty', 'enableSolidCandles', 'enableTooltip', 'errorBar', 'fill', 'groupName', 'high', 'intermediateSumIndexes', 'isClosed', 'lastValueLabel', 'legendImageUrl', 'legendShape', 'low', 'marker', 'maxRadius', 'minRadius', 'name', 'negativeFillColor', 'noRisers', 'nonHighlightStyle', 'opacity', 'open', 'paretoOptions', 'pointColorMapping', 'query', 'segmentAxis', 'segments', 'selectionStyle', 'showMean', 'showNearestTooltip', 'showNormalDistribution', 'showOutliers', 'size', 'splineType', 'stackingGroup', 'step', 'sumIndexes', 'summaryFillColor', 'tooltipFormat', 'tooltipMappingName', 'trendlines', 'type', 'unSelectedStyle', 'visible', 'volume', 'width', 'xAxisName', 'xName', 'yAxisName', 'yName', 'zOrder'];
+var input$2 = ['accessibility', 'animation', 'bearFillColor', 'binInterval', 'border', 'boxPlotMode', 'bullFillColor', 'cardinalSplineTension', 'close', 'colorName', 'columnFacet', 'columnSpacing', 'columnWidth', 'columnWidthInPixel', 'connector', 'cornerRadius', 'dashArray', 'dataSource', 'dragSettings', 'drawType', 'emptyPointSettings', 'enableComplexProperty', 'enableSolidCandles', 'enableTooltip', 'errorBar', 'fill', 'groupName', 'high', 'intermediateSumIndexes', 'isClosed', 'labelSettings', 'lastValueLabel', 'legendImageUrl', 'legendShape', 'linearGradient', 'low', 'marker', 'maxRadius', 'minRadius', 'name', 'negativeFillColor', 'noRisers', 'nonHighlightStyle', 'opacity', 'open', 'paretoOptions', 'pointColorMapping', 'query', 'radialGradient', 'segmentAxis', 'segments', 'selectionStyle', 'showMean', 'showNearestTooltip', 'showNormalDistribution', 'showOutliers', 'size', 'splineType', 'stackingGroup', 'step', 'sumIndexes', 'summaryFillColor', 'tooltipFormat', 'tooltipMappingName', 'trendlines', 'type', 'unSelectedStyle', 'visible', 'volume', 'width', 'xAxisName', 'xName', 'yAxisName', 'yName', 'zOrder'];
 var outputs$2 = [];
 /**
  * Series Directive
@@ -434,7 +434,7 @@ MultiLevelLabelsDirective.decorators = [
  * @nocollapse
  */
 MultiLevelLabelsDirective.ctorParameters = function () { return []; };
-var input$6 = ['border', 'coefficient', 'columnIndex', 'crossesAt', 'crossesInAxis', 'crosshairTooltip', 'description', 'desiredIntervals', 'edgeLabelPlacement', 'enableAutoIntervalOnZooming', 'enableScrollbarOnZooming', 'enableTrim', 'enableWrap', 'interval', 'intervalType', 'isIndexed', 'isInversed', 'labelFormat', 'labelIntersectAction', 'labelPadding', 'labelPlacement', 'labelPosition', 'labelRotation', 'labelStyle', 'lineBreakAlignment', 'lineStyle', 'logBase', 'majorGridLines', 'majorTickLines', 'maximum', 'maximumLabelWidth', 'maximumLabels', 'minimum', 'minorGridLines', 'minorTickLines', 'minorTicksPerInterval', 'multiLevelLabels', 'name', 'opposedPosition', 'placeNextToAxisLine', 'plotOffset', 'plotOffsetBottom', 'plotOffsetLeft', 'plotOffsetRight', 'plotOffsetTop', 'rangePadding', 'rowIndex', 'scrollbarSettings', 'skeleton', 'skeletonType', 'span', 'startAngle', 'startFromZero', 'stripLines', 'tabIndex', 'tickPosition', 'title', 'titlePadding', 'titleRotation', 'titleStyle', 'valueType', 'visible', 'zoomFactor', 'zoomPosition'];
+var input$6 = ['border', 'coefficient', 'columnIndex', 'crossesAt', 'crossesInAxis', 'crosshairTooltip', 'description', 'desiredIntervals', 'edgeLabelPlacement', 'enableAutoIntervalOnZooming', 'enableScrollbarOnZooming', 'enableTrim', 'enableWrap', 'interval', 'intervalType', 'isIndexed', 'isInversed', 'labelFormat', 'labelIntersectAction', 'labelPadding', 'labelPlacement', 'labelPosition', 'labelRotation', 'labelStyle', 'labelTemplate', 'lineBreakAlignment', 'lineStyle', 'logBase', 'majorGridLines', 'majorTickLines', 'maximum', 'maximumLabelWidth', 'maximumLabels', 'minimum', 'minorGridLines', 'minorTickLines', 'minorTicksPerInterval', 'multiLevelLabels', 'name', 'opposedPosition', 'placeNextToAxisLine', 'plotOffset', 'plotOffsetBottom', 'plotOffsetLeft', 'plotOffsetRight', 'plotOffsetTop', 'rangePadding', 'rowIndex', 'scrollbarSettings', 'skeleton', 'skeletonType', 'span', 'startAngle', 'startFromZero', 'stripLines', 'tabIndex', 'tickPosition', 'title', 'titlePadding', 'titleRotation', 'titleStyle', 'valueType', 'visible', 'zoomFactor', 'zoomPosition'];
 var outputs$6 = [];
 /**
  * Axis Directive
@@ -813,7 +813,7 @@ SelectedDataIndexesDirective.decorators = [
  * @nocollapse
  */
 SelectedDataIndexesDirective.ctorParameters = function () { return []; };
-var input$12 = ['accessibility', 'animation', 'bandColor', 'close', 'colorName', 'dPeriod', 'dashArray', 'dataSource', 'enableComplexProperty', 'fastPeriod', 'field', 'fill', 'high', 'kPeriod', 'low', 'lowerLine', 'macdLine', 'macdNegativeColor', 'macdPositiveColor', 'macdType', 'open', 'overBought', 'overSold', 'period', 'periodLine', 'pointColorMapping', 'query', 'segmentAxis', 'segments', 'seriesName', 'showZones', 'slowPeriod', 'standardDeviation', 'type', 'upperLine', 'visible', 'volume', 'width', 'xAxisName', 'xName', 'yAxisName'];
+var input$12 = ['accessibility', 'animation', 'bandColor', 'close', 'colorName', 'dPeriod', 'dashArray', 'dataSource', 'enableComplexProperty', 'fastPeriod', 'field', 'fill', 'high', 'kPeriod', 'linearGradient', 'low', 'lowerLine', 'macdLine', 'macdNegativeColor', 'macdPositiveColor', 'macdType', 'open', 'overBought', 'overSold', 'period', 'periodLine', 'pointColorMapping', 'query', 'radialGradient', 'segmentAxis', 'segments', 'seriesName', 'showZones', 'slowPeriod', 'standardDeviation', 'type', 'upperLine', 'visible', 'volume', 'width', 'xAxisName', 'xName', 'yAxisName'];
 var outputs$12 = [];
 /**
  * Indicator Directive
@@ -889,7 +889,7 @@ var __metadata$2 = (this && this.__metadata) || function (k, v) {
         return Reflect.metadata(k, v);
 };
 var inputs = ['accessibility', 'allowExport', 'allowMultiSelection', 'annotations', 'axes', 'background', 'backgroundImage', 'border', 'chartArea', 'columns', 'crosshair', 'currencyCode', 'dataSource', 'description', 'enableAnimation', 'enableAutoIntervalOnBothAxis', 'enableCanvas', 'enableExport', 'enableHtmlSanitizer', 'enablePersistence', 'enableRtl', 'enableSideBySidePlacement', 'focusBorderColor', 'focusBorderMargin', 'focusBorderWidth', 'height', 'highlightColor', 'highlightMode', 'highlightPattern', 'indicators', 'isMultiSelect', 'isTransposed', 'legendSettings', 'locale', 'margin', 'noDataTemplate', 'palettes', 'primaryXAxis', 'primaryYAxis', 'rangeColorSettings', 'rows', 'selectedDataIndexes', 'selectionMode', 'selectionPattern', 'series', 'stackLabels', 'subTitle', 'subTitleStyle', 'tabIndex', 'theme', 'title', 'titleStyle', 'tooltip', 'useGroupingSeparator', 'width', 'zoomSettings'];
-var outputs$13 = ['afterExport', 'animationComplete', 'annotationRender', 'axisLabelClick', 'axisLabelRender', 'axisMultiLabelRender', 'axisRangeCalculated', 'beforeExport', 'beforePrint', 'beforeResize', 'chartDoubleClick', 'chartMouseClick', 'chartMouseDown', 'chartMouseLeave', 'chartMouseMove', 'chartMouseUp', 'drag', 'dragComplete', 'dragEnd', 'dragStart', 'legendClick', 'legendRender', 'load', 'loaded', 'multiLevelLabelClick', 'onZooming', 'pointClick', 'pointDoubleClick', 'pointMove', 'pointRender', 'resized', 'scrollChanged', 'scrollEnd', 'scrollStart', 'selectionComplete', 'seriesRender', 'sharedTooltipRender', 'textRender', 'tooltipRender', 'zoomComplete', 'dataSourceChange'];
+var outputs$13 = ['afterExport', 'animationComplete', 'annotationRender', 'axisLabelClick', 'axisLabelRender', 'axisMultiLabelRender', 'axisRangeCalculated', 'beforeExport', 'beforePrint', 'beforeResize', 'chartDoubleClick', 'chartMouseClick', 'chartMouseDown', 'chartMouseLeave', 'chartMouseMove', 'chartMouseUp', 'crosshairLabelRender', 'drag', 'dragComplete', 'dragEnd', 'dragStart', 'legendClick', 'legendRender', 'load', 'loaded', 'multiLevelLabelClick', 'onZooming', 'pointClick', 'pointDoubleClick', 'pointMove', 'pointRender', 'resized', 'scrollChanged', 'scrollEnd', 'scrollStart', 'selectionComplete', 'seriesRender', 'sharedTooltipRender', 'textRender', 'tooltipRender', 'zoomComplete', 'dataSourceChange'];
 var twoWays = ['dataSource'];
 /**
  * Chart Component
@@ -1334,6 +1334,13 @@ exports.ChartComponent = /** @class */ (function (_super) {
             }
         }
         catch (_35) { }
+        try {
+            var mod = _this.injector.get('ChartsSeriesLabel');
+            if (_this.injectedModules.indexOf(mod) === -1) {
+                _this.injectedModules.push(mod);
+            }
+        }
+        catch (_36) { }
         _this.registerEvents(outputs$13);
         _this.addTwoWay.call(_this, twoWays);
         ej2AngularBase.setValue('currentInstance', _this, _this.viewContainerRef);
@@ -1417,11 +1424,16 @@ exports.ChartComponent.ctorParameters = function () { return [
 ]; };
 exports.ChartComponent.propDecorators = {
     'tooltip_template': [{ type: core.ContentChild, args: ['tooltipTemplate',] },],
+    'legendSettings_template': [{ type: core.ContentChild, args: ['legendSettingsTemplate',] },],
 };
 __decorate$2([
     ej2AngularBase.Template(),
     __metadata$2("design:type", Object)
 ], exports.ChartComponent.prototype, "tooltip_template", void 0);
+__decorate$2([
+    ej2AngularBase.Template(),
+    __metadata$2("design:type", Object)
+], exports.ChartComponent.prototype, "legendSettings_template", void 0);
 exports.ChartComponent = __decorate$2([
     ej2AngularBase.ComponentMixins([ej2AngularBase.ComponentBase]),
     __metadata$2("design:paramtypes", [core.ElementRef,
@@ -1564,6 +1576,7 @@ var ExportService = { provide: 'ChartsExport', useValue: ej2Charts.Export };
 var DataEditingService = { provide: 'ChartsDataEditing', useValue: ej2Charts.DataEditing };
 var HighlightService = { provide: 'ChartsHighlight', useValue: ej2Charts.Highlight };
 var LastValueLabelService = { provide: 'ChartsLastValueLabel', useValue: ej2Charts.LastValueLabel };
+var SeriesLabelService = { provide: 'ChartsSeriesLabel', useValue: ej2Charts.SeriesLabel };
 /**
  * NgModule definition for the Chart component with providers.
  */
@@ -1638,7 +1651,8 @@ ChartAllModule.decorators = [
                     ExportService,
                     DataEditingService,
                     HighlightService,
-                    LastValueLabelService
+                    LastValueLabelService,
+                    SeriesLabelService
                 ]
             },] },
 ];
@@ -1660,7 +1674,7 @@ var __metadata$3 = (this && this.__metadata) || function (k, v) {
     if (typeof Reflect === "object" && typeof Reflect.metadata === "function")
         return Reflect.metadata(k, v);
 };
-var input$13 = ['accessibility', 'animation', 'applyPattern', 'border', 'borderRadius', 'dashArray', 'dataLabel', 'dataSource', 'emptyPointSettings', 'enableTooltip', 'endAngle', 'explode', 'explodeAll', 'explodeIndex', 'explodeOffset', 'funnelMode', 'gapRatio', 'groupMode', 'groupTo', 'height', 'innerRadius', 'legendImageUrl', 'legendShape', 'name', 'neckHeight', 'neckWidth', 'opacity', 'palettes', 'pointColorMapping', 'pyramidMode', 'query', 'radius', 'selectionStyle', 'startAngle', 'tooltipMappingName', 'type', 'visible', 'width', 'xName', 'yName'];
+var input$13 = ['accessibility', 'animation', 'applyPattern', 'border', 'borderRadius', 'dashArray', 'dataLabel', 'dataSource', 'emptyPointSettings', 'enableTooltip', 'endAngle', 'explode', 'explodeAll', 'explodeIndex', 'explodeOffset', 'funnelMode', 'gapRatio', 'groupMode', 'groupTo', 'height', 'innerRadius', 'legendImageUrl', 'legendShape', 'linearGradient', 'name', 'neckHeight', 'neckWidth', 'opacity', 'palettes', 'pointColorMapping', 'pyramidMode', 'query', 'radialGradient', 'radius', 'selectionStyle', 'startAngle', 'tooltipMappingName', 'type', 'visible', 'width', 'xName', 'yName'];
 var outputs$14 = [];
 /**
  * AccumulationSeries Directive
@@ -1980,11 +1994,16 @@ exports.AccumulationChartComponent.ctorParameters = function () { return [
 ]; };
 exports.AccumulationChartComponent.propDecorators = {
     'tooltip_template': [{ type: core.ContentChild, args: ['tooltipTemplate',] },],
+    'legendSettings_template': [{ type: core.ContentChild, args: ['legendSettingsTemplate',] },],
 };
 __decorate$5([
     ej2AngularBase.Template(),
     __metadata$5("design:type", Object)
 ], exports.AccumulationChartComponent.prototype, "tooltip_template", void 0);
+__decorate$5([
+    ej2AngularBase.Template(),
+    __metadata$5("design:type", Object)
+], exports.AccumulationChartComponent.prototype, "legendSettings_template", void 0);
 exports.AccumulationChartComponent = __decorate$5([
     ej2AngularBase.ComponentMixins([ej2AngularBase.ComponentBase]),
     __metadata$5("design:paramtypes", [core.ElementRef,
@@ -2774,7 +2793,7 @@ SmithchartAllModule.decorators = [
  * @nocollapse
  */
 SmithchartAllModule.ctorParameters = function () { return []; };
-var input$18 = ['accessibility', 'animation', 'backwardForecast', 'dashArray', 'enableTooltip', 'fill', 'forwardForecast', 'intercept', 'legendShape', 'marker', 'name', 'period', 'polynomialOrder', 'type', 'visible', 'width'];
+var input$18 = ['accessibility', 'animation', 'backwardForecast', 'dashArray', 'enableTooltip', 'fill', 'forwardForecast', 'intercept', 'legendShape', 'linearGradient', 'marker', 'name', 'period', 'polynomialOrder', 'radialGradient', 'type', 'visible', 'width'];
 var outputs$23 = [];
 /**
  * Series Directive
@@ -2840,7 +2859,7 @@ StockChartTrendlinesDirective.decorators = [
  * @nocollapse
  */
 StockChartTrendlinesDirective.ctorParameters = function () { return []; };
-var input$19 = ['animation', 'bearFillColor', 'border', 'bullFillColor', 'cardinalSplineTension', 'close', 'columnSpacing', 'columnWidth', 'cornerRadius', 'dashArray', 'dataSource', 'emptyPointSettings', 'enableSolidCandles', 'enableTooltip', 'fill', 'high', 'lastValueLabel', 'legendImageUrl', 'legendShape', 'low', 'marker', 'name', 'opacity', 'open', 'pointColorMapping', 'query', 'selectionStyle', 'showNearestTooltip', 'tooltipMappingName', 'trendlines', 'type', 'visible', 'volume', 'width', 'xAxisName', 'xName', 'yAxisName', 'yName'];
+var input$19 = ['animation', 'bearFillColor', 'border', 'bullFillColor', 'cardinalSplineTension', 'close', 'columnSpacing', 'columnWidth', 'cornerRadius', 'dashArray', 'dataSource', 'emptyPointSettings', 'enableSolidCandles', 'enableTooltip', 'fill', 'high', 'labelSettings', 'lastValueLabel', 'legendImageUrl', 'legendShape', 'linearGradient', 'low', 'marker', 'name', 'opacity', 'open', 'pointColorMapping', 'query', 'radialGradient', 'selectionStyle', 'showNearestTooltip', 'tooltipMappingName', 'trendlines', 'type', 'visible', 'volume', 'width', 'xAxisName', 'xName', 'yAxisName', 'yName'];
 var outputs$24 = [];
 /**
  * Series Directive
@@ -3283,7 +3302,7 @@ StockEventsDirective.decorators = [
  * @nocollapse
  */
 StockEventsDirective.ctorParameters = function () { return []; };
-var input$26 = ['animation', 'bandColor', 'close', 'dPeriod', 'dashArray', 'dataSource', 'fastPeriod', 'field', 'fill', 'high', 'kPeriod', 'low', 'lowerLine', 'macdLine', 'macdNegativeColor', 'macdPositiveColor', 'macdType', 'open', 'overBought', 'overSold', 'period', 'periodLine', 'pointColorMapping', 'query', 'seriesName', 'showZones', 'slowPeriod', 'standardDeviation', 'type', 'upperLine', 'volume', 'width', 'xAxisName', 'xName', 'yAxisName'];
+var input$26 = ['animation', 'bandColor', 'close', 'dPeriod', 'dashArray', 'dataSource', 'fastPeriod', 'field', 'fill', 'high', 'kPeriod', 'linearGradient', 'low', 'lowerLine', 'macdLine', 'macdNegativeColor', 'macdPositiveColor', 'macdType', 'open', 'overBought', 'overSold', 'period', 'periodLine', 'pointColorMapping', 'query', 'radialGradient', 'seriesName', 'showZones', 'slowPeriod', 'standardDeviation', 'type', 'upperLine', 'volume', 'width', 'xAxisName', 'xName', 'yAxisName'];
 var outputs$31 = [];
 /**
  * Indicator Directive
@@ -3359,7 +3378,7 @@ var __metadata$10 = (this && this.__metadata) || function (k, v) {
         return Reflect.metadata(k, v);
 };
 var inputs$5 = ['annotations', 'axes', 'background', 'border', 'chartArea', 'crosshair', 'dataSource', 'enableCustomRange', 'enablePeriodSelector', 'enablePersistence', 'enableRtl', 'enableSelector', 'exportType', 'height', 'indicatorType', 'indicators', 'isMultiSelect', 'isSelect', 'isTransposed', 'legendSettings', 'locale', 'margin', 'noDataTemplate', 'periods', 'primaryXAxis', 'primaryYAxis', 'rows', 'selectedDataIndexes', 'selectionMode', 'series', 'seriesType', 'stockEvents', 'theme', 'title', 'titleStyle', 'tooltip', 'trendlineType', 'width', 'zoomSettings'];
-var outputs$32 = ['axisLabelRender', 'beforeExport', 'legendClick', 'legendRender', 'load', 'loaded', 'onZooming', 'pointClick', 'pointMove', 'rangeChange', 'selectorRender', 'seriesRender', 'stockChartMouseClick', 'stockChartMouseDown', 'stockChartMouseLeave', 'stockChartMouseMove', 'stockChartMouseUp', 'stockEventRender', 'tooltipRender', 'dataSourceChange'];
+var outputs$32 = ['axisLabelRender', 'beforeExport', 'crosshairLabelRender', 'legendClick', 'legendRender', 'load', 'loaded', 'onZooming', 'pointClick', 'pointMove', 'rangeChange', 'selectorRender', 'seriesRender', 'stockChartMouseClick', 'stockChartMouseDown', 'stockChartMouseLeave', 'stockChartMouseMove', 'stockChartMouseUp', 'stockEventRender', 'tooltipRender', 'dataSourceChange'];
 var twoWays$5 = ['dataSource'];
 /**
  * Stock Chart Component
@@ -3615,6 +3634,13 @@ exports.StockChartComponent = /** @class */ (function (_super) {
             }
         }
         catch (_8) { }
+        try {
+            var mod = _this.injector.get('ChartsSeriesLabel');
+            if (_this.injectedModules.indexOf(mod) === -1) {
+                _this.injectedModules.push(mod);
+            }
+        }
+        catch (_9) { }
         _this.registerEvents(outputs$32);
         _this.addTwoWay.call(_this, twoWays$5);
         ej2AngularBase.setValue('currentInstance', _this, _this.viewContainerRef);
@@ -3699,11 +3725,16 @@ exports.StockChartComponent.ctorParameters = function () { return [
 ]; };
 exports.StockChartComponent.propDecorators = {
     'tooltip_template': [{ type: core.ContentChild, args: ['tooltipTemplate',] },],
+    'legendSettings_template': [{ type: core.ContentChild, args: ['legendSettingsTemplate',] },],
 };
 __decorate$10([
     ej2AngularBase.Template(),
     __metadata$10("design:type", Object)
 ], exports.StockChartComponent.prototype, "tooltip_template", void 0);
+__decorate$10([
+    ej2AngularBase.Template(),
+    __metadata$10("design:type", Object)
+], exports.StockChartComponent.prototype, "legendSettings_template", void 0);
 exports.StockChartComponent = __decorate$10([
     ej2AngularBase.ComponentMixins([ej2AngularBase.ComponentBase]),
     __metadata$10("design:paramtypes", [core.ElementRef,
@@ -5031,7 +5062,335 @@ CircularChart3DAllModule.decorators = [
 /**
  * @nocollapse
  */
-CircularChart3DAllModule.ctorParameters = function () { return []; };
+CircularChart3DAllModule.ctorParameters = function () { return []; };
+var input$35 = ['color', 'id', 'label', 'offset'];
+var outputs$44 = [];
+/**
+ * Sankey Nodes Directive
+ * ```html
+ * <e-sankey-nodes>
+ * <e-sankey-node></e-sankey-node>
+ * </e-sankey-nodes>
+ * ```
+ */
+var SankeyNodeDirective = /** @class */ (function (_super) {
+    __extends(SankeyNodeDirective, _super);
+    /**
+     * @param {?} viewContainerRef
+     */
+    function SankeyNodeDirective(viewContainerRef) {
+        var _this = _super.call(this) || this;
+        _this.viewContainerRef = viewContainerRef;
+        ej2AngularBase.setValue('currentInstance', _this, _this.viewContainerRef);
+        _this.registerEvents(outputs$44);
+        _this.directivePropList = input$35;
+        return _this;
+    }
+    return SankeyNodeDirective;
+}(ej2AngularBase.ComplexBase));
+SankeyNodeDirective.decorators = [
+    { type: core.Directive, args: [{
+                selector: 'e-sankey-nodes>e-sankey-node',
+                inputs: input$35,
+                outputs: outputs$44,
+                queries: {}
+            },] },
+];
+/**
+ * @nocollapse
+ */
+SankeyNodeDirective.ctorParameters = function () { return [
+    { type: core.ViewContainerRef, },
+]; };
+/**
+ * SankeyNode Array Directive
+ */
+var SankeyNodesCollectionDirective = /** @class */ (function (_super) {
+    __extends(SankeyNodesCollectionDirective, _super);
+    function SankeyNodesCollectionDirective() {
+        return _super.call(this, 'nodes') || this;
+    }
+    return SankeyNodesCollectionDirective;
+}(ej2AngularBase.ArrayBase));
+SankeyNodesCollectionDirective.decorators = [
+    { type: core.Directive, args: [{
+                selector: 'ejs-sankey>e-sankey-nodes',
+                queries: {
+                    children: new core.ContentChildren(SankeyNodeDirective)
+                },
+            },] },
+];
+/**
+ * @nocollapse
+ */
+SankeyNodesCollectionDirective.ctorParameters = function () { return []; };
+var input$36 = ['sourceId', 'targetId', 'value'];
+var outputs$45 = [];
+/**
+ * Sankey Links Directive
+ * ```html
+ * <e-sankey-links>
+ * <e-sankey-link></e-sankey-link>
+ * </e-sankey-links>
+ * ```
+ */
+var SankeyLinkDirective = /** @class */ (function (_super) {
+    __extends(SankeyLinkDirective, _super);
+    /**
+     * @param {?} viewContainerRef
+     */
+    function SankeyLinkDirective(viewContainerRef) {
+        var _this = _super.call(this) || this;
+        _this.viewContainerRef = viewContainerRef;
+        ej2AngularBase.setValue('currentInstance', _this, _this.viewContainerRef);
+        _this.registerEvents(outputs$45);
+        _this.directivePropList = input$36;
+        return _this;
+    }
+    return SankeyLinkDirective;
+}(ej2AngularBase.ComplexBase));
+SankeyLinkDirective.decorators = [
+    { type: core.Directive, args: [{
+                selector: 'e-sankey-links>e-sankey-link',
+                inputs: input$36,
+                outputs: outputs$45,
+                queries: {}
+            },] },
+];
+/**
+ * @nocollapse
+ */
+SankeyLinkDirective.ctorParameters = function () { return [
+    { type: core.ViewContainerRef, },
+]; };
+/**
+ * SankeyLink Array Directive
+ */
+var SankeyLinksCollectionDirective = /** @class */ (function (_super) {
+    __extends(SankeyLinksCollectionDirective, _super);
+    function SankeyLinksCollectionDirective() {
+        return _super.call(this, 'links') || this;
+    }
+    return SankeyLinksCollectionDirective;
+}(ej2AngularBase.ArrayBase));
+SankeyLinksCollectionDirective.decorators = [
+    { type: core.Directive, args: [{
+                selector: 'ejs-sankey>e-sankey-links',
+                queries: {
+                    children: new core.ContentChildren(SankeyLinkDirective)
+                },
+            },] },
+];
+/**
+ * @nocollapse
+ */
+SankeyLinksCollectionDirective.ctorParameters = function () { return []; };
+var __decorate$16 = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function")
+        r = Reflect.decorate(decorators, target, key, desc);
+    else
+        for (var i = decorators.length - 1; i >= 0; i--)
+            if (d = decorators[i])
+                r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+var __metadata$16 = (this && this.__metadata) || function (k, v) {
+    if (typeof Reflect === "object" && typeof Reflect.metadata === "function")
+        return Reflect.metadata(k, v);
+};
+var inputs$9 = ['accessibility', 'allowExport', 'animation', 'background', 'backgroundImage', 'border', 'enableExport', 'enablePersistence', 'enableRtl', 'focusBorderColor', 'focusBorderMargin', 'focusBorderWidth', 'height', 'labelSettings', 'legendSettings', 'linkStyle', 'links', 'locale', 'margin', 'nodeStyle', 'nodes', 'orientation', 'subTitle', 'subTitleStyle', 'theme', 'title', 'titleStyle', 'tooltip', 'width'];
+var outputs$46 = ['afterExport', 'beforeExport', 'beforePrint', 'exportCompleted', 'labelRendering', 'legendItemHover', 'legendItemRendering', 'linkClick', 'linkEnter', 'linkLeave', 'linkRendering', 'load', 'loaded', 'nodeClick', 'nodeEnter', 'nodeLeave', 'nodeRendering', 'sizeChanged', 'tooltipRendering'];
+var twoWays$9 = [''];
+/**
+ * Sankey Component
+ * ```html
+ * <ejs-sankey></ejs-sankey>
+ * ```
+ */
+exports.SankeyComponent = /** @class */ (function (_super) {
+    __extends(SankeyComponent, _super);
+    /**
+     * @param {?} ngEle
+     * @param {?} srenderer
+     * @param {?} viewContainerRef
+     * @param {?} injector
+     */
+    function SankeyComponent(ngEle, srenderer, viewContainerRef, injector) {
+        var _this = _super.call(this) || this;
+        _this.ngEle = ngEle;
+        _this.srenderer = srenderer;
+        _this.viewContainerRef = viewContainerRef;
+        _this.injector = injector;
+        _this.tags = ['nodes', 'links'];
+        _this.element = _this.ngEle.nativeElement;
+        _this.injectedModules = _this.injectedModules || [];
+        try {
+            var mod = _this.injector.get('ChartsSankeyLegend');
+            if (_this.injectedModules.indexOf(mod) === -1) {
+                _this.injectedModules.push(mod);
+            }
+        }
+        catch (_a) { }
+        try {
+            var mod = _this.injector.get('ChartsSankeyTooltip');
+            if (_this.injectedModules.indexOf(mod) === -1) {
+                _this.injectedModules.push(mod);
+            }
+        }
+        catch (_b) { }
+        try {
+            var mod = _this.injector.get('ChartsSankeyHighlight');
+            if (_this.injectedModules.indexOf(mod) === -1) {
+                _this.injectedModules.push(mod);
+            }
+        }
+        catch (_c) { }
+        try {
+            var mod = _this.injector.get('ChartsSankeyExport');
+            if (_this.injectedModules.indexOf(mod) === -1) {
+                _this.injectedModules.push(mod);
+            }
+        }
+        catch (_d) { }
+        _this.registerEvents(outputs$46);
+        _this.addTwoWay.call(_this, twoWays$9);
+        ej2AngularBase.setValue('currentInstance', _this, _this.viewContainerRef);
+        _this.context = new ej2AngularBase.ComponentBase();
+        return _this;
+    }
+    /**
+     * @return {?}
+     */
+    SankeyComponent.prototype.ngOnInit = function () {
+        this.context.ngOnInit(this);
+    };
+    /**
+     * @return {?}
+     */
+    SankeyComponent.prototype.ngAfterViewInit = function () {
+        this.context.ngAfterViewInit(this);
+    };
+    /**
+     * @return {?}
+     */
+    SankeyComponent.prototype.ngOnDestroy = function () {
+        this.context.ngOnDestroy(this);
+    };
+    /**
+     * @return {?}
+     */
+    SankeyComponent.prototype.ngAfterContentChecked = function () {
+        this.tagObjects[0].instance = this.childNodes;
+        if (this.childLinks) {
+            this.tagObjects[1].instance = /** @type {?} */ (this.childLinks);
+        }
+        this.context.ngAfterContentChecked(this);
+    };
+    return SankeyComponent;
+}(ej2Charts.Sankey));
+exports.SankeyComponent.decorators = [
+    { type: core.Component, args: [{
+                selector: 'ejs-sankey',
+                inputs: inputs$9,
+                outputs: outputs$46,
+                template: '',
+                changeDetection: core.ChangeDetectionStrategy.OnPush,
+                queries: {
+                    childNodes: new core.ContentChild(SankeyNodesCollectionDirective),
+                    childLinks: new core.ContentChild(SankeyLinksCollectionDirective)
+                }
+            },] },
+];
+/**
+ * @nocollapse
+ */
+exports.SankeyComponent.ctorParameters = function () { return [
+    { type: core.ElementRef, },
+    { type: core.Renderer2, },
+    { type: core.ViewContainerRef, },
+    { type: core.Injector, },
+]; };
+exports.SankeyComponent.propDecorators = {
+    'tooltip_sankeyNodeTemplate': [{ type: core.ContentChild, args: ['tooltipSankeyNodeTemplate',] },],
+    'tooltip_sankeyLinkTemplate': [{ type: core.ContentChild, args: ['tooltipSankeyLinkTemplate',] },],
+};
+__decorate$16([
+    ej2AngularBase.Template(),
+    __metadata$16("design:type", Object)
+], exports.SankeyComponent.prototype, "tooltip_sankeyNodeTemplate", void 0);
+__decorate$16([
+    ej2AngularBase.Template(),
+    __metadata$16("design:type", Object)
+], exports.SankeyComponent.prototype, "tooltip_sankeyLinkTemplate", void 0);
+exports.SankeyComponent = __decorate$16([
+    ej2AngularBase.ComponentMixins([ej2AngularBase.ComponentBase]),
+    __metadata$16("design:paramtypes", [core.ElementRef,
+        core.Renderer2,
+        core.ViewContainerRef,
+        core.Injector])
+], exports.SankeyComponent);
+/**
+ * NgModule definition for the Sankey component.
+ */
+var SankeyModule = /** @class */ (function () {
+    function SankeyModule() {
+    }
+    return SankeyModule;
+}());
+SankeyModule.decorators = [
+    { type: core.NgModule, args: [{
+                imports: [common.CommonModule],
+                declarations: [
+                    exports.SankeyComponent,
+                    SankeyNodeDirective,
+                    SankeyNodesCollectionDirective,
+                    SankeyLinkDirective,
+                    SankeyLinksCollectionDirective
+                ],
+                exports: [
+                    exports.SankeyComponent,
+                    SankeyNodeDirective,
+                    SankeyNodesCollectionDirective,
+                    SankeyLinkDirective,
+                    SankeyLinksCollectionDirective
+                ]
+            },] },
+];
+/**
+ * @nocollapse
+ */
+SankeyModule.ctorParameters = function () { return []; };
+var SankeyLegendService = { provide: 'ChartsSankeyLegend', useValue: ej2Charts.SankeyLegend };
+var SankeyTooltipService = { provide: 'ChartsSankeyTooltip', useValue: ej2Charts.SankeyTooltip };
+var SankeyHighlightService = { provide: 'ChartsSankeyHighlight', useValue: ej2Charts.SankeyHighlight };
+var SankeyExportService = { provide: 'ChartsSankeyExport', useValue: ej2Charts.SankeyExport };
+/**
+ * NgModule definition for the Sankey component with providers.
+ */
+var SankeyAllModule = /** @class */ (function () {
+    function SankeyAllModule() {
+    }
+    return SankeyAllModule;
+}());
+SankeyAllModule.decorators = [
+    { type: core.NgModule, args: [{
+                imports: [common.CommonModule, SankeyModule],
+                exports: [
+                    SankeyModule
+                ],
+                providers: [
+                    SankeyLegendService,
+                    SankeyTooltipService,
+                    SankeyHighlightService,
+                    SankeyExportService
+                ]
+            },] },
+];
+/**
+ * @nocollapse
+ */
+SankeyAllModule.ctorParameters = function () { return []; };
 
 exports.TrendlineDirective = TrendlineDirective;
 exports.TrendlinesDirective = TrendlinesDirective;
@@ -5121,6 +5480,7 @@ exports.ExportService = ExportService;
 exports.DataEditingService = DataEditingService;
 exports.HighlightService = HighlightService;
 exports.LastValueLabelService = LastValueLabelService;
+exports.SeriesLabelService = SeriesLabelService;
 exports.AccumulationSeriesDirective = AccumulationSeriesDirective;
 exports.AccumulationSeriesCollectionDirective = AccumulationSeriesCollectionDirective;
 exports.AccumulationAnnotationDirective = AccumulationAnnotationDirective;
@@ -5219,6 +5579,16 @@ exports.CircularChartSelection3DService = CircularChartSelection3DService;
 exports.CircularChartDataLabel3DService = CircularChartDataLabel3DService;
 exports.CircularChartHighlight3DService = CircularChartHighlight3DService;
 exports.CircularChartExport3DService = CircularChartExport3DService;
+exports.SankeyNodeDirective = SankeyNodeDirective;
+exports.SankeyNodesCollectionDirective = SankeyNodesCollectionDirective;
+exports.SankeyLinkDirective = SankeyLinkDirective;
+exports.SankeyLinksCollectionDirective = SankeyLinksCollectionDirective;
+exports.SankeyModule = SankeyModule;
+exports.SankeyAllModule = SankeyAllModule;
+exports.SankeyLegendService = SankeyLegendService;
+exports.SankeyTooltipService = SankeyTooltipService;
+exports.SankeyHighlightService = SankeyHighlightService;
+exports.SankeyExportService = SankeyExportService;
 exports.ɵc = inputs$1;
 exports.ɵd = outputs$16;
 exports.ɵm = inputs$6;
@@ -5231,6 +5601,8 @@ exports.ɵq = inputs$8;
 exports.ɵr = outputs$43;
 exports.ɵe = inputs$2;
 exports.ɵf = outputs$18;
+exports.ɵs = inputs$9;
+exports.ɵt = outputs$46;
 exports.ɵi = inputs$4;
 exports.ɵj = outputs$22;
 exports.ɵg = inputs$3;
@@ -5282,6 +5654,9 @@ exports.DragSettings = ej2Charts.DragSettings;
 exports.Periods = ej2Charts.Periods;
 exports.PeriodSelectorSettings = ej2Charts.PeriodSelectorSettings;
 exports.StockTooltipSettings = ej2Charts.StockTooltipSettings;
+exports.GradientColorStop = ej2Charts.GradientColorStop;
+exports.LinearGradient = ej2Charts.LinearGradient;
+exports.RadialGradient = ej2Charts.RadialGradient;
 exports.Index = ej2Charts.Index;
 exports.LineSeries = ej2Charts.LineSeries;
 exports.ColumnSeries = ej2Charts.ColumnSeries;
@@ -5418,7 +5793,6 @@ exports.titlePositionX = ej2Charts.titlePositionX;
 exports.textWrap = ej2Charts.textWrap;
 exports.textWrapAnyWhere = ej2Charts.textWrapAnyWhere;
 exports.getUnicodeText = ej2Charts.getUnicodeText;
-exports.blazorTemplatesReset = ej2Charts.blazorTemplatesReset;
 exports.CustomizeOption = ej2Charts.CustomizeOption;
 exports.StackValues = ej2Charts.StackValues;
 exports.RectOption = ej2Charts.RectOption;
@@ -5438,6 +5812,18 @@ exports.getGradientColor = ej2Charts.getGradientColor;
 exports.getPercentageColor = ej2Charts.getPercentageColor;
 exports.getPercentage = ej2Charts.getPercentage;
 exports.getTextAnchor = ej2Charts.getTextAnchor;
+exports.getAncestorElement = ej2Charts.getAncestorElement;
+exports.measureLegendTemplateSize = ej2Charts.measureLegendTemplateSize;
+exports.toHex2 = ej2Charts.toHex2;
+exports.lightenColor = ej2Charts.lightenColor;
+exports.brightenColor = ej2Charts.brightenColor;
+exports.normalizeGradientStops = ej2Charts.normalizeGradientStops;
+exports.sanitizeGradientColor = ej2Charts.sanitizeGradientColor;
+exports.getOrCreateSvgDefs = ej2Charts.getOrCreateSvgDefs;
+exports.removePreviousGradient = ej2Charts.removePreviousGradient;
+exports.createLinearGradient = ej2Charts.createLinearGradient;
+exports.createRadialGradient = ej2Charts.createRadialGradient;
+exports.applyGradientsToSeries = ej2Charts.applyGradientsToSeries;
 exports.Crosshair = ej2Charts.Crosshair;
 exports.Tooltip = ej2Charts.Tooltip;
 exports.Zoom = ej2Charts.Zoom;
@@ -5446,8 +5832,10 @@ exports.DataEditing = ej2Charts.DataEditing;
 exports.Highlight = ej2Charts.Highlight;
 exports.LastValueLabel = ej2Charts.LastValueLabel;
 exports.DataLabel = ej2Charts.DataLabel;
+exports.SeriesLabel = ej2Charts.SeriesLabel;
 exports.ErrorBar = ej2Charts.ErrorBar;
 exports.LastValueLabelSettings = ej2Charts.LastValueLabelSettings;
+exports.SeriesLabelSettings = ej2Charts.SeriesLabelSettings;
 exports.DataLabelSettings = ej2Charts.DataLabelSettings;
 exports.MarkerSettings = ej2Charts.MarkerSettings;
 exports.ParetoOptions = ej2Charts.ParetoOptions;
@@ -5712,6 +6100,22 @@ exports.CircularChartHighlight3D = ej2Charts.CircularChartHighlight3D;
 exports.CircularChart3DPointData = ej2Charts.CircularChart3DPointData;
 exports.CircularChart3DTooltipSettings = ej2Charts.CircularChart3DTooltipSettings;
 exports.CircularChartTooltip3D = ej2Charts.CircularChartTooltip3D;
+exports.Sankey = ej2Charts.Sankey;
+exports.SankeySeries = ej2Charts.SankeySeries;
+exports.SankeyLegend = ej2Charts.SankeyLegend;
+exports.SankeyDataLabel = ej2Charts.SankeyDataLabel;
+exports.SankeyLabelSettings = ej2Charts.SankeyLabelSettings;
+exports.SankeyNode = ej2Charts.SankeyNode;
+exports.SankeyLink = ej2Charts.SankeyLink;
+exports.SankeyLinkSettings = ej2Charts.SankeyLinkSettings;
+exports.SankeyNodeSettings = ej2Charts.SankeyNodeSettings;
+exports.SankeyTitleStyle = ej2Charts.SankeyTitleStyle;
+exports.SankeyTooltipSettings = ej2Charts.SankeyTooltipSettings;
+exports.SankeyLegendSettings = ej2Charts.SankeyLegendSettings;
+exports.SankeyTextStyle = ej2Charts.SankeyTextStyle;
+exports.SankeyHighlight = ej2Charts.SankeyHighlight;
+exports.SankeyTooltip = ej2Charts.SankeyTooltip;
+exports.SankeyExport = ej2Charts.SankeyExport;
 
 Object.defineProperty(exports, '__esModule', { value: true });