igniteui-webcomponents-charts 4.3.3-beta.0 → 4.3.3-beta.2

package/esm2015/lib/igc-domain-chart-component.js

@@ -206,11 +206,11 @@ export let IgcDomainChartComponent = /*@__PURE__*/ (() => {
      * to appear blurry.
     */
         get pixelScalingRatio() {
-            return this.i.iq;
+            return this.i.is;
         }
         set pixelScalingRatio(v) {
-            this.i.iq = +v;
-            this._a("pixelScalingRatio", this.i.iq);
+            this.i.is = +v;
+            this._a("pixelScalingRatio", this.i.is);
         }
         /**
          * Gets or sets the left margin of chart title
@@ -222,11 +222,11 @@ export let IgcDomainChartComponent = /*@__PURE__*/ (() => {
         * ```
         */
         get titleLeftMargin() {
-            return this.i.i3;
+            return this.i.i5;
         }
         set titleLeftMargin(v) {
-            this.i.i3 = +v;
-            this._a("titleLeftMargin", this.i.i3);
+            this.i.i5 = +v;
+            this._a("titleLeftMargin", this.i.i5);
         }
         /**
          * Gets or sets the right margin of chart title
@@ -238,11 +238,11 @@ export let IgcDomainChartComponent = /*@__PURE__*/ (() => {
         * ```
         */
         get titleRightMargin() {
-            return this.i.i4;
+            return this.i.i6;
         }
         set titleRightMargin(v) {
-            this.i.i4 = +v;
-            this._a("titleRightMargin", this.i.i4);
+            this.i.i6 = +v;
+            this._a("titleRightMargin", this.i.i6);
         }
         /**
          * Gets or sets the top margin of chart title
@@ -254,11 +254,11 @@ export let IgcDomainChartComponent = /*@__PURE__*/ (() => {
         * ```
         */
         get titleTopMargin() {
-            return this.i.i5;
+            return this.i.i7;
         }
         set titleTopMargin(v) {
-            this.i.i5 = +v;
-            this._a("titleTopMargin", this.i.i5);
+            this.i.i7 = +v;
+            this._a("titleTopMargin", this.i.i7);
         }
         /**
          * Gets or sets the bottom margin of chart title
@@ -270,11 +270,11 @@ export let IgcDomainChartComponent = /*@__PURE__*/ (() => {
         * ```
         */
         get titleBottomMargin() {
-            return this.i.i2;
+            return this.i.i4;
         }
         set titleBottomMargin(v) {
-            this.i.i2 = +v;
-            this._a("titleBottomMargin", this.i.i2);
+            this.i.i4 = +v;
+            this._a("titleBottomMargin", this.i.i4);
         }
         /**
          * Gets or sets the left margin of chart subtitle
@@ -286,11 +286,11 @@ export let IgcDomainChartComponent = /*@__PURE__*/ (() => {
         * ```
         */
         get subtitleLeftMargin() {
-            return this.i.iy;
+            return this.i.i0;
         }
         set subtitleLeftMargin(v) {
-            this.i.iy = +v;
-            this._a("subtitleLeftMargin", this.i.iy);
+            this.i.i0 = +v;
+            this._a("subtitleLeftMargin", this.i.i0);
         }
         /**
          * Gets or sets the top margin of chart subtitle
@@ -302,11 +302,11 @@ export let IgcDomainChartComponent = /*@__PURE__*/ (() => {
         * ```
         */
         get subtitleTopMargin() {
-            return this.i.i0;
+            return this.i.i2;
         }
         set subtitleTopMargin(v) {
-            this.i.i0 = +v;
-            this._a("subtitleTopMargin", this.i.i0);
+            this.i.i2 = +v;
+            this._a("subtitleTopMargin", this.i.i2);
         }
         /**
          * Gets or sets the right margin of chart subtitle
@@ -318,11 +318,11 @@ export let IgcDomainChartComponent = /*@__PURE__*/ (() => {
         * ```
         */
         get subtitleRightMargin() {
-            return this.i.iz;
+            return this.i.i1;
         }
         set subtitleRightMargin(v) {
-            this.i.iz = +v;
-            this._a("subtitleRightMargin", this.i.iz);
+            this.i.i1 = +v;
+            this._a("subtitleRightMargin", this.i.i1);
         }
         /**
          * Gets or sets the bottom margin of chart subtitle
@@ -334,11 +334,11 @@ export let IgcDomainChartComponent = /*@__PURE__*/ (() => {
         * ```
         */
         get subtitleBottomMargin() {
-            return this.i.ix;
+            return this.i.iz;
         }
         set subtitleBottomMargin(v) {
-            this.i.ix = +v;
-            this._a("subtitleBottomMargin", this.i.ix);
+            this.i.iz = +v;
+            this._a("subtitleBottomMargin", this.i.iz);
         }
         /**
          * Gets or sets color of chart subtitle
@@ -350,11 +350,11 @@ export let IgcDomainChartComponent = /*@__PURE__*/ (() => {
         * ```
         */
         get subtitleTextColor() {
-            return brushToString(this.i.u8);
+            return brushToString(this.i.va);
         }
         set subtitleTextColor(v) {
-            this.i.u8 = stringToBrush(v);
-            this._a("subtitleTextColor", brushToString(this.i.u8));
+            this.i.va = stringToBrush(v);
+            this._a("subtitleTextColor", brushToString(this.i.va));
         }
         /**
          * Gets or sets color of chart title
@@ -366,11 +366,11 @@ export let IgcDomainChartComponent = /*@__PURE__*/ (() => {
         * ```
         */
         get titleTextColor() {
-            return brushToString(this.i.u9);
+            return brushToString(this.i.vb);
         }
         set titleTextColor(v) {
-            this.i.u9 = stringToBrush(v);
-            this._a("titleTextColor", brushToString(this.i.u9));
+            this.i.vb = stringToBrush(v);
+            this._a("titleTextColor", brushToString(this.i.vb));
         }
         /**
          * Gets or sets the left margin of the chart content.
@@ -382,11 +382,11 @@ export let IgcDomainChartComponent = /*@__PURE__*/ (() => {
         * ```
         */
         get leftMargin() {
-            return this.i.im;
+            return this.i.ip;
         }
         set leftMargin(v) {
-            this.i.im = +v;
-            this._a("leftMargin", this.i.im);
+            this.i.ip = +v;
+            this._a("leftMargin", this.i.ip);
         }
         /**
          * Gets or sets the top margin of the chart content.
@@ -398,11 +398,11 @@ export let IgcDomainChartComponent = /*@__PURE__*/ (() => {
         * ```
         */
         get topMargin() {
-            return this.i.i6;
+            return this.i.i8;
         }
         set topMargin(v) {
-            this.i.i6 = +v;
-            this._a("topMargin", this.i.i6);
+            this.i.i8 = +v;
+            this._a("topMargin", this.i.i8);
         }
         /**
          * Gets or sets the right margin of the chart content.
@@ -414,11 +414,11 @@ export let IgcDomainChartComponent = /*@__PURE__*/ (() => {
         * ```
         */
         get rightMargin() {
-            return this.i.iw;
+            return this.i.iy;
         }
         set rightMargin(v) {
-            this.i.iw = +v;
-            this._a("rightMargin", this.i.iw);
+            this.i.iy = +v;
+            this._a("rightMargin", this.i.iy);
         }
         /**
          * Gets or sets the bottom margin around the chart content.
@@ -430,11 +430,11 @@ export let IgcDomainChartComponent = /*@__PURE__*/ (() => {
         * ```
         */
         get bottomMargin() {
-            return this.i.h8;
+            return this.i.ia;
         }
         set bottomMargin(v) {
-            this.i.h8 = +v;
-            this._a("bottomMargin", this.i.h8);
+            this.i.ia = +v;
+            this._a("bottomMargin", this.i.ia);
         }
         /**
          * Gets or sets the duration used for animating series plots when the data is changing
@@ -446,11 +446,11 @@ export let IgcDomainChartComponent = /*@__PURE__*/ (() => {
         * ```
         */
         get transitionDuration() {
-            return this.i.j1;
+            return this.i.j3;
         }
         set transitionDuration(v) {
-            this.i.j1 = +v;
-            this._a("transitionDuration", this.i.j1);
+            this.i.j3 = +v;
+            this._a("transitionDuration", this.i.j3);
         }
         /**
          * Gets or sets the easing function used for animating series plots when the data is changing.
@@ -483,10 +483,10 @@ export let IgcDomainChartComponent = /*@__PURE__*/ (() => {
         * ```
         */
         get subtitleTextStyle() {
-            return this.i.p7;
+            return this.i.p9;
         }
         set subtitleTextStyle(v) {
-            this.i.p7 = v;
+            this.i.p9 = v;
         }
         /**
          * Gets or sets CSS font property for the chart title
@@ -498,10 +498,13 @@ export let IgcDomainChartComponent = /*@__PURE__*/ (() => {
         * ```
         */
         get titleTextStyle() {
-            return this.i.qi;
+            return this.i.qk;
         }
         set titleTextStyle(v) {
-            this.i.qi = v;
+            this.i.qk = v;
+        }
+        get isDetached() {
+            return this.i.isDetached;
         }
         get dataToolTipGroupingMode() {
             return this.i.bv;
@@ -514,41 +517,41 @@ export let IgcDomainChartComponent = /*@__PURE__*/ (() => {
          * Gets or sets the offset of the tooltip layer on the X axis.
         */
         get dataToolTipPositionOffsetX() {
-            return this.i.ic;
+            return this.i.ie;
         }
         set dataToolTipPositionOffsetX(v) {
-            this.i.ic = +v;
-            this._a("dataToolTipPositionOffsetX", this.i.ic);
+            this.i.ie = +v;
+            this._a("dataToolTipPositionOffsetX", this.i.ie);
         }
         /**
          * Gets or sets the offset of the tooltip layer on the Y axis.
         */
         get dataToolTipPositionOffsetY() {
-            return this.i.id;
+            return this.i.ig;
         }
         set dataToolTipPositionOffsetY(v) {
-            this.i.id = +v;
-            this._a("dataToolTipPositionOffsetY", this.i.id);
+            this.i.ig = +v;
+            this._a("dataToolTipPositionOffsetY", this.i.ig);
         }
         /**
          * Gets or sets the offset of the tooltip layer on the X axis.
         */
         get dataToolTipDefaultPositionOffsetX() {
-            return this.i.ia;
+            return this.i.ic;
         }
         set dataToolTipDefaultPositionOffsetX(v) {
-            this.i.ia = +v;
-            this._a("dataToolTipDefaultPositionOffsetX", this.i.ia);
+            this.i.ic = +v;
+            this._a("dataToolTipDefaultPositionOffsetX", this.i.ic);
         }
         /**
          * Gets or sets the offset of the tooltip layer on the Y axis.
         */
         get dataToolTipDefaultPositionOffsetY() {
-            return this.i.ib;
+            return this.i.id;
         }
         set dataToolTipDefaultPositionOffsetY(v) {
-            this.i.ib = +v;
-            this._a("dataToolTipDefaultPositionOffsetY", this.i.ib);
+            this.i.id = +v;
+            this._a("dataToolTipDefaultPositionOffsetY", this.i.id);
         }
         /**
          * Gets or sets the tooltip position mode on the X axis for grouped series.
@@ -574,11 +577,11 @@ export let IgcDomainChartComponent = /*@__PURE__*/ (() => {
          * Gets or sets whether the data legend should update when the series data is mutated.
         */
         get dataToolTipShouldUpdateWhenSeriesDataChanges() {
-            return this.i.fp;
+            return this.i.fr;
         }
         set dataToolTipShouldUpdateWhenSeriesDataChanges(v) {
-            this.i.fp = ensureBool(v);
-            this._a("dataToolTipShouldUpdateWhenSeriesDataChanges", this.i.fp);
+            this.i.fr = ensureBool(v);
+            this._a("dataToolTipShouldUpdateWhenSeriesDataChanges", this.i.fr);
         }
         /**
          * Gets or sets indexes or names of series to include in displaying in the data legend, e.g. "0, 1"
@@ -651,22 +654,22 @@ export let IgcDomainChartComponent = /*@__PURE__*/ (() => {
          * This property is ignored when setting ValueFormatSpecifiers or ValueFormatString properties
         */
         get dataToolTipValueFormatMaxFractions() {
-            return this.i.jx;
+            return this.i.jz;
         }
         set dataToolTipValueFormatMaxFractions(v) {
-            this.i.jx = +v;
-            this._a("dataToolTipValueFormatMaxFractions", this.i.jx);
+            this.i.jz = +v;
+            this._a("dataToolTipValueFormatMaxFractions", this.i.jz);
         }
         /**
          * Gets or sets minimum digits for formating numbers displayed in the legend
          * This property is ignored when setting ValueFormatSpecifiers or ValueFormatString properties
         */
         get dataToolTipValueFormatMinFractions() {
-            return this.i.jy;
+            return this.i.j0;
         }
         set dataToolTipValueFormatMinFractions(v) {
-            this.i.jy = +v;
-            this._a("dataToolTipValueFormatMinFractions", this.i.jy);
+            this.i.j0 = +v;
+            this._a("dataToolTipValueFormatMinFractions", this.i.j0);
         }
         /**
          * Gets or sets the mode for displaying values in the data legend, e.g. Currency ($500.25), Decimal (500.25), Integer (500)
@@ -683,30 +686,30 @@ export let IgcDomainChartComponent = /*@__PURE__*/ (() => {
          * This property is ignored when setting ValueFormatSpecifiers or ValueFormatString properties
         */
         get dataToolTipValueFormatCulture() {
-            return this.i.nr;
+            return this.i.nt;
         }
         set dataToolTipValueFormatCulture(v) {
-            this.i.nr = v;
+            this.i.nt = 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 dataToolTipValueFormatUseGrouping() {
-            return this.i.fq;
+            return this.i.fs;
         }
         set dataToolTipValueFormatUseGrouping(v) {
-            this.i.fq = ensureBool(v);
-            this._a("dataToolTipValueFormatUseGrouping", this.i.fq);
+            this.i.fs = ensureBool(v);
+            this._a("dataToolTipValueFormatUseGrouping", this.i.fs);
         }
         /**
          * Gets or sets the format string for values displayed in the data legend.
         */
         get dataToolTipValueFormatString() {
-            return this.i.nx;
+            return this.i.nz;
         }
         set dataToolTipValueFormatString(v) {
-            this.i.nx = v;
+            this.i.nz = v;
         }
         /**
          * Gets or sets the format specifiers to use with the ValueFormatString string.
@@ -722,127 +725,127 @@ export let IgcDomainChartComponent = /*@__PURE__*/ (() => {
             this.i.n = v;
         }
         get dataToolTipValueRowMarginBottom() {
-            return this.i.vy ? this.i.vy.bottom : NaN;
+            return this.i.v0 ? this.i.v0.bottom : NaN;
         }
         set dataToolTipValueRowMarginBottom(v) {
             this.ensureDataToolTipValueRowMargin();
-            this.i.vy.bottom = +v;
-            this._a("dataToolTipValueRowMarginBottom", this.i.vy.bottom);
-            this.i.vy = this.i.vy;
+            this.i.v0.bottom = +v;
+            this._a("dataToolTipValueRowMarginBottom", this.i.v0.bottom);
+            this.i.v0 = this.i.v0;
         }
         get dataToolTipValueRowMarginLeft() {
-            return this.i.vy ? this.i.vy.left : NaN;
+            return this.i.v0 ? this.i.v0.left : NaN;
         }
         set dataToolTipValueRowMarginLeft(v) {
             this.ensureDataToolTipValueRowMargin();
-            this.i.vy.left = +v;
-            this._a("dataToolTipValueRowMarginLeft", this.i.vy.left);
-            this.i.vy = this.i.vy;
+            this.i.v0.left = +v;
+            this._a("dataToolTipValueRowMarginLeft", this.i.v0.left);
+            this.i.v0 = this.i.v0;
         }
         get dataToolTipValueRowMarginRight() {
-            return this.i.vy ? this.i.vy.right : NaN;
+            return this.i.v0 ? this.i.v0.right : NaN;
         }
         set dataToolTipValueRowMarginRight(v) {
             this.ensureDataToolTipValueRowMargin();
-            this.i.vy.right = +v;
-            this._a("dataToolTipValueRowMarginRight", this.i.vy.right);
-            this.i.vy = this.i.vy;
+            this.i.v0.right = +v;
+            this._a("dataToolTipValueRowMarginRight", this.i.v0.right);
+            this.i.v0 = this.i.v0;
         }
         get dataToolTipValueRowMarginTop() {
-            return this.i.vy ? this.i.vy.top : NaN;
+            return this.i.v0 ? this.i.v0.top : NaN;
         }
         set dataToolTipValueRowMarginTop(v) {
             this.ensureDataToolTipValueRowMargin();
-            this.i.vy.top = +v;
-            this._a("dataToolTipValueRowMarginTop", this.i.vy.top);
-            this.i.vy = this.i.vy;
+            this.i.v0.top = +v;
+            this._a("dataToolTipValueRowMarginTop", this.i.v0.top);
+            this.i.v0 = this.i.v0;
         }
         ensureDataToolTipValueRowMargin() {
-            if (this.i.vy) {
+            if (this.i.v0) {
                 return;
             }
-            this.i.vy = new Thickness(2);
+            this.i.v0 = new Thickness(2);
         }
         /**
          * Gets or sets whether to show series rows.
         */
         get dataToolTipValueRowVisible() {
-            return this.i.fr;
+            return this.i.ft;
         }
         set dataToolTipValueRowVisible(v) {
-            this.i.fr = ensureBool(v);
-            this._a("dataToolTipValueRowVisible", this.i.fr);
+            this.i.ft = ensureBool(v);
+            this._a("dataToolTipValueRowVisible", this.i.ft);
         }
         /**
          * Gets or sets text displayed when data column is missing a value, e.g. "no data"
         */
         get dataToolTipValueTextWhenMissingData() {
-            return this.i.n6;
+            return this.i.n8;
         }
         set dataToolTipValueTextWhenMissingData(v) {
-            this.i.n6 = v;
+            this.i.n8 = v;
         }
         /**
          * Gets or sets whether to use series colors when displaying values in the legend
         */
         get dataToolTipValueTextUseSeriesColors() {
-            return this.i.fs;
+            return this.i.fu;
         }
         set dataToolTipValueTextUseSeriesColors(v) {
-            this.i.fs = ensureBool(v);
-            this._a("dataToolTipValueTextUseSeriesColors", this.i.fs);
+            this.i.fu = ensureBool(v);
+            this._a("dataToolTipValueTextUseSeriesColors", this.i.fu);
         }
         get dataToolTipValueTextMarginBottom() {
-            return this.i.vz ? this.i.vz.bottom : NaN;
+            return this.i.v1 ? this.i.v1.bottom : NaN;
         }
         set dataToolTipValueTextMarginBottom(v) {
             this.ensureDataToolTipValueTextMargin();
-            this.i.vz.bottom = +v;
-            this._a("dataToolTipValueTextMarginBottom", this.i.vz.bottom);
-            this.i.vz = this.i.vz;
+            this.i.v1.bottom = +v;
+            this._a("dataToolTipValueTextMarginBottom", this.i.v1.bottom);
+            this.i.v1 = this.i.v1;
         }
         get dataToolTipValueTextMarginLeft() {
-            return this.i.vz ? this.i.vz.left : NaN;
+            return this.i.v1 ? this.i.v1.left : NaN;
         }
         set dataToolTipValueTextMarginLeft(v) {
             this.ensureDataToolTipValueTextMargin();
-            this.i.vz.left = +v;
-            this._a("dataToolTipValueTextMarginLeft", this.i.vz.left);
-            this.i.vz = this.i.vz;
+            this.i.v1.left = +v;
+            this._a("dataToolTipValueTextMarginLeft", this.i.v1.left);
+            this.i.v1 = this.i.v1;
         }
         get dataToolTipValueTextMarginRight() {
-            return this.i.vz ? this.i.vz.right : NaN;
+            return this.i.v1 ? this.i.v1.right : NaN;
         }
         set dataToolTipValueTextMarginRight(v) {
             this.ensureDataToolTipValueTextMargin();
-            this.i.vz.right = +v;
-            this._a("dataToolTipValueTextMarginRight", this.i.vz.right);
-            this.i.vz = this.i.vz;
+            this.i.v1.right = +v;
+            this._a("dataToolTipValueTextMarginRight", this.i.v1.right);
+            this.i.v1 = this.i.v1;
         }
         get dataToolTipValueTextMarginTop() {
-            return this.i.vz ? this.i.vz.top : NaN;
+            return this.i.v1 ? this.i.v1.top : NaN;
         }
         set dataToolTipValueTextMarginTop(v) {
             this.ensureDataToolTipValueTextMargin();
-            this.i.vz.top = +v;
-            this._a("dataToolTipValueTextMarginTop", this.i.vz.top);
-            this.i.vz = this.i.vz;
+            this.i.v1.top = +v;
+            this._a("dataToolTipValueTextMarginTop", this.i.v1.top);
+            this.i.v1 = this.i.v1;
         }
         ensureDataToolTipValueTextMargin() {
-            if (this.i.vz) {
+            if (this.i.v1) {
                 return;
             }
-            this.i.vz = new Thickness(2);
+            this.i.v1 = new Thickness(2);
         }
         /**
          * Gets or sets the units text color.
         */
         get dataToolTipValueTextColor() {
-            return brushToString(this.i.uy);
+            return brushToString(this.i.u0);
         }
         set dataToolTipValueTextColor(v) {
-            this.i.uy = stringToBrush(v);
-            this._a("dataToolTipValueTextColor", brushToString(this.i.uy));
+            this.i.u0 = stringToBrush(v);
+            this._a("dataToolTipValueTextColor", brushToString(this.i.u0));
         }
         /**
          * Gets or Sets the style to use for the units text.
@@ -863,10 +866,10 @@ export let IgcDomainChartComponent = /*@__PURE__*/ (() => {
          * Gets or sets the format string for header text displayed in the data legend.
         */
         get dataToolTipHeaderFormatString() {
-            return this.i.mh;
+            return this.i.mj;
         }
         set dataToolTipHeaderFormatString(v) {
-            this.i.mh = v;
+            this.i.mj = v;
         }
         /**
          * Gets or sets the format specifiers to use with the HeaderFormatString string.
@@ -886,10 +889,10 @@ export let IgcDomainChartComponent = /*@__PURE__*/ (() => {
          * This property is ignored when setting HeaderFormatSpecifiers or HeaderFormatString properties
         */
         get dataToolTipHeaderFormatCulture() {
-            return this.i.md;
+            return this.i.mf;
         }
         set dataToolTipHeaderFormatCulture(v) {
-            this.i.md = v;
+            this.i.mf = v;
         }
         /**
          * Gets or sets date format for the header
@@ -917,114 +920,114 @@ export let IgcDomainChartComponent = /*@__PURE__*/ (() => {
          * Gets or sets the HeaderText for the data legend.
         */
         get dataToolTipHeaderText() {
-            return this.i.mm;
+            return this.i.mo;
         }
         set dataToolTipHeaderText(v) {
-            this.i.mm = v;
+            this.i.mo = v;
         }
         /**
          * Gets or sets the header text color.
         */
         get dataToolTipHeaderTextColor() {
-            return brushToString(this.i.uq);
+            return brushToString(this.i.us);
         }
         set dataToolTipHeaderTextColor(v) {
-            this.i.uq = stringToBrush(v);
-            this._a("dataToolTipHeaderTextColor", brushToString(this.i.uq));
+            this.i.us = stringToBrush(v);
+            this._a("dataToolTipHeaderTextColor", brushToString(this.i.us));
         }
         get dataToolTipHeaderTextMarginBottom() {
-            return this.i.vs ? this.i.vs.bottom : NaN;
+            return this.i.vu ? this.i.vu.bottom : NaN;
         }
         set dataToolTipHeaderTextMarginBottom(v) {
             this.ensureDataToolTipHeaderTextMargin();
-            this.i.vs.bottom = +v;
-            this._a("dataToolTipHeaderTextMarginBottom", this.i.vs.bottom);
-            this.i.vs = this.i.vs;
+            this.i.vu.bottom = +v;
+            this._a("dataToolTipHeaderTextMarginBottom", this.i.vu.bottom);
+            this.i.vu = this.i.vu;
         }
         get dataToolTipHeaderTextMarginLeft() {
-            return this.i.vs ? this.i.vs.left : NaN;
+            return this.i.vu ? this.i.vu.left : NaN;
         }
         set dataToolTipHeaderTextMarginLeft(v) {
             this.ensureDataToolTipHeaderTextMargin();
-            this.i.vs.left = +v;
-            this._a("dataToolTipHeaderTextMarginLeft", this.i.vs.left);
-            this.i.vs = this.i.vs;
+            this.i.vu.left = +v;
+            this._a("dataToolTipHeaderTextMarginLeft", this.i.vu.left);
+            this.i.vu = this.i.vu;
         }
         get dataToolTipHeaderTextMarginRight() {
-            return this.i.vs ? this.i.vs.right : NaN;
+            return this.i.vu ? this.i.vu.right : NaN;
         }
         set dataToolTipHeaderTextMarginRight(v) {
             this.ensureDataToolTipHeaderTextMargin();
-            this.i.vs.right = +v;
-            this._a("dataToolTipHeaderTextMarginRight", this.i.vs.right);
-            this.i.vs = this.i.vs;
+            this.i.vu.right = +v;
+            this._a("dataToolTipHeaderTextMarginRight", this.i.vu.right);
+            this.i.vu = this.i.vu;
         }
         get dataToolTipHeaderTextMarginTop() {
-            return this.i.vs ? this.i.vs.top : NaN;
+            return this.i.vu ? this.i.vu.top : NaN;
         }
         set dataToolTipHeaderTextMarginTop(v) {
             this.ensureDataToolTipHeaderTextMargin();
-            this.i.vs.top = +v;
-            this._a("dataToolTipHeaderTextMarginTop", this.i.vs.top);
-            this.i.vs = this.i.vs;
+            this.i.vu.top = +v;
+            this._a("dataToolTipHeaderTextMarginTop", this.i.vu.top);
+            this.i.vu = this.i.vu;
         }
         ensureDataToolTipHeaderTextMargin() {
-            if (this.i.vs) {
+            if (this.i.vu) {
                 return;
             }
-            this.i.vs = new Thickness(2);
+            this.i.vu = new Thickness(2);
         }
         get dataToolTipHeaderRowMarginBottom() {
-            return this.i.vr ? this.i.vr.bottom : NaN;
+            return this.i.vt ? this.i.vt.bottom : NaN;
         }
         set dataToolTipHeaderRowMarginBottom(v) {
             this.ensureDataToolTipHeaderRowMargin();
-            this.i.vr.bottom = +v;
-            this._a("dataToolTipHeaderRowMarginBottom", this.i.vr.bottom);
-            this.i.vr = this.i.vr;
+            this.i.vt.bottom = +v;
+            this._a("dataToolTipHeaderRowMarginBottom", this.i.vt.bottom);
+            this.i.vt = this.i.vt;
         }
         get dataToolTipHeaderRowMarginLeft() {
-            return this.i.vr ? this.i.vr.left : NaN;
+            return this.i.vt ? this.i.vt.left : NaN;
         }
         set dataToolTipHeaderRowMarginLeft(v) {
             this.ensureDataToolTipHeaderRowMargin();
-            this.i.vr.left = +v;
-            this._a("dataToolTipHeaderRowMarginLeft", this.i.vr.left);
-            this.i.vr = this.i.vr;
+            this.i.vt.left = +v;
+            this._a("dataToolTipHeaderRowMarginLeft", this.i.vt.left);
+            this.i.vt = this.i.vt;
         }
         get dataToolTipHeaderRowMarginRight() {
-            return this.i.vr ? this.i.vr.right : NaN;
+            return this.i.vt ? this.i.vt.right : NaN;
         }
         set dataToolTipHeaderRowMarginRight(v) {
             this.ensureDataToolTipHeaderRowMargin();
-            this.i.vr.right = +v;
-            this._a("dataToolTipHeaderRowMarginRight", this.i.vr.right);
-            this.i.vr = this.i.vr;
+            this.i.vt.right = +v;
+            this._a("dataToolTipHeaderRowMarginRight", this.i.vt.right);
+            this.i.vt = this.i.vt;
         }
         get dataToolTipHeaderRowMarginTop() {
-            return this.i.vr ? this.i.vr.top : NaN;
+            return this.i.vt ? this.i.vt.top : NaN;
         }
         set dataToolTipHeaderRowMarginTop(v) {
             this.ensureDataToolTipHeaderRowMargin();
-            this.i.vr.top = +v;
-            this._a("dataToolTipHeaderRowMarginTop", this.i.vr.top);
-            this.i.vr = this.i.vr;
+            this.i.vt.top = +v;
+            this._a("dataToolTipHeaderRowMarginTop", this.i.vt.top);
+            this.i.vt = this.i.vt;
         }
         ensureDataToolTipHeaderRowMargin() {
-            if (this.i.vr) {
+            if (this.i.vt) {
                 return;
             }
-            this.i.vr = new Thickness(2);
+            this.i.vt = new Thickness(2);
         }
         /**
          * Gets or sets whether to show Header row.
         */
         get dataToolTipHeaderRowVisible() {
-            return this.i.fo;
+            return this.i.fq;
         }
         set dataToolTipHeaderRowVisible(v) {
-            this.i.fo = ensureBool(v);
-            this._a("dataToolTipHeaderRowVisible", this.i.fo);
+            this.i.fq = ensureBool(v);
+            this._a("dataToolTipHeaderRowVisible", this.i.fq);
         }
         /**
          * Gets or Sets the style to use for the header text.
@@ -1045,11 +1048,11 @@ export let IgcDomainChartComponent = /*@__PURE__*/ (() => {
          * Gets or sets the summary text color.
         */
         get dataToolTipSummaryTitleTextColor() {
-            return brushToString(this.i.ut);
+            return brushToString(this.i.uv);
         }
         set dataToolTipSummaryTitleTextColor(v) {
-            this.i.ut = stringToBrush(v);
-            this._a("dataToolTipSummaryTitleTextColor", brushToString(this.i.ut));
+            this.i.uv = stringToBrush(v);
+            this._a("dataToolTipSummaryTitleTextColor", brushToString(this.i.uv));
         }
         /**
          * Gets or Sets the style to use for the summary text.
@@ -1080,104 +1083,104 @@ export let IgcDomainChartComponent = /*@__PURE__*/ (() => {
          * Gets or sets the SummaryTitleText for the data legend.
         */
         get dataToolTipSummaryTitleText() {
-            return this.i.m5;
+            return this.i.m7;
         }
         set dataToolTipSummaryTitleText(v) {
-            this.i.m5 = v;
+            this.i.m7 = v;
         }
         get dataToolTipSummaryTitleTextMarginBottom() {
-            return this.i.vv ? this.i.vv.bottom : NaN;
+            return this.i.vx ? this.i.vx.bottom : NaN;
         }
         set dataToolTipSummaryTitleTextMarginBottom(v) {
             this.ensureDataToolTipSummaryTitleTextMargin();
-            this.i.vv.bottom = +v;
-            this._a("dataToolTipSummaryTitleTextMarginBottom", this.i.vv.bottom);
-            this.i.vv = this.i.vv;
+            this.i.vx.bottom = +v;
+            this._a("dataToolTipSummaryTitleTextMarginBottom", this.i.vx.bottom);
+            this.i.vx = this.i.vx;
         }
         get dataToolTipSummaryTitleTextMarginLeft() {
-            return this.i.vv ? this.i.vv.left : NaN;
+            return this.i.vx ? this.i.vx.left : NaN;
         }
         set dataToolTipSummaryTitleTextMarginLeft(v) {
             this.ensureDataToolTipSummaryTitleTextMargin();
-            this.i.vv.left = +v;
-            this._a("dataToolTipSummaryTitleTextMarginLeft", this.i.vv.left);
-            this.i.vv = this.i.vv;
+            this.i.vx.left = +v;
+            this._a("dataToolTipSummaryTitleTextMarginLeft", this.i.vx.left);
+            this.i.vx = this.i.vx;
         }
         get dataToolTipSummaryTitleTextMarginRight() {
-            return this.i.vv ? this.i.vv.right : NaN;
+            return this.i.vx ? this.i.vx.right : NaN;
         }
         set dataToolTipSummaryTitleTextMarginRight(v) {
             this.ensureDataToolTipSummaryTitleTextMargin();
-            this.i.vv.right = +v;
-            this._a("dataToolTipSummaryTitleTextMarginRight", this.i.vv.right);
-            this.i.vv = this.i.vv;
+            this.i.vx.right = +v;
+            this._a("dataToolTipSummaryTitleTextMarginRight", this.i.vx.right);
+            this.i.vx = this.i.vx;
         }
         get dataToolTipSummaryTitleTextMarginTop() {
-            return this.i.vv ? this.i.vv.top : NaN;
+            return this.i.vx ? this.i.vx.top : NaN;
         }
         set dataToolTipSummaryTitleTextMarginTop(v) {
             this.ensureDataToolTipSummaryTitleTextMargin();
-            this.i.vv.top = +v;
-            this._a("dataToolTipSummaryTitleTextMarginTop", this.i.vv.top);
-            this.i.vv = this.i.vv;
+            this.i.vx.top = +v;
+            this._a("dataToolTipSummaryTitleTextMarginTop", this.i.vx.top);
+            this.i.vx = this.i.vx;
         }
         ensureDataToolTipSummaryTitleTextMargin() {
-            if (this.i.vv) {
+            if (this.i.vx) {
                 return;
             }
-            this.i.vv = new Thickness(2);
+            this.i.vx = new Thickness(2);
         }
         get dataToolTipSummaryRowMarginBottom() {
-            return this.i.vu ? this.i.vu.bottom : NaN;
+            return this.i.vw ? this.i.vw.bottom : NaN;
         }
         set dataToolTipSummaryRowMarginBottom(v) {
             this.ensureDataToolTipSummaryRowMargin();
-            this.i.vu.bottom = +v;
-            this._a("dataToolTipSummaryRowMarginBottom", this.i.vu.bottom);
-            this.i.vu = this.i.vu;
+            this.i.vw.bottom = +v;
+            this._a("dataToolTipSummaryRowMarginBottom", this.i.vw.bottom);
+            this.i.vw = this.i.vw;
         }
         get dataToolTipSummaryRowMarginLeft() {
-            return this.i.vu ? this.i.vu.left : NaN;
+            return this.i.vw ? this.i.vw.left : NaN;
         }
         set dataToolTipSummaryRowMarginLeft(v) {
             this.ensureDataToolTipSummaryRowMargin();
-            this.i.vu.left = +v;
-            this._a("dataToolTipSummaryRowMarginLeft", this.i.vu.left);
-            this.i.vu = this.i.vu;
+            this.i.vw.left = +v;
+            this._a("dataToolTipSummaryRowMarginLeft", this.i.vw.left);
+            this.i.vw = this.i.vw;
         }
         get dataToolTipSummaryRowMarginRight() {
-            return this.i.vu ? this.i.vu.right : NaN;
+            return this.i.vw ? this.i.vw.right : NaN;
         }
         set dataToolTipSummaryRowMarginRight(v) {
             this.ensureDataToolTipSummaryRowMargin();
-            this.i.vu.right = +v;
-            this._a("dataToolTipSummaryRowMarginRight", this.i.vu.right);
-            this.i.vu = this.i.vu;
+            this.i.vw.right = +v;
+            this._a("dataToolTipSummaryRowMarginRight", this.i.vw.right);
+            this.i.vw = this.i.vw;
         }
         get dataToolTipSummaryRowMarginTop() {
-            return this.i.vu ? this.i.vu.top : NaN;
+            return this.i.vw ? this.i.vw.top : NaN;
         }
         set dataToolTipSummaryRowMarginTop(v) {
             this.ensureDataToolTipSummaryRowMargin();
-            this.i.vu.top = +v;
-            this._a("dataToolTipSummaryRowMarginTop", this.i.vu.top);
-            this.i.vu = this.i.vu;
+            this.i.vw.top = +v;
+            this._a("dataToolTipSummaryRowMarginTop", this.i.vw.top);
+            this.i.vw = this.i.vw;
         }
         ensureDataToolTipSummaryRowMargin() {
-            if (this.i.vu) {
+            if (this.i.vw) {
                 return;
             }
-            this.i.vu = new Thickness(2);
+            this.i.vw = new Thickness(2);
         }
         /**
          * Gets or sets the units text color.
         */
         get dataToolTipSummaryValueTextColor() {
-            return brushToString(this.i.uv);
+            return brushToString(this.i.ux);
         }
         set dataToolTipSummaryValueTextColor(v) {
-            this.i.uv = stringToBrush(v);
-            this._a("dataToolTipSummaryValueTextColor", brushToString(this.i.uv));
+            this.i.ux = stringToBrush(v);
+            this._a("dataToolTipSummaryValueTextColor", brushToString(this.i.ux));
         }
         /**
          * Gets or Sets the style to use for the units text.
@@ -1198,20 +1201,20 @@ export let IgcDomainChartComponent = /*@__PURE__*/ (() => {
          * Gets or sets the units text for the data legend.
         */
         get dataToolTipSummaryLabelText() {
-            return this.i.m0;
+            return this.i.m2;
         }
         set dataToolTipSummaryLabelText(v) {
-            this.i.m0 = v;
+            this.i.m2 = v;
         }
         /**
          * Gets or sets the units text color.
         */
         get dataToolTipSummaryLabelTextColor() {
-            return brushToString(this.i.us);
+            return brushToString(this.i.uu);
         }
         set dataToolTipSummaryLabelTextColor(v) {
-            this.i.us = stringToBrush(v);
-            this._a("dataToolTipSummaryLabelTextColor", brushToString(this.i.us));
+            this.i.uu = stringToBrush(v);
+            this._a("dataToolTipSummaryLabelTextColor", brushToString(this.i.uu));
         }
         /**
          * Gets or Sets the style to use for the units text.
@@ -1232,20 +1235,20 @@ export let IgcDomainChartComponent = /*@__PURE__*/ (() => {
          * Gets or sets the units text for the data legend.
         */
         get dataToolTipSummaryUnitsText() {
-            return this.i.nb;
+            return this.i.nd;
         }
         set dataToolTipSummaryUnitsText(v) {
-            this.i.nb = v;
+            this.i.nd = v;
         }
         /**
          * Gets or sets the units text color.
         */
         get dataToolTipSummaryUnitsTextColor() {
-            return brushToString(this.i.uu);
+            return brushToString(this.i.uw);
         }
         set dataToolTipSummaryUnitsTextColor(v) {
-            this.i.uu = stringToBrush(v);
-            this._a("dataToolTipSummaryUnitsTextColor", brushToString(this.i.uu));
+            this.i.uw = stringToBrush(v);
+            this._a("dataToolTipSummaryUnitsTextColor", brushToString(this.i.uw));
         }
         /**
          * Gets or Sets the style to use for the units text.
@@ -1263,46 +1266,46 @@ export let IgcDomainChartComponent = /*@__PURE__*/ (() => {
             this._a("dataToolTipSummaryUnitsTextStyle", this.i.eh != null ? this.i.eh.fontString : "");
         }
         get dataToolTipBadgeMarginBottom() {
-            return this.i.vq ? this.i.vq.bottom : NaN;
+            return this.i.vs ? this.i.vs.bottom : NaN;
         }
         set dataToolTipBadgeMarginBottom(v) {
             this.ensureDataToolTipBadgeMargin();
-            this.i.vq.bottom = +v;
-            this._a("dataToolTipBadgeMarginBottom", this.i.vq.bottom);
-            this.i.vq = this.i.vq;
+            this.i.vs.bottom = +v;
+            this._a("dataToolTipBadgeMarginBottom", this.i.vs.bottom);
+            this.i.vs = this.i.vs;
         }
         get dataToolTipBadgeMarginLeft() {
-            return this.i.vq ? this.i.vq.left : NaN;
+            return this.i.vs ? this.i.vs.left : NaN;
         }
         set dataToolTipBadgeMarginLeft(v) {
             this.ensureDataToolTipBadgeMargin();
-            this.i.vq.left = +v;
-            this._a("dataToolTipBadgeMarginLeft", this.i.vq.left);
-            this.i.vq = this.i.vq;
+            this.i.vs.left = +v;
+            this._a("dataToolTipBadgeMarginLeft", this.i.vs.left);
+            this.i.vs = this.i.vs;
         }
         get dataToolTipBadgeMarginRight() {
-            return this.i.vq ? this.i.vq.right : NaN;
+            return this.i.vs ? this.i.vs.right : NaN;
         }
         set dataToolTipBadgeMarginRight(v) {
             this.ensureDataToolTipBadgeMargin();
-            this.i.vq.right = +v;
-            this._a("dataToolTipBadgeMarginRight", this.i.vq.right);
-            this.i.vq = this.i.vq;
+            this.i.vs.right = +v;
+            this._a("dataToolTipBadgeMarginRight", this.i.vs.right);
+            this.i.vs = this.i.vs;
         }
         get dataToolTipBadgeMarginTop() {
-            return this.i.vq ? this.i.vq.top : NaN;
+            return this.i.vs ? this.i.vs.top : NaN;
         }
         set dataToolTipBadgeMarginTop(v) {
             this.ensureDataToolTipBadgeMargin();
-            this.i.vq.top = +v;
-            this._a("dataToolTipBadgeMarginTop", this.i.vq.top);
-            this.i.vq = this.i.vq;
+            this.i.vs.top = +v;
+            this._a("dataToolTipBadgeMarginTop", this.i.vs.top);
+            this.i.vs = this.i.vs;
         }
         ensureDataToolTipBadgeMargin() {
-            if (this.i.vq) {
+            if (this.i.vs) {
                 return;
             }
-            this.i.vq = new Thickness(2);
+            this.i.vs = new Thickness(2);
         }
         /**
          * Gets or sets the BadgeShape for the data legend.
@@ -1328,62 +1331,62 @@ export let IgcDomainChartComponent = /*@__PURE__*/ (() => {
          * Gets or sets the units text for the data legend.
         */
         get dataToolTipUnitsText() {
-            return this.i.nl;
+            return this.i.nn;
         }
         set dataToolTipUnitsText(v) {
-            this.i.nl = v;
+            this.i.nn = v;
         }
         /**
          * Gets or sets the units text color.
         */
         get dataToolTipUnitsTextColor() {
-            return brushToString(this.i.ux);
+            return brushToString(this.i.uz);
         }
         set dataToolTipUnitsTextColor(v) {
-            this.i.ux = stringToBrush(v);
-            this._a("dataToolTipUnitsTextColor", brushToString(this.i.ux));
+            this.i.uz = stringToBrush(v);
+            this._a("dataToolTipUnitsTextColor", brushToString(this.i.uz));
         }
         get dataToolTipUnitsTextMarginBottom() {
-            return this.i.vx ? this.i.vx.bottom : NaN;
+            return this.i.vz ? this.i.vz.bottom : NaN;
         }
         set dataToolTipUnitsTextMarginBottom(v) {
             this.ensureDataToolTipUnitsTextMargin();
-            this.i.vx.bottom = +v;
-            this._a("dataToolTipUnitsTextMarginBottom", this.i.vx.bottom);
-            this.i.vx = this.i.vx;
+            this.i.vz.bottom = +v;
+            this._a("dataToolTipUnitsTextMarginBottom", this.i.vz.bottom);
+            this.i.vz = this.i.vz;
         }
         get dataToolTipUnitsTextMarginLeft() {
-            return this.i.vx ? this.i.vx.left : NaN;
+            return this.i.vz ? this.i.vz.left : NaN;
         }
         set dataToolTipUnitsTextMarginLeft(v) {
             this.ensureDataToolTipUnitsTextMargin();
-            this.i.vx.left = +v;
-            this._a("dataToolTipUnitsTextMarginLeft", this.i.vx.left);
-            this.i.vx = this.i.vx;
+            this.i.vz.left = +v;
+            this._a("dataToolTipUnitsTextMarginLeft", this.i.vz.left);
+            this.i.vz = this.i.vz;
         }
         get dataToolTipUnitsTextMarginRight() {
-            return this.i.vx ? this.i.vx.right : NaN;
+            return this.i.vz ? this.i.vz.right : NaN;
         }
         set dataToolTipUnitsTextMarginRight(v) {
             this.ensureDataToolTipUnitsTextMargin();
-            this.i.vx.right = +v;
-            this._a("dataToolTipUnitsTextMarginRight", this.i.vx.right);
-            this.i.vx = this.i.vx;
+            this.i.vz.right = +v;
+            this._a("dataToolTipUnitsTextMarginRight", this.i.vz.right);
+            this.i.vz = this.i.vz;
         }
         get dataToolTipUnitsTextMarginTop() {
-            return this.i.vx ? this.i.vx.top : NaN;
+            return this.i.vz ? this.i.vz.top : NaN;
         }
         set dataToolTipUnitsTextMarginTop(v) {
             this.ensureDataToolTipUnitsTextMargin();
-            this.i.vx.top = +v;
-            this._a("dataToolTipUnitsTextMarginTop", this.i.vx.top);
-            this.i.vx = this.i.vx;
+            this.i.vz.top = +v;
+            this._a("dataToolTipUnitsTextMarginTop", this.i.vz.top);
+            this.i.vz = this.i.vz;
         }
         ensureDataToolTipUnitsTextMargin() {
-            if (this.i.vx) {
+            if (this.i.vz) {
                 return;
             }
-            this.i.vx = new Thickness(2);
+            this.i.vz = new Thickness(2);
         }
         /**
          * Gets or Sets the style to use for the units text.
@@ -1401,56 +1404,56 @@ export let IgcDomainChartComponent = /*@__PURE__*/ (() => {
             this._a("dataToolTipUnitsTextStyle", this.i.ek != null ? this.i.ek.fontString : "");
         }
         get dataToolTipTitleTextMarginBottom() {
-            return this.i.vw ? this.i.vw.bottom : NaN;
+            return this.i.vy ? this.i.vy.bottom : NaN;
         }
         set dataToolTipTitleTextMarginBottom(v) {
             this.ensureDataToolTipTitleTextMargin();
-            this.i.vw.bottom = +v;
-            this._a("dataToolTipTitleTextMarginBottom", this.i.vw.bottom);
-            this.i.vw = this.i.vw;
+            this.i.vy.bottom = +v;
+            this._a("dataToolTipTitleTextMarginBottom", this.i.vy.bottom);
+            this.i.vy = this.i.vy;
         }
         get dataToolTipTitleTextMarginLeft() {
-            return this.i.vw ? this.i.vw.left : NaN;
+            return this.i.vy ? this.i.vy.left : NaN;
         }
         set dataToolTipTitleTextMarginLeft(v) {
             this.ensureDataToolTipTitleTextMargin();
-            this.i.vw.left = +v;
-            this._a("dataToolTipTitleTextMarginLeft", this.i.vw.left);
-            this.i.vw = this.i.vw;
+            this.i.vy.left = +v;
+            this._a("dataToolTipTitleTextMarginLeft", this.i.vy.left);
+            this.i.vy = this.i.vy;
         }
         get dataToolTipTitleTextMarginRight() {
-            return this.i.vw ? this.i.vw.right : NaN;
+            return this.i.vy ? this.i.vy.right : NaN;
         }
         set dataToolTipTitleTextMarginRight(v) {
             this.ensureDataToolTipTitleTextMargin();
-            this.i.vw.right = +v;
-            this._a("dataToolTipTitleTextMarginRight", this.i.vw.right);
-            this.i.vw = this.i.vw;
+            this.i.vy.right = +v;
+            this._a("dataToolTipTitleTextMarginRight", this.i.vy.right);
+            this.i.vy = this.i.vy;
         }
         get dataToolTipTitleTextMarginTop() {
-            return this.i.vw ? this.i.vw.top : NaN;
+            return this.i.vy ? this.i.vy.top : NaN;
         }
         set dataToolTipTitleTextMarginTop(v) {
             this.ensureDataToolTipTitleTextMargin();
-            this.i.vw.top = +v;
-            this._a("dataToolTipTitleTextMarginTop", this.i.vw.top);
-            this.i.vw = this.i.vw;
+            this.i.vy.top = +v;
+            this._a("dataToolTipTitleTextMarginTop", this.i.vy.top);
+            this.i.vy = this.i.vy;
         }
         ensureDataToolTipTitleTextMargin() {
-            if (this.i.vw) {
+            if (this.i.vy) {
                 return;
             }
-            this.i.vw = new Thickness(2);
+            this.i.vy = new Thickness(2);
         }
         /**
          * Gets or sets the display text color.
         */
         get dataToolTipTitleTextColor() {
-            return brushToString(this.i.uw);
+            return brushToString(this.i.uy);
         }
         set dataToolTipTitleTextColor(v) {
-            this.i.uw = stringToBrush(v);
-            this._a("dataToolTipTitleTextColor", brushToString(this.i.uw));
+            this.i.uy = stringToBrush(v);
+            this._a("dataToolTipTitleTextColor", brushToString(this.i.uy));
         }
         /**
          * Gets or Sets the style to use for the display text.
@@ -1481,53 +1484,53 @@ export let IgcDomainChartComponent = /*@__PURE__*/ (() => {
          * Gets or sets the units text color.
         */
         get dataToolTipLabelTextColor() {
-            return brushToString(this.i.ur);
+            return brushToString(this.i.ut);
         }
         set dataToolTipLabelTextColor(v) {
-            this.i.ur = stringToBrush(v);
-            this._a("dataToolTipLabelTextColor", brushToString(this.i.ur));
+            this.i.ut = stringToBrush(v);
+            this._a("dataToolTipLabelTextColor", brushToString(this.i.ut));
         }
         get dataToolTipLabelTextMarginBottom() {
-            return this.i.vt ? this.i.vt.bottom : NaN;
+            return this.i.vv ? this.i.vv.bottom : NaN;
         }
         set dataToolTipLabelTextMarginBottom(v) {
             this.ensureDataToolTipLabelTextMargin();
-            this.i.vt.bottom = +v;
-            this._a("dataToolTipLabelTextMarginBottom", this.i.vt.bottom);
-            this.i.vt = this.i.vt;
+            this.i.vv.bottom = +v;
+            this._a("dataToolTipLabelTextMarginBottom", this.i.vv.bottom);
+            this.i.vv = this.i.vv;
         }
         get dataToolTipLabelTextMarginLeft() {
-            return this.i.vt ? this.i.vt.left : NaN;
+            return this.i.vv ? this.i.vv.left : NaN;
         }
         set dataToolTipLabelTextMarginLeft(v) {
             this.ensureDataToolTipLabelTextMargin();
-            this.i.vt.left = +v;
-            this._a("dataToolTipLabelTextMarginLeft", this.i.vt.left);
-            this.i.vt = this.i.vt;
+            this.i.vv.left = +v;
+            this._a("dataToolTipLabelTextMarginLeft", this.i.vv.left);
+            this.i.vv = this.i.vv;
         }
         get dataToolTipLabelTextMarginRight() {
-            return this.i.vt ? this.i.vt.right : NaN;
+            return this.i.vv ? this.i.vv.right : NaN;
         }
         set dataToolTipLabelTextMarginRight(v) {
             this.ensureDataToolTipLabelTextMargin();
-            this.i.vt.right = +v;
-            this._a("dataToolTipLabelTextMarginRight", this.i.vt.right);
-            this.i.vt = this.i.vt;
+            this.i.vv.right = +v;
+            this._a("dataToolTipLabelTextMarginRight", this.i.vv.right);
+            this.i.vv = this.i.vv;
         }
         get dataToolTipLabelTextMarginTop() {
-            return this.i.vt ? this.i.vt.top : NaN;
+            return this.i.vv ? this.i.vv.top : NaN;
         }
         set dataToolTipLabelTextMarginTop(v) {
             this.ensureDataToolTipLabelTextMargin();
-            this.i.vt.top = +v;
-            this._a("dataToolTipLabelTextMarginTop", this.i.vt.top);
-            this.i.vt = this.i.vt;
+            this.i.vv.top = +v;
+            this._a("dataToolTipLabelTextMarginTop", this.i.vv.top);
+            this.i.vv = this.i.vv;
         }
         ensureDataToolTipLabelTextMargin() {
-            if (this.i.vt) {
+            if (this.i.vv) {
                 return;
             }
-            this.i.vt = new Thickness(2);
+            this.i.vv = new Thickness(2);
         }
         /**
          * Gets or Sets the style to use for the units text.
@@ -1749,37 +1752,37 @@ export let IgcDomainChartComponent = /*@__PURE__*/ (() => {
          * Gets or sets the sorts to apply to the chart. This property will become ignored if sorts are changed outside of this property.
         */
         get initialSorts() {
-            return this.i.oz;
+            return this.i.o1;
         }
         set initialSorts(v) {
-            this.i.oz = v;
+            this.i.o1 = v;
         }
         /**
          * Gets or sets the sorts to apply after grouping has been applied.
         */
         get groupSorts() {
-            return this.i.og;
+            return this.i.oi;
         }
         set groupSorts(v) {
-            this.i.og = v;
+            this.i.oi = v;
         }
         /**
          * Gets or sets the groupings to apply to the chart. This property will become ignored if sorts are changed outside of this property.
         */
         get initialGroups() {
-            return this.i.ox;
+            return this.i.oz;
         }
         set initialGroups(v) {
-            this.i.ox = v;
+            this.i.oz = v;
         }
         /**
          * Gets or sets the summaries to apply to the chart. This property will become ignored if sorts are changed outside of this property.
         */
         get initialSummaries() {
-            return this.i.o1;
+            return this.i.o3;
         }
         set initialSummaries(v) {
-            this.i.o1 = v;
+            this.i.o3 = v;
         }
         /**
          * Gets or sets a set of property paths that should be included for consideration by the category chart, leaving the remainder excluded. If null, all properties will be considered.
@@ -1879,11 +1882,11 @@ export let IgcDomainChartComponent = /*@__PURE__*/ (() => {
         * ```
         */
         get isHorizontalZoomEnabled() {
-            return this.i.f2;
+            return this.i.f4;
         }
         set isHorizontalZoomEnabled(v) {
-            this.i.f2 = ensureBool(v);
-            this._a("isHorizontalZoomEnabled", this.i.f2);
+            this.i.f4 = ensureBool(v);
+            this._a("isHorizontalZoomEnabled", this.i.f4);
         }
         /**
          * Gets or sets whether the chart can be vertically zoomed through user interactions.
@@ -1895,42 +1898,42 @@ export let IgcDomainChartComponent = /*@__PURE__*/ (() => {
         * ```
         */
         get isVerticalZoomEnabled() {
-            return this.i.f9;
+            return this.i.gb;
         }
         set isVerticalZoomEnabled(v) {
-            this.i.f9 = ensureBool(v);
-            this._a("isVerticalZoomEnabled", this.i.f9);
+            this.i.gb = ensureBool(v);
+            this._a("isVerticalZoomEnabled", this.i.gb);
         }
         /**
          * Gets or sets whether the chart should display mock data when the data source has not been provided, if supported for this type of chart.
         */
         get shouldDisplayMockData() {
-            return this.i.gc;
+            return this.i.ge;
         }
         set shouldDisplayMockData(v) {
-            this.i.gc = ensureBool(v);
-            this._a("shouldDisplayMockData", this.i.gc);
+            this.i.ge = ensureBool(v);
+            this._a("shouldDisplayMockData", this.i.ge);
         }
         /**
          * Gets or sets whether the chart should use a faded skeleton style for mock data.
         */
         get shouldUseSkeletonStyleForMockData() {
-            return this.i.gf;
+            return this.i.gh;
         }
         set shouldUseSkeletonStyleForMockData(v) {
-            this.i.gf = ensureBool(v);
-            this._a("shouldUseSkeletonStyleForMockData", this.i.gf);
+            this.i.gh = ensureBool(v);
+            this._a("shouldUseSkeletonStyleForMockData", this.i.gh);
         }
         /**
          * Gets or sets whether the chart can highlight series through user interactions.
          * This property applies to Category Chart and Financial Chart controls.
         */
         get isSeriesHighlightingEnabled() {
-            return this.i.f4;
+            return this.i.f6;
         }
         set isSeriesHighlightingEnabled(v) {
-            this.i.f4 = ensureBool(v);
-            this._a("isSeriesHighlightingEnabled", this.i.f4);
+            this.i.f6 = ensureBool(v);
+            this._a("isSeriesHighlightingEnabled", this.i.f6);
         }
         /**
          * Gets or sets the rectangle representing the current scroll and zoom state of the chart.
@@ -1943,11 +1946,11 @@ export let IgcDomainChartComponent = /*@__PURE__*/ (() => {
         * ```
         */
         get windowRect() {
-            return fromRect(this.i.vf);
+            return fromRect(this.i.vh);
         }
         set windowRect(v) {
-            this.i.vf = toRect(v);
-            this._a("windowRect", rectToString(this.i.vf));
+            this.i.vh = toRect(v);
+            this._a("windowRect", rectToString(this.i.vh));
         }
         /**
          * Gets a rectangle representing the bounds of the plot area.
@@ -1959,7 +1962,7 @@ export let IgcDomainChartComponent = /*@__PURE__*/ (() => {
         * ```
         */
         get viewport() {
-            return fromRect(this.i.ve);
+            return fromRect(this.i.vg);
         }
         /**
          * Gets or sets text to display above the plot area.
@@ -1971,10 +1974,10 @@ export let IgcDomainChartComponent = /*@__PURE__*/ (() => {
         * ```
         */
         get chartTitle() {
-            return this.i.qb;
+            return this.i.qd;
         }
         set chartTitle(v) {
-            this.i.qb = v;
+            this.i.qd = v;
         }
         /**
          * Gets or sets text to display below the Title, above the plot area.
@@ -1986,10 +1989,10 @@ export let IgcDomainChartComponent = /*@__PURE__*/ (() => {
         * ```
         */
         get subtitle() {
-            return this.i.p0;
+            return this.i.p2;
         }
         set subtitle(v) {
-            this.i.p0 = v;
+            this.i.p2 = v;
         }
         /**
          * Gets or sets horizontal alignment which determines the title position, relative to the left and right edges of the control.
@@ -2001,11 +2004,11 @@ export let IgcDomainChartComponent = /*@__PURE__*/ (() => {
         * ```
         */
         get titleAlignment() {
-            return this.i.tw;
+            return this.i.ty;
         }
         set titleAlignment(v) {
-            this.i.tw = ensureEnum(HorizontalAlignment_$type, v);
-            this._a("titleAlignment", enumToString(HorizontalAlignment_$type, this.i.tw));
+            this.i.ty = ensureEnum(HorizontalAlignment_$type, v);
+            this._a("titleAlignment", enumToString(HorizontalAlignment_$type, this.i.ty));
         }
         /**
          * Gets or sets horizontal alignment which determines the subtitle position, relative to the left and right edges of the control.
@@ -2017,11 +2020,11 @@ export let IgcDomainChartComponent = /*@__PURE__*/ (() => {
         * ```
         */
         get subtitleAlignment() {
-            return this.i.tv;
+            return this.i.tx;
         }
         set subtitleAlignment(v) {
-            this.i.tv = ensureEnum(HorizontalAlignment_$type, v);
-            this._a("subtitleAlignment", enumToString(HorizontalAlignment_$type, this.i.tv));
+            this.i.tx = ensureEnum(HorizontalAlignment_$type, v);
+            this._a("subtitleAlignment", enumToString(HorizontalAlignment_$type, this.i.tx));
         }
         /**
          * Gets or sets the behavior that determines how unknown values will be plotted on the chart.
@@ -2051,11 +2054,11 @@ export let IgcDomainChartComponent = /*@__PURE__*/ (() => {
         * ```
         */
         get resolution() {
-            return this.i.iv;
+            return this.i.ix;
         }
         set resolution(v) {
-            this.i.iv = +v;
-            this._a("resolution", this.i.iv);
+            this.i.ix = +v;
+            this._a("resolution", this.i.ix);
         }
         /**
          * Gets or sets the thickness for all series in this chart. Depending on the ChartType, this can be the main brush used, or just the outline.
@@ -2063,11 +2066,11 @@ export let IgcDomainChartComponent = /*@__PURE__*/ (() => {
         * Use the `Thickness` property for the thickness of all the series in this chart.
         */
         get thickness() {
-            return this.i.i1;
+            return this.i.i3;
         }
         set thickness(v) {
-            this.i.i1 = +v;
-            this._a("thickness", this.i.i1);
+            this.i.i3 = +v;
+            this._a("thickness", this.i.i3);
         }
         /**
          * Gets or sets the OutlineMode for all series in this chart.
@@ -2103,21 +2106,21 @@ export let IgcDomainChartComponent = /*@__PURE__*/ (() => {
          * Gets or sets the Marker Fill Opacity for all series that support markers in this chart.
         */
         get markerFillOpacity() {
-            return this.i.io;
+            return this.i.iq;
         }
         set markerFillOpacity(v) {
-            this.i.io = +v;
-            this._a("markerFillOpacity", this.i.io);
+            this.i.iq = +v;
+            this._a("markerFillOpacity", this.i.iq);
         }
         /**
          * Gets or sets the Marker Thickness for all series that support markers in this chart.
         */
         get markerThickness() {
-            return this.i.ip;
+            return this.i.ir;
         }
         set markerThickness(v) {
-            this.i.ip = +v;
-            this._a("markerThickness", this.i.ip);
+            this.i.ir = +v;
+            this._a("markerThickness", this.i.ir);
         }
         /**
          * Gets or sets the marker shapes used for indicating location of data points in this chart.
@@ -2207,32 +2210,32 @@ export let IgcDomainChartComponent = /*@__PURE__*/ (() => {
         * ```
         */
         get markerMaxCount() {
-            return this.i.j0;
+            return this.i.j2;
         }
         set markerMaxCount(v) {
-            this.i.j0 = +v;
-            this._a("markerMaxCount", this.i.j0);
+            this.i.j2 = +v;
+            this._a("markerMaxCount", this.i.j2);
         }
         /**
          * Gets or sets the fill opacity for all series that have area visuals in this chart.
          * For example, Area, SplineArea, Column chart types
         */
         get areaFillOpacity() {
-            return this.i.h7;
+            return this.i.h9;
         }
         set areaFillOpacity(v) {
-            this.i.h7 = +v;
-            this._a("areaFillOpacity", this.i.h7);
+            this.i.h9 = +v;
+            this._a("areaFillOpacity", this.i.h9);
         }
         /**
          * Gets or sets whether the series animations should be allowed when a range change has been detected on an axis.
         */
         get animateSeriesWhenAxisRangeChanges() {
-            return this.i.fh;
+            return this.i.fj;
         }
         set animateSeriesWhenAxisRangeChanges(v) {
-            this.i.fh = ensureBool(v);
-            this._a("animateSeriesWhenAxisRangeChanges", this.i.fh);
+            this.i.fj = ensureBool(v);
+            this._a("animateSeriesWhenAxisRangeChanges", this.i.fj);
         }
         /**
          * Gets or sets the palette of brushes to used for coloring trend lines in this chart.
@@ -2279,11 +2282,11 @@ export let IgcDomainChartComponent = /*@__PURE__*/ (() => {
         * ```
         */
         get trendLineThickness() {
-            return this.i.i7;
+            return this.i.i9;
         }
         set trendLineThickness(v) {
-            this.i.i7 = +v;
-            this._a("trendLineThickness", this.i.i7);
+            this.i.i9 = +v;
+            this._a("trendLineThickness", this.i.i9);
         }
         /**
          * Gets or sets a value indicating whether grid and tick lines are aligned to device pixels.
@@ -2295,51 +2298,51 @@ export let IgcDomainChartComponent = /*@__PURE__*/ (() => {
         * ```
         */
         get alignsGridLinesToPixels() {
-            return this.i.fg;
+            return this.i.fi;
         }
         set alignsGridLinesToPixels(v) {
-            this.i.fg = ensureBool(v);
-            this._a("alignsGridLinesToPixels", this.i.fg);
+            this.i.fi = ensureBool(v);
+            this._a("alignsGridLinesToPixels", this.i.fi);
         }
         /**
          * Margin applied to the Left of the plot area.
         */
         get plotAreaMarginLeft() {
-            return this.i.is;
+            return this.i.iu;
         }
         set plotAreaMarginLeft(v) {
-            this.i.is = +v;
-            this._a("plotAreaMarginLeft", this.i.is);
+            this.i.iu = +v;
+            this._a("plotAreaMarginLeft", this.i.iu);
         }
         /**
          * Margin applied to the Top of the plot area.
         */
         get plotAreaMarginTop() {
-            return this.i.iu;
+            return this.i.iw;
         }
         set plotAreaMarginTop(v) {
-            this.i.iu = +v;
-            this._a("plotAreaMarginTop", this.i.iu);
+            this.i.iw = +v;
+            this._a("plotAreaMarginTop", this.i.iw);
         }
         /**
          * Margin applied to the right of the plot area.
         */
         get plotAreaMarginRight() {
-            return this.i.it;
+            return this.i.iv;
         }
         set plotAreaMarginRight(v) {
-            this.i.it = +v;
-            this._a("plotAreaMarginRight", this.i.it);
+            this.i.iv = +v;
+            this._a("plotAreaMarginRight", this.i.iv);
         }
         /**
          * Margin applied below the plot area.
         */
         get plotAreaMarginBottom() {
-            return this.i.ir;
+            return this.i.it;
         }
         set plotAreaMarginBottom(v) {
-            this.i.ir = +v;
-            this._a("plotAreaMarginBottom", this.i.ir);
+            this.i.it = +v;
+            this._a("plotAreaMarginBottom", this.i.it);
         }
         /**
          * Gets or sets mode to use for automatically calculating the plot area margin.
@@ -2424,11 +2427,11 @@ export let IgcDomainChartComponent = /*@__PURE__*/ (() => {
             this._a("legendItemBadgeMode", enumToString(LegendItemBadgeMode_$type, this.i.ce));
         }
         get trendLinePeriod() {
-            return this.i.j2;
+            return this.i.j4;
         }
         set trendLinePeriod(v) {
-            this.i.j2 = +v;
-            this._a("trendLinePeriod", this.i.j2);
+            this.i.j4 = +v;
+            this._a("trendLinePeriod", this.i.j4);
         }
         /**
          * Gets or sets the style of tooltip to be displayed.
@@ -2454,201 +2457,201 @@ export let IgcDomainChartComponent = /*@__PURE__*/ (() => {
          * Gets or sets whether crosshairs will snap to the nearest data point.
         */
         get crosshairsSnapToData() {
-            return this.i.fn;
+            return this.i.fp;
         }
         set crosshairsSnapToData(v) {
-            this.i.fn = ensureBool(v);
-            this._a("crosshairsSnapToData", this.i.fn);
+            this.i.fp = ensureBool(v);
+            this._a("crosshairsSnapToData", this.i.fp);
         }
         /**
          * Gets or sets the color to apply to vertical crosshairs line.
         */
         get crosshairsLineVerticalStroke() {
-            return brushToString(this.i.up);
+            return brushToString(this.i.ur);
         }
         set crosshairsLineVerticalStroke(v) {
-            this.i.up = stringToBrush(v);
-            this._a("crosshairsLineVerticalStroke", brushToString(this.i.up));
+            this.i.ur = stringToBrush(v);
+            this._a("crosshairsLineVerticalStroke", brushToString(this.i.ur));
         }
         /**
          * Gets or sets thickness of crosshairs lines.
         */
         get crosshairsLineThickness() {
-            return this.i.h9;
+            return this.i.ib;
         }
         set crosshairsLineThickness(v) {
-            this.i.h9 = +v;
-            this._a("crosshairsLineThickness", this.i.h9);
+            this.i.ib = +v;
+            this._a("crosshairsLineThickness", this.i.ib);
         }
         /**
          * Gets or sets the color to apply to horizontal crosshairs line.
         */
         get crosshairsLineHorizontalStroke() {
-            return brushToString(this.i.uo);
+            return brushToString(this.i.uq);
         }
         set crosshairsLineHorizontalStroke(v) {
-            this.i.uo = stringToBrush(v);
-            this._a("crosshairsLineHorizontalStroke", brushToString(this.i.uo));
+            this.i.uq = stringToBrush(v);
+            this._a("crosshairsLineHorizontalStroke", brushToString(this.i.uq));
         }
         /**
          * Gets or sets whether annotations are shown along the axis for crosshair values
         */
         get crosshairsAnnotationEnabled() {
-            return this.i.fm;
+            return this.i.fo;
         }
         set crosshairsAnnotationEnabled(v) {
-            this.i.fm = ensureBool(v);
-            this._a("crosshairsAnnotationEnabled", this.i.fm);
+            this.i.fo = ensureBool(v);
+            this._a("crosshairsAnnotationEnabled", this.i.fo);
         }
         /**
          * Gets or sets the background of crosshair annotation on x-axis.
         */
         get crosshairsAnnotationXAxisBackground() {
-            return brushToString(this.i.uk);
+            return brushToString(this.i.um);
         }
         set crosshairsAnnotationXAxisBackground(v) {
-            this.i.uk = stringToBrush(v);
-            this._a("crosshairsAnnotationXAxisBackground", brushToString(this.i.uk));
+            this.i.um = stringToBrush(v);
+            this._a("crosshairsAnnotationXAxisBackground", brushToString(this.i.um));
         }
         /**
          * Gets or sets the background of crosshair annotation on y-axis.
         */
         get crosshairsAnnotationYAxisBackground() {
-            return brushToString(this.i.um);
+            return brushToString(this.i.uo);
         }
         set crosshairsAnnotationYAxisBackground(v) {
-            this.i.um = stringToBrush(v);
-            this._a("crosshairsAnnotationYAxisBackground", brushToString(this.i.um));
+            this.i.uo = stringToBrush(v);
+            this._a("crosshairsAnnotationYAxisBackground", brushToString(this.i.uo));
         }
         /**
          * Gets or sets the text color of crosshair annotation on x-axis.
         */
         get crosshairsAnnotationXAxisTextColor() {
-            return brushToString(this.i.ul);
+            return brushToString(this.i.un);
         }
         set crosshairsAnnotationXAxisTextColor(v) {
-            this.i.ul = stringToBrush(v);
-            this._a("crosshairsAnnotationXAxisTextColor", brushToString(this.i.ul));
+            this.i.un = stringToBrush(v);
+            this._a("crosshairsAnnotationXAxisTextColor", brushToString(this.i.un));
         }
         /**
          * Gets or sets the text color of crosshair annotation on y-axis.
         */
         get crosshairsAnnotationYAxisTextColor() {
-            return brushToString(this.i.un);
+            return brushToString(this.i.up);
         }
         set crosshairsAnnotationYAxisTextColor(v) {
-            this.i.un = stringToBrush(v);
-            this._a("crosshairsAnnotationYAxisTextColor", brushToString(this.i.un));
+            this.i.up = stringToBrush(v);
+            this._a("crosshairsAnnotationYAxisTextColor", brushToString(this.i.up));
         }
         /**
          * Gets or sets precision on interpolated values of crosshairs on x-axis.
         */
         get crosshairsAnnotationXAxisPrecision() {
-            return this.i.jv;
+            return this.i.jx;
         }
         set crosshairsAnnotationXAxisPrecision(v) {
-            this.i.jv = +v;
-            this._a("crosshairsAnnotationXAxisPrecision", this.i.jv);
+            this.i.jx = +v;
+            this._a("crosshairsAnnotationXAxisPrecision", this.i.jx);
         }
         /**
          * Gets or sets precision on interpolated values of crosshairs on y-axis.
         */
         get crosshairsAnnotationYAxisPrecision() {
-            return this.i.jw;
+            return this.i.jy;
         }
         set crosshairsAnnotationYAxisPrecision(v) {
-            this.i.jw = +v;
-            this._a("crosshairsAnnotationYAxisPrecision", this.i.jw);
+            this.i.jy = +v;
+            this._a("crosshairsAnnotationYAxisPrecision", this.i.jy);
         }
         /**
          * Gets or sets whether annotations for the final value of each series is displayed on the axis.
         */
         get shouldAvoidAxisAnnotationCollisions() {
-            return this.i.gb;
+            return this.i.gd;
         }
         set shouldAvoidAxisAnnotationCollisions(v) {
-            this.i.gb = ensureBool(v);
-            this._a("shouldAvoidAxisAnnotationCollisions", this.i.gb);
+            this.i.gd = ensureBool(v);
+            this._a("shouldAvoidAxisAnnotationCollisions", this.i.gd);
         }
         /**
          * Gets or sets a whether the chart should pan its content when zooing in passed max zoom level.
         */
         get shouldPanOnMaximumZoom() {
-            return this.i.gd;
+            return this.i.gf;
         }
         set shouldPanOnMaximumZoom(v) {
-            this.i.gd = ensureBool(v);
-            this._a("shouldPanOnMaximumZoom", this.i.gd);
+            this.i.gf = ensureBool(v);
+            this._a("shouldPanOnMaximumZoom", this.i.gf);
         }
         /**
          * Gets or sets whether annotations for the final value of each series is displayed on the axis.
         */
         get finalValueAnnotationsVisible() {
-            return this.i.ft;
+            return this.i.fv;
         }
         set finalValueAnnotationsVisible(v) {
-            this.i.ft = ensureBool(v);
-            this._a("finalValueAnnotationsVisible", this.i.ft);
+            this.i.fv = ensureBool(v);
+            this._a("finalValueAnnotationsVisible", this.i.fv);
         }
         /**
          * Gets or sets the background of final value annotation.
         */
         get finalValueAnnotationsBackground() {
-            return brushToString(this.i.uz);
+            return brushToString(this.i.u1);
         }
         set finalValueAnnotationsBackground(v) {
-            this.i.uz = stringToBrush(v);
-            this._a("finalValueAnnotationsBackground", brushToString(this.i.uz));
+            this.i.u1 = stringToBrush(v);
+            this._a("finalValueAnnotationsBackground", brushToString(this.i.u1));
         }
         /**
          * Gets or sets the text color of final value annotation.
         */
         get finalValueAnnotationsTextColor() {
-            return brushToString(this.i.u0);
+            return brushToString(this.i.u2);
         }
         set finalValueAnnotationsTextColor(v) {
-            this.i.u0 = stringToBrush(v);
-            this._a("finalValueAnnotationsTextColor", brushToString(this.i.u0));
+            this.i.u2 = stringToBrush(v);
+            this._a("finalValueAnnotationsTextColor", brushToString(this.i.u2));
         }
         /**
          * Gets or sets precision on final value annotation.
         */
         get finalValueAnnotationsPrecision() {
-            return this.i.jz;
+            return this.i.j1;
         }
         set finalValueAnnotationsPrecision(v) {
-            this.i.jz = +v;
-            this._a("finalValueAnnotationsPrecision", this.i.jz);
+            this.i.j1 = +v;
+            this._a("finalValueAnnotationsPrecision", this.i.j1);
         }
         /**
          * Gets or sets if the auto value callouts should be displayed.
         */
         get autoCalloutsVisible() {
-            return this.i.fj;
+            return this.i.fl;
         }
         set autoCalloutsVisible(v) {
-            this.i.fj = ensureBool(v);
-            this._a("autoCalloutsVisible", this.i.fj);
+            this.i.fl = ensureBool(v);
+            this._a("autoCalloutsVisible", this.i.fl);
         }
         /**
          * Gets or sets if callouts should be displayed.
         */
         get calloutsVisible() {
-            return this.i.fl;
+            return this.i.fn;
         }
         set calloutsVisible(v) {
-            this.i.fl = ensureBool(v);
-            this._a("calloutsVisible", this.i.fl);
+            this.i.fn = ensureBool(v);
+            this._a("calloutsVisible", this.i.fn);
         }
         /**
          * Gets or sets if event annotations should be displayed.
         */
         get calloutStyleUpdatingEventEnabled() {
-            return this.i.fk;
+            return this.i.fm;
         }
         set calloutStyleUpdatingEventEnabled(v) {
-            this.i.fk = ensureBool(v);
-            this._a("calloutStyleUpdatingEventEnabled", this.i.fk);
+            this.i.fm = ensureBool(v);
+            this._a("calloutStyleUpdatingEventEnabled", this.i.fm);
         }
         /**
          * Gets or sets the allowed positions that the callout layer is allowed to use.
@@ -2686,37 +2689,37 @@ export let IgcDomainChartComponent = /*@__PURE__*/ (() => {
          * Gets or sets the member path of the X data for the callouts.
         */
         get calloutsXMemberPath() {
-            return this.i.lm;
+            return this.i.lo;
         }
         set calloutsXMemberPath(v) {
-            this.i.lm = v;
+            this.i.lo = v;
         }
         /**
          * Gets or sets the member path of the Y data for the callouts.
         */
         get calloutsYMemberPath() {
-            return this.i.lo;
+            return this.i.lq;
         }
         set calloutsYMemberPath(v) {
-            this.i.lo = v;
+            this.i.lq = v;
         }
         /**
          * Gets or sets the member path of the label data for the callouts.
         */
         get calloutsLabelMemberPath() {
-            return this.i.li;
+            return this.i.lk;
         }
         set calloutsLabelMemberPath(v) {
-            this.i.li = v;
+            this.i.lk = v;
         }
         /**
          * Gets or sets the member path of the content data for the callouts.
         */
         get calloutsContentMemberPath() {
-            return this.i.lf;
+            return this.i.lh;
         }
         set calloutsContentMemberPath(v) {
-            this.i.lf = v;
+            this.i.lh = v;
         }
         /**
          * Gets or sets what value lines to use in the chart.
@@ -2765,11 +2768,11 @@ export let IgcDomainChartComponent = /*@__PURE__*/ (() => {
          * Gets or sets thickness of value lines.
         */
         get valueLinesThickness() {
-            return this.i.i8;
+            return this.i.ja;
         }
         set valueLinesThickness(v) {
-            this.i.i8 = +v;
-            this._a("valueLinesThickness", this.i.i8);
+            this.i.ja = +v;
+            this._a("valueLinesThickness", this.i.ja);
         }
         /**
          * Gets or sets the horizontal scrollbar mode to use for the series viewer.
@@ -2815,201 +2818,201 @@ export let IgcDomainChartComponent = /*@__PURE__*/ (() => {
          * Gets or sets the fill to use for the horizontal scrollbar in the component, when enabled.
         */
         get horizontalViewScrollbarFill() {
-            return brushToString(this.i.u5);
+            return brushToString(this.i.u7);
         }
         set horizontalViewScrollbarFill(v) {
-            this.i.u5 = stringToBrush(v);
-            this._a("horizontalViewScrollbarFill", brushToString(this.i.u5));
+            this.i.u7 = stringToBrush(v);
+            this._a("horizontalViewScrollbarFill", brushToString(this.i.u7));
         }
         /**
          * Gets or sets the outline to use for the horizontal scrollbar in the component, when enabled.
         */
         get horizontalViewScrollbarOutline() {
-            return brushToString(this.i.u6);
+            return brushToString(this.i.u8);
         }
         set horizontalViewScrollbarOutline(v) {
-            this.i.u6 = stringToBrush(v);
-            this._a("horizontalViewScrollbarOutline", brushToString(this.i.u6));
+            this.i.u8 = stringToBrush(v);
+            this._a("horizontalViewScrollbarOutline", brushToString(this.i.u8));
         }
         /**
          * Gets or sets the stroke thickness to use for the horizontal scrollbar in the component, when enabled.
         */
         get horizontalViewScrollbarStrokeThickness() {
-            return this.i.ij;
+            return this.i.il;
         }
         set horizontalViewScrollbarStrokeThickness(v) {
-            this.i.ij = +v;
-            this._a("horizontalViewScrollbarStrokeThickness", this.i.ij);
+            this.i.il = +v;
+            this._a("horizontalViewScrollbarStrokeThickness", this.i.il);
         }
         /**
          * Gets or sets the max opacity to use for the horizontal scrollbar in the component, when enabled.
         */
         get horizontalViewScrollbarMaxOpacity() {
-            return this.i.ii;
+            return this.i.ik;
         }
         set horizontalViewScrollbarMaxOpacity(v) {
-            this.i.ii = +v;
-            this._a("horizontalViewScrollbarMaxOpacity", this.i.ii);
+            this.i.ik = +v;
+            this._a("horizontalViewScrollbarMaxOpacity", this.i.ik);
         }
         /**
          * Gets or sets the corner radius to use for the horizontal scrollbar in the component, when enabled.
         */
         get horizontalViewScrollbarCornerRadius() {
-            return this.i.ie;
+            return this.i.ih;
         }
         set horizontalViewScrollbarCornerRadius(v) {
-            this.i.ie = +v;
-            this._a("horizontalViewScrollbarCornerRadius", this.i.ie);
+            this.i.ih = +v;
+            this._a("horizontalViewScrollbarCornerRadius", this.i.ih);
         }
         /**
          * Gets or sets the height to use for the horizontal scrollbar in the component, when enabled.
         */
         get horizontalViewScrollbarHeight() {
-            return this.i.ig;
+            return this.i.ii;
         }
         set horizontalViewScrollbarHeight(v) {
-            this.i.ig = +v;
-            this._a("horizontalViewScrollbarHeight", this.i.ig);
+            this.i.ii = +v;
+            this._a("horizontalViewScrollbarHeight", this.i.ii);
         }
         /**
          * Gets or sets the inset distance to use for the horizontal scrollbar in the component, when enabled.
         */
         get horizontalViewScrollbarInset() {
-            return this.i.ih;
+            return this.i.ij;
         }
         set horizontalViewScrollbarInset(v) {
-            this.i.ih = +v;
-            this._a("horizontalViewScrollbarInset", this.i.ih);
+            this.i.ij = +v;
+            this._a("horizontalViewScrollbarInset", this.i.ij);
         }
         /**
          * Gets or sets the track start inset to use for the horizontal scrollbar in the component, when enabled.
         */
         get horizontalViewScrollbarTrackStartInset() {
-            return this.i.il;
+            return this.i.io;
         }
         set horizontalViewScrollbarTrackStartInset(v) {
-            this.i.il = +v;
-            this._a("horizontalViewScrollbarTrackStartInset", this.i.il);
+            this.i.io = +v;
+            this._a("horizontalViewScrollbarTrackStartInset", this.i.io);
         }
         /**
          * Gets or sets the track end inset to use for the horizontal scrollbar in the component, when enabled.
         */
         get horizontalViewScrollbarTrackEndInset() {
-            return this.i.ik;
+            return this.i.im;
         }
         set horizontalViewScrollbarTrackEndInset(v) {
-            this.i.ik = +v;
-            this._a("horizontalViewScrollbarTrackEndInset", this.i.ik);
+            this.i.im = +v;
+            this._a("horizontalViewScrollbarTrackEndInset", this.i.im);
         }
         /**
          * Gets or sets whether to use automatic track insets for the horizontal scrollbar in the component, when enabled.
         */
         get horizontalViewScrollbarShouldAddAutoTrackInsets() {
-            return this.i.fv;
+            return this.i.fx;
         }
         set horizontalViewScrollbarShouldAddAutoTrackInsets(v) {
-            this.i.fv = ensureBool(v);
-            this._a("horizontalViewScrollbarShouldAddAutoTrackInsets", this.i.fv);
+            this.i.fx = ensureBool(v);
+            this._a("horizontalViewScrollbarShouldAddAutoTrackInsets", this.i.fx);
         }
         /**
          * Gets or sets the fill to use for the vertical scrollbar in the component, when enabled.
         */
         get verticalViewScrollbarFill() {
-            return brushToString(this.i.va);
+            return brushToString(this.i.vc);
         }
         set verticalViewScrollbarFill(v) {
-            this.i.va = stringToBrush(v);
-            this._a("verticalViewScrollbarFill", brushToString(this.i.va));
+            this.i.vc = stringToBrush(v);
+            this._a("verticalViewScrollbarFill", brushToString(this.i.vc));
         }
         /**
          * Gets or sets the outline to use for the vertical scrollbar in the component, when enabled.
         */
         get verticalViewScrollbarOutline() {
-            return brushToString(this.i.vb);
+            return brushToString(this.i.vd);
         }
         set verticalViewScrollbarOutline(v) {
-            this.i.vb = stringToBrush(v);
-            this._a("verticalViewScrollbarOutline", brushToString(this.i.vb));
+            this.i.vd = stringToBrush(v);
+            this._a("verticalViewScrollbarOutline", brushToString(this.i.vd));
         }
         /**
          * Gets or sets the stroke thickness to use for the vertical scrollbar in the component, when enabled.
         */
         get verticalViewScrollbarStrokeThickness() {
-            return this.i.jc;
+            return this.i.je;
         }
         set verticalViewScrollbarStrokeThickness(v) {
-            this.i.jc = +v;
-            this._a("verticalViewScrollbarStrokeThickness", this.i.jc);
+            this.i.je = +v;
+            this._a("verticalViewScrollbarStrokeThickness", this.i.je);
         }
         /**
          * Gets or sets the max opacity to use for the vertical scrollbar in the component, when enabled.
         */
         get verticalViewScrollbarMaxOpacity() {
-            return this.i.jb;
+            return this.i.jd;
         }
         set verticalViewScrollbarMaxOpacity(v) {
-            this.i.jb = +v;
-            this._a("verticalViewScrollbarMaxOpacity", this.i.jb);
+            this.i.jd = +v;
+            this._a("verticalViewScrollbarMaxOpacity", this.i.jd);
         }
         /**
          * Gets or sets the corner radius to use for the vertical scrollbar in the component, when enabled.
         */
         get verticalViewScrollbarCornerRadius() {
-            return this.i.i9;
+            return this.i.jb;
         }
         set verticalViewScrollbarCornerRadius(v) {
-            this.i.i9 = +v;
-            this._a("verticalViewScrollbarCornerRadius", this.i.i9);
+            this.i.jb = +v;
+            this._a("verticalViewScrollbarCornerRadius", this.i.jb);
         }
         /**
          * Gets or sets the width to use for the vertical scrollbar in the component, when enabled.
         */
         get verticalViewScrollbarWidth() {
-            return this.i.jf;
+            return this.i.jh;
         }
         set verticalViewScrollbarWidth(v) {
-            this.i.jf = +v;
-            this._a("verticalViewScrollbarWidth", this.i.jf);
+            this.i.jh = +v;
+            this._a("verticalViewScrollbarWidth", this.i.jh);
         }
         /**
          * Gets or sets the inset distance to use for the vertical scrollbar in the component, when enabled.
         */
         get verticalViewScrollbarInset() {
-            return this.i.ja;
+            return this.i.jc;
         }
         set verticalViewScrollbarInset(v) {
-            this.i.ja = +v;
-            this._a("verticalViewScrollbarInset", this.i.ja);
+            this.i.jc = +v;
+            this._a("verticalViewScrollbarInset", this.i.jc);
         }
         /**
          * Gets or sets the track start inset to use for the vertical scrollbar in the component, when enabled.
         */
         get verticalViewScrollbarTrackStartInset() {
-            return this.i.je;
+            return this.i.jg;
         }
         set verticalViewScrollbarTrackStartInset(v) {
-            this.i.je = +v;
-            this._a("verticalViewScrollbarTrackStartInset", this.i.je);
+            this.i.jg = +v;
+            this._a("verticalViewScrollbarTrackStartInset", this.i.jg);
         }
         /**
          * Gets or sets the track end inset to use for the vertical scrollbar in the component, when enabled.
         */
         get verticalViewScrollbarTrackEndInset() {
-            return this.i.jd;
+            return this.i.jf;
         }
         set verticalViewScrollbarTrackEndInset(v) {
-            this.i.jd = +v;
-            this._a("verticalViewScrollbarTrackEndInset", this.i.jd);
+            this.i.jf = +v;
+            this._a("verticalViewScrollbarTrackEndInset", this.i.jf);
         }
         /**
          * Gets or sets whether to use automatic track insets for the vertical scrollbar in the component, when enabled.
         */
         get verticalViewScrollbarShouldAddAutoTrackInsets() {
-            return this.i.gg;
+            return this.i.gi;
         }
         set verticalViewScrollbarShouldAddAutoTrackInsets(v) {
-            this.i.gg = ensureBool(v);
-            this._a("verticalViewScrollbarShouldAddAutoTrackInsets", this.i.gg);
+            this.i.gi = ensureBool(v);
+            this._a("verticalViewScrollbarShouldAddAutoTrackInsets", this.i.gi);
         }
         /**
          * Sets or gets the minimum width that the window rect is allowed to reach before being clamped.
@@ -3018,11 +3021,11 @@ export let IgcDomainChartComponent = /*@__PURE__*/ (() => {
          * This property accepts values between 0.0 (max zooming) and 1.0 (no zooming)
         */
         get windowRectMinWidth() {
-            return this.i.jh;
+            return this.i.jj;
         }
         set windowRectMinWidth(v) {
-            this.i.jh = +v;
-            this._a("windowRectMinWidth", this.i.jh);
+            this.i.jj = +v;
+            this._a("windowRectMinWidth", this.i.jj);
         }
         /**
          * Sets or gets the minimum height that the window rect is allowed to reach before being clamped.
@@ -3031,11 +3034,11 @@ export let IgcDomainChartComponent = /*@__PURE__*/ (() => {
          * This property accepts values between 0.0 (max zooming) and 1.0 (no zooming)
         */
         get windowRectMinHeight() {
-            return this.i.jg;
+            return this.i.ji;
         }
         set windowRectMinHeight(v) {
-            this.i.jg = +v;
-            this._a("windowRectMinHeight", this.i.jg);
+            this.i.ji = +v;
+            this._a("windowRectMinHeight", this.i.ji);
         }
         /**
          * Sets or gets minimum pixel width that the window is allowed to reach before being clamped.
@@ -3044,11 +3047,11 @@ export let IgcDomainChartComponent = /*@__PURE__*/ (() => {
          * This property is overridden by the WindowRectMinWidth property
         */
         get windowSizeMinWidth() {
-            return this.i.jj;
+            return this.i.jl;
         }
         set windowSizeMinWidth(v) {
-            this.i.jj = +v;
-            this._a("windowSizeMinWidth", this.i.jj);
+            this.i.jl = +v;
+            this._a("windowSizeMinWidth", this.i.jl);
         }
         /**
          * Sets or gets minimum pixel height that the window is allowed to reach before being clamped.
@@ -3057,11 +3060,11 @@ export let IgcDomainChartComponent = /*@__PURE__*/ (() => {
          * This property is overridden by the WindowRectMinHeight property
         */
         get windowSizeMinHeight() {
-            return this.i.ji;
+            return this.i.jk;
         }
         set windowSizeMinHeight(v) {
-            this.i.ji = +v;
-            this._a("windowSizeMinHeight", this.i.ji);
+            this.i.jk = +v;
+            this._a("windowSizeMinHeight", this.i.jk);
         }
         findByName(name) {
             if (this.findEphemera) {
@@ -3209,7 +3212,7 @@ export let IgcDomainChartComponent = /*@__PURE__*/ (() => {
             this.i.notifyResized();
         }
         notifyVisualPropertiesChanged() {
-            this.i.sm();
+            this.i.so();
         }
         /**
          * Forces any pending refresh to the chart to be finished.
@@ -3222,7 +3225,7 @@ export let IgcDomainChartComponent = /*@__PURE__*/ (() => {
         * ```
         */
         flush() {
-            this.i.rs();
+            this.i.ru();
         }
         /**
          * Hides the active main tooltip, if displayed.
@@ -3235,35 +3238,35 @@ export let IgcDomainChartComponent = /*@__PURE__*/ (() => {
         * ```
         */
         hideToolTip() {
-            this.i.r0();
+            this.i.r2();
         }
         /**
          * Replays transition-in animation on all series in the chart.
         
         */
         replayTransitionIn() {
-            this.i.tf();
+            this.i.th();
         }
         /**
          * Performs zoom in action on the chart by specified percentage of current window rect
         
         */
         zoomIn(percentage) {
-            this.i.tr(percentage);
+            this.i.tt(percentage);
         }
         /**
          * Performs zoom out action on the chart by specified percentage of current window rect
         
         */
         zoomOut(percentage) {
-            this.i.ts(percentage);
+            this.i.tu(percentage);
         }
         /**
          * Resets the zoom level to default.
         
         */
         resetZoom() {
-            this.i.tn();
+            this.i.tp();
         }
         getDesiredToolbarActions() {
             let iv = this.i.getDesiredToolbarActions();
@@ -3282,7 +3285,7 @@ export let IgcDomainChartComponent = /*@__PURE__*/ (() => {
             this.i.removeCommandStateChangedListener(listener);
         }
         notifySetItem(source_, index, oldItem, newItem) {
-            this.i.sl(source_, index, oldItem, newItem);
+            this.i.sn(source_, index, oldItem, newItem);
         }
         /**
          * Used to manually notify the chart that the data source has reset or cleared its items.
@@ -3295,13 +3298,13 @@ export let IgcDomainChartComponent = /*@__PURE__*/ (() => {
         * ```
         */
         notifyClearItems(source_) {
-            this.i.sh(source_);
+            this.i.sj(source_);
         }
         notifyInsertItem(source_, index, newItem) {
-            this.i.si(source_, index, newItem);
+            this.i.sk(source_, index, newItem);
         }
         notifyRemoveItem(source_, index, oldItem) {
-            this.i.sj(source_, index, oldItem);
+            this.i.sl(source_, index, oldItem);
         }
         /**
          * Event raised when a series is initialized and added to this chart.