@syncfusion/ej2-angular-charts 34.2.8 → 35.1.37

package/{fesm2020 → fesm2022}/syncfusion-ej2-angular-charts.mjs

@@ -2,7 +2,7 @@ import * as i0 from '@angular/core';
 import { Directive, ContentChildren, ContentChild, Component, NgModule, ChangeDetectionStrategy } from '@angular/core';
 import { ComplexBase, setValue, ArrayBase, Template, ComponentBase, ComponentMixins } from '@syncfusion/ej2-angular-base';
 import { __decorate } from 'tslib';
-import { Chart, LineSeries, ScatterSeries, ColumnSeries, SplineSeries, SplineAreaSeries, StripLine, AreaSeries, ScrollBar, StepLineSeries, StepAreaSeries, StackingColumnSeries, StackingLineSeries, StackingAreaSeries, StackingStepAreaSeries, BarSeries, StackingBarSeries, RangeColumnSeries, BubbleSeries, Tooltip, Crosshair, Category, DateTime, Logarithmic, Legend, Zoom, DataLabel, Selection, ChartAnnotation, HiloSeries, HiloOpenCloseSeries, WaterfallSeries, RangeAreaSeries, RangeStepAreaSeries, SplineRangeAreaSeries, CandleSeries, PolarSeries, RadarSeries, SmaIndicator, TmaIndicator, EmaIndicator, AccumulationDistributionIndicator, MacdIndicator, AtrIndicator, RsiIndicator, MomentumIndicator, StochasticIndicator, BollingerBands, BoxAndWhiskerSeries, HistogramSeries, ErrorBar, Trendlines, DateTimeCategory, MultiColoredLineSeries, MultiColoredAreaSeries, MultiLevelLabel, ParetoSeries, Export, DataEditing, Highlight, LastValueLabel, SeriesLabel, AccumulationChart, PieSeries, FunnelSeries, PyramidSeries, AccumulationTooltip, AccumulationLegend, AccumulationSelection, AccumulationHighlight, AccumulationDataLabel, AccumulationAnnotation, RangeNavigator, RangeTooltip, PeriodSelector, Sparkline, SparklineTooltip, Smithchart, SmithchartLegend, TooltipRender, StockChart, StockLegend, BulletChart, BulletTooltip, BulletChartLegend, Chart3D, ColumnSeries3D, StackingColumnSeries3D, BarSeries3D, StackingBarSeries3D, Category3D, DateTime3D, DateTimeCategory3D, Logarithmic3D, Tooltip3D, Legend3D, DataLabel3D, Selection3D, Export3D, Highlight3D, CircularChart3D, PieSeries3D, CircularChartTooltip3D, CircularChartLegend3D, CircularChartSelection3D, CircularChartDataLabel3D, CircularChartHighlight3D, CircularChartExport3D, Sankey, SankeyLegend, SankeyTooltip, SankeyHighlight, SankeyExport } from '@syncfusion/ej2-charts';
+import { Chart, LineSeries, ScatterSeries, ColumnSeries, SplineSeries, SplineAreaSeries, StripLine, AreaSeries, ScrollBar, StepLineSeries, StepAreaSeries, StackingColumnSeries, StackingLineSeries, StackingAreaSeries, StackingStepAreaSeries, BarSeries, StackingBarSeries, RangeColumnSeries, BubbleSeries, Tooltip, Crosshair, Category, DateTime, Logarithmic, Legend, Zoom, DataLabel, Selection, ChartAnnotation, HiloSeries, HiloOpenCloseSeries, WaterfallSeries, RangeAreaSeries, RangeStepAreaSeries, SplineRangeAreaSeries, CandleSeries, PolarSeries, RadarSeries, SmaIndicator, TmaIndicator, EmaIndicator, AccumulationDistributionIndicator, MacdIndicator, AtrIndicator, RsiIndicator, MomentumIndicator, StochasticIndicator, BollingerBands, BoxAndWhiskerSeries, HistogramSeries, ErrorBar, Trendlines, DateTimeCategory, MultiColoredLineSeries, MultiColoredAreaSeries, MultiLevelLabel, ParetoSeries, Export, DataEditing, Highlight, LastValueLabel, SeriesLabel, WebMcpChart, AccumulationChart, PieSeries, FunnelSeries, PyramidSeries, AccumulationTooltip, AccumulationLegend, AccumulationSelection, AccumulationHighlight, AccumulationDataLabel, AccumulationAnnotation, RangeNavigator, RangeTooltip, PeriodSelector, Sparkline, SparklineTooltip, Smithchart, SmithchartLegend, TooltipRender, StockChart, StockLegend, BulletChart, BulletTooltip, BulletChartLegend, Chart3D, ColumnSeries3D, StackingColumnSeries3D, BarSeries3D, StackingBarSeries3D, Category3D, DateTime3D, DateTimeCategory3D, Logarithmic3D, Tooltip3D, Legend3D, DataLabel3D, Selection3D, Export3D, Highlight3D, CircularChart3D, PieSeries3D, CircularChartTooltip3D, CircularChartLegend3D, CircularChartSelection3D, CircularChartDataLabel3D, CircularChartHighlight3D, CircularChartExport3D, Sankey, SankeyLegend, SankeyTooltip, SankeyHighlight, SankeyExport } from '@syncfusion/ej2-charts';
 export * from '@syncfusion/ej2-charts';
 import { CommonModule } from '@angular/common';
 
@@ -21,6 +21,8 @@ let outputs$K = [];
  * ```
  */
 class TrendlineDirective extends ComplexBase {
+    viewContainerRef;
+    directivePropList;
     constructor(viewContainerRef) {
         super();
         this.viewContainerRef = viewContainerRef;
@@ -28,18 +30,19 @@ class TrendlineDirective extends ComplexBase {
         this.registerEvents(outputs$K);
         this.directivePropList = input$A;
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: TrendlineDirective, deps: [{ token: i0.ViewContainerRef }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.0", type: TrendlineDirective, isStandalone: true, selector: "e-series>e-trendlines>e-trendline", inputs: { accessibility: "accessibility", animation: "animation", backwardForecast: "backwardForecast", dashArray: "dashArray", enableTooltip: "enableTooltip", fill: "fill", forwardForecast: "forwardForecast", intercept: "intercept", legendShape: "legendShape", linearGradient: "linearGradient", marker: "marker", name: "name", period: "period", polynomialOrder: "polynomialOrder", radialGradient: "radialGradient", type: "type", visible: "visible", width: "width" }, usesInheritance: true, ngImport: i0 });
 }
-TrendlineDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: TrendlineDirective, deps: [{ token: i0.ViewContainerRef }], target: i0.ɵɵFactoryTarget.Directive });
-TrendlineDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.0.3", type: TrendlineDirective, selector: "e-series>e-trendlines>e-trendline", inputs: { accessibility: "accessibility", animation: "animation", backwardForecast: "backwardForecast", dashArray: "dashArray", enableTooltip: "enableTooltip", fill: "fill", forwardForecast: "forwardForecast", intercept: "intercept", legendShape: "legendShape", linearGradient: "linearGradient", marker: "marker", name: "name", period: "period", polynomialOrder: "polynomialOrder", radialGradient: "radialGradient", type: "type", visible: "visible", width: "width" }, usesInheritance: true, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: TrendlineDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: TrendlineDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: 'e-series>e-trendlines>e-trendline',
                     inputs: input$A,
                     outputs: outputs$K,
+                    standalone: true,
                     queries: {}
                 }]
-        }], ctorParameters: function () { return [{ type: i0.ViewContainerRef }]; } });
+        }], ctorParameters: () => [{ type: i0.ViewContainerRef }] });
 /**
  * Trendline Array Directive
  * @private
@@ -48,18 +51,19 @@ class TrendlinesDirective extends ArrayBase {
     constructor() {
         super('trendlines');
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: TrendlinesDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.0", type: TrendlinesDirective, isStandalone: true, selector: "e-series>e-trendlines", queries: [{ propertyName: "children", predicate: TrendlineDirective }], usesInheritance: true, ngImport: i0 });
 }
-TrendlinesDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: TrendlinesDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-TrendlinesDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.0.3", type: TrendlinesDirective, selector: "e-series>e-trendlines", queries: [{ propertyName: "children", predicate: TrendlineDirective }], usesInheritance: true, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: TrendlinesDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: TrendlinesDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: 'e-series>e-trendlines',
+                    standalone: true,
                     queries: {
                         children: new ContentChildren(TrendlineDirective)
                     },
                 }]
-        }], ctorParameters: function () { return []; } });
+        }], ctorParameters: () => [] });
 
 let input$z = ['color', 'dashArray', 'value'];
 let outputs$J = [];
@@ -76,6 +80,8 @@ let outputs$J = [];
  * ```
  */
 class SegmentDirective extends ComplexBase {
+    viewContainerRef;
+    directivePropList;
     constructor(viewContainerRef) {
         super();
         this.viewContainerRef = viewContainerRef;
@@ -83,18 +89,19 @@ class SegmentDirective extends ComplexBase {
         this.registerEvents(outputs$J);
         this.directivePropList = input$z;
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: SegmentDirective, deps: [{ token: i0.ViewContainerRef }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.0", type: SegmentDirective, isStandalone: true, selector: "e-series>e-segments>e-segment", inputs: { color: "color", dashArray: "dashArray", value: "value" }, usesInheritance: true, ngImport: i0 });
 }
-SegmentDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: SegmentDirective, deps: [{ token: i0.ViewContainerRef }], target: i0.ɵɵFactoryTarget.Directive });
-SegmentDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.0.3", type: SegmentDirective, selector: "e-series>e-segments>e-segment", inputs: { color: "color", dashArray: "dashArray", value: "value" }, usesInheritance: true, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: SegmentDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: SegmentDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: 'e-series>e-segments>e-segment',
                     inputs: input$z,
                     outputs: outputs$J,
+                    standalone: true,
                     queries: {}
                 }]
-        }], ctorParameters: function () { return [{ type: i0.ViewContainerRef }]; } });
+        }], ctorParameters: () => [{ type: i0.ViewContainerRef }] });
 /**
  * Segment Array Directive
  * @private
@@ -103,18 +110,19 @@ class SegmentsDirective extends ArrayBase {
     constructor() {
         super('segments');
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: SegmentsDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.0", type: SegmentsDirective, isStandalone: true, selector: "e-series>e-segments", queries: [{ propertyName: "children", predicate: SegmentDirective }], usesInheritance: true, ngImport: i0 });
 }
-SegmentsDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: SegmentsDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-SegmentsDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.0.3", type: SegmentsDirective, selector: "e-series>e-segments", queries: [{ propertyName: "children", predicate: SegmentDirective }], usesInheritance: true, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: SegmentsDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: SegmentsDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: 'e-series>e-segments',
+                    standalone: true,
                     queries: {
                         children: new ContentChildren(SegmentDirective)
                     },
                 }]
-        }], ctorParameters: function () { return []; } });
+        }], ctorParameters: () => [] });
 
 let input$y = ['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'];
 let outputs$I = [];
@@ -127,35 +135,34 @@ let outputs$I = [];
  * ```
  */
 class SeriesDirective extends ComplexBase {
+    viewContainerRef;
+    directivePropList;
+    tags = ['trendlines', 'segments'];
     constructor(viewContainerRef) {
         super();
         this.viewContainerRef = viewContainerRef;
-        this.tags = ['trendlines', 'segments'];
         setValue('currentInstance', this, this.viewContainerRef);
         this.registerEvents(outputs$I);
         this.directivePropList = input$y;
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: SeriesDirective, deps: [{ token: i0.ViewContainerRef }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.0", type: SeriesDirective, isStandalone: true, selector: "e-series-collection>e-series", inputs: { accessibility: "accessibility", animation: "animation", bearFillColor: "bearFillColor", binInterval: "binInterval", border: "border", boxPlotMode: "boxPlotMode", bullFillColor: "bullFillColor", cardinalSplineTension: "cardinalSplineTension", close: "close", colorName: "colorName", columnFacet: "columnFacet", columnSpacing: "columnSpacing", columnWidth: "columnWidth", columnWidthInPixel: "columnWidthInPixel", connector: "connector", cornerRadius: "cornerRadius", dashArray: "dashArray", dataSource: "dataSource", dragSettings: "dragSettings", drawType: "drawType", emptyPointSettings: "emptyPointSettings", enableComplexProperty: "enableComplexProperty", enableSolidCandles: "enableSolidCandles", enableTooltip: "enableTooltip", errorBar: "errorBar", fill: "fill", groupName: "groupName", high: "high", intermediateSumIndexes: "intermediateSumIndexes", isClosed: "isClosed", labelSettings: "labelSettings", lastValueLabel: "lastValueLabel", legendImageUrl: "legendImageUrl", legendShape: "legendShape", linearGradient: "linearGradient", low: "low", marker: "marker", maxRadius: "maxRadius", minRadius: "minRadius", name: "name", negativeFillColor: "negativeFillColor", noRisers: "noRisers", nonHighlightStyle: "nonHighlightStyle", opacity: "opacity", open: "open", paretoOptions: "paretoOptions", pointColorMapping: "pointColorMapping", query: "query", radialGradient: "radialGradient", segmentAxis: "segmentAxis", segments: "segments", selectionStyle: "selectionStyle", showMean: "showMean", showNearestTooltip: "showNearestTooltip", showNormalDistribution: "showNormalDistribution", showOutliers: "showOutliers", size: "size", splineType: "splineType", stackingGroup: "stackingGroup", step: "step", sumIndexes: "sumIndexes", summaryFillColor: "summaryFillColor", tooltipFormat: "tooltipFormat", tooltipMappingName: "tooltipMappingName", trendlines: "trendlines", type: "type", unSelectedStyle: "unSelectedStyle", visible: "visible", volume: "volume", width: "width", xAxisName: "xAxisName", xName: "xName", yAxisName: "yAxisName", yName: "yName", zOrder: "zOrder" }, queries: [{ propertyName: "childTrendlines", first: true, predicate: TrendlinesDirective, descendants: true }, { propertyName: "childSegments", first: true, predicate: SegmentsDirective, descendants: true }, { propertyName: "dataLabel_template", first: true, predicate: ["dataLabelTemplate"], descendants: true }], usesInheritance: true, ngImport: i0 });
 }
-SeriesDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: SeriesDirective, deps: [{ token: i0.ViewContainerRef }], target: i0.ɵɵFactoryTarget.Directive });
-SeriesDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.0.3", type: SeriesDirective, selector: "e-series-collection>e-series", inputs: { accessibility: "accessibility", animation: "animation", bearFillColor: "bearFillColor", binInterval: "binInterval", border: "border", boxPlotMode: "boxPlotMode", bullFillColor: "bullFillColor", cardinalSplineTension: "cardinalSplineTension", close: "close", colorName: "colorName", columnFacet: "columnFacet", columnSpacing: "columnSpacing", columnWidth: "columnWidth", columnWidthInPixel: "columnWidthInPixel", connector: "connector", cornerRadius: "cornerRadius", dashArray: "dashArray", dataSource: "dataSource", dragSettings: "dragSettings", drawType: "drawType", emptyPointSettings: "emptyPointSettings", enableComplexProperty: "enableComplexProperty", enableSolidCandles: "enableSolidCandles", enableTooltip: "enableTooltip", errorBar: "errorBar", fill: "fill", groupName: "groupName", high: "high", intermediateSumIndexes: "intermediateSumIndexes", isClosed: "isClosed", labelSettings: "labelSettings", lastValueLabel: "lastValueLabel", legendImageUrl: "legendImageUrl", legendShape: "legendShape", linearGradient: "linearGradient", low: "low", marker: "marker", maxRadius: "maxRadius", minRadius: "minRadius", name: "name", negativeFillColor: "negativeFillColor", noRisers: "noRisers", nonHighlightStyle: "nonHighlightStyle", opacity: "opacity", open: "open", paretoOptions: "paretoOptions", pointColorMapping: "pointColorMapping", query: "query", radialGradient: "radialGradient", segmentAxis: "segmentAxis", segments: "segments", selectionStyle: "selectionStyle", showMean: "showMean", showNearestTooltip: "showNearestTooltip", showNormalDistribution: "showNormalDistribution", showOutliers: "showOutliers", size: "size", splineType: "splineType", stackingGroup: "stackingGroup", step: "step", sumIndexes: "sumIndexes", summaryFillColor: "summaryFillColor", tooltipFormat: "tooltipFormat", tooltipMappingName: "tooltipMappingName", trendlines: "trendlines", type: "type", unSelectedStyle: "unSelectedStyle", visible: "visible", volume: "volume", width: "width", xAxisName: "xAxisName", xName: "xName", yAxisName: "yAxisName", yName: "yName", zOrder: "zOrder" }, queries: [{ propertyName: "dataLabel_template", first: true, predicate: ["dataLabelTemplate"], descendants: true }, { propertyName: "childTrendlines", first: true, predicate: TrendlinesDirective, descendants: true }, { propertyName: "childSegments", first: true, predicate: SegmentsDirective, descendants: true }], usesInheritance: true, ngImport: i0 });
-__decorate([
-    Template()
-], SeriesDirective.prototype, "dataLabel_template", void 0);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: SeriesDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: SeriesDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: 'e-series-collection>e-series',
                     inputs: input$y,
                     outputs: outputs$I,
+                    standalone: true,
                     queries: {
                         childTrendlines: new ContentChild(TrendlinesDirective),
-                        childSegments: new ContentChild(SegmentsDirective)
+                        childSegments: new ContentChild(SegmentsDirective),
+                        dataLabel_template: new ContentChild('dataLabelTemplate')
                     }
                 }]
-        }], ctorParameters: function () { return [{ type: i0.ViewContainerRef }]; }, propDecorators: { dataLabel_template: [{
-                type: ContentChild,
-                args: ['dataLabelTemplate']
-            }] } });
+        }], ctorParameters: () => [{ type: i0.ViewContainerRef }] });
+Template()(SeriesDirective.prototype, 'dataLabel_template');
 /**
  * Series Array Directive
  * @private
@@ -164,18 +171,19 @@ class SeriesCollectionDirective extends ArrayBase {
     constructor() {
         super('series');
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: SeriesCollectionDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.0", type: SeriesCollectionDirective, isStandalone: true, selector: "ej-chart>e-series-collection", queries: [{ propertyName: "children", predicate: SeriesDirective }], usesInheritance: true, ngImport: i0 });
 }
-SeriesCollectionDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: SeriesCollectionDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-SeriesCollectionDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.0.3", type: SeriesCollectionDirective, selector: "ej-chart>e-series-collection", queries: [{ propertyName: "children", predicate: SeriesDirective }], usesInheritance: true, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: SeriesCollectionDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: SeriesCollectionDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: 'ej-chart>e-series-collection',
+                    standalone: true,
                     queries: {
                         children: new ContentChildren(SeriesDirective)
                     },
                 }]
-        }], ctorParameters: function () { return []; } });
+        }], ctorParameters: () => [] });
 
 let input$x = ['border', 'color', 'dashArray', 'end', 'horizontalAlignment', 'imageUrl', 'isRepeat', 'isSegmented', 'opacity', 'repeatEvery', 'repeatUntil', 'rotation', 'segmentAxisName', 'segmentEnd', 'segmentStart', 'size', 'sizeType', 'start', 'startFromAxis', 'text', 'textStyle', 'verticalAlignment', 'visible', 'zIndex'];
 let outputs$H = [];
@@ -190,6 +198,8 @@ let outputs$H = [];
  * ```
  */
 class StripLineDirective extends ComplexBase {
+    viewContainerRef;
+    directivePropList;
     constructor(viewContainerRef) {
         super();
         this.viewContainerRef = viewContainerRef;
@@ -197,18 +207,19 @@ class StripLineDirective extends ComplexBase {
         this.registerEvents(outputs$H);
         this.directivePropList = input$x;
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: StripLineDirective, deps: [{ token: i0.ViewContainerRef }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.0", type: StripLineDirective, isStandalone: true, selector: "e-axis>e-striplines>e-stripline", inputs: { border: "border", color: "color", dashArray: "dashArray", end: "end", horizontalAlignment: "horizontalAlignment", imageUrl: "imageUrl", isRepeat: "isRepeat", isSegmented: "isSegmented", opacity: "opacity", repeatEvery: "repeatEvery", repeatUntil: "repeatUntil", rotation: "rotation", segmentAxisName: "segmentAxisName", segmentEnd: "segmentEnd", segmentStart: "segmentStart", size: "size", sizeType: "sizeType", start: "start", startFromAxis: "startFromAxis", text: "text", textStyle: "textStyle", verticalAlignment: "verticalAlignment", visible: "visible", zIndex: "zIndex" }, usesInheritance: true, ngImport: i0 });
 }
-StripLineDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: StripLineDirective, deps: [{ token: i0.ViewContainerRef }], target: i0.ɵɵFactoryTarget.Directive });
-StripLineDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.0.3", type: StripLineDirective, selector: "e-axis>e-striplines>e-stripline", inputs: { border: "border", color: "color", dashArray: "dashArray", end: "end", horizontalAlignment: "horizontalAlignment", imageUrl: "imageUrl", isRepeat: "isRepeat", isSegmented: "isSegmented", opacity: "opacity", repeatEvery: "repeatEvery", repeatUntil: "repeatUntil", rotation: "rotation", segmentAxisName: "segmentAxisName", segmentEnd: "segmentEnd", segmentStart: "segmentStart", size: "size", sizeType: "sizeType", start: "start", startFromAxis: "startFromAxis", text: "text", textStyle: "textStyle", verticalAlignment: "verticalAlignment", visible: "visible", zIndex: "zIndex" }, usesInheritance: true, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: StripLineDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: StripLineDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: 'e-axis>e-striplines>e-stripline',
                     inputs: input$x,
                     outputs: outputs$H,
+                    standalone: true,
                     queries: {}
                 }]
-        }], ctorParameters: function () { return [{ type: i0.ViewContainerRef }]; } });
+        }], ctorParameters: () => [{ type: i0.ViewContainerRef }] });
 /**
  * StripLine Array Directive
  * @private
@@ -217,18 +228,19 @@ class StripLinesDirective extends ArrayBase {
     constructor() {
         super('striplines');
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: StripLinesDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.0", type: StripLinesDirective, isStandalone: true, selector: "e-axis>e-striplines", queries: [{ propertyName: "children", predicate: StripLineDirective }], usesInheritance: true, ngImport: i0 });
 }
-StripLinesDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: StripLinesDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-StripLinesDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.0.3", type: StripLinesDirective, selector: "e-axis>e-striplines", queries: [{ propertyName: "children", predicate: StripLineDirective }], usesInheritance: true, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: StripLinesDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: StripLinesDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: 'e-axis>e-striplines',
+                    standalone: true,
                     queries: {
                         children: new ContentChildren(StripLineDirective)
                     },
                 }]
-        }], ctorParameters: function () { return []; } });
+        }], ctorParameters: () => [] });
 
 let input$w = ['customAttributes', 'end', 'maximumTextWidth', 'start', 'text', 'type'];
 let outputs$G = [];
@@ -246,6 +258,8 @@ let outputs$G = [];
  * ```
  */
 class CategoryDirective extends ComplexBase {
+    viewContainerRef;
+    directivePropList;
     constructor(viewContainerRef) {
         super();
         this.viewContainerRef = viewContainerRef;
@@ -253,18 +267,19 @@ class CategoryDirective extends ComplexBase {
         this.registerEvents(outputs$G);
         this.directivePropList = input$w;
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: CategoryDirective, deps: [{ token: i0.ViewContainerRef }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.0", type: CategoryDirective, isStandalone: true, selector: "e-multilevellabel>e-categories>e-category", inputs: { customAttributes: "customAttributes", end: "end", maximumTextWidth: "maximumTextWidth", start: "start", text: "text", type: "type" }, usesInheritance: true, ngImport: i0 });
 }
-CategoryDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: CategoryDirective, deps: [{ token: i0.ViewContainerRef }], target: i0.ɵɵFactoryTarget.Directive });
-CategoryDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.0.3", type: CategoryDirective, selector: "e-multilevellabel>e-categories>e-category", inputs: { customAttributes: "customAttributes", end: "end", maximumTextWidth: "maximumTextWidth", start: "start", text: "text", type: "type" }, usesInheritance: true, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: CategoryDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: CategoryDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: 'e-multilevellabel>e-categories>e-category',
                     inputs: input$w,
                     outputs: outputs$G,
+                    standalone: true,
                     queries: {}
                 }]
-        }], ctorParameters: function () { return [{ type: i0.ViewContainerRef }]; } });
+        }], ctorParameters: () => [{ type: i0.ViewContainerRef }] });
 /**
  * Category Array Directive
  * @private
@@ -273,18 +288,19 @@ class CategoriesDirective extends ArrayBase {
     constructor() {
         super('categories');
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: CategoriesDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.0", type: CategoriesDirective, isStandalone: true, selector: "e-multilevellabel>e-categories", queries: [{ propertyName: "children", predicate: CategoryDirective }], usesInheritance: true, ngImport: i0 });
 }
-CategoriesDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: CategoriesDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-CategoriesDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.0.3", type: CategoriesDirective, selector: "e-multilevellabel>e-categories", queries: [{ propertyName: "children", predicate: CategoryDirective }], usesInheritance: true, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: CategoriesDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: CategoriesDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: 'e-multilevellabel>e-categories',
+                    standalone: true,
                     queries: {
                         children: new ContentChildren(CategoryDirective)
                     },
                 }]
-        }], ctorParameters: function () { return []; } });
+        }], ctorParameters: () => [] });
 
 let input$v = ['alignment', 'border', 'categories', 'overflow', 'textStyle'];
 let outputs$F = [];
@@ -299,28 +315,31 @@ let outputs$F = [];
  * ```
  */
 class MultiLevelLabelDirective extends ComplexBase {
+    viewContainerRef;
+    directivePropList;
+    tags = ['categories'];
     constructor(viewContainerRef) {
         super();
         this.viewContainerRef = viewContainerRef;
-        this.tags = ['categories'];
         setValue('currentInstance', this, this.viewContainerRef);
         this.registerEvents(outputs$F);
         this.directivePropList = input$v;
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: MultiLevelLabelDirective, deps: [{ token: i0.ViewContainerRef }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.0", type: MultiLevelLabelDirective, isStandalone: true, selector: "e-axis>e-multilevellabels>e-multilevellabel", inputs: { alignment: "alignment", border: "border", categories: "categories", overflow: "overflow", textStyle: "textStyle" }, queries: [{ propertyName: "childCategories", first: true, predicate: CategoriesDirective, descendants: true }], usesInheritance: true, ngImport: i0 });
 }
-MultiLevelLabelDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: MultiLevelLabelDirective, deps: [{ token: i0.ViewContainerRef }], target: i0.ɵɵFactoryTarget.Directive });
-MultiLevelLabelDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.0.3", type: MultiLevelLabelDirective, selector: "e-axis>e-multilevellabels>e-multilevellabel", inputs: { alignment: "alignment", border: "border", categories: "categories", overflow: "overflow", textStyle: "textStyle" }, queries: [{ propertyName: "childCategories", first: true, predicate: CategoriesDirective, descendants: true }], usesInheritance: true, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: MultiLevelLabelDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: MultiLevelLabelDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: 'e-axis>e-multilevellabels>e-multilevellabel',
                     inputs: input$v,
                     outputs: outputs$F,
+                    standalone: true,
                     queries: {
                         childCategories: new ContentChild(CategoriesDirective)
                     }
                 }]
-        }], ctorParameters: function () { return [{ type: i0.ViewContainerRef }]; } });
+        }], ctorParameters: () => [{ type: i0.ViewContainerRef }] });
 /**
  * MultiLevelLabel Array Directive
  * @private
@@ -329,18 +348,19 @@ class MultiLevelLabelsDirective extends ArrayBase {
     constructor() {
         super('multilevellabels');
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: MultiLevelLabelsDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.0", type: MultiLevelLabelsDirective, isStandalone: true, selector: "e-axis>e-multilevellabels", queries: [{ propertyName: "children", predicate: MultiLevelLabelDirective }], usesInheritance: true, ngImport: i0 });
 }
-MultiLevelLabelsDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: MultiLevelLabelsDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-MultiLevelLabelsDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.0.3", type: MultiLevelLabelsDirective, selector: "e-axis>e-multilevellabels", queries: [{ propertyName: "children", predicate: MultiLevelLabelDirective }], usesInheritance: true, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: MultiLevelLabelsDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: MultiLevelLabelsDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: 'e-axis>e-multilevellabels',
+                    standalone: true,
                     queries: {
                         children: new ContentChildren(MultiLevelLabelDirective)
                     },
                 }]
-        }], ctorParameters: function () { return []; } });
+        }], ctorParameters: () => [] });
 
 let input$u = ['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'];
 let outputs$E = [];
@@ -351,29 +371,32 @@ let outputs$E = [];
  * ```
  */
 class AxisDirective extends ComplexBase {
+    viewContainerRef;
+    directivePropList;
+    tags = ['stripLines', 'multiLevelLabels'];
     constructor(viewContainerRef) {
         super();
         this.viewContainerRef = viewContainerRef;
-        this.tags = ['stripLines', 'multiLevelLabels'];
         setValue('currentInstance', this, this.viewContainerRef);
         this.registerEvents(outputs$E);
         this.directivePropList = input$u;
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: AxisDirective, deps: [{ token: i0.ViewContainerRef }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.0", type: AxisDirective, isStandalone: true, selector: "e-axes>e-axis", inputs: { border: "border", coefficient: "coefficient", columnIndex: "columnIndex", crossesAt: "crossesAt", crossesInAxis: "crossesInAxis", crosshairTooltip: "crosshairTooltip", description: "description", desiredIntervals: "desiredIntervals", edgeLabelPlacement: "edgeLabelPlacement", enableAutoIntervalOnZooming: "enableAutoIntervalOnZooming", enableScrollbarOnZooming: "enableScrollbarOnZooming", enableTrim: "enableTrim", enableWrap: "enableWrap", interval: "interval", intervalType: "intervalType", isIndexed: "isIndexed", isInversed: "isInversed", labelFormat: "labelFormat", labelIntersectAction: "labelIntersectAction", labelPadding: "labelPadding", labelPlacement: "labelPlacement", labelPosition: "labelPosition", labelRotation: "labelRotation", labelStyle: "labelStyle", labelTemplate: "labelTemplate", lineBreakAlignment: "lineBreakAlignment", lineStyle: "lineStyle", logBase: "logBase", majorGridLines: "majorGridLines", majorTickLines: "majorTickLines", maximum: "maximum", maximumLabelWidth: "maximumLabelWidth", maximumLabels: "maximumLabels", minimum: "minimum", minorGridLines: "minorGridLines", minorTickLines: "minorTickLines", minorTicksPerInterval: "minorTicksPerInterval", multiLevelLabels: "multiLevelLabels", name: "name", opposedPosition: "opposedPosition", placeNextToAxisLine: "placeNextToAxisLine", plotOffset: "plotOffset", plotOffsetBottom: "plotOffsetBottom", plotOffsetLeft: "plotOffsetLeft", plotOffsetRight: "plotOffsetRight", plotOffsetTop: "plotOffsetTop", rangePadding: "rangePadding", rowIndex: "rowIndex", scrollbarSettings: "scrollbarSettings", skeleton: "skeleton", skeletonType: "skeletonType", span: "span", startAngle: "startAngle", startFromZero: "startFromZero", stripLines: "stripLines", tabIndex: "tabIndex", tickPosition: "tickPosition", title: "title", titlePadding: "titlePadding", titleRotation: "titleRotation", titleStyle: "titleStyle", valueType: "valueType", visible: "visible", zoomFactor: "zoomFactor", zoomPosition: "zoomPosition" }, queries: [{ propertyName: "childStripLines", first: true, predicate: StripLinesDirective, descendants: true }, { propertyName: "childMultiLevelLabels", first: true, predicate: MultiLevelLabelsDirective, descendants: true }], usesInheritance: true, ngImport: i0 });
 }
-AxisDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: AxisDirective, deps: [{ token: i0.ViewContainerRef }], target: i0.ɵɵFactoryTarget.Directive });
-AxisDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.0.3", type: AxisDirective, selector: "e-axes>e-axis", inputs: { border: "border", coefficient: "coefficient", columnIndex: "columnIndex", crossesAt: "crossesAt", crossesInAxis: "crossesInAxis", crosshairTooltip: "crosshairTooltip", description: "description", desiredIntervals: "desiredIntervals", edgeLabelPlacement: "edgeLabelPlacement", enableAutoIntervalOnZooming: "enableAutoIntervalOnZooming", enableScrollbarOnZooming: "enableScrollbarOnZooming", enableTrim: "enableTrim", enableWrap: "enableWrap", interval: "interval", intervalType: "intervalType", isIndexed: "isIndexed", isInversed: "isInversed", labelFormat: "labelFormat", labelIntersectAction: "labelIntersectAction", labelPadding: "labelPadding", labelPlacement: "labelPlacement", labelPosition: "labelPosition", labelRotation: "labelRotation", labelStyle: "labelStyle", labelTemplate: "labelTemplate", lineBreakAlignment: "lineBreakAlignment", lineStyle: "lineStyle", logBase: "logBase", majorGridLines: "majorGridLines", majorTickLines: "majorTickLines", maximum: "maximum", maximumLabelWidth: "maximumLabelWidth", maximumLabels: "maximumLabels", minimum: "minimum", minorGridLines: "minorGridLines", minorTickLines: "minorTickLines", minorTicksPerInterval: "minorTicksPerInterval", multiLevelLabels: "multiLevelLabels", name: "name", opposedPosition: "opposedPosition", placeNextToAxisLine: "placeNextToAxisLine", plotOffset: "plotOffset", plotOffsetBottom: "plotOffsetBottom", plotOffsetLeft: "plotOffsetLeft", plotOffsetRight: "plotOffsetRight", plotOffsetTop: "plotOffsetTop", rangePadding: "rangePadding", rowIndex: "rowIndex", scrollbarSettings: "scrollbarSettings", skeleton: "skeleton", skeletonType: "skeletonType", span: "span", startAngle: "startAngle", startFromZero: "startFromZero", stripLines: "stripLines", tabIndex: "tabIndex", tickPosition: "tickPosition", title: "title", titlePadding: "titlePadding", titleRotation: "titleRotation", titleStyle: "titleStyle", valueType: "valueType", visible: "visible", zoomFactor: "zoomFactor", zoomPosition: "zoomPosition" }, queries: [{ propertyName: "childStripLines", first: true, predicate: StripLinesDirective, descendants: true }, { propertyName: "childMultiLevelLabels", first: true, predicate: MultiLevelLabelsDirective, descendants: true }], usesInheritance: true, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: AxisDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: AxisDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: 'e-axes>e-axis',
                     inputs: input$u,
                     outputs: outputs$E,
+                    standalone: true,
                     queries: {
                         childStripLines: new ContentChild(StripLinesDirective),
                         childMultiLevelLabels: new ContentChild(MultiLevelLabelsDirective)
                     }
                 }]
