igniteui-webcomponents-charts 3.2.3 → 3.5.0

package/esm5/lib/igc-category-axis-base-component.js

@@ -49,11 +49,25 @@ var IgcCategoryAxisBaseComponent = /** @class */ /*@__PURE__*/ (function (_super
         if (_super.prototype["connectedCallback"]) {
             _super.prototype["connectedCallback"].call(this);
         }
+        if (this.i.connectedCallback) {
+            this.i.connectedCallback();
+        }
         if (!this._attached) {
             this._attached = true;
             this._flushQueuedAttributes();
         }
     };
+    IgcCategoryAxisBaseComponent.prototype.disconnectedCallback = function () {
+        if (_super.prototype["disconnectedCallback"]) {
+            _super.prototype["disconnectedCallback"].call(this);
+        }
+        if (this.i.disconnectedCallback) {
+            this.i.disconnectedCallback();
+        }
+        if (this._attached) {
+            this._attached = false;
+        }
+    };
     Object.defineProperty(IgcCategoryAxisBaseComponent, "observedAttributes", {
         get: function () {
             if (IgcCategoryAxisBaseComponent._observedAttributesIgcCategoryAxisBaseComponent == null) {

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

@@ -318,11 +318,11 @@ 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.ac4;
+            return this.i.aey;
         },
         set: function (v) {
-            this.i.ac4 = +v;
-            this._a("transitionInDuration", this.i.ac4);
+            this.i.aey = +v;
+            this._a("transitionInDuration", this.i.aey);
         },
         enumerable: true,
         configurable: true
@@ -333,10 +333,10 @@ 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.abi;
+            return this.i.ac2;
         },
         set: function (v) {
-            this.i.abi = v;
+            this.i.ac2 = v;
         },
         enumerable: true,
         configurable: true
@@ -346,7 +346,7 @@ var IgcCategoryChartComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets domain type of this chart
         */
         get: function () {
-            return this.i.bi;
+            return this.i.bz;
         },
         enumerable: true,
         configurable: true
@@ -358,11 +358,11 @@ var IgcCategoryChartComponent = /** @class */ /*@__PURE__*/ (function (_super) {
         * The `chartType` property determines the type of data series to display.
         */
         get: function () {
-            return this.i.aa2;
+            return this.i.acm;
         },
         set: function (v) {
-            this.i.aa2 = ensureEnum(CategoryChartType_$type, v);
-            this._a("chartType", enumToString(CategoryChartType_$type, this.i.aa2));
+            this.i.acm = ensureEnum(CategoryChartType_$type, v);
+            this._a("chartType", enumToString(CategoryChartType_$type, this.i.acm));
         },
         enumerable: true,
         configurable: true
@@ -374,11 +374,11 @@ var IgcCategoryChartComponent = /** @class */ /*@__PURE__*/ (function (_super) {
         * `markerCollisionAvoidance` controls the technique the chart uses to avoid overlapping markers.
         */
         get: function () {
-            return this.i.aa4;
+            return this.i.aco;
         },
         set: function (v) {
-            this.i.aa4 = ensureEnum(CategorySeriesMarkerCollisionAvoidance_$type, v);
-            this._a("markerCollisionAvoidance", enumToString(CategorySeriesMarkerCollisionAvoidance_$type, this.i.aa4));
+            this.i.aco = ensureEnum(CategorySeriesMarkerCollisionAvoidance_$type, v);
+            this._a("markerCollisionAvoidance", enumToString(CategorySeriesMarkerCollisionAvoidance_$type, this.i.aco));
         },
         enumerable: true,
         configurable: true
@@ -388,11 +388,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.abw;
+            return this.i.adg;
         },
         set: function (v) {
-            this.i.abw = ensureBool(v);
-            this._a("isSplineShapePartOfRange", this.i.abw);
+            this.i.adg = ensureBool(v);
+            this._a("isSplineShapePartOfRange", this.i.adg);
         },
         enumerable: true,
         configurable: true
@@ -404,11 +404,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.abx;
+            return this.i.adh;
         },
         set: function (v) {
-            this.i.abx = ensureBool(v);
-            this._a("isTransitionInEnabled", this.i.abx);
+            this.i.adh = ensureBool(v);
+            this._a("isTransitionInEnabled", this.i.adh);
         },
         enumerable: true,
         configurable: true
@@ -420,11 +420,11 @@ var IgcCategoryChartComponent = /** @class */ /*@__PURE__*/ (function (_super) {
         * `transitionInMode` controls the direction of the transition-in animation.
         */
         get: function () {
-            return this.i.aa6;
+            return this.i.acq;
         },
         set: function (v) {
-            this.i.aa6 = ensureEnum(CategoryTransitionInMode_$type, v);
-            this._a("transitionInMode", enumToString(CategoryTransitionInMode_$type, this.i.aa6));
+            this.i.acq = ensureEnum(CategoryTransitionInMode_$type, v);
+            this._a("transitionInMode", enumToString(CategoryTransitionInMode_$type, this.i.acq));
         },
         enumerable: true,
         configurable: true
@@ -436,11 +436,11 @@ var IgcCategoryChartComponent = /** @class */ /*@__PURE__*/ (function (_super) {
         * `transitionInSpeedType` controls the speed of the transition-in animation.
         */
         get: function () {
-            return this.i.abg;
+            return this.i.ac0;
         },
         set: function (v) {
-            this.i.abg = ensureEnum(TransitionInSpeedType_$type, v);
-            this._a("transitionInSpeedType", enumToString(TransitionInSpeedType_$type, this.i.abg));
+            this.i.ac0 = ensureEnum(TransitionInSpeedType_$type, v);
+            this._a("transitionInSpeedType", enumToString(TransitionInSpeedType_$type, this.i.ac0));
         },
         enumerable: true,
         configurable: true
@@ -453,11 +453,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.acr;
+            return this.i.aeg;
         },
         set: function (v) {
-            this.i.acr = +v;
-            this._a("xAxisInterval", this.i.acr);
+            this.i.aeg = +v;
+            this._a("xAxisInterval", this.i.aeg);
         },
         enumerable: true,
         configurable: true
@@ -472,11 +472,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.acu;
+            return this.i.aej;
         },
         set: function (v) {
-            this.i.acu = +v;
-            this._a("xAxisMinorInterval", this.i.acu);
+            this.i.aej = +v;
+            this._a("xAxisMinorInterval", this.i.aej);
         },
         enumerable: true,
         configurable: true
@@ -493,11 +493,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.acq;
+            return this.i.aef;
         },
         set: function (v) {
-            this.i.acq = +v;
-            this._a("xAxisGap", this.i.acq);
+            this.i.aef = +v;
+            this._a("xAxisGap", this.i.aef);
         },
         enumerable: true,
         configurable: true
@@ -507,11 +507,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.act;
+            return this.i.aei;
         },
         set: function (v) {
-            this.i.act = +v;
-            this._a("xAxisMinimumGapSize", this.i.act);
+            this.i.aei = +v;
+            this._a("xAxisMinimumGapSize", this.i.aei);
         },
         enumerable: true,
         configurable: true
@@ -521,11 +521,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.acs;
+            return this.i.aeh;
         },
         set: function (v) {
-            this.i.acs = +v;
-            this._a("xAxisMaximumGap", this.i.acs);
+            this.i.aeh = +v;
+            this._a("xAxisMaximumGap", this.i.aeh);
         },
         enumerable: true,
         configurable: true
@@ -542,11 +542,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.acv;
+            return this.i.aek;
         },
         set: function (v) {
-            this.i.acv = +v;
-            this._a("xAxisOverlap", this.i.acv);
+            this.i.aek = +v;
+            this._a("xAxisOverlap", this.i.aek);
         },
         enumerable: true,
         configurable: true
@@ -558,11 +558,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.acy;
+            return this.i.aes;
         },
         set: function (v) {
-            this.i.acy = +v;
-            this._a("yAxisInterval", this.i.acy);
+            this.i.aes = +v;
+            this._a("yAxisInterval", this.i.aes);
         },
         enumerable: true,
         configurable: true
@@ -572,11 +572,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.aay;
+            return this.i.aci;
         },
         set: function (v) {
-            this.i.aay = ensureEnum(AutoMarginsAndAngleUpdateMode_$type, v);
-            this._a("autoMarginAndAngleUpdateMode", enumToString(AutoMarginsAndAngleUpdateMode_$type, this.i.aay));
+            this.i.aci = ensureEnum(AutoMarginsAndAngleUpdateMode_$type, v);
+            this._a("autoMarginAndAngleUpdateMode", enumToString(AutoMarginsAndAngleUpdateMode_$type, this.i.aci));
         },
         enumerable: true,
         configurable: true
@@ -586,11 +586,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.aby;
+            return this.i.adi;
         },
         set: function (v) {
-            this.i.aby = ensureBool(v);
-            this._a("shouldAutoExpandMarginForInitialLabels", this.i.aby);
+            this.i.adi = ensureBool(v);
+            this._a("shouldAutoExpandMarginForInitialLabels", this.i.adi);
         },
         enumerable: true,
         configurable: true
