igniteui-webcomponents-charts 5.0.2 → 5.0.3-beta.0

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

@@ -7,7 +7,7 @@ GOVERNS THE LICENSING, INSTALLATION AND USE OF INFRAGISTICS SOFTWARE. BY DOWNLOA
 import { Visibility_$type } from "igniteui-webcomponents-core";
 import { TransitionInSpeedType_$type } from './TransitionInSpeedType';
 import { SeriesHitTestMode_$type } from './SeriesHitTestMode';
-import { doubleCollectionToString, fromDoubleCollection, toDoubleCollection, brushToString, stringToBrush, toPoint, fromPoint, fromRect, stringToColor, colorToString, ensureEnum, ensureBool, toSpinal, fromSpinal, getAllPropertyNames, enumToString, initializePropertiesFromCss, NamePatcher, arrayFindByName } from "igniteui-webcomponents-core";
+import { doubleCollectionToString, fromDoubleCollection, toDoubleCollection, brushToString, stringToBrush, toPoint, fromPoint, toRect, fromRect, stringToColor, colorToString, ensureEnum, ensureBool, toSpinal, fromSpinal, getAllPropertyNames, enumToString, initializePropertiesFromCss, NamePatcher, arrayFindByName } from "igniteui-webcomponents-core";
 import { IgcRenderRequestedEventArgs } from './igc-render-requested-event-args';
 import { delegateCombine, TypeRegistrar, delegateRemove } from "igniteui-webcomponents-core";
 import { IgcHTMLElement } from "igniteui-webcomponents-core";