-        }], ctorParameters: function () { return [{ type: i0.ViewContainerRef }]; } });
+        }], ctorParameters: () => [{ type: i0.ViewContainerRef }] });
 /**
  * Axis Array Directive
  * @private
@@ -382,18 +405,19 @@ class AxesDirective extends ArrayBase {
     constructor() {
         super('axes');
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: AxesDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.0", type: AxesDirective, isStandalone: true, selector: "ejs-chart>e-axes", queries: [{ propertyName: "children", predicate: AxisDirective }], usesInheritance: true, ngImport: i0 });
 }
-AxesDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: AxesDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-AxesDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.0.3", type: AxesDirective, selector: "ejs-chart>e-axes", queries: [{ propertyName: "children", predicate: AxisDirective }], usesInheritance: true, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: AxesDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: AxesDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: 'ejs-chart>e-axes',
+                    standalone: true,
                     queries: {
                         children: new ContentChildren(AxisDirective)
                     },
                 }]
-        }], ctorParameters: function () { return []; } });
+        }], ctorParameters: () => [] });
 
 let input$t = ['border', 'height'];
 let outputs$D = [];
@@ -404,6 +428,8 @@ let outputs$D = [];
  * ```
  */
 class RowDirective extends ComplexBase {
+    viewContainerRef;
+    directivePropList;
     constructor(viewContainerRef) {
         super();
         this.viewContainerRef = viewContainerRef;
@@ -411,18 +437,19 @@ class RowDirective extends ComplexBase {
         this.registerEvents(outputs$D);
         this.directivePropList = input$t;
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: RowDirective, deps: [{ token: i0.ViewContainerRef }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.0", type: RowDirective, isStandalone: true, selector: "e-rows>e-row", inputs: { border: "border", height: "height" }, usesInheritance: true, ngImport: i0 });
 }
-RowDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: RowDirective, deps: [{ token: i0.ViewContainerRef }], target: i0.ɵɵFactoryTarget.Directive });
-RowDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.0.3", type: RowDirective, selector: "e-rows>e-row", inputs: { border: "border", height: "height" }, usesInheritance: true, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: RowDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: RowDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: 'e-rows>e-row',
                     inputs: input$t,
                     outputs: outputs$D,
+                    standalone: true,
                     queries: {}
                 }]
-        }], ctorParameters: function () { return [{ type: i0.ViewContainerRef }]; } });
+        }], ctorParameters: () => [{ type: i0.ViewContainerRef }] });
 /**
  * Row Array Directive
  * @private
@@ -431,18 +458,19 @@ class RowsDirective extends ArrayBase {
     constructor() {
         super('rows');
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: RowsDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.0", type: RowsDirective, isStandalone: true, selector: "ejs-chart>e-rows", queries: [{ propertyName: "children", predicate: RowDirective }], usesInheritance: true, ngImport: i0 });
 }
-RowsDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: RowsDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-RowsDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.0.3", type: RowsDirective, selector: "ejs-chart>e-rows", queries: [{ propertyName: "children", predicate: RowDirective }], usesInheritance: true, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: RowsDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: RowsDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: 'ejs-chart>e-rows',
+                    standalone: true,
                     queries: {
                         children: new ContentChildren(RowDirective)
                     },
                 }]
-        }], ctorParameters: function () { return []; } });
+        }], ctorParameters: () => [] });
 
 let input$s = ['border', 'width'];
 let outputs$C = [];
@@ -453,6 +481,8 @@ let outputs$C = [];
  * ```
  */
 class ColumnDirective extends ComplexBase {
+    viewContainerRef;
+    directivePropList;
     constructor(viewContainerRef) {
         super();
         this.viewContainerRef = viewContainerRef;
@@ -460,18 +490,19 @@ class ColumnDirective extends ComplexBase {
         this.registerEvents(outputs$C);
         this.directivePropList = input$s;
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: ColumnDirective, deps: [{ token: i0.ViewContainerRef }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.0", type: ColumnDirective, isStandalone: true, selector: "e-columns>e-column", inputs: { border: "border", width: "width" }, usesInheritance: true, ngImport: i0 });
 }
-ColumnDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: ColumnDirective, deps: [{ token: i0.ViewContainerRef }], target: i0.ɵɵFactoryTarget.Directive });
-ColumnDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.0.3", type: ColumnDirective, selector: "e-columns>e-column", inputs: { border: "border", width: "width" }, usesInheritance: true, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: ColumnDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: ColumnDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: 'e-columns>e-column',
                     inputs: input$s,
                     outputs: outputs$C,
+                    standalone: true,
                     queries: {}
                 }]
-        }], ctorParameters: function () { return [{ type: i0.ViewContainerRef }]; } });
+        }], ctorParameters: () => [{ type: i0.ViewContainerRef }] });
 /**
  * Column Array Directive
  * @private
@@ -480,18 +511,19 @@ class ColumnsDirective extends ArrayBase {
     constructor() {
         super('columns');
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: ColumnsDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.0", type: ColumnsDirective, isStandalone: true, selector: "ejs-chart>e-columns", queries: [{ propertyName: "children", predicate: ColumnDirective }], usesInheritance: true, ngImport: i0 });
 }
-ColumnsDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: ColumnsDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-ColumnsDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.0.3", type: ColumnsDirective, selector: "ejs-chart>e-columns", queries: [{ propertyName: "children", predicate: ColumnDirective }], usesInheritance: true, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: ColumnsDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: ColumnsDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: 'ejs-chart>e-columns',
+                    standalone: true,
                     queries: {
                         children: new ContentChildren(ColumnDirective)
                     },
                 }]
-        }], ctorParameters: function () { return []; } });
+        }], ctorParameters: () => [] });
 
 let input$r = ['colors', 'end', 'label', 'start'];
 let outputs$B = [];
@@ -502,6 +534,8 @@ let outputs$B = [];
  * ```
  */
 class RangeColorSettingDirective extends ComplexBase {
+    viewContainerRef;
+    directivePropList;
     constructor(viewContainerRef) {
         super();
         this.viewContainerRef = viewContainerRef;
@@ -509,18 +543,19 @@ class RangeColorSettingDirective extends ComplexBase {
         this.registerEvents(outputs$B);
         this.directivePropList = input$r;
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: RangeColorSettingDirective, deps: [{ token: i0.ViewContainerRef }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.0", type: RangeColorSettingDirective, isStandalone: true, selector: "e-rangecolorsettings>e-rangecolorsetting", inputs: { colors: "colors", end: "end", label: "label", start: "start" }, usesInheritance: true, ngImport: i0 });
 }
-RangeColorSettingDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: RangeColorSettingDirective, deps: [{ token: i0.ViewContainerRef }], target: i0.ɵɵFactoryTarget.Directive });
-RangeColorSettingDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.0.3", type: RangeColorSettingDirective, selector: "e-rangecolorsettings>e-rangecolorsetting", inputs: { colors: "colors", end: "end", label: "label", start: "start" }, usesInheritance: true, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: RangeColorSettingDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: RangeColorSettingDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: 'e-rangecolorsettings>e-rangecolorsetting',
                     inputs: input$r,
                     outputs: outputs$B,
+                    standalone: true,
                     queries: {}
                 }]
-        }], ctorParameters: function () { return [{ type: i0.ViewContainerRef }]; } });
+        }], ctorParameters: () => [{ type: i0.ViewContainerRef }] });
 /**
  * RangeColorSetting Array Directive
  * @private
@@ -529,18 +564,19 @@ class RangeColorSettingsDirective extends ArrayBase {
     constructor() {
         super('rangecolorsettings');
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: RangeColorSettingsDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.0", type: RangeColorSettingsDirective, isStandalone: true, selector: "ejs-chart>e-rangecolorsettings", queries: [{ propertyName: "children", predicate: RangeColorSettingDirective }], usesInheritance: true, ngImport: i0 });
 }
-RangeColorSettingsDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: RangeColorSettingsDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-RangeColorSettingsDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.0.3", type: RangeColorSettingsDirective, selector: "ejs-chart>e-rangecolorsettings", queries: [{ propertyName: "children", predicate: RangeColorSettingDirective }], usesInheritance: true, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: RangeColorSettingsDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: RangeColorSettingsDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: 'ejs-chart>e-rangecolorsettings',
+                    standalone: true,
                     queries: {
                         children: new ContentChildren(RangeColorSettingDirective)
                     },
                 }]
-        }], ctorParameters: function () { return []; } });
+        }], ctorParameters: () => [] });
 
 let input$q = ['accessibility', 'content', 'coordinateUnits', 'description', 'horizontalAlignment', 'region', 'verticalAlignment', 'x', 'xAxisName', 'y', 'yAxisName'];
 let outputs$A = [];
@@ -551,6 +587,8 @@ let outputs$A = [];
  * ```
  */
 class AnnotationDirective extends ComplexBase {
+    viewContainerRef;
+    directivePropList;
     constructor(viewContainerRef) {
         super();
         this.viewContainerRef = viewContainerRef;
@@ -558,24 +596,22 @@ class AnnotationDirective extends ComplexBase {
         this.registerEvents(outputs$A);
         this.directivePropList = input$q;
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: AnnotationDirective, deps: [{ token: i0.ViewContainerRef }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.0", type: AnnotationDirective, isStandalone: true, selector: "e-annotations>e-annotation", inputs: { accessibility: "accessibility", content: "content", coordinateUnits: "coordinateUnits", description: "description", horizontalAlignment: "horizontalAlignment", region: "region", verticalAlignment: "verticalAlignment", x: "x", xAxisName: "xAxisName", y: "y", yAxisName: "yAxisName" }, queries: [{ propertyName: "content", first: true, predicate: ["content"], descendants: true }], usesInheritance: true, ngImport: i0 });
 }
-AnnotationDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: AnnotationDirective, deps: [{ token: i0.ViewContainerRef }], target: i0.ɵɵFactoryTarget.Directive });
-AnnotationDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.0.3", type: AnnotationDirective, selector: "e-annotations>e-annotation", inputs: { accessibility: "accessibility", content: "content", coordinateUnits: "coordinateUnits", description: "description", horizontalAlignment: "horizontalAlignment", region: "region", verticalAlignment: "verticalAlignment", x: "x", xAxisName: "xAxisName", y: "y", yAxisName: "yAxisName" }, queries: [{ propertyName: "content", first: true, predicate: ["content"], descendants: true }], usesInheritance: true, ngImport: i0 });
-__decorate([
-    Template()
-], AnnotationDirective.prototype, "content", void 0);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: AnnotationDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: AnnotationDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: 'e-annotations>e-annotation',
                     inputs: input$q,
                     outputs: outputs$A,
-                    queries: {}
+                    standalone: true,
+                    queries: {
+                        content: new ContentChild('content')
+                    }
                 }]
-        }], ctorParameters: function () { return [{ type: i0.ViewContainerRef }]; }, propDecorators: { content: [{
-                type: ContentChild,
-                args: ['content']
-            }] } });
+        }], ctorParameters: () => [{ type: i0.ViewContainerRef }] });
+Template()(AnnotationDirective.prototype, 'content');
 /**
  * Annotation Array Directive
  * @private
@@ -584,18 +620,19 @@ class AnnotationsDirective extends ArrayBase {
     constructor() {
         super('annotations');
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: AnnotationsDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.0", type: AnnotationsDirective, isStandalone: true, selector: "ejs-chart>e-annotations", queries: [{ propertyName: "children", predicate: AnnotationDirective }], usesInheritance: true, ngImport: i0 });
 }
-AnnotationsDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: AnnotationsDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-AnnotationsDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.0.3", type: AnnotationsDirective, selector: "ejs-chart>e-annotations", queries: [{ propertyName: "children", predicate: AnnotationDirective }], usesInheritance: true, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: AnnotationsDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: AnnotationsDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: 'ejs-chart>e-annotations',
+                    standalone: true,
                     queries: {
                         children: new ContentChildren(AnnotationDirective)
                     },
                 }]
-        }], ctorParameters: function () { return []; } });
+        }], ctorParameters: () => [] });
 
 let input$p = ['point', 'series'];
 let outputs$z = [];
@@ -606,6 +643,8 @@ let outputs$z = [];
  * ```
  */
 class SelectedDataIndexDirective extends ComplexBase {
+    viewContainerRef;
+    directivePropList;
     constructor(viewContainerRef) {
         super();
         this.viewContainerRef = viewContainerRef;
@@ -613,18 +652,19 @@ class SelectedDataIndexDirective extends ComplexBase {
         this.registerEvents(outputs$z);
         this.directivePropList = input$p;
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: SelectedDataIndexDirective, deps: [{ token: i0.ViewContainerRef }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.0", type: SelectedDataIndexDirective, isStandalone: true, selector: "e-selecteddataindexes>e-selecteddataindex", inputs: { point: "point", series: "series" }, usesInheritance: true, ngImport: i0 });
 }
-SelectedDataIndexDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: SelectedDataIndexDirective, deps: [{ token: i0.ViewContainerRef }], target: i0.ɵɵFactoryTarget.Directive });
-SelectedDataIndexDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.0.3", type: SelectedDataIndexDirective, selector: "e-selecteddataindexes>e-selecteddataindex", inputs: { point: "point", series: "series" }, usesInheritance: true, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: SelectedDataIndexDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: SelectedDataIndexDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: 'e-selecteddataindexes>e-selecteddataindex',
                     inputs: input$p,
                     outputs: outputs$z,
+                    standalone: true,
                     queries: {}
                 }]
-        }], ctorParameters: function () { return [{ type: i0.ViewContainerRef }]; } });
+        }], ctorParameters: () => [{ type: i0.ViewContainerRef }] });
 /**
  * SelectedDataIndex Array Directive
  * @private
@@ -633,18 +673,19 @@ class SelectedDataIndexesDirective extends ArrayBase {
     constructor() {
         super('selecteddataindexes');
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: SelectedDataIndexesDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.0", type: SelectedDataIndexesDirective, isStandalone: true, selector: "ejs-chart>e-selecteddataindexes", queries: [{ propertyName: "children", predicate: SelectedDataIndexDirective }], usesInheritance: true, ngImport: i0 });
 }
-SelectedDataIndexesDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: SelectedDataIndexesDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-SelectedDataIndexesDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.0.3", type: SelectedDataIndexesDirective, selector: "ejs-chart>e-selecteddataindexes", queries: [{ propertyName: "children", predicate: SelectedDataIndexDirective }], usesInheritance: true, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: SelectedDataIndexesDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: SelectedDataIndexesDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: 'ejs-chart>e-selecteddataindexes',
+                    standalone: true,
                     queries: {
                         children: new ContentChildren(SelectedDataIndexDirective)
                     },
                 }]
-        }], ctorParameters: function () { return []; } });
+        }], ctorParameters: () => [] });
 
 let input$o = ['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'];
 let outputs$y = [];
@@ -657,6 +698,8 @@ let outputs$y = [];
  * ```
  */
 class IndicatorDirective extends ComplexBase {
+    viewContainerRef;
+    directivePropList;
     constructor(viewContainerRef) {
         super();
         this.viewContainerRef = viewContainerRef;
@@ -664,18 +707,19 @@ class IndicatorDirective extends ComplexBase {
         this.registerEvents(outputs$y);
         this.directivePropList = input$o;
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: IndicatorDirective, deps: [{ token: i0.ViewContainerRef }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.0", type: IndicatorDirective, isStandalone: true, selector: "e-indicators>e-indicator", inputs: { accessibility: "accessibility", animation: "animation", bandColor: "bandColor", close: "close", colorName: "colorName", dPeriod: "dPeriod", dashArray: "dashArray", dataSource: "dataSource", enableComplexProperty: "enableComplexProperty", fastPeriod: "fastPeriod", field: "field", fill: "fill", high: "high", kPeriod: "kPeriod", linearGradient: "linearGradient", low: "low", lowerLine: "lowerLine", macdLine: "macdLine", macdNegativeColor: "macdNegativeColor", macdPositiveColor: "macdPositiveColor", macdType: "macdType", open: "open", overBought: "overBought", overSold: "overSold", period: "period", periodLine: "periodLine", pointColorMapping: "pointColorMapping", query: "query", radialGradient: "radialGradient", segmentAxis: "segmentAxis", segments: "segments", seriesName: "seriesName", showZones: "showZones", slowPeriod: "slowPeriod", standardDeviation: "standardDeviation", type: "type", upperLine: "upperLine", visible: "visible", volume: "volume", width: "width", xAxisName: "xAxisName", xName: "xName", yAxisName: "yAxisName" }, usesInheritance: true, ngImport: i0 });
 }
-IndicatorDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: IndicatorDirective, deps: [{ token: i0.ViewContainerRef }], target: i0.ɵɵFactoryTarget.Directive });
-IndicatorDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.0.3", type: IndicatorDirective, selector: "e-indicators>e-indicator", inputs: { accessibility: "accessibility", animation: "animation", bandColor: "bandColor", close: "close", colorName: "colorName", dPeriod: "dPeriod", dashArray: "dashArray", dataSource: "dataSource", enableComplexProperty: "enableComplexProperty", fastPeriod: "fastPeriod", field: "field", fill: "fill", high: "high", kPeriod: "kPeriod", linearGradient: "linearGradient", low: "low", lowerLine: "lowerLine", macdLine: "macdLine", macdNegativeColor: "macdNegativeColor", macdPositiveColor: "macdPositiveColor", macdType: "macdType", open: "open", overBought: "overBought", overSold: "overSold", period: "period", periodLine: "periodLine", pointColorMapping: "pointColorMapping", query: "query", radialGradient: "radialGradient", segmentAxis: "segmentAxis", segments: "segments", seriesName: "seriesName", showZones: "showZones", slowPeriod: "slowPeriod", standardDeviation: "standardDeviation", type: "type", upperLine: "upperLine", visible: "visible", volume: "volume", width: "width", xAxisName: "xAxisName", xName: "xName", yAxisName: "yAxisName" }, usesInheritance: true, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: IndicatorDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: IndicatorDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: 'e-indicators>e-indicator',
                     inputs: input$o,
                     outputs: outputs$y,
+                    standalone: true,
                     queries: {}
                 }]
-        }], ctorParameters: function () { return [{ type: i0.ViewContainerRef }]; } });
+        }], ctorParameters: () => [{ type: i0.ViewContainerRef }] });
 /**
  * Indicator Array Directive
  * @private
@@ -684,21 +728,22 @@ class IndicatorsDirective extends ArrayBase {
     constructor() {
         super('indicators');
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: IndicatorsDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.0", type: IndicatorsDirective, isStandalone: true, selector: "ej-chart>e-indicators", queries: [{ propertyName: "children", predicate: IndicatorDirective }], usesInheritance: true, ngImport: i0 });
 }
-IndicatorsDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: IndicatorsDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-IndicatorsDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.0.3", type: IndicatorsDirective, selector: "ej-chart>e-indicators", queries: [{ propertyName: "children", predicate: IndicatorDirective }], usesInheritance: true, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: IndicatorsDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: IndicatorsDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: 'ej-chart>e-indicators',
+                    standalone: true,
                     queries: {
                         children: new ContentChildren(IndicatorDirective)
                     },
                 }]
-        }], ctorParameters: function () { return []; } });
+        }], ctorParameters: () => [] });
 
-const inputs$9 = ['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'];
-const outputs$x = ['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'];
+const inputs$9 = ['accessibility', 'allowExport', 'allowMultiSelection', 'annotations', 'axes', 'background', 'backgroundImage', 'border', 'chartArea', 'columns', 'crosshair', 'currencyCode', 'dataSource', 'description', 'enableAnimation', 'enableAutoIntervalOnBothAxis', 'enableCanvas', 'enableExport', 'enableHtmlSanitizer', 'enablePersistence', 'enableRtl', 'enableSideBySidePlacement', 'enableWebMcp', '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', 'webMcpSettings', 'width', 'zoomSettings'];
+const outputs$x = ['afterExport', 'animationComplete', 'annotationRender', 'axisLabelClick', 'axisLabelRender', 'axisMultiLabelRender', 'axisRangeCalculated', 'beforeExport', 'beforePrint', 'beforeResize', 'beforeWebMcpToolExecute', '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'];
 const twoWays$9 = ['dataSource'];
 /**
  * Chart Component
@@ -707,13 +752,17 @@ const twoWays$9 = ['dataSource'];
  * ```
  */
 let ChartComponent = class ChartComponent extends Chart {
+    ngEle;
+    srenderer;
+    viewContainerRef;
+    injector;
+    tags = ['series', 'axes', 'rows', 'columns', 'rangeColorSettings', 'annotations', 'selectedDataIndexes', 'indicators'];
     constructor(ngEle, srenderer, viewContainerRef, injector) {
         super();
         this.ngEle = ngEle;
         this.srenderer = srenderer;
         this.viewContainerRef = viewContainerRef;
         this.injector = injector;
-        this.tags = ['series', 'axes', 'rows', 'columns', 'rangeColorSettings', 'annotations', 'selectedDataIndexes', 'indicators'];
         this.element = this.ngEle.nativeElement;
         this.injectedModules = this.injectedModules || [];
         try {
@@ -1143,6 +1192,13 @@ let ChartComponent = class ChartComponent extends Chart {
             }
         }
         catch { }
+        try {
+            let mod = this.injector.get('ChartsWebMcpChart');
+            if (this.injectedModules.indexOf(mod) === -1) {
+                this.injectedModules.push(mod);
+            }
+        }
+        catch { }
         this.registerEvents(outputs$x);
         this.addTwoWay.call(this, twoWays$9);
         setValue('currentInstance', this, this.viewContainerRef);
@@ -1182,25 +1238,20 @@ let ChartComponent = class ChartComponent extends Chart {
         }
         this.context.ngAfterContentChecked(this);
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: ChartComponent, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i0.ViewContainerRef }, { token: i0.Injector }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.0.0", type: ChartComponent, isStandalone: true, selector: "ejs-chart", inputs: { accessibility: "accessibility", allowExport: "allowExport", allowMultiSelection: "allowMultiSelection", annotations: "annotations", axes: "axes", background: "background", backgroundImage: "backgroundImage", border: "border", chartArea: "chartArea", columns: "columns", crosshair: "crosshair", currencyCode: "currencyCode", dataSource: "dataSource", description: "description", enableAnimation: "enableAnimation", enableAutoIntervalOnBothAxis: "enableAutoIntervalOnBothAxis", enableCanvas: "enableCanvas", enableExport: "enableExport", enableHtmlSanitizer: "enableHtmlSanitizer", enablePersistence: "enablePersistence", enableRtl: "enableRtl", enableSideBySidePlacement: "enableSideBySidePlacement", enableWebMcp: "enableWebMcp", focusBorderColor: "focusBorderColor", focusBorderMargin: "focusBorderMargin", focusBorderWidth: "focusBorderWidth", height: "height", highlightColor: "highlightColor", highlightMode: "highlightMode", highlightPattern: "highlightPattern", indicators: "indicators", isMultiSelect: "isMultiSelect", isTransposed: "isTransposed", legendSettings: "legendSettings", locale: "locale", margin: "margin", noDataTemplate: "noDataTemplate", palettes: "palettes", primaryXAxis: "primaryXAxis", primaryYAxis: "primaryYAxis", rangeColorSettings: "rangeColorSettings", rows: "rows", selectedDataIndexes: "selectedDataIndexes", selectionMode: "selectionMode", selectionPattern: "selectionPattern", series: "series", stackLabels: "stackLabels", subTitle: "subTitle", subTitleStyle: "subTitleStyle", tabIndex: "tabIndex", theme: "theme", title: "title", titleStyle: "titleStyle", tooltip: "tooltip", useGroupingSeparator: "useGroupingSeparator", webMcpSettings: "webMcpSettings", width: "width", zoomSettings: "zoomSettings" }, outputs: { afterExport: "afterExport", animationComplete: "animationComplete", annotationRender: "annotationRender", axisLabelClick: "axisLabelClick", axisLabelRender: "axisLabelRender", axisMultiLabelRender: "axisMultiLabelRender", axisRangeCalculated: "axisRangeCalculated", beforeExport: "beforeExport", beforePrint: "beforePrint", beforeResize: "beforeResize", beforeWebMcpToolExecute: "beforeWebMcpToolExecute", chartDoubleClick: "chartDoubleClick", chartMouseClick: "chartMouseClick", chartMouseDown: "chartMouseDown", chartMouseLeave: "chartMouseLeave", chartMouseMove: "chartMouseMove", chartMouseUp: "chartMouseUp", crosshairLabelRender: "crosshairLabelRender", drag: "drag", dragComplete: "dragComplete", dragEnd: "dragEnd", dragStart: "dragStart", legendClick: "legendClick", legendRender: "legendRender", load: "load", loaded: "loaded", multiLevelLabelClick: "multiLevelLabelClick", onZooming: "onZooming", pointClick: "pointClick", pointDoubleClick: "pointDoubleClick", pointMove: "pointMove", pointRender: "pointRender", resized: "resized", scrollChanged: "scrollChanged", scrollEnd: "scrollEnd", scrollStart: "scrollStart", selectionComplete: "selectionComplete", seriesRender: "seriesRender", sharedTooltipRender: "sharedTooltipRender", textRender: "textRender", tooltipRender: "tooltipRender", zoomComplete: "zoomComplete", dataSourceChange: "dataSourceChange" }, queries: [{ propertyName: "childSeries", first: true, predicate: SeriesCollectionDirective, descendants: true }, { propertyName: "childAxes", first: true, predicate: AxesDirective, descendants: true }, { propertyName: "childRows", first: true, predicate: RowsDirective, descendants: true }, { propertyName: "childColumns", first: true, predicate: ColumnsDirective, descendants: true }, { propertyName: "childRangeColorSettings", first: true, predicate: RangeColorSettingsDirective, descendants: true }, { propertyName: "childAnnotations", first: true, predicate: AnnotationsDirective, descendants: true }, { propertyName: "childSelectedDataIndexes", first: true, predicate: SelectedDataIndexesDirective, descendants: true }, { propertyName: "childIndicators", first: true, predicate: IndicatorsDirective, descendants: true }, { propertyName: "tooltip_template", first: true, predicate: ["tooltipTemplate"], descendants: true }, { propertyName: "legendSettings_template", first: true, predicate: ["legendSettingsTemplate"], descendants: true }], usesInheritance: true, ngImport: i0, template: '', isInline: true });
 };
-ChartComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: ChartComponent, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i0.ViewContainerRef }, { token: i0.Injector }], target: i0.ɵɵFactoryTarget.Component });
-ChartComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.0.3", type: ChartComponent, selector: "ejs-chart", inputs: { accessibility: "accessibility", allowExport: "allowExport", allowMultiSelection: "allowMultiSelection", annotations: "annotations", axes: "axes", background: "background", backgroundImage: "backgroundImage", border: "border", chartArea: "chartArea", columns: "columns", crosshair: "crosshair", currencyCode: "currencyCode", dataSource: "dataSource", description: "description", enableAnimation: "enableAnimation", enableAutoIntervalOnBothAxis: "enableAutoIntervalOnBothAxis", enableCanvas: "enableCanvas", enableExport: "enableExport", enableHtmlSanitizer: "enableHtmlSanitizer", enablePersistence: "enablePersistence", enableRtl: "enableRtl", enableSideBySidePlacement: "enableSideBySidePlacement", focusBorderColor: "focusBorderColor", focusBorderMargin: "focusBorderMargin", focusBorderWidth: "focusBorderWidth", height: "height", highlightColor: "highlightColor", highlightMode: "highlightMode", highlightPattern: "highlightPattern", indicators: "indicators", isMultiSelect: "isMultiSelect", isTransposed: "isTransposed", legendSettings: "legendSettings", locale: "locale", margin: "margin", noDataTemplate: "noDataTemplate", palettes: "palettes", primaryXAxis: "primaryXAxis", primaryYAxis: "primaryYAxis", rangeColorSettings: "rangeColorSettings", rows: "rows", selectedDataIndexes: "selectedDataIndexes", selectionMode: "selectionMode", selectionPattern: "selectionPattern", series: "series", stackLabels: "stackLabels", subTitle: "subTitle", subTitleStyle: "subTitleStyle", tabIndex: "tabIndex", theme: "theme", title: "title", titleStyle: "titleStyle", tooltip: "tooltip", useGroupingSeparator: "useGroupingSeparator", width: "width", zoomSettings: "zoomSettings" }, outputs: { afterExport: "afterExport", animationComplete: "animationComplete", annotationRender: "annotationRender", axisLabelClick: "axisLabelClick", axisLabelRender: "axisLabelRender", axisMultiLabelRender: "axisMultiLabelRender", axisRangeCalculated: "axisRangeCalculated", beforeExport: "beforeExport", beforePrint: "beforePrint", beforeResize: "beforeResize", chartDoubleClick: "chartDoubleClick", chartMouseClick: "chartMouseClick", chartMouseDown: "chartMouseDown", chartMouseLeave: "chartMouseLeave", chartMouseMove: "chartMouseMove", chartMouseUp: "chartMouseUp", crosshairLabelRender: "crosshairLabelRender", drag: "drag", dragComplete: "dragComplete", dragEnd: "dragEnd", dragStart: "dragStart", legendClick: "legendClick", legendRender: "legendRender", load: "load", loaded: "loaded", multiLevelLabelClick: "multiLevelLabelClick", onZooming: "onZooming", pointClick: "pointClick", pointDoubleClick: "pointDoubleClick", pointMove: "pointMove", pointRender: "pointRender", resized: "resized", scrollChanged: "scrollChanged", scrollEnd: "scrollEnd", scrollStart: "scrollStart", selectionComplete: "selectionComplete", seriesRender: "seriesRender", sharedTooltipRender: "sharedTooltipRender", textRender: "textRender", tooltipRender: "tooltipRender", zoomComplete: "zoomComplete", dataSourceChange: "dataSourceChange" }, queries: [{ propertyName: "tooltip_template", first: true, predicate: ["tooltipTemplate"], descendants: true }, { propertyName: "legendSettings_template", first: true, predicate: ["legendSettingsTemplate"], descendants: true }, { propertyName: "childSeries", first: true, predicate: SeriesCollectionDirective, descendants: true }, { propertyName: "childAxes", first: true, predicate: AxesDirective, descendants: true }, { propertyName: "childRows", first: true, predicate: RowsDirective, descendants: true }, { propertyName: "childColumns", first: true, predicate: ColumnsDirective, descendants: true }, { propertyName: "childRangeColorSettings", first: true, predicate: RangeColorSettingsDirective, descendants: true }, { propertyName: "childAnnotations", first: true, predicate: AnnotationsDirective, descendants: true }, { propertyName: "childSelectedDataIndexes", first: true, predicate: SelectedDataIndexesDirective, descendants: true }, { propertyName: "childIndicators", first: true, predicate: IndicatorsDirective, descendants: true }], usesInheritance: true, ngImport: i0, template: '', isInline: true });
-__decorate([
-    Template()
-], ChartComponent.prototype, "tooltip_template", void 0);
-__decorate([
-    Template()
-], ChartComponent.prototype, "legendSettings_template", void 0);
 ChartComponent = __decorate([
     ComponentMixins([ComponentBase])
 ], ChartComponent);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: ChartComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: ChartComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'ejs-chart',
                     inputs: inputs$9,
                     outputs: outputs$x,
                     template: '',
+                    standalone: true,
                     queries: {
                         childSeries: new ContentChild(SeriesCollectionDirective),
                         childAxes: new ContentChild(AxesDirective),
@@ -1209,139 +1260,111 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.3", ngImpor
                         childRangeColorSettings: new ContentChild(RangeColorSettingsDirective),
                         childAnnotations: new ContentChild(AnnotationsDirective),
                         childSelectedDataIndexes: new ContentChild(SelectedDataIndexesDirective),
-                        childIndicators: new ContentChild(IndicatorsDirective)
+                        childIndicators: new ContentChild(IndicatorsDirective),
+                        tooltip_template: new ContentChild('tooltipTemplate'),
+                        legendSettings_template: new ContentChild('legendSettingsTemplate')
                     }
                 }]
-        }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.Renderer2 }, { type: i0.ViewContainerRef }, { type: i0.Injector }]; }, propDecorators: { tooltip_template: [{
-                type: ContentChild,
-                args: ['tooltipTemplate']
-            }], legendSettings_template: [{
-                type: ContentChild,
-                args: ['legendSettingsTemplate']
-            }] } });
+        }], ctorParameters: () => [{ type: i0.ElementRef }, { type: i0.Renderer2 }, { type: i0.ViewContainerRef }, { type: i0.Injector }] });
+Template()(ChartComponent.prototype, 'tooltip_template');
+Template()(ChartComponent.prototype, 'legendSettings_template');
 
+const CHART_DIRECTIVES = [
+    ChartComponent,
+    TrendlineDirective,
+    TrendlinesDirective,
+    SegmentDirective,
+    SegmentsDirective,
+    SeriesDirective,
+    SeriesCollectionDirective,
+    StripLineDirective,
+    StripLinesDirective,
+    CategoryDirective,
+    CategoriesDirective,
+    MultiLevelLabelDirective,
+    MultiLevelLabelsDirective,
+    AxisDirective,
+    AxesDirective,
+    RowDirective,
+    RowsDirective,
+    ColumnDirective,
+    ColumnsDirective,
+    RangeColorSettingDirective,
+    RangeColorSettingsDirective,
+    AnnotationDirective,
+    AnnotationsDirective,
+    SelectedDataIndexDirective,
+    SelectedDataIndexesDirective,
+    IndicatorDirective,
+    IndicatorsDirective
+];
 /**
  * NgModule definition for the Chart component.
+ * Re-exports standalone Chart component and directives so existing apps can keep using:
+ * `imports: [ChartModule]`
  */
 class ChartModule {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: ChartModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "22.0.0", ngImport: i0, type: ChartModule, imports: [CommonModule, ChartComponent,
+            TrendlineDirective,
+            TrendlinesDirective,
+            SegmentDirective,
+            SegmentsDirective,
+            SeriesDirective,
+            SeriesCollectionDirective,
+            StripLineDirective,
+            StripLinesDirective,
+            CategoryDirective,
+            CategoriesDirective,
+            MultiLevelLabelDirective,
+            MultiLevelLabelsDirective,
+            AxisDirective,
+            AxesDirective,
+            RowDirective,
+            RowsDirective,
+            ColumnDirective,
+            ColumnsDirective,
+            RangeColorSettingDirective,
+            RangeColorSettingsDirective,
+            AnnotationDirective,
+            AnnotationsDirective,
+            SelectedDataIndexDirective,
+            SelectedDataIndexesDirective,
+            IndicatorDirective,
+            IndicatorsDirective], exports: [ChartComponent,
+            TrendlineDirective,
+            TrendlinesDirective,
+            SegmentDirective,
+            SegmentsDirective,
+            SeriesDirective,
+            SeriesCollectionDirective,
+            StripLineDirective,
+            StripLinesDirective,
+            CategoryDirective,
+            CategoriesDirective,
+            MultiLevelLabelDirective,
+            MultiLevelLabelsDirective,
+            AxisDirective,
+            AxesDirective,
+            RowDirective,
+            RowsDirective,
+            ColumnDirective,
+            ColumnsDirective,
+            RangeColorSettingDirective,
+            RangeColorSettingsDirective,
+            AnnotationDirective,
+            AnnotationsDirective,
+            SelectedDataIndexDirective,
+            SelectedDataIndexesDirective,
+            IndicatorDirective,
+            IndicatorsDirective] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: ChartModule, imports: [CommonModule] });
 }
-ChartModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: ChartModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-ChartModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: ChartModule, declarations: [ChartComponent,
-        TrendlineDirective,
-        TrendlinesDirective,
-        SegmentDirective,
-        SegmentsDirective,
-        SeriesDirective,
-        SeriesCollectionDirective,
-        StripLineDirective,
-        StripLinesDirective,
-        CategoryDirective,
-        CategoriesDirective,
-        MultiLevelLabelDirective,
-        MultiLevelLabelsDirective,
-        AxisDirective,
-        AxesDirective,
-        RowDirective,
-        RowsDirective,
-        ColumnDirective,
-        ColumnsDirective,
-        RangeColorSettingDirective,
-        RangeColorSettingsDirective,
-        AnnotationDirective,
-        AnnotationsDirective,
-        SelectedDataIndexDirective,
-        SelectedDataIndexesDirective,
-        IndicatorDirective,
-        IndicatorsDirective], imports: [CommonModule], exports: [ChartComponent,
-        TrendlineDirective,
-        TrendlinesDirective,
-        SegmentDirective,
-        SegmentsDirective,
-        SeriesDirective,
-        SeriesCollectionDirective,
-        StripLineDirective,
-        StripLinesDirective,
-        CategoryDirective,
-        CategoriesDirective,
-        MultiLevelLabelDirective,
-        MultiLevelLabelsDirective,
-        AxisDirective,
-        AxesDirective,
-        RowDirective,
-        RowsDirective,
-        ColumnDirective,
-        ColumnsDirective,
-        RangeColorSettingDirective,
-        RangeColorSettingsDirective,
-        AnnotationDirective,
-        AnnotationsDirective,
-        SelectedDataIndexDirective,
-        SelectedDataIndexesDirective,
-        IndicatorDirective,
-        IndicatorsDirective] });
-ChartModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: ChartModule, imports: [[CommonModule]] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: ChartModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: ChartModule, decorators: [{
             type: NgModule,
             args: [{
-                    imports: [CommonModule],
-                    declarations: [
-                        ChartComponent,
-                        TrendlineDirective,
-                        TrendlinesDirective,
-                        SegmentDirective,
-                        SegmentsDirective,
-                        SeriesDirective,
-                        SeriesCollectionDirective,
-                        StripLineDirective,
-                        StripLinesDirective,
-                        CategoryDirective,
-                        CategoriesDirective,
-                        MultiLevelLabelDirective,
-                        MultiLevelLabelsDirective,
-                        AxisDirective,
-                        AxesDirective,
-                        RowDirective,
-                        RowsDirective,
-                        ColumnDirective,
-                        ColumnsDirective,
-                        RangeColorSettingDirective,
-                        RangeColorSettingsDirective,
-                        AnnotationDirective,
-                        AnnotationsDirective,
-                        SelectedDataIndexDirective,
-                        SelectedDataIndexesDirective,
-                        IndicatorDirective,
-                        IndicatorsDirective
-                    ],
-                    exports: [
-                        ChartComponent,
-                        TrendlineDirective,
-                        TrendlinesDirective,
-                        SegmentDirective,
-                        SegmentsDirective,
-                        SeriesDirective,
-                        SeriesCollectionDirective,
-                        StripLineDirective,
-                        StripLinesDirective,
-                        CategoryDirective,
-                        CategoriesDirective,
-                        MultiLevelLabelDirective,
-                        MultiLevelLabelsDirective,
-                        AxisDirective,
-                        AxesDirective,
-                        RowDirective,
-                        RowsDirective,
-                        ColumnDirective,
-                        ColumnsDirective,
-                        RangeColorSettingDirective,
-                        RangeColorSettingsDirective,
-                        AnnotationDirective,
-                        AnnotationsDirective,
-                        SelectedDataIndexDirective,
-                        SelectedDataIndexesDirective,
-                        IndicatorDirective,
-                        IndicatorsDirective
-                    ]
+                    imports: [CommonModule, ...CHART_DIRECTIVES],
+                    exports: [...CHART_DIRECTIVES]
                 }]
         }] });
 
@@ -1406,77 +1429,79 @@ const DataEditingService = { provide: 'ChartsDataEditing', useValue: DataEditing
 const HighlightService = { provide: 'ChartsHighlight', useValue: Highlight };
 const LastValueLabelService = { provide: 'ChartsLastValueLabel', useValue: LastValueLabel };
 const SeriesLabelService = { provide: 'ChartsSeriesLabel', useValue: SeriesLabel };
+const WebMcpChartService = { provide: 'ChartsWebMcpChart', useValue: WebMcpChart };
 /**
  * NgModule definition for the Chart component with providers.
  */
 class ChartAllModule {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: ChartAllModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "22.0.0", ngImport: i0, type: ChartAllModule, imports: [CommonModule, ChartModule], exports: [ChartModule] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: ChartAllModule, providers: [
+            LineSeriesService,
+            ScatterSeriesService,
+            ColumnSeriesService,
+            SplineSeriesService,
+            SplineAreaSeriesService,
+            StripLineService,
+            AreaSeriesService,
+            ScrollBarService,
+            StepLineSeriesService,
+            StepAreaSeriesService,
+            StackingColumnSeriesService,
+            StackingLineSeriesService,
+            StackingAreaSeriesService,
+            StackingStepAreaSeriesService,
+            BarSeriesService,
+            StackingBarSeriesService,
+            RangeColumnSeriesService,
+            BubbleSeriesService,
+            TooltipService,
+            CrosshairService,
+            CategoryService,
+            DateTimeService,
+            LogarithmicService,
+            LegendService,
+            ZoomService,
+            DataLabelService,
+            SelectionService,
+            ChartAnnotationService,
+            HiloSeriesService,
+            HiloOpenCloseSeriesService,
+            WaterfallSeriesService,
+            RangeAreaSeriesService,
+            RangeStepAreaSeriesService,
+            SplineRangeAreaSeriesService,
+            CandleSeriesService,
+            PolarSeriesService,
+            RadarSeriesService,
+            SmaIndicatorService,
+            TmaIndicatorService,
+            EmaIndicatorService,
+            AccumulationDistributionIndicatorService,
+            MacdIndicatorService,
+            AtrIndicatorService,
+            RsiIndicatorService,
+            MomentumIndicatorService,
+            StochasticIndicatorService,
+            BollingerBandsService,
+            BoxAndWhiskerSeriesService,
+            HistogramSeriesService,
+            ErrorBarService,
+            TrendlinesService,
+            DateTimeCategoryService,
+            MultiColoredLineSeriesService,
+            MultiColoredAreaSeriesService,
+            MultiLevelLabelService,
+            ParetoSeriesService,
+            ExportService,
+            DataEditingService,
+            HighlightService,
+            LastValueLabelService,
+            SeriesLabelService,
+            WebMcpChartService
+        ], imports: [CommonModule, ChartModule, ChartModule] });
 }
-ChartAllModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: ChartAllModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-ChartAllModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: ChartAllModule, imports: [CommonModule, ChartModule], exports: [ChartModule] });
-ChartAllModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: ChartAllModule, providers: [
-        LineSeriesService,
-        ScatterSeriesService,
-        ColumnSeriesService,
-        SplineSeriesService,
-        SplineAreaSeriesService,
-        StripLineService,
-        AreaSeriesService,
-        ScrollBarService,
-        StepLineSeriesService,
-        StepAreaSeriesService,
-        StackingColumnSeriesService,
-        StackingLineSeriesService,
-        StackingAreaSeriesService,
-        StackingStepAreaSeriesService,
-        BarSeriesService,
-        StackingBarSeriesService,
-        RangeColumnSeriesService,
-        BubbleSeriesService,
-        TooltipService,
-        CrosshairService,
-        CategoryService,
-        DateTimeService,
-        LogarithmicService,
-        LegendService,
-        ZoomService,
-        DataLabelService,
-        SelectionService,
-        ChartAnnotationService,
-        HiloSeriesService,
-        HiloOpenCloseSeriesService,
-        WaterfallSeriesService,
-        RangeAreaSeriesService,
-        RangeStepAreaSeriesService,
-        SplineRangeAreaSeriesService,
-        CandleSeriesService,
-        PolarSeriesService,
-        RadarSeriesService,
-        SmaIndicatorService,
-        TmaIndicatorService,
-        EmaIndicatorService,
-        AccumulationDistributionIndicatorService,
-        MacdIndicatorService,
-        AtrIndicatorService,
-        RsiIndicatorService,
-        MomentumIndicatorService,
-        StochasticIndicatorService,
-        BollingerBandsService,
-        BoxAndWhiskerSeriesService,
-        HistogramSeriesService,
-        ErrorBarService,
-        TrendlinesService,
-        DateTimeCategoryService,
-        MultiColoredLineSeriesService,
-        MultiColoredAreaSeriesService,
-        MultiLevelLabelService,
-        ParetoSeriesService,
-        ExportService,
-        DataEditingService,
-        HighlightService,
-        LastValueLabelService,
-        SeriesLabelService
-    ], imports: [[CommonModule, ChartModule], ChartModule] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: ChartAllModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: ChartAllModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [CommonModule, ChartModule],
@@ -1544,7 +1569,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.3", ngImpor
                         DataEditingService,
                         HighlightService,
                         LastValueLabelService,
-                        SeriesLabelService
+                        SeriesLabelService,
+                        WebMcpChartService
                     ]
                 }]
         }] });
@@ -1560,6 +1586,8 @@ let outputs$w = [];
  * ```
  */
 class AccumulationSeriesDirective extends ComplexBase {
+    viewContainerRef;
+    directivePropList;
     constructor(viewContainerRef) {
         super();
         this.viewContainerRef = viewContainerRef;
@@ -1567,24 +1595,22 @@ class AccumulationSeriesDirective extends ComplexBase {
         this.registerEvents(outputs$w);
         this.directivePropList = input$n;
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: AccumulationSeriesDirective, deps: [{ token: i0.ViewContainerRef }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.0", type: AccumulationSeriesDirective, isStandalone: true, selector: "e-accumulation-series-collection>e-accumulation-series", inputs: { accessibility: "accessibility", animation: "animation", applyPattern: "applyPattern", border: "border", borderRadius: "borderRadius", dashArray: "dashArray", dataLabel: "dataLabel", dataSource: "dataSource", emptyPointSettings: "emptyPointSettings", enableTooltip: "enableTooltip", endAngle: "endAngle", explode: "explode", explodeAll: "explodeAll", explodeIndex: "explodeIndex", explodeOffset: "explodeOffset", funnelMode: "funnelMode", gapRatio: "gapRatio", groupMode: "groupMode", groupTo: "groupTo", height: "height", innerRadius: "innerRadius", legendImageUrl: "legendImageUrl", legendShape: "legendShape", linearGradient: "linearGradient", name: "name", neckHeight: "neckHeight", neckWidth: "neckWidth", opacity: "opacity", palettes: "palettes", pointColorMapping: "pointColorMapping", pyramidMode: "pyramidMode", query: "query", radialGradient: "radialGradient", radius: "radius", selectionStyle: "selectionStyle", startAngle: "startAngle", tooltipMappingName: "tooltipMappingName", type: "type", visible: "visible", width: "width", xName: "xName", yName: "yName" }, queries: [{ propertyName: "dataLabel_template", first: true, predicate: ["dataLabelTemplate"], descendants: true }], usesInheritance: true, ngImport: i0 });
 }
-AccumulationSeriesDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: AccumulationSeriesDirective, deps: [{ token: i0.ViewContainerRef }], target: i0.ɵɵFactoryTarget.Directive });
-AccumulationSeriesDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.0.3", type: AccumulationSeriesDirective, selector: "e-accumulation-series-collection>e-accumulation-series", inputs: { accessibility: "accessibility", animation: "animation", applyPattern: "applyPattern", border: "border", borderRadius: "borderRadius", dashArray: "dashArray", dataLabel: "dataLabel", dataSource: "dataSource", emptyPointSettings: "emptyPointSettings", enableTooltip: "enableTooltip", endAngle: "endAngle", explode: "explode", explodeAll: "explodeAll", explodeIndex: "explodeIndex", explodeOffset: "explodeOffset", funnelMode: "funnelMode", gapRatio: "gapRatio", groupMode: "groupMode", groupTo: "groupTo", height: "height", innerRadius: "innerRadius", legendImageUrl: "legendImageUrl", legendShape: "legendShape", linearGradient: "linearGradient", name: "name", neckHeight: "neckHeight", neckWidth: "neckWidth", opacity: "opacity", palettes: "palettes", pointColorMapping: "pointColorMapping", pyramidMode: "pyramidMode", query: "query", radialGradient: "radialGradient", radius: "radius", selectionStyle: "selectionStyle", startAngle: "startAngle", tooltipMappingName: "tooltipMappingName", type: "type", visible: "visible", width: "width", xName: "xName", yName: "yName" }, queries: [{ propertyName: "dataLabel_template", first: true, predicate: ["dataLabelTemplate"], descendants: true }], usesInheritance: true, ngImport: i0 });
-__decorate([
-    Template()
-], AccumulationSeriesDirective.prototype, "dataLabel_template", void 0);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: AccumulationSeriesDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: AccumulationSeriesDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: 'e-accumulation-series-collection>e-accumulation-series',
                     inputs: input$n,
                     outputs: outputs$w,
-                    queries: {}
+                    standalone: true,
+                    queries: {
+                        dataLabel_template: new ContentChild('dataLabelTemplate')
+                    }
                 }]
-        }], ctorParameters: function () { return [{ type: i0.ViewContainerRef }]; }, propDecorators: { dataLabel_template: [{
-                type: ContentChild,
-                args: ['dataLabelTemplate']
-            }] } });
+        }], ctorParameters: () => [{ type: i0.ViewContainerRef }] });
+Template()(AccumulationSeriesDirective.prototype, 'dataLabel_template');
 /**
  * AccumulationSeries Array Directive
  * @private
@@ -1593,18 +1619,19 @@ class AccumulationSeriesCollectionDirective extends ArrayBase {
     constructor() {
         super('series');
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: AccumulationSeriesCollectionDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.0", type: AccumulationSeriesCollectionDirective, isStandalone: true, selector: "ej-accumulationchart>e-accumulation-series-collection", queries: [{ propertyName: "children", predicate: AccumulationSeriesDirective }], usesInheritance: true, ngImport: i0 });
 }
-AccumulationSeriesCollectionDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: AccumulationSeriesCollectionDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-AccumulationSeriesCollectionDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.0.3", type: AccumulationSeriesCollectionDirective, selector: "ej-accumulationchart>e-accumulation-series-collection", queries: [{ propertyName: "children", predicate: AccumulationSeriesDirective }], usesInheritance: true, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: AccumulationSeriesCollectionDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: AccumulationSeriesCollectionDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: 'ej-accumulationchart>e-accumulation-series-collection',
+                    standalone: true,
                     queries: {
                         children: new ContentChildren(AccumulationSeriesDirective)
                     },
                 }]
-        }], ctorParameters: function () { return []; } });
+        }], ctorParameters: () => [] });
 
 let input$m = ['content', 'coordinateUnits', 'description', 'horizontalAlignment', 'region', 'verticalAlignment', 'x', 'y'];
 let outputs$v = [];
@@ -1617,6 +1644,8 @@ let outputs$v = [];
  * ```
  */
 class AccumulationAnnotationDirective extends ComplexBase {
+    viewContainerRef;
+    directivePropList;
     constructor(viewContainerRef) {
         super();
         this.viewContainerRef = viewContainerRef;
@@ -1624,24 +1653,22 @@ class AccumulationAnnotationDirective extends ComplexBase {
         this.registerEvents(outputs$v);
         this.directivePropList = input$m;
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: AccumulationAnnotationDirective, deps: [{ token: i0.ViewContainerRef }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.0", type: AccumulationAnnotationDirective, isStandalone: true, selector: "e-accumulation-annotations>e-accumulation-annotation", inputs: { content: "content", coordinateUnits: "coordinateUnits", description: "description", horizontalAlignment: "horizontalAlignment", region: "region", verticalAlignment: "verticalAlignment", x: "x", y: "y" }, queries: [{ propertyName: "content", first: true, predicate: ["content"], descendants: true }], usesInheritance: true, ngImport: i0 });
 }
-AccumulationAnnotationDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: AccumulationAnnotationDirective, deps: [{ token: i0.ViewContainerRef }], target: i0.ɵɵFactoryTarget.Directive });
-AccumulationAnnotationDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.0.3", type: AccumulationAnnotationDirective, selector: "e-accumulation-annotations>e-accumulation-annotation", inputs: { content: "content", coordinateUnits: "coordinateUnits", description: "description", horizontalAlignment: "horizontalAlignment", region: "region", verticalAlignment: "verticalAlignment", x: "x", y: "y" }, queries: [{ propertyName: "content", first: true, predicate: ["content"], descendants: true }], usesInheritance: true, ngImport: i0 });
-__decorate([
-    Template()
-], AccumulationAnnotationDirective.prototype, "content", void 0);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: AccumulationAnnotationDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: AccumulationAnnotationDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: 'e-accumulation-annotations>e-accumulation-annotation',
                     inputs: input$m,
                     outputs: outputs$v,
-                    queries: {}
+                    standalone: true,
+                    queries: {
+                        content: new ContentChild('content')
+                    }
                 }]
-        }], ctorParameters: function () { return [{ type: i0.ViewContainerRef }]; }, propDecorators: { content: [{
-                type: ContentChild,
-                args: ['content']
-            }] } });
+        }], ctorParameters: () => [{ type: i0.ViewContainerRef }] });
+Template()(AccumulationAnnotationDirective.prototype, 'content');
 /**
  * AccumulationAnnotation Array Directive
  * @private
@@ -1650,18 +1677,19 @@ class AccumulationAnnotationsDirective extends ArrayBase {
     constructor() {
         super('annotations');
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: AccumulationAnnotationsDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.0", type: AccumulationAnnotationsDirective, isStandalone: true, selector: "ej-accumulationchart>e-accumulation-annotations", queries: [{ propertyName: "children", predicate: AccumulationAnnotationDirective }], usesInheritance: true, ngImport: i0 });
 }
-AccumulationAnnotationsDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: AccumulationAnnotationsDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-AccumulationAnnotationsDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.0.3", type: AccumulationAnnotationsDirective, selector: "ej-accumulationchart>e-accumulation-annotations", queries: [{ propertyName: "children", predicate: AccumulationAnnotationDirective }], usesInheritance: true, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: AccumulationAnnotationsDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: AccumulationAnnotationsDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: 'ej-accumulationchart>e-accumulation-annotations',
+                    standalone: true,
                     queries: {
                         children: new ContentChildren(AccumulationAnnotationDirective)
                     },
                 }]
-        }], ctorParameters: function () { return []; } });
+        }], ctorParameters: () => [] });
 
 const inputs$8 = ['accessibility', 'allowExport', 'annotations', 'background', 'backgroundImage', 'border', 'center', 'centerLabel', 'currencyCode', 'dataSource', 'enableAnimation', 'enableBorderOnMouseMove', 'enableExport', 'enableHtmlSanitizer', 'enablePersistence', 'enableRtl', 'enableSmartLabels', 'focusBorderColor', 'focusBorderMargin', 'focusBorderWidth', 'height', 'highlightColor', 'highlightMode', 'highlightPattern', 'isMultiSelect', 'legendSettings', 'locale', 'margin', 'noDataTemplate', 'selectedDataIndexes', 'selectionMode', 'selectionPattern', 'series', 'subTitle', 'subTitleStyle', 'theme', 'title', 'titleStyle', 'tooltip', 'useGroupingSeparator', 'width'];
 const outputs$u = ['afterExport', 'animationComplete', 'annotationRender', 'beforeExport', 'beforePrint', 'beforeResize', 'chartDoubleClick', 'chartMouseClick', 'chartMouseDown', 'chartMouseLeave', 'chartMouseMove', 'chartMouseUp', 'legendClick', 'legendRender', 'load', 'loaded', 'pointClick', 'pointMove', 'pointRender', 'resized', 'selectionComplete', 'seriesRender', 'textRender', 'tooltipRender', 'dataSourceChange'];
@@ -1673,13 +1701,17 @@ const twoWays$8 = ['dataSource'];
  * ```
  */
 let AccumulationChartComponent = class AccumulationChartComponent extends AccumulationChart {
+    ngEle;
+    srenderer;
+    viewContainerRef;
+    injector;
+    tags = ['series', 'annotations'];
     constructor(ngEle, srenderer, viewContainerRef, injector) {
         super();
         this.ngEle = ngEle;
         this.srenderer = srenderer;
         this.viewContainerRef = viewContainerRef;
         this.injector = injector;
-        this.tags = ['series', 'annotations'];
         this.element = this.ngEle.nativeElement;
         this.injectedModules = this.injectedModules || [];
         try {
@@ -1773,19 +1805,13 @@ let AccumulationChartComponent = class AccumulationChartComponent extends Accumu
         }
         this.context.ngAfterContentChecked(this);
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: AccumulationChartComponent, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i0.ViewContainerRef }, { token: i0.Injector }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.0.0", type: AccumulationChartComponent, isStandalone: true, selector: "ejs-accumulationchart", inputs: { accessibility: "accessibility", allowExport: "allowExport", annotations: "annotations", background: "background", backgroundImage: "backgroundImage", border: "border", center: "center", centerLabel: "centerLabel", currencyCode: "currencyCode", dataSource: "dataSource", enableAnimation: "enableAnimation", enableBorderOnMouseMove: "enableBorderOnMouseMove", enableExport: "enableExport", enableHtmlSanitizer: "enableHtmlSanitizer", enablePersistence: "enablePersistence", enableRtl: "enableRtl", enableSmartLabels: "enableSmartLabels", focusBorderColor: "focusBorderColor", focusBorderMargin: "focusBorderMargin", focusBorderWidth: "focusBorderWidth", height: "height", highlightColor: "highlightColor", highlightMode: "highlightMode", highlightPattern: "highlightPattern", isMultiSelect: "isMultiSelect", legendSettings: "legendSettings", locale: "locale", margin: "margin", noDataTemplate: "noDataTemplate", selectedDataIndexes: "selectedDataIndexes", selectionMode: "selectionMode", selectionPattern: "selectionPattern", series: "series", subTitle: "subTitle", subTitleStyle: "subTitleStyle", theme: "theme", title: "title", titleStyle: "titleStyle", tooltip: "tooltip", useGroupingSeparator: "useGroupingSeparator", width: "width" }, outputs: { afterExport: "afterExport", animationComplete: "animationComplete", annotationRender: "annotationRender", beforeExport: "beforeExport", beforePrint: "beforePrint", beforeResize: "beforeResize", chartDoubleClick: "chartDoubleClick", chartMouseClick: "chartMouseClick", chartMouseDown: "chartMouseDown", chartMouseLeave: "chartMouseLeave", chartMouseMove: "chartMouseMove", chartMouseUp: "chartMouseUp", legendClick: "legendClick", legendRender: "legendRender", load: "load", loaded: "loaded", pointClick: "pointClick", pointMove: "pointMove", pointRender: "pointRender", resized: "resized", selectionComplete: "selectionComplete", seriesRender: "seriesRender", textRender: "textRender", tooltipRender: "tooltipRender", dataSourceChange: "dataSourceChange" }, queries: [{ propertyName: "childSeries", first: true, predicate: AccumulationSeriesCollectionDirective, descendants: true }, { propertyName: "childAnnotations", first: true, predicate: AccumulationAnnotationsDirective, descendants: true }, { propertyName: "tooltip_template", first: true, predicate: ["tooltipTemplate"], descendants: true }, { propertyName: "legendSettings_template", first: true, predicate: ["legendSettingsTemplate"], descendants: true }], usesInheritance: true, ngImport: i0, template: '', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 };
-AccumulationChartComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: AccumulationChartComponent, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i0.ViewContainerRef }, { token: i0.Injector }], target: i0.ɵɵFactoryTarget.Component });
-AccumulationChartComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.0.3", type: AccumulationChartComponent, selector: "ejs-accumulationchart", inputs: { accessibility: "accessibility", allowExport: "allowExport", annotations: "annotations", background: "background", backgroundImage: "backgroundImage", border: "border", center: "center", centerLabel: "centerLabel", currencyCode: "currencyCode", dataSource: "dataSource", enableAnimation: "enableAnimation", enableBorderOnMouseMove: "enableBorderOnMouseMove", enableExport: "enableExport", enableHtmlSanitizer: "enableHtmlSanitizer", enablePersistence: "enablePersistence", enableRtl: "enableRtl", enableSmartLabels: "enableSmartLabels", focusBorderColor: "focusBorderColor", focusBorderMargin: "focusBorderMargin", focusBorderWidth: "focusBorderWidth", height: "height", highlightColor: "highlightColor", highlightMode: "highlightMode", highlightPattern: "highlightPattern", isMultiSelect: "isMultiSelect", legendSettings: "legendSettings", locale: "locale", margin: "margin", noDataTemplate: "noDataTemplate", selectedDataIndexes: "selectedDataIndexes", selectionMode: "selectionMode", selectionPattern: "selectionPattern", series: "series", subTitle: "subTitle", subTitleStyle: "subTitleStyle", theme: "theme", title: "title", titleStyle: "titleStyle", tooltip: "tooltip", useGroupingSeparator: "useGroupingSeparator", width: "width" }, outputs: { afterExport: "afterExport", animationComplete: "animationComplete", annotationRender: "annotationRender", beforeExport: "beforeExport", beforePrint: "beforePrint", beforeResize: "beforeResize", chartDoubleClick: "chartDoubleClick", chartMouseClick: "chartMouseClick", chartMouseDown: "chartMouseDown", chartMouseLeave: "chartMouseLeave", chartMouseMove: "chartMouseMove", chartMouseUp: "chartMouseUp", legendClick: "legendClick", legendRender: "legendRender", load: "load", loaded: "loaded", pointClick: "pointClick", pointMove: "pointMove", pointRender: "pointRender", resized: "resized", selectionComplete: "selectionComplete", seriesRender: "seriesRender", textRender: "textRender", tooltipRender: "tooltipRender", dataSourceChange: "dataSourceChange" }, queries: [{ propertyName: "tooltip_template", first: true, predicate: ["tooltipTemplate"], descendants: true }, { propertyName: "legendSettings_template", first: true, predicate: ["legendSettingsTemplate"], descendants: true }, { propertyName: "childSeries", first: true, predicate: AccumulationSeriesCollectionDirective, descendants: true }, { propertyName: "childAnnotations", first: true, predicate: AccumulationAnnotationsDirective, descendants: true }], usesInheritance: true, ngImport: i0, template: '', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
-__decorate([
-    Template()
-], AccumulationChartComponent.prototype, "tooltip_template", void 0);
-__decorate([
-    Template()
-], AccumulationChartComponent.prototype, "legendSettings_template", void 0);
 AccumulationChartComponent = __decorate([
     ComponentMixins([ComponentBase])
 ], AccumulationChartComponent);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: AccumulationChartComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: AccumulationChartComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'ejs-accumulationchart',
@@ -1793,53 +1819,48 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.3", ngImpor
                     outputs: outputs$u,
                     template: '',
                     changeDetection: ChangeDetectionStrategy.OnPush,
+                    standalone: true,
                     queries: {
                         childSeries: new ContentChild(AccumulationSeriesCollectionDirective),
-                        childAnnotations: new ContentChild(AccumulationAnnotationsDirective)
+                        childAnnotations: new ContentChild(AccumulationAnnotationsDirective),
+                        tooltip_template: new ContentChild('tooltipTemplate'),
+                        legendSettings_template: new ContentChild('legendSettingsTemplate')
                     }
                 }]
-        }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.Renderer2 }, { type: i0.ViewContainerRef }, { type: i0.Injector }]; }, propDecorators: { tooltip_template: [{
-                type: ContentChild,
-                args: ['tooltipTemplate']
-            }], legendSettings_template: [{
-                type: ContentChild,
-                args: ['legendSettingsTemplate']
-            }] } });
+        }], ctorParameters: () => [{ type: i0.ElementRef }, { type: i0.Renderer2 }, { type: i0.ViewContainerRef }, { type: i0.Injector }] });
+Template()(AccumulationChartComponent.prototype, 'tooltip_template');
+Template()(AccumulationChartComponent.prototype, 'legendSettings_template');
 
+const ACCUMULATIONCHART_DIRECTIVES = [
+    AccumulationChartComponent,
+    AccumulationSeriesDirective,
+    AccumulationSeriesCollectionDirective,
+    AccumulationAnnotationDirective,
+    AccumulationAnnotationsDirective
+];
 /**
  * NgModule definition for the AccumulationChart component.
+ * Re-exports standalone AccumulationChart component and directives so existing apps can keep using:
+ * `imports: [AccumulationChartModule]`
  */
 class AccumulationChartModule {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: AccumulationChartModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "22.0.0", ngImport: i0, type: AccumulationChartModule, imports: [CommonModule, AccumulationChartComponent,
+            AccumulationSeriesDirective,
+            AccumulationSeriesCollectionDirective,
+            AccumulationAnnotationDirective,
+            AccumulationAnnotationsDirective], exports: [AccumulationChartComponent,
+            AccumulationSeriesDirective,
+            AccumulationSeriesCollectionDirective,
+            AccumulationAnnotationDirective,
+            AccumulationAnnotationsDirective] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: AccumulationChartModule, imports: [CommonModule] });
 }
-AccumulationChartModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: AccumulationChartModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-AccumulationChartModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: AccumulationChartModule, declarations: [AccumulationChartComponent,
-        AccumulationSeriesDirective,
-        AccumulationSeriesCollectionDirective,
-        AccumulationAnnotationDirective,
-        AccumulationAnnotationsDirective], imports: [CommonModule], exports: [AccumulationChartComponent,
-        AccumulationSeriesDirective,
-        AccumulationSeriesCollectionDirective,
-        AccumulationAnnotationDirective,
-        AccumulationAnnotationsDirective] });
-AccumulationChartModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: AccumulationChartModule, imports: [[CommonModule]] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: AccumulationChartModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: AccumulationChartModule, decorators: [{
             type: NgModule,
             args: [{
-                    imports: [CommonModule],
-                    declarations: [
-                        AccumulationChartComponent,
-                        AccumulationSeriesDirective,
-                        AccumulationSeriesCollectionDirective,
-                        AccumulationAnnotationDirective,
-                        AccumulationAnnotationsDirective
-                    ],
-                    exports: [
-                        AccumulationChartComponent,
-                        AccumulationSeriesDirective,
-                        AccumulationSeriesCollectionDirective,
-                        AccumulationAnnotationDirective,
-                        AccumulationAnnotationsDirective
-                    ]
+                    imports: [CommonModule, ...ACCUMULATIONCHART_DIRECTIVES],
+                    exports: [...ACCUMULATIONCHART_DIRECTIVES]
                 }]
         }] });
 
@@ -1856,21 +1877,21 @@ const AccumulationAnnotationService = { provide: 'ChartsAccumulationAnnotation',
  * NgModule definition for the AccumulationChart component with providers.
  */
 class AccumulationChartAllModule {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: AccumulationChartAllModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "22.0.0", ngImport: i0, type: AccumulationChartAllModule, imports: [CommonModule, AccumulationChartModule], exports: [AccumulationChartModule] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: AccumulationChartAllModule, providers: [
+            PieSeriesService,
+            FunnelSeriesService,
+            PyramidSeriesService,
+            AccumulationTooltipService,
+            AccumulationLegendService,
+            AccumulationSelectionService,
+            AccumulationHighlightService,
+            AccumulationDataLabelService,
+            AccumulationAnnotationService
+        ], imports: [CommonModule, AccumulationChartModule, AccumulationChartModule] });
 }
-AccumulationChartAllModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: AccumulationChartAllModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-AccumulationChartAllModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: AccumulationChartAllModule, imports: [CommonModule, AccumulationChartModule], exports: [AccumulationChartModule] });
-AccumulationChartAllModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: AccumulationChartAllModule, providers: [
-        PieSeriesService,
-        FunnelSeriesService,
-        PyramidSeriesService,
-        AccumulationTooltipService,
-        AccumulationLegendService,
-        AccumulationSelectionService,
-        AccumulationHighlightService,
-        AccumulationDataLabelService,
-        AccumulationAnnotationService
-    ], imports: [[CommonModule, AccumulationChartModule], AccumulationChartModule] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: AccumulationChartAllModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: AccumulationChartAllModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [CommonModule, AccumulationChartModule],
@@ -1902,6 +1923,8 @@ let outputs$t = [];
  * ```
  */
 class RangenavigatorSeriesDirective extends ComplexBase {
+    viewContainerRef;
+    directivePropList;
     constructor(viewContainerRef) {
         super();
         this.viewContainerRef = viewContainerRef;
@@ -1909,18 +1932,19 @@ class RangenavigatorSeriesDirective extends ComplexBase {
         this.registerEvents(outputs$t);
         this.directivePropList = input$l;
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: RangenavigatorSeriesDirective, deps: [{ token: i0.ViewContainerRef }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.0", type: RangenavigatorSeriesDirective, isStandalone: true, selector: "e-rangenavigator-series-collection>e-rangenavigator-series", inputs: { animation: "animation", border: "border", dashArray: "dashArray", dataSource: "dataSource", fill: "fill", opacity: "opacity", query: "query", type: "type", width: "width", xName: "xName", yName: "yName" }, usesInheritance: true, ngImport: i0 });
 }
-RangenavigatorSeriesDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: RangenavigatorSeriesDirective, deps: [{ token: i0.ViewContainerRef }], target: i0.ɵɵFactoryTarget.Directive });
-RangenavigatorSeriesDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.0.3", type: RangenavigatorSeriesDirective, selector: "e-rangenavigator-series-collection>e-rangenavigator-series", inputs: { animation: "animation", border: "border", dashArray: "dashArray", dataSource: "dataSource", fill: "fill", opacity: "opacity", query: "query", type: "type", width: "width", xName: "xName", yName: "yName" }, usesInheritance: true, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: RangenavigatorSeriesDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: RangenavigatorSeriesDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: 'e-rangenavigator-series-collection>e-rangenavigator-series',
                     inputs: input$l,
                     outputs: outputs$t,
+                    standalone: true,
                     queries: {}
                 }]
-        }], ctorParameters: function () { return [{ type: i0.ViewContainerRef }]; } });
+        }], ctorParameters: () => [{ type: i0.ViewContainerRef }] });
 /**
  * RangenavigatorSeries Array Directive
  * @private
@@ -1929,18 +1953,19 @@ class RangenavigatorSeriesCollectionDirective extends ArrayBase {
     constructor() {
         super('series');
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: RangenavigatorSeriesCollectionDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.0", type: RangenavigatorSeriesCollectionDirective, isStandalone: true, selector: "ej-rangenavigator>e-rangenavigator-series-collection", queries: [{ propertyName: "children", predicate: RangenavigatorSeriesDirective }], usesInheritance: true, ngImport: i0 });
 }
-RangenavigatorSeriesCollectionDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: RangenavigatorSeriesCollectionDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-RangenavigatorSeriesCollectionDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.0.3", type: RangenavigatorSeriesCollectionDirective, selector: "ej-rangenavigator>e-rangenavigator-series-collection", queries: [{ propertyName: "children", predicate: RangenavigatorSeriesDirective }], usesInheritance: true, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: RangenavigatorSeriesCollectionDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: RangenavigatorSeriesCollectionDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: 'ej-rangenavigator>e-rangenavigator-series-collection',
+                    standalone: true,
                     queries: {
                         children: new ContentChildren(RangenavigatorSeriesDirective)
                     },
                 }]
-        }], ctorParameters: function () { return []; } });
+        }], ctorParameters: () => [] });
 
 const inputs$7 = ['allowIntervalData', 'allowSnapping', 'animationDuration', 'background', 'dataSource', 'disableRangeSelector', 'enableDeferredUpdate', 'enableGrouping', 'enablePersistence', 'enableRtl', 'groupBy', 'height', 'interval', 'intervalType', 'labelFormat', 'labelIntersectAction', 'labelPlacement', 'labelPosition', 'labelStyle', 'locale', 'logBase', 'majorGridLines', 'majorTickLines', 'margin', 'maximum', 'minimum', 'navigatorBorder', 'navigatorStyleSettings', 'periodSelectorSettings', 'query', 'secondaryLabelAlignment', 'series', 'skeleton', 'skeletonType', 'theme', 'tickPosition', 'tooltip', 'useGroupingSeparator', 'value', 'valueType', 'width', 'xName', 'yName'];
 const outputs$s = ['beforePrint', 'beforeResize', 'changed', 'labelRender', 'load', 'loaded', 'resized', 'selectorRender', 'tooltipRender', 'dataSourceChange'];
@@ -1952,13 +1977,17 @@ const twoWays$7 = ['dataSource'];
  * ```
  */
 let RangeNavigatorComponent = class RangeNavigatorComponent extends RangeNavigator {
+    ngEle;
+    srenderer;
+    viewContainerRef;
+    injector;
+    tags = ['series'];
     constructor(ngEle, srenderer, viewContainerRef, injector) {
         super();
         this.ngEle = ngEle;
         this.srenderer = srenderer;
         this.viewContainerRef = viewContainerRef;
         this.injector = injector;
-        this.tags = ['series'];
         this.element = this.ngEle.nativeElement;
         this.injectedModules = this.injectedModules || [];
         try {
@@ -2035,16 +2064,13 @@ let RangeNavigatorComponent = class RangeNavigatorComponent extends RangeNavigat
         this.tagObjects[0].instance = this.childSeries;
         this.context.ngAfterContentChecked(this);
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: RangeNavigatorComponent, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i0.ViewContainerRef }, { token: i0.Injector }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.0.0", type: RangeNavigatorComponent, isStandalone: true, selector: "ejs-rangenavigator", inputs: { allowIntervalData: "allowIntervalData", allowSnapping: "allowSnapping", animationDuration: "animationDuration", background: "background", dataSource: "dataSource", disableRangeSelector: "disableRangeSelector", enableDeferredUpdate: "enableDeferredUpdate", enableGrouping: "enableGrouping", enablePersistence: "enablePersistence", enableRtl: "enableRtl", groupBy: "groupBy", height: "height", interval: "interval", intervalType: "intervalType", labelFormat: "labelFormat", labelIntersectAction: "labelIntersectAction", labelPlacement: "labelPlacement", labelPosition: "labelPosition", labelStyle: "labelStyle", locale: "locale", logBase: "logBase", majorGridLines: "majorGridLines", majorTickLines: "majorTickLines", margin: "margin", maximum: "maximum", minimum: "minimum", navigatorBorder: "navigatorBorder", navigatorStyleSettings: "navigatorStyleSettings", periodSelectorSettings: "periodSelectorSettings", query: "query", secondaryLabelAlignment: "secondaryLabelAlignment", series: "series", skeleton: "skeleton", skeletonType: "skeletonType", theme: "theme", tickPosition: "tickPosition", tooltip: "tooltip", useGroupingSeparator: "useGroupingSeparator", value: "value", valueType: "valueType", width: "width", xName: "xName", yName: "yName" }, outputs: { beforePrint: "beforePrint", beforeResize: "beforeResize", changed: "changed", labelRender: "labelRender", load: "load", loaded: "loaded", resized: "resized", selectorRender: "selectorRender", tooltipRender: "tooltipRender", dataSourceChange: "dataSourceChange" }, queries: [{ propertyName: "childSeries", first: true, predicate: RangenavigatorSeriesCollectionDirective, descendants: true }, { propertyName: "tooltip_template", first: true, predicate: ["tooltipTemplate"], descendants: true }], usesInheritance: true, ngImport: i0, template: '', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 };
-RangeNavigatorComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: RangeNavigatorComponent, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i0.ViewContainerRef }, { token: i0.Injector }], target: i0.ɵɵFactoryTarget.Component });
-RangeNavigatorComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.0.3", type: RangeNavigatorComponent, selector: "ejs-rangenavigator", inputs: { allowIntervalData: "allowIntervalData", allowSnapping: "allowSnapping", animationDuration: "animationDuration", background: "background", dataSource: "dataSource", disableRangeSelector: "disableRangeSelector", enableDeferredUpdate: "enableDeferredUpdate", enableGrouping: "enableGrouping", enablePersistence: "enablePersistence", enableRtl: "enableRtl", groupBy: "groupBy", height: "height", interval: "interval", intervalType: "intervalType", labelFormat: "labelFormat", labelIntersectAction: "labelIntersectAction", labelPlacement: "labelPlacement", labelPosition: "labelPosition", labelStyle: "labelStyle", locale: "locale", logBase: "logBase", majorGridLines: "majorGridLines", majorTickLines: "majorTickLines", margin: "margin", maximum: "maximum", minimum: "minimum", navigatorBorder: "navigatorBorder", navigatorStyleSettings: "navigatorStyleSettings", periodSelectorSettings: "periodSelectorSettings", query: "query", secondaryLabelAlignment: "secondaryLabelAlignment", series: "series", skeleton: "skeleton", skeletonType: "skeletonType", theme: "theme", tickPosition: "tickPosition", tooltip: "tooltip", useGroupingSeparator: "useGroupingSeparator", value: "value", valueType: "valueType", width: "width", xName: "xName", yName: "yName" }, outputs: { beforePrint: "beforePrint", beforeResize: "beforeResize", changed: "changed", labelRender: "labelRender", load: "load", loaded: "loaded", resized: "resized", selectorRender: "selectorRender", tooltipRender: "tooltipRender", dataSourceChange: "dataSourceChange" }, queries: [{ propertyName: "tooltip_template", first: true, predicate: ["tooltipTemplate"], descendants: true }, { propertyName: "childSeries", first: true, predicate: RangenavigatorSeriesCollectionDirective, descendants: true }], usesInheritance: true, ngImport: i0, template: '', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
-__decorate([
-    Template()
-], RangeNavigatorComponent.prototype, "tooltip_template", void 0);
 RangeNavigatorComponent = __decorate([
     ComponentMixins([ComponentBase])
 ], RangeNavigatorComponent);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: RangeNavigatorComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: RangeNavigatorComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'ejs-rangenavigator',
