igniteui-webcomponents-charts 4.6.0 → 4.7.0

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

@@ -320,11 +320,25 @@ var IgcCategoryChartComponent = /** @class */ /*@__PURE__*/ (function (_super) {
     * `TransitionInDuration` controls the length of time taken by the transition-in animation.  Try setting it to 2 seconds:
     */
         get: function () {
-            return this.i.afo;
+            return this.i.af7;
         },
         set: function (v) {
-            this.i.afo = +v;
-            this._a("transitionInDuration", this.i.afo);
+            this.i.af7 = +v;
+            this._a("transitionInDuration", this.i.af7);
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(IgcCategoryChartComponent.prototype, "transitionOutDuration", {
+        /**
+         * Gets or sets the duration used for animating series plots when the series is leaving view
+        */
+        get: function () {
+            return this.i.af8;
+        },
+        set: function (v) {
+            this.i.af8 = +v;
+            this._a("transitionOutDuration", this.i.af8);
         },
         enumerable: false,
         configurable: true
@@ -335,10 +349,24 @@ var IgcCategoryChartComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * This can be set to one of the known values "linear" or "cubic," or it can be set to an easing function which takes a single numeric parameter and returns a number.
         */
         get: function () {
-            return this.i.ads;
+            return this.i.ad9;
+        },
+        set: function (v) {
+            this.i.ad9 = v;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(IgcCategoryChartComponent.prototype, "transitionOutEasingFunction", {
+        /**
+         * Gets or sets the easing function used for animating series plots when the chart is loading into view
+         * This can be set to one of the known values "linear" or "cubic," or it can be set to an easing function which takes a single numeric parameter and returns a number.
+        */
+        get: function () {
+            return this.i.aea;
         },
         set: function (v) {
-            this.i.ads = v;
+            this.i.aea = v;
         },
         enumerable: false,
         configurable: true
@@ -360,11 +388,11 @@ var IgcCategoryChartComponent = /** @class */ /*@__PURE__*/ (function (_super) {
         * The `ChartType` property determines the type of data series to display.
         */
         get: function () {
-            return this.i.adc;
+            return this.i.ads;
         },
         set: function (v) {
-            this.i.adc = ensureEnum(CategoryChartType_$type, v);
-            this._a("chartType", enumToString(CategoryChartType_$type, this.i.adc));
+            this.i.ads = ensureEnum(CategoryChartType_$type, v);
+            this._a("chartType", enumToString(CategoryChartType_$type, this.i.ads));
         },
         enumerable: false,
         configurable: true
@@ -376,11 +404,11 @@ var IgcCategoryChartComponent = /** @class */ /*@__PURE__*/ (function (_super) {
         * `MarkerCollisionAvoidance` controls the technique the chart uses to avoid overlapping markers.
         */
         get: function () {
-            return this.i.ade;
+            return this.i.adu;
         },
         set: function (v) {
-            this.i.ade = ensureEnum(CategorySeriesMarkerCollisionAvoidance_$type, v);
-            this._a("markerCollisionAvoidance", enumToString(CategorySeriesMarkerCollisionAvoidance_$type, this.i.ade));
+            this.i.adu = ensureEnum(CategorySeriesMarkerCollisionAvoidance_$type, v);
+            this._a("markerCollisionAvoidance", enumToString(CategorySeriesMarkerCollisionAvoidance_$type, this.i.adu));
         },
         enumerable: false,
         configurable: true
@@ -390,11 +418,11 @@ var IgcCategoryChartComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets whether to include the spline shape in the axis range requested of the axis for spline type series.
         */
         get: function () {
-            return this.i.ad6;
+            return this.i.aeo;
         },
         set: function (v) {
-            this.i.ad6 = ensureBool(v);
-            this._a("isSplineShapePartOfRange", this.i.ad6);
+            this.i.aeo = ensureBool(v);
+            this._a("isSplineShapePartOfRange", this.i.aeo);
         },
         enumerable: false,
         configurable: true
@@ -406,11 +434,11 @@ var IgcCategoryChartComponent = /** @class */ /*@__PURE__*/ (function (_super) {
         * Set `IsTransitionInEnabled` to true if you want your chart series to animate into position when the chart is loading into view.
         */
         get: function () {
-            return this.i.ad7;
+            return this.i.aep;
         },
         set: function (v) {
-            this.i.ad7 = ensureBool(v);
-            this._a("isTransitionInEnabled", this.i.ad7);
+            this.i.aep = ensureBool(v);
+            this._a("isTransitionInEnabled", this.i.aep);
         },
         enumerable: false,
         configurable: true
@@ -422,11 +450,11 @@ var IgcCategoryChartComponent = /** @class */ /*@__PURE__*/ (function (_super) {
         * `TransitionInMode` controls the direction of the transition-in animation.
         */
         get: function () {
-            return this.i.adg;
+            return this.i.adw;
         },
         set: function (v) {
-            this.i.adg = ensureEnum(CategoryTransitionInMode_$type, v);
-            this._a("transitionInMode", enumToString(CategoryTransitionInMode_$type, this.i.adg));
+            this.i.adw = ensureEnum(CategoryTransitionInMode_$type, v);
+            this._a("transitionInMode", enumToString(CategoryTransitionInMode_$type, this.i.adw));
         },
         enumerable: false,
         configurable: true
@@ -438,11 +466,11 @@ var IgcCategoryChartComponent = /** @class */ /*@__PURE__*/ (function (_super) {
         * `TransitionInSpeedType` controls the speed of the transition-in animation.
         */
         get: function () {
-            return this.i.adq;
+            return this.i.ad6;
         },
         set: function (v) {
-            this.i.adq = ensureEnum(TransitionInSpeedType_$type, v);
-            this._a("transitionInSpeedType", enumToString(TransitionInSpeedType_$type, this.i.adq));
+            this.i.ad6 = ensureEnum(TransitionInSpeedType_$type, v);
+            this._a("transitionInSpeedType", enumToString(TransitionInSpeedType_$type, this.i.ad6));
         },
         enumerable: false,
         configurable: true
@@ -455,11 +483,11 @@ var IgcCategoryChartComponent = /** @class */ /*@__PURE__*/ (function (_super) {
         * `XAxisInterval` determines how often to show a label, tickmark, and/or gridline along the x-axis.  Set this property to _n_ to display a label every _nth_ item.
         */
         get: function () {
-            return this.i.ae6;
+            return this.i.afo;
         },
         set: function (v) {
-            this.i.ae6 = +v;
-            this._a("xAxisInterval", this.i.ae6);
+            this.i.afo = +v;
+            this._a("xAxisInterval", this.i.afo);
         },
         enumerable: false,
         configurable: true
@@ -474,11 +502,11 @@ var IgcCategoryChartComponent = /** @class */ /*@__PURE__*/ (function (_super) {
         * `XAxisMinorInterval` is expressed as a number between 0 and 1, representing the frequency of the interval.  To display minor gridlines representing 10ths of an item width, set `XAxisMinorInterval` to 0.1.
         */
         get: function () {
-            return this.i.ae9;
+            return this.i.afr;
         },
         set: function (v) {
-            this.i.ae9 = +v;
-            this._a("xAxisMinorInterval", this.i.ae9);
+            this.i.afr = +v;
+            this._a("xAxisMinorInterval", this.i.afr);
         },
         enumerable: false,
         configurable: true
@@ -495,11 +523,11 @@ var IgcCategoryChartComponent = /** @class */ /*@__PURE__*/ (function (_super) {
         * To set the item spacing to 75% the width of one item, set the `XAxisGap` to 0.75, as in this code:
         */
         get: function () {
-            return this.i.ae5;
+            return this.i.afn;
         },
         set: function (v) {
-            this.i.ae5 = +v;
-            this._a("xAxisGap", this.i.ae5);
+            this.i.afn = +v;
+            this._a("xAxisGap", this.i.afn);
         },
         enumerable: false,
         configurable: true
@@ -509,11 +537,11 @@ var IgcCategoryChartComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the minimum amount of pixels to use for the gap between categories, if possible.
         */
         get: function () {
-            return this.i.ae8;
+            return this.i.afq;
         },
         set: function (v) {
-            this.i.ae8 = +v;
-            this._a("xAxisMinimumGapSize", this.i.ae8);
+            this.i.afq = +v;
+            this._a("xAxisMinimumGapSize", this.i.afq);
         },
         enumerable: false,
         configurable: true
@@ -523,11 +551,11 @@ var IgcCategoryChartComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the maximum gap value to allow. This defaults to 1.0.
         */
         get: function () {
-            return this.i.ae7;
+            return this.i.afp;
         },
         set: function (v) {
-            this.i.ae7 = +v;
-            this._a("xAxisMaximumGap", this.i.ae7);
+            this.i.afp = +v;
+            this._a("xAxisMaximumGap", this.i.afp);
         },
         enumerable: false,
         configurable: true
@@ -544,11 +572,11 @@ var IgcCategoryChartComponent = /** @class */ /*@__PURE__*/ (function (_super) {
         * To place grouped items with 75% overlap, set the `XAxisOverlap` to 0.75, as in this code:
         */
         get: function () {
-            return this.i.afa;
+            return this.i.afs;
         },
         set: function (v) {
-            this.i.afa = +v;
-            this._a("xAxisOverlap", this.i.afa);
+            this.i.afs = +v;
+            this._a("xAxisOverlap", this.i.afs);
         },
         enumerable: false,
         configurable: true
@@ -560,11 +588,11 @@ var IgcCategoryChartComponent = /** @class */ /*@__PURE__*/ (function (_super) {
         * `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.afi;
+            return this.i.af0;
         },
         set: function (v) {
-            this.i.afi = +v;
-            this._a("yAxisInterval", this.i.afi);
+            this.i.af0 = +v;
+            this._a("yAxisInterval", this.i.af0);
         },
         enumerable: false,
         configurable: true
@@ -574,11 +602,11 @@ var IgcCategoryChartComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets a whether the series viewer should auto expand margins to accommodate the initial horizontal axis labels.
         */
         get: function () {
-            return this.i.ac8;
+            return this.i.ado;
         },
         set: function (v) {
-            this.i.ac8 = ensureEnum(AutoMarginsAndAngleUpdateMode_$type, v);
-            this._a("autoMarginAndAngleUpdateMode", enumToString(AutoMarginsAndAngleUpdateMode_$type, this.i.ac8));
+            this.i.ado = ensureEnum(AutoMarginsAndAngleUpdateMode_$type, v);
+            this._a("autoMarginAndAngleUpdateMode", enumToString(AutoMarginsAndAngleUpdateMode_$type, this.i.ado));
         },
         enumerable: false,
         configurable: true
@@ -588,11 +616,11 @@ var IgcCategoryChartComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets a whether the series viewer should auto expand margins to accommodate the initial horizontal axis labels.
         */
         get: function () {
-            return this.i.ad8;
+            return this.i.aeq;
         },
         set: function (v) {
-            this.i.ad8 = ensureBool(v);
-            this._a("shouldAutoExpandMarginForInitialLabels", this.i.ad8);
+            this.i.aeq = ensureBool(v);
+            this._a("shouldAutoExpandMarginForInitialLabels", this.i.aeq);
         },
         enumerable: false,
         configurable: true
@@ -602,11 +630,11 @@ var IgcCategoryChartComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets a whether the series viewer should consider auto rotating labels to fit them in the initial view. This implies that ShouldAutoExpandMarginForInitialLabels is true.
         */
         get: function () {
-            return this.i.ad9;
+            return this.i.aer;
         },
         set: function (v) {
-            this.i.ad9 = ensureBool(v);
-            this._a("shouldConsiderAutoRotationForInitialLabels", this.i.ad9);
+            this.i.aer = ensureBool(v);
+            this._a("shouldConsiderAutoRotationForInitialLabels", this.i.aer);
         },
         enumerable: false,
         configurable: true
@@ -616,11 +644,11 @@ var IgcCategoryChartComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the extra amount the series viewer should auto expand margins to accommodate the initial horizontal axis labels.
         */
         get: function () {
-            return this.i.aex;
+            return this.i.aff;
         },
         set: function (v) {
-            this.i.aex = +v;
-            this._a("autoExpandMarginExtraPadding", this.i.aex);
+            this.i.aff = +v;
+            this._a("autoExpandMarginExtraPadding", this.i.aff);
         },
         enumerable: false,
         configurable: true
@@ -630,11 +658,11 @@ var IgcCategoryChartComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the maximum amount the series viewer should auto expand margins to accommodate the initial horizontal axis labels.
         */
         get: function () {
-            return this.i.aey;
+            return this.i.afg;
         },
         set: function (v) {
-            this.i.aey = +v;
-            this._a("autoExpandMarginMaximumValue", this.i.aey);
+            this.i.afg = +v;
+            this._a("autoExpandMarginMaximumValue", this.i.afg);
         },
         enumerable: false,
         configurable: true
@@ -644,11 +672,11 @@ var IgcCategoryChartComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets whether the axis should favor emitting a label at the end of the scale.
         */
         get: function () {
-            return this.i.aed;
+            return this.i.aev;
         },
         set: function (v) {
-            this.i.aed = ensureBool(v);
-            this._a("yAxisFavorLabellingScaleEnd", this.i.aed);
+            this.i.aev = ensureBool(v);
+            this._a("yAxisFavorLabellingScaleEnd", this.i.aev);
         },
         enumerable: false,
         configurable: true
@@ -658,11 +686,11 @@ var IgcCategoryChartComponent = /** @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.aea;
+            return this.i.aes;
         },
         set: function (v) {
-            this.i.aea = ensureBool(v);
-            this._a("xAxisEnhancedIntervalPreferMoreCategoryLabels", this.i.aea);
+            this.i.aes = ensureBool(v);
+            this._a("xAxisEnhancedIntervalPreferMoreCategoryLabels", this.i.aes);
         },
         enumerable: false,
         configurable: true
@@ -672,11 +700,11 @@ var IgcCategoryChartComponent = /** @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.aec;
+            return this.i.aeu;
         },
         set: function (v) {
-            this.i.aec = ensureBool(v);
-            this._a("yAxisEnhancedIntervalPreferMoreCategoryLabels", this.i.aec);
+            this.i.aeu = ensureBool(v);
+            this._a("yAxisEnhancedIntervalPreferMoreCategoryLabels", this.i.aeu);
         },
         enumerable: false,
         configurable: true
@@ -686,11 +714,11 @@ var IgcCategoryChartComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets how the numeric axis will adjust its range buffer to less closely fix the data from the series.
         */
         get: function () {
-            return this.i.ada;
+            return this.i.adq;
         },
         set: function (v) {
-            this.i.ada = ensureEnum(AxisRangeBufferMode_$type, v);
-            this._a("yAxisAutoRangeBufferMode", enumToString(AxisRangeBufferMode_$type, this.i.ada));
+            this.i.adq = ensureEnum(AxisRangeBufferMode_$type, v);
+            this._a("yAxisAutoRangeBufferMode", enumToString(AxisRangeBufferMode_$type, this.i.adq));
         },
         enumerable: false,
         configurable: true
@@ -703,11 +731,11 @@ var IgcCategoryChartComponent = /** @class */ /*@__PURE__*/ (function (_super) {
         * Set `YAxisIsLogarithmic` to true if you want the y-axis to be a logarithmic scale.
         */
         get: function () {
-            return this.i.aee;
+            return this.i.aew;
         },
         set: function (v) {
-            this.i.aee = ensureBool(v);
-            this._a("yAxisIsLogarithmic", this.i.aee);
+            this.i.aew = ensureBool(v);
+            this._a("yAxisIsLogarithmic", this.i.aew);
         },
         enumerable: false,
         configurable: true
@@ -720,11 +748,11 @@ var IgcCategoryChartComponent = /** @class */ /*@__PURE__*/ (function (_super) {
         * When `YAxisIsLogarithmic` is true, `YAxisLogarithmBase` sets the logarithm base of the y-axis scale.
         */
         get: function () {
-            return this.i.afp;
+            return this.i.af9;
         },
         set: function (v) {
-            this.i.afp = +v;
-            this._a("yAxisLogarithmBase", this.i.afp);
+            this.i.af9 = +v;
+            this._a("yAxisLogarithmBase", this.i.af9);
         },
         enumerable: false,
         configurable: true
@@ -736,11 +764,11 @@ var IgcCategoryChartComponent = /** @class */ /*@__PURE__*/ (function (_super) {
         * `YAxisMaximumValue` determines the minimum of the y-axis.
         */
         get: function () {
-            return this.i.afk;
+            return this.i.af2;
         },
         set: function (v) {
-            this.i.afk = +v;
-            this._a("yAxisMinimumValue", this.i.afk);
+            this.i.af2 = +v;
+            this._a("yAxisMinimumValue", this.i.af2);
         },
         enumerable: false,
         configurable: true
@@ -752,11 +780,11 @@ var IgcCategoryChartComponent = /** @class */ /*@__PURE__*/ (function (_super) {
         * `YAxisMaximumValue` determines the maximum of the y-axis.
         */
         get: function () {
-            return this.i.afj;
+            return this.i.af1;
         },
         set: function (v) {
-            this.i.afj = +v;
-            this._a("yAxisMaximumValue", this.i.afj);
+            this.i.af1 = +v;
+            this._a("yAxisMaximumValue", this.i.af1);
         },
         enumerable: false,
         configurable: true
@@ -768,11 +796,11 @@ var IgcCategoryChartComponent = /** @class */ /*@__PURE__*/ (function (_super) {
         * `YAxisMinorInterval` determines how often to show a minor gridline along the y-axis.  Set this property to a number less than the y-axis interval.
         */
         get: function () {
-            return this.i.afl;
+            return this.i.af3;
         },
         set: function (v) {
-            this.i.afl = +v;
-            this._a("yAxisMinorInterval", this.i.afl);
+            this.i.af3 = +v;
+            this._a("yAxisMinorInterval", this.i.af3);
         },
         enumerable: false,
         configurable: true
@@ -782,7 +810,7 @@ var IgcCategoryChartComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets the current minimum value for the X-axis.
         */
         get: function () {
-            return this.i.ae4;
+            return this.i.afm;
         },
         enumerable: false,
         configurable: true
@@ -792,7 +820,7 @@ var IgcCategoryChartComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets the current maximum value for the X-axis.
         */
         get: function () {
-            return this.i.ae3;
+            return this.i.afl;
         },
         enumerable: false,
         configurable: true
@@ -802,7 +830,7 @@ var IgcCategoryChartComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets the current minimum value for the Y-axis.
         */
         get: function () {
-            return this.i.afh;
+            return this.i.afz;
         },
         enumerable: false,
         configurable: true
@@ -812,7 +840,7 @@ var IgcCategoryChartComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets the current maximum value for the Y-axis.
         */
         get: function () {
-            return this.i.afg;
+            return this.i.afy;
         },
         enumerable: false,
         configurable: true
@@ -824,11 +852,11 @@ var IgcCategoryChartComponent = /** @class */ /*@__PURE__*/ (function (_super) {
         * `NegativeBrushes` controls the brushes used by the chart for negative data, when the `ChartType` is one that supports negative brushes.
         */
         get: function () {
-            return fromBrushCollection(this.i.ac5);
+            return fromBrushCollection(this.i.adl);
         },
         set: function (v) {
-            this.i.ac5 = toBrushCollection(v);
-            this._a("negativeBrushes", brushCollectionToString(this.i.ac5));
+            this.i.adl = toBrushCollection(v);
+            this._a("negativeBrushes", brushCollectionToString(this.i.adl));
         },
         enumerable: false,
         configurable: true
@@ -840,11 +868,11 @@ var IgcCategoryChartComponent = /** @class */ /*@__PURE__*/ (function (_super) {
         * `NegativeOutlines` controls the outlines used by the chart for negative data, when the `ChartType` is one that supports negative brushes.
         */
         get: function () {
-            return fromBrushCollection(this.i.ac6);
+            return fromBrushCollection(this.i.adm);
         },
         set: function (v) {
-            this.i.ac6 = toBrushCollection(v);
-            this._a("negativeOutlines", brushCollectionToString(this.i.ac6));
+            this.i.adm = toBrushCollection(v);
+            this._a("negativeOutlines", brushCollectionToString(this.i.adm));
         },
         enumerable: false,
         configurable: true
@@ -856,11 +884,11 @@ var IgcCategoryChartComponent = /** @class */ /*@__PURE__*/ (function (_super) {
         * To abbreviate on the y-axis using formats like "1K" or "1M," set `YAxisAbbreviateLargeNumbers` to true.
         */
         get: function () {
-            return this.i.aeb;
+            return this.i.aet;
         },
         set: function (v) {
-            this.i.aeb = ensureBool(v);
-            this._a("yAxisAbbreviateLargeNumbers", this.i.aeb);
+            this.i.aet = ensureBool(v);
+            this._a("yAxisAbbreviateLargeNumbers", this.i.aet);
         },
         enumerable: false,
         configurable: true
@@ -871,11 +899,11 @@ var IgcCategoryChartComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * This property is overridden by chart's WindowRectMinWidth property
         */
         get: function () {
-            return this.i.afb;
+            return this.i.aft;
         },
         set: function (v) {
-            this.i.afb = +v;
-            this._a("xAxisZoomMaximumCategoryRange", this.i.afb);
+            this.i.aft = +v;
+            this._a("xAxisZoomMaximumCategoryRange", this.i.aft);
         },
         enumerable: false,
         configurable: true
@@ -887,11 +915,11 @@ var IgcCategoryChartComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * This property is overridden by chart's WindowRectMinWidth property
         */
         get: function () {
-            return this.i.afc;
+            return this.i.afu;
         },
         set: function (v) {
-            this.i.afc = +v;
-            this._a("xAxisZoomMaximumItemSpan", this.i.afc);
+            this.i.afu = +v;
+            this._a("xAxisZoomMaximumItemSpan", this.i.afu);
         },
         enumerable: false,
         configurable: true
@@ -902,11 +930,11 @@ var IgcCategoryChartComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * This property is overridden by chart's WindowRect or WindowScaleHorizontal properties
         */
         get: function () {
-            return this.i.afd;
+            return this.i.afv;
         },
         set: function (v) {
-            this.i.afd = +v;
-            this._a("xAxisZoomToCategoryRange", this.i.afd);
+            this.i.afv = +v;
+            this._a("xAxisZoomToCategoryRange", this.i.afv);
         },
         enumerable: false,
         configurable: true
@@ -917,11 +945,11 @@ var IgcCategoryChartComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * This property is overridden by chart's WindowRect or WindowScaleHorizontal properties
         */
         get: function () {
-            return this.i.afe;
+            return this.i.afw;
         },
         set: function (v) {
-            this.i.afe = +v;
-            this._a("xAxisZoomToCategoryStart", this.i.afe);
+            this.i.afw = +v;
+            this._a("xAxisZoomToCategoryStart", this.i.afw);
         },
         enumerable: false,
         configurable: true
@@ -933,11 +961,11 @@ var IgcCategoryChartComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * This property is overridden by chart's WindowRect or WindowScaleHorizontal properties
         */
         get: function () {
-            return this.i.aff;
+            return this.i.afx;
         },
         set: function (v) {
-            this.i.aff = +v;
-            this._a("xAxisZoomToItemSpan", this.i.aff);
+            this.i.afx = +v;
+            this._a("xAxisZoomToItemSpan", this.i.afx);
         },
         enumerable: false,
         configurable: true
@@ -947,11 +975,11 @@ var IgcCategoryChartComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets whether the category should be highlighted when hovered
         */
         get: function () {
-            return this.i.ad4;
+            return this.i.aem;
         },
         set: function (v) {
-            this.i.ad4 = ensureBool(v);
-            this._a("isCategoryHighlightingEnabled", this.i.ad4);
+            this.i.aem = ensureBool(v);
+            this._a("isCategoryHighlightingEnabled", this.i.aem);
         },
         enumerable: false,
         configurable: true
@@ -961,11 +989,11 @@ var IgcCategoryChartComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets whether the item should be highlighted when hovered
         */
         get: function () {
-            return this.i.ad5;
+            return this.i.aen;
         },
         set: function (v) {
-            this.i.ad5 = ensureBool(v);
-            this._a("isItemHighlightingEnabled", this.i.ad5);
+            this.i.aen = ensureBool(v);
+            this._a("isItemHighlightingEnabled", this.i.aen);
         },
         enumerable: false,
         configurable: true
@@ -975,26 +1003,26 @@ var IgcCategoryChartComponent = /** @class */ /*@__PURE__*/ (function (_super) {
 
 */
     IgcCategoryChartComponent.prototype.exportSerializedVisualData = function () {
-        var iv = this.i.afu();
+        var iv = this.i.age();
         return (iv);
     };
     IgcCategoryChartComponent.prototype.recalculateMarginAutoExpansion = function () {
-        this.i.agy();
+        this.i.ahk();
     };
     IgcCategoryChartComponent.prototype.getCurrentXAxisActualMinimum = function () {
-        var iv = this.i.ae0();
+        var iv = this.i.afi();
         return (iv);
     };
     IgcCategoryChartComponent.prototype.getCurrentYAxisActualMinimum = function () {
-        var iv = this.i.ae2();
+        var iv = this.i.afk();
         return (iv);
     };
     IgcCategoryChartComponent.prototype.getCurrentXAxisActualMaximum = function () {
-        var iv = this.i.aez();
+        var iv = this.i.afh();
         return (iv);
     };
     IgcCategoryChartComponent.prototype.getCurrentYAxisActualMaximum = function () {
-        var iv = this.i.ae1();
+        var iv = this.i.afj();
         return (iv);
     };
     IgcCategoryChartComponent._observedAttributesIgcCategoryChartComponent = null;