igniteui-webcomponents-charts 6.0.0 → 6.0.1

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

@@ -676,33 +676,33 @@ var IgcFinancialChartComponent = /** @class */ /*@__PURE__*/ (function (_super)
     };
     Object.defineProperty(IgcFinancialChartComponent.prototype, "leftMargin", {
         get: function () {
-            return this.i.j2;
+            return this.i.j6;
         },
         set: function (v) {
-            this.i.j2 = +v;
-            this._a("leftMargin", this.i.j2);
+            this.i.j6 = +v;
+            this._a("leftMargin", this.i.j6);
         },
         enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcFinancialChartComponent.prototype, "isHorizontalZoomEnabled", {
         get: function () {
-            return this.i.g6;
+            return this.i.ha;
         },
         set: function (v) {
-            this.i.g6 = ensureBool(v);
-            this._a("isHorizontalZoomEnabled", this.i.g6);
+            this.i.ha = ensureBool(v);
+            this._a("isHorizontalZoomEnabled", this.i.ha);
         },
         enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcFinancialChartComponent.prototype, "toolbarHeight", {
         get: function () {
-            return this.i.als;
+            return this.i.ama;
         },
         set: function (v) {
-            this.i.als = +v;
-            this._a("toolbarHeight", this.i.als);
+            this.i.ama = +v;
+            this._a("toolbarHeight", this.i.ama);
         },
         enumerable: false,
         configurable: true
@@ -723,11 +723,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.akr;
+            return this.i.ak9;
         },
         set: function (v) {
-            this.i.akr = ensureBool(v);
-            this._a("yAxisIsLogarithmic", this.i.akr);
+            this.i.ak9 = ensureBool(v);
+            this._a("yAxisIsLogarithmic", this.i.ak9);
         },
         enumerable: false,
         configurable: true
@@ -738,11 +738,11 @@ var IgcFinancialChartComponent = /** @class */ /*@__PURE__*/ (function (_super)
          * This property is effective only when YAxisIsLogarithmic is true.
         */
         get: function () {
-            return this.i.amp;
+            return this.i.am7;
         },
         set: function (v) {
-            this.i.amp = +v;
-            this._a("yAxisLogarithmBase", this.i.amp);
+            this.i.am7 = +v;
+            this._a("yAxisLogarithmBase", this.i.am7);
         },
         enumerable: false,
         configurable: true
@@ -754,11 +754,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.al1;
+            return this.i.amj;
         },
         set: function (v) {
-            this.i.al1 = +v;
-            this._a("yAxisInterval", this.i.al1);
+            this.i.amj = +v;
+            this._a("yAxisInterval", this.i.amj);
         },
         enumerable: false,
         configurable: true
@@ -770,11 +770,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.al3;
+            return this.i.aml;
         },
         set: function (v) {
-            this.i.al3 = +v;
-            this._a("yAxisMinimumValue", this.i.al3);
+            this.i.aml = +v;
+            this._a("yAxisMinimumValue", this.i.aml);
         },
         enumerable: false,
         configurable: true
@@ -786,11 +786,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.al2;
+            return this.i.amk;
         },
         set: function (v) {
-            this.i.al2 = +v;
-            this._a("yAxisMaximumValue", this.i.al2);
+            this.i.amk = +v;
+            this._a("yAxisMaximumValue", this.i.amk);
         },
         enumerable: false,
         configurable: true
@@ -802,11 +802,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.al4;
+            return this.i.amm;
         },
         set: function (v) {
-            this.i.al4 = +v;
-            this._a("yAxisMinorInterval", this.i.al4);
+            this.i.amm = +v;
+            this._a("yAxisMinorInterval", this.i.amm);
         },
         enumerable: false,
         configurable: true
