igniteui-webcomponents-charts 4.7.0 → 4.7.2-beta.0

package/esm5/lib/igc-callout-layer-component.js

@@ -97,7 +97,7 @@ var IgcCalloutLayerComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets whether the series is an callout annotation layer.
         */
         get: function () {
-            return this.i.d2;
+            return this.i.d3;
         },
         enumerable: false,
         configurable: true
@@ -107,10 +107,10 @@ var IgcCalloutLayerComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the label mapping property for the callouts.
         */
         get: function () {
-            return this.i.zq;
+            return this.i.zr;
         },
         set: function (v) {
-            this.i.zq = v;
+            this.i.zr = v;
         },
         enumerable: false,
         configurable: true
@@ -120,10 +120,10 @@ var IgcCalloutLayerComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the label mapping property for the callouts.
         */
         get: function () {
-            return this.i.z1;
+            return this.i.z2;
         },
         set: function (v) {
-            this.i.z1 = v;
+            this.i.z2 = v;
         },
         enumerable: false,
         configurable: true
@@ -133,10 +133,10 @@ var IgcCalloutLayerComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the label mapping property for the callouts.
         */
         get: function () {
-            return this.i.z4;
+            return this.i.z5;
         },
         set: function (v) {
-            this.i.z4 = v;
+            this.i.z5 = v;
         },
         enumerable: false,
         configurable: true
@@ -146,10 +146,10 @@ var IgcCalloutLayerComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the key mapping property for the callouts.
         */
         get: function () {
-            return this.i.zn;
+            return this.i.zo;
         },
         set: function (v) {
-            this.i.zn = v;
+            this.i.zo = v;
         },
         enumerable: false,
         configurable: true
@@ -159,11 +159,11 @@ var IgcCalloutLayerComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets whether to allow the callouts to be variable distances from the target points, for suppporting collision modes.
         */
         get: function () {
-            return this.i.x4;
+            return this.i.x5;
         },
         set: function (v) {
-            this.i.x4 = ensureBool(v);
-            this._a("isCalloutOffsettingEnabled", this.i.x4);
+            this.i.x5 = ensureBool(v);
+            this._a("isCalloutOffsettingEnabled", this.i.x5);
         },
         enumerable: false,
         configurable: true
@@ -173,10 +173,10 @@ var IgcCalloutLayerComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the content mapping property for the callouts.
         */
         get: function () {
-            return this.i.zg;
+            return this.i.zh;
         },
         set: function (v) {
-            this.i.zg = v;
+            this.i.zh = v;
         },
         enumerable: false,
         configurable: true
@@ -186,10 +186,10 @@ var IgcCalloutLayerComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the name of the series series to target this annotation to. If null, this annotation targets all series simultaneously.
         */
         get: function () {
-            return this.i.zs;
+            return this.i.zt;
         },
         set: function (v) {
-            this.i.zs = v;
+            this.i.zt = v;
         },
         enumerable: false,
         configurable: true