@@ -2052,41 +2078,39 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.3", ngImpor
                     outputs: outputs$s,
                     template: '',
                     changeDetection: ChangeDetectionStrategy.OnPush,
+                    standalone: true,
                     queries: {
-                        childSeries: new ContentChild(RangenavigatorSeriesCollectionDirective)
+                        childSeries: new ContentChild(RangenavigatorSeriesCollectionDirective),
+                        tooltip_template: new ContentChild('tooltipTemplate')
                     }
                 }]
-        }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.Renderer2 }, { type: i0.ViewContainerRef }, { type: i0.Injector }]; }, propDecorators: { tooltip_template: [{
-                type: ContentChild,
-                args: ['tooltipTemplate']
-            }] } });
+        }], ctorParameters: () => [{ type: i0.ElementRef }, { type: i0.Renderer2 }, { type: i0.ViewContainerRef }, { type: i0.Injector }] });
+Template()(RangeNavigatorComponent.prototype, 'tooltip_template');
 
+const RANGENAVIGATOR_DIRECTIVES = [
+    RangeNavigatorComponent,
+    RangenavigatorSeriesDirective,
+    RangenavigatorSeriesCollectionDirective
+];
 /**
  * NgModule definition for the RangeNavigator component.
+ * Re-exports standalone RangeNavigator component and directives so existing apps can keep using:
+ * `imports: [RangeNavigatorModule]`
  */
 class RangeNavigatorModule {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: RangeNavigatorModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "22.0.0", ngImport: i0, type: RangeNavigatorModule, imports: [CommonModule, RangeNavigatorComponent,
+            RangenavigatorSeriesDirective,
+            RangenavigatorSeriesCollectionDirective], exports: [RangeNavigatorComponent,
+            RangenavigatorSeriesDirective,
+            RangenavigatorSeriesCollectionDirective] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: RangeNavigatorModule, imports: [CommonModule] });
 }
-RangeNavigatorModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: RangeNavigatorModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-RangeNavigatorModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: RangeNavigatorModule, declarations: [RangeNavigatorComponent,
-        RangenavigatorSeriesDirective,
-        RangenavigatorSeriesCollectionDirective], imports: [CommonModule], exports: [RangeNavigatorComponent,
-        RangenavigatorSeriesDirective,
-        RangenavigatorSeriesCollectionDirective] });
-RangeNavigatorModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: RangeNavigatorModule, imports: [[CommonModule]] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: RangeNavigatorModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: RangeNavigatorModule, decorators: [{
             type: NgModule,
             args: [{
-                    imports: [CommonModule],
-                    declarations: [
-                        RangeNavigatorComponent,
-                        RangenavigatorSeriesDirective,
-                        RangenavigatorSeriesCollectionDirective
-                    ],
-                    exports: [
-                        RangeNavigatorComponent,
-                        RangenavigatorSeriesDirective,
-                        RangenavigatorSeriesCollectionDirective
-                    ]
+                    imports: [CommonModule, ...RANGENAVIGATOR_DIRECTIVES],
+                    exports: [...RANGENAVIGATOR_DIRECTIVES]
                 }]
         }] });
 
@@ -2096,14 +2120,14 @@ const PeriodSelectorService = { provide: 'ChartsPeriodSelector', useValue: Perio
  * NgModule definition for the RangeNavigator component with providers.
  */
 class RangeNavigatorAllModule {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: RangeNavigatorAllModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "22.0.0", ngImport: i0, type: RangeNavigatorAllModule, imports: [CommonModule, RangeNavigatorModule], exports: [RangeNavigatorModule] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: RangeNavigatorAllModule, providers: [
+            RangeTooltipService,
+            PeriodSelectorService
+        ], imports: [CommonModule, RangeNavigatorModule, RangeNavigatorModule] });
 }
-RangeNavigatorAllModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: RangeNavigatorAllModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-RangeNavigatorAllModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: RangeNavigatorAllModule, imports: [CommonModule, RangeNavigatorModule], exports: [RangeNavigatorModule] });
-RangeNavigatorAllModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: RangeNavigatorAllModule, providers: [
-        RangeTooltipService,
-        PeriodSelectorService
-    ], imports: [[CommonModule, RangeNavigatorModule], RangeNavigatorModule] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: RangeNavigatorAllModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: RangeNavigatorAllModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [CommonModule, RangeNavigatorModule],
@@ -2120,6 +2144,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.3", ngImpor
 let input$k = ['color', 'endRange', 'opacity', 'startRange'];
 let outputs$r = [];
 class RangeBandSettingDirective extends ComplexBase {
+    viewContainerRef;
+    directivePropList;
     constructor(viewContainerRef) {
         super();
         this.viewContainerRef = viewContainerRef;
@@ -2127,18 +2153,19 @@ class RangeBandSettingDirective extends ComplexBase {
         this.registerEvents(outputs$r);
         this.directivePropList = input$k;
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: RangeBandSettingDirective, deps: [{ token: i0.ViewContainerRef }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.0", type: RangeBandSettingDirective, isStandalone: true, selector: "e-rangeBandSettings>e-rangeBandSetting", inputs: { color: "color", endRange: "endRange", opacity: "opacity", startRange: "startRange" }, usesInheritance: true, ngImport: i0 });
 }
-RangeBandSettingDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: RangeBandSettingDirective, deps: [{ token: i0.ViewContainerRef }], target: i0.ɵɵFactoryTarget.Directive });
-RangeBandSettingDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.0.3", type: RangeBandSettingDirective, selector: "e-rangeBandSettings>e-rangeBandSetting", inputs: { color: "color", endRange: "endRange", opacity: "opacity", startRange: "startRange" }, usesInheritance: true, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: RangeBandSettingDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: RangeBandSettingDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: 'e-rangeBandSettings>e-rangeBandSetting',
                     inputs: input$k,
                     outputs: outputs$r,
+                    standalone: true,
                     queries: {}
                 }]
-        }], ctorParameters: function () { return [{ type: i0.ViewContainerRef }]; } });
+        }], ctorParameters: () => [{ type: i0.ViewContainerRef }] });
 /**
  * RangeBandSetting Array Directive
  * @private
@@ -2147,18 +2174,19 @@ class RangeBandSettingsDirective extends ArrayBase {
     constructor() {
         super('rangebandsettings');
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: RangeBandSettingsDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.0", type: RangeBandSettingsDirective, isStandalone: true, selector: "ejs-sparkline>e-rangeBandSettings", queries: [{ propertyName: "children", predicate: RangeBandSettingDirective }], usesInheritance: true, ngImport: i0 });
 }
-RangeBandSettingsDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: RangeBandSettingsDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-RangeBandSettingsDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.0.3", type: RangeBandSettingsDirective, selector: "ejs-sparkline>e-rangeBandSettings", queries: [{ propertyName: "children", predicate: RangeBandSettingDirective }], usesInheritance: true, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: RangeBandSettingsDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: RangeBandSettingsDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: 'ejs-sparkline>e-rangeBandSettings',
+                    standalone: true,
                     queries: {
                         children: new ContentChildren(RangeBandSettingDirective)
                     },
                 }]
-        }], ctorParameters: function () { return []; } });
+        }], ctorParameters: () => [] });
 
 const inputs$6 = ['axisSettings', 'border', 'containerArea', 'dataLabelSettings', 'dataSource', 'enablePersistence', 'enableRtl', 'endPointColor', 'fill', 'format', 'height', 'highPointColor', 'lineWidth', 'locale', 'lowPointColor', 'markerSettings', 'negativePointColor', 'opacity', 'padding', 'palette', 'query', 'rangeBandSettings', 'rangePadding', 'startPointColor', 'theme', 'tiePointColor', 'tooltipSettings', 'type', 'useGroupingSeparator', 'valueType', 'width', 'xName', 'yName'];
 const outputs$q = ['axisRendering', 'dataLabelRendering', 'load', 'loaded', 'markerRendering', 'pointRegionMouseClick', 'pointRegionMouseMove', 'pointRendering', 'resize', 'seriesRendering', 'sparklineMouseClick', 'sparklineMouseMove', 'tooltipInitialize'];
@@ -2170,13 +2198,17 @@ const twoWays$6 = [''];
  * ```
  */
 let SparklineComponent = class SparklineComponent extends Sparkline {
+    ngEle;
+    srenderer;
+    viewContainerRef;
+    injector;
+    tags = ['rangeBandSettings'];
     constructor(ngEle, srenderer, viewContainerRef, injector) {
         super();
         this.ngEle = ngEle;
         this.srenderer = srenderer;
         this.viewContainerRef = viewContainerRef;
         this.injector = injector;
-        this.tags = ['rangeBandSettings'];
         this.element = this.ngEle.nativeElement;
         this.injectedModules = this.injectedModules || [];
         try {
@@ -2204,13 +2236,13 @@ let SparklineComponent = class SparklineComponent extends Sparkline {
         this.tagObjects[0].instance = this.childRangeBandSettings;
         this.context.ngAfterContentChecked(this);
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: SparklineComponent, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i0.ViewContainerRef }, { token: i0.Injector }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.0.0", type: SparklineComponent, isStandalone: true, selector: "ejs-sparkline", inputs: { axisSettings: "axisSettings", border: "border", containerArea: "containerArea", dataLabelSettings: "dataLabelSettings", dataSource: "dataSource", enablePersistence: "enablePersistence", enableRtl: "enableRtl", endPointColor: "endPointColor", fill: "fill", format: "format", height: "height", highPointColor: "highPointColor", lineWidth: "lineWidth", locale: "locale", lowPointColor: "lowPointColor", markerSettings: "markerSettings", negativePointColor: "negativePointColor", opacity: "opacity", padding: "padding", palette: "palette", query: "query", rangeBandSettings: "rangeBandSettings", rangePadding: "rangePadding", startPointColor: "startPointColor", theme: "theme", tiePointColor: "tiePointColor", tooltipSettings: "tooltipSettings", type: "type", useGroupingSeparator: "useGroupingSeparator", valueType: "valueType", width: "width", xName: "xName", yName: "yName" }, outputs: { axisRendering: "axisRendering", dataLabelRendering: "dataLabelRendering", load: "load", loaded: "loaded", markerRendering: "markerRendering", pointRegionMouseClick: "pointRegionMouseClick", pointRegionMouseMove: "pointRegionMouseMove", pointRendering: "pointRendering", resize: "resize", seriesRendering: "seriesRendering", sparklineMouseClick: "sparklineMouseClick", sparklineMouseMove: "sparklineMouseMove", tooltipInitialize: "tooltipInitialize" }, queries: [{ propertyName: "childRangeBandSettings", first: true, predicate: RangeBandSettingsDirective, descendants: true }], usesInheritance: true, ngImport: i0, template: '', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 };
-SparklineComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: SparklineComponent, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i0.ViewContainerRef }, { token: i0.Injector }], target: i0.ɵɵFactoryTarget.Component });
-SparklineComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.0.3", type: SparklineComponent, selector: "ejs-sparkline", inputs: { axisSettings: "axisSettings", border: "border", containerArea: "containerArea", dataLabelSettings: "dataLabelSettings", dataSource: "dataSource", enablePersistence: "enablePersistence", enableRtl: "enableRtl", endPointColor: "endPointColor", fill: "fill", format: "format", height: "height", highPointColor: "highPointColor", lineWidth: "lineWidth", locale: "locale", lowPointColor: "lowPointColor", markerSettings: "markerSettings", negativePointColor: "negativePointColor", opacity: "opacity", padding: "padding", palette: "palette", query: "query", rangeBandSettings: "rangeBandSettings", rangePadding: "rangePadding", startPointColor: "startPointColor", theme: "theme", tiePointColor: "tiePointColor", tooltipSettings: "tooltipSettings", type: "type", useGroupingSeparator: "useGroupingSeparator", valueType: "valueType", width: "width", xName: "xName", yName: "yName" }, outputs: { axisRendering: "axisRendering", dataLabelRendering: "dataLabelRendering", load: "load", loaded: "loaded", markerRendering: "markerRendering", pointRegionMouseClick: "pointRegionMouseClick", pointRegionMouseMove: "pointRegionMouseMove", pointRendering: "pointRendering", resize: "resize", seriesRendering: "seriesRendering", sparklineMouseClick: "sparklineMouseClick", sparklineMouseMove: "sparklineMouseMove", tooltipInitialize: "tooltipInitialize" }, queries: [{ propertyName: "childRangeBandSettings", first: true, predicate: RangeBandSettingsDirective, descendants: true }], usesInheritance: true, ngImport: i0, template: '', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 SparklineComponent = __decorate([
     ComponentMixins([ComponentBase])
 ], SparklineComponent);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: SparklineComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: SparklineComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'ejs-sparkline',
@@ -2218,38 +2250,37 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.3", ngImpor
                     outputs: outputs$q,
                     template: '',
                     changeDetection: ChangeDetectionStrategy.OnPush,
+                    standalone: true,
                     queries: {
                         childRangeBandSettings: new ContentChild(RangeBandSettingsDirective)
                     }
                 }]
-        }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.Renderer2 }, { type: i0.ViewContainerRef }, { type: i0.Injector }]; } });
+        }], ctorParameters: () => [{ type: i0.ElementRef }, { type: i0.Renderer2 }, { type: i0.ViewContainerRef }, { type: i0.Injector }] });
 
+const SPARKLINE_DIRECTIVES = [
+    SparklineComponent,
+    RangeBandSettingDirective,
+    RangeBandSettingsDirective
+];
 /**
  * NgModule definition for the Sparkline component.
+ * Re-exports standalone Sparkline component and directives so existing apps can keep using:
+ * `imports: [SparklineModule]`
  */
 class SparklineModule {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: SparklineModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "22.0.0", ngImport: i0, type: SparklineModule, imports: [CommonModule, SparklineComponent,
+            RangeBandSettingDirective,
+            RangeBandSettingsDirective], exports: [SparklineComponent,
+            RangeBandSettingDirective,
+            RangeBandSettingsDirective] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: SparklineModule, imports: [CommonModule] });
 }
-SparklineModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: SparklineModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-SparklineModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: SparklineModule, declarations: [SparklineComponent,
-        RangeBandSettingDirective,
-        RangeBandSettingsDirective], imports: [CommonModule], exports: [SparklineComponent,
-        RangeBandSettingDirective,
-        RangeBandSettingsDirective] });
-SparklineModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: SparklineModule, imports: [[CommonModule]] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: SparklineModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: SparklineModule, decorators: [{
             type: NgModule,
             args: [{
-                    imports: [CommonModule],
-                    declarations: [
-                        SparklineComponent,
-                        RangeBandSettingDirective,
-                        RangeBandSettingsDirective
-                    ],
-                    exports: [
-                        SparklineComponent,
-                        RangeBandSettingDirective,
-                        RangeBandSettingsDirective
-                    ]
+                    imports: [CommonModule, ...SPARKLINE_DIRECTIVES],
+                    exports: [...SPARKLINE_DIRECTIVES]
                 }]
         }] });
 
@@ -2258,13 +2289,13 @@ const SparklineTooltipService = { provide: 'ChartsSparklineTooltip', useValue: S
  * NgModule definition for the Sparkline component with providers.
  */
 class SparklineAllModule {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: SparklineAllModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "22.0.0", ngImport: i0, type: SparklineAllModule, imports: [CommonModule, SparklineModule], exports: [SparklineModule] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: SparklineAllModule, providers: [
+            SparklineTooltipService
+        ], imports: [CommonModule, SparklineModule, SparklineModule] });
 }
-SparklineAllModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: SparklineAllModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-SparklineAllModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: SparklineAllModule, imports: [CommonModule, SparklineModule], exports: [SparklineModule] });
-SparklineAllModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: SparklineAllModule, providers: [
-        SparklineTooltipService
-    ], imports: [[CommonModule, SparklineModule], SparklineModule] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: SparklineAllModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: SparklineAllModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [CommonModule, SparklineModule],
@@ -2280,6 +2311,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.3", ngImpor
 let input$j = ['animationDuration', 'dataSource', 'enableAnimation', 'enableSmartLabels', 'fill', 'marker', 'name', 'opacity', 'points', 'reactance', 'resistance', 'tooltip', 'tooltipMappingName', 'visibility', 'width'];
 let outputs$p = [];
 class SmithchartSeriesDirective extends ComplexBase {
+    viewContainerRef;
+    directivePropList;
     constructor(viewContainerRef) {
         super();
         this.viewContainerRef = viewContainerRef;
@@ -2287,18 +2320,19 @@ class SmithchartSeriesDirective extends ComplexBase {
         this.registerEvents(outputs$p);
         this.directivePropList = input$j;
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: SmithchartSeriesDirective, deps: [{ token: i0.ViewContainerRef }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.0", type: SmithchartSeriesDirective, isStandalone: true, selector: "e-seriesCollection>e-series", inputs: { animationDuration: "animationDuration", dataSource: "dataSource", enableAnimation: "enableAnimation", enableSmartLabels: "enableSmartLabels", fill: "fill", marker: "marker", name: "name", opacity: "opacity", points: "points", reactance: "reactance", resistance: "resistance", tooltip: "tooltip", tooltipMappingName: "tooltipMappingName", visibility: "visibility", width: "width" }, usesInheritance: true, ngImport: i0 });
 }
-SmithchartSeriesDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: SmithchartSeriesDirective, deps: [{ token: i0.ViewContainerRef }], target: i0.ɵɵFactoryTarget.Directive });
-SmithchartSeriesDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.0.3", type: SmithchartSeriesDirective, selector: "e-seriesCollection>e-series", inputs: { animationDuration: "animationDuration", dataSource: "dataSource", enableAnimation: "enableAnimation", enableSmartLabels: "enableSmartLabels", fill: "fill", marker: "marker", name: "name", opacity: "opacity", points: "points", reactance: "reactance", resistance: "resistance", tooltip: "tooltip", tooltipMappingName: "tooltipMappingName", visibility: "visibility", width: "width" }, usesInheritance: true, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: SmithchartSeriesDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: SmithchartSeriesDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: 'e-seriesCollection>e-series',
                     inputs: input$j,
                     outputs: outputs$p,
+                    standalone: true,
                     queries: {}
                 }]
-        }], ctorParameters: function () { return [{ type: i0.ViewContainerRef }]; } });
+        }], ctorParameters: () => [{ type: i0.ViewContainerRef }] });
 /**
  * SmithchartSeries Array Directive
  * @private
@@ -2307,18 +2341,19 @@ class SmithchartSeriesCollectionDirective extends ArrayBase {
     constructor() {
         super('series');
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: SmithchartSeriesCollectionDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.0", type: SmithchartSeriesCollectionDirective, isStandalone: true, selector: "ejs-smithchart>e-seriesCollection", queries: [{ propertyName: "children", predicate: SmithchartSeriesDirective }], usesInheritance: true, ngImport: i0 });
 }
-SmithchartSeriesCollectionDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: SmithchartSeriesCollectionDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-SmithchartSeriesCollectionDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.0.3", type: SmithchartSeriesCollectionDirective, selector: "ejs-smithchart>e-seriesCollection", queries: [{ propertyName: "children", predicate: SmithchartSeriesDirective }], usesInheritance: true, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: SmithchartSeriesCollectionDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: SmithchartSeriesCollectionDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: 'ejs-smithchart>e-seriesCollection',
+                    standalone: true,
                     queries: {
                         children: new ContentChildren(SmithchartSeriesDirective)
                     },
                 }]
-        }], ctorParameters: function () { return []; } });
+        }], ctorParameters: () => [] });
 
 const inputs$5 = ['background', 'border', 'elementSpacing', 'enablePersistence', 'enableRtl', 'font', 'height', 'horizontalAxis', 'legendSettings', 'locale', 'margin', 'radialAxis', 'radius', 'renderType', 'series', 'theme', 'title', 'width'];
 const outputs$o = ['animationComplete', 'axisLabelRender', 'beforePrint', 'legendRender', 'load', 'loaded', 'seriesRender', 'subtitleRender', 'textRender', 'titleRender', 'tooltipRender'];
@@ -2330,13 +2365,17 @@ const twoWays$5 = [''];
  * ```
  */
 let SmithchartComponent = class SmithchartComponent extends Smithchart {
+    ngEle;
+    srenderer;
+    viewContainerRef;
+    injector;
+    tags = ['series'];
     constructor(ngEle, srenderer, viewContainerRef, injector) {
         super();
         this.ngEle = ngEle;
         this.srenderer = srenderer;
         this.viewContainerRef = viewContainerRef;
         this.injector = injector;
-        this.tags = ['series'];
         this.element = this.ngEle.nativeElement;
         this.injectedModules = this.injectedModules || [];
         try {
@@ -2371,13 +2410,13 @@ let SmithchartComponent = class SmithchartComponent extends Smithchart {
         this.tagObjects[0].instance = this.childSeries;
         this.context.ngAfterContentChecked(this);
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: SmithchartComponent, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i0.ViewContainerRef }, { token: i0.Injector }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.0.0", type: SmithchartComponent, isStandalone: true, selector: "ejs-smithchart", inputs: { background: "background", border: "border", elementSpacing: "elementSpacing", enablePersistence: "enablePersistence", enableRtl: "enableRtl", font: "font", height: "height", horizontalAxis: "horizontalAxis", legendSettings: "legendSettings", locale: "locale", margin: "margin", radialAxis: "radialAxis", radius: "radius", renderType: "renderType", series: "series", theme: "theme", title: "title", width: "width" }, outputs: { animationComplete: "animationComplete", axisLabelRender: "axisLabelRender", beforePrint: "beforePrint", legendRender: "legendRender", load: "load", loaded: "loaded", seriesRender: "seriesRender", subtitleRender: "subtitleRender", textRender: "textRender", titleRender: "titleRender", tooltipRender: "tooltipRender" }, queries: [{ propertyName: "childSeries", first: true, predicate: SmithchartSeriesCollectionDirective, descendants: true }], usesInheritance: true, ngImport: i0, template: '', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 };
-SmithchartComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: SmithchartComponent, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i0.ViewContainerRef }, { token: i0.Injector }], target: i0.ɵɵFactoryTarget.Component });
-SmithchartComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.0.3", type: SmithchartComponent, selector: "ejs-smithchart", inputs: { background: "background", border: "border", elementSpacing: "elementSpacing", enablePersistence: "enablePersistence", enableRtl: "enableRtl", font: "font", height: "height", horizontalAxis: "horizontalAxis", legendSettings: "legendSettings", locale: "locale", margin: "margin", radialAxis: "radialAxis", radius: "radius", renderType: "renderType", series: "series", theme: "theme", title: "title", width: "width" }, outputs: { animationComplete: "animationComplete", axisLabelRender: "axisLabelRender", beforePrint: "beforePrint", legendRender: "legendRender", load: "load", loaded: "loaded", seriesRender: "seriesRender", subtitleRender: "subtitleRender", textRender: "textRender", titleRender: "titleRender", tooltipRender: "tooltipRender" }, queries: [{ propertyName: "childSeries", first: true, predicate: SmithchartSeriesCollectionDirective, descendants: true }], usesInheritance: true, ngImport: i0, template: '', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 SmithchartComponent = __decorate([
     ComponentMixins([ComponentBase])
 ], SmithchartComponent);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: SmithchartComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: SmithchartComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'ejs-smithchart',
@@ -2385,38 +2424,37 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.3", ngImpor
                     outputs: outputs$o,
                     template: '',
                     changeDetection: ChangeDetectionStrategy.OnPush,
+                    standalone: true,
                     queries: {
                         childSeries: new ContentChild(SmithchartSeriesCollectionDirective)
                     }
                 }]
-        }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.Renderer2 }, { type: i0.ViewContainerRef }, { type: i0.Injector }]; } });
+        }], ctorParameters: () => [{ type: i0.ElementRef }, { type: i0.Renderer2 }, { type: i0.ViewContainerRef }, { type: i0.Injector }] });
 
+const SMITHCHART_DIRECTIVES = [
+    SmithchartComponent,
+    SmithchartSeriesDirective,
+    SmithchartSeriesCollectionDirective
+];
 /**
  * NgModule definition for the Smithchart component.
+ * Re-exports standalone Smithchart component and directives so existing apps can keep using:
+ * `imports: [SmithchartModule]`
  */
 class SmithchartModule {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: SmithchartModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "22.0.0", ngImport: i0, type: SmithchartModule, imports: [CommonModule, SmithchartComponent,
+            SmithchartSeriesDirective,
+            SmithchartSeriesCollectionDirective], exports: [SmithchartComponent,
+            SmithchartSeriesDirective,
+            SmithchartSeriesCollectionDirective] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: SmithchartModule, imports: [CommonModule] });
 }
-SmithchartModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: SmithchartModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-SmithchartModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: SmithchartModule, declarations: [SmithchartComponent,
-        SmithchartSeriesDirective,
-        SmithchartSeriesCollectionDirective], imports: [CommonModule], exports: [SmithchartComponent,
-        SmithchartSeriesDirective,
-        SmithchartSeriesCollectionDirective] });
-SmithchartModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: SmithchartModule, imports: [[CommonModule]] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: SmithchartModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: SmithchartModule, decorators: [{
             type: NgModule,
             args: [{
-                    imports: [CommonModule],
-                    declarations: [
-                        SmithchartComponent,
-                        SmithchartSeriesDirective,
-                        SmithchartSeriesCollectionDirective
-                    ],
-                    exports: [
-                        SmithchartComponent,
-                        SmithchartSeriesDirective,
-                        SmithchartSeriesCollectionDirective
-                    ]
+                    imports: [CommonModule, ...SMITHCHART_DIRECTIVES],
+                    exports: [...SMITHCHART_DIRECTIVES]
                 }]
         }] });
 
@@ -2426,14 +2464,14 @@ const TooltipRenderService = { provide: 'ChartsTooltipRender', useValue: Tooltip
  * NgModule definition for the Smithchart component with providers.
  */
 class SmithchartAllModule {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: SmithchartAllModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "22.0.0", ngImport: i0, type: SmithchartAllModule, imports: [CommonModule, SmithchartModule], exports: [SmithchartModule] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: SmithchartAllModule, providers: [
+            SmithchartLegendService,
+            TooltipRenderService
+        ], imports: [CommonModule, SmithchartModule, SmithchartModule] });
 }
-SmithchartAllModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: SmithchartAllModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-SmithchartAllModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: SmithchartAllModule, imports: [CommonModule, SmithchartModule], exports: [SmithchartModule] });
-SmithchartAllModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: SmithchartAllModule, providers: [
-        SmithchartLegendService,
-        TooltipRenderService
-    ], imports: [[CommonModule, SmithchartModule], SmithchartModule] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: SmithchartAllModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: SmithchartAllModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [CommonModule, SmithchartModule],
@@ -2463,6 +2501,8 @@ let outputs$n = [];
  * ```
  */
 class StockChartTrendlineDirective extends ComplexBase {
+    viewContainerRef;
+    directivePropList;
     constructor(viewContainerRef) {
         super();
         this.viewContainerRef = viewContainerRef;
@@ -2470,18 +2510,19 @@ class StockChartTrendlineDirective extends ComplexBase {
         this.registerEvents(outputs$n);
         this.directivePropList = input$i;
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: StockChartTrendlineDirective, deps: [{ token: i0.ViewContainerRef }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.0", type: StockChartTrendlineDirective, isStandalone: true, selector: "e-stockchart-series>e-trendlines>e-trendline", inputs: { accessibility: "accessibility", animation: "animation", backwardForecast: "backwardForecast", dashArray: "dashArray", enableTooltip: "enableTooltip", fill: "fill", forwardForecast: "forwardForecast", intercept: "intercept", legendShape: "legendShape", linearGradient: "linearGradient", marker: "marker", name: "name", period: "period", polynomialOrder: "polynomialOrder", radialGradient: "radialGradient", type: "type", visible: "visible", width: "width" }, usesInheritance: true, ngImport: i0 });
 }
-StockChartTrendlineDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: StockChartTrendlineDirective, deps: [{ token: i0.ViewContainerRef }], target: i0.ɵɵFactoryTarget.Directive });
-StockChartTrendlineDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.0.3", type: StockChartTrendlineDirective, selector: "e-stockchart-series>e-trendlines>e-trendline", inputs: { accessibility: "accessibility", animation: "animation", backwardForecast: "backwardForecast", dashArray: "dashArray", enableTooltip: "enableTooltip", fill: "fill", forwardForecast: "forwardForecast", intercept: "intercept", legendShape: "legendShape", linearGradient: "linearGradient", marker: "marker", name: "name", period: "period", polynomialOrder: "polynomialOrder", radialGradient: "radialGradient", type: "type", visible: "visible", width: "width" }, usesInheritance: true, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: StockChartTrendlineDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: StockChartTrendlineDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: 'e-stockchart-series>e-trendlines>e-trendline',
                     inputs: input$i,
                     outputs: outputs$n,
+                    standalone: true,
                     queries: {}
                 }]
-        }], ctorParameters: function () { return [{ type: i0.ViewContainerRef }]; } });
+        }], ctorParameters: () => [{ type: i0.ViewContainerRef }] });
 /**
  * StockChartTrendline Array Directive
  * @private
@@ -2490,18 +2531,19 @@ class StockChartTrendlinesDirective extends ArrayBase {
     constructor() {
         super('trendlines');
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: StockChartTrendlinesDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.0", type: StockChartTrendlinesDirective, isStandalone: true, selector: "e-stockchart-series>e-trendlines", queries: [{ propertyName: "children", predicate: StockChartTrendlineDirective }], usesInheritance: true, ngImport: i0 });
 }
-StockChartTrendlinesDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: StockChartTrendlinesDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-StockChartTrendlinesDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.0.3", type: StockChartTrendlinesDirective, selector: "e-stockchart-series>e-trendlines", queries: [{ propertyName: "children", predicate: StockChartTrendlineDirective }], usesInheritance: true, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: StockChartTrendlinesDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: StockChartTrendlinesDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: 'e-stockchart-series>e-trendlines',
+                    standalone: true,
                     queries: {
                         children: new ContentChildren(StockChartTrendlineDirective)
                     },
                 }]
-        }], ctorParameters: function () { return []; } });
+        }], ctorParameters: () => [] });
 
 let input$h = ['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'];
 let outputs$m = [];
@@ -2514,28 +2556,31 @@ let outputs$m = [];
  * ```
  */
 class StockChartSeriesDirective extends ComplexBase {
+    viewContainerRef;
+    directivePropList;
+    tags = ['trendlines'];
     constructor(viewContainerRef) {
         super();
         this.viewContainerRef = viewContainerRef;
-        this.tags = ['trendlines'];
         setValue('currentInstance', this, this.viewContainerRef);
         this.registerEvents(outputs$m);
         this.directivePropList = input$h;
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: StockChartSeriesDirective, deps: [{ token: i0.ViewContainerRef }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.0", type: StockChartSeriesDirective, isStandalone: true, selector: "e-stockchart-series-collection>e-stockchart-series", inputs: { animation: "animation", bearFillColor: "bearFillColor", border: "border", bullFillColor: "bullFillColor", cardinalSplineTension: "cardinalSplineTension", close: "close", columnSpacing: "columnSpacing", columnWidth: "columnWidth", cornerRadius: "cornerRadius", dashArray: "dashArray", dataSource: "dataSource", emptyPointSettings: "emptyPointSettings", enableSolidCandles: "enableSolidCandles", enableTooltip: "enableTooltip", fill: "fill", high: "high", labelSettings: "labelSettings", lastValueLabel: "lastValueLabel", legendImageUrl: "legendImageUrl", legendShape: "legendShape", linearGradient: "linearGradient", low: "low", marker: "marker", name: "name", opacity: "opacity", open: "open", pointColorMapping: "pointColorMapping", query: "query", radialGradient: "radialGradient", selectionStyle: "selectionStyle", showNearestTooltip: "showNearestTooltip", tooltipMappingName: "tooltipMappingName", trendlines: "trendlines", type: "type", visible: "visible", volume: "volume", width: "width", xAxisName: "xAxisName", xName: "xName", yAxisName: "yAxisName", yName: "yName" }, queries: [{ propertyName: "childTrendlines", first: true, predicate: StockChartTrendlinesDirective, descendants: true }], usesInheritance: true, ngImport: i0 });
 }
-StockChartSeriesDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: StockChartSeriesDirective, deps: [{ token: i0.ViewContainerRef }], target: i0.ɵɵFactoryTarget.Directive });
-StockChartSeriesDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.0.3", type: StockChartSeriesDirective, selector: "e-stockchart-series-collection>e-stockchart-series", inputs: { animation: "animation", bearFillColor: "bearFillColor", border: "border", bullFillColor: "bullFillColor", cardinalSplineTension: "cardinalSplineTension", close: "close", columnSpacing: "columnSpacing", columnWidth: "columnWidth", cornerRadius: "cornerRadius", dashArray: "dashArray", dataSource: "dataSource", emptyPointSettings: "emptyPointSettings", enableSolidCandles: "enableSolidCandles", enableTooltip: "enableTooltip", fill: "fill", high: "high", labelSettings: "labelSettings", lastValueLabel: "lastValueLabel", legendImageUrl: "legendImageUrl", legendShape: "legendShape", linearGradient: "linearGradient", low: "low", marker: "marker", name: "name", opacity: "opacity", open: "open", pointColorMapping: "pointColorMapping", query: "query", radialGradient: "radialGradient", selectionStyle: "selectionStyle", showNearestTooltip: "showNearestTooltip", tooltipMappingName: "tooltipMappingName", trendlines: "trendlines", type: "type", visible: "visible", volume: "volume", width: "width", xAxisName: "xAxisName", xName: "xName", yAxisName: "yAxisName", yName: "yName" }, queries: [{ propertyName: "childTrendlines", first: true, predicate: StockChartTrendlinesDirective, descendants: true }], usesInheritance: true, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: StockChartSeriesDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: StockChartSeriesDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: 'e-stockchart-series-collection>e-stockchart-series',
                     inputs: input$h,
                     outputs: outputs$m,
