igniteui-webcomponents-charts 7.0.1 → 7.1.0-alpha.1

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

@@ -4862,7 +4862,7 @@
             this.ev = false;
             var c = false;
             c = false;
-            if (this.dw.k.al) {
+            if (this.dw.k.am) {
                 return;
             }
             if (this.plotAreaMouseLeftButtonDown != null) {
@@ -4906,7 +4906,7 @@
         SeriesViewer.prototype.re = function (a, b, c) {
             var d = false;
             d = false;
-            if (this.dw.k.al) {
+            if (this.dw.k.am) {
                 return;
             }
             if (this.plotAreaMouseLeftButtonUp != null) {
@@ -6364,7 +6364,7 @@
             this.bq.f$q(this, a, b);
         };
         SeriesViewer.prototype.dk = function (a) {
-            var b = this.dw.k != null && this.dw.k.al ? this.dl : this.di;
+            var b = this.dw.k != null && this.dw.k.am ? this.dl : this.di;
             if (b != 4) {
                 return b;
             }
@@ -9333,7 +9333,7 @@
             }
             if (a == null) {
                 if (this.k != null) {
-                    this.k.aw();
+                    this.k.ax();
                 }
                 this.j.bg(null);
                 this.w = null;
@@ -9374,10 +9374,10 @@
             }
             this.k = this.j.f;
             if (this.k != null) {
-                this.k.bm = this.p.za;
-                this.k.ap = igniteuiWebcomponentsCore.runOn(this, this.at);
+                this.k.bo = this.p.za;
+                this.k.aq = igniteuiWebcomponentsCore.runOn(this, this.at);
                 var d = this.k;
-                d.onContactCompleted = igniteuiWebcomponentsCore.delegateCombine(d.onContactCompleted, function (d, e) { return _this.c0(d, e, _this.k.am); });
+                d.onContactCompleted = igniteuiWebcomponentsCore.delegateCombine(d.onContactCompleted, function (d, e) { return _this.c0(d, e, _this.k.an); });
                 var e = this.k;
                 e.onContactMoved = igniteuiWebcomponentsCore.delegateCombine(e.onContactMoved, igniteuiWebcomponentsCore.runOn(this, this.c1));
                 var f = this.k;
@@ -9402,14 +9402,14 @@
                 o.onMouseUp = igniteuiWebcomponentsCore.delegateCombine(o.onMouseUp, igniteuiWebcomponentsCore.runOn(this, this.dc));
                 var p = this.k;
                 p.onMouseWheel = igniteuiWebcomponentsCore.delegateCombine(p.onMouseWheel, igniteuiWebcomponentsCore.runOn(this.p, this.p.gu));
-                if (this.k.an) {
+                if (this.k.ao) {
                     var q = this.k;
                     q.onZoomDelta = igniteuiWebcomponentsCore.delegateCombine(q.onZoomDelta, function (q, r, s, t) { return _this.p.r0(q, r, s, t); });
                     var r = this.k;
                     r.onZoomStarted = igniteuiWebcomponentsCore.delegateCombine(r.onZoomStarted, function (r, s, t, u) { return _this.p.r4(r, s, t, u); });
                     var s = this.k;
                     s.onZoomCompleted = igniteuiWebcomponentsCore.delegateCombine(s.onZoomCompleted, function (s, t, u, v) {
-                        if (_this.k.af) {
+                        if (_this.k.ag) {
                             _this.p.ru();
                         }
                         _this.p.rz(s, t, u, v);
@@ -10070,14 +10070,14 @@
         };
         Object.defineProperty(SeriesViewerView.prototype, "e2", {
             get: function () {
-                return this.k.bj;
+                return this.k.bl;
             },
             enumerable: false,
             configurable: true
         });
         SeriesViewerView.prototype.et = function (a) {
             if (this.k != null) {
-                this.k.bm = this.p.za;
+                this.k.bo = this.p.za;
             }
         };
         SeriesViewerView.prototype.cu = function (a) {
@@ -10179,7 +10179,7 @@
         };
         SeriesViewerView.prototype.c8 = function () {
             if (this.k != null) {
-                this.k.ae = this.p.ga;
+                this.k.af = this.p.ga;
             }
             if (this.n != null) {
                 this.n.isSurfaceInteractionDisabled = this.p.ga;
@@ -11028,7 +11028,7 @@
         SeriesViewerViewManager.prototype.bg = function (a) {
             if (a == null) {
                 if (this.f != null) {
-                    this.f.aw();
+                    this.f.ax();
                 }
                 this.ae = null;
                 if (this.af != null) {
@@ -11128,7 +11128,7 @@
                     this.f = null;
                 }
                 if (this.f != null) {
-                    this.f.aq = igniteuiWebcomponentsCore.runOn(this.j, this.j.au);
+                    this.f.ar = igniteuiWebcomponentsCore.runOn(this.j, this.j.au);
                 }
             }
             this.ah = this.ae.createElement("div");
@@ -11225,7 +11225,7 @@
             if (this.f == null) {
                 return { $type: igniteuiWebcomponentsCore.Point_$type, x: 0, y: 0 };
             }
-            var a = this.f.bl(this.ae.rootWrapper);
+            var a = this.f.bn(this.ae.rootWrapper);
             return { $type: igniteuiWebcomponentsCore.Point_$type, x: a.left, y: a.top };
         };
         SeriesViewerViewManager.prototype.y = function () {
@@ -11570,7 +11570,7 @@
         };
         SeriesViewerViewManager.prototype.bu = function (x_) {
             var box_ = this.ah;
-            var offset_ = this.f.bl(this.ah);
+            var offset_ = this.f.bn(this.ah);
             var a = this.b8();
             x_ = a.x + this.j.p.za.left + x_;
             box_.setOffset(x_, this.j.p.za.top + this.ad + a.y);
@@ -11804,8 +11804,8 @@
             if (this.f == null) {
                 return;
             }
-            this.f.ab = a;
-            this.f.aq = igniteuiWebcomponentsCore.runOn(this.j, this.j.au);
+            this.f.ac = a;
+            this.f.ar = igniteuiWebcomponentsCore.runOn(this.j, this.j.au);
         };
         SeriesViewerViewManager.prototype.an = function (a, b, c) {
             var _this = this;
@@ -11923,13 +11923,13 @@
         };
         SeriesViewerViewManager.prototype.bh = function () {
             if (this.f != null) {
-                this.f.bi(this.aj, "");
+                this.f.bk(this.aj, "");
             }
         };
         SeriesViewerViewManager.prototype.bf = function () {
             this.ba();
             if (this.f != null) {
-                this.f.au(this.aj, "");
+                this.f.av(this.aj, "");
             }
         };
         SeriesViewerViewManager.prototype.ao = function (a, b, c) {
@@ -61512,7 +61512,7 @@
             if (!this.at) {
                 if (this.ap != null && this.an.q != null) {
                     this.at = true;
-                    this.ap.au(this.an.q, "pointerTooltip" + igniteuiWebcomponentsCore.Base.getHashCodeStatic(this));
+                    this.ap.av(this.an.q, "pointerTooltip" + igniteuiWebcomponentsCore.Base.getHashCodeStatic(this));
                 }
             }
         };
@@ -61520,7 +61520,7 @@
             if (this.at) {
                 if (this.ap != null && this.an.q != null) {
                     this.at = false;
-                    this.ap.bi(this.an.q, "pointerTooltip" + igniteuiWebcomponentsCore.Base.getHashCodeStatic(this));
+                    this.ap.bk(this.an.q, "pointerTooltip" + igniteuiWebcomponentsCore.Base.getHashCodeStatic(this));
                 }
                 this.ap = null;
             }
@@ -67746,14 +67746,14 @@
             var b = Math.round(this.al.rootWrapper.height());
             this.a.jm = new igniteuiWebcomponentsCore.Rect(0, 0, 0, a, b);
             if (this.b != null) {
-                this.b.bm = this.a.jm;
+                this.b.bo = this.a.jm;
             }
             this.a.go();
         };
         DataLegendView.prototype.ap = function () {
             if (this.b != null) {
-                this.b.ap = null;
-                this.b.aw();
+                this.b.aq = null;
+                this.b.ax();
                 this.b = null;
             }
         };
@@ -68090,7 +68090,7 @@
         DataLegendView.prototype.a5 = function () {
             if (this.b != null) {
                 var a = this.al.rootWrapper;
-                this.b.au(a, "");
+                this.b.av(a, "");
             }
         };
         DataLegendView.prototype.a8 = function () {
@@ -68099,7 +68099,7 @@
                     return;
                 }
                 var a = this.al.rootWrapper;
-                this.b.bi(a, "");
+                this.b.bk(a, "");
             }
         };
         DataLegendView.prototype.at = function (a, b) {
@@ -130864,8 +130864,8 @@
                     var r = a.ys;
                     a.ue(q, true);
                     var s = a.ys;
-                    if (r.equals1(s) && a.dw.k.ac) {
-                        a.dw.k.av();
+                    if (r.equals1(s) && a.dw.k.ad) {
+                        a.dw.k.aw();
                     }
                     this.as = new igniteuiWebcomponentsCore.Rect(3, b, new igniteuiWebcomponentsCore.Size(1, 0, 0));
                     this.au = new igniteuiWebcomponentsCore.Rect(3, b, new igniteuiWebcomponentsCore.Size(1, 0, 0));
@@ -131587,7 +131587,7 @@
             if (this.c != null) {
                 var d = new igniteuiWebcomponentsCore.MouseButtonEventArgs();
                 d.position = c;
-                if (b.al) {
+                if (b.am) {
                     this.c.ba.a$aj(this.c, d.position, this.a, d);
                 }
                 else {
@@ -131602,7 +131602,7 @@
             if (e != null) {
                 var f = new igniteuiWebcomponentsCore.MouseButtonEventArgs();
                 f.position = c;
-                if (b.al) {
+                if (b.am) {
                     e.ba.a$ak(e, f.position, this.a, f);
                 }
                 else {
@@ -134277,7 +134277,7 @@
             var e_1, _a, e_2, _b, e_3, _c, e_4, _d, e_5, _e, e_6, _f;
             var _this = this;
             var d;
-            if (a.itemsSource != null && igniteuiWebcomponentsCore.NativeUIComponent.v(16, 0)) {
+            if (a.itemsSource != null && igniteuiWebcomponentsCore.NativeUIComponent.w(16, 0)) {
                 var e = new igniteuiWebcomponentsCore.ToolActionGroupHeaderInfo();
                 e.name = "AxisFieldLabelHeader";
                 e.title = "Label Fields";
@@ -154743,7 +154743,7 @@
         };
         PieChartViewManager.prototype.af = function (a, b) {
             this.ab();
-            this.c.bm = new igniteuiWebcomponentsCore.Rect(0, 0, 0, a, b);
+            this.c.bo = new igniteuiWebcomponentsCore.Rect(0, 0, 0, a, b);
             var c = this.a.a.c2;
             if (c == this.l && a == this.k && b == this.j) {
                 return;
@@ -154755,13 +154755,13 @@
         };
         PieChartViewManager.prototype.ag = function () {
             if (this.c != null) {
-                this.c.bi(this.s, "");
+                this.c.bk(this.s, "");
             }
         };
         PieChartViewManager.prototype.ad = function () {
             this.ab();
             if (this.c != null) {
-                this.c.au(this.s, "");
+                this.c.av(this.s, "");
             }
         };
         PieChartViewManager.prototype.ab = function () {
@@ -154825,7 +154825,7 @@
             return this.a.b.c;
         };
         PieChartViewManager.prototype.aq = function () {
-            var a = igniteuiWebcomponentsCore.DOMEventProxy.c5(this.n.rootWrapper);
+            var a = igniteuiWebcomponentsCore.DOMEventProxy.c8(this.n.rootWrapper);
             return { $type: igniteuiWebcomponentsCore.Point_$type, x: a.left, y: a.top };
         };
         PieChartViewManager.prototype.aj = function (a) {
@@ -154883,7 +154883,7 @@
         PieChartViewManager.prototype.ae = function (a) {
             if (a == null) {
                 if (this.c != null) {
-                    this.c.aw();
+                    this.c.ax();
                 }
                 this.n = null;
                 this.p = null;
@@ -154938,7 +154938,7 @@
             e.onMouseDown = igniteuiWebcomponentsCore.delegateCombine(e.onMouseDown, igniteuiWebcomponentsCore.runOn(this.a, this.a.ai));
             var f = this.c;
             f.onMouseUp = igniteuiWebcomponentsCore.delegateCombine(f.onMouseUp, igniteuiWebcomponentsCore.runOn(this.a, this.a.al));
-            this.c.ae = this.a.a.cf;
+            this.c.af = this.a.a.cf;
             this.af(this.n.rootWrapper.width(), this.n.rootWrapper.height());
         };
         PieChartViewManager.prototype.x = function (a) {
@@ -154948,7 +154948,7 @@
             if (this.c == null) {
                 return;
             }
-            this.c.ae = a;
+            this.c.af = a;
         };
         PieChartViewManager.prototype.v = function () {
             return this.n;
@@ -155123,7 +155123,7 @@
             },
             set: function (a) {
                 this.d = a;
-                this.slice.ai.g2(this.slice, a);
+                this.slice.ai.g3(this.slice, a);
             },
             enumerable: false,
             configurable: true
@@ -155262,7 +155262,7 @@
             },
             set: function (a) {
                 this.d = a;
-                this.slice.ai.g2(this.slice, a);
+                this.slice.ai.g3(this.slice, a);
             },
             enumerable: false,
             configurable: true
@@ -155398,7 +155398,7 @@
                 this.ao = a.b3(this);
                 var b = igniteuiWebcomponentsCore.typeCast(igniteuiWebcomponentsCore.TextBlock.$, this.aj);
                 var c = b.al;
-                a.a.gz();
+                a.a.g0();
                 var d = this.ah.isExploded ? this.ah.b5 : this.ah.b7;
                 var e = igniteuiWebcomponentsCore.GeometryUtil.r(d, this.ai, this.ah.a2 + a.a.db);
                 var f = a.b4.width;
@@ -155428,7 +155428,7 @@
         PieLabel.prototype.al = function () {
         };
         PieLabel.prototype.am = function () {
-            this.ap._visibility = this.ah.ai.je != 0 ? this.ah.ai.je : this.ah.aj._visibility;
+            this.ap._visibility = this.ah.ai.jj != 0 ? this.ah.ai.jj : this.ah.aj._visibility;
             var a;
             var b = this.ah.ai.dc;
             var c = igniteuiWebcomponentsCore.GeometryUtil.r(this.ah.b6(), this.ai, this.ah.a2);
@@ -155453,7 +155453,7 @@
             this.ap.aq = a.y;
         };
         PieLabel.prototype.an = function () {
-            this.aq._visibility = this.ah.ai.je != 0 ? this.ah.ai.je : this.ah.aj._visibility;
+            this.aq._visibility = this.ah.ai.jj != 0 ? this.ah.ai.jj : this.ah.aj._visibility;
             var a = this.ah.b6();
             var b = this.aq.an.c._inner[0];
             var c = b._segments._inner[0];
@@ -155577,7 +155577,7 @@
             _this.sliceClick = null;
             _this.bx = null;
             _this.bw = null;
-            _this.i9 = null;
+            _this.je = null;
             _this.ap = null;
             _this.as = null;
             _this.aq = null;
@@ -155590,30 +155590,30 @@
             _this.sliceLeave = null;
             _this.sliceHover = null;
             _this.ds = null;
-            _this.i9 = igniteuiWebcomponentsCore.Rect.empty;
+            _this.je = igniteuiWebcomponentsCore.Rect.empty;
             var a = _this.a3();
-            _this.go(a);
+            _this.gp(a);
             a.a2();
             _this.ab = PieChartBase.$;
             _this.co = new igniteuiWebcomponentsCore.List$1(igniteuiWebcomponentsCore.Number_$type, 0);
             _this.cn = new igniteuiWebcomponentsCore.List$1(igniteuiWebcomponentsCore.Number_$type, 0);
             _this.cm = new igniteuiWebcomponentsCore.List$1(igniteuiWebcomponentsCore.Base.$, 0);
-            _this.a8 = function (b, c) { return _this.gs(b, c.propertyName, c.oldValue, c.newValue); };
+            _this.a8 = function (b, c) { return _this.gt(b, c.propertyName, c.oldValue, c.newValue); };
             _this.cu = function (b, c) {
+                _this.g0();
                 _this.gz();
-                _this.gy();
             };
             _this.cv = function (b, c) {
                 if (_this.b8) {
+                    _this.gs();
                     _this.gr();
-                    _this.gq();
-                    _this.gz();
-                    _this.gx();
+                    _this.g0();
+                    _this.gy();
                 }
             };
-            _this.cw = function (b, c) { return _this.g1(c); };
-            _this.cx = function (b, c) { return _this.gh(c); };
-            _this.dk = function (b, c) { return _this.fx(c.action, c.position, c.count, c.propertyName); };
+            _this.cw = function (b, c) { return _this.g2(c); };
+            _this.cx = function (b, c) { return _this.gi(c); };
+            _this.dk = function (b, c) { return _this.fy(c.action, c.position, c.count, c.propertyName); };
             _this.propertyUpdated = igniteuiWebcomponentsCore.delegateCombine(_this.propertyUpdated, _this.a8);
             var b = _this.selectedSlices;
             b.collectionChanged = igniteuiWebcomponentsCore.delegateCombine(b.collectionChanged, _this.cw);
@@ -155647,7 +155647,7 @@
         PieChartBase.prototype.a3 = function () {
             return new PieChartBaseView(this);
         };
-        PieChartBase.prototype.go = function (a) {
+        PieChartBase.prototype.gp = function (a) {
             this.a4 = a;
         };
         Object.defineProperty(PieChartBase.prototype, "isFragment", {
@@ -155669,8 +155669,9 @@
         };
         PieChartBase.prototype.onAttachedToUI = function () {
             this.a4.ay();
+            this.hd();
         };
-        PieChartBase.prototype.f0 = function () {
+        PieChartBase.prototype.f1 = function () {
             this.a4.ap();
         };
         Object.defineProperty(PieChartBase.prototype, "bv", {
@@ -155681,7 +155682,7 @@
                 if (this.bq != a) {
                     var b = this.bq;
                     this.bq = a;
-                    this.gu("ValueColumn", b, this.bq);
+                    this.gv("ValueColumn", b, this.bq);
                 }
             },
             enumerable: false,
@@ -155704,7 +155705,7 @@
             enumerable: false,
             configurable: true
         });
-        Object.defineProperty(PieChartBase.prototype, "d9", {
+        Object.defineProperty(PieChartBase.prototype, "ea", {
             get: function () {
                 var a = this.XSRP.b1("InvalidLabelBinding");
                 if (igniteuiWebcomponentsCore.stringIsNullOrWhiteSpace(a)) {
@@ -155717,7 +155718,7 @@
         });
         Object.defineProperty(PieChartBase.prototype, "da", {
             get: function () {
-                return this.c(PieChartBase.hp);
+                return this.c(PieChartBase.hu);
             },
             set: function (a) {
                 var b = a;
@@ -155730,7 +155731,7 @@
                 if (a > 100) {
                     b = 100;
                 }
-                this.h(PieChartBase.hp, b);
+                this.h(PieChartBase.hu, b);
             },
             enumerable: false,
             configurable: true
@@ -155743,7 +155744,7 @@
                 if (this.bo != a) {
                     var b = this.br;
                     this.bo = a;
-                    this.gu("LabelColumn", b, this.br);
+                    this.gv("LabelColumn", b, this.br);
                 }
             },
             enumerable: false,
@@ -155757,7 +155758,7 @@
                 if (this.bp != a) {
                     var b = this.bs;
                     this.bp = a;
-                    this.gu("LegendLabelColumn", b, this.bs);
+                    this.gv("LegendLabelColumn", b, this.bs);
                 }
             },
             enumerable: false,
@@ -155809,10 +155810,10 @@
                     this.b1 = true;
                 }
                 if (this.b8) {
+                    this.gs();
                     this.gr();
-                    this.gq();
-                    this.gz();
-                    this.gx();
+                    this.g0();
+                    this.gy();
                 }
             },
             enumerable: false,
@@ -155833,22 +155834,25 @@
                     this.b4 = true;
                 }
                 if (this.b9) {
+                    this.gs();
                     this.gr();
-                    this.gq();
-                    this.gz();
-                    this.gx();
+                    this.g0();
                     this.gy();
+                    this.gz();
                 }
             },
             enumerable: false,
             configurable: true
         });
-        Object.defineProperty(PieChartBase.prototype, "hc", {
+        PieChartBase.prototype.hf = function () {
+            return this.legendItemBadgeTemplate;
+        };
+        Object.defineProperty(PieChartBase.prototype, "hg", {
             get: function () {
-                return igniteuiWebcomponentsCore.typeCast(igniteuiWebcomponentsCore.DataTemplate.$, this.c(PieChartBase.h0));
+                return igniteuiWebcomponentsCore.typeCast(igniteuiWebcomponentsCore.DataTemplate.$, this.c(PieChartBase.h5));
             },
             set: function (a) {
-                this.h(PieChartBase.h0, a);
+                this.h(PieChartBase.h5, a);
             },
             enumerable: false,
             configurable: true
@@ -155866,7 +155870,7 @@
             set: function (a) {
                 var b = this.cz;
                 this.cz = a;
-                this.gu("PixelScalingRatio", b, this.cz);
+                this.gv("PixelScalingRatio", b, this.cz);
             },
             enumerable: false,
             configurable: true
@@ -155878,17 +155882,17 @@
             set: function (a) {
                 var b = this.cy;
                 this.cy = a;
-                this.gu("ActualPixelScalingRatio", b, this.cy);
+                this.gv("ActualPixelScalingRatio", b, this.cy);
             },
             enumerable: false,
             configurable: true
         });
         Object.defineProperty(PieChartBase.prototype, "selectedItem", {
             get: function () {
-                return this.c(PieChartBase.io);
+                return this.c(PieChartBase.it);
             },
             set: function (a) {
-                this.h(PieChartBase.io, a);
+                this.h(PieChartBase.it, a);
             },
             enumerable: false,
             configurable: true
@@ -155903,37 +155907,37 @@
             enumerable: false,
             configurable: true
         });
-        PieChartBase.prototype.gd = function (a, b) {
+        PieChartBase.prototype.ge = function (a, b) {
             if (this.labelClick != null) {
                 this.labelClick(a, b);
             }
         };
-        PieChartBase.prototype.gf = function (a, b) {
+        PieChartBase.prototype.gg = function (a, b) {
             if (this.selectedItemChanging != null) {
                 this.selectedItemChanging(a, b);
             }
         };
-        PieChartBase.prototype.gi = function (a, b) {
+        PieChartBase.prototype.gj = function (a, b) {
             if (this.selectedItemsChanging != null) {
                 this.selectedItemsChanging(a, b);
             }
         };
-        PieChartBase.prototype.ge = function (a, b) {
+        PieChartBase.prototype.gf = function (a, b) {
             if (this.selectedItemChanged != null) {
                 this.selectedItemChanged(a, b);
             }
         };
-        PieChartBase.prototype.gg = function (a, b) {
+        PieChartBase.prototype.gh = function (a, b) {
             if (this.selectedItemsChanged != null) {
                 this.selectedItemsChanged(a, b);
             }
         };
-        PieChartBase.prototype.gk = function (a, b) {
+        PieChartBase.prototype.gl = function (a, b) {
             if (this.sliceClick != null) {
                 this.sliceClick(a, b);
             }
         };
-        PieChartBase.prototype.fz = function (a, b) {
+        PieChartBase.prototype.f0 = function (a, b) {
             if (!this.b1) {
                 return;
             }
@@ -155944,7 +155948,7 @@
                 this.explodedSlices.remove(a.a5);
             }
         };
-        PieChartBase.prototype.g2 = function (a, b) {
+        PieChartBase.prototype.g3 = function (a, b) {
             this.b6 = true;
             if (!this.selectedSlices.contains(a.a5) && b) {
                 this.selectedSlices.add(a.a5);
@@ -155954,13 +155958,13 @@
             }
             this.b6 = false;
         };
-        PieChartBase.prototype.g3 = function (a) {
+        PieChartBase.prototype.g4 = function (a) {
             this.a4.bd(a);
         };
         PieChartBase.prototype.dp = function (a) {
             return this.a4.ae(a);
         };
-        PieChartBase.prototype.i8 = function (a, b) {
+        PieChartBase.prototype.jd = function (a, b) {
             var c = new igniteuiWebcomponentsCore.Rect(0, 0, 0, 0, 0);
             return c;
         };
@@ -155970,8 +155974,8 @@
                 return false;
             }
             var d = c.b6();
-            var e = this.i3 == 1 ? c.a3 : c.ax;
-            var f = this.i3 == 1 ? c.ax : c.a3;
+            var e = this.i8 == 1 ? c.a3 : c.ax;
+            var f = this.i8 == 1 ? c.ax : c.a3;
             var g = false;
             var h = false;
             var i = igniteuiWebcomponentsCore.GeometryUtil.r(d, e, c.a2);
@@ -156057,7 +156061,7 @@
             }
             return igniteuiWebcomponentsCore.GeometryUtil.k(f);
         };
-        PieChartBase.g8 = function (a) {
+        PieChartBase.g9 = function (a) {
             var b = new Array(a.count);
             for (var c = 0; c < a.count; c++) {
                 var d = a._inner[c];
@@ -156078,7 +156082,7 @@
                 }
             }
         };
-        PieChartBase.prototype.g0 = function (a) {
+        PieChartBase.prototype.g1 = function (a) {
             var e_1, _a, e_2, _b;
             if (a.count == 0) {
                 return;
@@ -156213,19 +156217,19 @@
                 }
             }
         };
-        PieChartBase.prototype.fx = function (a, b, c, d) {
-            this.gw();
+        PieChartBase.prototype.fy = function (a, b, c, d) {
+            this.gx();
         };
-        PieChartBase.prototype.gw = function () {
-            this.gp();
-            this.gr();
+        PieChartBase.prototype.gx = function () {
             this.gq();
-            this.gz();
-            this.gx();
+            this.gs();
+            this.gr();
+            this.g0();
             this.gy();
+            this.gz();
             this.a4.bs();
         };
-        PieChartBase.prototype.gp = function () {
+        PieChartBase.prototype.gq = function () {
             var e_3, _a;
             this.dj = 0;
             this.de = 0;
@@ -156279,7 +156283,7 @@
                 }
             }
         };
-        PieChartBase.prototype.gr = function () {
+        PieChartBase.prototype.gs = function () {
             if (this.actualItemsSource == null || this.bm == null) {
                 this.bx.count = 0;
                 return;
@@ -156302,7 +156306,7 @@
                 else {
                     g = this.bv.item(this.co._inner[e]);
                 }
-                if (this.i3 == 1) {
+                if (this.i8 == 1) {
                     d += PieChartBase.dh(Math.abs(g) * 360 / this.dj);
                 }
                 else {
@@ -156325,14 +156329,14 @@
             }
             this.bx.count = a;
         };
-        PieChartBase.prototype.fh = function () {
+        PieChartBase.prototype.fi = function () {
             var a = this.XSRP.b7;
             if (igniteuiWebcomponentsCore.stringIsNullOrWhiteSpace(a)) {
                 a = "Others";
             }
-            return this.e6 != null ? this.e6 : a;
+            return this.e7 != null ? this.e7 : a;
         };
-        PieChartBase.prototype.gq = function () {
+        PieChartBase.prototype.gr = function () {
             var _this = this;
             if (this.actualItemsSource == null || this.bm == null) {
                 this.bw.count = 0;
@@ -156353,7 +156357,7 @@
                 var f;
                 var g = null;
                 if (c == a - 1 && this_1.cn.count > 0) {
-                    f = this_1.fh();
+                    f = this_1.fi();
                     e = true;
                     if (this_1.cb() || this_1.ap != null || this_1.as != null) {
                         var h = ((function () {
@@ -156384,7 +156388,7 @@
                         d = f.toString();
                     }
                     else {
-                        d = this_1.fh();
+                        d = this_1.fi();
                     }
                 }
                 else {
@@ -156428,7 +156432,7 @@
                         }
                     }
                     var label_ = f;
-                    var errorMsg_ = this_1.d9;
+                    var errorMsg_ = this_1.ea;
                     if (label_ === undefined) {
                         throw new Error(errorMsg_);
                     }
@@ -156451,7 +156455,7 @@
                         $ret.al = d;
                         return $ret;
                     })());
-                    if (this_1.hc == null) {
+                    if (this_1.hg == null) {
                         l.dataContext = e ? this_1.cm : this_1.bm.item(this_1.co._inner[c]);
                         l.ak(this_1.a4);
                     }
@@ -156472,15 +156476,15 @@
             }
             this.bw.count = b;
         };
-        PieChartBase.prototype.gz = function () {
+        PieChartBase.prototype.g0 = function () {
             var e_4, _a;
             if (this.actualItemsSource == null || this.bm == null) {
                 return;
             }
             var a = this.a4.b5();
-            this.i9 = new igniteuiWebcomponentsCore.Rect(0, 0, 0, a.width, a.height);
+            this.je = new igniteuiWebcomponentsCore.Rect(0, 0, 0, a.width, a.height);
             var b = this.a4.ab();
-            var c = this.a4.aa(this.jc);
+            var c = this.a4.aa(this.jh);
             b = igniteuiWebcomponentsCore.isNaN_(b) ? 0 : b / 2;
             c = igniteuiWebcomponentsCore.isNaN_(c) ? 0 : c / 2;
             b = Math.max(c, b);
@@ -156503,7 +156507,7 @@
                     i.ay = this.c0;
                     i.b7 = e;
                     i.b5 = j;
-                    this.g3(i);
+                    this.g4(i);
                     i.aw = false;
                 }
             }
@@ -156522,7 +156526,7 @@
             }
             this.a4.bs();
         };
-        PieChartBase.prototype.gx = function () {
+        PieChartBase.prototype.gy = function () {
             var e_5, _a, e_6, _b, e_7, _c, e_8, _d, e_9, _e;
             var a = this.a4.b4.width;
             var b = this.a4.b4.height;
@@ -156553,11 +156557,11 @@
                         g.ao = new igniteuiWebcomponentsCore.Rect(0, m.x - j / 2, m.y - k / 2, j, k);
                         var n = this.ca(g, m);
                         if (n || this.az == 1) {
-                            if (this.iy == null) {
+                            if (this.i3 == null) {
                                 h.f(Slice.bp);
                             }
                             else {
-                                h.b2 = this.iy;
+                                h.b2 = this.i3;
                             }
                             h.au = true;
                             e.add(g);
@@ -156583,11 +156587,11 @@
                         g.ao = new igniteuiWebcomponentsCore.Rect(0, p.x - j / 2, p.y - k / 2, j, k);
                         var q = this.ca(g, p);
                         if (q || this.az == 2) {
-                            if (this.iy == null) {
+                            if (this.i3 == null) {
                                 h.f(Slice.bp);
                             }
                             else {
-                                h.b2 = this.iy;
+                                h.b2 = this.i3;
                             }
                             h.au = true;
                             f.add(g);
@@ -156607,11 +156611,11 @@
                             continue;
                         }
                     }
-                    if (this.iz == null) {
+                    if (this.i4 == null) {
                         h.f(Slice.bp);
                     }
                     else {
-                        h.b2 = this.iz;
+                        h.b2 = this.i4;
                     }
                     h.au = false;
                     var r = igniteuiWebcomponentsCore.GeometryUtil.r(i, g.ai, h.a2 + this.db);
@@ -156655,10 +156659,10 @@
                         throw e_5.error;
                 }
             }
-            PieChartBase.g8(c);
-            this.g0(c);
-            PieChartBase.g8(d);
-            this.g0(d);
+            PieChartBase.g9(c);
+            this.g1(c);
+            PieChartBase.g9(d);
+            this.g1(d);
             try {
                 for (var _h = tslib.__values(igniteuiWebcomponentsCore.fromEnum(e)), _j = _h.next(); !_j.done; _j = _h.next()) {
                     var s = _j.value;
@@ -156753,7 +156757,7 @@
             var d = c.ai * Math.PI / 180;
             var e = 1;
             var f = igniteuiWebcomponentsCore.GeometryUtil.r({ $type: igniteuiWebcomponentsCore.Point_$type, x: 0, y: 0 }, c.ai, e);
-            var g = PieChartBase.i5(c);
+            var g = PieChartBase.ja(c);
             var h = Math.sqrt(g.x * g.x + g.y * g.y);
             var i = { $type: igniteuiWebcomponentsCore.Point_$type, x: g.x / h, y: g.y / h };
             var j = PieChartBase.c8(f, i);
@@ -156766,12 +156770,12 @@
                 m = -m;
             }
             var p = igniteuiWebcomponentsCore.GeometryUtil.r(a, (d + m) * 180 / Math.PI, b);
-            var q = PieChartBase.i4(c, p);
+            var q = PieChartBase.i9(c, p);
             var r = Math.sqrt((q.x - a.x) * (q.x - a.x) + (q.y - a.y) * (q.y - a.y));
             var s = r - 5;
             return s;
         };
-        PieChartBase.i4 = function (a, b) {
+        PieChartBase.i9 = function (a, b) {
             var c = igniteuiWebcomponentsCore.GeometryUtil.k(a.ai);
             var d = a.ao.width / 2;
             var e = a.ao.height / 2;
@@ -156793,7 +156797,7 @@
             var f = Math.acos(c / (d * e));
             return f;
         };
-        PieChartBase.i5 = function (a) {
+        PieChartBase.ja = function (a) {
             var b = igniteuiWebcomponentsCore.GeometryUtil.k(a.ai);
             var c = a.ao.width / 2;
             var d = a.ao.height / 2;
@@ -156808,7 +156812,10 @@
             }
             return { $type: igniteuiWebcomponentsCore.Point_$type, x: c, y: -d };
         };
-        PieChartBase.prototype.gy = function () {
+        PieChartBase.prototype.hd = function () {
+            this.he = this.hf();
+        };
+        PieChartBase.prototype.gz = function () {
             var e_10, _a;
             var _this = this;
             if (this.legend == null || !this.legend.isItemwise) {
@@ -156834,7 +156841,7 @@
                     $ret.outline = e;
                     $ret.thickness = a.a4;
                     $ret.itemLabel = c != null ? c.toString() : null;
-                    $ret.legendLabel = a.isOthersSlice ? _this.fh() : a.bf != null ? a.bf : (c != null ? c.toString() : null);
+                    $ret.legendLabel = a.isOthersSlice ? _this.fi() : a.bf != null ? a.bf : (c != null ? c.toString() : null);
                     $ret.percentValue = _this.c9(a);
                     $ret.isOthersSlice = a.isOthersSlice;
                     return $ret;
@@ -156887,7 +156894,7 @@
         };
         PieChartBase.prototype.bl = function () {
             var a = new PieChartVisualData();
-            a.viewport = igniteuiWebcomponentsCore.RectData.b(this.i9);
+            a.viewport = igniteuiWebcomponentsCore.RectData.b(this.je);
             this.a4.ao(a);
             for (var b = 0; b < this.bx.count; b++) {
                 var c = this.bx.item(b).am();
@@ -156902,7 +156909,7 @@
             a.leaderLineMargin = this.dc;
             return a;
         };
-        PieChartBase.prototype.d4 = function () {
+        PieChartBase.prototype.d5 = function () {
             var a = this.bl();
             a.scaleByViewport();
             return a.serialize();
@@ -156915,16 +156922,16 @@
             var b = null;
             return this.bm.registerColumnObject(a, b, false);
         };
-        PieChartBase.prototype.gs = function (a, b, c, d) {
+        PieChartBase.prototype.gt = function (a, b, c, d) {
             var e_11, _a;
             switch (b) {
-                case PieChartBase.$$p[14]:
+                case PieChartBase.$$p[15]:
                     this.actualItemsSource = this.cs();
                     break;
-                case PieChartBase.$$p[45]:
                 case PieChartBase.$$p[46]:
-                    this.iy = this.i2(this.i0);
-                    this.iz = this.i2(this.i1);
+                case PieChartBase.$$p[47]:
+                    this.i3 = this.i7(this.i5);
+                    this.i4 = this.i7(this.i6);
                     this.ak = this.ao(this.am);
                     this.al = this.ao(this.al);
                     this.actualItemsSource = this.cs();
@@ -156933,8 +156940,8 @@
                     if (this.ch) {
                         this.ak = this.ao(this.am);
                         this.al = this.ao(this.al);
-                        this.iy = this.i2(this.i0);
-                        this.iz = this.i2(this.i1);
+                        this.i3 = this.i7(this.i5);
+                        this.i4 = this.i7(this.i6);
                     }
                     this.bm = ((function () {
                         var $ret = new igniteuiWebcomponentsCore.FastItemsSource();
@@ -156942,51 +156949,51 @@
                         return $ret;
                     })());
                     break;
-                case PieChartBase.$$p[16]:
                 case PieChartBase.$$p[17]:
-                    if (this.ef != null) {
+                case PieChartBase.$$p[18]:
+                    if (this.eg != null) {
                         this.ap = new igniteuiWebcomponentsCore.BindingFormatter();
-                        this.ap.j = this.ef;
+                        this.ap.j = this.eg;
                         this.ap.d = this.ag;
                     }
                     else {
                         this.ap = null;
                     }
                     break;
-                case PieChartBase.$$p[39]:
                 case PieChartBase.$$p[40]:
-                    if (this.fa != null) {
+                case PieChartBase.$$p[41]:
+                    if (this.fb != null) {
                         this.as = new igniteuiWebcomponentsCore.BindingFormatter();
-                        this.as.j = this.fa;
+                        this.as.j = this.fb;
                         this.as.d = this.aj;
                     }
                     else {
                         this.as = null;
                     }
                     break;
-                case PieChartBase.$$p[29]:
                 case PieChartBase.$$p[30]:
-                    if (this.ew != null) {
+                case PieChartBase.$$p[31]:
+                    if (this.ex != null) {
                         this.aq = new igniteuiWebcomponentsCore.BindingFormatter();
-                        this.aq.j = this.ew;
+                        this.aq.j = this.ex;
                         this.aq.d = this.ah;
                     }
                     else {
                         this.aq = null;
                     }
                     break;
-                case PieChartBase.$$p[32]:
                 case PieChartBase.$$p[33]:
-                    if (this.e1 != null) {
+                case PieChartBase.$$p[34]:
+                    if (this.e2 != null) {
                         this.ar = new igniteuiWebcomponentsCore.BindingFormatter();
-                        this.ar.j = this.e1;
+                        this.ar.j = this.e2;
                         this.ar.d = this.ai;
                     }
                     else {
                         this.ar = null;
                     }
                     break;
-                case PieChartBase.$$p[9]:
+                case PieChartBase.$$p[10]:
                     if (igniteuiWebcomponentsCore.typeCast(igniteuiWebcomponentsCore.FastItemsSource.$, c) != null) {
                         var e = c;
                         e.event = igniteuiWebcomponentsCore.delegateRemove(e.event, this.dk);
@@ -157007,86 +157014,87 @@
                         var f = d;
                         f.event = igniteuiWebcomponentsCore.delegateCombine(f.event, this.dk);
                         this.b2 = true;
-                        this.bv = this.bt(this.fi(this.fv));
-                        this.br = this.bu(this.fg(this.ej));
-                        this.bs = this.bu(this.ez);
-                        this.gr();
+                        this.bv = this.bt(this.fj(this.fw));
+                        this.br = this.bu(this.fh(this.ek));
+                        this.bs = this.bu(this.e0);
+                        this.gs();
                         if (this.selectedItem != null || this.selectedItems.count > 0) {
-                            this.ha();
+                            this.hb();
                         }
                         else if (this.selectedSlices != null && this.selectedSlices.count > 0) {
-                            this.hb();
+                            this.hc();
                         }
                     }
-                    this.gw();
+                    this.gx();
                     break;
-                case PieChartBase.$$p[51]:
+                case PieChartBase.$$p[52]:
                     if (this.bm != null) {
                         this.bm.deregisterColumn(this.bv);
-                        this.bv = this.bt(this.fi(this.fv));
+                        this.bv = this.bt(this.fj(this.fw));
                     }
                     break;
-                case PieChartBase.$$p[31]:
+                case PieChartBase.$$p[32]:
                     if (this.bm != null) {
                         this.bm.deregisterColumn(this.bs);
-                        this.bs = this.bu(this.ez);
-                        this.gq();
-                        this.gx();
+                        this.bs = this.bu(this.e0);
+                        this.gr();
                         this.gy();
+                        this.gz();
                     }
                     break;
-                case PieChartBase.$$p[11]:
-                    this.gy();
+                case PieChartBase.$$p[12]:
+                    this.gz();
                     break;
-                case PieChartBase.$$p[10]:
-                case PieChartBase.$$p[19]:
+                case PieChartBase.$$p[11]:
+                case PieChartBase.$$p[20]:
                     if (this.bm != null) {
                         this.bm.deregisterColumn(this.br);
-                        this.br = this.bu(this.fg(this.ej));
-                        this.gq();
-                        this.gx();
+                        this.br = this.bu(this.fh(this.ek));
+                        this.gr();
                         this.gy();
+                        this.gz();
                     }
                     break;
-                case PieChartBase.$$p[47]:
+                case PieChartBase.$$p[48]:
                     this.c4 = d;
+                    this.gs();
                     this.gr();
-                    this.gq();
-                    this.gz();
-                    this.gx();
+                    this.g0();
+                    this.gy();
                     break;
-                case PieChartBase.$$p[49]:
+                case PieChartBase.$$p[50]:
                     this.a4.bq(this.dr);
                     break;
-                case PieChartBase.$$p[34]:
+                case PieChartBase.$$p[35]:
                     var g = igniteuiWebcomponentsCore.typeCast(igniteuiWebcomponentsCore.IChartLegend_$type, c);
                     if (g != null) {
                         g.clearLegendItemsForSeries(this);
                         g.flushTextContentChangedCheck();
                     }
-                    this.gy();
+                    this.gz();
                     break;
-                case PieChartBase.$$p[27]:
                 case PieChartBase.$$p[28]:
-                    this.gy();
-                    break;
-                case PieChartBase.$$p[42]:
-                case PieChartBase.$$p[8]:
-                case PieChartBase.$$p[48]:
-                    this.gr();
-                    this.gq();
+                case PieChartBase.$$p[29]:
+                    this.hd();
                     this.gz();
-                    this.gx();
                     break;
-                case PieChartBase.$$p[35]:
                 case PieChartBase.$$p[43]:
-                    this.gz();
+                case PieChartBase.$$p[9]:
+                case PieChartBase.$$p[49]:
+                    this.gs();
+                    this.gr();
+                    this.g0();
                     this.gy();
                     break;
-                case PieChartBase.$$p[7]:
+                case PieChartBase.$$p[36]:
+                case PieChartBase.$$p[44]:
+                    this.g0();
+                    this.gz();
+                    break;
+                case PieChartBase.$$p[8]:
                     this.ak = this.ao(this.am);
                     break;
-                case PieChartBase.$$p[41]:
+                case PieChartBase.$$p[42]:
                     this.al = this.ao(this.an);
                     break;
                 case PieChartBase.$$p[0]:
@@ -157100,10 +157108,10 @@
                         i.collectionChanged = igniteuiWebcomponentsCore.delegateCombine(i.collectionChanged, this.cu);
                         this.b0 = true;
                     }
+                    this.g0();
                     this.gz();
-                    this.gy();
                     break;
-                case PieChartBase.$$p[4]:
+                case PieChartBase.$$p[5]:
                     if (c != null) {
                         var j = c;
                         j.collectionChanged = igniteuiWebcomponentsCore.delegateRemove(j.collectionChanged, this.cu);
@@ -157114,47 +157122,47 @@
                         k.collectionChanged = igniteuiWebcomponentsCore.delegateCombine(k.collectionChanged, this.cu);
                         this.b3 = true;
                     }
+                    this.g0();
                     this.gz();
-                    this.gy();
                     break;
                 case "ValueColumn":
-                case PieChartBase.$$p[37]:
                 case PieChartBase.$$p[38]:
-                    this.gw();
-                    this.ha();
+                case PieChartBase.$$p[39]:
+                    this.gx();
                     this.hb();
+                    this.hc();
                     break;
-                case PieChartBase.$$p[5]:
                 case PieChartBase.$$p[6]:
-                    this.gw();
-                    break;
-                case PieChartBase.$$p[21]:
-                    this.gq();
+                case PieChartBase.$$p[7]:
                     this.gx();
+                    break;
+                case PieChartBase.$$p[22]:
+                    this.gr();
+                    this.gy();
                     this.a4.bs();
                     break;
-                case PieChartBase.$$p[18]:
-                    this.iy = this.i2(this.i0);
+                case PieChartBase.$$p[19]:
+                    this.i3 = this.i7(this.i5);
                     break;
-                case PieChartBase.$$p[20]:
-                    this.iz = this.i2(this.i1);
+                case PieChartBase.$$p[21]:
+                    this.i4 = this.i7(this.i6);
                     break;
                 case PieChartBase.$$p[2]:
                 case PieChartBase.$$p[3]:
-                case PieChartBase.$$p[15]:
-                    this.gq();
-                    this.gx();
+                case PieChartBase.$$p[16]:
+                    this.gr();
+                    this.gy();
                     break;
-                case PieChartBase.$$p[36]:
-                    this.gq();
-                    this.gx();
+                case PieChartBase.$$p[37]:
+                    this.gr();
                     this.gy();
+                    this.gz();
                     break;
-                case PieChartBase.$$p[25]:
-                    this.gx();
+                case PieChartBase.$$p[26]:
+                    this.gy();
                     break;
-                case PieChartBase.$$p[23]:
-                    this.gx();
+                case PieChartBase.$$p[24]:
+                    this.gy();
                     break;
                 case "TextStyle":
                     this.a4.bi();
@@ -157171,31 +157179,31 @@
                     this.a4.a4();
                     break;
                 case "LabelTemplate":
-                    this.gq();
-                    this.gx();
+                    this.gr();
+                    this.gy();
                     break;
-                case PieChartBase.$$p[24]:
-                case PieChartBase.$$p[22]:
+                case PieChartBase.$$p[25]:
+                case PieChartBase.$$p[23]:
                     this.bw.c(igniteuiWebcomponentsCore.runOn(this.a4, this.a4.bm));
-                    this.gx();
+                    this.gy();
                     break;
-                case PieChartBase.$$p[13]:
+                case PieChartBase.$$p[14]:
                     this.a4.a3();
                     break;
                 case "InnerExtent":
-                    this.gw();
+                    this.gx();
                     break;
-                case PieChartBase.$$p[26]:
-                    this.gw();
+                case PieChartBase.$$p[27]:
+                    this.gx();
                     break;
                 case "SelectedItem":
                     if (!this.b6) {
-                        this.gr();
+                        this.gs();
+                        this.g0();
                         this.gz();
-                        this.gy();
                     }
                     break;
-                case PieChartBase.$$p[44]:
+                case PieChartBase.$$p[45]:
                     if (igniteuiWebcomponentsCore.EnumUtil.getEnumValue(SliceSelectionMode_$type, d) == 1 && this.selectedItems != null && this.selectedItems.count > 1) {
                         this.selectedItems.clear();
                     }
@@ -157226,12 +157234,12 @@
                             else {
                                 this.selectedItems.add1(this.selectedItem);
                             }
-                            this.hb();
+                            this.hc();
                         }
                     }
-                    this.ha();
-                    this.gr();
-                    this.gz();
+                    this.hb();
+                    this.gs();
+                    this.g0();
                     break;
             }
         };
@@ -157266,20 +157274,20 @@
             }
             return b;
         };
-        PieChartBase.prototype.i2 = function (a) {
+        PieChartBase.prototype.i7 = function (a) {
             if (!this.ch || !this.ci || this.itemsSource != null) {
                 return a;
             }
             var b = igniteuiWebcomponentsCore.BrushUtil.l(0, 0, 0, 0);
             return b;
         };
-        PieChartBase.prototype.fg = function (a) {
+        PieChartBase.prototype.fh = function (a) {
             if (this.ch && this.itemsSource == null) {
                 return "Label";
             }
             return a;
         };
-        PieChartBase.prototype.fi = function (a) {
+        PieChartBase.prototype.fj = function (a) {
             if (this.ch && this.itemsSource == null) {
                 return "Value";
             }
@@ -157297,29 +157305,29 @@
             }
             return this.cp;
         };
-        PieChartBase.prototype.g1 = function (a) {
+        PieChartBase.prototype.g2 = function (a) {
             if (this.b7) {
                 return;
             }
-            this.hb();
+            this.hc();
             if (this.b9) {
-                this.gr();
+                this.gs();
+                this.g0();
                 this.gz();
-                this.gy();
             }
         };
-        PieChartBase.prototype.gh = function (a) {
+        PieChartBase.prototype.gi = function (a) {
             if (a.action == 4 && a.newItems == null && a.oldItems == null) {
                 return;
             }
             if (this.b6) {
                 return;
             }
-            this.ha();
+            this.hb();
             if (this.b9) {
-                this.gr();
+                this.gs();
+                this.g0();
                 this.gz();
-                this.gy();
             }
             var b = new igniteuiWebcomponentsCore.ObjectCollection(0);
             if (a.oldItems != null) {
@@ -157334,9 +157342,9 @@
                 }
             }
             var f = this.selectedItems;
-            this.gg(this, new SelectedItemsChangedEventArgs(b, d, f));
+            this.gh(this, new SelectedItemsChangedEventArgs(b, d, f));
         };
-        PieChartBase.prototype.gu = function (a, b, c) {
+        PieChartBase.prototype.gv = function (a, b, c) {
             if (this.propertyChanged != null) {
                 this.propertyChanged(this, new igniteuiWebcomponentsCore.PropertyChangedEventArgs(a));
             }
@@ -157344,7 +157352,7 @@
                 this.propertyUpdated(this, new igniteuiWebcomponentsCore.PropertyUpdatedEventArgs(a, b, c));
             }
         };
-        PieChartBase.prototype.hb = function () {
+        PieChartBase.prototype.hc = function () {
             var e_13, _a, e_14, _b;
             if (this.actualItemsSource == null || this.bx.a.count == 0) {
                 return;
@@ -157427,7 +157435,7 @@
             }
             this.b6 = false;
         };
-        PieChartBase.prototype.ha = function () {
+        PieChartBase.prototype.hb = function () {
             var e_15, _a;
             if (this.actualItemsSource == null || this.bx.a.count == 0) {
                 return;
@@ -157457,10 +157465,10 @@
             }
             this.b7 = false;
         };
-        PieChartBase.prototype.g6 = function (a, b) {
-            this.g7(a, b, false);
+        PieChartBase.prototype.g7 = function (a, b) {
+            this.g8(a, b, false);
         };
-        PieChartBase.prototype.g7 = function (a, b, c) {
+        PieChartBase.prototype.g8 = function (a, b, c) {
             if (this.b9) {
                 if (this.bk == 1) {
                     this.a7.k(a);
@@ -157470,24 +157478,24 @@
                 }
             }
             var d = new SliceClickEventArgs(a, this.a4.af(b));
-            this.gk(this, d);
+            this.gl(this, d);
             if (!c) {
                 this.a4.bo(a, b);
             }
         };
-        PieChartBase.prototype.g5 = function (a) {
+        PieChartBase.prototype.g6 = function (a) {
             this.a4.al(a);
         };
         PieChartBase.prototype.cg = function (a, b) {
             var c = new LabelClickEventArgs(a, this.a4.af(b));
-            this.gd(this, c);
+            this.ge(this, c);
             return c.allowSliceClick;
         };
-        PieChartBase.prototype.f1 = function (a, b) {
+        PieChartBase.prototype.f2 = function (a, b) {
             if (a != this.dn) {
                 this.dn = a;
                 if (a != null) {
-                    this.gl(a, b);
+                    this.gm(a, b);
                 }
             }
             this.a4.bo(a, b);
@@ -157500,71 +157508,71 @@
             d.position = c;
             return d;
         };
-        PieChartBase.prototype.gl = function (a, b) {
+        PieChartBase.prototype.gm = function (a, b) {
             if (this.sliceEnter != null) {
                 this.sliceEnter(a, this.bf(a, b));
             }
         };
-        PieChartBase.prototype.gm = function (a, b) {
+        PieChartBase.prototype.gn = function (a, b) {
             if (this.sliceLeave != null) {
                 this.sliceLeave(a, this.bf(a, b));
             }
         };
-        PieChartBase.prototype.gn = function (a, b, c) {
+        PieChartBase.prototype.go = function (a, b, c) {
             if (this.sliceHover != null) {
                 this.sliceHover(a, this.bg(a, b, c));
             }
         };
-        PieChartBase.prototype.f4 = function (a, b, c) {
+        PieChartBase.prototype.f5 = function (a, b, c) {
             if (a != this.dn) {
                 var d = this.dn;
                 if (d != null) {
-                    this.gm(d, b);
+                    this.gn(d, b);
                 }
                 this.dn = a;
                 if (this.dn != null) {
-                    this.gl(a, b);
+                    this.gm(a, b);
                 }
             }
             else {
                 if (this.dn != null) {
-                    this.gn(a, b, b.getPosition(this));
+                    this.go(a, b, b.getPosition(this));
                 }
             }
             this.a4.bo(a, b);
         };
-        PieChartBase.prototype.f3 = function (a, b) {
-            this.f4(a, b, false);
+        PieChartBase.prototype.f4 = function (a, b) {
+            this.f5(a, b, false);
         };
-        PieChartBase.prototype.f2 = function (a, b) {
+        PieChartBase.prototype.f3 = function (a, b) {
             this.a4.am();
             if (this.dn != null) {
                 if (this.dn != null) {
-                    this.gm(this.dn, b);
+                    this.gn(this.dn, b);
                 }
                 this.dn = null;
             }
         };
-        PieChartBase.prototype.gj = function () {
-            this.gw();
+        PieChartBase.prototype.gk = function () {
+            this.gx();
         };
         PieChartBase.prototype.provideContainer = function (a) {
             this.a4.az(a);
         };
-        PieChartBase.prototype.gb = function (a, b) {
+        PieChartBase.prototype.gc = function (a, b) {
             this.a4.a0(a, b);
         };
         PieChartBase.prototype.notifyContainerResized = function () {
             this.a4.ax();
         };
-        PieChartBase.prototype.i7 = function () {
+        PieChartBase.prototype.jc = function () {
             return this.a4.b2();
         };
-        PieChartBase.prototype.i6 = function () {
+        PieChartBase.prototype.jb = function () {
             return this.a4.bz();
         };
         PieChartBase.prototype.destroy = function () {
-            this.gv();
+            this.gw();
             if (this.b0) {
                 var a = this.ak;
                 a.collectionChanged = igniteuiWebcomponentsCore.delegateRemove(a.collectionChanged, this.cu);
@@ -157577,14 +157585,14 @@
             }
             this.a4.az(null);
         };
-        Object.defineProperty(PieChartBase.prototype, "fq", {
+        Object.defineProperty(PieChartBase.prototype, "fr", {
             get: function () {
                 return this.ds;
             },
             set: function (a) {
                 var b = this.ds;
                 this.ds = a;
-                this.gu("TextStyle", b, a);
+                this.gv("TextStyle", b, a);
             },
             enumerable: false,
             configurable: true
@@ -157642,7 +157650,7 @@
                 return this.bv.item(this.co._inner[a.a5]) / this.dj * 100;
             }
         };
-        PieChartBase.prototype.f9 = function (source_, a, b, c) {
+        PieChartBase.prototype.ga = function (source_, a, b, c) {
             if (source_.dataView && source_.dataSource) {
                 source_ = source_.dataView();
             }
@@ -157656,7 +157664,7 @@
             }
             d.handleCollectionChanged(new igniteuiWebcomponentsCore.NotifyCollectionChangedEventArgs(2, 2, c, b, a));
         };
-        PieChartBase.prototype.f5 = function (source_) {
+        PieChartBase.prototype.f6 = function (source_) {
             if (source_.dataView && source_.dataSource) {
                 source_ = source_.dataView();
             }
@@ -157673,7 +157681,7 @@
         PieChartBase.ck = function (a, b) {
             return a == b;
         };
-        PieChartBase.prototype.f7 = function (source_, a, b) {
+        PieChartBase.prototype.f8 = function (source_, a, b) {
             if (source_.dataView && source_.dataSource) {
                 source_ = source_.dataView();
             }
@@ -157687,7 +157695,7 @@
             }
             c.handleCollectionChanged(new igniteuiWebcomponentsCore.NotifyCollectionChangedEventArgs(1, 0, b, a));
         };
-        PieChartBase.prototype.f8 = function (source_, a, b) {
+        PieChartBase.prototype.f9 = function (source_, a, b) {
             if (source_.dataView && source_.dataSource) {
                 source_ = source_.dataView();
             }
@@ -157701,21 +157709,21 @@
             }
             c.handleCollectionChanged(new igniteuiWebcomponentsCore.NotifyCollectionChangedEventArgs(1, 1, b, a));
         };
-        PieChartBase.prototype.g4 = function (source_) {
+        PieChartBase.prototype.g5 = function (source_) {
             if (source_.dataView && source_.dataSource) {
                 source_ = source_.dataView();
             }
             ;
             this.itemsSource = source_;
         };
-        PieChartBase.prototype.gv = function () {
+        PieChartBase.prototype.gw = function () {
             this.itemsSource = null;
         };
-        PieChartBase.prototype.g9 = function () {
+        PieChartBase.prototype.ha = function () {
             this.a4.bi();
         };
         PieChartBase.prototype.bn = function () {
-            return igniteuiWebcomponentsCore.FontUtil.toFontInfo(this.a4.c.n, this.fq);
+            return igniteuiWebcomponentsCore.FontUtil.toFontInfo(this.a4.c.n, this.fr);
         };
         PieChartBase.prototype.resolveLegendIndex = function () {
             return -1;
@@ -157723,21 +157731,21 @@
         PieChartBase.prototype.forSubItems = function (a) {
         };
         PieChartBase.$t = igniteuiWebcomponentsCore.markType(PieChartBase, 'PieChartBase', igniteuiWebcomponentsCore.Control.$, [igniteuiWebcomponentsCore.INotifyPropertyChanged_$type, igniteuiWebcomponentsCore.ILegendOwner_$type, igniteuiWebcomponentsCore.ILegendSeries_$type, igniteuiWebcomponentsCore.ILegendTemplateProvider_$type]);
-        PieChartBase.hp = igniteuiWebcomponentsCore.DependencyProperty.i("InnerExtent", igniteuiWebcomponentsCore.Number_$type, PieChartBase.$, new igniteuiWebcomponentsCore.PropertyMetadata(2, 0, function (a, b) { return a.gu("InnerExtent", b.oldValue, b.newValue); }));
-        PieChartBase.h0 = igniteuiWebcomponentsCore.DependencyProperty.i("LabelTemplate", igniteuiWebcomponentsCore.DataTemplate.$, PieChartBase.$, new igniteuiWebcomponentsCore.PropertyMetadata(2, null, function (a, b) { return a.gu("LabelTemplate", b.oldValue, b.newValue); }));
-        PieChartBase.io = igniteuiWebcomponentsCore.DependencyProperty.i("SelectedItem", igniteuiWebcomponentsCore.Base.$, PieChartBase.$, new igniteuiWebcomponentsCore.PropertyMetadata(1, function (a, b) {
+        PieChartBase.hu = igniteuiWebcomponentsCore.DependencyProperty.i("InnerExtent", igniteuiWebcomponentsCore.Number_$type, PieChartBase.$, new igniteuiWebcomponentsCore.PropertyMetadata(2, 0, function (a, b) { return a.gv("InnerExtent", b.oldValue, b.newValue); }));
+        PieChartBase.h5 = igniteuiWebcomponentsCore.DependencyProperty.i("LabelTemplate", igniteuiWebcomponentsCore.DataTemplate.$, PieChartBase.$, new igniteuiWebcomponentsCore.PropertyMetadata(2, null, function (a, b) { return a.gv("LabelTemplate", b.oldValue, b.newValue); }));
+        PieChartBase.it = igniteuiWebcomponentsCore.DependencyProperty.i("SelectedItem", igniteuiWebcomponentsCore.Base.$, PieChartBase.$, new igniteuiWebcomponentsCore.PropertyMetadata(1, function (a, b) {
             var c = igniteuiWebcomponentsCore.typeCast(PieChartBase.$, a);
             if (c.b5) {
                 return;
             }
             var d = new SelectedItemChangingEventArgs(b.oldValue, b.newValue);
-            c.gf(c, d);
+            c.gg(c, d);
             if (!d.cancel) {
                 if (!c.b6) {
-                    c.ha();
+                    c.hb();
                 }
-                c.gu("SelectedItem", b.oldValue, b.newValue);
-                c.ge(a, new SelectedItemChangedEventArgs(b.oldValue, b.newValue));
+                c.gv("SelectedItem", b.oldValue, b.newValue);
+                c.gf(a, new SelectedItemChangedEventArgs(b.oldValue, b.newValue));
             }
             else {
                 c.b5 = true;
@@ -157745,7 +157753,7 @@
                 c.b5 = false;
             }
         }));
-        PieChartBase.$$p = igniteuiWebcomponentsCore.markDep(igniteuiWebcomponentsCore.DependencyProperty, igniteuiWebcomponentsCore.PropertyMetadata, PieChartBase, 'gu', ['ActualBrushes:ak:hd', [igniteuiWebcomponentsCore.BrushCollection.$, null], 'ActualItemsSource::he', [igniteuiWebcomponentsCore.IEnumerable_$type, null], 'ActualLabelInnerColor:iy:hf', [igniteuiWebcomponentsCore.Brush.$, null], 'ActualLabelOuterColor:iz:hg', [igniteuiWebcomponentsCore.Brush.$, null], 'ActualOutlines:al:hh', [igniteuiWebcomponentsCore.BrushCollection.$, null], 'AllowSliceExplosion:b8:hi', [0, true], 'AllowSliceSelection:b9:hj', [0, true], 'Brushes:am:hk', [igniteuiWebcomponentsCore.BrushCollection.$, null], 'ExplodedRadius:c5:hl', [1, 0.2], 'FastItemsSource:bm:hm', [igniteuiWebcomponentsCore.FastItemsSource.$], 'FormatLabel:a5:hn', [igniteuiWebcomponentsCore.Delegate_$type], 'FormatLegendLabel:a6:ho', [igniteuiWebcomponentsCore.Delegate_$type], 'IsDragInteractionEnabled:ce:hq', [0, false], 'IsSurfaceInteractionDisabled:cf:hr', [0, false], 'ItemsSource::hs', [igniteuiWebcomponentsCore.IEnumerable_$type, null], 'LabelExtent:db:ht', [1, 10], 'LabelFormat:ef:hu', [2, null], 'LabelFormatSpecifiers:ag:hv', [igniteuiWebcomponentsCore.Array_$type, null], 'LabelInnerColor:i0:hw', [igniteuiWebcomponentsCore.Brush.$, null], 'LabelMemberPath:ej:hx', [2], 'LabelOuterColor:i1:hy', [igniteuiWebcomponentsCore.Brush.$, null], 'LabelsPosition:az:hz', [LabelsPosition_$type, igniteuiWebcomponentsCore.enumGetBox(LabelsPosition_$type, 1)], 'LeaderLineMargin:dc:h1', [1, 6], 'LeaderLineStyle:ja:h2', [igniteuiWebcomponentsCore.Style.$, null], 'LeaderLineType:a0:h3', [LeaderLineType_$type, igniteuiWebcomponentsCore.enumGetBox(LeaderLineType_$type, 0)], 'LeaderLineVisibility:je:h4', [igniteuiWebcomponentsCore.Visibility_$type, igniteuiWebcomponentsCore.enumGetBox(igniteuiWebcomponentsCore.Visibility_$type, 0)], 'LegendEmptyValuesMode:a1:h5', [igniteuiWebcomponentsCore.LegendEmptyValuesMode_$type, igniteuiWebcomponentsCore.enumGetBox(igniteuiWebcomponentsCore.LegendEmptyValuesMode_$type, 0)], 'LegendItemBadgeTemplate::h6', [igniteuiWebcomponentsCore.DataTemplate.$, null], 'LegendItemTemplate::h7', [igniteuiWebcomponentsCore.DataTemplate.$, null], 'LegendLabelFormat:ew:h8', [2, null], 'LegendLabelFormatSpecifiers:ah:h9', [igniteuiWebcomponentsCore.Array_$type, null], 'LegendLabelMemberPath:ez:ia', [2], 'LegendOthersLabelFormat:e1:ib', [2, null], 'LegendOthersLabelFormatSpecifiers:ai:ic', [igniteuiWebcomponentsCore.Array_$type, null], 'Legend::id', [igniteuiWebcomponentsCore.IChartLegend_$type, null], 'OthersCategoryStyle:jb:ie', [igniteuiWebcomponentsCore.Style.$, null], 'OthersCategoryText:e6:ig', [2, null], 'OthersCategoryThreshold:dd:ih', [1, 3], 'OthersCategoryType:a2:ii', [igniteuiWebcomponentsCore.OthersCategoryType_$type, igniteuiWebcomponentsCore.enumGetBox(igniteuiWebcomponentsCore.OthersCategoryType_$type, 1)], 'OthersLabelFormat:fa:ij', [2, null], 'OthersLabelFormatSpecifiers:aj:ik', [igniteuiWebcomponentsCore.Array_$type, null], 'Outlines:an:il', [igniteuiWebcomponentsCore.BrushCollection.$, null], 'RadiusFactor:dg:im', [1, 0.9], 'SelectedStyle:jc:ip', [igniteuiWebcomponentsCore.Style.$, null], 'SelectionMode:bk:iq', [SliceSelectionMode_$type, igniteuiWebcomponentsCore.enumGetBox(SliceSelectionMode_$type, 1)], 'ShouldDisplayMockData:ch:ir', [0, false], 'ShouldUseSkeletonStyleForMockData:ci:is', [0, false], 'StartAngle:di:it', [1, 0], 'SweepDirection:i3:iu', [igniteuiWebcomponentsCore.SweepDirection_$type, igniteuiWebcomponentsCore.enumGetBox(igniteuiWebcomponentsCore.SweepDirection_$type, 1)], 'ToolTip:dr:iv', [4, null], 'ToolTipStyle:jd:iw', [igniteuiWebcomponentsCore.Style.$, null], 'ValueMemberPath:fv:ix', [2, null]]);
+        PieChartBase.$$p = igniteuiWebcomponentsCore.markDep(igniteuiWebcomponentsCore.DependencyProperty, igniteuiWebcomponentsCore.PropertyMetadata, PieChartBase, 'gv', ['ActualBrushes:ak:hh', [igniteuiWebcomponentsCore.BrushCollection.$, null], 'ActualItemsSource::hi', [igniteuiWebcomponentsCore.IEnumerable_$type, null], 'ActualLabelInnerColor:i3:hj', [igniteuiWebcomponentsCore.Brush.$, null], 'ActualLabelOuterColor:i4:hk', [igniteuiWebcomponentsCore.Brush.$, null], 'ActualLegendItemBadgeTemplate:he:hl', [igniteuiWebcomponentsCore.DataTemplate.$], 'ActualOutlines:al:hm', [igniteuiWebcomponentsCore.BrushCollection.$, null], 'AllowSliceExplosion:b8:hn', [0, true], 'AllowSliceSelection:b9:ho', [0, true], 'Brushes:am:hp', [igniteuiWebcomponentsCore.BrushCollection.$, null], 'ExplodedRadius:c5:hq', [1, 0.2], 'FastItemsSource:bm:hr', [igniteuiWebcomponentsCore.FastItemsSource.$], 'FormatLabel:a5:hs', [igniteuiWebcomponentsCore.Delegate_$type], 'FormatLegendLabel:a6:ht', [igniteuiWebcomponentsCore.Delegate_$type], 'IsDragInteractionEnabled:ce:hv', [0, false], 'IsSurfaceInteractionDisabled:cf:hw', [0, false], 'ItemsSource::hx', [igniteuiWebcomponentsCore.IEnumerable_$type, null], 'LabelExtent:db:hy', [1, 10], 'LabelFormat:eg:hz', [2, null], 'LabelFormatSpecifiers:ag:h0', [igniteuiWebcomponentsCore.Array_$type, null], 'LabelInnerColor:i5:h1', [igniteuiWebcomponentsCore.Brush.$, null], 'LabelMemberPath:ek:h2', [2], 'LabelOuterColor:i6:h3', [igniteuiWebcomponentsCore.Brush.$, null], 'LabelsPosition:az:h4', [LabelsPosition_$type, igniteuiWebcomponentsCore.enumGetBox(LabelsPosition_$type, 1)], 'LeaderLineMargin:dc:h6', [1, 6], 'LeaderLineStyle:jf:h7', [igniteuiWebcomponentsCore.Style.$, null], 'LeaderLineType:a0:h8', [LeaderLineType_$type, igniteuiWebcomponentsCore.enumGetBox(LeaderLineType_$type, 0)], 'LeaderLineVisibility:jj:h9', [igniteuiWebcomponentsCore.Visibility_$type, igniteuiWebcomponentsCore.enumGetBox(igniteuiWebcomponentsCore.Visibility_$type, 0)], 'LegendEmptyValuesMode:a1:ia', [igniteuiWebcomponentsCore.LegendEmptyValuesMode_$type, igniteuiWebcomponentsCore.enumGetBox(igniteuiWebcomponentsCore.LegendEmptyValuesMode_$type, 0)], 'LegendItemBadgeTemplate::ib', [igniteuiWebcomponentsCore.DataTemplate.$, null], 'LegendItemTemplate::ic', [igniteuiWebcomponentsCore.DataTemplate.$, null], 'LegendLabelFormat:ex:id', [2, null], 'LegendLabelFormatSpecifiers:ah:ie', [igniteuiWebcomponentsCore.Array_$type, null], 'LegendLabelMemberPath:e0:ig', [2], 'LegendOthersLabelFormat:e2:ih', [2, null], 'LegendOthersLabelFormatSpecifiers:ai:ii', [igniteuiWebcomponentsCore.Array_$type, null], 'Legend::ij', [igniteuiWebcomponentsCore.IChartLegend_$type, null], 'OthersCategoryStyle:jg:ik', [igniteuiWebcomponentsCore.Style.$, null], 'OthersCategoryText:e7:il', [2, null], 'OthersCategoryThreshold:dd:im', [1, 3], 'OthersCategoryType:a2:io', [igniteuiWebcomponentsCore.OthersCategoryType_$type, igniteuiWebcomponentsCore.enumGetBox(igniteuiWebcomponentsCore.OthersCategoryType_$type, 1)], 'OthersLabelFormat:fb:ip', [2, null], 'OthersLabelFormatSpecifiers:aj:iq', [igniteuiWebcomponentsCore.Array_$type, null], 'Outlines:an:ir', [igniteuiWebcomponentsCore.BrushCollection.$, null], 'RadiusFactor:dg:is', [1, 0.9], 'SelectedStyle:jh:iu', [igniteuiWebcomponentsCore.Style.$, null], 'SelectionMode:bk:iv', [SliceSelectionMode_$type, igniteuiWebcomponentsCore.enumGetBox(SliceSelectionMode_$type, 1)], 'ShouldDisplayMockData:ch:iw', [0, false], 'ShouldUseSkeletonStyleForMockData:ci:ix', [0, false], 'StartAngle:di:iy', [1, 0], 'SweepDirection:i8:iz', [igniteuiWebcomponentsCore.SweepDirection_$type, igniteuiWebcomponentsCore.enumGetBox(igniteuiWebcomponentsCore.SweepDirection_$type, 1)], 'ToolTip:dr:i0', [4, null], 'ToolTipStyle:ji:i1', [igniteuiWebcomponentsCore.Style.$, null], 'ValueMemberPath:fw:i2', [2, null]]);
         return PieChartBase;
     }(igniteuiWebcomponentsCore.Control));
     /**
@@ -157866,7 +157874,7 @@
         };
         PieChartSliceSelector.prototype.g = function (a) {
             var b = new SelectedItemsChangingEventArgs(this.a.selectedItems, new igniteuiWebcomponentsCore.ObjectCollection(0), this.a.selectedItems);
-            this.a.gi(this, b);
+            this.a.gj(this, b);
             if (!b.cancel) {
                 this.a.selectedItems.remove1(a);
             }
@@ -157878,7 +157886,7 @@
                 $ret.add1(a);
                 return $ret;
             })()), this.a.selectedItems);
-            this.a.gi(this, b);
+            this.a.gj(this, b);
             if (!b.cancel) {
                 this.a.selectedItems.add1(a);
             }
@@ -158117,7 +158125,7 @@
                 return;
             }
             var a = this.al.f();
-            var b = this.ai.i9;
+            var b = this.ai.je;
             if (igniteuiWebcomponentsCore.isNaN_(this.a3) || igniteuiWebcomponentsCore.isNaN_(this.ax) || igniteuiWebcomponentsCore.isNaN_(this.a2) || igniteuiWebcomponentsCore.isNaN_(this.ay) || this.a5 < 0 || this.ai == null || b.width == 0 || b.height == 0 || (this.b7.x == 0 && this.b7.y == 0) || (this.b5.x == 0 && this.b5.y == 0) || this.a3 == this.ax) {
                 return;
             }
@@ -158328,7 +158336,7 @@
                     ax = 0;
                 }
                 var ay = Math.max(aw, ax);
-                var az = igniteuiWebcomponentsCore.GeometryUtil.q(this.ai.i9.width, this.ai.i9.height, true, au, this.a2 * this.ai.c0 - ay);
+                var az = igniteuiWebcomponentsCore.GeometryUtil.q(this.ai.je.width, this.ai.je.height, true, au, this.a2 * this.ai.c0 - ay);
                 this.al.d(az.x - this.b5.x, az.y - this.b5.y);
                 this.aq = true;
                 this.b3 = az;
@@ -158340,7 +158348,7 @@
             }
         };
         Slice.prototype.ap = function (a) {
-            var b = this.ai.i9;
+            var b = this.ai.je;
             if (this._visibility == 1) {
                 return false;
             }
@@ -158504,7 +158512,7 @@
             if (!c.av) {
                 var d = b.newValue;
                 if (c.ai != null) {
-                    c.ai.g2(c, d);
+                    c.ai.g3(c, d);
                 }
             }
         }));
@@ -158512,7 +158520,7 @@
             var c = igniteuiWebcomponentsCore.typeCast(Slice.$, a);
             var d = b.newValue;
             if (c.ai != null) {
-                c.ai.fz(c, d);
+                c.ai.f0(c, d);
             }
         }));
         Slice.bu = igniteuiWebcomponentsCore.DependencyProperty.i("IsOtherSlice", igniteuiWebcomponentsCore.Boolean_$type, Slice.$, new igniteuiWebcomponentsCore.PropertyMetadata(2, false, function (a, b) { return a.bk(); }));
@@ -158580,8 +158588,8 @@
             if (this.a.an == null) {
                 this.a.an = a.b;
             }
-            if (this.a.jc == null) {
-                this.a.jc = ((function () {
+            if (this.a.jh == null) {
+                this.a.jh = ((function () {
                     var $ret = new igniteuiWebcomponentsCore.Style();
                     $ret.fill = a.h != null ? a.h.color.colorString : null;
                     $ret.stroke = a.i != null ? a.i.color.colorString : null;
@@ -158591,7 +158599,7 @@
                 })());
             }
             this.b = a;
-            if (this.a.fq != null) {
+            if (this.a.fr != null) {
                 this.b.c = this.a.bn();
             }
         };
@@ -158625,7 +158633,7 @@
         };
         PieChartBaseView.prototype.bb = function () {
             this.b4 = this.c.ar();
-            this.a.gj();
+            this.a.gk();
         };
         PieChartBaseView.prototype.aw = function () {
             if (!this.l) {
@@ -158712,7 +158720,7 @@
             }
             if (this.i != null && this.i.d) {
                 var a = this.b.c;
-                if (this.a.fq != null) {
+                if (this.a.fr != null) {
                     a = this.a.bn();
                 }
                 this.i.af(a);
@@ -158748,16 +158756,16 @@
                             if (this.a.a0 != 0 && b.aq != null) {
                                 b.aq._stroke = d;
                                 b.aq.ad = 1;
-                                if (this.a.ja != null) {
-                                    this.i.j(b.aq, this.a.ja);
+                                if (this.a.jf != null) {
+                                    this.i.j(b.aq, this.a.jf);
                                 }
                                 this.i.t(b.aq);
                             }
                             if (this.a.a0 == 0 && b.ap != null) {
                                 b.ap._stroke = d;
                                 b.ap.ad = 1;
-                                if (this.a.ja != null) {
-                                    this.i.j(b.ap, this.a.ja);
+                                if (this.a.jf != null) {
+                                    this.i.j(b.ap, this.a.jf);
                                 }
                                 this.i.s(b.ap);
                             }
@@ -158877,7 +158885,7 @@
                     $ret.position = a;
                     return $ret;
                 })());
-                this.a.f2(this.f, e);
+                this.a.f3(this.f, e);
             }
             else if (this.f != null) {
                 var f = ((function () {
@@ -158885,7 +158893,7 @@
                     $ret.position = a;
                     return $ret;
                 })());
-                this.a.f3(this.f, f);
+                this.a.f4(this.f, f);
             }
         };
         PieChartBaseView.prototype.aj = function (a) {
@@ -158896,7 +158904,7 @@
                 $ret.position = a;
                 return $ret;
             })());
-            this.a.f2(b, c);
+            this.a.f3(b, c);
         };
         PieChartBaseView.prototype.ai = function (a) {
             this.m = false;
@@ -158915,7 +158923,7 @@
                     $ret.position = a;
                     return $ret;
                 })());
-                this.a.f2(b, c);
+                this.a.f3(b, c);
             }
             this.m = false;
             this.by = { $type: igniteuiWebcomponentsCore.Point_$type, x: NaN, y: NaN };
@@ -158955,10 +158963,10 @@
             }
             this.bk(a);
             if (this.f == null && c && d != null) {
-                this.a.g6(d.ah, b);
+                this.a.g7(d.ah, b);
             }
             else if (this.f != null && c) {
-                this.a.g6(this.f, b);
+                this.a.g7(this.f, b);
             }
         };
         PieChartBaseView.prototype.bk = function (a) {
@@ -159008,7 +159016,7 @@
             return this.o(a) || this.q(a);
         };
         PieChartBaseView.prototype.be = function () {
-            this.a.gj();
+            this.a.gk();
         };
         PieChartBaseView.prototype.am = function () {
             this.ar();
@@ -159077,13 +159085,13 @@
             }
         };
         PieChartBaseView.prototype.bd = function (a) {
-            if (this.a.jb != null && a.isOthersSlice) {
+            if (this.a.jg != null && a.isOthersSlice) {
                 a.b0 = this.bw(a.a5);
                 a.b1 = this.bx(a.a5);
-                a.y = this.a.jb;
+                a.y = this.a.jg;
             }
-            else if (a.isSelected && this.a.b9 && this.a.jc != null) {
-                a.y = this.a.jc;
+            else if (a.isSelected && this.a.b9 && this.a.jh != null) {
+                a.y = this.a.jh;
             }
             else {
                 a.y = null;
@@ -159105,7 +159113,7 @@
         };
         PieChartBaseView.prototype.ae = function (a) {
             if (a == null || a.aj == null) {
-                return this.a.ej;
+                return this.a.ek;
             }
             var b = a.aj;
             var c = b.aj;
@@ -159158,7 +159166,7 @@
         };
         PieChartBaseView.prototype.an = function () {
             var a = this.b.c;
-            if (this.a.fq != null) {
+            if (this.a.fr != null) {
                 a = this.a.bn();
             }
             if (this.i != null) {
@@ -159199,7 +159207,7 @@
                 this.e.item = b.dataContext;
                 this.e.slice = b;
             }
-            var d = this.a.i6();
+            var d = this.a.jb();
             var pos_ = { $type: igniteuiWebcomponentsCore.Point_$type, x: a.x + 15 + d.x, y: a.y + 15 + d.y };
             var context_ = this.e;
             this.c.am(pos_, context_);
@@ -159207,7 +159215,7 @@
         PieChartBaseView.prototype.bi = function () {
             this.bc();
             this.bl();
-            this.a.gw();
+            this.a.gx();
         };
         PieChartBaseView.prototype.a3 = function () {
             this.c.ah(this.a.cf);
@@ -159281,7 +159289,7 @@
             this.aw();
         };
         PieChartBaseView.prototype.af = function (a) {
-            return this.c.c.at;
+            return this.c.c.au;
         };
         PieChartBaseView.$t = igniteuiWebcomponentsCore.markType(PieChartBaseView, 'PieChartBaseView');
         return PieChartBaseView;
@@ -160408,69 +160416,69 @@
         tslib.__extends(Arc, _super);
         function Arc() {
             var _this = _super.call(this) || this;
-            _this.jh = null;
-            _this.jf = null;
-            _this.jk = 0;
+            _this.jm = null;
+            _this.jk = null;
+            _this.jp = 0;
             _this.ab = Arc.$;
             return _this;
         }
         Arc.prototype.a3 = function () {
             return new ArcView(this);
         };
-        Arc.prototype.go = function (a) {
-            _super.prototype.go.call(this, a);
-            this.jg = a;
+        Arc.prototype.gp = function (a) {
+            _super.prototype.gp.call(this, a);
+            this.jl = a;
         };
-        Object.defineProperty(Arc.prototype, "ji", {
+        Object.defineProperty(Arc.prototype, "jn", {
             get: function () {
-                return this.jh;
+                return this.jm;
             },
             set: function (a) {
-                var b = this.jh;
-                this.jh = a;
-                this.jg.b8(b, this.jh);
+                var b = this.jm;
+                this.jm = a;
+                this.jl.b8(b, this.jm);
             },
             enumerable: false,
             configurable: true
         });
-        Object.defineProperty(Arc.prototype, "jl", {
+        Object.defineProperty(Arc.prototype, "jq", {
             get: function () {
-                if (this.ji != null) {
-                    return this.ji.i;
+                if (this.jn != null) {
+                    return this.jn.i;
                 }
                 return 0;
             },
             enumerable: false,
             configurable: true
         });
-        Arc.prototype.gk = function (a, b) {
-            _super.prototype.gk.call(this, a, b);
-            if (this.ji != null) {
-                this.ji.c.ax.bu(a, b);
+        Arc.prototype.gl = function (a, b) {
+            _super.prototype.gl.call(this, a, b);
+            if (this.jn != null) {
+                this.jn.c.ax.bu(a, b);
             }
         };
-        Arc.prototype.fz = function (a, b) {
-            if (this.ji != null && this.ji.d != null) {
-                _super.prototype.fz.call(this, a, b);
-                var c = this.jj(a);
+        Arc.prototype.f0 = function (a, b) {
+            if (this.jn != null && this.jn.d != null) {
+                _super.prototype.f0.call(this, a, b);
+                var c = this.jo(a);
                 if (c != null) {
-                    this.ji.d.bj(c, b);
+                    this.jn.d.bj(c, b);
                 }
             }
         };
-        Arc.prototype.g2 = function (a, b) {
-            if (this.ji != null && this.ji.d != null) {
-                _super.prototype.g2.call(this, a, b);
-                var c = this.jj(a);
+        Arc.prototype.g3 = function (a, b) {
+            if (this.jn != null && this.jn.d != null) {
+                _super.prototype.g3.call(this, a, b);
+                var c = this.jo(a);
                 if (c != null) {
-                    this.ji.d.b5(c, b);
+                    this.jn.d.b5(c, b);
                 }
             }
         };
-        Arc.prototype.jj = function (a) {
+        Arc.prototype.jo = function (a) {
             var e_1, _a;
             try {
-                for (var _b = tslib.__values(igniteuiWebcomponentsCore.fromEnum(this.jf.g)), _c = _b.next(); !_c.done; _c = _b.next()) {
+                for (var _b = tslib.__values(igniteuiWebcomponentsCore.fromEnum(this.jk.g)), _c = _b.next(); !_c.done; _c = _b.next()) {
                     var b = _c.value;
                     if (b.b == a) {
                         return b;
@@ -160492,14 +160500,14 @@
             }
             return null;
         };
-        Arc.prototype.g1 = function (a) {
+        Arc.prototype.g2 = function (a) {
             if (this.b9) {
-                this.gr();
+                this.gs();
+                this.g0();
                 this.gz();
-                this.gy();
             }
         };
-        Arc.prototype.gr = function () {
+        Arc.prototype.gs = function () {
             if (this.actualItemsSource == null || this.bm == null) {
                 this.bx.count = 0;
                 return;
@@ -160522,11 +160530,11 @@
                 else {
                     g = this.bv.item(this.co._inner[e]);
                 }
-                if (this.i3 == 1) {
-                    d += PieChartBase.dh(Math.abs(g) * this.jm / this.dj);
+                if (this.i8 == 1) {
+                    d += PieChartBase.dh(Math.abs(g) * this.jr / this.dj);
                 }
                 else {
-                    d -= PieChartBase.dh(Math.abs(g) * this.jm / this.dj);
+                    d -= PieChartBase.dh(Math.abs(g) * this.jr / this.dj);
                 }
                 var h = this.bx.item(e);
                 if (this.c1 >= 100) {
@@ -160549,19 +160557,19 @@
                 h.aw = false;
             }
             this.bx.count = a;
-            if (this.jf != null) {
-                this.jf.q(this);
+            if (this.jk != null) {
+                this.jk.q(this);
             }
         };
-        Arc.prototype.gy = function () {
+        Arc.prototype.gz = function () {
             var e_2, _a;
             var _this = this;
             var a = igniteuiWebcomponentsCore.typeCast(igniteuiWebcomponentsCore.IChartLegend_$type, this.legend);
             if (a == null) {
                 return;
             }
-            if (this.br == null || this.br.count == 0 || ((this.ji != null && this.ji.c != null) && (this.ji.d != null && !this.ji.d.series.contains(this.ji.c)))) {
-                a.clearLegendItemsForSeries(this.ji.c);
+            if (this.br == null || this.br.count == 0 || ((this.jn != null && this.jn.c != null) && (this.jn.d != null && !this.jn.d.series.contains(this.jn.c)))) {
+                a.clearLegendItemsForSeries(this.jn.c);
                 a.flushTextContentChangedCheck();
                 return;
             }
@@ -160570,11 +160578,11 @@
                 var c = new igniteuiWebcomponentsCore.ContentControl();
                 var d = this_1.dp(b);
                 var e = b.b0;
-                var f = b.isOthersSlice ? this_1.e6 : (this_1.bs != null && this_1.bs.count > 0) ? this_1.bs.item(this_1.co._inner[b.a5]) : null;
+                var f = b.isOthersSlice ? this_1.e7 : (this_1.bs != null && this_1.bs.count > 0) ? this_1.bs.item(this_1.co._inner[b.a5]) : null;
                 f = (f == null && this_1.br.count > 0) ? this_1.br.item(this_1.co._inner[b.a5]) : f;
                 c.content = ((function () {
                     var $ret = new PieSliceDataContext();
-                    $ret.series = _this.ji.c;
+                    $ret.series = _this.jn.c;
                     $ret.slice = b;
                     $ret.item = b.dataContext;
                     $ret.itemBrush = e;
@@ -160626,38 +160634,38 @@
             }
             if (a.isItemwise) {
                 var k = a;
-                k.createLegendItemsInsert(this.cl, this.ji.c);
+                k.createLegendItemsInsert(this.cl, this.jn.c);
             }
         };
-        Arc.prototype.gs = function (a, b, c, d) {
-            _super.prototype.gs.call(this, a, b, c, d);
+        Arc.prototype.gt = function (a, b, c, d) {
+            _super.prototype.gt.call(this, a, b, c, d);
             switch (b) {
                 case Arc.$$p[0]:
-                    this.jk = d;
+                    this.jp = d;
+                    this.gs();
                     this.gr();
-                    this.gq();
-                    this.gz();
-                    this.gx();
+                    this.g0();
+                    this.gy();
                     break;
                 case "RadiusFactor":
-                    if (this.ji != null && this.ji.d != null) {
-                        this.ji.d.bw();
+                    if (this.jn != null && this.jn.d != null) {
+                        this.jn.d.bw();
                     }
                     break;
                 case "Legend":
                     var e = igniteuiWebcomponentsCore.typeCast(igniteuiWebcomponentsCore.IChartLegend_$type, c);
-                    if (e != null && this.ji != null && this.ji.c != null) {
-                        e.clearLegendItemsForSeries(this.ji.c);
+                    if (e != null && this.jn != null && this.jn.c != null) {
+                        e.clearLegendItemsForSeries(this.jn.c);
                         e.flushTextContentChangedCheck();
                     }
                     break;
             }
         };
-        Arc.prototype.jn = function () {
+        Arc.prototype.js = function () {
             return this.a4.ad();
         };
         Arc.$t = igniteuiWebcomponentsCore.markType(Arc, 'Arc', PieChartBase.$);
-        Arc.$$p = igniteuiWebcomponentsCore.markDep(igniteuiWebcomponentsCore.DependencyProperty, igniteuiWebcomponentsCore.PropertyMetadata, Arc, 'gu', ['EndAngle:jm:jp', [1, 360]]);
+        Arc.$$p = igniteuiWebcomponentsCore.markDep(igniteuiWebcomponentsCore.DependencyProperty, igniteuiWebcomponentsCore.PropertyMetadata, Arc, 'gv', ['EndAngle:jr:ju', [1, 360]]);
         return Arc;
     }(PieChartBase));
     /**
@@ -161285,7 +161293,7 @@
                 for (var _b = tslib.__values(igniteuiWebcomponentsCore.fromEnum(this.ao)), _c = _b.next(); !_c.done; _c = _b.next()) {
                     var c = _c.value;
                     var d = this.arcs.item(a);
-                    d.jf = c;
+                    d.jk = c;
                     if (d.da != this.ai.h) {
                         d.da = this.ai.h;
                     }
@@ -161298,8 +161306,8 @@
                     if (d.di != c.k) {
                         d.di = c.k;
                     }
-                    if (d.jm != c.i) {
-                        d.jm = c.i;
+                    if (d.jr != c.i) {
+                        d.jr = c.i;
                     }
                     if (d.itemsSource != c.h) {
                         d.itemsSource = c.h;
@@ -161338,22 +161346,22 @@
         };
         RingControl.prototype.as = function (source_, a, b) {
             for (var c = 0; c < this.arcs.count; c++) {
-                this.arcs.item(c).f7(source_, a, b);
+                this.arcs.item(c).f8(source_, a, b);
             }
         };
         RingControl.prototype.ar = function (source_) {
             for (var a = 0; a < this.arcs.count; a++) {
-                this.arcs.item(a).f5(source_);
+                this.arcs.item(a).f6(source_);
             }
         };
         RingControl.prototype.at = function (source_, a, b) {
             for (var c = 0; c < this.arcs.count; c++) {
-                this.arcs.item(c).f8(source_, a, b);
+                this.arcs.item(c).f9(source_, a, b);
             }
         };
         RingControl.prototype.au = function (source_, a, b, c) {
             for (var d = 0; d < this.arcs.count; d++) {
-                this.arcs.item(d).f9(source_, a, b, c);
+                this.arcs.item(d).ga(source_, a, b, c);
             }
         };
         RingControl.$t = igniteuiWebcomponentsCore.markType(RingControl, 'RingControl', igniteuiWebcomponentsCore.Control.$, [igniteuiWebcomponentsCore.INotifyPropertyChanged_$type]);
@@ -161975,7 +161983,7 @@
         };
         XamDoughnutChart.prototype.bu = function (a, b) {
             var c = a;
-            var d = c.ji.c;
+            var d = c.jn.c;
             if (d.a4) {
                 return;
             }
@@ -162102,7 +162110,7 @@
                 for (var d = 0; d < b.count; d++) {
                     a = b._inner[d].ringControl.ak.h();
                     for (var e = 0; e < a.count; e++) {
-                        a._inner[e].f0();
+                        a._inner[e].f1();
                     }
                 }
             }
@@ -162284,7 +162292,7 @@
             return _this;
         }
         ArcView.prototype.b8 = function (a, b) {
-            this.e.series = this.b6.ji.c;
+            this.e.series = this.b6.jn.c;
         };
         ArcView.prototype.b7 = function () {
             return this.f;
@@ -162318,44 +162326,44 @@
             var a = new Arc();
             a.o = 0;
             a.n = 0;
-            a.ji = this.b.ai;
+            a.jn = this.b.ai;
             this.f.add(a);
             this.z(a);
-            if (a.fq != this.b.al.co) {
-                a.fq = this.b.al.co;
+            if (a.fr != this.b.al.co) {
+                a.fr = this.b.al.co;
             }
             a.db = this.b.al.a6;
             a.a5 = this.b.al.aq;
-            a.ej = this.b.al.bp;
+            a.ek = this.b.al.bp;
             a.az = this.b.al.an;
-            a.hc = this.b.al.da;
-            a.fv = this.b.al.cs;
+            a.hg = this.b.al.da;
+            a.fw = this.b.al.cs;
             if (this.b.al.toolTip != null) {
                 a.dr = this.b.al.toolTip;
             }
-            a.je = this.b.al.en;
-            a.ja = this.b.al.ei;
+            a.jj = this.b.al.en;
+            a.jf = this.b.al.ei;
             a.a0 = this.b.al.ao;
             a.dc = this.b.al.a7;
             a.dd = this.b.al.a8;
             a.a2 = this.b.al.ap;
-            a.e6 = this.b.al.cj();
-            a.jb = this.b.al.ej;
+            a.e7 = this.b.al.cj();
+            a.jg = this.b.al.ej;
             a.legend = this.b.al.legend;
             a.legendItemTemplate = this.b.al.legendItemTemplate;
             a.legendItemBadgeTemplate = this.b.al.legendItemBadgeTemplate;
             a.an = this.b.al.al;
-            a.i0 = this.b.al.ef;
-            a.i1 = this.b.al.eg;
+            a.i5 = this.b.al.ef;
+            a.i6 = this.b.al.eg;
             a.di = this.b.al.ba;
             a.am = this.b.al.ak;
-            a.jc = this.b.al.el;
+            a.jh = this.b.al.el;
             a.cf = true;
             a.dg = this.b.al.a9;
             a.b8 = this.b.al.ax.av;
             a.b9 = this.b.al.ax.aw;
             a.a6 = this.b.al.ar;
-            a.ez = this.b.al.b3;
+            a.e0 = this.b.al.b3;
             a.c2 = this.b.al.ax.a1;
             return a;
         };
@@ -162433,7 +162441,7 @@
                     var c = _f.value;
                     var d = this.e.item(c);
                     this.i.append(d.rootWrapper);
-                    c.jg.b9();
+                    c.jl.b9();
                 }
             }
             catch (e_28_1) {
@@ -162478,8 +162486,8 @@
             a.provideContainer(null);
         };
         RingControlView.prototype.ab = function (a) {
-            this.k(a, a.jn().rootWrapper);
-            a.gb(a.width, a.height);
+            this.k(a, a.js().rootWrapper);
+            a.gc(a.width, a.height);
         };
         RingControlView.prototype.d = function () {
             return this.i != null;
@@ -162501,7 +162509,7 @@
                     break;
                 case "LabelMemberPath":
                     for (var d = 0; d < this.f.count; d++) {
-                        this.f._inner[d].ej = b.newValue;
+                        this.f._inner[d].ek = b.newValue;
                     }
                     break;
                 case "LabelsPosition":
@@ -162511,12 +162519,12 @@
                     break;
                 case "LabelTemplate":
                     for (var f = 0; f < this.f.count; f++) {
-                        this.f._inner[f].hc = b.newValue;
+                        this.f._inner[f].hg = b.newValue;
                     }
                     break;
                 case "ValueMemberPath":
                     for (var g = 0; g < this.f.count; g++) {
-                        this.f._inner[g].fv = b.newValue;
+                        this.f._inner[g].fw = b.newValue;
                     }
                     break;
                 case "ToolTip":
@@ -162526,12 +162534,12 @@
                     break;
                 case "LeaderLineVisibility":
                     for (var i = 0; i < this.f.count; i++) {
-                        this.f._inner[i].je = igniteuiWebcomponentsCore.EnumUtil.getEnumValue(igniteuiWebcomponentsCore.Visibility_$type, b.newValue);
+                        this.f._inner[i].jj = igniteuiWebcomponentsCore.EnumUtil.getEnumValue(igniteuiWebcomponentsCore.Visibility_$type, b.newValue);
                     }
                     break;
                 case "LeaderLineStyle":
                     for (var j = 0; j < this.f.count; j++) {
-                        this.f._inner[j].ja = b.newValue;
+                        this.f._inner[j].jf = b.newValue;
                     }
                     break;
                 case "LeaderLineType":
@@ -162556,12 +162564,12 @@
                     break;
                 case "OthersCategoryText":
                     for (var o = 0; o < this.f.count; o++) {
-                        this.f._inner[o].e6 = b.newValue;
+                        this.f._inner[o].e7 = b.newValue;
                     }
                     break;
                 case "OthersCategoryStyle":
                     for (var p = 0; p < this.f.count; p++) {
-                        this.f._inner[p].jb = b.newValue;
+                        this.f._inner[p].jg = b.newValue;
                     }
                     break;
                 case "Legend":
@@ -162591,12 +162599,12 @@
                     break;
                 case "SelectedStyle":
                     for (var v = 0; v < this.f.count; v++) {
-                        this.f._inner[v].jc = b.newValue;
+                        this.f._inner[v].jh = b.newValue;
                     }
                     break;
                 case "SelectedStyleResolved":
                     for (var w = 0; w < this.f.count; w++) {
-                        this.f._inner[w].jc = b.newValue;
+                        this.f._inner[w].jh = b.newValue;
                     }
                     break;
                 case "RadiusFactor":
@@ -162606,7 +162614,7 @@
                     break;
                 case "TextStyle":
                     for (var y = 0; y < this.f.count; y++) {
-                        this.f._inner[y].fq = b.newValue;
+                        this.f._inner[y].fr = b.newValue;
                     }
                     break;
             }
@@ -162616,7 +162624,7 @@
             try {
                 for (var _b = tslib.__values(igniteuiWebcomponentsCore.fromEnum(this.f)), _c = _b.next(); !_c.done; _c = _b.next()) {
                     var a = _c.value;
-                    a.f0();
+                    a.f1();
                 }
             }
             catch (e_29_1) {
@@ -162787,7 +162795,7 @@
                 var b = this.f._inner[a];
                 for (var c = 0; c < b.arcs.a.count; c++) {
                     var d = b.arcs.a._inner[c];
-                    d.f0();
+                    d.f1();
                 }
             }
         };
@@ -162849,14 +162857,14 @@
             var b = this.e.rootWrapper.height();
             this.ab = new igniteuiWebcomponentsCore.Rect(0, 0, 0, a, b);
             if (this.b != null) {
-                this.b.bm = this.ab;
+                this.b.bo = this.ab;
             }
             this.a.bt();
         };
         XamDoughnutChartView.prototype.v = function (a) {
             if (a == null) {
                 if (this.b != null) {
-                    this.b.aw();
+                    this.b.ax();
                 }
                 return;
             }
@@ -162866,7 +162874,7 @@
             var d = this.e.rootWrapper.height();
             this.ab = new igniteuiWebcomponentsCore.Rect(0, 0, 0, c, d);
             this.b = new igniteuiWebcomponentsCore.DOMEventProxy(this.e.rootWrapper, this.e, false);
-            this.b.bm = this.ab;
+            this.b.bo = this.ab;
             var e = this.b;
             e.onMouseOver = igniteuiWebcomponentsCore.delegateCombine(e.onMouseOver, igniteuiWebcomponentsCore.runOn(this, this.m));
             var f = this.b;
@@ -162892,7 +162900,7 @@
                         var l = { $type: igniteuiWebcomponentsCore.Point_$type, x: a.x - k.n, y: a.y - k.o };
                         b(k.a4, l);
                         if (c == "mouseUp") {
-                            var m = k.jg.b7();
+                            var m = k.jl.b7();
                             if (m != null) {
                                 return;
                             }
@@ -163004,13 +163012,13 @@
         };
         XamDoughnutChartView.prototype.r = function () {
             if (this.b != null && this.e != null) {
-                this.b.bi(this.e.rootWrapper, "");
+                this.b.bk(this.e.rootWrapper, "");
             }
         };
         XamDoughnutChartView.prototype.q = function () {
             this.p();
             if (this.b != null) {
-                this.b.au(this.e.rootWrapper, "");
+                this.b.av(this.e.rootWrapper, "");
             }
         };
         XamDoughnutChartView.$t = igniteuiWebcomponentsCore.markType(XamDoughnutChartView, 'XamDoughnutChartView');
@@ -163237,7 +163245,7 @@
             _super.prototype.c4.call(this, a, b, c, d);
             if (b == RingSeriesBase.$$p[6]) {
                 for (var e = 0; e < this.eo.ringControl.arcs.count; e++) {
-                    this.eo.ringControl.arcs.item(e).ef = d;
+                    this.eo.ringControl.arcs.item(e).eg = d;
                 }
             }
             if (b == RingSeriesBase.$$p[7]) {
@@ -163247,7 +163255,7 @@
             }
             if (b == RingSeriesBase.$$p[28]) {
                 for (var g = 0; g < this.eo.ringControl.arcs.count; g++) {
-                    this.eo.ringControl.arcs.item(g).fa = d;
+                    this.eo.ringControl.arcs.item(g).fb = d;
                 }
             }
             if (b == RingSeriesBase.$$p[29]) {
@@ -163257,7 +163265,7 @@
             }
             if (b == RingSeriesBase.$$p[18]) {
                 for (var i = 0; i < this.eo.ringControl.arcs.count; i++) {
-                    this.eo.ringControl.arcs.item(i).ew = d;
+                    this.eo.ringControl.arcs.item(i).ex = d;
                 }
             }
             if (b == RingSeriesBase.$$p[19]) {
@@ -163267,7 +163275,7 @@
             }
             if (b == RingSeriesBase.$$p[21]) {
                 for (var k = 0; k < this.eo.ringControl.arcs.count; k++) {
-                    this.eo.ringControl.arcs.item(k).e1 = d;
+                    this.eo.ringControl.arcs.item(k).e2 = d;
                 }
             }
             if (b == RingSeriesBase.$$p[22]) {
@@ -163287,7 +163295,7 @@
             }
             if (b == RingSeriesBase.$$p[20]) {
                 for (var o = 0; o < this.eo.ringControl.arcs.count; o++) {
-                    this.eo.ringControl.arcs.item(o).ez = this.b3;
+                    this.eo.ringControl.arcs.item(o).e0 = this.b3;
                 }
             }
             if (b == RingSeriesBase.$$p[0]) {
@@ -163346,7 +163354,7 @@
                 try {
                     for (var _b = tslib.__values(igniteuiWebcomponentsCore.fromEnum(this.eo.ringControl.arcs.a)), _c = _b.next(); !_c.done; _c = _b.next()) {
                         var a = _c.value;
-                        a.gy();
+                        a.gz();
                     }
                 }
                 catch (e_1_1) {
@@ -164991,7 +164999,7 @@
                 try {
                     for (var _b = (e_6 = void 0, tslib.__values(igniteuiWebcomponentsCore.fromEnum(this.ep._inner[a].ringControl.arcs.a))), _c = _b.next(); !_c.done; _c = _b.next()) {
                         var b = _c.value;
-                        b.gy();
+                        b.gz();
                     }
                 }
                 catch (e_6_1) {
@@ -191783,7 +191791,7 @@
             this.p = true;
             this.an();
             if (this.a != null) {
-                this.a.au(this.u.rootWrapper, "");
+                this.a.av(this.u.rootWrapper, "");
             }
             if (this.z == -1) {
                 this.z = this.u.setTimeout(igniteuiWebcomponentsCore.runOn(this, this.al), 200);
@@ -191792,7 +191800,7 @@
         ZoomSliderView.prototype.as = function () {
             this.p = false;
             if (this.a != null && this.u != null) {
-                this.a.bi(this.u.rootWrapper, "");
+                this.a.bk(this.u.rootWrapper, "");
             }
             if (this.z != -1) {
                 window.clearTimeout(this.z);
@@ -191957,14 +191965,14 @@
             this.o.af(this.m);
             this.ab();
             this.a = new igniteuiWebcomponentsCore.CanvasGestureDOMEventProxy(this.u.rootWrapper, this.u, false);
-            this.a.bm = this.j.fj;
+            this.a.bo = this.j.fj;
             var k = this.a;
             k.onContactStarted = igniteuiWebcomponentsCore.delegateCombine(k.onContactStarted, igniteuiWebcomponentsCore.runOn(this, this.ai));
             var l = this.a;
             l.onContactMoved = igniteuiWebcomponentsCore.delegateCombine(l.onContactMoved, igniteuiWebcomponentsCore.runOn(this, this.ah));
             var m = this.a;
             m.onContactCompleted = igniteuiWebcomponentsCore.delegateCombine(m.onContactCompleted, igniteuiWebcomponentsCore.runOn(this, this.ag));
-            this.a.ap = function (n) { return _this.j.fh.containsPoint(n); };
+            this.a.aq = function (n) { return _this.j.fh.containsPoint(n); };
             this.j.de(0, 0, e, f);
             this.s = igniteuiWebcomponentsCore.FontUtil.getCurrentFontHeight(this.u, this.m);
             this.j.trackDirty();
@@ -191987,8 +191995,8 @@
                 b.onContactMoved = igniteuiWebcomponentsCore.delegateRemove(b.onContactMoved, igniteuiWebcomponentsCore.runOn(this, this.ah));
                 var c = this.a;
                 c.onContactCompleted = igniteuiWebcomponentsCore.delegateRemove(c.onContactCompleted, igniteuiWebcomponentsCore.runOn(this, this.ag));
-                this.a.ap = null;
-                this.a.aw();
+                this.a.aq = null;
+                this.a.ax();
             }
         };
         ZoomSliderView.prototype.av = function () {
@@ -192007,7 +192015,7 @@
             if (a || d) {
                 this.j.de(0, 0, b, c);
                 if (this.a != null) {
-                    this.a.bm = this.j.fj;
+                    this.a.bo = this.j.fj;
                 }
             }
         };
@@ -211757,16 +211765,16 @@
             var b = new MouseButtonMessage();
             b.h = a;
             b.c = 1;
-            b.e = this.j.al ? 1 : 0;
-            b.f = this.j.bj;
+            b.e = this.j.am ? 1 : 0;
+            b.f = this.j.bl;
             this.f.i(b);
         };
         XamFunnelView.prototype.ao = function (a) {
             var b = new MouseButtonMessage();
             b.h = a;
             b.c = 0;
-            b.e = this.j.al ? 1 : 0;
-            b.f = this.j.bj;
+            b.e = this.j.am ? 1 : 0;
+            b.f = this.j.bl;
             this.f.i(b);
         };
         XamFunnelView.prototype.ap = function (a) {
@@ -211904,13 +211912,13 @@
         };
         XamFunnelView.prototype.az = function () {
             if (this.j != null) {
-                this.j.bi(this.ai, "");
+                this.j.bk(this.ai, "");
             }
         };
         XamFunnelView.prototype.ax = function (a) {
             this.av(a);
             if (this.j != null) {
-                this.j.au(this.ai, "");
+                this.j.av(this.ai, "");
             }
         };
         XamFunnelView.prototype.bc = function (a) {
@@ -211990,7 +211998,7 @@
         XamFunnelView.prototype.ay = function (a) {
             if (a == null) {
                 if (this.j != null) {
-                    this.j.aw();
+                    this.j.ax();
                 }
                 this.ad = null;
                 this.ae = this.ah = this.ag = this.ai = null;
@@ -212163,7 +212171,7 @@
             var b = this.ad.rootWrapper.height();
             this.bg = new igniteuiWebcomponentsCore.Rect(0, 0, 0, a, b);
             if (this.j != null) {
-                this.j.bm = this.bg;
+                this.j.bo = this.bg;
             }
             this.bd(this.ae, a * this.t, b * this.t, a, b);
             this.bd(this.ah, a * this.t, b * this.t, a, b);
@@ -273637,10 +273645,10 @@
              * Gets or Sets the property name that contains the values.
             */
             get: function () {
-                return this.i.fv;
+                return this.i.fw;
             },
             set: function (v) {
-                this.i.fv = v;
+                this.i.fw = v;
             },
             enumerable: false,
             configurable: true
@@ -273650,10 +273658,10 @@
              * Gets or sets the property name that contains the labels.
             */
             get: function () {
-                return this.i.ej;
+                return this.i.ek;
             },
             set: function (v) {
-                this.i.ej = v;
+                this.i.ek = v;
             },
             enumerable: false,
             configurable: true
@@ -273663,10 +273671,10 @@
              * Gets or sets the property name that contains the legend labels.
             */
             get: function () {
-                return this.i.ez;
+                return this.i.e0;
             },
             set: function (v) {
-                this.i.ez = v;
+                this.i.e0 = v;
             },
             enumerable: false,
             configurable: true
@@ -273690,11 +273698,11 @@
              * Gets or sets the color for labels rendered outside of the pie chart.
             */
             get: function () {
-                return igniteuiWebcomponentsCore.brushToString(this.i.i1);
+                return igniteuiWebcomponentsCore.brushToString(this.i.i6);
             },
             set: function (v) {
-                this.i.i1 = igniteuiWebcomponentsCore.stringToBrush(v);
-                this._a("labelOuterColor", igniteuiWebcomponentsCore.brushToString(this.i.i1));
+                this.i.i6 = igniteuiWebcomponentsCore.stringToBrush(v);
+                this._a("labelOuterColor", igniteuiWebcomponentsCore.brushToString(this.i.i6));
             },
             enumerable: false,
             configurable: true
@@ -273704,11 +273712,11 @@
              * Gets or sets the color for labels rendered inside of the pie chart.
             */
             get: function () {
-                return igniteuiWebcomponentsCore.brushToString(this.i.i0);
+                return igniteuiWebcomponentsCore.brushToString(this.i.i5);
             },
             set: function (v) {
-                this.i.i0 = igniteuiWebcomponentsCore.stringToBrush(v);
-                this._a("labelInnerColor", igniteuiWebcomponentsCore.brushToString(this.i.i0));
+                this.i.i5 = igniteuiWebcomponentsCore.stringToBrush(v);
+                this._a("labelInnerColor", igniteuiWebcomponentsCore.brushToString(this.i.i5));
             },
             enumerable: false,
             configurable: true
@@ -273718,11 +273726,11 @@
              * Gets the actual color for labels rendered outside of the pie chart.
             */
             get: function () {
-                return igniteuiWebcomponentsCore.brushToString(this.i.iz);
+                return igniteuiWebcomponentsCore.brushToString(this.i.i4);
             },
             set: function (v) {
-                this.i.iz = igniteuiWebcomponentsCore.stringToBrush(v);
-                this._a("actualLabelOuterColor", igniteuiWebcomponentsCore.brushToString(this.i.iz));
+                this.i.i4 = igniteuiWebcomponentsCore.stringToBrush(v);
+                this._a("actualLabelOuterColor", igniteuiWebcomponentsCore.brushToString(this.i.i4));
             },
             enumerable: false,
             configurable: true
@@ -273732,11 +273740,11 @@
              * Gets the actual color for labels rendered inside of the pie chart.
             */
             get: function () {
-                return igniteuiWebcomponentsCore.brushToString(this.i.iy);
+                return igniteuiWebcomponentsCore.brushToString(this.i.i3);
             },
             set: function (v) {
-                this.i.iy = igniteuiWebcomponentsCore.stringToBrush(v);
-                this._a("actualLabelInnerColor", igniteuiWebcomponentsCore.brushToString(this.i.iy));
+                this.i.i3 = igniteuiWebcomponentsCore.stringToBrush(v);
+                this._a("actualLabelInnerColor", igniteuiWebcomponentsCore.brushToString(this.i.i3));
             },
             enumerable: false,
             configurable: true
@@ -273746,11 +273754,11 @@
              * Gets or sets whether the leader lines are visible.
             */
             get: function () {
-                return this.i.je;
+                return this.i.jj;
             },
             set: function (v) {
-                this.i.je = igniteuiWebcomponentsCore.ensureEnum(igniteuiWebcomponentsCore.Visibility_$type, v);
-                this._a("leaderLineVisibility", igniteuiWebcomponentsCore.enumToString(igniteuiWebcomponentsCore.Visibility_$type, this.i.je));
+                this.i.jj = igniteuiWebcomponentsCore.ensureEnum(igniteuiWebcomponentsCore.Visibility_$type, v);
+                this._a("leaderLineVisibility", igniteuiWebcomponentsCore.enumToString(igniteuiWebcomponentsCore.Visibility_$type, this.i.jj));
             },
             enumerable: false,
             configurable: true
@@ -273829,10 +273837,10 @@
              * Gets or sets the label of the Others slice.
             */
             get: function () {
-                return this.i.e6;
+                return this.i.e7;
             },
             set: function (v) {
-                this.i.e6 = v;
+                this.i.e7 = v;
             },
             enumerable: false,
             configurable: true
@@ -273963,11 +273971,11 @@
              * Gets or sets the rotational direction of the chart.
             */
             get: function () {
-                return this.i.i3;
+                return this.i.i8;
             },
             set: function (v) {
-                this.i.i3 = igniteuiWebcomponentsCore.ensureEnum(igniteuiWebcomponentsCore.SweepDirection_$type, v);
-                this._a("sweepDirection", igniteuiWebcomponentsCore.enumToString(igniteuiWebcomponentsCore.SweepDirection_$type, this.i.i3));
+                this.i.i8 = igniteuiWebcomponentsCore.ensureEnum(igniteuiWebcomponentsCore.SweepDirection_$type, v);
+                this._a("sweepDirection", igniteuiWebcomponentsCore.enumToString(igniteuiWebcomponentsCore.SweepDirection_$type, this.i.i8));
             },
             enumerable: false,
             configurable: true
@@ -273977,11 +273985,11 @@
              * Gets or sets the fill brush.
             */
             get: function () {
-                return this.i.jb ? this.i.jb.fill : null;
+                return this.i.jg ? this.i.jg.fill : null;
             },
             set: function (v) {
                 this.ensureOthersCategoryStyle();
-                this.i.jb.fill = v;
+                this.i.jg.fill = v;
             },
             enumerable: false,
             configurable: true
@@ -273991,11 +273999,11 @@
              * Gets or sets the stroke brush.
             */
             get: function () {
-                return this.i.jb ? this.i.jb.stroke : null;
+                return this.i.jg ? this.i.jg.stroke : null;
             },
             set: function (v) {
                 this.ensureOthersCategoryStyle();
-                this.i.jb.stroke = v;
+                this.i.jg.stroke = v;
             },
             enumerable: false,
             configurable: true
@@ -274005,12 +274013,12 @@
              * Gets or sets the stroke thickness.
             */
             get: function () {
-                return this.i.jb ? this.i.jb.strokeThickness : NaN;
+                return this.i.jg ? this.i.jg.strokeThickness : NaN;
             },
             set: function (v) {
                 this.ensureOthersCategoryStyle();
-                this.i.jb.strokeThickness = +v;
-                this._a("othersCategoryStrokeThickness", this.i.jb.strokeThickness);
+                this.i.jg.strokeThickness = +v;
+                this._a("othersCategoryStrokeThickness", this.i.jg.strokeThickness);
             },
             enumerable: false,
             configurable: true
@@ -274020,32 +274028,32 @@
              * Gets or sets the opacity.
             */
             get: function () {
-                return this.i.jb ? this.i.jb.opacity : NaN;
+                return this.i.jg ? this.i.jg.opacity : NaN;
             },
             set: function (v) {
                 this.ensureOthersCategoryStyle();
-                this.i.jb.opacity = +v;
-                this._a("othersCategoryOpacity", this.i.jb.opacity);
+                this.i.jg.opacity = +v;
+                this._a("othersCategoryOpacity", this.i.jg.opacity);
             },
             enumerable: false,
             configurable: true
         });
         IgcPieChartBaseComponent.prototype.ensureOthersCategoryStyle = function () {
-            if (this.i.jb) {
+            if (this.i.jg) {
                 return;
             }
-            this.i.jb = new igniteuiWebcomponentsCore.Style();
+            this.i.jg = new igniteuiWebcomponentsCore.Style();
         };
         Object.defineProperty(IgcPieChartBaseComponent.prototype, "selectedSliceFill", {
             /**
              * Gets or sets the fill brush.
             */
             get: function () {
-                return this.i.jc ? this.i.jc.fill : null;
+                return this.i.jh ? this.i.jh.fill : null;
             },
             set: function (v) {
                 this.ensureSelectedStyle();
-                this.i.jc.fill = v;
+                this.i.jh.fill = v;
             },
             enumerable: false,
             configurable: true
@@ -274055,11 +274063,11 @@
              * Gets or sets the stroke brush.
             */
             get: function () {
-                return this.i.jc ? this.i.jc.stroke : null;
+                return this.i.jh ? this.i.jh.stroke : null;
             },
             set: function (v) {
                 this.ensureSelectedStyle();
-                this.i.jc.stroke = v;
+                this.i.jh.stroke = v;
             },
             enumerable: false,
             configurable: true
@@ -274069,12 +274077,12 @@
              * Gets or sets the stroke thickness.
             */
             get: function () {
-                return this.i.jc ? this.i.jc.strokeThickness : NaN;
+                return this.i.jh ? this.i.jh.strokeThickness : NaN;
             },
             set: function (v) {
                 this.ensureSelectedStyle();
-                this.i.jc.strokeThickness = +v;
-                this._a("selectedSliceStrokeThickness", this.i.jc.strokeThickness);
+                this.i.jh.strokeThickness = +v;
+                this._a("selectedSliceStrokeThickness", this.i.jh.strokeThickness);
             },
             enumerable: false,
             configurable: true
@@ -274084,21 +274092,21 @@
              * Gets or sets the opacity.
             */
             get: function () {
-                return this.i.jc ? this.i.jc.opacity : NaN;
+                return this.i.jh ? this.i.jh.opacity : NaN;
             },
             set: function (v) {
                 this.ensureSelectedStyle();
-                this.i.jc.opacity = +v;
-                this._a("selectedSliceOpacity", this.i.jc.opacity);
+                this.i.jh.opacity = +v;
+                this._a("selectedSliceOpacity", this.i.jh.opacity);
             },
             enumerable: false,
             configurable: true
         });
         IgcPieChartBaseComponent.prototype.ensureSelectedStyle = function () {
-            if (this.i.jc) {
+            if (this.i.jh) {
                 return;
             }
-            this.i.jc = new igniteuiWebcomponentsCore.Style();
+            this.i.jh = new igniteuiWebcomponentsCore.Style();
         };
         Object.defineProperty(IgcPieChartBaseComponent.prototype, "brushes", {
             /**
@@ -274161,10 +274169,10 @@
              * Gets or sets the label format string to use for the label.
             */
             get: function () {
-                return this.i.ef;
+                return this.i.eg;
             },
             set: function (v) {
-                this.i.ef = v;
+                this.i.eg = v;
             },
             enumerable: false,
             configurable: true
@@ -274191,10 +274199,10 @@
              * Gets or sets the label format string to use for the label.
             */
             get: function () {
-                return this.i.fa;
+                return this.i.fb;
             },
             set: function (v) {
-                this.i.fa = v;
+                this.i.fb = v;
             },
             enumerable: false,
             configurable: true
@@ -274221,10 +274229,10 @@
              * Gets or sets the label format string to use for the label.
             */
             get: function () {
-                return this.i.ew;
+                return this.i.ex;
             },
             set: function (v) {
-                this.i.ew = v;
+                this.i.ex = v;
             },
             enumerable: false,
             configurable: true
@@ -274251,10 +274259,10 @@
              * Gets or sets the label format string to use for the label.
             */
             get: function () {
-                return this.i.e1;
+                return this.i.e2;
             },
             set: function (v) {
-                this.i.e1 = v;
+                this.i.e2 = v;
             },
             enumerable: false,
             configurable: true
@@ -274306,6 +274314,19 @@
             enumerable: false,
             configurable: true
         });
+        Object.defineProperty(IgcPieChartBaseComponent.prototype, "actualLegendItemBadgeTemplate", {
+            /**
+             * Gets the actual legend item badge template used by the pie chart.
+            */
+            get: function () {
+                return this.i.he;
+            },
+            set: function (v) {
+                this.i.he = v;
+            },
+            enumerable: false,
+            configurable: true
+        });
         Object.defineProperty(IgcPieChartBaseComponent.prototype, "isDragInteractionEnabled", {
             /**
              * Gets or sets whether the pie chart will handle drag interaction and make them avaiilable in its events.
@@ -274506,10 +274527,10 @@
              * Manually overrides the style to use for the labels.
             */
             get: function () {
-                return this.i.fq;
+                return this.i.fr;
             },
             set: function (v) {
-                this.i.fq = v;
+                this.i.fr = v;
             },
             enumerable: false,
             configurable: true
@@ -274601,14 +274622,14 @@
         
         */
         IgcPieChartBaseComponent.prototype.flush = function () {
-            this.i.f0();
+            this.i.f1();
         };
         /**
          * Returns the chart visuals expressed as a serialized string.
         
         */
         IgcPieChartBaseComponent.prototype.exportSerializedVisualData = function () {
-            var iv = this.i.d4();
+            var iv = this.i.d5();
             return (iv);
         };
         /**
@@ -274617,7 +274638,7 @@
         * @param point  * The point to click at.
         */
         IgcPieChartBaseComponent.prototype.simulateLeftClick = function (point) {
-            this.i.g5(igniteuiWebcomponentsCore.toPoint(point));
+            this.i.g6(igniteuiWebcomponentsCore.toPoint(point));
         };
         /**
          * Invoked by the containing object to provide reference to the container.
@@ -274642,7 +274663,7 @@
             this.i.destroy();
         };
         IgcPieChartBaseComponent.prototype.notifySetItem = function (source_, index, oldItem, newItem) {
-            this.i.f9(source_, index, oldItem, newItem);
+            this.i.ga(source_, index, oldItem, newItem);
         };
         /**
          * Manually notifies the pie chart's data source that the data it has bound to has been cleared and needs to be re-examined.
@@ -274651,13 +274672,13 @@
         * @param source_  * The data source.
         */
         IgcPieChartBaseComponent.prototype.notifyClearItems = function (source_) {
-            this.i.f5(source_);
+            this.i.f6(source_);
         };
         IgcPieChartBaseComponent.prototype.notifyInsertItem = function (source_, index, newItem) {
-            this.i.f7(source_, index, newItem);
+            this.i.f8(source_, index, newItem);
         };
         IgcPieChartBaseComponent.prototype.notifyRemoveItem = function (source_, index, oldItem) {
-            this.i.f8(source_, index, oldItem);
+            this.i.f9(source_, index, oldItem);
         };
         /**
          * Assigns data source for the items.
@@ -274665,21 +274686,21 @@
         * @param source_  * Array of the data source items.
         */
         IgcPieChartBaseComponent.prototype.setWidgetLevelDataSource = function (source_) {
-            this.i.g4(source_);
+            this.i.g5(source_);
         };
         /**
          * Resets items data source.
         
         */
         IgcPieChartBaseComponent.prototype.removeWidgetLevelDataSource = function () {
-            this.i.gv();
+            this.i.gw();
         };
         /**
          * Invoked when style is updated.
         
         */
         IgcPieChartBaseComponent.prototype.styleUpdated = function () {
-            this.i.g9();
+            this.i.ha();
         };
         Object.defineProperty(IgcPieChartBaseComponent.prototype, "labelClick", {
             /**
@@ -274977,16 +274998,16 @@
         tslib.__extends(XamPieChart, _super);
         function XamPieChart() {
             var _this = _super.call(this) || this;
-            _this.jf = null;
+            _this.jk = null;
             _this.ab = XamPieChart.$;
             return _this;
         }
         XamPieChart.prototype.a3 = function () {
             return new XamPieChartView(this);
         };
-        XamPieChart.prototype.go = function (a) {
-            _super.prototype.go.call(this, a);
-            this.jf = a;
+        XamPieChart.prototype.gp = function (a) {
+            _super.prototype.gp.call(this, a);
+            this.jk = a;
         };
         XamPieChart.$t = igniteuiWebcomponentsCore.markType(XamPieChart, 'XamPieChart', PieChartBase.$);
         return XamPieChart;
@@ -277058,8 +277079,8 @@
             this.m.af(this.g);
             this.a0();
             this.c = new igniteuiWebcomponentsCore.CanvasGestureDOMEventProxy(this.af, this.ad, true);
-            this.c.ap = function (k) { return true; };
-            this.c.bm = this.a.kb;
+            this.c.aq = function (k) { return true; };
+            this.c.bo = this.a.kb;
             var k = this.c;
             k.onMouseOver = igniteuiWebcomponentsCore.delegateCombine(k.onMouseOver, igniteuiWebcomponentsCore.runOn(this, this.am));
             var l = this.c;
@@ -277111,12 +277132,12 @@
                 d.onMouseEnter = igniteuiWebcomponentsCore.delegateRemove(d.onMouseEnter, igniteuiWebcomponentsCore.runOn(this, this.ak));
                 var e = this.c;
                 e.onMouseLeave = igniteuiWebcomponentsCore.delegateRemove(e.onMouseLeave, igniteuiWebcomponentsCore.runOn(this, this.al));
-                this.c.ap = null;
-                this.c.aw();
+                this.c.aq = null;
+                this.c.ax();
             }
         };
         TreemapView.prototype.aj = function (a) {
-            if (this.c.al) {
+            if (this.c.am) {
                 this.a.iu(a);
             }
             else {
@@ -277124,7 +277145,7 @@
             }
         };
         TreemapView.prototype.an = function (a) {
-            if (this.c.al) {
+            if (this.c.am) {
                 this.a.iv(a);
             }
             else {
@@ -277324,13 +277345,13 @@
             this.o = true;
             this.ar();
             if (this.c != null) {
-                this.c.au(this.ad.rootWrapper, "");
+                this.c.av(this.ad.rootWrapper, "");
             }
         };
         TreemapView.prototype.av = function () {
             this.o = false;
             if (this.c != null && this.ad != null) {
-                this.c.bi(this.ad.rootWrapper, "");
+                this.c.bk(this.ad.rootWrapper, "");
             }
         };
         TreemapView.prototype.d = function () {
@@ -287917,7 +287938,7 @@
         XamSparklineView.prototype.ak = function (a) {
             if (a.b == null) {
                 if (this.n != null) {
-                    this.n.aw();
+                    this.n.ax();
                     var b = this.n;
                     b.onMouseLeave = igniteuiWebcomponentsCore.delegateRemove(b.onMouseLeave, igniteuiWebcomponentsCore.runOn(this, this.a0));
                     var c = this.n;
@@ -287953,7 +287974,7 @@
             e.onMouseLeave = igniteuiWebcomponentsCore.delegateCombine(e.onMouseLeave, igniteuiWebcomponentsCore.runOn(this, this.a0));
             var f = this.n;
             f.onMouseOver = igniteuiWebcomponentsCore.delegateCombine(f.onMouseOver, igniteuiWebcomponentsCore.runOn(this, this.a1));
-            this.n.aq = function (g) { return false; };
+            this.n.ar = function (g) { return false; };
             this.ao();
             this.at();
         };
@@ -288020,7 +288041,7 @@
             this.az(e, l, m, l * this.x, m * this.x);
             this.bn = new igniteuiWebcomponentsCore.Rect(0, 0, 0, i, j);
             if (this.n != null) {
-                this.n.bm = this.bn;
+                this.n.bo = this.bn;
             }
             this.bh();
             var o = new ViewportChangedMessage_Spark();
@@ -288455,13 +288476,13 @@
         };
         XamSparklineView.prototype.au = function () {
             if (this.n != null) {
-                this.n.bi(this.af, "");
+                this.n.bk(this.af, "");
             }
         };
         XamSparklineView.prototype.as = function () {
             this.ap(this.l.q);
             if (this.n != null) {
-                this.n.au(this.af, "");
+                this.n.av(this.af, "");
             }
         };
         XamSparklineView.$t = igniteuiWebcomponentsCore.markType(XamSparklineView, 'XamSparklineView', igniteuiWebcomponentsCore.Base.$, [igniteuiWebcomponentsCore.ISchedulableRender_$type]);