igniteui-webcomponents-charts 4.0.3 → 4.2.2

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

@@ -21,7 +21,6 @@ import { LegendItemBadgeShape_$type } from "igniteui-webcomponents-core";
 var DataLegendStylingDefaults = {};
 /**
  * Represents data legend that displays information about each series including values and summaries.
- * THIS IS A COMMUNITY TECHNOLOGY PREVIEW, not for use in production.
 */
 var IgcDataLegendComponent = /** @class */ /*@__PURE__*/ (function (_super) {
     tslib_1.__extends(IgcDataLegendComponent, _super);
@@ -292,11 +291,11 @@ 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.cn;
+            return this.i.co;
         },
         set: function (v) {
-            this.i.cn = +v;
-            this._a("actualPixelScalingRatio", this.i.cn);
+            this.i.co = +v;
+            this._a("actualPixelScalingRatio", this.i.co);
         },
         enumerable: true,
         configurable: true
@@ -377,11 +376,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.b2;
+            return this.i.b3;
         },
         set: function (v) {
-            this.i.b2 = ensureBool(v);
-            this._a("shouldUpdateWhenSeriesDataChanges", this.i.b2);
+            this.i.b3 = ensureBool(v);
+            this._a("shouldUpdateWhenSeriesDataChanges", this.i.b3);
         },
         enumerable: true,
         configurable: true
@@ -407,11 +406,11 @@ var IgcDataLegendComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * This property is ignored when setting ValueFormatSpecifiers or ValueFormatString properties
         */
         get: function () {
-            return this.i.ct;
+            return this.i.cu;
         },
         set: function (v) {
-            this.i.ct = +v;
-            this._a("valueFormatMaxFractions", this.i.ct);
+            this.i.cu = +v;
+            this._a("valueFormatMaxFractions", this.i.cu);
         },
         enumerable: true,
         configurable: true
@@ -422,11 +421,11 @@ var IgcDataLegendComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * This property is ignored when setting ValueFormatSpecifiers or ValueFormatString properties
         */
         get: function () {
-            return this.i.cu;
+            return this.i.cv;
         },
         set: function (v) {
-            this.i.cu = +v;
-            this._a("valueFormatMinFractions", this.i.cu);
+            this.i.cv = +v;
+            this._a("valueFormatMinFractions", this.i.cv);
         },
         enumerable: true,
         configurable: true
@@ -451,10 +450,10 @@ var IgcDataLegendComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * This property is ignored when setting ValueFormatSpecifiers or ValueFormatString properties
         */
         get: function () {
-            return this.i.ex;
+            return this.i.ey;
         },
         set: function (v) {
-            this.i.ex = v;
+            this.i.ey = v;
         },
         enumerable: true,
         configurable: true
@@ -465,10 +464,10 @@ var IgcDataLegendComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * This property is ignored when setting ValueFormatSpecifiers or ValueFormatString properties
         */
         get: function () {
-            return this.i.ez;
+            return this.i.e0;
         },
         set: function (v) {
-            this.i.ez = v;
+            this.i.e0 = v;
         },
         enumerable: true,
         configurable: true
@@ -479,11 +478,11 @@ var IgcDataLegendComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * This property is ignored when setting ValueFormatSpecifiers or ValueFormatString properties
         */
         get: function () {
-            return this.i.b3;
+            return this.i.b4;
         },
         set: function (v) {
-            this.i.b3 = ensureBool(v);
-            this._a("valueFormatUseGrouping", this.i.b3);
+            this.i.b4 = ensureBool(v);
+            this._a("valueFormatUseGrouping", this.i.b4);
         },
         enumerable: true,
         configurable: true
@@ -493,10 +492,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.e5;
+            return this.i.e6;
         },
         set: function (v) {
-            this.i.e5 = v;
+            this.i.e6 = v;
         },
         enumerable: true,
         configurable: true
