igniteui-webcomponents-charts 6.3.1 → 7.0.0

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

@@ -89,11 +89,11 @@ export var IgcCategoryAngleAxisComponent = /** @class */ /*@__PURE__*/ (function
          * Gets or sets interval of labels on the companion axis.
         */
         get: function () {
-            return this.i.rx;
+            return this.i.rz;
         },
         set: function (v) {
-            this.i.rx = +v;
-            this._a("companionAxisInterval", this.i.rx);
+            this.i.rz = +v;
+            this._a("companionAxisInterval", this.i.rz);
         },
         enumerable: false,
         configurable: true
@@ -103,11 +103,11 @@ export var IgcCategoryAngleAxisComponent = /** @class */ /*@__PURE__*/ (function
          * Gets or sets label angle on the companion axis.
         */
         get: function () {
-            return this.i.ry;
+            return this.i.r0;
         },
         set: function (v) {
-            this.i.ry = +v;
-            this._a("companionAxisMinorInterval", this.i.ry);
+            this.i.r0 = +v;
+            this._a("companionAxisMinorInterval", this.i.r0);
         },
         enumerable: false,
         configurable: true
@@ -117,11 +117,11 @@ export var IgcCategoryAngleAxisComponent = /** @class */ /*@__PURE__*/ (function
          * Gets or sets angle in degress that the chart's 0th angle should be offset for the companion axis
         */
         get: function () {
-            return this.i.rz;
+            return this.i.r1;
         },
         set: function (v) {
-            this.i.rz = +v;
-            this._a("companionAxisStartAngleOffset", this.i.rz);
+            this.i.r1 = +v;
+            this._a("companionAxisStartAngleOffset", this.i.r1);
         },
         enumerable: false,
         configurable: true
@@ -131,11 +131,11 @@ export var IgcCategoryAngleAxisComponent = /** @class */ /*@__PURE__*/ (function
          * Gets or sets the mode axis labels will operate for the companion axis.
         */
         get: function () {
-            return this.i.rc;
+            return this.i.re;
         },
         set: function (v) {
-            this.i.rc = ensureEnum(AxisAngleLabelMode_$type, v);
-            this._a("companionAxisLabelMode", enumToString(AxisAngleLabelMode_$type, this.i.rc));
+            this.i.re = ensureEnum(AxisAngleLabelMode_$type, v);
+            this._a("companionAxisLabelMode", enumToString(AxisAngleLabelMode_$type, this.i.re));
         },
         enumerable: false,
         configurable: true
@@ -147,11 +147,11 @@ export var IgcCategoryAngleAxisComponent = /** @class */ /*@__PURE__*/ (function
         * Indicates the angle in degress that the chart's 0th angle should be offset.
         */
         get: function () {
-            return this.i.r9;
+            return this.i.sb;
         },
         set: function (v) {
-            this.i.r9 = +v;
-            this._a("startAngleOffset", this.i.r9);
+            this.i.sb = +v;
+            this._a("startAngleOffset", this.i.sb);
         },
         enumerable: false,
         configurable: true
@@ -161,18 +161,18 @@ export var IgcCategoryAngleAxisComponent = /** @class */ /*@__PURE__*/ (function
          * Indicates the mode axis labels will operate in.
         */
         get: function () {
-            return this.i.rd;
+            return this.i.rf;
         },
         set: function (v) {
-            this.i.rd = ensureEnum(AxisAngleLabelMode_$type, v);
-            this._a("labelMode", enumToString(AxisAngleLabelMode_$type, this.i.rd));
+            this.i.rf = ensureEnum(AxisAngleLabelMode_$type, v);
+            this._a("labelMode", enumToString(AxisAngleLabelMode_$type, this.i.rf));
         },
         enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcCategoryAngleAxisComponent.prototype, "areGroupSizesUneven", {
         get: function () {
-            return this.i.rn;
+            return this.i.rp;
         },
         enumerable: false,
         configurable: true
@@ -186,11 +186,11 @@ export var IgcCategoryAngleAxisComponent = /** @class */ /*@__PURE__*/ (function
         * For example, an interval of 2 will display every other label.
         */
         get: function () {
-            return this.i.r6;
+            return this.i.r8;
         },
         set: function (v) {
-            this.i.r6 = +v;
-            this._a("interval", this.i.r6);
+            this.i.r8 = +v;
+            this._a("interval", this.i.r8);
         },
         enumerable: false,
         configurable: true
@@ -202,11 +202,11 @@ export var IgcCategoryAngleAxisComponent = /** @class */ /*@__PURE__*/ (function
         * Gets the effective value for the current Interval.
         */
         get: function () {
-            return this.i.rv;
+            return this.i.rx;
         },
         set: function (v) {
-            this.i.rv = +v;
-            this._a("actualInterval", this.i.rv);
+            this.i.rx = +v;
+            this._a("actualInterval", this.i.rx);
         },
         enumerable: false,
         configurable: true
@@ -219,11 +219,11 @@ export var IgcCategoryAngleAxisComponent = /** @class */ /*@__PURE__*/ (function
         * 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.r7;
+            return this.i.r9;
         },
         set: function (v) {
-            this.i.r7 = +v;
-            this._a("minorInterval", this.i.r7);
+            this.i.r9 = +v;
+            this._a("minorInterval", this.i.r9);
         },
         enumerable: false,
         configurable: true
@@ -235,11 +235,11 @@ export var IgcCategoryAngleAxisComponent = /** @class */ /*@__PURE__*/ (function
         * Get the effective value for the current minorInterval.
         */
         get: function () {
-            return this.i.rw;
+            return this.i.ry;
         },
         set: function (v) {
-            this.i.rw = +v;
-            this._a("actualMinorInterval", this.i.rw);
+            this.i.ry = +v;
+            this._a("actualMinorInterval", this.i.ry);
         },
         enumerable: false,
         configurable: true
@@ -275,7 +275,7 @@ export var IgcCategoryAngleAxisComponent = /** @class */ /*@__PURE__*/ (function
             this._actualIntervalChange = ev;
             this._actualIntervalChange_wrapped = function (o, e) {
                 var ext = _this.actualInterval;
-                if (e.propertyName == 'Rv') {
+                if (e.propertyName == 'Rx') {
                     if (_this.beforeActualIntervalChange) {
                         _this.beforeActualIntervalChange(_this, ext);
                     }

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

@@ -117,11 +117,11 @@ export var IgcCategoryAxisBaseComponent = /** @class */ /*@__PURE__*/ (function
          * Gets the number of items in the current category axis items source.
         */
         get: function () {
-            return this.i.qb;
+            return this.i.qd;
         },
         set: function (v) {
-            this.i.qb = +v;
-            this._a("itemsCount", this.i.qb);
+            this.i.qd = +v;
+            this._a("itemsCount", this.i.qd);
         },
         enumerable: false,
         configurable: true
@@ -138,11 +138,11 @@ export var IgcCategoryAxisBaseComponent = /** @class */ /*@__PURE__*/ (function
         * To set the item spacing to 75% the width of one item, set the `Gap` to 0.75, as in this code:
         */
         get: function () {
-            return this.i.pw;
+            return this.i.py;
         },
         set: function (v) {
-            this.i.pw = +v;
-            this._a("gap", this.i.pw);
+            this.i.py = +v;
+            this._a("gap", this.i.py);
         },
         enumerable: false,
         configurable: true
@@ -152,11 +152,11 @@ export var IgcCategoryAxisBaseComponent = /** @class */ /*@__PURE__*/ (function
          * Gets or sets the maximum gap value to allow. This defaults to 1.0.
         */
         get: function () {
-            return this.i.p3;
+            return this.i.p5;
         },
         set: function (v) {
-            this.i.p3 = +v;
-            this._a("maximumGap", this.i.p3);
+            this.i.p5 = +v;
+            this._a("maximumGap", this.i.p5);
         },
         enumerable: false,
         configurable: true
@@ -166,11 +166,11 @@ export var IgcCategoryAxisBaseComponent = /** @class */ /*@__PURE__*/ (function
          * Gets or sets the minimum amount of pixels to use for the gap between categories, if possible.
         */
         get: function () {
-            return this.i.p4;
+            return this.i.p6;
         },
         set: function (v) {
-            this.i.p4 = +v;
-            this._a("minimumGapSize", this.i.p4);
+            this.i.p6 = +v;
+            this._a("minimumGapSize", this.i.p6);
         },
         enumerable: false,
         configurable: true
@@ -187,11 +187,11 @@ export var IgcCategoryAxisBaseComponent = /** @class */ /*@__PURE__*/ (function
         * To place grouped items with 75% overlap, set the `Overlap` to 0.75, as in this code:
         */
         get: function () {
-            return this.i.p5;
+            return this.i.p7;
         },
         set: function (v) {
-            this.i.p5 = +v;
-            this._a("overlap", this.i.p5);
+            this.i.p7 = +v;
+            this._a("overlap", this.i.p7);
         },
         enumerable: false,
         configurable: true
@@ -205,11 +205,11 @@ export var IgcCategoryAxisBaseComponent = /** @class */ /*@__PURE__*/ (function
         * Try setting it on an axis displaying financial series to adjust the spacing on the left and right sides of the axis:
         */
         get: function () {
-            return this.i.pq;
+            return this.i.ps;
         },
         set: function (v) {
-            this.i.pq = ensureBool(v);
-            this._a("useClusteringMode", this.i.pq);
+            this.i.ps = ensureBool(v);
+            this._a("useClusteringMode", this.i.ps);
         },
         enumerable: false,
         configurable: true
@@ -219,15 +219,15 @@ export var IgcCategoryAxisBaseComponent = /** @class */ /*@__PURE__*/ (function
         return (iv);
     };
     IgcCategoryAxisBaseComponent.prototype.getMemberPathValue = function (memberPathName) {
-        var iv = this.i.i6(memberPathName);
+        var iv = this.i.i8(memberPathName);
         return (iv);
     };
     IgcCategoryAxisBaseComponent.prototype.getCategoryBoundingBox = function (point, useInterpolation, singularWidth) {
-        var iv = this.i.ra(toPoint(point), useInterpolation, singularWidth);
+        var iv = this.i.rc(toPoint(point), useInterpolation, singularWidth);
         return fromRect(iv);
     };
     IgcCategoryAxisBaseComponent.prototype.getCategoryBoundingBoxHelper = function (point, useInterpolation, singularWidth, isVertical) {
-        var iv = this.i.rb(toPoint(point), useInterpolation, singularWidth, isVertical);
+        var iv = this.i.rd(toPoint(point), useInterpolation, singularWidth, isVertical);
         return fromRect(iv);
     };
     /**
@@ -236,24 +236,24 @@ export var IgcCategoryAxisBaseComponent = /** @class */ /*@__PURE__*/ (function
     * @param unscaledValue  * The scaled value in screen coordinates to unscale into axis space.
     */
     IgcCategoryAxisBaseComponent.prototype.unscaleValue = function (unscaledValue) {
-        var iv = this.i.p7(unscaledValue);
+        var iv = this.i.p9(unscaledValue);
         return (iv);
     };
     IgcCategoryAxisBaseComponent.prototype.notifySetItem = function (index, oldItem, newItem) {
-        this.i.qv(index, oldItem, newItem);
+        this.i.qx(index, oldItem, newItem);
     };
     /**
      * Used to manually notify the axis that the data source has reset or cleared its items.
     
     */
     IgcCategoryAxisBaseComponent.prototype.notifyClearItems = function () {
-        this.i.qs();
+        this.i.qu();
     };
     IgcCategoryAxisBaseComponent.prototype.notifyInsertItem = function (index, newItem) {
-        this.i.qt(index, newItem);
+        this.i.qv(index, newItem);
     };
     IgcCategoryAxisBaseComponent.prototype.notifyRemoveItem = function (index, oldItem) {
-        this.i.qu(index, oldItem);
+        this.i.qw(index, oldItem);
     };
     IgcCategoryAxisBaseComponent._observedAttributesIgcCategoryAxisBaseComponent = null;
     return IgcCategoryAxisBaseComponent;

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

@@ -25,6 +25,9 @@ import { IgcFinalValueLayerModule } from './igc-final-value-layer-module';
 import { IgcNumberAbbreviatorModule } from './igc-number-abbreviator-module';
 import { IgcDataChartInteractivityModule } from './igc-data-chart-interactivity-module';
 import { IgcDataChartCategoryTrendLineModule } from './igc-data-chart-category-trend-line-module';
+import { IgcChartSortDescriptionModule } from './igc-chart-sort-description-module';
+import { IgcChartGroupDescriptionModule } from './igc-chart-group-description-module';
+import { IgcChartSummaryDescriptionModule } from './igc-chart-summary-description-module';
 import { IgcDataChartAnnotationModule } from './igc-data-chart-annotation-module';
 var IgcCategoryChartModule = /** @class */ /*@__PURE__*/ (function () {
     function IgcCategoryChartModule() {
@@ -51,6 +54,9 @@ var IgcCategoryChartModule = /** @class */ /*@__PURE__*/ (function () {
         IgcNumberAbbreviatorModule.register();
         IgcDataChartInteractivityModule.register();
         IgcDataChartCategoryTrendLineModule.register();
+        IgcChartSortDescriptionModule.register();
+        IgcChartGroupDescriptionModule.register();
+        IgcChartSummaryDescriptionModule.register();
         IgcDataChartAnnotationModule.register();
     };
     return IgcCategoryChartModule;

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

@@ -91,11 +91,11 @@ export var IgcCategoryDateTimeXAxisComponent = /** @class */ /*@__PURE__*/ (func
          * Gets or sets whether the axis labels can be unevenly spaced
         */
         get: function () {
-            return this.i.sn;
+            return this.i.sp;
         },
         set: function (v) {
-            this.i.sn = ensureBool(v);
-            this._a("unevenlySpacedLabels", this.i.sn);
+            this.i.sp = ensureBool(v);
+            this._a("unevenlySpacedLabels", this.i.sp);
         },
         enumerable: false,
         configurable: true
@@ -111,11 +111,11 @@ export var IgcCategoryDateTimeXAxisComponent = /** @class */ /*@__PURE__*/ (func
         * Continuous display type divides the axis into even intervals, where labels will not necessarily be aligned with data points. Discrete display type will not use a constant interval, but will align each label with its data point.
         */
         get: function () {
-            return this.i.sk;
+            return this.i.sm;
         },
         set: function (v) {
-            this.i.sk = ensureEnum(TimeAxisDisplayType_$type, v);
-            this._a("displayType", enumToString(TimeAxisDisplayType_$type, this.i.sk));
+            this.i.sm = ensureEnum(TimeAxisDisplayType_$type, v);
+            this._a("displayType", enumToString(TimeAxisDisplayType_$type, this.i.sm));
         },
         enumerable: false,
         configurable: true
@@ -127,11 +127,11 @@ export var IgcCategoryDateTimeXAxisComponent = /** @class */ /*@__PURE__*/ (func
         * `Interval` property is used to get/sets the frequency of displayed labels.
         */
         get: function () {
-            return this.i.sw;
+            return this.i.sy;
         },
         set: function (v) {
-            this.i.sw = +v;
-            this._a("interval", this.i.sw);
+            this.i.sy = +v;
+            this._a("interval", this.i.sy);
         },
         enumerable: false,
         configurable: true
@@ -141,11 +141,11 @@ export var IgcCategoryDateTimeXAxisComponent = /** @class */ /*@__PURE__*/ (func
          * Gets the effective value for the current Interval.
         */
         get: function () {
-            return this.i.st;
+            return this.i.sv;
         },
         set: function (v) {
-            this.i.st = +v;
-            this._a("actualInterval", this.i.st);
+            this.i.sv = +v;
+            this._a("actualInterval", this.i.sv);
         },
         enumerable: false,
         configurable: true
@@ -156,11 +156,11 @@ export var IgcCategoryDateTimeXAxisComponent = /** @class */ /*@__PURE__*/ (func
          * The set value is a factor that determines how the minor lines will be displayed.
         */
         get: function () {
-            return this.i.sx;
+            return this.i.sz;
         },
         set: function (v) {
-            this.i.sx = +v;
-            this._a("minorInterval", this.i.sx);
+            this.i.sz = +v;
+            this._a("minorInterval", this.i.sz);
         },
         enumerable: false,
         configurable: true
@@ -170,11 +170,11 @@ export var IgcCategoryDateTimeXAxisComponent = /** @class */ /*@__PURE__*/ (func
          * Gets the effective value for the current MinorInterval.
         */
         get: function () {
-            return this.i.su;
+            return this.i.sw;
         },
         set: function (v) {
-            this.i.su = +v;
-            this._a("actualMinorInterval", this.i.su);
+            this.i.sw = +v;
+            this._a("actualMinorInterval", this.i.sw);
         },
         enumerable: false,
         configurable: true
@@ -190,7 +190,7 @@ export var IgcCategoryDateTimeXAxisComponent = /** @class */ /*@__PURE__*/ (func
         configurable: true
     });
     IgcCategoryDateTimeXAxisComponent.prototype.scrollDateRangeIntoView = function (minimum, maximum) {
-        this.i.s4(minimum, maximum);
+        this.i.s6(minimum, maximum);
     };
     Object.defineProperty(IgcCategoryDateTimeXAxisComponent.prototype, "actualIntervalChange", {
         get: function () {
@@ -206,7 +206,7 @@ export var IgcCategoryDateTimeXAxisComponent = /** @class */ /*@__PURE__*/ (func
             this._actualIntervalChange = ev;
             this._actualIntervalChange_wrapped = function (o, e) {
                 var ext = _this.actualInterval;
-                if (e.propertyName == 'St') {
+                if (e.propertyName == 'Sv') {
                     if (_this.beforeActualIntervalChange) {
                         _this.beforeActualIntervalChange(_this, ext);
                     }
@@ -234,7 +234,7 @@ export var IgcCategoryDateTimeXAxisComponent = /** @class */ /*@__PURE__*/ (func
             this._actualMinorIntervalChange = ev;
             this._actualMinorIntervalChange_wrapped = function (o, e) {
                 var ext = _this.actualMinorInterval;
-                if (e.propertyName == 'Su') {
+                if (e.propertyName == 'Sw') {
                     if (_this.beforeActualMinorIntervalChange) {
                         _this.beforeActualMinorIntervalChange(_this, ext);
                     }

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

@@ -88,7 +88,7 @@ export var IgcCategoryHighlightLayerComponent = /** @class */ /*@__PURE__*/ (fun
          * 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.aas;
+            var r = this.i.aat;
             if (r == null) {
                 return null;
             }
@@ -104,7 +104,7 @@ export var IgcCategoryHighlightLayerComponent = /** @class */ /*@__PURE__*/ (fun
         set: function (v) {
             if (v != null && this._stylingContainer && v._styling)
                 v._styling(this._stylingContainer, this, this);
-            v == null ? this.i.aas = null : this.i.aas = v.i;
+            v == null ? this.i.aat = null : this.i.aat = v.i;
         },
         enumerable: false,
         configurable: true
@@ -127,11 +127,11 @@ export var IgcCategoryHighlightLayerComponent = /** @class */ /*@__PURE__*/ (fun
          * 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.aav;
+            return this.i.aaw;
         },
         set: function (v) {
-            this.i.aav = ensureBool(v);
-            this._a("useInterpolation", this.i.aav);
+            this.i.aaw = ensureBool(v);
+            this._a("useInterpolation", this.i.aaw);
         },
         enumerable: false,
         configurable: true
@@ -141,11 +141,11 @@ export var IgcCategoryHighlightLayerComponent = /** @class */ /*@__PURE__*/ (fun
          * 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.aaw;
+            return this.i.aax;
         },
         set: function (v) {
-            this.i.aaw = +v;
-            this._a("bandHighlightWidth", this.i.aaw);
+            this.i.aax = +v;
+            this._a("bandHighlightWidth", this.i.aax);
         },
         enumerable: false,
         configurable: true

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

@@ -88,7 +88,7 @@ export var IgcCategoryItemHighlightLayerComponent = /** @class */ /*@__PURE__*/
          * Gets or sets the series to target this annotation to. If null, this annotation targets all series simultaneously.
         */
         get: function () {
-            var r = this.i.aaw;
+            var r = this.i.aax;
             if (r == null) {
                 return null;
             }
@@ -104,7 +104,7 @@ export var IgcCategoryItemHighlightLayerComponent = /** @class */ /*@__PURE__*/
         set: function (v) {
             if (v != null && this._stylingContainer && v._styling)
                 v._styling(this._stylingContainer, this, this);
-            v == null ? this.i.aaw = null : this.i.aaw = v.i;
+            v == null ? this.i.aax = null : this.i.aax = v.i;
         },
         enumerable: false,
         configurable: true
@@ -114,10 +114,10 @@ export var IgcCategoryItemHighlightLayerComponent = /** @class */ /*@__PURE__*/
          * Gets or sets the name of the series to target this annotation to. If null, this annotation targets all series simultaneously.
         */
         get: function () {
-            return this.i.aba;
+            return this.i.abb;
         },
         set: function (v) {
-            this.i.aba = v;
+            this.i.abb = v;
         },
         enumerable: false,
         configurable: true
@@ -127,11 +127,11 @@ export var IgcCategoryItemHighlightLayerComponent = /** @class */ /*@__PURE__*/
          * 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.aa0;
+            return this.i.aa1;
         },
         set: function (v) {
-            this.i.aa0 = ensureBool(v);
-            this._a("useInterpolation", this.i.aa0);
+            this.i.aa1 = ensureBool(v);
+            this._a("useInterpolation", this.i.aa1);
         },
         enumerable: false,
         configurable: true
@@ -141,11 +141,11 @@ export var IgcCategoryItemHighlightLayerComponent = /** @class */ /*@__PURE__*/
          * Gets or sets which type of highlight shape to use when highlighting items.
         */
         get: function () {
-            return this.i.aat;
+            return this.i.aau;
         },
         set: function (v) {
-            this.i.aat = ensureEnum(CategoryItemHighlightType_$type, v);
-            this._a("highlightType", enumToString(CategoryItemHighlightType_$type, this.i.aat));
+            this.i.aau = ensureEnum(CategoryItemHighlightType_$type, v);
+            this._a("highlightType", enumToString(CategoryItemHighlightType_$type, this.i.aau));
         },
         enumerable: false,
         configurable: true
@@ -155,11 +155,11 @@ export var IgcCategoryItemHighlightLayerComponent = /** @class */ /*@__PURE__*/
          * Gets or sets which type of marker to use when highlighting items, if appropriate.
         */
         get: function () {
-            return this.i.aav;
+            return this.i.aaw;
         },
         set: function (v) {
-            this.i.aav = ensureEnum(MarkerType_$type, v);
-            this._a("markerType", enumToString(MarkerType_$type, this.i.aav));
+            this.i.aaw = ensureEnum(MarkerType_$type, v);
+            this._a("markerType", enumToString(MarkerType_$type, this.i.aaw));
         },
         enumerable: false,
         configurable: true
@@ -169,11 +169,11 @@ export var IgcCategoryItemHighlightLayerComponent = /** @class */ /*@__PURE__*/
          * Gets or sets which color to use for the marker when highlighting items, if appropriate.
         */
         get: function () {
-            return brushToString(this.i.abu);
+            return brushToString(this.i.abv);
         },
         set: function (v) {
-            this.i.abu = stringToBrush(v);
-            this._a("markerBrush", brushToString(this.i.abu));
+            this.i.abv = stringToBrush(v);
+            this._a("markerBrush", brushToString(this.i.abv));
         },
         enumerable: false,
         configurable: true
@@ -183,11 +183,11 @@ export var IgcCategoryItemHighlightLayerComponent = /** @class */ /*@__PURE__*/
          * Gets or sets which outline color to use for the marker when highlighting items, if appropriate.
         */
         get: function () {
-            return brushToString(this.i.abv);
+            return brushToString(this.i.abw);
         },
         set: function (v) {
-            this.i.abv = stringToBrush(v);
-            this._a("markerOutline", brushToString(this.i.abv));
+            this.i.abw = stringToBrush(v);
+            this._a("markerOutline", brushToString(this.i.abw));
         },
         enumerable: false,
         configurable: true
@@ -197,10 +197,10 @@ export var IgcCategoryItemHighlightLayerComponent = /** @class */ /*@__PURE__*/
          * Gets or sets the template to use for marker visuals for the current series object.
         */
         get: function () {
-            return this.i.abj;
+            return this.i.abk;
         },
         set: function (v) {
-            this.i.abj = v;
+            this.i.abk = v;
         },
         enumerable: false,
         configurable: true
@@ -210,11 +210,11 @@ export var IgcCategoryItemHighlightLayerComponent = /** @class */ /*@__PURE__*/
          * Gets or sets the width to use for the highlight region if highlighting items in a grid aligned series (line, spline, etc), with a banded shape.
         */
         get: function () {
-            return this.i.aa2;
+            return this.i.aa3;
         },
         set: function (v) {
-            this.i.aa2 = +v;
-            this._a("bandHighlightWidth", this.i.aa2);
+            this.i.aa3 = +v;
+            this._a("bandHighlightWidth", this.i.aa3);
         },
         enumerable: false,
         configurable: true
@@ -224,11 +224,11 @@ export var IgcCategoryItemHighlightLayerComponent = /** @class */ /*@__PURE__*/
          * Gets or sets whether to skip unknown values when searching for series values.
         */
         get: function () {
-            return this.i.aaz;
+            return this.i.aa0;
         },
         set: function (v) {
-            this.i.aaz = ensureBool(v);
-            this._a("skipUnknownValues", this.i.aaz);
+            this.i.aa0 = ensureBool(v);
+            this._a("skipUnknownValues", this.i.aa0);
         },
         enumerable: false,
         configurable: true