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

package/esm2015/lib/igc-series-component.js

@@ -27,6 +27,8 @@ import { SeriesHighlightedValuesDisplayMode_$type } from './SeriesHighlightedVal
 import { IgcSeriesLayerPropertyOverlayCollection } from './igc-series-layer-property-overlay-collection';
 import { SeriesLayerPropertyOverlayCollection as SeriesLayerPropertyOverlayCollection_internal } from './SeriesLayerPropertyOverlayCollection';
 import { SeriesLayerPropertyOverlay } from './SeriesLayerPropertyOverlay';
+import { SeriesSelectionMode_$type } from './SeriesSelectionMode';
+import { IgcTransitionOutCompletedEventArgs } from './igc-transition-out-completed-event-args';
 //import { DataLegendSeriesContext, DataLegendSeriesContext_$type } from 'igniteui-core/DataLegendSeriesContext';
 //import { DataLegendSeriesInfo, DataLegendSeriesInfo_$type } from 'igniteui-core/DataLegendSeriesInfo';
 /**
@@ -78,6 +80,8 @@ export let IgcSeriesComponent = /*@__PURE__*/ (() => {
             this._stylingContainer = null;
             this._stylingParent = null;
             this._inStyling = false;
+            this._transitionOutCompleted = null;
+            this._transitionOutCompleted_wrapped = null;
             this._renderRequested = null;
             this._renderRequested_wrapped = null;
             NamePatcher.ensureStylablePatched(Object.getPrototypeOf(this));
@@ -301,6 +305,26 @@ export let IgcSeriesComponent = /*@__PURE__*/ (() => {
         get dataLegendKey() {
             return this.i.dataLegendKey;
         }
+        /**
+         * Gets or sets a name used for grouping multiple series in the Data Legend
+         * If not set, series will be grouped by series family, e.g. Category, Range, Financial, Scatter
+        */
+        get dataLegendGroup() {
+            return this.i.k8;
+        }
+        set dataLegendGroup(v) {
+            this.i.k8 = v;
+        }
+        /**
+         * Gets or sets a name used for grouping highlighted series in the Data Legend
+         * If not set, series will default to parent series' DataLegendGroup, e.g. Category, Range, Financial, Scatter
+        */
+        get highlightedValuesDataLegendGroup() {
+            return this.i.ln;
+        }
+        set highlightedValuesDataLegendGroup(v) {
+            this.i.ln = v;
+        }
         /**
          * Gets whether the series is an annotation layer.
         *
@@ -309,38 +333,38 @@ export let IgcSeriesComponent = /*@__PURE__*/ (() => {
         * ```
         */
         get isAnnotationLayer() {
-            return this.i.d7;
+            return this.i.ed;
         }
         /**
          * Gets whether the series is an crosshair annotation layer.
         */
         get isAnnotationCrosshairLayer() {
-            return this.i.d4;
+            return this.i.ea;
         }
         /**
          * Gets whether the series is an callout annotation layer.
         */
         get isAnnotationCalloutLayer() {
-            return this.i.d3;
+            return this.i.d9;
         }
         /**
          * Gets whether the series is an annotation layer displayed only when hovering over the chart.
          * Crosshair Layer, Category Highlight Layer, Category Tooltip Layer, Item Tooltip Layer
         */
         get isAnnotationHoverLayer() {
-            return this.i.d6;
+            return this.i.ec;
         }
         /**
          * Gets whether the series is final value annotation layer.
         */
         get isAnnotationFinalValue() {
-            return this.i.d5;
+            return this.i.eb;
         }
         /**
          * Gets whether the series is a value annotation layer.
         */
         get isAnnotationValueLayer() {
-            return this.i.d8;
+            return this.i.ee;
         }
         /**
          * Gets whether the current series is oriented vertically.
@@ -360,7 +384,7 @@ export let IgcSeriesComponent = /*@__PURE__*/ (() => {
         * ```
         */
         get isFragment() {
-            return this.i.eq;
+            return this.i.ew;
         }
         /**
          * Gets whether the current series shows an area or line shape.
@@ -370,103 +394,103 @@ export let IgcSeriesComponent = /*@__PURE__*/ (() => {
         * ```
         */
         get isAreaOrLine() {
-            return this.i.ea;
+            return this.i.eg;
         }
         /**
          * Gets whether the current series shows an area shape.
         */
         get isArea() {
-            return this.i.d9;
+            return this.i.ef;
         }
         /**
          * Gets whether the current series shows an area shape.
         */
         get hasValueAxis() {
-            return this.i.d0;
+            return this.i.d6;
         }
         /**
          * Gets whether the current series shows an area shape.
         */
         get isValueAxisInverted() {
-            return this.i.fj;
+            return this.i.fq;
         }
         /**
          * Gets whether the current series shows only line shapes.
         */
         get isLineOnly() {
-            return this.i.ey;
+            return this.i.e5;
         }
         /**
          * Gets whether the current series shows a line contour shape.
         */
         get isLineContour() {
-            return this.i.ex;
+            return this.i.e4;
         }
         /**
          * Gets whether the current series shows a spline shape.
         */
         get isSpline() {
-            return this.i.fe;
+            return this.i.fl;
         }
         /**
          * Gets whether the current series shows a column shape.
         */
         get isColumn() {
-            return this.i.ee;
+            return this.i.ek;
         }
         /**
          * Gets whether the current series shows a horizontal column shape.
         */
         get isBar() {
-            return this.i.ec;
+            return this.i.ei;
         }
         /**
          * Gets whether the current series shows a waterfall column shape.
         */
         get isWaterfall() {
-            return this.i.fk;
+            return this.i.fr;
         }
         /**
          * Gets whether the current series shows a polyline shape.
         */
         get isPolyline() {
-            return this.i.e5;
+            return this.i.fc;
         }
         /**
          * Gets whether the current series shows a polygon shape.
         */
         get isPolygon() {
-            return this.i.e4;
+            return this.i.fb;
         }
         /**
          * Gets whether the current series shows pixels.
         */
         get isPixel() {
-            return this.i.e2;
+            return this.i.e9;
         }
         /**
          * Gets whether the current series shows a pie shape.
         */
         get isPie() {
-            return this.i.e1;
+            return this.i.e8;
         }
         /**
          * Gets whether the current series shows a tile imagery.
         */
         get isTile() {
-            return this.i.fh;
+            return this.i.fo;
         }
         /**
          * Gets whether the current series shows step shapes.
         */
         get isStep() {
-            return this.i.ff;
+            return this.i.fm;
         }
         /**
          * Gets whether the current series shows interactive shape controls.
         */
         get isShapeControl() {
-            return this.i.fc;
+            return this.i.fj;
         }
         /**
          * Gets whether the current series is a polar type series.
@@ -476,7 +500,7 @@ export let IgcSeriesComponent = /*@__PURE__*/ (() => {
         * ```
         */
         get isPolar() {
-            return this.i.e3;
+            return this.i.fa;
         }
         /**
          * Gets whether the current series is a scatter type series.
@@ -486,7 +510,7 @@ export let IgcSeriesComponent = /*@__PURE__*/ (() => {
         * ```
         */
         get isScatter() {
-            return this.i.fa;
+            return this.i.fh;
         }
         /**
          * Gets whether the current series is a radial type series.
@@ -496,7 +520,7 @@ export let IgcSeriesComponent = /*@__PURE__*/ (() => {
         * ```
         */
         get isRadial() {
-            return this.i.e7;
+            return this.i.fe;
         }
         /**
          * Gets whether the current series is a stacked type series.
@@ -516,7 +540,7 @@ export let IgcSeriesComponent = /*@__PURE__*/ (() => {
         * ```
         */
         get isFinancial() {
-            return this.i.el;
+            return this.i.er;
         }
         /**
          * Gets whether the current series is a range type series.
@@ -526,7 +550,7 @@ export let IgcSeriesComponent = /*@__PURE__*/ (() => {
         * ```
         */
         get isRange() {
-            return this.i.e8;
+            return this.i.ff;
         }
         /**
          * Gets whether the current series is a category type series.
@@ -536,7 +560,7 @@ export let IgcSeriesComponent = /*@__PURE__*/ (() => {
         * ```
         */
         get isCategory() {
-            return this.i.ed;
+            return this.i.ej;
         }
         /**
          * Gets whether the current series is a geographic series.
@@ -546,13 +570,13 @@ export let IgcSeriesComponent = /*@__PURE__*/ (() => {
         * ```
         */
         get isGeographic() {
-            return this.i.er;
+            return this.i.ex;
         }
         /**
          * Gets whether the current series is a shape type series.
         */
         get isShape() {
-            return this.i.fb;
+            return this.i.fi;
         }
         /**
          * Gets whether the series is a value overlay.
@@ -560,6 +584,15 @@ export let IgcSeriesComponent = /*@__PURE__*/ (() => {
         get isValueOverlay() {
             return this.i.isValueOverlay;
         }
+        /**
+         * Gets whether the series is a highlight overlay.
+        */
+        get isHighlightOverlay() {
+            return this.i.e0;
+        }
+        /**
+         * Gets whether the series supports summarization in Data Legend and Data Tooltip.
+        */
         get isSummarizationSupported() {
             return this.i.isSummarizationSupported;
         }
@@ -567,31 +600,31 @@ export let IgcSeriesComponent = /*@__PURE__*/ (() => {
          * Gets whether the series has only marker as visuals
         */
         get hasOnlyMarkers() {
-            return this.i.dy;
+            return this.i.d4;
         }
         /**
          * Gets whether the series has financial OHLC/candlestick visuals
         */
         get isFinancialSeries() {
-            return this.i.eo;
+            return this.i.eu;
         }
         /**
          * Gets whether the series is financial overlay
         */
         get isFinancialOverlay() {
-            return this.i.en;
+            return this.i.et;
         }
         /**
          * Gets whether the series is financial indicator
         */
         get isFinancialIndicator() {
-            return this.i.em;
+            return this.i.es;
         }
         /**
          * Gets whether the series is financial waterfall
         */
         get isFinancialWaterfall() {
-            return this.i.ep;
+            return this.i.ev;
         }
         /**
          * Gets whether the default crosshair behavior should be disabled if this series is present.
@@ -603,7 +636,7 @@ export let IgcSeriesComponent = /*@__PURE__*/ (() => {
         * ```
         */
         get isDefaultCrosshairBehaviorDisabled() {
-            return this.i.eg;
+            return this.i.em;
         }
         /**
          * Gets whether the default tooltip behavior should be disabled if this series is present.
@@ -613,7 +646,7 @@ export let IgcSeriesComponent = /*@__PURE__*/ (() => {
         * ```
         */
         get isDefaultTooltipBehaviorDisabled() {
-            return this.i.eh;
+            return this.i.en;
         }
         /**
          * Returns whether the current series supports visual markers.
@@ -631,7 +664,7 @@ export let IgcSeriesComponent = /*@__PURE__*/ (() => {
         get highlightedValuesExtraPropertyOverlays() {
             if (this._highlightedValuesExtraPropertyOverlays === null) {
                 let coll = new IgcSeriesLayerPropertyOverlayCollection();
-                let innerColl = this.i.b6;
+                let innerColl = this.i.b5;
                 if (!innerColl) {
                     innerColl = new SeriesLayerPropertyOverlayCollection_internal();
                 }
@@ -647,7 +680,7 @@ export let IgcSeriesComponent = /*@__PURE__*/ (() => {
             let coll = new IgcSeriesLayerPropertyOverlayCollection();
             this._highlightedValuesExtraPropertyOverlays = coll._fromOuter(v);
             let syncColl = new SyncableObservableCollection$1(SeriesLayerPropertyOverlay.$type);
-            let innerColl = this.i.b6;
+            let innerColl = this.i.b5;
             if (!innerColl) {
                 innerColl = new SeriesLayerPropertyOverlayCollection_internal();
             }
@@ -663,7 +696,7 @@ export let IgcSeriesComponent = /*@__PURE__*/ (() => {
         * ```
         */
         get isIndexed() {
-            return this.i.eu;
+            return this.i.e1;
         }
         /**
          * Gets if the series should appear in any legends.
@@ -676,16 +709,16 @@ export let IgcSeriesComponent = /*@__PURE__*/ (() => {
             return this.i.isUsableInLegend;
         }
         /**
-         * Gets or sets the legend item visibility for the current series object.
+         * Gets or sets whether or not the current series will have a legend item displayed in a legend.
         *
         * The `LegendItemVisibilty` can be used to exclude only certain `Series` from the `Legend`.
         */
         get legendItemVisibility() {
-            return this.i.t2;
+            return this.i.legendItemVisibility;
         }
         set legendItemVisibility(v) {
-            this.i.t2 = ensureEnum(Visibility_$type, v);
-            this._a("legendItemVisibility", enumToString(Visibility_$type, this.i.t2));
+            this.i.legendItemVisibility = ensureEnum(Visibility_$type, v);
+            this._a("legendItemVisibility", enumToString(Visibility_$type, this.i.legendItemVisibility));
         }
         /**
          * Gets or sets the LegendItemBadgeTemplate property.
@@ -702,30 +735,30 @@ export let IgcSeriesComponent = /*@__PURE__*/ (() => {
          * Gets the actual legend item badge template used by the series.
         */
         get actualLegendItemBadgeTemplate() {
-            return this.i.qu;
+            return this.i.rp;
         }
         set actualLegendItemBadgeTemplate(v) {
-            this.i.qu = v;
+            this.i.rp = v;
         }
         /**
          * Gets the effective legend badge outline for the current series.
         */
         get actualLegendItemBadgeOutline() {
-            return brushToString(this.i.sw);
+            return brushToString(this.i.tz);
         }
         set actualLegendItemBadgeOutline(v) {
-            this.i.sw = stringToBrush(v);
-            this._a("actualLegendItemBadgeOutline", brushToString(this.i.sw));
+            this.i.tz = stringToBrush(v);
+            this._a("actualLegendItemBadgeOutline", brushToString(this.i.tz));
         }
         /**
          * Gets the effective legend badge fill for the current series.
         */
         get actualLegendItemBadgeBrush() {
-            return brushToString(this.i.sv);
+            return brushToString(this.i.ty);
         }
         set actualLegendItemBadgeBrush(v) {
-            this.i.sv = stringToBrush(v);
-            this._a("actualLegendItemBadgeBrush", brushToString(this.i.sv));
+            this.i.ty = stringToBrush(v);
+            this._a("actualLegendItemBadgeBrush", brushToString(this.i.ty));
         }
         /**
          * Gets or sets the type of legend badge representing the current series in a legend.
@@ -743,11 +776,11 @@ export let IgcSeriesComponent = /*@__PURE__*/ (() => {
          * This property will be ignored when the LegendItemTemplate/LegendItemBadgeTemplate property is set on the series
         */
         get legendItemBadgeMode() {
-            return this.i.a6;
+            return this.i.a5;
         }
         set legendItemBadgeMode(v) {
-            this.i.a6 = ensureEnum(LegendItemBadgeMode_$type, v);
-            this._a("legendItemBadgeMode", enumToString(LegendItemBadgeMode_$type, this.i.a6));
+            this.i.a5 = ensureEnum(LegendItemBadgeMode_$type, v);
+            this._a("legendItemBadgeMode", enumToString(LegendItemBadgeMode_$type, this.i.a5));
         }
         /**
          * Gets or sets the LegendItemTemplate property.
@@ -766,10 +799,10 @@ export let IgcSeriesComponent = /*@__PURE__*/ (() => {
          * the series object itself.
         */
         get discreteLegendItemTemplate() {
-            return this.i.qv;
+            return this.i.rq;
         }
         set discreteLegendItemTemplate(v) {
-            this.i.qv = v;
+            this.i.rq = v;
         }
         /**
          * Gets or sets the easing function used to morph the current series.
@@ -781,10 +814,10 @@ export let IgcSeriesComponent = /*@__PURE__*/ (() => {
         * ```
         */
         get transitionEasingFunction() {
-            return this.i.cx;
+            return this.i.c3;
         }
         set transitionEasingFunction(v) {
-            this.i.cx = v;
+            this.i.c3 = v;
         }
         /**
          * Gets or sets the EasingFunction used to morph the current series during the initial transition.
@@ -796,22 +829,22 @@ export let IgcSeriesComponent = /*@__PURE__*/ (() => {
         * ```
         */
         get transitionInEasingFunction() {
-            return this.i.cy;
+            return this.i.c4;
         }
         set transitionInEasingFunction(v) {
-            this.i.cy = v;
+            this.i.c4 = v;
         }
         /**
          * Gets or sets the EasingFunction used to morph the current series during the initial transition.
         */
         get transitionOutEasingFunction() {
-            return this.i.cz;
+            return this.i.c5;
         }
         set transitionOutEasingFunction(v) {
-            this.i.cz = v;
+            this.i.c5 = v;
         }
         /**
-         * Gets or sets the duration of the current series's morph.
+         * Gets or sets the duration of the current series' morph.
         *
         * The `TransitionDuration` can be used to play animation when data is added or removed from a `Series`. To play an initial animation see `TransitionInDuration`.
         *
@@ -820,18 +853,18 @@ export let IgcSeriesComponent = /*@__PURE__*/ (() => {
         * ```
         */
         get transitionDuration() {
-            return this.i.jj;
+            return this.i.jt;
         }
         set transitionDuration(v) {
-            this.i.jj = +v;
-            this._a("transitionDuration", this.i.jj);
+            this.i.jt = +v;
+            this._a("transitionDuration", this.i.jt);
         }
         get actualResolution() {
-            return this.i.hk;
+            return this.i.hu;
         }
         set actualResolution(v) {
-            this.i.hk = +v;
-            this._a("actualResolution", this.i.hk);
+            this.i.hu = +v;
+            this._a("actualResolution", this.i.hu);
         }
         /**
          * Gets or sets the current series object's rendering resolution.
@@ -843,51 +876,51 @@ export let IgcSeriesComponent = /*@__PURE__*/ (() => {
         * ```
         */
         get resolution() {
-            return this.i.ip;
+            return this.i.iz;
         }
         set resolution(v) {
-            this.i.ip = +v;
-            this._a("resolution", this.i.ip);
+            this.i.iz = +v;
+            this._a("resolution", this.i.iz);
         }
         /**
          * Gets or sets the top margin to use when getting a visible axis range for the series.
         */
         get visibleRangeMarginTop() {
-            return this.i.i0;
+            return this.i.ja;
         }
         set visibleRangeMarginTop(v) {
-            this.i.i0 = +v;
-            this._a("visibleRangeMarginTop", this.i.i0);
+            this.i.ja = +v;
+            this._a("visibleRangeMarginTop", this.i.ja);
         }
         /**
          * Gets or sets the bottom margin to use when getting a visible axis range for the series.
         */
         get visibleRangeMarginBottom() {
-            return this.i.ix;
+            return this.i.i7;
         }
         set visibleRangeMarginBottom(v) {
-            this.i.ix = +v;
-            this._a("visibleRangeMarginBottom", this.i.ix);
+            this.i.i7 = +v;
+            this._a("visibleRangeMarginBottom", this.i.i7);
         }
         /**
          * Gets or sets the left margin to use when getting a visible axis range for the series.
         */
         get visibleRangeMarginLeft() {
-            return this.i.iy;
+            return this.i.i8;
         }
         set visibleRangeMarginLeft(v) {
-            this.i.iy = +v;
-            this._a("visibleRangeMarginLeft", this.i.iy);
+            this.i.i8 = +v;
+            this._a("visibleRangeMarginLeft", this.i.i8);
         }
         /**
          * Gets or sets the right margin to use when getting a visible axis range for the series.
         */
         get visibleRangeMarginRight() {
-            return this.i.iz;
+            return this.i.i9;
         }
         set visibleRangeMarginRight(v) {
-            this.i.iz = +v;
-            this._a("visibleRangeMarginRight", this.i.iz);
+            this.i.i9 = +v;
+            this._a("visibleRangeMarginRight", this.i.i9);
         }
         /**
          * Gets or sets the Title property.
@@ -910,10 +943,10 @@ export let IgcSeriesComponent = /*@__PURE__*/ (() => {
          * Gets or sets the HighlightedTitleSuffix property.
         */
         get highlightedTitleSuffix() {
-            return this.i.k2;
+            return this.i.ll;
         }
         set highlightedTitleSuffix(v) {
-            this.i.k2 = v;
+            this.i.ll = v;
         }
         /**
          * Gets or sets the brush to use for the series.
@@ -925,11 +958,11 @@ export let IgcSeriesComponent = /*@__PURE__*/ (() => {
         * ```
         */
         get brush() {
-            return brushToString(this.i.sy);
+            return brushToString(this.i.t2);
         }
         set brush(v) {
-            this.i.sy = stringToBrush(v);
-            this._a("brush", brushToString(this.i.sy));
+            this.i.t2 = stringToBrush(v);
+            this._a("brush", brushToString(this.i.t2));
         }
         /**
          * Gets the effective brush for the current series object.
@@ -939,11 +972,51 @@ export let IgcSeriesComponent = /*@__PURE__*/ (() => {
         * ```
         */
         get actualBrush() {
-            return brushToString(this.i.su);
+            return brushToString(this.i.tw);
         }
         set actualBrush(v) {
-            this.i.su = stringToBrush(v);
-            this._a("actualBrush", brushToString(this.i.su));
+            this.i.tw = stringToBrush(v);
+            this._a("actualBrush", brushToString(this.i.tw));
+        }
+        /**
+         * Gets or sets the selection brush to use for the series.
+        */
+        get selectionBrush() {
+            return brushToString(this.i.uh);
+        }
+        set selectionBrush(v) {
+            this.i.uh = stringToBrush(v);
+            this._a("selectionBrush", brushToString(this.i.uh));
+        }
+        /**
+         * Gets or sets the Focus brush to use for the series.
+        */
+        get focusBrush() {
+            return brushToString(this.i.t7);
+        }
+        set focusBrush(v) {
+            this.i.t7 = stringToBrush(v);
+            this._a("focusBrush", brushToString(this.i.t7));
+        }
+        /**
+         * Gets the effective emphasis brush for the current series object.
+        */
+        get actualSelectionBrush() {
+            return brushToString(this.i.t1);
+        }
+        set actualSelectionBrush(v) {
+            this.i.t1 = stringToBrush(v);
+            this._a("actualSelectionBrush", brushToString(this.i.t1));
+        }
+        /**
+         * Gets the effective emphasis brush for the current series object.
+        */
+        get actualFocusBrush() {
+            return brushToString(this.i.tx);
+        }
+        set actualFocusBrush(v) {
+            this.i.tx = stringToBrush(v);
+            this._a("actualFocusBrush", brushToString(this.i.tx));
         }
         /**
          * Gets the effective brush for the current series object with opacity removed so its contrasty for use as a font color.
@@ -966,11 +1039,11 @@ export let IgcSeriesComponent = /*@__PURE__*/ (() => {
         * ```
         */
         get outline() {
-            return brushToString(this.i.s4);
+            return brushToString(this.i.ud);
         }
         set outline(v) {
-            this.i.s4 = stringToBrush(v);
-            this._a("outline", brushToString(this.i.s4));
+            this.i.ud = stringToBrush(v);
+            this._a("outline", brushToString(this.i.ud));
         }
         /**
          * Gets the effective outline for the current series object.
@@ -980,41 +1053,41 @@ export let IgcSeriesComponent = /*@__PURE__*/ (() => {
         * ```
         */
         get actualOutline() {
-            return brushToString(this.i.sx);
+            return brushToString(this.i.t0);
         }
         set actualOutline(v) {
-            this.i.sx = stringToBrush(v);
-            this._a("actualOutline", brushToString(this.i.sx));
+            this.i.t0 = stringToBrush(v);
+            this._a("actualOutline", brushToString(this.i.t0));
         }
         /**
          * Gets or sets the brush that specifies current series object's line join style.
         */
         get lineJoin() {
-            return this.i.tc;
+            return this.i.un;
         }
         set lineJoin(v) {
-            this.i.tc = ensureEnum(PenLineJoin_$type, v);
-            this._a("lineJoin", enumToString(PenLineJoin_$type, this.i.tc));
+            this.i.un = ensureEnum(PenLineJoin_$type, v);
+            this._a("lineJoin", enumToString(PenLineJoin_$type, this.i.un));
         }
         /**
          * 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.
         */
         get highlightedValuesDisplayMode() {
-            return this.i.bn;
+            return this.i.bm;
         }
         set highlightedValuesDisplayMode(v) {
-            this.i.bn = ensureEnum(SeriesHighlightedValuesDisplayMode_$type, v);
-            this._a("highlightedValuesDisplayMode", enumToString(SeriesHighlightedValuesDisplayMode_$type, this.i.bn));
+            this.i.bm = ensureEnum(SeriesHighlightedValuesDisplayMode_$type, v);
+            this._a("highlightedValuesDisplayMode", enumToString(SeriesHighlightedValuesDisplayMode_$type, this.i.bm));
         }
         /**
          * 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.
         */
         get shouldAnimateOnDataSourceSwap() {
-            return this.i.fr;
+            return this.i.f0;
         }
         set shouldAnimateOnDataSourceSwap(v) {
-            this.i.fr = ensureBool(v);
-            this._a("shouldAnimateOnDataSourceSwap", this.i.fr);
+            this.i.f0 = ensureBool(v);
+            this._a("shouldAnimateOnDataSourceSwap", this.i.f0);
         }
         /**
          * Gets or sets the width of the current series object's line thickness.
@@ -1026,102 +1099,122 @@ export let IgcSeriesComponent = /*@__PURE__*/ (() => {
         * ```
         */
         get thickness() {
-            return this.i.iv;
+            return this.i.i5;
         }
         set thickness(v) {
-            this.i.iv = +v;
-            this._a("thickness", this.i.iv);
+            this.i.i5 = +v;
+            this._a("thickness", this.i.i5);
         }
         /**
          * Gets the effective Thickness for the current series object.
         */
         get actualThickness() {
-            return this.i.hl;
+            return this.i.hv;
         }
         set actualThickness(v) {
-            this.i.hl = +v;
-            this._a("actualThickness", this.i.hl);
+            this.i.hv = +v;
+            this._a("actualThickness", this.i.hv);
         }
         /**
          * Gets or sets a collection of Double values that indicate the pattern of dashes and gaps that
          * is used to outline the current series object.
         */
         get dashArray() {
-            return fromDoubleCollection(this.i.s9);
+            return fromDoubleCollection(this.i.uk);
         }
         set dashArray(v) {
-            this.i.s9 = toDoubleCollection(v);
-            this._a("dashArray", doubleCollectionToString(this.i.s9));
+            this.i.uk = toDoubleCollection(v);
+            this._a("dashArray", doubleCollectionToString(this.i.uk));
         }
         /**
          * Gets actual highlighting mode
         */
         get actualHighlightingMode() {
-            return this.i.bp;
+            return this.i.bo;
         }
         set actualHighlightingMode(v) {
-            this.i.bp = ensureEnum(SeriesHighlightingMode_$type, v);
-            this._a("actualHighlightingMode", enumToString(SeriesHighlightingMode_$type, this.i.bp));
+            this.i.bo = ensureEnum(SeriesHighlightingMode_$type, v);
+            this._a("actualHighlightingMode", enumToString(SeriesHighlightingMode_$type, this.i.bo));
+        }
+        /**
+         * Gets actual Selection mode
+        */
+        get actualSelectionMode() {
+            return this.i.cf;
+        }
+        set actualSelectionMode(v) {
+            this.i.cf = ensureEnum(SeriesSelectionMode_$type, v);
+            this._a("actualSelectionMode", enumToString(SeriesSelectionMode_$type, this.i.cf));
+        }
+        /**
+         * Gets actual Selection mode
+        */
+        get actualFocusMode() {
+            return this.i.ce;
+        }
+        set actualFocusMode(v) {
+            this.i.ce = ensureEnum(SeriesSelectionMode_$type, v);
+            this._a("actualFocusMode", enumToString(SeriesSelectionMode_$type, this.i.ce));
         }
         /**
          * Gets actual HighlightedValues fade opacity
         */
         get actualHighlightedValuesFadeOpacity() {
-            return this.i.hh;
+            return this.i.hr;
         }
         set actualHighlightedValuesFadeOpacity(v) {
-            this.i.hh = +v;
-            this._a("actualHighlightedValuesFadeOpacity", this.i.hh);
+            this.i.hr = +v;
+            this._a("actualHighlightedValuesFadeOpacity", this.i.hr);
         }
         /**
          * Gets or sets the target opacity to fade to for fade style HighlightedValues.
         */
         get highlightedValuesFadeOpacity() {
-            return this.i.ij;
+            return this.i.iu;
         }
         set highlightedValuesFadeOpacity(v) {
-            this.i.ij = +v;
-            this._a("highlightedValuesFadeOpacity", this.i.ij);
+            this.i.iu = +v;
+            this._a("highlightedValuesFadeOpacity", this.i.iu);
         }
         /**
          * Gets actual highlighting fade opacity
         */
         get actualHighlightingFadeOpacity() {
-            return this.i.hi;
+            return this.i.hs;
         }
         set actualHighlightingFadeOpacity(v) {
-            this.i.hi = +v;
-            this._a("actualHighlightingFadeOpacity", this.i.hi);
+            this.i.hs = +v;
+            this._a("actualHighlightingFadeOpacity", this.i.hs);
         }
         /**
          * Gets or sets the target opacity to fade to for fade style highlighting.
         */
         get highlightingFadeOpacity() {
-            return this.i.ik;
+            return this.i.iv;
         }
         set highlightingFadeOpacity(v) {
-            this.i.ik = +v;
-            this._a("highlightingFadeOpacity", this.i.ik);
+            this.i.iv = +v;
+            this._a("highlightingFadeOpacity", this.i.iv);
         }
         /**
          * Gets or sets whether the ActualLegend is FinancialLegend or normal Legend.
         */
         get isActualLegendFinancial() {
-            return this.i.d2;
+            return this.i.d8;
         }
         set isActualLegendFinancial(v) {
-            this.i.d2 = ensureBool(v);
-            this._a("isActualLegendFinancial", this.i.d2);
+            this.i.d8 = ensureBool(v);
+            this._a("isActualLegendFinancial", this.i.d8);
         }
         /**
          * Gets or sets whether the component level highlight mode is ignored.
         */
         get isComponentHighlightingModeIgnored() {
-            return this.i.ef;
+            return this.i.el;
         }
         set isComponentHighlightingModeIgnored(v) {
-            this.i.ef = ensureBool(v);
-            this._a("isComponentHighlightingModeIgnored", this.i.ef);
+            this.i.el = ensureBool(v);
+            this._a("isComponentHighlightingModeIgnored", this.i.el);
         }
         /**
          * Gets or sets whether highlighting should be enabled for this series, if this type of series supports highlighting.
@@ -1131,31 +1224,41 @@ export let IgcSeriesComponent = /*@__PURE__*/ (() => {
         * ```
         */
         get isHighlightingEnabled() {
-            return this.i.es;
+            return this.i.ey;
         }
         set isHighlightingEnabled(v) {
-            this.i.es = ensureBool(v);
-            this._a("isHighlightingEnabled", this.i.es);
+            this.i.ey = ensureBool(v);
+            this._a("isHighlightingEnabled", this.i.ey);
         }
         /**
          * Gets or sets whether the opacity should be automatically shifted for the safe actual brush.
         */
         get shouldShiftOpacityForSafeActualBrush() {
-            return this.i.fv;
+            return this.i.f5;
         }
         set shouldShiftOpacityForSafeActualBrush(v) {
-            this.i.fv = ensureBool(v);
-            this._a("shouldShiftOpacityForSafeActualBrush", this.i.fv);
+            this.i.f5 = ensureBool(v);
+            this._a("shouldShiftOpacityForSafeActualBrush", this.i.f5);
+        }
+        /**
+         * Gets or sets whether the opacity should be automatically shifted for the safe actual brush.
+        */
+        get shouldRemoveHighlightedDataOnLayerHidden() {
+            return this.i.f3;
+        }
+        set shouldRemoveHighlightedDataOnLayerHidden(v) {
+            this.i.f3 = ensureBool(v);
+            this._a("shouldRemoveHighlightedDataOnLayerHidden", this.i.f3);
         }
         /**
          * Gets or sets whether this series should suppress it's auto callouts
         */
         get shouldHideAutoCallouts() {
-            return this.i.ft;
+            return this.i.f2;
         }
         set shouldHideAutoCallouts(v) {
-            this.i.ft = ensureBool(v);
-            this._a("shouldHideAutoCallouts", this.i.ft);
+            this.i.f2 = ensureBool(v);
+            this._a("shouldHideAutoCallouts", this.i.f2);
         }
         /**
          * Gets or sets whether drop shadow should be enabled for this series.
@@ -1167,11 +1270,11 @@ export let IgcSeriesComponent = /*@__PURE__*/ (() => {
         * ```
         */
         get isDropShadowEnabled() {
-            return this.i.ej;
+            return this.i.ep;
         }
         set isDropShadowEnabled(v) {
-            this.i.ej = ensureBool(v);
-            this._a("isDropShadowEnabled", this.i.ej);
+            this.i.ep = ensureBool(v);
+            this._a("isDropShadowEnabled", this.i.ep);
         }
         /**
          * Gets or sets the shadow blur.
@@ -1185,11 +1288,11 @@ export let IgcSeriesComponent = /*@__PURE__*/ (() => {
         * ```
         */
         get shadowBlur() {
-            return this.i.is;
+            return this.i.i2;
         }
         set shadowBlur(v) {
-            this.i.is = +v;
-            this._a("shadowBlur", this.i.is);
+            this.i.i2 = +v;
+            this._a("shadowBlur", this.i.i2);
         }
         /**
          * Gets or sets the drop shadow color.
@@ -1201,11 +1304,11 @@ export let IgcSeriesComponent = /*@__PURE__*/ (() => {
         * ```
         */
         get shadowColor() {
-            return colorToString(this.i.s8);
+            return colorToString(this.i.uj);
         }
         set shadowColor(v) {
-            this.i.s8 = stringToColor(v);
-            this._a("shadowColor", colorToString(this.i.s8));
+            this.i.uj = stringToColor(v);
+            this._a("shadowColor", colorToString(this.i.uj));
         }
         /**
          * Gets or sets whether drop shadow is applied to the whole series visual or to each of the individual shapes forming the series.
@@ -1217,11 +1320,11 @@ export let IgcSeriesComponent = /*@__PURE__*/ (() => {
         * ```
         */
         get useSingleShadow() {
-            return this.i.gk;
+            return this.i.gu;
         }
         set useSingleShadow(v) {
-            this.i.gk = ensureBool(v);
-            this._a("useSingleShadow", this.i.gk);
+            this.i.gu = ensureBool(v);
+            this._a("useSingleShadow", this.i.gu);
         }
         /**
          * Gets or sets the drop shadow x-offset.
@@ -1233,11 +1336,11 @@ export let IgcSeriesComponent = /*@__PURE__*/ (() => {
         * ```
         */
         get shadowOffsetX() {
-            return this.i.it;
+            return this.i.i3;
         }
         set shadowOffsetX(v) {
-            this.i.it = +v;
-            this._a("shadowOffsetX", this.i.it);
+            this.i.i3 = +v;
+            this._a("shadowOffsetX", this.i.i3);
         }
         /**
          * Gets or sets the drop shadow y-offset.
@@ -1249,22 +1352,22 @@ export let IgcSeriesComponent = /*@__PURE__*/ (() => {
         * ```
         */
         get shadowOffsetY() {
-            return this.i.iu;
+            return this.i.i4;
         }
         set shadowOffsetY(v) {
-            this.i.iu = +v;
-            this._a("shadowOffsetY", this.i.iu);
+            this.i.i4 = +v;
+            this._a("shadowOffsetY", this.i.i4);
         }
         /**
          * Gets or sets the opacity applied to the area fill visual.
          * This property only applies to series that have area visual.
         */
         get areaFillOpacity() {
-            return this.i.hq;
+            return this.i.h0;
         }
         set areaFillOpacity(v) {
-            this.i.hq = +v;
-            this._a("areaFillOpacity", this.i.hq);
+            this.i.h0 = +v;
+            this._a("areaFillOpacity", this.i.h0);
         }
         /**
          * Gets the actual opacity applied to the area fill visual.
@@ -1274,32 +1377,32 @@ export let IgcSeriesComponent = /*@__PURE__*/ (() => {
         * ```
         */
         get actualAreaFillOpacity() {
-            return this.i.hg;
+            return this.i.hq;
         }
         set actualAreaFillOpacity(v) {
-            this.i.hg = +v;
-            this._a("actualAreaFillOpacity", this.i.hg);
+            this.i.hq = +v;
+            this._a("actualAreaFillOpacity", this.i.hq);
         }
         /**
          * Gets or sets the opacity applied to the fill of the markers.
          * This property only applies to series that have area visual.
         */
         get markerFillOpacity() {
-            return this.i.il;
+            return this.i.iw;
         }
         set markerFillOpacity(v) {
-            this.i.il = +v;
-            this._a("markerFillOpacity", this.i.il);
+            this.i.iw = +v;
+            this._a("markerFillOpacity", this.i.iw);
         }
         /**
          * Gets the actual opacity applied to the fill of the markers.
         */
         get actualMarkerFillOpacity() {
-            return this.i.hj;
+            return this.i.ht;
         }
         set actualMarkerFillOpacity(v) {
-            this.i.hj = +v;
-            this._a("actualMarkerFillOpacity", this.i.hj);
+            this.i.ht = +v;
+            this._a("actualMarkerFillOpacity", this.i.ht);
         }
         /**
          * Gets if the default tooltip has been selected for display.
@@ -1311,11 +1414,11 @@ export let IgcSeriesComponent = /*@__PURE__*/ (() => {
         * ```
         */
         get isDefaultToolTipSelected() {
-            return this.i.ei;
+            return this.i.eo;
         }
         set isDefaultToolTipSelected(v) {
-            this.i.ei = ensureBool(v);
-            this._a("isDefaultToolTipSelected", this.i.ei);
+            this.i.eo = ensureBool(v);
+            this._a("isDefaultToolTipSelected", this.i.eo);
         }
         /**
          * Gets or sets whether default tooltip will be shown.
@@ -1327,34 +1430,34 @@ export let IgcSeriesComponent = /*@__PURE__*/ (() => {
         * ```
         */
         get showDefaultTooltip() {
-            return this.i.fz;
+            return this.i.f9;
         }
         set showDefaultTooltip(v) {
-            this.i.fz = ensureBool(v);
-            this._a("showDefaultTooltip", this.i.fz);
+            this.i.f9 = ensureBool(v);
+            this._a("showDefaultTooltip", this.i.f9);
         }
         /**
          * Gets or sets the visible range mode to use.
         */
         get visibleRangeMode() {
-            return this.i.ck;
+            return this.i.cp;
         }
         set visibleRangeMode(v) {
-            this.i.ck = ensureEnum(SeriesVisibleRangeMode_$type, v);
-            this._a("visibleRangeMode", enumToString(SeriesVisibleRangeMode_$type, this.i.ck));
+            this.i.cp = ensureEnum(SeriesVisibleRangeMode_$type, v);
+            this._a("visibleRangeMode", enumToString(SeriesVisibleRangeMode_$type, this.i.cp));
         }
         /**
          * Gets or sets the outline mode to use for the series.
         */
         get outlineMode() {
-            return this.i.b9;
+            return this.i.b8;
         }
         set outlineMode(v) {
-            this.i.b9 = ensureEnum(SeriesOutlineMode_$type, v);
-            this._a("outlineMode", enumToString(SeriesOutlineMode_$type, this.i.b9));
+            this.i.b8 = ensureEnum(SeriesOutlineMode_$type, v);
+            this._a("outlineMode", enumToString(SeriesOutlineMode_$type, this.i.b8));
         }
         /**
-         * Gets or sets the duration of the current series's transition in morph.
+         * Gets or sets the duration of the current series' transition in morph.
         *
         * The `TransitionInDuration` can be used with `IsTransitionInEnabled` to cofigure the animation when a new datasource is loaded.
         *
@@ -1363,24 +1466,24 @@ export let IgcSeriesComponent = /*@__PURE__*/ (() => {
         * ```
         */
         get transitionInDuration() {
-            return this.i.jk;
+            return this.i.ju;
         }
         set transitionInDuration(v) {
-            this.i.jk = +v;
-            this._a("transitionInDuration", this.i.jk);
+            this.i.ju = +v;
+            this._a("transitionInDuration", this.i.ju);
         }
         /**
-         * Gets or sets the duration of the current series's transition out morph.
+         * Gets or sets the duration of the current series' transition out morph.
         */
         get transitionOutDuration() {
-            return this.i.jl;
+            return this.i.jv;
         }
         set transitionOutDuration(v) {
-            this.i.jl = +v;
-            this._a("transitionOutDuration", this.i.jl);
+            this.i.jv = +v;
+            this._a("transitionOutDuration", this.i.jv);
         }
         /**
-         * Gets or sets the duration of the current series's transition in morph.
+         * Gets or sets the duration of the current series' transition in morph.
         *
         * The `TransitionInSpeedType` can be used with `IsTransitionInEnabled` to cofigure the animation when a new datasource is loaded.
         *
@@ -1389,42 +1492,42 @@ export let IgcSeriesComponent = /*@__PURE__*/ (() => {
         * ```
         */
         get transitionInSpeedType() {
-            return this.i.cq;
+            return this.i.cv;
         }
         set transitionInSpeedType(v) {
-            this.i.cq = ensureEnum(TransitionInSpeedType_$type, v);
-            this._a("transitionInSpeedType", enumToString(TransitionInSpeedType_$type, this.i.cq));
+            this.i.cv = ensureEnum(TransitionInSpeedType_$type, v);
+            this._a("transitionInSpeedType", enumToString(TransitionInSpeedType_$type, this.i.cv));
         }
         /**
-         * Gets or sets the duration of the current series's transition out morph.
+         * Gets or sets the duration of the current series' transition out morph.
         */
         get transitionOutSpeedType() {
-            return this.i.cs;
+            return this.i.cy;
         }
         set transitionOutSpeedType(v) {
-            this.i.cs = ensureEnum(TransitionOutSpeedType_$type, v);
-            this._a("transitionOutSpeedType", enumToString(TransitionOutSpeedType_$type, this.i.cs));
+            this.i.cy = ensureEnum(TransitionOutSpeedType_$type, v);
+            this._a("transitionOutSpeedType", enumToString(TransitionOutSpeedType_$type, this.i.cy));
         }
         /**
          * Gets or sets the style of the starting point of any lines or polylines representing this series.
          * Not every series type has a line at which it would be appropriate to display a start cap, so this property does not affect every series type.  LineSeries, for example, is affected by StartCap, but ColumnSeries is not.
         */
         get lineCap() {
-            return this.i.tb;
+            return this.i.um;
         }
         set lineCap(v) {
-            this.i.tb = ensureEnum(PenLineCap_$type, v);
-            this._a("lineCap", enumToString(PenLineCap_$type, this.i.tb));
+            this.i.um = ensureEnum(PenLineCap_$type, v);
+            this._a("lineCap", enumToString(PenLineCap_$type, this.i.um));
         }
         /**
          * Gets or sets the whether the chart reacts to mouse move events.
         */
         get mouseOverEnabled() {
-            return this.i.fl;
+            return this.i.fs;
         }
         set mouseOverEnabled(v) {
-            this.i.fl = ensureBool(v);
-            this._a("mouseOverEnabled", this.i.fl);
+            this.i.fs = ensureBool(v);
+            this._a("mouseOverEnabled", this.i.fs);
         }
         /**
          * Gets or sets the coercion methods to use when loading data from data sources.
@@ -1477,11 +1580,11 @@ export let IgcSeriesComponent = /*@__PURE__*/ (() => {
         * ```
         */
         get hitTestMode() {
-            return this.i.bv;
+            return this.i.bu;
         }
         set hitTestMode(v) {
-            this.i.bv = ensureEnum(SeriesHitTestMode_$type, v);
-            this._a("hitTestMode", enumToString(SeriesHitTestMode_$type, this.i.bv));
+            this.i.bu = ensureEnum(SeriesHitTestMode_$type, v);
+            this._a("hitTestMode", enumToString(SeriesHitTestMode_$type, this.i.bu));
         }
         /**
          * Resolved method of hit testing to use when pointing to items in the chart.
@@ -1491,85 +1594,85 @@ export let IgcSeriesComponent = /*@__PURE__*/ (() => {
         * ```
         */
         get actualHitTestMode() {
-            return this.i.bt;
+            return this.i.bs;
         }
         set actualHitTestMode(v) {
-            this.i.bt = ensureEnum(SeriesHitTestMode_$type, v);
-            this._a("actualHitTestMode", enumToString(SeriesHitTestMode_$type, this.i.bt));
+            this.i.bs = ensureEnum(SeriesHitTestMode_$type, v);
+            this._a("actualHitTestMode", enumToString(SeriesHitTestMode_$type, this.i.bs));
         }
         /**
          * Overridden by derived series classes to indicate when negative colors are supported or not.
         */
         get isNegativeColorSupported() {
-            return this.i.e0;
+            return this.i.e7;
         }
         /**
          * Overridden by derived series classes to indicate when markerless display is preferred or not.
         */
         get isMarkerlessDisplayPreferred() {
-            return this.i.ez;
+            return this.i.e6;
         }
         /**
          * The final value of this series.
         */
         get finalValue() {
-            return this.i.hs;
+            return this.i.h2;
         }
         set finalValue(v) {
-            this.i.hs = +v;
-            this._a("finalValue", this.i.hs);
+            this.i.h2 = +v;
+            this._a("finalValue", this.i.h2);
         }
         /**
          * The percent change from the beginning to the end of this series.
         */
         get percentChange() {
-            return this.i.io;
+            return this.i.iy;
         }
         set percentChange(v) {
-            this.i.io = +v;
-            this._a("percentChange", this.i.io);
+            this.i.iy = +v;
+            this._a("percentChange", this.i.iy);
         }
         /**
          * Gets the text that is displayed for the Open label in the tooltip.
         */
         get actualOpenLabel() {
-            return this.i.kj;
+            return this.i.kv;
         }
         /**
          * Gets the text that is displayed for the Close label in the tooltip.
         */
         get actualCloseLabel() {
-            return this.i.j7;
+            return this.i.kh;
         }
         /**
          * Gets the text that is displayed for the High label in the tooltip.
         */
         get actualHighLabel() {
-            return this.i.j8;
+            return this.i.kk;
         }
         /**
          * Gets the text that is displayed for the Low label in the tooltip.
         */
         get actualLowLabel() {
-            return this.i.kh;
+            return this.i.kt;
         }
         /**
          * Gets the text that is displayed for the Volume label in the tooltip.
         */
         get actualVolumeLabel() {
-            return this.i.kp;
+            return this.i.k3;
         }
         /**
          * Gets the text that is displayed for the Value label in the tooltip.
         */
         get actualValueLabel() {
-            return this.i.ko;
+            return this.i.k2;
         }
         /**
          * Gets the text that is displayed for the Value label in the tooltip.
         */
         get actualRadiusLabel() {
-            return this.i.kl;
+            return this.i.kx;
         }
         /**
          * Gets the current extra layers for the series.
@@ -1577,7 +1680,7 @@ export let IgcSeriesComponent = /*@__PURE__*/ (() => {
         get layers() {
             if (this._layers === null) {
                 let coll = new IgcSeriesLayerCollection();
-                let innerColl = this.i.b3;
+                let innerColl = this.i.b2;
                 if (!innerColl) {
                     innerColl = new SeriesLayerCollection_internal();
                 }
@@ -1593,7 +1696,7 @@ export let IgcSeriesComponent = /*@__PURE__*/ (() => {
             let coll = new IgcSeriesLayerCollection();
             this._layers = coll._fromOuter(v);
             let syncColl = new SyncableObservableCollection$1(SeriesLayer.$type);
-            let innerColl = this.i.b3;
+            let innerColl = this.i.b2;
             if (!innerColl) {
                 innerColl = new SeriesLayerCollection_internal();
             }
@@ -1723,11 +1826,20 @@ export let IgcSeriesComponent = /*@__PURE__*/ (() => {
     
     */
         resolveTooltipBrush() {
-            let iv = this.i.lx();
+            let iv = this.i.mi();
             return (iv);
         }
         getItemValue(item, memberPathName) {
-            let iv = this.i.jv(item, memberPathName);
+            let iv = this.i.j5(item, memberPathName);
+            return (iv);
+        }
+        /**
+         * Gets the value of a requested member path from the series.
+        
+        * @param memberPathName  * The property name of a valid member path for the series
+        */
+        getMemberPathValue(memberPathName) {
+            let iv = this.i.li(memberPathName);
             return (iv);
         }
         /**
@@ -1740,7 +1852,7 @@ export let IgcSeriesComponent = /*@__PURE__*/ (() => {
         * ```
         */
         getExactItemIndex(world) {
-            let iv = this.i.hw(toPoint(world));
+            let iv = this.i.h6(toPoint(world));
             return (iv);
         }
         /**
@@ -1752,7 +1864,7 @@ export let IgcSeriesComponent = /*@__PURE__*/ (() => {
         * ```
         */
         getItemIndex(world) {
-            let iv = this.i.i9(toPoint(world));
+            let iv = this.i.jj(toPoint(world));
             return (iv);
         }
         /**
@@ -1765,23 +1877,23 @@ export let IgcSeriesComponent = /*@__PURE__*/ (() => {
         * ```
         */
         getItem(world) {
-            let iv = this.i.js(toPoint(world));
+            let iv = this.i.j2(toPoint(world));
             return (iv);
         }
         getPreviousOrExactIndex(world, skipUnknowns) {
-            let iv = this.i.jg(toPoint(world), skipUnknowns);
+            let iv = this.i.jq(toPoint(world), skipUnknowns);
             return (iv);
         }
         getNextOrExactIndex(world, skipUnknowns) {
-            let iv = this.i.je(toPoint(world), skipUnknowns);
+            let iv = this.i.jo(toPoint(world), skipUnknowns);
             return (iv);
         }
         getSeriesValue(world, useInterpolation, skipUnknowns) {
-            let iv = this.i.ia(toPoint(world), useInterpolation, skipUnknowns);
+            let iv = this.i.il(toPoint(world), useInterpolation, skipUnknowns);
             return (iv);
         }
         getSeriesValuePosition(world, useInterpolation, skipUnknowns) {
-            let iv = this.i.tj(toPoint(world), useInterpolation, skipUnknowns);
+            let iv = this.i.uu(toPoint(world), useInterpolation, skipUnknowns);
             return fromPoint(iv);
         }
         /**
@@ -1790,7 +1902,7 @@ export let IgcSeriesComponent = /*@__PURE__*/ (() => {
         * @param world  * The world coordinate for which to get a value bounding box for
         */
         getSeriesValueBoundingBox(world) {
-            let iv = this.i.tu(toPoint(world));
+            let iv = this.i.u5(toPoint(world));
             return fromRect(iv);
         }
         /**
@@ -1799,31 +1911,31 @@ export let IgcSeriesComponent = /*@__PURE__*/ (() => {
         * @param world  * The world coordinates for which to get a value marker bounding box for
         */
         getSeriesValueMarkerBoundingBox(world) {
-            let iv = this.i.tw(toPoint(world));
+            let iv = this.i.u7(toPoint(world));
             return fromRect(iv);
         }
         getSeriesHighValue(world, useInterpolation, skipUnknowns) {
-            let iv = this.i.h6(toPoint(world), useInterpolation, skipUnknowns);
+            let iv = this.i.ih(toPoint(world), useInterpolation, skipUnknowns);
             return (iv);
         }
         getSeriesHighValuePosition(world, useInterpolation, skipUnknowns) {
-            let iv = this.i.tf(toPoint(world), useInterpolation, skipUnknowns);
+            let iv = this.i.uq(toPoint(world), useInterpolation, skipUnknowns);
             return fromPoint(iv);
         }
         getSeriesLowValue(world, useInterpolation, skipUnknowns) {
-            let iv = this.i.h8(toPoint(world), useInterpolation, skipUnknowns);
+            let iv = this.i.ij(toPoint(world), useInterpolation, skipUnknowns);
             return (iv);
         }
         getSeriesLowValuePosition(world, useInterpolation, skipUnknowns) {
-            let iv = this.i.th(toPoint(world), useInterpolation, skipUnknowns);
+            let iv = this.i.us(toPoint(world), useInterpolation, skipUnknowns);
             return fromPoint(iv);
         }
         getSeriesValuePositionFromSeriesPixel(mouse, useInterpolation, skipUnknowns) {
-            let iv = this.i.tk(toPoint(mouse), useInterpolation, skipUnknowns);
+            let iv = this.i.uv(toPoint(mouse), useInterpolation, skipUnknowns);
             return fromPoint(iv);
         }
         getSeriesValueFromSeriesPixel(mouse, useInterpolation, skipUnknowns) {
-            let iv = this.i.ib(toPoint(mouse), useInterpolation, skipUnknowns);
+            let iv = this.i.im(toPoint(mouse), useInterpolation, skipUnknowns);
             return (iv);
         }
         /**
@@ -1835,7 +1947,7 @@ export let IgcSeriesComponent = /*@__PURE__*/ (() => {
         * ```
         */
         getItemSpan() {
-            let iv = this.i.h1();
+            let iv = this.i.ib();
             return (iv);
         }
         /**
@@ -1849,12 +1961,16 @@ export let IgcSeriesComponent = /*@__PURE__*/ (() => {
             let iv = this.i.am((mode == null ? null : mode));
             return (iv);
         }
+        /**
+         * Gets position of series value for specified layer value mode
+        
+        */
         getSeriesValueTypePosition(mode) {
-            let iv = this.i.tm((mode == null ? null : mode));
+            let iv = this.i.ux((mode == null ? null : mode));
             return fromPoint(iv);
         }
         getSeriesValueTypePositionFromValue(values) {
-            let iv = this.i.tn(values);
+            let iv = this.i.uy(values);
             return fromPoint(iv);
         }
         /**
@@ -1862,14 +1978,14 @@ export let IgcSeriesComponent = /*@__PURE__*/ (() => {
         
         */
         hideToolTips() {
-            this.i.n9();
+            this.i.o3();
         }
         /**
          * Hides any internal tooltips presented by the series, if any.
         
         */
         hideToolTipsImmediate() {
-            this.i.oa();
+            this.i.o4();
         }
         /**
          * Converts a point from coordinates within the series plot area to a world position within axis space.
@@ -1881,7 +1997,7 @@ export let IgcSeriesComponent = /*@__PURE__*/ (() => {
         * ```
         */
         toWorldPosition(seriesPoint) {
-            let iv = this.i.to(toPoint(seriesPoint));
+            let iv = this.i.uz(toPoint(seriesPoint));
             return fromPoint(iv);
         }
         /**
@@ -1890,7 +2006,7 @@ export let IgcSeriesComponent = /*@__PURE__*/ (() => {
         * @param world  * The world position from which to convert.
         */
         fromWorldPosition(world) {
-            let iv = this.i.te(toPoint(world));
+            let iv = this.i.up(toPoint(world));
             return fromPoint(iv);
         }
         /**
@@ -1903,7 +2019,7 @@ export let IgcSeriesComponent = /*@__PURE__*/ (() => {
         * ```
         */
         scrollIntoView(item) {
-            let iv = this.i.fp(item);
+            let iv = this.i.fx(item);
             return (iv);
         }
         /**
@@ -1916,7 +2032,7 @@ export let IgcSeriesComponent = /*@__PURE__*/ (() => {
         * ```
         */
         renderSeries(animate) {
-            this.i.pr(animate);
+            this.i.qm(animate);
         }
         getMainContentViewport() {
             let iv = this.i.getMainContentViewport();
@@ -1935,7 +2051,7 @@ export let IgcSeriesComponent = /*@__PURE__*/ (() => {
         
         */
         removeAllAlternateViews() {
-            this.i.pk();
+            this.i.qf();
         }
         /**
          * Removes an alternate view of this series.
@@ -1943,21 +2059,21 @@ export let IgcSeriesComponent = /*@__PURE__*/ (() => {
         * @param viewIdentifier  * The string identifier for the view to remove.
         */
         removeAlternateView(viewIdentifier) {
-            this.i.pm(viewIdentifier);
+            this.i.qh(viewIdentifier);
         }
         /**
          * Called to notify about changes to indexed-based properties, e.g. Brushes, Outlines, MarkerBrushes, MarkerOutlines and refresh series
         
         */
         notifyIndexedPropertiesChanged() {
-            this.i.oh();
+            this.i.pc();
         }
         /**
          * Notifies the series that a visual property has changed, requiring a visual update.
         
         */
         notifyVisualPropertiesChanged() {
-            this.i.oo();
+            this.i.pj();
         }
         /**
          * Replays the assigned transition in animation, if any.
@@ -1968,35 +2084,35 @@ export let IgcSeriesComponent = /*@__PURE__*/ (() => {
         * ```
         */
         replayTransitionIn() {
-            this.i.pv();
+            this.i.qq();
         }
         /**
          * Plays the assigned transition out animation, if any.
         
         */
         playTransitionOut() {
-            this.i.o8();
+            this.i.p3();
         }
         /**
          * Plays the assigned transition out animation, if any.
         
         */
         playTransitionIn() {
-            this.i.o7();
+            this.i.p2();
         }
         /**
          * Plays the assigned transition out animation, if any.
         
         */
         playTransitionOutAndRemove() {
-            this.i.o9();
+            this.i.p4();
         }
         /**
          * Call to null out the axes of the series;
         
         */
         removeAxes() {
-            this.i.pn();
+            this.i.qi();
         }
         /**
          * Simulates a pointer hover over the series surface.
@@ -2010,17 +2126,17 @@ export let IgcSeriesComponent = /*@__PURE__*/ (() => {
         * ```
         */
         simulateHover(point) {
-            this.i.p4(toPoint(point));
+            this.i.qz(toPoint(point));
         }
         /**
          * Called when this series' Style is updated.
         
         */
         styleUpdated() {
-            this.i.qa();
+            this.i.q5();
         }
         setNegativeColors(negativeBrush, negativeOutline) {
-            this.i.p1(stringToBrush(negativeBrush), stringToBrush(negativeOutline));
+            this.i.qw(stringToBrush(negativeBrush), stringToBrush(negativeOutline));
         }
         /**
          * Moves the cursor point to the provided world position. Some series may react to the current cursor position.
@@ -2034,7 +2150,33 @@ export let IgcSeriesComponent = /*@__PURE__*/ (() => {
         * ```
         */
         moveCursorPoint(point) {
-            this.i.oe(toPoint(point));
+            this.i.o8(toPoint(point));
+        }
+        /**
+         * Fired when a transition out has completed.
+        */
+        get transitionOutCompleted() {
+            return this._transitionOutCompleted;
+        }
+        set transitionOutCompleted(ev) {
+            if (this._transitionOutCompleted_wrapped !== null) {
+                this.i.transitionOutCompleted = delegateRemove(this.i.transitionOutCompleted, this._transitionOutCompleted_wrapped);
+                this._transitionOutCompleted_wrapped = null;
+                this._transitionOutCompleted = null;
+            }
+            this._transitionOutCompleted = ev;
+            this._transitionOutCompleted_wrapped = (o, e) => {
+                let outerArgs = new IgcTransitionOutCompletedEventArgs();
+                outerArgs._provideImplementation(e);
+                if (this.beforeTransitionOutCompleted) {
+                    this.beforeTransitionOutCompleted(this, outerArgs);
+                }
+                if (this._transitionOutCompleted) {
+                    this._transitionOutCompleted(this, outerArgs);
+                }
+            };
+            this.i.transitionOutCompleted = delegateCombine(this.i.transitionOutCompleted, this._transitionOutCompleted_wrapped);
+            ;
         }
         /**
          * This event is raised every time a render has been requested from a series.