igniteui-webcomponents-charts 4.0.3 → 4.2.2

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

@@ -20,7 +20,6 @@ import { LegendItemBadgeShape_$type } from "igniteui-webcomponents-core";
 const 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.
 */
 export let IgcDataLegendComponent = /*@__PURE__*/ (() => {
     class IgcDataLegendComponent extends IgcHTMLElement {
@@ -265,11 +264,11 @@ export let IgcDataLegendComponent = /*@__PURE__*/ (() => {
          * A higher scaling ratio will produce crisper visuals at the expense of memory.  Lower values will cause the control to appear blurry.
         */
         get actualPixelScalingRatio() {
-            return this.i.cn;
+            return this.i.co;
         }
         set actualPixelScalingRatio(v) {
-            this.i.cn = +v;
-            this._a("actualPixelScalingRatio", this.i.cn);
+            this.i.co = +v;
+            this._a("actualPixelScalingRatio", this.i.co);
         }
         /**
          * Gets or sets indexes or names of series to include in displaying in the data legend, e.g. "0, 1"
@@ -330,11 +329,11 @@ export let IgcDataLegendComponent = /*@__PURE__*/ (() => {
          * Gets or sets whether the data legend should update when the series data is mutated.
         */
         get shouldUpdateWhenSeriesDataChanges() {
-            return this.i.b2;
+            return this.i.b3;
         }
         set shouldUpdateWhenSeriesDataChanges(v) {
-            this.i.b2 = ensureBool(v);
-            this._a("shouldUpdateWhenSeriesDataChanges", this.i.b2);
+            this.i.b3 = ensureBool(v);
+            this._a("shouldUpdateWhenSeriesDataChanges", this.i.b3);
         }
         /**
          * Gets or sets mode for abbreviating large numbers displayed in the legend
@@ -352,22 +351,22 @@ export let IgcDataLegendComponent = /*@__PURE__*/ (() => {
          * This property is ignored when setting ValueFormatSpecifiers or ValueFormatString properties
         */
         get valueFormatMaxFractions() {
-            return this.i.ct;
+            return this.i.cu;
         }
         set valueFormatMaxFractions(v) {
-            this.i.ct = +v;
-            this._a("valueFormatMaxFractions", this.i.ct);
+            this.i.cu = +v;
+            this._a("valueFormatMaxFractions", this.i.cu);
         }
         /**
          * Gets or sets minimum digits for formating numbers displayed in the legend
          * This property is ignored when setting ValueFormatSpecifiers or ValueFormatString properties
         */
         get valueFormatMinFractions() {
-            return this.i.cu;
+            return this.i.cv;
         }
         set valueFormatMinFractions(v) {
-            this.i.cu = +v;
-            this._a("valueFormatMinFractions", this.i.cu);
+            this.i.cv = +v;
+            this._a("valueFormatMinFractions", this.i.cv);
         }
         /**
          * Gets or sets the mode for displaying values in the data legend, e.g. Currency ($500.25), Decimal (500.25), Integer (500)
@@ -384,40 +383,40 @@ export let IgcDataLegendComponent = /*@__PURE__*/ (() => {
          * This property is ignored when setting ValueFormatSpecifiers or ValueFormatString properties
         */
         get valueFormatCulture() {
-            return this.i.ex;
+            return this.i.ey;
         }
         set valueFormatCulture(v) {
-            this.i.ex = v;
+            this.i.ey = v;
         }
         /**
          * Gets or sets the currency code used for displaying currency symbol next to values, e.g. USD for $, EUR for €
          * This property is ignored when setting ValueFormatSpecifiers or ValueFormatString properties
         */
         get valueFormatCurrencyCode() {
-            return this.i.ez;
+            return this.i.e0;
         }
         set valueFormatCurrencyCode(v) {
-            this.i.ez = v;
+            this.i.e0 = v;
         }
         /**
          * Gets or sets whether or not use grouping separator, e.g, 15,000 for 15000
          * This property is ignored when setting ValueFormatSpecifiers or ValueFormatString properties
         */
         get valueFormatUseGrouping() {
-            return this.i.b3;
+            return this.i.b4;
         }
         set valueFormatUseGrouping(v) {
-            this.i.b3 = ensureBool(v);
-            this._a("valueFormatUseGrouping", this.i.b3);
+            this.i.b4 = ensureBool(v);
+            this._a("valueFormatUseGrouping", this.i.b4);
         }
         /**
          * Gets or sets the format string for values displayed in the data legend.
         */
         get valueFormatString() {
-            return this.i.e5;
+            return this.i.e6;
         }
         set valueFormatString(v) {
-            this.i.e5 = v;
+            this.i.e6 = v;
         }
         /**
          * Gets or sets the format specifiers to use with the ValueFormatString string.
@@ -433,127 +432,127 @@ export let IgcDataLegendComponent = /*@__PURE__*/ (() => {
             this.i.ah = v;
         }
         get valueRowMarginBottom() {
-            return this.i.ir ? this.i.ir.bottom : NaN;
+            return this.i.is ? this.i.is.bottom : NaN;
         }
         set valueRowMarginBottom(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;
         }
         get valueRowMarginLeft() {
-            return this.i.ir ? this.i.ir.left : NaN;
+            return this.i.is ? this.i.is.left : NaN;
         }
         set valueRowMarginLeft(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;
         }
         get valueRowMarginRight() {
-            return this.i.ir ? this.i.ir.right : NaN;
+            return this.i.is ? this.i.is.right : NaN;
         }
         set valueRowMarginRight(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;
         }
         get valueRowMarginTop() {
-            return this.i.ir ? this.i.ir.top : NaN;
+            return this.i.is ? this.i.is.top : NaN;
         }
         set valueRowMarginTop(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;
         }
         ensureValueRowMargin() {
-            if (this.i.ir) {
+            if (this.i.is) {
                 return;
             }
-            this.i.ir = new Thickness(2);
+            this.i.is = new Thickness(2);
         }
         /**
          * Gets or sets whether to show series rows.
         */
         get valueRowVisible() {
-            return this.i.b4;
+            return this.i.b5;
         }
         set valueRowVisible(v) {
-            this.i.b4 = ensureBool(v);
-            this._a("valueRowVisible", this.i.b4);
+            this.i.b5 = ensureBool(v);
+            this._a("valueRowVisible", this.i.b5);
         }
         /**
          * Gets or sets text displayed when data column is missing a value, e.g. "no data"
         */
         get valueTextWhenMissingData() {
-            return this.i.fe;
+            return this.i.ff;
         }
         set valueTextWhenMissingData(v) {
-            this.i.fe = v;
+            this.i.ff = v;
         }
         /**
          * Gets or sets whether to use series colors when displaying values in the legend
         */
         get valueTextUseSeriesColors() {
-            return this.i.b5;
+            return this.i.b6;
         }
         set valueTextUseSeriesColors(v) {
-            this.i.b5 = ensureBool(v);
-            this._a("valueTextUseSeriesColors", this.i.b5);
+            this.i.b6 = ensureBool(v);
+            this._a("valueTextUseSeriesColors", this.i.b6);
         }
         get valueTextMarginBottom() {
-            return this.i.is ? this.i.is.bottom : NaN;
+            return this.i.it ? this.i.it.bottom : NaN;
         }
         set valueTextMarginBottom(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;
         }
         get valueTextMarginLeft() {
-            return this.i.is ? this.i.is.left : NaN;
+            return this.i.it ? this.i.it.left : NaN;
         }
         set valueTextMarginLeft(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;
         }
         get valueTextMarginRight() {
-            return this.i.is ? this.i.is.right : NaN;
+            return this.i.it ? this.i.it.right : NaN;
         }
         set valueTextMarginRight(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;
         }
         get valueTextMarginTop() {
-            return this.i.is ? this.i.is.top : NaN;
+            return this.i.it ? this.i.it.top : NaN;
         }
         set valueTextMarginTop(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;
         }
         ensureValueTextMargin() {
-            if (this.i.is) {
+            if (this.i.it) {
                 return;
             }
-            this.i.is = new Thickness(2);
+            this.i.it = new Thickness(2);
         }
         /**
          * Gets or sets the units text color.
         */
         get valueTextColor() {
-            return brushToString(this.i.h9);
+            return brushToString(this.i.ia);
         }
         set valueTextColor(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));
         }
         /**
          * Gets or Sets the style to use for the units text.
@@ -574,10 +573,10 @@ export let IgcDataLegendComponent = /*@__PURE__*/ (() => {
          * Gets or sets the format string for header text displayed in the data legend.
         */
         get headerFormatString() {
-            return this.i.dc;
+            return this.i.dd;
         }
         set headerFormatString(v) {
-            this.i.dc = v;
+            this.i.dd = v;
         }
         /**
          * Gets or sets the format specifiers to use with the HeaderFormatString string.
@@ -597,10 +596,10 @@ export let IgcDataLegendComponent = /*@__PURE__*/ (() => {
          * This property is ignored when setting HeaderFormatSpecifiers or HeaderFormatString properties
         */
         get headerFormatCulture() {
-            return this.i.c8;
+            return this.i.c9;
         }
         set headerFormatCulture(v) {
-            this.i.c8 = v;
+            this.i.c9 = v;
         }
         /**
          * Gets or sets date format for the header only when it displays dates that are fetched from date/time axes
@@ -628,114 +627,114 @@ export let IgcDataLegendComponent = /*@__PURE__*/ (() => {
          * Gets or sets the HeaderText for the data legend.
         */
         get headerText() {
-            return this.i.dh;
+            return this.i.di;
         }
         set headerText(v) {
-            this.i.dh = v;
+            this.i.di = v;
         }
         /**
          * Gets or sets the header text color.
         */
         get headerTextColor() {
-            return brushToString(this.i.h0);
+            return brushToString(this.i.h1);
         }
         set headerTextColor(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));
         }
         get headerTextMarginBottom() {
-            return this.i.ij ? this.i.ij.bottom : NaN;
+            return this.i.ik ? this.i.ik.bottom : NaN;
         }
         set headerTextMarginBottom(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;
         }
         get headerTextMarginLeft() {
-            return this.i.ij ? this.i.ij.left : NaN;
+            return this.i.ik ? this.i.ik.left : NaN;
         }
         set headerTextMarginLeft(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;
         }
         get headerTextMarginRight() {
-            return this.i.ij ? this.i.ij.right : NaN;
+            return this.i.ik ? this.i.ik.right : NaN;
         }
         set headerTextMarginRight(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;
         }
         get headerTextMarginTop() {
-            return this.i.ij ? this.i.ij.top : NaN;
+            return this.i.ik ? this.i.ik.top : NaN;
         }
         set headerTextMarginTop(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;
         }
         ensureHeaderTextMargin() {
-            if (this.i.ij) {
+            if (this.i.ik) {
                 return;
             }
-            this.i.ij = new Thickness(2);
+            this.i.ik = new Thickness(2);
         }
         get headerRowMarginBottom() {
-            return this.i.ii ? this.i.ii.bottom : NaN;
+            return this.i.ij ? this.i.ij.bottom : NaN;
         }
         set headerRowMarginBottom(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;
         }
         get headerRowMarginLeft() {
-            return this.i.ii ? this.i.ii.left : NaN;
+            return this.i.ij ? this.i.ij.left : NaN;
         }
         set headerRowMarginLeft(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;
         }
         get headerRowMarginRight() {
-            return this.i.ii ? this.i.ii.right : NaN;
+            return this.i.ij ? this.i.ij.right : NaN;
         }
         set headerRowMarginRight(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;
         }
         get headerRowMarginTop() {
-            return this.i.ii ? this.i.ii.top : NaN;
+            return this.i.ij ? this.i.ij.top : NaN;
         }
         set headerRowMarginTop(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;
         }
         ensureHeaderRowMargin() {
-            if (this.i.ii) {
+            if (this.i.ij) {
                 return;
             }
-            this.i.ii = new Thickness(2);
+            this.i.ij = new Thickness(2);
         }
         /**
          * Gets or sets whether to show Header row.
         */
         get headerRowVisible() {
-            return this.i.bz;
+            return this.i.b0;
         }
         set headerRowVisible(v) {
-            this.i.bz = ensureBool(v);
-            this._a("headerRowVisible", this.i.bz);
+            this.i.b0 = ensureBool(v);
+            this._a("headerRowVisible", this.i.b0);
         }
         /**
          * Gets or Sets the style to use for the header text.
@@ -756,11 +755,11 @@ export let IgcDataLegendComponent = /*@__PURE__*/ (() => {
          * Gets or sets the summary text color.
         */
         get summaryTitleTextColor() {
-            return brushToString(this.i.h4);
+            return brushToString(this.i.h5);
         }
         set summaryTitleTextColor(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));
         }
         /**
          * Gets or Sets the style to use for the summary text.
@@ -791,104 +790,104 @@ export let IgcDataLegendComponent = /*@__PURE__*/ (() => {
          * Gets or sets the SummaryTitleText for the data legend.
         */
         get summaryTitleText() {
-            return this.i.d8;
+            return this.i.d9;
         }
         set summaryTitleText(v) {
-            this.i.d8 = v;
+            this.i.d9 = v;
         }
         get summaryTitleTextMarginBottom() {
-            return this.i.im ? this.i.im.bottom : NaN;
+            return this.i.io ? this.i.io.bottom : NaN;
         }
         set summaryTitleTextMarginBottom(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;
         }
         get summaryTitleTextMarginLeft() {
-            return this.i.im ? this.i.im.left : NaN;
+            return this.i.io ? this.i.io.left : NaN;
         }
         set summaryTitleTextMarginLeft(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;
         }
         get summaryTitleTextMarginRight() {
-            return this.i.im ? this.i.im.right : NaN;
+            return this.i.io ? this.i.io.right : NaN;
         }
         set summaryTitleTextMarginRight(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;
         }
         get summaryTitleTextMarginTop() {
-            return this.i.im ? this.i.im.top : NaN;
+            return this.i.io ? this.i.io.top : NaN;
         }
         set summaryTitleTextMarginTop(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;
         }
         ensureSummaryTitleTextMargin() {
-            if (this.i.im) {
+            if (this.i.io) {
                 return;
             }
-            this.i.im = new Thickness(2);
+            this.i.io = new Thickness(2);
         }
         get summaryRowMarginBottom() {
-            return this.i.il ? this.i.il.bottom : NaN;
+            return this.i.im ? this.i.im.bottom : NaN;
         }
         set summaryRowMarginBottom(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;
         }
         get summaryRowMarginLeft() {
-            return this.i.il ? this.i.il.left : NaN;
+            return this.i.im ? this.i.im.left : NaN;
         }
         set summaryRowMarginLeft(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;
         }
         get summaryRowMarginRight() {
-            return this.i.il ? this.i.il.right : NaN;
+            return this.i.im ? this.i.im.right : NaN;
         }
         set summaryRowMarginRight(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;
         }
         get summaryRowMarginTop() {
-            return this.i.il ? this.i.il.top : NaN;
+            return this.i.im ? this.i.im.top : NaN;
         }
         set summaryRowMarginTop(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;
         }
         ensureSummaryRowMargin() {
-            if (this.i.il) {
+            if (this.i.im) {
                 return;
             }
-            this.i.il = new Thickness(2);
+            this.i.im = new Thickness(2);
         }
         /**
          * Gets or sets the units text color.
         */
         get summaryValueTextColor() {
-            return brushToString(this.i.h6);
+            return brushToString(this.i.h7);
         }
         set summaryValueTextColor(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));
         }
         /**
          * Gets or Sets the style to use for the units text.
@@ -909,20 +908,20 @@ export let IgcDataLegendComponent = /*@__PURE__*/ (() => {
          * Gets or sets the units text for the data legend.
         */
         get summaryLabelText() {
-            return this.i.d3;
+            return this.i.d4;
         }
         set summaryLabelText(v) {
-            this.i.d3 = v;
+            this.i.d4 = v;
         }
         /**
          * Gets or sets the units text color.
         */
         get summaryLabelTextColor() {
-            return brushToString(this.i.h3);
+            return brushToString(this.i.h4);
         }
         set summaryLabelTextColor(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));
         }
         /**
          * Gets or Sets the style to use for the units text.
@@ -943,20 +942,20 @@ export let IgcDataLegendComponent = /*@__PURE__*/ (() => {
          * Gets or sets the units text for the data legend.
         */
         get summaryUnitsText() {
-            return this.i.ee;
+            return this.i.ef;
         }
         set summaryUnitsText(v) {
-            this.i.ee = v;
+            this.i.ef = v;
         }
         /**
          * Gets or sets the units text color.
         */
         get summaryUnitsTextColor() {
-            return brushToString(this.i.h5);
+            return brushToString(this.i.h6);
         }
         set summaryUnitsTextColor(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));
         }
         /**
          * Gets or Sets the style to use for the units text.
@@ -974,46 +973,46 @@ export let IgcDataLegendComponent = /*@__PURE__*/ (() => {
             this._a("summaryUnitsTextStyle", this.i.bp != null ? this.i.bp.fontString : "");
         }
         get badgeMarginBottom() {
-            return this.i.ih ? this.i.ih.bottom : NaN;
+            return this.i.ii ? this.i.ii.bottom : NaN;
         }
         set badgeMarginBottom(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;
         }
         get badgeMarginLeft() {
-            return this.i.ih ? this.i.ih.left : NaN;
+            return this.i.ii ? this.i.ii.left : NaN;
         }
         set badgeMarginLeft(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;
         }
         get badgeMarginRight() {
-            return this.i.ih ? this.i.ih.right : NaN;
+            return this.i.ii ? this.i.ii.right : NaN;
         }
         set badgeMarginRight(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;
         }
         get badgeMarginTop() {
-            return this.i.ih ? this.i.ih.top : NaN;
+            return this.i.ii ? this.i.ii.top : NaN;
         }
         set badgeMarginTop(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;
         }
         ensureBadgeMargin() {
-            if (this.i.ih) {
+            if (this.i.ii) {
                 return;
             }
-            this.i.ih = new Thickness(2);
+            this.i.ii = new Thickness(2);
         }
         /**
          * Gets or sets the BadgeShape for the data legend.
@@ -1059,62 +1058,62 @@ export let IgcDataLegendComponent = /*@__PURE__*/ (() => {
          * Gets or sets the units text for the data legend.
         */
         get unitsText() {
-            return this.i.er;
+            return this.i.es;
         }
         set unitsText(v) {
-            this.i.er = v;
+            this.i.es = v;
         }
         /**
          * Gets or sets the units text color.
         */
         get unitsTextColor() {
-            return brushToString(this.i.h8);
+            return brushToString(this.i.h9);
         }
         set unitsTextColor(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));
         }
         get unitsTextMarginBottom() {
-            return this.i.ip ? this.i.ip.bottom : NaN;
+            return this.i.iq ? this.i.iq.bottom : NaN;
         }
         set unitsTextMarginBottom(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;
         }
         get unitsTextMarginLeft() {
-            return this.i.ip ? this.i.ip.left : NaN;
+            return this.i.iq ? this.i.iq.left : NaN;
         }
         set unitsTextMarginLeft(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;
         }
         get unitsTextMarginRight() {
-            return this.i.ip ? this.i.ip.right : NaN;
+            return this.i.iq ? this.i.iq.right : NaN;
         }
         set unitsTextMarginRight(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;
         }
         get unitsTextMarginTop() {
-            return this.i.ip ? this.i.ip.top : NaN;
+            return this.i.iq ? this.i.iq.top : NaN;
         }
         set unitsTextMarginTop(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;
         }
         ensureUnitsTextMargin() {
-            if (this.i.ip) {
+            if (this.i.iq) {
                 return;
             }
-            this.i.ip = new Thickness(2);
+            this.i.iq = new Thickness(2);
         }
         /**
          * Gets or Sets the style to use for the units text.
@@ -1132,56 +1131,56 @@ export let IgcDataLegendComponent = /*@__PURE__*/ (() => {
             this._a("unitsTextStyle", this.i.bs != null ? this.i.bs.fontString : "");
         }
         get titleTextMarginBottom() {
-            return this.i.io ? this.i.io.bottom : NaN;
+            return this.i.ip ? this.i.ip.bottom : NaN;
         }
         set titleTextMarginBottom(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;
         }
         get titleTextMarginLeft() {
-            return this.i.io ? this.i.io.left : NaN;
+            return this.i.ip ? this.i.ip.left : NaN;
         }
         set titleTextMarginLeft(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;
         }
         get titleTextMarginRight() {
-            return this.i.io ? this.i.io.right : NaN;
+            return this.i.ip ? this.i.ip.right : NaN;
         }
         set titleTextMarginRight(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;
         }
         get titleTextMarginTop() {
-            return this.i.io ? this.i.io.top : NaN;
+            return this.i.ip ? this.i.ip.top : NaN;
         }
         set titleTextMarginTop(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;
         }
         ensureTitleTextMargin() {
-            if (this.i.io) {
+            if (this.i.ip) {
                 return;
             }
-            this.i.io = new Thickness(2);
+            this.i.ip = new Thickness(2);
         }
         /**
          * Gets or sets the display text color.
         */
         get titleTextColor() {
-            return brushToString(this.i.h7);
+            return brushToString(this.i.h8);
         }
         set titleTextColor(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));
         }
         /**
          * Gets or Sets the style to use for the display text.
@@ -1212,53 +1211,53 @@ export let IgcDataLegendComponent = /*@__PURE__*/ (() => {
          * Gets or sets the units text color.
         */
         get labelTextColor() {
-            return brushToString(this.i.h1);
+            return brushToString(this.i.h2);
         }
         set labelTextColor(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));
         }
         get labelTextMarginBottom() {
-            return this.i.ik ? this.i.ik.bottom : NaN;
+            return this.i.il ? this.i.il.bottom : NaN;
         }
         set labelTextMarginBottom(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;
         }
         get labelTextMarginLeft() {
-            return this.i.ik ? this.i.ik.left : NaN;
+            return this.i.il ? this.i.il.left : NaN;
         }
         set labelTextMarginLeft(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;
         }
         get labelTextMarginRight() {
-            return this.i.ik ? this.i.ik.right : NaN;
+            return this.i.il ? this.i.il.right : NaN;
         }
         set labelTextMarginRight(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;
         }
         get labelTextMarginTop() {
-            return this.i.ik ? this.i.ik.top : NaN;
+            return this.i.il ? this.i.il.top : NaN;
         }
         set labelTextMarginTop(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;
         }
         ensureLabelTextMargin() {
-            if (this.i.ik) {
+            if (this.i.il) {
                 return;
             }
-            this.i.ik = new Thickness(2);
+            this.i.il = new Thickness(2);
         }
         /**
          * Gets or Sets the style to use for the units text.
@@ -1376,15 +1375,15 @@ export let IgcDataLegendComponent = /*@__PURE__*/ (() => {
             this.i.flush();
         }
         getAbbreviatedNumber(number, mode, minDigits, maxDigits) {
-            let iv = this.i.cq(number, (mode == null ? null : mode), minDigits, maxDigits);
+            let iv = this.i.cr(number, (mode == null ? null : mode), minDigits, maxDigits);
             return (iv);
         }
         getAbbreviatedSymbol(number, mode, minDigits, maxDigits) {
-            let iv = this.i.c7(number, (mode == null ? null : mode), minDigits, maxDigits);
+            let iv = this.i.c8(number, (mode == null ? null : mode), minDigits, maxDigits);
             return (iv);
         }
         getAbbreviatedString(number, mode, minDigits, maxDigits) {
-            let iv = this.i.c6(number, (mode == null ? null : mode), minDigits, maxDigits);
+            let iv = this.i.c7(number, (mode == null ? null : mode), minDigits, maxDigits);
             return (iv);
         }
         /**