igniteui-webcomponents-charts 5.0.0-beta.2 → 5.0.0

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

@@ -61,6 +61,7 @@ import { IgcSeriesViewerSelectedSeriesItemsChangedEventArgs } from "./igc-series
 import { IgcChartSelectedItemCollection } from "./igc-chart-selected-item-collection";
 import { CalloutCollisionMode_$type } from "igniteui-webcomponents-core";
 import { Visibility_$type } from "igniteui-webcomponents-core";
+import { IgcDomainChartPlotAreaPointerEventArgs } from './igc-domain-chart-plot-area-pointer-event-args';
 var IgcDomainChartComponent = /** @class */ /*@__PURE__*/ (function (_super) {
     __extends(IgcDomainChartComponent, _super);
     function IgcDomainChartComponent() {
@@ -94,6 +95,18 @@ var IgcDomainChartComponent = /** @class */ /*@__PURE__*/ (function (_super) {
         _this._seriesPointerDown_wrapped = null;
         _this._seriesPointerUp = null;
         _this._seriesPointerUp_wrapped = null;
+        _this._seriesClick = null;
+        _this._seriesClick_wrapped = null;
+        _this._plotAreaPointerEnter = null;
+        _this._plotAreaPointerEnter_wrapped = null;
+        _this._plotAreaPointerLeave = null;
+        _this._plotAreaPointerLeave_wrapped = null;
+        _this._plotAreaPointerMove = null;
+        _this._plotAreaPointerMove_wrapped = null;
+        _this._plotAreaPointerDown = null;
+        _this._plotAreaPointerDown_wrapped = null;
+        _this._plotAreaPointerUp = null;
+        _this._plotAreaPointerUp_wrapped = null;
         _this._calloutStyleUpdating = null;
         _this._calloutStyleUpdating_wrapped = null;
         _this._calloutRenderStyleUpdating = null;
@@ -251,11 +264,11 @@ var IgcDomainChartComponent = /** @class */ /*@__PURE__*/ (function (_super) {
      * to appear blurry.
     */
         get: function () {
-            return this.i.jv;
+            return this.i.j1;
         },
         set: function (v) {
-            this.i.jv = +v;
-            this._a("pixelScalingRatio", this.i.jv);
+            this.i.j1 = +v;
+            this._a("pixelScalingRatio", this.i.j1);
         },
         enumerable: false,
         configurable: true
@@ -271,11 +284,11 @@ var IgcDomainChartComponent = /** @class */ /*@__PURE__*/ (function (_super) {
         * ```
         */
         get: function () {
-            return this.i.j8;
+            return this.i.ke;
         },
         set: function (v) {
-            this.i.j8 = +v;
-            this._a("titleLeftMargin", this.i.j8);
+            this.i.ke = +v;
+            this._a("titleLeftMargin", this.i.ke);
         },
         enumerable: false,
         configurable: true
@@ -291,11 +304,11 @@ var IgcDomainChartComponent = /** @class */ /*@__PURE__*/ (function (_super) {
         * ```
         */
         get: function () {
-            return this.i.j9;
+            return this.i.kf;
         },
         set: function (v) {
-            this.i.j9 = +v;
-            this._a("titleRightMargin", this.i.j9);
+            this.i.kf = +v;
+            this._a("titleRightMargin", this.i.kf);
         },
         enumerable: false,
         configurable: true
@@ -311,11 +324,11 @@ var IgcDomainChartComponent = /** @class */ /*@__PURE__*/ (function (_super) {
         * ```
         */
         get: function () {
-            return this.i.ka;
+            return this.i.kg;
         },
         set: function (v) {
-            this.i.ka = +v;
-            this._a("titleTopMargin", this.i.ka);
+            this.i.kg = +v;
+            this._a("titleTopMargin", this.i.kg);
         },
         enumerable: false,
         configurable: true
@@ -331,11 +344,11 @@ var IgcDomainChartComponent = /** @class */ /*@__PURE__*/ (function (_super) {
         * ```
         */
         get: function () {
-            return this.i.j7;
+            return this.i.kd;
         },
         set: function (v) {
-            this.i.j7 = +v;
-            this._a("titleBottomMargin", this.i.j7);
+            this.i.kd = +v;
+            this._a("titleBottomMargin", this.i.kd);
         },
         enumerable: false,
         configurable: true
@@ -351,11 +364,11 @@ var IgcDomainChartComponent = /** @class */ /*@__PURE__*/ (function (_super) {
         * ```
         */
         get: function () {
-            return this.i.j3;
+            return this.i.j9;
         },
         set: function (v) {
-            this.i.j3 = +v;
-            this._a("subtitleLeftMargin", this.i.j3);
+            this.i.j9 = +v;
+            this._a("subtitleLeftMargin", this.i.j9);
         },
         enumerable: false,
         configurable: true
@@ -371,11 +384,11 @@ var IgcDomainChartComponent = /** @class */ /*@__PURE__*/ (function (_super) {
         * ```
         */
         get: function () {
-            return this.i.j5;
+            return this.i.kb;
         },
         set: function (v) {
-            this.i.j5 = +v;
-            this._a("subtitleTopMargin", this.i.j5);
+            this.i.kb = +v;
+            this._a("subtitleTopMargin", this.i.kb);
         },
         enumerable: false,
         configurable: true
@@ -391,11 +404,11 @@ var IgcDomainChartComponent = /** @class */ /*@__PURE__*/ (function (_super) {
         * ```
         */
         get: function () {
-            return this.i.j4;
+            return this.i.ka;
         },
         set: function (v) {
-            this.i.j4 = +v;
-            this._a("subtitleRightMargin", this.i.j4);
+            this.i.ka = +v;
+            this._a("subtitleRightMargin", this.i.ka);
         },
         enumerable: false,
         configurable: true
@@ -411,11 +424,11 @@ var IgcDomainChartComponent = /** @class */ /*@__PURE__*/ (function (_super) {
         * ```
         */
         get: function () {
-            return this.i.j2;
+            return this.i.j8;
         },
         set: function (v) {
-            this.i.j2 = +v;
-            this._a("subtitleBottomMargin", this.i.j2);
+            this.i.j8 = +v;
+            this._a("subtitleBottomMargin", this.i.j8);
         },
         enumerable: false,
         configurable: true
@@ -431,11 +444,11 @@ var IgcDomainChartComponent = /** @class */ /*@__PURE__*/ (function (_super) {
         * ```
         */
         get: function () {
-            return brushToString(this.i.x6);
+            return brushToString(this.i.yi);
         },
         set: function (v) {
-            this.i.x6 = stringToBrush(v);
-            this._a("subtitleTextColor", brushToString(this.i.x6));
+            this.i.yi = stringToBrush(v);
+            this._a("subtitleTextColor", brushToString(this.i.yi));
         },
         enumerable: false,
         configurable: true
@@ -451,11 +464,11 @@ var IgcDomainChartComponent = /** @class */ /*@__PURE__*/ (function (_super) {
         * ```
         */
         get: function () {
-            return brushToString(this.i.x7);
+            return brushToString(this.i.yj);
         },
         set: function (v) {
-            this.i.x7 = stringToBrush(v);
-            this._a("titleTextColor", brushToString(this.i.x7));
+            this.i.yj = stringToBrush(v);
+            this._a("titleTextColor", brushToString(this.i.yj));
         },
         enumerable: false,
         configurable: true
@@ -471,11 +484,11 @@ var IgcDomainChartComponent = /** @class */ /*@__PURE__*/ (function (_super) {
         * ```
         */
         get: function () {
-            return this.i.js;
+            return this.i.jy;
         },
         set: function (v) {
-            this.i.js = +v;
-            this._a("leftMargin", this.i.js);
+            this.i.jy = +v;
+            this._a("leftMargin", this.i.jy);
         },
         enumerable: false,
         configurable: true
@@ -491,11 +504,11 @@ var IgcDomainChartComponent = /** @class */ /*@__PURE__*/ (function (_super) {
         * ```
         */
         get: function () {
-            return this.i.kb;
+            return this.i.kh;
         },
         set: function (v) {
-            this.i.kb = +v;
-            this._a("topMargin", this.i.kb);
+            this.i.kh = +v;
+            this._a("topMargin", this.i.kh);
         },
         enumerable: false,
         configurable: true
@@ -511,11 +524,11 @@ var IgcDomainChartComponent = /** @class */ /*@__PURE__*/ (function (_super) {
         * ```
         */
         get: function () {
-            return this.i.j1;
+            return this.i.j7;
         },
         set: function (v) {
-            this.i.j1 = +v;
-            this._a("rightMargin", this.i.j1);
+            this.i.j7 = +v;
+            this._a("rightMargin", this.i.j7);
         },
         enumerable: false,
         configurable: true
@@ -531,11 +544,11 @@ var IgcDomainChartComponent = /** @class */ /*@__PURE__*/ (function (_super) {
         * ```
         */
         get: function () {
-            return this.i.je;
+            return this.i.jk;
         },
         set: function (v) {
-            this.i.je = +v;
-            this._a("bottomMargin", this.i.je);
+            this.i.jk = +v;
+            this._a("bottomMargin", this.i.jk);
         },
         enumerable: false,
         configurable: true
@@ -551,11 +564,11 @@ var IgcDomainChartComponent = /** @class */ /*@__PURE__*/ (function (_super) {
         * ```
         */
         get: function () {
-            return this.i.le;
+            return this.i.lk;
         },
         set: function (v) {
-            this.i.le = +v;
-            this._a("transitionDuration", this.i.le);
+            this.i.lk = +v;
+            this._a("transitionDuration", this.i.lk);
         },
         enumerable: false,
         configurable: true
@@ -577,10 +590,10 @@ var IgcDomainChartComponent = /** @class */ /*@__PURE__*/ (function (_super) {
         * ```
         */
         get: function () {
-            return this.i.er;
+            return this.i.ex;
         },
         set: function (v) {
-            this.i.er = v;
+            this.i.ex = v;
         },
         enumerable: false,
         configurable: true
@@ -590,11 +603,11 @@ var IgcDomainChartComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the duration used for animating highlighting changes
         */
         get: function () {
-            return this.i.lb;
+            return this.i.lh;
         },
         set: function (v) {
-            this.i.lb = +v;
-            this._a("highlightingTransitionDuration", this.i.lb);
+            this.i.lh = +v;
+            this._a("highlightingTransitionDuration", this.i.lh);
         },
         enumerable: false,
         configurable: true
@@ -604,11 +617,11 @@ var IgcDomainChartComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the duration used for animating Selection changes
         */
         get: function () {
-            return this.i.ld;
+            return this.i.lj;
         },
         set: function (v) {
-            this.i.ld = +v;
-            this._a("selectionTransitionDuration", this.i.ld);
+            this.i.lj = +v;
+            this._a("selectionTransitionDuration", this.i.lj);
         },
         enumerable: false,
         configurable: true
@@ -618,11 +631,11 @@ var IgcDomainChartComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the duration used for animating Focus changes
         */
         get: function () {
-            return this.i.la;
+            return this.i.lg;
         },
         set: function (v) {
-            this.i.la = +v;
-            this._a("focusTransitionDuration", this.i.la);
+            this.i.lg = +v;
+            this._a("focusTransitionDuration", this.i.lg);
         },
         enumerable: false,
         configurable: true
@@ -638,10 +651,10 @@ var IgcDomainChartComponent = /** @class */ /*@__PURE__*/ (function (_super) {
         * ```
         */
         get: function () {
-            return this.i.sj;
+            return this.i.sp;
         },
         set: function (v) {
-            this.i.sj = v;
+            this.i.sp = v;
         },
         enumerable: false,
         configurable: true
@@ -657,10 +670,10 @@ var IgcDomainChartComponent = /** @class */ /*@__PURE__*/ (function (_super) {
         * ```
         */
         get: function () {
-            return this.i.su;
+            return this.i.s0;
         },
         set: function (v) {
-            this.i.su = v;
+            this.i.s0 = v;
         },
         enumerable: false,
         configurable: true
@@ -688,11 +701,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.jj;
+            return this.i.jp;
         },
         set: function (v) {
-            this.i.jj = +v;
-            this._a("dataToolTipPositionOffsetX", this.i.jj);
+            this.i.jp = +v;
+            this._a("dataToolTipPositionOffsetX", this.i.jp);
         },
         enumerable: false,
         configurable: true
@@ -702,11 +715,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.jk;
+            return this.i.jq;
         },
         set: function (v) {
-            this.i.jk = +v;
-            this._a("dataToolTipPositionOffsetY", this.i.jk);
+            this.i.jq = +v;
+            this._a("dataToolTipPositionOffsetY", this.i.jq);
         },
         enumerable: false,
         configurable: true
@@ -716,11 +729,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.jh;
+            return this.i.jn;
         },
         set: function (v) {
-            this.i.jh = +v;
-            this._a("dataToolTipDefaultPositionOffsetX", this.i.jh);
+            this.i.jn = +v;
+            this._a("dataToolTipDefaultPositionOffsetX", this.i.jn);
         },
         enumerable: false,
         configurable: true
@@ -730,11 +743,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.ji;
+            return this.i.jo;
         },
         set: function (v) {
-            this.i.ji = +v;
-            this._a("dataToolTipDefaultPositionOffsetY", this.i.ji);
+            this.i.jo = +v;
+            this._a("dataToolTipDefaultPositionOffsetY", this.i.jo);
         },
         enumerable: false,
         configurable: true
@@ -772,11 +785,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.gm;
+            return this.i.gs;
         },
         set: function (v) {
-            this.i.gm = ensureBool(v);
-            this._a("dataToolTipShouldUpdateWhenSeriesDataChanges", this.i.gm);
+            this.i.gs = ensureBool(v);
+            this._a("dataToolTipShouldUpdateWhenSeriesDataChanges", this.i.gs);
         },
         enumerable: false,
         configurable: true
@@ -874,11 +887,11 @@ var IgcDomainChartComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * This property is ignored when setting ValueFormatSpecifiers or ValueFormatString properties
         */
         get: function () {
-            return this.i.k7;
+            return this.i.ld;
         },
         set: function (v) {
-            this.i.k7 = +v;
-            this._a("dataToolTipValueFormatMaxFractions", this.i.k7);
+            this.i.ld = +v;
+            this._a("dataToolTipValueFormatMaxFractions", this.i.ld);
         },
         enumerable: false,
         configurable: true
@@ -889,11 +902,11 @@ var IgcDomainChartComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * This property is ignored when setting ValueFormatSpecifiers or ValueFormatString properties
         */
         get: function () {
-            return this.i.k8;
+            return this.i.le;
         },
         set: function (v) {
-            this.i.k8 = +v;
-            this._a("dataToolTipValueFormatMinFractions", this.i.k8);
+            this.i.le = +v;
+            this._a("dataToolTipValueFormatMinFractions", this.i.le);
         },
         enumerable: false,
         configurable: true
@@ -918,10 +931,10 @@ var IgcDomainChartComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * This property is ignored when setting ValueFormatSpecifiers or ValueFormatString properties
         */
         get: function () {
-            return this.i.po;
+            return this.i.pu;
         },
         set: function (v) {
-            this.i.po = v;
+            this.i.pu = v;
         },
         enumerable: false,
         configurable: true
@@ -932,11 +945,11 @@ var IgcDomainChartComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * This property is ignored when setting ValueFormatSpecifiers or ValueFormatString properties
         */
         get: function () {
-            return this.i.gn;
+            return this.i.gt;
         },
         set: function (v) {
-            this.i.gn = ensureBool(v);
-            this._a("dataToolTipValueFormatUseGrouping", this.i.gn);
+            this.i.gt = ensureBool(v);
+            this._a("dataToolTipValueFormatUseGrouping", this.i.gt);
         },
         enumerable: false,
         configurable: true
@@ -946,10 +959,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.pu;
+            return this.i.p0;
         },
         set: function (v) {
-            this.i.pu = v;
+            this.i.p0 = v;
         },
         enumerable: false,
         configurable: true
@@ -973,72 +986,72 @@ var IgcDomainChartComponent = /** @class */ /*@__PURE__*/ (function (_super) {
     });
     Object.defineProperty(IgcDomainChartComponent.prototype, "dataToolTipValueRowMarginBottom", {
         get: function () {
-            return this.i.y0 ? this.i.y0.bottom : NaN;
+            return this.i.zc ? this.i.zc.bottom : NaN;
         },
         set: function (v) {
             this.ensureDataToolTipValueRowMargin();
-            this.i.y0.bottom = +v;
-            this._a("dataToolTipValueRowMarginBottom", this.i.y0.bottom);
-            this.i.y0 = this.i.y0;
+            this.i.zc.bottom = +v;
+            this._a("dataToolTipValueRowMarginBottom", this.i.zc.bottom);
+            this.i.zc = this.i.zc;
         },
         enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcDomainChartComponent.prototype, "dataToolTipValueRowMarginLeft", {
         get: function () {
-            return this.i.y0 ? this.i.y0.left : NaN;
+            return this.i.zc ? this.i.zc.left : NaN;
         },
         set: function (v) {
             this.ensureDataToolTipValueRowMargin();
-            this.i.y0.left = +v;
-            this._a("dataToolTipValueRowMarginLeft", this.i.y0.left);
-            this.i.y0 = this.i.y0;
+            this.i.zc.left = +v;
+            this._a("dataToolTipValueRowMarginLeft", this.i.zc.left);
+            this.i.zc = this.i.zc;
         },
         enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcDomainChartComponent.prototype, "dataToolTipValueRowMarginRight", {
         get: function () {
-            return this.i.y0 ? this.i.y0.right : NaN;
+            return this.i.zc ? this.i.zc.right : NaN;
         },
         set: function (v) {
             this.ensureDataToolTipValueRowMargin();
-            this.i.y0.right = +v;
-            this._a("dataToolTipValueRowMarginRight", this.i.y0.right);
-            this.i.y0 = this.i.y0;
+            this.i.zc.right = +v;
+            this._a("dataToolTipValueRowMarginRight", this.i.zc.right);
+            this.i.zc = this.i.zc;
         },
         enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcDomainChartComponent.prototype, "dataToolTipValueRowMarginTop", {
         get: function () {
-            return this.i.y0 ? this.i.y0.top : NaN;
+            return this.i.zc ? this.i.zc.top : NaN;
         },
         set: function (v) {
             this.ensureDataToolTipValueRowMargin();
-            this.i.y0.top = +v;
-            this._a("dataToolTipValueRowMarginTop", this.i.y0.top);
-            this.i.y0 = this.i.y0;
+            this.i.zc.top = +v;
+            this._a("dataToolTipValueRowMarginTop", this.i.zc.top);
+            this.i.zc = this.i.zc;
         },
         enumerable: false,
         configurable: true
     });
     IgcDomainChartComponent.prototype.ensureDataToolTipValueRowMargin = function () {
-        if (this.i.y0) {
+        if (this.i.zc) {
             return;
         }
-        this.i.y0 = new Thickness(2);
+        this.i.zc = new Thickness(2);
     };
     Object.defineProperty(IgcDomainChartComponent.prototype, "dataToolTipValueRowVisible", {
         /**
          * Gets or sets whether to show series rows.
         */
         get: function () {
-            return this.i.go;
+            return this.i.gu;
         },
         set: function (v) {
-            this.i.go = ensureBool(v);
-            this._a("dataToolTipValueRowVisible", this.i.go);
+            this.i.gu = ensureBool(v);
+            this._a("dataToolTipValueRowVisible", this.i.gu);
         },
         enumerable: false,
         configurable: true
@@ -1048,10 +1061,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.p3;
+            return this.i.p9;
         },
         set: function (v) {
-            this.i.p3 = v;
+            this.i.p9 = v;
         },
         enumerable: false,
         configurable: true
@@ -1061,83 +1074,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.gp;
+            return this.i.gv;
         },
         set: function (v) {
-            this.i.gp = ensureBool(v);
-            this._a("dataToolTipValueTextUseSeriesColors", this.i.gp);
+            this.i.gv = ensureBool(v);
+            this._a("dataToolTipValueTextUseSeriesColors", this.i.gv);
         },
         enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcDomainChartComponent.prototype, "dataToolTipValueTextMarginBottom", {
         get: function () {
-            return this.i.y1 ? this.i.y1.bottom : NaN;
+            return this.i.zd ? this.i.zd.bottom : NaN;
         },
         set: function (v) {
             this.ensureDataToolTipValueTextMargin();
-            this.i.y1.bottom = +v;
-            this._a("dataToolTipValueTextMarginBottom", this.i.y1.bottom);
-            this.i.y1 = this.i.y1;
+            this.i.zd.bottom = +v;
+            this._a("dataToolTipValueTextMarginBottom", this.i.zd.bottom);
+            this.i.zd = this.i.zd;
         },
         enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcDomainChartComponent.prototype, "dataToolTipValueTextMarginLeft", {
         get: function () {
-            return this.i.y1 ? this.i.y1.left : NaN;
+            return this.i.zd ? this.i.zd.left : NaN;
         },
         set: function (v) {
             this.ensureDataToolTipValueTextMargin();
-            this.i.y1.left = +v;
-            this._a("dataToolTipValueTextMarginLeft", this.i.y1.left);
-            this.i.y1 = this.i.y1;
+            this.i.zd.left = +v;
+            this._a("dataToolTipValueTextMarginLeft", this.i.zd.left);
+            this.i.zd = this.i.zd;
         },
         enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcDomainChartComponent.prototype, "dataToolTipValueTextMarginRight", {
         get: function () {
-            return this.i.y1 ? this.i.y1.right : NaN;
+            return this.i.zd ? this.i.zd.right : NaN;
         },
         set: function (v) {
             this.ensureDataToolTipValueTextMargin();
-            this.i.y1.right = +v;
-            this._a("dataToolTipValueTextMarginRight", this.i.y1.right);
-            this.i.y1 = this.i.y1;
+            this.i.zd.right = +v;
+            this._a("dataToolTipValueTextMarginRight", this.i.zd.right);
+            this.i.zd = this.i.zd;
         },
         enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcDomainChartComponent.prototype, "dataToolTipValueTextMarginTop", {
         get: function () {
-            return this.i.y1 ? this.i.y1.top : NaN;
+            return this.i.zd ? this.i.zd.top : NaN;
         },
         set: function (v) {
             this.ensureDataToolTipValueTextMargin();
-            this.i.y1.top = +v;
-            this._a("dataToolTipValueTextMarginTop", this.i.y1.top);
-            this.i.y1 = this.i.y1;
+            this.i.zd.top = +v;
+            this._a("dataToolTipValueTextMarginTop", this.i.zd.top);
+            this.i.zd = this.i.zd;
         },
         enumerable: false,
         configurable: true
     });
     IgcDomainChartComponent.prototype.ensureDataToolTipValueTextMargin = function () {
-        if (this.i.y1) {
+        if (this.i.zd) {
             return;
         }
-        this.i.y1 = new Thickness(2);
+        this.i.zd = new Thickness(2);
     };
     Object.defineProperty(IgcDomainChartComponent.prototype, "dataToolTipValueTextColor", {
         /**
          * Gets or sets the units text color.
         */
         get: function () {
-            return brushToString(this.i.xu);
+            return brushToString(this.i.x6);
         },
         set: function (v) {
-            this.i.xu = stringToBrush(v);
-            this._a("dataToolTipValueTextColor", brushToString(this.i.xu));
+            this.i.x6 = stringToBrush(v);
+            this._a("dataToolTipValueTextColor", brushToString(this.i.x6));
         },
         enumerable: false,
         configurable: true
@@ -1147,16 +1160,16 @@ var IgcDomainChartComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or Sets the style to use for the units text.
         */
         get: function () {
-            if (this.i.fb == null) {
+            if (this.i.fh == null) {
                 return null;
             }
-            return this.i.fb.fontString;
+            return this.i.fh.fontString;
         },
         set: function (v) {
             var fi = new FontInfo();
             fi.fontString = v;
-            this.i.fb = fi;
-            this._a("dataToolTipValueTextStyle", this.i.fb != null ? this.i.fb.fontString : "");
+            this.i.fh = fi;
+            this._a("dataToolTipValueTextStyle", this.i.fh != null ? this.i.fh.fontString : "");
         },
         enumerable: false,
         configurable: true
@@ -1166,10 +1179,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.oe;
+            return this.i.ok;
         },
         set: function (v) {
-            this.i.oe = v;
+            this.i.ok = v;
         },
         enumerable: false,
         configurable: true
@@ -1197,10 +1210,10 @@ var IgcDomainChartComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * This property is ignored when setting HeaderFormatSpecifiers or HeaderFormatString properties
         */
         get: function () {
-            return this.i.oa;
+            return this.i.og;
         },
         set: function (v) {
-            this.i.oa = v;
+            this.i.og = v;
         },
         enumerable: false,
         configurable: true
@@ -1240,10 +1253,10 @@ var IgcDomainChartComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the HeaderText for the data legend.
         */
         get: function () {
-            return this.i.oj;
+            return this.i.op;
         },
         set: function (v) {
-            this.i.oj = v;
+            this.i.op = v;
         },
         enumerable: false,
         configurable: true
@@ -1253,141 +1266,141 @@ var IgcDomainChartComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the header text color.
         */
         get: function () {
-            return brushToString(this.i.xm);
+            return brushToString(this.i.xy);
         },
         set: function (v) {
-            this.i.xm = stringToBrush(v);
-            this._a("dataToolTipHeaderTextColor", brushToString(this.i.xm));
+            this.i.xy = stringToBrush(v);
+            this._a("dataToolTipHeaderTextColor", brushToString(this.i.xy));
         },
         enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcDomainChartComponent.prototype, "dataToolTipHeaderTextMarginBottom", {
         get: function () {
-            return this.i.yu ? this.i.yu.bottom : NaN;
+            return this.i.y6 ? this.i.y6.bottom : NaN;
         },
         set: function (v) {
             this.ensureDataToolTipHeaderTextMargin();
-            this.i.yu.bottom = +v;
-            this._a("dataToolTipHeaderTextMarginBottom", this.i.yu.bottom);
-            this.i.yu = this.i.yu;
+            this.i.y6.bottom = +v;
+            this._a("dataToolTipHeaderTextMarginBottom", this.i.y6.bottom);
+            this.i.y6 = this.i.y6;
         },
         enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcDomainChartComponent.prototype, "dataToolTipHeaderTextMarginLeft", {
         get: function () {
-            return this.i.yu ? this.i.yu.left : NaN;
+            return this.i.y6 ? this.i.y6.left : NaN;
         },
         set: function (v) {
             this.ensureDataToolTipHeaderTextMargin();
-            this.i.yu.left = +v;
-            this._a("dataToolTipHeaderTextMarginLeft", this.i.yu.left);
-            this.i.yu = this.i.yu;
+            this.i.y6.left = +v;
+            this._a("dataToolTipHeaderTextMarginLeft", this.i.y6.left);
+            this.i.y6 = this.i.y6;
         },
         enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcDomainChartComponent.prototype, "dataToolTipHeaderTextMarginRight", {
         get: function () {
-            return this.i.yu ? this.i.yu.right : NaN;
+            return this.i.y6 ? this.i.y6.right : NaN;
         },
         set: function (v) {
             this.ensureDataToolTipHeaderTextMargin();
-            this.i.yu.right = +v;
-            this._a("dataToolTipHeaderTextMarginRight", this.i.yu.right);
-            this.i.yu = this.i.yu;
+            this.i.y6.right = +v;
+            this._a("dataToolTipHeaderTextMarginRight", this.i.y6.right);
+            this.i.y6 = this.i.y6;
         },
         enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcDomainChartComponent.prototype, "dataToolTipHeaderTextMarginTop", {
         get: function () {
-            return this.i.yu ? this.i.yu.top : NaN;
+            return this.i.y6 ? this.i.y6.top : NaN;
         },
         set: function (v) {
             this.ensureDataToolTipHeaderTextMargin();
-            this.i.yu.top = +v;
-            this._a("dataToolTipHeaderTextMarginTop", this.i.yu.top);
-            this.i.yu = this.i.yu;
+            this.i.y6.top = +v;
+            this._a("dataToolTipHeaderTextMarginTop", this.i.y6.top);
+            this.i.y6 = this.i.y6;
         },
         enumerable: false,
         configurable: true
     });
     IgcDomainChartComponent.prototype.ensureDataToolTipHeaderTextMargin = function () {
-        if (this.i.yu) {
+        if (this.i.y6) {
             return;
         }
-        this.i.yu = new Thickness(2);
+        this.i.y6 = new Thickness(2);
     };
     Object.defineProperty(IgcDomainChartComponent.prototype, "dataToolTipHeaderRowMarginBottom", {
         get: function () {
-            return this.i.yt ? this.i.yt.bottom : NaN;
+            return this.i.y5 ? this.i.y5.bottom : NaN;
         },
         set: function (v) {
             this.ensureDataToolTipHeaderRowMargin();
-            this.i.yt.bottom = +v;
-            this._a("dataToolTipHeaderRowMarginBottom", this.i.yt.bottom);
-            this.i.yt = this.i.yt;
+            this.i.y5.bottom = +v;
+            this._a("dataToolTipHeaderRowMarginBottom", this.i.y5.bottom);
+            this.i.y5 = this.i.y5;
         },
         enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcDomainChartComponent.prototype, "dataToolTipHeaderRowMarginLeft", {
         get: function () {
-            return this.i.yt ? this.i.yt.left : NaN;
+            return this.i.y5 ? this.i.y5.left : NaN;
         },
         set: function (v) {
             this.ensureDataToolTipHeaderRowMargin();
-            this.i.yt.left = +v;
-            this._a("dataToolTipHeaderRowMarginLeft", this.i.yt.left);
-            this.i.yt = this.i.yt;
+            this.i.y5.left = +v;
+            this._a("dataToolTipHeaderRowMarginLeft", this.i.y5.left);
+            this.i.y5 = this.i.y5;
         },
         enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcDomainChartComponent.prototype, "dataToolTipHeaderRowMarginRight", {
         get: function () {
-            return this.i.yt ? this.i.yt.right : NaN;
+            return this.i.y5 ? this.i.y5.right : NaN;
         },
         set: function (v) {
             this.ensureDataToolTipHeaderRowMargin();
-            this.i.yt.right = +v;
-            this._a("dataToolTipHeaderRowMarginRight", this.i.yt.right);
-            this.i.yt = this.i.yt;
+            this.i.y5.right = +v;
+            this._a("dataToolTipHeaderRowMarginRight", this.i.y5.right);
+            this.i.y5 = this.i.y5;
         },
         enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcDomainChartComponent.prototype, "dataToolTipHeaderRowMarginTop", {
         get: function () {
-            return this.i.yt ? this.i.yt.top : NaN;
+            return this.i.y5 ? this.i.y5.top : NaN;
         },
         set: function (v) {
             this.ensureDataToolTipHeaderRowMargin();
-            this.i.yt.top = +v;
-            this._a("dataToolTipHeaderRowMarginTop", this.i.yt.top);
-            this.i.yt = this.i.yt;
+            this.i.y5.top = +v;
+            this._a("dataToolTipHeaderRowMarginTop", this.i.y5.top);
+            this.i.y5 = this.i.y5;
         },
         enumerable: false,
         configurable: true
     });
     IgcDomainChartComponent.prototype.ensureDataToolTipHeaderRowMargin = function () {
-        if (this.i.yt) {
+        if (this.i.y5) {
             return;
         }
-        this.i.yt = new Thickness(2);
+        this.i.y5 = new Thickness(2);
     };
     Object.defineProperty(IgcDomainChartComponent.prototype, "dataToolTipHeaderRowVisible", {
         /**
          * Gets or sets whether to show Header row.
         */
         get: function () {
-            return this.i.gl;
+            return this.i.gr;
         },
         set: function (v) {
-            this.i.gl = ensureBool(v);
-            this._a("dataToolTipHeaderRowVisible", this.i.gl);
+            this.i.gr = ensureBool(v);
+            this._a("dataToolTipHeaderRowVisible", this.i.gr);
         },
         enumerable: false,
         configurable: true
@@ -1397,16 +1410,16 @@ var IgcDomainChartComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or Sets the style to use for the header text.
         */
         get: function () {
-            if (this.i.e3 == null) {
+            if (this.i.e9 == null) {
                 return null;
             }
-            return this.i.e3.fontString;
+            return this.i.e9.fontString;
         },
         set: function (v) {
             var fi = new FontInfo();
             fi.fontString = v;
-            this.i.e3 = fi;
-            this._a("dataToolTipHeaderTextStyle", this.i.e3 != null ? this.i.e3.fontString : "");
+            this.i.e9 = fi;
+            this._a("dataToolTipHeaderTextStyle", this.i.e9 != null ? this.i.e9.fontString : "");
         },
         enumerable: false,
         configurable: true
@@ -1416,141 +1429,141 @@ var IgcDomainChartComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the Group text color.
         */
         get: function () {
-            return brushToString(this.i.xl);
+            return brushToString(this.i.xx);
         },
         set: function (v) {
-            this.i.xl = stringToBrush(v);
-            this._a("dataToolTipGroupTextColor", brushToString(this.i.xl));
+            this.i.xx = stringToBrush(v);
+            this._a("dataToolTipGroupTextColor", brushToString(this.i.xx));
         },
         enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcDomainChartComponent.prototype, "dataToolTipGroupTextMarginBottom", {
         get: function () {
-            return this.i.ys ? this.i.ys.bottom : NaN;
+            return this.i.y4 ? this.i.y4.bottom : NaN;
         },
         set: function (v) {
             this.ensureDataToolTipGroupTextMargin();
-            this.i.ys.bottom = +v;
-            this._a("dataToolTipGroupTextMarginBottom", this.i.ys.bottom);
-            this.i.ys = this.i.ys;
+            this.i.y4.bottom = +v;
+            this._a("dataToolTipGroupTextMarginBottom", this.i.y4.bottom);
+            this.i.y4 = this.i.y4;
         },
         enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcDomainChartComponent.prototype, "dataToolTipGroupTextMarginLeft", {
         get: function () {
-            return this.i.ys ? this.i.ys.left : NaN;
+            return this.i.y4 ? this.i.y4.left : NaN;
         },
         set: function (v) {
             this.ensureDataToolTipGroupTextMargin();
-            this.i.ys.left = +v;
-            this._a("dataToolTipGroupTextMarginLeft", this.i.ys.left);
-            this.i.ys = this.i.ys;
+            this.i.y4.left = +v;
+            this._a("dataToolTipGroupTextMarginLeft", this.i.y4.left);
+            this.i.y4 = this.i.y4;
         },
         enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcDomainChartComponent.prototype, "dataToolTipGroupTextMarginRight", {
         get: function () {
-            return this.i.ys ? this.i.ys.right : NaN;
+            return this.i.y4 ? this.i.y4.right : NaN;
         },
         set: function (v) {
             this.ensureDataToolTipGroupTextMargin();
-            this.i.ys.right = +v;
-            this._a("dataToolTipGroupTextMarginRight", this.i.ys.right);
-            this.i.ys = this.i.ys;
+            this.i.y4.right = +v;
+            this._a("dataToolTipGroupTextMarginRight", this.i.y4.right);
+            this.i.y4 = this.i.y4;
         },
         enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcDomainChartComponent.prototype, "dataToolTipGroupTextMarginTop", {
         get: function () {
-            return this.i.ys ? this.i.ys.top : NaN;
+            return this.i.y4 ? this.i.y4.top : NaN;
         },
         set: function (v) {
             this.ensureDataToolTipGroupTextMargin();
-            this.i.ys.top = +v;
-            this._a("dataToolTipGroupTextMarginTop", this.i.ys.top);
-            this.i.ys = this.i.ys;
+            this.i.y4.top = +v;
+            this._a("dataToolTipGroupTextMarginTop", this.i.y4.top);
+            this.i.y4 = this.i.y4;
         },
         enumerable: false,
         configurable: true
     });
     IgcDomainChartComponent.prototype.ensureDataToolTipGroupTextMargin = function () {
-        if (this.i.ys) {
+        if (this.i.y4) {
             return;
         }
-        this.i.ys = new Thickness(2);
+        this.i.y4 = new Thickness(2);
     };
     Object.defineProperty(IgcDomainChartComponent.prototype, "dataToolTipGroupRowMarginBottom", {
         get: function () {
-            return this.i.yr ? this.i.yr.bottom : NaN;
+            return this.i.y3 ? this.i.y3.bottom : NaN;
         },
         set: function (v) {
             this.ensureDataToolTipGroupRowMargin();
-            this.i.yr.bottom = +v;
-            this._a("dataToolTipGroupRowMarginBottom", this.i.yr.bottom);
-            this.i.yr = this.i.yr;
+            this.i.y3.bottom = +v;
+            this._a("dataToolTipGroupRowMarginBottom", this.i.y3.bottom);
+            this.i.y3 = this.i.y3;
         },
         enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcDomainChartComponent.prototype, "dataToolTipGroupRowMarginLeft", {
         get: function () {
-            return this.i.yr ? this.i.yr.left : NaN;
+            return this.i.y3 ? this.i.y3.left : NaN;
         },
         set: function (v) {
             this.ensureDataToolTipGroupRowMargin();
-            this.i.yr.left = +v;
-            this._a("dataToolTipGroupRowMarginLeft", this.i.yr.left);
-            this.i.yr = this.i.yr;
+            this.i.y3.left = +v;
+            this._a("dataToolTipGroupRowMarginLeft", this.i.y3.left);
+            this.i.y3 = this.i.y3;
         },
         enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcDomainChartComponent.prototype, "dataToolTipGroupRowMarginRight", {
         get: function () {
-            return this.i.yr ? this.i.yr.right : NaN;
+            return this.i.y3 ? this.i.y3.right : NaN;
         },
         set: function (v) {
             this.ensureDataToolTipGroupRowMargin();
-            this.i.yr.right = +v;
-            this._a("dataToolTipGroupRowMarginRight", this.i.yr.right);
-            this.i.yr = this.i.yr;
+            this.i.y3.right = +v;
+            this._a("dataToolTipGroupRowMarginRight", this.i.y3.right);
+            this.i.y3 = this.i.y3;
         },
         enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcDomainChartComponent.prototype, "dataToolTipGroupRowMarginTop", {
         get: function () {
-            return this.i.yr ? this.i.yr.top : NaN;
+            return this.i.y3 ? this.i.y3.top : NaN;
         },
         set: function (v) {
             this.ensureDataToolTipGroupRowMargin();
-            this.i.yr.top = +v;
-            this._a("dataToolTipGroupRowMarginTop", this.i.yr.top);
-            this.i.yr = this.i.yr;
+            this.i.y3.top = +v;
+            this._a("dataToolTipGroupRowMarginTop", this.i.y3.top);
+            this.i.y3 = this.i.y3;
         },
         enumerable: false,
         configurable: true
     });
     IgcDomainChartComponent.prototype.ensureDataToolTipGroupRowMargin = function () {
-        if (this.i.yr) {
+        if (this.i.y3) {
             return;
         }
-        this.i.yr = new Thickness(2);
+        this.i.y3 = new Thickness(2);
     };
     Object.defineProperty(IgcDomainChartComponent.prototype, "dataToolTipGroupRowVisible", {
         /**
          * Gets or sets whether to show Group row.
         */
         get: function () {
-            return this.i.gk;
+            return this.i.gq;
         },
         set: function (v) {
-            this.i.gk = ensureBool(v);
-            this._a("dataToolTipGroupRowVisible", this.i.gk);
+            this.i.gq = ensureBool(v);
+            this._a("dataToolTipGroupRowVisible", this.i.gq);
         },
         enumerable: false,
         configurable: true
@@ -1560,16 +1573,16 @@ var IgcDomainChartComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or Sets the style to use for the Group text.
         */
         get: function () {
-            if (this.i.e2 == null) {
+            if (this.i.e8 == null) {
                 return null;
             }
-            return this.i.e2.fontString;
+            return this.i.e8.fontString;
         },
         set: function (v) {
             var fi = new FontInfo();
             fi.fontString = v;
-            this.i.e2 = fi;
-            this._a("dataToolTipGroupTextStyle", this.i.e2 != null ? this.i.e2.fontString : "");
+            this.i.e8 = fi;
+            this._a("dataToolTipGroupTextStyle", this.i.e8 != null ? this.i.e8.fontString : "");
         },
         enumerable: false,
         configurable: true
@@ -1579,11 +1592,11 @@ var IgcDomainChartComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the summary text color.
         */
         get: function () {
-            return brushToString(this.i.xp);
+            return brushToString(this.i.x1);
         },
         set: function (v) {
-            this.i.xp = stringToBrush(v);
-            this._a("dataToolTipSummaryTitleTextColor", brushToString(this.i.xp));
+            this.i.x1 = stringToBrush(v);
+            this._a("dataToolTipSummaryTitleTextColor", brushToString(this.i.x1));
         },
         enumerable: false,
         configurable: true
@@ -1593,16 +1606,16 @@ var IgcDomainChartComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or Sets the style to use for the summary text.
         */
         get: function () {
-            if (this.i.e6 == null) {
+            if (this.i.fc == null) {
                 return null;
             }
-            return this.i.e6.fontString;
+            return this.i.fc.fontString;
         },
         set: function (v) {
             var fi = new FontInfo();
             fi.fontString = v;
-            this.i.e6 = fi;
-            this._a("dataToolTipSummaryTitleTextStyle", this.i.e6 != null ? this.i.e6.fontString : "");
+            this.i.fc = fi;
+            this._a("dataToolTipSummaryTitleTextStyle", this.i.fc != null ? this.i.fc.fontString : "");
         },
         enumerable: false,
         configurable: true
@@ -1626,140 +1639,140 @@ var IgcDomainChartComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the SummaryTitleText for the data legend.
         */
         get: function () {
-            return this.i.o2;
+            return this.i.o8;
         },
         set: function (v) {
-            this.i.o2 = v;
+            this.i.o8 = v;
         },
         enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcDomainChartComponent.prototype, "dataToolTipSummaryTitleTextMarginBottom", {
         get: function () {
-            return this.i.yx ? this.i.yx.bottom : NaN;
+            return this.i.y9 ? this.i.y9.bottom : NaN;
         },
         set: function (v) {
             this.ensureDataToolTipSummaryTitleTextMargin();
-            this.i.yx.bottom = +v;
-            this._a("dataToolTipSummaryTitleTextMarginBottom", this.i.yx.bottom);
-            this.i.yx = this.i.yx;
+            this.i.y9.bottom = +v;
+            this._a("dataToolTipSummaryTitleTextMarginBottom", this.i.y9.bottom);
+            this.i.y9 = this.i.y9;
         },
         enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcDomainChartComponent.prototype, "dataToolTipSummaryTitleTextMarginLeft", {
         get: function () {
-            return this.i.yx ? this.i.yx.left : NaN;
+            return this.i.y9 ? this.i.y9.left : NaN;
         },
         set: function (v) {
             this.ensureDataToolTipSummaryTitleTextMargin();
-            this.i.yx.left = +v;
-            this._a("dataToolTipSummaryTitleTextMarginLeft", this.i.yx.left);
-            this.i.yx = this.i.yx;
+            this.i.y9.left = +v;
+            this._a("dataToolTipSummaryTitleTextMarginLeft", this.i.y9.left);
+            this.i.y9 = this.i.y9;
         },
         enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcDomainChartComponent.prototype, "dataToolTipSummaryTitleTextMarginRight", {
         get: function () {
-            return this.i.yx ? this.i.yx.right : NaN;
+            return this.i.y9 ? this.i.y9.right : NaN;
         },
         set: function (v) {
             this.ensureDataToolTipSummaryTitleTextMargin();
-            this.i.yx.right = +v;
-            this._a("dataToolTipSummaryTitleTextMarginRight", this.i.yx.right);
-            this.i.yx = this.i.yx;
+            this.i.y9.right = +v;
+            this._a("dataToolTipSummaryTitleTextMarginRight", this.i.y9.right);
+            this.i.y9 = this.i.y9;
         },
         enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcDomainChartComponent.prototype, "dataToolTipSummaryTitleTextMarginTop", {
         get: function () {
-            return this.i.yx ? this.i.yx.top : NaN;
+            return this.i.y9 ? this.i.y9.top : NaN;
         },
         set: function (v) {
             this.ensureDataToolTipSummaryTitleTextMargin();
-            this.i.yx.top = +v;
-            this._a("dataToolTipSummaryTitleTextMarginTop", this.i.yx.top);
-            this.i.yx = this.i.yx;
+            this.i.y9.top = +v;
+            this._a("dataToolTipSummaryTitleTextMarginTop", this.i.y9.top);
+            this.i.y9 = this.i.y9;
         },
         enumerable: false,
         configurable: true
     });
     IgcDomainChartComponent.prototype.ensureDataToolTipSummaryTitleTextMargin = function () {
-        if (this.i.yx) {
+        if (this.i.y9) {
             return;
         }
-        this.i.yx = new Thickness(2);
+        this.i.y9 = new Thickness(2);
     };
     Object.defineProperty(IgcDomainChartComponent.prototype, "dataToolTipSummaryRowMarginBottom", {
         get: function () {
-            return this.i.yw ? this.i.yw.bottom : NaN;
+            return this.i.y8 ? this.i.y8.bottom : NaN;
         },
         set: function (v) {
             this.ensureDataToolTipSummaryRowMargin();
-            this.i.yw.bottom = +v;
-            this._a("dataToolTipSummaryRowMarginBottom", this.i.yw.bottom);
-            this.i.yw = this.i.yw;
+            this.i.y8.bottom = +v;
+            this._a("dataToolTipSummaryRowMarginBottom", this.i.y8.bottom);
+            this.i.y8 = this.i.y8;
         },
         enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcDomainChartComponent.prototype, "dataToolTipSummaryRowMarginLeft", {
         get: function () {
-            return this.i.yw ? this.i.yw.left : NaN;
+            return this.i.y8 ? this.i.y8.left : NaN;
         },
         set: function (v) {
             this.ensureDataToolTipSummaryRowMargin();
-            this.i.yw.left = +v;
-            this._a("dataToolTipSummaryRowMarginLeft", this.i.yw.left);
-            this.i.yw = this.i.yw;
+            this.i.y8.left = +v;
+            this._a("dataToolTipSummaryRowMarginLeft", this.i.y8.left);
+            this.i.y8 = this.i.y8;
         },
         enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcDomainChartComponent.prototype, "dataToolTipSummaryRowMarginRight", {
         get: function () {
-            return this.i.yw ? this.i.yw.right : NaN;
+            return this.i.y8 ? this.i.y8.right : NaN;
         },
         set: function (v) {
             this.ensureDataToolTipSummaryRowMargin();
-            this.i.yw.right = +v;
-            this._a("dataToolTipSummaryRowMarginRight", this.i.yw.right);
-            this.i.yw = this.i.yw;
+            this.i.y8.right = +v;
+            this._a("dataToolTipSummaryRowMarginRight", this.i.y8.right);
+            this.i.y8 = this.i.y8;
         },
         enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcDomainChartComponent.prototype, "dataToolTipSummaryRowMarginTop", {
         get: function () {
-            return this.i.yw ? this.i.yw.top : NaN;
+            return this.i.y8 ? this.i.y8.top : NaN;
         },
         set: function (v) {
             this.ensureDataToolTipSummaryRowMargin();
-            this.i.yw.top = +v;
-            this._a("dataToolTipSummaryRowMarginTop", this.i.yw.top);
-            this.i.yw = this.i.yw;
+            this.i.y8.top = +v;
+            this._a("dataToolTipSummaryRowMarginTop", this.i.y8.top);
+            this.i.y8 = this.i.y8;
         },
         enumerable: false,
         configurable: true
     });
     IgcDomainChartComponent.prototype.ensureDataToolTipSummaryRowMargin = function () {
-        if (this.i.yw) {
+        if (this.i.y8) {
             return;
         }
-        this.i.yw = new Thickness(2);
+        this.i.y8 = new Thickness(2);
     };
     Object.defineProperty(IgcDomainChartComponent.prototype, "dataToolTipSummaryValueTextColor", {
         /**
          * Gets or sets the units text color.
         */
         get: function () {
-            return brushToString(this.i.xr);
+            return brushToString(this.i.x3);
         },
         set: function (v) {
-            this.i.xr = stringToBrush(v);
-            this._a("dataToolTipSummaryValueTextColor", brushToString(this.i.xr));
+            this.i.x3 = stringToBrush(v);
+            this._a("dataToolTipSummaryValueTextColor", brushToString(this.i.x3));
         },
         enumerable: false,
         configurable: true
@@ -1769,16 +1782,16 @@ var IgcDomainChartComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or Sets the style to use for the units text.
         */
         get: function () {
-            if (this.i.e8 == null) {
+            if (this.i.fe == null) {
                 return null;
             }
-            return this.i.e8.fontString;
+            return this.i.fe.fontString;
         },
         set: function (v) {
             var fi = new FontInfo();
             fi.fontString = v;
-            this.i.e8 = fi;
-            this._a("dataToolTipSummaryValueTextStyle", this.i.e8 != null ? this.i.e8.fontString : "");
+            this.i.fe = fi;
+            this._a("dataToolTipSummaryValueTextStyle", this.i.fe != null ? this.i.fe.fontString : "");
         },
         enumerable: false,
         configurable: true
@@ -1788,10 +1801,10 @@ var IgcDomainChartComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the units text for the data legend.
         */
         get: function () {
-            return this.i.ox;
+            return this.i.o3;
         },
         set: function (v) {
-            this.i.ox = v;
+            this.i.o3 = v;
         },
         enumerable: false,
         configurable: true
@@ -1801,11 +1814,11 @@ var IgcDomainChartComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the units text color.
         */
         get: function () {
-            return brushToString(this.i.xo);
+            return brushToString(this.i.x0);
         },
         set: function (v) {
-            this.i.xo = stringToBrush(v);
-            this._a("dataToolTipSummaryLabelTextColor", brushToString(this.i.xo));
+            this.i.x0 = stringToBrush(v);
+            this._a("dataToolTipSummaryLabelTextColor", brushToString(this.i.x0));
         },
         enumerable: false,
         configurable: true
@@ -1815,16 +1828,16 @@ var IgcDomainChartComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or Sets the style to use for the units text.
         */
         get: function () {
-            if (this.i.e5 == null) {
+            if (this.i.fb == null) {
                 return null;
             }
-            return this.i.e5.fontString;
+            return this.i.fb.fontString;
         },
         set: function (v) {
             var fi = new FontInfo();
             fi.fontString = v;
-            this.i.e5 = fi;
-            this._a("dataToolTipSummaryLabelTextStyle", this.i.e5 != null ? this.i.e5.fontString : "");
+            this.i.fb = fi;
+            this._a("dataToolTipSummaryLabelTextStyle", this.i.fb != null ? this.i.fb.fontString : "");
         },
         enumerable: false,
         configurable: true
@@ -1834,10 +1847,10 @@ var IgcDomainChartComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the units text for the data legend.
         */
         get: function () {
-            return this.i.o8;
+            return this.i.pe;
         },
         set: function (v) {
-            this.i.o8 = v;
+            this.i.pe = v;
         },
         enumerable: false,
         configurable: true
@@ -1847,11 +1860,11 @@ var IgcDomainChartComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the units text color.
         */
         get: function () {
-            return brushToString(this.i.xq);
+            return brushToString(this.i.x2);
         },
         set: function (v) {
-            this.i.xq = stringToBrush(v);
-            this._a("dataToolTipSummaryUnitsTextColor", brushToString(this.i.xq));
+            this.i.x2 = stringToBrush(v);
+            this._a("dataToolTipSummaryUnitsTextColor", brushToString(this.i.x2));
         },
         enumerable: false,
         configurable: true
@@ -1861,88 +1874,88 @@ var IgcDomainChartComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or Sets the style to use for the units text.
         */
         get: function () {
-            if (this.i.e7 == null) {
+            if (this.i.fd == null) {
                 return null;
             }
-            return this.i.e7.fontString;
+            return this.i.fd.fontString;
         },
         set: function (v) {
             var fi = new FontInfo();
             fi.fontString = v;
-            this.i.e7 = fi;
-            this._a("dataToolTipSummaryUnitsTextStyle", this.i.e7 != null ? this.i.e7.fontString : "");
+            this.i.fd = fi;
+            this._a("dataToolTipSummaryUnitsTextStyle", this.i.fd != null ? this.i.fd.fontString : "");
         },
         enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcDomainChartComponent.prototype, "dataToolTipBadgeMarginBottom", {
         get: function () {
-            return this.i.yq ? this.i.yq.bottom : NaN;
+            return this.i.y2 ? this.i.y2.bottom : NaN;
         },
         set: function (v) {
             this.ensureDataToolTipBadgeMargin();
-            this.i.yq.bottom = +v;
-            this._a("dataToolTipBadgeMarginBottom", this.i.yq.bottom);
-            this.i.yq = this.i.yq;
+            this.i.y2.bottom = +v;
+            this._a("dataToolTipBadgeMarginBottom", this.i.y2.bottom);
+            this.i.y2 = this.i.y2;
         },
         enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcDomainChartComponent.prototype, "dataToolTipBadgeMarginLeft", {
         get: function () {
-            return this.i.yq ? this.i.yq.left : NaN;
+            return this.i.y2 ? this.i.y2.left : NaN;
         },
         set: function (v) {
             this.ensureDataToolTipBadgeMargin();
-            this.i.yq.left = +v;
-            this._a("dataToolTipBadgeMarginLeft", this.i.yq.left);
-            this.i.yq = this.i.yq;
+            this.i.y2.left = +v;
+            this._a("dataToolTipBadgeMarginLeft", this.i.y2.left);
+            this.i.y2 = this.i.y2;
         },
         enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcDomainChartComponent.prototype, "dataToolTipBadgeMarginRight", {
         get: function () {
-            return this.i.yq ? this.i.yq.right : NaN;
+            return this.i.y2 ? this.i.y2.right : NaN;
         },
         set: function (v) {
             this.ensureDataToolTipBadgeMargin();
-            this.i.yq.right = +v;
-            this._a("dataToolTipBadgeMarginRight", this.i.yq.right);
-            this.i.yq = this.i.yq;
+            this.i.y2.right = +v;
+            this._a("dataToolTipBadgeMarginRight", this.i.y2.right);
+            this.i.y2 = this.i.y2;
         },
         enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcDomainChartComponent.prototype, "dataToolTipBadgeMarginTop", {
         get: function () {
-            return this.i.yq ? this.i.yq.top : NaN;
+            return this.i.y2 ? this.i.y2.top : NaN;
         },
         set: function (v) {
             this.ensureDataToolTipBadgeMargin();
-            this.i.yq.top = +v;
-            this._a("dataToolTipBadgeMarginTop", this.i.yq.top);
-            this.i.yq = this.i.yq;
+            this.i.y2.top = +v;
+            this._a("dataToolTipBadgeMarginTop", this.i.y2.top);
+            this.i.y2 = this.i.y2;
         },
         enumerable: false,
         configurable: true
     });
     IgcDomainChartComponent.prototype.ensureDataToolTipBadgeMargin = function () {
-        if (this.i.yq) {
+        if (this.i.y2) {
             return;
         }
-        this.i.yq = new Thickness(2);
+        this.i.y2 = new Thickness(2);
     };
     Object.defineProperty(IgcDomainChartComponent.prototype, "dataToolTipBadgeShape", {
         /**
          * Gets or sets the BadgeShape for the data legend.
         */
         get: function () {
-            return this.i.cq;
+            return this.i.cw;
         },
         set: function (v) {
-            this.i.cq = ensureEnum(LegendItemBadgeShape_$type, v);
-            this._a("dataToolTipBadgeShape", enumToString(LegendItemBadgeShape_$type, this.i.cq));
+            this.i.cw = ensureEnum(LegendItemBadgeShape_$type, v);
+            this._a("dataToolTipBadgeShape", enumToString(LegendItemBadgeShape_$type, this.i.cw));
         },
         enumerable: false,
         configurable: true
@@ -1966,10 +1979,10 @@ var IgcDomainChartComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the units text for the data legend.
         */
         get: function () {
-            return this.i.pi;
+            return this.i.po;
         },
         set: function (v) {
-            this.i.pi = v;
+            this.i.po = v;
         },
         enumerable: false,
         configurable: true
@@ -1979,160 +1992,160 @@ var IgcDomainChartComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the units text color.
         */
         get: function () {
-            return brushToString(this.i.xt);
+            return brushToString(this.i.x5);
         },
         set: function (v) {
-            this.i.xt = stringToBrush(v);
-            this._a("dataToolTipUnitsTextColor", brushToString(this.i.xt));
+            this.i.x5 = stringToBrush(v);
+            this._a("dataToolTipUnitsTextColor", brushToString(this.i.x5));
         },
         enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcDomainChartComponent.prototype, "dataToolTipUnitsTextMarginBottom", {
         get: function () {
-            return this.i.yz ? this.i.yz.bottom : NaN;
+            return this.i.zb ? this.i.zb.bottom : NaN;
         },
         set: function (v) {
             this.ensureDataToolTipUnitsTextMargin();
-            this.i.yz.bottom = +v;
-            this._a("dataToolTipUnitsTextMarginBottom", this.i.yz.bottom);
-            this.i.yz = this.i.yz;
+            this.i.zb.bottom = +v;
+            this._a("dataToolTipUnitsTextMarginBottom", this.i.zb.bottom);
+            this.i.zb = this.i.zb;
         },
         enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcDomainChartComponent.prototype, "dataToolTipUnitsTextMarginLeft", {
         get: function () {
-            return this.i.yz ? this.i.yz.left : NaN;
+            return this.i.zb ? this.i.zb.left : NaN;
         },
         set: function (v) {
             this.ensureDataToolTipUnitsTextMargin();
-            this.i.yz.left = +v;
-            this._a("dataToolTipUnitsTextMarginLeft", this.i.yz.left);
-            this.i.yz = this.i.yz;
+            this.i.zb.left = +v;
+            this._a("dataToolTipUnitsTextMarginLeft", this.i.zb.left);
+            this.i.zb = this.i.zb;
         },
         enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcDomainChartComponent.prototype, "dataToolTipUnitsTextMarginRight", {
         get: function () {
-            return this.i.yz ? this.i.yz.right : NaN;
+            return this.i.zb ? this.i.zb.right : NaN;
         },
         set: function (v) {
             this.ensureDataToolTipUnitsTextMargin();
-            this.i.yz.right = +v;
-            this._a("dataToolTipUnitsTextMarginRight", this.i.yz.right);
-            this.i.yz = this.i.yz;
+            this.i.zb.right = +v;
+            this._a("dataToolTipUnitsTextMarginRight", this.i.zb.right);
+            this.i.zb = this.i.zb;
         },
         enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcDomainChartComponent.prototype, "dataToolTipUnitsTextMarginTop", {
         get: function () {
-            return this.i.yz ? this.i.yz.top : NaN;
+            return this.i.zb ? this.i.zb.top : NaN;
         },
         set: function (v) {
             this.ensureDataToolTipUnitsTextMargin();
-            this.i.yz.top = +v;
-            this._a("dataToolTipUnitsTextMarginTop", this.i.yz.top);
-            this.i.yz = this.i.yz;
+            this.i.zb.top = +v;
+            this._a("dataToolTipUnitsTextMarginTop", this.i.zb.top);
+            this.i.zb = this.i.zb;
         },
         enumerable: false,
         configurable: true
     });
     IgcDomainChartComponent.prototype.ensureDataToolTipUnitsTextMargin = function () {
-        if (this.i.yz) {
+        if (this.i.zb) {
             return;
         }
-        this.i.yz = new Thickness(2);
+        this.i.zb = new Thickness(2);
     };
     Object.defineProperty(IgcDomainChartComponent.prototype, "dataToolTipUnitsTextStyle", {
         /**
          * Gets or Sets the style to use for the units text.
         */
         get: function () {
-            if (this.i.fa == null) {
+            if (this.i.fg == null) {
                 return null;
             }
-            return this.i.fa.fontString;
+            return this.i.fg.fontString;
         },
         set: function (v) {
             var fi = new FontInfo();
             fi.fontString = v;
-            this.i.fa = fi;
-            this._a("dataToolTipUnitsTextStyle", this.i.fa != null ? this.i.fa.fontString : "");
+            this.i.fg = fi;
+            this._a("dataToolTipUnitsTextStyle", this.i.fg != null ? this.i.fg.fontString : "");
         },
         enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcDomainChartComponent.prototype, "dataToolTipTitleTextMarginBottom", {
         get: function () {
-            return this.i.yy ? this.i.yy.bottom : NaN;
+            return this.i.za ? this.i.za.bottom : NaN;
         },
         set: function (v) {
             this.ensureDataToolTipTitleTextMargin();
-            this.i.yy.bottom = +v;
-            this._a("dataToolTipTitleTextMarginBottom", this.i.yy.bottom);
-            this.i.yy = this.i.yy;
+            this.i.za.bottom = +v;
+            this._a("dataToolTipTitleTextMarginBottom", this.i.za.bottom);
+            this.i.za = this.i.za;
         },
         enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcDomainChartComponent.prototype, "dataToolTipTitleTextMarginLeft", {
         get: function () {
-            return this.i.yy ? this.i.yy.left : NaN;
+            return this.i.za ? this.i.za.left : NaN;
         },
         set: function (v) {
             this.ensureDataToolTipTitleTextMargin();
-            this.i.yy.left = +v;
-            this._a("dataToolTipTitleTextMarginLeft", this.i.yy.left);
-            this.i.yy = this.i.yy;
+            this.i.za.left = +v;
+            this._a("dataToolTipTitleTextMarginLeft", this.i.za.left);
+            this.i.za = this.i.za;
         },
         enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcDomainChartComponent.prototype, "dataToolTipTitleTextMarginRight", {
         get: function () {
-            return this.i.yy ? this.i.yy.right : NaN;
+            return this.i.za ? this.i.za.right : NaN;
         },
         set: function (v) {
             this.ensureDataToolTipTitleTextMargin();
-            this.i.yy.right = +v;
-            this._a("dataToolTipTitleTextMarginRight", this.i.yy.right);
-            this.i.yy = this.i.yy;
+            this.i.za.right = +v;
+            this._a("dataToolTipTitleTextMarginRight", this.i.za.right);
+            this.i.za = this.i.za;
         },
         enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcDomainChartComponent.prototype, "dataToolTipTitleTextMarginTop", {
         get: function () {
-            return this.i.yy ? this.i.yy.top : NaN;
+            return this.i.za ? this.i.za.top : NaN;
         },
         set: function (v) {
             this.ensureDataToolTipTitleTextMargin();
-            this.i.yy.top = +v;
-            this._a("dataToolTipTitleTextMarginTop", this.i.yy.top);
-            this.i.yy = this.i.yy;
+            this.i.za.top = +v;
+            this._a("dataToolTipTitleTextMarginTop", this.i.za.top);
+            this.i.za = this.i.za;
         },
         enumerable: false,
         configurable: true
     });
     IgcDomainChartComponent.prototype.ensureDataToolTipTitleTextMargin = function () {
-        if (this.i.yy) {
+        if (this.i.za) {
             return;
         }
-        this.i.yy = new Thickness(2);
+        this.i.za = new Thickness(2);
     };
     Object.defineProperty(IgcDomainChartComponent.prototype, "dataToolTipTitleTextColor", {
         /**
          * Gets or sets the display text color.
         */
         get: function () {
-            return brushToString(this.i.xs);
+            return brushToString(this.i.x4);
         },
         set: function (v) {
-            this.i.xs = stringToBrush(v);
-            this._a("dataToolTipTitleTextColor", brushToString(this.i.xs));
+            this.i.x4 = stringToBrush(v);
+            this._a("dataToolTipTitleTextColor", brushToString(this.i.x4));
         },
         enumerable: false,
         configurable: true
@@ -2142,16 +2155,16 @@ var IgcDomainChartComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or Sets the style to use for the display text.
         */
         get: function () {
-            if (this.i.e9 == null) {
+            if (this.i.ff == null) {
                 return null;
             }
-            return this.i.e9.fontString;
+            return this.i.ff.fontString;
         },
         set: function (v) {
             var fi = new FontInfo();
             fi.fontString = v;
-            this.i.e9 = fi;
-            this._a("dataToolTipTitleTextStyle", this.i.e9 != null ? this.i.e9.fontString : "");
+            this.i.ff = fi;
+            this._a("dataToolTipTitleTextStyle", this.i.ff != null ? this.i.ff.fontString : "");
         },
         enumerable: false,
         configurable: true
@@ -2175,88 +2188,88 @@ var IgcDomainChartComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the units text color.
         */
         get: function () {
-            return brushToString(this.i.xn);
+            return brushToString(this.i.xz);
         },
         set: function (v) {
-            this.i.xn = stringToBrush(v);
-            this._a("dataToolTipLabelTextColor", brushToString(this.i.xn));
+            this.i.xz = stringToBrush(v);
+            this._a("dataToolTipLabelTextColor", brushToString(this.i.xz));
         },
         enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcDomainChartComponent.prototype, "dataToolTipLabelTextMarginBottom", {
         get: function () {
-            return this.i.yv ? this.i.yv.bottom : NaN;
+            return this.i.y7 ? this.i.y7.bottom : NaN;
         },
         set: function (v) {
             this.ensureDataToolTipLabelTextMargin();
-            this.i.yv.bottom = +v;
-            this._a("dataToolTipLabelTextMarginBottom", this.i.yv.bottom);
-            this.i.yv = this.i.yv;
+            this.i.y7.bottom = +v;
+            this._a("dataToolTipLabelTextMarginBottom", this.i.y7.bottom);
+            this.i.y7 = this.i.y7;
         },
         enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcDomainChartComponent.prototype, "dataToolTipLabelTextMarginLeft", {
         get: function () {
-            return this.i.yv ? this.i.yv.left : NaN;
+            return this.i.y7 ? this.i.y7.left : NaN;
         },
         set: function (v) {
             this.ensureDataToolTipLabelTextMargin();
-            this.i.yv.left = +v;
-            this._a("dataToolTipLabelTextMarginLeft", this.i.yv.left);
-            this.i.yv = this.i.yv;
+            this.i.y7.left = +v;
+            this._a("dataToolTipLabelTextMarginLeft", this.i.y7.left);
+            this.i.y7 = this.i.y7;
         },
         enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcDomainChartComponent.prototype, "dataToolTipLabelTextMarginRight", {
         get: function () {
-            return this.i.yv ? this.i.yv.right : NaN;
+            return this.i.y7 ? this.i.y7.right : NaN;
         },
         set: function (v) {
             this.ensureDataToolTipLabelTextMargin();
-            this.i.yv.right = +v;
-            this._a("dataToolTipLabelTextMarginRight", this.i.yv.right);
-            this.i.yv = this.i.yv;
+            this.i.y7.right = +v;
+            this._a("dataToolTipLabelTextMarginRight", this.i.y7.right);
+            this.i.y7 = this.i.y7;
         },
         enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcDomainChartComponent.prototype, "dataToolTipLabelTextMarginTop", {
         get: function () {
-            return this.i.yv ? this.i.yv.top : NaN;
+            return this.i.y7 ? this.i.y7.top : NaN;
         },
         set: function (v) {
             this.ensureDataToolTipLabelTextMargin();
-            this.i.yv.top = +v;
-            this._a("dataToolTipLabelTextMarginTop", this.i.yv.top);
-            this.i.yv = this.i.yv;
+            this.i.y7.top = +v;
+            this._a("dataToolTipLabelTextMarginTop", this.i.y7.top);
+            this.i.y7 = this.i.y7;
         },
         enumerable: false,
         configurable: true
     });
     IgcDomainChartComponent.prototype.ensureDataToolTipLabelTextMargin = function () {
-        if (this.i.yv) {
+        if (this.i.y7) {
             return;
         }
-        this.i.yv = new Thickness(2);
+        this.i.y7 = new Thickness(2);
     };
     Object.defineProperty(IgcDomainChartComponent.prototype, "dataToolTipLabelTextStyle", {
         /**
          * Gets or Sets the style to use for the units text.
         */
         get: function () {
-            if (this.i.e4 == null) {
+            if (this.i.fa == null) {
                 return null;
             }
-            return this.i.e4.fontString;
+            return this.i.fa.fontString;
         },
         set: function (v) {
             var fi = new FontInfo();
             fi.fontString = v;
-            this.i.e4 = fi;
-            this._a("dataToolTipLabelTextStyle", this.i.e4 != null ? this.i.e4.fontString : "");
+            this.i.fa = fi;
+            this._a("dataToolTipLabelTextStyle", this.i.fa != null ? this.i.fa.fontString : "");
         },
         enumerable: false,
         configurable: true
@@ -2266,7 +2279,7 @@ var IgcDomainChartComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets the domain type of this chart
         */
         get: function () {
-            return this.i.b9;
+            return this.i.cf;
         },
         enumerable: false,
         configurable: true
@@ -2351,7 +2364,7 @@ var IgcDomainChartComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets the current filter that is applied to the chart. Collection can be updated to modify the filter for the chart. Once filter expressions are in this collection, the chart will no longer listen for changes on their properties.
         */
         get: function () {
-            var r = this.i.ek;
+            var r = this.i.eq;
             if (r == null) {
                 return null;
             }
@@ -2377,7 +2390,7 @@ var IgcDomainChartComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets the current highlight filter that is applied to the chart. Collection can be updated to modify the highlight filter for the chart. Once filter expressions are in this collection, the chart will no longer listen for changes on their properties.
         */
         get: function () {
-            var r = this.i.el;
+            var r = this.i.er;
             if (r == null) {
                 return null;
             }
@@ -2429,11 +2442,11 @@ var IgcDomainChartComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the selection mode to use for the series in the component, when supported.
         */
         get: function () {
-            return this.i.dv;
+            return this.i.d1;
         },
         set: function (v) {
-            this.i.dv = ensureEnum(SeriesSelectionMode_$type, v);
-            this._a("selectionMode", enumToString(SeriesSelectionMode_$type, this.i.dv));
+            this.i.d1 = ensureEnum(SeriesSelectionMode_$type, v);
+            this._a("selectionMode", enumToString(SeriesSelectionMode_$type, this.i.d1));
         },
         enumerable: false,
         configurable: true
@@ -2443,11 +2456,11 @@ var IgcDomainChartComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the focus mode to use for the series in the component, when supported.
         */
         get: function () {
-            return this.i.du;
+            return this.i.d0;
         },
         set: function (v) {
-            this.i.du = ensureEnum(SeriesSelectionMode_$type, v);
-            this._a("focusMode", enumToString(SeriesSelectionMode_$type, this.i.du));
+            this.i.d0 = ensureEnum(SeriesSelectionMode_$type, v);
+            this._a("focusMode", enumToString(SeriesSelectionMode_$type, this.i.d0));
         },
         enumerable: false,
         configurable: true
@@ -2457,11 +2470,11 @@ var IgcDomainChartComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the selection brush to use for the series.
         */
         get: function () {
-            return brushToString(this.i.x5);
+            return brushToString(this.i.yh);
         },
         set: function (v) {
-            this.i.x5 = stringToBrush(v);
-            this._a("selectionBrush", brushToString(this.i.x5));
+            this.i.yh = stringToBrush(v);
+            this._a("selectionBrush", brushToString(this.i.yh));
         },
         enumerable: false,
         configurable: true
@@ -2471,11 +2484,11 @@ var IgcDomainChartComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the focus brush to use for the series.
         */
         get: function () {
-            return brushToString(this.i.xx);
+            return brushToString(this.i.x9);
         },
         set: function (v) {
-            this.i.xx = stringToBrush(v);
-            this._a("focusBrush", brushToString(this.i.xx));
+            this.i.x9 = stringToBrush(v);
+            this._a("focusBrush", brushToString(this.i.x9));
         },
         enumerable: false,
         configurable: true
@@ -2485,11 +2498,11 @@ var IgcDomainChartComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the selection behavior to use for the series in the component, when supported.
         */
         get: function () {
-            return this.i.dr;
+            return this.i.dx;
         },
         set: function (v) {
-            this.i.dr = ensureEnum(SeriesSelectionBehavior_$type, v);
-            this._a("selectionBehavior", enumToString(SeriesSelectionBehavior_$type, this.i.dr));
+            this.i.dx = ensureEnum(SeriesSelectionBehavior_$type, v);
+            this._a("selectionBehavior", enumToString(SeriesSelectionBehavior_$type, this.i.dx));
         },
         enumerable: false,
         configurable: true
@@ -2647,7 +2660,7 @@ var IgcDomainChartComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets the initial filters that are applied to the chart.
         */
         get: function () {
-            var r = this.i.em;
+            var r = this.i.es;
             if (r == null) {
                 return null;
             }
@@ -2673,7 +2686,7 @@ var IgcDomainChartComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets the initial highlight filters that are applied to the chart.
         */
         get: function () {
-            var r = this.i.en;
+            var r = this.i.et;
             if (r == null) {
                 return null;
             }
@@ -2725,10 +2738,10 @@ var IgcDomainChartComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * 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.q7;
+            return this.i.rd;
         },
         set: function (v) {
-            this.i.q7 = v;
+            this.i.rd = v;
         },
         enumerable: false,
         configurable: true
@@ -2738,10 +2751,10 @@ var IgcDomainChartComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the sorts to apply after grouping has been applied.
         */
         get: function () {
-            return this.i.qg;
+            return this.i.qm;
         },
         set: function (v) {
-            this.i.qg = v;
+            this.i.qm = v;
         },
         enumerable: false,
         configurable: true
@@ -2751,10 +2764,10 @@ var IgcDomainChartComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * 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.q3;
+            return this.i.q9;
         },
         set: function (v) {
-            this.i.q3 = v;
+            this.i.q9 = v;
         },
         enumerable: false,
         configurable: true
@@ -2764,10 +2777,10 @@ var IgcDomainChartComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the filter to apply to the chart. This property will become ignored if the filter is changed outside of this property.
         */
         get: function () {
-            return this.i.q1;
+            return this.i.q7;
         },
         set: function (v) {
-            this.i.q1 = v;
+            this.i.q7 = v;
         },
         enumerable: false,
         configurable: true
@@ -2777,10 +2790,10 @@ var IgcDomainChartComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the filter to apply to the chart. This property will become ignored if the filter is changed outside of this property.
         */
         get: function () {
-            return this.i.q5;
+            return this.i.rb;
         },
         set: function (v) {
-            this.i.q5 = v;
+            this.i.rb = v;
         },
         enumerable: false,
         configurable: true
@@ -2790,10 +2803,10 @@ var IgcDomainChartComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * 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.q9;
+            return this.i.rf;
         },
         set: function (v) {
-            this.i.q9 = v;
+            this.i.rf = v;
         },
         enumerable: false,
         configurable: true
@@ -2939,11 +2952,11 @@ var IgcDomainChartComponent = /** @class */ /*@__PURE__*/ (function (_super) {
         * ```
         */
         get: function () {
-            return this.i.g0;
+            return this.i.g6;
         },
         set: function (v) {
-            this.i.g0 = ensureBool(v);
-            this._a("isHorizontalZoomEnabled", this.i.g0);
+            this.i.g6 = ensureBool(v);
+            this._a("isHorizontalZoomEnabled", this.i.g6);
         },
         enumerable: false,
         configurable: true
@@ -2959,11 +2972,11 @@ var IgcDomainChartComponent = /** @class */ /*@__PURE__*/ (function (_super) {
         * ```
         */
         get: function () {
-            return this.i.g8;
+            return this.i.he;
         },
         set: function (v) {
-            this.i.g8 = ensureBool(v);
-            this._a("isVerticalZoomEnabled", this.i.g8);
+            this.i.he = ensureBool(v);
+            this._a("isVerticalZoomEnabled", this.i.he);
         },
         enumerable: false,
         configurable: true
@@ -2973,11 +2986,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.hb;
+            return this.i.hh;
         },
         set: function (v) {
-            this.i.hb = ensureBool(v);
-            this._a("shouldDisplayMockData", this.i.hb);
+            this.i.hh = ensureBool(v);
+            this._a("shouldDisplayMockData", this.i.hh);
         },
         enumerable: false,
         configurable: true
@@ -2987,11 +3000,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.he;
+            return this.i.hk;
         },
         set: function (v) {
-            this.i.he = ensureBool(v);
-            this._a("shouldUseSkeletonStyleForMockData", this.i.he);
+            this.i.hk = ensureBool(v);
+            this._a("shouldUseSkeletonStyleForMockData", this.i.hk);
         },
         enumerable: false,
         configurable: true
@@ -3002,11 +3015,11 @@ var IgcDomainChartComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * This property applies to Category Chart and Financial Chart controls.
         */
         get: function () {
-            return this.i.de;
+            return this.i.dk;
         },
         set: function (v) {
-            this.i.de = ensureEnum(SeriesHighlightedValuesDisplayMode_$type, v);
-            this._a("highlightedValuesDisplayMode", enumToString(SeriesHighlightedValuesDisplayMode_$type, this.i.de));
+            this.i.dk = ensureEnum(SeriesHighlightedValuesDisplayMode_$type, v);
+            this._a("highlightedValuesDisplayMode", enumToString(SeriesHighlightedValuesDisplayMode_$type, this.i.dk));
         },
         enumerable: false,
         configurable: true
@@ -3017,11 +3030,11 @@ var IgcDomainChartComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * This property applies to Category Chart and Financial Chart controls.
         */
         get: function () {
-            return this.i.g3;
+            return this.i.g9;
         },
         set: function (v) {
-            this.i.g3 = ensureBool(v);
-            this._a("isSeriesHighlightingEnabled", this.i.g3);
+            this.i.g9 = ensureBool(v);
+            this._a("isSeriesHighlightingEnabled", this.i.g9);
         },
         enumerable: false,
         configurable: true
@@ -3032,11 +3045,11 @@ var IgcDomainChartComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * This property applies to Category Chart and Financial Chart controls.
         */
         get: function () {
-            return this.i.y3;
+            return this.i.zf;
         },
         set: function (v) {
-            this.i.y3 = ensureEnum(Visibility_$type, v);
-            this._a("highlightedLegendItemVisibility", enumToString(Visibility_$type, this.i.y3));
+            this.i.zf = ensureEnum(Visibility_$type, v);
+            this._a("highlightedLegendItemVisibility", enumToString(Visibility_$type, this.i.zf));
         },
         enumerable: false,
         configurable: true
@@ -3053,11 +3066,11 @@ var IgcDomainChartComponent = /** @class */ /*@__PURE__*/ (function (_super) {
         * ```
         */
         get: function () {
-            return fromRect(this.i.yd);
+            return fromRect(this.i.yp);
         },
         set: function (v) {
-            this.i.yd = toRect(v);
-            this._a("windowRect", rectToString(this.i.yd));
+            this.i.yp = toRect(v);
+            this._a("windowRect", rectToString(this.i.yp));
         },
         enumerable: false,
         configurable: true
@@ -3073,7 +3086,7 @@ var IgcDomainChartComponent = /** @class */ /*@__PURE__*/ (function (_super) {
         * ```
         */
         get: function () {
-            return fromRect(this.i.yc);
+            return fromRect(this.i.yo);
         },
         enumerable: false,
         configurable: true
@@ -3089,10 +3102,10 @@ var IgcDomainChartComponent = /** @class */ /*@__PURE__*/ (function (_super) {
         * ```
         */
         get: function () {
-            return this.i.sn;
+            return this.i.st;
         },
         set: function (v) {
-            this.i.sn = v;
+            this.i.st = v;
         },
         enumerable: false,
         configurable: true
@@ -3108,10 +3121,10 @@ var IgcDomainChartComponent = /** @class */ /*@__PURE__*/ (function (_super) {
         * ```
         */
         get: function () {
-            return this.i.sc;
+            return this.i.si;
         },
         set: function (v) {
-            this.i.sc = v;
+            this.i.si = v;
         },
         enumerable: false,
         configurable: true
@@ -3127,11 +3140,11 @@ var IgcDomainChartComponent = /** @class */ /*@__PURE__*/ (function (_super) {
         * ```
         */
         get: function () {
-            return this.i.wm;
+            return this.i.wy;
         },
         set: function (v) {
-            this.i.wm = ensureEnum(HorizontalAlignment_$type, v);
-            this._a("titleAlignment", enumToString(HorizontalAlignment_$type, this.i.wm));
+            this.i.wy = ensureEnum(HorizontalAlignment_$type, v);
+            this._a("titleAlignment", enumToString(HorizontalAlignment_$type, this.i.wy));
         },
         enumerable: false,
         configurable: true
@@ -3147,11 +3160,11 @@ var IgcDomainChartComponent = /** @class */ /*@__PURE__*/ (function (_super) {
         * ```
         */
         get: function () {
-            return this.i.wl;
+            return this.i.wx;
         },
         set: function (v) {
-            this.i.wl = ensureEnum(HorizontalAlignment_$type, v);
-            this._a("subtitleAlignment", enumToString(HorizontalAlignment_$type, this.i.wl));
+            this.i.wx = ensureEnum(HorizontalAlignment_$type, v);
+            this._a("subtitleAlignment", enumToString(HorizontalAlignment_$type, this.i.wx));
         },
         enumerable: false,
         configurable: true
@@ -3168,11 +3181,11 @@ var IgcDomainChartComponent = /** @class */ /*@__PURE__*/ (function (_super) {
         * ```
         */
         get: function () {
-            return this.i.eb;
+            return this.i.eh;
         },
         set: function (v) {
-            this.i.eb = ensureEnum(UnknownValuePlotting_$type, v);
-            this._a("unknownValuePlotting", enumToString(UnknownValuePlotting_$type, this.i.eb));
+            this.i.eh = ensureEnum(UnknownValuePlotting_$type, v);
+            this._a("unknownValuePlotting", enumToString(UnknownValuePlotting_$type, this.i.eh));
         },
         enumerable: false,
         configurable: true
@@ -3189,11 +3202,11 @@ var IgcDomainChartComponent = /** @class */ /*@__PURE__*/ (function (_super) {
         * ```
         */
         get: function () {
-            return this.i.j0;
+            return this.i.j6;
         },
         set: function (v) {
-            this.i.j0 = +v;
-            this._a("resolution", this.i.j0);
+            this.i.j6 = +v;
+            this._a("resolution", this.i.j6);
         },
         enumerable: false,
         configurable: true
@@ -3205,11 +3218,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.j6;
+            return this.i.kc;
         },
         set: function (v) {
-            this.i.j6 = +v;
-            this._a("thickness", this.i.j6);
+            this.i.kc = +v;
+            this._a("thickness", this.i.kc);
         },
         enumerable: false,
         configurable: true
@@ -3219,11 +3232,11 @@ var IgcDomainChartComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the OutlineMode for all series in this chart.
         */
         get: function () {
-            return this.i.dk;
+            return this.i.dr;
         },
         set: function (v) {
-            this.i.dk = ensureEnum(SeriesOutlineMode_$type, v);
-            this._a("outlineMode", enumToString(SeriesOutlineMode_$type, this.i.dk));
+            this.i.dr = ensureEnum(SeriesOutlineMode_$type, v);
+            this._a("outlineMode", enumToString(SeriesOutlineMode_$type, this.i.dr));
         },
         enumerable: false,
         configurable: true
@@ -3233,11 +3246,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.cx;
+            return this.i.c3;
         },
         set: function (v) {
-            this.i.cx = ensureEnum(MarkerOutlineMode_$type, v);
-            this._a("markerOutlineMode", enumToString(MarkerOutlineMode_$type, this.i.cx));
+            this.i.c3 = ensureEnum(MarkerOutlineMode_$type, v);
+            this._a("markerOutlineMode", enumToString(MarkerOutlineMode_$type, this.i.c3));
         },
         enumerable: false,
         configurable: true
@@ -3247,11 +3260,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.cv;
+            return this.i.c1;
         },
         set: function (v) {
-            this.i.cv = ensureEnum(MarkerFillMode_$type, v);
-            this._a("markerFillMode", enumToString(MarkerFillMode_$type, this.i.cv));
+            this.i.c1 = ensureEnum(MarkerFillMode_$type, v);
+            this._a("markerFillMode", enumToString(MarkerFillMode_$type, this.i.c1));
         },
         enumerable: false,
         configurable: true
@@ -3261,11 +3274,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.jt;
+            return this.i.jz;
         },
         set: function (v) {
-            this.i.jt = +v;
-            this._a("markerFillOpacity", this.i.jt);
+            this.i.jz = +v;
+            this._a("markerFillOpacity", this.i.jz);
         },
         enumerable: false,
         configurable: true
@@ -3275,11 +3288,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.ju;
+            return this.i.j0;
         },
         set: function (v) {
-            this.i.ju = +v;
-            this._a("markerThickness", this.i.ju);
+            this.i.j0 = +v;
+            this._a("markerThickness", this.i.j0);
         },
         enumerable: false,
         configurable: true
@@ -3292,12 +3305,12 @@ var IgcDomainChartComponent = /** @class */ /*@__PURE__*/ (function (_super) {
         get: function () {
             if (this._markerTypes === null) {
                 var coll = new IgcMarkerTypeCollection();
-                var innerColl = this.i.c3;
+                var innerColl = this.i.c9;
                 if (!innerColl) {
                     innerColl = new MarkerTypeCollection_internal();
                 }
                 this._markerTypes = coll._fromInner(innerColl);
-                this.i.c3 = innerColl;
+                this.i.c9 = innerColl;
             }
             return this._markerTypes;
         },
@@ -3309,14 +3322,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.c3;
+            var innerColl = this.i.c9;
             if (!innerColl) {
                 innerColl = new MarkerTypeCollection_internal();
             }
             syncColl._inner = innerColl;
             syncColl.clear();
             this._markerTypes._setSyncTarget(syncColl);
-            this.i.c3 = innerColl;
+            this.i.c9 = innerColl;
         },
         enumerable: false,
         configurable: true
@@ -3327,11 +3340,11 @@ var IgcDomainChartComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * This property is ignored when the MarkerTypes property is set
         */
         get: function () {
-            return this.i.ct;
+            return this.i.cz;
         },
         set: function (v) {
-            this.i.ct = ensureEnum(MarkerAutomaticBehavior_$type, v);
-            this._a("markerAutomaticBehavior", enumToString(MarkerAutomaticBehavior_$type, this.i.ct));
+            this.i.cz = ensureEnum(MarkerAutomaticBehavior_$type, v);
+            this._a("markerAutomaticBehavior", enumToString(MarkerAutomaticBehavior_$type, this.i.cz));
         },
         enumerable: false,
         configurable: true
@@ -3389,11 +3402,11 @@ var IgcDomainChartComponent = /** @class */ /*@__PURE__*/ (function (_super) {
         * ```
         */
         get: function () {
-            return this.i.lc;
+            return this.i.li;
         },
         set: function (v) {
-            this.i.lc = +v;
-            this._a("markerMaxCount", this.i.lc);
+            this.i.li = +v;
+            this._a("markerMaxCount", this.i.li);
         },
         enumerable: false,
         configurable: true
@@ -3404,11 +3417,11 @@ var IgcDomainChartComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * For example, Area, SplineArea, Column chart types
         */
         get: function () {
-            return this.i.jd;
+            return this.i.jj;
         },
         set: function (v) {
-            this.i.jd = +v;
-            this._a("areaFillOpacity", this.i.jd);
+            this.i.jj = +v;
+            this._a("areaFillOpacity", this.i.jj);
         },
         enumerable: false,
         configurable: true
@@ -3418,11 +3431,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.ga;
+            return this.i.gg;
         },
         set: function (v) {
-            this.i.ga = ensureBool(v);
-            this._a("animateSeriesWhenAxisRangeChanges", this.i.ga);
+            this.i.gg = ensureBool(v);
+            this._a("animateSeriesWhenAxisRangeChanges", this.i.gg);
         },
         enumerable: false,
         configurable: true
@@ -3460,11 +3473,11 @@ var IgcDomainChartComponent = /** @class */ /*@__PURE__*/ (function (_super) {
         * ```
         */
         get: function () {
-            return this.i.d9;
+            return this.i.ef;
         },
         set: function (v) {
-            this.i.d9 = ensureEnum(TrendLineType_$type, v);
-            this._a("trendLineType", enumToString(TrendLineType_$type, this.i.d9));
+            this.i.ef = ensureEnum(TrendLineType_$type, v);
+            this._a("trendLineType", enumToString(TrendLineType_$type, this.i.ef));
         },
         enumerable: false,
         configurable: true
@@ -3481,11 +3494,11 @@ var IgcDomainChartComponent = /** @class */ /*@__PURE__*/ (function (_super) {
         * ```
         */
         get: function () {
-            return this.i.kc;
+            return this.i.ki;
         },
         set: function (v) {
-            this.i.kc = +v;
-            this._a("trendLineThickness", this.i.kc);
+            this.i.ki = +v;
+            this._a("trendLineThickness", this.i.ki);
         },
         enumerable: false,
         configurable: true
@@ -3501,11 +3514,11 @@ var IgcDomainChartComponent = /** @class */ /*@__PURE__*/ (function (_super) {
         * ```
         */
         get: function () {
-            return this.i.f9;
+            return this.i.gf;
         },
         set: function (v) {
-            this.i.f9 = ensureBool(v);
-            this._a("alignsGridLinesToPixels", this.i.f9);
+            this.i.gf = ensureBool(v);
+            this._a("alignsGridLinesToPixels", this.i.gf);
         },
         enumerable: false,
         configurable: true
@@ -3515,11 +3528,11 @@ var IgcDomainChartComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Margin applied to the Left of the plot area.
         */
         get: function () {
-            return this.i.jx;
+            return this.i.j3;
         },
         set: function (v) {
-            this.i.jx = +v;
-            this._a("plotAreaMarginLeft", this.i.jx);
+            this.i.j3 = +v;
+            this._a("plotAreaMarginLeft", this.i.j3);
         },
         enumerable: false,
         configurable: true
@@ -3529,11 +3542,11 @@ var IgcDomainChartComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Margin applied to the Top of the plot area.
         */
         get: function () {
-            return this.i.jz;
+            return this.i.j5;
         },
         set: function (v) {
-            this.i.jz = +v;
-            this._a("plotAreaMarginTop", this.i.jz);
+            this.i.j5 = +v;
+            this._a("plotAreaMarginTop", this.i.j5);
         },
         enumerable: false,
         configurable: true
@@ -3543,11 +3556,11 @@ var IgcDomainChartComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Margin applied to the right of the plot area.
         */
         get: function () {
-            return this.i.jy;
+            return this.i.j4;
         },
         set: function (v) {
-            this.i.jy = +v;
-            this._a("plotAreaMarginRight", this.i.jy);
+            this.i.j4 = +v;
+            this._a("plotAreaMarginRight", this.i.j4);
         },
         enumerable: false,
         configurable: true
@@ -3557,11 +3570,11 @@ var IgcDomainChartComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Margin applied below the plot area.
         */
         get: function () {
-            return this.i.jw;
+            return this.i.j2;
         },
         set: function (v) {
-            this.i.jw = +v;
-            this._a("plotAreaMarginBottom", this.i.jw);
+            this.i.j2 = +v;
+            this._a("plotAreaMarginBottom", this.i.j2);
         },
         enumerable: false,
         configurable: true
@@ -3585,11 +3598,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.dm;
+            return this.i.dt;
         },
         set: function (v) {
-            this.i.dm = ensureEnum(SeriesPlotAreaMarginHorizontalMode_$type, v);
-            this._a("seriesPlotAreaMarginHorizontalMode", enumToString(SeriesPlotAreaMarginHorizontalMode_$type, this.i.dm));
+            this.i.dt = ensureEnum(SeriesPlotAreaMarginHorizontalMode_$type, v);
+            this._a("seriesPlotAreaMarginHorizontalMode", enumToString(SeriesPlotAreaMarginHorizontalMode_$type, this.i.dt));
         },
         enumerable: false,
         configurable: true
@@ -3599,11 +3612,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.dp;
+            return this.i.dv;
         },
         set: function (v) {
-            this.i.dp = ensureEnum(SeriesPlotAreaMarginVerticalMode_$type, v);
-            this._a("seriesPlotAreaMarginVerticalMode", enumToString(SeriesPlotAreaMarginVerticalMode_$type, this.i.dp));
+            this.i.dv = ensureEnum(SeriesPlotAreaMarginVerticalMode_$type, v);
+            this._a("seriesPlotAreaMarginVerticalMode", enumToString(SeriesPlotAreaMarginVerticalMode_$type, this.i.dv));
         },
         enumerable: false,
         configurable: true
@@ -3613,11 +3626,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 IsHighlightingEnabled.
         */
         get: function () {
-            return this.i.di;
+            return this.i.dp;
         },
         set: function (v) {
-            this.i.di = ensureEnum(SeriesHighlightingMode_$type, v);
-            this._a("highlightingMode", enumToString(SeriesHighlightingMode_$type, this.i.di));
+            this.i.dp = ensureEnum(SeriesHighlightingMode_$type, v);
+            this._a("highlightingMode", enumToString(SeriesHighlightingMode_$type, this.i.dp));
         },
         enumerable: false,
         configurable: true
@@ -3627,11 +3640,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 IsHighlightingEnabled.
         */
         get: function () {
-            return this.i.dg;
+            return this.i.dm;
         },
         set: function (v) {
-            this.i.dg = ensureEnum(SeriesHighlightingBehavior_$type, v);
-            this._a("highlightingBehavior", enumToString(SeriesHighlightingBehavior_$type, this.i.dg));
+            this.i.dm = ensureEnum(SeriesHighlightingBehavior_$type, v);
+            this._a("highlightingBehavior", enumToString(SeriesHighlightingBehavior_$type, this.i.dm));
         },
         enumerable: false,
         configurable: true
@@ -3641,11 +3654,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.cl;
+            return this.i.cr;
         },
         set: function (v) {
-            this.i.cl = ensureEnum(LegendHighlightingMode_$type, v);
-            this._a("legendHighlightingMode", enumToString(LegendHighlightingMode_$type, this.i.cl));
+            this.i.cr = ensureEnum(LegendHighlightingMode_$type, v);
+            this._a("legendHighlightingMode", enumToString(LegendHighlightingMode_$type, this.i.cr));
         },
         enumerable: false,
         configurable: true
@@ -3656,11 +3669,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.cr;
+            return this.i.cx;
         },
         set: function (v) {
-            this.i.cr = ensureEnum(LegendItemBadgeShape_$type, v);
-            this._a("legendItemBadgeShape", enumToString(LegendItemBadgeShape_$type, this.i.cr));
+            this.i.cx = ensureEnum(LegendItemBadgeShape_$type, v);
+            this._a("legendItemBadgeShape", enumToString(LegendItemBadgeShape_$type, this.i.cx));
         },
         enumerable: false,
         configurable: true
@@ -3671,22 +3684,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.cn;
+            return this.i.ct;
         },
         set: function (v) {
-            this.i.cn = ensureEnum(LegendItemBadgeMode_$type, v);
-            this._a("legendItemBadgeMode", enumToString(LegendItemBadgeMode_$type, this.i.cn));
+            this.i.ct = ensureEnum(LegendItemBadgeMode_$type, v);
+            this._a("legendItemBadgeMode", enumToString(LegendItemBadgeMode_$type, this.i.ct));
         },
         enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcDomainChartComponent.prototype, "trendLinePeriod", {
         get: function () {
-            return this.i.lf;
+            return this.i.ll;
         },
         set: function (v) {
-            this.i.lf = +v;
-            this._a("trendLinePeriod", this.i.lf);
+            this.i.ll = +v;
+            this._a("trendLinePeriod", this.i.ll);
         },
         enumerable: false,
         configurable: true
@@ -3696,11 +3709,11 @@ var IgcDomainChartComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the style of tooltip to be displayed.
         */
         get: function () {
-            return this.i.d7;
+            return this.i.ed;
         },
         set: function (v) {
-            this.i.d7 = ensureEnum(ToolTipType_$type, v);
-            this._a("toolTipType", enumToString(ToolTipType_$type, this.i.d7));
+            this.i.ed = ensureEnum(ToolTipType_$type, v);
+            this._a("toolTipType", enumToString(ToolTipType_$type, this.i.ed));
         },
         enumerable: false,
         configurable: true
@@ -3724,11 +3737,11 @@ var IgcDomainChartComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets whether crosshairs will snap to the nearest data point.
         */
         get: function () {
-            return this.i.gj;
+            return this.i.gp;
         },
         set: function (v) {
-            this.i.gj = ensureBool(v);
-            this._a("crosshairsSnapToData", this.i.gj);
+            this.i.gp = ensureBool(v);
+            this._a("crosshairsSnapToData", this.i.gp);
         },
         enumerable: false,
         configurable: true
@@ -3738,11 +3751,11 @@ var IgcDomainChartComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the color to apply to vertical crosshairs line.
         */
         get: function () {
-            return brushToString(this.i.xk);
+            return brushToString(this.i.xw);
         },
         set: function (v) {
-            this.i.xk = stringToBrush(v);
-            this._a("crosshairsLineVerticalStroke", brushToString(this.i.xk));
+            this.i.xw = stringToBrush(v);
+            this._a("crosshairsLineVerticalStroke", brushToString(this.i.xw));
         },
         enumerable: false,
         configurable: true
@@ -3752,11 +3765,11 @@ var IgcDomainChartComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets thickness of crosshairs lines.
         */
         get: function () {
-            return this.i.jg;
+            return this.i.jm;
         },
         set: function (v) {
-            this.i.jg = +v;
-            this._a("crosshairsLineThickness", this.i.jg);
+            this.i.jm = +v;
+            this._a("crosshairsLineThickness", this.i.jm);
         },
         enumerable: false,
         configurable: true
@@ -3766,11 +3779,11 @@ var IgcDomainChartComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the color to apply to horizontal crosshairs line.
         */
         get: function () {
-            return brushToString(this.i.xj);
+            return brushToString(this.i.xv);
         },
         set: function (v) {
-            this.i.xj = stringToBrush(v);
-            this._a("crosshairsLineHorizontalStroke", brushToString(this.i.xj));
+            this.i.xv = stringToBrush(v);
+            this._a("crosshairsLineHorizontalStroke", brushToString(this.i.xv));
         },
         enumerable: false,
         configurable: true
@@ -3780,11 +3793,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.gi;
+            return this.i.go;
         },
         set: function (v) {
-            this.i.gi = ensureBool(v);
-            this._a("crosshairsAnnotationEnabled", this.i.gi);
+            this.i.go = ensureBool(v);
+            this._a("crosshairsAnnotationEnabled", this.i.go);
         },
         enumerable: false,
         configurable: true
@@ -3794,11 +3807,11 @@ var IgcDomainChartComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the background of crosshair annotation on x-axis.
         */
         get: function () {
-            return brushToString(this.i.xf);
+            return brushToString(this.i.xr);
         },
         set: function (v) {
-            this.i.xf = stringToBrush(v);
-            this._a("crosshairsAnnotationXAxisBackground", brushToString(this.i.xf));
+            this.i.xr = stringToBrush(v);
+            this._a("crosshairsAnnotationXAxisBackground", brushToString(this.i.xr));
         },
         enumerable: false,
         configurable: true
@@ -3808,11 +3821,11 @@ var IgcDomainChartComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the background of crosshair annotation on y-axis.
         */
         get: function () {
-            return brushToString(this.i.xh);
+            return brushToString(this.i.xt);
         },
         set: function (v) {
-            this.i.xh = stringToBrush(v);
-            this._a("crosshairsAnnotationYAxisBackground", brushToString(this.i.xh));
+            this.i.xt = stringToBrush(v);
+            this._a("crosshairsAnnotationYAxisBackground", brushToString(this.i.xt));
         },
         enumerable: false,
         configurable: true
@@ -3822,11 +3835,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.xg);
+            return brushToString(this.i.xs);
         },
         set: function (v) {
-            this.i.xg = stringToBrush(v);
-            this._a("crosshairsAnnotationXAxisTextColor", brushToString(this.i.xg));
+            this.i.xs = stringToBrush(v);
+            this._a("crosshairsAnnotationXAxisTextColor", brushToString(this.i.xs));
         },
         enumerable: false,
         configurable: true
@@ -3836,11 +3849,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.xi);
+            return brushToString(this.i.xu);
         },
         set: function (v) {
-            this.i.xi = stringToBrush(v);
-            this._a("crosshairsAnnotationYAxisTextColor", brushToString(this.i.xi));
+            this.i.xu = stringToBrush(v);
+            this._a("crosshairsAnnotationYAxisTextColor", brushToString(this.i.xu));
         },
         enumerable: false,
         configurable: true
@@ -3850,11 +3863,11 @@ var IgcDomainChartComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets precision on interpolated values of crosshairs on x-axis.
         */
         get: function () {
-            return this.i.k5;
+            return this.i.lb;
         },
         set: function (v) {
-            this.i.k5 = +v;
-            this._a("crosshairsAnnotationXAxisPrecision", this.i.k5);
+            this.i.lb = +v;
+            this._a("crosshairsAnnotationXAxisPrecision", this.i.lb);
         },
         enumerable: false,
         configurable: true
@@ -3864,11 +3877,11 @@ var IgcDomainChartComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets precision on interpolated values of crosshairs on y-axis.
         */
         get: function () {
-            return this.i.k6;
+            return this.i.lc;
         },
         set: function (v) {
-            this.i.k6 = +v;
-            this._a("crosshairsAnnotationYAxisPrecision", this.i.k6);
+            this.i.lc = +v;
+            this._a("crosshairsAnnotationYAxisPrecision", this.i.lc);
         },
         enumerable: false,
         configurable: true
@@ -3878,11 +3891,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.ha;
+            return this.i.hg;
         },
         set: function (v) {
-            this.i.ha = ensureBool(v);
-            this._a("shouldAvoidAxisAnnotationCollisions", this.i.ha);
+            this.i.hg = ensureBool(v);
+            this._a("shouldAvoidAxisAnnotationCollisions", this.i.hg);
         },
         enumerable: false,
         configurable: true
@@ -3892,11 +3905,11 @@ var IgcDomainChartComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets a whether the chart should pan its content when zoo,ing in passed max zoom level.
         */
         get: function () {
-            return this.i.hc;
+            return this.i.hi;
         },
         set: function (v) {
-            this.i.hc = ensureBool(v);
-            this._a("shouldPanOnMaximumZoom", this.i.hc);
+            this.i.hi = ensureBool(v);
+            this._a("shouldPanOnMaximumZoom", this.i.hi);
         },
         enumerable: false,
         configurable: true
@@ -3906,11 +3919,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.gq;
+            return this.i.gw;
         },
         set: function (v) {
-            this.i.gq = ensureBool(v);
-            this._a("finalValueAnnotationsVisible", this.i.gq);
+            this.i.gw = ensureBool(v);
+            this._a("finalValueAnnotationsVisible", this.i.gw);
         },
         enumerable: false,
         configurable: true
@@ -3920,11 +3933,11 @@ var IgcDomainChartComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the background of final value annotation.
         */
         get: function () {
-            return brushToString(this.i.xv);
+            return brushToString(this.i.x7);
         },
         set: function (v) {
-            this.i.xv = stringToBrush(v);
-            this._a("finalValueAnnotationsBackground", brushToString(this.i.xv));
+            this.i.x7 = stringToBrush(v);
+            this._a("finalValueAnnotationsBackground", brushToString(this.i.x7));
         },
         enumerable: false,
         configurable: true
@@ -3934,11 +3947,11 @@ var IgcDomainChartComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the text color of final value annotation.
         */
         get: function () {
-            return brushToString(this.i.xw);
+            return brushToString(this.i.x8);
         },
         set: function (v) {
-            this.i.xw = stringToBrush(v);
-            this._a("finalValueAnnotationsTextColor", brushToString(this.i.xw));
+            this.i.x8 = stringToBrush(v);
+            this._a("finalValueAnnotationsTextColor", brushToString(this.i.x8));
         },
         enumerable: false,
         configurable: true
@@ -3948,11 +3961,11 @@ var IgcDomainChartComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets precision on final value annotation.
         */
         get: function () {
-            return this.i.k9;
+            return this.i.lf;
         },
         set: function (v) {
-            this.i.k9 = +v;
-            this._a("finalValueAnnotationsPrecision", this.i.k9);
+            this.i.lf = +v;
+            this._a("finalValueAnnotationsPrecision", this.i.lf);
         },
         enumerable: false,
         configurable: true
@@ -3962,11 +3975,11 @@ var IgcDomainChartComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets if the auto value callouts should be displayed.
         */
         get: function () {
-            return this.i.gc;
+            return this.i.gi;
         },
         set: function (v) {
-            this.i.gc = ensureBool(v);
-            this._a("autoCalloutsVisible", this.i.gc);
+            this.i.gi = ensureBool(v);
+            this._a("autoCalloutsVisible", this.i.gi);
         },
         enumerable: false,
         configurable: true
@@ -3976,11 +3989,11 @@ var IgcDomainChartComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets if callouts should be displayed.
         */
         get: function () {
-            return this.i.gh;
+            return this.i.gn;
         },
         set: function (v) {
-            this.i.gh = ensureBool(v);
-            this._a("calloutsVisible", this.i.gh);
+            this.i.gn = ensureBool(v);
+            this._a("calloutsVisible", this.i.gn);
         },
         enumerable: false,
         configurable: true
@@ -3990,11 +4003,11 @@ var IgcDomainChartComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets if event annotations should be displayed.
         */
         get: function () {
-            return this.i.gd;
+            return this.i.gj;
         },
         set: function (v) {
-            this.i.gd = ensureBool(v);
-            this._a("calloutStyleUpdatingEventEnabled", this.i.gd);
+            this.i.gj = ensureBool(v);
+            this._a("calloutStyleUpdatingEventEnabled", this.i.gj);
         },
         enumerable: false,
         configurable: true
@@ -4004,11 +4017,11 @@ var IgcDomainChartComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets if event annotations should be displayed.
         */
         get: function () {
-            return this.i.hf;
+            return this.i.hl;
         },
         set: function (v) {
-            this.i.hf = ensureBool(v);
-            this._a("useValueForAutoCalloutLabels", this.i.hf);
+            this.i.hl = ensureBool(v);
+            this._a("useValueForAutoCalloutLabels", this.i.hl);
         },
         enumerable: false,
         configurable: true
@@ -4032,11 +4045,11 @@ var IgcDomainChartComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets if the series item color should be used for the callout fills.
         */
         get: function () {
-            return this.i.gf;
+            return this.i.gl;
         },
         set: function (v) {
-            this.i.gf = ensureBool(v);
-            this._a("calloutsUseItemColorForFill", this.i.gf);
+            this.i.gl = ensureBool(v);
+            this._a("calloutsUseItemColorForFill", this.i.gl);
         },
         enumerable: false,
         configurable: true
@@ -4046,11 +4059,11 @@ var IgcDomainChartComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets if the series item color should be used for the callout outlines.
         */
         get: function () {
-            return this.i.gg;
+            return this.i.gm;
         },
         set: function (v) {
-            this.i.gg = ensureBool(v);
-            this._a("calloutsUseItemColorForOutline", this.i.gg);
+            this.i.gm = ensureBool(v);
+            this._a("calloutsUseItemColorForOutline", this.i.gm);
         },
         enumerable: false,
         configurable: true
@@ -4060,11 +4073,11 @@ var IgcDomainChartComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets whether to the label color is automatically decided between a light and dark option for contrast.
         */
         get: function () {
-            return this.i.ge;
+            return this.i.gk;
         },
         set: function (v) {
-            this.i.ge = ensureBool(v);
-            this._a("calloutsUseAutoContrastingLabelColors", this.i.ge);
+            this.i.gk = ensureBool(v);
+            this._a("calloutsUseAutoContrastingLabelColors", this.i.gk);
         },
         enumerable: false,
         configurable: true
@@ -4074,11 +4087,11 @@ var IgcDomainChartComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets if the thickness that should be used for the callout outlines.
         */
         get: function () {
-            return this.i.jf;
+            return this.i.jl;
         },
         set: function (v) {
-            this.i.jf = +v;
-            this._a("calloutsStrokeThickness", this.i.jf);
+            this.i.jl = +v;
+            this._a("calloutsStrokeThickness", this.i.jl);
         },
         enumerable: false,
         configurable: true
@@ -4088,11 +4101,11 @@ var IgcDomainChartComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets if the thickness that should be used for the callout outlines.
         */
         get: function () {
-            return brushToString(this.i.xe);
+            return brushToString(this.i.xq);
         },
         set: function (v) {
-            this.i.xe = stringToBrush(v);
-            this._a("calloutsBackground", brushToString(this.i.xe));
+            this.i.xq = stringToBrush(v);
+            this._a("calloutsBackground", brushToString(this.i.xq));
         },
         enumerable: false,
         configurable: true
@@ -4102,11 +4115,11 @@ var IgcDomainChartComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the amount of precision to apply to the auto callout labels.
         */
         get: function () {
-            return this.i.k4;
+            return this.i.la;
         },
         set: function (v) {
-            this.i.k4 = +v;
-            this._a("calloutsAutoLabelPrecision", this.i.k4);
+            this.i.la = +v;
+            this._a("calloutsAutoLabelPrecision", this.i.la);
         },
         enumerable: false,
         configurable: true
@@ -4152,10 +4165,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.ne;
+            return this.i.nk;
         },
         set: function (v) {
-            this.i.ne = v;
+            this.i.nk = v;
         },
         enumerable: false,
         configurable: true
@@ -4165,10 +4178,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.ng;
+            return this.i.nm;
         },
         set: function (v) {
-            this.i.ng = v;
+            this.i.nm = v;
         },
         enumerable: false,
         configurable: true
@@ -4178,10 +4191,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.m6;
+            return this.i.nc;
         },
         set: function (v) {
-            this.i.m6 = v;
+            this.i.nc = v;
         },
         enumerable: false,
         configurable: true
@@ -4191,10 +4204,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.m3;
+            return this.i.m9;
         },
         set: function (v) {
-            this.i.m3 = v;
+            this.i.m9 = v;
         },
         enumerable: false,
         configurable: true
@@ -4206,12 +4219,12 @@ var IgcDomainChartComponent = /** @class */ /*@__PURE__*/ (function (_super) {
         get: function () {
             if (this._valueLines === null) {
                 var coll = new IgcValueModeCollection();
-                var innerColl = this.i.ed;
+                var innerColl = this.i.ej;
                 if (!innerColl) {
                     innerColl = new ValueModeCollection_internal();
                 }
                 this._valueLines = coll._fromInner(innerColl);
-                this.i.ed = innerColl;
+                this.i.ej = innerColl;
             }
             return this._valueLines;
         },
@@ -4223,14 +4236,14 @@ var IgcDomainChartComponent = /** @class */ /*@__PURE__*/ (function (_super) {
             var coll = new IgcValueModeCollection();
             this._valueLines = coll._fromOuter(v);
             var syncColl = new SyncableObservableCollection$1(ValueLayerValueMode_$type);
-            var innerColl = this.i.ed;
+            var innerColl = this.i.ej;
             if (!innerColl) {
                 innerColl = new ValueModeCollection_internal();
             }
             syncColl._inner = innerColl;
             syncColl.clear();
             this._valueLines._setSyncTarget(syncColl);
-            this.i.ed = innerColl;
+            this.i.ej = innerColl;
         },
         enumerable: false,
         configurable: true
@@ -4255,11 +4268,11 @@ var IgcDomainChartComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets thickness of value lines.
         */
         get: function () {
-            return this.i.kd;
+            return this.i.kj;
         },
         set: function (v) {
-            this.i.kd = +v;
-            this._a("valueLinesThickness", this.i.kd);
+            this.i.kj = +v;
+            this._a("valueLinesThickness", this.i.kj);
         },
         enumerable: false,
         configurable: true
@@ -4269,11 +4282,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.d0;
+            return this.i.d6;
         },
         set: function (v) {
-            this.i.d0 = ensureEnum(SeriesViewerScrollbarMode_$type, v);
-            this._a("horizontalViewScrollbarMode", enumToString(SeriesViewerScrollbarMode_$type, this.i.d0));
+            this.i.d6 = ensureEnum(SeriesViewerScrollbarMode_$type, v);
+            this._a("horizontalViewScrollbarMode", enumToString(SeriesViewerScrollbarMode_$type, this.i.d6));
         },
         enumerable: false,
         configurable: true
@@ -4283,11 +4296,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.d1;
+            return this.i.d7;
         },
         set: function (v) {
-            this.i.d1 = ensureEnum(SeriesViewerScrollbarMode_$type, v);
-            this._a("verticalViewScrollbarMode", enumToString(SeriesViewerScrollbarMode_$type, this.i.d1));
+            this.i.d7 = ensureEnum(SeriesViewerScrollbarMode_$type, v);
+            this._a("verticalViewScrollbarMode", enumToString(SeriesViewerScrollbarMode_$type, this.i.d7));
         },
         enumerable: false,
         configurable: true
@@ -4297,11 +4310,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.dx;
+            return this.i.d3;
         },
         set: function (v) {
-            this.i.dx = ensureEnum(SeriesViewerHorizontalScrollbarPosition_$type, v);
-            this._a("horizontalViewScrollbarPosition", enumToString(SeriesViewerHorizontalScrollbarPosition_$type, this.i.dx));
+            this.i.d3 = ensureEnum(SeriesViewerHorizontalScrollbarPosition_$type, v);
+            this._a("horizontalViewScrollbarPosition", enumToString(SeriesViewerHorizontalScrollbarPosition_$type, this.i.d3));
         },
         enumerable: false,
         configurable: true
@@ -4311,11 +4324,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.d5;
+            return this.i.eb;
         },
         set: function (v) {
-            this.i.d5 = ensureEnum(SeriesViewerVerticalScrollbarPosition_$type, v);
-            this._a("verticalViewScrollbarPosition", enumToString(SeriesViewerVerticalScrollbarPosition_$type, this.i.d5));
+            this.i.eb = ensureEnum(SeriesViewerVerticalScrollbarPosition_$type, v);
+            this._a("verticalViewScrollbarPosition", enumToString(SeriesViewerVerticalScrollbarPosition_$type, this.i.eb));
         },
         enumerable: false,
         configurable: true
@@ -4325,11 +4338,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.x2);
+            return brushToString(this.i.ye);
         },
         set: function (v) {
-            this.i.x2 = stringToBrush(v);
-            this._a("horizontalViewScrollbarFill", brushToString(this.i.x2));
+            this.i.ye = stringToBrush(v);
+            this._a("horizontalViewScrollbarFill", brushToString(this.i.ye));
         },
         enumerable: false,
         configurable: true
@@ -4339,11 +4352,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.x3);
+            return brushToString(this.i.yf);
         },
         set: function (v) {
-            this.i.x3 = stringToBrush(v);
-            this._a("horizontalViewScrollbarOutline", brushToString(this.i.x3));
+            this.i.yf = stringToBrush(v);
+            this._a("horizontalViewScrollbarOutline", brushToString(this.i.yf));
         },
         enumerable: false,
         configurable: true
@@ -4353,11 +4366,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.jp;
+            return this.i.jv;
         },
         set: function (v) {
-            this.i.jp = +v;
-            this._a("horizontalViewScrollbarStrokeThickness", this.i.jp);
+            this.i.jv = +v;
+            this._a("horizontalViewScrollbarStrokeThickness", this.i.jv);
         },
         enumerable: false,
         configurable: true
@@ -4367,11 +4380,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.jo;
+            return this.i.ju;
         },
         set: function (v) {
-            this.i.jo = +v;
-            this._a("horizontalViewScrollbarMaxOpacity", this.i.jo);
+            this.i.ju = +v;
+            this._a("horizontalViewScrollbarMaxOpacity", this.i.ju);
         },
         enumerable: false,
         configurable: true
@@ -4381,11 +4394,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.jl;
+            return this.i.jr;
         },
         set: function (v) {
-            this.i.jl = +v;
-            this._a("horizontalViewScrollbarCornerRadius", this.i.jl);
+            this.i.jr = +v;
+            this._a("horizontalViewScrollbarCornerRadius", this.i.jr);
         },
         enumerable: false,
         configurable: true
@@ -4395,11 +4408,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.jm;
+            return this.i.js;
         },
         set: function (v) {
-            this.i.jm = +v;
-            this._a("horizontalViewScrollbarHeight", this.i.jm);
+            this.i.js = +v;
+            this._a("horizontalViewScrollbarHeight", this.i.js);
         },
         enumerable: false,
         configurable: true
@@ -4409,11 +4422,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.jn;
+            return this.i.jt;
         },
         set: function (v) {
-            this.i.jn = +v;
-            this._a("horizontalViewScrollbarInset", this.i.jn);
+            this.i.jt = +v;
+            this._a("horizontalViewScrollbarInset", this.i.jt);
         },
         enumerable: false,
         configurable: true
@@ -4423,11 +4436,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.jr;
+            return this.i.jx;
         },
         set: function (v) {
-            this.i.jr = +v;
-            this._a("horizontalViewScrollbarTrackStartInset", this.i.jr);
+            this.i.jx = +v;
+            this._a("horizontalViewScrollbarTrackStartInset", this.i.jx);
         },
         enumerable: false,
         configurable: true
@@ -4437,11 +4450,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.jq;
+            return this.i.jw;
         },
         set: function (v) {
-            this.i.jq = +v;
-            this._a("horizontalViewScrollbarTrackEndInset", this.i.jq);
+            this.i.jw = +v;
+            this._a("horizontalViewScrollbarTrackEndInset", this.i.jw);
         },
         enumerable: false,
         configurable: true
@@ -4451,11 +4464,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.gt;
+            return this.i.gz;
         },
         set: function (v) {
-            this.i.gt = ensureBool(v);
-            this._a("horizontalViewScrollbarShouldAddAutoTrackInsets", this.i.gt);
+            this.i.gz = ensureBool(v);
+            this._a("horizontalViewScrollbarShouldAddAutoTrackInsets", this.i.gz);
         },
         enumerable: false,
         configurable: true
@@ -4465,11 +4478,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.x8);
+            return brushToString(this.i.yk);
         },
         set: function (v) {
-            this.i.x8 = stringToBrush(v);
-            this._a("verticalViewScrollbarFill", brushToString(this.i.x8));
+            this.i.yk = stringToBrush(v);
+            this._a("verticalViewScrollbarFill", brushToString(this.i.yk));
         },
         enumerable: false,
         configurable: true
@@ -4479,11 +4492,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.x9);
+            return brushToString(this.i.yl);
         },
         set: function (v) {
-            this.i.x9 = stringToBrush(v);
-            this._a("verticalViewScrollbarOutline", brushToString(this.i.x9));
+            this.i.yl = stringToBrush(v);
+            this._a("verticalViewScrollbarOutline", brushToString(this.i.yl));
         },
         enumerable: false,
         configurable: true
@@ -4493,11 +4506,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.kh;
+            return this.i.kn;
         },
         set: function (v) {
-            this.i.kh = +v;
-            this._a("verticalViewScrollbarStrokeThickness", this.i.kh);
+            this.i.kn = +v;
+            this._a("verticalViewScrollbarStrokeThickness", this.i.kn);
         },
         enumerable: false,
         configurable: true
@@ -4507,11 +4520,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.kg;
+            return this.i.km;
         },
         set: function (v) {
-            this.i.kg = +v;
-            this._a("verticalViewScrollbarMaxOpacity", this.i.kg);
+            this.i.km = +v;
+            this._a("verticalViewScrollbarMaxOpacity", this.i.km);
         },
         enumerable: false,
         configurable: true
@@ -4521,11 +4534,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.ke;
+            return this.i.kk;
         },
         set: function (v) {
-            this.i.ke = +v;
-            this._a("verticalViewScrollbarCornerRadius", this.i.ke);
+            this.i.kk = +v;
+            this._a("verticalViewScrollbarCornerRadius", this.i.kk);
         },
         enumerable: false,
         configurable: true
@@ -4535,11 +4548,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.kk;
+            return this.i.kq;
         },
         set: function (v) {
-            this.i.kk = +v;
-            this._a("verticalViewScrollbarWidth", this.i.kk);
+            this.i.kq = +v;
+            this._a("verticalViewScrollbarWidth", this.i.kq);
         },
         enumerable: false,
         configurable: true
@@ -4549,11 +4562,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.kf;
+            return this.i.kl;
         },
         set: function (v) {
-            this.i.kf = +v;
-            this._a("verticalViewScrollbarInset", this.i.kf);
+            this.i.kl = +v;
+            this._a("verticalViewScrollbarInset", this.i.kl);
         },
         enumerable: false,
         configurable: true
@@ -4563,11 +4576,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.kj;
+            return this.i.kp;
         },
         set: function (v) {
-            this.i.kj = +v;
-            this._a("verticalViewScrollbarTrackStartInset", this.i.kj);
+            this.i.kp = +v;
+            this._a("verticalViewScrollbarTrackStartInset", this.i.kp);
         },
         enumerable: false,
         configurable: true
@@ -4577,11 +4590,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.ki;
+            return this.i.ko;
         },
         set: function (v) {
-            this.i.ki = +v;
-            this._a("verticalViewScrollbarTrackEndInset", this.i.ki);
+            this.i.ko = +v;
+            this._a("verticalViewScrollbarTrackEndInset", this.i.ko);
         },
         enumerable: false,
         configurable: true
@@ -4591,11 +4604,11 @@ 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.hg;
+            return this.i.hm;
         },
         set: function (v) {
-            this.i.hg = ensureBool(v);
-            this._a("verticalViewScrollbarShouldAddAutoTrackInsets", this.i.hg);
+            this.i.hm = ensureBool(v);
+            this._a("verticalViewScrollbarShouldAddAutoTrackInsets", this.i.hm);
         },
         enumerable: false,
         configurable: true
@@ -4608,11 +4621,11 @@ var IgcDomainChartComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * This property accepts values between 0.0 (max zooming) and 1.0 (no zooming)
         */
         get: function () {
-            return this.i.km;
+            return this.i.ks;
         },
         set: function (v) {
-            this.i.km = +v;
-            this._a("windowRectMinWidth", this.i.km);
+            this.i.ks = +v;
+            this._a("windowRectMinWidth", this.i.ks);
         },
         enumerable: false,
         configurable: true
@@ -4625,11 +4638,11 @@ var IgcDomainChartComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * This property accepts values between 0.0 (max zooming) and 1.0 (no zooming)
         */
         get: function () {
-            return this.i.kl;
+            return this.i.kr;
         },
         set: function (v) {
-            this.i.kl = +v;
-            this._a("windowRectMinHeight", this.i.kl);
+            this.i.kr = +v;
+            this._a("windowRectMinHeight", this.i.kr);
         },
         enumerable: false,
         configurable: true
@@ -4642,11 +4655,11 @@ var IgcDomainChartComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * This property is overridden by the WindowRectMinWidth property
         */
         get: function () {
-            return this.i.ko;
+            return this.i.ku;
         },
         set: function (v) {
-            this.i.ko = +v;
-            this._a("windowSizeMinWidth", this.i.ko);
+            this.i.ku = +v;
+            this._a("windowSizeMinWidth", this.i.ku);
         },
         enumerable: false,
         configurable: true
@@ -4659,11 +4672,11 @@ var IgcDomainChartComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * This property is overridden by the WindowRectMinHeight property
         */
         get: function () {
-            return this.i.kn;
+            return this.i.kt;
         },
         set: function (v) {
-            this.i.kn = +v;
-            this._a("windowSizeMinHeight", this.i.kn);
+            this.i.kt = +v;
+            this._a("windowSizeMinHeight", this.i.kt);
         },
         enumerable: false,
         configurable: true
@@ -4833,7 +4846,7 @@ var IgcDomainChartComponent = /** @class */ /*@__PURE__*/ (function (_super) {
         this.i.notifyResized();
     };
     IgcDomainChartComponent.prototype.notifyVisualPropertiesChanged = function () {
-        this.i.u4();
+        this.i.va();
     };
     /**
      * Forces any pending refresh to the chart to be finished.
@@ -4846,7 +4859,7 @@ var IgcDomainChartComponent = /** @class */ /*@__PURE__*/ (function (_super) {
     * ```
     */
     IgcDomainChartComponent.prototype.flush = function () {
-        this.i.ua();
+        this.i.ug();
     };
     /**
      * Hides the active main tooltip, if displayed.
@@ -4859,35 +4872,35 @@ var IgcDomainChartComponent = /** @class */ /*@__PURE__*/ (function (_super) {
     * ```
     */
     IgcDomainChartComponent.prototype.hideToolTip = function () {
-        this.i.ui();
+        this.i.uo();
     };
     /**
      * Replays transition-in animation on all series in the chart.
     
     */
     IgcDomainChartComponent.prototype.replayTransitionIn = function () {
-        this.i.v1();
+        this.i.wd();
     };
     /**
      * Performs zoom in action on the chart by specified percentage of current window rect
     
     */
     IgcDomainChartComponent.prototype.zoomIn = function (percentage) {
-        this.i.wh(percentage);
+        this.i.wt(percentage);
     };
     /**
      * Performs zoom out action on the chart by specified percentage of current window rect
     
     */
     IgcDomainChartComponent.prototype.zoomOut = function (percentage) {
-        this.i.wi(percentage);
+        this.i.wu(percentage);
     };
     /**
      * Resets the zoom level to default.
     
     */
     IgcDomainChartComponent.prototype.resetZoom = function () {
-        this.i.v9();
+        this.i.wl();
     };
     IgcDomainChartComponent.prototype.getDesiredToolbarActions = function () {
         var iv = this.i.getDesiredToolbarActions();
@@ -4906,7 +4919,7 @@ var IgcDomainChartComponent = /** @class */ /*@__PURE__*/ (function (_super) {
         this.i.removeCommandStateChangedListener(listener);
     };
     IgcDomainChartComponent.prototype.notifySetItem = function (source_, index, oldItem, newItem) {
-        this.i.u3(source_, index, oldItem, newItem);
+        this.i.u9(source_, index, oldItem, newItem);
     };
     /**
      * Used to manually notify the chart that the data source has reset or cleared its items.
@@ -4919,13 +4932,13 @@ var IgcDomainChartComponent = /** @class */ /*@__PURE__*/ (function (_super) {
     * ```
     */
     IgcDomainChartComponent.prototype.notifyClearItems = function (source_) {
-        this.i.uz(source_);
+        this.i.u5(source_);
     };
     IgcDomainChartComponent.prototype.notifyInsertItem = function (source_, index, newItem) {
-        this.i.u0(source_, index, newItem);
+        this.i.u6(source_, index, newItem);
     };
     IgcDomainChartComponent.prototype.notifyRemoveItem = function (source_, index, oldItem) {
-        this.i.u1(source_, index, oldItem);
+        this.i.u7(source_, index, oldItem);
     };
     Object.defineProperty(IgcDomainChartComponent.prototype, "seriesAdded", {
         /**
@@ -5193,6 +5206,192 @@ var IgcDomainChartComponent = /** @class */ /*@__PURE__*/ (function (_super) {
         enumerable: false,
         configurable: true
     });
+    Object.defineProperty(IgcDomainChartComponent.prototype, "seriesClick", {
+        /**
+         * Occurs when the pointer is clicked over a series.
+        */
+        get: function () {
+            return this._seriesClick;
+        },
+        set: function (ev) {
+            var _this = this;
+            if (this._seriesClick_wrapped !== null) {
+                this.i.seriesClick = delegateRemove(this.i.seriesClick, this._seriesClick_wrapped);
+                this._seriesClick_wrapped = null;
+                this._seriesClick = null;
+            }
+            this._seriesClick = ev;
+            this._seriesClick_wrapped = function (o, e) {
+                var outerArgs = new IgcDomainChartSeriesPointerEventArgs();
+                outerArgs._provideImplementation(e);
+                if (_this.beforeSeriesClick) {
+                    _this.beforeSeriesClick(_this, outerArgs);
+                }
+                if (_this._seriesClick) {
+                    _this._seriesClick(_this, outerArgs);
+                }
+            };
+            this.i.seriesClick = delegateCombine(this.i.seriesClick, this._seriesClick_wrapped);
+            ;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(IgcDomainChartComponent.prototype, "plotAreaPointerEnter", {
+        /**
+         * Occurs when the pointer enters the plot area.
+        */
+        get: function () {
+            return this._plotAreaPointerEnter;
+        },
+        set: function (ev) {
+            var _this = this;
+            if (this._plotAreaPointerEnter_wrapped !== null) {
+                this.i.plotAreaPointerEnter = delegateRemove(this.i.plotAreaPointerEnter, this._plotAreaPointerEnter_wrapped);
+                this._plotAreaPointerEnter_wrapped = null;
+                this._plotAreaPointerEnter = null;
+            }
+            this._plotAreaPointerEnter = ev;
+            this._plotAreaPointerEnter_wrapped = function (o, e) {
+                var outerArgs = new IgcDomainChartPlotAreaPointerEventArgs();
+                outerArgs._provideImplementation(e);
+                if (_this.beforePlotAreaPointerEnter) {
+                    _this.beforePlotAreaPointerEnter(_this, outerArgs);
+                }
+                if (_this._plotAreaPointerEnter) {
+                    _this._plotAreaPointerEnter(_this, outerArgs);
+                }
+            };
+            this.i.plotAreaPointerEnter = delegateCombine(this.i.plotAreaPointerEnter, this._plotAreaPointerEnter_wrapped);
+            ;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(IgcDomainChartComponent.prototype, "plotAreaPointerLeave", {
+        /**
+         * Occurs when the pointer leaves the plot area.
+        */
+        get: function () {
+            return this._plotAreaPointerLeave;
+        },
+        set: function (ev) {
+            var _this = this;
+            if (this._plotAreaPointerLeave_wrapped !== null) {
+                this.i.plotAreaPointerLeave = delegateRemove(this.i.plotAreaPointerLeave, this._plotAreaPointerLeave_wrapped);
+                this._plotAreaPointerLeave_wrapped = null;
+                this._plotAreaPointerLeave = null;
+            }
+            this._plotAreaPointerLeave = ev;
+            this._plotAreaPointerLeave_wrapped = function (o, e) {
+                var outerArgs = new IgcDomainChartPlotAreaPointerEventArgs();
+                outerArgs._provideImplementation(e);
+                if (_this.beforePlotAreaPointerLeave) {
+                    _this.beforePlotAreaPointerLeave(_this, outerArgs);
+                }
+                if (_this._plotAreaPointerLeave) {
+                    _this._plotAreaPointerLeave(_this, outerArgs);
+                }
+            };
+            this.i.plotAreaPointerLeave = delegateCombine(this.i.plotAreaPointerLeave, this._plotAreaPointerLeave_wrapped);
+            ;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(IgcDomainChartComponent.prototype, "plotAreaPointerMove", {
+        /**
+         * Occurs when the pointer is over the plot area.
+        */
+        get: function () {
+            return this._plotAreaPointerMove;
+        },
+        set: function (ev) {
+            var _this = this;
+            if (this._plotAreaPointerMove_wrapped !== null) {
+                this.i.plotAreaPointerMove = delegateRemove(this.i.plotAreaPointerMove, this._plotAreaPointerMove_wrapped);
+                this._plotAreaPointerMove_wrapped = null;
+                this._plotAreaPointerMove = null;
+            }
+            this._plotAreaPointerMove = ev;
+            this._plotAreaPointerMove_wrapped = function (o, e) {
+                var outerArgs = new IgcDomainChartPlotAreaPointerEventArgs();
+                outerArgs._provideImplementation(e);
+                if (_this.beforePlotAreaPointerMove) {
+                    _this.beforePlotAreaPointerMove(_this, outerArgs);
+                }
+                if (_this._plotAreaPointerMove) {
+                    _this._plotAreaPointerMove(_this, outerArgs);
+                }
+            };
+            this.i.plotAreaPointerMove = delegateCombine(this.i.plotAreaPointerMove, this._plotAreaPointerMove_wrapped);
+            ;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(IgcDomainChartComponent.prototype, "plotAreaPointerDown", {
+        /**
+         * Occurs when the pointer is pressed down over the plot area.
+        */
+        get: function () {
+            return this._plotAreaPointerDown;
+        },
+        set: function (ev) {
+            var _this = this;
+            if (this._plotAreaPointerDown_wrapped !== null) {
+                this.i.plotAreaPointerDown = delegateRemove(this.i.plotAreaPointerDown, this._plotAreaPointerDown_wrapped);
+                this._plotAreaPointerDown_wrapped = null;
+                this._plotAreaPointerDown = null;
+            }
+            this._plotAreaPointerDown = ev;
+            this._plotAreaPointerDown_wrapped = function (o, e) {
+                var outerArgs = new IgcDomainChartPlotAreaPointerEventArgs();
+                outerArgs._provideImplementation(e);
+                if (_this.beforePlotAreaPointerDown) {
+                    _this.beforePlotAreaPointerDown(_this, outerArgs);
+                }
+                if (_this._plotAreaPointerDown) {
+                    _this._plotAreaPointerDown(_this, outerArgs);
+                }
+            };
+            this.i.plotAreaPointerDown = delegateCombine(this.i.plotAreaPointerDown, this._plotAreaPointerDown_wrapped);
+            ;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(IgcDomainChartComponent.prototype, "plotAreaPointerUp", {
+        /**
+         * Occurs when the pointer is released over the plot area.
+        */
+        get: function () {
+            return this._plotAreaPointerUp;
+        },
+        set: function (ev) {
+            var _this = this;
+            if (this._plotAreaPointerUp_wrapped !== null) {
+                this.i.plotAreaPointerUp = delegateRemove(this.i.plotAreaPointerUp, this._plotAreaPointerUp_wrapped);
+                this._plotAreaPointerUp_wrapped = null;
+                this._plotAreaPointerUp = null;
+            }
+            this._plotAreaPointerUp = ev;
+            this._plotAreaPointerUp_wrapped = function (o, e) {
+                var outerArgs = new IgcDomainChartPlotAreaPointerEventArgs();
+                outerArgs._provideImplementation(e);
+                if (_this.beforePlotAreaPointerUp) {
+                    _this.beforePlotAreaPointerUp(_this, outerArgs);
+                }
+                if (_this._plotAreaPointerUp) {
+                    _this._plotAreaPointerUp(_this, outerArgs);
+                }
+            };
+            this.i.plotAreaPointerUp = delegateCombine(this.i.plotAreaPointerUp, this._plotAreaPointerUp_wrapped);
+            ;
+        },
+        enumerable: false,
+        configurable: true
+    });
     Object.defineProperty(IgcDomainChartComponent.prototype, "calloutStyleUpdating", {
         /**
          * Occurs when the style of a callout is updated.