@@ -816,7 +816,7 @@ var IgcFinancialChartComponent = /** @class */ /*@__PURE__*/ (function (_super)
          * Gets the current minimum value for the Y-axis.
         */
         get: function () {
-            return this.i.al0;
+            return this.i.ami;
         },
         enumerable: false,
         configurable: true
@@ -826,7 +826,7 @@ var IgcFinancialChartComponent = /** @class */ /*@__PURE__*/ (function (_super)
          * Gets the current maximum value for the Y-axis.
         */
         get: function () {
-            return this.i.alz;
+            return this.i.amh;
         },
         enumerable: false,
         configurable: true
@@ -838,11 +838,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.air;
+            return this.i.ai9;
         },
         set: function (v) {
-            this.i.air = ensureEnum(FinancialChartVolumeType_$type, v);
-            this._a("volumeType", enumToString(FinancialChartVolumeType_$type, this.i.air));
+            this.i.ai9 = ensureEnum(FinancialChartVolumeType_$type, v);
+            this._a("volumeType", enumToString(FinancialChartVolumeType_$type, this.i.ai9));
         },
         enumerable: false,
         configurable: true
@@ -854,11 +854,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.ait;
+            return this.i.ajb;
         },
         set: function (v) {
-            this.i.ait = ensureEnum(FinancialChartXAxisMode_$type, v);
-            this._a("xAxisMode", enumToString(FinancialChartXAxisMode_$type, this.i.ait));
+            this.i.ajb = ensureEnum(FinancialChartXAxisMode_$type, v);
+            this._a("xAxisMode", enumToString(FinancialChartXAxisMode_$type, this.i.ajb));
         },
         enumerable: false,
         configurable: true
@@ -869,11 +869,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.alu;
+            return this.i.amc;
         },
         set: function (v) {
-            this.i.alu = +v;
-            this._a("xAxisZoomMaximumCategoryRange", this.i.alu);
+            this.i.amc = +v;
+            this._a("xAxisZoomMaximumCategoryRange", this.i.amc);
         },
         enumerable: false,
         configurable: true
@@ -884,11 +884,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.alx;
+            return this.i.amf;
         },
         set: function (v) {
-            this.i.alx = +v;
-            this._a("xAxisZoomToCategoryStart", this.i.alx);
+            this.i.amf = +v;
+            this._a("xAxisZoomToCategoryStart", this.i.amf);
         },
         enumerable: false,
         configurable: true
@@ -900,11 +900,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.alv;
+            return this.i.amd;
         },
         set: function (v) {
-            this.i.alv = +v;
-            this._a("xAxisZoomMaximumItemSpan", this.i.alv);
+            this.i.amd = +v;
+            this._a("xAxisZoomMaximumItemSpan", this.i.amd);
         },
         enumerable: false,
         configurable: true
@@ -915,11 +915,11 @@ var IgcFinancialChartComponent = /** @class */ /*@__PURE__*/ (function (_super)
          * This property is overridden by chart's WindowRect or WindowScaleHorizontal properties
         */
         get: function () {
-            return this.i.alw;
+            return this.i.ame;
         },
         set: function (v) {
-            this.i.alw = +v;
-            this._a("xAxisZoomToCategoryRange", this.i.alw);
+            this.i.ame = +v;
+            this._a("xAxisZoomToCategoryRange", this.i.ame);
         },
         enumerable: false,
         configurable: true
@@ -931,11 +931,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.aly;
+            return this.i.amg;
         },
         set: function (v) {
-            this.i.aly = +v;
-            this._a("xAxisZoomToItemSpan", this.i.aly);
+            this.i.amg = +v;
+            this._a("xAxisZoomToItemSpan", this.i.amg);
         },
         enumerable: false,
         configurable: true
@@ -947,11 +947,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.aiv;
+            return this.i.ajd;
         },
         set: function (v) {
-            this.i.aiv = ensureEnum(FinancialChartYAxisMode_$type, v);
-            this._a("yAxisMode", enumToString(FinancialChartYAxisMode_$type, this.i.aiv));
+            this.i.ajd = ensureEnum(FinancialChartYAxisMode_$type, v);
+            this._a("yAxisMode", enumToString(FinancialChartYAxisMode_$type, this.i.ajd));
         },
         enumerable: false,
         configurable: true