@@ -600,11 +600,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.abz;
+            return this.i.adj;
         },
         set: function (v) {
-            this.i.abz = ensureBool(v);
-            this._a("shouldConsiderAutoRotationForInitialLabels", this.i.abz);
+            this.i.adj = ensureBool(v);
+            this._a("shouldConsiderAutoRotationForInitialLabels", this.i.adj);
         },
         enumerable: true,
         configurable: true
@@ -614,11 +614,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.aci;
+            return this.i.ad7;
         },
         set: function (v) {
-            this.i.aci = +v;
-            this._a("autoExpandMarginExtraPadding", this.i.aci);
+            this.i.ad7 = +v;
+            this._a("autoExpandMarginExtraPadding", this.i.ad7);
         },
         enumerable: true,
         configurable: true
@@ -628,11 +628,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.acj;
+            return this.i.ad8;
         },
         set: function (v) {
-            this.i.acj = +v;
-            this._a("autoExpandMarginMaximumValue", this.i.acj);
+            this.i.ad8 = +v;
+            this._a("autoExpandMarginMaximumValue", this.i.ad8);
         },
         enumerable: true,
         configurable: true
@@ -642,11 +642,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.ab3;
+            return this.i.adn;
         },
         set: function (v) {
-            this.i.ab3 = ensureBool(v);
-            this._a("yAxisFavorLabellingScaleEnd", this.i.ab3);
+            this.i.adn = ensureBool(v);
+            this._a("yAxisFavorLabellingScaleEnd", this.i.adn);
         },
         enumerable: true,
         configurable: true