+                    standalone: true,
                     queries: {
                         childTrendlines: new ContentChild(StockChartTrendlinesDirective)
                     }
                 }]
-        }], ctorParameters: function () { return [{ type: i0.ViewContainerRef }]; } });
+        }], ctorParameters: () => [{ type: i0.ViewContainerRef }] });
 /**
  * StockChartSeries Array Directive
  * @private
@@ -2544,18 +2589,19 @@ class StockChartSeriesCollectionDirective extends ArrayBase {
     constructor() {
         super('series');
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: StockChartSeriesCollectionDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.0", type: StockChartSeriesCollectionDirective, isStandalone: true, selector: "ejs-stockchart>e-stockchart-series-collection", queries: [{ propertyName: "children", predicate: StockChartSeriesDirective }], usesInheritance: true, ngImport: i0 });
 }
-StockChartSeriesCollectionDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: StockChartSeriesCollectionDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-StockChartSeriesCollectionDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.0.3", type: StockChartSeriesCollectionDirective, selector: "ejs-stockchart>e-stockchart-series-collection", queries: [{ propertyName: "children", predicate: StockChartSeriesDirective }], usesInheritance: true, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: StockChartSeriesCollectionDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: StockChartSeriesCollectionDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: 'ejs-stockchart>e-stockchart-series-collection',
+                    standalone: true,
                     queries: {
                         children: new ContentChildren(StockChartSeriesDirective)
                     },
                 }]
-        }], ctorParameters: function () { return []; } });
+        }], ctorParameters: () => [] });
 
 let input$g = ['coefficient', 'crossesAt', 'crossesInAxis', 'crosshairTooltip', 'description', 'desiredIntervals', 'edgeLabelPlacement', 'enableAutoIntervalOnZooming', 'enableTrim', 'interval', 'intervalType', 'isInversed', 'labelFormat', 'labelIntersectAction', 'labelPlacement', 'labelPosition', 'labelRotation', 'labelStyle', 'lineStyle', 'logBase', 'majorGridLines', 'majorTickLines', 'maximum', 'maximumLabelWidth', 'maximumLabels', 'minimum', 'minorGridLines', 'minorTickLines', 'minorTicksPerInterval', 'name', 'opposedPosition', 'placeNextToAxisLine', 'plotOffset', 'rangePadding', 'rowIndex', 'skeleton', 'skeletonType', 'span', 'startAngle', 'stripLines', 'tabIndex', 'tickPosition', 'title', 'titleStyle', 'valueType', 'visible', 'zoomFactor', 'zoomPosition'];
 let outputs$l = [];
@@ -2566,6 +2612,8 @@ let outputs$l = [];
  * ```
  */
 class StockChartAxisDirective extends ComplexBase {
+    viewContainerRef;
+    directivePropList;
     constructor(viewContainerRef) {
         super();
         this.viewContainerRef = viewContainerRef;
@@ -2573,18 +2621,19 @@ class StockChartAxisDirective extends ComplexBase {
         this.registerEvents(outputs$l);
         this.directivePropList = input$g;
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: StockChartAxisDirective, deps: [{ token: i0.ViewContainerRef }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.0", type: StockChartAxisDirective, isStandalone: true, selector: "e-stockchart-axes>e-stockchart-axis", inputs: { coefficient: "coefficient", crossesAt: "crossesAt", crossesInAxis: "crossesInAxis", crosshairTooltip: "crosshairTooltip", description: "description", desiredIntervals: "desiredIntervals", edgeLabelPlacement: "edgeLabelPlacement", enableAutoIntervalOnZooming: "enableAutoIntervalOnZooming", enableTrim: "enableTrim", interval: "interval", intervalType: "intervalType", isInversed: "isInversed", labelFormat: "labelFormat", labelIntersectAction: "labelIntersectAction", labelPlacement: "labelPlacement", labelPosition: "labelPosition", labelRotation: "labelRotation", labelStyle: "labelStyle", lineStyle: "lineStyle", logBase: "logBase", majorGridLines: "majorGridLines", majorTickLines: "majorTickLines", maximum: "maximum", maximumLabelWidth: "maximumLabelWidth", maximumLabels: "maximumLabels", minimum: "minimum", minorGridLines: "minorGridLines", minorTickLines: "minorTickLines", minorTicksPerInterval: "minorTicksPerInterval", name: "name", opposedPosition: "opposedPosition", placeNextToAxisLine: "placeNextToAxisLine", plotOffset: "plotOffset", rangePadding: "rangePadding", rowIndex: "rowIndex", skeleton: "skeleton", skeletonType: "skeletonType", span: "span", startAngle: "startAngle", stripLines: "stripLines", tabIndex: "tabIndex", tickPosition: "tickPosition", title: "title", titleStyle: "titleStyle", valueType: "valueType", visible: "visible", zoomFactor: "zoomFactor", zoomPosition: "zoomPosition" }, usesInheritance: true, ngImport: i0 });
 }
-StockChartAxisDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: StockChartAxisDirective, deps: [{ token: i0.ViewContainerRef }], target: i0.ɵɵFactoryTarget.Directive });
-StockChartAxisDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.0.3", type: StockChartAxisDirective, selector: "e-stockchart-axes>e-stockchart-axis", inputs: { coefficient: "coefficient", crossesAt: "crossesAt", crossesInAxis: "crossesInAxis", crosshairTooltip: "crosshairTooltip", description: "description", desiredIntervals: "desiredIntervals", edgeLabelPlacement: "edgeLabelPlacement", enableAutoIntervalOnZooming: "enableAutoIntervalOnZooming", enableTrim: "enableTrim", interval: "interval", intervalType: "intervalType", isInversed: "isInversed", labelFormat: "labelFormat", labelIntersectAction: "labelIntersectAction", labelPlacement: "labelPlacement", labelPosition: "labelPosition", labelRotation: "labelRotation", labelStyle: "labelStyle", lineStyle: "lineStyle", logBase: "logBase", majorGridLines: "majorGridLines", majorTickLines: "majorTickLines", maximum: "maximum", maximumLabelWidth: "maximumLabelWidth", maximumLabels: "maximumLabels", minimum: "minimum", minorGridLines: "minorGridLines", minorTickLines: "minorTickLines", minorTicksPerInterval: "minorTicksPerInterval", name: "name", opposedPosition: "opposedPosition", placeNextToAxisLine: "placeNextToAxisLine", plotOffset: "plotOffset", rangePadding: "rangePadding", rowIndex: "rowIndex", skeleton: "skeleton", skeletonType: "skeletonType", span: "span", startAngle: "startAngle", stripLines: "stripLines", tabIndex: "tabIndex", tickPosition: "tickPosition", title: "title", titleStyle: "titleStyle", valueType: "valueType", visible: "visible", zoomFactor: "zoomFactor", zoomPosition: "zoomPosition" }, usesInheritance: true, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: StockChartAxisDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: StockChartAxisDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: 'e-stockchart-axes>e-stockchart-axis',
                     inputs: input$g,
                     outputs: outputs$l,
+                    standalone: true,
                     queries: {}
                 }]
-        }], ctorParameters: function () { return [{ type: i0.ViewContainerRef }]; } });
+        }], ctorParameters: () => [{ type: i0.ViewContainerRef }] });
 /**
  * StockChartAxis Array Directive
  * @private
@@ -2593,18 +2642,19 @@ class StockChartAxesDirective extends ArrayBase {
     constructor() {
         super('axes');
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: StockChartAxesDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.0", type: StockChartAxesDirective, isStandalone: true, selector: "ejs-stockchart>e-stockchart-axes", queries: [{ propertyName: "children", predicate: StockChartAxisDirective }], usesInheritance: true, ngImport: i0 });
 }
-StockChartAxesDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: StockChartAxesDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-StockChartAxesDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.0.3", type: StockChartAxesDirective, selector: "ejs-stockchart>e-stockchart-axes", queries: [{ propertyName: "children", predicate: StockChartAxisDirective }], usesInheritance: true, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: StockChartAxesDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: StockChartAxesDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: 'ejs-stockchart>e-stockchart-axes',
+                    standalone: true,
                     queries: {
                         children: new ContentChildren(StockChartAxisDirective)
                     },
                 }]
-        }], ctorParameters: function () { return []; } });
+        }], ctorParameters: () => [] });
 
 let input$f = ['border', 'height'];
 let outputs$k = [];
@@ -2615,6 +2665,8 @@ let outputs$k = [];
  * ```
  */
 class StockChartRowDirective extends ComplexBase {
+    viewContainerRef;
+    directivePropList;
     constructor(viewContainerRef) {
         super();
         this.viewContainerRef = viewContainerRef;
@@ -2622,18 +2674,19 @@ class StockChartRowDirective extends ComplexBase {
         this.registerEvents(outputs$k);
         this.directivePropList = input$f;
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: StockChartRowDirective, deps: [{ token: i0.ViewContainerRef }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.0", type: StockChartRowDirective, isStandalone: true, selector: "e-stockchart-rows>e-striplines>e-stockchart-row", inputs: { border: "border", height: "height" }, usesInheritance: true, ngImport: i0 });
 }
-StockChartRowDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: StockChartRowDirective, deps: [{ token: i0.ViewContainerRef }], target: i0.ɵɵFactoryTarget.Directive });
-StockChartRowDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.0.3", type: StockChartRowDirective, selector: "e-stockchart-rows>e-striplines>e-stockchart-row", inputs: { border: "border", height: "height" }, usesInheritance: true, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: StockChartRowDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: StockChartRowDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: 'e-stockchart-rows>e-striplines>e-stockchart-row',
                     inputs: input$f,
                     outputs: outputs$k,
+                    standalone: true,
                     queries: {}
                 }]
-        }], ctorParameters: function () { return [{ type: i0.ViewContainerRef }]; } });
+        }], ctorParameters: () => [{ type: i0.ViewContainerRef }] });
 /**
  * StockChartRow Array Directive
  * @private
@@ -2642,18 +2695,19 @@ class StockChartRowsDirective extends ArrayBase {
     constructor() {
         super('rows');
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: StockChartRowsDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.0", type: StockChartRowsDirective, isStandalone: true, selector: "ejs-stockchart>e-stockchart-rows", queries: [{ propertyName: "children", predicate: StockChartRowDirective }], usesInheritance: true, ngImport: i0 });
 }
-StockChartRowsDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: StockChartRowsDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-StockChartRowsDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.0.3", type: StockChartRowsDirective, selector: "ejs-stockchart>e-stockchart-rows", queries: [{ propertyName: "children", predicate: StockChartRowDirective }], usesInheritance: true, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: StockChartRowsDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: StockChartRowsDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: 'ejs-stockchart>e-stockchart-rows',
+                    standalone: true,
                     queries: {
                         children: new ContentChildren(StockChartRowDirective)
                     },
                 }]
-        }], ctorParameters: function () { return []; } });
+        }], ctorParameters: () => [] });
 
 let input$e = ['content', 'coordinateUnits', 'description', 'horizontalAlignment', 'region', 'verticalAlignment', 'x', 'xAxisName', 'y', 'yAxisName'];
 let outputs$j = [];
@@ -2664,6 +2718,8 @@ let outputs$j = [];
  * ```
  */
 class StockChartAnnotationDirective extends ComplexBase {
+    viewContainerRef;
+    directivePropList;
     constructor(viewContainerRef) {
         super();
         this.viewContainerRef = viewContainerRef;
@@ -2671,24 +2727,22 @@ class StockChartAnnotationDirective extends ComplexBase {
         this.registerEvents(outputs$j);
         this.directivePropList = input$e;
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: StockChartAnnotationDirective, deps: [{ token: i0.ViewContainerRef }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.0", type: StockChartAnnotationDirective, isStandalone: true, selector: "ejs-stockchart-annotations>e-stockchart-annotation", inputs: { content: "content", coordinateUnits: "coordinateUnits", description: "description", horizontalAlignment: "horizontalAlignment", region: "region", verticalAlignment: "verticalAlignment", x: "x", xAxisName: "xAxisName", y: "y", yAxisName: "yAxisName" }, queries: [{ propertyName: "content", first: true, predicate: ["content"], descendants: true }], usesInheritance: true, ngImport: i0 });
 }
-StockChartAnnotationDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: StockChartAnnotationDirective, deps: [{ token: i0.ViewContainerRef }], target: i0.ɵɵFactoryTarget.Directive });
-StockChartAnnotationDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.0.3", type: StockChartAnnotationDirective, selector: "ejs-stockchart-annotations>e-stockchart-annotation", inputs: { content: "content", coordinateUnits: "coordinateUnits", description: "description", horizontalAlignment: "horizontalAlignment", region: "region", verticalAlignment: "verticalAlignment", x: "x", xAxisName: "xAxisName", y: "y", yAxisName: "yAxisName" }, queries: [{ propertyName: "content", first: true, predicate: ["content"], descendants: true }], usesInheritance: true, ngImport: i0 });
-__decorate([
-    Template()
-], StockChartAnnotationDirective.prototype, "content", void 0);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: StockChartAnnotationDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: StockChartAnnotationDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: 'ejs-stockchart-annotations>e-stockchart-annotation',
                     inputs: input$e,
                     outputs: outputs$j,
-                    queries: {}
+                    standalone: true,
+                    queries: {
+                        content: new ContentChild('content')
+                    }
                 }]
-        }], ctorParameters: function () { return [{ type: i0.ViewContainerRef }]; }, propDecorators: { content: [{
-                type: ContentChild,
-                args: ['content']
-            }] } });
+        }], ctorParameters: () => [{ type: i0.ViewContainerRef }] });
+Template()(StockChartAnnotationDirective.prototype, 'content');
 /**
  * StockChartAnnotation Array Directive
  * @private
@@ -2697,18 +2751,19 @@ class StockChartAnnotationsDirective extends ArrayBase {
     constructor() {
         super('annotations');
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: StockChartAnnotationsDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.0", type: StockChartAnnotationsDirective, isStandalone: true, selector: "ejs-stockchart>e-stockchart-annotations", queries: [{ propertyName: "children", predicate: StockChartAnnotationDirective }], usesInheritance: true, ngImport: i0 });
 }
-StockChartAnnotationsDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: StockChartAnnotationsDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-StockChartAnnotationsDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.0.3", type: StockChartAnnotationsDirective, selector: "ejs-stockchart>e-stockchart-annotations", queries: [{ propertyName: "children", predicate: StockChartAnnotationDirective }], usesInheritance: true, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: StockChartAnnotationsDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: StockChartAnnotationsDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: 'ejs-stockchart>e-stockchart-annotations',
+                    standalone: true,
                     queries: {
                         children: new ContentChildren(StockChartAnnotationDirective)
                     },
                 }]
-        }], ctorParameters: function () { return []; } });
+        }], ctorParameters: () => [] });
 
 let input$d = ['point', 'series'];
 let outputs$i = [];
@@ -2719,6 +2774,8 @@ let outputs$i = [];
  * ```
  */
 class StockChartSelectedDataIndexDirective extends ComplexBase {
+    viewContainerRef;
+    directivePropList;
     constructor(viewContainerRef) {
         super();
         this.viewContainerRef = viewContainerRef;
@@ -2726,18 +2783,19 @@ class StockChartSelectedDataIndexDirective extends ComplexBase {
         this.registerEvents(outputs$i);
         this.directivePropList = input$d;
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: StockChartSelectedDataIndexDirective, deps: [{ token: i0.ViewContainerRef }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.0", type: StockChartSelectedDataIndexDirective, isStandalone: true, selector: "ejs-stockchart-selectedDataIndexes>e-stockchart-selectedDataIndex", inputs: { point: "point", series: "series" }, usesInheritance: true, ngImport: i0 });
 }
-StockChartSelectedDataIndexDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: StockChartSelectedDataIndexDirective, deps: [{ token: i0.ViewContainerRef }], target: i0.ɵɵFactoryTarget.Directive });
-StockChartSelectedDataIndexDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.0.3", type: StockChartSelectedDataIndexDirective, selector: "ejs-stockchart-selectedDataIndexes>e-stockchart-selectedDataIndex", inputs: { point: "point", series: "series" }, usesInheritance: true, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: StockChartSelectedDataIndexDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: StockChartSelectedDataIndexDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: 'ejs-stockchart-selectedDataIndexes>e-stockchart-selectedDataIndex',
                     inputs: input$d,
                     outputs: outputs$i,
+                    standalone: true,
                     queries: {}
                 }]
-        }], ctorParameters: function () { return [{ type: i0.ViewContainerRef }]; } });
+        }], ctorParameters: () => [{ type: i0.ViewContainerRef }] });
 /**
  * StockChartSelectedDataIndex Array Directive
  * @private
@@ -2746,18 +2804,19 @@ class StockChartSelectedDataIndexesDirective extends ArrayBase {
     constructor() {
         super('selecteddataindexes');
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: StockChartSelectedDataIndexesDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.0", type: StockChartSelectedDataIndexesDirective, isStandalone: true, selector: "ejs-stockchart>e-stockchart-selectedDataIndexes", queries: [{ propertyName: "children", predicate: StockChartSelectedDataIndexDirective }], usesInheritance: true, ngImport: i0 });
 }
-StockChartSelectedDataIndexesDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: StockChartSelectedDataIndexesDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-StockChartSelectedDataIndexesDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.0.3", type: StockChartSelectedDataIndexesDirective, selector: "ejs-stockchart>e-stockchart-selectedDataIndexes", queries: [{ propertyName: "children", predicate: StockChartSelectedDataIndexDirective }], usesInheritance: true, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: StockChartSelectedDataIndexesDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: StockChartSelectedDataIndexesDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: 'ejs-stockchart>e-stockchart-selectedDataIndexes',
+                    standalone: true,
                     queries: {
                         children: new ContentChildren(StockChartSelectedDataIndexDirective)
                     },
                 }]
-        }], ctorParameters: function () { return []; } });
+        }], ctorParameters: () => [] });
 
 let input$c = ['interval', 'intervalType', 'selected', 'text'];
 let outputs$h = [];
@@ -2770,6 +2829,8 @@ let outputs$h = [];
  * ```
  */
 class StockChartPeriodDirective extends ComplexBase {
+    viewContainerRef;
+    directivePropList;
     constructor(viewContainerRef) {
         super();
         this.viewContainerRef = viewContainerRef;
@@ -2777,18 +2838,19 @@ class StockChartPeriodDirective extends ComplexBase {
         this.registerEvents(outputs$h);
         this.directivePropList = input$c;
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: StockChartPeriodDirective, deps: [{ token: i0.ViewContainerRef }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.0", type: StockChartPeriodDirective, isStandalone: true, selector: "e-stockchart-indicators>e-stockchart-period", inputs: { interval: "interval", intervalType: "intervalType", selected: "selected", text: "text" }, usesInheritance: true, ngImport: i0 });
 }
-StockChartPeriodDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: StockChartPeriodDirective, deps: [{ token: i0.ViewContainerRef }], target: i0.ɵɵFactoryTarget.Directive });
-StockChartPeriodDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.0.3", type: StockChartPeriodDirective, selector: "e-stockchart-indicators>e-stockchart-period", inputs: { interval: "interval", intervalType: "intervalType", selected: "selected", text: "text" }, usesInheritance: true, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: StockChartPeriodDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: StockChartPeriodDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: 'e-stockchart-indicators>e-stockchart-period',
                     inputs: input$c,
                     outputs: outputs$h,
+                    standalone: true,
                     queries: {}
                 }]
-        }], ctorParameters: function () { return [{ type: i0.ViewContainerRef }]; } });
+        }], ctorParameters: () => [{ type: i0.ViewContainerRef }] });
 /**
  * StockChartPeriod Array Directive
  * @private
@@ -2797,18 +2859,19 @@ class StockChartPeriodsDirective extends ArrayBase {
     constructor() {
         super('periods');
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: StockChartPeriodsDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.0", type: StockChartPeriodsDirective, isStandalone: true, selector: "ejs-stockchart>e-stockchart-periods", queries: [{ propertyName: "children", predicate: StockChartPeriodDirective }], usesInheritance: true, ngImport: i0 });
 }
-StockChartPeriodsDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: StockChartPeriodsDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-StockChartPeriodsDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.0.3", type: StockChartPeriodsDirective, selector: "ejs-stockchart>e-stockchart-periods", queries: [{ propertyName: "children", predicate: StockChartPeriodDirective }], usesInheritance: true, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: StockChartPeriodsDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: StockChartPeriodsDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: 'ejs-stockchart>e-stockchart-periods',
+                    standalone: true,
                     queries: {
                         children: new ContentChildren(StockChartPeriodDirective)
                     },
                 }]
-        }], ctorParameters: function () { return []; } });
+        }], ctorParameters: () => [] });
 
 let input$b = ['background', 'border', 'date', 'description', 'placeAt', 'seriesIndexes', 'showOnSeries', 'text', 'textStyle', 'type'];
 let outputs$g = [];
@@ -2821,6 +2884,8 @@ let outputs$g = [];
  * ```
  */
 class StockEventDirective extends ComplexBase {
+    viewContainerRef;
+    directivePropList;
     constructor(viewContainerRef) {
         super();
         this.viewContainerRef = viewContainerRef;
@@ -2828,18 +2893,19 @@ class StockEventDirective extends ComplexBase {
         this.registerEvents(outputs$g);
         this.directivePropList = input$b;
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: StockEventDirective, deps: [{ token: i0.ViewContainerRef }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.0", type: StockEventDirective, isStandalone: true, selector: "e-stockchart-indicators>e-stockchart-stockevent", inputs: { background: "background", border: "border", date: "date", description: "description", placeAt: "placeAt", seriesIndexes: "seriesIndexes", showOnSeries: "showOnSeries", text: "text", textStyle: "textStyle", type: "type" }, usesInheritance: true, ngImport: i0 });
 }
-StockEventDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: StockEventDirective, deps: [{ token: i0.ViewContainerRef }], target: i0.ɵɵFactoryTarget.Directive });
-StockEventDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.0.3", type: StockEventDirective, selector: "e-stockchart-indicators>e-stockchart-stockevent", inputs: { background: "background", border: "border", date: "date", description: "description", placeAt: "placeAt", seriesIndexes: "seriesIndexes", showOnSeries: "showOnSeries", text: "text", textStyle: "textStyle", type: "type" }, usesInheritance: true, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: StockEventDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: StockEventDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: 'e-stockchart-indicators>e-stockchart-stockevent',
                     inputs: input$b,
                     outputs: outputs$g,
+                    standalone: true,
                     queries: {}
                 }]
-        }], ctorParameters: function () { return [{ type: i0.ViewContainerRef }]; } });
+        }], ctorParameters: () => [{ type: i0.ViewContainerRef }] });
 /**
  * StockEvent Array Directive
  * @private
@@ -2848,18 +2914,19 @@ class StockEventsDirective extends ArrayBase {
     constructor() {
         super('stockevents');
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: StockEventsDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.0", type: StockEventsDirective, isStandalone: true, selector: "ejs-stockchart>e-stockchart-stockevents", queries: [{ propertyName: "children", predicate: StockEventDirective }], usesInheritance: true, ngImport: i0 });
 }
-StockEventsDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: StockEventsDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-StockEventsDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.0.3", type: StockEventsDirective, selector: "ejs-stockchart>e-stockchart-stockevents", queries: [{ propertyName: "children", predicate: StockEventDirective }], usesInheritance: true, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: StockEventsDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: StockEventsDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: 'ejs-stockchart>e-stockchart-stockevents',
+                    standalone: true,
                     queries: {
                         children: new ContentChildren(StockEventDirective)
                     },
                 }]
-        }], ctorParameters: function () { return []; } });
+        }], ctorParameters: () => [] });
 
 let input$a = ['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'];
 let outputs$f = [];
@@ -2872,6 +2939,8 @@ let outputs$f = [];
  * ```
  */
 class StockChartIndicatorDirective extends ComplexBase {
+    viewContainerRef;
+    directivePropList;
     constructor(viewContainerRef) {
         super();
         this.viewContainerRef = viewContainerRef;
@@ -2879,18 +2948,19 @@ class StockChartIndicatorDirective extends ComplexBase {
         this.registerEvents(outputs$f);
         this.directivePropList = input$a;
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: StockChartIndicatorDirective, deps: [{ token: i0.ViewContainerRef }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.0", type: StockChartIndicatorDirective, isStandalone: true, selector: "e-stockchart-indicators>e-stockchart-indicator", inputs: { animation: "animation", bandColor: "bandColor", close: "close", dPeriod: "dPeriod", dashArray: "dashArray", dataSource: "dataSource", fastPeriod: "fastPeriod", field: "field", fill: "fill", high: "high", kPeriod: "kPeriod", linearGradient: "linearGradient", low: "low", lowerLine: "lowerLine", macdLine: "macdLine", macdNegativeColor: "macdNegativeColor", macdPositiveColor: "macdPositiveColor", macdType: "macdType", open: "open", overBought: "overBought", overSold: "overSold", period: "period", periodLine: "periodLine", pointColorMapping: "pointColorMapping", query: "query", radialGradient: "radialGradient", seriesName: "seriesName", showZones: "showZones", slowPeriod: "slowPeriod", standardDeviation: "standardDeviation", type: "type", upperLine: "upperLine", volume: "volume", width: "width", xAxisName: "xAxisName", xName: "xName", yAxisName: "yAxisName" }, usesInheritance: true, ngImport: i0 });
 }
-StockChartIndicatorDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: StockChartIndicatorDirective, deps: [{ token: i0.ViewContainerRef }], target: i0.ɵɵFactoryTarget.Directive });
-StockChartIndicatorDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.0.3", type: StockChartIndicatorDirective, selector: "e-stockchart-indicators>e-stockchart-indicator", inputs: { animation: "animation", bandColor: "bandColor", close: "close", dPeriod: "dPeriod", dashArray: "dashArray", dataSource: "dataSource", fastPeriod: "fastPeriod", field: "field", fill: "fill", high: "high", kPeriod: "kPeriod", linearGradient: "linearGradient", low: "low", lowerLine: "lowerLine", macdLine: "macdLine", macdNegativeColor: "macdNegativeColor", macdPositiveColor: "macdPositiveColor", macdType: "macdType", open: "open", overBought: "overBought", overSold: "overSold", period: "period", periodLine: "periodLine", pointColorMapping: "pointColorMapping", query: "query", radialGradient: "radialGradient", seriesName: "seriesName", showZones: "showZones", slowPeriod: "slowPeriod", standardDeviation: "standardDeviation", type: "type", upperLine: "upperLine", volume: "volume", width: "width", xAxisName: "xAxisName", xName: "xName", yAxisName: "yAxisName" }, usesInheritance: true, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: StockChartIndicatorDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: StockChartIndicatorDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: 'e-stockchart-indicators>e-stockchart-indicator',
                     inputs: input$a,
                     outputs: outputs$f,
+                    standalone: true,
                     queries: {}
                 }]
-        }], ctorParameters: function () { return [{ type: i0.ViewContainerRef }]; } });
+        }], ctorParameters: () => [{ type: i0.ViewContainerRef }] });
 /**
  * StockChartIndicator Array Directive
  * @private
@@ -2899,18 +2969,19 @@ class StockChartIndicatorsDirective extends ArrayBase {
     constructor() {
         super('indicators');
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: StockChartIndicatorsDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.0", type: StockChartIndicatorsDirective, isStandalone: true, selector: "ejs-stockchart>e-stockchart-indicators", queries: [{ propertyName: "children", predicate: StockChartIndicatorDirective }], usesInheritance: true, ngImport: i0 });
 }
-StockChartIndicatorsDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: StockChartIndicatorsDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-StockChartIndicatorsDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.0.3", type: StockChartIndicatorsDirective, selector: "ejs-stockchart>e-stockchart-indicators", queries: [{ propertyName: "children", predicate: StockChartIndicatorDirective }], usesInheritance: true, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: StockChartIndicatorsDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: StockChartIndicatorsDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: 'ejs-stockchart>e-stockchart-indicators',
+                    standalone: true,
                     queries: {
                         children: new ContentChildren(StockChartIndicatorDirective)
                     },
                 }]
-        }], ctorParameters: function () { return []; } });
+        }], ctorParameters: () => [] });
 
 const inputs$4 = ['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'];
 const outputs$e = ['axisLabelRender', 'beforeExport', 'beforeIndicatorChange', 'crosshairLabelRender', 'indicatorChanged', 'legendClick', 'legendRender', 'load', 'loaded', 'onZooming', 'pointClick', 'pointMove', 'rangeChange', 'selectorRender', 'seriesRender', 'stockChartMouseClick', 'stockChartMouseDown', 'stockChartMouseLeave', 'stockChartMouseMove', 'stockChartMouseUp', 'stockEventRender', 'tooltipRender', 'dataSourceChange'];
@@ -2922,13 +2993,17 @@ const twoWays$4 = ['dataSource'];
  * ```
  */
 let StockChartComponent = class StockChartComponent extends StockChart {
+    ngEle;
+    srenderer;
+    viewContainerRef;
+    injector;
+    tags = ['series', 'axes', 'rows', 'annotations', 'selectedDataIndexes', 'periods', 'stockEvents', 'indicators'];
     constructor(ngEle, srenderer, viewContainerRef, injector) {
         super();
         this.ngEle = ngEle;
         this.srenderer = srenderer;
         this.viewContainerRef = viewContainerRef;
         this.injector = injector;
-        this.tags = ['series', 'axes', 'rows', 'annotations', 'selectedDataIndexes', 'periods', 'stockEvents', 'indicators'];
         this.element = this.ngEle.nativeElement;
         this.injectedModules = this.injectedModules || [];
         try {
@@ -3208,19 +3283,13 @@ let StockChartComponent = class StockChartComponent extends StockChart {
         }
         this.context.ngAfterContentChecked(this);
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: StockChartComponent, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i0.ViewContainerRef }, { token: i0.Injector }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.0.0", type: StockChartComponent, isStandalone: true, selector: "ejs-stockchart", inputs: { annotations: "annotations", axes: "axes", background: "background", border: "border", chartArea: "chartArea", crosshair: "crosshair", dataSource: "dataSource", enableCustomRange: "enableCustomRange", enablePeriodSelector: "enablePeriodSelector", enablePersistence: "enablePersistence", enableRtl: "enableRtl", enableSelector: "enableSelector", exportType: "exportType", height: "height", indicatorType: "indicatorType", indicators: "indicators", isMultiSelect: "isMultiSelect", isSelect: "isSelect", isTransposed: "isTransposed", legendSettings: "legendSettings", locale: "locale", margin: "margin", noDataTemplate: "noDataTemplate", periods: "periods", primaryXAxis: "primaryXAxis", primaryYAxis: "primaryYAxis", rows: "rows", selectedDataIndexes: "selectedDataIndexes", selectionMode: "selectionMode", series: "series", seriesType: "seriesType", stockEvents: "stockEvents", theme: "theme", title: "title", titleStyle: "titleStyle", tooltip: "tooltip", trendlineType: "trendlineType", width: "width", zoomSettings: "zoomSettings" }, outputs: { axisLabelRender: "axisLabelRender", beforeExport: "beforeExport", beforeIndicatorChange: "beforeIndicatorChange", crosshairLabelRender: "crosshairLabelRender", indicatorChanged: "indicatorChanged", legendClick: "legendClick", legendRender: "legendRender", load: "load", loaded: "loaded", onZooming: "onZooming", pointClick: "pointClick", pointMove: "pointMove", rangeChange: "rangeChange", selectorRender: "selectorRender", seriesRender: "seriesRender", stockChartMouseClick: "stockChartMouseClick", stockChartMouseDown: "stockChartMouseDown", stockChartMouseLeave: "stockChartMouseLeave", stockChartMouseMove: "stockChartMouseMove", stockChartMouseUp: "stockChartMouseUp", stockEventRender: "stockEventRender", tooltipRender: "tooltipRender", dataSourceChange: "dataSourceChange" }, queries: [{ propertyName: "childSeries", first: true, predicate: StockChartSeriesCollectionDirective, descendants: true }, { propertyName: "childAxes", first: true, predicate: StockChartAxesDirective, descendants: true }, { propertyName: "childRows", first: true, predicate: StockChartRowsDirective, descendants: true }, { propertyName: "childAnnotations", first: true, predicate: StockChartAnnotationsDirective, descendants: true }, { propertyName: "childSelectedDataIndexes", first: true, predicate: StockChartSelectedDataIndexesDirective, descendants: true }, { propertyName: "childPeriods", first: true, predicate: StockChartPeriodsDirective, descendants: true }, { propertyName: "childStockEvents", first: true, predicate: StockEventsDirective, descendants: true }, { propertyName: "childIndicators", first: true, predicate: StockChartIndicatorsDirective, descendants: true }, { propertyName: "tooltip_template", first: true, predicate: ["tooltipTemplate"], descendants: true }, { propertyName: "legendSettings_template", first: true, predicate: ["legendSettingsTemplate"], descendants: true }], usesInheritance: true, ngImport: i0, template: '', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 };
-StockChartComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: StockChartComponent, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i0.ViewContainerRef }, { token: i0.Injector }], target: i0.ɵɵFactoryTarget.Component });
-StockChartComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.0.3", type: StockChartComponent, selector: "ejs-stockchart", inputs: { annotations: "annotations", axes: "axes", background: "background", border: "border", chartArea: "chartArea", crosshair: "crosshair", dataSource: "dataSource", enableCustomRange: "enableCustomRange", enablePeriodSelector: "enablePeriodSelector", enablePersistence: "enablePersistence", enableRtl: "enableRtl", enableSelector: "enableSelector", exportType: "exportType", height: "height", indicatorType: "indicatorType", indicators: "indicators", isMultiSelect: "isMultiSelect", isSelect: "isSelect", isTransposed: "isTransposed", legendSettings: "legendSettings", locale: "locale", margin: "margin", noDataTemplate: "noDataTemplate", periods: "periods", primaryXAxis: "primaryXAxis", primaryYAxis: "primaryYAxis", rows: "rows", selectedDataIndexes: "selectedDataIndexes", selectionMode: "selectionMode", series: "series", seriesType: "seriesType", stockEvents: "stockEvents", theme: "theme", title: "title", titleStyle: "titleStyle", tooltip: "tooltip", trendlineType: "trendlineType", width: "width", zoomSettings: "zoomSettings" }, outputs: { axisLabelRender: "axisLabelRender", beforeExport: "beforeExport", beforeIndicatorChange: "beforeIndicatorChange", crosshairLabelRender: "crosshairLabelRender", indicatorChanged: "indicatorChanged", legendClick: "legendClick", legendRender: "legendRender", load: "load", loaded: "loaded", onZooming: "onZooming", pointClick: "pointClick", pointMove: "pointMove", rangeChange: "rangeChange", selectorRender: "selectorRender", seriesRender: "seriesRender", stockChartMouseClick: "stockChartMouseClick", stockChartMouseDown: "stockChartMouseDown", stockChartMouseLeave: "stockChartMouseLeave", stockChartMouseMove: "stockChartMouseMove", stockChartMouseUp: "stockChartMouseUp", stockEventRender: "stockEventRender", tooltipRender: "tooltipRender", dataSourceChange: "dataSourceChange" }, queries: [{ propertyName: "tooltip_template", first: true, predicate: ["tooltipTemplate"], descendants: true }, { propertyName: "legendSettings_template", first: true, predicate: ["legendSettingsTemplate"], descendants: true }, { propertyName: "childSeries", first: true, predicate: StockChartSeriesCollectionDirective, descendants: true }, { propertyName: "childAxes", first: true, predicate: StockChartAxesDirective, descendants: true }, { propertyName: "childRows", first: true, predicate: StockChartRowsDirective, descendants: true }, { propertyName: "childAnnotations", first: true, predicate: StockChartAnnotationsDirective, descendants: true }, { propertyName: "childSelectedDataIndexes", first: true, predicate: StockChartSelectedDataIndexesDirective, descendants: true }, { propertyName: "childPeriods", first: true, predicate: StockChartPeriodsDirective, descendants: true }, { propertyName: "childStockEvents", first: true, predicate: StockEventsDirective, descendants: true }, { propertyName: "childIndicators", first: true, predicate: StockChartIndicatorsDirective, descendants: true }], usesInheritance: true, ngImport: i0, template: '', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
-__decorate([
-    Template()
-], StockChartComponent.prototype, "tooltip_template", void 0);
-__decorate([
-    Template()
-], StockChartComponent.prototype, "legendSettings_template", void 0);
 StockChartComponent = __decorate([
     ComponentMixins([ComponentBase])
 ], StockChartComponent);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: StockChartComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: StockChartComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'ejs-stockchart',
