igniteui-webcomponents-charts 4.6.0 → 4.7.0

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

@@ -19,6 +19,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';
 /**
@@ -44,6 +53,8 @@ var IgcSeriesComponent = /** @class */ /*@__PURE__*/ (function (_super) {
         //}
         _this._chartLevelData = null;
         _this._dataSource = null;
+        _this._chartLevelHighlightedData = null;
+        _this._highlightedDataSource = null;
         _this._tooltipTemplate = null;
         _this._tooltipContent = null;
         _this._tooltipContainerTemplate = null;
@@ -52,6 +63,9 @@ var IgcSeriesComponent = /** @class */ /*@__PURE__*/ (function (_super) {
         _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;
@@ -139,6 +153,36 @@ var IgcSeriesComponent = /** @class */ /*@__PURE__*/ (function (_super) {
         enumerable: false,
         configurable: true
     });
+    IgcSeriesComponent.prototype.provideHighlightedData = function (data) {
+        this._chartLevelHighlightedData = data;
+        this.updatehighlightedDataSource();
+    };
+    IgcSeriesComponent.prototype.onUpdatehighlightedDataSource = function (highlightedDataSource) {
+        return highlightedDataSource;
+    };
+    IgcSeriesComponent.prototype.updatehighlightedDataSource = function () {
+        if (this._highlightedDataSource == null) {
+            this.i.highlightedItemsSource = this.onUpdatehighlightedDataSource(this._chartLevelHighlightedData);
+        }
+        else {
+            this.i.highlightedItemsSource = this.onUpdatehighlightedDataSource(this._highlightedDataSource);
+        }
+    };
+    Object.defineProperty(IgcSeriesComponent.prototype, "highlightedDataSource", {
+        get: function () {
+            if (this._highlightedDataSource != null) {
+                return this._highlightedDataSource;
+            }
+            return this.i.highlightedItemsSource;
+        },
+        set: function (value) {
+            this._highlightedDataSource = value;
+            this.updatehighlightedDataSource();
+            //console.log("setting axis data source: " + value)
+        },
+        enumerable: false,
+        configurable: true
+    });
     IgcSeriesComponent.prototype.bindAxes = function (axes) {
     };
     Object.defineProperty(IgcSeriesComponent.prototype, "tooltipTemplate", {
@@ -308,7 +352,7 @@ var IgcSeriesComponent = /** @class */ /*@__PURE__*/ (function (_super) {
         * ```
         */
         get: function () {
-            return this.i.dd;
+            return this.i.d6;
         },
         enumerable: false,
         configurable: true
@@ -318,7 +362,7 @@ var IgcSeriesComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets whether the series is an crosshair annotation layer.
         */
         get: function () {
-            return this.i.da;
+            return this.i.d3;
         },
         enumerable: false,
         configurable: true
@@ -328,7 +372,7 @@ var IgcSeriesComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets whether the series is an callout annotation layer.
         */
         get: function () {
-            return this.i.c9;
+            return this.i.d2;
         },
         enumerable: false,
         configurable: true
@@ -339,7 +383,7 @@ var IgcSeriesComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Crosshair Layer, Category Highlight Layer, Category Tooltip Layer, Item Tooltip Layer
         */
         get: function () {
-            return this.i.dc;
+            return this.i.d5;
         },
         enumerable: false,
         configurable: true
@@ -349,7 +393,7 @@ var IgcSeriesComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets whether the series is final value annotation layer.
         */
         get: function () {
-            return this.i.db;
+            return this.i.d4;
         },
         enumerable: false,
         configurable: true
@@ -359,7 +403,7 @@ var IgcSeriesComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets whether the series is a value annotation layer.
         */
         get: function () {
-            return this.i.de;
+            return this.i.d7;
         },
         enumerable: false,
         configurable: true
@@ -387,7 +431,7 @@ var IgcSeriesComponent = /** @class */ /*@__PURE__*/ (function (_super) {
         * ```
         */
         get: function () {
-            return this.i.dx;
+            return this.i.ep;
         },
         enumerable: false,
         configurable: true
@@ -401,7 +445,7 @@ var IgcSeriesComponent = /** @class */ /*@__PURE__*/ (function (_super) {
         * ```
         */
         get: function () {
-            return this.i.dg;
+            return this.i.d9;
         },
         enumerable: false,
         configurable: true
@@ -411,7 +455,7 @@ var IgcSeriesComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets whether the current series shows an area shape.
         */
         get: function () {
-            return this.i.df;
+            return this.i.d8;
         },
         enumerable: false,
         configurable: true
@@ -421,7 +465,7 @@ var IgcSeriesComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets whether the current series shows an area shape.
         */
         get: function () {
-            return this.i.c7;
+            return this.i.dz;
         },
         enumerable: false,
         configurable: true
@@ -431,7 +475,7 @@ var IgcSeriesComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets whether the current series shows an area shape.
         */
         get: function () {
-            return this.i.em;
+            return this.i.fi;
         },
         enumerable: false,
         configurable: true
@@ -441,7 +485,7 @@ var IgcSeriesComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets whether the current series shows only line shapes.
         */
         get: function () {
-            return this.i.d4;
+            return this.i.ex;
         },
         enumerable: false,
         configurable: true
@@ -451,7 +495,7 @@ var IgcSeriesComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets whether the current series shows a line contour shape.
         */
         get: function () {
-            return this.i.d3;
+            return this.i.ew;
         },
         enumerable: false,
         configurable: true
@@ -461,7 +505,7 @@ var IgcSeriesComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets whether the current series shows a spline shape.
         */
         get: function () {
-            return this.i.ej;
+            return this.i.fd;
         },
         enumerable: false,
         configurable: true
@@ -471,7 +515,7 @@ var IgcSeriesComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets whether the current series shows a column shape.
         */
         get: function () {
-            return this.i.dk;
+            return this.i.ed;
         },
         enumerable: false,
         configurable: true
@@ -481,7 +525,7 @@ var IgcSeriesComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets whether the current series shows a horizontal column shape.
         */
         get: function () {
-            return this.i.di;
+            return this.i.eb;
         },
         enumerable: false,
         configurable: true
@@ -491,7 +535,7 @@ var IgcSeriesComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets whether the current series shows a waterfall column shape.
         */
         get: function () {
-            return this.i.en;
+            return this.i.fj;
         },
         enumerable: false,
         configurable: true
@@ -501,7 +545,7 @@ var IgcSeriesComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets whether the current series shows a polyline shape.
         */
         get: function () {
-            return this.i.eb;
+            return this.i.e4;
         },
         enumerable: false,
         configurable: true
@@ -511,7 +555,7 @@ var IgcSeriesComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets whether the current series shows a polygon shape.
         */
         get: function () {
-            return this.i.ea;
+            return this.i.e3;
         },
         enumerable: false,
         configurable: true
@@ -521,7 +565,7 @@ var IgcSeriesComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets whether the current series shows pixels.
         */
         get: function () {
-            return this.i.d8;
+            return this.i.e1;
         },
         enumerable: false,
         configurable: true
@@ -531,7 +575,7 @@ var IgcSeriesComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets whether the current series shows a pie shape.
         */
         get: function () {
-            return this.i.d7;
+            return this.i.e0;
         },
         enumerable: false,
         configurable: true
@@ -541,7 +585,7 @@ var IgcSeriesComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets whether the current series shows a tile imagery.
         */
         get: function () {
-            return this.i.el;
+            return this.i.fg;
         },
         enumerable: false,
         configurable: true
@@ -551,7 +595,7 @@ var IgcSeriesComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets whether the current series shows step shapes.
         */
         get: function () {
-            return this.i.ek;
+            return this.i.fe;
         },
         enumerable: false,
         configurable: true
@@ -561,7 +605,7 @@ var IgcSeriesComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets whether the current series shows interactive shape controls.
         */
         get: function () {
-            return this.i.eh;
+            return this.i.fb;
         },
         enumerable: false,
         configurable: true
@@ -575,7 +619,7 @@ var IgcSeriesComponent = /** @class */ /*@__PURE__*/ (function (_super) {
         * ```
         */
         get: function () {
-            return this.i.d9;
+            return this.i.e2;
         },
         enumerable: false,
         configurable: true
@@ -589,7 +633,7 @@ var IgcSeriesComponent = /** @class */ /*@__PURE__*/ (function (_super) {
         * ```
         */
         get: function () {
-            return this.i.ef;
+            return this.i.e9;
         },
         enumerable: false,
         configurable: true
@@ -603,7 +647,7 @@ var IgcSeriesComponent = /** @class */ /*@__PURE__*/ (function (_super) {
         * ```
         */
         get: function () {
-            return this.i.ed;
+            return this.i.e6;
         },
         enumerable: false,
         configurable: true
@@ -631,7 +675,7 @@ var IgcSeriesComponent = /** @class */ /*@__PURE__*/ (function (_super) {
         * ```
         */
         get: function () {
-            return this.i.ds;
+            return this.i.ek;
         },
         enumerable: false,
         configurable: true
@@ -645,7 +689,7 @@ var IgcSeriesComponent = /** @class */ /*@__PURE__*/ (function (_super) {
         * ```
         */
         get: function () {
-            return this.i.ee;
+            return this.i.e7;
         },
         enumerable: false,
         configurable: true
@@ -659,7 +703,7 @@ var IgcSeriesComponent = /** @class */ /*@__PURE__*/ (function (_super) {
         * ```
         */
         get: function () {
-            return this.i.dj;
+            return this.i.ec;
         },
         enumerable: false,
         configurable: true
@@ -673,7 +717,7 @@ var IgcSeriesComponent = /** @class */ /*@__PURE__*/ (function (_super) {
         * ```
         */
         get: function () {
-            return this.i.dy;
+            return this.i.eq;
         },
         enumerable: false,
         configurable: true
@@ -683,7 +727,7 @@ var IgcSeriesComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets whether the current series is a shape type series.
         */
         get: function () {
-            return this.i.eg;
+            return this.i.fa;
         },
         enumerable: false,
         configurable: true
@@ -698,12 +742,19 @@ var IgcSeriesComponent = /** @class */ /*@__PURE__*/ (function (_super) {
         enumerable: false,
         configurable: true
     });
+    Object.defineProperty(IgcSeriesComponent.prototype, "isSummarizationSupported", {
+        get: function () {
+            return this.i.isSummarizationSupported;
+        },
+        enumerable: false,
+        configurable: true
+    });
     Object.defineProperty(IgcSeriesComponent.prototype, "hasOnlyMarkers", {
         /**
          * Gets whether the series has only marker as visuals
         */
         get: function () {
-            return this.i.c5;
+            return this.i.dx;
         },
         enumerable: false,
         configurable: true
@@ -713,7 +764,7 @@ var IgcSeriesComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets whether the series has financial OHLC/candlestick visuals
         */
         get: function () {
-            return this.i.dv;
+            return this.i.en;
         },
         enumerable: false,
         configurable: true
@@ -723,7 +774,7 @@ var IgcSeriesComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets whether the series is financial overlay
         */
         get: function () {
-            return this.i.du;
+            return this.i.em;
         },
         enumerable: false,
         configurable: true
@@ -733,7 +784,7 @@ var IgcSeriesComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets whether the series is financial indicator
         */
         get: function () {
-            return this.i.dt;
+            return this.i.el;
         },
         enumerable: false,
         configurable: true
@@ -743,7 +794,7 @@ var IgcSeriesComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets whether the series is financial waterfall
         */
         get: function () {
-            return this.i.dw;
+            return this.i.eo;
         },
         enumerable: false,
         configurable: true
@@ -759,7 +810,7 @@ var IgcSeriesComponent = /** @class */ /*@__PURE__*/ (function (_super) {
         * ```
         */
         get: function () {
-            return this.i.dm;
+            return this.i.ef;
         },
         enumerable: false,
         configurable: true
@@ -773,7 +824,7 @@ var IgcSeriesComponent = /** @class */ /*@__PURE__*/ (function (_super) {
         * ```
         */
         get: function () {
-            return this.i.dn;
+            return this.i.eg;
         },
         enumerable: false,
         configurable: true
@@ -792,6 +843,40 @@ var IgcSeriesComponent = /** @class */ /*@__PURE__*/ (function (_super) {
         enumerable: false,
         configurable: true
     });
+    Object.defineProperty(IgcSeriesComponent.prototype, "highlightedValuesExtraPropertyOverlays", {
+        /**
+         * Gets the current extra layers for the series.
+        */
+        get: function () {
+            if (this._highlightedValuesExtraPropertyOverlays === null) {
+                var coll = new IgcSeriesLayerPropertyOverlayCollection();
+                var innerColl = this.i.b9;
+                if (!innerColl) {
+                    innerColl = new SeriesLayerPropertyOverlayCollection_internal();
+                }
+                this._highlightedValuesExtraPropertyOverlays = coll._fromInner(innerColl);
+            }
+            return this._highlightedValuesExtraPropertyOverlays;
+        },
+        set: function (v) {
+            if (this._highlightedValuesExtraPropertyOverlays !== null) {
+                this._highlightedValuesExtraPropertyOverlays._setSyncTarget(null);
+                this._highlightedValuesExtraPropertyOverlays = null;
+            }
+            var coll = new IgcSeriesLayerPropertyOverlayCollection();
+            this._highlightedValuesExtraPropertyOverlays = coll._fromOuter(v);
+            var syncColl = new SyncableObservableCollection$1(SeriesLayerPropertyOverlay.$type);
+            var innerColl = this.i.b9;
+            if (!innerColl) {
+                innerColl = new SeriesLayerPropertyOverlayCollection_internal();
+            }
+            syncColl._inner = innerColl;
+            syncColl.clear();
+            this._highlightedValuesExtraPropertyOverlays._setSyncTarget(syncColl);
+        },
+        enumerable: false,
+        configurable: true
+    });
     Object.defineProperty(IgcSeriesComponent.prototype, "isIndexed", {
         /**
          * Gets if the series uses an index, which can be used to auto-assign it a color.
@@ -801,7 +886,7 @@ var IgcSeriesComponent = /** @class */ /*@__PURE__*/ (function (_super) {
         * ```
         */
         get: function () {
-            return this.i.d1;
+            return this.i.et;
         },
         enumerable: false,
         configurable: true
@@ -827,11 +912,11 @@ var IgcSeriesComponent = /** @class */ /*@__PURE__*/ (function (_super) {
         * The `LegendItemVisibilty` can be used to exclude only certain `Series` from the `Legend`.
         */
         get: function () {
-            return this.i.qb;
+            return this.i.t0;
         },
         set: function (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));
         },
         enumerable: false,
         configurable: true
@@ -856,10 +941,10 @@ var IgcSeriesComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets the actual legend item badge template used by the series.
         */
         get: function () {
-            return this.i.ng;
+            return this.i.qs;
         },
         set: function (v) {
-            this.i.ng = v;
+            this.i.qs = v;
         },
         enumerable: false,
         configurable: true
@@ -869,11 +954,11 @@ var IgcSeriesComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets the effective legend badge outline for the current series.
         */
         get: function () {
-            return brushToString(this.i.o7);
+            return brushToString(this.i.su);
         },
         set: function (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));
         },
         enumerable: false,
         configurable: true
@@ -883,11 +968,11 @@ var IgcSeriesComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets the effective legend badge fill for the current series.
         */
         get: function () {
-            return brushToString(this.i.o6);
+            return brushToString(this.i.st);
         },
         set: function (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));
         },
         enumerable: false,
         configurable: true
@@ -944,10 +1029,10 @@ var IgcSeriesComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * the series object itself.
         */
         get: function () {
-            return this.i.nh;
+            return this.i.qt;
         },
         set: function (v) {
-            this.i.nh = v;
+            this.i.qt = v;
         },
         enumerable: false,
         configurable: true
@@ -963,10 +1048,10 @@ var IgcSeriesComponent = /** @class */ /*@__PURE__*/ (function (_super) {
         * ```
         */
         get: function () {
-            return this.i.cg;
+            return this.i.c0;
         },
         set: function (v) {
-            this.i.cg = v;
+            this.i.c0 = v;
         },
         enumerable: false,
         configurable: true
@@ -982,10 +1067,23 @@ var IgcSeriesComponent = /** @class */ /*@__PURE__*/ (function (_super) {
         * ```
         */
         get: function () {
-            return this.i.ch;
+            return this.i.c1;
         },
         set: function (v) {
-            this.i.ch = v;
+            this.i.c1 = v;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(IgcSeriesComponent.prototype, "transitionOutEasingFunction", {
+        /**
+         * Gets or sets the EasingFunction used to morph the current series during the initial transition.
+        */
+        get: function () {
+            return this.i.c2;
+        },
+        set: function (v) {
+            this.i.c2 = v;
         },
         enumerable: false,
         configurable: true
@@ -1001,22 +1099,22 @@ var IgcSeriesComponent = /** @class */ /*@__PURE__*/ (function (_super) {
         * ```
         */
         get: function () {
-            return this.i.hr;
+            return this.i.ji;
         },
         set: function (v) {
-            this.i.hr = +v;
-            this._a("transitionDuration", this.i.hr);
+            this.i.ji = +v;
+            this._a("transitionDuration", this.i.ji);
         },
         enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcSeriesComponent.prototype, "actualResolution", {
         get: function () {
-            return this.i.fx;
+            return this.i.hj;
         },
         set: function (v) {
-            this.i.fx = +v;
-            this._a("actualResolution", this.i.fx);
+            this.i.hj = +v;
+            this._a("actualResolution", this.i.hj);
         },
         enumerable: false,
         configurable: true
@@ -1032,11 +1130,11 @@ var IgcSeriesComponent = /** @class */ /*@__PURE__*/ (function (_super) {
         * ```
         */
         get: function () {
-            return this.i.gy;
+            return this.i.io;
         },
         set: function (v) {
-            this.i.gy = +v;
-            this._a("resolution", this.i.gy);
+            this.i.io = +v;
+            this._a("resolution", this.i.io);
         },
         enumerable: false,
         configurable: true
@@ -1046,11 +1144,11 @@ var IgcSeriesComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the top margin to use when getting a visible axis range for the series.
         */
         get: function () {
-            return this.i.g9;
+            return this.i.iz;
         },
         set: function (v) {
-            this.i.g9 = +v;
-            this._a("visibleRangeMarginTop", this.i.g9);
+            this.i.iz = +v;
+            this._a("visibleRangeMarginTop", this.i.iz);
         },
         enumerable: false,
         configurable: true
@@ -1060,11 +1158,11 @@ var IgcSeriesComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the bottom margin to use when getting a visible axis range for the series.
         */
         get: function () {
-            return this.i.g6;
+            return this.i.iw;
         },
         set: function (v) {
-            this.i.g6 = +v;
-            this._a("visibleRangeMarginBottom", this.i.g6);
+            this.i.iw = +v;
+            this._a("visibleRangeMarginBottom", this.i.iw);
         },
         enumerable: false,
         configurable: true
@@ -1074,11 +1172,11 @@ var IgcSeriesComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the left margin to use when getting a visible axis range for the series.
         */
         get: function () {
-            return this.i.g7;
+            return this.i.ix;
         },
         set: function (v) {
-            this.i.g7 = +v;
-            this._a("visibleRangeMarginLeft", this.i.g7);
+            this.i.ix = +v;
+            this._a("visibleRangeMarginLeft", this.i.ix);
         },
         enumerable: false,
         configurable: true
@@ -1088,11 +1186,11 @@ var IgcSeriesComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the right margin to use when getting a visible axis range for the series.
         */
         get: function () {
-            return this.i.g8;
+            return this.i.iy;
         },
         set: function (v) {
-            this.i.g8 = +v;
-            this._a("visibleRangeMarginRight", this.i.g8);
+            this.i.iy = +v;
+            this._a("visibleRangeMarginRight", this.i.iy);
         },
         enumerable: false,
         configurable: true
@@ -1118,6 +1216,19 @@ var IgcSeriesComponent = /** @class */ /*@__PURE__*/ (function (_super) {
         enumerable: false,
         configurable: true
     });
+    Object.defineProperty(IgcSeriesComponent.prototype, "highlightedTitleSuffix", {
+        /**
+         * Gets or sets the HighlightedTitleSuffix property.
+        */
+        get: function () {
+            return this.i.k1;
+        },
+        set: function (v) {
+            this.i.k1 = v;
+        },
+        enumerable: false,
+        configurable: true
+    });
     Object.defineProperty(IgcSeriesComponent.prototype, "brush", {
         /**
          * Gets or sets the brush to use for the series.
@@ -1129,11 +1240,11 @@ var IgcSeriesComponent = /** @class */ /*@__PURE__*/ (function (_super) {
         * ```
         */
         get: function () {
-            return brushToString(this.i.o9);
+            return brushToString(this.i.sw);
         },
         set: function (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));
         },
         enumerable: false,
         configurable: true
@@ -1147,11 +1258,25 @@ var IgcSeriesComponent = /** @class */ /*@__PURE__*/ (function (_super) {
         * ```
         */
         get: function () {
-            return brushToString(this.i.o5);
+            return brushToString(this.i.ss);
+        },
+        set: function (v) {
+            this.i.ss = stringToBrush(v);
+            this._a("actualBrush", brushToString(this.i.ss));
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(IgcSeriesComponent.prototype, "safeActualBrush", {
+        /**
+         * Gets the effective brush for the current series object with opacity removed so its contrasty for use as a font color.
+        */
+        get: function () {
+            return brushToString(this.i.safeActualBrush);
         },
         set: function (v) {
-            this.i.o5 = stringToBrush(v);
-            this._a("actualBrush", brushToString(this.i.o5));
+            this.i.safeActualBrush = stringToBrush(v);
+            this._a("safeActualBrush", brushToString(this.i.safeActualBrush));
         },
         enumerable: false,
         configurable: true
@@ -1168,11 +1293,11 @@ var IgcSeriesComponent = /** @class */ /*@__PURE__*/ (function (_super) {
         * ```
         */
         get: function () {
-            return brushToString(this.i.pe);
+            return brushToString(this.i.s2);
         },
         set: function (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));
         },
         enumerable: false,
         configurable: true
@@ -1186,11 +1311,11 @@ var IgcSeriesComponent = /** @class */ /*@__PURE__*/ (function (_super) {
         * ```
         */
         get: function () {
-            return brushToString(this.i.o8);
+            return brushToString(this.i.sv);
         },
         set: function (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));
         },
         enumerable: false,
         configurable: true
@@ -1200,11 +1325,39 @@ var IgcSeriesComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the brush that specifies current series object's line join style.
         */
         get: function () {
-            return this.i.pl;
+            return this.i.ta;
         },
         set: function (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));
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(IgcSeriesComponent.prototype, "highlightedValuesDisplayMode", {
+        /**
+         * 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: function () {
+            return this.i.bq;
+        },
+        set: function (v) {
+            this.i.bq = ensureEnum(SeriesHighlightedValuesDisplayMode_$type, v);
+            this._a("highlightedValuesDisplayMode", enumToString(SeriesHighlightedValuesDisplayMode_$type, this.i.bq));
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(IgcSeriesComponent.prototype, "shouldAnimateOnDataSourceSwap", {
+        /**
+         * 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: function () {
+            return this.i.fq;
+        },
+        set: function (v) {
+            this.i.fq = ensureBool(v);
+            this._a("shouldAnimateOnDataSourceSwap", this.i.fq);
         },
         enumerable: false,
         configurable: true
@@ -1220,11 +1373,11 @@ var IgcSeriesComponent = /** @class */ /*@__PURE__*/ (function (_super) {
         * ```
         */
         get: function () {
-            return this.i.g4;
+            return this.i.iu;
         },
         set: function (v) {
-            this.i.g4 = +v;
-            this._a("thickness", this.i.g4);
+            this.i.iu = +v;
+            this._a("thickness", this.i.iu);
         },
         enumerable: false,
         configurable: true
@@ -1234,11 +1387,11 @@ var IgcSeriesComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets the effective Thickness for the current series object.
         */
         get: function () {
-            return this.i.fy;
+            return this.i.hk;
         },
         set: function (v) {
-            this.i.fy = +v;
-            this._a("actualThickness", this.i.fy);
+            this.i.hk = +v;
+            this._a("actualThickness", this.i.hk);
         },
         enumerable: false,
         configurable: true
@@ -1249,11 +1402,11 @@ var IgcSeriesComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * is used to outline the current series object.
         */
         get: function () {
-            return fromDoubleCollection(this.i.pi);
+            return fromDoubleCollection(this.i.s7);
         },
         set: function (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));
         },
         enumerable: false,
         configurable: true
@@ -1263,11 +1416,39 @@ var IgcSeriesComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets actual highlighting mode
         */
         get: function () {
-            return this.i.bl;
+            return this.i.bs;
         },
         set: function (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));
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(IgcSeriesComponent.prototype, "actualHighlightedValuesFadeOpacity", {
+        /**
+         * Gets actual HighlightedValues fade opacity
+        */
+        get: function () {
+            return this.i.hg;
+        },
+        set: function (v) {
+            this.i.hg = +v;
+            this._a("actualHighlightedValuesFadeOpacity", this.i.hg);
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(IgcSeriesComponent.prototype, "highlightedValuesFadeOpacity", {
+        /**
+         * Gets or sets the target opacity to fade to for fade style HighlightedValues.
+        */
+        get: function () {
+            return this.i.ii;
+        },
+        set: function (v) {
+            this.i.ii = +v;
+            this._a("highlightedValuesFadeOpacity", this.i.ii);
         },
         enumerable: false,
         configurable: true
@@ -1277,11 +1458,11 @@ var IgcSeriesComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets actual highlighting fade opacity
         */
         get: function () {
-            return this.i.fv;
+            return this.i.hh;
         },
         set: function (v) {
-            this.i.fv = +v;
-            this._a("actualHighlightingFadeOpacity", this.i.fv);
+            this.i.hh = +v;
+            this._a("actualHighlightingFadeOpacity", this.i.hh);
         },
         enumerable: false,
         configurable: true
@@ -1291,11 +1472,11 @@ var IgcSeriesComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the target opacity to fade to for fade style highlighting.
         */
         get: function () {
-            return this.i.gu;
+            return this.i.ij;
         },
         set: function (v) {
-            this.i.gu = +v;
-            this._a("highlightingFadeOpacity", this.i.gu);
+            this.i.ij = +v;
+            this._a("highlightingFadeOpacity", this.i.ij);
         },
         enumerable: false,
         configurable: true
@@ -1305,11 +1486,11 @@ var IgcSeriesComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets whether the ActualLegend is FinancialLegend or normal Legend.
         */
         get: function () {
-            return this.i.c8;
+            return this.i.d1;
         },
         set: function (v) {
-            this.i.c8 = ensureBool(v);
-            this._a("isActualLegendFinancial", this.i.c8);
+            this.i.d1 = ensureBool(v);
+            this._a("isActualLegendFinancial", this.i.d1);
         },
         enumerable: false,
         configurable: true
@@ -1319,11 +1500,11 @@ var IgcSeriesComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets whether the component level highlight mode is ignored.
         */
         get: function () {
-            return this.i.dl;
+            return this.i.ee;
         },
         set: function (v) {
-            this.i.dl = ensureBool(v);
-            this._a("isComponentHighlightingModeIgnored", this.i.dl);
+            this.i.ee = ensureBool(v);
+            this._a("isComponentHighlightingModeIgnored", this.i.ee);
         },
         enumerable: false,
         configurable: true
@@ -1337,11 +1518,25 @@ var IgcSeriesComponent = /** @class */ /*@__PURE__*/ (function (_super) {
         * ```
         */
         get: function () {
-            return this.i.dz;
+            return this.i.er;
         },
         set: function (v) {
-            this.i.dz = ensureBool(v);
-            this._a("isHighlightingEnabled", this.i.dz);
+            this.i.er = ensureBool(v);
+            this._a("isHighlightingEnabled", this.i.er);
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(IgcSeriesComponent.prototype, "shouldShiftOpacityForSafeActualBrush", {
+        /**
+         * Gets or sets whether the opacity should be automatically shifted for the safe actual brush.
+        */
+        get: function () {
+            return this.i.fu;
+        },
+        set: function (v) {
+            this.i.fu = ensureBool(v);
+            this._a("shouldShiftOpacityForSafeActualBrush", this.i.fu);
         },
         enumerable: false,
         configurable: true
@@ -1351,11 +1546,11 @@ var IgcSeriesComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets whether this series should suppress it's auto callouts
         */
         get: function () {
-            return this.i.et;
+            return this.i.fs;
         },
         set: function (v) {
-            this.i.et = ensureBool(v);
-            this._a("shouldHideAutoCallouts", this.i.et);
+            this.i.fs = ensureBool(v);
+            this._a("shouldHideAutoCallouts", this.i.fs);
         },
         enumerable: false,
         configurable: true
@@ -1371,11 +1566,11 @@ var IgcSeriesComponent = /** @class */ /*@__PURE__*/ (function (_super) {
         * ```
         */
         get: function () {
-            return this.i.dq;
+            return this.i.ei;
         },
         set: function (v) {
-            this.i.dq = ensureBool(v);
-            this._a("isDropShadowEnabled", this.i.dq);
+            this.i.ei = ensureBool(v);
+            this._a("isDropShadowEnabled", this.i.ei);
         },
         enumerable: false,
         configurable: true
@@ -1393,11 +1588,11 @@ var IgcSeriesComponent = /** @class */ /*@__PURE__*/ (function (_super) {
         * ```
         */
         get: function () {
-            return this.i.g1;
+            return this.i.ir;
         },
         set: function (v) {
-            this.i.g1 = +v;
-            this._a("shadowBlur", this.i.g1);
+            this.i.ir = +v;
+            this._a("shadowBlur", this.i.ir);
         },
         enumerable: false,
         configurable: true
@@ -1413,11 +1608,11 @@ var IgcSeriesComponent = /** @class */ /*@__PURE__*/ (function (_super) {
         * ```
         */
         get: function () {
-            return colorToString(this.i.ph);
+            return colorToString(this.i.s6);
         },
         set: function (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));
         },
         enumerable: false,
         configurable: true
@@ -1433,11 +1628,11 @@ var IgcSeriesComponent = /** @class */ /*@__PURE__*/ (function (_super) {
         * ```
         */
         get: function () {
-            return this.i.fb;
+            return this.i.gj;
         },
         set: function (v) {
-            this.i.fb = ensureBool(v);
-            this._a("useSingleShadow", this.i.fb);
+            this.i.gj = ensureBool(v);
+            this._a("useSingleShadow", this.i.gj);
         },
         enumerable: false,
         configurable: true
@@ -1453,11 +1648,11 @@ var IgcSeriesComponent = /** @class */ /*@__PURE__*/ (function (_super) {
         * ```
         */
         get: function () {
-            return this.i.g2;
+            return this.i.is;
         },
         set: function (v) {
-            this.i.g2 = +v;
-            this._a("shadowOffsetX", this.i.g2);
+            this.i.is = +v;
+            this._a("shadowOffsetX", this.i.is);
         },
         enumerable: false,
         configurable: true
@@ -1473,11 +1668,11 @@ var IgcSeriesComponent = /** @class */ /*@__PURE__*/ (function (_super) {
         * ```
         */
         get: function () {
-            return this.i.g3;
+            return this.i.it;
         },
         set: function (v) {
-            this.i.g3 = +v;
-            this._a("shadowOffsetY", this.i.g3);
+            this.i.it = +v;
+            this._a("shadowOffsetY", this.i.it);
         },
         enumerable: false,
         configurable: true
@@ -1488,11 +1683,11 @@ var IgcSeriesComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * This property only applies to series that have area visual.
         */
         get: function () {
-            return this.i.f3;
+            return this.i.hp;
         },
         set: function (v) {
-            this.i.f3 = +v;
-            this._a("areaFillOpacity", this.i.f3);
+            this.i.hp = +v;
+            this._a("areaFillOpacity", this.i.hp);
         },
         enumerable: false,
         configurable: true
@@ -1506,11 +1701,11 @@ var IgcSeriesComponent = /** @class */ /*@__PURE__*/ (function (_super) {
         * ```
         */
         get: function () {
-            return this.i.fu;
+            return this.i.hf;
         },
         set: function (v) {
-            this.i.fu = +v;
-            this._a("actualAreaFillOpacity", this.i.fu);
+            this.i.hf = +v;
+            this._a("actualAreaFillOpacity", this.i.hf);
         },
         enumerable: false,
         configurable: true
@@ -1521,11 +1716,11 @@ var IgcSeriesComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * This property only applies to series that have area visual.
         */
         get: function () {
-            return this.i.gv;
+            return this.i.ik;
         },
         set: function (v) {
-            this.i.gv = +v;
-            this._a("markerFillOpacity", this.i.gv);
+            this.i.ik = +v;
+            this._a("markerFillOpacity", this.i.ik);
         },
         enumerable: false,
         configurable: true
@@ -1535,11 +1730,11 @@ var IgcSeriesComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets the actual opacity applied to the fill of the markers.
         */
         get: function () {
-            return this.i.fw;
+            return this.i.hi;
         },
         set: function (v) {
-            this.i.fw = +v;
-            this._a("actualMarkerFillOpacity", this.i.fw);
+            this.i.hi = +v;
+            this._a("actualMarkerFillOpacity", this.i.hi);
         },
         enumerable: false,
         configurable: true
@@ -1555,11 +1750,11 @@ var IgcSeriesComponent = /** @class */ /*@__PURE__*/ (function (_super) {
         * ```
         */
         get: function () {
-            return this.i.dp;
+            return this.i.eh;
         },
         set: function (v) {
-            this.i.dp = ensureBool(v);
-            this._a("isDefaultToolTipSelected", this.i.dp);
+            this.i.eh = ensureBool(v);
+            this._a("isDefaultToolTipSelected", this.i.eh);
         },
         enumerable: false,
         configurable: true
@@ -1575,11 +1770,11 @@ var IgcSeriesComponent = /** @class */ /*@__PURE__*/ (function (_super) {
         * ```
         */
         get: function () {
-            return this.i.ev;
+            return this.i.fy;
         },
         set: function (v) {
-            this.i.ev = ensureBool(v);
-            this._a("showDefaultTooltip", this.i.ev);
+            this.i.fy = ensureBool(v);
+            this._a("showDefaultTooltip", this.i.fy);
         },
         enumerable: false,
         configurable: true
@@ -1589,11 +1784,11 @@ var IgcSeriesComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the visible range mode to use.
         */
         get: function () {
-            return this.i.b5;
+            return this.i.cn;
         },
         set: function (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));
         },
         enumerable: false,
         configurable: true
@@ -1603,11 +1798,11 @@ var IgcSeriesComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the outline mode to use for the series.
         */
         get: function () {
-            return this.i.bu;
+            return this.i.cc;
         },
         set: function (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));
         },
         enumerable: false,
         configurable: true
@@ -1623,11 +1818,25 @@ var IgcSeriesComponent = /** @class */ /*@__PURE__*/ (function (_super) {
         * ```
         */
         get: function () {
-            return this.i.hs;
+            return this.i.jj;
+        },
+        set: function (v) {
+            this.i.jj = +v;
+            this._a("transitionInDuration", this.i.jj);
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(IgcSeriesComponent.prototype, "transitionOutDuration", {
+        /**
+         * Gets or sets the duration of the current series's transition out morph.
+        */
+        get: function () {
+            return this.i.jk;
         },
         set: function (v) {
-            this.i.hs = +v;
-            this._a("transitionInDuration", this.i.hs);
+            this.i.jk = +v;
+            this._a("transitionOutDuration", this.i.jk);
         },
         enumerable: false,
         configurable: true
@@ -1643,11 +1852,25 @@ var IgcSeriesComponent = /** @class */ /*@__PURE__*/ (function (_super) {
         * ```
         */
         get: function () {
-            return this.i.cb;
+            return this.i.ct;
         },
         set: function (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));
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(IgcSeriesComponent.prototype, "transitionOutSpeedType", {
+        /**
+         * Gets or sets the duration of the current series's transition out morph.
+        */
+        get: function () {
+            return this.i.cv;
+        },
+        set: function (v) {
+            this.i.cv = ensureEnum(TransitionOutSpeedType_$type, v);
+            this._a("transitionOutSpeedType", enumToString(TransitionOutSpeedType_$type, this.i.cv));
         },
         enumerable: false,
         configurable: true
@@ -1658,11 +1881,11 @@ var IgcSeriesComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * 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: function () {
-            return this.i.pk;
+            return this.i.s9;
         },
         set: function (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));
         },
         enumerable: false,
         configurable: true
@@ -1672,11 +1895,11 @@ var IgcSeriesComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the whether the chart reacts to mouse move events.
         */
         get: function () {
-            return this.i.eo;
+            return this.i.fk;
         },
         set: function (v) {
-            this.i.eo = ensureBool(v);
-            this._a("mouseOverEnabled", this.i.eo);
+            this.i.fk = ensureBool(v);
+            this._a("mouseOverEnabled", this.i.fk);
         },
         enumerable: false,
         configurable: true
@@ -1741,11 +1964,11 @@ var IgcSeriesComponent = /** @class */ /*@__PURE__*/ (function (_super) {
         * ```
         */
         get: function () {
-            return this.i.br;
+            return this.i.by;
         },
         set: function (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));
         },
         enumerable: false,
         configurable: true
@@ -1759,11 +1982,11 @@ var IgcSeriesComponent = /** @class */ /*@__PURE__*/ (function (_super) {
         * ```
         */
         get: function () {
-            return this.i.bp;
+            return this.i.bw;
         },
         set: function (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));
         },
         enumerable: false,
         configurable: true
@@ -1773,7 +1996,7 @@ var IgcSeriesComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Overridden by derived series classes to indicate when negative colors are supported or not.
         */
         get: function () {
-            return this.i.d6;
+            return this.i.ez;
         },
         enumerable: false,
         configurable: true
@@ -1783,7 +2006,7 @@ var IgcSeriesComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Overridden by derived series classes to indicate when markerless display is preferred or not.
         */
         get: function () {
-            return this.i.d5;
+            return this.i.ey;
         },
         enumerable: false,
         configurable: true
@@ -1793,11 +2016,11 @@ var IgcSeriesComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * The final value of this series.
         */
         get: function () {
-            return this.i.f5;
+            return this.i.hr;
         },
         set: function (v) {
-            this.i.f5 = +v;
-            this._a("finalValue", this.i.f5);
+            this.i.hr = +v;
+            this._a("finalValue", this.i.hr);
         },
         enumerable: false,
         configurable: true
@@ -1807,11 +2030,11 @@ var IgcSeriesComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * The percent change from the beginning to the end of this series.
         */
         get: function () {
-            return this.i.gx;
+            return this.i.im;
         },
         set: function (v) {
-            this.i.gx = +v;
-            this._a("percentChange", this.i.gx);
+            this.i.im = +v;
+            this._a("percentChange", this.i.im);
         },
         enumerable: false,
         configurable: true
@@ -1821,7 +2044,7 @@ var IgcSeriesComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets the text that is displayed for the Open label in the tooltip.
         */
         get: function () {
-            return this.i.im;
+            return this.i.ki;
         },
         enumerable: false,
         configurable: true
@@ -1831,7 +2054,7 @@ var IgcSeriesComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets the text that is displayed for the Close label in the tooltip.
         */
         get: function () {
-            return this.i.ia;
+            return this.i.j6;
         },
         enumerable: false,
         configurable: true
@@ -1841,7 +2064,7 @@ var IgcSeriesComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets the text that is displayed for the High label in the tooltip.
         */
         get: function () {
-            return this.i.ib;
+            return this.i.j7;
         },
         enumerable: false,
         configurable: true
@@ -1851,7 +2074,7 @@ var IgcSeriesComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets the text that is displayed for the Low label in the tooltip.
         */
         get: function () {
-            return this.i.ik;
+            return this.i.kg;
         },
         enumerable: false,
         configurable: true
@@ -1861,7 +2084,7 @@ var IgcSeriesComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets the text that is displayed for the Volume label in the tooltip.
         */
         get: function () {
-            return this.i.it;
+            return this.i.ko;
         },
         enumerable: false,
         configurable: true
@@ -1871,7 +2094,7 @@ var IgcSeriesComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets the text that is displayed for the Value label in the tooltip.
         */
         get: function () {
-            return this.i.is;
+            return this.i.kn;
         },
         enumerable: false,
         configurable: true
@@ -1881,7 +2104,75 @@ var IgcSeriesComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets the text that is displayed for the Value label in the tooltip.
         */
         get: function () {
-            return this.i.ip;
+            return this.i.kk;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(IgcSeriesComponent.prototype, "layers", {
+        /**
+         * Gets the current extra layers for the series.
+        */
+        get: function () {
+            if (this._layers === null) {
+                var coll = new IgcSeriesLayerCollection();
+                var innerColl = this.i.b6;
+                if (!innerColl) {
+                    innerColl = new SeriesLayerCollection_internal();
+                }
+                this._layers = coll._fromInner(innerColl);
+            }
+            return this._layers;
+        },
+        set: function (v) {
+            if (this._layers !== null) {
+                this._layers._setSyncTarget(null);
+                this._layers = null;
+            }
+            var coll = new IgcSeriesLayerCollection();
+            this._layers = coll._fromOuter(v);
+            var syncColl = new SyncableObservableCollection$1(SeriesLayer.$type);
+            var innerColl = this.i.b6;
+            if (!innerColl) {
+                innerColl = new SeriesLayerCollection_internal();
+            }
+            syncColl._inner = innerColl;
+            syncColl.clear();
+            this._layers._setSyncTarget(syncColl);
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(IgcSeriesComponent.prototype, "actualLayers", {
+        /**
+         * Gets the actual extra layers for the series.
+        */
+        get: function () {
+            if (this._actualLayers === null) {
+                var coll = new IgcSeriesLayerCollection();
+                var innerColl = this.i.actualLayers;
+                if (!innerColl) {
+                    innerColl = new SeriesLayerCollection_internal();
+                }
+                this._actualLayers = coll._fromInner(innerColl);
+            }
+            return this._actualLayers;
+        },
+        set: function (v) {
+            if (this._actualLayers !== null) {
+                this._actualLayers._setSyncTarget(null);
+                this._actualLayers = null;
+            }
+            var coll = new IgcSeriesLayerCollection();
+            this._actualLayers = coll._fromOuter(v);
+            var syncColl = new SyncableObservableCollection$1(SeriesLayer.$type);
+            var innerColl = this.i.actualLayers;
+            if (!innerColl) {
+                innerColl = new SeriesLayerCollection_internal();
+            }
+            syncColl._inner = innerColl;
+            syncColl.clear();
+            this._actualLayers._setSyncTarget(syncColl);
         },
         enumerable: false,
         configurable: true
@@ -1914,9 +2205,18 @@ var IgcSeriesComponent = /** @class */ /*@__PURE__*/ (function (_super) {
                 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;
     };
     Object.defineProperty(IgcSeriesComponent.prototype, "hasUserValues", {
@@ -1981,11 +2281,11 @@ var IgcSeriesComponent = /** @class */ /*@__PURE__*/ (function (_super) {
 
 */
     IgcSeriesComponent.prototype.resolveTooltipBrush = function () {
-        var iv = this.i.jw();
+        var iv = this.i.lw();
         return (iv);
     };
     IgcSeriesComponent.prototype.getItemValue = function (item, memberPathName) {
-        var iv = this.i.h1(item, memberPathName);
+        var iv = this.i.ju(item, memberPathName);
         return (iv);
     };
     /**
@@ -1998,7 +2298,7 @@ var IgcSeriesComponent = /** @class */ /*@__PURE__*/ (function (_super) {
     * ```
     */
     IgcSeriesComponent.prototype.getExactItemIndex = function (world) {
-        var iv = this.i.f9(toPoint(world));
+        var iv = this.i.hv(toPoint(world));
         return (iv);
     };
     /**
@@ -2010,7 +2310,7 @@ var IgcSeriesComponent = /** @class */ /*@__PURE__*/ (function (_super) {
     * ```
     */
     IgcSeriesComponent.prototype.getItemIndex = function (world) {
-        var iv = this.i.hi(toPoint(world));
+        var iv = this.i.i8(toPoint(world));
         return (iv);
     };
     /**
@@ -2023,23 +2323,23 @@ var IgcSeriesComponent = /** @class */ /*@__PURE__*/ (function (_super) {
     * ```
     */
     IgcSeriesComponent.prototype.getItem = function (world) {
-        var iv = this.i.hy(toPoint(world));
+        var iv = this.i.jr(toPoint(world));
         return (iv);
     };
     IgcSeriesComponent.prototype.getPreviousOrExactIndex = function (world, skipUnknowns) {
-        var iv = this.i.ho(toPoint(world), skipUnknowns);
+        var iv = this.i.jf(toPoint(world), skipUnknowns);
         return (iv);
     };
     IgcSeriesComponent.prototype.getNextOrExactIndex = function (world, skipUnknowns) {
-        var iv = this.i.hm(toPoint(world), skipUnknowns);
+        var iv = this.i.jd(toPoint(world), skipUnknowns);
         return (iv);
     };
     IgcSeriesComponent.prototype.getSeriesValue = function (world, useInterpolation, skipUnknowns) {
-        var iv = this.i.gn(toPoint(world), useInterpolation, skipUnknowns);
+        var iv = this.i.h9(toPoint(world), useInterpolation, skipUnknowns);
         return (iv);
     };
     IgcSeriesComponent.prototype.getSeriesValuePosition = function (world, useInterpolation, skipUnknowns) {
-        var iv = this.i.ps(toPoint(world), useInterpolation, skipUnknowns);
+        var iv = this.i.th(toPoint(world), useInterpolation, skipUnknowns);
         return fromPoint(iv);
     };
     /**
@@ -2048,7 +2348,7 @@ var IgcSeriesComponent = /** @class */ /*@__PURE__*/ (function (_super) {
     * @param world  * The world coordinate for which to get a value bounding box for
     */
     IgcSeriesComponent.prototype.getSeriesValueBoundingBox = function (world) {
-        var iv = this.i.p3(toPoint(world));
+        var iv = this.i.ts(toPoint(world));
         return fromRect(iv);
     };
     /**
@@ -2057,31 +2357,31 @@ var IgcSeriesComponent = /** @class */ /*@__PURE__*/ (function (_super) {
     * @param world  * The world coordinates for which to get a value marker bounding box for
     */
     IgcSeriesComponent.prototype.getSeriesValueMarkerBoundingBox = function (world) {
-        var iv = this.i.p5(toPoint(world));
+        var iv = this.i.tu(toPoint(world));
         return fromRect(iv);
     };
     IgcSeriesComponent.prototype.getSeriesHighValue = function (world, useInterpolation, skipUnknowns) {
-        var iv = this.i.gj(toPoint(world), useInterpolation, skipUnknowns);
+        var iv = this.i.h5(toPoint(world), useInterpolation, skipUnknowns);
         return (iv);
     };
     IgcSeriesComponent.prototype.getSeriesHighValuePosition = function (world, useInterpolation, skipUnknowns) {
-        var iv = this.i.po(toPoint(world), useInterpolation, skipUnknowns);
+        var iv = this.i.td(toPoint(world), useInterpolation, skipUnknowns);
         return fromPoint(iv);
     };
     IgcSeriesComponent.prototype.getSeriesLowValue = function (world, useInterpolation, skipUnknowns) {
-        var iv = this.i.gl(toPoint(world), useInterpolation, skipUnknowns);
+        var iv = this.i.h7(toPoint(world), useInterpolation, skipUnknowns);
         return (iv);
     };
     IgcSeriesComponent.prototype.getSeriesLowValuePosition = function (world, useInterpolation, skipUnknowns) {
-        var iv = this.i.pq(toPoint(world), useInterpolation, skipUnknowns);
+        var iv = this.i.tf(toPoint(world), useInterpolation, skipUnknowns);
         return fromPoint(iv);
     };
     IgcSeriesComponent.prototype.getSeriesValuePositionFromSeriesPixel = function (mouse, useInterpolation, skipUnknowns) {
-        var iv = this.i.pt(toPoint(mouse), useInterpolation, skipUnknowns);
+        var iv = this.i.ti(toPoint(mouse), useInterpolation, skipUnknowns);
         return fromPoint(iv);
     };
     IgcSeriesComponent.prototype.getSeriesValueFromSeriesPixel = function (mouse, useInterpolation, skipUnknowns) {
-        var iv = this.i.go(toPoint(mouse), useInterpolation, skipUnknowns);
+        var iv = this.i.ia(toPoint(mouse), useInterpolation, skipUnknowns);
         return (iv);
     };
     /**
@@ -2093,7 +2393,7 @@ var IgcSeriesComponent = /** @class */ /*@__PURE__*/ (function (_super) {
     * ```
     */
     IgcSeriesComponent.prototype.getItemSpan = function () {
-        var iv = this.i.ge();
+        var iv = this.i.h0();
         return (iv);
     };
     /**
@@ -2108,11 +2408,11 @@ var IgcSeriesComponent = /** @class */ /*@__PURE__*/ (function (_super) {
         return (iv);
     };
     IgcSeriesComponent.prototype.getSeriesValueTypePosition = function (mode) {
-        var iv = this.i.pv((mode == null ? null : mode));
+        var iv = this.i.tk((mode == null ? null : mode));
         return fromPoint(iv);
     };
     IgcSeriesComponent.prototype.getSeriesValueTypePositionFromValue = function (values) {
-        var iv = this.i.pw(values);
+        var iv = this.i.tl(values);
         return fromPoint(iv);
     };
     /**
@@ -2120,14 +2420,14 @@ var IgcSeriesComponent = /** @class */ /*@__PURE__*/ (function (_super) {
     
     */
     IgcSeriesComponent.prototype.hideToolTips = function () {
-        this.i.li();
+        this.i.n8();
     };
     /**
      * Hides any internal tooltips presented by the series, if any.
     
     */
     IgcSeriesComponent.prototype.hideToolTipsImmediate = function () {
-        this.i.lj();
+        this.i.n9();
     };
     /**
      * Converts a point from coordinates within the series plot area to a world position within axis space.
@@ -2139,7 +2439,7 @@ var IgcSeriesComponent = /** @class */ /*@__PURE__*/ (function (_super) {
     * ```
     */
     IgcSeriesComponent.prototype.toWorldPosition = function (seriesPoint) {
-        var iv = this.i.px(toPoint(seriesPoint));
+        var iv = this.i.tm(toPoint(seriesPoint));
         return fromPoint(iv);
     };
     /**
@@ -2148,7 +2448,7 @@ var IgcSeriesComponent = /** @class */ /*@__PURE__*/ (function (_super) {
     * @param world  * The world position from which to convert.
     */
     IgcSeriesComponent.prototype.fromWorldPosition = function (world) {
-        var iv = this.i.pn(toPoint(world));
+        var iv = this.i.tc(toPoint(world));
         return fromPoint(iv);
     };
     /**
@@ -2161,7 +2461,7 @@ var IgcSeriesComponent = /** @class */ /*@__PURE__*/ (function (_super) {
     * ```
     */
     IgcSeriesComponent.prototype.scrollIntoView = function (item) {
-        var iv = this.i.eq(item);
+        var iv = this.i.fo(item);
         return (iv);
     };
     /**
@@ -2174,7 +2474,7 @@ var IgcSeriesComponent = /** @class */ /*@__PURE__*/ (function (_super) {
     * ```
     */
     IgcSeriesComponent.prototype.renderSeries = function (animate) {
-        this.i.mn(animate);
+        this.i.pp(animate);
     };
     IgcSeriesComponent.prototype.getMainContentViewport = function () {
         var iv = this.i.getMainContentViewport();
@@ -2193,7 +2493,7 @@ var IgcSeriesComponent = /** @class */ /*@__PURE__*/ (function (_super) {
     
     */
     IgcSeriesComponent.prototype.removeAllAlternateViews = function () {
-        this.i.mh();
+        this.i.pi();
     };
     /**
      * Removes an alternate view of this series.
@@ -2201,21 +2501,21 @@ var IgcSeriesComponent = /** @class */ /*@__PURE__*/ (function (_super) {
     * @param viewIdentifier  * The string identifier for the view to remove.
     */
     IgcSeriesComponent.prototype.removeAlternateView = function (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
     
     */
     IgcSeriesComponent.prototype.notifyIndexedPropertiesChanged = function () {
-        this.i.lp();
+        this.i.og();
     };
     /**
      * Notifies the series that a visual property has changed, requiring a visual update.
     
     */
     IgcSeriesComponent.prototype.notifyVisualPropertiesChanged = function () {
-        this.i.lw();
+        this.i.on();
     };
     /**
      * Replays the assigned transition in animation, if any.
@@ -2226,14 +2526,35 @@ var IgcSeriesComponent = /** @class */ /*@__PURE__*/ (function (_super) {
     * ```
     */
     IgcSeriesComponent.prototype.replayTransitionIn = function () {
-        this.i.mq();
+        this.i.pt();
+    };
+    /**
+     * Plays the assigned transition out animation, if any.
+    
+    */
+    IgcSeriesComponent.prototype.playTransitionOut = function () {
+        this.i.o6();
+    };
+    /**
+     * Plays the assigned transition out animation, if any.
+    
+    */
+    IgcSeriesComponent.prototype.playTransitionIn = function () {
+        this.i.o5();
+    };
+    /**
+     * Plays the assigned transition out animation, if any.
+    
+    */
+    IgcSeriesComponent.prototype.playTransitionOutAndRemove = function () {
+        this.i.o7();
     };
     /**
      * Call to null out the axes of the series;
     
     */
     IgcSeriesComponent.prototype.removeAxes = function () {
-        this.i.mk();
+        this.i.pl();
     };
     /**
      * Simulates a pointer hover over the series surface.
@@ -2247,17 +2568,17 @@ var IgcSeriesComponent = /** @class */ /*@__PURE__*/ (function (_super) {
     * ```
     */
     IgcSeriesComponent.prototype.simulateHover = function (point) {
-        this.i.mv(toPoint(point));
+        this.i.p2(toPoint(point));
     };
     /**
      * Called when this series' Style is updated.
     
     */
     IgcSeriesComponent.prototype.styleUpdated = function () {
-        this.i.mx();
+        this.i.p8();
     };
     IgcSeriesComponent.prototype.setNegativeColors = function (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.
@@ -2271,7 +2592,7 @@ var IgcSeriesComponent = /** @class */ /*@__PURE__*/ (function (_super) {
     * ```
     */
     IgcSeriesComponent.prototype.moveCursorPoint = function (point) {
-        this.i.lm(toPoint(point));
+        this.i.od(toPoint(point));
     };
     Object.defineProperty(IgcSeriesComponent.prototype, "renderRequested", {
         /**