@@ -656,11 +656,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.ab0;
+            return this.i.adk;
         },
         set: function (v) {
-            this.i.ab0 = ensureBool(v);
-            this._a("xAxisEnhancedIntervalPreferMoreCategoryLabels", this.i.ab0);
+            this.i.adk = ensureBool(v);
+            this._a("xAxisEnhancedIntervalPreferMoreCategoryLabels", this.i.adk);
         },
         enumerable: true,
         configurable: true
@@ -670,11 +670,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.ab2;
+            return this.i.adm;
         },
         set: function (v) {
-            this.i.ab2 = ensureBool(v);
-            this._a("yAxisEnhancedIntervalPreferMoreCategoryLabels", this.i.ab2);
+            this.i.adm = ensureBool(v);
+            this._a("yAxisEnhancedIntervalPreferMoreCategoryLabels", this.i.adm);
         },
         enumerable: true,
         configurable: true
@@ -684,11 +684,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.aa0;
+            return this.i.ack;
         },
         set: function (v) {
-            this.i.aa0 = ensureEnum(AxisRangeBufferMode_$type, v);
-            this._a("yAxisAutoRangeBufferMode", enumToString(AxisRangeBufferMode_$type, this.i.aa0));
+            this.i.ack = ensureEnum(AxisRangeBufferMode_$type, v);
+            this._a("yAxisAutoRangeBufferMode", enumToString(AxisRangeBufferMode_$type, this.i.ack));
         },
         enumerable: true,
         configurable: true
@@ -701,11 +701,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.ab4;
+            return this.i.ado;
         },
         set: function (v) {
-            this.i.ab4 = ensureBool(v);
-            this._a("yAxisIsLogarithmic", this.i.ab4);
+            this.i.ado = ensureBool(v);
+            this._a("yAxisIsLogarithmic", this.i.ado);
         },
         enumerable: true,
         configurable: true
@@ -718,11 +718,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.ac5;
+            return this.i.aez;
         },
         set: function (v) {
-            this.i.ac5 = +v;
-            this._a("yAxisLogarithmBase", this.i.ac5);
+            this.i.aez = +v;
+            this._a("yAxisLogarithmBase", this.i.aez);
         },
         enumerable: true,
         configurable: true
