igniteui-webcomponents-charts 5.3.0 → 5.4.0-beta.0

package/bundles/igniteui-webcomponents-charts.umd.js

@@ -3123,7 +3123,7 @@
             _this.e0 = false;
             _this.gh = false;
             _this.cq = 1;
-            _this.wm = null;
+            _this.wo = null;
             _this.i0 = 0;
             _this.bq = null;
             _this.ed = false;
@@ -3202,7 +3202,7 @@
             _this.al.a = igniteuiWebcomponentsCore.runOn(_this, _this.ne);
             _this.am = new igniteuiWebcomponentsCore.CanvasRenderScheduler();
             _this.ak = new igniteuiWebcomponentsCore.CanvasRenderScheduler();
-            SeriesViewer.wg = new igniteuiWebcomponentsCore.Rect(0, 0, 0, 1, 1);
+            SeriesViewer.wh = new igniteuiWebcomponentsCore.Rect(0, 0, 0, 1, 1);
             _this.syncSettings = ((function () {
                 var $ret = new SyncSettings();
                 $ret.synchronizeHorizontally = true;
@@ -3258,7 +3258,7 @@
             configurable: true
         });
         SeriesViewer.staticInit = function () {
-            SeriesViewer.wg = new igniteuiWebcomponentsCore.Rect(0, 0, 0, 1, 1);
+            SeriesViewer.wh = new igniteuiWebcomponentsCore.Rect(0, 0, 0, 1, 1);
         };
         Object.defineProperty(SeriesViewer.prototype, "du", {
             get: function () {
@@ -3675,8 +3675,8 @@
                     }
                 }
             }
-            if (this.ep != c && !this.wk.isEmpty) {
-                this.qg(this.wk, this.wk);
+            if (this.ep != c && !this.wm.isEmpty) {
+                this.qg(this.wm, this.wm);
             }
             this.oh();
             this.oq();
@@ -3765,7 +3765,7 @@
             this.ob();
         };
         SeriesViewer.prototype.n6 = function (a, b, c, d) {
-            var e = this.wk;
+            var e = this.wm;
             var f = e.width;
             var g = e.height;
             var h = 1;
@@ -4126,14 +4126,14 @@
         SeriesViewer.prototype.bh = function (a, b, c) {
             var d = { $type: igniteuiWebcomponentsCore.Point_$type, x: a.x, y: a.y };
             var e = { $type: igniteuiWebcomponentsCore.Point_$type, x: a.x, y: a.y };
-            if (!this.wk.isEmpty) {
+            if (!this.wm.isEmpty) {
                 if (c) {
-                    e.x -= this.wk.left;
-                    e.y -= this.wk.top;
+                    e.x -= this.wm.left;
+                    e.y -= this.wm.top;
                 }
                 else {
-                    d.x += this.wk.left;
-                    d.y += this.wk.top;
+                    d.x += this.wm.left;
+                    d.y += this.wm.top;
                 }
             }
             var f = new PlotAreaMouseButtonEventArgs(this, d, e);
@@ -4143,14 +4143,14 @@
         SeriesViewer.prototype.bl = function (a, b, c) {
             var d = { $type: igniteuiWebcomponentsCore.Point_$type, x: a.x, y: a.y };
             var e = { $type: igniteuiWebcomponentsCore.Point_$type, x: a.x, y: a.y };
-            if (!this.wk.isEmpty) {
+            if (!this.wm.isEmpty) {
                 if (c) {
-                    e.x -= this.wk.left;
-                    e.y -= this.wk.top;
+                    e.x -= this.wm.left;
+                    e.y -= this.wm.top;
                 }
                 else {
-                    d.x += this.wk.left;
-                    d.y += this.wk.top;
+                    d.x += this.wm.left;
+                    d.y += this.wm.top;
                 }
             }
             var f = new PlotAreaMouseEventArgs(this, d, e);
@@ -5084,7 +5084,7 @@
             this.bb.f$as(this, a);
         };
         SeriesViewer.prototype.rh = function (a) {
-            a = { $type: igniteuiWebcomponentsCore.Point_$type, x: a.x - this.wk.left, y: a.y - this.wk.top };
+            a = { $type: igniteuiWebcomponentsCore.Point_$type, x: a.x - this.wm.left, y: a.y - this.wm.top };
             var b = this.vy(a);
             if (this.f7) {
                 this.nh(b);
@@ -5154,12 +5154,12 @@
                 }
             }
         };
-        SeriesViewer.prototype.get_wk = function () {
+        SeriesViewer.prototype.get_wm = function () {
             return this.v3;
         };
-        Object.defineProperty(SeriesViewer.prototype, "wk", {
+        Object.defineProperty(SeriesViewer.prototype, "wm", {
             get: function () {
-                return this.get_wk();
+                return this.get_wm();
             },
             enumerable: false,
             configurable: true
@@ -5184,7 +5184,7 @@
             enumerable: false,
             configurable: true
         });
-        SeriesViewer.prototype.wd = function (a, b, c) {
+        SeriesViewer.prototype.we = function (a, b, c) {
             if (c.isEmpty) {
                 return c;
             }
@@ -5203,7 +5203,7 @@
         SeriesViewer.prototype.get_v7 = function () {
             if (this.dy) {
                 this.dy = false;
-                var a = this.wb(this.wk, this.v8, this.v4);
+                var a = this.wc(this.wm, this.v8, this.v4);
                 this.v0 = a;
             }
             return this.v0;
@@ -5215,7 +5215,7 @@
             enumerable: false,
             configurable: true
         });
-        SeriesViewer.prototype.wb = function (a, b, c) {
+        SeriesViewer.prototype.wc = function (a, b, c) {
             var d = b;
             var e = c;
             var f = a;
@@ -5256,11 +5256,11 @@
             }
             return igniteuiWebcomponentsCore.Rect.empty;
         };
-        SeriesViewer.prototype.wc = function () {
-            return this.wk;
+        SeriesViewer.prototype.wd = function () {
+            return this.wm;
         };
         SeriesViewer.prototype.rl = function (a) {
-            a.kh = this.wk;
+            a.kh = this.wm;
         };
         Object.defineProperty(SeriesViewer.prototype, "i1", {
             get: function () {
@@ -5294,7 +5294,7 @@
         SeriesViewer.prototype.nd = function (a, b) {
             var c = false;
             c = true;
-            if (this.wk.containsPoint(a)) {
+            if (this.wm.containsPoint(a)) {
                 if (!this.d5) {
                     this.d5 = true;
                     if (this.plotAreaMouseEnter != null) {
@@ -5772,23 +5772,28 @@
             return igniteuiWebcomponentsCore.toEnum(function () { return _this._gm(); });
         };
         SeriesViewer.prototype.vy = function (a) {
-            a = { $type: igniteuiWebcomponentsCore.Point_$type, x: a.x + this.wk.left, y: a.y + this.wk.top };
+            a = { $type: igniteuiWebcomponentsCore.Point_$type, x: a.x + this.wm.left, y: a.y + this.wm.top };
             var b = this.v7;
-            var c = ViewportUtils.b(a.x, this.v4, this.wk, this.v8);
-            var d = ViewportUtils.g(a.y, this.v4, this.wk, this.v8);
+            var c = ViewportUtils.b(a.x, this.v4, this.wm, this.v8);
+            var d = ViewportUtils.g(a.y, this.v4, this.wm, this.v8);
             return { $type: igniteuiWebcomponentsCore.Point_$type, x: c, y: d };
         };
         SeriesViewer.prototype.vw = function (a) {
             var b = this.v7;
-            var c = ViewportUtils.e(a.x, this.v4, this.wk, this.v8);
-            var d = ViewportUtils.i(a.y, this.v4, this.wk, this.v8);
+            var c = ViewportUtils.e(a.x, this.v4, this.wm, this.v8);
+            var d = ViewportUtils.i(a.y, this.v4, this.wm, this.v8);
             return { $type: igniteuiWebcomponentsCore.Point_$type, x: c, y: d };
         };
-        SeriesViewer.prototype.wj = function (a) {
+        SeriesViewer.prototype.wl = function (a) {
             var b = this.vy({ $type: igniteuiWebcomponentsCore.Point_$type, x: a.left, y: a.top });
             var c = this.vy({ $type: igniteuiWebcomponentsCore.Point_$type, x: a.right, y: a.bottom });
             return new igniteuiWebcomponentsCore.Rect(0, b.x, b.y, c.x - b.x, c.y - b.y);
         };
+        SeriesViewer.prototype.v9 = function (a) {
+            var b = this.vw({ $type: igniteuiWebcomponentsCore.Point_$type, x: a.left, y: a.top });
+            var c = this.vw({ $type: igniteuiWebcomponentsCore.Point_$type, x: a.right, y: a.bottom });
+            return new igniteuiWebcomponentsCore.Rect(0, b.x, b.y, c.x - b.x, c.y - b.y);
+        };
         SeriesViewer.prototype.qx = function (a, b) {
             if (this.windowRectChanged != null && igniteuiWebcomponentsCore.Rect.l_op_Inequality(a, b)) {
                 this.windowRectChanged(this, new igniteuiWebcomponentsCore.RectChangedEventArgs(a, b));
@@ -5821,7 +5826,7 @@
             var c = this.hs() - a;
             var d = this.hj + (a / 2);
             var e = this.hk + (a / 2);
-            this.wl = new igniteuiWebcomponentsCore.Rect(0, d, e, b, c);
+            this.wn = new igniteuiWebcomponentsCore.Rect(0, d, e, b, c);
         };
         SeriesViewer.prototype.r0 = function (a) {
             this.rz(a * -1);
@@ -5850,7 +5855,7 @@
                 this.bb.f$ar(this);
             }
             if (this.fd && (igniteuiWebcomponentsCore.Rect.l_op_Equality(a, null) || a.isEmpty || a.width == 0 || a.height == 0)) {
-                this.rx(this.wl, false);
+                this.rx(this.wn, false);
             }
             else {
                 this.n1();
@@ -5988,7 +5993,7 @@
                 this.p9();
                 this.qf(igniteuiWebcomponentsCore.Rect.empty, true);
                 if (this.cp == 1) {
-                    this.rx(this.wm, true);
+                    this.rx(this.wo, true);
                 }
             }
             if (this.c0 == 1 || this.c0 == 3) {
@@ -6004,7 +6009,7 @@
         SeriesViewer.prototype.rv = function (a, b) {
             var c = this.hm;
             var d = this.hl;
-            this.wl = new igniteuiWebcomponentsCore.Rect(0, this.hj, this.hk, igniteuiWebcomponentsCore.MathUtil.d(a, c, 1), igniteuiWebcomponentsCore.MathUtil.d(b, d, 1));
+            this.wn = new igniteuiWebcomponentsCore.Rect(0, this.hj, this.hk, igniteuiWebcomponentsCore.MathUtil.d(a, c, 1), igniteuiWebcomponentsCore.MathUtil.d(b, d, 1));
         };
         SeriesViewer.prototype.rw = function (a, b, c, d) {
             if (!igniteuiWebcomponentsCore.MathUtil.a(a) || a < 0 || a >= 1) {
@@ -6019,7 +6024,7 @@
             if (!igniteuiWebcomponentsCore.MathUtil.a(c)) {
                 c = this.hs();
             }
-            this.wl = new igniteuiWebcomponentsCore.Rect(0, a, b, igniteuiWebcomponentsCore.MathUtil.d(c, this.hm, 1), igniteuiWebcomponentsCore.MathUtil.d(d, this.hl, 1));
+            this.wn = new igniteuiWebcomponentsCore.Rect(0, a, b, igniteuiWebcomponentsCore.MathUtil.d(c, this.hm, 1), igniteuiWebcomponentsCore.MathUtil.d(d, this.hl, 1));
         };
         SeriesViewer.prototype.hs = function () {
             return 1;
@@ -6031,10 +6036,10 @@
             if (this.it > 0) {
                 return this.it;
             }
-            var a = igniteuiWebcomponentsCore.Rect.l_op_Inequality(this.wk, null) && !this.wk.isEmpty && igniteuiWebcomponentsCore.MathUtil.a(this.wk.width);
+            var a = igniteuiWebcomponentsCore.Rect.l_op_Inequality(this.wm, null) && !this.wm.isEmpty && igniteuiWebcomponentsCore.MathUtil.a(this.wm.width);
             var b = igniteuiWebcomponentsCore.MathUtil.a(this.iv);
             if (b && a) {
-                var c = this.iv / this.wk.width;
+                var c = this.iv / this.wm.width;
                 if (c <= 0 || c >= 1) {
                     c = 0.0001;
                 }
@@ -6046,10 +6051,10 @@
             if (this.is > 0) {
                 return this.is;
             }
-            var a = igniteuiWebcomponentsCore.Rect.l_op_Inequality(this.wk, null) && !this.wk.isEmpty && igniteuiWebcomponentsCore.MathUtil.a(this.wk.height);
+            var a = igniteuiWebcomponentsCore.Rect.l_op_Inequality(this.wm, null) && !this.wm.isEmpty && igniteuiWebcomponentsCore.MathUtil.a(this.wm.height);
             var b = igniteuiWebcomponentsCore.MathUtil.a(this.iu);
             if (b && a) {
-                var c = this.iu / this.wk.height;
+                var c = this.iu / this.wm.height;
                 if (c <= 0 || c >= 1) {
                     c = 0.0001;
                 }
@@ -6138,7 +6143,7 @@
                     if (!this.e0) {
                         this.gh = true;
                     }
-                    if (this.wp == 0) {
+                    if (this.wr == 0) {
                         this.er = true;
                     }
                     else {
@@ -6163,8 +6168,8 @@
                         this.rx(d, false);
                         this.i0--;
                     }
-                    if (!this.wl.equals1(c) && this.i0 == 0) {
-                        this.p6(c, this.wl);
+                    if (!this.wn.equals1(c) && this.i0 == 0) {
+                        this.p6(c, this.wn);
                     }
                     this.n1();
                     break;
@@ -6434,7 +6439,7 @@
             return new igniteuiWebcomponentsCore.Tuple$2(igniteuiWebcomponentsCore.Number_$type, Series.$, b, c);
         };
         SeriesViewer.prototype.rs = function () {
-            this.ed = this.wq == 0;
+            this.ed = this.ws == 0;
             this.c9.dp();
             this.rr();
             this.c9.em();
@@ -6448,10 +6453,10 @@
             if (this.c2 == null) {
                 return;
             }
-            this.c2.visibility = this.wq;
+            this.c2.visibility = this.ws;
             this.c2.isZoomable = this.fk();
         };
-        Object.defineProperty(SeriesViewer.prototype, "we", {
+        Object.defineProperty(SeriesViewer.prototype, "wf", {
             get: function () {
                 return this.v2;
             },
@@ -6462,7 +6467,7 @@
                     this.c9.cj();
                 }
                 else {
-                    this.c9.en(this.wk, this.wh(this.we));
+                    this.c9.en(this.wm, this.wi(this.wf));
                     this.c9.ec();
                     this.qm("PreviewRect", b, this.v2);
                 }
@@ -6523,7 +6528,7 @@
             this.c9.ck();
             this.c9.ep(this.v4);
             if (this.em) {
-                this.bc.updateScrollbars(this, a, this.v4, this.wk, this.wk);
+                this.bc.updateScrollbars(this, a, this.v4, this.wm, this.wm);
             }
             this.ok(a, b);
         };
@@ -6532,11 +6537,11 @@
         };
         SeriesViewer.prototype.ok = function (a, b) {
         };
-        SeriesViewer.prototype.wh = function (a) {
-            if (this.wk.isEmpty) {
+        SeriesViewer.prototype.wi = function (a) {
+            if (this.wm.isEmpty) {
                 return igniteuiWebcomponentsCore.Rect.empty;
             }
-            var b = this.wk;
+            var b = this.wm;
             var c = b.left + (b.width * (a.left - this.v4.left) / this.v4.width);
             var d = b.top + (b.height * (a.top - this.v4.top) / this.v4.height);
             var e = b.left + (b.width * (a.right - this.v4.left) / this.v4.width);
@@ -6695,10 +6700,10 @@
             enumerable: false,
             configurable: true
         });
-        SeriesViewer.prototype.wn = function () {
+        SeriesViewer.prototype.wp = function () {
             return this.c9.fj();
         };
-        SeriesViewer.prototype.wo = function () {
+        SeriesViewer.prototype.wq = function () {
             return this.c9.fk();
         };
         SeriesViewer.prototype.ap = function (a) {
@@ -6731,7 +6736,7 @@
         SeriesViewer.prototype.notifyContainerResized = function () {
             this.c9.cu();
         };
-        SeriesViewer.prototype.v9 = function () {
+        SeriesViewer.prototype.wa = function () {
             return this.c9.fb();
         };
         SeriesViewer.prototype.nm = function () {
@@ -7148,7 +7153,7 @@
             enumerable: false,
             configurable: true
         });
-        SeriesViewer.prototype.wa = function () {
+        SeriesViewer.prototype.wb = function () {
             return this.v4;
         };
         SeriesViewer.prototype.n1 = function () {
@@ -7157,21 +7162,21 @@
             }
             this.v4 = this.v5();
         };
-        SeriesViewer.prototype.wf = function () {
+        SeriesViewer.prototype.wg = function () {
             return igniteuiWebcomponentsCore.Rect.empty;
         };
         SeriesViewer.prototype.v5 = function () {
-            var a = this.wl.left;
-            var b = this.wl.top;
-            var c = this.wl.width;
-            var d = this.wl.height;
+            var a = this.wn.left;
+            var b = this.wn.top;
+            var c = this.wn.width;
+            var d = this.wn.height;
             if (this.cr == 1) {
-                a = Math.min(1, Math.max(0, this.wl.left));
-                c = Math.min(1, Math.max(0, this.wl.width));
+                a = Math.min(1, Math.max(0, this.wn.left));
+                c = Math.min(1, Math.max(0, this.wn.width));
             }
             if (this.cr == 1) {
-                b = Math.min(1, Math.max(0, this.wl.top));
-                d = Math.min(1, Math.max(0, this.wl.height));
+                b = Math.min(1, Math.max(0, this.wn.top));
+                d = Math.min(1, Math.max(0, this.wn.height));
             }
             return new igniteuiWebcomponentsCore.Rect(0, a, b, c, d);
         };
@@ -7311,7 +7316,7 @@
             var a = false;
             a = this.eg;
             this.e0 = true;
-            this.er = (a && !this.gh) || this.wp == 0;
+            this.er = (a && !this.gh) || this.wr == 0;
             this.e0 = false;
         };
         SeriesViewer.prototype.qr = function () {
@@ -7433,11 +7438,12 @@
         };
         SeriesViewer.prototype.m6 = function (a) {
             var e_23, _a;
-            var b = new igniteuiWebcomponentsCore.List$1(ChartSelection.$, 0);
+            var b = this.wl(a);
+            var c = new igniteuiWebcomponentsCore.List$1(ChartSelection.$, 0);
             try {
                 for (var _b = tslib.__values(igniteuiWebcomponentsCore.fromEnum(this.series)), _c = _b.next(); !_c.done; _c = _b.next()) {
-                    var c = _c.value;
-                    c.p3(a, b, this.b4);
+                    var d = _c.value;
+                    d.p3(b, c, this.b4);
                 }
             }
             catch (e_23_1) {
@@ -7453,28 +7459,32 @@
                         throw e_23.error;
                 }
             }
-            if (b.count == 0) {
+            if (c.count == 0) {
                 return;
             }
-            b = this.gs(b, this.b4);
-            b = this.gt(b, this.b4);
-            var d = this.gp(this.selectedSeriesItems, b, this.b4);
-            for (var e = 0; e < d.count; e++) {
-                this.selectedSeriesItems.remove(d._inner[e]);
+            c = this.gs(c, this.b4);
+            c = this.gt(c, this.b4);
+            var e = this.gp(this.selectedSeriesItems, c, this.b4);
+            for (var f = 0; f < e.count; f++) {
+                this.selectedSeriesItems.remove(e._inner[f]);
             }
-            for (var f = 0; f < b.count; f++) {
-                this.selectedSeriesItems.add(b._inner[f]);
+            for (var g = 0; g < c.count; g++) {
+                this.selectedSeriesItems.add(c._inner[g]);
             }
         };
-        SeriesViewer.prototype.wi = function (a) {
-            a = new igniteuiWebcomponentsCore.Rect(0, a.left + this.wk.left, a.top + this.wk.top, a.width, a.height);
-            var b = this.wk;
+        SeriesViewer.prototype.wj = function (a) {
+            a = new igniteuiWebcomponentsCore.Rect(0, a.left, a.top, a.width, a.height);
+            var b = this.wm;
             var c = this.v4.left + this.v4.width * (a.left - b.left) / b.width;
             var d = this.v4.top + this.v4.height * (a.top - b.top) / b.height;
             var e = this.v4.left + this.v4.width * (a.right - b.left) / b.width;
             var f = this.v4.top + this.v4.height * (a.bottom - b.top) / b.height;
             return new igniteuiWebcomponentsCore.Rect(0, c, d, e - c, f - d);
         };
+        SeriesViewer.prototype.wk = function (a) {
+            a = new igniteuiWebcomponentsCore.Rect(0, a.left + this.wm.left, a.top + this.wm.top, a.width, a.height);
+            return this.wj(a);
+        };
         SeriesViewer.prototype.nb = function (a) {
             if (this.gr == null) {
                 this.gr = new igniteuiWebcomponentsCore.List$1(igniteuiWebcomponentsCore.CaptureImageSettings.$, 0);
@@ -7687,8 +7697,8 @@
             var c = igniteuiWebcomponentsCore.typeCast(SeriesViewer.$, a);
             c.qm("LegendItemBadgeMode", b.oldValue, b.newValue);
         }));
-        SeriesViewer.wg = igniteuiWebcomponentsCore.Rect.empty;
-        SeriesViewer.$$p = igniteuiWebcomponentsCore.markDep(igniteuiWebcomponentsCore.DependencyProperty, igniteuiWebcomponentsCore.PropertyMetadata, SeriesViewer, 'qm', ['ActualPlotAreaBorderBrush:u6:sc', [igniteuiWebcomponentsCore.Brush.$, null], 'Brushes:ag:se', [igniteuiWebcomponentsCore.BrushCollection.$, null], 'CircleMarkerTemplate:r1:sf', [igniteuiWebcomponentsCore.DataTemplate.$, null], 'CrosshairVisibility:wp:sg', [igniteuiWebcomponentsCore.Visibility_$type, igniteuiWebcomponentsCore.enumGetBox(igniteuiWebcomponentsCore.Visibility_$type, 0)], 'DefaultInteraction:cw:sh', [igniteuiWebcomponentsCore.InteractionState_$type, igniteuiWebcomponentsCore.enumGetBox(igniteuiWebcomponentsCore.InteractionState_$type, 4)], 'DiamondMarkerTemplate:r2:si', [igniteuiWebcomponentsCore.DataTemplate.$, null], 'DragModifier:u1:sj', [igniteuiWebcomponentsCore.ModifierKeys_$type, igniteuiWebcomponentsCore.enumGetBox(igniteuiWebcomponentsCore.ModifierKeys_$type, 2)], 'FocusBrush:u7:sk', [igniteuiWebcomponentsCore.Brush.$, null], 'FocusTransitionDuration:i3:sm', [1, 100], 'HexagonMarkerTemplate:r3:sn', [igniteuiWebcomponentsCore.DataTemplate.$, null], 'HexagramMarkerTemplate:r4:so', [igniteuiWebcomponentsCore.DataTemplate.$, null], 'HighlightedValuesDisplayMode:bt:sp', [igniteuiWebcomponentsCore.SeriesHighlightedValuesDisplayMode_$type, igniteuiWebcomponentsCore.enumGetBox(igniteuiWebcomponentsCore.SeriesHighlightedValuesDisplayMode_$type, 0)], 'HighlightingTransitionDuration:i5:ss', [1, 300], 'HorizontalCrosshairBrush:vh:st', [igniteuiWebcomponentsCore.Brush.$, null], 'InteractionOverride:cx:s6', [igniteuiWebcomponentsCore.InteractionState_$type, igniteuiWebcomponentsCore.enumGetBox(igniteuiWebcomponentsCore.InteractionState_$type, 0)], 'IsPagePanningAllowed:fe:s7', [0, true], 'IsSurfaceInteractionDisabled:ff:s8', [0, false], 'MarkerAutomaticBehavior:bg:te', [MarkerAutomaticBehavior_$type, igniteuiWebcomponentsCore.enumGetBox(MarkerAutomaticBehavior_$type, 4)], 'MarkerBrushes:ah:tf', [igniteuiWebcomponentsCore.BrushCollection.$, null], 'MarkerOutlines:ai:tg', [igniteuiWebcomponentsCore.BrushCollection.$, null], 'Outlines:aj:th', [igniteuiWebcomponentsCore.BrushCollection.$, null], 'OverviewPlusDetailPaneVisibility:wq:ti', [igniteuiWebcomponentsCore.Visibility_$type, igniteuiWebcomponentsCore.enumGetBox(igniteuiWebcomponentsCore.Visibility_$type, 1)], 'PanModifier:u2:tj', [igniteuiWebcomponentsCore.ModifierKeys_$type, igniteuiWebcomponentsCore.enumGetBox(igniteuiWebcomponentsCore.ModifierKeys_$type, 4)], 'PentagonMarkerTemplate:r5:tk', [igniteuiWebcomponentsCore.DataTemplate.$, null], 'PentagramMarkerTemplate:r6:tl', [igniteuiWebcomponentsCore.DataTemplate.$, null], 'PlotAreaBackground:vk:tm', [igniteuiWebcomponentsCore.Brush.$, null], 'PlotAreaBorderBrush:vl:tn', [igniteuiWebcomponentsCore.Brush.$, null], 'PreferHigherResolutionTiles:fz:to', [0, false], 'PreviewPathFill:vm:tp', [igniteuiWebcomponentsCore.Brush.$, null], 'PreviewPathOpacity:h4:tq', [1, NaN], 'PreviewPathStroke:vn:tr', [igniteuiWebcomponentsCore.Brush.$, null], 'PyramidMarkerTemplate:r7:ts', [igniteuiWebcomponentsCore.DataTemplate.$, null], 'RightButtonDefaultInteraction:cz:tt', [igniteuiWebcomponentsCore.InteractionState_$type, igniteuiWebcomponentsCore.enumGetBox(igniteuiWebcomponentsCore.InteractionState_$type, 4)], 'ScrollbarsAnimationDuration:i6:tu', [1, 300], 'SelectionBrush:vo:tw', [igniteuiWebcomponentsCore.Brush.$, null], 'SelectionModifier:u3:ty', [igniteuiWebcomponentsCore.ModifierKeys_$type, igniteuiWebcomponentsCore.enumGetBox(igniteuiWebcomponentsCore.ModifierKeys_$type, 1)], 'SelectionTransitionDuration:i7:tz', [1, 300], 'ShouldMatchZOrderToSeriesOrder:f5:t1', [0, false], 'ShouldPanOnMaximumZoom:f6:t2', [0, true], 'SquareMarkerTemplate:r8:t4', [igniteuiWebcomponentsCore.DataTemplate.$, null], 'SubtitleHorizontalAlignment:uz:t5', [igniteuiWebcomponentsCore.HorizontalAlignment_$type, igniteuiWebcomponentsCore.enumGetBox(igniteuiWebcomponentsCore.HorizontalAlignment_$type, 1)], 'Subtitle:lr:t6', [2, null], 'TetragramMarkerTemplate:r9:t7', [igniteuiWebcomponentsCore.DataTemplate.$, null], 'TitleHorizontalAlignment:u0:t8', [igniteuiWebcomponentsCore.HorizontalAlignment_$type, igniteuiWebcomponentsCore.enumGetBox(igniteuiWebcomponentsCore.HorizontalAlignment_$type, 1)], 'Title:l3:t9', [2, null], 'TriangleMarkerTemplate:sa:ua', [igniteuiWebcomponentsCore.DataTemplate.$, null], 'UseTiledZooming:gi:ub', [0, false], 'VerticalCrosshairBrush:vr:uc', [igniteuiWebcomponentsCore.Brush.$, null], 'WindowPositionHorizontal:iq:up', [1, NaN], 'WindowPositionVertical:ir:uq', [1, NaN], 'WindowRectMinHeight:is:ur', [1, NaN], 'WindowRectMinWidth:it:us', [1, NaN], 'WindowRect:wl:ut', [igniteuiWebcomponentsCore.Rect.$, new igniteuiWebcomponentsCore.Rect(0, 0, 0, 1, 1)], 'WindowResponse:cp:uu', [WindowResponse_$type, igniteuiWebcomponentsCore.enumGetBox(WindowResponse_$type, 1)], 'WindowSizeMinHeight:iu:uv', [1, NaN], 'WindowSizeMinWidth:iv:uw', [1, NaN], 'ZoomCoercionMode:ct:ux', [ZoomCoercionMode_$type, igniteuiWebcomponentsCore.enumGetBox(ZoomCoercionMode_$type, 0)], 'ZoomTileCacheSize:i8:uy', [1, 30]]);
+        SeriesViewer.wh = igniteuiWebcomponentsCore.Rect.empty;
+        SeriesViewer.$$p = igniteuiWebcomponentsCore.markDep(igniteuiWebcomponentsCore.DependencyProperty, igniteuiWebcomponentsCore.PropertyMetadata, SeriesViewer, 'qm', ['ActualPlotAreaBorderBrush:u6:sc', [igniteuiWebcomponentsCore.Brush.$, null], 'Brushes:ag:se', [igniteuiWebcomponentsCore.BrushCollection.$, null], 'CircleMarkerTemplate:r1:sf', [igniteuiWebcomponentsCore.DataTemplate.$, null], 'CrosshairVisibility:wr:sg', [igniteuiWebcomponentsCore.Visibility_$type, igniteuiWebcomponentsCore.enumGetBox(igniteuiWebcomponentsCore.Visibility_$type, 0)], 'DefaultInteraction:cw:sh', [igniteuiWebcomponentsCore.InteractionState_$type, igniteuiWebcomponentsCore.enumGetBox(igniteuiWebcomponentsCore.InteractionState_$type, 4)], 'DiamondMarkerTemplate:r2:si', [igniteuiWebcomponentsCore.DataTemplate.$, null], 'DragModifier:u1:sj', [igniteuiWebcomponentsCore.ModifierKeys_$type, igniteuiWebcomponentsCore.enumGetBox(igniteuiWebcomponentsCore.ModifierKeys_$type, 2)], 'FocusBrush:u7:sk', [igniteuiWebcomponentsCore.Brush.$, null], 'FocusTransitionDuration:i3:sm', [1, 100], 'HexagonMarkerTemplate:r3:sn', [igniteuiWebcomponentsCore.DataTemplate.$, null], 'HexagramMarkerTemplate:r4:so', [igniteuiWebcomponentsCore.DataTemplate.$, null], 'HighlightedValuesDisplayMode:bt:sp', [igniteuiWebcomponentsCore.SeriesHighlightedValuesDisplayMode_$type, igniteuiWebcomponentsCore.enumGetBox(igniteuiWebcomponentsCore.SeriesHighlightedValuesDisplayMode_$type, 0)], 'HighlightingTransitionDuration:i5:ss', [1, 300], 'HorizontalCrosshairBrush:vh:st', [igniteuiWebcomponentsCore.Brush.$, null], 'InteractionOverride:cx:s6', [igniteuiWebcomponentsCore.InteractionState_$type, igniteuiWebcomponentsCore.enumGetBox(igniteuiWebcomponentsCore.InteractionState_$type, 0)], 'IsPagePanningAllowed:fe:s7', [0, true], 'IsSurfaceInteractionDisabled:ff:s8', [0, false], 'MarkerAutomaticBehavior:bg:te', [MarkerAutomaticBehavior_$type, igniteuiWebcomponentsCore.enumGetBox(MarkerAutomaticBehavior_$type, 4)], 'MarkerBrushes:ah:tf', [igniteuiWebcomponentsCore.BrushCollection.$, null], 'MarkerOutlines:ai:tg', [igniteuiWebcomponentsCore.BrushCollection.$, null], 'Outlines:aj:th', [igniteuiWebcomponentsCore.BrushCollection.$, null], 'OverviewPlusDetailPaneVisibility:ws:ti', [igniteuiWebcomponentsCore.Visibility_$type, igniteuiWebcomponentsCore.enumGetBox(igniteuiWebcomponentsCore.Visibility_$type, 1)], 'PanModifier:u2:tj', [igniteuiWebcomponentsCore.ModifierKeys_$type, igniteuiWebcomponentsCore.enumGetBox(igniteuiWebcomponentsCore.ModifierKeys_$type, 4)], 'PentagonMarkerTemplate:r5:tk', [igniteuiWebcomponentsCore.DataTemplate.$, null], 'PentagramMarkerTemplate:r6:tl', [igniteuiWebcomponentsCore.DataTemplate.$, null], 'PlotAreaBackground:vk:tm', [igniteuiWebcomponentsCore.Brush.$, null], 'PlotAreaBorderBrush:vl:tn', [igniteuiWebcomponentsCore.Brush.$, null], 'PreferHigherResolutionTiles:fz:to', [0, false], 'PreviewPathFill:vm:tp', [igniteuiWebcomponentsCore.Brush.$, null], 'PreviewPathOpacity:h4:tq', [1, NaN], 'PreviewPathStroke:vn:tr', [igniteuiWebcomponentsCore.Brush.$, null], 'PyramidMarkerTemplate:r7:ts', [igniteuiWebcomponentsCore.DataTemplate.$, null], 'RightButtonDefaultInteraction:cz:tt', [igniteuiWebcomponentsCore.InteractionState_$type, igniteuiWebcomponentsCore.enumGetBox(igniteuiWebcomponentsCore.InteractionState_$type, 4)], 'ScrollbarsAnimationDuration:i6:tu', [1, 300], 'SelectionBrush:vo:tw', [igniteuiWebcomponentsCore.Brush.$, null], 'SelectionModifier:u3:ty', [igniteuiWebcomponentsCore.ModifierKeys_$type, igniteuiWebcomponentsCore.enumGetBox(igniteuiWebcomponentsCore.ModifierKeys_$type, 1)], 'SelectionTransitionDuration:i7:tz', [1, 300], 'ShouldMatchZOrderToSeriesOrder:f5:t1', [0, false], 'ShouldPanOnMaximumZoom:f6:t2', [0, true], 'SquareMarkerTemplate:r8:t4', [igniteuiWebcomponentsCore.DataTemplate.$, null], 'SubtitleHorizontalAlignment:uz:t5', [igniteuiWebcomponentsCore.HorizontalAlignment_$type, igniteuiWebcomponentsCore.enumGetBox(igniteuiWebcomponentsCore.HorizontalAlignment_$type, 1)], 'Subtitle:lr:t6', [2, null], 'TetragramMarkerTemplate:r9:t7', [igniteuiWebcomponentsCore.DataTemplate.$, null], 'TitleHorizontalAlignment:u0:t8', [igniteuiWebcomponentsCore.HorizontalAlignment_$type, igniteuiWebcomponentsCore.enumGetBox(igniteuiWebcomponentsCore.HorizontalAlignment_$type, 1)], 'Title:l3:t9', [2, null], 'TriangleMarkerTemplate:sa:ua', [igniteuiWebcomponentsCore.DataTemplate.$, null], 'UseTiledZooming:gi:ub', [0, false], 'VerticalCrosshairBrush:vr:uc', [igniteuiWebcomponentsCore.Brush.$, null], 'WindowPositionHorizontal:iq:up', [1, NaN], 'WindowPositionVertical:ir:uq', [1, NaN], 'WindowRectMinHeight:is:ur', [1, NaN], 'WindowRectMinWidth:it:us', [1, NaN], 'WindowRect:wn:ut', [igniteuiWebcomponentsCore.Rect.$, new igniteuiWebcomponentsCore.Rect(0, 0, 0, 1, 1)], 'WindowResponse:cp:uu', [WindowResponse_$type, igniteuiWebcomponentsCore.enumGetBox(WindowResponse_$type, 1)], 'WindowSizeMinHeight:iu:uv', [1, NaN], 'WindowSizeMinWidth:iv:uw', [1, NaN], 'ZoomCoercionMode:ct:ux', [ZoomCoercionMode_$type, igniteuiWebcomponentsCore.enumGetBox(ZoomCoercionMode_$type, 0)], 'ZoomTileCacheSize:i8:uy', [1, 30]]);
         return SeriesViewer;
     }(igniteuiWebcomponentsCore.Control));
     /**
@@ -7773,7 +7783,7 @@
         };
         SeriesViewerView.prototype.c4 = function () {
             this.p.e0 = true;
-            this.p.wp = 1;
+            this.p.wr = 1;
             this.p.e0 = false;
             this.ff = new igniteuiWebcomponentsCore.Path();
             this.fi = new igniteuiWebcomponentsCore.Rectangle();
@@ -7784,7 +7794,7 @@
             this.a = new igniteuiWebcomponentsCore.CanvasRenderScheduler();
             this.a.o(this);
             this.a.h.add(this.p.am);
-            if (this.p.wq == 0) {
+            if (this.p.ws == 0) {
                 this.cn();
             }
             var a = this.p;
@@ -7810,7 +7820,7 @@
             this.p.c2.provideContainer(this.bi);
             this.p.c2.provideEventSource(this.k);
             this.n.world = new igniteuiWebcomponentsCore.Rect(0, 0, 0, 1, 1);
-            this.n.window = this.p.wl;
+            this.n.window = this.p.wn;
             this.n.surfaceViewer = igniteuiWebcomponentsCore.TypeRegistrar.create("SeriesViewerSurfaceViewer", this.p, this);
             this.n.viewScheduler = this.a;
             this.em();
@@ -7831,9 +7841,9 @@
                 this.n.window = c;
             }
             if (this.p.cp == 1) {
-                var d = this.p.wk.width / this.p.wk.height;
+                var d = this.p.wm.width / this.p.wm.height;
                 c = new igniteuiWebcomponentsCore.Rect(0, c.left / d, c.top, c.width / d, c.height);
-                this.p.wl = c;
+                this.p.wn = c;
             }
         };
         SeriesViewerView.prototype.dm = function (a, b) {
@@ -7847,20 +7857,20 @@
             else if (!c.equals1(b.newValue)) {
                 this.n.window = c;
             }
-            var d = this.p.wk.width / this.p.wk.height;
+            var d = this.p.wm.width / this.p.wm.height;
             c = new igniteuiWebcomponentsCore.Rect(0, c.left / d, c.top, c.width / d, c.height);
-            this.p.wl = c;
+            this.p.wn = c;
         };
         SeriesViewerView.prototype.em = function () {
             if (this.n == null) {
                 return;
             }
-            if (this.p.wq != 0) {
+            if (this.p.ws != 0) {
                 return;
             }
             var a = 1;
-            if (this.p.wk.isEmpty == false) {
-                a = this.p.wk.width / this.p.wk.height;
+            if (this.p.wm.isEmpty == false) {
+                a = this.p.wm.width / this.p.wm.height;
             }
             var b = this.n.world;
             var c = new igniteuiWebcomponentsCore.Rect(0, 0, 0, a, 1);
@@ -7868,7 +7878,7 @@
             if (b.width != c.width || b.height != c.height || b.x != c.x || b.y != c.y) {
                 this.n.surfaceViewer.isDirty = true;
             }
-            this.n.window = new igniteuiWebcomponentsCore.Rect(0, this.p.wl.left * a, this.p.wl.top, this.p.wl.width * a, this.p.wl.height);
+            this.n.window = new igniteuiWebcomponentsCore.Rect(0, this.p.wn.left * a, this.p.wn.top, this.p.wn.width * a, this.p.wn.height);
         };
         SeriesViewerView.prototype.ct = function (a, b) {
             this.em();
@@ -7967,7 +7977,7 @@
                 return;
             }
             if (this.g.count == 0) {
-                if (this.y != null && igniteuiWebcomponentsCore.Rect.l_op_Inequality(this.p.wk, null) && !this.p.wk.isEmpty) {
+                if (this.y != null && igniteuiWebcomponentsCore.Rect.l_op_Inequality(this.p.wm, null) && !this.p.wm.isEmpty) {
                     this.er();
                 }
             }
@@ -7977,13 +7987,13 @@
             if (this.g.count > 0) {
                 return;
             }
-            if (this.y != null && igniteuiWebcomponentsCore.Rect.l_op_Inequality(this.p.wk, null) && !this.p.wk.isEmpty) {
+            if (this.y != null && igniteuiWebcomponentsCore.Rect.l_op_Inequality(this.p.wm, null) && !this.p.wm.isEmpty) {
                 if (this.p.hi != 1) {
                     this.y.aa();
                     this.y.ab(this.p.hi, this.p.hi);
                 }
                 if (!this.y.e) {
-                    this.y.l(this.p.wk.left, this.p.wk.top, this.p.wk.width, this.p.wk.height);
+                    this.y.l(this.p.wm.left, this.p.wm.top, this.p.wm.width, this.p.wm.height);
                 }
                 if (this.p.hi != 1) {
                     this.y.z();
@@ -8100,8 +8110,8 @@
             this.cq();
         };
         SeriesViewerView.prototype.eg = function (a) {
-            this.fi.o = a.top + this.p.wk.top;
-            this.fi.n = a.left + this.p.wk.left;
+            this.fi.o = a.top + this.p.wm.top;
+            this.fi.n = a.left + this.p.wm.left;
             this.fi.width = a.width;
             this.fi.height = a.height;
             this.db();
@@ -8231,7 +8241,7 @@
             return c;
         };
         SeriesViewerView.prototype.d2 = function () {
-            this.p.wl = new igniteuiWebcomponentsCore.Rect(0, 0, 0, 1, 1);
+            this.p.wn = new igniteuiWebcomponentsCore.Rect(0, 0, 0, 1, 1);
         };
         SeriesViewerView.prototype.c0 = function (a) {
             var e_26, _a, e_27, _b;
@@ -8282,7 +8292,7 @@
             }
             this.k = this.j.f;
             if (this.k != null) {
-                this.k.bl = this.p.wk;
+                this.k.bl = this.p.wm;
                 this.k.ao = igniteuiWebcomponentsCore.runOn(this, this.as);
                 var d = this.k;
                 d.onContactCompleted = igniteuiWebcomponentsCore.delegateCombine(d.onContactCompleted, function (d, e) { return _this.cx(d, e, _this.k.am); });
@@ -8624,7 +8634,7 @@
                 this.aj = false;
                 v = true;
             }
-            this.p.qg(this.p.wk, this.e9);
+            this.p.qg(this.p.wm, this.e9);
             try {
                 for (var _j = tslib.__values(igniteuiWebcomponentsCore.fromEnum(this.b)), _k = _j.next(); !_k.done; _k = _j.next()) {
                     var w = _k.value;
@@ -8822,10 +8832,10 @@
                 if (this.ax != null && this.ax.count > 0) {
                     this.ci();
                     this.z.aa();
-                    this.z.af(this.p.wk);
+                    this.z.af(this.p.wm);
                     if (!this.au) {
                         if (!this.z.e) {
-                            this.z.l(this.p.wk.left, this.p.wk.top, this.p.wk.width, this.p.wk.height);
+                            this.z.l(this.p.wm.left, this.p.wm.top, this.p.wm.width, this.p.wm.height);
                         }
                     }
                 }
@@ -8948,12 +8958,12 @@
             }
         };
         SeriesViewerView.prototype.dp = function () {
-            if (this.p.wq == 0) {
+            if (this.p.ws == 0) {
                 this.cn();
                 this.p.nz();
             }
             if (this.p.c2 != null) {
-                var a = this.p.wq;
+                var a = this.p.ws;
                 this.p.c2.visibility = a;
                 this.p.c2.doRefresh(false);
             }
@@ -8985,7 +8995,7 @@
         });
         SeriesViewerView.prototype.eq = function (a) {
             if (this.k != null) {
-                this.k.bl = this.p.wk;
+                this.k.bl = this.p.wm;
             }
         };
         SeriesViewerView.prototype.cr = function (a) {
@@ -9433,7 +9443,7 @@
             if (this.ah) {
                 this.ah = false;
                 if (!this.y.e) {
-                    this.y.l(this.p.wk.left, this.p.wk.top, this.p.wk.width, this.p.wk.height);
+                    this.y.l(this.p.wm.left, this.p.wm.top, this.p.wm.width, this.p.wm.height);
                 }
                 this.p.al.e = true;
             }
@@ -9482,7 +9492,7 @@
         }
         OverviewPlusDetailViewportHost.prototype.getViewInfo = function (a, b) {
             a = new igniteuiWebcomponentsCore.Rect(0, 0, 0, this.a.n.worldRectViewport.width, this.a.n.worldRectViewport.height);
-            b = SeriesViewer.wg;
+            b = SeriesViewer.wh;
             return {
                 p0: a,
                 p1: b
@@ -9493,7 +9503,7 @@
                 if (this.a.p.v8.isEmpty) {
                     return this.a.p.v8;
                 }
-                return this.a.p.wd(this.a.n.previewViewportdRect, this.a.p.wk, this.a.p.v8);
+                return this.a.p.we(this.a.n.previewViewportdRect, this.a.p.wm, this.a.p.v8);
             }
             return igniteuiWebcomponentsCore.Rect.empty;
         };
@@ -10464,15 +10474,15 @@
             var box_ = this.ah;
             var offset_ = this.f.bk(this.ah);
             var a = this.b8();
-            x_ = a.x + this.j.p.wk.left + x_;
-            box_.setOffset(x_, this.j.p.wk.top + this.ad + a.y);
+            x_ = a.x + this.j.p.wm.left + x_;
+            box_.setOffset(x_, this.j.p.wm.top + this.ad + a.y);
         };
         SeriesViewerViewManager.prototype.bv = function (y_) {
             this.ad = y_;
             var box_ = this.ah;
             var offset_ = this.ah.getOffset();
             var a = this.b8();
-            y_ = this.j.p.wk.top + this.ad + a.y;
+            y_ = this.j.p.wm.top + this.ad + a.y;
             box_.setOffset(offset_.left, y_);
         };
         SeriesViewerViewManager.prototype.au = function (a) {
@@ -10734,7 +10744,7 @@
             for (var b = 0; b < a.count; b++) {
                 var c = a._inner[b];
                 var d = c.content;
-                this.j.z.n(d.getNativeElement(), 1, c.xPosition + this.j.p.wk.left, c.yPosition + this.j.p.wk.top, c.width, c.height);
+                this.j.z.n(d.getNativeElement(), 1, c.xPosition + this.j.p.wm.left, c.yPosition + this.j.p.wm.top, c.width, c.height);
             }
         };
         SeriesViewerViewManager.prototype.a0 = function () {
@@ -12025,7 +12035,7 @@
             }
             var a = igniteuiWebcomponentsCore.typeCast(XamDataChart.$, this.bi);
             if (a != null && igniteuiWebcomponentsCore.isNaN_(this.fj) && this.cb && (this.cp || this.a2 == 0)) {
-                this.d0 = a.w5.fq;
+                this.d0 = a.w7.fq;
                 return;
             }
             this.d0 = 0;
@@ -12188,7 +12198,7 @@
         Axis.prototype.ip = function () {
             var a = 0;
             var b = igniteuiWebcomponentsCore.typeCast(XamDataChart.$, this.bi);
-            if (b != null && b.ww == 0) {
+            if (b != null && b.wy == 0) {
                 a = 1;
             }
             this.a5.a1(a);
@@ -12199,7 +12209,7 @@
         Axis.prototype.co = function () {
             var a = igniteuiWebcomponentsCore.Rect.empty;
             if (this.bi != null) {
-                a = this.bi.wl;
+                a = this.bi.wn;
             }
             return this.c8(this.kh, a, this.a5);
         };
@@ -12530,7 +12540,7 @@
             var e_34, _a;
             var e = false;
             var f = igniteuiWebcomponentsCore.typeCast(XamDataChart.$, this.bi);
-            if (f != null && (f.xn || f.xo) && !c.isEmpty) {
+            if (f != null && (f.xp || f.xq) && !c.isEmpty) {
                 var g = this.bi.v4.width == 1 && this.bi.v4.height == 1;
                 try {
                     for (var _b = tslib.__values(igniteuiWebcomponentsCore.fromEnum(f.axes)), _c = _b.next(); !_c.done; _c = _b.next()) {
@@ -12539,10 +12549,10 @@
                             continue;
                         }
                         if (h.aj != null && h.b5()) {
-                            if (f.xn) {
+                            if (f.xp) {
                                 var i = this.cp ? c.left : c.top;
                                 var j = 0;
-                                var k = h.ii(i, j, h.bi.wl, c, h.kc(), d ? c.left : c.top, d ? c.right : c.bottom);
+                                var k = h.ii(i, j, h.bi.wn, c, h.kc(), d ? c.left : c.top, d ? c.right : c.bottom);
                                 i = k.p0;
                                 j = k.p1;
                                 var l = igniteuiWebcomponentsCore.Rect.empty;
@@ -12576,18 +12586,18 @@
                                 e = true;
                                 break;
                             }
-                            if (g && f.xo) {
-                                var p = f.yh;
+                            if (g && f.xq) {
+                                var p = f.yj;
                                 if (igniteuiWebcomponentsCore.isNaN_(p)) {
                                     if (d && h.cp) {
                                         p = 0;
-                                        p = Math.max(p, f.x9);
-                                        p = Math.max(p, f.x6);
+                                        p = Math.max(p, f.yb);
+                                        p = Math.max(p, f.x8);
                                     }
                                     else if (!d && !h.cp) {
                                         p = 0;
-                                        p = Math.max(p, f.x7);
-                                        p = Math.max(p, f.x8);
+                                        p = Math.max(p, f.x9);
+                                        p = Math.max(p, f.ya);
                                     }
                                     p += 1;
                                 }
@@ -13056,13 +13066,13 @@
             }
             var b = null, c = null, d = null;
             if (this.cb && !this.b9) {
-                b = a.aas;
+                b = a.aau;
                 try {
                     for (var _c = tslib.__values(igniteuiWebcomponentsCore.fromEnum(this.df)), _d = _c.next(); !_d.done; _d = _c.next()) {
                         var e = _d.value;
                         if (e.fv || e.fs || e.fo || e.fs) {
-                            c = a.aaq;
-                            d = a.aar;
+                            c = a.aas;
+                            d = a.aat;
                             break;
                         }
                     }
@@ -13082,14 +13092,14 @@
                 }
             }
             else if (this.cj && !this.b9) {
-                c = a.aaq;
-                d = a.aar;
-                b = this.aj != null ? a.aas : null;
+                c = a.aas;
+                d = a.aat;
+                b = this.aj != null ? a.aau : null;
                 try {
                     for (var _e = tslib.__values(igniteuiWebcomponentsCore.fromEnum(this.df)), _f = _e.next(); !_f.done; _f = _e.next()) {
                         var f = _f.value;
                         if (f.fv || f.fs || f.fo || f.fs) {
-                            b = a.aas;
+                            b = a.aau;
                             break;
                         }
                     }
@@ -13109,9 +13119,9 @@
                 }
             }
             else if (this.b9 || this.a2 == 3) {
-                b = a.aas;
-                c = a.aaq;
-                d = a.aar;
+                b = a.aau;
+                c = a.aas;
+                d = a.aat;
             }
             this.jy = this.j2 != null ? this.j2 : b;
             this.jw = this.jz != null ? this.jz : c;
@@ -13838,10 +13848,10 @@
                     var k = h._inner[j];
                     var l = a._inner[k];
                     var m = this.cy(k, a._inner[k], g_1);
-                    var n = this.ad.bi.wk.top;
+                    var n = this.ad.bi.wm.top;
                     if (this.ad.cw) {
-                        if (l.top < (this.ad.bi.wk.top - n)) {
-                            l = new igniteuiWebcomponentsCore.Rect(0, l.left, l.top + ((this.ad.bi.wk.top - n) - l.top), l.width, l.height);
+                        if (l.top < (this.ad.bi.wm.top - n)) {
+                            l = new igniteuiWebcomponentsCore.Rect(0, l.left, l.top + ((this.ad.bi.wm.top - n) - l.top), l.width, l.height);
                             a._inner[k] = l;
                         }
                     }
@@ -13867,8 +13877,8 @@
                     var aa = this.cy(y, a._inner[y], g_1);
                     var ab = this.ad.bi.c9.a3;
                     if (this.ad.cw) {
-                        if (aa.bottom > this.ad.bi.wk.bottom + ab) {
-                            z = new igniteuiWebcomponentsCore.Rect(0, z.left, z.top - (aa.bottom - (this.ad.bi.wk.bottom + ab)), z.width, z.height);
+                        if (aa.bottom > this.ad.bi.wm.bottom + ab) {
+                            z = new igniteuiWebcomponentsCore.Rect(0, z.left, z.top - (aa.bottom - (this.ad.bi.wm.bottom + ab)), z.width, z.height);
                             a._inner[y] = z;
                         }
                     }
@@ -14010,7 +14020,7 @@
                 this.ad.a8.arrangeAnnotations(this.ad, this.af, this.bb, this.a8, this.av, this.bl(), b, c, d, e);
             }
             this.b2(a);
-            if (this.aq() && this.am && this.ad != null && this.ad.bg != null && !this.ad.cr && this.ad.bg.xa && !this.ad.bg.xh && this.a8 != null && this.a8.count > 0) {
+            if (this.aq() && this.am && this.ad != null && this.ad.bg != null && !this.ad.cr && this.ad.bg.xc && !this.ad.bg.xj && this.a8 != null && this.a8.count > 0) {
                 var h = this.a8.count - 1;
                 if (this.ad.bq.count > 0) {
                     h -= this.ad.bq.count;
@@ -14018,7 +14028,7 @@
                 if (h < 0) {
                     h = 0;
                 }
-                this.ad.bg.zv(this, this.c1, this.a8._inner[0], this.a8._inner[h]);
+                this.ad.bg.zx(this, this.c1, this.a8._inner[0], this.a8._inner[h]);
             }
             return a;
         };
@@ -14076,7 +14086,7 @@
                 for (var c = 0; c < d.length; c++) {
                     var b = d[c];
                     var e = this.ad.kc();
-                    var f = new ScalerParams(0, this.ad.bi.wl, this.ad.kh, this.ad.ci, e);
+                    var f = new ScalerParams(0, this.ad.bi.wn, this.ad.kh, this.ad.ci, e);
                     a.add(this.ad.el(b, f));
                 }
                 return a;
@@ -14660,7 +14670,7 @@
             return NaN;
         };
         CategoryAxisBase.prototype.lg = function (a) {
-            var b = this.bi.wl;
+            var b = this.bi.wn;
             var c = this.kh;
             var d = this.kc();
             var e = new ScalerParams(0, b, c, this.ch, d);
@@ -15861,10 +15871,10 @@
                     var k = h._inner[j];
                     var l = a._inner[k];
                     var m = this.cy(k, a._inner[k], g_2);
-                    var n = this.ad.bi.wk.left;
+                    var n = this.ad.bi.wm.left;
                     if (this.ad.cw) {
-                        if (l.left < (this.ad.bi.wk.left - n)) {
-                            l = new igniteuiWebcomponentsCore.Rect(0, l.left + ((this.ad.bi.wk.left - n) - l.left), l.top, l.width, l.height);
+                        if (l.left < (this.ad.bi.wm.left - n)) {
+                            l = new igniteuiWebcomponentsCore.Rect(0, l.left + ((this.ad.bi.wm.left - n) - l.left), l.top, l.width, l.height);
                             a._inner[k] = l;
                         }
                     }
@@ -15890,8 +15900,8 @@
                     var aa = this.cy(y, a._inner[y], g_2);
                     var ab = this.ad.bi.c9.a5;
                     if (this.ad.cw) {
-                        if (aa.right > this.ad.bi.wk.right + ab) {
-                            z = new igniteuiWebcomponentsCore.Rect(0, z.left - (aa.right - (this.ad.bi.wk.right + ab)), z.top, z.width, z.height);
+                        if (aa.right > this.ad.bi.wm.right + ab) {
+                            z = new igniteuiWebcomponentsCore.Rect(0, z.left - (aa.right - (this.ad.bi.wm.right + ab)), z.top, z.width, z.height);
                             a._inner[y] = z;
                         }
                     }
@@ -16410,7 +16420,7 @@
                 if (b == null) {
                     return false;
                 }
-                if (this.bi == null || this.bi.wk.isEmpty) {
+                if (this.bi == null || this.bi.wm.isEmpty || this.bi.wm.height == 0 || this.bi.wm.width == 0) {
                     return false;
                 }
                 var c = -1;
@@ -19058,34 +19068,34 @@
         function XamDataChart() {
             var _this = _super.call(this) || this;
             _this._xsr = null;
-            _this.wx = null;
-            _this.xy = 1;
-            _this.xz = 1;
-            _this.xh = false;
-            _this.xl = false;
-            _this.xk = false;
-            _this.x0 = 0;
-            _this.x1 = 0;
-            _this.yi = NaN;
-            _this.yj = NaN;
-            _this.ws = new AxisCollection();
+            _this.wz = null;
+            _this.x0 = 1;
+            _this.x1 = 1;
+            _this.xj = false;
+            _this.xn = false;
+            _this.xm = false;
+            _this.x2 = 0;
+            _this.x3 = 0;
+            _this.yk = NaN;
+            _this.yl = NaN;
+            _this.wu = new AxisCollection();
             _this.axisRangeChanged = null;
-            _this.w6 = null;
-            _this.w9 = false;
-            _this.xv = 0;
+            _this.w8 = null;
+            _this.xb = false;
             _this.xx = 0;
+            _this.xz = 0;
+            _this.xy = 0;
             _this.xw = 0;
-            _this.xu = 0;
-            _this.x3 = NaN;
             _this.x5 = NaN;
+            _this.x7 = NaN;
+            _this.x6 = NaN;
             _this.x4 = NaN;
-            _this.x2 = NaN;
             _this.ab = XamDataChart.$;
-            _this.xk = true;
+            _this.xm = true;
             var a = _this.axes;
-            a.collectionChanged = igniteuiWebcomponentsCore.delegateCombine(a.collectionChanged, igniteuiWebcomponentsCore.runOn(_this, _this.zp));
+            a.collectionChanged = igniteuiWebcomponentsCore.delegateCombine(a.collectionChanged, igniteuiWebcomponentsCore.runOn(_this, _this.zr));
             var b = _this.axes;
-            b.collectionResetting = igniteuiWebcomponentsCore.delegateCombine(b.collectionResetting, igniteuiWebcomponentsCore.runOn(_this, _this.zq));
+            b.collectionResetting = igniteuiWebcomponentsCore.delegateCombine(b.collectionResetting, igniteuiWebcomponentsCore.runOn(_this, _this.zs));
             return _this;
         }
         Object.defineProperty(XamDataChart.prototype, "XSRP", {
@@ -19098,22 +19108,22 @@
             enumerable: false,
             configurable: true
         });
-        Object.defineProperty(XamDataChart.prototype, "wy", {
+        Object.defineProperty(XamDataChart.prototype, "w0", {
             get: function () {
                 var _this = this;
-                if (this.wx == null) {
-                    this.wx = igniteuiWebcomponentsCore.DVContainer.instance.createInstance(IDataChartVisualDataManager_$type, function () { return _this.XSRP.q; });
+                if (this.wz == null) {
+                    this.wz = igniteuiWebcomponentsCore.DVContainer.instance.createInstance(IDataChartVisualDataManager_$type, function () { return _this.XSRP.q; });
                 }
-                return this.wx;
+                return this.wz;
             },
             enumerable: false,
             configurable: true
         });
         XamDataChart.staticInit = function () {
-            XamDataChart.yf = -1.7976931348623157E+308;
-            XamDataChart.ye = 1.7976931348623157E+308;
+            XamDataChart.yh = -1.7976931348623157E+308;
+            XamDataChart.yg = 1.7976931348623157E+308;
         };
-        XamDataChart.yr = function (a) {
+        XamDataChart.yt = function (a) {
             if (a.db == null) {
                 return -1;
             }
@@ -19150,10 +19160,10 @@
             _super.prototype.qh.call(this, a, b, c, d);
             switch (b) {
                 case XamDataChart.$$p[23]:
-                    this.ya = this.yp;
+                    this.yc = this.yr;
                     break;
                 case XamDataChart.$$p[24]:
-                    this.yb = this.yq;
+                    this.yd = this.ys;
                     break;
                 case "ActualWindowScaleHorizontal":
                 case "ActualWindowScaleVertical":
@@ -19186,10 +19196,10 @@
                     }
                     break;
                 case XamDataChart.$$p[9]:
-                    this.xg = this.xf;
+                    this.xi = this.xh;
                     break;
                 case XamDataChart.$$p[22]:
-                    this.xj = this.xs;
+                    this.xl = this.xu;
                     break;
                 case XamDataChart.$$p[11]:
                 case XamDataChart.$$p[13]:
@@ -19244,31 +19254,31 @@
                     }
                     break;
                 case XamDataChart.$$p[4]:
-                    this.zt();
+                    this.zv();
                     break;
             }
         };
         XamDataChart.prototype.qz = function () {
             _super.prototype.qz.call(this);
-            if (this.wr == 1 || this.wr == 2) {
-                this.zx();
+            if (this.wt == 1 || this.wt == 2) {
+                this.zz();
             }
         };
         XamDataChart.prototype.ov = function () {
             _super.prototype.ov.call(this);
-            if (this.xa && this.wr != 0) {
-                if (!this.xr) {
-                    this.zx();
+            if (this.xc && this.wt != 0) {
+                if (!this.xt) {
+                    this.zz();
                 }
             }
         };
         XamDataChart.prototype.ok = function (a, b) {
             _super.prototype.ok.call(this, a, b);
-            if (this.xa && this.wr == 2) {
+            if (this.xc && this.wt == 2) {
                 if (!a.isEmpty && !b.isEmpty) {
                     if (Math.abs(a.width - b.width) > 1E-10) {
-                        if (!this.xr) {
-                            this.zx();
+                        if (!this.xt) {
+                            this.zz();
                         }
                     }
                 }
@@ -19276,44 +19286,44 @@
         };
         XamDataChart.prototype.oq = function () {
             _super.prototype.oq.call(this);
-            if (this.wu == 1) {
-                this.zt();
+            if (this.ww == 1) {
+                this.zv();
             }
         };
-        XamDataChart.prototype.zy = function () {
-            this.zt();
+        XamDataChart.prototype.z0 = function () {
+            this.zv();
         };
-        XamDataChart.prototype.zt = function () {
+        XamDataChart.prototype.zv = function () {
             var e_80, _a, e_81, _b;
-            var a = this.aat();
-            this.w9 = false;
-            if (!igniteuiWebcomponentsCore.isNaN_(this.yl)) {
-                this.x7 = this.yl;
+            var a = this.aav();
+            this.xb = false;
+            if (!igniteuiWebcomponentsCore.isNaN_(this.yn)) {
+                this.x9 = this.yn;
             }
             else {
-                this.x7 = a.left;
+                this.x9 = a.left;
             }
-            if (!igniteuiWebcomponentsCore.isNaN_(this.yn)) {
-                this.x9 = this.yn;
+            if (!igniteuiWebcomponentsCore.isNaN_(this.yp)) {
+                this.yb = this.yp;
             }
             else {
-                this.x9 = a.top;
+                this.yb = a.top;
             }
-            if (!igniteuiWebcomponentsCore.isNaN_(this.ym)) {
-                this.x8 = this.ym;
+            if (!igniteuiWebcomponentsCore.isNaN_(this.yo)) {
+                this.ya = this.yo;
             }
             else {
-                this.x8 = a.right;
+                this.ya = a.right;
             }
-            if (!igniteuiWebcomponentsCore.isNaN_(this.yk)) {
-                this.x6 = this.yk;
+            if (!igniteuiWebcomponentsCore.isNaN_(this.ym)) {
+                this.x8 = this.ym;
             }
             else {
-                this.x6 = a.bottom;
+                this.x8 = a.bottom;
             }
-            this.v8 = this.v6(this.wk);
-            if (this.w9) {
-                this.w9 = false;
+            this.v8 = this.v6(this.wm);
+            if (this.xb) {
+                this.xb = false;
                 try {
                     for (var _c = tslib.__values(igniteuiWebcomponentsCore.fromEnum(this.axes)), _d = _c.next(); !_d.done; _d = _c.next()) {
                         var b = _d.value;
@@ -19355,27 +19365,27 @@
                 }
             }
         };
-        XamDataChart.prototype.aat = function () {
-            this.z0();
-            switch (this.wu) {
+        XamDataChart.prototype.aav = function () {
+            this.z2();
+            switch (this.ww) {
                 case 1:
-                    var a = this.aau();
+                    var a = this.aaw();
                     return a;
                 default: return new igniteuiWebcomponentsCore.Thickness(1, 0, 0, 0, 0);
             }
         };
-        XamDataChart.prototype.z0 = function () {
-            this.b0 = this.w0();
-            this.b2 = this.w3();
+        XamDataChart.prototype.z2 = function () {
+            this.b0 = this.w2();
+            this.b2 = this.w5();
         };
-        XamDataChart.prototype.w3 = function () {
+        XamDataChart.prototype.w5 = function () {
             var e_82, _a;
             var a = 1;
             try {
                 for (var _b = tslib.__values(igniteuiWebcomponentsCore.fromEnum(this.series)), _c = _b.next(); !_c.done; _c = _b.next()) {
                     var b = _c.value;
                     var c = b.cl();
-                    a = this.w2(a, c);
+                    a = this.w4(a, c);
                 }
             }
             catch (e_82_1) {
@@ -19393,7 +19403,7 @@
             }
             return a;
         };
-        XamDataChart.prototype.w2 = function (a, b) {
+        XamDataChart.prototype.w4 = function (a, b) {
             switch (a) {
                 case 2: return 2;
                 case 4:
@@ -19410,14 +19420,14 @@
             }
             return a;
         };
-        XamDataChart.prototype.w0 = function () {
+        XamDataChart.prototype.w2 = function () {
             var e_83, _a;
             var a = 1;
             try {
                 for (var _b = tslib.__values(igniteuiWebcomponentsCore.fromEnum(this.series)), _c = _b.next(); !_c.done; _c = _b.next()) {
                     var b = _c.value;
                     var c = b.ck();
-                    a = this.wz(a, c);
+                    a = this.w1(a, c);
                 }
             }
             catch (e_83_1) {
@@ -19435,7 +19445,7 @@
             }
             return a;
         };
-        XamDataChart.prototype.wz = function (a, b) {
+        XamDataChart.prototype.w1 = function (a, b) {
             switch (a) {
                 case 2: return 2;
                 case 4:
@@ -19452,7 +19462,7 @@
             }
             return a;
         };
-        XamDataChart.prototype.aau = function () {
+        XamDataChart.prototype.aaw = function () {
             var a = new igniteuiWebcomponentsCore.Thickness(1, 0, 0, 0, 0);
             for (var b = 0; b < this.series.count; b++) {
                 var c = this.series._inner[b];
@@ -19461,7 +19471,7 @@
             }
             return a;
         };
-        XamDataChart.prototype.aav = function (a, b) {
+        XamDataChart.prototype.aax = function (a, b) {
             var c = new igniteuiWebcomponentsCore.Thickness(1, 0, 0, 0, 0);
             for (var d = 0; d < this.series.count; d++) {
                 var e = this.series._inner[d];
@@ -19471,90 +19481,90 @@
             return c;
         };
         XamDataChart.prototype.get_ex = function () {
-            return this.wu == 1;
+            return this.ww == 1;
         };
         XamDataChart.prototype.hs = function () {
-            return this.ya;
+            return this.yc;
         };
         XamDataChart.prototype.ht = function () {
-            return this.yb;
+            return this.yd;
         };
         XamDataChart.prototype.rk = function () {
             _super.prototype.rk.call(this);
-            this.ya = this.v4.width;
-            this.yb = this.v4.height;
+            this.yc = this.v4.width;
+            this.yd = this.v4.height;
         };
-        Object.defineProperty(XamDataChart.prototype, "ya", {
+        Object.defineProperty(XamDataChart.prototype, "yc", {
             get: function () {
-                return this.xy;
+                return this.x0;
             },
             set: function (a) {
-                var b = this.xy;
-                this.xy = a;
-                this.qm("ActualWindowScaleHorizontal", b, this.xy);
+                var b = this.x0;
+                this.x0 = a;
+                this.qm("ActualWindowScaleHorizontal", b, this.x0);
             },
             enumerable: false,
             configurable: true
         });
-        Object.defineProperty(XamDataChart.prototype, "yb", {
+        Object.defineProperty(XamDataChart.prototype, "yd", {
             get: function () {
-                return this.xz;
+                return this.x1;
             },
             set: function (a) {
-                var b = this.xz;
-                this.xz = a;
-                this.qm("ActualWindowScaleVertical", b, this.xz);
+                var b = this.x1;
+                this.x1 = a;
+                this.qm("ActualWindowScaleVertical", b, this.x1);
             },
             enumerable: false,
             configurable: true
         });
         XamDataChart.prototype.fl = function () {
-            return this.xg;
+            return this.xi;
         };
         XamDataChart.prototype.fm = function () {
-            return this.xj;
+            return this.xl;
         };
-        Object.defineProperty(XamDataChart.prototype, "xa", {
+        Object.defineProperty(XamDataChart.prototype, "xc", {
             get: function () {
-                return this.xm || this.xp;
+                return this.xo || this.xr;
             },
             enumerable: false,
             configurable: true
         });
         XamDataChart.prototype.get_fu = function () {
-            return this.xb;
+            return this.xd;
         };
-        Object.defineProperty(XamDataChart.prototype, "xb", {
+        Object.defineProperty(XamDataChart.prototype, "xd", {
             get: function () {
-                return this.xq || (this.ft && this.wr != 0);
+                return this.xs || (this.ft && this.wt != 0);
             },
             enumerable: false,
             configurable: true
         });
         XamDataChart.prototype.get_ft = function () {
-            return this.xp;
+            return this.xr;
         };
         XamDataChart.prototype.get_fs = function () {
-            return this.xm;
+            return this.xo;
         };
-        XamDataChart.prototype.zx = function () {
-            this.xh = false;
-            this.xl = true;
-            this.xk = true;
+        XamDataChart.prototype.zz = function () {
+            this.xj = false;
+            this.xn = true;
+            this.xm = true;
             for (var a = 0; a < this.axes.count; a++) {
                 this.axes._inner[a].cq = true;
                 this.axes._inner[a].ia();
             }
         };
-        XamDataChart.prototype.zw = function () {
-            this.xh = false;
-            this.xk = true;
+        XamDataChart.prototype.zy = function () {
+            this.xj = false;
+            this.xm = true;
             for (var a = 0; a < this.axes.count; a++) {
                 this.axes._inner[a].cq = true;
                 this.axes._inner[a].ia();
             }
         };
-        XamDataChart.prototype.zv = function (a, b, c, d) {
+        XamDataChart.prototype.zx = function (a, b, c, d) {
             if (a.ad == null) {
                 return;
             }
@@ -19572,22 +19582,22 @@
             if (e) {
                 return;
             }
-            if (igniteuiWebcomponentsCore.isNaN_(this.yi)) {
-                this.yi = this.c9.a4;
-                this.yj = this.c9.a5;
+            if (igniteuiWebcomponentsCore.isNaN_(this.yk)) {
+                this.yk = this.c9.a4;
+                this.yl = this.c9.a5;
             }
             var h = false;
             var i = false;
             var j = 0;
             if (a.au) {
-                var k = this.xk;
-                if (this.xp && this.xk) {
-                    j = this.yo(a, b, c, d);
-                    this.xk = false;
+                var k = this.xm;
+                if (this.xr && this.xm) {
+                    j = this.yq(a, b, c, d);
+                    this.xm = false;
                     if (a.bl() != j) {
                         if (j == 0 && a.ad.b4) {
                             if (k) {
-                                this.xl = true;
+                                this.xn = true;
                                 a.ad.id();
                                 h = true;
                                 i = true;
@@ -19595,7 +19605,7 @@
                         }
                         else {
                             if ((j > a.bl()) || k) {
-                                this.xl = true;
+                                this.xn = true;
                                 a.ad.ij(j);
                                 h = true;
                                 i = true;
@@ -19623,82 +19633,82 @@
                 d = p;
             }
             var q = false;
-            if (this.xl) {
-                this.xl = false;
+            if (this.xn) {
+                this.xn = false;
                 q = true;
             }
-            this.xh = true;
+            this.xj = true;
             var r = 0;
             var s = 0;
             var t = 0;
             var u = c.left + t;
             var v = d.right + t;
             var w = 0;
-            w = this.wk.right + this.c9.a5;
+            w = this.wm.right + this.c9.a5;
             if (u < 0) {
                 r = -u;
-                r += this.yc;
+                r += this.ye;
             }
             if (v > w) {
                 s = v - w;
-                s += this.yc;
+                s += this.ye;
             }
             if (q) {
                 if (u > 0) {
                     r = -u;
-                    r += this.yc;
+                    r += this.ye;
                 }
                 if (v < w) {
                     s = -(w - v);
-                    s += this.yc;
+                    s += this.ye;
                 }
             }
             var x = false;
             var y = false;
             if (r != 0 || s != 0) {
                 x = true;
-                this.x0 = this.x0 + r;
-                this.x1 = this.x1 + s;
-                if (this.x0 > this.yd) {
-                    this.x0 = this.yd;
+                this.x2 = this.x2 + r;
+                this.x3 = this.x3 + s;
+                if (this.x2 > this.yf) {
+                    this.x2 = this.yf;
                     y = true;
                 }
-                if (this.x1 > this.yd) {
-                    this.x1 = this.yd;
+                if (this.x3 > this.yf) {
+                    this.x3 = this.yf;
                     y = true;
                 }
-                if (this.x0 < 0) {
-                    this.x0 = 0;
+                if (this.x2 < 0) {
+                    this.x2 = 0;
                     y = true;
                 }
-                if (this.x1 < 0) {
-                    this.x1 = 0;
+                if (this.x3 < 0) {
+                    this.x3 = 0;
                     y = true;
                 }
             }
             else {
                 if (this.ej) {
-                    this.zs();
+                    this.zu();
                 }
                 return;
             }
             this.gb = true;
-            this.h2 = this.yi + this.x0;
-            this.h7 = this.yj + this.x1;
+            this.h2 = this.yk + this.x2;
+            this.h7 = this.yl + this.x3;
             this.gb = false;
             this.fq = x;
             if (y) {
                 if (q && (this.fq || this.ej)) {
-                    this.zs();
+                    this.zu();
                 }
                 return;
             }
             if (this.fq || this.ej) {
-                this.zs();
+                this.zu();
             }
         };
-        XamDataChart.prototype.yo = function (a, b, c, d) {
-            var e = this.yg(-1, a, b, c, d);
+        XamDataChart.prototype.yq = function (a, b, c, d) {
+            var e = this.yi(-1, a, b, c, d);
             var f = a.bl();
             if (e < f) {
                 var g = c.left + c.width / 2;
@@ -19718,31 +19728,31 @@
                 var m = j.right - l.right;
                 var n = 0;
                 var o = 0;
-                o = this.wk.right + this.c9.a5;
+                o = this.wm.right + this.c9.a5;
                 var p = i.left + n;
                 var q = j.right + n;
                 var r = 0;
                 var s = 0;
                 if (p < 0) {
                     r = -p;
-                    r += this.yc;
+                    r += this.ye;
                 }
                 if (q > o) {
                     s = q - o;
-                    s += this.yc;
+                    s += this.ye;
                 }
                 var t = false;
-                if (this.xl || this.xk) {
+                if (this.xn || this.xm) {
                     t = true;
                 }
                 if (t) {
                     if (p > 0) {
                         r = -p;
-                        r += this.yc;
+                        r += this.ye;
                     }
                     if (q < o) {
                         s = -(o - q);
-                        s += this.yc;
+                        s += this.ye;
                     }
                 }
                 var u = false;
@@ -19751,14 +19761,14 @@
                 var x = 0;
                 if (r != 0 || s != 0) {
                     v = true;
-                    w = this.x0 + r;
-                    x = this.x1 + s;
-                    if (w > this.yd) {
-                        w = this.yd;
+                    w = this.x2 + r;
+                    x = this.x3 + s;
+                    if (w > this.yf) {
+                        w = this.yf;
                         u = true;
                     }
-                    if (x > this.yd) {
-                        x = this.yd;
+                    if (x > this.yf) {
+                        x = this.yf;
                         u = true;
                     }
                     if (w < 0) {
@@ -19772,13 +19782,13 @@
                 }
                 var y = this.c9.a4;
                 var z = this.c9.a5;
-                var aa = new igniteuiWebcomponentsCore.Thickness(1, this.yi + w, 0, this.yj + x, 0);
+                var aa = new igniteuiWebcomponentsCore.Thickness(1, this.yk + w, 0, this.yl + x, 0);
                 var ab = (aa.left - y) + (aa.right - z);
                 var ac = a.ad.kb().width;
                 var ad = ac - ab;
                 var ae = ad / ac;
                 var af = a.bn() * ae;
-                var ag = this.yg(af, a, b, c, d);
+                var ag = this.yi(af, a, b, c, d);
                 if (ag == e) {
                     return e;
                 }
@@ -19788,7 +19798,7 @@
             }
             return e;
         };
-        XamDataChart.prototype.yg = function (a, b, c, d, e) {
+        XamDataChart.prototype.yi = function (a, b, c, d, e) {
             var f = b.c3;
             var g = b.bn();
             if (a < 0) {
@@ -19816,13 +19826,13 @@
             }
             return h;
         };
-        XamDataChart.prototype.zs = function () {
+        XamDataChart.prototype.zu = function () {
             for (var a = 0; a < this.axes.count; a++) {
                 this.axes._inner[a].cq = true;
                 this.axes._inner[a].ib(false);
             }
             this.nr(true, false, false);
-            this.xh = false;
+            this.xj = false;
             for (var b = 0; b < this.axes.count; b++) {
                 this.axes._inner[b].cq = true;
                 this.axes._inner[b].ib(false);
@@ -19831,12 +19841,12 @@
         };
         Object.defineProperty(XamDataChart.prototype, "axes", {
             get: function () {
-                return this.ws;
+                return this.wu;
             },
             enumerable: false,
             configurable: true
         });
-        XamDataChart.prototype.zp = function (a, b) {
+        XamDataChart.prototype.zr = function (a, b) {
             var e_84, _a, e_85, _b, e_86, _c;
             if (b.oldItems != null) {
                 try {
@@ -19847,7 +19857,7 @@
                             c.bi = null;
                             this.q3(c);
                             this.c9.dw(c);
-                            c.rangeChanged = igniteuiWebcomponentsCore.delegateRemove(c.rangeChanged, igniteuiWebcomponentsCore.runOn(this, this.zr));
+                            c.rangeChanged = igniteuiWebcomponentsCore.delegateRemove(c.rangeChanged, igniteuiWebcomponentsCore.runOn(this, this.zt));
                             this.c9.dx(c);
                             if (c.df != null) {
                                 try {
@@ -19900,7 +19910,7 @@
                             e.bi = this;
                             e.a5.a2();
                             this.c9.bo(e);
-                            e.rangeChanged = igniteuiWebcomponentsCore.delegateCombine(e.rangeChanged, igniteuiWebcomponentsCore.runOn(this, this.zr));
+                            e.rangeChanged = igniteuiWebcomponentsCore.delegateCombine(e.rangeChanged, igniteuiWebcomponentsCore.runOn(this, this.zt));
                             this.c9.bl(e);
                         }
                     }
@@ -19920,11 +19930,11 @@
                 }
             }
             this.oh();
-            if (!this.xr && this.fu) {
+            if (!this.xt && this.fu) {
                 this.qz();
             }
         };
-        XamDataChart.prototype.zq = function (a, b) {
+        XamDataChart.prototype.zs = function (a, b) {
             var e_87, _a, e_88, _b, e_89, _c, e_90, _d;
             var c = new igniteuiWebcomponentsCore.List$1(Series.$, 0);
             try {
@@ -19957,7 +19967,7 @@
                     d.bi = null;
                     this.q3(d);
                     this.c9.dw(d);
-                    d.rangeChanged = igniteuiWebcomponentsCore.delegateRemove(d.rangeChanged, igniteuiWebcomponentsCore.runOn(this, this.zr));
+                    d.rangeChanged = igniteuiWebcomponentsCore.delegateRemove(d.rangeChanged, igniteuiWebcomponentsCore.runOn(this, this.zt));
                     this.c9.dx(d);
                     this.q8();
                 }
@@ -20016,7 +20026,7 @@
                 }
             }
         };
-        XamDataChart.prototype.zr = function (a, b) {
+        XamDataChart.prototype.zt = function (a, b) {
             var e_91, _a, e_92, _b, e_93, _c;
             var c = igniteuiWebcomponentsCore.typeCast(Axis.$, a);
             if (c == null) {
@@ -20059,7 +20069,7 @@
                 try {
                     for (var _f = tslib.__values(igniteuiWebcomponentsCore.fromEnum(c.bi.series)), _g = _f.next(); !_g.done; _g = _f.next()) {
                         var f = _g.value;
-                        XamDataChart.zu(c, d, f);
+                        XamDataChart.zw(c, d, f);
                     }
                 }
                 catch (e_92_1) {
@@ -20098,7 +20108,7 @@
                 }
             }
         };
-        XamDataChart.zu = function (a, b, c) {
+        XamDataChart.zw = function (a, b, c) {
         };
         XamDataChart.prototype.rt = function (a, b) {
             var e_94, _a;
@@ -20128,10 +20138,10 @@
             }
         };
         XamDataChart.prototype.getFontInfo = function () {
-            this.w6 = this.w5.fo;
-            return this.w6;
+            this.w8 = this.w7.fo;
+            return this.w8;
         };
-        XamDataChart.prototype.zz = function () {
+        XamDataChart.prototype.z1 = function () {
             var e_95, _a, e_96, _b;
             this.c9.ee();
             try {
@@ -20175,7 +20185,7 @@
             }
         };
         XamDataChart.prototype.getFontBrush = function () {
-            return this.w5.fw;
+            return this.w7.fw;
         };
         XamDataChart.prototype.nk = function () {
             _super.prototype.nk.call(this);
@@ -20194,7 +20204,7 @@
             }
         };
         XamDataChart.prototype.u8 = function () {
-            return this.w5.fs;
+            return this.w7.fs;
         };
         XamDataChart.prototype.f3 = function () {
             return true;
@@ -20226,12 +20236,12 @@
             }
         };
         XamDataChart.prototype.ev = function () {
-            if (this.xi) {
+            if (this.xk) {
                 return true;
             }
-            return this.xe();
+            return this.xg();
         };
-        XamDataChart.prototype.xe = function () {
+        XamDataChart.prototype.xg = function () {
             for (var a = 0; a < this.series.count; a++) {
                 if (this.series._inner[a].fs || this.series._inner[a].fo) {
                     return true;
@@ -20249,30 +20259,15 @@
         };
         XamDataChart.prototype.p5 = function (a) {
             _super.prototype.p5.call(this, a);
-            this.w5 = a;
+            this.w7 = a;
         };
         XamDataChart.prototype.q0 = function () {
-            for (var a = 0; a < this.ws.count; a++) {
-                this.ws._inner[a].cq = true;
-                this.ws._inner[a].ib(false);
+            for (var a = 0; a < this.wu.count; a++) {
+                this.wu._inner[a].cq = true;
+                this.wu._inner[a].ib(false);
             }
             _super.prototype.q0.call(this);
         };
-        Object.defineProperty(XamDataChart.prototype, "x7", {
-            get: function () {
-                return this.xv;
-            },
-            set: function (a) {
-                var b = this.xv;
-                this.xv = a;
-                if (this.xv != b) {
-                    this.w9 = true;
-                    this.qm(XamDataChart.yu, b, this.xv);
-                }
-            },
-            enumerable: false,
-            configurable: true
-        });
         Object.defineProperty(XamDataChart.prototype, "x9", {
             get: function () {
                 return this.xx;
@@ -20281,50 +20276,54 @@
                 var b = this.xx;
                 this.xx = a;
                 if (this.xx != b) {
-                    this.w9 = true;
+                    this.xb = true;
                     this.qm(XamDataChart.yw, b, this.xx);
                 }
             },
             enumerable: false,
             configurable: true
         });
-        Object.defineProperty(XamDataChart.prototype, "x8", {
+        Object.defineProperty(XamDataChart.prototype, "yb", {
             get: function () {
-                return this.xw;
+                return this.xz;
             },
             set: function (a) {
-                var b = this.xw;
-                this.xw = a;
-                if (this.xw != b) {
-                    this.w9 = true;
-                    this.qm(XamDataChart.yv, b, this.xw);
+                var b = this.xz;
+                this.xz = a;
+                if (this.xz != b) {
+                    this.xb = true;
+                    this.qm(XamDataChart.yy, b, this.xz);
                 }
             },
             enumerable: false,
             configurable: true
         });
-        Object.defineProperty(XamDataChart.prototype, "x6", {
+        Object.defineProperty(XamDataChart.prototype, "ya", {
             get: function () {
-                return this.xu;
+                return this.xy;
             },
             set: function (a) {
-                var b = this.xu;
-                this.xu = a;
-                if (this.xu != b) {
-                    this.w9 = true;
-                    this.qm(XamDataChart.yt, b, this.xu);
+                var b = this.xy;
+                this.xy = a;
+                if (this.xy != b) {
+                    this.xb = true;
+                    this.qm(XamDataChart.yx, b, this.xy);
                 }
             },
             enumerable: false,
             configurable: true
         });
-        Object.defineProperty(XamDataChart.prototype, "yl", {
+        Object.defineProperty(XamDataChart.prototype, "x8", {
             get: function () {
-                return this.x3;
+                return this.xw;
             },
             set: function (a) {
-                this.x3 = a;
-                this.zt();
+                var b = this.xw;
+                this.xw = a;
+                if (this.xw != b) {
+                    this.xb = true;
+                    this.qm(XamDataChart.yv, b, this.xw);
+                }
             },
             enumerable: false,
             configurable: true
@@ -20335,29 +20334,40 @@
             },
             set: function (a) {
                 this.x5 = a;
-                this.zt();
+                this.zv();
             },
             enumerable: false,
             configurable: true
         });
-        Object.defineProperty(XamDataChart.prototype, "ym", {
+        Object.defineProperty(XamDataChart.prototype, "yp", {
             get: function () {
-                return this.x4;
+                return this.x7;
             },
             set: function (a) {
-                this.x4 = a;
-                this.zt();
+                this.x7 = a;
+                this.zv();
+            },
+            enumerable: false,
+            configurable: true
+        });
+        Object.defineProperty(XamDataChart.prototype, "yo", {
+            get: function () {
+                return this.x6;
+            },
+            set: function (a) {
+                this.x6 = a;
+                this.zv();
             },
             enumerable: false,
             configurable: true
         });
-        Object.defineProperty(XamDataChart.prototype, "yk", {
+        Object.defineProperty(XamDataChart.prototype, "ym", {
             get: function () {
-                return this.x2;
+                return this.x4;
             },
             set: function (a) {
-                this.x2 = a;
-                this.zt();
+                this.x4 = a;
+                this.zv();
             },
             enumerable: false,
             configurable: true
@@ -20367,13 +20377,13 @@
             if (a.isEmpty) {
                 return igniteuiWebcomponentsCore.Rect.empty;
             }
-            if (this.x7 == 0 && this.x9 == 0 && this.x8 == 0 && this.x6 == 0) {
+            if (this.x9 == 0 && this.yb == 0 && this.ya == 0 && this.x8 == 0) {
                 return b;
             }
-            if (this.x7 + this.x8 >= a.width || this.x9 + this.x6 >= a.height) {
+            if (this.x9 + this.ya >= a.width || this.yb + this.x8 >= a.height) {
                 return b;
             }
-            var c = new igniteuiWebcomponentsCore.Rect(0, a.left + this.x7, a.top + this.x9, a.width - this.x7 - this.x8, a.height - this.x9 - this.x6);
+            var c = new igniteuiWebcomponentsCore.Rect(0, a.left + this.x9, a.top + this.yb, a.width - this.x9 - this.ya, a.height - this.yb - this.x8);
             if (this.ev()) {
                 var d = void 0;
                 if (c.width > c.height) {
@@ -20388,9 +20398,9 @@
             }
             return c;
         };
-        XamDataChart.prototype.wc = function () {
-            var a = this.wk;
-            var b = this.wl;
+        XamDataChart.prototype.wd = function () {
+            var a = this.wm;
+            var b = this.wn;
             var c = this.v8;
             if (c.isEmpty || a.isEmpty) {
                 return a;
@@ -20403,11 +20413,11 @@
             }
             return a;
         };
-        XamDataChart.prototype.ys = function () {
-            return this.wy.exportVisualData(this);
+        XamDataChart.prototype.yu = function () {
+            return this.w0.exportVisualData(this);
         };
-        XamDataChart.prototype.y7 = function () {
-            var cvd_ = this.ys();
+        XamDataChart.prototype.y9 = function () {
+            var cvd_ = this.yu();
             cvd_.scaleByViewport();
             return (cvd_.serialize());
         };
@@ -20431,7 +20441,7 @@
                 b.ib(false);
             }
         };
-        XamDataChart.prototype.xt = function (a) {
+        XamDataChart.prototype.xv = function (a) {
             var e_98, _a;
             var b = new igniteuiWebcomponentsCore.List$1(Axis.$, 0);
             try {
@@ -20459,13 +20469,13 @@
             return b;
         };
         XamDataChart.$t = igniteuiWebcomponentsCore.markType(XamDataChart, 'XamDataChart', SeriesViewer.$);
-        XamDataChart.yf = 0;
-        XamDataChart.ye = 0;
-        XamDataChart.yu = "ActualPlotAreaMarginLeft";
-        XamDataChart.yw = "ActualPlotAreaMarginTop";
-        XamDataChart.yv = "ActualPlotAreaMarginRight";
-        XamDataChart.yt = "ActualPlotAreaMarginBottom";
-        XamDataChart.$$p = igniteuiWebcomponentsCore.markDep(igniteuiWebcomponentsCore.DependencyProperty, igniteuiWebcomponentsCore.PropertyMetadata, XamDataChart, 'qm', ['AlignsGridLinesToPixels:xc:z1', [0, true], 'AutoExpandMarginExtraPadding:yc:z2', [1, igniteuiWebcomponentsCore.DeviceUtils.g(2)], 'AutoExpandMarginMaximumValue:yd:z3', [1, 60], 'AutoMarginAndAngleUpdateMode:wr:z4', [AutoMarginsAndAngleUpdateMode_$type, igniteuiWebcomponentsCore.enumGetBox(AutoMarginsAndAngleUpdateMode_$type, 0)], 'ComputedPlotAreaMarginMode:wu:z5', [ComputedPlotAreaMarginMode_$type, igniteuiWebcomponentsCore.enumGetBox(ComputedPlotAreaMarginMode_$type, 0)], 'DefaultAxisMajorStroke:aaq:z6', [igniteuiWebcomponentsCore.Brush.$, null], 'DefaultAxisMinorStroke:aar:z7', [igniteuiWebcomponentsCore.Brush.$, null], 'DefaultAxisStroke:aas:z8', [igniteuiWebcomponentsCore.Brush.$, null], 'GridMode:ww:z9', [GridMode_$type, igniteuiWebcomponentsCore.enumGetBox(GridMode_$type, 2)], 'HorizontalZoomable:xf:aaa', [0, false], 'InitialCloseGridlinesThreshold:yh:aab', [1, NaN], 'IsHorizontalZoomEnabled:xg:aac', [0, false], 'IsSquare:xi:aad', [0, false], 'IsVerticalZoomEnabled:xj:aae', [0, false], 'SeriesPlotAreaMarginHorizontalMode:w1:aaf', [SeriesPlotAreaMarginHorizontalMode_$type, igniteuiWebcomponentsCore.enumGetBox(SeriesPlotAreaMarginHorizontalMode_$type, 0)], 'SeriesPlotAreaMarginVerticalMode:w4:aag', [SeriesPlotAreaMarginVerticalMode_$type, igniteuiWebcomponentsCore.enumGetBox(SeriesPlotAreaMarginVerticalMode_$type, 0)], 'ShouldAutoExpandMarginForInitialLabels:xm:aah', [0, false], 'ShouldClipGridlines:xn:aai', [0, true], 'ShouldClipInitialCloseGridlines:xo:aaj', [0, true], 'ShouldConsiderAutoRotationForInitialLabels:xp:aak', [0, false], 'ShouldSuppressAxisLabelTruncation:xq:aal', [0, false], 'SuppressAutoMarginAndAngleRecalculation:xr:aam', [0, false], 'VerticalZoomable:xs:aan', [0, false], 'WindowScaleHorizontal:yp:aao', [1, NaN], 'WindowScaleVertical:yq:aap', [1, NaN]]);
+        XamDataChart.yh = 0;
+        XamDataChart.yg = 0;
+        XamDataChart.yw = "ActualPlotAreaMarginLeft";
+        XamDataChart.yy = "ActualPlotAreaMarginTop";
+        XamDataChart.yx = "ActualPlotAreaMarginRight";
+        XamDataChart.yv = "ActualPlotAreaMarginBottom";
+        XamDataChart.$$p = igniteuiWebcomponentsCore.markDep(igniteuiWebcomponentsCore.DependencyProperty, igniteuiWebcomponentsCore.PropertyMetadata, XamDataChart, 'qm', ['AlignsGridLinesToPixels:xe:z3', [0, true], 'AutoExpandMarginExtraPadding:ye:z4', [1, igniteuiWebcomponentsCore.DeviceUtils.g(2)], 'AutoExpandMarginMaximumValue:yf:z5', [1, 60], 'AutoMarginAndAngleUpdateMode:wt:z6', [AutoMarginsAndAngleUpdateMode_$type, igniteuiWebcomponentsCore.enumGetBox(AutoMarginsAndAngleUpdateMode_$type, 0)], 'ComputedPlotAreaMarginMode:ww:z7', [ComputedPlotAreaMarginMode_$type, igniteuiWebcomponentsCore.enumGetBox(ComputedPlotAreaMarginMode_$type, 0)], 'DefaultAxisMajorStroke:aas:z8', [igniteuiWebcomponentsCore.Brush.$, null], 'DefaultAxisMinorStroke:aat:z9', [igniteuiWebcomponentsCore.Brush.$, null], 'DefaultAxisStroke:aau:aaa', [igniteuiWebcomponentsCore.Brush.$, null], 'GridMode:wy:aab', [GridMode_$type, igniteuiWebcomponentsCore.enumGetBox(GridMode_$type, 2)], 'HorizontalZoomable:xh:aac', [0, false], 'InitialCloseGridlinesThreshold:yj:aad', [1, NaN], 'IsHorizontalZoomEnabled:xi:aae', [0, false], 'IsSquare:xk:aaf', [0, false], 'IsVerticalZoomEnabled:xl:aag', [0, false], 'SeriesPlotAreaMarginHorizontalMode:w3:aah', [SeriesPlotAreaMarginHorizontalMode_$type, igniteuiWebcomponentsCore.enumGetBox(SeriesPlotAreaMarginHorizontalMode_$type, 0)], 'SeriesPlotAreaMarginVerticalMode:w6:aai', [SeriesPlotAreaMarginVerticalMode_$type, igniteuiWebcomponentsCore.enumGetBox(SeriesPlotAreaMarginVerticalMode_$type, 0)], 'ShouldAutoExpandMarginForInitialLabels:xo:aaj', [0, false], 'ShouldClipGridlines:xp:aak', [0, true], 'ShouldClipInitialCloseGridlines:xq:aal', [0, true], 'ShouldConsiderAutoRotationForInitialLabels:xr:aam', [0, false], 'ShouldSuppressAxisLabelTruncation:xs:aan', [0, false], 'SuppressAutoMarginAndAngleRecalculation:xt:aao', [0, false], 'VerticalZoomable:xu:aap', [0, false], 'WindowScaleHorizontal:yr:aaq', [1, NaN], 'WindowScaleVertical:ys:aar', [1, NaN]]);
         return XamDataChart;
     }(SeriesViewer));
     /**
@@ -22782,7 +22792,7 @@
                 if (this.ie == 0 && this.ii == 0) {
                     return a;
                 }
-                var d = new ScalerParams(0, c, this.db.wk, b.ch, this.getEffectiveViewport());
+                var d = new ScalerParams(0, c, this.db.wm, b.ch, this.getEffectiveViewport());
                 d.b = this.ix();
                 var e = b.el(a.c, d);
                 var f = b.el(a.b, d);
@@ -22802,7 +22812,7 @@
                 if (this.ig == 0 && this.ih == 0) {
                     return a;
                 }
-                var i = new ScalerParams(0, c, this.db.wk, b.ch, this.getEffectiveViewport());
+                var i = new ScalerParams(0, c, this.db.wm, b.ch, this.getEffectiveViewport());
                 i.b = this.ix();
                 var j = b.el(a.c, i);
                 var k = b.el(a.b, i);
@@ -23252,7 +23262,7 @@
                 if (this.db.v8.isEmpty) {
                     return this.db.v8;
                 }
-                var b = this.db.wd(a.bx, this.db.wk, this.db.v8);
+                var b = this.db.we(a.bx, this.db.wm, this.db.v8);
                 return b;
             }
             return this.db.v8;
@@ -23271,11 +23281,11 @@
                 if (this.db.v8.isEmpty) {
                     return a.bx;
                 }
-                if (this.db.v7.equals1(this.db.wk)) {
+                if (this.db.v7.equals1(this.db.wm)) {
                     return a.bx;
                 }
-                var b = this.db.wd(a.bx, this.db.wk, this.db.v8);
-                var c = this.db.wb(a.bx, b, this.db.v4);
+                var b = this.db.we(a.bx, this.db.wm, this.db.v8);
+                var c = this.db.wc(a.bx, b, this.db.v4);
                 return c;
             }
             return this.db.v7;
@@ -23617,7 +23627,7 @@
                         this.rh(igniteuiWebcomponentsCore.typeCast(igniteuiWebcomponentsCore.IFastItemsSourceProvider_$type, d));
                     }
                     if (this.index == -1) {
-                        this.index = XamDataChart.yr(this);
+                        this.index = XamDataChart.yt(this);
                     }
                     break;
                 case Series.$$p[40]:
@@ -23696,7 +23706,7 @@
                         this.re(null);
                     }
                     if (this.index == -1 || d == null) {
-                        this.index = XamDataChart.yr(this);
+                        this.index = XamDataChart.yt(this);
                     }
                     this.a5 = this.a6();
                     this.ow(igniteuiWebcomponentsCore.typeCast(SeriesViewer.$, c), igniteuiWebcomponentsCore.typeCast(SeriesViewer.$, d));
@@ -24756,7 +24766,7 @@
         Series.prototype.sc = function () {
             var a = (igniteuiWebcomponentsCore.typeCast(XamDataChart.$, this.db));
             if (a != null) {
-                this.h8 = igniteuiWebcomponentsCore.isNaN_(this.ij) ? a.w5.fp : this.ij;
+                this.h8 = igniteuiWebcomponentsCore.isNaN_(this.ij) ? a.w7.fp : this.ij;
             }
         };
         Series.prototype.se = function () {
@@ -26668,24 +26678,24 @@
                 if (b == a) {
                     if (!d) {
                         if (!b.fl()) {
-                            c.x = b.wl.x;
-                            c.width = b.wl.width;
+                            c.x = b.wn.x;
+                            c.width = b.wn.width;
                         }
                         if (!b.fm()) {
-                            c.y = b.wl.y;
-                            c.height = b.wl.height;
+                            c.y = b.wn.y;
+                            c.height = b.wn.height;
                         }
                     }
                 }
                 else {
                     var g = SyncManager.a(b);
                     if (g == null || !g.synchronizeHorizontally) {
-                        c.x = b.wl.x;
-                        c.width = b.wl.width;
+                        c.x = b.wn.x;
+                        c.width = b.wn.width;
                     }
                     if (g == null || !g.synchronizeVertically) {
-                        c.y = b.wl.y;
-                        c.height = b.wl.height;
+                        c.y = b.wn.y;
+                        c.height = b.wn.height;
                     }
                 }
                 var h = 0.5 * (c.left + c.right);
@@ -26695,8 +26705,8 @@
                 var l = igniteuiWebcomponentsCore.MathUtil.d(c.width, e, 1);
                 var m = igniteuiWebcomponentsCore.MathUtil.d(c.height, f, 1);
                 var n = false;
-                if (a.gg() && !a.wk.isEmpty) {
-                    var o = a.wk;
+                if (a.gg() && !a.wm.isEmpty) {
+                    var o = a.wm;
                     var p = o.width / o.height;
                     var q = l * o.width;
                     var r = m * o.height;
@@ -26839,7 +26849,7 @@
             }
             if (h != null) {
                 var j = new igniteuiWebcomponentsCore.Rect(0, 0, 0, 1, 1);
-                var k = new ScalerParams(0, j, j, h.ch, b.wd(j, b.wk, b.v8));
+                var k = new ScalerParams(0, j, j, h.ch, b.we(j, b.wm, b.v8));
                 k.b = a.ix();
                 var l = a.az(c);
                 var m = l == null || l.c == 1.7976931348623157E+308 || igniteuiWebcomponentsCore.isNaN_(l.c);
@@ -26882,7 +26892,7 @@
             }
             if (h != null) {
                 var j = new igniteuiWebcomponentsCore.Rect(0, 0, 0, 1, 1);
-                var k = new ScalerParams(0, j, j, h.ch, b.wd(j, b.wk, b.v8));
+                var k = new ScalerParams(0, j, j, h.ch, b.we(j, b.wm, b.v8));
                 k.b = a.ix();
                 var l = a.az(c);
                 var m = l == null || l.c == 1.7976931348623157E+308 || igniteuiWebcomponentsCore.isNaN_(l.c);
@@ -26931,8 +26941,8 @@
             try {
                 for (var _b = tslib.__values(igniteuiWebcomponentsCore.fromEnum(this.ad)), _c = _b.next(); !_c.done; _c = _b.next()) {
                     var a = _c.value;
-                    if (a.wl.isEmpty) {
-                        a.wl = this.aw(null, a, this.av);
+                    if (a.wn.isEmpty) {
+                        a.wn = this.aw(null, a, this.av);
                     }
                 }
             }
@@ -26956,8 +26966,8 @@
                 try {
                     for (var _b = tslib.__values(igniteuiWebcomponentsCore.fromEn(b.newItems)), _c = _b.next(); !_c.done; _c = _b.next()) {
                         var c = _c.value;
-                        if (c.wl.isEmpty) {
-                            c.wl = this.aw(null, c, this.av);
+                        if (c.wn.isEmpty) {
+                            c.wn = this.aw(null, c, this.av);
                         }
                     }
                 }
@@ -27016,7 +27026,7 @@
             try {
                 for (var _b = tslib.__values(igniteuiWebcomponentsCore.fromEnum(this.ai)), _c = _b.next(); !_c.done; _c = _b.next()) {
                     var c = _c.value;
-                    c.we = this.aw(a, c, b);
+                    c.wf = this.aw(a, c, b);
                 }
             }
             catch (e_126_1) {
@@ -27044,7 +27054,7 @@
                     for (var _b = tslib.__values(igniteuiWebcomponentsCore.fromEnum(this.ai)), _c = _b.next(); !_c.done; _c = _b.next()) {
                         var e = _c.value;
                         e.et = true;
-                        e.wl = this.ax(a, e, b, c);
+                        e.wn = this.ax(a, e, b, c);
                         e.et = false;
                     }
                 }
@@ -27536,8 +27546,8 @@
         Object.defineProperty(DataChartMouseButtonEventArgs.prototype, "chartPosition", {
             get: function () {
                 if (igniteuiWebcomponentsCore.isNaN_(this.j.x) && igniteuiWebcomponentsCore.isNaN_(this.j.y)) {
-                    this.j.x = this.plotAreaPosition.x - this.chart.wk.left;
-                    this.j.y = this.plotAreaPosition.y - this.chart.wk.top;
+                    this.j.x = this.plotAreaPosition.x - this.chart.wm.left;
+                    this.j.y = this.plotAreaPosition.y - this.chart.wm.top;
                 }
                 return this.j;
             },
@@ -27623,8 +27633,8 @@
         Object.defineProperty(ChartMouseEventArgs.prototype, "chartPosition", {
             get: function () {
                 if (igniteuiWebcomponentsCore.isNaN_(this.g.x) && igniteuiWebcomponentsCore.isNaN_(this.g.y)) {
-                    this.g.x = this.plotAreaPosition.x - this.chart.wk.left;
-                    this.g.y = this.plotAreaPosition.y - this.chart.wk.top;
+                    this.g.x = this.plotAreaPosition.x - this.chart.wm.left;
+                    this.g.y = this.plotAreaPosition.y - this.chart.wm.top;
                 }
                 return this.g;
             },
@@ -28135,7 +28145,7 @@
         AxisLabelPanelBaseView.prototype.ab = function (a) {
         };
         AxisLabelPanelBaseView.prototype.ay = function () {
-            return this.a.ad.bi.wn();
+            return this.a.ad.bi.wp();
         };
         AxisLabelPanelBaseView.prototype.v = function () {
             if (this.a.ad.bf != null && !igniteuiWebcomponentsCore.isNaN_(this.a.ad.bf.topMargin)) {
@@ -28182,7 +28192,7 @@
             })());
             if (this.a.ad != null && igniteuiWebcomponentsCore.typeCast(XamDataChart.$, this.a.ad.bg) !== null) {
                 var b = this.a.ad.bg;
-                if (b.xc && b.c0 != 2 && b.c0 != 1) {
+                if (b.xe && b.c0 != 2 && b.c0 != 1) {
                     a.a = true;
                 }
             }
@@ -28324,7 +28334,7 @@
                 if (a == null) {
                     return 0;
                 }
-                if (a != null && a.ww == 1) {
+                if (a != null && a.wy == 1) {
                     var c = 0;
                     for (var d = 0; d < this.a.bi.series.count; d++) {
                         if (this.a.bi.series._inner[d].isStacked) {
@@ -28399,7 +28409,7 @@
             })());
             if (igniteuiWebcomponentsCore.typeCast(XamDataChart.$, this.a.bg) !== null) {
                 var b = this.a.bg;
-                if (b.xc && b.c0 != 2 && b.c0 != 1) {
+                if (b.xe && b.c0 != 2 && b.c0 != 1) {
                     a.a = true;
                 }
             }
@@ -28422,7 +28432,7 @@
             })());
             if (igniteuiWebcomponentsCore.typeCast(XamDataChart.$, this.a.bg) !== null) {
                 var b = this.a.bg;
-                if (b.xc && b.c0 != 2 && b.c0 != 1) {
+                if (b.xe && b.c0 != 2 && b.c0 != 1) {
                     a.a = true;
                 }
             }
@@ -28442,7 +28452,7 @@
             })());
             if (igniteuiWebcomponentsCore.typeCast(XamDataChart.$, this.a.bg) !== null) {
                 var b = this.a.bg;
-                if (b.xc && b.c0 != 2 && b.c0 != 1) {
+                if (b.xe && b.c0 != 2 && b.c0 != 1) {
                     a.a = true;
                 }
             }
@@ -28572,7 +28582,7 @@
                     this.j.aa();
                     this.j.ab(this.a.bi.hi, this.a.bi.hi);
                 }
-                var b = this.a.bg.v9();
+                var b = this.a.bg.wa();
                 if (a) {
                     if (!this.j.e) {
                         this.j.l(b.left, b.top, b.width, b.height);
@@ -28602,7 +28612,7 @@
                     this.k.ab(this.a.bi.hi, this.a.bi.hi);
                 }
                 var c = this.bb;
-                var d = this.a.bg.v9();
+                var d = this.a.bg.wa();
                 if (!c.isEmpty && a) {
                     if (!this.k.e) {
                         this.k.l(d.left, d.top, d.width, d.height);
@@ -28715,7 +28725,7 @@
             if (this.a.bi == null) {
                 return;
             }
-            var a = this.a.bi.w5;
+            var a = this.a.bi.w7;
             var b = a.fv;
             var c = a.fu;
             if (this.a.j2 == null) {
@@ -29014,7 +29024,7 @@
             return a;
         };
         VerticalAxisLabelPanelView.prototype.ay = function () {
-            return this.a.ad.bi.wo();
+            return this.a.ad.bi.wq();
         };
         VerticalAxisLabelPanelView.prototype.at = function () {
             var a = this.a.ad.bg.getFontBrush();
@@ -29121,10 +29131,10 @@
             if (igniteuiWebcomponentsCore.isNaN_(this.p.h2)) {
                 this.p.h2 = g[3];
             }
-            this.fn.aas = f.i;
-            this.fn.aaq = AxisDefaults.h;
-            this.fn.aar = AxisDefaults.i;
-            this.fn.xc = e;
+            this.fn.aau = f.i;
+            this.fn.aas = AxisDefaults.h;
+            this.fn.aat = AxisDefaults.i;
+            this.fn.xe = e;
             this.fv = a;
             this.fu = b;
             this.fn.ag = f.a;
@@ -29322,7 +29332,7 @@
             var d = igniteuiWebcomponentsCore.typeCast(XamDataChart.$, this.e.c9);
             var e = 0;
             if (d != null) {
-                if (d.ww == 2 || d.ww == 0) {
+                if (d.wy == 2 || d.wy == 0) {
                     e = d.axes.count;
                 }
             }
@@ -29414,7 +29424,7 @@
                 this.bu = this.bx;
             }
             var b = this.bu;
-            var c = this.e.db.v9();
+            var c = this.e.db.wa();
             var d = c.left;
             var e = c.top;
             var f = c.width;
@@ -29644,7 +29654,7 @@
                 return this.bw;
             }
             else if (this.q) {
-                return XamDataChart.wg;
+                return XamDataChart.wh;
             }
             else {
                 return this.e.db != null ? this.e.db.v4 : igniteuiWebcomponentsCore.Rect.empty;
@@ -30420,7 +30430,7 @@
                 case AnnotationLayer.$$p[15]:
                     if (this.ff) {
                         if (this.index == -1) {
-                            this.index = XamDataChart.yr(this);
+                            this.index = XamDataChart.yt(this);
                         }
                     }
                     else {
@@ -35814,7 +35824,7 @@
         };
         CalloutLayer.prototype.ax = function (a, b, c) {
             var d = this.getEffectiveViewport();
-            var e = this.db.wk;
+            var e = this.db.wm;
             var f = this.ws();
             var g = 0;
             if (b.cp) {
@@ -48356,7 +48366,7 @@
             if (igniteuiWebcomponentsCore.isNaN_(c) || igniteuiWebcomponentsCore.isNaN_(d)) {
                 return;
             }
-            this.bi.wl = new igniteuiWebcomponentsCore.Rect(0, this.bi.wl.x, d, this.bi.wl.width, c - d);
+            this.bi.wn = new igniteuiWebcomponentsCore.Rect(0, this.bi.wn.x, d, this.bi.wn.width, c - d);
         };
         NumericYAxis.prototype.k2 = function () {
             var _this = this;
@@ -48771,7 +48781,7 @@
             }
             var c = a / this.kv.count;
             var d = (b + 1) / this.kv.count;
-            this.bi.wl = new igniteuiWebcomponentsCore.Rect(0, c, this.bi.wl.y, d - c, this.bi.wl.height);
+            this.bi.wn = new igniteuiWebcomponentsCore.Rect(0, c, this.bi.wn.y, d - c, this.bi.wn.height);
         };
         CategoryXAxis.prototype.ic = function (a) {
             _super.prototype.ic.call(this, a);
@@ -49026,13 +49036,13 @@
             var b = igniteuiWebcomponentsCore.MathUtil.a(a) && a > 0;
             var c = this.kv.count;
             if (c > 0 && b) {
-                var d = this.bi.wk.width;
+                var d = this.bi.wm.width;
                 var e = igniteuiWebcomponentsCore.isNaN_(d) || igniteuiWebcomponentsCore.isInfinity(d);
                 if (e) {
                     return NaN;
                 }
                 var f = new igniteuiWebcomponentsCore.Rect(0, 0, 0, 1, 1);
-                var g = this.bi.wk;
+                var g = this.bi.wm;
                 var h = this.getCategorySize(f, g, g);
                 var i = igniteuiWebcomponentsCore.isNaN_(h) || igniteuiWebcomponentsCore.isInfinity(h);
                 if (i) {
@@ -49049,13 +49059,13 @@
             var b = igniteuiWebcomponentsCore.MathUtil.a(a) && a > 0;
             var c = this.kv.count;
             if (c > 0 && b) {
-                var d = this.bi.wk.width;
+                var d = this.bi.wm.width;
                 var e = igniteuiWebcomponentsCore.isNaN_(d) || igniteuiWebcomponentsCore.isInfinity(d);
                 if (e) {
                     return NaN;
                 }
                 var f = new igniteuiWebcomponentsCore.Rect(0, 0, 0, 1, 1);
-                var g = this.bi.wk;
+                var g = this.bi.wm;
                 var h = this.k8(f, g, g);
                 var i = a / h;
                 var j = Math.min(1, 1 / i);
@@ -69253,12 +69263,12 @@
             return f;
         };
         CategorySeries.prototype.aab = function (a, b, c, d, e) {
-            var f = this.wq(a);
+            var f = this.db.wj(this.db.v9(a));
             var g = this.yr();
             var h = this.y8();
             var i = this.fetchXAxis();
             var j = g == i;
-            var k = this.wi(this.cv);
+            var k = this.db.wc(this.wr, this.getEffectiveViewport(), f);
             var l, m;
             var n = this.aaa(f, g, j, k, l, m);
             l = n.p4;
@@ -69292,7 +69302,7 @@
             }
         };
         CategorySeries.prototype.z9 = function (a, b, c, d, e, f) {
-            var g = new ScalerParams(0, a, this.db.wk, b.ch, this.getEffectiveViewport());
+            var g = new ScalerParams(0, a, this.db.wm, b.ch, this.getEffectiveViewport());
             var h = c ? (b.ch ? d.top : d.bottom) : (b.ch ? d.right : d.left);
             var i = c ? (b.ch ? d.bottom : d.top) : (b.ch ? d.left : d.right);
             e = b.eo(h, g);
@@ -69303,7 +69313,7 @@
             };
         };
         CategorySeries.prototype.aaa = function (a, b, c, d, e, f) {
-            var g = new ScalerParams(0, a, this.db.wk, b.ch, this.getEffectiveViewport());
+            var g = new ScalerParams(0, a, this.db.wm, b.ch, this.getEffectiveViewport());
             var h = c ? (b.ch ? d.right : d.left) : (b.ch ? d.top : d.bottom);
             var i = c ? (b.ch ? d.left : d.right) : (b.ch ? d.bottom : d.top);
             var j = b.eo(h, g);
@@ -70123,7 +70133,7 @@
             }
             var b = this.wi(this.cv);
             var c = this.yr();
-            var d = new ScalerParams(0, a, this.db.wk, c.ch, this.getEffectiveViewport());
+            var d = new ScalerParams(0, a, this.db.wm, c.ch, this.getEffectiveViewport());
             var e = (c.eo(b.left, d));
             var f = (c.eo(b.right, d));
             if (c.ch) {
@@ -74871,7 +74881,7 @@
                     if (this.yAxis == null) {
                         return b;
                     }
-                    var c = this.yAxis.eo(b, new ScalerParams(1, this.db.wl, this.db.wk, this.yAxis.ch));
+                    var c = this.yAxis.eo(b, new ScalerParams(1, this.db.wn, this.db.wm, this.yAxis.ch));
                     if (c < this.yAxis.me) {
                         return a[2];
                     }
@@ -74880,7 +74890,7 @@
                     }
                 case 4:
                     var d = (a[1] + a[2]) / 2;
-                    var e = this.yAxis.eo(d, new ScalerParams(1, this.db.wl, this.db.wk, this.yAxis.ch));
+                    var e = this.yAxis.eo(d, new ScalerParams(1, this.db.wn, this.db.wm, this.yAxis.ch));
                     if (this.yAxis == null) {
                         return d;
                     }
@@ -79660,8 +79670,8 @@
         Object.defineProperty(DomainChartSeriesPointerEventArgs.prototype, "chartPosition", {
             get: function () {
                 if (igniteuiWebcomponentsCore.isNaN_(this.e.x) && igniteuiWebcomponentsCore.isNaN_(this.e.y)) {
-                    this.e.x = this.plotAreaPosition.x - this.series.c9.wk.left;
-                    this.e.y = this.plotAreaPosition.y - this.series.c9.wk.top;
+                    this.e.x = this.plotAreaPosition.x - this.series.c9.wm.left;
+                    this.e.y = this.plotAreaPosition.y - this.series.c9.wm.top;
                 }
                 return this.e;
             },
@@ -79715,8 +79725,8 @@
         Object.defineProperty(DomainChartPlotAreaPointerEventArgs.prototype, "chartPosition", {
             get: function () {
                 if (igniteuiWebcomponentsCore.isNaN_(this.b.x) && igniteuiWebcomponentsCore.isNaN_(this.b.y)) {
-                    this.b.x = this.plotAreaPosition.x - this.a.wk.left;
-                    this.b.y = this.plotAreaPosition.y - this.a.wk.top;
+                    this.b.x = this.plotAreaPosition.x - this.a.wm.left;
+                    this.b.y = this.plotAreaPosition.y - this.a.wm.top;
                 }
                 return this.b;
             },
@@ -81666,7 +81676,7 @@
             if (this.dataChart == null) {
                 return null;
             }
-            return this.dataChart.ys();
+            return this.dataChart.yu();
         };
         DomainChart.prototype.vb = function (a, b) {
         };
@@ -83027,8 +83037,8 @@
             a.ai = this.ac;
             a.bg = this.cv;
             a.legend = this.legend;
-            a.xg = this.g3;
-            a.xj = this.hb && this.ha;
+            a.xi = this.g3;
+            a.xl = this.hb && this.ha;
             a.f6 = this.hg;
             if (c) {
                 if (this.am != null && this.am.count > 0) {
@@ -83121,8 +83131,8 @@
                 a.i7 = this.li;
                 a.i3 = this.lf;
             }
-            a.w1 = this.dp;
-            a.w4 = this.dr;
+            a.w3 = this.dp;
+            a.w6 = this.dr;
             if (this.ch != null) {
                 if (!this.f5) {
                     this.uc(this.ch);
@@ -83136,18 +83146,18 @@
                 a.by = this.dk;
                 a.bw = this.di;
             }
-            a.wu = this.ba();
+            a.ww = this.ba();
             if (!igniteuiWebcomponentsCore.isNaN_(this.j2)) {
-                a.yl = this.j2;
+                a.yn = this.j2;
             }
             if (!igniteuiWebcomponentsCore.isNaN_(this.j4)) {
-                a.yn = this.j4;
+                a.yp = this.j4;
             }
             if (!igniteuiWebcomponentsCore.isNaN_(this.j3)) {
-                a.ym = this.j3;
+                a.yo = this.j3;
             }
             if (!igniteuiWebcomponentsCore.isNaN_(this.j1)) {
-                a.yk = this.j1;
+                a.ym = this.j1;
             }
             a.bd = this.cn;
             a.seriesMouseEnter = igniteuiWebcomponentsCore.delegateCombine(a.seriesMouseEnter, function (f, g) { return _this.wg(g.series, g.item, g.plotAreaPosition); });
@@ -83166,7 +83176,7 @@
             a.plotAreaMouseLeftButtonDown = igniteuiWebcomponentsCore.delegateCombine(a.plotAreaMouseLeftButtonDown, function (f, g) { return _this.v6(g.plotAreaPosition); });
             a.plotAreaMouseLeftButtonUp = igniteuiWebcomponentsCore.delegateCombine(a.plotAreaMouseLeftButtonUp, function (f, g) { return _this.wa(g.plotAreaPosition); });
             if (c) {
-                a.wl = this.y5;
+                a.wn = this.y5;
             }
             if (c) {
                 a.l3 = this.sz;
@@ -83176,7 +83186,7 @@
                 a.lr = this.so;
             }
             a.uz = this.w3;
-            a.xc = this.gf;
+            a.xe = this.gf;
             a.ek = this.gg;
             a.h2 = this.jx;
             a.h7 = this.j6;
@@ -83476,28 +83486,28 @@
                     this.vk(function (d) { return d.be = _this.cp; });
                     break;
                 case "PlotAreaMarginLeft":
-                    this.vk(function (d) { return d.yl = _this.j2; });
+                    this.vk(function (d) { return d.yn = _this.j2; });
                     break;
                 case "PlotAreaMarginTop":
-                    this.vk(function (d) { return d.yn = _this.j4; });
+                    this.vk(function (d) { return d.yp = _this.j4; });
                     break;
                 case "PlotAreaMarginRight":
-                    this.vk(function (d) { return d.ym = _this.j3; });
+                    this.vk(function (d) { return d.yo = _this.j3; });
                     break;
                 case "PlotAreaMarginBottom":
-                    this.vk(function (d) { return d.yk = _this.j1; });
+                    this.vk(function (d) { return d.ym = _this.j1; });
                     break;
                 case "ComputedPlotAreaMarginMode":
-                    this.vk(function (d) { return d.wu = _this.ba(); });
+                    this.vk(function (d) { return d.ww = _this.ba(); });
                     break;
                 case "IsHorizontalZoomEnabled":
-                    this.vk(function (d) { return d.xg = _this.g3; });
+                    this.vk(function (d) { return d.xi = _this.g3; });
                     break;
                 case "IsVerticalZoomEnabled":
-                    this.vk(function (d) { return d.xj = _this.hb; });
+                    this.vk(function (d) { return d.xl = _this.hb; });
                     break;
                 case "WindowRect":
-                    this.vl(function (d) { return d.wl = _this.y5; }, false);
+                    this.vl(function (d) { return d.wn = _this.y5; }, false);
                     break;
                 case "WindowRectMinWidth":
                     this.vl(function (d) { return d.it = _this.kr; }, false);
@@ -83615,7 +83625,7 @@
                     this.vk(function (f) { return f.ai = _this.ac; });
                     break;
                 case "AlignsGridLinesToPixels":
-                    this.vk(function (f) { return f.xc = _this.gf; });
+                    this.vk(function (f) { return f.xe = _this.gf; });
                     break;
                 case "AnimateSeriesWhenAxisRangeChanges":
                     this.vk(function (f) { return f.ek = _this.gg; });
@@ -84498,7 +84508,7 @@
         });
         Object.defineProperty(DomainChart.prototype, "y4", {
             get: function () {
-                return this.dataChart != null ? this.dataChart.wk : igniteuiWebcomponentsCore.Rect.empty;
+                return this.dataChart != null ? this.dataChart.wm : igniteuiWebcomponentsCore.Rect.empty;
             },
             enumerable: false,
             configurable: true
@@ -88293,11 +88303,11 @@
         CategoryChart.prototype.u0 = function (a, b) {
             _super.prototype.u0.call(this, a, b);
             a.ek = this.gg;
-            a.xm = this.ah6;
-            a.xp = this.ah7;
-            a.yc = this.aiv;
-            a.yd = this.aiw;
-            a.wr = this.ag4;
+            a.xo = this.ah6;
+            a.xr = this.ah7;
+            a.ye = this.aiv;
+            a.yf = this.aiw;
+            a.wt = this.ag4;
         };
         CategoryChart.prototype.u6 = function (a, b) {
             _super.prototype.u6.call(this, a, b);
@@ -88562,7 +88572,7 @@
         });
         CategoryChart.prototype.ak0 = function () {
             if (this.dataChart != null) {
-                this.dataChart.zx();
+                this.dataChart.zz();
             }
         };
         Object.defineProperty(CategoryChart.prototype, "ah6", {
@@ -89021,7 +89031,7 @@
             this.xAxis.f2 = this.ack == null ? XYChart.acw(this.xAxis, this.bf.dataSeries) : this.ack;
             this.xAxis.itemsSource = this.dataChart != null && this.dataChart.series.count > 0 ? this.dataChart.series._inner[0].itemsSource : null;
             if (this.ah6) {
-                this.vk(function (a) { return a.zx(); });
+                this.vk(function (a) { return a.zz(); });
             }
         };
         Object.defineProperty(CategoryChart.prototype, "xAxis", {
@@ -89306,19 +89316,19 @@
                     this.ur();
                     break;
                 case "AutoMarginAndAngleUpdateMode":
-                    this.vk(function (d) { return d.wr = _this.ag4; });
+                    this.vk(function (d) { return d.wt = _this.ag4; });
                     break;
                 case "ShouldAutoExpandMarginForInitialLabels":
-                    this.vk(function (d) { return d.xm = _this.ah6; });
+                    this.vk(function (d) { return d.xo = _this.ah6; });
                     break;
                 case CategoryChart.aj3:
-                    this.vk(function (d) { return d.xp = _this.ah7; });
+                    this.vk(function (d) { return d.xr = _this.ah7; });
                     break;
                 case "AutoExpandMarginExtraPadding":
-                    this.vk(function (d) { return d.yc = _this.aiv; });
+                    this.vk(function (d) { return d.ye = _this.aiv; });
                     break;
                 case "AutoExpandMarginMaximumValue":
-                    this.vk(function (d) { return d.yd = _this.aiw; });
+                    this.vk(function (d) { return d.yf = _this.aiw; });
                     break;
                 case CategoryChart.aka:
                     this.afe(function (d) { return d.b1 = _this.ah8; }, a);
@@ -101168,7 +101178,7 @@
             var k = c * j;
             var l = Math.min(k + c, d.count - 1);
             var m = a.wi(a.cv);
-            var n = new ScalerParams(0, a.db.wl, a.db.wk, f.ch, a.db.v8);
+            var n = new ScalerParams(0, a.db.wn, a.db.wm, f.ch, a.db.v8);
             var o = m.top;
             var p = m.bottom;
             var q = o + (p - o) * b.y;
@@ -102240,7 +102250,7 @@
             var e = a / d;
             var f = this.owner.v4;
             var g = new igniteuiWebcomponentsCore.Rect(0, f.left, f.top + e, f.width, f.height);
-            this.owner.wl = g;
+            this.owner.wn = g;
         };
         SeriesViewerScrollbarManager.prototype.bg = function (a) {
             var b = this.bx;
@@ -102249,7 +102259,7 @@
             var e = a / d;
             var f = this.owner.v4;
             var g = new igniteuiWebcomponentsCore.Rect(0, f.left + e, f.top, f.width, f.height);
-            this.owner.wl = g;
+            this.owner.wn = g;
         };
         SeriesViewerScrollbarManager.prototype.onScrollbarDragComplete = function (a, b) {
             this.j = false;
@@ -102419,7 +102429,7 @@
             return _this;
         }
         TileZoomManager.prototype.ai = function () {
-            this.av = this.e.wk;
+            this.av = this.e.wm;
             this.ao = this.ap(this.av);
             var a = this.s();
             this.ac();
@@ -102631,7 +102641,7 @@
             return c;
         };
         TileZoomManager.prototype.ar = function () {
-            var a = this.e.wk;
+            var a = this.e.wm;
             var b = this.e.v8;
             if (b.isEmpty) {
                 return new igniteuiWebcomponentsCore.Rect(0, 0, 0, 1, 1);
@@ -103127,7 +103137,7 @@
             }
             a.oa(c);
             var k = a.c0 == 0 && !a.e4 && (a.er || f) && !g && !h;
-            var l = a.wk;
+            var l = a.wm;
             var m = a.v8;
             if (k && !igniteuiWebcomponentsCore.isNaN_(b.x) && !l.isEmpty) {
                 var n = ViewportUtils.e(b.x, a.v4, l, m);
@@ -103169,7 +103179,7 @@
             }
         };
         SeriesViewerInteractionManager.prototype.f$t = function (a, b) {
-            if (b.x >= 0 && b.y >= 0 && b.x <= a.wk.width && b.y <= a.wk.height) {
+            if (b.x >= 0 && b.y >= 0 && b.x <= a.wm.width && b.y <= a.wm.height) {
                 this.ak(a, b);
             }
             else {
@@ -103179,7 +103189,7 @@
         SeriesViewerInteractionManager.prototype.ak = function (a, b) {
             var e_1, _a;
             var c = a.c9;
-            var d = a.wk;
+            var d = a.wm;
             if (a.e5 || a.e4) {
                 return;
             }
@@ -103325,7 +103335,7 @@
                 this.t = this.r;
             }
             var g = a.v4;
-            var h = a.wk;
+            var h = a.wm;
             var i = b.x - this.v;
             var j = b.y - this.w;
             this.v = b.x;
@@ -103392,7 +103402,7 @@
             a.nw();
         };
         SeriesViewerInteractionManager.prototype.aa = function (a, b) {
-            var c = a.wl;
+            var c = a.wn;
             var d = 1 / b;
             var e = { $type: igniteuiWebcomponentsCore.Point_$type, x: c.x + c.width / 2, y: c.y + c.height / 2 };
             var f = { $type: igniteuiWebcomponentsCore.Point_$type, x: c.x - e.x, y: c.y - e.y };
@@ -103400,8 +103410,8 @@
             a.rx(g, true);
         };
         SeriesViewerInteractionManager.prototype.ac = function (a, b) {
-            var c = a.wk;
-            var d = a.wl;
+            var c = a.wm;
+            var d = a.wn;
             var e = b - this.u;
             if (e != 0) {
                 var f = 0.03;
@@ -103492,7 +103502,7 @@
                     break;
             }
             this.as = a.v4;
-            a.wm = a.v4;
+            a.wo = a.v4;
         };
         SeriesViewerInteractionManager.prototype.f$an = function (a) {
             a.ri();
@@ -103597,7 +103607,7 @@
             }
             if (a.c0 == 3) {
                 if (f) {
-                    var j = a.wi(h);
+                    var j = a.wk(h);
                     a.qf(j, true);
                 }
                 else {
@@ -103608,7 +103618,7 @@
             }
             if (this.o(a)) {
                 if (f) {
-                    var k = a.wi(h);
+                    var k = a.wk(h);
                     a.qf(k, true);
                 }
                 else {
@@ -103617,7 +103627,7 @@
                 a.op(g);
                 d.eg(h);
             }
-            var l = a.wk;
+            var l = a.wm;
             var m = a.v4;
             if (this.p(a)) {
                 var n = l;
@@ -103651,7 +103661,7 @@
             if (c) {
                 f = 10;
             }
-            var g = a.wk;
+            var g = a.wm;
             var h = a.v4;
             if (!d) {
                 if (this.l) {
@@ -103676,7 +103686,7 @@
                     a.oo();
                     e.cf();
                     if (i) {
-                        a.rx(a.wi(j), true);
+                        a.rx(a.wk(j), true);
                     }
                 }
                 if (a.c0 == 2) {
@@ -104031,8 +104041,8 @@
         SeriesViewerInteractionManager.prototype.f$h = function (a, b, c) {
             var d = a.c9;
             var e = a.v4;
-            var f = e.left + e.width * b.x / a.wk.width;
-            var g = e.top + e.height * b.y / a.wk.height;
+            var f = e.left + e.width * b.x / a.wm.width;
+            var g = e.top + e.height * b.y / a.wm.height;
             var h = 1 - igniteuiWebcomponentsCore.MathUtil.d(c, -0.5, 0.5);
             var i = Math.max(0, f - h * (f - e.left));
             var j = Math.min(1, g + h * (e.bottom - g));
@@ -104048,8 +104058,8 @@
         };
         SeriesViewerInteractionManager.prototype.f$r = function (a, b) {
             var c = a.v4;
-            var d = c.left + c.width * b.x / a.wk.width;
-            var e = c.top + c.height * b.y / a.wk.height;
+            var d = c.left + c.width * b.x / a.wm.width;
+            var e = c.top + c.height * b.y / a.wm.height;
             var f = 0.7;
             var g = Math.max(0, d - f * (d - c.left));
             var h = Math.min(1, e + f * (c.bottom - e));
@@ -104225,7 +104235,7 @@
             if (this.l) {
                 return true;
             }
-            if (c >= a.wk.left && d >= a.wk.top && c <= a.wk.left + a.wk.width && d <= a.wk.top + a.wk.height) {
+            if (c >= a.wm.left && d >= a.wm.top && c <= a.wm.left + a.wm.width && d <= a.wm.top + a.wm.height) {
                 var e = a.c2;
                 if (e != null && e.viewShouldInteract(b)) {
                     return false;
@@ -106244,7 +106254,7 @@
                     for (var e = 0; e < d.axes.count; e++) {
                         var f = d.axes._inner[e];
                         if (!this.r.d(f)) {
-                            this.f(f, d.aaq);
+                            this.f(f, d.aas);
                         }
                         f.et = 0;
                     }
@@ -106267,7 +106277,7 @@
                             }
                         }
                         if (j) {
-                            var k = this.f(i, g.aaq);
+                            var k = this.f(i, g.aas);
                             i.jz = k.b;
                             i.et = k.a;
                         }
@@ -107568,7 +107578,7 @@
                         c.agc = this.ag;
                     }
                     else {
-                        c.agc = c.dataChart.aaq;
+                        c.agc = c.dataChart.aas;
                     }
                 }
             }
@@ -112456,7 +112466,7 @@
             var h = 0.5 * this.n7;
             var i = 0.5 * this.n6;
             var j, k;
-            if (igniteuiWebcomponentsCore.Rect.l_op_Equality(b, SeriesViewer.wg)) {
+            if (igniteuiWebcomponentsCore.Rect.l_op_Equality(b, SeriesViewer.wh)) {
                 k = this.l3;
                 j = this.l4;
             }
@@ -114860,7 +114870,7 @@
             var e = this.cv.bx;
             var f = this.cv.getEffectiveViewport();
             var g, h;
-            var i = this.y7.f(a, d, e, f, g, h);
+            var i = this.y7.f(this.db.v9(a), d, e, f, g, h);
             g = i.p4;
             h = i.p5;
             if (g == -1 || h == -1) {
@@ -115772,7 +115782,7 @@
             var d = this.getEffectiveViewport1(this.cv);
             var e = this.aci(this.yy, this.cv.by, this.cv.bx, d);
             var f = new ScalerParams(0, this.cv.by, this.cv.bx, this.yy.ch, d);
-            f.c = this.db.wk;
+            f.c = this.db.wm;
             var g = this.ab7;
             if (this.acc && igniteuiWebcomponentsCore.typeCast(FastItemCoalescingColumn.$, g) !== null) {
                 g = new FastItemCoalescingColumn(this.yy, g.c, false);
@@ -115794,7 +115804,7 @@
                 var i = this.j7(a, c);
                 var j = this.aci(this.yy, this.cv.by, this.cv.bx, d);
                 var k = new ScalerParams(0, this.cv.by, this.cv.bx, this.yy.ch, d);
-                k.c = this.db.wk;
+                k.c = this.db.wm;
                 var l = this.io(a, h, this.yy, k, j);
                 var m = this.io(a, i, this.yy, k, j);
                 if (this.yy.cl) {
@@ -116118,10 +116128,10 @@
             var e = this.cv.by;
             var f = this.cv.bx;
             var g = this.getEffectiveViewport1(this.cv);
-            var h = this.wi(this.cv);
+            var h = this.db.wc(this.wr, this.getEffectiveViewport(), e);
             var i = this.y4.k5(f, e, g, h);
             var j = this.yy != null && this.yy.cl;
-            var k = new igniteuiWebcomponentsCore.CollisionRect(0, a);
+            var k = new igniteuiWebcomponentsCore.CollisionRect(0, this.db.v9(a));
             var _loop_1 = function (l) {
                 var m = igniteuiWebcomponentsCore.typeCast(RadialBaseView.$, this_1.cv);
                 var n = m.cx.getBucket(l);
@@ -117314,7 +117324,7 @@
             var d = this.cv.by;
             var e = this.cv.bx;
             var f = this.getEffectiveViewport1(this.cv);
-            var g = this.wi(this.cv);
+            var g = this.db.wc(this.wr, this.getEffectiveViewport(), d);
             var h = this.y4.k5(e, d, f, g);
             var i = { $type: igniteuiWebcomponentsCore.Point_$type, x: 0.5, y: 0.5 };
             var j = this.y4;
@@ -117323,7 +117333,7 @@
             l = Math.max(l, h.minLength);
             var m = this.yy.k8(d, e, f);
             var n = this.yy != null && this.yy.cl;
-            var o = new igniteuiWebcomponentsCore.CollisionRect(0, a);
+            var o = new igniteuiWebcomponentsCore.CollisionRect(0, this.db.v9(a));
             var _loop_2 = function (p) {
                 var q = igniteuiWebcomponentsCore.typeCast(RadialBaseView.$, this_2.cv);
                 var r = q.cx.getBucket(p);
@@ -122987,7 +122997,7 @@
                         c.agc = this.ag;
                     }
                     else {
-                        c.agc = c.dataChart.aaq;
+                        c.agc = c.dataChart.aas;
                     }
                 }
             }
@@ -138435,7 +138445,7 @@
             }
             var c = (a.getTime() - this.actualMinimumValue.getTime()) / (this.actualMaximumValue.getTime() - this.actualMinimumValue.getTime());
             var d = (b.getTime() - this.actualMinimumValue.getTime()) / (this.actualMaximumValue.getTime() - this.actualMinimumValue.getTime());
-            this.bi.wl = new igniteuiWebcomponentsCore.Rect(0, c, this.bi.wl.y, d - c, this.bi.wl.height);
+            this.bi.wn = new igniteuiWebcomponentsCore.Rect(0, c, this.bi.wn.y, d - c, this.bi.wn.height);
         };
         CategoryDateTimeXAxis.prototype.hz = function (a, b, c, d) {
             _super.prototype.hz.call(this, a, b, c, d);
@@ -139900,7 +139910,7 @@
             var a = new igniteuiWebcomponentsCore.List$1(TimeAxisBreak.$, 1, this.n8(this.breaks));
             a.aa(function (b, c) { return b.d < c.d ? -1 : b.d > c.d ? 1 : 0; });
             var b = this.bi.v4;
-            var c = new ScalerParams(0, this.bi.v4, this.bi.wk, this.ch, this.bi.v8);
+            var c = new ScalerParams(0, this.bi.v4, this.bi.wm, this.ch, this.bi.v8);
             var d = +(this.actualMaximumValue) - +(this.actualMinimumValue) - this.omission;
             var e = 0;
             try {
@@ -140587,10 +140597,10 @@
         });
         TimeXAxis.prototype.nn = function () {
             _super.prototype.nn.call(this);
-            if (this.bi == null || !igniteuiWebcomponentsCore.Extensions.b(this.bi.wk)) {
+            if (this.bi == null || !igniteuiWebcomponentsCore.Extensions.b(this.bi.wm)) {
                 return;
             }
-            var a = new ScalerParams(0, this.bi.v4, this.bi.wk, this.ch, this.bi.v8);
+            var a = new ScalerParams(0, this.bi.v4, this.bi.wm, this.ch, this.bi.v8);
             var b = this.kb();
             var c = b.left;
             var d = b.right;
@@ -140663,7 +140673,7 @@
             }
             var i = c.item(g);
             var j = c.item(h);
-            var k = new ScalerParams(0, this.bi.wl, this.kh, this.ch, this.bi.v8);
+            var k = new ScalerParams(0, this.bi.wn, this.kh, this.ch, this.bi.v8);
             this.startCursor();
             var l = this.el(i.getTime(), k);
             var m = this.el(a, k);
@@ -141175,7 +141185,7 @@
                 return;
             }
             var b = this.kb();
-            var c = new ScalerParams(1, this.bi.wl, this.bi.wk, this.ch);
+            var c = new ScalerParams(1, this.bi.wn, this.bi.wm, this.ch);
             c.c = this.kc();
             var d = this.eo(b.left, c);
             var e = this.eo(b.right, c);
@@ -146234,7 +146244,7 @@
             var d = this.getEffectiveViewport1(this.cv);
             var e = this.yw(this.cv.by, this.cv.bx, d);
             var f = new ScalerParams(0, this.cv.by, this.cv.bx, this.w5.ch, d);
-            f.c = this.db.wk;
+            f.c = this.db.wm;
             return this.i6(this.indicatorColumn, a, this.w5, f, e, igniteuiWebcomponentsCore.runOn(this, this.yv), b, c);
         };
         FinancialIndicator.prototype.j9 = function (a, b) {
@@ -158013,7 +158023,7 @@
             var d = this.getEffectiveViewport1(this.cv);
             var e = this.yw(this.cv.by, this.cv.bx, d);
             var f = new ScalerParams(0, this.cv.by, this.cv.bx, this.w5.ch, d);
-            f.c = this.db.wk;
+            f.c = this.db.wm;
             return this.i6(this.aa5, a, this.w5, f, e, igniteuiWebcomponentsCore.runOn(this, this.yv), b, c);
         };
         BollingerBandsOverlay.prototype.j9 = function (a, b) {
@@ -158990,7 +159000,7 @@
                 return null;
             }
             var b = this.wi(this.cv);
-            var c = new ScalerParams(0, a, this.db.wk, this.w5.ch, this.getEffectiveViewport());
+            var c = new ScalerParams(0, a, this.db.wm, this.w5.ch, this.getEffectiveViewport());
             var d = (this.w5.eo(b.left, c));
             var e = (this.w5.eo(b.right, c));
             if (this.w5.ch) {
@@ -159741,10 +159751,10 @@
             return c.toArray();
         };
         FinancialPriceSeries.prototype.p3 = function (a, b, c) {
-            var d = this.wq(a);
+            var d = this.db.wj(this.db.v9(a));
             var e = this.xo;
             var f = this.w5;
-            var g = this.wi(this.cv);
+            var g = this.db.wc(this.wr, this.getEffectiveViewport(), d);
             var h, i;
             var j = this.abu(d, f, true, g, h, i);
             h = j.p4;
@@ -159761,7 +159771,7 @@
             }
         };
         FinancialPriceSeries.prototype.abu = function (a, b, c, d, e, f) {
-            var g = new ScalerParams(0, a, this.db.wk, this.w5.ch, this.getEffectiveViewport());
+            var g = new ScalerParams(0, a, this.db.wm, this.w5.ch, this.getEffectiveViewport());
             var h = (this.w5.eo(d.left, g));
             var i = (this.w5.eo(d.right, g));
             if (this.w5.ch) {
@@ -159786,7 +159796,7 @@
             };
         };
         FinancialPriceSeries.prototype.abt = function (a, b, c, d, e, f) {
-            var g = new ScalerParams(0, a, this.db.wk, b.ch, this.getEffectiveViewport());
+            var g = new ScalerParams(0, a, this.db.wm, b.ch, this.getEffectiveViewport());
             var h = c ? (b.ch ? d.top : d.bottom) : (b.ch ? d.left : d.right);
             var i = c ? (b.ch ? d.bottom : d.top) : (b.ch ? d.right : d.left);
             e = b.eo(h, g);
@@ -171188,7 +171198,7 @@
             var a = this.ajg;
             a.windowRectChanged = igniteuiWebcomponentsCore.delegateCombine(a.windowRectChanged, function (a, b) {
                 if (_this.dataChart != null) {
-                    _this.dataChart.wl = new igniteuiWebcomponentsCore.Rect(0, _this.ajg.windowRect.left, _this.dataChart.v4.top, _this.ajg.windowRect.width, _this.dataChart.v4.height);
+                    _this.dataChart.wn = new igniteuiWebcomponentsCore.Rect(0, _this.ajg.windowRect.left, _this.dataChart.v4.top, _this.ajg.windowRect.width, _this.dataChart.v4.height);
                 }
             });
             this.aou();
@@ -171267,7 +171277,7 @@
                 this.ag9 = a.d;
                 this.aha = a.e;
                 this.ag8 = a.d;
-                this.aqd = this.dataChart.aaq;
+                this.aqd = this.dataChart.aas;
             }
             var b = new igniteuiWebcomponentsCore.BrushCollection();
             b.add(((function () {
@@ -171361,8 +171371,8 @@
                 return;
             }
             var a = this.lt.rootWrapper.width();
-            var b = this.dataChart.wk.left + this.dataChart.wk.width;
-            var c = this.dataChart.wk.left;
+            var b = this.dataChart.wm.left + this.dataChart.wm.width;
+            var c = this.dataChart.wm.left;
             var d = a - b;
             this.ajg.startInset = c - this.ajg.trackStartInset;
             this.ajg.endInset = d - this.ajg.trackEndInset;
@@ -172116,7 +172126,7 @@
                 return;
             }
             if (a == this.zoomSliderChart) {
-                a.xg = a.xj = false;
+                a.xi = a.xl = false;
                 a.legend = null;
                 if (this.dataChart != null) {
                     a.ag = this.dataChart.ag;
@@ -172478,9 +172488,9 @@
             var a = ((function () {
                 var $ret = new FinancialChartVisualData();
                 $ret.mainChart = _super.prototype.lu.call(_this);
-                $ret.volumeChart = _this.volumeChart == null ? null : _this.volumeChart.ys();
+                $ret.volumeChart = _this.volumeChart == null ? null : _this.volumeChart.yu();
                 $ret.toolbar = _this.ahy == null ? null : _this.ahy.aj();
-                $ret.zoomChart = _this.zoomSliderChart == null ? null : _this.zoomSliderChart.ys();
+                $ret.zoomChart = _this.zoomSliderChart == null ? null : _this.zoomSliderChart.yu();
                 return $ret;
             })());
             if (this.indicatorCharts != null) {
@@ -172488,7 +172498,7 @@
                 try {
                     for (var _c = tslib.__values(igniteuiWebcomponentsCore.fromEnum(this.indicatorCharts)), _d = _c.next(); !_d.done; _d = _c.next()) {
                         var b = _d.value;
-                        a.indicatorCharts.add1(b.ys());
+                        a.indicatorCharts.add1(b.yu());
                     }
                 }
                 catch (e_6_1) {
@@ -173087,7 +173097,7 @@
             var c = a != this.zoomSliderChart;
             if (c) {
                 if (this.dataChart != null) {
-                    a.wl = new igniteuiWebcomponentsCore.Rect(0, this.dataChart.v4.x, a.wl.y, this.dataChart.v4.width, a.wl.height);
+                    a.wn = new igniteuiWebcomponentsCore.Rect(0, this.dataChart.v4.x, a.wn.y, this.dataChart.v4.width, a.wn.height);
                 }
                 var d = ((function () {
                     var $ret = new SyncSettings();
@@ -173150,7 +173160,7 @@
                 return;
             }
             this.aj0 = true;
-            this.dataChart.wl = new igniteuiWebcomponentsCore.Rect(0, b.left, this.dataChart.wl.top, b.width, this.dataChart.wl.height);
+            this.dataChart.wn = new igniteuiWebcomponentsCore.Rect(0, b.left, this.dataChart.wn.top, b.width, this.dataChart.wn.height);
             if (this.ajg != null) {
                 this.ajg.windowRect = this.dataChart.v4;
             }
@@ -173184,7 +173194,7 @@
             }
             if (c != -1) {
                 this.aj0 = true;
-                a.wl = new igniteuiWebcomponentsCore.Rect(0, d, a.v4.top, c, a.v4.height);
+                a.wn = new igniteuiWebcomponentsCore.Rect(0, d, a.v4.top, c, a.v4.height);
                 this.aj0 = false;
             }
             var e = 1.7976931348623157E+308;
@@ -173232,7 +173242,7 @@
             }
             this.aj0 = true;
             var p = new igniteuiWebcomponentsCore.Rect(0, o, e, n, f - e);
-            a.wl = p;
+            a.wn = p;
             this.aj0 = false;
         };
         FinancialChart.prototype.apz = function (a) {
@@ -173787,16 +173797,16 @@
                     break;
                 case "IsWindowSyncedToVisibleRange":
                     if (this.dataChart != null) {
-                        this.dataChart.xj = this.hb && this.ha;
+                        this.dataChart.xl = this.hb && this.ha;
                     }
                     if (this.volumeChart != null) {
-                        this.volumeChart.xj = this.hb && this.ha;
+                        this.volumeChart.xl = this.hb && this.ha;
                     }
                     if (this.ajz) {
                         this.apz(this.dataChart);
                     }
                     else {
-                        this.volumeChart.yq = 1;
+                        this.volumeChart.ys = 1;
                     }
                     break;
                 case "IndicatorTypes":
@@ -187503,7 +187513,7 @@
                 return null;
             }
             var c = this.wi(this.cv);
-            var d = new ScalerParams(0, a, this.db.wk, b.ch, this.getEffectiveViewport());
+            var d = new ScalerParams(0, a, this.db.wm, b.ch, this.getEffectiveViewport());
             var e = (b.eo(c.left, d));
             var f = (b.eo(c.right, d));
             if (b.ch) {
@@ -191038,7 +191048,7 @@
              * Gets the viewport rectangle associated with the SeriesViewer, the physical dimensions of the plot area.
             */
             get: function () {
-                return igniteuiWebcomponentsCore.fromRect(this.i.wk);
+                return igniteuiWebcomponentsCore.fromRect(this.i.wm);
             },
             enumerable: false,
             configurable: true
@@ -191087,11 +191097,11 @@
             * ```
             */
             get: function () {
-                return igniteuiWebcomponentsCore.fromRect(this.i.wl);
+                return igniteuiWebcomponentsCore.fromRect(this.i.wn);
             },
             set: function (v) {
-                this.i.wl = igniteuiWebcomponentsCore.toRect(v);
-                this._a("windowRect", igniteuiWebcomponentsCore.rectToString(this.i.wl));
+                this.i.wn = igniteuiWebcomponentsCore.toRect(v);
+                this._a("windowRect", igniteuiWebcomponentsCore.rectToString(this.i.wn));
             },
             enumerable: false,
             configurable: true
@@ -191414,11 +191424,11 @@
             * ```
             */
             get: function () {
-                return this.i.wp;
+                return this.i.wr;
             },
             set: function (v) {
-                this.i.wp = igniteuiWebcomponentsCore.ensureEnum(igniteuiWebcomponentsCore.Visibility_$type, v);
-                this._a("crosshairVisibility", igniteuiWebcomponentsCore.enumToString(igniteuiWebcomponentsCore.Visibility_$type, this.i.wp));
+                this.i.wr = igniteuiWebcomponentsCore.ensureEnum(igniteuiWebcomponentsCore.Visibility_$type, v);
+                this._a("crosshairVisibility", igniteuiWebcomponentsCore.enumToString(igniteuiWebcomponentsCore.Visibility_$type, this.i.wr));
             },
             enumerable: false,
             configurable: true
@@ -191617,11 +191627,11 @@
             * ```
             */
             get: function () {
-                return igniteuiWebcomponentsCore.fromRect(this.i.we);
+                return igniteuiWebcomponentsCore.fromRect(this.i.wf);
             },
             set: function (v) {
-                this.i.we = igniteuiWebcomponentsCore.toRect(v);
-                this._a("previewRect", igniteuiWebcomponentsCore.rectToString(this.i.we));
+                this.i.wf = igniteuiWebcomponentsCore.toRect(v);
+                this._a("previewRect", igniteuiWebcomponentsCore.rectToString(this.i.wf));
             },
             enumerable: false,
             configurable: true
@@ -192635,7 +192645,7 @@
             this.i.destroy();
         };
         IgcSeriesViewerComponent.prototype.getCurrentActualWindowRect = function () {
-            var iv = this.i.wa();
+            var iv = this.i.wb();
             return igniteuiWebcomponentsCore.fromRect(iv);
         };
         IgcSeriesViewerComponent.prototype.renderToImage = function (width, height) {
@@ -194077,11 +194087,11 @@
         * ```
         */
             get: function () {
-                return this.i.xi;
+                return this.i.xk;
             },
             set: function (v) {
-                this.i.xi = igniteuiWebcomponentsCore.ensureBool(v);
-                this._a("isSquare", this.i.xi);
+                this.i.xk = igniteuiWebcomponentsCore.ensureBool(v);
+                this._a("isSquare", this.i.xk);
             },
             enumerable: false,
             configurable: true
@@ -194098,11 +194108,11 @@
             * ```
             */
             get: function () {
-                return this.i.yp;
+                return this.i.yr;
             },
             set: function (v) {
-                this.i.yp = +v;
-                this._a("windowScaleHorizontal", this.i.yp);
+                this.i.yr = +v;
+                this._a("windowScaleHorizontal", this.i.yr);
             },
             enumerable: false,
             configurable: true
@@ -194119,11 +194129,11 @@
             * ```
             */
             get: function () {
-                return this.i.yq;
+                return this.i.ys;
             },
             set: function (v) {
-                this.i.yq = +v;
-                this._a("windowScaleVertical", this.i.yq);
+                this.i.ys = +v;
+                this._a("windowScaleVertical", this.i.ys);
             },
             enumerable: false,
             configurable: true
@@ -194134,11 +194144,11 @@
              * This property is effectively a shortcut to the Width of the ActualWindowRect property.
             */
             get: function () {
-                return this.i.ya;
+                return this.i.yc;
             },
             set: function (v) {
-                this.i.ya = +v;
-                this._a("actualWindowScaleHorizontal", this.i.ya);
+                this.i.yc = +v;
+                this._a("actualWindowScaleHorizontal", this.i.yc);
             },
             enumerable: false,
             configurable: true
@@ -194149,11 +194159,11 @@
              * This property is effectively a shortcut to the Height of the ActualWindowRect property.
             */
             get: function () {
-                return this.i.yb;
+                return this.i.yd;
             },
             set: function (v) {
-                this.i.yb = +v;
-                this._a("actualWindowScaleVertical", this.i.yb);
+                this.i.yd = +v;
+                this._a("actualWindowScaleVertical", this.i.yd);
             },
             enumerable: false,
             configurable: true
@@ -194169,11 +194179,11 @@
             * ```
             */
             get: function () {
-                return this.i.xg;
+                return this.i.xi;
             },
             set: function (v) {
-                this.i.xg = igniteuiWebcomponentsCore.ensureBool(v);
-                this._a("isHorizontalZoomEnabled", this.i.xg);
+                this.i.xi = igniteuiWebcomponentsCore.ensureBool(v);
+                this._a("isHorizontalZoomEnabled", this.i.xi);
             },
             enumerable: false,
             configurable: true
@@ -194189,11 +194199,11 @@
             * ```
             */
             get: function () {
-                return this.i.xj;
+                return this.i.xl;
             },
             set: function (v) {
-                this.i.xj = igniteuiWebcomponentsCore.ensureBool(v);
-                this._a("isVerticalZoomEnabled", this.i.xj);
+                this.i.xl = igniteuiWebcomponentsCore.ensureBool(v);
+                this._a("isVerticalZoomEnabled", this.i.xl);
             },
             enumerable: false,
             configurable: true
@@ -194205,11 +194215,11 @@
             *  Try setting the `GridMode` property to bring your grid lines in front of the data series.
             */
             get: function () {
-                return this.i.ww;
+                return this.i.wy;
             },
             set: function (v) {
-                this.i.ww = igniteuiWebcomponentsCore.ensureEnum(GridMode_$type, v);
-                this._a("gridMode", igniteuiWebcomponentsCore.enumToString(GridMode_$type, this.i.ww));
+                this.i.wy = igniteuiWebcomponentsCore.ensureEnum(GridMode_$type, v);
+                this._a("gridMode", igniteuiWebcomponentsCore.enumToString(GridMode_$type, this.i.wy));
             },
             enumerable: false,
             configurable: true
@@ -194219,11 +194229,11 @@
              * Gets or sets a value indicating whether grid and tick lines are aligned to device pixels.
             */
             get: function () {
-                return this.i.xc;
+                return this.i.xe;
             },
             set: function (v) {
-                this.i.xc = igniteuiWebcomponentsCore.ensureBool(v);
-                this._a("alignsGridLinesToPixels", this.i.xc);
+                this.i.xe = igniteuiWebcomponentsCore.ensureBool(v);
+                this._a("alignsGridLinesToPixels", this.i.xe);
             },
             enumerable: false,
             configurable: true
@@ -194233,11 +194243,11 @@
              * Gets or sets the maximum amount the series viewer should auto expand margins to accomodate the initial horizontal axis labels.
             */
             get: function () {
-                return this.i.yd;
+                return this.i.yf;
             },
             set: function (v) {
-                this.i.yd = +v;
-                this._a("autoExpandMarginMaximumValue", this.i.yd);
+                this.i.yf = +v;
+                this._a("autoExpandMarginMaximumValue", this.i.yf);
             },
             enumerable: false,
             configurable: true
@@ -194247,11 +194257,11 @@
              * Gets or sets the extra amount the series viewer should auto expand margins to accomodate the initial horizontal axis labels.
             */
             get: function () {
-                return this.i.yc;
+                return this.i.ye;
             },
             set: function (v) {
-                this.i.yc = +v;
-                this._a("autoExpandMarginExtraPadding", this.i.yc);
+                this.i.ye = +v;
+                this._a("autoExpandMarginExtraPadding", this.i.ye);
             },
             enumerable: false,
             configurable: true
@@ -194261,11 +194271,11 @@
              * Gets or sets a whether the series viewer should suppress truncation of axis labels.
             */
             get: function () {
-                return this.i.xq;
+                return this.i.xs;
             },
             set: function (v) {
-                this.i.xq = igniteuiWebcomponentsCore.ensureBool(v);
-                this._a("shouldSuppressAxisLabelTruncation", this.i.xq);
+                this.i.xs = igniteuiWebcomponentsCore.ensureBool(v);
+                this._a("shouldSuppressAxisLabelTruncation", this.i.xs);
             },
             enumerable: false,
             configurable: true
@@ -194275,11 +194285,11 @@
              * Gets or sets a whether the series viewer should auto expand margins to accomodate the initial horizontal axis labels.
             */
             get: function () {
-                return this.i.xm;
+                return this.i.xo;
             },
             set: function (v) {
-                this.i.xm = igniteuiWebcomponentsCore.ensureBool(v);
-                this._a("shouldAutoExpandMarginForInitialLabels", this.i.xm);
+                this.i.xo = igniteuiWebcomponentsCore.ensureBool(v);
+                this._a("shouldAutoExpandMarginForInitialLabels", this.i.xo);
             },
             enumerable: false,
             configurable: true
@@ -194289,11 +194299,11 @@
              * Gets or sets a whether the series viewer should consider auto rotating labels to fit them in the initial view. This implies that ShouldAutoExpandMarginForInitialLabels is true.
             */
             get: function () {
-                return this.i.xp;
+                return this.i.xr;
             },
             set: function (v) {
-                this.i.xp = igniteuiWebcomponentsCore.ensureBool(v);
-                this._a("shouldConsiderAutoRotationForInitialLabels", this.i.xp);
+                this.i.xr = igniteuiWebcomponentsCore.ensureBool(v);
+                this._a("shouldConsiderAutoRotationForInitialLabels", this.i.xr);
             },
             enumerable: false,
             configurable: true
@@ -194303,11 +194313,11 @@
              * Gets or sets a whether the series viewer should suppress auto recalculating margin and axis label angles.
             */
             get: function () {
-                return this.i.xr;
+                return this.i.xt;
             },
             set: function (v) {
-                this.i.xr = igniteuiWebcomponentsCore.ensureBool(v);
-                this._a("suppressAutoMarginAndAngleRecalculation", this.i.xr);
+                this.i.xt = igniteuiWebcomponentsCore.ensureBool(v);
+                this._a("suppressAutoMarginAndAngleRecalculation", this.i.xt);
             },
             enumerable: false,
             configurable: true
@@ -194317,11 +194327,11 @@
              * Gets or sets a whether the series viewer should consider auto rotating labels to fit them in the initial view. This implies that ShouldAutoExpandMarginForInitialLabels is true.
             */
             get: function () {
-                return this.i.wr;
+                return this.i.wt;
             },
             set: function (v) {
-                this.i.wr = igniteuiWebcomponentsCore.ensureEnum(AutoMarginsAndAngleUpdateMode_$type, v);
-                this._a("autoMarginAndAngleUpdateMode", igniteuiWebcomponentsCore.enumToString(AutoMarginsAndAngleUpdateMode_$type, this.i.wr));
+                this.i.wt = igniteuiWebcomponentsCore.ensureEnum(AutoMarginsAndAngleUpdateMode_$type, v);
+                this._a("autoMarginAndAngleUpdateMode", igniteuiWebcomponentsCore.enumToString(AutoMarginsAndAngleUpdateMode_$type, this.i.wt));
             },
             enumerable: false,
             configurable: true
@@ -194333,11 +194343,11 @@
              * Axis.Stroke is set.
             */
             get: function () {
-                return igniteuiWebcomponentsCore.brushToString(this.i.aas);
+                return igniteuiWebcomponentsCore.brushToString(this.i.aau);
             },
             set: function (v) {
-                this.i.aas = igniteuiWebcomponentsCore.stringToBrush(v);
-                this._a("defaultAxisStroke", igniteuiWebcomponentsCore.brushToString(this.i.aas));
+                this.i.aau = igniteuiWebcomponentsCore.stringToBrush(v);
+                this._a("defaultAxisStroke", igniteuiWebcomponentsCore.brushToString(this.i.aau));
             },
             enumerable: false,
             configurable: true
@@ -194349,11 +194359,11 @@
              * Axis.MajorStroke is set.
             */
             get: function () {
-                return igniteuiWebcomponentsCore.brushToString(this.i.aaq);
+                return igniteuiWebcomponentsCore.brushToString(this.i.aas);
             },
             set: function (v) {
-                this.i.aaq = igniteuiWebcomponentsCore.stringToBrush(v);
-                this._a("defaultAxisMajorStroke", igniteuiWebcomponentsCore.brushToString(this.i.aaq));
+                this.i.aas = igniteuiWebcomponentsCore.stringToBrush(v);
+                this._a("defaultAxisMajorStroke", igniteuiWebcomponentsCore.brushToString(this.i.aas));
             },
             enumerable: false,
             configurable: true
@@ -194365,11 +194375,11 @@
              * Axis.MinorStroke is set.
             */
             get: function () {
-                return igniteuiWebcomponentsCore.brushToString(this.i.aar);
+                return igniteuiWebcomponentsCore.brushToString(this.i.aat);
             },
             set: function (v) {
-                this.i.aar = igniteuiWebcomponentsCore.stringToBrush(v);
-                this._a("defaultAxisMinorStroke", igniteuiWebcomponentsCore.brushToString(this.i.aar));
+                this.i.aat = igniteuiWebcomponentsCore.stringToBrush(v);
+                this._a("defaultAxisMinorStroke", igniteuiWebcomponentsCore.brushToString(this.i.aat));
             },
             enumerable: false,
             configurable: true
@@ -194379,11 +194389,11 @@
              * Gets the actual resolved left plot area margin;
             */
             get: function () {
-                return this.i.x7;
+                return this.i.x9;
             },
             set: function (v) {
-                this.i.x7 = +v;
-                this._a("actualPlotAreaMarginLeft", this.i.x7);
+                this.i.x9 = +v;
+                this._a("actualPlotAreaMarginLeft", this.i.x9);
             },
             enumerable: false,
             configurable: true
@@ -194393,11 +194403,11 @@
              * Gets the actual resolved top plot area margin;
             */
             get: function () {
-                return this.i.x9;
+                return this.i.yb;
             },
             set: function (v) {
-                this.i.x9 = +v;
-                this._a("actualPlotAreaMarginTop", this.i.x9);
+                this.i.yb = +v;
+                this._a("actualPlotAreaMarginTop", this.i.yb);
             },
             enumerable: false,
             configurable: true
@@ -194407,11 +194417,11 @@
              * Gets the actual resolved right plot area margin;
             */
             get: function () {
-                return this.i.x8;
+                return this.i.ya;
             },
             set: function (v) {
-                this.i.x8 = +v;
-                this._a("actualPlotAreaMarginRight", this.i.x8);
+                this.i.ya = +v;
+                this._a("actualPlotAreaMarginRight", this.i.ya);
             },
             enumerable: false,
             configurable: true
@@ -194421,11 +194431,11 @@
              * Gets the actual resolved bottom plot area margin;
             */
             get: function () {
-                return this.i.x6;
+                return this.i.x8;
             },
             set: function (v) {
-                this.i.x6 = +v;
-                this._a("actualPlotAreaMarginBottom", this.i.x6);
+                this.i.x8 = +v;
+                this._a("actualPlotAreaMarginBottom", this.i.x8);
             },
             enumerable: false,
             configurable: true
@@ -194435,11 +194445,11 @@
              * Gets or sets mode to use for automatically calculating the plot area margin.
             */
             get: function () {
-                return this.i.wu;
+                return this.i.ww;
             },
             set: function (v) {
-                this.i.wu = igniteuiWebcomponentsCore.ensureEnum(ComputedPlotAreaMarginMode_$type, v);
-                this._a("computedPlotAreaMarginMode", igniteuiWebcomponentsCore.enumToString(ComputedPlotAreaMarginMode_$type, this.i.wu));
+                this.i.ww = igniteuiWebcomponentsCore.ensureEnum(ComputedPlotAreaMarginMode_$type, v);
+                this._a("computedPlotAreaMarginMode", igniteuiWebcomponentsCore.enumToString(ComputedPlotAreaMarginMode_$type, this.i.ww));
             },
             enumerable: false,
             configurable: true
@@ -194449,11 +194459,11 @@
              * Gets or sets horizontal mode to use for automatically calculating the plot area margin based ont the series.
             */
             get: function () {
-                return this.i.w1;
+                return this.i.w3;
             },
             set: function (v) {
-                this.i.w1 = igniteuiWebcomponentsCore.ensureEnum(SeriesPlotAreaMarginHorizontalMode_$type, v);
-                this._a("seriesPlotAreaMarginHorizontalMode", igniteuiWebcomponentsCore.enumToString(SeriesPlotAreaMarginHorizontalMode_$type, this.i.w1));
+                this.i.w3 = igniteuiWebcomponentsCore.ensureEnum(SeriesPlotAreaMarginHorizontalMode_$type, v);
+                this._a("seriesPlotAreaMarginHorizontalMode", igniteuiWebcomponentsCore.enumToString(SeriesPlotAreaMarginHorizontalMode_$type, this.i.w3));
             },
             enumerable: false,
             configurable: true
@@ -194463,11 +194473,11 @@
              * Gets or sets vertical mode to use for automatically calculating the plot area margin based ont the series.
             */
             get: function () {
-                return this.i.w4;
+                return this.i.w6;
             },
             set: function (v) {
-                this.i.w4 = igniteuiWebcomponentsCore.ensureEnum(SeriesPlotAreaMarginVerticalMode_$type, v);
-                this._a("seriesPlotAreaMarginVerticalMode", igniteuiWebcomponentsCore.enumToString(SeriesPlotAreaMarginVerticalMode_$type, this.i.w4));
+                this.i.w6 = igniteuiWebcomponentsCore.ensureEnum(SeriesPlotAreaMarginVerticalMode_$type, v);
+                this._a("seriesPlotAreaMarginVerticalMode", igniteuiWebcomponentsCore.enumToString(SeriesPlotAreaMarginVerticalMode_$type, this.i.w6));
             },
             enumerable: false,
             configurable: true
@@ -194477,11 +194487,11 @@
              * Margin applied to the left of the plot area.
             */
             get: function () {
-                return this.i.yl;
+                return this.i.yn;
             },
             set: function (v) {
-                this.i.yl = +v;
-                this._a("plotAreaMarginLeft", this.i.yl);
+                this.i.yn = +v;
+                this._a("plotAreaMarginLeft", this.i.yn);
             },
             enumerable: false,
             configurable: true
@@ -194491,11 +194501,11 @@
              * Margin applied above the plot area.
             */
             get: function () {
-                return this.i.yn;
+                return this.i.yp;
             },
             set: function (v) {
-                this.i.yn = +v;
-                this._a("plotAreaMarginTop", this.i.yn);
+                this.i.yp = +v;
+                this._a("plotAreaMarginTop", this.i.yp);
             },
             enumerable: false,
             configurable: true
@@ -194505,11 +194515,11 @@
              * Margin applied to the right of the plot area.
             */
             get: function () {
-                return this.i.ym;
+                return this.i.yo;
             },
             set: function (v) {
-                this.i.ym = +v;
-                this._a("plotAreaMarginRight", this.i.ym);
+                this.i.yo = +v;
+                this._a("plotAreaMarginRight", this.i.yo);
             },
             enumerable: false,
             configurable: true
@@ -194519,11 +194529,11 @@
              * Margin applied below the plot area.
             */
             get: function () {
-                return this.i.yk;
+                return this.i.ym;
             },
             set: function (v) {
-                this.i.yk = +v;
-                this._a("plotAreaMarginBottom", this.i.yk);
+                this.i.ym = +v;
+                this._a("plotAreaMarginBottom", this.i.ym);
             },
             enumerable: false,
             configurable: true
@@ -194539,27 +194549,27 @@
             return null;
         };
         IgcDataChartComponent.prototype.refreshComputedPlotAreaMargin = function () {
-            this.i.zy();
+            this.i.z0();
         };
         IgcDataChartComponent.prototype.recalculateMarginAutoExpansion = function () {
-            this.i.zx();
+            this.i.zz();
         };
         IgcDataChartComponent.prototype.recalculateAutoLabelsAngle = function () {
-            this.i.zw();
+            this.i.zy();
         };
         /**
          * Notifies the chart that the CSS styles in effect have been updated.
         
         */
         IgcDataChartComponent.prototype.styleUpdated = function () {
-            this.i.zz();
+            this.i.z1();
         };
         /**
          * Export serialized visual data.
         
         */
         IgcDataChartComponent.prototype.exportSerializedVisualData = function () {
-            var iv = this.i.y7();
+            var iv = this.i.y9();
             return (iv);
         };
         IgcDataChartComponent._observedAttributesIgcDataChartComponent = null;
@@ -197794,8 +197804,8 @@
             var d = this.cv.by;
             var e = this.cv.bx;
             var f = this.getEffectiveViewport1(this.cv);
-            var g = this.wi(this.cv);
-            var h = new igniteuiWebcomponentsCore.CollisionRect(0, a);
+            var g = this.db.wc(this.wr, this.getEffectiveViewport(), d);
+            var h = new igniteuiWebcomponentsCore.CollisionRect(0, this.db.v9(a));
             var i = this.yt.k5(e, d, f, g);
             var _loop_2 = function (j) {
                 var k = this_2.ys.getScaledAngle(this_2.zi.item(j));
@@ -200188,58 +200198,59 @@
             var d = this.cv.by;
             var e = this.cv.bx;
             var f = this.getEffectiveViewport1(this.cv);
-            var g = this.wi(this.cv);
+            var g = this.db.wc(this.wr, this.getEffectiveViewport(), d);
             var h = this.y4.k5(e, d, f, g);
             var i = { $type: igniteuiWebcomponentsCore.Point_$type, x: ViewportUtils.e(0.5, d, e, f), y: ViewportUtils.i(0.5, d, e, f) };
-            var j = new igniteuiWebcomponentsCore.Clipper(1, a.left, a.bottom, a.right, a.top, true);
-            var k = this.y4;
-            var l = Math.max(0, 0.5 * k.n6);
-            l = Math.max(l, h.minLength * 0.9);
-            var m = ViewportUtils.d(l, d, e, f);
-            var n = this.yy.k8(d, e, f);
-            var o = Math.max(0.1 * this.y4.n7, l);
-            var p = this.y7.d(0, o, d, e, f);
-            var q = this.y7.e(0, o, d, e, f);
-            var r = this.y7.d(n, o, d, e, f);
-            var s = this.y7.e(n, o, d, e, f);
-            var t = Math.sqrt((p - r) * (p - r) + (q - s) * (q - s));
-            var u = this.yy != null && this.yy.cl;
-            var _loop_1 = function (v) {
-                var w = igniteuiWebcomponentsCore.typeCast(RadialBaseView.$, this_1.cv);
-                var x = w.cx.getBucket(v);
-                var y = Math.min(this_1.y7.b.od(x[2]), h.maxLength * 1.1);
-                var z = this_1.aci(this_1.yy, d, e, f);
-                if (u) {
-                    z = this_1.ach(v, this_1.yy, d, e, f);
-                    if (igniteuiWebcomponentsCore.isNaN_(z)) {
-                        z = 0;
+            var j = this.db.v9(a);
+            var k = new igniteuiWebcomponentsCore.Clipper(1, j.left, j.bottom, j.right, j.top, true);
+            var l = this.y4;
+            var m = Math.max(0, 0.5 * l.n6);
+            m = Math.max(m, h.minLength * 0.9);
+            var n = ViewportUtils.d(m, d, e, f);
+            var o = this.yy.k8(d, e, f);
+            var p = Math.max(0.1 * this.y4.n7, m);
+            var q = this.y7.d(0, p, d, e, f);
+            var r = this.y7.e(0, p, d, e, f);
+            var s = this.y7.d(o, p, d, e, f);
+            var t = this.y7.e(o, p, d, e, f);
+            var u = Math.sqrt((q - s) * (q - s) + (r - t) * (r - t));
+            var v = this.yy != null && this.yy.cl;
+            var _loop_1 = function (w) {
+                var x = igniteuiWebcomponentsCore.typeCast(RadialBaseView.$, this_1.cv);
+                var y = x.cx.getBucket(w);
+                var z = Math.min(this_1.y7.b.od(y[2]), h.maxLength * 1.1);
+                var aa = this_1.aci(this_1.yy, d, e, f);
+                if (v) {
+                    aa = this_1.ach(w, this_1.yy, d, e, f);
+                    if (igniteuiWebcomponentsCore.isNaN_(aa)) {
+                        aa = 0;
                     }
                 }
-                x[0] = this_1.yy.getScaledAngle(x[0]) + z;
-                var aa = this_1.y7.d(x[0], y, d, e, f);
-                var ab = this_1.y7.e(x[0], y, d, e, f);
-                var ac = Math.sqrt((aa - i.x) * (aa - i.x) + (ab - i.y) * (ab - i.y));
-                var ad = ac;
-                var ae = m;
-                var af = x[0] - (Math.PI / 2);
-                var ag = 0 - (t / 2);
-                var ah = (t / 2);
-                var ai = Math.max(ae, ad);
-                var aj = Math.min(ae, ad);
-                var ak = Math.cos(af);
-                var al = Math.sin(af);
-                var am = { $type: igniteuiWebcomponentsCore.Point_$type, x: i.x + (ag * ak - ai * al), y: i.y + (ag * al + ai * ak) };
-                var an = { $type: igniteuiWebcomponentsCore.Point_$type, x: i.x + (ah * ak - ai * al), y: i.y + (ah * al + ai * ak) };
-                var ao = { $type: igniteuiWebcomponentsCore.Point_$type, x: i.x + (ah * ak - aj * al), y: i.y + (ah * al + aj * ak) };
-                var ap = { $type: igniteuiWebcomponentsCore.Point_$type, x: i.x + (ag * ak - aj * al), y: i.y + (ag * al + aj * ak) };
-                var aq = new igniteuiWebcomponentsCore.List$1(igniteuiWebcomponentsCore.Point_$type, 0);
-                j.i = aq;
-                j.j(am);
-                j.j(an);
-                j.j(ao);
-                j.j(ap);
-                j.i = null;
-                if (aq == null || aq.count == 0) {
+                y[0] = this_1.yy.getScaledAngle(y[0]) + aa;
+                var ab = this_1.y7.d(y[0], z, d, e, f);
+                var ac = this_1.y7.e(y[0], z, d, e, f);
+                var ad = Math.sqrt((ab - i.x) * (ab - i.x) + (ac - i.y) * (ac - i.y));
+                var ae = ad;
+                var af = n;
+                var ag = y[0] - (Math.PI / 2);
+                var ah = 0 - (u / 2);
+                var ai = (u / 2);
+                var aj = Math.max(af, ae);
+                var ak = Math.min(af, ae);
+                var al = Math.cos(ag);
+                var am = Math.sin(ag);
+                var an = { $type: igniteuiWebcomponentsCore.Point_$type, x: i.x + (ah * al - aj * am), y: i.y + (ah * am + aj * al) };
+                var ao = { $type: igniteuiWebcomponentsCore.Point_$type, x: i.x + (ai * al - aj * am), y: i.y + (ai * am + aj * al) };
+                var ap = { $type: igniteuiWebcomponentsCore.Point_$type, x: i.x + (ai * al - ak * am), y: i.y + (ai * am + ak * al) };
+                var aq = { $type: igniteuiWebcomponentsCore.Point_$type, x: i.x + (ah * al - ak * am), y: i.y + (ah * am + ak * al) };
+                var ar = new igniteuiWebcomponentsCore.List$1(igniteuiWebcomponentsCore.Point_$type, 0);
+                k.i = ar;
+                k.j(an);
+                k.j(ao);
+                k.j(ap);
+                k.j(aq);
+                k.i = null;
+                if (ar == null || ar.count == 0) {
                     return "continue";
                 }
                 if (c == 7 || c == 6) {
@@ -200253,22 +200264,22 @@
                 else if (c == 2 || c == 1) {
                     b.add(((function () {
                         var $ret = new ChartSelection();
-                        $ret.item = _this.dn.item(v);
+                        $ret.item = _this.dn.item(w);
                         return $ret;
                     })()));
                 }
                 else {
                     b.add(((function () {
                         var $ret = new ChartSelection();
-                        $ret.item = _this.dn.item(v);
+                        $ret.item = _this.dn.item(w);
                         $ret.series = _this;
                         return $ret;
                     })()));
                 }
             };
             var this_1 = this;
-            for (var v = 0; v < this.yy.lk; v++) {
-                var state_1 = _loop_1(v);
+            for (var w = 0; w < this.yy.lk; w++) {
+                var state_1 = _loop_1(w);
                 if (typeof state_1 === "object")
                     return state_1.value;
             }
@@ -201260,7 +201271,7 @@
             if (igniteuiWebcomponentsCore.isNaN_(c) || igniteuiWebcomponentsCore.isNaN_(d)) {
                 return;
             }
-            this.bi.wl = new igniteuiWebcomponentsCore.Rect(0, c, this.bi.wl.y, d - c, this.bi.wl.height);
+            this.bi.wn = new igniteuiWebcomponentsCore.Rect(0, c, this.bi.wn.y, d - c, this.bi.wn.height);
         };
         NumericXAxis.prototype.k5 = function (a, b, c, d) {
             var e = d;
@@ -204737,7 +204748,7 @@
             var _this = this;
             var b = this.db != null ? this.db.v4 : igniteuiWebcomponentsCore.Rect.empty;
             b = b.copy();
-            var c = this.db != null ? this.db.wk : igniteuiWebcomponentsCore.Rect.empty;
+            var c = this.db != null ? this.db.wm : igniteuiWebcomponentsCore.Rect.empty;
             var d = new igniteuiWebcomponentsCore.Rect(0, 0, 0, 1, 1);
             var e = this.wk(this.cv);
             var f = new ScalerParams(0, d, d, this.xAxis.ch, e);
@@ -205054,13 +205065,13 @@
         };
         ScatterBase.prototype.aa6 = function (a, b, c, d, e) {
             var _this = this;
-            var f = this.wq(a);
+            var f = this.db.wj(this.db.v9(a));
             var g = this.dn.count;
             var h = this.yv.a;
             var i = this.yv.b;
-            var j = this.wi(this.cv);
-            var k = new ScalerParams(0, f, this.db.wk, h.ch, this.getEffectiveViewport());
-            var l = new ScalerParams(0, f, this.db.wk, i.ch, this.getEffectiveViewport());
+            var j = this.db.wc(this.wr, this.getEffectiveViewport(), f);
+            var k = new ScalerParams(0, f, this.db.wm, h.ch, this.getEffectiveViewport());
+            var l = new ScalerParams(0, f, this.db.wm, i.ch, this.getEffectiveViewport());
             if (d == 0) {
                 var _loop_2 = function (m) {
                     var n = h.el(this_2.zg.item(m), k);
@@ -206854,8 +206865,8 @@
             if (!this.cv.bx.isEmpty) {
                 e = this.cv.bx.width;
             }
-            else if (this.db != null && !this.db.wk.isEmpty) {
-                e = this.db.wk.width;
+            else if (this.db != null && !this.db.wm.isEmpty) {
+                e = this.db.wm.width;
             }
             var f = igniteuiWebcomponentsCore.DeviceUtils.c(e);
             this.acq = this.acr || ((function () {
@@ -207000,8 +207011,8 @@
             if (!this.cv.bx.isEmpty) {
                 c = this.cv.bx.width;
             }
-            else if (this.db != null && !this.db.wk.isEmpty) {
-                c = this.db.wk.width;
+            else if (this.db != null && !this.db.wm.isEmpty) {
+                c = this.db.wm.width;
             }
             var d = igniteuiWebcomponentsCore.DeviceUtils.c(c);
             this.acq = this.acr || ((function () {
@@ -210795,7 +210806,7 @@
         };
         HighDensityScatterSeries.prototype.gc = function (a) {
             var b = this.db != null ? this.db.v4 : igniteuiWebcomponentsCore.Rect.empty;
-            var c = this.db != null ? this.db.wk : igniteuiWebcomponentsCore.Rect.empty;
+            var c = this.db != null ? this.db.wm : igniteuiWebcomponentsCore.Rect.empty;
             var d = new igniteuiWebcomponentsCore.Rect(0, 0, 0, 1, 1);
             var e = this.wk(this.cv);
             var f = new ScalerParams(0, d, d, this.w4.ch, e);
@@ -211148,7 +211159,7 @@
                 b = this.bx;
             }
             else {
-                b = this.e.db.v9();
+                b = this.e.db.wa();
             }
             var c = igniteuiWebcomponentsCore.truncate(Math.round(b.left));
             var d = igniteuiWebcomponentsCore.truncate(Math.round(b.top));
@@ -212983,7 +212994,7 @@
             if (d == null || d.length != (b * c) || this.w7 == null || this.w7.count < 1 || this.w8 == null || this.w8.count < 1 || this.w9 == null || this.w9.count < 1) {
                 return null;
             }
-            var e = this.db.wl;
+            var e = this.db.wn;
             var f = (a.x - e.left) / e.width;
             var g = (a.y - e.top) / e.height;
             var h = igniteuiWebcomponentsCore.truncate(Math.round(b * f));
@@ -217002,7 +217013,7 @@
         ShapeSeriesBase.prototype.ze = function (a, b, c) {
             var d = this.cv;
             var e = d.bx;
-            var f = this.wq(a);
+            var f = this.db.wj(this.db.v9(a));
             if (e.width < 1 || e.height < 1 || this.xv == null) {
                 return;
             }
@@ -219564,7 +219575,7 @@
             }
             var c = a / this.kv.count;
             var d = b / this.kv.count;
-            this.bi.wl = new igniteuiWebcomponentsCore.Rect(0, this.bi.wl.x, 1 - d, this.bi.wl.width, d - c);
+            this.bi.wn = new igniteuiWebcomponentsCore.Rect(0, this.bi.wn.x, 1 - d, this.bi.wn.width, d - c);
         };
         CategoryYAxis.prototype.av = function () {
             return new VerticalAxisLabelPanel();
@@ -219647,13 +219658,13 @@
             var b = igniteuiWebcomponentsCore.MathUtil.a(a) && a > 0;
             var c = this.kv.count;
             if (c > 0 && b) {
-                var d = this.bi.wk.height;
+                var d = this.bi.wm.height;
                 var e = igniteuiWebcomponentsCore.isNaN_(d) || igniteuiWebcomponentsCore.isInfinity(d);
                 if (e) {
                     return NaN;
                 }
                 var f = new igniteuiWebcomponentsCore.Rect(0, 0, 0, 1, 1);
-                var g = this.bi.wk;
+                var g = this.bi.wm;
                 var h = this.getCategorySize(f, g, g);
                 var i = igniteuiWebcomponentsCore.isNaN_(h) || igniteuiWebcomponentsCore.isInfinity(h);
                 if (i) {
@@ -219670,13 +219681,13 @@
             var b = igniteuiWebcomponentsCore.MathUtil.a(a) && a > 0;
             var c = this.kv.count;
             if (c > 0 && b) {
-                var d = this.bi.wk.height;
+                var d = this.bi.wm.height;
                 var e = igniteuiWebcomponentsCore.isNaN_(d) || igniteuiWebcomponentsCore.isInfinity(d);
                 if (e) {
                     return NaN;
                 }
                 var f = new igniteuiWebcomponentsCore.Rect(0, 0, 0, 1, 1);
-                var g = this.bi.wk;
+                var g = this.bi.wm;
                 var h = this.k8(f, g, g);
                 var i = a / h;
                 var j = Math.min(1, 1 / i);
@@ -220709,7 +220720,7 @@
             }
             var b = this.wi(this.cv);
             var c = this.yr();
-            var d = new ScalerParams(0, a, this.db.wk, c.ch, this.getEffectiveViewport());
+            var d = new ScalerParams(0, a, this.db.wm, c.ch, this.getEffectiveViewport());
             var e = (c.eo(b.top, d));
             var f = (c.eo(b.bottom, d));
             if (!c.ch) {
@@ -225188,7 +225199,7 @@
                 return null;
             }
             var c = this.wi(this.cv);
-            var d = new ScalerParams(0, a, this.db.wk, b.ch, this.getEffectiveViewport());
+            var d = new ScalerParams(0, a, this.db.wm, b.ch, this.getEffectiveViewport());
             var e = (b.eo(c.left, d));
             var f = (b.eo(c.right, d));
             if (b.ch) {
@@ -226693,7 +226704,7 @@
             var e_63, _a;
             var a = (igniteuiWebcomponentsCore.typeCast(XamDataChart.$, this.db));
             if (a != null) {
-                this.h8 = igniteuiWebcomponentsCore.isNaN_(this.ij) ? a.w5.fp : this.ij;
+                this.h8 = igniteuiWebcomponentsCore.isNaN_(this.ij) ? a.w7.fp : this.ij;
                 try {
                     for (var _b = tslib.__values(igniteuiWebcomponentsCore.fromEnum(this.aav)), _c = _b.next(); !_c.done; _c = _b.next()) {
                         var b = _c.value;
@@ -226867,7 +226878,7 @@
                 return null;
             }
             var c = this.wi(this.cv);
-            var d = new ScalerParams(0, a, this.db.wk, b.ch, this.getEffectiveViewport());
+            var d = new ScalerParams(0, a, this.db.wm, b.ch, this.getEffectiveViewport());
             var e = (b.eo(c.top, d));
             var f = (b.eo(c.bottom, d));
             if (!b.ch) {
@@ -237691,7 +237702,7 @@
             b.height = c.a7;
             b.contentArea = igniteuiWebcomponentsCore.RectData.b(c.fc());
             b.centralArea = new igniteuiWebcomponentsCore.RectData(c.a4, 0, c.a8 - (c.a4 + c.a5), c.a7 - (c.a6 + c.a3));
-            b.plotArea = igniteuiWebcomponentsCore.RectData.b(a.wk);
+            b.plotArea = igniteuiWebcomponentsCore.RectData.b(a.wm);
         };
         DataChartVisualDataManager.prototype.d = function (a, b) {
             var c = VisualExportHelper.a(a);
@@ -238559,10 +238570,10 @@
             }
         };
         SeriesViewerSurfaceViewer.prototype.zoomTo100 = function () {
-            this.l.wl = XamDataChart.wg;
+            this.l.wn = XamDataChart.wh;
         };
         SeriesViewerSurfaceViewer.prototype.scaleToFit = function () {
-            this.l.wl = XamDataChart.wg;
+            this.l.wn = XamDataChart.wh;
         };
         SeriesViewerSurfaceViewer.prototype.renderPreview = function () {
             if (!this.isDirty) {
@@ -238578,14 +238589,14 @@
         };
         Object.defineProperty(SeriesViewerSurfaceViewer.prototype, "worldRect", {
             get: function () {
-                return XamDataChart.wg;
+                return XamDataChart.wh;
             },
             enumerable: false,
             configurable: true
         });
         Object.defineProperty(SeriesViewerSurfaceViewer.prototype, "viewportRect", {
             get: function () {
-                return this.l.wk;
+                return this.l.wm;
             },
             enumerable: false,
             configurable: true
@@ -238648,7 +238659,7 @@
                         var e = 1 - this.zoomLevel;
                         var f = igniteuiWebcomponentsCore.RectUtil.l(this.l.v4);
                         var g = new igniteuiWebcomponentsCore.Rect(0, f.x - e / 2, f.y - e / 2, e, e);
-                        this.l.wl = SeriesViewerSurfaceViewer.z(this.l.wl, g, this.l.fl(), this.l.fm(), this.worldRect);
+                        this.l.wn = SeriesViewerSurfaceViewer.z(this.l.wn, g, this.l.fl(), this.l.fm(), this.worldRect);
                     }
                     this.w();
                     if (this.l.c2 != null) {