igniteui-webcomponents-charts 3.2.4 → 3.5.0

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.aex;
+            return this.i.aey;
         },
         set: function (v) {
-            this.i.aex = +v;
-            this._a("transitionInDuration", this.i.aex);
+            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.ac1;
+            return this.i.ac2;
         },
         set: function (v) {
-            this.i.ac1 = 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.by;
+            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.acl;
+            return this.i.acm;
         },
         set: function (v) {
-            this.i.acl = ensureEnum(CategoryChartType_$type, v);
-            this._a("chartType", enumToString(CategoryChartType_$type, this.i.acl));
+            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.acn;
+            return this.i.aco;
         },
         set: function (v) {
-            this.i.acn = ensureEnum(CategorySeriesMarkerCollisionAvoidance_$type, v);
-            this._a("markerCollisionAvoidance", enumToString(CategorySeriesMarkerCollisionAvoidance_$type, this.i.acn));
+            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.adf;
+            return this.i.adg;
         },
         set: function (v) {
-            this.i.adf = ensureBool(v);
-            this._a("isSplineShapePartOfRange", this.i.adf);
+            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.adg;
+            return this.i.adh;
         },
         set: function (v) {
-            this.i.adg = ensureBool(v);
-            this._a("isTransitionInEnabled", this.i.adg);
+            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.acp;
+            return this.i.acq;
         },
         set: function (v) {
-            this.i.acp = ensureEnum(CategoryTransitionInMode_$type, v);
-            this._a("transitionInMode", enumToString(CategoryTransitionInMode_$type, this.i.acp));
+            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.acz;
+            return this.i.ac0;
         },
         set: function (v) {
-            this.i.acz = ensureEnum(TransitionInSpeedType_$type, v);
-            this._a("transitionInSpeedType", enumToString(TransitionInSpeedType_$type, this.i.acz));
+            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.aef;
+            return this.i.aeg;
         },
         set: function (v) {
-            this.i.aef = +v;
-            this._a("xAxisInterval", this.i.aef);
+            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.aei;
+            return this.i.aej;
         },
         set: function (v) {
-            this.i.aei = +v;
-            this._a("xAxisMinorInterval", this.i.aei);
+            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.aee;
+            return this.i.aef;
         },
         set: function (v) {
-            this.i.aee = +v;
-            this._a("xAxisGap", this.i.aee);
+            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.aeh;
+            return this.i.aei;
         },
         set: function (v) {
-            this.i.aeh = +v;
-            this._a("xAxisMinimumGapSize", this.i.aeh);
+            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.aeg;
+            return this.i.aeh;
         },
         set: function (v) {
-            this.i.aeg = +v;
-            this._a("xAxisMaximumGap", this.i.aeg);
+            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.aej;
+            return this.i.aek;
         },
         set: function (v) {
-            this.i.aej = +v;
-            this._a("xAxisOverlap", this.i.aej);
+            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.aer;
+            return this.i.aes;
         },
         set: function (v) {
-            this.i.aer = +v;
-            this._a("yAxisInterval", this.i.aer);
+            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.ach;
+            return this.i.aci;
         },
         set: function (v) {
-            this.i.ach = ensureEnum(AutoMarginsAndAngleUpdateMode_$type, v);
-            this._a("autoMarginAndAngleUpdateMode", enumToString(AutoMarginsAndAngleUpdateMode_$type, this.i.ach));
+            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.adh;
+            return this.i.adi;
         },
         set: function (v) {
-            this.i.adh = ensureBool(v);
-            this._a("shouldAutoExpandMarginForInitialLabels", this.i.adh);
+            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.adi;
+            return this.i.adj;
         },
         set: function (v) {
-            this.i.adi = ensureBool(v);
-            this._a("shouldConsiderAutoRotationForInitialLabels", this.i.adi);
+            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.ad6;
+            return this.i.ad7;
         },
         set: function (v) {
-            this.i.ad6 = +v;
-            this._a("autoExpandMarginExtraPadding", this.i.ad6);
+            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.ad7;
+            return this.i.ad8;
         },
         set: function (v) {
-            this.i.ad7 = +v;
-            this._a("autoExpandMarginMaximumValue", this.i.ad7);
+            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.adm;
+            return this.i.adn;
         },
         set: function (v) {
-            this.i.adm = ensureBool(v);
-            this._a("yAxisFavorLabellingScaleEnd", this.i.adm);
+            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.adj;
+            return this.i.adk;
         },
         set: function (v) {
-            this.i.adj = ensureBool(v);
-            this._a("xAxisEnhancedIntervalPreferMoreCategoryLabels", this.i.adj);
+            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.adl;
+            return this.i.adm;
         },
         set: function (v) {
-            this.i.adl = ensureBool(v);
-            this._a("yAxisEnhancedIntervalPreferMoreCategoryLabels", this.i.adl);
+            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.acj;
+            return this.i.ack;
         },
         set: function (v) {
-            this.i.acj = ensureEnum(AxisRangeBufferMode_$type, v);
-            this._a("yAxisAutoRangeBufferMode", enumToString(AxisRangeBufferMode_$type, this.i.acj));
+            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.adn;
+            return this.i.ado;
         },
         set: function (v) {
-            this.i.adn = ensureBool(v);
-            this._a("yAxisIsLogarithmic", this.i.adn);
+            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.aey;
+            return this.i.aez;
         },
         set: function (v) {
-            this.i.aey = +v;
-            this._a("yAxisLogarithmBase", this.i.aey);
+            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.aet;
+            return this.i.aeu;
         },
         set: function (v) {
-            this.i.aet = +v;
-            this._a("yAxisMinimumValue", this.i.aet);
+            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.aes;
+            return this.i.aet;
         },
         set: function (v) {
-            this.i.aes = +v;
-            this._a("yAxisMaximumValue", this.i.aes);
+            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.aeu;
+            return this.i.aev;
         },
         set: function (v) {
-            this.i.aeu = +v;
-            this._a("yAxisMinorInterval", this.i.aeu);
+            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.aed;
+            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.aec;
+            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.aeq;
+            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.aep;
+            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.ace);
+            return fromBrushCollection(this.i.acf);
         },
         set: function (v) {
-            this.i.ace = toBrushCollection(v);
-            this._a("negativeBrushes", brushCollectionToString(this.i.ace));
+            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.acf);
+            return fromBrushCollection(this.i.acg);
         },
         set: function (v) {
-            this.i.acf = toBrushCollection(v);
-            this._a("negativeOutlines", brushCollectionToString(this.i.acf));
+            this.i.acg = toBrushCollection(v);
+            this._a("negativeOutlines", brushCollectionToString(this.i.acg));
         },
         enumerable: true,
         configurable: true