@@ -3228,6 +3297,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.3", ngImpor
                     outputs: outputs$e,
                     template: '',
                     changeDetection: ChangeDetectionStrategy.OnPush,
+                    standalone: true,
                     queries: {
                         childSeries: new ContentChild(StockChartSeriesCollectionDirective),
                         childAxes: new ContentChild(StockChartAxesDirective),
@@ -3236,107 +3306,87 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.3", ngImpor
                         childSelectedDataIndexes: new ContentChild(StockChartSelectedDataIndexesDirective),
                         childPeriods: new ContentChild(StockChartPeriodsDirective),
                         childStockEvents: new ContentChild(StockEventsDirective),
-                        childIndicators: new ContentChild(StockChartIndicatorsDirective)
+                        childIndicators: new ContentChild(StockChartIndicatorsDirective),
+                        tooltip_template: new ContentChild('tooltipTemplate'),
+                        legendSettings_template: new ContentChild('legendSettingsTemplate')
                     }
                 }]
-        }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.Renderer2 }, { type: i0.ViewContainerRef }, { type: i0.Injector }]; }, propDecorators: { tooltip_template: [{
-                type: ContentChild,
-                args: ['tooltipTemplate']
-            }], legendSettings_template: [{
-                type: ContentChild,
-                args: ['legendSettingsTemplate']
-            }] } });
+        }], ctorParameters: () => [{ type: i0.ElementRef }, { type: i0.Renderer2 }, { type: i0.ViewContainerRef }, { type: i0.Injector }] });
+Template()(StockChartComponent.prototype, 'tooltip_template');
+Template()(StockChartComponent.prototype, 'legendSettings_template');
 
+const STOCKCHART_DIRECTIVES = [
+    StockChartComponent,
+    StockChartTrendlineDirective,
+    StockChartTrendlinesDirective,
+    StockChartSeriesDirective,
+    StockChartSeriesCollectionDirective,
+    StockChartAxisDirective,
+    StockChartAxesDirective,
+    StockChartRowDirective,
+    StockChartRowsDirective,
+    StockChartAnnotationDirective,
+    StockChartAnnotationsDirective,
+    StockChartSelectedDataIndexDirective,
+    StockChartSelectedDataIndexesDirective,
+    StockChartPeriodDirective,
+    StockChartPeriodsDirective,
+    StockEventDirective,
+    StockEventsDirective,
+    StockChartIndicatorDirective,
+    StockChartIndicatorsDirective
+];
 /**
  * NgModule definition for the StockChart component.
+ * Re-exports standalone StockChart component and directives so existing apps can keep using:
+ * `imports: [StockChartModule]`
  */
 class StockChartModule {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: StockChartModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "22.0.0", ngImport: i0, type: StockChartModule, imports: [CommonModule, StockChartComponent,
+            StockChartTrendlineDirective,
+            StockChartTrendlinesDirective,
+            StockChartSeriesDirective,
+            StockChartSeriesCollectionDirective,
+            StockChartAxisDirective,
+            StockChartAxesDirective,
+            StockChartRowDirective,
+            StockChartRowsDirective,
+            StockChartAnnotationDirective,
+            StockChartAnnotationsDirective,
+            StockChartSelectedDataIndexDirective,
+            StockChartSelectedDataIndexesDirective,
+            StockChartPeriodDirective,
+            StockChartPeriodsDirective,
+            StockEventDirective,
+            StockEventsDirective,
+            StockChartIndicatorDirective,
+            StockChartIndicatorsDirective], exports: [StockChartComponent,
+            StockChartTrendlineDirective,
+            StockChartTrendlinesDirective,
+            StockChartSeriesDirective,
+            StockChartSeriesCollectionDirective,
+            StockChartAxisDirective,
+            StockChartAxesDirective,
+            StockChartRowDirective,
+            StockChartRowsDirective,
+            StockChartAnnotationDirective,
+            StockChartAnnotationsDirective,
+            StockChartSelectedDataIndexDirective,
+            StockChartSelectedDataIndexesDirective,
+            StockChartPeriodDirective,
+            StockChartPeriodsDirective,
+            StockEventDirective,
+            StockEventsDirective,
+            StockChartIndicatorDirective,
+            StockChartIndicatorsDirective] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: StockChartModule, imports: [CommonModule] });
 }
-StockChartModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: StockChartModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-StockChartModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: StockChartModule, declarations: [StockChartComponent,
-        StockChartTrendlineDirective,
-        StockChartTrendlinesDirective,
-        StockChartSeriesDirective,
-        StockChartSeriesCollectionDirective,
-        StockChartAxisDirective,
-        StockChartAxesDirective,
-        StockChartRowDirective,
-        StockChartRowsDirective,
-        StockChartAnnotationDirective,
-        StockChartAnnotationsDirective,
-        StockChartSelectedDataIndexDirective,
-        StockChartSelectedDataIndexesDirective,
-        StockChartPeriodDirective,
-        StockChartPeriodsDirective,
-        StockEventDirective,
-        StockEventsDirective,
-        StockChartIndicatorDirective,
-        StockChartIndicatorsDirective], imports: [CommonModule], exports: [StockChartComponent,
-        StockChartTrendlineDirective,
-        StockChartTrendlinesDirective,
-        StockChartSeriesDirective,
-        StockChartSeriesCollectionDirective,
-        StockChartAxisDirective,
-        StockChartAxesDirective,
-        StockChartRowDirective,
-        StockChartRowsDirective,
-        StockChartAnnotationDirective,
-        StockChartAnnotationsDirective,
-        StockChartSelectedDataIndexDirective,
-        StockChartSelectedDataIndexesDirective,
-        StockChartPeriodDirective,
-        StockChartPeriodsDirective,
-        StockEventDirective,
-        StockEventsDirective,
-        StockChartIndicatorDirective,
-        StockChartIndicatorsDirective] });
-StockChartModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: StockChartModule, imports: [[CommonModule]] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: StockChartModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: StockChartModule, decorators: [{
             type: NgModule,
             args: [{
-                    imports: [CommonModule],
-                    declarations: [
-                        StockChartComponent,
-                        StockChartTrendlineDirective,
-                        StockChartTrendlinesDirective,
-                        StockChartSeriesDirective,
-                        StockChartSeriesCollectionDirective,
-                        StockChartAxisDirective,
-                        StockChartAxesDirective,
-                        StockChartRowDirective,
-                        StockChartRowsDirective,
-                        StockChartAnnotationDirective,
-                        StockChartAnnotationsDirective,
-                        StockChartSelectedDataIndexDirective,
-                        StockChartSelectedDataIndexesDirective,
-                        StockChartPeriodDirective,
-                        StockChartPeriodsDirective,
-                        StockEventDirective,
-                        StockEventsDirective,
-                        StockChartIndicatorDirective,
-                        StockChartIndicatorsDirective
-                    ],
-                    exports: [
-                        StockChartComponent,
-                        StockChartTrendlineDirective,
-                        StockChartTrendlinesDirective,
-                        StockChartSeriesDirective,
-                        StockChartSeriesCollectionDirective,
-                        StockChartAxisDirective,
-                        StockChartAxesDirective,
-                        StockChartRowDirective,
-                        StockChartRowsDirective,
-                        StockChartAnnotationDirective,
-                        StockChartAnnotationsDirective,
-                        StockChartSelectedDataIndexDirective,
-                        StockChartSelectedDataIndexesDirective,
-                        StockChartPeriodDirective,
-                        StockChartPeriodsDirective,
-                        StockEventDirective,
-                        StockEventsDirective,
-                        StockChartIndicatorDirective,
-                        StockChartIndicatorsDirective
-                    ]
+                    imports: [CommonModule, ...STOCKCHART_DIRECTIVES],
+                    exports: [...STOCKCHART_DIRECTIVES]
                 }]
         }] });
 
@@ -3345,13 +3395,13 @@ const StockLegendService = { provide: 'ChartsStockLegend', useValue: StockLegend
  * NgModule definition for the StockChart component with providers.
  */
 class StockChartAllModule {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: StockChartAllModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "22.0.0", ngImport: i0, type: StockChartAllModule, imports: [CommonModule, StockChartModule], exports: [StockChartModule] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: StockChartAllModule, providers: [
+            StockLegendService
+        ], imports: [CommonModule, StockChartModule, StockChartModule] });
 }
-StockChartAllModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: StockChartAllModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-StockChartAllModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: StockChartAllModule, imports: [CommonModule, StockChartModule], exports: [StockChartModule] });
-StockChartAllModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: StockChartAllModule, providers: [
-        StockLegendService
-    ], imports: [[CommonModule, StockChartModule], StockChartModule] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: StockChartAllModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: StockChartAllModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [CommonModule, StockChartModule],
@@ -3375,6 +3425,8 @@ let outputs$d = [];
  * ```
  */
 class BulletRangeDirective extends ComplexBase {
+    viewContainerRef;
+    directivePropList;
     constructor(viewContainerRef) {
         super();
         this.viewContainerRef = viewContainerRef;
@@ -3382,18 +3434,19 @@ class BulletRangeDirective extends ComplexBase {
         this.registerEvents(outputs$d);
         this.directivePropList = input$9;
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: BulletRangeDirective, deps: [{ token: i0.ViewContainerRef }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.0", type: BulletRangeDirective, isStandalone: true, selector: "e-bullet-range-collection>e-bullet-range", inputs: { color: "color", end: "end", index: "index", legendImageUrl: "legendImageUrl", name: "name", opacity: "opacity", shape: "shape" }, usesInheritance: true, ngImport: i0 });
 }
-BulletRangeDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: BulletRangeDirective, deps: [{ token: i0.ViewContainerRef }], target: i0.ɵɵFactoryTarget.Directive });
-BulletRangeDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.0.3", type: BulletRangeDirective, selector: "e-bullet-range-collection>e-bullet-range", inputs: { color: "color", end: "end", index: "index", legendImageUrl: "legendImageUrl", name: "name", opacity: "opacity", shape: "shape" }, usesInheritance: true, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: BulletRangeDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: BulletRangeDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: 'e-bullet-range-collection>e-bullet-range',
                     inputs: input$9,
                     outputs: outputs$d,
+                    standalone: true,
                     queries: {}
                 }]
-        }], ctorParameters: function () { return [{ type: i0.ViewContainerRef }]; } });
+        }], ctorParameters: () => [{ type: i0.ViewContainerRef }] });
 /**
  * BulletRange Array Directive
  * @private
@@ -3402,18 +3455,19 @@ class BulletRangeCollectionDirective extends ArrayBase {
     constructor() {
         super('ranges');
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: BulletRangeCollectionDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.0", type: BulletRangeCollectionDirective, isStandalone: true, selector: "ej-bulletchart>e-bullet-range-collection", queries: [{ propertyName: "children", predicate: BulletRangeDirective }], usesInheritance: true, ngImport: i0 });
 }
-BulletRangeCollectionDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: BulletRangeCollectionDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-BulletRangeCollectionDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.0.3", type: BulletRangeCollectionDirective, selector: "ej-bulletchart>e-bullet-range-collection", queries: [{ propertyName: "children", predicate: BulletRangeDirective }], usesInheritance: true, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: BulletRangeCollectionDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: BulletRangeCollectionDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: 'ej-bulletchart>e-bullet-range-collection',
+                    standalone: true,
                     queries: {
                         children: new ContentChildren(BulletRangeDirective)
                     },
                 }]
-        }], ctorParameters: function () { return []; } });
+        }], ctorParameters: () => [] });
 
 const inputs$3 = ['animation', 'border', 'categoryField', 'categoryLabelStyle', 'dataLabel', 'dataSource', 'enableGroupSeparator', 'enablePersistence', 'enableRtl', 'height', 'interval', 'labelFormat', 'labelPosition', 'labelStyle', 'legendSettings', 'locale', 'majorTickLines', 'margin', 'maximum', 'minimum', 'minorTickLines', 'minorTicksPerInterval', 'opposedPosition', 'orientation', 'query', 'ranges', 'subtitle', 'subtitleStyle', 'tabIndex', 'targetColor', 'targetField', 'targetTypes', 'targetWidth', 'theme', 'tickPosition', 'title', 'titlePosition', 'titleStyle', 'tooltip', 'type', 'valueBorder', 'valueField', 'valueFill', 'valueHeight', 'width'];
 const outputs$c = ['beforePrint', 'bulletChartMouseClick', 'legendRender', 'load', 'loaded', 'tooltipRender', 'dataSourceChange'];
@@ -3425,13 +3479,17 @@ const twoWays$3 = ['dataSource'];
  * ```
  */
 let BulletChartComponent = class BulletChartComponent extends BulletChart {
+    ngEle;
+    srenderer;
+    viewContainerRef;
+    injector;
+    tags = ['ranges'];
     constructor(ngEle, srenderer, viewContainerRef, injector) {
         super();
         this.ngEle = ngEle;
         this.srenderer = srenderer;
         this.viewContainerRef = viewContainerRef;
         this.injector = injector;
-        this.tags = ['ranges'];
         this.element = this.ngEle.nativeElement;
         this.injectedModules = this.injectedModules || [];
         try {
@@ -3466,16 +3524,13 @@ let BulletChartComponent = class BulletChartComponent extends BulletChart {
         this.tagObjects[0].instance = this.childRanges;
         this.context.ngAfterContentChecked(this);
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: BulletChartComponent, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i0.ViewContainerRef }, { token: i0.Injector }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.0.0", type: BulletChartComponent, isStandalone: true, selector: "ejs-bulletchart", inputs: { animation: "animation", border: "border", categoryField: "categoryField", categoryLabelStyle: "categoryLabelStyle", dataLabel: "dataLabel", dataSource: "dataSource", enableGroupSeparator: "enableGroupSeparator", enablePersistence: "enablePersistence", enableRtl: "enableRtl", height: "height", interval: "interval", labelFormat: "labelFormat", labelPosition: "labelPosition", labelStyle: "labelStyle", legendSettings: "legendSettings", locale: "locale", majorTickLines: "majorTickLines", margin: "margin", maximum: "maximum", minimum: "minimum", minorTickLines: "minorTickLines", minorTicksPerInterval: "minorTicksPerInterval", opposedPosition: "opposedPosition", orientation: "orientation", query: "query", ranges: "ranges", subtitle: "subtitle", subtitleStyle: "subtitleStyle", tabIndex: "tabIndex", targetColor: "targetColor", targetField: "targetField", targetTypes: "targetTypes", targetWidth: "targetWidth", theme: "theme", tickPosition: "tickPosition", title: "title", titlePosition: "titlePosition", titleStyle: "titleStyle", tooltip: "tooltip", type: "type", valueBorder: "valueBorder", valueField: "valueField", valueFill: "valueFill", valueHeight: "valueHeight", width: "width" }, outputs: { beforePrint: "beforePrint", bulletChartMouseClick: "bulletChartMouseClick", legendRender: "legendRender", load: "load", loaded: "loaded", tooltipRender: "tooltipRender", dataSourceChange: "dataSourceChange" }, queries: [{ propertyName: "childRanges", first: true, predicate: BulletRangeCollectionDirective, descendants: true }, { propertyName: "tooltip_template", first: true, predicate: ["tooltipTemplate"], descendants: true }], usesInheritance: true, ngImport: i0, template: '', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 };
-BulletChartComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: BulletChartComponent, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i0.ViewContainerRef }, { token: i0.Injector }], target: i0.ɵɵFactoryTarget.Component });
-BulletChartComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.0.3", type: BulletChartComponent, selector: "ejs-bulletchart", inputs: { animation: "animation", border: "border", categoryField: "categoryField", categoryLabelStyle: "categoryLabelStyle", dataLabel: "dataLabel", dataSource: "dataSource", enableGroupSeparator: "enableGroupSeparator", enablePersistence: "enablePersistence", enableRtl: "enableRtl", height: "height", interval: "interval", labelFormat: "labelFormat", labelPosition: "labelPosition", labelStyle: "labelStyle", legendSettings: "legendSettings", locale: "locale", majorTickLines: "majorTickLines", margin: "margin", maximum: "maximum", minimum: "minimum", minorTickLines: "minorTickLines", minorTicksPerInterval: "minorTicksPerInterval", opposedPosition: "opposedPosition", orientation: "orientation", query: "query", ranges: "ranges", subtitle: "subtitle", subtitleStyle: "subtitleStyle", tabIndex: "tabIndex", targetColor: "targetColor", targetField: "targetField", targetTypes: "targetTypes", targetWidth: "targetWidth", theme: "theme", tickPosition: "tickPosition", title: "title", titlePosition: "titlePosition", titleStyle: "titleStyle", tooltip: "tooltip", type: "type", valueBorder: "valueBorder", valueField: "valueField", valueFill: "valueFill", valueHeight: "valueHeight", width: "width" }, outputs: { beforePrint: "beforePrint", bulletChartMouseClick: "bulletChartMouseClick", legendRender: "legendRender", load: "load", loaded: "loaded", tooltipRender: "tooltipRender", dataSourceChange: "dataSourceChange" }, queries: [{ propertyName: "tooltip_template", first: true, predicate: ["tooltipTemplate"], descendants: true }, { propertyName: "childRanges", first: true, predicate: BulletRangeCollectionDirective, descendants: true }], usesInheritance: true, ngImport: i0, template: '', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
-__decorate([
-    Template()
-], BulletChartComponent.prototype, "tooltip_template", void 0);
 BulletChartComponent = __decorate([
     ComponentMixins([ComponentBase])
 ], BulletChartComponent);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: BulletChartComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: BulletChartComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'ejs-bulletchart',
@@ -3483,41 +3538,39 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.3", ngImpor
                     outputs: outputs$c,
                     template: '',
                     changeDetection: ChangeDetectionStrategy.OnPush,
+                    standalone: true,
                     queries: {
-                        childRanges: new ContentChild(BulletRangeCollectionDirective)
+                        childRanges: new ContentChild(BulletRangeCollectionDirective),
+                        tooltip_template: new ContentChild('tooltipTemplate')
                     }
                 }]
-        }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.Renderer2 }, { type: i0.ViewContainerRef }, { type: i0.Injector }]; }, propDecorators: { tooltip_template: [{
-                type: ContentChild,
-                args: ['tooltipTemplate']
-            }] } });
+        }], ctorParameters: () => [{ type: i0.ElementRef }, { type: i0.Renderer2 }, { type: i0.ViewContainerRef }, { type: i0.Injector }] });
+Template()(BulletChartComponent.prototype, 'tooltip_template');
 
+const BULLETCHART_DIRECTIVES = [
+    BulletChartComponent,
+    BulletRangeDirective,
+    BulletRangeCollectionDirective
+];
 /**
  * NgModule definition for the BulletChart component.
+ * Re-exports standalone BulletChart component and directives so existing apps can keep using:
+ * `imports: [BulletChartModule]`
  */
 class BulletChartModule {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: BulletChartModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "22.0.0", ngImport: i0, type: BulletChartModule, imports: [CommonModule, BulletChartComponent,
+            BulletRangeDirective,
+            BulletRangeCollectionDirective], exports: [BulletChartComponent,
+            BulletRangeDirective,
+            BulletRangeCollectionDirective] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: BulletChartModule, imports: [CommonModule] });
 }
-BulletChartModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: BulletChartModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-BulletChartModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: BulletChartModule, declarations: [BulletChartComponent,
-        BulletRangeDirective,
-        BulletRangeCollectionDirective], imports: [CommonModule], exports: [BulletChartComponent,
-        BulletRangeDirective,
-        BulletRangeCollectionDirective] });
-BulletChartModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: BulletChartModule, imports: [[CommonModule]] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: BulletChartModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: BulletChartModule, decorators: [{
             type: NgModule,
             args: [{
-                    imports: [CommonModule],
-                    declarations: [
-                        BulletChartComponent,
-                        BulletRangeDirective,
-                        BulletRangeCollectionDirective
-                    ],
-                    exports: [
-                        BulletChartComponent,
-                        BulletRangeDirective,
-                        BulletRangeCollectionDirective
-                    ]
+                    imports: [CommonModule, ...BULLETCHART_DIRECTIVES],
+                    exports: [...BULLETCHART_DIRECTIVES]
                 }]
         }] });
 
@@ -3527,14 +3580,14 @@ const BulletChartLegendService = { provide: 'ChartsBulletChartLegend', useValue:
  * NgModule definition for the BulletChart component with providers.
  */
 class BulletChartAllModule {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: BulletChartAllModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "22.0.0", ngImport: i0, type: BulletChartAllModule, imports: [CommonModule, BulletChartModule], exports: [BulletChartModule] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: BulletChartAllModule, providers: [
+            BulletTooltipService,
+            BulletChartLegendService
+        ], imports: [CommonModule, BulletChartModule, BulletChartModule] });
 }
-BulletChartAllModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: BulletChartAllModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-BulletChartAllModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: BulletChartAllModule, imports: [CommonModule, BulletChartModule], exports: [BulletChartModule] });
-BulletChartAllModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: BulletChartAllModule, providers: [
-        BulletTooltipService,
-        BulletChartLegendService
-    ], imports: [[CommonModule, BulletChartModule], BulletChartModule] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: BulletChartAllModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: BulletChartAllModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [CommonModule, BulletChartModule],
@@ -3559,6 +3612,8 @@ let outputs$b = [];
  * ```
  */
 class Chart3DSeriesDirective extends ComplexBase {
+    viewContainerRef;
+    directivePropList;
     constructor(viewContainerRef) {
         super();
         this.viewContainerRef = viewContainerRef;
@@ -3566,24 +3621,22 @@ class Chart3DSeriesDirective extends ComplexBase {
         this.registerEvents(outputs$b);
         this.directivePropList = input$8;
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: Chart3DSeriesDirective, deps: [{ token: i0.ViewContainerRef }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.0", type: Chart3DSeriesDirective, isStandalone: true, selector: "e-chart3d-series-collection>e-chart3d-series", inputs: { animation: "animation", columnFacet: "columnFacet", columnSpacing: "columnSpacing", columnWidth: "columnWidth", dataLabel: "dataLabel", dataSource: "dataSource", emptyPointSettings: "emptyPointSettings", enableTooltip: "enableTooltip", fill: "fill", groupName: "groupName", legendImageUrl: "legendImageUrl", legendShape: "legendShape", name: "name", opacity: "opacity", pointColorMapping: "pointColorMapping", query: "query", size: "size", stackingGroup: "stackingGroup", tooltipFormat: "tooltipFormat", tooltipMappingName: "tooltipMappingName", type: "type", visible: "visible", xAxisName: "xAxisName", xName: "xName", yAxisName: "yAxisName", yName: "yName" }, queries: [{ propertyName: "dataLabel_template", first: true, predicate: ["dataLabelTemplate"], descendants: true }], usesInheritance: true, ngImport: i0 });
 }
-Chart3DSeriesDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: Chart3DSeriesDirective, deps: [{ token: i0.ViewContainerRef }], target: i0.ɵɵFactoryTarget.Directive });
-Chart3DSeriesDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.0.3", type: Chart3DSeriesDirective, selector: "e-chart3d-series-collection>e-chart3d-series", inputs: { animation: "animation", columnFacet: "columnFacet", columnSpacing: "columnSpacing", columnWidth: "columnWidth", dataLabel: "dataLabel", dataSource: "dataSource", emptyPointSettings: "emptyPointSettings", enableTooltip: "enableTooltip", fill: "fill", groupName: "groupName", legendImageUrl: "legendImageUrl", legendShape: "legendShape", name: "name", opacity: "opacity", pointColorMapping: "pointColorMapping", query: "query", size: "size", stackingGroup: "stackingGroup", tooltipFormat: "tooltipFormat", tooltipMappingName: "tooltipMappingName", type: "type", visible: "visible", xAxisName: "xAxisName", xName: "xName", yAxisName: "yAxisName", yName: "yName" }, queries: [{ propertyName: "dataLabel_template", first: true, predicate: ["dataLabelTemplate"], descendants: true }], usesInheritance: true, ngImport: i0 });
-__decorate([
-    Template()
-], Chart3DSeriesDirective.prototype, "dataLabel_template", void 0);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: Chart3DSeriesDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: Chart3DSeriesDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: 'e-chart3d-series-collection>e-chart3d-series',
                     inputs: input$8,
                     outputs: outputs$b,
-                    queries: {}
+                    standalone: true,
+                    queries: {
+                        dataLabel_template: new ContentChild('dataLabelTemplate')
+                    }
                 }]
-        }], ctorParameters: function () { return [{ type: i0.ViewContainerRef }]; }, propDecorators: { dataLabel_template: [{
-                type: ContentChild,
-                args: ['dataLabelTemplate']
-            }] } });
+        }], ctorParameters: () => [{ type: i0.ViewContainerRef }] });
+Template()(Chart3DSeriesDirective.prototype, 'dataLabel_template');
 /**
  * Chart3DSeries Array Directive
  * @private
@@ -3592,18 +3645,19 @@ class Chart3DSeriesCollectionDirective extends ArrayBase {
     constructor() {
         super('series');
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: Chart3DSeriesCollectionDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.0", type: Chart3DSeriesCollectionDirective, isStandalone: true, selector: "ejs-chart3d>e-chart3d-series-collection", queries: [{ propertyName: "children", predicate: Chart3DSeriesDirective }], usesInheritance: true, ngImport: i0 });
 }
-Chart3DSeriesCollectionDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: Chart3DSeriesCollectionDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-Chart3DSeriesCollectionDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.0.3", type: Chart3DSeriesCollectionDirective, selector: "ejs-chart3d>e-chart3d-series-collection", queries: [{ propertyName: "children", predicate: Chart3DSeriesDirective }], usesInheritance: true, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: Chart3DSeriesCollectionDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: Chart3DSeriesCollectionDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: 'ejs-chart3d>e-chart3d-series-collection',
+                    standalone: true,
                     queries: {
                         children: new ContentChildren(Chart3DSeriesDirective)
                     },
                 }]
-        }], ctorParameters: function () { return []; } });
+        }], ctorParameters: () => [] });
 
 let input$7 = ['columnIndex', 'desiredIntervals', 'edgeLabelPlacement', 'enableTrim', 'interval', 'intervalType', 'isIndexed', 'isInversed', 'labelFormat', 'labelIntersectAction', 'labelPadding', 'labelPlacement', 'labelRotation', 'labelStyle', 'logBase', 'majorGridLines', 'majorTickLines', 'maximum', 'maximumLabelWidth', 'maximumLabels', 'minimum', 'minorGridLines', 'minorTickLines', 'minorTicksPerInterval', 'name', 'opposedPosition', 'plotOffset', 'plotOffsetBottom', 'plotOffsetLeft', 'plotOffsetRight', 'plotOffsetTop', 'rangePadding', 'rowIndex', 'skeleton', 'skeletonType', 'span', 'startFromZero', 'title', 'titlePadding', 'titleRotation', 'titleStyle', 'valueType', 'visible'];
 let outputs$a = [];
@@ -3614,6 +3668,8 @@ let outputs$a = [];
  * ```
  */
 class Chart3DAxisDirective extends ComplexBase {
+    viewContainerRef;
+    directivePropList;
     constructor(viewContainerRef) {
         super();
         this.viewContainerRef = viewContainerRef;
@@ -3621,18 +3677,19 @@ class Chart3DAxisDirective extends ComplexBase {
         this.registerEvents(outputs$a);
         this.directivePropList = input$7;
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: Chart3DAxisDirective, deps: [{ token: i0.ViewContainerRef }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.0", type: Chart3DAxisDirective, isStandalone: true, selector: "e-chart3daxes>e-chart3daxis", inputs: { columnIndex: "columnIndex", desiredIntervals: "desiredIntervals", edgeLabelPlacement: "edgeLabelPlacement", enableTrim: "enableTrim", interval: "interval", intervalType: "intervalType", isIndexed: "isIndexed", isInversed: "isInversed", labelFormat: "labelFormat", labelIntersectAction: "labelIntersectAction", labelPadding: "labelPadding", labelPlacement: "labelPlacement", labelRotation: "labelRotation", labelStyle: "labelStyle", logBase: "logBase", majorGridLines: "majorGridLines", majorTickLines: "majorTickLines", maximum: "maximum", maximumLabelWidth: "maximumLabelWidth", maximumLabels: "maximumLabels", minimum: "minimum", minorGridLines: "minorGridLines", minorTickLines: "minorTickLines", minorTicksPerInterval: "minorTicksPerInterval", name: "name", opposedPosition: "opposedPosition", plotOffset: "plotOffset", plotOffsetBottom: "plotOffsetBottom", plotOffsetLeft: "plotOffsetLeft", plotOffsetRight: "plotOffsetRight", plotOffsetTop: "plotOffsetTop", rangePadding: "rangePadding", rowIndex: "rowIndex", skeleton: "skeleton", skeletonType: "skeletonType", span: "span", startFromZero: "startFromZero", title: "title", titlePadding: "titlePadding", titleRotation: "titleRotation", titleStyle: "titleStyle", valueType: "valueType", visible: "visible" }, usesInheritance: true, ngImport: i0 });
 }
-Chart3DAxisDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: Chart3DAxisDirective, deps: [{ token: i0.ViewContainerRef }], target: i0.ɵɵFactoryTarget.Directive });
-Chart3DAxisDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.0.3", type: Chart3DAxisDirective, selector: "e-chart3daxes>e-chart3daxis", inputs: { columnIndex: "columnIndex", desiredIntervals: "desiredIntervals", edgeLabelPlacement: "edgeLabelPlacement", enableTrim: "enableTrim", interval: "interval", intervalType: "intervalType", isIndexed: "isIndexed", isInversed: "isInversed", labelFormat: "labelFormat", labelIntersectAction: "labelIntersectAction", labelPadding: "labelPadding", labelPlacement: "labelPlacement", labelRotation: "labelRotation", labelStyle: "labelStyle", logBase: "logBase", majorGridLines: "majorGridLines", majorTickLines: "majorTickLines", maximum: "maximum", maximumLabelWidth: "maximumLabelWidth", maximumLabels: "maximumLabels", minimum: "minimum", minorGridLines: "minorGridLines", minorTickLines: "minorTickLines", minorTicksPerInterval: "minorTicksPerInterval", name: "name", opposedPosition: "opposedPosition", plotOffset: "plotOffset", plotOffsetBottom: "plotOffsetBottom", plotOffsetLeft: "plotOffsetLeft", plotOffsetRight: "plotOffsetRight", plotOffsetTop: "plotOffsetTop", rangePadding: "rangePadding", rowIndex: "rowIndex", skeleton: "skeleton", skeletonType: "skeletonType", span: "span", startFromZero: "startFromZero", title: "title", titlePadding: "titlePadding", titleRotation: "titleRotation", titleStyle: "titleStyle", valueType: "valueType", visible: "visible" }, usesInheritance: true, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: Chart3DAxisDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: Chart3DAxisDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: 'e-chart3daxes>e-chart3daxis',
                     inputs: input$7,
                     outputs: outputs$a,
+                    standalone: true,
                     queries: {}
                 }]