@@ -961,11 +961,11 @@ var IgcFinancialChartComponent = /** @class */ /*@__PURE__*/ (function (_super)
          * A boolean property controlling the visibility of the toolbar.
         */
         get: function () {
-            return this.i.akk;
+            return this.i.ak2;
         },
         set: function (v) {
-            this.i.akk = ensureBool(v);
-            this._a("isToolbarVisible", this.i.akk);
+            this.i.ak2 = ensureBool(v);
+            this._a("isToolbarVisible", this.i.ak2);
         },
         enumerable: false,
         configurable: true
@@ -977,11 +977,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.aim;
+            return this.i.ai4;
         },
         set: function (v) {
-            this.i.aim = ensureEnum(FinancialChartType_$type, v);
-            this._a("chartType", enumToString(FinancialChartType_$type, this.i.aim));
+            this.i.ai4 = ensureEnum(FinancialChartType_$type, v);
+            this._a("chartType", enumToString(FinancialChartType_$type, this.i.ai4));
         },
         enumerable: false,
         configurable: true
@@ -991,11 +991,11 @@ var IgcFinancialChartComponent = /** @class */ /*@__PURE__*/ (function (_super)
          * Gets or sets Horizontal alignment of Y-axis labels.
         */
         get: function () {
-            return this.i.age;
+            return this.i.agw;
         },
         set: function (v) {
-            this.i.age = ensureEnum(HorizontalAlignment_$type, v);
-            this._a("yAxisLabelHorizontalAlignment", enumToString(HorizontalAlignment_$type, this.i.age));
+            this.i.agw = ensureEnum(HorizontalAlignment_$type, v);
+            this._a("yAxisLabelHorizontalAlignment", enumToString(HorizontalAlignment_$type, this.i.agw));
         },
         enumerable: false,
         configurable: true
@@ -1006,11 +1006,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.akl;
+            return this.i.ak3;
         },
         set: function (v) {
-            this.i.akl = ensureBool(v);
-            this._a("isWindowSyncedToVisibleRange", this.i.akl);
+            this.i.ak3 = ensureBool(v);
+            this._a("isWindowSyncedToVisibleRange", this.i.ak3);
         },
         enumerable: false,
         configurable: true
@@ -1024,12 +1024,12 @@ var IgcFinancialChartComponent = /** @class */ /*@__PURE__*/ (function (_super)
         get: function () {
             if (this._indicatorTypes === null) {
                 var coll = new IgcFinancialIndicatorTypeCollection();
-                var innerColl = this.i.ai0;
+                var innerColl = this.i.aji;
                 if (!innerColl) {
                     innerColl = new FinancialIndicatorTypeCollection_internal(0);
                 }
                 this._indicatorTypes = coll._fromInner(innerColl);
-                this.i.ai0 = innerColl;
+                this.i.aji = innerColl;
             }
             return this._indicatorTypes;
         },
@@ -1041,14 +1041,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.ai0;
+            var innerColl = this.i.aji;
             if (!innerColl) {
                 innerColl = new FinancialIndicatorTypeCollection_internal(0);
             }
             syncColl._inner = innerColl;
             syncColl.clear();
             this._indicatorTypes._setSyncTarget(syncColl);
-            this.i.ai0 = innerColl;
+            this.i.aji = innerColl;
         },
         enumerable: false,
         configurable: true
@@ -1062,12 +1062,12 @@ var IgcFinancialChartComponent = /** @class */ /*@__PURE__*/ (function (_super)
         get: function () {
             if (this._overlayTypes === null) {
                 var coll = new IgcFinancialOverlayTypeCollection();
-                var innerColl = this.i.ai2;
+                var innerColl = this.i.ajk;
                 if (!innerColl) {
                     innerColl = new FinancialOverlayTypeCollection_internal(0);
                 }
                 this._overlayTypes = coll._fromInner(innerColl);
-                this.i.ai2 = innerColl;
+                this.i.ajk = innerColl;
             }
             return this._overlayTypes;
         },
@@ -1079,14 +1079,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.ai2;
+            var innerColl = this.i.ajk;
             if (!innerColl) {
                 innerColl = new FinancialOverlayTypeCollection_internal(0);
             }
             syncColl._inner = innerColl;
             syncColl.clear();
             this._overlayTypes._setSyncTarget(syncColl);
-            this.i.ai2 = innerColl;
+            this.i.ajk = innerColl;
         },
         enumerable: false,
         configurable: true
@@ -1096,11 +1096,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.akp;
+            return this.i.ak7;
         },
         set: function (v) {
-            this.i.akp = ensureBool(v);
-            this._a("yAxisAbbreviateLargeNumbers", this.i.akp);
+            this.i.ak7 = ensureBool(v);
+            this._a("yAxisAbbreviateLargeNumbers", this.i.ak7);
         },
         enumerable: false,
         configurable: true
