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

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

@@ -52,6 +52,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";
 export let IgcDomainChartComponent = /*@__PURE__*/ (() => {
     class IgcDomainChartComponent extends IgcHTMLElement {
         createImplementation() {
@@ -69,6 +75,8 @@ export let IgcDomainChartComponent = /*@__PURE__*/ (() => {
             this._attached = false;
             this._queuedSetAttributes = [];
             this._updatingFromAttribute = false;
+            this._selectedSeriesItems = null;
+            this._focusedSeriesItems = null;
             this._markerTypes = null;
             this._calloutsAllowedPositions = null;
             this._valueLines = null;
@@ -95,6 +103,10 @@ export let IgcDomainChartComponent = /*@__PURE__*/ (() => {
             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) {
@@ -210,11 +222,11 @@ export let IgcDomainChartComponent = /*@__PURE__*/ (() => {
      * to appear blurry.
     */
         get pixelScalingRatio() {
-            return this.i.i1;
+            return this.i.jh;
         }
         set pixelScalingRatio(v) {
-            this.i.i1 = +v;
-            this._a("pixelScalingRatio", this.i.i1);
+            this.i.jh = +v;
+            this._a("pixelScalingRatio", this.i.jh);
         }
         /**
          * Gets or sets the left margin of chart title
@@ -226,11 +238,11 @@ export let IgcDomainChartComponent = /*@__PURE__*/ (() => {
         * ```
         */
         get titleLeftMargin() {
-            return this.i.je;
+            return this.i.ju;
         }
         set titleLeftMargin(v) {
-            this.i.je = +v;
-            this._a("titleLeftMargin", this.i.je);
+            this.i.ju = +v;
+            this._a("titleLeftMargin", this.i.ju);
         }
         /**
          * Gets or sets the right margin of chart title
@@ -242,11 +254,11 @@ export let IgcDomainChartComponent = /*@__PURE__*/ (() => {
         * ```
         */
         get titleRightMargin() {
-            return this.i.jf;
+            return this.i.jv;
         }
         set titleRightMargin(v) {
-            this.i.jf = +v;
-            this._a("titleRightMargin", this.i.jf);
+            this.i.jv = +v;
+            this._a("titleRightMargin", this.i.jv);
         }
         /**
          * Gets or sets the top margin of chart title
@@ -258,11 +270,11 @@ export let IgcDomainChartComponent = /*@__PURE__*/ (() => {
         * ```
         */
         get titleTopMargin() {
-            return this.i.jg;
+            return this.i.jw;
         }
         set titleTopMargin(v) {
-            this.i.jg = +v;
-            this._a("titleTopMargin", this.i.jg);
+            this.i.jw = +v;
+            this._a("titleTopMargin", this.i.jw);
         }
         /**
          * Gets or sets the bottom margin of chart title
@@ -274,11 +286,11 @@ export let IgcDomainChartComponent = /*@__PURE__*/ (() => {
         * ```
         */
         get titleBottomMargin() {
-            return this.i.jd;
+            return this.i.jt;
         }
         set titleBottomMargin(v) {
-            this.i.jd = +v;
-            this._a("titleBottomMargin", this.i.jd);
+            this.i.jt = +v;
+            this._a("titleBottomMargin", this.i.jt);
         }
         /**
          * Gets or sets the left margin of chart subtitle
@@ -290,11 +302,11 @@ export let IgcDomainChartComponent = /*@__PURE__*/ (() => {
         * ```
         */
         get subtitleLeftMargin() {
-            return this.i.i9;
+            return this.i.jp;
         }
         set subtitleLeftMargin(v) {
-            this.i.i9 = +v;
-            this._a("subtitleLeftMargin", this.i.i9);
+            this.i.jp = +v;
+            this._a("subtitleLeftMargin", this.i.jp);
         }
         /**
          * Gets or sets the top margin of chart subtitle
@@ -306,11 +318,11 @@ export let IgcDomainChartComponent = /*@__PURE__*/ (() => {
         * ```
         */
         get subtitleTopMargin() {
-            return this.i.jb;
+            return this.i.jr;
         }
         set subtitleTopMargin(v) {
-            this.i.jb = +v;
-            this._a("subtitleTopMargin", this.i.jb);
+            this.i.jr = +v;
+            this._a("subtitleTopMargin", this.i.jr);
         }
         /**
          * Gets or sets the right margin of chart subtitle
@@ -322,11 +334,11 @@ export let IgcDomainChartComponent = /*@__PURE__*/ (() => {
         * ```
         */
         get subtitleRightMargin() {
-            return this.i.ja;
+            return this.i.jq;
         }
         set subtitleRightMargin(v) {
-            this.i.ja = +v;
-            this._a("subtitleRightMargin", this.i.ja);
+            this.i.jq = +v;
+            this._a("subtitleRightMargin", this.i.jq);
         }
         /**
          * Gets or sets the bottom margin of chart subtitle
@@ -338,11 +350,11 @@ export let IgcDomainChartComponent = /*@__PURE__*/ (() => {
         * ```
         */
         get subtitleBottomMargin() {
-            return this.i.i8;
+            return this.i.jo;
         }
         set subtitleBottomMargin(v) {
-            this.i.i8 = +v;
-            this._a("subtitleBottomMargin", this.i.i8);
+            this.i.jo = +v;
+            this._a("subtitleBottomMargin", this.i.jo);
         }
         /**
          * Gets or sets color of chart subtitle
@@ -354,11 +366,11 @@ export let IgcDomainChartComponent = /*@__PURE__*/ (() => {
         * ```
         */
         get subtitleTextColor() {
-            return brushToString(this.i.vq);
+            return brushToString(this.i.wp);
         }
         set subtitleTextColor(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));
         }
         /**
          * Gets or sets color of chart title
@@ -370,11 +382,11 @@ export let IgcDomainChartComponent = /*@__PURE__*/ (() => {
         * ```
         */
         get titleTextColor() {
-            return brushToString(this.i.vr);
+            return brushToString(this.i.wq);
         }
         set titleTextColor(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));
         }
         /**
          * Gets or sets the left margin of the chart content.
@@ -386,11 +398,11 @@ export let IgcDomainChartComponent = /*@__PURE__*/ (() => {
         * ```
         */
         get leftMargin() {
-            return this.i.iy;
+            return this.i.je;
         }
         set leftMargin(v) {
-            this.i.iy = +v;
-            this._a("leftMargin", this.i.iy);
+            this.i.je = +v;
+            this._a("leftMargin", this.i.je);
         }
         /**
          * Gets or sets the top margin of the chart content.
@@ -402,11 +414,11 @@ export let IgcDomainChartComponent = /*@__PURE__*/ (() => {
         * ```
         */
         get topMargin() {
-            return this.i.jh;
+            return this.i.jx;
         }
         set topMargin(v) {
-            this.i.jh = +v;
-            this._a("topMargin", this.i.jh);
+            this.i.jx = +v;
+            this._a("topMargin", this.i.jx);
         }
         /**
          * Gets or sets the right margin of the chart content.
@@ -418,11 +430,11 @@ export let IgcDomainChartComponent = /*@__PURE__*/ (() => {
         * ```
         */
         get rightMargin() {
-            return this.i.i7;
+            return this.i.jn;
         }
         set rightMargin(v) {
-            this.i.i7 = +v;
-            this._a("rightMargin", this.i.i7);
+            this.i.jn = +v;
+            this._a("rightMargin", this.i.jn);
         }
         /**
          * Gets or sets the bottom margin around the chart content.
@@ -434,11 +446,11 @@ export let IgcDomainChartComponent = /*@__PURE__*/ (() => {
         * ```
         */
         get bottomMargin() {
-            return this.i.ik;
+            return this.i.i1;
         }
         set bottomMargin(v) {
-            this.i.ik = +v;
-            this._a("bottomMargin", this.i.ik);
+            this.i.i1 = +v;
+            this._a("bottomMargin", this.i.i1);
         }
         /**
          * Gets or sets the duration used for animating series plots when the data is changing
@@ -450,11 +462,11 @@ export let IgcDomainChartComponent = /*@__PURE__*/ (() => {
         * ```
         */
         get transitionDuration() {
-            return this.i.kc;
+            return this.i.ks;
         }
         set transitionDuration(v) {
-            this.i.kc = +v;
-            this._a("transitionDuration", this.i.kc);
+            this.i.ks = +v;
+            this._a("transitionDuration", this.i.ks);
         }
         /**
          * Gets or sets the easing function used for animating series plots when the data is changing.
@@ -472,10 +484,10 @@ export let IgcDomainChartComponent = /*@__PURE__*/ (() => {
         * ```
         */
         get transitionEasingFunction() {
-            return this.i.eb;
+            return this.i.en;
         }
         set transitionEasingFunction(v) {
-            this.i.eb = v;
+            this.i.en = v;
         }
         /**
          * Gets or sets CSS font property for the chart subtitle
@@ -487,10 +499,10 @@ export let IgcDomainChartComponent = /*@__PURE__*/ (() => {
         * ```
         */
         get subtitleTextStyle() {
-            return this.i.qp;
+            return this.i.rf;
         }
         set subtitleTextStyle(v) {
-            this.i.qp = v;
+            this.i.rf = v;
         }
         /**
          * Gets or sets CSS font property for the chart title
@@ -502,93 +514,94 @@ export let IgcDomainChartComponent = /*@__PURE__*/ (() => {
         * ```
         */
         get titleTextStyle() {
-            return this.i.q0;
+            return this.i.rq;
         }
         set titleTextStyle(v) {
-            this.i.q0 = v;
+            this.i.rq = v;
         }
         get isDetached() {
             return this.i.isDetached;
         }
         get dataToolTipGroupingMode() {
-            return this.i.bv;
+            return this.i.bz;
         }
         set dataToolTipGroupingMode(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));
         }
         /**
          * Gets or sets the offset of the tooltip layer on the X axis.
         */
         get dataToolTipPositionOffsetX() {
-            return this.i.ip;
+            return this.i.i5;
         }
         set dataToolTipPositionOffsetX(v) {
-            this.i.ip = +v;
-            this._a("dataToolTipPositionOffsetX", this.i.ip);
+            this.i.i5 = +v;
+            this._a("dataToolTipPositionOffsetX", this.i.i5);
         }
         /**
          * Gets or sets the offset of the tooltip layer on the Y axis.
         */
         get dataToolTipPositionOffsetY() {
-            return this.i.iq;
+            return this.i.i6;
         }
         set dataToolTipPositionOffsetY(v) {
-            this.i.iq = +v;
-            this._a("dataToolTipPositionOffsetY", this.i.iq);
+            this.i.i6 = +v;
+            this._a("dataToolTipPositionOffsetY", this.i.i6);
         }
         /**
          * Gets or sets the offset of the tooltip layer on the X axis.
         */
         get dataToolTipDefaultPositionOffsetX() {
-            return this.i.im;
+            return this.i.i3;
         }
         set dataToolTipDefaultPositionOffsetX(v) {
-            this.i.im = +v;
-            this._a("dataToolTipDefaultPositionOffsetX", this.i.im);
+            this.i.i3 = +v;
+            this._a("dataToolTipDefaultPositionOffsetX", this.i.i3);
         }
         /**
          * Gets or sets the offset of the tooltip layer on the Y axis.
         */
         get dataToolTipDefaultPositionOffsetY() {
-            return this.i.io;
+            return this.i.i4;
         }
         set dataToolTipDefaultPositionOffsetY(v) {
-            this.i.io = +v;
-            this._a("dataToolTipDefaultPositionOffsetY", this.i.io);
+            this.i.i4 = +v;
+            this._a("dataToolTipDefaultPositionOffsetY", this.i.i4);
         }
         /**
          * Gets or sets the tooltip position mode on the X axis for grouped series.
         */
         get dataToolTipGroupedPositionModeX() {
-            return this.i.br;
+            return this.i.bv;
         }
         set dataToolTipGroupedPositionModeX(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));
         }
         /**
          * Gets or sets the tooltip position mode on the Y axis for grouped series.
         */
         get dataToolTipGroupedPositionModeY() {
-            return this.i.bt;
+            return this.i.bx;
         }
         set dataToolTipGroupedPositionModeY(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));
         }
         /**
          * Gets or sets whether the data legend should update when the series data is mutated.
         */
         get dataToolTipShouldUpdateWhenSeriesDataChanges() {
-            return this.i.f0;
+            return this.i.gg;
         }
         set dataToolTipShouldUpdateWhenSeriesDataChanges(v) {
-            this.i.f0 = ensureBool(v);
-            this._a("dataToolTipShouldUpdateWhenSeriesDataChanges", this.i.f0);
+            this.i.gg = ensureBool(v);
+            this._a("dataToolTipShouldUpdateWhenSeriesDataChanges", this.i.gg);
         }
         /**
-         * 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 dataToolTipIncludedSeries() {
             return this.i.m;
@@ -601,8 +614,8 @@ export let IgcDomainChartComponent = /*@__PURE__*/ (() => {
             this.i.m = v;
         }
         /**
-         * 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 dataToolTipExcludedSeries() {
             return this.i.j;
@@ -616,7 +629,7 @@ export let IgcDomainChartComponent = /*@__PURE__*/ (() => {
         }
         /**
          * 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 dataToolTipIncludedColumns() {
             return this.i.l;
@@ -630,7 +643,7 @@ export let IgcDomainChartComponent = /*@__PURE__*/ (() => {
         }
         /**
          * 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 dataToolTipExcludedColumns() {
             return this.i.i;
@@ -647,73 +660,73 @@ export let IgcDomainChartComponent = /*@__PURE__*/ (() => {
          * This property is ignored when setting ValueFormatSpecifiers or ValueFormatString properties
         */
         get dataToolTipValueFormatAbbreviation() {
-            return this.i.bb;
+            return this.i.bf;
         }
         set dataToolTipValueFormatAbbreviation(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));
         }
         /**
-         * 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 dataToolTipValueFormatMaxFractions() {
-            return this.i.j8;
+            return this.i.ko;
         }
         set dataToolTipValueFormatMaxFractions(v) {
-            this.i.j8 = +v;
-            this._a("dataToolTipValueFormatMaxFractions", this.i.j8);
+            this.i.ko = +v;
+            this._a("dataToolTipValueFormatMaxFractions", this.i.ko);
         }
         /**
-         * 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 dataToolTipValueFormatMinFractions() {
-            return this.i.j9;
+            return this.i.kp;
         }
         set dataToolTipValueFormatMinFractions(v) {
-            this.i.j9 = +v;
-            this._a("dataToolTipValueFormatMinFractions", this.i.j9);
+            this.i.kp = +v;
+            this._a("dataToolTipValueFormatMinFractions", this.i.kp);
         }
         /**
          * Gets or sets the mode for displaying values in the data legend, e.g. Currency ($500.25), Decimal (500.25), Integer (500)
         */
         get dataToolTipValueFormatMode() {
-            return this.i.bp;
+            return this.i.bt;
         }
         set dataToolTipValueFormatMode(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));
         }
         /**
          * Gets or sets globalization culture when displaying values as currencies, e.g. use "en-GB" to display British pound symbol when the ValueFormatMode property is set to 'Currency' mode
          * This property is ignored when setting ValueFormatSpecifiers or ValueFormatString properties
         */
         get dataToolTipValueFormatCulture() {
-            return this.i.n4;
+            return this.i.op;
         }
         set dataToolTipValueFormatCulture(v) {
-            this.i.n4 = v;
+            this.i.op = v;
         }
         /**
          * Gets or sets whether or not use grouping separator, e.g, 15,000 for 15000
          * This property is ignored when setting ValueFormatSpecifiers or ValueFormatString properties
         */
         get dataToolTipValueFormatUseGrouping() {
-            return this.i.f1;
+            return this.i.gh;
         }
         set dataToolTipValueFormatUseGrouping(v) {
-            this.i.f1 = ensureBool(v);
-            this._a("dataToolTipValueFormatUseGrouping", this.i.f1);
+            this.i.gh = ensureBool(v);
+            this._a("dataToolTipValueFormatUseGrouping", this.i.gh);
         }
         /**
          * Gets or sets the format string for values displayed in the data legend.
         */
         get dataToolTipValueFormatString() {
-            return this.i.oa;
+            return this.i.ov;
         }
         set dataToolTipValueFormatString(v) {
-            this.i.oa = v;
+            this.i.ov = v;
         }
         /**
          * Gets or sets the format specifiers to use with the ValueFormatString string.
@@ -729,151 +742,151 @@ export let IgcDomainChartComponent = /*@__PURE__*/ (() => {
             this.i.n = v;
         }
         get dataToolTipValueRowMarginBottom() {
-            return this.i.wg ? this.i.wg.bottom : NaN;
+            return this.i.xj ? this.i.xj.bottom : NaN;
         }
         set dataToolTipValueRowMarginBottom(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;
         }
         get dataToolTipValueRowMarginLeft() {
-            return this.i.wg ? this.i.wg.left : NaN;
+            return this.i.xj ? this.i.xj.left : NaN;
         }
         set dataToolTipValueRowMarginLeft(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;
         }
         get dataToolTipValueRowMarginRight() {
-            return this.i.wg ? this.i.wg.right : NaN;
+            return this.i.xj ? this.i.xj.right : NaN;
         }
         set dataToolTipValueRowMarginRight(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;
         }
         get dataToolTipValueRowMarginTop() {
-            return this.i.wg ? this.i.wg.top : NaN;
+            return this.i.xj ? this.i.xj.top : NaN;
         }
         set dataToolTipValueRowMarginTop(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;
         }
         ensureDataToolTipValueRowMargin() {
-            if (this.i.wg) {
+            if (this.i.xj) {
                 return;
             }
-            this.i.wg = new Thickness(2);
+            this.i.xj = new Thickness(2);
         }
         /**
          * Gets or sets whether to show series rows.
         */
         get dataToolTipValueRowVisible() {
-            return this.i.f2;
+            return this.i.gi;
         }
         set dataToolTipValueRowVisible(v) {
-            this.i.f2 = ensureBool(v);
-            this._a("dataToolTipValueRowVisible", this.i.f2);
+            this.i.gi = ensureBool(v);
+            this._a("dataToolTipValueRowVisible", this.i.gi);
         }
         /**
          * Gets or sets text displayed when data column is missing a value, e.g. "no data"
         */
         get dataToolTipValueTextWhenMissingData() {
-            return this.i.oj;
+            return this.i.o4;
         }
         set dataToolTipValueTextWhenMissingData(v) {
-            this.i.oj = v;
+            this.i.o4 = v;
         }
         /**
          * Gets or sets whether to use series colors when displaying values in the legend
         */
         get dataToolTipValueTextUseSeriesColors() {
-            return this.i.f3;
+            return this.i.gj;
         }
         set dataToolTipValueTextUseSeriesColors(v) {
-            this.i.f3 = ensureBool(v);
-            this._a("dataToolTipValueTextUseSeriesColors", this.i.f3);
+            this.i.gj = ensureBool(v);
+            this._a("dataToolTipValueTextUseSeriesColors", this.i.gj);
         }
         get dataToolTipValueTextMarginBottom() {
-            return this.i.wh ? this.i.wh.bottom : NaN;
+            return this.i.xk ? this.i.xk.bottom : NaN;
         }
         set dataToolTipValueTextMarginBottom(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;
         }
         get dataToolTipValueTextMarginLeft() {
-            return this.i.wh ? this.i.wh.left : NaN;
+            return this.i.xk ? this.i.xk.left : NaN;
         }
         set dataToolTipValueTextMarginLeft(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;
         }
         get dataToolTipValueTextMarginRight() {
-            return this.i.wh ? this.i.wh.right : NaN;
+            return this.i.xk ? this.i.xk.right : NaN;
         }
         set dataToolTipValueTextMarginRight(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;
         }
         get dataToolTipValueTextMarginTop() {
-            return this.i.wh ? this.i.wh.top : NaN;
+            return this.i.xk ? this.i.xk.top : NaN;
         }
         set dataToolTipValueTextMarginTop(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;
         }
         ensureDataToolTipValueTextMargin() {
-            if (this.i.wh) {
+            if (this.i.xk) {
                 return;
             }
-            this.i.wh = new Thickness(2);
+            this.i.xk = new Thickness(2);
         }
         /**
          * Gets or sets the units text color.
         */
         get dataToolTipValueTextColor() {
-            return brushToString(this.i.vg);
+            return brushToString(this.i.wd);
         }
         set dataToolTipValueTextColor(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));
         }
         /**
          * Gets or Sets the style to use for the units text.
         */
         get dataToolTipValueTextStyle() {
-            if (this.i.et == null) {
+            if (this.i.e7 == null) {
                 return null;
             }
-            return this.i.et.fontString;
+            return this.i.e7.fontString;
         }
         set dataToolTipValueTextStyle(v) {
             let 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 : "");
         }
         /**
          * Gets or sets the format string for header text displayed in the data legend.
         */
         get dataToolTipHeaderFormatString() {
-            return this.i.mu;
+            return this.i.nf;
         }
         set dataToolTipHeaderFormatString(v) {
-            this.i.mu = v;
+            this.i.nf = v;
         }
         /**
          * Gets or sets the format specifiers to use with the HeaderFormatString string.
@@ -893,675 +906,794 @@ export let IgcDomainChartComponent = /*@__PURE__*/ (() => {
          * This property is ignored when setting HeaderFormatSpecifiers or HeaderFormatString properties
         */
         get dataToolTipHeaderFormatCulture() {
-            return this.i.mq;
+            return this.i.nb;
         }
         set dataToolTipHeaderFormatCulture(v) {
-            this.i.mq = v;
+            this.i.nb = v;
         }
         /**
          * Gets or sets date format for the header
          * This property is ignored when setting HeaderFormatSpecifiers or HeaderFormatString properties
         */
         get dataToolTipHeaderFormatDate() {
-            return this.i.bf;
+            return this.i.bj;
         }
         set dataToolTipHeaderFormatDate(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));
         }
         /**
          * Gets or sets time format for the header
          * This property is ignored when setting HeaderFormatSpecifiers or HeaderFormatString properties
         */
         get dataToolTipHeaderFormatTime() {
-            return this.i.bh;
+            return this.i.bl;
         }
         set dataToolTipHeaderFormatTime(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));
         }
         /**
          * Gets or sets the HeaderText for the data legend.
         */
         get dataToolTipHeaderText() {
-            return this.i.mz;
+            return this.i.nk;
         }
         set dataToolTipHeaderText(v) {
-            this.i.mz = v;
+            this.i.nk = v;
         }
         /**
          * Gets or sets the header text color.
         */
         get dataToolTipHeaderTextColor() {
-            return brushToString(this.i.u8);
+            return brushToString(this.i.v5);
         }
         set dataToolTipHeaderTextColor(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));
         }
         get dataToolTipHeaderTextMarginBottom() {
-            return this.i.wa ? this.i.wa.bottom : NaN;
+            return this.i.xd ? this.i.xd.bottom : NaN;
         }
         set dataToolTipHeaderTextMarginBottom(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;
         }
         get dataToolTipHeaderTextMarginLeft() {
-            return this.i.wa ? this.i.wa.left : NaN;
+            return this.i.xd ? this.i.xd.left : NaN;
         }
         set dataToolTipHeaderTextMarginLeft(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;
         }
         get dataToolTipHeaderTextMarginRight() {
-            return this.i.wa ? this.i.wa.right : NaN;
+            return this.i.xd ? this.i.xd.right : NaN;
         }
         set dataToolTipHeaderTextMarginRight(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;
         }
         get dataToolTipHeaderTextMarginTop() {
-            return this.i.wa ? this.i.wa.top : NaN;
+            return this.i.xd ? this.i.xd.top : NaN;
         }
         set dataToolTipHeaderTextMarginTop(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;
         }
         ensureDataToolTipHeaderTextMargin() {
-            if (this.i.wa) {
+            if (this.i.xd) {
                 return;
             }
-            this.i.wa = new Thickness(2);
+            this.i.xd = new Thickness(2);
         }
         get dataToolTipHeaderRowMarginBottom() {
-            return this.i.v9 ? this.i.v9.bottom : NaN;
+            return this.i.xc ? this.i.xc.bottom : NaN;
         }
         set dataToolTipHeaderRowMarginBottom(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;
         }
         get dataToolTipHeaderRowMarginLeft() {
-            return this.i.v9 ? this.i.v9.left : NaN;
+            return this.i.xc ? this.i.xc.left : NaN;
         }
         set dataToolTipHeaderRowMarginLeft(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;
         }
         get dataToolTipHeaderRowMarginRight() {
-            return this.i.v9 ? this.i.v9.right : NaN;
+            return this.i.xc ? this.i.xc.right : NaN;
         }
         set dataToolTipHeaderRowMarginRight(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;
         }
         get dataToolTipHeaderRowMarginTop() {
-            return this.i.v9 ? this.i.v9.top : NaN;
+            return this.i.xc ? this.i.xc.top : NaN;
         }
         set dataToolTipHeaderRowMarginTop(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;
         }
         ensureDataToolTipHeaderRowMargin() {
-            if (this.i.v9) {
+            if (this.i.xc) {
                 return;
             }
-            this.i.v9 = new Thickness(2);
+            this.i.xc = new Thickness(2);
         }
         /**
          * Gets or sets whether to show Header row.
         */
         get dataToolTipHeaderRowVisible() {
-            return this.i.fz;
+            return this.i.gf;
         }
         set dataToolTipHeaderRowVisible(v) {
-            this.i.fz = ensureBool(v);
-            this._a("dataToolTipHeaderRowVisible", this.i.fz);
+            this.i.gf = ensureBool(v);
+            this._a("dataToolTipHeaderRowVisible", this.i.gf);
         }
         /**
          * Gets or Sets the style to use for the header text.
         */
         get dataToolTipHeaderTextStyle() {
-            if (this.i.el == null) {
+            if (this.i.ez == null) {
                 return null;
             }
-            return this.i.el.fontString;
+            return this.i.ez.fontString;
         }
         set dataToolTipHeaderTextStyle(v) {
             let fi = new FontInfo();
             fi.fontString = v;
-            this.i.el = fi;
-            this._a("dataToolTipHeaderTextStyle", this.i.el != null ? this.i.el.fontString : "");
+            this.i.ez = fi;
+            this._a("dataToolTipHeaderTextStyle", this.i.ez != null ? this.i.ez.fontString : "");
+        }
+        /**
+         * Gets or sets the Group text color.
+        */
+        get dataToolTipGroupTextColor() {
+            return brushToString(this.i.v4);
+        }
+        set dataToolTipGroupTextColor(v) {
+            this.i.v4 = stringToBrush(v);
+            this._a("dataToolTipGroupTextColor", brushToString(this.i.v4));
+        }
+        get dataToolTipGroupTextMarginBottom() {
+            return this.i.xb ? this.i.xb.bottom : NaN;
+        }
+        set dataToolTipGroupTextMarginBottom(v) {
+            this.ensureDataToolTipGroupTextMargin();
+            this.i.xb.bottom = +v;
+            this._a("dataToolTipGroupTextMarginBottom", this.i.xb.bottom);
+            this.i.xb = this.i.xb;
+        }
+        get dataToolTipGroupTextMarginLeft() {
+            return this.i.xb ? this.i.xb.left : NaN;
+        }
+        set dataToolTipGroupTextMarginLeft(v) {
+            this.ensureDataToolTipGroupTextMargin();
+            this.i.xb.left = +v;
+            this._a("dataToolTipGroupTextMarginLeft", this.i.xb.left);
+            this.i.xb = this.i.xb;
+        }
+        get dataToolTipGroupTextMarginRight() {
+            return this.i.xb ? this.i.xb.right : NaN;
+        }
+        set dataToolTipGroupTextMarginRight(v) {
+            this.ensureDataToolTipGroupTextMargin();
+            this.i.xb.right = +v;
+            this._a("dataToolTipGroupTextMarginRight", this.i.xb.right);
+            this.i.xb = this.i.xb;
+        }
+        get dataToolTipGroupTextMarginTop() {
+            return this.i.xb ? this.i.xb.top : NaN;
+        }
+        set dataToolTipGroupTextMarginTop(v) {
+            this.ensureDataToolTipGroupTextMargin();
+            this.i.xb.top = +v;
+            this._a("dataToolTipGroupTextMarginTop", this.i.xb.top);
+            this.i.xb = this.i.xb;
+        }
+        ensureDataToolTipGroupTextMargin() {
+            if (this.i.xb) {
+                return;
+            }
+            this.i.xb = new Thickness(2);
+        }
+        get dataToolTipGroupRowMarginBottom() {
+            return this.i.xa ? this.i.xa.bottom : NaN;
+        }
+        set dataToolTipGroupRowMarginBottom(v) {
+            this.ensureDataToolTipGroupRowMargin();
+            this.i.xa.bottom = +v;
+            this._a("dataToolTipGroupRowMarginBottom", this.i.xa.bottom);
+            this.i.xa = this.i.xa;
+        }
+        get dataToolTipGroupRowMarginLeft() {
+            return this.i.xa ? this.i.xa.left : NaN;
+        }
+        set dataToolTipGroupRowMarginLeft(v) {
+            this.ensureDataToolTipGroupRowMargin();
+            this.i.xa.left = +v;
+            this._a("dataToolTipGroupRowMarginLeft", this.i.xa.left);
+            this.i.xa = this.i.xa;
+        }
+        get dataToolTipGroupRowMarginRight() {
+            return this.i.xa ? this.i.xa.right : NaN;
+        }
+        set dataToolTipGroupRowMarginRight(v) {
+            this.ensureDataToolTipGroupRowMargin();
+            this.i.xa.right = +v;
+            this._a("dataToolTipGroupRowMarginRight", this.i.xa.right);
+            this.i.xa = this.i.xa;
+        }
+        get dataToolTipGroupRowMarginTop() {
+            return this.i.xa ? this.i.xa.top : NaN;
+        }
+        set dataToolTipGroupRowMarginTop(v) {
+            this.ensureDataToolTipGroupRowMargin();
+            this.i.xa.top = +v;
+            this._a("dataToolTipGroupRowMarginTop", this.i.xa.top);
+            this.i.xa = this.i.xa;
+        }
+        ensureDataToolTipGroupRowMargin() {
+            if (this.i.xa) {
+                return;
+            }
+            this.i.xa = new Thickness(2);
+        }
+        /**
+         * Gets or sets whether to show Group row.
+        */
+        get dataToolTipGroupRowVisible() {
+            return this.i.ge;
+        }
+        set dataToolTipGroupRowVisible(v) {
+            this.i.ge = ensureBool(v);
+            this._a("dataToolTipGroupRowVisible", this.i.ge);
+        }
+        /**
+         * Gets or Sets the style to use for the Group text.
+        */
+        get dataToolTipGroupTextStyle() {
+            if (this.i.ey == null) {
+                return null;
+            }
+            return this.i.ey.fontString;
+        }
+        set dataToolTipGroupTextStyle(v) {
+            let fi = new FontInfo();
+            fi.fontString = v;
+            this.i.ey = fi;
+            this._a("dataToolTipGroupTextStyle", this.i.ey != null ? this.i.ey.fontString : "");
         }
         /**
          * Gets or sets the summary text color.
         */
         get dataToolTipSummaryTitleTextColor() {
-            return brushToString(this.i.vb);
+            return brushToString(this.i.v8);
         }
         set dataToolTipSummaryTitleTextColor(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));
         }
         /**
          * Gets or Sets the style to use for the summary text.
         */
         get dataToolTipSummaryTitleTextStyle() {
-            if (this.i.eo == null) {
+            if (this.i.e2 == null) {
                 return null;
             }
-            return this.i.eo.fontString;
+            return this.i.e2.fontString;
         }
         set dataToolTipSummaryTitleTextStyle(v) {
             let 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 : "");
         }
         /**
          * Gets or sets the SummaryType for the data legend.
         */
         get dataToolTipSummaryType() {
-            return this.i.bl;
+            return this.i.bp;
         }
         set dataToolTipSummaryType(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));
         }
         /**
          * Gets or sets the SummaryTitleText for the data legend.
         */
         get dataToolTipSummaryTitleText() {
-            return this.i.ni;
+            return this.i.n3;
         }
         set dataToolTipSummaryTitleText(v) {
-            this.i.ni = v;
+            this.i.n3 = v;
         }
         get dataToolTipSummaryTitleTextMarginBottom() {
-            return this.i.wd ? this.i.wd.bottom : NaN;
+            return this.i.xg ? this.i.xg.bottom : NaN;
         }
         set dataToolTipSummaryTitleTextMarginBottom(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;
         }
         get dataToolTipSummaryTitleTextMarginLeft() {
-            return this.i.wd ? this.i.wd.left : NaN;
+            return this.i.xg ? this.i.xg.left : NaN;
         }
         set dataToolTipSummaryTitleTextMarginLeft(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;
         }
         get dataToolTipSummaryTitleTextMarginRight() {
-            return this.i.wd ? this.i.wd.right : NaN;
+            return this.i.xg ? this.i.xg.right : NaN;
         }
         set dataToolTipSummaryTitleTextMarginRight(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;
         }
         get dataToolTipSummaryTitleTextMarginTop() {
-            return this.i.wd ? this.i.wd.top : NaN;
+            return this.i.xg ? this.i.xg.top : NaN;
         }
         set dataToolTipSummaryTitleTextMarginTop(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;
         }
         ensureDataToolTipSummaryTitleTextMargin() {
-            if (this.i.wd) {
+            if (this.i.xg) {
                 return;
             }
-            this.i.wd = new Thickness(2);
+            this.i.xg = new Thickness(2);
         }
         get dataToolTipSummaryRowMarginBottom() {
-            return this.i.wc ? this.i.wc.bottom : NaN;
+            return this.i.xf ? this.i.xf.bottom : NaN;
         }
         set dataToolTipSummaryRowMarginBottom(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;
         }
         get dataToolTipSummaryRowMarginLeft() {
-            return this.i.wc ? this.i.wc.left : NaN;
+            return this.i.xf ? this.i.xf.left : NaN;
         }
         set dataToolTipSummaryRowMarginLeft(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;
         }
         get dataToolTipSummaryRowMarginRight() {
-            return this.i.wc ? this.i.wc.right : NaN;
+            return this.i.xf ? this.i.xf.right : NaN;
         }
         set dataToolTipSummaryRowMarginRight(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;
         }
         get dataToolTipSummaryRowMarginTop() {
-            return this.i.wc ? this.i.wc.top : NaN;
+            return this.i.xf ? this.i.xf.top : NaN;
         }
         set dataToolTipSummaryRowMarginTop(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;
         }
         ensureDataToolTipSummaryRowMargin() {
-            if (this.i.wc) {
+            if (this.i.xf) {
                 return;
             }
-            this.i.wc = new Thickness(2);
+            this.i.xf = new Thickness(2);
         }
         /**
          * Gets or sets the units text color.
         */
         get dataToolTipSummaryValueTextColor() {
-            return brushToString(this.i.vd);
+            return brushToString(this.i.wa);
         }
         set dataToolTipSummaryValueTextColor(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));
         }
         /**
          * Gets or Sets the style to use for the units text.
         */
         get dataToolTipSummaryValueTextStyle() {
-            if (this.i.eq == null) {
+            if (this.i.e4 == null) {
                 return null;
             }
-            return this.i.eq.fontString;
+            return this.i.e4.fontString;
         }
         set dataToolTipSummaryValueTextStyle(v) {
             let 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 : "");
         }
         /**
          * Gets or sets the units text for the data legend.
         */
         get dataToolTipSummaryLabelText() {
-            return this.i.nd;
+            return this.i.ny;
         }
         set dataToolTipSummaryLabelText(v) {
-            this.i.nd = v;
+            this.i.ny = v;
         }
         /**
          * Gets or sets the units text color.
         */
         get dataToolTipSummaryLabelTextColor() {
-            return brushToString(this.i.va);
+            return brushToString(this.i.v7);
         }
         set dataToolTipSummaryLabelTextColor(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));
         }
         /**
          * Gets or Sets the style to use for the units text.
         */
         get dataToolTipSummaryLabelTextStyle() {
-            if (this.i.en == null) {
+            if (this.i.e1 == null) {
                 return null;
             }
-            return this.i.en.fontString;
+            return this.i.e1.fontString;
         }
         set dataToolTipSummaryLabelTextStyle(v) {
             let 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 : "");
         }
         /**
          * Gets or sets the units text for the data legend.
         */
         get dataToolTipSummaryUnitsText() {
-            return this.i.no;
+            return this.i.n9;
         }
         set dataToolTipSummaryUnitsText(v) {
-            this.i.no = v;
+            this.i.n9 = v;
         }
         /**
          * Gets or sets the units text color.
         */
         get dataToolTipSummaryUnitsTextColor() {
-            return brushToString(this.i.vc);
+            return brushToString(this.i.v9);
         }
         set dataToolTipSummaryUnitsTextColor(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));
         }
         /**
          * Gets or Sets the style to use for the units text.
         */
         get dataToolTipSummaryUnitsTextStyle() {
-            if (this.i.ep == null) {
+            if (this.i.e3 == null) {
                 return null;
             }
-            return this.i.ep.fontString;
+            return this.i.e3.fontString;
         }
         set dataToolTipSummaryUnitsTextStyle(v) {
             let 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 : "");
         }
         get dataToolTipBadgeMarginBottom() {
-            return this.i.v8 ? this.i.v8.bottom : NaN;
+            return this.i.w9 ? this.i.w9.bottom : NaN;
         }
         set dataToolTipBadgeMarginBottom(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;
         }
         get dataToolTipBadgeMarginLeft() {
-            return this.i.v8 ? this.i.v8.left : NaN;
+            return this.i.w9 ? this.i.w9.left : NaN;
         }
         set dataToolTipBadgeMarginLeft(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;
         }
         get dataToolTipBadgeMarginRight() {
-            return this.i.v8 ? this.i.v8.right : NaN;
+            return this.i.w9 ? this.i.w9.right : NaN;
         }
         set dataToolTipBadgeMarginRight(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;
         }
         get dataToolTipBadgeMarginTop() {
-            return this.i.v8 ? this.i.v8.top : NaN;
+            return this.i.w9 ? this.i.w9.top : NaN;
         }
         set dataToolTipBadgeMarginTop(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;
         }
         ensureDataToolTipBadgeMargin() {
-            if (this.i.v8) {
+            if (this.i.w9) {
                 return;
             }
-            this.i.v8 = new Thickness(2);
+            this.i.w9 = new Thickness(2);
         }
         /**
          * Gets or sets the BadgeShape for the data legend.
         */
         get dataToolTipBadgeShape() {
-            return this.i.ci;
+            return this.i.cm;
         }
         set dataToolTipBadgeShape(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));
         }
         /**
          * Gets or sets the UnitsMode for the data legend.
         */
         get dataToolTipUnitsDisplayMode() {
-            return this.i.bn;
+            return this.i.br;
         }
         set dataToolTipUnitsDisplayMode(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));
         }
         /**
          * Gets or sets the units text for the data legend.
         */
         get dataToolTipUnitsText() {
-            return this.i.ny;
+            return this.i.oj;
         }
         set dataToolTipUnitsText(v) {
-            this.i.ny = v;
+            this.i.oj = v;
         }
         /**
          * Gets or sets the units text color.
         */
         get dataToolTipUnitsTextColor() {
-            return brushToString(this.i.vf);
+            return brushToString(this.i.wc);
         }
         set dataToolTipUnitsTextColor(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));
         }
         get dataToolTipUnitsTextMarginBottom() {
-            return this.i.wf ? this.i.wf.bottom : NaN;
+            return this.i.xi ? this.i.xi.bottom : NaN;
         }
         set dataToolTipUnitsTextMarginBottom(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;
         }
         get dataToolTipUnitsTextMarginLeft() {
-            return this.i.wf ? this.i.wf.left : NaN;
+            return this.i.xi ? this.i.xi.left : NaN;
         }
         set dataToolTipUnitsTextMarginLeft(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;
         }
         get dataToolTipUnitsTextMarginRight() {
-            return this.i.wf ? this.i.wf.right : NaN;
+            return this.i.xi ? this.i.xi.right : NaN;
         }
         set dataToolTipUnitsTextMarginRight(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;
         }
         get dataToolTipUnitsTextMarginTop() {
-            return this.i.wf ? this.i.wf.top : NaN;
+            return this.i.xi ? this.i.xi.top : NaN;
         }
         set dataToolTipUnitsTextMarginTop(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;
         }
         ensureDataToolTipUnitsTextMargin() {
-            if (this.i.wf) {
+            if (this.i.xi) {
                 return;
             }
-            this.i.wf = new Thickness(2);
+            this.i.xi = new Thickness(2);
         }
         /**
          * Gets or Sets the style to use for the units text.
         */
         get dataToolTipUnitsTextStyle() {
-            if (this.i.es == null) {
+            if (this.i.e6 == null) {
                 return null;
             }
-            return this.i.es.fontString;
+            return this.i.e6.fontString;
         }
         set dataToolTipUnitsTextStyle(v) {
             let 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 : "");
         }
         get dataToolTipTitleTextMarginBottom() {
-            return this.i.we ? this.i.we.bottom : NaN;
+            return this.i.xh ? this.i.xh.bottom : NaN;
         }
         set dataToolTipTitleTextMarginBottom(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;
         }
         get dataToolTipTitleTextMarginLeft() {
-            return this.i.we ? this.i.we.left : NaN;
+            return this.i.xh ? this.i.xh.left : NaN;
         }
         set dataToolTipTitleTextMarginLeft(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;
         }
         get dataToolTipTitleTextMarginRight() {
-            return this.i.we ? this.i.we.right : NaN;
+            return this.i.xh ? this.i.xh.right : NaN;
         }
         set dataToolTipTitleTextMarginRight(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;
         }
         get dataToolTipTitleTextMarginTop() {
-            return this.i.we ? this.i.we.top : NaN;
+            return this.i.xh ? this.i.xh.top : NaN;
         }
         set dataToolTipTitleTextMarginTop(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;
         }
         ensureDataToolTipTitleTextMargin() {
-            if (this.i.we) {
+            if (this.i.xh) {
                 return;
             }
-            this.i.we = new Thickness(2);
+            this.i.xh = new Thickness(2);
         }
         /**
          * Gets or sets the display text color.
         */
         get dataToolTipTitleTextColor() {
-            return brushToString(this.i.ve);
+            return brushToString(this.i.wb);
         }
         set dataToolTipTitleTextColor(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));
         }
         /**
          * Gets or Sets the style to use for the display text.
         */
         get dataToolTipTitleTextStyle() {
-            if (this.i.er == null) {
+            if (this.i.e5 == null) {
                 return null;
             }
-            return this.i.er.fontString;
+            return this.i.e5.fontString;
         }
         set dataToolTipTitleTextStyle(v) {
             let 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 : "");
         }
         /**
          * 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 dataToolTipLabelDisplayMode() {
-            return this.i.bj;
+            return this.i.bn;
         }
         set dataToolTipLabelDisplayMode(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));
         }
         /**
          * Gets or sets the units text color.
         */
         get dataToolTipLabelTextColor() {
-            return brushToString(this.i.u9);
+            return brushToString(this.i.v6);
         }
         set dataToolTipLabelTextColor(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));
         }
         get dataToolTipLabelTextMarginBottom() {
-            return this.i.wb ? this.i.wb.bottom : NaN;
+            return this.i.xe ? this.i.xe.bottom : NaN;
         }
         set dataToolTipLabelTextMarginBottom(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;
         }
         get dataToolTipLabelTextMarginLeft() {
-            return this.i.wb ? this.i.wb.left : NaN;
+            return this.i.xe ? this.i.xe.left : NaN;
         }
         set dataToolTipLabelTextMarginLeft(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;
         }
         get dataToolTipLabelTextMarginRight() {
-            return this.i.wb ? this.i.wb.right : NaN;
+            return this.i.xe ? this.i.xe.right : NaN;
         }
         set dataToolTipLabelTextMarginRight(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;
         }
         get dataToolTipLabelTextMarginTop() {
-            return this.i.wb ? this.i.wb.top : NaN;
+            return this.i.xe ? this.i.xe.top : NaN;
         }
         set dataToolTipLabelTextMarginTop(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;
         }
         ensureDataToolTipLabelTextMargin() {
-            if (this.i.wb) {
+            if (this.i.xe) {
                 return;
             }
-            this.i.wb = new Thickness(2);
+            this.i.xe = new Thickness(2);
         }
         /**
          * Gets or Sets the style to use for the units text.
         */
         get dataToolTipLabelTextStyle() {
-            if (this.i.em == null) {
+            if (this.i.e0 == null) {
                 return null;
             }
-            return this.i.em.fontString;
+            return this.i.e0.fontString;
         }
         set dataToolTipLabelTextStyle(v) {
             let 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 : "");
         }
         /**
          * Gets the domain type of this chart
         */
         get domainType() {
-            return this.i.b1;
+            return this.i.b5;
         }
         /**
          * 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 sortDescriptions() {
-            const r = this.i.a0;
+            const r = this.i.a4;
             if (r == null) {
                 return null;
             }
@@ -1580,7 +1712,7 @@ export let IgcDomainChartComponent = /*@__PURE__*/ (() => {
             return r.externalObject;
         }
         get groupSortDescriptions() {
-            const r = this.i.aw;
+            const r = this.i.a0;
             if (r == null) {
                 return null;
             }
@@ -1602,7 +1734,7 @@ export let IgcDomainChartComponent = /*@__PURE__*/ (() => {
          * 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 groupDescriptions() {
-            const r = this.i.av;
+            const r = this.i.az;
             if (r == null) {
                 return null;
             }
@@ -1621,10 +1753,10 @@ export let IgcDomainChartComponent = /*@__PURE__*/ (() => {
             return r.externalObject;
         }
         /**
-         * 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 filterExpressions() {
-            const r = this.i.d4;
+            const r = this.i.eg;
             if (r == null) {
                 return null;
             }
@@ -1643,10 +1775,10 @@ export let IgcDomainChartComponent = /*@__PURE__*/ (() => {
             return r.externalObject;
         }
         /**
-         * 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 highlightFilterExpressions() {
-            const r = this.i.d5;
+            const r = this.i.eh;
             if (r == null) {
                 return null;
             }
@@ -1668,7 +1800,7 @@ export let IgcDomainChartComponent = /*@__PURE__*/ (() => {
          * Gets the current summaries that are applied to the grid.
         */
         get summaryDescriptions() {
-            const r = this.i.a4;
+            const r = this.i.a8;
             if (r == null) {
                 return null;
             }
@@ -1686,11 +1818,123 @@ export let IgcDomainChartComponent = /*@__PURE__*/ (() => {
             }
             return r.externalObject;
         }
+        /**
+         * Gets or sets the selection mode to use for the series in the component, when supported.
+        */
+        get selectionMode() {
+            return this.i.dr;
+        }
+        set selectionMode(v) {
+            this.i.dr = ensureEnum(SeriesSelectionMode_$type, v);
+            this._a("selectionMode", enumToString(SeriesSelectionMode_$type, this.i.dr));
+        }
+        /**
+         * Gets or sets the focus mode to use for the series in the component, when supported.
+        */
+        get focusMode() {
+            return this.i.dq;
+        }
+        set focusMode(v) {
+            this.i.dq = ensureEnum(SeriesSelectionMode_$type, v);
+            this._a("focusMode", enumToString(SeriesSelectionMode_$type, this.i.dq));
+        }
+        /**
+         * Gets or sets the selection brush to use for the series.
+        */
+        get selectionBrush() {
+            return brushToString(this.i.wo);
+        }
+        set selectionBrush(v) {
+            this.i.wo = stringToBrush(v);
+            this._a("selectionBrush", brushToString(this.i.wo));
+        }
+        /**
+         * Gets or sets the focus brush to use for the series.
+        */
+        get focusBrush() {
+            return brushToString(this.i.wg);
+        }
+        set focusBrush(v) {
+            this.i.wg = stringToBrush(v);
+            this._a("focusBrush", brushToString(this.i.wg));
+        }
+        /**
+         * Gets or sets the selection behavior to use for the series in the component, when supported.
+        */
+        get selectionBehavior() {
+            return this.i.dm;
+        }
+        set selectionBehavior(v) {
+            this.i.dm = ensureEnum(SeriesSelectionBehavior_$type, v);
+            this._a("selectionBehavior", enumToString(SeriesSelectionBehavior_$type, this.i.dm));
+        }
+        /**
+         * 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 selectedSeriesItems() {
+            if (this._selectedSeriesItems === null) {
+                let coll = new IgcChartSelectedItemCollection();
+                let innerColl = this.i.selectedSeriesItems;
+                if (!innerColl) {
+                    innerColl = new ChartSelectedItemCollection_internal();
+                }
+                this._selectedSeriesItems = coll._fromInner(innerColl);
+            }
+            return this._selectedSeriesItems;
+        }
+        set selectedSeriesItems(v) {
+            if (this._selectedSeriesItems !== null) {
+                this._selectedSeriesItems._setSyncTarget(null);
+                this._selectedSeriesItems = null;
+            }
+            let coll = new IgcChartSelectedItemCollection();
+            this._selectedSeriesItems = coll._fromOuter(v);
+            let syncColl = new SyncableObservableCollection$1(ChartSelection.$type);
+            let innerColl = this.i.selectedSeriesItems;
+            if (!innerColl) {
+                innerColl = new ChartSelectedItemCollection_internal();
+            }
+            syncColl._inner = innerColl;
+            syncColl.clear();
+            this._selectedSeriesItems._setSyncTarget(syncColl);
+        }
+        /**
+         * 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 focusedSeriesItems() {
+            if (this._focusedSeriesItems === null) {
+                let coll = new IgcChartSelectedItemCollection();
+                let innerColl = this.i.focusedSeriesItems;
+                if (!innerColl) {
+                    innerColl = new ChartSelectedItemCollection_internal();
+                }
+                this._focusedSeriesItems = coll._fromInner(innerColl);
+            }
+            return this._focusedSeriesItems;
+        }
+        set focusedSeriesItems(v) {
+            if (this._focusedSeriesItems !== null) {
+                this._focusedSeriesItems._setSyncTarget(null);
+                this._focusedSeriesItems = null;
+            }
+            let coll = new IgcChartSelectedItemCollection();
+            this._focusedSeriesItems = coll._fromOuter(v);
+            let syncColl = new SyncableObservableCollection$1(ChartSelection.$type);
+            let innerColl = this.i.focusedSeriesItems;
+            if (!innerColl) {
+                innerColl = new ChartSelectedItemCollection_internal();
+            }
+            syncColl._inner = innerColl;
+            syncColl.clear();
+            this._focusedSeriesItems._setSyncTarget(syncColl);
+        }
         /**
          * Gets the initial sorts that are applied to the chart.
         */
         get initialSortDescriptions() {
-            const r = this.i.az;
+            const r = this.i.a3;
             if (r == null) {
                 return null;
             }
@@ -1712,7 +1956,7 @@ export let IgcDomainChartComponent = /*@__PURE__*/ (() => {
          * Gets the initial sorts that are applied to the chart after groupings and summaries are applied.
         */
         get initialGroupSortDescriptions() {
-            const r = this.i.ay;
+            const r = this.i.a2;
             if (r == null) {
                 return null;
             }
@@ -1734,7 +1978,7 @@ export let IgcDomainChartComponent = /*@__PURE__*/ (() => {
          * Gets the initial groupings that are applied to the chart.
         */
         get initialGroupDescriptions() {
-            const r = this.i.ax;
+            const r = this.i.a1;
             if (r == null) {
                 return null;
             }
@@ -1756,7 +2000,7 @@ export let IgcDomainChartComponent = /*@__PURE__*/ (() => {
          * Gets the initial filters that are applied to the chart.
         */
         get initialFilterExpressions() {
-            const r = this.i.d6;
+            const r = this.i.ei;
             if (r == null) {
                 return null;
             }
@@ -1778,7 +2022,7 @@ export let IgcDomainChartComponent = /*@__PURE__*/ (() => {
          * Gets the initial highlight filters that are applied to the chart.
         */
         get initialHighlightFilterExpressions() {
-            const r = this.i.d7;
+            const r = this.i.ej;
             if (r == null) {
                 return null;
             }
@@ -1800,7 +2044,7 @@ export let IgcDomainChartComponent = /*@__PURE__*/ (() => {
          * Gets the initial summaries that are applied to the chart.
         */
         get initialSummaryDescriptions() {
-            const r = this.i.a3;
+            const r = this.i.a7;
             if (r == null) {
                 return null;
             }
@@ -1822,55 +2066,55 @@ export let IgcDomainChartComponent = /*@__PURE__*/ (() => {
          * Gets or sets the sorts to apply to the chart. This property will become ignored if sorts are changed outside of this property.
         */
         get initialSorts() {
-            return this.i.ph;
+            return this.i.p4;
         }
         set initialSorts(v) {
-            this.i.ph = v;
+            this.i.p4 = v;
         }
         /**
          * Gets or sets the sorts to apply after grouping has been applied.
         */
         get groupSorts() {
-            return this.i.ot;
+            return this.i.pg;
         }
         set groupSorts(v) {
-            this.i.ot = v;
+            this.i.pg = v;
         }
         /**
          * Gets or sets the groupings to apply to the chart. This property will become ignored if sorts are changed outside of this property.
         */
         get initialGroups() {
-            return this.i.pd;
+            return this.i.p0;
         }
         set initialGroups(v) {
-            this.i.pd = v;
+            this.i.p0 = v;
         }
         /**
          * Gets or sets the filter to apply to the chart. This property will become ignored if the filter is changed outside of this property.
         */
         get initialFilter() {
-            return this.i.pb;
+            return this.i.py;
         }
         set initialFilter(v) {
-            this.i.pb = v;
+            this.i.py = v;
         }
         /**
          * Gets or sets the filter to apply to the chart. This property will become ignored if the filter is changed outside of this property.
         */
         get initialHighlightFilter() {
-            return this.i.pf;
+            return this.i.p2;
         }
         set initialHighlightFilter(v) {
-            this.i.pf = v;
+            this.i.p2 = v;
         }
         /**
          * Gets or sets the summaries to apply to the chart. This property will become ignored if sorts are changed outside of this property.
         */
         get initialSummaries() {
-            return this.i.pj;
+            return this.i.p6;
         }
         set initialSummaries(v) {
-            this.i.pj = v;
+            this.i.p6 = v;
         }
         /**
          * Gets or sets a set of property paths that should be included for consideration by the category chart, leaving the remainder excluded. If null, all properties will be considered.
@@ -1970,11 +2214,11 @@ export let IgcDomainChartComponent = /*@__PURE__*/ (() => {
         * ```
         */
         get isHorizontalZoomEnabled() {
-            return this.i.gd;
+            return this.i.gt;
         }
         set isHorizontalZoomEnabled(v) {
-            this.i.gd = ensureBool(v);
-            this._a("isHorizontalZoomEnabled", this.i.gd);
+            this.i.gt = ensureBool(v);
+            this._a("isHorizontalZoomEnabled", this.i.gt);
         }
         /**
          * Gets or sets whether the chart can be vertically zoomed through user interactions.
@@ -1986,53 +2230,53 @@ export let IgcDomainChartComponent = /*@__PURE__*/ (() => {
         * ```
         */
         get isVerticalZoomEnabled() {
-            return this.i.gk;
+            return this.i.g0;
         }
         set isVerticalZoomEnabled(v) {
-            this.i.gk = ensureBool(v);
-            this._a("isVerticalZoomEnabled", this.i.gk);
+            this.i.g0 = ensureBool(v);
+            this._a("isVerticalZoomEnabled", this.i.g0);
         }
         /**
          * Gets or sets whether the chart should display mock data when the data source has not been provided, if supported for this type of chart.
         */
         get shouldDisplayMockData() {
-            return this.i.gn;
+            return this.i.g3;
         }
         set shouldDisplayMockData(v) {
-            this.i.gn = ensureBool(v);
-            this._a("shouldDisplayMockData", this.i.gn);
+            this.i.g3 = ensureBool(v);
+            this._a("shouldDisplayMockData", this.i.g3);
         }
         /**
          * Gets or sets whether the chart should use a faded skeleton style for mock data.
         */
         get shouldUseSkeletonStyleForMockData() {
-            return this.i.gq;
+            return this.i.g6;
         }
         set shouldUseSkeletonStyleForMockData(v) {
-            this.i.gq = ensureBool(v);
-            this._a("shouldUseSkeletonStyleForMockData", this.i.gq);
+            this.i.g6 = ensureBool(v);
+            this._a("shouldUseSkeletonStyleForMockData", this.i.g6);
         }
         /**
          * Gets or sets whether and how to display highlighted values for the series. Note, this is distinct from the highlighting feature that indicates what is closest or under the mouse.
          * This property applies to Category Chart and Financial Chart controls.
         */
         get highlightedValuesDisplayMode() {
-            return this.i.c6;
+            return this.i.da;
         }
         set highlightedValuesDisplayMode(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));
         }
         /**
          * Gets or sets whether the chart can highlight series through user interactions.
          * This property applies to Category Chart and Financial Chart controls.
         */
         get isSeriesHighlightingEnabled() {
-            return this.i.gf;
+            return this.i.gv;
         }
         set isSeriesHighlightingEnabled(v) {
-            this.i.gf = ensureBool(v);
-            this._a("isSeriesHighlightingEnabled", this.i.gf);
+            this.i.gv = ensureBool(v);
+            this._a("isSeriesHighlightingEnabled", this.i.gv);
         }
         /**
          * Gets or sets the rectangle representing the current scroll and zoom state of the chart.
@@ -2045,11 +2289,11 @@ export let IgcDomainChartComponent = /*@__PURE__*/ (() => {
         * ```
         */
         get windowRect() {
-            return fromRect(this.i.vx);
+            return fromRect(this.i.ww);
         }
         set windowRect(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));
         }
         /**
          * Gets a rectangle representing the bounds of the plot area.
@@ -2061,7 +2305,7 @@ export let IgcDomainChartComponent = /*@__PURE__*/ (() => {
         * ```
         */
         get viewport() {
-            return fromRect(this.i.vw);
+            return fromRect(this.i.wv);
         }
         /**
          * Gets or sets text to display above the plot area.
@@ -2073,10 +2317,10 @@ export let IgcDomainChartComponent = /*@__PURE__*/ (() => {
         * ```
         */
         get chartTitle() {
-            return this.i.qt;
+            return this.i.rj;
         }
         set chartTitle(v) {
-            this.i.qt = v;
+            this.i.rj = v;
         }
         /**
          * Gets or sets text to display below the Title, above the plot area.
@@ -2088,10 +2332,10 @@ export let IgcDomainChartComponent = /*@__PURE__*/ (() => {
         * ```
         */
         get subtitle() {
-            return this.i.qi;
+            return this.i.q8;
         }
         set subtitle(v) {
-            this.i.qi = v;
+            this.i.q8 = v;
         }
         /**
          * Gets or sets horizontal alignment which determines the title position, relative to the left and right edges of the control.
@@ -2103,11 +2347,11 @@ export let IgcDomainChartComponent = /*@__PURE__*/ (() => {
         * ```
         */
         get titleAlignment() {
-            return this.i.ue;
+            return this.i.u7;
         }
         set titleAlignment(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));
         }
         /**
          * Gets or sets horizontal alignment which determines the subtitle position, relative to the left and right edges of the control.
@@ -2119,11 +2363,11 @@ export let IgcDomainChartComponent = /*@__PURE__*/ (() => {
         * ```
         */
         get subtitleAlignment() {
-            return this.i.ud;
+            return this.i.u6;
         }
         set subtitleAlignment(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));
         }
         /**
          * Gets or sets the behavior that determines how unknown values will be plotted on the chart.
@@ -2136,11 +2380,11 @@ export let IgcDomainChartComponent = /*@__PURE__*/ (() => {
         * ```
         */
         get unknownValuePlotting() {
-            return this.i.dv;
+            return this.i.d7;
         }
         set unknownValuePlotting(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));
         }
         /**
          * Gets or sets the rendering resolution for all series in this chart.
@@ -2153,11 +2397,11 @@ export let IgcDomainChartComponent = /*@__PURE__*/ (() => {
         * ```
         */
         get resolution() {
-            return this.i.i6;
+            return this.i.jm;
         }
         set resolution(v) {
-            this.i.i6 = +v;
-            this._a("resolution", this.i.i6);
+            this.i.jm = +v;
+            this._a("resolution", this.i.jm);
         }
         /**
          * Gets or sets the thickness for all series in this chart. Depending on the ChartType, this can be the main brush used, or just the outline.
@@ -2165,61 +2409,61 @@ export let IgcDomainChartComponent = /*@__PURE__*/ (() => {
         * Use the `Thickness` property for the thickness of all the series in this chart.
         */
         get thickness() {
-            return this.i.jc;
+            return this.i.js;
         }
         set thickness(v) {
-            this.i.jc = +v;
-            this._a("thickness", this.i.jc);
+            this.i.js = +v;
+            this._a("thickness", this.i.js);
         }
         /**
          * Gets or sets the OutlineMode for all series in this chart.
         */
         get outlineMode() {
-            return this.i.dc;
+            return this.i.dg;
         }
         set outlineMode(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));
         }
         /**
          * Gets or sets the MarkerOutlineMode for all series that support markers in this chart.
         */
         get markerOutlineMode() {
-            return this.i.cp;
+            return this.i.ct;
         }
         set markerOutlineMode(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));
         }
         /**
          * Gets or sets the MarkerFillMode for all series that support markers in this chart.
         */
         get markerFillMode() {
-            return this.i.cn;
+            return this.i.cr;
         }
         set markerFillMode(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));
         }
         /**
          * Gets or sets the Marker Fill Opacity for all series that support markers in this chart.
         */
         get markerFillOpacity() {
-            return this.i.iz;
+            return this.i.jf;
         }
         set markerFillOpacity(v) {
-            this.i.iz = +v;
-            this._a("markerFillOpacity", this.i.iz);
+            this.i.jf = +v;
+            this._a("markerFillOpacity", this.i.jf);
         }
         /**
          * Gets or sets the Marker Thickness for all series that support markers in this chart.
         */
         get markerThickness() {
-            return this.i.i0;
+            return this.i.jg;
         }
         set markerThickness(v) {
-            this.i.i0 = +v;
-            this._a("markerThickness", this.i.i0);
+            this.i.jg = +v;
+            this._a("markerThickness", this.i.jg);
         }
         /**
          * Gets or sets the marker shapes used for indicating location of data points in this chart.
@@ -2228,12 +2472,12 @@ export let IgcDomainChartComponent = /*@__PURE__*/ (() => {
         get markerTypes() {
             if (this._markerTypes === null) {
                 let coll = new IgcMarkerTypeCollection();
-                let innerColl = this.i.cv;
+                let 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;
         }
@@ -2245,25 +2489,25 @@ export let IgcDomainChartComponent = /*@__PURE__*/ (() => {
             let coll = new IgcMarkerTypeCollection();
             this._markerTypes = coll._fromOuter(v);
             let syncColl = new SyncableObservableCollection$1(MarkerType_$type);
-            let innerColl = this.i.cv;
+            let 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;
         }
         /**
          * Gets or sets the default marker type for all series plotted in this chart.
          * This property is ignored when the MarkerTypes property is set
         */
         get markerAutomaticBehavior() {
-            return this.i.cl;
+            return this.i.cp;
         }
         set markerAutomaticBehavior(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));
         }
         /**
          * Gets or sets the palette of brushes used for rendering fill area of data point markers.
@@ -2309,32 +2553,32 @@ export let IgcDomainChartComponent = /*@__PURE__*/ (() => {
         * ```
         */
         get markerMaxCount() {
-            return this.i.kb;
+            return this.i.kr;
         }
         set markerMaxCount(v) {
-            this.i.kb = +v;
-            this._a("markerMaxCount", this.i.kb);
+            this.i.kr = +v;
+            this._a("markerMaxCount", this.i.kr);
         }
         /**
          * Gets or sets the fill opacity for all series that have area visuals in this chart.
          * For example, Area, SplineArea, Column chart types
         */
         get areaFillOpacity() {
-            return this.i.ij;
+            return this.i.i0;
         }
         set areaFillOpacity(v) {
-            this.i.ij = +v;
-            this._a("areaFillOpacity", this.i.ij);
+            this.i.i0 = +v;
+            this._a("areaFillOpacity", this.i.i0);
         }
         /**
          * Gets or sets whether the series animations should be allowed when a range change has been detected on an axis.
         */
         get animateSeriesWhenAxisRangeChanges() {
-            return this.i.fs;
+            return this.i.f7;
         }
         set animateSeriesWhenAxisRangeChanges(v) {
-            this.i.fs = ensureBool(v);
-            this._a("animateSeriesWhenAxisRangeChanges", this.i.fs);
+            this.i.f7 = ensureBool(v);
+            this._a("animateSeriesWhenAxisRangeChanges", this.i.f7);
         }
         /**
          * Gets or sets the palette of brushes to used for coloring trend lines in this chart.
@@ -2364,11 +2608,11 @@ export let IgcDomainChartComponent = /*@__PURE__*/ (() => {
         * ```
         */
         get trendLineType() {
-            return this.i.dt;
+            return this.i.d5;
         }
         set trendLineType(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));
         }
         /**
          * Gets or sets the thickness of the trend lines in this chart.
@@ -2381,11 +2625,11 @@ export let IgcDomainChartComponent = /*@__PURE__*/ (() => {
         * ```
         */
         get trendLineThickness() {
-            return this.i.ji;
+            return this.i.jy;
         }
         set trendLineThickness(v) {
-            this.i.ji = +v;
-            this._a("trendLineThickness", this.i.ji);
+            this.i.jy = +v;
+            this._a("trendLineThickness", this.i.jy);
         }
         /**
          * Gets or sets a value indicating whether grid and tick lines are aligned to device pixels.
@@ -2397,360 +2641,360 @@ export let IgcDomainChartComponent = /*@__PURE__*/ (() => {
         * ```
         */
         get alignsGridLinesToPixels() {
-            return this.i.fr;
+            return this.i.f6;
         }
         set alignsGridLinesToPixels(v) {
-            this.i.fr = ensureBool(v);
-            this._a("alignsGridLinesToPixels", this.i.fr);
+            this.i.f6 = ensureBool(v);
+            this._a("alignsGridLinesToPixels", this.i.f6);
         }
         /**
          * Margin applied to the Left of the plot area.
         */
         get plotAreaMarginLeft() {
-            return this.i.i3;
+            return this.i.jj;
         }
         set plotAreaMarginLeft(v) {
-            this.i.i3 = +v;
-            this._a("plotAreaMarginLeft", this.i.i3);
+            this.i.jj = +v;
+            this._a("plotAreaMarginLeft", this.i.jj);
         }
         /**
          * Margin applied to the Top of the plot area.
         */
         get plotAreaMarginTop() {
-            return this.i.i5;
+            return this.i.jl;
         }
         set plotAreaMarginTop(v) {
-            this.i.i5 = +v;
-            this._a("plotAreaMarginTop", this.i.i5);
+            this.i.jl = +v;
+            this._a("plotAreaMarginTop", this.i.jl);
         }
         /**
          * Margin applied to the right of the plot area.
         */
         get plotAreaMarginRight() {
-            return this.i.i4;
+            return this.i.jk;
         }
         set plotAreaMarginRight(v) {
-            this.i.i4 = +v;
-            this._a("plotAreaMarginRight", this.i.i4);
+            this.i.jk = +v;
+            this._a("plotAreaMarginRight", this.i.jk);
         }
         /**
          * Margin applied below the plot area.
         */
         get plotAreaMarginBottom() {
-            return this.i.i2;
+            return this.i.ji;
         }
         set plotAreaMarginBottom(v) {
-            this.i.i2 = +v;
-            this._a("plotAreaMarginBottom", this.i.i2);
+            this.i.ji = +v;
+            this._a("plotAreaMarginBottom", this.i.ji);
         }
         /**
          * Gets or sets mode to use for automatically calculating the plot area margin.
         */
         get computedPlotAreaMarginMode() {
-            return this.i.a6;
+            return this.i.ba;
         }
         set computedPlotAreaMarginMode(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));
         }
         /**
          * Gets or sets horizontal mode to use for automatically calculating the plot area margin based ont the series.
         */
         get seriesPlotAreaMarginHorizontalMode() {
-            return this.i.de;
+            return this.i.di;
         }
         set seriesPlotAreaMarginHorizontalMode(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));
         }
         /**
          * Gets or sets vertical mode to use for automatically calculating the plot area margin based ont the series.
         */
         get seriesPlotAreaMarginVerticalMode() {
-            return this.i.dg;
+            return this.i.dk;
         }
         set seriesPlotAreaMarginVerticalMode(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));
         }
         /**
-         * 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 highlightingMode() {
-            return this.i.da;
+            return this.i.de;
         }
         set highlightingMode(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));
         }
         /**
-         * 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 highlightingBehavior() {
-            return this.i.c8;
+            return this.i.dc;
         }
         set highlightingBehavior(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));
         }
         /**
          * Gets or sets the highlighting mode to use for the legend linked to the component, when supported.
         */
         get legendHighlightingMode() {
-            return this.i.cd;
+            return this.i.ch;
         }
         set legendHighlightingMode(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));
         }
         /**
          * Gets or sets the type of legend badges representing all series displayed in a legend linked to this component
          * This property will be ignored when the LegendItemTemplate or LegendItemBadgeTemplate property is set on a series
         */
         get legendItemBadgeShape() {
-            return this.i.cj;
+            return this.i.cn;
         }
         set legendItemBadgeShape(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));
         }
         /**
          * Gets or sets the mode of legend badges representing all series displayed in a legend linked to this component.
          * This property will be ignored when the LegendItemTemplate or LegendItemBadgeTemplate property is set on a series
         */
         get legendItemBadgeMode() {
-            return this.i.cf;
+            return this.i.cj;
         }
         set legendItemBadgeMode(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));
         }
         get trendLinePeriod() {
-            return this.i.kd;
+            return this.i.kt;
         }
         set trendLinePeriod(v) {
-            this.i.kd = +v;
-            this._a("trendLinePeriod", this.i.kd);
+            this.i.kt = +v;
+            this._a("trendLinePeriod", this.i.kt);
         }
         /**
          * Gets or sets the style of tooltip to be displayed.
         */
         get toolTipType() {
-            return this.i.dr;
+            return this.i.d3;
         }
         set toolTipType(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));
         }
         /**
          * Gets or sets the crosshairs to be displayed.
         */
         get crosshairsDisplayMode() {
-            return this.i.a9;
+            return this.i.bd;
         }
         set crosshairsDisplayMode(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));
         }
         /**
          * Gets or sets whether crosshairs will snap to the nearest data point.
         */
         get crosshairsSnapToData() {
-            return this.i.fy;
+            return this.i.gd;
         }
         set crosshairsSnapToData(v) {
-            this.i.fy = ensureBool(v);
-            this._a("crosshairsSnapToData", this.i.fy);
+            this.i.gd = ensureBool(v);
+            this._a("crosshairsSnapToData", this.i.gd);
         }
         /**
          * Gets or sets the color to apply to vertical crosshairs line.
         */
         get crosshairsLineVerticalStroke() {
-            return brushToString(this.i.u7);
+            return brushToString(this.i.v3);
         }
         set crosshairsLineVerticalStroke(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));
         }
         /**
          * Gets or sets thickness of crosshairs lines.
         */
         get crosshairsLineThickness() {
-            return this.i.il;
+            return this.i.i2;
         }
         set crosshairsLineThickness(v) {
-            this.i.il = +v;
-            this._a("crosshairsLineThickness", this.i.il);
+            this.i.i2 = +v;
+            this._a("crosshairsLineThickness", this.i.i2);
         }
         /**
          * Gets or sets the color to apply to horizontal crosshairs line.
         */
         get crosshairsLineHorizontalStroke() {
-            return brushToString(this.i.u6);
+            return brushToString(this.i.v2);
         }
         set crosshairsLineHorizontalStroke(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));
         }
         /**
          * Gets or sets whether annotations are shown along the axis for crosshair values
         */
         get crosshairsAnnotationEnabled() {
-            return this.i.fx;
+            return this.i.gc;
         }
         set crosshairsAnnotationEnabled(v) {
-            this.i.fx = ensureBool(v);
-            this._a("crosshairsAnnotationEnabled", this.i.fx);
+            this.i.gc = ensureBool(v);
+            this._a("crosshairsAnnotationEnabled", this.i.gc);
         }
         /**
          * Gets or sets the background of crosshair annotation on x-axis.
         */
         get crosshairsAnnotationXAxisBackground() {
-            return brushToString(this.i.u2);
+            return brushToString(this.i.vy);
         }
         set crosshairsAnnotationXAxisBackground(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));
         }
         /**
          * Gets or sets the background of crosshair annotation on y-axis.
         */
         get crosshairsAnnotationYAxisBackground() {
-            return brushToString(this.i.u4);
+            return brushToString(this.i.v0);
         }
         set crosshairsAnnotationYAxisBackground(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));
         }
         /**
          * Gets or sets the text color of crosshair annotation on x-axis.
         */
         get crosshairsAnnotationXAxisTextColor() {
-            return brushToString(this.i.u3);
+            return brushToString(this.i.vz);
         }
         set crosshairsAnnotationXAxisTextColor(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));
         }
         /**
          * Gets or sets the text color of crosshair annotation on y-axis.
         */
         get crosshairsAnnotationYAxisTextColor() {
-            return brushToString(this.i.u5);
+            return brushToString(this.i.v1);
         }
         set crosshairsAnnotationYAxisTextColor(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));
         }
         /**
          * Gets or sets precision on interpolated values of crosshairs on x-axis.
         */
         get crosshairsAnnotationXAxisPrecision() {
-            return this.i.j6;
+            return this.i.km;
         }
         set crosshairsAnnotationXAxisPrecision(v) {
-            this.i.j6 = +v;
-            this._a("crosshairsAnnotationXAxisPrecision", this.i.j6);
+            this.i.km = +v;
+            this._a("crosshairsAnnotationXAxisPrecision", this.i.km);
         }
         /**
          * Gets or sets precision on interpolated values of crosshairs on y-axis.
         */
         get crosshairsAnnotationYAxisPrecision() {
-            return this.i.j7;
+            return this.i.kn;
         }
         set crosshairsAnnotationYAxisPrecision(v) {
-            this.i.j7 = +v;
-            this._a("crosshairsAnnotationYAxisPrecision", this.i.j7);
+            this.i.kn = +v;
+            this._a("crosshairsAnnotationYAxisPrecision", this.i.kn);
         }
         /**
          * Gets or sets whether annotations for the final value of each series is displayed on the axis.
         */
         get shouldAvoidAxisAnnotationCollisions() {
-            return this.i.gm;
+            return this.i.g2;
         }
         set shouldAvoidAxisAnnotationCollisions(v) {
-            this.i.gm = ensureBool(v);
-            this._a("shouldAvoidAxisAnnotationCollisions", this.i.gm);
+            this.i.g2 = ensureBool(v);
+            this._a("shouldAvoidAxisAnnotationCollisions", this.i.g2);
         }
         /**
-         * 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 shouldPanOnMaximumZoom() {
-            return this.i.go;
+            return this.i.g4;
         }
         set shouldPanOnMaximumZoom(v) {
-            this.i.go = ensureBool(v);
-            this._a("shouldPanOnMaximumZoom", this.i.go);
+            this.i.g4 = ensureBool(v);
+            this._a("shouldPanOnMaximumZoom", this.i.g4);
         }
         /**
          * Gets or sets whether annotations for the final value of each series is displayed on the axis.
         */
         get finalValueAnnotationsVisible() {
-            return this.i.f4;
+            return this.i.gk;
         }
         set finalValueAnnotationsVisible(v) {
-            this.i.f4 = ensureBool(v);
-            this._a("finalValueAnnotationsVisible", this.i.f4);
+            this.i.gk = ensureBool(v);
+            this._a("finalValueAnnotationsVisible", this.i.gk);
         }
         /**
          * Gets or sets the background of final value annotation.
         */
         get finalValueAnnotationsBackground() {
-            return brushToString(this.i.vh);
+            return brushToString(this.i.we);
         }
         set finalValueAnnotationsBackground(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));
         }
         /**
          * Gets or sets the text color of final value annotation.
         */
         get finalValueAnnotationsTextColor() {
-            return brushToString(this.i.vi);
+            return brushToString(this.i.wf);
         }
         set finalValueAnnotationsTextColor(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));
         }
         /**
          * Gets or sets precision on final value annotation.
         */
         get finalValueAnnotationsPrecision() {
-            return this.i.ka;
+            return this.i.kq;
         }
         set finalValueAnnotationsPrecision(v) {
-            this.i.ka = +v;
-            this._a("finalValueAnnotationsPrecision", this.i.ka);
+            this.i.kq = +v;
+            this._a("finalValueAnnotationsPrecision", this.i.kq);
         }
         /**
          * Gets or sets if the auto value callouts should be displayed.
         */
         get autoCalloutsVisible() {
-            return this.i.fu;
+            return this.i.f9;
         }
         set autoCalloutsVisible(v) {
-            this.i.fu = ensureBool(v);
-            this._a("autoCalloutsVisible", this.i.fu);
+            this.i.f9 = ensureBool(v);
+            this._a("autoCalloutsVisible", this.i.f9);
         }
         /**
          * Gets or sets if callouts should be displayed.
         */
         get calloutsVisible() {
-            return this.i.fw;
+            return this.i.gb;
         }
         set calloutsVisible(v) {
-            this.i.fw = ensureBool(v);
-            this._a("calloutsVisible", this.i.fw);
+            this.i.gb = ensureBool(v);
+            this._a("calloutsVisible", this.i.gb);
         }
         /**
          * Gets or sets if event annotations should be displayed.
         */
         get calloutStyleUpdatingEventEnabled() {
-            return this.i.fv;
+            return this.i.ga;
         }
         set calloutStyleUpdatingEventEnabled(v) {
-            this.i.fv = ensureBool(v);
-            this._a("calloutStyleUpdatingEventEnabled", this.i.fv);
+            this.i.ga = ensureBool(v);
+            this._a("calloutStyleUpdatingEventEnabled", this.i.ga);
         }
         /**
          * Gets or sets the allowed positions that the callout layer is allowed to use.
@@ -2788,37 +3032,37 @@ export let IgcDomainChartComponent = /*@__PURE__*/ (() => {
          * Gets or sets the member path of the X data for the callouts.
         */
         get calloutsXMemberPath() {
-            return this.i.lz;
+            return this.i.mf;
         }
         set calloutsXMemberPath(v) {
-            this.i.lz = v;
+            this.i.mf = v;
         }
         /**
          * Gets or sets the member path of the Y data for the callouts.
         */
         get calloutsYMemberPath() {
-            return this.i.l1;
+            return this.i.mh;
         }
         set calloutsYMemberPath(v) {
-            this.i.l1 = v;
+            this.i.mh = v;
         }
         /**
          * Gets or sets the member path of the label data for the callouts.
         */
         get calloutsLabelMemberPath() {
-            return this.i.lv;
+            return this.i.mb;
         }
         set calloutsLabelMemberPath(v) {
-            this.i.lv = v;
+            this.i.mb = v;
         }
         /**
          * Gets or sets the member path of the content data for the callouts.
         */
         get calloutsContentMemberPath() {
-            return this.i.ls;
+            return this.i.l8;
         }
         set calloutsContentMemberPath(v) {
-            this.i.ls = v;
+            this.i.l8 = v;
         }
         /**
          * Gets or sets what value lines to use in the chart.
@@ -2826,12 +3070,12 @@ export let IgcDomainChartComponent = /*@__PURE__*/ (() => {
         get valueLines() {
             if (this._valueLines === null) {
                 let coll = new IgcValueModeCollection();
-                let innerColl = this.i.dx;
+                let 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;
         }
@@ -2843,14 +3087,14 @@ export let IgcDomainChartComponent = /*@__PURE__*/ (() => {
             let coll = new IgcValueModeCollection();
             this._valueLines = coll._fromOuter(v);
             let syncColl = new SyncableObservableCollection$1(ValueLayerValueMode_$type);
-            let innerColl = this.i.dx;
+            let 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;
         }
         /**
          * Gets or sets the palette of brushes to use for coloring the value lines present in the ValueLines property.
@@ -2867,251 +3111,251 @@ export let IgcDomainChartComponent = /*@__PURE__*/ (() => {
          * Gets or sets thickness of value lines.
         */
         get valueLinesThickness() {
-            return this.i.jj;
+            return this.i.jz;
         }
         set valueLinesThickness(v) {
-            this.i.jj = +v;
-            this._a("valueLinesThickness", this.i.jj);
+            this.i.jz = +v;
+            this._a("valueLinesThickness", this.i.jz);
         }
         /**
          * Gets or sets the horizontal scrollbar mode to use for the series viewer.
         */
         get horizontalViewScrollbarMode() {
-            return this.i.dl;
+            return this.i.dw;
         }
         set horizontalViewScrollbarMode(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));
         }
         /**
          * Gets or sets the vertical scrollbar mode to use for the series viewer.
         */
         get verticalViewScrollbarMode() {
-            return this.i.dm;
+            return this.i.dx;
         }
         set verticalViewScrollbarMode(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));
         }
         /**
          * Gets or sets the position to use for the horizontal scrollbar in the component, when enabled.
         */
         get horizontalViewScrollbarPosition() {
-            return this.i.di;
+            return this.i.dt;
         }
         set horizontalViewScrollbarPosition(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));
         }
         /**
          * Gets or sets the position to use for the vertical scrollbar in the component, when enabled.
         */
         get verticalViewScrollbarPosition() {
-            return this.i.dp;
+            return this.i.d1;
         }
         set verticalViewScrollbarPosition(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));
         }
         /**
          * Gets or sets the fill to use for the horizontal scrollbar in the component, when enabled.
         */
         get horizontalViewScrollbarFill() {
-            return brushToString(this.i.vn);
+            return brushToString(this.i.wl);
         }
         set horizontalViewScrollbarFill(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));
         }
         /**
          * Gets or sets the outline to use for the horizontal scrollbar in the component, when enabled.
         */
         get horizontalViewScrollbarOutline() {
-            return brushToString(this.i.vo);
+            return brushToString(this.i.wm);
         }
         set horizontalViewScrollbarOutline(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));
         }
         /**
          * Gets or sets the stroke thickness to use for the horizontal scrollbar in the component, when enabled.
         */
         get horizontalViewScrollbarStrokeThickness() {
-            return this.i.iv;
+            return this.i.jb;
         }
         set horizontalViewScrollbarStrokeThickness(v) {
-            this.i.iv = +v;
-            this._a("horizontalViewScrollbarStrokeThickness", this.i.iv);
+            this.i.jb = +v;
+            this._a("horizontalViewScrollbarStrokeThickness", this.i.jb);
         }
         /**
          * Gets or sets the max opacity to use for the horizontal scrollbar in the component, when enabled.
         */
         get horizontalViewScrollbarMaxOpacity() {
-            return this.i.iu;
+            return this.i.ja;
         }
         set horizontalViewScrollbarMaxOpacity(v) {
-            this.i.iu = +v;
-            this._a("horizontalViewScrollbarMaxOpacity", this.i.iu);
+            this.i.ja = +v;
+            this._a("horizontalViewScrollbarMaxOpacity", this.i.ja);
         }
         /**
          * Gets or sets the corner radius to use for the horizontal scrollbar in the component, when enabled.
         */
         get horizontalViewScrollbarCornerRadius() {
-            return this.i.ir;
+            return this.i.i7;
         }
         set horizontalViewScrollbarCornerRadius(v) {
-            this.i.ir = +v;
-            this._a("horizontalViewScrollbarCornerRadius", this.i.ir);
+            this.i.i7 = +v;
+            this._a("horizontalViewScrollbarCornerRadius", this.i.i7);
         }
         /**
          * Gets or sets the height to use for the horizontal scrollbar in the component, when enabled.
         */
         get horizontalViewScrollbarHeight() {
-            return this.i.is;
+            return this.i.i8;
         }
         set horizontalViewScrollbarHeight(v) {
-            this.i.is = +v;
-            this._a("horizontalViewScrollbarHeight", this.i.is);
+            this.i.i8 = +v;
+            this._a("horizontalViewScrollbarHeight", this.i.i8);
         }
         /**
          * Gets or sets the inset distance to use for the horizontal scrollbar in the component, when enabled.
         */
         get horizontalViewScrollbarInset() {
-            return this.i.it;
+            return this.i.i9;
         }
         set horizontalViewScrollbarInset(v) {
-            this.i.it = +v;
-            this._a("horizontalViewScrollbarInset", this.i.it);
+            this.i.i9 = +v;
+            this._a("horizontalViewScrollbarInset", this.i.i9);
         }
         /**
          * Gets or sets the track start inset to use for the horizontal scrollbar in the component, when enabled.
         */
         get horizontalViewScrollbarTrackStartInset() {
-            return this.i.ix;
+            return this.i.jd;
         }
         set horizontalViewScrollbarTrackStartInset(v) {
-            this.i.ix = +v;
-            this._a("horizontalViewScrollbarTrackStartInset", this.i.ix);
+            this.i.jd = +v;
+            this._a("horizontalViewScrollbarTrackStartInset", this.i.jd);
         }
         /**
          * Gets or sets the track end inset to use for the horizontal scrollbar in the component, when enabled.
         */
         get horizontalViewScrollbarTrackEndInset() {
-            return this.i.iw;
+            return this.i.jc;
         }
         set horizontalViewScrollbarTrackEndInset(v) {
-            this.i.iw = +v;
-            this._a("horizontalViewScrollbarTrackEndInset", this.i.iw);
+            this.i.jc = +v;
+            this._a("horizontalViewScrollbarTrackEndInset", this.i.jc);
         }
         /**
          * Gets or sets whether to use automatic track insets for the horizontal scrollbar in the component, when enabled.
         */
         get horizontalViewScrollbarShouldAddAutoTrackInsets() {
-            return this.i.f6;
+            return this.i.gm;
         }
         set horizontalViewScrollbarShouldAddAutoTrackInsets(v) {
-            this.i.f6 = ensureBool(v);
-            this._a("horizontalViewScrollbarShouldAddAutoTrackInsets", this.i.f6);
+            this.i.gm = ensureBool(v);
+            this._a("horizontalViewScrollbarShouldAddAutoTrackInsets", this.i.gm);
         }
         /**
          * Gets or sets the fill to use for the vertical scrollbar in the component, when enabled.
         */
         get verticalViewScrollbarFill() {
-            return brushToString(this.i.vs);
+            return brushToString(this.i.wr);
         }
         set verticalViewScrollbarFill(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));
         }
         /**
          * Gets or sets the outline to use for the vertical scrollbar in the component, when enabled.
         */
         get verticalViewScrollbarOutline() {
-            return brushToString(this.i.vt);
+            return brushToString(this.i.ws);
         }
         set verticalViewScrollbarOutline(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));
         }
         /**
          * Gets or sets the stroke thickness to use for the vertical scrollbar in the component, when enabled.
         */
         get verticalViewScrollbarStrokeThickness() {
-            return this.i.jn;
+            return this.i.j3;
         }
         set verticalViewScrollbarStrokeThickness(v) {
-            this.i.jn = +v;
-            this._a("verticalViewScrollbarStrokeThickness", this.i.jn);
+            this.i.j3 = +v;
+            this._a("verticalViewScrollbarStrokeThickness", this.i.j3);
         }
         /**
          * Gets or sets the max opacity to use for the vertical scrollbar in the component, when enabled.
         */
         get verticalViewScrollbarMaxOpacity() {
-            return this.i.jm;
+            return this.i.j2;
         }
         set verticalViewScrollbarMaxOpacity(v) {
-            this.i.jm = +v;
-            this._a("verticalViewScrollbarMaxOpacity", this.i.jm);
+            this.i.j2 = +v;
+            this._a("verticalViewScrollbarMaxOpacity", this.i.j2);
         }
         /**
          * Gets or sets the corner radius to use for the vertical scrollbar in the component, when enabled.
         */
         get verticalViewScrollbarCornerRadius() {
-            return this.i.jk;
+            return this.i.j0;
         }
         set verticalViewScrollbarCornerRadius(v) {
-            this.i.jk = +v;
-            this._a("verticalViewScrollbarCornerRadius", this.i.jk);
+            this.i.j0 = +v;
+            this._a("verticalViewScrollbarCornerRadius", this.i.j0);
         }
         /**
          * Gets or sets the width to use for the vertical scrollbar in the component, when enabled.
         */
         get verticalViewScrollbarWidth() {
-            return this.i.jq;
+            return this.i.j6;
         }
         set verticalViewScrollbarWidth(v) {
-            this.i.jq = +v;
-            this._a("verticalViewScrollbarWidth", this.i.jq);
+            this.i.j6 = +v;
+            this._a("verticalViewScrollbarWidth", this.i.j6);
         }
         /**
          * Gets or sets the inset distance to use for the vertical scrollbar in the component, when enabled.
         */
         get verticalViewScrollbarInset() {
-            return this.i.jl;
+            return this.i.j1;
         }
         set verticalViewScrollbarInset(v) {
-            this.i.jl = +v;
-            this._a("verticalViewScrollbarInset", this.i.jl);
+            this.i.j1 = +v;
+            this._a("verticalViewScrollbarInset", this.i.j1);
         }
         /**
          * Gets or sets the track start inset to use for the vertical scrollbar in the component, when enabled.
         */
         get verticalViewScrollbarTrackStartInset() {
-            return this.i.jp;
+            return this.i.j5;
         }
         set verticalViewScrollbarTrackStartInset(v) {
-            this.i.jp = +v;
-            this._a("verticalViewScrollbarTrackStartInset", this.i.jp);
+            this.i.j5 = +v;
+            this._a("verticalViewScrollbarTrackStartInset", this.i.j5);
         }
         /**
          * Gets or sets the track end inset to use for the vertical scrollbar in the component, when enabled.
         */
         get verticalViewScrollbarTrackEndInset() {
-            return this.i.jo;
+            return this.i.j4;
         }
         set verticalViewScrollbarTrackEndInset(v) {
-            this.i.jo = +v;
-            this._a("verticalViewScrollbarTrackEndInset", this.i.jo);
+            this.i.j4 = +v;
+            this._a("verticalViewScrollbarTrackEndInset", this.i.j4);
         }
         /**
          * Gets or sets whether to use automatic track insets for the vertical scrollbar in the component, when enabled.
         */
         get verticalViewScrollbarShouldAddAutoTrackInsets() {
-            return this.i.gr;
+            return this.i.g7;
         }
         set verticalViewScrollbarShouldAddAutoTrackInsets(v) {
-            this.i.gr = ensureBool(v);
-            this._a("verticalViewScrollbarShouldAddAutoTrackInsets", this.i.gr);
+            this.i.g7 = ensureBool(v);
+            this._a("verticalViewScrollbarShouldAddAutoTrackInsets", this.i.g7);
         }
         /**
          * Sets or gets the minimum width that the window rect is allowed to reach before being clamped.
@@ -3120,11 +3364,11 @@ export let IgcDomainChartComponent = /*@__PURE__*/ (() => {
          * This property accepts values between 0.0 (max zooming) and 1.0 (no zooming)
         */
         get windowRectMinWidth() {
-            return this.i.js;
+            return this.i.j8;
         }
         set windowRectMinWidth(v) {
-            this.i.js = +v;
-            this._a("windowRectMinWidth", this.i.js);
+            this.i.j8 = +v;
+            this._a("windowRectMinWidth", this.i.j8);
         }
         /**
          * Sets or gets the minimum height that the window rect is allowed to reach before being clamped.
@@ -3133,11 +3377,11 @@ export let IgcDomainChartComponent = /*@__PURE__*/ (() => {
          * This property accepts values between 0.0 (max zooming) and 1.0 (no zooming)
         */
         get windowRectMinHeight() {
-            return this.i.jr;
+            return this.i.j7;
         }
         set windowRectMinHeight(v) {
-            this.i.jr = +v;
-            this._a("windowRectMinHeight", this.i.jr);
+            this.i.j7 = +v;
+            this._a("windowRectMinHeight", this.i.j7);
         }
         /**
          * Sets or gets minimum pixel width that the window is allowed to reach before being clamped.
@@ -3146,11 +3390,11 @@ export let IgcDomainChartComponent = /*@__PURE__*/ (() => {
          * This property is overridden by the WindowRectMinWidth property
         */
         get windowSizeMinWidth() {
-            return this.i.ju;
+            return this.i.ka;
         }
         set windowSizeMinWidth(v) {
-            this.i.ju = +v;
-            this._a("windowSizeMinWidth", this.i.ju);
+            this.i.ka = +v;
+            this._a("windowSizeMinWidth", this.i.ka);
         }
         /**
          * Sets or gets minimum pixel height that the window is allowed to reach before being clamped.
@@ -3159,11 +3403,11 @@ export let IgcDomainChartComponent = /*@__PURE__*/ (() => {
          * This property is overridden by the WindowRectMinHeight property
         */
         get windowSizeMinHeight() {
-            return this.i.jt;
+            return this.i.j9;
         }
         set windowSizeMinHeight(v) {
-            this.i.jt = +v;
-            this._a("windowSizeMinHeight", this.i.jt);
+            this.i.j9 = +v;
+            this._a("windowSizeMinHeight", this.i.j9);
         }
         findByName(name) {
             if (this.findEphemera) {
@@ -3195,6 +3439,12 @@ export let IgcDomainChartComponent = /*@__PURE__*/ (() => {
             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);
             }
@@ -3320,7 +3570,7 @@ export let IgcDomainChartComponent = /*@__PURE__*/ (() => {
             this.i.notifyResized();
         }
         notifyVisualPropertiesChanged() {
-            this.i.s4();
+            this.i.tv();
         }
         /**
          * Forces any pending refresh to the chart to be finished.
@@ -3333,7 +3583,7 @@ export let IgcDomainChartComponent = /*@__PURE__*/ (() => {
         * ```
         */
         flush() {
-            this.i.sa();
+            this.i.s1();
         }
         /**
          * Hides the active main tooltip, if displayed.
@@ -3346,35 +3596,35 @@ export let IgcDomainChartComponent = /*@__PURE__*/ (() => {
         * ```
         */
         hideToolTip() {
-            this.i.si();
+            this.i.s9();
         }
         /**
          * Replays transition-in animation on all series in the chart.
         
         */
         replayTransitionIn() {
-            this.i.tx();
+            this.i.uq();
         }
         /**
          * Performs zoom in action on the chart by specified percentage of current window rect
         
         */
         zoomIn(percentage) {
-            this.i.t9(percentage);
+            this.i.u2(percentage);
         }
         /**
          * Performs zoom out action on the chart by specified percentage of current window rect
         
         */
         zoomOut(percentage) {
-            this.i.ua(percentage);
+            this.i.u3(percentage);
         }
         /**
          * Resets the zoom level to default.
         
         */
         resetZoom() {
-            this.i.t5();
+            this.i.uy();
         }
         getDesiredToolbarActions() {
             let iv = this.i.getDesiredToolbarActions();
@@ -3393,7 +3643,7 @@ export let IgcDomainChartComponent = /*@__PURE__*/ (() => {
             this.i.removeCommandStateChangedListener(listener);
         }
         notifySetItem(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.
@@ -3406,13 +3656,13 @@ export let IgcDomainChartComponent = /*@__PURE__*/ (() => {
         * ```
         */
         notifyClearItems(source_) {
-            this.i.sz(source_);
+            this.i.tq(source_);
         }
         notifyInsertItem(source_, index, newItem) {
-            this.i.s0(source_, index, newItem);
+            this.i.tr(source_, index, newItem);
         }
         notifyRemoveItem(source_, index, oldItem) {
-            this.i.s1(source_, index, oldItem);
+            this.i.ts(source_, index, oldItem);
         }
         /**
          * Event raised when a series is initialized and added to this chart.
@@ -3697,6 +3947,52 @@ export let IgcDomainChartComponent = /*@__PURE__*/ (() => {
             this.i.calloutRenderStyleUpdating = delegateCombine(this.i.calloutRenderStyleUpdating, this._calloutRenderStyleUpdating_wrapped);
             ;
         }
+        get selectedSeriesItemsChanged() {
+            return this._selectedSeriesItemsChanged;
+        }
+        set selectedSeriesItemsChanged(ev) {
+            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 = (o, e) => {
+                let 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);
+            ;
+        }
+        get focusedSeriesItemsChanged() {
+            return this._focusedSeriesItemsChanged;
+        }
+        set focusedSeriesItemsChanged(ev) {
+            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 = (o, e) => {
+                let 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);
+            ;
+        }
         get filterStringErrorsParsing() {
             return this._filterStringErrorsParsing;
         }