@@ -310,20 +310,20 @@ export let IgcSeriesComponent = /*@__PURE__*/ (() => {
          * If not set, series will be grouped by series family, e.g. Category, Range, Financial, Scatter
         */
         get dataLegendGroup() {
-            return this.i.l1;
+            return this.i.l2;
         }
         set dataLegendGroup(v) {
-            this.i.l1 = v;
+            this.i.l2 = v;
         }
         /**
          * Gets or sets a name used for grouping highlighted series in the Data Legend
          * If not set, series will default to parent series' DataLegendGroup, e.g. Category, Range, Financial, Scatter
         */
         get highlightedValuesDataLegendGroup() {
-            return this.i.mh;
+            return this.i.mi;
         }
         set highlightedValuesDataLegendGroup(v) {
-            this.i.mh = v;
+            this.i.mi = v;
         }
         /**
          * Gets whether the series is an annotation layer.
@@ -333,38 +333,38 @@ export let IgcSeriesComponent = /*@__PURE__*/ (() => {
         * ```
         */
         get isAnnotationLayer() {
-            return this.i.eq;
+            return this.i.er;
         }
         /**
          * Gets whether the series is an crosshair annotation layer.
         */
         get isAnnotationCrosshairLayer() {
-            return this.i.en;
+            return this.i.eo;
         }
         /**
          * Gets whether the series is an callout annotation layer.
         */
         get isAnnotationCalloutLayer() {
-            return this.i.em;
+            return this.i.en;
         }
         /**
          * 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.ep;
+            return this.i.eq;
         }
         /**
          * Gets whether the series is final value annotation layer.
         */
         get isAnnotationFinalValue() {
-            return this.i.eo;
+            return this.i.ep;
         }
         /**
          * Gets whether the series is a value annotation layer.
         */
         get isAnnotationValueLayer() {
-            return this.i.er;
+            return this.i.es;
         }
         /**
          * Gets whether the current series is oriented vertically.
@@ -384,7 +384,7 @@ export let IgcSeriesComponent = /*@__PURE__*/ (() => {
         * ```
         */
         get isFragment() {
-            return this.i.e9;
+            return this.i.fa;
         }
         /**
          * Gets whether the current series shows an area or line shape.
@@ -394,103 +394,103 @@ export let IgcSeriesComponent = /*@__PURE__*/ (() => {
         * ```
         */
         get isAreaOrLine() {
-            return this.i.et;
+            return this.i.eu;
         }
         /**
          * Gets whether the current series shows an area shape.
         */
         get isArea() {
-            return this.i.es;
+            return this.i.et;
         }
         /**
          * Gets whether the current series shows an area shape.
         */
         get hasValueAxis() {
-            return this.i.ei;
+            return this.i.ej;
         }
         /**
          * Gets whether the current series shows an area shape.
         */
         get isValueAxisInverted() {
-            return this.i.f3;
+            return this.i.f4;
         }
         /**
          * Gets whether the current series shows only line shapes.
         */
         get isLineOnly() {
-            return this.i.fi;
+            return this.i.fj;
         }
         /**
          * Gets whether the current series shows a line contour shape.
         */
         get isLineContour() {
-            return this.i.fh;
+            return this.i.fi;
         }
         /**
          * Gets whether the current series shows a spline shape.
         */
         get isSpline() {
-            return this.i.fy;
+            return this.i.fz;
         }
         /**
          * Gets whether the current series shows a column shape.
         */
         get isColumn() {
-            return this.i.ex;
+            return this.i.ey;
         }
         /**
          * Gets whether the current series shows a horizontal column shape.
         */
         get isBar() {
-            return this.i.ev;
+            return this.i.ew;
         }
         /**
          * Gets whether the current series shows a waterfall column shape.
         */
         get isWaterfall() {
-            return this.i.f4;
+            return this.i.f5;
         }
         /**
          * Gets whether the current series shows a polyline shape.
         */
         get isPolyline() {
-            return this.i.fp;
+            return this.i.fq;
         }
         /**
          * Gets whether the current series shows a polygon shape.
         */
         get isPolygon() {
-            return this.i.fo;
+            return this.i.fp;
         }
         /**
          * Gets whether the current series shows pixels.
         */
         get isPixel() {
-            return this.i.fm;
+            return this.i.fn;
         }
         /**
          * Gets whether the current series shows a pie shape.
         */
         get isPie() {
-            return this.i.fl;
+            return this.i.fm;
         }
         /**
          * Gets whether the current series shows a tile imagery.
         */
         get isTile() {
-            return this.i.f1;
+            return this.i.f2;
         }
         /**
          * Gets whether the current series shows step shapes.
         */
         get isStep() {
-            return this.i.fz;
+            return this.i.f0;
         }
         /**
          * Gets whether the current series shows interactive shape controls.
         */
         get isShapeControl() {
-            return this.i.fw;
+            return this.i.fx;
         }
         /**
          * Gets whether the current series is a polar type series.
@@ -500,7 +500,7 @@ export let IgcSeriesComponent = /*@__PURE__*/ (() => {
         * ```
         */
         get isPolar() {
-            return this.i.fn;
+            return this.i.fo;
         }
         /**
          * Gets whether the current series is a scatter type series.
@@ -510,7 +510,7 @@ export let IgcSeriesComponent = /*@__PURE__*/ (() => {
         * ```
         */
         get isScatter() {
-            return this.i.fu;
+            return this.i.fv;
         }
         /**
          * Gets whether the current series is a radial type series.
@@ -520,7 +520,7 @@ export let IgcSeriesComponent = /*@__PURE__*/ (() => {
         * ```
         */
         get isRadial() {
-            return this.i.fr;
+            return this.i.fs;
         }
         /**
          * Gets whether the current series is a stacked type series.
@@ -540,7 +540,7 @@ export let IgcSeriesComponent = /*@__PURE__*/ (() => {
         * ```
         */
         get isFinancial() {
-            return this.i.e4;
+            return this.i.e5;
         }
         /**
          * Gets whether the current series is a range type series.
@@ -550,7 +550,7 @@ export let IgcSeriesComponent = /*@__PURE__*/ (() => {
         * ```
         */
         get isRange() {
-            return this.i.fs;
+            return this.i.ft;
         }
         /**
          * Gets whether the current series is a category type series.
@@ -560,7 +560,7 @@ export let IgcSeriesComponent = /*@__PURE__*/ (() => {
         * ```
         */
         get isCategory() {
-            return this.i.ew;
+            return this.i.ex;
         }
         /**
          * Gets whether the current series is a geographic series.
@@ -570,13 +570,13 @@ export let IgcSeriesComponent = /*@__PURE__*/ (() => {
         * ```
         */
         get isGeographic() {
-            return this.i.fa;
+            return this.i.fb;
         }
         /**
          * Gets whether the current series is a shape type series.
         */
         get isShape() {
-            return this.i.fv;
+            return this.i.fw;
         }
         /**
          * Gets whether the series is a value overlay.
@@ -588,7 +588,7 @@ export let IgcSeriesComponent = /*@__PURE__*/ (() => {
          * Gets whether the series is a highlight overlay.
         */
         get isHighlightOverlay() {
-            return this.i.fd;
+            return this.i.fe;
         }
         /**
          * Gets whether the series supports summarization in Data Legend and Data Tooltip.
@@ -603,31 +603,31 @@ export let IgcSeriesComponent = /*@__PURE__*/ (() => {
          * Gets whether the series has only marker as visuals
         */
         get hasOnlyMarkers() {
-            return this.i.eg;
+            return this.i.eh;
         }
         /**
          * Gets whether the series has financial OHLC/candlestick visuals
         */
         get isFinancialSeries() {
-            return this.i.e7;
+            return this.i.e8;
         }
         /**
          * Gets whether the series is financial overlay
         */
         get isFinancialOverlay() {
-            return this.i.e6;
+            return this.i.e7;
         }
         /**
          * Gets whether the series is financial indicator
         */
         get isFinancialIndicator() {
-            return this.i.e5;
+            return this.i.e6;
         }
         /**
          * Gets whether the series is financial waterfall
         */
         get isFinancialWaterfall() {
-            return this.i.e8;
+            return this.i.e9;
         }
         /**
          * Gets whether the default crosshair behavior should be disabled if this series is present.
@@ -639,7 +639,7 @@ export let IgcSeriesComponent = /*@__PURE__*/ (() => {
         * ```
         */
         get isDefaultCrosshairBehaviorDisabled() {
-            return this.i.ez;
+            return this.i.e0;
         }
         /**
          * Gets whether the default tooltip behavior should be disabled if this series is present.
@@ -649,7 +649,7 @@ export let IgcSeriesComponent = /*@__PURE__*/ (() => {
         * ```
         */
         get isDefaultTooltipBehaviorDisabled() {
-            return this.i.e0;
+            return this.i.e1;
         }
         /**
          * Returns whether the current series supports visual markers.
@@ -665,7 +665,7 @@ export let IgcSeriesComponent = /*@__PURE__*/ (() => {
          * Returns whether the current series has a visible marker style.
         */
         get hasVisibleMarkers() {
-            return this.i.ej;
+            return this.i.ek;
         }
         /**
          * Gets the current extra layers for the series.
@@ -673,7 +673,7 @@ export let IgcSeriesComponent = /*@__PURE__*/ (() => {
         get highlightedValuesExtraPropertyOverlays() {
             if (this._highlightedValuesExtraPropertyOverlays === null) {
                 let coll = new IgcSeriesLayerPropertyOverlayCollection();
-                let innerColl = this.i.cc;
+                let innerColl = this.i.cd;
                 if (!innerColl) {
                     innerColl = new SeriesLayerPropertyOverlayCollection_internal();
                 }
@@ -689,7 +689,7 @@ export let IgcSeriesComponent = /*@__PURE__*/ (() => {
             let coll = new IgcSeriesLayerPropertyOverlayCollection();
             this._highlightedValuesExtraPropertyOverlays = coll._fromOuter(v);
             let syncColl = new SyncableObservableCollection$1(SeriesLayerPropertyOverlay.$type);
-            let innerColl = this.i.cc;
+            let innerColl = this.i.cd;
             if (!innerColl) {
                 innerColl = new SeriesLayerPropertyOverlayCollection_internal();
             }
@@ -705,7 +705,7 @@ export let IgcSeriesComponent = /*@__PURE__*/ (() => {
         * ```
         */
         get isIndexed() {
-            return this.i.fe;
+            return this.i.ff;
         }
         /**
          * Gets if the series should appear in any legends.
@@ -744,30 +744,30 @@ export let IgcSeriesComponent = /*@__PURE__*/ (() => {
          * Gets the actual legend item badge template used by the series.
         */
         get actualLegendItemBadgeTemplate() {
-            return this.i.sq;
+            return this.i.ss;
         }
         set actualLegendItemBadgeTemplate(v) {
-            this.i.sq = v;
+            this.i.ss = v;
         }
         /**
          * Gets the effective legend badge outline for the current series.
         */
         get actualLegendItemBadgeOutline() {
-            return brushToString(this.i.u6);
+            return brushToString(this.i.u8);
         }
         set actualLegendItemBadgeOutline(v) {
-            this.i.u6 = stringToBrush(v);
-            this._a("actualLegendItemBadgeOutline", brushToString(this.i.u6));
+            this.i.u8 = stringToBrush(v);
+            this._a("actualLegendItemBadgeOutline", brushToString(this.i.u8));
         }
         /**
          * Gets the effective legend badge fill for the current series.
         */
         get actualLegendItemBadgeBrush() {
-            return brushToString(this.i.u5);
+            return brushToString(this.i.u7);
         }
         set actualLegendItemBadgeBrush(v) {
-            this.i.u5 = stringToBrush(v);
-            this._a("actualLegendItemBadgeBrush", brushToString(this.i.u5));
+            this.i.u7 = stringToBrush(v);
+            this._a("actualLegendItemBadgeBrush", brushToString(this.i.u7));
         }
         /**
          * Gets or sets the type of legend badge representing the current series in a legend.
@@ -785,11 +785,11 @@ export let IgcSeriesComponent = /*@__PURE__*/ (() => {
          * This property will be ignored when the LegendItemTemplate/LegendItemBadgeTemplate property is set on the series
         */
         get legendItemBadgeMode() {
-            return this.i.bc;
+            return this.i.bd;
         }
         set legendItemBadgeMode(v) {
-            this.i.bc = ensureEnum(LegendItemBadgeMode_$type, v);
-            this._a("legendItemBadgeMode", enumToString(LegendItemBadgeMode_$type, this.i.bc));
+            this.i.bd = ensureEnum(LegendItemBadgeMode_$type, v);
+            this._a("legendItemBadgeMode", enumToString(LegendItemBadgeMode_$type, this.i.bd));
         }
         /**
          * Gets or sets the LegendItemTemplate property.
@@ -808,10 +808,10 @@ export let IgcSeriesComponent = /*@__PURE__*/ (() => {
          * the series object itself.
         */
         get discreteLegendItemTemplate() {
-            return this.i.sr;
+            return this.i.st;
         }
         set discreteLegendItemTemplate(v) {
-            this.i.sr = v;
+            this.i.st = v;
         }
         /**
          * Gets or sets the easing function used to morph the current series.
@@ -823,10 +823,10 @@ export let IgcSeriesComponent = /*@__PURE__*/ (() => {
         * ```
         */
         get transitionEasingFunction() {
-            return this.i.db;
+            return this.i.dc;
         }
         set transitionEasingFunction(v) {
-            this.i.db = v;
+            this.i.dc = v;
         }
         /**
          * Gets or sets the EasingFunction used to morph the current series during the initial transition.
@@ -838,19 +838,19 @@ export let IgcSeriesComponent = /*@__PURE__*/ (() => {
         * ```
         */
         get transitionInEasingFunction() {
-            return this.i.dc;
+            return this.i.dd;
         }
         set transitionInEasingFunction(v) {
-            this.i.dc = v;
+            this.i.dd = v;
         }
         /**
          * Gets or sets the EasingFunction used to morph the current series during the initial transition.
         */
         get transitionOutEasingFunction() {
-            return this.i.dd;
+            return this.i.de;
         }
         set transitionOutEasingFunction(v) {
-            this.i.dd = v;
+            this.i.de = v;
         }
         /**
          * Gets or sets the duration of the current series' morph.
@@ -862,18 +862,18 @@ export let IgcSeriesComponent = /*@__PURE__*/ (() => {
         * ```
         */
         get transitionDuration() {
-            return this.i.kb;
+            return this.i.kc;
         }
         set transitionDuration(v) {
-            this.i.kb = +v;
-            this._a("transitionDuration", this.i.kb);
+            this.i.kc = +v;
+            this._a("transitionDuration", this.i.kc);
         }
         get actualResolution() {
-            return this.i.ib;
+            return this.i.ic;
         }
         set actualResolution(v) {
-            this.i.ib = +v;
-            this._a("actualResolution", this.i.ib);
+            this.i.ic = +v;
+            this._a("actualResolution", this.i.ic);
         }
         /**
          * Gets or sets the current series object's rendering resolution.
@@ -885,51 +885,51 @@ export let IgcSeriesComponent = /*@__PURE__*/ (() => {
         * ```
         */
         get resolution() {
-            return this.i.jh;
+            return this.i.ji;
         }
         set resolution(v) {
-            this.i.jh = +v;
-            this._a("resolution", this.i.jh);
+            this.i.ji = +v;
+            this._a("resolution", this.i.ji);
         }
         /**
          * Gets or sets the top margin to use when getting a visible axis range for the series.
         */
         get visibleRangeMarginTop() {
-            return this.i.js;
+            return this.i.jt;
         }
         set visibleRangeMarginTop(v) {
-            this.i.js = +v;
-            this._a("visibleRangeMarginTop", this.i.js);
+            this.i.jt = +v;
+            this._a("visibleRangeMarginTop", this.i.jt);
         }
         /**
          * Gets or sets the bottom margin to use when getting a visible axis range for the series.
         */
         get visibleRangeMarginBottom() {
-            return this.i.jp;
+            return this.i.jq;
         }
         set visibleRangeMarginBottom(v) {
-            this.i.jp = +v;
-            this._a("visibleRangeMarginBottom", this.i.jp);
+            this.i.jq = +v;
+            this._a("visibleRangeMarginBottom", this.i.jq);
         }
         /**
          * Gets or sets the left margin to use when getting a visible axis range for the series.
         */
         get visibleRangeMarginLeft() {
-            return this.i.jq;
+            return this.i.jr;
         }
         set visibleRangeMarginLeft(v) {
-            this.i.jq = +v;
-            this._a("visibleRangeMarginLeft", this.i.jq);
+            this.i.jr = +v;
+            this._a("visibleRangeMarginLeft", this.i.jr);
         }
         /**
          * Gets or sets the right margin to use when getting a visible axis range for the series.
         */
         get visibleRangeMarginRight() {
-            return this.i.jr;
+            return this.i.js;
         }
         set visibleRangeMarginRight(v) {
-            this.i.jr = +v;
-            this._a("visibleRangeMarginRight", this.i.jr);
+            this.i.js = +v;
+            this._a("visibleRangeMarginRight", this.i.js);
         }
         /**
          * Gets or sets the Title property.
@@ -952,20 +952,20 @@ export let IgcSeriesComponent = /*@__PURE__*/ (() => {
          * Gets or sets the HighlightedTitleSuffix property.
         */
         get highlightedTitleSuffix() {
-            return this.i.mf;
+            return this.i.mg;
         }
         set highlightedTitleSuffix(v) {
-            this.i.mf = v;
+            this.i.mg = v;
         }
         /**
          * Gets or sets whether the highlighted values layer should have a legend item.
         */
         get highlightedLegendItemVisibility() {
-            return this.i.wp;
+            return this.i.ws;
         }
         set highlightedLegendItemVisibility(v) {
-            this.i.wp = ensureEnum(Visibility_$type, v);
-            this._a("highlightedLegendItemVisibility", enumToString(Visibility_$type, this.i.wp));
+            this.i.ws = ensureEnum(Visibility_$type, v);
+            this._a("highlightedLegendItemVisibility", enumToString(Visibility_$type, this.i.ws));
         }
         /**
          * Gets or sets the brush to use for the series.
@@ -977,11 +977,11 @@ export let IgcSeriesComponent = /*@__PURE__*/ (() => {
         * ```
         */
         get brush() {
-            return brushToString(this.i.u9);
+            return brushToString(this.i.vb);
         }
         set brush(v) {
-            this.i.u9 = stringToBrush(v);
-            this._a("brush", brushToString(this.i.u9));
+            this.i.vb = stringToBrush(v);
+            this._a("brush", brushToString(this.i.vb));
         }
         /**
          * Gets the effective brush for the current series object.
@@ -991,51 +991,51 @@ export let IgcSeriesComponent = /*@__PURE__*/ (() => {
         * ```
         */
         get actualBrush() {
-            return brushToString(this.i.u3);
+            return brushToString(this.i.u5);
         }
         set actualBrush(v) {
-            this.i.u3 = stringToBrush(v);
-            this._a("actualBrush", brushToString(this.i.u3));
+            this.i.u5 = stringToBrush(v);
+            this._a("actualBrush", brushToString(this.i.u5));
         }
         /**
          * Gets or sets the selection brush to use for the series.
         */
         get selectionBrush() {
-            return brushToString(this.i.vt);
+            return brushToString(this.i.vv);
         }
         set selectionBrush(v) {
-            this.i.vt = stringToBrush(v);
-            this._a("selectionBrush", brushToString(this.i.vt));
+            this.i.vv = stringToBrush(v);
+            this._a("selectionBrush", brushToString(this.i.vv));
         }
         /**
          * Gets or sets the Focus brush to use for the series.
         */
         get focusBrush() {
-            return brushToString(this.i.ve);
+            return brushToString(this.i.vg);
         }
         set focusBrush(v) {
-            this.i.ve = stringToBrush(v);
-            this._a("focusBrush", brushToString(this.i.ve));
+            this.i.vg = stringToBrush(v);
+            this._a("focusBrush", brushToString(this.i.vg));
         }
         /**
          * Gets the effective emphasis brush for the current series object.
         */
         get actualSelectionBrush() {
-            return brushToString(this.i.u8);
+            return brushToString(this.i.va);
         }
         set actualSelectionBrush(v) {
-            this.i.u8 = stringToBrush(v);
-            this._a("actualSelectionBrush", brushToString(this.i.u8));
+            this.i.va = stringToBrush(v);
+            this._a("actualSelectionBrush", brushToString(this.i.va));
         }
         /**
          * Gets the effective emphasis brush for the current series object.
         */
         get actualFocusBrush() {
-            return brushToString(this.i.u4);
+            return brushToString(this.i.u6);
         }
         set actualFocusBrush(v) {
-            this.i.u4 = stringToBrush(v);
-            this._a("actualFocusBrush", brushToString(this.i.u4));
+            this.i.u6 = stringToBrush(v);
+            this._a("actualFocusBrush", brushToString(this.i.u6));
         }
         /**
          * Gets the effective brush for the current series object with opacity removed so its contrasty for use as a font color.
@@ -1058,11 +1058,11 @@ export let IgcSeriesComponent = /*@__PURE__*/ (() => {
         * ```
         */
         get outline() {
-            return brushToString(this.i.vp);
+            return brushToString(this.i.vr);
         }
         set outline(v) {
-            this.i.vp = stringToBrush(v);
-            this._a("outline", brushToString(this.i.vp));
+            this.i.vr = stringToBrush(v);
+            this._a("outline", brushToString(this.i.vr));
         }
         /**
          * Gets the effective outline for the current series object.
@@ -1072,41 +1072,41 @@ export let IgcSeriesComponent = /*@__PURE__*/ (() => {
         * ```
         */
         get actualOutline() {
-            return brushToString(this.i.u7);
+            return brushToString(this.i.u9);
         }
         set actualOutline(v) {
-            this.i.u7 = stringToBrush(v);
-            this._a("actualOutline", brushToString(this.i.u7));
+            this.i.u9 = stringToBrush(v);
+            this._a("actualOutline", brushToString(this.i.u9));
         }
         /**
          * Gets or sets the brush that specifies current series object's line join style.
         */
         get lineJoin() {
-            return this.i.vz;
+            return this.i.v1;
         }
         set lineJoin(v) {
-            this.i.vz = ensureEnum(PenLineJoin_$type, v);
-            this._a("lineJoin", enumToString(PenLineJoin_$type, this.i.vz));
+            this.i.v1 = ensureEnum(PenLineJoin_$type, v);
+            this._a("lineJoin", enumToString(PenLineJoin_$type, this.i.v1));
         }
         /**
          * 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.bt;
+            return this.i.bu;
         }
         set highlightedValuesDisplayMode(v) {
-            this.i.bt = ensureEnum(SeriesHighlightedValuesDisplayMode_$type, v);
-            this._a("highlightedValuesDisplayMode", enumToString(SeriesHighlightedValuesDisplayMode_$type, this.i.bt));
+            this.i.bu = ensureEnum(SeriesHighlightedValuesDisplayMode_$type, v);
+            this._a("highlightedValuesDisplayMode", enumToString(SeriesHighlightedValuesDisplayMode_$type, this.i.bu));
         }
         /**
          * 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.ge;
+            return this.i.gf;
         }
         set shouldAnimateOnDataSourceSwap(v) {
-            this.i.ge = ensureBool(v);
-            this._a("shouldAnimateOnDataSourceSwap", this.i.ge);
+            this.i.gf = ensureBool(v);
+            this._a("shouldAnimateOnDataSourceSwap", this.i.gf);
         }
         /**
          * Gets or sets the width of the current series object's line thickness.
@@ -1118,122 +1118,122 @@ export let IgcSeriesComponent = /*@__PURE__*/ (() => {
         * ```
         */
         get thickness() {
-            return this.i.jn;
+            return this.i.jo;
         }
         set thickness(v) {
-            this.i.jn = +v;
-            this._a("thickness", this.i.jn);
+            this.i.jo = +v;
+            this._a("thickness", this.i.jo);
         }
         /**
          * Gets the effective Thickness for the current series object.
         */
         get actualThickness() {
-            return this.i.ic;
+            return this.i.id;
         }
         set actualThickness(v) {
-            this.i.ic = +v;
-            this._a("actualThickness", this.i.ic);
+            this.i.id = +v;
+            this._a("actualThickness", this.i.id);
         }
         /**
          * 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.vw);
+            return fromDoubleCollection(this.i.vy);
         }
         set dashArray(v) {
-            this.i.vw = toDoubleCollection(v);
-            this._a("dashArray", doubleCollectionToString(this.i.vw));
+            this.i.vy = toDoubleCollection(v);
+            this._a("dashArray", doubleCollectionToString(this.i.vy));
         }
         /**
          * Gets actual highlighting mode
         */
         get actualHighlightingMode() {
-            return this.i.bv;
+            return this.i.bw;
         }
         set actualHighlightingMode(v) {
-            this.i.bv = ensureEnum(SeriesHighlightingMode_$type, v);
-            this._a("actualHighlightingMode", enumToString(SeriesHighlightingMode_$type, this.i.bv));
+            this.i.bw = ensureEnum(SeriesHighlightingMode_$type, v);
+            this._a("actualHighlightingMode", enumToString(SeriesHighlightingMode_$type, this.i.bw));
         }
         /**
          * Gets actual Selection mode
         */
         get actualSelectionMode() {
-            return this.i.cn;
+            return this.i.co;
         }
         set actualSelectionMode(v) {
-            this.i.cn = ensureEnum(SeriesSelectionMode_$type, v);
-            this._a("actualSelectionMode", enumToString(SeriesSelectionMode_$type, this.i.cn));
+            this.i.co = ensureEnum(SeriesSelectionMode_$type, v);
+            this._a("actualSelectionMode", enumToString(SeriesSelectionMode_$type, this.i.co));
         }
         /**
          * Gets actual Selection mode
         */
         get actualFocusMode() {
-            return this.i.cm;
+            return this.i.cn;
         }
         set actualFocusMode(v) {
-            this.i.cm = ensureEnum(SeriesSelectionMode_$type, v);
-            this._a("actualFocusMode", enumToString(SeriesSelectionMode_$type, this.i.cm));
+            this.i.cn = ensureEnum(SeriesSelectionMode_$type, v);
+            this._a("actualFocusMode", enumToString(SeriesSelectionMode_$type, this.i.cn));
         }
         /**
          * Gets actual HighlightedValues fade opacity
         */
         get actualHighlightedValuesFadeOpacity() {
-            return this.i.h8;
+            return this.i.h9;
         }
         set actualHighlightedValuesFadeOpacity(v) {
-            this.i.h8 = +v;
-            this._a("actualHighlightedValuesFadeOpacity", this.i.h8);
+            this.i.h9 = +v;
+            this._a("actualHighlightedValuesFadeOpacity", this.i.h9);
         }
         /**
          * Gets or sets the target opacity to fade to for fade style HighlightedValues.
         */
         get highlightedValuesFadeOpacity() {
-            return this.i.jc;
+            return this.i.jd;
         }
         set highlightedValuesFadeOpacity(v) {
-            this.i.jc = +v;
-            this._a("highlightedValuesFadeOpacity", this.i.jc);
+            this.i.jd = +v;
+            this._a("highlightedValuesFadeOpacity", this.i.jd);
         }
         /**
          * Gets actual highlighting fade opacity
         */
         get actualHighlightingFadeOpacity() {
-            return this.i.h9;
+            return this.i.ia;
         }
         set actualHighlightingFadeOpacity(v) {
-            this.i.h9 = +v;
-            this._a("actualHighlightingFadeOpacity", this.i.h9);
+            this.i.ia = +v;
+            this._a("actualHighlightingFadeOpacity", this.i.ia);
         }
         /**
          * Gets or sets the target opacity to fade to for fade style highlighting.
         */
         get highlightingFadeOpacity() {
-            return this.i.jd;
+            return this.i.je;
         }
         set highlightingFadeOpacity(v) {
-            this.i.jd = +v;
-            this._a("highlightingFadeOpacity", this.i.jd);
+            this.i.je = +v;
+            this._a("highlightingFadeOpacity", this.i.je);
         }
         /**
          * Gets or sets whether the ActualLegend is FinancialLegend or normal Legend.
         */
         get isActualLegendFinancial() {
-            return this.i.el;
+            return this.i.em;
         }
         set isActualLegendFinancial(v) {
-            this.i.el = ensureBool(v);
-            this._a("isActualLegendFinancial", this.i.el);
+            this.i.em = ensureBool(v);
+            this._a("isActualLegendFinancial", this.i.em);
         }
         /**
          * Gets or sets whether the component level highlight mode is ignored.
         */
         get isComponentHighlightingModeIgnored() {
-            return this.i.ey;
+            return this.i.ez;
         }
         set isComponentHighlightingModeIgnored(v) {
-            this.i.ey = ensureBool(v);
-            this._a("isComponentHighlightingModeIgnored", this.i.ey);
+            this.i.ez = ensureBool(v);
+            this._a("isComponentHighlightingModeIgnored", this.i.ez);
         }
         /**
          * Gets or sets whether highlighting should be enabled for this series, if this type of series supports highlighting.
@@ -1243,21 +1243,21 @@ export let IgcSeriesComponent = /*@__PURE__*/ (() => {
         * ```
         */
         get isHighlightingEnabled() {
-            return this.i.fb;
+            return this.i.fc;
         }
         set isHighlightingEnabled(v) {
-            this.i.fb = ensureBool(v);
-            this._a("isHighlightingEnabled", this.i.fb);
+            this.i.fc = ensureBool(v);
+            this._a("isHighlightingEnabled", this.i.fc);
         }
         /**
          * Gets or sets whether the series should use individual palette colors for each item.
         */
         get useItemWiseColors() {
-            return this.i.g7;
+            return this.i.g8;
         }
         set useItemWiseColors(v) {
-            this.i.g7 = ensureBool(v);
-            this._a("useItemWiseColors", this.i.g7);
+            this.i.g8 = ensureBool(v);
+            this._a("useItemWiseColors", this.i.g8);
         }
         get isColoredItemwise() {
             return this.i.isColoredItemwise;
@@ -1266,31 +1266,31 @@ export let IgcSeriesComponent = /*@__PURE__*/ (() => {
          * Gets or sets whether the opacity should be automatically shifted for the safe actual brush.
         */
         get shouldShiftOpacityForSafeActualBrush() {
-            return this.i.gj;
+            return this.i.gk;
         }
         set shouldShiftOpacityForSafeActualBrush(v) {
-            this.i.gj = ensureBool(v);
-            this._a("shouldShiftOpacityForSafeActualBrush", this.i.gj);
+            this.i.gk = ensureBool(v);
+            this._a("shouldShiftOpacityForSafeActualBrush", this.i.gk);
         }
         /**
          * Gets or sets whether the opacity should be automatically shifted for the safe actual brush.
         */
         get shouldRemoveHighlightedDataOnLayerHidden() {
-            return this.i.gh;
+            return this.i.gi;
         }
         set shouldRemoveHighlightedDataOnLayerHidden(v) {
-            this.i.gh = ensureBool(v);
-            this._a("shouldRemoveHighlightedDataOnLayerHidden", this.i.gh);
+            this.i.gi = ensureBool(v);
+            this._a("shouldRemoveHighlightedDataOnLayerHidden", this.i.gi);
         }
         /**
          * Gets or sets whether this series should suppress it's auto callouts
         */
         get shouldHideAutoCallouts() {
-            return this.i.gg;
+            return this.i.gh;
         }
         set shouldHideAutoCallouts(v) {
-            this.i.gg = ensureBool(v);
-            this._a("shouldHideAutoCallouts", this.i.gg);
+            this.i.gh = ensureBool(v);
+            this._a("shouldHideAutoCallouts", this.i.gh);
         }
         /**
          * Gets or sets whether drop shadow should be enabled for this series.
@@ -1302,11 +1302,11 @@ export let IgcSeriesComponent = /*@__PURE__*/ (() => {
         * ```
         */
         get isDropShadowEnabled() {
-            return this.i.e2;
+            return this.i.e3;
         }
         set isDropShadowEnabled(v) {
-            this.i.e2 = ensureBool(v);
-            this._a("isDropShadowEnabled", this.i.e2);
+            this.i.e3 = ensureBool(v);
+            this._a("isDropShadowEnabled", this.i.e3);
         }
         /**
          * Gets or sets the shadow blur.
@@ -1320,11 +1320,11 @@ export let IgcSeriesComponent = /*@__PURE__*/ (() => {
         * ```
         */
         get shadowBlur() {
-            return this.i.jk;
+            return this.i.jl;
         }
         set shadowBlur(v) {
-            this.i.jk = +v;
-            this._a("shadowBlur", this.i.jk);
+            this.i.jl = +v;
+            this._a("shadowBlur", this.i.jl);
         }
         /**
          * Gets or sets the drop shadow color.
@@ -1336,11 +1336,11 @@ export let IgcSeriesComponent = /*@__PURE__*/ (() => {
         * ```
         */
         get shadowColor() {
-            return colorToString(this.i.vv);
+            return colorToString(this.i.vx);
         }
         set shadowColor(v) {
-            this.i.vv = stringToColor(v);
-            this._a("shadowColor", colorToString(this.i.vv));
+            this.i.vx = stringToColor(v);
+            this._a("shadowColor", colorToString(this.i.vx));
         }
         /**
          * Gets or sets whether drop shadow is applied to the whole series visual or to each of the individual shapes forming the series.
@@ -1352,11 +1352,11 @@ export let IgcSeriesComponent = /*@__PURE__*/ (() => {
         * ```
         */
         get useSingleShadow() {
-            return this.i.ha;
+            return this.i.hb;
         }
         set useSingleShadow(v) {
-            this.i.ha = ensureBool(v);
-            this._a("useSingleShadow", this.i.ha);
+            this.i.hb = ensureBool(v);
+            this._a("useSingleShadow", this.i.hb);
         }
         /**
          * Gets or sets the drop shadow x-offset.
@@ -1368,11 +1368,11 @@ export let IgcSeriesComponent = /*@__PURE__*/ (() => {
         * ```
         */
         get shadowOffsetX() {
-            return this.i.jl;
+            return this.i.jm;
         }
         set shadowOffsetX(v) {
-            this.i.jl = +v;
-            this._a("shadowOffsetX", this.i.jl);
+            this.i.jm = +v;
+            this._a("shadowOffsetX", this.i.jm);
         }
         /**
          * Gets or sets the drop shadow y-offset.
@@ -1384,22 +1384,22 @@ export let IgcSeriesComponent = /*@__PURE__*/ (() => {
         * ```
         */
         get shadowOffsetY() {
-            return this.i.jm;
+            return this.i.jn;
         }
         set shadowOffsetY(v) {
-            this.i.jm = +v;
-            this._a("shadowOffsetY", this.i.jm);
+            this.i.jn = +v;
+            this._a("shadowOffsetY", this.i.jn);
         }
         /**
          * 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.ii;
+            return this.i.ij;
         }
         set areaFillOpacity(v) {
-            this.i.ii = +v;
-            this._a("areaFillOpacity", this.i.ii);
+            this.i.ij = +v;
+            this._a("areaFillOpacity", this.i.ij);
         }
         /**
          * Gets the actual opacity applied to the area fill visual.
@@ -1409,32 +1409,32 @@ export let IgcSeriesComponent = /*@__PURE__*/ (() => {
         * ```
         */
         get actualAreaFillOpacity() {
-            return this.i.h7;
+            return this.i.h8;
         }
         set actualAreaFillOpacity(v) {
-            this.i.h7 = +v;
-            this._a("actualAreaFillOpacity", this.i.h7);
+            this.i.h8 = +v;
+            this._a("actualAreaFillOpacity", this.i.h8);
         }
         /**
          * 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.je;
+            return this.i.jf;
         }
         set markerFillOpacity(v) {
-            this.i.je = +v;
-            this._a("markerFillOpacity", this.i.je);
+            this.i.jf = +v;
+            this._a("markerFillOpacity", this.i.jf);
         }
         /**
          * Gets the actual opacity applied to the fill of the markers.
         */
         get actualMarkerFillOpacity() {
-            return this.i.ia;
+            return this.i.ib;
         }
         set actualMarkerFillOpacity(v) {
-            this.i.ia = +v;
-            this._a("actualMarkerFillOpacity", this.i.ia);
+            this.i.ib = +v;
+            this._a("actualMarkerFillOpacity", this.i.ib);
         }
         /**
          * Gets if the default tooltip has been selected for display.
@@ -1446,11 +1446,11 @@ export let IgcSeriesComponent = /*@__PURE__*/ (() => {
         * ```
         */
         get isDefaultToolTipSelected() {
-            return this.i.e1;
+            return this.i.e2;
         }
         set isDefaultToolTipSelected(v) {
-            this.i.e1 = ensureBool(v);
-            this._a("isDefaultToolTipSelected", this.i.e1);
+            this.i.e2 = ensureBool(v);
+            this._a("isDefaultToolTipSelected", this.i.e2);
         }
         /**
          * Gets or sets whether default tooltip will be shown.
@@ -1462,31 +1462,31 @@ export let IgcSeriesComponent = /*@__PURE__*/ (() => {
         * ```
         */
         get showDefaultTooltip() {
-            return this.i.gn;
+            return this.i.go;
         }
         set showDefaultTooltip(v) {
-            this.i.gn = ensureBool(v);
-            this._a("showDefaultTooltip", this.i.gn);
+            this.i.go = ensureBool(v);
+            this._a("showDefaultTooltip", this.i.go);
         }
         /**
          * Gets or sets the visible range mode to use.
         */
         get visibleRangeMode() {
-            return this.i.cx;
+            return this.i.cy;
         }
         set visibleRangeMode(v) {
-            this.i.cx = ensureEnum(SeriesVisibleRangeMode_$type, v);
-            this._a("visibleRangeMode", enumToString(SeriesVisibleRangeMode_$type, this.i.cx));
+            this.i.cy = ensureEnum(SeriesVisibleRangeMode_$type, v);
+            this._a("visibleRangeMode", enumToString(SeriesVisibleRangeMode_$type, this.i.cy));
         }
         /**
          * Gets or sets the outline mode to use for the series.
         */
         get outlineMode() {
-            return this.i.cg;
+            return this.i.ch;
         }
         set outlineMode(v) {
-            this.i.cg = ensureEnum(SeriesOutlineMode_$type, v);
-            this._a("outlineMode", enumToString(SeriesOutlineMode_$type, this.i.cg));
+            this.i.ch = ensureEnum(SeriesOutlineMode_$type, v);
+            this._a("outlineMode", enumToString(SeriesOutlineMode_$type, this.i.ch));
         }
         /**
          * Gets or sets the duration of the current series' transition in morph.
@@ -1498,21 +1498,21 @@ export let IgcSeriesComponent = /*@__PURE__*/ (() => {
         * ```
         */
         get transitionInDuration() {
-            return this.i.kc;
+            return this.i.kd;
         }
         set transitionInDuration(v) {
-            this.i.kc = +v;
-            this._a("transitionInDuration", this.i.kc);
+            this.i.kd = +v;
+            this._a("transitionInDuration", this.i.kd);
         }
         /**
          * Gets or sets the duration of the current series' transition out morph.
         */
         get transitionOutDuration() {
-            return this.i.kd;
+            return this.i.ke;
         }
         set transitionOutDuration(v) {
-            this.i.kd = +v;
-            this._a("transitionOutDuration", this.i.kd);
+            this.i.ke = +v;
+            this._a("transitionOutDuration", this.i.ke);
         }
         /**
          * Gets or sets the duration of the current series' transition in morph.
@@ -1524,41 +1524,41 @@ export let IgcSeriesComponent = /*@__PURE__*/ (() => {
         * ```
         */
         get transitionInSpeedType() {
-            return this.i.c3;
+            return this.i.c4;
         }
         set transitionInSpeedType(v) {
-            this.i.c3 = ensureEnum(TransitionInSpeedType_$type, v);
-            this._a("transitionInSpeedType", enumToString(TransitionInSpeedType_$type, this.i.c3));
+            this.i.c4 = ensureEnum(TransitionInSpeedType_$type, v);
+            this._a("transitionInSpeedType", enumToString(TransitionInSpeedType_$type, this.i.c4));
         }
         /**
          * Gets or sets the duration of the current series' transition out morph.
         */
         get transitionOutSpeedType() {
-            return this.i.c6;
+            return this.i.c7;
         }
         set transitionOutSpeedType(v) {
-            this.i.c6 = ensureEnum(TransitionOutSpeedType_$type, v);
-            this._a("transitionOutSpeedType", enumToString(TransitionOutSpeedType_$type, this.i.c6));
+            this.i.c7 = ensureEnum(TransitionOutSpeedType_$type, v);
+            this._a("transitionOutSpeedType", enumToString(TransitionOutSpeedType_$type, this.i.c7));
         }
         /**
          * 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.vy;
+            return this.i.v0;
         }
         set lineCap(v) {
-            this.i.vy = ensureEnum(PenLineCap_$type, v);
-            this._a("lineCap", enumToString(PenLineCap_$type, this.i.vy));
+            this.i.v0 = ensureEnum(PenLineCap_$type, v);
+            this._a("lineCap", enumToString(PenLineCap_$type, this.i.v0));
         }
         /**
          * Gets or sets the AutoCalloutLabel format string to use for the AutoCalloutLabel.
         */
         get autoCalloutLabelFormat() {
-            return this.i.ls;
+            return this.i.lt;
         }
         set autoCalloutLabelFormat(v) {
-            this.i.ls = v;
+            this.i.lt = v;
         }
         /**
          * Gets or sets the format specifiers to use with the AutoCalloutLabelFormat string.
@@ -1577,10 +1577,10 @@ export let IgcSeriesComponent = /*@__PURE__*/ (() => {
          * Gets or sets the AutoCalloutLabel format string to use for the AutoCalloutLabel.
         */
         get autoCalloutValueLabelFormat() {
-            return this.i.lv;
+            return this.i.lw;
         }
         set autoCalloutValueLabelFormat(v) {
-            this.i.lv = v;
+            this.i.lw = v;
         }
         /**
          * Gets or sets the format specifiers to use with the AutoCalloutValueLabelFormat string.
@@ -1599,11 +1599,11 @@ export let IgcSeriesComponent = /*@__PURE__*/ (() => {
          * Gets or sets the whether the chart reacts to mouse move events.
         */
         get mouseOverEnabled() {
-            return this.i.f6;
+            return this.i.f7;
         }
         set mouseOverEnabled(v) {
-            this.i.f6 = ensureBool(v);
-            this._a("mouseOverEnabled", this.i.f6);
+            this.i.f7 = ensureBool(v);
+            this._a("mouseOverEnabled", this.i.f7);
         }
         /**
          * Gets or sets the coercion methods to use when loading data from data sources.
@@ -1656,11 +1656,11 @@ export let IgcSeriesComponent = /*@__PURE__*/ (() => {
         * ```
         */
         get hitTestMode() {
-            return this.i.b1;
+            return this.i.b2;
         }
         set hitTestMode(v) {
-            this.i.b1 = ensureEnum(SeriesHitTestMode_$type, v);
-            this._a("hitTestMode", enumToString(SeriesHitTestMode_$type, this.i.b1));
+            this.i.b2 = ensureEnum(SeriesHitTestMode_$type, v);
+            this._a("hitTestMode", enumToString(SeriesHitTestMode_$type, this.i.b2));
         }
         /**
          * Resolved method of hit testing to use when pointing to items in the chart.
@@ -1670,85 +1670,85 @@ export let IgcSeriesComponent = /*@__PURE__*/ (() => {
         * ```
         */
         get actualHitTestMode() {
-            return this.i.bz;
+            return this.i.b0;
         }
         set actualHitTestMode(v) {
-            this.i.bz = ensureEnum(SeriesHitTestMode_$type, v);
-            this._a("actualHitTestMode", enumToString(SeriesHitTestMode_$type, this.i.bz));
+            this.i.b0 = ensureEnum(SeriesHitTestMode_$type, v);
+            this._a("actualHitTestMode", enumToString(SeriesHitTestMode_$type, this.i.b0));
         }
         /**
          * Overridden by derived series classes to indicate when negative colors are supported or not.
         */
         get isNegativeColorSupported() {
-            return this.i.fk;
+            return this.i.fl;
         }
         /**
          * Overridden by derived series classes to indicate when markerless display is preferred or not.
         */
         get isMarkerlessDisplayPreferred() {
-            return this.i.fj;
+            return this.i.fk;
         }
         /**
          * The final value of this series.
         */
         get finalValue() {
-            return this.i.ik;
+            return this.i.il;
         }
         set finalValue(v) {
-            this.i.ik = +v;
-            this._a("finalValue", this.i.ik);
+            this.i.il = +v;
+            this._a("finalValue", this.i.il);
         }
         /**
          * The percent change from the beginning to the end of this series.
         */
         get percentChange() {
-            return this.i.jg;
+            return this.i.jh;
         }
         set percentChange(v) {
-            this.i.jg = +v;
-            this._a("percentChange", this.i.jg);
+            this.i.jh = +v;
+            this._a("percentChange", this.i.jh);
         }
         /**
          * Gets the text that is displayed for the Open label in the tooltip.
         */
         get actualOpenLabel() {
-            return this.i.li;
+            return this.i.lj;
         }
         /**
          * Gets the text that is displayed for the Close label in the tooltip.
         */
         get actualCloseLabel() {
-            return this.i.k4;
+            return this.i.k5;
         }
         /**
          * Gets the text that is displayed for the High label in the tooltip.
         */
         get actualHighLabel() {
-            return this.i.k7;
+            return this.i.k8;
         }
         /**
          * Gets the text that is displayed for the Low label in the tooltip.
         */
         get actualLowLabel() {
-            return this.i.lg;
+            return this.i.lh;
         }
         /**
          * Gets the text that is displayed for the Volume label in the tooltip.
         */
         get actualVolumeLabel() {
-            return this.i.lq;
+            return this.i.lr;
         }
         /**
          * Gets the text that is displayed for the Value label in the tooltip.
         */
         get actualValueLabel() {
-            return this.i.lp;
+            return this.i.lq;
         }
         /**
          * Gets the text that is displayed for the Value label in the tooltip.
         */
         get actualRadiusLabel() {
-            return this.i.lk;
+            return this.i.ll;
         }
         /**
          * Gets the current extra layers for the series.
@@ -1756,7 +1756,7 @@ export let IgcSeriesComponent = /*@__PURE__*/ (() => {
         get layers() {
             if (this._layers === null) {
                 let coll = new IgcSeriesLayerCollection();
-                let innerColl = this.i.b9;
+                let innerColl = this.i.ca;
                 if (!innerColl) {
                     innerColl = new SeriesLayerCollection_internal();
                 }
@@ -1772,7 +1772,7 @@ export let IgcSeriesComponent = /*@__PURE__*/ (() => {
             let coll = new IgcSeriesLayerCollection();
             this._layers = coll._fromOuter(v);
             let syncColl = new SyncableObservableCollection$1(SeriesLayer.$type);
-            let innerColl = this.i.b9;
+            let innerColl = this.i.ca;
             if (!innerColl) {
                 innerColl = new SeriesLayerCollection_internal();
             }
@@ -1908,11 +1908,11 @@ export let IgcSeriesComponent = /*@__PURE__*/ (() => {
     
     */
         resolveTooltipBrush() {
-            let iv = this.i.nc();
+            let iv = this.i.nd();
             return (iv);
         }
         getItemValue(item, memberPathName) {
-            let iv = this.i.ko(item, memberPathName);
+            let iv = this.i.kp(item, memberPathName);
             return (iv);
         }
         /**
@@ -1921,7 +1921,7 @@ export let IgcSeriesComponent = /*@__PURE__*/ (() => {
         * @param memberPathName  * The property name of a valid member path for the series
         */
         getMemberPathValue(memberPathName) {
-            let iv = this.i.mb(memberPathName);
+            let iv = this.i.mc(memberPathName);
             return (iv);
         }
         /**
@@ -1934,7 +1934,7 @@ export let IgcSeriesComponent = /*@__PURE__*/ (() => {
         * ```
         */
         getExactItemIndex(world) {
-            let iv = this.i.ip(toPoint(world));
+            let iv = this.i.iq(toPoint(world));
             return (iv);
         }
         /**
@@ -1946,7 +1946,7 @@ export let IgcSeriesComponent = /*@__PURE__*/ (() => {
         * ```
         */
         getItemIndex(world) {
-            let iv = this.i.j1(toPoint(world));
+            let iv = this.i.j2(toPoint(world));
             return (iv);
         }
         /**
@@ -1959,23 +1959,23 @@ export let IgcSeriesComponent = /*@__PURE__*/ (() => {
         * ```
         */
         getItem(world) {
-            let iv = this.i.kl(toPoint(world));
+            let iv = this.i.km(toPoint(world));
             return (iv);
         }
         getPreviousOrExactIndex(world, skipUnknowns) {
-            let iv = this.i.j8(toPoint(world), skipUnknowns);
+            let iv = this.i.j9(toPoint(world), skipUnknowns);
             return (iv);
         }
         getNextOrExactIndex(world, skipUnknowns) {
-            let iv = this.i.j6(toPoint(world), skipUnknowns);
+            let iv = this.i.j7(toPoint(world), skipUnknowns);
             return (iv);
         }
         getSeriesValue(world, useInterpolation, skipUnknowns) {
-            let iv = this.i.i3(toPoint(world), useInterpolation, skipUnknowns);
+            let iv = this.i.i4(toPoint(world), useInterpolation, skipUnknowns);
             return (iv);
         }
         getSeriesValuePosition(world, useInterpolation, skipUnknowns) {
-            let iv = this.i.v6(toPoint(world), useInterpolation, skipUnknowns);
+            let iv = this.i.v8(toPoint(world), useInterpolation, skipUnknowns);
             return fromPoint(iv);
         }
         /**
@@ -1984,7 +1984,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.wh(toPoint(world));
+            let iv = this.i.wj(toPoint(world));
             return fromRect(iv);
         }
         /**
@@ -1993,31 +1993,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.wj(toPoint(world));
+            let iv = this.i.wl(toPoint(world));
             return fromRect(iv);
         }
         getSeriesHighValue(world, useInterpolation, skipUnknowns) {
-            let iv = this.i.iz(toPoint(world), useInterpolation, skipUnknowns);
+            let iv = this.i.i0(toPoint(world), useInterpolation, skipUnknowns);
             return (iv);
         }
         getSeriesHighValuePosition(world, useInterpolation, skipUnknowns) {
-            let iv = this.i.v2(toPoint(world), useInterpolation, skipUnknowns);
+            let iv = this.i.v4(toPoint(world), useInterpolation, skipUnknowns);
             return fromPoint(iv);
         }
         getSeriesLowValue(world, useInterpolation, skipUnknowns) {
-            let iv = this.i.i1(toPoint(world), useInterpolation, skipUnknowns);
+            let iv = this.i.i2(toPoint(world), useInterpolation, skipUnknowns);
             return (iv);
         }
         getSeriesLowValuePosition(world, useInterpolation, skipUnknowns) {
-            let iv = this.i.v4(toPoint(world), useInterpolation, skipUnknowns);
+            let iv = this.i.v6(toPoint(world), useInterpolation, skipUnknowns);
             return fromPoint(iv);
         }
         getSeriesValuePositionFromSeriesPixel(mouse, useInterpolation, skipUnknowns) {
-            let iv = this.i.v7(toPoint(mouse), useInterpolation, skipUnknowns);
+            let iv = this.i.v9(toPoint(mouse), useInterpolation, skipUnknowns);
             return fromPoint(iv);
         }
         getSeriesValueFromSeriesPixel(mouse, useInterpolation, skipUnknowns) {
-            let iv = this.i.i4(toPoint(mouse), useInterpolation, skipUnknowns);
+            let iv = this.i.i5(toPoint(mouse), useInterpolation, skipUnknowns);
             return (iv);
         }
         /**
@@ -2029,7 +2029,7 @@ export let IgcSeriesComponent = /*@__PURE__*/ (() => {
         * ```
         */
         getItemSpan() {
-            let iv = this.i.iu();
+            let iv = this.i.iv();
             return (iv);
         }
         /**
@@ -2040,7 +2040,7 @@ export let IgcSeriesComponent = /*@__PURE__*/ (() => {
         * @param mode  * The type of value desired from the series axes.
         */
         getSeriesValueType(mode) {
-            let iv = this.i.ap((mode == null ? null : mode));
+            let iv = this.i.aq((mode == null ? null : mode));
             return (iv);
         }
         /**
@@ -2048,11 +2048,11 @@ export let IgcSeriesComponent = /*@__PURE__*/ (() => {
         
         */
         getSeriesValueTypePosition(mode) {
-            let iv = this.i.v9((mode == null ? null : mode));
+            let iv = this.i.wb((mode == null ? null : mode));
             return fromPoint(iv);
         }
         getSeriesValueTypePositionFromValue(values) {
-            let iv = this.i.wa(values);
+            let iv = this.i.wc(values);
             return fromPoint(iv);
         }
         /**
@@ -2060,14 +2060,14 @@ export let IgcSeriesComponent = /*@__PURE__*/ (() => {
         
         */
         hideToolTips() {
-            this.i.p2();
+            this.i.p4();
         }
         /**
          * Hides any internal tooltips presented by the series, if any.
         
         */
         hideToolTipsImmediate() {
-            this.i.p3();
+            this.i.p5();
         }
         /**
          * Converts a point from coordinates within the series plot area to a world position within axis space.
@@ -2079,16 +2079,25 @@ export let IgcSeriesComponent = /*@__PURE__*/ (() => {
         * ```
         */
         toWorldPosition(seriesPoint) {
-            let iv = this.i.wb(toPoint(seriesPoint));
+            let iv = this.i.wd(toPoint(seriesPoint));
             return fromPoint(iv);
         }
+        /**
+         * Converts a rect from coordinates within the series plot area to a world position within axis space.
+        
+        * @param rect  * The pixel rect within the plot area of the series.
+        */
+        toWorldRect(rect) {
+            let iv = this.i.wn(toRect(rect));
+            return fromRect(iv);
+        }
         /**
          * Converts a point from world coordinates to coordinates within the viewport of the series.
         
         * @param world  * The world position from which to convert.
         */
         fromWorldPosition(world) {
-            let iv = this.i.v1(toPoint(world));
+            let iv = this.i.v3(toPoint(world));
             return fromPoint(iv);
         }
         /**
@@ -2101,7 +2110,7 @@ export let IgcSeriesComponent = /*@__PURE__*/ (() => {
         * ```
         */
         scrollIntoView(item) {
-            let iv = this.i.gb(item);
+            let iv = this.i.gc(item);
             return (iv);
         }
         /**
@@ -2114,7 +2123,7 @@ export let IgcSeriesComponent = /*@__PURE__*/ (() => {
         * ```
         */
         renderSeries(animate) {
-            this.i.rn(animate);
+            this.i.rp(animate);
         }
         getMainContentViewport() {
             let iv = this.i.getMainContentViewport();
@@ -2133,7 +2142,7 @@ export let IgcSeriesComponent = /*@__PURE__*/ (() => {
         
         */
         removeAllAlternateViews() {
-            this.i.rg();
+            this.i.ri();
         }
         /**
          * Removes an alternate view of this series.
@@ -2141,21 +2150,21 @@ export let IgcSeriesComponent = /*@__PURE__*/ (() => {
         * @param viewIdentifier  * The string identifier for the view to remove.
         */
         removeAlternateView(viewIdentifier) {
-            this.i.ri(viewIdentifier);
+            this.i.rk(viewIdentifier);
         }
         /**
          * Called to notify about changes to indexed-based properties, e.g. Brushes, Outlines, MarkerBrushes, MarkerOutlines and refresh series
         
         */
         notifyIndexedPropertiesChanged() {
-            this.i.qc();
+            this.i.qe();
         }
         /**
          * Notifies the series that a visual property has changed, requiring a visual update.
         
         */
         notifyVisualPropertiesChanged() {
-            this.i.qj();
+            this.i.ql();
         }
         /**
          * Replays the assigned transition in animation, if any.
@@ -2166,35 +2175,35 @@ export let IgcSeriesComponent = /*@__PURE__*/ (() => {
         * ```
         */
         replayTransitionIn() {
-            this.i.rr();
+            this.i.rt();
         }
         /**
          * Plays the assigned transition out animation, if any.
         
         */
         playTransitionOut() {
-            this.i.q3();
+            this.i.q5();
         }
         /**
          * Plays the assigned transition out animation, if any.
         
         */
         playTransitionIn() {
-            this.i.q2();
+            this.i.q4();
         }
         /**
          * Plays the assigned transition out animation, if any.
         
         */
         playTransitionOutAndRemove() {
-            this.i.q4();
+            this.i.q6();
         }
         /**
          * Call to null out the axes of the series;
         
         */
         removeAxes() {
-            this.i.rj();
+            this.i.rl();
         }
         /**
          * Simulates a pointer hover over the series surface.
@@ -2208,17 +2217,17 @@ export let IgcSeriesComponent = /*@__PURE__*/ (() => {
         * ```
         */
         simulateHover(point) {
-            this.i.r0(toPoint(point));
+            this.i.r2(toPoint(point));
         }
         /**
          * Called when this series' Style is updated.
         
         */
         styleUpdated() {
-            this.i.r6();
+            this.i.r8();
         }
         setNegativeColors(negativeBrush, negativeOutline) {
-            this.i.rx(stringToBrush(negativeBrush), stringToBrush(negativeOutline));
+            this.i.rz(stringToBrush(negativeBrush), stringToBrush(negativeOutline));
         }
         /**
          * Moves the cursor point to the provided world position. Some series may react to the current cursor position.
@@ -2232,7 +2241,7 @@ export let IgcSeriesComponent = /*@__PURE__*/ (() => {
         * ```
         */
         moveCursorPoint(point) {
-            this.i.p8(toPoint(point));
+            this.i.qa(toPoint(point));
         }
         /**
          * Fired when a transition out has completed.