@@ -1111,11 +1111,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.ka;
+            return this.i.ke;
         },
         set: function (v) {
-            this.i.ka = +v;
-            this._a("resolution", this.i.ka);
+            this.i.ke = +v;
+            this._a("resolution", this.i.ke);
         },
         enumerable: false,
         configurable: true
@@ -1125,11 +1125,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.ako;
+            return this.i.ak6;
         },
         set: function (v) {
-            this.i.ako = ensureBool(v);
-            this._a("xAxisEnhancedIntervalPreferMoreCategoryLabels", this.i.ako);
+            this.i.ak6 = ensureBool(v);
+            this._a("xAxisEnhancedIntervalPreferMoreCategoryLabels", this.i.ak6);
         },
         enumerable: false,
         configurable: true
@@ -1139,11 +1139,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.akq;
+            return this.i.ak8;
         },
         set: function (v) {
-            this.i.akq = ensureBool(v);
-            this._a("yAxisEnhancedIntervalPreferMoreCategoryLabels", this.i.akq);
+            this.i.ak8 = ensureBool(v);
+            this._a("yAxisEnhancedIntervalPreferMoreCategoryLabels", this.i.ak8);
         },
         enumerable: false,
         configurable: true
@@ -1155,11 +1155,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.aiy;
+            return this.i.ajg;
         },
         set: function (v) {
-            this.i.aiy = ensureEnum(FinancialChartZoomSliderType_$type, v);
-            this._a("zoomSliderType", enumToString(FinancialChartZoomSliderType_$type, this.i.aiy));
+            this.i.ajg = ensureEnum(FinancialChartZoomSliderType_$type, v);
+            this._a("zoomSliderType", enumToString(FinancialChartZoomSliderType_$type, this.i.ajg));
         },
         enumerable: false,
         configurable: true
@@ -1171,11 +1171,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.ahv);
+            return fromBrushCollection(this.i.aid);
         },
         set: function (v) {
-            this.i.ahv = toBrushCollection(v);
-            this._a("negativeBrushes", brushCollectionToString(this.i.ahv));
+            this.i.aid = toBrushCollection(v);
+            this._a("negativeBrushes", brushCollectionToString(this.i.aid));
         },
         enumerable: false,
         configurable: true
@@ -1187,11 +1187,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.ahw);
+            return fromBrushCollection(this.i.aie);
         },
         set: function (v) {
-            this.i.ahw = toBrushCollection(v);
-            this._a("negativeOutlines", brushCollectionToString(this.i.ahw));
+            this.i.aie = toBrushCollection(v);
+            this._a("negativeOutlines", brushCollectionToString(this.i.aie));
         },
         enumerable: false,
         configurable: true
@@ -1203,11 +1203,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.ahx);
+            return fromBrushCollection(this.i.aif);
         },
         set: function (v) {
-            this.i.ahx = toBrushCollection(v);
-            this._a("overlayBrushes", brushCollectionToString(this.i.ahx));
+            this.i.aif = toBrushCollection(v);
+            this._a("overlayBrushes", brushCollectionToString(this.i.aif));
         },
         enumerable: false,
         configurable: true
@@ -1219,11 +1219,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.ahy);
+            return fromBrushCollection(this.i.aig);
         },
         set: function (v) {
-            this.i.ahy = toBrushCollection(v);
-            this._a("overlayOutlines", brushCollectionToString(this.i.ahy));
+            this.i.aig = toBrushCollection(v);
+            this._a("overlayOutlines", brushCollectionToString(this.i.aig));
         },
         enumerable: false,
         configurable: true
@@ -1235,11 +1235,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.ah0);
+            return fromBrushCollection(this.i.aii);
         },
         set: function (v) {
-            this.i.ah0 = toBrushCollection(v);
-            this._a("volumeOutlines", brushCollectionToString(this.i.ah0));
+            this.i.aii = toBrushCollection(v);
+            this._a("volumeOutlines", brushCollectionToString(this.i.aii));
         },
         enumerable: false,
         configurable: true
