igniteui-webcomponents-charts 3.2.2 → 3.2.4

package/esm2015/lib/igc-financial-chart-component.js

@@ -626,53 +626,53 @@ export let IgcFinancialChartComponent = /*@__PURE__*/ (() => {
             }
         }
         get leftMargin() {
-            return this.i.hf;
+            return this.i.h7;
         }
         set leftMargin(v) {
-            this.i.hf = +v;
-            this._a("leftMargin", this.i.hf);
+            this.i.h7 = +v;
+            this._a("leftMargin", this.i.h7);
         }
         get isHorizontalZoomEnabled() {
-            return this.i.e0;
+            return this.i.fr;
         }
         set isHorizontalZoomEnabled(v) {
-            this.i.e0 = ensureBool(v);
-            this._a("isHorizontalZoomEnabled", this.i.e0);
+            this.i.fr = ensureBool(v);
+            this._a("isHorizontalZoomEnabled", this.i.fr);
         }
         get toolbarHeight() {
-            return this.i.aev;
+            return this.i.agj;
         }
         set toolbarHeight(v) {
-            this.i.aev = +v;
-            this._a("toolbarHeight", this.i.aev);
+            this.i.agj = +v;
+            this._a("toolbarHeight", this.i.agj);
         }
         /**
          * Gets domain type of this chart
         */
         get domainType() {
-            return this.i.bi;
+            return this.i.by;
         }
         /**
          * Gets or sets whether the Y-axis should use a logarithmic scale instead of a linear one.
          * Since log(-1) is imaginary and log(0) is undefined, it is recommended to enable this property only when the Y-axis minimum is greater than zero.
         */
         get yAxisIsLogarithmic() {
-            return this.i.adz;
+            return this.i.afi;
         }
         set yAxisIsLogarithmic(v) {
-            this.i.adz = ensureBool(v);
-            this._a("yAxisIsLogarithmic", this.i.adz);
+            this.i.afi = ensureBool(v);
+            this._a("yAxisIsLogarithmic", this.i.afi);
         }
         /**
          * Gets or sets the base value to use in the log function when mapping the position of data items along the Y-axis.
          * This property is effective only when YAxisIsLogarithmic is true.
         */
         get yAxisLogarithmBase() {
-            return this.i.afn;
+            return this.i.ahg;
         }
         set yAxisLogarithmBase(v) {
-            this.i.afn = +v;
-            this._a("yAxisLogarithmBase", this.i.afn);
+            this.i.ahg = +v;
+            this._a("yAxisLogarithmBase", this.i.ahg);
         }
         /**
          * Gets or sets the distance between each label and grid line along the Y-axis.
@@ -680,11 +680,11 @@ export let IgcFinancialChartComponent = /*@__PURE__*/ (() => {
         * The `yAxisInterval` determines how often to show a label, tickmark, and/or gridline along the y-axis.  Set this property to a number less than the numeric range of the y-axis.
         */
         get yAxisInterval() {
-            return this.i.aez;
+            return this.i.ags;
         }
         set yAxisInterval(v) {
-            this.i.aez = +v;
-            this._a("yAxisInterval", this.i.aez);
+            this.i.ags = +v;
+            this._a("yAxisInterval", this.i.ags);
         }
         /**
          * Gets or sets the data value corresponding to the minimum value of the Y-axis.
@@ -692,11 +692,11 @@ export let IgcFinancialChartComponent = /*@__PURE__*/ (() => {
         * The `yAxisMinimumValue` determines starting value of labels, tickmarks, and gridlines on the y-axis.
         */
         get yAxisMinimumValue() {
-            return this.i.ae1;
+            return this.i.agu;
         }
         set yAxisMinimumValue(v) {
-            this.i.ae1 = +v;
-            this._a("yAxisMinimumValue", this.i.ae1);
+            this.i.agu = +v;
+            this._a("yAxisMinimumValue", this.i.agu);
         }
         /**
          * Gets or sets the data value corresponding to the maximum value of the Y-axis.
@@ -704,11 +704,11 @@ export let IgcFinancialChartComponent = /*@__PURE__*/ (() => {
         * The `yAxisMaximumValue` determines ending value of labels, tickmarks, and gridlines on the y-axis.
         */
         get yAxisMaximumValue() {
-            return this.i.ae0;
+            return this.i.agt;
         }
         set yAxisMaximumValue(v) {
-            this.i.ae0 = +v;
-            this._a("yAxisMaximumValue", this.i.ae0);
+            this.i.agt = +v;
+            this._a("yAxisMaximumValue", this.i.agt);
         }
         /**
          * Gets or sets the frequency of displayed minor lines along the Y-axis.
@@ -716,23 +716,23 @@ export let IgcFinancialChartComponent = /*@__PURE__*/ (() => {
         * The `yAxisMinorInterval` determines how often to show minor gridline along the y-axis.  Set this property to a number less than the `yAxisInterval` and the numeric range of the y-axis.
         */
         get yAxisMinorInterval() {
-            return this.i.ae2;
+            return this.i.agv;
         }
         set yAxisMinorInterval(v) {
-            this.i.ae2 = +v;
-            this._a("yAxisMinorInterval", this.i.ae2);
+            this.i.agv = +v;
+            this._a("yAxisMinorInterval", this.i.agv);
         }
         /**
          * Gets the current minimum value for the Y-axis.
         */
         get yAxisActualMinimum() {
-            return this.i.aey;
+            return this.i.agr;
         }
         /**
          * Gets the current maximum value for the Y-axis.
         */
         get yAxisActualMaximum() {
-            return this.i.aex;
+            return this.i.agq;
         }
         /**
          * The type of series to display in the volume pane.
@@ -740,11 +740,11 @@ export let IgcFinancialChartComponent = /*@__PURE__*/ (() => {
         * Use the `volumeType` property to set a type of all series that will be rendered in the volume pane, e.g.
         */
         get volumeType() {
-            return this.i.abz;
+            return this.i.adi;
         }
         set volumeType(v) {
-            this.i.abz = ensureEnum(FinancialChartVolumeType_$type, v);
-            this._a("volumeType", enumToString(FinancialChartVolumeType_$type, this.i.abz));
+            this.i.adi = ensureEnum(FinancialChartVolumeType_$type, v);
+            this._a("volumeType", enumToString(FinancialChartVolumeType_$type, this.i.adi));
         }
         /**
          * The scaling mode of the X-axis.
@@ -752,11 +752,68 @@ export let IgcFinancialChartComponent = /*@__PURE__*/ (() => {
         * Use the `xAxisMode` property to plot data items without any breaks in data range (Ordinal mode) or with breaks in data range (Time mode) such as weekends/holidays. Note that the Ordinal axis mode is less expensive to use in the financial chart than the Time axis mode.
         */
         get xAxisMode() {
-            return this.i.ab1;
+            return this.i.adk;
         }
         set xAxisMode(v) {
-            this.i.ab1 = ensureEnum(FinancialChartXAxisMode_$type, v);
-            this._a("xAxisMode", enumToString(FinancialChartXAxisMode_$type, this.i.ab1));
+            this.i.adk = ensureEnum(FinancialChartXAxisMode_$type, v);
+            this._a("xAxisMode", enumToString(FinancialChartXAxisMode_$type, this.i.adk));
+        }
+        /**
+         * Gets or sets number of visible categories at maximum zooming level
+         * This property works only with ordinal XAxisMode and it is overridden by chart's WindowRectMinWidth property
+        */
+        get xAxisZoomMaximumCategoryRange() {
+            return this.i.agl;
+        }
+        set xAxisZoomMaximumCategoryRange(v) {
+            this.i.agl = +v;
+            this._a("xAxisZoomMaximumCategoryRange", this.i.agl);
+        }
+        /**
+         * Gets or sets starting category that chart will move its zoom window. Acceptable value is between 0 and number of data items
+         * This property works only with ordinal XAxisMode and it is overridden by chart's WindowRect or WindowScaleHorizontal properties
+        */
+        get xAxisZoomToCategoryStart() {
+            return this.i.ago;
+        }
+        set xAxisZoomToCategoryStart(v) {
+            this.i.ago = +v;
+            this._a("xAxisZoomToCategoryStart", this.i.ago);
+        }
+        /**
+         * Gets or sets maximum pixel span of series item that will be visible at maximum zooming level
+         * This property ensures that series item does not get stretch above specified value.
+         * This property works only with ordinal XAxisMode and it is overridden by chart's WindowRectMinWidth property
+        */
+        get xAxisZoomMaximumItemSpan() {
+            return this.i.agm;
+        }
+        set xAxisZoomMaximumItemSpan(v) {
+            this.i.agm = +v;
+            this._a("xAxisZoomMaximumItemSpan", this.i.agm);
+        }
+        /**
+         * Gets or sets number of categories that the chart will zoom in and fill plot area
+         * This property is overridden by chart's WindowRect or WindowScaleHorizontal properties
+        */
+        get xAxisZoomToCategoryRange() {
+            return this.i.agn;
+        }
+        set xAxisZoomToCategoryRange(v) {
+            this.i.agn = +v;
+            this._a("xAxisZoomToCategoryRange", this.i.agn);
+        }
+        /**
+         * Gets or sets pixel span of series item that will be used to zoom chart such that the item has desired span
+         * Chart will automaticlly zoom in until series item has specified pixel span.
+         * This property works only with ordinal XAxisMode and it is overridden by chart's WindowRect or WindowScaleHorizontal properties
+        */
+        get xAxisZoomToItemSpan() {
+            return this.i.agp;
+        }
+        set xAxisZoomToItemSpan(v) {
+            this.i.agp = +v;
+            this._a("xAxisZoomToItemSpan", this.i.agp);
         }
         /**
          * The scaling mode of the Y-axis.
@@ -764,21 +821,21 @@ export let IgcFinancialChartComponent = /*@__PURE__*/ (() => {
         * Use the `yAxisMode` property to plot data items using their actual values (Numeric) or using percent changes from the first data point (PercentChange), e.g.
         */
         get yAxisMode() {
-            return this.i.ab3;
+            return this.i.adm;
         }
         set yAxisMode(v) {
-            this.i.ab3 = ensureEnum(FinancialChartYAxisMode_$type, v);
-            this._a("yAxisMode", enumToString(FinancialChartYAxisMode_$type, this.i.ab3));
+            this.i.adm = ensureEnum(FinancialChartYAxisMode_$type, v);
+            this._a("yAxisMode", enumToString(FinancialChartYAxisMode_$type, this.i.adm));
         }
         /**
          * A boolean property controlling the visibility of the toolbar.
         */
         get isToolbarVisible() {
-            return this.i.ads;
+            return this.i.afb;
         }
         set isToolbarVisible(v) {
-            this.i.ads = ensureBool(v);
-            this._a("isToolbarVisible", this.i.ads);
+            this.i.afb = ensureBool(v);
+            this._a("isToolbarVisible", this.i.afb);
         }
         /**
          * The type of price series to display in the main chart.
@@ -786,32 +843,32 @@ export let IgcFinancialChartComponent = /*@__PURE__*/ (() => {
         * Use the `chartType` property to set a type of series that will be used to render prices in the Financial Chart control, e.g.
         */
         get chartType() {
-            return this.i.abu;
+            return this.i.add;
         }
         set chartType(v) {
-            this.i.abu = ensureEnum(FinancialChartType_$type, v);
-            this._a("chartType", enumToString(FinancialChartType_$type, this.i.abu));
+            this.i.add = ensureEnum(FinancialChartType_$type, v);
+            this._a("chartType", enumToString(FinancialChartType_$type, this.i.add));
         }
         /**
          * Gets or sets Horizontal alignment of Y-axis labels.
         */
         get yAxisLabelHorizontalAlignment() {
-            return this.i.zm;
+            return this.i.aa5;
         }
         set yAxisLabelHorizontalAlignment(v) {
-            this.i.zm = ensureEnum(HorizontalAlignment_$type, v);
-            this._a("yAxisLabelHorizontalAlignment", enumToString(HorizontalAlignment_$type, this.i.zm));
+            this.i.aa5 = ensureEnum(HorizontalAlignment_$type, v);
+            this._a("yAxisLabelHorizontalAlignment", enumToString(HorizontalAlignment_$type, this.i.aa5));
         }
         /**
          * A boolean indicating whether the chart should automatically zoom in vertically on the currently visible range of data.
          * When this property is set to true, panning and zooming along the X-axis will result in a corresponding zoom on the Y-axis, so that the visible range of data fills the zoom window as fully as possible.
         */
         get isWindowSyncedToVisibleRange() {
-            return this.i.adt;
+            return this.i.afc;
         }
         set isWindowSyncedToVisibleRange(v) {
-            this.i.adt = ensureBool(v);
-            this._a("isWindowSyncedToVisibleRange", this.i.adt);
+            this.i.afc = ensureBool(v);
+            this._a("isWindowSyncedToVisibleRange", this.i.afc);
         }
         /**
          * A collection indicating what financial indicator types to display on the Financial Chart.
@@ -821,12 +878,12 @@ export let IgcFinancialChartComponent = /*@__PURE__*/ (() => {
         get indicatorTypes() {
             if (this._indicatorTypes === null) {
                 let coll = new IgcFinancialIndicatorTypeCollection();
-                let innerColl = this.i.ab8;
+                let innerColl = this.i.adr;
                 if (!innerColl) {
                     innerColl = new FinancialIndicatorTypeCollection_internal(0);
                 }
                 this._indicatorTypes = coll._fromInner(innerColl);
-                this.i.ab8 = innerColl;
+                this.i.adr = innerColl;
             }
             return this._indicatorTypes;
         }
@@ -838,14 +895,14 @@ export let IgcFinancialChartComponent = /*@__PURE__*/ (() => {
             let coll = new IgcFinancialIndicatorTypeCollection();
             this._indicatorTypes = coll._fromOuter(v);
             let syncColl = new SyncableObservableCollection$1(FinancialIndicatorType_$type);
-            let innerColl = this.i.ab8;
+            let innerColl = this.i.adr;
             if (!innerColl) {
                 innerColl = new FinancialIndicatorTypeCollection_internal(0);
             }
             syncColl._inner = innerColl;
             syncColl.clear();
             this._indicatorTypes._setSyncTarget(syncColl);
-            this.i.ab8 = innerColl;
+            this.i.adr = innerColl;
         }
         /**
          * A collection indicating what financial overlay types to display on the Financial Chart.
@@ -855,12 +912,12 @@ export let IgcFinancialChartComponent = /*@__PURE__*/ (() => {
         get overlayTypes() {
             if (this._overlayTypes === null) {
                 let coll = new IgcFinancialOverlayTypeCollection();
-                let innerColl = this.i.aca;
+                let innerColl = this.i.adt;
                 if (!innerColl) {
                     innerColl = new FinancialOverlayTypeCollection_internal(0);
                 }
                 this._overlayTypes = coll._fromInner(innerColl);
-                this.i.aca = innerColl;
+                this.i.adt = innerColl;
             }
             return this._overlayTypes;
         }
@@ -872,55 +929,55 @@ export let IgcFinancialChartComponent = /*@__PURE__*/ (() => {
             let coll = new IgcFinancialOverlayTypeCollection();
             this._overlayTypes = coll._fromOuter(v);
             let syncColl = new SyncableObservableCollection$1(FinancialOverlayType_$type);
-            let innerColl = this.i.aca;
+            let innerColl = this.i.adt;
             if (!innerColl) {
                 innerColl = new FinancialOverlayTypeCollection_internal(0);
             }
             syncColl._inner = innerColl;
             syncColl.clear();
             this._overlayTypes._setSyncTarget(syncColl);
-            this.i.aca = innerColl;
+            this.i.adt = innerColl;
         }
         /**
          * Gets or sets whether the large numbers on the Y-axis labels are abbreviated.
         */
         get yAxisAbbreviateLargeNumbers() {
-            return this.i.adx;
+            return this.i.afg;
         }
         set yAxisAbbreviateLargeNumbers(v) {
-            this.i.adx = ensureBool(v);
-            this._a("yAxisAbbreviateLargeNumbers", this.i.adx);
+            this.i.afg = ensureBool(v);
+            this._a("yAxisAbbreviateLargeNumbers", this.i.afg);
         }
         /**
          * Gets or sets the rendering resolution for all series in this chart.
          * Where n = Resolution, for every n horizontal pixels, combine all items into a single datapoint.  When Resolution = 0, all datapoints will be rendered as graphical objects.  Charts with a higher resolution will have faster performance.
         */
         get resolution() {
-            return this.i.hn;
+            return this.i.ig;
         }
         set resolution(v) {
-            this.i.hn = +v;
-            this._a("resolution", this.i.hn);
+            this.i.ig = +v;
+            this._a("resolution", this.i.ig);
         }
         /**
          * Gets or sets whether the x axis enhanced interval management should prefer to show all the labels if possible without collisions for supported types of category axes. This is for use with EnhancedIntervalMinimumCharacters = -1 and axes that have an integral interval.
         */
         get xAxisEnhancedIntervalPreferMoreCategoryLabels() {
-            return this.i.adw;
+            return this.i.aff;
         }
         set xAxisEnhancedIntervalPreferMoreCategoryLabels(v) {
-            this.i.adw = ensureBool(v);
-            this._a("xAxisEnhancedIntervalPreferMoreCategoryLabels", this.i.adw);
+            this.i.aff = ensureBool(v);
+            this._a("xAxisEnhancedIntervalPreferMoreCategoryLabels", this.i.aff);
         }
         /**
          * Gets or sets whether the y axis enhanced interval management should prefer to show all the labels if possible without collisions for supported types of category axes. This is for use with EnhancedIntervalMinimumCharacters = -1 and axes that have an integral interval.
         */
         get yAxisEnhancedIntervalPreferMoreCategoryLabels() {
-            return this.i.ady;
+            return this.i.afh;
         }
         set yAxisEnhancedIntervalPreferMoreCategoryLabels(v) {
-            this.i.ady = ensureBool(v);
-            this._a("yAxisEnhancedIntervalPreferMoreCategoryLabels", this.i.ady);
+            this.i.afh = ensureBool(v);
+            this._a("yAxisEnhancedIntervalPreferMoreCategoryLabels", this.i.afh);
         }
         /**
          * Gets or sets type of series to display in the zoom slider pane.
@@ -928,11 +985,11 @@ export let IgcFinancialChartComponent = /*@__PURE__*/ (() => {
         * Use the `zoomSliderType` property to set a type of all series that will be rendered in the zoom pane, e.g.
         */
         get zoomSliderType() {
-            return this.i.ab6;
+            return this.i.adp;
         }
         set zoomSliderType(v) {
-            this.i.ab6 = ensureEnum(FinancialChartZoomSliderType_$type, v);
-            this._a("zoomSliderType", enumToString(FinancialChartZoomSliderType_$type, this.i.ab6));
+            this.i.adp = ensureEnum(FinancialChartZoomSliderType_$type, v);
+            this._a("zoomSliderType", enumToString(FinancialChartZoomSliderType_$type, this.i.adp));
         }
         /**
          * Gets or sets the palette used for coloring negative items of Waterfall chart type.
@@ -940,11 +997,11 @@ export let IgcFinancialChartComponent = /*@__PURE__*/ (() => {
         * Use the `negativeBrushes` property to set a collection of brushes that will be used to render fill area of negative elements in the price pane, e.g.
         */
         get negativeBrushes() {
-            return fromBrushCollection(this.i.aa3);
+            return fromBrushCollection(this.i.acm);
         }
         set negativeBrushes(v) {
-            this.i.aa3 = toBrushCollection(v);
-            this._a("negativeBrushes", brushCollectionToString(this.i.aa3));
+            this.i.acm = toBrushCollection(v);
+            this._a("negativeBrushes", brushCollectionToString(this.i.acm));
         }
         /**
          * Brushes to use for drawing negative elements, when using a chart type with contextual coloring, such as Waterfall.
@@ -952,11 +1009,11 @@ export let IgcFinancialChartComponent = /*@__PURE__*/ (() => {
         * Use the `negativeOutlines` property to set a collection of brushes that will be used to render outline of negative elements in the price pane, e.g.
         */
         get negativeOutlines() {
-            return fromBrushCollection(this.i.aa4);
+            return fromBrushCollection(this.i.acn);
         }
         set negativeOutlines(v) {
-            this.i.aa4 = toBrushCollection(v);
-            this._a("negativeOutlines", brushCollectionToString(this.i.aa4));
+            this.i.acn = toBrushCollection(v);
+            this._a("negativeOutlines", brushCollectionToString(this.i.acn));
         }
         /**
          * Brushes to use for filling financial overlays.
@@ -964,11 +1021,11 @@ export let IgcFinancialChartComponent = /*@__PURE__*/ (() => {
         * Use the `overlayBrushes` property to set a collection of brushes that will be used to render fill area of overlays in the Financial Chart control, e.g.
         */
         get overlayBrushes() {
-            return fromBrushCollection(this.i.aa5);
+            return fromBrushCollection(this.i.aco);
         }
         set overlayBrushes(v) {
-            this.i.aa5 = toBrushCollection(v);
-            this._a("overlayBrushes", brushCollectionToString(this.i.aa5));
+            this.i.aco = toBrushCollection(v);
+            this._a("overlayBrushes", brushCollectionToString(this.i.aco));
         }
         /**
          * Brushes to use for outlining financial overlays.
@@ -976,11 +1033,11 @@ export let IgcFinancialChartComponent = /*@__PURE__*/ (() => {
         * Use the `overlayOutlines` property to set a collection of brushes that will be used to render outlines of overlays in the Financial Chart control, e.g.
         */
         get overlayOutlines() {
-            return fromBrushCollection(this.i.aa6);
+            return fromBrushCollection(this.i.acp);
         }
         set overlayOutlines(v) {
-            this.i.aa6 = toBrushCollection(v);
-            this._a("overlayOutlines", brushCollectionToString(this.i.aa6));
+            this.i.acp = toBrushCollection(v);
+            this._a("overlayOutlines", brushCollectionToString(this.i.acp));
         }
         /**
          * Brushes to use for outlining volume series in the volume pane.
@@ -988,11 +1045,11 @@ export let IgcFinancialChartComponent = /*@__PURE__*/ (() => {
         * Use the `volumeOutlines` property to set a collection of brushes that will be used to render outline of multiple series in the volume pane of the Financial Chart control, e.g.
         */
         get volumeOutlines() {
-            return fromBrushCollection(this.i.aa8);
+            return fromBrushCollection(this.i.acr);
         }
         set volumeOutlines(v) {
-            this.i.aa8 = toBrushCollection(v);
-            this._a("volumeOutlines", brushCollectionToString(this.i.aa8));
+            this.i.acr = toBrushCollection(v);
+            this._a("volumeOutlines", brushCollectionToString(this.i.acr));
         }
         /**
          * Brushes to use for filling volume series in the volume pane.
@@ -1000,11 +1057,11 @@ export let IgcFinancialChartComponent = /*@__PURE__*/ (() => {
         * Use the `volumeBrushes` property to set a collection of brushes that will be used to render fill area of multiple series in the volume pane of the Financial Chart control, e.g.
         */
         get volumeBrushes() {
-            return fromBrushCollection(this.i.aa7);
+            return fromBrushCollection(this.i.acq);
         }
         set volumeBrushes(v) {
-            this.i.aa7 = toBrushCollection(v);
-            this._a("volumeBrushes", brushCollectionToString(this.i.aa7));
+            this.i.acq = toBrushCollection(v);
+            this._a("volumeBrushes", brushCollectionToString(this.i.acq));
         }
         /**
          * Brushes to use for negative elements in financial indicators.
@@ -1012,11 +1069,11 @@ export let IgcFinancialChartComponent = /*@__PURE__*/ (() => {
         * Use the `indicatorNegativeBrushes` property to set a collection of brushes that will be used to render negative elements of indicators in the Financial Chart control, e.g.
         */
         get indicatorNegativeBrushes() {
-            return fromBrushCollection(this.i.aa2);
+            return fromBrushCollection(this.i.acl);
         }
         set indicatorNegativeBrushes(v) {
-            this.i.aa2 = toBrushCollection(v);
-            this._a("indicatorNegativeBrushes", brushCollectionToString(this.i.aa2));
+            this.i.acl = toBrushCollection(v);
+            this._a("indicatorNegativeBrushes", brushCollectionToString(this.i.acl));
         }
         /**
          * Brushes to use for financial indicators.
@@ -1024,11 +1081,11 @@ export let IgcFinancialChartComponent = /*@__PURE__*/ (() => {
         * Use the `indicatorBrushes` property to set a collection of brushes that will be used to render positive elements of indicators in the Financial Chart control, e.g.
         */
         get indicatorBrushes() {
-            return fromBrushCollection(this.i.aa1);
+            return fromBrushCollection(this.i.ack);
         }
         set indicatorBrushes(v) {
-            this.i.aa1 = toBrushCollection(v);
-            this._a("indicatorBrushes", brushCollectionToString(this.i.aa1));
+            this.i.ack = toBrushCollection(v);
+            this._a("indicatorBrushes", brushCollectionToString(this.i.ack));
         }
         /**
          * The outline thickness of volume series in the volume pane.
@@ -1036,11 +1093,11 @@ export let IgcFinancialChartComponent = /*@__PURE__*/ (() => {
         * Use the `volumeThickness` property to set a number that will be used to render outline thickness of all series in the volume pane, e.g.
         */
         get volumeThickness() {
-            return this.i.aew;
+            return this.i.agk;
         }
         set volumeThickness(v) {
-            this.i.aew = +v;
-            this._a("volumeThickness", this.i.aew);
+            this.i.agk = +v;
+            this._a("volumeThickness", this.i.agk);
         }
         /**
          * The outline thickness of financial overlays.
@@ -1048,21 +1105,21 @@ export let IgcFinancialChartComponent = /*@__PURE__*/ (() => {
         * Use the `overlayThickness` property to set a number that will be used to render outline thickness of all overlays in the Financial Chart control, e.g.
         */
         get overlayThickness() {
-            return this.i.aeu;
+            return this.i.agi;
         }
         set overlayThickness(v) {
-            this.i.aeu = +v;
-            this._a("overlayThickness", this.i.aeu);
+            this.i.agi = +v;
+            this._a("overlayThickness", this.i.agi);
         }
         /**
          * The multiplier of financial overlay, e.g. BollingerBands overlay.
         */
         get overlayMultiplier() {
-            return this.i.aet;
+            return this.i.agh;
         }
         set overlayMultiplier(v) {
-            this.i.aet = +v;
-            this._a("overlayMultiplier", this.i.aet);
+            this.i.agh = +v;
+            this._a("overlayMultiplier", this.i.agh);
         }
         /**
          * The outline or stroke thickness of financial indicators.
@@ -1070,11 +1127,11 @@ export let IgcFinancialChartComponent = /*@__PURE__*/ (() => {
         * Use the `indicatorThickness` property to set a number that will be used to render outline thickness of all indicators in the Financial Chart control, e.g.
         */
         get indicatorThickness() {
-            return this.i.aes;
+            return this.i.agg;
         }
         set indicatorThickness(v) {
-            this.i.aes = +v;
-            this._a("indicatorThickness", this.i.aes);
+            this.i.agg = +v;
+            this._a("indicatorThickness", this.i.agg);
         }
         /**
          * The display types of financial indicators.
@@ -1084,12 +1141,12 @@ export let IgcFinancialChartComponent = /*@__PURE__*/ (() => {
         get indicatorDisplayTypes() {
             if (this._indicatorDisplayTypes === null) {
                 let coll = new IgcIndicatorDisplayTypeCollection();
-                let innerColl = this.i.ack;
+                let innerColl = this.i.ad3;
                 if (!innerColl) {
                     innerColl = new IndicatorDisplayTypeCollection_internal();
                 }
                 this._indicatorDisplayTypes = coll._fromInner(innerColl);
-                this.i.ack = innerColl;
+                this.i.ad3 = innerColl;
             }
             return this._indicatorDisplayTypes;
         }
@@ -1101,14 +1158,14 @@ export let IgcFinancialChartComponent = /*@__PURE__*/ (() => {
             let coll = new IgcIndicatorDisplayTypeCollection();
             this._indicatorDisplayTypes = coll._fromOuter(v);
             let syncColl = new SyncableObservableCollection$1(IndicatorDisplayType_$type);
-            let innerColl = this.i.ack;
+            let innerColl = this.i.ad3;
             if (!innerColl) {
                 innerColl = new IndicatorDisplayTypeCollection_internal();
             }
             syncColl._inner = innerColl;
             syncColl.clear();
             this._indicatorDisplayTypes._setSyncTarget(syncColl);
-            this.i.ack = innerColl;
+            this.i.ad3 = innerColl;
         }
         /**
          * The period of financial indicators, where applicable.
@@ -1116,11 +1173,11 @@ export let IgcFinancialChartComponent = /*@__PURE__*/ (() => {
         * The `indicatorPeriod` property applies to only the `BollingerBands` overlay as well as to these indicators types: `AverageDirectionalIndex`, `AverageTrueRange`, `BollingerBandWidth`, `ChaikinVolatility`, `CommodityChannelIndex`, `DetrendedPriceOscillator`, `FastStochasticOscillator`, `ForceIndex`, `FullStochasticOscillator`, `MoneyFlowIndex`, `IgcPriceChannelOverlayComponent`, `RateOfChangeAndMomentum`, `RelativeStrengthIndex`, `SlowStochasticOscillator`, `StandardDeviation`, `StochRSI`, `TRIX`, `WilliamsPercentR`
         */
         get indicatorPeriod() {
-            return this.i.afi;
+            return this.i.ahb;
         }
         set indicatorPeriod(v) {
-            this.i.afi = +v;
-            this._a("indicatorPeriod", this.i.afi);
+            this.i.ahb = +v;
+            this._a("indicatorPeriod", this.i.ahb);
         }
         /**
          * The multiplier of financial indicators, e.g. BollingerBandWidth indicator.
@@ -1128,11 +1185,11 @@ export let IgcFinancialChartComponent = /*@__PURE__*/ (() => {
         * The `indicatorMultiplier` property applies to only to BollingerBandWidth indicator type.
         */
         get indicatorMultiplier() {
-            return this.i.aer;
+            return this.i.agf;
         }
         set indicatorMultiplier(v) {
-            this.i.aer = +v;
-            this._a("indicatorMultiplier", this.i.aer);
+            this.i.agf = +v;
+            this._a("indicatorMultiplier", this.i.agf);
         }
         /**
          * The smoothing period of financial indicators, where applicable.
@@ -1140,11 +1197,11 @@ export let IgcFinancialChartComponent = /*@__PURE__*/ (() => {
         * The `indicatorSmoothingPeriod` property applies to only to `FullStochasticOscillator` indicator type.
         */
         get indicatorSmoothingPeriod() {
-            return this.i.afl;
+            return this.i.ahe;
         }
         set indicatorSmoothingPeriod(v) {
-            this.i.afl = +v;
-            this._a("indicatorSmoothingPeriod", this.i.afl);
+            this.i.ahe = +v;
+            this._a("indicatorSmoothingPeriod", this.i.ahe);
         }
         /**
          * The short period of financial indicators, where applicable.
@@ -1158,11 +1215,11 @@ export let IgcFinancialChartComponent = /*@__PURE__*/ (() => {
         * -   PercentageVolumeOscillator,
         */
         get indicatorShortPeriod() {
-            return this.i.afj;
+            return this.i.ahc;
         }
         set indicatorShortPeriod(v) {
-            this.i.afj = +v;
-            this._a("indicatorShortPeriod", this.i.afj);
+            this.i.ahc = +v;
+            this._a("indicatorShortPeriod", this.i.ahc);
         }
         /**
          * The long period of financial indicators, where applicable.
@@ -1176,11 +1233,11 @@ export let IgcFinancialChartComponent = /*@__PURE__*/ (() => {
         * -   PercentageVolumeOscillator,
         */
         get indicatorLongPeriod() {
-            return this.i.afh;
+            return this.i.aha;
         }
         set indicatorLongPeriod(v) {
-            this.i.afh = +v;
-            this._a("indicatorLongPeriod", this.i.afh);
+            this.i.aha = +v;
+            this._a("indicatorLongPeriod", this.i.aha);
         }
         /**
          * The signal period of financial indicators, where applicable.
@@ -1188,11 +1245,11 @@ export let IgcFinancialChartComponent = /*@__PURE__*/ (() => {
         * The `indicatorSignalPeriod` property applies to only to MovingAverageConvergenceDivergence indicator type.
         */
         get indicatorSignalPeriod() {
-            return this.i.afk;
+            return this.i.ahd;
         }
         set indicatorSignalPeriod(v) {
-            this.i.afk = +v;
-            this._a("indicatorSignalPeriod", this.i.afk);
+            this.i.ahd = +v;
+            this._a("indicatorSignalPeriod", this.i.ahd);
         }
         /**
          * A FinancialChartRangeSelectorOptionCollection containing the available range selector options on the toolbar.
@@ -1200,12 +1257,12 @@ export let IgcFinancialChartComponent = /*@__PURE__*/ (() => {
         get rangeSelectorOptions() {
             if (this._rangeSelectorOptions === null) {
                 let coll = new IgcFinancialChartRangeSelectorOptionCollection();
-                let innerColl = this.i.abq;
+                let innerColl = this.i.ac9;
                 if (!innerColl) {
                     innerColl = new FinancialChartRangeSelectorOptionCollection_internal(0);
                 }
                 this._rangeSelectorOptions = coll._fromInner(innerColl);
-                this.i.abq = innerColl;
+                this.i.ac9 = innerColl;
             }
             return this._rangeSelectorOptions;
         }
@@ -1217,14 +1274,14 @@ export let IgcFinancialChartComponent = /*@__PURE__*/ (() => {
             let coll = new IgcFinancialChartRangeSelectorOptionCollection();
             this._rangeSelectorOptions = coll._fromOuter(v);
             let syncColl = new SyncableObservableCollection$1(FinancialChartRangeSelectorOption_$type);
-            let innerColl = this.i.abq;
+            let innerColl = this.i.ac9;
             if (!innerColl) {
                 innerColl = new FinancialChartRangeSelectorOptionCollection_internal(0);
             }
             syncColl._inner = innerColl;
             syncColl.clear();
             this._rangeSelectorOptions._setSyncTarget(syncColl);
-            this.i.abq = innerColl;
+            this.i.ac9 = innerColl;
         }
         /**
          * The names of custom indicators to add to the chart.
@@ -1260,59 +1317,59 @@ export let IgcFinancialChartComponent = /*@__PURE__*/ (() => {
             this.i.customIndicatorNames = innerColl;
         }
         get isVerticalZoomEnabled() {
-            return this.i.e6;
+            return this.i.fx;
         }
         set isVerticalZoomEnabled(v) {
-            this.i.e6 = ensureBool(v);
-            this._a("isVerticalZoomEnabled", this.i.e6);
+            this.i.fx = ensureBool(v);
+            this._a("isVerticalZoomEnabled", this.i.fx);
         }
         /**
          * Gets or sets stroke brush of major gridlines on x-axis of the zoom slider pane
         */
         get zoomSliderXAxisMajorStroke() {
-            return brushToString(this.i.ajr);
+            return brushToString(this.i.alq);
         }
         set zoomSliderXAxisMajorStroke(v) {
-            this.i.ajr = stringToBrush(v);
-            this._a("zoomSliderXAxisMajorStroke", brushToString(this.i.ajr));
+            this.i.alq = stringToBrush(v);
+            this._a("zoomSliderXAxisMajorStroke", brushToString(this.i.alq));
         }
         /**
          * Gets or sets thickness of major gridlines on x-axis of the zoom slider pane
         */
         get zoomSliderXAxisMajorStrokeThickness() {
-            return this.i.ae3;
+            return this.i.agw;
         }
         set zoomSliderXAxisMajorStrokeThickness(v) {
-            this.i.ae3 = +v;
-            this._a("zoomSliderXAxisMajorStrokeThickness", this.i.ae3);
+            this.i.agw = +v;
+            this._a("zoomSliderXAxisMajorStrokeThickness", this.i.agw);
         }
         /**
          * Gets or sets weather or not a legend is visible between toolbar and chart's plot area
         */
         get isLegendVisible() {
-            return this.i.ado;
+            return this.i.ae7;
         }
         set isLegendVisible(v) {
-            this.i.ado = ensureBool(v);
-            this._a("isLegendVisible", this.i.ado);
+            this.i.ae7 = ensureBool(v);
+            this._a("isLegendVisible", this.i.ae7);
         }
         /**
          * Gets or sets minimum value on x-axis
         */
         get xAxisMinimumValue() {
-            return this.i.aee;
+            return this.i.afx;
         }
         set xAxisMinimumValue(v) {
-            this.i.aee = v;
+            this.i.afx = v;
         }
         /**
          * Gets or sets maximum value on x-axis
         */
         get xAxisMaximumValue() {
-            return this.i.aed;
+            return this.i.afw;
         }
         set xAxisMaximumValue(v) {
-            this.i.aed = v;
+            this.i.afw = v;
         }
         findByName(name) {
             var baseResult = super.findByName(name);
@@ -1345,23 +1402,23 @@ export let IgcFinancialChartComponent = /*@__PURE__*/ (() => {
             this.i.provideContainer(container);
         }
         notifyInsertItem(source_, index, newItem) {
-            this.i.qf(source_, index, newItem);
+            this.i.ry(source_, index, newItem);
         }
         notifyRemoveItem(source_, index, oldItem) {
-            this.i.qg(source_, index, oldItem);
+            this.i.rz(source_, index, oldItem);
         }
         notifyClearItems(source_) {
-            this.i.qe(source_);
+            this.i.rx(source_);
         }
         notifySetItem(source_, index, oldItem, newItem) {
-            this.i.qi(source_, index, oldItem, newItem);
+            this.i.r1(source_, index, oldItem, newItem);
         }
         /**
          * Returns visuals as a serialized string.
         
         */
         exportSerializedVisualData() {
-            let iv = this.i.af7();
+            let iv = this.i.ah0();
             return (iv);
         }
         /**