@@ -854,11 +854,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.adk;
+            return this.i.adl;
         },
         set: function (v) {
-            this.i.adk = ensureBool(v);
-            this._a("yAxisAbbreviateLargeNumbers", this.i.adk);
+            this.i.adl = ensureBool(v);
+            this._a("yAxisAbbreviateLargeNumbers", this.i.adl);
         },
         enumerable: true,
         configurable: true
@@ -869,11 +869,11 @@ var IgcCategoryChartComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * This property is overridden by chart's WindowRectMinWidth property
         */
         get: function () {
-            return this.i.aek;
+            return this.i.ael;
         },
         set: function (v) {
-            this.i.aek = +v;
-            this._a("xAxisZoomMaximumCategoryRange", this.i.aek);
+            this.i.ael = +v;
+            this._a("xAxisZoomMaximumCategoryRange", this.i.ael);
         },
         enumerable: true,
         configurable: true
@@ -885,11 +885,11 @@ var IgcCategoryChartComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * This property is overridden by chart's WindowRectMinWidth property
         */
         get: function () {
-            return this.i.ael;
+            return this.i.aem;
         },
         set: function (v) {
-            this.i.ael = +v;
-            this._a("xAxisZoomMaximumItemSpan", this.i.ael);
+            this.i.aem = +v;
+            this._a("xAxisZoomMaximumItemSpan", this.i.aem);
         },
         enumerable: true,
         configurable: true