@@ -1251,11 +1251,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.ahz);
+            return fromBrushCollection(this.i.aih);
         },
         set: function (v) {
-            this.i.ahz = toBrushCollection(v);
-            this._a("volumeBrushes", brushCollectionToString(this.i.ahz));
+            this.i.aih = toBrushCollection(v);
+            this._a("volumeBrushes", brushCollectionToString(this.i.aih));
         },
         enumerable: false,
         configurable: true
@@ -1267,11 +1267,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.ahu);
+            return fromBrushCollection(this.i.aic);
         },
         set: function (v) {
-            this.i.ahu = toBrushCollection(v);
-            this._a("indicatorNegativeBrushes", brushCollectionToString(this.i.ahu));
+            this.i.aic = toBrushCollection(v);
+            this._a("indicatorNegativeBrushes", brushCollectionToString(this.i.aic));
         },
         enumerable: false,
         configurable: true
@@ -1283,11 +1283,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.aht);
+            return fromBrushCollection(this.i.aib);
         },
         set: function (v) {
-            this.i.aht = toBrushCollection(v);
-            this._a("indicatorBrushes", brushCollectionToString(this.i.aht));
+            this.i.aib = toBrushCollection(v);
+            this._a("indicatorBrushes", brushCollectionToString(this.i.aib));
         },
         enumerable: false,
         configurable: true
@@ -1299,11 +1299,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.alt;
+            return this.i.amb;
         },
         set: function (v) {
-            this.i.alt = +v;
-            this._a("volumeThickness", this.i.alt);
+            this.i.amb = +v;
+            this._a("volumeThickness", this.i.amb);
         },
         enumerable: false,
         configurable: true
@@ -1315,11 +1315,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.alr;
+            return this.i.al9;
         },
         set: function (v) {
-            this.i.alr = +v;
-            this._a("overlayThickness", this.i.alr);
+            this.i.al9 = +v;
+            this._a("overlayThickness", this.i.al9);
         },
         enumerable: false,
         configurable: true
@@ -1329,11 +1329,11 @@ var IgcFinancialChartComponent = /** @class */ /*@__PURE__*/ (function (_super)
          * The multiplier of financial overlay, e.g. BollingerBands overlay.
         */
         get: function () {
-            return this.i.alq;
+            return this.i.al8;
         },
         set: function (v) {
-            this.i.alq = +v;
-            this._a("overlayMultiplier", this.i.alq);
+            this.i.al8 = +v;
+            this._a("overlayMultiplier", this.i.al8);
         },
         enumerable: false,
         configurable: true
@@ -1345,11 +1345,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.alp;
+            return this.i.al7;
         },
         set: function (v) {
-            this.i.alp = +v;
-            this._a("indicatorThickness", this.i.alp);
+            this.i.al7 = +v;
+            this._a("indicatorThickness", this.i.al7);
         },
         enumerable: false,
         configurable: true
@@ -1363,12 +1363,12 @@ var IgcFinancialChartComponent = /** @class */ /*@__PURE__*/ (function (_super)
         get: function () {
             if (this._indicatorDisplayTypes === null) {
                 var coll = new IgcIndicatorDisplayTypeCollection();
-                var innerColl = this.i.ajc;
+                var innerColl = this.i.aju;
                 if (!innerColl) {
                     innerColl = new IndicatorDisplayTypeCollection_internal();
                 }
                 this._indicatorDisplayTypes = coll._fromInner(innerColl);
-                this.i.ajc = innerColl;
+                this.i.aju = innerColl;
             }
             return this._indicatorDisplayTypes;
         },
@@ -1380,14 +1380,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.ajc;
+            var innerColl = this.i.aju;
             if (!innerColl) {
                 innerColl = new IndicatorDisplayTypeCollection_internal();
             }
             syncColl._inner = innerColl;
             syncColl.clear();
             this._indicatorDisplayTypes._setSyncTarget(syncColl);
-            this.i.ajc = innerColl;
+            this.i.aju = innerColl;
         },
         enumerable: false,
         configurable: true
