igniteui-webcomponents-charts 4.7.2 → 4.8.1-alpha.0

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

@@ -53,6 +53,12 @@ import { IgcValueModeCollection } from './igc-value-mode-collection';
 import { ValueLayerValueMode_$type } from './ValueLayerValueMode';
 import { IgcFilterStringErrorsParsingEventArgs } from './igc-filter-string-errors-parsing-event-args';
 import { SeriesHighlightedValuesDisplayMode_$type } from './SeriesHighlightedValuesDisplayMode';
+import { SeriesSelectionMode_$type } from './SeriesSelectionMode';
+import { SeriesSelectionBehavior_$type } from './SeriesSelectionBehavior';
+import { ChartSelectedItemCollection as ChartSelectedItemCollection_internal } from "./ChartSelectedItemCollection";
+import { ChartSelection } from "./ChartSelection";
+import { IgcSeriesViewerSelectedSeriesItemsChangedEventArgs } from "./igc-series-viewer-selected-series-items-changed-event-args";
+import { IgcChartSelectedItemCollection } from "./igc-chart-selected-item-collection";
 var IgcDomainChartComponent = /** @class */ /*@__PURE__*/ (function (_super) {
     __extends(IgcDomainChartComponent, _super);
     function IgcDomainChartComponent() {
@@ -62,6 +68,8 @@ var IgcDomainChartComponent = /** @class */ /*@__PURE__*/ (function (_super) {
         _this._attached = false;
         _this._queuedSetAttributes = [];
         _this._updatingFromAttribute = false;
+        _this._selectedSeriesItems = null;
+        _this._focusedSeriesItems = null;
         _this._markerTypes = null;
         _this._calloutsAllowedPositions = null;
         _this._valueLines = null;
@@ -88,6 +96,10 @@ var IgcDomainChartComponent = /** @class */ /*@__PURE__*/ (function (_super) {
         _this._calloutStyleUpdating_wrapped = null;
         _this._calloutRenderStyleUpdating = null;
         _this._calloutRenderStyleUpdating_wrapped = null;
+        _this._selectedSeriesItemsChanged = null;
+        _this._selectedSeriesItemsChanged_wrapped = null;
+        _this._focusedSeriesItemsChanged = null;
+        _this._focusedSeriesItemsChanged_wrapped = null;
         _this._filterStringErrorsParsing = null;
         _this._filterStringErrorsParsing_wrapped = null;
         if (_this._styling) {
@@ -237,11 +249,11 @@ var IgcDomainChartComponent = /** @class */ /*@__PURE__*/ (function (_super) {
      * to appear blurry.
     */
         get: function () {
-            return this.i.i1;
+            return this.i.jh;
         },
         set: function (v) {
-            this.i.i1 = +v;
-            this._a("pixelScalingRatio", this.i.i1);
+            this.i.jh = +v;
+            this._a("pixelScalingRatio", this.i.jh);
         },
         enumerable: false,
         configurable: true
@@ -257,11 +269,11 @@ var IgcDomainChartComponent = /** @class */ /*@__PURE__*/ (function (_super) {
         * ```
         */
         get: function () {
-            return this.i.je;
+            return this.i.ju;
         },
         set: function (v) {
-            this.i.je = +v;
-            this._a("titleLeftMargin", this.i.je);
+            this.i.ju = +v;
+            this._a("titleLeftMargin", this.i.ju);
         },
         enumerable: false,
         configurable: true
@@ -277,11 +289,11 @@ var IgcDomainChartComponent = /** @class */ /*@__PURE__*/ (function (_super) {
         * ```
         */
         get: function () {
-            return this.i.jf;
+            return this.i.jv;
         },
         set: function (v) {
-            this.i.jf = +v;
-            this._a("titleRightMargin", this.i.jf);
+            this.i.jv = +v;
+            this._a("titleRightMargin", this.i.jv);
         },
         enumerable: false,
         configurable: true
@@ -297,11 +309,11 @@ var IgcDomainChartComponent = /** @class */ /*@__PURE__*/ (function (_super) {
         * ```
         */
         get: function () {
-            return this.i.jg;
+            return this.i.jw;
         },
         set: function (v) {
-            this.i.jg = +v;
-            this._a("titleTopMargin", this.i.jg);
+            this.i.jw = +v;
+            this._a("titleTopMargin", this.i.jw);
         },
         enumerable: false,
         configurable: true
@@ -317,11 +329,11 @@ var IgcDomainChartComponent = /** @class */ /*@__PURE__*/ (function (_super) {
         * ```
         */
         get: function () {
-            return this.i.jd;
+            return this.i.jt;
         },
         set: function (v) {
-            this.i.jd = +v;
-            this._a("titleBottomMargin", this.i.jd);
+            this.i.jt = +v;
+            this._a("titleBottomMargin", this.i.jt);
         },
         enumerable: false,
         configurable: true
@@ -337,11 +349,11 @@ var IgcDomainChartComponent = /** @class */ /*@__PURE__*/ (function (_super) {
         * ```
         */
         get: function () {
-            return this.i.i9;
+            return this.i.jp;
         },
         set: function (v) {
-            this.i.i9 = +v;
-            this._a("subtitleLeftMargin", this.i.i9);
+            this.i.jp = +v;
+            this._a("subtitleLeftMargin", this.i.jp);
         },
         enumerable: false,
         configurable: true
@@ -357,11 +369,11 @@ var IgcDomainChartComponent = /** @class */ /*@__PURE__*/ (function (_super) {
         * ```
         */
         get: function () {
-            return this.i.jb;
+            return this.i.jr;
         },
         set: function (v) {
-            this.i.jb = +v;
-            this._a("subtitleTopMargin", this.i.jb);
+            this.i.jr = +v;
+            this._a("subtitleTopMargin", this.i.jr);
         },
         enumerable: false,
         configurable: true
@@ -377,11 +389,11 @@ var IgcDomainChartComponent = /** @class */ /*@__PURE__*/ (function (_super) {
         * ```
         */
         get: function () {
-            return this.i.ja;
+            return this.i.jq;
         },
         set: function (v) {
-            this.i.ja = +v;
-            this._a("subtitleRightMargin", this.i.ja);
+            this.i.jq = +v;
+            this._a("subtitleRightMargin", this.i.jq);
         },
         enumerable: false,
         configurable: true
@@ -397,11 +409,11 @@ var IgcDomainChartComponent = /** @class */ /*@__PURE__*/ (function (_super) {
         * ```
         */
         get: function () {
-            return this.i.i8;
+            return this.i.jo;
         },
         set: function (v) {
-            this.i.i8 = +v;
-            this._a("subtitleBottomMargin", this.i.i8);
+            this.i.jo = +v;
+            this._a("subtitleBottomMargin", this.i.jo);
         },
         enumerable: false,
         configurable: true
@@ -417,11 +429,11 @@ var IgcDomainChartComponent = /** @class */ /*@__PURE__*/ (function (_super) {
         * ```
         */
         get: function () {
-            return brushToString(this.i.vq);
+            return brushToString(this.i.wp);
         },
         set: function (v) {
-            this.i.vq = stringToBrush(v);
-            this._a("subtitleTextColor", brushToString(this.i.vq));
+            this.i.wp = stringToBrush(v);
+            this._a("subtitleTextColor", brushToString(this.i.wp));
         },
         enumerable: false,
         configurable: true
@@ -437,11 +449,11 @@ var IgcDomainChartComponent = /** @class */ /*@__PURE__*/ (function (_super) {
         * ```
         */
         get: function () {
-            return brushToString(this.i.vr);
+            return brushToString(this.i.wq);
         },
         set: function (v) {
-            this.i.vr = stringToBrush(v);
-            this._a("titleTextColor", brushToString(this.i.vr));
+            this.i.wq = stringToBrush(v);
+            this._a("titleTextColor", brushToString(this.i.wq));
         },
         enumerable: false,
         configurable: true
@@ -457,11 +469,11 @@ var IgcDomainChartComponent = /** @class */ /*@__PURE__*/ (function (_super) {
         * ```
         */
         get: function () {
-            return this.i.iy;
+            return this.i.je;
         },
         set: function (v) {
-            this.i.iy = +v;
-            this._a("leftMargin", this.i.iy);
+            this.i.je = +v;
+            this._a("leftMargin", this.i.je);
         },
         enumerable: false,
         configurable: true
@@ -477,11 +489,11 @@ var IgcDomainChartComponent = /** @class */ /*@__PURE__*/ (function (_super) {
         * ```
         */
         get: function () {
-            return this.i.jh;
+            return this.i.jx;
         },
         set: function (v) {
-            this.i.jh = +v;
-            this._a("topMargin", this.i.jh);
+            this.i.jx = +v;
+            this._a("topMargin", this.i.jx);
         },
         enumerable: false,
         configurable: true
@@ -497,11 +509,11 @@ var IgcDomainChartComponent = /** @class */ /*@__PURE__*/ (function (_super) {
         * ```
         */
         get: function () {
-            return this.i.i7;
+            return this.i.jn;
         },
         set: function (v) {
-            this.i.i7 = +v;
-            this._a("rightMargin", this.i.i7);
+            this.i.jn = +v;
+            this._a("rightMargin", this.i.jn);
         },
         enumerable: false,
         configurable: true
@@ -517,11 +529,11 @@ var IgcDomainChartComponent = /** @class */ /*@__PURE__*/ (function (_super) {
         * ```
         */
         get: function () {
-            return this.i.ik;
+            return this.i.i1;
         },
         set: function (v) {
-            this.i.ik = +v;
-            this._a("bottomMargin", this.i.ik);
+            this.i.i1 = +v;
+            this._a("bottomMargin", this.i.i1);
         },
         enumerable: false,
         configurable: true
@@ -537,11 +549,11 @@ var IgcDomainChartComponent = /** @class */ /*@__PURE__*/ (function (_super) {
         * ```
         */
         get: function () {
-            return this.i.kc;
+            return this.i.ks;
         },
         set: function (v) {
-            this.i.kc = +v;
-            this._a("transitionDuration", this.i.kc);
+            this.i.ks = +v;
+            this._a("transitionDuration", this.i.ks);
         },
         enumerable: false,
         configurable: true
@@ -563,10 +575,10 @@ var IgcDomainChartComponent = /** @class */ /*@__PURE__*/ (function (_super) {
         * ```
         */
         get: function () {
-            return this.i.eb;
+            return this.i.en;
         },
         set: function (v) {
-            this.i.eb = v;
+            this.i.en = v;
         },
         enumerable: false,
         configurable: true
@@ -582,10 +594,10 @@ var IgcDomainChartComponent = /** @class */ /*@__PURE__*/ (function (_super) {
         * ```
         */
         get: function () {
-            return this.i.qp;
+            return this.i.rf;
         },
         set: function (v) {
-            this.i.qp = v;
+            this.i.rf = v;
         },
         enumerable: false,
         configurable: true
@@ -601,10 +613,10 @@ var IgcDomainChartComponent = /** @class */ /*@__PURE__*/ (function (_super) {
         * ```
         */
         get: function () {
-            return this.i.q0;
+            return this.i.rq;
         },
         set: function (v) {
-            this.i.q0 = v;
+            this.i.rq = v;
         },
         enumerable: false,
         configurable: true
@@ -618,11 +630,11 @@ var IgcDomainChartComponent = /** @class */ /*@__PURE__*/ (function (_super) {
     });
     Object.defineProperty(IgcDomainChartComponent.prototype, "dataToolTipGroupingMode", {
         get: function () {
-            return this.i.bv;
+            return this.i.bz;
         },
         set: function (v) {
-            this.i.bv = ensureEnum(DataToolTipLayerGroupingMode_$type, v);
-            this._a("dataToolTipGroupingMode", enumToString(DataToolTipLayerGroupingMode_$type, this.i.bv));
+            this.i.bz = ensureEnum(DataToolTipLayerGroupingMode_$type, v);
+            this._a("dataToolTipGroupingMode", enumToString(DataToolTipLayerGroupingMode_$type, this.i.bz));
         },
         enumerable: false,
         configurable: true
@@ -632,11 +644,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.ip;
+            return this.i.i5;
         },
         set: function (v) {
-            this.i.ip = +v;
-            this._a("dataToolTipPositionOffsetX", this.i.ip);
+            this.i.i5 = +v;
+            this._a("dataToolTipPositionOffsetX", this.i.i5);
         },
         enumerable: false,
         configurable: true
@@ -646,11 +658,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.iq;
+            return this.i.i6;
         },
         set: function (v) {
-            this.i.iq = +v;
-            this._a("dataToolTipPositionOffsetY", this.i.iq);
+            this.i.i6 = +v;
+            this._a("dataToolTipPositionOffsetY", this.i.i6);
         },
         enumerable: false,
         configurable: true
@@ -660,11 +672,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.im;
+            return this.i.i3;
         },
         set: function (v) {
-            this.i.im = +v;
-            this._a("dataToolTipDefaultPositionOffsetX", this.i.im);
+            this.i.i3 = +v;
+            this._a("dataToolTipDefaultPositionOffsetX", this.i.i3);
         },
         enumerable: false,
         configurable: true
@@ -674,11 +686,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.io;
+            return this.i.i4;
         },
         set: function (v) {
-            this.i.io = +v;
-            this._a("dataToolTipDefaultPositionOffsetY", this.i.io);
+            this.i.i4 = +v;
+            this._a("dataToolTipDefaultPositionOffsetY", this.i.i4);
         },
         enumerable: false,
         configurable: true
@@ -688,11 +700,11 @@ var IgcDomainChartComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the tooltip position mode on the X axis for grouped series.
         */
         get: function () {
-            return this.i.br;
+            return this.i.bv;
         },
         set: function (v) {
-            this.i.br = ensureEnum(DataTooltipGroupedPositionX_$type, v);
-            this._a("dataToolTipGroupedPositionModeX", enumToString(DataTooltipGroupedPositionX_$type, this.i.br));
+            this.i.bv = ensureEnum(DataTooltipGroupedPositionX_$type, v);
+            this._a("dataToolTipGroupedPositionModeX", enumToString(DataTooltipGroupedPositionX_$type, this.i.bv));
         },
         enumerable: false,
         configurable: true
@@ -702,11 +714,11 @@ var IgcDomainChartComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the tooltip position mode on the Y axis for grouped series.
         */
         get: function () {
-            return this.i.bt;
+            return this.i.bx;
         },
         set: function (v) {
-            this.i.bt = ensureEnum(DataTooltipGroupedPositionY_$type, v);
-            this._a("dataToolTipGroupedPositionModeY", enumToString(DataTooltipGroupedPositionY_$type, this.i.bt));
+            this.i.bx = ensureEnum(DataTooltipGroupedPositionY_$type, v);
+            this._a("dataToolTipGroupedPositionModeY", enumToString(DataTooltipGroupedPositionY_$type, this.i.bx));
         },
         enumerable: false,
         configurable: true
@@ -716,18 +728,19 @@ 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.f0;
+            return this.i.gg;
         },
         set: function (v) {
-            this.i.f0 = ensureBool(v);
-            this._a("dataToolTipShouldUpdateWhenSeriesDataChanges", this.i.f0);
+            this.i.gg = ensureBool(v);
+            this._a("dataToolTipShouldUpdateWhenSeriesDataChanges", this.i.gg);
         },
         enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcDomainChartComponent.prototype, "dataToolTipIncludedSeries", {
         /**
-         * Gets or sets indexes or names of series to include in displaying in the data legend, e.g. "0, 1"
+         * Gets or sets indexes, titles, or names of series to include in displaying in the data tooltip, e.g. "0, 1" or "Series1 Title, Series2 Title"
+         * The DataToolTipExcludedSeries property takes precedence over values of DataToolTipIncludedSeries property
         */
         get: function () {
             return this.i.m;
@@ -744,8 +757,8 @@ var IgcDomainChartComponent = /** @class */ /*@__PURE__*/ (function (_super) {
     });
     Object.defineProperty(IgcDomainChartComponent.prototype, "dataToolTipExcludedSeries", {
         /**
-         * Gets or sets indexes or names of series to exclude from displaying in the data legend, e.g. "0, 1"
-         * The ExcludedSeries property takes precedences over values of IncludedSeries property
+         * Gets or sets indexes, titles, or names of series to exclude from displaying in the data tooltip, e.g. "0, 1" or "Series1 Title, Series2 Title"
+         * The DataToolTipExcludedSeries property takes precedence over values of DataToolTipIncludedSeries property
         */
         get: function () {
             return this.i.j;
@@ -763,7 +776,7 @@ var IgcDomainChartComponent = /** @class */ /*@__PURE__*/ (function (_super) {
     Object.defineProperty(IgcDomainChartComponent.prototype, "dataToolTipIncludedColumns", {
         /**
          * Gets or sets names of data columns or their labels to include in displaying in the data legend, e.g. "High, Low" or "H, L"
-         * The ExcludedColumns property takes precedences over values of IncludedColumns property
+         * The DataToolTipExcludedColumns property takes precedence over values of DataToolTipIncludedColumns property
         */
         get: function () {
             return this.i.l;
@@ -781,7 +794,7 @@ var IgcDomainChartComponent = /** @class */ /*@__PURE__*/ (function (_super) {
     Object.defineProperty(IgcDomainChartComponent.prototype, "dataToolTipExcludedColumns", {
         /**
          * Gets or sets names of data columns or their labels to exclude from displaying in the data legend, e.g. "High, Low" or "H, L"
-         * The ExcludedColumns property takes precedences over values of IncludedColumns property
+         * The DataToolTipExcludedColumns property takes precedence over values of DataToolTipIncludedColumns property
         */
         get: function () {
             return this.i.i;
@@ -802,41 +815,41 @@ var IgcDomainChartComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * This property is ignored when setting ValueFormatSpecifiers or ValueFormatString properties
         */
         get: function () {
-            return this.i.bb;
+            return this.i.bf;
         },
         set: function (v) {
-            this.i.bb = ensureEnum(DataAbbreviationMode_$type, v);
-            this._a("dataToolTipValueFormatAbbreviation", enumToString(DataAbbreviationMode_$type, this.i.bb));
+            this.i.bf = ensureEnum(DataAbbreviationMode_$type, v);
+            this._a("dataToolTipValueFormatAbbreviation", enumToString(DataAbbreviationMode_$type, this.i.bf));
         },
         enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcDomainChartComponent.prototype, "dataToolTipValueFormatMaxFractions", {
         /**
-         * Gets or sets maximum digits for formating numbers displayed in the legend
+         * Gets or sets maximum digits for formatting numbers displayed in the legend
          * This property is ignored when setting ValueFormatSpecifiers or ValueFormatString properties
         */
         get: function () {
-            return this.i.j8;
+            return this.i.ko;
         },
         set: function (v) {
-            this.i.j8 = +v;
-            this._a("dataToolTipValueFormatMaxFractions", this.i.j8);
+            this.i.ko = +v;
+            this._a("dataToolTipValueFormatMaxFractions", this.i.ko);
         },
         enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcDomainChartComponent.prototype, "dataToolTipValueFormatMinFractions", {
         /**
-         * Gets or sets minimum digits for formating numbers displayed in the legend
+         * Gets or sets minimum digits for formatting numbers displayed in the legend
          * This property is ignored when setting ValueFormatSpecifiers or ValueFormatString properties
         */
         get: function () {
-            return this.i.j9;
+            return this.i.kp;
         },
         set: function (v) {
-            this.i.j9 = +v;
-            this._a("dataToolTipValueFormatMinFractions", this.i.j9);
+            this.i.kp = +v;
+            this._a("dataToolTipValueFormatMinFractions", this.i.kp);
         },
         enumerable: false,
         configurable: true
@@ -846,11 +859,11 @@ var IgcDomainChartComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the mode for displaying values in the data legend, e.g. Currency ($500.25), Decimal (500.25), Integer (500)
         */
         get: function () {
-            return this.i.bp;
+            return this.i.bt;
         },
         set: function (v) {
-            this.i.bp = ensureEnum(DataLegendValueMode_$type, v);
-            this._a("dataToolTipValueFormatMode", enumToString(DataLegendValueMode_$type, this.i.bp));
+            this.i.bt = ensureEnum(DataLegendValueMode_$type, v);
+            this._a("dataToolTipValueFormatMode", enumToString(DataLegendValueMode_$type, this.i.bt));
         },
         enumerable: false,
         configurable: true
@@ -861,10 +874,10 @@ var IgcDomainChartComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * This property is ignored when setting ValueFormatSpecifiers or ValueFormatString properties
         */
         get: function () {
-            return this.i.n4;
+            return this.i.op;
         },
         set: function (v) {
-            this.i.n4 = v;
+            this.i.op = v;
         },
         enumerable: false,
         configurable: true
@@ -875,11 +888,11 @@ var IgcDomainChartComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * This property is ignored when setting ValueFormatSpecifiers or ValueFormatString properties
         */
         get: function () {
-            return this.i.f1;
+            return this.i.gh;
         },
         set: function (v) {
-            this.i.f1 = ensureBool(v);
-            this._a("dataToolTipValueFormatUseGrouping", this.i.f1);
+            this.i.gh = ensureBool(v);
+            this._a("dataToolTipValueFormatUseGrouping", this.i.gh);
         },
         enumerable: false,
         configurable: true
@@ -889,10 +902,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.oa;
+            return this.i.ov;
         },
         set: function (v) {
-            this.i.oa = v;
+            this.i.ov = v;
         },
         enumerable: false,
         configurable: true
@@ -916,72 +929,72 @@ var IgcDomainChartComponent = /** @class */ /*@__PURE__*/ (function (_super) {
     });
     Object.defineProperty(IgcDomainChartComponent.prototype, "dataToolTipValueRowMarginBottom", {
         get: function () {
-            return this.i.wg ? this.i.wg.bottom : NaN;
+            return this.i.xj ? this.i.xj.bottom : NaN;
         },
         set: function (v) {
             this.ensureDataToolTipValueRowMargin();
-            this.i.wg.bottom = +v;
-            this._a("dataToolTipValueRowMarginBottom", this.i.wg.bottom);
-            this.i.wg = this.i.wg;
+            this.i.xj.bottom = +v;
+            this._a("dataToolTipValueRowMarginBottom", this.i.xj.bottom);
+            this.i.xj = this.i.xj;
         },
         enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcDomainChartComponent.prototype, "dataToolTipValueRowMarginLeft", {
         get: function () {
-            return this.i.wg ? this.i.wg.left : NaN;
+            return this.i.xj ? this.i.xj.left : NaN;
         },
         set: function (v) {
             this.ensureDataToolTipValueRowMargin();
-            this.i.wg.left = +v;
-            this._a("dataToolTipValueRowMarginLeft", this.i.wg.left);
-            this.i.wg = this.i.wg;
+            this.i.xj.left = +v;
+            this._a("dataToolTipValueRowMarginLeft", this.i.xj.left);
+            this.i.xj = this.i.xj;
         },
         enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcDomainChartComponent.prototype, "dataToolTipValueRowMarginRight", {
         get: function () {
-            return this.i.wg ? this.i.wg.right : NaN;
+            return this.i.xj ? this.i.xj.right : NaN;
         },
         set: function (v) {
             this.ensureDataToolTipValueRowMargin();
-            this.i.wg.right = +v;
-            this._a("dataToolTipValueRowMarginRight", this.i.wg.right);
-            this.i.wg = this.i.wg;
+            this.i.xj.right = +v;
+            this._a("dataToolTipValueRowMarginRight", this.i.xj.right);
+            this.i.xj = this.i.xj;
         },
         enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcDomainChartComponent.prototype, "dataToolTipValueRowMarginTop", {
         get: function () {
-            return this.i.wg ? this.i.wg.top : NaN;
+            return this.i.xj ? this.i.xj.top : NaN;
         },
         set: function (v) {
             this.ensureDataToolTipValueRowMargin();
-            this.i.wg.top = +v;
-            this._a("dataToolTipValueRowMarginTop", this.i.wg.top);
-            this.i.wg = this.i.wg;
+            this.i.xj.top = +v;
+            this._a("dataToolTipValueRowMarginTop", this.i.xj.top);
+            this.i.xj = this.i.xj;
         },
         enumerable: false,
         configurable: true
     });
     IgcDomainChartComponent.prototype.ensureDataToolTipValueRowMargin = function () {
-        if (this.i.wg) {
+        if (this.i.xj) {
             return;
         }
-        this.i.wg = new Thickness(2);
+        this.i.xj = new Thickness(2);
     };
     Object.defineProperty(IgcDomainChartComponent.prototype, "dataToolTipValueRowVisible", {
         /**
          * Gets or sets whether to show series rows.
         */
         get: function () {
-            return this.i.f2;
+            return this.i.gi;
         },
         set: function (v) {
-            this.i.f2 = ensureBool(v);
-            this._a("dataToolTipValueRowVisible", this.i.f2);
+            this.i.gi = ensureBool(v);
+            this._a("dataToolTipValueRowVisible", this.i.gi);
         },
         enumerable: false,
         configurable: true
@@ -991,10 +1004,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.oj;
+            return this.i.o4;
         },
         set: function (v) {
-            this.i.oj = v;
+            this.i.o4 = v;
         },
         enumerable: false,
         configurable: true
@@ -1004,83 +1017,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.f3;
+            return this.i.gj;
         },
         set: function (v) {
-            this.i.f3 = ensureBool(v);
-            this._a("dataToolTipValueTextUseSeriesColors", this.i.f3);
+            this.i.gj = ensureBool(v);
+            this._a("dataToolTipValueTextUseSeriesColors", this.i.gj);
         },
         enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcDomainChartComponent.prototype, "dataToolTipValueTextMarginBottom", {
         get: function () {
-            return this.i.wh ? this.i.wh.bottom : NaN;
+            return this.i.xk ? this.i.xk.bottom : NaN;
         },
         set: function (v) {
             this.ensureDataToolTipValueTextMargin();
-            this.i.wh.bottom = +v;
-            this._a("dataToolTipValueTextMarginBottom", this.i.wh.bottom);
-            this.i.wh = this.i.wh;
+            this.i.xk.bottom = +v;
+            this._a("dataToolTipValueTextMarginBottom", this.i.xk.bottom);
+            this.i.xk = this.i.xk;
         },
         enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcDomainChartComponent.prototype, "dataToolTipValueTextMarginLeft", {
         get: function () {
-            return this.i.wh ? this.i.wh.left : NaN;
+            return this.i.xk ? this.i.xk.left : NaN;
         },
         set: function (v) {
             this.ensureDataToolTipValueTextMargin();
-            this.i.wh.left = +v;
-            this._a("dataToolTipValueTextMarginLeft", this.i.wh.left);
-            this.i.wh = this.i.wh;
+            this.i.xk.left = +v;
+            this._a("dataToolTipValueTextMarginLeft", this.i.xk.left);
+            this.i.xk = this.i.xk;
         },
         enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcDomainChartComponent.prototype, "dataToolTipValueTextMarginRight", {
         get: function () {
-            return this.i.wh ? this.i.wh.right : NaN;
+            return this.i.xk ? this.i.xk.right : NaN;
         },
         set: function (v) {
             this.ensureDataToolTipValueTextMargin();
-            this.i.wh.right = +v;
-            this._a("dataToolTipValueTextMarginRight", this.i.wh.right);
-            this.i.wh = this.i.wh;
+            this.i.xk.right = +v;
+            this._a("dataToolTipValueTextMarginRight", this.i.xk.right);
+            this.i.xk = this.i.xk;
         },
         enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcDomainChartComponent.prototype, "dataToolTipValueTextMarginTop", {
         get: function () {
-            return this.i.wh ? this.i.wh.top : NaN;
+            return this.i.xk ? this.i.xk.top : NaN;
         },
         set: function (v) {
             this.ensureDataToolTipValueTextMargin();
-            this.i.wh.top = +v;
-            this._a("dataToolTipValueTextMarginTop", this.i.wh.top);
-            this.i.wh = this.i.wh;
+            this.i.xk.top = +v;
+            this._a("dataToolTipValueTextMarginTop", this.i.xk.top);
+            this.i.xk = this.i.xk;
         },
         enumerable: false,
         configurable: true
     });
     IgcDomainChartComponent.prototype.ensureDataToolTipValueTextMargin = function () {
-        if (this.i.wh) {
+        if (this.i.xk) {
             return;
         }
-        this.i.wh = new Thickness(2);
+        this.i.xk = new Thickness(2);
     };
     Object.defineProperty(IgcDomainChartComponent.prototype, "dataToolTipValueTextColor", {
         /**
          * Gets or sets the units text color.
         */
         get: function () {
-            return brushToString(this.i.vg);
+            return brushToString(this.i.wd);
         },
         set: function (v) {
-            this.i.vg = stringToBrush(v);
-            this._a("dataToolTipValueTextColor", brushToString(this.i.vg));
+            this.i.wd = stringToBrush(v);
+            this._a("dataToolTipValueTextColor", brushToString(this.i.wd));
         },
         enumerable: false,
         configurable: true
@@ -1090,16 +1103,16 @@ var IgcDomainChartComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or Sets the style to use for the units text.
         */
         get: function () {
-            if (this.i.et == null) {
+            if (this.i.e7 == null) {
                 return null;
             }
-            return this.i.et.fontString;
+            return this.i.e7.fontString;
         },
         set: function (v) {
             var fi = new FontInfo();
             fi.fontString = v;
-            this.i.et = fi;
-            this._a("dataToolTipValueTextStyle", this.i.et != null ? this.i.et.fontString : "");
+            this.i.e7 = fi;
+            this._a("dataToolTipValueTextStyle", this.i.e7 != null ? this.i.e7.fontString : "");
         },
         enumerable: false,
         configurable: true
@@ -1109,10 +1122,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.mu;
+            return this.i.nf;
         },
         set: function (v) {
-            this.i.mu = v;
+            this.i.nf = v;
         },
         enumerable: false,
         configurable: true
@@ -1140,10 +1153,10 @@ var IgcDomainChartComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * This property is ignored when setting HeaderFormatSpecifiers or HeaderFormatString properties
         */
         get: function () {
-            return this.i.mq;
+            return this.i.nb;
         },
         set: function (v) {
-            this.i.mq = v;
+            this.i.nb = v;
         },
         enumerable: false,
         configurable: true
@@ -1154,11 +1167,11 @@ var IgcDomainChartComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * This property is ignored when setting HeaderFormatSpecifiers or HeaderFormatString properties
         */
         get: function () {
-            return this.i.bf;
+            return this.i.bj;
         },
         set: function (v) {
-            this.i.bf = ensureEnum(DataLegendHeaderDateMode_$type, v);
-            this._a("dataToolTipHeaderFormatDate", enumToString(DataLegendHeaderDateMode_$type, this.i.bf));
+            this.i.bj = ensureEnum(DataLegendHeaderDateMode_$type, v);
+            this._a("dataToolTipHeaderFormatDate", enumToString(DataLegendHeaderDateMode_$type, this.i.bj));
         },
         enumerable: false,
         configurable: true
@@ -1169,11 +1182,11 @@ var IgcDomainChartComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * This property is ignored when setting HeaderFormatSpecifiers or HeaderFormatString properties
         */
         get: function () {
-            return this.i.bh;
+            return this.i.bl;
         },
         set: function (v) {
-            this.i.bh = ensureEnum(DataLegendHeaderTimeMode_$type, v);
-            this._a("dataToolTipHeaderFormatTime", enumToString(DataLegendHeaderTimeMode_$type, this.i.bh));
+            this.i.bl = ensureEnum(DataLegendHeaderTimeMode_$type, v);
+            this._a("dataToolTipHeaderFormatTime", enumToString(DataLegendHeaderTimeMode_$type, this.i.bl));
         },
         enumerable: false,
         configurable: true
@@ -1183,10 +1196,10 @@ var IgcDomainChartComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the HeaderText for the data legend.
         */
         get: function () {
-            return this.i.mz;
+            return this.i.nk;
         },
         set: function (v) {
-            this.i.mz = v;
+            this.i.nk = v;
         },
         enumerable: false,
         configurable: true
@@ -1196,141 +1209,141 @@ var IgcDomainChartComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the header text color.
         */
         get: function () {
-            return brushToString(this.i.u8);
+            return brushToString(this.i.v5);
         },
         set: function (v) {
-            this.i.u8 = stringToBrush(v);
-            this._a("dataToolTipHeaderTextColor", brushToString(this.i.u8));
+            this.i.v5 = stringToBrush(v);
+            this._a("dataToolTipHeaderTextColor", brushToString(this.i.v5));
         },
         enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcDomainChartComponent.prototype, "dataToolTipHeaderTextMarginBottom", {
         get: function () {
-            return this.i.wa ? this.i.wa.bottom : NaN;
+            return this.i.xd ? this.i.xd.bottom : NaN;
         },
         set: function (v) {
             this.ensureDataToolTipHeaderTextMargin();
-            this.i.wa.bottom = +v;
-            this._a("dataToolTipHeaderTextMarginBottom", this.i.wa.bottom);
-            this.i.wa = this.i.wa;
+            this.i.xd.bottom = +v;
+            this._a("dataToolTipHeaderTextMarginBottom", this.i.xd.bottom);
+            this.i.xd = this.i.xd;
         },
         enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcDomainChartComponent.prototype, "dataToolTipHeaderTextMarginLeft", {
         get: function () {
-            return this.i.wa ? this.i.wa.left : NaN;
+            return this.i.xd ? this.i.xd.left : NaN;
         },
         set: function (v) {
             this.ensureDataToolTipHeaderTextMargin();
-            this.i.wa.left = +v;
-            this._a("dataToolTipHeaderTextMarginLeft", this.i.wa.left);
-            this.i.wa = this.i.wa;
+            this.i.xd.left = +v;
+            this._a("dataToolTipHeaderTextMarginLeft", this.i.xd.left);
+            this.i.xd = this.i.xd;
         },
         enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcDomainChartComponent.prototype, "dataToolTipHeaderTextMarginRight", {
         get: function () {
-            return this.i.wa ? this.i.wa.right : NaN;
+            return this.i.xd ? this.i.xd.right : NaN;
         },
         set: function (v) {
             this.ensureDataToolTipHeaderTextMargin();
-            this.i.wa.right = +v;
-            this._a("dataToolTipHeaderTextMarginRight", this.i.wa.right);
-            this.i.wa = this.i.wa;
+            this.i.xd.right = +v;
+            this._a("dataToolTipHeaderTextMarginRight", this.i.xd.right);
+            this.i.xd = this.i.xd;
         },
         enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcDomainChartComponent.prototype, "dataToolTipHeaderTextMarginTop", {
         get: function () {
-            return this.i.wa ? this.i.wa.top : NaN;
+            return this.i.xd ? this.i.xd.top : NaN;
         },
         set: function (v) {
             this.ensureDataToolTipHeaderTextMargin();
-            this.i.wa.top = +v;
-            this._a("dataToolTipHeaderTextMarginTop", this.i.wa.top);
-            this.i.wa = this.i.wa;
+            this.i.xd.top = +v;
+            this._a("dataToolTipHeaderTextMarginTop", this.i.xd.top);
+            this.i.xd = this.i.xd;
         },
         enumerable: false,
         configurable: true
     });
     IgcDomainChartComponent.prototype.ensureDataToolTipHeaderTextMargin = function () {
-        if (this.i.wa) {
+        if (this.i.xd) {
             return;
         }
-        this.i.wa = new Thickness(2);
+        this.i.xd = new Thickness(2);
     };
     Object.defineProperty(IgcDomainChartComponent.prototype, "dataToolTipHeaderRowMarginBottom", {
         get: function () {
-            return this.i.v9 ? this.i.v9.bottom : NaN;
+            return this.i.xc ? this.i.xc.bottom : NaN;
         },
         set: function (v) {
             this.ensureDataToolTipHeaderRowMargin();
-            this.i.v9.bottom = +v;
-            this._a("dataToolTipHeaderRowMarginBottom", this.i.v9.bottom);
-            this.i.v9 = this.i.v9;
+            this.i.xc.bottom = +v;
+            this._a("dataToolTipHeaderRowMarginBottom", this.i.xc.bottom);
+            this.i.xc = this.i.xc;
         },
         enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcDomainChartComponent.prototype, "dataToolTipHeaderRowMarginLeft", {
         get: function () {
-            return this.i.v9 ? this.i.v9.left : NaN;
+            return this.i.xc ? this.i.xc.left : NaN;
         },
         set: function (v) {
             this.ensureDataToolTipHeaderRowMargin();
-            this.i.v9.left = +v;
-            this._a("dataToolTipHeaderRowMarginLeft", this.i.v9.left);
-            this.i.v9 = this.i.v9;
+            this.i.xc.left = +v;
+            this._a("dataToolTipHeaderRowMarginLeft", this.i.xc.left);
+            this.i.xc = this.i.xc;
         },
         enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcDomainChartComponent.prototype, "dataToolTipHeaderRowMarginRight", {
         get: function () {
-            return this.i.v9 ? this.i.v9.right : NaN;
+            return this.i.xc ? this.i.xc.right : NaN;
         },
         set: function (v) {
             this.ensureDataToolTipHeaderRowMargin();
-            this.i.v9.right = +v;
-            this._a("dataToolTipHeaderRowMarginRight", this.i.v9.right);
-            this.i.v9 = this.i.v9;
+            this.i.xc.right = +v;
+            this._a("dataToolTipHeaderRowMarginRight", this.i.xc.right);
+            this.i.xc = this.i.xc;
         },
         enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcDomainChartComponent.prototype, "dataToolTipHeaderRowMarginTop", {
         get: function () {
-            return this.i.v9 ? this.i.v9.top : NaN;
+            return this.i.xc ? this.i.xc.top : NaN;
         },
         set: function (v) {
             this.ensureDataToolTipHeaderRowMargin();
-            this.i.v9.top = +v;
-            this._a("dataToolTipHeaderRowMarginTop", this.i.v9.top);
-            this.i.v9 = this.i.v9;
+            this.i.xc.top = +v;
+            this._a("dataToolTipHeaderRowMarginTop", this.i.xc.top);
+            this.i.xc = this.i.xc;
         },
         enumerable: false,
         configurable: true
     });
     IgcDomainChartComponent.prototype.ensureDataToolTipHeaderRowMargin = function () {
-        if (this.i.v9) {
+        if (this.i.xc) {
             return;
         }
-        this.i.v9 = new Thickness(2);
+        this.i.xc = new Thickness(2);
     };
     Object.defineProperty(IgcDomainChartComponent.prototype, "dataToolTipHeaderRowVisible", {
         /**
          * Gets or sets whether to show Header row.
         */
         get: function () {
-            return this.i.fz;
+            return this.i.gf;
         },
         set: function (v) {
-            this.i.fz = ensureBool(v);
-            this._a("dataToolTipHeaderRowVisible", this.i.fz);
+            this.i.gf = ensureBool(v);
+            this._a("dataToolTipHeaderRowVisible", this.i.gf);
         },
         enumerable: false,
         configurable: true
@@ -1340,16 +1353,179 @@ var IgcDomainChartComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or Sets the style to use for the header text.
         */
         get: function () {
-            if (this.i.el == null) {
+            if (this.i.ez == null) {
+                return null;
+            }
+            return this.i.ez.fontString;
+        },
+        set: function (v) {
+            var fi = new FontInfo();
+            fi.fontString = v;
+            this.i.ez = fi;
+            this._a("dataToolTipHeaderTextStyle", this.i.ez != null ? this.i.ez.fontString : "");
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(IgcDomainChartComponent.prototype, "dataToolTipGroupTextColor", {
+        /**
+         * Gets or sets the Group text color.
+        */
+        get: function () {
+            return brushToString(this.i.v4);
+        },
+        set: function (v) {
+            this.i.v4 = stringToBrush(v);
+            this._a("dataToolTipGroupTextColor", brushToString(this.i.v4));
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(IgcDomainChartComponent.prototype, "dataToolTipGroupTextMarginBottom", {
+        get: function () {
+            return this.i.xb ? this.i.xb.bottom : NaN;
+        },
+        set: function (v) {
+            this.ensureDataToolTipGroupTextMargin();
+            this.i.xb.bottom = +v;
+            this._a("dataToolTipGroupTextMarginBottom", this.i.xb.bottom);
+            this.i.xb = this.i.xb;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(IgcDomainChartComponent.prototype, "dataToolTipGroupTextMarginLeft", {
+        get: function () {
+            return this.i.xb ? this.i.xb.left : NaN;
+        },
+        set: function (v) {
+            this.ensureDataToolTipGroupTextMargin();
+            this.i.xb.left = +v;
+            this._a("dataToolTipGroupTextMarginLeft", this.i.xb.left);
+            this.i.xb = this.i.xb;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(IgcDomainChartComponent.prototype, "dataToolTipGroupTextMarginRight", {
+        get: function () {
+            return this.i.xb ? this.i.xb.right : NaN;
+        },
+        set: function (v) {
+            this.ensureDataToolTipGroupTextMargin();
+            this.i.xb.right = +v;
+            this._a("dataToolTipGroupTextMarginRight", this.i.xb.right);
+            this.i.xb = this.i.xb;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(IgcDomainChartComponent.prototype, "dataToolTipGroupTextMarginTop", {
+        get: function () {
+            return this.i.xb ? this.i.xb.top : NaN;
+        },
+        set: function (v) {
+            this.ensureDataToolTipGroupTextMargin();
+            this.i.xb.top = +v;
+            this._a("dataToolTipGroupTextMarginTop", this.i.xb.top);
+            this.i.xb = this.i.xb;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    IgcDomainChartComponent.prototype.ensureDataToolTipGroupTextMargin = function () {
+        if (this.i.xb) {
+            return;
+        }
+        this.i.xb = new Thickness(2);
+    };
+    Object.defineProperty(IgcDomainChartComponent.prototype, "dataToolTipGroupRowMarginBottom", {
+        get: function () {
+            return this.i.xa ? this.i.xa.bottom : NaN;
+        },
+        set: function (v) {
+            this.ensureDataToolTipGroupRowMargin();
+            this.i.xa.bottom = +v;
+            this._a("dataToolTipGroupRowMarginBottom", this.i.xa.bottom);
+            this.i.xa = this.i.xa;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(IgcDomainChartComponent.prototype, "dataToolTipGroupRowMarginLeft", {
+        get: function () {
+            return this.i.xa ? this.i.xa.left : NaN;
+        },
+        set: function (v) {
+            this.ensureDataToolTipGroupRowMargin();
+            this.i.xa.left = +v;
+            this._a("dataToolTipGroupRowMarginLeft", this.i.xa.left);
+            this.i.xa = this.i.xa;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(IgcDomainChartComponent.prototype, "dataToolTipGroupRowMarginRight", {
+        get: function () {
+            return this.i.xa ? this.i.xa.right : NaN;
+        },
+        set: function (v) {
+            this.ensureDataToolTipGroupRowMargin();
+            this.i.xa.right = +v;
+            this._a("dataToolTipGroupRowMarginRight", this.i.xa.right);
+            this.i.xa = this.i.xa;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(IgcDomainChartComponent.prototype, "dataToolTipGroupRowMarginTop", {
+        get: function () {
+            return this.i.xa ? this.i.xa.top : NaN;
+        },
+        set: function (v) {
+            this.ensureDataToolTipGroupRowMargin();
+            this.i.xa.top = +v;
+            this._a("dataToolTipGroupRowMarginTop", this.i.xa.top);
+            this.i.xa = this.i.xa;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    IgcDomainChartComponent.prototype.ensureDataToolTipGroupRowMargin = function () {
+        if (this.i.xa) {
+            return;
+        }
+        this.i.xa = new Thickness(2);
+    };
+    Object.defineProperty(IgcDomainChartComponent.prototype, "dataToolTipGroupRowVisible", {
+        /**
+         * Gets or sets whether to show Group row.
+        */
+        get: function () {
+            return this.i.ge;
+        },
+        set: function (v) {
+            this.i.ge = ensureBool(v);
+            this._a("dataToolTipGroupRowVisible", this.i.ge);
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(IgcDomainChartComponent.prototype, "dataToolTipGroupTextStyle", {
+        /**
+         * Gets or Sets the style to use for the Group text.
+        */
+        get: function () {
+            if (this.i.ey == null) {
                 return null;
             }
-            return this.i.el.fontString;
+            return this.i.ey.fontString;
         },
         set: function (v) {
             var fi = new FontInfo();
             fi.fontString = v;
-            this.i.el = fi;
-            this._a("dataToolTipHeaderTextStyle", this.i.el != null ? this.i.el.fontString : "");
+            this.i.ey = fi;
+            this._a("dataToolTipGroupTextStyle", this.i.ey != null ? this.i.ey.fontString : "");
         },
         enumerable: false,
         configurable: true
@@ -1359,11 +1535,11 @@ var IgcDomainChartComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the summary text color.
         */
         get: function () {
-            return brushToString(this.i.vb);
+            return brushToString(this.i.v8);
         },
         set: function (v) {
-            this.i.vb = stringToBrush(v);
-            this._a("dataToolTipSummaryTitleTextColor", brushToString(this.i.vb));
+            this.i.v8 = stringToBrush(v);
+            this._a("dataToolTipSummaryTitleTextColor", brushToString(this.i.v8));
         },
         enumerable: false,
         configurable: true
@@ -1373,16 +1549,16 @@ var IgcDomainChartComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or Sets the style to use for the summary text.
         */
         get: function () {
-            if (this.i.eo == null) {
+            if (this.i.e2 == null) {
                 return null;
             }
-            return this.i.eo.fontString;
+            return this.i.e2.fontString;
         },
         set: function (v) {
             var fi = new FontInfo();
             fi.fontString = v;
-            this.i.eo = fi;
-            this._a("dataToolTipSummaryTitleTextStyle", this.i.eo != null ? this.i.eo.fontString : "");
+            this.i.e2 = fi;
+            this._a("dataToolTipSummaryTitleTextStyle", this.i.e2 != null ? this.i.e2.fontString : "");
         },
         enumerable: false,
         configurable: true
@@ -1392,11 +1568,11 @@ var IgcDomainChartComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the SummaryType for the data legend.
         */
         get: function () {
-            return this.i.bl;
+            return this.i.bp;
         },
         set: function (v) {
-            this.i.bl = ensureEnum(DataLegendSummaryType_$type, v);
-            this._a("dataToolTipSummaryType", enumToString(DataLegendSummaryType_$type, this.i.bl));
+            this.i.bp = ensureEnum(DataLegendSummaryType_$type, v);
+            this._a("dataToolTipSummaryType", enumToString(DataLegendSummaryType_$type, this.i.bp));
         },
         enumerable: false,
         configurable: true
@@ -1406,140 +1582,140 @@ var IgcDomainChartComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the SummaryTitleText for the data legend.
         */
         get: function () {
-            return this.i.ni;
+            return this.i.n3;
         },
         set: function (v) {
-            this.i.ni = v;
+            this.i.n3 = v;
         },
         enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcDomainChartComponent.prototype, "dataToolTipSummaryTitleTextMarginBottom", {
         get: function () {
-            return this.i.wd ? this.i.wd.bottom : NaN;
+            return this.i.xg ? this.i.xg.bottom : NaN;
         },
         set: function (v) {
             this.ensureDataToolTipSummaryTitleTextMargin();
-            this.i.wd.bottom = +v;
-            this._a("dataToolTipSummaryTitleTextMarginBottom", this.i.wd.bottom);
-            this.i.wd = this.i.wd;
+            this.i.xg.bottom = +v;
+            this._a("dataToolTipSummaryTitleTextMarginBottom", this.i.xg.bottom);
+            this.i.xg = this.i.xg;
         },
         enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcDomainChartComponent.prototype, "dataToolTipSummaryTitleTextMarginLeft", {
         get: function () {
-            return this.i.wd ? this.i.wd.left : NaN;
+            return this.i.xg ? this.i.xg.left : NaN;
         },
         set: function (v) {
             this.ensureDataToolTipSummaryTitleTextMargin();
-            this.i.wd.left = +v;
-            this._a("dataToolTipSummaryTitleTextMarginLeft", this.i.wd.left);
-            this.i.wd = this.i.wd;
+            this.i.xg.left = +v;
+            this._a("dataToolTipSummaryTitleTextMarginLeft", this.i.xg.left);
+            this.i.xg = this.i.xg;
         },
         enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcDomainChartComponent.prototype, "dataToolTipSummaryTitleTextMarginRight", {
         get: function () {
-            return this.i.wd ? this.i.wd.right : NaN;
+            return this.i.xg ? this.i.xg.right : NaN;
         },
         set: function (v) {
             this.ensureDataToolTipSummaryTitleTextMargin();
-            this.i.wd.right = +v;
-            this._a("dataToolTipSummaryTitleTextMarginRight", this.i.wd.right);
-            this.i.wd = this.i.wd;
+            this.i.xg.right = +v;
+            this._a("dataToolTipSummaryTitleTextMarginRight", this.i.xg.right);
+            this.i.xg = this.i.xg;
         },
         enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcDomainChartComponent.prototype, "dataToolTipSummaryTitleTextMarginTop", {
         get: function () {
-            return this.i.wd ? this.i.wd.top : NaN;
+            return this.i.xg ? this.i.xg.top : NaN;
         },
         set: function (v) {
             this.ensureDataToolTipSummaryTitleTextMargin();
-            this.i.wd.top = +v;
-            this._a("dataToolTipSummaryTitleTextMarginTop", this.i.wd.top);
-            this.i.wd = this.i.wd;
+            this.i.xg.top = +v;
+            this._a("dataToolTipSummaryTitleTextMarginTop", this.i.xg.top);
+            this.i.xg = this.i.xg;
         },
         enumerable: false,
         configurable: true
     });
     IgcDomainChartComponent.prototype.ensureDataToolTipSummaryTitleTextMargin = function () {
-        if (this.i.wd) {
+        if (this.i.xg) {
             return;
         }
-        this.i.wd = new Thickness(2);
+        this.i.xg = new Thickness(2);
     };
     Object.defineProperty(IgcDomainChartComponent.prototype, "dataToolTipSummaryRowMarginBottom", {
         get: function () {
-            return this.i.wc ? this.i.wc.bottom : NaN;
+            return this.i.xf ? this.i.xf.bottom : NaN;
         },
         set: function (v) {
             this.ensureDataToolTipSummaryRowMargin();
-            this.i.wc.bottom = +v;
-            this._a("dataToolTipSummaryRowMarginBottom", this.i.wc.bottom);
-            this.i.wc = this.i.wc;
+            this.i.xf.bottom = +v;
+            this._a("dataToolTipSummaryRowMarginBottom", this.i.xf.bottom);
+            this.i.xf = this.i.xf;
         },
         enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcDomainChartComponent.prototype, "dataToolTipSummaryRowMarginLeft", {
         get: function () {
-            return this.i.wc ? this.i.wc.left : NaN;
+            return this.i.xf ? this.i.xf.left : NaN;
         },
         set: function (v) {
             this.ensureDataToolTipSummaryRowMargin();
-            this.i.wc.left = +v;
-            this._a("dataToolTipSummaryRowMarginLeft", this.i.wc.left);
-            this.i.wc = this.i.wc;
+            this.i.xf.left = +v;
+            this._a("dataToolTipSummaryRowMarginLeft", this.i.xf.left);
+            this.i.xf = this.i.xf;
         },
         enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcDomainChartComponent.prototype, "dataToolTipSummaryRowMarginRight", {
         get: function () {
-            return this.i.wc ? this.i.wc.right : NaN;
+            return this.i.xf ? this.i.xf.right : NaN;
         },
         set: function (v) {
             this.ensureDataToolTipSummaryRowMargin();
-            this.i.wc.right = +v;
-            this._a("dataToolTipSummaryRowMarginRight", this.i.wc.right);
-            this.i.wc = this.i.wc;
+            this.i.xf.right = +v;
+            this._a("dataToolTipSummaryRowMarginRight", this.i.xf.right);
+            this.i.xf = this.i.xf;
         },
         enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcDomainChartComponent.prototype, "dataToolTipSummaryRowMarginTop", {
         get: function () {
-            return this.i.wc ? this.i.wc.top : NaN;
+            return this.i.xf ? this.i.xf.top : NaN;
         },
         set: function (v) {
             this.ensureDataToolTipSummaryRowMargin();
-            this.i.wc.top = +v;
-            this._a("dataToolTipSummaryRowMarginTop", this.i.wc.top);
-            this.i.wc = this.i.wc;
+            this.i.xf.top = +v;
+            this._a("dataToolTipSummaryRowMarginTop", this.i.xf.top);
+            this.i.xf = this.i.xf;
         },
         enumerable: false,
         configurable: true
     });
     IgcDomainChartComponent.prototype.ensureDataToolTipSummaryRowMargin = function () {
-        if (this.i.wc) {
+        if (this.i.xf) {
             return;
         }
-        this.i.wc = new Thickness(2);
+        this.i.xf = new Thickness(2);
     };
     Object.defineProperty(IgcDomainChartComponent.prototype, "dataToolTipSummaryValueTextColor", {
         /**
          * Gets or sets the units text color.
         */
         get: function () {
-            return brushToString(this.i.vd);
+            return brushToString(this.i.wa);
         },
         set: function (v) {
-            this.i.vd = stringToBrush(v);
-            this._a("dataToolTipSummaryValueTextColor", brushToString(this.i.vd));
+            this.i.wa = stringToBrush(v);
+            this._a("dataToolTipSummaryValueTextColor", brushToString(this.i.wa));
         },
         enumerable: false,
         configurable: true
@@ -1549,16 +1725,16 @@ var IgcDomainChartComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or Sets the style to use for the units text.
         */
         get: function () {
-            if (this.i.eq == null) {
+            if (this.i.e4 == null) {
                 return null;
             }
-            return this.i.eq.fontString;
+            return this.i.e4.fontString;
         },
         set: function (v) {
             var fi = new FontInfo();
             fi.fontString = v;
-            this.i.eq = fi;
-            this._a("dataToolTipSummaryValueTextStyle", this.i.eq != null ? this.i.eq.fontString : "");
+            this.i.e4 = fi;
+            this._a("dataToolTipSummaryValueTextStyle", this.i.e4 != null ? this.i.e4.fontString : "");
         },
         enumerable: false,
         configurable: true
@@ -1568,10 +1744,10 @@ var IgcDomainChartComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the units text for the data legend.
         */
         get: function () {
-            return this.i.nd;
+            return this.i.ny;
         },
         set: function (v) {
-            this.i.nd = v;
+            this.i.ny = v;
         },
         enumerable: false,
         configurable: true
@@ -1581,11 +1757,11 @@ var IgcDomainChartComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the units text color.
         */
         get: function () {
-            return brushToString(this.i.va);
+            return brushToString(this.i.v7);
         },
         set: function (v) {
-            this.i.va = stringToBrush(v);
-            this._a("dataToolTipSummaryLabelTextColor", brushToString(this.i.va));
+            this.i.v7 = stringToBrush(v);
+            this._a("dataToolTipSummaryLabelTextColor", brushToString(this.i.v7));
         },
         enumerable: false,
         configurable: true
@@ -1595,16 +1771,16 @@ var IgcDomainChartComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or Sets the style to use for the units text.
         */
         get: function () {
-            if (this.i.en == null) {
+            if (this.i.e1 == null) {
                 return null;
             }
-            return this.i.en.fontString;
+            return this.i.e1.fontString;
         },
         set: function (v) {
             var fi = new FontInfo();
             fi.fontString = v;
-            this.i.en = fi;
-            this._a("dataToolTipSummaryLabelTextStyle", this.i.en != null ? this.i.en.fontString : "");
+            this.i.e1 = fi;
+            this._a("dataToolTipSummaryLabelTextStyle", this.i.e1 != null ? this.i.e1.fontString : "");
         },
         enumerable: false,
         configurable: true
@@ -1614,10 +1790,10 @@ var IgcDomainChartComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the units text for the data legend.
         */
         get: function () {
-            return this.i.no;
+            return this.i.n9;
         },
         set: function (v) {
-            this.i.no = v;
+            this.i.n9 = v;
         },
         enumerable: false,
         configurable: true
@@ -1627,11 +1803,11 @@ var IgcDomainChartComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the units text color.
         */
         get: function () {
-            return brushToString(this.i.vc);
+            return brushToString(this.i.v9);
         },
         set: function (v) {
-            this.i.vc = stringToBrush(v);
-            this._a("dataToolTipSummaryUnitsTextColor", brushToString(this.i.vc));
+            this.i.v9 = stringToBrush(v);
+            this._a("dataToolTipSummaryUnitsTextColor", brushToString(this.i.v9));
         },
         enumerable: false,
         configurable: true
@@ -1641,88 +1817,88 @@ var IgcDomainChartComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or Sets the style to use for the units text.
         */
         get: function () {
-            if (this.i.ep == null) {
+            if (this.i.e3 == null) {
                 return null;
             }
-            return this.i.ep.fontString;
+            return this.i.e3.fontString;
         },
         set: function (v) {
             var fi = new FontInfo();
             fi.fontString = v;
-            this.i.ep = fi;
-            this._a("dataToolTipSummaryUnitsTextStyle", this.i.ep != null ? this.i.ep.fontString : "");
+            this.i.e3 = fi;
+            this._a("dataToolTipSummaryUnitsTextStyle", this.i.e3 != null ? this.i.e3.fontString : "");
         },
         enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcDomainChartComponent.prototype, "dataToolTipBadgeMarginBottom", {
         get: function () {
-            return this.i.v8 ? this.i.v8.bottom : NaN;
+            return this.i.w9 ? this.i.w9.bottom : NaN;
         },
         set: function (v) {
             this.ensureDataToolTipBadgeMargin();
-            this.i.v8.bottom = +v;
-            this._a("dataToolTipBadgeMarginBottom", this.i.v8.bottom);
-            this.i.v8 = this.i.v8;
+            this.i.w9.bottom = +v;
+            this._a("dataToolTipBadgeMarginBottom", this.i.w9.bottom);
+            this.i.w9 = this.i.w9;
         },
         enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcDomainChartComponent.prototype, "dataToolTipBadgeMarginLeft", {
         get: function () {
-            return this.i.v8 ? this.i.v8.left : NaN;
+            return this.i.w9 ? this.i.w9.left : NaN;
         },
         set: function (v) {
             this.ensureDataToolTipBadgeMargin();
-            this.i.v8.left = +v;
-            this._a("dataToolTipBadgeMarginLeft", this.i.v8.left);
-            this.i.v8 = this.i.v8;
+            this.i.w9.left = +v;
+            this._a("dataToolTipBadgeMarginLeft", this.i.w9.left);
+            this.i.w9 = this.i.w9;
         },
         enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcDomainChartComponent.prototype, "dataToolTipBadgeMarginRight", {
         get: function () {
-            return this.i.v8 ? this.i.v8.right : NaN;
+            return this.i.w9 ? this.i.w9.right : NaN;
         },
         set: function (v) {
             this.ensureDataToolTipBadgeMargin();
-            this.i.v8.right = +v;
-            this._a("dataToolTipBadgeMarginRight", this.i.v8.right);
-            this.i.v8 = this.i.v8;
+            this.i.w9.right = +v;
+            this._a("dataToolTipBadgeMarginRight", this.i.w9.right);
+            this.i.w9 = this.i.w9;
         },
         enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcDomainChartComponent.prototype, "dataToolTipBadgeMarginTop", {
         get: function () {
-            return this.i.v8 ? this.i.v8.top : NaN;
+            return this.i.w9 ? this.i.w9.top : NaN;
         },
         set: function (v) {
             this.ensureDataToolTipBadgeMargin();
-            this.i.v8.top = +v;
-            this._a("dataToolTipBadgeMarginTop", this.i.v8.top);
-            this.i.v8 = this.i.v8;
+            this.i.w9.top = +v;
+            this._a("dataToolTipBadgeMarginTop", this.i.w9.top);
+            this.i.w9 = this.i.w9;
         },
         enumerable: false,
         configurable: true
     });
     IgcDomainChartComponent.prototype.ensureDataToolTipBadgeMargin = function () {
-        if (this.i.v8) {
+        if (this.i.w9) {
             return;
         }
-        this.i.v8 = new Thickness(2);
+        this.i.w9 = new Thickness(2);
     };
     Object.defineProperty(IgcDomainChartComponent.prototype, "dataToolTipBadgeShape", {
         /**
          * Gets or sets the BadgeShape for the data legend.
         */
         get: function () {
-            return this.i.ci;
+            return this.i.cm;
         },
         set: function (v) {
-            this.i.ci = ensureEnum(LegendItemBadgeShape_$type, v);
-            this._a("dataToolTipBadgeShape", enumToString(LegendItemBadgeShape_$type, this.i.ci));
+            this.i.cm = ensureEnum(LegendItemBadgeShape_$type, v);
+            this._a("dataToolTipBadgeShape", enumToString(LegendItemBadgeShape_$type, this.i.cm));
         },
         enumerable: false,
         configurable: true
@@ -1732,11 +1908,11 @@ var IgcDomainChartComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the UnitsMode for the data legend.
         */
         get: function () {
-            return this.i.bn;
+            return this.i.br;
         },
         set: function (v) {
-            this.i.bn = ensureEnum(DataLegendUnitsMode_$type, v);
-            this._a("dataToolTipUnitsDisplayMode", enumToString(DataLegendUnitsMode_$type, this.i.bn));
+            this.i.br = ensureEnum(DataLegendUnitsMode_$type, v);
+            this._a("dataToolTipUnitsDisplayMode", enumToString(DataLegendUnitsMode_$type, this.i.br));
         },
         enumerable: false,
         configurable: true
@@ -1746,10 +1922,10 @@ var IgcDomainChartComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the units text for the data legend.
         */
         get: function () {
-            return this.i.ny;
+            return this.i.oj;
         },
         set: function (v) {
-            this.i.ny = v;
+            this.i.oj = v;
         },
         enumerable: false,
         configurable: true
@@ -1759,160 +1935,160 @@ var IgcDomainChartComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the units text color.
         */
         get: function () {
-            return brushToString(this.i.vf);
+            return brushToString(this.i.wc);
         },
         set: function (v) {
-            this.i.vf = stringToBrush(v);
-            this._a("dataToolTipUnitsTextColor", brushToString(this.i.vf));
+            this.i.wc = stringToBrush(v);
+            this._a("dataToolTipUnitsTextColor", brushToString(this.i.wc));
         },
         enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcDomainChartComponent.prototype, "dataToolTipUnitsTextMarginBottom", {
         get: function () {
-            return this.i.wf ? this.i.wf.bottom : NaN;
+            return this.i.xi ? this.i.xi.bottom : NaN;
         },
         set: function (v) {
             this.ensureDataToolTipUnitsTextMargin();
-            this.i.wf.bottom = +v;
-            this._a("dataToolTipUnitsTextMarginBottom", this.i.wf.bottom);
-            this.i.wf = this.i.wf;
+            this.i.xi.bottom = +v;
+            this._a("dataToolTipUnitsTextMarginBottom", this.i.xi.bottom);
+            this.i.xi = this.i.xi;
         },
         enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcDomainChartComponent.prototype, "dataToolTipUnitsTextMarginLeft", {
         get: function () {
-            return this.i.wf ? this.i.wf.left : NaN;
+            return this.i.xi ? this.i.xi.left : NaN;
         },
         set: function (v) {
             this.ensureDataToolTipUnitsTextMargin();
-            this.i.wf.left = +v;
-            this._a("dataToolTipUnitsTextMarginLeft", this.i.wf.left);
-            this.i.wf = this.i.wf;
+            this.i.xi.left = +v;
+            this._a("dataToolTipUnitsTextMarginLeft", this.i.xi.left);
+            this.i.xi = this.i.xi;
         },
         enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcDomainChartComponent.prototype, "dataToolTipUnitsTextMarginRight", {
         get: function () {
-            return this.i.wf ? this.i.wf.right : NaN;
+            return this.i.xi ? this.i.xi.right : NaN;
         },
         set: function (v) {
             this.ensureDataToolTipUnitsTextMargin();
-            this.i.wf.right = +v;
-            this._a("dataToolTipUnitsTextMarginRight", this.i.wf.right);
-            this.i.wf = this.i.wf;
+            this.i.xi.right = +v;
+            this._a("dataToolTipUnitsTextMarginRight", this.i.xi.right);
+            this.i.xi = this.i.xi;
         },
         enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcDomainChartComponent.prototype, "dataToolTipUnitsTextMarginTop", {
         get: function () {
-            return this.i.wf ? this.i.wf.top : NaN;
+            return this.i.xi ? this.i.xi.top : NaN;
         },
         set: function (v) {
             this.ensureDataToolTipUnitsTextMargin();
-            this.i.wf.top = +v;
-            this._a("dataToolTipUnitsTextMarginTop", this.i.wf.top);
-            this.i.wf = this.i.wf;
+            this.i.xi.top = +v;
+            this._a("dataToolTipUnitsTextMarginTop", this.i.xi.top);
+            this.i.xi = this.i.xi;
         },
         enumerable: false,
         configurable: true
     });
     IgcDomainChartComponent.prototype.ensureDataToolTipUnitsTextMargin = function () {
-        if (this.i.wf) {
+        if (this.i.xi) {
             return;
         }
-        this.i.wf = new Thickness(2);
+        this.i.xi = new Thickness(2);
     };
     Object.defineProperty(IgcDomainChartComponent.prototype, "dataToolTipUnitsTextStyle", {
         /**
          * Gets or Sets the style to use for the units text.
         */
         get: function () {
-            if (this.i.es == null) {
+            if (this.i.e6 == null) {
                 return null;
             }
-            return this.i.es.fontString;
+            return this.i.e6.fontString;
         },
         set: function (v) {
             var fi = new FontInfo();
             fi.fontString = v;
-            this.i.es = fi;
-            this._a("dataToolTipUnitsTextStyle", this.i.es != null ? this.i.es.fontString : "");
+            this.i.e6 = fi;
+            this._a("dataToolTipUnitsTextStyle", this.i.e6 != null ? this.i.e6.fontString : "");
         },
         enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcDomainChartComponent.prototype, "dataToolTipTitleTextMarginBottom", {
         get: function () {
-            return this.i.we ? this.i.we.bottom : NaN;
+            return this.i.xh ? this.i.xh.bottom : NaN;
         },
         set: function (v) {
             this.ensureDataToolTipTitleTextMargin();
-            this.i.we.bottom = +v;
-            this._a("dataToolTipTitleTextMarginBottom", this.i.we.bottom);
-            this.i.we = this.i.we;
+            this.i.xh.bottom = +v;
+            this._a("dataToolTipTitleTextMarginBottom", this.i.xh.bottom);
+            this.i.xh = this.i.xh;
         },
         enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcDomainChartComponent.prototype, "dataToolTipTitleTextMarginLeft", {
         get: function () {
-            return this.i.we ? this.i.we.left : NaN;
+            return this.i.xh ? this.i.xh.left : NaN;
         },
         set: function (v) {
             this.ensureDataToolTipTitleTextMargin();
-            this.i.we.left = +v;
-            this._a("dataToolTipTitleTextMarginLeft", this.i.we.left);
-            this.i.we = this.i.we;
+            this.i.xh.left = +v;
+            this._a("dataToolTipTitleTextMarginLeft", this.i.xh.left);
+            this.i.xh = this.i.xh;
         },
         enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcDomainChartComponent.prototype, "dataToolTipTitleTextMarginRight", {
         get: function () {
-            return this.i.we ? this.i.we.right : NaN;
+            return this.i.xh ? this.i.xh.right : NaN;
         },
         set: function (v) {
             this.ensureDataToolTipTitleTextMargin();
-            this.i.we.right = +v;
-            this._a("dataToolTipTitleTextMarginRight", this.i.we.right);
-            this.i.we = this.i.we;
+            this.i.xh.right = +v;
+            this._a("dataToolTipTitleTextMarginRight", this.i.xh.right);
+            this.i.xh = this.i.xh;
         },
         enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcDomainChartComponent.prototype, "dataToolTipTitleTextMarginTop", {
         get: function () {
-            return this.i.we ? this.i.we.top : NaN;
+            return this.i.xh ? this.i.xh.top : NaN;
         },
         set: function (v) {
             this.ensureDataToolTipTitleTextMargin();
-            this.i.we.top = +v;
-            this._a("dataToolTipTitleTextMarginTop", this.i.we.top);
-            this.i.we = this.i.we;
+            this.i.xh.top = +v;
+            this._a("dataToolTipTitleTextMarginTop", this.i.xh.top);
+            this.i.xh = this.i.xh;
         },
         enumerable: false,
         configurable: true
     });
     IgcDomainChartComponent.prototype.ensureDataToolTipTitleTextMargin = function () {
-        if (this.i.we) {
+        if (this.i.xh) {
             return;
         }
-        this.i.we = new Thickness(2);
+        this.i.xh = new Thickness(2);
     };
     Object.defineProperty(IgcDomainChartComponent.prototype, "dataToolTipTitleTextColor", {
         /**
          * Gets or sets the display text color.
         */
         get: function () {
-            return brushToString(this.i.ve);
+            return brushToString(this.i.wb);
         },
         set: function (v) {
-            this.i.ve = stringToBrush(v);
-            this._a("dataToolTipTitleTextColor", brushToString(this.i.ve));
+            this.i.wb = stringToBrush(v);
+            this._a("dataToolTipTitleTextColor", brushToString(this.i.wb));
         },
         enumerable: false,
         configurable: true
@@ -1922,16 +2098,16 @@ var IgcDomainChartComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or Sets the style to use for the display text.
         */
         get: function () {
-            if (this.i.er == null) {
+            if (this.i.e5 == null) {
                 return null;
             }
-            return this.i.er.fontString;
+            return this.i.e5.fontString;
         },
         set: function (v) {
             var fi = new FontInfo();
             fi.fontString = v;
-            this.i.er = fi;
-            this._a("dataToolTipTitleTextStyle", this.i.er != null ? this.i.er.fontString : "");
+            this.i.e5 = fi;
+            this._a("dataToolTipTitleTextStyle", this.i.e5 != null ? this.i.e5.fontString : "");
         },
         enumerable: false,
         configurable: true
@@ -1941,11 +2117,11 @@ var IgcDomainChartComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the mode for displaying labels before series values in the data legend, e.g. O: H: L: C: for financial series
         */
         get: function () {
-            return this.i.bj;
+            return this.i.bn;
         },
         set: function (v) {
-            this.i.bj = ensureEnum(DataLegendLabelMode_$type, v);
-            this._a("dataToolTipLabelDisplayMode", enumToString(DataLegendLabelMode_$type, this.i.bj));
+            this.i.bn = ensureEnum(DataLegendLabelMode_$type, v);
+            this._a("dataToolTipLabelDisplayMode", enumToString(DataLegendLabelMode_$type, this.i.bn));
         },
         enumerable: false,
         configurable: true
@@ -1955,88 +2131,88 @@ var IgcDomainChartComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the units text color.
         */
         get: function () {
-            return brushToString(this.i.u9);
+            return brushToString(this.i.v6);
         },
         set: function (v) {
-            this.i.u9 = stringToBrush(v);
-            this._a("dataToolTipLabelTextColor", brushToString(this.i.u9));
+            this.i.v6 = stringToBrush(v);
+            this._a("dataToolTipLabelTextColor", brushToString(this.i.v6));
         },
         enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcDomainChartComponent.prototype, "dataToolTipLabelTextMarginBottom", {
         get: function () {
-            return this.i.wb ? this.i.wb.bottom : NaN;
+            return this.i.xe ? this.i.xe.bottom : NaN;
         },
         set: function (v) {
             this.ensureDataToolTipLabelTextMargin();
-            this.i.wb.bottom = +v;
-            this._a("dataToolTipLabelTextMarginBottom", this.i.wb.bottom);
-            this.i.wb = this.i.wb;
+            this.i.xe.bottom = +v;
+            this._a("dataToolTipLabelTextMarginBottom", this.i.xe.bottom);
+            this.i.xe = this.i.xe;
         },
         enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcDomainChartComponent.prototype, "dataToolTipLabelTextMarginLeft", {
         get: function () {
-            return this.i.wb ? this.i.wb.left : NaN;
+            return this.i.xe ? this.i.xe.left : NaN;
         },
         set: function (v) {
             this.ensureDataToolTipLabelTextMargin();
-            this.i.wb.left = +v;
-            this._a("dataToolTipLabelTextMarginLeft", this.i.wb.left);
-            this.i.wb = this.i.wb;
+            this.i.xe.left = +v;
+            this._a("dataToolTipLabelTextMarginLeft", this.i.xe.left);
+            this.i.xe = this.i.xe;
         },
         enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcDomainChartComponent.prototype, "dataToolTipLabelTextMarginRight", {
         get: function () {
-            return this.i.wb ? this.i.wb.right : NaN;
+            return this.i.xe ? this.i.xe.right : NaN;
         },
         set: function (v) {
             this.ensureDataToolTipLabelTextMargin();
-            this.i.wb.right = +v;
-            this._a("dataToolTipLabelTextMarginRight", this.i.wb.right);
-            this.i.wb = this.i.wb;
+            this.i.xe.right = +v;
+            this._a("dataToolTipLabelTextMarginRight", this.i.xe.right);
+            this.i.xe = this.i.xe;
         },
         enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcDomainChartComponent.prototype, "dataToolTipLabelTextMarginTop", {
         get: function () {
-            return this.i.wb ? this.i.wb.top : NaN;
+            return this.i.xe ? this.i.xe.top : NaN;
         },
         set: function (v) {
             this.ensureDataToolTipLabelTextMargin();
-            this.i.wb.top = +v;
-            this._a("dataToolTipLabelTextMarginTop", this.i.wb.top);
-            this.i.wb = this.i.wb;
+            this.i.xe.top = +v;
+            this._a("dataToolTipLabelTextMarginTop", this.i.xe.top);
+            this.i.xe = this.i.xe;
         },
         enumerable: false,
         configurable: true
     });
     IgcDomainChartComponent.prototype.ensureDataToolTipLabelTextMargin = function () {
-        if (this.i.wb) {
+        if (this.i.xe) {
             return;
         }
-        this.i.wb = new Thickness(2);
+        this.i.xe = new Thickness(2);
     };
     Object.defineProperty(IgcDomainChartComponent.prototype, "dataToolTipLabelTextStyle", {
         /**
          * Gets or Sets the style to use for the units text.
         */
         get: function () {
-            if (this.i.em == null) {
+            if (this.i.e0 == null) {
                 return null;
             }
-            return this.i.em.fontString;
+            return this.i.e0.fontString;
         },
         set: function (v) {
             var fi = new FontInfo();
             fi.fontString = v;
-            this.i.em = fi;
-            this._a("dataToolTipLabelTextStyle", this.i.em != null ? this.i.em.fontString : "");
+            this.i.e0 = fi;
+            this._a("dataToolTipLabelTextStyle", this.i.e0 != null ? this.i.e0.fontString : "");
         },
         enumerable: false,
         configurable: true
@@ -2046,7 +2222,7 @@ var IgcDomainChartComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets the domain type of this chart
         */
         get: function () {
-            return this.i.b1;
+            return this.i.b5;
         },
         enumerable: false,
         configurable: true
@@ -2056,7 +2232,7 @@ var IgcDomainChartComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets the current sort that is applied to the grid. Collection can be updated to modify the sort for the grid. Once sort descriptions are in this collection, the grid will no longer listen for changes on their properties.
         */
         get: function () {
-            var r = this.i.a0;
+            var r = this.i.a4;
             if (r == null) {
                 return null;
             }
@@ -2079,7 +2255,7 @@ var IgcDomainChartComponent = /** @class */ /*@__PURE__*/ (function (_super) {
     });
     Object.defineProperty(IgcDomainChartComponent.prototype, "groupSortDescriptions", {
         get: function () {
-            var r = this.i.aw;
+            var r = this.i.a0;
             if (r == null) {
                 return null;
             }
@@ -2105,7 +2281,7 @@ var IgcDomainChartComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets the current grouping that is applied to the grid. Collection can be updated to modify the grouping for the grid. Once grouping descriptions are in this collection, the grid will no longer listen for changes on their properties.
         */
         get: function () {
-            var r = this.i.av;
+            var r = this.i.az;
             if (r == null) {
                 return null;
             }
@@ -2128,10 +2304,10 @@ var IgcDomainChartComponent = /** @class */ /*@__PURE__*/ (function (_super) {
     });
     Object.defineProperty(IgcDomainChartComponent.prototype, "filterExpressions", {
         /**
-         * Gets the current filter that is applied to the chart. Collection can be updated to modify the filter for the chart. Once filter expresisons are in this collection, the chart will no longer listen for changes on their properties.
+         * 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.d4;
+            var r = this.i.eg;
             if (r == null) {
                 return null;
             }
@@ -2154,10 +2330,10 @@ var IgcDomainChartComponent = /** @class */ /*@__PURE__*/ (function (_super) {
     });
     Object.defineProperty(IgcDomainChartComponent.prototype, "highlightFilterExpressions", {
         /**
-         * 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 expresisons are in this collection, the chart will no longer listen for changes on their properties.
+         * 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.d5;
+            var r = this.i.eh;
             if (r == null) {
                 return null;
             }
@@ -2183,7 +2359,7 @@ var IgcDomainChartComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets the current summaries that are applied to the grid.
         */
         get: function () {
-            var r = this.i.a4;
+            var r = this.i.a8;
             if (r == null) {
                 return null;
             }
@@ -2204,12 +2380,152 @@ var IgcDomainChartComponent = /** @class */ /*@__PURE__*/ (function (_super) {
         enumerable: false,
         configurable: true
     });
+    Object.defineProperty(IgcDomainChartComponent.prototype, "selectionMode", {
+        /**
+         * Gets or sets the selection mode to use for the series in the component, when supported.
+        */
+        get: function () {
+            return this.i.dr;
+        },
+        set: function (v) {
+            this.i.dr = ensureEnum(SeriesSelectionMode_$type, v);
+            this._a("selectionMode", enumToString(SeriesSelectionMode_$type, this.i.dr));
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(IgcDomainChartComponent.prototype, "focusMode", {
+        /**
+         * Gets or sets the focus mode to use for the series in the component, when supported.
+        */
+        get: function () {
+            return this.i.dq;
+        },
+        set: function (v) {
+            this.i.dq = ensureEnum(SeriesSelectionMode_$type, v);
+            this._a("focusMode", enumToString(SeriesSelectionMode_$type, this.i.dq));
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(IgcDomainChartComponent.prototype, "selectionBrush", {
+        /**
+         * Gets or sets the selection brush to use for the series.
+        */
+        get: function () {
+            return brushToString(this.i.wo);
+        },
+        set: function (v) {
+            this.i.wo = stringToBrush(v);
+            this._a("selectionBrush", brushToString(this.i.wo));
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(IgcDomainChartComponent.prototype, "focusBrush", {
+        /**
+         * Gets or sets the focus brush to use for the series.
+        */
+        get: function () {
+            return brushToString(this.i.wg);
+        },
+        set: function (v) {
+            this.i.wg = stringToBrush(v);
+            this._a("focusBrush", brushToString(this.i.wg));
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(IgcDomainChartComponent.prototype, "selectionBehavior", {
+        /**
+         * Gets or sets the selection behavior to use for the series in the component, when supported.
+        */
+        get: function () {
+            return this.i.dm;
+        },
+        set: function (v) {
+            this.i.dm = ensureEnum(SeriesSelectionBehavior_$type, v);
+            this._a("selectionBehavior", enumToString(SeriesSelectionBehavior_$type, this.i.dm));
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(IgcDomainChartComponent.prototype, "selectedSeriesItems", {
+        /**
+         * Gets the currently selected data items.  Adding or removing data items from this collection will
+         * select or deselect the visuals associated with those items.
+        */
+        get: function () {
+            if (this._selectedSeriesItems === null) {
+                var coll = new IgcChartSelectedItemCollection();
+                var innerColl = this.i.selectedSeriesItems;
+                if (!innerColl) {
+                    innerColl = new ChartSelectedItemCollection_internal();
+                }
+                this._selectedSeriesItems = coll._fromInner(innerColl);
+            }
+            return this._selectedSeriesItems;
+        },
+        set: function (v) {
+            if (this._selectedSeriesItems !== null) {
+                this._selectedSeriesItems._setSyncTarget(null);
+                this._selectedSeriesItems = null;
+            }
+            var coll = new IgcChartSelectedItemCollection();
+            this._selectedSeriesItems = coll._fromOuter(v);
+            var syncColl = new SyncableObservableCollection$1(ChartSelection.$type);
+            var innerColl = this.i.selectedSeriesItems;
+            if (!innerColl) {
+                innerColl = new ChartSelectedItemCollection_internal();
+            }
+            syncColl._inner = innerColl;
+            syncColl.clear();
+            this._selectedSeriesItems._setSyncTarget(syncColl);
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(IgcDomainChartComponent.prototype, "focusedSeriesItems", {
+        /**
+         * Gets the currently focused data items.  Adding or removing data items from this collection will
+         * focus or blur the visuals associated with those items.
+        */
+        get: function () {
+            if (this._focusedSeriesItems === null) {
+                var coll = new IgcChartSelectedItemCollection();
+                var innerColl = this.i.focusedSeriesItems;
+                if (!innerColl) {
+                    innerColl = new ChartSelectedItemCollection_internal();
+                }
+                this._focusedSeriesItems = coll._fromInner(innerColl);
+            }
+            return this._focusedSeriesItems;
+        },
+        set: function (v) {
+            if (this._focusedSeriesItems !== null) {
+                this._focusedSeriesItems._setSyncTarget(null);
+                this._focusedSeriesItems = null;
+            }
+            var coll = new IgcChartSelectedItemCollection();
+            this._focusedSeriesItems = coll._fromOuter(v);
+            var syncColl = new SyncableObservableCollection$1(ChartSelection.$type);
+            var innerColl = this.i.focusedSeriesItems;
+            if (!innerColl) {
+                innerColl = new ChartSelectedItemCollection_internal();
+            }
+            syncColl._inner = innerColl;
+            syncColl.clear();
+            this._focusedSeriesItems._setSyncTarget(syncColl);
+        },
+        enumerable: false,
+        configurable: true
+    });
     Object.defineProperty(IgcDomainChartComponent.prototype, "initialSortDescriptions", {
         /**
          * Gets the initial sorts that are applied to the chart.
         */
         get: function () {
-            var r = this.i.az;
+            var r = this.i.a3;
             if (r == null) {
                 return null;
             }
@@ -2235,7 +2551,7 @@ var IgcDomainChartComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets the initial sorts that are applied to the chart after groupings and summaries are applied.
         */
         get: function () {
-            var r = this.i.ay;
+            var r = this.i.a2;
             if (r == null) {
                 return null;
             }
@@ -2261,7 +2577,7 @@ var IgcDomainChartComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets the initial groupings that are applied to the chart.
         */
         get: function () {
-            var r = this.i.ax;
+            var r = this.i.a1;
             if (r == null) {
                 return null;
             }
@@ -2287,7 +2603,7 @@ var IgcDomainChartComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets the initial filters that are applied to the chart.
         */
         get: function () {
-            var r = this.i.d6;
+            var r = this.i.ei;
             if (r == null) {
                 return null;
             }
@@ -2313,7 +2629,7 @@ var IgcDomainChartComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets the initial highlight filters that are applied to the chart.
         */
         get: function () {
-            var r = this.i.d7;
+            var r = this.i.ej;
             if (r == null) {
                 return null;
             }
@@ -2339,7 +2655,7 @@ var IgcDomainChartComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets the initial summaries that are applied to the chart.
         */
         get: function () {
-            var r = this.i.a3;
+            var r = this.i.a7;
             if (r == null) {
                 return null;
             }
@@ -2365,10 +2681,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.ph;
+            return this.i.p4;
         },
         set: function (v) {
-            this.i.ph = v;
+            this.i.p4 = v;
         },
         enumerable: false,
         configurable: true
@@ -2378,10 +2694,10 @@ var IgcDomainChartComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the sorts to apply after grouping has been applied.
         */
         get: function () {
-            return this.i.ot;
+            return this.i.pg;
         },
         set: function (v) {
-            this.i.ot = v;
+            this.i.pg = v;
         },
         enumerable: false,
         configurable: true
@@ -2391,10 +2707,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.pd;
+            return this.i.p0;
         },
         set: function (v) {
-            this.i.pd = v;
+            this.i.p0 = v;
         },
         enumerable: false,
         configurable: true
@@ -2404,10 +2720,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.pb;
+            return this.i.py;
         },
         set: function (v) {
-            this.i.pb = v;
+            this.i.py = v;
         },
         enumerable: false,
         configurable: true
@@ -2417,10 +2733,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.pf;
+            return this.i.p2;
         },
         set: function (v) {
-            this.i.pf = v;
+            this.i.p2 = v;
         },
         enumerable: false,
         configurable: true
@@ -2430,10 +2746,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.pj;
+            return this.i.p6;
         },
         set: function (v) {
-            this.i.pj = v;
+            this.i.p6 = v;
         },
         enumerable: false,
         configurable: true
@@ -2561,11 +2877,11 @@ var IgcDomainChartComponent = /** @class */ /*@__PURE__*/ (function (_super) {
         * ```
         */
         get: function () {
-            return this.i.gd;
+            return this.i.gt;
         },
         set: function (v) {
-            this.i.gd = ensureBool(v);
-            this._a("isHorizontalZoomEnabled", this.i.gd);
+            this.i.gt = ensureBool(v);
+            this._a("isHorizontalZoomEnabled", this.i.gt);
         },
         enumerable: false,
         configurable: true
@@ -2581,11 +2897,11 @@ var IgcDomainChartComponent = /** @class */ /*@__PURE__*/ (function (_super) {
         * ```
         */
         get: function () {
-            return this.i.gk;
+            return this.i.g0;
         },
         set: function (v) {
-            this.i.gk = ensureBool(v);
-            this._a("isVerticalZoomEnabled", this.i.gk);
+            this.i.g0 = ensureBool(v);
+            this._a("isVerticalZoomEnabled", this.i.g0);
         },
         enumerable: false,
         configurable: true
@@ -2595,11 +2911,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.gn;
+            return this.i.g3;
         },
         set: function (v) {
-            this.i.gn = ensureBool(v);
-            this._a("shouldDisplayMockData", this.i.gn);
+            this.i.g3 = ensureBool(v);
+            this._a("shouldDisplayMockData", this.i.g3);
         },
         enumerable: false,
         configurable: true
@@ -2609,11 +2925,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.gq;
+            return this.i.g6;
         },
         set: function (v) {
-            this.i.gq = ensureBool(v);
-            this._a("shouldUseSkeletonStyleForMockData", this.i.gq);
+            this.i.g6 = ensureBool(v);
+            this._a("shouldUseSkeletonStyleForMockData", this.i.g6);
         },
         enumerable: false,
         configurable: true
@@ -2624,11 +2940,11 @@ var IgcDomainChartComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * This property applies to Category Chart and Financial Chart controls.
         */
         get: function () {
-            return this.i.c6;
+            return this.i.da;
         },
         set: function (v) {
-            this.i.c6 = ensureEnum(SeriesHighlightedValuesDisplayMode_$type, v);
-            this._a("highlightedValuesDisplayMode", enumToString(SeriesHighlightedValuesDisplayMode_$type, this.i.c6));
+            this.i.da = ensureEnum(SeriesHighlightedValuesDisplayMode_$type, v);
+            this._a("highlightedValuesDisplayMode", enumToString(SeriesHighlightedValuesDisplayMode_$type, this.i.da));
         },
         enumerable: false,
         configurable: true
@@ -2639,11 +2955,11 @@ var IgcDomainChartComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * This property applies to Category Chart and Financial Chart controls.
         */
         get: function () {
-            return this.i.gf;
+            return this.i.gv;
         },
         set: function (v) {
-            this.i.gf = ensureBool(v);
-            this._a("isSeriesHighlightingEnabled", this.i.gf);
+            this.i.gv = ensureBool(v);
+            this._a("isSeriesHighlightingEnabled", this.i.gv);
         },
         enumerable: false,
         configurable: true
@@ -2660,11 +2976,11 @@ var IgcDomainChartComponent = /** @class */ /*@__PURE__*/ (function (_super) {
         * ```
         */
         get: function () {
-            return fromRect(this.i.vx);
+            return fromRect(this.i.ww);
         },
         set: function (v) {
-            this.i.vx = toRect(v);
-            this._a("windowRect", rectToString(this.i.vx));
+            this.i.ww = toRect(v);
+            this._a("windowRect", rectToString(this.i.ww));
         },
         enumerable: false,
         configurable: true
@@ -2680,7 +2996,7 @@ var IgcDomainChartComponent = /** @class */ /*@__PURE__*/ (function (_super) {
         * ```
         */
         get: function () {
-            return fromRect(this.i.vw);
+            return fromRect(this.i.wv);
         },
         enumerable: false,
         configurable: true
@@ -2696,10 +3012,10 @@ var IgcDomainChartComponent = /** @class */ /*@__PURE__*/ (function (_super) {
         * ```
         */
         get: function () {
-            return this.i.qt;
+            return this.i.rj;
         },
         set: function (v) {
-            this.i.qt = v;
+            this.i.rj = v;
         },
         enumerable: false,
         configurable: true
@@ -2715,10 +3031,10 @@ var IgcDomainChartComponent = /** @class */ /*@__PURE__*/ (function (_super) {
         * ```
         */
         get: function () {
-            return this.i.qi;
+            return this.i.q8;
         },
         set: function (v) {
-            this.i.qi = v;
+            this.i.q8 = v;
         },
         enumerable: false,
         configurable: true
@@ -2734,11 +3050,11 @@ var IgcDomainChartComponent = /** @class */ /*@__PURE__*/ (function (_super) {
         * ```
         */
         get: function () {
-            return this.i.ue;
+            return this.i.u7;
         },
         set: function (v) {
-            this.i.ue = ensureEnum(HorizontalAlignment_$type, v);
-            this._a("titleAlignment", enumToString(HorizontalAlignment_$type, this.i.ue));
+            this.i.u7 = ensureEnum(HorizontalAlignment_$type, v);
+            this._a("titleAlignment", enumToString(HorizontalAlignment_$type, this.i.u7));
         },
         enumerable: false,
         configurable: true
@@ -2754,11 +3070,11 @@ var IgcDomainChartComponent = /** @class */ /*@__PURE__*/ (function (_super) {
         * ```
         */
         get: function () {
-            return this.i.ud;
+            return this.i.u6;
         },
         set: function (v) {
-            this.i.ud = ensureEnum(HorizontalAlignment_$type, v);
-            this._a("subtitleAlignment", enumToString(HorizontalAlignment_$type, this.i.ud));
+            this.i.u6 = ensureEnum(HorizontalAlignment_$type, v);
+            this._a("subtitleAlignment", enumToString(HorizontalAlignment_$type, this.i.u6));
         },
         enumerable: false,
         configurable: true
@@ -2775,11 +3091,11 @@ var IgcDomainChartComponent = /** @class */ /*@__PURE__*/ (function (_super) {
         * ```
         */
         get: function () {
-            return this.i.dv;
+            return this.i.d7;
         },
         set: function (v) {
-            this.i.dv = ensureEnum(UnknownValuePlotting_$type, v);
-            this._a("unknownValuePlotting", enumToString(UnknownValuePlotting_$type, this.i.dv));
+            this.i.d7 = ensureEnum(UnknownValuePlotting_$type, v);
+            this._a("unknownValuePlotting", enumToString(UnknownValuePlotting_$type, this.i.d7));
         },
         enumerable: false,
         configurable: true
@@ -2796,11 +3112,11 @@ var IgcDomainChartComponent = /** @class */ /*@__PURE__*/ (function (_super) {
         * ```
         */
         get: function () {
-            return this.i.i6;
+            return this.i.jm;
         },
         set: function (v) {
-            this.i.i6 = +v;
-            this._a("resolution", this.i.i6);
+            this.i.jm = +v;
+            this._a("resolution", this.i.jm);
         },
         enumerable: false,
         configurable: true
@@ -2812,11 +3128,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.jc;
+            return this.i.js;
         },
         set: function (v) {
-            this.i.jc = +v;
-            this._a("thickness", this.i.jc);
+            this.i.js = +v;
+            this._a("thickness", this.i.js);
         },
         enumerable: false,
         configurable: true
@@ -2826,11 +3142,11 @@ var IgcDomainChartComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the OutlineMode for all series in this chart.
         */
         get: function () {
-            return this.i.dc;
+            return this.i.dg;
         },
         set: function (v) {
-            this.i.dc = ensureEnum(SeriesOutlineMode_$type, v);
-            this._a("outlineMode", enumToString(SeriesOutlineMode_$type, this.i.dc));
+            this.i.dg = ensureEnum(SeriesOutlineMode_$type, v);
+            this._a("outlineMode", enumToString(SeriesOutlineMode_$type, this.i.dg));
         },
         enumerable: false,
         configurable: true
@@ -2840,11 +3156,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.cp;
+            return this.i.ct;
         },
         set: function (v) {
-            this.i.cp = ensureEnum(MarkerOutlineMode_$type, v);
-            this._a("markerOutlineMode", enumToString(MarkerOutlineMode_$type, this.i.cp));
+            this.i.ct = ensureEnum(MarkerOutlineMode_$type, v);
+            this._a("markerOutlineMode", enumToString(MarkerOutlineMode_$type, this.i.ct));
         },
         enumerable: false,
         configurable: true
@@ -2854,11 +3170,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.cn;
+            return this.i.cr;
         },
         set: function (v) {
-            this.i.cn = ensureEnum(MarkerFillMode_$type, v);
-            this._a("markerFillMode", enumToString(MarkerFillMode_$type, this.i.cn));
+            this.i.cr = ensureEnum(MarkerFillMode_$type, v);
+            this._a("markerFillMode", enumToString(MarkerFillMode_$type, this.i.cr));
         },
         enumerable: false,
         configurable: true
@@ -2868,11 +3184,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.iz;
+            return this.i.jf;
         },
         set: function (v) {
-            this.i.iz = +v;
-            this._a("markerFillOpacity", this.i.iz);
+            this.i.jf = +v;
+            this._a("markerFillOpacity", this.i.jf);
         },
         enumerable: false,
         configurable: true
@@ -2882,11 +3198,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.i0;
+            return this.i.jg;
         },
         set: function (v) {
-            this.i.i0 = +v;
-            this._a("markerThickness", this.i.i0);
+            this.i.jg = +v;
+            this._a("markerThickness", this.i.jg);
         },
         enumerable: false,
         configurable: true
@@ -2899,12 +3215,12 @@ var IgcDomainChartComponent = /** @class */ /*@__PURE__*/ (function (_super) {
         get: function () {
             if (this._markerTypes === null) {
                 var coll = new IgcMarkerTypeCollection();
-                var innerColl = this.i.cv;
+                var innerColl = this.i.cz;
                 if (!innerColl) {
                     innerColl = new MarkerTypeCollection_internal();
                 }
                 this._markerTypes = coll._fromInner(innerColl);
-                this.i.cv = innerColl;
+                this.i.cz = innerColl;
             }
             return this._markerTypes;
         },
@@ -2916,14 +3232,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.cv;
+            var innerColl = this.i.cz;
             if (!innerColl) {
                 innerColl = new MarkerTypeCollection_internal();
             }
             syncColl._inner = innerColl;
             syncColl.clear();
             this._markerTypes._setSyncTarget(syncColl);
-            this.i.cv = innerColl;
+            this.i.cz = innerColl;
         },
         enumerable: false,
         configurable: true
@@ -2934,11 +3250,11 @@ var IgcDomainChartComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * This property is ignored when the MarkerTypes property is set
         */
         get: function () {
-            return this.i.cl;
+            return this.i.cp;
         },
         set: function (v) {
-            this.i.cl = ensureEnum(MarkerAutomaticBehavior_$type, v);
-            this._a("markerAutomaticBehavior", enumToString(MarkerAutomaticBehavior_$type, this.i.cl));
+            this.i.cp = ensureEnum(MarkerAutomaticBehavior_$type, v);
+            this._a("markerAutomaticBehavior", enumToString(MarkerAutomaticBehavior_$type, this.i.cp));
         },
         enumerable: false,
         configurable: true
@@ -2996,11 +3312,11 @@ var IgcDomainChartComponent = /** @class */ /*@__PURE__*/ (function (_super) {
         * ```
         */
         get: function () {
-            return this.i.kb;
+            return this.i.kr;
         },
         set: function (v) {
-            this.i.kb = +v;
-            this._a("markerMaxCount", this.i.kb);
+            this.i.kr = +v;
+            this._a("markerMaxCount", this.i.kr);
         },
         enumerable: false,
         configurable: true
@@ -3011,11 +3327,11 @@ var IgcDomainChartComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * For example, Area, SplineArea, Column chart types
         */
         get: function () {
-            return this.i.ij;
+            return this.i.i0;
         },
         set: function (v) {
-            this.i.ij = +v;
-            this._a("areaFillOpacity", this.i.ij);
+            this.i.i0 = +v;
+            this._a("areaFillOpacity", this.i.i0);
         },
         enumerable: false,
         configurable: true
@@ -3025,11 +3341,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.fs;
+            return this.i.f7;
         },
         set: function (v) {
-            this.i.fs = ensureBool(v);
-            this._a("animateSeriesWhenAxisRangeChanges", this.i.fs);
+            this.i.f7 = ensureBool(v);
+            this._a("animateSeriesWhenAxisRangeChanges", this.i.f7);
         },
         enumerable: false,
         configurable: true
@@ -3067,11 +3383,11 @@ var IgcDomainChartComponent = /** @class */ /*@__PURE__*/ (function (_super) {
         * ```
         */
         get: function () {
-            return this.i.dt;
+            return this.i.d5;
         },
         set: function (v) {
-            this.i.dt = ensureEnum(TrendLineType_$type, v);
-            this._a("trendLineType", enumToString(TrendLineType_$type, this.i.dt));
+            this.i.d5 = ensureEnum(TrendLineType_$type, v);
+            this._a("trendLineType", enumToString(TrendLineType_$type, this.i.d5));
         },
         enumerable: false,
         configurable: true
@@ -3088,11 +3404,11 @@ var IgcDomainChartComponent = /** @class */ /*@__PURE__*/ (function (_super) {
         * ```
         */
         get: function () {
-            return this.i.ji;
+            return this.i.jy;
         },
         set: function (v) {
-            this.i.ji = +v;
-            this._a("trendLineThickness", this.i.ji);
+            this.i.jy = +v;
+            this._a("trendLineThickness", this.i.jy);
         },
         enumerable: false,
         configurable: true
@@ -3108,11 +3424,11 @@ var IgcDomainChartComponent = /** @class */ /*@__PURE__*/ (function (_super) {
         * ```
         */
         get: function () {
-            return this.i.fr;
+            return this.i.f6;
         },
         set: function (v) {
-            this.i.fr = ensureBool(v);
-            this._a("alignsGridLinesToPixels", this.i.fr);
+            this.i.f6 = ensureBool(v);
+            this._a("alignsGridLinesToPixels", this.i.f6);
         },
         enumerable: false,
         configurable: true
@@ -3122,11 +3438,11 @@ var IgcDomainChartComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Margin applied to the Left of the plot area.
         */
         get: function () {
-            return this.i.i3;
+            return this.i.jj;
         },
         set: function (v) {
-            this.i.i3 = +v;
-            this._a("plotAreaMarginLeft", this.i.i3);
+            this.i.jj = +v;
+            this._a("plotAreaMarginLeft", this.i.jj);
         },
         enumerable: false,
         configurable: true
@@ -3136,11 +3452,11 @@ var IgcDomainChartComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Margin applied to the Top of the plot area.
         */
         get: function () {
-            return this.i.i5;
+            return this.i.jl;
         },
         set: function (v) {
-            this.i.i5 = +v;
-            this._a("plotAreaMarginTop", this.i.i5);
+            this.i.jl = +v;
+            this._a("plotAreaMarginTop", this.i.jl);
         },
         enumerable: false,
         configurable: true
@@ -3150,11 +3466,11 @@ var IgcDomainChartComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Margin applied to the right of the plot area.
         */
         get: function () {
-            return this.i.i4;
+            return this.i.jk;
         },
         set: function (v) {
-            this.i.i4 = +v;
-            this._a("plotAreaMarginRight", this.i.i4);
+            this.i.jk = +v;
+            this._a("plotAreaMarginRight", this.i.jk);
         },
         enumerable: false,
         configurable: true
@@ -3164,11 +3480,11 @@ var IgcDomainChartComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Margin applied below the plot area.
         */
         get: function () {
-            return this.i.i2;
+            return this.i.ji;
         },
         set: function (v) {
-            this.i.i2 = +v;
-            this._a("plotAreaMarginBottom", this.i.i2);
+            this.i.ji = +v;
+            this._a("plotAreaMarginBottom", this.i.ji);
         },
         enumerable: false,
         configurable: true
@@ -3178,11 +3494,11 @@ var IgcDomainChartComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets mode to use for automatically calculating the plot area margin.
         */
         get: function () {
-            return this.i.a6;
+            return this.i.ba;
         },
         set: function (v) {
-            this.i.a6 = ensureEnum(ComputedPlotAreaMarginMode_$type, v);
-            this._a("computedPlotAreaMarginMode", enumToString(ComputedPlotAreaMarginMode_$type, this.i.a6));
+            this.i.ba = ensureEnum(ComputedPlotAreaMarginMode_$type, v);
+            this._a("computedPlotAreaMarginMode", enumToString(ComputedPlotAreaMarginMode_$type, this.i.ba));
         },
         enumerable: false,
         configurable: true
@@ -3192,11 +3508,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.de;
+            return this.i.di;
         },
         set: function (v) {
-            this.i.de = ensureEnum(SeriesPlotAreaMarginHorizontalMode_$type, v);
-            this._a("seriesPlotAreaMarginHorizontalMode", enumToString(SeriesPlotAreaMarginHorizontalMode_$type, this.i.de));
+            this.i.di = ensureEnum(SeriesPlotAreaMarginHorizontalMode_$type, v);
+            this._a("seriesPlotAreaMarginHorizontalMode", enumToString(SeriesPlotAreaMarginHorizontalMode_$type, this.i.di));
         },
         enumerable: false,
         configurable: true
@@ -3206,39 +3522,39 @@ 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.dg;
+            return this.i.dk;
         },
         set: function (v) {
-            this.i.dg = ensureEnum(SeriesPlotAreaMarginVerticalMode_$type, v);
-            this._a("seriesPlotAreaMarginVerticalMode", enumToString(SeriesPlotAreaMarginVerticalMode_$type, this.i.dg));
+            this.i.dk = ensureEnum(SeriesPlotAreaMarginVerticalMode_$type, v);
+            this._a("seriesPlotAreaMarginVerticalMode", enumToString(SeriesPlotAreaMarginVerticalMode_$type, this.i.dk));
         },
         enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcDomainChartComponent.prototype, "highlightingMode", {
         /**
-         * Gets or sets the highlighting mode to use for the series in the component, when supported. This takes precedence over the series level IsHightlightingEnabled.
+         * 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.da;
+            return this.i.de;
         },
         set: function (v) {
-            this.i.da = ensureEnum(SeriesHighlightingMode_$type, v);
-            this._a("highlightingMode", enumToString(SeriesHighlightingMode_$type, this.i.da));
+            this.i.de = ensureEnum(SeriesHighlightingMode_$type, v);
+            this._a("highlightingMode", enumToString(SeriesHighlightingMode_$type, this.i.de));
         },
         enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcDomainChartComponent.prototype, "highlightingBehavior", {
         /**
-         * Gets or sets the highlighting Behavior to use for the series in the component, when supported. This takes precedence over the series level IsHightlightingEnabled.
+         * 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.c8;
+            return this.i.dc;
         },
         set: function (v) {
-            this.i.c8 = ensureEnum(SeriesHighlightingBehavior_$type, v);
-            this._a("highlightingBehavior", enumToString(SeriesHighlightingBehavior_$type, this.i.c8));
+            this.i.dc = ensureEnum(SeriesHighlightingBehavior_$type, v);
+            this._a("highlightingBehavior", enumToString(SeriesHighlightingBehavior_$type, this.i.dc));
         },
         enumerable: false,
         configurable: true
@@ -3248,11 +3564,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.cd;
+            return this.i.ch;
         },
         set: function (v) {
-            this.i.cd = ensureEnum(LegendHighlightingMode_$type, v);
-            this._a("legendHighlightingMode", enumToString(LegendHighlightingMode_$type, this.i.cd));
+            this.i.ch = ensureEnum(LegendHighlightingMode_$type, v);
+            this._a("legendHighlightingMode", enumToString(LegendHighlightingMode_$type, this.i.ch));
         },
         enumerable: false,
         configurable: true
@@ -3263,11 +3579,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.cj;
+            return this.i.cn;
         },
         set: function (v) {
-            this.i.cj = ensureEnum(LegendItemBadgeShape_$type, v);
-            this._a("legendItemBadgeShape", enumToString(LegendItemBadgeShape_$type, this.i.cj));
+            this.i.cn = ensureEnum(LegendItemBadgeShape_$type, v);
+            this._a("legendItemBadgeShape", enumToString(LegendItemBadgeShape_$type, this.i.cn));
         },
         enumerable: false,
         configurable: true
@@ -3278,22 +3594,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.cf;
+            return this.i.cj;
         },
         set: function (v) {
-            this.i.cf = ensureEnum(LegendItemBadgeMode_$type, v);
-            this._a("legendItemBadgeMode", enumToString(LegendItemBadgeMode_$type, this.i.cf));
+            this.i.cj = ensureEnum(LegendItemBadgeMode_$type, v);
+            this._a("legendItemBadgeMode", enumToString(LegendItemBadgeMode_$type, this.i.cj));
         },
         enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcDomainChartComponent.prototype, "trendLinePeriod", {
         get: function () {
-            return this.i.kd;
+            return this.i.kt;
         },
         set: function (v) {
-            this.i.kd = +v;
-            this._a("trendLinePeriod", this.i.kd);
+            this.i.kt = +v;
+            this._a("trendLinePeriod", this.i.kt);
         },
         enumerable: false,
         configurable: true
@@ -3303,11 +3619,11 @@ var IgcDomainChartComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the style of tooltip to be displayed.
         */
         get: function () {
-            return this.i.dr;
+            return this.i.d3;
         },
         set: function (v) {
-            this.i.dr = ensureEnum(ToolTipType_$type, v);
-            this._a("toolTipType", enumToString(ToolTipType_$type, this.i.dr));
+            this.i.d3 = ensureEnum(ToolTipType_$type, v);
+            this._a("toolTipType", enumToString(ToolTipType_$type, this.i.d3));
         },
         enumerable: false,
         configurable: true
@@ -3317,11 +3633,11 @@ var IgcDomainChartComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the crosshairs to be displayed.
         */
         get: function () {
-            return this.i.a9;
+            return this.i.bd;
         },
         set: function (v) {
-            this.i.a9 = ensureEnum(CrosshairsDisplayMode_$type, v);
-            this._a("crosshairsDisplayMode", enumToString(CrosshairsDisplayMode_$type, this.i.a9));
+            this.i.bd = ensureEnum(CrosshairsDisplayMode_$type, v);
+            this._a("crosshairsDisplayMode", enumToString(CrosshairsDisplayMode_$type, this.i.bd));
         },
         enumerable: false,
         configurable: true
@@ -3331,11 +3647,11 @@ var IgcDomainChartComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets whether crosshairs will snap to the nearest data point.
         */
         get: function () {
-            return this.i.fy;
+            return this.i.gd;
         },
         set: function (v) {
-            this.i.fy = ensureBool(v);
-            this._a("crosshairsSnapToData", this.i.fy);
+            this.i.gd = ensureBool(v);
+            this._a("crosshairsSnapToData", this.i.gd);
         },
         enumerable: false,
         configurable: true
@@ -3345,11 +3661,11 @@ var IgcDomainChartComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the color to apply to vertical crosshairs line.
         */
         get: function () {
-            return brushToString(this.i.u7);
+            return brushToString(this.i.v3);
         },
         set: function (v) {
-            this.i.u7 = stringToBrush(v);
-            this._a("crosshairsLineVerticalStroke", brushToString(this.i.u7));
+            this.i.v3 = stringToBrush(v);
+            this._a("crosshairsLineVerticalStroke", brushToString(this.i.v3));
         },
         enumerable: false,
         configurable: true
@@ -3359,11 +3675,11 @@ var IgcDomainChartComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets thickness of crosshairs lines.
         */
         get: function () {
-            return this.i.il;
+            return this.i.i2;
         },
         set: function (v) {
-            this.i.il = +v;
-            this._a("crosshairsLineThickness", this.i.il);
+            this.i.i2 = +v;
+            this._a("crosshairsLineThickness", this.i.i2);
         },
         enumerable: false,
         configurable: true
@@ -3373,11 +3689,11 @@ var IgcDomainChartComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the color to apply to horizontal crosshairs line.
         */
         get: function () {
-            return brushToString(this.i.u6);
+            return brushToString(this.i.v2);
         },
         set: function (v) {
-            this.i.u6 = stringToBrush(v);
-            this._a("crosshairsLineHorizontalStroke", brushToString(this.i.u6));
+            this.i.v2 = stringToBrush(v);
+            this._a("crosshairsLineHorizontalStroke", brushToString(this.i.v2));
         },
         enumerable: false,
         configurable: true
@@ -3387,11 +3703,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.fx;
+            return this.i.gc;
         },
         set: function (v) {
-            this.i.fx = ensureBool(v);
-            this._a("crosshairsAnnotationEnabled", this.i.fx);
+            this.i.gc = ensureBool(v);
+            this._a("crosshairsAnnotationEnabled", this.i.gc);
         },
         enumerable: false,
         configurable: true
@@ -3401,11 +3717,11 @@ var IgcDomainChartComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the background of crosshair annotation on x-axis.
         */
         get: function () {
-            return brushToString(this.i.u2);
+            return brushToString(this.i.vy);
         },
         set: function (v) {
-            this.i.u2 = stringToBrush(v);
-            this._a("crosshairsAnnotationXAxisBackground", brushToString(this.i.u2));
+            this.i.vy = stringToBrush(v);
+            this._a("crosshairsAnnotationXAxisBackground", brushToString(this.i.vy));
         },
         enumerable: false,
         configurable: true
@@ -3415,11 +3731,11 @@ var IgcDomainChartComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the background of crosshair annotation on y-axis.
         */
         get: function () {
-            return brushToString(this.i.u4);
+            return brushToString(this.i.v0);
         },
         set: function (v) {
-            this.i.u4 = stringToBrush(v);
-            this._a("crosshairsAnnotationYAxisBackground", brushToString(this.i.u4));
+            this.i.v0 = stringToBrush(v);
+            this._a("crosshairsAnnotationYAxisBackground", brushToString(this.i.v0));
         },
         enumerable: false,
         configurable: true
@@ -3429,11 +3745,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.u3);
+            return brushToString(this.i.vz);
         },
         set: function (v) {
-            this.i.u3 = stringToBrush(v);
-            this._a("crosshairsAnnotationXAxisTextColor", brushToString(this.i.u3));
+            this.i.vz = stringToBrush(v);
+            this._a("crosshairsAnnotationXAxisTextColor", brushToString(this.i.vz));
         },
         enumerable: false,
         configurable: true
@@ -3443,11 +3759,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.u5);
+            return brushToString(this.i.v1);
         },
         set: function (v) {
-            this.i.u5 = stringToBrush(v);
-            this._a("crosshairsAnnotationYAxisTextColor", brushToString(this.i.u5));
+            this.i.v1 = stringToBrush(v);
+            this._a("crosshairsAnnotationYAxisTextColor", brushToString(this.i.v1));
         },
         enumerable: false,
         configurable: true
@@ -3457,11 +3773,11 @@ var IgcDomainChartComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets precision on interpolated values of crosshairs on x-axis.
         */
         get: function () {
-            return this.i.j6;
+            return this.i.km;
         },
         set: function (v) {
-            this.i.j6 = +v;
-            this._a("crosshairsAnnotationXAxisPrecision", this.i.j6);
+            this.i.km = +v;
+            this._a("crosshairsAnnotationXAxisPrecision", this.i.km);
         },
         enumerable: false,
         configurable: true
@@ -3471,11 +3787,11 @@ var IgcDomainChartComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets precision on interpolated values of crosshairs on y-axis.
         */
         get: function () {
-            return this.i.j7;
+            return this.i.kn;
         },
         set: function (v) {
-            this.i.j7 = +v;
-            this._a("crosshairsAnnotationYAxisPrecision", this.i.j7);
+            this.i.kn = +v;
+            this._a("crosshairsAnnotationYAxisPrecision", this.i.kn);
         },
         enumerable: false,
         configurable: true
@@ -3485,25 +3801,25 @@ var IgcDomainChartComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets whether annotations for the final value of each series is displayed on the axis.
         */
         get: function () {
-            return this.i.gm;
+            return this.i.g2;
         },
         set: function (v) {
-            this.i.gm = ensureBool(v);
-            this._a("shouldAvoidAxisAnnotationCollisions", this.i.gm);
+            this.i.g2 = ensureBool(v);
+            this._a("shouldAvoidAxisAnnotationCollisions", this.i.g2);
         },
         enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcDomainChartComponent.prototype, "shouldPanOnMaximumZoom", {
         /**
-         * Gets or sets a whether the chart should pan its content when zooing in passed max zoom level.
+         * Gets or sets a whether the chart should pan its content when zoo,ing in passed max zoom level.
         */
         get: function () {
-            return this.i.go;
+            return this.i.g4;
         },
         set: function (v) {
-            this.i.go = ensureBool(v);
-            this._a("shouldPanOnMaximumZoom", this.i.go);
+            this.i.g4 = ensureBool(v);
+            this._a("shouldPanOnMaximumZoom", this.i.g4);
         },
         enumerable: false,
         configurable: true
@@ -3513,11 +3829,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.f4;
+            return this.i.gk;
         },
         set: function (v) {
-            this.i.f4 = ensureBool(v);
-            this._a("finalValueAnnotationsVisible", this.i.f4);
+            this.i.gk = ensureBool(v);
+            this._a("finalValueAnnotationsVisible", this.i.gk);
         },
         enumerable: false,
         configurable: true
@@ -3527,11 +3843,11 @@ var IgcDomainChartComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the background of final value annotation.
         */
         get: function () {
-            return brushToString(this.i.vh);
+            return brushToString(this.i.we);
         },
         set: function (v) {
-            this.i.vh = stringToBrush(v);
-            this._a("finalValueAnnotationsBackground", brushToString(this.i.vh));
+            this.i.we = stringToBrush(v);
+            this._a("finalValueAnnotationsBackground", brushToString(this.i.we));
         },
         enumerable: false,
         configurable: true
@@ -3541,11 +3857,11 @@ var IgcDomainChartComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the text color of final value annotation.
         */
         get: function () {
-            return brushToString(this.i.vi);
+            return brushToString(this.i.wf);
         },
         set: function (v) {
-            this.i.vi = stringToBrush(v);
-            this._a("finalValueAnnotationsTextColor", brushToString(this.i.vi));
+            this.i.wf = stringToBrush(v);
+            this._a("finalValueAnnotationsTextColor", brushToString(this.i.wf));
         },
         enumerable: false,
         configurable: true
@@ -3555,11 +3871,11 @@ var IgcDomainChartComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets precision on final value annotation.
         */
         get: function () {
-            return this.i.ka;
+            return this.i.kq;
         },
         set: function (v) {
-            this.i.ka = +v;
-            this._a("finalValueAnnotationsPrecision", this.i.ka);
+            this.i.kq = +v;
+            this._a("finalValueAnnotationsPrecision", this.i.kq);
         },
         enumerable: false,
         configurable: true
@@ -3569,11 +3885,11 @@ var IgcDomainChartComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets if the auto value callouts should be displayed.
         */
         get: function () {
-            return this.i.fu;
+            return this.i.f9;
         },
         set: function (v) {
-            this.i.fu = ensureBool(v);
-            this._a("autoCalloutsVisible", this.i.fu);
+            this.i.f9 = ensureBool(v);
+            this._a("autoCalloutsVisible", this.i.f9);
         },
         enumerable: false,
         configurable: true
@@ -3583,11 +3899,11 @@ var IgcDomainChartComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets if callouts should be displayed.
         */
         get: function () {
-            return this.i.fw;
+            return this.i.gb;
         },
         set: function (v) {
-            this.i.fw = ensureBool(v);
-            this._a("calloutsVisible", this.i.fw);
+            this.i.gb = ensureBool(v);
+            this._a("calloutsVisible", this.i.gb);
         },
         enumerable: false,
         configurable: true
@@ -3597,11 +3913,11 @@ var IgcDomainChartComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets if event annotations should be displayed.
         */
         get: function () {
-            return this.i.fv;
+            return this.i.ga;
         },
         set: function (v) {
-            this.i.fv = ensureBool(v);
-            this._a("calloutStyleUpdatingEventEnabled", this.i.fv);
+            this.i.ga = ensureBool(v);
+            this._a("calloutStyleUpdatingEventEnabled", this.i.ga);
         },
         enumerable: false,
         configurable: true
@@ -3647,10 +3963,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.lz;
+            return this.i.mf;
         },
         set: function (v) {
-            this.i.lz = v;
+            this.i.mf = v;
         },
         enumerable: false,
         configurable: true
@@ -3660,10 +3976,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.l1;
+            return this.i.mh;
         },
         set: function (v) {
-            this.i.l1 = v;
+            this.i.mh = v;
         },
         enumerable: false,
         configurable: true
@@ -3673,10 +3989,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.lv;
+            return this.i.mb;
         },
         set: function (v) {
-            this.i.lv = v;
+            this.i.mb = v;
         },
         enumerable: false,
         configurable: true
@@ -3686,10 +4002,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.ls;
+            return this.i.l8;
         },
         set: function (v) {
-            this.i.ls = v;
+            this.i.l8 = v;
         },
         enumerable: false,
         configurable: true
@@ -3701,12 +4017,12 @@ var IgcDomainChartComponent = /** @class */ /*@__PURE__*/ (function (_super) {
         get: function () {
             if (this._valueLines === null) {
                 var coll = new IgcValueModeCollection();
-                var innerColl = this.i.dx;
+                var innerColl = this.i.d9;
                 if (!innerColl) {
                     innerColl = new ValueModeCollection_internal();
                 }
                 this._valueLines = coll._fromInner(innerColl);
-                this.i.dx = innerColl;
+                this.i.d9 = innerColl;
             }
             return this._valueLines;
         },
@@ -3718,14 +4034,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.dx;
+            var innerColl = this.i.d9;
             if (!innerColl) {
                 innerColl = new ValueModeCollection_internal();
             }
             syncColl._inner = innerColl;
             syncColl.clear();
             this._valueLines._setSyncTarget(syncColl);
-            this.i.dx = innerColl;
+            this.i.d9 = innerColl;
         },
         enumerable: false,
         configurable: true
@@ -3750,11 +4066,11 @@ var IgcDomainChartComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets thickness of value lines.
         */
         get: function () {
-            return this.i.jj;
+            return this.i.jz;
         },
         set: function (v) {
-            this.i.jj = +v;
-            this._a("valueLinesThickness", this.i.jj);
+            this.i.jz = +v;
+            this._a("valueLinesThickness", this.i.jz);
         },
         enumerable: false,
         configurable: true
@@ -3764,11 +4080,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.dl;
+            return this.i.dw;
         },
         set: function (v) {
-            this.i.dl = ensureEnum(SeriesViewerScrollbarMode_$type, v);
-            this._a("horizontalViewScrollbarMode", enumToString(SeriesViewerScrollbarMode_$type, this.i.dl));
+            this.i.dw = ensureEnum(SeriesViewerScrollbarMode_$type, v);
+            this._a("horizontalViewScrollbarMode", enumToString(SeriesViewerScrollbarMode_$type, this.i.dw));
         },
         enumerable: false,
         configurable: true
@@ -3778,11 +4094,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.dm;
+            return this.i.dx;
         },
         set: function (v) {
-            this.i.dm = ensureEnum(SeriesViewerScrollbarMode_$type, v);
-            this._a("verticalViewScrollbarMode", enumToString(SeriesViewerScrollbarMode_$type, this.i.dm));
+            this.i.dx = ensureEnum(SeriesViewerScrollbarMode_$type, v);
+            this._a("verticalViewScrollbarMode", enumToString(SeriesViewerScrollbarMode_$type, this.i.dx));
         },
         enumerable: false,
         configurable: true
@@ -3792,11 +4108,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.di;
+            return this.i.dt;
         },
         set: function (v) {
-            this.i.di = ensureEnum(SeriesViewerHorizontalScrollbarPosition_$type, v);
-            this._a("horizontalViewScrollbarPosition", enumToString(SeriesViewerHorizontalScrollbarPosition_$type, this.i.di));
+            this.i.dt = ensureEnum(SeriesViewerHorizontalScrollbarPosition_$type, v);
+            this._a("horizontalViewScrollbarPosition", enumToString(SeriesViewerHorizontalScrollbarPosition_$type, this.i.dt));
         },
         enumerable: false,
         configurable: true
@@ -3806,11 +4122,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.dp;
+            return this.i.d1;
         },
         set: function (v) {
-            this.i.dp = ensureEnum(SeriesViewerVerticalScrollbarPosition_$type, v);
-            this._a("verticalViewScrollbarPosition", enumToString(SeriesViewerVerticalScrollbarPosition_$type, this.i.dp));
+            this.i.d1 = ensureEnum(SeriesViewerVerticalScrollbarPosition_$type, v);
+            this._a("verticalViewScrollbarPosition", enumToString(SeriesViewerVerticalScrollbarPosition_$type, this.i.d1));
         },
         enumerable: false,
         configurable: true
@@ -3820,11 +4136,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.vn);
+            return brushToString(this.i.wl);
         },
         set: function (v) {
-            this.i.vn = stringToBrush(v);
-            this._a("horizontalViewScrollbarFill", brushToString(this.i.vn));
+            this.i.wl = stringToBrush(v);
+            this._a("horizontalViewScrollbarFill", brushToString(this.i.wl));
         },
         enumerable: false,
         configurable: true
@@ -3834,11 +4150,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.vo);
+            return brushToString(this.i.wm);
         },
         set: function (v) {
-            this.i.vo = stringToBrush(v);
-            this._a("horizontalViewScrollbarOutline", brushToString(this.i.vo));
+            this.i.wm = stringToBrush(v);
+            this._a("horizontalViewScrollbarOutline", brushToString(this.i.wm));
         },
         enumerable: false,
         configurable: true
@@ -3848,11 +4164,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.iv;
+            return this.i.jb;
         },
         set: function (v) {
-            this.i.iv = +v;
-            this._a("horizontalViewScrollbarStrokeThickness", this.i.iv);
+            this.i.jb = +v;
+            this._a("horizontalViewScrollbarStrokeThickness", this.i.jb);
         },
         enumerable: false,
         configurable: true
@@ -3862,11 +4178,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.iu;
+            return this.i.ja;
         },
         set: function (v) {
-            this.i.iu = +v;
-            this._a("horizontalViewScrollbarMaxOpacity", this.i.iu);
+            this.i.ja = +v;
+            this._a("horizontalViewScrollbarMaxOpacity", this.i.ja);
         },
         enumerable: false,
         configurable: true
@@ -3876,11 +4192,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.ir;
+            return this.i.i7;
         },
         set: function (v) {
-            this.i.ir = +v;
-            this._a("horizontalViewScrollbarCornerRadius", this.i.ir);
+            this.i.i7 = +v;
+            this._a("horizontalViewScrollbarCornerRadius", this.i.i7);
         },
         enumerable: false,
         configurable: true
@@ -3890,11 +4206,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.is;
+            return this.i.i8;
         },
         set: function (v) {
-            this.i.is = +v;
-            this._a("horizontalViewScrollbarHeight", this.i.is);
+            this.i.i8 = +v;
+            this._a("horizontalViewScrollbarHeight", this.i.i8);
         },
         enumerable: false,
         configurable: true
@@ -3904,11 +4220,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.it;
+            return this.i.i9;
         },
         set: function (v) {
-            this.i.it = +v;
-            this._a("horizontalViewScrollbarInset", this.i.it);
+            this.i.i9 = +v;
+            this._a("horizontalViewScrollbarInset", this.i.i9);
         },
         enumerable: false,
         configurable: true
@@ -3918,11 +4234,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.ix;
+            return this.i.jd;
         },
         set: function (v) {
-            this.i.ix = +v;
-            this._a("horizontalViewScrollbarTrackStartInset", this.i.ix);
+            this.i.jd = +v;
+            this._a("horizontalViewScrollbarTrackStartInset", this.i.jd);
         },
         enumerable: false,
         configurable: true
@@ -3932,11 +4248,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.iw;
+            return this.i.jc;
         },
         set: function (v) {
-            this.i.iw = +v;
-            this._a("horizontalViewScrollbarTrackEndInset", this.i.iw);
+            this.i.jc = +v;
+            this._a("horizontalViewScrollbarTrackEndInset", this.i.jc);
         },
         enumerable: false,
         configurable: true
@@ -3946,11 +4262,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.f6;
+            return this.i.gm;
         },
         set: function (v) {
-            this.i.f6 = ensureBool(v);
-            this._a("horizontalViewScrollbarShouldAddAutoTrackInsets", this.i.f6);
+            this.i.gm = ensureBool(v);
+            this._a("horizontalViewScrollbarShouldAddAutoTrackInsets", this.i.gm);
         },
         enumerable: false,
         configurable: true
@@ -3960,11 +4276,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.vs);
+            return brushToString(this.i.wr);
         },
         set: function (v) {
-            this.i.vs = stringToBrush(v);
-            this._a("verticalViewScrollbarFill", brushToString(this.i.vs));
+            this.i.wr = stringToBrush(v);
+            this._a("verticalViewScrollbarFill", brushToString(this.i.wr));
         },
         enumerable: false,
         configurable: true
@@ -3974,11 +4290,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.vt);
+            return brushToString(this.i.ws);
         },
         set: function (v) {
-            this.i.vt = stringToBrush(v);
-            this._a("verticalViewScrollbarOutline", brushToString(this.i.vt));
+            this.i.ws = stringToBrush(v);
+            this._a("verticalViewScrollbarOutline", brushToString(this.i.ws));
         },
         enumerable: false,
         configurable: true
@@ -3988,11 +4304,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.jn;
+            return this.i.j3;
         },
         set: function (v) {
-            this.i.jn = +v;
-            this._a("verticalViewScrollbarStrokeThickness", this.i.jn);
+            this.i.j3 = +v;
+            this._a("verticalViewScrollbarStrokeThickness", this.i.j3);
         },
         enumerable: false,
         configurable: true
@@ -4002,11 +4318,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.jm;
+            return this.i.j2;
         },
         set: function (v) {
-            this.i.jm = +v;
-            this._a("verticalViewScrollbarMaxOpacity", this.i.jm);
+            this.i.j2 = +v;
+            this._a("verticalViewScrollbarMaxOpacity", this.i.j2);
         },
         enumerable: false,
         configurable: true
@@ -4016,11 +4332,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.jk;
+            return this.i.j0;
         },
         set: function (v) {
-            this.i.jk = +v;
-            this._a("verticalViewScrollbarCornerRadius", this.i.jk);
+            this.i.j0 = +v;
+            this._a("verticalViewScrollbarCornerRadius", this.i.j0);
         },
         enumerable: false,
         configurable: true
@@ -4030,11 +4346,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.jq;
+            return this.i.j6;
         },
         set: function (v) {
-            this.i.jq = +v;
-            this._a("verticalViewScrollbarWidth", this.i.jq);
+            this.i.j6 = +v;
+            this._a("verticalViewScrollbarWidth", this.i.j6);
         },
         enumerable: false,
         configurable: true
@@ -4044,11 +4360,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.jl;
+            return this.i.j1;
         },
         set: function (v) {
-            this.i.jl = +v;
-            this._a("verticalViewScrollbarInset", this.i.jl);
+            this.i.j1 = +v;
+            this._a("verticalViewScrollbarInset", this.i.j1);
         },
         enumerable: false,
         configurable: true
@@ -4058,11 +4374,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.jp;
+            return this.i.j5;
         },
         set: function (v) {
-            this.i.jp = +v;
-            this._a("verticalViewScrollbarTrackStartInset", this.i.jp);
+            this.i.j5 = +v;
+            this._a("verticalViewScrollbarTrackStartInset", this.i.j5);
         },
         enumerable: false,
         configurable: true
@@ -4072,11 +4388,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.jo;
+            return this.i.j4;
         },
         set: function (v) {
-            this.i.jo = +v;
-            this._a("verticalViewScrollbarTrackEndInset", this.i.jo);
+            this.i.j4 = +v;
+            this._a("verticalViewScrollbarTrackEndInset", this.i.j4);
         },
         enumerable: false,
         configurable: true
@@ -4086,11 +4402,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.gr;
+            return this.i.g7;
         },
         set: function (v) {
-            this.i.gr = ensureBool(v);
-            this._a("verticalViewScrollbarShouldAddAutoTrackInsets", this.i.gr);
+            this.i.g7 = ensureBool(v);
+            this._a("verticalViewScrollbarShouldAddAutoTrackInsets", this.i.g7);
         },
         enumerable: false,
         configurable: true
@@ -4103,11 +4419,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.js;
+            return this.i.j8;
         },
         set: function (v) {
-            this.i.js = +v;
-            this._a("windowRectMinWidth", this.i.js);
+            this.i.j8 = +v;
+            this._a("windowRectMinWidth", this.i.j8);
         },
         enumerable: false,
         configurable: true
@@ -4120,11 +4436,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.jr;
+            return this.i.j7;
         },
         set: function (v) {
-            this.i.jr = +v;
-            this._a("windowRectMinHeight", this.i.jr);
+            this.i.j7 = +v;
+            this._a("windowRectMinHeight", this.i.j7);
         },
         enumerable: false,
         configurable: true
@@ -4137,11 +4453,11 @@ var IgcDomainChartComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * This property is overridden by the WindowRectMinWidth property
         */
         get: function () {
-            return this.i.ju;
+            return this.i.ka;
         },
         set: function (v) {
-            this.i.ju = +v;
-            this._a("windowSizeMinWidth", this.i.ju);
+            this.i.ka = +v;
+            this._a("windowSizeMinWidth", this.i.ka);
         },
         enumerable: false,
         configurable: true
@@ -4154,11 +4470,11 @@ var IgcDomainChartComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * This property is overridden by the WindowRectMinHeight property
         */
         get: function () {
-            return this.i.jt;
+            return this.i.j9;
         },
         set: function (v) {
-            this.i.jt = +v;
-            this._a("windowSizeMinHeight", this.i.jt);
+            this.i.j9 = +v;
+            this._a("windowSizeMinHeight", this.i.j9);
         },
         enumerable: false,
         configurable: true
@@ -4193,6 +4509,12 @@ var IgcDomainChartComponent = /** @class */ /*@__PURE__*/ (function (_super) {
         if (this.summaryDescriptions != null && this.summaryDescriptions.findByName && this.summaryDescriptions.findByName(name)) {
             return this.summaryDescriptions.findByName(name);
         }
+        if (this.selectedSeriesItems != null && this.selectedSeriesItems.findByName && this.selectedSeriesItems.findByName(name)) {
+            return this.selectedSeriesItems.findByName(name);
+        }
+        if (this.focusedSeriesItems != null && this.focusedSeriesItems.findByName && this.focusedSeriesItems.findByName(name)) {
+            return this.focusedSeriesItems.findByName(name);
+        }
         if (this.initialSortDescriptions != null && this.initialSortDescriptions.findByName && this.initialSortDescriptions.findByName(name)) {
             return this.initialSortDescriptions.findByName(name);
         }
@@ -4322,7 +4644,7 @@ var IgcDomainChartComponent = /** @class */ /*@__PURE__*/ (function (_super) {
         this.i.notifyResized();
     };
     IgcDomainChartComponent.prototype.notifyVisualPropertiesChanged = function () {
-        this.i.s4();
+        this.i.tv();
     };
     /**
      * Forces any pending refresh to the chart to be finished.
@@ -4335,7 +4657,7 @@ var IgcDomainChartComponent = /** @class */ /*@__PURE__*/ (function (_super) {
     * ```
     */
     IgcDomainChartComponent.prototype.flush = function () {
-        this.i.sa();
+        this.i.s1();
     };
     /**
      * Hides the active main tooltip, if displayed.
@@ -4348,35 +4670,35 @@ var IgcDomainChartComponent = /** @class */ /*@__PURE__*/ (function (_super) {
     * ```
     */
     IgcDomainChartComponent.prototype.hideToolTip = function () {
-        this.i.si();
+        this.i.s9();
     };
     /**
      * Replays transition-in animation on all series in the chart.
     
     */
     IgcDomainChartComponent.prototype.replayTransitionIn = function () {
-        this.i.tx();
+        this.i.uq();
     };
     /**
      * Performs zoom in action on the chart by specified percentage of current window rect
     
     */
     IgcDomainChartComponent.prototype.zoomIn = function (percentage) {
-        this.i.t9(percentage);
+        this.i.u2(percentage);
     };
     /**
      * Performs zoom out action on the chart by specified percentage of current window rect
     
     */
     IgcDomainChartComponent.prototype.zoomOut = function (percentage) {
-        this.i.ua(percentage);
+        this.i.u3(percentage);
     };
     /**
      * Resets the zoom level to default.
     
     */
     IgcDomainChartComponent.prototype.resetZoom = function () {
-        this.i.t5();
+        this.i.uy();
     };
     IgcDomainChartComponent.prototype.getDesiredToolbarActions = function () {
         var iv = this.i.getDesiredToolbarActions();
@@ -4395,7 +4717,7 @@ var IgcDomainChartComponent = /** @class */ /*@__PURE__*/ (function (_super) {
         this.i.removeCommandStateChangedListener(listener);
     };
     IgcDomainChartComponent.prototype.notifySetItem = function (source_, index, oldItem, newItem) {
-        this.i.s3(source_, index, oldItem, newItem);
+        this.i.tu(source_, index, oldItem, newItem);
     };
     /**
      * Used to manually notify the chart that the data source has reset or cleared its items.
@@ -4408,13 +4730,13 @@ var IgcDomainChartComponent = /** @class */ /*@__PURE__*/ (function (_super) {
     * ```
     */
     IgcDomainChartComponent.prototype.notifyClearItems = function (source_) {
-        this.i.sz(source_);
+        this.i.tq(source_);
     };
     IgcDomainChartComponent.prototype.notifyInsertItem = function (source_, index, newItem) {
-        this.i.s0(source_, index, newItem);
+        this.i.tr(source_, index, newItem);
     };
     IgcDomainChartComponent.prototype.notifyRemoveItem = function (source_, index, oldItem) {
-        this.i.s1(source_, index, oldItem);
+        this.i.ts(source_, index, oldItem);
     };
     Object.defineProperty(IgcDomainChartComponent.prototype, "seriesAdded", {
         /**
@@ -4744,6 +5066,62 @@ var IgcDomainChartComponent = /** @class */ /*@__PURE__*/ (function (_super) {
         enumerable: false,
         configurable: true
     });
+    Object.defineProperty(IgcDomainChartComponent.prototype, "selectedSeriesItemsChanged", {
+        get: function () {
+            return this._selectedSeriesItemsChanged;
+        },
+        set: function (ev) {
+            var _this = this;
+            if (this._selectedSeriesItemsChanged_wrapped !== null) {
+                this.i.selectedSeriesItemsChanged = delegateRemove(this.i.selectedSeriesItemsChanged, this._selectedSeriesItemsChanged_wrapped);
+                this._selectedSeriesItemsChanged_wrapped = null;
+                this._selectedSeriesItemsChanged = null;
+            }
+            this._selectedSeriesItemsChanged = ev;
+            this._selectedSeriesItemsChanged_wrapped = function (o, e) {
+                var outerArgs = new IgcSeriesViewerSelectedSeriesItemsChangedEventArgs();
+                outerArgs._provideImplementation(e);
+                if (_this.beforeSelectedSeriesItemsChanged) {
+                    _this.beforeSelectedSeriesItemsChanged(_this, outerArgs);
+                }
+                if (_this._selectedSeriesItemsChanged) {
+                    _this._selectedSeriesItemsChanged(_this, outerArgs);
+                }
+            };
+            this.i.selectedSeriesItemsChanged = delegateCombine(this.i.selectedSeriesItemsChanged, this._selectedSeriesItemsChanged_wrapped);
+            ;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(IgcDomainChartComponent.prototype, "focusedSeriesItemsChanged", {
+        get: function () {
+            return this._focusedSeriesItemsChanged;
+        },
+        set: function (ev) {
+            var _this = this;
+            if (this._focusedSeriesItemsChanged_wrapped !== null) {
+                this.i.focusedSeriesItemsChanged = delegateRemove(this.i.focusedSeriesItemsChanged, this._focusedSeriesItemsChanged_wrapped);
+                this._focusedSeriesItemsChanged_wrapped = null;
+                this._focusedSeriesItemsChanged = null;
+            }
+            this._focusedSeriesItemsChanged = ev;
+            this._focusedSeriesItemsChanged_wrapped = function (o, e) {
+                var outerArgs = new IgcSeriesViewerSelectedSeriesItemsChangedEventArgs();
+                outerArgs._provideImplementation(e);
+                if (_this.beforeFocusedSeriesItemsChanged) {
+                    _this.beforeFocusedSeriesItemsChanged(_this, outerArgs);
+                }
+                if (_this._focusedSeriesItemsChanged) {
+                    _this._focusedSeriesItemsChanged(_this, outerArgs);
+                }
+            };
+            this.i.focusedSeriesItemsChanged = delegateCombine(this.i.focusedSeriesItemsChanged, this._focusedSeriesItemsChanged_wrapped);
+            ;
+        },
+        enumerable: false,
+        configurable: true
+    });
     Object.defineProperty(IgcDomainChartComponent.prototype, "filterStringErrorsParsing", {
         get: function () {
             return this._filterStringErrorsParsing;