igniteui-webcomponents-charts 4.3.2 → 4.3.3-beta.0

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

@@ -25,6 +25,7 @@ import { IgcChartMouseEventArgs } from "./igc-chart-mouse-event-args";
 import { IgcSeriesViewerManipulationEventArgs } from "./igc-series-viewer-manipulation-event-args";
 import { IgcRectChangedEventArgs } from "igniteui-webcomponents-core";
 import { IgcRefreshCompletedEventArgs } from "./igc-refresh-completed-event-args";
+import { IgcImageCapturedEventArgs } from "igniteui-webcomponents-core";
 import { TypeRegistrar } from "igniteui-webcomponents-core";
 import { NamePatcher, getAllPropertyNames, fromSpinal, toSpinal, toBrushCollection, fromBrushCollection, brushCollectionToString, ensureEnum, enumToString, fromPoint, toPoint, pointToString, ensureBool, brushToString, stringToBrush, fromRect, toRect, rectToString, initializePropertiesFromCss } from "igniteui-webcomponents-core";
 /**
@@ -81,12 +82,17 @@ var IgcSeriesViewerComponent = /** @class */ /*@__PURE__*/ (function (_super) {
         _this._gridAreaRectChanged_wrapped = null;
         _this._refreshCompleted = null;
         _this._refreshCompleted_wrapped = null;
+        _this._imageCaptured = null;
+        _this._imageCaptured_wrapped = null;
         if (_this._styling) {
             NamePatcher.ensureStylablePatched(Object.getPrototypeOf(_this));
         }
         _this._implementation = _this.createImplementation();
         _this._implementation.externalObject = _this;
         _this.onImplementationCreated();
+        if (_this._initializeAdapters) {
+            _this._initializeAdapters();
+        }
         return _this;
     }
     IgcSeriesViewerComponent.prototype.createImplementation = function () {
@@ -281,11 +287,11 @@ var IgcSeriesViewerComponent = /** @class */ /*@__PURE__*/ (function (_super) {
         * ```
         */
         get: function () {
-            return fromPoint(this.i.s1);
+            return fromPoint(this.i.ta);
         },
         set: function (v) {
-            this.i.s1 = toPoint(v);
-            this._a("crosshairPoint", pointToString(this.i.s1));
+            this.i.ta = toPoint(v);
+            this._a("crosshairPoint", pointToString(this.i.ta));
         },
         enumerable: false,
         configurable: true
@@ -301,11 +307,11 @@ var IgcSeriesViewerComponent = /** @class */ /*@__PURE__*/ (function (_super) {
         * ```
         */
         get: function () {
-            return this.i.ds;
+            return this.i.dt;
         },
         set: function (v) {
-            this.i.ds = ensureBool(v);
-            this._a("animateSeriesWhenAxisRangeChanges", this.i.ds);
+            this.i.dt = ensureBool(v);
+            this._a("animateSeriesWhenAxisRangeChanges", this.i.dt);
         },
         enumerable: false,
         configurable: true
@@ -315,11 +321,11 @@ var IgcSeriesViewerComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets whether to sync the vertical aspect of the window with the contained series content. This is only supported for a subset of the available series.
         */
         get: function () {
-            return this.i.ep;
+            return this.i.eq;
         },
         set: function (v) {
-            this.i.ep = ensureBool(v);
-            this._a("isWindowSyncedToVisibleRange", this.i.ep);
+            this.i.eq = ensureBool(v);
+            this._a("isWindowSyncedToVisibleRange", this.i.eq);
         },
         enumerable: false,
         configurable: true
@@ -329,11 +335,11 @@ var IgcSeriesViewerComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets whether calling SimulateHover should shift the crosshair point.
         */
         get: function () {
-            return this.i.fa;
+            return this.i.fb;
         },
         set: function (v) {
-            this.i.fa = ensureBool(v);
-            this._a("shouldSimulateHoverMoveCrosshairPoint", this.i.fa);
+            this.i.fb = ensureBool(v);
+            this._a("shouldSimulateHoverMoveCrosshairPoint", this.i.fb);
         },
         enumerable: false,
         configurable: true
@@ -413,11 +419,11 @@ var IgcSeriesViewerComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the fill to use for the horizontal scrollbar in the component, when enabled.
         */
         get: function () {
-            return brushToString(this.i.sp);
+            return brushToString(this.i.sy);
         },
         set: function (v) {
-            this.i.sp = stringToBrush(v);
-            this._a("horizontalViewScrollbarFill", brushToString(this.i.sp));
+            this.i.sy = stringToBrush(v);
+            this._a("horizontalViewScrollbarFill", brushToString(this.i.sy));
         },
         enumerable: false,
         configurable: true
@@ -427,11 +433,11 @@ var IgcSeriesViewerComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the outline to use for the horizontal scrollbar in the component, when enabled.
         */
         get: function () {
-            return brushToString(this.i.sq);
+            return brushToString(this.i.sz);
         },
         set: function (v) {
-            this.i.sq = stringToBrush(v);
-            this._a("horizontalViewScrollbarOutline", brushToString(this.i.sq));
+            this.i.sz = stringToBrush(v);
+            this._a("horizontalViewScrollbarOutline", brushToString(this.i.sz));
         },
         enumerable: false,
         configurable: true
@@ -441,11 +447,11 @@ var IgcSeriesViewerComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the stroke thickness to use for the horizontal scrollbar in the component, when enabled.
         */
         get: function () {
-            return this.i.gt;
+            return this.i.gv;
         },
         set: function (v) {
-            this.i.gt = +v;
-            this._a("horizontalViewScrollbarStrokeThickness", this.i.gt);
+            this.i.gv = +v;
+            this._a("horizontalViewScrollbarStrokeThickness", this.i.gv);
         },
         enumerable: false,
         configurable: true
@@ -455,11 +461,11 @@ var IgcSeriesViewerComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the max opacity to use for the horizontal scrollbar in the component, when enabled.
         */
         get: function () {
-            return this.i.gs;
+            return this.i.gu;
         },
         set: function (v) {
-            this.i.gs = +v;
-            this._a("horizontalViewScrollbarMaxOpacity", this.i.gs);
+            this.i.gu = +v;
+            this._a("horizontalViewScrollbarMaxOpacity", this.i.gu);
         },
         enumerable: false,
         configurable: true
@@ -469,11 +475,11 @@ var IgcSeriesViewerComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the corner radius to use for the horizontal scrollbar in the component, when enabled.
         */
         get: function () {
-            return this.i.gp;
+            return this.i.gr;
         },
         set: function (v) {
-            this.i.gp = +v;
-            this._a("horizontalViewScrollbarCornerRadius", this.i.gp);
+            this.i.gr = +v;
+            this._a("horizontalViewScrollbarCornerRadius", this.i.gr);
         },
         enumerable: false,
         configurable: true
@@ -483,11 +489,11 @@ var IgcSeriesViewerComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the height to use for the horizontal scrollbar in the component, when enabled.
         */
         get: function () {
-            return this.i.gq;
+            return this.i.gs;
         },
         set: function (v) {
-            this.i.gq = +v;
-            this._a("horizontalViewScrollbarHeight", this.i.gq);
+            this.i.gs = +v;
+            this._a("horizontalViewScrollbarHeight", this.i.gs);
         },
         enumerable: false,
         configurable: true
@@ -497,11 +503,11 @@ var IgcSeriesViewerComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the inset distance to use for the horizontal scrollbar in the component, when enabled.
         */
         get: function () {
-            return this.i.gr;
+            return this.i.gt;
         },
         set: function (v) {
-            this.i.gr = +v;
-            this._a("horizontalViewScrollbarInset", this.i.gr);
+            this.i.gt = +v;
+            this._a("horizontalViewScrollbarInset", this.i.gt);
         },
         enumerable: false,
         configurable: true
@@ -511,11 +517,11 @@ var IgcSeriesViewerComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the track start inset to use for the horizontal scrollbar in the component, when enabled.
         */
         get: function () {
-            return this.i.gv;
+            return this.i.gx;
         },
         set: function (v) {
-            this.i.gv = +v;
-            this._a("horizontalViewScrollbarTrackStartInset", this.i.gv);
+            this.i.gx = +v;
+            this._a("horizontalViewScrollbarTrackStartInset", this.i.gx);
         },
         enumerable: false,
         configurable: true
@@ -525,11 +531,11 @@ var IgcSeriesViewerComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the track end inset to use for the horizontal scrollbar in the component, when enabled.
         */
         get: function () {
-            return this.i.gu;
+            return this.i.gw;
         },
         set: function (v) {
-            this.i.gu = +v;
-            this._a("horizontalViewScrollbarTrackEndInset", this.i.gu);
+            this.i.gw = +v;
+            this._a("horizontalViewScrollbarTrackEndInset", this.i.gw);
         },
         enumerable: false,
         configurable: true
@@ -539,11 +545,11 @@ var IgcSeriesViewerComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets whether to use automatic track insets for the horizontal scrollbar in the component, when enabled.
         */
         get: function () {
-            return this.i.d5;
+            return this.i.d6;
         },
         set: function (v) {
-            this.i.d5 = ensureBool(v);
-            this._a("horizontalViewScrollbarShouldAddAutoTrackInsets", this.i.d5);
+            this.i.d6 = ensureBool(v);
+            this._a("horizontalViewScrollbarShouldAddAutoTrackInsets", this.i.d6);
         },
         enumerable: false,
         configurable: true
@@ -553,11 +559,11 @@ var IgcSeriesViewerComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the fill to use for the vertical scrollbar in the component, when enabled.
         */
         get: function () {
-            return brushToString(this.i.sy);
+            return brushToString(this.i.s7);
         },
         set: function (v) {
-            this.i.sy = stringToBrush(v);
-            this._a("verticalViewScrollbarFill", brushToString(this.i.sy));
+            this.i.s7 = stringToBrush(v);
+            this._a("verticalViewScrollbarFill", brushToString(this.i.s7));
         },
         enumerable: false,
         configurable: true
@@ -567,11 +573,11 @@ var IgcSeriesViewerComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the outline to use for the vertical scrollbar in the component, when enabled.
         */
         get: function () {
-            return brushToString(this.i.sz);
+            return brushToString(this.i.s8);
         },
         set: function (v) {
-            this.i.sz = stringToBrush(v);
-            this._a("verticalViewScrollbarOutline", brushToString(this.i.sz));
+            this.i.s8 = stringToBrush(v);
+            this._a("verticalViewScrollbarOutline", brushToString(this.i.s8));
         },
         enumerable: false,
         configurable: true
@@ -581,11 +587,11 @@ var IgcSeriesViewerComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the stroke thickness to use for the vertical scrollbar in the component, when enabled.
         */
         get: function () {
-            return this.i.hf;
+            return this.i.hh;
         },
         set: function (v) {
-            this.i.hf = +v;
-            this._a("verticalViewScrollbarStrokeThickness", this.i.hf);
+            this.i.hh = +v;
+            this._a("verticalViewScrollbarStrokeThickness", this.i.hh);
         },
         enumerable: false,
         configurable: true
@@ -595,11 +601,11 @@ var IgcSeriesViewerComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the max opacity to use for the vertical scrollbar in the component, when enabled.
         */
         get: function () {
-            return this.i.he;
+            return this.i.hg;
         },
         set: function (v) {
-            this.i.he = +v;
-            this._a("verticalViewScrollbarMaxOpacity", this.i.he);
+            this.i.hg = +v;
+            this._a("verticalViewScrollbarMaxOpacity", this.i.hg);
         },
         enumerable: false,
         configurable: true
@@ -609,11 +615,11 @@ var IgcSeriesViewerComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the corner radius to use for the vertical scrollbar in the component, when enabled.
         */
         get: function () {
-            return this.i.hc;
+            return this.i.he;
         },
         set: function (v) {
-            this.i.hc = +v;
-            this._a("verticalViewScrollbarCornerRadius", this.i.hc);
+            this.i.he = +v;
+            this._a("verticalViewScrollbarCornerRadius", this.i.he);
         },
         enumerable: false,
         configurable: true
@@ -623,11 +629,11 @@ var IgcSeriesViewerComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the width to use for the vertical scrollbar in the component, when enabled.
         */
         get: function () {
-            return this.i.hi;
+            return this.i.hk;
         },
         set: function (v) {
-            this.i.hi = +v;
-            this._a("verticalViewScrollbarWidth", this.i.hi);
+            this.i.hk = +v;
+            this._a("verticalViewScrollbarWidth", this.i.hk);
         },
         enumerable: false,
         configurable: true
@@ -637,11 +643,11 @@ var IgcSeriesViewerComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the inset distance to use for the vertical scrollbar in the component, when enabled.
         */
         get: function () {
-            return this.i.hd;
+            return this.i.hf;
         },
         set: function (v) {
-            this.i.hd = +v;
-            this._a("verticalViewScrollbarInset", this.i.hd);
+            this.i.hf = +v;
+            this._a("verticalViewScrollbarInset", this.i.hf);
         },
         enumerable: false,
         configurable: true
@@ -651,11 +657,11 @@ var IgcSeriesViewerComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the track start inset to use for the vertical scrollbar in the component, when enabled.
         */
         get: function () {
-            return this.i.hh;
+            return this.i.hj;
         },
         set: function (v) {
-            this.i.hh = +v;
-            this._a("verticalViewScrollbarTrackStartInset", this.i.hh);
+            this.i.hj = +v;
+            this._a("verticalViewScrollbarTrackStartInset", this.i.hj);
         },
         enumerable: false,
         configurable: true
@@ -665,11 +671,11 @@ var IgcSeriesViewerComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the track end inset to use for the vertical scrollbar in the component, when enabled.
         */
         get: function () {
-            return this.i.hg;
+            return this.i.hi;
         },
         set: function (v) {
-            this.i.hg = +v;
-            this._a("verticalViewScrollbarTrackEndInset", this.i.hg);
+            this.i.hi = +v;
+            this._a("verticalViewScrollbarTrackEndInset", this.i.hi);
         },
         enumerable: false,
         configurable: true
@@ -679,11 +685,11 @@ var IgcSeriesViewerComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets whether to use automatic track insets for the vertical scrollbar in the component, when enabled.
         */
         get: function () {
-            return this.i.fj;
+            return this.i.fk;
         },
         set: function (v) {
-            this.i.fj = ensureBool(v);
-            this._a("verticalViewScrollbarShouldAddAutoTrackInsets", this.i.fj);
+            this.i.fk = ensureBool(v);
+            this._a("verticalViewScrollbarShouldAddAutoTrackInsets", this.i.fk);
         },
         enumerable: false,
         configurable: true
@@ -751,7 +757,7 @@ var IgcSeriesViewerComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets the viewport rectangle associated with the SeriesViewer, the physical dimensions of the plot area.
         */
         get: function () {
-            return fromRect(this.i.tp);
+            return fromRect(this.i.ty);
         },
         enumerable: false,
         configurable: true
@@ -768,11 +774,11 @@ var IgcSeriesViewerComponent = /** @class */ /*@__PURE__*/ (function (_super) {
         * ```
         */
         get: function () {
-            return fromRect(this.i.te);
+            return fromRect(this.i.tn);
         },
         set: function (v) {
-            this.i.te = toRect(v);
-            this._a("effectiveViewport", rectToString(this.i.te));
+            this.i.tn = toRect(v);
+            this._a("effectiveViewport", rectToString(this.i.tn));
         },
         enumerable: false,
         configurable: true
@@ -783,7 +789,7 @@ var IgcSeriesViewerComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * This is the projection of the current EffectiveViewport into the viewport at current zoom level.
         */
         get: function () {
-            return fromRect(this.i.td);
+            return fromRect(this.i.tm);
         },
         enumerable: false,
         configurable: true
@@ -800,11 +806,11 @@ var IgcSeriesViewerComponent = /** @class */ /*@__PURE__*/ (function (_super) {
         * ```
         */
         get: function () {
-            return fromRect(this.i.tq);
+            return fromRect(this.i.tz);
         },
         set: function (v) {
-            this.i.tq = toRect(v);
-            this._a("windowRect", rectToString(this.i.tq));
+            this.i.tz = toRect(v);
+            this._a("windowRect", rectToString(this.i.tz));
         },
         enumerable: false,
         configurable: true
@@ -814,11 +820,11 @@ var IgcSeriesViewerComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets whether the series viewer should use cached tiles during zooms rather than the default live content.
         */
         get: function () {
-            return this.i.fi;
+            return this.i.fj;
         },
         set: function (v) {
-            this.i.fi = ensureBool(v);
-            this._a("useTiledZooming", this.i.fi);
+            this.i.fj = ensureBool(v);
+            this._a("useTiledZooming", this.i.fj);
         },
         enumerable: false,
         configurable: true
@@ -828,11 +834,11 @@ var IgcSeriesViewerComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets whether the series viewer should prefer selecting higher resolution tiles over lower resolution tiles when performing tile zooming. Setting this to true will lower performance but increase quality.
         */
         get: function () {
-            return this.i.e5;
+            return this.i.e6;
         },
         set: function (v) {
-            this.i.e5 = ensureBool(v);
-            this._a("preferHigherResolutionTiles", this.i.e5);
+            this.i.e6 = ensureBool(v);
+            this._a("preferHigherResolutionTiles", this.i.e6);
         },
         enumerable: false,
         configurable: true
@@ -842,11 +848,11 @@ var IgcSeriesViewerComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the maximum number of zoom tiles that the series viewer should cache while in tiled zooming mode.
         */
         get: function () {
-            return this.i.hy;
+            return this.i.h0;
         },
         set: function (v) {
-            this.i.hy = +v;
-            this._a("zoomTileCacheSize", this.i.hy);
+            this.i.h0 = +v;
+            this._a("zoomTileCacheSize", this.i.h0);
         },
         enumerable: false,
         configurable: true
@@ -862,11 +868,11 @@ var IgcSeriesViewerComponent = /** @class */ /*@__PURE__*/ (function (_super) {
         * ```
         */
         get: function () {
-            return this.i.hw;
+            return this.i.hy;
         },
         set: function (v) {
-            this.i.hw = +v;
-            this._a("highlightingTransitionDuration", this.i.hw);
+            this.i.hy = +v;
+            this._a("highlightingTransitionDuration", this.i.hy);
         },
         enumerable: false,
         configurable: true
@@ -876,11 +882,11 @@ var IgcSeriesViewerComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the duration of the scrollbar effects.
         */
         get: function () {
-            return this.i.hx;
+            return this.i.hz;
         },
         set: function (v) {
-            this.i.hx = +v;
-            this._a("scrollbarsAnimationDuration", this.i.hx);
+            this.i.hz = +v;
+            this._a("scrollbarsAnimationDuration", this.i.hz);
         },
         enumerable: false,
         configurable: true
@@ -890,11 +896,11 @@ var IgcSeriesViewerComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the whether the series viewer can allow the page to pan if a control pan is not possible in the requested direction.
         */
         get: function () {
-            return this.i.ek;
+            return this.i.el;
         },
         set: function (v) {
-            this.i.ek = ensureBool(v);
-            this._a("isPagePanningAllowed", this.i.ek);
+            this.i.el = ensureBool(v);
+            this._a("isPagePanningAllowed", this.i.el);
         },
         enumerable: false,
         configurable: true
@@ -946,11 +952,11 @@ var IgcSeriesViewerComponent = /** @class */ /*@__PURE__*/ (function (_super) {
         * ```
         */
         get: function () {
-            return this.i.el;
+            return this.i.em;
         },
         set: function (v) {
-            this.i.el = ensureBool(v);
-            this._a("isSurfaceInteractionDisabled", this.i.el);
+            this.i.em = ensureBool(v);
+            this._a("isSurfaceInteractionDisabled", this.i.em);
         },
         enumerable: false,
         configurable: true
@@ -960,7 +966,7 @@ var IgcSeriesViewerComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Indicates if this SeriesViewer is a map.
         */
         get: function () {
-            return this.i.ej;
+            return this.i.ek;
         },
         enumerable: false,
         configurable: true
@@ -1000,11 +1006,11 @@ var IgcSeriesViewerComponent = /** @class */ /*@__PURE__*/ (function (_super) {
         * ```
         */
         get: function () {
-            return this.i.hm;
+            return this.i.ho;
         },
         set: function (v) {
-            this.i.hm = +v;
-            this._a("windowRectMinWidth", this.i.hm);
+            this.i.ho = +v;
+            this._a("windowRectMinWidth", this.i.ho);
         },
         enumerable: false,
         configurable: true
@@ -1017,11 +1023,11 @@ var IgcSeriesViewerComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * This property accepts values between 0.0 (max zooming) and 1.0 (no zooming)
         */
         get: function () {
-            return this.i.hl;
+            return this.i.hn;
         },
         set: function (v) {
-            this.i.hl = +v;
-            this._a("windowRectMinHeight", this.i.hl);
+            this.i.hn = +v;
+            this._a("windowRectMinHeight", this.i.hn);
         },
         enumerable: false,
         configurable: true
@@ -1031,11 +1037,11 @@ var IgcSeriesViewerComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets the actual minimum width that the window rect is allowed to reach before being clamped.
         */
         get: function () {
-            return this.i.gh;
+            return this.i.gj;
         },
         set: function (v) {
-            this.i.gh = +v;
-            this._a("actualWindowRectMinWidth", this.i.gh);
+            this.i.gj = +v;
+            this._a("actualWindowRectMinWidth", this.i.gj);
         },
         enumerable: false,
         configurable: true
@@ -1045,11 +1051,11 @@ var IgcSeriesViewerComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets the actual minimum height that the window rect is allowed to reach before being clamped.
         */
         get: function () {
-            return this.i.gg;
+            return this.i.gi;
         },
         set: function (v) {
-            this.i.gg = +v;
-            this._a("actualWindowRectMinHeight", this.i.gg);
+            this.i.gi = +v;
+            this._a("actualWindowRectMinHeight", this.i.gi);
         },
         enumerable: false,
         configurable: true
@@ -1062,11 +1068,11 @@ var IgcSeriesViewerComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * This property is overridden by the WindowRectMinWidth property
         */
         get: function () {
-            return this.i.ho;
+            return this.i.hq;
         },
         set: function (v) {
-            this.i.ho = +v;
-            this._a("windowSizeMinWidth", this.i.ho);
+            this.i.hq = +v;
+            this._a("windowSizeMinWidth", this.i.hq);
         },
         enumerable: false,
         configurable: true
@@ -1079,11 +1085,11 @@ var IgcSeriesViewerComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * This property is overridden by the WindowRectMinHeight property
         */
         get: function () {
-            return this.i.hn;
+            return this.i.hp;
         },
         set: function (v) {
-            this.i.hn = +v;
-            this._a("windowSizeMinHeight", this.i.hn);
+            this.i.hp = +v;
+            this._a("windowSizeMinHeight", this.i.hp);
         },
         enumerable: false,
         configurable: true
@@ -1099,11 +1105,11 @@ var IgcSeriesViewerComponent = /** @class */ /*@__PURE__*/ (function (_super) {
         * ```
         */
         get: function () {
-            return this.i.tu;
+            return this.i.t3;
         },
         set: function (v) {
-            this.i.tu = ensureEnum(Visibility_$type, v);
-            this._a("crosshairVisibility", enumToString(Visibility_$type, this.i.tu));
+            this.i.t3 = ensureEnum(Visibility_$type, v);
+            this._a("crosshairVisibility", enumToString(Visibility_$type, this.i.t3));
         },
         enumerable: false,
         configurable: true
@@ -1113,11 +1119,11 @@ var IgcSeriesViewerComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the current SeriesViewer's crosshair horizontal brush override.
         */
         get: function () {
-            return brushToString(this.i.so);
+            return brushToString(this.i.sx);
         },
         set: function (v) {
-            this.i.so = stringToBrush(v);
-            this._a("horizontalCrosshairBrush", brushToString(this.i.so));
+            this.i.sx = stringToBrush(v);
+            this._a("horizontalCrosshairBrush", brushToString(this.i.sx));
         },
         enumerable: false,
         configurable: true
@@ -1127,11 +1133,11 @@ var IgcSeriesViewerComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the current SeriesViewer's crosshair vertical brush override.
         */
         get: function () {
-            return brushToString(this.i.sx);
+            return brushToString(this.i.s6);
         },
         set: function (v) {
-            this.i.sx = stringToBrush(v);
-            this._a("verticalCrosshairBrush", brushToString(this.i.sx));
+            this.i.s6 = stringToBrush(v);
+            this._a("verticalCrosshairBrush", brushToString(this.i.s6));
         },
         enumerable: false,
         configurable: true
@@ -1161,11 +1167,11 @@ var IgcSeriesViewerComponent = /** @class */ /*@__PURE__*/ (function (_super) {
         * ```
         */
         get: function () {
-            return brushToString(this.i.sr);
+            return brushToString(this.i.s0);
         },
         set: function (v) {
-            this.i.sr = stringToBrush(v);
-            this._a("plotAreaBackground", brushToString(this.i.sr));
+            this.i.s0 = stringToBrush(v);
+            this._a("plotAreaBackground", brushToString(this.i.s0));
         },
         enumerable: false,
         configurable: true
@@ -1217,11 +1223,11 @@ var IgcSeriesViewerComponent = /** @class */ /*@__PURE__*/ (function (_super) {
         * ```
         */
         get: function () {
-            return this.i.sa;
+            return this.i.sj;
         },
         set: function (v) {
-            this.i.sa = ensureEnum(ModifierKeys_$type, v);
-            this._a("dragModifier", enumToString(ModifierKeys_$type, this.i.sa));
+            this.i.sj = ensureEnum(ModifierKeys_$type, v);
+            this._a("dragModifier", enumToString(ModifierKeys_$type, this.i.sj));
         },
         enumerable: false,
         configurable: true
@@ -1237,11 +1243,11 @@ var IgcSeriesViewerComponent = /** @class */ /*@__PURE__*/ (function (_super) {
         * ```
         */
         get: function () {
-            return this.i.sb;
+            return this.i.sk;
         },
         set: function (v) {
-            this.i.sb = ensureEnum(ModifierKeys_$type, v);
-            this._a("panModifier", enumToString(ModifierKeys_$type, this.i.sb));
+            this.i.sk = ensureEnum(ModifierKeys_$type, v);
+            this._a("panModifier", enumToString(ModifierKeys_$type, this.i.sk));
         },
         enumerable: false,
         configurable: true
@@ -1259,11 +1265,11 @@ var IgcSeriesViewerComponent = /** @class */ /*@__PURE__*/ (function (_super) {
         * ```
         */
         get: function () {
-            return fromRect(this.i.tk);
+            return fromRect(this.i.tt);
         },
         set: function (v) {
-            this.i.tk = toRect(v);
-            this._a("previewRect", rectToString(this.i.tk));
+            this.i.tt = toRect(v);
+            this._a("previewRect", rectToString(this.i.tt));
         },
         enumerable: false,
         configurable: true
@@ -1278,11 +1284,11 @@ var IgcSeriesViewerComponent = /** @class */ /*@__PURE__*/ (function (_super) {
         * ```
         */
         get: function () {
-            return this.i.hj;
+            return this.i.hl;
         },
         set: function (v) {
-            this.i.hj = +v;
-            this._a("windowPositionHorizontal", this.i.hj);
+            this.i.hl = +v;
+            this._a("windowPositionHorizontal", this.i.hl);
         },
         enumerable: false,
         configurable: true
@@ -1297,11 +1303,11 @@ var IgcSeriesViewerComponent = /** @class */ /*@__PURE__*/ (function (_super) {
         * ```
         */
         get: function () {
-            return this.i.hk;
+            return this.i.hm;
         },
         set: function (v) {
-            this.i.hk = +v;
-            this._a("windowPositionVertical", this.i.hk);
+            this.i.hm = +v;
+            this._a("windowPositionVertical", this.i.hm);
         },
         enumerable: false,
         configurable: true
@@ -1317,10 +1323,10 @@ var IgcSeriesViewerComponent = /** @class */ /*@__PURE__*/ (function (_super) {
         * ```
         */
         get: function () {
-            return this.i.kh;
+            return this.i.kk;
         },
         set: function (v) {
-            this.i.kh = v;
+            this.i.kk = v;
         },
         enumerable: false,
         configurable: true
@@ -1336,11 +1342,11 @@ var IgcSeriesViewerComponent = /** @class */ /*@__PURE__*/ (function (_super) {
         * ```
         */
         get: function () {
-            return this.i.r9;
+            return this.i.si;
         },
         set: function (v) {
-            this.i.r9 = ensureEnum(HorizontalAlignment_$type, v);
-            this._a("titleHorizontalAlignment", enumToString(HorizontalAlignment_$type, this.i.r9));
+            this.i.si = ensureEnum(HorizontalAlignment_$type, v);
+            this._a("titleHorizontalAlignment", enumToString(HorizontalAlignment_$type, this.i.si));
         },
         enumerable: false,
         configurable: true
@@ -1356,11 +1362,11 @@ var IgcSeriesViewerComponent = /** @class */ /*@__PURE__*/ (function (_super) {
         * ```
         */
         get: function () {
-            return this.i.r8;
+            return this.i.sh;
         },
         set: function (v) {
-            this.i.r8 = ensureEnum(HorizontalAlignment_$type, v);
-            this._a("subtitleHorizontalAlignment", enumToString(HorizontalAlignment_$type, this.i.r8));
+            this.i.sh = ensureEnum(HorizontalAlignment_$type, v);
+            this._a("subtitleHorizontalAlignment", enumToString(HorizontalAlignment_$type, this.i.sh));
         },
         enumerable: false,
         configurable: true
@@ -1370,10 +1376,10 @@ var IgcSeriesViewerComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Font settings for the title.
         */
         get: function () {
-            return this.i.ko;
+            return this.i.kr;
         },
         set: function (v) {
-            this.i.ko = v;
+            this.i.kr = v;
         },
         enumerable: false,
         configurable: true
@@ -1383,10 +1389,10 @@ var IgcSeriesViewerComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Font settings for the subtitle.
         */
         get: function () {
-            return this.i.kc;
+            return this.i.kf;
         },
         set: function (v) {
-            this.i.kc = v;
+            this.i.kf = v;
         },
         enumerable: false,
         configurable: true
@@ -1402,11 +1408,11 @@ var IgcSeriesViewerComponent = /** @class */ /*@__PURE__*/ (function (_super) {
         * ```
         */
         get: function () {
-            return brushToString(this.i.sw);
+            return brushToString(this.i.s5);
         },
         set: function (v) {
-            this.i.sw = stringToBrush(v);
-            this._a("titleTextColor", brushToString(this.i.sw));
+            this.i.s5 = stringToBrush(v);
+            this._a("titleTextColor", brushToString(this.i.s5));
         },
         enumerable: false,
         configurable: true
@@ -1422,11 +1428,11 @@ var IgcSeriesViewerComponent = /** @class */ /*@__PURE__*/ (function (_super) {
         * ```
         */
         get: function () {
-            return brushToString(this.i.sv);
+            return brushToString(this.i.s4);
         },
         set: function (v) {
-            this.i.sv = stringToBrush(v);
-            this._a("subtitleTextColor", brushToString(this.i.sv));
+            this.i.s4 = stringToBrush(v);
+            this._a("subtitleTextColor", brushToString(this.i.s4));
         },
         enumerable: false,
         configurable: true
@@ -1442,11 +1448,11 @@ var IgcSeriesViewerComponent = /** @class */ /*@__PURE__*/ (function (_super) {
         * ```
         */
         get: function () {
-            return this.i.ha;
+            return this.i.hc;
         },
         set: function (v) {
-            this.i.ha = +v;
-            this._a("titleTopMargin", this.i.ha);
+            this.i.hc = +v;
+            this._a("titleTopMargin", this.i.hc);
         },
         enumerable: false,
         configurable: true
@@ -1462,11 +1468,11 @@ var IgcSeriesViewerComponent = /** @class */ /*@__PURE__*/ (function (_super) {
         * ```
         */
         get: function () {
-            return this.i.g8;
+            return this.i.ha;
         },
         set: function (v) {
-            this.i.g8 = +v;
-            this._a("titleLeftMargin", this.i.g8);
+            this.i.ha = +v;
+            this._a("titleLeftMargin", this.i.ha);
         },
         enumerable: false,
         configurable: true
@@ -1482,11 +1488,11 @@ var IgcSeriesViewerComponent = /** @class */ /*@__PURE__*/ (function (_super) {
         * ```
         */
         get: function () {
-            return this.i.g9;
+            return this.i.hb;
         },
         set: function (v) {
-            this.i.g9 = +v;
-            this._a("titleRightMargin", this.i.g9);
+            this.i.hb = +v;
+            this._a("titleRightMargin", this.i.hb);
         },
         enumerable: false,
         configurable: true
@@ -1502,11 +1508,11 @@ var IgcSeriesViewerComponent = /** @class */ /*@__PURE__*/ (function (_super) {
         * ```
         */
         get: function () {
-            return this.i.g7;
+            return this.i.g9;
         },
         set: function (v) {
-            this.i.g7 = +v;
-            this._a("titleBottomMargin", this.i.g7);
+            this.i.g9 = +v;
+            this._a("titleBottomMargin", this.i.g9);
         },
         enumerable: false,
         configurable: true
@@ -1522,11 +1528,11 @@ var IgcSeriesViewerComponent = /** @class */ /*@__PURE__*/ (function (_super) {
         * ```
         */
         get: function () {
-            return this.i.g6;
+            return this.i.g8;
         },
         set: function (v) {
-            this.i.g6 = +v;
-            this._a("subtitleTopMargin", this.i.g6);
+            this.i.g8 = +v;
+            this._a("subtitleTopMargin", this.i.g8);
         },
         enumerable: false,
         configurable: true
@@ -1542,11 +1548,11 @@ var IgcSeriesViewerComponent = /** @class */ /*@__PURE__*/ (function (_super) {
         * ```
         */
         get: function () {
-            return this.i.g4;
+            return this.i.g6;
         },
         set: function (v) {
-            this.i.g4 = +v;
-            this._a("subtitleLeftMargin", this.i.g4);
+            this.i.g6 = +v;
+            this._a("subtitleLeftMargin", this.i.g6);
         },
         enumerable: false,
         configurable: true
@@ -1562,11 +1568,11 @@ var IgcSeriesViewerComponent = /** @class */ /*@__PURE__*/ (function (_super) {
         * ```
         */
         get: function () {
-            return this.i.g5;
+            return this.i.g7;
         },
         set: function (v) {
-            this.i.g5 = +v;
-            this._a("subtitleRightMargin", this.i.g5);
+            this.i.g7 = +v;
+            this._a("subtitleRightMargin", this.i.g7);
         },
         enumerable: false,
         configurable: true
@@ -1582,11 +1588,11 @@ var IgcSeriesViewerComponent = /** @class */ /*@__PURE__*/ (function (_super) {
         * ```
         */
         get: function () {
-            return this.i.g3;
+            return this.i.g5;
         },
         set: function (v) {
-            this.i.g3 = +v;
-            this._a("subtitleBottomMargin", this.i.g3);
+            this.i.g5 = +v;
+            this._a("subtitleBottomMargin", this.i.g5);
         },
         enumerable: false,
         configurable: true
@@ -1603,10 +1609,10 @@ var IgcSeriesViewerComponent = /** @class */ /*@__PURE__*/ (function (_super) {
         * ```
         */
         get: function () {
-            return this.i.j5;
+            return this.i.j8;
         },
         set: function (v) {
-            this.i.j5 = v;
+            this.i.j8 = v;
         },
         enumerable: false,
         configurable: true
@@ -1622,11 +1628,11 @@ var IgcSeriesViewerComponent = /** @class */ /*@__PURE__*/ (function (_super) {
         * ```
         */
         get: function () {
-            return this.i.hb;
+            return this.i.hd;
         },
         set: function (v) {
-            this.i.hb = +v;
-            this._a("topMargin", this.i.hb);
+            this.i.hd = +v;
+            this._a("topMargin", this.i.hd);
         },
         enumerable: false,
         configurable: true
@@ -1642,11 +1648,11 @@ var IgcSeriesViewerComponent = /** @class */ /*@__PURE__*/ (function (_super) {
         * ```
         */
         get: function () {
-            return this.i.gx;
+            return this.i.gz;
         },
         set: function (v) {
-            this.i.gx = +v;
-            this._a("leftMargin", this.i.gx);
+            this.i.gz = +v;
+            this._a("leftMargin", this.i.gz);
         },
         enumerable: false,
         configurable: true
@@ -1662,11 +1668,11 @@ var IgcSeriesViewerComponent = /** @class */ /*@__PURE__*/ (function (_super) {
         * ```
         */
         get: function () {
-            return this.i.g2;
+            return this.i.g4;
         },
         set: function (v) {
-            this.i.g2 = +v;
-            this._a("rightMargin", this.i.g2);
+            this.i.g4 = +v;
+            this._a("rightMargin", this.i.g4);
         },
         enumerable: false,
         configurable: true
@@ -1682,11 +1688,11 @@ var IgcSeriesViewerComponent = /** @class */ /*@__PURE__*/ (function (_super) {
         * ```
         */
         get: function () {
-            return this.i.gk;
+            return this.i.gm;
         },
         set: function (v) {
-            this.i.gk = +v;
-            this._a("bottomMargin", this.i.gk);
+            this.i.gm = +v;
+            this._a("bottomMargin", this.i.gm);
         },
         enumerable: false,
         configurable: true
@@ -1702,11 +1708,11 @@ var IgcSeriesViewerComponent = /** @class */ /*@__PURE__*/ (function (_super) {
         * ```
         */
         get: function () {
-            return this.i.gj;
+            return this.i.gl;
         },
         set: function (v) {
-            this.i.gj = +v;
-            this._a("autoMarginWidth", this.i.gj);
+            this.i.gl = +v;
+            this._a("autoMarginWidth", this.i.gl);
         },
         enumerable: false,
         configurable: true
@@ -1720,11 +1726,11 @@ var IgcSeriesViewerComponent = /** @class */ /*@__PURE__*/ (function (_super) {
         * ```
         */
         get: function () {
-            return this.i.gi;
+            return this.i.gk;
         },
         set: function (v) {
-            this.i.gi = +v;
-            this._a("autoMarginHeight", this.i.gi);
+            this.i.gk = +v;
+            this._a("autoMarginHeight", this.i.gk);
         },
         enumerable: false,
         configurable: true
@@ -1734,11 +1740,11 @@ var IgcSeriesViewerComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the IsAntiAliasingEnabledDuringInteraction property.
         */
         get: function () {
-            return this.i.ea;
+            return this.i.eb;
         },
         set: function (v) {
-            this.i.ea = ensureBool(v);
-            this._a("isAntiAliasingEnabledDuringInteraction", this.i.ea);
+            this.i.eb = ensureBool(v);
+            this._a("isAntiAliasingEnabledDuringInteraction", this.i.eb);
         },
         enumerable: false,
         configurable: true
@@ -1750,11 +1756,11 @@ var IgcSeriesViewerComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * to appear blurry.
         */
         get: function () {
-            return this.i.gy;
+            return this.i.g0;
         },
         set: function (v) {
-            this.i.gy = +v;
-            this._a("pixelScalingRatio", this.i.gy);
+            this.i.g0 = +v;
+            this._a("pixelScalingRatio", this.i.g0);
         },
         enumerable: false,
         configurable: true
@@ -1764,11 +1770,11 @@ var IgcSeriesViewerComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Method of pixel scaling to use during end user interaction with the chart.
         */
         get: function () {
-            return this.i.gw;
+            return this.i.gy;
         },
         set: function (v) {
-            this.i.gw = +v;
-            this._a("interactionPixelScalingRatio", this.i.gw);
+            this.i.gy = +v;
+            this._a("interactionPixelScalingRatio", this.i.gy);
         },
         enumerable: false,
         configurable: true
@@ -1784,11 +1790,11 @@ var IgcSeriesViewerComponent = /** @class */ /*@__PURE__*/ (function (_super) {
         * ```
         */
         get: function () {
-            return this.i.gd;
+            return this.i.gf;
         },
         set: function (v) {
-            this.i.gd = +v;
-            this._a("actualPixelScalingRatio", this.i.gd);
+            this.i.gf = +v;
+            this._a("actualPixelScalingRatio", this.i.gf);
         },
         enumerable: false,
         configurable: true
@@ -1802,11 +1808,11 @@ var IgcSeriesViewerComponent = /** @class */ /*@__PURE__*/ (function (_super) {
         * ```
         */
         get: function () {
-            return this.i.gc;
+            return this.i.ge;
         },
         set: function (v) {
-            this.i.gc = +v;
-            this._a("actualInteractionPixelScalingRatio", this.i.gc);
+            this.i.ge = +v;
+            this._a("actualInteractionPixelScalingRatio", this.i.ge);
         },
         enumerable: false,
         configurable: true
@@ -1816,11 +1822,11 @@ var IgcSeriesViewerComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets a whether the chart should pan its content when zooing in passed max zoom level.
         */
         get: function () {
-            return this.i.e9;
+            return this.i.fa;
         },
         set: function (v) {
-            this.i.e9 = ensureBool(v);
-            this._a("shouldPanOnMaximumZoom", this.i.e9);
+            this.i.fa = ensureBool(v);
+            this._a("shouldPanOnMaximumZoom", this.i.fa);
         },
         enumerable: false,
         configurable: true
@@ -1830,11 +1836,11 @@ var IgcSeriesViewerComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets the actual value of the window rectangle, which represents the current zoom level.
         */
         get: function () {
-            return fromRect(this.i.ta);
+            return fromRect(this.i.tj);
         },
         set: function (v) {
-            this.i.ta = toRect(v);
-            this._a("actualWindowRect", rectToString(this.i.ta));
+            this.i.tj = toRect(v);
+            this._a("actualWindowRect", rectToString(this.i.tj));
         },
         enumerable: false,
         configurable: true
@@ -1849,11 +1855,11 @@ var IgcSeriesViewerComponent = /** @class */ /*@__PURE__*/ (function (_super) {
         * ```
         */
         get: function () {
-            return this.i.ge;
+            return this.i.gg;
         },
         set: function (v) {
-            this.i.ge = +v;
-            this._a("actualWindowPositionHorizontal", this.i.ge);
+            this.i.gg = +v;
+            this._a("actualWindowPositionHorizontal", this.i.gg);
         },
         enumerable: false,
         configurable: true
@@ -1869,11 +1875,11 @@ var IgcSeriesViewerComponent = /** @class */ /*@__PURE__*/ (function (_super) {
         * ```
         */
         get: function () {
-            return this.i.gf;
+            return this.i.gh;
         },
         set: function (v) {
-            this.i.gf = +v;
-            this._a("actualWindowPositionVertical", this.i.gf);
+            this.i.gh = +v;
+            this._a("actualWindowPositionVertical", this.i.gh);
         },
         enumerable: false,
         configurable: true
@@ -1953,9 +1959,6 @@ var IgcSeriesViewerComponent = /** @class */ /*@__PURE__*/ (function (_super) {
         var iv = this.i.getDesiredToolbarActions();
         return (iv);
     };
-    IgcSeriesViewerComponent.prototype.onToolCommandExecuting = function (command) {
-        this.i.onToolCommandExecuting(command);
-    };
     IgcSeriesViewerComponent.prototype.addCommandAvailabilityListener = function (listener) {
         this.i.addCommandAvailabilityListener(listener);
     };
@@ -1977,55 +1980,55 @@ var IgcSeriesViewerComponent = /** @class */ /*@__PURE__*/ (function (_super) {
     * ```
     */
     IgcSeriesViewerComponent.prototype.hideToolTip = function () {
-        this.i.l1();
+        this.i.l7();
     };
     IgcSeriesViewerComponent.prototype.simulateHover = function (point) {
-        this.i.o0(toPoint(point));
+        this.i.o9(toPoint(point));
     };
     /**
      * Manually starts a tiled zoom if one isn't already running.
     
     */
     IgcSeriesViewerComponent.prototype.startTiledZoomingIfNecessary = function () {
-        this.i.o2();
+        this.i.pb();
     };
     /**
      * Manually ends a tiled zoom if one is running.
     
     */
     IgcSeriesViewerComponent.prototype.endTiledZoomingIfRunning = function () {
-        this.i.lv();
+        this.i.l1();
     };
     /**
      * Clears the tile zoom tile cache so that new tiles will be generated. Only applies if the viewer is using a tile based zoom.
     
     */
     IgcSeriesViewerComponent.prototype.clearTileZoomCache = function () {
-        this.i.lp();
+        this.i.lv();
     };
     /**
      * Performs zoom in action on the chart by specified percentage of current window rect
     
     */
     IgcSeriesViewerComponent.prototype.zoomIn = function (percentage) {
-        this.i.pk(percentage);
+        this.i.pt(percentage);
     };
     /**
      * Performs zoom out action on the chart by specified percentage of current window rect
     
     */
     IgcSeriesViewerComponent.prototype.zoomOut = function (percentage) {
-        this.i.pl(percentage);
+        this.i.pu(percentage);
     };
     /**
      * Resets the zoom level to default.
     
     */
     IgcSeriesViewerComponent.prototype.resetZoom = function () {
-        this.i.ou();
+        this.i.o3();
     };
     IgcSeriesViewerComponent.prototype.cancelManipulation = function () {
-        this.i.ln();
+        this.i.lq();
     };
     /**
      * Gets actual window scale for horizontal dimension of the control
@@ -2036,7 +2039,7 @@ var IgcSeriesViewerComponent = /** @class */ /*@__PURE__*/ (function (_super) {
     * ```
     */
     IgcSeriesViewerComponent.prototype.getActualWindowScaleHorizontal = function () {
-        var iv = this.i.gn();
+        var iv = this.i.gp();
         return (iv);
     };
     /**
@@ -2048,7 +2051,7 @@ var IgcSeriesViewerComponent = /** @class */ /*@__PURE__*/ (function (_super) {
     * ```
     */
     IgcSeriesViewerComponent.prototype.getActualWindowScaleVertical = function () {
-        var iv = this.i.go();
+        var iv = this.i.gq();
         return (iv);
     };
     /**
@@ -2064,10 +2067,10 @@ var IgcSeriesViewerComponent = /** @class */ /*@__PURE__*/ (function (_super) {
     * @param s  * The series to attach to the chart.
     */
     IgcSeriesViewerComponent.prototype.attachSeries = function (s) {
-        this.i.ll((s == null ? null : s.i));
+        this.i.lo((s == null ? null : s.i));
     };
     IgcSeriesViewerComponent.prototype.notifySetItem = function (source_, index, oldItem, newItem) {
-        this.i.mj(source_, index, oldItem, newItem);
+        this.i.mq(source_, index, oldItem, newItem);
     };
     /**
      * Used to manually notify the SeriesViewer that the data source has reset or cleared its items.  Invoking this method is only necessary if that datasource is not observable.
@@ -2079,13 +2082,13 @@ var IgcSeriesViewerComponent = /** @class */ /*@__PURE__*/ (function (_super) {
     * ```
     */
     IgcSeriesViewerComponent.prototype.notifyClearItems = function (source_) {
-        this.i.ma(source_);
+        this.i.mh(source_);
     };
     IgcSeriesViewerComponent.prototype.notifyInsertItem = function (source_, index, newItem) {
-        this.i.mh(source_, index, newItem);
+        this.i.mo(source_, index, newItem);
     };
     IgcSeriesViewerComponent.prototype.notifyRemoveItem = function (source_, index, oldItem) {
-        this.i.mi(source_, index, oldItem);
+        this.i.mp(source_, index, oldItem);
     };
     /**
      * Release any resources held by the control.
@@ -2095,11 +2098,11 @@ var IgcSeriesViewerComponent = /** @class */ /*@__PURE__*/ (function (_super) {
         this.i.destroy();
     };
     IgcSeriesViewerComponent.prototype.getCurrentActualWindowRect = function () {
-        var iv = this.i.tg();
+        var iv = this.i.tp();
         return fromRect(iv);
     };
     IgcSeriesViewerComponent.prototype.renderToImage = function (width, height) {
-        var iv = this.i.h0(width, height);
+        var iv = this.i.h2(width, height);
         return (iv);
     };
     /**
@@ -2115,6 +2118,9 @@ var IgcSeriesViewerComponent = /** @class */ /*@__PURE__*/ (function (_super) {
     IgcSeriesViewerComponent.prototype.flush = function () {
         this.i.flush();
     };
+    IgcSeriesViewerComponent.prototype.captureImage = function (settings) {
+        this.i.lr((settings == null ? null : settings.i));
+    };
     Object.defineProperty(IgcSeriesViewerComponent.prototype, "plotAreaMouseLeftButtonDown", {
         /**
          * Occurs when the left mouse button is pressed while the mouse pointer is over the plot area.
@@ -2795,6 +2801,37 @@ var IgcSeriesViewerComponent = /** @class */ /*@__PURE__*/ (function (_super) {
         enumerable: false,
         configurable: true
     });
+    Object.defineProperty(IgcSeriesViewerComponent.prototype, "imageCaptured", {
+        /**
+         * Event raised when an image of the component is saved
+        */
+        get: function () {
+            return this._imageCaptured;
+        },
+        set: function (ev) {
+            var _this = this;
+            if (this._imageCaptured_wrapped !== null) {
+                this.i.imageCaptured = delegateRemove(this.i.imageCaptured, this._imageCaptured_wrapped);
+                this._imageCaptured_wrapped = null;
+                this._imageCaptured = null;
+            }
+            this._imageCaptured = ev;
+            this._imageCaptured_wrapped = function (o, e) {
+                var outerArgs = new IgcImageCapturedEventArgs();
+                outerArgs._provideImplementation(e);
+                if (_this.beforeImageCaptured) {
+                    _this.beforeImageCaptured(_this, outerArgs);
+                }
+                if (_this._imageCaptured) {
+                    _this._imageCaptured(_this, outerArgs);
+                }
+            };
+            this.i.imageCaptured = delegateCombine(this.i.imageCaptured, this._imageCaptured_wrapped);
+            ;
+        },
+        enumerable: false,
+        configurable: true
+    });
     IgcSeriesViewerComponent._observedAttributesIgcSeriesViewerComponent = null;
     return IgcSeriesViewerComponent;
 }(IgcHTMLElement));