-        }], ctorParameters: function () { return [{ type: i0.ViewContainerRef }]; } });
+        }], ctorParameters: () => [{ type: i0.ViewContainerRef }] });
 /**
  * Chart3DAxis Array Directive
  * @private
@@ -3641,18 +3698,19 @@ class Chart3DAxesDirective extends ArrayBase {
     constructor() {
         super('axes');
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: Chart3DAxesDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.0", type: Chart3DAxesDirective, isStandalone: true, selector: "ejs-chart3d>e-chart3daxes", queries: [{ propertyName: "children", predicate: Chart3DAxisDirective }], usesInheritance: true, ngImport: i0 });
 }
-Chart3DAxesDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: Chart3DAxesDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-Chart3DAxesDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.0.3", type: Chart3DAxesDirective, selector: "ejs-chart3d>e-chart3daxes", queries: [{ propertyName: "children", predicate: Chart3DAxisDirective }], usesInheritance: true, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: Chart3DAxesDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: Chart3DAxesDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: 'ejs-chart3d>e-chart3daxes',
+                    standalone: true,
                     queries: {
                         children: new ContentChildren(Chart3DAxisDirective)
                     },
                 }]
-        }], ctorParameters: function () { return []; } });
+        }], ctorParameters: () => [] });
 
 let input$6 = ['height'];
 let outputs$9 = [];
@@ -3663,6 +3721,8 @@ let outputs$9 = [];
  * ```
  */
 class Chart3DRowDirective extends ComplexBase {
+    viewContainerRef;
+    directivePropList;
     constructor(viewContainerRef) {
         super();
         this.viewContainerRef = viewContainerRef;
@@ -3670,18 +3730,19 @@ class Chart3DRowDirective extends ComplexBase {
         this.registerEvents(outputs$9);
         this.directivePropList = input$6;
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: Chart3DRowDirective, deps: [{ token: i0.ViewContainerRef }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.0", type: Chart3DRowDirective, isStandalone: true, selector: "e-chart3d-rows>e-chart3d-row", inputs: { height: "height" }, usesInheritance: true, ngImport: i0 });
 }
-Chart3DRowDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: Chart3DRowDirective, deps: [{ token: i0.ViewContainerRef }], target: i0.ɵɵFactoryTarget.Directive });
-Chart3DRowDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.0.3", type: Chart3DRowDirective, selector: "e-chart3d-rows>e-chart3d-row", inputs: { height: "height" }, usesInheritance: true, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: Chart3DRowDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: Chart3DRowDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: 'e-chart3d-rows>e-chart3d-row',
                     inputs: input$6,
                     outputs: outputs$9,
+                    standalone: true,
                     queries: {}
                 }]
-        }], ctorParameters: function () { return [{ type: i0.ViewContainerRef }]; } });
+        }], ctorParameters: () => [{ type: i0.ViewContainerRef }] });
 /**
  * Chart3DRow Array Directive
  * @private
@@ -3690,18 +3751,19 @@ class Chart3DRowsDirective extends ArrayBase {
     constructor() {
         super('rows');
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: Chart3DRowsDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.0", type: Chart3DRowsDirective, isStandalone: true, selector: "ejs-chart3d>e-chart3d-rows", queries: [{ propertyName: "children", predicate: Chart3DRowDirective }], usesInheritance: true, ngImport: i0 });
 }
-Chart3DRowsDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: Chart3DRowsDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-Chart3DRowsDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.0.3", type: Chart3DRowsDirective, selector: "ejs-chart3d>e-chart3d-rows", queries: [{ propertyName: "children", predicate: Chart3DRowDirective }], usesInheritance: true, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: Chart3DRowsDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: Chart3DRowsDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: 'ejs-chart3d>e-chart3d-rows',
+                    standalone: true,
                     queries: {
                         children: new ContentChildren(Chart3DRowDirective)
                     },
                 }]
-        }], ctorParameters: function () { return []; } });
+        }], ctorParameters: () => [] });
 
 let input$5 = ['width'];
 let outputs$8 = [];
@@ -3712,6 +3774,8 @@ let outputs$8 = [];
  * ```
  */
 class Chart3DColumnDirective extends ComplexBase {
+    viewContainerRef;
+    directivePropList;
     constructor(viewContainerRef) {
         super();
         this.viewContainerRef = viewContainerRef;
@@ -3719,18 +3783,19 @@ class Chart3DColumnDirective extends ComplexBase {
         this.registerEvents(outputs$8);
         this.directivePropList = input$5;
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: Chart3DColumnDirective, deps: [{ token: i0.ViewContainerRef }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.0", type: Chart3DColumnDirective, isStandalone: true, selector: "e-chart3d-columns>e-chart3d-columns", inputs: { width: "width" }, usesInheritance: true, ngImport: i0 });
 }
-Chart3DColumnDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: Chart3DColumnDirective, deps: [{ token: i0.ViewContainerRef }], target: i0.ɵɵFactoryTarget.Directive });
-Chart3DColumnDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.0.3", type: Chart3DColumnDirective, selector: "e-chart3d-columns>e-chart3d-columns", inputs: { width: "width" }, usesInheritance: true, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: Chart3DColumnDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: Chart3DColumnDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: 'e-chart3d-columns>e-chart3d-columns',
                     inputs: input$5,
                     outputs: outputs$8,
+                    standalone: true,
                     queries: {}
                 }]
-        }], ctorParameters: function () { return [{ type: i0.ViewContainerRef }]; } });
+        }], ctorParameters: () => [{ type: i0.ViewContainerRef }] });
 /**
  * Chart3DColumn Array Directive
  * @private
@@ -3739,18 +3804,19 @@ class Chart3DColumnsDirective extends ArrayBase {
     constructor() {
         super('columns');
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: Chart3DColumnsDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.0", type: Chart3DColumnsDirective, isStandalone: true, selector: "ejs-chart3d>e-chart3d-columns", queries: [{ propertyName: "children", predicate: Chart3DColumnDirective }], usesInheritance: true, ngImport: i0 });
 }
-Chart3DColumnsDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: Chart3DColumnsDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-Chart3DColumnsDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.0.3", type: Chart3DColumnsDirective, selector: "ejs-chart3d>e-chart3d-columns", queries: [{ propertyName: "children", predicate: Chart3DColumnDirective }], usesInheritance: true, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: Chart3DColumnsDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: Chart3DColumnsDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: 'ejs-chart3d>e-chart3d-columns',
+                    standalone: true,
                     queries: {
                         children: new ContentChildren(Chart3DColumnDirective)
                     },
                 }]
-        }], ctorParameters: function () { return []; } });
+        }], ctorParameters: () => [] });
 
 let input$4 = ['point', 'series'];
 let outputs$7 = [];
@@ -3761,6 +3827,8 @@ let outputs$7 = [];
  * ```
  */
 class Chart3DSelectedDataIndexDirective extends ComplexBase {
+    viewContainerRef;
+    directivePropList;
     constructor(viewContainerRef) {
         super();
         this.viewContainerRef = viewContainerRef;
@@ -3768,18 +3836,19 @@ class Chart3DSelectedDataIndexDirective extends ComplexBase {
         this.registerEvents(outputs$7);
         this.directivePropList = input$4;
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: Chart3DSelectedDataIndexDirective, deps: [{ token: i0.ViewContainerRef }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.0", type: Chart3DSelectedDataIndexDirective, isStandalone: true, selector: "e-chart3d-selecteddataindexes>e-chart3d-selecteddataindex", inputs: { point: "point", series: "series" }, usesInheritance: true, ngImport: i0 });
 }
-Chart3DSelectedDataIndexDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: Chart3DSelectedDataIndexDirective, deps: [{ token: i0.ViewContainerRef }], target: i0.ɵɵFactoryTarget.Directive });
-Chart3DSelectedDataIndexDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.0.3", type: Chart3DSelectedDataIndexDirective, selector: "e-chart3d-selecteddataindexes>e-chart3d-selecteddataindex", inputs: { point: "point", series: "series" }, usesInheritance: true, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: Chart3DSelectedDataIndexDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: Chart3DSelectedDataIndexDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: 'e-chart3d-selecteddataindexes>e-chart3d-selecteddataindex',
                     inputs: input$4,
                     outputs: outputs$7,
+                    standalone: true,
                     queries: {}
                 }]
-        }], ctorParameters: function () { return [{ type: i0.ViewContainerRef }]; } });
+        }], ctorParameters: () => [{ type: i0.ViewContainerRef }] });
 /**
  * Chart3DSelectedDataIndex Array Directive
  * @private
@@ -3788,18 +3857,19 @@ class Chart3DSelectedDataIndexesDirective extends ArrayBase {
     constructor() {
         super('selecteddataindexes');
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: Chart3DSelectedDataIndexesDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.0", type: Chart3DSelectedDataIndexesDirective, isStandalone: true, selector: "ejs-chart3d>e-chart3d-selecteddataindexes", queries: [{ propertyName: "children", predicate: Chart3DSelectedDataIndexDirective }], usesInheritance: true, ngImport: i0 });
 }
-Chart3DSelectedDataIndexesDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: Chart3DSelectedDataIndexesDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-Chart3DSelectedDataIndexesDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.0.3", type: Chart3DSelectedDataIndexesDirective, selector: "ejs-chart3d>e-chart3d-selecteddataindexes", queries: [{ propertyName: "children", predicate: Chart3DSelectedDataIndexDirective }], usesInheritance: true, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: Chart3DSelectedDataIndexesDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: Chart3DSelectedDataIndexesDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: 'ejs-chart3d>e-chart3d-selecteddataindexes',
+                    standalone: true,
                     queries: {
                         children: new ContentChildren(Chart3DSelectedDataIndexDirective)
                     },
                 }]
-        }], ctorParameters: function () { return []; } });
+        }], ctorParameters: () => [] });
 
 const inputs$2 = ['axes', 'background', 'backgroundImage', 'border', 'columns', 'currencyCode', 'dataSource', 'depth', 'description', 'enableExport', 'enablePersistence', 'enableRotation', 'enableRtl', 'enableSideBySidePlacement', 'height', 'highlightColor', 'highlightMode', 'highlightPattern', 'isMultiSelect', 'isTransposed', 'legendSettings', 'locale', 'margin', 'palettes', 'perspectiveAngle', 'primaryXAxis', 'primaryYAxis', 'rotation', 'rows', 'selectedDataIndexes', 'selectionMode', 'selectionPattern', 'series', 'subTitle', 'subTitleStyle', 'theme', 'tilt', 'title', 'titleStyle', 'tooltip', 'useGroupingSeparator', 'wallColor', 'wallSize', 'width'];
 const outputs$6 = ['afterExport', 'axisLabelRender', 'beforeExport', 'beforePrint', 'beforeResize', 'chart3DMouseClick', 'chart3DMouseDown', 'chart3DMouseLeave', 'chart3DMouseMove', 'chart3DMouseUp', 'legendClick', 'legendRender', 'load', 'loaded', 'pointClick', 'pointMove', 'pointRender', 'resized', 'selectionComplete', 'seriesRender', 'textRender', 'tooltipRender', 'dataSourceChange'];
@@ -3811,13 +3881,17 @@ const twoWays$2 = ['dataSource'];
  * ```
  */
 let Chart3DComponent = class Chart3DComponent extends Chart3D {
+    ngEle;
+    srenderer;
+    viewContainerRef;
+    injector;
+    tags = ['series', 'axes', 'rows', 'columns', 'selectedDataIndexes'];
     constructor(ngEle, srenderer, viewContainerRef, injector) {
         super();
         this.ngEle = ngEle;
         this.srenderer = srenderer;
         this.viewContainerRef = viewContainerRef;
         this.injector = injector;
-        this.tags = ['series', 'axes', 'rows', 'columns', 'selectedDataIndexes'];
         this.element = this.ngEle.nativeElement;
         this.injectedModules = this.injectedModules || [];
         try {
@@ -3948,16 +4022,13 @@ let Chart3DComponent = class Chart3DComponent extends Chart3D {
         }
         this.context.ngAfterContentChecked(this);
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: Chart3DComponent, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i0.ViewContainerRef }, { token: i0.Injector }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.0.0", type: Chart3DComponent, isStandalone: true, selector: "ejs-chart3d", inputs: { axes: "axes", background: "background", backgroundImage: "backgroundImage", border: "border", columns: "columns", currencyCode: "currencyCode", dataSource: "dataSource", depth: "depth", description: "description", enableExport: "enableExport", enablePersistence: "enablePersistence", enableRotation: "enableRotation", enableRtl: "enableRtl", enableSideBySidePlacement: "enableSideBySidePlacement", height: "height", highlightColor: "highlightColor", highlightMode: "highlightMode", highlightPattern: "highlightPattern", isMultiSelect: "isMultiSelect", isTransposed: "isTransposed", legendSettings: "legendSettings", locale: "locale", margin: "margin", palettes: "palettes", perspectiveAngle: "perspectiveAngle", primaryXAxis: "primaryXAxis", primaryYAxis: "primaryYAxis", rotation: "rotation", rows: "rows", selectedDataIndexes: "selectedDataIndexes", selectionMode: "selectionMode", selectionPattern: "selectionPattern", series: "series", subTitle: "subTitle", subTitleStyle: "subTitleStyle", theme: "theme", tilt: "tilt", title: "title", titleStyle: "titleStyle", tooltip: "tooltip", useGroupingSeparator: "useGroupingSeparator", wallColor: "wallColor", wallSize: "wallSize", width: "width" }, outputs: { afterExport: "afterExport", axisLabelRender: "axisLabelRender", beforeExport: "beforeExport", beforePrint: "beforePrint", beforeResize: "beforeResize", chart3DMouseClick: "chart3DMouseClick", chart3DMouseDown: "chart3DMouseDown", chart3DMouseLeave: "chart3DMouseLeave", chart3DMouseMove: "chart3DMouseMove", chart3DMouseUp: "chart3DMouseUp", legendClick: "legendClick", legendRender: "legendRender", load: "load", loaded: "loaded", pointClick: "pointClick", pointMove: "pointMove", pointRender: "pointRender", resized: "resized", selectionComplete: "selectionComplete", seriesRender: "seriesRender", textRender: "textRender", tooltipRender: "tooltipRender", dataSourceChange: "dataSourceChange" }, queries: [{ propertyName: "childSeries", first: true, predicate: Chart3DSeriesCollectionDirective, descendants: true }, { propertyName: "childAxes", first: true, predicate: Chart3DAxesDirective, descendants: true }, { propertyName: "childRows", first: true, predicate: Chart3DRowsDirective, descendants: true }, { propertyName: "childColumns", first: true, predicate: Chart3DColumnsDirective, descendants: true }, { propertyName: "childSelectedDataIndexes", first: true, predicate: Chart3DSelectedDataIndexesDirective, descendants: true }, { propertyName: "tooltip_template", first: true, predicate: ["tooltipTemplate"], descendants: true }], usesInheritance: true, ngImport: i0, template: '', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 };
-Chart3DComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: Chart3DComponent, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i0.ViewContainerRef }, { token: i0.Injector }], target: i0.ɵɵFactoryTarget.Component });
-Chart3DComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.0.3", type: Chart3DComponent, selector: "ejs-chart3d", inputs: { axes: "axes", background: "background", backgroundImage: "backgroundImage", border: "border", columns: "columns", currencyCode: "currencyCode", dataSource: "dataSource", depth: "depth", description: "description", enableExport: "enableExport", enablePersistence: "enablePersistence", enableRotation: "enableRotation", enableRtl: "enableRtl", enableSideBySidePlacement: "enableSideBySidePlacement", height: "height", highlightColor: "highlightColor", highlightMode: "highlightMode", highlightPattern: "highlightPattern", isMultiSelect: "isMultiSelect", isTransposed: "isTransposed", legendSettings: "legendSettings", locale: "locale", margin: "margin", palettes: "palettes", perspectiveAngle: "perspectiveAngle", primaryXAxis: "primaryXAxis", primaryYAxis: "primaryYAxis", rotation: "rotation", rows: "rows", selectedDataIndexes: "selectedDataIndexes", selectionMode: "selectionMode", selectionPattern: "selectionPattern", series: "series", subTitle: "subTitle", subTitleStyle: "subTitleStyle", theme: "theme", tilt: "tilt", title: "title", titleStyle: "titleStyle", tooltip: "tooltip", useGroupingSeparator: "useGroupingSeparator", wallColor: "wallColor", wallSize: "wallSize", width: "width" }, outputs: { afterExport: "afterExport", axisLabelRender: "axisLabelRender", beforeExport: "beforeExport", beforePrint: "beforePrint", beforeResize: "beforeResize", chart3DMouseClick: "chart3DMouseClick", chart3DMouseDown: "chart3DMouseDown", chart3DMouseLeave: "chart3DMouseLeave", chart3DMouseMove: "chart3DMouseMove", chart3DMouseUp: "chart3DMouseUp", legendClick: "legendClick", legendRender: "legendRender", load: "load", loaded: "loaded", pointClick: "pointClick", pointMove: "pointMove", pointRender: "pointRender", resized: "resized", selectionComplete: "selectionComplete", seriesRender: "seriesRender", textRender: "textRender", tooltipRender: "tooltipRender", dataSourceChange: "dataSourceChange" }, queries: [{ propertyName: "tooltip_template", first: true, predicate: ["tooltipTemplate"], descendants: true }, { propertyName: "childSeries", first: true, predicate: Chart3DSeriesCollectionDirective, descendants: true }, { propertyName: "childAxes", first: true, predicate: Chart3DAxesDirective, descendants: true }, { propertyName: "childRows", first: true, predicate: Chart3DRowsDirective, descendants: true }, { propertyName: "childColumns", first: true, predicate: Chart3DColumnsDirective, descendants: true }, { propertyName: "childSelectedDataIndexes", first: true, predicate: Chart3DSelectedDataIndexesDirective, descendants: true }], usesInheritance: true, ngImport: i0, template: '', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
-__decorate([
-    Template()
-], Chart3DComponent.prototype, "tooltip_template", void 0);
 Chart3DComponent = __decorate([
     ComponentMixins([ComponentBase])
 ], Chart3DComponent);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: Chart3DComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: Chart3DComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'ejs-chart3d',
@@ -3965,77 +4036,67 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.3", ngImpor
                     outputs: outputs$6,
                     template: '',
                     changeDetection: ChangeDetectionStrategy.OnPush,
+                    standalone: true,
                     queries: {
                         childSeries: new ContentChild(Chart3DSeriesCollectionDirective),
                         childAxes: new ContentChild(Chart3DAxesDirective),
                         childRows: new ContentChild(Chart3DRowsDirective),
                         childColumns: new ContentChild(Chart3DColumnsDirective),
-                        childSelectedDataIndexes: new ContentChild(Chart3DSelectedDataIndexesDirective)
+                        childSelectedDataIndexes: new ContentChild(Chart3DSelectedDataIndexesDirective),
+                        tooltip_template: new ContentChild('tooltipTemplate')
                     }
                 }]
-        }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.Renderer2 }, { type: i0.ViewContainerRef }, { type: i0.Injector }]; }, propDecorators: { tooltip_template: [{
-                type: ContentChild,
-                args: ['tooltipTemplate']
-            }] } });
+        }], ctorParameters: () => [{ type: i0.ElementRef }, { type: i0.Renderer2 }, { type: i0.ViewContainerRef }, { type: i0.Injector }] });
+Template()(Chart3DComponent.prototype, 'tooltip_template');
 
+const CHART3D_DIRECTIVES = [
+    Chart3DComponent,
+    Chart3DSeriesDirective,
+    Chart3DSeriesCollectionDirective,
+    Chart3DAxisDirective,
+    Chart3DAxesDirective,
+    Chart3DRowDirective,
+    Chart3DRowsDirective,
+    Chart3DColumnDirective,
+    Chart3DColumnsDirective,
+    Chart3DSelectedDataIndexDirective,
+    Chart3DSelectedDataIndexesDirective
+];
 /**
  * NgModule definition for the Chart3D component.
+ * Re-exports standalone Chart3D component and directives so existing apps can keep using:
+ * `imports: [Chart3DModule]`
  */
 class Chart3DModule {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: Chart3DModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "22.0.0", ngImport: i0, type: Chart3DModule, imports: [CommonModule, Chart3DComponent,
+            Chart3DSeriesDirective,
+            Chart3DSeriesCollectionDirective,
+            Chart3DAxisDirective,
+            Chart3DAxesDirective,
+            Chart3DRowDirective,
+            Chart3DRowsDirective,
+            Chart3DColumnDirective,
+            Chart3DColumnsDirective,
+            Chart3DSelectedDataIndexDirective,
+            Chart3DSelectedDataIndexesDirective], exports: [Chart3DComponent,
+            Chart3DSeriesDirective,
+            Chart3DSeriesCollectionDirective,
+            Chart3DAxisDirective,
+            Chart3DAxesDirective,
+            Chart3DRowDirective,
+            Chart3DRowsDirective,
+            Chart3DColumnDirective,
+            Chart3DColumnsDirective,
+            Chart3DSelectedDataIndexDirective,
+            Chart3DSelectedDataIndexesDirective] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: Chart3DModule, imports: [CommonModule] });
 }
-Chart3DModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: Chart3DModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-Chart3DModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: Chart3DModule, declarations: [Chart3DComponent,
-        Chart3DSeriesDirective,
-        Chart3DSeriesCollectionDirective,
-        Chart3DAxisDirective,
-        Chart3DAxesDirective,
-        Chart3DRowDirective,
-        Chart3DRowsDirective,
-        Chart3DColumnDirective,
-        Chart3DColumnsDirective,
-        Chart3DSelectedDataIndexDirective,
-        Chart3DSelectedDataIndexesDirective], imports: [CommonModule], exports: [Chart3DComponent,
-        Chart3DSeriesDirective,
-        Chart3DSeriesCollectionDirective,
-        Chart3DAxisDirective,
-        Chart3DAxesDirective,
-        Chart3DRowDirective,
-        Chart3DRowsDirective,
-        Chart3DColumnDirective,
-        Chart3DColumnsDirective,
-        Chart3DSelectedDataIndexDirective,
-        Chart3DSelectedDataIndexesDirective] });
-Chart3DModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: Chart3DModule, imports: [[CommonModule]] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: Chart3DModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: Chart3DModule, decorators: [{
             type: NgModule,
             args: [{
-                    imports: [CommonModule],
-                    declarations: [
-                        Chart3DComponent,
-                        Chart3DSeriesDirective,
-                        Chart3DSeriesCollectionDirective,
-                        Chart3DAxisDirective,
-                        Chart3DAxesDirective,
-                        Chart3DRowDirective,
-                        Chart3DRowsDirective,
-                        Chart3DColumnDirective,
-                        Chart3DColumnsDirective,
-                        Chart3DSelectedDataIndexDirective,
-                        Chart3DSelectedDataIndexesDirective
-                    ],
-                    exports: [
-                        Chart3DComponent,
-                        Chart3DSeriesDirective,
-                        Chart3DSeriesCollectionDirective,
-                        Chart3DAxisDirective,
-                        Chart3DAxesDirective,
-                        Chart3DRowDirective,
-                        Chart3DRowsDirective,
-                        Chart3DColumnDirective,
-                        Chart3DColumnsDirective,
-                        Chart3DSelectedDataIndexDirective,
-                        Chart3DSelectedDataIndexesDirective
-                    ]
+                    imports: [CommonModule, ...CHART3D_DIRECTIVES],
+                    exports: [...CHART3D_DIRECTIVES]
                 }]
         }] });
 
@@ -4057,26 +4118,26 @@ const Highlight3DService = { provide: 'ChartsHighlight3D', useValue: Highlight3D
  * NgModule definition for the Chart3D component with providers.
  */
 class Chart3DAllModule {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: Chart3DAllModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "22.0.0", ngImport: i0, type: Chart3DAllModule, imports: [CommonModule, Chart3DModule], exports: [Chart3DModule] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: Chart3DAllModule, providers: [
+            ColumnSeries3DService,
+            StackingColumnSeries3DService,
+            BarSeries3DService,
+            StackingBarSeries3DService,
+            Category3DService,
+            DateTime3DService,
+            DateTimeCategory3DService,
+            Logarithmic3DService,
+            Tooltip3DService,
+            Legend3DService,
+            DataLabel3DService,
+            Selection3DService,
+            Export3DService,
+            Highlight3DService
+        ], imports: [CommonModule, Chart3DModule, Chart3DModule] });
 }
-Chart3DAllModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: Chart3DAllModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-Chart3DAllModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: Chart3DAllModule, imports: [CommonModule, Chart3DModule], exports: [Chart3DModule] });
-Chart3DAllModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: Chart3DAllModule, providers: [
-        ColumnSeries3DService,
-        StackingColumnSeries3DService,
-        BarSeries3DService,
-        StackingBarSeries3DService,
-        Category3DService,
-        DateTime3DService,
-        DateTimeCategory3DService,
-        Logarithmic3DService,
-        Tooltip3DService,
-        Legend3DService,
-        DataLabel3DService,
-        Selection3DService,
-        Export3DService,
-        Highlight3DService
-    ], imports: [[CommonModule, Chart3DModule], Chart3DModule] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: Chart3DAllModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: Chart3DAllModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [CommonModule, Chart3DModule],
@@ -4113,6 +4174,8 @@ let outputs$5 = [];
  * ```
  */
 class CircularChart3DSeriesDirective extends ComplexBase {
+    viewContainerRef;
+    directivePropList;
     constructor(viewContainerRef) {
         super();
         this.viewContainerRef = viewContainerRef;
@@ -4120,24 +4183,22 @@ class CircularChart3DSeriesDirective extends ComplexBase {
         this.registerEvents(outputs$5);
         this.directivePropList = input$3;
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: CircularChart3DSeriesDirective, deps: [{ token: i0.ViewContainerRef }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.0", type: CircularChart3DSeriesDirective, isStandalone: true, selector: "e-circularchart3d-series-collection>e-circularchart3d-series", inputs: { animation: "animation", dataLabel: "dataLabel", dataSource: "dataSource", emptyPointSettings: "emptyPointSettings", enableTooltip: "enableTooltip", explode: "explode", explodeAll: "explodeAll", explodeIndex: "explodeIndex", explodeOffset: "explodeOffset", innerRadius: "innerRadius", legendImageUrl: "legendImageUrl", legendShape: "legendShape", name: "name", opacity: "opacity", palettes: "palettes", pointColorMapping: "pointColorMapping", query: "query", radius: "radius", tooltipMappingName: "tooltipMappingName", visible: "visible", xName: "xName", yName: "yName" }, queries: [{ propertyName: "dataLabel_template", first: true, predicate: ["dataLabelTemplate"], descendants: true }], usesInheritance: true, ngImport: i0 });
 }
-CircularChart3DSeriesDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: CircularChart3DSeriesDirective, deps: [{ token: i0.ViewContainerRef }], target: i0.ɵɵFactoryTarget.Directive });
-CircularChart3DSeriesDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.0.3", type: CircularChart3DSeriesDirective, selector: "e-circularchart3d-series-collection>e-circularchart3d-series", inputs: { animation: "animation", dataLabel: "dataLabel", dataSource: "dataSource", emptyPointSettings: "emptyPointSettings", enableTooltip: "enableTooltip", explode: "explode", explodeAll: "explodeAll", explodeIndex: "explodeIndex", explodeOffset: "explodeOffset", innerRadius: "innerRadius", legendImageUrl: "legendImageUrl", legendShape: "legendShape", name: "name", opacity: "opacity", palettes: "palettes", pointColorMapping: "pointColorMapping", query: "query", radius: "radius", tooltipMappingName: "tooltipMappingName", visible: "visible", xName: "xName", yName: "yName" }, queries: [{ propertyName: "dataLabel_template", first: true, predicate: ["dataLabelTemplate"], descendants: true }], usesInheritance: true, ngImport: i0 });
-__decorate([
-    Template()
-], CircularChart3DSeriesDirective.prototype, "dataLabel_template", void 0);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: CircularChart3DSeriesDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: CircularChart3DSeriesDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: 'e-circularchart3d-series-collection>e-circularchart3d-series',
                     inputs: input$3,
                     outputs: outputs$5,
-                    queries: {}
+                    standalone: true,
+                    queries: {
+                        dataLabel_template: new ContentChild('dataLabelTemplate')
+                    }
                 }]
-        }], ctorParameters: function () { return [{ type: i0.ViewContainerRef }]; }, propDecorators: { dataLabel_template: [{
-                type: ContentChild,
-                args: ['dataLabelTemplate']
-            }] } });
+        }], ctorParameters: () => [{ type: i0.ViewContainerRef }] });
+Template()(CircularChart3DSeriesDirective.prototype, 'dataLabel_template');
 /**
  * CircularChart3DSeries Array Directive
  * @private
@@ -4146,18 +4207,19 @@ class CircularChart3DSeriesCollectionDirective extends ArrayBase {
     constructor() {
         super('series');
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: CircularChart3DSeriesCollectionDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.0", type: CircularChart3DSeriesCollectionDirective, isStandalone: true, selector: "ej-circularchart3d>e-circularchart3d-series-collection", queries: [{ propertyName: "children", predicate: CircularChart3DSeriesDirective }], usesInheritance: true, ngImport: i0 });
 }
-CircularChart3DSeriesCollectionDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: CircularChart3DSeriesCollectionDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-CircularChart3DSeriesCollectionDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.0.3", type: CircularChart3DSeriesCollectionDirective, selector: "ej-circularchart3d>e-circularchart3d-series-collection", queries: [{ propertyName: "children", predicate: CircularChart3DSeriesDirective }], usesInheritance: true, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: CircularChart3DSeriesCollectionDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: CircularChart3DSeriesCollectionDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: 'ej-circularchart3d>e-circularchart3d-series-collection',
+                    standalone: true,
                     queries: {
                         children: new ContentChildren(CircularChart3DSeriesDirective)
                     },
                 }]
-        }], ctorParameters: function () { return []; } });
+        }], ctorParameters: () => [] });
 
 let input$2 = ['point', 'series'];
 let outputs$4 = [];
@@ -4168,6 +4230,8 @@ let outputs$4 = [];
  * ```
  */
 class CircularChart3DSelectedDataIndexDirective extends ComplexBase {
+    viewContainerRef;
+    directivePropList;
     constructor(viewContainerRef) {
         super();
         this.viewContainerRef = viewContainerRef;
@@ -4175,18 +4239,19 @@ class CircularChart3DSelectedDataIndexDirective extends ComplexBase {
         this.registerEvents(outputs$4);
         this.directivePropList = input$2;
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: CircularChart3DSelectedDataIndexDirective, deps: [{ token: i0.ViewContainerRef }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.0", type: CircularChart3DSelectedDataIndexDirective, isStandalone: true, selector: "e-circularchart3d-selecteddataindexes>e-circularchart3d-selecteddataindex", inputs: { point: "point", series: "series" }, usesInheritance: true, ngImport: i0 });
 }
-CircularChart3DSelectedDataIndexDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: CircularChart3DSelectedDataIndexDirective, deps: [{ token: i0.ViewContainerRef }], target: i0.ɵɵFactoryTarget.Directive });
-CircularChart3DSelectedDataIndexDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.0.3", type: CircularChart3DSelectedDataIndexDirective, selector: "e-circularchart3d-selecteddataindexes>e-circularchart3d-selecteddataindex", inputs: { point: "point", series: "series" }, usesInheritance: true, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: CircularChart3DSelectedDataIndexDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: CircularChart3DSelectedDataIndexDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: 'e-circularchart3d-selecteddataindexes>e-circularchart3d-selecteddataindex',
                     inputs: input$2,
                     outputs: outputs$4,
+                    standalone: true,
                     queries: {}
                 }]
-        }], ctorParameters: function () { return [{ type: i0.ViewContainerRef }]; } });
+        }], ctorParameters: () => [{ type: i0.ViewContainerRef }] });
 /**
  * CircularChart3DSelectedDataIndex Array Directive
  * @private
@@ -4195,18 +4260,19 @@ class CircularChart3DSelectedDataIndexesDirective extends ArrayBase {
     constructor() {
         super('selecteddataindexes');
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: CircularChart3DSelectedDataIndexesDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.0", type: CircularChart3DSelectedDataIndexesDirective, isStandalone: true, selector: "ejs-circularchart3d>e-circularchart3d-selecteddataindexes", queries: [{ propertyName: "children", predicate: CircularChart3DSelectedDataIndexDirective }], usesInheritance: true, ngImport: i0 });
 }
-CircularChart3DSelectedDataIndexesDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: CircularChart3DSelectedDataIndexesDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-CircularChart3DSelectedDataIndexesDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.0.3", type: CircularChart3DSelectedDataIndexesDirective, selector: "ejs-circularchart3d>e-circularchart3d-selecteddataindexes", queries: [{ propertyName: "children", predicate: CircularChart3DSelectedDataIndexDirective }], usesInheritance: true, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: CircularChart3DSelectedDataIndexesDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: CircularChart3DSelectedDataIndexesDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: 'ejs-circularchart3d>e-circularchart3d-selecteddataindexes',
+                    standalone: true,
                     queries: {
                         children: new ContentChildren(CircularChart3DSelectedDataIndexDirective)
                     },
                 }]
-        }], ctorParameters: function () { return []; } });
+        }], ctorParameters: () => [] });
 
 const inputs$1 = ['background', 'backgroundImage', 'border', 'dataSource', 'depth', 'enableAnimation', 'enableExport', 'enablePersistence', 'enableRotation', 'enableRtl', 'height', 'highlightColor', 'highlightMode', 'highlightPattern', 'isMultiSelect', 'legendSettings', 'locale', 'margin', 'rotation', 'selectedDataIndexes', 'selectionMode', 'selectionPattern', 'series', 'subTitle', 'subTitleStyle', 'theme', 'tilt', 'title', 'titleStyle', 'tooltip', 'useGroupingSeparator', 'width'];
 const outputs$3 = ['afterExport', 'beforeExport', 'beforePrint', 'beforeResize', 'circularChart3DMouseClick', 'circularChart3DMouseDown', 'circularChart3DMouseLeave', 'circularChart3DMouseMove', 'circularChart3DMouseUp', 'legendClick', 'legendRender', 'load', 'loaded', 'pointClick', 'pointMove', 'pointRender', 'resized', 'selectionComplete', 'seriesRender', 'textRender', 'tooltipRender', 'dataSourceChange'];
@@ -4218,13 +4284,17 @@ const twoWays$1 = ['dataSource'];
  * ```
  */
 let CircularChart3DComponent = class CircularChart3DComponent extends CircularChart3D {
+    ngEle;
+    srenderer;
+    viewContainerRef;
+    injector;
+    tags = ['series', 'selectedDataIndexes'];
     constructor(ngEle, srenderer, viewContainerRef, injector) {
         super();
         this.ngEle = ngEle;
         this.srenderer = srenderer;
         this.viewContainerRef = viewContainerRef;
         this.injector = injector;
-        this.tags = ['series', 'selectedDataIndexes'];
         this.element = this.ngEle.nativeElement;
         this.injectedModules = this.injectedModules || [];
         try {
@@ -4297,16 +4367,13 @@ let CircularChart3DComponent = class CircularChart3DComponent extends CircularCh
         }
         this.context.ngAfterContentChecked(this);
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: CircularChart3DComponent, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i0.ViewContainerRef }, { token: i0.Injector }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.0.0", type: CircularChart3DComponent, isStandalone: true, selector: "ejs-circularchart3d", inputs: { background: "background", backgroundImage: "backgroundImage", border: "border", dataSource: "dataSource", depth: "depth", enableAnimation: "enableAnimation", enableExport: "enableExport", enablePersistence: "enablePersistence", enableRotation: "enableRotation", enableRtl: "enableRtl", height: "height", highlightColor: "highlightColor", highlightMode: "highlightMode", highlightPattern: "highlightPattern", isMultiSelect: "isMultiSelect", legendSettings: "legendSettings", locale: "locale", margin: "margin", rotation: "rotation", selectedDataIndexes: "selectedDataIndexes", selectionMode: "selectionMode", selectionPattern: "selectionPattern", series: "series", subTitle: "subTitle", subTitleStyle: "subTitleStyle", theme: "theme", tilt: "tilt", title: "title", titleStyle: "titleStyle", tooltip: "tooltip", useGroupingSeparator: "useGroupingSeparator", width: "width" }, outputs: { afterExport: "afterExport", beforeExport: "beforeExport", beforePrint: "beforePrint", beforeResize: "beforeResize", circularChart3DMouseClick: "circularChart3DMouseClick", circularChart3DMouseDown: "circularChart3DMouseDown", circularChart3DMouseLeave: "circularChart3DMouseLeave", circularChart3DMouseMove: "circularChart3DMouseMove", circularChart3DMouseUp: "circularChart3DMouseUp", legendClick: "legendClick", legendRender: "legendRender", load: "load", loaded: "loaded", pointClick: "pointClick", pointMove: "pointMove", pointRender: "pointRender", resized: "resized", selectionComplete: "selectionComplete", seriesRender: "seriesRender", textRender: "textRender", tooltipRender: "tooltipRender", dataSourceChange: "dataSourceChange" }, queries: [{ propertyName: "childSeries", first: true, predicate: CircularChart3DSeriesCollectionDirective, descendants: true }, { propertyName: "childSelectedDataIndexes", first: true, predicate: CircularChart3DSelectedDataIndexesDirective, descendants: true }, { propertyName: "tooltip_template", first: true, predicate: ["tooltipTemplate"], descendants: true }], usesInheritance: true, ngImport: i0, template: '', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 };
-CircularChart3DComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: CircularChart3DComponent, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i0.ViewContainerRef }, { token: i0.Injector }], target: i0.ɵɵFactoryTarget.Component });
-CircularChart3DComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.0.3", type: CircularChart3DComponent, selector: "ejs-circularchart3d", inputs: { background: "background", backgroundImage: "backgroundImage", border: "border", dataSource: "dataSource", depth: "depth", enableAnimation: "enableAnimation", enableExport: "enableExport", enablePersistence: "enablePersistence", enableRotation: "enableRotation", enableRtl: "enableRtl", height: "height", highlightColor: "highlightColor", highlightMode: "highlightMode", highlightPattern: "highlightPattern", isMultiSelect: "isMultiSelect", legendSettings: "legendSettings", locale: "locale", margin: "margin", rotation: "rotation", selectedDataIndexes: "selectedDataIndexes", selectionMode: "selectionMode", selectionPattern: "selectionPattern", series: "series", subTitle: "subTitle", subTitleStyle: "subTitleStyle", theme: "theme", tilt: "tilt", title: "title", titleStyle: "titleStyle", tooltip: "tooltip", useGroupingSeparator: "useGroupingSeparator", width: "width" }, outputs: { afterExport: "afterExport", beforeExport: "beforeExport", beforePrint: "beforePrint", beforeResize: "beforeResize", circularChart3DMouseClick: "circularChart3DMouseClick", circularChart3DMouseDown: "circularChart3DMouseDown", circularChart3DMouseLeave: "circularChart3DMouseLeave", circularChart3DMouseMove: "circularChart3DMouseMove", circularChart3DMouseUp: "circularChart3DMouseUp", legendClick: "legendClick", legendRender: "legendRender", load: "load", loaded: "loaded", pointClick: "pointClick", pointMove: "pointMove", pointRender: "pointRender", resized: "resized", selectionComplete: "selectionComplete", seriesRender: "seriesRender", textRender: "textRender", tooltipRender: "tooltipRender", dataSourceChange: "dataSourceChange" }, queries: [{ propertyName: "tooltip_template", first: true, predicate: ["tooltipTemplate"], descendants: true }, { propertyName: "childSeries", first: true, predicate: CircularChart3DSeriesCollectionDirective, descendants: true }, { propertyName: "childSelectedDataIndexes", first: true, predicate: CircularChart3DSelectedDataIndexesDirective, descendants: true }], usesInheritance: true, ngImport: i0, template: '', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
-__decorate([
-    Template()
-], CircularChart3DComponent.prototype, "tooltip_template", void 0);
 CircularChart3DComponent = __decorate([
     ComponentMixins([ComponentBase])
 ], CircularChart3DComponent);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: CircularChart3DComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: CircularChart3DComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'ejs-circularchart3d',
