igniteui-webcomponents-charts 4.7.2 → 4.8.1-alpha.0

package/esm5/lib/igc-data-legend-component.js

@@ -43,6 +43,8 @@ var IgcDataLegendComponent = /** @class */ /*@__PURE__*/ (function (_super) {
         _this._calculateColumnSummary_wrapped = null;
         _this._styleHeaderRow = null;
         _this._styleHeaderRow_wrapped = null;
+        _this._styleGroupRow = null;
+        _this._styleGroupRow_wrapped = null;
         _this._styleSeriesRow = null;
         _this._styleSeriesRow_wrapped = null;
         _this._styleSummaryRow = null;
@@ -280,11 +282,11 @@ var IgcDataLegendComponent = /** @class */ /*@__PURE__*/ (function (_super) {
      * Gets whether or not at least one badge is visible based on BadgesShape and setting of a row's IsVisble in StyleSeriesRow event
     */
         get: function () {
-            return this.i.bw;
+            return this.i.bz;
         },
         set: function (v) {
-            this.i.bw = ensureBool(v);
-            this._a("actualBadgesVisible", this.i.bw);
+            this.i.bz = ensureBool(v);
+            this._a("actualBadgesVisible", this.i.bz);
         },
         enumerable: false,
         configurable: true
@@ -295,18 +297,19 @@ var IgcDataLegendComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * A higher scaling ratio will produce crisper visuals at the expense of memory.  Lower values will cause the control to appear blurry.
         */
         get: function () {
-            return this.i.co;
+            return this.i.cq;
         },
         set: function (v) {
-            this.i.co = +v;
-            this._a("actualPixelScalingRatio", this.i.co);
+            this.i.cq = +v;
+            this._a("actualPixelScalingRatio", this.i.cq);
         },
         enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcDataLegendComponent.prototype, "includedSeries", {
         /**
-         * Gets or sets indexes or names of series to include in displaying in the data legend, e.g. "0, 1"
+         * Gets or sets indexes, titles, or names of series to include in displaying in the data legend, e.g. "0, 1" or "Series1 Title, Series2 Title"
+         * The ExcludedSeries property takes precedence over values of IncludedSeries property
         */
         get: function () {
             return this.i.includedSeries;
@@ -323,8 +326,8 @@ var IgcDataLegendComponent = /** @class */ /*@__PURE__*/ (function (_super) {
     });
     Object.defineProperty(IgcDataLegendComponent.prototype, "excludedSeries", {
         /**
-         * Gets or sets indexes or names of series to exclude from displaying in the data legend, e.g. "0, 1"
-         * The ExcludedSeries property takes precedences over values of IncludedSeries property
+         * Gets or sets indexes, titles, or names of series to exclude from displaying in the data legend, e.g. "0, 1" or "Series1 Title, Series2 Title"
+         * The ExcludedSeries property takes precedence over values of IncludedSeries property
         */
         get: function () {
             return this.i.excludedSeries;
@@ -342,7 +345,7 @@ var IgcDataLegendComponent = /** @class */ /*@__PURE__*/ (function (_super) {
     Object.defineProperty(IgcDataLegendComponent.prototype, "includedColumns", {
         /**
          * Gets or sets names of data columns or their labels to include in displaying in the data legend, e.g. "High, Low" or "H, L"
-         * The ExcludedColumns property takes precedences over values of IncludedColumns property
+         * The ExcludedColumns property takes precedence over values of IncludedColumns property
         */
         get: function () {
             return this.i.includedColumns;
@@ -360,7 +363,7 @@ var IgcDataLegendComponent = /** @class */ /*@__PURE__*/ (function (_super) {
     Object.defineProperty(IgcDataLegendComponent.prototype, "excludedColumns", {
         /**
          * Gets or sets names of data columns or their labels to exclude from displaying in the data legend, e.g. "High, Low" or "H, L"
-         * The ExcludedColumns property takes precedences over values of IncludedColumns property
+         * The ExcludedColumns property takes precedence over values of IncludedColumns property
         */
         get: function () {
             return this.i.excludedColumns;
@@ -380,11 +383,11 @@ var IgcDataLegendComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets whether the data legend should update when the series data is mutated.
         */
         get: function () {
-            return this.i.b3;
+            return this.i.b7;
         },
         set: function (v) {
-            this.i.b3 = ensureBool(v);
-            this._a("shouldUpdateWhenSeriesDataChanges", this.i.b3);
+            this.i.b7 = ensureBool(v);
+            this._a("shouldUpdateWhenSeriesDataChanges", this.i.b7);
         },
         enumerable: false,
         configurable: true
@@ -406,30 +409,30 @@ var IgcDataLegendComponent = /** @class */ /*@__PURE__*/ (function (_super) {
     });
     Object.defineProperty(IgcDataLegendComponent.prototype, "valueFormatMaxFractions", {
         /**
-         * Gets or sets maximum digits for formating numbers displayed in the legend
+         * Gets or sets maximum digits for formatting numbers displayed in the legend
          * This property is ignored when setting ValueFormatSpecifiers or ValueFormatString properties
         */
         get: function () {
-            return this.i.cu;
+            return this.i.cw;
         },
         set: function (v) {
-            this.i.cu = +v;
-            this._a("valueFormatMaxFractions", this.i.cu);
+            this.i.cw = +v;
+            this._a("valueFormatMaxFractions", this.i.cw);
         },
         enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcDataLegendComponent.prototype, "valueFormatMinFractions", {
         /**
-         * Gets or sets minimum digits for formating numbers displayed in the legend
+         * Gets or sets minimum digits for formatting numbers displayed in the legend
          * This property is ignored when setting ValueFormatSpecifiers or ValueFormatString properties
         */
         get: function () {
-            return this.i.cv;
+            return this.i.cx;
         },
         set: function (v) {
-            this.i.cv = +v;
-            this._a("valueFormatMinFractions", this.i.cv);
+            this.i.cx = +v;
+            this._a("valueFormatMinFractions", this.i.cx);
         },
         enumerable: false,
         configurable: true
@@ -439,11 +442,11 @@ var IgcDataLegendComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the mode for displaying values in the data legend, e.g. Currency ($500.25), Decimal (500.25), Integer (500)
         */
         get: function () {
-            return this.i.a3;
+            return this.i.a4;
         },
         set: function (v) {
-            this.i.a3 = ensureEnum(DataLegendValueMode_$type, v);
-            this._a("valueFormatMode", enumToString(DataLegendValueMode_$type, this.i.a3));
+            this.i.a4 = ensureEnum(DataLegendValueMode_$type, v);
+            this._a("valueFormatMode", enumToString(DataLegendValueMode_$type, this.i.a4));
         },
         enumerable: false,
         configurable: true
@@ -454,10 +457,10 @@ var IgcDataLegendComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * This property is ignored when setting ValueFormatSpecifiers or ValueFormatString properties
         */
         get: function () {
-            return this.i.ey;
+            return this.i.e4;
         },
         set: function (v) {
-            this.i.ey = v;
+            this.i.e4 = v;
         },
         enumerable: false,
         configurable: true
@@ -468,10 +471,10 @@ var IgcDataLegendComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * This property is ignored when setting ValueFormatSpecifiers or ValueFormatString properties
         */
         get: function () {
-            return this.i.e0;
+            return this.i.e6;
         },
         set: function (v) {
-            this.i.e0 = v;
+            this.i.e6 = v;
         },
         enumerable: false,
         configurable: true
@@ -482,11 +485,11 @@ var IgcDataLegendComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * This property is ignored when setting ValueFormatSpecifiers or ValueFormatString properties
         */
         get: function () {
-            return this.i.b4;
+            return this.i.b8;
         },
         set: function (v) {
-            this.i.b4 = ensureBool(v);
-            this._a("valueFormatUseGrouping", this.i.b4);
+            this.i.b8 = ensureBool(v);
+            this._a("valueFormatUseGrouping", this.i.b8);
         },
         enumerable: false,
         configurable: true
@@ -496,10 +499,10 @@ var IgcDataLegendComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the format string for values displayed in the data legend.
         */
         get: function () {
-            return this.i.e6;
+            return this.i.fc;
         },
         set: function (v) {
-            this.i.e6 = v;
+            this.i.fc = v;
         },
         enumerable: false,
         configurable: true
@@ -523,72 +526,72 @@ var IgcDataLegendComponent = /** @class */ /*@__PURE__*/ (function (_super) {
     });
     Object.defineProperty(IgcDataLegendComponent.prototype, "valueRowMarginBottom", {
         get: function () {
-            return this.i.is ? this.i.is.bottom : NaN;
+            return this.i.i9 ? this.i.i9.bottom : NaN;
         },
         set: function (v) {
             this.ensureValueRowMargin();
-            this.i.is.bottom = +v;
-            this._a("valueRowMarginBottom", this.i.is.bottom);
-            this.i.is = this.i.is;
+            this.i.i9.bottom = +v;
+            this._a("valueRowMarginBottom", this.i.i9.bottom);
+            this.i.i9 = this.i.i9;
         },
         enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcDataLegendComponent.prototype, "valueRowMarginLeft", {
         get: function () {
-            return this.i.is ? this.i.is.left : NaN;
+            return this.i.i9 ? this.i.i9.left : NaN;
         },
         set: function (v) {
             this.ensureValueRowMargin();
-            this.i.is.left = +v;
-            this._a("valueRowMarginLeft", this.i.is.left);
-            this.i.is = this.i.is;
+            this.i.i9.left = +v;
+            this._a("valueRowMarginLeft", this.i.i9.left);
+            this.i.i9 = this.i.i9;
         },
         enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcDataLegendComponent.prototype, "valueRowMarginRight", {
         get: function () {
-            return this.i.is ? this.i.is.right : NaN;
+            return this.i.i9 ? this.i.i9.right : NaN;
         },
         set: function (v) {
             this.ensureValueRowMargin();
-            this.i.is.right = +v;
-            this._a("valueRowMarginRight", this.i.is.right);
-            this.i.is = this.i.is;
+            this.i.i9.right = +v;
+            this._a("valueRowMarginRight", this.i.i9.right);
+            this.i.i9 = this.i.i9;
         },
         enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcDataLegendComponent.prototype, "valueRowMarginTop", {
         get: function () {
-            return this.i.is ? this.i.is.top : NaN;
+            return this.i.i9 ? this.i.i9.top : NaN;
         },
         set: function (v) {
             this.ensureValueRowMargin();
-            this.i.is.top = +v;
-            this._a("valueRowMarginTop", this.i.is.top);
-            this.i.is = this.i.is;
+            this.i.i9.top = +v;
+            this._a("valueRowMarginTop", this.i.i9.top);
+            this.i.i9 = this.i.i9;
         },
         enumerable: false,
         configurable: true
     });
     IgcDataLegendComponent.prototype.ensureValueRowMargin = function () {
-        if (this.i.is) {
+        if (this.i.i9) {
             return;
         }
-        this.i.is = new Thickness(2);
+        this.i.i9 = new Thickness(2);
     };
     Object.defineProperty(IgcDataLegendComponent.prototype, "valueRowVisible", {
         /**
          * Gets or sets whether to show series rows.
         */
         get: function () {
-            return this.i.b5;
+            return this.i.b9;
         },
         set: function (v) {
-            this.i.b5 = ensureBool(v);
-            this._a("valueRowVisible", this.i.b5);
+            this.i.b9 = ensureBool(v);
+            this._a("valueRowVisible", this.i.b9);
         },
         enumerable: false,
         configurable: true
@@ -598,10 +601,10 @@ var IgcDataLegendComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets text displayed when data column is missing a value, e.g. "no data"
         */
         get: function () {
-            return this.i.ff;
+            return this.i.fl;
         },
         set: function (v) {
-            this.i.ff = v;
+            this.i.fl = v;
         },
         enumerable: false,
         configurable: true
@@ -611,83 +614,83 @@ var IgcDataLegendComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets whether to use series colors when displaying values in the legend
         */
         get: function () {
-            return this.i.b6;
+            return this.i.ca;
         },
         set: function (v) {
-            this.i.b6 = ensureBool(v);
-            this._a("valueTextUseSeriesColors", this.i.b6);
+            this.i.ca = ensureBool(v);
+            this._a("valueTextUseSeriesColors", this.i.ca);
         },
         enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcDataLegendComponent.prototype, "valueTextMarginBottom", {
         get: function () {
-            return this.i.it ? this.i.it.bottom : NaN;
+            return this.i.ja ? this.i.ja.bottom : NaN;
         },
         set: function (v) {
             this.ensureValueTextMargin();
-            this.i.it.bottom = +v;
-            this._a("valueTextMarginBottom", this.i.it.bottom);
-            this.i.it = this.i.it;
+            this.i.ja.bottom = +v;
+            this._a("valueTextMarginBottom", this.i.ja.bottom);
+            this.i.ja = this.i.ja;
         },
         enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcDataLegendComponent.prototype, "valueTextMarginLeft", {
         get: function () {
-            return this.i.it ? this.i.it.left : NaN;
+            return this.i.ja ? this.i.ja.left : NaN;
         },
         set: function (v) {
             this.ensureValueTextMargin();
-            this.i.it.left = +v;
-            this._a("valueTextMarginLeft", this.i.it.left);
-            this.i.it = this.i.it;
+            this.i.ja.left = +v;
+            this._a("valueTextMarginLeft", this.i.ja.left);
+            this.i.ja = this.i.ja;
         },
         enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcDataLegendComponent.prototype, "valueTextMarginRight", {
         get: function () {
-            return this.i.it ? this.i.it.right : NaN;
+            return this.i.ja ? this.i.ja.right : NaN;
         },
         set: function (v) {
             this.ensureValueTextMargin();
-            this.i.it.right = +v;
-            this._a("valueTextMarginRight", this.i.it.right);
-            this.i.it = this.i.it;
+            this.i.ja.right = +v;
+            this._a("valueTextMarginRight", this.i.ja.right);
+            this.i.ja = this.i.ja;
         },
         enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcDataLegendComponent.prototype, "valueTextMarginTop", {
         get: function () {
-            return this.i.it ? this.i.it.top : NaN;
+            return this.i.ja ? this.i.ja.top : NaN;
         },
         set: function (v) {
             this.ensureValueTextMargin();
-            this.i.it.top = +v;
-            this._a("valueTextMarginTop", this.i.it.top);
-            this.i.it = this.i.it;
+            this.i.ja.top = +v;
+            this._a("valueTextMarginTop", this.i.ja.top);
+            this.i.ja = this.i.ja;
         },
         enumerable: false,
         configurable: true
     });
     IgcDataLegendComponent.prototype.ensureValueTextMargin = function () {
-        if (this.i.it) {
+        if (this.i.ja) {
             return;
         }
-        this.i.it = new Thickness(2);
+        this.i.ja = new Thickness(2);
     };
     Object.defineProperty(IgcDataLegendComponent.prototype, "valueTextColor", {
         /**
          * Gets or sets the units text color.
         */
         get: function () {
-            return brushToString(this.i.ia);
+            return brushToString(this.i.ir);
         },
         set: function (v) {
-            this.i.ia = stringToBrush(v);
-            this._a("valueTextColor", brushToString(this.i.ia));
+            this.i.ir = stringToBrush(v);
+            this._a("valueTextColor", brushToString(this.i.ir));
         },
         enumerable: false,
         configurable: true
@@ -697,16 +700,16 @@ var IgcDataLegendComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or Sets the style to use for the units text.
         */
         get: function () {
-            if (this.i.bt == null) {
+            if (this.i.bw == null) {
                 return null;
             }
-            return this.i.bt.fontString;
+            return this.i.bw.fontString;
         },
         set: function (v) {
             var fi = new FontInfo();
             fi.fontString = v;
-            this.i.bt = fi;
-            this._a("valueTextStyle", this.i.bt != null ? this.i.bt.fontString : "");
+            this.i.bw = fi;
+            this._a("valueTextStyle", this.i.bw != null ? this.i.bw.fontString : "");
         },
         enumerable: false,
         configurable: true
@@ -716,10 +719,10 @@ var IgcDataLegendComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the format string for header text displayed in the data legend.
         */
         get: function () {
-            return this.i.dd;
+            return this.i.dk;
         },
         set: function (v) {
-            this.i.dd = v;
+            this.i.dk = v;
         },
         enumerable: false,
         configurable: true
@@ -747,10 +750,10 @@ var IgcDataLegendComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * This property is ignored when setting HeaderFormatSpecifiers or HeaderFormatString properties
         */
         get: function () {
-            return this.i.c9;
+            return this.i.dg;
         },
         set: function (v) {
-            this.i.c9 = v;
+            this.i.dg = v;
         },
         enumerable: false,
         configurable: true
@@ -790,10 +793,10 @@ var IgcDataLegendComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the HeaderText for the data legend.
         */
         get: function () {
-            return this.i.di;
+            return this.i.dq;
         },
         set: function (v) {
-            this.i.di = v;
+            this.i.dq = v;
         },
         enumerable: false,
         configurable: true
@@ -803,141 +806,141 @@ var IgcDataLegendComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the header text color.
         */
         get: function () {
-            return brushToString(this.i.h1);
+            return brushToString(this.i.ih);
         },
         set: function (v) {
-            this.i.h1 = stringToBrush(v);
-            this._a("headerTextColor", brushToString(this.i.h1));
+            this.i.ih = stringToBrush(v);
+            this._a("headerTextColor", brushToString(this.i.ih));
         },
         enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcDataLegendComponent.prototype, "headerTextMarginBottom", {
         get: function () {
-            return this.i.ik ? this.i.ik.bottom : NaN;
+            return this.i.i2 ? this.i.i2.bottom : NaN;
         },
         set: function (v) {
             this.ensureHeaderTextMargin();
-            this.i.ik.bottom = +v;
-            this._a("headerTextMarginBottom", this.i.ik.bottom);
-            this.i.ik = this.i.ik;
+            this.i.i2.bottom = +v;
+            this._a("headerTextMarginBottom", this.i.i2.bottom);
+            this.i.i2 = this.i.i2;
         },
         enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcDataLegendComponent.prototype, "headerTextMarginLeft", {
         get: function () {
-            return this.i.ik ? this.i.ik.left : NaN;
+            return this.i.i2 ? this.i.i2.left : NaN;
         },
         set: function (v) {
             this.ensureHeaderTextMargin();
-            this.i.ik.left = +v;
-            this._a("headerTextMarginLeft", this.i.ik.left);
-            this.i.ik = this.i.ik;
+            this.i.i2.left = +v;
+            this._a("headerTextMarginLeft", this.i.i2.left);
+            this.i.i2 = this.i.i2;
         },
         enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcDataLegendComponent.prototype, "headerTextMarginRight", {
         get: function () {
-            return this.i.ik ? this.i.ik.right : NaN;
+            return this.i.i2 ? this.i.i2.right : NaN;
         },
         set: function (v) {
             this.ensureHeaderTextMargin();
-            this.i.ik.right = +v;
-            this._a("headerTextMarginRight", this.i.ik.right);
-            this.i.ik = this.i.ik;
+            this.i.i2.right = +v;
+            this._a("headerTextMarginRight", this.i.i2.right);
+            this.i.i2 = this.i.i2;
         },
         enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcDataLegendComponent.prototype, "headerTextMarginTop", {
         get: function () {
-            return this.i.ik ? this.i.ik.top : NaN;
+            return this.i.i2 ? this.i.i2.top : NaN;
         },
         set: function (v) {
             this.ensureHeaderTextMargin();
-            this.i.ik.top = +v;
-            this._a("headerTextMarginTop", this.i.ik.top);
-            this.i.ik = this.i.ik;
+            this.i.i2.top = +v;
+            this._a("headerTextMarginTop", this.i.i2.top);
+            this.i.i2 = this.i.i2;
         },
         enumerable: false,
         configurable: true
     });
     IgcDataLegendComponent.prototype.ensureHeaderTextMargin = function () {
-        if (this.i.ik) {
+        if (this.i.i2) {
             return;
         }
-        this.i.ik = new Thickness(2);
+        this.i.i2 = new Thickness(2);
     };
     Object.defineProperty(IgcDataLegendComponent.prototype, "headerRowMarginBottom", {
         get: function () {
-            return this.i.ij ? this.i.ij.bottom : NaN;
+            return this.i.i1 ? this.i.i1.bottom : NaN;
         },
         set: function (v) {
             this.ensureHeaderRowMargin();
-            this.i.ij.bottom = +v;
-            this._a("headerRowMarginBottom", this.i.ij.bottom);
-            this.i.ij = this.i.ij;
+            this.i.i1.bottom = +v;
+            this._a("headerRowMarginBottom", this.i.i1.bottom);
+            this.i.i1 = this.i.i1;
         },
         enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcDataLegendComponent.prototype, "headerRowMarginLeft", {
         get: function () {
-            return this.i.ij ? this.i.ij.left : NaN;
+            return this.i.i1 ? this.i.i1.left : NaN;
         },
         set: function (v) {
             this.ensureHeaderRowMargin();
-            this.i.ij.left = +v;
-            this._a("headerRowMarginLeft", this.i.ij.left);
-            this.i.ij = this.i.ij;
+            this.i.i1.left = +v;
+            this._a("headerRowMarginLeft", this.i.i1.left);
+            this.i.i1 = this.i.i1;
         },
         enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcDataLegendComponent.prototype, "headerRowMarginRight", {
         get: function () {
-            return this.i.ij ? this.i.ij.right : NaN;
+            return this.i.i1 ? this.i.i1.right : NaN;
         },
         set: function (v) {
             this.ensureHeaderRowMargin();
-            this.i.ij.right = +v;
-            this._a("headerRowMarginRight", this.i.ij.right);
-            this.i.ij = this.i.ij;
+            this.i.i1.right = +v;
+            this._a("headerRowMarginRight", this.i.i1.right);
+            this.i.i1 = this.i.i1;
         },
         enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcDataLegendComponent.prototype, "headerRowMarginTop", {
         get: function () {
-            return this.i.ij ? this.i.ij.top : NaN;
+            return this.i.i1 ? this.i.i1.top : NaN;
         },
         set: function (v) {
             this.ensureHeaderRowMargin();
-            this.i.ij.top = +v;
-            this._a("headerRowMarginTop", this.i.ij.top);
-            this.i.ij = this.i.ij;
+            this.i.i1.top = +v;
+            this._a("headerRowMarginTop", this.i.i1.top);
+            this.i.i1 = this.i.i1;
         },
         enumerable: false,
         configurable: true
     });
     IgcDataLegendComponent.prototype.ensureHeaderRowMargin = function () {
-        if (this.i.ij) {
+        if (this.i.i1) {
             return;
         }
-        this.i.ij = new Thickness(2);
+        this.i.i1 = new Thickness(2);
     };
     Object.defineProperty(IgcDataLegendComponent.prototype, "headerRowVisible", {
         /**
          * Gets or sets whether to show Header row.
         */
         get: function () {
-            return this.i.b0;
+            return this.i.b4;
         },
         set: function (v) {
-            this.i.b0 = ensureBool(v);
-            this._a("headerRowVisible", this.i.b0);
+            this.i.b4 = ensureBool(v);
+            this._a("headerRowVisible", this.i.b4);
         },
         enumerable: false,
         configurable: true
@@ -947,16 +950,179 @@ var IgcDataLegendComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or Sets the style to use for the header text.
         */
         get: function () {
-            if (this.i.bl == null) {
+            if (this.i.bo == null) {
                 return null;
             }
-            return this.i.bl.fontString;
+            return this.i.bo.fontString;
         },
         set: function (v) {
             var fi = new FontInfo();
             fi.fontString = v;
-            this.i.bl = fi;
-            this._a("headerTextStyle", this.i.bl != null ? this.i.bl.fontString : "");
+            this.i.bo = fi;
+            this._a("headerTextStyle", this.i.bo != null ? this.i.bo.fontString : "");
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(IgcDataLegendComponent.prototype, "groupRowVisible", {
+        /**
+         * Gets or sets whether to show Header row.
+        */
+        get: function () {
+            return this.i.b2;
+        },
+        set: function (v) {
+            this.i.b2 = ensureBool(v);
+            this._a("groupRowVisible", this.i.b2);
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(IgcDataLegendComponent.prototype, "groupTextColor", {
+        /**
+         * Gets or sets the Group text color.
+        */
+        get: function () {
+            return brushToString(this.i.ig);
+        },
+        set: function (v) {
+            this.i.ig = stringToBrush(v);
+            this._a("groupTextColor", brushToString(this.i.ig));
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(IgcDataLegendComponent.prototype, "groupTextMarginBottom", {
+        get: function () {
+            return this.i.i0 ? this.i.i0.bottom : NaN;
+        },
+        set: function (v) {
+            this.ensureGroupTextMargin();
+            this.i.i0.bottom = +v;
+            this._a("groupTextMarginBottom", this.i.i0.bottom);
+            this.i.i0 = this.i.i0;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(IgcDataLegendComponent.prototype, "groupTextMarginLeft", {
+        get: function () {
+            return this.i.i0 ? this.i.i0.left : NaN;
+        },
+        set: function (v) {
+            this.ensureGroupTextMargin();
+            this.i.i0.left = +v;
+            this._a("groupTextMarginLeft", this.i.i0.left);
+            this.i.i0 = this.i.i0;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(IgcDataLegendComponent.prototype, "groupTextMarginRight", {
+        get: function () {
+            return this.i.i0 ? this.i.i0.right : NaN;
+        },
+        set: function (v) {
+            this.ensureGroupTextMargin();
+            this.i.i0.right = +v;
+            this._a("groupTextMarginRight", this.i.i0.right);
+            this.i.i0 = this.i.i0;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(IgcDataLegendComponent.prototype, "groupTextMarginTop", {
+        get: function () {
+            return this.i.i0 ? this.i.i0.top : NaN;
+        },
+        set: function (v) {
+            this.ensureGroupTextMargin();
+            this.i.i0.top = +v;
+            this._a("groupTextMarginTop", this.i.i0.top);
+            this.i.i0 = this.i.i0;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    IgcDataLegendComponent.prototype.ensureGroupTextMargin = function () {
+        if (this.i.i0) {
+            return;
+        }
+        this.i.i0 = new Thickness(2);
+    };
+    Object.defineProperty(IgcDataLegendComponent.prototype, "groupRowMarginBottom", {
+        get: function () {
+            return this.i.iz ? this.i.iz.bottom : NaN;
+        },
+        set: function (v) {
+            this.ensureGroupRowMargin();
+            this.i.iz.bottom = +v;
+            this._a("groupRowMarginBottom", this.i.iz.bottom);
+            this.i.iz = this.i.iz;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(IgcDataLegendComponent.prototype, "groupRowMarginLeft", {
+        get: function () {
+            return this.i.iz ? this.i.iz.left : NaN;
+        },
+        set: function (v) {
+            this.ensureGroupRowMargin();
+            this.i.iz.left = +v;
+            this._a("groupRowMarginLeft", this.i.iz.left);
+            this.i.iz = this.i.iz;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(IgcDataLegendComponent.prototype, "groupRowMarginRight", {
+        get: function () {
+            return this.i.iz ? this.i.iz.right : NaN;
+        },
+        set: function (v) {
+            this.ensureGroupRowMargin();
+            this.i.iz.right = +v;
+            this._a("groupRowMarginRight", this.i.iz.right);
+            this.i.iz = this.i.iz;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(IgcDataLegendComponent.prototype, "groupRowMarginTop", {
+        get: function () {
+            return this.i.iz ? this.i.iz.top : NaN;
+        },
+        set: function (v) {
+            this.ensureGroupRowMargin();
+            this.i.iz.top = +v;
+            this._a("groupRowMarginTop", this.i.iz.top);
+            this.i.iz = this.i.iz;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    IgcDataLegendComponent.prototype.ensureGroupRowMargin = function () {
+        if (this.i.iz) {
+            return;
+        }
+        this.i.iz = new Thickness(2);
+    };
+    Object.defineProperty(IgcDataLegendComponent.prototype, "groupTextStyle", {
+        /**
+         * Gets or Sets the style to use for the Group text.
+        */
+        get: function () {
+            if (this.i.bn == null) {
+                return null;
+            }
+            return this.i.bn.fontString;
+        },
+        set: function (v) {
+            var fi = new FontInfo();
+            fi.fontString = v;
+            this.i.bn = fi;
+            this._a("groupTextStyle", this.i.bn != null ? this.i.bn.fontString : "");
         },
         enumerable: false,
         configurable: true
@@ -966,11 +1132,11 @@ var IgcDataLegendComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the summary text color.
         */
         get: function () {
-            return brushToString(this.i.h5);
+            return brushToString(this.i.il);
         },
         set: function (v) {
-            this.i.h5 = stringToBrush(v);
-            this._a("summaryTitleTextColor", brushToString(this.i.h5));
+            this.i.il = stringToBrush(v);
+            this._a("summaryTitleTextColor", brushToString(this.i.il));
         },
         enumerable: false,
         configurable: true
@@ -980,16 +1146,16 @@ var IgcDataLegendComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or Sets the style to use for the summary text.
         */
         get: function () {
-            if (this.i.bo == null) {
+            if (this.i.br == null) {
                 return null;
             }
-            return this.i.bo.fontString;
+            return this.i.br.fontString;
         },
         set: function (v) {
             var fi = new FontInfo();
             fi.fontString = v;
-            this.i.bo = fi;
-            this._a("summaryTitleTextStyle", this.i.bo != null ? this.i.bo.fontString : "");
+            this.i.br = fi;
+            this._a("summaryTitleTextStyle", this.i.br != null ? this.i.br.fontString : "");
         },
         enumerable: false,
         configurable: true
@@ -999,11 +1165,11 @@ var IgcDataLegendComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the SummaryType for the data legend.
         */
         get: function () {
-            return this.i.a1;
+            return this.i.a2;
         },
         set: function (v) {
-            this.i.a1 = ensureEnum(DataLegendSummaryType_$type, v);
-            this._a("summaryType", enumToString(DataLegendSummaryType_$type, this.i.a1));
+            this.i.a2 = ensureEnum(DataLegendSummaryType_$type, v);
+            this._a("summaryType", enumToString(DataLegendSummaryType_$type, this.i.a2));
         },
         enumerable: false,
         configurable: true
@@ -1013,140 +1179,140 @@ var IgcDataLegendComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the SummaryTitleText for the data legend.
         */
         get: function () {
-            return this.i.d9;
+            return this.i.ef;
         },
         set: function (v) {
-            this.i.d9 = v;
+            this.i.ef = v;
         },
         enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcDataLegendComponent.prototype, "summaryTitleTextMarginBottom", {
         get: function () {
-            return this.i.io ? this.i.io.bottom : NaN;
+            return this.i.i5 ? this.i.i5.bottom : NaN;
         },
         set: function (v) {
             this.ensureSummaryTitleTextMargin();
-            this.i.io.bottom = +v;
-            this._a("summaryTitleTextMarginBottom", this.i.io.bottom);
-            this.i.io = this.i.io;
+            this.i.i5.bottom = +v;
+            this._a("summaryTitleTextMarginBottom", this.i.i5.bottom);
+            this.i.i5 = this.i.i5;
         },
         enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcDataLegendComponent.prototype, "summaryTitleTextMarginLeft", {
         get: function () {
-            return this.i.io ? this.i.io.left : NaN;
+            return this.i.i5 ? this.i.i5.left : NaN;
         },
         set: function (v) {
             this.ensureSummaryTitleTextMargin();
-            this.i.io.left = +v;
-            this._a("summaryTitleTextMarginLeft", this.i.io.left);
-            this.i.io = this.i.io;
+            this.i.i5.left = +v;
+            this._a("summaryTitleTextMarginLeft", this.i.i5.left);
+            this.i.i5 = this.i.i5;
         },
         enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcDataLegendComponent.prototype, "summaryTitleTextMarginRight", {
         get: function () {
-            return this.i.io ? this.i.io.right : NaN;
+            return this.i.i5 ? this.i.i5.right : NaN;
         },
         set: function (v) {
             this.ensureSummaryTitleTextMargin();
-            this.i.io.right = +v;
-            this._a("summaryTitleTextMarginRight", this.i.io.right);
-            this.i.io = this.i.io;
+            this.i.i5.right = +v;
+            this._a("summaryTitleTextMarginRight", this.i.i5.right);
+            this.i.i5 = this.i.i5;
         },
         enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcDataLegendComponent.prototype, "summaryTitleTextMarginTop", {
         get: function () {
-            return this.i.io ? this.i.io.top : NaN;
+            return this.i.i5 ? this.i.i5.top : NaN;
         },
         set: function (v) {
             this.ensureSummaryTitleTextMargin();
-            this.i.io.top = +v;
-            this._a("summaryTitleTextMarginTop", this.i.io.top);
-            this.i.io = this.i.io;
+            this.i.i5.top = +v;
+            this._a("summaryTitleTextMarginTop", this.i.i5.top);
+            this.i.i5 = this.i.i5;
         },
         enumerable: false,
         configurable: true
     });
     IgcDataLegendComponent.prototype.ensureSummaryTitleTextMargin = function () {
-        if (this.i.io) {
+        if (this.i.i5) {
             return;
         }
-        this.i.io = new Thickness(2);
+        this.i.i5 = new Thickness(2);
     };
     Object.defineProperty(IgcDataLegendComponent.prototype, "summaryRowMarginBottom", {
         get: function () {
-            return this.i.im ? this.i.im.bottom : NaN;
+            return this.i.i4 ? this.i.i4.bottom : NaN;
         },
         set: function (v) {
             this.ensureSummaryRowMargin();
-            this.i.im.bottom = +v;
-            this._a("summaryRowMarginBottom", this.i.im.bottom);
-            this.i.im = this.i.im;
+            this.i.i4.bottom = +v;
+            this._a("summaryRowMarginBottom", this.i.i4.bottom);
+            this.i.i4 = this.i.i4;
         },
         enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcDataLegendComponent.prototype, "summaryRowMarginLeft", {
         get: function () {
-            return this.i.im ? this.i.im.left : NaN;
+            return this.i.i4 ? this.i.i4.left : NaN;
         },
         set: function (v) {
             this.ensureSummaryRowMargin();
-            this.i.im.left = +v;
-            this._a("summaryRowMarginLeft", this.i.im.left);
-            this.i.im = this.i.im;
+            this.i.i4.left = +v;
+            this._a("summaryRowMarginLeft", this.i.i4.left);
+            this.i.i4 = this.i.i4;
         },
         enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcDataLegendComponent.prototype, "summaryRowMarginRight", {
         get: function () {
-            return this.i.im ? this.i.im.right : NaN;
+            return this.i.i4 ? this.i.i4.right : NaN;
         },
         set: function (v) {
             this.ensureSummaryRowMargin();
-            this.i.im.right = +v;
-            this._a("summaryRowMarginRight", this.i.im.right);
-            this.i.im = this.i.im;
+            this.i.i4.right = +v;
+            this._a("summaryRowMarginRight", this.i.i4.right);
+            this.i.i4 = this.i.i4;
         },
         enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcDataLegendComponent.prototype, "summaryRowMarginTop", {
         get: function () {
-            return this.i.im ? this.i.im.top : NaN;
+            return this.i.i4 ? this.i.i4.top : NaN;
         },
         set: function (v) {
             this.ensureSummaryRowMargin();
-            this.i.im.top = +v;
-            this._a("summaryRowMarginTop", this.i.im.top);
-            this.i.im = this.i.im;
+            this.i.i4.top = +v;
+            this._a("summaryRowMarginTop", this.i.i4.top);
+            this.i.i4 = this.i.i4;
         },
         enumerable: false,
         configurable: true
     });
     IgcDataLegendComponent.prototype.ensureSummaryRowMargin = function () {
-        if (this.i.im) {
+        if (this.i.i4) {
             return;
         }
-        this.i.im = new Thickness(2);
+        this.i.i4 = new Thickness(2);
     };
     Object.defineProperty(IgcDataLegendComponent.prototype, "summaryValueTextColor", {
         /**
          * Gets or sets the units text color.
         */
         get: function () {
-            return brushToString(this.i.h7);
+            return brushToString(this.i.io);
         },
         set: function (v) {
-            this.i.h7 = stringToBrush(v);
-            this._a("summaryValueTextColor", brushToString(this.i.h7));
+            this.i.io = stringToBrush(v);
+            this._a("summaryValueTextColor", brushToString(this.i.io));
         },
         enumerable: false,
         configurable: true
@@ -1156,16 +1322,16 @@ var IgcDataLegendComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or Sets the style to use for the units text.
         */
         get: function () {
-            if (this.i.bq == null) {
+            if (this.i.bt == null) {
                 return null;
             }
-            return this.i.bq.fontString;
+            return this.i.bt.fontString;
         },
         set: function (v) {
             var fi = new FontInfo();
             fi.fontString = v;
-            this.i.bq = fi;
-            this._a("summaryValueTextStyle", this.i.bq != null ? this.i.bq.fontString : "");
+            this.i.bt = fi;
+            this._a("summaryValueTextStyle", this.i.bt != null ? this.i.bt.fontString : "");
         },
         enumerable: false,
         configurable: true
@@ -1175,10 +1341,10 @@ var IgcDataLegendComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the units text for the data legend.
         */
         get: function () {
-            return this.i.d4;
+            return this.i.ea;
         },
         set: function (v) {
-            this.i.d4 = v;
+            this.i.ea = v;
         },
         enumerable: false,
         configurable: true
@@ -1188,11 +1354,11 @@ var IgcDataLegendComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the units text color.
         */
         get: function () {
-            return brushToString(this.i.h4);
+            return brushToString(this.i.ik);
         },
         set: function (v) {
-            this.i.h4 = stringToBrush(v);
-            this._a("summaryLabelTextColor", brushToString(this.i.h4));
+            this.i.ik = stringToBrush(v);
+            this._a("summaryLabelTextColor", brushToString(this.i.ik));
         },
         enumerable: false,
         configurable: true
@@ -1202,16 +1368,16 @@ var IgcDataLegendComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or Sets the style to use for the units text.
         */
         get: function () {
-            if (this.i.bn == null) {
+            if (this.i.bq == null) {
                 return null;
             }
-            return this.i.bn.fontString;
+            return this.i.bq.fontString;
         },
         set: function (v) {
             var fi = new FontInfo();
             fi.fontString = v;
-            this.i.bn = fi;
-            this._a("summaryLabelTextStyle", this.i.bn != null ? this.i.bn.fontString : "");
+            this.i.bq = fi;
+            this._a("summaryLabelTextStyle", this.i.bq != null ? this.i.bq.fontString : "");
         },
         enumerable: false,
         configurable: true
@@ -1221,10 +1387,10 @@ var IgcDataLegendComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the units text for the data legend.
         */
         get: function () {
-            return this.i.ef;
+            return this.i.el;
         },
         set: function (v) {
-            this.i.ef = v;
+            this.i.el = v;
         },
         enumerable: false,
         configurable: true
@@ -1234,11 +1400,11 @@ var IgcDataLegendComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the units text color.
         */
         get: function () {
-            return brushToString(this.i.h6);
+            return brushToString(this.i.im);
         },
         set: function (v) {
-            this.i.h6 = stringToBrush(v);
-            this._a("summaryUnitsTextColor", brushToString(this.i.h6));
+            this.i.im = stringToBrush(v);
+            this._a("summaryUnitsTextColor", brushToString(this.i.im));
         },
         enumerable: false,
         configurable: true
@@ -1248,88 +1414,88 @@ var IgcDataLegendComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or Sets the style to use for the units text.
         */
         get: function () {
-            if (this.i.bp == null) {
+            if (this.i.bs == null) {
                 return null;
             }
-            return this.i.bp.fontString;
+            return this.i.bs.fontString;
         },
         set: function (v) {
             var fi = new FontInfo();
             fi.fontString = v;
-            this.i.bp = fi;
-            this._a("summaryUnitsTextStyle", this.i.bp != null ? this.i.bp.fontString : "");
+            this.i.bs = fi;
+            this._a("summaryUnitsTextStyle", this.i.bs != null ? this.i.bs.fontString : "");
         },
         enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcDataLegendComponent.prototype, "badgeMarginBottom", {
         get: function () {
-            return this.i.ii ? this.i.ii.bottom : NaN;
+            return this.i.iy ? this.i.iy.bottom : NaN;
         },
         set: function (v) {
             this.ensureBadgeMargin();
-            this.i.ii.bottom = +v;
-            this._a("badgeMarginBottom", this.i.ii.bottom);
-            this.i.ii = this.i.ii;
+            this.i.iy.bottom = +v;
+            this._a("badgeMarginBottom", this.i.iy.bottom);
+            this.i.iy = this.i.iy;
         },
         enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcDataLegendComponent.prototype, "badgeMarginLeft", {
         get: function () {
-            return this.i.ii ? this.i.ii.left : NaN;
+            return this.i.iy ? this.i.iy.left : NaN;
         },
         set: function (v) {
             this.ensureBadgeMargin();
-            this.i.ii.left = +v;
-            this._a("badgeMarginLeft", this.i.ii.left);
-            this.i.ii = this.i.ii;
+            this.i.iy.left = +v;
+            this._a("badgeMarginLeft", this.i.iy.left);
+            this.i.iy = this.i.iy;
         },
         enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcDataLegendComponent.prototype, "badgeMarginRight", {
         get: function () {
-            return this.i.ii ? this.i.ii.right : NaN;
+            return this.i.iy ? this.i.iy.right : NaN;
         },
         set: function (v) {
             this.ensureBadgeMargin();
-            this.i.ii.right = +v;
-            this._a("badgeMarginRight", this.i.ii.right);
-            this.i.ii = this.i.ii;
+            this.i.iy.right = +v;
+            this._a("badgeMarginRight", this.i.iy.right);
+            this.i.iy = this.i.iy;
         },
         enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcDataLegendComponent.prototype, "badgeMarginTop", {
         get: function () {
-            return this.i.ii ? this.i.ii.top : NaN;
+            return this.i.iy ? this.i.iy.top : NaN;
         },
         set: function (v) {
             this.ensureBadgeMargin();
-            this.i.ii.top = +v;
-            this._a("badgeMarginTop", this.i.ii.top);
-            this.i.ii = this.i.ii;
+            this.i.iy.top = +v;
+            this._a("badgeMarginTop", this.i.iy.top);
+            this.i.iy = this.i.iy;
         },
         enumerable: false,
         configurable: true
     });
     IgcDataLegendComponent.prototype.ensureBadgeMargin = function () {
-        if (this.i.ii) {
+        if (this.i.iy) {
             return;
         }
-        this.i.ii = new Thickness(2);
+        this.i.iy = new Thickness(2);
     };
     Object.defineProperty(IgcDataLegendComponent.prototype, "badgeShape", {
         /**
          * Gets or sets the BadgeShape for the data legend.
         */
         get: function () {
-            return this.i.a8;
+            return this.i.a9;
         },
         set: function (v) {
-            this.i.a8 = ensureEnum(LegendItemBadgeShape_$type, v);
-            this._a("badgeShape", enumToString(LegendItemBadgeShape_$type, this.i.a8));
+            this.i.a9 = ensureEnum(LegendItemBadgeShape_$type, v);
+            this._a("badgeShape", enumToString(LegendItemBadgeShape_$type, this.i.a9));
         },
         enumerable: false,
         configurable: true
@@ -1367,11 +1533,11 @@ var IgcDataLegendComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the UnitsMode for the data legend.
         */
         get: function () {
-            return this.i.a2;
+            return this.i.a3;
         },
         set: function (v) {
-            this.i.a2 = ensureEnum(DataLegendUnitsMode_$type, v);
-            this._a("unitsDisplayMode", enumToString(DataLegendUnitsMode_$type, this.i.a2));
+            this.i.a3 = ensureEnum(DataLegendUnitsMode_$type, v);
+            this._a("unitsDisplayMode", enumToString(DataLegendUnitsMode_$type, this.i.a3));
         },
         enumerable: false,
         configurable: true
@@ -1381,10 +1547,10 @@ var IgcDataLegendComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the units text for the data legend.
         */
         get: function () {
-            return this.i.es;
+            return this.i.ey;
         },
         set: function (v) {
-            this.i.es = v;
+            this.i.ey = v;
         },
         enumerable: false,
         configurable: true
@@ -1394,160 +1560,160 @@ var IgcDataLegendComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the units text color.
         */
         get: function () {
-            return brushToString(this.i.h9);
+            return brushToString(this.i.iq);
         },
         set: function (v) {
-            this.i.h9 = stringToBrush(v);
-            this._a("unitsTextColor", brushToString(this.i.h9));
+            this.i.iq = stringToBrush(v);
+            this._a("unitsTextColor", brushToString(this.i.iq));
         },
         enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcDataLegendComponent.prototype, "unitsTextMarginBottom", {
         get: function () {
-            return this.i.iq ? this.i.iq.bottom : NaN;
+            return this.i.i7 ? this.i.i7.bottom : NaN;
         },
         set: function (v) {
             this.ensureUnitsTextMargin();
-            this.i.iq.bottom = +v;
-            this._a("unitsTextMarginBottom", this.i.iq.bottom);
-            this.i.iq = this.i.iq;
+            this.i.i7.bottom = +v;
+            this._a("unitsTextMarginBottom", this.i.i7.bottom);
+            this.i.i7 = this.i.i7;
         },
         enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcDataLegendComponent.prototype, "unitsTextMarginLeft", {
         get: function () {
-            return this.i.iq ? this.i.iq.left : NaN;
+            return this.i.i7 ? this.i.i7.left : NaN;
         },
         set: function (v) {
             this.ensureUnitsTextMargin();
-            this.i.iq.left = +v;
-            this._a("unitsTextMarginLeft", this.i.iq.left);
-            this.i.iq = this.i.iq;
+            this.i.i7.left = +v;
+            this._a("unitsTextMarginLeft", this.i.i7.left);
+            this.i.i7 = this.i.i7;
         },
         enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcDataLegendComponent.prototype, "unitsTextMarginRight", {
         get: function () {
-            return this.i.iq ? this.i.iq.right : NaN;
+            return this.i.i7 ? this.i.i7.right : NaN;
         },
         set: function (v) {
             this.ensureUnitsTextMargin();
-            this.i.iq.right = +v;
-            this._a("unitsTextMarginRight", this.i.iq.right);
-            this.i.iq = this.i.iq;
+            this.i.i7.right = +v;
+            this._a("unitsTextMarginRight", this.i.i7.right);
+            this.i.i7 = this.i.i7;
         },
         enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcDataLegendComponent.prototype, "unitsTextMarginTop", {
         get: function () {
-            return this.i.iq ? this.i.iq.top : NaN;
+            return this.i.i7 ? this.i.i7.top : NaN;
         },
         set: function (v) {
             this.ensureUnitsTextMargin();
-            this.i.iq.top = +v;
-            this._a("unitsTextMarginTop", this.i.iq.top);
-            this.i.iq = this.i.iq;
+            this.i.i7.top = +v;
+            this._a("unitsTextMarginTop", this.i.i7.top);
+            this.i.i7 = this.i.i7;
         },
         enumerable: false,
         configurable: true
     });
     IgcDataLegendComponent.prototype.ensureUnitsTextMargin = function () {
-        if (this.i.iq) {
+        if (this.i.i7) {
             return;
         }
-        this.i.iq = new Thickness(2);
+        this.i.i7 = new Thickness(2);
     };
     Object.defineProperty(IgcDataLegendComponent.prototype, "unitsTextStyle", {
         /**
          * Gets or Sets the style to use for the units text.
         */
         get: function () {
-            if (this.i.bs == null) {
+            if (this.i.bv == null) {
                 return null;
             }
-            return this.i.bs.fontString;
+            return this.i.bv.fontString;
         },
         set: function (v) {
             var fi = new FontInfo();
             fi.fontString = v;
-            this.i.bs = fi;
-            this._a("unitsTextStyle", this.i.bs != null ? this.i.bs.fontString : "");
+            this.i.bv = fi;
+            this._a("unitsTextStyle", this.i.bv != null ? this.i.bv.fontString : "");
         },
         enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcDataLegendComponent.prototype, "titleTextMarginBottom", {
         get: function () {
-            return this.i.ip ? this.i.ip.bottom : NaN;
+            return this.i.i6 ? this.i.i6.bottom : NaN;
         },
         set: function (v) {
             this.ensureTitleTextMargin();
-            this.i.ip.bottom = +v;
-            this._a("titleTextMarginBottom", this.i.ip.bottom);
-            this.i.ip = this.i.ip;
+            this.i.i6.bottom = +v;
+            this._a("titleTextMarginBottom", this.i.i6.bottom);
+            this.i.i6 = this.i.i6;
         },
         enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcDataLegendComponent.prototype, "titleTextMarginLeft", {
         get: function () {
-            return this.i.ip ? this.i.ip.left : NaN;
+            return this.i.i6 ? this.i.i6.left : NaN;
         },
         set: function (v) {
             this.ensureTitleTextMargin();
-            this.i.ip.left = +v;
-            this._a("titleTextMarginLeft", this.i.ip.left);
-            this.i.ip = this.i.ip;
+            this.i.i6.left = +v;
+            this._a("titleTextMarginLeft", this.i.i6.left);
+            this.i.i6 = this.i.i6;
         },
         enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcDataLegendComponent.prototype, "titleTextMarginRight", {
         get: function () {
-            return this.i.ip ? this.i.ip.right : NaN;
+            return this.i.i6 ? this.i.i6.right : NaN;
         },
         set: function (v) {
             this.ensureTitleTextMargin();
-            this.i.ip.right = +v;
-            this._a("titleTextMarginRight", this.i.ip.right);
-            this.i.ip = this.i.ip;
+            this.i.i6.right = +v;
+            this._a("titleTextMarginRight", this.i.i6.right);
+            this.i.i6 = this.i.i6;
         },
         enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcDataLegendComponent.prototype, "titleTextMarginTop", {
         get: function () {
-            return this.i.ip ? this.i.ip.top : NaN;
+            return this.i.i6 ? this.i.i6.top : NaN;
         },
         set: function (v) {
             this.ensureTitleTextMargin();
-            this.i.ip.top = +v;
-            this._a("titleTextMarginTop", this.i.ip.top);
-            this.i.ip = this.i.ip;
+            this.i.i6.top = +v;
+            this._a("titleTextMarginTop", this.i.i6.top);
+            this.i.i6 = this.i.i6;
         },
         enumerable: false,
         configurable: true
     });
     IgcDataLegendComponent.prototype.ensureTitleTextMargin = function () {
-        if (this.i.ip) {
+        if (this.i.i6) {
             return;
         }
-        this.i.ip = new Thickness(2);
+        this.i.i6 = new Thickness(2);
     };
     Object.defineProperty(IgcDataLegendComponent.prototype, "titleTextColor", {
         /**
          * Gets or sets the display text color.
         */
         get: function () {
-            return brushToString(this.i.h8);
+            return brushToString(this.i.ip);
         },
         set: function (v) {
-            this.i.h8 = stringToBrush(v);
-            this._a("titleTextColor", brushToString(this.i.h8));
+            this.i.ip = stringToBrush(v);
+            this._a("titleTextColor", brushToString(this.i.ip));
         },
         enumerable: false,
         configurable: true
@@ -1557,16 +1723,16 @@ var IgcDataLegendComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or Sets the style to use for the display text.
         */
         get: function () {
-            if (this.i.br == null) {
+            if (this.i.bu == null) {
                 return null;
             }
-            return this.i.br.fontString;
+            return this.i.bu.fontString;
         },
         set: function (v) {
             var fi = new FontInfo();
             fi.fontString = v;
-            this.i.br = fi;
-            this._a("titleTextStyle", this.i.br != null ? this.i.br.fontString : "");
+            this.i.bu = fi;
+            this._a("titleTextStyle", this.i.bu != null ? this.i.bu.fontString : "");
         },
         enumerable: false,
         configurable: true
@@ -1590,88 +1756,88 @@ var IgcDataLegendComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the units text color.
         */
         get: function () {
-            return brushToString(this.i.h2);
+            return brushToString(this.i.ii);
         },
         set: function (v) {
-            this.i.h2 = stringToBrush(v);
-            this._a("labelTextColor", brushToString(this.i.h2));
+            this.i.ii = stringToBrush(v);
+            this._a("labelTextColor", brushToString(this.i.ii));
         },
         enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcDataLegendComponent.prototype, "labelTextMarginBottom", {
         get: function () {
-            return this.i.il ? this.i.il.bottom : NaN;
+            return this.i.i3 ? this.i.i3.bottom : NaN;
         },
         set: function (v) {
             this.ensureLabelTextMargin();
-            this.i.il.bottom = +v;
-            this._a("labelTextMarginBottom", this.i.il.bottom);
-            this.i.il = this.i.il;
+            this.i.i3.bottom = +v;
+            this._a("labelTextMarginBottom", this.i.i3.bottom);
+            this.i.i3 = this.i.i3;
         },
         enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcDataLegendComponent.prototype, "labelTextMarginLeft", {
         get: function () {
-            return this.i.il ? this.i.il.left : NaN;
+            return this.i.i3 ? this.i.i3.left : NaN;
         },
         set: function (v) {
             this.ensureLabelTextMargin();
-            this.i.il.left = +v;
-            this._a("labelTextMarginLeft", this.i.il.left);
-            this.i.il = this.i.il;
+            this.i.i3.left = +v;
+            this._a("labelTextMarginLeft", this.i.i3.left);
+            this.i.i3 = this.i.i3;
         },
         enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcDataLegendComponent.prototype, "labelTextMarginRight", {
         get: function () {
-            return this.i.il ? this.i.il.right : NaN;
+            return this.i.i3 ? this.i.i3.right : NaN;
         },
         set: function (v) {
             this.ensureLabelTextMargin();
-            this.i.il.right = +v;
-            this._a("labelTextMarginRight", this.i.il.right);
-            this.i.il = this.i.il;
+            this.i.i3.right = +v;
+            this._a("labelTextMarginRight", this.i.i3.right);
+            this.i.i3 = this.i.i3;
         },
         enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcDataLegendComponent.prototype, "labelTextMarginTop", {
         get: function () {
-            return this.i.il ? this.i.il.top : NaN;
+            return this.i.i3 ? this.i.i3.top : NaN;
         },
         set: function (v) {
             this.ensureLabelTextMargin();
-            this.i.il.top = +v;
-            this._a("labelTextMarginTop", this.i.il.top);
-            this.i.il = this.i.il;
+            this.i.i3.top = +v;
+            this._a("labelTextMarginTop", this.i.i3.top);
+            this.i.i3 = this.i.i3;
         },
         enumerable: false,
         configurable: true
     });
     IgcDataLegendComponent.prototype.ensureLabelTextMargin = function () {
-        if (this.i.il) {
+        if (this.i.i3) {
             return;
         }
-        this.i.il = new Thickness(2);
+        this.i.i3 = new Thickness(2);
     };
     Object.defineProperty(IgcDataLegendComponent.prototype, "labelTextStyle", {
         /**
          * Gets or Sets the style to use for the units text.
         */
         get: function () {
-            if (this.i.bm == null) {
+            if (this.i.bp == null) {
                 return null;
             }
-            return this.i.bm.fontString;
+            return this.i.bp.fontString;
         },
         set: function (v) {
             var fi = new FontInfo();
             fi.fontString = v;
-            this.i.bm = fi;
-            this._a("labelTextStyle", this.i.bm != null ? this.i.bm.fontString : "");
+            this.i.bp = fi;
+            this._a("labelTextStyle", this.i.bp != null ? this.i.bp.fontString : "");
         },
         enumerable: false,
         configurable: true
@@ -1785,15 +1951,15 @@ var IgcDataLegendComponent = /** @class */ /*@__PURE__*/ (function (_super) {
         this.i.flush();
     };
     IgcDataLegendComponent.prototype.getAbbreviatedNumber = function (number, mode, minDigits, maxDigits) {
-        var iv = this.i.cr(number, (mode == null ? null : mode), minDigits, maxDigits);
+        var iv = this.i.ct(number, (mode == null ? null : mode), minDigits, maxDigits);
         return (iv);
     };
     IgcDataLegendComponent.prototype.getAbbreviatedSymbol = function (number, mode, minDigits, maxDigits) {
-        var iv = this.i.c8(number, (mode == null ? null : mode), minDigits, maxDigits);
+        var iv = this.i.da(number, (mode == null ? null : mode), minDigits, maxDigits);
         return (iv);
     };
     IgcDataLegendComponent.prototype.getAbbreviatedString = function (number, mode, minDigits, maxDigits) {
-        var iv = this.i.c7(number, (mode == null ? null : mode), minDigits, maxDigits);
+        var iv = this.i.c9(number, (mode == null ? null : mode), minDigits, maxDigits);
         return (iv);
     };
     Object.defineProperty(IgcDataLegendComponent.prototype, "calculateColumnSummary", {
@@ -1858,6 +2024,37 @@ var IgcDataLegendComponent = /** @class */ /*@__PURE__*/ (function (_super) {
         enumerable: false,
         configurable: true
     });
+    Object.defineProperty(IgcDataLegendComponent.prototype, "styleGroupRow", {
+        /**
+         * Event raised when styling the group row
+        */
+        get: function () {
+            return this._styleGroupRow;
+        },
+        set: function (ev) {
+            var _this = this;
+            if (this._styleGroupRow_wrapped !== null) {
+                this.i.styleGroupRow = delegateRemove(this.i.styleGroupRow, this._styleGroupRow_wrapped);
+                this._styleGroupRow_wrapped = null;
+                this._styleGroupRow = null;
+            }
+            this._styleGroupRow = ev;
+            this._styleGroupRow_wrapped = function (o, e) {
+                var outerArgs = new IgcDataLegendStylingRowEventArgs();
+                outerArgs._provideImplementation(e);
+                if (_this.beforeStyleGroupRow) {
+                    _this.beforeStyleGroupRow(_this, outerArgs);
+                }
+                if (_this._styleGroupRow) {
+                    _this._styleGroupRow(_this, outerArgs);
+                }
+            };
+            this.i.styleGroupRow = delegateCombine(this.i.styleGroupRow, this._styleGroupRow_wrapped);
+            ;
+        },
+        enumerable: false,
+        configurable: true
+    });
     Object.defineProperty(IgcDataLegendComponent.prototype, "styleSeriesRow", {
         /**
          * Event raised when styling title and badge in series rows