igniteui-webcomponents-charts 3.2.2 → 3.2.4

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

@@ -45,6 +45,9 @@ import { CalloutPlacementPositionsCollection as CalloutPlacementPositionsCollect
 import { DataToolTipLayerGroupingMode_$type } from "igniteui-webcomponents-core";
 import { DataTooltipGroupedPositionX_$type } from "igniteui-webcomponents-core";
 import { DataTooltipGroupedPositionY_$type } from "igniteui-webcomponents-core";
+import { IgcChartSummaryDescriptionCollection } from './igc-chart-summary-description-collection';
+import { IgcChartSortDescriptionCollection } from './igc-chart-sort-description-collection';
+import { IgcFilterExpressionCollection } from "igniteui-webcomponents-core";
 var IgcDomainChartComponent = /** @class */ /*@__PURE__*/ (function (_super) {
     tslib_1.__extends(IgcDomainChartComponent, _super);
     function IgcDomainChartComponent() {
@@ -226,11 +229,11 @@ var IgcDomainChartComponent = /** @class */ /*@__PURE__*/ (function (_super) {
      * to appear blurry.
     */
         get: function () {
-            return this.i.hi;
+            return this.i.ia;
         },
         set: function (v) {
-            this.i.hi = +v;
-            this._a("pixelScalingRatio", this.i.hi);
+            this.i.ia = +v;
+            this._a("pixelScalingRatio", this.i.ia);
         },
         enumerable: true,
         configurable: true
@@ -246,11 +249,11 @@ var IgcDomainChartComponent = /** @class */ /*@__PURE__*/ (function (_super) {
         * ```
         */
         get: function () {
-            return this.i.hv;
+            return this.i.ip;
         },
         set: function (v) {
-            this.i.hv = +v;
-            this._a("titleLeftMargin", this.i.hv);
+            this.i.ip = +v;
+            this._a("titleLeftMargin", this.i.ip);
         },
         enumerable: true,
         configurable: true
@@ -266,11 +269,11 @@ var IgcDomainChartComponent = /** @class */ /*@__PURE__*/ (function (_super) {
         * ```
         */
         get: function () {
-            return this.i.hw;
+            return this.i.iq;
         },
         set: function (v) {
-            this.i.hw = +v;
-            this._a("titleRightMargin", this.i.hw);
+            this.i.iq = +v;
+            this._a("titleRightMargin", this.i.iq);
         },
         enumerable: true,
         configurable: true
@@ -286,11 +289,11 @@ var IgcDomainChartComponent = /** @class */ /*@__PURE__*/ (function (_super) {
         * ```
         */
         get: function () {
-            return this.i.hx;
+            return this.i.ir;
         },
         set: function (v) {
-            this.i.hx = +v;
-            this._a("titleTopMargin", this.i.hx);
+            this.i.ir = +v;
+            this._a("titleTopMargin", this.i.ir);
         },
         enumerable: true,
         configurable: true
@@ -306,11 +309,11 @@ var IgcDomainChartComponent = /** @class */ /*@__PURE__*/ (function (_super) {
         * ```
         */
         get: function () {
-            return this.i.hu;
+            return this.i.io;
         },
         set: function (v) {
-            this.i.hu = +v;
-            this._a("titleBottomMargin", this.i.hu);
+            this.i.io = +v;
+            this._a("titleBottomMargin", this.i.io);
         },
         enumerable: true,
         configurable: true
@@ -326,11 +329,11 @@ var IgcDomainChartComponent = /** @class */ /*@__PURE__*/ (function (_super) {
         * ```
         */
         get: function () {
-            return this.i.hq;
+            return this.i.ij;
         },
         set: function (v) {
-            this.i.hq = +v;
-            this._a("subtitleLeftMargin", this.i.hq);
+            this.i.ij = +v;
+            this._a("subtitleLeftMargin", this.i.ij);
         },
         enumerable: true,
         configurable: true
@@ -346,11 +349,11 @@ var IgcDomainChartComponent = /** @class */ /*@__PURE__*/ (function (_super) {
         * ```
         */
         get: function () {
-            return this.i.hs;
+            return this.i.il;
         },
         set: function (v) {
-            this.i.hs = +v;
-            this._a("subtitleTopMargin", this.i.hs);
+            this.i.il = +v;
+            this._a("subtitleTopMargin", this.i.il);
         },
         enumerable: true,
         configurable: true
@@ -366,11 +369,11 @@ var IgcDomainChartComponent = /** @class */ /*@__PURE__*/ (function (_super) {
         * ```
         */
         get: function () {
-            return this.i.hr;
+            return this.i.ik;
         },
         set: function (v) {
-            this.i.hr = +v;
-            this._a("subtitleRightMargin", this.i.hr);
+            this.i.ik = +v;
+            this._a("subtitleRightMargin", this.i.ik);
         },
         enumerable: true,
         configurable: true
@@ -386,11 +389,11 @@ var IgcDomainChartComponent = /** @class */ /*@__PURE__*/ (function (_super) {
         * ```
         */
         get: function () {
-            return this.i.hp;
+            return this.i.ii;
         },
         set: function (v) {
-            this.i.hp = +v;
-            this._a("subtitleBottomMargin", this.i.hp);
+            this.i.ii = +v;
+            this._a("subtitleBottomMargin", this.i.ii);
         },
         enumerable: true,
         configurable: true
@@ -406,11 +409,11 @@ var IgcDomainChartComponent = /** @class */ /*@__PURE__*/ (function (_super) {
         * ```
         */
         get: function () {
-            return brushToString(this.i.s0);
+            return brushToString(this.i.uj);
         },
         set: function (v) {
-            this.i.s0 = stringToBrush(v);
-            this._a("subtitleTextColor", brushToString(this.i.s0));
+            this.i.uj = stringToBrush(v);
+            this._a("subtitleTextColor", brushToString(this.i.uj));
         },
         enumerable: true,
         configurable: true
@@ -426,11 +429,11 @@ var IgcDomainChartComponent = /** @class */ /*@__PURE__*/ (function (_super) {
         * ```
         */
         get: function () {
-            return brushToString(this.i.s1);
+            return brushToString(this.i.uk);
         },
         set: function (v) {
-            this.i.s1 = stringToBrush(v);
-            this._a("titleTextColor", brushToString(this.i.s1));
+            this.i.uk = stringToBrush(v);
+            this._a("titleTextColor", brushToString(this.i.uk));
         },
         enumerable: true,
         configurable: true
@@ -446,11 +449,11 @@ var IgcDomainChartComponent = /** @class */ /*@__PURE__*/ (function (_super) {
         * ```
         */
         get: function () {
-            return this.i.hf;
+            return this.i.h7;
         },
         set: function (v) {
-            this.i.hf = +v;
-            this._a("leftMargin", this.i.hf);
+            this.i.h7 = +v;
+            this._a("leftMargin", this.i.h7);
         },
         enumerable: true,
         configurable: true
@@ -466,11 +469,11 @@ var IgcDomainChartComponent = /** @class */ /*@__PURE__*/ (function (_super) {
         * ```
         */
         get: function () {
-            return this.i.hy;
+            return this.i.is;
         },
         set: function (v) {
-            this.i.hy = +v;
-            this._a("topMargin", this.i.hy);
+            this.i.is = +v;
+            this._a("topMargin", this.i.is);
         },
         enumerable: true,
         configurable: true
@@ -486,11 +489,11 @@ var IgcDomainChartComponent = /** @class */ /*@__PURE__*/ (function (_super) {
         * ```
         */
         get: function () {
-            return this.i.ho;
+            return this.i.ih;
         },
         set: function (v) {
-            this.i.ho = +v;
-            this._a("rightMargin", this.i.ho);
+            this.i.ih = +v;
+            this._a("rightMargin", this.i.ih);
         },
         enumerable: true,
         configurable: true
@@ -506,11 +509,11 @@ var IgcDomainChartComponent = /** @class */ /*@__PURE__*/ (function (_super) {
         * ```
         */
         get: function () {
-            return this.i.g2;
+            return this.i.hu;
         },
         set: function (v) {
-            this.i.g2 = +v;
-            this._a("bottomMargin", this.i.g2);
+            this.i.hu = +v;
+            this._a("bottomMargin", this.i.hu);
         },
         enumerable: true,
         configurable: true
@@ -526,11 +529,11 @@ var IgcDomainChartComponent = /** @class */ /*@__PURE__*/ (function (_super) {
         * ```
         */
         get: function () {
-            return this.i.iq;
+            return this.i.jm;
         },
         set: function (v) {
-            this.i.iq = +v;
-            this._a("transitionDuration", this.i.iq);
+            this.i.jm = +v;
+            this._a("transitionDuration", this.i.jm);
         },
         enumerable: true,
         configurable: true
@@ -552,10 +555,10 @@ var IgcDomainChartComponent = /** @class */ /*@__PURE__*/ (function (_super) {
         * ```
         */
         get: function () {
-            return this.i.c8;
+            return this.i.du;
         },
         set: function (v) {
-            this.i.c8 = v;
+            this.i.du = v;
         },
         enumerable: true,
         configurable: true
@@ -571,10 +574,10 @@ var IgcDomainChartComponent = /** @class */ /*@__PURE__*/ (function (_super) {
         * ```
         */
         get: function () {
-            return this.i.od;
+            return this.i.pr;
         },
         set: function (v) {
-            this.i.od = v;
+            this.i.pr = v;
         },
         enumerable: true,
         configurable: true
@@ -590,21 +593,21 @@ var IgcDomainChartComponent = /** @class */ /*@__PURE__*/ (function (_super) {
         * ```
         */
         get: function () {
-            return this.i.oo;
+            return this.i.p2;
         },
         set: function (v) {
-            this.i.oo = v;
+            this.i.p2 = v;
         },
         enumerable: true,
         configurable: true
     });
     Object.defineProperty(IgcDomainChartComponent.prototype, "dataToolTipGroupingMode", {
         get: function () {
-            return this.i.bc;
+            return this.i.bs;
         },
         set: function (v) {
-            this.i.bc = ensureEnum(DataToolTipLayerGroupingMode_$type, v);
-            this._a("dataToolTipGroupingMode", enumToString(DataToolTipLayerGroupingMode_$type, this.i.bc));
+            this.i.bs = ensureEnum(DataToolTipLayerGroupingMode_$type, v);
+            this._a("dataToolTipGroupingMode", enumToString(DataToolTipLayerGroupingMode_$type, this.i.bs));
         },
         enumerable: true,
         configurable: true
@@ -614,11 +617,11 @@ var IgcDomainChartComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the offset of the tooltip layer on the X axis.
         */
         get: function () {
-            return this.i.g6;
+            return this.i.hy;
         },
         set: function (v) {
-            this.i.g6 = +v;
-            this._a("dataToolTipPositionOffsetX", this.i.g6);
+            this.i.hy = +v;
+            this._a("dataToolTipPositionOffsetX", this.i.hy);
         },
         enumerable: true,
         configurable: true
@@ -628,11 +631,11 @@ var IgcDomainChartComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the offset of the tooltip layer on the Y axis.
         */
         get: function () {
-            return this.i.g7;
+            return this.i.hz;
         },
         set: function (v) {
-            this.i.g7 = +v;
-            this._a("dataToolTipPositionOffsetY", this.i.g7);
+            this.i.hz = +v;
+            this._a("dataToolTipPositionOffsetY", this.i.hz);
         },
         enumerable: true,
         configurable: true
@@ -642,11 +645,11 @@ var IgcDomainChartComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the offset of the tooltip layer on the X axis.
         */
         get: function () {
-            return this.i.g4;
+            return this.i.hw;
         },
         set: function (v) {
-            this.i.g4 = +v;
-            this._a("dataToolTipDefaultPositionOffsetX", this.i.g4);
+            this.i.hw = +v;
+            this._a("dataToolTipDefaultPositionOffsetX", this.i.hw);
         },
         enumerable: true,
         configurable: true
@@ -656,11 +659,11 @@ var IgcDomainChartComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the offset of the tooltip layer on the Y axis.
         */
         get: function () {
-            return this.i.g5;
+            return this.i.hx;
         },
         set: function (v) {
-            this.i.g5 = +v;
-            this._a("dataToolTipDefaultPositionOffsetY", this.i.g5);
+            this.i.hx = +v;
+            this._a("dataToolTipDefaultPositionOffsetY", this.i.hx);
         },
         enumerable: true,
         configurable: true
@@ -670,11 +673,11 @@ var IgcDomainChartComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the tooltip position mode on the X axis for grouped series.
         */
         get: function () {
-            return this.i.a8;
+            return this.i.bo;
         },
         set: function (v) {
-            this.i.a8 = ensureEnum(DataTooltipGroupedPositionX_$type, v);
-            this._a("dataToolTipGroupedPositionModeX", enumToString(DataTooltipGroupedPositionX_$type, this.i.a8));
+            this.i.bo = ensureEnum(DataTooltipGroupedPositionX_$type, v);
+            this._a("dataToolTipGroupedPositionModeX", enumToString(DataTooltipGroupedPositionX_$type, this.i.bo));
         },
         enumerable: true,
         configurable: true
@@ -684,11 +687,11 @@ var IgcDomainChartComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the tooltip position mode on the Y axis for grouped series.
         */
         get: function () {
-            return this.i.ba;
+            return this.i.bq;
         },
         set: function (v) {
-            this.i.ba = ensureEnum(DataTooltipGroupedPositionY_$type, v);
-            this._a("dataToolTipGroupedPositionModeY", enumToString(DataTooltipGroupedPositionY_$type, this.i.ba));
+            this.i.bq = ensureEnum(DataTooltipGroupedPositionY_$type, v);
+            this._a("dataToolTipGroupedPositionModeY", enumToString(DataTooltipGroupedPositionY_$type, this.i.bq));
         },
         enumerable: true,
         configurable: true
@@ -698,11 +701,11 @@ var IgcDomainChartComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets whether the data legend should update when the series data is mutated.
         */
         get: function () {
-            return this.i.eo;
+            return this.i.fe;
         },
         set: function (v) {
-            this.i.eo = ensureBool(v);
-            this._a("dataToolTipShouldUpdateWhenSeriesDataChanges", this.i.eo);
+            this.i.fe = ensureBool(v);
+            this._a("dataToolTipShouldUpdateWhenSeriesDataChanges", this.i.fe);
         },
         enumerable: true,
         configurable: true
@@ -784,11 +787,11 @@ var IgcDomainChartComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * This property is ignored when setting ValueFormatSpecifiers or ValueFormatString properties
         */
         get: function () {
-            return this.i.as;
+            return this.i.a8;
         },
         set: function (v) {
-            this.i.as = ensureEnum(DataAbbreviationMode_$type, v);
-            this._a("dataToolTipValueFormatAbbreviation", enumToString(DataAbbreviationMode_$type, this.i.as));
+            this.i.a8 = ensureEnum(DataAbbreviationMode_$type, v);
+            this._a("dataToolTipValueFormatAbbreviation", enumToString(DataAbbreviationMode_$type, this.i.a8));
         },
         enumerable: true,
         configurable: true
@@ -799,11 +802,11 @@ var IgcDomainChartComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * This property is ignored when setting ValueFormatSpecifiers or ValueFormatString properties
         */
         get: function () {
-            return this.i.il;
+            return this.i.ji;
         },
         set: function (v) {
-            this.i.il = +v;
-            this._a("dataToolTipValueFormatMaxFractions", this.i.il);
+            this.i.ji = +v;
+            this._a("dataToolTipValueFormatMaxFractions", this.i.ji);
         },
         enumerable: true,
         configurable: true
@@ -814,11 +817,11 @@ var IgcDomainChartComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * This property is ignored when setting ValueFormatSpecifiers or ValueFormatString properties
         */
         get: function () {
-            return this.i.im;
+            return this.i.jj;
         },
         set: function (v) {
-            this.i.im = +v;
-            this._a("dataToolTipValueFormatMinFractions", this.i.im);
+            this.i.jj = +v;
+            this._a("dataToolTipValueFormatMinFractions", this.i.jj);
         },
         enumerable: true,
         configurable: true
@@ -828,11 +831,11 @@ var IgcDomainChartComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the mode for displaying values in the data legend, e.g. Currency ($500.25), Decimal (500.25), Integer (500)
         */
         get: function () {
-            return this.i.a6;
+            return this.i.bm;
         },
         set: function (v) {
-            this.i.a6 = ensureEnum(DataLegendValueMode_$type, v);
-            this._a("dataToolTipValueFormatMode", enumToString(DataLegendValueMode_$type, this.i.a6));
+            this.i.bm = ensureEnum(DataLegendValueMode_$type, v);
+            this._a("dataToolTipValueFormatMode", enumToString(DataLegendValueMode_$type, this.i.bm));
         },
         enumerable: true,
         configurable: true
@@ -843,25 +846,25 @@ var IgcDomainChartComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * This property is ignored when setting ValueFormatSpecifiers or ValueFormatString properties
         */
         get: function () {
-            return this.i.l6;
+            return this.i.nb;
         },
         set: function (v) {
-            this.i.l6 = v;
+            this.i.nb = v;
         },
         enumerable: true,
         configurable: true
     });
     Object.defineProperty(IgcDomainChartComponent.prototype, "dataToolTipValueFormatUseGrouping", {
         /**
-         * Gets or sets whether or not use groupping sperator, e.g, 15,000 for 15000
+         * 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: function () {
-            return this.i.ep;
+            return this.i.ff;
         },
         set: function (v) {
-            this.i.ep = ensureBool(v);
-            this._a("dataToolTipValueFormatUseGrouping", this.i.ep);
+            this.i.ff = ensureBool(v);
+            this._a("dataToolTipValueFormatUseGrouping", this.i.ff);
         },
         enumerable: true,
         configurable: true
@@ -871,10 +874,10 @@ var IgcDomainChartComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the format string for values displayed in the data legend.
         */
         get: function () {
-            return this.i.mc;
+            return this.i.nh;
         },
         set: function (v) {
-            this.i.mc = v;
+            this.i.nh = v;
         },
         enumerable: true,
         configurable: true
@@ -898,72 +901,72 @@ var IgcDomainChartComponent = /** @class */ /*@__PURE__*/ (function (_super) {
     });
     Object.defineProperty(IgcDomainChartComponent.prototype, "dataToolTipValueRowMarginBottom", {
         get: function () {
-            return this.i.tq ? this.i.tq.bottom : NaN;
+            return this.i.u9 ? this.i.u9.bottom : NaN;
         },
         set: function (v) {
             this.ensureDataToolTipValueRowMargin();
-            this.i.tq.bottom = +v;
-            this._a("dataToolTipValueRowMarginBottom", this.i.tq.bottom);
-            this.i.tq = this.i.tq;
+            this.i.u9.bottom = +v;
+            this._a("dataToolTipValueRowMarginBottom", this.i.u9.bottom);
+            this.i.u9 = this.i.u9;
         },
         enumerable: true,
         configurable: true
     });
     Object.defineProperty(IgcDomainChartComponent.prototype, "dataToolTipValueRowMarginLeft", {
         get: function () {
-            return this.i.tq ? this.i.tq.left : NaN;
+            return this.i.u9 ? this.i.u9.left : NaN;
         },
         set: function (v) {
             this.ensureDataToolTipValueRowMargin();
-            this.i.tq.left = +v;
-            this._a("dataToolTipValueRowMarginLeft", this.i.tq.left);
-            this.i.tq = this.i.tq;
+            this.i.u9.left = +v;
+            this._a("dataToolTipValueRowMarginLeft", this.i.u9.left);
+            this.i.u9 = this.i.u9;
         },
         enumerable: true,
         configurable: true
     });
     Object.defineProperty(IgcDomainChartComponent.prototype, "dataToolTipValueRowMarginRight", {
         get: function () {
-            return this.i.tq ? this.i.tq.right : NaN;
+            return this.i.u9 ? this.i.u9.right : NaN;
         },
         set: function (v) {
             this.ensureDataToolTipValueRowMargin();
-            this.i.tq.right = +v;
-            this._a("dataToolTipValueRowMarginRight", this.i.tq.right);
-            this.i.tq = this.i.tq;
+            this.i.u9.right = +v;
+            this._a("dataToolTipValueRowMarginRight", this.i.u9.right);
+            this.i.u9 = this.i.u9;
         },
         enumerable: true,
         configurable: true
     });
     Object.defineProperty(IgcDomainChartComponent.prototype, "dataToolTipValueRowMarginTop", {
         get: function () {
-            return this.i.tq ? this.i.tq.top : NaN;
+            return this.i.u9 ? this.i.u9.top : NaN;
         },
         set: function (v) {
             this.ensureDataToolTipValueRowMargin();
-            this.i.tq.top = +v;
-            this._a("dataToolTipValueRowMarginTop", this.i.tq.top);
-            this.i.tq = this.i.tq;
+            this.i.u9.top = +v;
+            this._a("dataToolTipValueRowMarginTop", this.i.u9.top);
+            this.i.u9 = this.i.u9;
         },
         enumerable: true,
         configurable: true
     });
     IgcDomainChartComponent.prototype.ensureDataToolTipValueRowMargin = function () {
-        if (this.i.tq) {
+        if (this.i.u9) {
             return;
         }
-        this.i.tq = new Thickness(2);
+        this.i.u9 = new Thickness(2);
     };
     Object.defineProperty(IgcDomainChartComponent.prototype, "dataToolTipValueRowVisible", {
         /**
          * Gets or sets whether to show series rows.
         */
         get: function () {
-            return this.i.eq;
+            return this.i.fg;
         },
         set: function (v) {
-            this.i.eq = ensureBool(v);
-            this._a("dataToolTipValueRowVisible", this.i.eq);
+            this.i.fg = ensureBool(v);
+            this._a("dataToolTipValueRowVisible", this.i.fg);
         },
         enumerable: true,
         configurable: true
@@ -973,10 +976,10 @@ var IgcDomainChartComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets text displayed when data column is missing a value, e.g. "no data"
         */
         get: function () {
-            return this.i.ml;
+            return this.i.nq;
         },
         set: function (v) {
-            this.i.ml = v;
+            this.i.nq = v;
         },
         enumerable: true,
         configurable: true
@@ -986,83 +989,83 @@ var IgcDomainChartComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets whether to use series colors when displaying values in the legend
         */
         get: function () {
-            return this.i.er;
+            return this.i.fh;
         },
         set: function (v) {
-            this.i.er = ensureBool(v);
-            this._a("dataToolTipValueTextUseSeriesColors", this.i.er);
+            this.i.fh = ensureBool(v);
+            this._a("dataToolTipValueTextUseSeriesColors", this.i.fh);
         },
         enumerable: true,
         configurable: true
     });
     Object.defineProperty(IgcDomainChartComponent.prototype, "dataToolTipValueTextMarginBottom", {
         get: function () {
-            return this.i.tr ? this.i.tr.bottom : NaN;
+            return this.i.va ? this.i.va.bottom : NaN;
         },
         set: function (v) {
             this.ensureDataToolTipValueTextMargin();
-            this.i.tr.bottom = +v;
-            this._a("dataToolTipValueTextMarginBottom", this.i.tr.bottom);
-            this.i.tr = this.i.tr;
+            this.i.va.bottom = +v;
+            this._a("dataToolTipValueTextMarginBottom", this.i.va.bottom);
+            this.i.va = this.i.va;
         },
         enumerable: true,
         configurable: true
     });
     Object.defineProperty(IgcDomainChartComponent.prototype, "dataToolTipValueTextMarginLeft", {
         get: function () {
-            return this.i.tr ? this.i.tr.left : NaN;
+            return this.i.va ? this.i.va.left : NaN;
         },
         set: function (v) {
             this.ensureDataToolTipValueTextMargin();
-            this.i.tr.left = +v;
-            this._a("dataToolTipValueTextMarginLeft", this.i.tr.left);
-            this.i.tr = this.i.tr;
+            this.i.va.left = +v;
+            this._a("dataToolTipValueTextMarginLeft", this.i.va.left);
+            this.i.va = this.i.va;
         },
         enumerable: true,
         configurable: true
     });
     Object.defineProperty(IgcDomainChartComponent.prototype, "dataToolTipValueTextMarginRight", {
         get: function () {
-            return this.i.tr ? this.i.tr.right : NaN;
+            return this.i.va ? this.i.va.right : NaN;
         },
         set: function (v) {
             this.ensureDataToolTipValueTextMargin();
-            this.i.tr.right = +v;
-            this._a("dataToolTipValueTextMarginRight", this.i.tr.right);
-            this.i.tr = this.i.tr;
+            this.i.va.right = +v;
+            this._a("dataToolTipValueTextMarginRight", this.i.va.right);
+            this.i.va = this.i.va;
         },
         enumerable: true,
         configurable: true
     });
     Object.defineProperty(IgcDomainChartComponent.prototype, "dataToolTipValueTextMarginTop", {
         get: function () {
-            return this.i.tr ? this.i.tr.top : NaN;
+            return this.i.va ? this.i.va.top : NaN;
         },
         set: function (v) {
             this.ensureDataToolTipValueTextMargin();
-            this.i.tr.top = +v;
-            this._a("dataToolTipValueTextMarginTop", this.i.tr.top);
-            this.i.tr = this.i.tr;
+            this.i.va.top = +v;
+            this._a("dataToolTipValueTextMarginTop", this.i.va.top);
+            this.i.va = this.i.va;
         },
         enumerable: true,
         configurable: true
     });
     IgcDomainChartComponent.prototype.ensureDataToolTipValueTextMargin = function () {
-        if (this.i.tr) {
+        if (this.i.va) {
             return;
         }
-        this.i.tr = new Thickness(2);
+        this.i.va = new Thickness(2);
     };
     Object.defineProperty(IgcDomainChartComponent.prototype, "dataToolTipValueTextColor", {
         /**
          * Gets or sets the units text color.
         */
         get: function () {
-            return brushToString(this.i.sq);
+            return brushToString(this.i.t9);
         },
         set: function (v) {
-            this.i.sq = stringToBrush(v);
-            this._a("dataToolTipValueTextColor", brushToString(this.i.sq));
+            this.i.t9 = stringToBrush(v);
+            this._a("dataToolTipValueTextColor", brushToString(this.i.t9));
         },
         enumerable: true,
         configurable: true
@@ -1072,16 +1075,16 @@ var IgcDomainChartComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or Sets the style to use for the units text.
         */
         get: function () {
-            if (this.i.dr == null) {
+            if (this.i.ec == null) {
                 return null;
             }
-            return this.i.dr.fontString;
+            return this.i.ec.fontString;
         },
         set: function (v) {
             var fi = new FontInfo();
             fi.fontString = v;
-            this.i.dr = fi;
-            this._a("dataToolTipValueTextStyle", this.i.dr != null ? this.i.dr.fontString : "");
+            this.i.ec = fi;
+            this._a("dataToolTipValueTextStyle", this.i.ec != null ? this.i.ec.fontString : "");
         },
         enumerable: true,
         configurable: true
@@ -1091,10 +1094,10 @@ var IgcDomainChartComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the format string for header text displayed in the data legend.
         */
         get: function () {
-            return this.i.kw;
+            return this.i.l1;
         },
         set: function (v) {
-            this.i.kw = v;
+            this.i.l1 = v;
         },
         enumerable: true,
         configurable: true
@@ -1122,10 +1125,10 @@ var IgcDomainChartComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * This property is ignored when setting HeaderFormatSpecifiers or HeaderFormatString properties
         */
         get: function () {
-            return this.i.ks;
+            return this.i.lx;
         },
         set: function (v) {
-            this.i.ks = v;
+            this.i.lx = v;
         },
         enumerable: true,
         configurable: true
@@ -1136,11 +1139,11 @@ var IgcDomainChartComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * This property is ignored when setting HeaderFormatSpecifiers or HeaderFormatString properties
         */
         get: function () {
-            return this.i.aw;
+            return this.i.bc;
         },
         set: function (v) {
-            this.i.aw = ensureEnum(DataLegendHeaderDateMode_$type, v);
-            this._a("dataToolTipHeaderFormatDate", enumToString(DataLegendHeaderDateMode_$type, this.i.aw));
+            this.i.bc = ensureEnum(DataLegendHeaderDateMode_$type, v);
+            this._a("dataToolTipHeaderFormatDate", enumToString(DataLegendHeaderDateMode_$type, this.i.bc));
         },
         enumerable: true,
         configurable: true
@@ -1151,11 +1154,11 @@ var IgcDomainChartComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * This property is ignored when setting HeaderFormatSpecifiers or HeaderFormatString properties
         */
         get: function () {
-            return this.i.ay;
+            return this.i.be;
         },
         set: function (v) {
-            this.i.ay = ensureEnum(DataLegendHeaderTimeMode_$type, v);
-            this._a("dataToolTipHeaderFormatTime", enumToString(DataLegendHeaderTimeMode_$type, this.i.ay));
+            this.i.be = ensureEnum(DataLegendHeaderTimeMode_$type, v);
+            this._a("dataToolTipHeaderFormatTime", enumToString(DataLegendHeaderTimeMode_$type, this.i.be));
         },
         enumerable: true,
         configurable: true
@@ -1165,10 +1168,10 @@ var IgcDomainChartComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the HeaderText for the data legend.
         */
         get: function () {
-            return this.i.k1;
+            return this.i.l6;
         },
         set: function (v) {
-            this.i.k1 = v;
+            this.i.l6 = v;
         },
         enumerable: true,
         configurable: true
@@ -1178,141 +1181,141 @@ var IgcDomainChartComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the header text color.
         */
         get: function () {
-            return brushToString(this.i.si);
+            return brushToString(this.i.t1);
         },
         set: function (v) {
-            this.i.si = stringToBrush(v);
-            this._a("dataToolTipHeaderTextColor", brushToString(this.i.si));
+            this.i.t1 = stringToBrush(v);
+            this._a("dataToolTipHeaderTextColor", brushToString(this.i.t1));
         },
         enumerable: true,
         configurable: true
     });
     Object.defineProperty(IgcDomainChartComponent.prototype, "dataToolTipHeaderTextMarginBottom", {
         get: function () {
-            return this.i.tk ? this.i.tk.bottom : NaN;
+            return this.i.u3 ? this.i.u3.bottom : NaN;
         },
         set: function (v) {
             this.ensureDataToolTipHeaderTextMargin();
-            this.i.tk.bottom = +v;
-            this._a("dataToolTipHeaderTextMarginBottom", this.i.tk.bottom);
-            this.i.tk = this.i.tk;
+            this.i.u3.bottom = +v;
+            this._a("dataToolTipHeaderTextMarginBottom", this.i.u3.bottom);
+            this.i.u3 = this.i.u3;
         },
         enumerable: true,
         configurable: true
     });
     Object.defineProperty(IgcDomainChartComponent.prototype, "dataToolTipHeaderTextMarginLeft", {
         get: function () {
-            return this.i.tk ? this.i.tk.left : NaN;
+            return this.i.u3 ? this.i.u3.left : NaN;
         },
         set: function (v) {
             this.ensureDataToolTipHeaderTextMargin();
-            this.i.tk.left = +v;
-            this._a("dataToolTipHeaderTextMarginLeft", this.i.tk.left);
-            this.i.tk = this.i.tk;
+            this.i.u3.left = +v;
+            this._a("dataToolTipHeaderTextMarginLeft", this.i.u3.left);
+            this.i.u3 = this.i.u3;
         },
         enumerable: true,
         configurable: true
     });
     Object.defineProperty(IgcDomainChartComponent.prototype, "dataToolTipHeaderTextMarginRight", {
         get: function () {
-            return this.i.tk ? this.i.tk.right : NaN;
+            return this.i.u3 ? this.i.u3.right : NaN;
         },
         set: function (v) {
             this.ensureDataToolTipHeaderTextMargin();
-            this.i.tk.right = +v;
-            this._a("dataToolTipHeaderTextMarginRight", this.i.tk.right);
-            this.i.tk = this.i.tk;
+            this.i.u3.right = +v;
+            this._a("dataToolTipHeaderTextMarginRight", this.i.u3.right);
+            this.i.u3 = this.i.u3;
         },
         enumerable: true,
         configurable: true
     });
     Object.defineProperty(IgcDomainChartComponent.prototype, "dataToolTipHeaderTextMarginTop", {
         get: function () {
-            return this.i.tk ? this.i.tk.top : NaN;
+            return this.i.u3 ? this.i.u3.top : NaN;
         },
         set: function (v) {
             this.ensureDataToolTipHeaderTextMargin();
-            this.i.tk.top = +v;
-            this._a("dataToolTipHeaderTextMarginTop", this.i.tk.top);
-            this.i.tk = this.i.tk;
+            this.i.u3.top = +v;
+            this._a("dataToolTipHeaderTextMarginTop", this.i.u3.top);
+            this.i.u3 = this.i.u3;
         },
         enumerable: true,
         configurable: true
     });
     IgcDomainChartComponent.prototype.ensureDataToolTipHeaderTextMargin = function () {
-        if (this.i.tk) {
+        if (this.i.u3) {
             return;
         }
-        this.i.tk = new Thickness(2);
+        this.i.u3 = new Thickness(2);
     };
     Object.defineProperty(IgcDomainChartComponent.prototype, "dataToolTipHeaderRowMarginBottom", {
         get: function () {
-            return this.i.tj ? this.i.tj.bottom : NaN;
+            return this.i.u2 ? this.i.u2.bottom : NaN;
         },
         set: function (v) {
             this.ensureDataToolTipHeaderRowMargin();
-            this.i.tj.bottom = +v;
-            this._a("dataToolTipHeaderRowMarginBottom", this.i.tj.bottom);
-            this.i.tj = this.i.tj;
+            this.i.u2.bottom = +v;
+            this._a("dataToolTipHeaderRowMarginBottom", this.i.u2.bottom);
+            this.i.u2 = this.i.u2;
         },
         enumerable: true,
         configurable: true
     });
     Object.defineProperty(IgcDomainChartComponent.prototype, "dataToolTipHeaderRowMarginLeft", {
         get: function () {
-            return this.i.tj ? this.i.tj.left : NaN;
+            return this.i.u2 ? this.i.u2.left : NaN;
         },
         set: function (v) {
             this.ensureDataToolTipHeaderRowMargin();
-            this.i.tj.left = +v;
-            this._a("dataToolTipHeaderRowMarginLeft", this.i.tj.left);
-            this.i.tj = this.i.tj;
+            this.i.u2.left = +v;
+            this._a("dataToolTipHeaderRowMarginLeft", this.i.u2.left);
+            this.i.u2 = this.i.u2;
         },
         enumerable: true,
         configurable: true
     });
     Object.defineProperty(IgcDomainChartComponent.prototype, "dataToolTipHeaderRowMarginRight", {
         get: function () {
-            return this.i.tj ? this.i.tj.right : NaN;
+            return this.i.u2 ? this.i.u2.right : NaN;
         },
         set: function (v) {
             this.ensureDataToolTipHeaderRowMargin();
-            this.i.tj.right = +v;
-            this._a("dataToolTipHeaderRowMarginRight", this.i.tj.right);
-            this.i.tj = this.i.tj;
+            this.i.u2.right = +v;
+            this._a("dataToolTipHeaderRowMarginRight", this.i.u2.right);
+            this.i.u2 = this.i.u2;
         },
         enumerable: true,
         configurable: true
     });
     Object.defineProperty(IgcDomainChartComponent.prototype, "dataToolTipHeaderRowMarginTop", {
         get: function () {
-            return this.i.tj ? this.i.tj.top : NaN;
+            return this.i.u2 ? this.i.u2.top : NaN;
         },
         set: function (v) {
             this.ensureDataToolTipHeaderRowMargin();
-            this.i.tj.top = +v;
-            this._a("dataToolTipHeaderRowMarginTop", this.i.tj.top);
-            this.i.tj = this.i.tj;
+            this.i.u2.top = +v;
+            this._a("dataToolTipHeaderRowMarginTop", this.i.u2.top);
+            this.i.u2 = this.i.u2;
         },
         enumerable: true,
         configurable: true
     });
     IgcDomainChartComponent.prototype.ensureDataToolTipHeaderRowMargin = function () {
-        if (this.i.tj) {
+        if (this.i.u2) {
             return;
         }
-        this.i.tj = new Thickness(2);
+        this.i.u2 = new Thickness(2);
     };
     Object.defineProperty(IgcDomainChartComponent.prototype, "dataToolTipHeaderRowVisible", {
         /**
          * Gets or sets whether to show Header row.
         */
         get: function () {
-            return this.i.en;
+            return this.i.fd;
         },
         set: function (v) {
-            this.i.en = ensureBool(v);
-            this._a("dataToolTipHeaderRowVisible", this.i.en);
+            this.i.fd = ensureBool(v);
+            this._a("dataToolTipHeaderRowVisible", this.i.fd);
         },
         enumerable: true,
         configurable: true
@@ -1322,16 +1325,16 @@ var IgcDomainChartComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or Sets the style to use for the header text.
         */
         get: function () {
-            if (this.i.di == null) {
+            if (this.i.d4 == null) {
                 return null;
             }
-            return this.i.di.fontString;
+            return this.i.d4.fontString;
         },
         set: function (v) {
             var fi = new FontInfo();
             fi.fontString = v;
-            this.i.di = fi;
-            this._a("dataToolTipHeaderTextStyle", this.i.di != null ? this.i.di.fontString : "");
+            this.i.d4 = fi;
+            this._a("dataToolTipHeaderTextStyle", this.i.d4 != null ? this.i.d4.fontString : "");
         },
         enumerable: true,
         configurable: true
@@ -1341,11 +1344,11 @@ var IgcDomainChartComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the summary text color.
         */
         get: function () {
-            return brushToString(this.i.sl);
+            return brushToString(this.i.t4);
         },
         set: function (v) {
-            this.i.sl = stringToBrush(v);
-            this._a("dataToolTipSummaryTitleTextColor", brushToString(this.i.sl));
+            this.i.t4 = stringToBrush(v);
+            this._a("dataToolTipSummaryTitleTextColor", brushToString(this.i.t4));
         },
         enumerable: true,
         configurable: true
@@ -1355,16 +1358,16 @@ var IgcDomainChartComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or Sets the style to use for the summary text.
         */
         get: function () {
-            if (this.i.dl == null) {
+            if (this.i.d7 == null) {
                 return null;
             }
-            return this.i.dl.fontString;
+            return this.i.d7.fontString;
         },
         set: function (v) {
             var fi = new FontInfo();
             fi.fontString = v;
-            this.i.dl = fi;
-            this._a("dataToolTipSummaryTitleTextStyle", this.i.dl != null ? this.i.dl.fontString : "");
+            this.i.d7 = fi;
+            this._a("dataToolTipSummaryTitleTextStyle", this.i.d7 != null ? this.i.d7.fontString : "");
         },
         enumerable: true,
         configurable: true
@@ -1374,11 +1377,11 @@ var IgcDomainChartComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the SummaryType for the data legend.
         */
         get: function () {
-            return this.i.a2;
+            return this.i.bi;
         },
         set: function (v) {
-            this.i.a2 = ensureEnum(DataLegendSummaryType_$type, v);
-            this._a("dataToolTipSummaryType", enumToString(DataLegendSummaryType_$type, this.i.a2));
+            this.i.bi = ensureEnum(DataLegendSummaryType_$type, v);
+            this._a("dataToolTipSummaryType", enumToString(DataLegendSummaryType_$type, this.i.bi));
         },
         enumerable: true,
         configurable: true
@@ -1388,140 +1391,140 @@ var IgcDomainChartComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the SummaryTitleText for the data legend.
         */
         get: function () {
-            return this.i.lk;
+            return this.i.mp;
         },
         set: function (v) {
-            this.i.lk = v;
+            this.i.mp = v;
         },
         enumerable: true,
         configurable: true
     });
     Object.defineProperty(IgcDomainChartComponent.prototype, "dataToolTipSummaryTitleTextMarginBottom", {
         get: function () {
-            return this.i.tn ? this.i.tn.bottom : NaN;
+            return this.i.u6 ? this.i.u6.bottom : NaN;
         },
         set: function (v) {
             this.ensureDataToolTipSummaryTitleTextMargin();
-            this.i.tn.bottom = +v;
-            this._a("dataToolTipSummaryTitleTextMarginBottom", this.i.tn.bottom);
-            this.i.tn = this.i.tn;
+            this.i.u6.bottom = +v;
+            this._a("dataToolTipSummaryTitleTextMarginBottom", this.i.u6.bottom);
+            this.i.u6 = this.i.u6;
         },
         enumerable: true,
         configurable: true
     });
     Object.defineProperty(IgcDomainChartComponent.prototype, "dataToolTipSummaryTitleTextMarginLeft", {
         get: function () {
-            return this.i.tn ? this.i.tn.left : NaN;
+            return this.i.u6 ? this.i.u6.left : NaN;
         },
         set: function (v) {
             this.ensureDataToolTipSummaryTitleTextMargin();
-            this.i.tn.left = +v;
-            this._a("dataToolTipSummaryTitleTextMarginLeft", this.i.tn.left);
-            this.i.tn = this.i.tn;
+            this.i.u6.left = +v;
+            this._a("dataToolTipSummaryTitleTextMarginLeft", this.i.u6.left);
+            this.i.u6 = this.i.u6;
         },
         enumerable: true,
         configurable: true
     });
     Object.defineProperty(IgcDomainChartComponent.prototype, "dataToolTipSummaryTitleTextMarginRight", {
         get: function () {
-            return this.i.tn ? this.i.tn.right : NaN;
+            return this.i.u6 ? this.i.u6.right : NaN;
         },
         set: function (v) {
             this.ensureDataToolTipSummaryTitleTextMargin();
-            this.i.tn.right = +v;
-            this._a("dataToolTipSummaryTitleTextMarginRight", this.i.tn.right);
-            this.i.tn = this.i.tn;
+            this.i.u6.right = +v;
+            this._a("dataToolTipSummaryTitleTextMarginRight", this.i.u6.right);
+            this.i.u6 = this.i.u6;
         },
         enumerable: true,
         configurable: true
     });
     Object.defineProperty(IgcDomainChartComponent.prototype, "dataToolTipSummaryTitleTextMarginTop", {
         get: function () {
-            return this.i.tn ? this.i.tn.top : NaN;
+            return this.i.u6 ? this.i.u6.top : NaN;
         },
         set: function (v) {
             this.ensureDataToolTipSummaryTitleTextMargin();
-            this.i.tn.top = +v;
-            this._a("dataToolTipSummaryTitleTextMarginTop", this.i.tn.top);
-            this.i.tn = this.i.tn;
+            this.i.u6.top = +v;
+            this._a("dataToolTipSummaryTitleTextMarginTop", this.i.u6.top);
+            this.i.u6 = this.i.u6;
         },
         enumerable: true,
         configurable: true
     });
     IgcDomainChartComponent.prototype.ensureDataToolTipSummaryTitleTextMargin = function () {
-        if (this.i.tn) {
+        if (this.i.u6) {
             return;
         }
-        this.i.tn = new Thickness(2);
+        this.i.u6 = new Thickness(2);
     };
     Object.defineProperty(IgcDomainChartComponent.prototype, "dataToolTipSummaryRowMarginBottom", {
         get: function () {
-            return this.i.tm ? this.i.tm.bottom : NaN;
+            return this.i.u5 ? this.i.u5.bottom : NaN;
         },
         set: function (v) {
             this.ensureDataToolTipSummaryRowMargin();
-            this.i.tm.bottom = +v;
-            this._a("dataToolTipSummaryRowMarginBottom", this.i.tm.bottom);
-            this.i.tm = this.i.tm;
+            this.i.u5.bottom = +v;
+            this._a("dataToolTipSummaryRowMarginBottom", this.i.u5.bottom);
+            this.i.u5 = this.i.u5;
         },
         enumerable: true,
         configurable: true
     });
     Object.defineProperty(IgcDomainChartComponent.prototype, "dataToolTipSummaryRowMarginLeft", {
         get: function () {
-            return this.i.tm ? this.i.tm.left : NaN;
+            return this.i.u5 ? this.i.u5.left : NaN;
         },
         set: function (v) {
             this.ensureDataToolTipSummaryRowMargin();
-            this.i.tm.left = +v;
-            this._a("dataToolTipSummaryRowMarginLeft", this.i.tm.left);
-            this.i.tm = this.i.tm;
+            this.i.u5.left = +v;
+            this._a("dataToolTipSummaryRowMarginLeft", this.i.u5.left);
+            this.i.u5 = this.i.u5;
         },
         enumerable: true,
         configurable: true
     });
     Object.defineProperty(IgcDomainChartComponent.prototype, "dataToolTipSummaryRowMarginRight", {
         get: function () {
-            return this.i.tm ? this.i.tm.right : NaN;
+            return this.i.u5 ? this.i.u5.right : NaN;
         },
         set: function (v) {
             this.ensureDataToolTipSummaryRowMargin();
-            this.i.tm.right = +v;
-            this._a("dataToolTipSummaryRowMarginRight", this.i.tm.right);
-            this.i.tm = this.i.tm;
+            this.i.u5.right = +v;
+            this._a("dataToolTipSummaryRowMarginRight", this.i.u5.right);
+            this.i.u5 = this.i.u5;
         },
         enumerable: true,
         configurable: true
     });
     Object.defineProperty(IgcDomainChartComponent.prototype, "dataToolTipSummaryRowMarginTop", {
         get: function () {
-            return this.i.tm ? this.i.tm.top : NaN;
+            return this.i.u5 ? this.i.u5.top : NaN;
         },
         set: function (v) {
             this.ensureDataToolTipSummaryRowMargin();
-            this.i.tm.top = +v;
-            this._a("dataToolTipSummaryRowMarginTop", this.i.tm.top);
-            this.i.tm = this.i.tm;
+            this.i.u5.top = +v;
+            this._a("dataToolTipSummaryRowMarginTop", this.i.u5.top);
+            this.i.u5 = this.i.u5;
         },
         enumerable: true,
         configurable: true
     });
     IgcDomainChartComponent.prototype.ensureDataToolTipSummaryRowMargin = function () {
-        if (this.i.tm) {
+        if (this.i.u5) {
             return;
         }
-        this.i.tm = new Thickness(2);
+        this.i.u5 = new Thickness(2);
     };
     Object.defineProperty(IgcDomainChartComponent.prototype, "dataToolTipSummaryValueTextColor", {
         /**
          * Gets or sets the units text color.
         */
         get: function () {
-            return brushToString(this.i.sn);
+            return brushToString(this.i.t6);
         },
         set: function (v) {
-            this.i.sn = stringToBrush(v);
-            this._a("dataToolTipSummaryValueTextColor", brushToString(this.i.sn));
+            this.i.t6 = stringToBrush(v);
+            this._a("dataToolTipSummaryValueTextColor", brushToString(this.i.t6));
         },
         enumerable: true,
         configurable: true
@@ -1531,16 +1534,16 @@ var IgcDomainChartComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or Sets the style to use for the units text.
         */
         get: function () {
-            if (this.i.dn == null) {
+            if (this.i.d9 == null) {
                 return null;
             }
-            return this.i.dn.fontString;
+            return this.i.d9.fontString;
         },
         set: function (v) {
             var fi = new FontInfo();
             fi.fontString = v;
-            this.i.dn = fi;
-            this._a("dataToolTipSummaryValueTextStyle", this.i.dn != null ? this.i.dn.fontString : "");
+            this.i.d9 = fi;
+            this._a("dataToolTipSummaryValueTextStyle", this.i.d9 != null ? this.i.d9.fontString : "");
         },
         enumerable: true,
         configurable: true
@@ -1550,10 +1553,10 @@ var IgcDomainChartComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the units text for the data legend.
         */
         get: function () {
-            return this.i.lf;
+            return this.i.mk;
         },
         set: function (v) {
-            this.i.lf = v;
+            this.i.mk = v;
         },
         enumerable: true,
         configurable: true
@@ -1563,11 +1566,11 @@ var IgcDomainChartComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the units text color.
         */
         get: function () {
-            return brushToString(this.i.sk);
+            return brushToString(this.i.t3);
         },
         set: function (v) {
-            this.i.sk = stringToBrush(v);
-            this._a("dataToolTipSummaryLabelTextColor", brushToString(this.i.sk));
+            this.i.t3 = stringToBrush(v);
+            this._a("dataToolTipSummaryLabelTextColor", brushToString(this.i.t3));
         },
         enumerable: true,
         configurable: true
@@ -1577,16 +1580,16 @@ var IgcDomainChartComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or Sets the style to use for the units text.
         */
         get: function () {
-            if (this.i.dk == null) {
+            if (this.i.d6 == null) {
                 return null;
             }
-            return this.i.dk.fontString;
+            return this.i.d6.fontString;
         },
         set: function (v) {
             var fi = new FontInfo();
             fi.fontString = v;
-            this.i.dk = fi;
-            this._a("dataToolTipSummaryLabelTextStyle", this.i.dk != null ? this.i.dk.fontString : "");
+            this.i.d6 = fi;
+            this._a("dataToolTipSummaryLabelTextStyle", this.i.d6 != null ? this.i.d6.fontString : "");
         },
         enumerable: true,
         configurable: true
@@ -1596,10 +1599,10 @@ var IgcDomainChartComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the units text for the data legend.
         */
         get: function () {
-            return this.i.lq;
+            return this.i.mv;
         },
         set: function (v) {
-            this.i.lq = v;
+            this.i.mv = v;
         },
         enumerable: true,
         configurable: true
@@ -1609,11 +1612,11 @@ var IgcDomainChartComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the units text color.
         */
         get: function () {
-            return brushToString(this.i.sm);
+            return brushToString(this.i.t5);
         },
         set: function (v) {
-            this.i.sm = stringToBrush(v);
-            this._a("dataToolTipSummaryUnitsTextColor", brushToString(this.i.sm));
+            this.i.t5 = stringToBrush(v);
+            this._a("dataToolTipSummaryUnitsTextColor", brushToString(this.i.t5));
         },
         enumerable: true,
         configurable: true
@@ -1623,88 +1626,88 @@ var IgcDomainChartComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or Sets the style to use for the units text.
         */
         get: function () {
-            if (this.i.dm == null) {
+            if (this.i.d8 == null) {
                 return null;
             }
-            return this.i.dm.fontString;
+            return this.i.d8.fontString;
         },
         set: function (v) {
             var fi = new FontInfo();
             fi.fontString = v;
-            this.i.dm = fi;
-            this._a("dataToolTipSummaryUnitsTextStyle", this.i.dm != null ? this.i.dm.fontString : "");
+            this.i.d8 = fi;
+            this._a("dataToolTipSummaryUnitsTextStyle", this.i.d8 != null ? this.i.d8.fontString : "");
         },
         enumerable: true,
         configurable: true
     });
     Object.defineProperty(IgcDomainChartComponent.prototype, "dataToolTipBadgeMarginBottom", {
         get: function () {
-            return this.i.ti ? this.i.ti.bottom : NaN;
+            return this.i.u1 ? this.i.u1.bottom : NaN;
         },
         set: function (v) {
             this.ensureDataToolTipBadgeMargin();
-            this.i.ti.bottom = +v;
-            this._a("dataToolTipBadgeMarginBottom", this.i.ti.bottom);
-            this.i.ti = this.i.ti;
+            this.i.u1.bottom = +v;
+            this._a("dataToolTipBadgeMarginBottom", this.i.u1.bottom);
+            this.i.u1 = this.i.u1;
         },
         enumerable: true,
         configurable: true
     });
     Object.defineProperty(IgcDomainChartComponent.prototype, "dataToolTipBadgeMarginLeft", {
         get: function () {
-            return this.i.ti ? this.i.ti.left : NaN;
+            return this.i.u1 ? this.i.u1.left : NaN;
         },
         set: function (v) {
             this.ensureDataToolTipBadgeMargin();
-            this.i.ti.left = +v;
-            this._a("dataToolTipBadgeMarginLeft", this.i.ti.left);
-            this.i.ti = this.i.ti;
+            this.i.u1.left = +v;
+            this._a("dataToolTipBadgeMarginLeft", this.i.u1.left);
+            this.i.u1 = this.i.u1;
         },
         enumerable: true,
         configurable: true
     });
     Object.defineProperty(IgcDomainChartComponent.prototype, "dataToolTipBadgeMarginRight", {
         get: function () {
-            return this.i.ti ? this.i.ti.right : NaN;
+            return this.i.u1 ? this.i.u1.right : NaN;
         },
         set: function (v) {
             this.ensureDataToolTipBadgeMargin();
-            this.i.ti.right = +v;
-            this._a("dataToolTipBadgeMarginRight", this.i.ti.right);
-            this.i.ti = this.i.ti;
+            this.i.u1.right = +v;
+            this._a("dataToolTipBadgeMarginRight", this.i.u1.right);
+            this.i.u1 = this.i.u1;
         },
         enumerable: true,
         configurable: true
     });
     Object.defineProperty(IgcDomainChartComponent.prototype, "dataToolTipBadgeMarginTop", {
         get: function () {
-            return this.i.ti ? this.i.ti.top : NaN;
+            return this.i.u1 ? this.i.u1.top : NaN;
         },
         set: function (v) {
             this.ensureDataToolTipBadgeMargin();
-            this.i.ti.top = +v;
-            this._a("dataToolTipBadgeMarginTop", this.i.ti.top);
-            this.i.ti = this.i.ti;
+            this.i.u1.top = +v;
+            this._a("dataToolTipBadgeMarginTop", this.i.u1.top);
+            this.i.u1 = this.i.u1;
         },
         enumerable: true,
         configurable: true
     });
     IgcDomainChartComponent.prototype.ensureDataToolTipBadgeMargin = function () {
-        if (this.i.ti) {
+        if (this.i.u1) {
             return;
         }
-        this.i.ti = new Thickness(2);
+        this.i.u1 = new Thickness(2);
     };
     Object.defineProperty(IgcDomainChartComponent.prototype, "dataToolTipBadgeShape", {
         /**
          * Gets or sets the BadgeShape for the data legend.
         */
         get: function () {
-            return this.i.bw;
+            return this.i.cc;
         },
         set: function (v) {
-            this.i.bw = ensureEnum(LegendItemBadgeShape_$type, v);
-            this._a("dataToolTipBadgeShape", enumToString(LegendItemBadgeShape_$type, this.i.bw));
+            this.i.cc = ensureEnum(LegendItemBadgeShape_$type, v);
+            this._a("dataToolTipBadgeShape", enumToString(LegendItemBadgeShape_$type, this.i.cc));
         },
         enumerable: true,
         configurable: true
@@ -1714,11 +1717,11 @@ var IgcDomainChartComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the UnitsMode for the data legend.
         */
         get: function () {
-            return this.i.a4;
+            return this.i.bk;
         },
         set: function (v) {
-            this.i.a4 = ensureEnum(DataLegendUnitsMode_$type, v);
-            this._a("dataToolTipUnitsDisplayMode", enumToString(DataLegendUnitsMode_$type, this.i.a4));
+            this.i.bk = ensureEnum(DataLegendUnitsMode_$type, v);
+            this._a("dataToolTipUnitsDisplayMode", enumToString(DataLegendUnitsMode_$type, this.i.bk));
         },
         enumerable: true,
         configurable: true
@@ -1728,10 +1731,10 @@ var IgcDomainChartComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the units text for the data legend.
         */
         get: function () {
-            return this.i.l0;
+            return this.i.m5;
         },
         set: function (v) {
-            this.i.l0 = v;
+            this.i.m5 = v;
         },
         enumerable: true,
         configurable: true
@@ -1741,160 +1744,160 @@ var IgcDomainChartComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the units text color.
         */
         get: function () {
-            return brushToString(this.i.sp);
+            return brushToString(this.i.t8);
         },
         set: function (v) {
-            this.i.sp = stringToBrush(v);
-            this._a("dataToolTipUnitsTextColor", brushToString(this.i.sp));
+            this.i.t8 = stringToBrush(v);
+            this._a("dataToolTipUnitsTextColor", brushToString(this.i.t8));
         },
         enumerable: true,
         configurable: true
     });
     Object.defineProperty(IgcDomainChartComponent.prototype, "dataToolTipUnitsTextMarginBottom", {
         get: function () {
-            return this.i.tp ? this.i.tp.bottom : NaN;
+            return this.i.u8 ? this.i.u8.bottom : NaN;
         },
         set: function (v) {
             this.ensureDataToolTipUnitsTextMargin();
-            this.i.tp.bottom = +v;
-            this._a("dataToolTipUnitsTextMarginBottom", this.i.tp.bottom);
-            this.i.tp = this.i.tp;
+            this.i.u8.bottom = +v;
+            this._a("dataToolTipUnitsTextMarginBottom", this.i.u8.bottom);
+            this.i.u8 = this.i.u8;
         },
         enumerable: true,
         configurable: true
     });
     Object.defineProperty(IgcDomainChartComponent.prototype, "dataToolTipUnitsTextMarginLeft", {
         get: function () {
-            return this.i.tp ? this.i.tp.left : NaN;
+            return this.i.u8 ? this.i.u8.left : NaN;
         },
         set: function (v) {
             this.ensureDataToolTipUnitsTextMargin();
-            this.i.tp.left = +v;
-            this._a("dataToolTipUnitsTextMarginLeft", this.i.tp.left);
-            this.i.tp = this.i.tp;
+            this.i.u8.left = +v;
+            this._a("dataToolTipUnitsTextMarginLeft", this.i.u8.left);
+            this.i.u8 = this.i.u8;
         },
         enumerable: true,
         configurable: true
     });
     Object.defineProperty(IgcDomainChartComponent.prototype, "dataToolTipUnitsTextMarginRight", {
         get: function () {
-            return this.i.tp ? this.i.tp.right : NaN;
+            return this.i.u8 ? this.i.u8.right : NaN;
         },
         set: function (v) {
             this.ensureDataToolTipUnitsTextMargin();
-            this.i.tp.right = +v;
-            this._a("dataToolTipUnitsTextMarginRight", this.i.tp.right);
-            this.i.tp = this.i.tp;
+            this.i.u8.right = +v;
+            this._a("dataToolTipUnitsTextMarginRight", this.i.u8.right);
+            this.i.u8 = this.i.u8;
         },
         enumerable: true,
         configurable: true
     });
     Object.defineProperty(IgcDomainChartComponent.prototype, "dataToolTipUnitsTextMarginTop", {
         get: function () {
-            return this.i.tp ? this.i.tp.top : NaN;
+            return this.i.u8 ? this.i.u8.top : NaN;
         },
         set: function (v) {
             this.ensureDataToolTipUnitsTextMargin();
-            this.i.tp.top = +v;
-            this._a("dataToolTipUnitsTextMarginTop", this.i.tp.top);
-            this.i.tp = this.i.tp;
+            this.i.u8.top = +v;
+            this._a("dataToolTipUnitsTextMarginTop", this.i.u8.top);
+            this.i.u8 = this.i.u8;
         },
         enumerable: true,
         configurable: true
     });
     IgcDomainChartComponent.prototype.ensureDataToolTipUnitsTextMargin = function () {
-        if (this.i.tp) {
+        if (this.i.u8) {
             return;
         }
-        this.i.tp = new Thickness(2);
+        this.i.u8 = new Thickness(2);
     };
     Object.defineProperty(IgcDomainChartComponent.prototype, "dataToolTipUnitsTextStyle", {
         /**
          * Gets or Sets the style to use for the units text.
         */
         get: function () {
-            if (this.i.dq == null) {
+            if (this.i.eb == null) {
                 return null;
             }
-            return this.i.dq.fontString;
+            return this.i.eb.fontString;
         },
         set: function (v) {
             var fi = new FontInfo();
             fi.fontString = v;
-            this.i.dq = fi;
-            this._a("dataToolTipUnitsTextStyle", this.i.dq != null ? this.i.dq.fontString : "");
+            this.i.eb = fi;
+            this._a("dataToolTipUnitsTextStyle", this.i.eb != null ? this.i.eb.fontString : "");
         },
         enumerable: true,
         configurable: true
     });
     Object.defineProperty(IgcDomainChartComponent.prototype, "dataToolTipTitleTextMarginBottom", {
         get: function () {
-            return this.i.to ? this.i.to.bottom : NaN;
+            return this.i.u7 ? this.i.u7.bottom : NaN;
         },
         set: function (v) {
             this.ensureDataToolTipTitleTextMargin();
-            this.i.to.bottom = +v;
-            this._a("dataToolTipTitleTextMarginBottom", this.i.to.bottom);
-            this.i.to = this.i.to;
+            this.i.u7.bottom = +v;
+            this._a("dataToolTipTitleTextMarginBottom", this.i.u7.bottom);
+            this.i.u7 = this.i.u7;
         },
         enumerable: true,
         configurable: true
     });
     Object.defineProperty(IgcDomainChartComponent.prototype, "dataToolTipTitleTextMarginLeft", {
         get: function () {
-            return this.i.to ? this.i.to.left : NaN;
+            return this.i.u7 ? this.i.u7.left : NaN;
         },
         set: function (v) {
             this.ensureDataToolTipTitleTextMargin();
-            this.i.to.left = +v;
-            this._a("dataToolTipTitleTextMarginLeft", this.i.to.left);
-            this.i.to = this.i.to;
+            this.i.u7.left = +v;
+            this._a("dataToolTipTitleTextMarginLeft", this.i.u7.left);
+            this.i.u7 = this.i.u7;
         },
         enumerable: true,
         configurable: true
     });
     Object.defineProperty(IgcDomainChartComponent.prototype, "dataToolTipTitleTextMarginRight", {
         get: function () {
-            return this.i.to ? this.i.to.right : NaN;
+            return this.i.u7 ? this.i.u7.right : NaN;
         },
         set: function (v) {
             this.ensureDataToolTipTitleTextMargin();
-            this.i.to.right = +v;
-            this._a("dataToolTipTitleTextMarginRight", this.i.to.right);
-            this.i.to = this.i.to;
+            this.i.u7.right = +v;
+            this._a("dataToolTipTitleTextMarginRight", this.i.u7.right);
+            this.i.u7 = this.i.u7;
         },
         enumerable: true,
         configurable: true
     });
     Object.defineProperty(IgcDomainChartComponent.prototype, "dataToolTipTitleTextMarginTop", {
         get: function () {
-            return this.i.to ? this.i.to.top : NaN;
+            return this.i.u7 ? this.i.u7.top : NaN;
         },
         set: function (v) {
             this.ensureDataToolTipTitleTextMargin();
-            this.i.to.top = +v;
-            this._a("dataToolTipTitleTextMarginTop", this.i.to.top);
-            this.i.to = this.i.to;
+            this.i.u7.top = +v;
+            this._a("dataToolTipTitleTextMarginTop", this.i.u7.top);
+            this.i.u7 = this.i.u7;
         },
         enumerable: true,
         configurable: true
     });
     IgcDomainChartComponent.prototype.ensureDataToolTipTitleTextMargin = function () {
-        if (this.i.to) {
+        if (this.i.u7) {
             return;
         }
-        this.i.to = new Thickness(2);
+        this.i.u7 = new Thickness(2);
     };
     Object.defineProperty(IgcDomainChartComponent.prototype, "dataToolTipTitleTextColor", {
         /**
          * Gets or sets the display text color.
         */
         get: function () {
-            return brushToString(this.i.so);
+            return brushToString(this.i.t7);
         },
         set: function (v) {
-            this.i.so = stringToBrush(v);
-            this._a("dataToolTipTitleTextColor", brushToString(this.i.so));
+            this.i.t7 = stringToBrush(v);
+            this._a("dataToolTipTitleTextColor", brushToString(this.i.t7));
         },
         enumerable: true,
         configurable: true
@@ -1904,16 +1907,16 @@ var IgcDomainChartComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or Sets the style to use for the display text.
         */
         get: function () {
-            if (this.i.dp == null) {
+            if (this.i.ea == null) {
                 return null;
             }
-            return this.i.dp.fontString;
+            return this.i.ea.fontString;
         },
         set: function (v) {
             var fi = new FontInfo();
             fi.fontString = v;
-            this.i.dp = fi;
-            this._a("dataToolTipTitleTextStyle", this.i.dp != null ? this.i.dp.fontString : "");
+            this.i.ea = fi;
+            this._a("dataToolTipTitleTextStyle", this.i.ea != null ? this.i.ea.fontString : "");
         },
         enumerable: true,
         configurable: true
@@ -1923,11 +1926,11 @@ var IgcDomainChartComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the mode for displaying labels before series values in the data legend, e.g. O: H: L: C: for financial series
         */
         get: function () {
-            return this.i.a0;
+            return this.i.bg;
         },
         set: function (v) {
-            this.i.a0 = ensureEnum(DataLegendLabelMode_$type, v);
-            this._a("dataToolTipLabelDisplayMode", enumToString(DataLegendLabelMode_$type, this.i.a0));
+            this.i.bg = ensureEnum(DataLegendLabelMode_$type, v);
+            this._a("dataToolTipLabelDisplayMode", enumToString(DataLegendLabelMode_$type, this.i.bg));
         },
         enumerable: true,
         configurable: true
@@ -1937,88 +1940,88 @@ var IgcDomainChartComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the units text color.
         */
         get: function () {
-            return brushToString(this.i.sj);
+            return brushToString(this.i.t2);
         },
         set: function (v) {
-            this.i.sj = stringToBrush(v);
-            this._a("dataToolTipLabelTextColor", brushToString(this.i.sj));
+            this.i.t2 = stringToBrush(v);
+            this._a("dataToolTipLabelTextColor", brushToString(this.i.t2));
         },
         enumerable: true,
         configurable: true
     });
     Object.defineProperty(IgcDomainChartComponent.prototype, "dataToolTipLabelTextMarginBottom", {
         get: function () {
-            return this.i.tl ? this.i.tl.bottom : NaN;
+            return this.i.u4 ? this.i.u4.bottom : NaN;
         },
         set: function (v) {
             this.ensureDataToolTipLabelTextMargin();
-            this.i.tl.bottom = +v;
-            this._a("dataToolTipLabelTextMarginBottom", this.i.tl.bottom);
-            this.i.tl = this.i.tl;
+            this.i.u4.bottom = +v;
+            this._a("dataToolTipLabelTextMarginBottom", this.i.u4.bottom);
+            this.i.u4 = this.i.u4;
         },
         enumerable: true,
         configurable: true
     });
     Object.defineProperty(IgcDomainChartComponent.prototype, "dataToolTipLabelTextMarginLeft", {
         get: function () {
-            return this.i.tl ? this.i.tl.left : NaN;
+            return this.i.u4 ? this.i.u4.left : NaN;
         },
         set: function (v) {
             this.ensureDataToolTipLabelTextMargin();
-            this.i.tl.left = +v;
-            this._a("dataToolTipLabelTextMarginLeft", this.i.tl.left);
-            this.i.tl = this.i.tl;
+            this.i.u4.left = +v;
+            this._a("dataToolTipLabelTextMarginLeft", this.i.u4.left);
+            this.i.u4 = this.i.u4;
         },
         enumerable: true,
         configurable: true
     });
     Object.defineProperty(IgcDomainChartComponent.prototype, "dataToolTipLabelTextMarginRight", {
         get: function () {
-            return this.i.tl ? this.i.tl.right : NaN;
+            return this.i.u4 ? this.i.u4.right : NaN;
         },
         set: function (v) {
             this.ensureDataToolTipLabelTextMargin();
-            this.i.tl.right = +v;
-            this._a("dataToolTipLabelTextMarginRight", this.i.tl.right);
-            this.i.tl = this.i.tl;
+            this.i.u4.right = +v;
+            this._a("dataToolTipLabelTextMarginRight", this.i.u4.right);
+            this.i.u4 = this.i.u4;
         },
         enumerable: true,
         configurable: true
     });
     Object.defineProperty(IgcDomainChartComponent.prototype, "dataToolTipLabelTextMarginTop", {
         get: function () {
-            return this.i.tl ? this.i.tl.top : NaN;
+            return this.i.u4 ? this.i.u4.top : NaN;
         },
         set: function (v) {
             this.ensureDataToolTipLabelTextMargin();
-            this.i.tl.top = +v;
-            this._a("dataToolTipLabelTextMarginTop", this.i.tl.top);
-            this.i.tl = this.i.tl;
+            this.i.u4.top = +v;
+            this._a("dataToolTipLabelTextMarginTop", this.i.u4.top);
+            this.i.u4 = this.i.u4;
         },
         enumerable: true,
         configurable: true
     });
     IgcDomainChartComponent.prototype.ensureDataToolTipLabelTextMargin = function () {
-        if (this.i.tl) {
+        if (this.i.u4) {
             return;
         }
-        this.i.tl = new Thickness(2);
+        this.i.u4 = new Thickness(2);
     };
     Object.defineProperty(IgcDomainChartComponent.prototype, "dataToolTipLabelTextStyle", {
         /**
          * Gets or Sets the style to use for the units text.
         */
         get: function () {
-            if (this.i.dj == null) {
+            if (this.i.d5 == null) {
                 return null;
             }
-            return this.i.dj.fontString;
+            return this.i.d5.fontString;
         },
         set: function (v) {
             var fi = new FontInfo();
             fi.fontString = v;
-            this.i.dj = fi;
-            this._a("dataToolTipLabelTextStyle", this.i.dj != null ? this.i.dj.fontString : "");
+            this.i.d5 = fi;
+            this._a("dataToolTipLabelTextStyle", this.i.d5 != null ? this.i.d5.fontString : "");
         },
         enumerable: true,
         configurable: true
@@ -2028,7 +2031,218 @@ var IgcDomainChartComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets the domain type of this chart
         */
         get: function () {
-            return this.i.bi;
+            return this.i.by;
+        },
+        enumerable: true,
+        configurable: true
+    });
+    Object.defineProperty(IgcDomainChartComponent.prototype, "sortDescriptions", {
+        /**
+         * Gets the current sort that is applied to the grid. Collection can be updated to modify the sort for the grid. Once sort descriptions are in this collection, the grid will no longer listen for changes on their properties.
+        */
+        get: function () {
+            if (this.i.ay == null) {
+                return null;
+            }
+            if (!this.i.ay.externalObject) {
+                var e = new IgcChartSortDescriptionCollection();
+                e._implementation = this.i.ay;
+                this.i.ay.externalObject = e;
+            }
+            return this.i.ay.externalObject;
+        },
+        enumerable: true,
+        configurable: true
+    });
+    Object.defineProperty(IgcDomainChartComponent.prototype, "groupSortDescriptions", {
+        get: function () {
+            if (this.i.au == null) {
+                return null;
+            }
+            if (!this.i.au.externalObject) {
+                var e = new IgcChartSortDescriptionCollection();
+                e._implementation = this.i.au;
+                this.i.au.externalObject = e;
+            }
+            return this.i.au.externalObject;
+        },
+        enumerable: true,
+        configurable: true
+    });
+    Object.defineProperty(IgcDomainChartComponent.prototype, "groupDescriptions", {
+        /**
+         * Gets the current grouping that is applied to the grid. Collection can be updated to modify the grouping for the grid. Once grouping descriptions are in this collection, the grid will no longer listen for changes on their properties.
+        */
+        get: function () {
+            if (this.i.at == null) {
+                return null;
+            }
+            if (!this.i.at.externalObject) {
+                var e = new IgcChartSortDescriptionCollection();
+                e._implementation = this.i.at;
+                this.i.at.externalObject = e;
+            }
+            return this.i.at.externalObject;
+        },
+        enumerable: true,
+        configurable: true
+    });
+    Object.defineProperty(IgcDomainChartComponent.prototype, "filterExpressions", {
+        /**
+         * Gets the current filter that is applied to the grid. Collection can be updated to modify the filter for the grid. Once filter expresisons are in this collection, the grid will no longer listen for changes on their properties.
+        */
+        get: function () {
+            if (this.i.dq == null) {
+                return null;
+            }
+            if (!this.i.dq.externalObject) {
+                var e = new IgcFilterExpressionCollection();
+                e._implementation = this.i.dq;
+                this.i.dq.externalObject = e;
+            }
+            return this.i.dq.externalObject;
+        },
+        enumerable: true,
+        configurable: true
+    });
+    Object.defineProperty(IgcDomainChartComponent.prototype, "summaryDescriptions", {
+        /**
+         * Gets the current summaries that are applied to the grid.
+        */
+        get: function () {
+            if (this.i.a2 == null) {
+                return null;
+            }
+            if (!this.i.a2.externalObject) {
+                var e = new IgcChartSummaryDescriptionCollection();
+                e._implementation = this.i.a2;
+                this.i.a2.externalObject = e;
+            }
+            return this.i.a2.externalObject;
+        },
+        enumerable: true,
+        configurable: true
+    });
+    Object.defineProperty(IgcDomainChartComponent.prototype, "initialSortDescriptions", {
+        /**
+         * Gets the initial sorts that are applied to the chart.
+        */
+        get: function () {
+            if (this.i.ax == null) {
+                return null;
+            }
+            if (!this.i.ax.externalObject) {
+                var e = new IgcChartSortDescriptionCollection();
+                e._implementation = this.i.ax;
+                this.i.ax.externalObject = e;
+            }
+            return this.i.ax.externalObject;
+        },
+        enumerable: true,
+        configurable: true
+    });
+    Object.defineProperty(IgcDomainChartComponent.prototype, "initialGroupSortDescriptions", {
+        /**
+         * Gets the initial sorts that are applied to the chart after groupings and summaries are applied.
+        */
+        get: function () {
+            if (this.i.aw == null) {
+                return null;
+            }
+            if (!this.i.aw.externalObject) {
+                var e = new IgcChartSortDescriptionCollection();
+                e._implementation = this.i.aw;
+                this.i.aw.externalObject = e;
+            }
+            return this.i.aw.externalObject;
+        },
+        enumerable: true,
+        configurable: true
+    });
+    Object.defineProperty(IgcDomainChartComponent.prototype, "initialGroupDescriptions", {
+        /**
+         * Gets the initial groupings that are applied to the chart.
+        */
+        get: function () {
+            if (this.i.av == null) {
+                return null;
+            }
+            if (!this.i.av.externalObject) {
+                var e = new IgcChartSortDescriptionCollection();
+                e._implementation = this.i.av;
+                this.i.av.externalObject = e;
+            }
+            return this.i.av.externalObject;
+        },
+        enumerable: true,
+        configurable: true
+    });
+    Object.defineProperty(IgcDomainChartComponent.prototype, "initialSummaryDescriptions", {
+        /**
+         * Gets the initial summaries that are applied to the chart.
+        */
+        get: function () {
+            if (this.i.a1 == null) {
+                return null;
+            }
+            if (!this.i.a1.externalObject) {
+                var e = new IgcChartSummaryDescriptionCollection();
+                e._implementation = this.i.a1;
+                this.i.a1.externalObject = e;
+            }
+            return this.i.a1.externalObject;
+        },
+        enumerable: true,
+        configurable: true
+    });
+    Object.defineProperty(IgcDomainChartComponent.prototype, "initialSorts", {
+        /**
+         * Gets or sets the sorts to apply to the chart. This property will become ignored if sorts are changed outside of this property.
+        */
+        get: function () {
+            return this.i.oj;
+        },
+        set: function (v) {
+            this.i.oj = v;
+        },
+        enumerable: true,
+        configurable: true
+    });
+    Object.defineProperty(IgcDomainChartComponent.prototype, "groupSorts", {
+        /**
+         * Gets or sets the sorts to apply after grouping has been applied.
+        */
+        get: function () {
+            return this.i.n0;
+        },
+        set: function (v) {
+            this.i.n0 = v;
+        },
+        enumerable: true,
+        configurable: true
+    });
+    Object.defineProperty(IgcDomainChartComponent.prototype, "initialGroups", {
+        /**
+         * Gets or sets the groupings to apply to the chart. This property will become ignored if sorts are changed outside of this property.
+        */
+        get: function () {
+            return this.i.oh;
+        },
+        set: function (v) {
+            this.i.oh = v;
+        },
+        enumerable: true,
+        configurable: true
+    });
+    Object.defineProperty(IgcDomainChartComponent.prototype, "initialSummaries", {
+        /**
+         * Gets or sets the summaries to apply to the chart. This property will become ignored if sorts are changed outside of this property.
+        */
+        get: function () {
+            return this.i.ol;
+        },
+        set: function (v) {
+            this.i.ol = v;
         },
         enumerable: true,
         configurable: true
@@ -2156,11 +2370,11 @@ var IgcDomainChartComponent = /** @class */ /*@__PURE__*/ (function (_super) {
         * ```
         */
         get: function () {
-            return this.i.e0;
+            return this.i.fr;
         },
         set: function (v) {
-            this.i.e0 = ensureBool(v);
-            this._a("isHorizontalZoomEnabled", this.i.e0);
+            this.i.fr = ensureBool(v);
+            this._a("isHorizontalZoomEnabled", this.i.fr);
         },
         enumerable: true,
         configurable: true
@@ -2176,11 +2390,11 @@ var IgcDomainChartComponent = /** @class */ /*@__PURE__*/ (function (_super) {
         * ```
         */
         get: function () {
-            return this.i.e6;
+            return this.i.fx;
         },
         set: function (v) {
-            this.i.e6 = ensureBool(v);
-            this._a("isVerticalZoomEnabled", this.i.e6);
+            this.i.fx = ensureBool(v);
+            this._a("isVerticalZoomEnabled", this.i.fx);
         },
         enumerable: true,
         configurable: true
@@ -2190,11 +2404,11 @@ var IgcDomainChartComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * 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: function () {
-            return this.i.e9;
+            return this.i.f0;
         },
         set: function (v) {
-            this.i.e9 = ensureBool(v);
-            this._a("shouldDisplayMockData", this.i.e9);
+            this.i.f0 = ensureBool(v);
+            this._a("shouldDisplayMockData", this.i.f0);
         },
         enumerable: true,
         configurable: true
@@ -2204,11 +2418,11 @@ var IgcDomainChartComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets whether the chart should use a faded skeleton style for mock data.
         */
         get: function () {
-            return this.i.fa;
+            return this.i.f3;
         },
         set: function (v) {
-            this.i.fa = ensureBool(v);
-            this._a("shouldUseSkeletonStyleForMockData", this.i.fa);
+            this.i.f3 = ensureBool(v);
+            this._a("shouldUseSkeletonStyleForMockData", this.i.f3);
         },
         enumerable: true,
         configurable: true
@@ -2219,11 +2433,11 @@ var IgcDomainChartComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * This property applies to Category Chart and Financial Chart controls.
         */
         get: function () {
-            return this.i.e2;
+            return this.i.ft;
         },
         set: function (v) {
-            this.i.e2 = ensureBool(v);
-            this._a("isSeriesHighlightingEnabled", this.i.e2);
+            this.i.ft = ensureBool(v);
+            this._a("isSeriesHighlightingEnabled", this.i.ft);
         },
         enumerable: true,
         configurable: true
@@ -2240,11 +2454,11 @@ var IgcDomainChartComponent = /** @class */ /*@__PURE__*/ (function (_super) {
         * ```
         */
         get: function () {
-            return fromRect(this.i.s7);
+            return fromRect(this.i.uq);
         },
         set: function (v) {
-            this.i.s7 = toRect(v);
-            this._a("windowRect", rectToString(this.i.s7));
+            this.i.uq = toRect(v);
+            this._a("windowRect", rectToString(this.i.uq));
         },
         enumerable: true,
         configurable: true
@@ -2260,7 +2474,7 @@ var IgcDomainChartComponent = /** @class */ /*@__PURE__*/ (function (_super) {
         * ```
         */
         get: function () {
-            return fromRect(this.i.s6);
+            return fromRect(this.i.up);
         },
         enumerable: true,
         configurable: true
@@ -2276,10 +2490,10 @@ var IgcDomainChartComponent = /** @class */ /*@__PURE__*/ (function (_super) {
         * ```
         */
         get: function () {
-            return this.i.oh;
+            return this.i.pv;
         },
         set: function (v) {
-            this.i.oh = v;
+            this.i.pv = v;
         },
         enumerable: true,
         configurable: true
@@ -2295,10 +2509,10 @@ var IgcDomainChartComponent = /** @class */ /*@__PURE__*/ (function (_super) {
         * ```
         */
         get: function () {
-            return this.i.n6;
+            return this.i.pk;
         },
         set: function (v) {
-            this.i.n6 = v;
+            this.i.pk = v;
         },
         enumerable: true,
         configurable: true
@@ -2314,11 +2528,11 @@ var IgcDomainChartComponent = /** @class */ /*@__PURE__*/ (function (_super) {
         * ```
         */
         get: function () {
-            return this.i.ro;
+            return this.i.s7;
         },
         set: function (v) {
-            this.i.ro = ensureEnum(HorizontalAlignment_$type, v);
-            this._a("titleAlignment", enumToString(HorizontalAlignment_$type, this.i.ro));
+            this.i.s7 = ensureEnum(HorizontalAlignment_$type, v);
+            this._a("titleAlignment", enumToString(HorizontalAlignment_$type, this.i.s7));
         },
         enumerable: true,
         configurable: true
@@ -2334,11 +2548,11 @@ var IgcDomainChartComponent = /** @class */ /*@__PURE__*/ (function (_super) {
         * ```
         */
         get: function () {
-            return this.i.rn;
+            return this.i.s6;
         },
         set: function (v) {
-            this.i.rn = ensureEnum(HorizontalAlignment_$type, v);
-            this._a("subtitleAlignment", enumToString(HorizontalAlignment_$type, this.i.rn));
+            this.i.s6 = ensureEnum(HorizontalAlignment_$type, v);
+            this._a("subtitleAlignment", enumToString(HorizontalAlignment_$type, this.i.s6));
         },
         enumerable: true,
         configurable: true
@@ -2355,11 +2569,11 @@ var IgcDomainChartComponent = /** @class */ /*@__PURE__*/ (function (_super) {
         * ```
         */
         get: function () {
-            return this.i.c4;
+            return this.i.dk;
         },
         set: function (v) {
-            this.i.c4 = ensureEnum(UnknownValuePlotting_$type, v);
-            this._a("unknownValuePlotting", enumToString(UnknownValuePlotting_$type, this.i.c4));
+            this.i.dk = ensureEnum(UnknownValuePlotting_$type, v);
+            this._a("unknownValuePlotting", enumToString(UnknownValuePlotting_$type, this.i.dk));
         },
         enumerable: true,
         configurable: true
@@ -2376,11 +2590,11 @@ var IgcDomainChartComponent = /** @class */ /*@__PURE__*/ (function (_super) {
         * ```
         */
         get: function () {
-            return this.i.hn;
+            return this.i.ig;
         },
         set: function (v) {
-            this.i.hn = +v;
-            this._a("resolution", this.i.hn);
+            this.i.ig = +v;
+            this._a("resolution", this.i.ig);
         },
         enumerable: true,
         configurable: true
@@ -2392,11 +2606,11 @@ var IgcDomainChartComponent = /** @class */ /*@__PURE__*/ (function (_super) {
         * Use the `thickness` property for the thickness of all the series in this chart.
         */
         get: function () {
-            return this.i.ht;
+            return this.i.im;
         },
         set: function (v) {
-            this.i.ht = +v;
-            this._a("thickness", this.i.ht);
+            this.i.im = +v;
+            this._a("thickness", this.i.im);
         },
         enumerable: true,
         configurable: true
@@ -2406,11 +2620,11 @@ var IgcDomainChartComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the OutlineMode for all series in this chart.
         */
         get: function () {
-            return this.i.cm;
+            return this.i.c2;
         },
         set: function (v) {
-            this.i.cm = ensureEnum(SeriesOutlineMode_$type, v);
-            this._a("outlineMode", enumToString(SeriesOutlineMode_$type, this.i.cm));
+            this.i.c2 = ensureEnum(SeriesOutlineMode_$type, v);
+            this._a("outlineMode", enumToString(SeriesOutlineMode_$type, this.i.c2));
         },
         enumerable: true,
         configurable: true
@@ -2420,11 +2634,11 @@ var IgcDomainChartComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the MarkerOutlineMode for all series that support markers in this chart.
         */
         get: function () {
-            return this.i.b3;
+            return this.i.cj;
         },
         set: function (v) {
-            this.i.b3 = ensureEnum(MarkerOutlineMode_$type, v);
-            this._a("markerOutlineMode", enumToString(MarkerOutlineMode_$type, this.i.b3));
+            this.i.cj = ensureEnum(MarkerOutlineMode_$type, v);
+            this._a("markerOutlineMode", enumToString(MarkerOutlineMode_$type, this.i.cj));
         },
         enumerable: true,
         configurable: true
@@ -2434,11 +2648,11 @@ var IgcDomainChartComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the MarkerFillMode for all series that support markers in this chart.
         */
         get: function () {
-            return this.i.b1;
+            return this.i.ch;
         },
         set: function (v) {
-            this.i.b1 = ensureEnum(MarkerFillMode_$type, v);
-            this._a("markerFillMode", enumToString(MarkerFillMode_$type, this.i.b1));
+            this.i.ch = ensureEnum(MarkerFillMode_$type, v);
+            this._a("markerFillMode", enumToString(MarkerFillMode_$type, this.i.ch));
         },
         enumerable: true,
         configurable: true
@@ -2448,11 +2662,11 @@ var IgcDomainChartComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the Marker Fill Opacity for all series that support markers in this chart.
         */
         get: function () {
-            return this.i.hg;
+            return this.i.h8;
         },
         set: function (v) {
-            this.i.hg = +v;
-            this._a("markerFillOpacity", this.i.hg);
+            this.i.h8 = +v;
+            this._a("markerFillOpacity", this.i.h8);
         },
         enumerable: true,
         configurable: true
@@ -2462,11 +2676,11 @@ var IgcDomainChartComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the Marker Thickness for all series that support markers in this chart.
         */
         get: function () {
-            return this.i.hh;
+            return this.i.h9;
         },
         set: function (v) {
-            this.i.hh = +v;
-            this._a("markerThickness", this.i.hh);
+            this.i.h9 = +v;
+            this._a("markerThickness", this.i.h9);
         },
         enumerable: true,
         configurable: true
@@ -2479,12 +2693,12 @@ var IgcDomainChartComponent = /** @class */ /*@__PURE__*/ (function (_super) {
         get: function () {
             if (this._markerTypes === null) {
                 var coll = new IgcMarkerTypeCollection();
-                var innerColl = this.i.b8;
+                var innerColl = this.i.co;
                 if (!innerColl) {
                     innerColl = new MarkerTypeCollection_internal();
                 }
                 this._markerTypes = coll._fromInner(innerColl);
-                this.i.b8 = innerColl;
+                this.i.co = innerColl;
             }
             return this._markerTypes;
         },
@@ -2496,14 +2710,14 @@ var IgcDomainChartComponent = /** @class */ /*@__PURE__*/ (function (_super) {
             var coll = new IgcMarkerTypeCollection();
             this._markerTypes = coll._fromOuter(v);
             var syncColl = new SyncableObservableCollection$1(MarkerType_$type);
-            var innerColl = this.i.b8;
+            var innerColl = this.i.co;
             if (!innerColl) {
                 innerColl = new MarkerTypeCollection_internal();
             }
             syncColl._inner = innerColl;
             syncColl.clear();
             this._markerTypes._setSyncTarget(syncColl);
-            this.i.b8 = innerColl;
+            this.i.co = innerColl;
         },
         enumerable: true,
         configurable: true
@@ -2514,11 +2728,11 @@ var IgcDomainChartComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * This property is ignored when the MarkerTypes property is set
         */
         get: function () {
-            return this.i.bz;
+            return this.i.cf;
         },
         set: function (v) {
-            this.i.bz = ensureEnum(MarkerAutomaticBehavior_$type, v);
-            this._a("markerAutomaticBehavior", enumToString(MarkerAutomaticBehavior_$type, this.i.bz));
+            this.i.cf = ensureEnum(MarkerAutomaticBehavior_$type, v);
+            this._a("markerAutomaticBehavior", enumToString(MarkerAutomaticBehavior_$type, this.i.cf));
         },
         enumerable: true,
         configurable: true
@@ -2576,11 +2790,11 @@ var IgcDomainChartComponent = /** @class */ /*@__PURE__*/ (function (_super) {
         * ```
         */
         get: function () {
-            return this.i.ip;
+            return this.i.jl;
         },
         set: function (v) {
-            this.i.ip = +v;
-            this._a("markerMaxCount", this.i.ip);
+            this.i.jl = +v;
+            this._a("markerMaxCount", this.i.jl);
         },
         enumerable: true,
         configurable: true
@@ -2591,11 +2805,11 @@ var IgcDomainChartComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * For example, Area, SplineArea, Column chart types
         */
         get: function () {
-            return this.i.g1;
+            return this.i.ht;
         },
         set: function (v) {
-            this.i.g1 = +v;
-            this._a("areaFillOpacity", this.i.g1);
+            this.i.ht = +v;
+            this._a("areaFillOpacity", this.i.ht);
         },
         enumerable: true,
         configurable: true
@@ -2605,11 +2819,11 @@ var IgcDomainChartComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets whether the series animations should be allowed when a range change has been detected on an axis.
         */
         get: function () {
-            return this.i.eh;
+            return this.i.e7;
         },
         set: function (v) {
-            this.i.eh = ensureBool(v);
-            this._a("animateSeriesWhenAxisRangeChanges", this.i.eh);
+            this.i.e7 = ensureBool(v);
+            this._a("animateSeriesWhenAxisRangeChanges", this.i.e7);
         },
         enumerable: true,
         configurable: true
@@ -2647,11 +2861,11 @@ var IgcDomainChartComponent = /** @class */ /*@__PURE__*/ (function (_super) {
         * ```
         */
         get: function () {
-            return this.i.c2;
+            return this.i.di;
         },
         set: function (v) {
-            this.i.c2 = ensureEnum(TrendLineType_$type, v);
-            this._a("trendLineType", enumToString(TrendLineType_$type, this.i.c2));
+            this.i.di = ensureEnum(TrendLineType_$type, v);
+            this._a("trendLineType", enumToString(TrendLineType_$type, this.i.di));
         },
         enumerable: true,
         configurable: true
@@ -2668,11 +2882,11 @@ var IgcDomainChartComponent = /** @class */ /*@__PURE__*/ (function (_super) {
         * ```
         */
         get: function () {
-            return this.i.hz;
+            return this.i.it;
         },
         set: function (v) {
-            this.i.hz = +v;
-            this._a("trendLineThickness", this.i.hz);
+            this.i.it = +v;
+            this._a("trendLineThickness", this.i.it);
         },
         enumerable: true,
         configurable: true
@@ -2688,11 +2902,11 @@ var IgcDomainChartComponent = /** @class */ /*@__PURE__*/ (function (_super) {
         * ```
         */
         get: function () {
-            return this.i.eg;
+            return this.i.e6;
         },
         set: function (v) {
-            this.i.eg = ensureBool(v);
-            this._a("alignsGridLinesToPixels", this.i.eg);
+            this.i.e6 = ensureBool(v);
+            this._a("alignsGridLinesToPixels", this.i.e6);
         },
         enumerable: true,
         configurable: true
@@ -2702,11 +2916,11 @@ var IgcDomainChartComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Margin applied to the Left of the plot area.
         */
         get: function () {
-            return this.i.hk;
+            return this.i.ic;
         },
         set: function (v) {
-            this.i.hk = +v;
-            this._a("plotAreaMarginLeft", this.i.hk);
+            this.i.ic = +v;
+            this._a("plotAreaMarginLeft", this.i.ic);
         },
         enumerable: true,
         configurable: true
@@ -2716,11 +2930,11 @@ var IgcDomainChartComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Margin applied to the Top of the plot area.
         */
         get: function () {
-            return this.i.hm;
+            return this.i.ie;
         },
         set: function (v) {
-            this.i.hm = +v;
-            this._a("plotAreaMarginTop", this.i.hm);
+            this.i.ie = +v;
+            this._a("plotAreaMarginTop", this.i.ie);
         },
         enumerable: true,
         configurable: true
@@ -2730,11 +2944,11 @@ var IgcDomainChartComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Margin applied to the right of the plot area.
         */
         get: function () {
-            return this.i.hl;
+            return this.i.id;
         },
         set: function (v) {
-            this.i.hl = +v;
-            this._a("plotAreaMarginRight", this.i.hl);
+            this.i.id = +v;
+            this._a("plotAreaMarginRight", this.i.id);
         },
         enumerable: true,
         configurable: true
@@ -2744,11 +2958,11 @@ var IgcDomainChartComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Margin applied below the plot area.
         */
         get: function () {
-            return this.i.hj;
+            return this.i.ib;
         },
         set: function (v) {
-            this.i.hj = +v;
-            this._a("plotAreaMarginBottom", this.i.hj);
+            this.i.ib = +v;
+            this._a("plotAreaMarginBottom", this.i.ib);
         },
         enumerable: true,
         configurable: true
@@ -2758,11 +2972,11 @@ var IgcDomainChartComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets mode to use for automatically calculating the plot area margin.
         */
         get: function () {
-            return this.i.ao;
+            return this.i.a4;
         },
         set: function (v) {
-            this.i.ao = ensureEnum(ComputedPlotAreaMarginMode_$type, v);
-            this._a("computedPlotAreaMarginMode", enumToString(ComputedPlotAreaMarginMode_$type, this.i.ao));
+            this.i.a4 = ensureEnum(ComputedPlotAreaMarginMode_$type, v);
+            this._a("computedPlotAreaMarginMode", enumToString(ComputedPlotAreaMarginMode_$type, this.i.a4));
         },
         enumerable: true,
         configurable: true
@@ -2772,11 +2986,11 @@ var IgcDomainChartComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets horizontal mode to use for automatically calculating the plot area margin based ont the series.
         */
         get: function () {
-            return this.i.co;
+            return this.i.c4;
         },
         set: function (v) {
-            this.i.co = ensureEnum(SeriesPlotAreaMarginHorizontalMode_$type, v);
-            this._a("seriesPlotAreaMarginHorizontalMode", enumToString(SeriesPlotAreaMarginHorizontalMode_$type, this.i.co));
+            this.i.c4 = ensureEnum(SeriesPlotAreaMarginHorizontalMode_$type, v);
+            this._a("seriesPlotAreaMarginHorizontalMode", enumToString(SeriesPlotAreaMarginHorizontalMode_$type, this.i.c4));
         },
         enumerable: true,
         configurable: true
@@ -2786,11 +3000,11 @@ var IgcDomainChartComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets vertical mode to use for automatically calculating the plot area margin based ont the series.
         */
         get: function () {
-            return this.i.cq;
+            return this.i.c6;
         },
         set: function (v) {
-            this.i.cq = ensureEnum(SeriesPlotAreaMarginVerticalMode_$type, v);
-            this._a("seriesPlotAreaMarginVerticalMode", enumToString(SeriesPlotAreaMarginVerticalMode_$type, this.i.cq));
+            this.i.c6 = ensureEnum(SeriesPlotAreaMarginVerticalMode_$type, v);
+            this._a("seriesPlotAreaMarginVerticalMode", enumToString(SeriesPlotAreaMarginVerticalMode_$type, this.i.c6));
         },
         enumerable: true,
         configurable: true
@@ -2800,11 +3014,11 @@ var IgcDomainChartComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the highlighting mode to use for the series in the component, when supported. This takes precedence over the series level IsHightlightingEnabled.
         */
         get: function () {
-            return this.i.ck;
+            return this.i.c0;
         },
         set: function (v) {
-            this.i.ck = ensureEnum(SeriesHighlightingMode_$type, v);
-            this._a("highlightingMode", enumToString(SeriesHighlightingMode_$type, this.i.ck));
+            this.i.c0 = ensureEnum(SeriesHighlightingMode_$type, v);
+            this._a("highlightingMode", enumToString(SeriesHighlightingMode_$type, this.i.c0));
         },
         enumerable: true,
         configurable: true
@@ -2814,11 +3028,11 @@ var IgcDomainChartComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the highlighting Behavior to use for the series in the component, when supported. This takes precedence over the series level IsHightlightingEnabled.
         */
         get: function () {
-            return this.i.ci;
+            return this.i.cy;
         },
         set: function (v) {
-            this.i.ci = ensureEnum(SeriesHighlightingBehavior_$type, v);
-            this._a("highlightingBehavior", enumToString(SeriesHighlightingBehavior_$type, this.i.ci));
+            this.i.cy = ensureEnum(SeriesHighlightingBehavior_$type, v);
+            this._a("highlightingBehavior", enumToString(SeriesHighlightingBehavior_$type, this.i.cy));
         },
         enumerable: true,
         configurable: true
@@ -2828,11 +3042,11 @@ var IgcDomainChartComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the highlighting mode to use for the legend linked to the component, when supported.
         */
         get: function () {
-            return this.i.br;
+            return this.i.b7;
         },
         set: function (v) {
-            this.i.br = ensureEnum(LegendHighlightingMode_$type, v);
-            this._a("legendHighlightingMode", enumToString(LegendHighlightingMode_$type, this.i.br));
+            this.i.b7 = ensureEnum(LegendHighlightingMode_$type, v);
+            this._a("legendHighlightingMode", enumToString(LegendHighlightingMode_$type, this.i.b7));
         },
         enumerable: true,
         configurable: true
@@ -2843,11 +3057,11 @@ var IgcDomainChartComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * This property will be ignored when the LegendItemTemplate or LegendItemBadgeTemplate property is set on a series
         */
         get: function () {
-            return this.i.bx;
+            return this.i.cd;
         },
         set: function (v) {
-            this.i.bx = ensureEnum(LegendItemBadgeShape_$type, v);
-            this._a("legendItemBadgeShape", enumToString(LegendItemBadgeShape_$type, this.i.bx));
+            this.i.cd = ensureEnum(LegendItemBadgeShape_$type, v);
+            this._a("legendItemBadgeShape", enumToString(LegendItemBadgeShape_$type, this.i.cd));
         },
         enumerable: true,
         configurable: true
@@ -2858,22 +3072,22 @@ var IgcDomainChartComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * This property will be ignored when the LegendItemTemplate or LegendItemBadgeTemplate property is set on a series
         */
         get: function () {
-            return this.i.bt;
+            return this.i.b9;
         },
         set: function (v) {
-            this.i.bt = ensureEnum(LegendItemBadgeMode_$type, v);
-            this._a("legendItemBadgeMode", enumToString(LegendItemBadgeMode_$type, this.i.bt));
+            this.i.b9 = ensureEnum(LegendItemBadgeMode_$type, v);
+            this._a("legendItemBadgeMode", enumToString(LegendItemBadgeMode_$type, this.i.b9));
         },
         enumerable: true,
         configurable: true
     });
     Object.defineProperty(IgcDomainChartComponent.prototype, "trendLinePeriod", {
         get: function () {
-            return this.i.ir;
+            return this.i.jn;
         },
         set: function (v) {
-            this.i.ir = +v;
-            this._a("trendLinePeriod", this.i.ir);
+            this.i.jn = +v;
+            this._a("trendLinePeriod", this.i.jn);
         },
         enumerable: true,
         configurable: true
@@ -2883,11 +3097,11 @@ var IgcDomainChartComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the style of tooltip to be displayed.
         */
         get: function () {
-            return this.i.c0;
+            return this.i.dg;
         },
         set: function (v) {
-            this.i.c0 = ensureEnum(ToolTipType_$type, v);
-            this._a("toolTipType", enumToString(ToolTipType_$type, this.i.c0));
+            this.i.dg = ensureEnum(ToolTipType_$type, v);
+            this._a("toolTipType", enumToString(ToolTipType_$type, this.i.dg));
         },
         enumerable: true,
         configurable: true
@@ -2897,11 +3111,11 @@ var IgcDomainChartComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the crosshairs to be displayed.
         */
         get: function () {
-            return this.i.aq;
+            return this.i.a6;
         },
         set: function (v) {
-            this.i.aq = ensureEnum(CrosshairsDisplayMode_$type, v);
-            this._a("crosshairsDisplayMode", enumToString(CrosshairsDisplayMode_$type, this.i.aq));
+            this.i.a6 = ensureEnum(CrosshairsDisplayMode_$type, v);
+            this._a("crosshairsDisplayMode", enumToString(CrosshairsDisplayMode_$type, this.i.a6));
         },
         enumerable: true,
         configurable: true
@@ -2911,11 +3125,11 @@ var IgcDomainChartComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets whether crosshairs will snap to the nearest data point.
         */
         get: function () {
-            return this.i.em;
+            return this.i.fc;
         },
         set: function (v) {
-            this.i.em = ensureBool(v);
-            this._a("crosshairsSnapToData", this.i.em);
+            this.i.fc = ensureBool(v);
+            this._a("crosshairsSnapToData", this.i.fc);
         },
         enumerable: true,
         configurable: true
@@ -2925,11 +3139,11 @@ var IgcDomainChartComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the color to apply to vertical crosshairs line.
         */
         get: function () {
-            return brushToString(this.i.sh);
+            return brushToString(this.i.t0);
         },
         set: function (v) {
-            this.i.sh = stringToBrush(v);
-            this._a("crosshairsLineVerticalStroke", brushToString(this.i.sh));
+            this.i.t0 = stringToBrush(v);
+            this._a("crosshairsLineVerticalStroke", brushToString(this.i.t0));
         },
         enumerable: true,
         configurable: true
@@ -2939,11 +3153,11 @@ var IgcDomainChartComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets thickness of crosshairs lines.
         */
         get: function () {
-            return this.i.g3;
+            return this.i.hv;
         },
         set: function (v) {
-            this.i.g3 = +v;
-            this._a("crosshairsLineThickness", this.i.g3);
+            this.i.hv = +v;
+            this._a("crosshairsLineThickness", this.i.hv);
         },
         enumerable: true,
         configurable: true
@@ -2953,11 +3167,11 @@ var IgcDomainChartComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the color to apply to horizontal crosshairs line.
         */
         get: function () {
-            return brushToString(this.i.sg);
+            return brushToString(this.i.tz);
         },
         set: function (v) {
-            this.i.sg = stringToBrush(v);
-            this._a("crosshairsLineHorizontalStroke", brushToString(this.i.sg));
+            this.i.tz = stringToBrush(v);
+            this._a("crosshairsLineHorizontalStroke", brushToString(this.i.tz));
         },
         enumerable: true,
         configurable: true
@@ -2967,11 +3181,11 @@ var IgcDomainChartComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets whether annotations are shown along the axis for crosshair values
         */
         get: function () {
-            return this.i.el;
+            return this.i.fb;
         },
         set: function (v) {
-            this.i.el = ensureBool(v);
-            this._a("crosshairsAnnotationEnabled", this.i.el);
+            this.i.fb = ensureBool(v);
+            this._a("crosshairsAnnotationEnabled", this.i.fb);
         },
         enumerable: true,
         configurable: true
@@ -2981,11 +3195,11 @@ var IgcDomainChartComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the background of crosshair annotation on x-axis.
         */
         get: function () {
-            return brushToString(this.i.sc);
+            return brushToString(this.i.tv);
         },
         set: function (v) {
-            this.i.sc = stringToBrush(v);
-            this._a("crosshairsAnnotationXAxisBackground", brushToString(this.i.sc));
+            this.i.tv = stringToBrush(v);
+            this._a("crosshairsAnnotationXAxisBackground", brushToString(this.i.tv));
         },
         enumerable: true,
         configurable: true
@@ -2995,11 +3209,11 @@ var IgcDomainChartComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the background of crosshair annotation on y-axis.
         */
         get: function () {
-            return brushToString(this.i.se);
+            return brushToString(this.i.tx);
         },
         set: function (v) {
-            this.i.se = stringToBrush(v);
-            this._a("crosshairsAnnotationYAxisBackground", brushToString(this.i.se));
+            this.i.tx = stringToBrush(v);
+            this._a("crosshairsAnnotationYAxisBackground", brushToString(this.i.tx));
         },
         enumerable: true,
         configurable: true
@@ -3009,11 +3223,11 @@ var IgcDomainChartComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the text color of crosshair annotation on x-axis.
         */
         get: function () {
-            return brushToString(this.i.sd);
+            return brushToString(this.i.tw);
         },
         set: function (v) {
-            this.i.sd = stringToBrush(v);
-            this._a("crosshairsAnnotationXAxisTextColor", brushToString(this.i.sd));
+            this.i.tw = stringToBrush(v);
+            this._a("crosshairsAnnotationXAxisTextColor", brushToString(this.i.tw));
         },
         enumerable: true,
         configurable: true
@@ -3023,11 +3237,11 @@ var IgcDomainChartComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the text color of crosshair annotation on y-axis.
         */
         get: function () {
-            return brushToString(this.i.sf);
+            return brushToString(this.i.ty);
         },
         set: function (v) {
-            this.i.sf = stringToBrush(v);
-            this._a("crosshairsAnnotationYAxisTextColor", brushToString(this.i.sf));
+            this.i.ty = stringToBrush(v);
+            this._a("crosshairsAnnotationYAxisTextColor", brushToString(this.i.ty));
         },
         enumerable: true,
         configurable: true
@@ -3037,11 +3251,11 @@ var IgcDomainChartComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets precision on interpolated values of crosshairs on x-axis.
         */
         get: function () {
-            return this.i.ij;
+            return this.i.jg;
         },
         set: function (v) {
-            this.i.ij = +v;
-            this._a("crosshairsAnnotationXAxisPrecision", this.i.ij);
+            this.i.jg = +v;
+            this._a("crosshairsAnnotationXAxisPrecision", this.i.jg);
         },
         enumerable: true,
         configurable: true
@@ -3051,11 +3265,11 @@ var IgcDomainChartComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets precision on interpolated values of crosshairs on y-axis.
         */
         get: function () {
-            return this.i.ik;
+            return this.i.jh;
         },
         set: function (v) {
-            this.i.ik = +v;
-            this._a("crosshairsAnnotationYAxisPrecision", this.i.ik);
+            this.i.jh = +v;
+            this._a("crosshairsAnnotationYAxisPrecision", this.i.jh);
         },
         enumerable: true,
         configurable: true
@@ -3065,11 +3279,25 @@ var IgcDomainChartComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets whether annotations for the final value of each series is displayed on the axis.
         */
         get: function () {
-            return this.i.e8;
+            return this.i.fz;
         },
         set: function (v) {
-            this.i.e8 = ensureBool(v);
-            this._a("shouldAvoidAxisAnnotationCollisions", this.i.e8);
+            this.i.fz = ensureBool(v);
+            this._a("shouldAvoidAxisAnnotationCollisions", this.i.fz);
+        },
+        enumerable: true,
+        configurable: true
+    });
+    Object.defineProperty(IgcDomainChartComponent.prototype, "shouldPanOnMaximumZoom", {
+        /**
+         * Gets or sets a whether the chart should pan its content when zooing in passed max zoom level.
+        */
+        get: function () {
+            return this.i.f1;
+        },
+        set: function (v) {
+            this.i.f1 = ensureBool(v);
+            this._a("shouldPanOnMaximumZoom", this.i.f1);
         },
         enumerable: true,
         configurable: true
@@ -3079,11 +3307,11 @@ var IgcDomainChartComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets whether annotations for the final value of each series is displayed on the axis.
         */
         get: function () {
-            return this.i.es;
+            return this.i.fi;
         },
         set: function (v) {
-            this.i.es = ensureBool(v);
-            this._a("finalValueAnnotationsVisible", this.i.es);
+            this.i.fi = ensureBool(v);
+            this._a("finalValueAnnotationsVisible", this.i.fi);
         },
         enumerable: true,
         configurable: true
@@ -3093,11 +3321,11 @@ var IgcDomainChartComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the background of final value annotation.
         */
         get: function () {
-            return brushToString(this.i.sr);
+            return brushToString(this.i.ua);
         },
         set: function (v) {
-            this.i.sr = stringToBrush(v);
-            this._a("finalValueAnnotationsBackground", brushToString(this.i.sr));
+            this.i.ua = stringToBrush(v);
+            this._a("finalValueAnnotationsBackground", brushToString(this.i.ua));
         },
         enumerable: true,
         configurable: true
@@ -3107,11 +3335,11 @@ var IgcDomainChartComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the text color of final value annotation.
         */
         get: function () {
-            return brushToString(this.i.ss);
+            return brushToString(this.i.ub);
         },
         set: function (v) {
-            this.i.ss = stringToBrush(v);
-            this._a("finalValueAnnotationsTextColor", brushToString(this.i.ss));
+            this.i.ub = stringToBrush(v);
+            this._a("finalValueAnnotationsTextColor", brushToString(this.i.ub));
         },
         enumerable: true,
         configurable: true
@@ -3121,11 +3349,11 @@ var IgcDomainChartComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets precision on final value annotation.
         */
         get: function () {
-            return this.i.io;
+            return this.i.jk;
         },
         set: function (v) {
-            this.i.io = +v;
-            this._a("finalValueAnnotationsPrecision", this.i.io);
+            this.i.jk = +v;
+            this._a("finalValueAnnotationsPrecision", this.i.jk);
         },
         enumerable: true,
         configurable: true
@@ -3135,11 +3363,11 @@ var IgcDomainChartComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets if callouts should be displayed.
         */
         get: function () {
-            return this.i.ek;
+            return this.i.fa;
         },
         set: function (v) {
-            this.i.ek = ensureBool(v);
-            this._a("calloutsVisible", this.i.ek);
+            this.i.fa = ensureBool(v);
+            this._a("calloutsVisible", this.i.fa);
         },
         enumerable: true,
         configurable: true
@@ -3149,11 +3377,11 @@ var IgcDomainChartComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets if event annotations should be displayed.
         */
         get: function () {
-            return this.i.ej;
+            return this.i.e9;
         },
         set: function (v) {
-            this.i.ej = ensureBool(v);
-            this._a("calloutStyleUpdatingEventEnabled", this.i.ej);
+            this.i.e9 = ensureBool(v);
+            this._a("calloutStyleUpdatingEventEnabled", this.i.e9);
         },
         enumerable: true,
         configurable: true
@@ -3199,10 +3427,10 @@ var IgcDomainChartComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the member path of the X data for the callouts.
         */
         get: function () {
-            return this.i.j1;
+            return this.i.k6;
         },
         set: function (v) {
-            this.i.j1 = v;
+            this.i.k6 = v;
         },
         enumerable: true,
         configurable: true
@@ -3212,10 +3440,10 @@ var IgcDomainChartComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the member path of the Y data for the callouts.
         */
         get: function () {
-            return this.i.j3;
+            return this.i.k8;
         },
         set: function (v) {
-            this.i.j3 = v;
+            this.i.k8 = v;
         },
         enumerable: true,
         configurable: true
@@ -3225,10 +3453,10 @@ var IgcDomainChartComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the member path of the label data for the callouts.
         */
         get: function () {
-            return this.i.jx;
+            return this.i.k2;
         },
         set: function (v) {
-            this.i.jx = v;
+            this.i.k2 = v;
         },
         enumerable: true,
         configurable: true
@@ -3238,10 +3466,10 @@ var IgcDomainChartComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the member path of the content data for the callouts.
         */
         get: function () {
-            return this.i.ju;
+            return this.i.kz;
         },
         set: function (v) {
-            this.i.ju = v;
+            this.i.kz = v;
         },
         enumerable: true,
         configurable: true
@@ -3251,11 +3479,11 @@ var IgcDomainChartComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the horizontal scrollbar mode to use for the series viewer.
         */
         get: function () {
-            return this.i.cv;
+            return this.i.db;
         },
         set: function (v) {
-            this.i.cv = ensureEnum(SeriesViewerScrollbarMode_$type, v);
-            this._a("horizontalViewScrollbarMode", enumToString(SeriesViewerScrollbarMode_$type, this.i.cv));
+            this.i.db = ensureEnum(SeriesViewerScrollbarMode_$type, v);
+            this._a("horizontalViewScrollbarMode", enumToString(SeriesViewerScrollbarMode_$type, this.i.db));
         },
         enumerable: true,
         configurable: true
@@ -3265,11 +3493,11 @@ var IgcDomainChartComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the vertical scrollbar mode to use for the series viewer.
         */
         get: function () {
-            return this.i.cw;
+            return this.i.dc;
         },
         set: function (v) {
-            this.i.cw = ensureEnum(SeriesViewerScrollbarMode_$type, v);
-            this._a("verticalViewScrollbarMode", enumToString(SeriesViewerScrollbarMode_$type, this.i.cw));
+            this.i.dc = ensureEnum(SeriesViewerScrollbarMode_$type, v);
+            this._a("verticalViewScrollbarMode", enumToString(SeriesViewerScrollbarMode_$type, this.i.dc));
         },
         enumerable: true,
         configurable: true
@@ -3279,11 +3507,11 @@ var IgcDomainChartComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the position to use for the horizontal scrollbar in the component, when enabled.
         */
         get: function () {
-            return this.i.cs;
+            return this.i.c8;
         },
         set: function (v) {
-            this.i.cs = ensureEnum(SeriesViewerHorizontalScrollbarPosition_$type, v);
-            this._a("horizontalViewScrollbarPosition", enumToString(SeriesViewerHorizontalScrollbarPosition_$type, this.i.cs));
+            this.i.c8 = ensureEnum(SeriesViewerHorizontalScrollbarPosition_$type, v);
+            this._a("horizontalViewScrollbarPosition", enumToString(SeriesViewerHorizontalScrollbarPosition_$type, this.i.c8));
         },
         enumerable: true,
         configurable: true
@@ -3293,11 +3521,11 @@ var IgcDomainChartComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the position to use for the vertical scrollbar in the component, when enabled.
         */
         get: function () {
-            return this.i.cy;
+            return this.i.de;
         },
         set: function (v) {
-            this.i.cy = ensureEnum(SeriesViewerVerticalScrollbarPosition_$type, v);
-            this._a("verticalViewScrollbarPosition", enumToString(SeriesViewerVerticalScrollbarPosition_$type, this.i.cy));
+            this.i.de = ensureEnum(SeriesViewerVerticalScrollbarPosition_$type, v);
+            this._a("verticalViewScrollbarPosition", enumToString(SeriesViewerVerticalScrollbarPosition_$type, this.i.de));
         },
         enumerable: true,
         configurable: true
@@ -3307,11 +3535,11 @@ var IgcDomainChartComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the fill to use for the horizontal scrollbar in the component, when enabled.
         */
         get: function () {
-            return brushToString(this.i.sx);
+            return brushToString(this.i.ug);
         },
         set: function (v) {
-            this.i.sx = stringToBrush(v);
-            this._a("horizontalViewScrollbarFill", brushToString(this.i.sx));
+            this.i.ug = stringToBrush(v);
+            this._a("horizontalViewScrollbarFill", brushToString(this.i.ug));
         },
         enumerable: true,
         configurable: true
@@ -3321,11 +3549,11 @@ var IgcDomainChartComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the outline to use for the horizontal scrollbar in the component, when enabled.
         */
         get: function () {
-            return brushToString(this.i.sy);
+            return brushToString(this.i.uh);
         },
         set: function (v) {
-            this.i.sy = stringToBrush(v);
-            this._a("horizontalViewScrollbarOutline", brushToString(this.i.sy));
+            this.i.uh = stringToBrush(v);
+            this._a("horizontalViewScrollbarOutline", brushToString(this.i.uh));
         },
         enumerable: true,
         configurable: true
@@ -3335,11 +3563,11 @@ var IgcDomainChartComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the stroke thickness to use for the horizontal scrollbar in the component, when enabled.
         */
         get: function () {
-            return this.i.hc;
+            return this.i.h4;
         },
         set: function (v) {
-            this.i.hc = +v;
-            this._a("horizontalViewScrollbarStrokeThickness", this.i.hc);
+            this.i.h4 = +v;
+            this._a("horizontalViewScrollbarStrokeThickness", this.i.h4);
         },
         enumerable: true,
         configurable: true
@@ -3349,11 +3577,11 @@ var IgcDomainChartComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the max opacity to use for the horizontal scrollbar in the component, when enabled.
         */
         get: function () {
-            return this.i.hb;
+            return this.i.h3;
         },
         set: function (v) {
-            this.i.hb = +v;
-            this._a("horizontalViewScrollbarMaxOpacity", this.i.hb);
+            this.i.h3 = +v;
+            this._a("horizontalViewScrollbarMaxOpacity", this.i.h3);
         },
         enumerable: true,
         configurable: true
@@ -3363,11 +3591,11 @@ var IgcDomainChartComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the corner radius to use for the horizontal scrollbar in the component, when enabled.
         */
         get: function () {
-            return this.i.g8;
+            return this.i.h0;
         },
         set: function (v) {
-            this.i.g8 = +v;
-            this._a("horizontalViewScrollbarCornerRadius", this.i.g8);
+            this.i.h0 = +v;
+            this._a("horizontalViewScrollbarCornerRadius", this.i.h0);
         },
         enumerable: true,
         configurable: true
@@ -3377,11 +3605,11 @@ var IgcDomainChartComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the height to use for the horizontal scrollbar in the component, when enabled.
         */
         get: function () {
-            return this.i.g9;
+            return this.i.h1;
         },
         set: function (v) {
-            this.i.g9 = +v;
-            this._a("horizontalViewScrollbarHeight", this.i.g9);
+            this.i.h1 = +v;
+            this._a("horizontalViewScrollbarHeight", this.i.h1);
         },
         enumerable: true,
         configurable: true
@@ -3391,11 +3619,11 @@ var IgcDomainChartComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the inset distance to use for the horizontal scrollbar in the component, when enabled.
         */
         get: function () {
-            return this.i.ha;
+            return this.i.h2;
         },
         set: function (v) {
-            this.i.ha = +v;
-            this._a("horizontalViewScrollbarInset", this.i.ha);
+            this.i.h2 = +v;
+            this._a("horizontalViewScrollbarInset", this.i.h2);
         },
         enumerable: true,
         configurable: true
@@ -3405,11 +3633,11 @@ var IgcDomainChartComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the track start inset to use for the horizontal scrollbar in the component, when enabled.
         */
         get: function () {
-            return this.i.he;
+            return this.i.h6;
         },
         set: function (v) {
-            this.i.he = +v;
-            this._a("horizontalViewScrollbarTrackStartInset", this.i.he);
+            this.i.h6 = +v;
+            this._a("horizontalViewScrollbarTrackStartInset", this.i.h6);
         },
         enumerable: true,
         configurable: true
@@ -3419,11 +3647,11 @@ var IgcDomainChartComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the track end inset to use for the horizontal scrollbar in the component, when enabled.
         */
         get: function () {
-            return this.i.hd;
+            return this.i.h5;
         },
         set: function (v) {
-            this.i.hd = +v;
-            this._a("horizontalViewScrollbarTrackEndInset", this.i.hd);
+            this.i.h5 = +v;
+            this._a("horizontalViewScrollbarTrackEndInset", this.i.h5);
         },
         enumerable: true,
         configurable: true
@@ -3433,11 +3661,11 @@ var IgcDomainChartComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets whether to use automatic track insets for the horizontal scrollbar in the component, when enabled.
         */
         get: function () {
-            return this.i.eu;
+            return this.i.fk;
         },
         set: function (v) {
-            this.i.eu = ensureBool(v);
-            this._a("horizontalViewScrollbarShouldAddAutoTrackInsets", this.i.eu);
+            this.i.fk = ensureBool(v);
+            this._a("horizontalViewScrollbarShouldAddAutoTrackInsets", this.i.fk);
         },
         enumerable: true,
         configurable: true
@@ -3447,11 +3675,11 @@ var IgcDomainChartComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the fill to use for the vertical scrollbar in the component, when enabled.
         */
         get: function () {
-            return brushToString(this.i.s2);
+            return brushToString(this.i.ul);
         },
         set: function (v) {
-            this.i.s2 = stringToBrush(v);
-            this._a("verticalViewScrollbarFill", brushToString(this.i.s2));
+            this.i.ul = stringToBrush(v);
+            this._a("verticalViewScrollbarFill", brushToString(this.i.ul));
         },
         enumerable: true,
         configurable: true
@@ -3461,11 +3689,11 @@ var IgcDomainChartComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the outline to use for the vertical scrollbar in the component, when enabled.
         */
         get: function () {
-            return brushToString(this.i.s3);
+            return brushToString(this.i.um);
         },
         set: function (v) {
-            this.i.s3 = stringToBrush(v);
-            this._a("verticalViewScrollbarOutline", brushToString(this.i.s3));
+            this.i.um = stringToBrush(v);
+            this._a("verticalViewScrollbarOutline", brushToString(this.i.um));
         },
         enumerable: true,
         configurable: true
@@ -3475,11 +3703,11 @@ var IgcDomainChartComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the stroke thickness to use for the vertical scrollbar in the component, when enabled.
         */
         get: function () {
-            return this.i.h3;
+            return this.i.ix;
         },
         set: function (v) {
-            this.i.h3 = +v;
-            this._a("verticalViewScrollbarStrokeThickness", this.i.h3);
+            this.i.ix = +v;
+            this._a("verticalViewScrollbarStrokeThickness", this.i.ix);
         },
         enumerable: true,
         configurable: true
@@ -3489,11 +3717,11 @@ var IgcDomainChartComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the max opacity to use for the vertical scrollbar in the component, when enabled.
         */
         get: function () {
-            return this.i.h2;
+            return this.i.iw;
         },
         set: function (v) {
-            this.i.h2 = +v;
-            this._a("verticalViewScrollbarMaxOpacity", this.i.h2);
+            this.i.iw = +v;
+            this._a("verticalViewScrollbarMaxOpacity", this.i.iw);
         },
         enumerable: true,
         configurable: true
@@ -3503,11 +3731,11 @@ var IgcDomainChartComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the corner radius to use for the vertical scrollbar in the component, when enabled.
         */
         get: function () {
-            return this.i.h0;
+            return this.i.iu;
         },
         set: function (v) {
-            this.i.h0 = +v;
-            this._a("verticalViewScrollbarCornerRadius", this.i.h0);
+            this.i.iu = +v;
+            this._a("verticalViewScrollbarCornerRadius", this.i.iu);
         },
         enumerable: true,
         configurable: true
@@ -3517,11 +3745,11 @@ var IgcDomainChartComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the width to use for the vertical scrollbar in the component, when enabled.
         */
         get: function () {
-            return this.i.h6;
+            return this.i.i0;
         },
         set: function (v) {
-            this.i.h6 = +v;
-            this._a("verticalViewScrollbarWidth", this.i.h6);
+            this.i.i0 = +v;
+            this._a("verticalViewScrollbarWidth", this.i.i0);
         },
         enumerable: true,
         configurable: true
@@ -3531,11 +3759,11 @@ var IgcDomainChartComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the inset distance to use for the vertical scrollbar in the component, when enabled.
         */
         get: function () {
-            return this.i.h1;
+            return this.i.iv;
         },
         set: function (v) {
-            this.i.h1 = +v;
-            this._a("verticalViewScrollbarInset", this.i.h1);
+            this.i.iv = +v;
+            this._a("verticalViewScrollbarInset", this.i.iv);
         },
         enumerable: true,
         configurable: true
@@ -3545,11 +3773,11 @@ var IgcDomainChartComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the track start inset to use for the vertical scrollbar in the component, when enabled.
         */
         get: function () {
-            return this.i.h5;
+            return this.i.iz;
         },
         set: function (v) {
-            this.i.h5 = +v;
-            this._a("verticalViewScrollbarTrackStartInset", this.i.h5);
+            this.i.iz = +v;
+            this._a("verticalViewScrollbarTrackStartInset", this.i.iz);
         },
         enumerable: true,
         configurable: true
@@ -3559,11 +3787,11 @@ var IgcDomainChartComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the track end inset to use for the vertical scrollbar in the component, when enabled.
         */
         get: function () {
-            return this.i.h4;
+            return this.i.iy;
         },
         set: function (v) {
-            this.i.h4 = +v;
-            this._a("verticalViewScrollbarTrackEndInset", this.i.h4);
+            this.i.iy = +v;
+            this._a("verticalViewScrollbarTrackEndInset", this.i.iy);
         },
         enumerable: true,
         configurable: true
@@ -3573,11 +3801,79 @@ var IgcDomainChartComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets whether to use automatic track insets for the vertical scrollbar in the component, when enabled.
         */
         get: function () {
-            return this.i.fb;
+            return this.i.f4;
         },
         set: function (v) {
-            this.i.fb = ensureBool(v);
-            this._a("verticalViewScrollbarShouldAddAutoTrackInsets", this.i.fb);
+            this.i.f4 = ensureBool(v);
+            this._a("verticalViewScrollbarShouldAddAutoTrackInsets", this.i.f4);
+        },
+        enumerable: true,
+        configurable: true
+    });
+    Object.defineProperty(IgcDomainChartComponent.prototype, "windowRectMinWidth", {
+        /**
+         * Sets or gets the minimum width that the window rect is allowed to reach before being clamped.
+         * Decrease this value if you want to allow for further zooming into the viewer.
+         * If this value is lowered too much it can cause graphical corruption due to floating point arithmetic inaccuracy.
+         * This property accepts values between 0.0 (max zooming) and 1.0 (no zooming)
+        */
+        get: function () {
+            return this.i.i2;
+        },
+        set: function (v) {
+            this.i.i2 = +v;
+            this._a("windowRectMinWidth", this.i.i2);
+        },
+        enumerable: true,
+        configurable: true
+    });
+    Object.defineProperty(IgcDomainChartComponent.prototype, "windowRectMinHeight", {
+        /**
+         * Sets or gets the minimum height that the window rect is allowed to reach before being clamped.
+         * Decrease this value if you want to allow for further zooming into the viewer.
+         * If this value is lowered too much it can cause graphical corruption due to floating point arithmetic inaccuracy.
+         * This property accepts values between 0.0 (max zooming) and 1.0 (no zooming)
+        */
+        get: function () {
+            return this.i.i1;
+        },
+        set: function (v) {
+            this.i.i1 = +v;
+            this._a("windowRectMinHeight", this.i.i1);
+        },
+        enumerable: true,
+        configurable: true
+    });
+    Object.defineProperty(IgcDomainChartComponent.prototype, "windowSizeMinWidth", {
+        /**
+         * Sets or gets minimum pixel width that the window is allowed to reach before being clamped.
+         * Decrease this value if you want to allow for further zooming into the viewer.
+         * If this value is lowered too much it can cause graphical corruption due to floating point arithmetic inaccuracy.
+         * This property is overridden by the WindowRectMinWidth property
+        */
+        get: function () {
+            return this.i.i4;
+        },
+        set: function (v) {
+            this.i.i4 = +v;
+            this._a("windowSizeMinWidth", this.i.i4);
+        },
+        enumerable: true,
+        configurable: true
+    });
+    Object.defineProperty(IgcDomainChartComponent.prototype, "windowSizeMinHeight", {
+        /**
+         * Sets or gets minimum pixel height that the window is allowed to reach before being clamped.
+         * Decrease this value if you want to allow for further zooming into the viewer.
+         * If this value is lowered too much it can cause graphical corruption due to floating point arithmetic inaccuracy.
+         * This property is overridden by the WindowRectMinHeight property
+        */
+        get: function () {
+            return this.i.i3;
+        },
+        set: function (v) {
+            this.i.i3 = +v;
+            this._a("windowSizeMinHeight", this.i.i3);
         },
         enumerable: true,
         configurable: true
@@ -3589,6 +3885,33 @@ var IgcDomainChartComponent = /** @class */ /*@__PURE__*/ (function (_super) {
         if (this.dataToolTipHeaderFormatSpecifiers != null && arrayFindByName(this.dataToolTipHeaderFormatSpecifiers, name)) {
             return arrayFindByName(this.dataToolTipHeaderFormatSpecifiers, name);
         }
+        if (this.sortDescriptions != null && this.sortDescriptions.findByName && this.sortDescriptions.findByName(name)) {
+            return this.sortDescriptions.findByName(name);
+        }
+        if (this.groupSortDescriptions != null && this.groupSortDescriptions.findByName && this.groupSortDescriptions.findByName(name)) {
+            return this.groupSortDescriptions.findByName(name);
+        }
+        if (this.groupDescriptions != null && this.groupDescriptions.findByName && this.groupDescriptions.findByName(name)) {
+            return this.groupDescriptions.findByName(name);
+        }
+        if (this.filterExpressions != null && this.filterExpressions.findByName && this.filterExpressions.findByName(name)) {
+            return this.filterExpressions.findByName(name);
+        }
+        if (this.summaryDescriptions != null && this.summaryDescriptions.findByName && this.summaryDescriptions.findByName(name)) {
+            return this.summaryDescriptions.findByName(name);
+        }
+        if (this.initialSortDescriptions != null && this.initialSortDescriptions.findByName && this.initialSortDescriptions.findByName(name)) {
+            return this.initialSortDescriptions.findByName(name);
+        }
+        if (this.initialGroupSortDescriptions != null && this.initialGroupSortDescriptions.findByName && this.initialGroupSortDescriptions.findByName(name)) {
+            return this.initialGroupSortDescriptions.findByName(name);
+        }
+        if (this.initialGroupDescriptions != null && this.initialGroupDescriptions.findByName && this.initialGroupDescriptions.findByName(name)) {
+            return this.initialGroupDescriptions.findByName(name);
+        }
+        if (this.initialSummaryDescriptions != null && this.initialSummaryDescriptions.findByName && this.initialSummaryDescriptions.findByName(name)) {
+            return this.initialSummaryDescriptions.findByName(name);
+        }
         if (this.legend && this.legend.name && this.legend.name == name) {
             return this.legend;
         }
@@ -3697,7 +4020,7 @@ var IgcDomainChartComponent = /** @class */ /*@__PURE__*/ (function (_super) {
         this.i.notifyResized();
     };
     IgcDomainChartComponent.prototype.notifyVisualPropertiesChanged = function () {
-        this.i.qj();
+        this.i.r2();
     };
     /**
      * Forces any pending refresh to the chart to be finished.
@@ -3710,7 +4033,7 @@ var IgcDomainChartComponent = /** @class */ /*@__PURE__*/ (function (_super) {
     * ```
     */
     IgcDomainChartComponent.prototype.flush = function () {
-        this.i.pq();
+        this.i.q9();
     };
     /**
      * Hides the active main tooltip, if displayed.
@@ -3723,17 +4046,17 @@ var IgcDomainChartComponent = /** @class */ /*@__PURE__*/ (function (_super) {
     * ```
     */
     IgcDomainChartComponent.prototype.hideToolTip = function () {
-        this.i.py();
+        this.i.rh();
     };
     /**
      * Replays transition-in animation on all series in the chart.
     
     */
     IgcDomainChartComponent.prototype.replayTransitionIn = function () {
-        this.i.ra();
+        this.i.st();
     };
     IgcDomainChartComponent.prototype.notifySetItem = function (source_, index, oldItem, newItem) {
-        this.i.qi(source_, index, oldItem, newItem);
+        this.i.r1(source_, index, oldItem, newItem);
     };
     /**
      * Used to manually notify the chart that the data source has reset or cleared its items.
@@ -3746,13 +4069,13 @@ var IgcDomainChartComponent = /** @class */ /*@__PURE__*/ (function (_super) {
     * ```
     */
     IgcDomainChartComponent.prototype.notifyClearItems = function (source_) {
-        this.i.qe(source_);
+        this.i.rx(source_);
     };
     IgcDomainChartComponent.prototype.notifyInsertItem = function (source_, index, newItem) {
-        this.i.qf(source_, index, newItem);
+        this.i.ry(source_, index, newItem);
     };
     IgcDomainChartComponent.prototype.notifyRemoveItem = function (source_, index, oldItem) {
-        this.i.qg(source_, index, oldItem);
+        this.i.rz(source_, index, oldItem);
     };
     Object.defineProperty(IgcDomainChartComponent.prototype, "seriesAdded", {
         /**