@@ -900,11 +900,11 @@ var IgcCategoryChartComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * This property is overridden by chart's WindowRect or WindowScaleHorizontal properties
         */
         get: function () {
-            return this.i.aem;
+            return this.i.aen;
         },
         set: function (v) {
-            this.i.aem = +v;
-            this._a("xAxisZoomToCategoryRange", this.i.aem);
+            this.i.aen = +v;
+            this._a("xAxisZoomToCategoryRange", this.i.aen);
         },
         enumerable: true,
         configurable: true
@@ -915,11 +915,11 @@ var IgcCategoryChartComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * This property is overridden by chart's WindowRect or WindowScaleHorizontal properties
         */
         get: function () {
-            return this.i.aen;
+            return this.i.aeo;
         },
         set: function (v) {
-            this.i.aen = +v;
-            this._a("xAxisZoomToCategoryStart", this.i.aen);
+            this.i.aeo = +v;
+            this._a("xAxisZoomToCategoryStart", this.i.aeo);
         },
         enumerable: true,
         configurable: true
@@ -931,11 +931,11 @@ var IgcCategoryChartComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * This property is overridden by chart's WindowRect or WindowScaleHorizontal properties
         */
         get: function () {
-            return this.i.aeo;
+            return this.i.aep;
         },
         set: function (v) {
-            this.i.aeo = +v;
-            this._a("xAxisZoomToItemSpan", this.i.aeo);
+            this.i.aep = +v;
+            this._a("xAxisZoomToItemSpan", this.i.aep);
         },
         enumerable: true,
         configurable: true
@@ -945,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.add;
+            return this.i.ade;
         },
         set: function (v) {
-            this.i.add = ensureBool(v);
-            this._a("isCategoryHighlightingEnabled", this.i.add);
+            this.i.ade = ensureBool(v);
+            this._a("isCategoryHighlightingEnabled", this.i.ade);
         },
         enumerable: true,
         configurable: true
@@ -959,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.ade;
+            return this.i.adf;
         },
         set: function (v) {
-            this.i.ade = ensureBool(v);
-            this._a("isItemHighlightingEnabled", this.i.ade);
+            this.i.adf = ensureBool(v);
+            this._a("isItemHighlightingEnabled", this.i.adf);
         },
         enumerable: true,
         configurable: true
@@ -973,26 +973,26 @@ var IgcCategoryChartComponent = /** @class */ /*@__PURE__*/ (function (_super) {
 
 */
     IgcCategoryChartComponent.prototype.exportSerializedVisualData = function () {
-        var iv = this.i.ae3();
+        var iv = this.i.ae4();
         return (iv);
     };
     IgcCategoryChartComponent.prototype.recalculateMarginAutoExpansion = function () {
-        this.i.af7();
+        this.i.af8();
     };
     IgcCategoryChartComponent.prototype.getCurrentXAxisActualMinimum = function () {
-        var iv = this.i.ad9();
+        var iv = this.i.aea();
         return (iv);
     };
     IgcCategoryChartComponent.prototype.getCurrentYAxisActualMinimum = function () {
-        var iv = this.i.aeb();
+        var iv = this.i.aec();
         return (iv);
     };
     IgcCategoryChartComponent.prototype.getCurrentXAxisActualMaximum = function () {
-        var iv = this.i.ad8();
+        var iv = this.i.ad9();
         return (iv);
     };
     IgcCategoryChartComponent.prototype.getCurrentYAxisActualMaximum = function () {
-        var iv = this.i.aea();
+        var iv = this.i.aeb();
         return (iv);
     };
     IgcCategoryChartComponent._observedAttributesIgcCategoryChartComponent = null;

package/esm5/lib/igc-category-date-time-x-axis-component.js

@@ -37,11 +37,25 @@ var IgcCategoryDateTimeXAxisComponent = /** @class */ /*@__PURE__*/ (function (_
         if (_super.prototype["connectedCallback"]) {
             _super.prototype["connectedCallback"].call(this);
         }
+        if (this.i.connectedCallback) {
+            this.i.connectedCallback();
+        }
         if (!this._attached) {
             this._attached = true;
             this._flushQueuedAttributes();
         }
     };
+    IgcCategoryDateTimeXAxisComponent.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(IgcCategoryDateTimeXAxisComponent, "observedAttributes", {
         get: function () {
             if (IgcCategoryDateTimeXAxisComponent._observedAttributesIgcCategoryDateTimeXAxisComponent == null) {