@@ -199,7 +199,7 @@ var IgcCalloutLayerComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the series to target this annotation to. If null, this annotation targets all series simultaneously.
         */
         get: function () {
-            var r = this.i.xf;
+            var r = this.i.xg;
             if (r == null) {
                 return null;
             }
@@ -215,7 +215,7 @@ var IgcCalloutLayerComponent = /** @class */ /*@__PURE__*/ (function (_super) {
         set: function (v) {
             if (v != null && this._stylingContainer && v._styling)
                 v._styling(this._stylingContainer, this, this);
-            v == null ? this.i.xf = null : this.i.xf = v.i;
+            v == null ? this.i.xg = null : this.i.xg = v.i;
         },
         enumerable: false,
         configurable: true
@@ -225,10 +225,10 @@ var IgcCalloutLayerComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets a channel name to identify other callout layers within the chart to share collision information with.
         */
         get: function () {
-            return this.i.zd;
+            return this.i.ze;
         },
         set: function (v) {
-            this.i.zd = v;
+            this.i.ze = v;
         },
         enumerable: false,
         configurable: true
@@ -240,12 +240,12 @@ var IgcCalloutLayerComponent = /** @class */ /*@__PURE__*/ (function (_super) {
         get: function () {
             if (this._allowedPositions === null) {
                 var coll = new IgcCalloutPlacementPositionsCollection();
-                var innerColl = this.i.xb;
+                var innerColl = this.i.xc;
                 if (!innerColl) {
                     innerColl = new CalloutPlacementPositionsCollection_internal();
                 }
                 this._allowedPositions = coll._fromInner(innerColl);
-                this.i.xb = innerColl;
+                this.i.xc = innerColl;
             }
             return this._allowedPositions;
         },
@@ -257,14 +257,14 @@ var IgcCalloutLayerComponent = /** @class */ /*@__PURE__*/ (function (_super) {
             var coll = new IgcCalloutPlacementPositionsCollection();
             this._allowedPositions = coll._fromOuter(v);
             var syncColl = new SyncableObservableCollection$1(CalloutPlacementPositions_$type);
-            var innerColl = this.i.xb;
+            var innerColl = this.i.xc;
             if (!innerColl) {
                 innerColl = new CalloutPlacementPositionsCollection_internal();
             }
             syncColl._inner = innerColl;
             syncColl.clear();
             this._allowedPositions._setSyncTarget(syncColl);
-            this.i.xb = innerColl;
+            this.i.xc = innerColl;
         },
         enumerable: false,
         configurable: true
@@ -274,11 +274,11 @@ var IgcCalloutLayerComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets how to select the final value to annotate.
         */
         get: function () {
-            return this.i.x3;
+            return this.i.x4;
         },
         set: function (v) {
-            this.i.x3 = ensureBool(v);
-            this._a("isAutoCalloutBehaviorEnabled", this.i.x3);
+            this.i.x4 = ensureBool(v);
+            this._a("isAutoCalloutBehaviorEnabled", this.i.x4);
         },
         enumerable: false,
         configurable: true
@@ -288,11 +288,11 @@ var IgcCalloutLayerComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets whether to use values, rather than labels for auto callout labels.
         */
         get: function () {
-            return this.i.x7;
+            return this.i.x8;
         },
         set: function (v) {
-            this.i.x7 = ensureBool(v);
-            this._a("useInterpolatedValueForAutoCalloutLabels", this.i.x7);
+            this.i.x8 = ensureBool(v);
+            this._a("useInterpolatedValueForAutoCalloutLabels", this.i.x8);
         },
         enumerable: false,
         configurable: true
@@ -302,11 +302,11 @@ var IgcCalloutLayerComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets whether to the series color as the outline of the callout.
         */
         get: function () {
-            return this.i.x8;
+            return this.i.x9;
         },
         set: function (v) {
-            this.i.x8 = ensureBool(v);
-            this._a("useSeriesColorForOutline", this.i.x8);
+            this.i.x9 = ensureBool(v);
+            this._a("useSeriesColorForOutline", this.i.x9);
         },
         enumerable: false,
         configurable: true
@@ -316,11 +316,11 @@ var IgcCalloutLayerComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets whether to use values, rather than labels for auto callout labels.
         */
         get: function () {
-            return this.i.x9;
+            return this.i.ya;
         },
         set: function (v) {
-            this.i.x9 = ensureBool(v);
-            this._a("useValueForAutoCalloutLabels", this.i.x9);
+            this.i.ya = ensureBool(v);
+            this._a("useValueForAutoCalloutLabels", this.i.ya);
         },
         enumerable: false,
         configurable: true
@@ -330,11 +330,11 @@ var IgcCalloutLayerComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the rules for when the callouts should be visible.
         */
         get: function () {
-            return this.i.w4;
+            return this.i.w5;
         },
         set: function (v) {
-            this.i.w4 = ensureEnum(AutoCalloutVisibilityMode_$type, v);
-            this._a("autoCalloutVisibilityMode", enumToString(AutoCalloutVisibilityMode_$type, this.i.w4));
+            this.i.w5 = ensureEnum(AutoCalloutVisibilityMode_$type, v);
+            this._a("autoCalloutVisibilityMode", enumToString(AutoCalloutVisibilityMode_$type, this.i.w5));
         },
         enumerable: false,
         configurable: true
@@ -344,11 +344,11 @@ var IgcCalloutLayerComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the corner radius to use for the callout borders.
         */
         get: function () {
-            return this.i.yj;
+            return this.i.yk;
         },
         set: function (v) {
-            this.i.yj = +v;
-            this._a("calloutCornerRadius", this.i.yj);
+            this.i.yk = +v;
+            this._a("calloutCornerRadius", this.i.yk);
         },
         enumerable: false,
         configurable: true
@@ -358,11 +358,11 @@ var IgcCalloutLayerComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets whether to allow for custom callout styles.
         */
         get: function () {
-            return this.i.x6;
+            return this.i.x7;
         },
         set: function (v) {
-            this.i.x6 = ensureBool(v);
-            this._a("isCustomCalloutStyleEnabled", this.i.x6);
+            this.i.x7 = ensureBool(v);
+            this._a("isCustomCalloutStyleEnabled", this.i.x7);
         },
         enumerable: false,
         configurable: true
@@ -372,11 +372,11 @@ var IgcCalloutLayerComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets whether to allow for custom callout styles.
         */
         get: function () {
-            return this.i.x5;
+            return this.i.x6;
         },
         set: function (v) {
-            this.i.x5 = ensureBool(v);
-            this._a("isCustomCalloutRenderStyleEnabled", this.i.x5);
+            this.i.x6 = ensureBool(v);
+            this._a("isCustomCalloutRenderStyleEnabled", this.i.x6);
         },
         enumerable: false,
         configurable: true
@@ -386,11 +386,11 @@ var IgcCalloutLayerComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the precision to use when values are used for the auto callout labels.
         */
         get: function () {
-            return this.i.ys;
+            return this.i.yt;
         },
         set: function (v) {
-            this.i.ys = +v;
-            this._a("autoCalloutLabelPrecision", this.i.ys);
+            this.i.yt = +v;
+            this._a("autoCalloutLabelPrecision", this.i.yt);
         },
         enumerable: false,
         configurable: true
@@ -400,11 +400,11 @@ var IgcCalloutLayerComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the color to use for the callout text. Leave unset for an automatic value.
         */
         get: function () {
-            return brushToString(this.i.abk);
+            return brushToString(this.i.abl);
         },
         set: function (v) {
-            this.i.abk = stringToBrush(v);
-            this._a("calloutTextColor", brushToString(this.i.abk));
+            this.i.abl = stringToBrush(v);
+            this._a("calloutTextColor", brushToString(this.i.abl));
         },
         enumerable: false,
         configurable: true
@@ -414,11 +414,11 @@ var IgcCalloutLayerComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the brush that specifies how the backgrounds for the callouts of the layer are painted. Leave unset for an automatic value.
         */
         get: function () {
-            return brushToString(this.i.abh);
+            return brushToString(this.i.abi);
         },
         set: function (v) {
-            this.i.abh = stringToBrush(v);
-            this._a("calloutBackground", brushToString(this.i.abh));
+            this.i.abi = stringToBrush(v);
+            this._a("calloutBackground", brushToString(this.i.abi));
         },
         enumerable: false,
         configurable: true
@@ -428,11 +428,11 @@ var IgcCalloutLayerComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the precision to use displaying values for interpolated crosshair positions.
         */
         get: function () {
-            return this.i.yt;
+            return this.i.yu;
         },
         set: function (v) {
-            this.i.yt = +v;
-            this._a("calloutInterpolatedValuePrecision", this.i.yt);
+            this.i.yu = +v;
+            this._a("calloutInterpolatedValuePrecision", this.i.yu);
         },
         enumerable: false,
         configurable: true
@@ -442,11 +442,11 @@ var IgcCalloutLayerComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the brush that specifies how the outlines for the callouts of the layer are painted.
         */
         get: function () {
-            return brushToString(this.i.abj);
+            return brushToString(this.i.abk);
         },
         set: function (v) {
-            this.i.abj = stringToBrush(v);
-            this._a("calloutOutline", brushToString(this.i.abj));
+            this.i.abk = stringToBrush(v);
+            this._a("calloutOutline", brushToString(this.i.abk));
         },
         enumerable: false,
         configurable: true
@@ -456,11 +456,11 @@ var IgcCalloutLayerComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the brush that specifies how the leader lines for the callouts of the layer are painted.
         */
         get: function () {
-            return brushToString(this.i.abi);
+            return brushToString(this.i.abj);
         },
         set: function (v) {
-            this.i.abi = stringToBrush(v);
-            this._a("calloutLeaderBrush", brushToString(this.i.abi));
+            this.i.abj = stringToBrush(v);
+            this._a("calloutLeaderBrush", brushToString(this.i.abj));
         },
         enumerable: false,
         configurable: true
@@ -470,11 +470,11 @@ var IgcCalloutLayerComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the left padding to use withing the callout. Leaving this NaN will use an automatic value related to the axis label margins.
         */
         get: function () {
-            return this.i.yl;
+            return this.i.ym;
         },
         set: function (v) {
-            this.i.yl = +v;
-            this._a("calloutPaddingLeft", this.i.yl);
+            this.i.ym = +v;
+            this._a("calloutPaddingLeft", this.i.ym);
         },
         enumerable: false,
         configurable: true
@@ -484,11 +484,11 @@ var IgcCalloutLayerComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the top padding to use within the callout. Leaving this NaN will use an automatic value related to the axis label margins.
         */
         get: function () {
-            return this.i.yn;
+            return this.i.yo;
         },
         set: function (v) {
-            this.i.yn = +v;
-            this._a("calloutPaddingTop", this.i.yn);
+            this.i.yo = +v;
+            this._a("calloutPaddingTop", this.i.yo);
         },
         enumerable: false,
         configurable: true
@@ -498,11 +498,11 @@ var IgcCalloutLayerComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the right padding to use within the callout. Leaving this NaN will use an automatic value related to the axis label margins.
         */
         get: function () {
-            return this.i.ym;
+            return this.i.yn;
         },
         set: function (v) {
-            this.i.ym = +v;
-            this._a("calloutPaddingRight", this.i.ym);
+            this.i.yn = +v;
+            this._a("calloutPaddingRight", this.i.yn);
         },
         enumerable: false,
         configurable: true
@@ -512,11 +512,11 @@ var IgcCalloutLayerComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the bottom padding to use within the callout. Leaving this NaN will use an automatic value related to the axis label margins.
         */
         get: function () {
-            return this.i.yk;
+            return this.i.yl;
         },
         set: function (v) {
-            this.i.yk = +v;
-            this._a("calloutPaddingBottom", this.i.yk);
+            this.i.yl = +v;
+            this._a("calloutPaddingBottom", this.i.yl);
         },
         enumerable: false,
         configurable: true
@@ -526,11 +526,11 @@ var IgcCalloutLayerComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the strategy to use for avoiding collisions between the callouts in this layer. Leave unset for an automatic value.
         */
         get: function () {
-            return this.i.w6;
+            return this.i.w7;
         },
         set: function (v) {
-            this.i.w6 = ensureEnum(CalloutCollisionMode_$type, v);
-            this._a("calloutCollisionMode", enumToString(CalloutCollisionMode_$type, this.i.w6));
+            this.i.w7 = ensureEnum(CalloutCollisionMode_$type, v);
+            this._a("calloutCollisionMode", enumToString(CalloutCollisionMode_$type, this.i.w7));
         },
         enumerable: false,
         configurable: true
@@ -540,11 +540,11 @@ var IgcCalloutLayerComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the padding to add to the callout positioning. Leave unset for an automatic value.
         */
         get: function () {
-            return this.i.yo;
+            return this.i.yp;
         },
         set: function (v) {
-            this.i.yo = +v;
-            this._a("calloutPositionPadding", this.i.yo);
+            this.i.yp = +v;
+            this._a("calloutPositionPadding", this.i.yp);
         },
         enumerable: false,
         configurable: true
@@ -554,11 +554,11 @@ var IgcCalloutLayerComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the stroke thickness for the callout backing. Leave unset for an automatic value.
         */
         get: function () {
-            return this.i.yp;
+            return this.i.yq;
         },
         set: function (v) {
-            this.i.yp = +v;
-            this._a("calloutStrokeThickness", this.i.yp);
+            this.i.yq = +v;
+            this._a("calloutStrokeThickness", this.i.yq);
         },
         enumerable: false,
         configurable: true
@@ -568,10 +568,10 @@ var IgcCalloutLayerComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the stroke thickness for the axis annotation backing. Leave unset for an automatic value.
         */
         get: function () {
-            return this.i.zv;
+            return this.i.zw;
         },
         set: function (v) {
-            this.i.zv = v;
+            this.i.zw = v;
         },
         enumerable: false,
         configurable: true
@@ -598,7 +598,7 @@ var IgcCalloutLayerComponent = /** @class */ /*@__PURE__*/ (function (_super) {
         this._inStyling = false;
     };
     IgcCalloutLayerComponent.prototype.getItemValue = function (item, memberPathName) {
-        var iv = this.i.ju(item, memberPathName);
+        var iv = this.i.jv(item, memberPathName);
         return (iv);
     };
     /**
@@ -606,7 +606,7 @@ var IgcCalloutLayerComponent = /** @class */ /*@__PURE__*/ (function (_super) {
     
     */
     IgcCalloutLayerComponent.prototype.invalidateCalloutContent = function () {
-        this.i.aae();
+        this.i.aaf();
     };
     Object.defineProperty(IgcCalloutLayerComponent.prototype, "calloutStyleUpdating", {
         /**

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

@@ -1,8 +1,9 @@
 import { __extends } from "tslib";
 import { delegateCombine, delegateRemove } from "igniteui-webcomponents-core";
+import { AxisAngleLabelMode_$type } from "./AxisAngleLabelMode";
 import { IgcCategoryAxisBaseComponent } from "./igc-category-axis-base-component";
 import { CategoryAngleAxis } from "./CategoryAngleAxis";
-import { getAllPropertyNames, toSpinal } from "igniteui-webcomponents-core";
+import { getAllPropertyNames, toSpinal, ensureEnum, enumToString } from "igniteui-webcomponents-core";
 import { RegisterElementHelper } from "igniteui-webcomponents-core";
 /**
  * Represents a IgxDataChartComponent category angle axis. Useful for displaying radial categories.
@@ -90,11 +91,25 @@ var IgcCategoryAngleAxisComponent = /** @class */ /*@__PURE__*/ (function (_supe
         * Indicates the angle in degress that the chart's 0th angle should be offset.
         */
         get: function () {
-            return this.i.m2;
+            return this.i.m4;
         },
         set: function (v) {
-            this.i.m2 = +v;
-            this._a("startAngleOffset", this.i.m2);
+            this.i.m4 = +v;
+            this._a("startAngleOffset", this.i.m4);
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(IgcCategoryAngleAxisComponent.prototype, "labelMode", {
+        /**
+         * Indicates the mode axis labels will operate in.
+        */
+        get: function () {
+            return this.i.mg;
+        },
+        set: function (v) {
+            this.i.mg = ensureEnum(AxisAngleLabelMode_$type, v);
+            this._a("labelMode", enumToString(AxisAngleLabelMode_$type, this.i.mg));
         },
         enumerable: false,
         configurable: true
@@ -108,11 +123,11 @@ var IgcCategoryAngleAxisComponent = /** @class */ /*@__PURE__*/ (function (_supe
         * For example, an interval of 2 will display every other label.
         */
         get: function () {
-            return this.i.mz;
+            return this.i.m1;
         },
         set: function (v) {
-            this.i.mz = +v;
-            this._a("interval", this.i.mz);
+            this.i.m1 = +v;
+            this._a("interval", this.i.m1);
         },
         enumerable: false,
         configurable: true
@@ -124,11 +139,11 @@ var IgcCategoryAngleAxisComponent = /** @class */ /*@__PURE__*/ (function (_supe
         * Gets the effective value for the current Interval.
         */
         get: function () {
-            return this.i.mt;
+            return this.i.mv;
         },
         set: function (v) {
-            this.i.mt = +v;
-            this._a("actualInterval", this.i.mt);
+            this.i.mv = +v;
+            this._a("actualInterval", this.i.mv);
         },
         enumerable: false,
         configurable: true
@@ -141,11 +156,11 @@ var IgcCategoryAngleAxisComponent = /** @class */ /*@__PURE__*/ (function (_supe
         * Gets or sets the frequency of displayed minor lines. The set value is a factor that determines how the minor lines will be displayed.
         */
         get: function () {
-            return this.i.m0;
+            return this.i.m2;
         },
         set: function (v) {
-            this.i.m0 = +v;
-            this._a("minorInterval", this.i.m0);
+            this.i.m2 = +v;
+            this._a("minorInterval", this.i.m2);
         },
         enumerable: false,
         configurable: true
@@ -157,11 +172,11 @@ var IgcCategoryAngleAxisComponent = /** @class */ /*@__PURE__*/ (function (_supe
         * Get the effective value for the current minorInterval.
         */
         get: function () {
-            return this.i.mu;
+            return this.i.mw;
         },
         set: function (v) {
-            this.i.mu = +v;
-            this._a("actualMinorInterval", this.i.mu);
+            this.i.mw = +v;
+            this._a("actualMinorInterval", this.i.mw);
         },
         enumerable: false,
         configurable: true
@@ -197,7 +212,7 @@ var IgcCategoryAngleAxisComponent = /** @class */ /*@__PURE__*/ (function (_supe
             this._actualIntervalChange = ev;
             this._actualIntervalChange_wrapped = function (o, e) {
                 var ext = _this.actualInterval;
-                if (e.propertyName == 'Mt') {
+                if (e.propertyName == 'Mv') {
                     if (_this.beforeActualIntervalChange) {
                         _this.beforeActualIntervalChange(_this, ext);
                     }

package/esm5/lib/igc-category-highlight-layer-component.js

@@ -76,7 +76,7 @@ var IgcCategoryHighlightLayerComponent = /** @class */ /*@__PURE__*/ (function (
          * Gets whether the series is an annotation layer displayed only when hovering over the chart.
         */
         get: function () {
-            return this.i.d5;
+            return this.i.d6;
         },
         enumerable: false,
         configurable: true
@@ -86,7 +86,7 @@ var IgcCategoryHighlightLayerComponent = /** @class */ /*@__PURE__*/ (function (
          * Gets or sets the axis to target this annotation to. If null, this annotation targets all category axes simultaneously.
         */
         get: function () {
-            var r = this.i.w0;
+            var r = this.i.w1;
             if (r == null) {
                 return null;
             }
@@ -102,7 +102,7 @@ var IgcCategoryHighlightLayerComponent = /** @class */ /*@__PURE__*/ (function (
         set: function (v) {
             if (v != null && this._stylingContainer && v._styling)
                 v._styling(this._stylingContainer, this, this);
-            v == null ? this.i.w0 = null : this.i.w0 = v.i;
+            v == null ? this.i.w1 = null : this.i.w1 = v.i;
         },
         enumerable: false,
         configurable: true
@@ -112,11 +112,11 @@ var IgcCategoryHighlightLayerComponent = /** @class */ /*@__PURE__*/ (function (
          * Gets or sets whether to use value interpolation when drawing a line through the best value for the pointer position.
         */
         get: function () {
-            return this.i.w3;
+            return this.i.w4;
         },
         set: function (v) {
-            this.i.w3 = ensureBool(v);
-            this._a("useInterpolation", this.i.w3);
+            this.i.w4 = ensureBool(v);
+            this._a("useInterpolation", this.i.w4);
         },
         enumerable: false,
         configurable: true
@@ -126,11 +126,11 @@ var IgcCategoryHighlightLayerComponent = /** @class */ /*@__PURE__*/ (function (
          * Gets or sets the width to use for the highlight region if drawing a band rather than filling a category.
         */
         get: function () {
-            return this.i.w4;
+            return this.i.w5;
         },
         set: function (v) {
-            this.i.w4 = +v;
-            this._a("bandHighlightWidth", this.i.w4);
+            this.i.w5 = +v;
+            this._a("bandHighlightWidth", this.i.w5);
         },
         enumerable: false,
         configurable: true