igniteui-webcomponents-charts 6.0.0 → 6.0.1

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

@@ -240,11 +240,11 @@ export let IgcDomainChartComponent = /*@__PURE__*/ (() => {
      * to appear blurry.
     */
         get pixelScalingRatio() {
-            return this.i.j5;
+            return this.i.j9;
         }
         set pixelScalingRatio(v) {
-            this.i.j5 = +v;
-            this._a("pixelScalingRatio", this.i.j5);
+            this.i.j9 = +v;
+            this._a("pixelScalingRatio", this.i.j9);
         }
         /**
          * Gets or sets the left margin of chart title
@@ -256,11 +256,11 @@ export let IgcDomainChartComponent = /*@__PURE__*/ (() => {
         * ```
         */
         get titleLeftMargin() {
-            return this.i.ki;
+            return this.i.km;
         }
         set titleLeftMargin(v) {
-            this.i.ki = +v;
-            this._a("titleLeftMargin", this.i.ki);
+            this.i.km = +v;
+            this._a("titleLeftMargin", this.i.km);
         }
         /**
          * Gets or sets the right margin of chart title
@@ -272,11 +272,11 @@ export let IgcDomainChartComponent = /*@__PURE__*/ (() => {
         * ```
         */
         get titleRightMargin() {
-            return this.i.kj;
+            return this.i.kn;
         }
         set titleRightMargin(v) {
-            this.i.kj = +v;
-            this._a("titleRightMargin", this.i.kj);
+            this.i.kn = +v;
+            this._a("titleRightMargin", this.i.kn);
         }
         /**
          * Gets or sets the top margin of chart title
@@ -288,11 +288,11 @@ export let IgcDomainChartComponent = /*@__PURE__*/ (() => {
         * ```
         */
         get titleTopMargin() {
-            return this.i.kk;
+            return this.i.ko;
         }
         set titleTopMargin(v) {
-            this.i.kk = +v;
-            this._a("titleTopMargin", this.i.kk);
+            this.i.ko = +v;
+            this._a("titleTopMargin", this.i.ko);
         }
         /**
          * Gets or sets the bottom margin of chart title
@@ -304,11 +304,11 @@ export let IgcDomainChartComponent = /*@__PURE__*/ (() => {
         * ```
         */
         get titleBottomMargin() {
-            return this.i.kh;
+            return this.i.kl;
         }
         set titleBottomMargin(v) {
-            this.i.kh = +v;
-            this._a("titleBottomMargin", this.i.kh);
+            this.i.kl = +v;
+            this._a("titleBottomMargin", this.i.kl);
         }
         /**
          * Gets or sets the left margin of chart subtitle
@@ -320,11 +320,11 @@ export let IgcDomainChartComponent = /*@__PURE__*/ (() => {
         * ```
         */
         get subtitleLeftMargin() {
-            return this.i.kd;
+            return this.i.kh;
         }
         set subtitleLeftMargin(v) {
-            this.i.kd = +v;
-            this._a("subtitleLeftMargin", this.i.kd);
+            this.i.kh = +v;
+            this._a("subtitleLeftMargin", this.i.kh);
         }
         /**
          * Gets or sets the top margin of chart subtitle
@@ -336,11 +336,11 @@ export let IgcDomainChartComponent = /*@__PURE__*/ (() => {
         * ```
         */
         get subtitleTopMargin() {
-            return this.i.kf;
+            return this.i.kj;
         }
         set subtitleTopMargin(v) {
-            this.i.kf = +v;
-            this._a("subtitleTopMargin", this.i.kf);
+            this.i.kj = +v;
+            this._a("subtitleTopMargin", this.i.kj);
         }
         /**
          * Gets or sets the right margin of chart subtitle
@@ -352,11 +352,11 @@ export let IgcDomainChartComponent = /*@__PURE__*/ (() => {
         * ```
         */
         get subtitleRightMargin() {
-            return this.i.ke;
+            return this.i.ki;
         }
         set subtitleRightMargin(v) {
-            this.i.ke = +v;
-            this._a("subtitleRightMargin", this.i.ke);
+            this.i.ki = +v;
+            this._a("subtitleRightMargin", this.i.ki);
         }
         /**
          * Gets or sets the bottom margin of chart subtitle
@@ -368,11 +368,11 @@ export let IgcDomainChartComponent = /*@__PURE__*/ (() => {
         * ```
         */
         get subtitleBottomMargin() {
-            return this.i.kc;
+            return this.i.kg;
         }
         set subtitleBottomMargin(v) {
-            this.i.kc = +v;
-            this._a("subtitleBottomMargin", this.i.kc);
+            this.i.kg = +v;
+            this._a("subtitleBottomMargin", this.i.kg);
         }
         /**
          * Gets or sets color of chart subtitle
@@ -384,11 +384,11 @@ export let IgcDomainChartComponent = /*@__PURE__*/ (() => {
         * ```
         */
         get subtitleTextColor() {
-            return brushToString(this.i.zk);
+            return brushToString(this.i.zq);
         }
         set subtitleTextColor(v) {
-            this.i.zk = stringToBrush(v);
-            this._a("subtitleTextColor", brushToString(this.i.zk));
+            this.i.zq = stringToBrush(v);
+            this._a("subtitleTextColor", brushToString(this.i.zq));
         }
         /**
          * Gets or sets color of chart title
@@ -400,11 +400,11 @@ export let IgcDomainChartComponent = /*@__PURE__*/ (() => {
         * ```
         */
         get titleTextColor() {
-            return brushToString(this.i.zl);
+            return brushToString(this.i.zr);
         }
         set titleTextColor(v) {
-            this.i.zl = stringToBrush(v);
-            this._a("titleTextColor", brushToString(this.i.zl));
+            this.i.zr = stringToBrush(v);
+            this._a("titleTextColor", brushToString(this.i.zr));
         }
         /**
          * Gets or sets the left margin of the chart content.
@@ -416,11 +416,11 @@ export let IgcDomainChartComponent = /*@__PURE__*/ (() => {
         * ```
         */
         get leftMargin() {
-            return this.i.j2;
+            return this.i.j6;
         }
         set leftMargin(v) {
-            this.i.j2 = +v;
-            this._a("leftMargin", this.i.j2);
+            this.i.j6 = +v;
+            this._a("leftMargin", this.i.j6);
         }
         /**
          * Gets or sets the top margin of the chart content.
@@ -432,11 +432,11 @@ export let IgcDomainChartComponent = /*@__PURE__*/ (() => {
         * ```
         */
         get topMargin() {
-            return this.i.kl;
+            return this.i.kp;
         }
         set topMargin(v) {
-            this.i.kl = +v;
-            this._a("topMargin", this.i.kl);
+            this.i.kp = +v;
+            this._a("topMargin", this.i.kp);
         }
         /**
          * Gets or sets the right margin of the chart content.
@@ -448,11 +448,11 @@ export let IgcDomainChartComponent = /*@__PURE__*/ (() => {
         * ```
         */
         get rightMargin() {
-            return this.i.kb;
+            return this.i.kf;
         }
         set rightMargin(v) {
-            this.i.kb = +v;
-            this._a("rightMargin", this.i.kb);
+            this.i.kf = +v;
+            this._a("rightMargin", this.i.kf);
         }
         /**
          * Gets or sets the bottom margin around the chart content.
@@ -464,11 +464,11 @@ export let IgcDomainChartComponent = /*@__PURE__*/ (() => {
         * ```
         */
         get bottomMargin() {
-            return this.i.jo;
+            return this.i.js;
         }
         set bottomMargin(v) {
-            this.i.jo = +v;
-            this._a("bottomMargin", this.i.jo);
+            this.i.js = +v;
+            this._a("bottomMargin", this.i.js);
         }
         /**
          * Gets or sets the duration used for animating series plots when the data is changing
@@ -480,11 +480,11 @@ export let IgcDomainChartComponent = /*@__PURE__*/ (() => {
         * ```
         */
         get transitionDuration() {
-            return this.i.lu;
+            return this.i.ly;
         }
         set transitionDuration(v) {
-            this.i.lu = +v;
-            this._a("transitionDuration", this.i.lu);
+            this.i.ly = +v;
+            this._a("transitionDuration", this.i.ly);
         }
         /**
          * Gets or sets the easing function used for animating series plots when the data is changing.
@@ -511,31 +511,31 @@ export let IgcDomainChartComponent = /*@__PURE__*/ (() => {
          * Gets or sets the duration used for animating highlighting changes
         */
         get highlightingTransitionDuration() {
-            return this.i.lq;
+            return this.i.lu;
         }
         set highlightingTransitionDuration(v) {
-            this.i.lq = +v;
-            this._a("highlightingTransitionDuration", this.i.lq);
+            this.i.lu = +v;
+            this._a("highlightingTransitionDuration", this.i.lu);
         }
         /**
          * Gets or sets the duration used for animating Selection changes
         */
         get selectionTransitionDuration() {
-            return this.i.lt;
+            return this.i.lx;
         }
         set selectionTransitionDuration(v) {
-            this.i.lt = +v;
-            this._a("selectionTransitionDuration", this.i.lt);
+            this.i.lx = +v;
+            this._a("selectionTransitionDuration", this.i.lx);
         }
         /**
          * Gets or sets the duration used for animating Focus changes
         */
         get focusTransitionDuration() {
-            return this.i.lo;
+            return this.i.ls;
         }
         set focusTransitionDuration(v) {
-            this.i.lo = +v;
-            this._a("focusTransitionDuration", this.i.lo);
+            this.i.ls = +v;
+            this._a("focusTransitionDuration", this.i.ls);
         }
         /**
          * Gets or sets CSS font property for the chart subtitle
@@ -547,10 +547,10 @@ export let IgcDomainChartComponent = /*@__PURE__*/ (() => {
         * ```
         */
         get subtitleTextStyle() {
-            return this.i.s9;
+            return this.i.tf;
         }
         set subtitleTextStyle(v) {
-            this.i.s9 = v;
+            this.i.tf = v;
         }
         /**
          * Gets or sets CSS font property for the chart title
@@ -562,10 +562,10 @@ export let IgcDomainChartComponent = /*@__PURE__*/ (() => {
         * ```
         */
         get titleTextStyle() {
-            return this.i.tk;
+            return this.i.tq;
         }
         set titleTextStyle(v) {
-            this.i.tk = v;
+            this.i.tq = v;
         }
         get isDetached() {
             return this.i.isDetached;
@@ -581,41 +581,41 @@ export let IgcDomainChartComponent = /*@__PURE__*/ (() => {
          * Gets or sets the offset of the tooltip layer on the X axis.
         */
         get dataToolTipPositionOffsetX() {
-            return this.i.jt;
+            return this.i.jx;
         }
         set dataToolTipPositionOffsetX(v) {
-            this.i.jt = +v;
-            this._a("dataToolTipPositionOffsetX", this.i.jt);
+            this.i.jx = +v;
+            this._a("dataToolTipPositionOffsetX", this.i.jx);
         }
         /**
          * Gets or sets the offset of the tooltip layer on the Y axis.
         */
         get dataToolTipPositionOffsetY() {
-            return this.i.ju;
+            return this.i.jy;
         }
         set dataToolTipPositionOffsetY(v) {
-            this.i.ju = +v;
-            this._a("dataToolTipPositionOffsetY", this.i.ju);
+            this.i.jy = +v;
+            this._a("dataToolTipPositionOffsetY", this.i.jy);
         }
         /**
          * Gets or sets the offset of the tooltip layer on the X axis.
         */
         get dataToolTipDefaultPositionOffsetX() {
-            return this.i.jr;
+            return this.i.jv;
         }
         set dataToolTipDefaultPositionOffsetX(v) {
-            this.i.jr = +v;
-            this._a("dataToolTipDefaultPositionOffsetX", this.i.jr);
+            this.i.jv = +v;
+            this._a("dataToolTipDefaultPositionOffsetX", this.i.jv);
         }
         /**
          * Gets or sets the offset of the tooltip layer on the Y axis.
         */
         get dataToolTipDefaultPositionOffsetY() {
-            return this.i.js;
+            return this.i.jw;
         }
         set dataToolTipDefaultPositionOffsetY(v) {
-            this.i.js = +v;
-            this._a("dataToolTipDefaultPositionOffsetY", this.i.js);
+            this.i.jw = +v;
+            this._a("dataToolTipDefaultPositionOffsetY", this.i.jw);
         }
         /**
          * Gets or sets the tooltip position mode on the X axis for grouped series.
@@ -641,11 +641,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.gt;
+            return this.i.gx;
         }
         set dataToolTipShouldUpdateWhenSeriesDataChanges(v) {
-            this.i.gt = ensureBool(v);
-            this._a("dataToolTipShouldUpdateWhenSeriesDataChanges", this.i.gt);
+            this.i.gx = ensureBool(v);
+            this._a("dataToolTipShouldUpdateWhenSeriesDataChanges", this.i.gx);
         }
         /**
          * Gets or sets indexes, titles, or names of series to include in displaying in the data tooltip, e.g. "0, 1" or "Series1 Title, Series2 Title"
@@ -719,22 +719,22 @@ export let IgcDomainChartComponent = /*@__PURE__*/ (() => {
          * This property is ignored when setting ValueFormatSpecifiers or ValueFormatString properties
         */
         get dataToolTipValueFormatMaxFractions() {
-            return this.i.lk;
+            return this.i.lo;
         }
         set dataToolTipValueFormatMaxFractions(v) {
-            this.i.lk = +v;
-            this._a("dataToolTipValueFormatMaxFractions", this.i.lk);
+            this.i.lo = +v;
+            this._a("dataToolTipValueFormatMaxFractions", this.i.lo);
         }
         /**
          * Gets or sets minimum digits for formatting numbers displayed in the legend
          * This property is ignored when setting ValueFormatSpecifiers or ValueFormatString properties
         */
         get dataToolTipValueFormatMinFractions() {
-            return this.i.ll;
+            return this.i.lp;
         }
         set dataToolTipValueFormatMinFractions(v) {
-            this.i.ll = +v;
-            this._a("dataToolTipValueFormatMinFractions", this.i.ll);
+            this.i.lp = +v;
+            this._a("dataToolTipValueFormatMinFractions", this.i.lp);
         }
         /**
          * Gets or sets the mode for displaying values in the data legend, e.g. Currency ($500.25), Decimal (500.25), Integer (500)
@@ -751,30 +751,30 @@ export let IgcDomainChartComponent = /*@__PURE__*/ (() => {
          * This property is ignored when setting ValueFormatSpecifiers or ValueFormatString properties
         */
         get dataToolTipValueFormatCulture() {
-            return this.i.p9;
+            return this.i.qf;
         }
         set dataToolTipValueFormatCulture(v) {
-            this.i.p9 = v;
+            this.i.qf = 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.gu;
+            return this.i.gy;
         }
         set dataToolTipValueFormatUseGrouping(v) {
-            this.i.gu = ensureBool(v);
-            this._a("dataToolTipValueFormatUseGrouping", this.i.gu);
+            this.i.gy = ensureBool(v);
+            this._a("dataToolTipValueFormatUseGrouping", this.i.gy);
         }
         /**
          * Gets or sets the format string for values displayed in the data legend.
         */
         get dataToolTipValueFormatString() {
-            return this.i.qf;
+            return this.i.ql;
         }
         set dataToolTipValueFormatString(v) {
-            this.i.qf = v;
+            this.i.ql = v;
         }
         /**
          * Gets or sets the format specifiers to use with the ValueFormatString string.
@@ -790,127 +790,127 @@ export let IgcDomainChartComponent = /*@__PURE__*/ (() => {
             this.i.n = v;
         }
         get dataToolTipValueRowMarginBottom() {
-            return this.i.aae ? this.i.aae.bottom : NaN;
+            return this.i.aak ? this.i.aak.bottom : NaN;
         }
         set dataToolTipValueRowMarginBottom(v) {
             this.ensureDataToolTipValueRowMargin();
-            this.i.aae.bottom = +v;
-            this._a("dataToolTipValueRowMarginBottom", this.i.aae.bottom);
-            this.i.aae = this.i.aae;
+            this.i.aak.bottom = +v;
+            this._a("dataToolTipValueRowMarginBottom", this.i.aak.bottom);
+            this.i.aak = this.i.aak;
         }
         get dataToolTipValueRowMarginLeft() {
-            return this.i.aae ? this.i.aae.left : NaN;
+            return this.i.aak ? this.i.aak.left : NaN;
         }
         set dataToolTipValueRowMarginLeft(v) {
             this.ensureDataToolTipValueRowMargin();
-            this.i.aae.left = +v;
-            this._a("dataToolTipValueRowMarginLeft", this.i.aae.left);
-            this.i.aae = this.i.aae;
+            this.i.aak.left = +v;
+            this._a("dataToolTipValueRowMarginLeft", this.i.aak.left);
+            this.i.aak = this.i.aak;
         }
         get dataToolTipValueRowMarginRight() {
-            return this.i.aae ? this.i.aae.right : NaN;
+            return this.i.aak ? this.i.aak.right : NaN;
         }
         set dataToolTipValueRowMarginRight(v) {
             this.ensureDataToolTipValueRowMargin();
-            this.i.aae.right = +v;
-            this._a("dataToolTipValueRowMarginRight", this.i.aae.right);
-            this.i.aae = this.i.aae;
+            this.i.aak.right = +v;
+            this._a("dataToolTipValueRowMarginRight", this.i.aak.right);
+            this.i.aak = this.i.aak;
         }
         get dataToolTipValueRowMarginTop() {
-            return this.i.aae ? this.i.aae.top : NaN;
+            return this.i.aak ? this.i.aak.top : NaN;
         }
         set dataToolTipValueRowMarginTop(v) {
             this.ensureDataToolTipValueRowMargin();
-            this.i.aae.top = +v;
-            this._a("dataToolTipValueRowMarginTop", this.i.aae.top);
-            this.i.aae = this.i.aae;
+            this.i.aak.top = +v;
+            this._a("dataToolTipValueRowMarginTop", this.i.aak.top);
+            this.i.aak = this.i.aak;
         }
         ensureDataToolTipValueRowMargin() {
-            if (this.i.aae) {
+            if (this.i.aak) {
                 return;
             }
-            this.i.aae = new Thickness(2);
+            this.i.aak = new Thickness(2);
         }
         /**
          * Gets or sets whether to show series rows.
         */
         get dataToolTipValueRowVisible() {
-            return this.i.gv;
+            return this.i.gz;
         }
         set dataToolTipValueRowVisible(v) {
-            this.i.gv = ensureBool(v);
-            this._a("dataToolTipValueRowVisible", this.i.gv);
+            this.i.gz = ensureBool(v);
+            this._a("dataToolTipValueRowVisible", this.i.gz);
         }
         /**
          * Gets or sets text displayed when data column is missing a value, e.g. "no data"
         */
         get dataToolTipValueTextWhenMissingData() {
-            return this.i.qo;
+            return this.i.qu;
         }
         set dataToolTipValueTextWhenMissingData(v) {
-            this.i.qo = v;
+            this.i.qu = v;
         }
         /**
          * Gets or sets whether to use series colors when displaying values in the legend
         */
         get dataToolTipValueTextUseSeriesColors() {
-            return this.i.gw;
+            return this.i.g0;
         }
         set dataToolTipValueTextUseSeriesColors(v) {
-            this.i.gw = ensureBool(v);
-            this._a("dataToolTipValueTextUseSeriesColors", this.i.gw);
+            this.i.g0 = ensureBool(v);
+            this._a("dataToolTipValueTextUseSeriesColors", this.i.g0);
         }
         get dataToolTipValueTextMarginBottom() {
-            return this.i.aaf ? this.i.aaf.bottom : NaN;
+            return this.i.aal ? this.i.aal.bottom : NaN;
         }
         set dataToolTipValueTextMarginBottom(v) {
             this.ensureDataToolTipValueTextMargin();
-            this.i.aaf.bottom = +v;
-            this._a("dataToolTipValueTextMarginBottom", this.i.aaf.bottom);
-            this.i.aaf = this.i.aaf;
+            this.i.aal.bottom = +v;
+            this._a("dataToolTipValueTextMarginBottom", this.i.aal.bottom);
+            this.i.aal = this.i.aal;
         }
         get dataToolTipValueTextMarginLeft() {
-            return this.i.aaf ? this.i.aaf.left : NaN;
+            return this.i.aal ? this.i.aal.left : NaN;
         }
         set dataToolTipValueTextMarginLeft(v) {
             this.ensureDataToolTipValueTextMargin();
-            this.i.aaf.left = +v;
-            this._a("dataToolTipValueTextMarginLeft", this.i.aaf.left);
-            this.i.aaf = this.i.aaf;
+            this.i.aal.left = +v;
+            this._a("dataToolTipValueTextMarginLeft", this.i.aal.left);
+            this.i.aal = this.i.aal;
         }
         get dataToolTipValueTextMarginRight() {
-            return this.i.aaf ? this.i.aaf.right : NaN;
+            return this.i.aal ? this.i.aal.right : NaN;
         }
         set dataToolTipValueTextMarginRight(v) {
             this.ensureDataToolTipValueTextMargin();
-            this.i.aaf.right = +v;
-            this._a("dataToolTipValueTextMarginRight", this.i.aaf.right);
-            this.i.aaf = this.i.aaf;
+            this.i.aal.right = +v;
+            this._a("dataToolTipValueTextMarginRight", this.i.aal.right);
+            this.i.aal = this.i.aal;
         }
         get dataToolTipValueTextMarginTop() {
-            return this.i.aaf ? this.i.aaf.top : NaN;
+            return this.i.aal ? this.i.aal.top : NaN;
         }
         set dataToolTipValueTextMarginTop(v) {
             this.ensureDataToolTipValueTextMargin();
-            this.i.aaf.top = +v;
-            this._a("dataToolTipValueTextMarginTop", this.i.aaf.top);
-            this.i.aaf = this.i.aaf;
+            this.i.aal.top = +v;
+            this._a("dataToolTipValueTextMarginTop", this.i.aal.top);
+            this.i.aal = this.i.aal;
         }
         ensureDataToolTipValueTextMargin() {
-            if (this.i.aaf) {
+            if (this.i.aal) {
                 return;
             }
-            this.i.aaf = new Thickness(2);
+            this.i.aal = new Thickness(2);
         }
         /**
          * Gets or sets the units text color.
         */
         get dataToolTipValueTextColor() {
-            return brushToString(this.i.y8);
+            return brushToString(this.i.ze);
         }
         set dataToolTipValueTextColor(v) {
-            this.i.y8 = stringToBrush(v);
-            this._a("dataToolTipValueTextColor", brushToString(this.i.y8));
+            this.i.ze = stringToBrush(v);
+            this._a("dataToolTipValueTextColor", brushToString(this.i.ze));
         }
         /**
          * Gets or Sets the style to use for the units text.
@@ -931,10 +931,10 @@ export let IgcDomainChartComponent = /*@__PURE__*/ (() => {
          * Gets or sets the format string for header text displayed in the data legend.
         */
         get dataToolTipHeaderFormatString() {
-            return this.i.oz;
+            return this.i.o5;
         }
         set dataToolTipHeaderFormatString(v) {
-            this.i.oz = v;
+            this.i.o5 = v;
         }
         /**
          * Gets or sets the format specifiers to use with the HeaderFormatString string.
@@ -954,10 +954,10 @@ export let IgcDomainChartComponent = /*@__PURE__*/ (() => {
          * This property is ignored when setting HeaderFormatSpecifiers or HeaderFormatString properties
         */
         get dataToolTipHeaderFormatCulture() {
-            return this.i.ov;
+            return this.i.o1;
         }
         set dataToolTipHeaderFormatCulture(v) {
-            this.i.ov = v;
+            this.i.o1 = v;
         }
         /**
          * Gets or sets date format for the header
@@ -985,114 +985,114 @@ export let IgcDomainChartComponent = /*@__PURE__*/ (() => {
          * Gets or sets the HeaderText for the data legend.
         */
         get dataToolTipHeaderText() {
-            return this.i.o4;
+            return this.i.pa;
         }
         set dataToolTipHeaderText(v) {
-            this.i.o4 = v;
+            this.i.pa = v;
         }
         /**
          * Gets or sets the header text color.
         */
         get dataToolTipHeaderTextColor() {
-            return brushToString(this.i.y0);
+            return brushToString(this.i.y6);
         }
         set dataToolTipHeaderTextColor(v) {
-            this.i.y0 = stringToBrush(v);
-            this._a("dataToolTipHeaderTextColor", brushToString(this.i.y0));
+            this.i.y6 = stringToBrush(v);
+            this._a("dataToolTipHeaderTextColor", brushToString(this.i.y6));
         }
         get dataToolTipHeaderTextMarginBottom() {
-            return this.i.z8 ? this.i.z8.bottom : NaN;
+            return this.i.aae ? this.i.aae.bottom : NaN;
         }
         set dataToolTipHeaderTextMarginBottom(v) {
             this.ensureDataToolTipHeaderTextMargin();
-            this.i.z8.bottom = +v;
-            this._a("dataToolTipHeaderTextMarginBottom", this.i.z8.bottom);
-            this.i.z8 = this.i.z8;
+            this.i.aae.bottom = +v;
+            this._a("dataToolTipHeaderTextMarginBottom", this.i.aae.bottom);
+            this.i.aae = this.i.aae;
         }
         get dataToolTipHeaderTextMarginLeft() {
-            return this.i.z8 ? this.i.z8.left : NaN;
+            return this.i.aae ? this.i.aae.left : NaN;
         }
         set dataToolTipHeaderTextMarginLeft(v) {
             this.ensureDataToolTipHeaderTextMargin();
-            this.i.z8.left = +v;
-            this._a("dataToolTipHeaderTextMarginLeft", this.i.z8.left);
-            this.i.z8 = this.i.z8;
+            this.i.aae.left = +v;
+            this._a("dataToolTipHeaderTextMarginLeft", this.i.aae.left);
+            this.i.aae = this.i.aae;
         }
         get dataToolTipHeaderTextMarginRight() {
-            return this.i.z8 ? this.i.z8.right : NaN;
+            return this.i.aae ? this.i.aae.right : NaN;
         }
         set dataToolTipHeaderTextMarginRight(v) {
             this.ensureDataToolTipHeaderTextMargin();
-            this.i.z8.right = +v;
-            this._a("dataToolTipHeaderTextMarginRight", this.i.z8.right);
-            this.i.z8 = this.i.z8;
+            this.i.aae.right = +v;
+            this._a("dataToolTipHeaderTextMarginRight", this.i.aae.right);
+            this.i.aae = this.i.aae;
         }
         get dataToolTipHeaderTextMarginTop() {
-            return this.i.z8 ? this.i.z8.top : NaN;
+            return this.i.aae ? this.i.aae.top : NaN;
         }
         set dataToolTipHeaderTextMarginTop(v) {
             this.ensureDataToolTipHeaderTextMargin();
-            this.i.z8.top = +v;
-            this._a("dataToolTipHeaderTextMarginTop", this.i.z8.top);
-            this.i.z8 = this.i.z8;
+            this.i.aae.top = +v;
+            this._a("dataToolTipHeaderTextMarginTop", this.i.aae.top);
+            this.i.aae = this.i.aae;
         }
         ensureDataToolTipHeaderTextMargin() {
-            if (this.i.z8) {
+            if (this.i.aae) {
                 return;
             }
-            this.i.z8 = new Thickness(2);
+            this.i.aae = new Thickness(2);
         }
         get dataToolTipHeaderRowMarginBottom() {
-            return this.i.z7 ? this.i.z7.bottom : NaN;
+            return this.i.aad ? this.i.aad.bottom : NaN;
         }
         set dataToolTipHeaderRowMarginBottom(v) {
             this.ensureDataToolTipHeaderRowMargin();
-            this.i.z7.bottom = +v;
-            this._a("dataToolTipHeaderRowMarginBottom", this.i.z7.bottom);
-            this.i.z7 = this.i.z7;
+            this.i.aad.bottom = +v;
+            this._a("dataToolTipHeaderRowMarginBottom", this.i.aad.bottom);
+            this.i.aad = this.i.aad;
         }
         get dataToolTipHeaderRowMarginLeft() {
-            return this.i.z7 ? this.i.z7.left : NaN;
+            return this.i.aad ? this.i.aad.left : NaN;
         }
         set dataToolTipHeaderRowMarginLeft(v) {
             this.ensureDataToolTipHeaderRowMargin();
-            this.i.z7.left = +v;
-            this._a("dataToolTipHeaderRowMarginLeft", this.i.z7.left);
-            this.i.z7 = this.i.z7;
+            this.i.aad.left = +v;
+            this._a("dataToolTipHeaderRowMarginLeft", this.i.aad.left);
+            this.i.aad = this.i.aad;
         }
         get dataToolTipHeaderRowMarginRight() {
-            return this.i.z7 ? this.i.z7.right : NaN;
+            return this.i.aad ? this.i.aad.right : NaN;
         }
         set dataToolTipHeaderRowMarginRight(v) {
             this.ensureDataToolTipHeaderRowMargin();
-            this.i.z7.right = +v;
-            this._a("dataToolTipHeaderRowMarginRight", this.i.z7.right);
-            this.i.z7 = this.i.z7;
+            this.i.aad.right = +v;
+            this._a("dataToolTipHeaderRowMarginRight", this.i.aad.right);
+            this.i.aad = this.i.aad;
         }
         get dataToolTipHeaderRowMarginTop() {
-            return this.i.z7 ? this.i.z7.top : NaN;
+            return this.i.aad ? this.i.aad.top : NaN;
         }
         set dataToolTipHeaderRowMarginTop(v) {
             this.ensureDataToolTipHeaderRowMargin();
-            this.i.z7.top = +v;
-            this._a("dataToolTipHeaderRowMarginTop", this.i.z7.top);
-            this.i.z7 = this.i.z7;
+            this.i.aad.top = +v;
+            this._a("dataToolTipHeaderRowMarginTop", this.i.aad.top);
+            this.i.aad = this.i.aad;
         }
         ensureDataToolTipHeaderRowMargin() {
-            if (this.i.z7) {
+            if (this.i.aad) {
                 return;
             }
-            this.i.z7 = new Thickness(2);
+            this.i.aad = new Thickness(2);
         }
         /**
          * Gets or sets whether to show Header row.
         */
         get dataToolTipHeaderRowVisible() {
-            return this.i.gs;
+            return this.i.gw;
         }
         set dataToolTipHeaderRowVisible(v) {
-            this.i.gs = ensureBool(v);
-            this._a("dataToolTipHeaderRowVisible", this.i.gs);
+            this.i.gw = ensureBool(v);
+            this._a("dataToolTipHeaderRowVisible", this.i.gw);
         }
         /**
          * Gets or Sets the style to use for the header text.
@@ -1113,105 +1113,105 @@ export let IgcDomainChartComponent = /*@__PURE__*/ (() => {
          * Gets or sets the Group text color.
         */
         get dataToolTipGroupTextColor() {
-            return brushToString(this.i.yz);
+            return brushToString(this.i.y5);
         }
         set dataToolTipGroupTextColor(v) {
-            this.i.yz = stringToBrush(v);
-            this._a("dataToolTipGroupTextColor", brushToString(this.i.yz));
+            this.i.y5 = stringToBrush(v);
+            this._a("dataToolTipGroupTextColor", brushToString(this.i.y5));
         }
         get dataToolTipGroupTextMarginBottom() {
-            return this.i.z6 ? this.i.z6.bottom : NaN;
+            return this.i.aac ? this.i.aac.bottom : NaN;
         }
         set dataToolTipGroupTextMarginBottom(v) {
             this.ensureDataToolTipGroupTextMargin();
-            this.i.z6.bottom = +v;
-            this._a("dataToolTipGroupTextMarginBottom", this.i.z6.bottom);
-            this.i.z6 = this.i.z6;
+            this.i.aac.bottom = +v;
+            this._a("dataToolTipGroupTextMarginBottom", this.i.aac.bottom);
+            this.i.aac = this.i.aac;
         }
         get dataToolTipGroupTextMarginLeft() {
-            return this.i.z6 ? this.i.z6.left : NaN;
+            return this.i.aac ? this.i.aac.left : NaN;
         }
         set dataToolTipGroupTextMarginLeft(v) {
             this.ensureDataToolTipGroupTextMargin();
-            this.i.z6.left = +v;
-            this._a("dataToolTipGroupTextMarginLeft", this.i.z6.left);
-            this.i.z6 = this.i.z6;
+            this.i.aac.left = +v;
+            this._a("dataToolTipGroupTextMarginLeft", this.i.aac.left);
+            this.i.aac = this.i.aac;
         }
         get dataToolTipGroupTextMarginRight() {
-            return this.i.z6 ? this.i.z6.right : NaN;
+            return this.i.aac ? this.i.aac.right : NaN;
         }
         set dataToolTipGroupTextMarginRight(v) {
             this.ensureDataToolTipGroupTextMargin();
-            this.i.z6.right = +v;
-            this._a("dataToolTipGroupTextMarginRight", this.i.z6.right);
-            this.i.z6 = this.i.z6;
+            this.i.aac.right = +v;
+            this._a("dataToolTipGroupTextMarginRight", this.i.aac.right);
+            this.i.aac = this.i.aac;
         }
         get dataToolTipGroupTextMarginTop() {
-            return this.i.z6 ? this.i.z6.top : NaN;
+            return this.i.aac ? this.i.aac.top : NaN;
         }
         set dataToolTipGroupTextMarginTop(v) {
             this.ensureDataToolTipGroupTextMargin();
-            this.i.z6.top = +v;
-            this._a("dataToolTipGroupTextMarginTop", this.i.z6.top);
-            this.i.z6 = this.i.z6;
+            this.i.aac.top = +v;
+            this._a("dataToolTipGroupTextMarginTop", this.i.aac.top);
+            this.i.aac = this.i.aac;
         }
         ensureDataToolTipGroupTextMargin() {
-            if (this.i.z6) {
+            if (this.i.aac) {
                 return;
             }
-            this.i.z6 = new Thickness(2);
+            this.i.aac = new Thickness(2);
         }
         get dataToolTipGroupRowMarginBottom() {
-            return this.i.z5 ? this.i.z5.bottom : NaN;
+            return this.i.aab ? this.i.aab.bottom : NaN;
         }
         set dataToolTipGroupRowMarginBottom(v) {
             this.ensureDataToolTipGroupRowMargin();
-            this.i.z5.bottom = +v;
-            this._a("dataToolTipGroupRowMarginBottom", this.i.z5.bottom);
-            this.i.z5 = this.i.z5;
+            this.i.aab.bottom = +v;
+            this._a("dataToolTipGroupRowMarginBottom", this.i.aab.bottom);
+            this.i.aab = this.i.aab;
         }
         get dataToolTipGroupRowMarginLeft() {
-            return this.i.z5 ? this.i.z5.left : NaN;
+            return this.i.aab ? this.i.aab.left : NaN;
         }
         set dataToolTipGroupRowMarginLeft(v) {
             this.ensureDataToolTipGroupRowMargin();
-            this.i.z5.left = +v;
-            this._a("dataToolTipGroupRowMarginLeft", this.i.z5.left);
-            this.i.z5 = this.i.z5;
+            this.i.aab.left = +v;
+            this._a("dataToolTipGroupRowMarginLeft", this.i.aab.left);
+            this.i.aab = this.i.aab;
         }
         get dataToolTipGroupRowMarginRight() {
-            return this.i.z5 ? this.i.z5.right : NaN;
+            return this.i.aab ? this.i.aab.right : NaN;
         }
         set dataToolTipGroupRowMarginRight(v) {
             this.ensureDataToolTipGroupRowMargin();
-            this.i.z5.right = +v;
-            this._a("dataToolTipGroupRowMarginRight", this.i.z5.right);
-            this.i.z5 = this.i.z5;
+            this.i.aab.right = +v;
+            this._a("dataToolTipGroupRowMarginRight", this.i.aab.right);
+            this.i.aab = this.i.aab;
         }
         get dataToolTipGroupRowMarginTop() {
-            return this.i.z5 ? this.i.z5.top : NaN;
+            return this.i.aab ? this.i.aab.top : NaN;
         }
         set dataToolTipGroupRowMarginTop(v) {
             this.ensureDataToolTipGroupRowMargin();
-            this.i.z5.top = +v;
-            this._a("dataToolTipGroupRowMarginTop", this.i.z5.top);
-            this.i.z5 = this.i.z5;
+            this.i.aab.top = +v;
+            this._a("dataToolTipGroupRowMarginTop", this.i.aab.top);
+            this.i.aab = this.i.aab;
         }
         ensureDataToolTipGroupRowMargin() {
-            if (this.i.z5) {
+            if (this.i.aab) {
                 return;
             }
-            this.i.z5 = new Thickness(2);
+            this.i.aab = new Thickness(2);
         }
         /**
          * Gets or sets whether to show Group row.
         */
         get dataToolTipGroupRowVisible() {
-            return this.i.gr;
+            return this.i.gv;
         }
         set dataToolTipGroupRowVisible(v) {
-            this.i.gr = ensureBool(v);
-            this._a("dataToolTipGroupRowVisible", this.i.gr);
+            this.i.gv = ensureBool(v);
+            this._a("dataToolTipGroupRowVisible", this.i.gv);
         }
         /**
          * Gets or Sets the style to use for the Group text.
@@ -1232,11 +1232,11 @@ export let IgcDomainChartComponent = /*@__PURE__*/ (() => {
          * Gets or sets the summary text color.
         */
         get dataToolTipSummaryTitleTextColor() {
-            return brushToString(this.i.y3);
+            return brushToString(this.i.y9);
         }
         set dataToolTipSummaryTitleTextColor(v) {
-            this.i.y3 = stringToBrush(v);
-            this._a("dataToolTipSummaryTitleTextColor", brushToString(this.i.y3));
+            this.i.y9 = stringToBrush(v);
+            this._a("dataToolTipSummaryTitleTextColor", brushToString(this.i.y9));
         }
         /**
          * Gets or Sets the style to use for the summary text.
@@ -1267,104 +1267,104 @@ export let IgcDomainChartComponent = /*@__PURE__*/ (() => {
          * Gets or sets the SummaryTitleText for the data legend.
         */
         get dataToolTipSummaryTitleText() {
-            return this.i.pn;
+            return this.i.pt;
         }
         set dataToolTipSummaryTitleText(v) {
-            this.i.pn = v;
+            this.i.pt = v;
         }
         get dataToolTipSummaryTitleTextMarginBottom() {
-            return this.i.aab ? this.i.aab.bottom : NaN;
+            return this.i.aah ? this.i.aah.bottom : NaN;
         }
         set dataToolTipSummaryTitleTextMarginBottom(v) {
             this.ensureDataToolTipSummaryTitleTextMargin();
-            this.i.aab.bottom = +v;
-            this._a("dataToolTipSummaryTitleTextMarginBottom", this.i.aab.bottom);
-            this.i.aab = this.i.aab;
+            this.i.aah.bottom = +v;
+            this._a("dataToolTipSummaryTitleTextMarginBottom", this.i.aah.bottom);
+            this.i.aah = this.i.aah;
         }
         get dataToolTipSummaryTitleTextMarginLeft() {
-            return this.i.aab ? this.i.aab.left : NaN;
+            return this.i.aah ? this.i.aah.left : NaN;
         }
         set dataToolTipSummaryTitleTextMarginLeft(v) {
             this.ensureDataToolTipSummaryTitleTextMargin();
-            this.i.aab.left = +v;
-            this._a("dataToolTipSummaryTitleTextMarginLeft", this.i.aab.left);
-            this.i.aab = this.i.aab;
+            this.i.aah.left = +v;
+            this._a("dataToolTipSummaryTitleTextMarginLeft", this.i.aah.left);
+            this.i.aah = this.i.aah;
         }
         get dataToolTipSummaryTitleTextMarginRight() {
-            return this.i.aab ? this.i.aab.right : NaN;
+            return this.i.aah ? this.i.aah.right : NaN;
         }
         set dataToolTipSummaryTitleTextMarginRight(v) {
             this.ensureDataToolTipSummaryTitleTextMargin();
-            this.i.aab.right = +v;
-            this._a("dataToolTipSummaryTitleTextMarginRight", this.i.aab.right);
-            this.i.aab = this.i.aab;
+            this.i.aah.right = +v;
+            this._a("dataToolTipSummaryTitleTextMarginRight", this.i.aah.right);
+            this.i.aah = this.i.aah;
         }
         get dataToolTipSummaryTitleTextMarginTop() {
-            return this.i.aab ? this.i.aab.top : NaN;
+            return this.i.aah ? this.i.aah.top : NaN;
         }
         set dataToolTipSummaryTitleTextMarginTop(v) {
             this.ensureDataToolTipSummaryTitleTextMargin();
-            this.i.aab.top = +v;
-            this._a("dataToolTipSummaryTitleTextMarginTop", this.i.aab.top);
-            this.i.aab = this.i.aab;
+            this.i.aah.top = +v;
+            this._a("dataToolTipSummaryTitleTextMarginTop", this.i.aah.top);
+            this.i.aah = this.i.aah;
         }
         ensureDataToolTipSummaryTitleTextMargin() {
-            if (this.i.aab) {
+            if (this.i.aah) {
                 return;
             }
-            this.i.aab = new Thickness(2);
+            this.i.aah = new Thickness(2);
         }
         get dataToolTipSummaryRowMarginBottom() {
-            return this.i.aaa ? this.i.aaa.bottom : NaN;
+            return this.i.aag ? this.i.aag.bottom : NaN;
         }
         set dataToolTipSummaryRowMarginBottom(v) {
             this.ensureDataToolTipSummaryRowMargin();
-            this.i.aaa.bottom = +v;
-            this._a("dataToolTipSummaryRowMarginBottom", this.i.aaa.bottom);
-            this.i.aaa = this.i.aaa;
+            this.i.aag.bottom = +v;
+            this._a("dataToolTipSummaryRowMarginBottom", this.i.aag.bottom);
+            this.i.aag = this.i.aag;
         }
         get dataToolTipSummaryRowMarginLeft() {
-            return this.i.aaa ? this.i.aaa.left : NaN;
+            return this.i.aag ? this.i.aag.left : NaN;
         }
         set dataToolTipSummaryRowMarginLeft(v) {
             this.ensureDataToolTipSummaryRowMargin();
-            this.i.aaa.left = +v;
-            this._a("dataToolTipSummaryRowMarginLeft", this.i.aaa.left);
-            this.i.aaa = this.i.aaa;
+            this.i.aag.left = +v;
+            this._a("dataToolTipSummaryRowMarginLeft", this.i.aag.left);
+            this.i.aag = this.i.aag;
         }
         get dataToolTipSummaryRowMarginRight() {
-            return this.i.aaa ? this.i.aaa.right : NaN;
+            return this.i.aag ? this.i.aag.right : NaN;
         }
         set dataToolTipSummaryRowMarginRight(v) {
             this.ensureDataToolTipSummaryRowMargin();
-            this.i.aaa.right = +v;
-            this._a("dataToolTipSummaryRowMarginRight", this.i.aaa.right);
-            this.i.aaa = this.i.aaa;
+            this.i.aag.right = +v;
+            this._a("dataToolTipSummaryRowMarginRight", this.i.aag.right);
+            this.i.aag = this.i.aag;
         }
         get dataToolTipSummaryRowMarginTop() {
-            return this.i.aaa ? this.i.aaa.top : NaN;
+            return this.i.aag ? this.i.aag.top : NaN;
         }
         set dataToolTipSummaryRowMarginTop(v) {
             this.ensureDataToolTipSummaryRowMargin();
-            this.i.aaa.top = +v;
-            this._a("dataToolTipSummaryRowMarginTop", this.i.aaa.top);
-            this.i.aaa = this.i.aaa;
+            this.i.aag.top = +v;
+            this._a("dataToolTipSummaryRowMarginTop", this.i.aag.top);
+            this.i.aag = this.i.aag;
         }
         ensureDataToolTipSummaryRowMargin() {
-            if (this.i.aaa) {
+            if (this.i.aag) {
                 return;
             }
-            this.i.aaa = new Thickness(2);
+            this.i.aag = new Thickness(2);
         }
         /**
          * Gets or sets the units text color.
         */
         get dataToolTipSummaryValueTextColor() {
-            return brushToString(this.i.y5);
+            return brushToString(this.i.zb);
         }
         set dataToolTipSummaryValueTextColor(v) {
-            this.i.y5 = stringToBrush(v);
-            this._a("dataToolTipSummaryValueTextColor", brushToString(this.i.y5));
+            this.i.zb = stringToBrush(v);
+            this._a("dataToolTipSummaryValueTextColor", brushToString(this.i.zb));
         }
         /**
          * Gets or Sets the style to use for the units text.
@@ -1385,20 +1385,20 @@ export let IgcDomainChartComponent = /*@__PURE__*/ (() => {
          * Gets or sets the units text for the data legend.
         */
         get dataToolTipSummaryLabelText() {
-            return this.i.pi;
+            return this.i.po;
         }
         set dataToolTipSummaryLabelText(v) {
-            this.i.pi = v;
+            this.i.po = v;
         }
         /**
          * Gets or sets the units text color.
         */
         get dataToolTipSummaryLabelTextColor() {
-            return brushToString(this.i.y2);
+            return brushToString(this.i.y8);
         }
         set dataToolTipSummaryLabelTextColor(v) {
-            this.i.y2 = stringToBrush(v);
-            this._a("dataToolTipSummaryLabelTextColor", brushToString(this.i.y2));
+            this.i.y8 = stringToBrush(v);
+            this._a("dataToolTipSummaryLabelTextColor", brushToString(this.i.y8));
         }
         /**
          * Gets or Sets the style to use for the units text.
@@ -1419,20 +1419,20 @@ export let IgcDomainChartComponent = /*@__PURE__*/ (() => {
          * Gets or sets the units text for the data legend.
         */
         get dataToolTipSummaryUnitsText() {
-            return this.i.pt;
+            return this.i.pz;
         }
         set dataToolTipSummaryUnitsText(v) {
-            this.i.pt = v;
+            this.i.pz = v;
         }
         /**
          * Gets or sets the units text color.
         */
         get dataToolTipSummaryUnitsTextColor() {
-            return brushToString(this.i.y4);
+            return brushToString(this.i.za);
         }
         set dataToolTipSummaryUnitsTextColor(v) {
-            this.i.y4 = stringToBrush(v);
-            this._a("dataToolTipSummaryUnitsTextColor", brushToString(this.i.y4));
+            this.i.za = stringToBrush(v);
+            this._a("dataToolTipSummaryUnitsTextColor", brushToString(this.i.za));
         }
         /**
          * Gets or Sets the style to use for the units text.
@@ -1450,46 +1450,46 @@ export let IgcDomainChartComponent = /*@__PURE__*/ (() => {
             this._a("dataToolTipSummaryUnitsTextStyle", this.i.fc != null ? this.i.fc.fontString : "");
         }
         get dataToolTipBadgeMarginBottom() {
-            return this.i.z4 ? this.i.z4.bottom : NaN;
+            return this.i.aaa ? this.i.aaa.bottom : NaN;
         }
         set dataToolTipBadgeMarginBottom(v) {
             this.ensureDataToolTipBadgeMargin();
-            this.i.z4.bottom = +v;
-            this._a("dataToolTipBadgeMarginBottom", this.i.z4.bottom);
-            this.i.z4 = this.i.z4;
+            this.i.aaa.bottom = +v;
+            this._a("dataToolTipBadgeMarginBottom", this.i.aaa.bottom);
+            this.i.aaa = this.i.aaa;
         }
         get dataToolTipBadgeMarginLeft() {
-            return this.i.z4 ? this.i.z4.left : NaN;
+            return this.i.aaa ? this.i.aaa.left : NaN;
         }
         set dataToolTipBadgeMarginLeft(v) {
             this.ensureDataToolTipBadgeMargin();
-            this.i.z4.left = +v;
-            this._a("dataToolTipBadgeMarginLeft", this.i.z4.left);
-            this.i.z4 = this.i.z4;
+            this.i.aaa.left = +v;
+            this._a("dataToolTipBadgeMarginLeft", this.i.aaa.left);
+            this.i.aaa = this.i.aaa;
         }
         get dataToolTipBadgeMarginRight() {
-            return this.i.z4 ? this.i.z4.right : NaN;
+            return this.i.aaa ? this.i.aaa.right : NaN;
         }
         set dataToolTipBadgeMarginRight(v) {
             this.ensureDataToolTipBadgeMargin();
-            this.i.z4.right = +v;
-            this._a("dataToolTipBadgeMarginRight", this.i.z4.right);
-            this.i.z4 = this.i.z4;
+            this.i.aaa.right = +v;
+            this._a("dataToolTipBadgeMarginRight", this.i.aaa.right);
+            this.i.aaa = this.i.aaa;
         }
         get dataToolTipBadgeMarginTop() {
-            return this.i.z4 ? this.i.z4.top : NaN;
+            return this.i.aaa ? this.i.aaa.top : NaN;
         }
         set dataToolTipBadgeMarginTop(v) {
             this.ensureDataToolTipBadgeMargin();
-            this.i.z4.top = +v;
-            this._a("dataToolTipBadgeMarginTop", this.i.z4.top);
-            this.i.z4 = this.i.z4;
+            this.i.aaa.top = +v;
+            this._a("dataToolTipBadgeMarginTop", this.i.aaa.top);
+            this.i.aaa = this.i.aaa;
         }
         ensureDataToolTipBadgeMargin() {
-            if (this.i.z4) {
+            if (this.i.aaa) {
                 return;
             }
-            this.i.z4 = new Thickness(2);
+            this.i.aaa = new Thickness(2);
         }
         /**
          * Gets or sets the BadgeShape for the data legend.
@@ -1515,62 +1515,62 @@ export let IgcDomainChartComponent = /*@__PURE__*/ (() => {
          * Gets or sets the units text for the data legend.
         */
         get dataToolTipUnitsText() {
-            return this.i.p3;
+            return this.i.p9;
         }
         set dataToolTipUnitsText(v) {
-            this.i.p3 = v;
+            this.i.p9 = v;
         }
         /**
          * Gets or sets the units text color.
         */
         get dataToolTipUnitsTextColor() {
-            return brushToString(this.i.y7);
+            return brushToString(this.i.zd);
         }
         set dataToolTipUnitsTextColor(v) {
-            this.i.y7 = stringToBrush(v);
-            this._a("dataToolTipUnitsTextColor", brushToString(this.i.y7));
+            this.i.zd = stringToBrush(v);
+            this._a("dataToolTipUnitsTextColor", brushToString(this.i.zd));
         }
         get dataToolTipUnitsTextMarginBottom() {
-            return this.i.aad ? this.i.aad.bottom : NaN;
+            return this.i.aaj ? this.i.aaj.bottom : NaN;
         }
         set dataToolTipUnitsTextMarginBottom(v) {
             this.ensureDataToolTipUnitsTextMargin();
-            this.i.aad.bottom = +v;
-            this._a("dataToolTipUnitsTextMarginBottom", this.i.aad.bottom);
-            this.i.aad = this.i.aad;
+            this.i.aaj.bottom = +v;
+            this._a("dataToolTipUnitsTextMarginBottom", this.i.aaj.bottom);
+            this.i.aaj = this.i.aaj;
         }
         get dataToolTipUnitsTextMarginLeft() {
-            return this.i.aad ? this.i.aad.left : NaN;
+            return this.i.aaj ? this.i.aaj.left : NaN;
         }
         set dataToolTipUnitsTextMarginLeft(v) {
             this.ensureDataToolTipUnitsTextMargin();
-            this.i.aad.left = +v;
-            this._a("dataToolTipUnitsTextMarginLeft", this.i.aad.left);
-            this.i.aad = this.i.aad;
+            this.i.aaj.left = +v;
+            this._a("dataToolTipUnitsTextMarginLeft", this.i.aaj.left);
+            this.i.aaj = this.i.aaj;
         }
         get dataToolTipUnitsTextMarginRight() {
-            return this.i.aad ? this.i.aad.right : NaN;
+            return this.i.aaj ? this.i.aaj.right : NaN;
         }
         set dataToolTipUnitsTextMarginRight(v) {
             this.ensureDataToolTipUnitsTextMargin();
-            this.i.aad.right = +v;
-            this._a("dataToolTipUnitsTextMarginRight", this.i.aad.right);
-            this.i.aad = this.i.aad;
+            this.i.aaj.right = +v;
+            this._a("dataToolTipUnitsTextMarginRight", this.i.aaj.right);
+            this.i.aaj = this.i.aaj;
         }
         get dataToolTipUnitsTextMarginTop() {
-            return this.i.aad ? this.i.aad.top : NaN;
+            return this.i.aaj ? this.i.aaj.top : NaN;
         }
         set dataToolTipUnitsTextMarginTop(v) {
             this.ensureDataToolTipUnitsTextMargin();
-            this.i.aad.top = +v;
-            this._a("dataToolTipUnitsTextMarginTop", this.i.aad.top);
-            this.i.aad = this.i.aad;
+            this.i.aaj.top = +v;
+            this._a("dataToolTipUnitsTextMarginTop", this.i.aaj.top);
+            this.i.aaj = this.i.aaj;
         }
         ensureDataToolTipUnitsTextMargin() {
-            if (this.i.aad) {
+            if (this.i.aaj) {
                 return;
             }
-            this.i.aad = new Thickness(2);
+            this.i.aaj = new Thickness(2);
         }
         /**
          * Gets or Sets the style to use for the units text.
@@ -1588,56 +1588,56 @@ export let IgcDomainChartComponent = /*@__PURE__*/ (() => {
             this._a("dataToolTipUnitsTextStyle", this.i.ff != null ? this.i.ff.fontString : "");
         }
         get dataToolTipTitleTextMarginBottom() {
-            return this.i.aac ? this.i.aac.bottom : NaN;
+            return this.i.aai ? this.i.aai.bottom : NaN;
         }
         set dataToolTipTitleTextMarginBottom(v) {
             this.ensureDataToolTipTitleTextMargin();
-            this.i.aac.bottom = +v;
-            this._a("dataToolTipTitleTextMarginBottom", this.i.aac.bottom);
-            this.i.aac = this.i.aac;
+            this.i.aai.bottom = +v;
+            this._a("dataToolTipTitleTextMarginBottom", this.i.aai.bottom);
+            this.i.aai = this.i.aai;
         }
         get dataToolTipTitleTextMarginLeft() {
-            return this.i.aac ? this.i.aac.left : NaN;
+            return this.i.aai ? this.i.aai.left : NaN;
         }
         set dataToolTipTitleTextMarginLeft(v) {
             this.ensureDataToolTipTitleTextMargin();
-            this.i.aac.left = +v;
-            this._a("dataToolTipTitleTextMarginLeft", this.i.aac.left);
-            this.i.aac = this.i.aac;
+            this.i.aai.left = +v;
+            this._a("dataToolTipTitleTextMarginLeft", this.i.aai.left);
+            this.i.aai = this.i.aai;
         }
         get dataToolTipTitleTextMarginRight() {
-            return this.i.aac ? this.i.aac.right : NaN;
+            return this.i.aai ? this.i.aai.right : NaN;
         }
         set dataToolTipTitleTextMarginRight(v) {
             this.ensureDataToolTipTitleTextMargin();
-            this.i.aac.right = +v;
-            this._a("dataToolTipTitleTextMarginRight", this.i.aac.right);
-            this.i.aac = this.i.aac;
+            this.i.aai.right = +v;
+            this._a("dataToolTipTitleTextMarginRight", this.i.aai.right);
+            this.i.aai = this.i.aai;
         }
         get dataToolTipTitleTextMarginTop() {
-            return this.i.aac ? this.i.aac.top : NaN;
+            return this.i.aai ? this.i.aai.top : NaN;
         }
         set dataToolTipTitleTextMarginTop(v) {
             this.ensureDataToolTipTitleTextMargin();
-            this.i.aac.top = +v;
-            this._a("dataToolTipTitleTextMarginTop", this.i.aac.top);
-            this.i.aac = this.i.aac;
+            this.i.aai.top = +v;
+            this._a("dataToolTipTitleTextMarginTop", this.i.aai.top);
+            this.i.aai = this.i.aai;
         }
         ensureDataToolTipTitleTextMargin() {
-            if (this.i.aac) {
+            if (this.i.aai) {
                 return;
             }
-            this.i.aac = new Thickness(2);
+            this.i.aai = new Thickness(2);
         }
         /**
          * Gets or sets the display text color.
         */
         get dataToolTipTitleTextColor() {
-            return brushToString(this.i.y6);
+            return brushToString(this.i.zc);
         }
         set dataToolTipTitleTextColor(v) {
-            this.i.y6 = stringToBrush(v);
-            this._a("dataToolTipTitleTextColor", brushToString(this.i.y6));
+            this.i.zc = stringToBrush(v);
+            this._a("dataToolTipTitleTextColor", brushToString(this.i.zc));
         }
         /**
          * Gets or Sets the style to use for the display text.
@@ -1668,53 +1668,53 @@ export let IgcDomainChartComponent = /*@__PURE__*/ (() => {
          * Gets or sets the units text color.
         */
         get dataToolTipLabelTextColor() {
-            return brushToString(this.i.y1);
+            return brushToString(this.i.y7);
         }
         set dataToolTipLabelTextColor(v) {
-            this.i.y1 = stringToBrush(v);
-            this._a("dataToolTipLabelTextColor", brushToString(this.i.y1));
+            this.i.y7 = stringToBrush(v);
+            this._a("dataToolTipLabelTextColor", brushToString(this.i.y7));
         }
         get dataToolTipLabelTextMarginBottom() {
-            return this.i.z9 ? this.i.z9.bottom : NaN;
+            return this.i.aaf ? this.i.aaf.bottom : NaN;
         }
         set dataToolTipLabelTextMarginBottom(v) {
             this.ensureDataToolTipLabelTextMargin();
-            this.i.z9.bottom = +v;
-            this._a("dataToolTipLabelTextMarginBottom", this.i.z9.bottom);
-            this.i.z9 = this.i.z9;
+            this.i.aaf.bottom = +v;
+            this._a("dataToolTipLabelTextMarginBottom", this.i.aaf.bottom);
+            this.i.aaf = this.i.aaf;
         }
         get dataToolTipLabelTextMarginLeft() {
-            return this.i.z9 ? this.i.z9.left : NaN;
+            return this.i.aaf ? this.i.aaf.left : NaN;
         }
         set dataToolTipLabelTextMarginLeft(v) {
             this.ensureDataToolTipLabelTextMargin();
-            this.i.z9.left = +v;
-            this._a("dataToolTipLabelTextMarginLeft", this.i.z9.left);
-            this.i.z9 = this.i.z9;
+            this.i.aaf.left = +v;
+            this._a("dataToolTipLabelTextMarginLeft", this.i.aaf.left);
+            this.i.aaf = this.i.aaf;
         }
         get dataToolTipLabelTextMarginRight() {
-            return this.i.z9 ? this.i.z9.right : NaN;
+            return this.i.aaf ? this.i.aaf.right : NaN;
         }
         set dataToolTipLabelTextMarginRight(v) {
             this.ensureDataToolTipLabelTextMargin();
-            this.i.z9.right = +v;
-            this._a("dataToolTipLabelTextMarginRight", this.i.z9.right);
-            this.i.z9 = this.i.z9;
+            this.i.aaf.right = +v;
+            this._a("dataToolTipLabelTextMarginRight", this.i.aaf.right);
+            this.i.aaf = this.i.aaf;
         }
         get dataToolTipLabelTextMarginTop() {
-            return this.i.z9 ? this.i.z9.top : NaN;
+            return this.i.aaf ? this.i.aaf.top : NaN;
         }
         set dataToolTipLabelTextMarginTop(v) {
             this.ensureDataToolTipLabelTextMargin();
-            this.i.z9.top = +v;
-            this._a("dataToolTipLabelTextMarginTop", this.i.z9.top);
-            this.i.z9 = this.i.z9;
+            this.i.aaf.top = +v;
+            this._a("dataToolTipLabelTextMarginTop", this.i.aaf.top);
+            this.i.aaf = this.i.aaf;
         }
         ensureDataToolTipLabelTextMargin() {
-            if (this.i.z9) {
+            if (this.i.aaf) {
                 return;
             }
-            this.i.z9 = new Thickness(2);
+            this.i.aaf = new Thickness(2);
         }
         /**
          * Gets or Sets the style to use for the units text.
@@ -1890,21 +1890,21 @@ export let IgcDomainChartComponent = /*@__PURE__*/ (() => {
          * Gets or sets the selection brush to use for the series.
         */
         get selectionBrush() {
-            return brushToString(this.i.zj);
+            return brushToString(this.i.zp);
         }
         set selectionBrush(v) {
-            this.i.zj = stringToBrush(v);
-            this._a("selectionBrush", brushToString(this.i.zj));
+            this.i.zp = stringToBrush(v);
+            this._a("selectionBrush", brushToString(this.i.zp));
         }
         /**
          * Gets or sets the focus brush to use for the series.
         */
         get focusBrush() {
-            return brushToString(this.i.zb);
+            return brushToString(this.i.zh);
         }
         set focusBrush(v) {
-            this.i.zb = stringToBrush(v);
-            this._a("focusBrush", brushToString(this.i.zb));
+            this.i.zh = stringToBrush(v);
+            this._a("focusBrush", brushToString(this.i.zh));
         }
         /**
          * Gets or sets the selection behavior to use for the series in the component, when supported.
@@ -2114,55 +2114,55 @@ 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.ru;
+            return this.i.r0;
         }
         set initialSorts(v) {
-            this.i.ru = v;
+            this.i.r0 = v;
         }
         /**
          * Gets or sets the sorts to apply after grouping has been applied.
         */
         get groupSorts() {
-            return this.i.q2;
+            return this.i.q8;
         }
         set groupSorts(v) {
-            this.i.q2 = v;
+            this.i.q8 = 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.rq;
+            return this.i.rw;
         }
         set initialGroups(v) {
-            this.i.rq = v;
+            this.i.rw = v;
         }
         /**
          * Gets or sets the filter to apply to the chart. This property will become ignored if the filter is changed outside of this property.
         */
         get initialFilter() {
-            return this.i.ro;
+            return this.i.ru;
         }
         set initialFilter(v) {
-            this.i.ro = v;
+            this.i.ru = v;
         }
         /**
          * Gets or sets the filter to apply to the chart. This property will become ignored if the filter is changed outside of this property.
         */
         get initialHighlightFilter() {
-            return this.i.rs;
+            return this.i.ry;
         }
         set initialHighlightFilter(v) {
-            this.i.rs = v;
+            this.i.ry = 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.rw;
+            return this.i.r2;
         }
         set initialSummaries(v) {
-            this.i.rw = v;
+            this.i.r2 = v;
         }
         /**
          * Gets or sets a collection of data items used to generate the chart.
@@ -2276,11 +2276,11 @@ export let IgcDomainChartComponent = /*@__PURE__*/ (() => {
         * ```
         */
         get isHorizontalZoomEnabled() {
-            return this.i.g6;
+            return this.i.ha;
         }
         set isHorizontalZoomEnabled(v) {
-            this.i.g6 = ensureBool(v);
-            this._a("isHorizontalZoomEnabled", this.i.g6);
+            this.i.ha = ensureBool(v);
+            this._a("isHorizontalZoomEnabled", this.i.ha);
         }
         /**
          * Gets or sets whether the chart can be vertically zoomed through user interactions.
@@ -2292,31 +2292,31 @@ export let IgcDomainChartComponent = /*@__PURE__*/ (() => {
         * ```
         */
         get isVerticalZoomEnabled() {
-            return this.i.he;
+            return this.i.hi;
         }
         set isVerticalZoomEnabled(v) {
-            this.i.he = ensureBool(v);
-            this._a("isVerticalZoomEnabled", this.i.he);
+            this.i.hi = ensureBool(v);
+            this._a("isVerticalZoomEnabled", this.i.hi);
         }
         /**
          * 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.hi;
+            return this.i.hm;
         }
         set shouldDisplayMockData(v) {
-            this.i.hi = ensureBool(v);
-            this._a("shouldDisplayMockData", this.i.hi);
+            this.i.hm = ensureBool(v);
+            this._a("shouldDisplayMockData", this.i.hm);
         }
         /**
          * Gets or sets whether the chart should use a faded skeleton style for mock data.
         */
         get shouldUseSkeletonStyleForMockData() {
-            return this.i.hl;
+            return this.i.hp;
         }
         set shouldUseSkeletonStyleForMockData(v) {
-            this.i.hl = ensureBool(v);
-            this._a("shouldUseSkeletonStyleForMockData", this.i.hl);
+            this.i.hp = ensureBool(v);
+            this._a("shouldUseSkeletonStyleForMockData", this.i.hp);
         }
         /**
          * Gets or sets whether and how to display highlighted values for the series. Note, this is distinct from the highlighting feature that indicates what is closest or under the mouse.
@@ -2334,32 +2334,32 @@ export let IgcDomainChartComponent = /*@__PURE__*/ (() => {
          * This property applies to Category Chart and Financial Chart controls.
         */
         get isSeriesHighlightingEnabled() {
-            return this.i.g9;
+            return this.i.hd;
         }
         set isSeriesHighlightingEnabled(v) {
-            this.i.g9 = ensureBool(v);
-            this._a("isSeriesHighlightingEnabled", this.i.g9);
+            this.i.hd = ensureBool(v);
+            this._a("isSeriesHighlightingEnabled", this.i.hd);
         }
         /**
          * Gets or sets whether the chart can highlight series through user interactions.
          * This property applies to Category Chart and Financial Chart controls.
         */
         get highlightedLegendItemVisibility() {
-            return this.i.aai;
+            return this.i.aao;
         }
         set highlightedLegendItemVisibility(v) {
-            this.i.aai = ensureEnum(Visibility_$type, v);
-            this._a("highlightedLegendItemVisibility", enumToString(Visibility_$type, this.i.aai));
+            this.i.aao = ensureEnum(Visibility_$type, v);
+            this._a("highlightedLegendItemVisibility", enumToString(Visibility_$type, this.i.aao));
         }
         /**
          * Gets or sets whether to show the legend items for the series.
         */
         get legendItemVisibility() {
-            return this.i.aaj;
+            return this.i.aap;
         }
         set legendItemVisibility(v) {
-            this.i.aaj = ensureEnum(Visibility_$type, v);
-            this._a("legendItemVisibility", enumToString(Visibility_$type, this.i.aaj));
+            this.i.aap = ensureEnum(Visibility_$type, v);
+            this._a("legendItemVisibility", enumToString(Visibility_$type, this.i.aap));
         }
         /**
          * Gets or sets the rectangle representing the current scroll and zoom state of the chart.
@@ -2372,11 +2372,11 @@ export let IgcDomainChartComponent = /*@__PURE__*/ (() => {
         * ```
         */
         get windowRect() {
-            return fromRect(this.i.zr);
+            return fromRect(this.i.zx);
         }
         set windowRect(v) {
-            this.i.zr = toRect(v);
-            this._a("windowRect", rectToString(this.i.zr));
+            this.i.zx = toRect(v);
+            this._a("windowRect", rectToString(this.i.zx));
         }
         /**
          * Gets a rectangle representing the bounds of the plot area.
@@ -2388,7 +2388,7 @@ export let IgcDomainChartComponent = /*@__PURE__*/ (() => {
         * ```
         */
         get viewport() {
-            return fromRect(this.i.zq);
+            return fromRect(this.i.zw);
         }
         /**
          * Gets or sets text to display above the plot area.
@@ -2400,10 +2400,10 @@ export let IgcDomainChartComponent = /*@__PURE__*/ (() => {
         * ```
         */
         get chartTitle() {
-            return this.i.td;
+            return this.i.tj;
         }
         set chartTitle(v) {
-            this.i.td = v;
+            this.i.tj = v;
         }
         /**
          * Gets or sets text to display below the Title, above the plot area.
@@ -2415,10 +2415,10 @@ export let IgcDomainChartComponent = /*@__PURE__*/ (() => {
         * ```
         */
         get subtitle() {
-            return this.i.s2;
+            return this.i.s8;
         }
         set subtitle(v) {
-            this.i.s2 = v;
+            this.i.s8 = v;
         }
         /**
          * Gets or sets horizontal alignment which determines the title position, relative to the left and right edges of the control.
@@ -2430,11 +2430,11 @@ export let IgcDomainChartComponent = /*@__PURE__*/ (() => {
         * ```
         */
         get titleAlignment() {
-            return this.i.xq;
+            return this.i.xw;
         }
         set titleAlignment(v) {
-            this.i.xq = ensureEnum(HorizontalAlignment_$type, v);
-            this._a("titleAlignment", enumToString(HorizontalAlignment_$type, this.i.xq));
+            this.i.xw = ensureEnum(HorizontalAlignment_$type, v);
+            this._a("titleAlignment", enumToString(HorizontalAlignment_$type, this.i.xw));
         }
         /**
          * Gets or sets horizontal alignment which determines the subtitle position, relative to the left and right edges of the control.
@@ -2446,11 +2446,11 @@ export let IgcDomainChartComponent = /*@__PURE__*/ (() => {
         * ```
         */
         get subtitleAlignment() {
-            return this.i.xp;
+            return this.i.xv;
         }
         set subtitleAlignment(v) {
-            this.i.xp = ensureEnum(HorizontalAlignment_$type, v);
-            this._a("subtitleAlignment", enumToString(HorizontalAlignment_$type, this.i.xp));
+            this.i.xv = ensureEnum(HorizontalAlignment_$type, v);
+            this._a("subtitleAlignment", enumToString(HorizontalAlignment_$type, this.i.xv));
         }
         /**
          * Gets or sets the behavior that determines how unknown values will be plotted on the chart.
@@ -2480,11 +2480,11 @@ export let IgcDomainChartComponent = /*@__PURE__*/ (() => {
         * ```
         */
         get resolution() {
-            return this.i.ka;
+            return this.i.ke;
         }
         set resolution(v) {
-            this.i.ka = +v;
-            this._a("resolution", this.i.ka);
+            this.i.ke = +v;
+            this._a("resolution", this.i.ke);
         }
         /**
          * 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.
@@ -2492,11 +2492,11 @@ export let IgcDomainChartComponent = /*@__PURE__*/ (() => {
         * Use the `Thickness` property for the thickness of all the series in this chart.
         */
         get thickness() {
-            return this.i.kg;
+            return this.i.kk;
         }
         set thickness(v) {
-            this.i.kg = +v;
-            this._a("thickness", this.i.kg);
+            this.i.kk = +v;
+            this._a("thickness", this.i.kk);
         }
         /**
          * Gets or sets the OutlineMode for all series in this chart.
@@ -2532,21 +2532,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.j3;
+            return this.i.j7;
         }
         set markerFillOpacity(v) {
-            this.i.j3 = +v;
-            this._a("markerFillOpacity", this.i.j3);
+            this.i.j7 = +v;
+            this._a("markerFillOpacity", this.i.j7);
         }
         /**
          * Gets or sets the Marker Thickness for all series that support markers in this chart.
         */
         get markerThickness() {
-            return this.i.j4;
+            return this.i.j8;
         }
         set markerThickness(v) {
-            this.i.j4 = +v;
-            this._a("markerThickness", this.i.j4);
+            this.i.j8 = +v;
+            this._a("markerThickness", this.i.j8);
         }
         /**
          * Gets or sets the marker shapes used for indicating location of data points in this chart.
@@ -2636,32 +2636,32 @@ export let IgcDomainChartComponent = /*@__PURE__*/ (() => {
         * ```
         */
         get markerMaxCount() {
-            return this.i.lr;
+            return this.i.lv;
         }
         set markerMaxCount(v) {
-            this.i.lr = +v;
-            this._a("markerMaxCount", this.i.lr);
+            this.i.lv = +v;
+            this._a("markerMaxCount", this.i.lv);
         }
         /**
          * 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.jn;
+            return this.i.jr;
         }
         set areaFillOpacity(v) {
-            this.i.jn = +v;
-            this._a("areaFillOpacity", this.i.jn);
+            this.i.jr = +v;
+            this._a("areaFillOpacity", this.i.jr);
         }
         /**
          * 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.gj;
+            return this.i.gl;
         }
         set animateSeriesWhenAxisRangeChanges(v) {
-            this.i.gj = ensureBool(v);
-            this._a("animateSeriesWhenAxisRangeChanges", this.i.gj);
+            this.i.gl = ensureBool(v);
+            this._a("animateSeriesWhenAxisRangeChanges", this.i.gl);
         }
         /**
          * Gets or sets the palette of brushes to used for coloring trend lines in this chart.
@@ -2708,11 +2708,11 @@ export let IgcDomainChartComponent = /*@__PURE__*/ (() => {
         * ```
         */
         get trendLineThickness() {
-            return this.i.km;
+            return this.i.kq;
         }
         set trendLineThickness(v) {
-            this.i.km = +v;
-            this._a("trendLineThickness", this.i.km);
+            this.i.kq = +v;
+            this._a("trendLineThickness", this.i.kq);
         }
         /**
          * Gets or sets what trendlines to use in the chart.
@@ -2750,11 +2750,11 @@ export let IgcDomainChartComponent = /*@__PURE__*/ (() => {
          * Gets or sets if the chart should use the legend for trendline layers.
         */
         get trendLineLayerUseLegend() {
-            return this.i.hn;
+            return this.i.hr;
         }
         set trendLineLayerUseLegend(v) {
-            this.i.hn = ensureBool(v);
-            this._a("trendLineLayerUseLegend", this.i.hn);
+            this.i.hr = ensureBool(v);
+            this._a("trendLineLayerUseLegend", this.i.hr);
         }
         /**
          * Gets or sets a value indicating whether grid and tick lines are aligned to device pixels.
@@ -2766,81 +2766,81 @@ export let IgcDomainChartComponent = /*@__PURE__*/ (() => {
         * ```
         */
         get alignsGridLinesToPixels() {
-            return this.i.gi;
+            return this.i.gk;
         }
         set alignsGridLinesToPixels(v) {
-            this.i.gi = ensureBool(v);
-            this._a("alignsGridLinesToPixels", this.i.gi);
+            this.i.gk = ensureBool(v);
+            this._a("alignsGridLinesToPixels", this.i.gk);
         }
         /**
          * Margin applied to the Left of the plot area.
         */
         get plotAreaMarginLeft() {
-            return this.i.j7;
+            return this.i.kb;
         }
         set plotAreaMarginLeft(v) {
-            this.i.j7 = +v;
-            this._a("plotAreaMarginLeft", this.i.j7);
+            this.i.kb = +v;
+            this._a("plotAreaMarginLeft", this.i.kb);
         }
         /**
          * Margin applied to the Top of the plot area.
         */
         get plotAreaMarginTop() {
-            return this.i.j9;
+            return this.i.kd;
         }
         set plotAreaMarginTop(v) {
-            this.i.j9 = +v;
-            this._a("plotAreaMarginTop", this.i.j9);
+            this.i.kd = +v;
+            this._a("plotAreaMarginTop", this.i.kd);
         }
         /**
          * Margin applied to the right of the plot area.
         */
         get plotAreaMarginRight() {
-            return this.i.j8;
+            return this.i.kc;
         }
         set plotAreaMarginRight(v) {
-            this.i.j8 = +v;
-            this._a("plotAreaMarginRight", this.i.j8);
+            this.i.kc = +v;
+            this._a("plotAreaMarginRight", this.i.kc);
         }
         /**
          * Margin applied below the plot area.
         */
         get plotAreaMarginBottom() {
-            return this.i.j6;
+            return this.i.ka;
         }
         set plotAreaMarginBottom(v) {
-            this.i.j6 = +v;
-            this._a("plotAreaMarginBottom", this.i.j6);
+            this.i.ka = +v;
+            this._a("plotAreaMarginBottom", this.i.ka);
         }
         /**
          * Gets or sets the time to wait before visually dismissing a highlight.
         */
         get highlightingDismissDelayMilliseconds() {
-            return this.i.lp;
+            return this.i.lt;
         }
         set highlightingDismissDelayMilliseconds(v) {
-            this.i.lp = +v;
-            this._a("highlightingDismissDelayMilliseconds", this.i.lp);
+            this.i.lt = +v;
+            this._a("highlightingDismissDelayMilliseconds", this.i.lt);
         }
         /**
          * Gets or sets the time to wait before visually dismissing a focus highlight.
         */
         get focusDismissDelayMilliseconds() {
-            return this.i.ln;
+            return this.i.lr;
         }
         set focusDismissDelayMilliseconds(v) {
-            this.i.ln = +v;
-            this._a("focusDismissDelayMilliseconds", this.i.ln);
+            this.i.lr = +v;
+            this._a("focusDismissDelayMilliseconds", this.i.lr);
         }
         /**
          * Gets or sets the time to wait before visually dismissing a selection highlight
         */
         get selectionDismissDelayMilliseconds() {
-            return this.i.ls;
+            return this.i.lw;
         }
         set selectionDismissDelayMilliseconds(v) {
-            this.i.ls = +v;
-            this._a("selectionDismissDelayMilliseconds", this.i.ls);
+            this.i.lw = +v;
+            this._a("selectionDismissDelayMilliseconds", this.i.lw);
         }
         /**
          * Gets or sets mode to use for automatically calculating the plot area margin.
@@ -2925,11 +2925,11 @@ export let IgcDomainChartComponent = /*@__PURE__*/ (() => {
             this._a("legendItemBadgeMode", enumToString(LegendItemBadgeMode_$type, this.i.cp));
         }
         get trendLinePeriod() {
-            return this.i.lv;
+            return this.i.lz;
         }
         set trendLinePeriod(v) {
-            this.i.lv = +v;
-            this._a("trendLinePeriod", this.i.lv);
+            this.i.lz = +v;
+            this._a("trendLinePeriod", this.i.lz);
         }
         /**
          * Gets or sets the style of tooltip to be displayed.
@@ -2955,41 +2955,41 @@ export let IgcDomainChartComponent = /*@__PURE__*/ (() => {
          * Gets or sets whether crosshairs will snap to the nearest data point.
         */
         get crosshairsSnapToData() {
-            return this.i.gq;
+            return this.i.gu;
         }
         set crosshairsSnapToData(v) {
-            this.i.gq = ensureBool(v);
-            this._a("crosshairsSnapToData", this.i.gq);
+            this.i.gu = ensureBool(v);
+            this._a("crosshairsSnapToData", this.i.gu);
         }
         /**
          * Gets or sets the color to apply to vertical crosshairs line.
         */
         get crosshairsLineVerticalStroke() {
-            return brushToString(this.i.yy);
+            return brushToString(this.i.y4);
         }
         set crosshairsLineVerticalStroke(v) {
-            this.i.yy = stringToBrush(v);
-            this._a("crosshairsLineVerticalStroke", brushToString(this.i.yy));
+            this.i.y4 = stringToBrush(v);
+            this._a("crosshairsLineVerticalStroke", brushToString(this.i.y4));
         }
         /**
          * Gets or sets thickness of crosshairs lines.
         */
         get crosshairsLineThickness() {
-            return this.i.jq;
+            return this.i.ju;
         }
         set crosshairsLineThickness(v) {
-            this.i.jq = +v;
-            this._a("crosshairsLineThickness", this.i.jq);
+            this.i.ju = +v;
+            this._a("crosshairsLineThickness", this.i.ju);
         }
         /**
          * Gets or sets the color to apply to horizontal crosshairs line.
         */
         get crosshairsLineHorizontalStroke() {
-            return brushToString(this.i.yx);
+            return brushToString(this.i.y3);
         }
         set crosshairsLineHorizontalStroke(v) {
-            this.i.yx = stringToBrush(v);
-            this._a("crosshairsLineHorizontalStroke", brushToString(this.i.yx));
+            this.i.y3 = stringToBrush(v);
+            this._a("crosshairsLineHorizontalStroke", brushToString(this.i.y3));
         }
         /**
          * Gets or sets whether annotations are shown along the axis for crosshair values
@@ -3001,65 +3001,85 @@ export let IgcDomainChartComponent = /*@__PURE__*/ (() => {
             this.i.crosshairsAnnotationEnabled = ensureBool(v);
             this._a("crosshairsAnnotationEnabled", this.i.crosshairsAnnotationEnabled);
         }
+        /**
+         * Gets or sets whether axis annotation are skipped for zero-value fragments in a given position.
+        */
+        get crosshairsSkipZeroValueFragments() {
+            return this.i.gt;
+        }
+        set crosshairsSkipZeroValueFragments(v) {
+            this.i.gt = ensureBool(v);
+            this._a("crosshairsSkipZeroValueFragments", this.i.gt);
+        }
+        /**
+         * Gets or sets whether axis annotation are skipped for invalid data in a given position.
+        */
+        get crosshairsSkipInvalidData() {
+            return this.i.gs;
+        }
+        set crosshairsSkipInvalidData(v) {
+            this.i.gs = ensureBool(v);
+            this._a("crosshairsSkipInvalidData", this.i.gs);
+        }
         /**
          * Gets or sets the background of crosshair annotation on x-axis.
         */
         get crosshairsAnnotationXAxisBackground() {
-            return brushToString(this.i.yt);
+            return brushToString(this.i.yz);
         }
         set crosshairsAnnotationXAxisBackground(v) {
-            this.i.yt = stringToBrush(v);
-            this._a("crosshairsAnnotationXAxisBackground", brushToString(this.i.yt));
+            this.i.yz = stringToBrush(v);
+            this._a("crosshairsAnnotationXAxisBackground", brushToString(this.i.yz));
         }
         /**
          * Gets or sets the background of crosshair annotation on y-axis.
         */
         get crosshairsAnnotationYAxisBackground() {
-            return brushToString(this.i.yv);
+            return brushToString(this.i.y1);
         }
         set crosshairsAnnotationYAxisBackground(v) {
-            this.i.yv = stringToBrush(v);
-            this._a("crosshairsAnnotationYAxisBackground", brushToString(this.i.yv));
+            this.i.y1 = stringToBrush(v);
+            this._a("crosshairsAnnotationYAxisBackground", brushToString(this.i.y1));
         }
         /**
          * Gets or sets the text color of crosshair annotation on x-axis.
         */
         get crosshairsAnnotationXAxisTextColor() {
-            return brushToString(this.i.yu);
+            return brushToString(this.i.y0);
         }
         set crosshairsAnnotationXAxisTextColor(v) {
-            this.i.yu = stringToBrush(v);
-            this._a("crosshairsAnnotationXAxisTextColor", brushToString(this.i.yu));
+            this.i.y0 = stringToBrush(v);
+            this._a("crosshairsAnnotationXAxisTextColor", brushToString(this.i.y0));
         }
         /**
          * Gets or sets the text color of crosshair annotation on y-axis.
         */
         get crosshairsAnnotationYAxisTextColor() {
-            return brushToString(this.i.yw);
+            return brushToString(this.i.y2);
         }
         set crosshairsAnnotationYAxisTextColor(v) {
-            this.i.yw = stringToBrush(v);
-            this._a("crosshairsAnnotationYAxisTextColor", brushToString(this.i.yw));
+            this.i.y2 = stringToBrush(v);
+            this._a("crosshairsAnnotationYAxisTextColor", brushToString(this.i.y2));
         }
         /**
          * Gets or sets precision on interpolated values of crosshairs on x-axis.
         */
         get crosshairsAnnotationXAxisPrecision() {
-            return this.i.li;
+            return this.i.lm;
         }
         set crosshairsAnnotationXAxisPrecision(v) {
-            this.i.li = +v;
-            this._a("crosshairsAnnotationXAxisPrecision", this.i.li);
+            this.i.lm = +v;
+            this._a("crosshairsAnnotationXAxisPrecision", this.i.lm);
         }
         /**
          * Gets or sets precision on interpolated values of crosshairs on y-axis.
         */
         get crosshairsAnnotationYAxisPrecision() {
-            return this.i.lj;
+            return this.i.ln;
         }
         set crosshairsAnnotationYAxisPrecision(v) {
-            this.i.lj = +v;
-            this._a("crosshairsAnnotationYAxisPrecision", this.i.lj);
+            this.i.ln = +v;
+            this._a("crosshairsAnnotationYAxisPrecision", this.i.ln);
         }
         /**
          * Gets or sets whether annotations for the final value of each series is displayed on the axis.
@@ -3075,11 +3095,11 @@ export let IgcDomainChartComponent = /*@__PURE__*/ (() => {
          * Gets or sets a whether the chart should pan its content when zoo,ing in passed max zoom level.
         */
         get shouldPanOnMaximumZoom() {
-            return this.i.hj;
+            return this.i.hn;
         }
         set shouldPanOnMaximumZoom(v) {
-            this.i.hj = ensureBool(v);
-            this._a("shouldPanOnMaximumZoom", this.i.hj);
+            this.i.hn = ensureBool(v);
+            this._a("shouldPanOnMaximumZoom", this.i.hn);
         }
         /**
          * Gets or sets whether annotations for the final value of each series is displayed on the axis.
@@ -3095,31 +3115,31 @@ export let IgcDomainChartComponent = /*@__PURE__*/ (() => {
          * Gets or sets the background of final value annotation.
         */
         get finalValueAnnotationsBackground() {
-            return brushToString(this.i.y9);
+            return brushToString(this.i.zf);
         }
         set finalValueAnnotationsBackground(v) {
-            this.i.y9 = stringToBrush(v);
-            this._a("finalValueAnnotationsBackground", brushToString(this.i.y9));
+            this.i.zf = stringToBrush(v);
+            this._a("finalValueAnnotationsBackground", brushToString(this.i.zf));
         }
         /**
          * Gets or sets the text color of final value annotation.
         */
         get finalValueAnnotationsTextColor() {
-            return brushToString(this.i.za);
+            return brushToString(this.i.zg);
         }
         set finalValueAnnotationsTextColor(v) {
-            this.i.za = stringToBrush(v);
-            this._a("finalValueAnnotationsTextColor", brushToString(this.i.za));
+            this.i.zg = stringToBrush(v);
+            this._a("finalValueAnnotationsTextColor", brushToString(this.i.zg));
         }
         /**
          * Gets or sets precision on final value annotation.
         */
         get finalValueAnnotationsPrecision() {
-            return this.i.lm;
+            return this.i.lq;
         }
         set finalValueAnnotationsPrecision(v) {
-            this.i.lm = +v;
-            this._a("finalValueAnnotationsPrecision", this.i.lm);
+            this.i.lq = +v;
+            this._a("finalValueAnnotationsPrecision", this.i.lq);
         }
         /**
          * Gets or sets if the auto value callouts should be displayed.
@@ -3135,31 +3155,31 @@ export let IgcDomainChartComponent = /*@__PURE__*/ (() => {
          * Gets or sets if callouts should be displayed.
         */
         get calloutsVisible() {
-            return this.i.gp;
+            return this.i.gr;
         }
         set calloutsVisible(v) {
-            this.i.gp = ensureBool(v);
-            this._a("calloutsVisible", this.i.gp);
+            this.i.gr = ensureBool(v);
+            this._a("calloutsVisible", this.i.gr);
         }
         /**
          * Gets or sets if event annotations should be displayed.
         */
         get calloutStyleUpdatingEventEnabled() {
-            return this.i.gl;
+            return this.i.gn;
         }
         set calloutStyleUpdatingEventEnabled(v) {
-            this.i.gl = ensureBool(v);
-            this._a("calloutStyleUpdatingEventEnabled", this.i.gl);
+            this.i.gn = ensureBool(v);
+            this._a("calloutStyleUpdatingEventEnabled", this.i.gn);
         }
         /**
          * Gets or sets if event annotations should be displayed.
         */
         get useValueForAutoCalloutLabels() {
-            return this.i.ho;
+            return this.i.hs;
         }
         set useValueForAutoCalloutLabels(v) {
-            this.i.ho = ensureBool(v);
-            this._a("useValueForAutoCalloutLabels", this.i.ho);
+            this.i.hs = ensureBool(v);
+            this._a("useValueForAutoCalloutLabels", this.i.hs);
         }
         /**
          * Gets or sets if event annotations should be displayed.
@@ -3175,111 +3195,111 @@ export let IgcDomainChartComponent = /*@__PURE__*/ (() => {
          * Gets or sets if the series item color should be used for the callout fills.
         */
         get calloutsUseItemColorForFill() {
-            return this.i.gn;
+            return this.i.gp;
         }
         set calloutsUseItemColorForFill(v) {
-            this.i.gn = ensureBool(v);
-            this._a("calloutsUseItemColorForFill", this.i.gn);
+            this.i.gp = ensureBool(v);
+            this._a("calloutsUseItemColorForFill", this.i.gp);
         }
         /**
          * Gets or sets if the series item color should be used for the callout outlines.
         */
         get calloutsUseItemColorForOutline() {
-            return this.i.go;
+            return this.i.gq;
         }
         set calloutsUseItemColorForOutline(v) {
-            this.i.go = ensureBool(v);
-            this._a("calloutsUseItemColorForOutline", this.i.go);
+            this.i.gq = ensureBool(v);
+            this._a("calloutsUseItemColorForOutline", this.i.gq);
         }
         /**
          * Gets or sets whether to the label color is automatically decided between a light and dark option for contrast.
         */
         get calloutsUseAutoContrastingLabelColors() {
-            return this.i.gm;
+            return this.i.go;
         }
         set calloutsUseAutoContrastingLabelColors(v) {
-            this.i.gm = ensureBool(v);
-            this._a("calloutsUseAutoContrastingLabelColors", this.i.gm);
+            this.i.go = ensureBool(v);
+            this._a("calloutsUseAutoContrastingLabelColors", this.i.go);
         }
         /**
          * Gets or sets if the thickness that should be used for the callout outlines.
         */
         get calloutsStrokeThickness() {
-            return this.i.jp;
+            return this.i.jt;
         }
         set calloutsStrokeThickness(v) {
-            this.i.jp = +v;
-            this._a("calloutsStrokeThickness", this.i.jp);
+            this.i.jt = +v;
+            this._a("calloutsStrokeThickness", this.i.jt);
         }
         /**
          * Gets or sets color of the callout background.
         */
         get calloutsBackground() {
-            return brushToString(this.i.yn);
+            return brushToString(this.i.yt);
         }
         set calloutsBackground(v) {
-            this.i.yn = stringToBrush(v);
-            this._a("calloutsBackground", brushToString(this.i.yn));
+            this.i.yt = stringToBrush(v);
+            this._a("calloutsBackground", brushToString(this.i.yt));
         }
         /**
          * Gets or sets color of the callout outlines.
         */
         get calloutsOutline() {
-            return brushToString(this.i.yr);
+            return brushToString(this.i.yx);
         }
         set calloutsOutline(v) {
-            this.i.yr = stringToBrush(v);
-            this._a("calloutsOutline", brushToString(this.i.yr));
+            this.i.yx = stringToBrush(v);
+            this._a("calloutsOutline", brushToString(this.i.yx));
         }
         /**
          * Gets or sets text color of callout.
         */
         get calloutsTextColor() {
-            return brushToString(this.i.ys);
+            return brushToString(this.i.yy);
         }
         set calloutsTextColor(v) {
-            this.i.ys = stringToBrush(v);
-            this._a("calloutsTextColor", brushToString(this.i.ys));
+            this.i.yy = stringToBrush(v);
+            this._a("calloutsTextColor", brushToString(this.i.yy));
         }
         /**
          * Gets or sets the text color on dark callout background.
         */
         get calloutsLightTextColor() {
-            return brushToString(this.i.yq);
+            return brushToString(this.i.yw);
         }
         set calloutsLightTextColor(v) {
-            this.i.yq = stringToBrush(v);
-            this._a("calloutsLightTextColor", brushToString(this.i.yq));
+            this.i.yw = stringToBrush(v);
+            this._a("calloutsLightTextColor", brushToString(this.i.yw));
         }
         /**
          * Gets or sets the text color on light callout background.
         */
         get calloutsDarkTextColor() {
-            return brushToString(this.i.yo);
+            return brushToString(this.i.yu);
         }
         set calloutsDarkTextColor(v) {
-            this.i.yo = stringToBrush(v);
-            this._a("calloutsDarkTextColor", brushToString(this.i.yo));
+            this.i.yu = stringToBrush(v);
+            this._a("calloutsDarkTextColor", brushToString(this.i.yu));
         }
         /**
          * Gets or sets color of callout's leader lines.
         */
         get calloutsLeaderBrush() {
-            return brushToString(this.i.yp);
+            return brushToString(this.i.yv);
         }
         set calloutsLeaderBrush(v) {
-            this.i.yp = stringToBrush(v);
-            this._a("calloutsLeaderBrush", brushToString(this.i.yp));
+            this.i.yv = stringToBrush(v);
+            this._a("calloutsLeaderBrush", brushToString(this.i.yv));
         }
         /**
          * Gets or sets the amount of precision to apply to the auto callout labels.
         */
         get calloutsAutoLabelPrecision() {
-            return this.i.lh;
+            return this.i.ll;
         }
         set calloutsAutoLabelPrecision(v) {
-            this.i.lh = +v;
-            this._a("calloutsAutoLabelPrecision", this.i.lh);
+            this.i.ll = +v;
+            this._a("calloutsAutoLabelPrecision", this.i.ll);
         }
         /**
          * Gets or sets the allowed positions that the callout layer is allowed to use.
@@ -3317,37 +3337,37 @@ export let IgcDomainChartComponent = /*@__PURE__*/ (() => {
          * Gets or sets the member path of the X data for the callouts.
         */
         get calloutsXMemberPath() {
-            return this.i.nz;
+            return this.i.n3;
         }
         set calloutsXMemberPath(v) {
-            this.i.nz = v;
+            this.i.n3 = v;
         }
         /**
          * Gets or sets the member path of the Y data for the callouts.
         */
         get calloutsYMemberPath() {
-            return this.i.n1;
+            return this.i.n5;
         }
         set calloutsYMemberPath(v) {
-            this.i.n1 = v;
+            this.i.n5 = v;
         }
         /**
          * Gets or sets the member path of the label data for the callouts.
         */
         get calloutsLabelMemberPath() {
-            return this.i.nm;
+            return this.i.nq;
         }
         set calloutsLabelMemberPath(v) {
-            this.i.nm = v;
+            this.i.nq = v;
         }
         /**
          * Gets or sets the member path of the content data for the callouts.
         */
         get calloutsContentMemberPath() {
-            return this.i.ni;
+            return this.i.nm;
         }
         set calloutsContentMemberPath(v) {
-            this.i.ni = v;
+            this.i.nm = v;
         }
         /**
          * Gets or sets the font for callout text.
@@ -3411,21 +3431,21 @@ export let IgcDomainChartComponent = /*@__PURE__*/ (() => {
          * Gets or sets thickness of value lines.
         */
         get valueLinesThickness() {
-            return this.i.kn;
+            return this.i.kr;
         }
         set valueLinesThickness(v) {
-            this.i.kn = +v;
-            this._a("valueLinesThickness", this.i.kn);
+            this.i.kr = +v;
+            this._a("valueLinesThickness", this.i.kr);
         }
         /**
          * Gets or sets if the chart should use the legend for value layers that target series.
         */
         get seriesValueLayerUseLegend() {
-            return this.i.hh;
+            return this.i.hl;
         }
         set seriesValueLayerUseLegend(v) {
-            this.i.hh = ensureBool(v);
-            this._a("seriesValueLayerUseLegend", this.i.hh);
+            this.i.hl = ensureBool(v);
+            this._a("seriesValueLayerUseLegend", this.i.hl);
         }
         /**
          * Gets or sets the horizontal scrollbar mode to use for the series viewer.
@@ -3471,201 +3491,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.zg);
+            return brushToString(this.i.zm);
         }
         set horizontalViewScrollbarFill(v) {
-            this.i.zg = stringToBrush(v);
-            this._a("horizontalViewScrollbarFill", brushToString(this.i.zg));
+            this.i.zm = stringToBrush(v);
+            this._a("horizontalViewScrollbarFill", brushToString(this.i.zm));
         }
         /**
          * Gets or sets the outline to use for the horizontal scrollbar in the component, when enabled.
         */
         get horizontalViewScrollbarOutline() {
-            return brushToString(this.i.zh);
+            return brushToString(this.i.zn);
         }
         set horizontalViewScrollbarOutline(v) {
-            this.i.zh = stringToBrush(v);
-            this._a("horizontalViewScrollbarOutline", brushToString(this.i.zh));
+            this.i.zn = stringToBrush(v);
+            this._a("horizontalViewScrollbarOutline", brushToString(this.i.zn));
         }
         /**
          * Gets or sets the stroke thickness to use for the horizontal scrollbar in the component, when enabled.
         */
         get horizontalViewScrollbarStrokeThickness() {
-            return this.i.jz;
+            return this.i.j3;
         }
         set horizontalViewScrollbarStrokeThickness(v) {
-            this.i.jz = +v;
-            this._a("horizontalViewScrollbarStrokeThickness", this.i.jz);
+            this.i.j3 = +v;
+            this._a("horizontalViewScrollbarStrokeThickness", this.i.j3);
         }
         /**
          * Gets or sets the max opacity to use for the horizontal scrollbar in the component, when enabled.
         */
         get horizontalViewScrollbarMaxOpacity() {
-            return this.i.jy;
+            return this.i.j2;
         }
         set horizontalViewScrollbarMaxOpacity(v) {
-            this.i.jy = +v;
-            this._a("horizontalViewScrollbarMaxOpacity", this.i.jy);
+            this.i.j2 = +v;
+            this._a("horizontalViewScrollbarMaxOpacity", this.i.j2);
         }
         /**
          * Gets or sets the corner radius to use for the horizontal scrollbar in the component, when enabled.
         */
         get horizontalViewScrollbarCornerRadius() {
-            return this.i.jv;
+            return this.i.jz;
         }
         set horizontalViewScrollbarCornerRadius(v) {
-            this.i.jv = +v;
-            this._a("horizontalViewScrollbarCornerRadius", this.i.jv);
+            this.i.jz = +v;
+            this._a("horizontalViewScrollbarCornerRadius", this.i.jz);
         }
         /**
          * Gets or sets the height to use for the horizontal scrollbar in the component, when enabled.
         */
         get horizontalViewScrollbarHeight() {
-            return this.i.jw;
+            return this.i.j0;
         }
         set horizontalViewScrollbarHeight(v) {
-            this.i.jw = +v;
-            this._a("horizontalViewScrollbarHeight", this.i.jw);
+            this.i.j0 = +v;
+            this._a("horizontalViewScrollbarHeight", this.i.j0);
         }
         /**
          * Gets or sets the inset distance to use for the horizontal scrollbar in the component, when enabled.
         */
         get horizontalViewScrollbarInset() {
-            return this.i.jx;
+            return this.i.j1;
         }
         set horizontalViewScrollbarInset(v) {
-            this.i.jx = +v;
-            this._a("horizontalViewScrollbarInset", this.i.jx);
+            this.i.j1 = +v;
+            this._a("horizontalViewScrollbarInset", this.i.j1);
         }
         /**
          * Gets or sets the track start inset to use for the horizontal scrollbar in the component, when enabled.
         */
         get horizontalViewScrollbarTrackStartInset() {
-            return this.i.j1;
+            return this.i.j5;
         }
         set horizontalViewScrollbarTrackStartInset(v) {
-            this.i.j1 = +v;
-            this._a("horizontalViewScrollbarTrackStartInset", this.i.j1);
+            this.i.j5 = +v;
+            this._a("horizontalViewScrollbarTrackStartInset", this.i.j5);
         }
         /**
          * Gets or sets the track end inset to use for the horizontal scrollbar in the component, when enabled.
         */
         get horizontalViewScrollbarTrackEndInset() {
-            return this.i.j0;
+            return this.i.j4;
         }
         set horizontalViewScrollbarTrackEndInset(v) {
-            this.i.j0 = +v;
-            this._a("horizontalViewScrollbarTrackEndInset", this.i.j0);
+            this.i.j4 = +v;
+            this._a("horizontalViewScrollbarTrackEndInset", this.i.j4);
         }
         /**
          * Gets or sets whether to use automatic track insets for the horizontal scrollbar in the component, when enabled.
         */
         get horizontalViewScrollbarShouldAddAutoTrackInsets() {
-            return this.i.gz;
+            return this.i.g3;
         }
         set horizontalViewScrollbarShouldAddAutoTrackInsets(v) {
-            this.i.gz = ensureBool(v);
-            this._a("horizontalViewScrollbarShouldAddAutoTrackInsets", this.i.gz);
+            this.i.g3 = ensureBool(v);
+            this._a("horizontalViewScrollbarShouldAddAutoTrackInsets", this.i.g3);
         }
         /**
          * Gets or sets the fill to use for the vertical scrollbar in the component, when enabled.
         */
         get verticalViewScrollbarFill() {
-            return brushToString(this.i.zm);
+            return brushToString(this.i.zs);
         }
         set verticalViewScrollbarFill(v) {
-            this.i.zm = stringToBrush(v);
-            this._a("verticalViewScrollbarFill", brushToString(this.i.zm));
+            this.i.zs = stringToBrush(v);
+            this._a("verticalViewScrollbarFill", brushToString(this.i.zs));
         }
         /**
          * Gets or sets the outline to use for the vertical scrollbar in the component, when enabled.
         */
         get verticalViewScrollbarOutline() {
-            return brushToString(this.i.zn);
+            return brushToString(this.i.zt);
         }
         set verticalViewScrollbarOutline(v) {
-            this.i.zn = stringToBrush(v);
-            this._a("verticalViewScrollbarOutline", brushToString(this.i.zn));
+            this.i.zt = stringToBrush(v);
+            this._a("verticalViewScrollbarOutline", brushToString(this.i.zt));
         }
         /**
          * Gets or sets the stroke thickness to use for the vertical scrollbar in the component, when enabled.
         */
         get verticalViewScrollbarStrokeThickness() {
-            return this.i.kr;
+            return this.i.kv;
         }
         set verticalViewScrollbarStrokeThickness(v) {
-            this.i.kr = +v;
-            this._a("verticalViewScrollbarStrokeThickness", this.i.kr);
+            this.i.kv = +v;
+            this._a("verticalViewScrollbarStrokeThickness", this.i.kv);
         }
         /**
          * Gets or sets the max opacity to use for the vertical scrollbar in the component, when enabled.
         */
         get verticalViewScrollbarMaxOpacity() {
-            return this.i.kq;
+            return this.i.ku;
         }
         set verticalViewScrollbarMaxOpacity(v) {
-            this.i.kq = +v;
-            this._a("verticalViewScrollbarMaxOpacity", this.i.kq);
+            this.i.ku = +v;
+            this._a("verticalViewScrollbarMaxOpacity", this.i.ku);
         }
         /**
          * Gets or sets the corner radius to use for the vertical scrollbar in the component, when enabled.
         */
         get verticalViewScrollbarCornerRadius() {
-            return this.i.ko;
+            return this.i.ks;
         }
         set verticalViewScrollbarCornerRadius(v) {
-            this.i.ko = +v;
-            this._a("verticalViewScrollbarCornerRadius", this.i.ko);
+            this.i.ks = +v;
+            this._a("verticalViewScrollbarCornerRadius", this.i.ks);
         }
         /**
          * Gets or sets the width to use for the vertical scrollbar in the component, when enabled.
         */
         get verticalViewScrollbarWidth() {
-            return this.i.ku;
+            return this.i.ky;
         }
         set verticalViewScrollbarWidth(v) {
-            this.i.ku = +v;
-            this._a("verticalViewScrollbarWidth", this.i.ku);
+            this.i.ky = +v;
+            this._a("verticalViewScrollbarWidth", this.i.ky);
         }
         /**
          * Gets or sets the inset distance to use for the vertical scrollbar in the component, when enabled.
         */
         get verticalViewScrollbarInset() {
-            return this.i.kp;
+            return this.i.kt;
         }
         set verticalViewScrollbarInset(v) {
-            this.i.kp = +v;
-            this._a("verticalViewScrollbarInset", this.i.kp);
+            this.i.kt = +v;
+            this._a("verticalViewScrollbarInset", this.i.kt);
         }
         /**
          * Gets or sets the track start inset to use for the vertical scrollbar in the component, when enabled.
         */
         get verticalViewScrollbarTrackStartInset() {
-            return this.i.kt;
+            return this.i.kx;
         }
         set verticalViewScrollbarTrackStartInset(v) {
-            this.i.kt = +v;
-            this._a("verticalViewScrollbarTrackStartInset", this.i.kt);
+            this.i.kx = +v;
+            this._a("verticalViewScrollbarTrackStartInset", this.i.kx);
         }
         /**
          * Gets or sets the track end inset to use for the vertical scrollbar in the component, when enabled.
         */
         get verticalViewScrollbarTrackEndInset() {
-            return this.i.ks;
+            return this.i.kw;
         }
         set verticalViewScrollbarTrackEndInset(v) {
-            this.i.ks = +v;
-            this._a("verticalViewScrollbarTrackEndInset", this.i.ks);
+            this.i.kw = +v;
+            this._a("verticalViewScrollbarTrackEndInset", this.i.kw);
         }
         /**
          * Gets or sets whether to use automatic track insets for the vertical scrollbar in the component, when enabled.
         */
         get verticalViewScrollbarShouldAddAutoTrackInsets() {
-            return this.i.hp;
+            return this.i.ht;
         }
         set verticalViewScrollbarShouldAddAutoTrackInsets(v) {
-            this.i.hp = ensureBool(v);
-            this._a("verticalViewScrollbarShouldAddAutoTrackInsets", this.i.hp);
+            this.i.ht = ensureBool(v);
+            this._a("verticalViewScrollbarShouldAddAutoTrackInsets", this.i.ht);
         }
         /**
          * Sets or gets the minimum width that the window rect is allowed to reach before being clamped.
@@ -3674,11 +3694,11 @@ export let IgcDomainChartComponent = /*@__PURE__*/ (() => {
          * This property accepts values between 0.0 (max zooming) and 1.0 (no zooming)
         */
         get windowRectMinWidth() {
-            return this.i.kw;
+            return this.i.k0;
         }
         set windowRectMinWidth(v) {
-            this.i.kw = +v;
-            this._a("windowRectMinWidth", this.i.kw);
+            this.i.k0 = +v;
+            this._a("windowRectMinWidth", this.i.k0);
         }
         /**
          * Sets or gets the minimum height that the window rect is allowed to reach before being clamped.
@@ -3687,11 +3707,11 @@ export let IgcDomainChartComponent = /*@__PURE__*/ (() => {
          * This property accepts values between 0.0 (max zooming) and 1.0 (no zooming)
         */
         get windowRectMinHeight() {
-            return this.i.kv;
+            return this.i.kz;
         }
         set windowRectMinHeight(v) {
-            this.i.kv = +v;
-            this._a("windowRectMinHeight", this.i.kv);
+            this.i.kz = +v;
+            this._a("windowRectMinHeight", this.i.kz);
         }
         /**
          * Sets or gets minimum pixel width that the window is allowed to reach before being clamped.
@@ -3700,11 +3720,11 @@ export let IgcDomainChartComponent = /*@__PURE__*/ (() => {
          * This property is overridden by the WindowRectMinWidth property
         */
         get windowSizeMinWidth() {
-            return this.i.ky;
+            return this.i.k2;
         }
         set windowSizeMinWidth(v) {
-            this.i.ky = +v;
-            this._a("windowSizeMinWidth", this.i.ky);
+            this.i.k2 = +v;
+            this._a("windowSizeMinWidth", this.i.k2);
         }
         /**
          * Sets or gets minimum pixel height that the window is allowed to reach before being clamped.
@@ -3713,11 +3733,11 @@ export let IgcDomainChartComponent = /*@__PURE__*/ (() => {
          * This property is overridden by the WindowRectMinHeight property
         */
         get windowSizeMinHeight() {
-            return this.i.kx;
+            return this.i.k1;
         }
         set windowSizeMinHeight(v) {
-            this.i.kx = +v;
-            this._a("windowSizeMinHeight", this.i.kx);
+            this.i.k1 = +v;
+            this._a("windowSizeMinHeight", this.i.k1);
         }
         findByName(name) {
             if (this.findEphemera) {
@@ -3883,7 +3903,7 @@ export let IgcDomainChartComponent = /*@__PURE__*/ (() => {
             this.i.notifyResized();
         }
         notifyVisualPropertiesChanged() {
-            this.i.vz();
+            this.i.v5();
         }
         /**
          * Forces any pending refresh to the chart to be finished.
@@ -3896,7 +3916,7 @@ export let IgcDomainChartComponent = /*@__PURE__*/ (() => {
         * ```
         */
         flush() {
-            this.i.u4();
+            this.i.va();
         }
         /**
          * Hides the active main tooltip, if displayed.
@@ -3909,17 +3929,17 @@ export let IgcDomainChartComponent = /*@__PURE__*/ (() => {
         * ```
         */
         hideToolTip() {
-            this.i.vd();
+            this.i.vj();
         }
         /**
          * Replays transition-in animation on all series in the chart.
         
         */
         replayTransitionIn() {
-            this.i.w7();
+            this.i.xd();
         }
         onDetach() {
-            this.i.v7();
+            this.i.wd();
         }
         /**
          * Performs zoom in action on the chart by specified percentage of current window rect
@@ -3962,7 +3982,7 @@ export let IgcDomainChartComponent = /*@__PURE__*/ (() => {
             this.i.notifySeriesDataChanged();
         }
         notifySetItem(source_, index, oldItem, newItem) {
-            this.i.vy(source_, index, oldItem, newItem);
+            this.i.v4(source_, index, oldItem, newItem);
         }
         /**
          * Used to manually notify the chart that the data source has reset or cleared its items.
@@ -3975,13 +3995,13 @@ export let IgcDomainChartComponent = /*@__PURE__*/ (() => {
         * ```
         */
         notifyClearItems(source_) {
-            this.i.vu(source_);
+            this.i.v0(source_);
         }
         notifyInsertItem(source_, index, newItem) {
-            this.i.vv(source_, index, newItem);
+            this.i.v1(source_, index, newItem);
         }
         notifyRemoveItem(source_, index, oldItem) {
-            this.i.vw(source_, index, oldItem);
+            this.i.v2(source_, index, oldItem);
         }
         /**
          * Event raised when a series is initialized and added to this chart.