@@ -1399,11 +1399,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`, `PriceChannelOverlay`, `RateOfChangeAndMomentum`, `RelativeStrengthIndex`, `SlowStochasticOscillator`, `StandardDeviation`, `StochRSI`, `TRIX`, `WilliamsPercentR`
         */
         get: function () {
-            return this.i.amk;
+            return this.i.am2;
         },
         set: function (v) {
-            this.i.amk = +v;
-            this._a("indicatorPeriod", this.i.amk);
+            this.i.am2 = +v;
+            this._a("indicatorPeriod", this.i.am2);
         },
         enumerable: false,
         configurable: true
@@ -1415,11 +1415,11 @@ var IgcFinancialChartComponent = /** @class */ /*@__PURE__*/ (function (_super)
         * The `IndicatorMultiplier` property applies to only to BollingerBandWidth indicator type.
         */
         get: function () {
-            return this.i.alo;
+            return this.i.al6;
         },
         set: function (v) {
-            this.i.alo = +v;
-            this._a("indicatorMultiplier", this.i.alo);
+            this.i.al6 = +v;
+            this._a("indicatorMultiplier", this.i.al6);
         },
         enumerable: false,
         configurable: true
@@ -1431,11 +1431,11 @@ var IgcFinancialChartComponent = /** @class */ /*@__PURE__*/ (function (_super)
         * The `IndicatorSmoothingPeriod` property applies to only to `FullStochasticOscillator` indicator type.
         */
         get: function () {
-            return this.i.amn;
+            return this.i.am5;
         },
         set: function (v) {
-            this.i.amn = +v;
-            this._a("indicatorSmoothingPeriod", this.i.amn);
+            this.i.am5 = +v;
+            this._a("indicatorSmoothingPeriod", this.i.am5);
         },
         enumerable: false,
         configurable: true
@@ -1453,11 +1453,11 @@ var IgcFinancialChartComponent = /** @class */ /*@__PURE__*/ (function (_super)
         * -   PercentageVolumeOscillator,
         */
         get: function () {
-            return this.i.aml;
+            return this.i.am3;
         },
         set: function (v) {
-            this.i.aml = +v;
-            this._a("indicatorShortPeriod", this.i.aml);
+            this.i.am3 = +v;
+            this._a("indicatorShortPeriod", this.i.am3);
         },
         enumerable: false,
         configurable: true
@@ -1475,11 +1475,11 @@ var IgcFinancialChartComponent = /** @class */ /*@__PURE__*/ (function (_super)
         * -   PercentageVolumeOscillator,
         */
         get: function () {
-            return this.i.amj;
+            return this.i.am1;
         },
         set: function (v) {
-            this.i.amj = +v;
-            this._a("indicatorLongPeriod", this.i.amj);
+            this.i.am1 = +v;
+            this._a("indicatorLongPeriod", this.i.am1);
         },
         enumerable: false,
         configurable: true
@@ -1491,11 +1491,11 @@ var IgcFinancialChartComponent = /** @class */ /*@__PURE__*/ (function (_super)
         * The `IndicatorSignalPeriod` property applies to only to MovingAverageConvergenceDivergence indicator type.
         */
         get: function () {
-            return this.i.amm;
+            return this.i.am4;
         },
         set: function (v) {
-            this.i.amm = +v;
-            this._a("indicatorSignalPeriod", this.i.amm);
+            this.i.am4 = +v;
+            this._a("indicatorSignalPeriod", this.i.am4);
         },
         enumerable: false,
         configurable: true
@@ -1507,12 +1507,12 @@ var IgcFinancialChartComponent = /** @class */ /*@__PURE__*/ (function (_super)
         get: function () {
             if (this._rangeSelectorOptions === null) {
                 var coll = new IgcFinancialChartRangeSelectorOptionCollection();
-                var innerColl = this.i.aii;
+                var innerColl = this.i.ai0;
                 if (!innerColl) {
                     innerColl = new FinancialChartRangeSelectorOptionCollection_internal(0);
                 }
                 this._rangeSelectorOptions = coll._fromInner(innerColl);
-                this.i.aii = innerColl;
+                this.i.ai0 = innerColl;
             }
             return this._rangeSelectorOptions;
         },
@@ -1524,14 +1524,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.aii;
+            var innerColl = this.i.ai0;
             if (!innerColl) {
                 innerColl = new FinancialChartRangeSelectorOptionCollection_internal(0);
             }
             syncColl._inner = innerColl;
             syncColl.clear();
             this._rangeSelectorOptions._setSyncTarget(syncColl);
-            this.i.aii = innerColl;
+            this.i.ai0 = innerColl;
         },
         enumerable: false,
         configurable: true
@@ -1575,11 +1575,11 @@ var IgcFinancialChartComponent = /** @class */ /*@__PURE__*/ (function (_super)
     });
     Object.defineProperty(IgcFinancialChartComponent.prototype, "isVerticalZoomEnabled", {
         get: function () {
-            return this.i.he;
+            return this.i.hi;
         },
         set: function (v) {
-            this.i.he = ensureBool(v);
-            this._a("isVerticalZoomEnabled", this.i.he);
+            this.i.hi = ensureBool(v);
+            this._a("isVerticalZoomEnabled", this.i.hi);
         },
         enumerable: false,
         configurable: true
@@ -1589,11 +1589,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.aqz);
+            return brushToString(this.i.arh);
         },
         set: function (v) {
-            this.i.aqz = stringToBrush(v);
-            this._a("zoomSliderXAxisMajorStroke", brushToString(this.i.aqz));
+            this.i.arh = stringToBrush(v);
+            this._a("zoomSliderXAxisMajorStroke", brushToString(this.i.arh));
         },
         enumerable: false,
         configurable: true
@@ -1603,11 +1603,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.al5;
+            return this.i.amn;
         },
         set: function (v) {
-            this.i.al5 = +v;
-            this._a("zoomSliderXAxisMajorStrokeThickness", this.i.al5);
+            this.i.amn = +v;
+            this._a("zoomSliderXAxisMajorStrokeThickness", this.i.amn);
         },
         enumerable: false,
         configurable: true
@@ -1617,11 +1617,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.akg;
+            return this.i.aky;
         },
         set: function (v) {
-            this.i.akg = ensureBool(v);
-            this._a("isLegendVisible", this.i.akg);
+            this.i.aky = ensureBool(v);
+            this._a("isLegendVisible", this.i.aky);
         },
         enumerable: false,
         configurable: true
@@ -1631,10 +1631,10 @@ var IgcFinancialChartComponent = /** @class */ /*@__PURE__*/ (function (_super)
          * Gets or sets minimum value on x-axis
         */
         get: function () {
-            return this.i.ak6;
+            return this.i.alo;
         },
         set: function (v) {
-            this.i.ak6 = v;
+            this.i.alo = v;
         },
         enumerable: false,
         configurable: true
@@ -1644,10 +1644,10 @@ var IgcFinancialChartComponent = /** @class */ /*@__PURE__*/ (function (_super)
          * Gets or sets maximum value on x-axis
         */
         get: function () {
-            return this.i.ak5;
+            return this.i.aln;
         },
         set: function (v) {
-            this.i.ak5 = v;
+            this.i.aln = v;
         },
         enumerable: false,
         configurable: true
@@ -1683,23 +1683,23 @@ var IgcFinancialChartComponent = /** @class */ /*@__PURE__*/ (function (_super)
         this.i.provideContainer(container);
     };
     IgcFinancialChartComponent.prototype.notifyInsertItem = function (source_, index, newItem) {
-        this.i.vv(source_, index, newItem);
+        this.i.v1(source_, index, newItem);
     };
     IgcFinancialChartComponent.prototype.notifyRemoveItem = function (source_, index, oldItem) {
-        this.i.vw(source_, index, oldItem);
+        this.i.v2(source_, index, oldItem);
     };
     IgcFinancialChartComponent.prototype.notifyClearItems = function (source_) {
-        this.i.vu(source_);
+        this.i.v0(source_);
     };
     IgcFinancialChartComponent.prototype.notifySetItem = function (source_, index, oldItem, newItem) {
-        this.i.vy(source_, index, oldItem, newItem);
+        this.i.v4(source_, index, oldItem, newItem);
     };
     /**
      * Returns visuals as a serialized string.
     
     */
     IgcFinancialChartComponent.prototype.exportSerializedVisualData = function () {
-        var iv = this.i.am9();
+        var iv = this.i.anr();
         return (iv);
     };
     Object.defineProperty(IgcFinancialChartComponent.prototype, "applyCustomIndicators", {