@@ -4314,50 +4381,46 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.3", ngImpor
                     outputs: outputs$3,
                     template: '',
                     changeDetection: ChangeDetectionStrategy.OnPush,
+                    standalone: true,
                     queries: {
                         childSeries: new ContentChild(CircularChart3DSeriesCollectionDirective),
-                        childSelectedDataIndexes: new ContentChild(CircularChart3DSelectedDataIndexesDirective)
+                        childSelectedDataIndexes: new ContentChild(CircularChart3DSelectedDataIndexesDirective),
+                        tooltip_template: new ContentChild('tooltipTemplate')
                     }
                 }]
-        }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.Renderer2 }, { type: i0.ViewContainerRef }, { type: i0.Injector }]; }, propDecorators: { tooltip_template: [{
-                type: ContentChild,
-                args: ['tooltipTemplate']
-            }] } });
+        }], ctorParameters: () => [{ type: i0.ElementRef }, { type: i0.Renderer2 }, { type: i0.ViewContainerRef }, { type: i0.Injector }] });
+Template()(CircularChart3DComponent.prototype, 'tooltip_template');
 
+const CIRCULARCHART3D_DIRECTIVES = [
+    CircularChart3DComponent,
+    CircularChart3DSeriesDirective,
+    CircularChart3DSeriesCollectionDirective,
+    CircularChart3DSelectedDataIndexDirective,
+    CircularChart3DSelectedDataIndexesDirective
+];
 /**
  * NgModule definition for the CircularChart3D component.
+ * Re-exports standalone CircularChart3D component and directives so existing apps can keep using:
+ * `imports: [CircularChart3DModule]`
  */
 class CircularChart3DModule {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: CircularChart3DModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "22.0.0", ngImport: i0, type: CircularChart3DModule, imports: [CommonModule, CircularChart3DComponent,
+            CircularChart3DSeriesDirective,
+            CircularChart3DSeriesCollectionDirective,
+            CircularChart3DSelectedDataIndexDirective,
+            CircularChart3DSelectedDataIndexesDirective], exports: [CircularChart3DComponent,
+            CircularChart3DSeriesDirective,
+            CircularChart3DSeriesCollectionDirective,
+            CircularChart3DSelectedDataIndexDirective,
+            CircularChart3DSelectedDataIndexesDirective] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: CircularChart3DModule, imports: [CommonModule] });
 }
-CircularChart3DModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: CircularChart3DModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-CircularChart3DModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: CircularChart3DModule, declarations: [CircularChart3DComponent,
-        CircularChart3DSeriesDirective,
-        CircularChart3DSeriesCollectionDirective,
-        CircularChart3DSelectedDataIndexDirective,
-        CircularChart3DSelectedDataIndexesDirective], imports: [CommonModule], exports: [CircularChart3DComponent,
-        CircularChart3DSeriesDirective,
-        CircularChart3DSeriesCollectionDirective,
-        CircularChart3DSelectedDataIndexDirective,
-        CircularChart3DSelectedDataIndexesDirective] });
-CircularChart3DModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: CircularChart3DModule, imports: [[CommonModule]] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: CircularChart3DModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: CircularChart3DModule, decorators: [{
             type: NgModule,
             args: [{
-                    imports: [CommonModule],
-                    declarations: [
-                        CircularChart3DComponent,
-                        CircularChart3DSeriesDirective,
-                        CircularChart3DSeriesCollectionDirective,
-                        CircularChart3DSelectedDataIndexDirective,
-                        CircularChart3DSelectedDataIndexesDirective
-                    ],
-                    exports: [
-                        CircularChart3DComponent,
-                        CircularChart3DSeriesDirective,
-                        CircularChart3DSeriesCollectionDirective,
-                        CircularChart3DSelectedDataIndexDirective,
-                        CircularChart3DSelectedDataIndexesDirective
-                    ]
+                    imports: [CommonModule, ...CIRCULARCHART3D_DIRECTIVES],
+                    exports: [...CIRCULARCHART3D_DIRECTIVES]
                 }]
         }] });
 
@@ -4372,19 +4435,19 @@ const CircularChartExport3DService = { provide: 'ChartsCircularChartExport3D', u
  * NgModule definition for the CircularChart3D component with providers.
  */
 class CircularChart3DAllModule {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: CircularChart3DAllModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "22.0.0", ngImport: i0, type: CircularChart3DAllModule, imports: [CommonModule, CircularChart3DModule], exports: [CircularChart3DModule] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: CircularChart3DAllModule, providers: [
+            PieSeries3DService,
+            CircularChartTooltip3DService,
+            CircularChartLegend3DService,
+            CircularChartSelection3DService,
+            CircularChartDataLabel3DService,
+            CircularChartHighlight3DService,
+            CircularChartExport3DService
+        ], imports: [CommonModule, CircularChart3DModule, CircularChart3DModule] });
 }
-CircularChart3DAllModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: CircularChart3DAllModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-CircularChart3DAllModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: CircularChart3DAllModule, imports: [CommonModule, CircularChart3DModule], exports: [CircularChart3DModule] });
-CircularChart3DAllModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: CircularChart3DAllModule, providers: [
-        PieSeries3DService,
-        CircularChartTooltip3DService,
-        CircularChartLegend3DService,
-        CircularChartSelection3DService,
-        CircularChartDataLabel3DService,
-        CircularChartHighlight3DService,
-        CircularChartExport3DService
-    ], imports: [[CommonModule, CircularChart3DModule], CircularChart3DModule] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: CircularChart3DAllModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: CircularChart3DAllModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [CommonModule, CircularChart3DModule],
@@ -4414,6 +4477,8 @@ let outputs$2 = [];
  * ```
  */
 class SankeyNodeDirective extends ComplexBase {
+    viewContainerRef;
+    directivePropList;
     constructor(viewContainerRef) {
         super();
         this.viewContainerRef = viewContainerRef;
@@ -4421,18 +4486,19 @@ class SankeyNodeDirective extends ComplexBase {
         this.registerEvents(outputs$2);
         this.directivePropList = input$1;
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: SankeyNodeDirective, deps: [{ token: i0.ViewContainerRef }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.0", type: SankeyNodeDirective, isStandalone: true, selector: "e-sankey-nodes>e-sankey-node", inputs: { color: "color", id: "id", label: "label", offset: "offset" }, usesInheritance: true, ngImport: i0 });
 }
-SankeyNodeDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: SankeyNodeDirective, deps: [{ token: i0.ViewContainerRef }], target: i0.ɵɵFactoryTarget.Directive });
-SankeyNodeDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.0.3", type: SankeyNodeDirective, selector: "e-sankey-nodes>e-sankey-node", inputs: { color: "color", id: "id", label: "label", offset: "offset" }, usesInheritance: true, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: SankeyNodeDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: SankeyNodeDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: 'e-sankey-nodes>e-sankey-node',
                     inputs: input$1,
                     outputs: outputs$2,
+                    standalone: true,
                     queries: {}
                 }]
-        }], ctorParameters: function () { return [{ type: i0.ViewContainerRef }]; } });
+        }], ctorParameters: () => [{ type: i0.ViewContainerRef }] });
 /**
  * SankeyNode Array Directive
  * @private
@@ -4441,18 +4507,19 @@ class SankeyNodesCollectionDirective extends ArrayBase {
     constructor() {
         super('nodes');
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: SankeyNodesCollectionDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.0", type: SankeyNodesCollectionDirective, isStandalone: true, selector: "ejs-sankey>e-sankey-nodes", queries: [{ propertyName: "children", predicate: SankeyNodeDirective }], usesInheritance: true, ngImport: i0 });
 }
-SankeyNodesCollectionDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: SankeyNodesCollectionDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-SankeyNodesCollectionDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.0.3", type: SankeyNodesCollectionDirective, selector: "ejs-sankey>e-sankey-nodes", queries: [{ propertyName: "children", predicate: SankeyNodeDirective }], usesInheritance: true, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: SankeyNodesCollectionDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: SankeyNodesCollectionDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: 'ejs-sankey>e-sankey-nodes',
+                    standalone: true,
                     queries: {
                         children: new ContentChildren(SankeyNodeDirective)
                     },
                 }]
-        }], ctorParameters: function () { return []; } });
+        }], ctorParameters: () => [] });
 
 let input = ['sourceId', 'targetId', 'value'];
 let outputs$1 = [];
@@ -4465,6 +4532,8 @@ let outputs$1 = [];
  * ```
  */
 class SankeyLinkDirective extends ComplexBase {
+    viewContainerRef;
+    directivePropList;
     constructor(viewContainerRef) {
         super();
         this.viewContainerRef = viewContainerRef;
@@ -4472,18 +4541,19 @@ class SankeyLinkDirective extends ComplexBase {
         this.registerEvents(outputs$1);
         this.directivePropList = input;
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: SankeyLinkDirective, deps: [{ token: i0.ViewContainerRef }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.0", type: SankeyLinkDirective, isStandalone: true, selector: "e-sankey-links>e-sankey-link", inputs: { sourceId: "sourceId", targetId: "targetId", value: "value" }, usesInheritance: true, ngImport: i0 });
 }
-SankeyLinkDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: SankeyLinkDirective, deps: [{ token: i0.ViewContainerRef }], target: i0.ɵɵFactoryTarget.Directive });
-SankeyLinkDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.0.3", type: SankeyLinkDirective, selector: "e-sankey-links>e-sankey-link", inputs: { sourceId: "sourceId", targetId: "targetId", value: "value" }, usesInheritance: true, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: SankeyLinkDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: SankeyLinkDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: 'e-sankey-links>e-sankey-link',
                     inputs: input,
                     outputs: outputs$1,
+                    standalone: true,
                     queries: {}
                 }]
-        }], ctorParameters: function () { return [{ type: i0.ViewContainerRef }]; } });
+        }], ctorParameters: () => [{ type: i0.ViewContainerRef }] });
 /**
  * SankeyLink Array Directive
  * @private
@@ -4492,18 +4562,19 @@ class SankeyLinksCollectionDirective extends ArrayBase {
     constructor() {
         super('links');
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: SankeyLinksCollectionDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.0", type: SankeyLinksCollectionDirective, isStandalone: true, selector: "ejs-sankey>e-sankey-links", queries: [{ propertyName: "children", predicate: SankeyLinkDirective }], usesInheritance: true, ngImport: i0 });
 }
-SankeyLinksCollectionDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: SankeyLinksCollectionDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-SankeyLinksCollectionDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.0.3", type: SankeyLinksCollectionDirective, selector: "ejs-sankey>e-sankey-links", queries: [{ propertyName: "children", predicate: SankeyLinkDirective }], usesInheritance: true, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: SankeyLinksCollectionDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: SankeyLinksCollectionDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: 'ejs-sankey>e-sankey-links',
+                    standalone: true,
                     queries: {
                         children: new ContentChildren(SankeyLinkDirective)
                     },
                 }]
-        }], ctorParameters: function () { return []; } });
+        }], ctorParameters: () => [] });
 
 const inputs = ['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'];
 const outputs = ['afterExport', 'beforeExport', 'beforePrint', 'exportCompleted', 'labelRendering', 'legendItemHover', 'legendItemRendering', 'linkClick', 'linkEnter', 'linkLeave', 'linkRendering', 'load', 'loaded', 'nodeClick', 'nodeEnter', 'nodeLeave', 'nodeRendering', 'sizeChanged', 'tooltipRendering'];
@@ -4515,13 +4586,17 @@ const twoWays = [''];
  * ```
  */
 let SankeyComponent = class SankeyComponent extends Sankey {
+    ngEle;
+    srenderer;
+    viewContainerRef;
+    injector;
+    tags = ['nodes', 'links'];
     constructor(ngEle, srenderer, viewContainerRef, injector) {
         super();
         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 {
@@ -4573,19 +4648,13 @@ let SankeyComponent = class SankeyComponent extends Sankey {
         }
         this.context.ngAfterContentChecked(this);
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: SankeyComponent, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i0.ViewContainerRef }, { token: i0.Injector }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.0.0", type: SankeyComponent, isStandalone: true, selector: "ejs-sankey", inputs: { accessibility: "accessibility", allowExport: "allowExport", animation: "animation", background: "background", backgroundImage: "backgroundImage", border: "border", enableExport: "enableExport", enablePersistence: "enablePersistence", enableRtl: "enableRtl", focusBorderColor: "focusBorderColor", focusBorderMargin: "focusBorderMargin", focusBorderWidth: "focusBorderWidth", height: "height", labelSettings: "labelSettings", legendSettings: "legendSettings", linkStyle: "linkStyle", links: "links", locale: "locale", margin: "margin", nodeStyle: "nodeStyle", nodes: "nodes", orientation: "orientation", subTitle: "subTitle", subTitleStyle: "subTitleStyle", theme: "theme", title: "title", titleStyle: "titleStyle", tooltip: "tooltip", width: "width" }, outputs: { afterExport: "afterExport", beforeExport: "beforeExport", beforePrint: "beforePrint", exportCompleted: "exportCompleted", labelRendering: "labelRendering", legendItemHover: "legendItemHover", legendItemRendering: "legendItemRendering", linkClick: "linkClick", linkEnter: "linkEnter", linkLeave: "linkLeave", linkRendering: "linkRendering", load: "load", loaded: "loaded", nodeClick: "nodeClick", nodeEnter: "nodeEnter", nodeLeave: "nodeLeave", nodeRendering: "nodeRendering", sizeChanged: "sizeChanged", tooltipRendering: "tooltipRendering" }, queries: [{ propertyName: "childNodes", first: true, predicate: SankeyNodesCollectionDirective, descendants: true }, { propertyName: "childLinks", first: true, predicate: SankeyLinksCollectionDirective, descendants: true }, { propertyName: "tooltip_sankeyNodeTemplate", first: true, predicate: ["tooltipSankeyNodeTemplate"], descendants: true }, { propertyName: "tooltip_sankeyLinkTemplate", first: true, predicate: ["tooltipSankeyLinkTemplate"], descendants: true }], usesInheritance: true, ngImport: i0, template: '', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 };
-SankeyComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: SankeyComponent, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i0.ViewContainerRef }, { token: i0.Injector }], target: i0.ɵɵFactoryTarget.Component });
-SankeyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.0.3", type: SankeyComponent, selector: "ejs-sankey", inputs: { accessibility: "accessibility", allowExport: "allowExport", animation: "animation", background: "background", backgroundImage: "backgroundImage", border: "border", enableExport: "enableExport", enablePersistence: "enablePersistence", enableRtl: "enableRtl", focusBorderColor: "focusBorderColor", focusBorderMargin: "focusBorderMargin", focusBorderWidth: "focusBorderWidth", height: "height", labelSettings: "labelSettings", legendSettings: "legendSettings", linkStyle: "linkStyle", links: "links", locale: "locale", margin: "margin", nodeStyle: "nodeStyle", nodes: "nodes", orientation: "orientation", subTitle: "subTitle", subTitleStyle: "subTitleStyle", theme: "theme", title: "title", titleStyle: "titleStyle", tooltip: "tooltip", width: "width" }, outputs: { afterExport: "afterExport", beforeExport: "beforeExport", beforePrint: "beforePrint", exportCompleted: "exportCompleted", labelRendering: "labelRendering", legendItemHover: "legendItemHover", legendItemRendering: "legendItemRendering", linkClick: "linkClick", linkEnter: "linkEnter", linkLeave: "linkLeave", linkRendering: "linkRendering", load: "load", loaded: "loaded", nodeClick: "nodeClick", nodeEnter: "nodeEnter", nodeLeave: "nodeLeave", nodeRendering: "nodeRendering", sizeChanged: "sizeChanged", tooltipRendering: "tooltipRendering" }, queries: [{ propertyName: "tooltip_sankeyNodeTemplate", first: true, predicate: ["tooltipSankeyNodeTemplate"], descendants: true }, { propertyName: "tooltip_sankeyLinkTemplate", first: true, predicate: ["tooltipSankeyLinkTemplate"], descendants: true }, { propertyName: "childNodes", first: true, predicate: SankeyNodesCollectionDirective, descendants: true }, { propertyName: "childLinks", first: true, predicate: SankeyLinksCollectionDirective, descendants: true }], usesInheritance: true, ngImport: i0, template: '', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
-__decorate([
-    Template()
-], SankeyComponent.prototype, "tooltip_sankeyNodeTemplate", void 0);
-__decorate([
-    Template()
-], SankeyComponent.prototype, "tooltip_sankeyLinkTemplate", void 0);
 SankeyComponent = __decorate([
     ComponentMixins([ComponentBase])
 ], SankeyComponent);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: SankeyComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: SankeyComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'ejs-sankey',
@@ -4593,53 +4662,48 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.3", ngImpor
                     outputs: outputs,
                     template: '',
                     changeDetection: ChangeDetectionStrategy.OnPush,
+                    standalone: true,
                     queries: {
                         childNodes: new ContentChild(SankeyNodesCollectionDirective),
-                        childLinks: new ContentChild(SankeyLinksCollectionDirective)
+                        childLinks: new ContentChild(SankeyLinksCollectionDirective),
+                        tooltip_sankeyNodeTemplate: new ContentChild('tooltipSankeyNodeTemplate'),
+                        tooltip_sankeyLinkTemplate: new ContentChild('tooltipSankeyLinkTemplate')
                     }
                 }]
-        }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.Renderer2 }, { type: i0.ViewContainerRef }, { type: i0.Injector }]; }, propDecorators: { tooltip_sankeyNodeTemplate: [{
-                type: ContentChild,
-                args: ['tooltipSankeyNodeTemplate']
-            }], tooltip_sankeyLinkTemplate: [{
-                type: ContentChild,
-                args: ['tooltipSankeyLinkTemplate']
-            }] } });
+        }], ctorParameters: () => [{ type: i0.ElementRef }, { type: i0.Renderer2 }, { type: i0.ViewContainerRef }, { type: i0.Injector }] });
+Template()(SankeyComponent.prototype, 'tooltip_sankeyNodeTemplate');
+Template()(SankeyComponent.prototype, 'tooltip_sankeyLinkTemplate');
 
+const SANKEY_DIRECTIVES = [
+    SankeyComponent,
+    SankeyNodeDirective,
+    SankeyNodesCollectionDirective,
+    SankeyLinkDirective,
+    SankeyLinksCollectionDirective
+];
 /**
  * NgModule definition for the Sankey component.
+ * Re-exports standalone Sankey component and directives so existing apps can keep using:
+ * `imports: [SankeyModule]`
  */
 class SankeyModule {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: SankeyModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "22.0.0", ngImport: i0, type: SankeyModule, imports: [CommonModule, SankeyComponent,
+            SankeyNodeDirective,
+            SankeyNodesCollectionDirective,
+            SankeyLinkDirective,
+            SankeyLinksCollectionDirective], exports: [SankeyComponent,
+            SankeyNodeDirective,
+            SankeyNodesCollectionDirective,
+            SankeyLinkDirective,
+            SankeyLinksCollectionDirective] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: SankeyModule, imports: [CommonModule] });
 }
-SankeyModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: SankeyModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-SankeyModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: SankeyModule, declarations: [SankeyComponent,
-        SankeyNodeDirective,
-        SankeyNodesCollectionDirective,
-        SankeyLinkDirective,
-        SankeyLinksCollectionDirective], imports: [CommonModule], exports: [SankeyComponent,
-        SankeyNodeDirective,
-        SankeyNodesCollectionDirective,
-        SankeyLinkDirective,
-        SankeyLinksCollectionDirective] });
-SankeyModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: SankeyModule, imports: [[CommonModule]] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: SankeyModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: SankeyModule, decorators: [{
             type: NgModule,
             args: [{
-                    imports: [CommonModule],
-                    declarations: [
-                        SankeyComponent,
-                        SankeyNodeDirective,
-                        SankeyNodesCollectionDirective,
-                        SankeyLinkDirective,
-                        SankeyLinksCollectionDirective
-                    ],
-                    exports: [
-                        SankeyComponent,
-                        SankeyNodeDirective,
-                        SankeyNodesCollectionDirective,
-                        SankeyLinkDirective,
-                        SankeyLinksCollectionDirective
-                    ]
+                    imports: [CommonModule, ...SANKEY_DIRECTIVES],
+                    exports: [...SANKEY_DIRECTIVES]
                 }]
         }] });
 
@@ -4651,16 +4715,16 @@ const SankeyExportService = { provide: 'ChartsSankeyExport', useValue: SankeyExp
  * NgModule definition for the Sankey component with providers.
  */
 class SankeyAllModule {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: SankeyAllModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "22.0.0", ngImport: i0, type: SankeyAllModule, imports: [CommonModule, SankeyModule], exports: [SankeyModule] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: SankeyAllModule, providers: [
+            SankeyLegendService,
+            SankeyTooltipService,
+            SankeyHighlightService,
+            SankeyExportService
+        ], imports: [CommonModule, SankeyModule, SankeyModule] });
 }
-SankeyAllModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: SankeyAllModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-SankeyAllModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: SankeyAllModule, imports: [CommonModule, SankeyModule], exports: [SankeyModule] });
-SankeyAllModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: SankeyAllModule, providers: [
-        SankeyLegendService,
-        SankeyTooltipService,
-        SankeyHighlightService,
-        SankeyExportService
-    ], imports: [[CommonModule, SankeyModule], SankeyModule] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: SankeyAllModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: SankeyAllModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [CommonModule, SankeyModule],
@@ -4680,5 +4744,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.3", ngImpor
  * Generated bundle index. Do not edit.
  */
 
-export { AccumulationAnnotationDirective, AccumulationAnnotationService, AccumulationAnnotationsDirective, AccumulationChartAllModule, AccumulationChartComponent, AccumulationChartModule, AccumulationDataLabelService, AccumulationDistributionIndicatorService, AccumulationHighlightService, AccumulationLegendService, AccumulationSelectionService, AccumulationSeriesCollectionDirective, AccumulationSeriesDirective, AccumulationTooltipService, AnnotationDirective, AnnotationsDirective, AreaSeriesService, AtrIndicatorService, AxesDirective, AxisDirective, BarSeries3DService, BarSeriesService, BollingerBandsService, BoxAndWhiskerSeriesService, BubbleSeriesService, BulletChartAllModule, BulletChartComponent, BulletChartLegendService, BulletChartModule, BulletRangeCollectionDirective, BulletRangeDirective, BulletTooltipService, CandleSeriesService, CategoriesDirective, Category3DService, CategoryDirective, CategoryService, Chart3DAllModule, Chart3DAxesDirective, Chart3DAxisDirective, Chart3DColumnDirective, Chart3DColumnsDirective, Chart3DComponent, Chart3DModule, Chart3DRowDirective, Chart3DRowsDirective, Chart3DSelectedDataIndexDirective, Chart3DSelectedDataIndexesDirective, Chart3DSeriesCollectionDirective, Chart3DSeriesDirective, ChartAllModule, ChartAnnotationService, ChartComponent, ChartModule, CircularChart3DAllModule, CircularChart3DComponent, CircularChart3DModule, CircularChart3DSelectedDataIndexDirective, CircularChart3DSelectedDataIndexesDirective, CircularChart3DSeriesCollectionDirective, CircularChart3DSeriesDirective, CircularChartDataLabel3DService, CircularChartExport3DService, CircularChartHighlight3DService, CircularChartLegend3DService, CircularChartSelection3DService, CircularChartTooltip3DService, ColumnDirective, ColumnSeries3DService, ColumnSeriesService, ColumnsDirective, CrosshairService, DataEditingService, DataLabel3DService, DataLabelService, DateTime3DService, DateTimeCategory3DService, DateTimeCategoryService, DateTimeService, EmaIndicatorService, ErrorBarService, Export3DService, ExportService, FunnelSeriesService, Highlight3DService, HighlightService, HiloOpenCloseSeriesService, HiloSeriesService, HistogramSeriesService, IndicatorDirective, IndicatorsDirective, LastValueLabelService, Legend3DService, LegendService, LineSeriesService, Logarithmic3DService, LogarithmicService, MacdIndicatorService, MomentumIndicatorService, MultiColoredAreaSeriesService, MultiColoredLineSeriesService, MultiLevelLabelDirective, MultiLevelLabelService, MultiLevelLabelsDirective, ParetoSeriesService, PeriodSelectorService, PieSeries3DService, PieSeriesService, PolarSeriesService, PyramidSeriesService, RadarSeriesService, RangeAreaSeriesService, RangeBandSettingDirective, RangeBandSettingsDirective, RangeColorSettingDirective, RangeColorSettingsDirective, RangeColumnSeriesService, RangeNavigatorAllModule, RangeNavigatorComponent, RangeNavigatorModule, RangeStepAreaSeriesService, RangeTooltipService, RangenavigatorSeriesCollectionDirective, RangenavigatorSeriesDirective, RowDirective, RowsDirective, RsiIndicatorService, SankeyAllModule, SankeyComponent, SankeyExportService, SankeyHighlightService, SankeyLegendService, SankeyLinkDirective, SankeyLinksCollectionDirective, SankeyModule, SankeyNodeDirective, SankeyNodesCollectionDirective, SankeyTooltipService, ScatterSeriesService, ScrollBarService, SegmentDirective, SegmentsDirective, SelectedDataIndexDirective, SelectedDataIndexesDirective, Selection3DService, SelectionService, SeriesCollectionDirective, SeriesDirective, SeriesLabelService, SmaIndicatorService, SmithchartAllModule, SmithchartComponent, SmithchartLegendService, SmithchartModule, SmithchartSeriesCollectionDirective, SmithchartSeriesDirective, SparklineAllModule, SparklineComponent, SparklineModule, SparklineTooltipService, SplineAreaSeriesService, SplineRangeAreaSeriesService, SplineSeriesService, StackingAreaSeriesService, StackingBarSeries3DService, StackingBarSeriesService, StackingColumnSeries3DService, StackingColumnSeriesService, StackingLineSeriesService, StackingStepAreaSeriesService, StepAreaSeriesService, StepLineSeriesService, StochasticIndicatorService, StockChartAllModule, StockChartAnnotationDirective, StockChartAnnotationsDirective, StockChartAxesDirective, StockChartAxisDirective, StockChartComponent, StockChartIndicatorDirective, StockChartIndicatorsDirective, StockChartModule, StockChartPeriodDirective, StockChartPeriodsDirective, StockChartRowDirective, StockChartRowsDirective, StockChartSelectedDataIndexDirective, StockChartSelectedDataIndexesDirective, StockChartSeriesCollectionDirective, StockChartSeriesDirective, StockChartTrendlineDirective, StockChartTrendlinesDirective, StockEventDirective, StockEventsDirective, StockLegendService, StripLineDirective, StripLineService, StripLinesDirective, TmaIndicatorService, Tooltip3DService, TooltipRenderService, TooltipService, TrendlineDirective, TrendlinesDirective, TrendlinesService, WaterfallSeriesService, ZoomService };
+export { AccumulationAnnotationDirective, AccumulationAnnotationService, AccumulationAnnotationsDirective, AccumulationChartAllModule, AccumulationChartComponent, AccumulationChartModule, AccumulationDataLabelService, AccumulationDistributionIndicatorService, AccumulationHighlightService, AccumulationLegendService, AccumulationSelectionService, AccumulationSeriesCollectionDirective, AccumulationSeriesDirective, AccumulationTooltipService, AnnotationDirective, AnnotationsDirective, AreaSeriesService, AtrIndicatorService, AxesDirective, AxisDirective, BarSeries3DService, BarSeriesService, BollingerBandsService, BoxAndWhiskerSeriesService, BubbleSeriesService, BulletChartAllModule, BulletChartComponent, BulletChartLegendService, BulletChartModule, BulletRangeCollectionDirective, BulletRangeDirective, BulletTooltipService, CandleSeriesService, CategoriesDirective, Category3DService, CategoryDirective, CategoryService, Chart3DAllModule, Chart3DAxesDirective, Chart3DAxisDirective, Chart3DColumnDirective, Chart3DColumnsDirective, Chart3DComponent, Chart3DModule, Chart3DRowDirective, Chart3DRowsDirective, Chart3DSelectedDataIndexDirective, Chart3DSelectedDataIndexesDirective, Chart3DSeriesCollectionDirective, Chart3DSeriesDirective, ChartAllModule, ChartAnnotationService, ChartComponent, ChartModule, CircularChart3DAllModule, CircularChart3DComponent, CircularChart3DModule, CircularChart3DSelectedDataIndexDirective, CircularChart3DSelectedDataIndexesDirective, CircularChart3DSeriesCollectionDirective, CircularChart3DSeriesDirective, CircularChartDataLabel3DService, CircularChartExport3DService, CircularChartHighlight3DService, CircularChartLegend3DService, CircularChartSelection3DService, CircularChartTooltip3DService, ColumnDirective, ColumnSeries3DService, ColumnSeriesService, ColumnsDirective, CrosshairService, DataEditingService, DataLabel3DService, DataLabelService, DateTime3DService, DateTimeCategory3DService, DateTimeCategoryService, DateTimeService, EmaIndicatorService, ErrorBarService, Export3DService, ExportService, FunnelSeriesService, Highlight3DService, HighlightService, HiloOpenCloseSeriesService, HiloSeriesService, HistogramSeriesService, IndicatorDirective, IndicatorsDirective, LastValueLabelService, Legend3DService, LegendService, LineSeriesService, Logarithmic3DService, LogarithmicService, MacdIndicatorService, MomentumIndicatorService, MultiColoredAreaSeriesService, MultiColoredLineSeriesService, MultiLevelLabelDirective, MultiLevelLabelService, MultiLevelLabelsDirective, ParetoSeriesService, PeriodSelectorService, PieSeries3DService, PieSeriesService, PolarSeriesService, PyramidSeriesService, RadarSeriesService, RangeAreaSeriesService, RangeBandSettingDirective, RangeBandSettingsDirective, RangeColorSettingDirective, RangeColorSettingsDirective, RangeColumnSeriesService, RangeNavigatorAllModule, RangeNavigatorComponent, RangeNavigatorModule, RangeStepAreaSeriesService, RangeTooltipService, RangenavigatorSeriesCollectionDirective, RangenavigatorSeriesDirective, RowDirective, RowsDirective, RsiIndicatorService, SankeyAllModule, SankeyComponent, SankeyExportService, SankeyHighlightService, SankeyLegendService, SankeyLinkDirective, SankeyLinksCollectionDirective, SankeyModule, SankeyNodeDirective, SankeyNodesCollectionDirective, SankeyTooltipService, ScatterSeriesService, ScrollBarService, SegmentDirective, SegmentsDirective, SelectedDataIndexDirective, SelectedDataIndexesDirective, Selection3DService, SelectionService, SeriesCollectionDirective, SeriesDirective, SeriesLabelService, SmaIndicatorService, SmithchartAllModule, SmithchartComponent, SmithchartLegendService, SmithchartModule, SmithchartSeriesCollectionDirective, SmithchartSeriesDirective, SparklineAllModule, SparklineComponent, SparklineModule, SparklineTooltipService, SplineAreaSeriesService, SplineRangeAreaSeriesService, SplineSeriesService, StackingAreaSeriesService, StackingBarSeries3DService, StackingBarSeriesService, StackingColumnSeries3DService, StackingColumnSeriesService, StackingLineSeriesService, StackingStepAreaSeriesService, StepAreaSeriesService, StepLineSeriesService, StochasticIndicatorService, StockChartAllModule, StockChartAnnotationDirective, StockChartAnnotationsDirective, StockChartAxesDirective, StockChartAxisDirective, StockChartComponent, StockChartIndicatorDirective, StockChartIndicatorsDirective, StockChartModule, StockChartPeriodDirective, StockChartPeriodsDirective, StockChartRowDirective, StockChartRowsDirective, StockChartSelectedDataIndexDirective, StockChartSelectedDataIndexesDirective, StockChartSeriesCollectionDirective, StockChartSeriesDirective, StockChartTrendlineDirective, StockChartTrendlinesDirective, StockEventDirective, StockEventsDirective, StockLegendService, StripLineDirective, StripLineService, StripLinesDirective, TmaIndicatorService, Tooltip3DService, TooltipRenderService, TooltipService, TrendlineDirective, TrendlinesDirective, TrendlinesService, WaterfallSeriesService, WebMcpChartService, ZoomService };
 //# sourceMappingURL=syncfusion-ej2-angular-charts.mjs.map