igniteui-webcomponents-charts 4.6.0 → 4.7.0

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

@@ -18,6 +18,15 @@ import { LegendItemBadgeMode_$type } from "igniteui-webcomponents-core";
 import { LegendItemBadgeShape_$type } from "igniteui-webcomponents-core";
 import { PenLineJoin_$type } from "igniteui-webcomponents-core";
 import { PenLineCap_$type } from "igniteui-webcomponents-core";
+import { IgcSeriesLayerCollection } from './igc-series-layer-collection';
+import { SeriesLayerCollection as SeriesLayerCollection_internal } from './SeriesLayerCollection';
+import { SeriesLayer } from './SeriesLayer';
+import { SyncableObservableCollection$1 } from "igniteui-webcomponents-core";
+import { TransitionOutSpeedType_$type } from './TransitionOutSpeedType';
+import { SeriesHighlightedValuesDisplayMode_$type } from './SeriesHighlightedValuesDisplayMode';
+import { IgcSeriesLayerPropertyOverlayCollection } from './igc-series-layer-property-overlay-collection';
+import { SeriesLayerPropertyOverlayCollection as SeriesLayerPropertyOverlayCollection_internal } from './SeriesLayerPropertyOverlayCollection';
+import { SeriesLayerPropertyOverlay } from './SeriesLayerPropertyOverlay';
 //import { DataLegendSeriesContext, DataLegendSeriesContext_$type } from 'igniteui-core/DataLegendSeriesContext';
 //import { DataLegendSeriesInfo, DataLegendSeriesInfo_$type } from 'igniteui-core/DataLegendSeriesInfo';
 /**
@@ -51,6 +60,8 @@ export let IgcSeriesComponent = /*@__PURE__*/ (() => {
             //}
             this._chartLevelData = null;
             this._dataSource = null;
+            this._chartLevelHighlightedData = null;
+            this._highlightedDataSource = null;
             this._tooltipTemplate = null;
             this._tooltipContent = null;
             this._tooltipContainerTemplate = null;
@@ -59,6 +70,9 @@ export let IgcSeriesComponent = /*@__PURE__*/ (() => {
             this._attached = false;
             this._queuedSetAttributes = [];
             this._updatingFromAttribute = false;
+            this._highlightedValuesExtraPropertyOverlays = null;
+            this._layers = null;
+            this._actualLayers = null;
             this.__p = null;
             this._hasUserValues = new Set();
             this._stylingContainer = null;
@@ -117,6 +131,32 @@ export let IgcSeriesComponent = /*@__PURE__*/ (() => {
             }
             return this.i.itemsSource;
         }
+        provideHighlightedData(data) {
+            this._chartLevelHighlightedData = data;
+            this.updatehighlightedDataSource();
+        }
+        onUpdatehighlightedDataSource(highlightedDataSource) {
+            return highlightedDataSource;
+        }
+        updatehighlightedDataSource() {
+            if (this._highlightedDataSource == null) {
+                this.i.highlightedItemsSource = this.onUpdatehighlightedDataSource(this._chartLevelHighlightedData);
+            }
+            else {
+                this.i.highlightedItemsSource = this.onUpdatehighlightedDataSource(this._highlightedDataSource);
+            }
+        }
+        set highlightedDataSource(value) {
+            this._highlightedDataSource = value;
+            this.updatehighlightedDataSource();
+            //console.log("setting axis data source: " + value)
+        }
+        get highlightedDataSource() {
+            if (this._highlightedDataSource != null) {
+                return this._highlightedDataSource;
+            }
+            return this.i.highlightedItemsSource;
+        }
         bindAxes(axes) {
         }
         set tooltipTemplate(value) {
@@ -269,38 +309,38 @@ export let IgcSeriesComponent = /*@__PURE__*/ (() => {
         * ```
         */
         get isAnnotationLayer() {
-            return this.i.dd;
+            return this.i.d6;
         }
         /**
          * Gets whether the series is an crosshair annotation layer.
         */
         get isAnnotationCrosshairLayer() {
-            return this.i.da;
+            return this.i.d3;
         }
         /**
          * Gets whether the series is an callout annotation layer.
         */
         get isAnnotationCalloutLayer() {
-            return this.i.c9;
+            return this.i.d2;
         }
         /**
          * 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.dc;
+            return this.i.d5;
         }
         /**
          * Gets whether the series is final value annotation layer.
         */
         get isAnnotationFinalValue() {
-            return this.i.db;
+            return this.i.d4;
         }
         /**
          * Gets whether the series is a value annotation layer.
         */
         get isAnnotationValueLayer() {
-            return this.i.de;
+            return this.i.d7;
         }
         /**
          * Gets whether the current series is oriented vertically.
@@ -320,7 +360,7 @@ export let IgcSeriesComponent = /*@__PURE__*/ (() => {
         * ```
         */
         get isFragment() {
-            return this.i.dx;
+            return this.i.ep;
         }
         /**
          * Gets whether the current series shows an area or line shape.
@@ -330,103 +370,103 @@ export let IgcSeriesComponent = /*@__PURE__*/ (() => {
         * ```
         */
         get isAreaOrLine() {
-            return this.i.dg;
+            return this.i.d9;
         }
         /**
          * Gets whether the current series shows an area shape.
         */
         get isArea() {
-            return this.i.df;
+            return this.i.d8;
         }
         /**
          * Gets whether the current series shows an area shape.
         */
         get hasValueAxis() {
-            return this.i.c7;
+            return this.i.dz;
         }
         /**
          * Gets whether the current series shows an area shape.
         */
         get isValueAxisInverted() {
-            return this.i.em;
+            return this.i.fi;
         }
         /**
          * Gets whether the current series shows only line shapes.
         */
         get isLineOnly() {
-            return this.i.d4;
+            return this.i.ex;
         }
         /**
          * Gets whether the current series shows a line contour shape.
         */
         get isLineContour() {
-            return this.i.d3;
+            return this.i.ew;
         }
         /**
          * Gets whether the current series shows a spline shape.
         */
         get isSpline() {
-            return this.i.ej;
+            return this.i.fd;
         }
         /**
          * Gets whether the current series shows a column shape.
         */
         get isColumn() {
-            return this.i.dk;
+            return this.i.ed;
         }
         /**
          * Gets whether the current series shows a horizontal column shape.
         */
         get isBar() {
-            return this.i.di;
+            return this.i.eb;
         }
         /**
          * Gets whether the current series shows a waterfall column shape.
         */
         get isWaterfall() {
-            return this.i.en;
+            return this.i.fj;
         }
         /**
          * Gets whether the current series shows a polyline shape.
         */
         get isPolyline() {
-            return this.i.eb;
+            return this.i.e4;
         }
         /**
          * Gets whether the current series shows a polygon shape.
         */
         get isPolygon() {
-            return this.i.ea;
+            return this.i.e3;
         }
         /**
          * Gets whether the current series shows pixels.
         */
         get isPixel() {
-            return this.i.d8;
+            return this.i.e1;
         }
         /**
          * Gets whether the current series shows a pie shape.
         */
         get isPie() {
-            return this.i.d7;
+            return this.i.e0;
         }
         /**
          * Gets whether the current series shows a tile imagery.
         */
         get isTile() {
-            return this.i.el;
+            return this.i.fg;
         }
         /**
          * Gets whether the current series shows step shapes.
         */
         get isStep() {
-            return this.i.ek;
+            return this.i.fe;
         }
         /**
          * Gets whether the current series shows interactive shape controls.
         */
         get isShapeControl() {
-            return this.i.eh;
+            return this.i.fb;
         }
         /**
          * Gets whether the current series is a polar type series.
@@ -436,7 +476,7 @@ export let IgcSeriesComponent = /*@__PURE__*/ (() => {
         * ```
         */
         get isPolar() {
-            return this.i.d9;
+            return this.i.e2;
         }
         /**
          * Gets whether the current series is a scatter type series.
@@ -446,7 +486,7 @@ export let IgcSeriesComponent = /*@__PURE__*/ (() => {
         * ```
         */
         get isScatter() {
-            return this.i.ef;
+            return this.i.e9;
         }
         /**
          * Gets whether the current series is a radial type series.
@@ -456,7 +496,7 @@ export let IgcSeriesComponent = /*@__PURE__*/ (() => {
         * ```
         */
         get isRadial() {
-            return this.i.ed;
+            return this.i.e6;
         }
         /**
          * Gets whether the current series is a stacked type series.
@@ -476,7 +516,7 @@ export let IgcSeriesComponent = /*@__PURE__*/ (() => {
         * ```
         */
         get isFinancial() {
-            return this.i.ds;
+            return this.i.ek;
         }
         /**
          * Gets whether the current series is a range type series.
@@ -486,7 +526,7 @@ export let IgcSeriesComponent = /*@__PURE__*/ (() => {
         * ```
         */
         get isRange() {
-            return this.i.ee;
+            return this.i.e7;
         }
         /**
          * Gets whether the current series is a category type series.
@@ -496,7 +536,7 @@ export let IgcSeriesComponent = /*@__PURE__*/ (() => {
         * ```
         */
         get isCategory() {
-            return this.i.dj;
+            return this.i.ec;
         }
         /**
          * Gets whether the current series is a geographic series.
@@ -506,13 +546,13 @@ export let IgcSeriesComponent = /*@__PURE__*/ (() => {
         * ```
         */
         get isGeographic() {
-            return this.i.dy;
+            return this.i.eq;
         }
         /**
          * Gets whether the current series is a shape type series.
         */
         get isShape() {
-            return this.i.eg;
+            return this.i.fa;
         }
         /**
          * Gets whether the series is a value overlay.
@@ -520,35 +560,38 @@ export let IgcSeriesComponent = /*@__PURE__*/ (() => {
         get isValueOverlay() {
             return this.i.isValueOverlay;
         }
+        get isSummarizationSupported() {
+            return this.i.isSummarizationSupported;
+        }
         /**
          * Gets whether the series has only marker as visuals
         */
         get hasOnlyMarkers() {
-            return this.i.c5;
+            return this.i.dx;
         }
         /**
          * Gets whether the series has financial OHLC/candlestick visuals
         */
         get isFinancialSeries() {
-            return this.i.dv;
+            return this.i.en;
         }
         /**
          * Gets whether the series is financial overlay
         */
         get isFinancialOverlay() {
-            return this.i.du;
+            return this.i.em;
         }
         /**
          * Gets whether the series is financial indicator
         */
         get isFinancialIndicator() {
-            return this.i.dt;
+            return this.i.el;
         }
         /**
          * Gets whether the series is financial waterfall
         */
         get isFinancialWaterfall() {
-            return this.i.dw;
+            return this.i.eo;
         }
         /**
          * Gets whether the default crosshair behavior should be disabled if this series is present.
@@ -560,7 +603,7 @@ export let IgcSeriesComponent = /*@__PURE__*/ (() => {
         * ```
         */
         get isDefaultCrosshairBehaviorDisabled() {
-            return this.i.dm;
+            return this.i.ef;
         }
         /**
          * Gets whether the default tooltip behavior should be disabled if this series is present.
@@ -570,7 +613,7 @@ export let IgcSeriesComponent = /*@__PURE__*/ (() => {
         * ```
         */
         get isDefaultTooltipBehaviorDisabled() {
-            return this.i.dn;
+            return this.i.eg;
         }
         /**
          * Returns whether the current series supports visual markers.
@@ -582,6 +625,36 @@ export let IgcSeriesComponent = /*@__PURE__*/ (() => {
         get hasMarkers() {
             return this.i.hasMarkers;
         }
+        /**
+         * Gets the current extra layers for the series.
+        */
+        get highlightedValuesExtraPropertyOverlays() {
+            if (this._highlightedValuesExtraPropertyOverlays === null) {
+                let coll = new IgcSeriesLayerPropertyOverlayCollection();
+                let innerColl = this.i.b9;
+                if (!innerColl) {
+                    innerColl = new SeriesLayerPropertyOverlayCollection_internal();
+                }
+                this._highlightedValuesExtraPropertyOverlays = coll._fromInner(innerColl);
+            }
+            return this._highlightedValuesExtraPropertyOverlays;
+        }
+        set highlightedValuesExtraPropertyOverlays(v) {
+            if (this._highlightedValuesExtraPropertyOverlays !== null) {
+                this._highlightedValuesExtraPropertyOverlays._setSyncTarget(null);
+                this._highlightedValuesExtraPropertyOverlays = null;
+            }
+            let coll = new IgcSeriesLayerPropertyOverlayCollection();
+            this._highlightedValuesExtraPropertyOverlays = coll._fromOuter(v);
+            let syncColl = new SyncableObservableCollection$1(SeriesLayerPropertyOverlay.$type);
+            let innerColl = this.i.b9;
+            if (!innerColl) {
+                innerColl = new SeriesLayerPropertyOverlayCollection_internal();
+            }
+            syncColl._inner = innerColl;
+            syncColl.clear();
+            this._highlightedValuesExtraPropertyOverlays._setSyncTarget(syncColl);
+        }
         /**
          * Gets if the series uses an index, which can be used to auto-assign it a color.
         *
@@ -590,7 +663,7 @@ export let IgcSeriesComponent = /*@__PURE__*/ (() => {
         * ```
         */
         get isIndexed() {
-            return this.i.d1;
+            return this.i.et;
         }
         /**
          * Gets if the series should appear in any legends.
@@ -608,11 +681,11 @@ export let IgcSeriesComponent = /*@__PURE__*/ (() => {
         * The `LegendItemVisibilty` can be used to exclude only certain `Series` from the `Legend`.
         */
         get legendItemVisibility() {
-            return this.i.qb;
+            return this.i.t0;
         }
         set legendItemVisibility(v) {
-            this.i.qb = ensureEnum(Visibility_$type, v);
-            this._a("legendItemVisibility", enumToString(Visibility_$type, this.i.qb));
+            this.i.t0 = ensureEnum(Visibility_$type, v);
+            this._a("legendItemVisibility", enumToString(Visibility_$type, this.i.t0));
         }
         /**
          * Gets or sets the LegendItemBadgeTemplate property.
@@ -629,30 +702,30 @@ export let IgcSeriesComponent = /*@__PURE__*/ (() => {
          * Gets the actual legend item badge template used by the series.
         */
         get actualLegendItemBadgeTemplate() {
-            return this.i.ng;
+            return this.i.qs;
         }
         set actualLegendItemBadgeTemplate(v) {
-            this.i.ng = v;
+            this.i.qs = v;
         }
         /**
          * Gets the effective legend badge outline for the current series.
         */
         get actualLegendItemBadgeOutline() {
-            return brushToString(this.i.o7);
+            return brushToString(this.i.su);
         }
         set actualLegendItemBadgeOutline(v) {
-            this.i.o7 = stringToBrush(v);
-            this._a("actualLegendItemBadgeOutline", brushToString(this.i.o7));
+            this.i.su = stringToBrush(v);
+            this._a("actualLegendItemBadgeOutline", brushToString(this.i.su));
         }
         /**
          * Gets the effective legend badge fill for the current series.
         */
         get actualLegendItemBadgeBrush() {
-            return brushToString(this.i.o6);
+            return brushToString(this.i.st);
         }
         set actualLegendItemBadgeBrush(v) {
-            this.i.o6 = stringToBrush(v);
-            this._a("actualLegendItemBadgeBrush", brushToString(this.i.o6));
+            this.i.st = stringToBrush(v);
+            this._a("actualLegendItemBadgeBrush", brushToString(this.i.st));
         }
         /**
          * Gets or sets the type of legend badge representing the current series in a legend.
@@ -693,10 +766,10 @@ export let IgcSeriesComponent = /*@__PURE__*/ (() => {
          * the series object itself.
         */
         get discreteLegendItemTemplate() {
-            return this.i.nh;
+            return this.i.qt;
         }
         set discreteLegendItemTemplate(v) {
-            this.i.nh = v;
+            this.i.qt = v;
         }
         /**
          * Gets or sets the easing function used to morph the current series.
@@ -708,10 +781,10 @@ export let IgcSeriesComponent = /*@__PURE__*/ (() => {
         * ```
         */
         get transitionEasingFunction() {
-            return this.i.cg;
+            return this.i.c0;
         }
         set transitionEasingFunction(v) {
-            this.i.cg = v;
+            this.i.c0 = v;
         }
         /**
          * Gets or sets the EasingFunction used to morph the current series during the initial transition.
@@ -723,10 +796,19 @@ export let IgcSeriesComponent = /*@__PURE__*/ (() => {
         * ```
         */
         get transitionInEasingFunction() {
-            return this.i.ch;
+            return this.i.c1;
         }
         set transitionInEasingFunction(v) {
-            this.i.ch = v;
+            this.i.c1 = v;
+        }
+        /**
+         * Gets or sets the EasingFunction used to morph the current series during the initial transition.
+        */
+        get transitionOutEasingFunction() {
+            return this.i.c2;
+        }
+        set transitionOutEasingFunction(v) {
+            this.i.c2 = v;
         }
         /**
          * Gets or sets the duration of the current series's morph.
@@ -738,18 +820,18 @@ export let IgcSeriesComponent = /*@__PURE__*/ (() => {
         * ```
         */
         get transitionDuration() {
-            return this.i.hr;
+            return this.i.ji;
         }
         set transitionDuration(v) {
-            this.i.hr = +v;
-            this._a("transitionDuration", this.i.hr);
+            this.i.ji = +v;
+            this._a("transitionDuration", this.i.ji);
         }
         get actualResolution() {
-            return this.i.fx;
+            return this.i.hj;
         }
         set actualResolution(v) {
-            this.i.fx = +v;
-            this._a("actualResolution", this.i.fx);
+            this.i.hj = +v;
+            this._a("actualResolution", this.i.hj);
         }
         /**
          * Gets or sets the current series object's rendering resolution.
@@ -761,51 +843,51 @@ export let IgcSeriesComponent = /*@__PURE__*/ (() => {
         * ```
         */
         get resolution() {
-            return this.i.gy;
+            return this.i.io;
         }
         set resolution(v) {
-            this.i.gy = +v;
-            this._a("resolution", this.i.gy);
+            this.i.io = +v;
+            this._a("resolution", this.i.io);
         }
         /**
          * Gets or sets the top margin to use when getting a visible axis range for the series.
         */
         get visibleRangeMarginTop() {
-            return this.i.g9;
+            return this.i.iz;
         }
         set visibleRangeMarginTop(v) {
-            this.i.g9 = +v;
-            this._a("visibleRangeMarginTop", this.i.g9);
+            this.i.iz = +v;
+            this._a("visibleRangeMarginTop", this.i.iz);
         }
         /**
          * Gets or sets the bottom margin to use when getting a visible axis range for the series.
         */
         get visibleRangeMarginBottom() {
-            return this.i.g6;
+            return this.i.iw;
         }
         set visibleRangeMarginBottom(v) {
-            this.i.g6 = +v;
-            this._a("visibleRangeMarginBottom", this.i.g6);
+            this.i.iw = +v;
+            this._a("visibleRangeMarginBottom", this.i.iw);
         }
         /**
          * Gets or sets the left margin to use when getting a visible axis range for the series.
         */
         get visibleRangeMarginLeft() {
-            return this.i.g7;
+            return this.i.ix;
         }
         set visibleRangeMarginLeft(v) {
-            this.i.g7 = +v;
-            this._a("visibleRangeMarginLeft", this.i.g7);
+            this.i.ix = +v;
+            this._a("visibleRangeMarginLeft", this.i.ix);
         }
         /**
          * Gets or sets the right margin to use when getting a visible axis range for the series.
         */
         get visibleRangeMarginRight() {
-            return this.i.g8;
+            return this.i.iy;
         }
         set visibleRangeMarginRight(v) {
-            this.i.g8 = +v;
-            this._a("visibleRangeMarginRight", this.i.g8);
+            this.i.iy = +v;
+            this._a("visibleRangeMarginRight", this.i.iy);
         }
         /**
          * Gets or sets the Title property.
@@ -824,6 +906,15 @@ export let IgcSeriesComponent = /*@__PURE__*/ (() => {
         set title(v) {
             this.i.title = v;
         }
+        /**
+         * Gets or sets the HighlightedTitleSuffix property.
+        */
+        get highlightedTitleSuffix() {
+            return this.i.k1;
+        }
+        set highlightedTitleSuffix(v) {
+            this.i.k1 = v;
+        }
         /**
          * Gets or sets the brush to use for the series.
         *
@@ -834,11 +925,11 @@ export let IgcSeriesComponent = /*@__PURE__*/ (() => {
         * ```
         */
         get brush() {
-            return brushToString(this.i.o9);
+            return brushToString(this.i.sw);
         }
         set brush(v) {
-            this.i.o9 = stringToBrush(v);
-            this._a("brush", brushToString(this.i.o9));
+            this.i.sw = stringToBrush(v);
+            this._a("brush", brushToString(this.i.sw));
         }
         /**
          * Gets the effective brush for the current series object.
@@ -848,11 +939,21 @@ export let IgcSeriesComponent = /*@__PURE__*/ (() => {
         * ```
         */
         get actualBrush() {
-            return brushToString(this.i.o5);
+            return brushToString(this.i.ss);
         }
         set actualBrush(v) {
-            this.i.o5 = stringToBrush(v);
-            this._a("actualBrush", brushToString(this.i.o5));
+            this.i.ss = stringToBrush(v);
+            this._a("actualBrush", brushToString(this.i.ss));
+        }
+        /**
+         * Gets the effective brush for the current series object with opacity removed so its contrasty for use as a font color.
+        */
+        get safeActualBrush() {
+            return brushToString(this.i.safeActualBrush);
+        }
+        set safeActualBrush(v) {
+            this.i.safeActualBrush = stringToBrush(v);
+            this._a("safeActualBrush", brushToString(this.i.safeActualBrush));
         }
         /**
          * Gets or sets the brush to use for the outline of the series.
@@ -865,11 +966,11 @@ export let IgcSeriesComponent = /*@__PURE__*/ (() => {
         * ```
         */
         get outline() {
-            return brushToString(this.i.pe);
+            return brushToString(this.i.s2);
         }
         set outline(v) {
-            this.i.pe = stringToBrush(v);
-            this._a("outline", brushToString(this.i.pe));
+            this.i.s2 = stringToBrush(v);
+            this._a("outline", brushToString(this.i.s2));
         }
         /**
          * Gets the effective outline for the current series object.
@@ -879,21 +980,41 @@ export let IgcSeriesComponent = /*@__PURE__*/ (() => {
         * ```
         */
         get actualOutline() {
-            return brushToString(this.i.o8);
+            return brushToString(this.i.sv);
         }
         set actualOutline(v) {
-            this.i.o8 = stringToBrush(v);
-            this._a("actualOutline", brushToString(this.i.o8));
+            this.i.sv = stringToBrush(v);
+            this._a("actualOutline", brushToString(this.i.sv));
         }
         /**
          * Gets or sets the brush that specifies current series object's line join style.
         */
         get lineJoin() {
-            return this.i.pl;
+            return this.i.ta;
         }
         set lineJoin(v) {
-            this.i.pl = ensureEnum(PenLineJoin_$type, v);
-            this._a("lineJoin", enumToString(PenLineJoin_$type, this.i.pl));
+            this.i.ta = ensureEnum(PenLineJoin_$type, v);
+            this._a("lineJoin", enumToString(PenLineJoin_$type, this.i.ta));
+        }
+        /**
+         * 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.bq;
+        }
+        set highlightedValuesDisplayMode(v) {
+            this.i.bq = ensureEnum(SeriesHighlightedValuesDisplayMode_$type, v);
+            this._a("highlightedValuesDisplayMode", enumToString(SeriesHighlightedValuesDisplayMode_$type, this.i.bq));
+        }
+        /**
+         * 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.fq;
+        }
+        set shouldAnimateOnDataSourceSwap(v) {
+            this.i.fq = ensureBool(v);
+            this._a("shouldAnimateOnDataSourceSwap", this.i.fq);
         }
         /**
          * Gets or sets the width of the current series object's line thickness.
@@ -905,82 +1026,102 @@ export let IgcSeriesComponent = /*@__PURE__*/ (() => {
         * ```
         */
         get thickness() {
-            return this.i.g4;
+            return this.i.iu;
         }
         set thickness(v) {
-            this.i.g4 = +v;
-            this._a("thickness", this.i.g4);
+            this.i.iu = +v;
+            this._a("thickness", this.i.iu);
         }
         /**
          * Gets the effective Thickness for the current series object.
         */
         get actualThickness() {
-            return this.i.fy;
+            return this.i.hk;
         }
         set actualThickness(v) {
-            this.i.fy = +v;
-            this._a("actualThickness", this.i.fy);
+            this.i.hk = +v;
+            this._a("actualThickness", this.i.hk);
         }
         /**
          * 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.pi);
+            return fromDoubleCollection(this.i.s7);
         }
         set dashArray(v) {
-            this.i.pi = toDoubleCollection(v);
-            this._a("dashArray", doubleCollectionToString(this.i.pi));
+            this.i.s7 = toDoubleCollection(v);
+            this._a("dashArray", doubleCollectionToString(this.i.s7));
         }
         /**
          * Gets actual highlighting mode
         */
         get actualHighlightingMode() {
-            return this.i.bl;
+            return this.i.bs;
         }
         set actualHighlightingMode(v) {
-            this.i.bl = ensureEnum(SeriesHighlightingMode_$type, v);
-            this._a("actualHighlightingMode", enumToString(SeriesHighlightingMode_$type, this.i.bl));
+            this.i.bs = ensureEnum(SeriesHighlightingMode_$type, v);
+            this._a("actualHighlightingMode", enumToString(SeriesHighlightingMode_$type, this.i.bs));
+        }
+        /**
+         * Gets actual HighlightedValues fade opacity
+        */
+        get actualHighlightedValuesFadeOpacity() {
+            return this.i.hg;
+        }
+        set actualHighlightedValuesFadeOpacity(v) {
+            this.i.hg = +v;
+            this._a("actualHighlightedValuesFadeOpacity", this.i.hg);
+        }
+        /**
+         * Gets or sets the target opacity to fade to for fade style HighlightedValues.
+        */
+        get highlightedValuesFadeOpacity() {
+            return this.i.ii;
+        }
+        set highlightedValuesFadeOpacity(v) {
+            this.i.ii = +v;
+            this._a("highlightedValuesFadeOpacity", this.i.ii);
         }
         /**
          * Gets actual highlighting fade opacity
         */
         get actualHighlightingFadeOpacity() {
-            return this.i.fv;
+            return this.i.hh;
         }
         set actualHighlightingFadeOpacity(v) {
-            this.i.fv = +v;
-            this._a("actualHighlightingFadeOpacity", this.i.fv);
+            this.i.hh = +v;
+            this._a("actualHighlightingFadeOpacity", this.i.hh);
         }
         /**
          * Gets or sets the target opacity to fade to for fade style highlighting.
         */
         get highlightingFadeOpacity() {
-            return this.i.gu;
+            return this.i.ij;
         }
         set highlightingFadeOpacity(v) {
-            this.i.gu = +v;
-            this._a("highlightingFadeOpacity", this.i.gu);
+            this.i.ij = +v;
+            this._a("highlightingFadeOpacity", this.i.ij);
         }
         /**
          * Gets or sets whether the ActualLegend is FinancialLegend or normal Legend.
         */
         get isActualLegendFinancial() {
-            return this.i.c8;
+            return this.i.d1;
         }
         set isActualLegendFinancial(v) {
-            this.i.c8 = ensureBool(v);
-            this._a("isActualLegendFinancial", this.i.c8);
+            this.i.d1 = ensureBool(v);
+            this._a("isActualLegendFinancial", this.i.d1);
         }
         /**
          * Gets or sets whether the component level highlight mode is ignored.
         */
         get isComponentHighlightingModeIgnored() {
-            return this.i.dl;
+            return this.i.ee;
         }
         set isComponentHighlightingModeIgnored(v) {
-            this.i.dl = ensureBool(v);
-            this._a("isComponentHighlightingModeIgnored", this.i.dl);
+            this.i.ee = ensureBool(v);
+            this._a("isComponentHighlightingModeIgnored", this.i.ee);
         }
         /**
          * Gets or sets whether highlighting should be enabled for this series, if this type of series supports highlighting.
@@ -990,21 +1131,31 @@ export let IgcSeriesComponent = /*@__PURE__*/ (() => {
         * ```
         */
         get isHighlightingEnabled() {
-            return this.i.dz;
+            return this.i.er;
         }
         set isHighlightingEnabled(v) {
-            this.i.dz = ensureBool(v);
-            this._a("isHighlightingEnabled", this.i.dz);
+            this.i.er = ensureBool(v);
+            this._a("isHighlightingEnabled", this.i.er);
+        }
+        /**
+         * Gets or sets whether the opacity should be automatically shifted for the safe actual brush.
+        */
+        get shouldShiftOpacityForSafeActualBrush() {
+            return this.i.fu;
+        }
+        set shouldShiftOpacityForSafeActualBrush(v) {
+            this.i.fu = ensureBool(v);
+            this._a("shouldShiftOpacityForSafeActualBrush", this.i.fu);
         }
         /**
          * Gets or sets whether this series should suppress it's auto callouts
         */
         get shouldHideAutoCallouts() {
-            return this.i.et;
+            return this.i.fs;
         }
         set shouldHideAutoCallouts(v) {
-            this.i.et = ensureBool(v);
-            this._a("shouldHideAutoCallouts", this.i.et);
+            this.i.fs = ensureBool(v);
+            this._a("shouldHideAutoCallouts", this.i.fs);
         }
         /**
          * Gets or sets whether drop shadow should be enabled for this series.
@@ -1016,11 +1167,11 @@ export let IgcSeriesComponent = /*@__PURE__*/ (() => {
         * ```
         */
         get isDropShadowEnabled() {
-            return this.i.dq;
+            return this.i.ei;
         }
         set isDropShadowEnabled(v) {
-            this.i.dq = ensureBool(v);
-            this._a("isDropShadowEnabled", this.i.dq);
+            this.i.ei = ensureBool(v);
+            this._a("isDropShadowEnabled", this.i.ei);
         }
         /**
          * Gets or sets the shadow blur.
@@ -1034,11 +1185,11 @@ export let IgcSeriesComponent = /*@__PURE__*/ (() => {
         * ```
         */
         get shadowBlur() {
-            return this.i.g1;
+            return this.i.ir;
         }
         set shadowBlur(v) {
-            this.i.g1 = +v;
-            this._a("shadowBlur", this.i.g1);
+            this.i.ir = +v;
+            this._a("shadowBlur", this.i.ir);
         }
         /**
          * Gets or sets the drop shadow color.
@@ -1050,11 +1201,11 @@ export let IgcSeriesComponent = /*@__PURE__*/ (() => {
         * ```
         */
         get shadowColor() {
-            return colorToString(this.i.ph);
+            return colorToString(this.i.s6);
         }
         set shadowColor(v) {
-            this.i.ph = stringToColor(v);
-            this._a("shadowColor", colorToString(this.i.ph));
+            this.i.s6 = stringToColor(v);
+            this._a("shadowColor", colorToString(this.i.s6));
         }
         /**
          * Gets or sets whether drop shadow is applied to the whole series visual or to each of the individual shapes forming the series.
@@ -1066,11 +1217,11 @@ export let IgcSeriesComponent = /*@__PURE__*/ (() => {
         * ```
         */
         get useSingleShadow() {
-            return this.i.fb;
+            return this.i.gj;
         }
         set useSingleShadow(v) {
-            this.i.fb = ensureBool(v);
-            this._a("useSingleShadow", this.i.fb);
+            this.i.gj = ensureBool(v);
+            this._a("useSingleShadow", this.i.gj);
         }
         /**
          * Gets or sets the drop shadow x-offset.
@@ -1082,11 +1233,11 @@ export let IgcSeriesComponent = /*@__PURE__*/ (() => {
         * ```
         */
         get shadowOffsetX() {
-            return this.i.g2;
+            return this.i.is;
         }
         set shadowOffsetX(v) {
-            this.i.g2 = +v;
-            this._a("shadowOffsetX", this.i.g2);
+            this.i.is = +v;
+            this._a("shadowOffsetX", this.i.is);
         }
         /**
          * Gets or sets the drop shadow y-offset.
@@ -1098,22 +1249,22 @@ export let IgcSeriesComponent = /*@__PURE__*/ (() => {
         * ```
         */
         get shadowOffsetY() {
-            return this.i.g3;
+            return this.i.it;
         }
         set shadowOffsetY(v) {
-            this.i.g3 = +v;
-            this._a("shadowOffsetY", this.i.g3);
+            this.i.it = +v;
+            this._a("shadowOffsetY", this.i.it);
         }
         /**
          * 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.f3;
+            return this.i.hp;
         }
         set areaFillOpacity(v) {
-            this.i.f3 = +v;
-            this._a("areaFillOpacity", this.i.f3);
+            this.i.hp = +v;
+            this._a("areaFillOpacity", this.i.hp);
         }
         /**
          * Gets the actual opacity applied to the area fill visual.
@@ -1123,32 +1274,32 @@ export let IgcSeriesComponent = /*@__PURE__*/ (() => {
         * ```
         */
         get actualAreaFillOpacity() {
-            return this.i.fu;
+            return this.i.hf;
         }
         set actualAreaFillOpacity(v) {
-            this.i.fu = +v;
-            this._a("actualAreaFillOpacity", this.i.fu);
+            this.i.hf = +v;
+            this._a("actualAreaFillOpacity", this.i.hf);
         }
         /**
          * 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.gv;
+            return this.i.ik;
         }
         set markerFillOpacity(v) {
-            this.i.gv = +v;
-            this._a("markerFillOpacity", this.i.gv);
+            this.i.ik = +v;
+            this._a("markerFillOpacity", this.i.ik);
         }
         /**
          * Gets the actual opacity applied to the fill of the markers.
         */
         get actualMarkerFillOpacity() {
-            return this.i.fw;
+            return this.i.hi;
         }
         set actualMarkerFillOpacity(v) {
-            this.i.fw = +v;
-            this._a("actualMarkerFillOpacity", this.i.fw);
+            this.i.hi = +v;
+            this._a("actualMarkerFillOpacity", this.i.hi);
         }
         /**
          * Gets if the default tooltip has been selected for display.
@@ -1160,11 +1311,11 @@ export let IgcSeriesComponent = /*@__PURE__*/ (() => {
         * ```
         */
         get isDefaultToolTipSelected() {
-            return this.i.dp;
+            return this.i.eh;
         }
         set isDefaultToolTipSelected(v) {
-            this.i.dp = ensureBool(v);
-            this._a("isDefaultToolTipSelected", this.i.dp);
+            this.i.eh = ensureBool(v);
+            this._a("isDefaultToolTipSelected", this.i.eh);
         }
         /**
          * Gets or sets whether default tooltip will be shown.
@@ -1176,31 +1327,31 @@ export let IgcSeriesComponent = /*@__PURE__*/ (() => {
         * ```
         */
         get showDefaultTooltip() {
-            return this.i.ev;
+            return this.i.fy;
         }
         set showDefaultTooltip(v) {
-            this.i.ev = ensureBool(v);
-            this._a("showDefaultTooltip", this.i.ev);
+            this.i.fy = ensureBool(v);
+            this._a("showDefaultTooltip", this.i.fy);
         }
         /**
          * Gets or sets the visible range mode to use.
         */
         get visibleRangeMode() {
-            return this.i.b5;
+            return this.i.cn;
         }
         set visibleRangeMode(v) {
-            this.i.b5 = ensureEnum(SeriesVisibleRangeMode_$type, v);
-            this._a("visibleRangeMode", enumToString(SeriesVisibleRangeMode_$type, this.i.b5));
+            this.i.cn = ensureEnum(SeriesVisibleRangeMode_$type, v);
+            this._a("visibleRangeMode", enumToString(SeriesVisibleRangeMode_$type, this.i.cn));
         }
         /**
          * Gets or sets the outline mode to use for the series.
         */
         get outlineMode() {
-            return this.i.bu;
+            return this.i.cc;
         }
         set outlineMode(v) {
-            this.i.bu = ensureEnum(SeriesOutlineMode_$type, v);
-            this._a("outlineMode", enumToString(SeriesOutlineMode_$type, this.i.bu));
+            this.i.cc = ensureEnum(SeriesOutlineMode_$type, v);
+            this._a("outlineMode", enumToString(SeriesOutlineMode_$type, this.i.cc));
         }
         /**
          * Gets or sets the duration of the current series's transition in morph.
@@ -1212,11 +1363,21 @@ export let IgcSeriesComponent = /*@__PURE__*/ (() => {
         * ```
         */
         get transitionInDuration() {
-            return this.i.hs;
+            return this.i.jj;
         }
         set transitionInDuration(v) {
-            this.i.hs = +v;
-            this._a("transitionInDuration", this.i.hs);
+            this.i.jj = +v;
+            this._a("transitionInDuration", this.i.jj);
+        }
+        /**
+         * Gets or sets the duration of the current series's transition out morph.
+        */
+        get transitionOutDuration() {
+            return this.i.jk;
+        }
+        set transitionOutDuration(v) {
+            this.i.jk = +v;
+            this._a("transitionOutDuration", this.i.jk);
         }
         /**
          * Gets or sets the duration of the current series's transition in morph.
@@ -1228,32 +1389,42 @@ export let IgcSeriesComponent = /*@__PURE__*/ (() => {
         * ```
         */
         get transitionInSpeedType() {
-            return this.i.cb;
+            return this.i.ct;
         }
         set transitionInSpeedType(v) {
-            this.i.cb = ensureEnum(TransitionInSpeedType_$type, v);
-            this._a("transitionInSpeedType", enumToString(TransitionInSpeedType_$type, this.i.cb));
+            this.i.ct = ensureEnum(TransitionInSpeedType_$type, v);
+            this._a("transitionInSpeedType", enumToString(TransitionInSpeedType_$type, this.i.ct));
+        }
+        /**
+         * Gets or sets the duration of the current series's transition out morph.
+        */
+        get transitionOutSpeedType() {
+            return this.i.cv;
+        }
+        set transitionOutSpeedType(v) {
+            this.i.cv = ensureEnum(TransitionOutSpeedType_$type, v);
+            this._a("transitionOutSpeedType", enumToString(TransitionOutSpeedType_$type, this.i.cv));
         }
         /**
          * 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.pk;
+            return this.i.s9;
         }
         set lineCap(v) {
-            this.i.pk = ensureEnum(PenLineCap_$type, v);
-            this._a("lineCap", enumToString(PenLineCap_$type, this.i.pk));
+            this.i.s9 = ensureEnum(PenLineCap_$type, v);
+            this._a("lineCap", enumToString(PenLineCap_$type, this.i.s9));
         }
         /**
          * Gets or sets the whether the chart reacts to mouse move events.
         */
         get mouseOverEnabled() {
-            return this.i.eo;
+            return this.i.fk;
         }
         set mouseOverEnabled(v) {
-            this.i.eo = ensureBool(v);
-            this._a("mouseOverEnabled", this.i.eo);
+            this.i.fk = ensureBool(v);
+            this._a("mouseOverEnabled", this.i.fk);
         }
         /**
          * Gets or sets the coercion methods to use when loading data from data sources.
@@ -1306,11 +1477,11 @@ export let IgcSeriesComponent = /*@__PURE__*/ (() => {
         * ```
         */
         get hitTestMode() {
-            return this.i.br;
+            return this.i.by;
         }
         set hitTestMode(v) {
-            this.i.br = ensureEnum(SeriesHitTestMode_$type, v);
-            this._a("hitTestMode", enumToString(SeriesHitTestMode_$type, this.i.br));
+            this.i.by = ensureEnum(SeriesHitTestMode_$type, v);
+            this._a("hitTestMode", enumToString(SeriesHitTestMode_$type, this.i.by));
         }
         /**
          * Resolved method of hit testing to use when pointing to items in the chart.
@@ -1320,85 +1491,145 @@ export let IgcSeriesComponent = /*@__PURE__*/ (() => {
         * ```
         */
         get actualHitTestMode() {
-            return this.i.bp;
+            return this.i.bw;
         }
         set actualHitTestMode(v) {
-            this.i.bp = ensureEnum(SeriesHitTestMode_$type, v);
-            this._a("actualHitTestMode", enumToString(SeriesHitTestMode_$type, this.i.bp));
+            this.i.bw = ensureEnum(SeriesHitTestMode_$type, v);
+            this._a("actualHitTestMode", enumToString(SeriesHitTestMode_$type, this.i.bw));
         }
         /**
          * Overridden by derived series classes to indicate when negative colors are supported or not.
         */
         get isNegativeColorSupported() {
-            return this.i.d6;
+            return this.i.ez;
         }
         /**
          * Overridden by derived series classes to indicate when markerless display is preferred or not.
         */
         get isMarkerlessDisplayPreferred() {
-            return this.i.d5;
+            return this.i.ey;
         }
         /**
          * The final value of this series.
         */
         get finalValue() {
-            return this.i.f5;
+            return this.i.hr;
         }
         set finalValue(v) {
-            this.i.f5 = +v;
-            this._a("finalValue", this.i.f5);
+            this.i.hr = +v;
+            this._a("finalValue", this.i.hr);
         }
         /**
          * The percent change from the beginning to the end of this series.
         */
         get percentChange() {
-            return this.i.gx;
+            return this.i.im;
         }
         set percentChange(v) {
-            this.i.gx = +v;
-            this._a("percentChange", this.i.gx);
+            this.i.im = +v;
+            this._a("percentChange", this.i.im);
         }
         /**
          * Gets the text that is displayed for the Open label in the tooltip.
         */
         get actualOpenLabel() {
-            return this.i.im;
+            return this.i.ki;
         }
         /**
          * Gets the text that is displayed for the Close label in the tooltip.
         */
         get actualCloseLabel() {
-            return this.i.ia;
+            return this.i.j6;
         }
         /**
          * Gets the text that is displayed for the High label in the tooltip.
         */
         get actualHighLabel() {
-            return this.i.ib;
+            return this.i.j7;
         }
         /**
          * Gets the text that is displayed for the Low label in the tooltip.
         */
         get actualLowLabel() {
-            return this.i.ik;
+            return this.i.kg;
         }
         /**
          * Gets the text that is displayed for the Volume label in the tooltip.
         */
         get actualVolumeLabel() {
-            return this.i.it;
+            return this.i.ko;
         }
         /**
          * Gets the text that is displayed for the Value label in the tooltip.
         */
         get actualValueLabel() {
-            return this.i.is;
+            return this.i.kn;
         }
         /**
          * Gets the text that is displayed for the Value label in the tooltip.
         */
         get actualRadiusLabel() {
-            return this.i.ip;
+            return this.i.kk;
+        }
+        /**
+         * Gets the current extra layers for the series.
+        */
+        get layers() {
+            if (this._layers === null) {
+                let coll = new IgcSeriesLayerCollection();
+                let innerColl = this.i.b6;
+                if (!innerColl) {
+                    innerColl = new SeriesLayerCollection_internal();
+                }
+                this._layers = coll._fromInner(innerColl);
+            }
+            return this._layers;
+        }
+        set layers(v) {
+            if (this._layers !== null) {
+                this._layers._setSyncTarget(null);
+                this._layers = null;
+            }
+            let coll = new IgcSeriesLayerCollection();
+            this._layers = coll._fromOuter(v);
+            let syncColl = new SyncableObservableCollection$1(SeriesLayer.$type);
+            let innerColl = this.i.b6;
+            if (!innerColl) {
+                innerColl = new SeriesLayerCollection_internal();
+            }
+            syncColl._inner = innerColl;
+            syncColl.clear();
+            this._layers._setSyncTarget(syncColl);
+        }
+        /**
+         * Gets the actual extra layers for the series.
+        */
+        get actualLayers() {
+            if (this._actualLayers === null) {
+                let coll = new IgcSeriesLayerCollection();
+                let innerColl = this.i.actualLayers;
+                if (!innerColl) {
+                    innerColl = new SeriesLayerCollection_internal();
+                }
+                this._actualLayers = coll._fromInner(innerColl);
+            }
+            return this._actualLayers;
+        }
+        set actualLayers(v) {
+            if (this._actualLayers !== null) {
+                this._actualLayers._setSyncTarget(null);
+                this._actualLayers = null;
+            }
+            let coll = new IgcSeriesLayerCollection();
+            this._actualLayers = coll._fromOuter(v);
+            let syncColl = new SyncableObservableCollection$1(SeriesLayer.$type);
+            let innerColl = this.i.actualLayers;
+            if (!innerColl) {
+                innerColl = new SeriesLayerCollection_internal();
+            }
+            syncColl._inner = innerColl;
+            syncColl.clear();
+            this._actualLayers._setSyncTarget(syncColl);
         }
         get opacity() {
             return this.i.opacity;
@@ -1420,9 +1651,18 @@ export let IgcSeriesComponent = /*@__PURE__*/ (() => {
                     return this.findEphemera(name);
                 }
             }
+            if (this.highlightedValuesExtraPropertyOverlays != null && this.highlightedValuesExtraPropertyOverlays.findByName && this.highlightedValuesExtraPropertyOverlays.findByName(name)) {
+                return this.highlightedValuesExtraPropertyOverlays.findByName(name);
+            }
             if (this.legend && this.legend.name && this.legend.name == name) {
                 return this.legend;
             }
+            if (this.layers != null && this.layers.findByName && this.layers.findByName(name)) {
+                return this.layers.findByName(name);
+            }
+            if (this.actualLayers != null && this.actualLayers.findByName && this.actualLayers.findByName(name)) {
+                return this.actualLayers.findByName(name);
+            }
             return null;
         }
         get hasUserValues() {
@@ -1483,11 +1723,11 @@ export let IgcSeriesComponent = /*@__PURE__*/ (() => {
     
     */
         resolveTooltipBrush() {
-            let iv = this.i.jw();
+            let iv = this.i.lw();
             return (iv);
         }
         getItemValue(item, memberPathName) {
-            let iv = this.i.h1(item, memberPathName);
+            let iv = this.i.ju(item, memberPathName);
             return (iv);
         }
         /**
@@ -1500,7 +1740,7 @@ export let IgcSeriesComponent = /*@__PURE__*/ (() => {
         * ```
         */
         getExactItemIndex(world) {
-            let iv = this.i.f9(toPoint(world));
+            let iv = this.i.hv(toPoint(world));
             return (iv);
         }
         /**
@@ -1512,7 +1752,7 @@ export let IgcSeriesComponent = /*@__PURE__*/ (() => {
         * ```
         */
         getItemIndex(world) {
-            let iv = this.i.hi(toPoint(world));
+            let iv = this.i.i8(toPoint(world));
             return (iv);
         }
         /**
@@ -1525,23 +1765,23 @@ export let IgcSeriesComponent = /*@__PURE__*/ (() => {
         * ```
         */
         getItem(world) {
-            let iv = this.i.hy(toPoint(world));
+            let iv = this.i.jr(toPoint(world));
             return (iv);
         }
         getPreviousOrExactIndex(world, skipUnknowns) {
-            let iv = this.i.ho(toPoint(world), skipUnknowns);
+            let iv = this.i.jf(toPoint(world), skipUnknowns);
             return (iv);
         }
         getNextOrExactIndex(world, skipUnknowns) {
-            let iv = this.i.hm(toPoint(world), skipUnknowns);
+            let iv = this.i.jd(toPoint(world), skipUnknowns);
             return (iv);
         }
         getSeriesValue(world, useInterpolation, skipUnknowns) {
-            let iv = this.i.gn(toPoint(world), useInterpolation, skipUnknowns);
+            let iv = this.i.h9(toPoint(world), useInterpolation, skipUnknowns);
             return (iv);
         }
         getSeriesValuePosition(world, useInterpolation, skipUnknowns) {
-            let iv = this.i.ps(toPoint(world), useInterpolation, skipUnknowns);
+            let iv = this.i.th(toPoint(world), useInterpolation, skipUnknowns);
             return fromPoint(iv);
         }
         /**
@@ -1550,7 +1790,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.p3(toPoint(world));
+            let iv = this.i.ts(toPoint(world));
             return fromRect(iv);
         }
         /**
@@ -1559,31 +1799,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.p5(toPoint(world));
+            let iv = this.i.tu(toPoint(world));
             return fromRect(iv);
         }
         getSeriesHighValue(world, useInterpolation, skipUnknowns) {
-            let iv = this.i.gj(toPoint(world), useInterpolation, skipUnknowns);
+            let iv = this.i.h5(toPoint(world), useInterpolation, skipUnknowns);
             return (iv);
         }
         getSeriesHighValuePosition(world, useInterpolation, skipUnknowns) {
-            let iv = this.i.po(toPoint(world), useInterpolation, skipUnknowns);
+            let iv = this.i.td(toPoint(world), useInterpolation, skipUnknowns);
             return fromPoint(iv);
         }
         getSeriesLowValue(world, useInterpolation, skipUnknowns) {
-            let iv = this.i.gl(toPoint(world), useInterpolation, skipUnknowns);
+            let iv = this.i.h7(toPoint(world), useInterpolation, skipUnknowns);
             return (iv);
         }
         getSeriesLowValuePosition(world, useInterpolation, skipUnknowns) {
-            let iv = this.i.pq(toPoint(world), useInterpolation, skipUnknowns);
+            let iv = this.i.tf(toPoint(world), useInterpolation, skipUnknowns);
             return fromPoint(iv);
         }
         getSeriesValuePositionFromSeriesPixel(mouse, useInterpolation, skipUnknowns) {
-            let iv = this.i.pt(toPoint(mouse), useInterpolation, skipUnknowns);
+            let iv = this.i.ti(toPoint(mouse), useInterpolation, skipUnknowns);
             return fromPoint(iv);
         }
         getSeriesValueFromSeriesPixel(mouse, useInterpolation, skipUnknowns) {
-            let iv = this.i.go(toPoint(mouse), useInterpolation, skipUnknowns);
+            let iv = this.i.ia(toPoint(mouse), useInterpolation, skipUnknowns);
             return (iv);
         }
         /**
@@ -1595,7 +1835,7 @@ export let IgcSeriesComponent = /*@__PURE__*/ (() => {
         * ```
         */
         getItemSpan() {
-            let iv = this.i.ge();
+            let iv = this.i.h0();
             return (iv);
         }
         /**
@@ -1610,11 +1850,11 @@ export let IgcSeriesComponent = /*@__PURE__*/ (() => {
             return (iv);
         }
         getSeriesValueTypePosition(mode) {
-            let iv = this.i.pv((mode == null ? null : mode));
+            let iv = this.i.tk((mode == null ? null : mode));
             return fromPoint(iv);
         }
         getSeriesValueTypePositionFromValue(values) {
-            let iv = this.i.pw(values);
+            let iv = this.i.tl(values);
             return fromPoint(iv);
         }
         /**
@@ -1622,14 +1862,14 @@ export let IgcSeriesComponent = /*@__PURE__*/ (() => {
         
         */
         hideToolTips() {
-            this.i.li();
+            this.i.n8();
         }
         /**
          * Hides any internal tooltips presented by the series, if any.
         
         */
         hideToolTipsImmediate() {
-            this.i.lj();
+            this.i.n9();
         }
         /**
          * Converts a point from coordinates within the series plot area to a world position within axis space.
@@ -1641,7 +1881,7 @@ export let IgcSeriesComponent = /*@__PURE__*/ (() => {
         * ```
         */
         toWorldPosition(seriesPoint) {
-            let iv = this.i.px(toPoint(seriesPoint));
+            let iv = this.i.tm(toPoint(seriesPoint));
             return fromPoint(iv);
         }
         /**
@@ -1650,7 +1890,7 @@ export let IgcSeriesComponent = /*@__PURE__*/ (() => {
         * @param world  * The world position from which to convert.
         */
         fromWorldPosition(world) {
-            let iv = this.i.pn(toPoint(world));
+            let iv = this.i.tc(toPoint(world));
             return fromPoint(iv);
         }
         /**
@@ -1663,7 +1903,7 @@ export let IgcSeriesComponent = /*@__PURE__*/ (() => {
         * ```
         */
         scrollIntoView(item) {
-            let iv = this.i.eq(item);
+            let iv = this.i.fo(item);
             return (iv);
         }
         /**
@@ -1676,7 +1916,7 @@ export let IgcSeriesComponent = /*@__PURE__*/ (() => {
         * ```
         */
         renderSeries(animate) {
-            this.i.mn(animate);
+            this.i.pp(animate);
         }
         getMainContentViewport() {
             let iv = this.i.getMainContentViewport();
@@ -1695,7 +1935,7 @@ export let IgcSeriesComponent = /*@__PURE__*/ (() => {
         
         */
         removeAllAlternateViews() {
-            this.i.mh();
+            this.i.pi();
         }
         /**
          * Removes an alternate view of this series.
@@ -1703,21 +1943,21 @@ export let IgcSeriesComponent = /*@__PURE__*/ (() => {
         * @param viewIdentifier  * The string identifier for the view to remove.
         */
         removeAlternateView(viewIdentifier) {
-            this.i.mj(viewIdentifier);
+            this.i.pk(viewIdentifier);
         }
         /**
          * Called to notify about changes to indexed-based properties, e.g. Brushes, Outlines, MarkerBrushes, MarkerOutlines and refresh series
         
         */
         notifyIndexedPropertiesChanged() {
-            this.i.lp();
+            this.i.og();
         }
         /**
          * Notifies the series that a visual property has changed, requiring a visual update.
         
         */
         notifyVisualPropertiesChanged() {
-            this.i.lw();
+            this.i.on();
         }
         /**
          * Replays the assigned transition in animation, if any.
@@ -1728,14 +1968,35 @@ export let IgcSeriesComponent = /*@__PURE__*/ (() => {
         * ```
         */
         replayTransitionIn() {
-            this.i.mq();
+            this.i.pt();
+        }
+        /**
+         * Plays the assigned transition out animation, if any.
+        
+        */
+        playTransitionOut() {
+            this.i.o6();
+        }
+        /**
+         * Plays the assigned transition out animation, if any.
+        
+        */
+        playTransitionIn() {
+            this.i.o5();
+        }
+        /**
+         * Plays the assigned transition out animation, if any.
+        
+        */
+        playTransitionOutAndRemove() {
+            this.i.o7();
         }
         /**
          * Call to null out the axes of the series;
         
         */
         removeAxes() {
-            this.i.mk();
+            this.i.pl();
         }
         /**
          * Simulates a pointer hover over the series surface.
@@ -1749,17 +2010,17 @@ export let IgcSeriesComponent = /*@__PURE__*/ (() => {
         * ```
         */
         simulateHover(point) {
-            this.i.mv(toPoint(point));
+            this.i.p2(toPoint(point));
         }
         /**
          * Called when this series' Style is updated.
         
         */
         styleUpdated() {
-            this.i.mx();
+            this.i.p8();
         }
         setNegativeColors(negativeBrush, negativeOutline) {
-            this.i.ms(stringToBrush(negativeBrush), stringToBrush(negativeOutline));
+            this.i.pz(stringToBrush(negativeBrush), stringToBrush(negativeOutline));
         }
         /**
          * Moves the cursor point to the provided world position. Some series may react to the current cursor position.
@@ -1773,7 +2034,7 @@ export let IgcSeriesComponent = /*@__PURE__*/ (() => {
         * ```
         */
         moveCursorPoint(point) {
-            this.i.lm(toPoint(point));
+            this.i.od(toPoint(point));
         }
         /**
          * This event is raised every time a render has been requested from a series.