@@ -734,11 +734,11 @@ var IgcCategoryChartComponent = /** @class */ /*@__PURE__*/ (function (_super) {
         * `yAxisMaximumValue` determines the minimum of the y-axis.
         */
         get: function () {
-            return this.i.ac0;
+            return this.i.aeu;
         },
         set: function (v) {
-            this.i.ac0 = +v;
-            this._a("yAxisMinimumValue", this.i.ac0);
+            this.i.aeu = +v;
+            this._a("yAxisMinimumValue", this.i.aeu);
         },
         enumerable: true,
         configurable: true
@@ -750,11 +750,11 @@ var IgcCategoryChartComponent = /** @class */ /*@__PURE__*/ (function (_super) {
         * `yAxisMaximumValue` determines the maximum of the y-axis.
         */
         get: function () {
-            return this.i.acz;
+            return this.i.aet;
         },
         set: function (v) {
-            this.i.acz = +v;
-            this._a("yAxisMaximumValue", this.i.acz);
+            this.i.aet = +v;
+            this._a("yAxisMaximumValue", this.i.aet);
         },
         enumerable: true,
         configurable: true
@@ -766,11 +766,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.ac1;
+            return this.i.aev;
         },
         set: function (v) {
-            this.i.ac1 = +v;
-            this._a("yAxisMinorInterval", this.i.ac1);
+            this.i.aev = +v;
+            this._a("yAxisMinorInterval", this.i.aev);
         },
         enumerable: true,
         configurable: true
@@ -780,7 +780,7 @@ var IgcCategoryChartComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets the current minimum value for the X-axis.
         */
         get: function () {
-            return this.i.acp;
+            return this.i.aee;
         },
         enumerable: true,
         configurable: true
@@ -790,7 +790,7 @@ var IgcCategoryChartComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets the current maximum value for the X-axis.
         */
         get: function () {
-            return this.i.aco;
+            return this.i.aed;
         },
         enumerable: true,
         configurable: true
@@ -800,7 +800,7 @@ var IgcCategoryChartComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets the current minimum value for the Y-axis.
         */
         get: function () {
-            return this.i.acx;
+            return this.i.aer;
         },
         enumerable: true,
         configurable: true
@@ -810,7 +810,7 @@ var IgcCategoryChartComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets the current maximum value for the Y-axis.
         */
         get: function () {
-            return this.i.acw;
+            return this.i.aeq;
         },
         enumerable: true,
         configurable: true
@@ -822,11 +822,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.aav);
+            return fromBrushCollection(this.i.acf);
         },
         set: function (v) {
-            this.i.aav = toBrushCollection(v);
-            this._a("negativeBrushes", brushCollectionToString(this.i.aav));
+            this.i.acf = toBrushCollection(v);
+            this._a("negativeBrushes", brushCollectionToString(this.i.acf));
         },
         enumerable: true,
         configurable: true
@@ -838,11 +838,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.aaw);
+            return fromBrushCollection(this.i.acg);
         },
         set: function (v) {
-            this.i.aaw = toBrushCollection(v);
-            this._a("negativeOutlines", brushCollectionToString(this.i.aaw));
+            this.i.acg = toBrushCollection(v);
+            this._a("negativeOutlines", brushCollectionToString(this.i.acg));
         },
         enumerable: true,
         configurable: true
