igniteui-webcomponents-charts 3.2.4 → 3.5.0

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

@@ -674,33 +674,33 @@ var IgcFinancialChartComponent = /** @class */ /*@__PURE__*/ (function (_super)
     };
     Object.defineProperty(IgcFinancialChartComponent.prototype, "leftMargin", {
         get: function () {
-            return this.i.h7;
+            return this.i.h8;
         },
         set: function (v) {
-            this.i.h7 = +v;
-            this._a("leftMargin", this.i.h7);
+            this.i.h8 = +v;
+            this._a("leftMargin", this.i.h8);
         },
         enumerable: true,
         configurable: true
     });
     Object.defineProperty(IgcFinancialChartComponent.prototype, "isHorizontalZoomEnabled", {
         get: function () {
-            return this.i.fr;
+            return this.i.fs;
         },
         set: function (v) {
-            this.i.fr = ensureBool(v);
-            this._a("isHorizontalZoomEnabled", this.i.fr);
+            this.i.fs = ensureBool(v);
+            this._a("isHorizontalZoomEnabled", this.i.fs);
         },
         enumerable: true,
         configurable: true
     });
     Object.defineProperty(IgcFinancialChartComponent.prototype, "toolbarHeight", {
         get: function () {
-            return this.i.agj;
+            return this.i.agk;
         },
         set: function (v) {
-            this.i.agj = +v;
-            this._a("toolbarHeight", this.i.agj);
+            this.i.agk = +v;
+            this._a("toolbarHeight", this.i.agk);
         },
         enumerable: true,
         configurable: true
@@ -710,7 +710,7 @@ var IgcFinancialChartComponent = /** @class */ /*@__PURE__*/ (function (_super)
          * Gets domain type of this chart
         */
         get: function () {
-            return this.i.by;
+            return this.i.bz;
         },
         enumerable: true,
         configurable: true
@@ -721,11 +721,11 @@ var IgcFinancialChartComponent = /** @class */ /*@__PURE__*/ (function (_super)
          * 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: function () {
-            return this.i.afi;
+            return this.i.afj;
         },
         set: function (v) {
-            this.i.afi = ensureBool(v);
-            this._a("yAxisIsLogarithmic", this.i.afi);
+            this.i.afj = ensureBool(v);
+            this._a("yAxisIsLogarithmic", this.i.afj);
         },
         enumerable: true,
         configurable: true
@@ -736,11 +736,11 @@ var IgcFinancialChartComponent = /** @class */ /*@__PURE__*/ (function (_super)
          * This property is effective only when YAxisIsLogarithmic is true.
         */
         get: function () {
-            return this.i.ahg;
+            return this.i.ahh;
         },
         set: function (v) {
-            this.i.ahg = +v;
-            this._a("yAxisLogarithmBase", this.i.ahg);
+            this.i.ahh = +v;
+            this._a("yAxisLogarithmBase", this.i.ahh);
         },
         enumerable: true,
         configurable: true
@@ -752,11 +752,11 @@ var IgcFinancialChartComponent = /** @class */ /*@__PURE__*/ (function (_super)
         * 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: function () {
-            return this.i.ags;
+            return this.i.agt;
         },
         set: function (v) {
-            this.i.ags = +v;
-            this._a("yAxisInterval", this.i.ags);
+            this.i.agt = +v;
+            this._a("yAxisInterval", this.i.agt);
         },
         enumerable: true,
         configurable: true
@@ -768,11 +768,11 @@ var IgcFinancialChartComponent = /** @class */ /*@__PURE__*/ (function (_super)
         * The `yAxisMinimumValue` determines starting value of labels, tickmarks, and gridlines on the y-axis.
         */
         get: function () {
-            return this.i.agu;
+            return this.i.agv;
         },
         set: function (v) {
-            this.i.agu = +v;
-            this._a("yAxisMinimumValue", this.i.agu);
+            this.i.agv = +v;
+            this._a("yAxisMinimumValue", this.i.agv);
         },
         enumerable: true,
         configurable: true
@@ -784,11 +784,11 @@ var IgcFinancialChartComponent = /** @class */ /*@__PURE__*/ (function (_super)
         * The `yAxisMaximumValue` determines ending value of labels, tickmarks, and gridlines on the y-axis.
         */
         get: function () {
-            return this.i.agt;
+            return this.i.agu;
         },
         set: function (v) {
-            this.i.agt = +v;
-            this._a("yAxisMaximumValue", this.i.agt);
+            this.i.agu = +v;
+            this._a("yAxisMaximumValue", this.i.agu);
         },
         enumerable: true,
         configurable: true
@@ -800,11 +800,11 @@ var IgcFinancialChartComponent = /** @class */ /*@__PURE__*/ (function (_super)
         * 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: function () {
-            return this.i.agv;
+            return this.i.agw;
         },
         set: function (v) {
-            this.i.agv = +v;
-            this._a("yAxisMinorInterval", this.i.agv);
+            this.i.agw = +v;
+            this._a("yAxisMinorInterval", this.i.agw);
         },
         enumerable: true,
         configurable: true
@@ -814,7 +814,7 @@ var IgcFinancialChartComponent = /** @class */ /*@__PURE__*/ (function (_super)
          * Gets the current minimum value for the Y-axis.
         */
         get: function () {
-            return this.i.agr;
+            return this.i.ags;
         },
         enumerable: true,
         configurable: true
@@ -824,7 +824,7 @@ var IgcFinancialChartComponent = /** @class */ /*@__PURE__*/ (function (_super)
          * Gets the current maximum value for the Y-axis.
         */
         get: function () {
-            return this.i.agq;
+            return this.i.agr;
         },
         enumerable: true,
         configurable: true
@@ -836,11 +836,11 @@ var IgcFinancialChartComponent = /** @class */ /*@__PURE__*/ (function (_super)
         * Use the `volumeType` property to set a type of all series that will be rendered in the volume pane, e.g.
         */
         get: function () {
-            return this.i.adi;
+            return this.i.adj;
         },
         set: function (v) {
-            this.i.adi = ensureEnum(FinancialChartVolumeType_$type, v);
-            this._a("volumeType", enumToString(FinancialChartVolumeType_$type, this.i.adi));
+            this.i.adj = ensureEnum(FinancialChartVolumeType_$type, v);
+            this._a("volumeType", enumToString(FinancialChartVolumeType_$type, this.i.adj));
         },
         enumerable: true,
         configurable: true
@@ -852,11 +852,11 @@ var IgcFinancialChartComponent = /** @class */ /*@__PURE__*/ (function (_super)
         * 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: function () {
-            return this.i.adk;
+            return this.i.adl;
         },
         set: function (v) {
-            this.i.adk = ensureEnum(FinancialChartXAxisMode_$type, v);
-            this._a("xAxisMode", enumToString(FinancialChartXAxisMode_$type, this.i.adk));
+            this.i.adl = ensureEnum(FinancialChartXAxisMode_$type, v);
+            this._a("xAxisMode", enumToString(FinancialChartXAxisMode_$type, this.i.adl));
         },
         enumerable: true,
         configurable: true
@@ -867,11 +867,11 @@ var IgcFinancialChartComponent = /** @class */ /*@__PURE__*/ (function (_super)
          * This property works only with ordinal XAxisMode and it is overridden by chart's WindowRectMinWidth property
         */
         get: function () {
-            return this.i.agl;
+            return this.i.agm;
         },
         set: function (v) {
-            this.i.agl = +v;
-            this._a("xAxisZoomMaximumCategoryRange", this.i.agl);
+            this.i.agm = +v;
+            this._a("xAxisZoomMaximumCategoryRange", this.i.agm);
         },
         enumerable: true,
         configurable: true
@@ -882,11 +882,11 @@ var IgcFinancialChartComponent = /** @class */ /*@__PURE__*/ (function (_super)
          * This property works only with ordinal XAxisMode and it is overridden by chart's WindowRect or WindowScaleHorizontal properties
         */
         get: function () {
-            return this.i.ago;
+            return this.i.agp;
         },
         set: function (v) {
-            this.i.ago = +v;
-            this._a("xAxisZoomToCategoryStart", this.i.ago);
+            this.i.agp = +v;
+            this._a("xAxisZoomToCategoryStart", this.i.agp);
         },
         enumerable: true,
         configurable: true
@@ -898,11 +898,11 @@ var IgcFinancialChartComponent = /** @class */ /*@__PURE__*/ (function (_super)
          * This property works only with ordinal XAxisMode and it is overridden by chart's WindowRectMinWidth property
         */
         get: function () {
-            return this.i.agm;
+            return this.i.agn;
         },
         set: function (v) {
-            this.i.agm = +v;
-            this._a("xAxisZoomMaximumItemSpan", this.i.agm);
+            this.i.agn = +v;
+            this._a("xAxisZoomMaximumItemSpan", this.i.agn);
         },
         enumerable: true,
         configurable: true
@@ -913,11 +913,11 @@ var IgcFinancialChartComponent = /** @class */ /*@__PURE__*/ (function (_super)
          * This property is overridden by chart's WindowRect or WindowScaleHorizontal properties
         */
         get: function () {
-            return this.i.agn;
+            return this.i.ago;
         },
         set: function (v) {
-            this.i.agn = +v;
-            this._a("xAxisZoomToCategoryRange", this.i.agn);
+            this.i.ago = +v;
+            this._a("xAxisZoomToCategoryRange", this.i.ago);
         },
         enumerable: true,
         configurable: true
@@ -929,11 +929,11 @@ var IgcFinancialChartComponent = /** @class */ /*@__PURE__*/ (function (_super)
          * This property works only with ordinal XAxisMode and it is overridden by chart's WindowRect or WindowScaleHorizontal properties
         */
         get: function () {
-            return this.i.agp;
+            return this.i.agq;
         },
         set: function (v) {
-            this.i.agp = +v;
-            this._a("xAxisZoomToItemSpan", this.i.agp);
+            this.i.agq = +v;
+            this._a("xAxisZoomToItemSpan", this.i.agq);
         },
         enumerable: true,
         configurable: true
@@ -945,11 +945,11 @@ var IgcFinancialChartComponent = /** @class */ /*@__PURE__*/ (function (_super)
         * 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: function () {
-            return this.i.adm;
+            return this.i.adn;
         },
         set: function (v) {
-            this.i.adm = ensureEnum(FinancialChartYAxisMode_$type, v);
-            this._a("yAxisMode", enumToString(FinancialChartYAxisMode_$type, this.i.adm));
+            this.i.adn = ensureEnum(FinancialChartYAxisMode_$type, v);
+            this._a("yAxisMode", enumToString(FinancialChartYAxisMode_$type, this.i.adn));
         },
         enumerable: true,
         configurable: true
@@ -959,11 +959,11 @@ var IgcFinancialChartComponent = /** @class */ /*@__PURE__*/ (function (_super)
          * A boolean property controlling the visibility of the toolbar.
         */
         get: function () {
-            return this.i.afb;
+            return this.i.afc;
         },
         set: function (v) {
-            this.i.afb = ensureBool(v);
-            this._a("isToolbarVisible", this.i.afb);
+            this.i.afc = ensureBool(v);
+            this._a("isToolbarVisible", this.i.afc);
         },
         enumerable: true,
         configurable: true
@@ -975,11 +975,11 @@ var IgcFinancialChartComponent = /** @class */ /*@__PURE__*/ (function (_super)
         * 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: function () {
-            return this.i.add;
+            return this.i.ade;
         },
         set: function (v) {
-            this.i.add = ensureEnum(FinancialChartType_$type, v);
-            this._a("chartType", enumToString(FinancialChartType_$type, this.i.add));
+            this.i.ade = ensureEnum(FinancialChartType_$type, v);
+            this._a("chartType", enumToString(FinancialChartType_$type, this.i.ade));
         },
         enumerable: true,
         configurable: true
@@ -989,11 +989,11 @@ var IgcFinancialChartComponent = /** @class */ /*@__PURE__*/ (function (_super)
          * Gets or sets Horizontal alignment of Y-axis labels.
         */
         get: function () {
-            return this.i.aa5;
+            return this.i.aa6;
         },
         set: function (v) {
-            this.i.aa5 = ensureEnum(HorizontalAlignment_$type, v);
-            this._a("yAxisLabelHorizontalAlignment", enumToString(HorizontalAlignment_$type, this.i.aa5));
+            this.i.aa6 = ensureEnum(HorizontalAlignment_$type, v);
+            this._a("yAxisLabelHorizontalAlignment", enumToString(HorizontalAlignment_$type, this.i.aa6));
         },
         enumerable: true,
         configurable: true
@@ -1004,11 +1004,11 @@ var IgcFinancialChartComponent = /** @class */ /*@__PURE__*/ (function (_super)
          * 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: function () {
-            return this.i.afc;
+            return this.i.afd;
         },
         set: function (v) {
-            this.i.afc = ensureBool(v);
-            this._a("isWindowSyncedToVisibleRange", this.i.afc);
+            this.i.afd = ensureBool(v);
+            this._a("isWindowSyncedToVisibleRange", this.i.afd);
         },
         enumerable: true,
         configurable: true
@@ -1022,12 +1022,12 @@ var IgcFinancialChartComponent = /** @class */ /*@__PURE__*/ (function (_super)
         get: function () {
             if (this._indicatorTypes === null) {
                 var coll = new IgcFinancialIndicatorTypeCollection();
-                var innerColl = this.i.adr;
+                var innerColl = this.i.ads;
                 if (!innerColl) {
                     innerColl = new FinancialIndicatorTypeCollection_internal(0);
                 }
                 this._indicatorTypes = coll._fromInner(innerColl);
-                this.i.adr = innerColl;
+                this.i.ads = innerColl;
             }
             return this._indicatorTypes;
         },
@@ -1039,14 +1039,14 @@ var IgcFinancialChartComponent = /** @class */ /*@__PURE__*/ (function (_super)
             var coll = new IgcFinancialIndicatorTypeCollection();
             this._indicatorTypes = coll._fromOuter(v);
             var syncColl = new SyncableObservableCollection$1(FinancialIndicatorType_$type);
-            var innerColl = this.i.adr;
+            var innerColl = this.i.ads;
             if (!innerColl) {
                 innerColl = new FinancialIndicatorTypeCollection_internal(0);
             }
             syncColl._inner = innerColl;
             syncColl.clear();
             this._indicatorTypes._setSyncTarget(syncColl);
-            this.i.adr = innerColl;
+            this.i.ads = innerColl;
         },
         enumerable: true,
         configurable: true
@@ -1060,12 +1060,12 @@ var IgcFinancialChartComponent = /** @class */ /*@__PURE__*/ (function (_super)
         get: function () {
             if (this._overlayTypes === null) {
                 var coll = new IgcFinancialOverlayTypeCollection();
-                var innerColl = this.i.adt;
+                var innerColl = this.i.adu;
                 if (!innerColl) {
                     innerColl = new FinancialOverlayTypeCollection_internal(0);
                 }
                 this._overlayTypes = coll._fromInner(innerColl);
-                this.i.adt = innerColl;
+                this.i.adu = innerColl;
             }
             return this._overlayTypes;
         },
@@ -1077,14 +1077,14 @@ var IgcFinancialChartComponent = /** @class */ /*@__PURE__*/ (function (_super)
             var coll = new IgcFinancialOverlayTypeCollection();
             this._overlayTypes = coll._fromOuter(v);
             var syncColl = new SyncableObservableCollection$1(FinancialOverlayType_$type);
-            var innerColl = this.i.adt;
+            var innerColl = this.i.adu;
             if (!innerColl) {
                 innerColl = new FinancialOverlayTypeCollection_internal(0);
             }
             syncColl._inner = innerColl;
             syncColl.clear();
             this._overlayTypes._setSyncTarget(syncColl);
-            this.i.adt = innerColl;
+            this.i.adu = innerColl;
         },
         enumerable: true,
         configurable: true
@@ -1094,11 +1094,11 @@ var IgcFinancialChartComponent = /** @class */ /*@__PURE__*/ (function (_super)
          * Gets or sets whether the large numbers on the Y-axis labels are abbreviated.
         */
         get: function () {
-            return this.i.afg;
+            return this.i.afh;
         },
         set: function (v) {
-            this.i.afg = ensureBool(v);
-            this._a("yAxisAbbreviateLargeNumbers", this.i.afg);
+            this.i.afh = ensureBool(v);
+            this._a("yAxisAbbreviateLargeNumbers", this.i.afh);
         },
         enumerable: true,
         configurable: true
@@ -1109,11 +1109,11 @@ var IgcFinancialChartComponent = /** @class */ /*@__PURE__*/ (function (_super)
          * 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: function () {
-            return this.i.ig;
+            return this.i.ih;
         },
         set: function (v) {
-            this.i.ig = +v;
-            this._a("resolution", this.i.ig);
+            this.i.ih = +v;
+            this._a("resolution", this.i.ih);
         },
         enumerable: true,
         configurable: true
@@ -1123,11 +1123,11 @@ var IgcFinancialChartComponent = /** @class */ /*@__PURE__*/ (function (_super)
          * 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: function () {
-            return this.i.aff;
+            return this.i.afg;
         },
         set: function (v) {
-            this.i.aff = ensureBool(v);
-            this._a("xAxisEnhancedIntervalPreferMoreCategoryLabels", this.i.aff);
+            this.i.afg = ensureBool(v);
+            this._a("xAxisEnhancedIntervalPreferMoreCategoryLabels", this.i.afg);
         },
         enumerable: true,
         configurable: true
@@ -1137,11 +1137,11 @@ var IgcFinancialChartComponent = /** @class */ /*@__PURE__*/ (function (_super)
          * 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: function () {
-            return this.i.afh;
+            return this.i.afi;
         },
         set: function (v) {
-            this.i.afh = ensureBool(v);
-            this._a("yAxisEnhancedIntervalPreferMoreCategoryLabels", this.i.afh);
+            this.i.afi = ensureBool(v);
+            this._a("yAxisEnhancedIntervalPreferMoreCategoryLabels", this.i.afi);
         },
         enumerable: true,
         configurable: true
@@ -1153,11 +1153,11 @@ var IgcFinancialChartComponent = /** @class */ /*@__PURE__*/ (function (_super)
         * Use the `zoomSliderType` property to set a type of all series that will be rendered in the zoom pane, e.g.
         */
         get: function () {
-            return this.i.adp;
+            return this.i.adq;
         },
         set: function (v) {
-            this.i.adp = ensureEnum(FinancialChartZoomSliderType_$type, v);
-            this._a("zoomSliderType", enumToString(FinancialChartZoomSliderType_$type, this.i.adp));
+            this.i.adq = ensureEnum(FinancialChartZoomSliderType_$type, v);
+            this._a("zoomSliderType", enumToString(FinancialChartZoomSliderType_$type, this.i.adq));
         },
         enumerable: true,
         configurable: true
@@ -1169,11 +1169,11 @@ var IgcFinancialChartComponent = /** @class */ /*@__PURE__*/ (function (_super)
         * 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: function () {
-            return fromBrushCollection(this.i.acm);
+            return fromBrushCollection(this.i.acn);
         },
         set: function (v) {
-            this.i.acm = toBrushCollection(v);
-            this._a("negativeBrushes", brushCollectionToString(this.i.acm));
+            this.i.acn = toBrushCollection(v);
+            this._a("negativeBrushes", brushCollectionToString(this.i.acn));
         },
         enumerable: true,
         configurable: true
@@ -1185,11 +1185,11 @@ var IgcFinancialChartComponent = /** @class */ /*@__PURE__*/ (function (_super)
         * 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: function () {
-            return fromBrushCollection(this.i.acn);
+            return fromBrushCollection(this.i.aco);
         },
         set: function (v) {
-            this.i.acn = toBrushCollection(v);
-            this._a("negativeOutlines", brushCollectionToString(this.i.acn));
+            this.i.aco = toBrushCollection(v);
+            this._a("negativeOutlines", brushCollectionToString(this.i.aco));
         },
         enumerable: true,
         configurable: true
@@ -1201,11 +1201,11 @@ var IgcFinancialChartComponent = /** @class */ /*@__PURE__*/ (function (_super)
         * 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: function () {
-            return fromBrushCollection(this.i.aco);
+            return fromBrushCollection(this.i.acp);
         },
         set: function (v) {
-            this.i.aco = toBrushCollection(v);
-            this._a("overlayBrushes", brushCollectionToString(this.i.aco));
+            this.i.acp = toBrushCollection(v);
+            this._a("overlayBrushes", brushCollectionToString(this.i.acp));
         },
         enumerable: true,
         configurable: true
@@ -1217,11 +1217,11 @@ var IgcFinancialChartComponent = /** @class */ /*@__PURE__*/ (function (_super)
         * 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: function () {
-            return fromBrushCollection(this.i.acp);
+            return fromBrushCollection(this.i.acq);
         },
         set: function (v) {
-            this.i.acp = toBrushCollection(v);
-            this._a("overlayOutlines", brushCollectionToString(this.i.acp));
+            this.i.acq = toBrushCollection(v);
+            this._a("overlayOutlines", brushCollectionToString(this.i.acq));
         },
         enumerable: true,
         configurable: true
@@ -1233,11 +1233,11 @@ var IgcFinancialChartComponent = /** @class */ /*@__PURE__*/ (function (_super)
         * 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: function () {
-            return fromBrushCollection(this.i.acr);
+            return fromBrushCollection(this.i.acs);
         },
         set: function (v) {
-            this.i.acr = toBrushCollection(v);
-            this._a("volumeOutlines", brushCollectionToString(this.i.acr));
+            this.i.acs = toBrushCollection(v);
+            this._a("volumeOutlines", brushCollectionToString(this.i.acs));
         },
         enumerable: true,
         configurable: true
@@ -1249,11 +1249,11 @@ var IgcFinancialChartComponent = /** @class */ /*@__PURE__*/ (function (_super)
         * 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: function () {
-            return fromBrushCollection(this.i.acq);
+            return fromBrushCollection(this.i.acr);
         },
         set: function (v) {
-            this.i.acq = toBrushCollection(v);
-            this._a("volumeBrushes", brushCollectionToString(this.i.acq));
+            this.i.acr = toBrushCollection(v);
+            this._a("volumeBrushes", brushCollectionToString(this.i.acr));
         },
         enumerable: true,
         configurable: true
@@ -1265,11 +1265,11 @@ var IgcFinancialChartComponent = /** @class */ /*@__PURE__*/ (function (_super)
         * 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: function () {
-            return fromBrushCollection(this.i.acl);
+            return fromBrushCollection(this.i.acm);
         },
         set: function (v) {
-            this.i.acl = toBrushCollection(v);
-            this._a("indicatorNegativeBrushes", brushCollectionToString(this.i.acl));
+            this.i.acm = toBrushCollection(v);
+            this._a("indicatorNegativeBrushes", brushCollectionToString(this.i.acm));
         },
         enumerable: true,
         configurable: true
@@ -1281,11 +1281,11 @@ var IgcFinancialChartComponent = /** @class */ /*@__PURE__*/ (function (_super)
         * 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: function () {
-            return fromBrushCollection(this.i.ack);
+            return fromBrushCollection(this.i.acl);
         },
         set: function (v) {
-            this.i.ack = toBrushCollection(v);
-            this._a("indicatorBrushes", brushCollectionToString(this.i.ack));
+            this.i.acl = toBrushCollection(v);
+            this._a("indicatorBrushes", brushCollectionToString(this.i.acl));
         },
         enumerable: true,
         configurable: true
@@ -1297,11 +1297,11 @@ var IgcFinancialChartComponent = /** @class */ /*@__PURE__*/ (function (_super)
         * 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: function () {
-            return this.i.agk;
+            return this.i.agl;
         },
         set: function (v) {
-            this.i.agk = +v;
-            this._a("volumeThickness", this.i.agk);
+            this.i.agl = +v;
+            this._a("volumeThickness", this.i.agl);
         },
         enumerable: true,
         configurable: true
@@ -1313,11 +1313,11 @@ var IgcFinancialChartComponent = /** @class */ /*@__PURE__*/ (function (_super)
         * 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: function () {
-            return this.i.agi;
+            return this.i.agj;
         },
         set: function (v) {
-            this.i.agi = +v;
-            this._a("overlayThickness", this.i.agi);
+            this.i.agj = +v;
+            this._a("overlayThickness", this.i.agj);
         },
         enumerable: true,
         configurable: true
@@ -1327,11 +1327,11 @@ var IgcFinancialChartComponent = /** @class */ /*@__PURE__*/ (function (_super)
          * The multiplier of financial overlay, e.g. BollingerBands overlay.
         */
         get: function () {
-            return this.i.agh;
+            return this.i.agi;
         },
         set: function (v) {
-            this.i.agh = +v;
-            this._a("overlayMultiplier", this.i.agh);
+            this.i.agi = +v;
+            this._a("overlayMultiplier", this.i.agi);
         },
         enumerable: true,
         configurable: true
@@ -1343,11 +1343,11 @@ var IgcFinancialChartComponent = /** @class */ /*@__PURE__*/ (function (_super)
         * 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: function () {
-            return this.i.agg;
+            return this.i.agh;
         },
         set: function (v) {
-            this.i.agg = +v;
-            this._a("indicatorThickness", this.i.agg);
+            this.i.agh = +v;
+            this._a("indicatorThickness", this.i.agh);
         },
         enumerable: true,
         configurable: true
@@ -1361,12 +1361,12 @@ var IgcFinancialChartComponent = /** @class */ /*@__PURE__*/ (function (_super)
         get: function () {
             if (this._indicatorDisplayTypes === null) {
                 var coll = new IgcIndicatorDisplayTypeCollection();
-                var innerColl = this.i.ad3;
+                var innerColl = this.i.ad4;
                 if (!innerColl) {
                     innerColl = new IndicatorDisplayTypeCollection_internal();
                 }
                 this._indicatorDisplayTypes = coll._fromInner(innerColl);
-                this.i.ad3 = innerColl;
+                this.i.ad4 = innerColl;
             }
             return this._indicatorDisplayTypes;
         },
@@ -1378,14 +1378,14 @@ var IgcFinancialChartComponent = /** @class */ /*@__PURE__*/ (function (_super)
             var coll = new IgcIndicatorDisplayTypeCollection();
             this._indicatorDisplayTypes = coll._fromOuter(v);
             var syncColl = new SyncableObservableCollection$1(IndicatorDisplayType_$type);
-            var innerColl = this.i.ad3;
+            var innerColl = this.i.ad4;
             if (!innerColl) {
                 innerColl = new IndicatorDisplayTypeCollection_internal();
             }
             syncColl._inner = innerColl;
             syncColl.clear();
             this._indicatorDisplayTypes._setSyncTarget(syncColl);
-            this.i.ad3 = innerColl;
+            this.i.ad4 = innerColl;
         },
         enumerable: true,
         configurable: true
@@ -1397,11 +1397,11 @@ var IgcFinancialChartComponent = /** @class */ /*@__PURE__*/ (function (_super)
         * 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: function () {
-            return this.i.ahb;
+            return this.i.ahc;
         },
         set: function (v) {
-            this.i.ahb = +v;
-            this._a("indicatorPeriod", this.i.ahb);
+            this.i.ahc = +v;
+            this._a("indicatorPeriod", this.i.ahc);
         },
         enumerable: true,
         configurable: true
@@ -1413,11 +1413,11 @@ var IgcFinancialChartComponent = /** @class */ /*@__PURE__*/ (function (_super)
         * The `indicatorMultiplier` property applies to only to BollingerBandWidth indicator type.
         */
         get: function () {
-            return this.i.agf;
+            return this.i.agg;
         },
         set: function (v) {
-            this.i.agf = +v;
-            this._a("indicatorMultiplier", this.i.agf);
+            this.i.agg = +v;
+            this._a("indicatorMultiplier", this.i.agg);
         },
         enumerable: true,
         configurable: true
@@ -1429,11 +1429,11 @@ var IgcFinancialChartComponent = /** @class */ /*@__PURE__*/ (function (_super)
         * The `indicatorSmoothingPeriod` property applies to only to `FullStochasticOscillator` indicator type.
         */
         get: function () {
-            return this.i.ahe;
+            return this.i.ahf;
         },
         set: function (v) {
-            this.i.ahe = +v;
-            this._a("indicatorSmoothingPeriod", this.i.ahe);
+            this.i.ahf = +v;
+            this._a("indicatorSmoothingPeriod", this.i.ahf);
         },
         enumerable: true,
         configurable: true
@@ -1451,11 +1451,11 @@ var IgcFinancialChartComponent = /** @class */ /*@__PURE__*/ (function (_super)
         * -   PercentageVolumeOscillator,
         */
         get: function () {
-            return this.i.ahc;
+            return this.i.ahd;
         },
         set: function (v) {
-            this.i.ahc = +v;
-            this._a("indicatorShortPeriod", this.i.ahc);
+            this.i.ahd = +v;
+            this._a("indicatorShortPeriod", this.i.ahd);
         },
         enumerable: true,
         configurable: true
@@ -1473,11 +1473,11 @@ var IgcFinancialChartComponent = /** @class */ /*@__PURE__*/ (function (_super)
         * -   PercentageVolumeOscillator,
         */
         get: function () {
-            return this.i.aha;
+            return this.i.ahb;
         },
         set: function (v) {
-            this.i.aha = +v;
-            this._a("indicatorLongPeriod", this.i.aha);
+            this.i.ahb = +v;
+            this._a("indicatorLongPeriod", this.i.ahb);
         },
         enumerable: true,
         configurable: true
@@ -1489,11 +1489,11 @@ var IgcFinancialChartComponent = /** @class */ /*@__PURE__*/ (function (_super)
         * The `indicatorSignalPeriod` property applies to only to MovingAverageConvergenceDivergence indicator type.
         */
         get: function () {
-            return this.i.ahd;
+            return this.i.ahe;
         },
         set: function (v) {
-            this.i.ahd = +v;
-            this._a("indicatorSignalPeriod", this.i.ahd);
+            this.i.ahe = +v;
+            this._a("indicatorSignalPeriod", this.i.ahe);
         },
         enumerable: true,
         configurable: true
@@ -1505,12 +1505,12 @@ var IgcFinancialChartComponent = /** @class */ /*@__PURE__*/ (function (_super)
         get: function () {
             if (this._rangeSelectorOptions === null) {
                 var coll = new IgcFinancialChartRangeSelectorOptionCollection();
-                var innerColl = this.i.ac9;
+                var innerColl = this.i.ada;
                 if (!innerColl) {
                     innerColl = new FinancialChartRangeSelectorOptionCollection_internal(0);
                 }
                 this._rangeSelectorOptions = coll._fromInner(innerColl);
-                this.i.ac9 = innerColl;
+                this.i.ada = innerColl;
             }
             return this._rangeSelectorOptions;
         },
@@ -1522,14 +1522,14 @@ var IgcFinancialChartComponent = /** @class */ /*@__PURE__*/ (function (_super)
             var coll = new IgcFinancialChartRangeSelectorOptionCollection();
             this._rangeSelectorOptions = coll._fromOuter(v);
             var syncColl = new SyncableObservableCollection$1(FinancialChartRangeSelectorOption_$type);
-            var innerColl = this.i.ac9;
+            var innerColl = this.i.ada;
             if (!innerColl) {
                 innerColl = new FinancialChartRangeSelectorOptionCollection_internal(0);
             }
             syncColl._inner = innerColl;
             syncColl.clear();
             this._rangeSelectorOptions._setSyncTarget(syncColl);
-            this.i.ac9 = innerColl;
+            this.i.ada = innerColl;
         },
         enumerable: true,
         configurable: true
@@ -1573,11 +1573,11 @@ var IgcFinancialChartComponent = /** @class */ /*@__PURE__*/ (function (_super)
     });
     Object.defineProperty(IgcFinancialChartComponent.prototype, "isVerticalZoomEnabled", {
         get: function () {
-            return this.i.fx;
+            return this.i.fy;
         },
         set: function (v) {
-            this.i.fx = ensureBool(v);
-            this._a("isVerticalZoomEnabled", this.i.fx);
+            this.i.fy = ensureBool(v);
+            this._a("isVerticalZoomEnabled", this.i.fy);
         },
         enumerable: true,
         configurable: true
@@ -1587,11 +1587,11 @@ var IgcFinancialChartComponent = /** @class */ /*@__PURE__*/ (function (_super)
          * Gets or sets stroke brush of major gridlines on x-axis of the zoom slider pane
         */
         get: function () {
-            return brushToString(this.i.alq);
+            return brushToString(this.i.alr);
         },
         set: function (v) {
-            this.i.alq = stringToBrush(v);
-            this._a("zoomSliderXAxisMajorStroke", brushToString(this.i.alq));
+            this.i.alr = stringToBrush(v);
+            this._a("zoomSliderXAxisMajorStroke", brushToString(this.i.alr));
         },
         enumerable: true,
         configurable: true
@@ -1601,11 +1601,11 @@ var IgcFinancialChartComponent = /** @class */ /*@__PURE__*/ (function (_super)
          * Gets or sets thickness of major gridlines on x-axis of the zoom slider pane
         */
         get: function () {
-            return this.i.agw;
+            return this.i.agx;
         },
         set: function (v) {
-            this.i.agw = +v;
-            this._a("zoomSliderXAxisMajorStrokeThickness", this.i.agw);
+            this.i.agx = +v;
+            this._a("zoomSliderXAxisMajorStrokeThickness", this.i.agx);
         },
         enumerable: true,
         configurable: true
@@ -1615,11 +1615,11 @@ var IgcFinancialChartComponent = /** @class */ /*@__PURE__*/ (function (_super)
          * Gets or sets weather or not a legend is visible between toolbar and chart's plot area
         */
         get: function () {
-            return this.i.ae7;
+            return this.i.ae8;
         },
         set: function (v) {
-            this.i.ae7 = ensureBool(v);
-            this._a("isLegendVisible", this.i.ae7);
+            this.i.ae8 = ensureBool(v);
+            this._a("isLegendVisible", this.i.ae8);
         },
         enumerable: true,
         configurable: true
@@ -1629,10 +1629,10 @@ var IgcFinancialChartComponent = /** @class */ /*@__PURE__*/ (function (_super)
          * Gets or sets minimum value on x-axis
         */
         get: function () {
-            return this.i.afx;
+            return this.i.afy;
         },
         set: function (v) {
-            this.i.afx = v;
+            this.i.afy = v;
         },
         enumerable: true,
         configurable: true
@@ -1642,10 +1642,10 @@ var IgcFinancialChartComponent = /** @class */ /*@__PURE__*/ (function (_super)
          * Gets or sets maximum value on x-axis
         */
         get: function () {
-            return this.i.afw;
+            return this.i.afx;
         },
         set: function (v) {
-            this.i.afw = v;
+            this.i.afx = v;
         },
         enumerable: true,
         configurable: true
@@ -1681,23 +1681,23 @@ var IgcFinancialChartComponent = /** @class */ /*@__PURE__*/ (function (_super)
         this.i.provideContainer(container);
     };
     IgcFinancialChartComponent.prototype.notifyInsertItem = function (source_, index, newItem) {
-        this.i.ry(source_, index, newItem);
+        this.i.rz(source_, index, newItem);
     };
     IgcFinancialChartComponent.prototype.notifyRemoveItem = function (source_, index, oldItem) {
-        this.i.rz(source_, index, oldItem);
+        this.i.r0(source_, index, oldItem);
     };
     IgcFinancialChartComponent.prototype.notifyClearItems = function (source_) {
-        this.i.rx(source_);
+        this.i.ry(source_);
     };
     IgcFinancialChartComponent.prototype.notifySetItem = function (source_, index, oldItem, newItem) {
-        this.i.r1(source_, index, oldItem, newItem);
+        this.i.r2(source_, index, oldItem, newItem);
     };
     /**
      * Returns visuals as a serialized string.
     
     */
     IgcFinancialChartComponent.prototype.exportSerializedVisualData = function () {
-        var iv = this.i.ah0();
+        var iv = this.i.ah1();
         return (iv);
     };
     Object.defineProperty(IgcFinancialChartComponent.prototype, "applyCustomIndicators", {
@@ -1727,6 +1727,7 @@ var IgcFinancialChartComponent = /** @class */ /*@__PURE__*/ (function (_super)
                 }
             };
             this.i.applyCustomIndicators = delegateCombine(this.i.applyCustomIndicators, this._applyCustomIndicators_wrapped);
+            ;
         },
         enumerable: true,
         configurable: true