@@ -520,72 +519,72 @@ var IgcDataLegendComponent = /** @class */ /*@__PURE__*/ (function (_super) {
     });
     Object.defineProperty(IgcDataLegendComponent.prototype, "valueRowMarginBottom", {
         get: function () {
-            return this.i.ir ? this.i.ir.bottom : NaN;
+            return this.i.is ? this.i.is.bottom : NaN;
         },
         set: function (v) {
             this.ensureValueRowMargin();
-            this.i.ir.bottom = +v;
-            this._a("valueRowMarginBottom", this.i.ir.bottom);
-            this.i.ir = this.i.ir;
+            this.i.is.bottom = +v;
+            this._a("valueRowMarginBottom", this.i.is.bottom);
+            this.i.is = this.i.is;
         },
         enumerable: true,
         configurable: true
     });
     Object.defineProperty(IgcDataLegendComponent.prototype, "valueRowMarginLeft", {
         get: function () {
-            return this.i.ir ? this.i.ir.left : NaN;
+            return this.i.is ? this.i.is.left : NaN;
         },
         set: function (v) {
             this.ensureValueRowMargin();
-            this.i.ir.left = +v;
-            this._a("valueRowMarginLeft", this.i.ir.left);
-            this.i.ir = this.i.ir;
+            this.i.is.left = +v;
+            this._a("valueRowMarginLeft", this.i.is.left);
+            this.i.is = this.i.is;
         },
         enumerable: true,
         configurable: true
     });
     Object.defineProperty(IgcDataLegendComponent.prototype, "valueRowMarginRight", {
         get: function () {
-            return this.i.ir ? this.i.ir.right : NaN;
+            return this.i.is ? this.i.is.right : NaN;
         },
         set: function (v) {
             this.ensureValueRowMargin();
-            this.i.ir.right = +v;
-            this._a("valueRowMarginRight", this.i.ir.right);
-            this.i.ir = this.i.ir;
+            this.i.is.right = +v;
+            this._a("valueRowMarginRight", this.i.is.right);
+            this.i.is = this.i.is;
         },
         enumerable: true,
         configurable: true
     });
     Object.defineProperty(IgcDataLegendComponent.prototype, "valueRowMarginTop", {
         get: function () {
-            return this.i.ir ? this.i.ir.top : NaN;
+            return this.i.is ? this.i.is.top : NaN;
         },
         set: function (v) {
             this.ensureValueRowMargin();
-            this.i.ir.top = +v;
-            this._a("valueRowMarginTop", this.i.ir.top);
-            this.i.ir = this.i.ir;
+            this.i.is.top = +v;
+            this._a("valueRowMarginTop", this.i.is.top);
+            this.i.is = this.i.is;
         },
         enumerable: true,
         configurable: true
     });
     IgcDataLegendComponent.prototype.ensureValueRowMargin = function () {
-        if (this.i.ir) {
+        if (this.i.is) {
             return;
         }
-        this.i.ir = new Thickness(2);
+        this.i.is = new Thickness(2);
     };
     Object.defineProperty(IgcDataLegendComponent.prototype, "valueRowVisible", {
         /**
          * Gets or sets whether to show series rows.
         */
         get: function () {
-            return this.i.b4;
+            return this.i.b5;
         },
         set: function (v) {
-            this.i.b4 = ensureBool(v);
-            this._a("valueRowVisible", this.i.b4);
+            this.i.b5 = ensureBool(v);
+            this._a("valueRowVisible", this.i.b5);
         },
         enumerable: true,
         configurable: true
@@ -595,10 +594,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.fe;
+            return this.i.ff;
         },
         set: function (v) {
-            this.i.fe = v;
+            this.i.ff = v;
         },
         enumerable: true,
         configurable: true
@@ -608,83 +607,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.b5;
+            return this.i.b6;
         },
         set: function (v) {
-            this.i.b5 = ensureBool(v);
-            this._a("valueTextUseSeriesColors", this.i.b5);
+            this.i.b6 = ensureBool(v);
+            this._a("valueTextUseSeriesColors", this.i.b6);
         },
         enumerable: true,
         configurable: true
     });
     Object.defineProperty(IgcDataLegendComponent.prototype, "valueTextMarginBottom", {
         get: function () {
-            return this.i.is ? this.i.is.bottom : NaN;
+            return this.i.it ? this.i.it.bottom : NaN;
         },
         set: function (v) {
             this.ensureValueTextMargin();
-            this.i.is.bottom = +v;
-            this._a("valueTextMarginBottom", this.i.is.bottom);
-            this.i.is = this.i.is;
+            this.i.it.bottom = +v;
+            this._a("valueTextMarginBottom", this.i.it.bottom);
+            this.i.it = this.i.it;
         },
         enumerable: true,
         configurable: true
     });
     Object.defineProperty(IgcDataLegendComponent.prototype, "valueTextMarginLeft", {
         get: function () {
-            return this.i.is ? this.i.is.left : NaN;
+            return this.i.it ? this.i.it.left : NaN;
         },
         set: function (v) {
             this.ensureValueTextMargin();
-            this.i.is.left = +v;
-            this._a("valueTextMarginLeft", this.i.is.left);
-            this.i.is = this.i.is;
+            this.i.it.left = +v;
+            this._a("valueTextMarginLeft", this.i.it.left);
+            this.i.it = this.i.it;
         },
         enumerable: true,
         configurable: true
     });
     Object.defineProperty(IgcDataLegendComponent.prototype, "valueTextMarginRight", {
         get: function () {
-            return this.i.is ? this.i.is.right : NaN;
+            return this.i.it ? this.i.it.right : NaN;
         },
         set: function (v) {
             this.ensureValueTextMargin();
-            this.i.is.right = +v;
-            this._a("valueTextMarginRight", this.i.is.right);
-            this.i.is = this.i.is;
+            this.i.it.right = +v;
+            this._a("valueTextMarginRight", this.i.it.right);
+            this.i.it = this.i.it;
         },
         enumerable: true,
         configurable: true
     });
     Object.defineProperty(IgcDataLegendComponent.prototype, "valueTextMarginTop", {
         get: function () {
-            return this.i.is ? this.i.is.top : NaN;
+            return this.i.it ? this.i.it.top : NaN;
         },
         set: function (v) {
             this.ensureValueTextMargin();
-            this.i.is.top = +v;
-            this._a("valueTextMarginTop", this.i.is.top);
-            this.i.is = this.i.is;
+            this.i.it.top = +v;
+            this._a("valueTextMarginTop", this.i.it.top);
+            this.i.it = this.i.it;
         },
         enumerable: true,
         configurable: true
     });
     IgcDataLegendComponent.prototype.ensureValueTextMargin = function () {
-        if (this.i.is) {
+        if (this.i.it) {
             return;
         }
-        this.i.is = new Thickness(2);
+        this.i.it = new Thickness(2);
     };
     Object.defineProperty(IgcDataLegendComponent.prototype, "valueTextColor", {
         /**
          * Gets or sets the units text color.
         */
         get: function () {
-            return brushToString(this.i.h9);
+            return brushToString(this.i.ia);
         },
         set: function (v) {
-            this.i.h9 = stringToBrush(v);
-            this._a("valueTextColor", brushToString(this.i.h9));
+            this.i.ia = stringToBrush(v);
+            this._a("valueTextColor", brushToString(this.i.ia));
         },
         enumerable: true,
         configurable: true
@@ -713,10 +712,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.dc;
+            return this.i.dd;
         },
         set: function (v) {
-            this.i.dc = v;
+            this.i.dd = v;
         },
         enumerable: true,
         configurable: true
@@ -744,10 +743,10 @@ var IgcDataLegendComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * This property is ignored when setting HeaderFormatSpecifiers or HeaderFormatString properties
         */
         get: function () {
-            return this.i.c8;
+            return this.i.c9;
         },
         set: function (v) {
-            this.i.c8 = v;
+            this.i.c9 = v;
         },
         enumerable: true,
         configurable: true
@@ -787,10 +786,10 @@ var IgcDataLegendComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the HeaderText for the data legend.
         */
         get: function () {
-            return this.i.dh;
+            return this.i.di;
         },
         set: function (v) {
-            this.i.dh = v;
+            this.i.di = v;
         },
         enumerable: true,
         configurable: true
@@ -800,141 +799,141 @@ var IgcDataLegendComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the header text color.
         */
         get: function () {
-            return brushToString(this.i.h0);
+            return brushToString(this.i.h1);
         },
         set: function (v) {
-            this.i.h0 = stringToBrush(v);
-            this._a("headerTextColor", brushToString(this.i.h0));
+            this.i.h1 = stringToBrush(v);
+            this._a("headerTextColor", brushToString(this.i.h1));
         },
         enumerable: true,
         configurable: true
     });
     Object.defineProperty(IgcDataLegendComponent.prototype, "headerTextMarginBottom", {
         get: function () {
-            return this.i.ij ? this.i.ij.bottom : NaN;
+            return this.i.ik ? this.i.ik.bottom : NaN;
         },
         set: function (v) {
             this.ensureHeaderTextMargin();
-            this.i.ij.bottom = +v;
-            this._a("headerTextMarginBottom", this.i.ij.bottom);
-            this.i.ij = this.i.ij;
+            this.i.ik.bottom = +v;
+            this._a("headerTextMarginBottom", this.i.ik.bottom);
+            this.i.ik = this.i.ik;
         },
         enumerable: true,
         configurable: true
     });
     Object.defineProperty(IgcDataLegendComponent.prototype, "headerTextMarginLeft", {
         get: function () {
-            return this.i.ij ? this.i.ij.left : NaN;
+            return this.i.ik ? this.i.ik.left : NaN;
         },
         set: function (v) {
             this.ensureHeaderTextMargin();
-            this.i.ij.left = +v;
-            this._a("headerTextMarginLeft", this.i.ij.left);
-            this.i.ij = this.i.ij;
+            this.i.ik.left = +v;
+            this._a("headerTextMarginLeft", this.i.ik.left);
+            this.i.ik = this.i.ik;
         },
         enumerable: true,
         configurable: true
     });
     Object.defineProperty(IgcDataLegendComponent.prototype, "headerTextMarginRight", {
         get: function () {
-            return this.i.ij ? this.i.ij.right : NaN;
+            return this.i.ik ? this.i.ik.right : NaN;
         },
         set: function (v) {
             this.ensureHeaderTextMargin();
-            this.i.ij.right = +v;
-            this._a("headerTextMarginRight", this.i.ij.right);
-            this.i.ij = this.i.ij;
+            this.i.ik.right = +v;
+            this._a("headerTextMarginRight", this.i.ik.right);
+            this.i.ik = this.i.ik;
         },
         enumerable: true,
         configurable: true
     });
     Object.defineProperty(IgcDataLegendComponent.prototype, "headerTextMarginTop", {
         get: function () {
-            return this.i.ij ? this.i.ij.top : NaN;
+            return this.i.ik ? this.i.ik.top : NaN;
         },
         set: function (v) {
             this.ensureHeaderTextMargin();
-            this.i.ij.top = +v;
-            this._a("headerTextMarginTop", this.i.ij.top);
-            this.i.ij = this.i.ij;
+            this.i.ik.top = +v;
+            this._a("headerTextMarginTop", this.i.ik.top);
+            this.i.ik = this.i.ik;
         },
         enumerable: true,
         configurable: true
     });
     IgcDataLegendComponent.prototype.ensureHeaderTextMargin = function () {
-        if (this.i.ij) {
+        if (this.i.ik) {
             return;
         }
-        this.i.ij = new Thickness(2);
+        this.i.ik = new Thickness(2);
     };
     Object.defineProperty(IgcDataLegendComponent.prototype, "headerRowMarginBottom", {
         get: function () {
-            return this.i.ii ? this.i.ii.bottom : NaN;
+            return this.i.ij ? this.i.ij.bottom : NaN;
         },
         set: function (v) {
             this.ensureHeaderRowMargin();
-            this.i.ii.bottom = +v;
-            this._a("headerRowMarginBottom", this.i.ii.bottom);
-            this.i.ii = this.i.ii;
+            this.i.ij.bottom = +v;
+            this._a("headerRowMarginBottom", this.i.ij.bottom);
+            this.i.ij = this.i.ij;
         },
         enumerable: true,
         configurable: true
     });
     Object.defineProperty(IgcDataLegendComponent.prototype, "headerRowMarginLeft", {
         get: function () {
-            return this.i.ii ? this.i.ii.left : NaN;
+            return this.i.ij ? this.i.ij.left : NaN;
         },
         set: function (v) {
             this.ensureHeaderRowMargin();
-            this.i.ii.left = +v;
-            this._a("headerRowMarginLeft", this.i.ii.left);
-            this.i.ii = this.i.ii;
+            this.i.ij.left = +v;
+            this._a("headerRowMarginLeft", this.i.ij.left);
+            this.i.ij = this.i.ij;
         },
         enumerable: true,
         configurable: true
     });
     Object.defineProperty(IgcDataLegendComponent.prototype, "headerRowMarginRight", {
         get: function () {
-            return this.i.ii ? this.i.ii.right : NaN;
+            return this.i.ij ? this.i.ij.right : NaN;
         },
         set: function (v) {
             this.ensureHeaderRowMargin();
-            this.i.ii.right = +v;
-            this._a("headerRowMarginRight", this.i.ii.right);
-            this.i.ii = this.i.ii;
+            this.i.ij.right = +v;
+            this._a("headerRowMarginRight", this.i.ij.right);
+            this.i.ij = this.i.ij;
         },
         enumerable: true,
         configurable: true
     });
     Object.defineProperty(IgcDataLegendComponent.prototype, "headerRowMarginTop", {
         get: function () {
-            return this.i.ii ? this.i.ii.top : NaN;
+            return this.i.ij ? this.i.ij.top : NaN;
         },
         set: function (v) {
             this.ensureHeaderRowMargin();
-            this.i.ii.top = +v;
-            this._a("headerRowMarginTop", this.i.ii.top);
-            this.i.ii = this.i.ii;
+            this.i.ij.top = +v;
+            this._a("headerRowMarginTop", this.i.ij.top);
+            this.i.ij = this.i.ij;
         },
         enumerable: true,
         configurable: true
     });
     IgcDataLegendComponent.prototype.ensureHeaderRowMargin = function () {
-        if (this.i.ii) {
+        if (this.i.ij) {
             return;
         }
-        this.i.ii = new Thickness(2);
+        this.i.ij = new Thickness(2);
     };
     Object.defineProperty(IgcDataLegendComponent.prototype, "headerRowVisible", {
         /**
          * Gets or sets whether to show Header row.
         */
         get: function () {
-            return this.i.bz;
+            return this.i.b0;
         },
         set: function (v) {
-            this.i.bz = ensureBool(v);
-            this._a("headerRowVisible", this.i.bz);
+            this.i.b0 = ensureBool(v);
+            this._a("headerRowVisible", this.i.b0);
         },
         enumerable: true,
         configurable: true
@@ -963,11 +962,11 @@ var IgcDataLegendComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the summary text color.
         */
         get: function () {
-            return brushToString(this.i.h4);
+            return brushToString(this.i.h5);
         },
         set: function (v) {
-            this.i.h4 = stringToBrush(v);
-            this._a("summaryTitleTextColor", brushToString(this.i.h4));
+            this.i.h5 = stringToBrush(v);
+            this._a("summaryTitleTextColor", brushToString(this.i.h5));
         },
         enumerable: true,
         configurable: true
@@ -1010,140 +1009,140 @@ var IgcDataLegendComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the SummaryTitleText for the data legend.
         */
         get: function () {
-            return this.i.d8;
+            return this.i.d9;
         },
         set: function (v) {
-            this.i.d8 = v;
+            this.i.d9 = v;
         },
         enumerable: true,
         configurable: true
     });
     Object.defineProperty(IgcDataLegendComponent.prototype, "summaryTitleTextMarginBottom", {
         get: function () {
-            return this.i.im ? this.i.im.bottom : NaN;
+            return this.i.io ? this.i.io.bottom : NaN;
         },
         set: function (v) {
             this.ensureSummaryTitleTextMargin();
-            this.i.im.bottom = +v;
-            this._a("summaryTitleTextMarginBottom", this.i.im.bottom);
-            this.i.im = this.i.im;
+            this.i.io.bottom = +v;
+            this._a("summaryTitleTextMarginBottom", this.i.io.bottom);
+            this.i.io = this.i.io;
         },
         enumerable: true,
         configurable: true
     });
     Object.defineProperty(IgcDataLegendComponent.prototype, "summaryTitleTextMarginLeft", {
         get: function () {
-            return this.i.im ? this.i.im.left : NaN;
+            return this.i.io ? this.i.io.left : NaN;
         },
         set: function (v) {
             this.ensureSummaryTitleTextMargin();
-            this.i.im.left = +v;
-            this._a("summaryTitleTextMarginLeft", this.i.im.left);
-            this.i.im = this.i.im;
+            this.i.io.left = +v;
+            this._a("summaryTitleTextMarginLeft", this.i.io.left);
+            this.i.io = this.i.io;
         },
         enumerable: true,
         configurable: true
     });
     Object.defineProperty(IgcDataLegendComponent.prototype, "summaryTitleTextMarginRight", {
         get: function () {
-            return this.i.im ? this.i.im.right : NaN;
+            return this.i.io ? this.i.io.right : NaN;
         },
         set: function (v) {
             this.ensureSummaryTitleTextMargin();
-            this.i.im.right = +v;
-            this._a("summaryTitleTextMarginRight", this.i.im.right);
-            this.i.im = this.i.im;
+            this.i.io.right = +v;
+            this._a("summaryTitleTextMarginRight", this.i.io.right);
+            this.i.io = this.i.io;
         },
         enumerable: true,
         configurable: true
     });
     Object.defineProperty(IgcDataLegendComponent.prototype, "summaryTitleTextMarginTop", {
         get: function () {
-            return this.i.im ? this.i.im.top : NaN;
+            return this.i.io ? this.i.io.top : NaN;
         },
         set: function (v) {
             this.ensureSummaryTitleTextMargin();
-            this.i.im.top = +v;
-            this._a("summaryTitleTextMarginTop", this.i.im.top);
-            this.i.im = this.i.im;
+            this.i.io.top = +v;
+            this._a("summaryTitleTextMarginTop", this.i.io.top);
+            this.i.io = this.i.io;
         },
         enumerable: true,
         configurable: true
     });
     IgcDataLegendComponent.prototype.ensureSummaryTitleTextMargin = function () {
-        if (this.i.im) {
+        if (this.i.io) {
             return;
         }
-        this.i.im = new Thickness(2);
+        this.i.io = new Thickness(2);
     };
     Object.defineProperty(IgcDataLegendComponent.prototype, "summaryRowMarginBottom", {
         get: function () {
-            return this.i.il ? this.i.il.bottom : NaN;
+            return this.i.im ? this.i.im.bottom : NaN;
         },
         set: function (v) {
             this.ensureSummaryRowMargin();
-            this.i.il.bottom = +v;
-            this._a("summaryRowMarginBottom", this.i.il.bottom);
-            this.i.il = this.i.il;
+            this.i.im.bottom = +v;
+            this._a("summaryRowMarginBottom", this.i.im.bottom);
+            this.i.im = this.i.im;
         },
         enumerable: true,
         configurable: true
     });
     Object.defineProperty(IgcDataLegendComponent.prototype, "summaryRowMarginLeft", {
         get: function () {
-            return this.i.il ? this.i.il.left : NaN;
+            return this.i.im ? this.i.im.left : NaN;
         },
         set: function (v) {
             this.ensureSummaryRowMargin();
-            this.i.il.left = +v;
-            this._a("summaryRowMarginLeft", this.i.il.left);
-            this.i.il = this.i.il;
+            this.i.im.left = +v;
+            this._a("summaryRowMarginLeft", this.i.im.left);
+            this.i.im = this.i.im;
         },
         enumerable: true,
         configurable: true
     });
     Object.defineProperty(IgcDataLegendComponent.prototype, "summaryRowMarginRight", {
         get: function () {
-            return this.i.il ? this.i.il.right : NaN;
+            return this.i.im ? this.i.im.right : NaN;
         },
         set: function (v) {
             this.ensureSummaryRowMargin();
-            this.i.il.right = +v;
-            this._a("summaryRowMarginRight", this.i.il.right);
-            this.i.il = this.i.il;
+            this.i.im.right = +v;
+            this._a("summaryRowMarginRight", this.i.im.right);
+            this.i.im = this.i.im;
         },
         enumerable: true,
         configurable: true
     });
     Object.defineProperty(IgcDataLegendComponent.prototype, "summaryRowMarginTop", {
         get: function () {
-            return this.i.il ? this.i.il.top : NaN;
+            return this.i.im ? this.i.im.top : NaN;
         },
         set: function (v) {
             this.ensureSummaryRowMargin();
-            this.i.il.top = +v;
-            this._a("summaryRowMarginTop", this.i.il.top);
-            this.i.il = this.i.il;
+            this.i.im.top = +v;
+            this._a("summaryRowMarginTop", this.i.im.top);
+            this.i.im = this.i.im;
         },
         enumerable: true,
         configurable: true
     });
     IgcDataLegendComponent.prototype.ensureSummaryRowMargin = function () {
-        if (this.i.il) {
+        if (this.i.im) {
             return;
         }
-        this.i.il = new Thickness(2);
+        this.i.im = new Thickness(2);
     };
     Object.defineProperty(IgcDataLegendComponent.prototype, "summaryValueTextColor", {
         /**
          * Gets or sets the units text color.
         */
         get: function () {
-            return brushToString(this.i.h6);
+            return brushToString(this.i.h7);
         },
         set: function (v) {
-            this.i.h6 = stringToBrush(v);
-            this._a("summaryValueTextColor", brushToString(this.i.h6));
+            this.i.h7 = stringToBrush(v);
+            this._a("summaryValueTextColor", brushToString(this.i.h7));
         },
         enumerable: true,
         configurable: true
@@ -1172,10 +1171,10 @@ var IgcDataLegendComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the units text for the data legend.
         */
         get: function () {
-            return this.i.d3;
+            return this.i.d4;
         },
         set: function (v) {
-            this.i.d3 = v;
+            this.i.d4 = v;
         },
         enumerable: true,
         configurable: true
@@ -1185,11 +1184,11 @@ var IgcDataLegendComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the units text color.
         */
         get: function () {
-            return brushToString(this.i.h3);
+            return brushToString(this.i.h4);
         },
         set: function (v) {
-            this.i.h3 = stringToBrush(v);
-            this._a("summaryLabelTextColor", brushToString(this.i.h3));
+            this.i.h4 = stringToBrush(v);
+            this._a("summaryLabelTextColor", brushToString(this.i.h4));
         },
         enumerable: true,
         configurable: true
@@ -1218,10 +1217,10 @@ var IgcDataLegendComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the units text for the data legend.
         */
         get: function () {
-            return this.i.ee;
+            return this.i.ef;
         },
         set: function (v) {
-            this.i.ee = v;
+            this.i.ef = v;
         },
         enumerable: true,
         configurable: true
@@ -1231,11 +1230,11 @@ var IgcDataLegendComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the units text color.
         */
         get: function () {
-            return brushToString(this.i.h5);
+            return brushToString(this.i.h6);
         },
         set: function (v) {
-            this.i.h5 = stringToBrush(v);
-            this._a("summaryUnitsTextColor", brushToString(this.i.h5));
+            this.i.h6 = stringToBrush(v);
+            this._a("summaryUnitsTextColor", brushToString(this.i.h6));
         },
         enumerable: true,
         configurable: true
@@ -1261,61 +1260,61 @@ var IgcDataLegendComponent = /** @class */ /*@__PURE__*/ (function (_super) {
     });
     Object.defineProperty(IgcDataLegendComponent.prototype, "badgeMarginBottom", {
         get: function () {
-            return this.i.ih ? this.i.ih.bottom : NaN;
+            return this.i.ii ? this.i.ii.bottom : NaN;
         },
         set: function (v) {
             this.ensureBadgeMargin();
-            this.i.ih.bottom = +v;
-            this._a("badgeMarginBottom", this.i.ih.bottom);
-            this.i.ih = this.i.ih;
+            this.i.ii.bottom = +v;
+            this._a("badgeMarginBottom", this.i.ii.bottom);
+            this.i.ii = this.i.ii;
         },
         enumerable: true,
         configurable: true
     });
     Object.defineProperty(IgcDataLegendComponent.prototype, "badgeMarginLeft", {
         get: function () {
-            return this.i.ih ? this.i.ih.left : NaN;
+            return this.i.ii ? this.i.ii.left : NaN;
         },
         set: function (v) {
             this.ensureBadgeMargin();
-            this.i.ih.left = +v;
-            this._a("badgeMarginLeft", this.i.ih.left);
-            this.i.ih = this.i.ih;
+            this.i.ii.left = +v;
+            this._a("badgeMarginLeft", this.i.ii.left);
+            this.i.ii = this.i.ii;
         },
         enumerable: true,
         configurable: true
     });
     Object.defineProperty(IgcDataLegendComponent.prototype, "badgeMarginRight", {
         get: function () {
-            return this.i.ih ? this.i.ih.right : NaN;
+            return this.i.ii ? this.i.ii.right : NaN;
         },
         set: function (v) {
             this.ensureBadgeMargin();
-            this.i.ih.right = +v;
-            this._a("badgeMarginRight", this.i.ih.right);
-            this.i.ih = this.i.ih;
+            this.i.ii.right = +v;
+            this._a("badgeMarginRight", this.i.ii.right);
+            this.i.ii = this.i.ii;
         },
         enumerable: true,
         configurable: true
     });
     Object.defineProperty(IgcDataLegendComponent.prototype, "badgeMarginTop", {
         get: function () {
-            return this.i.ih ? this.i.ih.top : NaN;
+            return this.i.ii ? this.i.ii.top : NaN;
         },
         set: function (v) {
             this.ensureBadgeMargin();
-            this.i.ih.top = +v;
-            this._a("badgeMarginTop", this.i.ih.top);
-            this.i.ih = this.i.ih;
+            this.i.ii.top = +v;
+            this._a("badgeMarginTop", this.i.ii.top);
+            this.i.ii = this.i.ii;
         },
         enumerable: true,
         configurable: true
     });
     IgcDataLegendComponent.prototype.ensureBadgeMargin = function () {
-        if (this.i.ih) {
+        if (this.i.ii) {
             return;
         }
-        this.i.ih = new Thickness(2);
+        this.i.ii = new Thickness(2);
     };
     Object.defineProperty(IgcDataLegendComponent.prototype, "badgeShape", {
         /**
@@ -1378,10 +1377,10 @@ var IgcDataLegendComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the units text for the data legend.
         */
         get: function () {
-            return this.i.er;
+            return this.i.es;
         },
         set: function (v) {
-            this.i.er = v;
+            this.i.es = v;
         },
         enumerable: true,
         configurable: true
@@ -1391,72 +1390,72 @@ var IgcDataLegendComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the units text color.
         */
         get: function () {
-            return brushToString(this.i.h8);
+            return brushToString(this.i.h9);
         },
         set: function (v) {
-            this.i.h8 = stringToBrush(v);
-            this._a("unitsTextColor", brushToString(this.i.h8));
+            this.i.h9 = stringToBrush(v);
+            this._a("unitsTextColor", brushToString(this.i.h9));
         },
         enumerable: true,
         configurable: true
     });
     Object.defineProperty(IgcDataLegendComponent.prototype, "unitsTextMarginBottom", {
         get: function () {
-            return this.i.ip ? this.i.ip.bottom : NaN;
+            return this.i.iq ? this.i.iq.bottom : NaN;
         },
         set: function (v) {
             this.ensureUnitsTextMargin();
-            this.i.ip.bottom = +v;
-            this._a("unitsTextMarginBottom", this.i.ip.bottom);
-            this.i.ip = this.i.ip;
+            this.i.iq.bottom = +v;
+            this._a("unitsTextMarginBottom", this.i.iq.bottom);
+            this.i.iq = this.i.iq;
         },
         enumerable: true,
         configurable: true
     });
     Object.defineProperty(IgcDataLegendComponent.prototype, "unitsTextMarginLeft", {
         get: function () {
-            return this.i.ip ? this.i.ip.left : NaN;
+            return this.i.iq ? this.i.iq.left : NaN;
         },
         set: function (v) {
             this.ensureUnitsTextMargin();
-            this.i.ip.left = +v;
-            this._a("unitsTextMarginLeft", this.i.ip.left);
-            this.i.ip = this.i.ip;
+            this.i.iq.left = +v;
+            this._a("unitsTextMarginLeft", this.i.iq.left);
+            this.i.iq = this.i.iq;
         },
         enumerable: true,
         configurable: true
     });
     Object.defineProperty(IgcDataLegendComponent.prototype, "unitsTextMarginRight", {
         get: function () {
-            return this.i.ip ? this.i.ip.right : NaN;
+            return this.i.iq ? this.i.iq.right : NaN;
         },
         set: function (v) {
             this.ensureUnitsTextMargin();
-            this.i.ip.right = +v;
-            this._a("unitsTextMarginRight", this.i.ip.right);
-            this.i.ip = this.i.ip;
+            this.i.iq.right = +v;
+            this._a("unitsTextMarginRight", this.i.iq.right);
+            this.i.iq = this.i.iq;
         },
         enumerable: true,
         configurable: true
     });
     Object.defineProperty(IgcDataLegendComponent.prototype, "unitsTextMarginTop", {
         get: function () {
-            return this.i.ip ? this.i.ip.top : NaN;
+            return this.i.iq ? this.i.iq.top : NaN;
         },
         set: function (v) {
             this.ensureUnitsTextMargin();
-            this.i.ip.top = +v;
-            this._a("unitsTextMarginTop", this.i.ip.top);
-            this.i.ip = this.i.ip;
+            this.i.iq.top = +v;
+            this._a("unitsTextMarginTop", this.i.iq.top);
+            this.i.iq = this.i.iq;
         },
         enumerable: true,
         configurable: true
     });
     IgcDataLegendComponent.prototype.ensureUnitsTextMargin = function () {
-        if (this.i.ip) {
+        if (this.i.iq) {
             return;
         }
-        this.i.ip = new Thickness(2);
+        this.i.iq = new Thickness(2);
     };
     Object.defineProperty(IgcDataLegendComponent.prototype, "unitsTextStyle", {
         /**
@@ -1479,72 +1478,72 @@ var IgcDataLegendComponent = /** @class */ /*@__PURE__*/ (function (_super) {
     });
     Object.defineProperty(IgcDataLegendComponent.prototype, "titleTextMarginBottom", {
         get: function () {
-            return this.i.io ? this.i.io.bottom : NaN;
+            return this.i.ip ? this.i.ip.bottom : NaN;
         },
         set: function (v) {
             this.ensureTitleTextMargin();
-            this.i.io.bottom = +v;
-            this._a("titleTextMarginBottom", this.i.io.bottom);
-            this.i.io = this.i.io;
+            this.i.ip.bottom = +v;
+            this._a("titleTextMarginBottom", this.i.ip.bottom);
+            this.i.ip = this.i.ip;
         },
         enumerable: true,
         configurable: true
     });
     Object.defineProperty(IgcDataLegendComponent.prototype, "titleTextMarginLeft", {
         get: function () {
-            return this.i.io ? this.i.io.left : NaN;
+            return this.i.ip ? this.i.ip.left : NaN;
         },
         set: function (v) {
             this.ensureTitleTextMargin();
-            this.i.io.left = +v;
-            this._a("titleTextMarginLeft", this.i.io.left);
-            this.i.io = this.i.io;
+            this.i.ip.left = +v;
+            this._a("titleTextMarginLeft", this.i.ip.left);
+            this.i.ip = this.i.ip;
         },
         enumerable: true,
         configurable: true
     });
     Object.defineProperty(IgcDataLegendComponent.prototype, "titleTextMarginRight", {
         get: function () {
-            return this.i.io ? this.i.io.right : NaN;
+            return this.i.ip ? this.i.ip.right : NaN;
         },
         set: function (v) {
             this.ensureTitleTextMargin();
-            this.i.io.right = +v;
-            this._a("titleTextMarginRight", this.i.io.right);
-            this.i.io = this.i.io;
+            this.i.ip.right = +v;
+            this._a("titleTextMarginRight", this.i.ip.right);
+            this.i.ip = this.i.ip;
         },
         enumerable: true,
         configurable: true
     });
     Object.defineProperty(IgcDataLegendComponent.prototype, "titleTextMarginTop", {
         get: function () {
-            return this.i.io ? this.i.io.top : NaN;
+            return this.i.ip ? this.i.ip.top : NaN;
         },
         set: function (v) {
             this.ensureTitleTextMargin();
-            this.i.io.top = +v;
-            this._a("titleTextMarginTop", this.i.io.top);
-            this.i.io = this.i.io;
+            this.i.ip.top = +v;
+            this._a("titleTextMarginTop", this.i.ip.top);
+            this.i.ip = this.i.ip;
         },
         enumerable: true,
         configurable: true
     });
     IgcDataLegendComponent.prototype.ensureTitleTextMargin = function () {
-        if (this.i.io) {
+        if (this.i.ip) {
             return;
         }
-        this.i.io = new Thickness(2);
+        this.i.ip = new Thickness(2);
     };
     Object.defineProperty(IgcDataLegendComponent.prototype, "titleTextColor", {
         /**
          * Gets or sets the display text color.
         */
         get: function () {
-            return brushToString(this.i.h7);
+            return brushToString(this.i.h8);
         },
         set: function (v) {
-            this.i.h7 = stringToBrush(v);
-            this._a("titleTextColor", brushToString(this.i.h7));
+            this.i.h8 = stringToBrush(v);
+            this._a("titleTextColor", brushToString(this.i.h8));
         },
         enumerable: true,
         configurable: true
@@ -1587,72 +1586,72 @@ var IgcDataLegendComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the units text color.
         */
         get: function () {
-            return brushToString(this.i.h1);
+            return brushToString(this.i.h2);
         },
         set: function (v) {
-            this.i.h1 = stringToBrush(v);
-            this._a("labelTextColor", brushToString(this.i.h1));
+            this.i.h2 = stringToBrush(v);
+            this._a("labelTextColor", brushToString(this.i.h2));
         },
         enumerable: true,
         configurable: true
     });
     Object.defineProperty(IgcDataLegendComponent.prototype, "labelTextMarginBottom", {
         get: function () {
-            return this.i.ik ? this.i.ik.bottom : NaN;
+            return this.i.il ? this.i.il.bottom : NaN;
         },
         set: function (v) {
             this.ensureLabelTextMargin();
-            this.i.ik.bottom = +v;
-            this._a("labelTextMarginBottom", this.i.ik.bottom);
-            this.i.ik = this.i.ik;
+            this.i.il.bottom = +v;
+            this._a("labelTextMarginBottom", this.i.il.bottom);
+            this.i.il = this.i.il;
         },
         enumerable: true,
         configurable: true
     });
     Object.defineProperty(IgcDataLegendComponent.prototype, "labelTextMarginLeft", {
         get: function () {
-            return this.i.ik ? this.i.ik.left : NaN;
+            return this.i.il ? this.i.il.left : NaN;
         },
         set: function (v) {
             this.ensureLabelTextMargin();
-            this.i.ik.left = +v;
-            this._a("labelTextMarginLeft", this.i.ik.left);
-            this.i.ik = this.i.ik;
+            this.i.il.left = +v;
+            this._a("labelTextMarginLeft", this.i.il.left);
+            this.i.il = this.i.il;
         },
         enumerable: true,
         configurable: true
     });
     Object.defineProperty(IgcDataLegendComponent.prototype, "labelTextMarginRight", {
         get: function () {
-            return this.i.ik ? this.i.ik.right : NaN;
+            return this.i.il ? this.i.il.right : NaN;
         },
         set: function (v) {
             this.ensureLabelTextMargin();
-            this.i.ik.right = +v;
-            this._a("labelTextMarginRight", this.i.ik.right);
-            this.i.ik = this.i.ik;
+            this.i.il.right = +v;
+            this._a("labelTextMarginRight", this.i.il.right);
+            this.i.il = this.i.il;
         },
         enumerable: true,
         configurable: true
     });
     Object.defineProperty(IgcDataLegendComponent.prototype, "labelTextMarginTop", {
         get: function () {
-            return this.i.ik ? this.i.ik.top : NaN;
+            return this.i.il ? this.i.il.top : NaN;
         },
         set: function (v) {
             this.ensureLabelTextMargin();
-            this.i.ik.top = +v;
-            this._a("labelTextMarginTop", this.i.ik.top);
-            this.i.ik = this.i.ik;
+            this.i.il.top = +v;
+            this._a("labelTextMarginTop", this.i.il.top);
+            this.i.il = this.i.il;
         },
         enumerable: true,
         configurable: true
     });
     IgcDataLegendComponent.prototype.ensureLabelTextMargin = function () {
-        if (this.i.ik) {
+        if (this.i.il) {
             return;
         }
-        this.i.ik = new Thickness(2);
+        this.i.il = new Thickness(2);
     };
     Object.defineProperty(IgcDataLegendComponent.prototype, "labelTextStyle", {
         /**
@@ -1782,15 +1781,15 @@ var IgcDataLegendComponent = /** @class */ /*@__PURE__*/ (function (_super) {
         this.i.flush();
     };
     IgcDataLegendComponent.prototype.getAbbreviatedNumber = function (number, mode, minDigits, maxDigits) {
-        var iv = this.i.cq(number, (mode == null ? null : mode), minDigits, maxDigits);
+        var iv = this.i.cr(number, (mode == null ? null : mode), minDigits, maxDigits);
         return (iv);
     };
     IgcDataLegendComponent.prototype.getAbbreviatedSymbol = function (number, mode, minDigits, maxDigits) {
-        var iv = this.i.c7(number, (mode == null ? null : mode), minDigits, maxDigits);
+        var iv = this.i.c8(number, (mode == null ? null : mode), minDigits, maxDigits);
         return (iv);
     };
     IgcDataLegendComponent.prototype.getAbbreviatedString = function (number, mode, minDigits, maxDigits) {
-        var iv = this.i.c6(number, (mode == null ? null : mode), minDigits, maxDigits);
+        var iv = this.i.c7(number, (mode == null ? null : mode), minDigits, maxDigits);
         return (iv);
     };
     Object.defineProperty(IgcDataLegendComponent.prototype, "calculateColumnSummary", {