@@ -854,11 +854,88 @@ 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.ab1;
+            return this.i.adl;
+        },
+        set: function (v) {
+            this.i.adl = ensureBool(v);
+            this._a("yAxisAbbreviateLargeNumbers", this.i.adl);
+        },
+        enumerable: true,
+        configurable: true
+    });
+    Object.defineProperty(IgcCategoryChartComponent.prototype, "xAxisZoomMaximumCategoryRange", {
+        /**
+         * Gets or sets number of visible categories at maximum zooming level
+         * This property is overridden by chart's WindowRectMinWidth property
+        */
+        get: function () {
+            return this.i.ael;
+        },
+        set: function (v) {
+            this.i.ael = +v;
+            this._a("xAxisZoomMaximumCategoryRange", this.i.ael);
+        },
+        enumerable: true,
+        configurable: true
+    });
+    Object.defineProperty(IgcCategoryChartComponent.prototype, "xAxisZoomMaximumItemSpan", {
+        /**
+         * Gets or sets maximum pixel span of series item that will be visible at maximum zooming level
+         * This property ensures that series item does not get stretch above specified value.
+         * This property is overridden by chart's WindowRectMinWidth property
+        */
+        get: function () {
+            return this.i.aem;
+        },
+        set: function (v) {
+            this.i.aem = +v;
+            this._a("xAxisZoomMaximumItemSpan", this.i.aem);
+        },
+        enumerable: true,
+        configurable: true
+    });
+    Object.defineProperty(IgcCategoryChartComponent.prototype, "xAxisZoomToCategoryRange", {
+        /**
+         * Gets or sets number of categories that the chart will zoom in and fill plot area
+         * This property is overridden by chart's WindowRect or WindowScaleHorizontal properties
+        */
+        get: function () {
+            return this.i.aen;
+        },
+        set: function (v) {
+            this.i.aen = +v;
+            this._a("xAxisZoomToCategoryRange", this.i.aen);
+        },
+        enumerable: true,
+        configurable: true
+    });
+    Object.defineProperty(IgcCategoryChartComponent.prototype, "xAxisZoomToCategoryStart", {
+        /**
+         * Gets or sets starting category that chart will move its zoom window. Acceptable value is between 0 and number of data items
+         * This property is overridden by chart's WindowRect or WindowScaleHorizontal properties
+        */
+        get: function () {
+            return this.i.aeo;
+        },
+        set: function (v) {
+            this.i.aeo = +v;
+            this._a("xAxisZoomToCategoryStart", this.i.aeo);
+        },
+        enumerable: true,
+        configurable: true
+    });
+    Object.defineProperty(IgcCategoryChartComponent.prototype, "xAxisZoomToItemSpan", {
+        /**
+         * Gets or sets pixel span of series item that will be used to zoom chart such that the item has desired span
+         * Chart will automaticlly zoom in until series item has specified pixel span.
+         * This property is overridden by chart's WindowRect or WindowScaleHorizontal properties
+        */
+        get: function () {
+            return this.i.aep;
         },
         set: function (v) {
-            this.i.ab1 = ensureBool(v);
-            this._a("yAxisAbbreviateLargeNumbers", this.i.ab1);
+            this.i.aep = +v;
+            this._a("xAxisZoomToItemSpan", this.i.aep);
         },
         enumerable: true,
         configurable: true
@@ -868,11 +945,11 @@ var IgcCategoryChartComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets whether the category should be highlighted when hovered
         */
         get: function () {
-            return this.i.abu;
+            return this.i.ade;
         },
         set: function (v) {
-            this.i.abu = ensureBool(v);
-            this._a("isCategoryHighlightingEnabled", this.i.abu);
+            this.i.ade = ensureBool(v);
+            this._a("isCategoryHighlightingEnabled", this.i.ade);
         },
         enumerable: true,
         configurable: true
@@ -882,11 +959,11 @@ var IgcCategoryChartComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets whether the item should be highlighted when hovered
         */
         get: function () {
-            return this.i.abv;
+            return this.i.adf;
         },
         set: function (v) {
-            this.i.abv = ensureBool(v);
-            this._a("isItemHighlightingEnabled", this.i.abv);
+            this.i.adf = ensureBool(v);
+            this._a("isItemHighlightingEnabled", this.i.adf);
         },
         enumerable: true,
         configurable: true
@@ -896,26 +973,26 @@ var IgcCategoryChartComponent = /** @class */ /*@__PURE__*/ (function (_super) {
 
 */
     IgcCategoryChartComponent.prototype.exportSerializedVisualData = function () {
-        var iv = this.i.ada();
+        var iv = this.i.ae4();
         return (iv);
     };
     IgcCategoryChartComponent.prototype.recalculateMarginAutoExpansion = function () {
-        this.i.ad9();
+        this.i.af8();
     };
     IgcCategoryChartComponent.prototype.getCurrentXAxisActualMinimum = function () {
-        var iv = this.i.acl();
+        var iv = this.i.aea();
         return (iv);
     };
     IgcCategoryChartComponent.prototype.getCurrentYAxisActualMinimum = function () {
-        var iv = this.i.acn();
+        var iv = this.i.aec();
         return (iv);
     };
     IgcCategoryChartComponent.prototype.getCurrentXAxisActualMaximum = function () {
-        var iv = this.i.ack();
+        var iv = this.i.ad9();
         return (iv);
     };
     IgcCategoryChartComponent.prototype.getCurrentYAxisActualMaximum = function () {
-        var iv = this.i.acm();
+        var iv = this.i.aeb();
         return (iv);
     };
     IgcCategoryChartComponent._observedAttributesIgcCategoryChartComponent = null;